@tap-payments/auth-jsconnect 2.11.29-development → 2.11.31-development

package/build/constants/app.d.ts

@@ -124,6 +124,8 @@ export declare const AUTH_STEP_NAMES: {
     VERIFY_AUTH_NID: string;
     UPDATE_DOB_INFO: string;
     CREATE_AUTH_PASSCODE: string;
+    CREATE_AUTH_SESSION_EXPIRED: string;
+    VERIFY_AUTH_SESSION_EXPIRED: string;
 };
 export declare const CONNECT_EXPRESS_STEP_NAMES: {
     CREATE_AUTH_MOBILE: string;

package/build/constants/app.js

@@ -398,37 +398,43 @@ export var AUTH_SCREENS_NAVIGATION = [
             'AUTH_OTP_VERIFY_SECURITY_ERROR_STEP'
         ],
         prev: ['AUTH_MOBILE_STEP', 'AUTH_NID_STEP', 'AUTH_EMAIL_STEP', 'AUTH_PASSWORD_STEP'],
-        order: 2
+        order: 2,
+        back: 'AUTH_SWITCH_STEP'
     },
     {
         name: 'AUTH_PASSCODE_STEP',
         next: ['AUTH_OTP_STEP', 'AUTH_PREPARING_DATA_STEP', 'AUTH_MIGRATING_DATA_STEP', 'AUTH_OTP_VERIFY_SECURITY_ERROR_STEP'],
         prev: ['AUTH_MOBILE_STEP', 'AUTH_EMAIL_STEP'],
-        order: 2
+        order: 2,
+        back: 'AUTH_SWITCH_STEP'
     },
     {
         name: 'AUTH_NAFATH_VERIFY_STEP',
         next: ['AUTH_PREPARING_DATA_STEP', 'AUTH_DOB_STEP'],
         prev: 'AUTH_NID_STEP',
-        order: 2
+        order: 2,
+        back: 'AUTH_NID_STEP'
     },
     {
         name: 'AUTH_PASSWORD_STEP',
         next: ['AUTH_PREPARING_DATA_STEP', 'AUTH_OTP_STEP'],
         prev: 'AUTH_EMAIL_STEP',
-        order: 2
+        order: 2,
+        back: 'AUTH_EMAIL_STEP'
     },
     {
         name: 'AUTH_RESET_PASSWORD_MESSAGE_STEP',
         next: '',
         prev: 'AUTH_EMAIL_STEP',
-        order: 2
+        order: 2,
+        back: 'AUTH_EMAIL_STEP'
     },
     {
         name: 'AUTH_VERIFY_PACI_STEP',
         next: 'AUTH_PREPARING_DATA_STEP',
         prev: 'AUTH_CIVIL_ID_STEP',
-        order: 2
+        order: 2,
+        back: 'AUTH_CIVIL_ID_STEP'
     },
     {
         name: 'AUTH_DOB_STEP',
@@ -483,6 +489,12 @@ export var AUTH_SCREENS_NAVIGATION = [
         next: '',
         prev: '',
         order: 5
+    },
+    {
+        name: 'AUTH_SESSION_EXPIRED_OTP_STEP',
+        next: '',
+        prev: '',
+        order: 6
     }
 ];
 export var KYC_SCREENS_NAVIGATION = [
@@ -1238,7 +1250,9 @@ export var AUTH_STEP_NAMES = {
     CREATE_AUTH_NID: 'auth_create_auth_nid',
     VERIFY_AUTH_NID: 'auth_verify_auth_nid',
     UPDATE_DOB_INFO: 'auth_update_dob_info',
-    CREATE_AUTH_PASSCODE: 'auth_create_auth_passcode'
+    CREATE_AUTH_PASSCODE: 'auth_create_auth_passcode',
+    CREATE_AUTH_SESSION_EXPIRED: 'auth_create_auth_session_expired',
+    VERIFY_AUTH_SESSION_EXPIRED: 'auth_verify_auth_session_expired'
 };
 export var CONNECT_EXPRESS_STEP_NAMES = {
     CREATE_AUTH_MOBILE: 'connect_express_create_auth_mobile',

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

@@ -22,6 +22,10 @@ export declare const resendMobileAuthOTP: import("@reduxjs/toolkit").AsyncThunk<
     formData: MobileFormValues;
 }, MobileFormValues, {}>;
 export declare const verifyMobileOtp: import("@reduxjs/toolkit").AsyncThunk<any, OTPFormValues, {}>;
+export declare const createAuthSessionExpired: import("@reduxjs/toolkit").AsyncThunk<{
+    response: any;
+}, boolean, {}>;
+export declare const verifySessionExpiredOtp: import("@reduxjs/toolkit").AsyncThunk<any, OTPFormValues, {}>;
 export declare const verifyPasscode: import("@reduxjs/toolkit").AsyncThunk<any, PasscodeFormValues, {}>;
 interface CreateEmailAuthParams extends AuthEmailFormValues {
     skipPasscode?: boolean;

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

@@ -222,6 +222,75 @@ export var verifyMobileOtp = createAsyncThunk('auth/verifyMobileOtp', function (
         }
     });
 }); });
+export var createAuthSessionExpired = createAsyncThunk('auth/createAuthSessionExpired', function (redirect, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, auth, requestBody, data;
+    var _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.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,
+                    sign_in: false,
+                    login: true,
+                    is_lead: true,
+                    step_name: AUTH_STEP_NAMES.CREATE_AUTH_SESSION_EXPIRED,
+                    encryption_contract: []
+                };
+                return [4, API.authService.createAuth(requestBody)];
+            case 1:
+                data = _d.sent();
+                if (redirect)
+                    thunkApi.dispatch(handleCurrentActiveScreen('AUTH_SESSION_EXPIRED_OTP_STEP'));
+                (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, requestBody);
+                return [2, { response: data }];
+        }
+    });
+}); });
+export var verifySessionExpiredOtp = createAsyncThunk('auth/verifySessionExpiredOtp', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, auth, session, _b, responseData, leadId, _c, auth_token, device_token, service_name, auth_type, sign_in, payload, data;
+    var _d, _e, _f;
+    return __generator(this, function (_g) {
+        switch (_g.label) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, auth = _a.auth, session = _a.session;
+                _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');
+                payload = {
+                    auth_token: auth_token,
+                    lead_id: leadId,
+                    data: params.otp,
+                    auth_type: auth_type,
+                    device_token: device_token,
+                    service_name: service_name,
+                    sign_in: sign_in,
+                    step_name: AUTH_STEP_NAMES.VERIFY_AUTH_SESSION_EXPIRED,
+                    encryption_contract: ['data']
+                };
+                return [4, API.authService.verifyAuth(payload).catch(function (err) {
+                        if (isAuthenticationVerificationFailed(err === null || err === void 0 ? void 0 : err.message))
+                            thunkApi.dispatch(handleCurrentActiveScreen(session.data.nextScreen));
+                        throw new Error(err === null || err === void 0 ? void 0 : err.message);
+                    })];
+            case 1:
+                data = _g.sent();
+                setAuthSessionToGlobalHeaders(data === null || data === void 0 ? void 0 : data.auth_session);
+                sendCustomEventToGTM({
+                    event: 'Send Event',
+                    event_category: 'User Registration Flow',
+                    event_action: 'Session Expired - OTP Success'
+                });
+                (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, params);
+                thunkApi.dispatch(handleCurrentActiveScreen(session.data.nextScreen));
+                return [2, data];
+        }
+    });
+}); });
 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;
@@ -1042,6 +1111,35 @@ export var authSlice = createSlice({
             state.loading = false;
             if (!isAuthenticationVerificationFailed(message))
                 state.error = message;
+        })
+            .addCase(createAuthSessionExpired.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(createAuthSessionExpired.fulfilled, function (state, action) {
+            state.loading = false;
+            state.data.otpData.authFor = AuthForType.MOBILE;
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { authResponse: action.payload.response });
+        })
+            .addCase(createAuthSessionExpired.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        })
+            .addCase(verifySessionExpiredOtp.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(verifySessionExpiredOtp.fulfilled, function (state, action) {
+            var _a;
+            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) });
+        })
+            .addCase(verifySessionExpiredOtp.rejected, function (state, _a) {
+            var message = _a.error.message;
+            state.loading = false;
+            if (!isAuthenticationVerificationFailed(message))
+                state.error = message;
         })
             .addCase(verifyPasscode.pending, function (state) {
             state.loading = true;

package/build/features/app/individual/individualStore.js

@@ -1052,8 +1052,9 @@ export var individualSlice = createSlice({
             if (identification === null || identification === void 0 ? void 0 : identification.issued_country_code) {
                 state.data.individualPersonalData.issuedCountry = findCountryByIso2(countries, identification === null || identification === void 0 ? void 0 : identification.issued_country_code);
             }
-            var expiryDate = new Date((identification === null || identification === void 0 ? void 0 : identification.expiry) || new Date().getTime());
-            state.data.individualPersonalData.expiryDate = convertNumbers2English(dateFormat(expiryDate));
+            state.data.individualPersonalData.expiryDate = (identification === null || identification === void 0 ? void 0 : identification.expiry)
+                ? convertNumbers2English(dateFormat(new Date(identification.expiry)))
+                : undefined;
             if (birth === null || birth === void 0 ? void 0 : birth.date)
                 state.data.individualPersonalData.dob = convertNumbers2English(dateFormat(new Date(birth === null || birth === void 0 ? void 0 : birth.date)));
             if (birth === null || birth === void 0 ? void 0 : birth.country) {
@@ -1147,8 +1148,9 @@ export var individualSlice = createSlice({
             if (identification === null || identification === void 0 ? void 0 : identification.issued_country_code) {
                 state.data.individualPersonalData.issuedCountry = findCountryByIso2(countries, identification === null || identification === void 0 ? void 0 : identification.issued_country_code);
             }
-            var expiryDate = (identification === null || identification === void 0 ? void 0 : identification.expiry) || new Date().getTime();
-            state.data.individualPersonalData.expiryDate = convertNumbers2English(dateFormat(expiryDate));
+            state.data.individualPersonalData.expiryDate = (identification === null || identification === void 0 ? void 0 : identification.expiry)
+                ? convertNumbers2English(dateFormat(new Date(identification.expiry)))
+                : undefined;
             if (birth === null || birth === void 0 ? void 0 : birth.date)
                 state.data.individualPersonalData.dob = convertNumbers2English(dateFormat(birth === null || birth === void 0 ? void 0 : birth.date));
             if (birth === null || birth === void 0 ? void 0 : birth.country) {

package/build/features/auth/Auth.js

@@ -59,7 +59,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { memo } from 'react';
 import { createRoot } from 'react-dom/client';
-import { useAppTheme, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener, useAppDispatch } from '../../hooks';
+import { useAppTheme, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener, useAppDispatch, useSessionExpiryHandler } from '../../hooks';
 import { handleCurrentActiveScreen, handleOpen, handleSetCountryByIso2, settingsSelector } from '../../app/settings';
 import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
@@ -69,7 +69,7 @@ import { findOrCreateElementAndInject, sendPageView, isTapDomain, isOtherThanKWO
 import { AUTH_SCREENS_NAVIGATION } from '../../constants';
 import Background from '../shared/Background';
 import { FeatureContainer } from '../shared/Containers';
-import { authSelector, setMobileCountryCode, setLeadId, retrieveLeadIdentityByIdAsync, storeIsBusinessCountryPassed } from '../app/auth/authStore';
+import { authSelector, setMobileCountryCode, setLeadId, retrieveLeadIdentityByIdAsync, storeIsBusinessCountryPassed, clearError, createAuthSessionExpired } from '../app/auth/authStore';
 import { authFeatureScreens } from '../featuresScreens';
 var Auth = memo(function (_a) {
     var _b, _c, _d, _e;
@@ -95,6 +95,7 @@ var Auth = memo(function (_a) {
         event_action: 'Registration Error'
     });
     useStepStartedListener();
+    useSessionExpiryHandler({ error: authError, clearError: clearError, createAuthSession: createAuthSessionExpired });
     var activeScreen = settingData.activeScreen, isTapOrigin = settingData.isTapOrigin, open = settingData.open, merchant = settingData.merchant, appConfig = settingData.appConfig;
     var animationDirection = open ? (_b = appConfig.features) === null || _b === void 0 ? void 0 : _b.dialogStartTransition : (_c = appConfig.features) === null || _c === void 0 ? void 0 : _c.dialogEndTransition;
     var hideOverlay = ((_d = appConfig.features) === null || _d === void 0 ? void 0 : _d.overlay) === false;

package/build/features/auth/screens/OTPSessionExpired/OTPInput.d.ts

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

package/build/features/auth/screens/OTPSessionExpired/OTPInput.js

@@ -0,0 +1,58 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useController, useFormContext } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box/Box';
+import { styled } from '@mui/material/styles';
+import OTPField from '../../../shared/OTP';
+import { DEFAULT_TIMER_VALUE } from '../../../../constants';
+import { authSelector, clearError, createAuthSessionExpired } from '../../../app/auth/authStore';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { sendCustomEventToGTM } from '../../../../utils';
+var BoxStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        display: 'flex',
+        flexDirection: 'column',
+        fontFamily: theme.typography.fontFamily
+    });
+});
+var OTPInput = function () {
+    var _a = useFormContext(), control = _a.control, setValue = _a.setValue;
+    var t = useTranslation().t;
+    var dispatch = useAppDispatch();
+    var otpControl = useController({ name: 'otp', control: control });
+    var error = useAppSelector(authSelector).error;
+    var sendEventAskAnotherOTP = function () {
+        sendCustomEventToGTM({
+            event: 'Send Event',
+            event_category: 'User Registration Flow',
+            event_action: 'Session Expired - Another OTP asked'
+        });
+    };
+    var handleOnOTPChange = function (otp) {
+        if (error)
+            dispatch(clearError());
+        otpControl.field.onChange(otp);
+    };
+    var handleOnResendOTP = function () {
+        if (otpControl.field.value)
+            setValue('otp', '', { shouldValidate: true });
+        sendEventAskAnotherOTP();
+        dispatch(createAuthSessionExpired(false));
+    };
+    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/auth/screens/OTPSessionExpired/OTPSessionExpired.d.ts

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

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

@@ -0,0 +1,85 @@
+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 { jsxs as _jsxs, jsx as _jsx } 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, authSelector, resetOTPValue, verifySessionExpiredOtp } from '../../../app/auth/authStore';
+import Button from '../../../shared/Button';
+import { ScreenContainer } from '../../../shared/Containers';
+import { useAppDispatch, useAppSelector, useSanitizedTranslation } from '../../../../hooks';
+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, sendCustomEventToGTM } from '../../../../utils';
+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 OTP = function () {
+    var _a;
+    var dispatch = useAppDispatch();
+    var _b = useAppSelector(authSelector), data = _b.data, loading = _b.loading, error = _b.error;
+    var t = useTranslation().t;
+    var st = useSanitizedTranslation();
+    var isAr = useLanguage().isAr;
+    var methods = useForm({
+        resolver: yupResolver(OTPValidation),
+        defaultValues: data.otpData,
+        mode: 'onChange'
+    });
+    React.useEffect(function () {
+        if (error)
+            dispatch(clearError());
+    }, [methods.formState.isValid]);
+    React.useEffect(function () {
+        if (error)
+            dispatch(clearError());
+        sendCustomEventToGTM({
+            event: 'Send Event',
+            event_category: 'User Registration Flow',
+            event_action: 'Session Expired - Ask For OTP'
+        });
+        return function () {
+            dispatch(resetOTPValue());
+        };
+    }, []);
+    var onSubmit = function (formData) {
+        dispatch(verifySessionExpiredOtp(deepCopy(formData)));
+    };
+    var disabled = !methods.formState.isValid;
+    var code = "+".concat((_a = data.mobileData.countryCode) === null || _a === void 0 ? void 0 : _a.idd_prefix, " ");
+    var phone = data.mobileData.mobile ? data.mobileData.mobile : '';
+    var title = t('session_expired_otp');
+    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 && (_jsxs("span", __assign({ dir: 'ltr', style: { display: 'block' } }, { children: [st('code_sent_to'), " ", code, " ", maskPhone(phone)] })))] }) }), _jsx(OTPInput, {}), _jsx(Button, __assign({ disableBack: true, disabled: disabled, isAr: isAr, loading: loading, error: st(error || '') }, { children: t('next') }))] })) })) }));
+};
+export default React.memo(OTP);

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

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

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

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

package/build/features/auth/screens/OTPSessionExpired/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/auth/screens/OTPSessionExpired/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

@@ -63,6 +63,7 @@ import AuthMigratingDataScreen from './auth/screens/MigratingData';
 import AuthOperatorError from './auth/screens/OperatorError';
 import AuthPasscodeScreen from './auth/screens/Passcode';
 import AuthOTPVerifySecurityError from './shared/OTPVerifySecurityError';
+import AuthOTPSessionExpired from './auth/screens/OTPSessionExpired';
 import CustomersPage from './business/screens/Customers';
 import IDBODPage from './business/screens/IDBOD';
 import BusinessVerifyPage from './business/screens/Verify';
@@ -428,6 +429,10 @@ export var authFeatureScreens = [
     {
         name: 'AUTH_OTP_VERIFY_SECURITY_ERROR_STEP',
         element: AuthOTPVerifySecurityError
+    },
+    {
+        name: 'AUTH_SESSION_EXPIRED_OTP_STEP',
+        element: AuthOTPSessionExpired
     }
 ];
 export var businessFeatureScreens = [

package/package.json

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