@truworth/twc-auth 1.2.7 → 1.2.9

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

@@ -10,6 +10,11 @@ const { gray } = Colors;
 const VerifyMobileOTP = ({ validateOTP, timer, status, resendOTP, phone }) => {
     const [otp, setOtp] = useState('');
     const { otpValue } = useAuthPackageContext();
+    useEffect(() => {
+        if (otp && otp.length == 6) {
+            return validateOTP(otp);
+        }
+    }, [otp]);
     useEffect(() => {
         if (otpValue && otpValue.length == 6) {
             setOtp(otpValue);
@@ -24,7 +29,7 @@ const VerifyMobileOTP = ({ validateOTP, timer, status, resendOTP, phone }) => {
                                     }, codeInputHighlightStyle: { borderColor: '#03DAC6' }, style: {
                                         height: 50,
                                         width: Dimensions.get('window').width - 100,
-                                    }, code: otp ?? '', onCodeFilled: code => validateOTP(code) }) }), timer <= 0 &&
+                                    }, code: otp ?? '', onCodeFilled: code => setOtp(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();

package/build/src/contexts/AuthContext.js

@@ -149,7 +149,6 @@ const AuthProvider = ({ children, LogoComponent, session, appConfig, onLogin, on
     }, []);
     const handleOtpReceived = (otp) => {
         setOtpValue(otp);
-        setTimeout(() => setOtpValue(''), 0);
     };
     const AuthContextValues = {
         token,

package/build/src/hooks/useRequest.js

@@ -1,18 +1,14 @@
-import { useEffect, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { showMessage } from '../helpers/show-message';
 import { useAuthPackageContext } from './internal/useAuthPackageContext';
 import { createHttpClient } from '../helpers/network';
 const useRequest = () => {
-    const { token: sessionToken, logout, refreshSession } = useAuthPackageContext();
-    const [token, setToken] = useState(sessionToken);
-    useEffect(() => {
-        setToken(sessionToken);
-    }, [sessionToken]);
+    const { token, logout, refreshSession } = useAuthPackageContext();
     const { request } = useMemo(() => createHttpClient({
         token,
         onRefreshSession: async (token) => refreshSession?.({ token }),
         onLogout: async () => logout(),
-    }), [token, logout, refreshSession]);
+    }), [token]);
     const makeRequest = async ({ url, method, body, onSuccess, onFailure, ...axiosOptions }) => {
         if (!token) {
             return;

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

@@ -35,7 +35,11 @@ const EnterEmail = ({ onContinue, onPressSignInWithSSO }) => {
                         });
                     },
                     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', {
+                }, children: [_jsx(Form, { className: "w-full", form: form, onSubmit: () => {
+                            handleEmailExists({
+                                onValidate: ({ emailExist }) => onContinue({ email, emailExist })
+                            });
+                        }, 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) => {
                                         handleEmailChange(e.target.value);
                                     }

package/build/src/screens/EnterPassword/hooks/internal/useEnterPassword.js

@@ -9,12 +9,14 @@ import { showMessage } from "../../../../helpers/show-message";
 const useEnterPassword = () => {
     const [password, setPassword] = useState("");
     const [isPasswordVisible, setIsPasswordVisible] = useState(false);
+    const [invalidPassword, setInvalidPassword] = useState(false);
     const [loading, setLoading] = useState(false);
     const { onTokenChange, onLogin, appConfig } = useAuthPackageContext();
     const togglePasswordVisibility = useCallback(() => {
         setIsPasswordVisible((prev) => !prev);
     }, []);
     const handlePasswordChange = useCallback((value) => {
+        setInvalidPassword(false);
         setPassword(value);
     }, []);
     const handleSubmit = useCallback(async ({ email, source, verifyEmailOTP }) => {
@@ -46,6 +48,7 @@ const useEnterPassword = () => {
         catch (error) {
             const errorMessage = error?.response?.data?.errors?.[0]?.message;
             if (error?.response?.status === 400) {
+                setInvalidPassword(true);
                 showMessage({ message: errorMessage ?? 'Email and password do not match!' });
                 return;
             }
@@ -67,7 +70,8 @@ const useEnterPassword = () => {
         handleSubmit,
         isDisabled,
         handlePasswordChange,
-        appName: appConfig.appName
+        appName: appConfig.appName,
+        invalidPassword
     };
 };
 export { useEnterPassword };

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

@@ -29,7 +29,18 @@ const EnterPassword = ({ email, onPressBack, onVerifiedResetPasswordOTP }) => {
                             });
                     },
                     disabled: !password || !email || loading,
-                }, onPressBack: onPressBack, children: [_jsx(Form, { className: "w-full", form: form, children: _jsx(Form.Item, { name: "password", label: "Password", children: _jsx(PasswordInput, { placeholder: "Enter your password", value: password, showStrengthIndicator: false, className: `border rounded-md px-3 py-2 border-gray-300`, ...form.register('password', {
+                }, onPressBack: onPressBack, children: [_jsx(Form, { className: "w-full", form: form, onSubmit: () => {
+                            if (email)
+                                handleSubmit({
+                                    email,
+                                    source: 'web',
+                                    verifyEmailOTP: ({ mfaEnabled, sessionToken }) => {
+                                        setMfaSessionToken(sessionToken);
+                                        setMfaEnabled(mfaEnabled);
+                                        setShowLoginWithEmailOTPModal(true);
+                                    }
+                                });
+                        }, children: _jsx(Form.Item, { name: "password", label: "Password", children: _jsx(PasswordInput, { placeholder: "Enter your password", value: password, showStrengthIndicator: false, className: `border rounded-md px-3 py-2 border-gray-300`, ...form.register('password', {
                                     onChange: (e) => {
                                         handlePasswordChange(e.target.value);
                                     }

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

@@ -7,7 +7,7 @@ import { useEnterPassword } from './hooks/internal/useEnterPassword';
 const { primary } = Colors;
 const EnterPassword = ({ navigation, route }) => {
     const { email } = route.params;
-    const { loading, password, isPasswordVisible, togglePasswordVisibility, handlePasswordChange, isDisabled, handleSubmit } = useEnterPassword();
+    const { loading, password, isPasswordVisible, togglePasswordVisibility, handlePasswordChange, isDisabled, handleSubmit, invalidPassword } = useEnterPassword();
     return (_jsxs(Layout, { style: { flex: 1, backgroundColor: primary.white }, children: [_jsxs(ScreenLayout, { title: "Enter Your Password", buttonProps: {
                     loading,
                     label: 'Continue',
@@ -22,7 +22,10 @@ const EnterPassword = ({ navigation, route }) => {
                             });
                     },
                     disabled: isDisabled,
-                }, children: [_jsx(View, { style: { position: 'relative' }, children: _jsx(TextInputField, { placeholder: 'Enter password...', onChangeValue: handlePasswordChange, secureTextEntry: !isPasswordVisible, value: password, rightIcon2: isPasswordVisible ? 'eye-outline' : 'eye-off-outline', onPressRightIcon2: () => togglePasswordVisibility(), autoFocus: true }) }), _jsx(TouchableOpacity, { activeOpacity: 0.8, style: { marginTop: 10, alignSelf: 'flex-end' }, onPress: () => navigation.navigate('VerifyResetPasswordOTP', { email }), children: _jsx(Text, { style: {
+                }, children: [_jsx(View, { style: { position: 'relative' }, children: _jsx(TextInputField, { placeholder: 'Enter password...', onChangeValue: handlePasswordChange, secureTextEntry: !isPasswordVisible, value: password, rightIcon2: isPasswordVisible ? 'eye-outline' : 'eye-off-outline', onPressRightIcon2: () => togglePasswordVisibility(), error: {
+                                show: invalidPassword,
+                                message: 'Email and password do not match!'
+                            }, autoFocus: true }) }), _jsx(TouchableOpacity, { activeOpacity: 0.8, style: { marginTop: 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: {

package/build/types/screens/EnterPassword/hooks/internal/useEnterPassword.d.ts

@@ -20,5 +20,6 @@ declare const useEnterPassword: () => {
     isDisabled: boolean;
     handlePasswordChange: (value: string) => void;
     appName: string | undefined;
+    invalidPassword: boolean;
 };
 export { useEnterPassword };

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "description": "Truworth Auth Package for React Native and Web",
-  "version": "1.2.7",
+  "version": "1.2.9",
   "main": "build/src/index.js",
   "types": "build/types/index.d.ts",
   "files": [
@@ -26,7 +26,7 @@
     "@react-native-google-signin/google-signin": "12.2.1",
     "@react-navigation/native": "6.1.17",
     "@react-navigation/native-stack": "6.10.0",
-    "@truworth/twc-rn-common": "1.0.15",
+    "@truworth/twc-rn-common": "1.1.2",
     "@truworth/twc-web-design": "1.11.0",
     "@twotalltotems/react-native-otp-input": "1.3.11",
     "@types/crypto-js": "^4.2.2",