{"version":3,"file":"static/js/9708.b7e717a0.chunk.js","mappings":"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","sources":["ui-component/extended/AnimateButton.js","views/authentication/AuthCardWrapper.js","views/authentication/AuthWrapper1.js","views/authentication/login/JWTLogin.js","views/authentication/login/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\r\nimport { forwardRef } from 'react';\r\n// third-party\r\nimport { motion, useCycle } from 'framer-motion';\r\n\r\n// ==============================|| ANIMATION BUTTON ||============================== //\r\n\r\nconst AnimateButton = forwardRef(({ children, type, direction, offset, scale }, ref) => {\r\n    let offset1;\r\n    let offset2;\r\n    switch (direction) {\r\n        case 'up':\r\n        case 'left':\r\n            offset1 = offset;\r\n            offset2 = 0;\r\n            break;\r\n        case 'right':\r\n        case 'down':\r\n        default:\r\n            offset1 = 0;\r\n            offset2 = offset;\r\n            break;\r\n    }\r\n\r\n    const [x, cycleX] = useCycle(offset1, offset2);\r\n    const [y, cycleY] = useCycle(offset1, offset2);\r\n\r\n    switch (type) {\r\n        case 'rotate':\r\n            return (\r\n                <motion.div\r\n                    ref={ref}\r\n                    animate={{ rotate: 360 }}\r\n                    transition={{\r\n                        repeat: Infinity,\r\n                        repeatType: 'loop',\r\n                        duration: 2,\r\n                        repeatDelay: 0\r\n                    }}\r\n                >\r\n                    {children}\r\n                </motion.div>\r\n            );\r\n        case 'slide':\r\n            if (direction === 'up' || direction === 'down') {\r\n                return (\r\n                    <motion.div\r\n                        ref={ref}\r\n                        animate={{ y: y !== undefined ? y : '' }}\r\n                        onHoverEnd={() => cycleY()}\r\n                        onHoverStart={() => cycleY()}\r\n                    >\r\n                        {children}\r\n                    </motion.div>\r\n                );\r\n            }\r\n            return (\r\n                <motion.div ref={ref} animate={{ x: x !== undefined ? x : '' }} onHoverEnd={() => cycleX()} onHoverStart={() => cycleX()}>\r\n                    {children}\r\n                </motion.div>\r\n            );\r\n\r\n        case 'scale':\r\n        default:\r\n            if (typeof scale === 'number') {\r\n                scale = {\r\n                    hover: scale,\r\n                    tap: scale\r\n                };\r\n            }\r\n            return (\r\n                <motion.div ref={ref} whileHover={{ scale: scale?.hover }} whileTap={{ scale: scale?.tap }}>\r\n                    {children}\r\n                </motion.div>\r\n            );\r\n    }\r\n});\r\n\r\nAnimateButton.propTypes = {\r\n    children: PropTypes.node,\r\n    offset: PropTypes.number,\r\n    type: PropTypes.oneOf(['slide', 'scale', 'rotate']),\r\n    direction: PropTypes.oneOf(['up', 'down', 'left', 'right']),\r\n    scale: PropTypes.oneOfType([PropTypes.number, PropTypes.object])\r\n};\r\n\r\nAnimateButton.defaultProps = {\r\n    type: 'scale',\r\n    offset: 10,\r\n    direction: 'right',\r\n    scale: {\r\n        hover: 1,\r\n        tap: 0.9\r\n    }\r\n};\r\n\r\nexport default AnimateButton;\r\n","import PropTypes from 'prop-types';\r\n\r\n// material-ui\r\nimport { Box } from '@mui/material';\r\n\r\n// project import\r\nimport MainCard from 'ui-component/cards/MainCard';\r\n\r\n// ==============================|| AUTHENTICATION CARD WRAPPER ||============================== //\r\n\r\nconst AuthCardWrapper = ({ children, ...other }) => (\r\n    <MainCard\r\n        sx={{\r\n            maxWidth: { xs: 400, lg: 475 },\r\n            margin: { xs: 2.5, md: 3 },\r\n            '& > *': {\r\n                flexGrow: 1,\r\n                flexBasis: '50%'\r\n            }\r\n        }}\r\n        content={false}\r\n        {...other}\r\n    >\r\n        <Box sx={{ p: { xs: 2, sm: 3, xl: 5 } }}>{children}</Box>\r\n    </MainCard>\r\n);\r\n\r\nAuthCardWrapper.propTypes = {\r\n    children: PropTypes.node\r\n};\r\n\r\nexport default AuthCardWrapper;\r\n","// material-ui\r\nimport { styled } from '@mui/material/styles';\r\n\r\n// ==============================|| AUTHENTICATION 1 WRAPPER ||============================== //\r\n\r\nconst AuthWrapper1 = styled('div')(({ theme }) => ({\r\n    backgroundColor: theme.palette.mode === 'dark' ? theme.palette.background.default : theme.palette.primary.light,\r\n    minHeight: '100vh'\r\n}));\r\n\r\nexport default AuthWrapper1;\r\n","import { useState } from 'react';\r\nimport { Link, useNavigate } from 'react-router-dom';\r\nimport { useDispatch } from 'react-redux';\r\n\r\n// material-ui\r\nimport { useTheme } from '@mui/material/styles';\r\nimport {\r\n    Box,\r\n    Button,\r\n    Checkbox,\r\n    FormControl,\r\n    FormControlLabel,\r\n    FormHelperText,\r\n    Grid,\r\n    IconButton,\r\n    InputAdornment,\r\n    InputLabel,\r\n    OutlinedInput,\r\n    Typography\r\n} from '@mui/material';\r\n\r\n// third party\r\nimport * as Yup from 'yup';\r\nimport { Formik } from 'formik';\r\n\r\n// project imports\r\nimport AnimateButton from 'ui-component/extended/AnimateButton';\r\nimport useAuth from 'hooks/useAuth';\r\nimport Loader from 'ui-component/Loader';\r\nimport { open } from 'store/slices/statusSlice';\r\n\r\n// assets\r\nimport Visibility from '@mui/icons-material/Visibility';\r\nimport VisibilityOff from '@mui/icons-material/VisibilityOff';\r\n\r\n// ===============================|| LOGIN FORM ||=============================== //\r\n\r\nconst JWTLogin = ({ user, ...others }) => {\r\n    const theme = useTheme();\r\n    const dispatch = useDispatch();\r\n    const navigate = useNavigate();\r\n    const auth = useAuth();\r\n    const [checked, setChecked] = useState(true);\r\n    const [showPassword, setShowPassword] = useState(false);\r\n\r\n    const handleClickShowPassword = () => {\r\n        setShowPassword(!showPassword);\r\n    };\r\n\r\n    const handleMouseDownPassword = (event) => {\r\n        event.preventDefault();\r\n    };\r\n\r\n    return (\r\n        <Formik\r\n            initialValues={{\r\n                submit: null,\r\n                email: user || '',\r\n                password: ''\r\n            }}\r\n            validationSchema={Yup.object().shape({\r\n                email: Yup.string().email('Must be a valid email').max(255).required('Email is required'),\r\n                password: Yup.string().max(255).required('Password is required')\r\n            })}\r\n            onSubmit={(values, { setErrors, setStatus, setSubmitting }) => {\r\n                const { email, password } = values;\r\n                auth.login({ email, password })\r\n                    .then(() => {\r\n                        console.log('BACK');\r\n                    })\r\n                    .catch((error) => {\r\n                        console.log(error);\r\n                        setStatus({ success: false });\r\n                        setSubmitting(false);\r\n                        if (error.type === 'NEW_PASSWORD_REQUIRED') {\r\n                            dispatch(\r\n                                open({\r\n                                    open: true,\r\n                                    message: 'A password reset is needed',\r\n                                    variant: 'alert',\r\n                                    alertSeverity: 'warning'\r\n                                })\r\n                            );\r\n                            navigate('/login/reset-password', { state: error.data });\r\n                        } else {\r\n                            let errorText = 'An error occurred - please check your connection and try again.';\r\n                            if (error.type === 'NotAuthorizedException') {\r\n                                errorText = 'Login failed: please check your user name and password.';\r\n                            } else if (error.message) {\r\n                                errorText = error.message;\r\n                            }\r\n                            setErrors({ submit: errorText });\r\n                        }\r\n                    });\r\n            }}\r\n        >\r\n            {({ errors, handleBlur, handleChange, handleSubmit, isSubmitting, touched, values }) => (\r\n                <form noValidate onSubmit={handleSubmit} {...others}>\r\n                    <FormControl fullWidth error={Boolean(touched.email && errors.email)} sx={{ ...theme.typography.customInput }}>\r\n                        <InputLabel htmlFor=\"outlined-adornment-email-login\">Email Address / Username</InputLabel>\r\n                        <OutlinedInput\r\n                            id=\"outlined-adornment-email-login\"\r\n                            type=\"email\"\r\n                            value={values.email}\r\n                            name=\"email\"\r\n                            onBlur={handleBlur}\r\n                            onChange={handleChange}\r\n                            inputProps={{}}\r\n                        />\r\n                        {touched.email && errors.email && (\r\n                            <FormHelperText error id=\"standard-weight-helper-text-email-login\">\r\n                                {errors.email}\r\n                            </FormHelperText>\r\n                        )}\r\n                    </FormControl>\r\n                    <FormControl fullWidth error={Boolean(touched.password && errors.password)} sx={{ ...theme.typography.customInput }}>\r\n                        <InputLabel htmlFor=\"outlined-adornment-password-login\">Password</InputLabel>\r\n                        <OutlinedInput\r\n                            id=\"outlined-adornment-password-login\"\r\n                            type={showPassword ? 'text' : 'password'}\r\n                            value={values.password}\r\n                            name=\"password\"\r\n                            onBlur={handleBlur}\r\n                            onChange={handleChange}\r\n                            endAdornment={\r\n                                <InputAdornment position=\"end\">\r\n                                    <IconButton\r\n                                        aria-label=\"toggle password visibility\"\r\n                                        onClick={handleClickShowPassword}\r\n                                        onMouseDown={handleMouseDownPassword}\r\n                                        edge=\"end\"\r\n                                        size=\"large\"\r\n                                    >\r\n                                        {showPassword ? <Visibility /> : <VisibilityOff />}\r\n                                    </IconButton>\r\n                                </InputAdornment>\r\n                            }\r\n                            inputProps={{}}\r\n                            label=\"Password\"\r\n                        />\r\n                        {touched.password && errors.password && (\r\n                            <FormHelperText error id=\"standard-weight-helper-text-password-login\">\r\n                                {errors.password}\r\n                            </FormHelperText>\r\n                        )}\r\n                    </FormControl>\r\n\r\n                    <Grid container alignItems=\"center\" justifyContent=\"space-between\">\r\n                        <Grid item>\r\n                            <FormControlLabel\r\n                                control={\r\n                                    <Checkbox\r\n                                        checked={checked}\r\n                                        onChange={(event) => setChecked(event.target.checked)}\r\n                                        name=\"checked\"\r\n                                        color=\"primary\"\r\n                                    />\r\n                                }\r\n                                label=\"Keep me logged in\"\r\n                            />\r\n                        </Grid>\r\n                        <Grid item>\r\n                            <Typography\r\n                                variant=\"subtitle1\"\r\n                                component={Link}\r\n                                to=\"/login/forgot-password\"\r\n                                color=\"secondary\"\r\n                                sx={{ textDecoration: 'none' }}\r\n                            >\r\n                                Forgot Password?\r\n                            </Typography>\r\n                        </Grid>\r\n                    </Grid>\r\n\r\n                    {errors.submit && (\r\n                        <Box sx={{ mt: 3 }}>\r\n                            <FormHelperText error>\r\n                                <Typography variant=\"h4\" align=\"center\" color=\"error\">\r\n                                    {errors.submit}\r\n                                </Typography>\r\n                            </FormHelperText>\r\n                        </Box>\r\n                    )}\r\n                    <Box sx={{ mt: 2 }}>\r\n                        <AnimateButton>\r\n                            <Button color=\"secondary\" disabled={isSubmitting} fullWidth size=\"large\" type=\"submit\" variant=\"contained\">\r\n                                Sign In\r\n                            </Button>\r\n                        </AnimateButton>\r\n                    </Box>\r\n                    {isSubmitting && <Loader />}\r\n                </form>\r\n            )}\r\n        </Formik>\r\n    );\r\n};\r\n\r\nexport default JWTLogin;\r\n","import { Link } from 'react-router-dom';\r\n\r\n// material-ui\r\nimport { useTheme } from '@mui/material/styles';\r\nimport { Divider, Grid, Stack, Typography, useMediaQuery } from '@mui/material';\r\n\r\n// project imports\r\nimport AuthWrapper1 from '../AuthWrapper1';\r\nimport AuthCardWrapper from '../AuthCardWrapper';\r\nimport JWTLogin from './JWTLogin';\r\nimport Logo from 'ui-component/Logo';\r\n\r\n// ================================|| LOGIN ||================================ //\r\n\r\nconst Login = () => {\r\n    const theme = useTheme();\r\n    const matchDownSM = useMediaQuery(theme.breakpoints.down('md'));\r\n\r\n    return (\r\n        <AuthWrapper1>\r\n            <Grid container direction=\"column\" justifyContent=\"flex-end\" sx={{ minHeight: '100vh' }}>\r\n                <Grid item xs={12}>\r\n                    <Grid container justifyContent=\"center\" alignItems=\"center\" sx={{ minHeight: 'calc(100vh - 68px)' }}>\r\n                        <Grid item sx={{ m: { xs: 1, sm: 3 }, mb: 0 }}>\r\n                            <AuthCardWrapper>\r\n                                <Grid container spacing={2} alignItems=\"center\" justifyContent=\"center\">\r\n                                    <Grid item sx={{ mb: 3 }}>\r\n                                        <Link to=\"/login\">\r\n                                            <Logo />\r\n                                        </Link>\r\n                                    </Grid>\r\n                                    <Grid item xs={12}>\r\n                                        <Grid\r\n                                            container\r\n                                            direction={matchDownSM ? 'column-reverse' : 'row'}\r\n                                            alignItems=\"center\"\r\n                                            justifyContent=\"center\"\r\n                                        >\r\n                                            <Grid item>\r\n                                                <Stack alignItems=\"center\" justifyContent=\"center\" spacing={1}>\r\n                                                    <Typography\r\n                                                        color={theme.palette.secondary.main}\r\n                                                        gutterBottom\r\n                                                        variant={matchDownSM ? 'h3' : 'h2'}\r\n                                                    >\r\n                                                        Hi, Welcome Back\r\n                                                    </Typography>\r\n                                                    <Typography variant=\"caption\" fontSize=\"16px\" textAlign={matchDownSM ? 'center' : ''}>\r\n                                                        Enter your credentials to continue\r\n                                                    </Typography>\r\n                                                </Stack>\r\n                                            </Grid>\r\n                                        </Grid>\r\n                                    </Grid>\r\n                                    <Grid item xs={12}>\r\n                                        <JWTLogin />\r\n                                    </Grid>\r\n                                    <Grid item xs={12}>\r\n                                        <Divider />\r\n                                    </Grid>\r\n                                    <Grid item xs={12}>\r\n                                        <Grid item container direction=\"column\" alignItems=\"center\" xs={12}>\r\n                                            <Typography\r\n                                                component={Link}\r\n                                                to=\"/login/sign-up\"\r\n                                                variant=\"subtitle1\"\r\n                                                sx={{ textDecoration: 'none' }}\r\n                                            >\r\n                                                Don&apos;t have an account?\r\n                                            </Typography>\r\n                                        </Grid>\r\n                                    </Grid>\r\n                                </Grid>\r\n                            </AuthCardWrapper>\r\n                        </Grid>\r\n                    </Grid>\r\n                </Grid>\r\n            </Grid>\r\n        </AuthWrapper1>\r\n    );\r\n};\r\n\r\nexport default Login;\r\n"],"names":["AnimateButton","forwardRef","ref","offset1","offset2","children","type","direction","offset","scale","useCycle","x","cycleX","y","cycleY","animate","rotate","transition","repeat","Infinity","repeatType","duration","repeatDelay","undefined","onHoverEnd","onHoverStart","hover","tap","whileHover","whileTap","defaultProps","other","sx","maxWidth","xs","lg","margin","md","flexGrow","flexBasis","content","p","sm","xl","AuthWrapper1","styled","theme","backgroundColor","palette","mode","background","default","primary","light","minHeight","user","others","useTheme","dispatch","useDispatch","navigate","useNavigate","auth","useAuth","useState","checked","setChecked","showPassword","setShowPassword","handleClickShowPassword","handleMouseDownPassword","event","preventDefault","initialValues","submit","email","password","validationSchema","Yup","shape","max","required","onSubmit","values","setErrors","setStatus","setSubmitting","login","then","console","log","catch","error","success","open","message","variant","alertSeverity","state","data","errorText","errors","handleBlur","handleChange","handleSubmit","isSubmitting","touched","noValidate","fullWidth","Boolean","typography","customInput","htmlFor","id","value","name","onBlur","onChange","inputProps","endAdornment","position","onClick","onMouseDown","edge","size","label","container","alignItems","justifyContent","item","control","target","color","component","Link","to","textDecoration","mt","align","disabled","matchDownSM","useMediaQuery","breakpoints","down","m","mb","spacing","secondary","main","gutterBottom","fontSize","textAlign"],"sourceRoot":""}