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

package/dist/transactions/components/shared/transactiondetails/ManualTransactionDetails.js

@@ -0,0 +1,275 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import n from "react";
+import { observer as D } from "mobx-react-lite";
+import s from "@mui/material/Box";
+import k from "@mui/material/Divider";
+import S from "@mui/material/MenuItem";
+import M from "@mui/material/RadioGroup";
+import l from "@mui/material/Stack";
+import w from "@mui/icons-material/ExpandMore";
+import { TextField as u } 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 E } 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 { useAccountStore as P, useGlobalCopyStore as q } 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 "../../../../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 B from "../../../../common/components/CurrencyInput.js";
+import "@mui/material/CircularProgress";
+import "../../../../common/components/SearchBox.js";
+import _ from "../../../../common/components/SelectionBox.js";
+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/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 { TransactionType as a } from "../../../../common/types/Transaction.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 "date-fns/formatISO";
+import "../../../constants/Analytics.js";
+import "../../../constants/Transaction.js";
+import { useTransactionsUiStore as R } from "../../../context/hooks.js";
+import "../transactionlist/TransactionRow.js";
+import "../TransactionList.js";
+import "../TransactionTable.js";
+import "../TransactionDetails.js";
+import "../../transactionwidget/AddAccountModal.js";
+import "../../../TransactionWidget.js";
+import "../../../../settings/SettingsWidget.js";
+import "../../../../settings/components/SettingsWidgetContents.js";
+import "../../../../settings/components/profile/ProfileTab.js";
+import "../../../../settings/components/devices/DeviceTab.js";
+import "../../../../settings/NotificationSettingsWidget.js";
+import "../../../../settings/components/notifications/NotificationSettings.js";
+import "../../../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../../../trends/TrendsFullWidget.js";
+import "../../../../trends/TrendsMiniWidget.js";
+import "../../../../trends/TrendsMicroWidget.js";
+import "../../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import V from "./actions/CategoryAction.js";
+import N from "./actions/DateAction.js";
+import "./actions/DeleteAction.js";
+import "./actions/DeleteLogoAction.js";
+import "./actions/HideAction.js";
+import $ from "./actions/MemoAction.js";
+import "./actions/SplitAction.js";
+import j from "./actions/TagsAction.js";
+const G = () => {
+  const { visibleAccounts: c } = P(), { common: p, transactions: i } = q(), { manualTransaction: r, setIsAmountValid: d, updateManualTransaction: e } = R(), [b, h] = n.useState(""), [f, g] = n.useState(""), y = n.useMemo(
+    () => c.filter((t) => t.is_manual),
+    [c]
+  ).map((t) => ({
+    label: `${t.name} | ${E(t.balance, "0,0.00")}`,
+    value: t.guid
+  })), x = {
+    error_amount_is_invalid: p.currency_input.error_amount_is_invalid,
+    error_amount_must_be_equal_to: p.currency_input.error_amount_must_be_equal_to,
+    error_amount_must_be_less_than_or_equal_to: p.currency_input.error_amount_must_be_less_than_or_equal_to,
+    enter_amount: p.currency_input.enter_amount
+  }, T = (t) => {
+    h(t), e({ ...r, amount: Number(t) });
+  }, C = (t, I) => {
+    e({ ...r, transaction_type: Number(I) });
+  }, v = (t) => {
+    g(t), e({ ...r, payee: t, description: t });
+  }, A = (t) => {
+    e({ ...r, account_guid: t });
+  };
+  return /* @__PURE__ */ m(s, { className: "mx-txn-manual-transaction-details", children: [
+    /* @__PURE__ */ m(l, { gap: 40, mx: 24, my: 32, children: [
+      /* @__PURE__ */ m(
+        l,
+        {
+          direction: "row",
+          sx: { flexDirection: { xs: "column", sm: "row" }, gap: { xs: 40, sm: 8 } },
+          children: [
+            /* @__PURE__ */ o(
+              B,
+              {
+                allowDecimals: !0,
+                amount: b,
+                ariaLabel: i.amount_title,
+                copy: x,
+                inputProps: {
+                  noValidate: !0
+                },
+                label: i.amount_title,
+                setAmount: T,
+                setHasValidInput: d,
+                sx: { bgcolor: "background.paper" },
+                type: "number"
+              }
+            ),
+            /* @__PURE__ */ o(M, { name: "TransactionType", onChange: C, row: !0, children: /* @__PURE__ */ m(l, { alignItems: "center", direction: "row", children: [
+              /* @__PURE__ */ o(
+                _,
+                {
+                  checked: r.transaction_type === a.CREDIT,
+                  label: i.manual_transaction_credit_button_label,
+                  sx: { ml: { xs: 0, sm: 8 } },
+                  tooltip: i.manual_transaction_credit_button_tooltip,
+                  value: a.CREDIT
+                }
+              ),
+              /* @__PURE__ */ o(
+                _,
+                {
+                  checked: r.transaction_type === a.DEBIT,
+                  label: i.manual_transaction_debit_button_label,
+                  tooltip: i.manual_transaction_debit_button_tooltip,
+                  value: a.DEBIT
+                }
+              )
+            ] }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ o(
+        u,
+        {
+          label: i.payee_title,
+          name: "payee",
+          onChange: (t) => v(t.target.value),
+          sx: { bgcolor: "background.paper" },
+          value: f
+        }
+      ),
+      /* @__PURE__ */ o(
+        u,
+        {
+          InputLabelProps: { shrink: !0 },
+          SelectProps: { defaultValue: -1, IconComponent: w },
+          label: i.manual_transaction_select_an_account,
+          onChange: (t) => A(t.target.value),
+          placeholder: i.manual_transaction_select,
+          select: !0,
+          sx: { bgcolor: "background.paper" },
+          children: y.map((t) => /* @__PURE__ */ o(S, { value: t.value, children: t.label }, t.value))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o(k, { light: !0 }),
+    /* @__PURE__ */ m(s, { bgcolor: "background.paper", children: [
+      /* @__PURE__ */ o(V, { transaction: r }),
+      /* @__PURE__ */ o(N, { transaction: r }),
+      /* @__PURE__ */ o($, { transaction: r }),
+      /* @__PURE__ */ o(j, { transaction: r })
+    ] })
+  ] });
+}, Or = D(G);
+export {
+  Or as default
+};
+//# sourceMappingURL=ManualTransactionDetails.js.map

package/dist/transactions/components/shared/transactiondetails/ManualTransactionDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManualTransactionDetails.js","sources":["../../../../../src/transactions/components/shared/transactiondetails/ManualTransactionDetails.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport MenuItem from '@mui/material/MenuItem'\nimport RadioGroup from '@mui/material/RadioGroup'\nimport Stack from '@mui/material/Stack'\n\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\n\nimport { TextField } from '@mxenabled/mxui'\n\nimport {\n  CurrencyInput,\n  SelectionBox,\n  TransactionType,\n  formatCurrency,\n  useAccountStore,\n  useGlobalCopyStore,\n} from '../../../../common'\n\nimport { useTransactionsUiStore } from '../../../context/hooks'\n\nimport { CategoryAction, DateAction, MemoAction, TagsAction } from './actions'\n\ntype ManualAccount = {\n  label: string\n  value: string\n}\nconst ManualTransactionDetails = () => {\n  const { visibleAccounts: accounts } = useAccountStore()\n  const { common: commonCopy, transactions: copy } = useGlobalCopyStore()\n  const { manualTransaction, setIsAmountValid, updateManualTransaction } = useTransactionsUiStore()\n\n  const [amount, setAmount] = React.useState('')\n  const [payee, setPayee] = React.useState('')\n\n  const manualAccounts = React.useMemo(\n    () => accounts.filter((account) => account.is_manual),\n    [accounts],\n  ).map((account) => {\n    return {\n      label: `${account.name} | ${formatCurrency(account.balance, '0,0.00')}`,\n      value: account.guid,\n    } as ManualAccount\n  })\n\n  const currencyCopy = {\n    error_amount_is_invalid: commonCopy.currency_input.error_amount_is_invalid,\n    error_amount_must_be_equal_to: commonCopy.currency_input.error_amount_must_be_equal_to,\n    error_amount_must_be_less_than_or_equal_to:\n      commonCopy.currency_input.error_amount_must_be_less_than_or_equal_to,\n    enter_amount: commonCopy.currency_input.enter_amount,\n  }\n\n  const handleAmountChanged = (amount: string) => {\n    setAmount(amount)\n    updateManualTransaction({ ...manualTransaction, amount: Number(amount) })\n  }\n\n  const handleTransactionTypeChanged = (_event: React.ChangeEvent<HTMLElement>, value: string) => {\n    updateManualTransaction({ ...manualTransaction, transaction_type: Number(value) })\n  }\n\n  const handlePayeeChanged = (payee: string) => {\n    setPayee(payee)\n    updateManualTransaction({ ...manualTransaction, payee, description: payee })\n  }\n\n  const handleAccountChanged = (guid: string) => {\n    updateManualTransaction({ ...manualTransaction, account_guid: guid })\n  }\n\n  return (\n    <Box className=\"mx-txn-manual-transaction-details\">\n      <Stack gap={40} mx={24} my={32}>\n        <Stack\n          direction=\"row\"\n          sx={{ flexDirection: { xs: 'column', sm: 'row' }, gap: { xs: 40, sm: 8 } }}\n        >\n          <CurrencyInput\n            allowDecimals={true}\n            amount={amount}\n            ariaLabel={copy.amount_title}\n            copy={currencyCopy}\n            inputProps={{\n              noValidate: true,\n            }}\n            label={copy.amount_title}\n            setAmount={handleAmountChanged}\n            setHasValidInput={setIsAmountValid}\n            sx={{ bgcolor: 'background.paper' }}\n            type=\"number\"\n          />\n          <RadioGroup name=\"TransactionType\" onChange={handleTransactionTypeChanged} row={true}>\n            <Stack alignItems=\"center\" direction=\"row\">\n              <SelectionBox\n                checked={manualTransaction.transaction_type === TransactionType.CREDIT}\n                label={copy.manual_transaction_credit_button_label}\n                sx={{ ml: { xs: 0, sm: 8 } }}\n                tooltip={copy.manual_transaction_credit_button_tooltip}\n                value={TransactionType.CREDIT}\n              />\n              <SelectionBox\n                checked={manualTransaction.transaction_type === TransactionType.DEBIT}\n                label={copy.manual_transaction_debit_button_label}\n                tooltip={copy.manual_transaction_debit_button_tooltip}\n                value={TransactionType.DEBIT}\n              />\n            </Stack>\n          </RadioGroup>\n        </Stack>\n\n        <TextField\n          label={copy.payee_title}\n          name=\"payee\"\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) => handlePayeeChanged(e.target.value)}\n          sx={{ bgcolor: 'background.paper' }}\n          value={payee}\n        />\n\n        <TextField\n          InputLabelProps={{ shrink: true }}\n          SelectProps={{ defaultValue: -1, IconComponent: ExpandMoreIcon }}\n          label={copy.manual_transaction_select_an_account}\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n            handleAccountChanged(e.target.value)\n          }\n          placeholder={copy.manual_transaction_select}\n          select={true}\n          sx={{ bgcolor: 'background.paper' }}\n        >\n          {manualAccounts.map((account) => (\n            <MenuItem key={account.value} value={account.value}>\n              {account.label}\n            </MenuItem>\n          ))}\n        </TextField>\n      </Stack>\n      <Divider light={true} />\n      <Box bgcolor=\"background.paper\">\n        <CategoryAction transaction={manualTransaction} />\n        <DateAction transaction={manualTransaction} />\n        <MemoAction transaction={manualTransaction} />\n        <TagsAction transaction={manualTransaction} />\n      </Box>\n    </Box>\n  )\n}\n\nexport default observer(ManualTransactionDetails)\n"],"names":["ManualTransactionDetails","accounts","useAccountStore","commonCopy","copy","useGlobalCopyStore","manualTransaction","setIsAmountValid","updateManualTransaction","useTransactionsUiStore","amount","setAmount","React","payee","setPayee","manualAccounts","account","formatCurrency","currencyCopy","handleAmountChanged","handleTransactionTypeChanged","_event","value","handlePayeeChanged","handleAccountChanged","guid","jsxs","Box","Stack","jsx","CurrencyInput","RadioGroup","SelectionBox","TransactionType","TextField","e","ExpandMoreIcon","MenuItem","Divider","CategoryAction","DateAction","MemoAction","TagsAction","ManualTransactionDetails$1","observer"],"mappings":"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"}

package/dist/transactions/components/shared/transactiondetails/TransactionAmountHeader.js

@@ -0,0 +1,179 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import i from "@mui/material/Stack";
+import { MerchantLogo as d, Text as u, H1 as s } 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 "react";
+import { formatCurrency as l } from "../../../../common/utils/NumberFormatting.js";
+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 "../../../../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 "../../../../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 "../../../constants/Analytics.js";
+import "../../../constants/Transaction.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 ao = ({ transaction: m }) => {
+  const { amount: p, description: e, isIncome: t, merchant_guid: a, payee: n, top_level_category_guid: c } = m;
+  return /* @__PURE__ */ r(i, { className: "mx-txn-amount-header", direction: "row", gap: 12, px: 16, py: 24, children: [
+    /* @__PURE__ */ o(
+      d,
+      {
+        categoryGuid: c || "",
+        merchantGuid: a || "",
+        size: 64
+      }
+    ),
+    /* @__PURE__ */ r(i, { overflow: "hidden'", children: [
+      /* @__PURE__ */ o(u, { bold: !0, mb: 4, truncate: !0, variant: "Body", children: e || n }),
+      /* @__PURE__ */ r(s, { color: t ? "success.main" : "text.primary", truncate: !0, children: [
+        t ? "+" : "",
+        l(p, "0,0.00")
+      ] })
+    ] })
+  ] });
+};
+export {
+  ao as default
+};
+//# sourceMappingURL=TransactionAmountHeader.js.map

package/dist/transactions/components/shared/transactiondetails/TransactionAmountHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionAmountHeader.js","sources":["../../../../../src/transactions/components/shared/transactiondetails/TransactionAmountHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport { H1, MerchantLogo, Text } from '@mxenabled/mxui'\n\nimport { formatCurrency } from '../../../../common'\n\nimport type { Transaction } from '../../../../common'\n\ninterface TransactionAmountHeaderProps {\n  transaction: Transaction\n}\n\nconst TransactionAmountHeader: React.FC<TransactionAmountHeaderProps> = ({ transaction }) => {\n  const { amount, description, isIncome, merchant_guid, payee, top_level_category_guid } =\n    transaction\n\n  return (\n    <Stack className=\"mx-txn-amount-header\" direction=\"row\" gap={12} px={16} py={24}>\n      <MerchantLogo\n        categoryGuid={top_level_category_guid || ''}\n        merchantGuid={merchant_guid || ''}\n        size={64}\n      />\n      <Stack overflow=\"hidden'\">\n        <Text bold={true} mb={4} truncate={true} variant=\"Body\">\n          {description || payee}\n        </Text>\n        <H1 color={isIncome ? 'success.main' : 'text.primary'} truncate={true}>\n          {isIncome ? '+' : ''}\n          {formatCurrency(amount, '0,0.00')}\n        </H1>\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default TransactionAmountHeader\n"],"names":["TransactionAmountHeader","transaction","amount","description","isIncome","merchant_guid","payee","top_level_category_guid","jsxs","Stack","jsx","MerchantLogo","Text","H1","formatCurrency"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAMA,KAAkE,CAAC,EAAE,aAAAC,QAAkB;AAC3F,QAAM,EAAE,QAAAC,GAAQ,aAAAC,GAAa,UAAAC,GAAU,eAAAC,GAAe,OAAAC,GAAO,yBAAAC,EAC3D,IAAAN;AAGA,SAAA,gBAAAO,EAACC,GAAM,EAAA,WAAU,wBAAuB,WAAU,OAAM,KAAK,IAAI,IAAI,IAAI,IAAI,IAC3E,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAcJ,KAA2B;AAAA,QACzC,cAAcF,KAAiB;AAAA,QAC/B,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IACA,gBAAAG,EAACC,GAAM,EAAA,UAAS,WACd,UAAA;AAAA,MAAC,gBAAAC,EAAAE,GAAA,EAAK,MAAM,IAAM,IAAI,GAAG,UAAU,IAAM,SAAQ,QAC9C,UAAAT,KAAeG,EAClB,CAAA;AAAA,wBACCO,GAAG,EAAA,OAAOT,IAAW,iBAAiB,gBAAgB,UAAU,IAC9D,UAAA;AAAA,QAAAA,IAAW,MAAM;AAAA,QACjBU,EAAeZ,GAAQ,QAAQ;AAAA,MAAA,GAClC;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}