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

package/dist/trends/TrendsMicroWidget.js

@@ -0,0 +1,236 @@
+import { jsx as o, jsxs as A } from "react/jsx-runtime";
+import s from "react";
+import I from "@mui/material/Stack";
+import { subMonths as L } from "date-fns";
+import { observer as R } from "mobx-react-lite";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as c } 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/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 x, useEvent as v, useCategoryStore as N, useGlobalCopyStore as w, useGlobalUiStore 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/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../common/components/ErrorBoundary.js";
+import G from "../common/components/MicroWidgetContainer.js";
+import "@mui/material/Card";
+import "@mui/material/CardHeader";
+import "@mui/material/CardContent";
+import "../common/components/WidgetContainer.js";
+import "../common/components/ConnectDrawer.js";
+import "uuid";
+import P 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 "@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 "./TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import { TrendsMicroSpendingIncomeBox as u } from "./components/TrendsMicroSpendingIncomeBox.js";
+import { calculateRelativeChange as h } from "./utils/shared.js";
+import { getSpendingTotals as k, getIncomeTotals as j } from "./utils/SpendingData.js";
+import { ZeroStateMicroWidget as z } from "./ZeroStateMicroWidget.js";
+const Or = R(({ onCtaClick: f }) => {
+  const { visibleAccounts: r } = x(), { onEvent: l } = v(), { monthlyCategoryTotals: p, loadMonthlyCategoryTotals: S, monthlyTotalsLoaded: T } = N(), i = {
+    start: L(/* @__PURE__ */ new Date(), 1),
+    end: /* @__PURE__ */ new Date()
+  }, { trends: t } = w(), { selectedAccounts: d, setSelectedAccounts: _, isInitialized: m } = W();
+  s.useEffect(() => {
+    _(r);
+  }, [r]), s.useEffect(() => {
+    m && S(d, i.start).then(() => {
+      l(c.TRENDS_LOAD_WIDGET, {
+        state: r?.length ? "default" : "zeroState"
+      });
+    });
+  }, [m, d]);
+  const { spendingData: C, incomeData: b } = s.useMemo(
+    () => ({
+      spendingData: k(p, i),
+      incomeData: j(p, i)
+    }),
+    [p, i]
+  ), [g, e] = C, [y, n] = b, D = h(e.y, g.y), E = h(n.y, y.y), a = m && !r?.length, M = () => {
+    l(
+      a ? c.TRENDS_CLICK_GET_STARTED : c.TRENDS_CLICK_VIEW_MORE
+    ), f();
+  };
+  return !T || !m ? /* @__PURE__ */ o(P, {}) : /* @__PURE__ */ o(
+    G,
+    {
+      className: "mx-trends-microwidget",
+      ctaLabel: t.micro_primary_cta_label,
+      onCTAClick: M,
+      subHeader: a ? void 0 : t.micro_subheader,
+      title: t.title,
+      children: a ? /* @__PURE__ */ o(z, {}) : /* @__PURE__ */ A(
+        I,
+        {
+          sx: {
+            alignItems: "stretch",
+            flexDirection: "row",
+            gap: 12
+          },
+          children: [
+            /* @__PURE__ */ o(
+              u,
+              {
+                percentage: D,
+                secondaryLabel: t.micro_secondary_label,
+                shouldDisplayPercentage: e.y !== 0 && g.y !== 0,
+                title: t.spending_label,
+                totalAmount: e.y,
+                transactionType: "spending"
+              }
+            ),
+            /* @__PURE__ */ o(
+              u,
+              {
+                percentage: E,
+                secondaryLabel: t.micro_secondary_label,
+                shouldDisplayPercentage: n.y !== 0 && y.y !== 0,
+                title: t.income_label,
+                totalAmount: n.y,
+                transactionType: "income"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+});
+export {
+  Or as TrendsMicroWidget
+};
+//# sourceMappingURL=TrendsMicroWidget.js.map

package/dist/trends/TrendsMicroWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendsMicroWidget.js","sources":["../../src/trends/TrendsMicroWidget.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport { subMonths } from 'date-fns'\n\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  ANALYTICS_EVENTS,\n  Loader,\n  MicroWidgetContainer,\n  useAccountStore,\n  useCategoryStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n} from '../common'\n\nimport { TrendsMicroSpendingIncomeBox } from './components/TrendsMicroSpendingIncomeBox'\nimport { calculateRelativeChange } from './utils/shared'\nimport { getIncomeTotals, getSpendingTotals } from './utils/SpendingData'\nimport { ZeroStateMicroWidget } from './ZeroStateMicroWidget'\n\ninterface TrendsMicroWidgetProps {\n  onCtaClick: () => void\n}\nexport const TrendsMicroWidget = observer(({ onCtaClick }: TrendsMicroWidgetProps) => {\n  const { visibleAccounts: accounts } = useAccountStore()\n\n  const { onEvent } = useEvent()\n  const { monthlyCategoryTotals, loadMonthlyCategoryTotals, monthlyTotalsLoaded } =\n    useCategoryStore()\n\n  const dateRange = {\n    start: subMonths(new Date(), 1),\n    end: new Date(),\n  }\n\n  const { trends: trendsCopy } = useGlobalCopyStore()\n\n  const { selectedAccounts, setSelectedAccounts, isInitialized } = useGlobalUiStore()\n\n  React.useEffect(() => {\n    setSelectedAccounts(accounts)\n  }, [accounts])\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadMonthlyCategoryTotals(selectedAccounts, dateRange.start).then(() => {\n        onEvent(ANALYTICS_EVENTS.TRENDS_LOAD_WIDGET, {\n          state: !accounts?.length ? 'zeroState' : 'default',\n        })\n      })\n    }\n  }, [isInitialized, selectedAccounts])\n\n  const { spendingData, incomeData } = React.useMemo(\n    () => ({\n      spendingData: getSpendingTotals(monthlyCategoryTotals, dateRange),\n      incomeData: getIncomeTotals(monthlyCategoryTotals, dateRange),\n    }),\n    [monthlyCategoryTotals, dateRange],\n  )\n\n  const [lastMonthSpending, thisMonthSpending] = spendingData\n  const [lastMonthIncome, thisMonthIncome] = incomeData\n\n  const spendingPercentage = calculateRelativeChange(thisMonthSpending.y, lastMonthSpending.y)\n  const incomePercentage = calculateRelativeChange(thisMonthIncome.y, lastMonthIncome.y)\n\n  const showZeroState = isInitialized && !accounts?.length\n\n  const handleCtaClick = () => {\n    onEvent(\n      showZeroState\n        ? ANALYTICS_EVENTS.TRENDS_CLICK_GET_STARTED\n        : ANALYTICS_EVENTS.TRENDS_CLICK_VIEW_MORE,\n    )\n    onCtaClick()\n  }\n\n  if (!monthlyTotalsLoaded || !isInitialized) return <Loader />\n\n  return (\n    <MicroWidgetContainer\n      className=\"mx-trends-microwidget\"\n      ctaLabel={trendsCopy.micro_primary_cta_label}\n      onCTAClick={handleCtaClick}\n      subHeader={!showZeroState ? trendsCopy.micro_subheader : undefined}\n      title={trendsCopy.title}\n    >\n      {!showZeroState ? (\n        <Stack\n          sx={{\n            alignItems: 'stretch',\n            flexDirection: 'row',\n            gap: 12,\n          }}\n        >\n          <TrendsMicroSpendingIncomeBox\n            percentage={spendingPercentage}\n            secondaryLabel={trendsCopy.micro_secondary_label}\n            shouldDisplayPercentage={thisMonthSpending.y !== 0 && lastMonthSpending.y !== 0}\n            title={trendsCopy.spending_label}\n            totalAmount={thisMonthSpending.y}\n            transactionType={'spending'}\n          />\n          <TrendsMicroSpendingIncomeBox\n            percentage={incomePercentage}\n            secondaryLabel={trendsCopy.micro_secondary_label}\n            shouldDisplayPercentage={thisMonthIncome.y !== 0 && lastMonthIncome.y !== 0}\n            title={trendsCopy.income_label}\n            totalAmount={thisMonthIncome.y}\n            transactionType={'income'}\n          />\n        </Stack>\n      ) : (\n        <ZeroStateMicroWidget />\n      )}\n    </MicroWidgetContainer>\n  )\n})\n"],"names":["TrendsMicroWidget","observer","onCtaClick","accounts","useAccountStore","onEvent","useEvent","monthlyCategoryTotals","loadMonthlyCategoryTotals","monthlyTotalsLoaded","useCategoryStore","dateRange","subMonths","trendsCopy","useGlobalCopyStore","selectedAccounts","setSelectedAccounts","isInitialized","useGlobalUiStore","React","ANALYTICS_EVENTS","spendingData","incomeData","getSpendingTotals","getIncomeTotals","lastMonthSpending","thisMonthSpending","lastMonthIncome","thisMonthIncome","spendingPercentage","calculateRelativeChange","incomePercentage","showZeroState","handleCtaClick","Loader","jsx","MicroWidgetContainer","ZeroStateMicroWidget","jsxs","Stack","TrendsMicroSpendingIncomeBox"],"mappings":"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"}

package/dist/trends/TrendsMiniWidget.js

@@ -0,0 +1,180 @@
+import { jsx as t } from "react/jsx-runtime";
+import p from "react";
+import { observer as u } 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 f, useCategoryStore as y, useGlobalStore as b, useGlobalCopyStore as C, useGlobalUiStore as S } 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 g from "../common/components/MiniWidgetContainer.js";
+import "../common/components/WidgetContainer.js";
+import "../common/components/ConnectDrawer.js";
+import "uuid";
+import e 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 "./TrendsFullWidget.js";
+import "./TrendsMicroWidget.js";
+import "./TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import T from "./components/SpendingChart.js";
+const h = ({ onPrimaryCtaClick: s, sx: n }) => {
+  const { visibleAccounts: i } = f(), { loadMonthlyCategoryTotals: a, monthlyTotalsLoaded: c } = y(), { isInitialized: o } = b(), { trends: r } = C(), { isCopyLoaded: l, selectedAccounts: m, setSelectedAccounts: d } = S();
+  return p.useEffect(() => {
+    d(i);
+  }, [i]), p.useEffect(() => {
+    o && a(m).finally();
+  }, [o, m]), !l || !o ? /* @__PURE__ */ t(e, {}) : /* @__PURE__ */ t(
+    g,
+    {
+      onPrimaryCtaClick: s,
+      primaryCtaLabel: r.primary_cta,
+      subTitle: r.sub_title,
+      sx: n,
+      title: r.mini_title,
+      children: c ? /* @__PURE__ */ t(T, {}) : /* @__PURE__ */ t(e, {})
+    }
+  );
+}, gr = u(h);
+export {
+  gr as default
+};
+//# sourceMappingURL=TrendsMiniWidget.js.map

package/dist/trends/TrendsMiniWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendsMiniWidget.js","sources":["../../src/trends/TrendsMiniWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  Loader,\n  MiniWidgetContainer,\n  MiniWidgetProps,\n  useAccountStore,\n  useCategoryStore,\n  useGlobalCopyStore,\n  useGlobalStore,\n  useGlobalUiStore,\n} from '../common'\n\nimport SpendingChart from './components/SpendingChart'\n\nconst TrendsMiniWidget: React.FC<MiniWidgetProps> = ({ onPrimaryCtaClick, sx }) => {\n  const { visibleAccounts: accounts } = useAccountStore()\n  const { loadMonthlyCategoryTotals, monthlyTotalsLoaded } = useCategoryStore()\n  const { isInitialized } = useGlobalStore()\n  const { trends: trendsCopy } = useGlobalCopyStore()\n  const { isCopyLoaded, selectedAccounts, setSelectedAccounts } = useGlobalUiStore()\n\n  // TODO: Optimize by avoiding setting this on each widget individually.\n  React.useEffect(() => {\n    setSelectedAccounts(accounts)\n  }, [accounts])\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadMonthlyCategoryTotals(selectedAccounts).finally()\n    }\n  }, [isInitialized, selectedAccounts])\n\n  if (!isCopyLoaded || !isInitialized) {\n    return <Loader />\n  }\n\n  return (\n    <MiniWidgetContainer\n      onPrimaryCtaClick={onPrimaryCtaClick}\n      primaryCtaLabel={trendsCopy.primary_cta}\n      subTitle={trendsCopy.sub_title}\n      sx={sx}\n      title={trendsCopy.mini_title}\n    >\n      {!monthlyTotalsLoaded ? <Loader /> : <SpendingChart />}\n    </MiniWidgetContainer>\n  )\n}\n\nexport default observer(TrendsMiniWidget)\n"],"names":["TrendsMiniWidget","onPrimaryCtaClick","sx","accounts","useAccountStore","loadMonthlyCategoryTotals","monthlyTotalsLoaded","useCategoryStore","isInitialized","useGlobalStore","trendsCopy","useGlobalCopyStore","isCopyLoaded","selectedAccounts","setSelectedAccounts","useGlobalUiStore","React","Loader","jsx","MiniWidgetContainer","SpendingChart","TrendsMiniWidget$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,IAA8C,CAAC,EAAE,mBAAAC,GAAmB,IAAAC,QAAS;AACjF,QAAM,EAAE,iBAAiBC,EAAS,IAAIC,EAAgB,GAChD,EAAE,2BAAAC,GAA2B,qBAAAC,EAAoB,IAAIC,EAAiB,GACtE,EAAE,eAAAC,MAAkBC,KACpB,EAAE,QAAQC,EAAW,IAAIC,EAAmB,GAC5C,EAAE,cAAAC,GAAc,kBAAAC,GAAkB,qBAAAC,MAAwBC,EAAiB;AAa7E,SAVJC,EAAM,UAAU,MAAM;AACpB,IAAAF,EAAoBX,CAAQ;AAAA,EAAA,GAC3B,CAACA,CAAQ,CAAC,GAEba,EAAM,UAAU,MAAM;AACpB,IAAIR,KACwBH,EAAAQ,CAAgB,EAAE;EAC9C,GACC,CAACL,GAAeK,CAAgB,CAAC,GAEhC,CAACD,KAAgB,CAACJ,sBACZS,GAAO,CAAA,CAAA,IAIf,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,mBAAAlB;AAAA,MACA,iBAAiBS,EAAW;AAAA,MAC5B,UAAUA,EAAW;AAAA,MACrB,IAAAR;AAAA,MACA,OAAOQ,EAAW;AAAA,MAEjB,UAACJ,sBAAoCc,GAAc,EAAA,IAA5B,gBAAAF,EAACD,GAAO,CAAA,CAAA;AAAA,IAAoB;AAAA,EAAA;AAG1D,GAEeI,KAAAC,EAAStB,CAAgB;"}