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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrendsChartTotals.js","sources":["../../../src/trends/components/TrendsChartTotals.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { useTheme } from '@mui/material/styles'\n\nimport {\n  DateRange,\n  LineChart,\n  MonthlyCategoryTotals,\n  TrendsCopy,\n  useGlobalCopyStore,\n  useScreenSize,\n  useWidgetContainerProvider,\n} from '../../common'\n\nimport { LineChartDataset, LineChartLabel } from '../../common/components/charts/LineChart'\nimport { getIncomeTotals, getSpendingTotals } from '../utils/SpendingData'\n\nconst getDatasets = (totals: MonthlyCategoryTotals[], dateRange: DateRange): LineChartDataset[] => {\n  const incomeData = getIncomeTotals(totals, dateRange)\n  const spendingData = getSpendingTotals(totals, dateRange)\n  return [incomeData, spendingData].filter((data) => data.length > 0)\n}\n\nconst getLabels = (datasets: LineChartDataset[], copy: TrendsCopy) => {\n  const [dataA, dataB] = datasets\n  const credits = dataA\n  const debits = dataB ?? dataA\n  const labels: LineChartLabel[] = []\n\n  if (credits) {\n    const totalIncome = credits.reduce((sum, item) => sum + item.y, 0)\n    labels.push({ label: copy.income_label, amount: totalIncome })\n  }\n\n  if (debits) {\n    const totalSpending = debits.reduce((sum, item) => sum + item.y, 0)\n    labels.push({ label: copy.spending_label, amount: totalSpending })\n  }\n\n  return labels\n}\n\ninterface TrendsChartTotalsProps {\n  selectedDateRange: DateRange\n  totals: MonthlyCategoryTotals[]\n}\n\nconst TrendsChartTotals: React.FC<TrendsChartTotalsProps> = ({ selectedDateRange, totals }) => {\n  const theme = useTheme()\n  const { trends: trendsCopy } = useGlobalCopyStore()\n  const { availableHeight } = useWidgetContainerProvider()\n  const { isSmallMobile, isMobile, isSmallTablet, isTablet } = useScreenSize()\n\n  const colors = [theme.palette.chart?.chart1, theme.palette.chart?.chart2]\n  const datasets = getDatasets(totals, selectedDateRange)\n  const labels = getLabels(datasets, trendsCopy)\n\n  const [chartDesktopHeight, setChartDesktopHeight] = React.useState<number>(0)\n  const chartTabletHeight = 458\n  const chartMobileHeight = 195\n\n  // prettier-ignore\n  // eslint-disable-next-line no-nested-ternary\n  const chartHeight = (isMobile || isSmallMobile) ? chartMobileHeight :\n  (isSmallTablet || isTablet) ? chartTabletHeight : chartDesktopHeight;\n\n  React.useEffect(() => {\n    // Only set desktop height once, after availableHeight is known\n    if (availableHeight > 0 && chartDesktopHeight === 0) {\n      setChartDesktopHeight(availableHeight - 54)\n    }\n  }, [availableHeight, chartDesktopHeight])\n\n  return (\n    <LineChart\n      baseline=\"min\"\n      colors={colors}\n      curveType=\"bump\"\n      datasets={datasets}\n      height={chartHeight}\n      labels={labels}\n      showArea={true}\n      showAxisHighlight={true}\n      showLegend={true}\n      showTooltip={true}\n      showXAxis={true}\n      showXAxisTicks={true}\n      showYAxis={true}\n      showYAxisTicks={true}\n      valueFormatterString=\"0,0\"\n    />\n  )\n}\n\nexport default observer(TrendsChartTotals)\n"],"names":["getDatasets","totals","dateRange","incomeData","getIncomeTotals","spendingData","getSpendingTotals","data","getLabels","datasets","copy","dataA","dataB","credits","debits","labels","totalIncome","sum","item","totalSpending","TrendsChartTotals","selectedDateRange","theme","useTheme","trendsCopy","useGlobalCopyStore","availableHeight","useWidgetContainerProvider","isSmallMobile","isMobile","isSmallTablet","isTablet","useScreenSize","colors","chartDesktopHeight","setChartDesktopHeight","React","chartHeight","jsx","LineChart","TrendsChartTotals$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAMA,IAAc,CAACC,GAAiCC,MAA6C;AAC3F,QAAAC,IAAaC,EAAgBH,GAAQC,CAAS,GAC9CG,IAAeC,EAAkBL,GAAQC,CAAS;AACjD,SAAA,CAACC,GAAYE,CAAY,EAAE,OAAO,CAACE,MAASA,EAAK,SAAS,CAAC;AACpE,GAEMC,IAAY,CAACC,GAA8BC,MAAqB;AAC9D,QAAA,CAACC,GAAOC,CAAK,IAAIH,GACjBI,IAAUF,GACVG,IAASF,KAASD,GAClBI,IAA2B,CAAA;AAEjC,MAAIF,GAAS;AACL,UAAAG,IAAcH,EAAQ,OAAO,CAACI,GAAKC,MAASD,IAAMC,EAAK,GAAG,CAAC;AACjE,IAAAH,EAAO,KAAK,EAAE,OAAOL,EAAK,cAAc,QAAQM,GAAa;AAAA,EAC/D;AAEA,MAAIF,GAAQ;AACJ,UAAAK,IAAgBL,EAAO,OAAO,CAACG,GAAKC,MAASD,IAAMC,EAAK,GAAG,CAAC;AAClE,IAAAH,EAAO,KAAK,EAAE,OAAOL,EAAK,gBAAgB,QAAQS,GAAe;AAAA,EACnE;AAEO,SAAAJ;AACT,GAOMK,IAAsD,CAAC,EAAE,mBAAAC,GAAmB,QAAApB,QAAa;AAC7F,QAAMqB,IAAQC,KACR,EAAE,QAAQC,EAAW,IAAIC,EAAmB,GAC5C,EAAE,iBAAAC,MAAoBC,KACtB,EAAE,eAAAC,GAAe,UAAAC,GAAU,eAAAC,GAAe,UAAAC,EAAA,IAAaC,KAEvDC,IAAS,CAACX,EAAM,QAAQ,OAAO,QAAQA,EAAM,QAAQ,OAAO,MAAM,GAClEb,IAAWT,EAAYC,GAAQoB,CAAiB,GAChDN,IAASP,EAAUC,GAAUe,CAAU,GAEvC,CAACU,GAAoBC,CAAqB,IAAIC,EAAM,SAAiB,CAAC,GAMtEC,IAAeR,KAAYD,IAJP,MAKzBE,KAAiBC,IANQ,MAMwBG;AAElD,SAAAE,EAAM,UAAU,MAAM;AAEhB,IAAAV,IAAkB,KAAKQ,MAAuB,KAChDC,EAAsBT,IAAkB,EAAE;AAAA,EAC5C,GACC,CAACA,GAAiBQ,CAAkB,CAAC,GAGtC,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,QAAAN;AAAA,MACA,WAAU;AAAA,MACV,UAAAxB;AAAA,MACA,QAAQ4B;AAAA,MACR,QAAAtB;AAAA,MACA,UAAU;AAAA,MACV,mBAAmB;AAAA,MACnB,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,WAAW;AAAA,MACX,gBAAgB;AAAA,MAChB,WAAW;AAAA,MACX,gBAAgB;AAAA,MAChB,sBAAqB;AAAA,IAAA;AAAA,EAAA;AAG3B,GAEeyB,KAAAC,EAASrB,CAAiB;"}

package/dist/trends/components/TrendsDrawer.js

@@ -0,0 +1,199 @@
+import { jsxs as S, jsx as c } from "react/jsx-runtime";
+import r from "react";
+import { observer as C } from "mobx-react-lite";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as E } 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 { useEvent as _, useGlobalUiStore as A, useGlobalCopyStore as D, useTransactionStore 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 "@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 b from "../../common/components/drawer/Drawer.js";
+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 v from "../../transactions/components/shared/TransactionList.js";
+import "../../transactions/components/shared/TransactionTable.js";
+import L from "../../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 w = {
+  title: "Transaction List"
+}, x = ({
+  categoryGuid: o,
+  dateRange: m,
+  isOpen: a,
+  onClose: l
+}) => {
+  const { onEvent: u } = _(), { selectedAccountGuids: p } = A(), { common: f } = D(), { setFilter: T, sortedTransactions: s } = N(), [e, n] = r.useState(""), i = r.useMemo(
+    () => s.find((t) => t.guid === e),
+    [e, s]
+  );
+  r.useEffect(() => {
+    T({
+      accounts: p,
+      dateRange: m,
+      custom: (t) => o === "" || o === t.category_guid || o === t.top_level_category_guid
+    });
+  }, [p, o, m]), r.useEffect(() => u(E.TRENDS_VIEW_TRANSACTIONS), []);
+  const d = () => {
+    n(""), l();
+  };
+  return /* @__PURE__ */ S(
+    b,
+    {
+      ariaLabelClose: f.close_aria,
+      isOpen: a,
+      onClose: d,
+      title: w.title,
+      children: [
+        i && /* @__PURE__ */ c(L, { transaction: i }),
+        !i && /* @__PURE__ */ c(v, { onClick: n })
+      ]
+    }
+  );
+}, wr = C(x);
+export {
+  wr as default
+};
+//# sourceMappingURL=TrendsDrawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrendsDrawer.js","sources":["../../../src/trends/components/TrendsDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  ANALYTICS_EVENTS,\n  Drawer,\n  useGlobalCopyStore,\n  useEvent,\n  useTransactionStore,\n  useGlobalUiStore,\n  Transaction,\n} from '../../common'\nimport { TransactionDetails, TransactionList } from '../../transactions'\n\nconst copy = {\n  title: 'Transaction List',\n}\n\ninterface TrendsDrawerProps {\n  categoryGuid: string\n  dateRange: {\n    start: Date\n    end: Date\n  }\n  isOpen: boolean\n  onClose: () => void\n}\n\nconst TrendsDrawer: React.FC<TrendsDrawerProps> = ({\n  categoryGuid,\n  dateRange,\n  isOpen,\n  onClose,\n}) => {\n  const { onEvent } = useEvent()\n  const { selectedAccountGuids: accounts } = useGlobalUiStore()\n  const { common: commonCopy } = useGlobalCopyStore()\n  const { setFilter, sortedTransactions } = useTransactionStore()\n\n  const [guid, setGuid] = React.useState('')\n  const transaction = React.useMemo(\n    () => sortedTransactions.find((t) => t.guid === guid),\n    [guid, sortedTransactions],\n  )\n\n  React.useEffect(() => {\n    setFilter({\n      accounts,\n      dateRange,\n      custom: (t: Transaction) =>\n        categoryGuid === '' ||\n        categoryGuid === t.category_guid ||\n        categoryGuid === t.top_level_category_guid,\n    })\n  }, [accounts, categoryGuid, dateRange])\n\n  React.useEffect(() => onEvent(ANALYTICS_EVENTS.TRENDS_VIEW_TRANSACTIONS), [])\n\n  const handleClose = () => {\n    setGuid('')\n    onClose()\n  }\n\n  return (\n    <Drawer\n      ariaLabelClose={commonCopy.close_aria}\n      isOpen={isOpen}\n      onClose={handleClose}\n      title={copy.title}\n    >\n      {transaction && <TransactionDetails transaction={transaction} />}\n      {!transaction && <TransactionList onClick={setGuid} />}\n    </Drawer>\n  )\n}\n\nexport default observer(TrendsDrawer)\n"],"names":["copy","TrendsDrawer","categoryGuid","dateRange","isOpen","onClose","onEvent","useEvent","accounts","useGlobalUiStore","commonCopy","useGlobalCopyStore","setFilter","sortedTransactions","useTransactionStore","guid","setGuid","React","transaction","ANALYTICS_EVENTS","handleClose","jsxs","Drawer","jsx","TransactionDetails","TransactionList","TrendsDrawer$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAMA,IAAO;AAAA,EACX,OAAO;AACT,GAYMC,IAA4C,CAAC;AAAA,EACjD,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACE,QAAA,EAAE,SAAAC,MAAYC,KACd,EAAE,sBAAsBC,EAAS,IAAIC,EAAiB,GACtD,EAAE,QAAQC,EAAW,IAAIC,EAAmB,GAC5C,EAAE,WAAAC,GAAW,oBAAAC,EAAmB,IAAIC,EAAoB,GAExD,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS,EAAE,GACnCC,IAAcD,EAAM;AAAA,IACxB,MAAMJ,EAAmB,KAAK,CAAC,MAAM,EAAE,SAASE,CAAI;AAAA,IACpD,CAACA,GAAMF,CAAkB;AAAA,EAAA;AAG3B,EAAAI,EAAM,UAAU,MAAM;AACV,IAAAL,EAAA;AAAA,MACR,UAAAJ;AAAA,MACA,WAAAL;AAAA,MACA,QAAQ,CAAC,MACPD,MAAiB,MACjBA,MAAiB,EAAE,iBACnBA,MAAiB,EAAE;AAAA,IAAA,CACtB;AAAA,EACA,GAAA,CAACM,GAAUN,GAAcC,CAAS,CAAC,GAEtCc,EAAM,UAAU,MAAMX,EAAQa,EAAiB,wBAAwB,GAAG,CAAA,CAAE;AAE5E,QAAMC,IAAc,MAAM;AACxB,IAAAJ,EAAQ,EAAE,GACFX;EAAA;AAIR,SAAA,gBAAAgB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBZ,EAAW;AAAA,MAC3B,QAAAN;AAAA,MACA,SAASgB;AAAA,MACT,OAAOpB,EAAK;AAAA,MAEX,UAAA;AAAA,QAAekB,KAAA,gBAAAK,EAACC,KAAmB,aAAAN,EAA0B,CAAA;AAAA,QAC7D,CAACA,KAAgB,gBAAAK,EAAAE,GAAA,EAAgB,SAAST,EAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1D,GAEeU,KAAAC,EAAS1B,CAAY;"}

package/dist/trends/components/TrendsInsights.js

@@ -0,0 +1,206 @@
+import { jsx as b } from "react/jsx-runtime";
+import o from "react";
+import { observer as k } from "mobx-react-lite";
+import { useTheme as I } from "@mui/material";
+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/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalStore as S, useGlobalUiStore as w, useTrendsStore as M } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import { useScreenSize as T } from "../../common/hooks/useScreenSize.js";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "@mui/material/styles/useTheme";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "@mui/material/useMediaQuery";
+import "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@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 "../../cashflow/CashflowMiniWidget.js";
+import "../../cashflow/CashflowWidget.js";
+import "../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../categories/components/CategorySelector.js";
+import "../../categories/components/CategorySelectorDrawer.js";
+import "../../categories/components/CategoryRow.js";
+import "../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../finstrong/components/FinancialStrengthGraph.js";
+import "../../finstrong/components/CreditScoreGraph.js";
+import "../../finstrong/FinstrongWidget.js";
+import "../../goals/GoalsWidget.js";
+import "../../goals/GoalsMicroWidget.js";
+import "../../investments/util/InvestmentUtil.js";
+import "../../merchants/components/MerchantLookup.js";
+import "../../networth/components/NetWorthChart.js";
+import "../../networth/components/NetWorthList.js";
+import "../../networth/components/NetWorthSummary.js";
+import "../../networth/NetWorthMicroWidget.js";
+import "../../networth/NetWorthWidget.js";
+import "../../notifications/components/NotificationList.js";
+import "../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../transactions/constants/Analytics.js";
+import "../../transactions/constants/Transaction.js";
+import "../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../transactions/components/shared/TransactionList.js";
+import "../../transactions/components/shared/TransactionTable.js";
+import "../../transactions/components/shared/TransactionDetails.js";
+import "../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../transactions/TransactionWidget.js";
+import "../../settings/SettingsWidget.js";
+import "../../settings/components/SettingsWidgetContents.js";
+import "../../settings/components/profile/ProfileTab.js";
+import "../../settings/components/devices/DeviceTab.js";
+import "../../settings/NotificationSettingsWidget.js";
+import "../../settings/components/notifications/NotificationSettings.js";
+import "../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../TrendsFullWidget.js";
+import "../TrendsMiniWidget.js";
+import "../TrendsMicroWidget.js";
+import "../TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import "../../microinsights/constants/Analytics.js";
+import "../../microinsights/context/InsightsMicroWidgetDataProvider.js";
+import "react-intersection-observer";
+import "../../microinsights/components/microInsightCard/MicroInsightCard.js";
+import "../../microinsights/components/beaticons/BeatMerchantLogo.js";
+import "../../microinsights/components/microBeatCarousel/MicroBeatCarousel.js";
+import "../../microinsights/components/carouselheader/CarouselHeader.js";
+import v from "../../microinsights/components/insightsmicrowidget/InsightsMicroWidget.js";
+import "../../microinsights/components/noRelevantInsightsCard/NoRelevantInsightsCard.js";
+import "../../microinsights/components/viewMoreMicroCard/ViewMoreMicroCard.js";
+import "../../microinsights/components/zeroStateCard/ZeroStateCard.js";
+const y = ({ onInsightCardClick: e }) => {
+  const s = I(), { isMobile: a, isDesktop: n, isLargeDesktop: d } = T(), { beatStore: t, endpoint: l, sessionToken: u } = S(), { isInitialized: r } = w(), { sortedCategoriesList: i } = M(), [m, c] = o.useState(!1), f = s.palette.mode === "dark", p = n || d, g = p || a ? 1 : 2;
+  o.useEffect(() => {
+    r && t.loadBeats().finally(() => c(!0));
+  }, [r]);
+  const h = o.useMemo(() => {
+    if (!m) return [];
+    const B = i.map((L) => L.guid);
+    return t.getBeatsByCategories(B);
+  }, [m, i]), C = () => null;
+  return /* @__PURE__ */ b(
+    v,
+    {
+      areBeatsLoading: t.isLoading,
+      beats: h,
+      endpoint: l,
+      heightOverrides: 200,
+      logOutUser: C,
+      onCardClick: e,
+      showBorder: !0,
+      showCTAColocatedWithText: !1,
+      showCarouselControls: !0,
+      showHeader: p,
+      showIcon: !0,
+      showWithMargin: !1,
+      token: u,
+      useDarkMode: f,
+      userHasFullInsightFeedBeats: !1,
+      variant: "outlined",
+      visibleCardsCount: g
+    }
+  );
+}, Hr = k(y);
+export {
+  Hr as default
+};
+//# sourceMappingURL=TrendsInsights.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrendsInsights.js","sources":["../../../src/trends/components/TrendsInsights.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { useTheme } from '@mui/material'\n\nimport { Beat } from '../../common/types/Beat'\nimport { useGlobalStore, useGlobalUiStore, useScreenSize, useTrendsStore } from '../../common'\n\nimport { InsightsMicroWidget } from '../../microinsights'\n\ninterface TrendsMicroInsightsProps {\n  onInsightCardClick?: (beat?: Beat) => void\n}\n\nconst TrendsMicroInsights: React.FC<TrendsMicroInsightsProps> = ({ onInsightCardClick }) => {\n  const theme = useTheme()\n  const { isMobile, isDesktop, isLargeDesktop } = useScreenSize()\n  const { beatStore, endpoint, sessionToken } = useGlobalStore()\n  const { isInitialized } = useGlobalUiStore()\n  const { sortedCategoriesList } = useTrendsStore()\n\n  const [isBeatsLoaded, setIsBeatsLoaded] = React.useState(false)\n\n  const isDark = theme.palette.mode === 'dark'\n  const isLargeLayout = isDesktop || isLargeDesktop\n\n  // eslint-disable-next-line no-nested-ternary\n  const visibleCards = isLargeLayout || isMobile ? 1 : 2\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      beatStore.loadBeats().finally(() => setIsBeatsLoaded(true))\n    }\n  }, [isInitialized])\n\n  const filteredBeats = React.useMemo(() => {\n    if (!isBeatsLoaded) return []\n    const categoryGuids = sortedCategoriesList.map((category) => category.guid)\n    return beatStore.getBeatsByCategories(categoryGuids)\n  }, [isBeatsLoaded, sortedCategoriesList])\n\n  const handleLogOutUser = () => {\n    return null\n  }\n\n  return (\n    <InsightsMicroWidget\n      areBeatsLoading={beatStore.isLoading}\n      beats={filteredBeats}\n      endpoint={endpoint}\n      heightOverrides={200}\n      logOutUser={handleLogOutUser}\n      onCardClick={onInsightCardClick}\n      showBorder={true}\n      showCTAColocatedWithText={false}\n      showCarouselControls={true}\n      showHeader={isLargeLayout}\n      showIcon={true}\n      showWithMargin={false}\n      token={sessionToken}\n      useDarkMode={isDark}\n      userHasFullInsightFeedBeats={false}\n      variant=\"outlined\"\n      visibleCardsCount={visibleCards}\n    />\n  )\n}\n\nexport default observer(TrendsMicroInsights)\n"],"names":["TrendsMicroInsights","onInsightCardClick","theme","useTheme","isMobile","isDesktop","isLargeDesktop","useScreenSize","beatStore","endpoint","sessionToken","useGlobalStore","isInitialized","useGlobalUiStore","sortedCategoriesList","useTrendsStore","isBeatsLoaded","setIsBeatsLoaded","React","isDark","isLargeLayout","visibleCards","filteredBeats","categoryGuids","category","handleLogOutUser","jsx","InsightsMicroWidget","InsightsCarousel","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAMA,IAA0D,CAAC,EAAE,oBAAAC,QAAyB;AAC1F,QAAMC,IAAQC,KACR,EAAE,UAAAC,GAAU,WAAAC,GAAW,gBAAAC,MAAmBC,EAAc,GACxD,EAAE,WAAAC,GAAW,UAAAC,GAAU,cAAAC,MAAiBC,EAAe,GACvD,EAAE,eAAAC,MAAkBC,KACpB,EAAE,sBAAAC,MAAyBC,KAE3B,CAACC,GAAeC,CAAgB,IAAIC,EAAM,SAAS,EAAK,GAExDC,IAASjB,EAAM,QAAQ,SAAS,QAChCkB,IAAgBf,KAAaC,GAG7Be,IAAeD,KAAiBhB,IAAW,IAAI;AAErD,EAAAc,EAAM,UAAU,MAAM;AACpB,IAAIN,KACFJ,EAAU,YAAY,QAAQ,MAAMS,EAAiB,EAAI,CAAC;AAAA,EAC5D,GACC,CAACL,CAAa,CAAC;AAEZ,QAAAU,IAAgBJ,EAAM,QAAQ,MAAM;AACpC,QAAA,CAACF,EAAe,QAAO;AAC3B,UAAMO,IAAgBT,EAAqB,IAAI,CAACU,MAAaA,EAAS,IAAI;AACnE,WAAAhB,EAAU,qBAAqBe,CAAa;AAAA,EAAA,GAClD,CAACP,GAAeF,CAAoB,CAAC,GAElCW,IAAmB,MAChB;AAIP,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,iBAAiBnB,EAAU;AAAA,MAC3B,OAAOc;AAAA,MACP,UAAAb;AAAA,MACA,iBAAiB;AAAA,MACjB,YAAYgB;AAAA,MACZ,aAAaxB;AAAA,MACb,YAAY;AAAA,MACZ,0BAA0B;AAAA,MAC1B,sBAAsB;AAAA,MACtB,YAAYmB;AAAA,MACZ,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,OAAOV;AAAA,MACP,aAAaS;AAAA,MACb,6BAA6B;AAAA,MAC7B,SAAQ;AAAA,MACR,mBAAmBE;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEeO,KAAAC,EAAS7B,CAAmB;"}