\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n onCancilHandler()}\r\n >\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n 
\r\n
\r\n {showLoginModal && (\r\n <>\r\n {!forgetPasswordSection && (\r\n <>\r\n \r\n
\r\n\r\n Login
\r\n\r\n \r\n (e.target.placeholder = \"\")}\r\n className={classNames(\"form-control autofocus\", {\r\n \"is-invalid\": errors && errors.email,\r\n })}\r\n {...register(\"email\", {\r\n required: \"Email field is required\",\r\n })}\r\n />\r\n {errors && errors.email && (\r\n
\r\n\r\n \r\n {errors.email.message}\r\n
\r\n )}\r\n \r\n \r\n (e.target.placeholder = \"\")}\r\n className={classNames(\"form-control autofocus\", {\r\n \"is-invalid\": errors && errors.password,\r\n })}\r\n {...register(\"password\", {\r\n required: \"Password field is required\",\r\n })}\r\n />\r\n {errors && errors.password && (\r\n \r\n setForgetPasswordSection(true)}\r\n style={{ cursor: \"pointer\" }}>\r\n Forgot password?\r\n \r\n
\r\n \r\n {errors.password.message}\r\n
\r\n )}\r\n\r\n \r\n \r\n
\r\n {loginErrorMessage && (\r\n \r\n {loginErrorMessage}\r\n
\r\n )}\r\n\r\n Not a member? \r\n
\r\n \r\n \r\n )}\r\n\r\n {forgetPasswordSection && (\r\n <>\r\n signUpHandler()}\r\n >\r\n Sign up now\r\n
\r\n\r\n
\r\n Forgot Password
\r\n\r\n
\r\n \r\n )}\r\n \r\n )}\r\n\r\n {showSignUpModal && (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n (e.target.placeholder = \"\")}\r\n className={classNames(\r\n \"form-control autofocus\",\r\n {\r\n \"is-invalid\": errors2 && errors2.email,\r\n }\r\n )}\r\n {...register2(\"email\", {\r\n required: \"Email field is required\",\r\n })}\r\n />\r\n {errors2 && errors2.email && (\r\n
\r\n\r\n \r\n {errors2.email.message}\r\n
\r\n )}\r\n \r\n \r\n
\r\n\r\n {forgetPassMsg && forgetPassMsg == \"No user found with this email address.\" ? (\r\n {forgetPassMsg}
\r\n ) : (\r\n{forgetPassMsg}
\r\n )}\r\n\r\n\r\n backToLoginHandler()}\r\n >\r\n Back to Login\r\n \r\n signUpHandler()}\r\n >\r\n Sign up now\r\n \r\n
\r\n \r\n \r\n
\r\n Sign up
\r\n\r\n \r\n First Name\r\n \r\n (e.target.placeholder = \"\")}\r\n //onBlur={(e) => (e.target.placeholder = \"Enter your first name\")}\r\n\r\n {...handleRegistration(\"firstName\", {\r\n required: \"This field is required\",\r\n pattern: /^[a-zA-Z ]+$/\r\n })}\r\n />\r\n {regErrors && regErrors.firstName && (\r\n
\r\n\r\n \r\n {regErrors.firstName.message}\r\n
\r\n )}\r\n {regErrors && regErrors.firstName && regErrors.firstName.type === \"pattern\" && (\r\n \r\n
\r\n )}\r\n Invalid first name
\r\n\r\n \r\n Last Name\r\n \r\n (e.target.placeholder = \"\")}\r\n {...handleRegistration(\"lastName\", {\r\n required: \"This field is required\",\r\n pattern: /^[a-zA-Z ]+$/\r\n })}\r\n />\r\n {regErrors && regErrors.lastName && (\r\n
\r\n\r\n \r\n {regErrors.lastName.message}\r\n
\r\n )}\r\n {regErrors && regErrors.lastName && regErrors.lastName.type === \"pattern\" && (\r\n \r\n
\r\n )}\r\n Invalid last Name
\r\n\r\n \r\n (e.target.placeholder = \"\")}\r\n className={classNames(\"form-control\", {\r\n \"is-invalid\": regErrors && regErrors.email,\r\n })}\r\n {...handleRegistration(\"email\", {\r\n required: \"This field is required\",\r\n pattern: {\r\n value:\r\n /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/,\r\n message: \"Please enter valid email address\",\r\n },\r\n })}\r\n />\r\n {regErrors && regErrors.email && (\r\n
\r\n\r\n \r\n {regErrors.email.message}\r\n
\r\n )}\r\n \r\n \r\n
\r\n\r\n \r\n (e.target.placeholder = \"\")}\r\n className={classNames(\"form-control\", {\r\n \"is-invalid\": regErrors && regErrors.password,\r\n })}\r\n {...handleRegistration(\"password\", {\r\n required: \"This field is required\",\r\n pattern: {\r\n value:\r\n /^(?=.*\\d)(?=.*[!@#$%^&*])(?=.*[a-z])(?=.*[A-Z]).{8,}$/,\r\n message:\r\n \"Passwords must have 8 characters, contains both uppercase and lowercase, at least one number and a special character.\"\r\n },\r\n })}\r\n />\r\n {regErrors && regErrors.password && (\r\n hidePassword(\"password\")}\r\n />\r\n ) : (\r\n showPassword(\"password\")}\r\n />\r\n )}\r\n \r\n
\r\n \r\n {regErrors.password.message}\r\n
\r\n )}\r\n \r\n {\" \"}\r\n {password ? (\r\n \r\n \r\n Confirm Password\r\n \r\n
\r\n\r\n \r\n (e.target.placeholder = \"\")}\r\n {...handleRegistration(\"confirmPassword\", {\r\n required: \"This field is required\",\r\n })}\r\n />\r\n {regErrors && regErrors.confirmPassword && (\r\n hidePassword(\"confirmPassword\")}\r\n />\r\n ) : (\r\n showPassword(\"confirmPassword\")}\r\n />\r\n )}\r\n \r\n
\r\n \r\n {regErrors.confirmPassword.message}\r\n
\r\n )}\r\n\r\n \r\n {\" \"}\r\n {confirmPassword ? (\r\n \r\n \r\n
\r\n {confirmMessage && (\r\n {confirmMessage}
\r\n )}\r\n {successMessage && (\r\n{successMessage}
\r\n )}\r\n\r\n Already have an Account?\r\n
\r\n \r\n \r\n )}\r\n\r\n backToLogin()}\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n Login\r\n
\r\n\r\n
\r\n \r\n