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

package/dist/spending/components/SpendingDonut.js

@@ -0,0 +1,217 @@
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import l from "react";
+import { observer as T } from "mobx-react-lite";
+import s from "@mui/material/Stack";
+import { CategoryIcon as S, CategoryIconVariants as j, Text as p } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../common/constants/Account.js";
+import { CategoryGuids as w } from "../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import { formatCurrency as u } from "../../common/utils/NumberFormatting.js";
+import { useTheme as k } from "@mui/material";
+import G from "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as H } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import { useScreenSize as I } from "../../common/hooks/useScreenSize.js";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "@mui/material/styles/useTheme";
+import M from "../../common/components/charts/Donut.js";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "@mui/material/useMediaQuery";
+import "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../common/components/WidgetContainer.js";
+import "../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../accounts/AccountsWidget.js";
+import "../../accounts/AccountsMiniWidget.js";
+import "../../accounts/ConnectMiniWidget.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../common/types/Account.js";
+import "posthog-js";
+import "../../cashflow/CashflowMiniWidget.js";
+import "../../cashflow/CashflowWidget.js";
+import "../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../categories/components/CategorySelector.js";
+import "../../categories/components/CategorySelectorDrawer.js";
+import "../../categories/components/CategoryRow.js";
+import "../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "d3";
+import "../../finstrong/components/FinancialStrengthGraph.js";
+import "../../finstrong/components/CreditScoreGraph.js";
+import "../../finstrong/FinstrongWidget.js";
+import "../../goals/GoalsWidget.js";
+import "../../goals/GoalsMicroWidget.js";
+import "../../investments/util/InvestmentUtil.js";
+import "../../merchants/components/MerchantLookup.js";
+import "../../networth/components/NetWorthChart.js";
+import "../../networth/components/NetWorthList.js";
+import "../../networth/components/NetWorthSummary.js";
+import "../../networth/NetWorthMicroWidget.js";
+import "../../networth/NetWorthWidget.js";
+import "../../notifications/components/NotificationList.js";
+import "../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../transactions/constants/Analytics.js";
+import "../../transactions/constants/Transaction.js";
+import "../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../transactions/components/shared/TransactionList.js";
+import "../../transactions/components/shared/TransactionTable.js";
+import "../../transactions/components/shared/TransactionDetails.js";
+import "../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../transactions/TransactionWidget.js";
+import "../../settings/SettingsWidget.js";
+import "../../settings/components/SettingsWidgetContents.js";
+import "../../settings/components/profile/ProfileTab.js";
+import "../../settings/components/devices/DeviceTab.js";
+import "../../settings/NotificationSettingsWidget.js";
+import "../../settings/components/notifications/NotificationSettings.js";
+import "../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../trends/TrendsFullWidget.js";
+import "../../trends/TrendsMiniWidget.js";
+import "../../trends/TrendsMicroWidget.js";
+import "../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+const V = ({
+  data: r,
+  isIncome: d = !1,
+  onSelected: g,
+  onViewTransactions: f,
+  selectedId: m,
+  size: n = 150,
+  totalLabel: e,
+  variant: o = "mini"
+}) => {
+  const { spending: h } = H(), c = k(), { isTablet: y } = I(), t = l.useMemo(
+    () => m ? r.categoryData.find((D) => D.guid === m) : void 0,
+    [m]
+  ), x = l.useMemo(() => r.donutData.length > 0 ? r.donutData : [{ id: "0", color: c.palette.divider, value: 100 }], [r, c]), C = () => {
+    f?.(m);
+  }, b = y ? 32 : 48;
+  return /* @__PURE__ */ i(M, { data: x, onClick: g, selectedId: m, size: n, children: /* @__PURE__ */ i(s, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ a(s, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
+    t && /* @__PURE__ */ a(
+      s,
+      {
+        alignItems: "center",
+        gap: o === "mini" ? 0 : 8,
+        mb: o === "mini" ? 0 : 8,
+        mt: o === "mini" ? 0 : -16,
+        sx: o === "mini" ? { gap: 0, mb: 0 } : { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } },
+        children: [
+          /* @__PURE__ */ i(
+            S,
+            {
+              categoryGuid: d ? w.INCOME : t.guid,
+              size: o === "mini" ? 24 : b,
+              variant: j.Transparent
+            }
+          ),
+          /* @__PURE__ */ i(p, { color: "secondary", noWrap: !0, variant: o === "mini" ? "Tiny" : "Body", children: t ? t.name : e })
+        ]
+      }
+    ),
+    !t && o === "full" && /* @__PURE__ */ i(p, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: e }),
+    /* @__PURE__ */ i(p, { variant: o === "mini" ? "H2" : "H1", children: t ? u(t.amount, "0,0") : u(r.totalAmount, "0,0") }),
+    !t && o === "mini" && /* @__PURE__ */ i(p, { color: "secondary", noWrap: !0, variant: "Tiny", children: e }),
+    o === "full" && /* @__PURE__ */ i(
+      G,
+      {
+        "aria-label": `View ${t?.name || ""} Transactions`,
+        disabled: r.categoryData.length === 0,
+        onClick: C,
+        sx: { mt: { xl: 4, xs: 0 }, zIndex: 1 },
+        variant: "text",
+        children: h.view_transactions
+      }
+    )
+  ] }) }) });
+}, Mi = T(V);
+export {
+  Mi as default
+};
+//# sourceMappingURL=SpendingDonut.js.map

package/dist/spending/components/SpendingDonut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpendingDonut.js","sources":["../../../src/spending/components/SpendingDonut.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { CategoryIcon, CategoryIconVariants, Text } from '@mxenabled/mxui'\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.divider, 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"],"names":["SpendingDonut","data","isIncome","onSelected","onViewTransactions","selectedId","size","totalLabel","variant","spendingCopy","useGlobalCopyStore","theme","useTheme","isTablet","useScreenSize","selectedCategory","React","cd","donutData","handleViewTransactions","iconSize","jsx","Donut","Stack","jsxs","CategoryIcon","CategoryGuids","CategoryIconVariants","Text","formatCurrency","Button","SpendingDonut$1","observer"],"mappings":"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"}

package/dist/spending/components/SpendingLegend.js

@@ -0,0 +1,26 @@
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import d from "@mui/material/Box";
+import n from "@mui/material/Stack";
+import { Text as l } from "@mxenabled/mxui";
+const p = ({ data: t, onSelected: e, selectedId: a }) => /* @__PURE__ */ o(n, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: t.categoryData.map((r) => /* @__PURE__ */ i(
+  n,
+  {
+    alignItems: "center",
+    "aria-label": r.name,
+    "aria-selected": r.guid === a,
+    direction: "row",
+    gap: 8,
+    onClick: () => e(r.guid),
+    role: "button",
+    sx: { cursor: "pointer" },
+    children: [
+      /* @__PURE__ */ o(d, { borderRadius: 4, height: 8, sx: { backgroundColor: r.color }, width: 8 }),
+      /* @__PURE__ */ o(l, { bold: r.guid === a, variant: "XSmall", children: r.name })
+    ]
+  },
+  r.guid
+)) });
+export {
+  p as default
+};
+//# sourceMappingURL=SpendingLegend.js.map

package/dist/spending/components/SpendingLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpendingLegend.js","sources":["../../../src/spending/components/SpendingLegend.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\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"],"names":["SpendingLegend","data","onSelected","selectedId","jsx","Stack","item","jsxs","Box","Text"],"mappings":";;;;AAeA,MAAMA,IAAgD,CAAC,EAAE,MAAAC,GAAM,YAAAC,GAAY,YAAAC,QAEtE,gBAAAC,EAAAC,GAAA,EAAM,KAAK,GAAG,QAAO,QAAO,gBAAe,UAAS,IAAG,QACrD,UAAAJ,EAAK,aAAa,IAAI,CAACK,MACtB,gBAAAC;AAAA,EAACF;AAAA,EAAA;AAAA,IACC,YAAW;AAAA,IACX,cAAYC,EAAK;AAAA,IACjB,iBAAeA,EAAK,SAASH;AAAA,IAC7B,WAAU;AAAA,IACV,KAAK;AAAA,IAEL,SAAS,MAAMD,EAAWI,EAAK,IAAI;AAAA,IACnC,MAAK;AAAA,IACL,IAAI,EAAE,QAAQ,UAAU;AAAA,IAExB,UAAA;AAAA,MAAA,gBAAAF,EAACI,GAAI,EAAA,cAAc,GAAG,QAAQ,GAAG,IAAI,EAAE,iBAAiBF,EAAK,MAAS,GAAA,OAAO,EAAG,CAAA;AAAA,MAChF,gBAAAF,EAACK,KAAK,MAAMH,EAAK,SAASH,GAAY,SAAQ,UAC3C,UAAAG,EAAK,KACR,CAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EARKA,EAAK;AAUb,CAAA,EACH,CAAA;"}

package/dist/spending/components/SpendingList.js

@@ -0,0 +1,242 @@
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import f from "react";
+import { observer as y } from "mobx-react-lite";
+import x from "@mui/material/Box";
+import b from "@mui/material/Collapse";
+import d from "@mui/material/Divider";
+import s from "@mui/material/List";
+import g from "@mui/material/ListItem";
+import a from "@mui/material/Stack";
+import { Text as i } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import { formatCurrency as l } from "../../common/utils/NumberFormatting.js";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as C } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../common/components/WidgetContainer.js";
+import "../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItemAvatar";
+import w from "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../accounts/AccountsWidget.js";
+import "../../accounts/AccountsMiniWidget.js";
+import "../../accounts/ConnectMiniWidget.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../common/types/Account.js";
+import "posthog-js";
+import "../../cashflow/CashflowMiniWidget.js";
+import "../../cashflow/CashflowWidget.js";
+import "../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../categories/components/CategorySelector.js";
+import "../../categories/components/CategorySelectorDrawer.js";
+import "../../categories/components/CategoryRow.js";
+import "../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "../../finstrong/components/FinancialStrengthGraph.js";
+import "../../finstrong/components/CreditScoreGraph.js";
+import "../../finstrong/FinstrongWidget.js";
+import "../../goals/GoalsWidget.js";
+import "../../goals/GoalsMicroWidget.js";
+import "../../investments/util/InvestmentUtil.js";
+import "../../merchants/components/MerchantLookup.js";
+import "../../networth/components/NetWorthChart.js";
+import "../../networth/components/NetWorthList.js";
+import "../../networth/components/NetWorthSummary.js";
+import "../../networth/NetWorthMicroWidget.js";
+import "../../networth/NetWorthWidget.js";
+import "../../notifications/components/NotificationList.js";
+import "../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../transactions/constants/Analytics.js";
+import "../../transactions/constants/Transaction.js";
+import "../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../transactions/components/shared/TransactionList.js";
+import "../../transactions/components/shared/TransactionTable.js";
+import "../../transactions/components/shared/TransactionDetails.js";
+import "../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../transactions/TransactionWidget.js";
+import "../../settings/SettingsWidget.js";
+import "../../settings/components/SettingsWidgetContents.js";
+import "../../settings/components/profile/ProfileTab.js";
+import "../../settings/components/devices/DeviceTab.js";
+import "../../settings/NotificationSettingsWidget.js";
+import "../../settings/components/notifications/NotificationSettings.js";
+import "../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../trends/TrendsFullWidget.js";
+import "../../trends/TrendsMiniWidget.js";
+import "../../trends/TrendsMicroWidget.js";
+import "../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+const j = ({
+  data: m,
+  onSelected: u,
+  selectedId: p = "",
+  title: h
+}) => {
+  const { spending: c } = C(), n = m.categoryData.find((r) => r.guid === p);
+  return /* @__PURE__ */ t(a, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
+    /* @__PURE__ */ o(i, { bold: !0, sx: { py: 12 }, children: `${h} ${c.by_category}` }),
+    /* @__PURE__ */ o(d, { "aria-hidden": "true" }),
+    /* @__PURE__ */ o(s, { children: m.categoryData.map((r) => /* @__PURE__ */ t(f.Fragment, { children: [
+      /* @__PURE__ */ o(
+        g,
+        {
+          disableGutters: !0,
+          disablePadding: !0,
+          sx: {
+            minHeight: 44
+          },
+          children: /* @__PURE__ */ t(
+            w,
+            {
+              "aria-expanded": n?.guid === r.guid,
+              onClick: () => u(r.guid),
+              sx: { minHeight: 44, px: 8, py: 0 },
+              children: [
+                /* @__PURE__ */ o(
+                  x,
+                  {
+                    borderRadius: 4,
+                    flexShrink: 0,
+                    height: 8,
+                    sx: { backgroundColor: r.color, mr: 8 },
+                    width: 8
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  a,
+                  {
+                    alignItems: "center",
+                    direction: "row",
+                    justifyContent: "space-between",
+                    width: "100%",
+                    children: [
+                      /* @__PURE__ */ o(i, { bold: p === r.guid, children: r.name }),
+                      /* @__PURE__ */ o(i, { bold: p === r.guid, variant: "Body", children: l(r.amount, "0,0") })
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ o(d, {}),
+      r.categoryTotals && r.categoryTotals.length > 0 && /* @__PURE__ */ o(b, { in: n?.guid === r.guid, unmountOnExit: !0, children: /* @__PURE__ */ t(s, { children: [
+        n?.categoryTotals?.map((e) => /* @__PURE__ */ o(
+          g,
+          {
+            sx: {
+              pl: 24,
+              pr: 8,
+              py: 0
+            },
+            children: /* @__PURE__ */ t(a, { direction: "row", justifyContent: "space-between", width: "100%", children: [
+              /* @__PURE__ */ t(i, { children: [
+                e.name,
+                " "
+              ] }),
+              /* @__PURE__ */ o(i, { children: l(e.amount, "0,0") })
+            ] })
+          },
+          e.guid
+        )),
+        /* @__PURE__ */ o(d, {})
+      ] }) })
+    ] }, r.guid)) }),
+    /* @__PURE__ */ o(i, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${c.total}: ${l(m.totalAmount, "0,0")}` })
+  ] });
+}, Ct = y(j);
+export {
+  Ct as default
+};
+//# sourceMappingURL=SpendingList.js.map

package/dist/spending/components/SpendingList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpendingList.js","sources":["../../../src/spending/components/SpendingList.tsx"],"sourcesContent":["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 '@mxenabled/mxui'\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"],"names":["SpendingList","data","onSelected","selectedId","title","spendingCopy","useGlobalCopyStore","selectedCategory","parent","jsxs","Stack","jsx","Text","Divider","List","item","React","ListItem","ListItemButton","Box","formatCurrency","Collapse","subItem","SpendingList$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAMA,IAA4C,CAAC;AAAA,EACjD,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,OAAAC;AACF,MAAM;AACJ,QAAM,EAAE,UAAUC,EAAa,IAAIC,EAAmB,GAChDC,IAAmBN,EAAK,aAAa,KAAK,CAACO,MAAWA,EAAO,SAASL,CAAU;AAGpF,SAAA,gBAAAM,EAACC,GAAM,EAAA,WAAU,UAAS,gBAAe,UAAS,UAAU,KAAK,UAAU,KAAK,OAAM,QACpF,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAK,EAAA,MAAM,IAAM,IAAI,EAAE,IAAI,GAAG,GAC5B,UAAG,GAAAR,CAAK,IAAIC,EAAa,WAAW,IACvC;AAAA,IAEA,gBAAAM,EAACE,GAAQ,EAAA,eAAY,OAAO,CAAA;AAAA,IAE5B,gBAAAF,EAACG,GACE,EAAA,UAAAb,EAAK,aAAa,IAAI,CAACc,MACtB,gBAAAN,EAACO,EAAM,UAAN,EACC,UAAA;AAAA,MAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,gBAAgB;AAAA,UAChB,gBAAgB;AAAA,UAChB,IAAI;AAAA,YACF,WAAW;AAAA,UACb;AAAA,UAEA,UAAA,gBAAAR;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,iBAAuBX,GAAkB,SAASQ,EAAK;AAAA,cACvD,SAAS,MAAMb,EAAWa,EAAK,IAAI;AAAA,cACnC,IAAI,EAAE,WAAW,IAAI,IAAI,GAAG,IAAI,EAAE;AAAA,cAElC,UAAA;AAAA,gBAAA,gBAAAJ;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACC,cAAc;AAAA,oBACd,YAAY;AAAA,oBACZ,QAAQ;AAAA,oBACR,IAAI,EAAE,iBAAiBJ,EAAK,OAAO,IAAI,EAAE;AAAA,oBACzC,OAAO;AAAA,kBAAA;AAAA,gBACT;AAAA,gBACA,gBAAAN;AAAA,kBAACC;AAAA,kBAAA;AAAA,oBACC,YAAW;AAAA,oBACX,WAAU;AAAA,oBACV,gBAAe;AAAA,oBACf,OAAM;AAAA,oBAEN,UAAA;AAAA,sBAAA,gBAAAC,EAACC,KAAK,MAAMT,MAAeY,EAAK,MAAO,YAAK,MAAK;AAAA,sBAChD,gBAAAJ,EAAAC,GAAA,EAAK,MAAMT,MAAeY,EAAK,MAAM,SAAQ,QAC3C,UAAeK,EAAAL,EAAK,QAAQ,KAAK,EACpC,CAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,wBAECF,GAAQ,EAAA;AAAA,MAERE,EAAK,kBAAkBA,EAAK,eAAe,SAAS,uBAClDM,GAAS,EAAA,IAAYd,GAAkB,SAASQ,EAAK,MAAO,eAAe,IAC1E,4BAACD,GACE,EAAA,UAAA;AAAA,QAAkBP,GAAA,gBAAgB,IAAI,CAACe,MACtC,gBAAAX;AAAA,UAACM;AAAA,UAAA;AAAA,YAEC,IAAI;AAAA,cACF,IAAI;AAAA,cACJ,IAAI;AAAA,cACJ,IAAI;AAAA,YACN;AAAA,YAEA,4BAACP,GAAM,EAAA,WAAU,OAAM,gBAAe,iBAAgB,OAAM,QAC1D,UAAA;AAAA,cAAA,gBAAAD,EAACG,GAAM,EAAA,UAAA;AAAA,gBAAQU,EAAA;AAAA,gBAAK;AAAA,cAAA,GAAC;AAAA,gCACpBV,GAAM,EAAA,UAAAQ,EAAeE,EAAQ,QAAQ,KAAK,GAAE;AAAA,YAAA,GAC/C;AAAA,UAAA;AAAA,UAVKA,EAAQ;AAAA,QAAA,CAYhB;AAAA,0BACAT,GAAQ,EAAA;AAAA,MAAA,EAAA,CACX,EACF,CAAA;AAAA,IAxDiB,EAAA,GAAAE,EAAK,IA0D1B,CACD,GACH;AAAA,IAEA,gBAAAJ,EAACC,KAAK,MAAM,IAAM,IAAI,EAAE,IAAI,IAAI,IAAI,GAAG,WAAW,WAC/C,UAAA,GAAGP,EAAa,KAAK,KAAKe,EAAenB,EAAK,aAAa,KAAK,CAAC,GACpE,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,GAEesB,KAAAC,EAASxB,CAAY;"}