@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.
@@ -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,
@@ -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) {
@@ -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;
@@ -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: 8
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: 9
276
+ order: 8
304
277
  },
305
278
  {
306
279
  name: 'CONNECT_EXPRESS_ACCOUNT_ALREADY_CREATED_STEP',
307
280
  next: '',
308
281
  prev: '',
309
- order: 10
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: 11
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, AuthForScreen } from '../../../@types';
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
- }, verifyPACIAsyncParams, {}>;
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>, resetVerifyAuthOTPValue: 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>;
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, AuthForScreen } from '../../../@types';
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('paci_verification_failed');
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, verifyAuthMobile;
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, verifyAuthMobile, isSaudi;
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, verifyAuthMobile;
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, verifyAuthMobile;
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, verifyAuthMobile: 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(__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 })), { verifyAuthMobile: action.payload.response });
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, verifyAuthMobile: 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, verifyAuthMobile: 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, resetVerifyAuthOTPValue = _a.resetVerifyAuthOTPValue, 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;
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 _d = authData || {}, expiry = _d.expiry, app_url_android = _d.app_url_android, app_url_ios = _d.app_url_ios, random = _d.random;
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({ onSuccess: function () { return setSuccess(true); }, onFailure: function () { return setFailed(true); } }));
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 = [
@@ -1,5 +1,5 @@
1
1
  import { axiosInstance } from '../api';
2
- import { ENDPOINT_PATHS, CONNECT_DEV_URL, CONNECT_PROD_URL } from '../constants';
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.DEV_BASE_URL;
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 : CONNECT_DEV_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-development",
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 development"
24
+ "push": "npm publish --access public --tag sandbox"
25
25
  },
26
26
  "keywords": [],
27
27
  "author": {
@@ -1,5 +0,0 @@
1
- import * as React from 'react';
2
- export interface OTPProps {
3
- }
4
- declare const _default: React.MemoExoticComponent<({}: OTPProps) => JSX.Element>;
5
- export default _default;
@@ -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,5 +0,0 @@
1
- import * as React from 'react';
2
- export interface VerifyMobileAuthOTPProps {
3
- }
4
- declare const _default: React.MemoExoticComponent<() => JSX.Element>;
5
- export default _default;
@@ -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,3 +0,0 @@
1
- import VerifyMobileAuthOTP, { VerifyMobileAuthOTPProps } from './VerifyMobileAuthOTP';
2
- export type { VerifyMobileAuthOTPProps };
3
- export default VerifyMobileAuthOTP;
@@ -1,2 +0,0 @@
1
- import VerifyMobileAuthOTP from './VerifyMobileAuthOTP';
2
- export default 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
- }>>>;
@@ -1,4 +0,0 @@
1
- import * as yup from 'yup';
2
- export var OTPValidation = yup.object().shape({
3
- otp: yup.string().min(6, 'otp_min_length').required('otp_required')
4
- });