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

package/dist/cashflow/components/CashflowWidgetContent.js

@@ -0,0 +1,293 @@
+import { jsx as t, jsxs as i, Fragment as A } from "react/jsx-runtime";
+import a from "react";
+import { observer as G } from "mobx-react-lite";
+import L from "@mui/material/Box";
+import R from "@mui/material/Button";
+import v from "@mui/material/Divider";
+import r from "@mui/material/Stack";
+import M from "@mui/material/styles/useTheme";
+import { P as d, Icon as h, Text as m } 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 n } from "../../common/utils/Localization.js";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useWidgetContainerProvider as N, useAccountStore as W, useGlobalUiStore as $, useGlobalCopyStore as z, useUserStore as D, useRecurringTransactionsStore as P } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import { useScreenSize as q } 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 "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 { CurrencyText as c } 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 F from "../../common/components/Loader.js";
+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 O from "../../common/components/InformationTooltip.js";
+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";
+import { useCashflowUiStore as J } from "../context/hooks.js";
+import K from "./RemainingCash.js";
+const Q = ({ onAddIncomeClick: u }) => {
+  const f = M(), { availableWidth: j } = N(), { isMobile: T } = q(), { visibleCashAccounts: b, visibleCashBalance: B } = W(), { selectedAccountGuids: p } = $(), { cashflow: o } = z(), { userProfile: X } = D(), {
+    daysUntilNextIncome: C,
+    expensesTilNextIncome: l,
+    selectedCashAccounts: y,
+    setNextIncome: k,
+    setSelectedCashAccounts: E,
+    setUpcomingExpenses: H
+  } = J(), { isDataLoaded: U, nextIncomeRecurrence: g, upcomingExpenses: w } = P();
+  a.useEffect(() => {
+    E(
+      b.filter((e) => p.includes(e.guid))
+    );
+  }, [b, p]), a.useEffect(() => {
+    g && k(g), H(w);
+  }, [g, w]);
+  const x = a.useMemo(
+    () => b.filter((e) => p.includes(e.guid)).reduce((e, S) => e + (S?.balance || 0), 0),
+    [p, w]
+  ), s = a.useMemo(
+    () => l.filter((e) => p.includes(e.accountGuid || "")).reduce((e, S) => e + S.amount, 0),
+    [p, l]
+  ), _ = a.useMemo(
+    () => x - s,
+    [x, s]
+  ), I = X?.has_completed_cash_flow_onboarding && !!u;
+  return U ? /* @__PURE__ */ t(L, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: j > 610 ? /* @__PURE__ */ i(
+    r,
+    {
+      border: `1px solid ${f.palette.border.light}`,
+      borderRadius: 1,
+      direction: "row",
+      justifyContent: "space-between",
+      px: 24,
+      children: [
+        /* @__PURE__ */ i(r, { pb: 14, pt: 12, children: [
+          /* @__PURE__ */ t(c, { amount: x, variant: "H2" }),
+          /* @__PURE__ */ t(d, { variant: "XSmall", whiteSpace: "nowrap", children: n(
+            o.total_cash_accounts,
+            y.length
+          ) })
+        ] }),
+        /* @__PURE__ */ t(r, { pt: 18, children: /* @__PURE__ */ t(h, { name: "remove" }) }),
+        /* @__PURE__ */ i(r, { pb: 14, pt: 12, children: [
+          /* @__PURE__ */ t(c, { amount: s, variant: "H2" }),
+          /* @__PURE__ */ t(d, { variant: "XSmall", whiteSpace: "nowrap", children: n(o.expenses_due, l.length) })
+        ] }),
+        /* @__PURE__ */ t(r, { pt: 18, children: /* @__PURE__ */ t(h, { name: "equals" }) }),
+        /* @__PURE__ */ i(r, { pb: 14, pr: 24, pt: 12, children: [
+          /* @__PURE__ */ t(c, { amount: _, variant: "H2" }),
+          /* @__PURE__ */ i(r, { alignItems: "center", direction: "row", gap: 8, children: [
+            /* @__PURE__ */ t(d, { variant: "XSmall", whiteSpace: "nowrap", children: o.available_to_spend }),
+            /* @__PURE__ */ t(O, { body: o.tooltip_body, title: o.tooltip_title })
+          ] })
+        ] }),
+        /* @__PURE__ */ t(r, { borderLeft: `1px solid ${f.palette.border.light}`, pb: 12, pl: 24, pt: 12, children: I ? /* @__PURE__ */ i(A, { children: [
+          /* @__PURE__ */ t(m, { variant: "H2", children: n(o.days, C) }),
+          /* @__PURE__ */ t(d, { variant: "XSmall", whiteSpace: "nowrap", children: o.next_paycheck })
+        ] }) : /* @__PURE__ */ t(
+          R,
+          {
+            onClick: u,
+            startIcon: /* @__PURE__ */ t(h, { name: "add" }),
+            sx: { fontSize: 13, lineHeight: "initial" },
+            children: o.add_income
+          }
+        ) })
+      ]
+    }
+  ) : /* @__PURE__ */ i(r, { border: `1px solid ${f.palette.border.light}`, borderRadius: 1, children: [
+    /* @__PURE__ */ i(r, { direction: "row", justifyContent: "space-between", p: 16, children: [
+      /* @__PURE__ */ t(m, { variant: "Small", children: n(
+        o.total_cash_accounts,
+        y.length
+      ) }),
+      /* @__PURE__ */ t(c, { amount: B, bold: !0, variant: "XSmall" })
+    ] }),
+    /* @__PURE__ */ t(v, {}),
+    /* @__PURE__ */ i(r, { direction: "row", justifyContent: "space-between", p: 16, children: [
+      /* @__PURE__ */ t(m, { variant: "Small", children: n(o.expenses_due, l.length) }),
+      /* @__PURE__ */ t(c, { amount: s, bold: !0, symbol: "-", variant: "XSmall" })
+    ] }),
+    /* @__PURE__ */ t(v, {}),
+    /* @__PURE__ */ t(
+      r,
+      {
+        alignItems: "center",
+        bgcolor: "background.default",
+        direction: "row",
+        gap: 8,
+        height: 48,
+        justifyContent: "space-between",
+        px: 16,
+        sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
+        children: /* @__PURE__ */ t(K, { remaining: _ })
+      }
+    ),
+    /* @__PURE__ */ t(v, {}),
+    I ? /* @__PURE__ */ i(r, { direction: "row", justifyContent: "space-between", p: 16, children: [
+      /* @__PURE__ */ t(m, { variant: "Small", children: o.next_paycheck }),
+      /* @__PURE__ */ t(m, { bold: !0, variant: "XSmall", children: n(o.days, C) })
+    ] }) : /* @__PURE__ */ i(
+      r,
+      {
+        alignItems: "center",
+        direction: "row",
+        justifyContent: "space-between",
+        pl: 16,
+        pr: 2,
+        py: 2,
+        children: [
+          /* @__PURE__ */ t(m, { variant: "Small", children: o.next_paycheck }),
+          /* @__PURE__ */ t(
+            R,
+            {
+              onClick: u,
+              startIcon: /* @__PURE__ */ t(h, { name: "add" }),
+              sx: { fontSize: 13 },
+              children: o.add_income
+            }
+          )
+        ]
+      }
+    )
+  ] }) }) : /* @__PURE__ */ t(F, { height: T ? 210 : 120 });
+}, Zr = G(Q);
+export {
+  Zr as default
+};
+//# sourceMappingURL=CashflowWidgetContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CashflowWidgetContent.js","sources":["../../../src/cashflow/components/CashflowWidgetContent.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 Divider from '@mui/material/Divider'\nimport Stack from '@mui/material/Stack'\nimport useTheme from '@mui/material/styles/useTheme'\n\nimport { Icon, P, Text } from '@mxenabled/mxui'\n\nimport {\n  buildDynamicCopy,\n  InformationTooltip,\n  Loader,\n  useAccountStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useRecurringTransactionsStore,\n  useScreenSize,\n  useUserStore,\n  useWidgetContainerProvider,\n} from '../../common'\n\nimport { useCashflowUiStore } from '../context/hooks'\nimport { CurrencyText } from '../../common'\nimport RemainingCash from './RemainingCash'\n\ninterface CashflowWidgetContentProps {\n  onAddIncomeClick?: () => void\n}\n\nconst CashflowWidgetContent: React.FC<CashflowWidgetContentProps> = ({ onAddIncomeClick }) => {\n  const theme = useTheme()\n  const { availableWidth } = useWidgetContainerProvider()\n  const { isMobile } = useScreenSize()\n\n  const { visibleCashAccounts: cashAccounts, visibleCashBalance: cashBalance } = useAccountStore()\n  const { selectedAccountGuids } = useGlobalUiStore()\n  const { cashflow: customCopy } = useGlobalCopyStore()\n  const { userProfile } = useUserStore()\n  const {\n    daysUntilNextIncome,\n    expensesTilNextIncome,\n    selectedCashAccounts,\n    setNextIncome,\n    setSelectedCashAccounts,\n    setUpcomingExpenses,\n  } = useCashflowUiStore()\n  const { isDataLoaded, nextIncomeRecurrence, upcomingExpenses } = useRecurringTransactionsStore()\n\n  React.useEffect(() => {\n    setSelectedCashAccounts(\n      cashAccounts.filter((account) => selectedAccountGuids.includes(account.guid)),\n    )\n  }, [cashAccounts, selectedAccountGuids])\n\n  React.useEffect(() => {\n    if (nextIncomeRecurrence) {\n      setNextIncome(nextIncomeRecurrence)\n    }\n    setUpcomingExpenses(upcomingExpenses)\n  }, [nextIncomeRecurrence, upcomingExpenses])\n\n  const filteredCashBalance = React.useMemo(\n    () =>\n      cashAccounts\n        .filter((account) => selectedAccountGuids.includes(account.guid))\n        .reduce((total, account) => total + (account?.balance || 0), 0),\n    [selectedAccountGuids, upcomingExpenses],\n  )\n\n  const filteredExpenseTotal = React.useMemo(\n    () =>\n      expensesTilNextIncome\n        .filter((expense) => selectedAccountGuids.includes(expense.accountGuid || ''))\n        .reduce((acc, curr) => acc + curr.amount, 0),\n    [selectedAccountGuids, expensesTilNextIncome],\n  )\n\n  const availableToSpend = React.useMemo(\n    () => filteredCashBalance - filteredExpenseTotal,\n    [filteredCashBalance, filteredExpenseTotal],\n  )\n\n  const hasCompletedCashflowOnboarding =\n    userProfile?.has_completed_cash_flow_onboarding && !!onAddIncomeClick\n\n  if (!isDataLoaded) {\n    return <Loader height={isMobile ? 210 : 120} />\n  }\n\n  return (\n    <Box className=\"mx-cashflow\" pl={16} pr={16} pt={16}>\n      {availableWidth > 610 ? (\n        <Stack\n          border={`1px solid ${theme.palette.border.light}`}\n          borderRadius={1}\n          direction=\"row\"\n          justifyContent=\"space-between\"\n          px={24}\n        >\n          <Stack pb={14} pt={12}>\n            <CurrencyText amount={filteredCashBalance} variant=\"H2\" />\n            <P variant=\"XSmall\" whiteSpace=\"nowrap\">\n              {\n                buildDynamicCopy(\n                  customCopy.total_cash_accounts,\n                  selectedCashAccounts.length,\n                ) as string\n              }\n            </P>\n          </Stack>\n\n          <Stack pt={18}>\n            <Icon name=\"remove\" />\n          </Stack>\n\n          <Stack pb={14} pt={12}>\n            <CurrencyText amount={filteredExpenseTotal} variant=\"H2\" />\n            <P variant=\"XSmall\" whiteSpace=\"nowrap\">\n              {buildDynamicCopy(customCopy.expenses_due, expensesTilNextIncome.length) as string}\n            </P>\n          </Stack>\n\n          <Stack pt={18}>\n            <Icon name=\"equals\" />\n          </Stack>\n\n          <Stack pb={14} pr={24} pt={12}>\n            <CurrencyText amount={availableToSpend} variant=\"H2\" />\n            <Stack alignItems=\"center\" direction=\"row\" gap={8}>\n              <P variant=\"XSmall\" whiteSpace=\"nowrap\">\n                {customCopy.available_to_spend}\n              </P>\n              <InformationTooltip body={customCopy.tooltip_body} title={customCopy.tooltip_title} />\n            </Stack>\n          </Stack>\n\n          <Stack borderLeft={`1px solid ${theme.palette.border.light}`} pb={12} pl={24} pt={12}>\n            {!hasCompletedCashflowOnboarding ? (\n              <Button\n                onClick={onAddIncomeClick}\n                startIcon={<Icon name=\"add\" />}\n                sx={{ fontSize: 13, lineHeight: 'initial' }}\n              >\n                {customCopy.add_income}\n              </Button>\n            ) : (\n              <>\n                <Text variant=\"H2\">\n                  {buildDynamicCopy(customCopy.days, daysUntilNextIncome) as string}\n                </Text>\n                <P variant=\"XSmall\" whiteSpace=\"nowrap\">\n                  {customCopy.next_paycheck}\n                </P>\n              </>\n            )}\n          </Stack>\n        </Stack>\n      ) : (\n        <Stack border={`1px solid ${theme.palette.border.light}`} borderRadius={1}>\n          <Stack direction=\"row\" justifyContent=\"space-between\" p={16}>\n            <Text variant=\"Small\">\n              {\n                buildDynamicCopy(\n                  customCopy.total_cash_accounts,\n                  selectedCashAccounts.length,\n                ) as string\n              }\n            </Text>\n            <CurrencyText amount={cashBalance} bold={true} variant=\"XSmall\" />\n          </Stack>\n\n          <Divider />\n\n          <Stack direction=\"row\" justifyContent=\"space-between\" p={16}>\n            <Text variant=\"Small\">\n              {buildDynamicCopy(customCopy.expenses_due, expensesTilNextIncome.length) as string}\n            </Text>\n            <CurrencyText amount={filteredExpenseTotal} bold={true} symbol=\"-\" variant=\"XSmall\" />\n          </Stack>\n\n          <Divider />\n\n          <Stack\n            alignItems=\"center\"\n            bgcolor=\"background.default\"\n            direction=\"row\"\n            gap={8}\n            height={48}\n            justifyContent=\"space-between\"\n            px={16}\n            sx={{ borderBottomLeftRadius: 4, borderBottomRightRadius: 4 }}\n          >\n            <RemainingCash remaining={availableToSpend} />\n          </Stack>\n          <Divider />\n\n          {!hasCompletedCashflowOnboarding ? (\n            <Stack\n              alignItems=\"center\"\n              direction=\"row\"\n              justifyContent=\"space-between\"\n              pl={16}\n              pr={2}\n              py={2}\n            >\n              <Text variant=\"Small\">{customCopy.next_paycheck}</Text>\n              <Button\n                onClick={onAddIncomeClick}\n                startIcon={<Icon name=\"add\" />}\n                sx={{ fontSize: 13 }}\n              >\n                {customCopy.add_income}\n              </Button>\n            </Stack>\n          ) : (\n            <Stack direction=\"row\" justifyContent=\"space-between\" p={16}>\n              <Text variant=\"Small\">{customCopy.next_paycheck}</Text>\n              <Text bold={true} variant=\"XSmall\">\n                {buildDynamicCopy(customCopy.days, daysUntilNextIncome) as string}\n              </Text>\n            </Stack>\n          )}\n        </Stack>\n      )}\n    </Box>\n  )\n}\n\nexport default observer(CashflowWidgetContent)\n"],"names":["CashflowWidgetContent","onAddIncomeClick","theme","useTheme","availableWidth","useWidgetContainerProvider","isMobile","useScreenSize","cashAccounts","cashBalance","useAccountStore","selectedAccountGuids","useGlobalUiStore","customCopy","useGlobalCopyStore","userProfile","useUserStore","daysUntilNextIncome","expensesTilNextIncome","selectedCashAccounts","setNextIncome","setSelectedCashAccounts","setUpcomingExpenses","useCashflowUiStore","isDataLoaded","nextIncomeRecurrence","upcomingExpenses","useRecurringTransactionsStore","React","account","filteredCashBalance","total","filteredExpenseTotal","expense","acc","curr","availableToSpend","hasCompletedCashflowOnboarding","jsx","Box","jsxs","Stack","CurrencyText","P","buildDynamicCopy","Icon","InformationTooltip","Fragment","Text","Button","Divider","RemainingCash","Loader","CashflowWidgetContent$1","observer"],"mappings":"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"}

package/dist/cashflow/components/DetailsExpenseHeader.js

@@ -0,0 +1,190 @@
+import { jsxs as r, Fragment as s, jsx as i } from "react/jsx-runtime";
+import { observer as n } from "mobx-react-lite";
+import l from "@mui/material/Divider";
+import a from "@mui/material/ListSubheader";
+import { Text as m } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "react";
+import { formatCurrency as c } 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 { 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 "@mui/material/styles";
+import "@mui/x-charts";
+import "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+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 "../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";
+import { ExpenseType as p } from "./DetailsExpenseRow.js";
+const d = ({ total: e, type: o }) => {
+  const { cashflow: t } = f();
+  return /* @__PURE__ */ r(s, { children: [
+    /* @__PURE__ */ r(
+      a,
+      {
+        sx: {
+          alignItems: "center",
+          backgroundColor: "background.highlight",
+          display: "flex",
+          justifyContent: "space-between",
+          pb: 4,
+          pt: 12,
+          px: 24
+        },
+        children: [
+          /* @__PURE__ */ i(m, { bold: !0, sx: { fontSize: 12 }, children: o === p.EXPENSE ? t.expenses : t.income }),
+          /* @__PURE__ */ r(m, { bold: !0, sx: { fontSize: 13 }, children: [
+            o === p.EXPENSE ? "-" : "+",
+            c(e, "0,0.00")
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ i(l, {})
+  ] });
+}, ft = n(d);
+export {
+  ft as default
+};
+//# sourceMappingURL=DetailsExpenseHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsExpenseHeader.js","sources":["../../../src/cashflow/components/DetailsExpenseHeader.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport ListSubheader from '@mui/material/ListSubheader'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { formatCurrency, useGlobalCopyStore } from '../../common'\n\nimport { ExpenseType } from './DetailsExpenseRow'\n\ninterface DetailsExpenseHeaderProps {\n  total: number\n  type: ExpenseType\n}\n\nconst DetailsExpenseHeader: React.FC<DetailsExpenseHeaderProps> = ({ total, type }) => {\n  const { cashflow: customCopy } = useGlobalCopyStore()\n\n  return (\n    <>\n      <ListSubheader\n        sx={{\n          alignItems: 'center',\n          backgroundColor: 'background.highlight',\n          display: 'flex',\n          justifyContent: 'space-between',\n          pb: 4,\n          pt: 12,\n          px: 24,\n        }}\n      >\n        <Text bold={true} sx={{ fontSize: 12 }}>\n          {type === ExpenseType.EXPENSE ? customCopy.expenses : customCopy.income}\n        </Text>\n        <Text bold={true} sx={{ fontSize: 13 }}>\n          {type === ExpenseType.EXPENSE ? '-' : '+'}\n          {formatCurrency(total, '0,0.00')}\n        </Text>\n      </ListSubheader>\n      <Divider />\n    </>\n  )\n}\n\nexport default observer(DetailsExpenseHeader)\n"],"names":["DetailsExpenseHeader","total","type","customCopy","useGlobalCopyStore","jsxs","Fragment","ListSubheader","jsx","Text","ExpenseType","formatCurrency","Divider","DetailsExpenseHeader$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAMA,IAA4D,CAAC,EAAE,OAAAC,GAAO,MAAAC,QAAW;AACrF,QAAM,EAAE,UAAUC,EAAW,IAAIC,EAAmB;AAEpD,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,iBAAiB;AAAA,UACjB,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QACN;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAK,EAAA,MAAM,IAAM,IAAI,EAAE,UAAU,GAAA,GAC/B,UAAAP,MAASQ,EAAY,UAAUP,EAAW,WAAWA,EAAW,QACnE;AAAA,UACA,gBAAAE,EAACI,KAAK,MAAM,IAAM,IAAI,EAAE,UAAU,GAC/B,GAAA,UAAA;AAAA,YAASP,MAAAQ,EAAY,UAAU,MAAM;AAAA,YACrCC,EAAeV,GAAO,QAAQ;AAAA,UAAA,GACjC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,sBACCW,GAAQ,EAAA;AAAA,EACX,EAAA,CAAA;AAEJ,GAEeC,KAAAC,EAASd,CAAoB;"}