@mx-cartographer/experiences 9.3.8-alpha.al0 → 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 +33 -32
- 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/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":";;;;;;;;;;;;AAuBA,IAAa,KAAsB,EAAA,MAAe;AAChD,QAAM,EAAE,sBAAA,EAAA,IAAyB,EAAiB,GAC5C,EAAE,SAAS,GAAM,QAAQ,EAAA,IAAe,EAAmB,GAC3D,EACJ,OAAA,GACA,WAAA,GACA,cAAA,GACA,gBAAA,GACA,mBAAA,GACA,UAAA,GACA,mBAAA,GACA,cAAA,EAAA,IACE,EAAgB,GACd,EAAE,WAAA,EAAA,IAAc,EAAoB,GAEpC,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAC1C,CAAC,GAAY,CAAA,IAAiB,EAAM,SAAS,EAAK,GAClD,CAAC,GAAc,CAAA,IAAmB,EAAM,SAAS,EAAK,GACtD,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAE,GACvC,CAAC,GAAkB,CAAA,IAAuB,EAAM,SAAiC,CAAC,CAAC;AAEzF,EAAA,EAAM,UAAA,MAAgB;AACpB,QAAI,KAAkB,CAAC,GAAmB;AACxC,MAAA,EAAU,GAAG,EAAe,MAAA,EAAQ;AACpC,YAAM,IAA4C,CAAC;AACnD,MAAA,EAAe,WAAW,QAAA,CAAS,MAAO;AACxC,QAAA,EAAkB,EAAG,IAAA,IAAQ,GAAG,EAAG,MAAA;AAAA,MACrC,CAAC,GACD,EAAoB,CAAiB,GACrC,EAAU,EAAI,GACd,EAAU;AAAA,QACR,UAAU;AAAA,QACC,WAAA;AAAA,QACX,QAAA,CAAS,MACP,EAAE,kBAAkB,EAAe,iBACnC,EAAE,4BAA4B,EAAe;AAAA,QAC/C,YAAY;AAAA,MACd,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,CAAc,CAAC;AAEnB,QAAM,IAAA,CAAgC,GAAc,MAAsB;AACxE,IAAA,EAAA,CAAqB,MAAS;AAC5B,YAAM,IAAU;AAAA,QAAE,GAAG;AAAA,QAAO,CAAA,CAAA,GAAO;AAAA,MAAU,GACvC,IAAW,GAAgB,WAAW,OAAA,CACzC,GAAK,MAAO,KAAO,OAAO,EAAQ,EAAG,IAAA,CAAK,KAAK,IAChD,CACF;AACA,aAAA,EAAU,GAAG,KAAY,CAAA,EAAG,GACrB;AAAA,IACT,CAAC;AAAA,EACH,GAEM,IAAqB,YAAY;AACrC,QAAI,GAAgB;AAClB,UAAI,EAAe,WAAW,SAAS,GAAG;AACxC,cAAM,IAAiB,EAAe,WAAW,IAAA,CAAK,MAAc;AAClE,gBAAM,IAAY,OAAO,EAAiB,EAAU,IAAA,KAAS,EAAU,MAAM;AAC7E,iBAAO,EAAa;AAAA,YAClB,GAAG;AAAA,YACH,QAAQ;AAAA,YACR,YAAa,EAAU,SAAS,iBAAiB,KAAa,KAAM;AAAA,UACtE,CAAW;AAAA,QACb,CAAC;AACD,cAAM,QAAQ,IAAI,CAAc;AAAA,MAClC,MACE,OAAM,EAAa;AAAA,QACjB,GAAG;AAAA,QACH,QAAQ,OAAO,CAAM;AAAA,QACrB,YAAa,EAAe,SAAS,eAAe,OAAO,CAAM,KAAK,KAAM;AAAA,MAC9E,CAAW;AAEb,MAAA,EAAc,EAAK,GACnB,EAAS,EAAiB,EAAK,sBAAsB,EAAe,SAAS,IAAI,CAAW;AAAA,IAC9F;AAAA,EACF,GAEM,IAAqB,YAAY;AACrC,IAAI,MACF,MAAM,EAAa,EAAe,IAAI,GACtC,EAAS,EAAiB,EAAK,sBAAsB,EAAe,SAAS,IAAI,CAAW,IAE9F,EAAY;AAAA,EACd,GAEM,IAAA,MAAoB;AACxB,IAAA,EAAU,EAAK,GAEf,WAAA,MAAiB;AACf,MAAA,EAAkB,MAAS;AAAA,IAC7B,GAAG,GAAG;AAAA,EACR,GAEM,IAAA,MAAwB;AAC5B,IAAA,EAAc,EAAK,GACnB,EAAU,GAAG,GAAgB,MAAA,EAAQ;AACrC,UAAM,IAA4C,CAAC;AACnD,IAAA,GAAgB,WAAW,QAAA,CAAS,MAAO;AACzC,MAAA,EAAkB,EAAG,IAAA,IAAQ,GAAG,EAAG,MAAA;AAAA,IACrC,CAAC,GACD,EAAoB,CAAiB;AAAA,EACvC;AAEA,MAAI,CAAC,EACH;AAGF,QAAM,IAAgB,EAAe,WAAW,SAAS,GACnD,IAAkB,MAAW,MAAM,OAAO,CAAM,IAAI,KAAK,MAAM,OAAO,CAAM,CAAC,GAC7E,IACJ,KACA,EAAe,WAAW,KAAA,CAAM,MAAO;AACrC,UAAM,IAAM,EAAiB,EAAG,IAAA;AAChC,WAAO,MAAQ,UAAa,MAAQ,MAAM,OAAO,CAAG,IAAI,KAAK,MAAM,OAAO,CAAG,CAAC;AAAA,EAChF,CAAC,GACG,IAAuB,IAAgB,IAAqB;AAElE,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAgB,EAAW;AAAA,MACnB,QAAA;AAAA,MACR,SAAS;AAAA,MACT,iBAAA,MAAuB,EAAc,EAAI;AAAA,MACzC,mBAAA,MAAyB,EAAgB,EAAI;AAAA,MAC7C,aAAa,EAAK;AAAA,MAClB,gBAAe;AAAA,MACf,eAAe,EAAK;AAAA,MACpB,OAAO,EAAK;AAAA,MATd,UAAA,CAWE,gBAAA,EAAC,GAAD,EAAe,QAAQ,EAAiB,CAAA,GACxC,gBAAA,EAAC,GAAD;AAAA,QACE,cAAc;AAAA,UAAE,UAAU;AAAA,UAAU,YAAY;AAAA,QAAQ;AAAA,QACxD,kBAAkB;AAAA,QAClB,SAAA,MAAe,EAAS,EAAE;AAAA,QAC1B,MAAM,EAAQ;AAAA,QAEd,UAAA,gBAAA,EAAC,GAAD;AAAA,UAAO,WAAU;AAAA,UAAG,SAAA,MAAe,EAAS,EAAE;AAAA,UAAG,UAAU;AAAA,UAAW,SAAQ;AAAA,UAC3E,UAAA;AAAA,QACI,CAAA;AAAA,MACC,CAAA,CACJ;AAAA;IAER,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,QAAE,YAAY,EAAW;AAAA,QAAY,OAAO,EAAK;AAAA,MAAmB;AAAA,MACpD,sBAAA;AAAA,MACtB,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,aAAa,EAAK;AAAA,MAElB,UAAA,gBAAA,EAAC,GAAD;AAAA,QACU,QAAA;AAAA,QACR,cAAc,EAAe,SAAS;AAAA,QACtC,iBAAiB;AAAA,QACjB,0BAA0B;AAAA,QAC1B,gBAAgB,EAAe;AAAA,QACb,kBAAA;AAAA,QAClB,YAAY,EAAe;AAAA,MAC5B,CAAA;AAAA,IACK,CAAA;AAAA,IAER,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,QAAE,YAAY,EAAW;AAAA,QAAY,OAAO,EAAK;AAAA,MAAa;AAAA,MACpE,QAAQ;AAAA,MACR,SAAA,MAAe,EAAgB,EAAK;AAAA,MACpC,iBAAiB;AAAA,MACjB,cAAa;AAAA,MACb,aAAa,EAAK;AAAA,MAClB,gBAAe;AAAA,MAEf,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,QACX,UAAA,EAAiB,EAAK,oBAAoB,EAAe,SAAS,IAAI;AAAA,MACnE,CAAA;AAAA,IACA,CAAA;AAAA,EACM,EAAA,CAAA;AAEpB,CAAC"}
|
|
@@ -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":"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"}
|
|
@@ -1,22 +1,22 @@
|
|
|
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: c } =
|
|
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
21
|
e && (g(`${e.amount}`), p({
|
|
22
22
|
...u,
|
|
@@ -26,60 +26,61 @@ var ie = k(({ budget: n }) => {
|
|
|
26
26
|
const x = async () => {
|
|
27
27
|
e && (await S({
|
|
28
28
|
...e,
|
|
29
|
-
amount: Number(
|
|
30
|
-
}),
|
|
29
|
+
amount: Number(a)
|
|
30
|
+
}), l(!1));
|
|
31
31
|
}, A = async () => {
|
|
32
|
-
e && await b(e.guid),
|
|
32
|
+
e && await b(e.guid), d(!1), y();
|
|
33
33
|
}, y = () => {
|
|
34
34
|
p({
|
|
35
35
|
...u,
|
|
36
|
-
custom: (r) => r.category_guid ===
|
|
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: [c.length === 0 ? /* @__PURE__ */ t(
|
|
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: () =>
|
|
52
|
-
onSecondaryAction: () =>
|
|
51
|
+
onPrimaryAction: () => l(!0),
|
|
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,
|
|
82
|
-
onClose: () =>
|
|
83
|
+
onClose: () => d(!1),
|
|
83
84
|
onPrimaryAction: A,
|
|
84
85
|
primaryColor: "error",
|
|
85
86
|
primaryText: "Delete",
|
|
@@ -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 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={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"}
|