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

package/dist/cashflow/components/DetailsExpenseRow.js

@@ -0,0 +1,181 @@
+import { jsxs as r, Fragment as e, jsx as o } from "react/jsx-runtime";
+import { observer as n } from "mobx-react-lite";
+import s from "@mui/material/Divider";
+import a from "@mui/material/ListItem";
+import l from "@mui/material/Stack";
+import { Text as i } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import { formatDate as m, DATE_FORMATS_INTL as p } from "../../common/constants/DateFormats.js";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+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 "../../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 { CurrencyText as x } from "../../common/components/CurrencyText.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/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 "../CashflowMiniWidget.js";
+import "../CashflowWidget.js";
+import "../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 "../../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 "../../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";
+var f = /* @__PURE__ */ ((t) => (t.EXPENSE = "expense", t.INCOME = "income", t))(f || {});
+const d = ({ recurrence: t }) => /* @__PURE__ */ r(e, { children: [
+  /* @__PURE__ */ r(a, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
+    /* @__PURE__ */ r(l, { alignItems: "center", height: 32, width: 32, children: [
+      /* @__PURE__ */ o(i, { bold: !0, sx: { fontSize: 11 }, children: m(t.expectedDate, p.MONTH) }),
+      /* @__PURE__ */ o(i, { bold: !0, sx: { fontSize: 11 }, children: m(t.expectedDate, p.DAY) })
+    ] }),
+    /* @__PURE__ */ o(i, { sx: { flexGrow: 1, fontSize: 13 }, children: t.name }),
+    /* @__PURE__ */ o(
+      x,
+      {
+        amount: t.amount,
+        bold: !0,
+        sx: { textAlign: "right", fontSize: 13 }
+      }
+    )
+  ] }),
+  /* @__PURE__ */ o(s, {})
+] }), lr = n(d);
+export {
+  f as ExpenseType,
+  lr as default
+};
+//# sourceMappingURL=DetailsExpenseRow.js.map

package/dist/cashflow/components/DetailsExpenseRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsExpenseRow.js","sources":["../../../src/cashflow/components/DetailsExpenseRow.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport ListItem from '@mui/material/ListItem'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { type Recurrence, DATE_FORMATS_INTL, formatDate } from '../../common'\nimport { CurrencyText } from '../../common'\n\nexport enum ExpenseType {\n  EXPENSE = 'expense',\n  INCOME = 'income',\n}\n\ninterface DetailsExpenseRowType {\n  recurrence: Recurrence\n}\n\nconst DetailsExpenseRow: React.FC<DetailsExpenseRowType> = ({ recurrence }) => {\n  return (\n    <>\n      <ListItem sx={{ display: 'flex', alignItems: 'center', gap: 16, px: 24, py: 12 }}>\n        <Stack alignItems=\"center\" height={32} width={32}>\n          <Text bold={true} sx={{ fontSize: 11 }}>\n            {formatDate(recurrence.expectedDate, DATE_FORMATS_INTL.MONTH)}\n          </Text>\n          <Text bold={true} sx={{ fontSize: 11 }}>\n            {formatDate(recurrence.expectedDate, DATE_FORMATS_INTL.DAY)}\n          </Text>\n        </Stack>\n        <Text sx={{ flexGrow: 1, fontSize: 13 }}>{recurrence.name}</Text>\n        <CurrencyText\n          amount={recurrence.amount}\n          bold={true}\n          sx={{ textAlign: 'right', fontSize: 13 }}\n        />\n      </ListItem>\n      <Divider />\n    </>\n  )\n}\n\nexport default observer(DetailsExpenseRow)\n"],"names":["ExpenseType","DetailsExpenseRow","recurrence","jsxs","Fragment","ListItem","Stack","jsx","Text","formatDate","DATE_FORMATS_INTL","CurrencyText","Divider","DetailsExpenseRow$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA;AASZ,MAAMC,IAAqD,CAAC,EAAE,YAAAC,QAGxD,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA,gBAAAD,EAACE,GAAS,EAAA,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,IAAI,IAAI,IAAI,IAAI,GAC1E,GAAA,UAAA;AAAA,IAAA,gBAAAF,EAACG,KAAM,YAAW,UAAS,QAAQ,IAAI,OAAO,IAC5C,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,MAAM,IAAM,IAAI,EAAE,UAAU,GAAG,GAClC,UAAWC,EAAAP,EAAW,cAAcQ,EAAkB,KAAK,GAC9D;AAAA,MACC,gBAAAH,EAAAC,GAAA,EAAK,MAAM,IAAM,IAAI,EAAE,UAAU,GAAG,GAClC,UAAWC,EAAAP,EAAW,cAAcQ,EAAkB,GAAG,GAC5D;AAAA,IAAA,GACF;AAAA,IACA,gBAAAH,EAACC,GAAK,EAAA,IAAI,EAAE,UAAU,GAAG,UAAU,GAAA,GAAO,UAAAN,EAAW,KAAK,CAAA;AAAA,IAC1D,gBAAAK;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,QAAQT,EAAW;AAAA,QACnB,MAAM;AAAA,QACN,IAAI,EAAE,WAAW,SAAS,UAAU,GAAG;AAAA,MAAA;AAAA,IACzC;AAAA,EAAA,GACF;AAAA,oBACCU,GAAQ,EAAA;AACX,EAAA,CAAA,GAIWC,KAAAC,EAASb,CAAiB;"}

package/dist/cashflow/components/DetailsFooter.js

@@ -0,0 +1,23 @@
+import { jsx as t } from "react/jsx-runtime";
+import r from "@mui/material/ListItem";
+import i from "./RemainingCash.js";
+const d = ({ remaining: o }) => /* @__PURE__ */ t(
+  r,
+  {
+    sx: {
+      alignItems: "center",
+      backgroundColor: "background.highlight",
+      display: "flex",
+      gap: 12,
+      padding: "12px 24px",
+      borderBottomLeftRadius: "3px",
+      borderBottomRightRadius: "3px",
+      minHeight: "auto"
+    },
+    children: /* @__PURE__ */ t(i, { remaining: o })
+  }
+);
+export {
+  d as default
+};
+//# sourceMappingURL=DetailsFooter.js.map

package/dist/cashflow/components/DetailsFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsFooter.js","sources":["../../../src/cashflow/components/DetailsFooter.tsx"],"sourcesContent":["import ListItem from '@mui/material/ListItem'\n\nimport RemainingCash from './RemainingCash'\n\ninterface DetailsFooterProps {\n  remaining: number\n}\n\nconst DetailsFooter = ({ remaining }: DetailsFooterProps) => {\n  return (\n    <ListItem\n      sx={{\n        alignItems: 'center',\n        backgroundColor: 'background.highlight',\n        display: 'flex',\n        gap: 12,\n        padding: '12px 24px',\n        borderBottomLeftRadius: '3px',\n        borderBottomRightRadius: '3px',\n        minHeight: 'auto',\n      }}\n    >\n      <RemainingCash remaining={remaining} />\n    </ListItem>\n  )\n}\n\nexport default DetailsFooter\n"],"names":["DetailsFooter","remaining","jsx","ListItem","RemainingCash"],"mappings":";;;AAQA,MAAMA,IAAgB,CAAC,EAAE,WAAAC,QAErB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,SAAS;AAAA,MACT,KAAK;AAAA,MACL,SAAS;AAAA,MACT,wBAAwB;AAAA,MACxB,yBAAyB;AAAA,MACzB,WAAW;AAAA,IACb;AAAA,IAEA,UAAA,gBAAAD,EAACE,KAAc,WAAAH,EAAsB,CAAA;AAAA,EAAA;AAAA;"}

package/dist/cashflow/components/DetailsTab.js

@@ -0,0 +1,240 @@
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { observer as C } from "mobx-react-lite";
+import { getUnixTime as d } from "date-fns/getUnixTime";
+import L from "@mui/material/Divider";
+import s from "@mui/material/List";
+import u from "@mui/material/ListItem";
+import a from "@mui/material/Stack";
+import { Text as f } from "@mxenabled/mxui";
+import _ from "../../accounts/components/AccountListItem.js";
+import I from "./DetailsFooter.js";
+import b, { ExpenseType as h } from "./DetailsExpenseRow.js";
+import x from "./DetailsExpenseHeader.js";
+import "bowser";
+import { formatDate as T, DATE_FORMATS_INTL as g } from "../../common/constants/DateFormats.js";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+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 { useWidgetContainerProvider as R, useGlobalCopyStore as v, useRecurringTransactionsStore as F } 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/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 "../CashflowMiniWidget.js";
+import "../CashflowWidget.js";
+import "../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 "../../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 "../../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 { useCashflowUiStore as N } from "../context/hooks.js";
+import { recurrenceFilter as D } from "../util/Filters.js";
+const j = () => {
+  const { availableWidth: w } = R(), { cashflow: E } = v(), { upcomingExpenses: S, upcomingIncome: y } = F(), { dateRange: m, selectedCashAccounts: A } = N();
+  return /* @__PURE__ */ p(a, { children: [
+    /* @__PURE__ */ p(a, { direction: w < 400 ? "column" : "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ r(f, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: E.accounts_breakdown }),
+      /* @__PURE__ */ p(f, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: [
+        T(m.start, g.FULL_MONTH_DAY),
+        " -",
+        " ",
+        T(m.end, g.FULL_MONTH_DAY)
+      ] })
+    ] }),
+    /* @__PURE__ */ r(a, { children: A.map((o) => {
+      const e = y.filter(D(o, m)).sort((t, i) => d(t.expectedDate) - d(i.expectedDate)), n = S.filter(
+        D(o, m)
+      ), c = e.reduce(
+        (t, i) => t + i.amount,
+        0
+      ), l = n.reduce(
+        (t, i) => t + i.amount,
+        0
+      );
+      return /* @__PURE__ */ p(
+        s,
+        {
+          sx: {
+            border: "1px solid",
+            borderColor: "border.light",
+            mb: 24,
+            borderRadius: 1
+          },
+          children: [
+            /* @__PURE__ */ r(
+              _,
+              {
+                account: o,
+                listItemProps: {
+                  disableGutters: !1,
+                  disablePadding: !1,
+                  sx: { borderTopRadius: 1, pr: 24 }
+                }
+              }
+            ),
+            /* @__PURE__ */ r(L, {}),
+            e.length > 0 && /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(
+              s,
+              {
+                subheader: /* @__PURE__ */ r(x, { total: c, type: h.INCOME }),
+                sx: { width: "100%" },
+                children: e.map((t) => /* @__PURE__ */ r(b, { recurrence: t }, t.repeatingTransactionGuid))
+              }
+            ) }),
+            n.length > 0 && /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(
+              s,
+              {
+                subheader: /* @__PURE__ */ r(x, { total: l, type: h.EXPENSE }),
+                sx: { width: "100%" },
+                children: n.map((t) => /* @__PURE__ */ r(b, { recurrence: t }, t.repeatingTransactionGuid))
+              }
+            ) }),
+            /* @__PURE__ */ r(
+              I,
+              {
+                remaining: (o.available_balance || o.balance || 0) + c - l
+              }
+            )
+          ]
+        },
+        o.guid
+      );
+    }) })
+  ] });
+}, Oo = C(j);
+export {
+  Oo as default
+};
+//# sourceMappingURL=DetailsTab.js.map

package/dist/cashflow/components/DetailsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsTab.js","sources":["../../../src/cashflow/components/DetailsTab.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport { getUnixTime } from 'date-fns/getUnixTime'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport AccountListItem from '../../accounts/components/AccountListItem'\nimport DetailsFooter from './DetailsFooter'\nimport DetailsExpenseRow, { ExpenseType } from './DetailsExpenseRow'\nimport DetailsExpenseHeader from './DetailsExpenseHeader'\n\nimport {\n  type Account,\n  type Recurrence,\n  DATE_FORMATS_INTL,\n  formatDate,\n  useGlobalCopyStore,\n  useRecurringTransactionsStore,\n  useWidgetContainerProvider,\n} from '../../common'\nimport { useCashflowUiStore } from '../context/hooks'\nimport { recurrenceFilter } from '../util/Filters'\n\nconst DetailsTab = () => {\n  const { availableWidth } = useWidgetContainerProvider()\n  const { cashflow: customCopy } = useGlobalCopyStore()\n  const { upcomingExpenses, upcomingIncome } = useRecurringTransactionsStore()\n  const { dateRange, selectedCashAccounts } = useCashflowUiStore()\n\n  return (\n    <Stack>\n      <Stack direction={availableWidth < 400 ? 'column' : 'row'} justifyContent=\"space-between\">\n        <Text bold={true} sx={{ fontSize: 15, mb: 12, whiteSpace: 'normal' }}>\n          {customCopy.accounts_breakdown}\n        </Text>\n        <Text bold={true} sx={{ fontSize: 15, mb: 12, whiteSpace: 'normal' }}>\n          {formatDate(dateRange.start, DATE_FORMATS_INTL.FULL_MONTH_DAY)} -{' '}\n          {formatDate(dateRange.end, DATE_FORMATS_INTL.FULL_MONTH_DAY)}\n        </Text>\n      </Stack>\n\n      <Stack>\n        {selectedCashAccounts.map((account: Account) => {\n          const upcomingIncomeByAccount = upcomingIncome\n            .filter(recurrenceFilter(account, dateRange))\n            .sort((a, b) => getUnixTime(a.expectedDate) - getUnixTime(b.expectedDate))\n\n          const projectedExpensesByAccount = upcomingExpenses.filter(\n            recurrenceFilter(account, dateRange),\n          )\n\n          const incomeTotal = upcomingIncomeByAccount.reduce(\n            (acc: number, curr: Recurrence) => acc + curr.amount,\n            0,\n          )\n          const expenseTotal = projectedExpensesByAccount.reduce(\n            (acc, curr) => acc + curr.amount,\n            0,\n          )\n\n          return (\n            <List\n              key={account.guid}\n              sx={{\n                border: '1px solid',\n                borderColor: 'border.light',\n                mb: 24,\n                borderRadius: 1,\n              }}\n            >\n              <AccountListItem\n                account={account}\n                listItemProps={{\n                  disableGutters: false,\n                  disablePadding: false,\n                  sx: { borderTopRadius: 1, pr: 24 },\n                }}\n              />\n              <Divider />\n              {/* Income */}\n              {upcomingIncomeByAccount.length > 0 && (\n                <ListItem>\n                  <List\n                    subheader={\n                      <DetailsExpenseHeader total={incomeTotal} type={ExpenseType.INCOME} />\n                    }\n                    sx={{ width: '100%' }}\n                  >\n                    {upcomingIncomeByAccount.map((r) => (\n                      <DetailsExpenseRow key={r.repeatingTransactionGuid} recurrence={r} />\n                    ))}\n                  </List>\n                </ListItem>\n              )}\n              {/* Expenses */}\n              {projectedExpensesByAccount.length > 0 && (\n                <ListItem>\n                  <List\n                    subheader={\n                      <DetailsExpenseHeader total={expenseTotal} type={ExpenseType.EXPENSE} />\n                    }\n                    sx={{ width: '100%' }}\n                  >\n                    {projectedExpensesByAccount.map((r) => (\n                      <DetailsExpenseRow key={r.repeatingTransactionGuid} recurrence={r} />\n                    ))}\n                  </List>\n                </ListItem>\n              )}\n              {/* Bottom row total */}\n              <DetailsFooter\n                remaining={\n                  (account.available_balance || account.balance || 0) + incomeTotal - expenseTotal\n                }\n              />\n            </List>\n          )\n        })}\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default observer(DetailsTab)\n"],"names":["DetailsTab","availableWidth","useWidgetContainerProvider","customCopy","useGlobalCopyStore","upcomingExpenses","upcomingIncome","useRecurringTransactionsStore","dateRange","selectedCashAccounts","useCashflowUiStore","Stack","jsxs","jsx","Text","formatDate","DATE_FORMATS_INTL","account","upcomingIncomeByAccount","recurrenceFilter","a","b","getUnixTime","projectedExpensesByAccount","incomeTotal","acc","curr","expenseTotal","List","AccountListItem","Divider","ListItem","DetailsExpenseHeader","ExpenseType","r","DetailsExpenseRow","DetailsFooter","DetailsTab$1","observer"],"mappings":"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"}