{"version":3,"file":"static/js/650.873d826f.chunk.js","mappings":"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","sources":["components/base/Box.js","components/formik/ErrorMessage.js","components/formik/SubmitButton.js","components/formik/TextField.js","helpers/handleErrors.js","validations/LoginSchema.js","pages/Login.js"],"sourcesContent":["import classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nfunction Box({title, footer, children, className, boxContentClassName}) {\n    const boxClassName = classNames('box', className);\n    const contentClassName = classNames('box__content', boxContentClassName);\n\n    return (\n        <div className={boxClassName}>\n            {title && <div className=\"box__title\">{title}</div>}\n            <div className={contentClassName}>{children}</div>\n            {footer && <div className=\"box__footer\">{footer}</div>}\n        </div>\n    )\n}\n\nBox.propTypes = {\n    title: PropTypes.string,\n}\n\nexport default Box;\n","import {ErrorMessage} from \"formik\";\n\nconst CustomErrorMessage = ({name}) => {\n    return <ErrorMessage component=\"span\" className=\"validation-error\" name={name}/>\n}\n\nexport default CustomErrorMessage;","import classNames from \"classnames\";\nimport Loading from \"../base/Loading\";\n\nfunction SubmitButton({isSubmitting, className, text, disabled}) {\n    const buttonClassName = classNames('btn btn-primary btn--w-140', className)\n\n    return (\n       <button type=\"submit\" className={buttonClassName} disabled={disabled}>\n           {isSubmitting ? <Loading/> : text}\n       </button>\n    )\n}\n\nexport default SubmitButton;\n","import {useField} from \"formik\";\nimport ErrorMessage from \"./ErrorMessage\";\nimport classnames from \"classnames\";\nimport {mdiEyeOffOutline, mdiEyeOutline} from \"@mdi/js\";\nimport Icon from \"@mdi/react\";\nimport {useState} from \"react\";\n\nconst TextField = ({label, className, type, ...props}) => {\n    const [field, meta] = useField(props);\n    const [inputType, setInputType] = useState(type);\n\n    const formControlClassName = classnames(\n        'form-control',\n        className,\n        {'form-control--invalid': meta.touched && meta.error},\n    );\n\n    const toggleInputType = () => {\n        setInputType(inputType === 'password' ? 'text' : 'password');\n    }\n\n    return (\n        <div className=\"mb20\">\n            <label className=\"form-label\">{label}</label>\n\n            <div className=\"form-control__wrapper\">\n                {!props.disabled && type === \"password\" &&\n                <div className=\"form-control__icon\" onClick={() => toggleInputType()}>\n                    <Icon path={inputType === \"password\" ? mdiEyeOutline : mdiEyeOffOutline} size=\"20px\"/>\n                </div>\n                }\n\n                <input\n                    {...field}\n                    {...props}\n                    type={inputType}\n                    className={formControlClassName}\n                    value={field.value || ''}\n                />\n            </div>\n\n            <ErrorMessage {...props}/>\n        </div>\n    );\n};\n\nexport default TextField;","export const handleErrors = (errors) => {\n    const responseErrors = errors.response.data.errors;\n\n    const formattedErrors = {};\n\n    responseErrors && Object.keys(responseErrors).map(item => {\n        return formattedErrors[item] = responseErrors[item][0];\n    });\n\n    return formattedErrors;\n}","import * as Yup from \"yup\";\n\nexport const LoginSchema = Yup.object().shape({\n    phone: Yup.string().required().label('موبایل'),\n    password: Yup.string().min(8).required().label('رمز عبور'),\n});","import {Form, Formik} from 'formik';\nimport SubmitButton from \"../components/formik/SubmitButton\";\nimport axios from \"../services/axios\";\nimport {useDispatch} from \"react-redux\";\nimport {useNavigate} from \"react-router-dom\";\nimport {loginUser} from \"../redux/reducer/authSlice\";\nimport {handleErrors} from \"../helpers/handleErrors\";\nimport {LoginSchema} from \"../validations/LoginSchema\";\nimport Box from \"../components/base/Box\";\nimport TextField from \"../components/formik/TextField\";\n\nfunction Login() {\n    const dispatch = useDispatch();\n    const navigate = useNavigate();\n\n    const login = (values, actions) => {\n        axios.post(\"/auth/token\", values)\n            .then((response) => {\n                dispatch(loginUser(response.data));\n                actions.setSubmitting(false);\n                navigate(\"/\");\n            })\n            .catch((error) => {\n                actions.setErrors(handleErrors(error))\n                actions.setSubmitting(false);\n            })\n    }\n\n    return (\n        <>\n            <div className=\"login\">\n                <div className=\"login__card\">\n                    <div className=\"login__logo\">\n                        <img src=\"/main-logo.jpeg\" alt=\"بنک بازار\"/>\n                    </div>\n\n                    <Formik\n                        initialValues={{\n                            phone: '',\n                            password: '',\n                        }}\n                        validationSchema={LoginSchema}\n                        onSubmit={(values, actions) => login(values, actions)}>\n                        {({isSubmitting}) => {\n                            return (\n                                <Form>\n                                    <Box boxContentClassName=\"pb0\" footer={<SubmitButton text=\"ورود\" isSubmitting={isSubmitting}/>}>\n                                        <TextField type=\"text\" label=\"موبایل\" name=\"phone\" className=\"english-number\"/>\n                                        <TextField type=\"password\" label=\"رمز عبور\" name=\"password\" className=\"english-number\"/>\n                                    </Box>\n                                </Form>\n                            )\n                        }}\n                    </Formik>\n                </div>\n            </div>\n        </>\n    )\n}\n\nexport default Login;\n"],"names":["title","footer","children","className","boxContentClassName","boxClassName","classNames","contentClassName","name","component","isSubmitting","text","disabled","buttonClassName","type","label","props","useField","field","meta","useState","inputType","setInputType","formControlClassName","classnames","touched","error","onClick","path","mdiEyeOutline","mdiEyeOffOutline","size","value","handleErrors","errors","responseErrors","response","data","formattedErrors","Object","keys","map","item","LoginSchema","Yup","shape","phone","required","password","min","dispatch","useDispatch","navigate","useNavigate","src","alt","initialValues","validationSchema","onSubmit","values","actions","axios","then","loginUser","setSubmitting","catch","setErrors","login","Box","SubmitButton","TextField"],"sourceRoot":""}