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

package/dist/recurringtransactions/components/shared/recurringsettings/AddRecurringTransaction.js

@@ -0,0 +1,253 @@
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import m from "react";
+import { observer as q } from "mobx-react-lite";
+import { formatISO as G } from "date-fns/formatISO";
+import { fromUnixTime as j } from "date-fns/fromUnixTime";
+import P from "@mui/material/Box";
+import k from "@mui/material/Divider";
+import z from "@mui/material/ListItem";
+import M from "@mui/material/ListItemButton";
+import U from "@mui/material/ListItemText";
+import S from "@mui/material/Stack";
+import { Icon as x, Text as E } 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 "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as N, useTransactionStore as H, useRecurringTransactionsStore as J, useUserStore 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 "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 "../../../../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 T 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 "@mui/material/Avatar";
+import "@mui/material/ListItemAvatar";
+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 { Frequency as Q, RepeatingType as D } 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/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 "../../../../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 { getNextPaymentDate as W } from "../../../util/RecurringTransactions.js";
+import "../RecurringSettings.js";
+import "./ManageIncome.js";
+import "./ManageExpenses.js";
+import { SelectTransaction as X } from "./SelectTransaction.js";
+import { AddRecurringTransactionDetails as Y } from "./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 { incomeFilterSearch as Z, incomeFilter as C, expenseFilterSearch as $, expenseFilter as F } from "../../../../transactions/utils/Filters.js";
+const Xo = q(
+  ({
+    isIncome: p = !1,
+    label: f,
+    onAddRecurringTransaction: b = () => null
+  }) => {
+    const { recurring: i } = N(), { filter: n, setFilter: a, transactions: y } = H(), { addRepeatingTransaction: w } = J(), { user: O } = K(), [R, s] = m.useState(!1), [c, d] = m.useState(""), [l, v] = m.useState(Q.EveryMonth), [_, A] = m.useState(1), [g, B] = m.useState(15), t = m.useMemo(
+      () => y.find((o) => o.guid === c),
+      [c, y]
+    ), I = () => {
+      s(!0), a(p ? { ...n, custom: C } : { ...n, custom: F });
+    }, L = async () => {
+      if (!t) {
+        h();
+        return;
+      }
+      b();
+      const o = W(l, j(t.date)), e = {
+        account_guid: t.account_guid,
+        amount: t.amount,
+        created_by: 0,
+        // User
+        merchant_guid: t.merchant_guid,
+        description: t.payee || t.description || t.feed_description,
+        predicted_occurs_on: G(o, { representation: "date" }),
+        recurrence_day: _,
+        recurrence_type: l,
+        repeating_transaction_type: p ? D.Income : D.Bill,
+        second_recurrence_day: g,
+        transaction_type: t.transaction_type,
+        user_guid: O.guid
+      };
+      await w(e, t), h();
+    }, h = () => {
+      d(""), s(!1);
+    };
+    return /* @__PURE__ */ u(P, { children: [
+      /* @__PURE__ */ r(z, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ r(M, { onClick: I, children: /* @__PURE__ */ r(U, { children: /* @__PURE__ */ u(S, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ u(S, { alignItems: "center", direction: "row", gap: 8, children: [
+          /* @__PURE__ */ r(x, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.main" } }),
+          /* @__PURE__ */ r(E, { bold: !0, sx: { color: "primary.main" }, variant: "Body", children: f })
+        ] }),
+        /* @__PURE__ */ r(x, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
+      ] }) }) }) }),
+      /* @__PURE__ */ r(k, {}),
+      /* @__PURE__ */ r(
+        T,
+        {
+          ariaLabelClose: i.close_drawer_aria,
+          isOpen: R,
+          onClose: () => s(!1),
+          title: f,
+          children: /* @__PURE__ */ r(
+            X,
+            {
+              description: p ? i.add_income_description : i.add_expense_description,
+              onSearch: (o) => {
+                a({
+                  ...n,
+                  custom: (e) => p ? o ? Z(e, o) : C(e) : o ? $(e, o) : F(e)
+                });
+              },
+              onSelected: (o) => d(o)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ r(
+        T,
+        {
+          ariaLabelClose: i.close_drawer_aria,
+          isOpen: !!c,
+          onClose: () => d(""),
+          onPrimaryAction: L,
+          title: p ? i.income_details : i.expense_details,
+          children: t && /* @__PURE__ */ r(
+            Y,
+            {
+              firstDay: _,
+              frequency: l,
+              onFirstDayChange: A,
+              onFrequencyChange: v,
+              onSecondDayChange: B,
+              secondDay: g,
+              transaction: t
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+export {
+  Xo as AddRecurringTransaction
+};
+//# sourceMappingURL=AddRecurringTransaction.js.map

package/dist/recurringtransactions/components/shared/recurringsettings/AddRecurringTransaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddRecurringTransaction.js","sources":["../../../../../src/recurringtransactions/components/shared/recurringsettings/AddRecurringTransaction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { formatISO } from 'date-fns/formatISO'\nimport { fromUnixTime } from 'date-fns/fromUnixTime'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport {\n  type RepeatingTransaction,\n  type Transaction,\n  Drawer,\n  Frequency,\n  RepeatingType,\n  useGlobalCopyStore,\n  useRecurringTransactionsStore,\n  useTransactionStore,\n  useUserStore,\n} from '../../../../common'\n\nimport { SelectTransaction } from './SelectTransaction'\nimport { AddRecurringTransactionDetails } from './AddRecurringTransactionDetails'\n\nimport {\n  expenseFilter,\n  expenseFilterSearch,\n  incomeFilter,\n  incomeFilterSearch,\n} from '../../../../transactions/utils/Filters'\n\nimport { getNextPaymentDate } from '../../../util/RecurringTransactions'\n\ninterface AddRecurringTransactionProps {\n  isIncome?: boolean\n  label: string\n  onAddRecurringTransaction?: () => void\n}\n\nexport const AddRecurringTransaction = observer(\n  ({\n    isIncome = false,\n    label,\n    onAddRecurringTransaction = () => null,\n  }: AddRecurringTransactionProps) => {\n    const { recurring: copy } = useGlobalCopyStore()\n    const { filter, setFilter, transactions } = useTransactionStore()\n    const { addRepeatingTransaction } = useRecurringTransactionsStore()\n    const { user } = useUserStore()\n\n    const [isSelectTransactionOpen, setIsSelectTransactionOpen] = React.useState(false)\n    const [transactionGuid, setTransactionGuid] = React.useState('')\n    const [frequency, setFrequency] = React.useState(Frequency.EveryMonth)\n    const [firstDay, setFirstDay] = React.useState(1)\n    const [secondDay, setSecondDay] = React.useState(15)\n\n    const transaction = React.useMemo(\n      () => transactions.find((t) => t.guid === transactionGuid),\n      [transactionGuid, transactions],\n    )\n\n    const handleOpen = () => {\n      setIsSelectTransactionOpen(true)\n\n      if (isIncome) {\n        setFilter({ ...filter, custom: incomeFilter })\n      } else {\n        setFilter({ ...filter, custom: expenseFilter })\n      }\n    }\n\n    const handleAddRecurringTransaction = async () => {\n      if (!transaction) {\n        closeOnAdd()\n        return\n      }\n      onAddRecurringTransaction()\n\n      const nextDate = getNextPaymentDate(frequency, fromUnixTime(transaction.date))\n      // Create RepeatingTransaction\n      const repeatingTransaction = {\n        account_guid: transaction.account_guid,\n        amount: transaction.amount,\n        created_by: 0, // User\n        merchant_guid: transaction.merchant_guid,\n        description: transaction.payee || transaction.description || transaction.feed_description,\n        predicted_occurs_on: formatISO(nextDate, { representation: 'date' }),\n        recurrence_day: firstDay,\n        recurrence_type: frequency,\n        repeating_transaction_type: isIncome ? RepeatingType.Income : RepeatingType.Bill,\n        second_recurrence_day: secondDay,\n        transaction_type: transaction.transaction_type,\n        user_guid: user.guid,\n      } as RepeatingTransaction\n\n      await addRepeatingTransaction(repeatingTransaction, transaction)\n\n      closeOnAdd()\n    }\n\n    const closeOnAdd = () => {\n      setTransactionGuid('')\n      setIsSelectTransactionOpen(false)\n    }\n\n    return (\n      <Box>\n        <ListItem disableGutters={true} disablePadding={true}>\n          <ListItemButton onClick={handleOpen}>\n            <ListItemText>\n              <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n                <Stack alignItems=\"center\" direction=\"row\" gap={8}>\n                  <Icon fill={true} name=\"add_box\" size={24} sx={{ color: 'primary.main' }} />\n                  <Text bold={true} sx={{ color: 'primary.main' }} variant=\"Body\">\n                    {label}\n                  </Text>\n                </Stack>\n                <Icon name=\"chevron_right\" size={24} sx={{ color: 'primary.light' }} />\n              </Stack>\n            </ListItemText>\n          </ListItemButton>\n        </ListItem>\n        <Divider />\n\n        <Drawer\n          ariaLabelClose={copy.close_drawer_aria}\n          isOpen={isSelectTransactionOpen}\n          onClose={() => setIsSelectTransactionOpen(false)}\n          title={label}\n        >\n          <SelectTransaction\n            description={isIncome ? copy.add_income_description : copy.add_expense_description}\n            onSearch={(searchValue) => {\n              setFilter({\n                ...filter,\n                custom: (transaction: Transaction) => {\n                  if (isIncome) {\n                    return searchValue\n                      ? incomeFilterSearch(transaction, searchValue)\n                      : incomeFilter(transaction)\n                  } else {\n                    return searchValue\n                      ? expenseFilterSearch(transaction, searchValue)\n                      : expenseFilter(transaction)\n                  }\n                },\n              })\n            }}\n            onSelected={(guid) => setTransactionGuid(guid)}\n          />\n        </Drawer>\n\n        <Drawer\n          ariaLabelClose={copy.close_drawer_aria}\n          isOpen={Boolean(transactionGuid)}\n          onClose={() => setTransactionGuid('')}\n          onPrimaryAction={handleAddRecurringTransaction}\n          title={isIncome ? copy.income_details : copy.expense_details}\n        >\n          {transaction && (\n            <AddRecurringTransactionDetails\n              firstDay={firstDay}\n              frequency={frequency}\n              onFirstDayChange={setFirstDay}\n              onFrequencyChange={setFrequency}\n              onSecondDayChange={setSecondDay}\n              secondDay={secondDay}\n              transaction={transaction}\n            />\n          )}\n        </Drawer>\n      </Box>\n    )\n  },\n)\n"],"names":["AddRecurringTransaction","observer","isIncome","label","onAddRecurringTransaction","copy","useGlobalCopyStore","filter","setFilter","transactions","useTransactionStore","addRepeatingTransaction","useRecurringTransactionsStore","user","useUserStore","isSelectTransactionOpen","setIsSelectTransactionOpen","React","transactionGuid","setTransactionGuid","frequency","setFrequency","Frequency","firstDay","setFirstDay","secondDay","setSecondDay","transaction","t","handleOpen","incomeFilter","expenseFilter","handleAddRecurringTransaction","closeOnAdd","nextDate","getNextPaymentDate","fromUnixTime","repeatingTransaction","formatISO","RepeatingType","Box","jsx","ListItem","ListItemButton","ListItemText","Stack","jsxs","Icon","Text","Divider","Drawer","SelectTransaction","searchValue","incomeFilterSearch","expenseFilterSearch","guid","AddRecurringTransactionDetails"],"mappings":"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"}

package/dist/recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js

@@ -0,0 +1,193 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { observer as s } from "mobx-react-lite";
+import i from "@mui/material/Stack";
+import { Text as l } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../../../common/constants/Account.js";
+import "../../../../common/constants/Category.js";
+import { fromUnixToDayOfWeekAndDate as u } from "../../../../common/utils/DateUtil.js";
+import "react";
+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 { useGlobalCopyStore as h } 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/addMonths";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isBefore";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/startOfToday";
+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 "../../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/addYears";
+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 "date-fns/fromUnixTime";
+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 x from "../../../../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/addQuarters";
+import "date-fns/nextDay";
+import "date-fns/parseISO";
+import "date-fns/setDate";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../RecurringSettings.js";
+import "./ManageIncome.js";
+import "./ManageExpenses.js";
+import "./SelectTransaction.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 y from "../../../../common/components/SubheaderRow.js";
+import { PaymentSchedule as b } from "../../PaymentSchedule.js";
+const ht = s(
+  ({
+    bgcolor: o = "background.default",
+    firstDay: p,
+    secondDay: e,
+    frequency: n,
+    onFrequencyChange: a,
+    onFirstDayChange: d,
+    onSecondDayChange: c,
+    transaction: t
+  }) => {
+    const { recurring: f } = h();
+    return /* @__PURE__ */ m(i, { bgcolor: o, gap: 24, height: "100%", children: [
+      /* @__PURE__ */ m(i, { children: [
+        /* @__PURE__ */ r(y, { bgcolor: o, children: u(t.date) }),
+        /* @__PURE__ */ r(x, { transaction: t })
+      ] }),
+      /* @__PURE__ */ r(l, { bold: !0, sx: { mx: 24 }, variant: "Body", children: f.payment_schedule }),
+      /* @__PURE__ */ r(
+        b,
+        {
+          firstDay: p,
+          frequency: n,
+          onFirstDayChange: d,
+          onFrequencyChange: a,
+          onSecondDayChange: c,
+          secondDay: e
+        }
+      )
+    ] });
+  }
+);
+export {
+  ht as AddRecurringTransactionDetails
+};
+//# sourceMappingURL=AddRecurringTransactionDetails.js.map

package/dist/recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddRecurringTransactionDetails.js","sources":["../../../../../src/recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore, type Transaction, Frequency } from '../../../../common'\nimport SubheaderRow from '../../../../common/components/SubheaderRow'\n\nimport { TransactionRow } from '../../../../transactions'\n\nimport { fromUnixToDayOfWeekAndDate } from '../../../../common/utils/DateUtil'\nimport { PaymentSchedule } from '../../PaymentSchedule'\n\ninterface AddRecurringTransactionDetailsProps {\n  bgcolor?: string\n  firstDay: number\n  secondDay?: number\n  frequency: Frequency\n  onFrequencyChange: (frequency: Frequency) => void\n  onFirstDayChange: (day: number) => void\n  onSecondDayChange: (day: number) => void\n  transaction: Transaction\n}\n\nexport const AddRecurringTransactionDetails = observer(\n  ({\n    bgcolor = 'background.default',\n    firstDay,\n    secondDay,\n    frequency,\n    onFrequencyChange,\n    onFirstDayChange,\n    onSecondDayChange,\n    transaction,\n  }: AddRecurringTransactionDetailsProps) => {\n    const { recurring: copy } = useGlobalCopyStore()\n\n    return (\n      <Stack bgcolor={bgcolor} gap={24} height=\"100%\">\n        <Stack>\n          <SubheaderRow bgcolor={bgcolor}>\n            {fromUnixToDayOfWeekAndDate(transaction.date)}\n          </SubheaderRow>\n          <TransactionRow transaction={transaction} />\n        </Stack>\n\n        <Text bold={true} sx={{ mx: 24 }} variant=\"Body\">\n          {copy.payment_schedule}\n        </Text>\n\n        <PaymentSchedule\n          firstDay={firstDay}\n          frequency={frequency}\n          onFirstDayChange={onFirstDayChange}\n          onFrequencyChange={onFrequencyChange}\n          onSecondDayChange={onSecondDayChange}\n          secondDay={secondDay}\n        />\n      </Stack>\n    )\n  },\n)\n"],"names":["AddRecurringTransactionDetails","observer","bgcolor","firstDay","secondDay","frequency","onFrequencyChange","onFirstDayChange","onSecondDayChange","transaction","copy","useGlobalCopyStore","Stack","jsxs","jsx","SubheaderRow","fromUnixToDayOfWeekAndDate","TransactionRow","Text","PaymentSchedule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAMA,KAAiCC;AAAA,EAC5C,CAAC;AAAA,IACC,SAAAC,IAAU;AAAA,IACV,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,MACyC;AACzC,UAAM,EAAE,WAAWC,EAAK,IAAIC,EAAmB;AAE/C,6BACGC,GAAM,EAAA,SAAAV,GAAkB,KAAK,IAAI,QAAO,QACvC,UAAA;AAAA,MAAA,gBAAAW,EAACD,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAE,EAACC,GAAa,EAAA,SAAAb,GACX,UAA2Bc,EAAAP,EAAY,IAAI,GAC9C;AAAA,QACA,gBAAAK,EAACG,KAAe,aAAAR,GAA0B;AAAA,MAAA,GAC5C;AAAA,MAEC,gBAAAK,EAAAI,GAAA,EAAK,MAAM,IAAM,IAAI,EAAE,IAAI,GAAM,GAAA,SAAQ,QACvC,UAAAR,EAAK,iBACR,CAAA;AAAA,MAEA,gBAAAI;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,UAAAhB;AAAA,UACA,WAAAE;AAAA,UACA,kBAAAE;AAAA,UACA,mBAAAD;AAAA,UACA,mBAAAE;AAAA,UACA,WAAAJ;AAAA,QAAA;AAAA,MACF;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;"}