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

package/dist/trends/TrendsWidget.js

@@ -0,0 +1,319 @@
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { observer as Q } from "mobx-react-lite";
+import m from "react";
+import { addSeconds as X } from "date-fns/addSeconds";
+import { differenceInCalendarMonths as Z } from "date-fns/differenceInCalendarMonths";
+import x from "@mui/material/Box";
+import a from "@mui/material/Stack";
+import w from "@mui/material/Button";
+import { useTheme as tt } from "@mui/material/styles";
+import { Icon as ot } from "@mxenabled/mxui";
+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/Tooltip";
+import "@mui/material/IconButton";
+import "../common/components/accountfilter/AccountFilterOptions.js";
+import { useInsightsEnabled as rt } from "../common/hooks/useInsightsEnabled.js";
+import { useScreenSize as it } 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/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 { useEvent as et, useAccountStore as mt, useCategoryStore as pt, useTransactionStore as st, useTrendsStore as nt, useGlobalUiStore as at, useGlobalCopyStore as ct } from "../common/context/hooks.js";
+import "../common/context/GlobalDataProvider.js";
+import "../common/context/WidgetContainerProvider.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 lt from "../common/components/WidgetContainer.js";
+import "../common/components/ConnectDrawer.js";
+import "uuid";
+import dt 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 { EmptyState as gt } from "../common/components/EmptyState.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 "../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 { getCategoryColor as ut } from "../categories/util/CategoryUtil.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 "date-fns/getMonth";
+import ft from "./components/DateRangeText.js";
+import ht from "./components/TrendsViewToggle.js";
+import Ct from "./components/TrendsTable.js";
+import yt from "./components/TrendsDrawer.js";
+import Tt from "./components/CategoriesList.js";
+import St from "./components/TrendsInsights.js";
+import _t from "./components/CategoryDetailDrawer.js";
+import Dt from "./components/TrendsChartTotals.js";
+const bt = ({ onBackClick: E, onInsightCardClick: I, sx: L }) => {
+  const { onEvent: u } = et(), R = tt(), { isLargeDesktop: k, isDesktop: A, isMobile: c } = it(), { visibleAccounts: f } = mt(), { loadMonthlyCategoryTotals: v, monthlyCategoryTotals: s } = pt(), { setFilter: G, sortedTransactions: y } = st(), { selectedDateRange: r, setSelectedCategoryData: T, setSelectedDateRange: N } = nt(), {
+    isCopyLoaded: W,
+    isInitialized: h,
+    selectedAccounts: S,
+    selectedAccountGuids: z,
+    setSelectedAccounts: B
+  } = at(), { trends: p } = ct(), F = rt(), l = A || k, [M, O] = m.useState(!1), [j, _] = m.useState(!1), [d, K] = m.useState("Chart"), [g, D] = m.useState(""), [V, b] = m.useState(!1);
+  m.useEffect(() => {
+    B(f);
+  }, [f]), m.useEffect(() => {
+    h && v(
+      S,
+      r.start,
+      r.end
+    ).finally(() => {
+      O(!0);
+    });
+  }, [h, S, r]), m.useEffect(() => {
+    if (s.length !== 0) {
+      const i = {
+        accounts: z,
+        dateRange: { start: r.start, end: r.end }
+      };
+      G({
+        ...i,
+        custom: (o) => !!s.find(
+          (n) => n.top_level_category_guid === o.top_level_category_guid || n.category_guid === o.category_guid
+        )
+      });
+    }
+  }, [s]);
+  const $ = (i) => {
+    const o = i;
+    o.color = ut(o.guid, R), o.chartLabel = i.name === "Income" ? p.monthly_income : p.monthly_spending, T(o), b(!0);
+  }, U = () => {
+    T(null), b(!1);
+  }, Y = (i, o) => {
+    K(o ?? d), u(C.TRENDS_CLICK_TOGGLE);
+  }, q = (i) => {
+    const o = X(i?.[0], 1), n = i?.[1], P = Z(n, o);
+    N({ start: o, end: n }), u(C.TRENDS_CLICK_DATE, {
+      time_period: P + "M"
+    });
+  }, H = () => {
+    u(C.TRENDS_CLICK_FILTER);
+  }, J = (i) => {
+    D(i);
+  };
+  return !W || !h || !M ? /* @__PURE__ */ t(dt, {}) : s.length === 0 ? /* @__PURE__ */ t(
+    gt,
+    {
+      header: "",
+      icon: "",
+      onClick: () => {
+      },
+      primaryButton: p.empty_state_primary,
+      subText: p.empty_state_sub_text
+    }
+  ) : /* @__PURE__ */ e(
+    lt,
+    {
+      accountOptions: f,
+      calendarActions: { onRangeChanged: q },
+      dateRange: r,
+      dateRangeVariant: c ? "timeframetabs" : "timeframebuttons",
+      onAccountsFilterClick: H,
+      onBackClick: E,
+      sx: L,
+      title: p.title,
+      children: [
+        /* @__PURE__ */ e(
+          a,
+          {
+            sx: {
+              px: c ? 0 : 48
+            },
+            children: [
+              /* @__PURE__ */ e(
+                a,
+                {
+                  flexDirection: "row",
+                  justifyContent: "space-between",
+                  sx: { pb: c ? 12 : 24, pt: c ? 24 : 48 },
+                  children: [
+                    /* @__PURE__ */ t(
+                      ft,
+                      {
+                        selectedCategoryGuid: g,
+                        selectedDateRange: r
+                      }
+                    ),
+                    /* @__PURE__ */ t(ht, { onTabChange: Y, selectedTab: d })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e(a, { alignItems: "center", flexDirection: "row", width: "100%", children: [
+                /* @__PURE__ */ t(x, { flexGrow: 1, children: g && /* @__PURE__ */ e(w, { onClick: () => D(""), sx: { p: 0, pr: 5 }, children: [
+                  /* @__PURE__ */ t(ot, { name: "arrow_back" }),
+                  p.all_categories
+                ] }) }),
+                /* @__PURE__ */ t(w, { onClick: () => _(!0), sx: { px: 5 }, children: `${p.view_transactions} (${y.length})` })
+              ] }),
+              /* @__PURE__ */ e(a, { flexDirection: l ? "row" : "column", gap: l ? 48 : 16, children: [
+                /* @__PURE__ */ e(x, { sx: { width: l ? "68%" : "100%" }, children: [
+                  d === "Chart" && /* @__PURE__ */ t(
+                    Dt,
+                    {
+                      selectedDateRange: r,
+                      totals: s
+                    }
+                  ),
+                  d === "Table" && /* @__PURE__ */ t(
+                    Ct,
+                    {
+                      height: "unset",
+                      monthlyCategoryTotals: s,
+                      onClickRow: J,
+                      selectedCategory: g,
+                      selectedDateRange: r
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e(a, { gap: 16, sx: { width: l ? "32%" : "100%" }, children: [
+                  F && /* @__PURE__ */ t(St, { onInsightCardClick: I }),
+                  /* @__PURE__ */ t(Tt, { onListItemClick: $, transactions: y })
+                ] })
+              ] })
+            ]
+          }
+        ),
+        V && /* @__PURE__ */ t(_t, { onClose: U }),
+        /* @__PURE__ */ t(
+          yt,
+          {
+            categoryGuid: g,
+            dateRange: r,
+            isOpen: j,
+            onClose: () => _(!1)
+          }
+        )
+      ]
+    }
+  );
+}, Gi = Q(bt);
+export {
+  Gi as default
+};
+//# sourceMappingURL=TrendsWidget.js.map

package/dist/trends/TrendsWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendsWidget.js","sources":["../../src/trends/TrendsWidget.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\nimport { addSeconds } from 'date-fns/addSeconds'\nimport { differenceInCalendarMonths } from 'date-fns/differenceInCalendarMonths'\n\nimport { DateRange } from '@mui/x-date-pickers-pro'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport Button from '@mui/material/Button'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Icon } from '@mxenabled/mxui'\n\nimport {\n  ANALYTICS_EVENTS,\n  CategoryListItem,\n  EmptyState,\n  Loader,\n  Transaction,\n  WidgetContainer,\n  WidgetProps,\n  useAccountStore,\n  useEvent,\n  useCategoryStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useScreenSize,\n  useTransactionStore,\n  useTrendsStore,\n  Beat,\n  useInsightsEnabled,\n} from '../common'\n\nimport DateRangeText from './components/DateRangeText'\nimport TrendsViewToggle, { type TrendsTabValue } from './components/TrendsViewToggle'\nimport TrendsTable from './components/TrendsTable'\nimport TrendsDrawer from './components/TrendsDrawer'\nimport CategoriesList from './components/CategoriesList'\nimport InsightsCarousel from './components/TrendsInsights'\nimport CategoryDetail from './components/CategoryDetailDrawer'\nimport TrendsChartTotals from './components/TrendsChartTotals'\nimport { getCategoryColor } from '../categories/util/CategoryUtil'\n\ninterface TrendsWidgetProps extends WidgetProps {\n  onInsightCardClick?: (beat?: Beat) => void\n}\n\nconst TrendsWidget: React.FC<TrendsWidgetProps> = ({ onBackClick, onInsightCardClick, sx }) => {\n  const { onEvent } = useEvent()\n  const theme = useTheme()\n  const { isLargeDesktop, isDesktop, isMobile } = useScreenSize()\n  const { visibleAccounts: accounts } = useAccountStore()\n  const { loadMonthlyCategoryTotals, monthlyCategoryTotals } = useCategoryStore()\n  const { setFilter, sortedTransactions: transactions } = useTransactionStore()\n  const { selectedDateRange, setSelectedCategoryData, setSelectedDateRange } = useTrendsStore()\n  const {\n    isCopyLoaded,\n    isInitialized,\n    selectedAccounts,\n    selectedAccountGuids,\n    setSelectedAccounts,\n  } = useGlobalUiStore()\n  const { trends: copy } = useGlobalCopyStore()\n  const insightsEnabled = useInsightsEnabled()\n\n  const isLargeLayout = isDesktop || isLargeDesktop\n\n  const [isWidgetInitialized, setIsWidgetInitialized] = React.useState(false)\n  const [showTransactions, setShowTransactions] = React.useState(false)\n  const [selectedTab, setSelectedTab] = React.useState<TrendsTabValue>('Chart')\n  const [selectedCategory, setSelectedCategory] = React.useState('')\n  const [showCategoryDetail, setShowCategoryDetail] = React.useState(false)\n\n  // Reset selected accounts on load\n  React.useEffect(() => {\n    setSelectedAccounts(accounts)\n  }, [accounts])\n\n  // Initialize monthlyCategoryTotals, and reload on account or date range change\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadMonthlyCategoryTotals(\n        selectedAccounts,\n        selectedDateRange.start,\n        selectedDateRange.end,\n      ).finally(() => {\n        setIsWidgetInitialized(true)\n      })\n    }\n  }, [isInitialized, selectedAccounts, selectedDateRange])\n\n  React.useEffect(() => {\n    // if monthlyCategoryTotals has data, filter transactions\n    if (monthlyCategoryTotals.length !== 0) {\n      const transactionFilter = {\n        accounts: selectedAccountGuids,\n        dateRange: { start: selectedDateRange.start, end: selectedDateRange.end },\n      }\n\n      // this filter sets sortedTransactions in the transaction store\n      setFilter({\n        ...transactionFilter,\n        custom: (t: Transaction) =>\n          Boolean(\n            monthlyCategoryTotals.find(\n              (cat) =>\n                cat.top_level_category_guid === t.top_level_category_guid ||\n                cat.category_guid === t.category_guid,\n            ),\n          ),\n      })\n    }\n  }, [monthlyCategoryTotals])\n\n  const handleDetailOpen = (selected: CategoryListItem) => {\n    const category = selected\n    category.color = getCategoryColor(category.guid, theme)\n    category.chartLabel = selected.name === 'Income' ? copy.monthly_income : copy.monthly_spending\n\n    setSelectedCategoryData(category)\n    setShowCategoryDetail(true)\n  }\n\n  const handleDetailClose = () => {\n    setSelectedCategoryData(null)\n    setShowCategoryDetail(false)\n  }\n\n  const onTabChange = (_event: React.SyntheticEvent, newValue: TrendsTabValue) => {\n    setSelectedTab(newValue ?? selectedTab)\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_TOGGLE)\n  }\n\n  const onRangeChanged = (dateRange: DateRange<Date>) => {\n    const startDate = addSeconds(dateRange?.[0] as Date, 1)\n    const endDate = dateRange?.[1] as Date\n    const months = differenceInCalendarMonths(endDate, startDate)\n\n    setSelectedDateRange({ start: startDate, end: endDate })\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_DATE, {\n      time_period: months + 'M',\n    })\n  }\n\n  const onAccountsFilterClick = () => {\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_FILTER)\n  }\n  const onClickRow = (guid: string) => {\n    setSelectedCategory(guid)\n  }\n\n  if (!isCopyLoaded || !isInitialized || !isWidgetInitialized) return <Loader />\n\n  if (monthlyCategoryTotals.length === 0) {\n    return (\n      <EmptyState\n        header=\"\"\n        icon=\"\"\n        onClick={() => {}}\n        primaryButton={copy.empty_state_primary}\n        subText={copy.empty_state_sub_text}\n      />\n    )\n  }\n\n  return (\n    <WidgetContainer\n      accountOptions={accounts}\n      calendarActions={{ onRangeChanged }}\n      dateRange={selectedDateRange}\n      dateRangeVariant={isMobile ? 'timeframetabs' : 'timeframebuttons'}\n      onAccountsFilterClick={onAccountsFilterClick}\n      onBackClick={onBackClick}\n      sx={sx}\n      title={copy.title}\n    >\n      <Stack\n        sx={{\n          px: isMobile ? 0 : 48,\n        }}\n      >\n        <Stack\n          flexDirection=\"row\"\n          justifyContent=\"space-between\"\n          sx={{ pb: isMobile ? 12 : 24, pt: isMobile ? 24 : 48 }}\n        >\n          <DateRangeText\n            selectedCategoryGuid={selectedCategory}\n            selectedDateRange={selectedDateRange}\n          />\n          <TrendsViewToggle onTabChange={onTabChange} selectedTab={selectedTab} />\n        </Stack>\n        <Stack alignItems=\"center\" flexDirection=\"row\" width=\"100%\">\n          <Box flexGrow={1}>\n            {selectedCategory && (\n              <Button onClick={() => setSelectedCategory('')} sx={{ p: 0, pr: 5 }}>\n                <Icon name=\"arrow_back\" />\n                {copy.all_categories}\n              </Button>\n            )}\n          </Box>\n          <Button onClick={() => setShowTransactions(true)} sx={{ px: 5 }}>\n            {`${copy.view_transactions} (${transactions.length})`}\n          </Button>\n        </Stack>\n        <Stack flexDirection={isLargeLayout ? 'row' : 'column'} gap={isLargeLayout ? 48 : 16}>\n          <Box sx={{ width: isLargeLayout ? '68%' : '100%' }}>\n            {selectedTab === 'Chart' && (\n              <TrendsChartTotals\n                selectedDateRange={selectedDateRange}\n                totals={monthlyCategoryTotals}\n              />\n            )}\n            {selectedTab === 'Table' && (\n              <TrendsTable\n                height=\"unset\"\n                monthlyCategoryTotals={monthlyCategoryTotals}\n                onClickRow={onClickRow}\n                selectedCategory={selectedCategory}\n                selectedDateRange={selectedDateRange}\n              />\n            )}\n          </Box>\n          <Stack gap={16} sx={{ width: isLargeLayout ? '32%' : '100%' }}>\n            {insightsEnabled && <InsightsCarousel onInsightCardClick={onInsightCardClick} />}\n            <CategoriesList onListItemClick={handleDetailOpen} transactions={transactions} />\n          </Stack>\n        </Stack>\n      </Stack>\n      {showCategoryDetail && <CategoryDetail onClose={handleDetailClose} />}\n      <TrendsDrawer\n        categoryGuid={selectedCategory}\n        dateRange={selectedDateRange}\n        isOpen={showTransactions}\n        onClose={() => setShowTransactions(false)}\n      />\n    </WidgetContainer>\n  )\n}\n\nexport default observer(TrendsWidget)\n"],"names":["TrendsWidget","onBackClick","onInsightCardClick","sx","onEvent","useEvent","theme","useTheme","isLargeDesktop","isDesktop","isMobile","useScreenSize","accounts","useAccountStore","loadMonthlyCategoryTotals","monthlyCategoryTotals","useCategoryStore","setFilter","transactions","useTransactionStore","selectedDateRange","setSelectedCategoryData","setSelectedDateRange","useTrendsStore","isCopyLoaded","isInitialized","selectedAccounts","selectedAccountGuids","setSelectedAccounts","useGlobalUiStore","copy","useGlobalCopyStore","insightsEnabled","useInsightsEnabled","isLargeLayout","isWidgetInitialized","setIsWidgetInitialized","React","showTransactions","setShowTransactions","selectedTab","setSelectedTab","selectedCategory","setSelectedCategory","showCategoryDetail","setShowCategoryDetail","transactionFilter","t","cat","handleDetailOpen","selected","category","getCategoryColor","handleDetailClose","onTabChange","_event","newValue","ANALYTICS_EVENTS","onRangeChanged","dateRange","startDate","addSeconds","endDate","months","differenceInCalendarMonths","onAccountsFilterClick","onClickRow","guid","Loader","jsx","EmptyState","jsxs","WidgetContainer","Stack","DateRangeText","TrendsViewToggle","Box","Button","Icon","TrendsChartTotals","TrendsTable","InsightsCarousel","CategoriesList","CategoryDetail","TrendsDrawer","TrendsWidget$1","observer"],"mappings":"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"}

package/dist/trends/ZeroStateMicroWidget.js

@@ -0,0 +1,171 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import i from "@mui/material/Stack";
+import { MultilineChart as p } from "@mxenabled/mx-icons";
+import { P as m } from "@mxenabled/mxui";
+import { observer as e } 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 "react";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as n } 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 "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../common/components/WidgetContainer.js";
+import "../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/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";
+const io = e(() => {
+  const { trends: r } = n();
+  return /* @__PURE__ */ o(i, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
+    /* @__PURE__ */ t(p, { size: 32 }),
+    /* @__PURE__ */ o(i, { children: [
+      /* @__PURE__ */ t(m, { fontWeight: 600, variant: "body1", children: r.zero_state_content_header }),
+      /* @__PURE__ */ t(m, { color: "text.secondary", variant: "subtitle2", children: r.zero_state_content_description })
+    ] })
+  ] });
+});
+export {
+  io as ZeroStateMicroWidget
+};
+//# sourceMappingURL=ZeroStateMicroWidget.js.map

package/dist/trends/ZeroStateMicroWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZeroStateMicroWidget.js","sources":["../../src/trends/ZeroStateMicroWidget.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { MultilineChart } from '@mxenabled/mx-icons'\n\nimport { P } from '@mxenabled/mxui'\n\nimport { observer } from 'mobx-react-lite'\n\nimport { useGlobalCopyStore } from '../common'\n\nexport const ZeroStateMicroWidget = observer(() => {\n  const { trends: copy } = useGlobalCopyStore()\n\n  return (\n    <Stack sx={{ alignItems: 'start', flexDirection: 'row', gap: 12 }}>\n      <MultilineChart size={32} />\n      <Stack>\n        <P fontWeight={600} variant=\"body1\">\n          {copy.zero_state_content_header}\n        </P>\n        <P color=\"text.secondary\" variant=\"subtitle2\">\n          {copy.zero_state_content_description}\n        </P>\n      </Stack>\n    </Stack>\n  )\n})\n"],"names":["ZeroStateMicroWidget","observer","copy","useGlobalCopyStore","jsxs","Stack","jsx","MultilineChart","P"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUa,MAAAA,KAAuBC,EAAS,MAAM;AACjD,QAAM,EAAE,QAAQC,EAAK,IAAIC,EAAmB;AAG1C,SAAA,gBAAAC,EAACC,GAAM,EAAA,IAAI,EAAE,YAAY,SAAS,eAAe,OAAO,KAAK,GAAA,GAC3D,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAe,MAAM,GAAI,CAAA;AAAA,sBACzBF,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,KAAE,YAAY,KAAK,SAAQ,SACzB,YAAK,2BACR;AAAA,wBACCA,GAAE,EAAA,OAAM,kBAAiB,SAAQ,aAC/B,YAAK,gCACR;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/trends/components/CategoriesList.d.ts

@@ -1,7 +1,8 @@
 import { default as React } from 'react';
-import { DetailedCategoryWithTransactions } from '../../common';
+import { CategoryListItem, Transaction } from '../../common';
 interface CategoriesListProps {
-    onCategoryClick: (data: DetailedCategoryWithTransactions) => void;
+    onListItemClick: (data: CategoryListItem) => void;
+    transactions: Transaction[];
 }
 declare const CategoriesList: React.FC<CategoriesListProps>;
 export default CategoriesList;