@tap-payments/auth-jsconnect 2.10.8-beta → 2.10.8

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 (105) hide show
  1. package/README.md +2 -2
  2. package/build/@types/app.d.ts +8 -1
  3. package/build/@types/app.js +7 -0
  4. package/build/@types/form.d.ts +5 -0
  5. package/build/api/auth.d.ts +1 -0
  6. package/build/api/axios.d.ts +1 -1
  7. package/build/api/entity.d.ts +3 -0
  8. package/build/api/lead.d.ts +1 -0
  9. package/build/app/settings.d.ts +1 -0
  10. package/build/app/settings.js +8 -5
  11. package/build/assets/currencies/AEDSymbol.d.ts +7 -0
  12. package/build/assets/currencies/AEDSymbol.js +28 -0
  13. package/build/assets/currencies/SARSymbol.d.ts +7 -0
  14. package/build/assets/currencies/SARSymbol.js +28 -0
  15. package/build/assets/currencies/index.d.ts +2 -0
  16. package/build/assets/currencies/index.js +2 -0
  17. package/build/assets/currencies/utils.d.ts +4 -0
  18. package/build/assets/currencies/utils.js +6 -0
  19. package/build/assets/locales/ar.json +52 -7
  20. package/build/assets/locales/en.json +55 -9
  21. package/build/components/TextWithCurrency/TextWithCurrency.d.ts +7 -0
  22. package/build/components/TextWithCurrency/TextWithCurrency.js +14 -0
  23. package/build/components/TextWithCurrency/index.d.ts +2 -0
  24. package/build/components/TextWithCurrency/index.js +2 -0
  25. package/build/constants/api.d.ts +1 -0
  26. package/build/constants/api.js +2 -0
  27. package/build/constants/app.d.ts +12 -0
  28. package/build/constants/app.js +48 -15
  29. package/build/constants/assets.d.ts +12 -3
  30. package/build/constants/assets.js +123 -105
  31. package/build/constants/dummy.js +27 -20
  32. package/build/constants/validation.d.ts +1 -0
  33. package/build/constants/validation.js +1 -0
  34. package/build/features/app/auth/authStore.d.ts +24 -5
  35. package/build/features/app/auth/authStore.js +136 -71
  36. package/build/features/app/business/businessStore.js +15 -10
  37. package/build/features/app/connectExpress/connectExpressStore.d.ts +14 -3
  38. package/build/features/app/connectExpress/connectExpressStore.js +212 -53
  39. package/build/features/app/tax/taxStore.js +1 -1
  40. package/build/features/auth/Auth.d.ts +1 -1
  41. package/build/features/auth/screens/AuthenticationList/EntityList.js +2 -2
  42. package/build/features/auth/screens/OTP/OTP.d.ts +13 -2
  43. package/build/features/auth/screens/OTP/OTP.js +15 -3
  44. package/build/features/auth/screens/OTP/index.d.ts +1 -2
  45. package/build/features/auth/screens/Passcode/Passcode.d.ts +16 -0
  46. package/build/features/auth/screens/Passcode/Passcode.js +82 -0
  47. package/build/features/auth/screens/Passcode/PasscodeInput.d.ts +6 -0
  48. package/build/features/auth/screens/Passcode/PasscodeInput.js +42 -0
  49. package/build/features/auth/screens/Passcode/index.d.ts +2 -0
  50. package/build/features/auth/screens/Passcode/index.js +2 -0
  51. package/build/features/auth/screens/Passcode/validation.d.ts +8 -0
  52. package/build/features/auth/screens/Passcode/validation.js +4 -0
  53. package/build/features/brand/screens/BrandActivities/ExpectedSalesRange.js +3 -8
  54. package/build/features/brand/screens/BrandActivities/RefundPolicy.d.ts +1 -1
  55. package/build/features/business/screens/BusinessType/BusinessType.js +13 -2
  56. package/build/features/business/screens/BusinessType/EntityLicenseList.js +11 -5
  57. package/build/features/business/screens/BusinessType/LicenseList.js +15 -7
  58. package/build/features/business/screens/BusinessType/UnifiedNumber.d.ts +35 -0
  59. package/build/features/business/screens/BusinessType/UnifiedNumber.js +84 -0
  60. package/build/features/business/screens/BusinessType/validation.d.ts +6 -3
  61. package/build/features/business/screens/BusinessType/validation.js +31 -10
  62. package/build/features/business/screens/Customers/ExpectedSalesRange.js +3 -8
  63. package/build/features/business/screens/Customers/RefundPolicy.d.ts +1 -1
  64. package/build/features/connectExpress/screens/AuthenticationList/EntityList.js +2 -2
  65. package/build/features/connectExpress/screens/CollectBusinessInfo/CollectBusinessInfo.js +1 -0
  66. package/build/features/connectExpress/screens/CollectBusinessInfo/LicenseList.js +23 -7
  67. package/build/features/connectExpress/screens/CollectBusinessInfo/LicenseNumber.js +2 -2
  68. package/build/features/connectExpress/screens/CollectBusinessInfo/TAC.js +1 -1
  69. package/build/features/connectExpress/screens/CollectBusinessInfo/UnifiedNumber.d.ts +36 -0
  70. package/build/features/connectExpress/screens/CollectBusinessInfo/UnifiedNumber.js +81 -0
  71. package/build/features/connectExpress/screens/CollectBusinessInfo/validation.d.ts +6 -3
  72. package/build/features/connectExpress/screens/CollectBusinessInfo/validation.js +57 -21
  73. package/build/features/connectExpress/screens/GenericPrepareDataLoading/GenericPrepareDataLoading.d.ts +3 -0
  74. package/build/features/connectExpress/screens/GenericPrepareDataLoading/GenericPrepareDataLoading.js +9 -0
  75. package/build/features/connectExpress/screens/GenericPrepareDataLoading/index.d.ts +2 -0
  76. package/build/features/connectExpress/screens/GenericPrepareDataLoading/index.js +2 -0
  77. package/build/features/connectExpress/screens/VerifyMobileAuthOTP/OTPInput.d.ts +5 -0
  78. package/build/features/connectExpress/screens/VerifyMobileAuthOTP/OTPInput.js +49 -0
  79. package/build/features/connectExpress/screens/VerifyMobileAuthOTP/VerifyMobileAuthOTP.d.ts +5 -0
  80. package/build/features/connectExpress/screens/VerifyMobileAuthOTP/VerifyMobileAuthOTP.js +88 -0
  81. package/build/features/connectExpress/screens/VerifyMobileAuthOTP/index.d.ts +3 -0
  82. package/build/features/connectExpress/screens/VerifyMobileAuthOTP/index.js +2 -0
  83. package/build/features/connectExpress/screens/VerifyMobileAuthOTP/validation.d.ts +8 -0
  84. package/build/features/connectExpress/screens/VerifyMobileAuthOTP/validation.js +4 -0
  85. package/build/features/connectExpress/screens/VerifyNafath/VerifyNafath.js +9 -3
  86. package/build/features/entity/screens/EntityCapital/CapitalPaid.js +3 -7
  87. package/build/features/entity/screens/EntityCapital/CapitalShareValue.js +3 -7
  88. package/build/features/entity/screens/EntityName/EntityName.js +16 -15
  89. package/build/features/entity/screens/EntityName/UnifiedNumber.js +2 -2
  90. package/build/features/entity/screens/EntityName/validation.d.ts +50 -48
  91. package/build/features/entity/screens/EntityName/validation.js +100 -85
  92. package/build/features/featuresScreens.js +10 -0
  93. package/build/features/individual/screens/AdditionalIndividualInfo/MonthlyIncome.js +3 -8
  94. package/build/features/individual/screens/AdditionalIndividualInfo/ShareValue.js +3 -8
  95. package/build/features/shared/Background/LogoBackground.js +5 -17
  96. package/build/features/shared/Button/Button.js +1 -2
  97. package/build/features/shared/Button/FlowsButtons.js +1 -2
  98. package/build/features/shared/Input/Input.d.ts +1 -1
  99. package/build/hooks/useAppConfig.js +1 -1
  100. package/build/utils/common.d.ts +1 -1
  101. package/build/utils/common.js +14 -8
  102. package/build/utils/string.d.ts +3 -2
  103. package/build/utils/string.js +4 -1
  104. package/build/utils/validation.js +1 -1
  105. package/package.json +4 -5
@@ -57,9 +57,9 @@ 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 } from '../../../@types';
60
+ import { FlowsTypes, AuthForType, BusinessType, LicenseType, AuthForScreen } from '../../../@types';
61
61
  import API from '../../../api';
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';
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, SCOPE_MERCHANT } from '../../../constants';
63
63
  import { defaultCountry } from '../../../constants';
64
64
  import { getIndividualName, capitalizeTheFirstLetterOfEachWord, sleep, findCountryByIddPrefix, concatenateObjectValues, isSA, isKW, isOtherThanKWOrSA, sendCustomEventToGTM, sendCustomDimension, getMetaData, isNetworkError, isTimeoutError } from '../../../utils';
65
65
  export var updateBusinessCountryAsync = createAsyncThunk('connectExpress/updateBusinessCountryAsync', function (countryCode, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
@@ -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
  });
@@ -405,6 +400,7 @@ export var verifyNafathAsync = createAsyncThunk('connectExpress/verifyNafathAsyn
405
400
  return [2, { data: data }];
406
401
  }
407
402
  }
403
+ params.showLoadingScreenAfterNafathSuccess();
408
404
  if (!(isScopeAuthentication && !data.new_user && authDataHasValue)) return [3, 7];
409
405
  return [4, thunkApi.dispatch(retrieveAuthenticationListAsync({ individualId: data.individual_id })).unwrap()];
410
406
  case 6:
@@ -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('nafath_verification_failed');
834
+ case 10: throw new Error('paci_verification_failed');
839
835
  }
840
836
  });
841
837
  }); });
@@ -892,10 +888,10 @@ export var checkBrandNameAvailabilityAsync = createAsyncThunk('connectExpress/ch
892
888
  export var createAccountAsync = createAsyncThunk('connectExpress/createAccountAsync', function (_a, thunkApi) {
893
889
  var isRetry = _a.isRetry;
894
890
  return __awaiter(void 0, void 0, void 0, function () {
895
- var _b, connectExpress, settings, responseData, _c, postURL, scope, redirectUrl, mode, showBoard, notification, platforms, payment_provider, leadId, authId, bi, leadData, accountData, data, body, data, urlQueryStart;
896
- var _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
897
- return __generator(this, function (_v) {
898
- switch (_v.label) {
891
+ var _b, connectExpress, settings, responseData, _c, postURL, scope, redirectUrl, mode, showBoard, notification, platforms, payment_provider, leadId, authId, bi, leadData, accountData, data, body, data, data, urlQueryStart;
892
+ var _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
893
+ return __generator(this, function (_y) {
894
+ switch (_y.label) {
899
895
  case 0:
900
896
  _b = thunkApi.getState(), connectExpress = _b.connectExpress, settings = _b.settings;
901
897
  responseData = connectExpress.data.responseData;
@@ -909,12 +905,12 @@ export var createAccountAsync = createAsyncThunk('connectExpress/createAccountAs
909
905
  if (!isRetry) return [3, 2];
910
906
  return [4, thunkApi.dispatch(getLeadByIdAsync(leadId)).unwrap()];
911
907
  case 1:
912
- data = (_v.sent()).data;
908
+ data = (_y.sent()).data;
913
909
  if (data === null || data === void 0 ? void 0 : data.board_id) {
914
910
  leadData = data;
915
911
  accountData = data;
916
912
  }
917
- _v.label = 2;
913
+ _y.label = 2;
918
914
  case 2:
919
915
  body = {
920
916
  lead_id: leadId,
@@ -926,8 +922,8 @@ export var createAccountAsync = createAsyncThunk('connectExpress/createAccountAs
926
922
  if (!!(leadData === null || leadData === void 0 ? void 0 : leadData.board_id)) return [3, 4];
927
923
  return [4, API.accountService.expressCreateAccount(body)];
928
924
  case 3:
929
- accountData = _v.sent();
930
- _v.label = 4;
925
+ accountData = _y.sent();
926
+ _y.label = 4;
931
927
  case 4:
932
928
  sendCustomEventToGTM({
933
929
  event: 'Send Event',
@@ -943,22 +939,41 @@ export var createAccountAsync = createAsyncThunk('connectExpress/createAccountAs
943
939
  (_m = (_l = settings.data.appConfig).onCreated) === null || _m === void 0 ? void 0 : _m.call(_l, accountData);
944
940
  (_p = (_o = settings.data.appConfig).onFlowCompleted) === null || _p === void 0 ? void 0 : _p.call(_o, accountData);
945
941
  (_r = (_q = settings.data.appConfig).onStepCompleted) === null || _r === void 0 ? void 0 : _r.call(_q, settings.data.activeScreen.name, accountData);
946
- if (showBoard) {
947
- sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep()); });
948
- return [2, { accountData: accountData }];
949
- }
950
- if (!(scope === SCOPE_AUTH)) return [3, 8];
942
+ if (!(scope === SCOPE_MERCHANT)) return [3, 8];
951
943
  if (!!(leadData === null || leadData === void 0 ? void 0 : leadData.board_id)) return [3, 6];
952
944
  return [4, thunkApi.dispatch(getLeadByIdAsync(leadId)).unwrap()];
953
945
  case 5:
954
- data = (_v.sent()).data;
946
+ data = (_y.sent()).data;
955
947
  leadData = data;
956
- _v.label = 6;
957
- case 6: return [4, thunkApi.dispatch(onCloseComplete({ merchantId: (_s = leadData === null || leadData === void 0 ? void 0 : leadData.merchant) === null || _s === void 0 ? void 0 : _s.id, brandId: (_t = leadData === null || leadData === void 0 ? void 0 : leadData.brand) === null || _t === void 0 ? void 0 : _t.id, entityId: (_u = leadData === null || leadData === void 0 ? void 0 : leadData.entity) === null || _u === void 0 ? void 0 : _u.id }))];
948
+ _y.label = 6;
949
+ case 6:
950
+ if (!postURL) return [3, 8];
951
+ return [4, thunkApi.dispatch(onCloseComplete({
952
+ merchantId: (_s = leadData === null || leadData === void 0 ? void 0 : leadData.merchant) === null || _s === void 0 ? void 0 : _s.id,
953
+ brandId: (_t = leadData === null || leadData === void 0 ? void 0 : leadData.brand) === null || _t === void 0 ? void 0 : _t.id,
954
+ entityId: (_u = leadData === null || leadData === void 0 ? void 0 : leadData.entity) === null || _u === void 0 ? void 0 : _u.id,
955
+ nextScreen: showBoard ? 'CONNECT_EXPRESS_PREPARING_DATA_STEP' : ''
956
+ }))];
958
957
  case 7:
959
- _v.sent();
958
+ _y.sent();
960
959
  return [2, { accountData: accountData }];
961
960
  case 8:
961
+ if (showBoard) {
962
+ sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep()); });
963
+ return [2, { accountData: accountData }];
964
+ }
965
+ if (!(scope === SCOPE_AUTH)) return [3, 12];
966
+ if (!!(leadData === null || leadData === void 0 ? void 0 : leadData.board_id)) return [3, 10];
967
+ return [4, thunkApi.dispatch(getLeadByIdAsync(leadId)).unwrap()];
968
+ case 9:
969
+ data = (_y.sent()).data;
970
+ leadData = data;
971
+ _y.label = 10;
972
+ case 10: return [4, thunkApi.dispatch(onCloseComplete({ merchantId: (_v = leadData === null || leadData === void 0 ? void 0 : leadData.merchant) === null || _v === void 0 ? void 0 : _v.id, brandId: (_w = leadData === null || leadData === void 0 ? void 0 : leadData.brand) === null || _w === void 0 ? void 0 : _w.id, entityId: (_x = leadData === null || leadData === void 0 ? void 0 : leadData.entity) === null || _x === void 0 ? void 0 : _x.id }))];
973
+ case 11:
974
+ _y.sent();
975
+ return [2, { accountData: accountData }];
976
+ case 12:
962
977
  if (redirectUrl && mode === 'page') {
963
978
  urlQueryStart = redirectUrl.includes('?') ? '&' : '?';
964
979
  window.open("".concat(redirectUrl).concat(urlQueryStart, "authentication_id=").concat(authId, "&bi=").concat(bi), '_self');
@@ -1029,7 +1044,7 @@ export var createEntity = createAsyncThunk('connectExpress/createEntity', functi
1029
1044
  });
1030
1045
  }); });
1031
1046
  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;
1047
+ var _a, settings, connectExpress, id, dob, payload, data, needToCollectMoreInfo, creatingAccount, verifyAuthMobile;
1033
1048
  var _b, _c, _d;
1034
1049
  return __generator(this, function (_e) {
1035
1050
  switch (_e.label) {
@@ -1049,6 +1064,10 @@ export var updateLeadDOBAsync = createAsyncThunk('connectExpress/updateLeadDOBAs
1049
1064
  (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, params);
1050
1065
  needToCollectMoreInfo = data.step_name === 'collect_info';
1051
1066
  creatingAccount = data.step_name === 'create_account';
1067
+ verifyAuthMobile = data.step_name === 'connect_express_auth_mobile';
1068
+ if (verifyAuthMobile) {
1069
+ sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP')); });
1070
+ }
1052
1071
  if (creatingAccount) {
1053
1072
  sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP')); });
1054
1073
  }
@@ -1062,7 +1081,7 @@ export var updateLeadDOBAsync = createAsyncThunk('connectExpress/updateLeadDOBAs
1062
1081
  export var updateLeadIndividualAsync = createAsyncThunk('connectExpress/updateLeadIndividualAsync', function (_a, thunkApi) {
1063
1082
  var formData = _a.formData, originalFormData = _a.originalFormData;
1064
1083
  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, isSaudi;
1084
+ var _b, settings, connectExpress, id, countryCode, name, email, mobile, phoneCountry, isContactAvailable, payload, data, needToCollectMoreInfo, creatingAccount, collectPhoneOwnershipScreen, verifyAuthMobile, isSaudi;
1066
1085
  var _c, _d, _e, _f, _g;
1067
1086
  return __generator(this, function (_h) {
1068
1087
  switch (_h.label) {
@@ -1082,6 +1101,10 @@ export var updateLeadIndividualAsync = createAsyncThunk('connectExpress/updateLe
1082
1101
  needToCollectMoreInfo = data.step_name === 'collect_info';
1083
1102
  creatingAccount = data.step_name === 'create_account';
1084
1103
  collectPhoneOwnershipScreen = data.step_name === CONNECT_EXPRESS_STEP_NAMES.COLLECT_MOBILE_OWNERSHIP;
1104
+ verifyAuthMobile = data.step_name === CONNECT_EXPRESS_STEP_NAMES.VERIFY_AUTH_MOBILE_OTP;
1105
+ if (verifyAuthMobile) {
1106
+ sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP')); });
1107
+ }
1085
1108
  if (collectPhoneOwnershipScreen) {
1086
1109
  sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('COLLECT_MOBILE_OWNERSHIP')); });
1087
1110
  }
@@ -1106,13 +1129,13 @@ export var updateLeadIndividualAsync = createAsyncThunk('connectExpress/updateLe
1106
1129
  export var updateLeadBusinessDataAsync = createAsyncThunk('updateLeadBusinessDataAsync ', function (_a, thunkApi) {
1107
1130
  var formData = _a.formData, originalFormData = _a.originalFormData;
1108
1131
  return __awaiter(void 0, void 0, void 0, function () {
1109
- var _b, settings, connectExpress, selectedLicense, brandName, licenseNumber, termAndConditionChecked, isKWCountry, isFL, _c, responseData, isLeadIdPassed, id, brandNameBody, payload, data;
1132
+ var _b, settings, connectExpress, selectedLicense, brandName, licenseNumber, termAndConditionChecked, unifiedNumber, isKWCountry, isFL, _c, responseData, isLeadIdPassed, id, brandNameBody, payload, data;
1110
1133
  var _d, _e;
1111
1134
  return __generator(this, function (_f) {
1112
1135
  switch (_f.label) {
1113
1136
  case 0:
1114
1137
  _b = thunkApi.getState(), settings = _b.settings, connectExpress = _b.connectExpress;
1115
- selectedLicense = formData.selectedLicense, brandName = formData.brandName, licenseNumber = formData.licenseNumber, termAndConditionChecked = formData.termAndConditionChecked;
1138
+ selectedLicense = formData.selectedLicense, brandName = formData.brandName, licenseNumber = formData.licenseNumber, termAndConditionChecked = formData.termAndConditionChecked, unifiedNumber = formData.unifiedNumber;
1116
1139
  isKWCountry = isKW(settings.data.businessCountry.iso2);
1117
1140
  isFL = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.FL;
1118
1141
  _c = connectExpress.data, responseData = _c.responseData, isLeadIdPassed = _c.isLeadIdPassed;
@@ -1130,6 +1153,7 @@ export var updateLeadBusinessDataAsync = createAsyncThunk('updateLeadBusinessDat
1130
1153
  license_type: (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) ? (isFL ? LicenseType.FL : LicenseType.CR) : undefined,
1131
1154
  business_type: selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type,
1132
1155
  is_acknowledged: true,
1156
+ unified_number: unifiedNumber,
1133
1157
  terms_conditions_accepted: !isLeadIdPassed ? termAndConditionChecked : undefined,
1134
1158
  step_name: CONNECT_EXPRESS_STEP_NAMES.UPDATE_LEAD_BRAND_BUSINESS,
1135
1159
  encryption_contract: []
@@ -1145,7 +1169,7 @@ export var updateLeadBusinessDataAsync = createAsyncThunk('updateLeadBusinessDat
1145
1169
  });
1146
1170
  });
1147
1171
  export var updateLeadMobile = createAsyncThunk('connectExpress/updateLeadMobile', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
1148
- var _a, settings, connectExpress, id, startWithNID, payload, leadResponse, needToCollectMoreInfo, creatingAccount, askDobInfo, collectPhoneOwnershipScreen;
1172
+ var _a, settings, connectExpress, id, startWithNID, payload, leadResponse, needToCollectMoreInfo, creatingAccount, askDobInfo, collectPhoneOwnershipScreen, verifyAuthMobile;
1149
1173
  var _b, _c, _d;
1150
1174
  return __generator(this, function (_e) {
1151
1175
  switch (_e.label) {
@@ -1172,9 +1196,13 @@ export var updateLeadMobile = createAsyncThunk('connectExpress/updateLeadMobile'
1172
1196
  creatingAccount = leadResponse.step_name === 'create_account';
1173
1197
  askDobInfo = leadResponse.step_name === COLLECT_DOB_INFO_NAFATH;
1174
1198
  collectPhoneOwnershipScreen = leadResponse.step_name === CONNECT_EXPRESS_STEP_NAMES.COLLECT_MOBILE_OWNERSHIP;
1199
+ verifyAuthMobile = leadResponse.step_name === CONNECT_EXPRESS_STEP_NAMES.VERIFY_AUTH_MOBILE_OTP;
1175
1200
  if (collectPhoneOwnershipScreen) {
1176
1201
  throw new Error("The new mobile number doesn't match the national ID, please update the mobile to the correct one");
1177
1202
  }
1203
+ if (verifyAuthMobile) {
1204
+ sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP')); });
1205
+ }
1178
1206
  if (askDobInfo) {
1179
1207
  sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP')); });
1180
1208
  }
@@ -1199,7 +1227,7 @@ export var updateLeadMobile = createAsyncThunk('connectExpress/updateLeadMobile'
1199
1227
  });
1200
1228
  }); });
1201
1229
  export var skipUpdateLeadMobile = createAsyncThunk('connectExpress/skipUpdateLeadMobile', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
1202
- var _a, settings, connectExpress, id, startWithNID, payload, leadResponse, needToCollectMoreInfo, creatingAccount, askDobInfo;
1230
+ var _a, settings, connectExpress, id, startWithNID, payload, leadResponse, needToCollectMoreInfo, creatingAccount, askDobInfo, verifyAuthMobile;
1203
1231
  var _b, _c, _d;
1204
1232
  return __generator(this, function (_e) {
1205
1233
  switch (_e.label) {
@@ -1219,6 +1247,10 @@ export var skipUpdateLeadMobile = createAsyncThunk('connectExpress/skipUpdateLea
1219
1247
  needToCollectMoreInfo = leadResponse.step_name === 'collect_info';
1220
1248
  creatingAccount = leadResponse.step_name === 'create_account';
1221
1249
  askDobInfo = leadResponse.step_name === COLLECT_DOB_INFO_NAFATH;
1250
+ verifyAuthMobile = leadResponse.step_name === CONNECT_EXPRESS_STEP_NAMES.VERIFY_AUTH_MOBILE_OTP;
1251
+ if (verifyAuthMobile) {
1252
+ sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP')); });
1253
+ }
1222
1254
  if (askDobInfo) {
1223
1255
  sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP')); });
1224
1256
  }
@@ -1242,6 +1274,82 @@ export var skipUpdateLeadMobile = createAsyncThunk('connectExpress/skipUpdateLea
1242
1274
  }
1243
1275
  });
1244
1276
  }); });
1277
+ export var verifyAuthMobileOtpAsync = createAsyncThunk('connectExpress/verifyAuthMobileOtpAsync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
1278
+ var _a, settings, connectExpress, responseData, _b, verify_token, verification_by, payload, data, needToCollectMoreInfo, creatingAccount, askDobInfo, collectPhoneOwnershipScreen, isSaudi;
1279
+ var _c, _d;
1280
+ return __generator(this, function (_e) {
1281
+ switch (_e.label) {
1282
+ case 0:
1283
+ _a = thunkApi.getState(), settings = _a.settings, connectExpress = _a.connectExpress;
1284
+ responseData = (connectExpress.data || {}).responseData;
1285
+ if (!(responseData === null || responseData === void 0 ? void 0 : responseData.verifyAuthMobile))
1286
+ throw new Error('Auth data is missing');
1287
+ _b = responseData.verifyAuthMobile, verify_token = _b.verify_token, verification_by = _b.verification_by;
1288
+ payload = {
1289
+ verify_token: verify_token,
1290
+ data: params.otp,
1291
+ auth_type: 2,
1292
+ service_name: verification_by === null || verification_by === void 0 ? void 0 : verification_by.service_name,
1293
+ sign_in: false,
1294
+ step_name: CONNECT_EXPRESS_STEP_NAMES.VERIFY_AUTH_MOBILE_OTP,
1295
+ encryption_contract: ['data']
1296
+ };
1297
+ return [4, API.authService.verifyExpressLeadIdentity(payload)];
1298
+ case 1:
1299
+ data = _e.sent();
1300
+ (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, params);
1301
+ needToCollectMoreInfo = data.step_name === 'collect_info';
1302
+ creatingAccount = data.step_name === 'create_account';
1303
+ askDobInfo = data.step_name === COLLECT_DOB_INFO_NAFATH;
1304
+ collectPhoneOwnershipScreen = data.step_name === CONNECT_EXPRESS_STEP_NAMES.COLLECT_MOBILE_OWNERSHIP;
1305
+ if (askDobInfo) {
1306
+ sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP')); });
1307
+ }
1308
+ if (creatingAccount) {
1309
+ sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP')); });
1310
+ }
1311
+ if (collectPhoneOwnershipScreen) {
1312
+ sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('COLLECT_MOBILE_OWNERSHIP')); });
1313
+ }
1314
+ if (!needToCollectMoreInfo) return [3, 4];
1315
+ isSaudi = isSA(settings.data.businessCountry.iso2);
1316
+ if (!isSaudi) return [3, 3];
1317
+ return [4, thunkApi.dispatch(retrieveEntityListAsync(data.lead.id)).unwrap()];
1318
+ case 2:
1319
+ _e.sent();
1320
+ _e.label = 3;
1321
+ case 3:
1322
+ sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP')); });
1323
+ _e.label = 4;
1324
+ case 4: return [2, { data: data }];
1325
+ }
1326
+ });
1327
+ }); });
1328
+ export var resendLeadMobileAuthOTP = createAsyncThunk('connectExpress/resendLeadMobileAuthOTPExpress', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
1329
+ var connectExpress, payload, data;
1330
+ var _a, _b, _c, _d, _e, _f;
1331
+ return __generator(this, function (_g) {
1332
+ switch (_g.label) {
1333
+ case 0:
1334
+ connectExpress = thunkApi.getState().connectExpress;
1335
+ payload = {
1336
+ id: ((_b = (_a = connectExpress.data.responseData) === null || _a === void 0 ? void 0 : _a.leadData) === null || _b === void 0 ? void 0 : _b.id) || '',
1337
+ contact: {
1338
+ phone: {
1339
+ country_code: (_e = (_d = (_c = connectExpress.data.individualData) === null || _c === void 0 ? void 0 : _c.countryCode) === null || _d === void 0 ? void 0 : _d.idd_prefix) === null || _e === void 0 ? void 0 : _e.toString(),
1340
+ number: ((_f = connectExpress.data.individualData) === null || _f === void 0 ? void 0 : _f.mobile) || ''
1341
+ }
1342
+ },
1343
+ step_name: CONNECT_EXPRESS_STEP_NAMES.UPDATE_LEAD_INDIVIDUAL,
1344
+ encryption_contract: ['contact.phone.country_code', 'contact.phone.number']
1345
+ };
1346
+ return [4, API.leadService.updateLeadExpress(payload)];
1347
+ case 1:
1348
+ data = _g.sent();
1349
+ return [2, data];
1350
+ }
1351
+ });
1352
+ }); });
1245
1353
  export var confirmInfo = createAsyncThunk('connectExpress/confirmInfo', function (_a, thunkApi) {
1246
1354
  var brandInfo = _a.brandInfo, entityInfo = _a.entityInfo, merchantInfo = _a.merchantInfo;
1247
1355
  return __awaiter(void 0, void 0, void 0, function () {
@@ -1366,9 +1474,14 @@ var initialState = {
1366
1474
  mobile: '',
1367
1475
  countryCode: defaultCountry
1368
1476
  },
1477
+ verifyAuthOtpData: {
1478
+ otp: '',
1479
+ authFor: AuthForScreen.INDIVIDUAL
1480
+ },
1369
1481
  businessData: {
1370
1482
  brandName: '',
1371
1483
  licenseNumber: '',
1484
+ unifiedNumber: '',
1372
1485
  termAndConditionChecked: false
1373
1486
  },
1374
1487
  authenticationData: {
@@ -1421,6 +1534,9 @@ export var connectSlice = createSlice({
1421
1534
  resetOTPValue: function (state) {
1422
1535
  state.data.otpData.otp = '';
1423
1536
  },
1537
+ resetVerifyAuthOTPValue: function (state) {
1538
+ state.data.verifyAuthOtpData.otp = '';
1539
+ },
1424
1540
  resetStore: function (state) {
1425
1541
  var _a;
1426
1542
  state.data = __assign(__assign({}, state.data), { responseData: { leadData: (_a = state.data.responseData) === null || _a === void 0 ? void 0 : _a.leadData } });
@@ -1662,7 +1778,7 @@ export var connectSlice = createSlice({
1662
1778
  state.error = null;
1663
1779
  })
1664
1780
  .addCase(retrieveEntityListAsync.fulfilled, function (state, action) {
1665
- var _a, _b;
1781
+ var _a, _b, _c, _d;
1666
1782
  state.loading = false;
1667
1783
  var data = action.payload;
1668
1784
  var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
@@ -1682,7 +1798,8 @@ export var connectSlice = createSlice({
1682
1798
  }
1683
1799
  }
1684
1800
  licenseList = __spreadArray(__spreadArray([], licenseList, true), [OTHER_CR_LICENSE, OTHER_FL_LICENSE], false);
1685
- var _c = ((_b = state.data.responseData) === null || _b === void 0 ? void 0 : _b.leadData) || {}, license_number = _c.license_number, license_type = _c.license_type;
1801
+ var _e = ((_b = state.data.responseData) === null || _b === void 0 ? void 0 : _b.leadData) || {}, license_number = _e.license_number, license_type = _e.license_type, entity = _e.entity;
1802
+ var unified_number = (_d = (_c = entity === null || entity === void 0 ? void 0 : entity.license) === null || _c === void 0 ? void 0 : _c.additional_info) === null || _d === void 0 ? void 0 : _d.unified_number;
1686
1803
  var selectedLicense = undefined;
1687
1804
  if (license_number) {
1688
1805
  var findLicense = licenseList.find(function (_a) {
@@ -1698,6 +1815,18 @@ export var connectSlice = createSlice({
1698
1815
  selectedLicense = __assign(__assign({}, OTHER_CR_LICENSE), { license: { number: license_number } });
1699
1816
  state.data.businessData.licenseNumber = license_number;
1700
1817
  }
1818
+ if (unified_number) {
1819
+ var findLicense = licenseList.find(function (_a) {
1820
+ var _b;
1821
+ var license = _a.license;
1822
+ return ((_b = license === null || license === void 0 ? void 0 : license.additional_info) === null || _b === void 0 ? void 0 : _b.unified_number) === unified_number;
1823
+ });
1824
+ if (findLicense)
1825
+ selectedLicense = findLicense;
1826
+ else
1827
+ selectedLicense = __assign(__assign({}, OTHER_CR_LICENSE), { license: { number: '', additional_info: { unified_number: unified_number } } });
1828
+ state.data.businessData.unifiedNumber = unified_number;
1829
+ }
1701
1830
  state.data.businessData.selectedLicense = selectedLicense;
1702
1831
  state.data.responseData = __assign(__assign({}, state.data.responseData), { licenseList: licenseList });
1703
1832
  })
@@ -1754,7 +1883,8 @@ export var connectSlice = createSlice({
1754
1883
  state.loading = false;
1755
1884
  state.error = null;
1756
1885
  state.data.dobData = action.payload.formData;
1757
- state.data.responseData = __assign(__assign({}, state.data.responseData), { dobData: action.payload.response });
1886
+ state.data.responseData = __assign(__assign({}, state.data.responseData), { dobData: action.payload.response, verifyAuthMobile: action.payload.response });
1887
+ state.data.verifyAuthOtpData.authFor = AuthForScreen.DOB;
1758
1888
  })
1759
1889
  .addCase(updateLeadDOBAsync.pending, function (state) {
1760
1890
  state.loading = true;
@@ -1770,7 +1900,8 @@ export var connectSlice = createSlice({
1770
1900
  state.error = null;
1771
1901
  var licenseList = [OTHER_CR_LICENSE, OTHER_FL_LICENSE];
1772
1902
  state.data.individualData = action.payload.formData;
1773
- 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 }));
1903
+ 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 });
1904
+ state.data.verifyAuthOtpData.authFor = AuthForScreen.INDIVIDUAL;
1774
1905
  })
1775
1906
  .addCase(updateLeadIndividualAsync.pending, function (state) {
1776
1907
  state.loading = true;
@@ -1798,7 +1929,8 @@ export var connectSlice = createSlice({
1798
1929
  state.loading = false;
1799
1930
  state.error = null;
1800
1931
  state.data.individualData.mobile = action.payload.formData.mobile;
1801
- state.data.responseData = __assign(__assign({}, state.data.responseData), { individualData: action.payload.leadResponse });
1932
+ state.data.responseData = __assign(__assign({}, state.data.responseData), { individualData: action.payload.leadResponse, verifyAuthMobile: action.payload.leadResponse });
1933
+ state.data.verifyAuthOtpData.authFor = AuthForScreen.MOBILE_OWNERSHIP;
1802
1934
  })
1803
1935
  .addCase(updateLeadMobile.pending, function (state) {
1804
1936
  state.loading = true;
@@ -1811,7 +1943,8 @@ export var connectSlice = createSlice({
1811
1943
  .addCase(skipUpdateLeadMobile.fulfilled, function (state, action) {
1812
1944
  state.loading = false;
1813
1945
  state.error = null;
1814
- state.data.responseData = __assign(__assign({}, state.data.responseData), { individualData: action.payload.leadResponse });
1946
+ state.data.responseData = __assign(__assign({}, state.data.responseData), { individualData: action.payload.leadResponse, verifyAuthMobile: action.payload.leadResponse });
1947
+ state.data.verifyAuthOtpData.authFor = AuthForScreen.MOBILE_OWNERSHIP;
1815
1948
  })
1816
1949
  .addCase(skipUpdateLeadMobile.pending, function (state) {
1817
1950
  state.loading = true;
@@ -1820,6 +1953,32 @@ export var connectSlice = createSlice({
1820
1953
  .addCase(skipUpdateLeadMobile.rejected, function (state, action) {
1821
1954
  state.loading = false;
1822
1955
  state.error = action.error.message;
1956
+ })
1957
+ .addCase(verifyAuthMobileOtpAsync.fulfilled, function (state, action) {
1958
+ state.loading = false;
1959
+ state.error = null;
1960
+ state.data.responseData = __assign(__assign({}, state.data.responseData), { verifyAuthMobileOtp: action.payload.data });
1961
+ state.data.verifyAuthOtpData.authFor = AuthForScreen.MOBILE_OWNERSHIP;
1962
+ })
1963
+ .addCase(verifyAuthMobileOtpAsync.pending, function (state) {
1964
+ state.loading = true;
1965
+ state.error = null;
1966
+ })
1967
+ .addCase(verifyAuthMobileOtpAsync.rejected, function (state, action) {
1968
+ state.loading = false;
1969
+ state.error = action.error.message;
1970
+ })
1971
+ .addCase(resendLeadMobileAuthOTP.pending, function (state) {
1972
+ state.loading = true;
1973
+ state.error = null;
1974
+ })
1975
+ .addCase(resendLeadMobileAuthOTP.fulfilled, function (state) {
1976
+ state.loading = false;
1977
+ state.error = null;
1978
+ })
1979
+ .addCase(resendLeadMobileAuthOTP.rejected, function (state, action) {
1980
+ state.loading = false;
1981
+ state.error = action.error.message;
1823
1982
  })
1824
1983
  .addCase(createAccountAsync.pending, function (state) {
1825
1984
  state.loading = true;
@@ -1928,6 +2087,6 @@ export var connectSlice = createSlice({
1928
2087
  });
1929
2088
  }
1930
2089
  });
1931
- 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;
2090
+ 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;
1932
2091
  export default connectSlice.reducer;
1933
2092
  export var connectExpressSelector = function (state) { return state.connectExpress; };
@@ -323,7 +323,7 @@ export var updateLeadSuccess = createAsyncThunk('taxUpdateLeadSuccess', function
323
323
  }
324
324
  });
325
325
  }); });
326
- export var onCloseCompleteTax = createAsyncThunk('password/onCloseCompleteTax', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
326
+ export var onCloseCompleteTax = createAsyncThunk('tax/onCloseCompleteTax', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
327
327
  var tax, _a, merchant, brand, entity;
328
328
  return __generator(this, function (_b) {
329
329
  switch (_b.label) {
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { LibConfig } from '../../@types';
3
- export interface AuthLibProps extends Pick<LibConfig, 'open' | 'mode' | 'scope' | 'merchantDomain' | 'publicKey' | 'redirectUrl' | 'data' | 'postURL' | 'appInfo' | 'businessCountryCode' | 'language' | 'onFlowCompleted' | 'onError' | 'onStepCompleted' | 'onReady' | 'onClose' | 'onStepStarted'> {
3
+ export interface AuthLibProps extends Pick<LibConfig, 'open' | 'mode' | 'scope' | 'merchantDomain' | 'publicKey' | 'redirectUrl' | 'data' | 'postURL' | 'appInfo' | 'businessCountryCode' | 'language' | 'onFlowCompleted' | 'onError' | 'onStepCompleted' | 'onReady' | 'onClose' | 'onStepStarted' | 'region'> {
4
4
  leadId?: string;
5
5
  configToken?: string;
6
6
  }
@@ -76,8 +76,8 @@ var EntityList = function (_a) {
76
76
  var selectedEntity = selectedEntityControl.field.value;
77
77
  React.useEffect(function () {
78
78
  if (entityList.length > 0) {
79
- var filteredEntityList = entityList.filter(function (entity) { return (brandInfo === null || brandInfo === void 0 ? void 0 : brandInfo.business_id) && entity.business_id === brandInfo.business_id; });
80
- var list_1 = __spreadArray(__spreadArray([], filteredEntityList, true), [entityList[entityList.length - 1]], false) || [];
79
+ var filteredEntityList = entityList.filter(function (entity) { return (brandInfo === null || brandInfo === void 0 ? void 0 : brandInfo.business_id) && entity.business_id === brandInfo.business_id; }) || [];
80
+ var list_1 = __spreadArray(__spreadArray([], filteredEntityList, true), [entityList[entityList.length - 1]], false);
81
81
  setList(list_1);
82
82
  if (filteredEntityList.length) {
83
83
  setValue('entityInfo', filteredEntityList[0], { shouldValidate: true });
@@ -1,5 +1,16 @@
1
1
  import * as React from 'react';
2
- export interface OTPProps {
3
- }
2
+ export declare const PasscodeLoginStyled: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
3
+ align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
4
+ children?: React.ReactNode;
5
+ classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
6
+ gutterBottom?: boolean | undefined;
7
+ noWrap?: boolean | undefined;
8
+ paragraph?: boolean | undefined;
9
+ sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
10
+ variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline" | undefined;
11
+ variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline", string>> | undefined;
12
+ } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>> & {
13
+ ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
14
+ }, keyof import("@mui/material/OverridableComponent").CommonProps | ("left" | "right" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
4
15
  declare const _default: React.MemoExoticComponent<() => JSX.Element>;
5
16
  export default _default;
@@ -14,9 +14,9 @@ import * as React from 'react';
14
14
  import { useTranslation } from 'react-i18next';
15
15
  import { useForm, FormProvider } from 'react-hook-form';
16
16
  import Box from '@mui/material/Box/Box';
17
- import { styled } from '@mui/material/styles';
17
+ import { styled, useTheme } from '@mui/material/styles';
18
18
  import Text from '../../../../components/Text';
19
- import { clearError, authSelector, verifyMobileOtp, resetOTPValue, verifyEmailOtp } from '../../../app/auth/authStore';
19
+ import { clearError, authSelector, verifyMobileOtp, resetOTPValue, verifyEmailOtp, createEmailAuth, createMobileAuth } from '../../../app/auth/authStore';
20
20
  import Button from '../../../shared/Button';
21
21
  import { ScreenContainer } from '../../../shared/Containers';
22
22
  import { useAppDispatch, useAppSelector, useLanguage, useSanitizedTranslation } from '../../../../hooks';
@@ -46,8 +46,13 @@ var FormStyled = styled(Form)(function () { return ({
46
46
  display: 'flex',
47
47
  flexDirection: 'column'
48
48
  }); });
49
+ export var PasscodeLoginStyled = styled(Text)(function (_a) {
50
+ var _b = _a.theme, spacing = _b.spacing, palette = _b.palette, typography = _b.typography;
51
+ return (__assign(__assign({}, typography.caption), { color: palette.primary.main, lineHeight: 1.75, textAlign: 'center', marginTop: spacing(5), cursor: 'pointer' }));
52
+ });
49
53
  var OTP = function () {
50
54
  var _a;
55
+ var spacing = useTheme().spacing;
51
56
  var dispatch = useAppDispatch();
52
57
  var _b = useAppSelector(authSelector), data = _b.data, loading = _b.loading, error = _b.error;
53
58
  var t = useTranslation().t;
@@ -112,7 +117,14 @@ var OTP = function () {
112
117
  screen = 'AUTH_EMAIL_STEP';
113
118
  dispatch(handlePrevScreenStep(screen));
114
119
  };
120
+ var onOTPLoginClick = function () {
121
+ if (isEmailAuth)
122
+ dispatch(createEmailAuth({ email: data.emailData.email }));
123
+ else
124
+ dispatch(createMobileAuth({ mobile: data.mobileData.mobile, countryCode: data.mobileData.countryCode }));
125
+ };
115
126
  var disabled = !methods.formState.isValid;
116
- 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') : getTitle(), !loading && _jsx("span", __assign({ dir: 'ltr' }, { children: getNumber() }))] }) }), _jsx(OTPInput, {}), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: st(error || '') }, { children: t('next') }))] })) })) }));
127
+ var showLoginWithPasscode = data.passcodeData.allowOTPToPasscodeRedirection;
128
+ 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') : getTitle(), !loading && _jsx("span", __assign({ dir: 'ltr' }, { children: getNumber() }))] }) }), _jsx(OTPInput, {}), showLoginWithPasscode && _jsx(PasscodeLoginStyled, __assign({ onClick: onOTPLoginClick }, { children: st('login_with_passcode') })), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: st(error || '') }, (showLoginWithPasscode && { sx: { marginTop: spacing(2.25) } }), { children: t('next') }))] })) })) }));
117
129
  };
118
130
  export default React.memo(OTP);
@@ -1,3 +1,2 @@
1
- import OTP, { OTPProps } from './OTP';
2
- export type { OTPProps };
1
+ import OTP from './OTP';
3
2
  export default OTP;
@@ -0,0 +1,16 @@
1
+ import * as React from 'react';
2
+ export declare const OTPSignInStyled: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
3
+ align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
4
+ children?: React.ReactNode;
5
+ classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
6
+ gutterBottom?: boolean | undefined;
7
+ noWrap?: boolean | undefined;
8
+ paragraph?: boolean | undefined;
9
+ sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
10
+ variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline" | undefined;
11
+ variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline", string>> | undefined;
12
+ } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>> & {
13
+ ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
14
+ }, keyof import("@mui/material/OverridableComponent").CommonProps | ("left" | "right" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
15
+ declare const _default: React.MemoExoticComponent<() => JSX.Element>;
16
+ export default _default;