@truworth/twc-auth 1.2.5 → 1.2.6

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;

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/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/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);
+};

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

@@ -0,0 +1,192 @@
+import { useCallback, useState } from "react";
+import { Alert, Linking, Platform } from "react-native";
+import { useAuthPackageContext } from "../../../../hooks/internal/useAuthPackageContext";
+import { useNavigation } from "@react-navigation/native";
+import { GoogleSignin } from "@react-native-google-signin/google-signin";
+import { handleAppleAuth, handleFacebookAuth, handleGoogleAuth, SocialAuthStatus } from "../commonSocialAuth";
+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 { axiosClient } from "../../../../api/axiosClient";
+const useSocialAuth = () => {
+    const [loading, setLoading] = useState(false);
+    const { onLogin, socialLoginConfig, onRegistrationMethodChange } = useAuthPackageContext();
+    const navigation = useNavigation();
+    const googleAppId = socialLoginConfig?.google?.webClientId;
+    const loginWithGoogle = useCallback(async () => {
+        try {
+            setLoading(true);
+            GoogleSignin.configure({ webClientId: googleAppId });
+            await GoogleSignin.hasPlayServices();
+            const googleResponse = await GoogleSignin.signIn();
+            const { user, idToken } = googleResponse.data || {};
+            if (!user || !idToken) {
+                return showMessage({
+                    message: "Google login failed",
+                    type: "error"
+                });
+            }
+            const result = await handleGoogleAuth({
+                email: user.email,
+                googleIdentityToken: idToken,
+                platform: Platform.OS === "ios" ? "ios" : "android",
+            });
+            return handleSocialAuthResult(result, {
+                email: user.email,
+                firstName: user.givenName ?? '',
+                lastName: user.familyName ?? '',
+                googleUserId: user.id,
+            }, SocialLoginsEnum.Google);
+        }
+        catch (err) {
+            console.error("Google login failed:", err);
+            return { error: err };
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [googleAppId]);
+    const loginWithFacebook = useCallback(async () => {
+        try {
+            const facebookResponse = await LoginManager.logInWithPermissions(['public_profile', 'email']);
+            if (facebookResponse.isCancelled) {
+                return;
+            }
+            setLoading(true);
+            const fbAccessToken = await AccessToken.getCurrentAccessToken();
+            const profile = await new Promise((resolve, reject) => {
+                new GraphRequestManager().addRequest(new GraphRequest('/me', {
+                    accessToken: fbAccessToken?.accessToken,
+                    parameters: { fields: { string: 'email,name' } },
+                }, (err, res) => (err ? reject(err) : resolve(res)))).start();
+            });
+            if (!profile.email || !profile.id) {
+                return showMessage({
+                    message: "Facebook login failed",
+                    type: "error"
+                });
+            }
+            const nameParts = profile.name?.split(' ') || [];
+            const firstName = nameParts[0] || undefined;
+            const lastName = nameParts.slice(1).join(' ') || undefined;
+            const result = await handleFacebookAuth({
+                email: profile.email,
+                facebookIdentityToken: fbAccessToken?.accessToken ?? '',
+                platform: Platform.OS === "ios" ? "ios" : "android",
+            });
+            return handleSocialAuthResult(result, {
+                email: profile.email,
+                firstName,
+                lastName,
+                fbUserId: profile.id
+            }, SocialLoginsEnum.Facebook);
+        }
+        catch (err) {
+            console.error("Facebook login failed:", err);
+            return { error: err };
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    const loginWithApple = useCallback(async () => {
+        try {
+            const appleAuthResponse = await AppleAuth.performRequest({
+                requestedOperation: AppleAuthRequestOperation.LOGIN,
+                requestedScopes: [AppleAuthRequestScope.EMAIL,
+                    AppleAuthRequestScope.FULL_NAME],
+            });
+            const credentialState = await AppleAuth.getCredentialStateForUser(appleAuthResponse.user);
+            if (credentialState !== AppleAuthCredentialState.AUTHORIZED) {
+                return;
+            }
+            setLoading(true);
+            if (!appleAuthResponse.email) {
+                try {
+                    const { data } = await axiosClient.post('/auth/apple', {
+                        token: appleAuthResponse.identityToken,
+                        source: Platform.OS,
+                    });
+                    onLogin({
+                        token: data.token,
+                        member: data.member
+                    });
+                    return;
+                }
+                catch (error) {
+                    return Alert.alert('Account Not Found!', "The Wellness Corner account linked with this Apple ID was not found. Please unlink this Apple ID from The Wellness Corner app and try again. To stop using this Apple ID with The Wellness Corner, tap on 'Know More' below.", [
+                        {
+                            text: 'Know More',
+                            style: 'default',
+                            onPress: () => Linking.openURL('https://support.apple.com/en-in/HT210426')
+                        },
+                        {
+                            text: 'Cancel',
+                            style: 'cancel'
+                        }
+                    ], { cancelable: true });
+                }
+                finally {
+                    setLoading(false);
+                }
+            }
+            if (!appleAuthResponse.identityToken || !appleAuthResponse.email) {
+                return showMessage({
+                    message: "Apple login failed",
+                    type: "error"
+                });
+            }
+            const result = await handleAppleAuth({
+                email: appleAuthResponse.email,
+                appleIdentityToken: appleAuthResponse.identityToken,
+                platform: Platform.OS === "ios" ? "ios" : "android",
+            });
+            return handleSocialAuthResult(result, {
+                email: appleAuthResponse.email,
+                firstName: appleAuthResponse.fullName?.givenName ?? '',
+                lastName: appleAuthResponse.fullName?.familyName ?? '',
+                appleUserId: appleAuthResponse.user
+            }, SocialLoginsEnum.Apple);
+        }
+        catch (error) {
+            console.error("Apple login failed:", error);
+            return { error: error };
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    const providerCleanup = {
+        google: () => GoogleSignin.signOut(),
+        facebook: () => LoginManager.logOut(),
+        apple: () => Promise.resolve(), // Apple doesn't need explicit cleanup
+    };
+    const handleSocialAuthResult = async (result, userData, providerName) => {
+        switch (result.status) {
+            case SocialAuthStatus.REGISTER:
+                onRegistrationMethodChange(RegistrationMethod.SOCIAL);
+                return navigation.navigate('SignUp', userData);
+            case SocialAuthStatus.INVALID:
+                // Clean up provider session
+                await providerCleanup[providerName]();
+                return showMessage({
+                    message: `You have previously registered using your ${result.data.existingLoginType}. Please use your ${result.data.existingLoginType} to login.`,
+                    type: 'error'
+                });
+            case SocialAuthStatus.SUCCESS:
+                onLogin({
+                    token: result.data.token,
+                    member: result.data.member
+                });
+                break;
+        }
+    };
+    return {
+        loading,
+        loginWithGoogle,
+        loginWithFacebook,
+        loginWithApple
+    };
+};
+export { useSocialAuth };

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

@@ -0,0 +1,13 @@
+import { useFacebookAuth } from "./web/useFacebookAuth.web";
+import { useGoogleAuth } from "./web/useGoogleAuth.web";
+const useSocialAuth = () => {
+    const { loginWithGoogle, googleSignOut } = useGoogleAuth();
+    const { loginWithFacebook, facebookSignOut } = useFacebookAuth();
+    return {
+        loginWithGoogle,
+        googleSignOut,
+        loginWithFacebook,
+        facebookSignOut
+    };
+};
+export { useSocialAuth };

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

@@ -0,0 +1,118 @@
+import { useEffect, useCallback, useState } from "react";
+import { useRouter } from "next/router";
+import { useAuthPackageContext } from "../../../../../hooks/internal/useAuthPackageContext";
+import { RegistrationMethod } from "../../../../../enums";
+import { handleFacebookAuth } from "../../commonSocialAuth";
+import { showMessage } from "../../../../../helpers/show-message";
+export const useFacebookAuth = () => {
+    const [error, setError] = useState(null);
+    const { onLogin, socialLoginConfig, onRegistrationMethodChange } = useAuthPackageContext();
+    const router = useRouter();
+    const facebookAppId = socialLoginConfig?.facebook?.webClientId;
+    // Load Facebook SDK once
+    useEffect(() => {
+        if (!facebookAppId) {
+            return;
+        }
+        (function (d, s, id) {
+            var js, fjs = d.getElementsByTagName(s)[0];
+            if (d.getElementById(id)) {
+                return;
+            }
+            js = d.createElement(s);
+            js.id = id;
+            js.src = "https://connect.facebook.net/en_US/sdk.js";
+            if (fjs && fjs.parentNode) {
+                fjs.parentNode.insertBefore(js, fjs);
+            }
+        }(document, 'script', 'facebook-jssdk'));
+        initFacebookSdk();
+    }, [facebookAppId]);
+    const initFacebookSdk = () => {
+        window.fbAsyncInit = () => {
+            window.FB.init({
+                appId: facebookAppId,
+                cookie: true,
+                xfbml: true,
+                version: 'v16.0'
+            });
+        };
+    };
+    const loginWithFacebook = () => {
+        if (!window.FB) {
+            showMessage({
+                message: "Facebook login is still initialising. Please try again in a moment.",
+                type: "warning",
+            });
+            return;
+        }
+        window.FB.login(() => checkLoginState(), {
+            scope: "public_profile,email",
+            return_scopes: true,
+        });
+    };
+    const checkLoginState = () => window.FB.getLoginStatus((response) => {
+        statusChangeCallback(response);
+    });
+    // ✅ Handle status
+    const statusChangeCallback = useCallback(async (response) => {
+        try {
+            if (response.status === "connected") {
+                const accessToken = response.authResponse.accessToken;
+                window.FB.api("/me", { fields: "name,email" }, async (userResponse) => {
+                    const { email, name, id: fbUserId } = userResponse;
+                    if (!email) {
+                        facebookSignOut();
+                        showMessage({
+                            message: "We couldn’t retrieve your Facebook email. Please use another login method or update your Facebook permissions.",
+                            type: "error",
+                        });
+                        return;
+                    }
+                    const nameParts = name.split(" ");
+                    //{ error, isValid, loginType } = await verifyLoginType(email, LoginMethodCode.Facebook);
+                    const result = await handleFacebookAuth({
+                        email,
+                        facebookIdentityToken: accessToken,
+                        platform: "web",
+                    });
+                    switch (result.status) {
+                        case "REGISTER":
+                            onRegistrationMethodChange(RegistrationMethod.SOCIAL);
+                            return router.push({
+                                pathname: "/registration",
+                                query: {
+                                    email,
+                                    firstName: nameParts[0],
+                                    lastName: nameParts[1] || "",
+                                    fbUserId,
+                                },
+                            });
+                        case "INVALID":
+                            facebookSignOut();
+                            return showMessage({
+                                message: `You have previously registered using your ${result.data.existingLoginType}. Please use your ${result.data.existingLoginType} to login method.`,
+                                type: "error",
+                            });
+                        case "SUCCESS":
+                            onLogin({
+                                token: result.data.token,
+                                member: result.data.member
+                            });
+                            break;
+                    }
+                });
+            }
+        }
+        catch (error) {
+            console.error("Google login failed:", error);
+            setError(error);
+            return { error };
+        }
+    }, []);
+    // ✅ Logout
+    const facebookSignOut = useCallback(() => {
+        window.FB.api("/me/permissions", "delete", null, () => window.FB.logout((res) => statusChangeCallback(res)));
+    }, [statusChangeCallback]);
+    return { loginWithFacebook, facebookSignOut, error };
+};

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

@@ -0,0 +1,75 @@
+import { useCallback } from "react";
+import { useGoogleLogin } from "react-google-login";
+import { useAuthPackageContext } from "../../../../../hooks/internal/useAuthPackageContext";
+import { showMessage } from "../../../../../helpers/show-message";
+import { RegistrationMethod } from "../../../../../enums";
+import { useRouter } from "next/router";
+import { handleGoogleAuth } from "../../commonSocialAuth";
+export const useGoogleAuth = () => {
+    const router = useRouter();
+    const { onLogin, socialLoginConfig, onRegistrationMethodChange } = useAuthPackageContext();
+    const googleAppId = socialLoginConfig?.google?.webClientId;
+    const onSuccess = async (response) => {
+        const { tokenId, profileObj, googleId } = response;
+        const { email, givenName, familyName } = profileObj;
+        const result = await handleGoogleAuth({
+            email,
+            googleIdentityToken: tokenId,
+            platform: "web",
+        });
+        switch (result.status) {
+            case "REGISTER":
+                onRegistrationMethodChange(RegistrationMethod.SOCIAL);
+                return router.push({
+                    pathname: "/registration",
+                    query: {
+                        email,
+                        firstName: givenName,
+                        lastName: familyName,
+                        googleUserId: googleId,
+                    },
+                });
+            case "INVALID":
+                googleSignOut();
+                return showMessage({
+                    message: `You have previously registered using your ${result.data.existingLoginType}. Please use your ${result.data.existingLoginType} to login method.`,
+                    type: "error",
+                });
+            case "SUCCESS":
+                onLogin({
+                    token: result.data.token,
+                    member: result.data.member
+                });
+                break;
+        }
+    };
+    const onFailure = (response) => {
+        if (response.error === "popup_closed_by_user") {
+            showMessage({
+                message: "If you tried logging in with Google and seeing this error then please enable third-party cookies and try again.",
+                type: "warning"
+            });
+        }
+    };
+    const { signIn } = useGoogleLogin({
+        clientId: googleAppId || "",
+        onSuccess,
+        onFailure,
+        isSignedIn: false,
+        accessType: "offline",
+        cookiePolicy: "single_host_origin",
+    });
+    const loginWithGoogle = useCallback(() => {
+        if (!googleAppId) {
+            return;
+        }
+        return signIn();
+    }, [googleAppId, signIn]);
+    const googleSignOut = useCallback(() => {
+        const auth2 = window.gapi?.auth2?.getAuthInstance?.();
+        if (auth2) {
+            auth2.signOut().then(() => auth2.disconnect());
+        }
+    }, []);
+    return { loginWithGoogle, googleSignOut };
+};

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Flex, ResponsiveModal, Typography } from "@truworth/twc-web-design";
+const SocialLoginModal = ({ visible, hide, socialLoginType, onClick }) => {
+    return (_jsxs(ResponsiveModal, { title: _jsx(Typography, { type: "heading", size: "h6", className: "text-center mb-0", children: "Corporate Users" }), open: visible, onClose: hide, showCloseButton: false, children: [_jsxs(Typography, { type: "body", size: "small", children: ["If you are a corporate user, you will", ' ', _jsx("span", { style: { textDecoration: 'underline' }, children: "NOT" }), ' ', "be able to avail all the health benefits offered on The Wellness Corner by your employer if you login through ", socialLoginType, ".", _jsxs(Flex, { direction: "column", className: "mt-3", children: ["In that case you will have to go back ", '&', " register using your official Email Address."] })] }), _jsx(Button, { label: "I understand, I'm NOT a corporate user", className: "mt-4", onClick: (e) => {
+                    e.preventDefault();
+                    onClick();
+                } })] }));
+};
+export { SocialLoginModal };

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

@@ -0,0 +1,21 @@
+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 { useModalize } from 'react-native-modalize';
+const SocialLoginModal = ({ visible, hide, socialLoginType, onClick }) => {
+    const { ref: socialSheetRef, open: openSheet, close: closeSheet } = useModalize();
+    useEffect(() => {
+        if (visible) {
+            openSheet();
+        }
+        else {
+            closeSheet();
+        }
+    }, [visible]);
+    return (_jsxs(BottomSheet, { title: 'Corporate Users', sheetRef: socialSheetRef, childrenStyle: { padding: 16 }, 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 })] }));
+};
+export { SocialLoginModal };

package/build/src/screens/Welcome/components/SocialLoginModal/types.js

@@ -0,0 +1 @@
+export {};

package/build/src/screens/Welcome/hooks/internal/useWelcome.js

@@ -1,6 +1,7 @@
 import { useState } from "react";
-import { useAuthContext } from "../../../../hooks/useAuthContext";
 import { useAuthPackageContext } from "../../../../hooks/internal/useAuthPackageContext";
+import { SocialLoginsEnum } from "../../../../enums";
+import { socialLoginOptions } from "../../../../constants/social-login-options";
 /**
 * @internal
 * Hook for managing Welcome screen state and auth context integration.
@@ -9,13 +10,17 @@ import { useAuthPackageContext } from "../../../../hooks/internal/useAuthPackage
 const useWelcome = () => {
     const [loading, setLoading] = useState(false);
     const [showSocialLoginModal, setShowSocialLoginModal] = useState(false);
-    const { LogoComponent, onLaunchAuthSession } = useAuthPackageContext();
+    const [socialLoginType, setSocialLoginType] = useState();
+    const { LogoComponent, socialLoginConfig, onLaunchAuthSession } = useAuthPackageContext();
+    const isSocialLoginEnabled = socialLoginOptions.some(({ type }) => socialLoginConfig?.[type]?.enabled);
     return {
-        loading,
-        setLoading,
+        loading, setLoading,
         showSocialLoginModal, setShowSocialLoginModal,
+        socialLoginType, setSocialLoginType,
         LogoComponent,
-        onLaunchAuthSession
+        onLaunchAuthSession,
+        socialLoginConfig,
+        isSocialLoginEnabled,
     };
 };
 export { useWelcome };

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

@@ -1,14 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useCallback } from 'react';
 import { useFocusEffect } from '@react-navigation/native';
-import { View, Text, BackHandler, ScrollView } from 'react-native';
+import { View, Text, BackHandler, ScrollView, TouchableOpacity, Platform } from 'react-native';
 import { Colors, LoadingModal, RoundedButton } from '@truworth/twc-rn-common';
 import { Layout } from '@ui-kitten/components';
 import { useWelcome } from './hooks/internal/useWelcome';
+import { SocialLoginModal } from './components/SocialLoginModal';
+import { socialLoginOptions } from '../../constants/social-login-options';
 import Logo from '../../../assets/logo.svg';
+import { useSocialAuth } from './SocialAuth/hooks/useSocialAuth.native';
+import { SocialLoginsEnum } from '../../enums';
+import FastImage from 'react-native-fast-image';
 const { gray } = Colors;
 const Welcome = ({ navigation }) => {
-    const { loading, LogoComponent, onLaunchAuthSession } = useWelcome();
+    const { loading, loginWithFacebook, loginWithGoogle, loginWithApple } = useSocialAuth();
+    const { LogoComponent, isSocialLoginEnabled, showSocialLoginModal, setShowSocialLoginModal, socialLoginType, setSocialLoginType, socialLoginConfig, onLaunchAuthSession, } = useWelcome();
     useFocusEffect(useCallback(() => {
         onLaunchAuthSession?.();
         const backHandler = BackHandler.addEventListener('hardwareBackPress', () => true);
@@ -30,12 +36,43 @@ const Welcome = ({ navigation }) => {
         // Fallback to default logo
         return (_jsx(View, { style: { marginTop: 70, alignSelf: 'center' }, children: _jsx(Logo, {}) }));
     };
+    const handleLogin = () => {
+        setShowSocialLoginModal(false);
+        switch (socialLoginType) {
+            case SocialLoginsEnum.Google:
+                return loginWithGoogle();
+            case SocialLoginsEnum.Facebook:
+                return loginWithFacebook();
+            case SocialLoginsEnum.Apple:
+                return loginWithApple();
+            default:
+                return;
+        }
+    };
     return (_jsxs(Layout, { style: { flex: 1, backgroundColor: '#FFFFFF' }, children: [_jsx(ScrollView, { showsVerticalScrollIndicator: false, children: _jsxs(View, { style: { padding: 16 }, children: [renderLogo(), _jsx(Text, { style: {
                                 fontSize: 32, fontWeight: '600', color: gray.gray_900,
                                 marginTop: 56, textAlign: 'center', lineHeight: 48,
                             }, children: "Welcome!" }), _jsx(Text, { style: {
                                 fontSize: 16, fontWeight: '500', color: gray.gray_400,
                                 marginTop: 4, lineHeight: 24, textAlign: 'center',
-                            }, children: "Select an option to proceed" }), _jsxs(View, { style: { marginTop: 48 }, children: [_jsx(RoundedButton, { type: "secondary", label: "Enter Your Email", leftIcon: "mail", size: "large", onPress: () => navigation.navigate('EnterEmail') }), _jsx(RoundedButton, { type: "outline", label: "Search Your Organization", leftIcon: "key", containerStyle: { marginTop: 24 }, size: "large", onPress: () => navigation.navigate('SSOSearchOrganization') })] })] }) }), _jsx(LoadingModal, { loading: loading })] }));
+                            }, children: "Select an option to proceed" }), _jsxs(View, { style: { marginTop: 48 }, children: [_jsx(RoundedButton, { type: "secondary", label: "Enter Your Email", leftIcon: "mail", size: "large", onPress: () => navigation.navigate('EnterEmail') }), _jsx(RoundedButton, { type: "outline", label: "Search Your Organization", leftIcon: "key", containerStyle: { marginTop: 24 }, size: "large", onPress: () => navigation.navigate('SSOSearchOrganization') })] }), isSocialLoginEnabled && (_jsxs(_Fragment, { children: [_jsxs(View, { style: {
+                                        flexDirection: 'row', alignItems: 'center',
+                                        justifyContent: 'center', marginVertical: 40
+                                    }, children: [_jsx(View, { style: { height: 1, width: 20, backgroundColor: gray.gray_600 } }), _jsx(Text, { style: { fontSize: 14, color: gray.gray_600, paddingHorizontal: 3, fontWeight: '500' }, children: ` or continue with ` }), _jsx(View, { style: { height: 1, width: 20, backgroundColor: gray.gray_600 } })] }), _jsx(View, { style: { flexDirection: 'row', justifyContent: 'center', alignItems: 'center' }, children: socialLoginOptions.map(({ type, iconImageUrl }) => {
+                                        if (Platform.OS === 'android' && type === SocialLoginsEnum.Apple) {
+                                            return null;
+                                        }
+                                        return (socialLoginConfig?.[type]?.enabled &&
+                                            _jsx(TouchableOpacity, { activeOpacity: 0.8, onPress: () => {
+                                                    setSocialLoginType(type);
+                                                    setShowSocialLoginModal(true);
+                                                }, style: {
+                                                    height: 56, backgroundColor: '#FFFFFF', width: 56,
+                                                    flexDirection: 'row', alignItems: 'center',
+                                                    justifyContent: 'center', marginHorizontal: 12,
+                                                    borderWidth: 1, borderColor: gray.gray_200, borderRadius: 28,
+                                                }, children: _jsx(FastImage, { source: { uri: iconImageUrl }, style: { width: 24, height: 24 } }) }, type));
+                                    }) })] }))] }) }), showSocialLoginModal &&
+                _jsx(SocialLoginModal, { visible: showSocialLoginModal, hide: () => setShowSocialLoginModal(false), socialLoginType: socialLoginType, onClick: handleLogin }), _jsx(LoadingModal, { loading: loading })] }));
 };
 export default Welcome;

package/build/types/constants/social-login-options.d.ts

@@ -0,0 +1,3 @@
+import type { SocialLoginOptions } from "../helpers/types";
+declare const socialLoginOptions: SocialLoginOptions[];
+export { socialLoginOptions };

package/build/types/contexts/AuthContext.d.ts

@@ -30,8 +30,9 @@ declare const AuthPackageContext: React.Context<AuthPackageContextValue | 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
  */
-declare const AuthProvider: ({ children, LogoComponent, session, appConfig, onLogin, onLogout, onLaunchAuthSession, onRefreshSession, openChatSupport }: AuthContextProps) => import("react/jsx-runtime").JSX.Element;
+declare const AuthProvider: ({ children, LogoComponent, session, appConfig, onLogin, onLogout, onLaunchAuthSession, onRefreshSession, openChatSupport, socialLoginConfig }: AuthContextProps) => import("react/jsx-runtime").JSX.Element;
 export { AuthProvider };
 export default AuthContext;
 export { AuthPackageContext };

package/build/types/contexts/type.d.ts

@@ -1,5 +1,6 @@
 import type React from 'react';
 import type { ClientProfile, MemberProfile, Profile, Partner, RegistrationMethod } from '../types/types';
+import type { SocialLoginsEnum } from '../enums';
 interface LoginResponse {
     token: string;
     member?: MemberProfile;
@@ -22,6 +23,10 @@ interface AuthContextProps {
         sessionTimeout?: boolean;
     };
     appConfig?: AppConfig;
+    socialLoginConfig?: Partial<Record<SocialLoginsEnum, {
+        enabled?: boolean;
+        webClientId?: string;
+    }>>;
     onLogin: (result: LoginResponse) => void;
     onLogout: () => Promise<any>;
     onRefreshSession?: (result: RefreshSessionResponse) => Promise<void>;
@@ -42,6 +47,10 @@ interface AuthPackageContextValue {
     token: string;
     LogoComponent?: React.ComponentType | React.ReactElement;
     appConfig: AppConfig;
+    socialLoginConfig?: Partial<Record<SocialLoginsEnum, {
+        enabled?: boolean;
+        webClientId?: string;
+    }>>;
     onTokenChange: (token: string) => void;
     onLogin: (result: LoginResponse) => void;
     logout: () => void;

package/build/types/enums/index.d.ts

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

package/build/types/enums/socialLogins.enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum SocialLoginsEnum {
+    Google = "google",
+    Facebook = "facebook",
+    Apple = "apple"
+}

package/build/types/helpers/types.d.ts

@@ -1,3 +1,4 @@
+import type { SocialLoginsEnum } from "../enums";
 import type { RefreshSessionResponse } from "../contexts/type";
 import type { AxiosRequestConfig } from "axios";
 interface RequestOptionsProps extends AxiosRequestConfig {
@@ -10,4 +11,9 @@ interface NetworkProps {
     onRefreshSession?: (token: string) => Promise<any>;
     onLogout?: () => Promise<any>;
 }
-export type { RequestOptionsProps, NetworkProps };
+interface SocialLoginOptions {
+    type: SocialLoginsEnum;
+    icon?: React.ReactNode;
+    iconImageUrl?: string;
+}
+export type { RequestOptionsProps, NetworkProps, SocialLoginOptions };

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

@@ -17,6 +17,9 @@ export type AuthStackParamList = {
         registrationToken?: string;
         clientId?: number | string;
         registrationMethod?: string;
+        googleUserId?: string;
+        fbUserId?: string;
+        appleUserId?: string;
     };
     CountryCode: {
         prevRoute: 'LoginMobile' | 'MobileNumber' | 'SignUp' | 'EnterMobile';

package/build/types/screens/EnterEmail/hooks/internal/useEnterEmail.d.ts

@@ -12,7 +12,6 @@ declare const useEnterEmail: () => {
     handleClearEmail: () => void;
     isLoginConflictModalVisible: boolean;
     setIsLoginConflictModalVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    onRegistrationMethodChange: (method: import("../../../../types/types").RegistrationMethod) => void;
     appName: string | undefined;
     loginConflictTitle: string;
     loginConflictDescription: string;

package/build/types/screens/Welcome/SocialAuth/commonSocialAuth.d.ts

@@ -0,0 +1,50 @@
+import type { MemberProfile } from "../../../types/types";
+export declare enum SocialAuthStatus {
+    REGISTER = "REGISTER",
+    INVALID = "INVALID",
+    SUCCESS = "SUCCESS"
+}
+type Platform = "web" | "ios" | "android";
+interface BaseSocialLoginParams {
+    email: string;
+    platform: Platform;
+}
+export interface GoogleLoginParams extends BaseSocialLoginParams {
+    googleIdentityToken: string;
+}
+export interface FacebookLoginParams extends BaseSocialLoginParams {
+    facebookIdentityToken: string;
+}
+export interface AppleLoginParams extends BaseSocialLoginParams {
+    appleIdentityToken: string;
+}
+export type SocialAuthResult = {
+    status: SocialAuthStatus.REGISTER;
+    data: {
+        email: string;
+    };
+} | {
+    status: SocialAuthStatus.INVALID;
+    data: {
+        existingLoginType?: string;
+    };
+} | {
+    status: SocialAuthStatus.SUCCESS;
+    data: {
+        token: string;
+        member: MemberProfile;
+    };
+};
+/**
+ * Handles Google authentication
+ */
+export declare const handleGoogleAuth: ({ email, googleIdentityToken, platform, }: GoogleLoginParams) => Promise<SocialAuthResult>;
+/**
+ * Handles Facebook authentication
+ */
+export declare const handleFacebookAuth: ({ email, facebookIdentityToken, platform }: FacebookLoginParams) => Promise<SocialAuthResult>;
+/**
+ * Handles Apple authentication
+ */
+export declare const handleAppleAuth: ({ email, appleIdentityToken, platform }: AppleLoginParams) => Promise<SocialAuthResult>;
+export {};

package/build/types/screens/Welcome/SocialAuth/hooks/useSocialAuth.native.d.ts

@@ -0,0 +1,7 @@
+declare const useSocialAuth: () => {
+    loading: boolean;
+    loginWithGoogle: () => Promise<any>;
+    loginWithFacebook: () => Promise<any>;
+    loginWithApple: () => Promise<any>;
+};
+export { useSocialAuth };

package/build/types/screens/Welcome/SocialAuth/hooks/useSocialAuth.web.d.ts

@@ -0,0 +1,7 @@
+declare const useSocialAuth: () => {
+    loginWithGoogle: () => void;
+    googleSignOut: () => void;
+    loginWithFacebook: () => void;
+    facebookSignOut: () => void;
+};
+export { useSocialAuth };

package/build/types/screens/Welcome/SocialAuth/hooks/web/useFacebookAuth.web.d.ts

@@ -0,0 +1,5 @@
+export declare const useFacebookAuth: () => {
+    loginWithFacebook: () => void;
+    facebookSignOut: () => void;
+    error: any;
+};

package/build/types/screens/Welcome/SocialAuth/hooks/web/useGoogleAuth.web.d.ts

@@ -0,0 +1,4 @@
+export declare const useGoogleAuth: () => {
+    loginWithGoogle: () => void;
+    googleSignOut: () => void;
+};

package/build/types/screens/Welcome/components/SocialLoginModal/index.d.ts

@@ -0,0 +1,3 @@
+import type { SocialLoginModalProps } from "./types";
+declare const SocialLoginModal: ({ visible, hide, socialLoginType, onClick }: SocialLoginModalProps) => import("react/jsx-runtime").JSX.Element;
+export { SocialLoginModal };

package/build/types/screens/Welcome/components/SocialLoginModal/index.native.d.ts

@@ -0,0 +1,3 @@
+import type { SocialLoginModalProps } from './types';
+declare const SocialLoginModal: ({ visible, hide, socialLoginType, onClick }: SocialLoginModalProps) => import("react/jsx-runtime").JSX.Element;
+export { SocialLoginModal };

package/build/types/screens/Welcome/components/SocialLoginModal/types.d.ts

@@ -0,0 +1,8 @@
+import type { SocialLoginsEnum } from "../../../../enums";
+interface SocialLoginModalProps {
+    visible: boolean;
+    hide: () => void;
+    socialLoginType?: SocialLoginsEnum;
+    onClick: () => void;
+}
+export type { SocialLoginModalProps };

package/build/types/screens/Welcome/hooks/internal/useWelcome.d.ts

@@ -1,3 +1,4 @@
+import { SocialLoginsEnum } from "../../../../enums";
 /**
 * @internal
 * Hook for managing Welcome screen state and auth context integration.
@@ -8,7 +9,14 @@ declare const useWelcome: () => {
     setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     showSocialLoginModal: boolean;
     setShowSocialLoginModal: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    socialLoginType: SocialLoginsEnum | undefined;
+    setSocialLoginType: import("react").Dispatch<import("react").SetStateAction<SocialLoginsEnum | undefined>>;
     LogoComponent: import("react").ComponentType<{}> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     onLaunchAuthSession: (() => void) | undefined;
+    socialLoginConfig: Partial<Record<SocialLoginsEnum, {
+        enabled?: boolean;
+        webClientId?: string;
+    }>> | undefined;
+    isSocialLoginEnabled: boolean;
 };
 export { useWelcome };

package/build/types/types/types.d.ts

@@ -86,6 +86,9 @@ interface PersonalDetails {
     registrationMethod?: RegistrationMethod;
     password?: string;
     confirmPassword?: string;
+    googleUserId?: string;
+    fbUserId?: string;
+    appleUserId?: string;
 }
 interface PasswordPolicy {
     minLength: number;

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "description": "Truworth Auth Package for React Native and Web",
-  "version": "1.2.5",
+  "version": "1.2.6",
   "main": "build/src/index.js",
   "types": "build/types/index.d.ts",
   "files": [
@@ -23,6 +23,7 @@
     "@invertase/react-native-apple-authentication": "^1.1.2",
     "@react-native-clipboard/clipboard": "1.14.1",
     "@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",
@@ -48,6 +49,7 @@
     "next": "^15.0.4",
     "react": "^18.2.0",
     "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",

package/build/assets/okay_icon copy.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="28" height="21" viewBox="0 0 28 21">
-    <path fill="none" fill-rule="nonzero" stroke="#FFF" stroke-linecap="round" stroke-width="4" d="M2 9.903l7.93 8.141m.026 0L26 2"/>
-</svg>