@truworth/twc-auth 1.2.5 → 1.2.7

package/build/assets/email_icon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 18">
+    <g fill="#ACD7D3">
+        <path d="M6.058 5.341c0 .568-.462 1.031-1.032 1.031H2.62c-.57 0-1.032-.463-1.032-1.03 0-.57.463-1.033 1.032-1.033h2.406c.57 0 1.032.463 1.032 1.032zM8.78 8.97c0 .568-.462 1.031-1.033 1.031H5.341c-.569 0-1.032-.463-1.032-1.03 0-.57.463-1.033 1.032-1.033h2.406c.57 0 1.032.463 1.032 1.032zM11.274 12.6c0 .567-.462 1.03-1.032 1.03H7.836c-.569 0-1.032-.463-1.032-1.03 0-.57.463-1.033 1.032-1.033h2.406c.57 0 1.032.463 1.032 1.032z"/>
+        <path d="M18.448.005H3.462C3.454.005 3.447 0 3.438 0H1.032C.462 0 0 .463 0 1.032 0 1.6.463 2.063 1.032 2.063h4.126l5.277 5.347c1.375 1.392 3.623 1.407 5.016.033l4.406-4.349c.048.145.08.297.08.457v10.361c0 .82-.668 1.488-1.489 1.488h-6.232c-.016 0-.03-.01-.047-.01H9.763c-.57 0-1.032.464-1.032 1.033 0 .568.463 1.03 1.032 1.03h.595v.006h8.09c1.956 0 3.547-1.59 3.547-3.547V3.552c0-1.957-1.59-3.547-3.547-3.547zm-4.443 5.973c-.584.576-1.529.57-2.105-.014L8.05 2.063h9.92l-3.965 3.915z"/>
+    </g>
+</svg>

package/build/src/constants/social-login-options.js

@@ -0,0 +1,16 @@
+import { SocialLoginsEnum } from "../enums";
+const socialLoginOptions = [
+    {
+        type: SocialLoginsEnum.Google,
+        iconImageUrl: `https://cdn-thewellnesscorner.s3.amazonaws.com/twc-web-images/template/google-icon.png`,
+    },
+    {
+        type: SocialLoginsEnum.Facebook,
+        iconImageUrl: `https://cdn-thewellnesscorner.s3.amazonaws.com/twc-web-images/template/facebook-icon.png`,
+    },
+    {
+        type: SocialLoginsEnum.Apple,
+        iconImageUrl: `https://cdn-thewellnesscorner.s3.amazonaws.com/twc-web-images/template/apple-icon.png`,
+    }
+];
+export { socialLoginOptions };

package/build/src/contexts/AuthContext.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useEffect, useState, useMemo, useCallback } from 'react';
 import { MEMBER_IMAGES_URL } from '../constants/cdn-url';
-import { createHttpClient } from '../helpers/Network';
+import { createHttpClient } from '../helpers/network';
 /**
  * Public Auth Authentication Context
  *
@@ -32,8 +32,9 @@ const AuthPackageContext = React.createContext(null);
  * @param onLaunchAuthSession - Optional callback after successfully launching the auth session. For example, it can be used to set the Firebase notification token or request Android permissions.
  * @param onRefreshSession - Optional handler for refreshing user session
  * @param openChatSupport - Optional callback to open chat support
+ * @param socialLoginConfig - Optional social login configuration
  */
-const AuthProvider = ({ children, LogoComponent, session, appConfig, onLogin, onLogout, onLaunchAuthSession, onRefreshSession, openChatSupport }) => {
+const AuthProvider = ({ children, LogoComponent, session, appConfig, onLogin, onLogout, onLaunchAuthSession, onRefreshSession, openChatSupport, socialLoginConfig }) => {
     const [isLoadingProfile, setIsLoadingProfile] = useState(false);
     const [profile, setProfile] = useState(null);
     const [client, setClient] = useState(null);
@@ -171,6 +172,7 @@ const AuthProvider = ({ children, LogoComponent, session, appConfig, onLogin, on
         LogoComponent,
         appConfig: appConfigValue,
         registrationMethod,
+        socialLoginConfig,
         onLaunchAuthSession,
         onLogin,
         logout,

package/build/src/enums/index.js

@@ -1,2 +1,3 @@
 export * from './registrationMethod.enum';
 export * from './loginMethod.enum';
+export * from './socialLogins.enum';

package/build/src/enums/socialLogins.enum.js

@@ -0,0 +1,6 @@
+export var SocialLoginsEnum;
+(function (SocialLoginsEnum) {
+    SocialLoginsEnum["Google"] = "google";
+    SocialLoginsEnum["Facebook"] = "facebook";
+    SocialLoginsEnum["Apple"] = "apple";
+})(SocialLoginsEnum || (SocialLoginsEnum = {}));

package/build/src/helpers/{Network.js → network.js}

@@ -1,5 +1,5 @@
 import { axiosClient } from '../api/axiosClient';
-import { showMessage } from '../helpers/show-message';
+import { showMessage } from './show-message';
 import {} from 'axios';
 export const createHttpClient = ({ token, onRefreshSession, onLogout }) => {
     let currentToken = token;
@@ -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/hooks/useRequest.js

@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useState } from 'react';
 import { showMessage } from '../helpers/show-message';
 import { useAuthPackageContext } from './internal/useAuthPackageContext';
-import { createHttpClient } from '../helpers/Network';
+import { createHttpClient } from '../helpers/network';
 const useRequest = () => {
     const { token: sessionToken, logout, refreshSession } = useAuthPackageContext();
     const [token, setToken] = useState(sessionToken);

package/build/src/screens/EnterEmail/hooks/internal/useEnterEmail.js

@@ -69,7 +69,6 @@ const useEnterEmail = () => {
         handleClearEmail,
         isLoginConflictModalVisible,
         setIsLoginConflictModalVisible,
-        onRegistrationMethodChange,
         appName: appConfig.appName,
         loginConflictTitle: `Sign in with ${loginType}`,
         loginConflictDescription: `Looks like you previously registered using ${loginType}. Please go back and sign in with ${loginType}.`,

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

@@ -1,12 +1,31 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, Form, TextInput, useForm } from '@truworth/twc-web-design';
+import { Button, Flex, Form, TextInput, Typography, useForm } from '@truworth/twc-web-design';
 import { ConfirmationModal as LoginConflictModal } from '../../components/ConfirmationModal';
 import { ScreenLayout } from "../../components/ScreenLayout";
 import { useEnterEmail } from "./hooks/internal/useEnterEmail";
 import { SupportDetails } from '../../components/SupportDetails';
+import { useWelcome } from '../Welcome/hooks/internal/useWelcome';
+import { socialLoginOptions } from '../../constants/social-login-options';
+import { SocialLoginModal } from '../Welcome/components/SocialLoginModal';
+import { useSocialAuth } from '../Welcome/SocialAuth/hooks/useSocialAuth.web';
+import { SocialLoginsEnum } from '../../enums';
+import _ from 'lodash';
 const EnterEmail = ({ onContinue, onPressSignInWithSSO }) => {
-    const { email, isEmailValid, handleEmailChange, appName, handleEmailExists, loading, loginConflictTitle, loginConflictDescription, isLoginConflictModalVisible, setIsLoginConflictModalVisible } = useEnterEmail();
+    const { loginWithGoogle, loginWithFacebook } = useSocialAuth();
+    const { email, isEmailValid, handleEmailChange, appName, handleEmailExists, loading, loginConflictTitle, loginConflictDescription, isLoginConflictModalVisible, setIsLoginConflictModalVisible, } = useEnterEmail();
+    const { showSocialLoginModal, setShowSocialLoginModal, socialLoginType, setSocialLoginType, isSocialLoginEnabled, socialLoginConfig, } = useWelcome();
     const form = useForm({ defaultValues: { email } });
+    const handleLogin = () => {
+        setShowSocialLoginModal(false);
+        switch (socialLoginType) {
+            case SocialLoginsEnum.Google:
+                return loginWithGoogle();
+            case SocialLoginsEnum.Facebook:
+                return loginWithFacebook();
+            default:
+                return;
+        }
+    };
     return (_jsxs(_Fragment, { children: [_jsxs(ScreenLayout, { title: `Hi, Welcome To ${appName}!`, subTitle: "Please enter email to get started.", buttonProps: {
                     loading,
                     label: 'Continue',
@@ -21,6 +40,15 @@ const EnterEmail = ({ onContinue, onPressSignInWithSSO }) => {
                                         handleEmailChange(e.target.value);
                                     }
                                 }) }) }) }), isLoginConflictModalVisible &&
-                        _jsx(LoginConflictModal, { title: loginConflictTitle, description: loginConflictDescription, visible: isLoginConflictModalVisible, onProceed: () => setIsLoginConflictModalVisible(false), onClose: () => setIsLoginConflictModalVisible(false), primaryLabel: 'Okay' })] }), _jsx(Button, { isFullWidth: true, type: "button", label: 'Sign In with SSO', variant: 'secondary', className: 'flex-none mt-6', onClick: onPressSignInWithSSO }), _jsx(SupportDetails, {})] }));
+                        _jsx(LoginConflictModal, { title: loginConflictTitle, description: loginConflictDescription, visible: isLoginConflictModalVisible, onProceed: () => setIsLoginConflictModalVisible(false), onClose: () => setIsLoginConflictModalVisible(false), primaryLabel: 'Okay' })] }), _jsx(Button, { isFullWidth: true, type: "button", label: 'Sign In with SSO', variant: 'secondary', className: 'flex-none mt-6', onClick: onPressSignInWithSSO }), isSocialLoginEnabled && (_jsxs(_Fragment, { children: [_jsxs(Flex, { align: "center", className: "my-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 continue with" }), _jsx(Flex, { className: "flex-1 border-t border-gray-300" })] }), _jsx(Flex, { justify: 'center', align: 'center', className: "gap-4", children: socialLoginOptions.map(({ type, iconImageUrl }) => {
+                            if (type === SocialLoginsEnum.Apple) {
+                                return null;
+                            }
+                            return socialLoginConfig?.[type]?.enabled && (_jsxs("button", { type: "button", className: "flex justify-center p-3 gap-2 items-center\n                                             rounded-[50px] flex-1 border text-gray-800 hover:text-gray-800\n                                             border-gray-100 bg-gray-100 hover:border-gray-300 transition-all duration-300 cursor-pointer", onClick: () => {
+                                    setSocialLoginType(type);
+                                    setShowSocialLoginModal(true);
+                                }, children: [_jsx("img", { src: iconImageUrl, style: { width: 20, height: 20 } }), _jsx(Typography, { type: 'utility', size: 'medium', children: _.startCase(type) })] }, type));
+                        }) })] })), showSocialLoginModal &&
+                _jsx(SocialLoginModal, { visible: showSocialLoginModal, hide: () => setShowSocialLoginModal(false), socialLoginType: socialLoginType, onClick: handleLogin }), _jsx(SupportDetails, {})] }));
 };
 export default EnterEmail;

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

@@ -17,16 +17,31 @@ const useEnterPassword = () => {
     const handlePasswordChange = useCallback((value) => {
         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;

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

@@ -11,8 +11,16 @@ const EnterPassword = ({ navigation, route }) => {
     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: {
                                 fontSize: 12, fontWeight: '600',

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/SignUp/components/SignUpWebComponent/index.js

@@ -11,18 +11,28 @@ const SignUpWebComponent = () => {
     const [signUpStep, setSignUpStep] = useState('registration');
     const [userDetails, setUserDetails] = useState({});
     const [registrationToken, setRegistrationToken] = useState('');
+    const [fbUserId, setFbUserId] = useState('');
+    const [googleUserId, setGoogleUserId] = useState('');
     useEffect(() => {
         const rawRegistrationToken = router.query.registrationToken;
+        const rawFbUserId = router.query.fbUserId;
+        const rawGoogleUserId = router.query.googleUserId;
         if (typeof rawRegistrationToken === 'string') {
             setRegistrationToken(rawRegistrationToken);
         }
+        if (typeof rawFbUserId === 'string') {
+            setFbUserId(rawFbUserId);
+        }
+        if (typeof rawGoogleUserId === 'string') {
+            setGoogleUserId(rawGoogleUserId);
+        }
     }, [router.query.registrationToken]);
     const renderStep = () => {
         switch (signUpStep) {
             case 'registration':
                 return (_jsx(SignUpFormComponent, { userDetails: userDetails, onContinue: (userDetails) => {
                         if (registrationToken) {
-                            setUserDetails({ ...userDetails, registrationToken });
+                            setUserDetails({ ...userDetails, registrationToken, fbUserId, googleUserId });
                             setSignUpStep('user-consent');
                             return;
                         }

package/build/src/screens/SignUp/hooks/internal/useSignUp.js

@@ -1,5 +1,5 @@
 import { useMemo, useState } from "react";
-import { validateEmojiRegex } from "../../../../helpers/Validation";
+import { validateEmojiRegex } from "../../../../helpers/validation";
 import { showMessage } from "../../../../helpers/show-message";
 import { useAuthPackageContext } from "../../../../hooks/internal/useAuthPackageContext";
 import { RegistrationMethod } from "../../../../enums";

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

@@ -50,6 +50,9 @@ const SignUp = ({ navigation, route }) => {
             selectedDOB,
             countryCode,
             referralCode,
+            googleUserId: route.params?.googleUserId,
+            fbUserId: route.params?.fbUserId,
+            appleUserId: route.params?.appleUserId
         };
         if (route.params?.registrationToken) {
             navigation.navigate('UserConsent', {

package/build/src/screens/UserConsent/hooks/internal/useConsent.js

@@ -10,7 +10,7 @@ const useConsent = () => {
     const [loading, setLoading] = useState(false);
     const { registrationMethod } = useAuthPackageContext();
     const onAgree = ({ userDetails, source, onResult }) => {
-        const { firstName, lastName, selectedDOB, gender, referralCode, email, phone, countryCode, password, registrationToken } = userDetails || {};
+        const { firstName, lastName, selectedDOB, gender, referralCode, email, phone, countryCode, password, registrationToken, fbUserId, googleUserId, appleUserId } = userDetails || {};
         const payload = {
             firstName,
             lastName,
@@ -37,6 +37,15 @@ const useConsent = () => {
         if (registrationToken) {
             payload.ssoRegistrationToken = registrationToken;
         }
+        if (googleUserId) {
+            payload.googleUserId = googleUserId;
+        }
+        if (fbUserId) {
+            payload.fbUserId = fbUserId;
+        }
+        if (appleUserId) {
+            payload.appleUserId = appleUserId;
+        }
         setLoading(true);
         axiosClient({
             url: '/auth/registration/initiate',

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/commonSocialAuth.js

@@ -0,0 +1,127 @@
+// src/screens/Welcome/SocialAuth/commonSocialAuth.ts
+import { LoginMethodCode, SocialLoginsEnum } from "../../../enums";
+import { axiosClient } from "../../../api/axiosClient";
+import { checkEmailExists } from "../../../api/auth";
+// ============================================
+// TYPES & ENUMS
+// ============================================
+export var SocialAuthStatus;
+(function (SocialAuthStatus) {
+    SocialAuthStatus["REGISTER"] = "REGISTER";
+    SocialAuthStatus["INVALID"] = "INVALID";
+    SocialAuthStatus["SUCCESS"] = "SUCCESS";
+})(SocialAuthStatus || (SocialAuthStatus = {}));
+// ============================================
+// CONSTANTS
+// ============================================
+const EXISTING_LOGIN_TYPE = {
+    [LoginMethodCode.Email]: 'Email Address',
+    [LoginMethodCode.Facebook]: 'Facebook Account',
+    [LoginMethodCode.Google]: 'Google Account',
+    [LoginMethodCode.Apple]: 'Apple ID',
+};
+const PROVIDER_CONFIG = {
+    [SocialLoginsEnum.Google]: {
+        endpoint: '/auth/google',
+        tokenKey: 'token',
+        loginMethodCode: LoginMethodCode.Google,
+    },
+    [SocialLoginsEnum.Facebook]: {
+        endpoint: '/auth/facebook',
+        tokenKey: 'token',
+        loginMethodCode: LoginMethodCode.Facebook,
+    },
+    [SocialLoginsEnum.Apple]: {
+        endpoint: '/auth/apple/appleid-exists',
+        tokenKey: 'token',
+        loginMethodCode: LoginMethodCode.Apple,
+    },
+};
+// ============================================
+// HELPER FUNCTIONS
+// ============================================
+/**
+ * Verifies if the attempted login method matches the registered method for an email
+ * @param email - User's email address
+ * @param attemptedLoginCode - Login method code being attempted
+ * @returns Verification result with email existence and validity
+ */
+const verifyLoginType = async (email, attemptedLoginCode) => {
+    const { emailExist, loginType } = await checkEmailExists(email);
+    const existingLoginCode = Number(loginType);
+    if (emailExist) {
+        const isValidLoginType = EXISTING_LOGIN_TYPE[attemptedLoginCode] === EXISTING_LOGIN_TYPE[existingLoginCode];
+        return {
+            emailExist,
+            isValidLoginType,
+            existingLoginType: EXISTING_LOGIN_TYPE[existingLoginCode],
+        };
+    }
+    return { emailExist };
+};
+/**
+ * Generic handler for social authentication
+ * @param provider - Social provider (google, facebook, apple)
+ * @param email - User's email
+ * @param identityToken - Provider's identity token
+ * @param platform - Platform (web, ios, android)
+ * @returns Authentication result
+ */
+const handleSocialAuth = async (provider, email, identityToken, platform) => {
+    try {
+        const config = PROVIDER_CONFIG[provider];
+        // Verify login type
+        const { emailExist, isValidLoginType, existingLoginType } = await verifyLoginType(email, config.loginMethodCode);
+        // New user - needs registration
+        if (!emailExist) {
+            return {
+                status: SocialAuthStatus.REGISTER,
+                data: { email },
+            };
+        }
+        // Wrong Social login method
+        if (!isValidLoginType) {
+            return {
+                status: SocialAuthStatus.INVALID,
+                data: { existingLoginType },
+            };
+        }
+        // Authenticate with backend
+        const { data } = await axiosClient.post(config.endpoint, {
+            [config.tokenKey]: identityToken,
+            source: platform,
+        });
+        return {
+            status: SocialAuthStatus.SUCCESS,
+            data: {
+                token: data.token,
+                member: data.member,
+            },
+        };
+    }
+    catch (error) {
+        // Let the calling code handle the error
+        throw error;
+    }
+};
+// ============================================
+// PUBLIC API
+// ============================================
+/**
+ * Handles Google authentication
+ */
+export const handleGoogleAuth = async ({ email, googleIdentityToken, platform, }) => {
+    return handleSocialAuth(SocialLoginsEnum.Google, email, googleIdentityToken, platform);
+};
+/**
+ * Handles Facebook authentication
+ */
+export const handleFacebookAuth = async ({ email, facebookIdentityToken, platform }) => {
+    return handleSocialAuth(SocialLoginsEnum.Facebook, email, facebookIdentityToken, platform);
+};
+/**
+ * Handles Apple authentication
+ */
+export const handleAppleAuth = async ({ email, appleIdentityToken, platform }) => {
+    return handleSocialAuth(SocialLoginsEnum.Apple, email, appleIdentityToken, platform);
+};