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