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

package/dist/networth/NetWorthMicroWidget.js

@@ -0,0 +1,196 @@
+import { jsx as o } from "react/jsx-runtime";
+import r from "react";
+import { observer as W } from "mobx-react-lite";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as m } 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 C, useEvent as S, useGlobalCopyStore as g, useGlobalUiStore as A, useNetWorthStore as I } 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 N 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 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 "./components/NetWorthChart.js";
+import "./components/NetWorthList.js";
+import "./components/NetWorthSummary.js";
+import "./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 w from "./components/micro/NetworthData.js";
+import L from "./components/micro/ZeroState.js";
+const Li = W(({ onCTAClick: n }) => {
+  const [c, s] = r.useState(!1), { visibleAccounts: t } = C(), { onEvent: p } = S(), { net_worth: i, common: l } = g(), { isInitialized: e, selectedAccounts: d, setSelectedAccounts: u } = A(), { loadChartData: f, loadNetWorthData: h, netWorthData: T, selectedData: a } = I(), _ = async () => {
+    await h(d), await f(1), s(!0);
+  };
+  if (r.useEffect(() => u(t), [t]), r.useEffect(() => {
+    e && _().finally(), p(m.NET_WORTH_LOAD_WIDGET, {
+      state: t?.length ? "default" : "zeroState"
+    });
+  }, [e]), !c) return /* @__PURE__ */ o(D, { height: 100 });
+  const E = () => {
+    p(
+      t.length ? m.NET_WORTH_CLICK_VIEW_DETAILS : m.NET_WORTH_CLICK_GET_STARTED
+    ), n();
+  };
+  return /* @__PURE__ */ o(
+    N,
+    {
+      className: "mx-networth-microwidget",
+      ctaLabel: l.see_details,
+      onCTAClick: E,
+      title: i.net_worth,
+      children: T.accounts.length ? /* @__PURE__ */ o(
+        w,
+        {
+          amount: a?.y,
+          copy: i,
+          trendValue: a?.change
+        }
+      ) : /* @__PURE__ */ o(L, { copy: i })
+    }
+  );
+});
+export {
+  Li as NetWorthMicroWidget
+};
+//# sourceMappingURL=NetWorthMicroWidget.js.map

package/dist/networth/NetWorthMicroWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetWorthMicroWidget.js","sources":["../../src/networth/NetWorthMicroWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  ANALYTICS_EVENTS,\n  Loader,\n  MicroWidgetContainer,\n  useAccountStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useNetWorthStore,\n} from '../common'\n\nimport NetworthData from './components/micro/NetworthData'\nimport ZeroState from './components/micro/ZeroState'\n\ninterface NetWorthMicroWidgetProps {\n  onCTAClick: () => void\n}\n\nexport const NetWorthMicroWidget = observer(({ onCTAClick }: NetWorthMicroWidgetProps) => {\n  const [isWidgetInitialized, setIsWidgetInitialized] = React.useState(false)\n\n  const { visibleAccounts: accounts } = useAccountStore()\n  const { onEvent } = useEvent()\n  const { net_worth: copy, common: commonCopy } = useGlobalCopyStore()\n  const { isInitialized, selectedAccounts, setSelectedAccounts } = useGlobalUiStore()\n  const { loadChartData, loadNetWorthData, netWorthData, selectedData } = useNetWorthStore()\n\n  const initializeWidget = async () => {\n    await loadNetWorthData(selectedAccounts)\n    await loadChartData(1) // Load chart data for the default 1-month timeframe\n    setIsWidgetInitialized(true)\n  }\n\n  React.useEffect(() => setSelectedAccounts(accounts), [accounts])\n\n  React.useEffect(() => {\n    if (isInitialized) initializeWidget().finally()\n    onEvent(ANALYTICS_EVENTS.NET_WORTH_LOAD_WIDGET, {\n      state: !accounts?.length ? 'zeroState' : 'default',\n    })\n  }, [isInitialized])\n\n  if (!isWidgetInitialized) return <Loader height={100} />\n\n  const handleCTAClick = () => {\n    onEvent(\n      !accounts.length\n        ? ANALYTICS_EVENTS.NET_WORTH_CLICK_GET_STARTED\n        : ANALYTICS_EVENTS.NET_WORTH_CLICK_VIEW_DETAILS,\n    )\n    onCTAClick()\n  }\n\n  return (\n    <MicroWidgetContainer\n      className=\"mx-networth-microwidget\"\n      ctaLabel={commonCopy.see_details}\n      onCTAClick={handleCTAClick}\n      title={copy.net_worth}\n    >\n      {netWorthData.accounts.length ? (\n        <NetworthData\n          amount={selectedData?.y as number}\n          copy={copy}\n          trendValue={selectedData?.change as number}\n        />\n      ) : (\n        <ZeroState copy={copy} />\n      )}\n    </MicroWidgetContainer>\n  )\n})\n"],"names":["NetWorthMicroWidget","observer","onCTAClick","isWidgetInitialized","setIsWidgetInitialized","React","accounts","useAccountStore","onEvent","useEvent","copy","commonCopy","useGlobalCopyStore","isInitialized","selectedAccounts","setSelectedAccounts","useGlobalUiStore","loadChartData","loadNetWorthData","netWorthData","selectedData","useNetWorthStore","initializeWidget","ANALYTICS_EVENTS","jsx","Loader","handleCTAClick","MicroWidgetContainer","NetworthData","ZeroState"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAMA,KAAsBC,EAAS,CAAC,EAAE,YAAAC,QAA2C;AACxF,QAAM,CAACC,GAAqBC,CAAsB,IAAIC,EAAM,SAAS,EAAK,GAEpE,EAAE,iBAAiBC,EAAS,IAAIC,EAAgB,GAChD,EAAE,SAAAC,MAAYC,KACd,EAAE,WAAWC,GAAM,QAAQC,EAAA,IAAeC,KAC1C,EAAE,eAAAC,GAAe,kBAAAC,GAAkB,qBAAAC,MAAwBC,EAAiB,GAC5E,EAAE,eAAAC,GAAe,kBAAAC,GAAkB,cAAAC,GAAc,cAAAC,EAAA,IAAiBC,KAElEC,IAAmB,YAAY;AACnC,UAAMJ,EAAiBJ,CAAgB,GACvC,MAAMG,EAAc,CAAC,GACrBb,EAAuB,EAAI;AAAA,EAAA;AAY7B,MATAC,EAAM,UAAU,MAAMU,EAAoBT,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAE/DD,EAAM,UAAU,MAAM;AAChB,IAAAQ,KAAgCS,IAAE,WACtCd,EAAQe,EAAiB,uBAAuB;AAAA,MAC9C,OAAQjB,GAAU,SAAuB,YAAd;AAAA,IAAc,CAC1C;AAAA,EAAA,GACA,CAACO,CAAa,CAAC,GAEd,CAACV,EAAqB,QAAQ,gBAAAqB,EAAAC,GAAA,EAAO,QAAQ,IAAK,CAAA;AAEtD,QAAMC,IAAiB,MAAM;AAC3B,IAAAlB;AAAA,MACGF,EAAS,SAENiB,EAAiB,+BADjBA,EAAiB;AAAA,IACA,GAEZrB;EAAA;AAIX,SAAA,gBAAAsB;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,UAAUhB,EAAW;AAAA,MACrB,YAAYe;AAAA,MACZ,OAAOhB,EAAK;AAAA,MAEX,UAAAS,EAAa,SAAS,SACrB,gBAAAK;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,QAAQR,GAAc;AAAA,UACtB,MAAAV;AAAA,UACA,YAAYU,GAAc;AAAA,QAAA;AAAA,MAC5B,IAEC,gBAAAI,EAAAK,GAAA,EAAU,MAAAnB,GAAY;AAAA,IAAA;AAAA,EAAA;AAI/B,CAAC;"}

package/dist/networth/NetWorthWidget.js

@@ -0,0 +1,304 @@
+import { jsx as t, jsxs as c, Fragment as W } from "react/jsx-runtime";
+import o from "react";
+import { differenceInMonths as Y } from "date-fns";
+import { observer as q } from "mobx-react-lite";
+import J from "@mui/material/Box";
+import Q from "@mui/material/Stack";
+import X from "../accounts/components/ConnectionsDrawer.js";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as p } 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/IconButton";
+import "../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalUiStore as Z, useGlobalCopyStore as $, useAccountStore as tt, useNetWorthStore as ot, useEvent as it } from "../common/context/hooks.js";
+import "../common/context/GlobalDataProvider.js";
+import "../common/context/WidgetContainerProvider.js";
+import { useScreenSize as rt } 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 "../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 L from "../common/components/drawer/Drawer.js";
+import "../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import et from "../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 { EmptyState as mt } 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 "../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 pt from "./components/NetWorthChart.js";
+import st from "./components/NetWorthList.js";
+import at from "./components/NetWorthSummary.js";
+import "./NetWorthMicroWidget.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 nt from "./components/AssetsLiabilitiesDetail.js";
+import lt from "./components/GainsLossesDetail.js";
+const ur = q(({ onBackClick: A }) => {
+  const { isCopyLoaded: y, isInitialized: d, selectedAccounts: u, setSelectedAccounts: N } = Z(), { accounts: M, net_worth: i } = $(), { visibleAccounts: n } = tt(), {
+    assetsLiabilities: f,
+    gainsLosses: h,
+    hoveredData: C,
+    loadChartData: _,
+    loadNetWorthData: O,
+    netWorthChartData: S,
+    selectedData: l,
+    setHoveredData: w,
+    setSelectedData: v
+  } = ot(), { isMobile: e } = rt(), { onEvent: m } = it(), [x, H] = o.useState(!1), [s, R] = o.useState(6), [G, D] = o.useState(!1), [k, E] = o.useState(!1), [B, I] = o.useState(!1), z = async () => {
+    await O(u), await _(s), H(!0);
+  };
+  o.useEffect(() => {
+    m(p.NET_WORTH_VIEW);
+  }, []), o.useEffect(() => {
+    N(n);
+  }, [n]), o.useEffect(() => {
+    d && z().finally();
+  }, [d, u]), o.useEffect(() => {
+    m(p.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: s + "M" }), _(s).finally();
+  }, [s]);
+  const F = (r, a) => {
+    v(a), r.currentTarget instanceof HTMLDivElement && D(!0);
+  }, K = (r) => {
+    w(r);
+  }, V = () => {
+    w(null);
+  }, j = () => {
+    m(p.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES), E(!0);
+  }, U = async (r) => {
+    const a = r[0], g = r[1];
+    a && g && R(Y(g, a));
+  }, T = {
+    chartData: S,
+    hoveredData: C,
+    onButtonClick: j,
+    onDataClick: F,
+    onMouseEnter: K,
+    onMouseLeave: V,
+    selectedData: l
+  }, P = () => {
+    I(!0), m(p.ACCOUNTS_CLICK_CONNECT);
+  };
+  return y ? /* @__PURE__ */ t(
+    et,
+    {
+      accountOptions: n,
+      calendarActions: {
+        onRangeChanged: U
+      },
+      dateRangeVariant: e ? "timeframetabs" : "timeframebuttons",
+      onAccountsFilterClick: () => m(p.NET_WORTH_WIDGET_CLICK_FILTER),
+      onBackClick: A,
+      showDividerAboveDateSelector: !1,
+      sx: {
+        p: e ? 0 : 48,
+        "& .MuiCardHeader-root": {
+          px: 16,
+          py: 12
+        },
+        "& .MuiBox-root": {
+          m: 0
+        },
+        "& .MuiTabs-root": {
+          width: "100%"
+        }
+      },
+      title: i.net_worth,
+      children: x ? /* @__PURE__ */ c(W, { children: [
+        S.length ? /* @__PURE__ */ c(W, { children: [
+          l && /* @__PURE__ */ t(at, { hoveredData: C, selectedData: l }),
+          /* @__PURE__ */ c(
+            Q,
+            {
+              alignItems: e ? "center" : "flex-start",
+              direction: e ? "column" : "row",
+              spacing: e ? 0 : 48,
+              children: [
+                /* @__PURE__ */ t(pt, { ...T }),
+                /* @__PURE__ */ t(st, { ...T })
+              ]
+            }
+          )
+        ] }) : /* @__PURE__ */ t(J, { sx: { justifyItems: "center" }, children: /* @__PURE__ */ t(
+          mt,
+          {
+            header: i.empty_widget_header,
+            icon: "elevation",
+            onClick: P,
+            primaryButton: i.empty_widget_button,
+            subText: i.empty_widget_description,
+            sx: {
+              width: { sm: 432 },
+              ".buttons-footer": {
+                width: 167
+              }
+            }
+          }
+        ) }),
+        /* @__PURE__ */ t(
+          X,
+          {
+            onClose: () => I(!1),
+            showConnectionsWidget: B,
+            title: M.manage_connections
+          }
+        ),
+        /* @__PURE__ */ t(
+          L,
+          {
+            ariaLabelClose: "Close",
+            isOpen: G,
+            onClose: () => D(!1),
+            shouldShowHeaderBorders: !1,
+            shouldShowHeaderShadow: !0,
+            title: i.gains_and_losses,
+            children: h && /* @__PURE__ */ t(lt, { ...h })
+          }
+        ),
+        /* @__PURE__ */ t(
+          L,
+          {
+            ariaLabelClose: "Close",
+            isOpen: k,
+            onClose: () => E(!1),
+            shouldShowHeaderBorders: !1,
+            shouldShowHeaderShadow: !0,
+            title: i.assets_and_liabilities,
+            children: f && /* @__PURE__ */ t(nt, { ...f })
+          }
+        )
+      ] }) : /* @__PURE__ */ t(b, {})
+    }
+  ) : /* @__PURE__ */ t(b, {});
+});
+export {
+  ur as NetWorthWidget
+};
+//# sourceMappingURL=NetWorthWidget.js.map

package/dist/networth/NetWorthWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetWorthWidget.js","sources":["../../src/networth/NetWorthWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { differenceInMonths } from 'date-fns'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport type { DateRange } from '@mui/x-date-pickers-pro'\n\nimport ConnectionsDrawer from '../accounts/components/ConnectionsDrawer'\nimport {\n  ANALYTICS_EVENTS,\n  Drawer,\n  EmptyState,\n  Loader,\n  useAccountStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useNetWorthStore,\n  useScreenSize,\n  WidgetContainer,\n  WidgetProps,\n} from '../common'\n\nimport AssetsLiabilitiesDetail from './components/AssetsLiabilitiesDetail'\nimport GainsLossesDetail from './components/GainsLossesDetail'\nimport NetWorthChart from './components/NetWorthChart'\nimport NetWorthList from './components/NetWorthList'\nimport NetWorthSummary from './components/NetWorthSummary'\n\nimport type { NetWorthProps } from './types/NetWorth'\n\nexport const NetWorthWidget: React.FC<WidgetProps> = observer(({ onBackClick }) => {\n  const { isCopyLoaded, isInitialized, selectedAccounts, setSelectedAccounts } = useGlobalUiStore()\n  const { accounts: accountsCopy, net_worth: copy } = useGlobalCopyStore()\n  const { visibleAccounts: accounts } = useAccountStore()\n  const {\n    assetsLiabilities,\n    gainsLosses,\n    hoveredData,\n    loadChartData,\n    loadNetWorthData,\n    netWorthChartData,\n    selectedData,\n    setHoveredData,\n    setSelectedData,\n  } = useNetWorthStore()\n  const { isMobile } = useScreenSize()\n  const { onEvent } = useEvent()\n\n  const [isWidgetInitialized, setIsWidgetInitialized] = React.useState(false)\n  const [timeframe, setTimeFrame] = React.useState(6) // default timeframe is 6 months\n  const [isGlDrawerOpen, setIsGlDrawerOpen] = React.useState(false)\n  const [isAlDrawerOpen, setIsAlDrawerOpen] = React.useState(false)\n  const [showConnectionsWidget, setShowConnectionsWidget] = React.useState(false)\n\n  const initalizeWidget = async () => {\n    await loadNetWorthData(selectedAccounts)\n    await loadChartData(timeframe)\n    setIsWidgetInitialized(true)\n  }\n\n  React.useEffect(() => {\n    onEvent(ANALYTICS_EVENTS.NET_WORTH_VIEW)\n  }, [])\n\n  React.useEffect(() => {\n    setSelectedAccounts(accounts)\n  }, [accounts])\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      initalizeWidget().finally()\n    }\n  }, [isInitialized, selectedAccounts])\n\n  React.useEffect(() => {\n    onEvent(ANALYTICS_EVENTS.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: timeframe + 'M' })\n    loadChartData(timeframe).finally()\n  }, [timeframe])\n\n  const handleDataClick = (\n    event: React.MouseEvent<SVGPathElement | HTMLDivElement, MouseEvent>,\n    dataIndex: number,\n  ) => {\n    setSelectedData(dataIndex)\n    if (event.currentTarget instanceof HTMLDivElement) {\n      setIsGlDrawerOpen(true)\n    }\n  }\n\n  const handleMouseEnter = (dataIndex: number) => {\n    setHoveredData(dataIndex)\n  }\n\n  const handleMouseLeave = () => {\n    setHoveredData(null)\n  }\n\n  const handleViewAssetsLiabilitiesClick = () => {\n    onEvent(ANALYTICS_EVENTS.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES)\n    setIsAlDrawerOpen(true)\n  }\n\n  const handleRangeChanged = async (range: DateRange<Date>) => {\n    const startDate = range[0]\n    const endDate = range[1]\n\n    if (startDate && endDate) {\n      setTimeFrame(differenceInMonths(endDate, startDate))\n    }\n  }\n\n  const netWorthProps: NetWorthProps = {\n    chartData: netWorthChartData,\n    hoveredData: hoveredData,\n    onButtonClick: handleViewAssetsLiabilitiesClick,\n    onDataClick: handleDataClick,\n    onMouseEnter: handleMouseEnter,\n    onMouseLeave: handleMouseLeave,\n    selectedData: selectedData,\n  }\n\n  const handleManageConnections = () => {\n    setShowConnectionsWidget(true)\n    onEvent(ANALYTICS_EVENTS.ACCOUNTS_CLICK_CONNECT)\n  }\n\n  if (!isCopyLoaded) {\n    return <Loader />\n  }\n\n  return (\n    <WidgetContainer\n      accountOptions={accounts}\n      calendarActions={{\n        onRangeChanged: handleRangeChanged,\n      }}\n      dateRangeVariant={isMobile ? 'timeframetabs' : 'timeframebuttons'}\n      onAccountsFilterClick={() => onEvent(ANALYTICS_EVENTS.NET_WORTH_WIDGET_CLICK_FILTER)}\n      onBackClick={onBackClick}\n      showDividerAboveDateSelector={false}\n      sx={{\n        p: isMobile ? 0 : 48,\n        '& .MuiCardHeader-root': {\n          px: 16,\n          py: 12,\n        },\n        '& .MuiBox-root': {\n          m: 0,\n        },\n        '& .MuiTabs-root': {\n          width: '100%',\n        },\n      }}\n      title={copy.net_worth}\n    >\n      {!isWidgetInitialized ? (\n        <Loader />\n      ) : (\n        <>\n          {netWorthChartData.length ? (\n            <>\n              {selectedData && (\n                <NetWorthSummary hoveredData={hoveredData} selectedData={selectedData} />\n              )}\n              <Stack\n                alignItems={isMobile ? 'center' : 'flex-start'}\n                direction={isMobile ? 'column' : 'row'}\n                spacing={isMobile ? 0 : 48}\n              >\n                <NetWorthChart {...netWorthProps} />\n                <NetWorthList {...netWorthProps} />\n              </Stack>\n            </>\n          ) : (\n            <Box sx={{ justifyItems: 'center' }}>\n              <EmptyState\n                header={copy.empty_widget_header}\n                icon={'elevation'}\n                onClick={handleManageConnections}\n                primaryButton={copy.empty_widget_button}\n                subText={copy.empty_widget_description}\n                sx={{\n                  width: { sm: 432 },\n                  '.buttons-footer': {\n                    width: 167,\n                  },\n                }}\n              />\n            </Box>\n          )}\n\n          <ConnectionsDrawer\n            onClose={() => setShowConnectionsWidget(false)}\n            showConnectionsWidget={showConnectionsWidget}\n            title={accountsCopy.manage_connections}\n          />\n\n          <Drawer\n            ariaLabelClose={'Close'}\n            isOpen={isGlDrawerOpen}\n            onClose={() => setIsGlDrawerOpen(false)}\n            shouldShowHeaderBorders={false}\n            shouldShowHeaderShadow={true}\n            title={copy.gains_and_losses}\n          >\n            {gainsLosses && <GainsLossesDetail {...gainsLosses} />}\n          </Drawer>\n          <Drawer\n            ariaLabelClose={'Close'}\n            isOpen={isAlDrawerOpen}\n            onClose={() => setIsAlDrawerOpen(false)}\n            shouldShowHeaderBorders={false}\n            shouldShowHeaderShadow={true}\n            title={copy.assets_and_liabilities}\n          >\n            {assetsLiabilities && <AssetsLiabilitiesDetail {...assetsLiabilities} />}\n          </Drawer>\n        </>\n      )}\n    </WidgetContainer>\n  )\n})\n"],"names":["NetWorthWidget","observer","onBackClick","isCopyLoaded","isInitialized","selectedAccounts","setSelectedAccounts","useGlobalUiStore","accountsCopy","copy","useGlobalCopyStore","accounts","useAccountStore","assetsLiabilities","gainsLosses","hoveredData","loadChartData","loadNetWorthData","netWorthChartData","selectedData","setHoveredData","setSelectedData","useNetWorthStore","isMobile","useScreenSize","onEvent","useEvent","isWidgetInitialized","setIsWidgetInitialized","React","timeframe","setTimeFrame","isGlDrawerOpen","setIsGlDrawerOpen","isAlDrawerOpen","setIsAlDrawerOpen","showConnectionsWidget","setShowConnectionsWidget","initalizeWidget","ANALYTICS_EVENTS","handleDataClick","event","dataIndex","handleMouseEnter","handleMouseLeave","handleViewAssetsLiabilitiesClick","handleRangeChanged","range","startDate","endDate","differenceInMonths","netWorthProps","handleManageConnections","jsx","WidgetContainer","jsxs","Fragment","NetWorthSummary","Stack","NetWorthChart","NetWorthList","Box","EmptyState","ConnectionsDrawer","Drawer","GainsLossesDetail","AssetsLiabilitiesDetail","Loader"],"mappings":"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"}