@tap-payments/auth-jsconnect 2.9.38-sandbox → 2.9.40-development

package/build/@types/app.d.ts

@@ -351,6 +351,11 @@ export declare enum AuthForType {
     NATIONAL_ID = "national_id",
     NATIONAL_ID_MISSED = "national_id_missed"
 }
+export declare enum AuthForScreen {
+    INDIVIDUAL = "individual",
+    DOB = "dob",
+    MOBILE_OWNERSHIP = "mobile_ownership"
+}
 export declare enum AuthTypeNumber {
     EMAIL_OTP = 5,
     MOBILE_OTP = 2,

package/build/@types/app.js

@@ -43,6 +43,12 @@ export var AuthForType;
     AuthForType["NATIONAL_ID"] = "national_id";
     AuthForType["NATIONAL_ID_MISSED"] = "national_id_missed";
 })(AuthForType || (AuthForType = {}));
+export var AuthForScreen;
+(function (AuthForScreen) {
+    AuthForScreen["INDIVIDUAL"] = "individual";
+    AuthForScreen["DOB"] = "dob";
+    AuthForScreen["MOBILE_OWNERSHIP"] = "mobile_ownership";
+})(AuthForScreen || (AuthForScreen = {}));
 export var AuthTypeNumber;
 (function (AuthTypeNumber) {
     AuthTypeNumber[AuthTypeNumber["EMAIL_OTP"] = 5] = "EMAIL_OTP";

package/build/components/Tooltip/Tooltip.js

@@ -33,7 +33,7 @@ var StyledTooltip = styled(function (_a) {
     var _b;
     var theme = _a.theme;
     return (_b = {},
-        _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 }),
+        _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)) }),
         _b);
 });
 var TextStyled = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isAr'; } })(function (_a) {

package/build/constants/app.d.ts

@@ -1,6 +1,5 @@
 import { ScreenStepNavigation, BusinessType } from '../@types';
 export declare const CONNECT_DEV_URL = "https://connect.dev.tap.company";
-export declare const CONNECT_SANDBOX_URL = "https://connect.sandbox.tap.company";
 export declare const CONNECT_PROD_URL = "https://connect.tap.company";
 export declare const CLIENT_ORIGIN: string;
 export declare const TAP_WEBSITE = "https://www.tap.company/";
@@ -138,6 +137,7 @@ export declare const CONNECT_EXPRESS_STEP_NAMES: {
     CONNECT_EXPRESS_SUCCESS: string;
     COLLECT_MOBILE_OWNERSHIP: string;
     COLLECT_MOBILE_OWNERSHIP_SKIPPED: string;
+    VERIFY_AUTH_MOBILE_OTP: string;
 };
 export declare const SignIn_STEP_NAMES: {
     CREATE_AUTH_MOBILE: string;

package/build/constants/app.js

@@ -1,7 +1,6 @@
 import { BusinessType } from '../@types';
 import { CONNECT_FLOWS } from './flows';
 export var CONNECT_DEV_URL = 'https://connect.dev.tap.company';
-export var CONNECT_SANDBOX_URL = 'https://connect.sandbox.tap.company';
 export var CONNECT_PROD_URL = 'https://connect.tap.company';
 export var CLIENT_ORIGIN = window.location.origin;
 export var TAP_WEBSITE = 'https://www.tap.company/';
@@ -229,7 +228,11 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
     },
     {
         name: 'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP',
-        next: ['CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP', 'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP'],
+        next: [
+            'CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP',
+            'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
+            'CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP'
+        ],
         prev: ['CONNECT_EXPRESS_NID_STEP', 'CONNECT_EXPRESS_NID_MISSED_STEP'],
         order: 5
     },
@@ -242,7 +245,8 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
             'CONNECT_EXPRESS_CIVIL_ID_STEP',
             'CONNECT_EXPRESS_CIVIL_ID_MISSED_STEP',
             'CONNECT_EXPRESS_NID_MISSED_STEP',
-            'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP'
+            'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP',
+            'CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP'
         ],
         order: 5
     },
@@ -252,7 +256,8 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
             'CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP',
             'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
             'CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP',
-            'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP'
+            'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP',
+            'CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP'
         ],
         prev: ['CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP', 'CONNECT_EXPRESS_NID_MISSED_STEP'],
         order: 6
@@ -264,39 +269,39 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
         order: 6
     },
     {
-        name: 'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
-        next: 'CONNECT_EXPRESS_PREPARING_DATA_STEP',
-        prev: '',
-        order: 7
-    },
-    {
-        name: 'CONNECT_EXPRESS_GENERIC_PREPARING_DATA_STEP',
+        name: 'CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP',
         next: [
-            'CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP',
             'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP',
-            'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
-            'CONNECT_EXPRESS_AUTHENTICATION_LIST_STEP'
+            'COLLECT_MOBILE_OWNERSHIP',
+            'CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP',
+            'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP'
         ],
+        prev: ['CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP', 'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP', 'COLLECT_MOBILE_OWNERSHIP'],
+        order: 7
+    },
+    {
+        name: 'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
+        next: 'CONNECT_EXPRESS_PREPARING_DATA_STEP',
         prev: '',
-        order: 9
+        order: 8
     },
     {
         name: 'CONNECT_EXPRESS_PREPARING_DATA_STEP',
         next: 'CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP',
         prev: '',
-        order: 8
+        order: 9
     },
     {
         name: 'CONNECT_EXPRESS_ACCOUNT_ALREADY_CREATED_STEP',
         next: '',
         prev: '',
-        order: 9
+        order: 10
     },
     {
         name: 'CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP',
         next: '',
         prev: '',
-        order: 9
+        order: 11
     }
 ];
 export var AUTH_SCREENS_NAVIGATION = [
@@ -1050,7 +1055,8 @@ export var CONNECT_EXPRESS_STEP_NAMES = {
     VERIFY_AUTH_PASSWORD: 'connect_express_verify_auth_password',
     CONNECT_EXPRESS_SUCCESS: 'connect_express_completed',
     COLLECT_MOBILE_OWNERSHIP: 'collect_owner_phone',
-    COLLECT_MOBILE_OWNERSHIP_SKIPPED: 'collect_owner_phone_skipped'
+    COLLECT_MOBILE_OWNERSHIP_SKIPPED: 'collect_owner_phone_skipped',
+    VERIFY_AUTH_MOBILE_OTP: 'connect_express_auth_mobile'
 };
 export var SignIn_STEP_NAMES = {
     CREATE_AUTH_MOBILE: 'signIn_create_auth_mobile',

package/build/features/app/connectExpress/connectExpressStore.d.ts

@@ -1,5 +1,5 @@
 import { RootState } from '../../../app/store';
-import { MobileFormValues, NIDFormValues, CivilFormValues, OTPFormValues, IndividualFormValues, SharedState, FlowsTypes, ActionState, CountryCode, AuthForType, BusinessDataFormValues, AsyncThunkParams, AuthenticationListFormValues, AuthMerchantFormValues, DOBFormValues, MobileOwnershipFormValues } from '../../../@types';
+import { MobileFormValues, NIDFormValues, CivilFormValues, OTPFormValues, IndividualFormValues, SharedState, FlowsTypes, ActionState, CountryCode, AuthForType, BusinessDataFormValues, AsyncThunkParams, AuthenticationListFormValues, AuthMerchantFormValues, DOBFormValues, MobileOwnershipFormValues, AuthForScreen } from '../../../@types';
 import { CancelToken } from 'axios';
 export declare const updateBusinessCountryAsync: import("@reduxjs/toolkit").AsyncThunk<any, string, {}>;
 export declare const retrieveLeadIdentityByIdAsync: import("@reduxjs/toolkit").AsyncThunk<{
@@ -46,13 +46,16 @@ export declare const createNafathAuth: import("@reduxjs/toolkit").AsyncThunk<{
         termAndConditionChecked?: boolean | undefined;
     };
 }, NIDFormValues, {}>;
+declare type VerifyNafathAsyncParams = verifyPACIAsyncParams & {
+    showLoadingScreenAfterNafathSuccess: () => void;
+};
 export declare const verifyNafathAsync: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     isNextScreenIsDob?: undefined;
 } | {
     data: any;
     isNextScreenIsDob: boolean;
-}, verifyPACIAsyncParams, {}>;
+}, VerifyNafathAsyncParams, {}>;
 export declare const createCivilIdAuthAsync: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: CivilFormValues;
@@ -133,6 +136,9 @@ export declare const updateLeadMobile: import("@reduxjs/toolkit").AsyncThunk<{
 export declare const skipUpdateLeadMobile: import("@reduxjs/toolkit").AsyncThunk<{
     leadResponse: any;
 }, void, {}>;
+export declare const verifyAuthMobileOtpAsync: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+}, OTPFormValues, {}>;
 export declare const confirmInfo: import("@reduxjs/toolkit").AsyncThunk<{
     boardInfo: any;
     boardData: any;
@@ -156,6 +162,9 @@ export interface ConnectExpressData {
     individualData: IndividualFormValues & {
         isPrevDob?: boolean;
     };
+    verifyAuthOtpData: OTPFormValues & {
+        authFor: AuthForScreen;
+    };
     businessData: BusinessDataFormValues;
     authenticationData: AuthenticationListFormValues;
     authMerchantData: AuthMerchantFormValues;
@@ -177,10 +186,11 @@ export declare const connectSlice: import("@reduxjs/toolkit").Slice<ConnectExpre
     resetCivilScreen: (state: ConnectExpressState) => void;
     resetAuthenticationScreen: (state: ConnectExpressState) => void;
     resetOTPValue: (state: ConnectExpressState) => void;
+    resetVerifyAuthOTPValue: (state: ConnectExpressState) => void;
     resetStore: (state: ConnectExpressState) => void;
     resetIndividualScreen: (state: ConnectExpressState) => void;
 }, "connectExpress/store">;
-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>;
+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>;
 declare const _default: import("redux").Reducer<ConnectExpressState, import("redux").AnyAction>;
 export default _default;
 export declare const connectExpressSelector: (state: RootState) => ConnectExpressState;

package/build/features/app/connectExpress/connectExpressStore.js

@@ -57,7 +57,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import { handleNextScreenStep, handleCurrentActiveScreen, handleOpen, handleSetCountryByIso2, onCloseComplete, storeAuthId } from '../../../app/settings';
-import { FlowsTypes, AuthForType, BusinessType, LicenseType } from '../../../@types';
+import { FlowsTypes, AuthForType, BusinessType, LicenseType, AuthForScreen } from '../../../@types';
 import API from '../../../api';
 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';
 import { defaultCountry } from '../../../constants';
@@ -385,7 +385,6 @@ export var verifyNafathAsync = createAsyncThunk('connectExpress/verifyNafathAsyn
                     return [2, { data: data }];
                 }
                 if (!isSuccess) return [3, 9];
-                thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_GENERIC_PREPARING_DATA_STEP'));
                 authId = (_j = data.auth) === null || _j === void 0 ? void 0 : _j.id;
                 leadId = (_k = data.auth) === null || _k === void 0 ? void 0 : _k.lead_id;
                 thunkApi.dispatch(storeAuthId(authId));
@@ -401,6 +400,7 @@ export var verifyNafathAsync = createAsyncThunk('connectExpress/verifyNafathAsyn
                         return [2, { data: data }];
                     }
                 }
+                params.showLoadingScreenAfterNafathSuccess();
                 if (!(isScopeAuthentication && !data.new_user && authDataHasValue)) return [3, 7];
                 return [4, thunkApi.dispatch(retrieveAuthenticationListAsync({ individualId: data.individual_id })).unwrap()];
             case 6:
@@ -831,7 +831,7 @@ export var verifyPaciLeadIdentityAsync = createAsyncThunk('connectExpress/verify
             case 9:
                 count++;
                 return [3, 1];
-            case 10: throw new Error('nafath_verification_failed');
+            case 10: throw new Error('paci_verification_failed');
         }
     });
 }); });
@@ -1025,7 +1025,7 @@ export var createEntity = createAsyncThunk('connectExpress/createEntity', functi
     });
 }); });
 export var updateLeadDOBAsync = createAsyncThunk('connectExpress/updateLeadDOBAsync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connectExpress, id, dob, payload, data, needToCollectMoreInfo, creatingAccount;
+    var _a, settings, connectExpress, id, dob, payload, data, needToCollectMoreInfo, creatingAccount, verifyAuthMobile;
     var _b, _c, _d;
     return __generator(this, function (_e) {
         switch (_e.label) {
@@ -1045,6 +1045,10 @@ export var updateLeadDOBAsync = createAsyncThunk('connectExpress/updateLeadDOBAs
                 (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, params);
                 needToCollectMoreInfo = data.step_name === 'collect_info';
                 creatingAccount = data.step_name === 'create_account';
+                verifyAuthMobile = data.step_name === 'connect_express_auth_mobile';
+                if (verifyAuthMobile) {
+                    sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP')); });
+                }
                 if (creatingAccount) {
                     sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP')); });
                 }
@@ -1058,7 +1062,7 @@ export var updateLeadDOBAsync = createAsyncThunk('connectExpress/updateLeadDOBAs
 export var updateLeadIndividualAsync = createAsyncThunk('connectExpress/updateLeadIndividualAsync', function (_a, thunkApi) {
     var formData = _a.formData, originalFormData = _a.originalFormData;
     return __awaiter(void 0, void 0, void 0, function () {
-        var _b, settings, connectExpress, id, countryCode, name, email, mobile, phoneCountry, isContactAvailable, payload, data, needToCollectMoreInfo, creatingAccount, collectPhoneOwnershipScreen, isSaudi;
+        var _b, settings, connectExpress, id, countryCode, name, email, mobile, phoneCountry, isContactAvailable, payload, data, needToCollectMoreInfo, creatingAccount, collectPhoneOwnershipScreen, verifyAuthMobile, isSaudi;
         var _c, _d, _e, _f, _g;
         return __generator(this, function (_h) {
             switch (_h.label) {
@@ -1078,6 +1082,10 @@ export var updateLeadIndividualAsync = createAsyncThunk('connectExpress/updateLe
                     needToCollectMoreInfo = data.step_name === 'collect_info';
                     creatingAccount = data.step_name === 'create_account';
                     collectPhoneOwnershipScreen = data.step_name === CONNECT_EXPRESS_STEP_NAMES.COLLECT_MOBILE_OWNERSHIP;
+                    verifyAuthMobile = data.step_name === CONNECT_EXPRESS_STEP_NAMES.VERIFY_AUTH_MOBILE_OTP;
+                    if (verifyAuthMobile) {
+                        sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP')); });
+                    }
                     if (collectPhoneOwnershipScreen) {
                         sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('COLLECT_MOBILE_OWNERSHIP')); });
                     }
@@ -1141,7 +1149,7 @@ export var updateLeadBusinessDataAsync = createAsyncThunk('updateLeadBusinessDat
     });
 });
 export var updateLeadMobile = createAsyncThunk('connectExpress/updateLeadMobile', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connectExpress, id, startWithNID, payload, leadResponse, needToCollectMoreInfo, creatingAccount, askDobInfo, collectPhoneOwnershipScreen;
+    var _a, settings, connectExpress, id, startWithNID, payload, leadResponse, needToCollectMoreInfo, creatingAccount, askDobInfo, collectPhoneOwnershipScreen, verifyAuthMobile;
     var _b, _c, _d;
     return __generator(this, function (_e) {
         switch (_e.label) {
@@ -1168,9 +1176,13 @@ export var updateLeadMobile = createAsyncThunk('connectExpress/updateLeadMobile'
                 creatingAccount = leadResponse.step_name === 'create_account';
                 askDobInfo = leadResponse.step_name === COLLECT_DOB_INFO_NAFATH;
                 collectPhoneOwnershipScreen = leadResponse.step_name === CONNECT_EXPRESS_STEP_NAMES.COLLECT_MOBILE_OWNERSHIP;
+                verifyAuthMobile = leadResponse.step_name === CONNECT_EXPRESS_STEP_NAMES.VERIFY_AUTH_MOBILE_OTP;
                 if (collectPhoneOwnershipScreen) {
                     throw new Error("The new mobile number doesn't match the national ID, please update the mobile to the correct one");
                 }
+                if (verifyAuthMobile) {
+                    sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP')); });
+                }
                 if (askDobInfo) {
                     sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP')); });
                 }
@@ -1195,7 +1207,7 @@ export var updateLeadMobile = createAsyncThunk('connectExpress/updateLeadMobile'
     });
 }); });
 export var skipUpdateLeadMobile = createAsyncThunk('connectExpress/skipUpdateLeadMobile', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connectExpress, id, startWithNID, payload, leadResponse, needToCollectMoreInfo, creatingAccount, askDobInfo;
+    var _a, settings, connectExpress, id, startWithNID, payload, leadResponse, needToCollectMoreInfo, creatingAccount, askDobInfo, verifyAuthMobile;
     var _b, _c, _d;
     return __generator(this, function (_e) {
         switch (_e.label) {
@@ -1215,6 +1227,10 @@ export var skipUpdateLeadMobile = createAsyncThunk('connectExpress/skipUpdateLea
                 needToCollectMoreInfo = leadResponse.step_name === 'collect_info';
                 creatingAccount = leadResponse.step_name === 'create_account';
                 askDobInfo = leadResponse.step_name === COLLECT_DOB_INFO_NAFATH;
+                verifyAuthMobile = leadResponse.step_name === CONNECT_EXPRESS_STEP_NAMES.VERIFY_AUTH_MOBILE_OTP;
+                if (verifyAuthMobile) {
+                    sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP')); });
+                }
                 if (askDobInfo) {
                     sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP')); });
                 }
@@ -1238,6 +1254,57 @@ export var skipUpdateLeadMobile = createAsyncThunk('connectExpress/skipUpdateLea
         }
     });
 }); });
+export var verifyAuthMobileOtpAsync = createAsyncThunk('connectExpress/verifyAuthMobileOtpAsync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, connectExpress, responseData, _b, verify_token, verification_by, payload, data, needToCollectMoreInfo, creatingAccount, askDobInfo, collectPhoneOwnershipScreen, isSaudi;
+    var _c, _d;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, connectExpress = _a.connectExpress;
+                responseData = (connectExpress.data || {}).responseData;
+                if (!(responseData === null || responseData === void 0 ? void 0 : responseData.verifyAuthMobile))
+                    throw new Error('Auth data is missing');
+                _b = responseData.verifyAuthMobile, verify_token = _b.verify_token, verification_by = _b.verification_by;
+                payload = {
+                    verify_token: verify_token,
+                    data: params.otp,
+                    auth_type: 2,
+                    service_name: verification_by === null || verification_by === void 0 ? void 0 : verification_by.service_name,
+                    sign_in: false,
+                    step_name: CONNECT_EXPRESS_STEP_NAMES.VERIFY_AUTH_MOBILE_OTP,
+                    encryption_contract: ['data']
+                };
+                return [4, API.authService.verifyExpressLeadIdentity(payload)];
+            case 1:
+                data = _e.sent();
+                (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, params);
+                needToCollectMoreInfo = data.step_name === 'collect_info';
+                creatingAccount = data.step_name === 'create_account';
+                askDobInfo = data.step_name === COLLECT_DOB_INFO_NAFATH;
+                collectPhoneOwnershipScreen = data.step_name === CONNECT_EXPRESS_STEP_NAMES.COLLECT_MOBILE_OWNERSHIP;
+                if (askDobInfo) {
+                    sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP')); });
+                }
+                if (creatingAccount) {
+                    sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP')); });
+                }
+                if (collectPhoneOwnershipScreen) {
+                    sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('COLLECT_MOBILE_OWNERSHIP')); });
+                }
+                if (!needToCollectMoreInfo) return [3, 4];
+                isSaudi = isSA(settings.data.businessCountry.iso2);
+                if (!isSaudi) return [3, 3];
+                return [4, thunkApi.dispatch(retrieveEntityListAsync(data.lead.id)).unwrap()];
+            case 2:
+                _e.sent();
+                _e.label = 3;
+            case 3:
+                sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP')); });
+                _e.label = 4;
+            case 4: return [2, { data: data }];
+        }
+    });
+}); });
 export var confirmInfo = createAsyncThunk('connectExpress/confirmInfo', function (_a, thunkApi) {
     var brandInfo = _a.brandInfo, entityInfo = _a.entityInfo, merchantInfo = _a.merchantInfo;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -1362,6 +1429,10 @@ var initialState = {
             mobile: '',
             countryCode: defaultCountry
         },
+        verifyAuthOtpData: {
+            otp: '',
+            authFor: AuthForScreen.INDIVIDUAL
+        },
         businessData: {
             brandName: '',
             licenseNumber: '',
@@ -1417,6 +1488,9 @@ export var connectSlice = createSlice({
         resetOTPValue: function (state) {
             state.data.otpData.otp = '';
         },
+        resetVerifyAuthOTPValue: function (state) {
+            state.data.verifyAuthOtpData.otp = '';
+        },
         resetStore: function (state) {
             var _a;
             state.data = __assign(__assign({}, state.data), { responseData: { leadData: (_a = state.data.responseData) === null || _a === void 0 ? void 0 : _a.leadData } });
@@ -1750,7 +1824,8 @@ export var connectSlice = createSlice({
             state.loading = false;
             state.error = null;
             state.data.dobData = action.payload.formData;
-            state.data.responseData = __assign(__assign({}, state.data.responseData), { dobData: action.payload.response });
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { dobData: action.payload.response, verifyAuthMobile: action.payload.response });
+            state.data.verifyAuthOtpData.authFor = AuthForScreen.DOB;
         })
             .addCase(updateLeadDOBAsync.pending, function (state) {
             state.loading = true;
@@ -1766,7 +1841,8 @@ export var connectSlice = createSlice({
             state.error = null;
             var licenseList = [OTHER_CR_LICENSE, OTHER_FL_LICENSE];
             state.data.individualData = action.payload.formData;
-            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 }));
+            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 });
+            state.data.verifyAuthOtpData.authFor = AuthForScreen.INDIVIDUAL;
         })
             .addCase(updateLeadIndividualAsync.pending, function (state) {
             state.loading = true;
@@ -1794,7 +1870,8 @@ export var connectSlice = createSlice({
             state.loading = false;
             state.error = null;
             state.data.individualData.mobile = action.payload.formData.mobile;
-            state.data.responseData = __assign(__assign({}, state.data.responseData), { individualData: action.payload.leadResponse });
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { individualData: action.payload.leadResponse, verifyAuthMobile: action.payload.leadResponse });
+            state.data.verifyAuthOtpData.authFor = AuthForScreen.MOBILE_OWNERSHIP;
         })
             .addCase(updateLeadMobile.pending, function (state) {
             state.loading = true;
@@ -1807,7 +1884,8 @@ export var connectSlice = createSlice({
             .addCase(skipUpdateLeadMobile.fulfilled, function (state, action) {
             state.loading = false;
             state.error = null;
-            state.data.responseData = __assign(__assign({}, state.data.responseData), { individualData: action.payload.leadResponse });
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { individualData: action.payload.leadResponse, verifyAuthMobile: action.payload.leadResponse });
+            state.data.verifyAuthOtpData.authFor = AuthForScreen.MOBILE_OWNERSHIP;
         })
             .addCase(skipUpdateLeadMobile.pending, function (state) {
             state.loading = true;
@@ -1816,6 +1894,20 @@ export var connectSlice = createSlice({
             .addCase(skipUpdateLeadMobile.rejected, function (state, action) {
             state.loading = false;
             state.error = action.error.message;
+        })
+            .addCase(verifyAuthMobileOtpAsync.fulfilled, function (state, action) {
+            state.loading = false;
+            state.error = null;
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { verifyAuthMobileOtp: action.payload.data });
+            state.data.verifyAuthOtpData.authFor = AuthForScreen.MOBILE_OWNERSHIP;
+        })
+            .addCase(verifyAuthMobileOtpAsync.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(verifyAuthMobileOtpAsync.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
         })
             .addCase(createAccountAsync.pending, function (state) {
             state.loading = true;
@@ -1924,6 +2016,6 @@ export var connectSlice = createSlice({
         });
     }
 });
-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;
+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;
 export default connectSlice.reducer;
 export var connectExpressSelector = function (state) { return state.connectExpress; };

package/build/features/connectExpress/screens/VerifyMobileAuthOTP/OTPInput.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface OTPProps {
+}
+declare const _default: React.MemoExoticComponent<({}: OTPProps) => JSX.Element>;
+export default _default;

package/build/features/connectExpress/screens/VerifyMobileAuthOTP/OTPInput.js

@@ -0,0 +1,58 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useController, useFormContext } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box/Box';
+import { styled } from '@mui/material/styles';
+import OTPField from '../../../shared/OTP';
+import { DEFAULT_TIMER_VALUE } from '../../../../constants';
+import { connectExpressSelector, clearError, updateLeadIndividualAsync, updateLeadMobile, updateLeadDOBAsync } from '../../../app/connectExpress/connectExpressStore';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { deepCopy } from '../../../../utils';
+import { AuthForScreen } from '../../../../@types';
+var BoxStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        display: 'flex',
+        flexDirection: 'column',
+        fontFamily: theme.typography.fontFamily
+    });
+});
+var OTPInput = function (_a) {
+    var _b = useFormContext(), control = _b.control, setValue = _b.setValue;
+    var t = useTranslation().t;
+    var dispatch = useAppDispatch();
+    var otpControl = useController({ name: 'otp', control: control });
+    var _c = useAppSelector(connectExpressSelector), data = _c.data, error = _c.error;
+    var verifyAuthOtpData = data.verifyAuthOtpData, individualData = data.individualData, dobData = data.dobData;
+    var authFor = verifyAuthOtpData.authFor;
+    var handleOnOTPChange = function (otp) {
+        if (error)
+            dispatch(clearError());
+        otpControl.field.onChange(otp);
+    };
+    var handleOnResendOTP = function () {
+        if (otpControl.field.value)
+            setValue('otp', '', { shouldValidate: true });
+        if (authFor === AuthForScreen.MOBILE_OWNERSHIP)
+            dispatch(updateLeadMobile(deepCopy(individualData)));
+        else if (authFor === AuthForScreen.DOB)
+            dispatch(updateLeadDOBAsync(deepCopy(dobData)));
+        else
+            dispatch(updateLeadIndividualAsync(deepCopy(individualData)));
+    };
+    var otpValue = otpControl.field.value;
+    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()); } }) })));
+};
+export default React.memo(OTPInput);

package/build/features/connectExpress/screens/VerifyMobileAuthOTP/VerifyMobileAuthOTP.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface VerifyMobileAuthOTPProps {
+}
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/build/features/connectExpress/screens/VerifyMobileAuthOTP/VerifyMobileAuthOTP.js

@@ -0,0 +1,88 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Box from '@mui/material/Box/Box';
+import { styled } from '@mui/material/styles';
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import Text from '../../../../components/Text';
+import { clearError, connectExpressSelector, verifyAuthMobileOtpAsync, resetVerifyAuthOTPValue } from '../../../app/connectExpress/connectExpressStore';
+import Button from '../../../shared/Button';
+import { ScreenContainer } from '../../../shared/Containers';
+import { useAppDispatch, useAppSelector, useSanitizedTranslation } from '../../../../hooks';
+import { handlePrevScreenStep } from '../../../../app/settings';
+import { useLanguage } from '../../../../hooks';
+import { useForm, FormProvider } from 'react-hook-form';
+import { yupResolver } from '@hookform/resolvers/yup';
+import Form from '../../../../components/Form';
+import { maskPhone, deepCopy } from '../../../../utils';
+import { AuthForScreen } from '../../../../@types';
+import { OTPValidation } from './validation';
+import OTPInput from './OTPInput';
+var OTPTitleContainerStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        background: theme.palette.common.white,
+        border: '1px solid',
+        borderColor: theme.palette.divider,
+        direction: theme.direction,
+        borderRadius: theme.spacing(0, 0, 1.25, 1.25),
+        marginBottom: theme.spacing(5.75)
+    });
+});
+var OTPTitleStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    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' }));
+});
+var FormStyled = styled(Form)(function () { return ({
+    display: 'flex',
+    flexDirection: 'column'
+}); });
+var VerifyMobileAuthOTP = function () {
+    var _a, _b, _c, _d, _e, _f;
+    var dispatch = useAppDispatch();
+    var _g = useAppSelector(connectExpressSelector), data = _g.data, loading = _g.loading, error = _g.error;
+    var t = useTranslation().t;
+    var st = useSanitizedTranslation();
+    var isAr = useLanguage().isAr;
+    var methods = useForm({
+        resolver: yupResolver(OTPValidation),
+        defaultValues: data.verifyAuthOtpData,
+        mode: 'onChange'
+    });
+    React.useEffect(function () {
+        if (error)
+            dispatch(clearError());
+    }, [methods.formState.isValid]);
+    React.useEffect(function () {
+        return function () {
+            dispatch(resetVerifyAuthOTPValue());
+        };
+    }, []);
+    var onSubmit = function (formData) {
+        dispatch(verifyAuthMobileOtpAsync(deepCopy(formData)));
+    };
+    var onBack = function () {
+        var authFor = data.verifyAuthOtpData.authFor;
+        var step_name = 'CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP';
+        if (authFor === AuthForScreen.DOB)
+            step_name = 'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP';
+        else if (authFor === AuthForScreen.MOBILE_OWNERSHIP)
+            step_name = 'COLLECT_MOBILE_OWNERSHIP';
+        dispatch(handlePrevScreenStep(step_name));
+    };
+    var disabled = !methods.formState.isValid;
+    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 : '';
+    var title = t('ide_opt_sent_title');
+    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') }))] })) })) }));
+};
+export default React.memo(VerifyMobileAuthOTP);

package/build/features/connectExpress/screens/VerifyMobileAuthOTP/index.d.ts

@@ -0,0 +1,3 @@
+import VerifyMobileAuthOTP, { VerifyMobileAuthOTPProps } from './VerifyMobileAuthOTP';
+export type { VerifyMobileAuthOTPProps };
+export default VerifyMobileAuthOTP;

package/build/features/connectExpress/screens/VerifyMobileAuthOTP/index.js

@@ -0,0 +1,2 @@
+import VerifyMobileAuthOTP from './VerifyMobileAuthOTP';
+export default VerifyMobileAuthOTP;

package/build/features/connectExpress/screens/VerifyMobileAuthOTP/validation.d.ts

@@ -0,0 +1,8 @@
+import * as yup from 'yup';
+export declare const OTPValidation: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    otp: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    otp: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    otp: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>>>;

package/build/features/connectExpress/screens/VerifyMobileAuthOTP/validation.js

@@ -0,0 +1,4 @@
+import * as yup from 'yup';
+export var OTPValidation = yup.object().shape({
+    otp: yup.string().min(6, 'otp_min_length').required('otp_required')
+});

package/build/features/connectExpress/screens/VerifyNafath/VerifyNafath.js

@@ -4,14 +4,16 @@ import { connectExpressSelector, verifyNafathAsync } from '../../../app/connectE
 import NafathVerification from '../../../shared/NafathVerification';
 import { handlePrevScreenStep } from '../../../../app/settings';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import GenericPrepareDataLoading from '../GenericPrepareDataLoading';
 var VerifyNafath = function () {
     var _a = React.useState(false), success = _a[0], setSuccess = _a[1];
     var _b = React.useState(false), failed = _b[0], setFailed = _b[1];
     var _c = React.useState(false), isReady = _c[0], setIsReady = _c[1];
+    var _d = React.useState(false), showLoadingScreen = _d[0], setShowLoadingScreen = _d[1];
     var dispatch = useAppDispatch();
     var data = useAppSelector(connectExpressSelector).data;
     var authData = (data.responseData || {}).authData;
-    var _d = authData || {}, expiry = _d.expiry, app_url_android = _d.app_url_android, app_url_ios = _d.app_url_ios, random = _d.random;
+    var _e = authData || {}, expiry = _e.expiry, app_url_android = _e.app_url_android, app_url_ios = _e.app_url_ios, random = _e.random;
     React.useEffect(function () {
         if (authData && !isReady) {
             setIsReady(true);
@@ -20,7 +22,11 @@ var VerifyNafath = function () {
     React.useEffect(function () {
         if (!isReady)
             return;
-        var promise = dispatch(verifyNafathAsync({ onSuccess: function () { return setSuccess(true); }, onFailure: function () { return setFailed(true); } }));
+        var promise = dispatch(verifyNafathAsync({
+            onSuccess: function () { return setSuccess(true); },
+            onFailure: function () { return setFailed(true); },
+            showLoadingScreenAfterNafathSuccess: function () { return setShowLoadingScreen(true); }
+        }));
         return function () {
             promise === null || promise === void 0 ? void 0 : promise.abort();
         };
@@ -30,6 +36,6 @@ var VerifyNafath = function () {
     }, []);
     if (!isReady)
         return null;
-    return (_jsx(NafathVerification, { randomNumber: random, expiryInSeconds: expiry, success: success, failed: failed, urls: { android: app_url_android, ios: app_url_ios }, onFinish: function () { return onBack(); } }));
+    return showLoadingScreen ? (_jsx(GenericPrepareDataLoading, {})) : (_jsx(NafathVerification, { randomNumber: random, expiryInSeconds: expiry, success: success, failed: failed, urls: { android: app_url_android, ios: app_url_ios }, onFinish: function () { return onBack(); } }));
 };
 export default React.memo(VerifyNafath);

package/build/features/featuresScreens.js

@@ -27,9 +27,9 @@ import ConnectExpressIdentityVerifyNafathScreen from './connectExpress/screens/I
 import ConnectExpressCollectIndividualScreen from './connectExpress/screens/CollectIndividualInfo';
 import ConnectExpressCollectDobScreen from './connectExpress/screens/DOB';
 import ConnectExpressCollectBusinessScreen from './connectExpress/screens/CollectBusinessInfo';
+import ConnectExpressVerifyAuthMobileOtpScreen from './connectExpress/screens/VerifyMobileAuthOTP';
 import ConnectExpressCreateAccountLoaderScreen from './connectExpress/screens/CreateAccountLoader';
 import ConnectExpressPreparingDataLoaderScreen from './connectExpress/screens/PrepareDataLoading';
-import ConnectExpressGenericPreparingDataLoaderScreen from './connectExpress/screens/GenericPrepareDataLoading';
 import ConnectExpressSuccessFlowButtonsScreen from './connectExpress/screens/SuccessWithFlowButtons';
 import ConnectExpressAccountAlreadyCreatedScreen from './connectExpress/screens/AccountAlreadyCreated';
 import ConnectExpressAuthenticationListScreen from './connectExpress/screens/AuthenticationList';
@@ -263,6 +263,10 @@ export var connectExpressFeatureScreens = [
         name: 'CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP',
         element: ConnectExpressCollectBusinessScreen
     },
+    {
+        name: 'CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP',
+        element: ConnectExpressVerifyAuthMobileOtpScreen
+    },
     {
         name: 'CONNECT_EXPRESS_ACCOUNT_ALREADY_CREATED_STEP',
         element: ConnectExpressAccountAlreadyCreatedScreen
@@ -290,10 +294,6 @@ export var connectExpressFeatureScreens = [
     {
         name: 'COLLECT_MOBILE_OWNERSHIP',
         element: ConnectExpressCollectMobileOwnership
-    },
-    {
-        name: 'CONNECT_EXPRESS_GENERIC_PREPARING_DATA_STEP',
-        element: ConnectExpressGenericPreparingDataLoaderScreen
     }
 ];
 export var authFeatureScreens = [

package/build/utils/common.js

@@ -1,5 +1,5 @@
 import { axiosInstance } from '../api';
-import { ENDPOINT_PATHS, CONNECT_SANDBOX_URL, CONNECT_PROD_URL } from '../constants';
+import { ENDPOINT_PATHS, CONNECT_DEV_URL, CONNECT_PROD_URL } from '../constants';
 import { objectHasValues } from './object';
 import { isSA } from './string';
 export var sleep = function (milliseconds) {
@@ -19,7 +19,7 @@ export var setBaseUrl = function (publicKey, countryCode) {
         axiosInstance.defaults.baseURL = isSA(countryCode) ? ENDPOINT_PATHS.PRODUCTION_BASE_URL_SA : ENDPOINT_PATHS.PRODUCTION_BASE_URL;
         return;
     }
-    axiosInstance.defaults.baseURL = ENDPOINT_PATHS.SANDBOX_BASE_URL;
+    axiosInstance.defaults.baseURL = ENDPOINT_PATHS.DEV_BASE_URL;
 };
 export var updateLocationUrlWithCountry = function (countryIso2) {
     var country = countryIso2.toLowerCase();
@@ -38,7 +38,7 @@ export var updateLocationUrlWithCountry = function (countryIso2) {
     window.history.replaceState({}, '', newUrl);
 };
 export var openConnect = function (pk, countryCode) {
-    var newUrl = new URL(pk.includes('pk_live') ? CONNECT_PROD_URL : CONNECT_SANDBOX_URL);
+    var newUrl = new URL(pk.includes('pk_live') ? CONNECT_PROD_URL : CONNECT_DEV_URL);
     if (countryCode) {
         newUrl.pathname = "/".concat(countryCode.toLowerCase());
     }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.9.38-sandbox",
+	"version": "2.9.40-development",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",
@@ -21,7 +21,7 @@
 		"copy:files": "copyfiles -u 1 src/**/*.css build/",
 		"tsc:alias": "tsc-alias -p tsconfig.json",
 		"ts:build": "rm -rf build && tsc -p tsconfig.json && tsc-alias -p tsconfig.json && yarn copy:files",
-		"push": "npm publish --access public --tag sandbox"
+		"push": "npm publish --access public --tag development"
 	},
 	"keywords": [],
 	"author": {