{"version":3,"file":"static/js/524.1dc28782.chunk.js","mappings":"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","sources":["jsx/pages/Login.js"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport Swal from \"sweetalert2\";\r\nimport { connect, useDispatch } from \"react-redux\";\r\nimport {  useNavigate } from \"react-router-dom\";\r\nimport {\r\n  loadingToggleAction,\r\n  loginAction,\r\n} from \"../../store/actions/AuthActions\";\r\n\r\n// image\r\n\r\n\r\nimport pol from \"../../images/pol.jpg\";\r\nimport { login } from \"../../Api/usuario\";\r\nimport { useContext } from \"react\";\r\nimport AuthContext from \"../../context/auth-context\";\r\n\r\nfunction Login(props) {\r\n  const [email, setEmail] = useState(\"\");\r\n  let errorsObj = { email: \"\", password: \"\" };\r\n  const [errors, setErrors] = useState(errorsObj);\r\n  const [password, setPassword] = useState(\"\");\r\n\r\n  const dispatch = useDispatch();\r\n  const navigate = useNavigate();\r\n  const authCtx = useContext(AuthContext);\r\n  async function onLogin(e) {\r\n    try {\r\n      e.preventDefault();\r\n      Swal.fire({\r\n        title: \"Ingresando\",\r\n        didOpen: () => {\r\n          Swal.showLoading();\r\n        }\r\n      })\r\n      let error = false;\r\n      const errorObj = { ...errorsObj };\r\n      if (email === \"\") {\r\n        errorObj.email = \"Email is Required\";\r\n        error = true;\r\n      }\r\n      if (password === \"\") {\r\n        errorObj.password = \"Password is Required\";\r\n        error = true;\r\n      }\r\n      const result = await login({ usuario: email, password: password });\r\n      if (!result) {\r\n        throw new Error(\"No se pudo ingresar al sistema favor verificar\");\r\n      }\r\n      const expiration = new Date();\r\n      expiration.setHours(expiration.getHours() + 1);\r\n      authCtx.login(result, expiration);\r\n      setErrors(errorObj);\r\n      if (error) {\r\n        return;\r\n      }\r\n      dispatch(loadingToggleAction(true));\r\n      dispatch(loginAction(\"demo@example.com\", \"123456\", navigate));\r\n      Swal.close();\r\n    } catch (err) {\r\n      Swal.fire({\r\n        confirmButtonColor: \"black\",\r\n        icon: 'error',\r\n        title: 'Oops...',\r\n        text:  `${err}`,\r\n      })\r\n    }\r\n  }\r\n\r\n  const element = document.querySelector(\"body\");\r\n  let dataTheme = element.getAttribute(\"data-theme-version\");\r\n\r\n  return (\r\n    <div className=\"container h-100\">\r\n      <div className=\"row h-100 align-items-center justify-contain-center\">\r\n        <div className=\"col-xl-12\">\r\n          <div className=\"card\">\r\n            <div className=\"card-body p-0\">\r\n              <div className=\"row m-0\">\r\n                <div\r\n                  className=\"col-xl-6 col-md-6 sign text-center sign-bg\"\r\n                  style={{ backgroundImage: \"url(\" + pol + \")\" }}\r\n                >\r\n                  <div>\r\n                    <div className=\"text-center my-5\"></div>\r\n                    {}\r\n                  </div>\r\n                </div>\r\n                <div className=\"col-xl-6 col-md-6\">\r\n                  <div className=\"sign-in-your px-2\">\r\n                    <h4 className=\"fs-20 \">Ingresar</h4>\r\n                    <span>\r\n                      Eethsa Contabilidad\r\n                      <br />\r\n                    </span>\r\n\r\n                    {props.errorMessage && (\r\n                      <div className=\"bg-red-300 text-red-900 border border-red-900 p-1 my-2\">\r\n                        {props.errorMessage}\r\n                      </div>\r\n                    )}\r\n                    {props.successMessage && (\r\n                      <div className=\"bg-green-300 text-green-900 border border-green-900 p-1 my-2\">\r\n                        {props.successMessage}\r\n                      </div>\r\n                    )}\r\n                    <form onSubmit={onLogin}>\r\n                      <div className=\"mb-3\">\r\n                        <label className=\"mb-1\">\r\n                          <strong>Usuario</strong>\r\n                        </label>\r\n                        <input\r\n                          type=\"text\"\r\n                          className=\"form-control\"\r\n                          value={email}\r\n                          onChange={(e) => setEmail(e.target.value)}\r\n                          placeholder=\"Ingrese su Usuario\"\r\n                        />\r\n\r\n                        {errors.email && (\r\n                          <div className=\"text-danger fs-12\">\r\n                            {errors.email}\r\n                          </div>\r\n                        )}\r\n                      </div>\r\n                      <div className=\"mb-3\">\r\n                        <label className=\"mb-1\">\r\n                          <strong>Contraseņa</strong>\r\n                        </label>\r\n                        <input\r\n                          type=\"password\"\r\n                          className=\"form-control\"\r\n                          value={password}\r\n                          placeholder=\"Ingrese su Contraseņa\"\r\n                          onChange={(e) => setPassword(e.target.value)}\r\n                        />\r\n                        {errors.password && (\r\n                          <div className=\"text-danger fs-12\">\r\n                            {errors.password}\r\n                          </div>\r\n                        )}\r\n                      </div>\r\n                      <div className=\"row d-flex justify-content-between mt-4 mb-2\">\r\n                        <div className=\"mb-3\">\r\n                          <div className=\"form-check custom-checkbox ms-1\">\r\n                            <input\r\n                              type=\"checkbox\"\r\n                              className=\"form-check-input\"\r\n                              id=\"basic_checkbox_1\"\r\n                            />\r\n                            <label\r\n                              className=\"form-check-label\"\r\n                              htmlFor=\"basic_checkbox_1\"\r\n                            >\r\n                              Recordar\r\n                            </label>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"text-center\">\r\n                        <button\r\n                          type=\"submit\"\r\n                          className=\"btn btn-primary btn-block\"\r\n                        >\r\n                          Entrar\r\n                        </button>\r\n                      </div>\r\n                    </form>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n  return {\r\n    errorMessage: state.auth.errorMessage,\r\n    successMessage: state.auth.successMessage,\r\n    showLoading: state.auth.showLoading,\r\n  };\r\n};\r\nexport default connect(mapStateToProps)(Login);\r\n"],"names":["connect","state","errorMessage","auth","successMessage","showLoading","props","_useState","useState","_useState2","_slicedToArray","email","setEmail","errorsObj","password","_useState3","_useState4","errors","setErrors","_useState5","_useState6","setPassword","dispatch","useDispatch","navigate","useNavigate","authCtx","useContext","AuthContext","_onLogin","_asyncToGenerator","_regeneratorRuntime","mark","_callee","e","error","errorObj","result","expiration","wrap","_context","prev","next","preventDefault","Swal","title","didOpen","_objectSpread","login","usuario","sent","Error","Date","setHours","getHours","abrupt","loadingToggleAction","loginAction","t0","confirmButtonColor","icon","text","concat","stop","apply","arguments","document","querySelector","getAttribute","_jsx","className","children","_jsxs","style","backgroundImage","pol","onSubmit","_x","type","value","onChange","target","placeholder","id","htmlFor"],"sourceRoot":""}