@tap-payments/auth-jsconnect 2.10.10-beta → 2.10.12-beta

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/constants/app.d.ts

@@ -139,6 +139,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

@@ -230,13 +230,22 @@ 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
     },
     {
         name: 'CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP',
-        next: ['CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP', 'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP', 'COLLECT_MOBILE_OWNERSHIP'],
+        next: [
+            'CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP',
+            'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
+            'COLLECT_MOBILE_OWNERSHIP',
+            'CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP'
+        ],
         prev: [
             'CONNECT_EXPRESS_MOBILE_STEP',
             'CONNECT_EXPRESS_NID_STEP',
@@ -253,7 +262,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,29 +274,40 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
         prev: 'CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP',
         order: 6
     },
+    {
+        name: 'CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP',
+        next: [
+            'CONNECT_EXPRESS_COLLECT_DOB_INFO_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: 7
+        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 = [
@@ -1040,7 +1061,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/constants/assets.d.ts

@@ -1,7 +1,10 @@
 export declare const ICONS_BASE_URL = "https://dash.b-cdn.net";
 export declare const ICONS_PATH = "/icons/menu";
+export declare const ASSETS_BASE_URL = "https://tap-assets.b-cdn.net";
+export declare const ASSETS_PATH = "/icons/connect";
 export declare const ICONS_EXTENSION = ".svg";
 export declare const ICONS_FULL_PATH: string;
+export declare const ASSETS_FULL_PATH: string;
 export declare const ICONS_NAMES: {
     SIDE_MENU_CLOSE_ICON: string;
     SIDE_MENU_CLOSE_ICON_DARK: string;
@@ -44,6 +47,7 @@ export declare const ICONS_NAMES: {
     NAFATH_LOGO: string;
     NAFATH_VERIFY_ICON: string;
     EXPRESS_ERROR_ICON: string;
+    TAP_LOGO: string;
     TAP_EN: string;
     TAP_AR: string;
     ID_IMAGE: string;

package/build/constants/assets.js

@@ -1,7 +1,13 @@
+import { ThemeMode } from '../@types';
 export var ICONS_BASE_URL = 'https://dash.b-cdn.net';
 export var ICONS_PATH = '/icons/menu';
+export var ASSETS_BASE_URL = 'https://tap-assets.b-cdn.net';
+export var ASSETS_PATH = '/icons/connect';
 export var ICONS_EXTENSION = '.svg';
 export var ICONS_FULL_PATH = ICONS_BASE_URL + ICONS_PATH;
+export var ASSETS_FULL_PATH = ASSETS_BASE_URL + ASSETS_PATH;
+var generateAssetPath = function (name, theme) { return "".concat(ASSETS_BASE_URL).concat(ASSETS_PATH, "/").concat(theme, "/").concat(name).concat(ICONS_EXTENSION); };
+var generateLightAssetPath = function (name) { return generateAssetPath(name, ThemeMode.LIGHT); };
 export var ICONS_NAMES = {
     SIDE_MENU_CLOSE_ICON: ICONS_FULL_PATH + '/side-menu-close' + ICONS_EXTENSION,
     SIDE_MENU_CLOSE_ICON_DARK: ICONS_FULL_PATH + '/side-menu-close-dark' + ICONS_EXTENSION,
@@ -41,9 +47,10 @@ export var ICONS_NAMES = {
     TAP_LOGO_TEXT_AR: ICONS_FULL_PATH + '/tap-white-text-ar' + ICONS_EXTENSION,
     TAP_LOGO_TEXT_EN: ICONS_FULL_PATH + '/tap-white-text-en' + ICONS_EXTENSION,
     PACI_VERIFY_ICON: ICONS_FULL_PATH + '/PACI_verify_icon' + '.png',
-    NAFATH_LOGO: 'https://tap-assets.b-cdn.net/icons/connect/light/nafath_button_logo.svg',
-    NAFATH_VERIFY_ICON: 'https://tap-assets.b-cdn.net/icons/connect/light/nafath_logo.svg',
+    NAFATH_LOGO: generateLightAssetPath('nafath_button_logo'),
+    NAFATH_VERIFY_ICON: generateLightAssetPath('nafath_logo'),
     EXPRESS_ERROR_ICON: ICONS_FULL_PATH + '/EXPRESS_error_icon' + '.svg',
+    TAP_LOGO: generateLightAssetPath('tap-logo'),
     TAP_EN: 'https://tap-connecet.b-cdn.net/imgs/tapEN' + ICONS_EXTENSION,
     TAP_AR: 'https://tap-connecet.b-cdn.net/imgs/tapAR' + ICONS_EXTENSION,
     ID_IMAGE: 'https://villageofwarwick.org/wp-content/uploads/2020/02/ICON99-512-1.png',

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<{
@@ -136,6 +136,10 @@ 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 resendLeadMobileAuthOTP: import("@reduxjs/toolkit").AsyncThunk<any, void, {}>;
 export declare const confirmInfo: import("@reduxjs/toolkit").AsyncThunk<{
     boardInfo: any;
     boardData: any;
@@ -159,6 +163,9 @@ export interface ConnectExpressData {
     individualData: IndividualFormValues & {
         isPrevDob?: boolean;
     };
+    verifyAuthOtpData: OTPFormValues & {
+        authFor: AuthForScreen;
+    };
     businessData: BusinessDataFormValues;
     authenticationData: AuthenticationListFormValues;
     authMerchantData: AuthMerchantFormValues;
@@ -180,10 +187,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';
@@ -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,82 @@ 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 resendLeadMobileAuthOTP = createAsyncThunk('connectExpress/resendLeadMobileAuthOTPExpress', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var connectExpress, payload, data;
+    var _a, _b, _c, _d, _e, _f;
+    return __generator(this, function (_g) {
+        switch (_g.label) {
+            case 0:
+                connectExpress = thunkApi.getState().connectExpress;
+                payload = {
+                    id: ((_b = (_a = connectExpress.data.responseData) === null || _a === void 0 ? void 0 : _a.leadData) === null || _b === void 0 ? void 0 : _b.id) || '',
+                    contact: {
+                        phone: {
+                            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(),
+                            number: ((_f = connectExpress.data.individualData) === null || _f === void 0 ? void 0 : _f.mobile) || ''
+                        }
+                    },
+                    step_name: CONNECT_EXPRESS_STEP_NAMES.UPDATE_LEAD_INDIVIDUAL,
+                    encryption_contract: ['contact.phone.country_code', 'contact.phone.number']
+                };
+                return [4, API.leadService.updateLeadExpress(payload)];
+            case 1:
+                data = _g.sent();
+                return [2, 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 +1454,10 @@ var initialState = {
             mobile: '',
             countryCode: defaultCountry
         },
+        verifyAuthOtpData: {
+            otp: '',
+            authFor: AuthForScreen.INDIVIDUAL
+        },
         businessData: {
             brandName: '',
             licenseNumber: '',
@@ -1417,6 +1513,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 +1849,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 +1866,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 +1895,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 +1909,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 +1919,32 @@ 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(resendLeadMobileAuthOTP.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(resendLeadMobileAuthOTP.fulfilled, function (state) {
+            state.loading = false;
+            state.error = null;
+        })
+            .addCase(resendLeadMobileAuthOTP.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
         })
             .addCase(createAccountAsync.pending, function (state) {
             state.loading = true;
@@ -1924,6 +2053,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,49 @@
+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, resendLeadMobileAuthOTP } from '../../../app/connectExpress/connectExpressStore';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+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 error = useAppSelector(connectExpressSelector).error;
+    var handleOnOTPChange = function (otp) {
+        if (error)
+            dispatch(clearError());
+        otpControl.field.onChange(otp);
+    };
+    var handleOnResendOTP = function () {
+        if (otpControl.field.value)
+            setValue('otp', '', { shouldValidate: true });
+        dispatch(resendLeadMobileAuthOTP());
+    };
+    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/featuresScreens.js

@@ -27,6 +27,7 @@ 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 ConnectExpressSuccessFlowButtonsScreen from './connectExpress/screens/SuccessWithFlowButtons';
@@ -262,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

package/build/features/shared/Background/LogoBackground.js

@@ -1,19 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
 import { styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import Icon from '../../../components/Icon';
 import { ICONS_NAMES } from '../../../constants';
-import { useLanguage } from '../../../hooks';
 var BoxStyled = styled(Box)(function (_a) {
     var _b;
     var theme = _a.theme;
     return (_b = {
             display: 'flex',
-            flexDirection: 'column',
             justifyContent: 'center',
-            alignItems: 'center',
-            paddingTop: theme.spacing(5)
+            paddingTop: theme.spacing(15.75)
         },
         _b[theme.breakpoints.down('sm')] = {
             paddingTop: theme.spacing(11)
@@ -23,20 +20,11 @@ var BoxStyled = styled(Box)(function (_a) {
 var LogoBadgeStyled = styled(Icon)(function (_a) {
     var theme = _a.theme;
     return ({
-        height: theme.spacing(8.875),
-        width: theme.spacing(8.875)
-    });
-});
-var LogoIconStyled = styled(Icon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(5.875),
-        height: theme.spacing(3.625),
-        marginTop: theme.spacing(2.5)
+        height: theme.spacing(9.5),
+        width: theme.spacing(19.322)
     });
 });
 var LogoBackground = function () {
-    var isAr = useLanguage().isAr;
-    return (_jsxs(BoxStyled, { children: [_jsx(LogoBadgeStyled, { src: ICONS_NAMES.TAP_LOGO_EN_ICON }), _jsx(LogoIconStyled, { src: isAr ? ICONS_NAMES.TAP_LOGO_TEXT_AR : ICONS_NAMES.TAP_LOGO_TEXT_EN, alt: 'tap logo' })] }));
+    return (_jsx(BoxStyled, { children: _jsx(LogoBadgeStyled, { src: ICONS_NAMES.TAP_LOGO, alt: 'tap logo' }) }));
 };
 export default memo(LogoBackground);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.10.10-beta",
+	"version": "2.10.12-beta",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",