{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\noanr\\\\OneDrive\\\\Documents\\\\IUT Annee n\\xB02\\\\FavorSiteWebComplet\\\\Favor\\\\Site Web\\\\client\\\\src\\\\components\\\\Log\\\\Connexion.js\",\n  _s = $RefreshSig$();\nimport axios from 'axios';\nimport React, { useState } from 'react';\n\n//e.preventDefaul(); pour ne pas recharcher la page\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Connexion = props => {\n  _s();\n  const [errorMessage] = useState(props.error);\n  const [email, setEmail] = useState('');\n  const [password, setPassword] = useState('');\n  const handleLogin = e => {\n    e.preventDefault();\n    const emailError = document.querySelector('.email.error');\n    const passwordError = document.querySelector('.password.error');\n    axios({\n      method: \"post\",\n      url: `${process.env.REACT_APP_API_URL}api/user/login`,\n      withCredentials: true,\n      data: {\n        email,\n        password\n      }\n    }).then(res => {\n      if (res.data.errors) {\n        emailError.innerHTML = res.data.errors.email;\n        passwordError.innerHTML = res.data.errors.password;\n      } else {\n        window.location = \"/\";\n      }\n    }).catch(err => {\n      console.log(err);\n    });\n  };\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"formulaire\",\n    children: /*#__PURE__*/_jsxDEV(\"form\", {\n      className: \"cadre\",\n      action: \"\",\n      onSubmit: handleLogin,\n      id: \"sign-up-form\",\n      children: [/*#__PURE__*/_jsxDEV(\"h1\", {\n        children: \"Connexion\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 41,\n        columnNumber: 21\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"inputbox\",\n        children: [/*#__PURE__*/_jsxDEV(\"input\", {\n          type: \"text\",\n          name: \"email\",\n          id: \"email\",\n          onChange: e => setEmail(e.target.value),\n          value: email\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 43,\n          columnNumber: 29\n        }, this), /*#__PURE__*/_jsxDEV(\"span\", {\n          children: \"email\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 49,\n          columnNumber: 29\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 42,\n        columnNumber: 25\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"email error\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 51,\n        columnNumber: 25\n      }, this), /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 52,\n        columnNumber: 25\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"inputbox\",\n        children: [/*#__PURE__*/_jsxDEV(\"input\", {\n          type: \"password\",\n          name: \"password\",\n          id: \"password\",\n          onChange: e => setPassword(e.target.value),\n          value: password\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 55,\n          columnNumber: 29\n        }, this), /*#__PURE__*/_jsxDEV(\"span\", {\n          children: \"mot de passe\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 61,\n          columnNumber: 29\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 54,\n        columnNumber: 25\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"password error\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 63,\n        columnNumber: 25\n      }, this), /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 64,\n        columnNumber: 25\n      }, this), /*#__PURE__*/_jsxDEV(\"input\", {\n        type: \"submit\",\n        value: \"connexion\",\n        id: \"connexion\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 66,\n        columnNumber: 25\n      }, this), /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 67,\n        columnNumber: 25\n      }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n        className: \"mdp\",\n        children: \"Mot de passe oubli\\xE9?\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 69,\n        columnNumber: 25\n      }, this), /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 71,\n        columnNumber: 25\n      }, this), errorMessage && /*#__PURE__*/_jsxDEV(\"h4\", {\n        className: \"success\",\n        children: \"Enregistrement r\\xE9ussi, veuillez-vous connecter\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 72,\n        columnNumber: 42\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 40,\n      columnNumber: 17\n    }, this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 39,\n    columnNumber: 9\n  }, this);\n};\n\n//ce qui écrit dans le input est récuperé par le state\n_s(Connexion, \"zmZFOOkJ0M+ONhB9hDurZn+iTs8=\");\n_c = Connexion;\nexport default Connexion;\nvar _c;\n$RefreshReg$(_c, \"Connexion\");","map":{"version":3,"names":["axios","React","useState","Connexion","props","errorMessage","error","email","setEmail","password","setPassword","handleLogin","e","preventDefault","emailError","document","querySelector","passwordError","method","url","process","env","REACT_APP_API_URL","withCredentials","data","then","res","errors","innerHTML","window","location","catch","err","console","log","target","value"],"sources":["C:/Users/noanr/OneDrive/Documents/IUT Annee n°2/FavorSiteWebComplet/Favor/Site Web/client/src/components/Log/Connexion.js"],"sourcesContent":["import axios from 'axios';\r\nimport React, { useState } from 'react';\r\n\r\n\r\n//e.preventDefaul(); pour ne pas recharcher la page\r\nconst Connexion = (props) => {\r\n    const [errorMessage] = useState(props.error);\r\n    const [email, setEmail] = useState('');\r\n    const [password, setPassword] = useState('');\r\n\r\n    const handleLogin = (e) => {\r\n        e.preventDefault();\r\n        const emailError = document.querySelector('.email.error');\r\n        const passwordError = document.querySelector('.password.error');\r\n\r\n        axios({\r\n            method: \"post\",\r\n            url:`${process.env.REACT_APP_API_URL}api/user/login`,\r\n            withCredentials: true,\r\n            data: {\r\n                email,\r\n                password,\r\n            },\r\n        })\r\n            .then((res) => {\r\n                if(res.data.errors){\r\n                    emailError.innerHTML = res.data.errors.email;\r\n                    passwordError.innerHTML = res.data.errors.password\r\n                } else {\r\n                    window.location = \"/\";\r\n                }\r\n            })\r\n            .catch((err) => {\r\n                console.log(err);\r\n            })\r\n    };\r\n\r\n    return (\r\n        <div className='formulaire'>\r\n                <form className='cadre' action='' onSubmit={handleLogin} id=\"sign-up-form\">\r\n                    <h1>Connexion</h1>\r\n                        <div className='inputbox'>\r\n                            <input \r\n                                type=\"text\" \r\n                                name=\"email\" \r\n                                id=\"email\" \r\n                                onChange={(e) => setEmail (e.target.value)} \r\n                                value={email}/>\r\n                            <span>email</span>\r\n                        </div>\r\n                        <div className=\"email error\"></div>\r\n                        <br />\r\n\r\n                        <div className=\"inputbox\">\r\n                            <input \r\n                                type=\"password\" \r\n                                name=\"password\" \r\n                                id=\"password\" \r\n                                onChange={(e) => setPassword (e.target.value)} \r\n                                value={password}/>\r\n                            <span>mot de passe</span>\r\n                        </div>\r\n                        <div className=\"password error\"></div>\r\n                        <br />\r\n                        \r\n                        <input type=\"submit\" value=\"connexion\" id='connexion' />\r\n                        <br/>\r\n\r\n                        <p className='mdp'>Mot de passe oublié?</p>\r\n                        \r\n                        <br />\r\n                        {errorMessage && <h4 className='success'>\r\n                                            Enregistrement réussi, veuillez-vous connecter\r\n                                         </h4>}\r\n\r\n                </form>\r\n        </div>\r\n    );\r\n};\r\n\r\n//ce qui écrit dans le input est récuperé par le state\r\nexport default Connexion;"],"mappings":"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"},"metadata":{},"sourceType":"module"}