{"version":3,"sources":["redux/actions/ui.js","components/login/HeadLogin.jsx","components/login/SelectOptions.jsx","components/login/Login.jsx"],"names":["setError","err","type","types","ui_SetError","payload","message","removeError","ui_RemoveError","startLoading","ui_StartLoading","finishLoading","ui_FinishLoading","HeadLogin","title","subtitle","className","style","fontSize","SelectOptions","data","propertyKey","propertyValue","map","element","index","key","value","schemaInputsForm","yup","shape","username","password","idapplication","remember","Login","dispatch","useDispatch","useSelector","state","ui","messageError","loading","useState","titleSubtitleText","setTitleSubtitleText","idsRecordados","setIdsRecordados","showIds","setShowIds","idApp","setIdApp","useForm","resolver","yupResolver","register","handleSubmit","onSubmit","a","validateInputs","error_validate","messageErrorForm","parameters","usuario","guia","id_aplicacion","aplicacion","AuthLogin","window","location","assign","URL_CLIENT","inputs","trim","length","validateNumber","useEffect","ids","localStorage","getItem","JSON","parse","md","name","required","placeholder","autoComplete","ref","maxLength","onChange","e","valor","target","content","color","onClick","id","htmlFor","fontWeight","xs","marginTop","disabled","width","backgroundImage","backgroundPosition","backgroundRepeat","backgroundSize","backgroundColor"],"mappings":"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","file":"static/js/35.f8898a6d.chunk.js","sourcesContent":["import { types } from \"../../types/types\";\n\nexport const setError = (err) => ({\n    type: types.ui_SetError,\n    payload: {\n        message: err\n    }\n});\n\nexport const removeError = () => ({\n    type: types.ui_RemoveError\n});\n\nexport const startLoading = () => ({\n    type: types.ui_StartLoading\n});\n\nexport const finishLoading = () => ({\n    type: types.ui_FinishLoading\n});\n","import React from \"react\";\nimport PropTypes from 'prop-types';\n\nexport default function HeadLogin({ title, subtitle }) {\n\treturn (\n\t\t<>\n\t\t\t<h1><i className=\"fas fa-tractor\"></i> {title}</h1>\n\t\t\t{\n\t\t\t\tsubtitle && <p className=\"text-muted\" style={{ fontSize: 20 }}>{subtitle}</p>\n\t\t\t}\n\t\t</>\n\t);\n}\n\nHeadLogin.propTypes = {\n\ttitle: PropTypes.string.isRequired,\n\tsubtitle: PropTypes.string\n};","import React from \"react\";\n\nexport const SelectOptions = ({ data, propertyKey, propertyValue }) => {\n  return (\n    <>\n      {data.map((element, index) => (\n        <option key={index} value={element[propertyKey]}>\n          {element[propertyValue]} - {element[propertyKey]}\n        </option>\n      ))}\n    </>\n  );\n};\n","import React, { useState, useEffect } from 'react'\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { useForm } from \"react-hook-form\"\nimport { yupResolver } from \"@hookform/resolvers/yup\"\nimport * as yup from \"yup\"\n\nimport {\n  CButton,\n  CCard,\n  CCardBody,\n  CCardGroup,\n  CCol,\n  CContainer,\n  CForm,\n  CInputGroup,\n  CInputGroupPrepend,\n  CInputGroupText,\n  CRow,\n  CTooltip\n} from '@coreui/react'\nimport CIcon from '@coreui/icons-react'\n\nimport { AuthLogin } from '../../services/login.services'\nimport { URL_CLIENT, validateNumber } from \"../../utils/helpers\"\nimport { finishLoading, removeError, setError, startLoading } from '../../redux/actions/ui'\nimport HeadLogin from './HeadLogin'\nimport { SelectOptions } from './SelectOptions'\n\nconst schemaInputsForm = yup.object().shape({\n  username: yup.string(),\n  password: yup.string(),\n  idapplication: yup.string(),\n  remember: yup.bool()\n});\n\nexport default function Login() {\n  const dispatch = useDispatch();\n  const { messageError, loading } = useSelector(state => state.ui);\n  const [titleSubtitleText, setTitleSubtitleText] = useState({ title: null, subtitle: null });\n  const [idsRecordados, setIdsRecordados] = useState([]);\n  const [showIds, setShowIds] = useState(false);\n  const [idApp, setIdApp] = useState('');\n  const { register, handleSubmit } = useForm({\n    resolver: yupResolver(schemaInputsForm)\n  });\n\n  const onSubmit = async (data) => {\n    const { error_validate, messageErrorForm } = validateInputs(data);\n    if (error_validate) {\n      return dispatch(setError(messageErrorForm));\n    }\n\n    dispatch(removeError());\n    dispatch(startLoading());\n    setTitleSubtitleText({ subtitle: \"Iniciando sesión...\", title: null });\n\n    const parameters = {\n      usuario: data.username,\n      guia: data.password,\n      id_aplicacion: data.idapplication,\n      aplicacion: \"agrotrack\"\n    }\n\n    try {\n      await AuthLogin({ parameters }, data.remember);\n      return window.location.assign(\n      `${URL_CLIENT}`\n      );\n    } catch (error) {\n      setTitleSubtitleText({ subtitle: \"Identificación de Usuario\", title: \"Login Agrotrack\" });\n      dispatch(setError(error));\n      dispatch(finishLoading());\n    }\n  }\n\n  const validateInputs = (inputs) => {\n    if (inputs.username.trim().length === 0) {\n      return { error_validate: true, messageErrorForm: \"Debes ingresar el nombre de usuario\" };\n    }\n    if (inputs.username.trim().length > 15) {\n      return { error_validate: true, messageErrorForm: \"El nombre de usuario no es válido\" };\n    }\n    if (inputs.password.trim().length === 0) {\n      return { error_validate: true, messageErrorForm: \"Debes ingresar tu password\" };\n    }\n    if (inputs.password.trim().length > 15) {\n      return { error_validate: true, messageErrorForm: \"El password no es válido.\" };\n    }\n    if (inputs.idapplication.trim().length === 0) {\n      return { error_validate: true, messageErrorForm: \"Debes ingresar el id aplicación\" };\n    }\n    if (!validateNumber(inputs.idapplication)) {\n      return { error_validate: true, messageErrorForm: \"Debes ingresar el id aplicación correctamente\" };\n    }\n    if (inputs.idapplication.trim().length !== 9) {\n      return { error_validate: true, messageErrorForm: \"El id aplicación no es válido\" };\n    }\n\n    return { error_validate: false };\n  }\n\n  const handleInput = (e) => {\n    const valor = e.target.value\n    setIdApp((state) => {\n      if(valor.length > 9){\n        return state;\n      }else{\n        return valor;\n      }\n    });\n  }\n\n  const handleSelect = (e) => {\n    setIdApp(e.target.value)\n  }\n\n  useEffect(() => {\n    const ids = localStorage.getItem('ids_recordados') ? JSON.parse(localStorage.getItem('ids_recordados')) : [];\n    setIdsRecordados(ids);\n  }, [])\n\n  return (\n    <div className=\"c-app c-default-layout flex-row align-items-center\">\n      <CContainer>\n        <CRow className=\"justify-content-center\">\n          <CCol md=\"8\">\n            <CCardGroup>\n              <CCard className=\"p-4\">\n                <CCardBody>\n                  <CForm onSubmit={handleSubmit(onSubmit)}>\n                    {\n                      loading ? <HeadLogin title={\"Agrotrack\"} subtitle={titleSubtitleText.subtitle} />\n                        : <HeadLogin title={\"Agrotrack\"} subtitle={\"Identificación de Usuario\"} />\n                    }\n                    <CInputGroup className=\"mb-3\">\n                      <CInputGroupPrepend>\n                        <CInputGroupText>\n                          <CIcon name=\"cil-user\" />\n                        </CInputGroupText>\n                      </CInputGroupPrepend>\n                      <input type=\"text\" name=\"username\" required={true} className=\"form-control\" placeholder=\"Usuario\" autoComplete=\"username\" ref={register} />\n                    </CInputGroup>\n                    <CInputGroup className=\"mb-4\">\n                      <CInputGroupPrepend>\n                        <CInputGroupText>\n                          <CIcon name=\"cil-lock-locked\" />\n                        </CInputGroupText>\n                      </CInputGroupPrepend>\n                      <input type=\"password\" name=\"password\" required={true} className=\"form-control\" placeholder=\"Password\" autoComplete=\"current-password\" ref={register} />\n                    </CInputGroup>\n                    <CInputGroup className=\"mb-4\">\n                      <CInputGroupPrepend>\n                        <CInputGroupText>\n                          <CIcon name=\"cil-pencil\" />\n                        </CInputGroupText>\n                      </CInputGroupPrepend>\n                      <input type=\"number\" name=\"idapplication\" required={true} className=\"form-control\" placeholder=\"id aplicación\" autoComplete=\"\" ref={register} maxLength=\"9\" value={idApp} onChange={handleInput}/>\n                      { idsRecordados.length > 0 && (\n                        <CTooltip content={`${!showIds ? 'Ver Ids Guardados' : 'Ocultar Ids Guardados'} `}>\n                          <CButton color=\"primary\" className=\"ml-1\" type=\"button\" onClick={() => setShowIds(!showIds)}>\n                            <i className={`fas ${!showIds ? 'fa-eye' : 'fa-eye-slash'}`}></i>\n                          </CButton>\n                        </CTooltip>\n                      )}\n                    </CInputGroup>\n                    { idsRecordados.length > 0 && showIds && (\n                      <CInputGroup className=\"mb-4\">\n                        <select name=\"ids_recordados\" id=\"\" className='form-control' onChange={handleSelect}>\n                          <option value=\"\">Seleccione Ids Recordados</option>\n                          <SelectOptions data={idsRecordados} propertyKey='id' propertyValue='empresa' />\n                        </select>\n                      </CInputGroup>\n                    )}\n                    <CInputGroup>\n                    <div className=\"form-check\">\n                      <input className=\"form-check-input\" type=\"checkbox\" name=\"remember\" id=\"remember\" ref={register}/>\n                      <label className=\"form-check-label\" htmlFor=\"remember\">\n                        Recuerdame\n                      </label>\n                    </div>\n                    </CInputGroup>\n                    {messageError && <span style={{ fontSize: \"13px\", color: \"orangered\", fontWeight: \"bold\" }}>{messageError}</span>}\n                    <CRow>\n                      <CCol xs=\"6\">\n                        <CButton color=\"primary\" className=\"px-4\" type=\"submit\" style={{ marginTop: 10 }} disabled={loading ? true : false}>\n                          Ingresar\n                        </CButton>\n                      </CCol>\n                    </CRow>\n                  </CForm>\n                </CCardBody>\n              </CCard>\n              <CCard\n                className=\"text-white bg-white py-5 d-md-down-none\"\n                style={{\n                  width: '44%',\n                  backgroundImage: `url(\"/img/maquina_fondo.jpg\")`,\n                  backgroundPosition: \"center\",\n                  backgroundRepeat: \"no-repeat\",\n                  backgroundSize: \"208%\",\n                  backgroundColor: \"#66999\"\n                }}\n              >\n              </CCard>\n            </CCardGroup>\n          </CCol>\n        </CRow>\n      </CContainer>\n    </div>\n  )\n}\n"],"sourceRoot":""}