@mx-cartographer/experiences 4.0.14-alpha.JB1 → 4.0.14-alpha.JB2

package/dist/index.es13.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es13.js","sources":["../src/spending/utils/SpendingData.ts","../src/spending/components/SpendingTabLabel.tsx","../src/spending/components/SpendingDonut.tsx","../src/spending/components/SpendingLegend.tsx","../src/spending/components/MiniSpendingChart.tsx","../src/spending/SpendingMiniWidget.tsx","../src/spending/components/SpendingList.tsx","../src/spending/components/SpendingChart.tsx","../src/spending/components/Spending.tsx","../src/spending/SpendingWidget.tsx"],"sourcesContent":["import { Category, CategoryColors, CategoryGuids, DateRangeCategoryTotals } from '../../common'\nimport { DonutData } from '../../common/components/charts/Donut'\n\nconst TOP_CATEGORY_LENGTH = 5\n\nexport interface CategoryTotal {\n  guid: string\n  name: string\n  color: string\n  categoryTotals?: CategoryTotal[]\n  amount: number\n}\n\nexport interface SpendingData {\n  categoryData: CategoryTotal[]\n  donutData: DonutData[]\n  totalAmount: number\n}\n\n/**\n * Rolls all categories up into parent categories and return an array of CategoryTotal items.\n * @param categories - Array of all categories\n * @param totals - And array of type DateRangeCategoryTotals\n */\nconst getTotalsByParentCategory = (\n  categories: Category[],\n  totals: DateRangeCategoryTotals[],\n): CategoryTotal[] => {\n  // Iterate over the category data from BE and roll up all categories into parent categories\n  // acc is the accumulated category totals of type CategoryTotal that is initialized as an empty []\n  // curr is the current DateRangeCategoryTotal\n  return totals.reduce((acc, curr) => {\n    if (curr.total > 0) {\n      // Find category and if it doesn't exist, return acc\n      const category = categories.find((c) => c.guid === curr.category_guid)\n      if (!category) return acc\n\n      // Find parent category and if it doesn't exist, return acc\n      const parentGuid = category.parent_guid ?? category.guid\n      const parentCategory = categories.find((c) => c.guid === parentGuid)\n      if (!parentCategory) return acc\n\n      const categoryTotal = {\n        guid: category.guid,\n        name: category.guid === parentGuid ? `General ${category.name}` : category.name,\n        color: CategoryColors[parentCategory.guid],\n        amount: curr.total,\n      }\n\n      // If parent category has already been added to acc then find it and add the current total,\n      // otherwise add the parent category to acc.\n      const parentCategoryTotal = acc.find((ct) => ct.guid === parentGuid)\n      if (parentCategoryTotal) {\n        parentCategoryTotal.amount += curr.total\n        parentCategoryTotal.categoryTotals?.push(categoryTotal)\n      } else {\n        acc.push({\n          guid: parentGuid,\n          name: parentCategory.name,\n          color: CategoryColors[parentCategory.guid],\n          categoryTotals: [categoryTotal],\n          amount: curr.total,\n        })\n      }\n    }\n\n    return acc\n  }, [] as CategoryTotal[])\n}\n\n/**\n * Returns an object of type SpendingData containing a subset of category totals related to spending\n * Excludes Income and Transfers\n *\n * @param categories - Array of all categories\n * @param totals - And array of type DateRangeCategoryTotals\n */\nexport const getSpendingData = (\n  categories: Category[],\n  totals: DateRangeCategoryTotals[],\n): SpendingData => {\n  const parentCategoryTotals = getTotalsByParentCategory(categories, totals)\n\n  // Filter out Income and Transfers from spending totals\n  // Sort in decending order by amount\n  const spendingTotals = parentCategoryTotals\n    .filter((ct) => ct.guid !== CategoryGuids.INCOME && ct.guid !== CategoryGuids.TRANSFER)\n    .sort((cat1, cat2) => cat2.amount - cat1.amount)\n\n  // Calculate the total spend\n  const totalAmount = spendingTotals.reduce(\n    (acc: number, total: CategoryTotal) => acc + total.amount,\n    0,\n  )\n\n  // Find the number of top categories to include\n  const length =\n    spendingTotals.length > TOP_CATEGORY_LENGTH ? TOP_CATEGORY_LENGTH : spendingTotals.length\n\n  // Only include the top categories\n  const categoryData = spendingTotals.slice(0, length)\n\n  // Map the category data to donut data\n  const donutData = categoryData.map((categoryTotal) => ({\n    id: categoryTotal.guid,\n    color: categoryTotal.color,\n    label: categoryTotal.name,\n    value: (categoryTotal.amount / totalAmount) * 100,\n  }))\n\n  // If there additional categories outside of the top categories, combine them into an Other category\n  if (spendingTotals.length > 5) {\n    const otherCategories = spendingTotals.slice(TOP_CATEGORY_LENGTH, parentCategoryTotals.length)\n    const otherTotal = otherCategories.reduce(\n      (acc: number, total: CategoryTotal) => acc + total.amount,\n      0,\n    )\n    categoryData.push({\n      guid: 'other',\n      color: '#ACB0B3', // TODO: Get from theme\n      name: 'Other', // TODO: Needs localization\n      categoryTotals: otherCategories,\n      amount: otherTotal,\n    })\n\n    donutData.push({\n      id: 'other',\n      color: '#ACB0B3', // TODO: Get from theme,\n      label: 'Other', // TODO: Needs localization\n      value: (otherTotal / totalAmount) * 100,\n    })\n  }\n\n  // Return an object of type SpendingData\n  return {\n    categoryData,\n    donutData,\n    totalAmount,\n  }\n}\n\n/**\n * Returns an object of type SpendingData containing a subset of category totals related to income\n * Only includes Income subcategories\n *\n * @param categories - Array of all categories\n * @param monthlyTotals - And array of type DateRangeCategoryTotals\n * @param colors - An array of color strings to use for income colors\n */\nexport const getIncomeData = (\n  categories: Category[],\n  monthlyTotals: DateRangeCategoryTotals[],\n  colors: string[],\n): SpendingData => {\n  // Get all income subcategories\n  const incomeCategories = categories.filter(\n    (category) => category.parent_guid === CategoryGuids.INCOME,\n  )\n\n  // Filter, sort & map DateRangeCategoryTotals to CategoryTotal objects\n  // The filter return only subcategories with a parent category of Income\n  // The sort is in acending order due to amounts being negative\n  const incomeTotals: CategoryTotal[] = monthlyTotals\n    .filter((total) => incomeCategories.some((category) => category.guid === total.category_guid))\n    .sort((total1, total2) => total1.total - total2.total)\n    .map((total, index) => {\n      return {\n        guid: total.category_guid,\n        name: categories.find((cat) => cat.guid === total.category_guid)?.name,\n        color: colors[index],\n        categoryTotals: [],\n        amount: Math.abs(total.total),\n      }\n    }) as CategoryTotal[]\n\n  // Calculates the total income amount\n  const totalAmount = incomeTotals.reduce(\n    (acc: number, total: CategoryTotal) => acc + total.amount,\n    0,\n  )\n\n  // Maps the income totals to donut data\n  const donutData = incomeTotals.map((incomeTotal) => ({\n    id: incomeTotal.guid,\n    color: incomeTotal.color,\n    label: incomeTotal.name,\n    value: (incomeTotal.amount / totalAmount) * 100,\n  }))\n\n  // Return an object of type SpendingData\n  return {\n    categoryData: incomeTotals,\n    donutData,\n    totalAmount,\n  }\n}\n","import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@kyper/mui'\n\nimport { formatCurrency } from '../../common'\n\ninterface SpendingTabLabelProps {\n  amount: number\n  label: string\n}\n\nconst SpendingTabLabel: React.FC<SpendingTabLabelProps> = ({ amount, label }) => {\n  return (\n    <Stack direction=\"column\">\n      <Text bold={true} sx={{ textTransform: 'none' }} variant=\"Body\">\n        {label}\n      </Text>\n      <Text variant=\"XSmall\">{formatCurrency(amount, '0,0')}</Text>\n    </Stack>\n  )\n}\n\nexport default SpendingTabLabel\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { CategoryIcon, CategoryIconVariants, Text } from '@kyper/mui'\n\nimport {\n  CategoryGuids,\n  Donut,\n  formatCurrency,\n  useGlobalCopyStore,\n  useScreenSize,\n} from '../../common'\n\nimport type { SpendingData } from '../utils/SpendingData'\nimport Button from '@mui/material/Button'\nimport { useTheme } from '@mui/material'\n\ninterface SpendingDonutProps {\n  data: SpendingData\n  isIncome?: boolean\n  onSelected: (id: string) => void\n  onViewTransactions?: (id: string) => void\n  selectedId: string\n  size?: number\n  totalLabel: string\n  variant?: 'mini' | 'full'\n}\n\nconst SpendingDonut: React.FC<SpendingDonutProps> = ({\n  data,\n  isIncome = false,\n  onSelected,\n  onViewTransactions,\n  selectedId,\n  size = 150,\n  totalLabel,\n  variant = 'mini',\n}) => {\n  const { spending: spendingCopy } = useGlobalCopyStore()\n  const theme = useTheme()\n  const { isTablet } = useScreenSize()\n\n  const selectedCategory = React.useMemo(\n    () => (selectedId ? data.categoryData.find((cd) => cd.guid === selectedId) : undefined),\n    [selectedId],\n  )\n\n  const donutData = React.useMemo(() => {\n    if (data.donutData.length > 0) return data.donutData\n\n    // Empty Donut zero state\n    return [{ id: '0', color: theme.palette.border.light, value: 100 }]\n  }, [data, theme])\n\n  const handleViewTransactions = () => {\n    onViewTransactions?.(selectedId)\n  }\n\n  const iconSize = isTablet ? 32 : 48\n\n  return (\n    <Donut data={donutData} onClick={onSelected} selectedId={selectedId} size={size}>\n      <Stack alignItems=\"center\" height=\"100%\" justifyContent=\"center\" width=\"100%\">\n        <Stack alignItems=\"center\" justifyContent=\"center\" minHeight={size} minWidth={size}>\n          {selectedCategory && (\n            <Stack\n              alignItems=\"center\"\n              gap={variant === 'mini' ? 0 : 8}\n              mb={variant === 'mini' ? 0 : 8}\n              mt={variant === 'mini' ? 0 : -16}\n              sx={\n                variant === 'mini'\n                  ? { gap: 0, mb: 0 }\n                  : { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } }\n              }\n            >\n              <CategoryIcon\n                categoryGuid={isIncome ? CategoryGuids.INCOME : selectedCategory.guid}\n                size={variant === 'mini' ? 24 : iconSize}\n                variant={CategoryIconVariants.Transparent}\n              />\n              <Text color=\"secondary\" noWrap={true} variant={variant === 'mini' ? 'Tiny' : 'Body'}>\n                {selectedCategory ? selectedCategory.name : totalLabel}\n              </Text>\n            </Stack>\n          )}\n\n          {!selectedCategory && variant === 'full' && (\n            <Text bold={true} color=\"secondary\" sx={{ mb: { xs: 4, xl: 8 } }}>\n              {totalLabel}\n            </Text>\n          )}\n\n          <Text variant={variant === 'mini' ? 'H2' : 'H1'}>\n            {selectedCategory\n              ? formatCurrency(selectedCategory.amount, '0,0')\n              : formatCurrency(data.totalAmount, '0,0')}\n          </Text>\n\n          {!selectedCategory && variant === 'mini' && (\n            <Text color=\"secondary\" noWrap={true} variant=\"Tiny\">\n              {totalLabel}\n            </Text>\n          )}\n\n          {variant === 'full' && (\n            <Button\n              aria-label={`View ${selectedCategory?.name || ''} Transactions`}\n              disabled={data.categoryData.length === 0}\n              onClick={handleViewTransactions}\n              sx={{ mt: { xl: 4, xs: 0 }, zIndex: 1 }}\n              variant=\"text\"\n            >\n              {spendingCopy.view_transactions}\n            </Button>\n          )}\n        </Stack>\n      </Stack>\n    </Donut>\n  )\n}\n\nexport default observer(SpendingDonut)\n","import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@kyper/mui'\n\nimport type { SpendingData } from '../utils/SpendingData'\n\ninterface SpendingLegendProps {\n  data: SpendingData\n  onSelected: (id: string) => void\n  selectedId: string\n}\n\nconst SpendingLegend: React.FC<SpendingLegendProps> = ({ data, onSelected, selectedId }) => {\n  return (\n    <Stack gap={8} height=\"100%\" justifyContent=\"center\" my=\"auto\">\n      {data.categoryData.map((item) => (\n        <Stack\n          alignItems=\"center\"\n          aria-label={item.name}\n          aria-selected={item.guid === selectedId}\n          direction=\"row\"\n          gap={8}\n          key={item.guid}\n          onClick={() => onSelected(item.guid)}\n          role=\"button\"\n          sx={{ cursor: 'pointer' }}\n        >\n          <Box borderRadius={4} height={8} sx={{ backgroundColor: item.color }} width={8} />\n          <Text bold={item.guid === selectedId} variant=\"XSmall\">\n            {item.name}\n          </Text>\n        </Stack>\n      ))}\n    </Stack>\n  )\n}\n\nexport default SpendingLegend\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { endOfMonth } from 'date-fns/endOfMonth'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\nimport useTheme from '@mui/material/styles/useTheme'\n\nimport { useCategoryStore, useGlobalCopyStore, useGlobalUiStore } from '../../common'\nimport { getIncomeData, getSpendingData } from '../utils/SpendingData'\n\nimport SpendingTabLabel from './SpendingTabLabel'\nimport SpendingDonut from './SpendingDonut'\nimport SpendingLegend from './SpendingLegend'\n\nconst MiniSpendingChart = () => {\n  const theme = useTheme()\n  const { spending: spendingCopy } = useGlobalCopyStore()\n  const { selectedAccounts } = useGlobalUiStore()\n\n  const incomeColors = React.useMemo(\n    () => [\n      theme.palette.chartMono.chartMono5,\n      theme.palette.chartMono.chartMono4,\n      theme.palette.chartMono.chartMono3,\n      theme.palette.chartMono.chartMono2,\n      theme.palette.chartMono.chartMono1,\n      theme.palette.chartMono.chartMono6,\n    ],\n    [theme],\n  ) as string[]\n\n  const { categories, dateRangeCategoryTotals, loadDateRangeCategoryTotals } = useCategoryStore()\n\n  React.useEffect(() => {\n    loadDateRangeCategoryTotals(\n      selectedAccounts,\n      startOfMonth(new Date()),\n      endOfMonth(new Date()),\n    ).finally()\n  }, [selectedAccounts])\n\n  const [selectedId, setSelectedId] = React.useState('')\n  const [selectedTab, setSelectedTab] = React.useState(0)\n\n  const spendingData = React.useMemo(\n    () => getSpendingData(categories, dateRangeCategoryTotals),\n    [categories, dateRangeCategoryTotals],\n  )\n\n  const incomeData = React.useMemo(\n    () => getIncomeData(categories, dateRangeCategoryTotals, incomeColors),\n    [categories, dateRangeCategoryTotals, incomeColors],\n  )\n\n  const handleTabChange = (_event: React.SyntheticEvent, newValue: number) => {\n    setSelectedTab(newValue)\n    setSelectedId('')\n  }\n\n  const handleSelected = (id: string) => {\n    setSelectedId(selectedId === id ? '' : id)\n  }\n\n  return (\n    <Box width=\"100%\">\n      <Tabs onChange={handleTabChange} value={selectedTab} variant=\"fullWidth\">\n        <Tab\n          label={\n            <SpendingTabLabel\n              amount={spendingData.totalAmount}\n              label={spendingCopy.spend_tab_title}\n            />\n          }\n        />\n        <Tab\n          label={\n            <SpendingTabLabel\n              amount={incomeData.totalAmount}\n              label={spendingCopy.income_tab_title}\n            />\n          }\n        />\n      </Tabs>\n      {selectedTab === 0 && (\n        <Box>\n          <Stack direction=\"row\" gap={16} justifyContent={'center'} p={24}>\n            <SpendingDonut\n              data={spendingData}\n              onSelected={handleSelected}\n              selectedId={selectedId}\n              totalLabel={spendingCopy.total_spending}\n            />\n\n            <SpendingLegend\n              data={spendingData}\n              onSelected={handleSelected}\n              selectedId={selectedId}\n            />\n          </Stack>\n        </Box>\n      )}\n      {selectedTab === 1 && (\n        <Box>\n          <Stack direction=\"row\" gap={16} justifyContent={'center'} p={24}>\n            <SpendingDonut\n              data={incomeData}\n              isIncome={true}\n              onSelected={handleSelected}\n              selectedId={selectedId}\n              totalLabel={spendingCopy.total_income}\n            />\n\n            <SpendingLegend data={incomeData} onSelected={handleSelected} selectedId={selectedId} />\n          </Stack>\n        </Box>\n      )}\n    </Box>\n  )\n}\n\nexport default observer(MiniSpendingChart)\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { MiniWidgetContainer, MiniWidgetProps, useGlobalCopyStore } from '../common'\nimport MiniSpendingChart from './components/MiniSpendingChart'\n\nconst SpendingMiniWidget: React.FC<MiniWidgetProps> = ({ onPrimaryCtaClick, sx = {} }) => {\n  const { spending: spendingCopy } = useGlobalCopyStore()\n\n  return (\n    <MiniWidgetContainer\n      className=\"mx-exp-spending-miniwidget\"\n      onPrimaryCtaClick={onPrimaryCtaClick}\n      primaryCtaLabel={spendingCopy.primary_cta}\n      sx={sx}\n      title={spendingCopy.mini_title}\n    >\n      <MiniSpendingChart />\n    </MiniWidgetContainer>\n  )\n}\n\nexport default observer(SpendingMiniWidget)\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\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 Stack from '@mui/material/Stack'\n\nimport { Text } from '@kyper/mui'\n\nimport { formatCurrency, useGlobalCopyStore } from '../../common'\nimport { SpendingData } from '../utils/SpendingData'\nimport ListItemButton from '@mui/material/ListItemButton'\n\ninterface SpendingListProps {\n  data: SpendingData\n  onSelected: (id: string) => void\n  selectedId?: string\n  title: string\n}\n\nconst SpendingList: React.FC<SpendingListProps> = ({\n  data,\n  onSelected,\n  selectedId = '',\n  title,\n}) => {\n  const { spending: spendingCopy } = useGlobalCopyStore()\n  const selectedCategory = data.categoryData.find((parent) => parent.guid === selectedId)\n\n  return (\n    <Stack direction=\"column\" justifyContent=\"center\" maxWidth={400} minWidth={275} width=\"100%\">\n      <Text bold={true} sx={{ py: 12 }}>\n        {`${title} ${spendingCopy.by_category}`}\n      </Text>\n\n      <Divider aria-hidden=\"true\" />\n\n      <List>\n        {data.categoryData.map((item) => (\n          <React.Fragment key={item.guid}>\n            <ListItem\n              disableGutters={true}\n              disablePadding={true}\n              sx={{\n                minHeight: 44,\n              }}\n            >\n              <ListItemButton\n                aria-expanded={Boolean(selectedCategory?.guid === item.guid)}\n                onClick={() => onSelected(item.guid)}\n                sx={{ minHeight: 44, px: 8, py: 0 }}\n              >\n                <Box\n                  borderRadius={4}\n                  flexShrink={0}\n                  height={8}\n                  sx={{ backgroundColor: item.color, mr: 8 }}\n                  width={8}\n                />\n                <Stack\n                  alignItems=\"center\"\n                  direction=\"row\"\n                  justifyContent=\"space-between\"\n                  width=\"100%\"\n                >\n                  <Text bold={selectedId === item.guid}>{item.name}</Text>\n                  <Text bold={selectedId === item.guid} variant=\"Body\">\n                    {formatCurrency(item.amount, '0,0')}\n                  </Text>\n                </Stack>\n              </ListItemButton>\n            </ListItem>\n\n            <Divider />\n\n            {item.categoryTotals && item.categoryTotals.length > 0 && (\n              <Collapse in={Boolean(selectedCategory?.guid === item.guid)} unmountOnExit={true}>\n                <List>\n                  {selectedCategory?.categoryTotals?.map((subItem) => (\n                    <ListItem\n                      key={subItem.guid}\n                      sx={{\n                        pl: 24,\n                        pr: 8,\n                        py: 0,\n                      }}\n                    >\n                      <Stack direction=\"row\" justifyContent=\"space-between\" width=\"100%\">\n                        <Text>{subItem.name} </Text>\n                        <Text>{formatCurrency(subItem.amount, '0,0')}</Text>\n                      </Stack>\n                    </ListItem>\n                  ))}\n                  <Divider />\n                </List>\n              </Collapse>\n            )}\n          </React.Fragment>\n        ))}\n      </List>\n\n      <Text bold={true} sx={{ mt: 12, pr: 8, textAlign: 'right' }}>\n        {`${spendingCopy.total}: ${formatCurrency(data.totalAmount, '0,0')}`}\n      </Text>\n    </Stack>\n  )\n}\n\nexport default observer(SpendingList)\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { useCategoryStore, useGlobalCopyStore, useScreenSize } from '../../common'\n\nimport { SpendingData } from '../utils/SpendingData'\nimport SpendingDonut from './SpendingDonut'\nimport SpendingList from './SpendingList'\n\ninterface SpendingChartProps {\n  data: SpendingData\n  title: string\n  onSelected: (id: string) => void\n  onViewTransactions: (id: string) => void\n  selectedId: string\n}\n\nconst SpendingChart: React.FC<SpendingChartProps> = ({\n  data,\n  onSelected,\n  onViewTransactions,\n  selectedId,\n  title,\n}) => {\n  const { isDesktop, isMobile } = useScreenSize()\n  const { isLoadingCategoryTotals } = useCategoryStore()\n  const { spending: spendingCopy } = useGlobalCopyStore()\n\n  const loadingDonut = (\n    <SpendingDonut\n      data={{\n        categoryData: [],\n        donutData: [],\n        totalAmount: 0,\n      }}\n      onSelected={() => {}}\n      selectedId={''}\n      size={isDesktop ? 400 : 300}\n      totalLabel={'Loading ...'}\n      variant=\"full\"\n    />\n  )\n\n  return (\n    <Stack\n      alignItems={isMobile ? 'center' : 'flex-start'}\n      direction={isMobile ? 'column' : 'row'}\n      gap={{ xs: 16, md: 64, xl: 100 }}\n      justifyContent=\"center\"\n      pt={50}\n      px={8}\n    >\n      {isLoadingCategoryTotals && loadingDonut}\n      {/* Not using a ternary here because it doesn't show the animation */}\n      {!isLoadingCategoryTotals && (\n        <SpendingDonut\n          data={data}\n          onSelected={onSelected}\n          onViewTransactions={onViewTransactions}\n          selectedId={selectedId}\n          size={isDesktop ? 400 : 300}\n          totalLabel={spendingCopy.total_amount}\n          variant=\"full\"\n        />\n      )}\n\n      <SpendingList data={data} onSelected={onSelected} selectedId={selectedId} title={title} />\n    </Stack>\n  )\n}\n\nexport default observer(SpendingChart)\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\nimport { useTheme } from '@mui/material'\nimport type { Theme } from '@mui/system'\n\nimport {\n  CategoryGuids,\n  Drawer,\n  Transaction,\n  useCategoryStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useTransactionStore,\n} from '../../common'\n\nimport { TransactionDetails, TransactionList } from '../../transactions'\nimport { getIncomeData, getSpendingData } from '../utils/SpendingData'\nimport SpendingChart from './SpendingChart'\nimport SpendingTabLabel from './SpendingTabLabel'\n\nconst getIncomeColors = (theme: Theme) => {\n  return [\n    theme.palette.chartMono.chartMono5,\n    theme.palette.chartMono.chartMono4,\n    theme.palette.chartMono.chartMono3,\n    theme.palette.chartMono.chartMono2,\n    theme.palette.chartMono.chartMono1,\n    theme.palette.chartMono.chartMono6,\n  ]\n}\n\nconst Spending = () => {\n  const theme = useTheme()\n\n  const { categories, dateRangeCategoryTotals, loadDateRangeCategoryTotals } = useCategoryStore()\n  const { spending: spendingCopy } = useGlobalCopyStore()\n  const { displayedDateRange, selectedAccounts, selectedAccountGuids } = useGlobalUiStore()\n  const { setFilter, sortedTransactions: transactions } = useTransactionStore()\n\n  const [selectedId, setSelectedId] = React.useState('')\n  const [selectedTab, setSelectedTab] = React.useState(0)\n  const [transactionGuid, setTransactionGuid] = React.useState('')\n  const [transactionsOpen, setTransactionsOpen] = React.useState(false)\n\n  React.useEffect(() => {\n    loadDateRangeCategoryTotals(\n      selectedAccounts,\n      displayedDateRange.start,\n      displayedDateRange.end,\n    ).finally()\n  }, [selectedAccounts, displayedDateRange])\n\n  const spendingData = React.useMemo(\n    () => getSpendingData(categories, dateRangeCategoryTotals),\n    [categories, dateRangeCategoryTotals],\n  )\n\n  const incomeData = React.useMemo(\n    () => getIncomeData(categories, dateRangeCategoryTotals, getIncomeColors(theme)),\n    [categories, dateRangeCategoryTotals],\n  )\n\n  const transaction = React.useMemo(\n    () => transactions.find((t) => t.guid === transactionGuid),\n    [transactionGuid],\n  )\n\n  const handleTabChange = (_event: React.SyntheticEvent, newValue: number) => {\n    setSelectedTab(newValue)\n    setSelectedId('')\n  }\n\n  const handleSelected = (id: string) => {\n    setSelectedId(selectedId === id || id === '0' ? '' : id)\n  }\n\n  const handleViewTransactions = (id: string) => {\n    const transactionFilter = {\n      accounts: selectedAccountGuids,\n      dateRange: displayedDateRange,\n    }\n\n    if (selectedTab === 0) {\n      // Spending\n      if (id === 'other') {\n        const other = spendingData.categoryData.find((c) => c.guid === 'other')\n        setFilter({\n          ...transactionFilter,\n          custom: (t: Transaction) =>\n            Boolean(other?.categoryTotals?.find((ct) => ct.guid === t.top_level_category_guid)),\n        })\n      } else {\n        setFilter({\n          ...transactionFilter,\n          custom: (t: Transaction) =>\n            id\n              ? t.top_level_category_guid === id\n              : t.top_level_category_guid !== CategoryGuids.INCOME,\n        })\n      }\n    } else {\n      // Income\n      setFilter({\n        ...transactionFilter,\n        custom: (t: Transaction) =>\n          id ? t.category_guid === id : t.top_level_category_guid === CategoryGuids.INCOME,\n      })\n    }\n\n    setTransactionsOpen(true)\n  }\n\n  return (\n    <Box>\n      <Tabs onChange={handleTabChange} value={selectedTab} variant=\"fullWidth\">\n        <Tab\n          label={\n            <SpendingTabLabel\n              amount={spendingData.totalAmount}\n              label={spendingCopy.spend_tab_title}\n            />\n          }\n        />\n        <Tab\n          label={\n            <SpendingTabLabel\n              amount={incomeData.totalAmount}\n              label={spendingCopy.income_tab_title}\n            />\n          }\n        />\n      </Tabs>\n      {selectedTab === 0 && (\n        <SpendingChart\n          data={spendingData}\n          onSelected={handleSelected}\n          onViewTransactions={handleViewTransactions}\n          selectedId={selectedId}\n          title={spendingCopy.spend_tab_title}\n        />\n      )}\n      {selectedTab === 1 && (\n        <SpendingChart\n          data={incomeData}\n          onSelected={handleSelected}\n          onViewTransactions={handleViewTransactions}\n          selectedId={selectedId}\n          title={spendingCopy.income_tab_title}\n        />\n      )}\n      <Drawer\n        ariaLabelClose={spendingCopy.close_drawer_aria}\n        isOpen={transactionsOpen}\n        onClose={() => setTransactionsOpen(false)}\n        title={spendingCopy.transactions_drawer_title}\n      >\n        <TransactionList onClick={setTransactionGuid} />\n      </Drawer>\n      <Drawer\n        ariaLabelClose={spendingCopy.close_drawer_aria}\n        isOpen={Boolean(transaction)}\n        onClose={() => setTransactionGuid('')}\n        title={spendingCopy.transaction_details_drawer_title}\n      >\n        {transaction && <TransactionDetails transaction={transaction} />}\n      </Drawer>\n    </Box>\n  )\n}\n\nexport default observer(Spending)\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { endOfMonth } from 'date-fns/endOfMonth'\n\nimport Box from '@mui/material/Box'\n\nimport type { DateRange } from '@mui/x-date-pickers-pro'\n\nimport {\n  Loader,\n  useAccountStore,\n  useGlobalUiStore,\n  WidgetContainer,\n  useEvent,\n  ANALYTICS_EVENTS,\n  useGlobalCopyStore,\n} from '../common'\n\nimport type { WidgetProps } from '../common'\n\nimport Spending from './components/Spending'\n\ninterface RSpendingWidgetProps extends WidgetProps {\n  onBackClick?: () => void\n}\n\nconst SpendingWidget: React.FC<RSpendingWidgetProps> = ({ onBackClick, sx = {} }) => {\n  const { accounts } = useAccountStore()\n  const { spending: spendingCopy } = useGlobalCopyStore()\n  const { isInitialized, setDisplayedDate, setSelectedAccounts } = useGlobalUiStore()\n  const { onEvent } = useEvent()\n\n  const [isWidgetInitialized, setIsWidgetInitialized] = React.useState(false)\n\n  React.useEffect(() => {\n    setSelectedAccounts(accounts)\n  }, [accounts])\n\n  React.useEffect(() => {\n    setDisplayedDate(startOfMonth(startOfToday()), endOfMonth(startOfToday()))\n    setIsWidgetInitialized(true)\n    onEvent(ANALYTICS_EVENTS.SPENDING_VIEW)\n  }, [])\n\n  const handleDateChanged = (range: DateRange<Date>) => {\n    setDisplayedDate(range[0] as Date, range[1] as Date)\n  }\n\n  if (!isInitialized || !isWidgetInitialized) {\n    return <Loader />\n  }\n\n  return (\n    <WidgetContainer\n      accountOptions={accounts}\n      calendarActions={{ onRangeChanged: handleDateChanged }}\n      onAccountsFilterClick={() => onEvent(ANALYTICS_EVENTS.SPENDING_CLICK_FILTER)}\n      onBackClick={onBackClick}\n      sx={sx}\n      title={spendingCopy.title}\n    >\n      <Box height=\"calc(100dvh - 150px)\" overflow=\"scroll\" width=\"100%\">\n        <Spending />\n      </Box>\n    </WidgetContainer>\n  )\n}\n\nexport default observer(SpendingWidget)\n"],"names":["TOP_CATEGORY_LENGTH","getTotalsByParentCategory","categories","totals","acc","curr","category","c","parentGuid","parentCategory","categoryTotal","CategoryColors","parentCategoryTotal","ct","getSpendingData","parentCategoryTotals","spendingTotals","CategoryGuids","cat1","cat2","totalAmount","total","length","categoryData","donutData","otherCategories","otherTotal","getIncomeData","monthlyTotals","colors","incomeCategories","incomeTotals","total1","total2","index","cat","incomeTotal","SpendingTabLabel","amount","label","jsxs","Stack","jsx","Text","formatCurrency","SpendingDonut","data","isIncome","onSelected","onViewTransactions","selectedId","size","totalLabel","variant","spendingCopy","useGlobalCopyStore","theme","useTheme","isTablet","useScreenSize","selectedCategory","React","cd","handleViewTransactions","iconSize","Donut","CategoryIcon","CategoryIconVariants","Button","SpendingDonut$1","observer","SpendingLegend","item","Box","MiniSpendingChart","selectedAccounts","useGlobalUiStore","incomeColors","dateRangeCategoryTotals","loadDateRangeCategoryTotals","useCategoryStore","startOfMonth","endOfMonth","setSelectedId","selectedTab","setSelectedTab","spendingData","incomeData","handleTabChange","_event","newValue","handleSelected","id","Tabs","Tab","MiniSpendingChart$1","SpendingMiniWidget","onPrimaryCtaClick","sx","MiniWidgetContainer","SpendingMiniWidget$1","SpendingList","title","parent","Divider","List","ListItem","ListItemButton","Collapse","subItem","SpendingList$1","SpendingChart","isDesktop","isMobile","isLoadingCategoryTotals","SpendingChart$1","getIncomeColors","Spending","displayedDateRange","selectedAccountGuids","setFilter","transactions","useTransactionStore","transactionGuid","setTransactionGuid","transactionsOpen","setTransactionsOpen","transaction","t","transactionFilter","other","Drawer","TransactionList","TransactionDetails","Spending$1","SpendingWidget","onBackClick","accounts","useAccountStore","isInitialized","setDisplayedDate","setSelectedAccounts","onEvent","useEvent","isWidgetInitialized","setIsWidgetInitialized","startOfToday","ANALYTICS_EVENTS","handleDateChanged","range","Loader","WidgetContainer","SpendingWidget$1"],"mappings":"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"}