{title}
}\r\n \r\n );\r\n};\r\n\r\nHeader.propTypes = {\r\n className: PropTypes.string,\r\n title: PropTypes.string,\r\n showLogo: PropTypes.bool,\r\n logoClass: PropTypes.string || PropTypes.object,\r\n};\r\n\r\nexport default Header;\r\n","/* eslint-disable */\r\nexport const EMAIL_VALIDATION = /^(([^<>()\\[\\]\\\\.,;:\\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,}))$/;\r\nexport const PASSWORD_VALIDATION = /[0-9a-zA-Z]{6,}/;\r\nexport const PTY_PHONE = /^(\\d{7}|\\d{8})$/\r\n","import { useState } from \"react\";\r\n\r\nexport default function useForm(initialValues) {\r\n const [values, setValues] = useState(initialValues);\r\n const [errors, setErrors] = useState({});\r\n\r\n const handleInputChange = e => {\r\n const { name, value } = e.target;\r\n setValues({\r\n ...values,\r\n [name]: value,\r\n });\r\n };\r\n\r\n return {\r\n values,\r\n setValues,\r\n errors,\r\n setErrors,\r\n handleInputChange,\r\n };\r\n}\r\n","import { PATH } from \"../../routers/Routes\";\r\nimport {\r\n forgotPassword,\r\n resetPassword,\r\n signInUser,\r\n signUpUser,\r\n verifyEmail,\r\n refreshToken,\r\n settingUser,\r\n} from \"../../services/warranty_api\";\r\nimport { showSnackbar } from \"./snackbar.actions\";\r\n\r\nexport const validateUserEmail = email => {\r\n return async dispatch => {\r\n dispatch({ type: \"LOADING_START\" });\r\n\r\n try {\r\n const response = await verifyEmail(email);\r\n const { data, status } = response;\r\n const { JwtToken, RefreshToken } = data;\r\n\r\n if (status === 200) {\r\n if (data.Id) {\r\n dispatch({ type: \"REGISTER_USER_SUCCESS\", payload: data });\r\n dispatch({ type: \"TOKEN_SUCCESS\", payload: { JwtToken, RefreshToken } });\r\n } else {\r\n dispatch(showSnackbar(\"El correo no está registrado\", \"error\"));\r\n }\r\n } else if (status === 206) {\r\n dispatch({ type: \"VALIDATE_USER_SUCCESS\", payload: data });\r\n dispatch({ type: \"TOKEN_SUCCESS\", payload: { JwtToken, RefreshToken } });\r\n }\r\n } catch (error) {\r\n dispatch(showSnackbar(\"Error valiando correo electrónico\", \"error\"));\r\n }\r\n\r\n dispatch({ type: \"LOADING_END\" });\r\n };\r\n};\r\n\r\nexport const userLogIn = (credentials, history) => {\r\n return async dispatch => {\r\n dispatch({ type: \"LOADING_START\" });\r\n\r\n try {\r\n const response = await signInUser(credentials);\r\n const { data } = response;\r\n const { JwtToken, RefreshToken } = data;\r\n\r\n dispatch({ type: \"AUTHENTICATION_SUCCESS\", payload: data });\r\n dispatch({ type: \"TOKEN_SUCCESS\", payload: { JwtToken, RefreshToken } });\r\n history.push(PATH.DASHBOARD.SELECT_ROLE);\r\n } catch (error) {\r\n dispatch(showSnackbar(\"Correo o contraseña incorrecto\", \"error\"));\r\n }\r\n\r\n dispatch({ type: \"LOADING_END\" });\r\n };\r\n};\r\n\r\nexport const settingsUserAction = settings => {\r\n return async dispatch => {\r\n dispatch({ type: \"SETTING_USER_START\" });\r\n\r\n try {\r\n const response = await settingUser(settings);\r\n dispatch({\r\n type: \"SETTING_USER\",\r\n payload: {\r\n SendEmailNotification: settings.checkedEmail,\r\n SendPushNotification: settings.checkedNotification,\r\n },\r\n });\r\n dispatch(showSnackbar(\"Las configuraciones se han guardado\", \"success\"));\r\n } catch (error) {\r\n dispatch(showSnackbar(error, \"error\"));\r\n }\r\n dispatch({ type: \"SETTING_USER_END\" });\r\n };\r\n};\r\n\r\nexport const userSignUp = (credentials, history) => {\r\n return async dispatch => {\r\n dispatch({ type: \"LOADING_START\" });\r\n\r\n try {\r\n const response = await signUpUser(credentials);\r\n const { data } = response;\r\n const { JwtToken, RefreshToken } = data;\r\n\r\n dispatch({ type: \"AUTHENTICATION_SUCCESS\", payload: data });\r\n dispatch({ type: \"TOKEN_SUCCESS\", payload: { JwtToken, RefreshToken } });\r\n history.push(PATH.TUTORIAL);\r\n } catch (error) {\r\n dispatch(showSnackbar(error, \"error\"));\r\n }\r\n\r\n dispatch({ type: \"LOADING_END\" });\r\n };\r\n};\r\n\r\nexport const forgotUserPassword = email => {\r\n return async dispatch => {\r\n dispatch({ type: \"LOADING_START\" });\r\n\r\n try {\r\n await forgotPassword(email);\r\n\r\n dispatch({ type: \"RESET_EMAIL_SENDED\" });\r\n } catch (error) {\r\n dispatch(showSnackbar(error, \"error\"));\r\n }\r\n\r\n dispatch({ type: \"LOADING_END\" });\r\n };\r\n};\r\n\r\nexport const resetUserPassword = credentials => {\r\n return async dispatch => {\r\n dispatch({ type: \"LOADING_START\" });\r\n\r\n try {\r\n await resetPassword(credentials);\r\n\r\n dispatch({ type: \"RESET_PASSWORD_SUCCESS\" });\r\n } catch (error) {\r\n dispatch(showSnackbar(error, \"error\"));\r\n }\r\n\r\n dispatch({ type: \"LOADING_END\" });\r\n };\r\n};\r\n","import React from \"react\";\r\nimport { Button, TextField, makeStyles } from \"@material-ui/core\";\r\nimport { EMAIL_VALIDATION } from \"../../utils/regex\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { validateUserEmail } from \"../../redux/actions/auth.actions\";\r\nimport useForm from \"../../hooks/useForm\";\r\n\r\nconst initialState = { email: \"\" };\r\n\r\nconst Sign = () => {\r\n const { values, errors, setErrors, handleInputChange } = useForm(initialState);\r\n const dispatch = useDispatch();\r\n const classes = useStyles();\r\n\r\n const validate = () => {\r\n let temp = {};\r\n temp.email = EMAIL_VALIDATION.test(values.email) ? \"\" : \"Introduzca un correo valido\";\r\n setErrors({ ...temp });\r\n return Object.values(temp).every(value => value === \"\");\r\n };\r\n\r\n const handleEmailValidation = e => {\r\n e.preventDefault();\r\n if (validate()) dispatch(validateUserEmail(values.email));\r\n };\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n root: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\",\r\n marginTop: \"2em\",\r\n },\r\n buttonProgress: {\r\n color: theme.primary,\r\n position: \"absolute\",\r\n top: \"50%\",\r\n left: \"50%\",\r\n marginTop: -12,\r\n marginLeft: -12,\r\n },\r\n}));\r\n\r\nexport default Sign;\r\n","import React from \"react\";\r\nimport { useHistory } from \"react-router\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { EMAIL_VALIDATION, PASSWORD_VALIDATION } from \"../../utils/regex\";\r\n\r\nimport {\r\n Button,\r\n TextField,\r\n InputAdornment,\r\n IconButton,\r\n makeStyles,\r\n FormControlLabel,\r\n Checkbox,\r\n FormHelperText,\r\n Typography,\r\n} from \"@material-ui/core\";\r\nimport { Visibility, VisibilityOff, Cancel } from \"@material-ui/icons\";\r\nimport { userSignUp } from \"../../redux/actions/auth.actions\";\r\nimport useForm from \"../../hooks/useForm\";\r\nimport palette from \"../../theme/palette\";\r\n\r\nconst Signup = () => {\r\n const {\r\n user: { Email },\r\n } = useSelector(state => state.auth);\r\n const { values, errors, setValues, setErrors, handleInputChange } = useForm({\r\n email: Email || \"\",\r\n password: \"\",\r\n confirmPassword: \"\",\r\n showPassword: false,\r\n showConfirmPassword: false,\r\n confirmTermsAndConditions: false,\r\n });\r\n const { showPassword, showConfirmPassword, confirmTermsAndConditions } = values;\r\n\r\n const dispatch = useDispatch();\r\n const classes = useStyles();\r\n const history = useHistory();\r\n\r\n const validate = () => {\r\n let temp = {};\r\n temp.email = EMAIL_VALIDATION.test(values.email) ? \"\" : \"Introduzca un correo valido\";\r\n temp.password = PASSWORD_VALIDATION.test(values.password) ? \"\" : \"Mínimo 6 caracteres\";\r\n temp.confirmPassword =\r\n values.confirmPassword === values.password ? \"\" : \"Las contraseñas no coinciden\";\r\n temp.confirmTermsAndConditions = values.confirmTermsAndConditions\r\n ? \"\"\r\n : \"aceptar políticas de manejo de datos\";\r\n\r\n setErrors({ ...temp });\r\n return Object.values(temp).every(value => value === \"\");\r\n };\r\n\r\n const handleRegister = e => {\r\n e.preventDefault();\r\n if (validate())\r\n dispatch(\r\n userSignUp(\r\n {\r\n email: values.email,\r\n password: values.password,\r\n confirmPassword: values.confirmPassword,\r\n hasCheckedTermsAndConditions: values.confirmTermsAndConditions,\r\n },\r\n history\r\n )\r\n );\r\n };\r\n\r\n const handleCancel = () => {\r\n dispatch({ type: \"CLEAR_AUTH\" });\r\n };\r\n\r\n const handleClickShowPassword = () => {\r\n setValues({ ...values, showPassword: !showPassword });\r\n };\r\n\r\n const handleClickShowConfirmPassword = () => {\r\n setValues({ ...values, showConfirmPassword: !showConfirmPassword });\r\n };\r\n const handleTermsClicked = () => {\r\n setValues({ ...values, confirmTermsAndConditions: !confirmTermsAndConditions });\r\n };\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nconst useStyles = makeStyles(() => ({\r\n root: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\",\r\n marginTop: \"2em\",\r\n },\r\n}));\r\n\r\nexport default Signup;\r\n","import React from \"react\";\r\nimport { useHistory } from \"react-router\";\r\nimport { EMAIL_VALIDATION, PASSWORD_VALIDATION } from \"../../utils/regex\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\n\r\nimport { Button, TextField, InputAdornment, IconButton, makeStyles } from \"@material-ui/core\";\r\nimport { Visibility, VisibilityOff, Cancel } from \"@material-ui/icons\";\r\nimport { userLogIn } from \"../../redux/actions/auth.actions\";\r\nimport useForm from \"../../hooks/useForm\";\r\n\r\nconst Signin = () => {\r\n const {\r\n user: { Email },\r\n } = useSelector(state => state.auth);\r\n const { values, errors, setValues, setErrors, handleInputChange } = useForm({\r\n email: Email || \"\",\r\n password: \"\",\r\n showPassword: false,\r\n });\r\n const { showPassword } = values;\r\n\r\n const dispatch = useDispatch();\r\n const classes = useStyles();\r\n const history = useHistory();\r\n\r\n const validate = () => {\r\n let temp = {};\r\n temp.email = EMAIL_VALIDATION.test(values.email) ? \"\" : \"Introduzca un correo valido\";\r\n temp.password = PASSWORD_VALIDATION.test(values.password) ? \"\" : \"Mínimo 6 caracteres\";\r\n\r\n setErrors({ ...temp });\r\n return Object.values(temp).every(value => value === \"\");\r\n };\r\n\r\n const handleLogin = e => {\r\n e.preventDefault();\r\n if (validate())\r\n dispatch(userLogIn({ email: values.email, password: values.password }, history));\r\n };\r\n\r\n const handleCancel = () => {\r\n dispatch({ type: \"CLEAR_AUTH\" });\r\n };\r\n\r\n const handleClickShowPassword = () => {\r\n setValues({ ...values, showPassword: !showPassword });\r\n };\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nconst useStyles = makeStyles(() => ({\r\n root: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\",\r\n marginTop: \"2em\",\r\n },\r\n}));\r\n\r\nexport default Signin;\r\n","import { Container, Button, makeStyles } from \"@material-ui/core\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { useHistory } from \"react-router\";\r\n\r\nimport Header from \"../../components/Header\";\r\nimport Sign from \"../../containers/Login/sign\";\r\nimport Signup from \"../../containers/Login/signup\";\r\nimport Signin from \"../../containers/Login/signin\";\r\nimport { PATH } from \"../../routers/Routes\";\r\nimport CustomBackdrop from \"../../components/CustomBackdrop\";\r\n\r\nexport default function Login() {\r\n const { isValidUser, isAuthenticated, isRegisterUser, isLoading } = useSelector(\r\n state => state.auth\r\n );\r\n const classes = useStyles();\r\n const history = useHistory();\r\n\r\n const goToForgorPassword = () => {\r\n history.push(PATH.FORGOTPASSWORD);\r\n };\r\n\r\n return (\r\n