@mx-cartographer/experiences 6.25.3-alpha.al3 → 6.25.3-alpha.mega2

package/dist/transactions/components/shared/transactiondetails/actions/HideAction.js

@@ -0,0 +1,233 @@
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import u from "react";
+import { observer as x } from "mobx-react-lite";
+import N from "@mui/material/Avatar";
+import I from "@mui/material/Box";
+import C from "@mui/material/ListItem";
+import f from "@mui/material/ListItemAvatar";
+import A from "@mui/material/ListItemButton";
+import T from "@mui/material/ListItemIcon";
+import b from "@mui/material/ListItemText";
+import g from "@mui/material/Switch";
+import { Icon as a, IconWeight as d, Text as O } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../../../../common/constants/Account.js";
+import "../../../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useEvent as y, useTransactionStore as S, useGlobalCopyStore as D } from "../../../../../common/context/hooks.js";
+import "../../../../../common/context/GlobalDataProvider.js";
+import "../../../../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../../../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import E from "../../../../../common/components/dialog/Dialog.js";
+import "../../../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../../../../common/components/WidgetContainer.js";
+import "../../../../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../../../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "../../../../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "mobx";
+import "../../../../../accounts/AccountsWidget.js";
+import "../../../../../accounts/AccountsMiniWidget.js";
+import "../../../../../accounts/ConnectMiniWidget.js";
+import "../../../../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../../../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../../../../common/types/Account.js";
+import "posthog-js";
+import "../../../../../cashflow/CashflowMiniWidget.js";
+import "../../../../../cashflow/CashflowWidget.js";
+import "../../../../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../../../../categories/components/CategorySelector.js";
+import "../../../../../categories/components/CategorySelectorDrawer.js";
+import "../../../../../categories/components/CategoryRow.js";
+import "../../../../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../../../finstrong/components/CreditScoreGraph.js";
+import "../../../../../finstrong/FinstrongWidget.js";
+import "../../../../../goals/GoalsWidget.js";
+import "../../../../../goals/GoalsMicroWidget.js";
+import "../../../../../investments/util/InvestmentUtil.js";
+import "../../../../../merchants/components/MerchantLookup.js";
+import "../../../../../networth/components/NetWorthChart.js";
+import "../../../../../networth/components/NetWorthList.js";
+import "../../../../../networth/components/NetWorthSummary.js";
+import "../../../../../networth/NetWorthMicroWidget.js";
+import "../../../../../networth/NetWorthWidget.js";
+import "../../../../../notifications/components/NotificationList.js";
+import "../../../../../notifications/components/NotificationDrawer.js";
+import { ON_CLICK_EVENTS as o } from "../../../../constants/OnClickEvents.js";
+import "date-fns/formatISO";
+import "../../../../constants/Analytics.js";
+import "../../../../constants/Transaction.js";
+import { useTransactionsUiStore as L } from "../../../../context/hooks.js";
+import "../../transactionlist/TransactionRow.js";
+import "../../TransactionList.js";
+import "../../TransactionTable.js";
+import "../../TransactionDetails.js";
+import "../../../transactionwidget/AddAccountModal.js";
+import "../../../../TransactionWidget.js";
+import "../../../../../settings/SettingsWidget.js";
+import "../../../../../settings/components/SettingsWidgetContents.js";
+import "../../../../../settings/components/profile/ProfileTab.js";
+import "../../../../../settings/components/devices/DeviceTab.js";
+import "../../../../../settings/NotificationSettingsWidget.js";
+import "../../../../../settings/components/notifications/NotificationSettings.js";
+import "../../../../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../../../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../../../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../../../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../../../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../../../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../../../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../../../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../../../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../../../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../../../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../../../../trends/TrendsFullWidget.js";
+import "../../../../../trends/TrendsMiniWidget.js";
+import "../../../../../trends/TrendsMicroWidget.js";
+import "../../../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+const H = ({ transaction: m }) => {
+  const { onEvent: p } = y(), { updateTransaction: c } = S(), { setShouldDisableDrawerScroll: _ } = L(), { common: e, transactions: r } = D(), [h, n] = u.useState(!1), t = m.is_hidden, l = async () => {
+    await c({ ...m, is_hidden: !m.is_hidden }), p(
+      t ? o.ON_TRANSACTION_UNHIDDEN : o.ON_TRANSACTION_HIDDEN
+    );
+  };
+  return /* @__PURE__ */ s(I, { className: "mx-txn-hide-transaction", children: [
+    m && /* @__PURE__ */ i(C, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ s(
+      A,
+      {
+        "aria-checked": t,
+        onClick: () => {
+          p(
+            t ? o.ON_TRANSACTION_UNHIDE_CLICK : o.ON_TRANSACTION_HIDE_CLICK
+          ), p(
+            t ? "transaction_details_click_unhide_transaction" : "transaction_details_click_hide_transaction",
+            {
+              transaction_guid: m.guid
+            }
+          ), n(!0);
+        },
+        role: "switch",
+        children: [
+          /* @__PURE__ */ i(f, { children: /* @__PURE__ */ i(N, { sx: { bgcolor: "border.light" }, variant: "rounded", children: t ? /* @__PURE__ */ i(
+            a,
+            {
+              name: "visibilityOff",
+              sx: { color: "text.primary" },
+              weight: d.Dark
+            }
+          ) : /* @__PURE__ */ i(a, { name: "visibility", sx: { color: "text.primary" }, weight: d.Dark }) }) }),
+          /* @__PURE__ */ i(
+            b,
+            {
+              primary: t ? r.hide_trnx_subtitle_unhide_trnx : r.hide_trnx_subtitle_hide_trnx,
+              secondary: t ? r.hide_trnx_desc_unhiding : r.hide_trnx_desc_hiding
+            }
+          ),
+          /* @__PURE__ */ i(T, { children: /* @__PURE__ */ i(
+            g,
+            {
+              checked: t,
+              id: "hide-transaction",
+              name: "hide-transaction",
+              tabIndex: -1
+            }
+          ) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ i(
+      E,
+      {
+        copy: {
+          title: t ? r.hide_trnx_subtitle_unhide_trnx : r.hide_trnx_subtitle_hide_trnx
+        },
+        isOpen: h,
+        onClose: () => {
+          _(!1), n(!1);
+        },
+        onPrimaryAction: l,
+        onSecondaryAction: () => p(
+          t ? o.ON_TRANSACTION_UNHIDE_CANCEL_CLICK : o.ON_TRANSACTION_HIDE_CANCEL_CLICK
+        ),
+        primaryText: t ? e.unhide_button : e.hide_button,
+        secondaryText: e.cancel_button,
+        children: /* @__PURE__ */ i(O, { truncate: !1, variant: "Paragraph", children: t ? r.hide_trnx_desc_unhiding : r.hide_trnx_desc_hiding })
+      }
+    )
+  ] });
+}, Dr = x(H);
+export {
+  Dr as default
+};
+//# sourceMappingURL=HideAction.js.map

package/dist/transactions/components/shared/transactiondetails/actions/HideAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HideAction.js","sources":["../../../../../../src/transactions/components/shared/transactiondetails/actions/HideAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Avatar from '@mui/material/Avatar'\nimport Box from '@mui/material/Box'\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 Switch from '@mui/material/Switch'\n\nimport { Icon, IconWeight, Text } from '@mxenabled/mxui'\n\nimport { Dialog, useEvent, useGlobalCopyStore, useTransactionStore } from '../../../../../common'\n\nimport type { Transaction } from '../../../../../common'\n\nimport { useTransactionsUiStore } from '../../../../context/hooks'\nimport { ON_CLICK_EVENTS } from '../../../../constants/OnClickEvents'\n\ninterface HideActionProps {\n  transaction: Transaction\n}\n\nconst HideAction: React.FC<HideActionProps> = ({ transaction }) => {\n  const { onEvent } = useEvent()\n  const { updateTransaction } = useTransactionStore()\n  const { setShouldDisableDrawerScroll } = useTransactionsUiStore()\n  const { common: commonCopy, transactions: copy } = useGlobalCopyStore()\n\n  const [open, setOpen] = React.useState(false)\n\n  const isHidden = transaction.is_hidden\n\n  const toggleHide = async () => {\n    await updateTransaction({ ...transaction, is_hidden: !transaction.is_hidden })\n    onEvent(\n      isHidden ? ON_CLICK_EVENTS.ON_TRANSACTION_UNHIDDEN : ON_CLICK_EVENTS.ON_TRANSACTION_HIDDEN,\n    )\n  }\n\n  return (\n    <Box className=\"mx-txn-hide-transaction\">\n      {transaction && (\n        <ListItem disableGutters={true} disablePadding={true}>\n          <ListItemButton\n            aria-checked={isHidden}\n            onClick={() => {\n              onEvent(\n                isHidden\n                  ? ON_CLICK_EVENTS.ON_TRANSACTION_UNHIDE_CLICK\n                  : ON_CLICK_EVENTS.ON_TRANSACTION_HIDE_CLICK,\n              )\n              onEvent(\n                isHidden\n                  ? 'transaction_details_click_unhide_transaction'\n                  : 'transaction_details_click_hide_transaction',\n                {\n                  transaction_guid: transaction.guid,\n                },\n              )\n              setOpen(true)\n            }}\n            role=\"switch\"\n          >\n            <ListItemAvatar>\n              <Avatar sx={{ bgcolor: 'border.light' }} variant=\"rounded\">\n                {isHidden ? (\n                  <Icon\n                    name=\"visibilityOff\"\n                    sx={{ color: 'text.primary' }}\n                    weight={IconWeight.Dark}\n                  />\n                ) : (\n                  <Icon name=\"visibility\" sx={{ color: 'text.primary' }} weight={IconWeight.Dark} />\n                )}\n              </Avatar>\n            </ListItemAvatar>\n            <ListItemText\n              primary={\n                isHidden ? copy.hide_trnx_subtitle_unhide_trnx : copy.hide_trnx_subtitle_hide_trnx\n              }\n              secondary={isHidden ? copy.hide_trnx_desc_unhiding : copy.hide_trnx_desc_hiding}\n            />\n            <ListItemIcon>\n              <Switch\n                checked={isHidden}\n                id=\"hide-transaction\"\n                name=\"hide-transaction\"\n                tabIndex={-1}\n              />\n            </ListItemIcon>\n          </ListItemButton>\n        </ListItem>\n      )}\n\n      <Dialog\n        copy={{\n          title: isHidden ? copy.hide_trnx_subtitle_unhide_trnx : copy.hide_trnx_subtitle_hide_trnx,\n        }}\n        isOpen={open}\n        onClose={() => {\n          setShouldDisableDrawerScroll(false)\n          setOpen(false)\n        }}\n        onPrimaryAction={toggleHide}\n        onSecondaryAction={() =>\n          onEvent(\n            isHidden\n              ? ON_CLICK_EVENTS.ON_TRANSACTION_UNHIDE_CANCEL_CLICK\n              : ON_CLICK_EVENTS.ON_TRANSACTION_HIDE_CANCEL_CLICK,\n          )\n        }\n        primaryText={isHidden ? commonCopy.unhide_button : commonCopy.hide_button}\n        secondaryText={commonCopy.cancel_button}\n      >\n        <Text truncate={false} variant=\"Paragraph\">\n          {isHidden ? copy.hide_trnx_desc_unhiding : copy.hide_trnx_desc_hiding}\n        </Text>\n      </Dialog>\n    </Box>\n  )\n}\n\nexport default observer(HideAction)\n"],"names":["HideAction","transaction","onEvent","useEvent","updateTransaction","useTransactionStore","setShouldDisableDrawerScroll","useTransactionsUiStore","commonCopy","copy","useGlobalCopyStore","open","setOpen","React","isHidden","toggleHide","ON_CLICK_EVENTS","jsxs","Box","jsx","ListItem","ListItemButton","ListItemAvatar","Avatar","Icon","IconWeight","ListItemText","ListItemIcon","Switch","Dialog","Text","HideAction$1","observer"],"mappings":"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"}

package/dist/transactions/components/shared/transactiondetails/actions/MemoAction.js

@@ -0,0 +1,237 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import a from "react";
+import { observer as _ } from "mobx-react-lite";
+import x from "@mui/material/Avatar";
+import C from "@mui/material/ListItem";
+import I from "@mui/material/ListItemAvatar";
+import v from "@mui/material/ListItemButton";
+import S from "@mui/material/ListItemIcon";
+import g from "@mui/material/ListItemText";
+import A from "@mui/material/TextField";
+import { Icon as l, IconWeight as c, Text as y } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as L } from "../../../../../common/constants/Analytics.js";
+import "date-fns/intlFormat";
+import "../../../../../common/constants/Account.js";
+import "../../../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useEvent as b, useTransactionStore as E, useGlobalCopyStore as N } from "../../../../../common/context/hooks.js";
+import "../../../../../common/context/GlobalDataProvider.js";
+import "../../../../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../../../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import w from "../../../../../common/components/drawer/Drawer.js";
+import "../../../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../../../../common/components/WidgetContainer.js";
+import "../../../../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../../../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "../../../../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/Switch";
+import "mobx";
+import "../../../../../accounts/AccountsWidget.js";
+import "../../../../../accounts/AccountsMiniWidget.js";
+import "../../../../../accounts/ConnectMiniWidget.js";
+import "../../../../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../../../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../../../../common/types/Account.js";
+import "posthog-js";
+import "../../../../../cashflow/CashflowMiniWidget.js";
+import "../../../../../cashflow/CashflowWidget.js";
+import "../../../../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../../../../categories/components/CategorySelector.js";
+import "../../../../../categories/components/CategorySelectorDrawer.js";
+import "../../../../../categories/components/CategoryRow.js";
+import "../../../../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../../../finstrong/components/CreditScoreGraph.js";
+import "../../../../../finstrong/FinstrongWidget.js";
+import "../../../../../goals/GoalsWidget.js";
+import "../../../../../goals/GoalsMicroWidget.js";
+import "../../../../../investments/util/InvestmentUtil.js";
+import "../../../../../merchants/components/MerchantLookup.js";
+import "../../../../../networth/components/NetWorthChart.js";
+import "../../../../../networth/components/NetWorthList.js";
+import "../../../../../networth/components/NetWorthSummary.js";
+import "../../../../../networth/NetWorthMicroWidget.js";
+import "../../../../../networth/NetWorthWidget.js";
+import "../../../../../notifications/components/NotificationList.js";
+import "../../../../../notifications/components/NotificationDrawer.js";
+import { ON_CLICK_EVENTS as M } from "../../../../constants/OnClickEvents.js";
+import "date-fns/formatISO";
+import "../../../../constants/Analytics.js";
+import "../../../../constants/Transaction.js";
+import { useTransactionsUiStore as O } from "../../../../context/hooks.js";
+import "../../transactionlist/TransactionRow.js";
+import "../../TransactionList.js";
+import "../../TransactionTable.js";
+import "../../TransactionDetails.js";
+import "../../../transactionwidget/AddAccountModal.js";
+import "../../../../TransactionWidget.js";
+import "../../../../../settings/SettingsWidget.js";
+import "../../../../../settings/components/SettingsWidgetContents.js";
+import "../../../../../settings/components/profile/ProfileTab.js";
+import "../../../../../settings/components/devices/DeviceTab.js";
+import "../../../../../settings/NotificationSettingsWidget.js";
+import "../../../../../settings/components/notifications/NotificationSettings.js";
+import "../../../../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../../../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../../../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../../../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../../../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../../../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../../../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../../../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../../../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../../../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../../../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../../../../trends/TrendsFullWidget.js";
+import "../../../../../trends/TrendsMiniWidget.js";
+import "../../../../../trends/TrendsMicroWidget.js";
+import "../../../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import k from "../TransactionAmountHeader.js";
+const D = ({ transaction: o }) => {
+  const { onEvent: s } = b(), { updateTransaction: d } = E(), { updateManualTransaction: u } = O(), { common: f, transactions: t } = N(), [i, m] = a.useState(!1), [p, n] = a.useState("");
+  a.useEffect(() => {
+    i && n(o.memo ? o.memo : "");
+  }, [i]);
+  const h = async () => {
+    if (o.is_manual && !o.guid) {
+      u({ ...o, memo: p }), m(!1);
+      return;
+    }
+    await d({ ...o, memo: p }), s(L.TRANSACTION_DETAILS_CLICK_MEMO, { transaction_guid: o.guid }), m(!1);
+  };
+  return /* @__PURE__ */ e("div", { className: "mx-txn-memo-action", children: [
+    /* @__PURE__ */ r(C, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ e(
+      v,
+      {
+        onClick: () => {
+          s(M.ON_TRANSACTION_MEMO_CLICK), m(!0);
+        },
+        children: [
+          /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(x, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ r(l, { name: "article", sx: { color: "text.primary" }, weight: c.Dark }) }) }),
+          /* @__PURE__ */ r(
+            g,
+            {
+              primary: t.memo_title,
+              primaryTypographyProps: { variant: "XSmall" },
+              secondary: /* @__PURE__ */ r(
+                y,
+                {
+                  bold: !0,
+                  sx: { overflowWrap: "break-word", whiteSpace: "wrap" },
+                  variant: "Body",
+                  children: o.memo ? o.memo : t.memo_desc
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(l, { name: "chevron_right", weight: c.Dark }) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      w,
+      {
+        ariaLabelClose: f.close_aria,
+        isOpen: i,
+        onClose: () => m(!1),
+        onPrimaryAction: h,
+        title: t.memo_title,
+        children: [
+          /* @__PURE__ */ r(k, { transaction: o }),
+          /* @__PURE__ */ r(
+            A,
+            {
+              "aria-label": t.memo_desc_aria,
+              focused: !0,
+              fullWidth: !0,
+              multiline: !0,
+              name: "memo",
+              onChange: (T) => n(T.target.value),
+              placeholder: t.memo_desc,
+              rows: 4,
+              sx: { px: 16 },
+              value: p
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, Pt = _(D);
+export {
+  Pt as default
+};
+//# sourceMappingURL=MemoAction.js.map

package/dist/transactions/components/shared/transactiondetails/actions/MemoAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemoAction.js","sources":["../../../../../../src/transactions/components/shared/transactiondetails/actions/MemoAction.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 TextField from '@mui/material/TextField'\n\nimport { Icon, IconWeight, Text } from '@mxenabled/mxui'\n\nimport { ANALYTICS_EVENTS, Drawer, useGlobalCopyStore } from '../../../../../common'\n\nimport type { Transaction } from '../../../../../common'\n\nimport { useTransactionsUiStore } from '../../../../context/hooks'\nimport { useEvent, useTransactionStore } from '../../../../../common'\nimport { ON_CLICK_EVENTS } from '../../../../constants/OnClickEvents'\n\nimport TransactionAmountHeader from '../TransactionAmountHeader'\n\ninterface MemoActionProps {\n  transaction: Transaction\n}\n\nconst MemoAction: React.FC<MemoActionProps> = ({ transaction }) => {\n  const { onEvent } = useEvent()\n  const { updateTransaction } = useTransactionStore()\n  const { updateManualTransaction } = useTransactionsUiStore()\n  const { common: commonCopy, transactions: copy } = useGlobalCopyStore()\n\n  const [open, setOpen] = React.useState(false)\n  const [memoText, setMemoText] = React.useState('')\n\n  React.useEffect(() => {\n    if (open) {\n      setMemoText(transaction.memo ? transaction.memo : '')\n    }\n  }, [open])\n\n  const handleSave = async () => {\n    if (transaction.is_manual && !transaction.guid) {\n      updateManualTransaction({ ...transaction, memo: memoText })\n      setOpen(false)\n      return\n    }\n\n    await updateTransaction({ ...transaction, memo: memoText })\n    onEvent(ANALYTICS_EVENTS.TRANSACTION_DETAILS_CLICK_MEMO, { transaction_guid: transaction.guid })\n    setOpen(false)\n  }\n\n  return (\n    <div className=\"mx-txn-memo-action\">\n      <ListItem disableGutters={true} disablePadding={true}>\n        <ListItemButton\n          onClick={() => {\n            onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_MEMO_CLICK)\n            setOpen(true)\n          }}\n        >\n          <ListItemAvatar>\n            <Avatar sx={{ bgcolor: 'border.light' }} variant=\"rounded\">\n              <Icon name=\"article\" sx={{ color: 'text.primary' }} weight={IconWeight.Dark} />\n            </Avatar>\n          </ListItemAvatar>\n          <ListItemText\n            primary={copy.memo_title}\n            primaryTypographyProps={{ variant: 'XSmall' }}\n            secondary={\n              <Text\n                bold={true}\n                sx={{ overflowWrap: 'break-word', whiteSpace: 'wrap' }}\n                variant=\"Body\"\n              >\n                {transaction.memo ? transaction.memo : copy.memo_desc}\n              </Text>\n            }\n          />\n          <ListItemIcon>\n            <Icon name=\"chevron_right\" weight={IconWeight.Dark} />\n          </ListItemIcon>\n        </ListItemButton>\n      </ListItem>\n\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={open}\n        onClose={() => setOpen(false)}\n        onPrimaryAction={handleSave}\n        title={copy.memo_title}\n      >\n        <TransactionAmountHeader transaction={transaction} />\n        <TextField\n          aria-label={copy.memo_desc_aria}\n          focused={true}\n          fullWidth={true}\n          multiline={true}\n          name=\"memo\"\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) => setMemoText(e.target.value)}\n          placeholder={copy.memo_desc}\n          rows={4}\n          sx={{ px: 16 }}\n          value={memoText}\n        />\n      </Drawer>\n    </div>\n  )\n}\n\nexport default observer(MemoAction)\n"],"names":["MemoAction","transaction","onEvent","useEvent","updateTransaction","useTransactionStore","updateManualTransaction","useTransactionsUiStore","commonCopy","copy","useGlobalCopyStore","open","setOpen","React","memoText","setMemoText","handleSave","ANALYTICS_EVENTS","jsxs","jsx","ListItem","ListItemButton","ON_CLICK_EVENTS","ListItemAvatar","Avatar","Icon","IconWeight","ListItemText","Text","ListItemIcon","Drawer","TransactionAmountHeader","TextField","e","MemoAction$1","observer"],"mappings":"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"}