@mx-cartographer/experiences 9.4.1 → 9.4.3

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## [9.4.3] - 08-26-2026
+
+- **ADDED** - Pass category_guid and main_class_guid when creating repeating transactions (MEW-4051)
+- **ADDED** - Filter selectable transactions for recurring creation to merchant-backed transactions or eligible merchantless bills and income (MEW-4051)
+
+## [9.4.2] - 08-26-2026
+- **ADDED** - Sub budget totals now roll up to parent budget total
+- **ADDED** - Destructive cascade delete of sub-budgets when a parent budget is deleted
+- **REMOVED** - Un-budgeted projected income line
+- **CHANGED** - Colors from `primary.light` to `primary.main`
+
 ## [9.4.1] - 08-26-2026
 
 - **REMOVED** - Merchant Guid filter when adding recurring transactions

package/dist/budgets/BubbleBudgetsWidget.es.js

@@ -2,41 +2,41 @@ import { useAccountStore as K, useBudgetsStore as V, useCategoryStore as P, useE
 import { useScreenSize as Q } from "../common/hooks/useScreenSize.es.js";
 import { useWidgetLoadTimer as X } from "../common/hooks/useWidgetLoadTimer.es.js";
 import $ from "../common/components/drawer/Drawer.es.js";
-import { ANALYTICS_EVENTS as u } from "../common/constants/Analytics.es.js";
+import { ANALYTICS_EVENTS as g } from "../common/constants/Analytics.es.js";
 import ee from "../common/components/Loader.es.js";
 import { WidgetContainer as te } from "../common/components/WidgetContainer.es.js";
 import { AddBudgets as oe } from "./components/AddBudgets.es.js";
 import { BubbleBudgets as re } from "./components/BubbleBudgets.es.js";
 import { BudgetDetailsDrawer as ie } from "./components/BudgetDetailsDrawer.es.js";
-import { BudgetList as ae } from "./components/BudgetList.es.js";
-import { Overview as se } from "./components/Overview.es.js";
+import { BudgetList as se } from "./components/BudgetList.es.js";
+import { Overview as ae } from "./components/Overview.es.js";
 import i from "react";
 import { observer as ne } from "mobx-react-lite";
 import f from "@mui/material/Stack";
 import { endOfMonth as S } from "date-fns/endOfMonth";
-import { startOfMonth as g } from "date-fns/startOfMonth";
-import { startOfToday as a } from "date-fns/startOfToday";
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { startOfMonth as h } from "date-fns/startOfMonth";
+import { startOfToday as s } from "date-fns/startOfToday";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
 import { useTheme as le } from "@mui/material/styles";
 import { isAfter as de } from "date-fns/isAfter";
 import ce from "@mui/material/Alert";
 import me from "@mui/material/Snackbar";
 var A = 480, We = ne(({ onBackClick: T, onMenuClick: v, sx: y }) => {
-  const E = le(), { onEvent: s } = Y(), { visibleAccounts: _ } = K(), { budgets: n, common: w } = Z(), { isInitialized: l, selectedAccounts: d, setDisplayedDate: L } = q(), { alert: p, dateRange: t, isDataLoaded: c, loadBudgetData: R, setDateRange: m, setAlert: D, setTheme: I, detailedBudgets: b } = V(), { setDateRange: O } = J(), { loadDateRangeCategoryTotals: k, loadMonthlyCategoryTotals: x } = P(), { isSmallTablet: W, isMobile: G, isSmallMobile: M } = Q(), o = W || G || M, [N, r] = i.useState(!1);
+  const E = le(), { onEvent: a } = Y(), { visibleAccounts: _ } = K(), { budgets: n, common: w } = Z(), { isInitialized: l, selectedAccounts: d, setDisplayedDate: L } = q(), { alert: c, dateRange: t, isDataLoaded: m, loadBudgetData: R, setDateRange: u, setAlert: D, setTheme: I, detailedBudgets: b } = V(), { setDateRange: O } = J(), { loadDateRangeCategoryTotals: k, loadMonthlyCategoryTotals: x } = P(), { isSmallTablet: W, isMobile: G, isSmallMobile: M } = Q(), o = W || G || M, [N, r] = i.useState(!1);
   X({
     widgetName: "BubbleBudgetsWidget",
-    isLoaded: c
+    isLoaded: m
   }), i.useEffect(() => {
-    I(E), c || R().finally(() => {
-      s(u.BUDGETS_VIEW);
+    I(E), m || R().finally(() => {
+      a(g.BUDGETS_VIEW);
     });
-  }, []), i.useEffect(() => (m({
-    start: g(a()),
-    end: S(a())
+  }, []), i.useEffect(() => (u({
+    start: h(s()),
+    end: S(s())
   }), () => {
-    m({
-      start: g(a()),
-      end: S(a())
+    u({
+      start: h(s()),
+      end: S(s())
     });
   }), [_]), i.useEffect(() => {
     l && (L(t.start, t.end), k(d, t.start, t.end).finally(), x(d).finally(), O(t));
@@ -46,20 +46,20 @@ var A = 480, We = ne(({ onBackClick: T, onMenuClick: v, sx: y }) => {
     t
   ]);
   const U = (B) => {
-    m({
+    u({
       start: B[0] || /* @__PURE__ */ new Date(),
       end: B[1] || /* @__PURE__ */ new Date()
     });
   }, j = () => {
-    s(u.BUDGETS_CLICK_FILTER);
+    a(g.BUDGETS_CLICK_FILTER);
   }, C = () => {
-    r(!0), s(u.BUDGETS_CLICK_ADD);
+    r(!0), a(g.BUDGETS_CLICK_ADD);
   }, z = () => {
     r(!1);
   }, F = () => {
     r(!1);
-  }, H = de(t.end, g(/* @__PURE__ */ new Date()));
-  return !l || !c ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ h(te, {
+  }, H = de(t.end, h(/* @__PURE__ */ new Date()));
+  return !l || !m ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ p(te, {
     actions: [{
       iconName: "add",
       label: n.add_title,
@@ -77,7 +77,7 @@ var A = 480, We = ne(({ onBackClick: T, onMenuClick: v, sx: y }) => {
     sx: y,
     title: n.budgets_title,
     children: [
-      /* @__PURE__ */ h(f, {
+      /* @__PURE__ */ p(f, {
         direction: o ? "column" : "row",
         height: "100%",
         sx: { justifyContent: "center" },
@@ -91,7 +91,7 @@ var A = 480, We = ne(({ onBackClick: T, onMenuClick: v, sx: y }) => {
             shouldShowZeroState: b.length === 0,
             unavailableWidth: o ? 0 : A
           })
-        }), b.length !== 0 && /* @__PURE__ */ h(f, {
+        }), b.length !== 0 && /* @__PURE__ */ p(f, {
           gap: 24,
           height: "100%",
           sx: {
@@ -99,7 +99,7 @@ var A = 480, We = ne(({ onBackClick: T, onMenuClick: v, sx: y }) => {
             mt: 48
           },
           width: o ? "100%" : A,
-          children: [/* @__PURE__ */ e(se, {}), /* @__PURE__ */ e(ae, {})]
+          children: [/* @__PURE__ */ e(ae, {}), /* @__PURE__ */ e(se, {})]
         })]
       }),
       /* @__PURE__ */ e(ie, {}),
@@ -120,17 +120,17 @@ var A = 480, We = ne(({ onBackClick: T, onMenuClick: v, sx: y }) => {
         },
         autoHideDuration: 3500,
         onClose: () => {
-          D("");
+          D(null);
         },
-        open: !!p,
+        open: !!c,
         children: /* @__PURE__ */ e(ce, {
           closeText: "",
           onClose: () => {
-            D("");
+            D(null);
           },
-          severity: "success",
+          severity: c?.severity ?? "success",
           variant: "filled",
-          children: p
+          children: c?.msg
         })
       })
     ]

package/dist/budgets/BubbleBudgetsWidget.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BubbleBudgetsWidget.es.js","names":[],"sources":["../../src/budgets/BubbleBudgetsWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { isAfter } from 'date-fns/isAfter'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\n\nimport Alert from '@mui/material/Alert'\nimport Snackbar from '@mui/material/Snackbar'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\nimport { DateRange } from '@mui/x-date-pickers-pro'\n\nimport {\n  ANALYTICS_EVENTS,\n  Drawer,\n  Loader,\n  useAccountStore,\n  useBudgetsStore,\n  useCategoryStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useRecurringTransactionsStore,\n  useScreenSize,\n  useWidgetLoadTimer,\n  WidgetContainer,\n} from '../common'\nimport { WidgetProps } from '../core'\n\nimport { AddBudgets } from './components/AddBudgets'\nimport { BubbleBudgets } from './components/BubbleBudgets'\nimport { BudgetDetailsDrawer } from './components/BudgetDetailsDrawer'\nimport { BudgetList } from './components/BudgetList'\nimport { Overview } from './components/Overview'\n\nconst BUDGET_LIST_WIDTH = 480\n\nexport const BubbleBudgetsWidget: React.FC<WidgetProps> = observer(\n  ({ onBackClick, onMenuClick, sx }) => {\n    const theme = useTheme()\n    const { onEvent } = useEvent()\n    const { visibleAccounts: accounts } = useAccountStore()\n    const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n    const { isInitialized, selectedAccounts, setDisplayedDate } = useGlobalUiStore()\n    const {\n      alert,\n      dateRange,\n      isDataLoaded,\n      loadBudgetData,\n      setDateRange,\n      setAlert,\n      setTheme,\n      detailedBudgets: budgets,\n    } = useBudgetsStore()\n    const { setDateRange: setRecurringDateRange } = useRecurringTransactionsStore()\n    const { loadDateRangeCategoryTotals, loadMonthlyCategoryTotals } = useCategoryStore()\n    const { isSmallTablet, isMobile, isSmallMobile } = useScreenSize()\n    const isColumnWidths = isSmallTablet || isMobile || isSmallMobile\n\n    const [isAddOpen, setIsAddOpen] = React.useState(false)\n\n    useWidgetLoadTimer({\n      widgetName: 'BubbleBudgetsWidget',\n      isLoaded: isDataLoaded,\n    })\n\n    React.useEffect(() => {\n      setTheme(theme)\n      if (!isDataLoaded) {\n        loadBudgetData().finally(() => {\n          onEvent(ANALYTICS_EVENTS.BUDGETS_VIEW)\n        })\n      }\n    }, [])\n\n    React.useEffect(() => {\n      setDateRange({ start: startOfMonth(startOfToday()), end: endOfMonth(startOfToday()) })\n\n      return () => {\n        setDateRange({ start: startOfMonth(startOfToday()), end: endOfMonth(startOfToday()) })\n      }\n    }, [accounts])\n\n    React.useEffect(() => {\n      if (isInitialized) {\n        setDisplayedDate(dateRange.start, dateRange.end)\n        loadDateRangeCategoryTotals(selectedAccounts, dateRange.start, dateRange.end).finally()\n        loadMonthlyCategoryTotals(selectedAccounts).finally()\n        setRecurringDateRange(dateRange)\n      }\n    }, [isInitialized, selectedAccounts, dateRange])\n\n    const onMonthChanged = (dateRange: DateRange<Date>) => {\n      setDateRange({ start: dateRange[0] || new Date(), end: dateRange[1] || new Date() })\n    }\n\n    const handleAccountFilterClick = () => {\n      onEvent(ANALYTICS_EVENTS.BUDGETS_CLICK_FILTER)\n    }\n\n    const handleAddClick = () => {\n      setIsAddOpen(true)\n      onEvent(ANALYTICS_EVENTS.BUDGETS_CLICK_ADD)\n    }\n\n    const handleBudgetAdded = () => {\n      setIsAddOpen(false)\n    }\n\n    const handleBudgetsRecalculated = () => {\n      setIsAddOpen(false)\n    }\n\n    const shouldDisableNext = isAfter(dateRange.end, startOfMonth(new Date()))\n\n    if (!isInitialized || !isDataLoaded) return <Loader />\n\n    return (\n      <WidgetContainer\n        actions={[\n          {\n            iconName: 'add',\n            label: copy.add_title,\n            onClick: handleAddClick,\n          },\n        ]}\n        calendarActions={{\n          onRangeChanged: onMonthChanged,\n          shouldDisableNext,\n          shouldDisablePicker: true,\n        }}\n        hasDivider={true}\n        onAccountsFilterClick={handleAccountFilterClick}\n        onBackClick={onBackClick}\n        onMenuClick={onMenuClick}\n        sx={sx}\n        title={copy.budgets_title}\n      >\n        <Stack\n          direction={!isColumnWidths ? 'row' : 'column'}\n          height=\"100%\"\n          sx={{ justifyContent: 'center' }}\n          width=\"100%\"\n        >\n          <Stack height={!isColumnWidths ? 'calc(100dvh - 150px)' : 450}>\n            <BubbleBudgets\n              createBudgetOnClick={handleAddClick}\n              height={!isColumnWidths ? 800 : 450}\n              isDraggable={true}\n              shouldShowZeroState={budgets.length === 0}\n              unavailableWidth={!isColumnWidths ? BUDGET_LIST_WIDTH : 0}\n            />\n          </Stack>\n          {budgets.length !== 0 && (\n            <Stack\n              gap={24}\n              height=\"100%\"\n              sx={{ mr: 24, mt: 48 }}\n              width={!isColumnWidths ? BUDGET_LIST_WIDTH : '100%'}\n            >\n              <Overview />\n              <BudgetList />\n            </Stack>\n          )}\n        </Stack>\n\n        <BudgetDetailsDrawer />\n\n        <Drawer\n          ariaLabelClose={commonCopy.close_aria}\n          isOpen={isAddOpen}\n          onClose={() => setIsAddOpen(false)}\n          title={copy.add_new_title}\n        >\n          <AddBudgets\n            onAddBudget={handleBudgetAdded}\n            onRecalculateBudgets={handleBudgetsRecalculated}\n          />\n        </Drawer>\n\n        <Snackbar\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n          autoHideDuration={3500}\n          onClose={() => {\n            setAlert('')\n          }}\n          open={Boolean(alert)}\n        >\n          <Alert\n            closeText=\"\"\n            onClose={() => {\n              setAlert('')\n            }}\n            severity={'success'}\n            variant=\"filled\"\n          >\n            {alert}\n          </Alert>\n        </Snackbar>\n      </WidgetContainer>\n    )\n  },\n)\n"],"mappings":"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"}
+{"version":3,"file":"BubbleBudgetsWidget.es.js","names":[],"sources":["../../src/budgets/BubbleBudgetsWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { isAfter } from 'date-fns/isAfter'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\n\nimport Alert from '@mui/material/Alert'\nimport Snackbar from '@mui/material/Snackbar'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\nimport { DateRange } from '@mui/x-date-pickers-pro'\n\nimport {\n  ANALYTICS_EVENTS,\n  Drawer,\n  Loader,\n  useAccountStore,\n  useBudgetsStore,\n  useCategoryStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useRecurringTransactionsStore,\n  useScreenSize,\n  useWidgetLoadTimer,\n  WidgetContainer,\n} from '../common'\nimport { WidgetProps } from '../core'\n\nimport { AddBudgets } from './components/AddBudgets'\nimport { BubbleBudgets } from './components/BubbleBudgets'\nimport { BudgetDetailsDrawer } from './components/BudgetDetailsDrawer'\nimport { BudgetList } from './components/BudgetList'\nimport { Overview } from './components/Overview'\n\nconst BUDGET_LIST_WIDTH = 480\n\nexport const BubbleBudgetsWidget: React.FC<WidgetProps> = observer(\n  ({ onBackClick, onMenuClick, sx }) => {\n    const theme = useTheme()\n    const { onEvent } = useEvent()\n    const { visibleAccounts: accounts } = useAccountStore()\n    const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n    const { isInitialized, selectedAccounts, setDisplayedDate } = useGlobalUiStore()\n    const {\n      alert,\n      dateRange,\n      isDataLoaded,\n      loadBudgetData,\n      setDateRange,\n      setAlert,\n      setTheme,\n      detailedBudgets: budgets,\n    } = useBudgetsStore()\n    const { setDateRange: setRecurringDateRange } = useRecurringTransactionsStore()\n    const { loadDateRangeCategoryTotals, loadMonthlyCategoryTotals } = useCategoryStore()\n    const { isSmallTablet, isMobile, isSmallMobile } = useScreenSize()\n    const isColumnWidths = isSmallTablet || isMobile || isSmallMobile\n\n    const [isAddOpen, setIsAddOpen] = React.useState(false)\n\n    useWidgetLoadTimer({\n      widgetName: 'BubbleBudgetsWidget',\n      isLoaded: isDataLoaded,\n    })\n\n    React.useEffect(() => {\n      setTheme(theme)\n      if (!isDataLoaded) {\n        loadBudgetData().finally(() => {\n          onEvent(ANALYTICS_EVENTS.BUDGETS_VIEW)\n        })\n      }\n    }, [])\n\n    React.useEffect(() => {\n      setDateRange({ start: startOfMonth(startOfToday()), end: endOfMonth(startOfToday()) })\n\n      return () => {\n        setDateRange({ start: startOfMonth(startOfToday()), end: endOfMonth(startOfToday()) })\n      }\n    }, [accounts])\n\n    React.useEffect(() => {\n      if (isInitialized) {\n        setDisplayedDate(dateRange.start, dateRange.end)\n        loadDateRangeCategoryTotals(selectedAccounts, dateRange.start, dateRange.end).finally()\n        loadMonthlyCategoryTotals(selectedAccounts).finally()\n        setRecurringDateRange(dateRange)\n      }\n    }, [isInitialized, selectedAccounts, dateRange])\n\n    const onMonthChanged = (dateRange: DateRange<Date>) => {\n      setDateRange({ start: dateRange[0] || new Date(), end: dateRange[1] || new Date() })\n    }\n\n    const handleAccountFilterClick = () => {\n      onEvent(ANALYTICS_EVENTS.BUDGETS_CLICK_FILTER)\n    }\n\n    const handleAddClick = () => {\n      setIsAddOpen(true)\n      onEvent(ANALYTICS_EVENTS.BUDGETS_CLICK_ADD)\n    }\n\n    const handleBudgetAdded = () => {\n      setIsAddOpen(false)\n    }\n\n    const handleBudgetsRecalculated = () => {\n      setIsAddOpen(false)\n    }\n\n    const shouldDisableNext = isAfter(dateRange.end, startOfMonth(new Date()))\n\n    if (!isInitialized || !isDataLoaded) return <Loader />\n\n    return (\n      <WidgetContainer\n        actions={[\n          {\n            iconName: 'add',\n            label: copy.add_title,\n            onClick: handleAddClick,\n          },\n        ]}\n        calendarActions={{\n          onRangeChanged: onMonthChanged,\n          shouldDisableNext,\n          shouldDisablePicker: true,\n        }}\n        hasDivider={true}\n        onAccountsFilterClick={handleAccountFilterClick}\n        onBackClick={onBackClick}\n        onMenuClick={onMenuClick}\n        sx={sx}\n        title={copy.budgets_title}\n      >\n        <Stack\n          direction={!isColumnWidths ? 'row' : 'column'}\n          height=\"100%\"\n          sx={{ justifyContent: 'center' }}\n          width=\"100%\"\n        >\n          <Stack height={!isColumnWidths ? 'calc(100dvh - 150px)' : 450}>\n            <BubbleBudgets\n              createBudgetOnClick={handleAddClick}\n              height={!isColumnWidths ? 800 : 450}\n              isDraggable={true}\n              shouldShowZeroState={budgets.length === 0}\n              unavailableWidth={!isColumnWidths ? BUDGET_LIST_WIDTH : 0}\n            />\n          </Stack>\n          {budgets.length !== 0 && (\n            <Stack\n              gap={24}\n              height=\"100%\"\n              sx={{ mr: 24, mt: 48 }}\n              width={!isColumnWidths ? BUDGET_LIST_WIDTH : '100%'}\n            >\n              <Overview />\n              <BudgetList />\n            </Stack>\n          )}\n        </Stack>\n\n        <BudgetDetailsDrawer />\n\n        <Drawer\n          ariaLabelClose={commonCopy.close_aria}\n          isOpen={isAddOpen}\n          onClose={() => setIsAddOpen(false)}\n          title={copy.add_new_title}\n        >\n          <AddBudgets\n            onAddBudget={handleBudgetAdded}\n            onRecalculateBudgets={handleBudgetsRecalculated}\n          />\n        </Drawer>\n\n        <Snackbar\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n          autoHideDuration={3500}\n          onClose={() => {\n            setAlert(null)\n          }}\n          open={Boolean(alert)}\n        >\n          <Alert\n            closeText=\"\"\n            onClose={() => {\n              setAlert(null)\n            }}\n            severity={alert?.severity ?? 'success'}\n            variant=\"filled\"\n          >\n            {alert?.msg}\n          </Alert>\n        </Snackbar>\n      </WidgetContainer>\n    )\n  },\n)\n"],"mappings":"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"}

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

@@ -1,27 +1,30 @@
-import { buildDynamicCopy as s } from "../../core/utils/Localization.es.js";
+import { buildDynamicCopy as p } from "../../core/utils/Localization.es.js";
 import { useBudgetsStore as n, useGlobalCopyStore as c } from "../../common/context/hooks.es.js";
 import { Header as g } from "./addbudget/Header.es.js";
 import { RecalculateBudgets as l } from "./addbudget/RecalculateBudgets.es.js";
 import { UnbudgetedRow as f } from "./addbudget/UnbudgetedRow.es.js";
 import { observer as b } from "mobx-react-lite";
 import B from "@mui/material/Stack";
-import { jsx as o, jsxs as h } from "react/jsx-runtime";
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
 import x from "@mui/material/Box";
-import A from "@mui/material/List";
-var G = b(({ onAddBudget: e, onRecalculateBudgets: t }) => {
-  const { budgets: d } = c(), { addBudget: m, setAlert: i, unbudgetedCategories: u } = n(), a = async (r, p) => {
-    await m(r, p), e?.(), i(s(d.alert_budget_created, r.name));
+import y from "@mui/material/List";
+var G = b(({ onAddBudget: o, onRecalculateBudgets: t }) => {
+  const { budgets: d } = c(), { addBudget: m, setAlert: s, unbudgetedCategories: i } = n(), u = async (e, a) => {
+    await m(e, a), o?.(), s({
+      msg: p(d.alert_budget_created, e.name),
+      severity: "success"
+    });
   };
   return /* @__PURE__ */ h(B, { children: [
-    /* @__PURE__ */ o(g, {}),
-    /* @__PURE__ */ o(x, {
+    /* @__PURE__ */ r(g, {}),
+    /* @__PURE__ */ r(x, {
       bgcolor: "background.paper",
-      children: /* @__PURE__ */ o(A, { children: u.map((r) => /* @__PURE__ */ o(f, {
-        category: r,
-        onAddBudget: a
-      }, r.guid)) })
+      children: /* @__PURE__ */ r(y, { children: i.map((e) => /* @__PURE__ */ r(f, {
+        category: e,
+        onAddBudget: u
+      }, e.guid)) })
     }),
-    /* @__PURE__ */ o(l, { onRecalculateBudgets: t })
+    /* @__PURE__ */ r(l, { onRecalculateBudgets: t })
   ] });
 });
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"AddBudgets.es.js","names":[],"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 { useBudgetsStore, useGlobalCopyStore } from '../../common'\nimport { type DetailedCategory } from '../../core'\n\nimport { Header } from './addbudget/Header'\nimport { RecalculateBudgets } from './addbudget/RecalculateBudgets'\nimport { UnbudgetedRow } from './addbudget/UnbudgetedRow'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\ninterface AddBudgetsProps {\n  onAddBudget?: () => void\n  onRecalculateBudgets?: () => void\n}\n\nexport const AddBudgets = observer(({ onAddBudget, 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    onAddBudget?.()\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"],"mappings":";;;;;;;;;;AAmBA,IAAa,IAAa,EAAA,CAAU,EAAE,aAAA,GAAa,sBAAA,EAAA,MAA4C;AAC7F,QAAM,EAAE,SAAS,EAAA,IAAS,EAAmB,GACvC,EAAE,WAAA,GAAW,UAAA,GAAU,sBAAA,EAAA,IAAyB,EAAgB,GAEhE,IAAoB,OAAO,GAA4B,MAAmB;AAC9E,UAAM,EAAU,GAAU,CAAM,GAChC,IAAc,GACd,EAAS,EAAiB,EAAK,sBAAsB,EAAS,IAAI,CAAW;AAAA,EAC/E;AAEA,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD,CAAS,CAAA;AAAA,IAET,gBAAA,EAAC,GAAD;AAAA,MAAK,SAAQ;AAAA,MACX,UAAA,gBAAA,EAAC,GAAD,EAAA,UACG,EAAqB,IAAA,CAAK,MACzB,gBAAA,EAAC,GAAD;AAAA,QACY,UAAA;AAAA,QAEV,aAAa;AAAA,MACd,GAFM,EAAS,IAEf,CACF,EACG,CAAA;AAAA,IACH,CAAA;AAAA,IAEL,gBAAA,EAAC,GAAD,EAA0C,sBAAA,EAAuB,CAAA;AAAA,EAC5D,EAAA,CAAA;AAEX,CAAC"}
+{"version":3,"file":"AddBudgets.es.js","names":[],"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 { useBudgetsStore, useGlobalCopyStore } from '../../common'\nimport { type DetailedCategory } from '../../core'\n\nimport { Header } from './addbudget/Header'\nimport { RecalculateBudgets } from './addbudget/RecalculateBudgets'\nimport { UnbudgetedRow } from './addbudget/UnbudgetedRow'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\ninterface AddBudgetsProps {\n  onAddBudget?: () => void\n  onRecalculateBudgets?: () => void\n}\n\nexport const AddBudgets = observer(({ onAddBudget, 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    onAddBudget?.()\n    setAlert({\n      msg: buildDynamicCopy(copy.alert_budget_created, category.name) as string,\n      severity: 'success',\n    })\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"],"mappings":";;;;;;;;;;AAmBA,IAAa,IAAa,EAAA,CAAU,EAAE,aAAA,GAAa,sBAAA,EAAA,MAA4C;AAC7F,QAAM,EAAE,SAAS,EAAA,IAAS,EAAmB,GACvC,EAAE,WAAA,GAAW,UAAA,GAAU,sBAAA,EAAA,IAAyB,EAAgB,GAEhE,IAAoB,OAAO,GAA4B,MAAmB;AAC9E,UAAM,EAAU,GAAU,CAAM,GAChC,IAAc,GACd,EAAS;AAAA,MACP,KAAK,EAAiB,EAAK,sBAAsB,EAAS,IAAI;AAAA,MAC9D,UAAU;AAAA,IACZ,CAAC;AAAA,EACH;AAEA,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD,CAAS,CAAA;AAAA,IAET,gBAAA,EAAC,GAAD;AAAA,MAAK,SAAQ;AAAA,MACX,UAAA,gBAAA,EAAC,GAAD,EAAA,UACG,EAAqB,IAAA,CAAK,MACzB,gBAAA,EAAC,GAAD;AAAA,QACY,UAAA;AAAA,QAEV,aAAa;AAAA,MACd,GAFM,EAAS,IAEf,CACF,EACG,CAAA;AAAA,IACH,CAAA;AAAA,IAEL,gBAAA,EAAC,GAAD,EAA0C,sBAAA,EAAuB,CAAA;AAAA,EAC5D,EAAA,CAAA;AAEX,CAAC"}

package/dist/budgets/components/BudgetDetailsDrawer.es.js

@@ -1,106 +1,144 @@
-import { buildDynamicCopy as c } from "../../core/utils/Localization.es.js";
-import { useBudgetsStore as E, useGlobalCopyStore as N, useGlobalUiStore as P, useTransactionStore as G } from "../../common/context/hooks.es.js";
-import _ from "../../common/components/dialog/Dialog.es.js";
-import I from "../../common/components/drawer/Drawer.es.js";
-import { BudgetAmount as $ } from "./shared/BudgetAmount.es.js";
-import { BudgetDetails as j } from "./budgetdetails/BudgetDetails.es.js";
+import { buildDynamicCopy as u } from "../../core/utils/Localization.es.js";
+import { useBudgetsStore as F, useGlobalCopyStore as R, useGlobalUiStore as U, useTransactionStore as z } from "../../common/context/hooks.es.js";
+import C from "../../common/components/dialog/Dialog.es.js";
+import H from "../../common/components/drawer/Drawer.es.js";
+import { isInvalidAmount as x } from "../../core/utils/BudgetUtil.es.js";
+import { BudgetAmount as L } from "./shared/BudgetAmount.es.js";
+import { BudgetDetails as M } from "./budgetdetails/BudgetDetails.es.js";
+import { SubBudgetAmounts as q } from "./budgetdetails/SubBudgetAmounts.es.js";
 import r from "react";
-import { observer as F } from "mobx-react-lite";
-import { Text as R } from "@mxenabled/mxui";
-import { jsx as o, jsxs as f } from "react/jsx-runtime";
-import U from "@mui/material/Alert";
-import k from "@mui/material/Snackbar";
-var Z = F(() => {
-  const { selectedAccountGuids: b } = P(), { budgets: t, common: n } = N(), { alert: d, dateRange: h, deleteBudget: C, selectedBudget: e, selectedSubBudget: S, setAlert: a, setSelectedBudget: B, updateBudget: A } = E(), { setFilter: D } = G(), [v, u] = r.useState(!1), [x, s] = r.useState(!1), [O, m] = r.useState(!1), [i, l] = r.useState("");
+import { observer as J } from "mobx-react-lite";
+import { Text as K } from "@mxenabled/mxui";
+import { jsx as a, jsxs as B } from "react/jsx-runtime";
+import Q from "@mui/material/Alert";
+import V from "@mui/material/Snackbar";
+var D = (d) => Object.fromEntries((d?.subBudgets ?? []).map((t) => [t.guid, `${t.amount}`])), ce = J(() => {
+  const { selectedAccountGuids: d } = U(), { budgets: t, common: m } = R(), { alert: l, dateRange: O, deleteBudget: T, selectedBudget: e, selectedSubBudget: w, setAlert: c, setSelectedBudget: N, updateBudget: h } = F(), { setFilter: E } = z(), [P, S] = r.useState(!1), [$, g] = r.useState(!1), [I, y] = r.useState(!1), [n, p] = r.useState(""), [_, b] = r.useState({});
   r.useEffect(() => {
-    e && !S && (l(`${e.amount}`), u(!0), D({
-      accounts: b,
-      dateRange: h,
-      custom: (y) => y.category_guid === e.category_guid || y.top_level_category_guid === e.category_guid,
+    e && !w && (p(`${e.amount}`), b(D(e)), S(!0), E({
+      accounts: d,
+      dateRange: O,
+      custom: (o) => o.category_guid === e.category_guid || o.top_level_category_guid === e.category_guid,
       showSplits: !0
     }));
   }, [e]);
-  const T = async () => {
-    e && (await A({
-      ...e,
-      amount: Number(i),
-      percentage: e.category.totalAmount / Number(i) * 100
-    }), s(!1), a(c(t.alert_budget_updated, e.category.name)));
-  }, w = async () => {
-    e && (await C(e.guid), a(c(t.alert_budget_deleted, e.category.name))), p();
-  }, p = () => {
-    u(!1), setTimeout(() => {
-      B(void 0);
+  const j = async () => {
+    if (e) {
+      let o = !0;
+      e.subBudgets.length > 0 ? o = (await Promise.all(e.subBudgets.map((s) => {
+        const i = Number(_[s.guid] ?? s.amount);
+        return h({
+          ...s,
+          amount: i,
+          percentage: i ? s.category.currentAmount / i * 100 : 0
+        });
+      }))).every(Boolean) : o = await h({
+        ...e,
+        amount: Number(n),
+        percentage: Number(n) ? e.category.totalAmount / Number(n) * 100 : 0
+      }), c(o ? {
+        msg: u(t.alert_budget_updated, e.category.name),
+        severity: "success"
+      } : {
+        msg: u(t.error_alert_edit_merchant_budget, e.category.name),
+        severity: "error"
+      }), g(!1);
+    }
+  }, G = async () => {
+    if (e) {
+      const o = await T(e.guid);
+      y(!1), c(o ? {
+        msg: u(t.alert_budget_deleted, e.category.name),
+        severity: "success"
+      } : {
+        msg: u(t.error_alert_delete_merchant_budget, e.category.name),
+        severity: "error"
+      }), o && A();
+    }
+  }, A = () => {
+    S(!1), setTimeout(() => {
+      N(void 0);
     }, 250);
-  }, g = () => {
-    s(!1), l(`${e?.amount}`);
+  }, v = () => {
+    g(!1), p(`${e?.amount}`), b(D(e));
   };
-  if (e)
-    return /* @__PURE__ */ f(r.Fragment, { children: [
-      /* @__PURE__ */ f(I, {
-        ariaLabelClose: n.close_aria,
-        isOpen: v,
-        onClose: p,
-        onPrimaryAction: () => s(!0),
-        onSecondaryAction: () => m(!0),
-        primaryText: t.details_edit_button,
-        secondaryColor: "error",
-        secondaryText: t.details_delete_button,
-        title: t.details_title,
-        children: [/* @__PURE__ */ o(j, { budget: e }), /* @__PURE__ */ o(k, {
-          anchorOrigin: {
-            vertical: "bottom",
-            horizontal: "right"
-          },
-          autoHideDuration: 3500,
-          onClose: () => a(""),
-          open: !!d,
-          children: /* @__PURE__ */ o(U, {
-            closeText: "",
-            onClose: () => a(""),
-            severity: "success",
-            variant: "filled",
-            children: d
-          })
-        })]
-      }),
-      /* @__PURE__ */ o(_, {
-        copy: {
-          close_aria: n.close_aria,
-          title: t.details_edit_title
-        },
-        disablePrimaryButton: Number(i) <= 0,
-        isOpen: x,
-        onClose: g,
-        onPrimaryAction: T,
-        onSecondaryAction: g,
-        primaryText: t.edit_save_button,
-        children: /* @__PURE__ */ o($, {
-          amount: i,
-          categoryName: e.category.name,
-          onAmountChanged: l
-        })
-      }),
-      /* @__PURE__ */ o(_, {
-        copy: {
-          close_aria: n.close_aria,
-          title: t.delete_title
+  if (!e) return;
+  const f = e.subBudgets.length > 0, k = f ? e.subBudgets.some((o) => x(_[o.guid] ?? `${o.amount}`)) : x(n);
+  return /* @__PURE__ */ B(r.Fragment, { children: [
+    /* @__PURE__ */ B(H, {
+      ariaLabelClose: m.close_aria,
+      isOpen: P,
+      onClose: A,
+      onPrimaryAction: () => g(!0),
+      onSecondaryAction: () => y(!0),
+      primaryText: t.details_edit_button,
+      secondaryColor: "error",
+      secondaryText: t.details_delete_button,
+      title: t.details_title,
+      children: [/* @__PURE__ */ a(M, { budget: e }), /* @__PURE__ */ a(V, {
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "right"
         },
-        isOpen: O,
-        onClose: () => m(!1),
-        onPrimaryAction: w,
-        primaryColor: "error",
-        primaryText: t.details_delete_button,
-        secondaryColor: "secondary",
-        children: /* @__PURE__ */ o(R, {
-          variant: "subtitle1",
-          children: c(t.delete_description, e.category.name)
+        autoHideDuration: 3500,
+        onClose: () => c(null),
+        open: !!l,
+        children: /* @__PURE__ */ a(Q, {
+          closeText: "",
+          onClose: () => c(null),
+          role: l?.severity === "error" ? "alert" : void 0,
+          severity: l?.severity ?? "success",
+          variant: "filled",
+          children: l?.msg
         })
+      })]
+    }),
+    /* @__PURE__ */ B(C, {
+      copy: {
+        close_aria: m.close_aria,
+        title: t.details_edit_title
+      },
+      disablePrimaryButton: k,
+      isOpen: $,
+      onClose: v,
+      onPrimaryAction: j,
+      onSecondaryAction: v,
+      primaryText: t.edit_save_button,
+      sx: { "& .MuiStack-root:first-of-type": { pb: 8 } },
+      children: [!f && /* @__PURE__ */ a(L, {
+        amount: n,
+        categoryName: e.category.name,
+        onAmountChanged: p
+      }), f && /* @__PURE__ */ a(q, {
+        categoryName: e.category.name,
+        onSubBudgetAmountChanged: (o, s) => b((i) => ({
+          ...i,
+          [o]: s
+        })),
+        subBudgetAmounts: _,
+        subBudgets: e.subBudgets
+      })]
+    }),
+    /* @__PURE__ */ a(C, {
+      copy: {
+        close_aria: m.close_aria,
+        title: t.delete_title
+      },
+      isOpen: I,
+      onClose: () => y(!1),
+      onPrimaryAction: G,
+      primaryColor: "error",
+      primaryText: t.details_delete_button,
+      secondaryColor: "secondary",
+      children: /* @__PURE__ */ a(K, {
+        variant: "subtitle1",
+        children: u(t.delete_description, e.category.name)
       })
-    ] });
+    })
+  ] });
 });
 export {
-  Z as BudgetDetailsDrawer
+  ce as BudgetDetailsDrawer
 };
 
 //# sourceMappingURL=BudgetDetailsDrawer.es.js.map

package/dist/budgets/components/BudgetDetailsDrawer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BudgetDetailsDrawer.es.js","names":[],"sources":["../../../src/budgets/components/BudgetDetailsDrawer.tsx"],"sourcesContent":["import React from 'react'\n\nimport { observer } from 'mobx-react-lite'\n\nimport Alert from '@mui/material/Alert'\nimport Snackbar from '@mui/material/Snackbar'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  Dialog,\n  Drawer,\n  useBudgetsStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useTransactionStore,\n} from '../../common'\nimport { type Budget, type Transaction } from '../../core'\n\nimport { BudgetDetails } from './budgetdetails/BudgetDetails'\nimport { BudgetAmount } from './shared/BudgetAmount'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\nexport const BudgetDetailsDrawer = observer(() => {\n  const { selectedAccountGuids } = useGlobalUiStore()\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n  const {\n    alert,\n    dateRange,\n    deleteBudget,\n    selectedBudget,\n    selectedSubBudget,\n    setAlert,\n    setSelectedBudget,\n    updateBudget,\n  } = useBudgetsStore()\n  const { setFilter } = useTransactionStore()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [isEditOpen, setIsEditOpen] = React.useState(false)\n  const [isDeleteOpen, setIsDeleteOpen] = React.useState(false)\n  const [amount, setAmount] = React.useState(``)\n\n  React.useEffect(() => {\n    if (selectedBudget && !selectedSubBudget) {\n      setAmount(`${selectedBudget.amount}`)\n      setIsOpen(true)\n      setFilter({\n        accounts: selectedAccountGuids,\n        dateRange: dateRange,\n        custom: (t: Transaction) =>\n          t.category_guid === selectedBudget.category_guid ||\n          t.top_level_category_guid === selectedBudget.category_guid,\n        showSplits: true,\n      })\n    }\n  }, [selectedBudget])\n\n  const handleUpdateBudget = async () => {\n    if (selectedBudget) {\n      await updateBudget({\n        ...selectedBudget,\n        amount: Number(amount),\n        percentage: (selectedBudget.category.totalAmount / Number(amount)) * 100,\n      } as Budget)\n      setIsEditOpen(false)\n      setAlert(buildDynamicCopy(copy.alert_budget_updated, selectedBudget.category.name) as string)\n    }\n  }\n\n  const handleDeleteBudget = async () => {\n    if (selectedBudget) {\n      await deleteBudget(selectedBudget.guid)\n      setAlert(buildDynamicCopy(copy.alert_budget_deleted, selectedBudget.category.name) as string)\n    }\n    handleClose()\n  }\n\n  const handleClose = () => {\n    setIsOpen(false)\n    // Wait for the close animation before set the selected budget\n    setTimeout(() => {\n      setSelectedBudget(undefined)\n    }, 250)\n  }\n\n  const handleEditClose = () => {\n    setIsEditOpen(false)\n    setAmount(`${selectedBudget?.amount}`)\n  }\n\n  if (!selectedBudget) {\n    return undefined\n  }\n\n  return (\n    <React.Fragment>\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isOpen}\n        onClose={handleClose}\n        onPrimaryAction={() => setIsEditOpen(true)}\n        onSecondaryAction={() => setIsDeleteOpen(true)}\n        primaryText={copy.details_edit_button}\n        secondaryColor=\"error\"\n        secondaryText={copy.details_delete_button}\n        title={copy.details_title}\n      >\n        <BudgetDetails budget={selectedBudget} />\n        <Snackbar\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n          autoHideDuration={3500}\n          onClose={() => setAlert('')}\n          open={Boolean(alert)}\n        >\n          <Alert closeText=\"\" onClose={() => setAlert('')} severity={'success'} variant=\"filled\">\n            {alert}\n          </Alert>\n        </Snackbar>\n      </Drawer>\n\n      <Dialog\n        copy={{ close_aria: commonCopy.close_aria, title: copy.details_edit_title }}\n        disablePrimaryButton={Number(amount) <= 0}\n        isOpen={isEditOpen}\n        onClose={handleEditClose}\n        onPrimaryAction={handleUpdateBudget}\n        onSecondaryAction={handleEditClose}\n        primaryText={copy.edit_save_button}\n      >\n        <BudgetAmount\n          amount={amount}\n          categoryName={selectedBudget.category.name}\n          onAmountChanged={setAmount}\n        />\n      </Dialog>\n\n      <Dialog\n        copy={{ close_aria: commonCopy.close_aria, title: copy.delete_title }}\n        isOpen={isDeleteOpen}\n        onClose={() => setIsDeleteOpen(false)}\n        onPrimaryAction={handleDeleteBudget}\n        primaryColor=\"error\"\n        primaryText={copy.details_delete_button}\n        secondaryColor=\"secondary\"\n      >\n        <Text variant=\"subtitle1\">\n          {buildDynamicCopy(copy.delete_description, selectedBudget.category.name) as string}\n        </Text>\n      </Dialog>\n    </React.Fragment>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"BudgetDetailsDrawer.es.js","names":[],"sources":["../../../src/budgets/components/BudgetDetailsDrawer.tsx"],"sourcesContent":["import React from 'react'\n\nimport { observer } from 'mobx-react-lite'\n\nimport Alert from '@mui/material/Alert'\nimport Snackbar from '@mui/material/Snackbar'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  Dialog,\n  Drawer,\n  useBudgetsStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useTransactionStore,\n} from '../../common'\nimport { type Budget, type DetailedBudget, type Transaction } from '../../core'\n\nimport { BudgetDetails } from './budgetdetails/BudgetDetails'\nimport { BudgetAmount } from './shared/BudgetAmount'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\nimport { isInvalidAmount } from '../../core/utils/BudgetUtil'\nimport { SubBudgetAmounts } from './budgetdetails/SubBudgetAmounts'\n\nconst seedSubAmounts = (b?: DetailedBudget) =>\n  Object.fromEntries((b?.subBudgets ?? []).map((sb) => [sb.guid, `${sb.amount}`]))\n\nexport const BudgetDetailsDrawer = observer(() => {\n  const { selectedAccountGuids } = useGlobalUiStore()\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n  const {\n    alert,\n    dateRange,\n    deleteBudget,\n    selectedBudget,\n    selectedSubBudget,\n    setAlert,\n    setSelectedBudget,\n    updateBudget,\n  } = useBudgetsStore()\n  const { setFilter } = useTransactionStore()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [isEditOpen, setIsEditOpen] = React.useState(false)\n  const [isDeleteOpen, setIsDeleteOpen] = React.useState(false)\n  const [amount, setAmount] = React.useState(``)\n  const [subBudgetAmounts, setSubBudgetAmounts] = React.useState<Record<string, string>>({})\n\n  React.useEffect(() => {\n    if (selectedBudget && !selectedSubBudget) {\n      setAmount(`${selectedBudget.amount}`)\n      setSubBudgetAmounts(seedSubAmounts(selectedBudget))\n      setIsOpen(true)\n      setFilter({\n        accounts: selectedAccountGuids,\n        dateRange: dateRange,\n        custom: (t: Transaction) =>\n          t.category_guid === selectedBudget.category_guid ||\n          t.top_level_category_guid === selectedBudget.category_guid,\n        showSplits: true,\n      })\n    }\n  }, [selectedBudget])\n\n  const handleUpdateBudget = async () => {\n    if (selectedBudget) {\n      let allSucceeded = true\n\n      if (selectedBudget.subBudgets.length > 0) {\n        const results = await Promise.all(\n          selectedBudget.subBudgets.map((subBudget) => {\n            const newAmount = Number(subBudgetAmounts[subBudget.guid] ?? subBudget.amount)\n            return updateBudget({\n              ...subBudget,\n              amount: newAmount,\n              percentage: newAmount ? (subBudget.category.currentAmount / newAmount) * 100 : 0,\n            } as Budget)\n          }),\n        )\n        allSucceeded = results.every(Boolean)\n      } else {\n        const result = await updateBudget({\n          ...selectedBudget,\n          amount: Number(amount),\n          percentage: Number(amount)\n            ? (selectedBudget.category.totalAmount / Number(amount)) * 100\n            : 0,\n        } as Budget)\n        allSucceeded = result\n      }\n\n      setAlert(\n        allSucceeded\n          ? {\n              msg: buildDynamicCopy(\n                copy.alert_budget_updated,\n                selectedBudget.category.name,\n              ) as string,\n              severity: 'success',\n            }\n          : {\n              msg: buildDynamicCopy(\n                copy.error_alert_edit_merchant_budget,\n                selectedBudget.category.name,\n              ) as string,\n              severity: 'error',\n            },\n      )\n      setIsEditOpen(false)\n    }\n  }\n\n  const handleDeleteBudget = async () => {\n    if (selectedBudget) {\n      const succeeded = await deleteBudget(selectedBudget.guid)\n      setIsDeleteOpen(false)\n      setAlert(\n        succeeded\n          ? {\n              msg: buildDynamicCopy(\n                copy.alert_budget_deleted,\n                selectedBudget.category.name,\n              ) as string,\n              severity: 'success',\n            }\n          : {\n              msg: buildDynamicCopy(\n                copy.error_alert_delete_merchant_budget,\n                selectedBudget.category.name,\n              ) as string,\n              severity: 'error',\n            },\n      )\n      if (succeeded) {\n        handleClose()\n      }\n    }\n  }\n\n  const handleClose = () => {\n    setIsOpen(false)\n    // Wait for the close animation before set the selected budget\n    setTimeout(() => {\n      setSelectedBudget(undefined)\n    }, 250)\n  }\n\n  const handleEditClose = () => {\n    setIsEditOpen(false)\n    setAmount(`${selectedBudget?.amount}`)\n    setSubBudgetAmounts(seedSubAmounts(selectedBudget))\n  }\n\n  if (!selectedBudget) {\n    return undefined\n  }\n\n  const hasSubBudgets = selectedBudget.subBudgets.length > 0\n  const disablePrimaryButton = hasSubBudgets\n    ? selectedBudget.subBudgets.some((sb) =>\n        isInvalidAmount(subBudgetAmounts[sb.guid] ?? `${sb.amount}`),\n      )\n    : isInvalidAmount(amount)\n\n  return (\n    <React.Fragment>\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isOpen}\n        onClose={handleClose}\n        onPrimaryAction={() => setIsEditOpen(true)}\n        onSecondaryAction={() => setIsDeleteOpen(true)}\n        primaryText={copy.details_edit_button}\n        secondaryColor=\"error\"\n        secondaryText={copy.details_delete_button}\n        title={copy.details_title}\n      >\n        <BudgetDetails budget={selectedBudget} />\n        <Snackbar\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n          autoHideDuration={3500}\n          onClose={() => setAlert(null)}\n          open={Boolean(alert)}\n        >\n          <Alert\n            closeText=\"\"\n            onClose={() => setAlert(null)}\n            role={alert?.severity === 'error' ? 'alert' : undefined}\n            severity={alert?.severity ?? 'success'}\n            variant=\"filled\"\n          >\n            {alert?.msg}\n          </Alert>\n        </Snackbar>\n      </Drawer>\n\n      <Dialog\n        copy={{ close_aria: commonCopy.close_aria, title: copy.details_edit_title }}\n        disablePrimaryButton={disablePrimaryButton}\n        isOpen={isEditOpen}\n        onClose={handleEditClose}\n        onPrimaryAction={handleUpdateBudget}\n        onSecondaryAction={handleEditClose}\n        primaryText={copy.edit_save_button}\n        sx={{\n          '& .MuiStack-root:first-of-type': {\n            pb: 8,\n          },\n        }}\n      >\n        {!hasSubBudgets && (\n          <BudgetAmount\n            amount={amount}\n            categoryName={selectedBudget.category.name}\n            onAmountChanged={setAmount}\n          />\n        )}\n        {hasSubBudgets && (\n          <SubBudgetAmounts\n            categoryName={selectedBudget.category.name}\n            onSubBudgetAmountChanged={(guid, v) =>\n              setSubBudgetAmounts((p) => ({ ...p, [guid]: v }))\n            }\n            subBudgetAmounts={subBudgetAmounts}\n            subBudgets={selectedBudget.subBudgets}\n          />\n        )}\n      </Dialog>\n\n      <Dialog\n        copy={{ close_aria: commonCopy.close_aria, title: copy.delete_title }}\n        isOpen={isDeleteOpen}\n        onClose={() => setIsDeleteOpen(false)}\n        onPrimaryAction={handleDeleteBudget}\n        primaryColor=\"error\"\n        primaryText={copy.details_delete_button}\n        secondaryColor=\"secondary\"\n      >\n        <Text variant=\"subtitle1\">\n          {buildDynamicCopy(copy.delete_description, selectedBudget.category.name) as string}\n        </Text>\n      </Dialog>\n    </React.Fragment>\n  )\n})\n"],"mappings":"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"}

package/dist/budgets/components/BudgetDetailsDrawerV2.es.js

@@ -20,9 +20,9 @@ var c = {
   END_DELETE: "End - Delete",
   START_DELETE: "Start - Delete"
 }, re = ({ onClose: A, onEvent: s, onViewHistory: L, transactionListProps: x }) => {
-  const { alert: u, dateRange: f, deleteBudget: B, selectedBudget: e, selectedSubBudget: N, setAlert: m, setSelectedBudget: v, updateBudget: w } = z(), { budgets: o, common: p } = M(), { isCopyLoaded: G, selectedAccountGuids: R } = k(), E = ee(), { setFilter: V } = H(), [a, d] = i.useState(""), [t, n] = i.useState(null), [P, C] = i.useState(!1), g = i.useRef(!1);
+  const { alert: d, dateRange: f, deleteBudget: B, selectedBudget: e, selectedSubBudget: v, setAlert: m, setSelectedBudget: N, updateBudget: w } = z(), { budgets: o, common: p } = M(), { isCopyLoaded: G, selectedAccountGuids: R } = k(), E = ee(), { setFilter: V } = H(), [a, u] = i.useState(""), [t, n] = i.useState(null), [P, C] = i.useState(!1), g = i.useRef(!1);
   if (i.useEffect(() => {
-    !e || N || (d(`${e.amount}`), V({
+    !e || v || (u(`${e.amount}`), V({
       accounts: R,
       dateRange: f,
       custom: ({ category_guid: l, top_level_category_guid: y }) => {
@@ -33,18 +33,21 @@ var c = {
   }, [e]), !G) return /* @__PURE__ */ r(q, {});
   if (!e) return null;
   const b = () => {
-    d(""), n(null), C(!1), setTimeout(() => {
-      v(void 0), A?.();
+    u(""), n(null), C(!1), setTimeout(() => {
+      N(void 0), A?.();
     }, 250);
   }, S = () => {
-    t === "delete" && s?.(c.CANCEL_DELETE, a), d(e.amount ? `${e.amount}` : ""), n(null);
+    t === "delete" && s?.(c.CANCEL_DELETE, a), u(e.amount ? `${e.amount}` : ""), n(null);
   }, F = async () => {
     if (t === "edit") {
       if (g.current) return;
       g.current = !0, await w({
         ...e,
         amount: Number(a)
-      }), s?.(c.END_SAVE, a), m(_(o.alert_budget_updated, e.category.name)), n(null), g.current = !1;
+      }), s?.(c.END_SAVE, a), m({
+        msg: _(o.alert_budget_updated, e.category.name),
+        severity: "success"
+      }), n(null), g.current = !1;
     }
     t === "delete" && (await B(e.guid), s?.(c.END_DELETE, a), b());
   }, { remainingAmount: O, spentPercentage: $, iconColor: I } = W(e.transaction_total ?? 0, e.amount ?? 0), j = (l, y) => _(l, /* @__PURE__ */ r("b", { children: y }));
@@ -85,27 +88,27 @@ var c = {
         totalTransaction: e.transaction_total
       }),
       /* @__PURE__ */ r(K, { ...x }),
-      u && /* @__PURE__ */ r(oe, {
+      d && /* @__PURE__ */ r(oe, {
         anchorOrigin: {
           horizontal: "right",
           vertical: "bottom"
         },
         autoHideDuration: 3500,
-        onClose: () => m(""),
-        open: !!u,
+        onClose: () => m(null),
+        open: !!d,
         children: /* @__PURE__ */ r(te, {
           closeText: "",
-          onClose: () => m(""),
-          severity: "success",
+          onClose: () => m(null),
+          severity: d?.severity ?? "success",
           variant: "filled",
-          children: u
+          children: d?.msg
         })
       })
     ]
   }), t && /* @__PURE__ */ r(J, {
     closeAriaLabel: p.close_aria,
     content: j(o[t === "edit" ? "edit_budget_content" : "delete_description"], e.category.name),
-    handleInputChange: (l) => d(l.toString()),
+    handleInputChange: (l) => u(l.toString()),
     handleModalClose: S,
     handlePrimaryAction: F,
     handleSecondaryAction: S,