@truworth/twc-auth 1.2.4 → 1.2.6

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

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { CDN_IMAGES_URL, IonIcon } from "@truworth/twc-web-common";
+import { CDN_IMAGES_URL } from "../../constants/cdn-url";
 import { Button, Flex, Typography } from "@truworth/twc-web-design";
 import { AdvancedTransitionWrapper } from "../../components/AdvancedTransitionWrapper";
 import { useWelcome } from "./hooks/internal/useWelcome";
+import { Mail } from "lucide-react";
 const Welcome = ({ onClickEnterEmail }) => {
     const { LogoComponent } = useWelcome();
     const renderLogo = () => {
@@ -22,6 +23,6 @@ const Welcome = ({ onClickEnterEmail }) => {
         // Fallback to default logo
         return (_jsx("img", { width: 160, height: 35, className: 'md:mt-0 mt-6 md:h-[40px] h-[30px]', src: `${CDN_IMAGES_URL}/new-twc_logo.svg` }));
     };
-    return (_jsx(AdvancedTransitionWrapper, { type: 'slide', duration: 0.3, children: _jsxs(Flex, { justify: 'center', align: "center", direction: 'column', className: 'h-screen w-[80%] mx-auto gap-6', children: [renderLogo(), _jsxs(Flex, { justify: "center", align: "center", direction: "column", className: 'gap-2', children: [_jsx(Typography, { type: 'heading', size: 'h5', className: 'text-center text-[#1A1A1A] font-semibold', children: "Welcome!" }), _jsx(Typography, { type: 'utility', size: 'large', color: "gray-400", className: 'text-center font-semibold', children: "Select an option to proceed" })] }), _jsx(Button, { label: "Enter Your Email", variant: "secondary", onClick: onClickEnterEmail, leftIcon: _jsx(IonIcon, { name: "mail", style: { fontSize: 20 } }), isFullWidth: true })] }) }));
+    return (_jsx(AdvancedTransitionWrapper, { type: 'slide', duration: 0.3, children: _jsxs(Flex, { justify: 'center', align: "center", direction: 'column', className: 'h-screen w-[80%] mx-auto gap-6', children: [renderLogo(), _jsxs(Flex, { justify: "center", align: "center", direction: "column", className: 'gap-2', children: [_jsx(Typography, { type: 'heading', size: 'h5', className: 'text-center text-[#1A1A1A] font-semibold', children: "Welcome!" }), _jsx(Typography, { type: 'utility', size: 'large', color: "gray-400", className: 'text-center font-semibold', children: "Select an option to proceed" })] }), _jsx(Button, { label: "Enter Your Email", variant: "secondary", onClick: onClickEnterEmail, leftIcon: _jsx(Mail, { size: 20 }), isFullWidth: true })] }) }));
 };
 export default Welcome;

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/components/VerifyMobileOTP/index.d.ts

@@ -1,3 +1,3 @@
 import type { OTPVerifyProps } from "./types";
-declare const VerifyMobileOTP: ({ validateOTP, timer, resendOTP, phone, status, resendTextClassName }: OTPVerifyProps) => import("react/jsx-runtime").JSX.Element;
+declare const VerifyMobileOTP: ({ validateOTP, timer, resendOTP, phone, status }: OTPVerifyProps) => import("react/jsx-runtime").JSX.Element;
 export { VerifyMobileOTP };

package/build/types/components/VerifyMobileOTP/types.d.ts

@@ -5,6 +5,5 @@ interface OTPVerifyProps {
     status: OTPStatus | string;
     resendOTP: () => void;
     phone?: string;
-    resendTextClassName?: string;
 }
 export type { OTPVerifyProps };

package/build/types/constants/base-url/index.d.ts

@@ -0,0 +1 @@
+export declare const BASE_URL: string;

package/build/types/constants/base-url/index.native.d.ts

@@ -0,0 +1 @@
+export declare const BASE_URL: string | undefined;

package/build/types/constants/cdn-url/index.d.ts

@@ -1 +1,2 @@
-export { MEMBER_IMAGES_URL } from "@truworth/twc-web-common";
+export declare const MEMBER_IMAGES_URL: string;
+export declare const CDN_IMAGES_URL: string;

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

@@ -29,8 +29,10 @@ declare const AuthPackageContext: React.Context<AuthPackageContextValue | null>;
  * @param onLogout - Optional callback after successful logout
  * @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 }: 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 };