{\n const { name } = props;\n onChange({\n target: {\n name,\n value: values.value,\n },\n });\n }}\n thousandSeparator\n isNumericString\n />\n );\n}\n\nNumberFormatCustom.propTypes = {\n inputRef: PropTypes.func.isRequired,\n name: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n};\n\nexport default NumberFormatCustom;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport ordenService from 'src/services/ordenService';\nimport moment from 'moment';\nimport GeneralBackDrop from 'src/views/commons/GeneralBackDrop';\nimport DialogForms from 'src/views/commons/DialogForms';\nimport {\n Button,\n Card,\n CardHeader,\n Checkbox,\n Divider,\n Grid,\n List,\n ListItem,\n ListItemIcon,\n ListItemText,\n makeStyles,\n TextField,\n Typography\n} from '@material-ui/core';\nimport { useForm } from 'react-hook-form';\nimport genService from 'src/services/generalServices';\nimport { FiberManualRecord } from '@material-ui/icons';\n\nconst valEmail = /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@(([[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/i;\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n margin: 'auto',\n },\n spaces: {\n padding: theme.spacing(2),\n backgroundColor: '#e7ebf0'\n },\n cardHeader: {\n padding: theme.spacing(1, 2),\n backgroundColor: '#4caf508a'\n },\n list: {\n width: 300,\n height: 353,\n backgroundColor: theme.palette.background.paper,\n overflow: 'auto',\n },\n listLeft: {\n width: 300,\n height: 400,\n backgroundColor: theme.palette.background.paper,\n overflow: 'auto',\n },\n button: {\n margin: theme.spacing(0.5, 0),\n },\n}));\n\nfunction not(a, b) {\n return a.filter((value) => b.indexOf(value) === -1);\n}\n\nfunction intersection(a, b) {\n return a.filter((value) => b.indexOf(value) !== -1);\n}\n\nfunction union(a, b) {\n return [...a, ...not(b, a)];\n}\n\nconst NotificacionOrden = ({\n setOpenNotificacion,\n openNotificacion,\n left,\n setLeft,\n right,\n setRight,\n setOpenSnackError,\n setOpenSnackSuccess,\n setServerMessage,\n setServerError,\n emailData,\n setOpenAltaOrden\n}) => {\n const {\n errors,\n setError,\n setValue,\n register,\n clearErrors\n } = useForm();\n const classes = useStyles();\n const [checked, setChecked] = useState([]);\n const [openBack, setOpenBack] = useState(false);\n\n const leftChecked = intersection(checked, left);\n const rightChecked = intersection(checked, right);\n\n const handleToggle = (value) => () => {\n const currentIndex = checked.indexOf(value);\n const newChecked = [...checked];\n\n if (currentIndex === -1) {\n newChecked.push(value);\n } else {\n newChecked.splice(currentIndex, 1);\n }\n\n setChecked(newChecked);\n };\n\n const numberOfChecked = (items) => intersection(checked, items).length;\n\n const handleToggleAll = (items) => () => {\n if (numberOfChecked(items) === items.length) {\n setChecked(not(checked, items));\n } else {\n setChecked(union(checked, items));\n }\n };\n\n const handleCheckedRight = () => {\n setRight(right.concat(leftChecked));\n setLeft(not(left, leftChecked));\n setChecked(not(checked, leftChecked));\n };\n\n const handleCheckedLeft = () => {\n setLeft(left.concat(rightChecked));\n setRight(not(right, rightChecked));\n setChecked(not(checked, rightChecked));\n };\n\n const sendNotification = async () => {\n setOpenBack(true);\n await ordenService.enviarEmailOrdenEstauts(emailData, right).then(() => {\n setOpenAltaOrden(false);\n setServerMessage(`El correo para la orden ${emailData.folio} con estatus ${emailData.descOrdenEstatus}, se ha enviado correctamente.`);\n setOpenSnackSuccess(true);\n }).catch((error) => {\n console.log('Error en el envío de correo:', error.response);\n if (error.response) {\n setServerError(error.response.data.message);\n } else {\n setServerError(`${error.message}: No fue posible conectar con el servidor`);\n }\n setOpenSnackError(true);\n setOpenBack(false);\n });\n setOpenNotificacion(false);\n setOpenBack(false);\n };\n\n const customList = (title, items) => (\n \n {\n const mailVal = e.target.value;\n if (errors.newEmail && valEmail.test(mailVal)) {\n clearErrors('newEmail');\n }\n if (e.key === ' ') {\n setValue('newEmail', mailVal.trim());\n }\n if (e.key === 'Enter') {\n if (valEmail.test(mailVal)) {\n const email = {\n email: mailVal\n };\n left.push(email);\n setLeft(left);\n handleCheckedLeft();\n setValue('newEmail', '');\n } else {\n setError('newEmail', { type: 'custom', message: 'Formato de correo inválido.' });\n }\n }\n }}\n onInput={genService.toLowerCase}\n error={!!errors.newEmail}\n helperText={errors.newEmail?.message}\n />\n ) : (\n null\n )}\n \n {items.map((value) => {\n const labelId = `transfer-list-all-item-${value.id}-label`;\n\n return (\n \n \n \n \n {/* \n {value.usuario} \n */}\n \n {value.email}\n \n \n )}\n />\n \n );\n })}\n \n );\n return (\n \n \n \n \n {'La orden de trabajo con folio '}\n {emailData.folio} \n {' se encuentra en estatus '}\n {emailData.descOrdenEstatus} \n .\n \n {/* \n \n \n \n \n {emailData.descOrdenEstatus} \n \n \n */}\n {emailData.descOrdenEstatus === 'CITA'\n ? (\n \n \n \n \n \n \n {moment(new Date(emailData.fechaCita)).format('YYYY-MM-DD HH:mm:ss')}\n \n \n \n \n ) : (\n null\n )}\n {emailData.descOrdenEstatus === 'SUSPENDIDO'\n ? (\n \n \n \n \n \n {'COMENTARIOS: '}\n \n {emailData.comentarios !== undefined && emailData.comentarios !== ''\n ? (\n emailData.comentarios\n ) : (\n 'SIN COMENTARIOS'\n )}\n \n \n \n \n ) : (\n null\n )}\n
\n \n \n * Si desea cambiar el estatus de la orden aseguresé\n de guardar los cambios previo al envío de la notificacion.\n \n \n Puede envíar la notificación a las siguientes direcciones:\n \n \n {customList('Agregar', left)} \n \n \n \n >\n \n \n <\n \n \n \n {customList('Enviar', right)} \n \n \n
\n );\n};\n\nNotificacionOrden.propTypes = {\n setOpenNotificacion: PropTypes.func,\n openNotificacion: PropTypes.bool,\n left: PropTypes.array,\n setLeft: PropTypes.func,\n right: PropTypes.array,\n setRight: PropTypes.func,\n setOpenSnackError: PropTypes.func,\n setOpenSnackSuccess: PropTypes.func,\n setServerMessage: PropTypes.func,\n setServerError: PropTypes.func,\n emailData: PropTypes.object,\n setOpenAltaOrden: PropTypes.func\n};\nexport default NotificacionOrden;\n","import React from 'react';\nimport {\n Divider,\n FormControl,\n FormHelperText,\n Grid,\n InputLabel,\n MenuItem,\n Select,\n TextField,\n} from '@material-ui/core';\nimport genService from 'src/services/generalServices';\nimport PropTypes from 'prop-types';\nimport { Autocomplete, createFilterOptions } from '@material-ui/lab';\nimport { Controller } from 'react-hook-form';\n\nconst OrderGeneral = ({\n register,\n folio,\n errors,\n isLaboral,\n isEscuela,\n idOrden,\n comboGradoEscolar,\n valGradoEscolar,\n setValGradoEscolar,\n setValue,\n setError,\n clearErrors,\n optionsCliente,\n valComboClientes,\n setValComboClientes,\n setIsEscuela,\n setIsLaboral,\n getComboGradoEscolar,\n getComboUsuarioCliente,\n comboUsuarios,\n valComboUsuarios,\n setValComboUsuarios,\n rolUsuario,\n comboEstados,\n comboMunicipios,\n getComboMunicipios,\n control,\n // fechaCitaStr,\n // ordenEstatus\n}) => {\n const errorReq = 'Campo requerido.';\n const filtro = createFilterOptions();\n const onlyRead = idOrden > 0 && (rolUsuario !== 'ADMINISTRADOR' && rolUsuario !== 'ANALISTA');\n\n return (\n \n
\n \n \n \n {rolUsuario === 'ADMINISTRADOR'\n ? (\n
\n \n {idOrden === 0\n ? (\n (\n -b.firstLetter.localeCompare(a.firstLetter)\n ))}\n groupBy={(option) => option.firstLetter}\n getOptionLabel={(option) => (option.label !== undefined ? `${option.label} - (${option.tipoCliente})` : '')}\n renderOption={(option) => option.label}\n fullWidth\n value={valComboClientes}\n renderInput={(params) => (\n \n \n (option.usuario !== undefined ? `${option.usuario} - (${option.nombreUsuario})` : '')}\n renderOption={(option) => `${option.usuario} - (${option.nombreUsuario})`}\n fullWidth\n value={valComboUsuarios}\n renderInput={(params) => (\n \n \n ) : (\n null\n )}\n
\n \n \n {isLaboral\n ? (\n \n \n ) : (\n null\n )}\n {isEscuela\n ? (\n \n \n ) : (\n null\n )}\n \n {isEscuela\n ? (\n
\n \n { (!onlyRead && rolUsuario !== 'NO_ROL')\n ? (\n {\n const filtered = filtro(options, params);\n if (params.inputValue.trim() !== '' && rolUsuario === 'ADMINISTRADOR') {\n filtered.push({\n value: 0,\n labelRender: `Agregar: \"${params.inputValue.trim()}\"`,\n label: params.inputValue.trim()\n });\n }\n return filtered;\n }}\n getOptionLabel={(option) => {\n if (typeof option === 'string') {\n return option;\n }\n const existValue = comboGradoEscolar.filter((opt) => (\n opt.label === option.label\n ));\n if (existValue.length === 0 && option.value !== undefined) {\n comboGradoEscolar.push({\n value: option.value,\n label: option.label.trim(),\n labelRender: `${option.label.trim()} - NUEVO`\n });\n return (option.label ? option.label : '');\n }\n return (option.label ? option.label.trim() : '');\n }}\n renderOption={(option) => (\n option.labelRender\n ? option.labelRender : option.label\n )}\n value={valGradoEscolar}\n selectOnFocus\n clearOnBlur\n handleHomeEndKeys\n freeSolo\n fullWidth\n renderInput={(params) => (\n \n \n {\n if (newVal.target.value !== undefined\n && newVal.target.value > 100) {\n setError('pctBeca', { type: 'custom', message: 'Entre 0 y 100' });\n setValue('pctBeca', 100);\n } else {\n clearErrors();\n }\n }}\n inputProps={{\n readOnly: onlyRead\n }}\n variant=\"outlined\"\n onInput={genService.removeLetters}\n error={errors.pctBeca}\n helperText={errors.pctBeca?.message}\n fullWidth\n size=\"small\"\n />\n \n \n ) : (\n null\n )}\n
\n
\n
\n { rolUsuario !== 'NO_ROL'\n ? (\n
\n
\n \n \n \n \n \n \n \n
\n \n \n \n {\n errors.idEstado\n ? Seleccione un Estado
\n : Seleccione un Estado
\n }\n \n {\n return { value: selected };\n }}\n render={({ onChange, value }) => (\n {\n getComboMunicipios(newValue.props.value);\n onChange(newValue.props.value);\n }}\n inputProps={{\n readOnly: onlyRead\n }}\n >\n {comboEstados.map((edo) => (\n \n {edo.label}\n \n ))}\n \n )}\n />\n {\n errors.direccion?.idEstado\n && (\n \n {errors.direccion?.idEstado.message}\n \n )\n }\n \n \n \n \n \n {\n errors.idMunicipio\n ? Seleccione un Municipio
: Seleccione un Municipio
\n }\n \n {\n return { value: selected };\n }}\n render={({ onChange, value }) => (\n {\n onChange(newValue.props.value);\n }}\n inputProps={{\n readOnly: onlyRead\n }}\n >\n {comboMunicipios.length === 0\n ? (\n \n Elija un Estado\n \n ) : (\n comboMunicipios.map((mun) => (\n \n {mun.label}\n \n ))\n )}\n \n )}\n />\n {\n errors.direccion?.idMunicipio\n && (\n \n {errors.direccion?.idMunicipio.message}\n \n )\n }\n \n \n \n
\n \n \n \n \n \n \n \n
\n ) : (\n null\n )}\n
\n \n \n \n \n \n \n \n \n \n
\n \n ()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@(([[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/i, message: 'El formato no es correcto.' }\n })}\n variant=\"outlined\"\n onInput={genService.toLowerCase}\n error={errors.emailPrimario}\n helperText={errors.emailPrimario?.message}\n fullWidth\n size=\"small\"\n inputProps={{\n readOnly: onlyRead\n }}\n />\n \n \n ()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@(([[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/i, message: 'El formato no es correcto.' }\n })}\n variant=\"outlined\"\n onInput={genService.toLowerCase}\n error={errors.emailAdicional}\n helperText={errors.emailAdicional?.message}\n fullWidth\n size=\"small\"\n inputProps={{\n readOnly: onlyRead\n }}\n />\n \n \n { rolUsuario !== 'NO_ROL'\n ? (\n
\n \n \n \n ) : (\n null\n )}\n
\n \n {\n setOpenEliminarMasiva(true);\n setDeleteFileRow(params.row);\n }}\n fontSize=\"small\"\n color=\"primary\"\n >\n \n \n \n \n
\n );\n }\n }\n ];\n\n return (\n \n
\n Datos Generales \n \n \n \n \n \n
\n Evaluación \n \n \n \n \n \n \n \n {\n errors.idOrdenEstatus\n ? Seleccione un Estatus *
\n : Seleccione un Estatus *
\n }\n \n {\n return { value: selected };\n }}\n render={({ onChange, value }) => (\n {\n onChange(newValue.props.value);\n setReqFechaCita(false);\n setReqComentarios(false);\n clearErrors(['comentarios', 'fechaCita']);\n if (newValue.props.children === 'CITA') {\n setReqFechaCita(true);\n } else if (newValue.props.children === 'SUSPENDIDO') {\n setReqComentarios(true);\n }\n }}\n >\n {comboOrdenEstatus.map((status) => (\n \n {status.label}\n \n ))}\n \n )}\n />\n {\n errors.idOrdenEstatus\n && (\n \n {errors.idOrdenEstatus?.message}\n \n )\n }\n \n \n \n \n \n \n \n \n setOpenFechaCita(true)}\n onClose={() => setOpenFechaCita(false)}\n onChange={setFechaCita}\n format=\"dd/MM/yyyy HH:mm:ss\"\n margin=\"none\"\n label={reqFechaCita ? 'Fecha de Cita *' : 'Fecha de Cita'}\n value={fechaCita}\n KeyboardButtonProps={{\n 'aria-label': 'change date',\n }}\n fullWidth\n error={errors.fechaCita}\n helperText={errors.fechaCita?.message}\n inputRef={register({\n required: { value: reqFechaCita, message: 'Debe ingresar una fecha de cita.' },\n })}\n />\n \n \n \n \n \n {rolUsuario === 'ADMINISTRADOR'\n ? (\n \n \n (option.label ? `${option.label} - (${option.usuario})` : '')}\n renderOption={(option) => `${option.label} - (${option.usuario})`}\n fullWidth\n value={valComboAnalistas}\n renderInput={(params) => (\n \n \n $,\n inputComponent: AmountFormat,\n }}\n fullWidth\n size=\"small\"\n variant=\"outlined\"\n error={errors.importeFacturar}\n helperText={errors.importeFacturar?.message}\n />\n \n \n ) : (\n null\n )}\n \n \n \n \n \n \n \n {rolUsuario === 'ADMINISTRADOR'\n ? (\n
\n Link Hiperliga \n \n \n \n { idOrden > 0\n ? (\n \n \n \n \n \n \n setLinkTooltip('Copiar Liga')}\n >\n {\n navigator.clipboard.writeText(linkDocs);\n setLinkTooltip('Link Copiado!');\n }}\n color=\"transparent\"\n >\n \n \n ) : (\n null\n )}\n \n \n \n Estado Liga \n {\n if (e.currentTarget.value === 'true') {\n setEstadoLigaVal(true);\n } else {\n setEstadoLigaVal(false);\n }\n }}\n >\n \n \n \n \n \n \n setOpenFechaInicioLiga(true)}\n onClose={() => setOpenFechaInicioLiga(false)}\n format=\"dd/MM/yyyy\"\n margin=\"none\"\n label=\"Vigencia Inicio\"\n value={fechaInicioLiga}\n KeyboardButtonProps={{\n 'aria-label': 'change date',\n }}\n fullWidth\n onChange={(newDate) => {\n setFechaInicioLiga(newDate);\n if (new Date(newDate) > new Date(fechaFinLiga)) {\n setError('fechaInicioLiga', { type: 'custom', message: 'La fecha de Inicio no puede ser mayor a la fecha de Fin.' });\n } else {\n clearErrors();\n }\n }}\n error={errors.fechaInicioLiga}\n helperText={errors.fechaInicioLiga?.message}\n />\n \n \n \n \n setOpenFechaFinLiga(true)}\n onClose={() => setOpenFechaFinLiga(false)}\n format=\"dd/MM/yyyy\"\n margin=\"none\"\n label=\"Vigencia Fin\"\n value={fechaFinLiga}\n KeyboardButtonProps={{\n 'aria-label': 'change date',\n }}\n fullWidth\n onChange={(newDate) => {\n setFechaFinLiga(newDate);\n if (new Date(newDate) < new Date(fechaInicioLiga)) {\n setError('fechaFinLiga', { type: 'custom', message: 'La fecha de Fin no puede ser menor a la fecha de Inicio.' });\n } else {\n clearErrors();\n }\n }}\n error={errors.fechaFinLiga}\n helperText={errors.fechaFinLiga?.message}\n />\n \n \n \n \n \n {\n if (reason === 'input') {\n setInputMailValue(newValue);\n }\n }}\n onChange={() => {\n onAddCorreos(inputMailValue);\n }}\n renderTags={(value, getTagProps) => (\n value.map((option, index) => (\n {\n if (e.keyCode === 32) {\n onAddCorreos(inputMailValue);\n }\n }}\n onBlur={() => {\n onAddCorreos(inputMailValue);\n }}\n onKeyUp={(e) => {\n if (e.keyCode === 32 && inputMailValue === ' ') {\n setInputMailValue('');\n }\n }}\n />\n )}\n />\n \n {idOrden > 0 && correosLiga?.length > 0\n ? (\n \n \n \n \n \n \n \n \n \n \n ) : (\n null\n )}\n \n \n \n \n \n {\n errors.idEstatusLiga\n ? Seleccione un Estatus *
\n : Seleccione un Estatus *
\n }\n \n {\n return { value: selected };\n }}\n render={({ onChange, value }) => (\n {\n onChange(newValue.props.value);\n }}\n >\n {comboHiperliga.map((status) => (\n \n {status.label}\n \n ))}\n \n )}\n />\n {\n errors.idEstatusLiga\n && (\n \n {errors.idEstatusLiga?.message}\n \n )\n }\n \n \n \n \n \n \n \n \n ) : (\n null\n )}\n {rolUsuario === 'ADMINISTRADOR'\n ? (\n
\n Archivos Adjuntos \n \n \n \n \n {\n agregaArchivos(file);\n }}\n filesLimit={500}\n dropzoneText={(\n \n
Arrastre y suelte un archivo.
\n
\n (Máx 3 MB y con extensiones: .jpg, .png, .pdf,\n .zip, .doc-x, .xls-x, .ppt-x y .txt)\n
\n
\n \n {fileSelected.length > 1 ? (\n 0 ? '' : 'none' }}\n >\n \n \n \n \n \n \n \n \n \n ) : ''}\n 0 ? '' : 'none' }}\n >\n \n {\n setFileSelected(selec);\n }}\n />\n \n \n \n \n ) : (\n null\n )}\n
\n
{\n setOpenEliminarMasiva(false);\n setDeleteFileRow(null);\n }}\n confirm={deleteMasiveFiles}\n title=\"Eliminar archivos\"\n message={deleteFileRow === null ? `Seguro que desea eliminar los ${fileSelected.length} archivos seleccionados?` : 'Seguro que desea eliminar el archivo?'}\n />\n setConfirmarHiperliga(false)}\n confirm={onClickEnviarHiperliga}\n title=\"Enviar Hiperliga\"\n message=\"Seguro que desea enviar el correo con la Hiperliga?\"\n />\n \n \n \n );\n};\n\nBusquedaOrdenes.propTypes = {\n anchorEl: PropTypes.object,\n openPopper: PropTypes.bool,\n setFechaDesde: PropTypes.func,\n setFechaHasta: PropTypes.func,\n fechaDesde: PropTypes.string,\n fechaHasta: PropTypes.string,\n onSubmitAdv: PropTypes.func,\n comboOrdenEstatus: PropTypes.array,\n comboAnalistas: PropTypes.array,\n rolUsuario: PropTypes.string\n};\nexport default BusquedaOrdenes;\n","import React from 'react';\nimport {\n Box,\n Divider,\n Fab,\n Grid,\n IconButton,\n InputBase,\n makeStyles,\n Paper,\n Tooltip,\n Typography,\n ClickAwayListener\n} from '@material-ui/core';\nimport {\n Add,\n Check,\n Delete,\n Search,\n TuneTwoTone as Menu,\n} from '@material-ui/icons';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { isEmpty } from 'lodash';\nimport genService from 'src/services/generalServices';\nimport { useForm } from 'react-hook-form';\nimport ordenService from 'src/services/ordenService';\nimport { format } from 'date-fns';\nimport ConfirmationDialog from 'src/views/commons/ConfirmationDialog';\nimport BusquedaOrdenes from './BusquedaOrdenes';\n\nconst useStyles = makeStyles((theme) => ({\n title: {\n fontSize: 16,\n marginBottom: theme.spacing(1),\n fontWeight: 500,\n letterSpacing: '-0.05px'\n },\n bottomSpace: {\n marginBottom: theme.spacing(1)\n },\n rightMargin: {\n marginRight: theme.spacing(1)\n },\n leftMargin: {\n marginLeft: theme.spacing(1)\n },\n input: {\n marginLeft: theme.spacing(1),\n flex: 1,\n },\n iconButton: {\n padding: 10,\n },\n divider: {\n height: 28,\n margin: 4,\n },\n paperRoot: {\n padding: '2px 6px',\n display: 'flex'\n },\n item: {\n display: 'flex',\n flexDirection: 'column'\n }\n}));\n\nconst OrdenesToolBar = ({\n className,\n setOpenAltaOrden,\n selectedRows,\n setOpenBackDrop,\n setOpenSnackError,\n setServerError,\n setRowsOrdenes,\n rowsOrdenes,\n setServerMessage,\n setOpenSnackSuccess,\n setSelectedRows,\n rolUsuario,\n comboOrdenEstatus,\n comboAnalistas\n}) => {\n const {\n register,\n handleSubmit,\n reset\n } = useForm();\n const classes = useStyles();\n const [anchorEl, setAnchorEl] = React.useState(null);\n const paperRef = React.useRef();\n const openPopper = Boolean(anchorEl);\n const [fechaDesde, setFechaDesde] = React.useState(null);\n const [fechaHasta, setFechaHasta] = React.useState(null);\n const [openDialog, setOpenDialog] = React.useState(false);\n const [openDialogTerminar, setOpenDialogTerminar] = React.useState(false);\n\n const handleClickAway = () => {\n setAnchorEl(null);\n setFechaDesde(null);\n setFechaHasta(null);\n };\n const handleClickPopper = () => {\n setAnchorEl(anchorEl ? null : paperRef.current);\n reset({});\n };\n const removeRows = () => {\n setOpenDialog(false);\n const asyncCall = async () => {\n setOpenBackDrop(true);\n await ordenService.eliminaOrden(selectedRows).then((resp) => {\n if (resp.data.Errores !== undefined && resp.data.Errores.length > 0) {\n setServerError(`Fallo al eliminar: ${resp.data.Errores.length} clientes.`);\n setOpenSnackError(true);\n }\n if (resp.data.Eliminados !== undefined && resp.data.Eliminados.length > 0) {\n resp.data.Eliminados.map((del) => {\n rowsOrdenes = rowsOrdenes.filter((item) => item.id !== del);\n return rowsOrdenes;\n });\n setSelectedRows([]);\n setServerMessage(`Ordenes eliminadas: ${resp.data.Eliminados.length}`);\n setOpenSnackSuccess(true);\n setRowsOrdenes(rowsOrdenes);\n }\n }).catch((error) => {\n setServerError(error.message);\n setOpenSnackError(true);\n });\n setOpenBackDrop(false);\n };\n asyncCall();\n };\n const terminarRows = () => {\n setOpenDialogTerminar(false);\n const asyncCall = async () => {\n setOpenBackDrop(true);\n await ordenService.terminarOrdenes(selectedRows).then(() => {\n setServerMessage(`Ordenes terminadas: ${selectedRows.length}`);\n setOpenSnackSuccess(true);\n selectedRows.map((del) => {\n const modOrden = rowsOrdenes.find((row) => row.id === del);\n if (modOrden !== undefined && modOrden !== null) {\n modOrden.descOrdenEstatus = 'TERMINADO';\n }\n return modOrden;\n });\n }).catch((error) => {\n setOpenSnackError(true);\n if (error.response) {\n setServerError(error.response.data.message);\n } else {\n setServerError(`${error.message}: No fue posible conectar con el servidor`);\n }\n });\n setOpenBackDrop(false);\n };\n asyncCall();\n };\n const onSubmit = (formulario, searchType) => {\n const asyncCall = async (datos, type) => {\n setOpenBackDrop(true);\n if (fechaDesde !== null && fechaDesde !== '') {\n datos.desde = format(fechaDesde, 'yyyy-MM-dd');\n }\n if (fechaHasta !== null && fechaHasta !== '') {\n datos.hasta = format(fechaHasta, 'yyyy-MM-dd');\n }\n await ordenService.searchOrdenes(datos, false).then((resp) => {\n setRowsOrdenes(resp.data);\n if (resp.data.length > 0 && type === 'adv') {\n handleClickPopper();\n }\n }).catch((error) => {\n setRowsOrdenes([]);\n if (error.response) {\n setServerError(error.response.data.message);\n } else {\n setServerError(`${error.message}: No fue posible conectar con el servidor`);\n }\n setOpenSnackError(true);\n setOpenBackDrop(false);\n });\n setOpenBackDrop(false);\n };\n asyncCall(formulario, searchType).catch((error) => {\n setRowsOrdenes([]);\n const mensajeError = `Error al realiza la búsqueda: ${error.message}`;\n setServerError(mensajeError);\n setOpenSnackError(true);\n setOpenBackDrop(false);\n });\n };\n\n return (\n \n
\n Busqueda de Ordenes\n \n
\n {rolUsuario === 'ADMINISTRADOR'\n ? (\n
\n \n \n setOpenDialogTerminar(true)}\n >\n
\n \n \n \n setOpenDialog(true)}\n >\n
\n \n \n setOpenAltaOrden(true, 0)}\n className={classes.bottomSpace}\n >\n \n \n ) : (\n null\n )}\n
\n \n \n onSubmit(data, 'single'))}\n >\n \n \n \n \n \n \n
setOpenDialog(false)}\n confirm={removeRows}\n title=\"Eliminar registros\"\n message=\"Se eliminarán las ordenes seleccionadas.\"\n />\n setOpenDialogTerminar(false)}\n confirm={terminarRows}\n title=\"Finalizar Ordenes\"\n message={selectedRows.length > 1\n ? (\n `Se terminarán ${selectedRows.length} ordenes.`\n ) : (\n 'Se terminará la orden seleccionada'\n )}\n />\n \n \n );\n }\n },\n {\n field: 'descOrdenEstatus',\n headerName: 'Estatus',\n minWidth: 140,\n flex: 1,\n editable: rolUsuario === 'ADMINISTRADOR',\n type: 'singleSelect',\n valueOptions: comboLabelStatus,\n renderCell: (params) => {\n return chipEstatusTable(params, true);\n }\n },\n {\n field: 'nombreUsuario',\n headerName: 'Usuario',\n minWidth: 120,\n flex: 1,\n renderCell: renderCellExpand,\n },\n {\n field: 'nombreCliente',\n headerName: 'Cliente',\n minWidth: 120,\n flex: 1,\n renderCell: renderCellExpand,\n },\n {\n field: 'nombre',\n headerName: 'Investigado',\n minWidth: 120,\n flex: 1,\n renderCell: renderCellExpand,\n },\n {\n field: 'telefonoPrimario',\n headerName: 'Teléfono',\n minWidth: 100,\n flex: 1,\n renderCell: renderCellExpand,\n },\n {\n field: 'fechaSolicitudStr',\n headerName: 'Solicitud',\n minWidth: 120,\n flex: 1,\n renderCell: renderCellExpand\n },\n {\n field: 'fechaCita',\n headerName: 'Cita',\n minWidth: 120,\n flex: 1,\n renderCell: (params) => {\n if (updateRowStatus && updateRowStatus.id === params.id && fechaCita) {\n params.value = fechaCita;\n params.row.fechaCita = fechaCita;\n }\n if (params.value === null || params.value === undefined) {\n params.value = '--';\n } else {\n params.value = moment(new Date(params.value)).format('YYYY-MM-DD HH:mm:ss');\n }\n return renderCellExpand(params);\n }\n },\n {\n field: 'descEstado',\n headerName: 'Estado',\n minWidth: 120,\n flex: 1,\n renderCell: renderCellExpand,\n },\n {\n field: 'consultar',\n headerName: 'Consultar',\n maxWidth: 40,\n minWidth: 40,\n sortable: false,\n disableClickEventBubbling: true,\n align: 'center',\n renderCell: (params) => {\n const onClick = () => {\n onClickEdit(params.row.id);\n };\n return (\n \n \n \n \n
\n );\n }\n }\n ];\n\n return (\n \n \n \n Ingrese una Fecha de Cita \n \n \n {\n setFechaCita(e.target.value);\n }}\n InputLabelProps={{\n shrink: true,\n }}\n />\n \n \n \n {\n const updateStatus = {\n id: updateRowStatus.id,\n descOrdenEstatus: updateRowStatus.value,\n fechaCita\n };\n const rowSel = rowsOrdenes.find((rw) => rw.id === updateRowStatus.id);\n rowSel.fechaCita = fechaCita;\n saveOrderStatus(updateStatus);\n setOpenFechaCita(false);\n }}\n color=\"primary\"\n >\n Guardar\n \n \n \n \n Comentario por suspensión \n \n \n \n \n Guardar\n \n \n \n \n \n );\n};\n\nOrdenes.propTypes = {\n setComboOrdenEstatus: PropTypes.func,\n comboOrdenEstatus: PropTypes.array,\n setComboLabelStatus: PropTypes.func,\n comboLabelStatus: PropTypes.array,\n setComboHiperliga: PropTypes.func,\n comboHiperliga: PropTypes.array,\n setOpenBackDrop: PropTypes.func,\n setOpenSnackError: PropTypes.func,\n setServerError: PropTypes.func,\n rolUsuario: PropTypes.string,\n setOpenSnackSuccess: PropTypes.func,\n setServerMessage: PropTypes.func\n};\nexport default Ordenes;\n","import React from 'react';\nimport { Controller, useForm } from 'react-hook-form';\nimport {\n Card,\n Popper,\n CardHeader,\n Divider,\n CardContent,\n Grid,\n TextField,\n makeStyles,\n Box,\n Button,\n FormControl,\n InputLabel,\n Select,\n MenuItem,\n} from '@material-ui/core';\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker,\n} from '@material-ui/pickers';\nimport PropTypes from 'prop-types';\nimport DateFnsUtils from '@date-io/date-fns';\nimport genService from 'src/services/generalServices';\nimport esLocale from 'date-fns/locale/es';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n bottomSpace: {\n marginBottom: theme.spacing(1)\n },\n}));\n\nconst BusquedaOrdenes = ({\n openPopper,\n anchorEl,\n setFechaDesde,\n setFechaHasta,\n fechaDesde,\n fechaHasta,\n onSubmitAdv,\n comboOrdenEstatus,\n}) => {\n const { register, handleSubmit, control } = useForm();\n const classes = useStyles();\n const [openFechaHasta, setOpenFechaHasta] = React.useState(false);\n const [openFechaDesde, setOpenFechaDesde] = React.useState(false);\n\n return (\n \n \n \n );\n};\n\nBusquedaOrdenes.propTypes = {\n anchorEl: PropTypes.object,\n openPopper: PropTypes.bool,\n setFechaDesde: PropTypes.func,\n setFechaHasta: PropTypes.func,\n fechaDesde: PropTypes.string,\n fechaHasta: PropTypes.string,\n onSubmitAdv: PropTypes.func,\n comboOrdenEstatus: PropTypes.array,\n};\nexport default BusquedaOrdenes;\n","import React from 'react';\nimport {\n Box,\n Divider,\n Fab,\n Grid,\n IconButton,\n InputBase,\n makeStyles,\n Paper,\n Tooltip,\n Typography,\n ClickAwayListener\n} from '@material-ui/core';\nimport {\n Add,\n Search,\n TuneTwoTone as Menu,\n} from '@material-ui/icons';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport genService from 'src/services/generalServices';\nimport { useForm } from 'react-hook-form';\nimport ordenService from 'src/services/ordenService';\nimport { format } from 'date-fns';\nimport BusquedaAvOT from './BusquedaAvOT';\n\nconst useStyles = makeStyles((theme) => ({\n title: {\n fontSize: 16,\n marginBottom: theme.spacing(1),\n fontWeight: 500,\n letterSpacing: '-0.05px'\n },\n bottomSpace: {\n marginBottom: theme.spacing(1)\n },\n rightMargin: {\n marginRight: theme.spacing(1)\n },\n leftMargin: {\n marginLeft: theme.spacing(1)\n },\n input: {\n marginLeft: theme.spacing(1),\n flex: 1,\n },\n iconButton: {\n padding: 10,\n },\n divider: {\n height: 28,\n margin: 4,\n },\n paperRoot: {\n padding: '2px 6px',\n display: 'flex'\n },\n item: {\n display: 'flex',\n flexDirection: 'column'\n }\n}));\n\nconst OrdenesToolBar = ({\n className,\n setOpenAltaOrden,\n setOpenBackDrop,\n setOpenSnackError,\n setServerError,\n setRowsOrdenes,\n rolUsuario,\n comboOrdenEstatus,\n}) => {\n const {\n register,\n handleSubmit,\n reset\n } = useForm();\n const classes = useStyles();\n const [anchorEl, setAnchorEl] = React.useState(null);\n const paperRef = React.useRef();\n const openPopper = Boolean(anchorEl);\n const [fechaDesde, setFechaDesde] = React.useState(null);\n const [fechaHasta, setFechaHasta] = React.useState(null);\n\n const handleClickAway = () => {\n setAnchorEl(null);\n setFechaDesde(null);\n setFechaHasta(null);\n };\n const handleClickPopper = () => {\n setAnchorEl(anchorEl ? null : paperRef.current);\n reset({});\n };\n const onSubmit = (formulario, searchType) => {\n console.log('Formulario busqueda de ordenes:', formulario);\n const asyncCall = async (datos, type) => {\n setOpenBackDrop(true);\n if (fechaDesde !== null && fechaDesde !== '') {\n datos.desde = format(fechaDesde, 'yyyy-MM-dd');\n }\n if (fechaHasta !== null && fechaHasta !== '') {\n datos.hasta = format(fechaHasta, 'yyyy-MM-dd');\n }\n await ordenService.searchOrdenes(datos, false).then((resp) => {\n setRowsOrdenes(resp.data);\n if (resp.data.length > 0 && type === 'adv') {\n handleClickPopper();\n }\n }).catch((error) => {\n setRowsOrdenes([]);\n if (error.response) {\n setServerError(error.response.data.message);\n } else {\n setServerError(`${error.message}: No fue posible conectar con el servidor`);\n }\n setOpenSnackError(true);\n setOpenBackDrop(false);\n });\n setOpenBackDrop(false);\n };\n asyncCall(formulario, searchType).catch((error) => {\n setRowsOrdenes([]);\n const mensajeError = `Error al realiza la búsqueda: ${error.message}`;\n setServerError(mensajeError);\n setOpenSnackError(true);\n setOpenBackDrop(false);\n });\n };\n\n return (\n \n
\n Busqueda de Ordenes\n \n
\n {rolUsuario === 'CLIENTE'\n ? (\n
\n \n setOpenAltaOrden(true, 0)}\n className={classes.bottomSpace}\n >\n \n \n ) : (\n null\n )}\n
\n \n \n onSubmit(data, 'single'))}\n >\n \n \n \n \n \n \n
\n {idOrden === 0\n ? (\n \n {\n setOpenEliminar(true);\n setDeleteFileRow(params.row);\n }}\n fontSize=\"small\"\n color=\"primary\"\n >\n \n ) : (\n null\n )}\n \n \n \n
\n );\n }\n }\n ];\n\n const onError = (err) => {\n console.log('errores:', err);\n if (err.nombreCliente || err.nombre || err.puesto || err.matricula\n || err.telefonoPrimario) {\n setAcordionGeneral(true);\n }\n };\n\n const onSubmit = (data) => {\n const handleAsync = async (datos) => {\n console.log('Datos de la orden:', datos);\n setOpenBack(true);\n await ordenService.altaOrden(datos).then((resp) => {\n console.log('Respuesta del servidor OT:', resp);\n if (resp.data != null && resp.data.errorCode === 204) {\n setServerError(resp.data.mensaje);\n setOpenSnackError(true);\n } else {\n setOpenAlta(true);\n }\n }).catch((error) => {\n setOpenBack(false);\n if (error.response !== undefined) {\n setServerError(`${error.response.data.status}: ${error.response.data.message}`);\n } else {\n setServerError(`${error.message}: No fue posible conectar con el servidor`);\n }\n setOpenSnackError(true);\n }).finally(() => {\n setOpenBack(false);\n });\n setOpenBack(false);\n };\n data.id = idOrden;\n data.direccion.id = 0;\n data.idGradoEscolar = isEscuela ? valGradoEscolar.value : 0;\n data.matricula = isEscuela ? data.matricula : '';\n data.puesto = isLaboral ? data.puesto : '';\n data.archivos = rowsFiles.map((auxFile) => {\n if (auxFile.estatus === 'NUEVO') {\n auxFile.id = 0;\n }\n return auxFile;\n });\n data.gradoEscolar = isEscuela ? valGradoEscolar : null;\n data.idOrdenEstatus = estatusSolicitada[0].value;\n data.idEstatusLiga = estatusHiperliga[0].value;\n handleAsync(data);\n };\n\n return (\n \n
\n Datos Generales \n \n \n \n \n \n {(idOrden > 0) ? (\n
\n Consulta de Evaluación \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n ) : (\n null\n )}\n {(idOrden === 0 || (idOrden > 0 && rowsFiles.length > 0))\n ? (\n
\n Archivos Adjuntos \n \n \n {idOrden === 0\n ? (\n \n \n {\n agregaArchivos(file);\n }}\n filesLimit={500}\n dropzoneText={(\n \n
Arrastre y suelte un archivo.
\n
\n (Máx 3 MB y con extensiones: .jpg, .png, .pdf,\n .zip, .doc-x, .xls-x, .ppt-x y .txt)\n
\n
\n \n ) : (\n null\n )}\n {fileSelected.length > 1 ? (\n 0 ? '' : 'none' }}\n >\n \n \n \n \n \n ) : ''}\n 0 ? '' : 'none' }}\n >\n \n {\n console.log('La seleccion de archivo:', selec);\n setFileSelected(selec);\n }}\n />\n \n \n \n \n ) : (\n null\n )}\n
\n
setOpenEliminar(false)}\n confirm={onClickRemove}\n title=\"Eliminar archivo\"\n message=\"Seguro que desea eliminar el archivo?\"\n />\n {\n setOpenAlta(false);\n setOpenAltaOrden(false);\n }}\n title=\"Nueva Orden\"\n message={`La orden ${folio} fue guardada exitosamente.`}\n />\n \n \n \n \n
\n );\n }\n }\n ];\n\n return (\n \n \n \n \n \n );\n};\n\nClienteOT.propTypes = {\n setComboOrdenEstatus: PropTypes.func,\n comboOrdenEstatus: PropTypes.array,\n setComboHiperliga: PropTypes.func,\n comboHiperliga: PropTypes.array,\n setOpenBackDrop: PropTypes.func,\n setOpenSnackError: PropTypes.func,\n setServerError: PropTypes.func,\n rolUsuario: PropTypes.string\n};\nexport default ClienteOT;\n","import React, {\n useState, useEffect, forwardRef, useImperativeHandle\n} from 'react';\nimport { useForm, Controller } from 'react-hook-form';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport {\n TextField,\n makeStyles,\n Card,\n CardContent,\n Grid,\n MenuItem,\n FormControl,\n Select,\n InputLabel,\n FormHelperText,\n FormControlLabel,\n Checkbox\n} from '@material-ui/core';\nimport { Autocomplete } from '@material-ui/lab';\nimport GeneralDialog from 'src/views/commons/GeneralDialog';\nimport genService from 'src/services/generalServices';\nimport userService from 'src/services/usuariosService';\nimport GeneralBackDrop from 'src/views/commons/GeneralBackDrop';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n spaceButton: {\n marginRight: theme.spacing(1)\n },\n closeIcon: {\n float: 'right'\n },\n checkBoxVerde: {\n color: '#4caf50 !important'\n }\n}));\n\nconst AltaUsuario = forwardRef(({\n className,\n preloadedValues,\n setServerError,\n setOpenSnackError,\n formData,\n setFormData,\n rowsUsers,\n idUsuario,\n setIdUsuario,\n formName,\n comboClientes,\n setOpenDialog\n}, ref) => {\n const {\n register,\n handleSubmit,\n control,\n errors,\n reset\n } = useForm({\n defaultValues: {\n rol: ''\n },\n });\n const [open, setOpen] = useState(false);\n const [openBack, setOpenBack] = useState(false);\n const [valComboClientes, setValComboClientes] = useState({});\n const [isCliente, setIsCliente] = useState(false);\n const [isSupervisor, setIsSupervisor] = useState(false);\n const resetForm = () => {\n reset({\n id: 0,\n rol: '',\n nombre: '',\n nombreUsuario: '',\n email: '',\n idCliente: '',\n regCliente: ''\n });\n setValComboClientes({});\n setIsCliente(false);\n };\n useImperativeHandle(ref, () => ({\n resetUsuariosForm: () => {\n resetForm();\n }\n }));\n const getItemComboCliente = (idCliente) => {\n setValComboClientes(comboClientes.find((comboValue) => comboValue.value === idCliente));\n };\n useEffect(() => {\n reset(formData);\n setIdUsuario(0);\n console.log(formData);\n if (formData.id !== undefined) {\n setIdUsuario(formData.id);\n }\n if (formData.idCliente !== null && formData.idCliente > 0) {\n getItemComboCliente(formData.idCliente);\n setIsCliente(true);\n setIsSupervisor(formData.supervisor);\n }\n setFormData({});\n }, []);\n const onSubmit = (data) => {\n const handleSubmitII = async (datos) => {\n console.log(datos);\n setOpenBack(true);\n await userService.altaUsuario(datos).then((resp) => {\n if (resp.data != null && resp.data.errorCode === 204) {\n setServerError(resp.data.mensaje);\n setOpenSnackError(true);\n } else {\n if (idUsuario > 0) {\n const modUser = rowsUsers.find((row) => row.id === idUsuario);\n console.log(preloadedValues);\n datos.rolDesc = preloadedValues.find((item) => item.value === datos.rol).text;\n Object.assign(modUser, datos);\n }\n setOpen(true);\n resetForm();\n }\n }).catch((error) => {\n setOpenBack(false);\n setServerError(error.message);\n setOpenSnackError(true);\n });\n setOpenBack(false);\n };\n data.id = idUsuario;\n if (isCliente) {\n data.idCliente = valComboClientes.value;\n } else {\n data.idCliente = 0;\n data.supervisor = false;\n }\n handleSubmitII(data);\n };\n const classes = useStyles();\n const errorReq = 'Campo requerido.';\n\n return (\n \n \n \n \n \n \n \n \n \n ()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@(([[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/i, message: 'El formato no es correcto.' }\n })}\n variant=\"outlined\"\n onInput={genService.toLowerCase}\n error={errors.email}\n helperText={errors.email?.message}\n size=\"small\"\n />\n \n \n 0 && isCliente}\n >\n \n {\n errors.rol\n ? Seleccione un Rol *
: Seleccione un Rol *
\n }\n \n {\n return { value: selected };\n }}\n defaultValue=\"\"\n render={({ onChange, value }) => (\n {\n onChange(newValue.props.value);\n if (newValue.props.value === 'ROLE_CLIENTE') {\n setIsCliente(true);\n } else {\n setIsCliente(false);\n }\n }}\n >\n {preloadedValues.map((rol) => (\n {rol.text} \n ))}\n \n )}\n />\n {\n errors.rol\n && (\n \n {errors.rol.message}\n \n )\n }\n \n \n \n (option.label ? `${option.label} - (${option.tipoCliente})` : '')}\n renderOption={(option) => `${option.label} - (${option.tipoCliente})`}\n fullWidth\n value={valComboClientes}\n disabled={idUsuario > 0 && isCliente}\n renderInput={(params) => (\n \n \n \n \n \n \n {\n setOpen(false);\n setOpenDialog(false);\n }}\n title=\"Usuario Guardado\"\n message=\"El usuario fue guardado exitosamente.\"\n />\n \n );\n});\n\nAltaUsuario.propTypes = {\n className: PropTypes.string,\n preloadedValues: PropTypes.array,\n setServerError: PropTypes.func,\n setOpenSnackError: PropTypes.func,\n formData: PropTypes.object,\n setFormData: PropTypes.func,\n rowsUsers: PropTypes.array,\n idUsuario: PropTypes.number,\n setIdUsuario: PropTypes.func,\n formName: PropTypes.string,\n comboClientes: PropTypes.array,\n setOpenDialog: PropTypes.func\n};\n\nexport default AltaUsuario;\n","import React from 'react';\nimport { useForm, Controller } from 'react-hook-form';\nimport {\n makeStyles,\n Popper,\n Card,\n CardHeader,\n Divider,\n Grid,\n CardContent,\n TextField,\n Box,\n Button,\n MenuItem,\n FormControl,\n InputLabel,\n Select\n} from '@material-ui/core';\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker,\n} from '@material-ui/pickers';\nimport PropTypes from 'prop-types';\nimport DateFnsUtils from '@date-io/date-fns';\nimport genService from 'src/services/generalServices';\nimport esLocale from 'date-fns/locale/es';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n bottomSpace: {\n marginBottom: theme.spacing(1)\n },\n}));\n\nconst BusquedaUsuarios = ({\n anchorEl,\n openPopper,\n setFechaDesde,\n setFechaHasta,\n fechaDesde,\n fechaHasta,\n onSubmitAdv,\n preloadedValues\n}) => {\n const { register, handleSubmit, control } = useForm();\n const classes = useStyles();\n const [openFechaHasta, setOpenFechaHasta] = React.useState(false);\n const [openFechaDesde, setOpenFechaDesde] = React.useState(false);\n\n return (\n \n onSubmitAdv(data, 'adv'))}\n >\n \n \n \n \n \n \n \n \n setOpenFechaDesde(true)}\n /* onClick={() => setOpenFechaDesde(true)} */\n onClose={() => setOpenFechaDesde(false)}\n onChange={setFechaDesde}\n format=\"dd/MM/yyyy\"\n margin=\"normal\"\n label=\"Desde\"\n value={fechaDesde}\n KeyboardButtonProps={{\n 'aria-label': 'change date',\n }}\n />\n \n \n \n \n setOpenFechaHasta(true)}\n onClose={() => setOpenFechaHasta(false)}\n /* onClick={() => setOpenFechaHasta(true)} */\n onChange={setFechaHasta}\n format=\"dd/MM/yyyy\"\n margin=\"normal\"\n label=\"Hasta\"\n value={fechaHasta}\n KeyboardButtonProps={{\n 'aria-label': 'change date',\n }}\n />\n \n \n \n \n \n \n \n Seleccione un Rol\n \n {\n return { value: selected };\n }}\n as={(\n \n Seleccione un Rol \n {preloadedValues.map((rol) => (\n {rol.text} \n ))}\n \n )}\n />\n \n \n \n
\n \n \n Buscar\n \n \n \n \n \n \n );\n};\nBusquedaUsuarios.propTypes = {\n anchorEl: PropTypes.object,\n openPopper: PropTypes.bool,\n setFechaDesde: PropTypes.func,\n setFechaHasta: PropTypes.func,\n fechaDesde: PropTypes.string,\n fechaHasta: PropTypes.string,\n onSubmitAdv: PropTypes.func,\n preloadedValues: PropTypes.array\n};\nexport default BusquedaUsuarios;\n","import React from 'react';\nimport { useForm } from 'react-hook-form';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport {\n makeStyles,\n Box,\n Typography,\n Divider,\n InputBase,\n Paper,\n IconButton,\n Fab,\n Tooltip,\n Grid,\n ClickAwayListener\n} from '@material-ui/core';\nimport {\n Add,\n TuneTwoTone as Menu,\n Search,\n Delete\n} from '@material-ui/icons';\nimport BusquedaUsuarios from 'src/views/config/Usuarios/BusquedaUsuarios';\nimport usuariosService from 'src/services/usuariosService';\nimport genService from 'src/services/generalServices';\nimport { isEmpty } from 'lodash';\nimport ConfirmationDialog from 'src/views/commons/ConfirmationDialog';\nimport { format } from 'date-fns';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n rightMargin: {\n marginRight: theme.spacing(1)\n },\n leftMargin: {\n marginLeft: theme.spacing(1)\n },\n title: {\n fontSize: 16,\n marginBottom: theme.spacing(1),\n fontWeight: 500,\n letterSpacing: '-0.05px'\n },\n bottomSpace: {\n marginBottom: theme.spacing(1)\n },\n input: {\n marginLeft: theme.spacing(1),\n flex: 1,\n },\n iconButton: {\n padding: 10,\n },\n divider: {\n height: 28,\n margin: 4,\n },\n paperRoot: {\n padding: '2px 6px',\n display: 'flex'\n },\n dropdown: {\n position: 'revert',\n top: 28,\n right: 0,\n left: 0,\n zIndex: 1,\n border: '1px solid',\n padding: theme.spacing(0),\n backgroundColor: theme.palette.background.paper,\n },\n item: {\n display: 'flex',\n flexDirection: 'column'\n }\n}));\n\nconst UsuariosToolBar = ({\n className,\n setOpenAlta,\n setRowsUsers,\n rowsUsers,\n setOpenBackDrop,\n selectedRows,\n setOpenSnackSuccess,\n setOpenSnackError,\n setServerError,\n setServerMessage,\n preloadedValues,\n setSelectedRows,\n rolUsuario\n}) => {\n const {\n register,\n handleSubmit,\n reset\n } = useForm();\n const classes = useStyles();\n const [anchorEl, setAnchorEl] = React.useState(null);\n const [openDialog, setOpenDialog] = React.useState(false);\n const [fechaDesde, setFechaDesde] = React.useState(null);\n const [fechaHasta, setFechaHasta] = React.useState(null);\n const openPopper = Boolean(anchorEl);\n const paperRef = React.useRef();\n const handleClickPopper = () => {\n setAnchorEl(anchorEl ? null : paperRef.current);\n setFechaDesde(null);\n setFechaHasta(null);\n reset({});\n };\n const handleClickAway = () => {\n setAnchorEl(null);\n setFechaDesde(null);\n setFechaHasta(null);\n };\n const removeRows = () => {\n setOpenDialog(false);\n const asyncCall = async () => {\n setOpenBackDrop(true);\n await usuariosService.deleteUser(selectedRows).then((resp) => {\n if (resp.data.Errores !== undefined && resp.data.Errores.length > 0) {\n setServerError(`Fallo al eliminar: ${resp.data.Errores.length} usuarios.`);\n setOpenSnackError(true);\n }\n if (resp.data.Eliminados !== undefined && resp.data.Eliminados.length > 0) {\n setSelectedRows([]);\n resp.data.Eliminados.map((del) => {\n rowsUsers = rowsUsers.filter((item) => item.id !== del);\n return rowsUsers;\n });\n setServerMessage(`Usuarios eliminados: ${resp.data.Eliminados.length}`);\n setOpenSnackSuccess(true);\n setRowsUsers(rowsUsers);\n }\n }).catch((error) => {\n setServerError(error.message);\n setOpenSnackError(true);\n });\n setOpenBackDrop(false);\n };\n asyncCall();\n };\n const onSubmit = (formulario, searchType) => {\n const asyncCall = async (datos, type) => {\n setOpenBackDrop(true);\n if (fechaDesde !== null && fechaDesde !== '') {\n datos.desde = format(fechaDesde, 'yyyy-MM-dd');\n }\n if (fechaHasta !== null && fechaHasta !== '') {\n datos.hasta = format(fechaHasta, 'yyyy-MM-dd');\n }\n await usuariosService.searchUsuarios(datos).then((resp) => {\n if (resp.data.errorCode === 204) {\n setOpenSnackError(true);\n setServerError(resp.data.mensaje);\n setRowsUsers([]);\n } else {\n setRowsUsers(resp.data);\n if (resp.data.length > 0 && type === 'adv') {\n handleClickPopper();\n }\n }\n }).catch((error) => {\n setRowsUsers([]);\n setServerError(error.message);\n setOpenSnackError(true);\n setOpenBackDrop(false);\n });\n setOpenBackDrop(false);\n };\n asyncCall(formulario, searchType);\n };\n\n return (\n \n
\n Busqueda de Usuarios\n \n
\n
\n \n \n setOpenDialog(true)}\n >\n
\n \n \n setOpenAlta(true)}\n className={classes.bottomSpace}\n disabled={rolUsuario !== 'ADMINISTRADOR'}\n >\n \n \n
\n \n \n onSubmit(data, 'single'))}\n elevation={6}\n >\n \n \n \n \n \n \n
setOpenDialog(false)}\n confirm={removeRows}\n title=\"Eliminar registros\"\n message=\"Seguro que desea eleminar el(los) registro(s)?\"\n />\n \n
\n \n \n
\n \n \n
\n \n \n \n \n );\n};\n\nUsuario.propTypes = {\n setOpenBackDrop: PropTypes.func,\n comboRoles: PropTypes.array,\n setComboRoles: PropTypes.func,\n setServerError: PropTypes.func,\n setOpenSnackError: PropTypes.func,\n setServerMessage: PropTypes.func,\n setOpenSnackSuccess: PropTypes.func,\n nombreUsuario: PropTypes.string\n};\n\nexport default Usuario;\n","import http from '../http-common';\n\nclass HiperligaService {\n getOrdenByKey = async (orderKey) => {\n const orderReturn = `/cargaDocumentos?orderKey=${orderKey}`;\n return http.get(orderReturn);\n }\n\n actualizarArchivos = async (hiperligaDTO) => {\n const config = {\n headers: {\n 'Content-Type': 'multipart/form-data',\n }\n };\n const json = JSON.stringify(hiperligaDTO);\n const blob = new Blob([json], {\n type: 'application/json'\n });\n const formData = new FormData();\n formData.append('hiperligaDTO', blob);\n hiperligaDTO.listaArchivos?.forEach((fileAux) => {\n if (fileAux.estatus === 'NUEVO') {\n formData.append('files', fileAux.archivo);\n }\n });\n return http.put('/cargaDocumentos/guardarArchivos', formData, config);\n }\n\n deleteOrderFile = (hiperligaDTO) => {\n const json = JSON.stringify(hiperligaDTO);\n return http.put('cargaDocumentos/borrarArchivos', json);\n }\n\n descargarZip = (itemFiles, archivos, keyLink) => {\n const config = {\n headers: {\n 'Content-type': 'multipart/form-data'\n },\n responseType: 'blob'\n };\n const formData = new FormData();\n archivos?.forEach((element) => {\n formData.append('files', element);\n });\n const wrapperArchivos = {};\n wrapperArchivos.archivosDTO = itemFiles;\n const json = JSON.stringify(wrapperArchivos);\n const blob = new Blob([json], {\n type: 'application/json'\n });\n formData.append('archivoDTO', blob);\n formData.append('keyLink', keyLink);\n return http.put('cargaDocumentos/descargarArchivos', formData, config);\n }\n\n downloadArchivoAWS = (itemFile) => {\n const config = {\n headers: {\n 'Content-type': 'multipart/form-data'\n },\n responseType: 'blob'\n };\n const json = JSON.stringify(itemFile);\n const blob = new Blob([json], {\n type: 'application/json'\n });\n const formData = new FormData();\n formData.append('archivoDTO', blob);\n return http.put('cargaDocumentos/downloadArchivo', formData, config);\n }\n\n descargarPDF = (hiperligaDTO) => {\n const config = {\n responseType: 'blob'\n };\n const json = JSON.stringify(hiperligaDTO);\n return http.put('cargaDocumentos/exportarComprobante', json, config);\n }\n}\n\nexport default new HiperligaService();\n","import React from 'react';\n\n// Andale Brahiam, arregla este logo.\nconst AvisoPrivacidad = () => {\n return (\n \n \n \n Aviso de Privacidad\n \n {setOpenAviso ? (\n setOpenAviso(false)}\n >\n \n \n \n \n \n setOpenAviso(false)}\n >\n CANCELAR\n \n {\n setOpenAviso(false);\n setAceptarAviso(true);\n clearErrors(['aceptarAviso']);\n }}\n >\n ACEPTAR\n \n \n \n \n );\n};\n\nAvisoPrivacidad.propTypes = {\n setOpenAviso: PropTypes.func,\n openAviso: PropTypes.bool,\n setAceptarAviso: PropTypes.func,\n clearErrors: PropTypes.func\n};\n\nexport default AvisoPrivacidad;\n","import React from 'react';\nimport {\n Grid,\n Typography,\n colors,\n Tooltip,\n Button\n} from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/styles';\n/* import moment from 'moment'; */\nimport renderCellExpand from 'src/views/commons/RenderCellExpand';\nimport { DataGrid } from '@material-ui/data-grid';\nimport { Download } from 'react-feather';\n\nconst useStyles = makeStyles(() => ({\n root: {\n margin: 0,\n padding: '20px',\n '& .summary-header': {\n backgroundColor: colors.green[200]\n }\n },\n}));\n\nconst SummaryDocs = ({\n fechaFinalizacion,\n rowsFiles,\n downloadVoucher\n}) => {\n const classes = useStyles();\n\n const columnsFiles = [\n {\n field: 'tipoArchivo',\n headerName: 'Tipo de Archivo',\n minWidth: 200,\n flex: 1,\n renderCell: renderCellExpand,\n headerClassName: 'summary-header'\n },\n {\n field: 'nombre',\n headerName: 'Nombre de Archivo',\n minWidth: 150,\n flex: 1,\n renderCell: renderCellExpand,\n headerClassName: 'summary-header'\n },\n {\n field: 'comentarios',\n headerName: 'Comentarios',\n minWidth: 200,\n flex: 1,\n sortable: false,\n renderCell: renderCellExpand,\n headerClassName: 'summary-header'\n }\n ];\n\n return (\n \n \n \n \n {'La documentación para esta liga fue enviada para su validación el día '}\n \n {/* moment(fechaFinalizacion).format('DD/MM/YYYY HH:mm:ss') */fechaFinalizacion}\n \n :\n \n \n \n \n \n \n \n \n \n
\n );\n};\n\nSummaryDocs.propTypes = {\n fechaFinalizacion: PropTypes.instanceOf(Date),\n rowsFiles: PropTypes.array,\n downloadVoucher: PropTypes.func\n};\n\nexport default SummaryDocs;\n","import React, { useEffect, useState } from 'react';\nimport {\n Box,\n Container,\n Typography,\n makeStyles,\n Divider,\n Card,\n CardHeader,\n CardContent,\n Grid,\n Tooltip,\n Button,\n IconButton,\n TextField,\n FormControlLabel,\n Checkbox,\n Link,\n FormHelperText,\n FormControl,\n DialogTitle,\n DialogContent,\n DialogActions,\n Dialog,\n colors,\n} from '@material-ui/core';\nimport Page from 'src/components/Page';\nimport clsx from 'clsx';\nimport { useSearchParams } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport hiperligaService from 'src/services/hiperligaService';\nimport GeneralBackDrop from 'src/views/commons/GeneralBackDrop';\nimport { DropzoneArea } from 'material-ui-dropzone';\nimport {\n Delete,\n DoubleArrow,\n GetAppTwoTone,\n Save\n} from '@material-ui/icons';\nimport { DataGrid } from '@material-ui/data-grid';\nimport renderCellExpand from 'src/views/commons/RenderCellExpand';\nimport ConfirmationDialog from 'src/views/commons/ConfirmationDialog';\nimport { Download } from 'react-feather';\nimport combosService from 'src/services/combosService';\nimport GeneralDialog from 'src/views/commons/GeneralDialog';\nimport { Autocomplete } from '@material-ui/lab';\nimport genService from 'src/services/generalServices';\nimport { useForm } from 'react-hook-form';\nimport AvisoPrivacidad from './AvisoPrivacidad';\nimport SummaryDocs from './SummaryDocs';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n backgroundColor: theme.palette.background.dark,\n height: '100%',\n paddingBottom: theme.spacing(2),\n paddingTop: theme.spacing(1),\n paddingLeft: theme.spacing(3),\n paddingRight: theme.spacing(3),\n '& .MuiDataGrid-window': {\n bottom: 'auto'\n },\n '& .summary-header': {\n backgroundColor: colors.green[200]\n }\n },\n checkBoxVerde: {\n color: '#4caf50 !important'\n },\n image: {\n marginTop: 50,\n display: 'inline-block',\n maxWidth: '100%',\n width: 560\n },\n title: {\n fontSize: 16,\n marginBottom: theme.spacing(1),\n fontWeight: 500,\n letterSpacing: '-0.05px'\n },\n dropZoneStyle: {\n minHeight: '10px',\n },\n dropZoneText: {\n fontWeight: '200',\n fontFamily: 'sans-serif'\n },\n fontStyle: {\n fontSize: 8\n },\n paddingGrid: {\n marginTop: theme.spacing(2)\n },\n paddingRight: {\n marginRight: theme.spacing(2)\n },\n errorStyle: {\n fontSize: 18,\n fontWeight: 'bold',\n textAlign: 'center'\n }\n}));\n\nconst CargaDocs = ({\n className,\n setServerError,\n setServerMessage,\n setOpenSnackError,\n setOpenSnackSuccess\n}) => {\n const {\n register,\n handleSubmit,\n errors,\n clearErrors,\n setError\n } = useForm();\n const classes = useStyles();\n\n const [fechaFinalizacion, setFechaFinalizacion] = useState(null);\n const [nombreInvestigado, setNombreInvestigado] = useState('');\n const [deleteFileRow, setDeleteFileRow] = useState(null);\n const [estatusPagina, setEstatusPagina] = useState();\n const [showFinalized, setShowFinalized] = useState(false);\n const [openFinalizar, setOpenFinalizar] = useState(false);\n const [nombreCliente, setNombreCliente] = useState('');\n const [aceptarAviso, setAceptarAviso] = useState(false);\n const [searchParams, setSearchParams] = useSearchParams();\n const [errorGeneral, setErrorGeneral] = useState('');\n const [fileSelected, setFileSelected] = useState([]);\n const [openEliminar, setOpenEliminar] = useState(false);\n const [rowsFiles, setRowsFiles] = useState([]);\n const [fileTypes, setFilesTypes] = useState([]);\n const [openAviso, setOpenAviso] = useState(false);\n const [finalizar, setFinalizar] = useState(false);\n const [openBack, setOpenBack] = useState(false);\n const [ligaKey, setLigaKey] = useState('');\n const [idOrden, setIdOrden] = useState(0);\n const [folio, setFolio] = useState('');\n const [onFinalizar, setOnFinalizar] = useState(false);\n const [open, setOpen] = useState(false);\n const [openRejected, setOpenRejected] = useState(false);\n const [rowsRejected, setRowsRejected] = useState([]);\n\n const columnsRejected = [\n {\n field: 'fileName',\n headerName: 'Nombre del Archivo',\n minWidth: 200,\n flex: 1,\n renderCell: renderCellExpand,\n headerClassName: 'summary-header'\n },\n {\n field: 'rechazo',\n headerName: 'Razón de Rechazo',\n minWidth: 200,\n flex: 1,\n sortable: false,\n renderCell: renderCellExpand,\n headerClassName: 'summary-header'\n }\n ];\n\n useEffect(() => {\n const orderKey = encodeURIComponent(searchParams.get('key'));\n setLigaKey(orderKey);\n console.log(setSearchParams);\n const getOrdenData = async (key) => {\n setOpenBack(true);\n await combosService.comboFileTypeLink().then((resp) => {\n setFilesTypes(resp);\n }).catch((error) => {\n console.log('Error al cargar combo de tipos de archivo', error);\n });\n await hiperligaService.getOrdenByKey(key).then((datos) => {\n console.log('FileType', fileTypes);\n setEstatusPagina(true);\n setIdOrden(datos.data.id);\n setNombreInvestigado(datos.data.nombre);\n setNombreCliente(datos.data.nombreCliente);\n setFolio(datos.data.folio);\n setAceptarAviso(datos.data.aceptarAviso);\n if (datos.data.archivos !== null && datos.data.archivos !== undefined\n && datos.data.archivos.length > 0) {\n setRowsFiles(datos.data.archivos);\n }\n console.log('fechafinalizacion:', datos.data);\n if (datos.data.descEstatusLiga === 'FINALIZADA') {\n setShowFinalized(true);\n setFechaFinalizacion(datos.data.fechaFinalizacionLigaStr);\n }\n }).catch((error) => {\n if (error.response !== undefined) {\n setErrorGeneral(`${error.response.data.status}: ${error.response.data.message}`);\n } else {\n setErrorGeneral(`${error.message}: No fue posible conectar con el servidor`);\n }\n setOpenBack(false);\n setEstatusPagina(false);\n });\n setOpenBack(false);\n };\n getOrdenData(orderKey);\n }, []);\n\n const descargaMasiva = async () => {\n setOpenBack(true);\n const selectedRows = rowsFiles.filter(({ id }) => fileSelected.includes(id));\n const files = selectedRows.filter((auxFile) => auxFile.archivo !== undefined)\n .map((filteredFile) => filteredFile.archivo);\n const filesObject = selectedRows.filter((auxFile) => auxFile.estatus !== 'NUEVO');\n await hiperligaService.descargarZip(filesObject, files, ligaKey).then((response) => {\n console.log('Respuesta descarga zip', response);\n const link = document.createElement('a');\n link.href = window.URL.createObjectURL(response.data);\n link.download = `${folio}.zip`;\n link.click();\n }).catch((e) => {\n console.log('Error al descargar archivos:', e);\n setOpenBack(false);\n setServerError(e.message);\n setOpenSnackError(true);\n });\n setOpenBack(false);\n };\n\n const downloadVoucher = async () => {\n setOpenBack(true);\n const hiperligaDTO = {\n keyLink: ligaKey,\n idOrden,\n listaArchivos: rowsFiles\n };\n await hiperligaService.descargarPDF(hiperligaDTO).then((resp) => {\n const link = document.createElement('a');\n console.log('Datos del PDF:', resp);\n link.href = window.URL.createObjectURL(new Blob([resp.data], { type: 'application/pdf' }));\n link.download = `COMPROBANTE_${folio}.pdf`;\n link.click();\n }).catch((e) => {\n console.log('Error al descargar el archivo:', e);\n setOpenBack(false);\n setServerError(e.message);\n setOpenSnackError(true);\n });\n setOpenBack(false);\n };\n\n const onClickRemove = async () => {\n setOpenBack(true);\n setOpenEliminar(false);\n let selectedRows = [];\n let nonSelectedRows = [];\n console.log('lista archivos', rowsFiles);\n console.log('archivo selec', deleteFileRow);\n if (deleteFileRow !== null) {\n selectedRows = rowsFiles.filter((row) => (\n row.id === deleteFileRow.id && row.enServidor\n ));\n nonSelectedRows = rowsFiles.filter((row) => row.id !== deleteFileRow.id);\n } else {\n selectedRows = rowsFiles.filter(({ id, enServidor }) => (\n fileSelected.includes(id) && enServidor\n ));\n nonSelectedRows = rowsFiles.filter(({ id }) => !fileSelected.includes(id));\n }\n if (selectedRows.length > 0) {\n const hiperligaDTO = {\n keyLink: ligaKey,\n idOrden,\n listaArchivos: selectedRows\n };\n await hiperligaService.deleteOrderFile(hiperligaDTO).then((resp) => {\n console.log('Ordenes filtradas:', nonSelectedRows);\n setRowsFiles(nonSelectedRows);\n setOpenSnackSuccess(true);\n setServerMessage(resp.data.mensaje);\n }).catch((error) => {\n setOpenSnackError(true);\n if (error.response) {\n setServerError(`${error.response.data.status}: ${error.response.data.message}`);\n } else {\n setServerError(`${error.message}: No fue posible conectar con el servidor`);\n }\n });\n } else {\n setRowsFiles(nonSelectedRows);\n }\n setDeleteFileRow(null);\n setOpenBack(false);\n };\n\n const agregaArchivos = (fileList) => {\n let filesList = [];\n console.log('inside agregar archivos', fileList);\n const uploadFileToS3 = async (file) => {\n setOpenBack(true);\n console.log('the length of files list:', fileList.length);\n if (filesList.length === 0) {\n filesList = rowsFiles.slice();\n console.log('the length of files list after slice:', fileList.length);\n }\n console.log('the file list', rowsFiles);\n const existingFile = filesList.findIndex((auxFile) => auxFile.nombre === file.name);\n const currentFile = rowsFiles.filter((auxFile) => auxFile.nombre === file.name);\n console.log('The current file', currentFile[0]);\n let nombreArchivo = file.name;\n const nombreSinExtension = nombreArchivo.substring(0, nombreArchivo.lastIndexOf('.'));\n if (nombreSinExtension.length > 50) {\n const extension = nombreArchivo.substring(nombreArchivo.lastIndexOf('.'), nombreArchivo.length);\n const nombreCorto = nombreSinExtension.substring(0, 50);\n console.log('Longitud del nombre', nombreArchivo.length);\n console.log('Extension del archivo', extension);\n console.log('nombreCorto', nombreCorto + extension);\n nombreArchivo = nombreCorto.trim() + extension;\n setOpenSnackError(true);\n setServerError('El nombre de alguno de sus archivos fue reducido a 50 caracteres.');\n }\n let uniqueId;\n if (currentFile && currentFile.length > 0) {\n console.log('inside current file', currentFile);\n uniqueId = currentFile[0].keyIndex;\n } else {\n console.log('new UUID');\n uniqueId = crypto.randomUUID();\n }\n const fileNewName = new File([file], `${uniqueId}<*>${ file.name }`, { type: file.type });\n console.log('adding new file name:', fileNewName);\n if (existingFile < 0) {\n const itemFile = {\n id: `${folio}_${nombreArchivo}`,\n nombre: nombreArchivo,\n size: file.size,\n fileBucketName: `CARGADOC_${folio}_${nombreArchivo}`,\n comentarios: '',\n estatus: 'NUEVO',\n tipoArchivo: '',\n idTipoArchivo: 0,\n archivo: fileNewName,\n enServidor: false,\n keyIndex: uniqueId\n };\n filesList.push(itemFile);\n } else {\n filesList[existingFile].archivo = fileNewName;\n filesList[existingFile].size = file.size;\n if (filesList[existingFile].estatus !== 'NUEVO') {\n filesList[existingFile].estatus = 'ACTUALIZADO';\n }\n }\n /* await ordenService.uploadArchivoAWS(uploadedFile, file); */\n setOpenBack(false);\n };\n\n fileList.forEach((file) => {\n uploadFileToS3(file);\n });\n if (filesList.length > 0) {\n setRowsFiles(filesList);\n }\n };\n\n const onSubmit = () => {\n const handleAsync = async (hiperligaDTO) => {\n setOpenBack(true);\n await hiperligaService.actualizarArchivos(hiperligaDTO).then((resp) => {\n console.log('fecha finaliza:', resp.data);\n if (resp.data.generalMessage === 'LIGA FINALIZADA') {\n setShowFinalized(true);\n setFechaFinalizacion(resp.data.fechaFinalizacionLigaStr);\n setOpen(true);\n }\n setRowsFiles(resp.data.archivos);\n setOpenSnackSuccess(true);\n setServerMessage(resp.data.generalMessage);\n }).catch((error) => {\n setOpenSnackError(true);\n if (error.response) {\n setServerError(`${error.response.data.status}: ${error.response.data.message}`);\n } else {\n setServerError(`${error.message}: No fue posible conectar con el servidor`);\n }\n console.log('error al actualizar los archivos', error);\n });\n setOpenBack(false);\n };\n\n let altaArchivos = true;\n const archivoDTO = rowsFiles.map((auxFile) => {\n if (auxFile.estatus === 'NUEVO') {\n auxFile.id = 0;\n }\n if (auxFile.tipoArchivo === undefined || auxFile.tipoArchivo === '') {\n setOpenSnackError(true);\n setServerError('Debe seleccionar un \"Tipo de Archivo\" para cada registro.');\n altaArchivos = false;\n }\n return auxFile;\n });\n\n if (altaArchivos) {\n const itemDTO = {\n keyLink: ligaKey,\n idOrden,\n listaArchivos: archivoDTO,\n avisoPrivacidad: aceptarAviso,\n finalizar\n };\n handleAsync(itemDTO);\n }\n };\n\n const columnsFiles = [\n {\n field: 'tipoArchivo',\n headerName: 'Tipo de Archivo',\n minWidth: 200,\n flex: 1,\n sortable: false,\n renderCell: (rowParam) => {\n const { row } = rowParam;\n const defVal = fileTypes.findIndex((auxVal) => auxVal.value === row.idTipoArchivo);\n const rowIndex = rowParam.api.getAllRowIds().indexOf(rowParam.id);\n const nameComponent = `TipoArchivo_${rowIndex}`;\n return (\n (option.label ? option.label : '')}\n renderInput={(params) => (\n {\n if (e.key === 'Enter') {\n e.preventDefault();\n }\n }}\n onChange={(e) => {\n params.row.comentarios = e.target.value;\n }}\n />\n );\n }\n },\n {\n field: 'acciones',\n headerName: 'Acciones',\n maxWidth: 60,\n minWidth: 60,\n sortable: false,\n disableClickEventBubbling: true,\n align: 'center',\n renderCell: (params) => {\n const onClickDownload = () => {\n const link = document.createElement('a');\n if (params.row.archivo !== undefined) {\n link.href = window.URL.createObjectURL(params.row.archivo);\n link.download = params.row.nombre;\n link.click();\n } else {\n const downloadFileAsync = async (datos) => {\n setOpenBack(true);\n console.log(datos);\n await hiperligaService.downloadArchivoAWS(datos).then((resp) => {\n link.href = window.URL.createObjectURL(resp.data);\n params.row.archivo = resp.data;\n link.download = params.row.nombre;\n link.click();\n }).catch((e) => {\n console.log('Error al descargar el archivo', e);\n setOpenBack(false);\n setServerError(e.message);\n setOpenSnackError(true);\n });\n setOpenBack(false);\n };\n downloadFileAsync(params.row);\n }\n };\n return (\n \n \n {\n setOpenEliminar(true);\n setDeleteFileRow(params.row);\n }}\n fontSize=\"small\"\n color=\"primary\"\n >\n \n \n \n \n
\n );\n }\n }\n ];\n\n return (\n \n \n Carga de Documentos\n \n {\n estatusPagina === undefined || estatusPagina === false\n ? (\n \n \n \n {\n estatusPagina === undefined\n ? (\n 'Cargando...'\n ) : (\n errorGeneral\n )\n }\n \n \n \n ) : (\n \n
\n \n {\n showFinalized\n ? (\n \n \n
{\n setOpenEliminar(false);\n setDeleteFileRow(null);\n }}\n confirm={onClickRemove}\n title=\"Eliminar archivos\"\n message={deleteFileRow === null ? `Seguro que desea eliminar los ${fileSelected.length} archivos seleccionados?` : 'Seguro que desea eliminar el archivo?'}\n />\n \n \n Finalizar Carga de Archivos\n \n \n Esta seguro que ha finalizado la carga de archivos?\n \n \n {\n setOpenFinalizar(false);\n setFinalizar(false);\n }}\n color=\"primary\"\n >\n CANCELAR\n \n {\n setFinalizar(true);\n setOpenFinalizar(false);\n }}\n >\n FINALIZAR\n \n \n \n \n \n Error en la Carga de Archivos\n \n \n * Favor de corregir los errores y volver a intentar la carga de los archivos.
\n \n \n {\n e.preventDefault();\n setRowsRejected([]);\n setOpenRejected(false);\n }}\n >\n ENTERADO\n \n \n \n {\n setOpen(false);\n }}\n title=\"Documentos enviados\"\n message=\"Sus documentos han sido enviados, a continuación podrá descargar su comprobante. Muchas gracias.\"\n />\n \n );\n};\n\nCargaDocs.propTypes = {\n className: PropTypes.string,\n setServerError: PropTypes.func,\n setServerMessage: PropTypes.func,\n setOpenSnackError: PropTypes.func,\n setOpenSnackSuccess: PropTypes.func,\n};\n\nexport default CargaDocs;\n","import React, { useEffect, useState } from 'react';\nimport {\n Box,\n Button,\n Card,\n CardContent,\n CardHeader,\n Checkbox,\n Container,\n Divider,\n FormControl,\n FormControlLabel,\n FormHelperText,\n Grid,\n Link,\n makeStyles,\n Typography\n} from '@material-ui/core';\nimport { useForm } from 'react-hook-form';\nimport Page from 'src/components/Page';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport ordenService from 'src/services/ordenService';\nimport { useSearchParams } from 'react-router-dom';\nimport { DoubleArrow } from '@material-ui/icons';\nimport ConfirmationDialog from 'src/views/commons/ConfirmationDialog';\nimport OrderGeneral from '../OrderCommons/OrderGeneral';\nimport AvisoPrivacidad from '../CargaDocumentos/AvisoPrivacidad';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n backgroundColor: theme.palette.background.dark,\n height: '100%',\n paddingBottom: theme.spacing(2),\n paddingTop: theme.spacing(1),\n paddingLeft: theme.spacing(3),\n paddingRight: theme.spacing(3),\n '& .MuiDataGrid-window': {\n bottom: 'auto'\n }\n },\n title: {\n fontSize: 16,\n marginBottom: theme.spacing(1),\n fontWeight: 500,\n letterSpacing: '-0.05px'\n },\n checkBoxVerde: {\n color: '#4caf50 !important'\n },\n}));\n\nconst Solicitudes = ({\n setOpenBackDrop,\n setServerError,\n setOpenSnackError,\n setServerMessage,\n setOpenSnackSuccess\n}) => {\n const {\n register,\n errors,\n setError,\n setValue,\n clearErrors,\n control,\n handleSubmit,\n reset\n } = useForm();\n const classes = useStyles();\n const [folio, setFolio] = useState();\n const [isLaboral, setIsLaboral] = useState(false);\n const [isEscuela, setIsEscuela] = useState(false);\n const [nombreCliente, setNombreCliente] = useState();\n const [idOrdenEstatus, setIdOrdenEstatus] = useState();\n const [idEstatusLiga, setIdEstatusLiga] = useState();\n const [searchParams] = useSearchParams();\n const [errorLigaSolicitud, setErrorLigaSolicitud] = useState(null);\n const [openGenerar, setOpenGenerar] = useState(false);\n const [formData, setFormData] = useState({});\n const [idCliente, setIdCliente] = useState(0);\n const [aceptarAviso, setAceptarAviso] = useState(false);\n const [openAviso, setOpenAviso] = useState(false);\n\n const resetForm = () => {\n reset({\n id: 0\n });\n setErrorLigaSolicitud(null);\n setFormData({});\n };\n\n useEffect(() => {\n const urlKey = searchParams.get('key');\n const encodedURL = encodeURIComponent(urlKey);\n console.log('the Key', encodedURL);\n\n const getBaseOrder = async (key) => {\n setOpenBackDrop(true);\n setErrorLigaSolicitud(null);\n await ordenService.getBaseOrderByKey(key).then((resp) => {\n console.log('Base order resp:', resp);\n setFolio(ordenService.generarFolio());\n if (resp.data.tipoCliente === 'Laboral') {\n setIsLaboral(true);\n }\n if (resp.data.tipoCliente === 'Escuela') {\n setIsEscuela(true);\n }\n setIdOrdenEstatus(resp.data.idOrdenEstatus);\n setIdEstatusLiga(resp.data.idEstatusLiga);\n setNombreCliente(resp.data.nombreCliente);\n setIdCliente(resp.data.idCliente);\n }).catch((error) => {\n if (error.response !== undefined) {\n setErrorLigaSolicitud(`${error.response.data.status}: ${error.response.data.message}`);\n } else {\n setErrorLigaSolicitud(`${error.message}: No fue posible conectar con el servidor`);\n }\n });\n setOpenBackDrop(false);\n };\n\n getBaseOrder(encodedURL);\n }, []);\n\n const onSubmit = () => {\n const handleAsync = async (datos) => {\n console.log('Datos de la orden:', datos);\n setOpenBackDrop(true);\n await ordenService.altaOrdenExpress(datos).then((resp) => {\n setServerMessage(`La orden con folio ${resp.data.folio} fue creada correctamente.`);\n setOpenSnackSuccess(true);\n setFolio(ordenService.generarFolio());\n resetForm();\n }).catch((error) => {\n setOpenSnackError(true);\n if (error.response !== undefined) {\n setServerError(`${error.response.data.status}: ${error.response.data.message}`);\n } else {\n setServerError(`${error.message}: No fue posible conectar con el servidor`);\n }\n }).finally(() => {\n setOpenBackDrop(false);\n });\n setOpenBackDrop(false);\n };\n formData.matricula = isEscuela ? formData.matricula : '';\n formData.puesto = isLaboral ? formData.puesto : '';\n formData.idOrdenEstatus = idOrdenEstatus;\n formData.idEstatusLiga = idEstatusLiga;\n formData.idCliente = idCliente;\n formData.estadoLiga = 1;\n handleAsync(formData);\n };\n\n const confirmSubmit = (data) => {\n setOpenGenerar(true);\n setFormData(data);\n };\n\n return (\n \n { errorLigaSolicitud\n ? (\n \n \n \n {errorLigaSolicitud}\n \n \n Hubo un error al tratar de cargar la página, por favor contacte con el\n administrador\n \n \n \n ) : (\n \n
\n \n Solicitudes\n \n \n \n \n \n \n \n {\n if (e.target.checked) {\n clearErrors(['aceptarAviso']);\n }\n }}\n />\n )}\n onChange={(e) => setAceptarAviso(e.target.checked)}\n label={(\n \n {'He leído y acepto el aviso de privacidad -- '}\n {\n e.preventDefault();\n setOpenAviso(true);\n }}\n >\n CONSULTAR\n \n \n )}\n />\n {errors.aceptarAviso?.message} \n \n \n \n \n \n \n \n \n \n \n \n
setOpenGenerar(false)}\n confirm={() => {\n setOpenGenerar(false);\n onSubmit();\n }}\n />\n \n \n \n
\n Generación de reportes\n \n
\n
\n \n \n \n (option.label !== undefined ? option.label : '')}\n renderOption={(option) => option.label}\n fullWidth\n value={valComboReporte}\n renderInput={(params) => (\n \n \n \n \n (\n -b.firstLetter.localeCompare(a.firstLetter)\n ))}\n groupBy={(option) => option.firstLetter}\n getOptionLabel={(option) => (option.label !== undefined ? `${option.label} - (${option.tipoCliente})` : '')}\n renderOption={(option) => option.label}\n fullWidth\n value={valComboClientes}\n renderInput={(params) => (\n \n \n \n \n \n setOpenFechaInicio(true)}\n onClose={() => setOpenFechaInicio(false)}\n onChange={setFechaInicio}\n format=\"dd/MM/yyyy\"\n margin=\"normal\"\n label=\"Fecha Inicio\"\n value={fechaInicio}\n KeyboardButtonProps={{\n 'aria-label': 'change date',\n }}\n inputRef={register}\n fullWidth\n />\n \n \n \n \n setOpenFechaFin(true)}\n onClose={() => setOpenFechaFin(false)}\n onChange={setFechaFin}\n format=\"dd/MM/yyyy\"\n margin=\"normal\"\n label=\"Fecha Fin\"\n value={fechaFin}\n KeyboardButtonProps={{\n 'aria-label': 'change date',\n }}\n fullWidth\n />\n \n \n \n \n \n \n \n \n \n \n \n
\n \n );\n};\n\nReportes.propTypes = {\n className: PropTypes.string,\n setOpenBackDrop: PropTypes.func,\n setOpenSnackSuccess: PropTypes.func,\n setServerMessage: PropTypes.func,\n setServerError: PropTypes.func,\n setOpenSnackError: PropTypes.func,\n};\n\nexport default Reportes;\n","import React, { useEffect, useState } from 'react';\nimport {\n makeStyles,\n Divider,\n Card,\n CardHeader,\n CardContent,\n Grid,\n Tooltip,\n Button,\n TextField,\n} from '@material-ui/core';\nimport Page from 'src/components/Page';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport { DropzoneArea } from 'material-ui-dropzone';\nimport {\n Publish,\n} from '@material-ui/icons';\nimport { useForm } from 'react-hook-form';\nimport { Autocomplete } from '@material-ui/lab';\nimport combosService from 'src/services/combosService';\nimport genService from 'src/services/generalServices';\nimport ordenService from 'src/services/ordenService';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n backgroundColor: theme.palette.background.dark,\n height: '100%',\n paddingBottom: theme.spacing(2),\n paddingTop: theme.spacing(1),\n paddingLeft: theme.spacing(3),\n paddingRight: theme.spacing(3),\n '& .MuiDataGrid-window': {\n bottom: 'auto'\n }\n },\n checkBoxVerde: {\n color: '#4caf50 !important'\n },\n image: {\n marginTop: 50,\n display: 'inline-block',\n maxWidth: '100%',\n width: 560\n },\n title: {\n fontSize: 16,\n marginBottom: theme.spacing(1),\n fontWeight: 500,\n letterSpacing: '-0.05px'\n },\n dropZoneStyle: {\n minHeight: '10px',\n },\n dropZoneText: {\n fontWeight: '200',\n fontFamily: 'sans-serif'\n },\n fontStyle: {\n fontSize: 8\n },\n paddingRight: {\n marginRight: theme.spacing(2)\n },\n previewChip: {\n minWidth: 160,\n maxWidth: 300,\n backgroundColor: '#4caf508a'\n },\n}));\n\nconst CargaMasiva = ({\n className,\n setOpenBackDrop,\n setServerError,\n setServerMessage,\n setOpenSnackError,\n setOpenSnackSuccess\n}) => {\n const {\n handleSubmit,\n errors,\n register\n } = useForm();\n const classes = useStyles();\n\n const [archivo, setArchivo] = useState();\n const [comboClientes, setComboClientes] = useState([]);\n const [valComboClientes, setValComboClientes] = useState([]);\n const [valComboUsuarios, setValComboUsuarios] = useState({});\n const [comboUsuarios, setComboUsuarios] = useState([]);\n const [mapaUsuarios, setMapaUsuarios] = useState([]);\n const [respuestaServer, setRespuestaServer] = useState();\n\n useEffect(() => {\n const getCombosAsync = async () => {\n setOpenBackDrop(true);\n await combosService.comboClientes().then((resp) => {\n setComboClientes(resp);\n }).catch((error) => {\n console.log(`'Error al cargar el combo de clientes: '${error}`);\n });\n setOpenBackDrop(false);\n };\n getCombosAsync();\n setRespuestaServer('...');\n // BORRAR\n setServerMessage(',');\n setOpenSnackSuccess(false);\n }, []);\n\n const optionsCliente = comboClientes.map((option) => {\n const firstLetter = option.tipoCliente;\n return {\n firstLetter: /[0-9]/.test(firstLetter) ? '0-9' : firstLetter,\n ...option,\n };\n });\n\n const getComboUsuarioCliente = async (idCliente, idUsuario) => {\n setValComboUsuarios({});\n setComboUsuarios([]);\n setOpenBackDrop(true);\n const existUsuarios = mapaUsuarios.filter((item) => item.key === idCliente);\n if (existUsuarios !== undefined && existUsuarios.length > 0) {\n setComboUsuarios(existUsuarios[0].value);\n if (idUsuario !== null) {\n const selectComboUsuarios = existUsuarios[0].value.filter((aux) => (\n aux.value === idUsuario\n ));\n setValComboUsuarios(selectComboUsuarios[0]);\n }\n } else if (idCliente !== undefined && idCliente > 0) {\n await combosService.comboUsuariosCliente(idCliente, true).then((resp) => {\n setComboUsuarios(resp);\n setMapaUsuarios((newElement) => [...newElement, { key: idCliente, value: resp }]);\n if (idUsuario !== null) {\n const selectComboUsuarios = resp.filter((aux) => (\n aux.value === idUsuario\n ));\n setValComboUsuarios(selectComboUsuarios[0]);\n }\n }).catch((error) => {\n console.log('Error al llenar el combo de usuarios', error);\n setServerError(error.message);\n setOpenSnackError(true);\n setOpenBackDrop(false);\n });\n }\n setOpenBackDrop(false);\n };\n\n const onSubmit = (data) => {\n const handleAsync = async (datos) => {\n setOpenBackDrop(true);\n console.log('Antes de guardar');\n await ordenService.cargaMasiva(datos, archivo).then((resp) => {\n setRespuestaServer(resp.data);\n }).catch((error) => {\n setOpenSnackError(true);\n if (error.response) {\n setServerError(`${error.response.data.status}: ${error.response.data.message}`);\n } else {\n setServerError(`${error.message}: El archivo fue modificado ó no fue posible conectar con el servidor`);\n }\n });\n setOpenBackDrop(false);\n };\n data.idUsuarioCliente = valComboUsuarios.value;\n data.idCliente = valComboClientes.value;\n handleAsync(data);\n };\n\n return (\n \n \n \n );\n};\n\nCargaMasiva.propTypes = {\n className: PropTypes.string,\n setServerError: PropTypes.func,\n setServerMessage: PropTypes.func,\n setOpenSnackError: PropTypes.func,\n setOpenSnackSuccess: PropTypes.func,\n setOpenBackDrop: PropTypes.func\n};\n\nexport default CargaMasiva;\n","import http from '../http-common';\n\nclass EvaluacionService {\n generarPlantilla = (evalDTO) => {\n const json = JSON.stringify(evalDTO);\n return http.post('/evaluaciones/plantilla', json);\n }\n\n guardarVivienda = (viviendaDTO) => {\n const json = JSON.stringify(viviendaDTO);\n return http.post('/evaluaciones/add/vivienda', json);\n }\n\n guardarPrincipal = (principalDTO) => {\n const json = JSON.stringify(principalDTO);\n return http.post('/evaluaciones/add/principal', json);\n }\n\n guardarPlantillaEval = (evaluacionDTO) => {\n const json = JSON.stringify(evaluacionDTO);\n return http.post('/evaluaciones/add/plantilla', json);\n }\n\n getPlantilla = async (idCliente) => {\n return http.get(`/evaluaciones/plantilla/${idCliente}`);\n }\n\n getEvaluacionByOrden = async (idOrden) => {\n return http.get(`/evaluaciones/evaluacion/${idOrden}`);\n }\n\n getEvaluacionDetalles = (evaluacionDTO) => {\n return http.post('/evaluaciones/detallesEvaluacion', evaluacionDTO);\n }\n\n guardaEvaluacion = (evaluacionDTO) => {\n return http.post('/evaluaciones/guardarEvaluacion', evaluacionDTO);\n }\n\n descargarEvaluacion = (evaluacionDTO) => {\n const config = {\n responseType: 'blob'\n };\n const json = JSON.stringify(evaluacionDTO);\n return http.put('evaluaciones/descargarEvalaucion', json, config);\n }\n}\n\nexport default new EvaluacionService();\n","import React, {\n useState, forwardRef, useImperativeHandle\n} from 'react';\nimport { useForm } from 'react-hook-form';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport {\n TextField,\n makeStyles,\n Card,\n CardContent,\n Grid\n} from '@material-ui/core';\nimport GeneralDialog from 'src/views/commons/GeneralDialog';\nimport genService from 'src/services/generalServices';\nimport evaluacionService from 'src/services/evaluacionService';\nimport GeneralBackDrop from 'src/views/commons/GeneralBackDrop';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n spaceButton: {\n marginRight: theme.spacing(1)\n },\n closeIcon: {\n float: 'right'\n },\n checkBoxVerde: {\n color: '#4caf50 !important'\n }\n}));\n\nconst AltaVivienda = forwardRef(({\n className,\n formName,\n setOpenDialog,\n itemDTO,\n setOpenSnackError,\n setServerError,\n comboViviendaA,\n comboViviendaB1,\n comboViviendaB2,\n comboViviendaB3,\n comboViviendaC,\n setComboViviendaA,\n setComboViviendaB1,\n setComboViviendaB2,\n setComboViviendaB3,\n setComboViviendaC\n}, ref) => {\n const {\n register,\n handleSubmit,\n errors,\n reset,\n setError\n } = useForm({\n defaultValues: {\n rol: ''\n },\n });\n const [open, setOpen] = useState(false);\n const [openBack, setOpenBack] = useState(false);\n const resetForm = () => {\n reset({\n descripcion: ''\n });\n };\n useImperativeHandle(ref, () => ({\n resetUsuariosForm: () => {\n resetForm();\n }\n }));\n const onSubmit = (data) => {\n let selectedCombo;\n let selectedSetCombo;\n let existValue;\n itemDTO.descripcion = data.descripcion.trim();\n setOpenBack(true);\n\n if (itemDTO.viabilidad === 'A / 81-100') {\n existValue = comboViviendaA.filter((opt) => (\n opt.label === itemDTO.descripcion\n ));\n selectedCombo = comboViviendaA;\n selectedSetCombo = setComboViviendaA;\n } else if (itemDTO.viabilidad === 'B-1 / 61-80') {\n existValue = comboViviendaB1.filter((opt) => (\n opt.label === itemDTO.descripcion\n ));\n selectedCombo = comboViviendaB1;\n selectedSetCombo = setComboViviendaB1;\n } else if (itemDTO.viabilidad === 'B-2 / 41-60') {\n existValue = comboViviendaB2.filter((opt) => (\n opt.label === itemDTO.descripcion\n ));\n selectedCombo = comboViviendaB2;\n selectedSetCombo = setComboViviendaB2;\n } else if (itemDTO.viabilidad === 'B-3 / 21-40') {\n existValue = comboViviendaB3.filter((opt) => (\n opt.label === itemDTO.descripcion\n ));\n selectedCombo = comboViviendaB3;\n selectedSetCombo = setComboViviendaB3;\n } else if (itemDTO.viabilidad === 'C / 0-20') {\n existValue = comboViviendaC.filter((opt) => (\n opt.label === itemDTO.descripcion\n ));\n selectedCombo = comboViviendaC;\n selectedSetCombo = setComboViviendaC;\n }\n\n if (existValue !== undefined && existValue.length > 0) {\n setError('descripcion', { message: `Este valor ya existe en ${itemDTO.viabilidad}` });\n setOpenBack(false);\n } else if (data.descripcion.trim() === '') {\n setError('descripcion', { message: 'El valor no puede estar vacio.' });\n setOpenBack(false);\n } else {\n const handleSubmitII = async (datos) => {\n await evaluacionService.guardarVivienda(datos).then((resp) => {\n if (resp !== null) {\n selectedCombo.push({\n descViabilidad: resp.data.viabilidad,\n idViabilidad: resp.data.idViabilidad,\n label: resp.data.descripcion,\n value: resp.data.id\n });\n selectedSetCombo(selectedCombo);\n setOpen(true);\n } else {\n setServerError('No se obtuvo respuesta del servidor');\n setOpenSnackError(true);\n }\n }).catch((error) => {\n setOpenBack(false);\n setServerError(error.message);\n setOpenSnackError(true);\n });\n setOpenBack(false);\n };\n handleSubmitII(itemDTO);\n }\n };\n const classes = useStyles();\n const errorReq = 'Campo requerido.';\n\n return (\n \n \n \n \n \n \n \n \n \n {\n setOpen(false);\n setOpenDialog(false);\n }}\n title=\"Vivienda Guardada\"\n message=\"La vivienda fue guardada exitosamente.\"\n />\n \n );\n});\n\nAltaVivienda.propTypes = {\n className: PropTypes.string,\n formName: PropTypes.string,\n setOpenDialog: PropTypes.func,\n itemDTO: PropTypes.object,\n setOpenSnackError: PropTypes.func,\n setServerError: PropTypes.func,\n comboViviendaA: PropTypes.array,\n comboViviendaB1: PropTypes.array,\n comboViviendaB2: PropTypes.array,\n comboViviendaB3: PropTypes.array,\n comboViviendaC: PropTypes.array,\n setComboViviendaA: PropTypes.func,\n setComboViviendaB1: PropTypes.func,\n setComboViviendaB2: PropTypes.func,\n setComboViviendaB3: PropTypes.func,\n setComboViviendaC: PropTypes.func,\n};\n\nexport default AltaVivienda;\n","import { React } from 'react';\nimport {\n AppBar,\n Box,\n Hidden,\n Paper,\n Tab,\n Table as MuiTable,\n TableBody,\n TableCell as MuiTableCell,\n TableContainer,\n TableRow,\n Tabs,\n TextField,\n Typography,\n Tooltip,\n IconButton,\n InputAdornment\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport { Autocomplete } from '@material-ui/lab';\nimport { useForm } from 'react-hook-form';\nimport PropTypes from 'prop-types';\nimport {\n AccountBalance,\n AttachMoney,\n House,\n MoneyOff,\n Work\n} from '@material-ui/icons';\nimport genService from 'src/services/generalServices';\nimport evaluacionService from 'src/services/evaluacionService';\nimport AddBoxIcon from '@material-ui/icons/AddBox';\nimport { makeStyles, withStyles } from '@material-ui/styles';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n backgroundColor: theme.palette.background.dark,\n minHeight: '100%',\n paddingBottom: theme.spacing(3),\n paddingTop: theme.spacing(1.5),\n },\n bottomSpace1: {\n marginBottom: theme.spacing(1),\n },\n tableWidth: {\n width: '100%',\n display: 'contents'\n }\n}));\n\nconst Table = withStyles({\n root: {\n border: '1px solid rgba(204, 204, 204)',\n borderCollapse: 'inherit',\n borderSpacing: 'revert'\n },\n})(MuiTable);\n\nconst TableCell = withStyles({\n root: {\n border: '1px solid rgba(204, 204, 204)',\n }\n})(MuiTableCell);\n\nfunction TabPanel(props) {\n const {\n children,\n value,\n index,\n ...other\n } = props;\n\n return (\n \n {value === index && (\n \n {children} \n \n )}\n \n );\n}\n\nTabPanel.propTypes = {\n children: PropTypes.node,\n index: PropTypes.any.isRequired,\n value: PropTypes.any.isRequired,\n};\n\nconst Details = ({\n className,\n tabValue,\n setTabValue,\n evaluacion,\n comboViviendaA,\n comboViviendaB1,\n comboViviendaB2,\n comboViviendaB3,\n comboViviendaC,\n rolUsuario,\n setOpenAddDialog,\n setTituloDialog,\n setItemDTO,\n comboPrincipalA,\n comboPrincipalB1,\n comboPrincipalB2,\n comboPrincipalB3,\n comboPrincipalC,\n setOpenAddDialogPrin,\n formName,\n setServerError,\n setOpenSnackError,\n valComboPrincipal,\n valComboVivienda,\n setValComboPrincipal,\n setValComboVivienda,\n setOpenSnackSuccess,\n setServerMessage,\n setEvaluacion,\n valComboEscuelas,\n setValComboEscuelas,\n setOpenBackDrop,\n resetPlantilla,\n setResetPlantilla\n}) => {\n const classes = useStyles();\n const {\n errors,\n handleSubmit,\n setError,\n setValue,\n clearErrors\n } = useForm();\n const requiredField = 'Este campo es requerido.';\n const maxPct = 'El porcentaje es entre 0 y 99';\n function toCurrency(numberString) {\n const number = parseFloat(numberString);\n return `$ ${number.toLocaleString('MXN')}`;\n }\n function concatTitleViabilidad(value) {\n setTituloDialog(`Agregar Vivienda -> ${value}`);\n }\n function concatTitlePrincipal(value) {\n setTituloDialog(`Agregar Principal -> ${value}`);\n }\n\n const onError = (err) => {\n if (err) {\n setServerError('Hay campos pendientes por llenar, favor de revisar las Tabs.');\n setOpenSnackError(true);\n }\n };\n const removeZero = (newVal, fieldName) => {\n while (newVal.length > 1 && newVal.charAt(0) === '0') {\n newVal = newVal.substring(1);\n setValue(fieldName, newVal);\n }\n return newVal;\n };\n const onSubmit = () => {\n // Validar que todos los campos se hayan llenado\n let errorEmptyFields = 'Hay campos por llenar en: ';\n let boolVivienda = false;\n let boolPrincipal = false;\n let boolDeuda = false;\n for (let aux = 0; aux < evaluacion.detalles.length; aux++) {\n const viviendaArr = evaluacion.detalles[aux].vivienda;\n const principalArr = evaluacion.detalles[aux].principal;\n const deudaArr = evaluacion.detalles[aux].deuda;\n for (let auxItem = 0; auxItem < viviendaArr.length; auxItem++) {\n if (viviendaArr[auxItem].idVivienda === null) {\n boolVivienda = true;\n setError(`vivienda_${evaluacion.detalles[aux].idViabilidad}_${auxItem}`, { type: 'required', message: requiredField });\n }\n }\n for (let auxItem = 0; auxItem < principalArr.length; auxItem++) {\n if (principalArr[auxItem].idPrincipal === null) {\n boolPrincipal = true;\n setError(`principal_${evaluacion.detalles[aux].idViabilidad}_${auxItem}`, { type: 'required', message: requiredField });\n }\n }\n for (let auxItem = 0; auxItem < deudaArr.length; auxItem++) {\n if (deudaArr[auxItem].deudaMin === null || deudaArr[auxItem].deudaMin === '') {\n boolDeuda = true;\n setError(`deudaMin_${evaluacion.detalles[aux].idViabilidad}_${auxItem}`, { type: 'required', message: requiredField });\n }\n if (deudaArr[auxItem].deudaMax === null || deudaArr[auxItem].deudaMax === '') {\n boolDeuda = true;\n setError(`deudaMax_${evaluacion.detalles[aux].idViabilidad}_${auxItem}`, { type: 'required', message: requiredField });\n }\n }\n }\n if (boolDeuda || boolPrincipal || boolVivienda) {\n if (boolVivienda && boolPrincipal && boolDeuda) {\n errorEmptyFields += 'VIVIENDA, PRINCIPAL Y DEUDA';\n } else if (boolVivienda && boolPrincipal) {\n errorEmptyFields += 'VIVIENDA Y PRINCIPAL';\n } else if (boolVivienda && boolDeuda) {\n errorEmptyFields += 'VIVIENDA Y DEUDA';\n } else if (boolPrincipal && boolDeuda) {\n errorEmptyFields += 'PRINCIPAL Y DEUDA';\n } else {\n errorEmptyFields += boolVivienda ? 'VIVIENDA' : boolPrincipal ? 'PRINCIPAL' : boolDeuda ? 'DEUDA' : '';\n }\n setServerError(errorEmptyFields);\n setOpenSnackError(true);\n } else {\n const asyncCall = async () => {\n setOpenBackDrop(true);\n evaluacion.idCliente = valComboEscuelas.value;\n if (resetPlantilla > 0) {\n evaluacion.resetPlantilla = true;\n evaluacion.id = resetPlantilla;\n }\n console.log('Evaluacion:', evaluacion);\n await evaluacionService.guardarPlantillaEval(evaluacion).then((resp) => {\n console.log('La plantilla se guardó correctamente:', resp);\n valComboEscuelas.plantilla = true;\n setValComboEscuelas(valComboEscuelas);\n setServerMessage('La plantilla se guardó correctamente');\n setOpenSnackSuccess(true);\n setEvaluacion(resp.data);\n setOpenBackDrop(false);\n setResetPlantilla(0);\n }).catch((error) => {\n setOpenBackDrop(false);\n console.log('Error al guardar la plantilla', error);\n setServerError('Hubo un error al guardar la plantilla, favor de contactar al administrador.');\n setOpenSnackError(true);\n });\n };\n asyncCall();\n }\n };\n\n return (\n \n \n {\n setTabValue(newValue);\n }}\n /* orientation=\"vertical\" */\n variant=\"fullWidth\"\n indicatorColor=\"primary\"\n textColor=\"primary\"\n >\n Ingresos}\n icon={Egresos}\n icon={Vivienda}\n icon={Principal}\n icon={Deuda}\n icon={ \n \n \n \n \n {evaluacion?.detalles?.map((row, viavIndex) => {\n const keyIngresos = `ing_${viavIndex}`;\n return (\n \n
\n \n {row.viabilidad}\n \n \n {row?.ingresos?.map((rowItem, rowIndex) => {\n const keyRow = `ingresos_${row.idViabilidad}_${rowIndex}`;\n return (\n
\n \n {rowItem.factor}\n \n \n {toCurrency(rowItem.montoMin)}\n \n \n {rowItem?.montoMax > 0\n ? (\n toCurrency(rowItem.montoMax)\n ) : (\n 'o más'\n )}\n \n \n );\n })}\n
\n
\n \n \n \n \n \n \n {evaluacion?.detalles?.map((row, viavIndex) => {\n const keyEgresos = `ing_${viavIndex}`;\n return (\n \n \n \n {row.viabilidad}\n \n \n {row?.egresos?.map((rowItem, rowIndex) => {\n const keyRow = `egresos_${row.idViabilidad}_${rowIndex}`;\n return (\n \n \n {rowItem.factor}\n \n \n {toCurrency(rowItem.montoMin)}\n \n \n {rowItem?.montoMax > 0\n ? (\n toCurrency(rowItem.montoMax)\n ) : (\n 'o más'\n )}\n \n \n );\n })}\n \n );\n })}\n \n
\n \n \n \n \n \n \n {evaluacion?.detalles?.map((row, viavIndex) => {\n const keyVivienda = `viviend_${viavIndex}`;\n return (\n \n \n \n {row.viabilidad}\n {(rolUsuario === 'ADMINISTRADOR')\n ? (\n \n {\n setOpenAddDialog(true);\n concatTitleViabilidad(row.viabilidad);\n const viabilidadDTO = {\n id: 0,\n idViabilidad: row.idViabilidad,\n viabilidad: row.viabilidad,\n descripcion: null\n };\n setItemDTO(viabilidadDTO);\n }}\n fontSize=\"small\"\n color=\"primary\"\n >\n \n ) : null }\n \n \n {row?.vivienda?.map((rowItem, rowIndex) => {\n const comboName = `vivienda_${row.idViabilidad}_${rowIndex}`;\n return (\n \n \n {rowItem.factor}\n \n \n (option.label ? option.label : '')}\n renderOption={(option) => option.label}\n fullWidth\n value={valComboVivienda[comboName]}\n renderInput={(params) => (\n \n \n );\n })}\n \n );\n })}\n \n
\n \n \n \n \n \n \n {evaluacion?.detalles?.map((row, viavIndex) => {\n const keyPrincipal = `principal_${viavIndex}`;\n return (\n \n \n \n {row.viabilidad}\n {(rolUsuario === 'ADMINISTRADOR')\n ? (\n \n {\n setOpenAddDialogPrin(true);\n concatTitlePrincipal(row.viabilidad);\n const viabilidadDTO = {\n id: 0,\n idViabilidad: row.idViabilidad,\n viabilidad: row.viabilidad,\n descripcion: null\n };\n setItemDTO(viabilidadDTO);\n }}\n fontSize=\"small\"\n color=\"primary\"\n >\n \n ) : null }\n \n \n {row?.principal?.map((rowItem, rowIndex) => {\n const comboName = `principal_${row.idViabilidad}_${rowIndex}`;\n return (\n \n \n {rowItem.factor}\n \n \n (option.label ? option.label : '')}\n renderOption={(option) => option.label}\n fullWidth\n value={valComboPrincipal[comboName]}\n renderInput={(params) => (\n \n \n );\n })}\n \n );\n })}\n \n
\n \n \n \n \n \n \n {evaluacion?.detalles?.map((row, viavIndex) => {\n const keyDeuda = `deuda_${viavIndex}`;\n return (\n \n \n \n {row.viabilidad}\n \n \n {row?.deuda?.map((rowItem, rowIndex) => {\n const nameDeudaMin = `deudaMin_${row.idViabilidad}_${rowIndex}`;\n const nameDeudaMax = `deudaMax_${row.idViabilidad}_${rowIndex}`;\n return (\n \n \n {rowItem.factor}\n \n \n {\n if (e.target.value.length <= 2) {\n rowItem.deudaMin = removeZero(e.target.value, nameDeudaMin);\n clearErrors(nameDeudaMin);\n } else {\n setError(nameDeudaMin, { type: 'maxLength', message: maxPct });\n setValue(nameDeudaMin, rowItem.deudaMin);\n }\n }}\n onBlur={() => {\n clearErrors(nameDeudaMin);\n }}\n onInput={genService.removeLetters}\n error={!!errors[nameDeudaMin]}\n helperText={errors[nameDeudaMin]?.message}\n InputLabelProps={{ shrink: true }}\n InputProps={{\n endAdornment: % \n }}\n />\n \n \n {\n removeZero(e.target.value, nameDeudaMax);\n if (e.target.value.length <= 2) {\n rowItem.deudaMax = removeZero(e.target.value, nameDeudaMax);\n clearErrors(nameDeudaMax);\n } else {\n setError(nameDeudaMax, { type: 'maxLength', message: maxPct });\n setValue(nameDeudaMax, rowItem.deudaMax);\n }\n }}\n value={rowItem.deudaMax ? rowItem.deudaMax : ''}\n name={nameDeudaMax}\n onInput={genService.removeLetters}\n onBlur={() => {\n clearErrors(nameDeudaMax);\n }}\n error={!!errors[nameDeudaMax]}\n helperText={errors[nameDeudaMax]?.message}\n InputLabelProps={{ shrink: true }}\n InputProps={{\n endAdornment: % \n }}\n />\n \n \n );\n })}\n \n );\n })}\n \n
\n \n \n \n );\n};\n\nDetails.propTypes = {\n className: PropTypes.string,\n tabValue: PropTypes.number,\n setTabValue: PropTypes.func,\n evaluacion: PropTypes.object,\n comboViviendaA: PropTypes.array,\n comboViviendaB1: PropTypes.array,\n comboViviendaB2: PropTypes.array,\n comboViviendaB3: PropTypes.array,\n comboViviendaC: PropTypes.array,\n rolUsuario: PropTypes.string,\n setOpenAddDialog: PropTypes.func,\n setTituloDialog: PropTypes.func,\n setItemDTO: PropTypes.func,\n comboPrincipalA: PropTypes.array,\n comboPrincipalB1: PropTypes.array,\n comboPrincipalB2: PropTypes.array,\n comboPrincipalB3: PropTypes.array,\n comboPrincipalC: PropTypes.array,\n setOpenAddDialogPrin: PropTypes.func,\n formName: PropTypes.string,\n setServerError: PropTypes.func,\n setOpenSnackError: PropTypes.func,\n valComboPrincipal: PropTypes.array,\n valComboVivienda: PropTypes.array,\n setValComboPrincipal: PropTypes.func,\n setValComboVivienda: PropTypes.func,\n setOpenSnackSuccess: PropTypes.func,\n setServerMessage: PropTypes.func,\n setEvaluacion: PropTypes.func,\n valComboEscuelas: PropTypes.array,\n setValComboEscuelas: PropTypes.func,\n setOpenBackDrop: PropTypes.func,\n resetPlantilla: PropTypes.object,\n setResetPlantilla: PropTypes.func\n};\n\nexport default Details;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Button,\n Divider,\n Grid,\n InputAdornment,\n TextField,\n Typography\n} from '@material-ui/core';\nimport {\n Done as DoneIcon,\n LocalLaundryService as ClearIcon,\n Send as CreateIcon,\n Edit,\n Refresh,\n Save\n} from '@material-ui/icons';\nimport { Autocomplete } from '@material-ui/lab';\nimport { makeStyles } from '@material-ui/styles';\nimport genService from 'src/services/generalServices';\nimport { useForm } from 'react-hook-form';\nimport evaluacionService from 'src/services/evaluacionService';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n flexGrow: 1,\n },\n item: {\n display: 'flex',\n flexDirection: 'column'\n },\n container: {\n display: 'grid',\n gridTemplateColumns: 'repeat(12, 1fr)',\n gridGap: theme.spacing(3),\n },\n bottomSpace: {\n marginBottom: theme.spacing(1)\n },\n iconSelected: {\n width: 17,\n height: 17,\n marginRight: 5,\n marginLeft: -2,\n }\n}));\n\nconst InputData = ({\n setOpenBackDrop,\n setEvaluacion,\n comboEscuelas,\n formName,\n setValComboVivienda,\n setValComboPrincipal,\n blockFields,\n setBlockFields,\n evaluacion,\n valComboEscuelas,\n setValComboEscuelas,\n setServerError,\n setOpenSnackError,\n valComboVivienda,\n valComboPrincipal,\n comboViviendaA,\n comboViviendaB1,\n comboViviendaB2,\n comboViviendaB3,\n comboViviendaC,\n comboPrincipalA,\n comboPrincipalB1,\n comboPrincipalB2,\n comboPrincipalB3,\n comboPrincipalC,\n setResetPlantilla,\n setTabValue\n}) => {\n const classes = useStyles();\n const {\n errors,\n register,\n handleSubmit,\n setError,\n setValue\n } = useForm();\n const twoChars = 'Máximo 2 caractéres.';\n const requiredField = 'Este campo es requerido.';\n const mayorCero = 'Campo númerico y mayor a cero.';\n\n const removeZero = (newVal, fieldName) => {\n while (newVal.length > 1 && newVal.charAt(0) === '0') {\n newVal = newVal.substring(1);\n setValue(fieldName, newVal);\n }\n return newVal;\n };\n\n const clearFields = () => {\n setEvaluacion(null);\n setValComboVivienda([]);\n setValComboPrincipal([]);\n setTabValue(0);\n };\n\n const onSelectCliente = async (idCliente) => {\n setOpenBackDrop(true);\n await evaluacionService.getPlantilla(idCliente).then((resp) => {\n setEvaluacion(resp.data);\n setValComboVivienda([]);\n console.log('Obteniendo evaluacion:', resp.data);\n resp.data.detalles.forEach((detalle) => {\n detalle.vivienda.forEach((vivienda, index) => {\n const comboVivName = `vivienda_${detalle.idViabilidad}_${index}`;\n if (detalle.viabilidad === 'A / 81-100') {\n const auxComboViv = comboViviendaA.filter(\n (vivA) => vivA.value === vivienda.idVivienda\n )[0];\n valComboVivienda[comboVivName] = auxComboViv;\n } else if (detalle.viabilidad === 'B-1 / 61-80') {\n const auxComboViv = comboViviendaB1.filter(\n (vivA) => vivA.value === vivienda.idVivienda\n )[0];\n valComboVivienda[comboVivName] = auxComboViv;\n } else if (detalle.viabilidad === 'B-2 / 41-60') {\n const auxComboViv = comboViviendaB2.filter(\n (vivA) => vivA.value === vivienda.idVivienda\n )[0];\n valComboVivienda[comboVivName] = auxComboViv;\n } else if (detalle.viabilidad === 'B-3 / 21-40') {\n const auxComboViv = comboViviendaB3.filter(\n (vivA) => vivA.value === vivienda.idVivienda\n )[0];\n valComboVivienda[comboVivName] = auxComboViv;\n } else if (detalle.viabilidad === 'C / 0-20') {\n const auxComboViv = comboViviendaC.filter(\n (vivA) => vivA.value === vivienda.idVivienda\n )[0];\n valComboVivienda[comboVivName] = auxComboViv;\n }\n });\n detalle.principal.forEach((principal, index) => {\n const comboPrinName = `principal_${detalle.idViabilidad}_${index}`;\n if (detalle.viabilidad === 'A / 81-100') {\n const auxComboPrin = comboPrincipalA.filter(\n (prinA) => prinA.value === principal.idPrincipal\n )[0];\n valComboPrincipal[comboPrinName] = auxComboPrin;\n } else if (detalle.viabilidad === 'B-1 / 61-80') {\n const auxComboPrin = comboPrincipalB1.filter(\n (prinA) => prinA.value === principal.idPrincipal\n )[0];\n valComboPrincipal[comboPrinName] = auxComboPrin;\n } else if (detalle.viabilidad === 'B-2 / 41-60') {\n const auxComboPrin = comboPrincipalB2.filter(\n (prinA) => prinA.value === principal.idPrincipal\n )[0];\n valComboPrincipal[comboPrinName] = auxComboPrin;\n } else if (detalle.viabilidad === 'B-3 / 21-40') {\n const auxComboPrin = comboPrincipalB3.filter(\n (prinA) => prinA.value === principal.idPrincipal\n )[0];\n valComboPrincipal[comboPrinName] = auxComboPrin;\n } else if (detalle.viabilidad === 'C / 0-20') {\n const auxComboPrin = comboPrincipalC.filter(\n (prinA) => prinA.value === principal.idPrincipal\n )[0];\n valComboPrincipal[comboPrinName] = auxComboPrin;\n }\n });\n });\n\n setValComboVivienda(valComboVivienda);\n setValComboPrincipal(valComboPrincipal);\n setBlockFields(true);\n setOpenBackDrop(false);\n }).catch((error) => {\n console.log('Hubo un error al cargar la plantilla.', error);\n if (error.response?.status === 404) {\n setServerError(error.response.data?.mensaje);\n } else {\n setServerError('Hubo un error al cargar la plantilla.');\n }\n setBlockFields(false);\n setValue('filasIngresos', null);\n setValue('filasVivienda', null);\n setValue('filasDeuda', null);\n setValue('ingresosInicio', null);\n setValue('ingresosFin', null);\n setValue('egresosInicio', null);\n setValue('egresosFin', null);\n setResetPlantilla(0);\n setOpenBackDrop(false);\n setOpenSnackError(true);\n });\n };\n\n const onSubmit = (formData) => {\n console.log('Datos del formulario:', formData);\n const asyncCall = async (evalDTO) => {\n setOpenBackDrop(true);\n await evaluacionService.generarPlantilla(evalDTO).then((resp) => {\n console.log('Evaluacion DTO:', resp.data);\n setEvaluacion(resp.data);\n setBlockFields(true);\n }).catch((error) => {\n setBlockFields(false);\n clearFields();\n setResetPlantilla(0);\n console.log('Error al generar la plantilla:', error);\n });\n setOpenBackDrop(false);\n };\n if (/^(?=.*[1-9])\\d*,*\\d*[.]*?\\d*$/.test(formData.ingresosFin)) {\n asyncCall(formData);\n } else {\n setError('ingresosFin', { type: 'custom', message: 'Debe ser mayor a 0' });\n }\n };\n return (\n \n );\n};\n\nInputData.propTypes = {\n setOpenBackDrop: PropTypes.func,\n setEvaluacion: PropTypes.func,\n comboEscuelas: PropTypes.array,\n formName: PropTypes.string,\n setValComboVivienda: PropTypes.func,\n setValComboPrincipal: PropTypes.func,\n blockFields: PropTypes.bool,\n setBlockFields: PropTypes.func,\n evaluacion: PropTypes.object,\n valComboEscuelas: PropTypes.object,\n setValComboEscuelas: PropTypes.func,\n setServerError: PropTypes.func,\n setOpenSnackError: PropTypes.func,\n valComboVivienda: PropTypes.object,\n valComboPrincipal: PropTypes.object,\n comboViviendaA: PropTypes.array,\n comboViviendaB1: PropTypes.array,\n comboViviendaB2: PropTypes.array,\n comboViviendaB3: PropTypes.array,\n comboViviendaC: PropTypes.array,\n comboPrincipalA: PropTypes.array,\n comboPrincipalB1: PropTypes.array,\n comboPrincipalB2: PropTypes.array,\n comboPrincipalB3: PropTypes.array,\n comboPrincipalC: PropTypes.array,\n setResetPlantilla: PropTypes.func,\n setTabValue: PropTypes.func\n};\n\nexport default InputData;\n","import React, {\n useState, forwardRef, useImperativeHandle\n} from 'react';\nimport { useForm } from 'react-hook-form';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport {\n TextField,\n makeStyles,\n Card,\n CardContent,\n Grid\n} from '@material-ui/core';\nimport GeneralDialog from 'src/views/commons/GeneralDialog';\nimport genService from 'src/services/generalServices';\nimport evaluacionService from 'src/services/evaluacionService';\nimport GeneralBackDrop from 'src/views/commons/GeneralBackDrop';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n spaceButton: {\n marginRight: theme.spacing(1)\n },\n closeIcon: {\n float: 'right'\n },\n checkBoxVerde: {\n color: '#4caf50 !important'\n }\n}));\n\nconst AltaPrincipal = forwardRef(({\n className,\n formName,\n setOpenDialog,\n itemDTO,\n setOpenSnackError,\n setServerError,\n comboPrincipalA,\n comboPrincipalB1,\n comboPrincipalB2,\n comboPrincipalB3,\n comboPrincipalC,\n setComboPrincipalA,\n setComboPrincipalB1,\n setComboPrincipalB2,\n setComboPrincipalB3,\n setComboPrincipalC\n}, ref) => {\n const {\n register,\n handleSubmit,\n errors,\n reset,\n setError\n } = useForm({\n defaultValues: {\n rol: ''\n },\n });\n const [open, setOpen] = useState(false);\n const [openBack, setOpenBack] = useState(false);\n const resetForm = () => {\n reset({\n descripcion: ''\n });\n };\n useImperativeHandle(ref, () => ({\n resetUsuariosForm: () => {\n resetForm();\n }\n }));\n const onSubmit = (data) => {\n let selectedCombo;\n let selectedSetCombo;\n let existValue;\n itemDTO.descripcion = data.descripcion.trim();\n setOpenBack(true);\n\n if (itemDTO.viabilidad === 'A / 81-100') {\n existValue = comboPrincipalA.filter((opt) => (\n opt.label === itemDTO.descripcion\n ));\n selectedCombo = comboPrincipalA;\n selectedSetCombo = setComboPrincipalA;\n } else if (itemDTO.viabilidad === 'B-1 / 61-80') {\n existValue = comboPrincipalB1.filter((opt) => (\n opt.label === itemDTO.descripcion\n ));\n selectedCombo = comboPrincipalB1;\n selectedSetCombo = setComboPrincipalB1;\n } else if (itemDTO.viabilidad === 'B-2 / 41-60') {\n existValue = comboPrincipalB2.filter((opt) => (\n opt.label === itemDTO.descripcion\n ));\n selectedCombo = comboPrincipalB2;\n selectedSetCombo = setComboPrincipalB2;\n } else if (itemDTO.viabilidad === 'B-3 / 21-40') {\n existValue = comboPrincipalB3.filter((opt) => (\n opt.label === itemDTO.descripcion\n ));\n selectedCombo = comboPrincipalB3;\n selectedSetCombo = setComboPrincipalB3;\n } else if (itemDTO.viabilidad === 'C / 0-20') {\n existValue = comboPrincipalC.filter((opt) => (\n opt.label === itemDTO.descripcion\n ));\n selectedCombo = comboPrincipalC;\n selectedSetCombo = setComboPrincipalC;\n }\n\n if (existValue !== undefined && existValue.length > 0) {\n setError('descripcion', { message: `Este valor ya existe en ${itemDTO.viabilidad}` });\n setOpenBack(false);\n } else if (data.descripcion.trim() === '') {\n setError('descripcion', { message: 'El valor no puede estar vacio.' });\n setOpenBack(false);\n } else {\n const handleSubmitII = async (datos) => {\n await evaluacionService.guardarPrincipal(datos).then((resp) => {\n if (resp !== null) {\n selectedCombo.push({\n descViabilidad: resp.data.viabilidad,\n idViabilidad: resp.data.idViabilidad,\n label: resp.data.descripcion,\n value: resp.data.id\n });\n selectedSetCombo(selectedCombo);\n setOpen(true);\n } else {\n setServerError('No se obtuvo respuesta del servidor');\n setOpenSnackError(true);\n }\n }).catch((error) => {\n setOpenBack(false);\n setServerError(error.message);\n setOpenSnackError(true);\n });\n setOpenBack(false);\n };\n handleSubmitII(itemDTO);\n }\n };\n const classes = useStyles();\n const errorReq = 'Campo requerido.';\n\n return (\n \n \n \n \n \n \n \n \n \n {\n setOpen(false);\n setOpenDialog(false);\n }}\n title=\"Principal Guardado\"\n message=\"El registro Principal fue guardada exitosamente.\"\n />\n \n );\n});\n\nAltaPrincipal.propTypes = {\n className: PropTypes.string,\n formName: PropTypes.string,\n setOpenDialog: PropTypes.func,\n itemDTO: PropTypes.object,\n setOpenSnackError: PropTypes.func,\n setServerError: PropTypes.func,\n comboPrincipalA: PropTypes.array,\n comboPrincipalB1: PropTypes.array,\n comboPrincipalB2: PropTypes.array,\n comboPrincipalB3: PropTypes.array,\n comboPrincipalC: PropTypes.array,\n setComboPrincipalA: PropTypes.func,\n setComboPrincipalB1: PropTypes.func,\n setComboPrincipalB2: PropTypes.func,\n setComboPrincipalB3: PropTypes.func,\n setComboPrincipalC: PropTypes.func,\n};\n\nexport default AltaPrincipal;\n","import React, { useEffect, useState, useRef } from 'react';\nimport {\n Container,\n Divider,\n Paper,\n Typography\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/styles';\nimport combosService from 'src/services/combosService';\nimport Page from 'src/components/Page';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport DialogForms from 'src/views/commons/DialogForms';\nimport AltaVivienda from './AltaVivienda';\nimport Details from './Details';\nimport InputData from './InputData';\nimport AltaPrincipal from './AltaPrincipal';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n backgroundColor: theme.palette.background.dark,\n minHeight: '100%',\n paddingBottom: theme.spacing(3),\n paddingTop: theme.spacing(1.5)\n },\n paperRoot: {\n padding: theme.spacing(2),\n marginBottom: theme.spacing(2)\n },\n customHoverFocus: {\n '&:hover': { color: '#fff', backgroundColor: '#4caf50' }\n },\n title: {\n fontSize: 16,\n marginBottom: theme.spacing(1),\n fontWeight: 500,\n letterSpacing: '-0.05px'\n },\n bottomSpace: {\n marginBottom: theme.spacing(3),\n },\n}));\n\nconst Plantilla = ({\n className,\n setOpenBackDrop,\n setOpenSnackSuccess,\n setServerMessage,\n setServerError,\n setOpenSnackError,\n rolUsuario\n}) => {\n const classes = useStyles();\n const viviendaRef = useRef();\n const principalRef = useRef();\n const formName = 'formEval';\n\n const [tabValue, setTabValue] = useState(0);\n const [evaluacion, setEvaluacion] = useState();\n const [comboEscuelas, setComboEscuelas] = useState([]);\n const [comboViviendaA, setComboViviendaA] = useState([]);\n const [comboViviendaB1, setComboViviendaB1] = useState([]);\n const [comboViviendaB2, setComboViviendaB2] = useState([]);\n const [comboViviendaB3, setComboViviendaB3] = useState([]);\n const [comboViviendaC, setComboViviendaC] = useState([]);\n const [openAddDialog, setOpenAddDialog] = useState(false);\n const [tituloDialog, setTituloDialog] = useState('');\n const [itemDTO, setItemDTO] = useState();\n const [formData, setFormData] = useState({});\n const [blockFields, setBlockFields] = useState(false);\n const [valComboEscuelas, setValComboEscuelas] = useState({});\n const [comboPrincipalA, setComboPrincipalA] = useState([]);\n const [comboPrincipalB1, setComboPrincipalB1] = useState([]);\n const [comboPrincipalB2, setComboPrincipalB2] = useState([]);\n const [comboPrincipalB3, setComboPrincipalB3] = useState([]);\n const [comboPrincipalC, setComboPrincipalC] = useState([]);\n const [openAddDialogPrin, setOpenAddDialogPrin] = useState(false);\n const [formDataPrin, setFormDataPrin] = useState({});\n const [resetPlantilla, setResetPlantilla] = useState(0);\n\n const [valComboVivienda, setValComboVivienda] = useState([]);\n const [valComboPrincipal, setValComboPrincipal] = useState([]);\n\n useEffect(() => {\n const getCombosAsync = async () => {\n await combosService.comboEscuelas().then((resp) => {\n setComboEscuelas(resp);\n }).catch((error) => {\n console.log(`'Error al cargar el combo de escueas: '${error}`);\n });\n\n await combosService.comboVivienda('A').then((resp) => {\n setComboViviendaA(resp);\n }).catch((error) => {\n console.log(`'Error al cargar el combo de viienda A: '${error}`);\n });\n await combosService.comboVivienda('B-1').then((resp) => {\n setComboViviendaB1(resp);\n }).catch((error) => {\n console.log(`'Error al cargar el combo de vivienda B1: '${error}`);\n });\n await combosService.comboVivienda('B-2').then((resp) => {\n setComboViviendaB2(resp);\n }).catch((error) => {\n console.log(`'Error al cargar el combo de vivienda B2: '${error}`);\n });\n await combosService.comboVivienda('B-3').then((resp) => {\n setComboViviendaB3(resp);\n }).catch((error) => {\n console.log(`'Error al cargar el combo de vivienda B3: '${error}`);\n });\n await combosService.comboVivienda('C').then((resp) => {\n setComboViviendaC(resp);\n }).catch((error) => {\n console.log(`'Error al cargar el combo de vivienda C: '${error}`);\n });\n\n await combosService.comboPrincipal('A').then((resp) => {\n setComboPrincipalA(resp);\n }).catch((error) => {\n console.log(`'Error al cargar el combo de principal A: '${error}`);\n });\n await combosService.comboPrincipal('B-1').then((resp) => {\n setComboPrincipalB1(resp);\n }).catch((error) => {\n console.log(`'Error al cargar el combo de principal B1: '${error}`);\n });\n await combosService.comboPrincipal('B-2').then((resp) => {\n setComboPrincipalB2(resp);\n }).catch((error) => {\n console.log(`'Error al cargar el combo de principal B2: '${error}`);\n });\n await combosService.comboPrincipal('B-3').then((resp) => {\n setComboPrincipalB3(resp);\n }).catch((error) => {\n console.log(`'Error al cargar el combo de principal B3: '${error}`);\n });\n await combosService.comboPrincipal('C').then((resp) => {\n setComboPrincipalC(resp);\n }).catch((error) => {\n console.log(`'Error al cargar el combo de principal C: '${error}`);\n });\n };\n getCombosAsync();\n console.log(setOpenSnackSuccess);\n console.log(setServerMessage);\n }, []);\n\n return (\n \n \n \n
\n Plantilla para Evaluaciones\n \n
\n
\n \n
\n \n
\n \n \n \n );\n};\n\nPlantilla.propTypes = {\n className: PropTypes.string,\n setOpenBackDrop: PropTypes.func,\n setOpenSnackSuccess: PropTypes.func,\n setServerMessage: PropTypes.func,\n setServerError: PropTypes.func,\n setOpenSnackError: PropTypes.func,\n rolUsuario: PropTypes.string\n};\n\nexport default Plantilla;\n","import { React, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Accordion,\n AccordionSummary,\n Paper,\n FormControlLabel,\n Tooltip,\n makeStyles,\n TextField,\n Grid,\n IconButton,\n AccordionDetails,\n Button,\n Box\n} from '@material-ui/core';\nimport {\n Search,\n TuneTwoTone\n} from '@material-ui/icons';\nimport { format } from 'date-fns';\nimport { useForm } from 'react-hook-form';\nimport genService from 'src/services/generalServices';\nimport ordenService from 'src/services/ordenService';\nimport { Autocomplete } from '@material-ui/lab';\nimport DateFnsUtils from '@date-io/date-fns';\nimport esLocale from 'date-fns/locale/es';\nimport { KeyboardDatePicker, MuiPickersUtilsProvider } from '@material-ui/pickers';\n\nconst useStyles = makeStyles((theme) => ({\n paperRoot: {\n padding: '2px 6px',\n display: 'contents'\n },\n accordionSumm: {\n padding: 0,\n display: 'flex',\n '& .MuiIconButton-edgeEnd': {\n marginRight: 5\n }\n },\n bottomSpace: {\n marginBottom: theme.spacing(3),\n },\n input: {\n marginLeft: theme.spacing(1),\n display: 'flex'\n },\n combo: {\n marginLeft: theme.spacing(1),\n display: 'flex'\n },\n iconButton: {\n alignItems: 'center'\n },\n}));\n\nconst BusquedaEvaluaciones = ({\n comboEscuelas,\n mostrarBusqueda,\n setMostrarBusqueda,\n comboOrdenEstatus,\n setRowsOrdenes,\n setOpenBackDrop,\n setServerError,\n setOpenSnackError,\n}) => {\n const {\n handleSubmit,\n register,\n errors\n } = useForm();\n const paperRef = useRef();\n const classes = useStyles();\n const [valueCombo, setValueCombo] = useState([]);\n const [valueComboEstatus, setValueComboEstatus] = useState([]);\n const [openFechaDesde, setOpenFechaDesde] = useState(false);\n const [fechaDesde, setFechaDesde] = useState(null);\n const [openFechaHasta, setOpenFechaHasta] = useState(false);\n const [fechaHasta, setFechaHasta] = useState(null);\n\n const onSubmit = (formulario) => {\n if (valueCombo !== null && valueCombo !== undefined) {\n formulario.idCliente = valueCombo.value;\n }\n if (!mostrarBusqueda) {\n if (fechaDesde !== null && fechaDesde !== '') {\n formulario.desde = format(fechaDesde, 'yyyy-MM-dd');\n }\n if (fechaHasta !== null && fechaHasta !== '') {\n formulario.hasta = format(fechaHasta, 'yyyy-MM-dd');\n }\n if (valueComboEstatus !== null && valueComboEstatus !== undefined) {\n formulario.idOrdenEstatus = valueComboEstatus.value;\n }\n }\n const asyncCall = async (datos) => {\n setOpenBackDrop(true);\n await ordenService.searchOrdenes(datos, true).then((resp) => {\n setRowsOrdenes(resp.data);\n }).catch((error) => {\n setRowsOrdenes([]);\n if (error.response) {\n setServerError(error.response.data.message);\n } else {\n setServerError(`${error.message}: No fue posible conectar con el servidor`);\n }\n setOpenSnackError(true);\n setOpenBackDrop(false);\n });\n setOpenBackDrop(false);\n };\n asyncCall(formulario);\n console.log('Formulario busqueda de ordenes:', formulario);\n console.log(comboEscuelas);\n };\n\n return (\n \n \n \n \n \n event.stopPropagation()}\n onFocus={(event) => event.stopPropagation()}\n className={classes.combo}\n control={(\n (option.label ? option.label : '')}\n value={valueCombo}\n fullWidth\n className={classes.combo}\n renderInput={(params) => (\n \n \n event.stopPropagation()}\n onFocus={(event) => event.stopPropagation()}\n className={classes.input}\n control={(\n \n \n event.stopPropagation()}\n onFocus={(event) => event.stopPropagation()}\n className={classes.input}\n control={(\n \n \n \n \n event.stopPropagation()}\n onFocus={(event) => event.stopPropagation()}\n className={classes.input}\n control={(\n \n setOpenFechaDesde(true)}\n onClose={() => setOpenFechaDesde(false)}\n onChange={setFechaDesde}\n format=\"dd/MM/yyyy\"\n margin=\"normal\"\n label=\"Desde\"\n value={fechaDesde}\n KeyboardButtonProps={{\n 'aria-label': 'change date',\n }}\n />\n \n )}\n />\n \n \n event.stopPropagation()}\n onFocus={(event) => event.stopPropagation()}\n className={classes.input}\n control={(\n \n setOpenFechaHasta(true)}\n onClose={() => setOpenFechaHasta(false)}\n onChange={setFechaHasta}\n format=\"dd/MM/yyyy\"\n margin=\"normal\"\n label=\"Hasta\"\n value={fechaHasta}\n KeyboardButtonProps={{\n 'aria-label': 'change date',\n }}\n variant=\"outlined\"\n />\n \n )}\n />\n \n \n event.stopPropagation()}\n onFocus={(event) => event.stopPropagation()}\n className={classes.input}\n control={(\n \n \n event.stopPropagation()}\n onFocus={(event) => event.stopPropagation()}\n className={classes.input}\n control={(\n (option.label ? option.label : '')}\n fullWidth\n value={valueComboEstatus}\n renderInput={(params) => (\n \n \n
\n \n \n Buscar\n \n \n \n \n \n \n \n );\n};\n\nBusquedaEvaluaciones.propTypes = {\n comboEscuelas: PropTypes.array,\n mostrarBusqueda: PropTypes.bool,\n setMostrarBusqueda: PropTypes.func,\n comboOrdenEstatus: PropTypes.array,\n setRowsOrdenes: PropTypes.func,\n setOpenBackDrop: PropTypes.func,\n setServerError: PropTypes.func,\n setOpenSnackError: PropTypes.func\n};\n\nexport default BusquedaEvaluaciones;\n","import React, {\n useState, forwardRef, useEffect, useImperativeHandle\n} from 'react';\nimport {\n Accordion,\n AccordionDetails,\n AccordionSummary,\n Checkbox,\n Divider,\n FormControlLabel,\n Grid,\n InputAdornment,\n Paper,\n TableCell as MuiTableCell,\n TableContainer,\n TableHead,\n TableRow,\n TextField,\n Typography,\n makeStyles,\n Table as MuiTable,\n TableBody\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport GeneralBackDrop from 'src/views/commons/GeneralBackDrop';\nimport ConfirmationDialog from 'src/views/commons/ConfirmationDialog';\nimport genService from 'src/services/generalServices';\nimport evaluacionService from 'src/services/evaluacionService';\nimport { ExpandMore } from '@material-ui/icons';\nimport { useForm } from 'react-hook-form';\nimport { Autocomplete } from '@material-ui/lab';\nimport NumberFormat from 'react-number-format';\nimport { withStyles } from '@material-ui/styles';\n\nconst useStyles = makeStyles((theme) => ({\n accordionDetails: {\n display: 'block'\n },\n bottomSpace: {\n marginBottom: theme.spacing(3),\n },\n summary: {\n backgroundColor: theme.palette.AccordionSummary.background\n },\n table: {\n minWidth: 650\n },\n tableHeader: {\n backgroundColor: theme.palette.primary.main\n },\n mainColumn: {\n backgroundColor: theme.palette.primary.main,\n color: 'white',\n fontWeight: 'bold'\n },\n resColumn: {\n backgroundColor: theme.palette.AccordionSummary.background,\n fontWeight: 'bold'\n },\n tableCell: {\n color: 'white'\n },\n icon: {\n borderRadius: 3,\n width: 16,\n height: 16,\n boxShadow: 'inset 0 0 0 1px rgba(16,22,26,.2), inset 0 -1px 0 rgba(16,22,26,.1)',\n backgroundColor: '#f5f8fa',\n backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,0))',\n '$root.Mui-focusVisible &': {\n outline: '2px auto rgba(19,124,189,.6)',\n outlineOffset: 2,\n },\n 'input:hover ~ &': {\n backgroundColor: '#ebf1f5',\n },\n 'input:disabled ~ &': {\n boxShadow: 'none',\n background: 'rgba(206,217,224,.5)',\n },\n },\n checkedIcon: {\n backgroundColor: '#4caf50',\n backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))',\n '&:before': {\n display: 'block',\n width: 16,\n height: 16,\n backgroundImage:\n \"url(\\\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath\"\n + \" fill-rule='evenodd' clip-rule='evenodd' d='M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 \"\n + \"1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z' fill='%23fff'/%3E%3C/svg%3E\\\")\",\n content: '\"\"',\n },\n 'input:hover ~ &': {\n backgroundColor: '#4caf50',\n },\n },\n}));\n\nconst Table = withStyles({\n root: {\n border: '1px solid rgba(204, 204, 204)',\n borderCollapse: 'inherit',\n borderSpacing: 'revert'\n },\n})(MuiTable);\n\nconst TableCell = withStyles({\n root: {\n border: '1px solid rgba(204, 204, 204)',\n }\n})(MuiTableCell);\n\nconst AltaEvaluacion = forwardRef(({\n formName,\n comboVivienda,\n comboPrincipal,\n setServerError,\n setOpenSnackError,\n setDisableSubmit,\n evaluacion,\n setEvaluacion,\n setIdEvaluacion,\n idEvaluacion,\n setServerMessage,\n setOpenSnackSuccess,\n setConfirmarSalida,\n confirmarSalida,\n setOpenEvaluacion,\n openBackDrop,\n setOpenBackDrop,\n setCambioEvaluacion\n}, ref) => {\n const {\n register,\n handleSubmit,\n errors,\n reset,\n setValue,\n clearErrors,\n trigger,\n watch,\n getValues,\n setError\n } = useForm();\n const classes = useStyles();\n const requiredField = 'Este campo es requerido.';\n // const mayorCero = 'Campo númerico y mayor a cero.';\n const [disableIngresos, setDisableIngresos] = useState(false);\n const [disableEgresos, setDisableEgresos] = useState(false);\n const [disableDeuda, setDisableDeuda] = useState(false);\n const [acordionDatos, setAcordionDatos] = useState(true);\n const [acordionEvaluacion, setAcordionEvaluacion] = useState(true);\n const [acordionFactores, setAcordionFactores] = useState(true);\n const [disableVivienda, setDisableVivienda] = useState(false);\n const [valueVivienda, setValueVivienda] = useState(null);\n const [disablePrincipal, setDisablePrincipal] = useState(false);\n const [valuePrincipal, setValuePrincipal] = useState(null);\n const [updateState, setUpdateState] = useState(false);\n\n useEffect(() => {\n console.log('el form data', evaluacion);\n if (evaluacion.matricula === '' || evaluacion.matricula === undefined) {\n evaluacion.matricula = 'N/A';\n }\n reset(evaluacion);\n if (evaluacion.sinIngresos) {\n setDisableIngresos(true);\n }\n if (evaluacion.sinEgresos) {\n setDisableEgresos(true);\n }\n if (evaluacion.sinVivienda) {\n setDisableVivienda(true);\n }\n if (evaluacion.sinPrincipal) {\n setDisablePrincipal(true);\n }\n if (evaluacion.sinDeuda) {\n setDisableDeuda(true);\n }\n if (evaluacion.idVivienda) {\n const viviendaValue = comboVivienda.filter((viv) => viv.value === evaluacion.idVivienda);\n setValueVivienda(viviendaValue[0]);\n }\n if (evaluacion.idPrincipal) {\n const principalValue = comboPrincipal.filter((prin) => prin.value === evaluacion.idPrincipal);\n setValuePrincipal(principalValue[0]);\n }\n }, []);\n\n const resetForm = () => {\n reset({\n sinIngresos: false\n });\n reset(evaluacion);\n // setEvaluacion({});\n setValueVivienda(null);\n setValuePrincipal(null);\n setDisableDeuda(false);\n setDisableEgresos(false);\n setDisableIngresos(false);\n setDisablePrincipal(false);\n setDisableVivienda(false);\n };\n\n const removeZero = (newVal, fieldName) => {\n while (newVal.length > 1 && newVal.charAt(0) === '0') {\n newVal = newVal.substring(1);\n setValue(fieldName, newVal);\n }\n return newVal;\n };\n\n const round2Decimals = (ammount) => {\n return Math.round(ammount * 100) / 100;\n };\n\n const calcularFactores = (evalua) => {\n console.log('dentro de calculo de factores', evalua);\n if (evalua !== null && evalua !== undefined) {\n console.log('Inicio de calculo');\n const colegiatura = getValues('colegiatura') ? parseFloat(getValues('colegiatura')) : 0;\n const colegiaturaHermanos = getValues('colegiaturaHermanos') ? parseFloat(getValues('colegiaturaHermanos')) : 0;\n const pctBeca = getValues('porcentajeBeca') ? parseFloat(getValues('porcentajeBeca')) : 0;\n const egresos = getValues('egresos') ? parseFloat(getValues('egresos')) : 0;\n const ingresos = getValues('ingresos') ? parseFloat(getValues('ingresos')) : 0;\n const montoDeuda = getValues('deuda') ? parseFloat(getValues('deuda')) : 0;\n const diversion = getValues('diversion') ? parseFloat(getValues('diversion')) : 0;\n let montoColegBeca = 0;\n let egresosBeca = 0;\n if (pctBeca > 0) {\n montoColegBeca = (colegiatura - ((pctBeca * colegiatura) / 100)) + colegiaturaHermanos;\n egresosBeca = egresos - ((pctBeca * colegiatura) / 100);\n } else {\n montoColegBeca = colegiatura + colegiaturaHermanos;\n egresosBeca = egresos;\n }\n\n evalua.colegiaturaGastos = colegiatura + colegiaturaHermanos;\n evalua.porcentajeColegiatura = egresos === 0 ? 0\n : round2Decimals(((colegiatura + colegiaturaHermanos) * 100) / egresos);\n evalua.colegiaturaBeca = round2Decimals(montoColegBeca);\n evalua.pctColegiaturaBeca = colegiatura === 0 || pctBeca === 0 ? 0\n : round2Decimals((montoColegBeca * 100) / (egresos - ((pctBeca / 100) * colegiatura)));\n evalua.montoDeficit = round2Decimals(egresos - ingresos);\n evalua.porcentajeDeficit = ingresos === 0 ? 0\n : round2Decimals(((egresos - ingresos) * 100) / ingresos);\n evalua.deficitBeca = round2Decimals(egresosBeca - ingresos);\n evalua.pctDeficitBeca = ingresos === 0 ? 0\n : round2Decimals(((egresosBeca - ingresos) * 100) / ingresos);\n evalua.montoDeuda = round2Decimals(montoDeuda);\n evalua.porcentajeDeuda = ingresos === 0 ? 0\n : round2Decimals((montoDeuda * 100) / ingresos);\n evalua.montoDiversion = round2Decimals(diversion);\n evalua.porcentajeDiversion = ingresos === 0 ? 0\n : round2Decimals((diversion * 100) / ingresos);\n evalua.montoLiquidez = round2Decimals(ingresos - egresos);\n evalua.porcentajeLiquidez = egresos === 0 ? 0\n : round2Decimals(((ingresos - egresos) * 100) / egresos);\n evalua.montoLiquidezBeca = round2Decimals(ingresos - egresosBeca);\n evalua.pctLiquidezBeca = egresosBeca === 0 ? 0\n : round2Decimals(((ingresos - egresosBeca) * 100) / egresosBeca);\n\n setEvaluacion(evalua);\n setUpdateState(!updateState);\n console.log('Fin de calculo', evalua);\n }\n };\n\n const setDatosEvaluacion = (datos) => {\n evaluacion.id = idEvaluacion;\n evaluacion.idVivienda = valueVivienda?.value;\n evaluacion.idPrincipal = valuePrincipal?.value;\n evaluacion.sinIngresos = disableIngresos;\n evaluacion.sinEgresos = disableEgresos;\n evaluacion.sinVivienda = disableVivienda;\n evaluacion.sinPrincipal = disablePrincipal;\n evaluacion.sinDeuda = disableDeuda;\n evaluacion.ingresos = datos.ingresos;\n evaluacion.egresos = datos.egresos;\n evaluacion.deuda = datos.deuda;\n evaluacion.specPrincipal = datos.specPrincipal;\n evaluacion.specVivienda = datos.specVivienda;\n evaluacion.colegiatura = datos.colegiatura;\n evaluacion.colegiaturaHermanos = datos.colegiaturaHermanos;\n evaluacion.diversion = datos.diversion;\n evaluacion.porcentajeBeca = datos.porcentajeBeca;\n evaluacion.recomendacion = datos.recomendacion;\n evaluacion.gradoEscolar = datos.gradoEscolar;\n evaluacion.folio = datos.folio;\n evaluacion.nombre = datos.nombre;\n evaluacion.nombreCliente = datos.nombreCliente;\n evaluacion.matricula = datos.matricula;\n };\n\n const crearEValuacion = (formulario) => {\n const asyncCall = async (datos) => {\n setOpenBackDrop(true);\n setDatosEvaluacion(datos);\n console.log('formulario de evaluacion antes:', evaluacion);\n await evaluacionService.getEvaluacionDetalles(evaluacion).then((resp) => {\n console.log('Respuesta de la evaluacion:', resp);\n setCambioEvaluacion(true);\n calcularFactores(resp.data);\n setServerMessage('Las tablas de evaluacion se han actualizado');\n setOpenSnackSuccess(true);\n }).catch((error) => {\n console.log('Error al crear la evaluacion', error);\n setServerError('No fue posible calcular la evaluacion');\n setOpenSnackError(true);\n });\n setOpenBackDrop(false);\n };\n asyncCall(formulario);\n };\n\n useImperativeHandle(ref, () => ({\n resetEvalForm: () => {\n resetForm();\n },\n validationTrigger: async () => {\n clearErrors();\n const output = await trigger(['ingresos', 'egresos', 'deuda', 'descVivienda', 'descPrincipal']);\n if (output) {\n crearEValuacion(watch(['ingresos', 'egresos', 'deuda', 'descVivienda', 'descPrincipal']));\n clearErrors();\n setDisableSubmit(false);\n }\n console.log('output', output);\n console.log('watch:', watch(['ingresos', 'egresos', 'deuda', 'descVivienda', 'descPrincipal']));\n }\n }));\n\n const onSubmit = (formulario) => {\n const asyncCall = async (datos) => {\n setOpenBackDrop(true);\n setDatosEvaluacion(datos);\n await evaluacionService.guardaEvaluacion(evaluacion).then((resp) => {\n console.log('formularion de guardado', resp.data);\n setEvaluacion(resp.data);\n setIdEvaluacion(resp.data.id);\n setServerMessage('La evaluacion se guardó correctamente');\n setOpenSnackSuccess(true);\n setCambioEvaluacion(false);\n }).catch((error) => {\n console.log('Error al guardar la evaluacion', error);\n setServerError('No fue posible guardar la evaluacion');\n setOpenSnackError(true);\n });\n setOpenBackDrop(false);\n };\n asyncCall(formulario);\n };\n return (\n \n
\n Datos del Alumno \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {\n removeZero(e.target.value, 'ingresos');\n clearErrors('ingresos');\n setDisableSubmit(true);\n calcularFactores(evaluacion);\n }}\n InputProps={{\n startAdornment: $ \n }}\n inputRef={register({\n required: { value: !disableIngresos, message: requiredField },\n pattern: { value: /^(?=.*[0-9])\\d*,*\\d*([.]?\\d)*$/, message: 'Número mayor o igual a 0.' },\n })}\n onInput={genService.onlyAmounts}\n error={!!errors.ingresos}\n helperText={errors.ingresos?.message}\n size=\"small\"\n fullWidth\n InputLabelProps={{ shrink: true }}\n disabled={disableIngresos}\n />\n Ingresos sin elementos}\n name=\"sinIngresos\"\n control={(\n \n \n {\n removeZero(e.target.value, 'egresos');\n clearErrors('egresos');\n setDisableSubmit(true);\n calcularFactores(evaluacion);\n }}\n InputProps={{\n startAdornment: $ ,\n }}\n inputRef={register({\n required: { value: !disableEgresos, message: requiredField },\n pattern: { value: /^(?=.*[0-9])\\d*,*\\d*([.]?\\d)*$/, message: 'Número mayor o igual a 0.' }\n })}\n onInput={genService.onlyAmounts}\n error={!!errors.egresos}\n helperText={errors.egresos?.message}\n size=\"small\"\n fullWidth\n InputLabelProps={{ shrink: true }}\n disabled={disableEgresos}\n />\n Egresos sin elementos}\n control={(\n \n \n {\n removeZero(e.target.value, 'deuda');\n clearErrors('deuda');\n setDisableSubmit(true);\n calcularFactores(evaluacion);\n }}\n InputProps={{\n startAdornment: $ \n }}\n inputRef={register({\n required: { value: !disableDeuda, message: requiredField },\n pattern: { value: /^(?=.*[0-9])\\d*,*\\d*([.]?\\d)*$/, message: 'Número mayor o igual a 0.' },\n })}\n onInput={genService.onlyAmounts}\n error={!!errors.deuda}\n helperText={errors.deuda?.message}\n size=\"small\"\n fullWidth\n InputLabelProps={{ shrink: true }}\n disabled={disableDeuda}\n />\n Deuda sin elementos}\n control={(\n \n \n \n \n (option.label ? option.label : '')}\n renderOption={(option) => (option.label ? option.label : '')}\n fullWidth\n value={valueVivienda}\n renderInput={(params) => (\n Vivienda sin elementos}\n control={(\n \n \n (option.label ? option.label : '')}\n renderOption={(option) => (option.label ? option.label : '')}\n fullWidth\n value={valuePrincipal}\n renderInput={(params) => (\n Principal sin elementos}\n control={(\n \n \n \n \n \n \n \n \n {\n removeZero(e.target.value, 'colegiatura');\n calcularFactores(evaluacion);\n }}\n InputProps={{\n startAdornment: $ \n }}\n inputRef={register({\n pattern: { value: /^(?=.*[0-9])\\d*,*\\d*([.]?\\d)*$/, message: 'Número mayor o igual a 0.' }\n })}\n onInput={genService.onlyAmounts}\n error={!!errors.colegiatura}\n helperText={errors.colegiatura?.message}\n size=\"small\"\n fullWidth\n InputLabelProps={{ shrink: true }}\n />\n \n \n {\n removeZero(e.target.value, 'colegiaturaHermanos');\n calcularFactores(evaluacion);\n }}\n InputProps={{\n startAdornment: $ \n }}\n inputRef={register({\n pattern: { value: /^(?=.*[0-9])\\d*,*\\d*([.]?\\d)*$/, message: 'Número mayor o igual a 0.' }\n })}\n onInput={genService.onlyAmounts}\n error={!!errors.colegiaturaHermanos}\n helperText={errors.colegiaturaHermanos?.message}\n size=\"small\"\n fullWidth\n InputLabelProps={{ shrink: true }}\n />\n \n \n {\n removeZero(e.target.value, 'diversion');\n calcularFactores(evaluacion);\n }}\n InputProps={{\n startAdornment: $ \n }}\n inputRef={register({\n pattern: { value: /^(?=.*[0-9])\\d*,*\\d*([.]?\\d)*$/, message: 'Número mayor o igual a 0.' }\n })}\n onInput={genService.onlyAmounts}\n error={!!errors.diversion}\n helperText={errors.diversion?.message}\n size=\"small\"\n fullWidth\n InputLabelProps={{ shrink: true }}\n />\n \n \n {\n if (e.target.value <= 100) {\n setValue('porcentajeBeca', e.target.value);\n removeZero(e.target.value, 'porcentajeBeca');\n calcularFactores(evaluacion);\n clearErrors('porcentajeBeca');\n } else {\n setError('porcentajeBeca', { type: 'maxLength', message: 'El porcentaje no puede ser mayor al 100 %' });\n setValue('porcentajeBeca', getValues('porcentajeBeca'));\n }\n }}\n InputProps={{\n startAdornment: % ,\n maxLength: 3\n }}\n inputRef={register({\n required: { value: true, message: requiredField },\n pattern: { value: /^(?=.*[0-9])\\d*,*\\d*([.]?\\d)*$/, message: 'Número mayor o igual a 0.' }\n })}\n onInput={genService.onlyAmounts}\n error={!!errors.porcentajeBeca}\n helperText={errors.porcentajeBeca?.message}\n size=\"small\"\n fullWidth\n InputLabelProps={{ shrink: true }}\n />\n \n \n \n \n \n \n \n {evaluacion !== null && evaluacion !== undefined\n ? (\n
\n
\n Factores Adicionales \n \n \n \n \n \n \n \n CONCEPTO\n \n \n CANTIDAD\n \n \n PORCENTAJE\n \n \n MONTO BECA\n \n \n % BECA\n \n \n \n \n \n \n COLEG. VS GASTOS\n \n \n \n \n \n \n \n \n \n \n \n \n DEFICIT ECONOMICO\n \n \n \n \n \n \n \n \n \n \n \n \n ENDEUDAMIENTO\n \n \n \n \n \n \n -\n \n \n -\n \n \n \n \n DIVERSION\n \n \n \n \n \n \n -\n \n \n -\n \n \n \n \n LIQUIDEZ\n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n
\n Evaluación \n \n \n \n \n \n \n \n VIABILIDAD\n \n \n INGRESOS\n \n \n EGRESOS\n \n \n VIVIENDA\n \n \n Principal\n \n \n DEUDA\n \n \n \n \n {evaluacion?.detalles?.map((evalItem) => (\n \n \n {evalItem.descViabilidad}\n \n \n \n \n {evalItem.viviendaMin}\n \n {evalItem.principalMin}\n \n {`${evalItem.deudaMin} - ${evalItem.deudaMax} %`}\n \n \n ))}\n \n \n INGRESOS(30)\n \n \n EGRESOS(30)\n \n \n VIVIENDA(20)\n \n \n PRINCIPAL(10)\n \n \n DEUDA(10)\n \n \n ACUMULADO\n \n \n RESULTADO\n \n \n \n \n PUNTAJE ASIGNADO\n \n \n {evaluacion.puntosIngresos}\n \n \n {evaluacion.puntosEgresos}\n \n \n {evaluacion.puntosVivienda}\n \n \n {evaluacion.puntosPrincipal}\n \n \n {evaluacion.puntosDeuda}\n \n \n {evaluacion.puntosTotal}\n \n \n {evaluacion.resultadoEvaluacion}\n \n \n \n
\n \n \n \n
\n ) : (\n null\n )}\n
\n
setConfirmarSalida(false)}\n confirm={() => {\n setConfirmarSalida(false);\n setEvaluacion({});\n setOpenEvaluacion(false);\n }}\n />\n \n \n );\n }\n },\n {\n field: 'descOrdenEstatus',\n headerName: 'Estatus',\n minWidth: 110,\n flex: 1,\n renderCell: ChipEstatusTable\n },\n {\n field: 'nombre',\n headerName: 'Alumno',\n minWidth: 120,\n flex: 1,\n renderCell: renderCellExpand,\n },\n {\n field: 'telefonoPrimario',\n headerName: 'Teléfono',\n minWidth: 100,\n flex: 1,\n renderCell: renderCellExpand,\n },\n {\n field: 'fechaSolicitudStr',\n headerName: 'Solicitud',\n minWidth: 120,\n flex: 1,\n renderCell: renderCellExpand\n },\n {\n field: 'nombreUsuario',\n headerName: 'Usuario',\n minWidth: 120,\n flex: 1,\n renderCell: renderCellExpand,\n },\n {\n field: 'descEstado',\n headerName: 'Estado',\n minWidth: 120,\n flex: 1,\n renderCell: renderCellExpand,\n },\n {\n field: 'evaluacion',\n headerName: 'Evaluación',\n minWidth: 60,\n maxWidth: 60,\n align: 'center',\n sortable: false,\n renderCell: (params) => {\n if (params.value === 'SI') {\n return (\n \n \n );\n }\n return (\n \n \n );\n }\n },\n {\n field: 'acciones',\n headerName: 'Acciones',\n maxWidth: 60,\n minWidth: 60,\n sortable: false,\n disableClickEventBubbling: true,\n align: 'center',\n renderCell: (params) => {\n const onClick = () => {\n onClickEdit(params.row);\n };\n return (\n \n \n \n \n
\n );\n }\n }\n ];\n\n useEffect(() => {\n const getCombosAsync = async () => {\n await combosService.comboEscuelasEvaluacion().then((resp) => {\n setComboEscuelas(resp);\n }).catch((error) => {\n console.log(`'Error al cargar el combo de escuelas con plantilla: '${error}`);\n });\n if (comboOrdenEstatus === undefined || comboOrdenEstatus.length === 0) {\n await combosService.comboOrdenEstatus().then((resp) => {\n setComboOrdenEstatus(resp);\n });\n }\n };\n getCombosAsync();\n }, []);\n\n const downloadEvaluacion = async () => {\n setOpenBack(true);\n await evaluacionService.descargarEvaluacion(evaluacion).then((resp) => {\n const link = document.createElement('a');\n console.log('Datos del la evaluacion:', resp);\n link.href = window.URL.createObjectURL(new Blob([resp.data], { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' }));\n link.download = `EVALUACION_${evaluacion.folio}.docx`;\n link.click();\n }).catch((e) => {\n console.log('Error al descargar el archivo:', e);\n setOpenBack(false);\n setServerError(e.message);\n setOpenSnackError(true);\n });\n setOpenBack(false);\n };\n\n return (\n \n \n \n
\n Evaluaciones\n \n
\n
\n
\n
\n
\n \n \n );\n};\n\nEvaluacion.propTypes = {\n className: PropTypes.string,\n setOpenBackDrop: PropTypes.func,\n setOpenSnackSuccess: PropTypes.func,\n setServerMessage: PropTypes.func,\n setServerError: PropTypes.func,\n setOpenSnackError: PropTypes.func,\n comboOrdenEstatus: PropTypes.array,\n setComboOrdenEstatus: PropTypes.func\n};\n\nexport default Evaluacion;\n","import React from 'react';\nimport { Navigate } from 'react-router-dom';\nimport DashboardLayout from 'src/layouts/DashboardLayout';\nimport MainLayout from 'src/layouts/MainLayout';\nimport DashboardView from 'src/views/reports/DashboardView';\nimport LoginView from 'src/views/auth/LoginView';\nimport NotFoundView from 'src/views/errors/NotFoundView';\nimport UpdatePassword from 'src/views/auth/UpdatePassword';\nimport PrivateRoute from 'src/utils/PrivateRoute';\nimport Clientes from 'src/views/clientes/config';\nimport Ordenes from 'src/views/clientes/Ordenes';\nimport ClienteOT from 'src/views/clientes/ClienteOT';\nimport Usuarios from 'src/views/config/Usuarios';\nimport CargaDocumentos from 'src/views/clientes/CargaDocumentos';\nimport SolicitudesOT from 'src/views/clientes/SolicitudesOT';\nimport Reportes from 'src/views/Reportes';\nimport CargaMasiva from './views/clientes/CargaMasiva';\nimport Plantilla from './views/Evaluaciones/Plantilla';\nimport Evaluacion from './views/Evaluaciones/Evaluacion';\n\nconst routes = (isAuth, setIsAuth, nombreUsuario, setNombreUsuario,\n rolUsuario, setRolUsuario, setOpenBackDrop, comboRoles, setComboRoles,\n setServerError, setOpenSnackError, setOpenSnackSuccess, setServerMessage,\n comboEstados, comboMunicipios, setComboMunicipios, mapaMunicipios,\n setMapaMunicipios, comboTipoClientes, setComboTipoClientes, setComboOrdenEstatus,\n comboOrdenEstatus, setComboHiperliga, comboHiperliga, setComboEstados,\n resetPassword, setResetPassword, nombreCliente, setNombreCliente, idCliente,\n setIdCliente, tipoCliente, setTipoCliente, comboLabelStatus, setComboLabelStatus) => [\n {\n path: 'app',\n element: \n \n \n \n {serverMessage}\n \n \n \n \n \n \n {serverError}\n \n \n \n \n );\n};\n\nGeneralMessages.propTypes = {\n openSnackSuccess: PropTypes.bool,\n openSnackError: PropTypes.bool,\n serverError: PropTypes.string,\n handleCloseSnackSuccess: PropTypes.func,\n handleCloseSnackError: PropTypes.func,\n serverMessage: PropTypes.string\n};\n\nexport default GeneralMessages;\n","import 'react-perfect-scrollbar/dist/css/styles.css';\nimport React, { useState } from 'react';\nimport { useRoutes } from 'react-router-dom';\nimport { ThemeProvider } from '@material-ui/core';\nimport GlobalStyles from 'src/components/GlobalStyles';\nimport 'src/mixins/chartjs';\nimport theme from 'src/theme';\nimport routes from 'src/routes';\nimport GeneralBackDrop from 'src/views/commons/GeneralBackDrop';\nimport GeneralMessages from 'src/views/commons/GeneralMessages';\n\nconst App = () => {\n const [isAuth, setIsAuth] = useState(true);\n const [nombreUsuario, setNombreUsuario] = useState(null);\n const [nombreCliente, setNombreCliente] = useState(window.localStorage.getItem('nombreCliente'));\n const [idCliente, setIdCliente] = useState(Number(window.localStorage.getItem('idCliente')));\n const [tipoCliente, setTipoCliente] = useState(window.localStorage.getItem('tipoCliente'));\n const [rolUsuario, setRolUsuario] = useState(null);\n const [resetPassword, setResetPassword] = useState(window.localStorage.getItem('reset'));\n const [comboTipoClientes, setComboTipoClientes] = useState([]);\n const [openBackDrop, setOpenBackDrop] = useState(false);\n const [comboRoles, setComboRoles] = useState([]);\n const [serverError, setServerError] = React.useState('');\n const [openSnackError, setOpenSnackError] = React.useState(false);\n const [openSnackSuccess, setOpenSnackSuccess] = React.useState(false);\n const [serverMessage, setServerMessage] = React.useState();\n const [comboEstados, setComboEstados] = useState([]);\n const [comboMunicipios, setComboMunicipios] = useState([]);\n const [comboHiperliga, setComboHiperliga] = useState([]);\n const [mapaMunicipios, setMapaMunicipios] = useState([]);\n const [comboOrdenEstatus, setComboOrdenEstatus] = useState([]);\n const [comboLabelStatus, setComboLabelStatus] = useState([]);\n\n const handleCloseSnackError = (reason) => {\n if (reason === 'clickaway') {\n return;\n }\n setServerError('');\n setOpenSnackError(false);\n };\n const handleCloseSnackSuccess = (reason) => {\n if (reason === 'clickaway') {\n return;\n }\n setServerMessage('');\n setOpenSnackSuccess(false);\n };\n\n const routing = useRoutes(routes(\n isAuth,\n setIsAuth,\n nombreUsuario,\n setNombreUsuario,\n rolUsuario,\n setRolUsuario,\n setOpenBackDrop,\n comboRoles,\n setComboRoles,\n setServerError,\n setOpenSnackError,\n setOpenSnackSuccess,\n setServerMessage,\n comboEstados,\n comboMunicipios,\n setComboMunicipios,\n mapaMunicipios,\n setMapaMunicipios,\n comboTipoClientes,\n setComboTipoClientes,\n setComboOrdenEstatus,\n comboOrdenEstatus,\n setComboHiperliga,\n comboHiperliga,\n setComboEstados,\n resetPassword,\n setResetPassword,\n nombreCliente,\n setNombreCliente,\n idCliente,\n setIdCliente,\n tipoCliente,\n setTipoCliente,\n comboLabelStatus,\n setComboLabelStatus\n ));\n\n return (\n \n \n );\n};\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter } from 'react-router-dom';\nimport * as serviceWorker from './serviceWorker';\nimport App from './App';\n\nReactDOM.render((\n \n \n), document.getElementById('root'));\n\nserviceWorker.unregister();\n"],"sourceRoot":""}