@mx-cartographer/experiences 9.4.1-alpha.al0 → 9.4.1

package/CHANGELOG.md

@@ -1,7 +1,6 @@
+## [9.4.1] - 08-26-2026
 
-## [9.4.1] - 08-25-2026
-
-- **UPDATED** - Sub budget totals now roll up to parent budget total
+- **REMOVED** - Merchant Guid filter when adding recurring transactions
 
 ## [9.4.0] - 08-25-2026
 

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

@@ -1,144 +1,106 @@
-import { buildDynamicCopy as b } from "../../core/utils/Localization.es.js";
-import { useBudgetsStore as H, useGlobalCopyStore as L, useGlobalUiStore as M, useTransactionStore as q } from "../../common/context/hooks.es.js";
-import C from "../../common/components/dialog/Dialog.es.js";
-import J from "../../common/components/drawer/Drawer.es.js";
-import { BudgetAmount as K } from "./shared/BudgetAmount.es.js";
-import { BudgetDetails as Q } from "./budgetdetails/BudgetDetails.es.js";
-import { SubBudgetAmounts as V } from "./budgetdetails/SubBudgetAmounts.es.js";
-import s from "react";
-import { observer as W } from "mobx-react-lite";
-import { Text as X } from "@mxenabled/mxui";
-import { jsx as n, jsxs as y } from "react/jsx-runtime";
-import Y from "@mui/material/Alert";
-import Z from "@mui/material/Snackbar";
-var ge = W(() => {
-  const { selectedAccountGuids: v } = M(), { budgets: r, common: m } = L(), { alert: f, dateRange: N, deleteBudget: x, selectedBudget: e, selectedSubBudget: D, setAlert: u, setSelectedBudget: O, updateBudget: _ } = H(), { setFilter: T } = q(), [w, S] = s.useState(!1), [E, g] = s.useState(!1), [P, B] = s.useState(!1), [a, d] = s.useState(""), [c, p] = s.useState({});
-  s.useEffect(() => {
-    if (e && !D) {
-      d(`${e.amount}`);
-      const o = {};
-      e.subBudgets.forEach((t) => {
-        o[t.guid] = `${t.amount}`;
-      }), p(o), S(!0), T({
-        accounts: v,
-        dateRange: N,
-        custom: (t) => t.category_guid === e.category_guid || t.top_level_category_guid === e.category_guid,
-        showSplits: !0
-      });
-    }
+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 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("");
+  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,
+      showSplits: !0
+    }));
   }, [e]);
-  const $ = (o, t) => {
-    const i = {
-      ...c,
-      [o]: t
-    }, R = e?.subBudgets.reduce((U, z) => U + (Number(i[z.guid]) || 0), 0);
-    p(i), d(`${R ?? 0}`);
-  }, I = async () => {
-    if (e) {
-      let o = !0;
-      e.subBudgets.length > 0 ? o = (await Promise.all(e.subBudgets.map((t) => {
-        const i = Number(c[t.guid] ?? t.amount);
-        return _({
-          ...t,
-          amount: i,
-          percentage: t.category.currentAmount / (i || 1) * 100
-        });
-      }))).every((t) => t.isSuccess) : o = (await _({
-        ...e,
-        amount: Number(a),
-        percentage: e.category.totalAmount / (Number(a) || 1) * 100
-      })).isSuccess, o && (g(!1), u(b(r.alert_budget_updated, e.category.name)));
-    }
-  }, G = async () => {
-    e && (await x(e.guid), u(b(r.alert_budget_deleted, e.category.name))), h();
-  }, h = () => {
-    S(!1), setTimeout(() => {
-      O(void 0);
+  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);
     }, 250);
-  }, A = () => {
-    g(!1), d(`${e?.amount}`);
-    const o = {};
-    e?.subBudgets.forEach((t) => {
-      o[t.guid] = `${t.amount}`;
-    }), p(o);
+  }, g = () => {
+    s(!1), l(`${e?.amount}`);
   };
-  if (!e) return;
-  const l = e.subBudgets.length > 0, j = a === "" || Number(a) < 0 || isNaN(Number(a)), k = l && e.subBudgets.some((o) => {
-    const t = c[o.guid];
-    return t === void 0 || t === "" || Number(t) < 0 || isNaN(Number(t));
-  }), F = l ? k : j;
-  return /* @__PURE__ */ y(s.Fragment, { children: [
-    /* @__PURE__ */ y(J, {
-      ariaLabelClose: m.close_aria,
-      isOpen: w,
-      onClose: h,
-      onPrimaryAction: () => g(!0),
-      onSecondaryAction: () => B(!0),
-      primaryText: r.details_edit_button,
-      secondaryColor: "error",
-      secondaryText: r.details_delete_button,
-      title: r.details_title,
-      children: [/* @__PURE__ */ n(Q, { budget: e }), /* @__PURE__ */ n(Z, {
-        anchorOrigin: {
-          vertical: "bottom",
-          horizontal: "right"
+  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
         },
-        autoHideDuration: 3500,
-        onClose: () => u(""),
-        open: !!f,
-        children: /* @__PURE__ */ n(Y, {
-          closeText: "",
-          onClose: () => u(""),
-          severity: "success",
-          variant: "filled",
-          children: f
+        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)
         })
-      })]
-    }),
-    /* @__PURE__ */ y(C, {
-      copy: {
-        close_aria: m.close_aria,
-        title: r.details_edit_title
-      },
-      disablePrimaryButton: F,
-      isOpen: E,
-      onClose: A,
-      onPrimaryAction: I,
-      onSecondaryAction: A,
-      primaryText: r.edit_save_button,
-      sx: { "& .MuiStack-root:first-child": { pb: 8 } },
-      children: [!l && /* @__PURE__ */ n(K, {
-        amount: a,
-        categoryName: e.category.name,
-        onAmountChanged: d
-      }), l && /* @__PURE__ */ n(V, {
-        amount: a,
-        categoryName: e.category.name,
-        onSubBudgetAmountChanged: $,
-        subBudgetAmounts: c,
-        subBudgets: e.subBudgets
-      })]
-    }),
-    /* @__PURE__ */ n(C, {
-      copy: {
-        close_aria: m.close_aria,
-        title: r.delete_title
-      },
-      isOpen: P,
-      onClose: () => B(!1),
-      onPrimaryAction: G,
-      primaryColor: "error",
-      primaryText: r.details_delete_button,
-      secondaryColor: "secondary",
-      children: /* @__PURE__ */ n(X, {
-        variant: "subtitle1",
-        children: b(r.delete_description, e.category.name)
       })
-    })
-  ] });
+    ] });
 });
 export {
-  ge as BudgetDetailsDrawer
+  Z 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'\nimport { SubBudgetAmounts } from './budgetdetails/SubBudgetAmounts'\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      const initialSubAmounts: Record<string, string> = {}\n      selectedBudget.subBudgets.forEach((sb) => {\n        initialSubAmounts[sb.guid] = `${sb.amount}`\n      })\n      setSubBudgetAmounts(initialSubAmounts)\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 handleSubBudgetAmountChanged = (guid: string, newAmount: string) => {\n    const updated = { ...subBudgetAmounts, [guid]: newAmount }\n    const newTotal = selectedBudget?.subBudgets.reduce(\n      (sum, sb) => sum + (Number(updated[sb.guid]) || 0),\n      0,\n    )\n    setSubBudgetAmounts(updated)\n    setAmount(`${newTotal ?? 0}`)\n  }\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: (subBudget.category.currentAmount / (newAmount || 1)) * 100,\n            } as Budget)\n          }),\n        )\n        allSucceeded = results.every((r) => r.isSuccess)\n      } else {\n        const result = await updateBudget({\n          ...selectedBudget,\n          amount: Number(amount),\n          percentage: (selectedBudget.category.totalAmount / (Number(amount) || 1)) * 100,\n        } as Budget)\n        allSucceeded = result.isSuccess\n      }\n\n      if (allSucceeded) {\n        setIsEditOpen(false)\n        setAlert(\n          buildDynamicCopy(copy.alert_budget_updated, selectedBudget.category.name) as string,\n        )\n      }\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    const initialSubAmounts: Record<string, string> = {}\n    selectedBudget?.subBudgets.forEach((sb) => {\n      initialSubAmounts[sb.guid] = `${sb.amount}`\n    })\n    setSubBudgetAmounts(initialSubAmounts)\n  }\n\n  if (!selectedBudget) {\n    return undefined\n  }\n\n  const hasSubBudgets = selectedBudget.subBudgets.length > 0\n  const isParentInvalid = amount === '' || Number(amount) < 0 || isNaN(Number(amount))\n  const isSubBudgetInvalid =\n    hasSubBudgets &&\n    selectedBudget.subBudgets.some((sb) => {\n      const val = subBudgetAmounts[sb.guid]\n      return val === undefined || val === '' || Number(val) < 0 || isNaN(Number(val))\n    })\n  const disablePrimaryButton = hasSubBudgets ? isSubBudgetInvalid : isParentInvalid\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={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-child': {\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            amount={amount}\n            categoryName={selectedBudget.category.name}\n            onSubBudgetAmountChanged={handleSubBudgetAmountChanged}\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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"}
+{"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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"}

package/dist/budgets/components/budgetdetails/AddSubBudget.es.js

@@ -1,99 +1,98 @@
-import { useBudgetsStore as w, useCategoryStore as j, useGlobalCopyStore as D } from "../../../common/context/hooks.es.js";
-import L from "../../../common/components/dialog/Dialog.es.js";
-import N from "../../../common/components/drawer/Drawer.es.js";
-import { findDetailedCategory as $, findDetailedSubCategory as k } from "../../../core/utils/CategoryUtil.es.js";
-import { useCategoryUiStore as G } from "../../../categories/context/hooks.es.js";
-import P from "../../../categories/components/CategoryRow.es.js";
-import { BudgetAmount as T } from "../shared/BudgetAmount.es.js";
-import r from "react";
-import { observer as z } from "mobx-react-lite";
-import b from "@mui/material/Stack";
-import { Icon as y, Text as E } from "@mxenabled/mxui";
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import R from "@mui/material/Box";
-import K from "@mui/material/Divider";
-import U from "@mui/material/List";
-import q from "@mui/material/ListItem";
-import F from "@mui/material/ListItemButton";
-import H from "@mui/material/ListItemText";
-var ue = z(({ category: n, parentBudget: C }) => {
-  const { budgets: i, common: p } = D(), { setExpandedGuid: h, setOnSelect: _ } = G(), { addBudget: S } = w(), { detailedCategories: d } = j(), [x, m] = r.useState(!1), [A, u] = r.useState(!1), [a, g] = r.useState(""), [c, f] = r.useState(void 0), s = $(d, n.guid) || n, B = d.map((o) => `${o.guid}:${o.subCategories.map((t) => t.guid).join(",")}`).join(";");
-  r.useEffect(() => {
-    _((o) => {
-      const t = s.subCategories.find((O) => O.guid === o) || k(d, o);
-      t && (f(t), g(`${t.currentAmount === 0 ? "" : t.currentAmount}`), u(!0));
+import { useBudgetsStore as v, useGlobalCopyStore as I } from "../../../common/context/hooks.es.js";
+import O from "../../../common/components/dialog/Dialog.es.js";
+import w from "../../../common/components/drawer/Drawer.es.js";
+import { useCategoryUiStore as L } from "../../../categories/context/hooks.es.js";
+import N from "../../../categories/components/CategoryRow.es.js";
+import { BudgetAmount as j } from "../shared/BudgetAmount.es.js";
+import t from "react";
+import { observer as k } from "mobx-react-lite";
+import p from "@mui/material/Stack";
+import { Icon as f, Text as D } from "@mxenabled/mxui";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import G from "@mui/material/Box";
+import P from "@mui/material/Divider";
+import T from "@mui/material/List";
+import z from "@mui/material/ListItem";
+import E from "@mui/material/ListItemButton";
+import R from "@mui/material/ListItemText";
+var re = k(({ category: o, parentBudget: g }) => {
+  const { budgets: r, common: u } = I(), { setExpandedGuid: b, setOnSelect: h } = L(), { addBudget: y } = v(), [C, n] = t.useState(!1), [_, a] = t.useState(!1), [i, l] = t.useState(""), [d, c] = t.useState(void 0);
+  t.useEffect(() => {
+    h((A) => {
+      const s = o.subCategories.find((B) => B.guid === A);
+      s && (c(s), l(`${s.currentAmount === 0 ? "" : s.currentAmount}`), a(!0));
     });
-  }, [B, n.guid]);
-  const v = () => {
-    h(s.guid), m(!0);
-  }, I = async () => {
-    c && Number(a) > 0 && (await S(c, Number(a), C.guid), u(!1), m(!1), f(void 0));
+  }, []);
+  const x = () => {
+    b(o.guid), n(!0);
+  }, S = async () => {
+    d && Number(i) > 0 && (await y(d, Number(i), g.guid), a(!1), n(!1), c(void 0));
   };
-  return /* @__PURE__ */ l(R, { children: [
-    /* @__PURE__ */ e(q, {
+  return /* @__PURE__ */ m(G, { children: [
+    /* @__PURE__ */ e(z, {
       disableGutters: !0,
       disablePadding: !0,
       sx: { bgcolor: "background.paper" },
-      children: /* @__PURE__ */ e(F, {
-        onClick: v,
-        children: /* @__PURE__ */ e(H, { children: /* @__PURE__ */ l(b, {
+      children: /* @__PURE__ */ e(E, {
+        onClick: x,
+        children: /* @__PURE__ */ e(R, { children: /* @__PURE__ */ m(p, {
           alignItems: "center",
           direction: "row",
           justifyContent: "space-between",
-          children: [/* @__PURE__ */ l(b, {
+          children: [/* @__PURE__ */ m(p, {
             alignItems: "center",
             direction: "row",
             gap: 8,
-            children: [/* @__PURE__ */ e(y, {
+            children: [/* @__PURE__ */ e(f, {
               fill: !0,
               name: "add_box",
               size: 24,
-              sx: { color: "primary.main" }
-            }), /* @__PURE__ */ e(E, {
+              sx: { color: "primary.light" }
+            }), /* @__PURE__ */ e(D, {
               bold: !0,
-              sx: { color: "primary.main" },
+              sx: { color: "primary.light" },
               variant: "body1",
-              children: i.add_sub_budget_button
+              children: r.add_sub_budget_button
             })]
-          }), /* @__PURE__ */ e(y, {
+          }), /* @__PURE__ */ e(f, {
             name: "chevron_right",
             size: 24,
-            sx: { color: "primary.main" }
+            sx: { color: "primary.light" }
           })]
         }) })
       })
     }),
-    /* @__PURE__ */ e(K, {}),
-    /* @__PURE__ */ e(N, {
-      ariaLabelClose: p.close_aria,
-      isOpen: x,
-      onClose: () => m(!1),
-      title: i.add_sub_budget_title,
-      children: /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(P, {
-        category: s,
-        subCategories: s.subCategories
+    /* @__PURE__ */ e(P, {}),
+    /* @__PURE__ */ e(w, {
+      ariaLabelClose: u.close_aria,
+      isOpen: C,
+      onClose: () => n(!1),
+      title: r.add_sub_budget_title,
+      children: /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(N, {
+        category: o,
+        subCategories: o.subCategories
       }) })
     }),
-    /* @__PURE__ */ e(L, {
+    /* @__PURE__ */ e(O, {
       copy: {
-        close_aria: p.close_aria,
-        title: i.add_title
+        close_aria: u.close_aria,
+        title: r.add_title
       },
-      disablePrimaryButton: Number(a) <= 0,
-      isOpen: A,
-      onClose: () => u(!1),
-      onPrimaryAction: I,
-      primaryText: i.add_save_button,
-      children: /* @__PURE__ */ e(T, {
-        amount: a,
-        categoryName: c?.name || "",
-        onAmountChanged: g
+      disablePrimaryButton: Number(i) <= 0,
+      isOpen: _,
+      onClose: () => a(!1),
+      onPrimaryAction: S,
+      primaryText: r.add_save_button,
+      children: /* @__PURE__ */ e(j, {
+        amount: i,
+        categoryName: d?.name || "",
+        onAmountChanged: l
       })
     })
   ] });
 });
 export {
-  ue as AddSubBudget
+  re as AddSubBudget
 };
 
 //# sourceMappingURL=AddSubBudget.es.js.map

package/dist/budgets/components/budgetdetails/AddSubBudget.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddSubBudget.es.js","names":[],"sources":["../../../../src/budgets/components/budgetdetails/AddSubBudget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport {\n  Dialog,\n  Drawer,\n  useBudgetsStore,\n  useCategoryStore,\n  useGlobalCopyStore,\n} from '../../../common'\nimport { type DetailedBudget, type DetailedCategory } from '../../../core'\nimport { CategoryRow, useCategoryUiStore } from '../../../categories'\nimport { BudgetAmount } from '../shared/BudgetAmount'\nimport { findDetailedCategory, findDetailedSubCategory } from '../../../core/utils/CategoryUtil'\n\ninterface AddSubBudgetProps {\n  category: DetailedCategory\n  parentBudget: DetailedBudget\n}\n\nexport const AddSubBudget: React.FC<AddSubBudgetProps> = observer(({ category, parentBudget }) => {\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n  const { setExpandedGuid, setOnSelect } = useCategoryUiStore()\n  const { addBudget } = useBudgetsStore()\n  const { detailedCategories } = useCategoryStore()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [isAddBudgetOpen, setIsAddBudgetOpen] = React.useState(false)\n  const [amount, setAmount] = React.useState('')\n  const [subCategory, setSubCategory] = React.useState<DetailedCategory | undefined>(undefined)\n\n  const currentCategory = findDetailedCategory(detailedCategories, category.guid) || category\n  const categoryKey = detailedCategories\n    .map((c) => `${c.guid}:${c.subCategories.map((sc) => sc.guid).join(',')}`)\n    .join(';')\n\n  React.useEffect(() => {\n    setOnSelect((guid: string) => {\n      const selected =\n        currentCategory.subCategories.find((sc) => sc.guid === guid) ||\n        findDetailedSubCategory(detailedCategories, guid)\n      if (selected) {\n        setSubCategory(selected)\n        setAmount(`${selected.currentAmount === 0 ? '' : selected.currentAmount}`)\n        setIsAddBudgetOpen(true)\n      }\n    })\n  }, [categoryKey, category.guid])\n\n  const handleOpen = () => {\n    setExpandedGuid(currentCategory.guid)\n    setIsOpen(true)\n  }\n\n  const handleAddSubBudget = async () => {\n    if (subCategory && Number(amount) > 0) {\n      await addBudget(subCategory, Number(amount), parentBudget.guid)\n      setIsAddBudgetOpen(false)\n      setIsOpen(false)\n      setSubCategory(undefined)\n    }\n  }\n\n  return (\n    <Box>\n      <ListItem disableGutters={true} disablePadding={true} sx={{ bgcolor: 'background.paper' }}>\n        <ListItemButton onClick={handleOpen}>\n          <ListItemText>\n            <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n              <Stack alignItems=\"center\" direction=\"row\" gap={8}>\n                <Icon fill={true} name=\"add_box\" size={24} sx={{ color: 'primary.main' }} />\n                <Text bold={true} sx={{ color: 'primary.main' }} variant=\"body1\">\n                  {copy.add_sub_budget_button}\n                </Text>\n              </Stack>\n              <Icon name=\"chevron_right\" size={24} sx={{ color: 'primary.main' }} />\n            </Stack>\n          </ListItemText>\n        </ListItemButton>\n      </ListItem>\n      <Divider />\n\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        title={copy.add_sub_budget_title}\n      >\n        <List>\n          <CategoryRow category={currentCategory} subCategories={currentCategory.subCategories} />\n        </List>\n      </Drawer>\n\n      <Dialog\n        copy={{ close_aria: commonCopy.close_aria, title: copy.add_title }}\n        disablePrimaryButton={Number(amount) <= 0}\n        isOpen={isAddBudgetOpen}\n        onClose={() => setIsAddBudgetOpen(false)}\n        onPrimaryAction={handleAddSubBudget}\n        primaryText={copy.add_save_button}\n      >\n        <BudgetAmount\n          amount={amount}\n          categoryName={subCategory?.name || ''}\n          onAmountChanged={setAmount}\n        />\n      </Dialog>\n    </Box>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"AddSubBudget.es.js","names":[],"sources":["../../../../src/budgets/components/budgetdetails/AddSubBudget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport { Dialog, Drawer, useBudgetsStore, useGlobalCopyStore } from '../../../common'\nimport { type DetailedBudget, type DetailedCategory } from '../../../core'\nimport { CategoryRow, useCategoryUiStore } from '../../../categories'\nimport { BudgetAmount } from '../shared/BudgetAmount'\n\ninterface AddSubBudgetProps {\n  category: DetailedCategory\n  parentBudget: DetailedBudget\n}\n\nexport const AddSubBudget: React.FC<AddSubBudgetProps> = observer(({ category, parentBudget }) => {\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n  const { setExpandedGuid, setOnSelect } = useCategoryUiStore()\n  const { addBudget } = useBudgetsStore()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [isAddBudgetOpen, setIsAddBudgetOpen] = React.useState(false)\n  const [amount, setAmount] = React.useState('')\n  const [subCategory, setSubCategory] = React.useState<DetailedCategory | undefined>(undefined)\n\n  React.useEffect(() => {\n    setOnSelect((guid: string) => {\n      const subCategory = category.subCategories.find((sc) => sc.guid === guid)\n      if (subCategory) {\n        setSubCategory(subCategory)\n        setAmount(`${subCategory.currentAmount === 0 ? '' : subCategory.currentAmount}`)\n        setIsAddBudgetOpen(true)\n      }\n    })\n  }, [])\n\n  const handleOpen = () => {\n    setExpandedGuid(category.guid)\n    setIsOpen(true)\n  }\n\n  const handleAddSubBudget = async () => {\n    if (subCategory && Number(amount) > 0) {\n      await addBudget(subCategory, Number(amount), parentBudget.guid)\n      setIsAddBudgetOpen(false)\n      setIsOpen(false)\n      setSubCategory(undefined)\n    }\n  }\n\n  return (\n    <Box>\n      <ListItem disableGutters={true} disablePadding={true} sx={{ bgcolor: 'background.paper' }}>\n        <ListItemButton onClick={handleOpen}>\n          <ListItemText>\n            <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n              <Stack alignItems=\"center\" direction=\"row\" gap={8}>\n                <Icon fill={true} name=\"add_box\" size={24} sx={{ color: 'primary.light' }} />\n                <Text bold={true} sx={{ color: 'primary.light' }} variant=\"body1\">\n                  {copy.add_sub_budget_button}\n                </Text>\n              </Stack>\n              <Icon name=\"chevron_right\" size={24} sx={{ color: 'primary.light' }} />\n            </Stack>\n          </ListItemText>\n        </ListItemButton>\n      </ListItem>\n      <Divider />\n\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        title={copy.add_sub_budget_title}\n      >\n        <List>\n          <CategoryRow category={category} subCategories={category.subCategories} />\n        </List>\n      </Drawer>\n\n      <Dialog\n        copy={{ close_aria: commonCopy.close_aria, title: copy.add_title }}\n        disablePrimaryButton={Number(amount) <= 0}\n        isOpen={isAddBudgetOpen}\n        onClose={() => setIsAddBudgetOpen(false)}\n        onPrimaryAction={handleAddSubBudget}\n        primaryText={copy.add_save_button}\n      >\n        <BudgetAmount\n          amount={amount}\n          categoryName={subCategory?.name || ''}\n          onAmountChanged={setAmount}\n        />\n      </Dialog>\n    </Box>\n  )\n})\n"],"mappings":"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"}

package/dist/budgets/components/budgetdetails/SubBudgetList.es.js

@@ -1,86 +1,85 @@
 import { buildDynamicCopy as D } from "../../../core/utils/Localization.es.js";
 import { useBudgetsStore as v, useGlobalCopyStore as O, useTransactionStore as T } from "../../../common/context/hooks.es.js";
-import y from "../../../common/components/dialog/Dialog.es.js";
-import N from "../../../common/components/drawer/Drawer.es.js";
-import w from "../../../transactions/components/shared/TransactionList.es.js";
-import { BudgetAmount as F } from "../shared/BudgetAmount.es.js";
-import { Header as L } from "./Header.es.js";
-import { SubBudgetZeroState as P } from "../budgetlist/SubBudgetZeroState.es.js";
-import { SubBudgetRow as k } from "../budgetlist/SubBudgetRow.es.js";
-import { AddSubBudget as E } from "./AddSubBudget.es.js";
+import f from "../../../common/components/dialog/Dialog.es.js";
+import w from "../../../common/components/drawer/Drawer.es.js";
+import F from "../../../transactions/components/shared/TransactionList.es.js";
+import { BudgetAmount as L } from "../shared/BudgetAmount.es.js";
+import { Header as P } from "./Header.es.js";
+import { SubBudgetZeroState as E } from "../budgetlist/SubBudgetZeroState.es.js";
+import { SubBudgetRow as N } from "../budgetlist/SubBudgetRow.es.js";
+import { AddSubBudget as j } from "./AddSubBudget.es.js";
 import i from "react";
-import { observer as j } from "mobx-react-lite";
+import { observer as k } from "mobx-react-lite";
 import I from "@mui/material/Stack";
 import { Text as R } from "@mxenabled/mxui";
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
 import $ from "@mui/material/Divider";
 import G from "@mui/material/List";
-var ie = j(({ budget: n }) => {
-  const { category: _, subBudgets: c } = n, { budgets: o, common: d } = O(), { deleteBudget: b, selectedSubBudget: e, setSelectedSubBudget: h, updateBudget: S } = v(), { filter: u, setFilter: p } = T(), [B, l] = i.useState(!1), [C, m] = i.useState(!1), [a, g] = i.useState("");
+var ie = k(({ budget: n }) => {
+  const { category: _, subBudgets: m } = n, { budgets: o, common: s } = O(), { deleteBudget: b, selectedSubBudget: e, setSelectedSubBudget: h, updateBudget: S } = v(), { filter: c, setFilter: u } = T(), [B, p] = i.useState(!1), [C, d] = i.useState(!1), [l, g] = i.useState("");
   i.useEffect(() => {
-    e && (g(`${e.amount}`), p({
-      ...u,
+    e && (g(`${e.amount}`), u({
+      ...c,
       custom: (r) => r.category_guid === e.category_guid
     }));
   }, [e]);
   const x = async () => {
-    e && (await S({
+    e && await S({
       ...e,
-      amount: Number(a)
-    }), l(!1));
+      amount: Number(l)
+    });
   }, A = async () => {
-    e && await b(e.guid), m(!1), f();
-  }, f = () => {
-    p({
-      ...u,
+    e && await b(e.guid), d(!1), y();
+  }, y = () => {
+    u({
+      ...c,
       custom: (r) => r.category_guid === n.category_guid || r.top_level_category_guid === n.category_guid
     }), h(void 0);
   };
-  return /* @__PURE__ */ s(i.Fragment, { children: [
-    /* @__PURE__ */ s(G, {
+  return /* @__PURE__ */ a(i.Fragment, { children: [
+    /* @__PURE__ */ a(G, {
       sx: { bgcolor: "background.paper" },
-      children: [c.length === 0 ? /* @__PURE__ */ t(P, {}) : c.map((r) => /* @__PURE__ */ s(i.Fragment, { children: [/* @__PURE__ */ t(k, { budget: r }), /* @__PURE__ */ t($, {})] }, r.guid)), /* @__PURE__ */ t(E, {
+      children: [m.length === 0 ? /* @__PURE__ */ t(E, {}) : m.map((r) => /* @__PURE__ */ a(i.Fragment, { children: [/* @__PURE__ */ t(N, { budget: r }), /* @__PURE__ */ t($, {})] }, r.guid)), /* @__PURE__ */ t(j, {
         category: _,
         parentBudget: n
       })]
     }),
-    /* @__PURE__ */ t(N, {
-      ariaLabelClose: d.close_aria,
+    /* @__PURE__ */ t(w, {
+      ariaLabelClose: s.close_aria,
       isOpen: !!e,
-      onClose: f,
-      onPrimaryAction: () => l(!0),
-      onSecondaryAction: () => m(!0),
+      onClose: y,
+      onPrimaryAction: () => p(!0),
+      onSecondaryAction: () => d(!0),
       primaryText: o.details_edit_button,
       secondaryText: o.details_delete_button,
       title: o.details_title,
-      children: e && /* @__PURE__ */ s(I, {
+      children: e && /* @__PURE__ */ a(I, {
         gap: 24,
-        children: [/* @__PURE__ */ t(L, { budget: e }), /* @__PURE__ */ t(w, { height: "100%" })]
+        children: [/* @__PURE__ */ t(P, { budget: e }), /* @__PURE__ */ t(F, { height: "100%" })]
       })
     }),
-    e && /* @__PURE__ */ s(i.Fragment, { children: [/* @__PURE__ */ t(y, {
+    e && /* @__PURE__ */ a(i.Fragment, { children: [/* @__PURE__ */ t(f, {
       copy: {
-        close_aria: d.close_aria,
-        title: o.details_edit_title_subbudget
+        close_aria: s.close_aria,
+        title: o.details_edit_title
       },
-      disablePrimaryButton: a === "" || Number(a) < 0 || isNaN(Number(a)),
+      disablePrimaryButton: Number(l) <= 0,
       isOpen: B,
-      onClose: () => l(!1),
+      onClose: () => p(!1),
       onPrimaryAction: x,
       primaryText: o.edit_save_button,
-      sx: { "& .MuiStack-root:first-child": { pb: 8 } },
-      children: /* @__PURE__ */ t(F, {
-        amount: a,
+      children: /* @__PURE__ */ t(L, {
+        amount: l,
         categoryName: e.category.name,
         onAmountChanged: g
       })
-    }), /* @__PURE__ */ t(y, {
+    }), /* @__PURE__ */ t(f, {
       copy: {
-        close_aria: d.close_aria,
+        close_aria: s.close_aria,
         title: o.delete_title
       },
       isOpen: C,
-      onClose: () => m(!1),
+      onClose: () => d(!1),
       onPrimaryAction: A,
       primaryColor: "error",
       primaryText: "Delete",