@mx-cartographer/experiences 8.1.5 → 8.1.6
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 +6 -0
- package/dist/EmbeddedCard-BqVpA1Jn.mjs +811 -0
- package/dist/{ManageIncome-Deq2AZEM.mjs → ManageIncome-n1ueMTrW.mjs} +2 -2
- package/dist/{RecurringSettings-B8KJllGX.mjs → RecurringSettings-DxsDZAp1.mjs} +1 -1
- package/dist/TransactionDetails-Bpp1FDUI.mjs +1721 -0
- package/dist/{TransactionStore-BUsP-unK.mjs → TransactionStore-DfaO_9m-.mjs} +105 -101
- package/dist/accounts/index.es.js +2 -2
- package/dist/budgets/index.es.js +3 -3
- package/dist/cashflow/index.es.js +3 -3
- package/dist/common/index.es.js +2 -2
- package/dist/core/types/localization/TransactionsCopy.d.ts +11 -6
- package/dist/finstrong/index.es.js +3 -3
- package/dist/insights/index.es.js +2 -2
- package/dist/recurringtransactions/index.es.js +4 -4
- package/dist/spending/index.es.js +2 -2
- package/dist/transactions/components/shared/TransactionList.d.ts +0 -1
- package/dist/transactions/components/shared/transactiondetails/actions/{HideAction.d.ts → ExcludeAction.d.ts} +2 -2
- package/dist/transactions/components/shared/transactiondetails/actions/index.d.ts +1 -1
- package/dist/transactions/components/shared/transactiontable/cells/PayeeCell.d.ts +4 -1
- package/dist/transactions/index.es.js +90 -84
- package/dist/transactions/stores/TransactionStore.d.ts +2 -0
- package/dist/trends/index.es.js +2 -2
- package/package.json +1 -1
- package/dist/EmbeddedCard-CBS3uUbk.mjs +0 -810
- package/dist/TransactionDetails-DLnK244l.mjs +0 -1703
|
@@ -1,3 +1,6 @@
|
|
|
1
1
|
import { GridCellParams } from '@mui/x-data-grid';
|
|
2
|
-
|
|
2
|
+
interface PayeeCellProps extends GridCellParams {
|
|
3
|
+
excludedText: string;
|
|
4
|
+
}
|
|
5
|
+
declare const PayeeCell: (params: PayeeCellProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
6
|
export default PayeeCell;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { C as Re, D as Be, M as He, a as Pe, T as Ve } from "../TransactionDetails-
|
|
2
|
-
import { B as Sa, b as Da } from "../TransactionDetails-
|
|
1
|
+
import { C as Re, D as Be, M as He, a as Pe, T as Ve } from "../TransactionDetails-Bpp1FDUI.mjs";
|
|
2
|
+
import { B as Sa, b as Da } from "../TransactionDetails-Bpp1FDUI.mjs";
|
|
3
3
|
import { e as $e } from "../exportTransactionsToCSV-B2Lp7AMl.mjs";
|
|
4
4
|
import { O as va } from "../exportTransactionsToCSV-B2Lp7AMl.mjs";
|
|
5
|
-
import { S as Z, D as We } from "../TransactionStore-
|
|
6
|
-
import { T as Ea } from "../TransactionStore-
|
|
7
|
-
import { u as B, T as Ge } from "../EmbeddedCard-
|
|
8
|
-
import { a as ka } from "../EmbeddedCard-
|
|
5
|
+
import { S as Z, D as We } from "../TransactionStore-DfaO_9m-.mjs";
|
|
6
|
+
import { T as Ea } from "../TransactionStore-DfaO_9m-.mjs";
|
|
7
|
+
import { u as B, T as Ge } from "../EmbeddedCard-BqVpA1Jn.mjs";
|
|
8
|
+
import { a as ka } from "../EmbeddedCard-BqVpA1Jn.mjs";
|
|
9
9
|
import { E as Ma } from "../ExportCsvAction-BPjdEUXx.mjs";
|
|
10
10
|
import { jsxs as m, jsx as e } from "react/jsx-runtime";
|
|
11
11
|
import u from "react";
|
|
@@ -22,7 +22,7 @@ import S from "@mui/material/Box";
|
|
|
22
22
|
import { useTheme as Xe } from "@mui/material/styles";
|
|
23
23
|
import { fromUnixTime as Je } from "date-fns/fromUnixTime";
|
|
24
24
|
import { f as Qe, D as Ze } from "../DateFormats-CaOj_4eI.mjs";
|
|
25
|
-
import { A
|
|
25
|
+
import { A } from "../Analytics-CzGzz_sE.mjs";
|
|
26
26
|
import { D as ie } from "../Dialog-iLlBR8TG.mjs";
|
|
27
27
|
import { endOfMonth as et } from "date-fns/endOfMonth";
|
|
28
28
|
import { getUnixTime as tt } from "date-fns/getUnixTime";
|
|
@@ -48,16 +48,16 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
48
48
|
`${t.row.account}`,
|
|
49
49
|
t.row.number && ` | ${t.row.number}`
|
|
50
50
|
] }), yt = (t) => {
|
|
51
|
-
const { associatedBeats:
|
|
51
|
+
const { associatedBeats: r } = H(), { showInsights: i } = B(), { amount: a, transaction_type: s } = t.row, c = r.find((p) => p.associated_transaction_guid === t.row.guid), l = s === O.CREDIT;
|
|
52
52
|
return /* @__PURE__ */ m(w, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
|
|
53
53
|
/* @__PURE__ */ m(y, { bold: l, color: l ? "success.main" : "text.primary", variant: "body2", children: [
|
|
54
54
|
l ? "+" : "",
|
|
55
55
|
re(a, "0,0.00")
|
|
56
56
|
] }),
|
|
57
|
-
c &&
|
|
57
|
+
c && i && /* @__PURE__ */ e(y, { bold: !0, color: "primary.light", variant: "caption", children: c.short_title })
|
|
58
58
|
] });
|
|
59
59
|
}, bt = (t) => {
|
|
60
|
-
const { transactions:
|
|
60
|
+
const { transactions: r } = I(), [i, a] = u.useState(!1);
|
|
61
61
|
return /* @__PURE__ */ m(
|
|
62
62
|
w,
|
|
63
63
|
{
|
|
@@ -70,17 +70,17 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
70
70
|
width: "100%",
|
|
71
71
|
children: [
|
|
72
72
|
t.row.has_been_split && /* @__PURE__ */ e(R, { name: "call_split", size: 16 }),
|
|
73
|
-
/* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "body2", children: t.row.has_been_split ?
|
|
74
|
-
!t.row.has_been_split &&
|
|
73
|
+
/* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "body2", children: t.row.has_been_split ? r.split_transaction_category_label : t.row.category }),
|
|
74
|
+
!t.row.has_been_split && i && /* @__PURE__ */ e(R, { name: "edit", sx: { color: "action.active" } })
|
|
75
75
|
]
|
|
76
76
|
}
|
|
77
77
|
);
|
|
78
|
-
}, Tt = D(bt),
|
|
79
|
-
const
|
|
78
|
+
}, Tt = D(bt), xt = (t) => /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "body2", children: Qe(Je(t.row.date), Ze.MONTH_DAY) }), At = (t) => {
|
|
79
|
+
const r = Xe(), i = r.palette.mode === "dark", { transactions: a } = I(), { is_flagged: s, is_hidden: c, has_been_viewed: l, parent_guid: p } = t.row, f = !l && !!!p;
|
|
80
80
|
return /* @__PURE__ */ m(
|
|
81
81
|
S,
|
|
82
82
|
{
|
|
83
|
-
"aria-label": c ? a.
|
|
83
|
+
"aria-label": c ? a.is_excluded : a.is_flagged,
|
|
84
84
|
tabIndex: t.tabIndex,
|
|
85
85
|
children: [
|
|
86
86
|
s && /* @__PURE__ */ e(
|
|
@@ -89,7 +89,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
89
89
|
fill: !0,
|
|
90
90
|
name: "flag",
|
|
91
91
|
size: 16,
|
|
92
|
-
sx: { color:
|
|
92
|
+
sx: { color: i ? "primary.main" : "warning.dark" }
|
|
93
93
|
}
|
|
94
94
|
),
|
|
95
95
|
!s && c && /* @__PURE__ */ e(R, { name: "visibility_off", size: 16 }),
|
|
@@ -100,7 +100,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
100
100
|
style: {
|
|
101
101
|
display: "inline-block",
|
|
102
102
|
height: 16,
|
|
103
|
-
fill:
|
|
103
|
+
fill: r.palette.primary.light,
|
|
104
104
|
verticalAlign: "middle",
|
|
105
105
|
width: 16
|
|
106
106
|
},
|
|
@@ -111,7 +111,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
111
111
|
]
|
|
112
112
|
}
|
|
113
113
|
);
|
|
114
|
-
}, wt = D(
|
|
114
|
+
}, wt = D(At), E = (t) => /* @__PURE__ */ e(y, { fontWeight: 600, variant: "body2", children: t.colDef.headerName }), St = (t) => /* @__PURE__ */ m(w, { alignItems: "center", direction: "row", gap: 8, children: [
|
|
115
115
|
/* @__PURE__ */ e(
|
|
116
116
|
Ye,
|
|
117
117
|
{
|
|
@@ -119,23 +119,26 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
119
119
|
merchantGuid: t.row.merchant_guid || ""
|
|
120
120
|
}
|
|
121
121
|
),
|
|
122
|
-
/* @__PURE__ */
|
|
122
|
+
/* @__PURE__ */ m(w, { alignItems: "flex-start", direction: "column", children: [
|
|
123
|
+
/* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "body2", children: t.row.payee }),
|
|
124
|
+
t.row.is_hidden && /* @__PURE__ */ e(y, { variant: "caption", children: t.excludedText })
|
|
125
|
+
] })
|
|
123
126
|
] }), Dt = ({
|
|
124
127
|
height: t = "100dvh",
|
|
125
|
-
onCategoryClick:
|
|
126
|
-
onRowClick:
|
|
128
|
+
onCategoryClick: r,
|
|
129
|
+
onRowClick: i
|
|
127
130
|
}) => {
|
|
128
131
|
const { onEvent: a } = ne(), { transactions: s } = I(), { isCopyLoaded: c } = K(), { isLoading: l, sortedTransactions: p } = H(), { clearExpandedSplits: b, toggleSplit: f } = B();
|
|
129
132
|
u.useEffect(() => () => b(), []);
|
|
130
133
|
const C = u.useMemo(
|
|
131
|
-
() => p.map((
|
|
132
|
-
id:
|
|
134
|
+
() => p.map((o) => ({
|
|
135
|
+
id: o.guid,
|
|
133
136
|
isHovering: !1,
|
|
134
|
-
...
|
|
137
|
+
...o
|
|
135
138
|
})),
|
|
136
139
|
[p]
|
|
137
|
-
), h = ({ row: { id:
|
|
138
|
-
_.key !== "Enter" && _.key !== " " || h(
|
|
140
|
+
), h = ({ row: { id: o, guid: _, has_been_split: n }, field: N }) => n ? f(o) : N === "category" ? (a(A.TRANSACTIONS_TABLE_CLICK_CATEGORY, { guid: _ }), r?.(_)) : i?.(_), v = (o, _) => {
|
|
141
|
+
_.key !== "Enter" && _.key !== " " || h(o);
|
|
139
142
|
};
|
|
140
143
|
if (!c)
|
|
141
144
|
return /* @__PURE__ */ e(z, {});
|
|
@@ -146,7 +149,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
146
149
|
minWidth: 32,
|
|
147
150
|
width: 32,
|
|
148
151
|
sortable: !1,
|
|
149
|
-
renderCell: (
|
|
152
|
+
renderCell: (o) => /* @__PURE__ */ e(wt, { ...o }),
|
|
150
153
|
renderHeader: () => /* @__PURE__ */ e("span", { "aria-label": s.transaction_status, role: "presentation" })
|
|
151
154
|
},
|
|
152
155
|
{
|
|
@@ -154,7 +157,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
154
157
|
headerName: s.date_title,
|
|
155
158
|
width: 103,
|
|
156
159
|
renderHeader: E,
|
|
157
|
-
renderCell: (
|
|
160
|
+
renderCell: (o) => o.row.parent_guid ? null : /* @__PURE__ */ e(xt, { ...o }),
|
|
158
161
|
sortingOrder: ["desc", "asc"]
|
|
159
162
|
},
|
|
160
163
|
{
|
|
@@ -163,7 +166,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
163
166
|
headerName: s.payee_title,
|
|
164
167
|
flex: 0.33,
|
|
165
168
|
renderHeader: E,
|
|
166
|
-
renderCell: St,
|
|
169
|
+
renderCell: (o) => /* @__PURE__ */ e(St, { ...o, excludedText: s.is_excluded }),
|
|
167
170
|
sortingOrder: ["asc", "desc"]
|
|
168
171
|
},
|
|
169
172
|
{
|
|
@@ -171,7 +174,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
171
174
|
headerName: s.category_title,
|
|
172
175
|
flex: 0.25,
|
|
173
176
|
renderHeader: E,
|
|
174
|
-
renderCell: (
|
|
177
|
+
renderCell: (o) => /* @__PURE__ */ e(Tt, { ...o }),
|
|
175
178
|
sortingOrder: ["asc", "desc"]
|
|
176
179
|
},
|
|
177
180
|
{
|
|
@@ -179,7 +182,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
179
182
|
headerName: s.account_title,
|
|
180
183
|
flex: 0.33,
|
|
181
184
|
renderHeader: E,
|
|
182
|
-
renderCell: (
|
|
185
|
+
renderCell: (o) => o.row.parent_guid ? null : /* @__PURE__ */ e(Ct, { ...o }),
|
|
183
186
|
sortingOrder: ["asc", "desc"]
|
|
184
187
|
},
|
|
185
188
|
{
|
|
@@ -199,7 +202,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
199
202
|
columns: g,
|
|
200
203
|
disableColumnFilter: !0,
|
|
201
204
|
disableColumnMenu: !0,
|
|
202
|
-
getCellClassName: (
|
|
205
|
+
getCellClassName: (o) => o.row.parent_guid ? "split-row" : o.row.is_hidden ? "excluded-row" : "",
|
|
203
206
|
hideFooter: !0,
|
|
204
207
|
initialState: { sorting: { sortModel: [{ field: "date", sort: "desc" }] } },
|
|
205
208
|
loading: l,
|
|
@@ -210,11 +213,15 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
210
213
|
sx: {
|
|
211
214
|
"& .split-row": {
|
|
212
215
|
bgcolor: "background.default"
|
|
216
|
+
},
|
|
217
|
+
"& .excluded-row": {
|
|
218
|
+
bgcolor: "grey.50",
|
|
219
|
+
color: "text.secondary"
|
|
213
220
|
}
|
|
214
221
|
}
|
|
215
222
|
}
|
|
216
223
|
) });
|
|
217
|
-
}, It = D(Dt), vt = ({ copy: t, isOpen:
|
|
224
|
+
}, It = D(Dt), vt = ({ copy: t, isOpen: r, onClose: i, onPrimaryAction: a }) => {
|
|
218
225
|
const { common: s, transactions: c } = I(), { isCopyLoaded: l } = K();
|
|
219
226
|
return l ? /* @__PURE__ */ m(
|
|
220
227
|
ie,
|
|
@@ -222,8 +229,8 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
222
229
|
copy: {
|
|
223
230
|
title: t.title
|
|
224
231
|
},
|
|
225
|
-
isOpen:
|
|
226
|
-
onClose:
|
|
232
|
+
isOpen: r,
|
|
233
|
+
onClose: i,
|
|
227
234
|
onPrimaryAction: a,
|
|
228
235
|
primaryText: c.add_manual_account,
|
|
229
236
|
secondaryText: s.cancel_button,
|
|
@@ -234,22 +241,22 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
234
241
|
}
|
|
235
242
|
) : /* @__PURE__ */ e(z, {});
|
|
236
243
|
}, Nt = D(vt), Et = () => {
|
|
237
|
-
const { visibleAccounts: t } = oe(), { common:
|
|
244
|
+
const { visibleAccounts: t } = oe(), { common: r, transactions: i } = I(), { manualTransaction: a, setIsAmountValid: s, updateManualTransaction: c } = B(), [l, p] = u.useState(""), [b, f] = u.useState(""), C = u.useMemo(
|
|
238
245
|
() => t.filter((n) => n.is_manual),
|
|
239
246
|
[t]
|
|
240
247
|
).map((n) => ({
|
|
241
248
|
label: `${n.name} | ${re(n.balance, "0,0.00")}`,
|
|
242
249
|
value: n.guid
|
|
243
250
|
})), h = {
|
|
244
|
-
error_amount_is_invalid:
|
|
245
|
-
error_amount_must_be_equal_to:
|
|
246
|
-
error_amount_must_be_less_than_or_equal_to:
|
|
247
|
-
enter_amount:
|
|
251
|
+
error_amount_is_invalid: r.currency_input.error_amount_is_invalid,
|
|
252
|
+
error_amount_must_be_equal_to: r.currency_input.error_amount_must_be_equal_to,
|
|
253
|
+
error_amount_must_be_less_than_or_equal_to: r.currency_input.error_amount_must_be_less_than_or_equal_to,
|
|
254
|
+
enter_amount: r.currency_input.enter_amount
|
|
248
255
|
}, v = (n) => {
|
|
249
256
|
p(n), c({ ...a, amount: Number(n) });
|
|
250
257
|
}, g = (n, N) => {
|
|
251
258
|
c({ ...a, transaction_type: Number(N) });
|
|
252
|
-
},
|
|
259
|
+
}, o = (n) => {
|
|
253
260
|
f(n), c({ ...a, payee: n, description: n });
|
|
254
261
|
}, _ = (n) => {
|
|
255
262
|
c({ ...a, account_guid: n });
|
|
@@ -267,12 +274,12 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
267
274
|
{
|
|
268
275
|
allowDecimals: !0,
|
|
269
276
|
amount: l,
|
|
270
|
-
ariaLabel:
|
|
277
|
+
ariaLabel: i.amount_title,
|
|
271
278
|
copy: h,
|
|
272
279
|
inputProps: {
|
|
273
280
|
noValidate: !0
|
|
274
281
|
},
|
|
275
|
-
label:
|
|
282
|
+
label: i.amount_title,
|
|
276
283
|
setAmount: v,
|
|
277
284
|
setHasValidInput: s,
|
|
278
285
|
sx: { bgcolor: "background.paper" },
|
|
@@ -284,9 +291,9 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
284
291
|
Z,
|
|
285
292
|
{
|
|
286
293
|
checked: a.transaction_type === O.CREDIT,
|
|
287
|
-
label:
|
|
294
|
+
label: i.manual_transaction_credit_button_label,
|
|
288
295
|
sx: { ml: { xs: 0, sm: 8 } },
|
|
289
|
-
tooltip:
|
|
296
|
+
tooltip: i.manual_transaction_credit_button_tooltip,
|
|
290
297
|
value: O.CREDIT
|
|
291
298
|
}
|
|
292
299
|
),
|
|
@@ -294,8 +301,8 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
294
301
|
Z,
|
|
295
302
|
{
|
|
296
303
|
checked: a.transaction_type === O.DEBIT,
|
|
297
|
-
label:
|
|
298
|
-
tooltip:
|
|
304
|
+
label: i.manual_transaction_debit_button_label,
|
|
305
|
+
tooltip: i.manual_transaction_debit_button_tooltip,
|
|
299
306
|
value: O.DEBIT
|
|
300
307
|
}
|
|
301
308
|
)
|
|
@@ -306,9 +313,9 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
306
313
|
/* @__PURE__ */ e(
|
|
307
314
|
ee,
|
|
308
315
|
{
|
|
309
|
-
label:
|
|
316
|
+
label: i.payee_title,
|
|
310
317
|
name: "payee",
|
|
311
|
-
onChange: (n) =>
|
|
318
|
+
onChange: (n) => o(n.target.value),
|
|
312
319
|
sx: { bgcolor: "background.paper" },
|
|
313
320
|
value: b
|
|
314
321
|
}
|
|
@@ -318,9 +325,9 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
318
325
|
{
|
|
319
326
|
InputLabelProps: { shrink: !0 },
|
|
320
327
|
SelectProps: { defaultValue: -1, IconComponent: ct },
|
|
321
|
-
label:
|
|
328
|
+
label: i.manual_transaction_select_an_account,
|
|
322
329
|
onChange: (n) => _(n.target.value),
|
|
323
|
-
placeholder:
|
|
330
|
+
placeholder: i.manual_transaction_select,
|
|
324
331
|
select: !0,
|
|
325
332
|
sx: { bgcolor: "background.paper" },
|
|
326
333
|
children: C.map((n) => /* @__PURE__ */ e(it, { value: n.value, children: n.label }, n.value))
|
|
@@ -335,21 +342,21 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
335
342
|
/* @__PURE__ */ e(Pe, { transaction: a })
|
|
336
343
|
] })
|
|
337
344
|
] });
|
|
338
|
-
}, Ot = D(Et), kt = ({ onClose: t, transaction:
|
|
339
|
-
const { addOrUpdateTransactionRule:
|
|
345
|
+
}, Ot = D(Et), kt = ({ onClose: t, transaction: r }) => {
|
|
346
|
+
const { addOrUpdateTransactionRule: i, updateTransaction: a } = H(), { transactions: s } = I(), { categories: c } = Ke(), [l, p] = u.useState(""), b = u.useMemo(
|
|
340
347
|
() => c.find((C) => C.guid === l),
|
|
341
348
|
[l]
|
|
342
349
|
), f = async (C) => {
|
|
343
|
-
await a({ ...
|
|
350
|
+
await a({ ...r, category_guid: l }), C && await i(l, r), p(""), t();
|
|
344
351
|
};
|
|
345
352
|
return /* @__PURE__ */ m(S, { className: "mx-txn-edit-category-action", children: [
|
|
346
353
|
/* @__PURE__ */ e(
|
|
347
354
|
dt,
|
|
348
355
|
{
|
|
349
|
-
initialSelected:
|
|
356
|
+
initialSelected: r.category_guid,
|
|
350
357
|
onClose: t,
|
|
351
358
|
onSelect: (C) => p(C),
|
|
352
|
-
showDrawer: !!
|
|
359
|
+
showDrawer: !!r,
|
|
353
360
|
title: s.actions_select_a_category
|
|
354
361
|
}
|
|
355
362
|
),
|
|
@@ -359,7 +366,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
359
366
|
copy: {
|
|
360
367
|
title: U(
|
|
361
368
|
s.actions_apply_to_all_transaction_types,
|
|
362
|
-
|
|
369
|
+
r.description
|
|
363
370
|
)
|
|
364
371
|
},
|
|
365
372
|
isOpen: !!l,
|
|
@@ -370,7 +377,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
370
377
|
secondaryText: s.actions_this_time_only,
|
|
371
378
|
children: /* @__PURE__ */ e(je, { variant: "subtitle1", children: U(
|
|
372
379
|
s.actions_all_past_and_future,
|
|
373
|
-
|
|
380
|
+
r.description,
|
|
374
381
|
b?.name
|
|
375
382
|
) })
|
|
376
383
|
}
|
|
@@ -378,12 +385,12 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
378
385
|
] });
|
|
379
386
|
}, Lt = D(kt), ae = 120, Mt = ({
|
|
380
387
|
onBackClick: t,
|
|
381
|
-
onMenuClick:
|
|
382
|
-
height:
|
|
388
|
+
onMenuClick: r,
|
|
389
|
+
height: i = "100dvh",
|
|
383
390
|
showInsights: a = !1,
|
|
384
391
|
sx: s = {}
|
|
385
392
|
}) => {
|
|
386
|
-
const { manualAccounts: c, refreshAccounts: l } = oe(), { is_mobile_webview: p, clientConfig: b, config: f } = ze(), { setSearchValue: C } = ut(), { onEvent: h } = ne(), { common: v, transactions: g } = I(), { displayedDateRange:
|
|
393
|
+
const { manualAccounts: c, refreshAccounts: l } = oe(), { is_mobile_webview: p, clientConfig: b, config: f } = ze(), { setSearchValue: C } = ut(), { onEvent: h } = ne(), { common: v, transactions: g } = I(), { displayedDateRange: o, isInitialized: _, selectedAccountGuids: n, setDisplayedDate: N } = K(), { isDesktop: se, isTablet: ce } = pt(), k = nt(), {
|
|
387
394
|
addTransaction: le,
|
|
388
395
|
filter: de,
|
|
389
396
|
isTransactionDataLoaded: P,
|
|
@@ -402,36 +409,36 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
402
409
|
setSearchValue: Ce,
|
|
403
410
|
setShowInsights: ye,
|
|
404
411
|
updateManualTransaction: be
|
|
405
|
-
} = B(), { userProfile: Te } = qe(), [V, T] = u.useState(""), [X, M] = u.useState(""), [
|
|
412
|
+
} = B(), { userProfile: Te } = qe(), [V, T] = u.useState(""), [X, M] = u.useState(""), [xe, $] = u.useState(!1), [Ae, J] = u.useState(!1), { announce: we, ariaLive: Se } = mt(), W = b?.transactions?.selected_account_guid;
|
|
406
413
|
gt({
|
|
407
414
|
widgetName: "TransactionWidget",
|
|
408
415
|
isLoaded: P
|
|
409
416
|
}), u.useEffect(() => {
|
|
410
417
|
P || ue().finally();
|
|
411
418
|
const d = at(F()), Me = et(F());
|
|
412
|
-
N(d, Me), h(
|
|
419
|
+
N(d, Me), h(A.TRANSACTIONS_VIEW);
|
|
413
420
|
}, []), u.useEffect(() => {
|
|
414
421
|
_ && q({
|
|
415
422
|
accounts: W ? [W] : n,
|
|
416
|
-
dateRange: { start:
|
|
423
|
+
dateRange: { start: o.start, end: o.end },
|
|
417
424
|
searchTerm: j
|
|
418
425
|
});
|
|
419
|
-
}, [_,
|
|
426
|
+
}, [_, o, n]), u.useEffect(() => {
|
|
420
427
|
ye(a);
|
|
421
428
|
}, [a]), u.useEffect(() => {
|
|
422
429
|
_ && we(
|
|
423
430
|
U(g.showing_transactions_count, Y.length)
|
|
424
431
|
);
|
|
425
432
|
}, [_, Y]);
|
|
426
|
-
const
|
|
433
|
+
const x = X ? pe.find((d) => d.guid === X) : void 0, Q = fe && !!L.payee && !!L.account_guid && !!L.category_guid, De = (d) => {
|
|
427
434
|
he(), N(d[0], d[1]);
|
|
428
435
|
}, Ie = (d) => {
|
|
429
436
|
Ce(d), q({
|
|
430
437
|
...de,
|
|
431
438
|
searchTerm: d
|
|
432
|
-
}), h(
|
|
439
|
+
}), h(A.TRANSACTIONS_CLICK_SEARCH, { search_term: d });
|
|
433
440
|
}, ve = () => {
|
|
434
|
-
$e(me, _e), h(
|
|
441
|
+
$e(me, _e), h(A.TRANSACTIONS_CLICK_EXPORT);
|
|
435
442
|
}, Ne = () => {
|
|
436
443
|
c.length > 0 ? (be({
|
|
437
444
|
...We,
|
|
@@ -440,7 +447,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
440
447
|
}), T(
|
|
441
448
|
"addTransaction"
|
|
442
449
|
/* AddTransaction */
|
|
443
|
-
), h(
|
|
450
|
+
), h(A.TRANSACTIONS_CLICK_ADD)) : ($(!0), h(A.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
|
|
444
451
|
}, Ee = async () => {
|
|
445
452
|
Q && await le(L), T("");
|
|
446
453
|
}, Oe = () => {
|
|
@@ -448,7 +455,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
448
455
|
}, ke = async () => {
|
|
449
456
|
J(!1), await l();
|
|
450
457
|
}, Le = async () => {
|
|
451
|
-
|
|
458
|
+
x && !x.has_been_viewed && await ge({ ...x, has_been_viewed: !0 }), T("");
|
|
452
459
|
};
|
|
453
460
|
if (!_)
|
|
454
461
|
return /* @__PURE__ */ e(z, {});
|
|
@@ -469,9 +476,9 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
469
476
|
onRangeChanged: De
|
|
470
477
|
},
|
|
471
478
|
hasDivider: !0,
|
|
472
|
-
onAccountsFilterClick: () => h(
|
|
479
|
+
onAccountsFilterClick: () => h(A.ACCOUNTS_CLICK_FILTER),
|
|
473
480
|
onBackClick: t,
|
|
474
|
-
onMenuClick:
|
|
481
|
+
onMenuClick: r,
|
|
475
482
|
showAccountFilter: !W,
|
|
476
483
|
sx: s,
|
|
477
484
|
title: g.transactions_title,
|
|
@@ -496,7 +503,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
496
503
|
children: /* @__PURE__ */ e(
|
|
497
504
|
It,
|
|
498
505
|
{
|
|
499
|
-
height: `calc(${
|
|
506
|
+
height: `calc(${i} - ${ae}px)`,
|
|
500
507
|
onCategoryClick: (d) => {
|
|
501
508
|
M(d), T(
|
|
502
509
|
"category"
|
|
@@ -507,7 +514,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
507
514
|
M(d), T(
|
|
508
515
|
"transaction"
|
|
509
516
|
/* Transaction */
|
|
510
|
-
), h(
|
|
517
|
+
), h(A.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: d });
|
|
511
518
|
}
|
|
512
519
|
}
|
|
513
520
|
)
|
|
@@ -523,14 +530,13 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
523
530
|
children: /* @__PURE__ */ e(
|
|
524
531
|
Ge,
|
|
525
532
|
{
|
|
526
|
-
height: `calc(${
|
|
533
|
+
height: `calc(${i} - ${ae}px)`,
|
|
527
534
|
onClick: (d) => {
|
|
528
535
|
M(d), T(
|
|
529
536
|
"transaction"
|
|
530
537
|
/* Transaction */
|
|
531
538
|
);
|
|
532
539
|
},
|
|
533
|
-
showHiddenTransactions: !0,
|
|
534
540
|
showInsights: a
|
|
535
541
|
}
|
|
536
542
|
)
|
|
@@ -541,19 +547,19 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
541
547
|
te,
|
|
542
548
|
{
|
|
543
549
|
ariaLabelClose: v.close_aria,
|
|
544
|
-
isOpen: V === "transaction" && !!
|
|
550
|
+
isOpen: V === "transaction" && !!x,
|
|
545
551
|
onClose: Le,
|
|
546
552
|
title: g.details_title,
|
|
547
|
-
children:
|
|
553
|
+
children: x && /* @__PURE__ */ e(Ve, { transaction: x })
|
|
548
554
|
}
|
|
549
555
|
),
|
|
550
|
-
|
|
556
|
+
x && V === "category" && /* @__PURE__ */ e(
|
|
551
557
|
Lt,
|
|
552
558
|
{
|
|
553
559
|
onClose: () => {
|
|
554
560
|
C(""), T(""), M("");
|
|
555
561
|
},
|
|
556
|
-
transaction:
|
|
562
|
+
transaction: x
|
|
557
563
|
}
|
|
558
564
|
),
|
|
559
565
|
/* @__PURE__ */ e(
|
|
@@ -572,7 +578,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
572
578
|
Nt,
|
|
573
579
|
{
|
|
574
580
|
copy: { title: g.add_manual_account },
|
|
575
|
-
isOpen:
|
|
581
|
+
isOpen: xe,
|
|
576
582
|
onClose: () => {
|
|
577
583
|
$(!1);
|
|
578
584
|
},
|
|
@@ -583,14 +589,14 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
|
|
|
583
589
|
ot,
|
|
584
590
|
{
|
|
585
591
|
onClose: ke,
|
|
586
|
-
showConnectWidget:
|
|
592
|
+
showConnectWidget: Ae,
|
|
587
593
|
title: g.add_manual_account
|
|
588
594
|
}
|
|
589
595
|
)
|
|
590
596
|
]
|
|
591
597
|
}
|
|
592
598
|
);
|
|
593
|
-
},
|
|
599
|
+
}, xa = D(Mt);
|
|
594
600
|
export {
|
|
595
601
|
Nt as AddAccountModal,
|
|
596
602
|
Sa as BottomActions,
|
|
@@ -602,7 +608,7 @@ export {
|
|
|
602
608
|
ka as TransactionRow,
|
|
603
609
|
Ea as TransactionStore,
|
|
604
610
|
It as TransactionTable,
|
|
605
|
-
|
|
611
|
+
xa as TransactionWidget,
|
|
606
612
|
$e as exportTransactionsToCSV,
|
|
607
613
|
B as useTransactionsUiStore
|
|
608
614
|
};
|
|
@@ -36,6 +36,7 @@ export declare class TransactionStore {
|
|
|
36
36
|
cachedStartDate: Date;
|
|
37
37
|
filter: TransactionFilter;
|
|
38
38
|
isLoading: boolean;
|
|
39
|
+
alert: string;
|
|
39
40
|
sortColumn: string;
|
|
40
41
|
sortDirection: string;
|
|
41
42
|
onAnalyticEvent: (event: string, session: import('../analytics').AnalyticSession | null) => Promise<any>;
|
|
@@ -50,6 +51,7 @@ export declare class TransactionStore {
|
|
|
50
51
|
setTags: (tags: Tag[]) => void;
|
|
51
52
|
setTransactionRules: (transactionRules: TransactionRule[]) => void;
|
|
52
53
|
setTransactions: (transactions: Transaction[]) => void;
|
|
54
|
+
setAlert: (alert: string) => void;
|
|
53
55
|
addTag: (name: string) => Promise<void>;
|
|
54
56
|
addTagging: (tagGuid: string, transactionGuid: string) => Promise<void>;
|
|
55
57
|
addOrUpdateTransactionRule: (categoryGuid: string, transaction: Transaction) => Promise<void>;
|
package/dist/trends/index.es.js
CHANGED
|
@@ -35,8 +35,8 @@ import { useGridApiContext as Ut, useGridRootProps as Xt, DataGridPro as Zt } fr
|
|
|
35
35
|
import Qt from "@mui/material/Badge";
|
|
36
36
|
import qt from "@mui/material/IconButton";
|
|
37
37
|
import { A as v } from "../Analytics-CzGzz_sE.mjs";
|
|
38
|
-
import { T as ct } from "../EmbeddedCard-
|
|
39
|
-
import { T as dt } from "../TransactionDetails-
|
|
38
|
+
import { T as ct } from "../EmbeddedCard-BqVpA1Jn.mjs";
|
|
39
|
+
import { T as dt } from "../TransactionDetails-Bpp1FDUI.mjs";
|
|
40
40
|
import { D as Pe } from "../Drawer-XPaLYjiO.mjs";
|
|
41
41
|
import { u as Ie } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
|
|
42
42
|
import { L as Le } from "../Loader-CxeBwuPG.mjs";
|