@tap-payments/auth-jsconnect 2.9.38-development → 2.9.38-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.
Files changed (22) hide show
  1. package/build/@types/app.d.ts +0 -5
  2. package/build/@types/app.js +0 -6
  3. package/build/components/Tooltip/Tooltip.js +1 -1
  4. package/build/constants/app.d.ts +1 -1
  5. package/build/constants/app.js +19 -25
  6. package/build/features/app/connectExpress/connectExpressStore.d.ts +2 -9
  7. package/build/features/app/connectExpress/connectExpressStore.js +27 -123
  8. package/build/features/connectExpress/screens/GenericPrepareDataLoading/GenericPrepareDataLoading.d.ts +3 -0
  9. package/build/features/connectExpress/screens/GenericPrepareDataLoading/GenericPrepareDataLoading.js +9 -0
  10. package/build/features/connectExpress/screens/GenericPrepareDataLoading/index.d.ts +2 -0
  11. package/build/features/connectExpress/screens/GenericPrepareDataLoading/index.js +2 -0
  12. package/build/features/featuresScreens.js +5 -5
  13. package/build/utils/common.js +3 -3
  14. package/package.json +3 -4
  15. package/build/features/connectExpress/screens/VerifyMobileAuthOTP/OTPInput.d.ts +0 -5
  16. package/build/features/connectExpress/screens/VerifyMobileAuthOTP/OTPInput.js +0 -58
  17. package/build/features/connectExpress/screens/VerifyMobileAuthOTP/VerifyMobileAuthOTP.d.ts +0 -5
  18. package/build/features/connectExpress/screens/VerifyMobileAuthOTP/VerifyMobileAuthOTP.js +0 -88
  19. package/build/features/connectExpress/screens/VerifyMobileAuthOTP/index.d.ts +0 -3
  20. package/build/features/connectExpress/screens/VerifyMobileAuthOTP/index.js +0 -2
  21. package/build/features/connectExpress/screens/VerifyMobileAuthOTP/validation.d.ts +0 -8
  22. package/build/features/connectExpress/screens/VerifyMobileAuthOTP/validation.js +0 -4
@@ -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
@@ -269,39 +264,39 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
269
264
  order: 6
270
265
  },
271
266
  {
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'],
267
+ name: 'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
268
+ next: 'CONNECT_EXPRESS_PREPARING_DATA_STEP',
269
+ prev: '',
280
270
  order: 7
281
271
  },
282
272
  {
283
- name: 'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
284
- next: 'CONNECT_EXPRESS_PREPARING_DATA_STEP',
273
+ name: 'CONNECT_EXPRESS_GENERIC_PREPARING_DATA_STEP',
274
+ next: [
275
+ 'CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP',
276
+ 'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP',
277
+ 'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
278
+ 'CONNECT_EXPRESS_AUTHENTICATION_LIST_STEP'
279
+ ],
285
280
  prev: '',
286
- order: 8
281
+ order: 9
287
282
  },
288
283
  {
289
284
  name: 'CONNECT_EXPRESS_PREPARING_DATA_STEP',
290
285
  next: 'CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP',
291
286
  prev: '',
292
- order: 9
287
+ order: 8
293
288
  },
294
289
  {
295
290
  name: 'CONNECT_EXPRESS_ACCOUNT_ALREADY_CREATED_STEP',
296
291
  next: '',
297
292
  prev: '',
298
- order: 10
293
+ order: 9
299
294
  },
300
295
  {
301
296
  name: 'CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP',
302
297
  next: '',
303
298
  prev: '',
304
- order: 11
299
+ order: 9
305
300
  }
306
301
  ];
307
302
  export var AUTH_SCREENS_NAVIGATION = [
@@ -1055,8 +1050,7 @@ export var CONNECT_EXPRESS_STEP_NAMES = {
1055
1050
  VERIFY_AUTH_PASSWORD: 'connect_express_verify_auth_password',
1056
1051
  CONNECT_EXPRESS_SUCCESS: 'connect_express_completed',
1057
1052
  COLLECT_MOBILE_OWNERSHIP: 'collect_owner_phone',
1058
- COLLECT_MOBILE_OWNERSHIP_SKIPPED: 'collect_owner_phone_skipped',
1059
- VERIFY_AUTH_MOBILE_OTP: 'connect_express_auth_mobile'
1053
+ COLLECT_MOBILE_OWNERSHIP_SKIPPED: 'collect_owner_phone_skipped'
1060
1054
  };
1061
1055
  export var SignIn_STEP_NAMES = {
1062
1056
  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<{
@@ -133,9 +133,6 @@ export declare const updateLeadMobile: import("@reduxjs/toolkit").AsyncThunk<{
133
133
  export declare const skipUpdateLeadMobile: import("@reduxjs/toolkit").AsyncThunk<{
134
134
  leadResponse: any;
135
135
  }, void, {}>;
136
- export declare const verifyAuthMobileOtpAsync: import("@reduxjs/toolkit").AsyncThunk<{
137
- data: any;
138
- }, OTPFormValues, {}>;
139
136
  export declare const confirmInfo: import("@reduxjs/toolkit").AsyncThunk<{
140
137
  boardInfo: any;
141
138
  boardData: any;
@@ -159,9 +156,6 @@ export interface ConnectExpressData {
159
156
  individualData: IndividualFormValues & {
160
157
  isPrevDob?: boolean;
161
158
  };
162
- verifyAuthOtpData: OTPFormValues & {
163
- authFor: AuthForScreen;
164
- };
165
159
  businessData: BusinessDataFormValues;
166
160
  authenticationData: AuthenticationListFormValues;
167
161
  authMerchantData: AuthMerchantFormValues;
@@ -183,11 +177,10 @@ export declare const connectSlice: import("@reduxjs/toolkit").Slice<ConnectExpre
183
177
  resetCivilScreen: (state: ConnectExpressState) => void;
184
178
  resetAuthenticationScreen: (state: ConnectExpressState) => void;
185
179
  resetOTPValue: (state: ConnectExpressState) => void;
186
- resetVerifyAuthOTPValue: (state: ConnectExpressState) => void;
187
180
  resetStore: (state: ConnectExpressState) => void;
188
181
  resetIndividualScreen: (state: ConnectExpressState) => void;
189
182
  }, "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>;
183
+ 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
184
  declare const _default: import("redux").Reducer<ConnectExpressState, import("redux").AnyAction>;
192
185
  export default _default;
193
186
  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';
@@ -186,34 +186,29 @@ export var retrieveEntityListAsync = createAsyncThunk('connectExpress/retrieveEn
186
186
  export var retrieveAuthenticationListAsync = createAsyncThunk('connectExpress/retrieveAuthenticationListAsync', function (_a) {
187
187
  var individualId = _a.individualId;
188
188
  return __awaiter(void 0, void 0, void 0, function () {
189
- var brandList, entityList, brands, err_1, list, err_2;
190
- return __generator(this, function (_b) {
191
- switch (_b.label) {
189
+ var brandList, entityList, _b, brandResponse, entityResponse, err_1;
190
+ return __generator(this, function (_c) {
191
+ switch (_c.label) {
192
192
  case 0:
193
193
  brandList = undefined;
194
194
  entityList = undefined;
195
- _b.label = 1;
195
+ _c.label = 1;
196
196
  case 1:
197
- _b.trys.push([1, 3, , 4]);
198
- return [4, API.brandService.getBrandList({ individual_id: individualId })];
197
+ _c.trys.push([1, 3, , 4]);
198
+ return [4, Promise.all([
199
+ API.brandService.getBrandList({ individual_id: individualId }),
200
+ API.entityService.getEntityListUsingIndividualId(individualId)
201
+ ])];
199
202
  case 2:
200
- brands = (_b.sent()).brands;
201
- brandList = brands;
203
+ _b = _c.sent(), brandResponse = _b[0], entityResponse = _b[1];
204
+ brandList = brandResponse.brands;
205
+ entityList = entityResponse.list;
202
206
  return [3, 4];
203
207
  case 3:
204
- err_1 = _b.sent();
208
+ err_1 = _c.sent();
209
+ console.error('Error fetching data:', err_1);
205
210
  return [3, 4];
206
- case 4:
207
- _b.trys.push([4, 6, , 7]);
208
- return [4, API.entityService.getEntityListUsingIndividualId(individualId)];
209
- case 5:
210
- list = (_b.sent()).list;
211
- entityList = list;
212
- return [3, 7];
213
- case 6:
214
- err_2 = _b.sent();
215
- return [3, 7];
216
- case 7: return [2, { brandList: brandList || [], entityList: entityList || [] }];
211
+ case 4: return [2, { brandList: brandList || [], entityList: entityList || [] }];
217
212
  }
218
213
  });
219
214
  });
@@ -390,6 +385,7 @@ export var verifyNafathAsync = createAsyncThunk('connectExpress/verifyNafathAsyn
390
385
  return [2, { data: data }];
391
386
  }
392
387
  if (!isSuccess) return [3, 9];
388
+ thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_GENERIC_PREPARING_DATA_STEP'));
393
389
  authId = (_j = data.auth) === null || _j === void 0 ? void 0 : _j.id;
394
390
  leadId = (_k = data.auth) === null || _k === void 0 ? void 0 : _k.lead_id;
395
391
  thunkApi.dispatch(storeAuthId(authId));
@@ -835,7 +831,7 @@ export var verifyPaciLeadIdentityAsync = createAsyncThunk('connectExpress/verify
835
831
  case 9:
836
832
  count++;
837
833
  return [3, 1];
838
- case 10: throw new Error('paci_verification_failed');
834
+ case 10: throw new Error('nafath_verification_failed');
839
835
  }
840
836
  });
841
837
  }); });
@@ -1029,7 +1025,7 @@ export var createEntity = createAsyncThunk('connectExpress/createEntity', functi
1029
1025
  });
1030
1026
  }); });
1031
1027
  export var updateLeadDOBAsync = createAsyncThunk('connectExpress/updateLeadDOBAsync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
1032
- var _a, settings, connectExpress, id, dob, payload, data, needToCollectMoreInfo, creatingAccount, verifyAuthMobile;
1028
+ var _a, settings, connectExpress, id, dob, payload, data, needToCollectMoreInfo, creatingAccount;
1033
1029
  var _b, _c, _d;
1034
1030
  return __generator(this, function (_e) {
1035
1031
  switch (_e.label) {
@@ -1049,10 +1045,6 @@ export var updateLeadDOBAsync = createAsyncThunk('connectExpress/updateLeadDOBAs
1049
1045
  (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, params);
1050
1046
  needToCollectMoreInfo = data.step_name === 'collect_info';
1051
1047
  creatingAccount = data.step_name === 'create_account';
1052
- verifyAuthMobile = data.step_name === 'connect_express_auth_mobile';
1053
- if (verifyAuthMobile) {
1054
- sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP')); });
1055
- }
1056
1048
  if (creatingAccount) {
1057
1049
  sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP')); });
1058
1050
  }
@@ -1066,7 +1058,7 @@ export var updateLeadDOBAsync = createAsyncThunk('connectExpress/updateLeadDOBAs
1066
1058
  export var updateLeadIndividualAsync = createAsyncThunk('connectExpress/updateLeadIndividualAsync', function (_a, thunkApi) {
1067
1059
  var formData = _a.formData, originalFormData = _a.originalFormData;
1068
1060
  return __awaiter(void 0, void 0, void 0, function () {
1069
- 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;
1070
1062
  var _c, _d, _e, _f, _g;
1071
1063
  return __generator(this, function (_h) {
1072
1064
  switch (_h.label) {
@@ -1086,10 +1078,6 @@ export var updateLeadIndividualAsync = createAsyncThunk('connectExpress/updateLe
1086
1078
  needToCollectMoreInfo = data.step_name === 'collect_info';
1087
1079
  creatingAccount = data.step_name === 'create_account';
1088
1080
  collectPhoneOwnershipScreen = data.step_name === CONNECT_EXPRESS_STEP_NAMES.COLLECT_MOBILE_OWNERSHIP;
1089
- verifyAuthMobile = data.step_name === CONNECT_EXPRESS_STEP_NAMES.VERIFY_AUTH_MOBILE_OTP;
1090
- if (verifyAuthMobile) {
1091
- sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP')); });
1092
- }
1093
1081
  if (collectPhoneOwnershipScreen) {
1094
1082
  sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('COLLECT_MOBILE_OWNERSHIP')); });
1095
1083
  }
@@ -1153,7 +1141,7 @@ export var updateLeadBusinessDataAsync = createAsyncThunk('updateLeadBusinessDat
1153
1141
  });
1154
1142
  });
1155
1143
  export var updateLeadMobile = createAsyncThunk('connectExpress/updateLeadMobile', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
1156
- 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;
1157
1145
  var _b, _c, _d;
1158
1146
  return __generator(this, function (_e) {
1159
1147
  switch (_e.label) {
@@ -1180,13 +1168,9 @@ export var updateLeadMobile = createAsyncThunk('connectExpress/updateLeadMobile'
1180
1168
  creatingAccount = leadResponse.step_name === 'create_account';
1181
1169
  askDobInfo = leadResponse.step_name === COLLECT_DOB_INFO_NAFATH;
1182
1170
  collectPhoneOwnershipScreen = leadResponse.step_name === CONNECT_EXPRESS_STEP_NAMES.COLLECT_MOBILE_OWNERSHIP;
1183
- verifyAuthMobile = leadResponse.step_name === CONNECT_EXPRESS_STEP_NAMES.VERIFY_AUTH_MOBILE_OTP;
1184
1171
  if (collectPhoneOwnershipScreen) {
1185
1172
  throw new Error("The new mobile number doesn't match the national ID, please update the mobile to the correct one");
1186
1173
  }
1187
- if (verifyAuthMobile) {
1188
- sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP')); });
1189
- }
1190
1174
  if (askDobInfo) {
1191
1175
  sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP')); });
1192
1176
  }
@@ -1211,7 +1195,7 @@ export var updateLeadMobile = createAsyncThunk('connectExpress/updateLeadMobile'
1211
1195
  });
1212
1196
  }); });
1213
1197
  export var skipUpdateLeadMobile = createAsyncThunk('connectExpress/skipUpdateLeadMobile', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
1214
- var _a, settings, connectExpress, id, startWithNID, payload, leadResponse, needToCollectMoreInfo, creatingAccount, askDobInfo, verifyAuthMobile;
1198
+ var _a, settings, connectExpress, id, startWithNID, payload, leadResponse, needToCollectMoreInfo, creatingAccount, askDobInfo;
1215
1199
  var _b, _c, _d;
1216
1200
  return __generator(this, function (_e) {
1217
1201
  switch (_e.label) {
@@ -1231,10 +1215,6 @@ export var skipUpdateLeadMobile = createAsyncThunk('connectExpress/skipUpdateLea
1231
1215
  needToCollectMoreInfo = leadResponse.step_name === 'collect_info';
1232
1216
  creatingAccount = leadResponse.step_name === 'create_account';
1233
1217
  askDobInfo = leadResponse.step_name === COLLECT_DOB_INFO_NAFATH;
1234
- verifyAuthMobile = leadResponse.step_name === CONNECT_EXPRESS_STEP_NAMES.VERIFY_AUTH_MOBILE_OTP;
1235
- if (verifyAuthMobile) {
1236
- sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP')); });
1237
- }
1238
1218
  if (askDobInfo) {
1239
1219
  sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP')); });
1240
1220
  }
@@ -1258,57 +1238,6 @@ export var skipUpdateLeadMobile = createAsyncThunk('connectExpress/skipUpdateLea
1258
1238
  }
1259
1239
  });
1260
1240
  }); });
1261
- export var verifyAuthMobileOtpAsync = createAsyncThunk('connectExpress/verifyAuthMobileOtpAsync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
1262
- var _a, settings, connectExpress, responseData, _b, verify_token, verification_by, payload, data, needToCollectMoreInfo, creatingAccount, askDobInfo, collectPhoneOwnershipScreen, isSaudi;
1263
- var _c, _d;
1264
- return __generator(this, function (_e) {
1265
- switch (_e.label) {
1266
- case 0:
1267
- _a = thunkApi.getState(), settings = _a.settings, connectExpress = _a.connectExpress;
1268
- responseData = (connectExpress.data || {}).responseData;
1269
- if (!(responseData === null || responseData === void 0 ? void 0 : responseData.verifyAuthMobile))
1270
- throw new Error('Auth data is missing');
1271
- _b = responseData.verifyAuthMobile, verify_token = _b.verify_token, verification_by = _b.verification_by;
1272
- payload = {
1273
- verify_token: verify_token,
1274
- data: params.otp,
1275
- auth_type: 2,
1276
- service_name: verification_by === null || verification_by === void 0 ? void 0 : verification_by.service_name,
1277
- sign_in: false,
1278
- step_name: CONNECT_EXPRESS_STEP_NAMES.VERIFY_AUTH_MOBILE_OTP,
1279
- encryption_contract: ['data']
1280
- };
1281
- return [4, API.authService.verifyExpressLeadIdentity(payload)];
1282
- case 1:
1283
- data = _e.sent();
1284
- (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, params);
1285
- needToCollectMoreInfo = data.step_name === 'collect_info';
1286
- creatingAccount = data.step_name === 'create_account';
1287
- askDobInfo = data.step_name === COLLECT_DOB_INFO_NAFATH;
1288
- collectPhoneOwnershipScreen = data.step_name === CONNECT_EXPRESS_STEP_NAMES.COLLECT_MOBILE_OWNERSHIP;
1289
- if (askDobInfo) {
1290
- sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP')); });
1291
- }
1292
- if (creatingAccount) {
1293
- sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP')); });
1294
- }
1295
- if (collectPhoneOwnershipScreen) {
1296
- sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('COLLECT_MOBILE_OWNERSHIP')); });
1297
- }
1298
- if (!needToCollectMoreInfo) return [3, 4];
1299
- isSaudi = isSA(settings.data.businessCountry.iso2);
1300
- if (!isSaudi) return [3, 3];
1301
- return [4, thunkApi.dispatch(retrieveEntityListAsync(data.lead.id)).unwrap()];
1302
- case 2:
1303
- _e.sent();
1304
- _e.label = 3;
1305
- case 3:
1306
- sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP')); });
1307
- _e.label = 4;
1308
- case 4: return [2, { data: data }];
1309
- }
1310
- });
1311
- }); });
1312
1241
  export var confirmInfo = createAsyncThunk('connectExpress/confirmInfo', function (_a, thunkApi) {
1313
1242
  var brandInfo = _a.brandInfo, entityInfo = _a.entityInfo, merchantInfo = _a.merchantInfo;
1314
1243
  return __awaiter(void 0, void 0, void 0, function () {
@@ -1433,10 +1362,6 @@ var initialState = {
1433
1362
  mobile: '',
1434
1363
  countryCode: defaultCountry
1435
1364
  },
1436
- verifyAuthOtpData: {
1437
- otp: '',
1438
- authFor: AuthForScreen.INDIVIDUAL
1439
- },
1440
1365
  businessData: {
1441
1366
  brandName: '',
1442
1367
  licenseNumber: '',
@@ -1492,9 +1417,6 @@ export var connectSlice = createSlice({
1492
1417
  resetOTPValue: function (state) {
1493
1418
  state.data.otpData.otp = '';
1494
1419
  },
1495
- resetVerifyAuthOTPValue: function (state) {
1496
- state.data.verifyAuthOtpData.otp = '';
1497
- },
1498
1420
  resetStore: function (state) {
1499
1421
  var _a;
1500
1422
  state.data = __assign(__assign({}, state.data), { responseData: { leadData: (_a = state.data.responseData) === null || _a === void 0 ? void 0 : _a.leadData } });
@@ -1828,8 +1750,7 @@ export var connectSlice = createSlice({
1828
1750
  state.loading = false;
1829
1751
  state.error = null;
1830
1752
  state.data.dobData = action.payload.formData;
1831
- state.data.responseData = __assign(__assign({}, state.data.responseData), { dobData: action.payload.response, verifyAuthMobile: action.payload.response });
1832
- state.data.verifyAuthOtpData.authFor = AuthForScreen.DOB;
1753
+ state.data.responseData = __assign(__assign({}, state.data.responseData), { dobData: action.payload.response });
1833
1754
  })
1834
1755
  .addCase(updateLeadDOBAsync.pending, function (state) {
1835
1756
  state.loading = true;
@@ -1845,8 +1766,7 @@ export var connectSlice = createSlice({
1845
1766
  state.error = null;
1846
1767
  var licenseList = [OTHER_CR_LICENSE, OTHER_FL_LICENSE];
1847
1768
  state.data.individualData = action.payload.formData;
1848
- 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 });
1849
- 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 }));
1850
1770
  })
1851
1771
  .addCase(updateLeadIndividualAsync.pending, function (state) {
1852
1772
  state.loading = true;
@@ -1874,8 +1794,7 @@ export var connectSlice = createSlice({
1874
1794
  state.loading = false;
1875
1795
  state.error = null;
1876
1796
  state.data.individualData.mobile = action.payload.formData.mobile;
1877
- state.data.responseData = __assign(__assign({}, state.data.responseData), { individualData: action.payload.leadResponse, verifyAuthMobile: action.payload.leadResponse });
1878
- state.data.verifyAuthOtpData.authFor = AuthForScreen.MOBILE_OWNERSHIP;
1797
+ state.data.responseData = __assign(__assign({}, state.data.responseData), { individualData: action.payload.leadResponse });
1879
1798
  })
1880
1799
  .addCase(updateLeadMobile.pending, function (state) {
1881
1800
  state.loading = true;
@@ -1888,8 +1807,7 @@ export var connectSlice = createSlice({
1888
1807
  .addCase(skipUpdateLeadMobile.fulfilled, function (state, action) {
1889
1808
  state.loading = false;
1890
1809
  state.error = null;
1891
- state.data.responseData = __assign(__assign({}, state.data.responseData), { individualData: action.payload.leadResponse, verifyAuthMobile: action.payload.leadResponse });
1892
- state.data.verifyAuthOtpData.authFor = AuthForScreen.MOBILE_OWNERSHIP;
1810
+ state.data.responseData = __assign(__assign({}, state.data.responseData), { individualData: action.payload.leadResponse });
1893
1811
  })
1894
1812
  .addCase(skipUpdateLeadMobile.pending, function (state) {
1895
1813
  state.loading = true;
@@ -1898,20 +1816,6 @@ export var connectSlice = createSlice({
1898
1816
  .addCase(skipUpdateLeadMobile.rejected, function (state, action) {
1899
1817
  state.loading = false;
1900
1818
  state.error = action.error.message;
1901
- })
1902
- .addCase(verifyAuthMobileOtpAsync.fulfilled, function (state, action) {
1903
- state.loading = false;
1904
- state.error = null;
1905
- state.data.responseData = __assign(__assign({}, state.data.responseData), { verifyAuthMobileOtp: action.payload.data });
1906
- state.data.verifyAuthOtpData.authFor = AuthForScreen.MOBILE_OWNERSHIP;
1907
- })
1908
- .addCase(verifyAuthMobileOtpAsync.pending, function (state) {
1909
- state.loading = true;
1910
- state.error = null;
1911
- })
1912
- .addCase(verifyAuthMobileOtpAsync.rejected, function (state, action) {
1913
- state.loading = false;
1914
- state.error = action.error.message;
1915
1819
  })
1916
1820
  .addCase(createAccountAsync.pending, function (state) {
1917
1821
  state.loading = true;
@@ -2020,6 +1924,6 @@ export var connectSlice = createSlice({
2020
1924
  });
2021
1925
  }
2022
1926
  });
2023
- 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;
2024
1928
  export default connectSlice.reducer;
2025
1929
  export var connectExpressSelector = function (state) { return state.connectExpress; };
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ declare const GenericPrepareDataLoading: () => JSX.Element;
3
+ export default GenericPrepareDataLoading;
@@ -0,0 +1,9 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { useAppSelector } from '../../../../hooks';
3
+ import DataLoading from '../../../shared/DataLoading';
4
+ import { connectExpressSelector } from '../../../app/connectExpress/connectExpressStore';
5
+ var GenericPrepareDataLoading = function () {
6
+ var error = useAppSelector(connectExpressSelector).error;
7
+ return _jsx(DataLoading, { error: error });
8
+ };
9
+ export default GenericPrepareDataLoading;
@@ -0,0 +1,2 @@
1
+ import GenericPrepareDataLoading from './GenericPrepareDataLoading';
2
+ export default GenericPrepareDataLoading;
@@ -0,0 +1,2 @@
1
+ import GenericPrepareDataLoading from './GenericPrepareDataLoading';
2
+ export default GenericPrepareDataLoading;
@@ -27,9 +27,9 @@ 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';
32
+ import ConnectExpressGenericPreparingDataLoaderScreen from './connectExpress/screens/GenericPrepareDataLoading';
33
33
  import ConnectExpressSuccessFlowButtonsScreen from './connectExpress/screens/SuccessWithFlowButtons';
34
34
  import ConnectExpressAccountAlreadyCreatedScreen from './connectExpress/screens/AccountAlreadyCreated';
35
35
  import ConnectExpressAuthenticationListScreen from './connectExpress/screens/AuthenticationList';
@@ -263,10 +263,6 @@ export var connectExpressFeatureScreens = [
263
263
  name: 'CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP',
264
264
  element: ConnectExpressCollectBusinessScreen
265
265
  },
266
- {
267
- name: 'CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP',
268
- element: ConnectExpressVerifyAuthMobileOtpScreen
269
- },
270
266
  {
271
267
  name: 'CONNECT_EXPRESS_ACCOUNT_ALREADY_CREATED_STEP',
272
268
  element: ConnectExpressAccountAlreadyCreatedScreen
@@ -294,6 +290,10 @@ export var connectExpressFeatureScreens = [
294
290
  {
295
291
  name: 'COLLECT_MOBILE_OWNERSHIP',
296
292
  element: ConnectExpressCollectMobileOwnership
293
+ },
294
+ {
295
+ name: 'CONNECT_EXPRESS_GENERIC_PREPARING_DATA_STEP',
296
+ element: ConnectExpressGenericPreparingDataLoaderScreen
297
297
  }
298
298
  ];
299
299
  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.38-development",
3
+ "version": "2.9.38-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": {
@@ -112,8 +112,7 @@
112
112
  "lint-staged": {
113
113
  "src/**/*.{ts,tsx,json,js,jsx}": [
114
114
  "yarn run prettier:fix",
115
- "yarn run lint",
116
- "git add ."
115
+ "yarn run lint"
117
116
  ]
118
117
  },
119
118
  "browserslist": {
@@ -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
- });