@truworth/twc-auth 1.2.2 → 1.2.4

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/components/PasswordCriteria/hooks/usePasswordCriteria.js

@@ -1,13 +1,6 @@
 import { useEffect, useState } from "react";
 import { axiosClient } from "../../../api/axiosClient";
-const defaultPolicy = {
-    minLength: 6,
-    maxLength: 30,
-    numbers: true,
-    uppercase: true,
-    lowercase: true,
-    specialCharacters: true,
-};
+import { defaultPolicy } from "../../../constants/defaultPolicy";
 const usePasswordCriteria = ({ email, password, onCriteriaChange, onMaxLengthChange }) => {
     const { maxLength: defaultMaxLength, ...restDefaultPolicy } = defaultPolicy;
     const [loading, setLoading] = useState(false);

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

@@ -4,7 +4,7 @@ import { Text, View } from 'react-native';
 import { usePasswordCriteria } from './hooks/usePasswordCriteria';
 const { gray, utility } = Colors;
 const PasswordCriteria = ({ email, password, criteria, onCriteriaChange, onMaxLengthChange }) => {
-    const { passwordPolicy, loading, renderLabel, } = usePasswordCriteria({ email, password, onCriteriaChange, onMaxLengthChange });
+    const { loading, passwordPolicy, renderLabel, } = usePasswordCriteria({ email, password, onCriteriaChange, onMaxLengthChange });
     const getCriteriaColor = (isValid) => (isValid ? utility.success_main : gray.gray_600);
     const getCriteriaBackground = (isValid) => (isValid ? utility.success_bg : gray.gray_100);
     return (_jsx(View, { style: { flexDirection: 'row', alignItems: 'center', flexWrap: 'wrap', alignContent: 'space-between', marginTop: 8 }, children: Object.keys(passwordPolicy).map((item, index) => (loading
@@ -13,10 +13,10 @@ const PasswordCriteria = ({ email, password, criteria, onCriteriaChange, onMaxLe
                 _jsx(View, { style: {
                         marginRight: 8, marginTop: 8, borderRadius: 32,
                         paddingVertical: 4, paddingHorizontal: 12,
-                        backgroundColor: getCriteriaBackground(criteria[item]),
+                        backgroundColor: getCriteriaBackground(Boolean(criteria[item])),
                     }, children: _jsx(Text, { style: {
                             fontSize: 12, fontWeight: '500',
-                            color: getCriteriaColor(criteria[item]),
+                            color: getCriteriaColor(Boolean(criteria[item])),
                         }, children: renderLabel(item) }) }, index))) }));
 };
 export { PasswordCriteria };

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/{EmailOTPVerify → VerifyEmailOTP}/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Button, Flex, OTPInput, Typography } from "@truworth/twc-web-design";
 import { useEffect, useState } from "react";
-const EmailOTPVerify = ({ validateOTP, resendOTP, resendOTPCounter, email, status }) => {
+const VerifyEmailOTP = ({ validateOTP, resendOTP, resendOTPCounter, email, status }) => {
     const [otp, setOtp] = useState('');
     const [otpError, setOtpError] = useState(false);
     useEffect(() => {
@@ -17,4 +17,4 @@ const EmailOTPVerify = ({ validateOTP, resendOTP, resendOTPCounter, email, statu
                 _jsx(Typography, { type: "utility", size: "medium", className: "mt-1", color: "text-utility-danger-main", children: "Please enter the correct OTP." }), (resendOTPCounter < 3) &&
                 _jsxs(Flex, { align: "center", justify: "between", className: 'mt-7', children: [_jsx(Typography, { type: "body", size: "medium", className: "font-semibold", color: "text-gray-400", children: "Didn't receive OTP?" }), _jsx(Button, { variant: 'link', size: 'small', className: "p-0 h-auto", onClick: resendOTP, children: "Resend Code" })] }), _jsx(Button, { label: "Continue", isFullWidth: true, variant: 'primary', className: "mt-7", onClick: () => validateOTP?.(otp), disabled: (otp?.length ?? 0) < 6 })] }));
 };
-export { EmailOTPVerify };
+export { VerifyEmailOTP };

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

@@ -0,0 +1,22 @@
+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 { 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: '#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/{VerifyOTP → 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 OTPVerify = ({ validateOTP, timer, resendOTP, phone, status, resendTextClassName }) => {
+const VerifyMobileOTP = ({ validateOTP, timer, resendOTP, phone, status, resendTextClassName }) => {
     const [otp, setOtp] = useState('');
     const [otpError, setOtpError] = useState(false);
     useEffect(() => {
@@ -20,4 +20,4 @@ const OTPVerify = ({ validateOTP, timer, resendOTP, phone, status, resendTextCla
                 :
                     _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" })] }));
 };
-export { OTPVerify };
+export { VerifyMobileOTP };

package/build/src/components/{VerifyOTP → VerifyMobileOTP}/index.native.js

@@ -7,7 +7,7 @@ import { useAuthPackageContext } from '../../hooks/internal/useAuthPackageContex
 import { OTPStatusLabel } from '../OTPStatusLabel/index.native';
 import OTPInputView from '@twotalltotems/react-native-otp-input';
 const { gray } = Colors;
-const OTPVerify = ({ validateOTP, timer, status, resendOTP, phone }) => {
+const VerifyMobileOTP = ({ validateOTP, timer, status, resendOTP, phone }) => {
     const [otp, setOTP] = useState('');
     const { otpValue } = useAuthPackageContext();
     useEffect(() => {
@@ -35,4 +35,4 @@ const OTPVerify = ({ validateOTP, timer, status, resendOTP, phone }) => {
                                                 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 }) })] })] }));
 };
-export { OTPVerify };
+export { VerifyMobileOTP };

package/build/src/constants/defaultPolicy.js

@@ -0,0 +1,9 @@
+const defaultPolicy = {
+    minLength: 6,
+    maxLength: 30,
+    numbers: true,
+    uppercase: true,
+    lowercase: true,
+    specialCharacters: true,
+};
+export { defaultPolicy };

package/build/src/contexts/AuthContext.js

@@ -119,8 +119,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

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["EmailPassword"] = 1] = "EmailPassword";
+    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/helpers/Network.js

@@ -77,7 +77,7 @@ export const createHttpClient = ({ token, onRefreshSession, onLogout }) => {
     const handleInvalidSession = async () => {
         try {
             await onLogout?.();
-            showMessage('Your session has expired. Please login again.');
+            showMessage({ message: 'Your session has expired. Please login again.' });
         }
         catch (err) {
             console.error('Error logging out:', err);

package/build/src/helpers/show-message/index.js

@@ -1,5 +1,5 @@
 import { showNotification } from "@truworth/twc-web-design";
-const showMessage = (message) => {
+const showMessage = ({ message, type }) => {
     if (message == null)
         return;
     const text = typeof message === 'string'
@@ -10,7 +10,7 @@ const showMessage = (message) => {
                 ? String(message.message)
                 : String(message);
     showNotification({
-        type: 'error',
+        type: type ?? 'error',
         title: text,
         showIcon: false,
         duration: 3000,

package/build/src/helpers/show-message/index.native.js

@@ -1,5 +1,5 @@
 import { Snackbar } from "@truworth/twc-rn-common";
-const showMessage = (message, leftIcon = 'warning') => {
+const showMessage = ({ message, leftIcon = 'warning' }) => {
     if (message == null)
         return;
     const text = typeof message === 'string'

package/build/src/hooks/useRequest.js

@@ -32,7 +32,7 @@ const useRequest = () => {
                 onFailure(err);
             }
             if (err?.response?.status >= 500) {
-                showMessage("Something went wrong");
+                showMessage({ message: "Something went wrong" });
             }
         }
     };

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

@@ -9,8 +9,15 @@ import CreatePassword from '../screens/CreatePassword/index.native';
 import UserConsent from '../screens/UserConsent/index.native';
 import VerifyMobile from '../screens/VerifyMobile/index.native';
 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';
 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 })] }));
+    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: "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/CreatePassword/hooks/internal/useCreatePassword.js

@@ -1,4 +1,5 @@
 import { useState } from "react";
+import { defaultPolicy } from "../../../../constants/defaultPolicy";
 /**
  * @internal
  * Internal hook for managing CreatePassword screen state and auth context integration.
@@ -10,13 +11,7 @@ const useCreatePassword = () => {
     const [password, setPassword] = useState('');
     const [confirmPassword, setConfirmPassword] = useState('');
     const [maxLength, setMaxLength] = useState(defaultPolicy.maxLength);
-    const [criteria, setCriteria] = useState({
-        numbers: false,
-        minLength: false,
-        uppercase: false,
-        lowercase: false,
-        specialCharacters: false,
-    });
+    const [criteria, setCriteria] = useState({});
     const handlePassword = (text) => {
         setPassword(text.replace(/\s/g, ''));
     };
@@ -42,11 +37,3 @@ const useCreatePassword = () => {
     };
 };
 export { useCreatePassword };
-const defaultPolicy = {
-    minLength: 6,
-    maxLength: 30,
-    numbers: true,
-    uppercase: true,
-    lowercase: true,
-    specialCharacters: true,
-};

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

@@ -1,7 +1,8 @@
 import { useCallback, useState } from "react";
 import { showMessage } from "../../../../helpers/show-message";
 import { useAuthPackageContext } from "../../../../hooks/internal/useAuthPackageContext";
-import { axiosClient } from "../../../../api/axiosClient";
+import { checkEmailExists } from "../../../../api/auth";
+import { LoginMethodCode } from "../../../../enums";
 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,}))$/;
 /**
  * @internal
@@ -19,50 +20,31 @@ const useEnterEmail = () => {
         setInvalidEmail(!emailRegex.test(value));
         setEmail(value);
     }, [emailRegex]);
-    const handleValidateEmail = ({ onResult }) => {
-        if (loading || isInvalidEmail || !email)
-            return;
+    const handleValidateEmail = async ({ onContinue }) => {
         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('Unsupported login method. Please try again later.');
-                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);
+        try {
+            const { emailExist, loginType } = await checkEmailExists(email);
+            const code = Number(loginType);
+            if (emailExist && code !== LoginMethodCode.EmailPassword) {
+                const loginTypesMap = {
+                    [LoginMethodCode.Facebook]: 'Facebook',
+                    [LoginMethodCode.Google]: 'Google',
+                    [LoginMethodCode.Apple]: 'Apple',
+                    [LoginMethodCode.SSO]: 'SSO',
+                };
+                setLoginType(loginTypesMap[code] || 'your social account');
                 setLoginConflictModalVisible(true);
                 return;
             }
-            onResult({ email, emailExist: true });
-        }).catch(err => {
-            console.log(err);
+            onContinue({ emailExist });
+        }
+        catch (err) {
+            const errorMessage = err?.response?.data?.errors?.[0]?.message ?? 'Something went wrong';
+            showMessage({ message: errorMessage });
+        }
+        finally {
             setLoading(false);
-            if (err?.response?.status === 404) {
-                onResult({ email, emailExist: false });
-            }
-            if (err?.response?.status >= 500) {
-                showMessage('Something went wrong');
-            }
-        });
+        }
     };
     const clearText = useCallback(() => {
         setEmail('');

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

@@ -1,10 +1,10 @@
 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 EnterEmail = ({ onContinue, onPressSignInWithSSO }) => {
     const { loading, email, isInvalidEmail, loginConflictModalVisible, loginConflictErrorTitle, loginConflictErrorDescription, enterEmail, appName, handleValidateEmail, setLoginConflictModalVisible, } = 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: {
@@ -12,19 +12,17 @@ const EnterEmail = ({ onResult }) => {
                     label: 'Continue',
                     onClick: () => {
                         if (!loading && !isInvalidEmail) {
-                            handleValidateEmail({ onResult });
+                            handleValidateEmail({
+                                onContinue: (params) => onContinue({ email, emailExist: params.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', {
+                }, 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);
                                     }
                                 }) }) }) }), loginConflictModalVisible &&
-                        _jsx(LoginConflictModal, { title: loginConflictErrorTitle, primaryLabel: 'Okay', description: loginConflictErrorDescription, visible: loginConflictModalVisible, onProceed: () => setLoginConflictModalVisible(false), onClose: () => setLoginConflictModalVisible(false) })] }), _jsx(SupportDetails, {})] }));
+                        _jsx(LoginConflictModal, { title: loginConflictErrorTitle, primaryLabel: 'Okay', description: loginConflictErrorDescription, visible: loginConflictModalVisible, onProceed: () => setLoginConflictModalVisible(false), onClose: () => setLoginConflictModalVisible(false) })] }), _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,26 +5,26 @@ 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 onContinue = (params) => {
+        if (params.emailExist) {
+            navigation.navigate('EnterPassword', { email });
+        }
+        else {
+            onRegistrationMethodChange(RegistrationMethod.EMAIL);
+            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 });
-                                    }
-                                }
-                            });
+                            handleValidateEmail({ onContinue });
                         }
                     },
                     disabled: isInvalidEmail || loading,

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

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

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

@@ -1,22 +1,38 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Form, PasswordInput, Typography, useForm } from '@truworth/twc-web-design';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Button, Flex, Form, PasswordInput, ResponsiveModal, Typography, useForm } from '@truworth/twc-web-design';
 import { ScreenLayout } from "../../components/ScreenLayout";
 import { useEnterPassword } from './hooks/internal/useEnterPassword';
 import { SupportDetails } from '../../components/SupportDetails';
-const EnterPassword = ({ email, onPressBack }) => {
+import LoginWithEmailOTP from '../LoginWithEmailOTP';
+import VerifyResetPasswordOTP from '../VerifyResetPasswordOTP';
+const EnterPassword = ({ email, onPressBack, onVerifiedResetPasswordOTP }) => {
+    const [showResetPasswordOTPModal, setShowResetPasswordOTPModal] = useState(false);
+    const [showLoginWithEmailOTPModal, setShowLoginWithEmailOTPModal] = useState(false);
     const { loading, password, isInvalidPassword, handleSubmit, onPassword, appName } = useEnterPassword();
     const form = useForm({ defaultValues: { password } });
-    return (_jsxs(_Fragment, { children: [_jsx(ScreenLayout, { title: `Hi, Welcome To ${appName}!`, subTitle: email, buttonProps: {
+    return (_jsxs(_Fragment, { children: [_jsxs(ScreenLayout, { title: `Hi, Welcome To ${appName}!`, subTitle: email, buttonProps: {
                     loading,
                     label: 'Continue',
                     onClick: () => { if (email)
                         handleSubmit({ email, source: 'web' }); },
                     disabled: !password || !email || loading,
-                }, onPressBack: onPressBack, children: _jsx(Form, { className: "w-full", form: form, onSubmit: () => { if (email)
-                        handleSubmit({ email, source: 'web' }); }, children: _jsx(Form.Item, { name: "password", label: "Password", description: isInvalidPassword &&
-                            _jsx(Typography, { type: "body", size: "small", className: "h-1", color: "text-utility-danger-main", children: "Email and password do not match!" }), children: _jsx(PasswordInput, { placeholder: "Enter your password", value: password, showStrengthIndicator: false, className: `border rounded-md px-3 py-2 
+                }, onPressBack: onPressBack, children: [_jsx(Form, { className: "w-full", form: form, onSubmit: () => { if (email)
+                            handleSubmit({ email, source: 'web' }); }, children: _jsx(Form.Item, { name: "password", label: "Password", description: isInvalidPassword &&
+                                _jsx(Typography, { type: "body", size: "small", className: "h-1", color: "text-utility-danger-main", children: "Email and password do not match!" }), children: _jsx(PasswordInput, { placeholder: "Enter your password", value: password, showStrengthIndicator: false, className: `border rounded-md px-3 py-2 
                                 ${isInvalidPassword ? "border-red-500" : "border-gray-300"}`, ...form.register('password', {
-                                onChange: (e) => onPassword(e.target.value)
-                            }) }) }) }) }), _jsx(SupportDetails, {})] }));
+                                    onChange: (e) => onPassword(e.target.value)
+                                }) }) }) }), _jsx(Button, { type: "button", size: 'small', variant: 'link', label: "Forgot Password?", className: "px-0 h-auto ml-auto block mt-4", onClick: () => setShowResetPasswordOTPModal(true) })] }), _jsxs(Flex, { align: "center", className: "mt-6 mb-6", children: [_jsx(Flex, { className: "flex-1 border-t border-gray-300" }), _jsx(Typography, { type: 'body', size: 'small', className: "text-gray-500 px-4", children: "OR" }), _jsx(Flex, { className: "flex-1 border-t border-gray-300" })] }), _jsx(Button, { label: 'Sign In With OTP', variant: 'secondary', className: 'flex-none', isFullWidth: true, type: "button", onClick: () => setShowLoginWithEmailOTPModal(true) }), _jsx(SupportDetails, {}), showResetPasswordOTPModal &&
+                _jsx(VerifyResetPasswordOTPModal, { email: email, show: showResetPasswordOTPModal, hide: () => setShowResetPasswordOTPModal(false), onVerifiedOTP: (sessionToken) => {
+                        setShowResetPasswordOTPModal(false);
+                        onVerifiedResetPasswordOTP(sessionToken);
+                    } }), showLoginWithEmailOTPModal &&
+                _jsx(LoginWithEmailOTPModal, { email: email, show: showLoginWithEmailOTPModal, hide: () => setShowLoginWithEmailOTPModal(false) })] }));
+};
+const LoginWithEmailOTPModal = ({ show, hide, email }) => {
+    return (_jsx(ResponsiveModal, { open: show, onClose: hide, title: _jsx(Typography, { type: "heading", size: "h6", className: "text-center mb-0", children: "Verify Your Email" }), showCloseButton: false, maskClosable: false, size: 'sm', children: _jsx(LoginWithEmailOTP, { email: email }) }));
+};
+const VerifyResetPasswordOTPModal = ({ show, hide, email, onVerifiedOTP }) => {
+    return (_jsx(ResponsiveModal, { title: "Reset Your Password", open: show, onClose: hide, maskClosable: false, showCloseButton: false, size: 'sm', children: _jsx(VerifyResetPasswordOTP, { email: email, onVerifiedOTP: onVerifiedOTP }) }));
 };
 export default EnterPassword;

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

@@ -1,23 +1,35 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { View } from 'react-native';
-import { TextInputField } from '@truworth/twc-rn-common';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View, Text, Platform, TouchableOpacity } from 'react-native';
+import { RoundedButton, TextInputField, Colors } from '@truworth/twc-rn-common';
 import { Layout } from '@ui-kitten/components';
 import { ScreenLayout } from '../../components/ScreenLayout/index.native';
 import { useEnterPassword } from './hooks/internal/useEnterPassword';
-const EnterPassword = ({ route }) => {
+const { primary } = Colors;
+const EnterPassword = ({ navigation, route }) => {
     const { email } = route.params;
     const { loading, password, isPasswordVisible, togglePasswordVisibility, isInvalidPassword, handleSubmit, onPassword } = useEnterPassword();
-    return (_jsx(Layout, { style: { flex: 1, backgroundColor: '#FFFFFF' }, children: _jsx(ScreenLayout, { title: "Enter Your Password", buttonProps: {
-                loading,
-                label: 'Continue',
-                onPress: () => { if (email)
-                    handleSubmit({ email, source: 'web' }); },
-                disabled: password.length == 0 || isInvalidPassword || loading,
-            }, children: _jsx(View, { style: { position: 'relative' }, children: _jsx(TextInputField, { placeholder: 'Enter password...', onChangeValue: onPassword, secureTextEntry: !isPasswordVisible, value: password, rightIcon2: isPasswordVisible
-                        ? 'eye-outline'
-                        : 'eye-off-outline', onPressRightIcon2: () => togglePasswordVisibility(), error: {
-                        show: isInvalidPassword,
-                        message: isInvalidPassword ? 'Email and password do not match!' : ''
-                    }, autoFocus: true }) }) }) }));
+    return (_jsxs(Layout, { style: { flex: 1, backgroundColor: '#FFFFFF' }, children: [_jsxs(ScreenLayout, { title: "Enter Your Password", buttonProps: {
+                    loading,
+                    label: 'Continue',
+                    onPress: () => { if (email)
+                        handleSubmit({ email, source: Platform.OS }); },
+                    disabled: password.length == 0 || isInvalidPassword || loading,
+                }, children: [_jsx(View, { style: { position: 'relative' }, children: _jsx(TextInputField, { placeholder: 'Enter password...', onChangeValue: onPassword, secureTextEntry: !isPasswordVisible, value: password, rightIcon2: isPasswordVisible
+                                ? 'eye-outline'
+                                : 'eye-off-outline', onPressRightIcon2: () => togglePasswordVisibility(), error: {
+                                show: isInvalidPassword,
+                                message: isInvalidPassword ? 'Email and password do not match!' : ''
+                            }, autoFocus: true }) }), _jsx(TouchableOpacity, { activeOpacity: 0.8, style: { marginTop: isInvalidPassword ? 0 : 10, alignSelf: 'flex-end' }, onPress: () => navigation.navigate('VerifyResetPasswordOTP', { email }), children: _jsx(Text, { style: {
+                                fontSize: 12, fontWeight: '600',
+                                color: primary.primary_main, lineHeight: 20,
+                            }, children: "Forgot Password?" }) })] }), _jsxs(View, { style: { paddingHorizontal: 16 }, children: [_jsxs(View, { style: {
+                            flexDirection: 'row', justifyContent: 'center',
+                            alignItems: 'center', marginBottom: 14, marginTop: 14,
+                        }, children: [_jsx(View, { style: { width: 12, height: 1, backgroundColor: '#7F7F7F' } }), _jsx(Text, { style: {
+                                    fontSize: 12, fontWeight: '600', color: '#7F7F7F',
+                                    lineHeight: 20, textAlign: 'center',
+                                    marginHorizontal: 6,
+                                }, children: "OR" }), _jsx(View, { style: { width: 12, height: 1, backgroundColor: '#7F7F7F' } })] }), email &&
+                        _jsx(RoundedButton, { type: "text", size: "medium", label: "Sign In With OTP", onPress: () => navigation.navigate('LoginWithEmailOTP', { email }) })] })] }));
 };
 export default EnterPassword;