@truworth/twc-auth 1.2.4 → 1.2.6

package/build/src/screens/SSOLogin/AuthenticationMethods/index.native.js

@@ -48,11 +48,7 @@ const SSOAuthenticationMethods = ({ route }) => {
     return (_jsx(ScreenLayout, { title: "", containerStyle: { flex: 1, backgroundColor: primary.white }, children: _jsxs(View, { style: { flex: 1, justifyContent: 'center' }, children: [client.image ?
                     _jsx(FastImage, { source: { uri: client.image }, resizeMode: 'contain', style: { width: 180, aspectRatio: aspectRatio, alignSelf: 'center', marginTop: -150 } })
                     : renderLogo(), _jsx(Text, { style: { textAlign: 'center', fontSize: 24, fontWeight: '600', color: gray.gray_700, marginTop: 30 }, children: "Select how to sign-in" }), client?.ssoEnabled &&
-                    _jsxs(_Fragment, { children: [_jsx(RoundedButton, { loading: loading, type: 'primary', label: 'Login with SSO', size: 'large', containerStyle: { marginTop: 40 }, onPress: () => initiateSSOLogin({ clientId: client.id, onSSOLoginInitiated }), leftIcon: 'key-outline' }), _jsx(Text, { style: { textAlign: 'center', fontSize: 14, color: gray.gray_700, marginTop: 20 }, children: "Recommended for quick access" }), _jsxs(View, { style: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center', marginTop: 30, marginHorizontal: 30 }, children: [_jsx(View, { style: { flex: 1, height: 1, backgroundColor: gray.gray_200 } }), _jsx(View, { children: _jsx(Text, { style: { width: 50, textAlign: 'center', color: gray.gray_500, fontSize: 16 }, children: "OR" }) }), _jsx(View, { style: { flex: 1, height: 1, backgroundColor: gray.gray_200 } })] })] }), _jsx(RoundedButton, { type: 'secondary', label: 'Login with Email & Password', size: 'large', containerStyle: { marginTop: 30 }, onPress: () => {
-                        const parent = navigation.getParent();
-                        if (parent) {
-                            parent.navigate('EnterEmail');
-                        }
-                    }, leftIcon: 'mail-outline' })] }) }));
+                    _jsxs(_Fragment, { children: [_jsx(RoundedButton, { loading: loading, type: 'primary', label: 'Login with SSO', size: 'large', containerStyle: { marginTop: 40 }, onPress: () => initiateSSOLogin({ clientId: client.id, onSSOLoginInitiated }), leftIcon: 'key-outline' }), _jsx(Text, { style: { textAlign: 'center', fontSize: 14, color: gray.gray_700, marginTop: 20 }, children: "Recommended for quick access" }), _jsxs(View, { style: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center', marginTop: 30, marginHorizontal: 30 }, children: [_jsx(View, { style: { flex: 1, height: 1, backgroundColor: gray.gray_200 } }), _jsx(View, { children: _jsx(Text, { style: { width: 50, textAlign: 'center', color: gray.gray_500, fontSize: 16 }, children: "OR" }) }), _jsx(View, { style: { flex: 1, height: 1, backgroundColor: gray.gray_200 } })] })] }), _jsx(RoundedButton, { type: 'secondary', label: 'Login with Email & Password', size: 'large', containerStyle: { marginTop: 30 }, onPress: () => navigation.navigate('EnterEmail'), leftIcon: 'mail-outline' }), client?.mobileLoginEnabled &&
+                    _jsx(RoundedButton, { type: 'text', label: 'Login with Mobile Number', size: 'large', containerStyle: { marginHorizontal: 16, marginTop: 30 }, onPress: () => navigation.navigate('EnterMobile'), leftIcon: 'phone-portrait-outline' })] }) }));
 };
 export default SSOAuthenticationMethods;

package/build/src/screens/SignUp/components/SignUpForm/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useEffect, useState } from "react";
-import { CDN_IMAGES_URL } from "@truworth/twc-web-common";
+import { CDN_IMAGES_URL } from "../../../../constants/cdn-url";
 import { Button, Col, CustomCheckbox, DatePicker, Flex, Form, RadioGroup, ResponsiveModal, Row, TextInput, Typography, useForm, validationPatterns } from "@truworth/twc-web-design";
 import { CalendarDays } from "lucide-react";
 import { SupportDetails } from "../../../../components/SupportDetails";
@@ -12,6 +12,7 @@ import ReCAPTCHA from 'react-google-recaptcha';
 import moment from "moment";
 import dayjs from 'dayjs';
 import { RegistrationMethod } from "../../../../enums";
+import { showMessage } from "../../../../helpers/show-message";
 const getQueryParam = (param) => {
     if (Array.isArray(param))
         return param[0];
@@ -36,6 +37,20 @@ const SignUpFormComponent = ({ userDetails, onContinue }) => {
         }
     });
     const values = form.watch();
+    useEffect(() => {
+        const rawMethod = router.query.registrationMethod;
+        const registrationMethodFromQuery = Array.isArray(rawMethod) ? rawMethod[0] : rawMethod;
+        if (typeof registrationMethodFromQuery === 'string') {
+            const method = registrationMethodFromQuery.toLowerCase();
+            // Validate that method is a valid RegistrationMethod value
+            const validMethods = Object.values(RegistrationMethod);
+            if (!validMethods.includes(method)) {
+                showMessage({ message: `Invalid registration method: ${method}` });
+                return;
+            }
+            onRegistrationMethodChange(method);
+        }
+    }, [router.query.registrationMethod]);
     const { loading, setGender, setSelectedDOB, phone, setPhone, email, setEmail, setReferralCode, setCountryCode, countryCode, linkedAccounts, registrationMethod, onRegistrationMethodChange, linkedAccountsSheet, showLinkedAccountsSheet, handleFirstNameChange, handleLastNameChange, handleEmailChange, handleMobileChange, handleSubmit, getLoginTypeText, appName, termsAndConditionsUrl } = useSignUp();
     useEffect(() => {
         if (!registrationMethod) {
@@ -105,8 +120,8 @@ const SignUpFormComponent = ({ userDetails, onContinue }) => {
                     loading,
                     label: 'Continue',
                     onClick: () => { handleSubmit({ onProceed }); },
-                    isDisabled
-                }, onPressBack: onGoToLogin, children: _jsxs(Form, { form: form, className: "w-full", children: [_jsxs(Row, { gutter: 18, className: "py-0 my-0", children: [_jsx(Col, { xs: 24, md: 12, children: _jsx(Form.Item, { label: "First Name", className: 'mt-5', rules: [
+                    disabled: isDisabled
+                }, onPressBack: onGoToLogin, children: _jsxs(Form, { form: form, className: "w-full", children: [_jsxs(Row, { gutter: 18, className: "py-0 my-0", children: [_jsx(Col, { xs: 24, md: 12, children: _jsx(Form.Item, { label: "First Name", rules: [
                                             {
                                                 required: true,
                                                 message: 'Please enter your first name'
@@ -124,7 +139,7 @@ const SignUpFormComponent = ({ userDetails, onContinue }) => {
                                             },
                                         ], normalize: (value) => (value ?? '').replace(/[^a-zA-Z]/g, ''), ...form.register('firstName', {
                                             onChange: (e) => handleFirstNameChange(e.target.value)
-                                        }), children: _jsx(TextInput, { placeholder: "Enter your first name" }) }) }), _jsx(Col, { xs: 24, md: 12, children: _jsx(Form.Item, { label: "Last Name", className: 'mt-5', rules: [
+                                        }), children: _jsx(TextInput, { placeholder: "Enter your first name" }) }) }), _jsx(Col, { xs: 24, md: 12, children: _jsx(Form.Item, { label: "Last Name", rules: [
                                             {
                                                 required: true,
                                                 message: 'Please enter your last name'
@@ -191,7 +206,7 @@ const LinkedAccountsSheet = ({ visible, hide, linkedAccounts, countryCode, phone
                         hide();
                     }, className: "!ml-0 mb-[-4px]" }), _jsx(SupportDetails, {})] }), children: [_jsx(Typography, { type: "utility", size: "medium", children: "Please login through any of the below account or contact our support team for assistance" }), linkedAccounts.map((item) => {
                 const key = item.memberId ?? item.email ?? `${item.loginType}-${item.createdOn}`;
-                return (_jsxs(Flex, { direction: "column", className: "border border-gray-300 p-4 rounded-md mt-3", children: [_jsxs(Flex, { direction: "column", className: "border-b-2 pb-2", children: [_jsx(Typography, { type: "utility", size: "large", children: item.name }), _jsx(Typography, { type: "utility", size: "medium", color: "primary", children: item.email })] }), _jsxs(Flex, { justify: "between", className: "mt-3", children: [_jsx(Typography, { type: "utility", size: "medium", color: "gray-700", children: "Login Type" }), _jsx(Typography, { type: "utility", size: "medium", color: "gray-800", children: getLoginTypeText(item.loginType) })] }), _jsxs(Flex, { justify: "between", className: "mt-3", children: [_jsx(Typography, { type: "utility", size: "medium", color: "gray-700", children: "Registration Date" }), _jsx(Typography, { type: "utility", size: "medium", color: "gray-800", children: moment(item.createdOn).format('DD/MM/YYYY') })] })] }, key));
+                return (_jsxs(Flex, { direction: "column", className: "border border-gray-300 p-4 rounded-md mt-3", children: [_jsxs(Flex, { direction: "column", className: "border-b-2 pb-2", children: [_jsx(Typography, { type: "utility", size: "large", className: "break-words w-full mb-1", children: item.name }), _jsx(Typography, { type: "utility", size: "medium", color: "primary", className: "truncate w-full", children: item.email })] }), _jsxs(Flex, { justify: "between", className: "mt-3", children: [_jsx(Typography, { type: "utility", size: "medium", color: "gray-700", children: "Login Type" }), _jsx(Typography, { type: "utility", size: "medium", color: "gray-800", children: getLoginTypeText(item.loginType) })] }), _jsxs(Flex, { justify: "between", className: "mt-3", children: [_jsx(Typography, { type: "utility", size: "medium", color: "gray-700", children: "Registration Date" }), _jsx(Typography, { type: "utility", size: "medium", color: "gray-800", children: moment(item.createdOn).format('DD/MM/YYYY') })] })] }, key));
             })] }));
 };
 const RecaptchaComponent = React.memo(({ onChange }) => {

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;
                         }
@@ -46,6 +56,6 @@ const SignUpWebComponent = () => {
                 return null;
         }
     };
-    return (_jsx(AdvancedTransitionWrapper, { type: 'slide', duration: 0.5, children: _jsx(Flex, { direction: 'column', justify: 'center', style: { width: '70%' }, className: `lg:w-[70%] lg:h-screen mx-auto h-full my-10`, children: renderStep() }) }));
+    return (_jsx(AdvancedTransitionWrapper, { type: 'slide', duration: 0.5, children: _jsx(Flex, { direction: 'column', justify: 'center', className: `lg:w-[70%] lg:h-screen mx-auto h-full my-10`, children: renderStep() }) }));
 };
 export { SignUpWebComponent };

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

@@ -3,7 +3,6 @@ import { useEffect, useState } from 'react';
 import { View, Text, Platform, Keyboard, TouchableOpacity, ScrollView, TextInput } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import { useModalize } from 'react-native-modalize';
-import { Freshchat } from 'react-native-freshchat-sdk';
 import { Layout } from '@ui-kitten/components';
 import DateTimePicker from '@react-native-community/datetimepicker';
 import IonIcon from 'react-native-vector-icons/Ionicons';
@@ -51,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', {
@@ -132,6 +134,7 @@ const KnowMoreModal = ({ visible, hide }) => {
 const LinkedAccountsSheet = ({ visible, hide, linkedAccounts, countryCode, phone, getLoginTypeText }) => {
     const { ref: existingAccountsRef, open: openExistingAccountsSheet, close: closeExistingAccountsSheet } = useModalize();
     const navigation = useNavigation();
+    const { openChatSupport } = useAuthPackageContext();
     useEffect(() => {
         if (visible) {
             openExistingAccountsSheet();
@@ -168,17 +171,18 @@ const LinkedAccountsSheet = ({ visible, hide, linkedAccounts, countryCode, phone
                 shadowOpacity: 0.5,
                 shadowRadius: 3,
                 elevation: 3
-            }, children: [_jsx(RoundedButton, { label: "Go to Login", size: "large", onPress: () => navigation.navigate('EnterEmail'), containerStyle: { marginBottom: 8 } }), _jsxs(TouchableOpacity, { activeOpacity: 0.8, onPress: () => Freshchat.showConversations(), style: {
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        padding: 8,
-                        marginTop: 8
-                    }, children: [_jsx(IonIcon, { name: 'headset', size: 12, color: primary.primary_main }), _jsx(Text, { style: {
-                                fontSize: 14,
-                                fontWeight: '600',
-                                color: primary.primary_main,
-                                marginStart: 8
-                            }, children: "Contact Support" })] })] }) }));
+            }, children: [_jsx(RoundedButton, { label: "Go to Login", size: "large", onPress: () => navigation.navigate('EnterEmail'), containerStyle: { marginBottom: 8 } }), openChatSupport &&
+                    _jsxs(TouchableOpacity, { activeOpacity: 0.8, onPress: openChatSupport, style: {
+                            flexDirection: 'row',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            padding: 8,
+                            marginTop: 8
+                        }, children: [_jsx(IonIcon, { name: 'headset', size: 12, color: primary.primary_main }), _jsx(Text, { style: {
+                                    fontSize: 14,
+                                    fontWeight: '600',
+                                    color: primary.primary_main,
+                                    marginStart: 8
+                                }, children: "Contact Support" })] })] }) }));
 };
 export default SignUp;

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/UserConsent/index.js

@@ -7,7 +7,7 @@ import { Info } from 'lucide-react';
 import { useRouter } from "next/router";
 import { Flex, Typography, ResponsiveModal as Modal, Button, ResponsiveModal } from '@truworth/twc-web-design';
 import { useAuthPackageContext } from '../../hooks/internal/useAuthPackageContext';
-import { CDN_IMAGES_URL } from '@truworth/twc-web-common';
+import { CDN_IMAGES_URL } from '../../constants/cdn-url';
 import { useConsent } from './hooks/internal/useConsent';
 import { ScreenLayout } from "../../components/ScreenLayout";
 import VerifyMobile from "../VerifyMobile";

package/build/src/screens/VerifyLinkPrimaryAccountEmailOTP/hooks/internal/useVerifyLinkPrimaryAccountEmailOTP.js

@@ -0,0 +1,73 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+import { showMessage } from "../../../../helpers/show-message";
+import { axiosClient } from "../../../../api/axiosClient";
+/**
+* @internal
+* Hook for managing useVerifyLinkPrimaryAccountEmailOTP hook state and auth context integration.
+* This hook is not exposed to package consumers.
+*/
+const useVerifyLinkPrimaryAccountEmailOTP = ({ sessionToken }) => {
+    const [status, setStatus] = useState("idle");
+    const [resendOTPCounter, setResendOTPCounter] = useState(0);
+    const invalidTimerRef = useRef(null);
+    const sessionTokenRef = useRef(sessionToken);
+    const resendOTP = useCallback(() => {
+        setStatus('loading');
+        axiosClient({
+            url: '/auth/mobile/link-primary-account/resend-email-otp',
+            method: 'POST',
+            data: { sessionToken: sessionTokenRef.current },
+        }).then((res) => {
+            setResendOTPCounter(prevCounter => prevCounter + 1);
+            sessionTokenRef.current = res.data.sessionToken;
+        }).catch((err) => {
+            console.log(err);
+            const message = err?.response?.data?.errors?.[0]?.message ?? 'Unable to send OTP. Please try again.';
+            showMessage({ message });
+        }).finally(() => setStatus("idle"));
+    }, []);
+    const validateOTP = useCallback(({ otp, onVerifiedOTP }) => {
+        setStatus('loading');
+        axiosClient({
+            url: '/auth/mobile/link-primary-account/verify-email-otp',
+            method: 'POST',
+            data: {
+                otp,
+                sessionToken: sessionTokenRef.current
+            },
+        }).then((res) => {
+            setStatus('valid');
+            onVerifiedOTP({ sessionToken: res?.data?.sessionToken });
+            setStatus('idle');
+        }).catch((error) => {
+            const errorCode = error?.response?.status;
+            const isInvalidOtp = errorCode === 400;
+            const message = error?.response?.data?.errors?.[0]?.message ||
+                (isInvalidOtp
+                    ? "Invalid OTP. Please try again."
+                    : "Verification failed. Please try again.");
+            showMessage({ message });
+            setStatus(isInvalidOtp ? "invalid" : "idle");
+            if (isInvalidOtp) {
+                // Clear any existing timeout before setting a new one
+                if (invalidTimerRef.current)
+                    clearTimeout(invalidTimerRef.current);
+                invalidTimerRef.current = setTimeout(() => setStatus("idle"), 5000);
+            }
+        });
+    }, []);
+    useEffect(() => {
+        return () => {
+            if (invalidTimerRef.current) {
+                clearTimeout(invalidTimerRef.current);
+            }
+        };
+    }, []);
+    return {
+        status,
+        resendOTPCounter,
+        resendOTP,
+        validateOTP,
+    };
+};
+export { useVerifyLinkPrimaryAccountEmailOTP };

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useVerifyLinkPrimaryAccountEmailOTP } from "./hooks/internal/useVerifyLinkPrimaryAccountEmailOTP";
+import { VerifyEmailOTP } from "../../components/VerifyEmailOTP";
+const VerifyLinkPrimaryAccountEmailOTP = ({ email, sessionToken, onVerifiedOTP }) => {
+    const { status, resendOTPCounter, resendOTP, validateOTP, } = useVerifyLinkPrimaryAccountEmailOTP({ sessionToken });
+    return (_jsx(VerifyEmailOTP, { email: email, status: status, resendOTPCounter: resendOTPCounter, validateOTP: (otp) => validateOTP?.({ otp, onVerifiedOTP }), resendOTP: resendOTP }));
+};
+export default VerifyLinkPrimaryAccountEmailOTP;

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { VerifyEmailOTP } from "../../components/VerifyEmailOTP";
+import { useVerifyLinkPrimaryAccountEmailOTP } from "./hooks/internal/useVerifyLinkPrimaryAccountEmailOTP";
+const VerifyLinkPrimaryAccountEmailOTP = ({ navigation, route }) => {
+    const { phone, email, sessionToken } = route.params;
+    const { status, resendOTPCounter, validateOTP, resendOTP, } = useVerifyLinkPrimaryAccountEmailOTP({ sessionToken });
+    return (_jsx(VerifyEmailOTP, { email: email, status: status, resendOTPCounter: resendOTPCounter, validateOTP: (otp) => validateOTP?.({
+            otp,
+            onVerifiedOTP: ({ sessionToken }) => {
+                navigation.navigate('VerifyLinkPrimaryAccountMobileOTP', { sessionToken, phone });
+            }
+        }), resendOTP: resendOTP }));
+};
+export default VerifyLinkPrimaryAccountEmailOTP;

package/build/src/screens/VerifyLinkPrimaryAccountEmailOTP/types.js

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

package/build/src/screens/VerifyLinkPrimaryAccountMobileOTP/hooks/internal/useVerifyLinkPrimaryAccountMobileOTP.js

@@ -0,0 +1,82 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+import { showMessage } from "../../../../helpers/show-message";
+import { useInterval } from "../../../../hooks/internal/useTimer";
+import { axiosClient } from "../../../../api/axiosClient";
+import { useAuthPackageContext } from "../../../../hooks/internal/useAuthPackageContext";
+const initialTimer = 180;
+/**
+ * @internal
+ * Hook for managing useVerifyLinkPrimaryAccountMobileOTP hook state and auth context integration.
+ * This hook is not exposed to package consumers.
+ */
+const useVerifyLinkPrimaryAccountMobileOTP = ({ sessionToken }) => {
+    const [status, setStatus] = useState('timer');
+    const [timer, setTimer] = useState(initialTimer);
+    const { onLogin } = useAuthPackageContext();
+    const invalidTimerRef = useRef(null);
+    const sessionTokenRef = useRef(sessionToken);
+    useInterval(() => {
+        setTimer((t) => (t > 0 ? t - 1 : 0));
+    }, 1000);
+    const sendOTP = useCallback(() => {
+        setStatus('loading');
+        axiosClient({
+            url: '/auth/mobile/link-primary-account/resend-mobile-otp',
+            method: 'POST',
+            data: { sessionToken: sessionTokenRef.current },
+        }).then((res) => {
+            setStatus('timer');
+            setTimer(initialTimer);
+            sessionTokenRef.current = res.data.sessionToken;
+        }).catch((err) => {
+            console.log(err);
+            const message = err?.response?.data?.errors?.[0]?.message ?? 'Unable to send OTP. Please try again.';
+            showMessage({ message });
+        }).finally(() => setStatus('timer'));
+    }, []);
+    const validateOTP = useCallback(({ otp, source }) => {
+        setStatus('loading');
+        axiosClient({
+            url: '/auth/mobile/link-primary-account/verify-mobile-otp',
+            method: 'POST',
+            data: {
+                otp,
+                sessionToken: sessionTokenRef.current,
+                source
+            },
+        }).then((res) => {
+            const { token, member } = res.data;
+            setStatus('valid');
+            onLogin({ token, member });
+        }).catch((err) => {
+            if (err?.response?.status === 400) {
+                setStatus('invalid');
+                if (invalidTimerRef.current)
+                    clearTimeout(invalidTimerRef.current);
+                invalidTimerRef.current = setTimeout(() => setStatus('timer'), 5000);
+                showMessage({ message: err?.response?.data?.errors?.[0]?.message ?? 'Invalid OTP. Please try again.' });
+            }
+            else {
+                const message = err?.response?.data?.errors?.[0]?.message ?? 'Verification failed. Please try again.';
+                showMessage({ message });
+                setStatus('timer');
+            }
+        });
+    }, []);
+    useEffect(() => {
+        return () => {
+            if (invalidTimerRef.current)
+                clearTimeout(invalidTimerRef.current);
+        };
+    }, []);
+    useEffect(() => {
+        sendOTP();
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    return {
+        timer,
+        status,
+        sendOTP,
+        validateOTP
+    };
+};
+export { useVerifyLinkPrimaryAccountMobileOTP };

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { VerifyMobileOTP } from "../../components/VerifyMobileOTP";
+import { useVerifyLinkPrimaryAccountMobileOTP } from "./hooks/internal/useVerifyLinkPrimaryAccountMobileOTP";
+const VerifyLinkPrimaryAccountMobileOTP = ({ phone, sessionToken }) => {
+    const { timer, status, validateOTP, sendOTP, } = useVerifyLinkPrimaryAccountMobileOTP({ sessionToken });
+    return (_jsx(VerifyMobileOTP, { timer: timer, phone: phone, status: status, validateOTP: (otp) => validateOTP({ otp, source: 'web' }), resendOTP: sendOTP }));
+};
+export default VerifyLinkPrimaryAccountMobileOTP;

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { VerifyMobileOTP } from '../../components/VerifyMobileOTP';
+import { useVerifyLinkPrimaryAccountMobileOTP } from './hooks/internal/useVerifyLinkPrimaryAccountMobileOTP';
+import { Platform } from 'react-native';
+const VerifyLinkPrimaryAccountMobileOTP = ({ route }) => {
+    const { sessionToken, phone } = route.params;
+    const { timer, status, validateOTP, sendOTP, } = useVerifyLinkPrimaryAccountMobileOTP({ sessionToken });
+    return (_jsx(VerifyMobileOTP, { timer: timer, phone: phone, status: status, validateOTP: (otp) => validateOTP({ otp, source: Platform.OS }), resendOTP: sendOTP }));
+};
+export default VerifyLinkPrimaryAccountMobileOTP;

package/build/src/screens/VerifyLinkPrimaryAccountMobileOTP/types.js

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

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