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

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

@@ -0,0 +1,249 @@
+import { jsxs as _, jsx as o } from "react/jsx-runtime";
+import p from "react";
+import A from "@mui/material/Avatar";
+import v from "@mui/material/ListItem";
+import x from "@mui/material/ListItemAvatar";
+import L from "@mui/material/ListItemButton";
+import D from "@mui/material/ListItemIcon";
+import E from "@mui/material/ListItemText";
+import { CategoryIcon as N, CategoryIconVariants as O, Text as b, Icon as w, IconWeight as G, P as R } from "@mxenabled/mxui";
+import "../../../../../categories/components/CategorySelector.js";
+import P from "../../../../../categories/components/CategorySelectorDrawer.js";
+import "../../../../../categories/components/CategoryRow.js";
+import "mobx";
+import "date-fns/getUnixTime";
+import "date-fns/subMonths";
+import "date-fns/startOfMonth";
+import "date-fns/endOfMonth";
+import "bowser";
+import { ANALYTICS_EVENTS as B } 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 { buildDynamicCopy as y } from "../../../../../common/utils/Localization.js";
+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 { useTransactionStore as K, useCategoryStore as V, useEvent as Y, useGlobalCopyStore as j } 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/format";
+import "date-fns/isSameMonth";
+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 k 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 "@mui/material/Switch";
+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 "../../../../../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 U } 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 Mr = ({ transaction: t }) => {
+  const { addOrUpdateTransactionRule: g, updateTransaction: u } = K(), { categories: a } = V(), { onEvent: n } = Y(), { setShouldDisableDrawerScroll: f, updateManualTransaction: C } = U(), { transactions: i } = j(), [h, s] = p.useState(!1), [m, e] = p.useState(""), c = async (r) => {
+    await u({ ...t, category_guid: m }), r && await g(m, t), e(""), n(B.TRANSACTION_DETAILS_CLICK_CATEGORY, {
+      transaction_guid: t.guid
+    });
+  }, S = (r) => {
+    if (t.is_manual && !t.guid) {
+      const d = a.find((I) => I.guid === r);
+      C({
+        ...t,
+        category: d?.name,
+        category_guid: r,
+        top_level_category_guid: d?.parent_guid || r
+      });
+    } else
+      e(r);
+    l();
+  }, l = () => {
+    s(!1), f(!1);
+  }, T = p.useMemo(
+    () => a.find((r) => r.guid === m),
+    [m]
+  );
+  return /* @__PURE__ */ _(p.Fragment, { children: [
+    /* @__PURE__ */ o(v, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ _(
+      L,
+      {
+        onClick: () => {
+          n(M.ON_TRANSACTION_CATEGORY_CLICK), s(!0);
+        },
+        children: [
+          /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(A, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ o(
+            N,
+            {
+              categoryGuid: t.top_level_category_guid,
+              size: 24,
+              sx: { color: "text.primary" },
+              variant: O.Transparent
+            }
+          ) }) }),
+          /* @__PURE__ */ o(
+            E,
+            {
+              primary: "Category",
+              primaryTypographyProps: { variant: "XSmall" },
+              secondary: /* @__PURE__ */ o(b, { bold: !0, variant: "Body", children: t.category ?? i.actions_select_a_category })
+            }
+          ),
+          /* @__PURE__ */ o(D, { children: /* @__PURE__ */ o(w, { name: "chevron_right", weight: G.Dark }) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ o(
+      P,
+      {
+        initialSelected: t.category_guid,
+        onClose: l,
+        onSelect: S,
+        showDrawer: h,
+        title: i.actions_select_a_category
+      }
+    ),
+    /* @__PURE__ */ o(
+      k,
+      {
+        copy: {
+          title: y(
+            i.actions_apply_to_all_transaction_types,
+            t.description
+          )
+        },
+        isOpen: !!m,
+        onClose: () => e(""),
+        onPrimaryAction: () => c(!0),
+        onSecondaryAction: () => c(!1),
+        primaryText: i.actions_apply_to_all,
+        secondaryText: i.actions_this_time_only,
+        children: /* @__PURE__ */ o(R, { variant: "Paragraph", children: y(
+          i.actions_all_past_and_future,
+          t.description,
+          T?.name
+        ) })
+      }
+    )
+  ] });
+};
+export {
+  Mr as default
+};
+//# sourceMappingURL=CategoryAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryAction.js","sources":["../../../../../../src/transactions/components/shared/transactiondetails/actions/CategoryAction.tsx"],"sourcesContent":["import React from 'react'\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'\n\nimport { CategoryIcon, CategoryIconVariants, Icon, IconWeight, P, Text } from '@mxenabled/mxui'\n\nimport { CategorySelectorDrawer } from '../../../../../categories'\n\nimport {\n  ANALYTICS_EVENTS,\n  buildDynamicCopy,\n  Dialog,\n  useCategoryStore,\n  useGlobalCopyStore,\n} from '../../../../../common'\n\nimport type { Transaction } from '../../../../../common'\n\nimport { ON_CLICK_EVENTS } from '../../../../constants/OnClickEvents'\nimport { useTransactionsUiStore } from '../../../../context/hooks'\nimport { useEvent, useTransactionStore } from '../../../../../common'\n\ninterface CategoryActionProps {\n  transaction: Transaction\n}\n\nconst CategoryAction: React.FC<CategoryActionProps> = ({ transaction }) => {\n  const { addOrUpdateTransactionRule, updateTransaction } = useTransactionStore()\n  const { categories } = useCategoryStore()\n  const { onEvent } = useEvent()\n  const { setShouldDisableDrawerScroll, updateManualTransaction } = useTransactionsUiStore()\n  const { transactions: copy } = useGlobalCopyStore()\n\n  const [open, setOpen] = React.useState(false)\n  const [selectedGuid, setSelectedGuid] = React.useState('')\n\n  const handleCategoryChange = async (applyToAll: boolean) => {\n    await updateTransaction({ ...transaction, category_guid: selectedGuid })\n    if (applyToAll) {\n      await addOrUpdateTransactionRule(selectedGuid, transaction)\n    }\n    setSelectedGuid('')\n    onEvent(ANALYTICS_EVENTS.TRANSACTION_DETAILS_CLICK_CATEGORY, {\n      transaction_guid: transaction.guid,\n    })\n  }\n\n  const handleSelected = (guid: string) => {\n    if (transaction.is_manual && !transaction.guid) {\n      const category = categories.find((c) => c.guid === guid)\n      updateManualTransaction({\n        ...transaction,\n        category: category?.name,\n        category_guid: guid,\n        top_level_category_guid: category?.parent_guid || guid,\n      })\n    } else {\n      setSelectedGuid(guid)\n    }\n\n    handleCloseDrawer()\n  }\n\n  const handleCloseDrawer = () => {\n    setOpen(false)\n    setShouldDisableDrawerScroll(false)\n  }\n\n  const category = React.useMemo(\n    () => categories.find((item) => item.guid === selectedGuid),\n    [selectedGuid],\n  )\n\n  return (\n    <React.Fragment>\n      <ListItem disableGutters={true} disablePadding={true}>\n        <ListItemButton\n          onClick={() => {\n            onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_CATEGORY_CLICK)\n            setOpen(true)\n          }}\n        >\n          <ListItemAvatar>\n            <Avatar sx={{ bgcolor: 'border.light' }} variant=\"rounded\">\n              <CategoryIcon\n                categoryGuid={transaction.top_level_category_guid}\n                size={24}\n                sx={{ color: 'text.primary' }}\n                variant={CategoryIconVariants.Transparent}\n              />\n            </Avatar>\n          </ListItemAvatar>\n          <ListItemText\n            primary=\"Category\"\n            primaryTypographyProps={{ variant: 'XSmall' }}\n            secondary={\n              <Text bold={true} variant=\"Body\">\n                {transaction.category ?? copy.actions_select_a_category}\n              </Text>\n            }\n          />\n          <ListItemIcon>\n            <Icon name=\"chevron_right\" weight={IconWeight.Dark} />\n          </ListItemIcon>\n        </ListItemButton>\n      </ListItem>\n\n      <CategorySelectorDrawer\n        initialSelected={transaction.category_guid}\n        onClose={handleCloseDrawer}\n        onSelect={handleSelected}\n        showDrawer={open}\n        title={copy.actions_select_a_category}\n      />\n\n      <Dialog\n        copy={{\n          title: buildDynamicCopy(\n            copy.actions_apply_to_all_transaction_types,\n            transaction.description,\n          ) as string,\n        }}\n        isOpen={Boolean(selectedGuid)}\n        onClose={() => setSelectedGuid('')}\n        onPrimaryAction={() => handleCategoryChange(true)}\n        onSecondaryAction={() => handleCategoryChange(false)}\n        primaryText={copy.actions_apply_to_all}\n        secondaryText={copy.actions_this_time_only}\n      >\n        <P variant=\"Paragraph\">\n          {\n            buildDynamicCopy(\n              copy.actions_all_past_and_future,\n              transaction.description,\n              category?.name,\n            ) as string\n          }\n        </P>\n      </Dialog>\n    </React.Fragment>\n  )\n}\n\nexport default CategoryAction\n"],"names":["CategoryAction","transaction","addOrUpdateTransactionRule","updateTransaction","useTransactionStore","categories","useCategoryStore","onEvent","useEvent","setShouldDisableDrawerScroll","updateManualTransaction","useTransactionsUiStore","copy","useGlobalCopyStore","open","setOpen","React","selectedGuid","setSelectedGuid","handleCategoryChange","applyToAll","ANALYTICS_EVENTS","handleSelected","guid","category","c","handleCloseDrawer","item","jsxs","jsx","ListItem","ListItemButton","ON_CLICK_EVENTS","ListItemAvatar","Avatar","CategoryIcon","CategoryIconVariants","ListItemText","Text","ListItemIcon","Icon","IconWeight","CategorySelectorDrawer","Dialog","buildDynamicCopy","P"],"mappings":"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"}

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

@@ -0,0 +1,219 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import n from "react";
+import { fromUnixTime as s } from "date-fns/fromUnixTime";
+import { getUnixTime as A } from "date-fns/getUnixTime";
+import g from "@mui/material/Avatar";
+import x from "@mui/material/Box";
+import I from "@mui/material/Stack";
+import C from "@mui/material/ListItem";
+import D from "@mui/material/ListItemAvatar";
+import L from "@mui/material/ListItemButton";
+import v from "@mui/material/ListItemIcon";
+import N from "@mui/material/ListItemText";
+import { useTokens as E, Icon as c, IconWeight as l, Text as b } from "@mxenabled/mxui";
+import "bowser";
+import { ANALYTICS_EVENTS as O } from "../../../../../common/constants/Analytics.js";
+import { formatDate as k, DATE_FORMATS_INTL as R } from "../../../../../common/constants/DateFormats.js";
+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 "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 w, useTransactionStore as B, useGlobalCopyStore as K } 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 M, { CalendarSelectionTypes as P } from "../../../../../common/components/calendar/Calendar.js";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/addDays";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfMonth";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfMonth";
+import "date-fns/startOfYear";
+import "date-fns/subMonths";
+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 U from "../../../../../common/components/drawer/Drawer.js";
+import "../../../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "@mxenabled/mx-icons";
+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 "@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 "date-fns/format";
+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 X } from "../../../../constants/OnClickEvents.js";
+import "date-fns/formatISO";
+import "../../../../constants/Analytics.js";
+import "../../../../constants/Transaction.js";
+import { useTransactionsUiStore as Y } 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/isSameDay";
+import "date-fns/isWithinInterval";
+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 Po = ({ transaction: r }) => {
+  const d = E(), { onEvent: e } = w(), { updateTransaction: _ } = B(), { updateManualTransaction: f } = Y(), { common: o, transactions: i } = K(), [T, m] = n.useState(!1), [p, u] = n.useState(r.date), S = (y) => {
+    u(A(y));
+  }, h = async () => {
+    if (r.is_manual && !r.guid) {
+      f({ ...r, date: p }), m(!1);
+      return;
+    }
+    await _({ ...r, date: p }), e(O.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: r.guid }), m(!1);
+  };
+  return /* @__PURE__ */ a(x, { className: "mx-txn-date-action", children: [
+    /* @__PURE__ */ t(C, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ a(
+      L,
+      {
+        onClick: () => {
+          e(X.ON_TRANSACTION_DATE_CLICK), m(!0);
+        },
+        children: [
+          /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(g, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(c, { name: "calendar_month", sx: { color: "text.primary" }, weight: l.Dark }) }) }),
+          /* @__PURE__ */ t(
+            N,
+            {
+              primary: i.date_title,
+              primaryTypographyProps: { variant: "XSmall" },
+              secondary: /* @__PURE__ */ t(b, { bold: !0, variant: "Body", children: k(s(r.date), R.YEAR_MONTH_DAY) })
+            }
+          ),
+          /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t(c, { name: "chevron_right", weight: l.Dark }) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(
+      U,
+      {
+        ariaLabelClose: o.close_aria,
+        isOpen: T,
+        onClose: () => m(!1),
+        onPrimaryAction: h,
+        primaryText: o.save_button,
+        secondaryText: o.cancel_button,
+        title: i.date_edit_title,
+        children: /* @__PURE__ */ t(I, { alignItems: "center", mt: d.Spacing.XXLarge, children: /* @__PURE__ */ t(
+          M,
+          {
+            beginDate: s(p),
+            copy: {
+              nextAria: i.date_next_aria,
+              prevAria: i.date_prev_aria,
+              today: o.date_range_picker.today
+            },
+            onDateSelected: S,
+            selectionType: P.Single
+          }
+        ) })
+      }
+    )
+  ] });
+};
+export {
+  Po as default
+};
+//# sourceMappingURL=DateAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateAction.js","sources":["../../../../../../src/transactions/components/shared/transactiondetails/actions/DateAction.tsx"],"sourcesContent":["import React from 'react'\nimport { fromUnixTime } from 'date-fns/fromUnixTime'\nimport { getUnixTime } from 'date-fns/getUnixTime'\n\nimport Avatar from '@mui/material/Avatar'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\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'\n\nimport { Icon, IconWeight, Text, useTokens } from '@mxenabled/mxui'\n\nimport {\n  ANALYTICS_EVENTS,\n  Calendar,\n  CalendarSelectionTypes,\n  DATE_FORMATS_INTL,\n  Drawer,\n  formatDate,\n  useEvent,\n  useGlobalCopyStore,\n  useTransactionStore,\n} from '../../../../../common'\n\nimport type { Transaction } from '../../../../../common'\n\nimport { useTransactionsUiStore } from '../../../../context/hooks'\nimport { ON_CLICK_EVENTS } from '../../../../constants/OnClickEvents'\n\ninterface DateActionProps {\n  transaction: Transaction\n}\n\nconst DateAction: React.FC<DateActionProps> = ({ transaction }) => {\n  const tokens = useTokens()\n\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 [date, setDate] = React.useState<number>(transaction.date)\n\n  const handleDateSelected = (date: Date) => {\n    setDate(getUnixTime(date))\n  }\n\n  const handleSave = async () => {\n    if (transaction.is_manual && !transaction.guid) {\n      updateManualTransaction({ ...transaction, date })\n      setOpen(false)\n      return\n    }\n\n    await updateTransaction({ ...transaction, date })\n    onEvent(ANALYTICS_EVENTS.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: transaction.guid })\n    setOpen(false)\n  }\n\n  return (\n    <Box className=\"mx-txn-date-action\">\n      <ListItem disableGutters={true} disablePadding={true}>\n        <ListItemButton\n          onClick={() => {\n            onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_DATE_CLICK)\n            setOpen(true)\n          }}\n        >\n          <ListItemAvatar>\n            <Avatar sx={{ bgcolor: 'border.light' }} variant=\"rounded\">\n              <Icon name=\"calendar_month\" sx={{ color: 'text.primary' }} weight={IconWeight.Dark} />\n            </Avatar>\n          </ListItemAvatar>\n          <ListItemText\n            primary={copy.date_title}\n            primaryTypographyProps={{ variant: 'XSmall' }}\n            secondary={\n              <Text bold={true} variant=\"Body\">\n                {formatDate(fromUnixTime(transaction.date), DATE_FORMATS_INTL.YEAR_MONTH_DAY)}\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        primaryText={commonCopy.save_button}\n        secondaryText={commonCopy.cancel_button}\n        title={copy.date_edit_title}\n      >\n        <Stack alignItems=\"center\" mt={tokens.Spacing.XXLarge}>\n          <Calendar\n            beginDate={fromUnixTime(date)}\n            copy={{\n              nextAria: copy.date_next_aria,\n              prevAria: copy.date_prev_aria,\n              today: commonCopy.date_range_picker.today,\n            }}\n            onDateSelected={handleDateSelected}\n            selectionType={CalendarSelectionTypes.Single}\n          />\n        </Stack>\n      </Drawer>\n    </Box>\n  )\n}\n\nexport default DateAction\n"],"names":["DateAction","transaction","tokens","useTokens","onEvent","useEvent","updateTransaction","useTransactionStore","updateManualTransaction","useTransactionsUiStore","commonCopy","copy","useGlobalCopyStore","open","setOpen","React","date","setDate","handleDateSelected","getUnixTime","handleSave","ANALYTICS_EVENTS","jsxs","Box","jsx","ListItem","ListItemButton","ON_CLICK_EVENTS","ListItemAvatar","Avatar","Icon","IconWeight","ListItemText","Text","formatDate","fromUnixTime","DATE_FORMATS_INTL","ListItemIcon","Drawer","Stack","Calendar","CalendarSelectionTypes"],"mappings":"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"}