@mx-cartographer/experiences 9.1.0 → 9.1.2

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../src/networth/components/micro/NetworthData.tsx","../../src/networth/components/micro/ZeroState.tsx","../../src/networth/NetWorthMicroWidget.tsx","../../src/networth/components/NetWorthChart.tsx","../../src/networth/components/NetWorthListItem.tsx","../../src/networth/components/NetWorthChange.tsx","../../src/networth/components/GainsLossesDetail.tsx","../../src/networth/components/AssetsLiabilitiesDetail.tsx","../../src/networth/components/NetWorthList.tsx","../../src/networth/components/NetWorthSummary.tsx","../../src/networth/NetWorthWidget.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { P, Text } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { NetWorthCopy } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface NetworthDataProps {\n  amount: number\n  copy: NetWorthCopy\n  trendValue: number\n}\n\nconst NetworthData = ({ amount, copy, trendValue }: NetworthDataProps) => {\n  const isTrendUp = trendValue > 0\n  const trendDirectionIcon = isTrendUp ? 'trending_up' : 'trending_down'\n  const trendIcon = trendValue === 0 ? 'trending_flat' : trendDirectionIcon\n\n  return (\n    <Stack sx={{ flexDirection: 'row', justifyContent: 'space-between' }}>\n      <P variant=\"h1\">{formatCurrency(amount, '0,0')}</P>\n      {amount !== 0 && (\n        <Stack sx={{ color: isTrendUp ? 'success.main' : 'text.secondary' }}>\n          <Stack sx={{ flexDirection: 'row', gap: 8 }}>\n            <Icon name={trendIcon} size={20} />\n            <Text sx={{ fontWeight: 600, textAlign: 'right' }} variant=\"body1\">\n              {formatCurrency(trendValue, '0,0.00')}\n            </Text>\n          </Stack>\n          <Text sx={{ display: 'block', textAlign: 'right' }} variant=\"caption\">\n            {copy.this_month}\n          </Text>\n        </Stack>\n      )}\n    </Stack>\n  )\n}\n\nexport default NetworthData\n","import Stack from '@mui/material/Stack'\n\nimport { P, Text } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { NetWorthCopy } from '../../../core'\n\ninterface ZeroStateProps {\n  copy: NetWorthCopy\n}\n\nconst ZeroState = ({ copy }: ZeroStateProps) => {\n  return (\n    <Stack sx={{ flexDirection: 'row', gap: 12 }}>\n      <Icon name=\"elevation\" size={32} sx={{ color: 'text.primary' }} />\n      <Stack>\n        <Text sx={{ display: 'block', fontWeight: 600 }} variant=\"body1\">\n          {copy.empty_widget_header}\n        </Text>\n        <P sx={{ color: 'text.secondary' }} variant=\"body2\">\n          {copy.zero_state_description}\n        </P>\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default ZeroState\n","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  useWidgetLoadTimer,\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 { visibleAccounts: accounts } = useAccountStore()\n  const { onEvent } = useEvent()\n  const { net_worth: copy, common: commonCopy } = useGlobalCopyStore()\n  const { isInitialized } = useGlobalUiStore()\n  const { isNetWorthDataLoaded, loadNetWorthData, netWorthData, selectedData } = useNetWorthStore()\n\n  React.useEffect(() => {\n    if (!isNetWorthDataLoaded) {\n      loadNetWorthData().finally()\n    }\n  }, [])\n\n  useWidgetLoadTimer({\n    widgetName: 'NetWorthMicroWidget',\n    isLoaded: isNetWorthDataLoaded,\n  })\n\n  React.useEffect(() => {\n    if (isNetWorthDataLoaded) {\n      onEvent(ANALYTICS_EVENTS.NET_WORTH_LOAD_WIDGET, {\n        state: !accounts?.length ? 'zeroState' : 'default',\n      })\n    }\n  }, [isNetWorthDataLoaded])\n\n  if (!isInitialized || !isNetWorthDataLoaded) 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","import React from 'react'\nimport { fromUnixTime } from 'date-fns/fromUnixTime'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { useNetWorthStore, useScreenSize, useWidgetContainerProvider } from '../../common'\nimport { LineChart } from '../../common/components/charts/LineChart'\n\nimport { DATE_FORMATS_INTL, formatDate } from '../../core/constants'\n\nconst NetWorthChart = () => {\n  const { isMobile } = useScreenSize()\n  const { availableWidth } = useWidgetContainerProvider()\n  const theme = useTheme()\n  const {\n    hoveredData,\n    netWorthChartData: chartData,\n    selectedData,\n    setHoveredIndex,\n    setSelectedIndex,\n  } = useNetWorthStore()\n\n  // on mobile, chart is same width as list; on desktop, chart takes up what the list does not\n  const chartWidthNotMobile = availableWidth - 320\n\n  const datasets = chartData.map((point) => {\n    return {\n      x: formatDate(fromUnixTime(point.x), DATE_FORMATS_INTL.MONTH_SHORT),\n      y: point.y,\n    }\n  })\n\n  const selectedMark = selectedData\n    ? { index: chartData.findIndex((point) => point.x === selectedData.x) }\n    : undefined\n\n  const hoveredMark = hoveredData\n    ? { index: chartData.findIndex((point) => point.x === hoveredData.x) }\n    : undefined\n\n  const getMarkStyles = (markIndex: number) => {\n    return {\n      fill: markIndex === selectedMark?.index ? theme.palette.success.main : '',\n      filter:\n        markIndex === hoveredMark?.index\n          ? `drop-shadow(0px 0px 10px ${theme.palette.success.main})`\n          : 'none',\n      stroke: theme.palette.success.main,\n    }\n  }\n\n  const onMarkClick = (_event: React.MouseEvent<SVGPathElement, MouseEvent>, dataIndex: number) => {\n    setSelectedIndex(dataIndex)\n  }\n\n  const onMouseEnter = (dataIndex: number) => {\n    setHoveredIndex(dataIndex)\n  }\n\n  const onMouseLeave = () => {\n    setHoveredIndex(-1)\n  }\n\n  return (\n    <Stack sx={{ width: '100%' }}>\n      <LineChart\n        baseline=\"min\" // causes the area below the line to be shaded\n        chartFor={'networthChart'}\n        chartXaxisSx={{ '& .MuiChartsAxis-tickLabel': { transform: 'translateX(8px)' } }}\n        chartYaxisSx={{ '& .MuiChartsAxis-tickLabel': { transform: 'translateX(-8px)' } }}\n        colors={[theme.palette.success.main]}\n        datasets={[datasets]}\n        height={350}\n        labels={[]}\n        margin={{ right: 20, left: 38 }}\n        markHandlers={{ onMarkClick, onMouseEnter, onMouseLeave }}\n        markStyles={getMarkStyles}\n        showArea={true}\n        useCustomMark={true}\n        valueFormatterString=\"0.0[0]a\" // formatting example -'109,000' -> '109k', 1,092,742 → $1.1m, $1,236 → $1.2k\n        width={isMobile ? availableWidth - 48 : chartWidthNotMobile}\n      />\n    </Stack>\n  )\n}\n\nexport default observer(NetWorthChart)\n","import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Divider from '@mui/material/Divider'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { CurrencyText } from '../../common/'\n\nimport { fromTimestampToMonthYear } from '../../core/utils/DateUtil'\n\nimport { NetWorth } from '../../core/types/NetWorth'\n\ninterface NetWorthListItemProps {\n  item: NetWorth\n  getStyles: (item: NetWorth) => { backgroundColor: string; borderBottom: string; color: string }\n  isHovered: boolean\n  isSelected: boolean\n  onItemClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>, dataIndex: number) => void\n  onMouseEnter: (dataIndex: number) => void\n  onMouseLeave: () => void\n}\n\nconst NetWorthListItem: React.FC<NetWorthListItemProps> = ({\n  item: dataPoint,\n  getStyles,\n  isHovered = false,\n  isSelected = false,\n  onItemClick,\n  onMouseEnter,\n  onMouseLeave,\n}) => {\n  const [listItemStyles, setListItemStyles] = React.useState({\n    color: '',\n  })\n\n  React.useEffect(() => {\n    setListItemStyles(getStyles(dataPoint))\n  }, [isHovered, isSelected])\n\n  return (\n    <React.Fragment key={dataPoint.x}>\n      <ListItem\n        sx={{\n          ...listItemStyles,\n          minHeight: 44,\n          '&:hover': { color: isSelected ? 'inherit' : listItemStyles.color },\n        }}\n      >\n        <ListItemButton\n          onClick={(event) => onItemClick?.(event, dataPoint.x)}\n          onMouseEnter={() => onMouseEnter(dataPoint.x)}\n          onMouseLeave={() => onMouseLeave()}\n          sx={{ minHeight: 20, padding: 12 }}\n        >\n          <ListItemText\n            primary={\n              <Stack direction=\"row\" justifyContent=\"space-between\" sx={{ fontWeight: 400 }}>\n                <Text variant=\"body1\">{fromTimestampToMonthYear(dataPoint.x)}</Text>\n                <CurrencyText amount={dataPoint.y} sx={{ color: 'inherit' }} variant=\"body1\" />\n              </Stack>\n            }\n          />\n        </ListItemButton>\n      </ListItem>\n      <Divider />\n    </React.Fragment>\n  )\n}\n\nexport default observer(NetWorthListItem)\n","import { observer } from 'mobx-react-lite'\n\nimport { Stack, Theme } from '@mui/material'\nimport { TypographyProps } from '@mui/material/Typography'\nimport { Icon, Text } from '@mxenabled/mxui'\nimport { CurrencyText } from '../../common/components/CurrencyText'\nimport { NetWorth } from '../../core/types/NetWorth'\n\ninterface NetWorthChangeProps {\n  netWorth: NetWorth\n  currencyVariant?: TypographyProps['variant']\n  currencyLabel?: string\n  iconSize?: number\n  theme: Theme\n}\n\nconst NetWorthChange: React.FC<NetWorthChangeProps> = ({\n  currencyLabel,\n  currencyVariant = 'body2',\n  iconSize,\n  netWorth,\n  theme,\n}) => {\n  let iconColor = theme.palette.secondary.main\n  let currencyTextColor = theme.palette.secondary.main\n  let iconName = 'trending_flat'\n\n  if (netWorth.change < 0) {\n    iconName = 'trending_down'\n  } else if (netWorth.change > 0) {\n    iconColor = theme.palette.success.main\n    currencyTextColor = theme.palette.success.main\n    iconName = 'trending_up'\n  }\n\n  return (\n    <Stack alignItems=\"center\" direction=\"row\" spacing={4}>\n      <Icon\n        name={iconName}\n        size={iconSize}\n        sx={{\n          color: iconColor,\n        }}\n      />\n      <CurrencyText amount={netWorth.change} color={currencyTextColor} variant={currencyVariant} />\n      <Text variant=\"body2\">{currencyLabel}</Text>\n    </Stack>\n  )\n}\n\nexport default observer(NetWorthChange)\n","import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemText from '@mui/material/ListItemText'\nimport ListSubheader from '@mui/material/ListSubheader'\nimport Stack from '@mui/material/Stack'\n\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { CurrencyText, useGlobalCopyStore } from '../../common/'\nimport { fromTimestampToMonthYear } from '../../core/utils/DateUtil'\n\nimport { GainsLosses } from '../../core/types/NetWorth'\nimport NetWorthChange from './NetWorthChange'\n\nconst GainsLossesDetail: React.FC<GainsLosses> = ({\n  netWorth,\n  gains,\n  losses,\n  totalGains,\n  totalLosses,\n}) => {\n  const { net_worth: copy } = useGlobalCopyStore()\n\n  const theme = useTheme()\n\n  return (\n    <>\n      <Stack alignItems=\"center\" justifyContent=\"space-between\" mb={8} pt={24}>\n        <Text variant=\"body2\">{fromTimestampToMonthYear(netWorth?.x)}</Text>\n        <Text variant=\"body1\">{copy.total_change}</Text>\n        {netWorth && (\n          <NetWorthChange currencyVariant=\"h1\" iconSize={32} netWorth={netWorth} theme={theme} />\n        )}\n      </Stack>\n      <List>\n        <ListSubheader sx={{ mb: 8, mt: 12, mx: 8 }}>\n          <ListItemText\n            primary={\n              <Stack direction=\"row\" justifyContent=\"space-between\">\n                <Text sx={{ fontWeight: 700 }} variant=\"caption\">\n                  {copy.gains}\n                </Text>\n                <CurrencyText amount={totalGains} sx={{ fontWeight: 400 }} variant=\"caption\" />\n              </Stack>\n            }\n          />\n        </ListSubheader>\n        {gains?.map((gain) => (\n          <React.Fragment key={gain.accountName}>\n            <ListItem sx={{ backgroundColor: theme.palette.background.paper, py: 14 }}>\n              <ListItemText\n                primary={\n                  <Stack direction=\"row\" justifyContent=\"space-between\">\n                    <Text sx={{ mr: 10 }} variant=\"body1\">\n                      {gain.accountName}\n                    </Text>\n                    <CurrencyText\n                      amount={gain.gain}\n                      sx={{ color: theme.palette.success.main, flexShrink: 0, fontWeight: 700 }}\n                      variant=\"body1\"\n                    />\n                  </Stack>\n                }\n                sx={{ px: 16 }}\n              />\n            </ListItem>\n            <Divider />\n          </React.Fragment>\n        ))}\n\n        <ListSubheader sx={{ mb: 8, mt: 12, mx: 8 }}>\n          <ListItemText\n            primary={\n              <Stack direction=\"row\" justifyContent=\"space-between\">\n                <Text sx={{ fontWeight: 700 }} variant=\"caption\">\n                  {copy.losses}\n                </Text>\n                <CurrencyText amount={totalLosses} sx={{ fontWeight: 400 }} variant=\"caption\" />\n              </Stack>\n            }\n          />\n        </ListSubheader>\n        {losses?.map((loss) => (\n          <>\n            <ListItem\n              key={loss.accountName}\n              sx={{ backgroundColor: theme.palette.background.paper, py: 14 }}\n            >\n              <ListItemText\n                primary={\n                  <Stack direction=\"row\" justifyContent=\"space-between\">\n                    <Text\n                      sx={{\n                        mr: 10,\n                      }}\n                      variant=\"body1\"\n                    >\n                      {loss.accountName}\n                    </Text>\n                    <CurrencyText\n                      amount={loss.loss}\n                      sx={{ flexShrink: 0, fontWeight: 700 }}\n                      variant=\"body1\"\n                    />\n                  </Stack>\n                }\n                sx={{ px: 16 }}\n              />\n            </ListItem>\n            <Divider />\n          </>\n        ))}\n      </List>\n    </>\n  )\n}\n\nexport default observer(GainsLossesDetail)\n","import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Collapse from '@mui/material/Collapse'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport ListSubheader from '@mui/material/ListSubheader'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport { CurrencyText, useGlobalCopyStore } from '../../common/'\nimport NetWorthChange from './NetWorthChange'\nimport { AccountGroup, AssetsLiabilities } from '../../core/types/NetWorth'\nimport { groupAccounts } from '../../core/utils/NetWorthUtils'\n\nconst Group: React.FC<AccountGroup> = ({ accounts, name, icon }) => {\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  return (\n    <>\n      <ListItem sx={(theme) => ({ backgroundColor: theme.palette.background.paper })}>\n        <ListItemButton onClick={() => setIsOpen(!isOpen)}>\n          {icon && (\n            <ListItemIcon>\n              <Icon name={icon} size={24} sx={{ mr: 12 }} />\n            </ListItemIcon>\n          )}\n          <ListItemText\n            primary={\n              <Text sx={{ fontWeight: 700 }} variant=\"body1\">\n                {name}\n              </Text>\n            }\n          />\n          <ListItemIcon>\n            {isOpen ? <Icon name=\"expand_less\" size={24} /> : <Icon name=\"expand_more\" size={24} />}\n          </ListItemIcon>\n        </ListItemButton>\n      </ListItem>\n      <Divider />\n      <Collapse in={isOpen} timeout=\"auto\" unmountOnExit={true}>\n        {accounts.map((account, index) => (\n          <List key={account.accountName}>\n            <ListItem sx={() => ({ py: 14 })}>\n              <ListItemText\n                primary={\n                  <Stack direction=\"row\" justifyContent=\"space-between\" sx={{ fontWeight: 400 }}>\n                    <Text\n                      sx={{\n                        marginRight: 10,\n                      }}\n                      variant=\"body1\"\n                    >\n                      {account.accountName}\n                    </Text>\n                    <CurrencyText\n                      amount={account.balance}\n                      sx={{\n                        flexShrink: 0,\n                      }}\n                      variant=\"body2\"\n                    />\n                  </Stack>\n                }\n                sx={{ pl: 72, pr: 16 }}\n              />\n            </ListItem>\n            {index < accounts.length - 1 ? <Divider variant=\"inset\" /> : <Divider />}\n          </List>\n        ))}\n      </Collapse>\n    </>\n  )\n}\n\nconst ListGroup: React.FC<{\n  groupedAccounts: AccountGroup[]\n}> = ({ groupedAccounts }) => (\n  <>\n    {groupedAccounts.map(({ accounts, icon, name }) => (\n      <Group accounts={accounts} icon={icon} key={name} name={name} />\n    ))}\n  </>\n)\n\nconst AssetsLiabilitiesDetail: React.FC<AssetsLiabilities> = ({\n  netWorth,\n  assets,\n  liabilities,\n  totalAssets,\n  totalLiabilities,\n}) => {\n  const { net_worth: copy } = useGlobalCopyStore()\n\n  const theme = useTheme()\n\n  return (\n    <>\n      <Box\n        sx={{\n          alignItems: 'center',\n          display: 'flex',\n          flexDirection: 'column',\n          justifyContent: 'space-between',\n          paddingTop: 24,\n          marginBottom: 8,\n        }}\n      >\n        <Text variant=\"body1\">{copy.current_net_worth}</Text>\n        <CurrencyText amount={netWorth?.y ?? 0} variant=\"h1\" />\n        {netWorth && (\n          <NetWorthChange\n            currencyLabel={copy.this_month}\n            iconSize={20}\n            netWorth={netWorth}\n            theme={theme}\n          />\n        )}\n      </Box>\n      <List>\n        <ListSubheader sx={{ mb: 8, mt: 12, mx: 8 }}>\n          <ListItemText\n            primary={\n              <Stack direction=\"row\" justifyContent=\"space-between\">\n                <Text sx={{ fontWeight: 700 }} variant=\"caption\">\n                  {copy.assets}\n                </Text>\n                <CurrencyText amount={totalAssets} sx={{ fontWeight: 400 }} variant=\"caption\" />\n              </Stack>\n            }\n          />\n        </ListSubheader>\n        <ListGroup groupedAccounts={groupAccounts(assets)} />\n        <ListSubheader sx={{ mb: 8, mt: 12, mx: 8 }}>\n          <ListItemText\n            primary={\n              <Stack direction=\"row\" justifyContent=\"space-between\">\n                <Text sx={{ fontWeight: 700 }} variant=\"caption\">\n                  {copy.liabilities}\n                </Text>\n                <CurrencyText\n                  amount={totalLiabilities}\n                  sx={{ fontWeight: 400 }}\n                  variant=\"caption\"\n                />\n              </Stack>\n            }\n          />\n        </ListSubheader>\n        <ListGroup groupedAccounts={groupAccounts(liabilities)} />\n      </List>\n    </>\n  )\n}\n\nexport default observer(AssetsLiabilitiesDetail)\n","import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListSubheader from '@mui/material/ListSubheader'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  ANALYTICS_EVENTS,\n  Drawer,\n  useEvent,\n  useGlobalCopyStore,\n  useNetWorthStore,\n} from '../../common'\n\nimport type { NetWorth } from '../../core/types/NetWorth'\n\nimport NetWorthListItem from './NetWorthListItem'\nimport GainsLossesDetail from './GainsLossesDetail'\nimport AssetsLiabilitiesDetail from './AssetsLiabilitiesDetail'\n\nconst NetWorthList = () => {\n  const { net_worth: copy } = useGlobalCopyStore()\n  const theme = useTheme()\n  const { onEvent } = useEvent()\n\n  const {\n    assetsLiabilities,\n    gainsLosses,\n    hoveredData,\n    netWorthChartData: chartData,\n    selectedData,\n    setHoveredIndex,\n    setSelectedIndex,\n  } = useNetWorthStore()\n\n  const [isGlDrawerOpen, setIsGlDrawerOpen] = React.useState(false)\n  const [isAlDrawerOpen, setIsAlDrawerOpen] = React.useState(false)\n\n  const buildStyles = (lineItem: NetWorth) => {\n    const isHovered = lineItem.x === hoveredData?.x\n    const isSelected = lineItem.x === selectedData?.x\n\n    const listItemStyles = {\n      backgroundColor: 'inherit',\n      borderBottom: 'inherit',\n      color: 'inherit',\n    }\n\n    if (isHovered) {\n      listItemStyles.color = isSelected ? 'inherit' : listItemStyles.color\n      listItemStyles.backgroundColor = theme.palette.action.hover\n    }\n\n    if (isSelected) {\n      listItemStyles.backgroundColor = theme.palette.primary.main\n      listItemStyles.borderBottom = theme.palette.neutral.light\n      listItemStyles.color = theme.palette.common.white\n    }\n\n    return listItemStyles\n  }\n\n  const handleListItemClick = (\n    event: React.MouseEvent<SVGPathElement | HTMLDivElement, MouseEvent>,\n    dataIndex: number,\n  ) => {\n    setSelectedIndex(dataIndex)\n    if (event.currentTarget instanceof HTMLDivElement) {\n      setIsGlDrawerOpen(true)\n    }\n  }\n\n  const handleOpenALDrawer = () => {\n    setIsAlDrawerOpen(true)\n    onEvent(ANALYTICS_EVENTS.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES)\n  }\n\n  const handleMouseEnter = (dataIndex: number) => {\n    setHoveredIndex(dataIndex)\n  }\n\n  const handleMouseLeave = () => {\n    setHoveredIndex(-1)\n  }\n\n  return (\n    <Stack direction=\"column\" sx={{ width: 320 }}>\n      <List>\n        <ListSubheader sx={{ backgroundColor: 'transparent', mb: 8, mt: 12, px: 12 }}>\n          <Text bold={true} component=\"h2\" variant=\"body1\">\n            {copy.monthly_totals}\n          </Text>\n        </ListSubheader>\n        <Divider />\n        {chartData.map((dataPoint: NetWorth, index: number) => {\n          return (\n            <NetWorthListItem\n              getStyles={buildStyles}\n              isHovered={dataPoint.x === hoveredData?.x}\n              isSelected={dataPoint.x === selectedData?.x}\n              item={dataPoint}\n              key={dataPoint.x}\n              onItemClick={(event) => handleListItemClick(event, index)}\n              onMouseEnter={() => handleMouseEnter(index)}\n              onMouseLeave={() => handleMouseLeave()}\n            />\n          )\n        })}\n      </List>\n      <Button\n        onClick={() => handleOpenALDrawer()}\n        sx={{ alignSelf: 'center', marginTop: 16, width: 'fit-content' }}\n        variant=\"outlined\"\n      >\n        {copy.view_assets_and_liabilities}\n      </Button>\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    </Stack>\n  )\n}\n\nexport default observer(NetWorthList)\n","import { observer } from 'mobx-react-lite'\nimport { fromUnixTime, format } from 'date-fns'\n\nimport { useTheme } from '@mui/material/styles'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { CurrencyText, useGlobalCopyStore } from '../../common/'\nimport NetWorthChange from './NetWorthChange'\nimport { NetWorth } from '../../core/types/NetWorth'\n\ninterface NetWorthSummaryProps {\n  hoveredData?: NetWorth\n  selectedData: NetWorth\n}\n\nconst NetWorthSummary: React.FC<NetWorthSummaryProps> = ({ hoveredData, selectedData }) => {\n  const { net_worth: copy } = useGlobalCopyStore()\n  const theme = useTheme()\n  const summary = hoveredData ? hoveredData : selectedData\n\n  const formattedMonth = format(fromUnixTime(summary.x), 'MMMM')\n\n  return (\n    <Stack alignItems=\"center\" direction=\"column\" m={24}>\n      <Text color={theme.palette.secondary.main} variant=\"body2\">\n        {`${formattedMonth} ${copy.net_worth}`}\n      </Text>\n      <CurrencyText amount={summary.y} variant=\"h2\" />\n      <NetWorthChange currencyLabel={copy.this_month} netWorth={summary} theme={theme} />\n    </Stack>\n  )\n}\n\nexport default observer(NetWorthSummary)\n","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  EmptyState,\n  Loader,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useNetWorthStore,\n  useScreenSize,\n  useWidgetLoadTimer,\n  WidgetContainer,\n} from '../common'\nimport { WidgetProps } from '../core'\n\nimport NetWorthChart from './components/NetWorthChart'\nimport NetWorthList from './components/NetWorthList'\nimport NetWorthSummary from './components/NetWorthSummary'\n\nexport const NetWorthWidget: React.FC<WidgetProps> = observer(({ onBackClick, onMenuClick }) => {\n  const { isInitialized } = useGlobalUiStore()\n  const { accounts: accountsCopy, net_worth: copy } = useGlobalCopyStore()\n  const {\n    hoveredData,\n    isNetWorthDataLoaded,\n    loadNetWorthData,\n    netWorthChartData,\n    selectedData,\n    setTimeframe,\n    timeframe,\n  } = useNetWorthStore()\n  const { isMobile } = useScreenSize()\n  const { onEvent } = useEvent()\n\n  const [showConnectionsWidget, setShowConnectionsWidget] = React.useState(false)\n\n  useWidgetLoadTimer({\n    widgetName: 'NetWorthWidget',\n    isLoaded: isNetWorthDataLoaded,\n  })\n\n  React.useEffect(() => {\n    if (!isNetWorthDataLoaded) {\n      loadNetWorthData().finally()\n    }\n    onEvent(ANALYTICS_EVENTS.NET_WORTH_VIEW)\n  }, [])\n\n  React.useEffect(() => {\n    onEvent(ANALYTICS_EVENTS.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: timeframe + 'M' })\n  }, [timeframe])\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 handleManageConnections = () => {\n    setShowConnectionsWidget(true)\n    onEvent(ANALYTICS_EVENTS.ACCOUNTS_CLICK_CONNECT)\n  }\n\n  if (!isInitialized || !isNetWorthDataLoaded) return <Loader />\n\n  const showEmptyState = netWorthChartData.length === 0\n\n  return (\n    <WidgetContainer\n      calendarActions={{ onRangeChanged: handleRangeChanged }}\n      dateRangeVariant={isMobile ? 'timeframetabs' : 'timeframebuttons'}\n      onAccountsFilterClick={() => onEvent(ANALYTICS_EVENTS.NET_WORTH_WIDGET_CLICK_FILTER)}\n      onBackClick={onBackClick}\n      onMenuClick={onMenuClick}\n      title={copy.net_worth}\n    >\n      {!showEmptyState ? (\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 />\n            <NetWorthList />\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    </WidgetContainer>\n  )\n})\n"],"names":["NetworthData","amount","copy","trendValue","isTrendUp","trendIcon","jsxs","Stack","jsx","P","formatCurrency","Icon","Text","ZeroState","NetWorthMicroWidget","observer","onCTAClick","accounts","useAccountStore","onEvent","useEvent","commonCopy","useGlobalCopyStore","isInitialized","useGlobalUiStore","isNetWorthDataLoaded","loadNetWorthData","netWorthData","selectedData","useNetWorthStore","React","useWidgetLoadTimer","ANALYTICS_EVENTS","Loader","handleCTAClick","MicroWidgetContainer","NetWorthChart","isMobile","useScreenSize","availableWidth","useWidgetContainerProvider","theme","useTheme","hoveredData","chartData","setHoveredIndex","setSelectedIndex","chartWidthNotMobile","datasets","point","formatDate","fromUnixTime","DATE_FORMATS_INTL","selectedMark","hoveredMark","getMarkStyles","markIndex","onMarkClick","_event","dataIndex","onMouseEnter","onMouseLeave","LineChart","NetWorthChart$1","NetWorthListItem","dataPoint","getStyles","isHovered","isSelected","onItemClick","listItemStyles","setListItemStyles","ListItem","ListItemButton","event","ListItemText","fromTimestampToMonthYear","CurrencyText","Divider","NetWorthListItem$1","NetWorthChange","currencyLabel","currencyVariant","iconSize","netWorth","iconColor","currencyTextColor","iconName","NetWorthChange$1","GainsLossesDetail","gains","losses","totalGains","totalLosses","Fragment","List","ListSubheader","gain","loss","GainsLossesDetail$1","Group","name","icon","isOpen","setIsOpen","ListItemIcon","Collapse","account","index","ListGroup","groupedAccounts","AssetsLiabilitiesDetail","assets","liabilities","totalAssets","totalLiabilities","Box","groupAccounts","AssetsLiabilitiesDetail$1","NetWorthList","assetsLiabilities","gainsLosses","isGlDrawerOpen","setIsGlDrawerOpen","isAlDrawerOpen","setIsAlDrawerOpen","buildStyles","lineItem","handleListItemClick","handleOpenALDrawer","handleMouseEnter","handleMouseLeave","Button","Drawer","NetWorthList$1","NetWorthSummary","summary","formattedMonth","format","NetWorthSummary$1","NetWorthWidget","onBackClick","onMenuClick","accountsCopy","netWorthChartData","setTimeframe","timeframe","showConnectionsWidget","setShowConnectionsWidget","handleRangeChanged","range","startDate","endDate","differenceInMonths","handleManageConnections","showEmptyState","WidgetContainer","EmptyState","ConnectionsDrawer"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../../src/networth/components/micro/NetworthData.tsx","../../src/networth/components/micro/ZeroState.tsx","../../src/networth/NetWorthMicroWidget.tsx","../../src/networth/components/NetWorthChart.tsx","../../src/networth/components/NetWorthListItem.tsx","../../src/networth/components/NetWorthChange.tsx","../../src/networth/components/GainsLossesDetail.tsx","../../src/networth/components/AssetsLiabilitiesDetail.tsx","../../src/networth/components/NetWorthList.tsx","../../src/networth/components/NetWorthSummary.tsx","../../src/networth/NetWorthWidget.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { P, Text } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { NetWorthCopy } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface NetworthDataProps {\n  amount: number\n  copy: NetWorthCopy\n  trendValue: number\n}\n\nconst NetworthData = ({ amount, copy, trendValue }: NetworthDataProps) => {\n  const isTrendUp = trendValue > 0\n  const trendDirectionIcon = isTrendUp ? 'trending_up' : 'trending_down'\n  const trendIcon = trendValue === 0 ? 'trending_flat' : trendDirectionIcon\n\n  return (\n    <Stack sx={{ flexDirection: 'row', justifyContent: 'space-between' }}>\n      <P variant=\"h1\">{formatCurrency(amount, '0,0')}</P>\n      {amount !== 0 && (\n        <Stack sx={{ color: isTrendUp ? 'success.main' : 'text.secondary' }}>\n          <Stack sx={{ flexDirection: 'row', gap: 8 }}>\n            <Icon name={trendIcon} size={20} />\n            <Text sx={{ fontWeight: 600, textAlign: 'right' }} variant=\"body1\">\n              {formatCurrency(trendValue, '0,0.00')}\n            </Text>\n          </Stack>\n          <Text sx={{ display: 'block', textAlign: 'right' }} variant=\"caption\">\n            {copy.this_month}\n          </Text>\n        </Stack>\n      )}\n    </Stack>\n  )\n}\n\nexport default NetworthData\n","import Stack from '@mui/material/Stack'\n\nimport { P, Text } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { NetWorthCopy } from '../../../core'\n\ninterface ZeroStateProps {\n  copy: NetWorthCopy\n}\n\nconst ZeroState = ({ copy }: ZeroStateProps) => {\n  return (\n    <Stack sx={{ flexDirection: 'row', gap: 12 }}>\n      <Icon name=\"elevation\" size={32} sx={{ color: 'text.primary' }} />\n      <Stack>\n        <Text sx={{ display: 'block', fontWeight: 600 }} variant=\"body1\">\n          {copy.empty_widget_header}\n        </Text>\n        <P sx={{ color: 'text.secondary' }} variant=\"body2\">\n          {copy.zero_state_description}\n        </P>\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default ZeroState\n","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  useWidgetLoadTimer,\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 { visibleAccounts: accounts } = useAccountStore()\n  const { onEvent } = useEvent()\n  const { net_worth: copy, common: commonCopy } = useGlobalCopyStore()\n  const { isInitialized } = useGlobalUiStore()\n  const { isNetWorthDataLoaded, loadNetWorthData, netWorthData, selectedData } = useNetWorthStore()\n\n  React.useEffect(() => {\n    if (!isNetWorthDataLoaded) {\n      loadNetWorthData().finally()\n    }\n  }, [])\n\n  useWidgetLoadTimer({\n    widgetName: 'NetWorthMicroWidget',\n    isLoaded: isNetWorthDataLoaded,\n  })\n\n  React.useEffect(() => {\n    if (isNetWorthDataLoaded) {\n      onEvent(ANALYTICS_EVENTS.NET_WORTH_LOAD_WIDGET, {\n        state: !accounts?.length ? 'zeroState' : 'default',\n      })\n    }\n  }, [isNetWorthDataLoaded])\n\n  if (!isInitialized || !isNetWorthDataLoaded) 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","import React from 'react'\nimport { fromUnixTime } from 'date-fns/fromUnixTime'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { useNetWorthStore, useScreenSize, useWidgetContainerProvider } from '../../common'\nimport { LineChart } from '../../common/components/charts/LineChart'\n\nimport { DATE_FORMATS_INTL, formatDate } from '../../core/constants'\n\nconst NetWorthChart = () => {\n  const { isMobile } = useScreenSize()\n  const { availableWidth } = useWidgetContainerProvider()\n  const theme = useTheme()\n  const {\n    hoveredData,\n    netWorthChartData: chartData,\n    selectedData,\n    setHoveredIndex,\n    setSelectedIndex,\n  } = useNetWorthStore()\n\n  // on mobile, chart is same width as list; on desktop, chart takes up what the list does not\n  const chartWidthNotMobile = availableWidth - 320\n\n  const datasets = chartData.map((point) => {\n    return {\n      x: formatDate(fromUnixTime(point.x), DATE_FORMATS_INTL.MONTH_SHORT),\n      y: point.y,\n    }\n  })\n\n  const selectedMark = selectedData\n    ? { index: chartData.findIndex((point) => point.x === selectedData.x) }\n    : undefined\n\n  const hoveredMark = hoveredData\n    ? { index: chartData.findIndex((point) => point.x === hoveredData.x) }\n    : undefined\n\n  const getMarkStyles = (markIndex: number) => {\n    return {\n      fill: markIndex === selectedMark?.index ? theme.palette.success.main : '',\n      filter:\n        markIndex === hoveredMark?.index\n          ? `drop-shadow(0px 0px 10px ${theme.palette.success.main})`\n          : 'none',\n      stroke: theme.palette.success.main,\n    }\n  }\n\n  const onMarkClick = (_event: React.MouseEvent<SVGPathElement, MouseEvent>, dataIndex: number) => {\n    setSelectedIndex(dataIndex)\n  }\n\n  const onMouseEnter = (dataIndex: number) => {\n    setHoveredIndex(dataIndex)\n  }\n\n  const onMouseLeave = () => {\n    setHoveredIndex(-1)\n  }\n\n  return (\n    <Stack sx={{ width: '100%' }}>\n      <LineChart\n        baseline=\"min\" // causes the area below the line to be shaded\n        chartFor={'networthChart'}\n        chartXaxisSx={{ '& .MuiChartsAxis-tickLabel': { transform: 'translateX(8px)' } }}\n        chartYaxisSx={{ '& .MuiChartsAxis-tickLabel': { transform: 'translateX(-8px)' } }}\n        colors={[theme.palette.success.main]}\n        datasets={[datasets]}\n        height={350}\n        labels={[]}\n        margin={{ right: 20, left: 38 }}\n        markHandlers={{ onMarkClick, onMouseEnter, onMouseLeave }}\n        markStyles={getMarkStyles}\n        showArea={true}\n        useCustomMark={true}\n        valueFormatterString=\"0.0[0]a\" // formatting example -'109,000' -> '109k', 1,092,742 → $1.1m, $1,236 → $1.2k\n        width={isMobile ? availableWidth - 48 : chartWidthNotMobile}\n      />\n    </Stack>\n  )\n}\n\nexport default observer(NetWorthChart)\n","import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Divider from '@mui/material/Divider'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { CurrencyText } from '../../common/'\n\nimport { fromTimestampToMonthYear } from '../../core/utils/DateUtil'\n\nimport { NetWorth } from '../../core/types/NetWorth'\n\ninterface NetWorthListItemProps {\n  item: NetWorth\n  getStyles: (item: NetWorth) => { backgroundColor: string; borderBottom: string; color: string }\n  isHovered: boolean\n  isSelected: boolean\n  onItemClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>, dataIndex: number) => void\n  onMouseEnter: (dataIndex: number) => void\n  onMouseLeave: () => void\n}\n\nconst NetWorthListItem: React.FC<NetWorthListItemProps> = ({\n  item: dataPoint,\n  getStyles,\n  isHovered = false,\n  isSelected = false,\n  onItemClick,\n  onMouseEnter,\n  onMouseLeave,\n}) => {\n  const [listItemStyles, setListItemStyles] = React.useState({\n    color: '',\n  })\n\n  React.useEffect(() => {\n    setListItemStyles(getStyles(dataPoint))\n  }, [isHovered, isSelected])\n\n  return (\n    <React.Fragment key={dataPoint.x}>\n      <ListItem\n        sx={{\n          ...listItemStyles,\n          minHeight: 44,\n          '&:hover': { color: isSelected ? 'inherit' : listItemStyles.color },\n        }}\n      >\n        <ListItemButton\n          onClick={(event) => onItemClick?.(event, dataPoint.x)}\n          onMouseEnter={() => onMouseEnter(dataPoint.x)}\n          onMouseLeave={() => onMouseLeave()}\n          sx={{ minHeight: 20, padding: 12 }}\n        >\n          <ListItemText\n            primary={\n              <Stack direction=\"row\" justifyContent=\"space-between\" sx={{ fontWeight: 400 }}>\n                <Text variant=\"body1\">{fromTimestampToMonthYear(dataPoint.x)}</Text>\n                <CurrencyText amount={dataPoint.y} sx={{ color: 'inherit' }} variant=\"body1\" />\n              </Stack>\n            }\n          />\n        </ListItemButton>\n      </ListItem>\n      <Divider />\n    </React.Fragment>\n  )\n}\n\nexport default observer(NetWorthListItem)\n","import { observer } from 'mobx-react-lite'\n\nimport { Stack, Theme } from '@mui/material'\nimport { TypographyProps } from '@mui/material/Typography'\nimport { Icon, Text } from '@mxenabled/mxui'\nimport { CurrencyText } from '../../common/components/CurrencyText'\nimport { NetWorth } from '../../core/types/NetWorth'\n\ninterface NetWorthChangeProps {\n  netWorth: NetWorth\n  currencyVariant?: TypographyProps['variant']\n  currencyLabel?: string\n  iconSize?: number\n  theme: Theme\n}\n\nconst NetWorthChange: React.FC<NetWorthChangeProps> = ({\n  currencyLabel,\n  currencyVariant = 'body2',\n  iconSize,\n  netWorth,\n  theme,\n}) => {\n  let iconColor = theme.palette.secondary.main\n  let currencyTextColor = theme.palette.secondary.main\n  let iconName = 'trending_flat'\n\n  if (netWorth.change < 0) {\n    iconName = 'trending_down'\n  } else if (netWorth.change > 0) {\n    iconColor = theme.palette.success.main\n    currencyTextColor = theme.palette.success.main\n    iconName = 'trending_up'\n  }\n\n  return (\n    <Stack alignItems=\"center\" direction=\"row\" spacing={4}>\n      <Icon\n        name={iconName}\n        size={iconSize}\n        sx={{\n          color: iconColor,\n        }}\n      />\n      <CurrencyText amount={netWorth.change} color={currencyTextColor} variant={currencyVariant} />\n      <Text variant=\"body2\">{currencyLabel}</Text>\n    </Stack>\n  )\n}\n\nexport default observer(NetWorthChange)\n","import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemText from '@mui/material/ListItemText'\nimport ListSubheader from '@mui/material/ListSubheader'\nimport Stack from '@mui/material/Stack'\n\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { CurrencyText, useGlobalCopyStore } from '../../common/'\nimport { fromTimestampToMonthYear } from '../../core/utils/DateUtil'\n\nimport { GainsLosses } from '../../core/types/NetWorth'\nimport NetWorthChange from './NetWorthChange'\n\nconst GainsLossesDetail: React.FC<GainsLosses> = ({\n  netWorth,\n  gains,\n  losses,\n  totalGains,\n  totalLosses,\n}) => {\n  const { net_worth: copy } = useGlobalCopyStore()\n\n  const theme = useTheme()\n\n  return (\n    <>\n      <Stack alignItems=\"center\" justifyContent=\"space-between\" mb={8} pt={24}>\n        <Text variant=\"body2\">{fromTimestampToMonthYear(netWorth?.x)}</Text>\n        <Text variant=\"body1\">{copy.total_change}</Text>\n        {netWorth && (\n          <NetWorthChange currencyVariant=\"h1\" iconSize={32} netWorth={netWorth} theme={theme} />\n        )}\n      </Stack>\n      <List>\n        <ListSubheader sx={{ mb: 8, mt: 12, mx: 8 }}>\n          <ListItemText\n            primary={\n              <Stack direction=\"row\" justifyContent=\"space-between\">\n                <Text sx={{ fontWeight: 700 }} variant=\"caption\">\n                  {copy.gains}\n                </Text>\n                <CurrencyText amount={totalGains} sx={{ fontWeight: 400 }} variant=\"caption\" />\n              </Stack>\n            }\n          />\n        </ListSubheader>\n        {gains?.map((gain) => (\n          <React.Fragment key={gain.accountName}>\n            <ListItem sx={{ backgroundColor: theme.palette.background.paper, py: 14 }}>\n              <ListItemText\n                primary={\n                  <Stack direction=\"row\" justifyContent=\"space-between\">\n                    <Text sx={{ mr: 10 }} variant=\"body1\">\n                      {gain.accountName}\n                    </Text>\n                    <CurrencyText\n                      amount={gain.gain}\n                      sx={{ color: theme.palette.success.main, flexShrink: 0, fontWeight: 700 }}\n                      variant=\"body1\"\n                    />\n                  </Stack>\n                }\n                sx={{ px: 16 }}\n              />\n            </ListItem>\n            <Divider />\n          </React.Fragment>\n        ))}\n\n        <ListSubheader sx={{ mb: 8, mt: 12, mx: 8 }}>\n          <ListItemText\n            primary={\n              <Stack direction=\"row\" justifyContent=\"space-between\">\n                <Text sx={{ fontWeight: 700 }} variant=\"caption\">\n                  {copy.losses}\n                </Text>\n                <CurrencyText amount={totalLosses} sx={{ fontWeight: 400 }} variant=\"caption\" />\n              </Stack>\n            }\n          />\n        </ListSubheader>\n        {losses?.map((loss) => (\n          <>\n            <ListItem\n              key={loss.accountName}\n              sx={{ backgroundColor: theme.palette.background.paper, py: 14 }}\n            >\n              <ListItemText\n                primary={\n                  <Stack direction=\"row\" justifyContent=\"space-between\">\n                    <Text\n                      sx={{\n                        mr: 10,\n                      }}\n                      variant=\"body1\"\n                    >\n                      {loss.accountName}\n                    </Text>\n                    <CurrencyText\n                      amount={loss.loss}\n                      sx={{ flexShrink: 0, fontWeight: 700 }}\n                      variant=\"body1\"\n                    />\n                  </Stack>\n                }\n                sx={{ px: 16 }}\n              />\n            </ListItem>\n            <Divider />\n          </>\n        ))}\n      </List>\n    </>\n  )\n}\n\nexport default observer(GainsLossesDetail)\n","import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Collapse from '@mui/material/Collapse'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport ListSubheader from '@mui/material/ListSubheader'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport { CurrencyText, useGlobalCopyStore } from '../../common/'\nimport NetWorthChange from './NetWorthChange'\nimport { AccountGroup, AssetsLiabilities } from '../../core/types/NetWorth'\nimport { groupAccounts } from '../../core/utils/NetWorthUtils'\n\nconst Group: React.FC<AccountGroup> = ({ accounts, name, icon }) => {\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  return (\n    <>\n      <ListItem sx={(theme) => ({ backgroundColor: theme.palette.background.paper })}>\n        <ListItemButton onClick={() => setIsOpen(!isOpen)}>\n          {icon && (\n            <ListItemIcon>\n              <Icon name={icon} size={24} sx={{ mr: 12 }} />\n            </ListItemIcon>\n          )}\n          <ListItemText\n            primary={\n              <Text sx={{ fontWeight: 700 }} variant=\"body1\">\n                {name}\n              </Text>\n            }\n          />\n          <ListItemIcon>\n            {isOpen ? <Icon name=\"expand_less\" size={24} /> : <Icon name=\"expand_more\" size={24} />}\n          </ListItemIcon>\n        </ListItemButton>\n      </ListItem>\n      <Divider />\n      <Collapse in={isOpen} timeout=\"auto\" unmountOnExit={true}>\n        {accounts.map((account, index) => (\n          <List key={account.accountName}>\n            <ListItem sx={() => ({ py: 14 })}>\n              <ListItemText\n                primary={\n                  <Stack direction=\"row\" justifyContent=\"space-between\" sx={{ fontWeight: 400 }}>\n                    <Text\n                      sx={{\n                        marginRight: 10,\n                      }}\n                      variant=\"body1\"\n                    >\n                      {account.accountName}\n                    </Text>\n                    <CurrencyText\n                      amount={account.balance}\n                      sx={{\n                        flexShrink: 0,\n                      }}\n                      variant=\"body2\"\n                    />\n                  </Stack>\n                }\n                sx={{ pl: 72, pr: 16 }}\n              />\n            </ListItem>\n            {index < accounts.length - 1 ? <Divider variant=\"inset\" /> : <Divider />}\n          </List>\n        ))}\n      </Collapse>\n    </>\n  )\n}\n\nconst ListGroup: React.FC<{\n  groupedAccounts: AccountGroup[]\n}> = ({ groupedAccounts }) => (\n  <>\n    {groupedAccounts.map(({ accounts, icon, name }) => (\n      <Group accounts={accounts} icon={icon} key={name} name={name} />\n    ))}\n  </>\n)\n\nconst AssetsLiabilitiesDetail: React.FC<AssetsLiabilities> = ({\n  netWorth,\n  assets,\n  liabilities,\n  totalAssets,\n  totalLiabilities,\n}) => {\n  const { net_worth: copy } = useGlobalCopyStore()\n\n  const theme = useTheme()\n\n  return (\n    <>\n      <Box\n        sx={{\n          alignItems: 'center',\n          display: 'flex',\n          flexDirection: 'column',\n          justifyContent: 'space-between',\n          paddingTop: 24,\n          marginBottom: 8,\n        }}\n      >\n        <Text variant=\"body1\">{copy.current_net_worth}</Text>\n        <CurrencyText amount={netWorth?.y ?? 0} variant=\"h1\" />\n        {netWorth && (\n          <NetWorthChange\n            currencyLabel={copy.this_month}\n            iconSize={20}\n            netWorth={netWorth}\n            theme={theme}\n          />\n        )}\n      </Box>\n      <List>\n        <ListSubheader sx={{ mb: 8, mt: 12, mx: 8 }}>\n          <ListItemText\n            primary={\n              <Stack direction=\"row\" justifyContent=\"space-between\">\n                <Text sx={{ fontWeight: 700 }} variant=\"caption\">\n                  {copy.assets}\n                </Text>\n                <CurrencyText amount={totalAssets} sx={{ fontWeight: 400 }} variant=\"caption\" />\n              </Stack>\n            }\n          />\n        </ListSubheader>\n        <ListGroup groupedAccounts={groupAccounts(assets)} />\n        <ListSubheader sx={{ mb: 8, mt: 12, mx: 8 }}>\n          <ListItemText\n            primary={\n              <Stack direction=\"row\" justifyContent=\"space-between\">\n                <Text sx={{ fontWeight: 700 }} variant=\"caption\">\n                  {copy.liabilities}\n                </Text>\n                <CurrencyText\n                  amount={totalLiabilities}\n                  sx={{ fontWeight: 400 }}\n                  variant=\"caption\"\n                />\n              </Stack>\n            }\n          />\n        </ListSubheader>\n        <ListGroup groupedAccounts={groupAccounts(liabilities)} />\n      </List>\n    </>\n  )\n}\n\nexport default observer(AssetsLiabilitiesDetail)\n","import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListSubheader from '@mui/material/ListSubheader'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  ANALYTICS_EVENTS,\n  Drawer,\n  useEvent,\n  useGlobalCopyStore,\n  useNetWorthStore,\n} from '../../common'\n\nimport type { NetWorth } from '../../core/types/NetWorth'\n\nimport NetWorthListItem from './NetWorthListItem'\nimport GainsLossesDetail from './GainsLossesDetail'\nimport AssetsLiabilitiesDetail from './AssetsLiabilitiesDetail'\n\nconst NetWorthList = () => {\n  const { net_worth: copy } = useGlobalCopyStore()\n  const theme = useTheme()\n  const { onEvent } = useEvent()\n\n  const {\n    assetsLiabilities,\n    gainsLosses,\n    hoveredData,\n    netWorthChartData: chartData,\n    selectedData,\n    setHoveredIndex,\n    setSelectedIndex,\n  } = useNetWorthStore()\n\n  const [isGlDrawerOpen, setIsGlDrawerOpen] = React.useState(false)\n  const [isAlDrawerOpen, setIsAlDrawerOpen] = React.useState(false)\n\n  const buildStyles = (lineItem: NetWorth) => {\n    const isHovered = lineItem.x === hoveredData?.x\n    const isSelected = lineItem.x === selectedData?.x\n\n    const listItemStyles = {\n      backgroundColor: 'inherit',\n      borderBottom: 'inherit',\n      color: 'inherit',\n    }\n\n    if (isHovered) {\n      listItemStyles.color = isSelected ? 'inherit' : listItemStyles.color\n      listItemStyles.backgroundColor = theme.palette.action.hover\n    }\n\n    if (isSelected) {\n      listItemStyles.backgroundColor = theme.palette.primary.main\n      listItemStyles.borderBottom = theme.palette.neutral.light\n      listItemStyles.color = theme.palette.common.white\n    }\n\n    return listItemStyles\n  }\n\n  const handleListItemClick = (\n    event: React.MouseEvent<SVGPathElement | HTMLDivElement, MouseEvent>,\n    dataIndex: number,\n  ) => {\n    setSelectedIndex(dataIndex)\n    if (event.currentTarget instanceof HTMLDivElement) {\n      setIsGlDrawerOpen(true)\n    }\n  }\n\n  const handleOpenALDrawer = () => {\n    setIsAlDrawerOpen(true)\n    onEvent(ANALYTICS_EVENTS.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES)\n  }\n\n  const handleMouseEnter = (dataIndex: number) => {\n    setHoveredIndex(dataIndex)\n  }\n\n  const handleMouseLeave = () => {\n    setHoveredIndex(-1)\n  }\n\n  return (\n    <Stack direction=\"column\" sx={{ width: 320 }}>\n      <List>\n        <ListSubheader sx={{ backgroundColor: 'transparent', mb: 8, mt: 12, px: 12 }}>\n          <Text bold={true} component=\"h2\" variant=\"body1\">\n            {copy.monthly_totals}\n          </Text>\n        </ListSubheader>\n        <Divider />\n        {chartData.map((dataPoint: NetWorth, index: number) => {\n          return (\n            <NetWorthListItem\n              getStyles={buildStyles}\n              isHovered={dataPoint.x === hoveredData?.x}\n              isSelected={dataPoint.x === selectedData?.x}\n              item={dataPoint}\n              key={dataPoint.x}\n              onItemClick={(event) => handleListItemClick(event, index)}\n              onMouseEnter={() => handleMouseEnter(index)}\n              onMouseLeave={() => handleMouseLeave()}\n            />\n          )\n        })}\n      </List>\n      <Button\n        onClick={() => handleOpenALDrawer()}\n        sx={{ alignSelf: 'center', marginTop: 16, width: 'fit-content' }}\n        variant=\"outlined\"\n      >\n        {copy.view_assets_and_liabilities}\n      </Button>\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    </Stack>\n  )\n}\n\nexport default observer(NetWorthList)\n","import { observer } from 'mobx-react-lite'\nimport { fromUnixTime, format } from 'date-fns'\n\nimport { useTheme } from '@mui/material/styles'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { CurrencyText, useGlobalCopyStore } from '../../common/'\nimport NetWorthChange from './NetWorthChange'\nimport { NetWorth } from '../../core/types/NetWorth'\n\ninterface NetWorthSummaryProps {\n  hoveredData?: NetWorth\n  selectedData: NetWorth\n}\n\nconst NetWorthSummary: React.FC<NetWorthSummaryProps> = ({ hoveredData, selectedData }) => {\n  const { net_worth: copy } = useGlobalCopyStore()\n  const theme = useTheme()\n  const summary = hoveredData ? hoveredData : selectedData\n\n  const formattedMonth = format(fromUnixTime(summary.x), 'MMMM')\n\n  return (\n    <Stack alignItems=\"center\" direction=\"column\" m={24}>\n      <Text color={theme.palette.secondary.main} variant=\"body2\">\n        {`${formattedMonth} ${copy.net_worth}`}\n      </Text>\n      <CurrencyText amount={summary.y} variant=\"h2\" />\n      <NetWorthChange currencyLabel={copy.this_month} netWorth={summary} theme={theme} />\n    </Stack>\n  )\n}\n\nexport default observer(NetWorthSummary)\n","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  EmptyState,\n  Loader,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useNetWorthStore,\n  useScreenSize,\n  useWidgetLoadTimer,\n  WidgetContainer,\n} from '../common'\nimport { WidgetProps } from '../core'\n\nimport NetWorthChart from './components/NetWorthChart'\nimport NetWorthList from './components/NetWorthList'\nimport NetWorthSummary from './components/NetWorthSummary'\n\nexport const NetWorthWidget: React.FC<WidgetProps> = observer(({ onBackClick, onMenuClick }) => {\n  const { isInitialized } = useGlobalUiStore()\n  const { accounts: accountsCopy, net_worth: copy } = useGlobalCopyStore()\n  const {\n    hoveredData,\n    isNetWorthDataLoaded,\n    loadNetWorthData,\n    netWorthChartData,\n    selectedData,\n    setTimeframe,\n  } = useNetWorthStore()\n  const { isMobile } = useScreenSize()\n  const { onEvent } = useEvent()\n\n  const [showConnectionsWidget, setShowConnectionsWidget] = React.useState(false)\n\n  useWidgetLoadTimer({\n    widgetName: 'NetWorthWidget',\n    isLoaded: isNetWorthDataLoaded,\n  })\n\n  React.useEffect(() => {\n    if (!isNetWorthDataLoaded) {\n      loadNetWorthData().finally()\n    }\n    onEvent(ANALYTICS_EVENTS.NET_WORTH_VIEW)\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 handleTimeframeClick = (months: number) => {\n    onEvent(ANALYTICS_EVENTS.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: months + 'M' })\n  }\n\n  const handleManageConnections = () => {\n    setShowConnectionsWidget(true)\n    onEvent(ANALYTICS_EVENTS.ACCOUNTS_CLICK_CONNECT)\n  }\n\n  if (!isInitialized || !isNetWorthDataLoaded) return <Loader />\n\n  const showEmptyState = netWorthChartData.length === 0\n\n  return (\n    <WidgetContainer\n      calendarActions={{\n        onRangeChanged: handleRangeChanged,\n        onTimeframeClick: handleTimeframeClick,\n      }}\n      dateRangeVariant={isMobile ? 'timeframetabs' : 'timeframebuttons'}\n      onAccountsFilterClick={() => onEvent(ANALYTICS_EVENTS.NET_WORTH_WIDGET_CLICK_FILTER)}\n      onBackClick={onBackClick}\n      onMenuClick={onMenuClick}\n      title={copy.net_worth}\n    >\n      {!showEmptyState ? (\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 />\n            <NetWorthList />\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    </WidgetContainer>\n  )\n})\n"],"names":["NetworthData","amount","copy","trendValue","isTrendUp","trendIcon","jsxs","Stack","jsx","P","formatCurrency","Icon","Text","ZeroState","NetWorthMicroWidget","observer","onCTAClick","accounts","useAccountStore","onEvent","useEvent","commonCopy","useGlobalCopyStore","isInitialized","useGlobalUiStore","isNetWorthDataLoaded","loadNetWorthData","netWorthData","selectedData","useNetWorthStore","React","useWidgetLoadTimer","ANALYTICS_EVENTS","Loader","handleCTAClick","MicroWidgetContainer","NetWorthChart","isMobile","useScreenSize","availableWidth","useWidgetContainerProvider","theme","useTheme","hoveredData","chartData","setHoveredIndex","setSelectedIndex","chartWidthNotMobile","datasets","point","formatDate","fromUnixTime","DATE_FORMATS_INTL","selectedMark","hoveredMark","getMarkStyles","markIndex","onMarkClick","_event","dataIndex","onMouseEnter","onMouseLeave","LineChart","NetWorthChart$1","NetWorthListItem","dataPoint","getStyles","isHovered","isSelected","onItemClick","listItemStyles","setListItemStyles","ListItem","ListItemButton","event","ListItemText","fromTimestampToMonthYear","CurrencyText","Divider","NetWorthListItem$1","NetWorthChange","currencyLabel","currencyVariant","iconSize","netWorth","iconColor","currencyTextColor","iconName","NetWorthChange$1","GainsLossesDetail","gains","losses","totalGains","totalLosses","Fragment","List","ListSubheader","gain","loss","GainsLossesDetail$1","Group","name","icon","isOpen","setIsOpen","ListItemIcon","Collapse","account","index","ListGroup","groupedAccounts","AssetsLiabilitiesDetail","assets","liabilities","totalAssets","totalLiabilities","Box","groupAccounts","AssetsLiabilitiesDetail$1","NetWorthList","assetsLiabilities","gainsLosses","isGlDrawerOpen","setIsGlDrawerOpen","isAlDrawerOpen","setIsAlDrawerOpen","buildStyles","lineItem","handleListItemClick","handleOpenALDrawer","handleMouseEnter","handleMouseLeave","Button","Drawer","NetWorthList$1","NetWorthSummary","summary","formattedMonth","format","NetWorthSummary$1","NetWorthWidget","onBackClick","onMenuClick","accountsCopy","netWorthChartData","setTimeframe","showConnectionsWidget","setShowConnectionsWidget","handleRangeChanged","range","startDate","endDate","differenceInMonths","handleTimeframeClick","months","handleManageConnections","showEmptyState","WidgetContainer","EmptyState","ConnectionsDrawer"],"mappings":"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"}

package/dist/recurringtransactions/index.es.js

@@ -8,8 +8,8 @@ import { startOfToday as Q } from "date-fns/startOfToday";
 import { subDays as ee } from "date-fns/subDays";
 import Be from "@mui/material/Alert";
 import Fe from "@mui/material/Snackbar";
-import { R as _e } from "../RecurringSettings-D8hBbXV_.mjs";
-import { M as Jn } from "../RecurringSettings-D8hBbXV_.mjs";
+import { R as _e } from "../RecurringSettings-hs0YUp83.mjs";
+import { M as Jn } from "../RecurringSettings-hs0YUp83.mjs";
 import { addMonths as Ue } from "date-fns/addMonths";
 import { subMonths as Ye } from "date-fns/subMonths";
 import { isBefore as je } from "date-fns/isBefore";
@@ -39,7 +39,7 @@ import { u as b, a as U, h as _, f as Y, D as Ie, g as re } from "../hooks-97sNJ
 import { b as E, a as D, g as ye, e as pt, R as gt } from "../RecurringTransactionsUtil-CHWmqvW5.mjs";
 import { f as I, D as M } from "../DateFormats-HudZ3Bjs.mjs";
 import { T as W } from "../Sizes-DISGrlUg.mjs";
-import { A as v } from "../Analytics-WeZYytR0.mjs";
+import { A as v } from "../Analytics-D-jdcL72.mjs";
 import ht from "@mui/material/Button";
 import X from "@mui/material/Divider";
 import Ce from "@mui/material/List";
@@ -52,13 +52,13 @@ import { f as L } from "../NumberFormatting--XMeeBfr.mjs";
 import N from "@mui/material/Box";
 import { u as ve } from "../useScreenSize-mWpmnh5w.mjs";
 import { S as Le } from "../StatusBar-CPfSXe80.mjs";
-import { d as Ct } from "../ManageIncome-Dcsnnz86.mjs";
-import { c as er, M as tr, S as nr } from "../ManageIncome-Dcsnnz86.mjs";
+import { d as Ct } from "../ManageIncome-B_8i71mE.mjs";
+import { c as er, M as tr, S as nr } from "../ManageIncome-B_8i71mE.mjs";
 import { D as ie } from "../Drawer-DsnW2o0v.mjs";
 import { S as Ae } from "../SkeletonLoader-BaNboJjD.mjs";
 import { u as oe } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { L as ae } from "../Loader-CxeBwuPG.mjs";
-import { W as Rt } from "../WidgetContainer-DJnp6t6c.mjs";
+import { W as Rt } from "../WidgetContainer-CjdCY4sj.mjs";
 import { M as Tt } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
 import { u as Dt } from "../useDimensions-CeDR9V8N.mjs";
 import { M as _t } from "../MicroWidgetContainer-B2NnKBgW.mjs";

package/dist/settings/index.es.js

@@ -41,8 +41,8 @@ import Me from "@mui/material/ListItemText";
 import { ChevronRight as Le, ChevronLeft as Be } from "@mxenabled/mx-icons";
 import { D as He } from "../Drawer-DsnW2o0v.mjs";
 import { u as ne } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { H as Oe } from "../Help-aERwhajy.mjs";
-import { W as q } from "../WidgetContainer-DJnp6t6c.mjs";
+import { H as Oe } from "../Help-zVZdcmlk.mjs";
+import { W as q } from "../WidgetContainer-CjdCY4sj.mjs";
 const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
   const i = L(), { common: o, settings: n } = k(), { isDesktop: u, isMobile: s, isSmallMobile: a, isTablet: l } = F(t), { config: b } = G(), { updateUser: _ } = E(), { user: d } = Ce(), [h, w] = m.useState({
     first_name: d.first_name,

package/dist/spending/index.es.js

@@ -19,8 +19,8 @@ import { startOfToday as J } from "date-fns/startOfToday";
 import St from "@mui/material/Button";
 import { useTheme as Tt } from "@mui/material";
 import { e as Mt } from "../TransactionUtils-BphBJBbU.mjs";
-import { T as Dt } from "../EmbeddedCard-DH8vQ3qN.mjs";
-import { T as xt } from "../TransactionDetails-roZ5xLq8.mjs";
+import { T as Dt } from "../EmbeddedCard-DCOQnTz-.mjs";
+import { T as xt } from "../TransactionDetails-DT-MQqOB.mjs";
 import vt from "@mui/material/Collapse";
 import wt from "@mui/material/Divider";
 import Q from "@mui/material/List";
@@ -30,8 +30,8 @@ import { u as Lt } from "../useScreenSize-mWpmnh5w.mjs";
 import { D as tt } from "../Drawer-DsnW2o0v.mjs";
 import { C as w } from "../Category-DEKZGLYe.mjs";
 import { parseISO as et } from "date-fns/parseISO";
-import { A as nt } from "../Analytics-WeZYytR0.mjs";
-import { W as It } from "../WidgetContainer-DJnp6t6c.mjs";
+import { A as nt } from "../Analytics-D-jdcL72.mjs";
+import { W as It } from "../WidgetContainer-CjdCY4sj.mjs";
 const G = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y, { direction: "column", children: [
   /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: d }),
   /* @__PURE__ */ t(T, { variant: "caption", children: k(n, o === "mini" ? "0,0" : "0,0.00") })

package/dist/transactions/index.es.js

@@ -1,8 +1,8 @@
-import { C as Be, D as He, M as Pe, a as We, T as $e } from "../TransactionDetails-roZ5xLq8.mjs";
-import { B as xa, b as Aa } from "../TransactionDetails-roZ5xLq8.mjs";
-import { u as B, T as Ge } from "../EmbeddedCard-DH8vQ3qN.mjs";
-import { a as Sa } from "../EmbeddedCard-DH8vQ3qN.mjs";
-import { E as va } from "../ExportCsvAction-C9KWH3Az.mjs";
+import { C as Be, D as He, M as Pe, a as We, T as $e } from "../TransactionDetails-DT-MQqOB.mjs";
+import { B as xa, b as Aa } from "../TransactionDetails-DT-MQqOB.mjs";
+import { u as B, T as Ge } from "../EmbeddedCard-DCOQnTz-.mjs";
+import { a as Sa } from "../EmbeddedCard-DCOQnTz-.mjs";
+import { E as va } from "../ExportCsvAction-C-IisDcv.mjs";
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import u from "react";
 import { observer as D } from "mobx-react-lite";
@@ -18,7 +18,7 @@ import S from "@mui/material/Box";
 import { useTheme as ie } from "@mui/material/styles";
 import { fromUnixTime as Je } from "date-fns/fromUnixTime";
 import { f as Qe, D as Ze } from "../DateFormats-HudZ3Bjs.mjs";
-import { A } from "../Analytics-WeZYytR0.mjs";
+import { A } from "../Analytics-D-jdcL72.mjs";
 import { endOfMonth as et } from "date-fns/endOfMonth";
 import { getUnixTime as tt } from "date-fns/getUnixTime";
 import { startOfMonth as at } from "date-fns/startOfMonth";
@@ -37,7 +37,7 @@ import { u as ut } from "../useAriaLive-MkYebyUR.mjs";
 import { S as mt } from "../SkeletonLoader-BaNboJjD.mjs";
 import { u as _t } from "../useScreenSize-mWpmnh5w.mjs";
 import { u as pt } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { W as gt } from "../WidgetContainer-DJnp6t6c.mjs";
+import { W as gt } from "../WidgetContainer-CjdCY4sj.mjs";
 import { S as ht } from "../SearchBox-Cpgu_gdO.mjs";
 import { D as te } from "../Drawer-DsnW2o0v.mjs";
 const ft = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2", children: [

package/dist/trends/index.es.js

@@ -33,13 +33,13 @@ import { T as W, a as Kt } from "../ViewMoreMicroCard-fnwE0hqd.mjs";
 import { useGridApiContext as Yt, useGridRootProps as jt, DataGridPro as Ut } from "@mui/x-data-grid-pro";
 import Xt from "@mui/material/Badge";
 import Zt from "@mui/material/IconButton";
-import { A as w } from "../Analytics-WeZYytR0.mjs";
-import { T as ct } from "../EmbeddedCard-DH8vQ3qN.mjs";
-import { T as dt } from "../TransactionDetails-roZ5xLq8.mjs";
+import { A as w } from "../Analytics-D-jdcL72.mjs";
+import { T as ct } from "../EmbeddedCard-DCOQnTz-.mjs";
+import { T as dt } from "../TransactionDetails-DT-MQqOB.mjs";
 import { D as Pe } from "../Drawer-DsnW2o0v.mjs";
 import { u as Ie } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { L as Le } from "../Loader-CxeBwuPG.mjs";
-import { W as ut } from "../WidgetContainer-DJnp6t6c.mjs";
+import { W as ut } from "../WidgetContainer-CjdCY4sj.mjs";
 import { L as Ve } from "../LineChart-CUfiH86G.mjs";
 import { M as Qt } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
 import { subMonths as qt } from "date-fns";
@@ -55,7 +55,7 @@ import { g as Oe } from "../TransactionUtils-BphBJBbU.mjs";
 import { L as uo } from "../ListItemRow-kH1rn8Xu.mjs";
 import { Stack as mo } from "@mui/material";
 import ho from "@mui/material/ListItemAvatar";
-import { E as go } from "../ExportCsvAction-C9KWH3Az.mjs";
+import { E as go } from "../ExportCsvAction-C-IisDcv.mjs";
 import { u as po } from "../useInsightsEnabled-D5Sdm0TJ.mjs";
 import { E as fo } from "../EmptyState-CJUDc3kD.mjs";
 import { C as yo } from "../ConnectDrawer-CW4LA3H3.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.1.0",
+  "version": "9.1.2",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",