@tap-payments/auth-jsconnect 2.3.74-test → 2.3.78-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/@types/redux.d.ts +4 -0
- package/build/constants/app.js +9 -9
- package/build/features/app/bank/bankStore.d.ts +2 -2
- package/build/features/app/bank/bankStore.js +54 -51
- package/build/features/app/business/businessStore.js +4 -5
- package/build/features/app/connect/connectStore.js +1 -0
- package/build/features/app/password/passwordStore.d.ts +2 -0
- package/build/features/app/password/passwordStore.js +24 -12
- package/build/features/bank/screens/BankDetails/BankDetails.js +7 -6
- package/build/features/bank/screens/ResetPasswordSuccess/ResetPasswordSuccess.js +8 -3
- package/build/features/brand/screens/ResetPasswordSuccess/ResetPasswordSuccess.js +8 -3
- package/build/features/business/screens/ResetPasswordSuccess/ResetPasswordSuccess.js +7 -2
- package/build/features/connect/screens/Merchant/Merchant.js +1 -1
- package/build/features/entity/screens/ResetPasswordSuccess/ResetPasswordSuccess.js +8 -3
- package/build/features/individual/screens/ResetPasswordSuccess/ResetPasswordSuccess.js +7 -2
- package/build/features/password/screens/CreatePassword/CreatePassword.js +9 -16
- package/build/features/password/screens/ResetPasswordSuccess/ResetPasswordSuccess.js +7 -2
- package/build/features/password/screens/Verify/Verify.js +7 -20
- package/build/features/shared/SuccessScreen/SuccessScreen.d.ts +3 -1
- package/build/features/shared/SuccessScreen/SuccessScreen.js +3 -2
- package/build/features/tax/screens/ResetPasswordSuccess/ResetPasswordSuccess.js +8 -3
- package/build/hooks/index.d.ts +1 -0
- package/build/hooks/index.js +1 -0
- package/build/hooks/useExcludeReadOnlyFelids.d.ts +11 -0
- package/build/hooks/useExcludeReadOnlyFelids.js +33 -0
- package/build/utils/string.d.ts +1 -1
- package/build/utils/string.js +3 -1
- package/package.json +1 -1
package/build/@types/redux.d.ts
CHANGED
package/build/constants/app.js
CHANGED
|
@@ -234,7 +234,7 @@ export var BUSINESS_SCREENS_NAVIGATION = [
|
|
|
234
234
|
{
|
|
235
235
|
name: 'BUSINESS_RESET_PASSWORD_SUCCESS',
|
|
236
236
|
next: '',
|
|
237
|
-
prev: '',
|
|
237
|
+
prev: 'BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
|
|
238
238
|
order: 8
|
|
239
239
|
}
|
|
240
240
|
];
|
|
@@ -290,7 +290,7 @@ export var INDIVIDUAL_SCREENS_NAVIGATION = [
|
|
|
290
290
|
{
|
|
291
291
|
name: 'INDIVIDUAL_RESET_PASSWORD_SUCCESS',
|
|
292
292
|
next: '',
|
|
293
|
-
prev: '',
|
|
293
|
+
prev: 'INDIVIDUAL_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
|
|
294
294
|
order: 6
|
|
295
295
|
}
|
|
296
296
|
];
|
|
@@ -298,13 +298,13 @@ export var PASSWORD_SCREENS_NAVIGATION = [
|
|
|
298
298
|
{
|
|
299
299
|
name: 'PASSWORD_VERIFY_STEP',
|
|
300
300
|
next: ['PASSWORD_CREATE_PASSWORD_STEP', 'PASSWORD_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'],
|
|
301
|
-
prev: '',
|
|
301
|
+
prev: 'PASSWORD_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
|
|
302
302
|
order: 1
|
|
303
303
|
},
|
|
304
304
|
{
|
|
305
305
|
name: 'PASSWORD_CREATE_PASSWORD_STEP',
|
|
306
306
|
next: ['PASSWORD_SUCCESS_STEP', 'PASSWORD_RESET_PASSWORD_OTP_STEP'],
|
|
307
|
-
prev: '',
|
|
307
|
+
prev: 'PASSWORD_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
|
|
308
308
|
order: 2
|
|
309
309
|
},
|
|
310
310
|
{
|
|
@@ -328,7 +328,7 @@ export var PASSWORD_SCREENS_NAVIGATION = [
|
|
|
328
328
|
{
|
|
329
329
|
name: 'PASSWORD_RESET_PASSWORD_SUCCESS',
|
|
330
330
|
next: '',
|
|
331
|
-
prev: '',
|
|
331
|
+
prev: 'PASSWORD_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
|
|
332
332
|
order: 6
|
|
333
333
|
}
|
|
334
334
|
];
|
|
@@ -366,7 +366,7 @@ export var BANK_SCREENS_NAVIGATION = [
|
|
|
366
366
|
{
|
|
367
367
|
name: 'BANK_RESET_PASSWORD_SUCCESS',
|
|
368
368
|
next: '',
|
|
369
|
-
prev: '',
|
|
369
|
+
prev: 'BANK_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
|
|
370
370
|
order: 5
|
|
371
371
|
}
|
|
372
372
|
];
|
|
@@ -404,7 +404,7 @@ export var TAX_SCREENS_NAVIGATION = [
|
|
|
404
404
|
{
|
|
405
405
|
name: 'TAX_RESET_PASSWORD_SUCCESS',
|
|
406
406
|
next: '',
|
|
407
|
-
prev: '',
|
|
407
|
+
prev: 'TAX_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
|
|
408
408
|
order: 5
|
|
409
409
|
}
|
|
410
410
|
];
|
|
@@ -474,7 +474,7 @@ export var ENTITY_SCREENS_NAVIGATION = [
|
|
|
474
474
|
{
|
|
475
475
|
name: 'ENTITY_RESET_PASSWORD_SUCCESS',
|
|
476
476
|
next: '',
|
|
477
|
-
prev: '',
|
|
477
|
+
prev: 'ENTITY_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
|
|
478
478
|
order: 5
|
|
479
479
|
}
|
|
480
480
|
];
|
|
@@ -518,7 +518,7 @@ export var BRAND_SCREENS_NAVIGATION = [
|
|
|
518
518
|
{
|
|
519
519
|
name: 'BRAND_RESET_PASSWORD_SUCCESS',
|
|
520
520
|
next: '',
|
|
521
|
-
prev: '',
|
|
521
|
+
prev: 'BRAND_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
|
|
522
522
|
order: 5
|
|
523
523
|
}
|
|
524
524
|
];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CancelToken } from 'axios';
|
|
2
2
|
import { RootState } from '../../../app/store';
|
|
3
|
-
import { ActionState, BankFormValues, FlowsTypes, OTPFormValues, ResponseData, SharedState } from '../../../@types';
|
|
3
|
+
import { ActionState, BankFormValues, FlowsTypes, OTPFormValues, ResponseData, SharedState, AsyncThunkParams } from '../../../@types';
|
|
4
4
|
interface VerifyLeadTokenProps {
|
|
5
5
|
token: string;
|
|
6
6
|
isInternally?: boolean;
|
|
@@ -36,7 +36,7 @@ export declare const retrieveBoardDetails: import("@reduxjs/toolkit").AsyncThunk
|
|
|
36
36
|
export declare const createBankAccount: import("@reduxjs/toolkit").AsyncThunk<{
|
|
37
37
|
data: any;
|
|
38
38
|
formData: BankFormValues;
|
|
39
|
-
}, BankFormValues
|
|
39
|
+
}, AsyncThunkParams<BankFormValues>, {}>;
|
|
40
40
|
export declare const checkIbanBank: import("@reduxjs/toolkit").AsyncThunk<{
|
|
41
41
|
data: any;
|
|
42
42
|
}, {
|
|
@@ -51,7 +51,7 @@ import API from '../../../api';
|
|
|
51
51
|
import { DocumentPurpose, FlowsTypes } from '../../../@types';
|
|
52
52
|
import { handleCurrentActiveScreen, handleNextScreenStep, handlePrevScreenStep, handleSetCountryByIso2 } from '../../../app/settings';
|
|
53
53
|
import { BANK_STEP_NAMES } from '../../../constants';
|
|
54
|
-
import { hasNoneEditableValue,
|
|
54
|
+
import { hasNoneEditableValue, isStringHasOneAsterisk, sleep } from '../../../utils';
|
|
55
55
|
export var verifyLeadToken = createAsyncThunk('bankVerifyLeadToken', function (_a, thunkApi) {
|
|
56
56
|
var token = _a.token, isInternally = _a.isInternally;
|
|
57
57
|
return __awaiter(void 0, void 0, void 0, function () {
|
|
@@ -179,57 +179,60 @@ export var retrieveBoardDetails = createAsyncThunk('bank/retrieveBoardDetails',
|
|
|
179
179
|
}
|
|
180
180
|
});
|
|
181
181
|
}); });
|
|
182
|
-
export var createBankAccount = createAsyncThunk('createBankAccount', function (
|
|
183
|
-
var
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
182
|
+
export var createBankAccount = createAsyncThunk('createBankAccount', function (_a, thunkApi) {
|
|
183
|
+
var formData = _a.formData, originalFormData = _a.originalFormData;
|
|
184
|
+
return __awaiter(void 0, void 0, void 0, function () {
|
|
185
|
+
var _b, settings, bank, iban, beneficiaryName, bankName, bankStatementId, confirmPolicy, _c, data_status, document, isIBANMasked, isIBANNonEditable, isBeneficiaryNameNonEditable, isBankNameNonEditable, isBankStatementIdNonEditable, isConfirmPolicyNonEditable, documentResponse, hasDocument, documentId, requestBody, data, documentBody;
|
|
186
|
+
var _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
187
|
+
return __generator(this, function (_o) {
|
|
188
|
+
switch (_o.label) {
|
|
189
|
+
case 0:
|
|
190
|
+
_b = thunkApi.getState(), settings = _b.settings, bank = _b.bank;
|
|
191
|
+
iban = formData.iban, beneficiaryName = formData.beneficiaryName, bankName = formData.bankName, bankStatementId = formData.bankStatementId, confirmPolicy = formData.confirmPolicy;
|
|
192
|
+
_c = ((_d = bank.data.verify.responseBody) === null || _d === void 0 ? void 0 : _d.bank_account) || {}, data_status = _c.data_status, document = _c.document;
|
|
193
|
+
isIBANMasked = isStringHasOneAsterisk(iban);
|
|
194
|
+
isIBANNonEditable = hasNoneEditableValue(data_status, 'iban');
|
|
195
|
+
isBeneficiaryNameNonEditable = hasNoneEditableValue(data_status, 'beneficiary_name');
|
|
196
|
+
isBankNameNonEditable = hasNoneEditableValue(data_status, 'bank_name');
|
|
197
|
+
isBankStatementIdNonEditable = hasNoneEditableValue(data_status, 'bank_statement_file_id');
|
|
198
|
+
isConfirmPolicyNonEditable = hasNoneEditableValue(data_status, 'is_acknowledged');
|
|
199
|
+
documentResponse = undefined;
|
|
200
|
+
hasDocument = (bankStatementId || []).length > 0;
|
|
201
|
+
documentId = document === null || document === void 0 ? void 0 : document.id;
|
|
202
|
+
requestBody = {
|
|
203
|
+
wallet_id: (_j = (_h = (_g = (_f = (_e = bank.data.verify.responseBody) === null || _e === void 0 ? void 0 : _e.business) === null || _f === void 0 ? void 0 : _f.entity) === null || _g === void 0 ? void 0 : _g.merchant) === null || _h === void 0 ? void 0 : _h.wallet) === null || _j === void 0 ? void 0 : _j.id,
|
|
204
|
+
bank_account: __assign({ iban: isIBANNonEditable || isIBANMasked ? undefined : iban, beneficiary_name: isBeneficiaryNameNonEditable ? undefined : beneficiaryName, bank_name: isBankNameNonEditable ? undefined : bankName, is_acknowledged: isConfirmPolicyNonEditable ? undefined : confirmPolicy }, (!(isBankStatementIdNonEditable || documentId || !hasDocument) && {
|
|
205
|
+
document: {
|
|
206
|
+
type: DocumentPurpose.BANK_STATEMENT,
|
|
207
|
+
files: bankStatementId || []
|
|
208
|
+
}
|
|
209
|
+
})),
|
|
210
|
+
step_name: BANK_STEP_NAMES.BANK_INFO,
|
|
211
|
+
encryption_contract: ['bank_account.iban', 'bank_account.beneficiary_name', 'bank_account.bank_name']
|
|
212
|
+
};
|
|
213
|
+
return [4, API.entityService.createBankAccount(requestBody)];
|
|
214
|
+
case 1:
|
|
215
|
+
data = (_o.sent()).data;
|
|
216
|
+
if ((_k = data.errors) === null || _k === void 0 ? void 0 : _k.length)
|
|
217
|
+
throw new Error(data.errors[0].description);
|
|
218
|
+
if (!(!isBankStatementIdNonEditable && documentId && hasDocument)) return [3, 3];
|
|
219
|
+
documentBody = {
|
|
220
|
+
id: documentId,
|
|
221
|
+
files: bankStatementId || []
|
|
222
|
+
};
|
|
223
|
+
return [4, API.documentService.addFilesToExistingDocument(documentBody)];
|
|
224
|
+
case 2:
|
|
225
|
+
documentResponse = _o.sent();
|
|
226
|
+
_o.label = 3;
|
|
227
|
+
case 3:
|
|
228
|
+
data.documentData = documentResponse;
|
|
229
|
+
thunkApi.dispatch(handleNextScreenStep());
|
|
230
|
+
(_m = (_l = settings.data.appConfig).onStepCompleted) === null || _m === void 0 ? void 0 : _m.call(_l, settings.data.activeScreen.name, requestBody);
|
|
231
|
+
return [2, { data: data, formData: originalFormData }];
|
|
232
|
+
}
|
|
233
|
+
});
|
|
231
234
|
});
|
|
232
|
-
});
|
|
235
|
+
});
|
|
233
236
|
export var checkIbanBank = createAsyncThunk('checkIbanBank', function (_a) {
|
|
234
237
|
var iban = _a.iban, cancelToken = _a.cancelToken, onSuccess = _a.onSuccess;
|
|
235
238
|
return __awaiter(void 0, void 0, void 0, function () {
|
|
@@ -460,7 +460,7 @@ export var retrieveBoardDetails = createAsyncThunk('retrieveBoardDetails', funct
|
|
|
460
460
|
case 1:
|
|
461
461
|
data = _c.sent();
|
|
462
462
|
return [2, {
|
|
463
|
-
data: __assign(__assign({}, data), { user: data === null || data === void 0 ? void 0 : data.user, brand: data === null || data === void 0 ? void 0 : data.brand, bank_account: data === null || data === void 0 ? void 0 : data.bank_account, entity: data === null || data === void 0 ? void 0 : data.entity, merchant: data === null || data === void 0 ? void 0 : data.merchant, name: (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.names, contact: (_b = data === null || data === void 0 ? void 0 : data.user) === null || _b === void 0 ? void 0 : _b.contact, individuals: data === null || data === void 0 ? void 0 : data.individuals })
|
|
463
|
+
data: __assign(__assign({}, data), { user: data === null || data === void 0 ? void 0 : data.user, brand: data === null || data === void 0 ? void 0 : data.brand, bank_account: data === null || data === void 0 ? void 0 : data.bank_account, entity: data === null || data === void 0 ? void 0 : data.entity, merchant: data === null || data === void 0 ? void 0 : data.merchant, name: (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.names, contact: (_b = data === null || data === void 0 ? void 0 : data.user) === null || _b === void 0 ? void 0 : _b.contact, individuals: data === null || data === void 0 ? void 0 : data.individuals, board_id: data === null || data === void 0 ? void 0 : data.id })
|
|
464
464
|
}];
|
|
465
465
|
}
|
|
466
466
|
});
|
|
@@ -475,10 +475,9 @@ export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', f
|
|
|
475
475
|
isNonSA = !isSA(settings.data.businessCountry.iso2);
|
|
476
476
|
selectedLicense = params.selectedLicense, licenseNumber = params.licenseNumber, entityLegalName = params.entityLegalName, certificateId = params.certificateId, articleId = params.articleId, selectedEntityLicense = params.selectedEntityLicense;
|
|
477
477
|
isFL = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.FL;
|
|
478
|
-
payload = __assign(__assign(__assign(__assign(
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
})), (!(selectedEntityLicense === null || selectedEntityLicense === void 0 ? void 0 : selectedEntityLicense.id) && {
|
|
478
|
+
payload = __assign(__assign(__assign(__assign({ id: ((_b = business.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.lead_id) || '', entity: {
|
|
479
|
+
id: (selectedEntityLicense === null || selectedEntityLicense === void 0 ? void 0 : selectedEntityLicense.id) && (isNonSA ? !isFL : true) ? selectedEntityLicense === null || selectedEntityLicense === void 0 ? void 0 : selectedEntityLicense.id : ''
|
|
480
|
+
} }, (!(selectedEntityLicense === null || selectedEntityLicense === void 0 ? void 0 : selectedEntityLicense.id) && {
|
|
482
481
|
license_number: isNonSA && isFL ? '' : licenseNumber,
|
|
483
482
|
license_type: isFL ? LicenseType.FL : LicenseType.CR,
|
|
484
483
|
business_type: selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type
|
|
@@ -217,27 +217,38 @@ export var updateBoardSuccess = createAsyncThunk('passwordUpdateBoardSuccess', f
|
|
|
217
217
|
});
|
|
218
218
|
}); });
|
|
219
219
|
export var verifyOperationToken = createAsyncThunk('verifyOperationToken', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
|
|
220
|
-
var token, boardId, boardInfoData, payload, data;
|
|
221
|
-
|
|
222
|
-
|
|
220
|
+
var token, boardId, boardInfoId, boardInfoData, boardData, payload, data;
|
|
221
|
+
var _a, _b;
|
|
222
|
+
return __generator(this, function (_c) {
|
|
223
|
+
switch (_c.label) {
|
|
223
224
|
case 0:
|
|
224
|
-
token = params.token, boardId = params.boardId;
|
|
225
|
-
|
|
225
|
+
token = params.token, boardId = params.boardId, boardInfoId = params.boardInfoId;
|
|
226
|
+
boardData = undefined;
|
|
226
227
|
payload = {
|
|
227
228
|
auth_type: 7,
|
|
228
229
|
auth_token: token
|
|
229
230
|
};
|
|
230
231
|
return [4, API.authService.verifyAuth(payload)];
|
|
231
232
|
case 1:
|
|
232
|
-
data = (
|
|
233
|
-
if (!boardId) return [3,
|
|
233
|
+
data = (_c.sent()).data;
|
|
234
|
+
if (!boardId) return [3, 4];
|
|
234
235
|
return [4, API.boardService.retrieveBoardInfoStatus(boardId)];
|
|
235
236
|
case 2:
|
|
236
|
-
boardInfoData =
|
|
237
|
-
|
|
237
|
+
boardInfoData = _c.sent();
|
|
238
|
+
return [4, API.boardService.retrieveBoardDetails(boardId)];
|
|
238
239
|
case 3:
|
|
240
|
+
boardData = _c.sent();
|
|
241
|
+
_c.label = 4;
|
|
242
|
+
case 4:
|
|
239
243
|
thunkApi.dispatch(handleNextScreenStep('PASSWORD_CREATE_PASSWORD_STEP'));
|
|
240
|
-
return [2, {
|
|
244
|
+
return [2, {
|
|
245
|
+
data: data,
|
|
246
|
+
token: token,
|
|
247
|
+
boardId: boardId,
|
|
248
|
+
boardInfoId: boardInfoId,
|
|
249
|
+
boardResponse: __assign(__assign({}, boardData === null || boardData === void 0 ? void 0 : boardData.business), { user: boardData === null || boardData === void 0 ? void 0 : boardData.user, brand: boardData === null || boardData === void 0 ? void 0 : boardData.brand, bank_account: boardData === null || boardData === void 0 ? void 0 : boardData.bank_account, entity: boardData === null || boardData === void 0 ? void 0 : boardData.entity, merchant: boardData === null || boardData === void 0 ? void 0 : boardData.merchant, individuals: boardData === null || boardData === void 0 ? void 0 : boardData.individuals, name: (_a = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _a === void 0 ? void 0 : _a.names, contact: (_b = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _b === void 0 ? void 0 : _b.contact, business: boardData === null || boardData === void 0 ? void 0 : boardData.business }),
|
|
250
|
+
flows: (boardInfoData === null || boardInfoData === void 0 ? void 0 : boardInfoData.info) || []
|
|
251
|
+
}];
|
|
241
252
|
}
|
|
242
253
|
});
|
|
243
254
|
}); });
|
|
@@ -460,13 +471,14 @@ export var passwordSlice = createSlice({
|
|
|
460
471
|
state.data.verify.operationType = PASSWORD_OPERATION_TYPE.RESET_PASSWORD;
|
|
461
472
|
state.error = null;
|
|
462
473
|
state.customLoading = false;
|
|
463
|
-
var _b = action.payload, data = _b.data, token = _b.token, boardId = _b.boardId, flows = _b.flows;
|
|
474
|
+
var _b = action.payload, data = _b.data, token = _b.token, boardId = _b.boardId, flows = _b.flows, boardResponse = _b.boardResponse, boardInfoId = _b.boardInfoId;
|
|
475
|
+
state.data.verify.responseBody = __assign(__assign(__assign({}, boardResponse), state.data.verify.responseBody), { board_id: boardId, board_info_id: boardInfoId, flows: flows });
|
|
464
476
|
var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
|
|
465
477
|
if (description) {
|
|
466
478
|
state.error = description;
|
|
467
479
|
return;
|
|
468
480
|
}
|
|
469
|
-
state.data.verify.responseBody = __assign(__assign(__assign({}, data), state.data.verify.responseBody), { board_id: boardId, flows: flows });
|
|
481
|
+
state.data.verify.responseBody = __assign(__assign(__assign(__assign({}, data), boardResponse), state.data.verify.responseBody), { board_id: boardId, board_info_id: boardInfoId, flows: flows });
|
|
470
482
|
state.data.verify.token = token;
|
|
471
483
|
})
|
|
472
484
|
.addCase(verifyOperationToken.pending, function (state) {
|
|
@@ -16,7 +16,7 @@ import Beneficiary from './Beneficiary';
|
|
|
16
16
|
import IBAN from './IBAN';
|
|
17
17
|
import BankName from './BankName';
|
|
18
18
|
import Button from '../../../shared/Button';
|
|
19
|
-
import { useAppDispatch, useAppSelector, useFormReadOnly, useSetFromDefaultValues, useDataNoneEditable, useFormErrorAndUpdateReadOnly } from '../../../../hooks';
|
|
19
|
+
import { useAppDispatch, useAppSelector, useFormReadOnly, useSetFromDefaultValues, useDataNoneEditable, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids } from '../../../../hooks';
|
|
20
20
|
import { BankKWFLValidation, BankValidation } from './validation';
|
|
21
21
|
import { useTranslation } from 'react-i18next';
|
|
22
22
|
import { useForm, FormProvider } from 'react-hook-form';
|
|
@@ -29,7 +29,7 @@ import Form from '../../../../components/Form';
|
|
|
29
29
|
import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
|
|
30
30
|
import ConfirmPolicy from './ConfirmPolicy';
|
|
31
31
|
import BankStatement from './BankStatement';
|
|
32
|
-
import { getFileDetailsFromDocument, isKW,
|
|
32
|
+
import { getFileDetailsFromDocument, isKW, isStringHasOneAsterisk } from '../../../../utils';
|
|
33
33
|
var FormStyled = styled(Form)(function () { return ({
|
|
34
34
|
display: 'flex',
|
|
35
35
|
flexDirection: 'column',
|
|
@@ -53,7 +53,7 @@ var BankDetails = function () {
|
|
|
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;
|
|
56
|
-
var isIBANMasked =
|
|
56
|
+
var isIBANMasked = isStringHasOneAsterisk(iban);
|
|
57
57
|
var methods = useForm({
|
|
58
58
|
resolver: yupResolver(isKWCountry && isFL && !bankHasDocument ? BankKWFLValidation(isIBANMasked) : BankValidation(isIBANMasked)),
|
|
59
59
|
defaultValues: {
|
|
@@ -67,9 +67,6 @@ var BankDetails = function () {
|
|
|
67
67
|
mode: 'onChange'
|
|
68
68
|
});
|
|
69
69
|
useSetFromDefaultValues(methods, data.bankData);
|
|
70
|
-
var onSubmit = function (data) {
|
|
71
|
-
dispatch(createBankAccount(data));
|
|
72
|
-
};
|
|
73
70
|
var t = useTranslation().t;
|
|
74
71
|
var isAr = useLanguage().isAr;
|
|
75
72
|
var onBack = function () {
|
|
@@ -99,6 +96,10 @@ var BankDetails = function () {
|
|
|
99
96
|
'is_acknowledged'
|
|
100
97
|
]);
|
|
101
98
|
var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
|
|
99
|
+
var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
|
|
100
|
+
var onSubmit = function (data) {
|
|
101
|
+
dispatch(createBankAccount(getFelids(data)));
|
|
102
|
+
};
|
|
102
103
|
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') }))] })) })) }));
|
|
103
104
|
};
|
|
104
105
|
export default BankDetails;
|
|
@@ -1,16 +1,21 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Trans, useTranslation } from 'react-i18next';
|
|
4
|
+
import { handlePrevScreenStep } from '../../../../app/settings';
|
|
4
5
|
import SuccessScreen from '../../../shared/SuccessScreen';
|
|
5
|
-
import { bankSelector } from '
|
|
6
|
+
import { bankSelector } from '../../../app/bank/bankStore';
|
|
6
7
|
import { maskEmail } from '../../../../utils';
|
|
7
|
-
import { useAppSelector } from '../../../../hooks';
|
|
8
|
+
import { useAppDispatch, useAppSelector } from '../../../../hooks';
|
|
8
9
|
var ResetPasswordSuccess = function (_a) {
|
|
9
10
|
var _b, _c;
|
|
10
11
|
var t = useTranslation().t;
|
|
12
|
+
var dispatch = useAppDispatch();
|
|
11
13
|
var data = useAppSelector(bankSelector).data;
|
|
12
14
|
var email = (((_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.business) === null || _c === void 0 ? void 0 : _c.primary_contact) || {}).email;
|
|
13
15
|
var maskedEmail = maskEmail(email);
|
|
14
|
-
|
|
16
|
+
var onBack = function () {
|
|
17
|
+
dispatch(handlePrevScreenStep());
|
|
18
|
+
};
|
|
19
|
+
return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: _jsx(Trans, { i18nKey: 'reset_password_success_description_dev', values: { email: maskedEmail } }), showEmailProviders: true, enableBack: true, onBack: function () { return onBack(); } }));
|
|
15
20
|
};
|
|
16
21
|
export default React.memo(ResetPasswordSuccess);
|
|
@@ -1,16 +1,21 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Trans, useTranslation } from 'react-i18next';
|
|
4
|
+
import { handlePrevScreenStep } from '../../../../app/settings';
|
|
4
5
|
import SuccessScreen from '../../../shared/SuccessScreen';
|
|
5
|
-
import { useAppSelector } from '../../../../hooks';
|
|
6
|
+
import { useAppSelector, useAppDispatch } from '../../../../hooks';
|
|
6
7
|
import { maskEmail } from '../../../../utils';
|
|
7
|
-
import { brandSelector } from '
|
|
8
|
+
import { brandSelector } from '../../../app/brand/brandStore';
|
|
8
9
|
var ResetPasswordSuccess = function (_a) {
|
|
9
10
|
var _b, _c;
|
|
10
11
|
var t = useTranslation().t;
|
|
12
|
+
var dispatch = useAppDispatch();
|
|
11
13
|
var data = useAppSelector(brandSelector).data;
|
|
12
14
|
var email = (((_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.business) === null || _c === void 0 ? void 0 : _c.primary_contact) || {}).email;
|
|
13
15
|
var maskedEmail = maskEmail(email);
|
|
14
|
-
|
|
16
|
+
var onBack = function () {
|
|
17
|
+
dispatch(handlePrevScreenStep());
|
|
18
|
+
};
|
|
19
|
+
return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: _jsx(Trans, { i18nKey: 'reset_password_success_description_dev', values: { email: maskedEmail } }), showEmailProviders: true, enableBack: true, onBack: function () { return onBack(); } }));
|
|
15
20
|
};
|
|
16
21
|
export default React.memo(ResetPasswordSuccess);
|
|
@@ -1,16 +1,21 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { useTranslation, Trans } from 'react-i18next';
|
|
4
|
+
import { handlePrevScreenStep } from '../../../../app/settings';
|
|
4
5
|
import SuccessScreen from '../../../shared/SuccessScreen';
|
|
5
6
|
import { businessSelector } from '../../../app/business/businessStore';
|
|
6
|
-
import { useAppSelector } from '../../../../hooks';
|
|
7
|
+
import { useAppSelector, useAppDispatch } from '../../../../hooks';
|
|
7
8
|
import { maskEmail } from '../../../../utils';
|
|
8
9
|
var ResetPasswordSuccess = function (_a) {
|
|
9
10
|
var _b, _c;
|
|
10
11
|
var t = useTranslation().t;
|
|
12
|
+
var dispatch = useAppDispatch();
|
|
11
13
|
var data = useAppSelector(businessSelector).data;
|
|
12
14
|
var email = (((_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.business) === null || _c === void 0 ? void 0 : _c.primary_contact) || {}).email;
|
|
13
15
|
var maskedEmail = maskEmail(email);
|
|
14
|
-
|
|
16
|
+
var onBack = function () {
|
|
17
|
+
dispatch(handlePrevScreenStep());
|
|
18
|
+
};
|
|
19
|
+
return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: _jsx(Trans, { i18nKey: 'reset_password_success_description_dev', values: { email: maskedEmail } }), showEmailProviders: true, enableBack: true, onBack: function () { return onBack(); } }));
|
|
15
20
|
};
|
|
16
21
|
export default React.memo(ResetPasswordSuccess);
|
|
@@ -97,6 +97,6 @@ var Merchant = function (_a) {
|
|
|
97
97
|
var isSegmentsListActive = listActive === ListType.SegmentsList;
|
|
98
98
|
var isTeamSizeListActive = listActive === ListType.TeamSizeList;
|
|
99
99
|
var isBrandListActive = listActive === ListType.BrandList;
|
|
100
|
-
return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(BrandList, { show:
|
|
100
|
+
return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(BrandList, { show: (brandList === null || brandList === void 0 ? void 0 : brandList.length) > 0 && !isTeamSizeListActive && !isSegmentsListActive, list: brandList, onListOpen: function () { return handleMenuClick(ListType.BrandList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(BrandName, { show: (isNewBrand || isOtherBrand) && !listActive, brandNameChecking: brandNameChecking, fetchingBrandName: setBrandNameChecking }), _jsx(Segments, { show: !isTeamSizeListActive && !isBrandListActive, onListOpen: function () { return handleMenuClick(ListType.SegmentsList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(TeamSize, { show: !isSegmentsListActive && !isBrandListActive, onListOpen: function () { return handleMenuClick(ListType.TeamSizeList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(Collapse, __assign({ in: !listActive }, { children: _jsx(SalesChannels, {}) })), _jsx(TAC, { show: (isNewBrand || isOtherBrand) && !listActive }), _jsx(Collapse, __assign({ in: !listActive, timeout: 500 }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, error: t(error || ''), loading: loading }, { children: t('next') })) }))] })) })) }));
|
|
101
101
|
};
|
|
102
102
|
export default React.memo(Merchant);
|
|
@@ -1,16 +1,21 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Trans, useTranslation } from 'react-i18next';
|
|
4
|
+
import { handlePrevScreenStep } from '../../../../app/settings';
|
|
4
5
|
import SuccessScreen from '../../../shared/SuccessScreen';
|
|
5
6
|
import { maskEmail } from '../../../../utils';
|
|
6
|
-
import { entitySelector } from '
|
|
7
|
-
import { useAppSelector } from '../../../../hooks';
|
|
7
|
+
import { entitySelector } from '../../../app/entity/entityStore';
|
|
8
|
+
import { useAppSelector, useAppDispatch } from '../../../../hooks';
|
|
8
9
|
var ResetPasswordSuccess = function (_a) {
|
|
9
10
|
var _b, _c;
|
|
10
11
|
var t = useTranslation().t;
|
|
12
|
+
var dispatch = useAppDispatch();
|
|
11
13
|
var data = useAppSelector(entitySelector).data;
|
|
12
14
|
var email = (((_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.business) === null || _c === void 0 ? void 0 : _c.primary_contact) || {}).email;
|
|
13
15
|
var maskedEmail = maskEmail(email);
|
|
14
|
-
|
|
16
|
+
var onBack = function () {
|
|
17
|
+
dispatch(handlePrevScreenStep());
|
|
18
|
+
};
|
|
19
|
+
return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: _jsx(Trans, { i18nKey: 'reset_password_success_description_dev', values: { email: maskedEmail } }), showEmailProviders: true, enableBack: true, onBack: function () { return onBack(); } }));
|
|
15
20
|
};
|
|
16
21
|
export default React.memo(ResetPasswordSuccess);
|
|
@@ -1,16 +1,21 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Trans, useTranslation } from 'react-i18next';
|
|
4
|
+
import { handlePrevScreenStep } from '../../../../app/settings';
|
|
4
5
|
import SuccessScreen from '../../../shared/SuccessScreen';
|
|
5
6
|
import { maskEmail } from '../../../../utils';
|
|
6
7
|
import { individualSelector } from '../../../../features/app/individual/individualStore';
|
|
7
|
-
import { useAppSelector } from '../../../../hooks';
|
|
8
|
+
import { useAppSelector, useAppDispatch } from '../../../../hooks';
|
|
8
9
|
var ResetPasswordSuccess = function (_a) {
|
|
9
10
|
var _b, _c;
|
|
10
11
|
var t = useTranslation().t;
|
|
12
|
+
var dispatch = useAppDispatch();
|
|
11
13
|
var data = useAppSelector(individualSelector).data;
|
|
12
14
|
var email = (((_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.business) === null || _c === void 0 ? void 0 : _c.primary_contact) || {}).email;
|
|
13
15
|
var maskedEmail = maskEmail(email);
|
|
14
|
-
|
|
16
|
+
var onBack = function () {
|
|
17
|
+
dispatch(handlePrevScreenStep());
|
|
18
|
+
};
|
|
19
|
+
return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: _jsx(Trans, { i18nKey: 'reset_password_success_description_dev', values: { email: maskedEmail } }), showEmailProviders: true, enableBack: true, onBack: function () { return onBack(); } }));
|
|
15
20
|
};
|
|
16
21
|
export default React.memo(ResetPasswordSuccess);
|
|
@@ -9,17 +9,6 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
13
|
import * as React from 'react';
|
|
25
14
|
import { useForm, FormProvider } from 'react-hook-form';
|
|
@@ -49,14 +38,18 @@ var CreatePassword = function (_a) {
|
|
|
49
38
|
var isAr = useLanguage().isAr;
|
|
50
39
|
var dispatch = useAppDispatch();
|
|
51
40
|
var _b = useSelector(passwordSelector), data = _b.data, loading = _b.loading, error = _b.error;
|
|
52
|
-
var
|
|
53
|
-
var
|
|
41
|
+
var _c = data.verify, operationType = _c.operationType, responseBody = _c.responseBody;
|
|
42
|
+
var _d = data.passwordData, password = _d.password, confirmPassword = _d.confirmPassword;
|
|
43
|
+
var flows = (responseBody || {}).flows;
|
|
54
44
|
var methods = useForm({
|
|
55
45
|
resolver: yupResolver(PasswordValidation),
|
|
56
|
-
defaultValues:
|
|
46
|
+
defaultValues: {
|
|
47
|
+
password: password,
|
|
48
|
+
confirmPassword: confirmPassword
|
|
49
|
+
},
|
|
57
50
|
mode: 'onChange'
|
|
58
51
|
});
|
|
59
|
-
useSetFromDefaultValues(methods,
|
|
52
|
+
useSetFromDefaultValues(methods, data.passwordData);
|
|
60
53
|
var onSubmit = function (data) {
|
|
61
54
|
if (operationType === PASSWORD_OPERATION_TYPE.RESET_PASSWORD) {
|
|
62
55
|
dispatch(storePasswordScreen(data));
|
|
@@ -68,6 +61,6 @@ var CreatePassword = function (_a) {
|
|
|
68
61
|
var onBack = function () {
|
|
69
62
|
dispatch(handleCurrentActiveScreen('PASSWORD_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
|
|
70
63
|
};
|
|
71
|
-
return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(InputsContainerStyled, { children: _jsx(Password, {}) }), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr,
|
|
64
|
+
return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(InputsContainerStyled, { children: _jsx(Password, {}) }), _jsx(Button, __assign({ disableBack: !(flows === null || flows === void 0 ? void 0 : flows.length), onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: !methods.formState.isValid, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
|
|
72
65
|
};
|
|
73
66
|
export default React.memo(CreatePassword);
|
|
@@ -1,16 +1,21 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Trans, useTranslation } from 'react-i18next';
|
|
4
|
+
import { handlePrevScreenStep } from '../../../../app/settings';
|
|
4
5
|
import SuccessScreen from '../../../shared/SuccessScreen';
|
|
5
|
-
import { useAppSelector } from '../../../../hooks';
|
|
6
|
+
import { useAppSelector, useAppDispatch } from '../../../../hooks';
|
|
6
7
|
import { maskEmail } from '../../../../utils';
|
|
7
8
|
import { passwordSelector } from '../../../app/password/passwordStore';
|
|
8
9
|
var ResetPasswordSuccess = function (_a) {
|
|
9
10
|
var _b, _c;
|
|
10
11
|
var t = useTranslation().t;
|
|
12
|
+
var dispatch = useAppDispatch();
|
|
11
13
|
var data = useAppSelector(passwordSelector).data;
|
|
12
14
|
var email = (((_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.business) === null || _c === void 0 ? void 0 : _c.primary_contact) || {}).email;
|
|
13
15
|
var maskedEmail = maskEmail(email);
|
|
14
|
-
|
|
16
|
+
var onBack = function () {
|
|
17
|
+
dispatch(handlePrevScreenStep());
|
|
18
|
+
};
|
|
19
|
+
return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: _jsx(Trans, { i18nKey: 'reset_password_success_description_dev', values: { email: maskedEmail } }), showEmailProviders: true, enableBack: true, onBack: function () { return onBack(); } }));
|
|
15
20
|
};
|
|
16
21
|
export default React.memo(ResetPasswordSuccess);
|
|
@@ -9,17 +9,6 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
13
|
import * as React from 'react';
|
|
25
14
|
import { useAppDispatch, useSetFromDefaultValues } from '../../../../hooks';
|
|
@@ -28,7 +17,6 @@ import { useForm, FormProvider } from 'react-hook-form';
|
|
|
28
17
|
import { yupResolver } from '@hookform/resolvers/yup';
|
|
29
18
|
import Box from '@mui/material/Box/Box';
|
|
30
19
|
import { styled } from '@mui/material/styles';
|
|
31
|
-
import { handlePrevScreenStep } from '../../../../app/settings';
|
|
32
20
|
import { useLanguage, useAppSelector } from '../../../../hooks';
|
|
33
21
|
import { maskPhone } from '../../../../utils';
|
|
34
22
|
import Form from '../../../../components/Form';
|
|
@@ -61,16 +49,18 @@ var VerifyNumber = function (_a) {
|
|
|
61
49
|
var _b, _c, _d;
|
|
62
50
|
var dispatch = useAppDispatch();
|
|
63
51
|
var _e = useAppSelector(passwordSelector), data = _e.data, loading = _e.loading, error = _e.error;
|
|
64
|
-
var
|
|
52
|
+
var otp = data.otpData.otp;
|
|
65
53
|
var methods = useForm({
|
|
66
54
|
resolver: yupResolver(OTPValidation),
|
|
67
|
-
defaultValues:
|
|
55
|
+
defaultValues: {
|
|
56
|
+
otp: otp
|
|
57
|
+
},
|
|
68
58
|
mode: 'onChange'
|
|
69
59
|
});
|
|
70
|
-
useSetFromDefaultValues(methods,
|
|
60
|
+
useSetFromDefaultValues(methods, data.otpData);
|
|
71
61
|
var t = useTranslation().t;
|
|
72
62
|
var isAr = useLanguage().isAr;
|
|
73
|
-
var
|
|
63
|
+
var _f = React.useState(false), resendLoading = _f[0], setResendLoading = _f[1];
|
|
74
64
|
var phone = (_d = (_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.contact) === null || _c === void 0 ? void 0 : _c.phone) === null || _d === void 0 ? void 0 : _d.number;
|
|
75
65
|
React.useEffect(function () {
|
|
76
66
|
if (error && methods.formState.isValid && phone)
|
|
@@ -82,10 +72,7 @@ var VerifyNumber = function (_a) {
|
|
|
82
72
|
var onSubmit = function (formData) {
|
|
83
73
|
dispatch(verifyPasswordLeadOTP(formData));
|
|
84
74
|
};
|
|
85
|
-
var onBack = function () {
|
|
86
|
-
dispatch(handlePrevScreenStep());
|
|
87
|
-
};
|
|
88
75
|
var disabled = !methods.formState.isValid || !!error || !phone || resendLoading;
|
|
89
|
-
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,
|
|
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, disabled: disabled || resendLoading, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
|
|
90
77
|
};
|
|
91
78
|
export default React.memo(VerifyNumber);
|
|
@@ -7,6 +7,8 @@ export interface ThankYouProps {
|
|
|
7
7
|
loading?: boolean;
|
|
8
8
|
error?: string;
|
|
9
9
|
description?: string | React.ReactElement;
|
|
10
|
+
enableBack?: boolean;
|
|
11
|
+
onBack?: () => void;
|
|
10
12
|
}
|
|
11
|
-
declare const _default: React.MemoExoticComponent<({ title, description, showEmailProviders, onSuccess, successTitle, loading, error }: ThankYouProps) => JSX.Element>;
|
|
13
|
+
declare const _default: React.MemoExoticComponent<({ title, description, showEmailProviders, onSuccess, successTitle, loading, error, enableBack, onBack }: ThankYouProps) => JSX.Element>;
|
|
12
14
|
export default _default;
|
|
@@ -15,6 +15,7 @@ import { styled } from '@mui/material/styles';
|
|
|
15
15
|
import * as React from 'react';
|
|
16
16
|
import { useTranslation } from 'react-i18next';
|
|
17
17
|
import Text from '../../../components/Text';
|
|
18
|
+
import Button from '../../../components/Button';
|
|
18
19
|
import Container from '../Containers/ScreenContainer';
|
|
19
20
|
import { EmailProvidersButton, SuccessButton } from '../../shared/Button';
|
|
20
21
|
import Icon from '../../../components/Icon';
|
|
@@ -54,9 +55,9 @@ var IconStyled = styled(Icon)(function (_a) {
|
|
|
54
55
|
_b);
|
|
55
56
|
});
|
|
56
57
|
var ThankYou = function (_a) {
|
|
57
|
-
var title = _a.title, description = _a.description, showEmailProviders = _a.showEmailProviders, onSuccess = _a.onSuccess, successTitle = _a.successTitle, loading = _a.loading, error = _a.error;
|
|
58
|
+
var title = _a.title, description = _a.description, showEmailProviders = _a.showEmailProviders, onSuccess = _a.onSuccess, successTitle = _a.successTitle, loading = _a.loading, error = _a.error, enableBack = _a.enableBack, onBack = _a.onBack;
|
|
58
59
|
var t = useTranslation().t;
|
|
59
60
|
var isAr = useLanguage().isAr;
|
|
60
|
-
return (_jsxs(ContainerStyled, { children: [_jsx(IconStyled, { src: ICONS_NAMES.SUCCESS_GIF, alt: 'loading...' }), _jsxs(TitleStyled, { children: [title, " "] }), _jsx(DescriptionStyled, { children: description }), showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(EmailProvidersButton, { gmail: { title: t('gmail_btn_open_title'), href: 'https://mail.google.com/mail/u/0/#inbox' }, outlook: { title: t('outlook_btn_open_title'), href: 'https://outlook.live.com/mail/0/' }, apple: { title: t('apple_btn_open_title'), href: 'mailto:' }, mail: { title: t('mail_btn_open_title'), href: 'mailto:' } }) })), onSuccess && !showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(SuccessButton, __assign({ onClick: onSuccess, disableBack: true, disableNextIcon: true, disabled: loading, isAr: isAr, loading: loading, error: t(error || '') }, { children: t(successTitle || '') })) }))] }));
|
|
61
|
+
return (_jsxs(ContainerStyled, { children: [_jsx(IconStyled, { src: ICONS_NAMES.SUCCESS_GIF, alt: 'loading...' }), _jsxs(TitleStyled, { children: [title, " "] }), _jsx(DescriptionStyled, { children: description }), showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(EmailProvidersButton, { gmail: { title: t('gmail_btn_open_title'), href: 'https://mail.google.com/mail/u/0/#inbox' }, outlook: { title: t('outlook_btn_open_title'), href: 'https://outlook.live.com/mail/0/' }, apple: { title: t('apple_btn_open_title'), href: 'mailto:' }, mail: { title: t('mail_btn_open_title'), href: 'mailto:' } }) })), onSuccess && !showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(SuccessButton, __assign({ onClick: onSuccess, disableBack: true, disableNextIcon: true, disabled: loading, isAr: isAr, loading: loading, error: t(error || '') }, { children: t(successTitle || '') })) })), enableBack && (_jsx(Button, __assign({ sx: { mb: 1.5, mt: 0 }, onClick: function () { return onBack === null || onBack === void 0 ? void 0 : onBack(); }, variant: 'text' }, { children: t('back') })))] }));
|
|
61
62
|
};
|
|
62
63
|
export default React.memo(ThankYou);
|
|
@@ -1,16 +1,21 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Trans, useTranslation } from 'react-i18next';
|
|
4
|
+
import { handlePrevScreenStep } from '../../../../app/settings';
|
|
4
5
|
import SuccessScreen from '../../../shared/SuccessScreen';
|
|
5
|
-
import { useAppSelector } from '../../../../hooks';
|
|
6
|
+
import { useAppSelector, useAppDispatch } from '../../../../hooks';
|
|
6
7
|
import { maskEmail } from '../../../../utils';
|
|
7
|
-
import { taxSelector } from '
|
|
8
|
+
import { taxSelector } from '../../../app/tax/taxStore';
|
|
8
9
|
var ResetPasswordSuccess = function (_a) {
|
|
9
10
|
var _b, _c;
|
|
10
11
|
var t = useTranslation().t;
|
|
12
|
+
var dispatch = useAppDispatch();
|
|
11
13
|
var data = useAppSelector(taxSelector).data;
|
|
12
14
|
var email = (((_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.business) === null || _c === void 0 ? void 0 : _c.primary_contact) || {}).email;
|
|
13
15
|
var maskedEmail = maskEmail(email);
|
|
14
|
-
|
|
16
|
+
var onBack = function () {
|
|
17
|
+
dispatch(handlePrevScreenStep());
|
|
18
|
+
};
|
|
19
|
+
return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: _jsx(Trans, { i18nKey: 'reset_password_success_description_dev', values: { email: maskedEmail } }), showEmailProviders: true, enableBack: true, onBack: function () { return onBack(); } }));
|
|
15
20
|
};
|
|
16
21
|
export default React.memo(ResetPasswordSuccess);
|
package/build/hooks/index.d.ts
CHANGED
package/build/hooks/index.js
CHANGED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FieldValues, UseFormReturn } from 'react-hook-form';
|
|
2
|
+
declare type ReadOnly<TF, V> = {
|
|
3
|
+
[key in keyof TF]: V;
|
|
4
|
+
};
|
|
5
|
+
export declare const useExcludeReadOnlyFelids: <TF extends FieldValues = FieldValues>({ formState }: UseFormReturn<TF, any>, readOnly: ReadOnly<TF, boolean>) => {
|
|
6
|
+
getFelids: <T extends TF = TF>(data: T) => {
|
|
7
|
+
originalFormData: T;
|
|
8
|
+
formData: T;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { settingsSelector } from '../app/settings';
|
|
13
|
+
import { useAppSelector } from './useAppSelector';
|
|
14
|
+
export var useExcludeReadOnlyFelids = function (_a, readOnly) {
|
|
15
|
+
var formState = _a.formState;
|
|
16
|
+
var settingData = useAppSelector(settingsSelector).data;
|
|
17
|
+
var getFelids = function (data) {
|
|
18
|
+
if (settingData.boardMaturity !== false)
|
|
19
|
+
return { originalFormData: data, formData: data };
|
|
20
|
+
var object = {};
|
|
21
|
+
var objectCopy = __assign({}, data);
|
|
22
|
+
for (var key in data) {
|
|
23
|
+
if (readOnly[key] === true)
|
|
24
|
+
continue;
|
|
25
|
+
object[key] = data[key];
|
|
26
|
+
}
|
|
27
|
+
return {
|
|
28
|
+
originalFormData: objectCopy,
|
|
29
|
+
formData: object
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
return { getFelids: getFelids };
|
|
33
|
+
};
|
package/build/utils/string.d.ts
CHANGED
|
@@ -69,5 +69,5 @@ export declare const getUserNameObject: (name: string) => {
|
|
|
69
69
|
last: string;
|
|
70
70
|
};
|
|
71
71
|
export declare const getFileType: (type: string) => "" | "image/jpeg" | "image/png" | "image/jpg" | "application/pdf";
|
|
72
|
-
export declare const
|
|
72
|
+
export declare const isStringHasOneAsterisk: (value: string) => boolean;
|
|
73
73
|
export declare const isOtherLicense: (item?: License) => boolean;
|
package/build/utils/string.js
CHANGED
|
@@ -298,7 +298,9 @@ export var getFileType = function (type) {
|
|
|
298
298
|
return '';
|
|
299
299
|
}
|
|
300
300
|
};
|
|
301
|
-
export var
|
|
301
|
+
export var isStringHasOneAsterisk = function (value) {
|
|
302
|
+
if (!value)
|
|
303
|
+
return false;
|
|
302
304
|
return value.includes('*') ? true : false;
|
|
303
305
|
};
|
|
304
306
|
export var isOtherLicense = function (item) {
|