@truworth/twc-auth 1.2.7 → 1.2.8

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/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.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.8",
   "main": "build/src/index.js",
   "types": "build/types/index.d.ts",
   "files": [