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

package/dist/transactions/components/splitmanager/SplitManager.js

@@ -0,0 +1,218 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import e from "react";
+import { observer as C } from "mobx-react-lite";
+import s from "@mui/material/Box";
+import g from "@mui/material/Button";
+import x from "@mui/icons-material/Cancel";
+import b from "@mui/material/Stack";
+import { useTokens as h, Text as y } 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 { buildDynamicCopy as E } from "../../../common/utils/Localization.js";
+import { formatCurrency as N } from "../../../common/utils/NumberFormatting.js";
+import "@mui/material";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as T, useEvent as I } 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 "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 { ON_CLICK_EVENTS as k } from "../../constants/OnClickEvents.js";
+import "date-fns/formatISO";
+import "../../constants/Analytics.js";
+import "../../constants/Transaction.js";
+import "../shared/transactionlist/TransactionRow.js";
+import "../shared/TransactionList.js";
+import "../shared/TransactionTable.js";
+import "../shared/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 "./SplitRow.js";
+const D = ({
+  onAddSplit: c,
+  onCategoryChanged: l,
+  onDeleteSplit: _,
+  onUpdateAmount: f,
+  splits: t,
+  transaction: u
+}) => {
+  const r = h(), { transactions: i } = T(), { onEvent: S } = I(), [m, p] = e.useState("");
+  return e.useEffect(() => {
+    p(t.length <= 1 ? i.split_transaction_errors_min_splits : ""), p(
+      t[0].amount < 0 ? E(
+        i.split_transaction_errors_totals_must_equal_amount,
+        N(u.amount, "0,0.00")
+      ) : ""
+    );
+  }, [t]), /* @__PURE__ */ a(s, { className: "mx-txn-split-manager", children: [
+    t.map((d, n) => /* @__PURE__ */ o(
+      v,
+      {
+        index: n,
+        onCategoryChanged: l,
+        onDeleteRow: _,
+        onUpdateAmount: f,
+        split: d
+      },
+      n
+    )),
+    m && /* @__PURE__ */ a(
+      b,
+      {
+        color: "error.main",
+        direction: "row",
+        gap: r.Spacing.XSmall,
+        p: r.Spacing.Medium,
+        children: [
+          /* @__PURE__ */ o(x, { sx: { fontSize: r.FontSize.Body } }),
+          /* @__PURE__ */ o(y, { variant: "Small", children: m })
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(s, { p: r.Spacing.Medium, children: /* @__PURE__ */ o(
+      g,
+      {
+        "aria-label": i.split_transaction_add_split_btn,
+        onClick: () => {
+          S(k.ON_TRANSACTION_SPLIT_ADD_CLICK), c();
+        },
+        children: i.split_transaction_add_split_btn
+      }
+    ) })
+  ] });
+}, Mr = C(D);
+export {
+  Mr as default
+};
+//# sourceMappingURL=SplitManager.js.map

package/dist/transactions/components/splitmanager/SplitManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitManager.js","sources":["../../../../src/transactions/components/splitmanager/SplitManager.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport CancelIcon from '@mui/icons-material/Cancel'\nimport Stack from '@mui/material/Stack'\n\nimport { Text, useTokens } from '@mxenabled/mxui'\n\nimport { buildDynamicCopy, formatCurrency } from '../../../common'\nimport type { Transaction } from '../../../common'\n\nimport SplitRow from './SplitRow'\n\nimport { useEvent, useGlobalCopyStore } from '../../../common'\nimport { ON_CLICK_EVENTS } from '../../constants/OnClickEvents'\n\ninterface SplitManagerProps {\n  onAddSplit: () => void\n  onCategoryChanged: (index: number, categoryGuid: string) => void\n  onDeleteSplit: (index: number) => void\n  onUpdateAmount: (index: number, amount: number) => void\n  splits: Transaction[]\n  transaction: Transaction\n}\n\nconst SplitManager: React.FC<SplitManagerProps> = ({\n  onAddSplit,\n  onCategoryChanged,\n  onDeleteSplit,\n  onUpdateAmount,\n  splits,\n  transaction,\n}) => {\n  const tokens = useTokens()\n\n  const { transactions: copy } = useGlobalCopyStore()\n  const { onEvent } = useEvent()\n\n  const [error, setError] = React.useState('')\n\n  React.useEffect(() => {\n    setError(splits.length <= 1 ? copy.split_transaction_errors_min_splits : '')\n    setError(\n      splits[0].amount < 0\n        ? (buildDynamicCopy(\n            copy.split_transaction_errors_totals_must_equal_amount,\n            formatCurrency(transaction.amount, '0,0.00'),\n          ) as string)\n        : '',\n    )\n  }, [splits])\n\n  return (\n    <Box className=\"mx-txn-split-manager\">\n      {splits.map((split, index) => (\n        <SplitRow\n          index={index}\n          key={index}\n          onCategoryChanged={onCategoryChanged}\n          onDeleteRow={onDeleteSplit}\n          onUpdateAmount={onUpdateAmount}\n          split={split}\n        />\n      ))}\n      {error && (\n        <Stack\n          color=\"error.main\"\n          direction=\"row\"\n          gap={tokens.Spacing.XSmall}\n          p={tokens.Spacing.Medium}\n        >\n          <CancelIcon sx={{ fontSize: tokens.FontSize.Body }} />\n          <Text variant=\"Small\">{error}</Text>\n        </Stack>\n      )}\n      <Box p={tokens.Spacing.Medium}>\n        <Button\n          aria-label={copy.split_transaction_add_split_btn}\n          onClick={() => {\n            onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_SPLIT_ADD_CLICK)\n            onAddSplit()\n          }}\n        >\n          {copy.split_transaction_add_split_btn}\n        </Button>\n      </Box>\n    </Box>\n  )\n}\n\nexport default observer(SplitManager)\n"],"names":["SplitManager","onAddSplit","onCategoryChanged","onDeleteSplit","onUpdateAmount","splits","transaction","tokens","useTokens","copy","useGlobalCopyStore","onEvent","useEvent","error","setError","React","buildDynamicCopy","formatCurrency","jsxs","Box","split","index","jsx","SplitRow","Stack","CancelIcon","Text","Button","ON_CLICK_EVENTS","SplitManager$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAMA,IAA4C,CAAC;AAAA,EACjD,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAMC,IAASC,KAET,EAAE,cAAcC,EAAK,IAAIC,EAAmB,GAC5C,EAAE,SAAAC,MAAYC,KAEd,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAAS,EAAE;AAE3C,SAAAA,EAAM,UAAU,MAAM;AACpB,IAAAD,EAAST,EAAO,UAAU,IAAII,EAAK,sCAAsC,EAAE,GAC3EK;AAAA,MACET,EAAO,CAAC,EAAE,SAAS,IACdW;AAAA,QACCP,EAAK;AAAA,QACLQ,EAAeX,EAAY,QAAQ,QAAQ;AAAA,MAAA,IAE7C;AAAA,IAAA;AAAA,EACN,GACC,CAACD,CAAM,CAAC,GAGT,gBAAAa,EAACC,GAAI,EAAA,WAAU,wBACZ,UAAA;AAAA,IAAOd,EAAA,IAAI,CAACe,GAAOC,MAClB,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAF;AAAA,QAEA,mBAAAnB;AAAA,QACA,aAAaC;AAAA,QACb,gBAAAC;AAAA,QACA,OAAAgB;AAAA,MAAA;AAAA,MAJKC;AAAA,IAAA,CAMR;AAAA,IACAR,KACC,gBAAAK;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,WAAU;AAAA,QACV,KAAKjB,EAAO,QAAQ;AAAA,QACpB,GAAGA,EAAO,QAAQ;AAAA,QAElB,UAAA;AAAA,UAAA,gBAAAe,EAACG,KAAW,IAAI,EAAE,UAAUlB,EAAO,SAAS,QAAQ;AAAA,UACnD,gBAAAe,EAAAI,GAAA,EAAK,SAAQ,SAAS,UAAMb,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/B;AAAA,IAED,gBAAAS,EAAAH,GAAA,EAAI,GAAGZ,EAAO,QAAQ,QACrB,UAAA,gBAAAe;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,cAAYlB,EAAK;AAAA,QACjB,SAAS,MAAM;AACb,UAAAE,EAAQiB,EAAgB,8BAA8B,GAC3C3B;QACb;AAAA,QAEC,UAAKQ,EAAA;AAAA,MAAA;AAAA,IAAA,GAEV;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeoB,KAAAC,EAAS9B,CAAY;"}

package/dist/transactions/components/splitmanager/SplitRow.js

@@ -0,0 +1,272 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import S from "react";
+import { observer as w } from "mobx-react-lite";
+import g from "@mui/material/Box";
+import b from "@mui/material/Button";
+import c from "@mui/material/Grid";
+import N from "@mui/material/IconButton";
+import e from "@mui/material/Stack";
+import d from "@mui/icons-material/Cancel";
+import T from "@mui/icons-material/ChevronRight";
+import E from "@mui/icons-material/DeleteOutlined";
+import { useTokens as O, CategoryIcon as k, Text as l } from "@mxenabled/mxui";
+import "../../../categories/components/CategorySelector.js";
+import v 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 "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 R } from "../../../common/utils/NumberFormatting.js";
+import "@mui/material";
+import "@mui/material/Tooltip";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useEvent as A, useGlobalCopyStore as B } 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 "../../../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 X from "../../../common/components/CurrencyInput.js";
+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 "../../../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 z } from "../../constants/OnClickEvents.js";
+import "date-fns/formatISO";
+import "../../constants/Analytics.js";
+import "../../constants/Transaction.js";
+import "../shared/transactionlist/TransactionRow.js";
+import "../shared/TransactionList.js";
+import "../shared/TransactionTable.js";
+import "../shared/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 D = ({
+  index: n,
+  onDeleteRow: _,
+  onCategoryChanged: f,
+  onUpdateAmount: h,
+  split: i
+}) => {
+  const o = O(), { onEvent: y } = A(), { transactions: m } = B(), [s, C] = S.useState(`${i.amount}`), [I, a] = S.useState(!1), u = n === 0, x = (p) => {
+    isNaN(Number(p)) || (C(p), h(n, Number(p)));
+  };
+  return /* @__PURE__ */ r(
+    g,
+    {
+      bgcolor: "background.paper",
+      className: "mx-txn-split-manager-row",
+      pb: o.Spacing.Tiny,
+      px: o.Spacing.XSmall,
+      children: [
+        /* @__PURE__ */ r(c, { alignItems: u ? "center" : "start", container: !0, children: [
+          /* @__PURE__ */ t(c, { item: !0, xs: 7, children: /* @__PURE__ */ r(e, { alignItems: "start", children: [
+            /* @__PURE__ */ t(
+              b,
+              {
+                endIcon: /* @__PURE__ */ t(T, {}),
+                onClick: () => a(!0),
+                startIcon: /* @__PURE__ */ t(k, { categoryGuid: i.top_level_category_guid }),
+                sx: { px: o.Spacing.Small, py: o.Spacing.XSmall },
+                children: i.category
+              }
+            ),
+            /* @__PURE__ */ t(g, { children: !i.category_guid && /* @__PURE__ */ r(
+              e,
+              {
+                color: "error.main",
+                direction: "row",
+                gap: o.Spacing.XSmall,
+                p: o.Spacing.Small,
+                children: [
+                  /* @__PURE__ */ t(d, { sx: { fontSize: o.FontSize.Body } }),
+                  /* @__PURE__ */ t(l, { variant: "Small", children: m.split_transaction_errors_select_category })
+                ]
+              }
+            ) })
+          ] }) }),
+          /* @__PURE__ */ t(c, { item: !0, xs: 5, children: u ? /* @__PURE__ */ t("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ t(l, { children: R(i.amount, "0,0.00") }) }) : /* @__PURE__ */ r(e, { alignItems: "start", children: [
+            /* @__PURE__ */ r(e, { alignItems: "start", direction: "row", gap: o.Spacing.XSmall, children: [
+              /* @__PURE__ */ t(
+                X,
+                {
+                  amount: s,
+                  "aria-label": m.split_transaction_edit_split_amount,
+                  inputProps: {
+                    noValidate: !0
+                  },
+                  name: "split-amount-input",
+                  setAmount: x,
+                  sx: {
+                    ".MuiOutlinedInput-input": { p: o.Spacing.Small }
+                  },
+                  type: "number"
+                }
+              ),
+              /* @__PURE__ */ t(
+                N,
+                {
+                  "aria-label": m.split_transaction_delete_split_btn,
+                  color: "secondary",
+                  onClick: () => {
+                    y(z.ON_TRANSACTION_SPLIT_DELETE_CLICK), _(n);
+                  },
+                  sx: { w: 44, h: 44 },
+                  children: /* @__PURE__ */ t(E, {})
+                }
+              )
+            ] }),
+            !s && /* @__PURE__ */ r(
+              e,
+              {
+                color: "error.main",
+                direction: "row",
+                gap: o.Spacing.XSmall,
+                py: o.Spacing.Small,
+                children: [
+                  /* @__PURE__ */ t(d, { sx: { fontSize: o.FontSize.Body } }),
+                  /* @__PURE__ */ t(l, { variant: "Small", children: m.split_transaction_errors_enter_an_amount })
+                ]
+              }
+            )
+          ] }) })
+        ] }),
+        /* @__PURE__ */ t(
+          v,
+          {
+            initialSelected: i.category_guid,
+            onClose: () => a(!1),
+            onSelect: (p) => {
+              f(n, p), a(!1);
+            },
+            showDrawer: I,
+            title: m.actions_select_a_category
+          }
+        )
+      ]
+    }
+  );
+}, Gr = w(D);
+export {
+  Gr as default
+};
+//# sourceMappingURL=SplitRow.js.map

package/dist/transactions/components/splitmanager/SplitRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitRow.js","sources":["../../../../src/transactions/components/splitmanager/SplitRow.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Grid from '@mui/material/Grid'\nimport IconButton from '@mui/material/IconButton'\nimport Stack from '@mui/material/Stack'\n\nimport CancelIcon from '@mui/icons-material/Cancel'\nimport ChevronRightIcon from '@mui/icons-material/ChevronRight'\nimport DeleteOutlinedIcon from '@mui/icons-material/DeleteOutlined'\n\nimport { CategoryIcon, Text, useTokens } from '@mxenabled/mxui'\n\nimport { CategorySelectorDrawer } from '../../../categories'\n\nimport { CurrencyInput, formatCurrency, useGlobalCopyStore } from '../../../common'\n\nimport type { Transaction } from '../../../common'\n\nimport { useEvent } from '../../../common'\nimport { ON_CLICK_EVENTS } from '../../constants/OnClickEvents'\n\ninterface SplitRowProps {\n  index: number\n  onCategoryChanged: (index: number, categoryGuid: string) => void\n  onDeleteRow: (index: number) => void\n  onUpdateAmount: (index: number, amount: number) => void\n  split: Transaction\n}\n\nconst SplitRow: React.FC<SplitRowProps> = ({\n  index,\n  onDeleteRow,\n  onCategoryChanged,\n  onUpdateAmount,\n  split,\n}) => {\n  const tokens = useTokens()\n\n  const { onEvent } = useEvent()\n  const { transactions: copy } = useGlobalCopyStore()\n\n  const [amount, setAmount] = React.useState(`${split.amount}`)\n  const [categorySelectorOpen, setCategorySelectorOpen] = React.useState(false)\n\n  const isTopRow = index === 0\n\n  const handleChangeAmount = (value: string) => {\n    if (!isNaN(Number(value))) {\n      setAmount(value)\n      onUpdateAmount(index, Number(value))\n    }\n  }\n\n  return (\n    <Box\n      bgcolor=\"background.paper\"\n      className=\"mx-txn-split-manager-row\"\n      pb={tokens.Spacing.Tiny}\n      px={tokens.Spacing.XSmall}\n    >\n      <Grid alignItems={isTopRow ? 'center' : 'start'} container={true}>\n        <Grid item={true} xs={7}>\n          <Stack alignItems=\"start\">\n            <Button\n              endIcon={<ChevronRightIcon />}\n              onClick={() => setCategorySelectorOpen(true)}\n              startIcon={<CategoryIcon categoryGuid={split.top_level_category_guid} />}\n              sx={{ px: tokens.Spacing.Small, py: tokens.Spacing.XSmall }}\n            >\n              {split.category}\n            </Button>\n            <Box>\n              {!split.category_guid && (\n                <Stack\n                  color=\"error.main\"\n                  direction=\"row\"\n                  gap={tokens.Spacing.XSmall}\n                  p={tokens.Spacing.Small}\n                >\n                  <CancelIcon sx={{ fontSize: tokens.FontSize.Body }} />\n                  <Text variant=\"Small\">{copy.split_transaction_errors_select_category}</Text>\n                </Stack>\n              )}\n            </Box>\n          </Stack>\n        </Grid>\n        <Grid item={true} xs={5}>\n          {isTopRow ? (\n            <div className=\"mx-txn-split-manager-row-top-container\">\n              <Text>{formatCurrency(split.amount, '0,0.00')}</Text>\n            </div>\n          ) : (\n            <Stack alignItems=\"start\">\n              <Stack alignItems=\"start\" direction=\"row\" gap={tokens.Spacing.XSmall}>\n                <CurrencyInput\n                  amount={amount}\n                  aria-label={copy.split_transaction_edit_split_amount}\n                  inputProps={{\n                    noValidate: true,\n                  }}\n                  name=\"split-amount-input\"\n                  setAmount={handleChangeAmount}\n                  sx={{\n                    '.MuiOutlinedInput-input': { p: tokens.Spacing.Small },\n                  }}\n                  type=\"number\"\n                />\n                <IconButton\n                  aria-label={copy.split_transaction_delete_split_btn}\n                  color=\"secondary\"\n                  onClick={() => {\n                    onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_SPLIT_DELETE_CLICK)\n                    onDeleteRow(index)\n                  }}\n                  sx={{ w: 44, h: 44 }}\n                >\n                  <DeleteOutlinedIcon />\n                </IconButton>\n              </Stack>\n              {!amount && (\n                <Stack\n                  color=\"error.main\"\n                  direction=\"row\"\n                  gap={tokens.Spacing.XSmall}\n                  py={tokens.Spacing.Small}\n                >\n                  <CancelIcon sx={{ fontSize: tokens.FontSize.Body }} />\n                  <Text variant=\"Small\">{copy.split_transaction_errors_enter_an_amount}</Text>\n                </Stack>\n              )}\n            </Stack>\n          )}\n        </Grid>\n      </Grid>\n\n      <CategorySelectorDrawer\n        initialSelected={split.category_guid}\n        onClose={() => setCategorySelectorOpen(false)}\n        onSelect={(guid: string) => {\n          onCategoryChanged(index, guid)\n          setCategorySelectorOpen(false)\n        }}\n        showDrawer={categorySelectorOpen}\n        title={copy.actions_select_a_category}\n      />\n    </Box>\n  )\n}\n\nexport default observer(SplitRow)\n"],"names":["SplitRow","index","onDeleteRow","onCategoryChanged","onUpdateAmount","split","tokens","useTokens","onEvent","useEvent","copy","useGlobalCopyStore","amount","setAmount","React","categorySelectorOpen","setCategorySelectorOpen","isTopRow","handleChangeAmount","value","jsxs","Box","Grid","jsx","Stack","Button","ChevronRightIcon","CategoryIcon","CancelIcon","Text","formatCurrency","CurrencyInput","IconButton","ON_CLICK_EVENTS","DeleteOutlinedIcon","CategorySelectorDrawer","guid","SplitRow$1","observer"],"mappings":"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"}