@mx-cartographer/experiences 9.3.7 → 9.3.8-alpha.al1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/dist/budgets/components/BudgetDetailsDrawer.es.js +134 -95
- package/dist/budgets/components/BudgetDetailsDrawer.es.js.map +1 -1
- package/dist/budgets/components/budgetdetails/AddSubBudget.es.js +57 -56
- package/dist/budgets/components/budgetdetails/AddSubBudget.es.js.map +1 -1
- package/dist/budgets/components/budgetdetails/SubBudgetList.es.js +35 -34
- package/dist/budgets/components/budgetdetails/SubBudgetList.es.js.map +1 -1
- package/dist/budgets/components/shared/BudgetAmount.d.ts +7 -3
- package/dist/budgets/components/shared/BudgetAmount.es.js +40 -19
- package/dist/budgets/components/shared/BudgetAmount.es.js.map +1 -1
- package/dist/core/stores/BudgetsStore.es.js +28 -21
- package/dist/core/stores/BudgetsStore.es.js.map +1 -1
- package/dist/core/utils/BudgetUtil.es.js +56 -50
- package/dist/core/utils/BudgetUtil.es.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,106 +1,145 @@
|
|
|
1
|
-
import { buildDynamicCopy as
|
|
2
|
-
import { useBudgetsStore as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { BudgetAmount as
|
|
6
|
-
import { BudgetDetails as
|
|
7
|
-
import
|
|
8
|
-
import { observer as
|
|
9
|
-
import { Text as
|
|
10
|
-
import { jsx as
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
var
|
|
14
|
-
const { selectedAccountGuids:
|
|
15
|
-
|
|
16
|
-
e && !
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
1
|
+
import { buildDynamicCopy as p } from "../../core/utils/Localization.es.js";
|
|
2
|
+
import { useBudgetsStore as L, useGlobalCopyStore as q, useGlobalUiStore as J, useTransactionStore as K } from "../../common/context/hooks.es.js";
|
|
3
|
+
import C from "../../common/components/dialog/Dialog.es.js";
|
|
4
|
+
import M from "../../common/components/drawer/Drawer.es.js";
|
|
5
|
+
import { BudgetAmount as Q } from "./shared/BudgetAmount.es.js";
|
|
6
|
+
import { BudgetDetails as V } from "./budgetdetails/BudgetDetails.es.js";
|
|
7
|
+
import a from "react";
|
|
8
|
+
import { observer as W } from "mobx-react-lite";
|
|
9
|
+
import { Text as X } from "@mxenabled/mxui";
|
|
10
|
+
import { jsx as n, jsxs as v } from "react/jsx-runtime";
|
|
11
|
+
import Y from "@mui/material/Alert";
|
|
12
|
+
import Z from "@mui/material/Snackbar";
|
|
13
|
+
var me = W(() => {
|
|
14
|
+
const { selectedAccountGuids: N } = J(), { budgets: r, common: l } = q(), { alert: b, dateRange: D, deleteBudget: x, selectedBudget: e, selectedSubBudget: O, setAlert: i, setSelectedBudget: T, updateBudget: y } = L(), { setFilter: w } = K(), [P, f] = a.useState(!1), [E, c] = a.useState(!1), [$, _] = a.useState(!1), [s, u] = a.useState(""), [m, g] = a.useState({});
|
|
15
|
+
a.useEffect(() => {
|
|
16
|
+
if (e && !O) {
|
|
17
|
+
u(`${e.amount}`);
|
|
18
|
+
const o = {};
|
|
19
|
+
e.subBudgets.forEach((t) => {
|
|
20
|
+
o[t.guid] = `${t.amount}`;
|
|
21
|
+
}), g(o), f(!0), w({
|
|
22
|
+
accounts: N,
|
|
23
|
+
dateRange: D,
|
|
24
|
+
custom: (t) => t.category_guid === e.category_guid || t.top_level_category_guid === e.category_guid,
|
|
25
|
+
showSplits: !0
|
|
26
|
+
});
|
|
27
|
+
}
|
|
22
28
|
}, [e]);
|
|
23
|
-
const
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
},
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
const I = (o, t) => {
|
|
30
|
+
g((d) => {
|
|
31
|
+
const A = {
|
|
32
|
+
...d,
|
|
33
|
+
[o]: t
|
|
34
|
+
}, k = e?.subBudgets.reduce((z, H) => z + (Number(A[H.guid]) || 0), 0);
|
|
35
|
+
return u(`${k ?? 0}`), A;
|
|
36
|
+
});
|
|
37
|
+
}, G = async () => {
|
|
38
|
+
if (e) {
|
|
39
|
+
if (e.subBudgets.length > 0) {
|
|
40
|
+
const o = e.subBudgets.map((t) => {
|
|
41
|
+
const d = Number(m[t.guid] ?? t.amount);
|
|
42
|
+
return y({
|
|
43
|
+
...t,
|
|
44
|
+
amount: d,
|
|
45
|
+
percentage: t.category.currentAmount / (d || 1) * 100
|
|
46
|
+
});
|
|
47
|
+
});
|
|
48
|
+
await Promise.all(o);
|
|
49
|
+
} else await y({
|
|
50
|
+
...e,
|
|
51
|
+
amount: Number(s),
|
|
52
|
+
percentage: e.category.totalAmount / (Number(s) || 1) * 100
|
|
53
|
+
});
|
|
54
|
+
c(!1), i(p(r.alert_budget_updated, e.category.name));
|
|
55
|
+
}
|
|
56
|
+
}, j = async () => {
|
|
57
|
+
e && (await x(e.guid), i(p(r.alert_budget_deleted, e.category.name))), B();
|
|
58
|
+
}, B = () => {
|
|
59
|
+
f(!1), setTimeout(() => {
|
|
60
|
+
T(void 0);
|
|
34
61
|
}, 250);
|
|
35
|
-
},
|
|
36
|
-
|
|
62
|
+
}, h = () => {
|
|
63
|
+
c(!1), u(`${e?.amount}`);
|
|
64
|
+
const o = {};
|
|
65
|
+
e?.subBudgets.forEach((t) => {
|
|
66
|
+
o[t.guid] = `${t.amount}`;
|
|
67
|
+
}), g(o);
|
|
37
68
|
};
|
|
38
|
-
if (e)
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
children: /* @__PURE__ */ o(U, {
|
|
59
|
-
closeText: "",
|
|
60
|
-
onClose: () => a(""),
|
|
61
|
-
severity: "success",
|
|
62
|
-
variant: "filled",
|
|
63
|
-
children: d
|
|
64
|
-
})
|
|
65
|
-
})]
|
|
66
|
-
}),
|
|
67
|
-
/* @__PURE__ */ o(_, {
|
|
68
|
-
copy: {
|
|
69
|
-
close_aria: n.close_aria,
|
|
70
|
-
title: t.details_edit_title
|
|
69
|
+
if (!e) return;
|
|
70
|
+
const S = e.subBudgets.length > 0, F = s === "" || Number(s) < 0 || isNaN(Number(s)), R = S && e.subBudgets.some((o) => {
|
|
71
|
+
const t = m[o.guid];
|
|
72
|
+
return t === void 0 || t === "" || Number(t) < 0 || isNaN(Number(t));
|
|
73
|
+
}), U = S ? R : F;
|
|
74
|
+
return /* @__PURE__ */ v(a.Fragment, { children: [
|
|
75
|
+
/* @__PURE__ */ v(M, {
|
|
76
|
+
ariaLabelClose: l.close_aria,
|
|
77
|
+
isOpen: P,
|
|
78
|
+
onClose: B,
|
|
79
|
+
onPrimaryAction: () => c(!0),
|
|
80
|
+
onSecondaryAction: () => _(!0),
|
|
81
|
+
primaryText: r.details_edit_button,
|
|
82
|
+
secondaryColor: "error",
|
|
83
|
+
secondaryText: r.details_delete_button,
|
|
84
|
+
title: r.details_title,
|
|
85
|
+
children: [/* @__PURE__ */ n(V, { budget: e }), /* @__PURE__ */ n(Z, {
|
|
86
|
+
anchorOrigin: {
|
|
87
|
+
vertical: "bottom",
|
|
88
|
+
horizontal: "right"
|
|
71
89
|
},
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
onAmountChanged: l
|
|
82
|
-
})
|
|
83
|
-
}),
|
|
84
|
-
/* @__PURE__ */ o(_, {
|
|
85
|
-
copy: {
|
|
86
|
-
close_aria: n.close_aria,
|
|
87
|
-
title: t.delete_title
|
|
88
|
-
},
|
|
89
|
-
isOpen: O,
|
|
90
|
-
onClose: () => m(!1),
|
|
91
|
-
onPrimaryAction: w,
|
|
92
|
-
primaryColor: "error",
|
|
93
|
-
primaryText: t.details_delete_button,
|
|
94
|
-
secondaryColor: "secondary",
|
|
95
|
-
children: /* @__PURE__ */ o(R, {
|
|
96
|
-
variant: "subtitle1",
|
|
97
|
-
children: c(t.delete_description, e.category.name)
|
|
90
|
+
autoHideDuration: 3500,
|
|
91
|
+
onClose: () => i(""),
|
|
92
|
+
open: !!b,
|
|
93
|
+
children: /* @__PURE__ */ n(Y, {
|
|
94
|
+
closeText: "",
|
|
95
|
+
onClose: () => i(""),
|
|
96
|
+
severity: "success",
|
|
97
|
+
variant: "filled",
|
|
98
|
+
children: b
|
|
98
99
|
})
|
|
100
|
+
})]
|
|
101
|
+
}),
|
|
102
|
+
/* @__PURE__ */ n(C, {
|
|
103
|
+
copy: {
|
|
104
|
+
close_aria: l.close_aria,
|
|
105
|
+
title: r.details_edit_title
|
|
106
|
+
},
|
|
107
|
+
disablePrimaryButton: U,
|
|
108
|
+
isOpen: E,
|
|
109
|
+
onClose: h,
|
|
110
|
+
onPrimaryAction: G,
|
|
111
|
+
onSecondaryAction: h,
|
|
112
|
+
primaryText: r.edit_save_button,
|
|
113
|
+
children: /* @__PURE__ */ n(Q, {
|
|
114
|
+
amount: s,
|
|
115
|
+
categoryName: e.category.name,
|
|
116
|
+
onAmountChanged: u,
|
|
117
|
+
onSubBudgetAmountChanged: I,
|
|
118
|
+
originalAmount: e.amount,
|
|
119
|
+
subBudgetAmounts: m,
|
|
120
|
+
subBudgets: e.subBudgets
|
|
121
|
+
})
|
|
122
|
+
}),
|
|
123
|
+
/* @__PURE__ */ n(C, {
|
|
124
|
+
copy: {
|
|
125
|
+
close_aria: l.close_aria,
|
|
126
|
+
title: r.delete_title
|
|
127
|
+
},
|
|
128
|
+
isOpen: $,
|
|
129
|
+
onClose: () => _(!1),
|
|
130
|
+
onPrimaryAction: j,
|
|
131
|
+
primaryColor: "error",
|
|
132
|
+
primaryText: r.details_delete_button,
|
|
133
|
+
secondaryColor: "secondary",
|
|
134
|
+
children: /* @__PURE__ */ n(X, {
|
|
135
|
+
variant: "subtitle1",
|
|
136
|
+
children: p(r.delete_description, e.category.name)
|
|
99
137
|
})
|
|
100
|
-
|
|
138
|
+
})
|
|
139
|
+
] });
|
|
101
140
|
});
|
|
102
141
|
export {
|
|
103
|
-
|
|
142
|
+
me as BudgetDetailsDrawer
|
|
104
143
|
};
|
|
105
144
|
|
|
106
145
|
//# sourceMappingURL=BudgetDetailsDrawer.es.js.map
|
|
@@ -1 +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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"}
|
|
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 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 setSubBudgetAmounts((prev) => {\n const updated = { ...prev, [guid]: newAmount }\n const newTotal = selectedBudget?.subBudgets.reduce(\n (sum, sb) => sum + (Number(updated[sb.guid]) || 0),\n 0,\n )\n setAmount(`${newTotal ?? 0}`)\n return updated\n })\n }\n\n const handleUpdateBudget = async () => {\n if (selectedBudget) {\n if (selectedBudget.subBudgets.length > 0) {\n const updatePromises = 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 await Promise.all(updatePromises)\n } else {\n await updateBudget({\n ...selectedBudget,\n amount: Number(amount),\n percentage: (selectedBudget.category.totalAmount / (Number(amount) || 1)) * 100,\n } as Budget)\n }\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 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 >\n <BudgetAmount\n amount={amount}\n categoryName={selectedBudget.category.name}\n onAmountChanged={setAmount}\n onSubBudgetAmountChanged={handleSubBudgetAmountChanged}\n originalAmount={selectedBudget.amount}\n subBudgetAmounts={subBudgetAmounts}\n subBudgets={selectedBudget.subBudgets}\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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"}
|
|
@@ -1,60 +1,61 @@
|
|
|
1
|
-
import { useBudgetsStore as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import
|
|
1
|
+
import { useBudgetsStore as O, useCategoryStore as w, useGlobalCopyStore as D } from "../../../common/context/hooks.es.js";
|
|
2
|
+
import L from "../../../common/components/dialog/Dialog.es.js";
|
|
3
|
+
import N from "../../../common/components/drawer/Drawer.es.js";
|
|
4
|
+
import { findDetailedCategory as j, findDetailedSubCategory as k } from "../../../core/utils/CategoryUtil.es.js";
|
|
5
|
+
import { useCategoryUiStore as G } from "../../../categories/context/hooks.es.js";
|
|
6
|
+
import P from "../../../categories/components/CategoryRow.es.js";
|
|
7
|
+
import { BudgetAmount as T } from "../shared/BudgetAmount.es.js";
|
|
7
8
|
import t from "react";
|
|
8
|
-
import { observer as
|
|
9
|
-
import
|
|
10
|
-
import { Icon as
|
|
9
|
+
import { observer as z } from "mobx-react-lite";
|
|
10
|
+
import b from "@mui/material/Stack";
|
|
11
|
+
import { Icon as y, Text as E } from "@mxenabled/mxui";
|
|
11
12
|
import { jsx as e, jsxs as m } from "react/jsx-runtime";
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
var
|
|
19
|
-
const { budgets:
|
|
13
|
+
import R from "@mui/material/Box";
|
|
14
|
+
import $ from "@mui/material/Divider";
|
|
15
|
+
import U from "@mui/material/List";
|
|
16
|
+
import q from "@mui/material/ListItem";
|
|
17
|
+
import F from "@mui/material/ListItemButton";
|
|
18
|
+
import H from "@mui/material/ListItemText";
|
|
19
|
+
var me = z(({ category: u, parentBudget: C }) => {
|
|
20
|
+
const { budgets: o, common: l } = D(), { setExpandedGuid: h, setOnSelect: _ } = G(), { addBudget: S } = O(), { detailedCategories: c } = w(), [x, a] = t.useState(!1), [A, n] = t.useState(!1), [r, g] = t.useState(""), [d, p] = t.useState(void 0), i = j(c, u.guid) || u;
|
|
20
21
|
t.useEffect(() => {
|
|
21
|
-
|
|
22
|
-
const s =
|
|
23
|
-
s && (
|
|
22
|
+
_((f) => {
|
|
23
|
+
const s = i.subCategories.find((I) => I.guid === f) || k(c, f);
|
|
24
|
+
s && (p(s), g(`${s.currentAmount === 0 ? "" : s.currentAmount}`), n(!0));
|
|
24
25
|
});
|
|
25
|
-
}
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
},
|
|
29
|
-
d && Number(
|
|
26
|
+
});
|
|
27
|
+
const B = () => {
|
|
28
|
+
h(i.guid), a(!0);
|
|
29
|
+
}, v = async () => {
|
|
30
|
+
d && Number(r) > 0 && (await S(d, Number(r), C.guid), n(!1), a(!1), p(void 0));
|
|
30
31
|
};
|
|
31
|
-
return /* @__PURE__ */ m(
|
|
32
|
-
/* @__PURE__ */ e(
|
|
32
|
+
return /* @__PURE__ */ m(R, { children: [
|
|
33
|
+
/* @__PURE__ */ e(q, {
|
|
33
34
|
disableGutters: !0,
|
|
34
35
|
disablePadding: !0,
|
|
35
36
|
sx: { bgcolor: "background.paper" },
|
|
36
|
-
children: /* @__PURE__ */ e(
|
|
37
|
-
onClick:
|
|
38
|
-
children: /* @__PURE__ */ e(
|
|
37
|
+
children: /* @__PURE__ */ e(F, {
|
|
38
|
+
onClick: B,
|
|
39
|
+
children: /* @__PURE__ */ e(H, { children: /* @__PURE__ */ m(b, {
|
|
39
40
|
alignItems: "center",
|
|
40
41
|
direction: "row",
|
|
41
42
|
justifyContent: "space-between",
|
|
42
|
-
children: [/* @__PURE__ */ m(
|
|
43
|
+
children: [/* @__PURE__ */ m(b, {
|
|
43
44
|
alignItems: "center",
|
|
44
45
|
direction: "row",
|
|
45
46
|
gap: 8,
|
|
46
|
-
children: [/* @__PURE__ */ e(
|
|
47
|
+
children: [/* @__PURE__ */ e(y, {
|
|
47
48
|
fill: !0,
|
|
48
49
|
name: "add_box",
|
|
49
50
|
size: 24,
|
|
50
51
|
sx: { color: "primary.light" }
|
|
51
|
-
}), /* @__PURE__ */ e(
|
|
52
|
+
}), /* @__PURE__ */ e(E, {
|
|
52
53
|
bold: !0,
|
|
53
54
|
sx: { color: "primary.light" },
|
|
54
55
|
variant: "body1",
|
|
55
|
-
children:
|
|
56
|
+
children: o.add_sub_budget_button
|
|
56
57
|
})]
|
|
57
|
-
}), /* @__PURE__ */ e(
|
|
58
|
+
}), /* @__PURE__ */ e(y, {
|
|
58
59
|
name: "chevron_right",
|
|
59
60
|
size: 24,
|
|
60
61
|
sx: { color: "primary.light" }
|
|
@@ -62,37 +63,37 @@ var re = k(({ category: o, parentBudget: g }) => {
|
|
|
62
63
|
}) })
|
|
63
64
|
})
|
|
64
65
|
}),
|
|
65
|
-
/* @__PURE__ */ e(
|
|
66
|
-
/* @__PURE__ */ e(
|
|
67
|
-
ariaLabelClose:
|
|
68
|
-
isOpen:
|
|
69
|
-
onClose: () =>
|
|
70
|
-
title:
|
|
71
|
-
children: /* @__PURE__ */ e(
|
|
72
|
-
category:
|
|
73
|
-
subCategories:
|
|
66
|
+
/* @__PURE__ */ e($, {}),
|
|
67
|
+
/* @__PURE__ */ e(N, {
|
|
68
|
+
ariaLabelClose: l.close_aria,
|
|
69
|
+
isOpen: x,
|
|
70
|
+
onClose: () => a(!1),
|
|
71
|
+
title: o.add_sub_budget_title,
|
|
72
|
+
children: /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(P, {
|
|
73
|
+
category: i,
|
|
74
|
+
subCategories: i.subCategories
|
|
74
75
|
}) })
|
|
75
76
|
}),
|
|
76
|
-
/* @__PURE__ */ e(
|
|
77
|
+
/* @__PURE__ */ e(L, {
|
|
77
78
|
copy: {
|
|
78
|
-
close_aria:
|
|
79
|
-
title:
|
|
79
|
+
close_aria: l.close_aria,
|
|
80
|
+
title: o.add_title
|
|
80
81
|
},
|
|
81
|
-
disablePrimaryButton: Number(
|
|
82
|
-
isOpen:
|
|
83
|
-
onClose: () =>
|
|
84
|
-
onPrimaryAction:
|
|
85
|
-
primaryText:
|
|
86
|
-
children: /* @__PURE__ */ e(
|
|
87
|
-
amount:
|
|
82
|
+
disablePrimaryButton: Number(r) <= 0,
|
|
83
|
+
isOpen: A,
|
|
84
|
+
onClose: () => n(!1),
|
|
85
|
+
onPrimaryAction: v,
|
|
86
|
+
primaryText: o.add_save_button,
|
|
87
|
+
children: /* @__PURE__ */ e(T, {
|
|
88
|
+
amount: r,
|
|
88
89
|
categoryName: d?.name || "",
|
|
89
|
-
onAmountChanged:
|
|
90
|
+
onAmountChanged: g
|
|
90
91
|
})
|
|
91
92
|
})
|
|
92
93
|
] });
|
|
93
94
|
});
|
|
94
95
|
export {
|
|
95
|
-
|
|
96
|
+
me as AddSubBudget
|
|
96
97
|
};
|
|
97
98
|
|
|
98
99
|
//# sourceMappingURL=AddSubBudget.es.js.map
|
|
@@ -1 +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 {
|
|
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\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 })\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.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={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":";;;;;;;;;;;;;;;;;;AA8BA,IAAa,KAA4C,EAAA,CAAU,EAAE,UAAA,GAAU,cAAA,EAAA,MAAmB;AAChG,QAAM,EAAE,SAAS,GAAM,QAAQ,EAAA,IAAe,EAAmB,GAC3D,EAAE,iBAAA,GAAiB,aAAA,EAAA,IAAgB,EAAmB,GACtD,EAAE,WAAA,EAAA,IAAc,EAAgB,GAChC,EAAE,oBAAA,EAAA,IAAuB,EAAiB,GAE1C,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAC1C,CAAC,GAAiB,CAAA,IAAsB,EAAM,SAAS,EAAK,GAC5D,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAE,GACvC,CAAC,GAAa,CAAA,IAAkB,EAAM,SAAuC,MAAS,GAEtF,IAAkB,EAAqB,GAAoB,EAAS,IAAI,KAAK;AAEnF,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAA,CAAa,MAAiB;AAC5B,YAAM,IACJ,EAAgB,cAAc,KAAA,CAAM,MAAO,EAAG,SAAS,CAAI,KAC3D,EAAwB,GAAoB,CAAI;AAClD,MAAI,MACF,EAAe,CAAQ,GACvB,EAAU,GAAG,EAAS,kBAAkB,IAAI,KAAK,EAAS,aAAA,EAAe,GACzE,EAAmB,EAAI;AAAA,IAE3B,CAAC;AAAA,EACH,CAAC;AAED,QAAM,IAAA,MAAmB;AACvB,IAAA,EAAgB,EAAgB,IAAI,GACpC,EAAU,EAAI;AAAA,EAChB,GAEM,IAAqB,YAAY;AACrC,IAAI,KAAe,OAAO,CAAM,IAAI,MAClC,MAAM,EAAU,GAAa,OAAO,CAAM,GAAG,EAAa,IAAI,GAC9D,EAAmB,EAAK,GACxB,EAAU,EAAK,GACf,EAAe,MAAS;AAAA,EAE5B;AAEA,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD;AAAA,MAAU,gBAAgB;AAAA,MAAM,gBAAgB;AAAA,MAAM,IAAI,EAAE,SAAS,mBAAmB;AAAA,MACtF,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAgB,SAAS;AAAA,QACvB,UAAA,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,UAAO,YAAW;AAAA,UAAS,WAAU;AAAA,UAAM,gBAAe;AAAA,UAA1D,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,YAAO,YAAW;AAAA,YAAS,WAAU;AAAA,YAAM,KAAK;AAAA,YAAhD,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAM,MAAK;AAAA,cAAU,MAAM;AAAA,cAAI,IAAI,EAAE,OAAO,gBAAgB;AAAA,YAAI,CAAA,GAC5E,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAM,IAAI,EAAE,OAAO,gBAAgB;AAAA,cAAG,SAAQ;AAAA,cACvD,UAAA,EAAK;AAAA,YACF,CAAA,CACD;AAAA,UACP,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAK;AAAA,YAAgB,MAAM;AAAA,YAAI,IAAI,EAAE,OAAO,gBAAgB;AAAA,UAAI,CAAA,CACjE;AAAA,QACK,CAAA,EAAA,CAAA;AAAA,MACA,CAAA;AAAA,IACR,CAAA;AAAA,IACV,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,IAEV,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAgB,EAAW;AAAA,MACnB,QAAA;AAAA,MACR,SAAA,MAAe,EAAU,EAAK;AAAA,MAC9B,OAAO,EAAK;AAAA,MAEZ,UAAA,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,QAAa,UAAU;AAAA,QAAiB,eAAe,EAAgB;AAAA,MAAgB,CAAA,EACnF,CAAA;AAAA,IACA,CAAA;AAAA,IAER,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,QAAE,YAAY,EAAW;AAAA,QAAY,OAAO,EAAK;AAAA,MAAU;AAAA,MACjE,sBAAsB,OAAO,CAAM,KAAK;AAAA,MACxC,QAAQ;AAAA,MACR,SAAA,MAAe,EAAmB,EAAK;AAAA,MACvC,iBAAiB;AAAA,MACjB,aAAa,EAAK;AAAA,MAElB,UAAA,gBAAA,EAAC,GAAD;AAAA,QACU,QAAA;AAAA,QACR,cAAc,GAAa,QAAQ;AAAA,QACnC,iBAAiB;AAAA,MAClB,CAAA;AAAA,IACK,CAAA;AAAA,EACL,EAAA,CAAA;AAET,CAAC"}
|
|
@@ -1,81 +1,82 @@
|
|
|
1
1
|
import { buildDynamicCopy as D } from "../../../core/utils/Localization.es.js";
|
|
2
2
|
import { useBudgetsStore as v, useGlobalCopyStore as O, useTransactionStore as T } from "../../../common/context/hooks.es.js";
|
|
3
3
|
import f from "../../../common/components/dialog/Dialog.es.js";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import { BudgetAmount as
|
|
7
|
-
import { Header as
|
|
8
|
-
import { SubBudgetZeroState as
|
|
9
|
-
import { SubBudgetRow as
|
|
4
|
+
import N from "../../../common/components/drawer/Drawer.es.js";
|
|
5
|
+
import w from "../../../transactions/components/shared/TransactionList.es.js";
|
|
6
|
+
import { BudgetAmount as F } from "../shared/BudgetAmount.es.js";
|
|
7
|
+
import { Header as L } from "./Header.es.js";
|
|
8
|
+
import { SubBudgetZeroState as P } from "../budgetlist/SubBudgetZeroState.es.js";
|
|
9
|
+
import { SubBudgetRow as E } from "../budgetlist/SubBudgetRow.es.js";
|
|
10
10
|
import { AddSubBudget as j } from "./AddSubBudget.es.js";
|
|
11
11
|
import i from "react";
|
|
12
12
|
import { observer as k } from "mobx-react-lite";
|
|
13
13
|
import I from "@mui/material/Stack";
|
|
14
14
|
import { Text as R } from "@mxenabled/mxui";
|
|
15
|
-
import { jsx as t, jsxs as
|
|
15
|
+
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
16
16
|
import $ from "@mui/material/Divider";
|
|
17
17
|
import G from "@mui/material/List";
|
|
18
|
-
var ie = k(({ budget:
|
|
19
|
-
const { category: _, subBudgets:
|
|
18
|
+
var ie = k(({ budget: s }) => {
|
|
19
|
+
const { category: _, subBudgets: c } = s, { budgets: o, common: m } = O(), { deleteBudget: b, selectedSubBudget: e, setSelectedSubBudget: h, updateBudget: S } = v(), { filter: u, setFilter: p } = T(), [B, l] = i.useState(!1), [C, d] = i.useState(!1), [a, g] = i.useState("");
|
|
20
20
|
i.useEffect(() => {
|
|
21
|
-
e && (g(`${e.amount}`),
|
|
22
|
-
...
|
|
21
|
+
e && (g(`${e.amount}`), p({
|
|
22
|
+
...u,
|
|
23
23
|
custom: (r) => r.category_guid === e.category_guid
|
|
24
24
|
}));
|
|
25
25
|
}, [e]);
|
|
26
26
|
const x = async () => {
|
|
27
|
-
e && await S({
|
|
27
|
+
e && (await S({
|
|
28
28
|
...e,
|
|
29
|
-
amount: Number(
|
|
30
|
-
});
|
|
29
|
+
amount: Number(a)
|
|
30
|
+
}), l(!1));
|
|
31
31
|
}, A = async () => {
|
|
32
32
|
e && await b(e.guid), d(!1), y();
|
|
33
33
|
}, y = () => {
|
|
34
|
-
|
|
35
|
-
...
|
|
36
|
-
custom: (r) => r.category_guid ===
|
|
34
|
+
p({
|
|
35
|
+
...u,
|
|
36
|
+
custom: (r) => r.category_guid === s.category_guid || r.top_level_category_guid === s.category_guid
|
|
37
37
|
}), h(void 0);
|
|
38
38
|
};
|
|
39
|
-
return /* @__PURE__ */
|
|
40
|
-
/* @__PURE__ */
|
|
39
|
+
return /* @__PURE__ */ n(i.Fragment, { children: [
|
|
40
|
+
/* @__PURE__ */ n(G, {
|
|
41
41
|
sx: { bgcolor: "background.paper" },
|
|
42
|
-
children: [
|
|
42
|
+
children: [c.length === 0 ? /* @__PURE__ */ t(P, {}) : c.map((r) => /* @__PURE__ */ n(i.Fragment, { children: [/* @__PURE__ */ t(E, { budget: r }), /* @__PURE__ */ t($, {})] }, r.guid)), /* @__PURE__ */ t(j, {
|
|
43
43
|
category: _,
|
|
44
|
-
parentBudget:
|
|
44
|
+
parentBudget: s
|
|
45
45
|
})]
|
|
46
46
|
}),
|
|
47
|
-
/* @__PURE__ */ t(
|
|
48
|
-
ariaLabelClose:
|
|
47
|
+
/* @__PURE__ */ t(N, {
|
|
48
|
+
ariaLabelClose: m.close_aria,
|
|
49
49
|
isOpen: !!e,
|
|
50
50
|
onClose: y,
|
|
51
|
-
onPrimaryAction: () =>
|
|
51
|
+
onPrimaryAction: () => l(!0),
|
|
52
52
|
onSecondaryAction: () => d(!0),
|
|
53
53
|
primaryText: o.details_edit_button,
|
|
54
54
|
secondaryText: o.details_delete_button,
|
|
55
55
|
title: o.details_title,
|
|
56
|
-
children: e && /* @__PURE__ */
|
|
56
|
+
children: e && /* @__PURE__ */ n(I, {
|
|
57
57
|
gap: 24,
|
|
58
|
-
children: [/* @__PURE__ */ t(
|
|
58
|
+
children: [/* @__PURE__ */ t(L, { budget: e }), /* @__PURE__ */ t(w, { height: "100%" })]
|
|
59
59
|
})
|
|
60
60
|
}),
|
|
61
|
-
e && /* @__PURE__ */
|
|
61
|
+
e && /* @__PURE__ */ n(i.Fragment, { children: [/* @__PURE__ */ t(f, {
|
|
62
62
|
copy: {
|
|
63
|
-
close_aria:
|
|
63
|
+
close_aria: m.close_aria,
|
|
64
64
|
title: o.details_edit_title
|
|
65
65
|
},
|
|
66
|
-
disablePrimaryButton: Number(
|
|
66
|
+
disablePrimaryButton: a === "" || Number(a) < 0 || isNaN(Number(a)),
|
|
67
67
|
isOpen: B,
|
|
68
|
-
onClose: () =>
|
|
68
|
+
onClose: () => l(!1),
|
|
69
69
|
onPrimaryAction: x,
|
|
70
70
|
primaryText: o.edit_save_button,
|
|
71
|
-
children: /* @__PURE__ */ t(
|
|
72
|
-
amount:
|
|
71
|
+
children: /* @__PURE__ */ t(F, {
|
|
72
|
+
amount: a,
|
|
73
73
|
categoryName: e.category.name,
|
|
74
|
-
onAmountChanged: g
|
|
74
|
+
onAmountChanged: g,
|
|
75
|
+
originalAmount: e.amount
|
|
75
76
|
})
|
|
76
77
|
}), /* @__PURE__ */ t(f, {
|
|
77
78
|
copy: {
|
|
78
|
-
close_aria:
|
|
79
|
+
close_aria: m.close_aria,
|
|
79
80
|
title: o.delete_title
|
|
80
81
|
},
|
|
81
82
|
isOpen: C,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubBudgetList.es.js","names":[],"sources":["../../../../src/budgets/components/budgetdetails/SubBudgetList.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n Dialog,\n Drawer,\n useBudgetsStore,\n useGlobalCopyStore,\n useTransactionStore,\n} from '../../../common'\nimport { type Budget, type DetailedBudget, type Transaction } from '../../../core'\n\nimport { TransactionList } from '../../../transactions'\n\nimport { SubBudgetZeroState } from '../budgetlist/SubBudgetZeroState'\nimport { SubBudgetRow } from '../budgetlist/SubBudgetRow'\nimport { BudgetAmount } from '../shared/BudgetAmount'\nimport { AddSubBudget } from './AddSubBudget'\nimport { Header } from './Header'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface SubBudgetListProps {\n budget: DetailedBudget\n}\n\nexport const SubBudgetList: React.FC<SubBudgetListProps> = observer(({ budget }) => {\n const { category, subBudgets } = budget\n const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n const { deleteBudget, selectedSubBudget, setSelectedSubBudget, updateBudget } = useBudgetsStore()\n const { filter, setFilter } = useTransactionStore()\n\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 (selectedSubBudget) {\n setAmount(`${selectedSubBudget.amount}`)\n setFilter({\n ...filter,\n custom: (t: Transaction) => t.category_guid === selectedSubBudget.category_guid,\n })\n }\n }, [selectedSubBudget])\n\n const handleUpdateBudget = async () => {\n if (selectedSubBudget) {\n await updateBudget({\n ...selectedSubBudget,\n amount: Number(amount),\n } as Budget)\n }\n }\n\n const handleDeleteBudget = async () => {\n if (selectedSubBudget) {\n await deleteBudget(selectedSubBudget.guid)\n }\n setIsDeleteOpen(false)\n handleClose()\n }\n\n const handleClose = () => {\n setFilter({\n ...filter,\n custom: (t: Transaction) =>\n t.category_guid === budget.category_guid ||\n t.top_level_category_guid === budget.category_guid,\n })\n setSelectedSubBudget(undefined)\n }\n\n return (\n <React.Fragment>\n <List sx={{ bgcolor: 'background.paper' }}>\n {subBudgets.length === 0 ? (\n <SubBudgetZeroState />\n ) : (\n subBudgets.map((subBudget) => (\n <React.Fragment key={subBudget.guid}>\n <SubBudgetRow budget={subBudget} />\n <Divider />\n </React.Fragment>\n ))\n )}\n <AddSubBudget category={category} parentBudget={budget} />\n </List>\n <Drawer\n ariaLabelClose={commonCopy.close_aria}\n isOpen={Boolean(selectedSubBudget)}\n onClose={handleClose}\n onPrimaryAction={() => setIsEditOpen(true)}\n onSecondaryAction={() => setIsDeleteOpen(true)}\n primaryText={copy.details_edit_button}\n secondaryText={copy.details_delete_button}\n title={copy.details_title}\n >\n {selectedSubBudget && (\n <Stack gap={24}>\n <Header budget={selectedSubBudget} />\n <TransactionList height=\"100%\" />\n </Stack>\n )}\n </Drawer>\n\n {selectedSubBudget && (\n <React.Fragment>\n <Dialog\n copy={{ close_aria: commonCopy.close_aria, title: copy.details_edit_title }}\n disablePrimaryButton={Number(amount)
|
|
1
|
+
{"version":3,"file":"SubBudgetList.es.js","names":[],"sources":["../../../../src/budgets/components/budgetdetails/SubBudgetList.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n Dialog,\n Drawer,\n useBudgetsStore,\n useGlobalCopyStore,\n useTransactionStore,\n} from '../../../common'\nimport { type Budget, type DetailedBudget, type Transaction } from '../../../core'\n\nimport { TransactionList } from '../../../transactions'\n\nimport { SubBudgetZeroState } from '../budgetlist/SubBudgetZeroState'\nimport { SubBudgetRow } from '../budgetlist/SubBudgetRow'\nimport { BudgetAmount } from '../shared/BudgetAmount'\nimport { AddSubBudget } from './AddSubBudget'\nimport { Header } from './Header'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface SubBudgetListProps {\n budget: DetailedBudget\n}\n\nexport const SubBudgetList: React.FC<SubBudgetListProps> = observer(({ budget }) => {\n const { category, subBudgets } = budget\n const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n const { deleteBudget, selectedSubBudget, setSelectedSubBudget, updateBudget } = useBudgetsStore()\n const { filter, setFilter } = useTransactionStore()\n\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 (selectedSubBudget) {\n setAmount(`${selectedSubBudget.amount}`)\n setFilter({\n ...filter,\n custom: (t: Transaction) => t.category_guid === selectedSubBudget.category_guid,\n })\n }\n }, [selectedSubBudget])\n\n const handleUpdateBudget = async () => {\n if (selectedSubBudget) {\n await updateBudget({\n ...selectedSubBudget,\n amount: Number(amount),\n } as Budget)\n setIsEditOpen(false)\n }\n }\n\n const handleDeleteBudget = async () => {\n if (selectedSubBudget) {\n await deleteBudget(selectedSubBudget.guid)\n }\n setIsDeleteOpen(false)\n handleClose()\n }\n\n const handleClose = () => {\n setFilter({\n ...filter,\n custom: (t: Transaction) =>\n t.category_guid === budget.category_guid ||\n t.top_level_category_guid === budget.category_guid,\n })\n setSelectedSubBudget(undefined)\n }\n\n return (\n <React.Fragment>\n <List sx={{ bgcolor: 'background.paper' }}>\n {subBudgets.length === 0 ? (\n <SubBudgetZeroState />\n ) : (\n subBudgets.map((subBudget) => (\n <React.Fragment key={subBudget.guid}>\n <SubBudgetRow budget={subBudget} />\n <Divider />\n </React.Fragment>\n ))\n )}\n <AddSubBudget category={category} parentBudget={budget} />\n </List>\n <Drawer\n ariaLabelClose={commonCopy.close_aria}\n isOpen={Boolean(selectedSubBudget)}\n onClose={handleClose}\n onPrimaryAction={() => setIsEditOpen(true)}\n onSecondaryAction={() => setIsDeleteOpen(true)}\n primaryText={copy.details_edit_button}\n secondaryText={copy.details_delete_button}\n title={copy.details_title}\n >\n {selectedSubBudget && (\n <Stack gap={24}>\n <Header budget={selectedSubBudget} />\n <TransactionList height=\"100%\" />\n </Stack>\n )}\n </Drawer>\n\n {selectedSubBudget && (\n <React.Fragment>\n <Dialog\n copy={{ close_aria: commonCopy.close_aria, title: copy.details_edit_title }}\n disablePrimaryButton={amount === '' || Number(amount) < 0 || isNaN(Number(amount))}\n isOpen={isEditOpen}\n onClose={() => setIsEditOpen(false)}\n onPrimaryAction={handleUpdateBudget}\n primaryText={copy.edit_save_button}\n >\n <BudgetAmount\n amount={amount}\n categoryName={selectedSubBudget.category.name}\n onAmountChanged={setAmount}\n originalAmount={selectedSubBudget.amount}\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=\"Delete\"\n secondaryColor=\"secondary\"\n >\n <Text variant=\"subtitle1\">\n {buildDynamicCopy(copy.delete_description, selectedSubBudget.category.name) as string}\n </Text>\n </Dialog>\n </React.Fragment>\n )}\n </React.Fragment>\n )\n})\n"],"mappings":"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"}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
|
|
2
|
+
import { DetailedBudget } from '../../../core';
|
|
3
|
+
export interface BudgetAmountProps {
|
|
3
4
|
amount: string;
|
|
4
5
|
categoryName: string;
|
|
5
|
-
onAmountChanged
|
|
6
|
+
onAmountChanged?: (amount: string) => void;
|
|
7
|
+
originalAmount?: number;
|
|
8
|
+
subBudgets?: DetailedBudget[];
|
|
9
|
+
subBudgetAmounts?: Record<string, string>;
|
|
10
|
+
onSubBudgetAmountChanged?: (guid: string, amount: string) => void;
|
|
6
11
|
}
|
|
7
12
|
export declare const BudgetAmount: React.FC<BudgetAmountProps>;
|
|
8
|
-
export {};
|
|
@@ -1,27 +1,48 @@
|
|
|
1
|
-
import { buildDynamicCopy as
|
|
2
|
-
import { useBudgetsStore as
|
|
3
|
-
import { formatCurrency as
|
|
4
|
-
import
|
|
1
|
+
import { buildDynamicCopy as c } from "../../../core/utils/Localization.es.js";
|
|
2
|
+
import { useBudgetsStore as T, useGlobalCopyStore as _, useRecurringTransactionsStore as A } from "../../../common/context/hooks.es.js";
|
|
3
|
+
import { formatCurrency as C } from "../../../core/utils/NumberFormatting.es.js";
|
|
4
|
+
import u from "../../../common/components/CurrencyInput.es.js";
|
|
5
5
|
import "react";
|
|
6
|
-
import
|
|
7
|
-
import { Text as
|
|
8
|
-
import { jsx as t, jsxs as
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
import m from "@mui/material/Stack";
|
|
7
|
+
import { Text as s } from "@mxenabled/mxui";
|
|
8
|
+
import { jsx as t, jsxs as l } from "react/jsx-runtime";
|
|
9
|
+
var G = ({ amount: n, categoryName: i, onAmountChanged: y = () => {
|
|
10
|
+
}, originalAmount: a, subBudgets: p = [], subBudgetAmounts: f = {}, onSubBudgetAmountChanged: g }) => {
|
|
11
|
+
const { budgets: r } = _(), { totalBudgeted: d } = T(), { incomeTotal: h } = A(), e = p.length > 0, b = h - (a !== void 0 ? d - a + (Number(n) || 0) : d);
|
|
12
|
+
return /* @__PURE__ */ l(m, {
|
|
12
13
|
gap: 16,
|
|
13
|
-
children: [
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
14
|
+
children: [
|
|
15
|
+
/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ t(s, { children: c(r.add_description_top, C(b, "0,0")) }), /* @__PURE__ */ t(s, { children: c(r.add_description_bottom, i) })] }),
|
|
16
|
+
/* @__PURE__ */ t(u, {
|
|
17
|
+
amount: n,
|
|
18
|
+
autoFocus: !e,
|
|
19
|
+
disabled: e,
|
|
20
|
+
label: i || r.add_label,
|
|
21
|
+
minAmount: 0,
|
|
22
|
+
setAmount: y,
|
|
23
|
+
sx: { ".MuiTypography-body1": { p: 0 } }
|
|
24
|
+
}),
|
|
25
|
+
e && /* @__PURE__ */ t(m, {
|
|
26
|
+
gap: 12,
|
|
27
|
+
sx: {
|
|
28
|
+
maxHeight: 280,
|
|
29
|
+
overflowY: "auto",
|
|
30
|
+
pr: 4
|
|
31
|
+
},
|
|
32
|
+
children: p.map((o, x) => /* @__PURE__ */ t(u, {
|
|
33
|
+
amount: f[o.guid] ?? `${o.amount}`,
|
|
34
|
+
autoFocus: x === 0,
|
|
35
|
+
label: o.category.name,
|
|
36
|
+
minAmount: 0,
|
|
37
|
+
setAmount: (S) => g?.(o.guid, S),
|
|
38
|
+
sx: { ".MuiTypography-body1": { p: 0 } }
|
|
39
|
+
}, o.guid))
|
|
40
|
+
})
|
|
41
|
+
]
|
|
21
42
|
});
|
|
22
43
|
};
|
|
23
44
|
export {
|
|
24
|
-
|
|
45
|
+
G as BudgetAmount
|
|
25
46
|
};
|
|
26
47
|
|
|
27
48
|
//# sourceMappingURL=BudgetAmount.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BudgetAmount.es.js","names":[],"sources":["../../../../src/budgets/components/shared/BudgetAmount.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\nimport { Text } from '@mxenabled/mxui'\nimport {\n CurrencyInput,\n useBudgetsStore,\n useGlobalCopyStore,\n useRecurringTransactionsStore,\n} from '../../../common'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\
|
|
1
|
+
{"version":3,"file":"BudgetAmount.es.js","names":[],"sources":["../../../../src/budgets/components/shared/BudgetAmount.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\nimport { Text } from '@mxenabled/mxui'\nimport {\n CurrencyInput,\n useBudgetsStore,\n useGlobalCopyStore,\n useRecurringTransactionsStore,\n} from '../../../common'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\nimport { DetailedBudget } from '../../../core'\n\nexport interface BudgetAmountProps {\n amount: string\n categoryName: string\n onAmountChanged?: (amount: string) => void\n originalAmount?: number\n subBudgets?: DetailedBudget[]\n subBudgetAmounts?: Record<string, string>\n onSubBudgetAmountChanged?: (guid: string, amount: string) => void\n}\n\nexport const BudgetAmount: React.FC<BudgetAmountProps> = ({\n amount,\n categoryName,\n onAmountChanged = () => {},\n originalAmount,\n subBudgets = [],\n subBudgetAmounts = {},\n onSubBudgetAmountChanged,\n}) => {\n const { budgets: copy } = useGlobalCopyStore()\n const { totalBudgeted } = useBudgetsStore()\n const { incomeTotal } = useRecurringTransactionsStore()\n\n const hasSubBudgets = subBudgets.length > 0\n\n const projectedTotalBudgeted =\n originalAmount !== undefined\n ? totalBudgeted - originalAmount + (Number(amount) || 0)\n : totalBudgeted\n\n const unbudgetedIncome = incomeTotal - projectedTotalBudgeted\n\n return (\n <Stack gap={16}>\n <Stack>\n <Text>\n {\n buildDynamicCopy(\n copy.add_description_top,\n formatCurrency(unbudgetedIncome, '0,0'),\n ) as string\n }\n </Text>\n <Text>{buildDynamicCopy(copy.add_description_bottom, categoryName) as string}</Text>\n </Stack>\n <CurrencyInput\n amount={amount}\n autoFocus={!hasSubBudgets}\n disabled={hasSubBudgets}\n label={categoryName || copy.add_label}\n minAmount={0}\n setAmount={onAmountChanged}\n sx={{ '.MuiTypography-body1': { p: 0 } }}\n />\n {hasSubBudgets && (\n <Stack\n gap={12}\n sx={{\n maxHeight: 280,\n overflowY: 'auto',\n pr: 4,\n }}\n >\n {subBudgets.map((subBudget, index) => (\n <CurrencyInput\n key={subBudget.guid}\n amount={subBudgetAmounts[subBudget.guid] ?? `${subBudget.amount}`}\n autoFocus={index === 0}\n label={subBudget.category.name}\n minAmount={0}\n setAmount={(newVal) => onSubBudgetAmountChanged?.(subBudget.guid, newVal)}\n sx={{ '.MuiTypography-body1': { p: 0 } }}\n />\n ))}\n </Stack>\n )}\n </Stack>\n )\n}\n"],"mappings":";;;;;;;;AAwBA,IAAa,IAAA,CAA6C,EACxD,QAAA,GACA,cAAA,GACA,iBAAA,IAAA,MAAwB;AAAC,GACzB,gBAAA,GACA,YAAA,IAAa,CAAC,GACd,kBAAA,IAAmB,CAAC,GACpB,0BAAA,EAAA,MACI;AACJ,QAAM,EAAE,SAAS,EAAA,IAAS,EAAmB,GACvC,EAAE,eAAA,EAAA,IAAkB,EAAgB,GACpC,EAAE,aAAA,EAAA,IAAgB,EAA8B,GAEhD,IAAgB,EAAW,SAAS,GAOpC,IAAmB,KAJvB,MAAmB,SACf,IAAgB,KAAkB,OAAO,CAAM,KAAK,KACpD;AAIN,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,KAAK;AAAA,IAAZ,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UAEI,EACE,EAAK,qBACL,EAAe,GAAkB,KAAK,CACxC,EAEE,CAAA,GACN,gBAAA,EAAC,GAAD,EAAA,UAAO,EAAiB,EAAK,wBAAwB,CAAY,EAAkB,CAAA,CAC9E,EAAA,CAAA;AAAA,MACP,gBAAA,EAAC,GAAD;AAAA,QACU,QAAA;AAAA,QACR,WAAW,CAAC;AAAA,QACZ,UAAU;AAAA,QACV,OAAO,KAAgB,EAAK;AAAA,QAC5B,WAAW;AAAA,QACX,WAAW;AAAA,QACX,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,EAAE;AAAA,MACxC,CAAA;AAAA,MACA,KACC,gBAAA,EAAC,GAAD;AAAA,QACE,KAAK;AAAA,QACL,IAAI;AAAA,UACF,WAAW;AAAA,UACX,WAAW;AAAA,UACX,IAAI;AAAA,QACN;AAAA,QAEC,UAAA,EAAW,IAAA,CAAK,GAAW,MAC1B,gBAAA,EAAC,GAAD;AAAA,UAEE,QAAQ,EAAiB,EAAU,IAAA,KAAS,GAAG,EAAU,MAAA;AAAA,UACzD,WAAW,MAAU;AAAA,UACrB,OAAO,EAAU,SAAS;AAAA,UAC1B,WAAW;AAAA,UACX,WAAA,CAAY,MAAW,IAA2B,EAAU,MAAM,CAAM;AAAA,UACxE,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,EAAE;AAAA,QACxC,GAPM,EAAU,IAOhB,CACF;AAAA,MACI,CAAA;AAAA,IAEJ;AAAA;AAEX"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { CategoryGuids as i } from "../constants/Category.es.js";
|
|
2
2
|
import { BudgetsApi as o } from "../api/BudgetsApi.es.js";
|
|
3
|
-
import { upsertByGuid as
|
|
4
|
-
import { augmentBudgets as
|
|
3
|
+
import { upsertByGuid as g } from "../utils/upsertByGuid.es.js";
|
|
4
|
+
import { augmentBudgets as n, findBudget as h, findSubBudget as l } from "../utils/BudgetUtil.es.js";
|
|
5
5
|
import { endOfMonth as B } from "date-fns/endOfMonth";
|
|
6
6
|
import { startOfMonth as p } from "date-fns/startOfMonth";
|
|
7
|
-
import { startOfToday as
|
|
8
|
-
import { makeAutoObservable as b, reaction as S, runInAction as
|
|
7
|
+
import { startOfToday as c } from "date-fns/startOfToday";
|
|
8
|
+
import { makeAutoObservable as b, reaction as S, runInAction as a } from "mobx";
|
|
9
9
|
var _ = class {
|
|
10
10
|
api = new o("/", "");
|
|
11
11
|
globalStore;
|
|
12
12
|
alert = "";
|
|
13
13
|
dateRange = {
|
|
14
|
-
start: p(
|
|
15
|
-
end: B(
|
|
14
|
+
start: p(c()),
|
|
15
|
+
end: B(c())
|
|
16
16
|
};
|
|
17
17
|
budgets = [];
|
|
18
18
|
selectedBudget;
|
|
@@ -34,10 +34,10 @@ var _ = class {
|
|
|
34
34
|
});
|
|
35
35
|
};
|
|
36
36
|
get detailedBudgets() {
|
|
37
|
-
return
|
|
37
|
+
return n(this.budgets.filter((t) => t.category_guid !== i.INCOME && t.category_guid !== i.TRANSFER && t.category_guid !== i.INVESTMENTS), this.globalStore.categoryStore.detailedCategories, this.globalStore.copyStore.copy.budgets, this.theme).sort((t, e) => t.percentage > e.percentage ? -1 : t.percentage < e.percentage ? 1 : 0);
|
|
38
38
|
}
|
|
39
39
|
get incomeBudget() {
|
|
40
|
-
return
|
|
40
|
+
return n(this.budgets.filter((t) => !t.parent_guid), this.globalStore.categoryStore.detailedCategories, this.globalStore.copyStore.copy.budgets, this.theme).reduce((t, e) => e.category_guid !== i.INCOME ? t : !t || e.percentage > t.percentage ? e : t, void 0)?.amount;
|
|
41
41
|
}
|
|
42
42
|
get unbudgetedCategories() {
|
|
43
43
|
return this.globalStore.categoryStore.spendCategories.filter((t) => !this.detailedBudgets.find((e) => e.category_guid === t.guid));
|
|
@@ -48,8 +48,8 @@ var _ = class {
|
|
|
48
48
|
addBudget = async (t, e, r = null) => {
|
|
49
49
|
try {
|
|
50
50
|
const s = await this.api.addBudget(t, e, r);
|
|
51
|
-
|
|
52
|
-
this.budgets =
|
|
51
|
+
a(() => {
|
|
52
|
+
this.budgets = g(this.budgets, s);
|
|
53
53
|
});
|
|
54
54
|
} catch (s) {
|
|
55
55
|
console.error("Error adding budget:", s), this.globalStore.captureException(s, { store: "BudgetsStore" });
|
|
@@ -57,9 +57,16 @@ var _ = class {
|
|
|
57
57
|
};
|
|
58
58
|
deleteBudget = async (t) => {
|
|
59
59
|
try {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
60
|
+
const e = this.detailedBudgets.find((d) => d.guid === t), r = /* @__PURE__ */ new Set();
|
|
61
|
+
this.budgets.forEach((d) => {
|
|
62
|
+
d.parent_guid === t && r.add(d.guid);
|
|
63
|
+
}), e?.subBudgets && e.subBudgets.forEach((d) => {
|
|
64
|
+
r.add(d.guid);
|
|
65
|
+
});
|
|
66
|
+
const s = [t, ...Array.from(r)];
|
|
67
|
+
await Promise.all(s.map((d) => this.api.deleteBudget(d))), a(() => {
|
|
68
|
+
const d = new Set(s);
|
|
69
|
+
this.budgets = this.budgets.filter((u) => !d.has(u.guid));
|
|
63
70
|
});
|
|
64
71
|
} catch (e) {
|
|
65
72
|
console.error("Error deleting budget:", e), this.globalStore.captureException(e, { store: "BudgetsStore" });
|
|
@@ -84,7 +91,7 @@ var _ = class {
|
|
|
84
91
|
recalculateBudgets = async (t) => {
|
|
85
92
|
try {
|
|
86
93
|
for (const r of t) {
|
|
87
|
-
const s = this.budgets.find((
|
|
94
|
+
const s = this.budgets.find((d) => d.category_guid === r.guid);
|
|
88
95
|
s ? await this.api.updateBudget({
|
|
89
96
|
...s,
|
|
90
97
|
amount: r.totalAverageAmount
|
|
@@ -106,7 +113,7 @@ var _ = class {
|
|
|
106
113
|
updateBudget = async (t) => {
|
|
107
114
|
try {
|
|
108
115
|
const e = await this.api.updateBudget(t);
|
|
109
|
-
|
|
116
|
+
a(() => {
|
|
110
117
|
const r = this.budgets.findIndex((s) => s.guid === t.guid);
|
|
111
118
|
r >= 0 && (this.budgets[r] = e);
|
|
112
119
|
});
|
|
@@ -121,8 +128,8 @@ var _ = class {
|
|
|
121
128
|
addMerchantBudget = async (t, e) => {
|
|
122
129
|
try {
|
|
123
130
|
const r = await this.api.addMerchantBudget(t, e);
|
|
124
|
-
return
|
|
125
|
-
this.merchantBudgets =
|
|
131
|
+
return a(() => {
|
|
132
|
+
this.merchantBudgets = g(this.merchantBudgets, r);
|
|
126
133
|
}), { isSuccess: !0 };
|
|
127
134
|
} catch (r) {
|
|
128
135
|
return console.error("Error adding merchant budget:", r), this.globalStore.captureException(r, { store: "BudgetsStore" }), { isSuccess: !1 };
|
|
@@ -131,9 +138,9 @@ var _ = class {
|
|
|
131
138
|
updateMerchantBudget = async (t) => {
|
|
132
139
|
try {
|
|
133
140
|
const { guid: e, amount: r } = t, s = await this.api.updateMerchantBudget(e, r);
|
|
134
|
-
return
|
|
135
|
-
const
|
|
136
|
-
|
|
141
|
+
return a(() => {
|
|
142
|
+
const d = this.merchantBudgets.findIndex((u) => u.guid === t.guid);
|
|
143
|
+
d >= 0 && (this.merchantBudgets[d] = s);
|
|
137
144
|
}), { isSuccess: !0 };
|
|
138
145
|
} catch (e) {
|
|
139
146
|
return console.error("Error updating merchant budget:", e), this.globalStore.captureException(e, { store: "BudgetsStore" }), { isSuccess: !1 };
|
|
@@ -141,7 +148,7 @@ var _ = class {
|
|
|
141
148
|
};
|
|
142
149
|
deleteMerchantBudget = async (t) => {
|
|
143
150
|
try {
|
|
144
|
-
return await this.api.deleteMerchantBudget(t),
|
|
151
|
+
return await this.api.deleteMerchantBudget(t), a(() => {
|
|
145
152
|
this.merchantBudgets = this.merchantBudgets.filter((e) => e.guid !== t);
|
|
146
153
|
}), { isSuccess: !0 };
|
|
147
154
|
} catch (e) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BudgetsStore.es.js","names":[],"sources":["../../../src/core/stores/BudgetsStore.ts"],"sourcesContent":["import { makeAutoObservable, reaction, runInAction } from 'mobx'\n\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\n\nimport { Theme } from '@mui/system'\n\nimport { BudgetsApi } from '../api'\nimport { upsertByGuid } from '../utils/upsertByGuid'\nimport { CategoryGuids } from '../constants'\nimport { augmentBudgets, findBudget, findSubBudget } from '../utils/BudgetUtil'\n\nimport { GlobalStore } from './GlobalStore'\n\nimport type {\n Budget,\n Category,\n DateRange,\n DetailedBudget,\n DetailedCategory,\n MerchantBudget,\n} from '../types'\n\nexport class BudgetsStore {\n api: BudgetsApi = new BudgetsApi('/', '')\n\n globalStore: GlobalStore\n\n alert: string = ''\n dateRange: DateRange = { start: startOfMonth(startOfToday()), end: endOfMonth(startOfToday()) }\n budgets: Budget[] = []\n selectedBudget: DetailedBudget | undefined\n selectedSubBudget: DetailedBudget | undefined\n isDataLoaded = false\n theme = {} as Theme\n merchantBudgets: MerchantBudget[] = []\n\n constructor(globalStore: GlobalStore) {\n this.globalStore = globalStore\n this.api = new BudgetsApi(globalStore.endpoint, globalStore.sessionToken, globalStore.onError)\n\n makeAutoObservable(this)\n }\n\n loadBudgetData = async () => {\n if (!this.globalStore.recurringTransactionsStore.isDataLoaded) {\n await this.globalStore.recurringTransactionsStore.loadRepeatingTransactionData()\n }\n await this.loadBudgets()\n\n /** Reaction to update the selected budget/sub-budget if detailedBudgets is updated **/\n reaction(\n () => this.detailedBudgets,\n (detailedBudgets) => {\n if (detailedBudgets) {\n const budget = this.selectedBudget\n if (budget) {\n this.selectedBudget = findBudget(detailedBudgets, budget.guid)\n }\n\n const subBudget = this.selectedSubBudget\n if (subBudget && subBudget.parent_guid) {\n this.selectedSubBudget = findSubBudget(\n detailedBudgets,\n subBudget.guid,\n subBudget.parent_guid,\n )\n }\n }\n },\n )\n }\n\n get detailedBudgets(): DetailedBudget[] {\n return augmentBudgets(\n this.budgets.filter(\n (budget: Budget) =>\n budget.category_guid !== CategoryGuids.INCOME &&\n budget.category_guid !== CategoryGuids.TRANSFER &&\n budget.category_guid !== CategoryGuids.INVESTMENTS,\n ),\n this.globalStore.categoryStore.detailedCategories,\n this.globalStore.copyStore.copy.budgets,\n this.theme,\n ).sort((a, b) => {\n if (a.percentage > b.percentage) return -1\n if (a.percentage < b.percentage) return 1\n return 0\n })\n }\n\n // TODO: Replace this with income from recurring transactions. Income budgets are deprecated.\n get incomeBudget(): number | undefined {\n const filteredBudgets = augmentBudgets(\n this.budgets.filter((budget: Budget) => !budget.parent_guid),\n this.globalStore.categoryStore.detailedCategories,\n this.globalStore.copyStore.copy.budgets,\n this.theme,\n )\n\n const incomeBudget = filteredBudgets.reduce(\n (acc, curr) => {\n if (curr.category_guid !== CategoryGuids.INCOME) return acc\n if (!acc || curr.percentage > acc.percentage) return curr\n return acc\n },\n undefined as DetailedBudget | undefined,\n )\n\n return incomeBudget?.amount\n }\n\n get unbudgetedCategories(): DetailedCategory[] {\n return this.globalStore.categoryStore.spendCategories.filter(\n (category) => !this.detailedBudgets.find((budget) => budget.category_guid === category.guid),\n )\n }\n\n get totalBudgeted(): number {\n return this.detailedBudgets.reduce((total, budget) => total + budget.amount, 0)\n }\n\n addBudget = async (category: Category, amount: number, parentGuid: string | null = null) => {\n try {\n const budget = await this.api.addBudget(category, amount, parentGuid)\n runInAction(() => {\n this.budgets = upsertByGuid(this.budgets, budget)\n })\n } catch (error) {\n console.error('Error adding budget:', error)\n this.globalStore.captureException(error, { store: 'BudgetsStore' })\n }\n }\n\n deleteBudget = async (guid: string) => {\n try {\n await this.api.deleteBudget(guid)\n\n runInAction(() => {\n const index = this.budgets.findIndex((budget) => budget.guid === guid)\n if (index >= 0) {\n this.budgets.splice(index, 1)\n }\n })\n } catch (error) {\n console.error('Error deleting budget:', error)\n this.globalStore.captureException(error, { store: 'BudgetsStore' })\n }\n }\n\n loadBudgets = async () => {\n try {\n const budgets = await this.api.getBudgets()\n this.setBudgets(budgets)\n } catch (error) {\n console.error('Error occurred while loading budgets:', error)\n this.globalStore.captureException(error, { store: 'BudgetsStore' })\n throw error\n }\n }\n\n setAlert = (alert: string) => (this.alert = alert)\n\n setBudgets = (budgets: Budget[]) => {\n this.budgets = budgets\n this.isDataLoaded = true\n }\n\n setDateRange = (dateRange: DateRange) => (this.dateRange = dateRange)\n\n setSelectedBudget = (budget: DetailedBudget | undefined) => (this.selectedBudget = budget)\n\n setSelectedSubBudget = (budget: DetailedBudget | undefined) => (this.selectedSubBudget = budget)\n\n setTheme = (theme: Theme) => (this.theme = theme)\n\n /**\n * Recalculate budget by using the average amount from top-level categories\n * @param categories Detailed categories\n */\n recalculateBudgets = async (categories: DetailedCategory[]) => {\n try {\n for (const category of categories) {\n const budget = this.budgets.find((budget) => budget.category_guid === category.guid)\n if (budget) {\n await this.api.updateBudget({\n ...budget,\n amount: category.totalAverageAmount,\n })\n } else {\n await this.api.addBudget(category, category.totalAverageAmount)\n }\n }\n const budgetsToDelete = this.budgets.filter(\n (budget) => !categories.find((c) => c.guid === budget.category_guid),\n )\n\n for (const budgetToDelete of budgetsToDelete) {\n await this.api.deleteBudget(budgetToDelete.guid)\n }\n\n await this.loadBudgets()\n\n return { data: this.budgets, isSuccess: true }\n } catch (error) {\n console.error('Error recalculating budgets:', error)\n this.globalStore.captureException(error, { store: 'BudgetsStore' })\n return { data: [], isSuccess: false }\n }\n }\n\n updateBudget = async (budget: Budget) => {\n try {\n const updatedBudget = await this.api.updateBudget(budget)\n\n runInAction(() => {\n const index = this.budgets.findIndex((b) => b.guid === budget.guid)\n if (index >= 0) {\n this.budgets[index] = updatedBudget\n }\n })\n } catch (error) {\n console.error('Error updating budget:', error)\n this.globalStore.captureException(error, { store: 'BudgetsStore' })\n }\n }\n\n getMerchantBudgetByMerchantGuid = (merchantGuid: string): MerchantBudget | undefined => {\n return this.merchantBudgets.find(\n (eachMerchantBudget) => eachMerchantBudget?.merchant_guid === merchantGuid,\n )\n }\n\n setMerchantBudgets = (merchantBudgets: MerchantBudget[]) => {\n this.merchantBudgets = merchantBudgets\n }\n\n addMerchantBudget = async (merchantGuid: string, amount: number) => {\n try {\n const newMerchantBudget = await this.api.addMerchantBudget(merchantGuid, amount)\n\n runInAction(() => {\n this.merchantBudgets = upsertByGuid(this.merchantBudgets, newMerchantBudget)\n })\n return { isSuccess: true }\n } catch (error) {\n console.error('Error adding merchant budget:', error)\n this.globalStore.captureException(error, { store: 'BudgetsStore' })\n return { isSuccess: false }\n }\n }\n\n updateMerchantBudget = async (merchantBudget: MerchantBudget) => {\n try {\n const { guid: merchantBudgetGuid, amount } = merchantBudget\n const updatedMerchantBudget = await this.api.updateMerchantBudget(merchantBudgetGuid, amount)\n\n runInAction(() => {\n const index = this.merchantBudgets.findIndex((b) => b.guid === merchantBudget.guid)\n if (index >= 0) {\n this.merchantBudgets[index] = updatedMerchantBudget\n }\n })\n return { isSuccess: true }\n } catch (error) {\n console.error('Error updating merchant budget:', error)\n this.globalStore.captureException(error, { store: 'BudgetsStore' })\n return { isSuccess: false }\n }\n }\n\n deleteMerchantBudget = async (merchantBudgetGuid: string) => {\n try {\n await this.api.deleteMerchantBudget(merchantBudgetGuid)\n\n runInAction(() => {\n this.merchantBudgets = this.merchantBudgets.filter((b) => b.guid !== merchantBudgetGuid)\n })\n return { isSuccess: true }\n } catch (error) {\n console.error('Error deleting merchant budget:', error)\n this.globalStore.captureException(error, { store: 'BudgetsStore' })\n return { isSuccess: false }\n }\n }\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BudgetsStore.es.js","names":[],"sources":["../../../src/core/stores/BudgetsStore.ts"],"sourcesContent":["import { makeAutoObservable, reaction, runInAction } from 'mobx'\n\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\n\nimport { Theme } from '@mui/system'\n\nimport { BudgetsApi } from '../api'\nimport { upsertByGuid } from '../utils/upsertByGuid'\nimport { CategoryGuids } from '../constants'\nimport { augmentBudgets, findBudget, findSubBudget } from '../utils/BudgetUtil'\n\nimport { GlobalStore } from './GlobalStore'\n\nimport type {\n Budget,\n Category,\n DateRange,\n DetailedBudget,\n DetailedCategory,\n MerchantBudget,\n} from '../types'\n\nexport class BudgetsStore {\n api: BudgetsApi = new BudgetsApi('/', '')\n\n globalStore: GlobalStore\n\n alert: string = ''\n dateRange: DateRange = { start: startOfMonth(startOfToday()), end: endOfMonth(startOfToday()) }\n budgets: Budget[] = []\n selectedBudget: DetailedBudget | undefined\n selectedSubBudget: DetailedBudget | undefined\n isDataLoaded = false\n theme = {} as Theme\n merchantBudgets: MerchantBudget[] = []\n\n constructor(globalStore: GlobalStore) {\n this.globalStore = globalStore\n this.api = new BudgetsApi(globalStore.endpoint, globalStore.sessionToken, globalStore.onError)\n\n makeAutoObservable(this)\n }\n\n loadBudgetData = async () => {\n if (!this.globalStore.recurringTransactionsStore.isDataLoaded) {\n await this.globalStore.recurringTransactionsStore.loadRepeatingTransactionData()\n }\n await this.loadBudgets()\n\n /** Reaction to update the selected budget/sub-budget if detailedBudgets is updated **/\n reaction(\n () => this.detailedBudgets,\n (detailedBudgets) => {\n if (detailedBudgets) {\n const budget = this.selectedBudget\n if (budget) {\n this.selectedBudget = findBudget(detailedBudgets, budget.guid)\n }\n\n const subBudget = this.selectedSubBudget\n if (subBudget && subBudget.parent_guid) {\n this.selectedSubBudget = findSubBudget(\n detailedBudgets,\n subBudget.guid,\n subBudget.parent_guid,\n )\n }\n }\n },\n )\n }\n\n get detailedBudgets(): DetailedBudget[] {\n return augmentBudgets(\n this.budgets.filter(\n (budget: Budget) =>\n budget.category_guid !== CategoryGuids.INCOME &&\n budget.category_guid !== CategoryGuids.TRANSFER &&\n budget.category_guid !== CategoryGuids.INVESTMENTS,\n ),\n this.globalStore.categoryStore.detailedCategories,\n this.globalStore.copyStore.copy.budgets,\n this.theme,\n ).sort((a, b) => {\n if (a.percentage > b.percentage) return -1\n if (a.percentage < b.percentage) return 1\n return 0\n })\n }\n\n // TODO: Replace this with income from recurring transactions. Income budgets are deprecated.\n get incomeBudget(): number | undefined {\n const filteredBudgets = augmentBudgets(\n this.budgets.filter((budget: Budget) => !budget.parent_guid),\n this.globalStore.categoryStore.detailedCategories,\n this.globalStore.copyStore.copy.budgets,\n this.theme,\n )\n\n const incomeBudget = filteredBudgets.reduce(\n (acc, curr) => {\n if (curr.category_guid !== CategoryGuids.INCOME) return acc\n if (!acc || curr.percentage > acc.percentage) return curr\n return acc\n },\n undefined as DetailedBudget | undefined,\n )\n\n return incomeBudget?.amount\n }\n\n get unbudgetedCategories(): DetailedCategory[] {\n return this.globalStore.categoryStore.spendCategories.filter(\n (category) => !this.detailedBudgets.find((budget) => budget.category_guid === category.guid),\n )\n }\n\n get totalBudgeted(): number {\n return this.detailedBudgets.reduce((total, budget) => total + budget.amount, 0)\n }\n\n addBudget = async (category: Category, amount: number, parentGuid: string | null = null) => {\n try {\n const budget = await this.api.addBudget(category, amount, parentGuid)\n runInAction(() => {\n this.budgets = upsertByGuid(this.budgets, budget)\n })\n } catch (error) {\n console.error('Error adding budget:', error)\n this.globalStore.captureException(error, { store: 'BudgetsStore' })\n }\n }\n\n deleteBudget = async (guid: string) => {\n try {\n const detailedParent = this.detailedBudgets.find((b) => b.guid === guid)\n const subBudgetGuids = new Set<string>()\n\n this.budgets.forEach((b) => {\n if (b.parent_guid === guid) {\n subBudgetGuids.add(b.guid)\n }\n })\n\n if (detailedParent?.subBudgets) {\n detailedParent.subBudgets.forEach((sb) => {\n subBudgetGuids.add(sb.guid)\n })\n }\n\n const allGuidsToDelete = [guid, ...Array.from(subBudgetGuids)]\n\n await Promise.all(allGuidsToDelete.map((id) => this.api.deleteBudget(id)))\n\n runInAction(() => {\n const guidsSet = new Set(allGuidsToDelete)\n this.budgets = this.budgets.filter((budget) => !guidsSet.has(budget.guid))\n })\n } catch (error) {\n console.error('Error deleting budget:', error)\n this.globalStore.captureException(error, { store: 'BudgetsStore' })\n }\n }\n\n loadBudgets = async () => {\n try {\n const budgets = await this.api.getBudgets()\n this.setBudgets(budgets)\n } catch (error) {\n console.error('Error occurred while loading budgets:', error)\n this.globalStore.captureException(error, { store: 'BudgetsStore' })\n throw error\n }\n }\n\n setAlert = (alert: string) => (this.alert = alert)\n\n setBudgets = (budgets: Budget[]) => {\n this.budgets = budgets\n this.isDataLoaded = true\n }\n\n setDateRange = (dateRange: DateRange) => (this.dateRange = dateRange)\n\n setSelectedBudget = (budget: DetailedBudget | undefined) => (this.selectedBudget = budget)\n\n setSelectedSubBudget = (budget: DetailedBudget | undefined) => (this.selectedSubBudget = budget)\n\n setTheme = (theme: Theme) => (this.theme = theme)\n\n /**\n * Recalculate budget by using the average amount from top-level categories\n * @param categories Detailed categories\n */\n recalculateBudgets = async (categories: DetailedCategory[]) => {\n try {\n for (const category of categories) {\n const budget = this.budgets.find((budget) => budget.category_guid === category.guid)\n if (budget) {\n await this.api.updateBudget({\n ...budget,\n amount: category.totalAverageAmount,\n })\n } else {\n await this.api.addBudget(category, category.totalAverageAmount)\n }\n }\n const budgetsToDelete = this.budgets.filter(\n (budget) => !categories.find((c) => c.guid === budget.category_guid),\n )\n\n for (const budgetToDelete of budgetsToDelete) {\n await this.api.deleteBudget(budgetToDelete.guid)\n }\n\n await this.loadBudgets()\n\n return { data: this.budgets, isSuccess: true }\n } catch (error) {\n console.error('Error recalculating budgets:', error)\n this.globalStore.captureException(error, { store: 'BudgetsStore' })\n return { data: [], isSuccess: false }\n }\n }\n\n updateBudget = async (budget: Budget) => {\n try {\n const updatedBudget = await this.api.updateBudget(budget)\n\n runInAction(() => {\n const index = this.budgets.findIndex((b) => b.guid === budget.guid)\n if (index >= 0) {\n this.budgets[index] = updatedBudget\n }\n })\n } catch (error) {\n console.error('Error updating budget:', error)\n this.globalStore.captureException(error, { store: 'BudgetsStore' })\n }\n }\n\n getMerchantBudgetByMerchantGuid = (merchantGuid: string): MerchantBudget | undefined => {\n return this.merchantBudgets.find(\n (eachMerchantBudget) => eachMerchantBudget?.merchant_guid === merchantGuid,\n )\n }\n\n setMerchantBudgets = (merchantBudgets: MerchantBudget[]) => {\n this.merchantBudgets = merchantBudgets\n }\n\n addMerchantBudget = async (merchantGuid: string, amount: number) => {\n try {\n const newMerchantBudget = await this.api.addMerchantBudget(merchantGuid, amount)\n\n runInAction(() => {\n this.merchantBudgets = upsertByGuid(this.merchantBudgets, newMerchantBudget)\n })\n return { isSuccess: true }\n } catch (error) {\n console.error('Error adding merchant budget:', error)\n this.globalStore.captureException(error, { store: 'BudgetsStore' })\n return { isSuccess: false }\n }\n }\n\n updateMerchantBudget = async (merchantBudget: MerchantBudget) => {\n try {\n const { guid: merchantBudgetGuid, amount } = merchantBudget\n const updatedMerchantBudget = await this.api.updateMerchantBudget(merchantBudgetGuid, amount)\n\n runInAction(() => {\n const index = this.merchantBudgets.findIndex((b) => b.guid === merchantBudget.guid)\n if (index >= 0) {\n this.merchantBudgets[index] = updatedMerchantBudget\n }\n })\n return { isSuccess: true }\n } catch (error) {\n console.error('Error updating merchant budget:', error)\n this.globalStore.captureException(error, { store: 'BudgetsStore' })\n return { isSuccess: false }\n }\n }\n\n deleteMerchantBudget = async (merchantBudgetGuid: string) => {\n try {\n await this.api.deleteMerchantBudget(merchantBudgetGuid)\n\n runInAction(() => {\n this.merchantBudgets = this.merchantBudgets.filter((b) => b.guid !== merchantBudgetGuid)\n })\n return { isSuccess: true }\n } catch (error) {\n console.error('Error deleting merchant budget:', error)\n this.globalStore.captureException(error, { store: 'BudgetsStore' })\n return { isSuccess: false }\n }\n }\n}\n"],"mappings":"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"}
|
|
@@ -1,71 +1,77 @@
|
|
|
1
|
-
import { buildDynamicCopy as
|
|
2
|
-
import { findDetailedCategory as _, findDetailedSubCategory as
|
|
3
|
-
import { formatCurrency as
|
|
4
|
-
var
|
|
1
|
+
import { buildDynamicCopy as f } from "./Localization.es.js";
|
|
2
|
+
import { findDetailedCategory as _, findDetailedSubCategory as B } from "./CategoryUtil.es.js";
|
|
3
|
+
import { formatCurrency as l } from "./NumberFormatting.es.js";
|
|
4
|
+
var p = (n, t) => !n && !t ? 0 : !n && t ? 101 : t / n * 100, m = (n, t) => {
|
|
5
5
|
const e = {
|
|
6
6
|
background: t.palette.success.main,
|
|
7
|
-
description:
|
|
7
|
+
description: n <= 100 ? t.palette.text.secondary : t.palette.error.main,
|
|
8
8
|
text: t.palette.common.white,
|
|
9
9
|
mercury: t.palette.success.lighter
|
|
10
10
|
};
|
|
11
|
-
return
|
|
12
|
-
}, x = (
|
|
11
|
+
return n > 100 ? (e.background = t.palette.error.main, e.mercury = t.palette.error.lighter) : n > 80 && (e.background = t.palette.warning.main, e.text = t.palette.grey[900], e.mercury = t.palette.warning.lighter), e;
|
|
12
|
+
}, x = (n) => n.map((t) => {
|
|
13
13
|
const e = t.transaction_total;
|
|
14
14
|
return t.amount - e;
|
|
15
|
-
}).reduce((t, e) => t + e, 0),
|
|
16
|
-
const
|
|
17
|
-
for (const
|
|
18
|
-
const
|
|
19
|
-
if (!
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
...
|
|
23
|
-
budgetColors:
|
|
24
|
-
category:
|
|
25
|
-
description:
|
|
26
|
-
percentage:
|
|
15
|
+
}).reduce((t, e) => t + e, 0), M = (n, t, e, a) => {
|
|
16
|
+
const s = [];
|
|
17
|
+
for (const r of n) {
|
|
18
|
+
const o = _(t, r.category_guid);
|
|
19
|
+
if (!o) continue;
|
|
20
|
+
const i = o.totalAmount, u = p(r.amount, i), g = r.amount - i;
|
|
21
|
+
s.push({
|
|
22
|
+
...r,
|
|
23
|
+
budgetColors: m(u, a),
|
|
24
|
+
category: o,
|
|
25
|
+
description: f(g < 0 ? e.budget_remaining_over : e.budget_remaining_left, l(Math.abs(g), "0,0")),
|
|
26
|
+
percentage: u,
|
|
27
27
|
subBudgets: [],
|
|
28
|
-
transaction_total:
|
|
28
|
+
transaction_total: i
|
|
29
29
|
});
|
|
30
30
|
}
|
|
31
|
-
for (const
|
|
32
|
-
const
|
|
33
|
-
if (!
|
|
34
|
-
const
|
|
35
|
-
if (!
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
...
|
|
39
|
-
budgetColors:
|
|
40
|
-
category:
|
|
41
|
-
description:
|
|
42
|
-
percentage:
|
|
31
|
+
for (const r of n) {
|
|
32
|
+
const o = B(t, r.category_guid);
|
|
33
|
+
if (!o) continue;
|
|
34
|
+
const i = o.currentAmount, u = s.find((d) => d.category_guid === o.parent_guid);
|
|
35
|
+
if (!u) continue;
|
|
36
|
+
const g = r.amount - i, c = p(r.amount, i);
|
|
37
|
+
u && u.subBudgets.push({
|
|
38
|
+
...r,
|
|
39
|
+
budgetColors: m(c, a),
|
|
40
|
+
category: o,
|
|
41
|
+
description: f(g < 0 ? e.budget_remaining_over : e.budget_remaining_left, l(Math.abs(g), "0,0")),
|
|
42
|
+
percentage: c,
|
|
43
43
|
subBudgets: [],
|
|
44
|
-
transaction_total:
|
|
44
|
+
transaction_total: i
|
|
45
45
|
});
|
|
46
46
|
}
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
47
|
+
for (const r of s) if (r.subBudgets.length > 0) {
|
|
48
|
+
const o = r.subBudgets.reduce((c, d) => c + d.amount, 0);
|
|
49
|
+
r.amount = o;
|
|
50
|
+
const i = r.transaction_total, u = p(o, i), g = o - i;
|
|
51
|
+
r.percentage = u, r.budgetColors = m(u, a), r.description = f(g < 0 ? e.budget_remaining_over : e.budget_remaining_left, l(Math.abs(g), "0,0"));
|
|
52
|
+
}
|
|
53
|
+
return s;
|
|
54
|
+
}, b = (n, t) => n.find((e) => e.guid === t), w = (n, t, e) => {
|
|
55
|
+
const a = b(n, e);
|
|
56
|
+
if (a)
|
|
57
|
+
return b(a.subBudgets, t);
|
|
58
|
+
}, D = (n, t) => {
|
|
59
|
+
const e = Math.max(0, t - n), a = t > 0 ? Math.min(100, n / t * 100) : 0;
|
|
60
|
+
let s = "success";
|
|
61
|
+
return a >= 100 ? s = "error" : a >= 50 && (s = "warning"), {
|
|
56
62
|
remainingAmount: e,
|
|
57
|
-
spentPercentage:
|
|
58
|
-
iconColor:
|
|
63
|
+
spentPercentage: a,
|
|
64
|
+
iconColor: s
|
|
59
65
|
};
|
|
60
66
|
};
|
|
61
67
|
export {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
68
|
+
M as augmentBudgets,
|
|
69
|
+
b as findBudget,
|
|
70
|
+
w as findSubBudget,
|
|
71
|
+
m as getBudgetColors,
|
|
66
72
|
x as getBudgetDifference,
|
|
67
|
-
|
|
68
|
-
|
|
73
|
+
p as getBudgetPercentage,
|
|
74
|
+
D as getRemainingAmountSpentPercentage
|
|
69
75
|
};
|
|
70
76
|
|
|
71
77
|
//# sourceMappingURL=BudgetUtil.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BudgetUtil.es.js","names":[],"sources":["../../../src/core/utils/BudgetUtil.ts"],"sourcesContent":["import type { Theme } from '@mui/system'\n\nimport type { Budget, BudgetColors, BudgetsCopy, DetailedCategory, DetailedBudget } from '../types'\n\nimport { findDetailedCategory, findDetailedSubCategory } from './CategoryUtil'\nimport { formatCurrency } from './NumberFormatting'\nimport { buildDynamicCopy } from './Localization'\n\nexport const getBudgetPercentage = (budgetAmount: number, totalAmount: number) => {\n // No budget amount and nothing spent results in zero percent and green bubble\n if (!budgetAmount && !totalAmount) {\n return 0\n }\n\n // No budget amount and money spent results in 101 percent and red bubble\n if (!budgetAmount && totalAmount) {\n return 101\n }\n\n // Budget amount and money spent results in calculating percentage for color\n return (totalAmount / budgetAmount) * 100\n}\n\nexport const getBudgetColors = (percentage: number, theme: Theme) => {\n const budgetColors: BudgetColors = {\n background: theme.palette.success.main,\n description: percentage <= 100 ? theme.palette.text.secondary : theme.palette.error.main,\n text: theme.palette.common.white,\n mercury: theme.palette.success.lighter,\n }\n\n if (percentage > 100) {\n budgetColors.background = theme.palette.error.main\n budgetColors.mercury = theme.palette.error.lighter\n } else if (percentage > 80) {\n budgetColors.background = theme.palette.warning.main\n budgetColors.text = theme.palette.grey['900']\n budgetColors.mercury = theme.palette.warning.lighter\n }\n\n return budgetColors\n}\n\nexport const getBudgetDifference = (budgets: DetailedBudget[]) => {\n const differences = budgets.map((budget) => {\n const currentAmount = budget.transaction_total\n const totalAmount = budget.amount\n return totalAmount - currentAmount\n })\n\n return differences.reduce((total, difference) => total + difference, 0)\n}\n\nexport const augmentBudgets = (\n budgets: Budget[],\n categories: DetailedCategory[],\n copy: BudgetsCopy,\n theme: Theme,\n): DetailedBudget[] => {\n const detailedBudgets = [] as DetailedBudget[]\n\n // Top-level Categories\n for (const budget of budgets) {\n const category = findDetailedCategory(categories, budget.category_guid)\n if (!category) continue\n\n const spent = category.totalAmount\n\n const percentage = getBudgetPercentage(budget.amount, spent)\n const difference = budget.amount - spent\n\n detailedBudgets.push({\n ...budget,\n budgetColors: getBudgetColors(percentage, theme),\n category,\n description: buildDynamicCopy(\n difference < 0 ? copy.budget_remaining_over : copy.budget_remaining_left,\n formatCurrency(Math.abs(difference), '0,0'),\n ) as string,\n percentage,\n subBudgets: [],\n transaction_total: spent,\n })\n }\n\n // Sub categories\n for (const budget of budgets) {\n const category = findDetailedSubCategory(categories, budget.category_guid)\n if (!category) continue\n\n const spent = category.currentAmount\n\n const parentBudget = detailedBudgets.find((b) => b.category_guid === category.parent_guid)\n if (!parentBudget) continue\n\n const difference = budget.amount - spent\n const percentage = getBudgetPercentage(budget.amount, spent)\n\n if (parentBudget) {\n parentBudget.subBudgets.push({\n ...budget,\n budgetColors: getBudgetColors(percentage, theme),\n category,\n description: buildDynamicCopy(\n difference < 0 ? copy.budget_remaining_over : copy.budget_remaining_left,\n formatCurrency(Math.abs(difference), '0,0'),\n ) as string,\n percentage,\n subBudgets: [],\n transaction_total: spent,\n })\n }\n }\n\n return detailedBudgets\n}\n\nexport const findBudget = (budgets: DetailedBudget[], guid: string): DetailedBudget | undefined => {\n return budgets.find((budget) => budget.guid === guid)\n}\n\nexport const findSubBudget = (\n budgets: DetailedBudget[],\n guid: string,\n parentGuid: string,\n): DetailedBudget | undefined => {\n const parent = findBudget(budgets, parentGuid)\n if (!parent) return undefined\n\n return findBudget(parent.subBudgets, guid)\n}\n\nexport const getRemainingAmountSpentPercentage = (totalTransaction: number, amount: number) => {\n const remainingAmount = Math.max(0, amount - totalTransaction)\n const spentPercentage = amount > 0 ? Math.min(100, (totalTransaction / amount) * 100) : 0\n\n let iconColor = 'success'\n if (spentPercentage >= 100) iconColor = 'error'\n else if (spentPercentage >= 50) iconColor = 'warning'\n\n return {\n remainingAmount,\n spentPercentage,\n iconColor,\n }\n}\n"],"mappings":";;;AAQA,IAAa,IAAA,CAAuB,GAAsB,MAEpD,CAAC,KAAgB,CAAC,IACb,IAIL,CAAC,KAAgB,IACZ,MAID,IAAc,IAAgB,KAG3B,IAAA,CAAmB,GAAoB,MAAiB;AACnE,QAAM,IAA6B;AAAA,IACjC,YAAY,EAAM,QAAQ,QAAQ;AAAA,IAClC,aAAa,KAAc,MAAM,EAAM,QAAQ,KAAK,YAAY,EAAM,QAAQ,MAAM;AAAA,IACpF,MAAM,EAAM,QAAQ,OAAO;AAAA,IAC3B,SAAS,EAAM,QAAQ,QAAQ;AAAA,EACjC;AAEA,SAAI,IAAa,OACf,EAAa,aAAa,EAAM,QAAQ,MAAM,MAC9C,EAAa,UAAU,EAAM,QAAQ,MAAM,WAClC,IAAa,OACtB,EAAa,aAAa,EAAM,QAAQ,QAAQ,MAChD,EAAa,OAAO,EAAM,QAAQ,KAAK,GAAA,GACvC,EAAa,UAAU,EAAM,QAAQ,QAAQ,UAGxC;AACT,GAEa,IAAA,CAAuB,MACd,EAAQ,IAAA,CAAK,MAAW;AAC1C,QAAM,IAAgB,EAAO;AAE7B,SADoB,EAAO,SACN;AACvB,CAEO,EAAY,OAAA,CAAQ,GAAO,MAAe,IAAQ,GAAY,CAAC,GAG3D,IAAA,CACX,GACA,GACA,GACA,MACqB;AACrB,QAAM,IAAkB,CAAC;AAGzB,aAAW,KAAU,GAAS;AAC5B,UAAM,IAAW,EAAqB,GAAY,EAAO,aAAa;AACtE,QAAI,CAAC,EAAU;AAEf,UAAM,IAAQ,EAAS,aAEjB,IAAa,EAAoB,EAAO,QAAQ,CAAK,GACrD,IAAa,EAAO,SAAS;AAEnC,IAAA,EAAgB,KAAK;AAAA,MACnB,GAAG;AAAA,MACH,cAAc,EAAgB,GAAY,CAAK;AAAA,MAC/C,UAAA;AAAA,MACA,aAAa,EACX,IAAa,IAAI,EAAK,wBAAwB,EAAK,uBACnD,EAAe,KAAK,IAAI,CAAU,GAAG,KAAK,CAC5C;AAAA,MACA,YAAA;AAAA,MACA,YAAY,CAAC;AAAA,MACb,mBAAmB;AAAA,IACrB,CAAC;AAAA,EACH;AAGA,aAAW,KAAU,GAAS;AAC5B,UAAM,IAAW,EAAwB,GAAY,EAAO,aAAa;AACzE,QAAI,CAAC,EAAU;AAEf,UAAM,IAAQ,EAAS,eAEjB,IAAe,EAAgB,KAAA,CAAM,MAAM,EAAE,kBAAkB,EAAS,WAAW;AACzF,QAAI,CAAC,EAAc;AAEnB,UAAM,IAAa,EAAO,SAAS,GAC7B,IAAa,EAAoB,EAAO,QAAQ,CAAK;AAE3D,IAAI,KACF,EAAa,WAAW,KAAK;AAAA,MAC3B,GAAG;AAAA,MACH,cAAc,EAAgB,GAAY,CAAK;AAAA,MAC/C,UAAA;AAAA,MACA,aAAa,EACX,IAAa,IAAI,EAAK,wBAAwB,EAAK,uBACnD,EAAe,KAAK,IAAI,CAAU,GAAG,KAAK,CAC5C;AAAA,MACA,YAAA;AAAA,MACA,YAAY,CAAC;AAAA,MACb,mBAAmB;AAAA,IACrB,CAAC;AAAA,EAEL;AAEA,SAAO;AACT,GAEa,IAAA,CAAc,GAA2B,MAC7C,EAAQ,KAAA,CAAM,MAAW,EAAO,SAAS,CAAI,GAGzC,IAAA,CACX,GACA,GACA,MAC+B;AAC/B,QAAM,IAAS,EAAW,GAAS,CAAU;AAC7C,MAAK;AAEL,WAAO,EAAW,EAAO,YAAY,CAAI;AAC3C,GAEa,IAAA,CAAqC,GAA0B,MAAmB;AAC7F,QAAM,IAAkB,KAAK,IAAI,GAAG,IAAS,CAAgB,GACvD,IAAkB,IAAS,IAAI,KAAK,IAAI,KAAM,IAAmB,IAAU,GAAG,IAAI;AAExF,MAAI,IAAY;AAChB,SAAI,KAAmB,MAAK,IAAY,UAC/B,KAAmB,OAAI,IAAY,YAErC;AAAA,IACL,iBAAA;AAAA,IACA,iBAAA;AAAA,IACA,WAAA;AAAA,EACF;AACF"}
|
|
1
|
+
{"version":3,"file":"BudgetUtil.es.js","names":[],"sources":["../../../src/core/utils/BudgetUtil.ts"],"sourcesContent":["import type { Theme } from '@mui/system'\n\nimport type { Budget, BudgetColors, BudgetsCopy, DetailedCategory, DetailedBudget } from '../types'\n\nimport { findDetailedCategory, findDetailedSubCategory } from './CategoryUtil'\nimport { formatCurrency } from './NumberFormatting'\nimport { buildDynamicCopy } from './Localization'\n\nexport const getBudgetPercentage = (budgetAmount: number, totalAmount: number) => {\n // No budget amount and nothing spent results in zero percent and green bubble\n if (!budgetAmount && !totalAmount) {\n return 0\n }\n\n // No budget amount and money spent results in 101 percent and red bubble\n if (!budgetAmount && totalAmount) {\n return 101\n }\n\n // Budget amount and money spent results in calculating percentage for color\n return (totalAmount / budgetAmount) * 100\n}\n\nexport const getBudgetColors = (percentage: number, theme: Theme) => {\n const budgetColors: BudgetColors = {\n background: theme.palette.success.main,\n description: percentage <= 100 ? theme.palette.text.secondary : theme.palette.error.main,\n text: theme.palette.common.white,\n mercury: theme.palette.success.lighter,\n }\n\n if (percentage > 100) {\n budgetColors.background = theme.palette.error.main\n budgetColors.mercury = theme.palette.error.lighter\n } else if (percentage > 80) {\n budgetColors.background = theme.palette.warning.main\n budgetColors.text = theme.palette.grey['900']\n budgetColors.mercury = theme.palette.warning.lighter\n }\n\n return budgetColors\n}\n\nexport const getBudgetDifference = (budgets: DetailedBudget[]) => {\n const differences = budgets.map((budget) => {\n const currentAmount = budget.transaction_total\n const totalAmount = budget.amount\n return totalAmount - currentAmount\n })\n\n return differences.reduce((total, difference) => total + difference, 0)\n}\n\nexport const augmentBudgets = (\n budgets: Budget[],\n categories: DetailedCategory[],\n copy: BudgetsCopy,\n theme: Theme,\n): DetailedBudget[] => {\n const detailedBudgets = [] as DetailedBudget[]\n\n // Top-level Categories\n for (const budget of budgets) {\n const category = findDetailedCategory(categories, budget.category_guid)\n if (!category) continue\n\n const spent = category.totalAmount\n\n const percentage = getBudgetPercentage(budget.amount, spent)\n const difference = budget.amount - spent\n\n detailedBudgets.push({\n ...budget,\n budgetColors: getBudgetColors(percentage, theme),\n category,\n description: buildDynamicCopy(\n difference < 0 ? copy.budget_remaining_over : copy.budget_remaining_left,\n formatCurrency(Math.abs(difference), '0,0'),\n ) as string,\n percentage,\n subBudgets: [],\n transaction_total: spent,\n })\n }\n\n // Sub categories\n for (const budget of budgets) {\n const category = findDetailedSubCategory(categories, budget.category_guid)\n if (!category) continue\n\n const spent = category.currentAmount\n\n const parentBudget = detailedBudgets.find((b) => b.category_guid === category.parent_guid)\n if (!parentBudget) continue\n\n const difference = budget.amount - spent\n const percentage = getBudgetPercentage(budget.amount, spent)\n\n if (parentBudget) {\n parentBudget.subBudgets.push({\n ...budget,\n budgetColors: getBudgetColors(percentage, theme),\n category,\n description: buildDynamicCopy(\n difference < 0 ? copy.budget_remaining_over : copy.budget_remaining_left,\n formatCurrency(Math.abs(difference), '0,0'),\n ) as string,\n percentage,\n subBudgets: [],\n transaction_total: spent,\n })\n }\n }\n\n for (const parentBudget of detailedBudgets) {\n if (parentBudget.subBudgets.length > 0) {\n const totalSubBudgetAmount = parentBudget.subBudgets.reduce(\n (total, subBudget) => total + subBudget.amount,\n 0,\n )\n parentBudget.amount = totalSubBudgetAmount\n\n const spent = parentBudget.transaction_total\n const percentage = getBudgetPercentage(totalSubBudgetAmount, spent)\n const difference = totalSubBudgetAmount - spent\n\n parentBudget.percentage = percentage\n parentBudget.budgetColors = getBudgetColors(percentage, theme)\n parentBudget.description = buildDynamicCopy(\n difference < 0 ? copy.budget_remaining_over : copy.budget_remaining_left,\n formatCurrency(Math.abs(difference), '0,0'),\n ) as string\n }\n }\n\n return detailedBudgets\n}\n\nexport const findBudget = (budgets: DetailedBudget[], guid: string): DetailedBudget | undefined => {\n return budgets.find((budget) => budget.guid === guid)\n}\n\nexport const findSubBudget = (\n budgets: DetailedBudget[],\n guid: string,\n parentGuid: string,\n): DetailedBudget | undefined => {\n const parent = findBudget(budgets, parentGuid)\n if (!parent) return undefined\n\n return findBudget(parent.subBudgets, guid)\n}\n\nexport const getRemainingAmountSpentPercentage = (totalTransaction: number, amount: number) => {\n const remainingAmount = Math.max(0, amount - totalTransaction)\n const spentPercentage = amount > 0 ? Math.min(100, (totalTransaction / amount) * 100) : 0\n\n let iconColor = 'success'\n if (spentPercentage >= 100) iconColor = 'error'\n else if (spentPercentage >= 50) iconColor = 'warning'\n\n return {\n remainingAmount,\n spentPercentage,\n iconColor,\n }\n}\n"],"mappings":"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"}
|