@tesouro/embedded-components-react 0.2.306 → 0.2.308
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/README.md +7 -4
- package/dist/index.css +12 -0
- package/dist/index.d.ts +22 -1
- package/dist/lib/CardDetailsWidget.d.ts +6 -0
- package/dist/lib/CardsWidget.d.ts +6 -0
- package/dist/lib/TransfersWidget.d.ts +16 -1
- package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/feature/dist/index7.js +132 -110
- package/dist/libs/tesouro-embedded-components-react/card-details-widget/ui/dist/index.js +1 -0
- package/dist/libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/ActivateCardPanel/ActivateCardPanel.js +13 -0
- package/dist/libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/ActivateCardPanel/ActivateCardSuccessView.js +2 -0
- package/dist/libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/ActivateCardPanel/FieldError.js +1 -0
- package/dist/libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/ActivateCardPanel/PinField.js +5 -0
- package/dist/libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/CardDetailsPanel/CardDetailsPanel.js +80 -70
- package/dist/libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/CardDetailsPanel/labels.js +5 -0
- package/dist/libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/CardDetailsPanel/testIds.js +3 -1
- package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index4.js +174 -164
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index5.js +55 -52
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index6.js +6 -3
- package/package.json +1 -1
|
@@ -12,12 +12,13 @@ import { TRANSFERS_ANALYTICS_EVENTS as s } from "./index2.js";
|
|
|
12
12
|
import { useCreateBookTransferMutation as c } from "../../data-access/dist/index7.js";
|
|
13
13
|
import { useCreateAchMoneyMovementMutation as l } from "../../data-access/dist/index8.js";
|
|
14
14
|
import "../../data-access/dist/index.js";
|
|
15
|
-
import { useCallback as u,
|
|
15
|
+
import { useCallback as u, useEffect as d, useMemo as f, useState as p } from "react";
|
|
16
|
+
import { useControllableState as m } from "@radix-ui/react-use-controllable-state";
|
|
16
17
|
//#region ../../libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index4.js
|
|
17
|
-
function
|
|
18
|
+
function h(e) {
|
|
18
19
|
return e.slice(-4);
|
|
19
20
|
}
|
|
20
|
-
function
|
|
21
|
+
function g(e, t) {
|
|
21
22
|
let r = e.balance;
|
|
22
23
|
if (!r || r.value === void 0 || r.value === null) return;
|
|
23
24
|
let i = r.currencyCode ?? t, o = n({
|
|
@@ -29,14 +30,14 @@ function m(e, t) {
|
|
|
29
30
|
includeSpaceAfterCurrencySymbol: !1
|
|
30
31
|
});
|
|
31
32
|
}
|
|
32
|
-
function
|
|
33
|
+
function _(e, t, n, r) {
|
|
33
34
|
let i = n.find((t) => t.id === e);
|
|
34
35
|
if (i?.balance?.currencyCode) return i.balance.currencyCode;
|
|
35
36
|
let a = n.find((e) => e.id === t);
|
|
36
37
|
return a?.balance?.currencyCode ? a.balance.currencyCode : r;
|
|
37
38
|
}
|
|
38
|
-
function
|
|
39
|
-
let r =
|
|
39
|
+
function v(e, t, n) {
|
|
40
|
+
let r = h(e.accountNumber), i = e.nickname?.trim() || t.accountFallbackName, a = g(e, n.defaultCurrencyCode);
|
|
40
41
|
return {
|
|
41
42
|
optionValue: e.id,
|
|
42
43
|
primaryLabel: i,
|
|
@@ -44,15 +45,15 @@ function g(e, t, n) {
|
|
|
44
45
|
balanceLabel: a
|
|
45
46
|
};
|
|
46
47
|
}
|
|
47
|
-
function
|
|
48
|
-
let n =
|
|
48
|
+
function y(e, t) {
|
|
49
|
+
let n = h(e.accountNumber), r = e.nickname?.trim() || e.nameOnAccount;
|
|
49
50
|
return {
|
|
50
51
|
optionValue: e.id,
|
|
51
52
|
primaryLabel: r,
|
|
52
53
|
secondaryLabel: `${t.embeddedAccountMaskPrefix}${n}`
|
|
53
54
|
};
|
|
54
55
|
}
|
|
55
|
-
function
|
|
56
|
+
function b(e, t, n, r, i) {
|
|
56
57
|
return {
|
|
57
58
|
primaryLabel: e?.primaryLabel ?? "",
|
|
58
59
|
accountDetailLabel: t ? `${i} ${t}` : e?.secondaryLabel ?? "",
|
|
@@ -61,238 +62,247 @@ function v(e, t, n, r, i) {
|
|
|
61
62
|
showInstitutionIcon: n
|
|
62
63
|
};
|
|
63
64
|
}
|
|
64
|
-
function
|
|
65
|
-
let
|
|
66
|
-
|
|
67
|
-
|
|
65
|
+
function x({ labels: n, featureLabels: h, embeddedBankAccounts: g, verifiedExternalBankAccounts: x, track: S, isTransferMoneyOpen: C, defaultIsTransferMoneyOpen: ee, onTransferMoneyOpenChange: w }) {
|
|
66
|
+
let T = c(), E = l(), D = f(() => new Set(g.map((e) => e.id)), [g]), O = f(() => g.map((e) => v(e, n, h)), [
|
|
67
|
+
g,
|
|
68
|
+
h,
|
|
68
69
|
n.accountFallbackName,
|
|
69
70
|
n.embeddedAccountMaskPrefix
|
|
70
|
-
]),
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
71
|
+
]), k = f(() => x.map((e) => y(e, n)), [n.embeddedAccountMaskPrefix, x]), A = f(() => [...O, ...k], [O, k]), [j, M] = m({
|
|
72
|
+
prop: C,
|
|
73
|
+
defaultProp: ee ?? !1,
|
|
74
|
+
onChange: w,
|
|
75
|
+
caller: "TransfersWidget"
|
|
76
|
+
}), [N, P] = p("accounts"), [F, I] = p(""), [L, R] = p(""), [z, B] = p(""), [te, V] = p(null), [ne, H] = p(!1), U = u(() => {
|
|
77
|
+
P("accounts"), I(""), R(""), B(""), V(null), H(!1);
|
|
78
|
+
}, []), [W, G] = p(j);
|
|
79
|
+
j !== W && (G(j), j && U()), d(() => {
|
|
80
|
+
j && S(s.TransferMoneyOpened);
|
|
81
|
+
}, [j, S]);
|
|
82
|
+
let K = u((e) => {
|
|
83
|
+
M(e);
|
|
84
|
+
}, [M]), q = u(() => {
|
|
85
|
+
M(!0);
|
|
86
|
+
}, [M]), J = D.has(F), Y = D.has(L), X = f(() => _(F, L, g, h.defaultCurrencyCode), [
|
|
87
|
+
g,
|
|
88
|
+
h.defaultCurrencyCode,
|
|
89
|
+
F,
|
|
90
|
+
L
|
|
91
|
+
]), re = f(() => i(X), [X]), ie = f(() => L ? Y ? A.filter((e) => e.optionValue !== L) : O.filter((e) => e.optionValue !== L) : A, [
|
|
92
|
+
A,
|
|
93
|
+
O,
|
|
94
|
+
L,
|
|
95
|
+
Y
|
|
96
|
+
]), ae = f(() => F ? J ? A.filter((e) => e.optionValue !== F) : O.filter((e) => e.optionValue !== F) : A, [
|
|
97
|
+
A,
|
|
98
|
+
O,
|
|
99
|
+
F,
|
|
100
|
+
J
|
|
101
|
+
]), Z = !!(F && L && F !== L), oe = f(() => o(z, X) !== null, [z, X]), Q = u((e, r, i) => {
|
|
90
102
|
let a = o(r, i);
|
|
91
103
|
if (a === null) {
|
|
92
|
-
|
|
104
|
+
V(null);
|
|
93
105
|
return;
|
|
94
106
|
}
|
|
95
|
-
if (!
|
|
96
|
-
|
|
107
|
+
if (!D.has(e)) {
|
|
108
|
+
V(null);
|
|
97
109
|
return;
|
|
98
110
|
}
|
|
99
|
-
let s =
|
|
111
|
+
let s = g.find((t) => t.id === e);
|
|
100
112
|
if (!s) {
|
|
101
|
-
|
|
113
|
+
V(null);
|
|
102
114
|
return;
|
|
103
115
|
}
|
|
104
116
|
let c = t(s.balance?.value);
|
|
105
|
-
|
|
117
|
+
V(a > c ? n.modalInsufficientFundsError : null);
|
|
106
118
|
}, [
|
|
107
|
-
|
|
108
|
-
|
|
119
|
+
g,
|
|
120
|
+
D,
|
|
109
121
|
n.modalInsufficientFundsError
|
|
110
|
-
]),
|
|
111
|
-
|
|
112
|
-
let t =
|
|
113
|
-
|
|
122
|
+
]), se = u((e) => {
|
|
123
|
+
I(e);
|
|
124
|
+
let t = _(e, L, g, h.defaultCurrencyCode);
|
|
125
|
+
Q(e, z, t);
|
|
126
|
+
}, [
|
|
127
|
+
z,
|
|
128
|
+
g,
|
|
129
|
+
h.defaultCurrencyCode,
|
|
130
|
+
Q,
|
|
131
|
+
L
|
|
132
|
+
]), ce = u((e) => {
|
|
133
|
+
R(e);
|
|
134
|
+
let t = _(F, e, g, h.defaultCurrencyCode);
|
|
135
|
+
Q(F, z, t);
|
|
114
136
|
}, [
|
|
137
|
+
z,
|
|
138
|
+
g,
|
|
139
|
+
h.defaultCurrencyCode,
|
|
115
140
|
F,
|
|
116
|
-
|
|
117
|
-
p.defaultCurrencyCode,
|
|
118
|
-
Z,
|
|
119
|
-
N
|
|
141
|
+
Q
|
|
120
142
|
]), $ = u((e) => {
|
|
121
|
-
|
|
122
|
-
let t = h(j, e, m, p.defaultCurrencyCode);
|
|
123
|
-
Z(j, F, t);
|
|
143
|
+
B(e), Q(F, e, X);
|
|
124
144
|
}, [
|
|
125
145
|
F,
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
]),
|
|
131
|
-
|
|
132
|
-
}, [
|
|
133
|
-
j,
|
|
134
|
-
Z,
|
|
135
|
-
G
|
|
136
|
-
]), te = u(() => {
|
|
137
|
-
M(""), P(""), I(""), R(null);
|
|
138
|
-
}, []), ne = d(() => {
|
|
139
|
-
let e = o(F, G);
|
|
146
|
+
Q,
|
|
147
|
+
X
|
|
148
|
+
]), le = u(() => {
|
|
149
|
+
I(""), R(""), B(""), V(null);
|
|
150
|
+
}, []), ue = f(() => {
|
|
151
|
+
let e = o(z, X);
|
|
140
152
|
if (e === null) return "";
|
|
141
|
-
let t = r(
|
|
153
|
+
let t = r(X);
|
|
142
154
|
return a(e / 10 ** t, {
|
|
143
|
-
currencyCode:
|
|
155
|
+
currencyCode: X,
|
|
144
156
|
includeSpaceAfterCurrencySymbol: !1
|
|
145
157
|
});
|
|
146
|
-
}, [
|
|
147
|
-
let e =
|
|
148
|
-
return
|
|
158
|
+
}, [z, X]), de = f(() => {
|
|
159
|
+
let e = A.find((e) => e.optionValue === F), t = g.find((e) => e.id === F), r = x.find((e) => e.id === F);
|
|
160
|
+
return b(e, t?.accountNumber ?? r?.accountNumber, !!r, n.modalAvailableBalanceCaption, n.modalReviewAccountNumberPrefix);
|
|
149
161
|
}, [
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
162
|
+
A,
|
|
163
|
+
g,
|
|
164
|
+
F,
|
|
153
165
|
n.modalAvailableBalanceCaption,
|
|
154
166
|
n.modalReviewAccountNumberPrefix,
|
|
155
|
-
|
|
156
|
-
]),
|
|
157
|
-
let e =
|
|
158
|
-
return
|
|
167
|
+
x
|
|
168
|
+
]), fe = f(() => {
|
|
169
|
+
let e = A.find((e) => e.optionValue === L), t = g.find((e) => e.id === L), r = x.find((e) => e.id === L);
|
|
170
|
+
return b(e, t?.accountNumber ?? r?.accountNumber, !!r, n.modalAvailableBalanceCaption, n.modalReviewAccountNumberPrefix);
|
|
159
171
|
}, [
|
|
160
|
-
|
|
161
|
-
|
|
172
|
+
A,
|
|
173
|
+
g,
|
|
162
174
|
n.modalAvailableBalanceCaption,
|
|
163
175
|
n.modalReviewAccountNumberPrefix,
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
]),
|
|
167
|
-
if (!
|
|
168
|
-
let e = o(
|
|
176
|
+
L,
|
|
177
|
+
x
|
|
178
|
+
]), pe = u(() => {
|
|
179
|
+
if (!Z) return;
|
|
180
|
+
let e = o(z, X);
|
|
169
181
|
if (e === null) {
|
|
170
|
-
|
|
182
|
+
V(n.modalAmountInvalidError);
|
|
171
183
|
return;
|
|
172
184
|
}
|
|
173
|
-
if (
|
|
174
|
-
let r =
|
|
185
|
+
if (J) {
|
|
186
|
+
let r = g.find((e) => e.id === F);
|
|
175
187
|
if (r && e > t(r.balance?.value)) {
|
|
176
|
-
|
|
188
|
+
V(n.modalInsufficientFundsError);
|
|
177
189
|
return;
|
|
178
190
|
}
|
|
179
191
|
}
|
|
180
|
-
|
|
192
|
+
V(null), P("review");
|
|
181
193
|
}, [
|
|
194
|
+
z,
|
|
195
|
+
Z,
|
|
196
|
+
g,
|
|
197
|
+
J,
|
|
182
198
|
F,
|
|
183
|
-
Y,
|
|
184
|
-
m,
|
|
185
|
-
U,
|
|
186
|
-
j,
|
|
187
199
|
n.modalAmountInvalidError,
|
|
188
200
|
n.modalInsufficientFundsError,
|
|
189
|
-
|
|
190
|
-
]),
|
|
191
|
-
let e = o(
|
|
201
|
+
X
|
|
202
|
+
]), me = u(() => {
|
|
203
|
+
let e = o(z, X);
|
|
192
204
|
if (e === null) {
|
|
193
|
-
|
|
205
|
+
V(n.modalAmountInvalidError);
|
|
194
206
|
return;
|
|
195
207
|
}
|
|
196
|
-
if (
|
|
197
|
-
let r =
|
|
208
|
+
if (J) {
|
|
209
|
+
let r = g.find((e) => e.id === F);
|
|
198
210
|
if (r && e > t(r.balance?.value)) {
|
|
199
|
-
|
|
211
|
+
V(n.modalInsufficientFundsError);
|
|
200
212
|
return;
|
|
201
213
|
}
|
|
202
214
|
}
|
|
203
|
-
|
|
215
|
+
V(null), P("review");
|
|
204
216
|
}, [
|
|
217
|
+
z,
|
|
218
|
+
g,
|
|
219
|
+
J,
|
|
205
220
|
F,
|
|
206
|
-
m,
|
|
207
|
-
U,
|
|
208
|
-
j,
|
|
209
221
|
n.modalAmountInvalidError,
|
|
210
222
|
n.modalInsufficientFundsError,
|
|
211
|
-
|
|
212
|
-
]),
|
|
213
|
-
if (
|
|
214
|
-
|
|
223
|
+
X
|
|
224
|
+
]), he = u(() => {
|
|
225
|
+
if (N === "amount") {
|
|
226
|
+
P("accounts");
|
|
215
227
|
return;
|
|
216
228
|
}
|
|
217
|
-
|
|
218
|
-
}, [
|
|
219
|
-
let t = o(
|
|
229
|
+
N === "review" && P("accounts");
|
|
230
|
+
}, [N]), ge = u(async () => {
|
|
231
|
+
let t = o(z, X);
|
|
220
232
|
if (t === null) {
|
|
221
|
-
|
|
233
|
+
V(n.modalAmountInvalidError);
|
|
222
234
|
return;
|
|
223
235
|
}
|
|
224
|
-
if (!
|
|
236
|
+
if (!J && !Y) {
|
|
225
237
|
e.error(n.modalUnsupportedPairError);
|
|
226
238
|
return;
|
|
227
239
|
}
|
|
228
240
|
let r;
|
|
229
|
-
r =
|
|
241
|
+
r = J && Y ? "INTERNAL_TO_INTERNAL" : J && !Y ? "INTERNAL_TO_EXTERNAL" : "EXTERNAL_TO_INTERNAL";
|
|
230
242
|
try {
|
|
231
|
-
r === "INTERNAL_TO_INTERNAL" ? await
|
|
232
|
-
fromBankAccountId:
|
|
233
|
-
toBankAccountId:
|
|
243
|
+
r === "INTERNAL_TO_INTERNAL" ? await T.mutateAsync({ body: {
|
|
244
|
+
fromBankAccountId: F,
|
|
245
|
+
toBankAccountId: L,
|
|
234
246
|
amount: t,
|
|
235
|
-
currencyCode:
|
|
236
|
-
} }) : await
|
|
237
|
-
fromBankAccountId:
|
|
238
|
-
toBankAccountId:
|
|
247
|
+
currencyCode: X
|
|
248
|
+
} }) : await E.mutateAsync({ body: {
|
|
249
|
+
fromBankAccountId: F,
|
|
250
|
+
toBankAccountId: L,
|
|
239
251
|
amount: t,
|
|
240
|
-
currencyCode:
|
|
252
|
+
currencyCode: X,
|
|
241
253
|
type: r,
|
|
242
|
-
secCode:
|
|
243
|
-
} }),
|
|
254
|
+
secCode: h.defaultSecCode
|
|
255
|
+
} }), H(!0), P("result"), S(s.TransferSubmitted, { transferType: r });
|
|
244
256
|
} catch {
|
|
245
257
|
e.error(n.modalSubmitFailedError);
|
|
246
258
|
}
|
|
247
259
|
}, [
|
|
260
|
+
z,
|
|
261
|
+
E,
|
|
262
|
+
T,
|
|
263
|
+
J,
|
|
248
264
|
F,
|
|
249
|
-
S,
|
|
250
|
-
x,
|
|
251
|
-
U,
|
|
252
|
-
j,
|
|
253
265
|
n.modalSubmitFailedError,
|
|
254
266
|
n.modalUnsupportedPairError,
|
|
255
267
|
n.modalAmountInvalidError,
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
268
|
+
Y,
|
|
269
|
+
L,
|
|
270
|
+
S,
|
|
271
|
+
X,
|
|
272
|
+
h.defaultSecCode
|
|
261
273
|
]);
|
|
262
274
|
return {
|
|
263
275
|
modalProps: {
|
|
264
|
-
open:
|
|
265
|
-
onOpenChange:
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
onSubmit: () => void ce(),
|
|
290
|
-
onClearSelections: te
|
|
276
|
+
open: j,
|
|
277
|
+
onOpenChange: K,
|
|
278
|
+
step: N,
|
|
279
|
+
fromOptions: ie,
|
|
280
|
+
toOptions: ae,
|
|
281
|
+
fromValue: F,
|
|
282
|
+
toValue: L,
|
|
283
|
+
onFromValueChange: se,
|
|
284
|
+
onToValueChange: ce,
|
|
285
|
+
amountValue: z,
|
|
286
|
+
onAmountValueChange: $,
|
|
287
|
+
amountError: te,
|
|
288
|
+
amountInputPrefix: re,
|
|
289
|
+
reviewFromAccount: de,
|
|
290
|
+
reviewToAccount: fe,
|
|
291
|
+
reviewAmountLabel: ue,
|
|
292
|
+
isSubmitting: T.isPending || E.isPending,
|
|
293
|
+
isSuccess: ne,
|
|
294
|
+
canContinueFromAccounts: Z,
|
|
295
|
+
canContinueFromAmount: oe,
|
|
296
|
+
onContinueFromAccounts: pe,
|
|
297
|
+
onContinueFromAmount: me,
|
|
298
|
+
onBack: he,
|
|
299
|
+
onSubmit: () => void ge(),
|
|
300
|
+
onClearSelections: le
|
|
291
301
|
},
|
|
292
|
-
openModal:
|
|
302
|
+
openModal: q
|
|
293
303
|
};
|
|
294
304
|
}
|
|
295
|
-
function
|
|
305
|
+
function S(e, t, r, i) {
|
|
296
306
|
let o = t.get(e.fromAccount.id) ?? e.fromAccount.nickname ?? r.accountFallbackName, s = t.get(e.toAccount.id) ?? e.toAccount.nickname ?? r.accountFallbackName, c = new Date(e.date), l = Number.isNaN(c.getTime()) ? i.unavailableLabel : new Intl.DateTimeFormat(void 0, { dateStyle: "medium" }).format(c), u = e.amount?.value, d = u == null || !Number.isFinite(Number(u)) ? i.unavailableLabel : a(n(e.amount), {
|
|
297
307
|
currencyCode: e.amount.currencyCode,
|
|
298
308
|
includeSpaceAfterCurrencySymbol: !1
|
|
@@ -306,4 +316,4 @@ function b(e, t, r, i) {
|
|
|
306
316
|
};
|
|
307
317
|
}
|
|
308
318
|
//#endregion
|
|
309
|
-
export {
|
|
319
|
+
export { S as mapTransferToRowView, x as useTransferMoneyModalController };
|
|
@@ -16,83 +16,86 @@ import { useTransferExternalAccountsQuery as l } from "../../data-access/dist/in
|
|
|
16
16
|
import { useMergedRecentBankAccountTransfersQuery as u } from "../../data-access/dist/index6.js";
|
|
17
17
|
import "../../data-access/dist/index.js";
|
|
18
18
|
import { mapTransferToRowView as d, useTransferMoneyModalController as f } from "./index4.js";
|
|
19
|
-
import { TRANSFERS_WIDGET_LABELS_EN as
|
|
20
|
-
import { TransfersWidget as
|
|
19
|
+
import { TRANSFERS_WIDGET_LABELS_EN as ee } from "../../ui/dist/lib/TransfersWidget/labels.js";
|
|
20
|
+
import { TransfersWidget as te } from "../../ui/dist/lib/TransfersWidget/TransfersWidget.js";
|
|
21
21
|
import "../../ui/dist/index.js";
|
|
22
|
-
import { useCallback as
|
|
23
|
-
import { jsx as
|
|
22
|
+
import { useCallback as p, useEffect as m, useMemo as h } from "react";
|
|
23
|
+
import { jsx as g } from "react/jsx-runtime";
|
|
24
24
|
//#region ../../libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index5.js
|
|
25
|
-
var
|
|
26
|
-
function
|
|
25
|
+
var _ = [e.TransferWriteOrg, e.BankAccountReadOrg], v = [r, n];
|
|
26
|
+
function y(e) {
|
|
27
27
|
return e.slice(-4);
|
|
28
28
|
}
|
|
29
|
-
function
|
|
30
|
-
let
|
|
29
|
+
function b({ labels: n, featureLabels: r, isTransferMoneyOpen: b, defaultIsTransferMoneyOpen: x, onTransferMoneyOpenChange: S }) {
|
|
30
|
+
let C = {
|
|
31
31
|
...a,
|
|
32
32
|
...r
|
|
33
|
-
},
|
|
34
|
-
...
|
|
33
|
+
}, w = {
|
|
34
|
+
...ee,
|
|
35
35
|
...n,
|
|
36
36
|
...r?.routeSeparator === void 0 ? {} : { listAccountsSeparator: r.routeSeparator }
|
|
37
|
-
},
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}, [
|
|
41
|
-
let
|
|
37
|
+
}, T = t(), { initResponse: E } = i();
|
|
38
|
+
m(() => {
|
|
39
|
+
T(o.Mounted);
|
|
40
|
+
}, [T]);
|
|
41
|
+
let D = E?.scopes ?? [], O = D.includes(e.ExternalBankAccountReadOrg), k = D.includes(e.PaymentRailAch), A = O && k, j = _.every((e) => D.includes(e)), { mergedTransfers: M, isLoading: N, isError: P, refetch: F } = u(), I = c(), { data: L, isError: R, refetch: z } = I, B = l({ enabled: O }), { data: V, isError: H, refetch: U } = B, W = L?.data ?? [], G = h(() => A ? (V?.data ?? []).filter((e) => e.verificationStatus === "VERIFIED" && e.accountStatus === "ACTIVE") : [], [A, V?.data]), K = h(() => {
|
|
42
42
|
let e = /* @__PURE__ */ new Map();
|
|
43
|
-
for (let t of
|
|
44
|
-
let n =
|
|
43
|
+
for (let t of W) {
|
|
44
|
+
let n = y(t.accountNumber), r = t.nickname?.trim() || w.accountFallbackName;
|
|
45
45
|
e.set(t.id, `${r} ···${n}`);
|
|
46
46
|
}
|
|
47
|
-
for (let t of
|
|
48
|
-
let n =
|
|
47
|
+
for (let t of G) {
|
|
48
|
+
let n = y(t.accountNumber), r = t.nickname?.trim() || t.nameOnAccount;
|
|
49
49
|
e.set(t.id, `${r} ···${n}`);
|
|
50
50
|
}
|
|
51
51
|
return e;
|
|
52
52
|
}, [
|
|
53
|
-
H,
|
|
54
|
-
S.accountFallbackName,
|
|
55
|
-
U
|
|
56
|
-
]), G = g(() => A.map((e) => d(e, W, S, x)), [
|
|
57
53
|
W,
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
54
|
+
w.accountFallbackName,
|
|
55
|
+
G
|
|
56
|
+
]), q = h(() => M.map((e) => d(e, K, w, C)), [
|
|
57
|
+
K,
|
|
58
|
+
C,
|
|
59
|
+
w,
|
|
60
|
+
M
|
|
61
|
+
]), J = p(() => {
|
|
62
|
+
F(), z(), O && U();
|
|
63
63
|
}, [
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
64
|
+
O,
|
|
65
|
+
z,
|
|
66
|
+
U,
|
|
67
|
+
F
|
|
68
68
|
]);
|
|
69
|
-
|
|
69
|
+
m(() => {
|
|
70
70
|
let e = () => {
|
|
71
|
-
|
|
71
|
+
J();
|
|
72
72
|
};
|
|
73
|
-
for (let t of
|
|
73
|
+
for (let t of v) window.addEventListener(t, e);
|
|
74
74
|
return () => {
|
|
75
|
-
for (let t of
|
|
75
|
+
for (let t of v) window.removeEventListener(t, e);
|
|
76
76
|
};
|
|
77
|
-
}, [
|
|
78
|
-
let { modalProps:
|
|
79
|
-
labels:
|
|
80
|
-
featureLabels:
|
|
81
|
-
embeddedBankAccounts:
|
|
82
|
-
verifiedExternalBankAccounts:
|
|
83
|
-
track:
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
77
|
+
}, [J]);
|
|
78
|
+
let { modalProps: Y, openModal: X } = f({
|
|
79
|
+
labels: w,
|
|
80
|
+
featureLabels: C,
|
|
81
|
+
embeddedBankAccounts: W,
|
|
82
|
+
verifiedExternalBankAccounts: G,
|
|
83
|
+
track: T,
|
|
84
|
+
isTransferMoneyOpen: b,
|
|
85
|
+
defaultIsTransferMoneyOpen: x,
|
|
86
|
+
onTransferMoneyOpenChange: S
|
|
87
|
+
}), Z = s(I), ne = O && s(B), re = N || Z || ne, Q = P || R || O && H, ie = W.length + G.length, $ = !(W.length > 0) || ie <= 1;
|
|
88
|
+
return /* @__PURE__ */ g(te, {
|
|
89
|
+
transferRows: q,
|
|
90
|
+
isLoading: re,
|
|
88
91
|
isError: Q,
|
|
89
|
-
onRetry: Q ? () => void
|
|
90
|
-
showTransferMoneyCta:
|
|
92
|
+
onRetry: Q ? () => void J() : void 0,
|
|
93
|
+
showTransferMoneyCta: j,
|
|
91
94
|
isTransferMoneyCtaDisabled: $,
|
|
92
|
-
onTransferMoneyClick:
|
|
93
|
-
transferMoneyModal:
|
|
95
|
+
onTransferMoneyClick: j && !$ ? () => X() : void 0,
|
|
96
|
+
transferMoneyModal: Y,
|
|
94
97
|
labels: n
|
|
95
98
|
});
|
|
96
99
|
}
|
|
97
100
|
//#endregion
|
|
98
|
-
export {
|
|
101
|
+
export { b as TransfersWidgetInner };
|
|
@@ -11,13 +11,16 @@ import { WIDGET_NAME as n } from "./index2.js";
|
|
|
11
11
|
import { TransfersWidgetInner as r } from "./index5.js";
|
|
12
12
|
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
13
13
|
//#region ../../libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index6.js
|
|
14
|
-
function o({ labels: o, featureLabels: s,
|
|
14
|
+
function o({ labels: o, featureLabels: s, isTransferMoneyOpen: c, defaultIsTransferMoneyOpen: l, onTransferMoneyOpenChange: u, ...d }) {
|
|
15
15
|
return /* @__PURE__ */ a(t, {
|
|
16
|
-
...
|
|
16
|
+
...d,
|
|
17
17
|
widgetName: n,
|
|
18
18
|
children: [/* @__PURE__ */ i(e, {}), /* @__PURE__ */ i(r, {
|
|
19
19
|
labels: o,
|
|
20
|
-
featureLabels: s
|
|
20
|
+
featureLabels: s,
|
|
21
|
+
isTransferMoneyOpen: c,
|
|
22
|
+
defaultIsTransferMoneyOpen: l,
|
|
23
|
+
onTransferMoneyOpenChange: u
|
|
21
24
|
})]
|
|
22
25
|
});
|
|
23
26
|
}
|