@truworth/twc-auth 1.2.6 → 1.2.8

package/build/src/components/VerifyMobileOTP/index.native.js

@@ -10,6 +10,11 @@ const { gray } = Colors;
 const VerifyMobileOTP = ({ validateOTP, timer, status, resendOTP, phone }) => {
     const [otp, setOtp] = useState('');
     const { otpValue } = useAuthPackageContext();
+    useEffect(() => {
+        if (otp && otp.length == 6) {
+            return validateOTP(otp);
+        }
+    }, [otp]);
     useEffect(() => {
         if (otpValue && otpValue.length == 6) {
             setOtp(otpValue);
@@ -24,7 +29,7 @@ const VerifyMobileOTP = ({ validateOTP, timer, status, resendOTP, phone }) => {
                                     }, codeInputHighlightStyle: { borderColor: '#03DAC6' }, style: {
                                         height: 50,
                                         width: Dimensions.get('window').width - 100,
-                                    }, code: otp ?? '', onCodeFilled: code => validateOTP(code) }) }), timer <= 0 &&
+                                    }, code: otp ?? '', onCodeFilled: code => setOtp(code) }) }), timer <= 0 &&
                                 _jsxs(View, { style: { flexDirection: 'row', alignItems: 'center' }, children: [_jsx(Text, { style: { fontSize: 12, color: '#000', fontWeight: '400', opacity: 0.5 }, children: "Did not receive OTP?" }), _jsx(TouchableOpacity, { disabled: timer > 0, onPress: () => {
                                                 setOtp('');
                                                 resendOTP();

package/build/src/contexts/AuthContext.js

@@ -149,7 +149,6 @@ const AuthProvider = ({ children, LogoComponent, session, appConfig, onLogin, on
     }, []);
     const handleOtpReceived = (otp) => {
         setOtpValue(otp);
-        setTimeout(() => setOtpValue(''), 0);
     };
     const AuthContextValues = {
         token,

package/build/src/helpers/network.js

@@ -80,7 +80,7 @@ export const createHttpClient = ({ token, onRefreshSession, onLogout }) => {
             showMessage({ message: 'Your session has expired. Please login again.' });
         }
         catch (err) {
-            console.error('Error logging out:', err);
+            console.log('Error logging out:', err);
         }
     };
     return { request };

package/build/src/screens/EnterPassword/hooks/internal/useEnterPassword.js

@@ -9,28 +9,46 @@ import { showMessage } from "../../../../helpers/show-message";
 const useEnterPassword = () => {
     const [password, setPassword] = useState("");
     const [isPasswordVisible, setIsPasswordVisible] = useState(false);
+    const [invalidPassword, setInvalidPassword] = useState(false);
     const [loading, setLoading] = useState(false);
     const { onTokenChange, onLogin, appConfig } = useAuthPackageContext();
     const togglePasswordVisibility = useCallback(() => {
         setIsPasswordVisible((prev) => !prev);
     }, []);
     const handlePasswordChange = useCallback((value) => {
+        setInvalidPassword(false);
         setPassword(value);
     }, []);
-    const handleSubmit = useCallback(async ({ email, source }) => {
+    const handleSubmit = useCallback(async ({ email, source, verifyEmailOTP }) => {
         setLoading(true);
         try {
-            const response = await axiosClient.post("/auth/login", {
+            const response = await axiosClient.post("/auth/login/v2", {
                 email,
                 password,
                 source,
             });
-            onTokenChange(response.data.token);
-            onLogin(response.data);
+            // Check if MFA is enabled
+            if (response.data.mfaEnabled && response.data.sessionToken) {
+                // Navigate to LoginWithEmailOTP screen with sessionToken
+                if (verifyEmailOTP) {
+                    verifyEmailOTP({
+                        mfaEnabled: response.data.mfaEnabled,
+                        sessionToken: response.data.sessionToken
+                    });
+                }
+                setLoading(false);
+                return;
+            }
+            // Normal login flow (no MFA)
+            if (response.data.token) {
+                onTokenChange(response.data.token);
+                onLogin(response.data);
+            }
         }
         catch (error) {
             const errorMessage = error?.response?.data?.errors?.[0]?.message;
             if (error?.response?.status === 400) {
+                setInvalidPassword(true);
                 showMessage({ message: errorMessage ?? 'Email and password do not match!' });
                 return;
             }
@@ -52,7 +70,8 @@ const useEnterPassword = () => {
         handleSubmit,
         isDisabled,
         handlePasswordChange,
-        appName: appConfig.appName
+        appName: appConfig.appName,
+        invalidPassword
     };
 };
 export { useEnterPassword };

package/build/src/screens/EnterPassword/index.js

@@ -9,28 +9,47 @@ import VerifyResetPasswordOTP from '../VerifyResetPasswordOTP';
 const EnterPassword = ({ email, onPressBack, onVerifiedResetPasswordOTP }) => {
     const [showResetPasswordOTPModal, setShowResetPasswordOTPModal] = useState(false);
     const [showLoginWithEmailOTPModal, setShowLoginWithEmailOTPModal] = useState(false);
+    const [mfaSessionToken, setMfaSessionToken] = useState(undefined);
+    const [mfaEnabled, setMfaEnabled] = useState(false);
     const { loading, password, handlePasswordChange, handleSubmit, appName } = useEnterPassword();
     const form = useForm({ defaultValues: { password } });
     return (_jsxs(_Fragment, { children: [_jsxs(ScreenLayout, { title: `Hi, Welcome To ${appName}!`, subTitle: email, buttonProps: {
                     loading,
                     label: 'Continue',
-                    onClick: () => { if (email)
-                        handleSubmit({ email, source: 'web' }); },
+                    onClick: () => {
+                        if (email)
+                            handleSubmit({
+                                email,
+                                source: 'web',
+                                verifyEmailOTP: ({ mfaEnabled, sessionToken }) => {
+                                    setMfaSessionToken(sessionToken);
+                                    setMfaEnabled(mfaEnabled);
+                                    setShowLoginWithEmailOTPModal(true);
+                                }
+                            });
+                    },
                     disabled: !password || !email || loading,
-                }, onPressBack: onPressBack, children: [_jsx(Form, { className: "w-full", form: form, onSubmit: () => { if (email)
-                            handleSubmit({ email, source: 'web' }); }, children: _jsx(Form.Item, { name: "password", label: "Password", children: _jsx(PasswordInput, { placeholder: "Enter your password", value: password, showStrengthIndicator: false, className: `border rounded-md px-3 py-2 border-gray-300`, ...form.register('password', {
+                }, onPressBack: onPressBack, children: [_jsx(Form, { className: "w-full", form: form, children: _jsx(Form.Item, { name: "password", label: "Password", children: _jsx(PasswordInput, { placeholder: "Enter your password", value: password, showStrengthIndicator: false, className: `border rounded-md px-3 py-2 border-gray-300`, ...form.register('password', {
                                     onChange: (e) => {
                                         handlePasswordChange(e.target.value);
                                     }
-                                }) }) }) }), _jsx(Button, { type: "button", size: 'small', variant: 'link', label: "Forgot Password?", className: "px-0 h-auto ml-auto block mt-4", onClick: () => setShowResetPasswordOTPModal(true) })] }), _jsxs(Flex, { align: "center", className: "mt-6 mb-6", children: [_jsx(Flex, { className: "flex-1 border-t border-gray-300" }), _jsx(Typography, { type: 'body', size: 'small', className: "text-gray-500 px-4", children: "OR" }), _jsx(Flex, { className: "flex-1 border-t border-gray-300" })] }), _jsx(Button, { label: 'Sign In with Email OTP', variant: 'secondary', className: 'flex-none', isFullWidth: true, type: "button", onClick: () => setShowLoginWithEmailOTPModal(true) }), _jsx(SupportDetails, {}), showResetPasswordOTPModal &&
+                                }) }) }) }), _jsx(Button, { type: "button", size: 'small', variant: 'link', label: "Forgot Password?", className: "px-0 h-auto ml-auto block mt-4", onClick: () => setShowResetPasswordOTPModal(true) })] }), _jsxs(Flex, { align: "center", className: "mt-6 mb-6", children: [_jsx(Flex, { className: "flex-1 border-t border-gray-300" }), _jsx(Typography, { type: 'body', size: 'small', className: "text-gray-500 px-4", children: "OR" }), _jsx(Flex, { className: "flex-1 border-t border-gray-300" })] }), _jsx(Button, { label: 'Sign In with Email OTP', variant: 'secondary', className: 'flex-none', isFullWidth: true, type: "button", onClick: () => {
+                    setMfaSessionToken(undefined);
+                    setMfaEnabled(false);
+                    setShowLoginWithEmailOTPModal(true);
+                } }), _jsx(SupportDetails, {}), showResetPasswordOTPModal &&
                 _jsx(VerifyResetPasswordOTPModal, { email: email, show: showResetPasswordOTPModal, hide: () => setShowResetPasswordOTPModal(false), onVerifiedOTP: (sessionToken) => {
                         setShowResetPasswordOTPModal(false);
                         onVerifiedResetPasswordOTP(sessionToken);
                     } }), showLoginWithEmailOTPModal &&
-                _jsx(LoginWithEmailOTPModal, { email: email, show: showLoginWithEmailOTPModal, hide: () => setShowLoginWithEmailOTPModal(false) })] }));
+                _jsx(LoginWithEmailOTPModal, { email: email, password: password, sessionToken: mfaSessionToken, mfaEnabled: mfaEnabled, show: showLoginWithEmailOTPModal, hide: () => {
+                        setShowLoginWithEmailOTPModal(false);
+                        setMfaSessionToken(undefined);
+                        setMfaEnabled(false);
+                    } })] }));
 };
-const LoginWithEmailOTPModal = ({ show, hide, email }) => {
-    return (_jsx(ResponsiveModal, { open: show, onClose: hide, title: _jsx(Typography, { type: "heading", size: "h6", className: "text-center mb-0", children: "Verify Your Email" }), showCloseButton: false, maskClosable: false, size: 'sm', children: _jsx(LoginWithEmailOTP, { email: email }) }));
+const LoginWithEmailOTPModal = ({ show, hide, email, password, sessionToken, mfaEnabled }) => {
+    return (_jsx(ResponsiveModal, { open: show, onClose: hide, title: _jsx(Typography, { type: "heading", size: "h6", className: "text-center mb-0", children: "Verify Your Email" }), showCloseButton: false, maskClosable: false, size: 'sm', children: _jsx(LoginWithEmailOTP, { email: email, password: password, sessionToken: sessionToken, mfaEnabled: mfaEnabled }) }));
 };
 const VerifyResetPasswordOTPModal = ({ show, hide, email, onVerifiedOTP }) => {
     return (_jsx(ResponsiveModal, { title: "Reset Your Password", open: show, onClose: hide, maskClosable: false, showCloseButton: false, size: 'sm', children: _jsx(VerifyResetPasswordOTP, { email: email, onVerifiedOTP: onVerifiedOTP }) }));

package/build/src/screens/EnterPassword/index.native.js

@@ -7,14 +7,25 @@ import { useEnterPassword } from './hooks/internal/useEnterPassword';
 const { primary } = Colors;
 const EnterPassword = ({ navigation, route }) => {
     const { email } = route.params;
-    const { loading, password, isPasswordVisible, togglePasswordVisibility, handlePasswordChange, isDisabled, handleSubmit } = useEnterPassword();
+    const { loading, password, isPasswordVisible, togglePasswordVisibility, handlePasswordChange, isDisabled, handleSubmit, invalidPassword } = useEnterPassword();
     return (_jsxs(Layout, { style: { flex: 1, backgroundColor: primary.white }, children: [_jsxs(ScreenLayout, { title: "Enter Your Password", buttonProps: {
                     loading,
                     label: 'Continue',
-                    onPress: () => { if (email)
-                        handleSubmit({ email, source: Platform.OS }); },
+                    onPress: () => {
+                        if (email)
+                            handleSubmit({
+                                email,
+                                source: Platform.OS,
+                                verifyEmailOTP: ({ mfaEnabled, sessionToken }) => {
+                                    navigation.navigate('LoginWithEmailOTP', { email, password, mfaEnabled, sessionToken });
+                                }
+                            });
+                    },
                     disabled: isDisabled,
-                }, children: [_jsx(View, { style: { position: 'relative' }, children: _jsx(TextInputField, { placeholder: 'Enter password...', onChangeValue: handlePasswordChange, secureTextEntry: !isPasswordVisible, value: password, rightIcon2: isPasswordVisible ? 'eye-outline' : 'eye-off-outline', onPressRightIcon2: () => togglePasswordVisibility(), autoFocus: true }) }), _jsx(TouchableOpacity, { activeOpacity: 0.8, style: { marginTop: 10, alignSelf: 'flex-end' }, onPress: () => navigation.navigate('VerifyResetPasswordOTP', { email }), children: _jsx(Text, { style: {
+                }, children: [_jsx(View, { style: { position: 'relative' }, children: _jsx(TextInputField, { placeholder: 'Enter password...', onChangeValue: handlePasswordChange, secureTextEntry: !isPasswordVisible, value: password, rightIcon2: isPasswordVisible ? 'eye-outline' : 'eye-off-outline', onPressRightIcon2: () => togglePasswordVisibility(), error: {
+                                show: invalidPassword,
+                                message: 'Email and password do not match!'
+                            }, autoFocus: true }) }), _jsx(TouchableOpacity, { activeOpacity: 0.8, style: { marginTop: 10, alignSelf: 'flex-end' }, onPress: () => navigation.navigate('VerifyResetPasswordOTP', { email }), children: _jsx(Text, { style: {
                                 fontSize: 12, fontWeight: '600',
                                 color: primary.primary_main, lineHeight: 20,
                             }, children: "Forgot Password?" }) })] }), _jsxs(View, { style: { paddingHorizontal: 16 }, children: [_jsxs(View, { style: {

package/build/src/screens/LoginWithEmailOTP/hooks/internal/useLoginWithEmailOTP.js

@@ -6,29 +6,33 @@ import { axiosClient } from "../../../../api/axiosClient";
  * @internal
  * Hook for handling Email OTP Login flow.
  */
-const useLoginWithEmailOTP = ({ email, source }) => {
+const useLoginWithEmailOTP = ({ email, password, source, sessionToken, mfaEnabled }) => {
     const [resendOTPCounter, setResendOTPCounter] = useState(0);
     const [status, setStatus] = useState("idle");
-    const sessionTokenRef = useRef("");
-    const { onLogin } = useAuthPackageContext();
+    const sessionTokenRef = useRef(sessionToken || "");
+    const { onLogin, onTokenChange } = useAuthPackageContext();
     /**
      * Sends an OTP to the provided email.
      */
     const sendOtp = useCallback(() => {
         setStatus("loading");
+        const payload = { email, source };
+        if (password && mfaEnabled) {
+            payload.password = password;
+        }
         axiosClient({
-            url: '/auth/login/email',
+            url: mfaEnabled ? '/auth/login/v2' : '/auth/login/email',
             method: 'POST',
-            data: { email, source },
+            data: payload
         }).then((res) => {
             setResendOTPCounter(prevCounter => prevCounter + 1);
             sessionTokenRef.current = res.data.sessionToken;
         }).catch((error) => {
-            console.error('Failed to send OTP:', error);
+            console.log('Failed to send OTP:', error);
             const message = error?.response?.data?.errors?.[0]?.message || "Failed to send OTP. Please try again.";
             showMessage({ message });
         }).finally(() => setStatus("idle"));
-    }, [email, source]);
+    }, [email, source, password, mfaEnabled]);
     /**
      * Verifies the entered OTP and logs the user in.
      */
@@ -41,6 +45,9 @@ const useLoginWithEmailOTP = ({ email, source }) => {
         }).then((res) => {
             setStatus('valid');
             const { token, member } = res.data;
+            if (token) {
+                onTokenChange(token);
+            }
             onLogin({ token, member });
         }).catch((error) => {
             const errorCode = error?.response?.status;
@@ -56,15 +63,20 @@ const useLoginWithEmailOTP = ({ email, source }) => {
                 return () => clearTimeout(timeoutId);
             }
         });
-    }, [sessionTokenRef.current]);
+    }, [onLogin, onTokenChange]);
     /**
      * Automatically sends OTP when email and source are provided.
+     * Skip if mfaEnabled & sessionToken is already provided (from MFA flow).
      */
     useEffect(() => {
-        if (email && source) {
+        if (email && source && !mfaEnabled) {
             sendOtp();
         }
-    }, [email, source, sendOtp]);
+        else if (mfaEnabled && sessionToken) {
+            // If sessionToken is provided, we already have a session, just initialize
+            sessionTokenRef.current = sessionToken;
+        }
+    }, [email, source, sessionToken, sendOtp]);
     return {
         sendOtp,
         verifyOtp,

package/build/src/screens/LoginWithEmailOTP/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useLoginWithEmailOTP } from "./hooks/internal/useLoginWithEmailOTP";
 import { VerifyEmailOTP } from "../../components/VerifyEmailOTP";
-const LoginWithEmailOTP = ({ email }) => {
-    const { resendOTPCounter, status, verifyOtp, sendOtp, } = useLoginWithEmailOTP({ email, source: 'web' });
+const LoginWithEmailOTP = ({ email, password, sessionToken, mfaEnabled }) => {
+    const { resendOTPCounter, status, verifyOtp, sendOtp, } = useLoginWithEmailOTP({ email, password, source: 'web', sessionToken, mfaEnabled });
     return (_jsx(VerifyEmailOTP, { email: email, validateOTP: verifyOtp, resendOTP: sendOtp, status: status, resendOTPCounter: resendOTPCounter }));
 };
 export default LoginWithEmailOTP;

package/build/src/screens/LoginWithEmailOTP/index.native.js

@@ -3,8 +3,8 @@ import { Platform } from 'react-native';
 import { VerifyEmailOTP } from '../../components/VerifyEmailOTP';
 import { useLoginWithEmailOTP } from './hooks/internal/useLoginWithEmailOTP';
 const LoginWithEmailOTP = ({ route }) => {
-    const { email } = route.params;
-    const { resendOTPCounter, status, verifyOtp, sendOtp, } = useLoginWithEmailOTP({ email, source: Platform.OS });
+    const { email, sessionToken, mfaEnabled, password } = route.params;
+    const { resendOTPCounter, status, verifyOtp, sendOtp, } = useLoginWithEmailOTP({ email, password, source: Platform.OS, sessionToken, mfaEnabled });
     return (_jsx(VerifyEmailOTP, { email: email, status: status, validateOTP: verifyOtp, resendOTP: sendOtp, resendOTPCounter: resendOTPCounter }));
 };
 export default LoginWithEmailOTP;

package/build/src/screens/SSOLogin/SSOCallback/components/SSOCallbackComponent/index.js

@@ -21,7 +21,7 @@ const SSOCallbackComponents = () => {
                 setCode(typeof code === 'string' ? code : '');
             }
             catch (error) {
-                console.error('Failed to read from localStorage:', error);
+                console.log('Failed to read from localStorage:', error);
                 setCode(typeof code === 'string' ? code : '');
                 // Fallback: proceed without stored values
             }

package/build/src/screens/VerifyEmail/hooks/internal/useVerifyEmail.js

@@ -15,7 +15,7 @@ const useVerifyEmail = ({ sessionToken }) => {
     }, []);
     const resendOTP = useCallback(() => {
         if (!sessionTokenState) {
-            console.error('useVerifyEmail: sessionToken is required to resend OTP');
+            console.log('useVerifyEmail: sessionToken is required to resend OTP');
             return;
         }
         setResendOTPCounter(prevCounter => prevCounter + 1);
@@ -33,7 +33,7 @@ const useVerifyEmail = ({ sessionToken }) => {
     }, [sessionTokenState]);
     const validateOTP = useCallback(({ otp, onVerifiedOTP }) => {
         if (!sessionTokenState) {
-            console.error('useVerifyEmail: sessionToken is required to resend OTP');
+            console.log('useVerifyEmail: sessionToken is required to resend OTP');
             return;
         }
         setStatus('loading');

package/build/src/screens/VerifyResetPasswordOTP/hooks/internal/useVerifyResetPasswordOTP.js

@@ -27,7 +27,7 @@ const useVerifyResetPasswordOTP = ({ email }) => {
             setResendOTPCounter(prevCounter => prevCounter + 1);
             sessionTokenRef.current = res.data.sessionToken;
         }).catch((error) => {
-            console.error('Failed to send OTP:', error);
+            console.log('Failed to send OTP:', error);
             const message = error?.response?.data?.errors?.[0]?.message || "Failed to send OTP. Please try again.";
             showMessage({ message });
         }).finally(() => setStatus("idle"));

package/build/src/screens/Welcome/SocialAuth/hooks/useSocialAuth.native.js

@@ -7,7 +7,7 @@ import { handleAppleAuth, handleFacebookAuth, handleGoogleAuth, SocialAuthStatus
 import { RegistrationMethod, SocialLoginsEnum } from "../../../../enums";
 import { showMessage } from "../../../../helpers/show-message";
 import { AccessToken, GraphRequest, GraphRequestManager, LoginManager } from "react-native-fbsdk-next";
-import AppleAuth, { AppleAuthRequestOperation, AppleAuthRequestScope, AppleAuthCredentialState } from '@invertase/react-native-apple-authentication';
+import appleAuth from '@invertase/react-native-apple-authentication';
 import { axiosClient } from "../../../../api/axiosClient";
 const useSocialAuth = () => {
     const [loading, setLoading] = useState(false);
@@ -20,7 +20,7 @@ const useSocialAuth = () => {
             GoogleSignin.configure({ webClientId: googleAppId });
             await GoogleSignin.hasPlayServices();
             const googleResponse = await GoogleSignin.signIn();
-            const { user, idToken } = googleResponse.data || {};
+            const { user, idToken } = googleResponse || {};
             if (!user || !idToken) {
                 return showMessage({
                     message: "Google login failed",
@@ -40,7 +40,7 @@ const useSocialAuth = () => {
             }, SocialLoginsEnum.Google);
         }
         catch (err) {
-            console.error("Google login failed:", err);
+            console.log("Google login failed:", err);
             return { error: err };
         }
         finally {
@@ -83,7 +83,7 @@ const useSocialAuth = () => {
             }, SocialLoginsEnum.Facebook);
         }
         catch (err) {
-            console.error("Facebook login failed:", err);
+            console.log("Facebook login failed:", err);
             return { error: err };
         }
         finally {
@@ -92,13 +92,12 @@ const useSocialAuth = () => {
     }, []);
     const loginWithApple = useCallback(async () => {
         try {
-            const appleAuthResponse = await AppleAuth.performRequest({
-                requestedOperation: AppleAuthRequestOperation.LOGIN,
-                requestedScopes: [AppleAuthRequestScope.EMAIL,
-                    AppleAuthRequestScope.FULL_NAME],
+            const appleAuthResponse = await appleAuth.performRequest({
+                requestedOperation: appleAuth.Operation.LOGIN,
+                requestedScopes: [appleAuth.Scope.FULL_NAME, appleAuth.Scope.EMAIL],
             });
-            const credentialState = await AppleAuth.getCredentialStateForUser(appleAuthResponse.user);
-            if (credentialState !== AppleAuthCredentialState.AUTHORIZED) {
+            const credentialState = await appleAuth.getCredentialStateForUser(appleAuthResponse.user);
+            if (credentialState !== appleAuth.State.AUTHORIZED) {
                 return;
             }
             setLoading(true);
@@ -150,7 +149,7 @@ const useSocialAuth = () => {
             }, SocialLoginsEnum.Apple);
         }
         catch (error) {
-            console.error("Apple login failed:", error);
+            console.log("Apple login failed:", error);
             return { error: error };
         }
         finally {

package/build/src/screens/Welcome/SocialAuth/hooks/web/useFacebookAuth.web.js

@@ -105,7 +105,7 @@ export const useFacebookAuth = () => {
             }
         }
         catch (error) {
-            console.error("Google login failed:", error);
+            console.log("Google login failed:", error);
             setError(error);
             return { error };
         }

package/build/src/screens/Welcome/components/SocialLoginModal/index.native.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import { Text } from 'react-native';
-import { BottomSheet, RoundedButton } from '@truworth/twc-rn-common';
+import { BottomSheet, isIphoneX, RoundedButton } from '@truworth/twc-rn-common';
 import { useModalize } from 'react-native-modalize';
 const SocialLoginModal = ({ visible, hide, socialLoginType, onClick }) => {
     const { ref: socialSheetRef, open: openSheet, close: closeSheet } = useModalize();
@@ -13,7 +13,7 @@ const SocialLoginModal = ({ visible, hide, socialLoginType, onClick }) => {
             closeSheet();
         }
     }, [visible]);
-    return (_jsxs(BottomSheet, { title: 'Corporate Users', sheetRef: socialSheetRef, childrenStyle: { padding: 16 }, onClose: hide, children: [_jsxs(Text, { style: {
+    return (_jsxs(BottomSheet, { title: 'Corporate Users', sheetRef: socialSheetRef, childrenStyle: { padding: 16, marginBottom: isIphoneX() ? 18 : 0 }, onClose: hide, children: [_jsxs(Text, { style: {
                     fontSize: 12, fontWeight: '600', color: '#000',
                     lineHeight: 16, marginBottom: 30,
                 }, children: ["If you are a corporate user, you will", ' ', _jsx(Text, { style: { textDecorationLine: 'underline' }, children: "NOT" }), ' ', "be able to avail all the health benefits offered on The Wellness Corner by your employer if you login through ", socialLoginType, ".", '\n', '\n', "In that case you will have to go back ", '&', " register using your official Email Address."] }), _jsx(RoundedButton, { label: "I understand, I'm NOT a corporate user", onPress: onClick })] }));

package/build/types/navigator/index.native.d.ts

@@ -37,6 +37,9 @@ export type AuthStackParamList = {
     };
     LoginWithEmailOTP: {
         email: string;
+        sessionToken?: string;
+        mfaEnabled?: boolean;
+        password?: string;
     };
     ResetPassword: {
         sessionToken: string;

package/build/types/screens/EnterPassword/hooks/internal/useEnterPassword.d.ts

@@ -1,6 +1,10 @@
 type SubmitProps = {
     email: string;
     source: string;
+    verifyEmailOTP?: (params: {
+        mfaEnabled: boolean;
+        sessionToken: string;
+    }) => void;
 };
 /**
  * @internal
@@ -12,9 +16,10 @@ declare const useEnterPassword: () => {
     setPassword: import("react").Dispatch<import("react").SetStateAction<string>>;
     isPasswordVisible: boolean;
     togglePasswordVisibility: () => void;
-    handleSubmit: ({ email, source }: SubmitProps) => Promise<void>;
+    handleSubmit: ({ email, source, verifyEmailOTP }: SubmitProps) => Promise<void>;
     isDisabled: boolean;
     handlePasswordChange: (value: string) => void;
     appName: string | undefined;
+    invalidPassword: boolean;
 };
 export { useEnterPassword };

package/build/types/screens/EnterPassword/types.d.ts

@@ -17,5 +17,8 @@ interface LoginWithEmailOTPModalProps {
     show: boolean;
     hide: () => void;
     email: string;
+    password?: string;
+    sessionToken?: string;
+    mfaEnabled?: boolean;
 }
 export type { EnterPasswordProps, VerifyResetPasswordOTPModalProps, LoginWithEmailOTPModalProps };

package/build/types/screens/LoginWithEmailOTP/hooks/internal/useLoginWithEmailOTP.d.ts

@@ -2,9 +2,12 @@
  * @internal
  * Hook for handling Email OTP Login flow.
  */
-declare const useLoginWithEmailOTP: ({ email, source }: {
+declare const useLoginWithEmailOTP: ({ email, password, source, sessionToken, mfaEnabled }: {
     email: string;
+    password?: string;
     source: string;
+    sessionToken?: string;
+    mfaEnabled?: boolean;
 }) => {
     sendOtp: () => void;
     verifyOtp: (otp: string) => void;

package/build/types/screens/LoginWithEmailOTP/index.d.ts

@@ -1,4 +1,7 @@
-declare const LoginWithEmailOTP: ({ email }: {
+declare const LoginWithEmailOTP: ({ email, password, sessionToken, mfaEnabled }: {
     email: string;
+    password?: string;
+    sessionToken?: string;
+    mfaEnabled?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export default LoginWithEmailOTP;

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "description": "Truworth Auth Package for React Native and Web",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "main": "build/src/index.js",
   "types": "build/types/index.d.ts",
   "files": [
@@ -20,14 +20,14 @@
     "pub": "git add . && git commit -m \"Updates\" && git push && npm run build && npm version patch && npm publish"
   },
   "devDependencies": {
-    "@invertase/react-native-apple-authentication": "^1.1.2",
-    "@react-native-clipboard/clipboard": "1.14.1",
+    "@invertase/react-native-apple-authentication": "2.5.0",
+    "@react-native-clipboard/clipboard": "1.16.3",
     "@react-native-community/datetimepicker": "8.1.1",
-    "@react-native-google-signin/google-signin": "^16.0.0",
-    "@react-navigation/native": "^6.1.17",
-    "@react-navigation/native-stack": "^6.10.0",
-    "@truworth/twc-rn-common": "^1.0.15",
-    "@truworth/twc-web-design": "^1.10.0",
+    "@react-native-google-signin/google-signin": "12.2.1",
+    "@react-navigation/native": "6.1.17",
+    "@react-navigation/native-stack": "6.10.0",
+    "@truworth/twc-rn-common": "1.0.15",
+    "@truworth/twc-web-design": "1.11.0",
     "@twotalltotems/react-native-otp-input": "1.3.11",
     "@types/crypto-js": "^4.2.2",
     "@types/fbemitter": "^2.0.35",
@@ -47,24 +47,24 @@
     "lottie-react-native": "6.7.2",
     "moment": "^2.30.1",
     "next": "^15.0.4",
-    "react": "^18.2.0",
+    "react": "18.3.1",
     "react-dom": "^18.2.0",
     "react-google-login": "^5.2.2",
     "react-google-recaptcha": "^3.1.0",
     "react-infinite-scroll-component": "^6.1.0",
     "react-lottie": "^1.2.3",
-    "react-native": "^0.74.5",
-    "react-native-fast-image": "^8.6.3",
-    "react-native-fbsdk-next": "^13.4.1",
-    "react-native-linear-gradient": "^2.8.3",
+    "react-native": "0.76.1",
+    "react-native-fast-image": "8.6.3",
+    "react-native-fbsdk-next": "13.4.1",
+    "react-native-linear-gradient": "2.8.3",
     "react-native-modalize": "2.1.1",
     "react-native-parsed-text": "^0.0.22",
-    "react-native-reanimated": "^3.13.0",
-    "react-native-rsa-native": "^2.0.5",
-    "react-native-safe-area-context": "^5.3.0",
+    "react-native-reanimated": "3.16.1",
+    "react-native-rsa-native": "2.0.5",
+    "react-native-safe-area-context": "4.14.0",
     "react-native-svg": "15.8.0",
     "react-native-svg-uri": "^1.2.3",
-    "react-native-vector-icons": "^9.2.0",
+    "react-native-vector-icons": "9.2.0",
     "react-redux": "^9.2.0",
     "sweetalert2": "^11.23.0",
     "typescript": "^5.0.0",