@tap-payments/auth-jsconnect 2.9.39-development → 2.9.39-sandbox
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/app.d.ts +0 -5
- package/build/@types/app.js +0 -6
- package/build/components/Tooltip/Tooltip.js +1 -1
- package/build/constants/app.d.ts +1 -1
- package/build/constants/app.js +9 -37
- package/build/features/app/connectExpress/connectExpressStore.d.ts +6 -10
- package/build/features/app/connectExpress/connectExpressStore.js +12 -104
- package/build/features/connectExpress/screens/VerifyNafath/VerifyNafath.js +9 -3
- package/build/features/featuresScreens.js +0 -10
- package/build/utils/common.js +3 -3
- package/package.json +2 -2
- package/build/features/connectExpress/screens/VerifyMobileAuthOTP/OTPInput.d.ts +0 -5
- package/build/features/connectExpress/screens/VerifyMobileAuthOTP/OTPInput.js +0 -58
- package/build/features/connectExpress/screens/VerifyMobileAuthOTP/VerifyMobileAuthOTP.d.ts +0 -5
- package/build/features/connectExpress/screens/VerifyMobileAuthOTP/VerifyMobileAuthOTP.js +0 -88
- package/build/features/connectExpress/screens/VerifyMobileAuthOTP/index.d.ts +0 -3
- package/build/features/connectExpress/screens/VerifyMobileAuthOTP/index.js +0 -2
- package/build/features/connectExpress/screens/VerifyMobileAuthOTP/validation.d.ts +0 -8
- package/build/features/connectExpress/screens/VerifyMobileAuthOTP/validation.js +0 -4
package/build/@types/app.d.ts
CHANGED
|
@@ -351,11 +351,6 @@ export declare enum AuthForType {
|
|
|
351
351
|
NATIONAL_ID = "national_id",
|
|
352
352
|
NATIONAL_ID_MISSED = "national_id_missed"
|
|
353
353
|
}
|
|
354
|
-
export declare enum AuthForScreen {
|
|
355
|
-
INDIVIDUAL = "individual",
|
|
356
|
-
DOB = "dob",
|
|
357
|
-
MOBILE_OWNERSHIP = "mobile_ownership"
|
|
358
|
-
}
|
|
359
354
|
export declare enum AuthTypeNumber {
|
|
360
355
|
EMAIL_OTP = 5,
|
|
361
356
|
MOBILE_OTP = 2,
|
package/build/@types/app.js
CHANGED
|
@@ -43,12 +43,6 @@ export var AuthForType;
|
|
|
43
43
|
AuthForType["NATIONAL_ID"] = "national_id";
|
|
44
44
|
AuthForType["NATIONAL_ID_MISSED"] = "national_id_missed";
|
|
45
45
|
})(AuthForType || (AuthForType = {}));
|
|
46
|
-
export var AuthForScreen;
|
|
47
|
-
(function (AuthForScreen) {
|
|
48
|
-
AuthForScreen["INDIVIDUAL"] = "individual";
|
|
49
|
-
AuthForScreen["DOB"] = "dob";
|
|
50
|
-
AuthForScreen["MOBILE_OWNERSHIP"] = "mobile_ownership";
|
|
51
|
-
})(AuthForScreen || (AuthForScreen = {}));
|
|
52
46
|
export var AuthTypeNumber;
|
|
53
47
|
(function (AuthTypeNumber) {
|
|
54
48
|
AuthTypeNumber[AuthTypeNumber["EMAIL_OTP"] = 5] = "EMAIL_OTP";
|
|
@@ -33,7 +33,7 @@ var StyledTooltip = styled(function (_a) {
|
|
|
33
33
|
var _b;
|
|
34
34
|
var theme = _a.theme;
|
|
35
35
|
return (_b = {},
|
|
36
|
-
_b["& .".concat(tooltipClasses.tooltip)] = __assign(__assign({ color: alpha(theme.palette.text.primary, 0.5), width: 'fit-content', maxHeight: 'fit-content' }, theme.typography.body2), { fontWeight: theme.typography.fontWeightLight, backgroundColor: theme.palette.secondary.light, border: "1px solid ".concat(alpha(theme.palette.divider, 0.8)) }),
|
|
36
|
+
_b["& .".concat(tooltipClasses.tooltip)] = __assign(__assign({ color: alpha(theme.palette.text.primary, 0.5), width: 'fit-content', maxHeight: 'fit-content' }, theme.typography.body2), { fontWeight: theme.typography.fontWeightLight, backgroundColor: theme.palette.secondary.light, border: "1px solid ".concat(alpha(theme.palette.divider, 0.8)), zIndex: 2147483647 }),
|
|
37
37
|
_b);
|
|
38
38
|
});
|
|
39
39
|
var TextStyled = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isAr'; } })(function (_a) {
|
package/build/constants/app.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ScreenStepNavigation, BusinessType } from '../@types';
|
|
2
2
|
export declare const CONNECT_DEV_URL = "https://connect.dev.tap.company";
|
|
3
|
+
export declare const CONNECT_SANDBOX_URL = "https://connect.sandbox.tap.company";
|
|
3
4
|
export declare const CONNECT_PROD_URL = "https://connect.tap.company";
|
|
4
5
|
export declare const CLIENT_ORIGIN: string;
|
|
5
6
|
export declare const TAP_WEBSITE = "https://www.tap.company/";
|
|
@@ -137,7 +138,6 @@ export declare const CONNECT_EXPRESS_STEP_NAMES: {
|
|
|
137
138
|
CONNECT_EXPRESS_SUCCESS: string;
|
|
138
139
|
COLLECT_MOBILE_OWNERSHIP: string;
|
|
139
140
|
COLLECT_MOBILE_OWNERSHIP_SKIPPED: string;
|
|
140
|
-
VERIFY_AUTH_MOBILE_OTP: string;
|
|
141
141
|
};
|
|
142
142
|
export declare const SignIn_STEP_NAMES: {
|
|
143
143
|
CREATE_AUTH_MOBILE: string;
|
package/build/constants/app.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { BusinessType } from '../@types';
|
|
2
2
|
import { CONNECT_FLOWS } from './flows';
|
|
3
3
|
export var CONNECT_DEV_URL = 'https://connect.dev.tap.company';
|
|
4
|
+
export var CONNECT_SANDBOX_URL = 'https://connect.sandbox.tap.company';
|
|
4
5
|
export var CONNECT_PROD_URL = 'https://connect.tap.company';
|
|
5
6
|
export var CLIENT_ORIGIN = window.location.origin;
|
|
6
7
|
export var TAP_WEBSITE = 'https://www.tap.company/';
|
|
@@ -228,11 +229,7 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
|
|
|
228
229
|
},
|
|
229
230
|
{
|
|
230
231
|
name: 'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP',
|
|
231
|
-
next: [
|
|
232
|
-
'CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP',
|
|
233
|
-
'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
|
|
234
|
-
'CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP'
|
|
235
|
-
],
|
|
232
|
+
next: ['CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP', 'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP'],
|
|
236
233
|
prev: ['CONNECT_EXPRESS_NID_STEP', 'CONNECT_EXPRESS_NID_MISSED_STEP'],
|
|
237
234
|
order: 5
|
|
238
235
|
},
|
|
@@ -245,8 +242,7 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
|
|
|
245
242
|
'CONNECT_EXPRESS_CIVIL_ID_STEP',
|
|
246
243
|
'CONNECT_EXPRESS_CIVIL_ID_MISSED_STEP',
|
|
247
244
|
'CONNECT_EXPRESS_NID_MISSED_STEP',
|
|
248
|
-
'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP'
|
|
249
|
-
'CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP'
|
|
245
|
+
'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP'
|
|
250
246
|
],
|
|
251
247
|
order: 5
|
|
252
248
|
},
|
|
@@ -256,8 +252,7 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
|
|
|
256
252
|
'CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP',
|
|
257
253
|
'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
|
|
258
254
|
'CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP',
|
|
259
|
-
'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP'
|
|
260
|
-
'CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP'
|
|
255
|
+
'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP'
|
|
261
256
|
],
|
|
262
257
|
prev: ['CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP', 'CONNECT_EXPRESS_NID_MISSED_STEP'],
|
|
263
258
|
order: 6
|
|
@@ -268,51 +263,29 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
|
|
|
268
263
|
prev: 'CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP',
|
|
269
264
|
order: 6
|
|
270
265
|
},
|
|
271
|
-
{
|
|
272
|
-
name: 'CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP',
|
|
273
|
-
next: [
|
|
274
|
-
'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP',
|
|
275
|
-
'COLLECT_MOBILE_OWNERSHIP',
|
|
276
|
-
'CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP',
|
|
277
|
-
'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP'
|
|
278
|
-
],
|
|
279
|
-
prev: ['CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP', 'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP', 'COLLECT_MOBILE_OWNERSHIP'],
|
|
280
|
-
order: 7
|
|
281
|
-
},
|
|
282
266
|
{
|
|
283
267
|
name: 'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
|
|
284
268
|
next: 'CONNECT_EXPRESS_PREPARING_DATA_STEP',
|
|
285
269
|
prev: '',
|
|
286
|
-
order:
|
|
287
|
-
},
|
|
288
|
-
{
|
|
289
|
-
name: 'CONNECT_EXPRESS_GENERIC_PREPARING_DATA_STEP',
|
|
290
|
-
next: [
|
|
291
|
-
'CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP',
|
|
292
|
-
'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP',
|
|
293
|
-
'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
|
|
294
|
-
'CONNECT_EXPRESS_AUTHENTICATION_LIST_STEP'
|
|
295
|
-
],
|
|
296
|
-
prev: '',
|
|
297
|
-
order: 9
|
|
270
|
+
order: 7
|
|
298
271
|
},
|
|
299
272
|
{
|
|
300
273
|
name: 'CONNECT_EXPRESS_PREPARING_DATA_STEP',
|
|
301
274
|
next: 'CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP',
|
|
302
275
|
prev: '',
|
|
303
|
-
order:
|
|
276
|
+
order: 8
|
|
304
277
|
},
|
|
305
278
|
{
|
|
306
279
|
name: 'CONNECT_EXPRESS_ACCOUNT_ALREADY_CREATED_STEP',
|
|
307
280
|
next: '',
|
|
308
281
|
prev: '',
|
|
309
|
-
order:
|
|
282
|
+
order: 9
|
|
310
283
|
},
|
|
311
284
|
{
|
|
312
285
|
name: 'CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP',
|
|
313
286
|
next: '',
|
|
314
287
|
prev: '',
|
|
315
|
-
order:
|
|
288
|
+
order: 9
|
|
316
289
|
}
|
|
317
290
|
];
|
|
318
291
|
export var AUTH_SCREENS_NAVIGATION = [
|
|
@@ -1066,8 +1039,7 @@ export var CONNECT_EXPRESS_STEP_NAMES = {
|
|
|
1066
1039
|
VERIFY_AUTH_PASSWORD: 'connect_express_verify_auth_password',
|
|
1067
1040
|
CONNECT_EXPRESS_SUCCESS: 'connect_express_completed',
|
|
1068
1041
|
COLLECT_MOBILE_OWNERSHIP: 'collect_owner_phone',
|
|
1069
|
-
COLLECT_MOBILE_OWNERSHIP_SKIPPED: 'collect_owner_phone_skipped'
|
|
1070
|
-
VERIFY_AUTH_MOBILE_OTP: 'connect_express_auth_mobile'
|
|
1042
|
+
COLLECT_MOBILE_OWNERSHIP_SKIPPED: 'collect_owner_phone_skipped'
|
|
1071
1043
|
};
|
|
1072
1044
|
export var SignIn_STEP_NAMES = {
|
|
1073
1045
|
CREATE_AUTH_MOBILE: 'signIn_create_auth_mobile',
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { RootState } from '../../../app/store';
|
|
2
|
-
import { MobileFormValues, NIDFormValues, CivilFormValues, OTPFormValues, IndividualFormValues, SharedState, FlowsTypes, ActionState, CountryCode, AuthForType, BusinessDataFormValues, AsyncThunkParams, AuthenticationListFormValues, AuthMerchantFormValues, DOBFormValues, MobileOwnershipFormValues
|
|
2
|
+
import { MobileFormValues, NIDFormValues, CivilFormValues, OTPFormValues, IndividualFormValues, SharedState, FlowsTypes, ActionState, CountryCode, AuthForType, BusinessDataFormValues, AsyncThunkParams, AuthenticationListFormValues, AuthMerchantFormValues, DOBFormValues, MobileOwnershipFormValues } from '../../../@types';
|
|
3
3
|
import { CancelToken } from 'axios';
|
|
4
4
|
export declare const updateBusinessCountryAsync: import("@reduxjs/toolkit").AsyncThunk<any, string, {}>;
|
|
5
5
|
export declare const retrieveLeadIdentityByIdAsync: import("@reduxjs/toolkit").AsyncThunk<{
|
|
@@ -46,13 +46,16 @@ export declare const createNafathAuth: import("@reduxjs/toolkit").AsyncThunk<{
|
|
|
46
46
|
termAndConditionChecked?: boolean | undefined;
|
|
47
47
|
};
|
|
48
48
|
}, NIDFormValues, {}>;
|
|
49
|
+
declare type VerifyNafathAsyncParams = verifyPACIAsyncParams & {
|
|
50
|
+
showLoadingScreenAfterNafathSuccess: () => void;
|
|
51
|
+
};
|
|
49
52
|
export declare const verifyNafathAsync: import("@reduxjs/toolkit").AsyncThunk<{
|
|
50
53
|
data: any;
|
|
51
54
|
isNextScreenIsDob?: undefined;
|
|
52
55
|
} | {
|
|
53
56
|
data: any;
|
|
54
57
|
isNextScreenIsDob: boolean;
|
|
55
|
-
},
|
|
58
|
+
}, VerifyNafathAsyncParams, {}>;
|
|
56
59
|
export declare const createCivilIdAuthAsync: import("@reduxjs/toolkit").AsyncThunk<{
|
|
57
60
|
response: any;
|
|
58
61
|
formData: CivilFormValues;
|
|
@@ -133,9 +136,6 @@ export declare const updateLeadMobile: import("@reduxjs/toolkit").AsyncThunk<{
|
|
|
133
136
|
export declare const skipUpdateLeadMobile: import("@reduxjs/toolkit").AsyncThunk<{
|
|
134
137
|
leadResponse: any;
|
|
135
138
|
}, void, {}>;
|
|
136
|
-
export declare const verifyAuthMobileOtpAsync: import("@reduxjs/toolkit").AsyncThunk<{
|
|
137
|
-
data: any;
|
|
138
|
-
}, OTPFormValues, {}>;
|
|
139
139
|
export declare const confirmInfo: import("@reduxjs/toolkit").AsyncThunk<{
|
|
140
140
|
boardInfo: any;
|
|
141
141
|
boardData: any;
|
|
@@ -159,9 +159,6 @@ export interface ConnectExpressData {
|
|
|
159
159
|
individualData: IndividualFormValues & {
|
|
160
160
|
isPrevDob?: boolean;
|
|
161
161
|
};
|
|
162
|
-
verifyAuthOtpData: OTPFormValues & {
|
|
163
|
-
authFor: AuthForScreen;
|
|
164
|
-
};
|
|
165
162
|
businessData: BusinessDataFormValues;
|
|
166
163
|
authenticationData: AuthenticationListFormValues;
|
|
167
164
|
authMerchantData: AuthMerchantFormValues;
|
|
@@ -183,11 +180,10 @@ export declare const connectSlice: import("@reduxjs/toolkit").Slice<ConnectExpre
|
|
|
183
180
|
resetCivilScreen: (state: ConnectExpressState) => void;
|
|
184
181
|
resetAuthenticationScreen: (state: ConnectExpressState) => void;
|
|
185
182
|
resetOTPValue: (state: ConnectExpressState) => void;
|
|
186
|
-
resetVerifyAuthOTPValue: (state: ConnectExpressState) => void;
|
|
187
183
|
resetStore: (state: ConnectExpressState) => void;
|
|
188
184
|
resetIndividualScreen: (state: ConnectExpressState) => void;
|
|
189
185
|
}, "connectExpress/store">;
|
|
190
|
-
export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setIsLeadIdPassed: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, resetMobileScreen: import("@reduxjs/toolkit").ActionCreatorWithPayload<CountryCode, string>, resetOTPValue: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>,
|
|
186
|
+
export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setIsLeadIdPassed: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, resetMobileScreen: import("@reduxjs/toolkit").ActionCreatorWithPayload<CountryCode, string>, resetOTPValue: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetNIDScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetCivilScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetStore: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setError: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, setLeadId: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, resetIndividualScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setDefaultCountryCode: import("@reduxjs/toolkit").ActionCreatorWithPayload<CountryCode, string>, storeIsStartFromBusinessCountry: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, resetAuthenticationScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
|
|
191
187
|
declare const _default: import("redux").Reducer<ConnectExpressState, import("redux").AnyAction>;
|
|
192
188
|
export default _default;
|
|
193
189
|
export declare const connectExpressSelector: (state: RootState) => ConnectExpressState;
|
|
@@ -57,7 +57,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
57
57
|
var _a;
|
|
58
58
|
import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
|
|
59
59
|
import { handleNextScreenStep, handleCurrentActiveScreen, handleOpen, handleSetCountryByIso2, onCloseComplete, storeAuthId } from '../../../app/settings';
|
|
60
|
-
import { FlowsTypes, AuthForType, BusinessType, LicenseType
|
|
60
|
+
import { FlowsTypes, AuthForType, BusinessType, LicenseType } from '../../../@types';
|
|
61
61
|
import API from '../../../api';
|
|
62
62
|
import { ADD_NEW_ENTITY, COLLECT_DOB_INFO_NAFATH, CONNECT_EXPRESS_STEP_NAMES, IDENTIFICATION_TYPE, NAFATH_PACI_TIMEOUT_DURATION, NAFATH_VERIFICATION_FAILED, OTHER_CR_LICENSE, OTHER_FL_LICENSE, SCOPE_AUTH } from '../../../constants';
|
|
63
63
|
import { defaultCountry } from '../../../constants';
|
|
@@ -385,7 +385,6 @@ export var verifyNafathAsync = createAsyncThunk('connectExpress/verifyNafathAsyn
|
|
|
385
385
|
return [2, { data: data }];
|
|
386
386
|
}
|
|
387
387
|
if (!isSuccess) return [3, 9];
|
|
388
|
-
thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_GENERIC_PREPARING_DATA_STEP'));
|
|
389
388
|
authId = (_j = data.auth) === null || _j === void 0 ? void 0 : _j.id;
|
|
390
389
|
leadId = (_k = data.auth) === null || _k === void 0 ? void 0 : _k.lead_id;
|
|
391
390
|
thunkApi.dispatch(storeAuthId(authId));
|
|
@@ -401,6 +400,7 @@ export var verifyNafathAsync = createAsyncThunk('connectExpress/verifyNafathAsyn
|
|
|
401
400
|
return [2, { data: data }];
|
|
402
401
|
}
|
|
403
402
|
}
|
|
403
|
+
params.showLoadingScreenAfterNafathSuccess();
|
|
404
404
|
if (!(isScopeAuthentication && !data.new_user && authDataHasValue)) return [3, 7];
|
|
405
405
|
return [4, thunkApi.dispatch(retrieveAuthenticationListAsync({ individualId: data.individual_id })).unwrap()];
|
|
406
406
|
case 6:
|
|
@@ -831,7 +831,7 @@ export var verifyPaciLeadIdentityAsync = createAsyncThunk('connectExpress/verify
|
|
|
831
831
|
case 9:
|
|
832
832
|
count++;
|
|
833
833
|
return [3, 1];
|
|
834
|
-
case 10: throw new Error('
|
|
834
|
+
case 10: throw new Error('nafath_verification_failed');
|
|
835
835
|
}
|
|
836
836
|
});
|
|
837
837
|
}); });
|
|
@@ -1025,7 +1025,7 @@ export var createEntity = createAsyncThunk('connectExpress/createEntity', functi
|
|
|
1025
1025
|
});
|
|
1026
1026
|
}); });
|
|
1027
1027
|
export var updateLeadDOBAsync = createAsyncThunk('connectExpress/updateLeadDOBAsync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
|
|
1028
|
-
var _a, settings, connectExpress, id, dob, payload, data, needToCollectMoreInfo, creatingAccount
|
|
1028
|
+
var _a, settings, connectExpress, id, dob, payload, data, needToCollectMoreInfo, creatingAccount;
|
|
1029
1029
|
var _b, _c, _d;
|
|
1030
1030
|
return __generator(this, function (_e) {
|
|
1031
1031
|
switch (_e.label) {
|
|
@@ -1045,10 +1045,6 @@ export var updateLeadDOBAsync = createAsyncThunk('connectExpress/updateLeadDOBAs
|
|
|
1045
1045
|
(_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, params);
|
|
1046
1046
|
needToCollectMoreInfo = data.step_name === 'collect_info';
|
|
1047
1047
|
creatingAccount = data.step_name === 'create_account';
|
|
1048
|
-
verifyAuthMobile = data.step_name === 'connect_express_auth_mobile';
|
|
1049
|
-
if (verifyAuthMobile) {
|
|
1050
|
-
sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP')); });
|
|
1051
|
-
}
|
|
1052
1048
|
if (creatingAccount) {
|
|
1053
1049
|
sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP')); });
|
|
1054
1050
|
}
|
|
@@ -1062,7 +1058,7 @@ export var updateLeadDOBAsync = createAsyncThunk('connectExpress/updateLeadDOBAs
|
|
|
1062
1058
|
export var updateLeadIndividualAsync = createAsyncThunk('connectExpress/updateLeadIndividualAsync', function (_a, thunkApi) {
|
|
1063
1059
|
var formData = _a.formData, originalFormData = _a.originalFormData;
|
|
1064
1060
|
return __awaiter(void 0, void 0, void 0, function () {
|
|
1065
|
-
var _b, settings, connectExpress, id, countryCode, name, email, mobile, phoneCountry, isContactAvailable, payload, data, needToCollectMoreInfo, creatingAccount, collectPhoneOwnershipScreen,
|
|
1061
|
+
var _b, settings, connectExpress, id, countryCode, name, email, mobile, phoneCountry, isContactAvailable, payload, data, needToCollectMoreInfo, creatingAccount, collectPhoneOwnershipScreen, isSaudi;
|
|
1066
1062
|
var _c, _d, _e, _f, _g;
|
|
1067
1063
|
return __generator(this, function (_h) {
|
|
1068
1064
|
switch (_h.label) {
|
|
@@ -1082,10 +1078,6 @@ export var updateLeadIndividualAsync = createAsyncThunk('connectExpress/updateLe
|
|
|
1082
1078
|
needToCollectMoreInfo = data.step_name === 'collect_info';
|
|
1083
1079
|
creatingAccount = data.step_name === 'create_account';
|
|
1084
1080
|
collectPhoneOwnershipScreen = data.step_name === CONNECT_EXPRESS_STEP_NAMES.COLLECT_MOBILE_OWNERSHIP;
|
|
1085
|
-
verifyAuthMobile = data.step_name === CONNECT_EXPRESS_STEP_NAMES.VERIFY_AUTH_MOBILE_OTP;
|
|
1086
|
-
if (verifyAuthMobile) {
|
|
1087
|
-
sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP')); });
|
|
1088
|
-
}
|
|
1089
1081
|
if (collectPhoneOwnershipScreen) {
|
|
1090
1082
|
sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('COLLECT_MOBILE_OWNERSHIP')); });
|
|
1091
1083
|
}
|
|
@@ -1149,7 +1141,7 @@ export var updateLeadBusinessDataAsync = createAsyncThunk('updateLeadBusinessDat
|
|
|
1149
1141
|
});
|
|
1150
1142
|
});
|
|
1151
1143
|
export var updateLeadMobile = createAsyncThunk('connectExpress/updateLeadMobile', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
|
|
1152
|
-
var _a, settings, connectExpress, id, startWithNID, payload, leadResponse, needToCollectMoreInfo, creatingAccount, askDobInfo, collectPhoneOwnershipScreen
|
|
1144
|
+
var _a, settings, connectExpress, id, startWithNID, payload, leadResponse, needToCollectMoreInfo, creatingAccount, askDobInfo, collectPhoneOwnershipScreen;
|
|
1153
1145
|
var _b, _c, _d;
|
|
1154
1146
|
return __generator(this, function (_e) {
|
|
1155
1147
|
switch (_e.label) {
|
|
@@ -1176,13 +1168,9 @@ export var updateLeadMobile = createAsyncThunk('connectExpress/updateLeadMobile'
|
|
|
1176
1168
|
creatingAccount = leadResponse.step_name === 'create_account';
|
|
1177
1169
|
askDobInfo = leadResponse.step_name === COLLECT_DOB_INFO_NAFATH;
|
|
1178
1170
|
collectPhoneOwnershipScreen = leadResponse.step_name === CONNECT_EXPRESS_STEP_NAMES.COLLECT_MOBILE_OWNERSHIP;
|
|
1179
|
-
verifyAuthMobile = leadResponse.step_name === CONNECT_EXPRESS_STEP_NAMES.VERIFY_AUTH_MOBILE_OTP;
|
|
1180
1171
|
if (collectPhoneOwnershipScreen) {
|
|
1181
1172
|
throw new Error("The new mobile number doesn't match the national ID, please update the mobile to the correct one");
|
|
1182
1173
|
}
|
|
1183
|
-
if (verifyAuthMobile) {
|
|
1184
|
-
sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP')); });
|
|
1185
|
-
}
|
|
1186
1174
|
if (askDobInfo) {
|
|
1187
1175
|
sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP')); });
|
|
1188
1176
|
}
|
|
@@ -1207,7 +1195,7 @@ export var updateLeadMobile = createAsyncThunk('connectExpress/updateLeadMobile'
|
|
|
1207
1195
|
});
|
|
1208
1196
|
}); });
|
|
1209
1197
|
export var skipUpdateLeadMobile = createAsyncThunk('connectExpress/skipUpdateLeadMobile', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
|
|
1210
|
-
var _a, settings, connectExpress, id, startWithNID, payload, leadResponse, needToCollectMoreInfo, creatingAccount, askDobInfo
|
|
1198
|
+
var _a, settings, connectExpress, id, startWithNID, payload, leadResponse, needToCollectMoreInfo, creatingAccount, askDobInfo;
|
|
1211
1199
|
var _b, _c, _d;
|
|
1212
1200
|
return __generator(this, function (_e) {
|
|
1213
1201
|
switch (_e.label) {
|
|
@@ -1227,10 +1215,6 @@ export var skipUpdateLeadMobile = createAsyncThunk('connectExpress/skipUpdateLea
|
|
|
1227
1215
|
needToCollectMoreInfo = leadResponse.step_name === 'collect_info';
|
|
1228
1216
|
creatingAccount = leadResponse.step_name === 'create_account';
|
|
1229
1217
|
askDobInfo = leadResponse.step_name === COLLECT_DOB_INFO_NAFATH;
|
|
1230
|
-
verifyAuthMobile = leadResponse.step_name === CONNECT_EXPRESS_STEP_NAMES.VERIFY_AUTH_MOBILE_OTP;
|
|
1231
|
-
if (verifyAuthMobile) {
|
|
1232
|
-
sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP')); });
|
|
1233
|
-
}
|
|
1234
1218
|
if (askDobInfo) {
|
|
1235
1219
|
sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP')); });
|
|
1236
1220
|
}
|
|
@@ -1254,57 +1238,6 @@ export var skipUpdateLeadMobile = createAsyncThunk('connectExpress/skipUpdateLea
|
|
|
1254
1238
|
}
|
|
1255
1239
|
});
|
|
1256
1240
|
}); });
|
|
1257
|
-
export var verifyAuthMobileOtpAsync = createAsyncThunk('connectExpress/verifyAuthMobileOtpAsync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
|
|
1258
|
-
var _a, settings, connectExpress, responseData, _b, verify_token, verification_by, payload, data, needToCollectMoreInfo, creatingAccount, askDobInfo, collectPhoneOwnershipScreen, isSaudi;
|
|
1259
|
-
var _c, _d;
|
|
1260
|
-
return __generator(this, function (_e) {
|
|
1261
|
-
switch (_e.label) {
|
|
1262
|
-
case 0:
|
|
1263
|
-
_a = thunkApi.getState(), settings = _a.settings, connectExpress = _a.connectExpress;
|
|
1264
|
-
responseData = (connectExpress.data || {}).responseData;
|
|
1265
|
-
if (!(responseData === null || responseData === void 0 ? void 0 : responseData.verifyAuthMobile))
|
|
1266
|
-
throw new Error('Auth data is missing');
|
|
1267
|
-
_b = responseData.verifyAuthMobile, verify_token = _b.verify_token, verification_by = _b.verification_by;
|
|
1268
|
-
payload = {
|
|
1269
|
-
verify_token: verify_token,
|
|
1270
|
-
data: params.otp,
|
|
1271
|
-
auth_type: 2,
|
|
1272
|
-
service_name: verification_by === null || verification_by === void 0 ? void 0 : verification_by.service_name,
|
|
1273
|
-
sign_in: false,
|
|
1274
|
-
step_name: CONNECT_EXPRESS_STEP_NAMES.VERIFY_AUTH_MOBILE_OTP,
|
|
1275
|
-
encryption_contract: ['data']
|
|
1276
|
-
};
|
|
1277
|
-
return [4, API.authService.verifyExpressLeadIdentity(payload)];
|
|
1278
|
-
case 1:
|
|
1279
|
-
data = _e.sent();
|
|
1280
|
-
(_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, params);
|
|
1281
|
-
needToCollectMoreInfo = data.step_name === 'collect_info';
|
|
1282
|
-
creatingAccount = data.step_name === 'create_account';
|
|
1283
|
-
askDobInfo = data.step_name === COLLECT_DOB_INFO_NAFATH;
|
|
1284
|
-
collectPhoneOwnershipScreen = data.step_name === CONNECT_EXPRESS_STEP_NAMES.COLLECT_MOBILE_OWNERSHIP;
|
|
1285
|
-
if (askDobInfo) {
|
|
1286
|
-
sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP')); });
|
|
1287
|
-
}
|
|
1288
|
-
if (creatingAccount) {
|
|
1289
|
-
sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP')); });
|
|
1290
|
-
}
|
|
1291
|
-
if (collectPhoneOwnershipScreen) {
|
|
1292
|
-
sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('COLLECT_MOBILE_OWNERSHIP')); });
|
|
1293
|
-
}
|
|
1294
|
-
if (!needToCollectMoreInfo) return [3, 4];
|
|
1295
|
-
isSaudi = isSA(settings.data.businessCountry.iso2);
|
|
1296
|
-
if (!isSaudi) return [3, 3];
|
|
1297
|
-
return [4, thunkApi.dispatch(retrieveEntityListAsync(data.lead.id)).unwrap()];
|
|
1298
|
-
case 2:
|
|
1299
|
-
_e.sent();
|
|
1300
|
-
_e.label = 3;
|
|
1301
|
-
case 3:
|
|
1302
|
-
sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP')); });
|
|
1303
|
-
_e.label = 4;
|
|
1304
|
-
case 4: return [2, { data: data }];
|
|
1305
|
-
}
|
|
1306
|
-
});
|
|
1307
|
-
}); });
|
|
1308
1241
|
export var confirmInfo = createAsyncThunk('connectExpress/confirmInfo', function (_a, thunkApi) {
|
|
1309
1242
|
var brandInfo = _a.brandInfo, entityInfo = _a.entityInfo, merchantInfo = _a.merchantInfo;
|
|
1310
1243
|
return __awaiter(void 0, void 0, void 0, function () {
|
|
@@ -1429,10 +1362,6 @@ var initialState = {
|
|
|
1429
1362
|
mobile: '',
|
|
1430
1363
|
countryCode: defaultCountry
|
|
1431
1364
|
},
|
|
1432
|
-
verifyAuthOtpData: {
|
|
1433
|
-
otp: '',
|
|
1434
|
-
authFor: AuthForScreen.INDIVIDUAL
|
|
1435
|
-
},
|
|
1436
1365
|
businessData: {
|
|
1437
1366
|
brandName: '',
|
|
1438
1367
|
licenseNumber: '',
|
|
@@ -1488,9 +1417,6 @@ export var connectSlice = createSlice({
|
|
|
1488
1417
|
resetOTPValue: function (state) {
|
|
1489
1418
|
state.data.otpData.otp = '';
|
|
1490
1419
|
},
|
|
1491
|
-
resetVerifyAuthOTPValue: function (state) {
|
|
1492
|
-
state.data.verifyAuthOtpData.otp = '';
|
|
1493
|
-
},
|
|
1494
1420
|
resetStore: function (state) {
|
|
1495
1421
|
var _a;
|
|
1496
1422
|
state.data = __assign(__assign({}, state.data), { responseData: { leadData: (_a = state.data.responseData) === null || _a === void 0 ? void 0 : _a.leadData } });
|
|
@@ -1824,8 +1750,7 @@ export var connectSlice = createSlice({
|
|
|
1824
1750
|
state.loading = false;
|
|
1825
1751
|
state.error = null;
|
|
1826
1752
|
state.data.dobData = action.payload.formData;
|
|
1827
|
-
state.data.responseData = __assign(__assign({}, state.data.responseData), { dobData: action.payload.response
|
|
1828
|
-
state.data.verifyAuthOtpData.authFor = AuthForScreen.DOB;
|
|
1753
|
+
state.data.responseData = __assign(__assign({}, state.data.responseData), { dobData: action.payload.response });
|
|
1829
1754
|
})
|
|
1830
1755
|
.addCase(updateLeadDOBAsync.pending, function (state) {
|
|
1831
1756
|
state.loading = true;
|
|
@@ -1841,8 +1766,7 @@ export var connectSlice = createSlice({
|
|
|
1841
1766
|
state.error = null;
|
|
1842
1767
|
var licenseList = [OTHER_CR_LICENSE, OTHER_FL_LICENSE];
|
|
1843
1768
|
state.data.individualData = action.payload.formData;
|
|
1844
|
-
state.data.responseData = __assign(__assign(__assign(
|
|
1845
|
-
state.data.verifyAuthOtpData.authFor = AuthForScreen.INDIVIDUAL;
|
|
1769
|
+
state.data.responseData = __assign(__assign(__assign({}, state.data.responseData), { individualData: action.payload.response }), (!((_b = (_a = state.data.responseData) === null || _a === void 0 ? void 0 : _a.licenseList) === null || _b === void 0 ? void 0 : _b.length) && { licenseList: licenseList }));
|
|
1846
1770
|
})
|
|
1847
1771
|
.addCase(updateLeadIndividualAsync.pending, function (state) {
|
|
1848
1772
|
state.loading = true;
|
|
@@ -1870,8 +1794,7 @@ export var connectSlice = createSlice({
|
|
|
1870
1794
|
state.loading = false;
|
|
1871
1795
|
state.error = null;
|
|
1872
1796
|
state.data.individualData.mobile = action.payload.formData.mobile;
|
|
1873
|
-
state.data.responseData = __assign(__assign({}, state.data.responseData), { individualData: action.payload.leadResponse
|
|
1874
|
-
state.data.verifyAuthOtpData.authFor = AuthForScreen.MOBILE_OWNERSHIP;
|
|
1797
|
+
state.data.responseData = __assign(__assign({}, state.data.responseData), { individualData: action.payload.leadResponse });
|
|
1875
1798
|
})
|
|
1876
1799
|
.addCase(updateLeadMobile.pending, function (state) {
|
|
1877
1800
|
state.loading = true;
|
|
@@ -1884,8 +1807,7 @@ export var connectSlice = createSlice({
|
|
|
1884
1807
|
.addCase(skipUpdateLeadMobile.fulfilled, function (state, action) {
|
|
1885
1808
|
state.loading = false;
|
|
1886
1809
|
state.error = null;
|
|
1887
|
-
state.data.responseData = __assign(__assign({}, state.data.responseData), { individualData: action.payload.leadResponse
|
|
1888
|
-
state.data.verifyAuthOtpData.authFor = AuthForScreen.MOBILE_OWNERSHIP;
|
|
1810
|
+
state.data.responseData = __assign(__assign({}, state.data.responseData), { individualData: action.payload.leadResponse });
|
|
1889
1811
|
})
|
|
1890
1812
|
.addCase(skipUpdateLeadMobile.pending, function (state) {
|
|
1891
1813
|
state.loading = true;
|
|
@@ -1894,20 +1816,6 @@ export var connectSlice = createSlice({
|
|
|
1894
1816
|
.addCase(skipUpdateLeadMobile.rejected, function (state, action) {
|
|
1895
1817
|
state.loading = false;
|
|
1896
1818
|
state.error = action.error.message;
|
|
1897
|
-
})
|
|
1898
|
-
.addCase(verifyAuthMobileOtpAsync.fulfilled, function (state, action) {
|
|
1899
|
-
state.loading = false;
|
|
1900
|
-
state.error = null;
|
|
1901
|
-
state.data.responseData = __assign(__assign({}, state.data.responseData), { verifyAuthMobileOtp: action.payload.data });
|
|
1902
|
-
state.data.verifyAuthOtpData.authFor = AuthForScreen.MOBILE_OWNERSHIP;
|
|
1903
|
-
})
|
|
1904
|
-
.addCase(verifyAuthMobileOtpAsync.pending, function (state) {
|
|
1905
|
-
state.loading = true;
|
|
1906
|
-
state.error = null;
|
|
1907
|
-
})
|
|
1908
|
-
.addCase(verifyAuthMobileOtpAsync.rejected, function (state, action) {
|
|
1909
|
-
state.loading = false;
|
|
1910
|
-
state.error = action.error.message;
|
|
1911
1819
|
})
|
|
1912
1820
|
.addCase(createAccountAsync.pending, function (state) {
|
|
1913
1821
|
state.loading = true;
|
|
@@ -2016,6 +1924,6 @@ export var connectSlice = createSlice({
|
|
|
2016
1924
|
});
|
|
2017
1925
|
}
|
|
2018
1926
|
});
|
|
2019
|
-
export var clearError = (_a = connectSlice.actions, _a.clearError), stopLoader = _a.stopLoader, setIsLeadIdPassed = _a.setIsLeadIdPassed, resetMobileScreen = _a.resetMobileScreen, resetOTPValue = _a.resetOTPValue,
|
|
1927
|
+
export var clearError = (_a = connectSlice.actions, _a.clearError), stopLoader = _a.stopLoader, setIsLeadIdPassed = _a.setIsLeadIdPassed, resetMobileScreen = _a.resetMobileScreen, resetOTPValue = _a.resetOTPValue, resetNIDScreen = _a.resetNIDScreen, resetCivilScreen = _a.resetCivilScreen, resetStore = _a.resetStore, setError = _a.setError, setLeadId = _a.setLeadId, resetIndividualScreen = _a.resetIndividualScreen, setDefaultCountryCode = _a.setDefaultCountryCode, storeIsStartFromBusinessCountry = _a.storeIsStartFromBusinessCountry, resetAuthenticationScreen = _a.resetAuthenticationScreen;
|
|
2020
1928
|
export default connectSlice.reducer;
|
|
2021
1929
|
export var connectExpressSelector = function (state) { return state.connectExpress; };
|
|
@@ -4,14 +4,16 @@ import { connectExpressSelector, verifyNafathAsync } from '../../../app/connectE
|
|
|
4
4
|
import NafathVerification from '../../../shared/NafathVerification';
|
|
5
5
|
import { handlePrevScreenStep } from '../../../../app/settings';
|
|
6
6
|
import { useAppDispatch, useAppSelector } from '../../../../hooks';
|
|
7
|
+
import GenericPrepareDataLoading from '../GenericPrepareDataLoading';
|
|
7
8
|
var VerifyNafath = function () {
|
|
8
9
|
var _a = React.useState(false), success = _a[0], setSuccess = _a[1];
|
|
9
10
|
var _b = React.useState(false), failed = _b[0], setFailed = _b[1];
|
|
10
11
|
var _c = React.useState(false), isReady = _c[0], setIsReady = _c[1];
|
|
12
|
+
var _d = React.useState(false), showLoadingScreen = _d[0], setShowLoadingScreen = _d[1];
|
|
11
13
|
var dispatch = useAppDispatch();
|
|
12
14
|
var data = useAppSelector(connectExpressSelector).data;
|
|
13
15
|
var authData = (data.responseData || {}).authData;
|
|
14
|
-
var
|
|
16
|
+
var _e = authData || {}, expiry = _e.expiry, app_url_android = _e.app_url_android, app_url_ios = _e.app_url_ios, random = _e.random;
|
|
15
17
|
React.useEffect(function () {
|
|
16
18
|
if (authData && !isReady) {
|
|
17
19
|
setIsReady(true);
|
|
@@ -20,7 +22,11 @@ var VerifyNafath = function () {
|
|
|
20
22
|
React.useEffect(function () {
|
|
21
23
|
if (!isReady)
|
|
22
24
|
return;
|
|
23
|
-
var promise = dispatch(verifyNafathAsync({
|
|
25
|
+
var promise = dispatch(verifyNafathAsync({
|
|
26
|
+
onSuccess: function () { return setSuccess(true); },
|
|
27
|
+
onFailure: function () { return setFailed(true); },
|
|
28
|
+
showLoadingScreenAfterNafathSuccess: function () { return setShowLoadingScreen(true); }
|
|
29
|
+
}));
|
|
24
30
|
return function () {
|
|
25
31
|
promise === null || promise === void 0 ? void 0 : promise.abort();
|
|
26
32
|
};
|
|
@@ -30,6 +36,6 @@ var VerifyNafath = function () {
|
|
|
30
36
|
}, []);
|
|
31
37
|
if (!isReady)
|
|
32
38
|
return null;
|
|
33
|
-
return (_jsx(NafathVerification, { randomNumber: random, expiryInSeconds: expiry, success: success, failed: failed, urls: { android: app_url_android, ios: app_url_ios }, onFinish: function () { return onBack(); } }));
|
|
39
|
+
return showLoadingScreen ? (_jsx(GenericPrepareDataLoading, {})) : (_jsx(NafathVerification, { randomNumber: random, expiryInSeconds: expiry, success: success, failed: failed, urls: { android: app_url_android, ios: app_url_ios }, onFinish: function () { return onBack(); } }));
|
|
34
40
|
};
|
|
35
41
|
export default React.memo(VerifyNafath);
|
|
@@ -27,10 +27,8 @@ import ConnectExpressIdentityVerifyNafathScreen from './connectExpress/screens/I
|
|
|
27
27
|
import ConnectExpressCollectIndividualScreen from './connectExpress/screens/CollectIndividualInfo';
|
|
28
28
|
import ConnectExpressCollectDobScreen from './connectExpress/screens/DOB';
|
|
29
29
|
import ConnectExpressCollectBusinessScreen from './connectExpress/screens/CollectBusinessInfo';
|
|
30
|
-
import ConnectExpressVerifyAuthMobileOtpScreen from './connectExpress/screens/VerifyMobileAuthOTP';
|
|
31
30
|
import ConnectExpressCreateAccountLoaderScreen from './connectExpress/screens/CreateAccountLoader';
|
|
32
31
|
import ConnectExpressPreparingDataLoaderScreen from './connectExpress/screens/PrepareDataLoading';
|
|
33
|
-
import ConnectExpressGenericPreparingDataLoaderScreen from './connectExpress/screens/GenericPrepareDataLoading';
|
|
34
32
|
import ConnectExpressSuccessFlowButtonsScreen from './connectExpress/screens/SuccessWithFlowButtons';
|
|
35
33
|
import ConnectExpressAccountAlreadyCreatedScreen from './connectExpress/screens/AccountAlreadyCreated';
|
|
36
34
|
import ConnectExpressAuthenticationListScreen from './connectExpress/screens/AuthenticationList';
|
|
@@ -264,10 +262,6 @@ export var connectExpressFeatureScreens = [
|
|
|
264
262
|
name: 'CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP',
|
|
265
263
|
element: ConnectExpressCollectBusinessScreen
|
|
266
264
|
},
|
|
267
|
-
{
|
|
268
|
-
name: 'CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP',
|
|
269
|
-
element: ConnectExpressVerifyAuthMobileOtpScreen
|
|
270
|
-
},
|
|
271
265
|
{
|
|
272
266
|
name: 'CONNECT_EXPRESS_ACCOUNT_ALREADY_CREATED_STEP',
|
|
273
267
|
element: ConnectExpressAccountAlreadyCreatedScreen
|
|
@@ -295,10 +289,6 @@ export var connectExpressFeatureScreens = [
|
|
|
295
289
|
{
|
|
296
290
|
name: 'COLLECT_MOBILE_OWNERSHIP',
|
|
297
291
|
element: ConnectExpressCollectMobileOwnership
|
|
298
|
-
},
|
|
299
|
-
{
|
|
300
|
-
name: 'CONNECT_EXPRESS_GENERIC_PREPARING_DATA_STEP',
|
|
301
|
-
element: ConnectExpressGenericPreparingDataLoaderScreen
|
|
302
292
|
}
|
|
303
293
|
];
|
|
304
294
|
export var authFeatureScreens = [
|
package/build/utils/common.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { axiosInstance } from '../api';
|
|
2
|
-
import { ENDPOINT_PATHS,
|
|
2
|
+
import { ENDPOINT_PATHS, CONNECT_SANDBOX_URL, CONNECT_PROD_URL } from '../constants';
|
|
3
3
|
import { objectHasValues } from './object';
|
|
4
4
|
import { isSA } from './string';
|
|
5
5
|
export var sleep = function (milliseconds) {
|
|
@@ -19,7 +19,7 @@ export var setBaseUrl = function (publicKey, countryCode) {
|
|
|
19
19
|
axiosInstance.defaults.baseURL = isSA(countryCode) ? ENDPOINT_PATHS.PRODUCTION_BASE_URL_SA : ENDPOINT_PATHS.PRODUCTION_BASE_URL;
|
|
20
20
|
return;
|
|
21
21
|
}
|
|
22
|
-
axiosInstance.defaults.baseURL = ENDPOINT_PATHS.
|
|
22
|
+
axiosInstance.defaults.baseURL = ENDPOINT_PATHS.SANDBOX_BASE_URL;
|
|
23
23
|
};
|
|
24
24
|
export var updateLocationUrlWithCountry = function (countryIso2) {
|
|
25
25
|
var country = countryIso2.toLowerCase();
|
|
@@ -38,7 +38,7 @@ export var updateLocationUrlWithCountry = function (countryIso2) {
|
|
|
38
38
|
window.history.replaceState({}, '', newUrl);
|
|
39
39
|
};
|
|
40
40
|
export var openConnect = function (pk, countryCode) {
|
|
41
|
-
var newUrl = new URL(pk.includes('pk_live') ? CONNECT_PROD_URL :
|
|
41
|
+
var newUrl = new URL(pk.includes('pk_live') ? CONNECT_PROD_URL : CONNECT_SANDBOX_URL);
|
|
42
42
|
if (countryCode) {
|
|
43
43
|
newUrl.pathname = "/".concat(countryCode.toLowerCase());
|
|
44
44
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tap-payments/auth-jsconnect",
|
|
3
|
-
"version": "2.9.39-
|
|
3
|
+
"version": "2.9.39-sandbox",
|
|
4
4
|
"description": "connect library, auth",
|
|
5
5
|
"private": false,
|
|
6
6
|
"main": "build/index.js",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"copy:files": "copyfiles -u 1 src/**/*.css build/",
|
|
22
22
|
"tsc:alias": "tsc-alias -p tsconfig.json",
|
|
23
23
|
"ts:build": "rm -rf build && tsc -p tsconfig.json && tsc-alias -p tsconfig.json && yarn copy:files",
|
|
24
|
-
"push": "npm publish --access public --tag
|
|
24
|
+
"push": "npm publish --access public --tag sandbox"
|
|
25
25
|
},
|
|
26
26
|
"keywords": [],
|
|
27
27
|
"author": {
|
|
@@ -1,58 +0,0 @@
|
|
|
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 { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
import * as React from 'react';
|
|
14
|
-
import { useController, useFormContext } from 'react-hook-form';
|
|
15
|
-
import { useTranslation } from 'react-i18next';
|
|
16
|
-
import Box from '@mui/material/Box/Box';
|
|
17
|
-
import { styled } from '@mui/material/styles';
|
|
18
|
-
import OTPField from '../../../shared/OTP';
|
|
19
|
-
import { DEFAULT_TIMER_VALUE } from '../../../../constants';
|
|
20
|
-
import { connectExpressSelector, clearError, updateLeadIndividualAsync, updateLeadMobile, updateLeadDOBAsync } from '../../../app/connectExpress/connectExpressStore';
|
|
21
|
-
import { useAppDispatch, useAppSelector } from '../../../../hooks';
|
|
22
|
-
import { deepCopy } from '../../../../utils';
|
|
23
|
-
import { AuthForScreen } from '../../../../@types';
|
|
24
|
-
var BoxStyled = styled(Box)(function (_a) {
|
|
25
|
-
var theme = _a.theme;
|
|
26
|
-
return ({
|
|
27
|
-
display: 'flex',
|
|
28
|
-
flexDirection: 'column',
|
|
29
|
-
fontFamily: theme.typography.fontFamily
|
|
30
|
-
});
|
|
31
|
-
});
|
|
32
|
-
var OTPInput = function (_a) {
|
|
33
|
-
var _b = useFormContext(), control = _b.control, setValue = _b.setValue;
|
|
34
|
-
var t = useTranslation().t;
|
|
35
|
-
var dispatch = useAppDispatch();
|
|
36
|
-
var otpControl = useController({ name: 'otp', control: control });
|
|
37
|
-
var _c = useAppSelector(connectExpressSelector), data = _c.data, error = _c.error;
|
|
38
|
-
var verifyAuthOtpData = data.verifyAuthOtpData, individualData = data.individualData, dobData = data.dobData;
|
|
39
|
-
var authFor = verifyAuthOtpData.authFor;
|
|
40
|
-
var handleOnOTPChange = function (otp) {
|
|
41
|
-
if (error)
|
|
42
|
-
dispatch(clearError());
|
|
43
|
-
otpControl.field.onChange(otp);
|
|
44
|
-
};
|
|
45
|
-
var handleOnResendOTP = function () {
|
|
46
|
-
if (otpControl.field.value)
|
|
47
|
-
setValue('otp', '', { shouldValidate: true });
|
|
48
|
-
if (authFor === AuthForScreen.MOBILE_OWNERSHIP)
|
|
49
|
-
dispatch(updateLeadMobile(deepCopy(individualData)));
|
|
50
|
-
else if (authFor === AuthForScreen.DOB)
|
|
51
|
-
dispatch(updateLeadDOBAsync(deepCopy(dobData)));
|
|
52
|
-
else
|
|
53
|
-
dispatch(updateLeadIndividualAsync(deepCopy(individualData)));
|
|
54
|
-
};
|
|
55
|
-
var otpValue = otpControl.field.value;
|
|
56
|
-
return (_jsx(BoxStyled, __assign({ dir: 'ltr' }, { children: _jsx(OTPField, { timeEndLabel: t('ide_otp_resend_label'), timerInSeconds: DEFAULT_TIMER_VALUE, onResetClick: handleOnResendOTP, value: otpValue, onChange: function (number) { return handleOnOTPChange(number.toString()); } }) })));
|
|
57
|
-
};
|
|
58
|
-
export default React.memo(OTPInput);
|
|
@@ -1,88 +0,0 @@
|
|
|
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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import Box from '@mui/material/Box/Box';
|
|
14
|
-
import { styled } from '@mui/material/styles';
|
|
15
|
-
import * as React from 'react';
|
|
16
|
-
import { useTranslation } from 'react-i18next';
|
|
17
|
-
import Text from '../../../../components/Text';
|
|
18
|
-
import { clearError, connectExpressSelector, verifyAuthMobileOtpAsync, resetVerifyAuthOTPValue } from '../../../app/connectExpress/connectExpressStore';
|
|
19
|
-
import Button from '../../../shared/Button';
|
|
20
|
-
import { ScreenContainer } from '../../../shared/Containers';
|
|
21
|
-
import { useAppDispatch, useAppSelector, useSanitizedTranslation } from '../../../../hooks';
|
|
22
|
-
import { handlePrevScreenStep } from '../../../../app/settings';
|
|
23
|
-
import { useLanguage } from '../../../../hooks';
|
|
24
|
-
import { useForm, FormProvider } from 'react-hook-form';
|
|
25
|
-
import { yupResolver } from '@hookform/resolvers/yup';
|
|
26
|
-
import Form from '../../../../components/Form';
|
|
27
|
-
import { maskPhone, deepCopy } from '../../../../utils';
|
|
28
|
-
import { AuthForScreen } from '../../../../@types';
|
|
29
|
-
import { OTPValidation } from './validation';
|
|
30
|
-
import OTPInput from './OTPInput';
|
|
31
|
-
var OTPTitleContainerStyled = styled(Box)(function (_a) {
|
|
32
|
-
var theme = _a.theme;
|
|
33
|
-
return ({
|
|
34
|
-
background: theme.palette.common.white,
|
|
35
|
-
border: '1px solid',
|
|
36
|
-
borderColor: theme.palette.divider,
|
|
37
|
-
direction: theme.direction,
|
|
38
|
-
borderRadius: theme.spacing(0, 0, 1.25, 1.25),
|
|
39
|
-
marginBottom: theme.spacing(5.75)
|
|
40
|
-
});
|
|
41
|
-
});
|
|
42
|
-
var OTPTitleStyled = styled(Text)(function (_a) {
|
|
43
|
-
var theme = _a.theme;
|
|
44
|
-
return (__assign(__assign({}, theme.typography.body1), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightLight, marginBlock: theme.spacing(1.75), marginInline: theme.spacing(2.5), lineHeight: 1.75, whiteSpace: 'pre-line' }));
|
|
45
|
-
});
|
|
46
|
-
var FormStyled = styled(Form)(function () { return ({
|
|
47
|
-
display: 'flex',
|
|
48
|
-
flexDirection: 'column'
|
|
49
|
-
}); });
|
|
50
|
-
var VerifyMobileAuthOTP = function () {
|
|
51
|
-
var _a, _b, _c, _d, _e, _f;
|
|
52
|
-
var dispatch = useAppDispatch();
|
|
53
|
-
var _g = useAppSelector(connectExpressSelector), data = _g.data, loading = _g.loading, error = _g.error;
|
|
54
|
-
var t = useTranslation().t;
|
|
55
|
-
var st = useSanitizedTranslation();
|
|
56
|
-
var isAr = useLanguage().isAr;
|
|
57
|
-
var methods = useForm({
|
|
58
|
-
resolver: yupResolver(OTPValidation),
|
|
59
|
-
defaultValues: data.verifyAuthOtpData,
|
|
60
|
-
mode: 'onChange'
|
|
61
|
-
});
|
|
62
|
-
React.useEffect(function () {
|
|
63
|
-
if (error)
|
|
64
|
-
dispatch(clearError());
|
|
65
|
-
}, [methods.formState.isValid]);
|
|
66
|
-
React.useEffect(function () {
|
|
67
|
-
return function () {
|
|
68
|
-
dispatch(resetVerifyAuthOTPValue());
|
|
69
|
-
};
|
|
70
|
-
}, []);
|
|
71
|
-
var onSubmit = function (formData) {
|
|
72
|
-
dispatch(verifyAuthMobileOtpAsync(deepCopy(formData)));
|
|
73
|
-
};
|
|
74
|
-
var onBack = function () {
|
|
75
|
-
var authFor = data.verifyAuthOtpData.authFor;
|
|
76
|
-
var step_name = 'CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP';
|
|
77
|
-
if (authFor === AuthForScreen.DOB)
|
|
78
|
-
step_name = 'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP';
|
|
79
|
-
else if (authFor === AuthForScreen.MOBILE_OWNERSHIP)
|
|
80
|
-
step_name = 'COLLECT_MOBILE_OWNERSHIP';
|
|
81
|
-
dispatch(handlePrevScreenStep(step_name));
|
|
82
|
-
};
|
|
83
|
-
var disabled = !methods.formState.isValid;
|
|
84
|
-
var phone = ((_c = (_b = (_a = data.responseData) === null || _a === void 0 ? void 0 : _a.verifyAuthMobile) === null || _b === void 0 ? void 0 : _b.verification_by) === null || _c === void 0 ? void 0 : _c.sent_to) ? (_f = (_e = (_d = data.responseData) === null || _d === void 0 ? void 0 : _d.verifyAuthMobile) === null || _e === void 0 ? void 0 : _e.verification_by) === null || _f === void 0 ? void 0 : _f.sent_to : '';
|
|
85
|
-
var title = t('ide_opt_sent_title');
|
|
86
|
-
return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? st('ide_otp_waiting_title') : title, !loading && _jsx("span", __assign({ dir: 'ltr' }, { children: maskPhone(phone) }))] }) }), _jsx(OTPInput, {}), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: st(error || '') }, { children: t('next') }))] })) })) }));
|
|
87
|
-
};
|
|
88
|
-
export default React.memo(VerifyMobileAuthOTP);
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as yup from 'yup';
|
|
2
|
-
export declare const OTPValidation: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
|
|
3
|
-
otp: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
|
|
4
|
-
}>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
|
|
5
|
-
otp: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
|
|
6
|
-
}>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
|
|
7
|
-
otp: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
|
|
8
|
-
}>>>;
|