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

package/dist/spending/SpendingMiniWidget.js

@@ -0,0 +1,179 @@
+import { jsx as i } from "react/jsx-runtime";
+import s from "react";
+import { observer as c } from "mobx-react-lite";
+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 { useAccountStore as a, useGlobalCopyStore as d, useGlobalUiStore as l } 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 f from "../common/components/MiniWidgetContainer.js";
+import "../common/components/WidgetContainer.js";
+import "../common/components/ConnectDrawer.js";
+import "uuid";
+import u 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 "../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 "../trends/TrendsFullWidget.js";
+import "../trends/TrendsMiniWidget.js";
+import "../trends/TrendsMicroWidget.js";
+import "../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import g from "./components/MiniSpendingChart.js";
+const S = ({ onPrimaryCtaClick: r, sx: m = {} }) => {
+  const { visibleAccounts: t } = a(), { spending: o } = d(), { isCopyLoaded: p, isInitialized: e, setSelectedAccounts: n } = l();
+  return s.useEffect(() => {
+    n(t);
+  }, [t]), !p || !e ? /* @__PURE__ */ i(u, {}) : /* @__PURE__ */ i(
+    f,
+    {
+      className: "mx-exp-spending-miniwidget",
+      onPrimaryCtaClick: r,
+      primaryCtaLabel: o.primary_cta,
+      sx: m,
+      title: o.mini_title,
+      children: /* @__PURE__ */ i(g, {})
+    }
+  );
+}, go = c(S);
+export {
+  go as default
+};
+//# sourceMappingURL=SpendingMiniWidget.js.map

package/dist/spending/SpendingMiniWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpendingMiniWidget.js","sources":["../../src/spending/SpendingMiniWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  Loader,\n  MiniWidgetContainer,\n  MiniWidgetProps,\n  useAccountStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n} from '../common'\n\nimport MiniSpendingChart from './components/MiniSpendingChart'\n\nconst SpendingMiniWidget: React.FC<MiniWidgetProps> = ({ onPrimaryCtaClick, sx = {} }) => {\n  const { visibleAccounts: accounts } = useAccountStore()\n  const { spending: spendingCopy } = useGlobalCopyStore()\n  const { isCopyLoaded, isInitialized, setSelectedAccounts } = useGlobalUiStore()\n\n  // TODO: Optimize by avoiding setting this on each widget individually.\n  React.useEffect(() => {\n    setSelectedAccounts(accounts)\n  }, [accounts])\n\n  if (!isCopyLoaded || !isInitialized) {\n    return <Loader />\n  }\n\n  return (\n    <MiniWidgetContainer\n      className=\"mx-exp-spending-miniwidget\"\n      onPrimaryCtaClick={onPrimaryCtaClick}\n      primaryCtaLabel={spendingCopy.primary_cta}\n      sx={sx}\n      title={spendingCopy.mini_title}\n    >\n      <MiniSpendingChart />\n    </MiniWidgetContainer>\n  )\n}\n\nexport default observer(SpendingMiniWidget)\n"],"names":["SpendingMiniWidget","onPrimaryCtaClick","sx","accounts","useAccountStore","spendingCopy","useGlobalCopyStore","isCopyLoaded","isInitialized","setSelectedAccounts","useGlobalUiStore","React","Loader","jsx","MiniWidgetContainer","MiniSpendingChart","SpendingMiniWidget$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAMA,IAAgD,CAAC,EAAE,mBAAAC,GAAmB,IAAAC,IAAK,SAAS;AACxF,QAAM,EAAE,iBAAiBC,EAAS,IAAIC,EAAgB,GAChD,EAAE,UAAUC,EAAa,IAAIC,EAAmB,GAChD,EAAE,cAAAC,GAAc,eAAAC,GAAe,qBAAAC,MAAwBC,EAAiB;AAO1E,SAJJC,EAAM,UAAU,MAAM;AACpB,IAAAF,EAAoBN,CAAQ;AAAA,EAAA,GAC3B,CAACA,CAAQ,CAAC,GAET,CAACI,KAAgB,CAACC,sBACZI,GAAO,CAAA,CAAA,IAIf,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,mBAAAb;AAAA,MACA,iBAAiBI,EAAa;AAAA,MAC9B,IAAAH;AAAA,MACA,OAAOG,EAAa;AAAA,MAEpB,4BAACU,GAAkB,EAAA;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEeC,KAAAC,EAASjB,CAAkB;"}

package/dist/spending/SpendingWidget.js

@@ -0,0 +1,186 @@
+import { jsx as t } from "react/jsx-runtime";
+import i from "react";
+import { observer as h } from "mobx-react-lite";
+import { startOfMonth as C } from "date-fns/startOfMonth";
+import { startOfToday as e } from "date-fns/startOfToday";
+import { endOfMonth as E } from "date-fns/endOfMonth";
+import I from "@mui/material/Box";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as n } from "../common/constants/Analytics.js";
+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/fromUnixTime";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../common/components/accountfilter/AccountFilterOptions.js";
+import { useAccountStore as A, useGlobalCopyStore as v, useGlobalUiStore as N, useEvent as W } from "../common/context/hooks.js";
+import "../common/context/GlobalDataProvider.js";
+import "../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "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 y from "../common/components/WidgetContainer.js";
+import "../common/components/ConnectDrawer.js";
+import "uuid";
+import D 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 "../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 "../trends/TrendsFullWidget.js";
+import "../trends/TrendsMiniWidget.js";
+import "../trends/TrendsMicroWidget.js";
+import "../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import L from "./components/Spending.js";
+const b = ({ onBackClick: s, sx: c = {} }) => {
+  const { visibleAccounts: o } = A(), { spending: d } = v(), { isCopyLoaded: a, isInitialized: l, setDisplayedDate: r, setSelectedAccounts: f } = N(), { onEvent: m } = W(), [u, g] = i.useState(!1);
+  i.useEffect(() => {
+    f(o);
+  }, [o]), i.useEffect(() => {
+    r(C(e()), E(e())), g(!0), m(n.SPENDING_VIEW);
+  }, []);
+  const S = (p) => {
+    r(p[0], p[1]);
+  };
+  return !a || !l || !u ? /* @__PURE__ */ t(D, {}) : /* @__PURE__ */ t(
+    y,
+    {
+      accountOptions: o,
+      calendarActions: { onRangeChanged: S },
+      onAccountsFilterClick: () => m(n.SPENDING_CLICK_FILTER),
+      onBackClick: s,
+      sx: c,
+      title: d.title,
+      children: /* @__PURE__ */ t(I, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(L, {}) })
+    }
+  );
+}, Li = h(b);
+export {
+  Li as default
+};
+//# sourceMappingURL=SpendingWidget.js.map

package/dist/spending/SpendingWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpendingWidget.js","sources":["../../src/spending/SpendingWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { endOfMonth } from 'date-fns/endOfMonth'\n\nimport Box from '@mui/material/Box'\n\nimport type { DateRange } from '@mui/x-date-pickers-pro'\n\nimport {\n  Loader,\n  useAccountStore,\n  useGlobalUiStore,\n  WidgetContainer,\n  useEvent,\n  ANALYTICS_EVENTS,\n  useGlobalCopyStore,\n} from '../common'\n\nimport type { WidgetProps } from '../common'\n\nimport Spending from './components/Spending'\n\ninterface RSpendingWidgetProps extends WidgetProps {\n  onBackClick?: () => void\n}\n\nconst SpendingWidget: React.FC<RSpendingWidgetProps> = ({ onBackClick, sx = {} }) => {\n  const { visibleAccounts: accounts } = useAccountStore()\n  const { spending: spendingCopy } = useGlobalCopyStore()\n  const { isCopyLoaded, isInitialized, setDisplayedDate, setSelectedAccounts } = useGlobalUiStore()\n  const { onEvent } = useEvent()\n\n  const [isWidgetInitialized, setIsWidgetInitialized] = React.useState(false)\n\n  React.useEffect(() => {\n    setSelectedAccounts(accounts)\n  }, [accounts])\n\n  React.useEffect(() => {\n    setDisplayedDate(startOfMonth(startOfToday()), endOfMonth(startOfToday()))\n    setIsWidgetInitialized(true)\n    onEvent(ANALYTICS_EVENTS.SPENDING_VIEW)\n  }, [])\n\n  const handleDateChanged = (range: DateRange<Date>) => {\n    setDisplayedDate(range[0] as Date, range[1] as Date)\n  }\n\n  if (!isCopyLoaded || !isInitialized || !isWidgetInitialized) {\n    return <Loader />\n  }\n\n  return (\n    <WidgetContainer\n      accountOptions={accounts}\n      calendarActions={{ onRangeChanged: handleDateChanged }}\n      onAccountsFilterClick={() => onEvent(ANALYTICS_EVENTS.SPENDING_CLICK_FILTER)}\n      onBackClick={onBackClick}\n      sx={sx}\n      title={spendingCopy.title}\n    >\n      <Box height=\"calc(100dvh - 150px)\" overflow=\"scroll\" width=\"100%\">\n        <Spending />\n      </Box>\n    </WidgetContainer>\n  )\n}\n\nexport default observer(SpendingWidget)\n"],"names":["SpendingWidget","onBackClick","sx","accounts","useAccountStore","spendingCopy","useGlobalCopyStore","isCopyLoaded","isInitialized","setDisplayedDate","setSelectedAccounts","useGlobalUiStore","onEvent","useEvent","isWidgetInitialized","setIsWidgetInitialized","React","startOfMonth","startOfToday","endOfMonth","ANALYTICS_EVENTS","handleDateChanged","range","Loader","jsx","WidgetContainer","Box","Spending","SpendingWidget$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAMA,IAAiD,CAAC,EAAE,aAAAC,GAAa,IAAAC,IAAK,SAAS;AACnF,QAAM,EAAE,iBAAiBC,EAAS,IAAIC,EAAgB,GAChD,EAAE,UAAUC,EAAa,IAAIC,EAAmB,GAChD,EAAE,cAAAC,GAAc,eAAAC,GAAe,kBAAAC,GAAkB,qBAAAC,EAAA,IAAwBC,KACzE,EAAE,SAAAC,MAAYC,KAEd,CAACC,GAAqBC,CAAsB,IAAIC,EAAM,SAAS,EAAK;AAE1E,EAAAA,EAAM,UAAU,MAAM;AACpB,IAAAN,EAAoBP,CAAQ;AAAA,EAAA,GAC3B,CAACA,CAAQ,CAAC,GAEba,EAAM,UAAU,MAAM;AACpB,IAAAP,EAAiBQ,EAAaC,EAAc,CAAA,GAAGC,EAAWD,EAAc,CAAA,CAAC,GACzEH,EAAuB,EAAI,GAC3BH,EAAQQ,EAAiB,aAAa;AAAA,EACxC,GAAG,CAAE,CAAA;AAEC,QAAAC,IAAoB,CAACC,MAA2B;AACpD,IAAAb,EAAiBa,EAAM,CAAC,GAAWA,EAAM,CAAC,CAAS;AAAA,EAAA;AAGrD,SAAI,CAACf,KAAgB,CAACC,KAAiB,CAACM,sBAC9BS,GAAO,CAAA,CAAA,IAIf,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBtB;AAAA,MAChB,iBAAiB,EAAE,gBAAgBkB,EAAkB;AAAA,MACrD,uBAAuB,MAAMT,EAAQQ,EAAiB,qBAAqB;AAAA,MAC3E,aAAAnB;AAAA,MACA,IAAAC;AAAA,MACA,OAAOG,EAAa;AAAA,MAEpB,UAAA,gBAAAmB,EAACE,GAAI,EAAA,QAAO,wBAAuB,UAAS,UAAS,OAAM,QACzD,UAAC,gBAAAF,EAAAG,GAAA,CAAA,CAAS,EACZ,CAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeC,KAAAC,EAAS7B,CAAc;"}

package/dist/spending/components/MiniSpendingChart.js

@@ -0,0 +1,261 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import r from "react";
+import { observer as v } from "mobx-react-lite";
+import { startOfMonth as x } from "date-fns/startOfMonth";
+import { endOfMonth as I } from "date-fns/endOfMonth";
+import h from "@mui/material/Box";
+import M from "@mui/material/Stack";
+import S from "@mui/material/Tab";
+import R from "@mui/material/Tabs";
+import A from "@mui/material/styles/useTheme";
+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/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as G, useGlobalUiStore as O, useCategoryStore as k } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "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/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 B 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 "../../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 "../../trends/TrendsFullWidget.js";
+import "../../trends/TrendsMiniWidget.js";
+import "../../trends/TrendsMicroWidget.js";
+import "../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import { getSpendingData as E, getIncomeData as U } from "../utils/SpendingData.js";
+import b from "./SpendingTabLabel.js";
+import C from "./SpendingDonut.js";
+import T from "./SpendingLegend.js";
+const W = () => {
+  const o = A(), { goals: y, spending: m } = G(), { selectedAccounts: g } = O(), {
+    categories: p,
+    dateRangeCategoryTotals: e,
+    dataRangeTotalsLoaded: D,
+    loadDateRangeCategoryTotals: _
+  } = k(), f = r.useMemo(
+    () => [
+      o.palette.chartMono.chartMono5,
+      o.palette.chartMono.chartMono4,
+      o.palette.chartMono.chartMono3,
+      o.palette.chartMono.chartMono2,
+      o.palette.chartMono.chartMono1,
+      o.palette.chartMono.chartMono6
+    ],
+    [o]
+  );
+  r.useEffect(() => {
+    _(
+      g,
+      x(/* @__PURE__ */ new Date()),
+      I(/* @__PURE__ */ new Date())
+    ).finally();
+  }, [g]);
+  const [i, u] = r.useState(""), [l, L] = r.useState(0), c = r.useMemo(
+    () => E(p, y, o, e),
+    [p, e]
+  ), s = r.useMemo(
+    () => U(p, e, f),
+    [p, e, f]
+  ), w = (d, j) => {
+    L(j), u("");
+  }, a = (d) => {
+    u(i === d ? "" : d);
+  };
+  return D ? /* @__PURE__ */ n(h, { width: "100%", children: [
+    /* @__PURE__ */ n(R, { onChange: w, value: l, variant: "fullWidth", children: [
+      /* @__PURE__ */ t(
+        S,
+        {
+          label: /* @__PURE__ */ t(
+            b,
+            {
+              amount: c.totalAmount,
+              label: m.spend_tab_title
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ t(
+        S,
+        {
+          label: /* @__PURE__ */ t(
+            b,
+            {
+              amount: s.totalAmount,
+              label: m.income_tab_title
+            }
+          )
+        }
+      )
+    ] }),
+    l === 0 && /* @__PURE__ */ t(h, { children: /* @__PURE__ */ n(M, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+      /* @__PURE__ */ t(
+        C,
+        {
+          data: c,
+          onSelected: a,
+          selectedId: i,
+          totalLabel: m.total_spending
+        }
+      ),
+      /* @__PURE__ */ t(
+        T,
+        {
+          data: c,
+          onSelected: a,
+          selectedId: i
+        }
+      )
+    ] }) }),
+    l === 1 && /* @__PURE__ */ t(h, { children: /* @__PURE__ */ n(M, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+      /* @__PURE__ */ t(
+        C,
+        {
+          data: s,
+          isIncome: !0,
+          onSelected: a,
+          selectedId: i,
+          totalLabel: m.total_income
+        }
+      ),
+      /* @__PURE__ */ t(T, { data: s, onSelected: a, selectedId: i })
+    ] }) })
+  ] }) : /* @__PURE__ */ t(B, { height: 250 });
+}, $r = v(W);
+export {
+  $r as default
+};
+//# sourceMappingURL=MiniSpendingChart.js.map