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

package/dist/trends/components/TransactionsList.js

@@ -0,0 +1,229 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { observer as b } from "mobx-react-lite";
+import s from "react";
+import { format as y, fromUnixTime as w } from "date-fns";
+import C from "@mui/material/Divider";
+import v from "@mui/material/Link";
+import E from "@mui/material/List";
+import e from "@mui/material/Stack";
+import { Text as L, Icon as S, MerchantLogo as I } 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 M } 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 { useAppConfig as _, useGlobalCopyStore as T } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import { useScreenSize as k } from "../../common/hooks/useScreenSize.js";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "@mui/material/styles/useTheme";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "@mui/material/useMediaQuery";
+import "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "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 "../../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 "../TrendsFullWidget.js";
+import "../TrendsMiniWidget.js";
+import "../TrendsMicroWidget.js";
+import "../TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import { ListItemRow as D } from "../../common/components/ListItemRow.js";
+import j from "../../common/components/SubheaderRow.js";
+const Go = b(({ transactions: p }) => {
+  const { is_mobile_webview: a } = _(), { trends: n, transactions: c } = T(), { isDesktop: l } = k(), d = ` ${p.length === 1 ? n.transaction : n.transactions} (${p.length})`, f = (() => {
+    const i = /* @__PURE__ */ new Map();
+    return p.forEach((t) => {
+      i.has(t.date) || i.set(t.date, []), i.get(t.date).push(t);
+    }), Array.from(i.entries()).sort(([t], [r]) => r - t).map(([t, r]) => ({ timestamp: t, transactions: r }));
+  })(), h = () => {
+  }, u = p.length > 0 && !a && l;
+  return /* @__PURE__ */ m(e, { sx: { width: "100%" }, children: [
+    /* @__PURE__ */ m(
+      e,
+      {
+        sx: {
+          alignItems: "flex-start",
+          alignSelf: "stretch",
+          flexDirection: "row",
+          justifyContent: "space-between",
+          pb: 12,
+          pt: 16,
+          px: 24
+        },
+        children: [
+          /* @__PURE__ */ o(L, { bold: !0, variant: "body1", children: d }),
+          /* @__PURE__ */ o(e, { sx: { alignItems: "center", gap: 16 }, children: u && /* @__PURE__ */ m(
+            v,
+            {
+              onClick: h,
+              sx: { display: "flex", alignItems: "end", gap: 8 },
+              variant: "body2",
+              children: [
+                /* @__PURE__ */ o(S, { name: "ios_share" }),
+                c.export_csv_btn
+              ]
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(E, { children: f.map(({ timestamp: i, transactions: t }) => /* @__PURE__ */ m(s.Fragment, { children: [
+      /* @__PURE__ */ o(j, { children: y(w(i), "EEEE, MMMM dd") }),
+      t.map((r, g) => {
+        const x = g === t.length - 1;
+        return /* @__PURE__ */ m(s.Fragment, { children: [
+          /* @__PURE__ */ o(
+            D,
+            {
+              leftIcon: /* @__PURE__ */ o(
+                I,
+                {
+                  categoryGuid: r.guid,
+                  merchantGuid: r.merchant_guid ?? ""
+                }
+              ),
+              rightContent: M(r.amount, "0,0.00"),
+              subtitle: r.category,
+              title: r.description
+            }
+          ),
+          /* @__PURE__ */ o(C, { sx: { ml: x ? 0 : 68 } })
+        ] }, r.guid);
+      })
+    ] }, i)) })
+  ] });
+});
+export {
+  Go as default
+};
+//# sourceMappingURL=TransactionsList.js.map

package/dist/trends/components/TransactionsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionsList.js","sources":["../../../src/trends/components/TransactionsList.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\nimport { format, fromUnixTime } from 'date-fns'\n\nimport Divider from '@mui/material/Divider'\nimport Link from '@mui/material/Link'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\n\nimport { Icon, MerchantLogo, Text } from '@mxenabled/mxui'\n\nimport {\n  formatCurrency,\n  type Transaction,\n  useAppConfig,\n  useGlobalCopyStore,\n  useScreenSize,\n} from '../../common'\n\nimport { ListItemRow } from '../../common/components/ListItemRow'\nimport SubheaderRow from '../../common/components/SubheaderRow'\n\ninterface TransactionsListProps {\n  transactions: Transaction[]\n}\n\nconst TransactionsList: React.FC<TransactionsListProps> = observer(({ transactions }) => {\n  const { is_mobile_webview } = useAppConfig()\n  const { trends: copy, transactions: transactionsCopy } = useGlobalCopyStore()\n  const { isDesktop } = useScreenSize()\n  const transactionCountLabel = ` ${transactions.length === 1 ? copy.transaction : copy.transactions} (${transactions.length})`\n\n  const groupedTransactions = (() => {\n    const groupByDate = new Map<number, Transaction[]>()\n\n    transactions.forEach((transaction: Transaction) => {\n      if (!groupByDate.has(transaction.date)) {\n        groupByDate.set(transaction.date, [])\n      }\n      groupByDate.get(transaction.date)!.push(transaction)\n    })\n\n    // sort by date descending\n    return Array.from(groupByDate.entries())\n      .sort(([a], [b]) => b - a)\n      .map(([timestamp, transactions]) => ({ timestamp, transactions }))\n  })()\n\n  const handleExportToCsv = () => {}\n\n  const shouldShowExportButton = transactions.length > 0 && !is_mobile_webview && isDesktop\n\n  return (\n    <Stack sx={{ width: '100%' }}>\n      <Stack\n        sx={{\n          alignItems: 'flex-start',\n\n          alignSelf: 'stretch',\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n          pb: 12,\n          pt: 16,\n          px: 24,\n        }}\n      >\n        <Text bold={true} variant=\"body1\">\n          {transactionCountLabel}\n        </Text>\n        <Stack sx={{ alignItems: 'center', gap: 16 }}>\n          {shouldShowExportButton && (\n            <Link\n              onClick={handleExportToCsv}\n              sx={{ display: 'flex', alignItems: 'end', gap: 8 }}\n              variant=\"body2\"\n            >\n              <Icon name=\"ios_share\" />\n              {transactionsCopy.export_csv_btn}\n            </Link>\n          )}\n        </Stack>\n      </Stack>\n      <List>\n        {groupedTransactions.map(({ timestamp, transactions }) => (\n          <React.Fragment key={timestamp}>\n            <SubheaderRow>{format(fromUnixTime(timestamp), 'EEEE, MMMM dd')}</SubheaderRow>\n            {transactions.map((transaction: Transaction, index) => {\n              const isLast = index === transactions.length - 1\n              return (\n                <React.Fragment key={transaction.guid}>\n                  <ListItemRow\n                    leftIcon={\n                      <MerchantLogo\n                        categoryGuid={transaction.guid}\n                        merchantGuid={transaction.merchant_guid ?? ''}\n                      />\n                    }\n                    rightContent={formatCurrency(transaction.amount, '0,0.00')}\n                    subtitle={transaction.category}\n                    title={transaction.description}\n                  />\n                  <Divider sx={{ ml: isLast ? 0 : 68 }} />\n                </React.Fragment>\n              )\n            })}\n          </React.Fragment>\n        ))}\n      </List>\n    </Stack>\n  )\n})\n\nexport default TransactionsList\n"],"names":["TransactionsList","observer","transactions","is_mobile_webview","useAppConfig","copy","transactionsCopy","useGlobalCopyStore","isDesktop","useScreenSize","transactionCountLabel","groupedTransactions","groupByDate","transaction","a","b","timestamp","handleExportToCsv","shouldShowExportButton","Stack","jsxs","jsx","Text","Link","Icon","List","React","SubheaderRow","format","fromUnixTime","index","isLast","ListItemRow","MerchantLogo","formatCurrency","Divider"],"mappings":"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"}

package/dist/trends/components/TrendsChart.js

@@ -0,0 +1,195 @@
+import { jsx as a } from "react/jsx-runtime";
+import { observer as h } from "mobx-react-lite";
+import { useTheme as g } from "@mui/material/styles";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import { INCOME_ACCOUNT_TYPES as c, PAYMENT_ACCOUNT_TYPES as d, SPENDING_ACCOUNT_TYPES as u } from "../../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 "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useCategoryStore as C, useGlobalCopyStore 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 { LineChart as T } from "../../common/components/charts/LineChart.js";
+import "@mui/material/Stack";
+import "@mui/x-charts";
+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 { AccountType as l } from "../../common/types/Account.js";
+import { useAccountUiStore as b } from "../../accounts/hooks/useUiStore.js";
+import "posthog-js";
+import "../../cashflow/CashflowMiniWidget.js";
+import "../../cashflow/CashflowWidget.js";
+import "../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../categories/components/CategorySelector.js";
+import "../../categories/components/CategorySelectorDrawer.js";
+import "../../categories/components/CategoryRow.js";
+import "../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../finstrong/components/FinancialStrengthGraph.js";
+import "../../finstrong/components/CreditScoreGraph.js";
+import "../../finstrong/FinstrongWidget.js";
+import "../../goals/GoalsWidget.js";
+import "../../goals/GoalsMicroWidget.js";
+import "../../investments/util/InvestmentUtil.js";
+import "../../merchants/components/MerchantLookup.js";
+import "../../networth/components/NetWorthChart.js";
+import "../../networth/components/NetWorthList.js";
+import "../../networth/components/NetWorthSummary.js";
+import "../../networth/NetWorthMicroWidget.js";
+import "../../networth/NetWorthWidget.js";
+import "../../notifications/components/NotificationList.js";
+import "../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../transactions/constants/Analytics.js";
+import "../../transactions/constants/Transaction.js";
+import "../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../transactions/components/shared/TransactionList.js";
+import "../../transactions/components/shared/TransactionTable.js";
+import "../../transactions/components/shared/TransactionDetails.js";
+import "../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../transactions/TransactionWidget.js";
+import "../../settings/SettingsWidget.js";
+import "../../settings/components/SettingsWidgetContents.js";
+import "../../settings/components/profile/ProfileTab.js";
+import "../../settings/components/devices/DeviceTab.js";
+import "../../settings/NotificationSettingsWidget.js";
+import "../../settings/components/notifications/NotificationSettings.js";
+import "../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../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 "../TrendsFullWidget.js";
+import "../TrendsMiniWidget.js";
+import "../TrendsMicroWidget.js";
+import "../TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import { getIncomeTotals as _, getPaymentTotals as A, getSpendingTotals as y } from "../utils/SpendingData.js";
+const S = (r, t) => {
+  const i = c.includes(t) ? _(r) : [], p = d.includes(t) ? A(r) : [], s = u.includes(t) ? y(r) : [];
+  return [i, p, s].filter((o) => o.length > 0);
+}, N = (r, t, i) => {
+  const [p, s] = r, o = p, e = s ?? p, m = [];
+  if (o && e && c.includes(t)) {
+    const n = o[o.length - 1].y;
+    m.push({ label: i.income_label, amount: n });
+  } else if (d.includes(t)) {
+    const n = o[o.length - 1].y;
+    m.push({ label: i.payments_label, amount: n });
+  }
+  if (e && u.includes(t)) {
+    const n = e[e.length - 1].y;
+    m.push({ label: i.spending_label, amount: n });
+  }
+  return m;
+}, E = () => {
+  const r = g(), { selectedAccount: t } = b(), { monthlyCategoryTotals: i } = C(), { trends: p } = f(), s = [r.palette.chart?.chart1, r.palette.chart?.chart2], o = S(i, t.account_type), e = N(o, t.account_type, p), m = [l.LOAN, l.MORTGAGE].includes(t.account_type);
+  return /* @__PURE__ */ a("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ a(
+    T,
+    {
+      colors: s,
+      datasets: o,
+      height: 185,
+      labels: e,
+      showAverage: m,
+      showBars: m,
+      showLegend: !0,
+      valueFormatterString: "0,0"
+    }
+  ) });
+}, Sr = h(E);
+export {
+  Sr as default
+};
+//# sourceMappingURL=TrendsChart.js.map

package/dist/trends/components/TrendsChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendsChart.js","sources":["../../../src/trends/components/TrendsChart.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport { useTheme } from '@mui/material/styles'\n\nimport {\n  AccountType,\n  LineChart,\n  MonthlyCategoryTotals,\n  TrendsCopy,\n  useCategoryStore,\n  useGlobalCopyStore,\n  INCOME_ACCOUNT_TYPES,\n  PAYMENT_ACCOUNT_TYPES,\n  SPENDING_ACCOUNT_TYPES,\n} from '../../common'\n\nimport { LineChartDataset, LineChartLabel } from '../../common/components/charts/LineChart'\nimport { useAccountUiStore } from '../../accounts/hooks/useUiStore'\nimport { getIncomeTotals, getPaymentTotals, getSpendingTotals } from '../utils/SpendingData'\n\nconst getDatasets = (\n  totals: MonthlyCategoryTotals[],\n  accountType: AccountType,\n): LineChartDataset[] => {\n  const incomeData = INCOME_ACCOUNT_TYPES.includes(accountType) ? getIncomeTotals(totals) : []\n  const paymentData = PAYMENT_ACCOUNT_TYPES.includes(accountType) ? getPaymentTotals(totals) : []\n  const spendingData = SPENDING_ACCOUNT_TYPES.includes(accountType) ? getSpendingTotals(totals) : []\n\n  // There should always be 1-2 datasets returned. No account type will have all three categories.\n  return [incomeData, paymentData, spendingData].filter((data) => data.length > 0)\n}\n\nconst getLabels = (datasets: LineChartDataset[], accountType: AccountType, copy: TrendsCopy) => {\n  const [dataA, dataB] = datasets\n  const credits = dataA\n  const debits = dataB ?? dataA\n  const labels: LineChartLabel[] = []\n\n  if (credits && debits && INCOME_ACCOUNT_TYPES.includes(accountType)) {\n    const lastIncome = credits[credits.length - 1].y\n    labels.push({ label: copy.income_label, amount: lastIncome })\n  } else if (PAYMENT_ACCOUNT_TYPES.includes(accountType)) {\n    const lastPayment = credits[credits.length - 1].y\n    labels.push({ label: copy.payments_label, amount: lastPayment })\n  }\n\n  if (debits && SPENDING_ACCOUNT_TYPES.includes(accountType)) {\n    const lastSpending = debits[debits.length - 1].y\n    labels.push({ label: copy.spending_label, amount: lastSpending })\n  }\n\n  return labels\n}\n\nconst TrendsChart = () => {\n  const theme = useTheme()\n  const { selectedAccount } = useAccountUiStore()\n  const { monthlyCategoryTotals } = useCategoryStore()\n  const { trends: trendsCopy } = useGlobalCopyStore()\n\n  const colors = [theme.palette.chart?.chart1, theme.palette.chart?.chart2]\n  const datasets = getDatasets(monthlyCategoryTotals, selectedAccount.account_type)\n  const labels = getLabels(datasets, selectedAccount.account_type, trendsCopy)\n  const isLoan = [AccountType.LOAN, AccountType.MORTGAGE].includes(selectedAccount.account_type)\n\n  return (\n    <div data-testid=\"TrendsChart\">\n      <LineChart\n        colors={colors}\n        datasets={datasets}\n        height={185}\n        labels={labels}\n        showAverage={isLoan}\n        showBars={isLoan}\n        showLegend={true}\n        valueFormatterString=\"0,0\"\n      />\n    </div>\n  )\n}\n\nexport default observer(TrendsChart)\n"],"names":["getDatasets","totals","accountType","incomeData","INCOME_ACCOUNT_TYPES","getIncomeTotals","paymentData","PAYMENT_ACCOUNT_TYPES","getPaymentTotals","spendingData","SPENDING_ACCOUNT_TYPES","getSpendingTotals","data","getLabels","datasets","copy","dataA","dataB","credits","debits","labels","lastIncome","lastPayment","lastSpending","TrendsChart","theme","useTheme","selectedAccount","useAccountUiStore","monthlyCategoryTotals","useCategoryStore","trendsCopy","useGlobalCopyStore","colors","isLoan","AccountType","jsx","LineChart","TrendsChart$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,IAAc,CAClBC,GACAC,MACuB;AACjB,QAAAC,IAAaC,EAAqB,SAASF,CAAW,IAAIG,EAAgBJ,CAAM,IAAI,IACpFK,IAAcC,EAAsB,SAASL,CAAW,IAAIM,EAAiBP,CAAM,IAAI,IACvFQ,IAAeC,EAAuB,SAASR,CAAW,IAAIS,EAAkBV,CAAM,IAAI;AAGzF,SAAA,CAACE,GAAYG,GAAaG,CAAY,EAAE,OAAO,CAACG,MAASA,EAAK,SAAS,CAAC;AACjF,GAEMC,IAAY,CAACC,GAA8BZ,GAA0Ba,MAAqB;AACxF,QAAA,CAACC,GAAOC,CAAK,IAAIH,GACjBI,IAAUF,GACVG,IAASF,KAASD,GAClBI,IAA2B,CAAA;AAEjC,MAAIF,KAAWC,KAAUf,EAAqB,SAASF,CAAW,GAAG;AACnE,UAAMmB,IAAaH,EAAQA,EAAQ,SAAS,CAAC,EAAE;AAC/C,IAAAE,EAAO,KAAK,EAAE,OAAOL,EAAK,cAAc,QAAQM,GAAY;AAAA,EACnD,WAAAd,EAAsB,SAASL,CAAW,GAAG;AACtD,UAAMoB,IAAcJ,EAAQA,EAAQ,SAAS,CAAC,EAAE;AAChD,IAAAE,EAAO,KAAK,EAAE,OAAOL,EAAK,gBAAgB,QAAQO,GAAa;AAAA,EACjE;AAEA,MAAIH,KAAUT,EAAuB,SAASR,CAAW,GAAG;AAC1D,UAAMqB,IAAeJ,EAAOA,EAAO,SAAS,CAAC,EAAE;AAC/C,IAAAC,EAAO,KAAK,EAAE,OAAOL,EAAK,gBAAgB,QAAQQ,GAAc;AAAA,EAClE;AAEO,SAAAH;AACT,GAEMI,IAAc,MAAM;AACxB,QAAMC,IAAQC,KACR,EAAE,iBAAAC,MAAoBC,KACtB,EAAE,uBAAAC,MAA0BC,KAC5B,EAAE,QAAQC,EAAW,IAAIC,EAAmB,GAE5CC,IAAS,CAACR,EAAM,QAAQ,OAAO,QAAQA,EAAM,QAAQ,OAAO,MAAM,GAClEX,IAAWd,EAAY6B,GAAuBF,EAAgB,YAAY,GAC1EP,IAASP,EAAUC,GAAUa,EAAgB,cAAcI,CAAU,GACrEG,IAAS,CAACC,EAAY,MAAMA,EAAY,QAAQ,EAAE,SAASR,EAAgB,YAAY;AAG3F,SAAA,gBAAAS,EAAC,OAAI,EAAA,eAAY,eACf,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAAJ;AAAA,MACA,UAAAnB;AAAA,MACA,QAAQ;AAAA,MACR,QAAAM;AAAA,MACA,aAAac;AAAA,MACb,UAAUA;AAAA,MACV,YAAY;AAAA,MACZ,sBAAqB;AAAA,IAAA;AAAA,EAEzB,EAAA,CAAA;AAEJ,GAEeI,KAAAC,EAASf,CAAW;"}

package/dist/trends/components/TrendsChartTotals.js

@@ -0,0 +1,200 @@
+import { jsx as d } from "react/jsx-runtime";
+import h from "react";
+import { observer as f } from "mobx-react-lite";
+import { useTheme as T } from "@mui/material/styles";
+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 "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as H, useWidgetContainerProvider as S } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import { useScreenSize as w } from "../../common/hooks/useScreenSize.js";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "@mui/material/styles/useTheme";
+import "d3";
+import { LineChart as x } from "../../common/components/charts/LineChart.js";
+import "@mui/material/Stack";
+import "@mui/x-charts";
+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 "../../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 "../TrendsFullWidget.js";
+import "../TrendsMiniWidget.js";
+import "../TrendsMicroWidget.js";
+import "../TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import { getIncomeTotals as A, getSpendingTotals as C } from "../utils/SpendingData.js";
+const v = (i, o) => {
+  const r = A(i, o), m = C(i, o);
+  return [r, m].filter((t) => t.length > 0);
+}, D = (i, o) => {
+  const [r, m] = i, t = r, n = m ?? r, p = [];
+  if (t) {
+    const e = t.reduce((s, a) => s + a.y, 0);
+    p.push({ label: o.income_label, amount: e });
+  }
+  if (n) {
+    const e = n.reduce((s, a) => s + a.y, 0);
+    p.push({ label: o.spending_label, amount: e });
+  }
+  return p;
+}, k = ({ selectedDateRange: i, totals: o }) => {
+  const r = T(), { trends: m } = H(), { availableHeight: t } = S(), { isSmallMobile: n, isMobile: p, isSmallTablet: e, isTablet: s } = w(), a = [r.palette.chart?.chart1, r.palette.chart?.chart2], l = v(o, i), u = D(l, m), [c, g] = h.useState(0), b = p || n ? 195 : e || s ? 458 : c;
+  return h.useEffect(() => {
+    t > 0 && c === 0 && g(t - 54);
+  }, [t, c]), /* @__PURE__ */ d(
+    x,
+    {
+      baseline: "min",
+      colors: a,
+      curveType: "bump",
+      datasets: l,
+      height: b,
+      labels: u,
+      showArea: !0,
+      showAxisHighlight: !0,
+      showLegend: !0,
+      showTooltip: !0,
+      showXAxis: !0,
+      showXAxisTicks: !0,
+      showYAxis: !0,
+      showYAxisTicks: !0,
+      valueFormatterString: "0,0"
+    }
+  );
+}, Dr = f(k);
+export {
+  Dr as default
+};
+//# sourceMappingURL=TrendsChartTotals.js.map