@mx-cartographer/experiences 7.0.57 → 7.0.58-alpha.al0
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/dist/cashflow/index.es.js +145 -141
- package/dist/common/types/Widgets.d.ts +1 -0
- package/dist/common/types/localization/CashflowCopy.d.ts +2 -0
- package/dist/recurringtransactions/components/RecurringSettingsDrawer.d.ts +8 -0
- package/dist/recurringtransactions/index.d.ts +1 -0
- package/dist/recurringtransactions/index.es.js +243 -228
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@ import { startOfToday as M } from "date-fns/startOfToday";
|
|
|
6
6
|
import I from "@mui/material/Box";
|
|
7
7
|
import H from "@mui/material/Button";
|
|
8
8
|
import D from "@mui/material/Divider";
|
|
9
|
-
import
|
|
9
|
+
import s from "@mui/material/Stack";
|
|
10
10
|
import ie from "@mui/material/styles/useTheme";
|
|
11
11
|
import { Text as d, P as k, Icon as F, InstitutionLogo as xe, H1 as le, H2 as Xe } from "@mxenabled/mxui";
|
|
12
12
|
import { G as Ye, t as de, u as O, p as re, d as Oe, b as Y, o as me, j as q, g as Ne, h as ke } from "../hooks-CE2TKk4a.mjs";
|
|
@@ -19,7 +19,7 @@ import { b as X } from "../Localization-2MODESHW.mjs";
|
|
|
19
19
|
import { M as Qe } from "../MiniWidgetContainer-DTQdRK-3.mjs";
|
|
20
20
|
import { R as Ve } from "../RecurringSettings-qv7DNYac.mjs";
|
|
21
21
|
import Ke from "@mui/material/Tabs";
|
|
22
|
-
import
|
|
22
|
+
import Ce from "@mui/material/Tab";
|
|
23
23
|
import { getUnixTime as U } from "date-fns/getUnixTime";
|
|
24
24
|
import ee from "@mui/material/List";
|
|
25
25
|
import te from "@mui/material/ListItem";
|
|
@@ -30,7 +30,7 @@ import { f as Z } from "../NumberFormatting-CtWHhyBX.mjs";
|
|
|
30
30
|
import { isAfter as He } from "date-fns/isAfter";
|
|
31
31
|
import { isBefore as Fe } from "date-fns/isBefore";
|
|
32
32
|
import { isToday as We } from "date-fns/isToday";
|
|
33
|
-
import { addDays as
|
|
33
|
+
import { addDays as ye } from "date-fns/addDays";
|
|
34
34
|
import { alpha as et, keyframes as tt } from "@mui/material/styles";
|
|
35
35
|
import { DataGridPro as nt } from "@mui/x-data-grid-pro";
|
|
36
36
|
import { T as Se } from "../TabContentContainer-j01JYR_7.mjs";
|
|
@@ -68,35 +68,35 @@ const K = () => {
|
|
|
68
68
|
/* @__PURE__ */ e(L, { amount: a, bold: !0, sx: { fontSize: 12 } })
|
|
69
69
|
] });
|
|
70
70
|
}, pe = T(ft), gt = ({ onAddIncomeClick: a }) => {
|
|
71
|
-
const n = ie(), { availableWidth: t } = re(), { isMobile:
|
|
71
|
+
const n = ie(), { availableWidth: t } = re(), { isMobile: r } = ue(), { visibleCashAccounts: c, visibleCashBalance: f } = Oe(), { selectedAccounts: m, selectedAccountGuids: g, setSelectedAccounts: C } = Y(), { cashflow: i } = O(), { userProfile: b } = me(), {
|
|
72
72
|
daysUntilNextIncome: l,
|
|
73
73
|
expensesTilNextIncome: h,
|
|
74
|
-
selectedCashAccounts:
|
|
74
|
+
selectedCashAccounts: y,
|
|
75
75
|
setNextIncome: S,
|
|
76
76
|
setSelectedCashAccounts: v,
|
|
77
77
|
setUpcomingExpenses: p
|
|
78
78
|
} = K(), { isDataLoaded: N, nextIncomeRecurrence: _, upcomingExpenses: j } = q();
|
|
79
79
|
u.useEffect(() => {
|
|
80
|
-
|
|
80
|
+
C(c);
|
|
81
81
|
}, [c]), u.useEffect(() => {
|
|
82
82
|
v(
|
|
83
|
-
c.filter((R) =>
|
|
83
|
+
c.filter((R) => g.includes(R.guid))
|
|
84
84
|
);
|
|
85
85
|
}, [c, m]), u.useEffect(() => {
|
|
86
86
|
_ && S(_), p(j);
|
|
87
87
|
}, [_, j]);
|
|
88
88
|
const G = u.useMemo(
|
|
89
|
-
() => c.filter((R) =>
|
|
90
|
-
[
|
|
89
|
+
() => c.filter((R) => g.includes(R.guid)).reduce((R, w) => R + (w?.balance || 0), 0),
|
|
90
|
+
[g, j]
|
|
91
91
|
), W = u.useMemo(
|
|
92
|
-
() => h.filter((R) =>
|
|
93
|
-
[
|
|
92
|
+
() => h.filter((R) => g.includes(R.accountGuid || "")).reduce((R, w) => R + w.amount, 0),
|
|
93
|
+
[g, h]
|
|
94
94
|
), z = u.useMemo(
|
|
95
95
|
() => G - W,
|
|
96
96
|
[G, W]
|
|
97
|
-
), A =
|
|
97
|
+
), A = b?.has_completed_cash_flow_onboarding && !!a;
|
|
98
98
|
return N ? /* @__PURE__ */ e(I, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: t > 710 ? /* @__PURE__ */ o(
|
|
99
|
-
|
|
99
|
+
s,
|
|
100
100
|
{
|
|
101
101
|
border: `1px solid ${n.palette.border.light}`,
|
|
102
102
|
borderRadius: 1,
|
|
@@ -104,27 +104,27 @@ const K = () => {
|
|
|
104
104
|
justifyContent: "space-between",
|
|
105
105
|
px: 24,
|
|
106
106
|
children: [
|
|
107
|
-
/* @__PURE__ */ o(
|
|
107
|
+
/* @__PURE__ */ o(s, { pb: 14, pt: 12, children: [
|
|
108
108
|
/* @__PURE__ */ e(L, { amount: G, variant: "H2" }),
|
|
109
109
|
/* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: X(
|
|
110
110
|
i.total_cash_accounts,
|
|
111
|
-
|
|
111
|
+
y.length
|
|
112
112
|
) })
|
|
113
113
|
] }),
|
|
114
|
-
/* @__PURE__ */ e(
|
|
115
|
-
/* @__PURE__ */ o(
|
|
114
|
+
/* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(F, { name: "remove" }) }),
|
|
115
|
+
/* @__PURE__ */ o(s, { pb: 14, pt: 12, children: [
|
|
116
116
|
/* @__PURE__ */ e(L, { amount: W, variant: "H2" }),
|
|
117
117
|
/* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: X(i.expenses_due, h.length) })
|
|
118
118
|
] }),
|
|
119
|
-
/* @__PURE__ */ e(
|
|
120
|
-
/* @__PURE__ */ o(
|
|
119
|
+
/* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(F, { name: "equal" }) }),
|
|
120
|
+
/* @__PURE__ */ o(s, { pb: 14, pr: 24, pt: 12, children: [
|
|
121
121
|
/* @__PURE__ */ e(L, { amount: z, variant: "H2" }),
|
|
122
|
-
/* @__PURE__ */ o(
|
|
122
|
+
/* @__PURE__ */ o(s, { alignItems: "center", direction: "row", gap: 8, children: [
|
|
123
123
|
/* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: i.available_to_spend }),
|
|
124
124
|
/* @__PURE__ */ e(he, { body: i.tooltip_body, title: i.tooltip_title })
|
|
125
125
|
] })
|
|
126
126
|
] }),
|
|
127
|
-
/* @__PURE__ */ e(
|
|
127
|
+
/* @__PURE__ */ e(s, { borderLeft: `1px solid ${n.palette.border.light}`, pb: 12, pl: 24, pt: 12, children: A ? /* @__PURE__ */ o(P, { children: [
|
|
128
128
|
/* @__PURE__ */ e(d, { variant: "H2", children: X(i.days, l) }),
|
|
129
129
|
/* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: i.next_paycheck })
|
|
130
130
|
] }) : /* @__PURE__ */ e(
|
|
@@ -138,22 +138,22 @@ const K = () => {
|
|
|
138
138
|
) })
|
|
139
139
|
]
|
|
140
140
|
}
|
|
141
|
-
) : /* @__PURE__ */ o(
|
|
142
|
-
/* @__PURE__ */ o(
|
|
141
|
+
) : /* @__PURE__ */ o(s, { border: `1px solid ${n.palette.border.light}`, borderRadius: 1, children: [
|
|
142
|
+
/* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
|
|
143
143
|
/* @__PURE__ */ e(d, { variant: "Small", children: X(
|
|
144
144
|
i.total_cash_accounts,
|
|
145
|
-
|
|
145
|
+
y.length
|
|
146
146
|
) }),
|
|
147
147
|
/* @__PURE__ */ e(L, { amount: f, bold: !0, variant: "XSmall" })
|
|
148
148
|
] }),
|
|
149
149
|
/* @__PURE__ */ e(D, {}),
|
|
150
|
-
/* @__PURE__ */ o(
|
|
150
|
+
/* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
|
|
151
151
|
/* @__PURE__ */ e(d, { variant: "Small", children: X(i.expenses_due, h.length) }),
|
|
152
152
|
/* @__PURE__ */ e(L, { amount: W, bold: !0, symbol: "-", variant: "XSmall" })
|
|
153
153
|
] }),
|
|
154
154
|
/* @__PURE__ */ e(D, {}),
|
|
155
155
|
/* @__PURE__ */ e(
|
|
156
|
-
|
|
156
|
+
s,
|
|
157
157
|
{
|
|
158
158
|
alignItems: "center",
|
|
159
159
|
bgcolor: "background.default",
|
|
@@ -167,11 +167,11 @@ const K = () => {
|
|
|
167
167
|
}
|
|
168
168
|
),
|
|
169
169
|
/* @__PURE__ */ e(D, {}),
|
|
170
|
-
A ? /* @__PURE__ */ o(
|
|
170
|
+
A ? /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
|
|
171
171
|
/* @__PURE__ */ e(d, { variant: "Small", children: i.next_paycheck }),
|
|
172
172
|
/* @__PURE__ */ e(d, { bold: !0, variant: "XSmall", children: X(i.days, l) })
|
|
173
173
|
] }) : /* @__PURE__ */ o(
|
|
174
|
-
|
|
174
|
+
s,
|
|
175
175
|
{
|
|
176
176
|
alignItems: "center",
|
|
177
177
|
direction: "row",
|
|
@@ -193,24 +193,28 @@ const K = () => {
|
|
|
193
193
|
]
|
|
194
194
|
}
|
|
195
195
|
)
|
|
196
|
-
] }) }) : /* @__PURE__ */ e(se, { height:
|
|
197
|
-
}, bt = T(gt), xt = ({
|
|
198
|
-
|
|
196
|
+
] }) }) : /* @__PURE__ */ e(se, { height: r ? 210 : 120 });
|
|
197
|
+
}, bt = T(gt), xt = ({
|
|
198
|
+
onPrimaryCtaClick: a,
|
|
199
|
+
onSecondaryCtaClick: n,
|
|
200
|
+
sx: t = {}
|
|
201
|
+
}) => {
|
|
202
|
+
const { cashflow: r } = O(), { isCopyLoaded: c, isInitialized: f } = Y(), { loadRepeatingTransactions: m, setDateRange: g } = q();
|
|
199
203
|
return u.useEffect(() => {
|
|
200
|
-
|
|
201
|
-
}, [
|
|
204
|
+
f && (g({ start: M(), end: qe(M(), 1) }), m().finally());
|
|
205
|
+
}, [f]), c ? /* @__PURE__ */ e(
|
|
202
206
|
Qe,
|
|
203
207
|
{
|
|
204
208
|
className: "mx-exp-cashflow-miniwidget",
|
|
205
209
|
onPrimaryCtaClick: a,
|
|
206
|
-
primaryCtaLabel:
|
|
207
|
-
subTitle:
|
|
208
|
-
sx:
|
|
209
|
-
title:
|
|
210
|
-
children: /* @__PURE__ */ e(bt, { onAddIncomeClick:
|
|
210
|
+
primaryCtaLabel: r.primary_cta,
|
|
211
|
+
subTitle: r.sub_title,
|
|
212
|
+
sx: t,
|
|
213
|
+
title: r.title,
|
|
214
|
+
children: /* @__PURE__ */ e(bt, { onAddIncomeClick: n })
|
|
211
215
|
}
|
|
212
216
|
) : /* @__PURE__ */ e(se, {});
|
|
213
|
-
}, On = T(xt),
|
|
217
|
+
}, On = T(xt), Ct = ({ remaining: a }) => /* @__PURE__ */ e(
|
|
214
218
|
te,
|
|
215
219
|
{
|
|
216
220
|
sx: {
|
|
@@ -227,9 +231,9 @@ const K = () => {
|
|
|
227
231
|
}
|
|
228
232
|
);
|
|
229
233
|
var ne = /* @__PURE__ */ ((a) => (a.EXPENSE = "expense", a.INCOME = "income", a))(ne || {});
|
|
230
|
-
const
|
|
234
|
+
const yt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
231
235
|
/* @__PURE__ */ o(te, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
|
|
232
|
-
/* @__PURE__ */ o(
|
|
236
|
+
/* @__PURE__ */ o(s, { alignItems: "center", height: 32, width: 32, children: [
|
|
233
237
|
/* @__PURE__ */ e(d, { bold: !0, sx: { fontSize: 11 }, children: Q(a.expectedDate, V.MONTH) }),
|
|
234
238
|
/* @__PURE__ */ e(d, { bold: !0, sx: { fontSize: 11 }, children: Q(a.expectedDate, V.DAY) })
|
|
235
239
|
] }),
|
|
@@ -244,7 +248,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
244
248
|
)
|
|
245
249
|
] }),
|
|
246
250
|
/* @__PURE__ */ e(D, {})
|
|
247
|
-
] }), Ee = T(
|
|
251
|
+
] }), Ee = T(yt), St = ({ total: a, type: n }) => {
|
|
248
252
|
const { cashflow: t } = O();
|
|
249
253
|
return /* @__PURE__ */ o(P, { children: [
|
|
250
254
|
/* @__PURE__ */ o(
|
|
@@ -271,9 +275,9 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
271
275
|
/* @__PURE__ */ e(D, {})
|
|
272
276
|
] });
|
|
273
277
|
}, Te = T(St), ae = (a, n) => (t) => t.accountGuid === a.guid && (We(t.expectedDate) || He(t.expectedDate, n.start)) && Fe(t.expectedDate, n.end), _t = () => {
|
|
274
|
-
const { availableWidth: a } = re(), { cashflow: n } = O(), { upcomingExpenses: t, upcomingIncome:
|
|
275
|
-
return /* @__PURE__ */ o(
|
|
276
|
-
/* @__PURE__ */ o(
|
|
278
|
+
const { availableWidth: a } = re(), { cashflow: n } = O(), { upcomingExpenses: t, upcomingIncome: r } = q(), { dateRange: c, selectedCashAccounts: f } = K();
|
|
279
|
+
return /* @__PURE__ */ o(s, { children: [
|
|
280
|
+
/* @__PURE__ */ o(s, { direction: a < 400 ? "column" : "row", justifyContent: "space-between", children: [
|
|
277
281
|
/* @__PURE__ */ e(d, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: n.accounts_breakdown }),
|
|
278
282
|
/* @__PURE__ */ o(d, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: [
|
|
279
283
|
Q(c.start, V.FULL_MONTH_DAY),
|
|
@@ -282,13 +286,13 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
282
286
|
Q(c.end, V.FULL_MONTH_DAY)
|
|
283
287
|
] })
|
|
284
288
|
] }),
|
|
285
|
-
/* @__PURE__ */ e(
|
|
286
|
-
const
|
|
289
|
+
/* @__PURE__ */ e(s, { children: f.map((m) => {
|
|
290
|
+
const g = r.filter(ae(m, c)).sort((l, h) => U(l.expectedDate) - U(h.expectedDate)), C = t.filter(
|
|
287
291
|
ae(m, c)
|
|
288
|
-
), i =
|
|
292
|
+
), i = g.reduce(
|
|
289
293
|
(l, h) => l + h.amount,
|
|
290
294
|
0
|
|
291
|
-
),
|
|
295
|
+
), b = C.reduce(
|
|
292
296
|
(l, h) => l + h.amount,
|
|
293
297
|
0
|
|
294
298
|
);
|
|
@@ -314,26 +318,26 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
314
318
|
}
|
|
315
319
|
),
|
|
316
320
|
/* @__PURE__ */ e(D, {}),
|
|
317
|
-
|
|
321
|
+
g.length > 0 && /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(
|
|
318
322
|
ee,
|
|
319
323
|
{
|
|
320
324
|
subheader: /* @__PURE__ */ e(Te, { total: i, type: ne.INCOME }),
|
|
321
325
|
sx: { width: "100%" },
|
|
322
|
-
children:
|
|
326
|
+
children: g.map((l) => /* @__PURE__ */ e(Ee, { recurrence: l }, l.repeatingTransactionGuid))
|
|
323
327
|
}
|
|
324
328
|
) }),
|
|
325
|
-
|
|
329
|
+
C.length > 0 && /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(
|
|
326
330
|
ee,
|
|
327
331
|
{
|
|
328
|
-
subheader: /* @__PURE__ */ e(Te, { total:
|
|
332
|
+
subheader: /* @__PURE__ */ e(Te, { total: b, type: ne.EXPENSE }),
|
|
329
333
|
sx: { width: "100%" },
|
|
330
|
-
children:
|
|
334
|
+
children: C.map((l) => /* @__PURE__ */ e(Ee, { recurrence: l }, l.repeatingTransactionGuid))
|
|
331
335
|
}
|
|
332
336
|
) }),
|
|
333
337
|
/* @__PURE__ */ e(
|
|
334
|
-
|
|
338
|
+
Ct,
|
|
335
339
|
{
|
|
336
|
-
remaining: (m.available_balance || m.balance || 0) + i -
|
|
340
|
+
remaining: (m.available_balance || m.balance || 0) + i - b
|
|
337
341
|
}
|
|
338
342
|
)
|
|
339
343
|
]
|
|
@@ -343,14 +347,14 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
343
347
|
}) })
|
|
344
348
|
] });
|
|
345
349
|
}, wt = T(_t), It = () => {
|
|
346
|
-
const { availableWidth: a } = re(), n = ie(), { cashflow: t } = O(), { upcomingExpenses:
|
|
350
|
+
const { availableWidth: a } = re(), n = ie(), { cashflow: t } = O(), { upcomingExpenses: r, upcomingIncome: c } = q(), { dateRange: f, selectedCashAccounts: m } = K(), g = [
|
|
347
351
|
{
|
|
348
352
|
field: "account",
|
|
349
353
|
flex: 1.5,
|
|
350
354
|
headerName: t.accounts,
|
|
351
|
-
renderCell: ({ value: { name: i, nickname:
|
|
352
|
-
const
|
|
353
|
-
return /* @__PURE__ */ o(
|
|
355
|
+
renderCell: ({ value: { name: i, nickname: b, institution_guid: l, account_number: h } }) => {
|
|
356
|
+
const y = b || i;
|
|
357
|
+
return /* @__PURE__ */ o(s, { alignItems: "center", flexDirection: "row", gap: 12, children: [
|
|
354
358
|
/* @__PURE__ */ e(
|
|
355
359
|
xe,
|
|
356
360
|
{
|
|
@@ -359,7 +363,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
359
363
|
size: 16
|
|
360
364
|
}
|
|
361
365
|
),
|
|
362
|
-
/* @__PURE__ */ e(d, { variant: "body2", children: `${
|
|
366
|
+
/* @__PURE__ */ e(d, { variant: "body2", children: `${y} ${h ? `*${h}` : ""}` })
|
|
363
367
|
] });
|
|
364
368
|
}
|
|
365
369
|
},
|
|
@@ -390,32 +394,32 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
390
394
|
headerName: t.remaining,
|
|
391
395
|
type: "number",
|
|
392
396
|
renderCell: (i) => {
|
|
393
|
-
const
|
|
397
|
+
const b = i.row.balance + i.row.income - i.row.expenses;
|
|
394
398
|
return /* @__PURE__ */ e(
|
|
395
399
|
d,
|
|
396
400
|
{
|
|
397
|
-
color: Math.sign(
|
|
401
|
+
color: Math.sign(b) === -1 ? n.palette.error.main : n.palette.text.primary,
|
|
398
402
|
variant: "Small",
|
|
399
|
-
children: Z(
|
|
403
|
+
children: Z(b, "0,0.00")
|
|
400
404
|
}
|
|
401
405
|
);
|
|
402
406
|
}
|
|
403
407
|
}
|
|
404
|
-
],
|
|
405
|
-
const
|
|
406
|
-
ae(i, { start: M(), end:
|
|
407
|
-
).reduce((
|
|
408
|
-
ae(i, { start: M(), end:
|
|
409
|
-
).reduce((
|
|
408
|
+
], C = u.useMemo(() => m.map((i) => {
|
|
409
|
+
const b = r.filter(
|
|
410
|
+
ae(i, { start: M(), end: ye(M(), 30) })
|
|
411
|
+
).reduce((y, S) => y + S.amount, 0), l = c.filter(
|
|
412
|
+
ae(i, { start: M(), end: ye(M(), 30) })
|
|
413
|
+
).reduce((y, S) => y + S.amount, 0), h = (i.balance || 0) + l - b;
|
|
410
414
|
return {
|
|
411
415
|
account: i,
|
|
412
416
|
balance: i.balance || 0,
|
|
413
417
|
id: i.guid,
|
|
414
418
|
income: l,
|
|
415
|
-
expenses:
|
|
419
|
+
expenses: b,
|
|
416
420
|
remaining: h
|
|
417
421
|
};
|
|
418
|
-
}), [m,
|
|
422
|
+
}), [m, r, c]);
|
|
419
423
|
return /* @__PURE__ */ o(
|
|
420
424
|
I,
|
|
421
425
|
{
|
|
@@ -424,13 +428,13 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
424
428
|
},
|
|
425
429
|
children: [
|
|
426
430
|
/* @__PURE__ */ o(
|
|
427
|
-
|
|
431
|
+
s,
|
|
428
432
|
{
|
|
429
433
|
direction: a < 540 ? "column" : "row",
|
|
430
434
|
justifyContent: "space-between",
|
|
431
435
|
mb: 12,
|
|
432
436
|
children: [
|
|
433
|
-
/* @__PURE__ */ o(
|
|
437
|
+
/* @__PURE__ */ o(s, { alignItems: "center", direction: "row", gap: 8, children: [
|
|
434
438
|
/* @__PURE__ */ e(
|
|
435
439
|
d,
|
|
436
440
|
{
|
|
@@ -463,13 +467,13 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
463
467
|
nt,
|
|
464
468
|
{
|
|
465
469
|
columnHeaderHeight: 48,
|
|
466
|
-
columns:
|
|
470
|
+
columns: g,
|
|
467
471
|
density: "standard",
|
|
468
472
|
disableColumnMenu: !0,
|
|
469
473
|
disableRowSelectionOnClick: !0,
|
|
470
474
|
hideFooter: !0,
|
|
471
475
|
rowHeight: 48,
|
|
472
|
-
rows:
|
|
476
|
+
rows: C,
|
|
473
477
|
sx: {
|
|
474
478
|
border: "1px solid",
|
|
475
479
|
borderColor: "border.light",
|
|
@@ -489,8 +493,8 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
489
493
|
}
|
|
490
494
|
}
|
|
491
495
|
}
|
|
492
|
-
) :
|
|
493
|
-
const { name:
|
|
496
|
+
) : C.map((i) => {
|
|
497
|
+
const { name: b, nickname: l, institution_guid: h, account_number: y } = i.account, S = l || b;
|
|
494
498
|
return /* @__PURE__ */ e(
|
|
495
499
|
ee,
|
|
496
500
|
{
|
|
@@ -500,9 +504,9 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
500
504
|
borderRadius: 1,
|
|
501
505
|
marginBottom: 24
|
|
502
506
|
},
|
|
503
|
-
children: /* @__PURE__ */ e(te, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ o(
|
|
507
|
+
children: /* @__PURE__ */ e(te, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ o(s, { width: "100%", children: [
|
|
504
508
|
/* @__PURE__ */ o(
|
|
505
|
-
|
|
509
|
+
s,
|
|
506
510
|
{
|
|
507
511
|
alignItems: "center",
|
|
508
512
|
flexDirection: "row",
|
|
@@ -510,7 +514,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
510
514
|
px: 16,
|
|
511
515
|
py: 12,
|
|
512
516
|
children: [
|
|
513
|
-
/* @__PURE__ */ o(
|
|
517
|
+
/* @__PURE__ */ o(s, { alignItems: "center", flexDirection: "row", gap: 8, width: "50%", children: [
|
|
514
518
|
/* @__PURE__ */ e(
|
|
515
519
|
xe,
|
|
516
520
|
{
|
|
@@ -519,7 +523,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
519
523
|
size: 16
|
|
520
524
|
}
|
|
521
525
|
),
|
|
522
|
-
/* @__PURE__ */ e(d, { variant: "Small", children: `${S} ${
|
|
526
|
+
/* @__PURE__ */ e(d, { variant: "Small", children: `${S} ${y ? `*${y}` : ""}` })
|
|
523
527
|
] }),
|
|
524
528
|
/* @__PURE__ */ e(L, { amount: i.balance, bold: !0, variant: "Small" })
|
|
525
529
|
]
|
|
@@ -527,7 +531,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
527
531
|
),
|
|
528
532
|
/* @__PURE__ */ e(D, { sx: { width: "100%" } }),
|
|
529
533
|
/* @__PURE__ */ o(
|
|
530
|
-
|
|
534
|
+
s,
|
|
531
535
|
{
|
|
532
536
|
alignItems: "center",
|
|
533
537
|
flexDirection: "row",
|
|
@@ -542,7 +546,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
542
546
|
),
|
|
543
547
|
/* @__PURE__ */ e(D, { sx: { width: "100%" } }),
|
|
544
548
|
/* @__PURE__ */ o(
|
|
545
|
-
|
|
549
|
+
s,
|
|
546
550
|
{
|
|
547
551
|
alignItems: "center",
|
|
548
552
|
flexDirection: "row",
|
|
@@ -557,7 +561,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
557
561
|
),
|
|
558
562
|
/* @__PURE__ */ e(D, { sx: { width: "100%" } }),
|
|
559
563
|
/* @__PURE__ */ e(
|
|
560
|
-
|
|
564
|
+
s,
|
|
561
565
|
{
|
|
562
566
|
alignItems: "center",
|
|
563
567
|
bgcolor: "background.default",
|
|
@@ -579,12 +583,12 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
579
583
|
}
|
|
580
584
|
);
|
|
581
585
|
}, Dt = T(It), vt = () => {
|
|
582
|
-
const { cashflow: a } = O(), { isDesktop: n } = ue(), { onEvent: t } = Ne(), [
|
|
583
|
-
c(
|
|
586
|
+
const { cashflow: a } = O(), { isDesktop: n } = ue(), { onEvent: t } = Ne(), [r, c] = u.useState(0), f = (m, g) => {
|
|
587
|
+
c(g);
|
|
584
588
|
};
|
|
585
589
|
return u.useEffect(() => {
|
|
586
|
-
t(
|
|
587
|
-
}, [
|
|
590
|
+
t(r === 0 ? "cash_flow_summary" : "cash_flow_details");
|
|
591
|
+
}, [r]), /* @__PURE__ */ o(I, { children: [
|
|
588
592
|
/* @__PURE__ */ o(
|
|
589
593
|
Ke,
|
|
590
594
|
{
|
|
@@ -592,11 +596,11 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
592
596
|
centered: !0,
|
|
593
597
|
onChange: f,
|
|
594
598
|
textColor: "primary",
|
|
595
|
-
value:
|
|
599
|
+
value: r,
|
|
596
600
|
variant: "fullWidth",
|
|
597
601
|
children: [
|
|
598
602
|
/* @__PURE__ */ e(
|
|
599
|
-
|
|
603
|
+
Ce,
|
|
600
604
|
{
|
|
601
605
|
"aria-controls": "cashflow-tabpanel-0",
|
|
602
606
|
id: "cashflow-tab-0",
|
|
@@ -607,7 +611,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
607
611
|
}
|
|
608
612
|
),
|
|
609
613
|
/* @__PURE__ */ e(
|
|
610
|
-
|
|
614
|
+
Ce,
|
|
611
615
|
{
|
|
612
616
|
"aria-controls": "cashflow-tabpanel-1",
|
|
613
617
|
id: "cashflow-tab-1",
|
|
@@ -621,18 +625,18 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
621
625
|
}
|
|
622
626
|
),
|
|
623
627
|
/* @__PURE__ */ e(I, { sx: { mb: 32 } }),
|
|
624
|
-
/* @__PURE__ */ e(Se, { index: 0, name: "cashflow", value:
|
|
625
|
-
/* @__PURE__ */ e(Se, { index: 1, name: "cashflow", value:
|
|
628
|
+
/* @__PURE__ */ e(Se, { index: 0, name: "cashflow", value: r, children: /* @__PURE__ */ e(I, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Dt, {}) }) }),
|
|
629
|
+
/* @__PURE__ */ e(Se, { index: 1, name: "cashflow", value: r, children: /* @__PURE__ */ e(I, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(wt, {}) }) })
|
|
626
630
|
] });
|
|
627
631
|
}, At = T(vt), oe = ({
|
|
628
632
|
amount: a,
|
|
629
633
|
isMobile: n = !1,
|
|
630
634
|
isTotal: t = !1,
|
|
631
|
-
label:
|
|
635
|
+
label: r,
|
|
632
636
|
symbol: c,
|
|
633
637
|
tooltip: f
|
|
634
638
|
}) => /* @__PURE__ */ o(
|
|
635
|
-
|
|
639
|
+
s,
|
|
636
640
|
{
|
|
637
641
|
bgcolor: t ? "background.default" : "transparent",
|
|
638
642
|
direction: n ? "row" : "column",
|
|
@@ -641,27 +645,27 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
641
645
|
sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
|
|
642
646
|
children: [
|
|
643
647
|
!n && /* @__PURE__ */ e(L, { amount: a, component: "h2", variant: "H2" }),
|
|
644
|
-
/* @__PURE__ */ o(
|
|
645
|
-
/* @__PURE__ */ e(d, { bold: t, variant: "Small", children:
|
|
648
|
+
/* @__PURE__ */ o(s, { alignItems: "center", component: "span", direction: "row", gap: 8, mt: 2, children: [
|
|
649
|
+
/* @__PURE__ */ e(d, { bold: t, variant: "Small", children: r }),
|
|
646
650
|
f
|
|
647
651
|
] }),
|
|
648
652
|
n && /* @__PURE__ */ e(L, { amount: a, component: "h2", symbol: c, variant: "Small" })
|
|
649
653
|
]
|
|
650
654
|
}
|
|
651
655
|
), Re = (a, n) => (t) => t.accountGuid && a.includes(t.accountGuid) && (We(t.expectedDate) || He(t.expectedDate, n.start)) && Fe(t.expectedDate, n.end), Et = () => {
|
|
652
|
-
const { availableWidth: a } = re(), { cashflow: n } = O(), { upcomingExpenses: t, upcomingIncome:
|
|
656
|
+
const { availableWidth: a } = re(), { cashflow: n } = O(), { upcomingExpenses: t, upcomingIncome: r } = q(), { selectedAccountGuids: c } = Y(), { dateRange: f, selectedCashAccounts: m } = K(), { userProfile: g } = me(), [C, i] = u.useState(!1), b = u.useMemo(
|
|
653
657
|
() => t.filter(Re(c, f)),
|
|
654
658
|
[f, c, t]
|
|
655
659
|
), l = u.useMemo(
|
|
656
|
-
() =>
|
|
657
|
-
[f, c,
|
|
660
|
+
() => r.filter(Re(c, f)),
|
|
661
|
+
[f, c, r]
|
|
658
662
|
), h = u.useMemo(
|
|
659
663
|
() => m.reduce((N, _) => N + (_?.balance || 0), 0),
|
|
660
664
|
[m]
|
|
661
|
-
),
|
|
662
|
-
return /* @__PURE__ */ o(
|
|
665
|
+
), y = b.reduce((N, _) => N + _.amount, 0), S = l.reduce((N, _) => N + _.amount, 0), v = h - y + S, p = a < 725;
|
|
666
|
+
return /* @__PURE__ */ o(s, { sx: { mx: p ? 16 : 0, my: p ? 24 : 42 }, children: [
|
|
663
667
|
/* @__PURE__ */ o(
|
|
664
|
-
|
|
668
|
+
s,
|
|
665
669
|
{
|
|
666
670
|
border: p ? "1px solid" : "none",
|
|
667
671
|
borderColor: "border.light",
|
|
@@ -679,7 +683,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
679
683
|
}
|
|
680
684
|
),
|
|
681
685
|
p && /* @__PURE__ */ e(D, {}),
|
|
682
|
-
|
|
686
|
+
g?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(P, { children: [
|
|
683
687
|
!p && /* @__PURE__ */ e(d, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
|
|
684
688
|
/* @__PURE__ */ e(
|
|
685
689
|
oe,
|
|
@@ -703,7 +707,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
703
707
|
/* @__PURE__ */ e(
|
|
704
708
|
oe,
|
|
705
709
|
{
|
|
706
|
-
amount:
|
|
710
|
+
amount: y,
|
|
707
711
|
isMobile: p,
|
|
708
712
|
label: n.to_be_paid_out,
|
|
709
713
|
symbol: p ? "-" : void 0
|
|
@@ -733,7 +737,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
733
737
|
$e,
|
|
734
738
|
{
|
|
735
739
|
ariaLabelClose: n.close_manage_income_aria,
|
|
736
|
-
isOpen:
|
|
740
|
+
isOpen: C,
|
|
737
741
|
onClose: () => i(!1),
|
|
738
742
|
shouldShowHeaderBorders: !1,
|
|
739
743
|
title: n.manage_income,
|
|
@@ -742,13 +746,13 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
742
746
|
)
|
|
743
747
|
] });
|
|
744
748
|
}, Tt = T(Et), Rt = ({ handleNextStep: a }) => {
|
|
745
|
-
const { completeOnboarding: n } = de(), { cashflow: t } = O(),
|
|
746
|
-
return /* @__PURE__ */ o(
|
|
749
|
+
const { completeOnboarding: n } = de(), { cashflow: t } = O(), r = ie();
|
|
750
|
+
return /* @__PURE__ */ o(s, { children: [
|
|
747
751
|
/* @__PURE__ */ e(le, { pb: 12, children: t.welcome_title }),
|
|
748
752
|
/* @__PURE__ */ e(
|
|
749
753
|
Xe,
|
|
750
754
|
{
|
|
751
|
-
color:
|
|
755
|
+
color: r.palette.primary.light,
|
|
752
756
|
pb: 8,
|
|
753
757
|
sx: { wordBreak: "break-word", whiteSpace: "initial" },
|
|
754
758
|
variant: "H3",
|
|
@@ -756,12 +760,12 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
756
760
|
}
|
|
757
761
|
),
|
|
758
762
|
/* @__PURE__ */ e(k, { pb: 32, children: t.welcome_description }),
|
|
759
|
-
/* @__PURE__ */ o(
|
|
763
|
+
/* @__PURE__ */ o(s, { direction: "column", mb: 32, spacing: 32, children: [
|
|
760
764
|
/* @__PURE__ */ o(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
|
|
761
765
|
/* @__PURE__ */ e(
|
|
762
766
|
I,
|
|
763
767
|
{
|
|
764
|
-
bgcolor:
|
|
768
|
+
bgcolor: r.palette.primary.lighter,
|
|
765
769
|
borderRadius: 1,
|
|
766
770
|
component: "span",
|
|
767
771
|
height: 44,
|
|
@@ -777,7 +781,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
777
781
|
/* @__PURE__ */ e(
|
|
778
782
|
I,
|
|
779
783
|
{
|
|
780
|
-
bgcolor:
|
|
784
|
+
bgcolor: r.palette.primary.lighter,
|
|
781
785
|
borderRadius: 1,
|
|
782
786
|
component: "span",
|
|
783
787
|
height: 44,
|
|
@@ -793,7 +797,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
793
797
|
/* @__PURE__ */ e(
|
|
794
798
|
I,
|
|
795
799
|
{
|
|
796
|
-
bgcolor:
|
|
800
|
+
bgcolor: r.palette.primary.lighter,
|
|
797
801
|
borderRadius: 1,
|
|
798
802
|
component: "span",
|
|
799
803
|
height: 44,
|
|
@@ -806,7 +810,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
806
810
|
t.bullet_three
|
|
807
811
|
] })
|
|
808
812
|
] }),
|
|
809
|
-
/* @__PURE__ */ o(
|
|
813
|
+
/* @__PURE__ */ o(s, { direction: "row", spacing: 16, children: [
|
|
810
814
|
/* @__PURE__ */ e(H, { onClick: a, variant: "contained", children: t.get_started_button }),
|
|
811
815
|
/* @__PURE__ */ e(H, { onClick: n, variant: "outlined", children: t.skip_button })
|
|
812
816
|
] })
|
|
@@ -829,17 +833,17 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
829
833
|
transform: rotate(360deg);
|
|
830
834
|
}
|
|
831
835
|
`, Ht = () => {
|
|
832
|
-
const { addRepeatingTransaction: a, repeatingTransactions: n } = q(), { cashflow: t, common:
|
|
836
|
+
const { addRepeatingTransaction: a, repeatingTransactions: n } = q(), { cashflow: t, common: r } = O(), { completeOnboarding: c } = de(), { isDirty: f } = K(), { isMobile: m } = ue(), { isCopyLoaded: g, setDisplayedDate: C } = Y(), { filter: i, setFilter: b, transactions: l } = ke(), h = ie(), [y, S] = J(!0), [v, p] = u.useState(mt.EveryMonth), [N, _] = u.useState(1), [j, G] = u.useState(15), [W, z] = J(!1), [A, R] = J(1), [w, je] = J([]), [fe, ce] = J(""), $ = u.useMemo(
|
|
833
837
|
() => l.find((x) => x.guid === fe),
|
|
834
838
|
[fe, l]
|
|
835
839
|
), ze = !!n.filter(
|
|
836
840
|
(x) => x.repeating_transaction_type === Ie.Income
|
|
837
841
|
).length, ge = async () => {
|
|
838
|
-
R(2),
|
|
842
|
+
R(2), C(
|
|
839
843
|
// Beginning of the month, 90 days before today
|
|
840
844
|
ct(Me(M(), 90)),
|
|
841
845
|
M()
|
|
842
|
-
),
|
|
846
|
+
), b({ ...i, custom: _e }), R(3);
|
|
843
847
|
}, Be = async () => {
|
|
844
848
|
if (!(w.length < 1)) {
|
|
845
849
|
z(!0);
|
|
@@ -859,8 +863,8 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
859
863
|
}
|
|
860
864
|
await c();
|
|
861
865
|
}
|
|
862
|
-
}, Ue = !$ &&
|
|
863
|
-
return
|
|
866
|
+
}, Ue = !$ && y || !$ && w.length < 1;
|
|
867
|
+
return g ? /* @__PURE__ */ o(
|
|
864
868
|
I,
|
|
865
869
|
{
|
|
866
870
|
sx: {
|
|
@@ -909,7 +913,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
909
913
|
/* @__PURE__ */ e(dt, { transaction: x }),
|
|
910
914
|
E !== w.length - 1 && /* @__PURE__ */ e(D, {})
|
|
911
915
|
] }, x.guid)) }),
|
|
912
|
-
/* @__PURE__ */ o(
|
|
916
|
+
/* @__PURE__ */ o(s, { alignItems: "center", direction: "row", children: [
|
|
913
917
|
/* @__PURE__ */ e(D, { sx: { flexGrow: 1 } }),
|
|
914
918
|
/* @__PURE__ */ e(
|
|
915
919
|
H,
|
|
@@ -925,7 +929,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
925
929
|
at,
|
|
926
930
|
{
|
|
927
931
|
bgcolor: "background.paper",
|
|
928
|
-
onSearch: (x) =>
|
|
932
|
+
onSearch: (x) => b({
|
|
929
933
|
...i,
|
|
930
934
|
custom: (E) => x ? it(E, x) : _e(E)
|
|
931
935
|
}),
|
|
@@ -949,7 +953,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
949
953
|
transaction: $
|
|
950
954
|
}
|
|
951
955
|
),
|
|
952
|
-
/* @__PURE__ */ o(
|
|
956
|
+
/* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
|
|
953
957
|
/* @__PURE__ */ e(
|
|
954
958
|
H,
|
|
955
959
|
{
|
|
@@ -963,7 +967,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
963
967
|
}), je(x), ce("");
|
|
964
968
|
},
|
|
965
969
|
variant: "contained",
|
|
966
|
-
children:
|
|
970
|
+
children: r.confirm_button
|
|
967
971
|
}
|
|
968
972
|
),
|
|
969
973
|
/* @__PURE__ */ e(
|
|
@@ -973,12 +977,12 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
973
977
|
ce(""), S(!0), ge().finally();
|
|
974
978
|
},
|
|
975
979
|
variant: "outlined",
|
|
976
|
-
children:
|
|
980
|
+
children: r.cancel_button
|
|
977
981
|
}
|
|
978
982
|
)
|
|
979
983
|
] })
|
|
980
984
|
] }),
|
|
981
|
-
w.length > 0 && !$ && /* @__PURE__ */ o(
|
|
985
|
+
w.length > 0 && !$ && /* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
|
|
982
986
|
/* @__PURE__ */ e(
|
|
983
987
|
H,
|
|
984
988
|
{
|
|
@@ -1008,33 +1012,33 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
1008
1012
|
}, Ft = T(Ht), Wt = ({ onBackClick: a, sx: n = {} }) => {
|
|
1009
1013
|
const {
|
|
1010
1014
|
selectedAccounts: t,
|
|
1011
|
-
selectedAccountGuids:
|
|
1015
|
+
selectedAccountGuids: r,
|
|
1012
1016
|
setSelectedAccounts: c,
|
|
1013
1017
|
shouldDisableNextDate: f,
|
|
1014
1018
|
shouldDisablePrevDate: m
|
|
1015
|
-
} = Y(), { onEvent:
|
|
1019
|
+
} = Y(), { onEvent: g } = Ne(), { visibleCashAccounts: C } = Oe(), { setFilter: i } = ke(), { userProfile: b } = me(), { dateRange: l, setSelectedCashAccounts: h } = K(), { loadRepeatingTransactions: y, setDateRange: S } = q(), { cashflow: v, recurring: p } = O(), { isCopyLoaded: N, isInitialized: _ } = Y(), [j, G] = u.useState(!1);
|
|
1016
1020
|
return u.useEffect(() => {
|
|
1017
|
-
_ && (S(l),
|
|
1021
|
+
_ && (S(l), y().finally());
|
|
1018
1022
|
}, [_]), u.useEffect(() => {
|
|
1019
|
-
c(
|
|
1020
|
-
}, [
|
|
1021
|
-
const W =
|
|
1022
|
-
(A) =>
|
|
1023
|
+
c(C);
|
|
1024
|
+
}, [C]), u.useEffect(() => {
|
|
1025
|
+
const W = C.map((A) => A.guid), z = t.filter(
|
|
1026
|
+
(A) => r.includes(A.guid) && W.includes(A.guid)
|
|
1023
1027
|
);
|
|
1024
1028
|
h(z), i({
|
|
1025
1029
|
dateRange: { start: Me(M(), 90), end: ht() },
|
|
1026
1030
|
accounts: z.map((A) => A.guid)
|
|
1027
1031
|
});
|
|
1028
|
-
}, [
|
|
1032
|
+
}, [C, t]), !N || !_ ? /* @__PURE__ */ e(se, {}) : b?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(
|
|
1029
1033
|
ve,
|
|
1030
1034
|
{
|
|
1031
|
-
accountOptions:
|
|
1035
|
+
accountOptions: C,
|
|
1032
1036
|
actions: [
|
|
1033
1037
|
{
|
|
1034
1038
|
label: p.action_title,
|
|
1035
1039
|
iconName: "credit_card_gear",
|
|
1036
1040
|
onClick: () => {
|
|
1037
|
-
G(!0),
|
|
1041
|
+
G(!0), g(Ae.CASH_FLOW_CLICK_SETTINGS);
|
|
1038
1042
|
}
|
|
1039
1043
|
}
|
|
1040
1044
|
],
|
|
@@ -1047,7 +1051,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
1047
1051
|
},
|
|
1048
1052
|
dateRange: l,
|
|
1049
1053
|
dateRangeVariant: "readonly",
|
|
1050
|
-
onAccountsFilterClick: () =>
|
|
1054
|
+
onAccountsFilterClick: () => g(Ae.CASH_FLOW_CLICK_FILTER),
|
|
1051
1055
|
onBackClick: a,
|
|
1052
1056
|
sx: n,
|
|
1053
1057
|
title: v.title,
|
|
@@ -1079,21 +1083,21 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
|
|
|
1079
1083
|
}, Nn = T(Wt);
|
|
1080
1084
|
class kn {
|
|
1081
1085
|
fetchInstance;
|
|
1082
|
-
constructor(n, t,
|
|
1083
|
-
this.fetchInstance = new pt(n, t, void 0,
|
|
1086
|
+
constructor(n, t, r) {
|
|
1087
|
+
this.fetchInstance = new pt(n, t, void 0, r);
|
|
1084
1088
|
}
|
|
1085
1089
|
addCashflowEvent = async (n) => this.fetchInstance.post(B.CASHFLOW_EVENTS, { ...n }).then((t) => t);
|
|
1086
1090
|
addCashflowSequence = async (n) => this.fetchInstance.post(B.CASHFLOW_SEQUENCES, { ...n }).then((t) => t.cashflow_sequence);
|
|
1087
1091
|
getCashflowSequences = async () => this.fetchInstance.get(B.CASHFLOW_SEQUENCES).then((n) => n.cashflow_sequences);
|
|
1088
1092
|
getCashflowEventsByDateRange = async (n, t) => this.fetchInstance.get(
|
|
1089
1093
|
`${B.CASHFLOW_EVENTS}/from/${U(n)}/to/${U(t)}`
|
|
1090
|
-
).then((
|
|
1094
|
+
).then((r) => r.cashflow_events);
|
|
1091
1095
|
deleteCashflowSequence = async (n) => this.fetchInstance.delete(`${B.CASHFLOW_SEQUENCES}/${n}`).then((t) => t);
|
|
1092
1096
|
getProjectedCashflowEvents = async (n, t) => this.fetchInstance.get(
|
|
1093
1097
|
`${B.CASHFLOW_SEQUENCES}/projected_events/from/${U(
|
|
1094
1098
|
n
|
|
1095
1099
|
)}/to/${U(t)}`
|
|
1096
|
-
).then((
|
|
1100
|
+
).then((r) => r.cashflow_events);
|
|
1097
1101
|
updateCashflowSequence = async (n) => this.fetchInstance.put(`${B.CASHFLOW_SEQUENCES}/${n.guid}`, n).then((t) => t.cashflow_sequence);
|
|
1098
1102
|
}
|
|
1099
1103
|
export {
|