@mx-cartographer/experiences 9.1.1 → 9.1.3-alpha.al0

package/dist/dashboard/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../src/common/components/Banner.tsx","../../src/common/components/addaccounts/AddAccounts.tsx","../../src/dashboard/Greeting.tsx","../../src/dashboard/constants/Dashboard.ts","../../src/dashboard/Dashboard.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useTheme } from '@mui/material/styles'\nimport Stack from '@mui/material/Stack'\n\nimport { useGlobalStore } from '..'\n\nexport const Banner = observer(() => {\n  const theme = useTheme()\n  const {\n    appDataStore: { banner, loadBanner, user },\n  } = useGlobalStore()\n\n  React.useEffect(() => {\n    loadBanner().finally()\n  }, [user])\n\n  if (!banner?.image_url) {\n    return null\n  }\n\n  return (\n    <Stack\n      sx={{\n        alignItems: 'center',\n        width: '100%',\n        mb: 24,\n      }}\n    >\n      <a\n        href={banner?.redirect_url}\n        rel=\"noreferrer\"\n        style={{\n          width: '100%',\n        }}\n        target=\"_blank\"\n      >\n        <img\n          alt=\"\"\n          src={banner.image_url}\n          style={{\n            width: '100%',\n            height: 'auto',\n            border: `1px solid ${theme.palette.grey['300']}`,\n          }}\n        />\n      </a>\n    </Stack>\n  )\n})\n","import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport IconButton from '@mui/material/IconButton'\nimport Tooltip from '@mui/material/Tooltip'\nimport useMediaQuery from '@mui/material/useMediaQuery'\n\nimport { Icon } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\n\ninterface AddAccountsProps {\n  handleConnectClick: () => void\n}\n\nconst AddAccounts = ({ handleConnectClick }: AddAccountsProps) => {\n  const { common: copy } = useGlobalCopyStore()\n  const isSmallerThan700 = useMediaQuery('(max-width: 700px)')\n\n  return (\n    <Box>\n      {isSmallerThan700 ? (\n        <Tooltip id=\"add-accounts\" placement=\"bottom\" title={copy.add_accounts}>\n          <IconButton\n            aria-controls=\"add_accounts\"\n            aria-describedby=\"add-accounts\"\n            aria-haspopup={true}\n            aria-label={copy.add_accounts}\n            color=\"primary\"\n            onClick={handleConnectClick}\n          >\n            <Icon name=\"add\" size={24} />\n          </IconButton>\n        </Tooltip>\n      ) : (\n        <Button\n          aria-controls=\"add_accounts\"\n          aria-haspopup={true}\n          aria-label={copy.add_accounts}\n          onClick={handleConnectClick}\n          startIcon={<Icon name=\"add\" size={24} />}\n          sx={{\n            p: 12,\n            whiteSpace: 'nowrap',\n            minWidth: 'max-content',\n          }}\n          variant=\"text\"\n        >\n          {copy.add_accounts}\n        </Button>\n      )}\n    </Box>\n  )\n}\n\nexport default observer(AddAccounts)\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\nimport Paper from '@mui/material/Paper'\n\nimport { H2, P } from '@mxenabled/mxui'\nimport { useMediaQuery } from '@mui/system'\n\nimport { ConnectDrawer, useAppConfig, useGlobalCopyStore, useScreenSize } from '../common'\n\nimport AddAccounts from '../common/components/addaccounts/AddAccounts'\nimport { GlobalAccountFilter } from '../common/components/GlobalAccountFilter'\n\nconst Greeting = () => {\n  const [showConnectWidget, setShowConnectWidget] = React.useState(false)\n\n  const isSmallMobileDevice = useMediaQuery('(max-width:320px)')\n\n  const { common: commonCopy, connect: connectCopy } = useGlobalCopyStore()\n  const { config } = useAppConfig()\n  const { isMobile } = useScreenSize()\n\n  const getGreeting = () => {\n    const now = new Date()\n    const hour = now.getHours()\n\n    if (hour > 1 && hour < 12) {\n      return commonCopy.good_morning\n    } else if (hour >= 12 && hour < 18) {\n      return commonCopy.good_afternoon\n    } else {\n      return commonCopy.good_evening\n    }\n  }\n\n  return (\n    <React.Fragment>\n      <Paper sx={{ gap: 12, mb: isMobile ? 24 : 0, p: 24 }}>\n        <Stack alignItems=\"center\" flexDirection=\"row\" justifyContent=\"space-between\">\n          <Stack>\n            <H2 variant={isSmallMobileDevice ? 'h2' : 'h1'}>{getGreeting()}</H2>\n            <P color=\"text.secondary\">{commonCopy.heres_your_spending_overview}</P>\n          </Stack>\n          <Stack flexDirection=\"row\">\n            {config.show_connections_widget_in_master && (\n              <AddAccounts handleConnectClick={() => setShowConnectWidget(true)} />\n            )}\n            <GlobalAccountFilter />\n          </Stack>\n        </Stack>\n      </Paper>\n      {showConnectWidget && (\n        <ConnectDrawer\n          onClose={() => setShowConnectWidget(false)}\n          showConnectWidget={showConnectWidget}\n          title={connectCopy.mini_title}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n\nexport default observer(Greeting)\n","export enum DashboardLocation {\n  Main = 0,\n  RightSide = 1,\n  Disabled = 2,\n}\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Grid from '@mui/material/Grid'\nimport Skeleton from '@mui/material/Skeleton'\nimport Stack from '@mui/material/Stack'\n\nimport { useGlobalStore, useScreenSize, useWidgetLoadTimer } from '../common'\n\nimport { Banner } from '../common/components/Banner'\n\nimport Greeting from './Greeting'\nimport { DashboardLocation } from './constants/Dashboard'\nimport type { DashboardWidget } from './types/DashboardTypes'\n\nexport interface DashboardProps {\n  widgets: DashboardWidget[]\n  isLoading: boolean\n}\n\nconst Dashboard: React.FC<DashboardProps> = ({ widgets, isLoading }) => {\n  const { isDesktop, isMobile } = useScreenSize()\n  const { copyStore } = useGlobalStore()\n\n  useWidgetLoadTimer({\n    widgetName: 'Dashboard',\n    isLoaded: !isLoading,\n  })\n\n  const sortedWidgets = React.useMemo(\n    () =>\n      widgets\n        .filter((widget) => widget.location !== DashboardLocation.Disabled)\n        .sort((w1, w2) => w1.index - w2.index),\n    [widgets],\n  )\n\n  const mainWidgets = React.useMemo(\n    () => sortedWidgets.filter((widget) => widget.location === DashboardLocation.Main),\n    [sortedWidgets],\n  )\n\n  const sideWidgets = React.useMemo(\n    () => sortedWidgets.filter((widget) => widget.location === DashboardLocation.RightSide),\n    [sortedWidgets],\n  )\n\n  return (\n    <Grid container={true} spacing={isMobile ? 0 : 24}>\n      <Grid size={12} sx={{ pt: 16 }}>\n        {copyStore.isInitialized && <Greeting />}\n      </Grid>\n\n      {/* Main Column */}\n      <Grid size={{ xs: 12, lg: 8 }}>\n        <Banner />\n        {isLoading && (\n          <Stack direction=\"column\" spacing={24}>\n            <Skeleton height={100} variant=\"rounded\" width=\"100%\" />\n            <Skeleton height={300} variant=\"rounded\" width=\"100%\" />\n            <Skeleton height={300} variant=\"rounded\" width=\"100%\" />\n          </Stack>\n        )}\n        {!isLoading && (\n          <Stack direction=\"column\" spacing={24}>\n            {isDesktop\n              ? mainWidgets.map((widget) => (\n                  <React.Fragment key={widget.index}>{widget.component}</React.Fragment>\n                ))\n              : sortedWidgets.map((widget) => (\n                  <React.Fragment key={widget.index}>{widget.component}</React.Fragment>\n                ))}\n          </Stack>\n        )}\n      </Grid>\n\n      {/* Right Column */}\n      {isDesktop && (\n        <Grid size={{ lg: 4 }}>\n          {isLoading ? (\n            <Stack direction=\"column\" spacing={24}>\n              <Skeleton height={200} variant=\"rounded\" width=\"100%\" />\n              <Skeleton height={100} variant=\"rounded\" width=\"100%\" />\n              <Skeleton height={300} variant=\"rounded\" width=\"100%\" />\n            </Stack>\n          ) : (\n            <Stack direction=\"column\" spacing={24}>\n              {sideWidgets.map((widget) => (\n                <React.Fragment key={widget.index}>{widget.component}</React.Fragment>\n              ))}\n            </Stack>\n          )}\n        </Grid>\n      )}\n    </Grid>\n  )\n}\n\nexport default observer(Dashboard)\n"],"names":["Banner","observer","theme","useTheme","banner","loadBanner","user","useGlobalStore","React","jsx","Stack","AddAccounts","handleConnectClick","copy","useGlobalCopyStore","isSmallerThan700","useMediaQuery","Box","Tooltip","IconButton","Icon","Button","AddAccounts$1","Greeting","showConnectWidget","setShowConnectWidget","isSmallMobileDevice","commonCopy","connectCopy","config","useAppConfig","isMobile","useScreenSize","getGreeting","hour","jsxs","Paper","H2","P","GlobalAccountFilter","ConnectDrawer","Greeting$1","DashboardLocation","Dashboard","widgets","isLoading","isDesktop","copyStore","useWidgetLoadTimer","sortedWidgets","widget","w1","w2","mainWidgets","sideWidgets","Grid","Skeleton","Dashboard_default"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../../src/common/components/Banner.tsx","../../src/common/components/addaccounts/AddAccounts.tsx","../../src/dashboard/Greeting.tsx","../../src/dashboard/constants/Dashboard.ts","../../src/dashboard/Dashboard.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useTheme } from '@mui/material/styles'\nimport Stack from '@mui/material/Stack'\n\nimport { useGlobalStore } from '..'\n\nexport const Banner = observer(() => {\n  const theme = useTheme()\n  const {\n    appDataStore: { banner, loadBanner, user },\n  } = useGlobalStore()\n\n  React.useEffect(() => {\n    loadBanner().finally()\n  }, [user])\n\n  if (!banner?.image_url) {\n    return null\n  }\n\n  return (\n    <Stack\n      sx={{\n        alignItems: 'center',\n        width: '100%',\n        mb: 24,\n      }}\n    >\n      <a\n        href={banner?.redirect_url}\n        rel=\"noreferrer\"\n        style={{\n          width: '100%',\n        }}\n        target=\"_blank\"\n      >\n        <img\n          alt=\"\"\n          src={banner.image_url}\n          style={{\n            width: '100%',\n            height: 'auto',\n            border: `1px solid ${theme.palette.grey['300']}`,\n          }}\n        />\n      </a>\n    </Stack>\n  )\n})\n","import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport IconButton from '@mui/material/IconButton'\nimport Tooltip from '@mui/material/Tooltip'\nimport useMediaQuery from '@mui/material/useMediaQuery'\n\nimport { Icon } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\n\ninterface AddAccountsProps {\n  handleConnectClick: () => void\n}\n\nconst AddAccounts = ({ handleConnectClick }: AddAccountsProps) => {\n  const { common: copy } = useGlobalCopyStore()\n  const isSmallerThan700 = useMediaQuery('(max-width: 700px)')\n\n  return (\n    <Box>\n      {isSmallerThan700 ? (\n        <Tooltip id=\"add-accounts\" placement=\"bottom\" title={copy.add_accounts}>\n          <IconButton\n            aria-controls=\"add_accounts\"\n            aria-describedby=\"add-accounts\"\n            aria-haspopup={true}\n            aria-label={copy.add_accounts}\n            color=\"primary\"\n            onClick={handleConnectClick}\n          >\n            <Icon name=\"add\" size={24} />\n          </IconButton>\n        </Tooltip>\n      ) : (\n        <Button\n          aria-controls=\"add_accounts\"\n          aria-haspopup={true}\n          aria-label={copy.add_accounts}\n          onClick={handleConnectClick}\n          startIcon={<Icon name=\"add\" size={24} />}\n          sx={{\n            p: 12,\n            whiteSpace: 'nowrap',\n            minWidth: 'max-content',\n          }}\n          variant=\"text\"\n        >\n          {copy.add_accounts}\n        </Button>\n      )}\n    </Box>\n  )\n}\n\nexport default observer(AddAccounts)\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\nimport Paper from '@mui/material/Paper'\n\nimport { H2, P } from '@mxenabled/mxui'\nimport { useMediaQuery } from '@mui/system'\n\nimport { ConnectDrawer, useAppConfig, useGlobalCopyStore, useScreenSize } from '../common'\nimport { usePostHog } from 'posthog-js/react'\n\nimport AddAccounts from '../common/components/addaccounts/AddAccounts'\nimport { GlobalAccountFilter } from '../common/components/GlobalAccountFilter'\n\nconst TestExperiencesError = () => {\n  const posthog = usePostHog()\n\n  const handleClick = () => {\n    posthog.captureException(new Error('PostHog experiences source maps test'))\n  }\n\n  return (\n    <button\n      onClick={handleClick}\n      style={{\n        backgroundColor: 'red',\n        color: 'white',\n        border: 'none',\n        padding: '8px 16px',\n        borderRadius: 4,\n        cursor: 'pointer',\n        marginRight: 8,\n      }}\n    >\n      Test Experiences Error\n    </button>\n  )\n}\n\nconst Greeting = () => {\n  const [showConnectWidget, setShowConnectWidget] = React.useState(false)\n\n  const isSmallMobileDevice = useMediaQuery('(max-width:320px)')\n\n  const { common: commonCopy, connect: connectCopy } = useGlobalCopyStore()\n  const { config } = useAppConfig()\n  const { isMobile } = useScreenSize()\n\n  const getGreeting = () => {\n    const now = new Date()\n    const hour = now.getHours()\n\n    if (hour > 1 && hour < 12) {\n      return commonCopy.good_morning\n    } else if (hour >= 12 && hour < 18) {\n      return commonCopy.good_afternoon\n    } else {\n      return commonCopy.good_evening\n    }\n  }\n\n  return (\n    <React.Fragment>\n      <Paper sx={{ gap: 12, mb: isMobile ? 24 : 0, p: 24 }}>\n        <Stack alignItems=\"center\" flexDirection=\"row\" justifyContent=\"space-between\">\n          <Stack>\n            <H2 variant={isSmallMobileDevice ? 'h2' : 'h1'}>{getGreeting()}</H2>\n            <P color=\"text.secondary\">{commonCopy.heres_your_spending_overview}</P>\n          </Stack>\n          <Stack flexDirection=\"row\">\n            {config.show_connections_widget_in_master && (\n              <AddAccounts handleConnectClick={() => setShowConnectWidget(true)} />\n            )}\n            <TestExperiencesError />\n            <GlobalAccountFilter />\n          </Stack>\n        </Stack>\n      </Paper>\n      {showConnectWidget && (\n        <ConnectDrawer\n          onClose={() => setShowConnectWidget(false)}\n          showConnectWidget={showConnectWidget}\n          title={connectCopy.mini_title}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n\nexport default observer(Greeting)\n","export enum DashboardLocation {\n  Main = 0,\n  RightSide = 1,\n  Disabled = 2,\n}\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Grid from '@mui/material/Grid'\nimport Skeleton from '@mui/material/Skeleton'\nimport Stack from '@mui/material/Stack'\n\nimport { useGlobalStore, useScreenSize, useWidgetLoadTimer } from '../common'\n\nimport { Banner } from '../common/components/Banner'\n\nimport Greeting from './Greeting'\nimport { DashboardLocation } from './constants/Dashboard'\nimport type { DashboardWidget } from './types/DashboardTypes'\n\nexport interface DashboardProps {\n  widgets: DashboardWidget[]\n  isLoading: boolean\n}\n\nconst Dashboard: React.FC<DashboardProps> = ({ widgets, isLoading }) => {\n  const { isDesktop, isMobile } = useScreenSize()\n  const { copyStore } = useGlobalStore()\n\n  useWidgetLoadTimer({\n    widgetName: 'Dashboard',\n    isLoaded: !isLoading,\n  })\n\n  const sortedWidgets = React.useMemo(\n    () =>\n      widgets\n        .filter((widget) => widget.location !== DashboardLocation.Disabled)\n        .sort((w1, w2) => w1.index - w2.index),\n    [widgets],\n  )\n\n  const mainWidgets = React.useMemo(\n    () => sortedWidgets.filter((widget) => widget.location === DashboardLocation.Main),\n    [sortedWidgets],\n  )\n\n  const sideWidgets = React.useMemo(\n    () => sortedWidgets.filter((widget) => widget.location === DashboardLocation.RightSide),\n    [sortedWidgets],\n  )\n\n  return (\n    <Grid container={true} spacing={isMobile ? 0 : 24}>\n      <Grid size={12} sx={{ pt: 16 }}>\n        {copyStore.isInitialized && <Greeting />}\n      </Grid>\n\n      {/* Main Column */}\n      <Grid size={{ xs: 12, lg: 8 }}>\n        <Banner />\n        {isLoading && (\n          <Stack direction=\"column\" spacing={24}>\n            <Skeleton height={100} variant=\"rounded\" width=\"100%\" />\n            <Skeleton height={300} variant=\"rounded\" width=\"100%\" />\n            <Skeleton height={300} variant=\"rounded\" width=\"100%\" />\n          </Stack>\n        )}\n        {!isLoading && (\n          <Stack direction=\"column\" spacing={24}>\n            {isDesktop\n              ? mainWidgets.map((widget) => (\n                  <React.Fragment key={widget.index}>{widget.component}</React.Fragment>\n                ))\n              : sortedWidgets.map((widget) => (\n                  <React.Fragment key={widget.index}>{widget.component}</React.Fragment>\n                ))}\n          </Stack>\n        )}\n      </Grid>\n\n      {/* Right Column */}\n      {isDesktop && (\n        <Grid size={{ lg: 4 }}>\n          {isLoading ? (\n            <Stack direction=\"column\" spacing={24}>\n              <Skeleton height={200} variant=\"rounded\" width=\"100%\" />\n              <Skeleton height={100} variant=\"rounded\" width=\"100%\" />\n              <Skeleton height={300} variant=\"rounded\" width=\"100%\" />\n            </Stack>\n          ) : (\n            <Stack direction=\"column\" spacing={24}>\n              {sideWidgets.map((widget) => (\n                <React.Fragment key={widget.index}>{widget.component}</React.Fragment>\n              ))}\n            </Stack>\n          )}\n        </Grid>\n      )}\n    </Grid>\n  )\n}\n\nexport default observer(Dashboard)\n"],"names":["Banner","observer","theme","useTheme","banner","loadBanner","user","useGlobalStore","React","jsx","Stack","AddAccounts","handleConnectClick","copy","useGlobalCopyStore","isSmallerThan700","useMediaQuery","Box","Tooltip","IconButton","Icon","Button","AddAccounts$1","TestExperiencesError","posthog","usePostHog","Greeting","showConnectWidget","setShowConnectWidget","isSmallMobileDevice","commonCopy","connectCopy","config","useAppConfig","isMobile","useScreenSize","getGreeting","hour","jsxs","Paper","H2","P","GlobalAccountFilter","ConnectDrawer","Greeting$1","DashboardLocation","Dashboard","widgets","isLoading","isDesktop","copyStore","useWidgetLoadTimer","sortedWidgets","widget","w1","w2","mainWidgets","sideWidgets","Grid","Skeleton","Dashboard_default"],"mappings":"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"}

package/dist/debts/index.es.js

@@ -19,7 +19,7 @@ import Ue from "@mui/material/CardHeader";
 import le from "@mui/material/Box";
 import { useTheme as qe } from "@mui/material/styles";
 import { LineChart as Xe } from "@mui/x-charts/LineChart";
-import { A as S } from "../Analytics-WeZYytR0.mjs";
+import { A as S } from "../Analytics-D-jdcL72.mjs";
 import be from "@mui/material/Tab";
 import Ze from "@mui/material/Tabs";
 import we from "@mui/material/List";
@@ -42,7 +42,7 @@ import it from "@mui/material/ListItem";
 import lt from "@mui/material/Popover";
 import { u as st } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { L as ct } from "../Loader-CxeBwuPG.mjs";
-import { W as dt } from "../WidgetContainer-DJnp6t6c.mjs";
+import { W as dt } from "../WidgetContainer-CjdCY4sj.mjs";
 import { E as pt } from "../EmptyState-CJUDc3kD.mjs";
 import { C as ut } from "../ConnectDrawer-CW4LA3H3.mjs";
 function ht(r, n, o = 0) {

package/dist/finstrong/index.es.js

@@ -49,7 +49,7 @@ import { S as dt } from "../Select-CSpkK5cR.mjs";
 import { c as je } from "../Account-DR7Plrqy.mjs";
 import { S as zn } from "../StatusBar-CPfSXe80.mjs";
 import { k as Dt } from "../DateUtil-CzBmbjmA.mjs";
-import { T as Hn, s as Kn, h as Vn, S as jn, a as Yn } from "../EmbeddedCard-DH8vQ3qN.mjs";
+import { T as Hn, s as Kn, h as Vn, S as jn, a as Yn } from "../EmbeddedCard-DCOQnTz-.mjs";
 import { T as ge } from "../TabContentContainer-B0eYJP5p.mjs";
 import Xn from "@mui/material/useMediaQuery";
 import { BarPlot as Un } from "@mui/x-charts/BarChart";
@@ -62,11 +62,11 @@ import { g as Jn, S as eo, b as to } from "../SpendingLegend-CxvNOg3c.mjs";
 import { formatISO as no } from "date-fns/formatISO";
 import { fromUnixTime as oo } from "date-fns/fromUnixTime";
 import { subDays as ro } from "date-fns/subDays";
-import { c as ao, b as pt, S as io, i as so } from "../ManageIncome-Be9WHv-s.mjs";
+import { c as ao, b as pt, S as io, i as so } from "../ManageIncome-B_8i71mE.mjs";
 import { F as Tt, d as co, R as Ot } from "../RecurringTransactionsUtil-CHWmqvW5.mjs";
 import { LocalizationProvider as lo, DatePicker as po, StaticDatePicker as uo } from "@mui/x-date-pickers";
 import { AdapterDateFns as Rt } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { R as _o } from "../RecurringSettings-kRqAViNn.mjs";
+import { R as _o } from "../RecurringSettings-hs0YUp83.mjs";
 import { LocalizationProvider as mo } from "@mui/x-date-pickers/LocalizationProvider";
 import ho from "@mui/lab/Timeline";
 import go, { timelineItemClasses as yo } from "@mui/lab/TimelineItem";
@@ -78,7 +78,7 @@ import So from "@mui/material/Accordion";
 import vo from "@mui/material/AccordionDetails";
 import wo from "@mui/material/AccordionSummary";
 import { u as ko } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { W as Mo } from "../WidgetContainer-DJnp6t6c.mjs";
+import { W as Mo } from "../WidgetContainer-CjdCY4sj.mjs";
 const Ae = {
   creditScore: {
     poor: 600,

package/dist/goals/index.es.js

@@ -48,9 +48,9 @@ import { DatePicker as ut } from "@mui/x-date-pickers";
 import { LocalizationProvider as _t } from "@mui/x-date-pickers/LocalizationProvider";
 import { D as pt } from "../Dialog-Bvd2n8hz.mjs";
 import { u as Me } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { A as $ } from "../Analytics-WeZYytR0.mjs";
+import { A as $ } from "../Analytics-D-jdcL72.mjs";
 import { L as Le } from "../Loader-CxeBwuPG.mjs";
-import { W as ht } from "../WidgetContainer-DJnp6t6c.mjs";
+import { W as ht } from "../WidgetContainer-CjdCY4sj.mjs";
 import { E as bt } from "../EmptyState-CJUDc3kD.mjs";
 import ft from "@mui/material/Box";
 import { useTheme as gt } from "@mui/material/styles";

package/dist/help/index.es.js

@@ -1,10 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
 import { observer as m } from "mobx-react-lite";
-import { H as s } from "../Help-aERwhajy.mjs";
+import { H as s } from "../Help-zVZdcmlk.mjs";
 import { a } from "../hooks-97sNJ_lf.mjs";
 import { u as p } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { L as d } from "../Loader-CxeBwuPG.mjs";
-import { W as f } from "../WidgetContainer-DJnp6t6c.mjs";
+import { W as f } from "../WidgetContainer-CjdCY4sj.mjs";
 const L = m(({ onBackClick: e, onMenuClick: i, sx: t }) => {
   const { isInitialized: o } = a();
   return p({

package/dist/insights/index.es.js

@@ -1,8 +1,8 @@
 import { jsx as t, jsxs as c, Fragment as N } from "react/jsx-runtime";
 import { BottomSheetTransition as r2, Text as E, MerchantLogo as Q, InstitutionLogo as F, P as J, H3 as h1, H2 as c1, Icon as k1, CategoryIcon as g1, createMXTheme as i2 } from "@mxenabled/mxui";
 import C from "@mui/material/Stack";
-import { e as K, p as n2, B as z1, b as l2 } from "../EmbeddedCard-DH8vQ3qN.mjs";
-import { f as d5, C as C5, E as m5 } from "../EmbeddedCard-DH8vQ3qN.mjs";
+import { e as K, p as n2, B as z1, b as l2 } from "../EmbeddedCard-DCOQnTz-.mjs";
+import { f as d5, C as C5, E as m5 } from "../EmbeddedCard-DCOQnTz-.mjs";
 import { CardHeader as a2, Stack as v, Button as A1, Card as j1, Box as L1, ToggleButtonGroup as o2, TextField as s2, Grow as c2, Alert as h2, useTheme as d2, useMediaQuery as H1, AppBar as C2, Toolbar as m2, IconButton as u1, List as p2, ListItem as E2, Divider as u2 } from "@mui/material";
 import { useTheme as f2, styled as x2, Stack as f1 } from "@mui/system";
 import { Link as y2, Icon as S, CheckCircle as W1, ChevronRight as M2 } from "@mxenabled/mx-icons";

package/dist/investments/index.es.js

@@ -17,7 +17,7 @@ import fe from "@mui/material/ToggleButtonGroup";
 import { Text as o, P as X, InstitutionLogo as oe } from "@mxenabled/mxui";
 import Ue from "@mui/material/Button";
 import { u as N, f as ve, v as U, a as J, c as ce } from "../hooks-97sNJ_lf.mjs";
-import { A as z } from "../Analytics-WeZYytR0.mjs";
+import { A as z } from "../Analytics-D-jdcL72.mjs";
 import { f as re, a as je } from "../NumberFormatting--XMeeBfr.mjs";
 import { u as j } from "../useScreenSize-mWpmnh5w.mjs";
 import { useTheme as Z } from "@mui/material/styles";
@@ -38,7 +38,7 @@ import { DataGridPro as $e } from "@mui/x-data-grid-pro";
 import { Stack as Pe } from "@mui/material";
 import { L as De } from "../Loader-CxeBwuPG.mjs";
 import { u as qe } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { W as Ke } from "../WidgetContainer-DJnp6t6c.mjs";
+import { W as Ke } from "../WidgetContainer-CjdCY4sj.mjs";
 import { c as Ye } from "../Account-DR7Plrqy.mjs";
 import { E as Qe } from "../EmptyState-CJUDc3kD.mjs";
 const me = ({ sx: t = {} }) => {

package/dist/networth/index.es.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as e, Fragment as N } from "react/jsx-runtime";
-import u from "react";
+import x from "react";
 import { observer as _ } from "mobx-react-lite";
 import m from "@mui/material/Stack";
 import { P as Y, Text as d, Icon as R } from "@mxenabled/mxui";
@@ -7,7 +7,7 @@ import { Icon as Z } from "@mxenabled/mx-icons";
 import { f as F } from "../NumberFormatting--XMeeBfr.mjs";
 import { c as oe, f as $, u as E, a as q, x as j, D as re } from "../hooks-97sNJ_lf.mjs";
 import { u as J } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { A as v } from "../Analytics-WeZYytR0.mjs";
+import { A as v } from "../Analytics-D-jdcL72.mjs";
 import { L as Q } from "../Loader-CxeBwuPG.mjs";
 import { M as ie } from "../MicroWidgetContainer-B2NnKBgW.mjs";
 import { format as ae, fromUnixTime as se, differenceInMonths as ce } from "date-fns";
@@ -19,20 +19,20 @@ import { L as me } from "../LineChart-CUfiH86G.mjs";
 import { u as ee } from "../useScreenSize-mWpmnh5w.mjs";
 import { f as he, D as pe } from "../DateFormats-HudZ3Bjs.mjs";
 import ue from "@mui/material/Button";
-import L from "@mui/material/Divider";
+import I from "@mui/material/Divider";
 import z from "@mui/material/List";
 import A from "@mui/material/ListSubheader";
 import O from "@mui/material/ListItem";
 import te from "@mui/material/ListItemButton";
 import b from "@mui/material/ListItemText";
 import { l as ne } from "../DateUtil-CzBmbjmA.mjs";
-import { C as x } from "../CurrencyText-CCbE6MmF.mjs";
+import { C as f } from "../CurrencyText-CCbE6MmF.mjs";
 import { Stack as fe } from "@mui/material";
 import xe from "@mui/material/Collapse";
 import K from "@mui/material/ListItemIcon";
 import { g as U } from "../NetWorthUtils-Dj7CgAg2.mjs";
 import { D as V } from "../Drawer-DsnW2o0v.mjs";
-import { W as ge } from "../WidgetContainer-DJnp6t6c.mjs";
+import { W as ge } from "../WidgetContainer-CjdCY4sj.mjs";
 import { E as ye } from "../EmptyState-CJUDc3kD.mjs";
 const Ce = ({ amount: t, copy: s, trendValue: i }) => {
   const n = i > 0, o = i === 0 ? "trending_flat" : n ? "trending_up" : "trending_down";
@@ -53,13 +53,13 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
     /* @__PURE__ */ e(Y, { sx: { color: "text.secondary" }, variant: "body2", children: t.zero_state_description })
   ] })
 ] }), gt = _(({ onCTAClick: t }) => {
-  const { visibleAccounts: s } = oe(), { onEvent: i } = $(), { net_worth: n, common: a } = E(), { isInitialized: o } = q(), { isNetWorthDataLoaded: c, loadNetWorthData: l, netWorthData: g, selectedData: f } = j();
-  if (u.useEffect(() => {
+  const { visibleAccounts: s } = oe(), { onEvent: i } = $(), { net_worth: n, common: a } = E(), { isInitialized: o } = q(), { isNetWorthDataLoaded: c, loadNetWorthData: l, netWorthData: g, selectedData: u } = j();
+  if (x.useEffect(() => {
     c || l().finally();
   }, []), J({
     widgetName: "NetWorthMicroWidget",
     isLoaded: c
-  }), u.useEffect(() => {
+  }), x.useEffect(() => {
     c && i(v.NET_WORTH_LOAD_WIDGET, {
       state: s?.length ? "default" : "zeroState"
     });
@@ -79,9 +79,9 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
       children: g.accounts.length ? /* @__PURE__ */ e(
         Ce,
         {
-          amount: f?.y,
+          amount: u?.y,
           copy: n,
-          trendValue: f?.change
+          trendValue: u?.change
         }
       ) : /* @__PURE__ */ e(be, { copy: n })
     }
@@ -93,18 +93,18 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
     selectedData: o,
     setHoveredIndex: c,
     setSelectedIndex: l
-  } = j(), g = s - 320, f = a.map((h) => ({
+  } = j(), g = s - 320, u = a.map((h) => ({
     x: he(de(h.x), pe.MONTH_SHORT),
     y: h.y
-  })), W = o ? { index: a.findIndex((h) => h.x === o.x) } : void 0, S = n ? { index: a.findIndex((h) => h.x === n.x) } : void 0, w = (h) => ({
+  })), W = o ? { index: a.findIndex((h) => h.x === o.x) } : void 0, y = n ? { index: a.findIndex((h) => h.x === n.x) } : void 0, w = (h) => ({
     fill: h === W?.index ? i.palette.success.main : "",
-    filter: h === S?.index ? `drop-shadow(0px 0px 10px ${i.palette.success.main})` : "none",
+    filter: h === y?.index ? `drop-shadow(0px 0px 10px ${i.palette.success.main})` : "none",
     stroke: i.palette.success.main
-  }), y = (h, M) => {
+  }), L = (h, M) => {
     l(M);
-  }, k = (h) => {
+  }, D = (h) => {
     c(h);
-  }, D = () => {
+  }, k = () => {
     c(-1);
   };
   return /* @__PURE__ */ e(m, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
@@ -115,11 +115,11 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
       chartXaxisSx: { "& .MuiChartsAxis-tickLabel": { transform: "translateX(8px)" } },
       chartYaxisSx: { "& .MuiChartsAxis-tickLabel": { transform: "translateX(-8px)" } },
       colors: [i.palette.success.main],
-      datasets: [f],
+      datasets: [u],
       height: 350,
       labels: [],
       margin: { right: 20, left: 38 },
-      markHandlers: { onMarkClick: y, onMouseEnter: k, onMouseLeave: D },
+      markHandlers: { onMarkClick: L, onMouseEnter: D, onMouseLeave: k },
       markStyles: w,
       showArea: !0,
       useCustomMark: !0,
@@ -136,12 +136,12 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
   onMouseEnter: o,
   onMouseLeave: c
 }) => {
-  const [l, g] = u.useState({
+  const [l, g] = x.useState({
     color: ""
   });
-  return u.useEffect(() => {
+  return x.useEffect(() => {
     g(s(t));
-  }, [i, n]), /* @__PURE__ */ r(u.Fragment, { children: [
+  }, [i, n]), /* @__PURE__ */ r(x.Fragment, { children: [
     /* @__PURE__ */ e(
       O,
       {
@@ -153,7 +153,7 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
         children: /* @__PURE__ */ e(
           te,
           {
-            onClick: (f) => a?.(f, t.x),
+            onClick: (u) => a?.(u, t.x),
             onMouseEnter: () => o(t.x),
             onMouseLeave: () => c(),
             sx: { minHeight: 20, padding: 12 },
@@ -162,7 +162,7 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
               {
                 primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
                   /* @__PURE__ */ e(d, { variant: "body1", children: ne(t.x) }),
-                  /* @__PURE__ */ e(x, { amount: t.y, sx: { color: "inherit" }, variant: "body1" })
+                  /* @__PURE__ */ e(f, { amount: t.y, sx: { color: "inherit" }, variant: "body1" })
                 ] })
               }
             )
@@ -170,7 +170,7 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
         )
       }
     ),
-    /* @__PURE__ */ e(L, {})
+    /* @__PURE__ */ e(I, {})
   ] }, t.x);
 }, We = _(ve), Se = ({
   currencyLabel: t,
@@ -191,10 +191,10 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
         }
       }
     ),
-    /* @__PURE__ */ e(x, { amount: n.change, color: c, variant: s }),
+    /* @__PURE__ */ e(f, { amount: n.change, color: c, variant: s }),
     /* @__PURE__ */ e(d, { variant: "body2", children: t })
   ] });
-}, B = _(Se), Ie = ({
+}, B = _(Se), Te = ({
   netWorth: t,
   gains: s,
   losses: i,
@@ -214,18 +214,18 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
         {
           primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
             /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "caption", children: o.gains }),
-            /* @__PURE__ */ e(x, { amount: n, sx: { fontWeight: 400 }, variant: "caption" })
+            /* @__PURE__ */ e(f, { amount: n, sx: { fontWeight: 400 }, variant: "caption" })
           ] })
         }
       ) }),
-      s?.map((l) => /* @__PURE__ */ r(u.Fragment, { children: [
+      s?.map((l) => /* @__PURE__ */ r(x.Fragment, { children: [
         /* @__PURE__ */ e(O, { sx: { backgroundColor: c.palette.background.paper, py: 14 }, children: /* @__PURE__ */ e(
           b,
           {
             primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
               /* @__PURE__ */ e(d, { sx: { mr: 10 }, variant: "body1", children: l.accountName }),
               /* @__PURE__ */ e(
-                x,
+                f,
                 {
                   amount: l.gain,
                   sx: { color: c.palette.success.main, flexShrink: 0, fontWeight: 700 },
@@ -236,14 +236,14 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
             sx: { px: 16 }
           }
         ) }),
-        /* @__PURE__ */ e(L, {})
+        /* @__PURE__ */ e(I, {})
       ] }, l.accountName)),
       /* @__PURE__ */ e(A, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
         b,
         {
           primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
             /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "caption", children: o.losses }),
-            /* @__PURE__ */ e(x, { amount: a, sx: { fontWeight: 400 }, variant: "caption" })
+            /* @__PURE__ */ e(f, { amount: a, sx: { fontWeight: 400 }, variant: "caption" })
           ] })
         }
       ) }),
@@ -267,7 +267,7 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
                     }
                   ),
                   /* @__PURE__ */ e(
-                    x,
+                    f,
                     {
                       amount: l.loss,
                       sx: { flexShrink: 0, fontWeight: 700 },
@@ -281,12 +281,12 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
           },
           l.accountName
         ),
-        /* @__PURE__ */ e(L, {})
+        /* @__PURE__ */ e(I, {})
       ] }))
     ] })
   ] });
-}, Te = _(Ie), Le = ({ accounts: t, name: s, icon: i }) => {
-  const [n, a] = u.useState(!1);
+}, Ie = _(Te), Le = ({ accounts: t, name: s, icon: i }) => {
+  const [n, a] = x.useState(!1);
   return /* @__PURE__ */ r(N, { children: [
     /* @__PURE__ */ e(O, { sx: (o) => ({ backgroundColor: o.palette.background.paper }), children: /* @__PURE__ */ r(te, { onClick: () => a(!n), children: [
       i && /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(R, { name: i, size: 24, sx: { mr: 12 } }) }),
@@ -298,7 +298,7 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
       ),
       /* @__PURE__ */ e(K, { children: n ? /* @__PURE__ */ e(R, { name: "expand_less", size: 24 }) : /* @__PURE__ */ e(R, { name: "expand_more", size: 24 }) })
     ] }) }),
-    /* @__PURE__ */ e(L, {}),
+    /* @__PURE__ */ e(I, {}),
     /* @__PURE__ */ e(xe, { in: n, timeout: "auto", unmountOnExit: !0, children: t.map((o, c) => /* @__PURE__ */ r(z, { children: [
       /* @__PURE__ */ e(O, { sx: () => ({ py: 14 }), children: /* @__PURE__ */ e(
         b,
@@ -315,7 +315,7 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
               }
             ),
             /* @__PURE__ */ e(
-              x,
+              f,
               {
                 amount: o.balance,
                 sx: {
@@ -328,7 +328,7 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
           sx: { pl: 72, pr: 16 }
         }
       ) }),
-      c < t.length - 1 ? /* @__PURE__ */ e(L, { variant: "inset" }) : /* @__PURE__ */ e(L, {})
+      c < t.length - 1 ? /* @__PURE__ */ e(I, { variant: "inset" }) : /* @__PURE__ */ e(I, {})
     ] }, o.accountName)) })
   ] });
 }, X = ({ groupedAccounts: t }) => /* @__PURE__ */ e(N, { children: t.map(({ accounts: s, icon: i, name: n }) => /* @__PURE__ */ e(Le, { accounts: s, icon: i, name: n }, n)) }), De = ({
@@ -353,7 +353,7 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
         },
         children: [
           /* @__PURE__ */ e(d, { variant: "body1", children: o.current_net_worth }),
-          /* @__PURE__ */ e(x, { amount: t?.y ?? 0, variant: "h1" }),
+          /* @__PURE__ */ e(f, { amount: t?.y ?? 0, variant: "h1" }),
           t && /* @__PURE__ */ e(
             B,
             {
@@ -372,7 +372,7 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
         {
           primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
             /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "caption", children: o.assets }),
-            /* @__PURE__ */ e(x, { amount: n, sx: { fontWeight: 400 }, variant: "caption" })
+            /* @__PURE__ */ e(f, { amount: n, sx: { fontWeight: 400 }, variant: "caption" })
           ] })
         }
       ) }),
@@ -383,7 +383,7 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
           primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
             /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "caption", children: o.liabilities }),
             /* @__PURE__ */ e(
-              x,
+              f,
               {
                 amount: a,
                 sx: { fontWeight: 400 },
@@ -404,18 +404,18 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
     netWorthChartData: c,
     selectedData: l,
     setHoveredIndex: g,
-    setSelectedIndex: f
-  } = j(), [W, S] = u.useState(!1), [w, y] = u.useState(!1), k = (p) => {
-    const C = p.x === o?.x, I = p.x === l?.x, T = {
+    setSelectedIndex: u
+  } = j(), [W, y] = x.useState(!1), [w, L] = x.useState(!1), D = (p) => {
+    const C = p.x === o?.x, S = p.x === l?.x, T = {
       backgroundColor: "inherit",
       borderBottom: "inherit",
       color: "inherit"
     };
-    return C && (T.color = I ? "inherit" : T.color, T.backgroundColor = s.palette.action.hover), I && (T.backgroundColor = s.palette.primary.main, T.borderBottom = s.palette.neutral.light, T.color = s.palette.common.white), T;
-  }, D = (p, C) => {
-    f(C), p.currentTarget instanceof HTMLDivElement && S(!0);
+    return C && (T.color = S ? "inherit" : T.color, T.backgroundColor = s.palette.action.hover), S && (T.backgroundColor = s.palette.primary.main, T.borderBottom = s.palette.neutral.light, T.color = s.palette.common.white), T;
+  }, k = (p, C) => {
+    u(C), p.currentTarget instanceof HTMLDivElement && y(!0);
   }, h = () => {
-    y(!0), i(v.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES);
+    L(!0), i(v.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES);
   }, M = (p) => {
     g(p);
   }, G = () => {
@@ -424,15 +424,15 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
   return /* @__PURE__ */ r(m, { direction: "column", sx: { width: 320 }, children: [
     /* @__PURE__ */ r(z, { children: [
       /* @__PURE__ */ e(A, { sx: { backgroundColor: "transparent", mb: 8, mt: 12, px: 12 }, children: /* @__PURE__ */ e(d, { bold: !0, component: "h2", variant: "body1", children: t.monthly_totals }) }),
-      /* @__PURE__ */ e(L, {}),
+      /* @__PURE__ */ e(I, {}),
       c.map((p, C) => /* @__PURE__ */ e(
         We,
         {
-          getStyles: k,
+          getStyles: D,
           isHovered: p.x === o?.x,
           isSelected: p.x === l?.x,
           item: p,
-          onItemClick: (I) => D(I, C),
+          onItemClick: (S) => k(S, C),
           onMouseEnter: () => M(C),
           onMouseLeave: () => G()
         },
@@ -453,11 +453,11 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
       {
         ariaLabelClose: "Close",
         isOpen: W,
-        onClose: () => S(!1),
+        onClose: () => y(!1),
         shouldShowHeaderBorders: !1,
         shouldShowHeaderShadow: !0,
         title: t.gains_and_losses,
-        children: a && /* @__PURE__ */ e(Te, { ...a })
+        children: a && /* @__PURE__ */ e(Ie, { ...a })
       }
     ),
     /* @__PURE__ */ e(
@@ -465,7 +465,7 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
       {
         ariaLabelClose: "Close",
         isOpen: w,
-        onClose: () => y(!1),
+        onClose: () => L(!1),
         shouldShowHeaderBorders: !1,
         shouldShowHeaderShadow: !0,
         title: t.assets_and_liabilities,
@@ -477,7 +477,7 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
   const { net_worth: i } = E(), n = H(), a = t || s, o = ae(se(a.x), "MMMM");
   return /* @__PURE__ */ r(m, { alignItems: "center", direction: "column", m: 24, children: [
     /* @__PURE__ */ e(d, { color: n.palette.secondary.main, variant: "body2", children: `${o} ${i.net_worth}` }),
-    /* @__PURE__ */ e(x, { amount: a.y, variant: "h2" }),
+    /* @__PURE__ */ e(f, { amount: a.y, variant: "h2" }),
     /* @__PURE__ */ e(B, { currencyLabel: i.this_month, netWorth: a, theme: n })
   ] });
 }, Ae = _(Me), yt = _(({ onBackClick: t, onMenuClick: s }) => {
@@ -486,32 +486,34 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
     isNetWorthDataLoaded: c,
     loadNetWorthData: l,
     netWorthChartData: g,
-    selectedData: f,
-    setTimeframe: W,
-    timeframe: S
-  } = j(), { isMobile: w } = ee(), { onEvent: y } = $(), [k, D] = u.useState(!1);
+    selectedData: u,
+    setTimeframe: W
+  } = j(), { isMobile: y } = ee(), { onEvent: w } = $(), [L, D] = x.useState(!1);
   J({
     widgetName: "NetWorthWidget",
     isLoaded: c
-  }), u.useEffect(() => {
-    c || l().finally(), y(v.NET_WORTH_VIEW);
-  }, []), u.useEffect(() => {
-    y(v.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: S + "M" });
-  }, [S]);
-  const h = async (p) => {
-    const C = p[0], I = p[1];
-    C && I && W(ce(I, C));
+  }), x.useEffect(() => {
+    c || l().finally(), w(v.NET_WORTH_VIEW);
+  }, []);
+  const k = async (p) => {
+    const C = p[0], S = p[1];
+    C && S && W(ce(S, C));
+  }, h = (p) => {
+    w(v.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: p + "M" });
   }, M = () => {
-    D(!0), y(v.ACCOUNTS_CLICK_CONNECT);
+    D(!0), w(v.ACCOUNTS_CLICK_CONNECT);
   };
   if (!i || !c) return /* @__PURE__ */ e(Q, {});
   const G = g.length === 0;
   return /* @__PURE__ */ r(
     ge,
     {
-      calendarActions: { onRangeChanged: h },
-      dateRangeVariant: w ? "timeframetabs" : "timeframebuttons",
-      onAccountsFilterClick: () => y(v.NET_WORTH_WIDGET_CLICK_FILTER),
+      calendarActions: {
+        onRangeChanged: k,
+        onTimeframeClick: h
+      },
+      dateRangeVariant: y ? "timeframetabs" : "timeframebuttons",
+      onAccountsFilterClick: () => w(v.NET_WORTH_WIDGET_CLICK_FILTER),
       onBackClick: t,
       onMenuClick: s,
       title: a.net_worth,
@@ -532,13 +534,13 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
             }
           }
         ) }) : /* @__PURE__ */ r(N, { children: [
-          f && /* @__PURE__ */ e(Ae, { hoveredData: o, selectedData: f }),
+          u && /* @__PURE__ */ e(Ae, { hoveredData: o, selectedData: u }),
           /* @__PURE__ */ r(
             m,
             {
-              alignItems: w ? "center" : "flex-start",
-              direction: w ? "column" : "row",
-              spacing: w ? 0 : 48,
+              alignItems: y ? "center" : "flex-start",
+              direction: y ? "column" : "row",
+              spacing: y ? 0 : 48,
               children: [
                 /* @__PURE__ */ e(we, {}),
                 /* @__PURE__ */ e(ke, {})
@@ -550,7 +552,7 @@ const Ce = ({ amount: t, copy: s, trendValue: i }) => {
           le,
           {
             onClose: () => D(!1),
-            showConnectionsWidget: k,
+            showConnectionsWidget: L,
             title: n.manage_connections
           }
         )