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

package/dist/recurringtransactions/components/RecurringStatus.js

@@ -0,0 +1,191 @@
+import { jsxs as m, jsx as r, Fragment as v } from "react/jsx-runtime";
+import x from "react";
+import { observer as y } from "mobx-react-lite";
+import a from "@mui/material/Box";
+import l from "@mui/material/Stack";
+import w from "@mui/material/styles/useTheme";
+import { 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 { formatCurrency as p } from "../../common/utils/NumberFormatting.js";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as S } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import { useScreenSize as C } from "../../common/hooks/useScreenSize.js";
+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 "@mui/material/useMediaQuery";
+import "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import $ from "../../common/components/charts/StatusBar.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 "../../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 "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+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 "../../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 "date-fns/formatISO";
+import "../../transactions/constants/Analytics.js";
+import "../../transactions/constants/Transaction.js";
+import "../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../transactions/components/shared/TransactionList.js";
+import "../../transactions/components/shared/TransactionTable.js";
+import "../../transactions/components/shared/TransactionDetails.js";
+import "../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../transactions/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 "../RecurringTransactionsWidget.js";
+import "../RecurringTransactionsMiniWidget.js";
+import "../RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "./shared/RecurringSettings.js";
+import "./shared/recurringsettings/ManageIncome.js";
+import "./shared/recurringsettings/ManageExpenses.js";
+import "./shared/recurringsettings/SelectTransaction.js";
+import "./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 Ct = y(
+  ({ expected: i, isExpense: s = !0, missed: t, paid: e, title: d, total: b, upcoming: f }) => {
+    const h = w(), { isSmallMobile: n } = C(), { recurring: c } = S(), g = x.useMemo(() => {
+      const u = [{ color: h.palette.success.main, percentage: `${e / i}` }];
+      return t && u.push({ color: h.palette.error.main, percentage: `${t / i}` }), u;
+    }, [e, i, t]);
+    return /* @__PURE__ */ m(l, { sx: { px: 24 }, children: [
+      /* @__PURE__ */ m(l, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
+        /* @__PURE__ */ r(o, { bold: !0, variant: "body1", children: `${d} (${b})` }),
+        /* @__PURE__ */ r(o, { bold: !0, color: s ? "text.primary" : "success.main", variant: "body1", children: `${s ? "-" : "+"}${p(i, "0,0.00")}` })
+      ] }),
+      /* @__PURE__ */ r($, { data: g, height: 12 }),
+      /* @__PURE__ */ m(l, { sx: { alignItems: "center", flexDirection: "row", gap: 2, my: 8 }, children: [
+        /* @__PURE__ */ r(a, { sx: { bgcolor: "success.main", height: 8, mr: 8, width: 8 } }),
+        !n && /* @__PURE__ */ r(o, { bold: !0, variant: "body2", children: p(e, "0,0.00") }),
+        /* @__PURE__ */ r(o, { variant: "caption", children: c.paid?.toLowerCase() }),
+        t !== void 0 && /* @__PURE__ */ m(v, { children: [
+          /* @__PURE__ */ r(a, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
+          !n && /* @__PURE__ */ r(o, { bold: !0, variant: "body2", children: p(t, "0,0.00") }),
+          /* @__PURE__ */ r(o, { variant: "caption", children: c.missed?.toLowerCase() })
+        ] }),
+        /* @__PURE__ */ r(a, { sx: { bgcolor: "divider", height: 8, ml: 16, mr: 8, width: 8 } }),
+        !n && /* @__PURE__ */ r(o, { bold: !0, variant: "body2", children: p(f, "0,0.00") }),
+        /* @__PURE__ */ r(o, { variant: "caption", children: c.upcoming })
+      ] })
+    ] });
+  }
+);
+export {
+  Ct as RecurringStatus
+};
+//# sourceMappingURL=RecurringStatus.js.map

package/dist/recurringtransactions/components/RecurringStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecurringStatus.js","sources":["../../../src/recurringtransactions/components/RecurringStatus.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport useTheme from '@mui/material/styles/useTheme'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { formatCurrency, StatusBar, useGlobalCopyStore, useScreenSize } from '../../common'\n\ninterface RecurringStatusProps {\n  expected: number\n  isExpense?: boolean\n  missed?: number\n  paid: number\n  title: string\n  total: number\n  upcoming: number\n}\n\nexport const RecurringStatus = observer(\n  ({ expected, isExpense = true, missed, paid, title, total, upcoming }: RecurringStatusProps) => {\n    const theme = useTheme()\n    const { isSmallMobile } = useScreenSize()\n    const { recurring: recurringCopy } = useGlobalCopyStore()\n\n    const data = React.useMemo(() => {\n      const recurrence = [{ color: theme.palette.success.main, percentage: `${paid / expected}` }]\n      if (missed) {\n        recurrence.push({ color: theme.palette.error.main, percentage: `${missed / expected}` })\n      }\n      return recurrence\n    }, [paid, expected, missed])\n\n    return (\n      <Stack sx={{ px: 24 }}>\n        <Stack sx={{ flexDirection: 'row', justifyContent: 'space-between', pb: 12 }}>\n          <Text bold={true} variant=\"body1\">\n            {`${title} (${total})`}\n          </Text>\n          <Text bold={true} color={isExpense ? 'text.primary' : 'success.main'} variant=\"body1\">\n            {`${isExpense ? '-' : '+'}${formatCurrency(expected, '0,0.00')}`}\n          </Text>\n        </Stack>\n\n        <StatusBar data={data} height={12} />\n\n        <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 2, my: 8 }}>\n          <Box sx={{ bgcolor: 'success.main', height: 8, mr: 8, width: 8 }} />\n          {!isSmallMobile && (\n            <Text bold={true} variant=\"body2\">\n              {formatCurrency(paid, '0,0.00')}\n            </Text>\n          )}\n          <Text variant=\"caption\">{recurringCopy.paid?.toLowerCase()}</Text>\n\n          {missed !== undefined && (\n            <>\n              <Box sx={{ bgcolor: 'error.main', height: 8, ml: 16, mr: 8, width: 8 }} />\n              {!isSmallMobile && (\n                <Text bold={true} variant=\"body2\">\n                  {formatCurrency(missed, '0,0.00')}\n                </Text>\n              )}\n              <Text variant=\"caption\">{recurringCopy.missed?.toLowerCase()}</Text>\n            </>\n          )}\n\n          <Box sx={{ bgcolor: 'divider', height: 8, ml: 16, mr: 8, width: 8 }} />\n          {!isSmallMobile && (\n            <Text bold={true} variant=\"body2\">\n              {formatCurrency(upcoming, '0,0.00')}\n            </Text>\n          )}\n          <Text variant=\"caption\">{recurringCopy.upcoming}</Text>\n        </Stack>\n      </Stack>\n    )\n  },\n)\n"],"names":["RecurringStatus","observer","expected","isExpense","missed","paid","title","total","upcoming","theme","useTheme","isSmallMobile","useScreenSize","recurringCopy","useGlobalCopyStore","data","React","recurrence","Stack","jsxs","jsx","Text","formatCurrency","StatusBar","Box","Fragment"],"mappings":"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"}

package/dist/recurringtransactions/components/RecurringTransactionDetails.js

@@ -0,0 +1,269 @@
+import { jsxs as m, jsx as t, Fragment as _ } from "react/jsx-runtime";
+import e from "react";
+import { observer as N } from "mobx-react-lite";
+import { subDays as I } from "date-fns/subDays";
+import { startOfToday as f } from "date-fns/startOfToday";
+import { endOfMonth as L } from "date-fns/endOfMonth";
+import k from "@mui/material/Button";
+import s from "@mui/material/Divider";
+import w from "@mui/material/List";
+import h from "@mui/material/Stack";
+import { Delete as G } from "@mxenabled/mx-icons";
+import { MerchantLogo as O, Text as n, H1 as M } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as B } from "../../common/constants/Analytics.js";
+import { formatDate as F, DATE_FORMATS_INTL as Y } 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/fromUnixTime";
+import { formatCurrency as j } from "../../common/utils/NumberFormatting.js";
+import "@mui/material";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as z, useGlobalUiStore as H, useEvent as P, useRecurringTransactionsStore as U, useTransactionStore as $ } 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 "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+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 "../../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/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 V 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 y from "../../common/components/DataRow.js";
+import "../../common/components/ListItemAction.js";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemButton";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/ListItemIcon";
+import "@mui/material/ListItemText";
+import "@mui/material/Switch";
+import "@mui/material/ListItemAvatar";
+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 { RepeatingType as q } from "../../common/types/RepeatingTransaction.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/Avatar";
+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 "date-fns/formatISO";
+import "../../transactions/constants/Analytics.js";
+import "../../transactions/constants/Transaction.js";
+import "../../transactions/components/shared/transactionlist/TransactionRow.js";
+import J from "../../transactions/components/shared/TransactionList.js";
+import "../../transactions/components/shared/TransactionTable.js";
+import Q from "../../transactions/components/shared/TransactionDetails.js";
+import "../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../transactions/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 "../RecurringTransactionsWidget.js";
+import "../RecurringTransactionsMiniWidget.js";
+import "../RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "./shared/RecurringSettings.js";
+import "./shared/recurringsettings/ManageIncome.js";
+import "./shared/recurringsettings/ManageExpenses.js";
+import "./shared/recurringsettings/SelectTransaction.js";
+import "./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 { PaymentScheduleAction as W } from "./actions/PaymentScheduleAction.js";
+const Xr = N(
+  ({ onDeleted: g, recurringTransaction: r }) => {
+    const { recurring: o } = z(), { selectedAccountGuids: b } = H(), { onEvent: x } = P(), { deleteRepeatingTransaction: D } = U(), { setFilter: C, transactions: l } = $(), { amount: S, description: R, merchant_guid: T } = r, [v, d] = e.useState(!1), [a, u] = e.useState("");
+    e.useEffect(() => {
+      C({
+        accounts: b,
+        dateRange: { start: I(f(), 90), end: L(f()) },
+        custom: (c) => c.repeating_transaction_guid === r.guid
+      });
+    }, [r]);
+    const i = e.useMemo(
+      () => l.find((c) => c.guid === a),
+      [a, l]
+    ), p = r.repeating_transaction_type === q.Income, A = async () => {
+      await D(r.guid), g();
+    }, E = () => {
+      d(!0), x(B.RECURRING_TRANSACTIONS_DETAILS_CLICK_DELETE);
+    };
+    return /* @__PURE__ */ m(h, { bgcolor: "background.default", direction: "column", height: "100%", children: [
+      /* @__PURE__ */ m(h, { direction: "column", m: 24, children: [
+        /* @__PURE__ */ t(
+          O,
+          {
+            categoryGuid: i?.category_guid || "",
+            merchantGuid: T,
+            size: 64,
+            sx: { mb: 12 }
+          }
+        ),
+        /* @__PURE__ */ t(n, { bold: !0, variant: "body1", children: R }),
+        /* @__PURE__ */ m(M, { color: p ? "success.main" : "text.primary", sx: { my: 4 }, children: [
+          p ? "+" : "",
+          j(S, "0,0.00")
+        ] }),
+        /* @__PURE__ */ t(n, { color: "text.secondary", variant: "body2", children: `${o.next_payment_date}: ${F(
+          r.predicted_occurs_on,
+          Y.MONTH_DAY_YEAR
+        )}` })
+      ] }),
+      /* @__PURE__ */ m(w, { sx: { bgcolor: "background.paper" }, children: [
+        r.account && /* @__PURE__ */ m(_, { children: [
+          /* @__PURE__ */ t(
+            y,
+            {
+              iconName: "checkbook",
+              label: o.account,
+              value: r.account.institutionName || ""
+            }
+          ),
+          /* @__PURE__ */ t(s, { variant: "inset" })
+        ] }),
+        i?.category && /* @__PURE__ */ m(_, { children: [
+          /* @__PURE__ */ t(
+            y,
+            {
+              iconName: "monetization_on",
+              label: o.category,
+              value: i.category
+            }
+          ),
+          /* @__PURE__ */ t(s, { variant: "inset" })
+        ] }),
+        /* @__PURE__ */ t(W, { repeatingTransaction: r }),
+        /* @__PURE__ */ t(s, {})
+      ] }),
+      /* @__PURE__ */ t(
+        k,
+        {
+          color: "error",
+          onClick: E,
+          startIcon: /* @__PURE__ */ t(G, {}),
+          sx: { mx: 24, my: 16 },
+          variant: "text",
+          children: p ? o.delete_income_title : o.delete_expense_title
+        }
+      ),
+      /* @__PURE__ */ t(n, { bold: !0, sx: { ml: 24, mt: 16 }, variant: "Body", children: o.paid_transactions }),
+      /* @__PURE__ */ t(J, { height: "30dvh", onClick: u }),
+      /* @__PURE__ */ t(
+        V,
+        {
+          ariaLabelClose: o.close_drawer_aria,
+          isOpen: !!a && !!i,
+          onClose: () => u(""),
+          title: o.transaction_details_drawer_title,
+          children: i && /* @__PURE__ */ t(Q, { transaction: i })
+        }
+      ),
+      /* @__PURE__ */ t(
+        K,
+        {
+          copy: {
+            title: p ? o.delete_income_title : o.delete_expense_title,
+            close_aria: o.close_drawer_aria
+          },
+          isOpen: v,
+          onClose: () => d(!1),
+          onPrimaryAction: A,
+          children: /* @__PURE__ */ t(n, { children: p ? o.delete_income_description : o.delete_expense_description })
+        }
+      )
+    ] });
+  }
+);
+export {
+  Xr as RecurringTransactionDetails
+};
+//# sourceMappingURL=RecurringTransactionDetails.js.map

package/dist/recurringtransactions/components/RecurringTransactionDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecurringTransactionDetails.js","sources":["../../../src/recurringtransactions/components/RecurringTransactionDetails.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { subDays } from 'date-fns/subDays'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { endOfMonth } from 'date-fns/endOfMonth'\n\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\n\nimport { Delete } from '@mxenabled/mx-icons'\n\nimport { H1, MerchantLogo, Text } from '@mxenabled/mxui'\n\nimport {\n  type RepeatingTransaction,\n  type Transaction,\n  ANALYTICS_EVENTS,\n  DATE_FORMATS_INTL,\n  DataRow,\n  Dialog,\n  Drawer,\n  formatCurrency,\n  RepeatingType,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useRecurringTransactionsStore,\n  useTransactionStore,\n  formatDate,\n} from '../../common'\n\nimport { TransactionDetails, TransactionList } from '../../transactions'\n\nimport { PaymentScheduleAction } from './actions/PaymentScheduleAction'\n\ninterface RecurringTransactionDetailsProps {\n  onDeleted: () => void\n  recurringTransaction: RepeatingTransaction\n}\n\nexport const RecurringTransactionDetails = observer(\n  ({ onDeleted, recurringTransaction }: RecurringTransactionDetailsProps) => {\n    const { recurring: copy } = useGlobalCopyStore()\n    const { selectedAccountGuids } = useGlobalUiStore()\n    const { onEvent } = useEvent()\n    const { deleteRepeatingTransaction } = useRecurringTransactionsStore()\n    const { setFilter, transactions } = useTransactionStore()\n    const { amount, description, merchant_guid } = recurringTransaction\n\n    const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false)\n    const [transactionGuid, setTransactionGuid] = React.useState('')\n\n    React.useEffect(() => {\n      setFilter({\n        accounts: selectedAccountGuids,\n        dateRange: { start: subDays(startOfToday(), 90), end: endOfMonth(startOfToday()) },\n        custom: (t: Transaction) => t.repeating_transaction_guid === recurringTransaction.guid,\n      })\n    }, [recurringTransaction])\n\n    const transaction = React.useMemo(\n      () => transactions.find((t) => t.guid === transactionGuid),\n      [transactionGuid, transactions],\n    )\n\n    const isIncome = recurringTransaction.repeating_transaction_type === RepeatingType.Income\n\n    const handleDeleteRecurringTransaction = async () => {\n      await deleteRepeatingTransaction(recurringTransaction.guid)\n      onDeleted()\n    }\n\n    const handleDeleteButtonClick = () => {\n      setShowDeleteConfirm(true)\n\n      onEvent(ANALYTICS_EVENTS.RECURRING_TRANSACTIONS_DETAILS_CLICK_DELETE)\n    }\n\n    return (\n      <Stack bgcolor=\"background.default\" direction=\"column\" height=\"100%\">\n        <Stack direction=\"column\" m={24}>\n          <MerchantLogo\n            categoryGuid={transaction?.category_guid || ''}\n            merchantGuid={merchant_guid}\n            size={64}\n            sx={{ mb: 12 }}\n          />\n          <Text bold={true} variant=\"body1\">\n            {description}\n          </Text>\n          <H1 color={isIncome ? 'success.main' : 'text.primary'} sx={{ my: 4 }}>\n            {isIncome ? '+' : ''}\n            {formatCurrency(amount, '0,0.00')}\n          </H1>\n          <Text color=\"text.secondary\" variant=\"body2\">\n            {`${copy.next_payment_date}: ${formatDate(\n              recurringTransaction.predicted_occurs_on,\n              DATE_FORMATS_INTL.MONTH_DAY_YEAR,\n            )}`}\n          </Text>\n        </Stack>\n        <List sx={{ bgcolor: 'background.paper' }}>\n          {recurringTransaction.account && (\n            <>\n              <DataRow\n                iconName=\"checkbook\"\n                label={copy.account}\n                value={recurringTransaction.account.institutionName || ''}\n              />\n              <Divider variant=\"inset\" />\n            </>\n          )}\n\n          {transaction?.category && (\n            <>\n              <DataRow\n                iconName=\"monetization_on\"\n                label={copy.category}\n                value={transaction.category}\n              />\n              <Divider variant=\"inset\" />\n            </>\n          )}\n\n          <PaymentScheduleAction repeatingTransaction={recurringTransaction} />\n          <Divider />\n        </List>\n\n        <Button\n          color=\"error\"\n          onClick={handleDeleteButtonClick}\n          startIcon={<Delete />}\n          sx={{ mx: 24, my: 16 }}\n          variant=\"text\"\n        >\n          {isIncome ? copy.delete_income_title : copy.delete_expense_title}\n        </Button>\n\n        <Text bold={true} sx={{ ml: 24, mt: 16 }} variant=\"Body\">\n          {copy.paid_transactions}\n        </Text>\n\n        <TransactionList height=\"30dvh\" onClick={setTransactionGuid} />\n\n        <Drawer\n          ariaLabelClose={copy.close_drawer_aria}\n          isOpen={!!transactionGuid && Boolean(transaction)}\n          onClose={() => setTransactionGuid('')}\n          title={copy.transaction_details_drawer_title}\n        >\n          {transaction && <TransactionDetails transaction={transaction} />}\n        </Drawer>\n\n        <Dialog\n          copy={{\n            title: isIncome ? copy.delete_income_title : copy.delete_expense_title,\n            close_aria: copy.close_drawer_aria,\n          }}\n          isOpen={showDeleteConfirm}\n          onClose={() => setShowDeleteConfirm(false)}\n          onPrimaryAction={handleDeleteRecurringTransaction}\n        >\n          <Text>{isIncome ? copy.delete_income_description : copy.delete_expense_description}</Text>\n        </Dialog>\n      </Stack>\n    )\n  },\n)\n"],"names":["RecurringTransactionDetails","observer","onDeleted","recurringTransaction","copy","useGlobalCopyStore","selectedAccountGuids","useGlobalUiStore","onEvent","useEvent","deleteRepeatingTransaction","useRecurringTransactionsStore","setFilter","transactions","useTransactionStore","amount","description","merchant_guid","showDeleteConfirm","setShowDeleteConfirm","React","transactionGuid","setTransactionGuid","subDays","startOfToday","endOfMonth","t","transaction","isIncome","RepeatingType","handleDeleteRecurringTransaction","handleDeleteButtonClick","ANALYTICS_EVENTS","Stack","jsxs","jsx","MerchantLogo","Text","H1","formatCurrency","formatDate","DATE_FORMATS_INTL","List","Fragment","DataRow","Divider","PaymentScheduleAction","Button","Delete","TransactionList","Drawer","TransactionDetails","Dialog"],"mappings":"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"}