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

package/dist/budgets/components/AddBudgets.js

@@ -0,0 +1,182 @@
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { observer as n } from "mobx-react-lite";
+import a from "@mui/material/Box";
+import c from "@mui/material/List";
+import g from "@mui/material/Stack";
+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 { buildDynamicCopy as l } from "../../common/utils/Localization.js";
+import "numeral";
+import "@mui/material";
+import "react";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as f, useBudgetsStore as b } 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/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 "../../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";
+import { Header as B } from "./addbudget/Header.js";
+import { RecalculateBudgets as h } from "./addbudget/RecalculateBudgets.js";
+import { UnbudgetedRow as x } from "./addbudget/UnbudgetedRow.js";
+const At = n(({ onRecalculateBudgets: t }) => {
+  const { budgets: m } = f(), { addBudget: i, setAlert: p, unbudgetedCategories: e } = b(), d = async (o, s) => {
+    await i(o, s), p(l(m.alert_budget_created, o.name));
+  };
+  return /* @__PURE__ */ u(g, { children: [
+    /* @__PURE__ */ r(B, {}),
+    /* @__PURE__ */ r(a, { bgcolor: "background.paper", children: /* @__PURE__ */ r(c, { children: e.map((o) => /* @__PURE__ */ r(
+      x,
+      {
+        category: o,
+        onAddBudget: d
+      },
+      o.guid
+    )) }) }),
+    /* @__PURE__ */ r(h, { onRecalculateBudgets: t })
+  ] });
+});
+export {
+  At as AddBudgets
+};
+//# sourceMappingURL=AddBudgets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddBudgets.js","sources":["../../../src/budgets/components/AddBudgets.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\n\nimport {\n  buildDynamicCopy,\n  type DetailedCategory,\n  useBudgetsStore,\n  useGlobalCopyStore,\n} from '../../common'\n\nimport { Header } from './addbudget/Header'\nimport { RecalculateBudgets } from './addbudget/RecalculateBudgets'\nimport { UnbudgetedRow } from './addbudget/UnbudgetedRow'\n\ninterface AddBudgetsProps {\n  onRecalculateBudgets?: () => void\n}\n\nexport const AddBudgets = observer(({ onRecalculateBudgets }: AddBudgetsProps) => {\n  const { budgets: copy } = useGlobalCopyStore()\n  const { addBudget, setAlert, unbudgetedCategories } = useBudgetsStore()\n\n  const handleOnAddBudget = async (category: DetailedCategory, amount: number) => {\n    await addBudget(category, amount)\n    setAlert(buildDynamicCopy(copy.alert_budget_created, category.name) as string)\n  }\n\n  return (\n    <Stack>\n      <Header />\n\n      <Box bgcolor=\"background.paper\">\n        <List>\n          {unbudgetedCategories.map((category) => (\n            <UnbudgetedRow\n              category={category}\n              key={category.guid}\n              onAddBudget={handleOnAddBudget}\n            />\n          ))}\n        </List>\n      </Box>\n\n      <RecalculateBudgets onRecalculateBudgets={onRecalculateBudgets} />\n    </Stack>\n  )\n})\n"],"names":["AddBudgets","observer","onRecalculateBudgets","copy","useGlobalCopyStore","addBudget","setAlert","unbudgetedCategories","useBudgetsStore","handleOnAddBudget","category","amount","buildDynamicCopy","Stack","jsx","Header","Box","List","UnbudgetedRow","RecalculateBudgets"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAMA,KAAaC,EAAS,CAAC,EAAE,sBAAAC,QAA4C;AAChF,QAAM,EAAE,SAASC,EAAK,IAAIC,EAAmB,GACvC,EAAE,WAAAC,GAAW,UAAAC,GAAU,sBAAAC,MAAyBC,EAAgB,GAEhEC,IAAoB,OAAOC,GAA4BC,MAAmB;AACxE,UAAAN,EAAUK,GAAUC,CAAM,GAChCL,EAASM,EAAiBT,EAAK,sBAAsBO,EAAS,IAAI,CAAW;AAAA,EAAA;AAG/E,2BACGG,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAO,EAAA;AAAA,IAER,gBAAAD,EAACE,KAAI,SAAQ,oBACX,4BAACC,GACE,EAAA,UAAAV,EAAqB,IAAI,CAACG,MACzB,gBAAAI;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,UAAAR;AAAA,QAEA,aAAaD;AAAA,MAAA;AAAA,MADRC,EAAS;AAAA,IAAA,CAGjB,GACH,EACF,CAAA;AAAA,IAEA,gBAAAI,EAACK,KAAmB,sBAAAjB,GAA4C;AAAA,EAClE,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/budgets/components/BubbleBudgets.js

@@ -0,0 +1,212 @@
+import { jsx as t, jsxs as _ } from "react/jsx-runtime";
+import s from "react";
+import { observer as T } from "mobx-react-lite";
+import h from "@mui/material/Box";
+import k from "@mui/material/Stack";
+import v from "../../accounts/components/ConnectionsDrawer.js";
+import x from "./BubbleChart.js";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as c } 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 "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useEvent as A, useBudgetsStore as G, useCategoryStore as I, useGlobalUiStore as L, useGlobalCopyStore as N, useWidgetContainerProvider as w } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import { useScreenSize as M } 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 "d3";
+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 U 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 "../../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";
+import { BudgetsEmptyState as W } from "./BudgetsEmptyState.js";
+const Dr = T(
+  ({
+    createBudgetOnClick: a = () => {
+    },
+    height: o,
+    isDraggable: l = !1,
+    isMiniWidget: C = !1,
+    shouldShowZeroState: r,
+    unavailableWidth: u = 24
+  }) => {
+    const { onEvent: i } = A(), { setSelectedBudget: f } = G(), { isLoadingCategoryTotals: d } = I(), { isInitialized: b } = L(), { accounts: g } = N(), { availableWidth: m } = w(), { isMobile: S } = M(), [B, p] = s.useState(!1), e = s.useMemo(() => m - u, [m]), y = (n) => {
+      f(n), i(c.BUDGETS_CLICK_BUDGET_CATEGORY, {
+        budget_category: n.category.name,
+        click_type: "bubble"
+      });
+    }, E = () => {
+      p(!0), i(c.ACCOUNTS_CLICK_CONNECT);
+    };
+    return d ? /* @__PURE__ */ t(k, { alignItems: "center", height: o, justifyContent: "center", width: Math.abs(e), children: /* @__PURE__ */ t(U, {}) }) : /* @__PURE__ */ _(h, { ml: r || S ? 0 : 24, sx: { alignSelf: "center" }, children: [
+      r || !b ? /* @__PURE__ */ t(
+        W,
+        {
+          createBudgetOnClick: a,
+          isMiniWidget: C,
+          onConnectAccountsClick: E
+        }
+      ) : /* @__PURE__ */ t(
+        x,
+        {
+          height: o,
+          isDraggable: l,
+          onClick: y,
+          width: e
+        }
+      ),
+      /* @__PURE__ */ t(
+        v,
+        {
+          onClose: () => p(!1),
+          showConnectionsWidget: B,
+          title: g.manage_connections
+        }
+      )
+    ] });
+  }
+);
+export {
+  Dr as BubbleBudgets
+};
+//# sourceMappingURL=BubbleBudgets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleBudgets.js","sources":["../../../src/budgets/components/BubbleBudgets.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport ConnectionsDrawer from '../../accounts/components/ConnectionsDrawer'\nimport BubbleChart from './BubbleChart'\n\nimport {\n  type DetailedBudget,\n  ANALYTICS_EVENTS,\n  useBudgetsStore,\n  useEvent,\n  useGlobalUiStore,\n  useWidgetContainerProvider,\n  useCategoryStore,\n  Loader,\n  useScreenSize,\n  useGlobalCopyStore,\n} from '../../common'\n\nimport { BudgetsEmptyState } from './BudgetsEmptyState'\n\ninterface BubbleBudgetsProps {\n  createBudgetOnClick?: () => void\n  height: number\n  isDraggable?: boolean\n  isMiniWidget?: boolean\n  shouldShowZeroState: boolean\n  unavailableWidth?: number\n}\n\nexport const BubbleBudgets: React.FC<BubbleBudgetsProps> = observer(\n  ({\n    createBudgetOnClick = () => {},\n    height,\n    isDraggable = false,\n    isMiniWidget = false,\n    shouldShowZeroState,\n    unavailableWidth = 24,\n  }) => {\n    const { onEvent } = useEvent()\n    const { setSelectedBudget } = useBudgetsStore()\n    const { isLoadingCategoryTotals } = useCategoryStore()\n    const { isInitialized } = useGlobalUiStore()\n    const { accounts: accountsCopy } = useGlobalCopyStore()\n    const { availableWidth } = useWidgetContainerProvider()\n    const { isMobile } = useScreenSize()\n\n    const [showConnectionsWidget, setShowConnectionsWidget] = React.useState(false)\n\n    const width = React.useMemo(() => {\n      return availableWidth - unavailableWidth\n    }, [availableWidth])\n\n    const handleBubbleClick = (budget: DetailedBudget) => {\n      setSelectedBudget(budget)\n      onEvent(ANALYTICS_EVENTS.BUDGETS_CLICK_BUDGET_CATEGORY, {\n        budget_category: budget.category.name,\n        click_type: 'bubble',\n      })\n    }\n\n    const handleManageConnections = () => {\n      setShowConnectionsWidget(true)\n      onEvent(ANALYTICS_EVENTS.ACCOUNTS_CLICK_CONNECT)\n    }\n\n    if (isLoadingCategoryTotals) {\n      return (\n        <Stack alignItems=\"center\" height={height} justifyContent=\"center\" width={Math.abs(width)}>\n          <Loader />\n        </Stack>\n      )\n    }\n\n    return (\n      <Box ml={shouldShowZeroState || isMobile ? 0 : 24} sx={{ alignSelf: 'center' }}>\n        {shouldShowZeroState || !isInitialized ? (\n          <BudgetsEmptyState\n            createBudgetOnClick={createBudgetOnClick}\n            isMiniWidget={isMiniWidget}\n            onConnectAccountsClick={handleManageConnections}\n          />\n        ) : (\n          <BubbleChart\n            height={height}\n            isDraggable={isDraggable}\n            onClick={handleBubbleClick}\n            width={width}\n          />\n        )}\n\n        <ConnectionsDrawer\n          onClose={() => setShowConnectionsWidget(false)}\n          showConnectionsWidget={showConnectionsWidget}\n          title={accountsCopy.manage_connections}\n        />\n      </Box>\n    )\n  },\n)\n"],"names":["BubbleBudgets","observer","createBudgetOnClick","height","isDraggable","isMiniWidget","shouldShowZeroState","unavailableWidth","onEvent","useEvent","setSelectedBudget","useBudgetsStore","isLoadingCategoryTotals","useCategoryStore","isInitialized","useGlobalUiStore","accountsCopy","useGlobalCopyStore","availableWidth","useWidgetContainerProvider","isMobile","useScreenSize","showConnectionsWidget","setShowConnectionsWidget","React","width","handleBubbleClick","budget","ANALYTICS_EVENTS","handleManageConnections","jsx","Stack","Loader","jsxs","Box","BudgetsEmptyState","BubbleChart","ConnectionsDrawer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCO,MAAMA,KAA8CC;AAAA,EACzD,CAAC;AAAA,IACC,qBAAAC,IAAsB,MAAM;AAAA,IAAC;AAAA,IAC7B,QAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,cAAAC,IAAe;AAAA,IACf,qBAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,EAAA,MACf;AACE,UAAA,EAAE,SAAAC,MAAYC,KACd,EAAE,mBAAAC,MAAsBC,KACxB,EAAE,yBAAAC,MAA4BC,KAC9B,EAAE,eAAAC,MAAkBC,KACpB,EAAE,UAAUC,EAAa,IAAIC,EAAmB,GAChD,EAAE,gBAAAC,MAAmBC,KACrB,EAAE,UAAAC,MAAaC,KAEf,CAACC,GAAuBC,CAAwB,IAAIC,EAAM,SAAS,EAAK,GAExEC,IAAQD,EAAM,QAAQ,MACnBN,IAAiBX,GACvB,CAACW,CAAc,CAAC,GAEbQ,IAAoB,CAACC,MAA2B;AACpD,MAAAjB,EAAkBiB,CAAM,GACxBnB,EAAQoB,EAAiB,+BAA+B;AAAA,QACtD,iBAAiBD,EAAO,SAAS;AAAA,QACjC,YAAY;AAAA,MAAA,CACb;AAAA,IAAA,GAGGE,IAA0B,MAAM;AACpC,MAAAN,EAAyB,EAAI,GAC7Bf,EAAQoB,EAAiB,sBAAsB;AAAA,IAAA;AAGjD,WAAIhB,IAEC,gBAAAkB,EAAAC,GAAA,EAAM,YAAW,UAAS,QAAA5B,GAAgB,gBAAe,UAAS,OAAO,KAAK,IAAIsB,CAAK,GACtF,UAAA,gBAAAK,EAACE,KAAO,EACV,CAAA,IAKF,gBAAAC,EAACC,GAAI,EAAA,IAAI5B,KAAuBc,IAAW,IAAI,IAAI,IAAI,EAAE,WAAW,SAAA,GACjE,UAAA;AAAA,MAAAd,KAAuB,CAACQ,IACvB,gBAAAgB;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,qBAAAjC;AAAA,UACA,cAAAG;AAAA,UACA,wBAAwBwB;AAAA,QAAA;AAAA,MAAA,IAG1B,gBAAAC;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,QAAAjC;AAAA,UACA,aAAAC;AAAA,UACA,SAASsB;AAAA,UACT,OAAAD;AAAA,QAAA;AAAA,MACF;AAAA,MAGF,gBAAAK;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,SAAS,MAAMd,EAAyB,EAAK;AAAA,UAC7C,uBAAAD;AAAA,UACA,OAAON,EAAa;AAAA,QAAA;AAAA,MACtB;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;"}

package/dist/budgets/components/BubbleChart.js

@@ -0,0 +1,176 @@
+import { jsx as e } from "react/jsx-runtime";
+import s from "react";
+import { observer as a } from "mobx-react-lite";
+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 f } 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 "@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 "../../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";
+import { simulate as l, resize as d, enableDrag as n } from "../utils/BubblesSVG.js";
+import { Bubble as b } from "./bubblechart/Bubble.js";
+let o;
+const c = ({
+  height: r,
+  width: t,
+  isDraggable: m = !1,
+  onClick: u = () => {
+  }
+}) => {
+  const { detailedBudgets: i } = f();
+  return o = s.useMemo(() => l(i), [i]), s.useEffect(() => {
+    d(o, r, t), m && n(o);
+  }, [o, r, t]), /* @__PURE__ */ e("svg", { height: r, style: { overflow: "visible" }, width: Math.abs(t), children: o.nodes().map((p) => /* @__PURE__ */ e(b, { bubble: p, isDraggable: m, onClick: u }, p.guid)) });
+}, bt = a(c);
+export {
+  bt as default
+};
+//# sourceMappingURL=BubbleChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleChart.js","sources":["../../../src/budgets/components/BubbleChart.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { SimulationNodeDatum } from 'd3-force'\n\nimport { DetailedBudget, useBudgetsStore } from '../../common'\n\nimport { enableDrag, resize, simulate, SimulationType } from '../utils/BubblesSVG'\nimport { Bubble } from './bubblechart/Bubble'\n\nexport interface BubbleData extends DetailedBudget, SimulationNodeDatum {\n  radius: number\n}\n\ninterface BubbleChartProps {\n  height: number\n  width: number\n  isDraggable?: boolean\n  onClick?: (budget: DetailedBudget) => void\n}\n\nlet simulation: SimulationType\n\nconst BubbleChart: React.FC<BubbleChartProps> = ({\n  height,\n  width,\n  isDraggable = false,\n  onClick = () => {},\n}) => {\n  const { detailedBudgets: budgets } = useBudgetsStore()\n\n  simulation = React.useMemo(() => simulate(budgets), [budgets])\n\n  React.useEffect(() => {\n    resize(simulation, height, width)\n\n    if (isDraggable) {\n      enableDrag(simulation)\n    }\n  }, [simulation, height, width])\n\n  return (\n    <svg height={height} style={{ overflow: 'visible' }} width={Math.abs(width)}>\n      {simulation.nodes().map((bubble) => (\n        <Bubble bubble={bubble} isDraggable={isDraggable} key={bubble.guid} onClick={onClick} />\n      ))}\n    </svg>\n  )\n}\n\nexport default observer(BubbleChart)\n"],"names":["simulation","BubbleChart","height","width","isDraggable","onClick","budgets","useBudgetsStore","React","simulate","resize","enableDrag","jsx","bubble","Bubble","BubbleChart$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAIA;AAEJ,MAAMC,IAA0C,CAAC;AAAA,EAC/C,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAU,MAAM;AAAA,EAAC;AACnB,MAAM;AACJ,QAAM,EAAE,iBAAiBC,EAAQ,IAAIC,EAAgB;AAExC,SAAAP,IAAAQ,EAAM,QAAQ,MAAMC,EAASH,CAAO,GAAG,CAACA,CAAO,CAAC,GAE7DE,EAAM,UAAU,MAAM;AACb,IAAAE,EAAAV,GAAYE,GAAQC,CAAK,GAE5BC,KACFO,EAAWX,CAAU;AAAA,EAEtB,GAAA,CAACA,GAAYE,GAAQC,CAAK,CAAC,GAG5B,gBAAAS,EAAC,OAAI,EAAA,QAAAV,GAAgB,OAAO,EAAE,UAAU,UAAa,GAAA,OAAO,KAAK,IAAIC,CAAK,GACvE,UAAWH,EAAA,MAAA,EAAQ,IAAI,CAACa,MACtB,gBAAAD,EAAAE,GAAA,EAAO,QAAAD,GAAgB,aAAAT,GAA4C,SAAAC,EAAb,GAAAQ,EAAO,IAAwB,CACvF,EACH,CAAA;AAEJ,GAEeE,KAAAC,EAASf,CAAW;"}