@truworth/twc-auth 1.2.3 → 1.2.5

package/README.md

@@ -70,7 +70,6 @@ Truworth Auth Module - A comprehensive authentication solution for React Native
 | react                                  | >=18.2.0 |
 | react-native                           | >=0.74.5 |
 | react-native-fast-image                | >=8.6.3  |
-| react-native-freshchat-sdk             | >=4.6.6  |
 | react-native-gesture-handler           | >=2.16.0 |
 | react-native-linear-gradient           | >=2.8.3  |
 | react-native-modalize                  | >=2.1.1  |
@@ -80,13 +79,12 @@ Truworth Auth Module - A comprehensive authentication solution for React Native
 | react-native-svg                       | >=15.8.0 |
 | react-native-vector-icons              | >=9.2.0  |
 
-> Note: lottie-react-native, react-native-fast-image, and react-native-freshchat-sdk are optional and only needed if your app uses features that depend on them.
+> Note: lottie-react-native, react-native-fast-image are optional and only needed if your app uses features that depend on them.
 
 #### Web Dependencies
 
 | Package                  | Version  |
 | ------------------------ | -------- |
-| @truworth/twc-web-common | ^1.0.11  |
 | @truworth/twc-web-design | ^1.9.0   |
 | antd                     | ^5.6.3   |
 | framer-motion            | ^12.6.2  |
@@ -108,7 +106,6 @@ Truworth Auth Module - A comprehensive authentication solution for React Native
    ```bash
    npm install \
      next@^15.0.4 \
-     @truworth/twc-web-common@^1.0.11 \
      @truworth/twc-web-design@^1.9.0 \
      antd@^5.6.3 \
      framer-motion@^12.6.2 \

package/build/assets/loading-spinner.json

@@ -0,0 +1 @@
+{"v":"5.8.1","fr":30,"ip":0,"op":60,"w":300,"h":300,"nm":"loading_6","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Shape Layer 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"t":60,"s":[360]}],"ix":10},"p":{"a":0,"k":[150.00000000000003,150.00000000000003,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[30.000000000000004,30.000000000000004,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[300,300],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[0.12941176470588237,0.7411764705882353,0.7764705882352941,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":50,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":10,"s":[0]},{"t":60,"s":[99]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[1]},{"t":50,"s":[100]}],"ix":2},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"t":60,"s":[3]}],"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Shape Layer 1","sr":1,"ks":{"o":{"a":0,"k":30,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[150.00000000000003,150.00000000000003,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[30.000000000000004,30.000000000000004,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[300,300],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[0.7450980392156863,0.9254901960784314,0.9372549019607843,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":50,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0}],"markers":[]}

package/build/src/api/auth.js

@@ -0,0 +1,36 @@
+import { axiosClient } from "./axiosClient";
+/** Check if mobile exists */
+const checkMobileExists = async (phone) => {
+    try {
+        const { data } = await axiosClient({
+            url: '/auth/mobile-exists',
+            method: 'POST',
+            data: { phone },
+        });
+        return { mobileExist: data?.exists, linkedAccounts: data?.memberDetails };
+    }
+    catch (err) {
+        if (err?.response?.status == 404) {
+            return { mobileExist: false };
+        }
+        throw err;
+    }
+};
+/** Check if email exists */
+const checkEmailExists = async (email) => {
+    try {
+        const { data } = await axiosClient({
+            url: '/auth/email-exists',
+            method: 'POST',
+            data: { email },
+        });
+        return { emailExist: data?.exists, loginType: data?.loginType };
+    }
+    catch (err) {
+        if (err?.response?.status === 404) {
+            return { emailExist: false };
+        }
+        throw err;
+    }
+};
+export { checkMobileExists, checkEmailExists };

package/build/src/api/axiosClient/index.js

@@ -1,4 +1,4 @@
-import { BASE_URL } from "@truworth/twc-web-common";
+import { BASE_URL } from '../../constants/base-url';
 import axios from "axios";
 export const axiosClient = axios.create({
     baseURL: BASE_URL,

package/build/src/api/axiosClient/index.native.js

@@ -1,4 +1,4 @@
-import { BASE_URL } from '@truworth/twc-rn-common';
+import { BASE_URL } from "../../constants/base-url";
 import axios from 'axios';
 export const axiosClient = axios.create({
     baseURL: BASE_URL,

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

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { View, Text } from 'react-native';
 import { Colors, Header, RoundedButton } from '@truworth/twc-rn-common';
 const { gray } = Colors;
-const ScreenLayout = ({ children, title, subTitle, hideHeader, buttonProps, containerStyle, accessoryRight }) => {
+const ScreenLayout = ({ children, headerTitle, title, subTitle, hideHeader, buttonProps, containerStyle, accessoryRight }) => {
     return (_jsxs(_Fragment, { children: [!hideHeader &&
-                _jsx(Header, { accessoryRight: accessoryRight }), _jsxs(View, { style: [{ paddingVertical: 32, paddingHorizontal: 16 }, containerStyle], children: [Boolean(title) &&
+                _jsx(Header, { title: headerTitle, accessoryRight: accessoryRight }), _jsxs(View, { style: [{ paddingVertical: 32, paddingHorizontal: 16 }, containerStyle], children: [Boolean(title) &&
                         _jsx(Text, { textBreakStrategy: 'simple', style: {
                                 fontSize: 20, fontWeight: '600', color: gray.gray_900,
                                 lineHeight: 32, marginBottom: 32,

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

@@ -1,19 +1,22 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dimensions, Platform, ScrollView, Text, TouchableOpacity, View } from "react-native";
 import { Layout } from "@ui-kitten/components";
 import { Header, Colors, CustomKeyboardAvoidingView } from "@truworth/twc-rn-common";
-import { ScreenLayout } from "../ScreenLayout";
 import { OTPStatusLabel } from "../OTPStatusLabel/index.native";
 import OTPInputView from "@twotalltotems/react-native-otp-input";
+const { gray } = Colors;
 const VerifyEmailOTP = ({ email, status, validateOTP, resendOTP, resendOTPCounter }) => {
-    return (_jsxs(Layout, { style: { flex: 1, backgroundColor: '#fff' }, children: [_jsx(Header, {}), _jsxs(CustomKeyboardAvoidingView, { behavior: Platform.OS === 'ios' ? 'padding' : undefined, keyboardVerticalOffset: Platform.OS === 'ios' ? 100 : 0, children: [_jsx(ScrollView, { showsVerticalScrollIndicator: false, children: _jsxs(ScreenLayout, { hideHeader: true, title: _jsxs(_Fragment, { children: ["OTP sent to ", '\n', _jsx(Text, { style: { fontSize: 20 }, children: email })] }), children: [_jsx(View, { style: { justifyContent: 'center', flexDirection: 'row', marginBottom: 30, position: 'relative' }, children: _jsx(OTPInputView, { pinCount: 6, autoFocusOnLoad: false, codeInputFieldStyle: {
-                                            fontSize: 20, color: 'black',
-                                            height: 45, width: 30,
-                                            borderWidth: 0, borderBottomWidth: 1,
-                                        }, codeInputHighlightStyle: { borderColor: '#03DAC6' }, style: {
-                                            height: 50,
-                                            width: Dimensions.get('window').width - 100,
-                                        }, onCodeFilled: code => validateOTP(code) }) }), resendOTPCounter < 3 &&
-                                    _jsxs(View, { style: { flexDirection: 'row', alignItems: 'center' }, children: [_jsxs(Text, { style: { fontSize: 14, fontWeight: '500', color: Colors.gray.gray_400, lineHeight: 20 }, children: ["Did not receive OTP?", ' '] }), _jsx(TouchableOpacity, { activeOpacity: 0.8, onPress: resendOTP, children: _jsx(Text, { style: { fontSize: 14, fontWeight: '500', color: '#2cbaa4', lineHeight: 20 }, children: "Re-send OTP" }) })] })] }) }), _jsx(View, { style: { alignSelf: 'flex-end', width: '100%' }, children: _jsx(OTPStatusLabel, { status: status }) })] })] }));
+    return (_jsxs(Layout, { style: { flex: 1, backgroundColor: '#FFFFFF' }, children: [_jsx(Header, {}), _jsxs(CustomKeyboardAvoidingView, { behavior: Platform.OS === 'ios' ? 'padding' : undefined, keyboardVerticalOffset: 0, children: [_jsxs(ScrollView, { style: { paddingHorizontal: 20, paddingTop: 32, flex: 1 }, showsVerticalScrollIndicator: false, children: [_jsxs(Text, { textBreakStrategy: 'simple', style: {
+                                    fontSize: 20, fontWeight: '600', color: gray.gray_900,
+                                    lineHeight: 32, marginBottom: 32,
+                                }, children: ["OTP sent to ", '\n', email] }), _jsx(View, { style: { justifyContent: 'center', flexDirection: 'row', marginBottom: 30, position: 'relative' }, children: _jsx(OTPInputView, { pinCount: 6, autoFocusOnLoad: false, codeInputFieldStyle: {
+                                        fontSize: 20, color: 'black',
+                                        height: 45, width: 30,
+                                        borderWidth: 0, borderBottomWidth: 1,
+                                    }, codeInputHighlightStyle: { borderColor: '#03DAC6' }, style: {
+                                        height: 50,
+                                        width: Dimensions.get('window').width - 100,
+                                    }, onCodeFilled: code => validateOTP(code) }) }), resendOTPCounter < 3 &&
+                                _jsxs(View, { style: { flexDirection: 'row', alignItems: 'center' }, children: [_jsxs(Text, { style: { fontSize: 14, fontWeight: '500', color: gray.gray_400, lineHeight: 20 }, children: ["Did not receive OTP?", ' '] }), _jsx(TouchableOpacity, { activeOpacity: 0.8, onPress: resendOTP, children: _jsx(Text, { style: { fontSize: 14, fontWeight: '500', color: '#2cbaa4', lineHeight: 20 }, children: "Re-send OTP" }) })] })] }), _jsx(View, { style: { alignSelf: 'flex-end', width: '100%' }, children: _jsx(OTPStatusLabel, { status: status }) })] })] }));
 };
 export { VerifyEmailOTP };

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { Button, Flex, OTPInput, Typography } from "@truworth/twc-web-design";
-const VerifyMobileOTP = ({ validateOTP, timer, resendOTP, phone, status, resendTextClassName }) => {
+const VerifyMobileOTP = ({ validateOTP, timer, resendOTP, phone, status }) => {
     const [otp, setOtp] = useState('');
     const [otpError, setOtpError] = useState(false);
     useEffect(() => {
@@ -10,14 +10,16 @@ const VerifyMobileOTP = ({ validateOTP, timer, resendOTP, phone, status, resendT
             setOtp('');
         }
     }, [status]);
-    const defaultPhoneDisplayText = (_jsxs(Typography, { type: 'body', size: 'large', className: 'mb-6 text-gray-400 text-center', children: ["OTP sent to", _jsx("span", { className: 'pl-2 text-secondary-dark', children: phone ? `XXXXXXX${phone.slice(-3)}` : 'your registered mobile number' })] }));
-    return (_jsxs(_Fragment, { children: [defaultPhoneDisplayText, _jsx(OTPInput, { value: otp, onChange: (code) => {
+    return (_jsxs(_Fragment, { children: [_jsxs(Typography, { type: 'body', size: 'large', className: 'mb-6 text-gray-400 text-center', children: ["OTP sent to", _jsx("span", { className: 'pl-2 text-secondary-dark', children: phone ? `XXXXXXX${phone.slice(-3)}` : 'your registered mobile number' })] }), _jsx(OTPInput, { value: otp, onChange: (code) => {
                     setOtp(code);
                     setOtpError(false);
                 }, error: otpError, maxLength: 6, className: `!w-auto ${otpError ? '!border-destructive' : ''}` }), otpError &&
-                _jsx(Typography, { type: "utility", size: "medium", className: "mt-4", color: "text-utility-danger-main", children: "Please enter the correct OTP." }), (timer <= 0) ?
-                _jsxs(Flex, { justify: 'between', align: 'center', className: 'mt-4', children: [_jsx(Typography, { type: 'utility', size: 'medium', className: resendTextClassName, children: "Didn't receive OTP?" }), _jsx(Button, { label: 'Resend Code', size: 'small', variant: 'link', onClick: () => resendOTP() })] })
+                _jsx(Typography, { type: "utility", size: "medium", className: "mt-4", color: "text-utility-danger-main", children: "Please enter the correct OTP." }), timer <= 0 ?
+                _jsxs(Flex, { justify: 'between', align: 'center', className: 'mt-4', children: [_jsx(Typography, { type: 'utility', size: 'medium', children: "Didn't receive OTP?" }), _jsx(Button, { label: 'Re-send OTP', size: 'small', variant: 'link', onClick: () => {
+                                setOtp('');
+                                resendOTP();
+                            } })] })
                 :
-                    _jsxs(Typography, { type: 'utility', size: 'medium', className: `mt-3 ${resendTextClassName}`, children: ["Resend Code in ", timer > 0 ? `${timer} seconds` : 'OTP expired'] }), _jsx(Button, { label: "Continue", isFullWidth: true, onClick: () => validateOTP?.(otp), disabled: otp ? otp?.length < 6 : true, className: "mt-6" })] }));
+                    _jsxs(Typography, { type: 'utility', size: 'medium', className: 'mt-3', children: ["Resend Code in ", timer, " seconds"] }), _jsx(Button, { label: "Continue", isFullWidth: true, onClick: () => validateOTP?.(otp), disabled: otp ? otp?.length < 6 : true, className: "mt-6" })] }));
 };
 export { VerifyMobileOTP };

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

@@ -8,30 +8,25 @@ import { OTPStatusLabel } from '../OTPStatusLabel/index.native';
 import OTPInputView from '@twotalltotems/react-native-otp-input';
 const { gray } = Colors;
 const VerifyMobileOTP = ({ validateOTP, timer, status, resendOTP, phone }) => {
-    const [otp, setOTP] = useState('');
+    const [otp, setOtp] = useState('');
     const { otpValue } = useAuthPackageContext();
-    useEffect(() => {
-        if (otp?.length === 6) {
-            validateOTP(otp);
-        }
-    }, [otp]);
     useEffect(() => {
         if (otpValue && otpValue.length == 6) {
-            setOTP(otpValue);
+            setOtp(otpValue);
         }
     }, [otpValue]);
     return (_jsxs(Layout, { style: { flex: 1, backgroundColor: '#FFFFFF' }, children: [_jsx(Header, {}), _jsxs(CustomKeyboardAvoidingView, { behavior: Platform.OS === 'ios' ? 'padding' : undefined, keyboardVerticalOffset: 0, children: [_jsxs(ScrollView, { style: { paddingHorizontal: 20, paddingTop: 32, flex: 1 }, children: [_jsxs(Text, { textBreakStrategy: 'simple', style: {
                                     fontSize: 20, fontWeight: '600', color: gray.gray_900,
                                     lineHeight: 32, marginBottom: 32,
-                                }, children: ["OTP sent to ", '\n', phone ? phone.replace(/\d(?=\d{4})/g, 'x') : ''] }), _jsx(View, { style: { justifyContent: 'center', flexDirection: 'row', marginBottom: 30, position: 'relative' }, children: _jsx(OTPInputView, { pinCount: 6, autoFocusOnLoad: false, onCodeChanged: text => setOTP(text), codeInputFieldStyle: {
+                                }, children: ["OTP sent to ", '\n', phone ? phone.replace(/\d(?=\d{4})/g, 'x') : ''] }), _jsx(View, { style: { justifyContent: 'center', flexDirection: 'row', marginBottom: 30, position: 'relative' }, children: _jsx(OTPInputView, { pinCount: 6, autoFocusOnLoad: false, onCodeChanged: text => setOtp(text), codeInputFieldStyle: {
                                         fontSize: 20, color: 'black', width: 30,
                                         height: 45, borderWidth: 0, borderBottomWidth: 1,
                                     }, codeInputHighlightStyle: { borderColor: '#03DAC6' }, style: {
                                         height: 50,
                                         width: Dimensions.get('window').width - 100,
-                                    }, code: otp ?? '', onCodeFilled: code => setOTP(code) }) }), timer <= 0 &&
-                                _jsxs(View, { style: { flexDirection: 'row', alignItems: 'center' }, children: [_jsxs(Text, { style: { fontSize: 12, color: '#000', fontWeight: '400', opacity: 0.5 }, children: ["Did not receive OTP?", ' '] }), _jsx(TouchableOpacity, { disabled: timer > 0, onPress: () => {
-                                                setOTP('');
+                                    }, code: otp ?? '', onCodeFilled: code => validateOTP(code) }) }), timer <= 0 &&
+                                _jsxs(View, { style: { flexDirection: 'row', alignItems: 'center' }, children: [_jsx(Text, { style: { fontSize: 12, color: '#000', fontWeight: '400', opacity: 0.5 }, children: "Did not receive OTP?" }), _jsx(TouchableOpacity, { disabled: timer > 0, onPress: () => {
+                                                setOtp('');
                                                 resendOTP();
                                             }, children: _jsx(Text, { style: { fontSize: 14, color: '#2cbaa4', fontWeight: '400', opacity: 1 }, children: "Re-send OTP" }) })] })] }), _jsx(View, { style: { width: '100%' }, children: _jsx(OTPStatusLabel, { status: status, timer: timer }) })] })] }));
 };

package/build/src/constants/base-url/index.js

@@ -0,0 +1,5 @@
+const baseUrl = process.env.NEXT_PUBLIC_TWC_API_BASE_URL;
+if (!baseUrl) {
+    throw new Error('NEXT_PUBLIC_TWC_API_BASE_URL environment variable is required');
+}
+export const BASE_URL = baseUrl;

package/build/src/constants/base-url/index.native.js

@@ -0,0 +1 @@
+export const BASE_URL = process.env.BASE_URL;

package/build/src/constants/cdn-url/index.js

@@ -1 +1,2 @@
-export { MEMBER_IMAGES_URL } from "@truworth/twc-web-common";
+export const MEMBER_IMAGES_URL = process.env.NEXT_PUBLIC_MEMBER_IMAGES_URL;
+export const CDN_IMAGES_URL = process.env.NEXT_PUBLIC_CDN_IMAGES_URL;

package/build/src/contexts/AuthContext.js

@@ -31,8 +31,9 @@ const AuthPackageContext = React.createContext(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
  */
-const AuthProvider = ({ children, LogoComponent, session, appConfig, onLogin, onLogout, onLaunchAuthSession, onRefreshSession }) => {
+const AuthProvider = ({ children, LogoComponent, session, appConfig, onLogin, onLogout, onLaunchAuthSession, onRefreshSession, openChatSupport }) => {
     const [isLoadingProfile, setIsLoadingProfile] = useState(false);
     const [profile, setProfile] = useState(null);
     const [client, setClient] = useState(null);
@@ -119,8 +120,8 @@ const AuthProvider = ({ children, LogoComponent, session, appConfig, onLogin, on
     const clearSession = useCallback(() => {
         setToken('');
         setClient(null);
-        setProfile(null);
         setRegistrationMethod(null);
+        setProfile(null);
     }, []);
     /**
    * Helper to normalize and format user profile data
@@ -177,6 +178,7 @@ const AuthProvider = ({ children, LogoComponent, session, appConfig, onLogin, on
         onTokenChange: (token) => setToken(token),
         onRegistrationMethodChange: (method) => setRegistrationMethod(method),
         otpValue,
+        openChatSupport
     };
     return (_jsx(AuthContext.Provider, { value: AuthContextValues, children: _jsx(AuthPackageContext.Provider, { value: AuthPackageContextValues, children: children }) }));
 };

package/build/src/enums/index.js

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

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

@@ -0,0 +1,8 @@
+export var LoginMethodCode;
+(function (LoginMethodCode) {
+    LoginMethodCode[LoginMethodCode["Email"] = 1] = "Email";
+    LoginMethodCode[LoginMethodCode["Facebook"] = 2] = "Facebook";
+    LoginMethodCode[LoginMethodCode["Google"] = 3] = "Google";
+    LoginMethodCode[LoginMethodCode["Apple"] = 4] = "Apple";
+    LoginMethodCode[LoginMethodCode["SSO"] = 5] = "SSO";
+})(LoginMethodCode || (LoginMethodCode = {}));

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

@@ -0,0 +1,7 @@
+export var RegistrationMethod;
+(function (RegistrationMethod) {
+    RegistrationMethod["EMAIL"] = "email";
+    RegistrationMethod["SSO"] = "sso";
+    RegistrationMethod["MOBILE"] = "mobile";
+    RegistrationMethod["SOCIAL"] = "social";
+})(RegistrationMethod || (RegistrationMethod = {}));

package/build/src/index.js

@@ -10,5 +10,6 @@ export * from './api/axiosClient';
 // export navigator/router
 export * from './navigator';
 // export components
-export * from './screens/Login/components/LoginWebComponent';
-export * from './screens/SignUp/components/SignUpWebComponent';
+export * from './screens/Login/components/LoginWebComponent/index';
+export * from './screens/SignUp/components/SignUpWebComponent/index';
+export * from './screens/SSOLogin/SSOCallback/components/SSOCallbackComponent/index';

package/build/src/navigator/index.native.js

@@ -12,8 +12,16 @@ import VerifyEmail from '../screens/VerifyEmail/index.native';
 import LoginWithEmailOTP from '../screens/LoginWithEmailOTP/index.native';
 import VerifyResetPasswordOTP from '../screens/VerifyResetPasswordOTP/index.native';
 import ResetPassword from '../screens/ResetPassword/index.native';
+import SSOSearchOrganization from '../screens/SSOLogin/SearchOrganization/index.native';
+import SSOAuthenticationMethods from '../screens/SSOLogin/AuthenticationMethods/index.native';
+import SSOAuthWebView from '../screens/SSOLogin/AuthWebView/index.native';
+import SSOCallback from '../screens/SSOLogin/SSOCallback/index.native';
+import LoginWithMobileOTP from '../screens/LoginWithMobileOTP/index.native';
+import EnterMobile from '../screens/EnterMobile/index.native';
+import VerifyLinkPrimaryAccountEmailOTP from '../screens/VerifyLinkPrimaryAccountEmailOTP/index.native';
+import VerifyLinkPrimaryAccountMobileOTP from '../screens/VerifyLinkPrimaryAccountMobileOTP/index.native';
 const { Navigator, Screen } = createNativeStackNavigator();
 const AuthNavigator = () => {
-    return (_jsxs(Navigator, { screenOptions: { headerShown: false }, children: [_jsx(Screen, { name: "Welcome", component: Welcome }), _jsx(Screen, { name: "EnterEmail", component: EnterEmail }), _jsx(Screen, { name: "EnterPassword", component: EnterPassword }), _jsx(Screen, { name: "SignUp", component: SignUp }), _jsx(Screen, { name: "CountryCode", component: CountryCode }), _jsx(Screen, { name: "CreatePassword", component: CreatePassword }), _jsx(Screen, { name: "UserConsent", component: UserConsent }), _jsx(Screen, { name: "VerifyMobile", component: VerifyMobile }), _jsx(Screen, { name: "VerifyEmail", component: VerifyEmail }), _jsx(Screen, { name: "LoginWithEmailOTP", component: LoginWithEmailOTP }), _jsx(Screen, { name: "VerifyResetPasswordOTP", component: VerifyResetPasswordOTP }), _jsx(Screen, { name: "ResetPassword", component: ResetPassword })] }));
+    return (_jsxs(Navigator, { screenOptions: { headerShown: false }, children: [_jsx(Screen, { name: "Welcome", component: Welcome }), _jsx(Screen, { name: "EnterEmail", component: EnterEmail }), _jsx(Screen, { name: "EnterPassword", component: EnterPassword }), _jsx(Screen, { name: "SignUp", component: SignUp }), _jsx(Screen, { name: "CountryCode", component: CountryCode }), _jsx(Screen, { name: "CreatePassword", component: CreatePassword }), _jsx(Screen, { name: "UserConsent", component: UserConsent }), _jsx(Screen, { name: "VerifyMobile", component: VerifyMobile }), _jsx(Screen, { name: "VerifyEmail", component: VerifyEmail }), _jsx(Screen, { name: "LoginWithEmailOTP", component: LoginWithEmailOTP }), _jsx(Screen, { name: "VerifyResetPasswordOTP", component: VerifyResetPasswordOTP }), _jsx(Screen, { name: "ResetPassword", component: ResetPassword }), _jsx(Screen, { name: "LoginWithMobileOTP", component: LoginWithMobileOTP }), _jsx(Screen, { name: "EnterMobile", component: EnterMobile }), _jsx(Screen, { name: "VerifyLinkPrimaryAccountEmailOTP", component: VerifyLinkPrimaryAccountEmailOTP }), _jsx(Screen, { name: "VerifyLinkPrimaryAccountMobileOTP", component: VerifyLinkPrimaryAccountMobileOTP }), _jsx(Screen, { name: "SSOSearchOrganization", component: SSOSearchOrganization }), _jsx(Screen, { name: "SSOAuthenticationMethods", component: SSOAuthenticationMethods }), _jsx(Screen, { name: "SSOAuthWebView", component: SSOAuthWebView }), _jsx(Screen, { name: "SSOCallback", component: SSOCallback })] }));
 };
 export { AuthNavigator };

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

@@ -1,86 +1,78 @@
-import { useCallback, useState } from "react";
+import { useState, useCallback } from "react";
 import { showMessage } from "../../../../helpers/show-message";
 import { useAuthPackageContext } from "../../../../hooks/internal/useAuthPackageContext";
-import { axiosClient } from "../../../../api/axiosClient";
-const emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+import { checkEmailExists } from "../../../../api/auth";
+import { LoginMethodCode, RegistrationMethod } from "../../../../enums";
+const EMAIL_REGEX = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
 /**
  * @internal
- * Internal hook for managing EnterEmail screen state and auth context integration. Not exposed to package consumers.
+ * Hook for managing Enter Email screen logic and authentication integration.
  */
 const useEnterEmail = () => {
+    const [email, setEmail] = useState("");
+    const [loginType, setLoginType] = useState("");
     const [loading, setLoading] = useState(false);
-    const [isInvalidEmail, setInvalidEmail] = useState(true);
-    const [loginConflictModalVisible, setLoginConflictModalVisible] = useState(false);
-    const [loginType, setLoginType] = useState('');
-    const [email, setEmail] = useState('');
+    const [isEmailValid, setIsEmailValid] = useState(false);
+    const [isLoginConflictModalVisible, setIsLoginConflictModalVisible] = useState(false);
     const { appConfig, onRegistrationMethodChange } = useAuthPackageContext();
-    const enterEmail = useCallback((text) => {
-        const value = text.toLowerCase().trim();
-        setInvalidEmail(!emailRegex.test(value));
-        setEmail(value);
-    }, [emailRegex]);
-    const handleValidateEmail = ({ onResult }) => {
-        if (loading || isInvalidEmail || !email)
-            return;
+    /**
+     * Handles email input change with validation
+     */
+    const handleEmailChange = useCallback((value) => {
+        const normalizedEmail = value.toLowerCase().trim();
+        setEmail(normalizedEmail);
+        setIsEmailValid(EMAIL_REGEX.test(normalizedEmail));
+    }, []);
+    /**
+     * Validates email existence and handles login conflicts
+     */
+    const handleEmailExists = useCallback(async ({ onValidate }) => {
         setLoading(true);
-        axiosClient({
-            url: '/auth/email-exists',
-            method: 'post',
-            data: { email }
-        }).then((res) => {
-            setLoading(false);
-            const code = Number(res.data.loginType);
-            const isKnown = code === 1 || code === 2 || code === 3 || code === 4;
-            if (!isKnown) {
-                showMessage({ message: 'Unsupported login method. Please try again later.' });
+        try {
+            const { emailExist, loginType } = await checkEmailExists(email);
+            const loginCode = Number(loginType);
+            if (emailExist && loginCode !== LoginMethodCode.Email) {
+                const loginMethodMap = {
+                    [LoginMethodCode.Facebook]: "Facebook",
+                    [LoginMethodCode.Google]: "Google",
+                    [LoginMethodCode.Apple]: "Apple",
+                    [LoginMethodCode.SSO]: "SSO",
+                };
+                setLoginType(loginMethodMap[loginCode] || "your social account");
+                setIsLoginConflictModalVisible(true);
                 return;
             }
-            if (code !== 1) {
-                let providerName = 'your social account';
-                switch (code) {
-                    case 2:
-                        providerName = 'Facebook';
-                        break;
-                    case 3:
-                        providerName = 'Google';
-                        break;
-                    case 4:
-                        providerName = 'Apple';
-                        break;
-                }
-                setLoginType(providerName);
-                setLoginConflictModalVisible(true);
-                return;
-            }
-            onResult({ email, emailExist: true });
-        }).catch(err => {
-            console.log(err);
+            onRegistrationMethodChange(RegistrationMethod.EMAIL);
+            onValidate({ emailExist });
+        }
+        catch (error) {
+            const message = error?.response?.data?.errors?.[0]?.message ?? "Something went wrong";
+            showMessage({ message });
+        }
+        finally {
             setLoading(false);
-            if (err?.response?.status === 404) {
-                onResult({ email, emailExist: false });
-            }
-            if (err?.response?.status >= 500) {
-                showMessage({ message: 'Something went wrong' });
-            }
-        });
-    };
-    const clearText = useCallback(() => {
-        setEmail('');
-        setInvalidEmail(true);
+        }
+    }, [email]);
+    /**
+     * Clears email input field
+     */
+    const handleClearEmail = useCallback(() => {
+        setEmail("");
+        setIsEmailValid(false);
     }, []);
     return {
         email,
-        appName: appConfig.appName,
-        isInvalidEmail,
+        isEmailValid,
         loading,
-        enterEmail,
-        handleValidateEmail,
-        clearText,
-        loginConflictModalVisible,
-        setLoginConflictModalVisible,
+        handleEmailChange,
+        handleEmailExists,
+        handleClearEmail,
+        isLoginConflictModalVisible,
+        setIsLoginConflictModalVisible,
         onRegistrationMethodChange,
-        loginConflictErrorTitle: `Sign in with ${loginType}`,
-        loginConflictErrorDescription: `Looks like you previously registered using ${loginType}. Please go back and sign in with ${loginType}.`,
+        appName: appConfig.appName,
+        loginConflictTitle: `Sign in with ${loginType}`,
+        loginConflictDescription: `Looks like you previously registered using ${loginType}. Please go back and sign in with ${loginType}.`,
     };
 };
 export { useEnterEmail };

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

@@ -1,30 +1,26 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Form, TextInput, useForm } from '@truworth/twc-web-design';
+import { Button, Form, TextInput, 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';
-const EnterEmail = ({ onResult }) => {
-    const { loading, email, isInvalidEmail, loginConflictModalVisible, loginConflictErrorTitle, loginConflictErrorDescription, enterEmail, appName, handleValidateEmail, setLoginConflictModalVisible, } = useEnterEmail();
+const EnterEmail = ({ onContinue, onPressSignInWithSSO }) => {
+    const { email, isEmailValid, handleEmailChange, appName, handleEmailExists, loading, loginConflictTitle, loginConflictDescription, isLoginConflictModalVisible, setIsLoginConflictModalVisible } = useEnterEmail();
     const form = useForm({ defaultValues: { email } });
     return (_jsxs(_Fragment, { children: [_jsxs(ScreenLayout, { title: `Hi, Welcome To ${appName}!`, subTitle: "Please enter email to get started.", buttonProps: {
                     loading,
                     label: 'Continue',
                     onClick: () => {
-                        if (!loading && !isInvalidEmail) {
-                            handleValidateEmail({ onResult });
-                        }
+                        handleEmailExists({
+                            onValidate: ({ emailExist }) => onContinue({ email, emailExist })
+                        });
                     },
-                    disabled: isInvalidEmail || loading,
-                }, children: [_jsx(Form, { className: "w-full", form: form, onSubmit: () => {
-                            if (!loading && !isInvalidEmail) {
-                                handleValidateEmail({ onResult });
-                            }
-                        }, children: _jsx(Form.Item, { name: "email", label: "Email", children: _jsx(TextInput, { type: "email", value: email, size: "medium", placeholder: "example@domain", ...form.register('email', {
+                    disabled: !isEmailValid,
+                }, children: [_jsx(Form, { className: "w-full", form: form, children: _jsx(Form.Item, { name: "email", label: "Email", children: _jsx(TextInput, { type: "email", value: email, size: "medium", placeholder: "example@domain", ...form.register('email', {
                                     onChange: (e) => {
-                                        enterEmail(e.target.value);
+                                        handleEmailChange(e.target.value);
                                     }
-                                }) }) }) }), loginConflictModalVisible &&
-                        _jsx(LoginConflictModal, { title: loginConflictErrorTitle, primaryLabel: 'Okay', description: loginConflictErrorDescription, visible: loginConflictModalVisible, onProceed: () => setLoginConflictModalVisible(false), onClose: () => setLoginConflictModalVisible(false) })] }), _jsx(SupportDetails, {})] }));
+                                }) }) }) }), 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, {})] }));
 };
 export default EnterEmail;

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

@@ -5,30 +5,27 @@ import { Colors, TextInputField } from '@truworth/twc-rn-common';
 import { useEnterEmail } from './hooks/internal/useEnterEmail';
 import { ScreenLayout } from '../../components/ScreenLayout/index.native';
 import { ConfirmationModal as LoginConflictModal } from '../../components/ConfirmationModal';
+import { RegistrationMethod } from '../../enums';
 const { utility } = Colors;
 const EnterEmail = ({ navigation }) => {
-    const { loading, email, isInvalidEmail, loginConflictModalVisible, loginConflictErrorTitle, loginConflictErrorDescription, enterEmail, clearText, handleValidateEmail, onRegistrationMethodChange, setLoginConflictModalVisible, } = useEnterEmail();
+    const { email, isEmailValid, handleEmailChange, handleClearEmail, handleEmailExists, loading, loginConflictTitle, loginConflictDescription, isLoginConflictModalVisible, setIsLoginConflictModalVisible } = useEnterEmail();
+    const onValidate = (params) => {
+        if (params.emailExist) {
+            navigation.navigate('EnterPassword', { email });
+        }
+        else {
+            navigation.navigate('SignUp', { email });
+        }
+    };
     return (_jsxs(Layout, { style: { flex: 1, backgroundColor: '#FFFFFF' }, children: [_jsx(ScreenLayout, { title: "Enter Your Email", buttonProps: {
                     loading,
                     label: 'Continue',
                     onPress: () => {
                         Keyboard.dismiss();
-                        if (!loading && !isInvalidEmail) {
-                            handleValidateEmail({
-                                onResult: (params) => {
-                                    if (params.emailExist) {
-                                        navigation.navigate('EnterPassword', { email });
-                                    }
-                                    else {
-                                        onRegistrationMethodChange('email');
-                                        navigation.navigate('SignUp', { email });
-                                    }
-                                }
-                            });
-                        }
+                        handleEmailExists({ onValidate });
                     },
-                    disabled: isInvalidEmail || loading,
-                }, children: _jsx(TextInputField, { value: email, placeholder: 'Enter here...', onChangeValue: text => enterEmail(text), rightIcon2: email.length > 0 ? 'close' : '', onPressRightIcon2: clearText, autoFocus: true, autoCapitalize: 'none', keyboardType: 'email-address' }) }), loginConflictModalVisible &&
-                _jsx(LoginConflictModal, { title: loginConflictErrorTitle, description: loginConflictErrorDescription, visible: loginConflictModalVisible, onProceed: () => setLoginConflictModalVisible(false), onClose: () => setLoginConflictModalVisible(false), iconColor: utility.warning_main, primaryLabel: 'Okay' })] }));
+                    disabled: !isEmailValid,
+                }, children: _jsx(TextInputField, { value: email, placeholder: 'Enter here...', onChangeValue: handleEmailChange, rightIcon2: email.length > 0 ? 'close' : '', onPressRightIcon2: handleClearEmail, autoFocus: true, autoCapitalize: 'none', keyboardType: 'email-address' }) }), isLoginConflictModalVisible &&
+                _jsx(LoginConflictModal, { title: loginConflictTitle, description: loginConflictDescription, visible: isLoginConflictModalVisible, onProceed: () => setIsLoginConflictModalVisible(false), onClose: () => setIsLoginConflictModalVisible(false), iconColor: utility.warning_main, primaryLabel: 'Okay' })] }));
 };
 export default EnterEmail;

package/build/src/screens/EnterMobile/components/ExistingAccountsSheet/hooks/internal/useExistingAccountsSheet.js

@@ -0,0 +1,36 @@
+import { useCallback, useState } from "react";
+import { axiosClient } from '../../../../../../api/axiosClient';
+import { showMessage } from "../../../../../../helpers/show-message";
+/**
+ * @internal
+ * Internal hook for managing useExistingAccountsSheet hook state and auth context integration. Not exposed to package consumers.
+ */
+const useExistingAccountsSheet = () => {
+    const [loading, setLoading] = useState(false);
+    const [selectedAccount, setSelectedAccount] = useState(null);
+    const linkPrimaryAccount = useCallback(({ phone, onInitiateLinking }) => {
+        setLoading(true);
+        axiosClient({
+            url: '/auth/mobile/link-primary-account/initiate',
+            method: 'POST',
+            data: {
+                phone,
+                memberId: selectedAccount?.memberId,
+            },
+        })
+            .then((res) => onInitiateLinking(res.data))
+            .catch((error) => {
+            console.log(error);
+            const message = error?.response?.data?.errors?.[0]?.message ?? 'Unable to initiate linking. Please try again.';
+            showMessage({ message });
+        })
+            .finally(() => setLoading(false));
+    }, [selectedAccount]);
+    return {
+        loading,
+        linkPrimaryAccount,
+        selectedAccount,
+        setSelectedAccount
+    };
+};
+export { useExistingAccountsSheet };