@tap-payments/auth-jsconnect 2.10.14-beta → 2.11.0-beta

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

@@ -361,7 +361,8 @@ export declare enum AuthTypeNumber {
     MOBILE_OTP = 2,
     PASSWORD = 1,
     MIGRATION = 10,
-    RESET_PASSWORD = 7
+    RESET_PASSWORD = 7,
+    PASSCODE = 11
 }
 export declare enum MigrationStatus {
     IN_PROGRESS = "IN_PROGRESS",

package/build/@types/app.js

@@ -56,6 +56,7 @@ export var AuthTypeNumber;
     AuthTypeNumber[AuthTypeNumber["PASSWORD"] = 1] = "PASSWORD";
     AuthTypeNumber[AuthTypeNumber["MIGRATION"] = 10] = "MIGRATION";
     AuthTypeNumber[AuthTypeNumber["RESET_PASSWORD"] = 7] = "RESET_PASSWORD";
+    AuthTypeNumber[AuthTypeNumber["PASSCODE"] = 11] = "PASSCODE";
 })(AuthTypeNumber || (AuthTypeNumber = {}));
 export var MigrationStatus;
 (function (MigrationStatus) {

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

@@ -10,6 +10,9 @@ export declare type EmailFormValues = {
 export declare type OTPFormValues = {
     otp: string;
 };
+export declare type PasscodeFormValues = {
+    passcode: string;
+};
 export declare type PasswordFormValues = {
     password: string;
 };

package/build/api/auth.d.ts

@@ -31,6 +31,7 @@ export declare type CreateAuthBody = {
     lead_id?: string;
     board_id?: string;
     user_id?: string;
+    login?: boolean;
 };
 export declare type CreateNafathAuthBody = {
     country: string;

package/build/assets/locales/ar.json

@@ -643,5 +643,9 @@
     "current_mobile_number": "رقم الجوال الحالي",
     "new_mobile_number": "رقم الجوال الجديد",
     "update_mobile_number": "تحديث رقم الجوال",
-    "update_later": "سأقوم بالتحديث لاحقاً"
+    "update_later": "سأقوم بالتحديث لاحقاً",
+    "passcode_title": "الرجاء إدخال رمز المرور الخاص بك",
+    "sign_in_with_otp": "تسجيل الدخول باستخدام رمز التحقق (OTP)",
+    "passcode_required": "الرجاء إدخال رمز المرور المطلوب",
+    "login_with_passcode": "تسجيل الدخول باستخدام رمز المرور"
 }

package/build/assets/locales/en.json

@@ -670,5 +670,35 @@
     "current_mobile_number": "Current mobile number",
     "new_mobile_number": "New mobile number",
     "update_mobile_number": "Update mobile number",
-    "update_later": "I'll update later"
+    "update_later": "I'll update later",
+    "terminal_manage_terminals": "Manage Terminals",
+    "terminal_link_terminal": "Link Terminal",
+    "terminal_linked": "Linked",
+    "terminal_link": "Link",
+    "terminal_unlinked": "Unlinked",
+    "terminal_paired_with": "Paired with",
+    "terminal_device_id": "Device ID",
+    "terminal_serial_number": "Serial no",
+    "terminal_qr_code_description": "Open the Tap app on the terminal and select Linked Terminal from the More menu.",
+    "terminal_or_use_code": "or use code",
+    "terminal_unlink": "Unlink",
+    "terminal_linked_with": "Linked with",
+    "terminal_send_link_request": "Send linking request",
+    "terminal_request_will_send": "A request will be sent to Tap Terminal app to confirm linking.",
+    "terminal_new_request_will_send": "A new link request bas ben sent to Tap Terminal app to confirm linking.",
+    "terminal_resend_request": "Resend Request",
+    "terminal_with": "with",
+    "terminal_request_denied": "The Request to link Terminal {{device}} has been denied.",
+    "terminal_go_to_board": "Go to Board",
+    "terminal_linked_success": "Your terminal {{device}} is linked successfully",
+    "terminal_unlinked_success": "Your terminal {{device}} is unlinked successfully",
+    "terminal_no_terminal_linked": "No Terminal Linked",
+    "terminal_no_terminal_linked_description": "We will list the linked terminals here when available",
+    "terminal_push_notification_link_new_terminal_failed": "Something went wrong. Please try again later",
+    "terminal_id": "Terminal ID",
+    "terminal_devices": "{{name}} Devices",
+    "passcode_title": "Please enter your passcode",
+    "sign_in_with_otp": "Sign in with OTP",
+    "passcode_required": "Please enter the required Passcode",
+    "login_with_passcode": "Login with Passcode"
 }

package/build/constants/app.d.ts

@@ -121,6 +121,7 @@ export declare const AUTH_STEP_NAMES: {
     CREATE_AUTH_NID: string;
     VERIFY_AUTH_NID: string;
     UPDATE_DOB_INFO: string;
+    CREATE_AUTH_PASSCODE: string;
 };
 export declare const CONNECT_EXPRESS_STEP_NAMES: {
     CREATE_AUTH_MOBILE: string;

package/build/constants/app.js

@@ -332,13 +332,13 @@ export var AUTH_SCREENS_NAVIGATION = [
     },
     {
         name: 'AUTH_MOBILE_STEP',
-        next: 'AUTH_OTP_STEP',
+        next: ['AUTH_OTP_STEP', 'AUTH_PASSCODE_STEP'],
         prev: 'AUTH_SWITCH_STEP',
         order: 1
     },
     {
         name: 'AUTH_EMAIL_STEP',
-        next: ['AUTH_PASSWORD_STEP', 'AUTH_RESET_PASSWORD_MESSAGE_STEP', 'AUTH_OTP_STEP'],
+        next: ['AUTH_PASSWORD_STEP', 'AUTH_RESET_PASSWORD_MESSAGE_STEP', 'AUTH_OTP_STEP', 'AUTH_PASSCODE_STEP'],
         prev: 'AUTH_SWITCH_STEP',
         order: 1
     },
@@ -356,10 +356,16 @@ export var AUTH_SCREENS_NAVIGATION = [
     },
     {
         name: 'AUTH_OTP_STEP',
-        next: ['AUTH_PREPARING_DATA_STEP', 'AUTH_EMAIL_SENT_STEP', 'AUTH_MIGRATING_DATA_STEP'],
+        next: ['AUTH_PREPARING_DATA_STEP', 'AUTH_EMAIL_SENT_STEP', 'AUTH_MIGRATING_DATA_STEP', 'AUTH_PASSCODE_STEP'],
         prev: ['AUTH_MOBILE_STEP', 'AUTH_NID_STEP', 'AUTH_EMAIL_STEP', 'AUTH_PASSWORD_STEP'],
         order: 2
     },
+    {
+        name: 'AUTH_PASSCODE_STEP',
+        next: ['AUTH_OTP_STEP', 'AUTH_PREPARING_DATA_STEP', 'AUTH_MIGRATING_DATA_STEP'],
+        prev: ['AUTH_MOBILE_STEP', 'AUTH_EMAIL_STEP'],
+        order: 2
+    },
     {
         name: 'AUTH_NAFATH_VERIFY_STEP',
         next: ['AUTH_PREPARING_DATA_STEP', 'AUTH_DOB_STEP'],
@@ -1043,7 +1049,8 @@ export var AUTH_STEP_NAMES = {
     VERIFY_AUTH_EMAIL: 'auth_verify_auth_email',
     CREATE_AUTH_NID: 'auth_create_auth_nid',
     VERIFY_AUTH_NID: 'auth_verify_auth_nid',
-    UPDATE_DOB_INFO: 'auth_update_dob_info'
+    UPDATE_DOB_INFO: 'auth_update_dob_info',
+    CREATE_AUTH_PASSCODE: 'auth_create_auth_passcode'
 };
 export var CONNECT_EXPRESS_STEP_NAMES = {
     CREATE_AUTH_MOBILE: 'connect_express_create_auth_mobile',

package/build/features/app/auth/authStore.d.ts

@@ -1,23 +1,38 @@
 import { RootState } from '../../../app/store';
-import { ActionState, AuthEmailFormValues, AuthForType, AuthMerchantFormValues, AuthenticationListFormValues, CivilFormValues, CountryCode, DOBFormValues, FlowsTypes, MobileFormValues, NIDFormValues, OTPFormValues, PasswordFormValues, SharedState } from '../../../@types';
+import { ActionState, AuthEmailFormValues, AuthForType, AuthMerchantFormValues, AuthenticationListFormValues, CivilFormValues, CountryCode, DOBFormValues, FlowsTypes, MobileFormValues, NIDFormValues, OTPFormValues, PasscodeFormValues, PasswordFormValues, SharedState } from '../../../@types';
 export declare const updateBusinessCountry: import("@reduxjs/toolkit").AsyncThunk<any, string, {}>;
 export declare const retrieveLeadIdentityByIdAsync: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     countryCode: CountryCode;
 }, string, {}>;
+interface CreateMobileAuthParams extends MobileFormValues {
+    skipPasscode?: boolean;
+}
 export declare const createMobileAuth: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
-    formData: MobileFormValues;
-}, MobileFormValues, {}>;
+    formData: {
+        mobile: string;
+        countryCode: CountryCode;
+        termAndConditionChecked?: boolean | undefined;
+    };
+    skipPasscode: boolean | undefined;
+}, CreateMobileAuthParams, {}>;
 export declare const resendMobileAuthOTP: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: MobileFormValues;
 }, MobileFormValues, {}>;
 export declare const verifyMobileOtp: import("@reduxjs/toolkit").AsyncThunk<any, OTPFormValues, {}>;
+export declare const verifyPasscode: import("@reduxjs/toolkit").AsyncThunk<any, PasscodeFormValues, {}>;
+interface CreateEmailAuthParams extends AuthEmailFormValues {
+    skipPasscode?: boolean;
+}
 export declare const createEmailAuth: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
-    formData: AuthEmailFormValues;
-}, AuthEmailFormValues, {}>;
+    formData: {
+        email: string;
+    };
+    skipPasscode: boolean | undefined;
+}, CreateEmailAuthParams, {}>;
 export declare const verifyEmailPassword: import("@reduxjs/toolkit").AsyncThunk<any, PasswordFormValues, {}>;
 export declare const resendEmailAuthOTP: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
@@ -75,6 +90,10 @@ export interface authData {
     otpData: OTPFormValues & {
         authFor?: AuthForType;
     };
+    passcodeData: PasscodeFormValues & {
+        skipPasscode?: boolean;
+        allowOTPToPasscodeRedirection?: boolean;
+    };
     passwordData: PasswordFormValues;
     leadId?: string;
     isStartFromBusinessCountry?: boolean;

package/build/features/app/auth/authStore.js

@@ -45,6 +45,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -113,40 +124,35 @@ export var retrieveLeadIdentityByIdAsync = createAsyncThunk('auth/retrieveLeadId
         }
     });
 }); });
-export var createMobileAuth = createAsyncThunk('auth/createMobileAuth', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, auth, isStartWithZero, mobileNumber, requestBody, data;
-    var _b, _c, _d;
-    return __generator(this, function (_e) {
-        switch (_e.label) {
+export var createMobileAuth = createAsyncThunk('auth/createMobileAuth', function (_a, thunkApi) { var _b, _c, _d; return __awaiter(void 0, void 0, void 0, function () {
+    var _e, settings, auth, isStartWithZero, mobileNumber, requestBody, data, stepName;
+    var skipPasscode = _a.skipPasscode, params = __rest(_a, ["skipPasscode"]);
+    return __generator(this, function (_f) {
+        switch (_f.label) {
             case 0:
-                _a = thunkApi.getState(), settings = _a.settings, auth = _a.auth;
+                _e = thunkApi.getState(), settings = _e.settings, auth = _e.auth;
                 isStartWithZero = (_b = params.mobile) === null || _b === void 0 ? void 0 : _b.startsWith('0');
                 mobileNumber = isStartWithZero ? params.mobile.slice(1) : params.mobile;
-                requestBody = {
-                    country: settings.data.businessCountry.iso2,
-                    scope: settings.data.appConfig.scope,
-                    lang: settings.data.language,
-                    lead_id: auth.data.leadId,
-                    user_credentail: {
+                requestBody = __assign({ country: settings.data.businessCountry.iso2, scope: settings.data.appConfig.scope, lang: settings.data.language, lead_id: auth.data.leadId, user_credentail: {
                         phone: mobileNumber || '',
                         code: params.countryCode.idd_prefix.toString()
-                    },
-                    sign_in: false,
-                    is_lead: true,
-                    step_name: AUTH_STEP_NAMES.CREATE_AUTH_MOBILE,
-                    encryption_contract: ['user_credentail.phone', 'user_credentail.code']
-                };
+                    }, sign_in: false, login: true, is_lead: true, step_name: AUTH_STEP_NAMES.CREATE_AUTH_MOBILE, encryption_contract: ['user_credentail.phone', 'user_credentail.code'] }, (skipPasscode && {
+                    auth_info: {
+                        skip_auth_method: true
+                    }
+                }));
                 return [4, API.authService.createAuth(requestBody)];
             case 1:
-                data = _e.sent();
-                thunkApi.dispatch(handleNextScreenStep());
+                data = _f.sent();
+                stepName = (data === null || data === void 0 ? void 0 : data.auth_type) === AuthTypeNumber.PASSCODE ? 'AUTH_PASSCODE_STEP' : 'AUTH_OTP_STEP';
+                thunkApi.dispatch(handleNextScreenStep(stepName));
                 (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, requestBody.user_credentail);
-                return [2, { response: data, formData: params }];
+                return [2, { response: data, formData: params, skipPasscode: skipPasscode }];
         }
     });
 }); });
 export var resendMobileAuthOTP = createAsyncThunk('auth/resendMobileAuthOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, auth, isStartWithZero, mobileNumber, requestBody, data;
+    var _a, settings, auth, isStartWithZero, mobileNumber, skipPasscode, requestBody, data;
     var _b;
     return __generator(this, function (_c) {
         switch (_c.label) {
@@ -154,20 +160,15 @@ export var resendMobileAuthOTP = createAsyncThunk('auth/resendMobileAuthOTP', fu
                 _a = thunkApi.getState(), settings = _a.settings, auth = _a.auth;
                 isStartWithZero = (_b = params.mobile) === null || _b === void 0 ? void 0 : _b.startsWith('0');
                 mobileNumber = isStartWithZero ? params.mobile.slice(1) : params.mobile;
-                requestBody = {
-                    country: settings.data.businessCountry.iso2,
-                    scope: settings.data.appConfig.scope,
-                    lang: settings.data.language,
-                    lead_id: auth.data.leadId,
-                    user_credentail: {
+                skipPasscode = auth.data.passcodeData.skipPasscode;
+                requestBody = __assign({ country: settings.data.businessCountry.iso2, scope: settings.data.appConfig.scope, lang: settings.data.language, lead_id: auth.data.leadId, user_credentail: {
                         phone: mobileNumber,
                         code: params.countryCode.idd_prefix.toString()
-                    },
-                    sign_in: false,
-                    is_lead: true,
-                    step_name: AUTH_STEP_NAMES.CREATE_AUTH_MOBILE,
-                    encryption_contract: ['user_credentail.phone', 'user_credentail.code']
-                };
+                    }, sign_in: false, login: true, is_lead: true, step_name: AUTH_STEP_NAMES.CREATE_AUTH_MOBILE, encryption_contract: ['user_credentail.phone', 'user_credentail.code'] }, (skipPasscode && {
+                    auth_info: {
+                        skip_auth_method: true
+                    }
+                }));
                 return [4, API.authService.createAuth(requestBody)];
             case 1:
                 data = _c.sent();
@@ -218,37 +219,79 @@ export var verifyMobileOtp = createAsyncThunk('auth/verifyMobileOtp', function (
         }
     });
 }); });
-export var createEmailAuth = createAsyncThunk('auth/createEmailAuth', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, auth, requestBody, data, screen;
-    var _b, _c;
-    return __generator(this, function (_d) {
-        switch (_d.label) {
+export var verifyPasscode = createAsyncThunk('auth/verifyPasscode', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, auth, _b, responseData, leadId, _c, auth_token, device_token, service_name, auth_type, sign_in, scope, payload, data, stepName_1;
+    var _d, _e, _f, _g, _h, _j;
+    return __generator(this, function (_k) {
+        switch (_k.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, auth = _a.auth;
-                requestBody = {
-                    country: settings.data.businessCountry.iso2,
-                    scope: settings.data.appConfig.scope,
-                    lang: settings.data.language,
-                    lead_id: auth.data.leadId,
-                    user_credentail: {
-                        email: params.email || ''
-                    },
-                    sign_in: true,
-                    is_lead: false,
-                    step_name: AUTH_STEP_NAMES.CREATE_AUTH_EMAIL,
-                    encryption_contract: ['user_credentail.email']
+                _b = auth.data || {}, responseData = _b.responseData, leadId = _b.leadId;
+                _c = (_d = responseData === null || responseData === void 0 ? void 0 : responseData.authResponse) !== null && _d !== void 0 ? _d : {}, auth_token = _c.auth_token, device_token = _c.device_token, service_name = _c.service_name, auth_type = _c.auth_type, sign_in = _c.sign_in;
+                if (!auth_token)
+                    throw new Error('Auth token is missing');
+                scope = settings.data.appConfig.scope;
+                payload = {
+                    auth_token: auth_token,
+                    lead_id: leadId,
+                    data: params.passcode,
+                    auth_type: auth_type,
+                    device_token: device_token,
+                    service_name: service_name,
+                    sign_in: sign_in,
+                    step_name: AUTH_STEP_NAMES.CREATE_AUTH_PASSCODE,
+                    encryption_contract: ['data']
                 };
+                return [4, API.authService.verifyAuth(payload)];
+            case 1:
+                data = (_k.sent()).data;
+                if ((_e = data.errors) === null || _e === void 0 ? void 0 : _e.length)
+                    throw new Error(data.errors[0].description);
+                if (((_f = data === null || data === void 0 ? void 0 : data.status) === null || _f === void 0 ? void 0 : _f.toLowerCase()) === 'success' && (data === null || data === void 0 ? void 0 : data.auth_session)) {
+                    if (scope === 'merchant') {
+                        openConnect(settings.data.appConfig.publicKey, settings.data.businessCountry.iso2);
+                        return [2, data];
+                    }
+                    stepName_1 = 'AUTH_PREPARING_DATA_STEP';
+                    if ((data === null || data === void 0 ? void 0 : data.auth_type) === AuthTypeNumber.MIGRATION)
+                        stepName_1 = 'AUTH_MIGRATING_DATA_STEP';
+                    (_h = (_g = settings.data.appConfig).onStepCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, settings.data.activeScreen.name, params);
+                    sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep(stepName_1)); });
+                }
+                else if (((_j = data === null || data === void 0 ? void 0 : data.status) === null || _j === void 0 ? void 0 : _j.toLowerCase()) === 'pending') {
+                    sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('AUTH_OTP_STEP')); });
+                }
+                return [2, data];
+        }
+    });
+}); });
+export var createEmailAuth = createAsyncThunk('auth/createEmailAuth', function (_a, thunkApi) { var _b, _c; return __awaiter(void 0, void 0, void 0, function () {
+    var _d, settings, auth, requestBody, data, stepName;
+    var skipPasscode = _a.skipPasscode, params = __rest(_a, ["skipPasscode"]);
+    return __generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                _d = thunkApi.getState(), settings = _d.settings, auth = _d.auth;
+                requestBody = __assign({ country: settings.data.businessCountry.iso2, scope: settings.data.appConfig.scope, lang: settings.data.language, lead_id: auth.data.leadId, user_credentail: {
+                        email: params.email || ''
+                    }, sign_in: true, login: true, is_lead: false, step_name: AUTH_STEP_NAMES.CREATE_AUTH_EMAIL, encryption_contract: ['user_credentail.email'] }, (skipPasscode && {
+                    auth_info: {
+                        skip_auth_method: true
+                    }
+                }));
                 return [4, API.authService.createAuth(requestBody)];
             case 1:
-                data = _d.sent();
-                screen = 'AUTH_PASSWORD_STEP';
+                data = _e.sent();
+                stepName = 'AUTH_PASSWORD_STEP';
                 if ((data === null || data === void 0 ? void 0 : data.auth_type) === AuthTypeNumber.RESET_PASSWORD)
-                    screen = 'AUTH_RESET_PASSWORD_MESSAGE_STEP';
-                if ((data === null || data === void 0 ? void 0 : data.auth_type) === AuthTypeNumber.EMAIL_OTP)
-                    screen = 'AUTH_OTP_STEP';
-                thunkApi.dispatch(handleNextScreenStep(screen));
+                    stepName = 'AUTH_RESET_PASSWORD_MESSAGE_STEP';
+                else if ((data === null || data === void 0 ? void 0 : data.auth_type) === AuthTypeNumber.EMAIL_OTP)
+                    stepName = 'AUTH_OTP_STEP';
+                else if ((data === null || data === void 0 ? void 0 : data.auth_type) === AuthTypeNumber.PASSCODE)
+                    stepName = 'AUTH_PASSCODE_STEP';
+                thunkApi.dispatch(handleNextScreenStep(stepName));
                 (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, requestBody.user_credentail);
-                return [2, { response: data, formData: params }];
+                return [2, { response: data, formData: params, skipPasscode: skipPasscode }];
         }
     });
 }); });
@@ -296,24 +339,19 @@ export var verifyEmailPassword = createAsyncThunk('auth/verifyEmailPassword', fu
     });
 }); });
 export var resendEmailAuthOTP = createAsyncThunk('auth/resendEmailAuthOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, auth, requestBody, data;
+    var _a, settings, auth, skipPasscode, requestBody, data;
     return __generator(this, function (_b) {
         switch (_b.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, auth = _a.auth;
-                requestBody = {
-                    country: settings.data.businessCountry.iso2,
-                    scope: settings.data.appConfig.scope,
-                    lang: settings.data.language,
-                    lead_id: auth.data.leadId,
-                    user_credentail: {
+                skipPasscode = auth.data.passcodeData.skipPasscode;
+                requestBody = __assign({ country: settings.data.businessCountry.iso2, scope: settings.data.appConfig.scope, lang: settings.data.language, lead_id: auth.data.leadId, user_credentail: {
                         email: params.email || ''
-                    },
-                    sign_in: true,
-                    is_lead: false,
-                    step_name: AUTH_STEP_NAMES.CREATE_AUTH_EMAIL,
-                    encryption_contract: ['user_credentail.email']
-                };
+                    }, sign_in: true, login: true, is_lead: false, step_name: AUTH_STEP_NAMES.CREATE_AUTH_EMAIL, encryption_contract: ['user_credentail.email'] }, (skipPasscode && {
+                    auth_info: {
+                        skip_auth_method: true
+                    }
+                }));
                 return [4, API.authService.createAuth(requestBody)];
             case 1:
                 data = _b.sent();
@@ -861,6 +899,9 @@ var initialState = {
             otp: '',
             authFor: AuthForType.MOBILE
         },
+        passcodeData: {
+            passcode: ''
+        },
         passwordData: {
             password: ''
         },
@@ -955,6 +996,8 @@ export var authSlice = createSlice({
             state.loading = false;
             state.data.mobileData = action.payload.formData;
             state.data.otpData.authFor = AuthForType.MOBILE;
+            state.data.passcodeData.skipPasscode = action.payload.skipPasscode;
+            state.data.passcodeData.allowOTPToPasscodeRedirection = action.payload.skipPasscode;
             state.data.responseData = __assign(__assign({}, state.data.responseData), { authResponse: action.payload.response });
         })
             .addCase(createMobileAuth.rejected, function (state, action) {
@@ -981,10 +1024,28 @@ export var authSlice = createSlice({
             state.loading = false;
             var data = action.payload;
             state.data.responseData = __assign(__assign({}, state.data.responseData), { authResponse: __assign(__assign({}, (_a = state.data.responseData) === null || _a === void 0 ? void 0 : _a.authResponse), data) });
+            state.data.passcodeData.skipPasscode = false;
+            state.data.passcodeData.allowOTPToPasscodeRedirection = false;
         })
             .addCase(verifyMobileOtp.rejected, function (state, action) {
             state.loading = false;
             state.error = action.error.message;
+        })
+            .addCase(verifyPasscode.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(verifyPasscode.fulfilled, function (state, action) {
+            var _a, _b;
+            state.loading = false;
+            var data = action.payload;
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { authResponse: __assign(__assign({}, (_a = state.data.responseData) === null || _a === void 0 ? void 0 : _a.authResponse), data) });
+            state.data.passcodeData.skipPasscode = ((_b = data === null || data === void 0 ? void 0 : data.status) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'pending';
+            state.data.passcodeData.allowOTPToPasscodeRedirection = false;
+        })
+            .addCase(verifyPasscode.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
         })
             .addCase(createEmailAuth.pending, function (state) {
             state.loading = true;
@@ -994,6 +1055,8 @@ export var authSlice = createSlice({
             state.loading = false;
             state.data.emailData = action.payload.formData;
             state.data.otpData.authFor = AuthForType.EMAIL;
+            state.data.passcodeData.skipPasscode = action.payload.skipPasscode;
+            state.data.passcodeData.allowOTPToPasscodeRedirection = action.payload.skipPasscode;
             state.data.responseData = __assign(__assign({}, state.data.responseData), { authResponse: action.payload.response });
         })
             .addCase(createEmailAuth.rejected, function (state, action) {
@@ -1034,6 +1097,8 @@ export var authSlice = createSlice({
             state.loading = false;
             var data = action.payload;
             state.data.responseData = __assign(__assign({}, state.data.responseData), { authResponse: __assign(__assign({}, (_a = state.data.responseData) === null || _a === void 0 ? void 0 : _a.authResponse), data) });
+            state.data.passcodeData.skipPasscode = false;
+            state.data.passcodeData.allowOTPToPasscodeRedirection = false;
         })
             .addCase(verifyEmailOtp.rejected, function (state, action) {
             state.loading = false;

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

@@ -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');
         }
     });
 }); });

package/build/features/auth/screens/OTP/OTP.d.ts

@@ -1,5 +1,16 @@
 import * as React from 'react';
-export interface OTPProps {
-}
+export declare const PasscodeLoginStyled: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
+    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
+    children?: React.ReactNode;
+    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
+    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline" | undefined;
+    variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline", string>> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | ("left" | "right" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 declare const _default: React.MemoExoticComponent<() => JSX.Element>;
 export default _default;

package/build/features/auth/screens/OTP/OTP.js

@@ -14,9 +14,9 @@ import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useForm, FormProvider } from 'react-hook-form';
 import Box from '@mui/material/Box/Box';
-import { styled } from '@mui/material/styles';
+import { styled, useTheme } from '@mui/material/styles';
 import Text from '../../../../components/Text';
-import { clearError, authSelector, verifyMobileOtp, resetOTPValue, verifyEmailOtp } from '../../../app/auth/authStore';
+import { clearError, authSelector, verifyMobileOtp, resetOTPValue, verifyEmailOtp, createEmailAuth, createMobileAuth } from '../../../app/auth/authStore';
 import Button from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
 import { useAppDispatch, useAppSelector, useLanguage, useSanitizedTranslation } from '../../../../hooks';
@@ -46,8 +46,13 @@ var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
 }); });
+export var PasscodeLoginStyled = styled(Text)(function (_a) {
+    var _b = _a.theme, spacing = _b.spacing, palette = _b.palette, typography = _b.typography;
+    return (__assign(__assign({}, typography.caption), { color: palette.primary.main, lineHeight: 1.75, textAlign: 'center', marginTop: spacing(5), cursor: 'pointer' }));
+});
 var OTP = function () {
     var _a;
+    var spacing = useTheme().spacing;
     var dispatch = useAppDispatch();
     var _b = useAppSelector(authSelector), data = _b.data, loading = _b.loading, error = _b.error;
     var t = useTranslation().t;
@@ -112,7 +117,14 @@ var OTP = function () {
             screen = 'AUTH_EMAIL_STEP';
         dispatch(handlePrevScreenStep(screen));
     };
+    var onOTPLoginClick = function () {
+        if (isEmailAuth)
+            dispatch(createEmailAuth({ email: data.emailData.email }));
+        else
+            dispatch(createMobileAuth({ mobile: data.mobileData.mobile, countryCode: data.mobileData.countryCode }));
+    };
     var disabled = !methods.formState.isValid;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? st('ide_otp_waiting_title') : getTitle(), !loading && _jsx("span", __assign({ dir: 'ltr' }, { children: getNumber() }))] }) }), _jsx(OTPInput, {}), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: st(error || '') }, { children: t('next') }))] })) })) }));
+    var showLoginWithPasscode = data.passcodeData.allowOTPToPasscodeRedirection;
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? st('ide_otp_waiting_title') : getTitle(), !loading && _jsx("span", __assign({ dir: 'ltr' }, { children: getNumber() }))] }) }), _jsx(OTPInput, {}), showLoginWithPasscode && _jsx(PasscodeLoginStyled, __assign({ onClick: onOTPLoginClick }, { children: st('login_with_passcode') })), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: st(error || '') }, (showLoginWithPasscode && { sx: { marginTop: spacing(2.25) } }), { children: t('next') }))] })) })) }));
 };
 export default React.memo(OTP);

package/build/features/auth/screens/OTP/index.d.ts

@@ -1,3 +1,2 @@
-import OTP, { OTPProps } from './OTP';
-export type { OTPProps };
+import OTP from './OTP';
 export default OTP;

package/build/features/auth/screens/Passcode/Passcode.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export declare const OTPSignInStyled: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
+    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
+    children?: React.ReactNode;
+    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
+    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline" | undefined;
+    variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline", string>> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | ("left" | "right" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/build/features/auth/screens/Passcode/Passcode.js

@@ -0,0 +1,82 @@
+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 * as React from 'react';
+import Box from '@mui/material/Box/Box';
+import { yupResolver } from '@hookform/resolvers/yup';
+import { useForm, FormProvider } from 'react-hook-form';
+import { styled, useTheme } from '@mui/material/styles';
+import Form from '../../../../components/Form';
+import Text from '../../../../components/Text';
+import { deepCopy } from '../../../../utils';
+import Button from '../../../shared/Button';
+import { handlePrevScreenStep } from '../../../../app/settings';
+import { ScreenContainer } from '../../../shared/Containers';
+import { AuthForType } from '../../../../@types';
+import { useAppDispatch, useAppSelector, useLanguage, useSanitizedTranslation } from '../../../../hooks';
+import { clearError, authSelector, verifyPasscode, createEmailAuth, createMobileAuth } from '../../../app/auth/authStore';
+import { validation } from './validation';
+import PasscodeInput from './PasscodeInput';
+var TitleContainerStyled = 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 TitleStyled = 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'
+}); });
+export var OTPSignInStyled = styled(Text)(function (_a) {
+    var _b = _a.theme, spacing = _b.spacing, palette = _b.palette, typography = _b.typography;
+    return (__assign(__assign({}, typography.caption), { color: palette.primary.main, lineHeight: 1.75, textAlign: 'center', marginTop: spacing(11.625), cursor: 'pointer' }));
+});
+var Passcode = function () {
+    var spacing = useTheme().spacing;
+    var isAr = useLanguage().isAr;
+    var dispatch = useAppDispatch();
+    var st = useSanitizedTranslation();
+    var _a = useAppSelector(authSelector), _b = _a.data, passcodeData = _b.passcodeData, otpData = _b.otpData, emailData = _b.emailData, mobileData = _b.mobileData, loading = _a.loading, error = _a.error;
+    var methods = useForm({
+        resolver: yupResolver(validation),
+        defaultValues: passcodeData,
+        mode: 'onChange'
+    });
+    React.useEffect(function () {
+        if (error)
+            dispatch(clearError());
+    }, [methods.formState.isValid]);
+    var startWithEmail = otpData.authFor === AuthForType.EMAIL;
+    var onSubmit = function (formData) {
+        dispatch(verifyPasscode(deepCopy(formData)));
+    };
+    var onBack = function () {
+        dispatch(handlePrevScreenStep(startWithEmail ? 'AUTH_EMAIL_STEP' : 'AUTH_MOBILE_STEP'));
+    };
+    var onOTPLoginClick = function () {
+        if (startWithEmail)
+            dispatch(createEmailAuth({ email: emailData.email, skipPasscode: true }));
+        else
+            dispatch(createMobileAuth({ mobile: mobileData.mobile, countryCode: mobileData.countryCode, skipPasscode: true }));
+    };
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(TitleContainerStyled, { children: _jsx(TitleStyled, { children: loading ? st('ide_otp_waiting_title') : st('passcode_title') }) }), _jsx(PasscodeInput, { disableResend: true }), _jsx(OTPSignInStyled, __assign({ onClick: onOTPLoginClick }, { children: st('sign_in_with_otp') })), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: !methods.formState.isValid, isAr: isAr, loading: loading, error: st(error || ''), sx: { marginTop: spacing(2.5) } }, { children: st('next') }))] })) })) }));
+};
+export default React.memo(Passcode);

package/build/features/auth/screens/Passcode/PasscodeInput.d.ts

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

package/build/features/auth/screens/Passcode/PasscodeInput.js

@@ -0,0 +1,42 @@
+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 Box from '@mui/material/Box/Box';
+import { styled } from '@mui/material/styles';
+import { useController, useFormContext } from 'react-hook-form';
+import OTPField from '../../../shared/OTP';
+import { DEFAULT_TIMER_VALUE } from '../../../../constants';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { authSelector, clearError } from '../../../app/auth/authStore';
+var BoxStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        display: 'flex',
+        flexDirection: 'column',
+        fontFamily: theme.typography.fontFamily
+    });
+});
+var PasscodeInput = function (_a) {
+    var disableResend = _a.disableResend;
+    var dispatch = useAppDispatch();
+    var control = useFormContext().control;
+    var error = useAppSelector(authSelector).error;
+    var _b = useController({ name: 'passcode', control: control }).field, value = _b.value, onChange = _b.onChange;
+    var handleOnPasscodeChange = function (passcode) {
+        if (error)
+            dispatch(clearError());
+        onChange(passcode);
+    };
+    return (_jsx(BoxStyled, __assign({ dir: 'ltr' }, { children: _jsx(OTPField, __assign({}, (!disableResend && { timerInSeconds: DEFAULT_TIMER_VALUE }), { value: value, onChange: function (number) { return handleOnPasscodeChange(number.toString()); } })) })));
+};
+export default React.memo(PasscodeInput);

package/build/features/auth/screens/Passcode/index.d.ts

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

package/build/features/auth/screens/Passcode/index.js

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

package/build/features/auth/screens/Passcode/validation.d.ts

@@ -0,0 +1,8 @@
+import * as yup from 'yup';
+export declare const validation: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    passcode: 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, {
+    passcode: 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, {
+    passcode: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>>>;

package/build/features/auth/screens/Passcode/validation.js

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

package/build/features/featuresScreens.js

@@ -57,6 +57,7 @@ import AuthAccountCreatedLoaderScreen from './auth/screens/AccountCreatedLoader'
 import AuthEmailSentScreen from './auth/screens/EmailSent';
 import AuthMigratingDataScreen from './auth/screens/MigratingData';
 import AuthOperatorError from './auth/screens/OperatorError';
+import AuthPasscodeScreen from './auth/screens/Passcode';
 import CustomersPage from './business/screens/Customers';
 import IDBODPage from './business/screens/IDBOD';
 import BusinessVerifyPage from './business/screens/Verify';
@@ -325,6 +326,10 @@ export var authFeatureScreens = [
         name: 'AUTH_OTP_STEP',
         element: AuthOTPScreen
     },
+    {
+        name: 'AUTH_PASSCODE_STEP',
+        element: AuthPasscodeScreen
+    },
     {
         name: 'AUTH_PASSWORD_STEP',
         element: AuthPasswordScreen

package/build/features/shared/Button/Button.js

@@ -53,8 +53,7 @@ var BackIconStyled = styled(Icon, { shouldForwardProp: function (prop) { return
 var ButtonBoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
-        margin: theme.spacing(0, 2.5, 2.5, 2.5),
-        marginBlockStart: theme.spacing(5),
+        margin: theme.spacing(5, 2.5, 2.5, 2.5),
         maxHeight: theme.spacing(5.375),
         display: 'flex',
         alignItems: 'center',

package/package.json

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