@tap-payments/auth-jsconnect 2.3.68-test → 2.3.70-test
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/build/constants/app.js +4 -4
- package/build/features/app/bank/bankStore.d.ts +3 -0
- package/build/features/app/bank/bankStore.js +33 -4
- package/build/features/app/individual/individualStore.js +8 -9
- package/build/features/bank/screens/BankDetails/BankDetails.js +9 -5
- package/build/features/bank/screens/Verify/Verify.js +1 -5
- package/package.json +1 -1
package/build/constants/app.js
CHANGED
|
@@ -345,20 +345,20 @@ export var PASSWORD_SCREENS_NAVIGATION = [
|
|
|
345
345
|
export var BANK_SCREENS_NAVIGATION = [
|
|
346
346
|
{
|
|
347
347
|
name: 'BANK_VERIFY_STEP',
|
|
348
|
-
next:
|
|
348
|
+
next: 'BANK_BANK_DETAILS_STEP',
|
|
349
349
|
prev: '',
|
|
350
350
|
order: 1
|
|
351
351
|
},
|
|
352
352
|
{
|
|
353
353
|
name: 'BANK_LOADING_DATA_STEP',
|
|
354
|
-
next:
|
|
355
|
-
prev: '',
|
|
354
|
+
next: 'BANK_BANK_DETAILS_STEP',
|
|
355
|
+
prev: 'BANK_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
|
|
356
356
|
order: 1
|
|
357
357
|
},
|
|
358
358
|
{
|
|
359
359
|
name: 'BANK_BANK_DETAILS_STEP',
|
|
360
360
|
next: 'BANK_DETAILS_SUCCESS_STEP',
|
|
361
|
-
prev: '',
|
|
361
|
+
prev: 'BANK_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
|
|
362
362
|
order: 2
|
|
363
363
|
},
|
|
364
364
|
{
|
|
@@ -27,6 +27,9 @@ export declare const verifyBankLeadOTP: import("@reduxjs/toolkit").AsyncThunk<{
|
|
|
27
27
|
data: any;
|
|
28
28
|
formData: OTPFormValues;
|
|
29
29
|
}, OTPFormValues, {}>;
|
|
30
|
+
export declare const retrieveBoardStatus: import("@reduxjs/toolkit").AsyncThunk<{
|
|
31
|
+
flows: any;
|
|
32
|
+
}, void, {}>;
|
|
30
33
|
export declare const retrieveBoardDetails: import("@reduxjs/toolkit").AsyncThunk<{
|
|
31
34
|
data: any;
|
|
32
35
|
}, string, {}>;
|
|
@@ -49,7 +49,7 @@ var _a;
|
|
|
49
49
|
import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
|
|
50
50
|
import API from '../../../api';
|
|
51
51
|
import { DocumentPurpose, FlowsTypes } from '../../../@types';
|
|
52
|
-
import { handleCurrentActiveScreen, handleNextScreenStep, handleSetCountryByIso2 } from '../../../app/settings';
|
|
52
|
+
import { handleCurrentActiveScreen, handleNextScreenStep, handlePrevScreenStep, handleSetCountryByIso2 } from '../../../app/settings';
|
|
53
53
|
import { BANK_STEP_NAMES } from '../../../constants';
|
|
54
54
|
import { hasNoneEditableValue, isStringMasked, sleep } from '../../../utils';
|
|
55
55
|
export var verifyLeadToken = createAsyncThunk('bankVerifyLeadToken', function (_a, thunkApi) {
|
|
@@ -85,7 +85,7 @@ export var verifyLeadToken = createAsyncThunk('bankVerifyLeadToken', function (_
|
|
|
85
85
|
thunkApi.dispatch(handleCurrentActiveScreen('BANK_VERIFY_STEP'));
|
|
86
86
|
}
|
|
87
87
|
else if (data.step_name === BANK_STEP_NAMES.BANK_INFO) {
|
|
88
|
-
sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep(
|
|
88
|
+
sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep()); });
|
|
89
89
|
}
|
|
90
90
|
_e.label = 4;
|
|
91
91
|
case 4: return [2, {
|
|
@@ -144,13 +144,28 @@ export var verifyBankLeadOTP = createAsyncThunk('verifyBankLeadOTP', function (p
|
|
|
144
144
|
data = (_e.sent()).data;
|
|
145
145
|
if (!data.errors) {
|
|
146
146
|
(_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, { otp: params.otp });
|
|
147
|
-
sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep(
|
|
147
|
+
sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep()); });
|
|
148
148
|
}
|
|
149
149
|
return [2, { data: data, formData: params }];
|
|
150
150
|
}
|
|
151
151
|
});
|
|
152
152
|
}); });
|
|
153
|
-
export var
|
|
153
|
+
export var retrieveBoardStatus = createAsyncThunk('bank/retrieveBoardStatus', function (parmas, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
|
|
154
|
+
var bank, board_id, data;
|
|
155
|
+
return __generator(this, function (_a) {
|
|
156
|
+
switch (_a.label) {
|
|
157
|
+
case 0:
|
|
158
|
+
bank = thunkApi.getState().bank;
|
|
159
|
+
board_id = (bank.data.verify.responseBody || {}).id;
|
|
160
|
+
return [4, API.boardService.retrieveBoardInfoStatus(board_id)];
|
|
161
|
+
case 1:
|
|
162
|
+
data = _a.sent();
|
|
163
|
+
thunkApi.dispatch(handlePrevScreenStep());
|
|
164
|
+
return [2, { flows: (data === null || data === void 0 ? void 0 : data.info) || [] }];
|
|
165
|
+
}
|
|
166
|
+
});
|
|
167
|
+
}); });
|
|
168
|
+
export var retrieveBoardDetails = createAsyncThunk('bank/retrieveBoardDetails', function (boardId) { return __awaiter(void 0, void 0, void 0, function () {
|
|
154
169
|
var data;
|
|
155
170
|
var _a, _b;
|
|
156
171
|
return __generator(this, function (_c) {
|
|
@@ -384,6 +399,20 @@ export var bankSlice = createSlice({
|
|
|
384
399
|
.addCase(retrieveBoardDetails.rejected, function (state, action) {
|
|
385
400
|
state.error = action.error.message;
|
|
386
401
|
state.loading = false;
|
|
402
|
+
})
|
|
403
|
+
.addCase(retrieveBoardStatus.pending, function (state) {
|
|
404
|
+
state.error = null;
|
|
405
|
+
state.loading = true;
|
|
406
|
+
})
|
|
407
|
+
.addCase(retrieveBoardStatus.fulfilled, function (state, action) {
|
|
408
|
+
state.error = null;
|
|
409
|
+
state.loading = false;
|
|
410
|
+
var flows = action.payload.flows;
|
|
411
|
+
state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { flows: flows });
|
|
412
|
+
})
|
|
413
|
+
.addCase(retrieveBoardStatus.rejected, function (state, action) {
|
|
414
|
+
state.error = action.error.message;
|
|
415
|
+
state.loading = false;
|
|
387
416
|
})
|
|
388
417
|
.addCase(updateBoardSuccess.fulfilled, function (state, action) {
|
|
389
418
|
var _a;
|
|
@@ -525,9 +525,9 @@ export var updatePhoneInfo = createAsyncThunk('individual/updatePhoneInfo', func
|
|
|
525
525
|
}); });
|
|
526
526
|
export var updateIndividualPersonalInfo = createAsyncThunk('individual/updateIndividualPersonalInfo', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
|
|
527
527
|
var _a, settings, individual, _b, notification, user, entity, _c, id, type, name, email, mobile, countryCode, gender, nid, issuedCountry, expiryDate, dob, placeOfBirthCountry, placeOfBirthCity, nationality, code, data_status, userName, identification_id_type, isNameNonEditable, isEmailNonEditable, isMobileNumberNonEditable, isMobileCountryNonEditable, isNidNonEditable, isIssuedCountryNonEditable, isExpiryNonEditable, isIdTypeNonEditable, isNationalityNonEditable, isDOBNonEditable, isBirthCityNonEditable, isBirthCountryNonEditable, hasContact, hasPhone, hasIdentification, hasBirth, contact, requestBody, data;
|
|
528
|
-
var _d, _e, _f, _g, _h
|
|
529
|
-
return __generator(this, function (
|
|
530
|
-
switch (
|
|
528
|
+
var _d, _e, _f, _g, _h;
|
|
529
|
+
return __generator(this, function (_j) {
|
|
530
|
+
switch (_j.label) {
|
|
531
531
|
case 0:
|
|
532
532
|
_a = thunkApi.getState(), settings = _a.settings, individual = _a.individual;
|
|
533
533
|
_b = individual.data.verify.responseBody || {}, notification = _b.notification, user = _b.user, entity = _b.entity;
|
|
@@ -577,7 +577,7 @@ export var updateIndividualPersonalInfo = createAsyncThunk('individual/updateInd
|
|
|
577
577
|
date_of_birth: dob
|
|
578
578
|
})), (!((isBirthCityNonEditable && isBirthCountryNonEditable) || !hasBirth) && {
|
|
579
579
|
birth: {
|
|
580
|
-
city: isBirthCityNonEditable ? undefined :
|
|
580
|
+
city: isBirthCityNonEditable ? undefined : placeOfBirthCity === null || placeOfBirthCity === void 0 ? void 0 : placeOfBirthCity.id,
|
|
581
581
|
country: isBirthCountryNonEditable ? undefined : placeOfBirthCountry === null || placeOfBirthCountry === void 0 ? void 0 : placeOfBirthCountry.iso2
|
|
582
582
|
}
|
|
583
583
|
})), (!isNationalityNonEditable && {
|
|
@@ -591,22 +591,21 @@ export var updateIndividualPersonalInfo = createAsyncThunk('individual/updateInd
|
|
|
591
591
|
'identification.issued_country_code',
|
|
592
592
|
'identification.expiry',
|
|
593
593
|
'identification.type',
|
|
594
|
-
'birth.city',
|
|
595
594
|
'birth.country',
|
|
596
595
|
'date_of_birth',
|
|
597
596
|
'nationality'
|
|
598
597
|
], step_name: INDIVIDUAl_STEP_NAMES.INDIVIDUAl_PERSONAL_INFO });
|
|
599
598
|
return [4, API.individualService.updateIndividual(requestBody)];
|
|
600
599
|
case 1:
|
|
601
|
-
data =
|
|
600
|
+
data = _j.sent();
|
|
602
601
|
if (!(type === IndividualType.USER || type === IndividualType.BUYER)) return [3, 3];
|
|
603
602
|
return [4, thunkApi.dispatch(retrieveDataList(code))];
|
|
604
603
|
case 2:
|
|
605
|
-
|
|
606
|
-
|
|
604
|
+
_j.sent();
|
|
605
|
+
_j.label = 3;
|
|
607
606
|
case 3:
|
|
608
607
|
sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep()); });
|
|
609
|
-
(
|
|
608
|
+
(_h = (_g = settings.data.appConfig).onStepCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, settings.data.activeScreen.name, requestBody);
|
|
610
609
|
return [2, { data: data, formData: params }];
|
|
611
610
|
}
|
|
612
611
|
});
|
|
@@ -24,9 +24,9 @@ import { yupResolver } from '@hookform/resolvers/yup';
|
|
|
24
24
|
import { useLanguage } from '../../../../hooks';
|
|
25
25
|
import { styled } from '@mui/material/styles';
|
|
26
26
|
import { BusinessType, DocumentPurpose } from '../../../../@types';
|
|
27
|
-
import { bankSelector, clearError, createBankAccount } from '../../../app/bank/bankStore';
|
|
27
|
+
import { bankSelector, clearError, createBankAccount, retrieveBoardStatus } from '../../../app/bank/bankStore';
|
|
28
28
|
import Form from '../../../../components/Form';
|
|
29
|
-
import {
|
|
29
|
+
import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
|
|
30
30
|
import ConfirmPolicy from './ConfirmPolicy';
|
|
31
31
|
import BankStatement from './BankStatement';
|
|
32
32
|
import { getFileDetailsFromDocument, isKW, isStringMasked } from '../../../../utils';
|
|
@@ -49,7 +49,7 @@ var BankDetails = function () {
|
|
|
49
49
|
var settingsData = useAppSelector(settingsSelector).data;
|
|
50
50
|
var _f = data.bankData, iban = _f.iban, beneficiaryName = _f.beneficiaryName, bankName = _f.bankName, bankStatementId = _f.bankStatementId, bankStatementUploading = _f.uploading, confirmPolicy = _f.confirmPolicy;
|
|
51
51
|
var verify = data.verify;
|
|
52
|
-
var _g = verify.responseBody || {}, bank_account = _g.bank_account, entity = _g.entity;
|
|
52
|
+
var _g = verify.responseBody || {}, bank_account = _g.bank_account, entity = _g.entity, flows = _g.flows;
|
|
53
53
|
var isKWCountry = React.useMemo(function () { return isKW(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
|
|
54
54
|
var isFL = ((_a = entity === null || entity === void 0 ? void 0 : entity.type) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === BusinessType.FL ? true : false;
|
|
55
55
|
var bankHasDocument = ((_c = (_b = bank_account === null || bank_account === void 0 ? void 0 : bank_account.document) === null || _b === void 0 ? void 0 : _b.file_details) === null || _c === void 0 ? void 0 : _c.length) > 0;
|
|
@@ -73,7 +73,11 @@ var BankDetails = function () {
|
|
|
73
73
|
var t = useTranslation().t;
|
|
74
74
|
var isAr = useLanguage().isAr;
|
|
75
75
|
var onBack = function () {
|
|
76
|
-
|
|
76
|
+
if ((flows === null || flows === void 0 ? void 0 : flows.length) > 0) {
|
|
77
|
+
dispatch(handlePrevScreenStep());
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
dispatch(retrieveBoardStatus());
|
|
77
81
|
};
|
|
78
82
|
var disabled = ibanChecking || !methods.formState.isValid || !!error || bankStatementUploading;
|
|
79
83
|
React.useEffect(function () {
|
|
@@ -95,6 +99,6 @@ var BankDetails = function () {
|
|
|
95
99
|
'is_acknowledged'
|
|
96
100
|
]);
|
|
97
101
|
var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
|
|
98
|
-
return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Beneficiary, { readOnly: readOnly['beneficiaryName'] || noneEditable['beneficiary_name'] }), _jsx(IBAN, { fetchingIban: function (value) { return setIbanChecking(value); }, ibanChecking: ibanChecking, readOnly: readOnly['iban'] || noneEditable['iban'] }), _jsx(BankName, { readOnly: readOnly['bankName'] || noneEditable['bank_name'] }), _jsx(BankStatement, { required: isKWCountry && isFL && !bankHasDocument, defaultFiles: defaultBankFiles, readOnly: readOnly['bankStatementId'] || noneEditable['bank_statement_file_id'] }), _jsx(ConfirmPolicy, { readOnly: readOnly['confirmPolicy'] || noneEditable['is_acknowledged'] }), _jsx(ButtonStyled, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled,
|
|
102
|
+
return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Beneficiary, { readOnly: readOnly['beneficiaryName'] || noneEditable['beneficiary_name'] }), _jsx(IBAN, { fetchingIban: function (value) { return setIbanChecking(value); }, ibanChecking: ibanChecking, readOnly: readOnly['iban'] || noneEditable['iban'] }), _jsx(BankName, { readOnly: readOnly['bankName'] || noneEditable['bank_name'] }), _jsx(BankStatement, { required: isKWCountry && isFL && !bankHasDocument, defaultFiles: defaultBankFiles, readOnly: readOnly['bankStatementId'] || noneEditable['bank_statement_file_id'] }), _jsx(ConfirmPolicy, { readOnly: readOnly['confirmPolicy'] || noneEditable['is_acknowledged'] }), _jsx(ButtonStyled, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('confirm') }))] })) })) }));
|
|
99
103
|
};
|
|
100
104
|
export default BankDetails;
|
|
@@ -17,7 +17,6 @@ import { useForm, FormProvider } from 'react-hook-form';
|
|
|
17
17
|
import { yupResolver } from '@hookform/resolvers/yup';
|
|
18
18
|
import Box from '@mui/material/Box/Box';
|
|
19
19
|
import { styled } from '@mui/material/styles';
|
|
20
|
-
import { handlePrevScreenStep } from '../../../../app/settings';
|
|
21
20
|
import { useLanguage, useAppSelector } from '../../../../hooks';
|
|
22
21
|
import { maskPhone } from '../../../../utils';
|
|
23
22
|
import Form from '../../../../components/Form';
|
|
@@ -69,10 +68,7 @@ var VerifyNumber = function (_a) {
|
|
|
69
68
|
var onSubmit = function (formData) {
|
|
70
69
|
dispatch(verifyBankLeadOTP(formData));
|
|
71
70
|
};
|
|
72
|
-
var onBack = function () {
|
|
73
|
-
dispatch(handlePrevScreenStep());
|
|
74
|
-
};
|
|
75
71
|
var disabled = !methods.formState.isValid || !!error || !phone || resendLoading;
|
|
76
|
-
return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? t('ide_otp_waiting_title') : t('ide_opt_sent_title'), !loading && phone && _jsx("span", __assign({ dir: 'ltr' }, { children: "".concat(maskPhone(phone || '')) }))] }) }), _jsx(OTPInput, { loading: resendLoading, setLoading: setResendLoading }), _jsx(Button, __assign({ disableBack: true,
|
|
72
|
+
return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? t('ide_otp_waiting_title') : t('ide_opt_sent_title'), !loading && phone && _jsx("span", __assign({ dir: 'ltr' }, { children: "".concat(maskPhone(phone || '')) }))] }) }), _jsx(OTPInput, { loading: resendLoading, setLoading: setResendLoading }), _jsx(Button, __assign({ disableBack: true, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
|
|
77
73
|
};
|
|
78
74
|
export default React.memo(VerifyNumber);
|