@mx-cartographer/experiences 7.1.3 → 7.1.4

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.
Files changed (3) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/cashflow/index.es.js +279 -287
  3. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,7 @@
1
+ ## [7.1.4] - 11-10-2025
2
+
3
+ - **UPDATED** - Cash Flow widget to show add income button when no recurring income transactions
4
+
1
5
  ## [7.1.3] - 11-10-2025
2
6
 
3
7
  - **UPDATED** - Cash Flow widget to show onboarding when no recurring income transactions
package/dist/cashflow/index.es.js CHANGED
@@ -1,25 +1,25 @@
1
1
  import { jsxs as o, Fragment as B, jsx as e } from "react/jsx-runtime";
2
2
  import p, { useState as J } from "react";
3
- import { observer as E } from "mobx-react-lite";
4
- import { addMonths as qe } from "date-fns/addMonths";
5
- import { startOfToday as $ } from "date-fns/startOfToday";
6
- import I from "@mui/material/Box";
7
- import D from "@mui/material/Divider";
3
+ import { observer as T } from "mobx-react-lite";
4
+ import { addMonths as Pe } from "date-fns/addMonths";
5
+ import { startOfToday as W } from "date-fns/startOfToday";
6
+ import D from "@mui/material/Box";
7
+ import v from "@mui/material/Divider";
8
8
  import s from "@mui/material/Stack";
9
9
  import ce from "@mui/material/styles/useTheme";
10
- import { Text as u, P as k, Icon as M, InstitutionLogo as xe, H1 as me, H2 as Xe } from "@mxenabled/mxui";
11
- import { G as Ye, t as ue, u as O, p as le, d as Oe, b as Y, j as U, g as Ne, o as ke, h as He, a as Qe } from "../hooks-CE2TKk4a.mjs";
12
- import { C as L } from "../CurrencyText-kyC1aseI.mjs";
10
+ import { Text as u, P as k, Icon as G, InstitutionLogo as xe, H1 as me, H2 as qe } from "@mxenabled/mxui";
11
+ import { G as Xe, t as ue, u as N, p as le, d as Oe, b as Y, j as U, g as Ne, h as ke, a as Ye, o as Qe } from "../hooks-CE2TKk4a.mjs";
12
+ import { C as O } from "../CurrencyText-kyC1aseI.mjs";
13
13
  import { u as he } from "../useScreenSize-B6JyS_Lj.mjs";
14
14
  import { L as te } from "../Loader-DUaFpDGv.mjs";
15
15
  import { I as pe } from "../CashflowStore-D9Dpuz7X.mjs";
16
16
  import { C as Gn } from "../CashflowStore-D9Dpuz7X.mjs";
17
- import { b as G } from "../Localization-2MODESHW.mjs";
17
+ import { b as $ } from "../Localization-2MODESHW.mjs";
18
18
  import { M as Ve } from "../MiniWidgetContainer-DTQdRK-3.mjs";
19
19
  import { E as Ke } from "../EmptyState-DA_lfRBv.mjs";
20
20
  import { R as Je } from "../RecurringSettings-BVOt46uV.mjs";
21
21
  import Ze from "@mui/material/Tabs";
22
- import Ce from "@mui/material/Tab";
22
+ import ye from "@mui/material/Tab";
23
23
  import { getUnixTime as z } from "date-fns/getUnixTime";
24
24
  import ee from "@mui/material/List";
25
25
  import ne from "@mui/material/ListItem";
@@ -27,20 +27,20 @@ import { A as et } from "../AccountListItem-CllIBCao.mjs";
27
27
  import { f as Q, D as V } from "../Dialog-CWW597AF.mjs";
28
28
  import tt from "@mui/material/ListSubheader";
29
29
  import { f as Z } from "../NumberFormatting-Buh7u8Oi.mjs";
30
- import { isAfter as Fe } from "date-fns/isAfter";
31
- import { isBefore as We } from "date-fns/isBefore";
32
- import { isToday as $e } from "date-fns/isToday";
33
- import { addDays as ye } from "date-fns/addDays";
30
+ import { isAfter as He } from "date-fns/isAfter";
31
+ import { isBefore as Fe } from "date-fns/isBefore";
32
+ import { isToday as We } from "date-fns/isToday";
33
+ import { addDays as Ce } from "date-fns/addDays";
34
34
  import { alpha as nt, keyframes as ot } from "@mui/material/styles";
35
35
  import { DataGridPro as at } from "@mui/x-data-grid-pro";
36
- import { T as we } from "../TabContentContainer-j01JYR_7.mjs";
37
- import W from "@mui/material/Button";
38
- import { M as it, S as rt, i as st, d as Se, c as ct } from "../ManageIncome-DUuT-yMV.mjs";
39
- import { D as Me } from "../Drawer-kEE73B87.mjs";
36
+ import { T as Se } from "../TabContentContainer-j01JYR_7.mjs";
37
+ import M from "@mui/material/Button";
38
+ import { M as it, S as rt, i as st, d as we, c as ct } from "../ManageIncome-DUuT-yMV.mjs";
39
+ import { D as $e } from "../Drawer-kEE73B87.mjs";
40
40
  import { formatISO as lt } from "date-fns/formatISO";
41
41
  import { fromUnixTime as _e } from "date-fns/fromUnixTime";
42
42
  import { startOfMonth as dt } from "date-fns/startOfMonth";
43
- import { subDays as Ge } from "date-fns/subDays";
43
+ import { subDays as Me } from "date-fns/subDays";
44
44
  import { S as mt, b as ut } from "../TransactionDetails-_cXLXTd3.mjs";
45
45
  import { F as ht, R as Ie, e as De } from "../RecurringTransactions-ej39mgA6.mjs";
46
46
  import { h as pt } from "../DateUtil-BcuH7ErC.mjs";
@@ -48,14 +48,14 @@ import { endOfToday as ft } from "date-fns/endOfToday";
48
48
  import { W as ve, A as Ae } from "../WidgetContainer-DtPnPQZY.mjs";
49
49
  import { F as gt, A as j } from "../Fetch-87LIQbEA.mjs";
50
50
  const K = () => {
51
- if (!p.useContext(Ye))
51
+ if (!p.useContext(Xe))
52
52
  throw new Error("useCashflowUiStore() must be used within the GlobalDataContext");
53
53
  return ue().uiStore;
54
54
  }, bt = ({ remaining: a }) => {
55
- const { cashflow: n } = O();
55
+ const { cashflow: n } = N();
56
56
  return /* @__PURE__ */ o(B, { children: [
57
57
  /* @__PURE__ */ e(
58
- I,
58
+ D,
59
59
  {
60
60
  sx: {
61
61
  borderRadius: "1px",
@@ -66,37 +66,37 @@ const K = () => {
66
66
  }
67
67
  ),
68
68
  /* @__PURE__ */ e(u, { bold: !0, sx: { flexGrow: 1, fontSize: 12 }, children: n.remaining_cash }),
69
- /* @__PURE__ */ e(L, { amount: a, bold: !0, sx: { fontSize: 12 } })
69
+ /* @__PURE__ */ e(O, { amount: a, bold: !0, sx: { fontSize: 12 } })
70
70
  ] });
71
- }, fe = E(bt), xt = () => {
72
- const a = ce(), { availableWidth: n } = le(), { isMobile: t } = he(), { visibleCashAccounts: i, visibleCashBalance: f } = Oe(), { selectedAccounts: C, selectedAccountGuids: c, setSelectedAccounts: x } = Y(), { cashflow: l } = O(), {
73
- daysUntilNextIncome: r,
71
+ }, fe = T(bt), xt = () => {
72
+ const a = ce(), { availableWidth: n } = le(), { isMobile: t } = he(), { visibleCashAccounts: r, visibleCashBalance: f } = Oe(), { selectedAccounts: x, selectedAccountGuids: c, setSelectedAccounts: g } = Y(), { cashflow: l } = N(), {
73
+ daysUntilNextIncome: i,
74
74
  expensesTilNextIncome: m,
75
75
  selectedCashAccounts: d,
76
- setNextIncome: g,
77
- setSelectedCashAccounts: w,
76
+ setNextIncome: b,
77
+ setSelectedCashAccounts: C,
78
78
  setUpcomingExpenses: S
79
- } = K(), { isDataLoaded: T, nextIncomeRecurrence: H, upcomingExpenses: F } = U();
79
+ } = K(), { isDataLoaded: R, nextIncomeRecurrence: H, upcomingExpenses: F } = U();
80
80
  p.useEffect(() => {
81
- x(i);
82
- }, [i]), p.useEffect(() => {
83
- w(
84
- i.filter((b) => c.includes(b.guid))
81
+ g(r);
82
+ }, [r]), p.useEffect(() => {
83
+ C(
84
+ r.filter((w) => c.includes(w.guid))
85
85
  );
86
- }, [i, C]), p.useEffect(() => {
87
- H && g(H), S(F);
86
+ }, [r, x]), p.useEffect(() => {
87
+ H && b(H), S(F);
88
88
  }, [H, F]);
89
- const N = p.useMemo(
90
- () => i.filter((b) => c.includes(b.guid)).reduce((b, P) => b + (P?.balance || 0), 0),
89
+ const h = p.useMemo(
90
+ () => r.filter((w) => c.includes(w.guid)).reduce((w, P) => w + (P?.balance || 0), 0),
91
91
  [c, F]
92
- ), h = p.useMemo(
93
- () => m.filter((b) => c.includes(b.accountGuid || "")).reduce((b, P) => b + P.amount, 0),
92
+ ), I = p.useMemo(
93
+ () => m.filter((w) => c.includes(w.accountGuid || "")).reduce((w, P) => w + P.amount, 0),
94
94
  [c, m]
95
- ), R = p.useMemo(
96
- () => N - h,
97
- [N, h]
95
+ ), L = p.useMemo(
96
+ () => h - I,
97
+ [h, I]
98
98
  );
99
- return T ? /* @__PURE__ */ e(I, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: n > 710 ? /* @__PURE__ */ o(
99
+ return R ? /* @__PURE__ */ e(D, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: n > 710 ? /* @__PURE__ */ o(
100
100
  s,
101
101
  {
102
102
  border: `1px solid ${a.palette.border.light}`,
@@ -106,45 +106,45 @@ const K = () => {
106
106
  px: 24,
107
107
  children: [
108
108
  /* @__PURE__ */ o(s, { pb: 14, pt: 12, children: [
109
- /* @__PURE__ */ e(L, { amount: N, variant: "H2" }),
110
- /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: G(
109
+ /* @__PURE__ */ e(O, { amount: h, variant: "H2" }),
110
+ /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: $(
111
111
  l.total_cash_accounts,
112
112
  d.length
113
113
  ) })
114
114
  ] }),
115
- /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(M, { name: "remove" }) }),
115
+ /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(G, { name: "remove" }) }),
116
116
  /* @__PURE__ */ o(s, { pb: 14, pt: 12, children: [
117
- /* @__PURE__ */ e(L, { amount: h, variant: "H2" }),
118
- /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: G(l.expenses_due, m.length) })
117
+ /* @__PURE__ */ e(O, { amount: I, variant: "H2" }),
118
+ /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: $(l.expenses_due, m.length) })
119
119
  ] }),
120
- /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(M, { name: "equal" }) }),
120
+ /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(G, { name: "equal" }) }),
121
121
  /* @__PURE__ */ o(s, { pb: 14, pr: 24, pt: 12, children: [
122
- /* @__PURE__ */ e(L, { amount: R, variant: "H2" }),
122
+ /* @__PURE__ */ e(O, { amount: L, variant: "H2" }),
123
123
  /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", gap: 8, children: [
124
124
  /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: l.available_to_spend }),
125
125
  /* @__PURE__ */ e(pe, { body: l.tooltip_body, title: l.tooltip_title })
126
126
  ] })
127
127
  ] }),
128
128
  /* @__PURE__ */ e(s, { borderLeft: `1px solid ${a.palette.border.light}`, pb: 12, pl: 24, pt: 12, children: /* @__PURE__ */ o(B, { children: [
129
- /* @__PURE__ */ e(u, { variant: "H2", children: G(l.days, r) }),
129
+ /* @__PURE__ */ e(u, { variant: "H2", children: $(l.days, i) }),
130
130
  /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: l.next_paycheck })
131
131
  ] }) })
132
132
  ]
133
133
  }
134
134
  ) : /* @__PURE__ */ o(s, { border: `1px solid ${a.palette.border.light}`, borderRadius: 1, children: [
135
135
  /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
136
- /* @__PURE__ */ e(u, { variant: "Small", children: G(
136
+ /* @__PURE__ */ e(u, { variant: "Small", children: $(
137
137
  l.total_cash_accounts,
138
138
  d.length
139
139
  ) }),
140
- /* @__PURE__ */ e(L, { amount: f, bold: !0, variant: "XSmall" })
140
+ /* @__PURE__ */ e(O, { amount: f, bold: !0, variant: "XSmall" })
141
141
  ] }),
142
- /* @__PURE__ */ e(D, {}),
142
+ /* @__PURE__ */ e(v, {}),
143
143
  /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
144
- /* @__PURE__ */ e(u, { variant: "Small", children: G(l.expenses_due, m.length) }),
145
- /* @__PURE__ */ e(L, { amount: h, bold: !0, symbol: "-", variant: "XSmall" })
144
+ /* @__PURE__ */ e(u, { variant: "Small", children: $(l.expenses_due, m.length) }),
145
+ /* @__PURE__ */ e(O, { amount: I, bold: !0, symbol: "-", variant: "XSmall" })
146
146
  ] }),
147
- /* @__PURE__ */ e(D, {}),
147
+ /* @__PURE__ */ e(v, {}),
148
148
  /* @__PURE__ */ e(
149
149
  s,
150
150
  {
@@ -156,51 +156,51 @@ const K = () => {
156
156
  justifyContent: "space-between",
157
157
  px: 16,
158
158
  sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
159
- children: /* @__PURE__ */ e(fe, { remaining: R })
159
+ children: /* @__PURE__ */ e(fe, { remaining: L })
160
160
  }
161
161
  ),
162
- /* @__PURE__ */ e(D, {}),
162
+ /* @__PURE__ */ e(v, {}),
163
163
  /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
164
164
  /* @__PURE__ */ e(u, { variant: "Small", children: l.next_paycheck }),
165
- /* @__PURE__ */ e(u, { bold: !0, variant: "XSmall", children: G(l.days, r) })
165
+ /* @__PURE__ */ e(u, { bold: !0, variant: "XSmall", children: $(l.days, i) })
166
166
  ] })
167
167
  ] }) }) : /* @__PURE__ */ e(te, { height: t ? 210 : 120 });
168
- }, Ct = E(xt), yt = ({
168
+ }, yt = T(xt), Ct = ({
169
169
  onPrimaryCtaClick: a,
170
170
  onSecondaryCtaClick: n,
171
171
  sx: t = {}
172
172
  }) => {
173
- const { cashflow: i } = O(), { isCopyLoaded: f, isInitialized: C } = Y(), { loadRepeatingTransactions: c, income: x, isDataLoaded: l, setDateRange: r } = U();
173
+ const { cashflow: r } = N(), { isCopyLoaded: f, isInitialized: x } = Y(), { loadRepeatingTransactions: c, income: g, isDataLoaded: l, setDateRange: i } = U();
174
174
  p.useEffect(() => {
175
- C && (r({ start: $(), end: qe($(), 1) }), c().finally());
176
- }, [C]);
177
- const m = l && !x.length;
175
+ x && (i({ start: W(), end: Pe(W(), 1) }), c().finally());
176
+ }, [x]);
177
+ const m = l && !g.length;
178
178
  return f ? /* @__PURE__ */ o(
179
179
  Ve,
180
180
  {
181
181
  className: "mx-exp-cashflow-miniwidget",
182
182
  onPrimaryCtaClick: a,
183
- primaryCtaLabel: i.primary_cta,
184
- subTitle: m || !l ? void 0 : i.sub_title,
183
+ primaryCtaLabel: r.primary_cta,
184
+ subTitle: m || !l ? void 0 : r.sub_title,
185
185
  sx: t,
186
- title: i.title,
186
+ title: r.title,
187
187
  children: [
188
188
  !l && /* @__PURE__ */ e(te, {}),
189
189
  l && (m ? /* @__PURE__ */ e(
190
190
  Ke,
191
191
  {
192
- header: i.create,
192
+ header: r.create,
193
193
  icon: "local_atm",
194
194
  onClick: n,
195
- primaryButton: i.add_income,
195
+ primaryButton: r.add_income,
196
196
  primaryButtonStartIcon: "add",
197
- subText: i.create_description
197
+ subText: r.create_description
198
198
  }
199
- ) : /* @__PURE__ */ e(Ct, {}))
199
+ ) : /* @__PURE__ */ e(yt, {}))
200
200
  ]
201
201
  }
202
202
  ) : /* @__PURE__ */ e(te, {});
203
- }, Hn = E(yt), wt = ({ remaining: a }) => /* @__PURE__ */ e(
203
+ }, Hn = T(Ct), St = ({ remaining: a }) => /* @__PURE__ */ e(
204
204
  ne,
205
205
  {
206
206
  sx: {
@@ -217,7 +217,7 @@ const K = () => {
217
217
  }
218
218
  );
219
219
  var oe = /* @__PURE__ */ ((a) => (a.EXPENSE = "expense", a.INCOME = "income", a))(oe || {});
220
- const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
220
+ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
221
221
  /* @__PURE__ */ o(ne, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
222
222
  /* @__PURE__ */ o(s, { alignItems: "center", height: 32, width: 32, children: [
223
223
  /* @__PURE__ */ e(u, { bold: !0, sx: { fontSize: 11 }, children: Q(a.expectedDate, V.MONTH) }),
@@ -225,7 +225,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
225
225
  ] }),
226
226
  /* @__PURE__ */ e(u, { sx: { flexGrow: 1, fontSize: 13 }, children: a.name }),
227
227
  /* @__PURE__ */ e(
228
- L,
228
+ O,
229
229
  {
230
230
  amount: a.amount,
231
231
  bold: !0,
@@ -233,9 +233,9 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
233
233
  }
234
234
  )
235
235
  ] }),
236
- /* @__PURE__ */ e(D, {})
237
- ] }), Ee = E(St), _t = ({ total: a, type: n }) => {
238
- const { cashflow: t } = O();
236
+ /* @__PURE__ */ e(v, {})
237
+ ] }), Ee = T(wt), _t = ({ total: a, type: n }) => {
238
+ const { cashflow: t } = N();
239
239
  return /* @__PURE__ */ o(B, { children: [
240
240
  /* @__PURE__ */ o(
241
241
  tt,
@@ -258,10 +258,10 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
258
258
  ]
259
259
  }
260
260
  ),
261
- /* @__PURE__ */ e(D, {})
261
+ /* @__PURE__ */ e(v, {})
262
262
  ] });
263
- }, Te = E(_t), se = (a, n) => (t) => t.accountGuid === a.guid && ($e(t.expectedDate) || Fe(t.expectedDate, n.start)) && We(t.expectedDate, n.end), It = () => {
264
- const { availableWidth: a } = le(), { cashflow: n } = O(), { upcomingExpenses: t, upcomingIncome: i } = U(), { dateRange: f, selectedCashAccounts: C } = K();
263
+ }, Te = T(_t), se = (a, n) => (t) => t.accountGuid === a.guid && (We(t.expectedDate) || He(t.expectedDate, n.start)) && Fe(t.expectedDate, n.end), It = () => {
264
+ const { availableWidth: a } = le(), { cashflow: n } = N(), { upcomingExpenses: t, upcomingIncome: r } = U(), { dateRange: f, selectedCashAccounts: x } = K();
265
265
  return /* @__PURE__ */ o(s, { children: [
266
266
  /* @__PURE__ */ o(s, { direction: a < 400 ? "column" : "row", justifyContent: "space-between", children: [
267
267
  /* @__PURE__ */ e(u, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: n.accounts_breakdown }),
@@ -272,14 +272,14 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
272
272
  Q(f.end, V.FULL_MONTH_DAY)
273
273
  ] })
274
274
  ] }),
275
- /* @__PURE__ */ e(s, { children: C.map((c) => {
276
- const x = i.filter(se(c, f)).sort((d, g) => z(d.expectedDate) - z(g.expectedDate)), l = t.filter(
275
+ /* @__PURE__ */ e(s, { children: x.map((c) => {
276
+ const g = r.filter(se(c, f)).sort((d, b) => z(d.expectedDate) - z(b.expectedDate)), l = t.filter(
277
277
  se(c, f)
278
- ), r = x.reduce(
279
- (d, g) => d + g.amount,
278
+ ), i = g.reduce(
279
+ (d, b) => d + b.amount,
280
280
  0
281
281
  ), m = l.reduce(
282
- (d, g) => d + g.amount,
282
+ (d, b) => d + b.amount,
283
283
  0
284
284
  );
285
285
  return /* @__PURE__ */ o(
@@ -303,13 +303,13 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
303
303
  }
304
304
  }
305
305
  ),
306
- /* @__PURE__ */ e(D, {}),
307
- x.length > 0 && /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(
306
+ /* @__PURE__ */ e(v, {}),
307
+ g.length > 0 && /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(
308
308
  ee,
309
309
  {
310
- subheader: /* @__PURE__ */ e(Te, { total: r, type: oe.INCOME }),
310
+ subheader: /* @__PURE__ */ e(Te, { total: i, type: oe.INCOME }),
311
311
  sx: { width: "100%" },
312
- children: x.map((d) => /* @__PURE__ */ e(Ee, { recurrence: d }, d.repeatingTransactionGuid))
312
+ children: g.map((d) => /* @__PURE__ */ e(Ee, { recurrence: d }, d.repeatingTransactionGuid))
313
313
  }
314
314
  ) }),
315
315
  l.length > 0 && /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(
@@ -321,9 +321,9 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
321
321
  }
322
322
  ) }),
323
323
  /* @__PURE__ */ e(
324
- wt,
324
+ St,
325
325
  {
326
- remaining: (c.available_balance || c.balance || 0) + r - m
326
+ remaining: (c.available_balance || c.balance || 0) + i - m
327
327
  }
328
328
  )
329
329
  ]
@@ -332,14 +332,14 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
332
332
  );
333
333
  }) })
334
334
  ] });
335
- }, Dt = E(It), vt = () => {
336
- const { availableWidth: a } = le(), n = ce(), { cashflow: t } = O(), { upcomingExpenses: i, upcomingIncome: f } = U(), { dateRange: C, selectedCashAccounts: c } = K(), x = [
335
+ }, Dt = T(It), vt = () => {
336
+ const { availableWidth: a } = le(), n = ce(), { cashflow: t } = N(), { upcomingExpenses: r, upcomingIncome: f } = U(), { dateRange: x, selectedCashAccounts: c } = K(), g = [
337
337
  {
338
338
  field: "account",
339
339
  flex: 1.5,
340
340
  headerName: t.accounts,
341
- renderCell: ({ value: { name: r, nickname: m, institution_guid: d, account_number: g } }) => {
342
- const w = m || r;
341
+ renderCell: ({ value: { name: i, nickname: m, institution_guid: d, account_number: b } }) => {
342
+ const C = m || i;
343
343
  return /* @__PURE__ */ o(s, { alignItems: "center", flexDirection: "row", gap: 12, children: [
344
344
  /* @__PURE__ */ e(
345
345
  xe,
@@ -349,7 +349,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
349
349
  size: 16
350
350
  }
351
351
  ),
352
- /* @__PURE__ */ e(u, { variant: "body2", children: `${w} ${g ? `*${g}` : ""}` })
352
+ /* @__PURE__ */ e(u, { variant: "body2", children: `${C} ${b ? `*${b}` : ""}` })
353
353
  ] });
354
354
  }
355
355
  },
@@ -358,29 +358,29 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
358
358
  flex: 1,
359
359
  headerName: t.balance,
360
360
  type: "number",
361
- renderCell: (r) => /* @__PURE__ */ e(u, { color: n.palette.text.primary, variant: "Small", children: Z(r.value, "0,0.00") })
361
+ renderCell: (i) => /* @__PURE__ */ e(u, { color: n.palette.text.primary, variant: "Small", children: Z(i.value, "0,0.00") })
362
362
  },
363
363
  {
364
364
  field: "income",
365
365
  flex: 1,
366
366
  headerName: t.projected_income,
367
367
  type: "number",
368
- renderCell: (r) => /* @__PURE__ */ e(u, { color: n.palette.text.primary, variant: "Small", children: `+${Z(r.value, "0,0.00")}` })
368
+ renderCell: (i) => /* @__PURE__ */ e(u, { color: n.palette.text.primary, variant: "Small", children: `+${Z(i.value, "0,0.00")}` })
369
369
  },
370
370
  {
371
371
  field: "expenses",
372
372
  flex: 1.1,
373
373
  headerName: t.projected_expenses,
374
374
  type: "number",
375
- renderCell: (r) => /* @__PURE__ */ e(u, { color: n.palette.text.primary, variant: "Small", children: `-${Z(r.value, "0,0.00")}` })
375
+ renderCell: (i) => /* @__PURE__ */ e(u, { color: n.palette.text.primary, variant: "Small", children: `-${Z(i.value, "0,0.00")}` })
376
376
  },
377
377
  {
378
378
  field: "remaining",
379
379
  flex: 1,
380
380
  headerName: t.remaining,
381
381
  type: "number",
382
- renderCell: (r) => {
383
- const m = r.row.balance + r.row.income - r.row.expenses;
382
+ renderCell: (i) => {
383
+ const m = i.row.balance + i.row.income - i.row.expenses;
384
384
  return /* @__PURE__ */ e(
385
385
  u,
386
386
  {
@@ -391,23 +391,23 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
391
391
  );
392
392
  }
393
393
  }
394
- ], l = p.useMemo(() => c.map((r) => {
395
- const m = i.filter(
396
- se(r, { start: $(), end: ye($(), 30) })
397
- ).reduce((w, S) => w + S.amount, 0), d = f.filter(
398
- se(r, { start: $(), end: ye($(), 30) })
399
- ).reduce((w, S) => w + S.amount, 0), g = (r.balance || 0) + d - m;
394
+ ], l = p.useMemo(() => c.map((i) => {
395
+ const m = r.filter(
396
+ se(i, { start: W(), end: Ce(W(), 30) })
397
+ ).reduce((C, S) => C + S.amount, 0), d = f.filter(
398
+ se(i, { start: W(), end: Ce(W(), 30) })
399
+ ).reduce((C, S) => C + S.amount, 0), b = (i.balance || 0) + d - m;
400
400
  return {
401
- account: r,
402
- balance: r.balance || 0,
403
- id: r.guid,
401
+ account: i,
402
+ balance: i.balance || 0,
403
+ id: i.guid,
404
404
  income: d,
405
405
  expenses: m,
406
- remaining: g
406
+ remaining: b
407
407
  };
408
- }), [c, i, f]);
408
+ }), [c, r, f]);
409
409
  return /* @__PURE__ */ o(
410
- I,
410
+ D,
411
411
  {
412
412
  sx: {
413
413
  width: "100%"
@@ -441,10 +441,10 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
441
441
  )
442
442
  ] }),
443
443
  /* @__PURE__ */ o(u, { bold: !0, sx: { fontSize: 15, whiteSpace: "normal" }, children: [
444
- Q(C.start, V.FULL_MONTH_DAY),
444
+ Q(x.start, V.FULL_MONTH_DAY),
445
445
  " -",
446
446
  " ",
447
- Q(C.end, V.FULL_MONTH_DAY)
447
+ Q(x.end, V.FULL_MONTH_DAY)
448
448
  ] })
449
449
  ]
450
450
  }
@@ -453,7 +453,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
453
453
  at,
454
454
  {
455
455
  columnHeaderHeight: 48,
456
- columns: x,
456
+ columns: g,
457
457
  density: "standard",
458
458
  disableColumnMenu: !0,
459
459
  disableRowSelectionOnClick: !0,
@@ -479,8 +479,8 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
479
479
  }
480
480
  }
481
481
  }
482
- ) : l.map((r) => {
483
- const { name: m, nickname: d, institution_guid: g, account_number: w } = r.account, S = d || m;
482
+ ) : l.map((i) => {
483
+ const { name: m, nickname: d, institution_guid: b, account_number: C } = i.account, S = d || m;
484
484
  return /* @__PURE__ */ e(
485
485
  ee,
486
486
  {
@@ -505,17 +505,17 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
505
505
  xe,
506
506
  {
507
507
  alt: t.institution_logo,
508
- institutionGuid: g || "",
508
+ institutionGuid: b || "",
509
509
  size: 16
510
510
  }
511
511
  ),
512
- /* @__PURE__ */ e(u, { variant: "Small", children: `${S} ${w ? `*${w}` : ""}` })
512
+ /* @__PURE__ */ e(u, { variant: "Small", children: `${S} ${C ? `*${C}` : ""}` })
513
513
  ] }),
514
- /* @__PURE__ */ e(L, { amount: r.balance, bold: !0, variant: "Small" })
514
+ /* @__PURE__ */ e(O, { amount: i.balance, bold: !0, variant: "Small" })
515
515
  ]
516
516
  }
517
517
  ),
518
- /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
518
+ /* @__PURE__ */ e(v, { sx: { width: "100%" } }),
519
519
  /* @__PURE__ */ o(
520
520
  s,
521
521
  {
@@ -526,11 +526,11 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
526
526
  py: 12,
527
527
  children: [
528
528
  /* @__PURE__ */ e(u, { variant: "Small", children: t.projected_income }),
529
- /* @__PURE__ */ e(L, { amount: r.income, bold: !0, symbol: "+", variant: "Small" })
529
+ /* @__PURE__ */ e(O, { amount: i.income, bold: !0, symbol: "+", variant: "Small" })
530
530
  ]
531
531
  }
532
532
  ),
533
- /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
533
+ /* @__PURE__ */ e(v, { sx: { width: "100%" } }),
534
534
  /* @__PURE__ */ o(
535
535
  s,
536
536
  {
@@ -541,11 +541,11 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
541
541
  py: 12,
542
542
  children: [
543
543
  /* @__PURE__ */ e(u, { variant: "Small", children: t.projected_expenses }),
544
- /* @__PURE__ */ e(L, { amount: r.expenses, bold: !0, symbol: "-", variant: "Small" })
544
+ /* @__PURE__ */ e(O, { amount: i.expenses, bold: !0, symbol: "-", variant: "Small" })
545
545
  ]
546
546
  }
547
547
  ),
548
- /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
548
+ /* @__PURE__ */ e(v, { sx: { width: "100%" } }),
549
549
  /* @__PURE__ */ e(
550
550
  s,
551
551
  {
@@ -557,36 +557,36 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
557
557
  px: 16,
558
558
  py: 12,
559
559
  sx: { borderBottomLeftRadius: "4px", borderBottomRightRadius: "4px" },
560
- children: /* @__PURE__ */ e(fe, { remaining: r.remaining })
560
+ children: /* @__PURE__ */ e(fe, { remaining: i.remaining })
561
561
  }
562
562
  )
563
563
  ] }) })
564
564
  },
565
- r.id
565
+ i.id
566
566
  );
567
567
  })
568
568
  ]
569
569
  }
570
570
  );
571
- }, At = E(vt), Et = () => {
572
- const { cashflow: a } = O(), { isDesktop: n } = he(), { onEvent: t } = Ne(), [i, f] = p.useState(0), C = (c, x) => {
573
- f(x);
571
+ }, At = T(vt), Et = () => {
572
+ const { cashflow: a } = N(), { isDesktop: n } = he(), { onEvent: t } = Ne(), [r, f] = p.useState(0), x = (c, g) => {
573
+ f(g);
574
574
  };
575
575
  return p.useEffect(() => {
576
- t(i === 0 ? "cash_flow_summary" : "cash_flow_details");
577
- }, [i]), /* @__PURE__ */ o(I, { children: [
576
+ t(r === 0 ? "cash_flow_summary" : "cash_flow_details");
577
+ }, [r]), /* @__PURE__ */ o(D, { children: [
578
578
  /* @__PURE__ */ o(
579
579
  Ze,
580
580
  {
581
581
  "aria-label": a.cashflow_summary_and_details,
582
582
  centered: !0,
583
- onChange: C,
583
+ onChange: x,
584
584
  textColor: "primary",
585
- value: i,
585
+ value: r,
586
586
  variant: "fullWidth",
587
587
  children: [
588
588
  /* @__PURE__ */ e(
589
- Ce,
589
+ ye,
590
590
  {
591
591
  "aria-controls": "cashflow-tabpanel-0",
592
592
  id: "cashflow-tab-0",
@@ -597,7 +597,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
597
597
  }
598
598
  ),
599
599
  /* @__PURE__ */ e(
600
- Ce,
600
+ ye,
601
601
  {
602
602
  "aria-controls": "cashflow-tabpanel-1",
603
603
  id: "cashflow-tab-1",
@@ -610,17 +610,17 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
610
610
  ]
611
611
  }
612
612
  ),
613
- /* @__PURE__ */ e(I, { sx: { mb: 32 } }),
614
- /* @__PURE__ */ e(we, { index: 0, name: "cashflow", value: i, children: /* @__PURE__ */ e(I, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(At, {}) }) }),
615
- /* @__PURE__ */ e(we, { index: 1, name: "cashflow", value: i, children: /* @__PURE__ */ e(I, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Dt, {}) }) })
613
+ /* @__PURE__ */ e(D, { sx: { mb: 32 } }),
614
+ /* @__PURE__ */ e(Se, { index: 0, name: "cashflow", value: r, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(At, {}) }) }),
615
+ /* @__PURE__ */ e(Se, { index: 1, name: "cashflow", value: r, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Dt, {}) }) })
616
616
  ] });
617
- }, Tt = E(Et), re = ({
617
+ }, Tt = T(Et), re = ({
618
618
  amount: a,
619
619
  isMobile: n = !1,
620
620
  isTotal: t = !1,
621
- label: i,
621
+ label: r,
622
622
  symbol: f,
623
- tooltip: C
623
+ tooltip: x
624
624
  }) => /* @__PURE__ */ o(
625
625
  s,
626
626
  {
@@ -630,25 +630,25 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
630
630
  padding: n ? "14px 16px" : 0,
631
631
  sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
632
632
  children: [
633
- !n && /* @__PURE__ */ e(L, { amount: a, component: "h2", variant: "H2" }),
633
+ !n && /* @__PURE__ */ e(O, { amount: a, component: "h2", variant: "H2" }),
634
634
  /* @__PURE__ */ o(s, { alignItems: "center", component: "span", direction: "row", gap: 8, mt: 2, children: [
635
- /* @__PURE__ */ e(u, { bold: t, variant: "Small", children: i }),
636
- C
635
+ /* @__PURE__ */ e(u, { bold: t, variant: "Small", children: r }),
636
+ x
637
637
  ] }),
638
- n && /* @__PURE__ */ e(L, { amount: a, component: "h2", symbol: f, variant: "Small" })
638
+ n && /* @__PURE__ */ e(O, { amount: a, component: "h2", symbol: f, variant: "Small" })
639
639
  ]
640
640
  }
641
- ), Re = (a, n) => (t) => t.accountGuid && a.includes(t.accountGuid) && ($e(t.expectedDate) || Fe(t.expectedDate, n.start)) && We(t.expectedDate, n.end), Rt = () => {
642
- const { availableWidth: a } = le(), { cashflow: n } = O(), { income: t, isDataLoaded: i, upcomingExpenses: f, upcomingIncome: C } = U(), { selectedAccountGuids: c } = Y(), { dateRange: x, selectedCashAccounts: l } = K(), { userProfile: r } = ke(), [m, d] = p.useState(!1), g = p.useMemo(
643
- () => f.filter(Re(c, x)),
644
- [x, c, f]
645
- ), w = p.useMemo(
646
- () => C.filter(Re(c, x)),
647
- [x, c, C]
648
- ), S = p.useMemo(
649
- () => l.reduce((R, b) => R + (b?.balance || 0), 0),
641
+ ), Re = (a, n) => (t) => t.accountGuid && a.includes(t.accountGuid) && (We(t.expectedDate) || He(t.expectedDate, n.start)) && Fe(t.expectedDate, n.end), Rt = () => {
642
+ const { availableWidth: a } = le(), { cashflow: n } = N(), { income: t, isDataLoaded: r, upcomingExpenses: f, upcomingIncome: x } = U(), { selectedAccountGuids: c } = Y(), { dateRange: g, selectedCashAccounts: l } = K(), [i, m] = p.useState(!1), d = p.useMemo(
643
+ () => f.filter(Re(c, g)),
644
+ [g, c, f]
645
+ ), b = p.useMemo(
646
+ () => x.filter(Re(c, g)),
647
+ [g, c, x]
648
+ ), C = p.useMemo(
649
+ () => l.reduce((I, L) => I + (L?.balance || 0), 0),
650
650
  [l]
651
- ), T = g.reduce((R, b) => R + b.amount, 0), H = w.reduce((R, b) => R + b.amount, 0), F = S - T + H, N = i && !t.length, h = a < 725;
651
+ ), S = d.reduce((I, L) => I + L.amount, 0), R = b.reduce((I, L) => I + L.amount, 0), H = C - S + R, F = r && t.length > 0, h = a < 725;
652
652
  return /* @__PURE__ */ o(s, { sx: { mx: h ? 16 : 0, my: h ? 24 : 42 }, children: [
653
653
  /* @__PURE__ */ o(
654
654
  s,
@@ -663,55 +663,47 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
663
663
  /* @__PURE__ */ e(
664
664
  re,
665
665
  {
666
- amount: S,
666
+ amount: C,
667
667
  isMobile: h,
668
- label: G(n.cash_and_bank, l.length)
668
+ label: $(n.cash_and_bank, l.length)
669
669
  }
670
670
  ),
671
- h && /* @__PURE__ */ e(D, {}),
672
- r?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(B, { children: [
671
+ h && /* @__PURE__ */ e(v, {}),
672
+ F ? /* @__PURE__ */ o(B, { children: [
673
673
  !h && /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
674
- i && (N ? /* @__PURE__ */ e(
675
- W,
676
- {
677
- onClick: () => d(!0),
678
- startIcon: /* @__PURE__ */ e(M, { name: "add" }),
679
- sx: { fontSize: 13 },
680
- children: n.add_income
681
- }
682
- ) : /* @__PURE__ */ e(
674
+ /* @__PURE__ */ e(
683
675
  re,
684
676
  {
685
- amount: H,
677
+ amount: R,
686
678
  isMobile: h,
687
679
  label: n.to_be_received,
688
680
  symbol: h ? "+" : void 0
689
681
  }
690
- ))
682
+ )
691
683
  ] }) : /* @__PURE__ */ e(
692
- W,
684
+ M,
693
685
  {
694
- onClick: () => d(!0),
695
- startIcon: /* @__PURE__ */ e(M, { name: "add" }),
686
+ onClick: () => m(!0),
687
+ startIcon: /* @__PURE__ */ e(G, { name: "add" }),
696
688
  sx: { fontSize: 13 },
697
689
  children: n.add_income
698
690
  }
699
691
  ),
700
- h ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
692
+ h ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
701
693
  /* @__PURE__ */ e(
702
694
  re,
703
695
  {
704
- amount: T,
696
+ amount: S,
705
697
  isMobile: h,
706
- label: G(n.to_be_paid_out, g.length),
698
+ label: $(n.to_be_paid_out, d.length),
707
699
  symbol: h ? "-" : void 0
708
700
  }
709
701
  ),
710
- h ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
702
+ h ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
711
703
  /* @__PURE__ */ e(
712
704
  re,
713
705
  {
714
- amount: F,
706
+ amount: H,
715
707
  isMobile: h,
716
708
  isTotal: h,
717
709
  label: n.remaining_cash,
@@ -728,25 +720,25 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
728
720
  }
729
721
  ),
730
722
  /* @__PURE__ */ e(
731
- Me,
723
+ $e,
732
724
  {
733
725
  ariaLabelClose: n.close_manage_income_aria,
734
- isOpen: m,
735
- onClose: () => d(!1),
726
+ isOpen: i,
727
+ onClose: () => m(!1),
736
728
  shouldShowHeaderBorders: !1,
737
729
  title: n.manage_income,
738
730
  children: /* @__PURE__ */ e(it, {})
739
731
  }
740
732
  )
741
733
  ] });
742
- }, Lt = E(Rt), Ot = ({ handleNextStep: a }) => {
743
- const { completeOnboarding: n } = ue(), { cashflow: t } = O(), i = ce();
734
+ }, Lt = T(Rt), Ot = ({ handleNextStep: a }) => {
735
+ const { completeOnboarding: n } = ue(), { cashflow: t } = N(), r = ce();
744
736
  return /* @__PURE__ */ o(s, { children: [
745
737
  /* @__PURE__ */ e(me, { pb: 12, children: t.welcome_title }),
746
738
  /* @__PURE__ */ e(
747
- Xe,
739
+ qe,
748
740
  {
749
- color: i.palette.primary.light,
741
+ color: r.palette.primary.light,
750
742
  pb: 8,
751
743
  sx: { wordBreak: "break-word", whiteSpace: "initial" },
752
744
  variant: "H3",
@@ -757,69 +749,69 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
757
749
  /* @__PURE__ */ o(s, { direction: "column", mb: 32, spacing: 32, children: [
758
750
  /* @__PURE__ */ o(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
759
751
  /* @__PURE__ */ e(
760
- I,
752
+ D,
761
753
  {
762
- bgcolor: i.palette.primary.lighter,
754
+ bgcolor: r.palette.primary.lighter,
763
755
  borderRadius: 1,
764
756
  component: "span",
765
757
  height: 44,
766
758
  mr: 24,
767
759
  sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
768
760
  width: 44,
769
- children: /* @__PURE__ */ e(M, { color: "primary", name: "currency_exchange" })
761
+ children: /* @__PURE__ */ e(G, { color: "primary", name: "currency_exchange" })
770
762
  }
771
763
  ),
772
764
  t.bullet_one
773
765
  ] }),
774
766
  /* @__PURE__ */ o(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
775
767
  /* @__PURE__ */ e(
776
- I,
768
+ D,
777
769
  {
778
- bgcolor: i.palette.primary.lighter,
770
+ bgcolor: r.palette.primary.lighter,
779
771
  borderRadius: 1,
780
772
  component: "span",
781
773
  height: 44,
782
774
  mr: 24,
783
775
  sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
784
776
  width: 44,
785
- children: /* @__PURE__ */ e(M, { color: "primary", name: "cardiology" })
777
+ children: /* @__PURE__ */ e(G, { color: "primary", name: "cardiology" })
786
778
  }
787
779
  ),
788
780
  t.bullet_two
789
781
  ] }),
790
782
  /* @__PURE__ */ o(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
791
783
  /* @__PURE__ */ e(
792
- I,
784
+ D,
793
785
  {
794
- bgcolor: i.palette.primary.lighter,
786
+ bgcolor: r.palette.primary.lighter,
795
787
  borderRadius: 1,
796
788
  component: "span",
797
789
  height: 44,
798
790
  mr: 24,
799
791
  sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
800
792
  width: 44,
801
- children: /* @__PURE__ */ e(M, { color: "primary", name: "flare" })
793
+ children: /* @__PURE__ */ e(G, { color: "primary", name: "flare" })
802
794
  }
803
795
  ),
804
796
  t.bullet_three
805
797
  ] })
806
798
  ] }),
807
799
  /* @__PURE__ */ o(s, { direction: "row", spacing: 16, children: [
808
- /* @__PURE__ */ e(W, { onClick: a, variant: "contained", children: t.get_started_button }),
809
- /* @__PURE__ */ e(W, { onClick: n, variant: "outlined", children: t.skip_button })
800
+ /* @__PURE__ */ e(M, { onClick: a, variant: "contained", children: t.get_started_button }),
801
+ /* @__PURE__ */ e(M, { onClick: n, variant: "outlined", children: t.skip_button })
810
802
  ] })
811
803
  ] });
812
- }, Nt = E(Ot), Le = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", je = {
804
+ }, Nt = T(Ot), Le = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", Ge = {
813
805
  CASHFLOW_ONBOARDING: `${Le}/cashflow-onboarding.png`,
814
806
  CASHFLOW_LOADING_ANIMATION: `${Le}/loading-animation.gif`
815
807
  }, kt = () => {
816
- const { cashflow: a } = O();
808
+ const { cashflow: a } = N();
817
809
  return /* @__PURE__ */ o(p.Fragment, { children: [
818
- /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("img", { alt: "Loading", src: je.CASHFLOW_LOADING_ANIMATION }) }),
810
+ /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("img", { alt: "Loading", src: Ge.CASHFLOW_LOADING_ANIMATION }) }),
819
811
  /* @__PURE__ */ e(me, { pb: 12, children: a.loading_title }),
820
812
  /* @__PURE__ */ e(k, { children: a.loading_description })
821
813
  ] });
822
- }, Ht = E(kt), Ft = ot`
814
+ }, Ht = T(kt), Ft = ot`
823
815
  from {
824
816
  transform: rotate(0deg);
825
817
  }
@@ -827,45 +819,45 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
827
819
  transform: rotate(360deg);
828
820
  }
829
821
  `, Wt = () => {
830
- const { addRepeatingTransaction: a, repeatingTransactions: n } = U(), { cashflow: t, common: i } = O(), { completeOnboarding: f } = ue(), { isDirty: C } = K(), { isMobile: c } = he(), { isCopyLoaded: x, setDisplayedDate: l } = Y(), { filter: r, setFilter: m, transactions: d } = He(), g = ce(), [w, S] = J(!0), [T, H] = p.useState(ht.EveryMonth), [F, N] = p.useState(1), [h, R] = p.useState(15), [b, P] = J(!1), [q, ae] = J(1), [v, de] = J([]), [ie, X] = J(""), _ = p.useMemo(
822
+ const { addRepeatingTransaction: a, repeatingTransactions: n } = U(), { cashflow: t, common: r } = N(), { completeOnboarding: f } = ue(), { isDirty: x } = K(), { isMobile: c } = he(), { isCopyLoaded: g, setDisplayedDate: l } = Y(), { filter: i, setFilter: m, transactions: d } = ke(), b = ce(), [C, S] = J(!0), [R, H] = p.useState(ht.EveryMonth), [F, h] = p.useState(1), [I, L] = p.useState(15), [w, P] = J(!1), [q, ae] = J(1), [A, de] = J([]), [ie, X] = J(""), _ = p.useMemo(
831
823
  () => d.find((y) => y.guid === ie),
832
824
  [ie, d]
833
- ), ze = !!n.filter(
825
+ ), je = !!n.filter(
834
826
  (y) => y.repeating_transaction_type === Ie.Income
835
827
  ).length, ge = async () => {
836
828
  ae(2), l(
837
829
  // Beginning of the month, 90 days before today
838
- dt(Ge($(), 90)),
839
- $()
840
- ), m({ ...r, custom: Se }), ae(3);
841
- }, Be = async () => {
842
- if (!(v.length < 1)) {
830
+ dt(Me(W(), 90)),
831
+ W()
832
+ ), m({ ...i, custom: we }), ae(3);
833
+ }, ze = async () => {
834
+ if (!(A.length < 1)) {
843
835
  P(!0);
844
- for (let y = 0; y < v.length; y++) {
845
- const A = v[y], be = De(T, _e(A.date)), Pe = {
846
- account_guid: A.account_guid,
847
- amount: A.amount,
848
- merchant_guid: A.merchant_guid,
849
- description: A.feed_description || A.description,
836
+ for (let y = 0; y < A.length; y++) {
837
+ const E = A[y], be = De(R, _e(E.date)), Ue = {
838
+ account_guid: E.account_guid,
839
+ amount: E.amount,
840
+ merchant_guid: E.merchant_guid,
841
+ description: E.feed_description || E.description,
850
842
  predicted_occurs_on: lt(be, { representation: "date" }),
851
843
  recurrence_day: be.getDay(),
852
- recurrence_type: T,
844
+ recurrence_type: R,
853
845
  repeating_transaction_type: Ie.Income,
854
- transaction_type: A.transaction_type
846
+ transaction_type: E.transaction_type
855
847
  };
856
- await a(Pe, A);
848
+ await a(Ue, E);
857
849
  }
858
850
  await f();
859
851
  }
860
- }, Ue = !_ && w || !_ && v.length < 1;
861
- return x ? /* @__PURE__ */ o(
862
- I,
852
+ }, Be = !_ && C || !_ && A.length < 1;
853
+ return g ? /* @__PURE__ */ o(
854
+ D,
863
855
  {
864
856
  sx: {
865
857
  display: "flex",
866
858
  alignItems: c ? "flex-start" : "center",
867
- backgroundColor: g.palette.background.paper,
868
- backgroundImage: c ? null : `url(${je.CASHFLOW_ONBOARDING})`,
859
+ backgroundColor: b.palette.background.paper,
860
+ backgroundImage: c ? null : `url(${Ge.CASHFLOW_ONBOARDING})`,
869
861
  backgroundRepeat: "no-repeat",
870
862
  backgroundPosition: "left 100px",
871
863
  backgroundSize: "35%",
@@ -873,7 +865,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
873
865
  },
874
866
  children: [
875
867
  q === 1 && /* @__PURE__ */ e(
876
- I,
868
+ D,
877
869
  {
878
870
  sx: {
879
871
  ...c ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
@@ -882,7 +874,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
882
874
  }
883
875
  ),
884
876
  q === 2 && /* @__PURE__ */ e(
885
- I,
877
+ D,
886
878
  {
887
879
  sx: {
888
880
  ...c ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
@@ -891,7 +883,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
891
883
  }
892
884
  ),
893
885
  q === 3 && /* @__PURE__ */ o(
894
- I,
886
+ D,
895
887
  {
896
888
  sx: {
897
889
  ...c ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
@@ -899,91 +891,91 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
899
891
  children: [
900
892
  /* @__PURE__ */ e(me, { pb: 12, children: t.add_income_title }),
901
893
  /* @__PURE__ */ e(k, { mb: 24, children: t.add_income_description }),
902
- v.length > 0 && !_ && /* @__PURE__ */ o(B, { children: [
903
- /* @__PURE__ */ e(ee, { children: v.map((y, A) => /* @__PURE__ */ o(p.Fragment, { children: [
894
+ A.length > 0 && !_ && /* @__PURE__ */ o(B, { children: [
895
+ /* @__PURE__ */ e(ee, { children: A.map((y, E) => /* @__PURE__ */ o(p.Fragment, { children: [
904
896
  /* @__PURE__ */ e(mt, { bgcolor: "background.paper", children: pt(
905
897
  z(y.nextDate || y.date)
906
898
  ) }),
907
899
  /* @__PURE__ */ e(ut, { transaction: y }),
908
- A !== v.length - 1 && /* @__PURE__ */ e(D, {})
900
+ E !== A.length - 1 && /* @__PURE__ */ e(v, {})
909
901
  ] }, y.guid)) }),
910
902
  /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", children: [
911
- /* @__PURE__ */ e(D, { sx: { flexGrow: 1 } }),
903
+ /* @__PURE__ */ e(v, { sx: { flexGrow: 1 } }),
912
904
  /* @__PURE__ */ e(
913
- W,
905
+ M,
914
906
  {
915
907
  onClick: () => S(!0),
916
- startIcon: /* @__PURE__ */ e(M, { name: "add", size: 20 }),
908
+ startIcon: /* @__PURE__ */ e(G, { name: "add", size: 20 }),
917
909
  children: t.add_income
918
910
  }
919
911
  )
920
912
  ] })
921
913
  ] }),
922
- Ue && /* @__PURE__ */ e(
914
+ Be && /* @__PURE__ */ e(
923
915
  rt,
924
916
  {
925
917
  bgcolor: "background.paper",
926
918
  onSearch: (y) => m({
927
- ...r,
928
- custom: (A) => y ? st(A, y) : Se(A)
919
+ ...i,
920
+ custom: (E) => y ? st(E, y) : we(E)
929
921
  }),
930
922
  onSelected: (y) => {
931
923
  X(y), S(!1);
932
924
  }
933
925
  }
934
926
  ),
935
- !ze && C && /* @__PURE__ */ e(k, { color: "error", mt: 16, children: t.confirm_error }),
927
+ !je && x && /* @__PURE__ */ e(k, { color: "error", mt: 16, children: t.confirm_error }),
936
928
  _ && /* @__PURE__ */ o(B, { children: [
937
929
  /* @__PURE__ */ e(
938
930
  ct,
939
931
  {
940
932
  bgcolor: "background.paper",
941
933
  firstDay: F,
942
- frequency: T,
943
- onFirstDayChange: N,
934
+ frequency: R,
935
+ onFirstDayChange: h,
944
936
  onFrequencyChange: H,
945
- onSecondDayChange: R,
946
- secondDay: h,
937
+ onSecondDayChange: L,
938
+ secondDay: I,
947
939
  transaction: _
948
940
  }
949
941
  ),
950
942
  /* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
951
943
  /* @__PURE__ */ e(
952
- W,
944
+ M,
953
945
  {
954
946
  "aria-disabled": !_,
955
947
  onClick: () => {
956
- const y = [...v];
948
+ const y = [...A];
957
949
  y.push({
958
950
  ..._,
959
- nextDate: De(T, _e(_.date)),
960
- frequency: T
951
+ nextDate: De(R, _e(_.date)),
952
+ frequency: R
961
953
  }), de(y), X("");
962
954
  },
963
955
  variant: "contained",
964
- children: i.confirm_button
956
+ children: r.confirm_button
965
957
  }
966
958
  ),
967
959
  /* @__PURE__ */ e(
968
- W,
960
+ M,
969
961
  {
970
962
  onClick: () => {
971
963
  X(""), S(!0), ge().finally();
972
964
  },
973
965
  variant: "outlined",
974
- children: i.cancel_button
966
+ children: r.cancel_button
975
967
  }
976
968
  )
977
969
  ] })
978
970
  ] }),
979
- v.length > 0 && !_ && /* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
971
+ A.length > 0 && !_ && /* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
980
972
  /* @__PURE__ */ e(
981
- W,
973
+ M,
982
974
  {
983
- "aria-disabled": v.length < 1 || b,
984
- onClick: Be,
985
- startIcon: b ? /* @__PURE__ */ e(
986
- M,
975
+ "aria-disabled": A.length < 1 || w,
976
+ onClick: ze,
977
+ startIcon: w ? /* @__PURE__ */ e(
978
+ G,
987
979
  {
988
980
  name: "progress_activity",
989
981
  sx: {
@@ -995,7 +987,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
995
987
  children: t.confirm_income_button
996
988
  }
997
989
  ),
998
- /* @__PURE__ */ e(W, { onClick: f, variant: "outlined", children: t.skip_button })
990
+ /* @__PURE__ */ e(M, { onClick: f, variant: "outlined", children: t.skip_button })
999
991
  ] })
1000
992
  ]
1001
993
  }
@@ -1003,97 +995,97 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
1003
995
  ]
1004
996
  }
1005
997
  ) : /* @__PURE__ */ e(te, {});
1006
- }, $t = E(Wt), Mt = ({ onBackClick: a, sx: n = {} }) => {
998
+ }, $t = T(Wt), Mt = ({ onBackClick: a, sx: n = {} }) => {
1007
999
  const {
1008
1000
  selectedAccounts: t,
1009
- selectedAccountGuids: i,
1001
+ selectedAccountGuids: r,
1010
1002
  setSelectedAccounts: f,
1011
- shouldDisableNextDate: C,
1003
+ shouldDisableNextDate: x,
1012
1004
  shouldDisablePrevDate: c
1013
- } = Y(), { onEvent: x } = Ne(), { clientConfig: l } = Qe(), { visibleCashAccounts: r } = Oe(), { setFilter: m } = He(), { userProfile: d } = ke(), { dateRange: g, setSelectedCashAccounts: w } = K(), { loadRepeatingTransactions: S, income: T, isDataLoaded: H, setDateRange: F } = U(), { cashflow: N, recurring: h } = O(), { isCopyLoaded: R, isInitialized: b } = Y(), q = l?.master?.deep_link_params?.view === "manage_income", [ae, v] = p.useState(q);
1005
+ } = Y(), { onEvent: g } = Ne(), { clientConfig: l } = Ye(), { visibleCashAccounts: i } = Oe(), { setFilter: m } = ke(), { userProfile: d } = Qe(), { dateRange: b, setSelectedCashAccounts: C } = K(), { loadRepeatingTransactions: S, income: R, isDataLoaded: H, setDateRange: F } = U(), { cashflow: h, recurring: I } = N(), { isCopyLoaded: L, isInitialized: w } = Y(), q = l?.master?.deep_link_params?.view === "manage_income", [ae, A] = p.useState(q);
1014
1006
  p.useEffect(() => {
1015
- b && (F(g), S().finally());
1016
- }, [b]), p.useEffect(() => {
1017
- f(r);
1018
- }, [r]), p.useEffect(() => {
1019
- const ie = r.map((_) => _.guid), X = t.filter(
1020
- (_) => i.includes(_.guid) && ie.includes(_.guid)
1007
+ w && (F(b), S().finally());
1008
+ }, [w]), p.useEffect(() => {
1009
+ f(i);
1010
+ }, [i]), p.useEffect(() => {
1011
+ const ie = i.map((_) => _.guid), X = t.filter(
1012
+ (_) => r.includes(_.guid) && ie.includes(_.guid)
1021
1013
  );
1022
- w(X), m({
1023
- dateRange: { start: Ge($(), 90), end: ft() },
1014
+ C(X), m({
1015
+ dateRange: { start: Me(W(), 90), end: ft() },
1024
1016
  accounts: X.map((_) => _.guid)
1025
1017
  });
1026
- }, [r, t]);
1027
- const de = H && !d?.has_completed_cash_flow_onboarding && !T.length;
1028
- return !R || !b ? /* @__PURE__ */ e(te, {}) : de ? /* @__PURE__ */ e(
1018
+ }, [i, t]);
1019
+ const de = H && !d?.has_completed_cash_flow_onboarding && !R.length;
1020
+ return !L || !w ? /* @__PURE__ */ e(te, {}) : de ? /* @__PURE__ */ e(
1029
1021
  ve,
1030
1022
  {
1031
1023
  onBackClick: a,
1032
1024
  sx: { height: "100%", overflow: "auto" },
1033
- title: N.title,
1025
+ title: h.title,
1034
1026
  children: /* @__PURE__ */ e($t, {})
1035
1027
  }
1036
1028
  ) : /* @__PURE__ */ o(
1037
1029
  ve,
1038
1030
  {
1039
- accountOptions: r,
1031
+ accountOptions: i,
1040
1032
  actions: [
1041
1033
  {
1042
- label: h.action_title,
1034
+ label: I.action_title,
1043
1035
  iconName: "credit_card_gear",
1044
1036
  onClick: () => {
1045
- v(!0), x(Ae.CASH_FLOW_CLICK_SETTINGS);
1037
+ A(!0), g(Ae.CASH_FLOW_CLICK_SETTINGS);
1046
1038
  }
1047
1039
  }
1048
1040
  ],
1049
1041
  calendarActions: {
1050
- shouldDisableNext: C,
1042
+ shouldDisableNext: x,
1051
1043
  shouldDisablePrevious: c,
1052
1044
  shouldDisablePicker: !0,
1053
1045
  onRangeChanged: () => {
1054
1046
  }
1055
1047
  },
1056
- dateRange: g,
1048
+ dateRange: b,
1057
1049
  dateRangeVariant: "readonly",
1058
- onAccountsFilterClick: () => x(Ae.CASH_FLOW_CLICK_FILTER),
1050
+ onAccountsFilterClick: () => g(Ae.CASH_FLOW_CLICK_FILTER),
1059
1051
  onBackClick: a,
1060
1052
  sx: n,
1061
- title: N.title,
1053
+ title: h.title,
1062
1054
  children: [
1063
1055
  /* @__PURE__ */ e(Lt, {}),
1064
1056
  /* @__PURE__ */ e(Tt, {}),
1065
1057
  /* @__PURE__ */ e(
1066
- Me,
1058
+ $e,
1067
1059
  {
1068
- ariaLabelClose: N.close_settings_aria,
1060
+ ariaLabelClose: h.close_settings_aria,
1069
1061
  isOpen: ae,
1070
- onClose: () => v(!1),
1062
+ onClose: () => A(!1),
1071
1063
  shouldShowHeaderBorders: !1,
1072
- title: h.action_title,
1064
+ title: I.action_title,
1073
1065
  children: /* @__PURE__ */ e(Je, { defaultSelectedTab: q ? 1 : 0 })
1074
1066
  }
1075
1067
  )
1076
1068
  ]
1077
1069
  }
1078
1070
  );
1079
- }, Fn = E(Mt);
1071
+ }, Fn = T(Mt);
1080
1072
  class Wn {
1081
1073
  fetchInstance;
1082
- constructor(n, t, i) {
1083
- this.fetchInstance = new gt(n, t, void 0, i);
1074
+ constructor(n, t, r) {
1075
+ this.fetchInstance = new gt(n, t, void 0, r);
1084
1076
  }
1085
1077
  addCashflowEvent = async (n) => this.fetchInstance.post(j.CASHFLOW_EVENTS, { ...n }).then((t) => t);
1086
1078
  addCashflowSequence = async (n) => this.fetchInstance.post(j.CASHFLOW_SEQUENCES, { ...n }).then((t) => t.cashflow_sequence);
1087
1079
  getCashflowSequences = async () => this.fetchInstance.get(j.CASHFLOW_SEQUENCES).then((n) => n.cashflow_sequences);
1088
1080
  getCashflowEventsByDateRange = async (n, t) => this.fetchInstance.get(
1089
1081
  `${j.CASHFLOW_EVENTS}/from/${z(n)}/to/${z(t)}`
1090
- ).then((i) => i.cashflow_events);
1082
+ ).then((r) => r.cashflow_events);
1091
1083
  deleteCashflowSequence = async (n) => this.fetchInstance.delete(`${j.CASHFLOW_SEQUENCES}/${n}`).then((t) => t);
1092
1084
  getProjectedCashflowEvents = async (n, t) => this.fetchInstance.get(
1093
1085
  `${j.CASHFLOW_SEQUENCES}/projected_events/from/${z(
1094
1086
  n
1095
1087
  )}/to/${z(t)}`
1096
- ).then((i) => i.cashflow_events);
1088
+ ).then((r) => r.cashflow_events);
1097
1089
  updateCashflowSequence = async (n) => this.fetchInstance.put(`${j.CASHFLOW_SEQUENCES}/${n.guid}`, n).then((t) => t.cashflow_sequence);
1098
1090
  }
1099
1091
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mx-cartographer/experiences",
3
- "version": "7.1.3",
3
+ "version": "7.1.4",
4
4
  "description": "Library containing experience widgets",
5
5
  "author": "MX",
6
6
  "license": "MIT",