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

package/dist/budgets/components/BudgetsEmptyState.js

@@ -0,0 +1,238 @@
+import { jsx as m, Fragment as f } from "react/jsx-runtime";
+import i from "react";
+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 "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useBudgetsStore as B, useCategoryStore as S, useGlobalCopyStore as w } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../common/components/WidgetContainer.js";
+import "../../common/components/ConnectDrawer.js";
+import "uuid";
+import x from "../../common/components/Loader.js";
+import "../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import { EmptyState as e } from "../../common/components/EmptyState.js";
+import "../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../accounts/AccountsWidget.js";
+import "../../accounts/AccountsMiniWidget.js";
+import "../../accounts/ConnectMiniWidget.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../common/types/Account.js";
+import "posthog-js";
+import "../../cashflow/CashflowMiniWidget.js";
+import "../../cashflow/CashflowWidget.js";
+import "../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../categories/components/CategorySelector.js";
+import "../../categories/components/CategorySelectorDrawer.js";
+import "../../categories/components/CategoryRow.js";
+import "../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../finstrong/components/FinancialStrengthGraph.js";
+import "../../finstrong/components/CreditScoreGraph.js";
+import "../../finstrong/FinstrongWidget.js";
+import "../../goals/GoalsWidget.js";
+import "../../goals/GoalsMicroWidget.js";
+import "../../investments/util/InvestmentUtil.js";
+import "../../merchants/components/MerchantLookup.js";
+import "../../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 Bo = ({
+  isMiniWidget: o = !1,
+  onConnectAccountsClick: d,
+  createBudgetOnClick: p
+}) => {
+  const { recalculateBudgets: _ } = B(), { spendCategories: s } = S(), { budgets: t } = w(), [c, g] = i.useState(!1), [l, a] = i.useState(!1), [b, u] = i.useState(!1), h = i.useMemo(() => [...s.filter((r) => r.totalAverageAmount > 0)], [s]), n = async () => {
+    u(!0);
+    const { data: r, isSuccess: y } = await _(h);
+    u(!1), y ? (r.length === 0 && g(!0), a(!1)) : a(!0);
+  };
+  return b ? /* @__PURE__ */ m(x, {}) : l ? /* @__PURE__ */ m(
+    e,
+    {
+      header: t.autogenerate_budgets_error_header,
+      icon: "error",
+      iconColor: "#4D4D4D",
+      onClick: (r) => {
+        r === "primary" ? n() : p();
+      },
+      primaryButton: t.autogenerate_budgets_error_primary_button,
+      secondaryButton: t.zero_state_generate_budgets_secondary_button,
+      subText: t.autogenerate_budgets_error_subheader,
+      sx: {
+        width: { sm: 468 },
+        ".buttons-footer": {
+          width: 208
+        }
+      }
+    }
+  ) : /* @__PURE__ */ m(f, { children: c ? /* @__PURE__ */ m(
+    e,
+    {
+      header: t.zero_state_generate_budgets_header,
+      icon: "error",
+      iconColor: "#4D4D4D",
+      onClick: (r) => {
+        r === "primary" ? d() : p();
+      },
+      primaryButton: t.zero_state_generate_budgets_primary_button,
+      secondaryButton: t.zero_state_generate_budgets_secondary_button,
+      subText: t.zero_state_generate_budgets_subheader,
+      sx: {
+        width: o ? "100%" : { sm: 500 },
+        height: o ? "100%" : { sm: 468 },
+        mt: 50,
+        ".buttons-footer": {
+          width: 208,
+          height: 100
+        },
+        padding: o ? 5 : 0
+      }
+    }
+  ) : /* @__PURE__ */ m(
+    e,
+    {
+      header: t.create_budgets_title,
+      icon: "bubble_chart",
+      iconColor: "#1A1A1A",
+      onClick: (r) => {
+        r === "primary" ? n() : p();
+      },
+      primaryButton: t.empty_state_primary_button,
+      secondaryButton: o ? void 0 : t.empty_state_secondary_button,
+      subText: t.empty_state_subheader,
+      sx: {
+        width: o ? "100%" : { sm: 432 },
+        height: o ? "100%" : { sm: 468 },
+        mt: 50,
+        ".buttons-footer": {
+          width: 208,
+          height: 100
+        },
+        padding: o ? 4 : 0
+      }
+    }
+  ) });
+};
+export {
+  Bo as BudgetsEmptyState
+};
+//# sourceMappingURL=BudgetsEmptyState.js.map

package/dist/budgets/components/BudgetsEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BudgetsEmptyState.js","sources":["../../../src/budgets/components/BudgetsEmptyState.tsx"],"sourcesContent":["import React from 'react'\n\nimport {\n  EmptyState,\n  Loader,\n  useBudgetsStore,\n  useCategoryStore,\n  useGlobalCopyStore,\n} from '../../common'\n\ninterface BudgetsEmptyStateProps {\n  isMiniWidget?: boolean\n  onConnectAccountsClick: () => void\n  createBudgetOnClick: () => void\n}\nexport const BudgetsEmptyState: React.FC<BudgetsEmptyStateProps> = ({\n  isMiniWidget = false,\n  onConnectAccountsClick,\n  createBudgetOnClick,\n}) => {\n  const { recalculateBudgets } = useBudgetsStore()\n\n  const { spendCategories } = useCategoryStore()\n\n  const { budgets: copy } = useGlobalCopyStore()\n\n  const [shouldShowEmptyGeneratedBudgets, setShouldShowEmptyGeneratedBudgets] =\n    React.useState(false)\n\n  const [isError, setError] = React.useState(false)\n\n  const [recalculateBudgetsLoading, setRecalculateBudgetsLoading] = React.useState(false)\n\n  const newBudgetCategories = React.useMemo(() => {\n    return [...spendCategories.filter((category) => category.totalAverageAmount > 0)]\n  }, [spendCategories])\n\n  const autoGenerateBudgets = async () => {\n    setRecalculateBudgetsLoading(true)\n    const { data, isSuccess } = await recalculateBudgets(newBudgetCategories)\n    setRecalculateBudgetsLoading(false)\n    if (isSuccess) {\n      if (data.length === 0) {\n        setShouldShowEmptyGeneratedBudgets(true)\n      }\n      setError(false)\n    } else {\n      setError(true)\n    }\n  }\n\n  if (recalculateBudgetsLoading) {\n    return <Loader />\n  }\n  if (isError) {\n    return (\n      <EmptyState\n        header={copy.autogenerate_budgets_error_header}\n        icon={'error'}\n        iconColor=\"#4D4D4D\"\n        onClick={(buttonType) => {\n          if (buttonType === 'primary') {\n            autoGenerateBudgets()\n          } else {\n            createBudgetOnClick()\n          }\n        }}\n        primaryButton={copy.autogenerate_budgets_error_primary_button}\n        secondaryButton={copy.zero_state_generate_budgets_secondary_button}\n        subText={copy.autogenerate_budgets_error_subheader}\n        sx={{\n          width: { sm: 468 },\n          '.buttons-footer': {\n            width: 208,\n          },\n        }}\n      />\n    )\n  }\n\n  return (\n    <>\n      {shouldShowEmptyGeneratedBudgets ? (\n        <EmptyState\n          header={copy.zero_state_generate_budgets_header}\n          icon=\"error\"\n          iconColor=\"#4D4D4D\"\n          onClick={(buttonType: string) => {\n            if (buttonType === 'primary') {\n              onConnectAccountsClick()\n            } else {\n              createBudgetOnClick()\n            }\n          }}\n          primaryButton={copy.zero_state_generate_budgets_primary_button}\n          secondaryButton={copy.zero_state_generate_budgets_secondary_button}\n          subText={copy.zero_state_generate_budgets_subheader}\n          sx={{\n            width: isMiniWidget ? '100%' : { sm: 500 },\n            height: isMiniWidget ? '100%' : { sm: 468 },\n            mt: 50,\n            '.buttons-footer': {\n              width: 208,\n              height: 100,\n            },\n            padding: isMiniWidget ? 5 : 0,\n          }}\n        />\n      ) : (\n        <EmptyState\n          header={copy.create_budgets_title}\n          icon=\"bubble_chart\"\n          iconColor=\"#1A1A1A\"\n          onClick={(buttonType: string) => {\n            if (buttonType === 'primary') {\n              autoGenerateBudgets()\n            } else {\n              createBudgetOnClick()\n            }\n          }}\n          primaryButton={copy.empty_state_primary_button}\n          secondaryButton={!isMiniWidget ? copy.empty_state_secondary_button : undefined}\n          subText={copy.empty_state_subheader}\n          sx={{\n            width: isMiniWidget ? '100%' : { sm: 432 },\n            height: isMiniWidget ? '100%' : { sm: 468 },\n            mt: 50,\n            '.buttons-footer': {\n              width: 208,\n              height: 100,\n            },\n            padding: isMiniWidget ? 4 : 0,\n          }}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["BudgetsEmptyState","isMiniWidget","onConnectAccountsClick","createBudgetOnClick","recalculateBudgets","useBudgetsStore","spendCategories","useCategoryStore","copy","useGlobalCopyStore","shouldShowEmptyGeneratedBudgets","setShouldShowEmptyGeneratedBudgets","React","isError","setError","recalculateBudgetsLoading","setRecalculateBudgetsLoading","newBudgetCategories","category","autoGenerateBudgets","data","isSuccess","Loader","jsx","EmptyState","buttonType"],"mappings":"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"}

package/dist/budgets/components/Overview.js

@@ -0,0 +1,249 @@
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import u from "react";
+import { observer as P } from "mobx-react-lite";
+import { subDays as L } from "date-fns/subDays";
+import N from "@mui/material/Card";
+import R from "@mui/material/CardContent";
+import j from "@mui/material/CardHeader";
+import k from "@mui/material/IconButton";
+import e from "@mui/material/Stack";
+import G from "@mui/material/styles/useTheme";
+import { H3 as H, Text as n, Icon as $ } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as F } from "../../common/constants/Analytics.js";
+import "date-fns/intlFormat";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import { buildDynamicCopy as b } from "../../common/utils/Localization.js";
+import { formatCurrency as c } from "../../common/utils/NumberFormatting.js";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useEvent as K, useAccountStore as U, useGlobalCopyStore as V, useCategoryStore as Y, useBudgetsStore as q, useRecurringTransactionsStore as z, useTransactionStore as J } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+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 v from "../../common/components/charts/StatusBar.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+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 Q from "../../common/components/drawer/Drawer.js";
+import "../../common/components/ErrorBoundary.js";
+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 "../../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 { ManageIncome as W } from "../../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 Xr = P(() => {
+  const a = G(), { onEvent: y } = K(), { visibleAccounts: _ } = U(), { budgets: i, common: x, recurring: g } = V(), { incomeCategories: f, spendCategories: h } = Y(), { detailedBudgets: I, totalBudgeted: C } = q(), { incomeTotal: s } = z(), { setFilter: T } = J(), [w, S] = u.useState(!1), [B, D] = u.useMemo(() => {
+    const r = h.reduce((d, M) => d + M.totalAmount, 0);
+    let o = r / C;
+    o > 1 && (o = 1);
+    let p = a.palette.success.main;
+    o > 0.8 && o < 1 ? p = a.palette.warning.main : o >= 1 && (p = a.palette.error.main);
+    const l = [
+      {
+        color: p,
+        percentage: `${o}`
+      }
+    ];
+    return [r, l];
+  }, [I, h]), [E, A] = u.useMemo(() => {
+    const r = Math.abs(
+      f.reduce((l, d) => l + d.totalAmount, 0)
+    );
+    let o = r / s;
+    o > 1 && (o = 1);
+    const p = [
+      {
+        color: a.palette.secondary.main,
+        percentage: `${o}`
+      }
+    ];
+    return [r, p];
+  }, [f, s]), O = () => {
+    T({
+      accounts: _.map((r) => r.guid),
+      dateRange: {
+        start: L(/* @__PURE__ */ new Date(), 90),
+        end: /* @__PURE__ */ new Date()
+      }
+    }), S(!0), y(F.BUDGETS_CLICK_EDIT_INCOME);
+  };
+  return /* @__PURE__ */ m(N, { elevation: 2, sx: { overflow: "visible" }, children: [
+    /* @__PURE__ */ t(j, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ t(H, { children: i.overview_title }) }),
+    /* @__PURE__ */ t(R, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ m(e, { gap: 24, children: [
+      /* @__PURE__ */ m(e, { gap: 8, children: [
+        /* @__PURE__ */ t(n, { bold: !0, sx: { mb: 8 }, variant: "Body", children: i.spending_title }),
+        /* @__PURE__ */ t(v, { data: D, height: 16 }),
+        /* @__PURE__ */ t(n, { variant: "Small", children: b(
+          i.spending_description,
+          c(B, "0,0"),
+          c(C, "0,0")
+        ) })
+      ] }),
+      /* @__PURE__ */ m(e, { gap: 8, children: [
+        /* @__PURE__ */ m(e, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
+          /* @__PURE__ */ t(n, { bold: !0, variant: "Body", children: i.income_title }),
+          /* @__PURE__ */ t(
+            k,
+            {
+              "aria-label": g.manage_income,
+              onClick: O,
+              sx: { p: 0 },
+              children: /* @__PURE__ */ t($, { color: "primary", name: "edit" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t(v, { data: A, height: 16 }),
+        /* @__PURE__ */ t(n, { variant: "Small", children: b(
+          i.income_description,
+          c(E, "0,0"),
+          c(s, "0,0")
+        ) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ t(
+      Q,
+      {
+        ariaLabelClose: x.close_aria,
+        isOpen: w,
+        onClose: () => S(!1),
+        title: g.manage_income,
+        children: /* @__PURE__ */ m(e, { gap: 4, children: [
+          /* @__PURE__ */ t(n, { bold: !0, sx: { mt: 12, mx: 24 }, variant: "Small", children: i.income_title }),
+          /* @__PURE__ */ t(W, {})
+        ] })
+      }
+    )
+  ] });
+});
+export {
+  Xr as Overview
+};
+//# sourceMappingURL=Overview.js.map

package/dist/budgets/components/Overview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overview.js","sources":["../../../src/budgets/components/Overview.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { subDays } from 'date-fns/subDays'\n\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\nimport IconButton from '@mui/material/IconButton'\nimport Stack from '@mui/material/Stack'\nimport useTheme from '@mui/material/styles/useTheme'\n\nimport { H3, Icon, Text } from '@mxenabled/mxui'\n\nimport {\n  type StatusBarData,\n  ANALYTICS_EVENTS,\n  buildDynamicCopy,\n  Drawer,\n  formatCurrency,\n  StatusBar,\n  useBudgetsStore,\n  useCategoryStore,\n  useGlobalCopyStore,\n  useRecurringTransactionsStore,\n  useTransactionStore,\n  useAccountStore,\n  useEvent,\n} from '../../common'\n\nimport { ManageIncome } from '../../recurringtransactions'\n\nexport const Overview = observer(() => {\n  const theme = useTheme()\n\n  const { onEvent } = useEvent()\n  const { visibleAccounts: accounts } = useAccountStore()\n  const { budgets: copy, common: commonCopy, recurring: recurringCopy } = useGlobalCopyStore()\n  const { incomeCategories, spendCategories } = useCategoryStore()\n  const { detailedBudgets: budgets, totalBudgeted } = useBudgetsStore()\n  const { incomeTotal } = useRecurringTransactionsStore()\n  const { setFilter } = useTransactionStore()\n\n  const [isIncomeOpen, setIsIncomeOpen] = React.useState(false)\n\n  const [spentTotal, spendingStatus] = React.useMemo(() => {\n    const spentTotal = spendCategories.reduce((total, current) => total + current.totalAmount, 0)\n    let spendingPercentage = spentTotal / totalBudgeted\n    if (spendingPercentage > 1) spendingPercentage = 1\n    let color = theme.palette.success.main\n    if (spendingPercentage > 0.8 && spendingPercentage < 1) {\n      color = theme.palette.warning.main\n    } else if (spendingPercentage >= 1) {\n      color = theme.palette.error.main\n    }\n\n    const spendingStatus = [\n      {\n        color,\n        percentage: `${spendingPercentage}`,\n      },\n    ] as StatusBarData[]\n    return [spentTotal, spendingStatus]\n  }, [budgets, spendCategories])\n\n  const [incomePaid, incomeStatus] = React.useMemo(() => {\n    const incomePaid = Math.abs(\n      incomeCategories.reduce((total, current) => total + current.totalAmount, 0),\n    )\n    let incomePercentage = incomePaid / incomeTotal\n    if (incomePercentage > 1) incomePercentage = 1\n\n    const incomeStatus = [\n      {\n        color: theme.palette.secondary.main,\n        percentage: `${incomePercentage}`,\n      },\n    ]\n    return [incomePaid, incomeStatus]\n  }, [incomeCategories, incomeTotal])\n\n  const handleOpenIncome = () => {\n    setFilter({\n      accounts: accounts.map((account) => account.guid),\n      dateRange: {\n        start: subDays(new Date(), 90),\n        end: new Date(),\n      },\n    })\n    setIsIncomeOpen(true)\n    onEvent(ANALYTICS_EVENTS.BUDGETS_CLICK_EDIT_INCOME)\n  }\n\n  return (\n    <Card elevation={2} sx={{ overflow: 'visible' }}>\n      <CardHeader sx={{ pb: 8, pl: 24 }} title={<H3>{copy.overview_title}</H3>} />\n      <CardContent sx={{ pt: 12, px: 24 }}>\n        <Stack gap={24}>\n          <Stack gap={8}>\n            <Text bold={true} sx={{ mb: 8 }} variant=\"Body\">\n              {copy.spending_title}\n            </Text>\n            <StatusBar data={spendingStatus} height={16} />\n            <Text variant=\"Small\">\n              {\n                buildDynamicCopy(\n                  copy.spending_description,\n                  formatCurrency(spentTotal, '0,0'),\n                  formatCurrency(totalBudgeted, '0,0'),\n                ) as string\n              }\n            </Text>\n          </Stack>\n\n          <Stack gap={8}>\n            <Stack alignItems=\"center\" direction=\"row\" gap={4} mb={-4}>\n              <Text bold={true} variant=\"Body\">\n                {copy.income_title}\n              </Text>\n              <IconButton\n                aria-label={recurringCopy.manage_income}\n                onClick={handleOpenIncome}\n                sx={{ p: 0 }}\n              >\n                <Icon color=\"primary\" name=\"edit\" />\n              </IconButton>\n            </Stack>\n            <StatusBar data={incomeStatus} height={16} />\n            <Text variant=\"Small\">\n              {\n                buildDynamicCopy(\n                  copy.income_description,\n                  formatCurrency(incomePaid, '0,0'),\n                  formatCurrency(incomeTotal, '0,0'),\n                ) as string\n              }\n            </Text>\n          </Stack>\n        </Stack>\n      </CardContent>\n\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isIncomeOpen}\n        onClose={() => setIsIncomeOpen(false)}\n        title={recurringCopy.manage_income}\n      >\n        <Stack gap={4}>\n          <Text bold={true} sx={{ mt: 12, mx: 24 }} variant=\"Small\">\n            {copy.income_title}\n          </Text>\n          <ManageIncome />\n        </Stack>\n      </Drawer>\n    </Card>\n  )\n})\n"],"names":["Overview","observer","theme","useTheme","onEvent","useEvent","accounts","useAccountStore","copy","commonCopy","recurringCopy","useGlobalCopyStore","incomeCategories","spendCategories","useCategoryStore","budgets","totalBudgeted","useBudgetsStore","incomeTotal","useRecurringTransactionsStore","setFilter","useTransactionStore","isIncomeOpen","setIsIncomeOpen","React","spentTotal","spendingStatus","total","current","spendingPercentage","color","incomePaid","incomeStatus","incomePercentage","handleOpenIncome","account","subDays","ANALYTICS_EVENTS","jsxs","Card","jsx","CardHeader","H3","CardContent","Stack","Text","StatusBar","buildDynamicCopy","formatCurrency","IconButton","Icon","Drawer","ManageIncome"],"mappings":"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"}