,\n
- \n
,\n
,\n
- \n
,\n
- \n
,\n
,\n
,\n
,\n
,\n
,\n
,\n
,\n ],\n};\n\nexport default termsAndConditionsText;\n","import React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nconst boldFont = { b: (chunks) => {chunks} };\nconst linkAppPertix = { a: (chunks) => {chunks} };\nconst itemList = { li: (chunks) =>
,\n\n
- \n
,\n\n
- \n
,\n\n
,\n\n
,\n\n
,\n\n
,\n\n
,\n\n
,\n\n
,\n ],\n};\n\nexport default privacyPolicyText;\n","const workFieldConstants = {\n CREATE_REQUEST: 'WORK_FIELD_CREATE_REQUEST',\n CREATE_SUCCESS: 'WORK_FIELD_CREATE_SUCCESS',\n CREATE_FAILURE: 'WORK_FIELD_CREATE_FAILURE',\n\n GET_REQUEST: 'WORK_FIELD_GET_REQUEST',\n GET_SUCCESS: 'WORK_FIELD_GET_SUCCESS',\n GET_FAILURE: 'WORK_FIELD_GET_FAILURE',\n\n GET_ALL_REQUEST: 'WORK_FIELD_GET_ALL_REQUEST',\n GET_ALL_SUCCESS: 'WORK_FIELD_GET_ALL_SUCCESS',\n GET_ALL_FAILURE: 'WORK_FIELD_GET_ALL_FAILURE',\n\n UPDATE_REQUEST: 'WORK_FIELD_UPDATE_REQUEST',\n UPDATE_SUCCESS: 'WORK_FIELD_UPDATE_SUCCESS',\n UPDATE_FAILURE: 'WORK_FIELD_UPDATE_FAILURE',\n\n DELETE_REQUEST: 'WORK_FIELD_DELETE_REQUEST',\n DELETE_SUCCESS: 'WORK_FIELD_DELETE_SUCCESS',\n DELETE_FAILURE: 'WORK_FIELD_DELETE_FAILURE',\n};\n\nexport default workFieldConstants;\n","import React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nconst workFieldTexts = {\n back:
{chunks}
,\n br:,\n }}\n />,\n buttonLeft:
\n \n {text}\n \n {loading &&
\n );\n}\n","import React, { useState } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport IconButton from '@material-ui/core/IconButton';\nimport {\n Dialog,\n DialogTitle,\n DialogContent,\n DialogContentText,\n DialogActions, Grid, InputAdornment, Typography,\n} from '@material-ui/core';\nimport { FormattedMessage, useIntl } from 'react-intl';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { TextValidator, ValidatorForm } from 'react-material-ui-form-validator';\nimport { Visibility, VisibilityOff } from '@material-ui/icons';\nimport PertixButton from '../controls/Button';\nimport { userActions } from '../../redux/actions';\nimport { validationConstants } from '../../constants';\n\nconst useStyles = makeStyles((theme) => ({\n appBar: {\n zIndex: theme.zIndex.drawer + 1,\n borderBottom: '1px solid #DADADA',\n },\n logo: {\n position: 'relative',\n width: '145px',\n height: '52px',\n },\n item: {\n fontSize: '11px',\n fontWeight: '400',\n },\n navbarItem: {\n fontSize: '11px',\n fontWeight: '500',\n },\n}));\n\nexport default function SetNewPasswordModal(props) {\n const dispatch = useDispatch();\n const classes = useStyles();\n const user = useSelector((state) => state.authentication.user);\n const updatingPassword = useSelector((state) => state.user.updating_password);\n const intl = useIntl();\n const cancelButtonText = intl.formatMessage({ id: 'app.cancel', defaultMessage: 'Cancelar' });\n const saveButtonText = intl.formatMessage({ id: 'app.save', defaultMessage: 'Guardar' });\n const changePasswordText = intl.formatMessage({ id: 'app.password.change', defaultMessage: 'Modificar contraseña' });\n const passwordModalText = intl.formatMessage({ id: 'app.password.modalText', defaultMessage: 'Ingrese los datos correspondientes para modificar su contraseña' });\n const passwordCriteriaText = intl.formatMessage({ id: 'app.passwordCriteria', defaultMessage: 'La contraseña debe tener al menos 6 caracteres, 1 minúscula, 1 mayúscula, 1 caracter numérico y 1 caracter no alfanumérico' });\n const passUpdatedText = intl.formatMessage({ id: 'app.passwordUpdated', defaultMessage: 'La contraseña ha sido modificada correctamente' });\n const {\n isOpen, close, registration,\n } = props;\n const initialFieldValues = {\n currentPassword: '',\n newPassword: '',\n newPasswordConfirmation: '',\n showPassword: false,\n };\n const [values, setValues] = useState(initialFieldValues);\n const {\n currentPassword, newPassword, showPassword,\n } = values;\n\n function handleSubmit(e) {\n e.preventDefault();\n setValues(initialFieldValues);\n if (user.mustChangePassword) {\n const userUpdated = { ...user, mustChangePassword: false };\n return dispatch(userActions.updatePasswordAndMustChange(\n user.email, currentPassword, newPassword, passUpdatedText, userUpdated,\n ));\n }\n return dispatch(userActions.updatePassword(\n user.email, currentPassword, newPassword, passUpdatedText,\n ));\n }\n\n function handleChange(e) {\n const { name, value } = e.target;\n setValues({\n ...values,\n [name]: value,\n });\n }\n\n const handleClickShowPassword = () => {\n setValues({ ...values, showPassword: !values.showPassword });\n };\n\n const handleMouseDownPassword = (event) => {\n event.preventDefault();\n };\n\n return (\n \n );\n}\n","import alertActions from './alert.actions';\nimport companyActions from './company.actions';\nimport userActions from './user.actions';\nimport { history } from '../../helpers';\nimport { impersonateService } from '../../services';\nimport { impersonateConstants } from '../../constants';\n\nfunction impersonateUser(impersonatedUserId, companyId, impersonatorUser) {\n function request() { return { type: impersonateConstants.POST_REQUEST }; }\n function saveImpersonator(impersonator) {\n return { type: impersonateConstants.POST_SUCCESS, impersonator };\n }\n function failure(error) { return { type: impersonateConstants.POST_FAILURE, error }; }\n\n return (dispatch) => {\n dispatch(request());\n impersonateService.impersonate(impersonatedUserId)\n .then(\n (impersonatedUser) => {\n dispatch(saveImpersonator(impersonatorUser));\n dispatch(userActions.setCompanySelectedForImpersonation(impersonatedUser, companyId));\n dispatch(companyActions.get(companyId));\n history.push('/home');\n },\n (error) => {\n dispatch(failure(error));\n dispatch(alertActions.error(error));\n },\n );\n };\n}\n\nfunction stopImpersonating(impersonator) {\n function success() { return { type: impersonateConstants.STOP_IMPERSONATING_SUCCESS }; }\n\n return (dispatch) => {\n dispatch(success());\n dispatch(userActions.getOutCompanySelectedForImpersonation(\n impersonator,\n impersonator.company.id,\n ));\n dispatch(companyActions.get(impersonator.company.id));\n history.push('/home');\n };\n}\n\nconst impersonateActions = {\n impersonateUser,\n stopImpersonating,\n};\n\nexport default impersonateActions;\n","import React, { useState, useEffect } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n Button,\n Grid,\n Typography,\n} from '@material-ui/core';\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack';\nimport { useIntl, FormattedMessage } from 'react-intl';\nimport { useDispatch, useSelector } from 'react-redux';\nimport impersonateActions from '../../redux/actions/impersonate.actions';\n\nconst useStyles = makeStyles((theme) => ({\n textImpersonate: {\n color: 'white',\n fontSize: '12px',\n },\n impersonateBar: {\n backgroundColor: theme.palette.primary.main,\n padding: '2px 0px',\n },\n buttonText: {\n fontSize: '12px',\n color: 'white',\n textTransform: 'none',\n padding: '0px 12px',\n },\n}));\n\nconst ImpersonatingHeader = () => {\n const classes = useStyles();\n const intl = useIntl();\n const dispatch = useDispatch();\n const user = useSelector((state) => state.authentication.user);\n const impersonator = useSelector((state) => state.impersonate.data);\n const [names, setNames] = useState('');\n const getOutImpersonate = intl.formatMessage({ id: 'app.getOutImpersonate', defaultMessage: 'Salir del modo impersonar' });\n const impersonateNamesAndRole = \n \n \n \n {STEPS[4].text}\n {' '}\n \n {STEPS[4].link}\n \n \n \n \n \n \n \n }\n arrow\n >\n \n \n {contactText}\n \n \n \n {user && company && user.id === company.creatorUser && (\n \n \n \n )}\n \n { (user.company && user.company.person)\n ? `${user.company.person.names} ${user.company.person.surnames}`\n : user.email}\n \n \n \n { (user.company && user.company.person && user.company.person.imageUrl)\n ? (\n \n \n \n \n \n \n
\n \n \n {\n currentCompany\n && stripePlanSpecs.subscriptionStatusInvalid(currentCompany.subscriptionStatus)\n && \n \n ) : (\n \n {user.companies[0].name}\n \n )}\n />\n \n {user.companies.map((company) => (\n \n ))}\n \n { isAdmin && (\n \n \n \n \n )}\n \n\n \n \n \n \n \n {STEPS[1].text}\n \n \n \n {\n e.stopPropagation();\n setIsTutorialTooltipOpen(false)\n }} />\n \n \n \n }\n >\n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {user.isSuperAdmin && (\n
\n \n );\n}\n","/* eslint-disable react/prop-types */\nimport React from 'react';\nimport {\n Dialog, Box, Typography, DialogContent, makeStyles,\n} from '@material-ui/core/';\nimport { FormattedMessage } from 'react-intl';\nimport ButtonLoad from './Button';\n\nconst useStyles = makeStyles(() => ({\n dialogPaper: {\n padding: '40px 40px 25px',\n },\n termsDiv: {\n maxWidth: '600px',\n maxHeight: '300px',\n overflow: 'auto',\n scrollbarColor: '#999999',\n scrollbarWidth: 'thin',\n '&::-webkit-scrollbar': {\n width: '0.3em',\n paddingLeft: '10px',\n },\n '&::-webkit-scrollbar-track': {\n boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\n webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',\n },\n '&::-webkit-scrollbar-thumb': {\n backgroundColor: 'rgba(0,0,0,.2)',\n },\n '&::-webkit-scrollbar-thumb:hover': {\n background: 'rgba(0,0,0,.4)',\n },\n },\n}));\n\nfunction TermsAndConditionsModal({\n open, setOpen, onChange, constants, name,\n}) {\n const classes = useStyles();\n\n const onClickAccept = () => {\n const event = { target: { name, checked: true } };\n onChange(event);\n setOpen(false);\n };\n\n return (\n \n \n {theme.direction === 'ltr' ? \n
\n - \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
\n {companyData && companyData.isPending && \n {\n companyData\n && stripePlanSpecs.subscriptionStatusInvalid(companyData.subscriptionStatus)\n && \n
\n );\n};\n\nLoggedInLayout.propTypes = {\n children: PropTypes.element,\n};\n\nLoggedInLayout.defaultProps = {\n children: {},\n};\n\nexport default LoggedInLayout;\n","import { Box, IconButton, Typography, makeStyles } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport React, { useState } from 'react'\nimport PropTypes from 'prop-types';\n\nimport { useDispatch } from 'react-redux';\nimport tutorialActions from '../../redux/actions/tutorial.actions';\nimport { STEPS } from '../../constants/tutorial.constants';\n\nconst useStyles = makeStyles(() => ({\n container: {\n backgroundColor: '#F16C24',\n boxShadow: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12)',\n boxSizing: 'border-box',\n padding: '6px 12px',\n borderRadius: '4px',\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n top: 0,\n left: 0,\n margin: 0,\n zIndex: 8000,\n height: '100%',\n color: '#FFF',\n },\n textContainer: {\n width: '100%',\n display: 'flex',\n flexDirection: 'column',\n },\n title: {\n fontSize: '14px',\n alignSelf: 'center',\n fontWeight: 700,\n },\n text: {\n fontSize: '12px',\n fontWeight: 400,\n },\n closeIconContainer: {\n display: 'flex',\n alignItems: 'center',\n },\n closeIcon: {\n padding: 0,\n color: '#FFF',\n },\n link: {\n fontWeight: 700,\n color: '#FFF',\n }\n}));\n\nfunction TutorialInfo ({ step }) {\n const classes = useStyles();\n const dispatch = useDispatch();\n const [display, setDisplay] = useState('flex');\n const currentStep = STEPS[step - 1];\n\n function handleOnClose() {\n setDisplay('none');\n if (currentStep.goToNextStep) {\n dispatch(tutorialActions.setTutorialStep(step + 1));\n setDisplay('flex');\n }\n };\n\n return (\n \n \n \n {breadCrumbs}\n \n \n \n \n {title}\n \n {Boolean(iconVideoTutorial) && iconVideoTutorial}\n \n {step === 3 && location.pathname === '/processes/new' && (\n \n \n )}\n {step === 4 && isProcessDetailsPage && (\n \n \n )}\n {buttonGroup}\n {addButtonText\n && (\n \n \n
\n \n \n <>\n {children}\n \n \n
\n \n 
\n \n \n {pageTitle}\n \n \n\n { pageSubtitle && (\n \n \n {pageSubtitle}\n \n \n )}\n\n {children}\n
\n {this.getErrorMessage()}
;\n }\n}\n\nexport default CheckboxValidator;\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport {\n Link, Box, Grid, Typography, InputAdornment, IconButton, Divider, makeStyles\n} from '@material-ui/core/';\nimport { Visibility, VisibilityOff } from '@material-ui/icons';\n\nimport { ValidatorForm, TextValidator } from 'react-material-ui-form-validator';\nimport { FormattedMessage, useIntl } from 'react-intl';\nimport AuthLayout from '../AuthLayout/AuthLayout';\nimport Button from '../../controls/Button';\nimport GoogleButton from '../../controls/GoogleButton';\nimport { userActions } from '../../../redux/actions';\nimport {\n privacyPolicyText, termsAndConditionsText, validationConstants, videoTutorialId,\n} from '../../../constants';\nimport VideoTutorialModal from '../../controls/VideoTutorialModal';\nimport MuiPhoneNumberValidator from '../../controls/MuiPhoneNumberValidator';\nimport CheckboxValidator from '../../controls/CheckboxValidator';\nimport colors from '../../../assets/colors';\nimport TermsAndConditionsModal from '../../controls/TermsAndConditionsModal';\nimport { validatorHelper } from '../../../helpers';\nimport { taxIDs } from '../../../common/taxIDs';\nimport TaxIdSelector from '../TaxIdSelector/TaxIdSelector';\nimport { handleTaxIDType } from '../../../helpers/handleTaxIDType';\n\nconst useStyles = makeStyles(() => ({\n contract: {\n fontSize: '12px',\n cursor: 'pointer',\n color: colors.darkGray,\n },\n}));\n\nconst initialFieldValues = {\n email: '',\n firstName: '',\n lastName: '',\n companyName: '',\n password: '',\n phoneNumber: '',\n showPassword: false,\n termsAndConditions: false,\n privacyPolicy: false,\n taxIDType: '',\n taxID: '',\n};\nconst initialModalState = {\n openTermsAndConditions: false,\n openPrivacyPolicy: false,\n};\n\nfunction RegisterPage() {\n const intl = useIntl();\n const classes = useStyles();\n const dispatch = useDispatch();\n const registering = useSelector((state) => state.registration.registering);\n const loggingIn = useSelector((state) => state.authentication.loggingIn);\n const [values, setValues] = useState(initialFieldValues);\n const [modalState, setModalState] = useState(initialModalState);\n const [taxIdSelected, setTaxIdSelected] = useState();\n\n const passwordCriteriaText = intl.formatMessage({ id: 'app.passwordCriteria', defaultMessage: 'La contraseña debe tener al menos 6 caracteres, 1 minúscula, 1 mayúscula, 1 caracter numérico y 1 caracter no alfanumérico' });\n const phoneNumberLabel = intl.formatMessage({ id: 'people.phoneNumber', defaultMessage: 'Número de teléfono' });\n\n const titleWithTutorialVideo = (\n (this.rootRef = el)}>\n
\n\n \n
\n \n \n \n \n \n {processMapText}\n \n \n \n {(step === 1 && !company?.data?.isFirstLogin && !showWelcomeModal && !mustChangePassword) && (\n \n \n )}\n \n \n {updatingGraph && (\n <>\n \n Guardando...\n \n \n )}\n {company.syncResult && company.syncResult.sync && !updatingGraph && (\n <>\n \n {syncResultOkText}\n \n\n \n )}\n {company.syncResult && hasProcesses && !company.syncResult.sync && !updatingGraph && (\n <>\n \n {syncResultFailedText}\n \n \n )}\n {company.saveResult && company.saveResult.success && !updatingGraph && (\n <>\n \n \n {saveResultOkText}\n \n \n\n \n )}\n {company.saveResult && !company.saveResult.success && !updatingGraph && (\n <>\n \n {saveResultFailedText}\n \n \n )}\n {editMode && hasProcesses && (\n <>\n \n \n { handleDialogOpen('processDialog'); }}\n />\n { handleDialogOpen('areaDialog'); }}\n />\n\n \n\n \n\n \n\n \n\n \n\n \n \n \n {!(graphLoadComplete) && (\n \n \n
\n );\n}\n\nProcessMap.propTypes = {\n setIsEditModeForBreadcrumbs: PropTypes.func.isRequired,\n};\n\nexport default ProcessMap;\n","import { Breadcrumbs, makeStyles, Typography } from '@material-ui/core';\nimport React, { useState } from 'react';\nimport { useIntl } from 'react-intl';\nimport { Link } from 'react-router-dom';\nimport Home from '../../Home/LoggedInLayout';\nimport ProcessMap from './ProcessMap';\n\nconst useStyles = makeStyles(() => ({\n main: {\n backgroundColor: '#F8F8F8',\n },\n breadcrumbs: {\n padding: '0 0 0 40px',\n position: 'relative',\n zIndex: 2,\n top: '16px',\n },\n}));\n\nfunction ProcessMapPage() {\n const classes = useStyles();\n const intl = useIntl();\n const processText = intl.formatMessage({ id: 'processes.title', defaultMessage: 'Procesos' });\n const mapText = intl.formatMessage({ id: 'processMap.map', defaultMessage: 'Mapa' });\n const editText = intl.formatMessage({ id: 'app.edit', defaultMessage: 'Editar' });\n const [isEditModeForBreadcrumbs, setIsEditModeForBreadcrumbs] = useState(false);\n return (\n \n \n { editMode && (\n
\n \n\n \n
\n )}\n \n
\n \n \n \n
\n \n \n \n {processText} \n \n \n {mapText} \n \n {isEditModeForBreadcrumbs && (\n {editText} \n )}\n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n\n \n { handleDialogOpen('deleteProcessDialog'); }}\n text={deleteText}\n style={{ fontSize: '10px', fontWeight: 600 }}\n disabled={!isAdmin}\n />\n \n \n
\n );\n}\n\nProcessForm.propTypes = {\n data: PropTypes.shape(PropTypes.string),\n edit: PropTypes.bool,\n};\n\nProcessForm.defaultProps = {\n data: {},\n edit: false,\n};\n\nexport default ProcessForm;\n","import React from 'react';\nimport { useIntl } from 'react-intl';\nimport { Breadcrumbs, makeStyles, Typography } from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport ProcessForm from '../ProcessForm';\nimport PageLayout from '../../PageLayout';\n\nconst useStyles = makeStyles((theme) => ({\n main: {\n backgroundColor: '#F8F8F8',\n },\n toolbar: {\n backgroundColor: '#F8F8F8',\n zIndex: 1,\n },\n toolbarTitle: {\n color: '#F79A56',\n flexGrow: 1,\n },\n layout: {\n width: 'auto',\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(2),\n [theme.breakpoints.up(600 + theme.spacing(2) * 2)]: {\n marginLeft: 'auto',\n marginRight: 'auto',\n },\n },\n paper: {\n backgroundColor: '#F8F8F8',\n [theme.breakpoints.up(600 + theme.spacing(3) * 2)]: {\n marginBottom: theme.spacing(6),\n padding: theme.spacing(2),\n },\n },\n}));\n\nfunction NewProcessPage() {\n const classes = useStyles();\n const intl = useIntl();\n const newProcessText = intl.formatMessage({ id: 'processes.new.title', defaultMessage: 'Nuevo' });\n const processesText = intl.formatMessage({ id: 'processes.title', defaultMessage: 'Procesos' });\n function NewProcessBreadcrumbs() {\n return (\n - \n
\n \n \n 
\n \n \n \n {file.name}\n \n \n \n \n {renderFileSize(file.size, fileExtension)}\n \n \n \n {intl.formatMessage({ id: 'document.upload_success', defaultMessage: 'El archivo se subió correctamente' })}\n \n \n \n\n \n { (usingEditor) &&
\n );\n };\n const Input = ({\n // eslint-disable-next-line react/prop-types\n onFiles, file: fileInput, getFilesFromEvent: getFilesFromEventInput,\n }) => {\n const uploadText = intl.formatMessage({ id: 'app.upload_file', defaultMessage: 'SUBIR ARCHIVO' });\n\n function handleChangeFile(e) {\n getFilesFromEventInput(e).then((chosenFiles) => {\n onFiles(chosenFiles);\n setValues({\n ...values, file: chosenFiles[0],\n });\n });\n }\n\n return (\n \n \n \n \n \n \n \n \n \n \n {uploadRestrictionText}\n \n \n \n { (usingEditor) &&
\n );\n };\n\n const getFilesFromEvent = (e) => new Promise((resolve) => {\n getDroppedOrSelectedFiles(e).then((chosenFiles) => {\n resolve(chosenFiles.map((f) => f.fileObject));\n });\n });\n\n function handleSubmit(e) {\n e.preventDefault();\n const fd = new FormData();\n fd.append('title', title);\n fd.append('reviewerUserNames', reviewerUserNames);\n if (usingEditor) {\n fd.append('editableHtml', content);\n } else {\n fd.append('file', file);\n }\n fd.append('versionName', name);\n if (entity === 'process') { dispatch(documentActions.createFromProcess(fd, entityId)); }\n if (entity === 'person') { dispatch(documentActions.createFromPerson(fd, entityId)); }\n if (entity === 'deviation') { dispatch(documentActions.createFromDeviation(fd, entityId)); }\n if (entity === 'training') { dispatch(documentActions.createFromTraining(fd, entityId)); }\n if (entity === 'provider') { dispatch(documentActions.createFromProvider(fd, entityId)); }\n if (entity === 'workFieldEvaluation') { dispatch(documentActions.createFromWorkFieldEvaluation(fd, entityId)); }\n }\n\n function handleChange(e) {\n const { name: nameChanged, value } = e.target;\n setValues({\n ...values,\n [nameChanged]: value,\n });\n }\n\n function handleChangeQuill(html) {\n if (html === '\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {people.map((item) => {\n if (!item.names) return null;\n return (\n \n );\n })}\n \n \n \n \n \n \n \n { (!usingEditor && !(usingEditor === null))\n ? (\n \n \n ) : '' }\n \n \n \n \n \n {helpLabel} \n \n \n {helpText} \n \n \n \n \n \n O \n \n \n \n \n \n \n \n\n \n \n \n \n \n
\n );\n}\n\nDocumentForm.propTypes = {\n entity: PropTypes.string,\n entityId: PropTypes.string,\n};\n\nDocumentForm.defaultProps = {\n entity: '',\n entityId: '',\n};\n\nexport default DocumentForm;\n","import React, { useEffect, useState } from 'react';\nimport { useIntl } from 'react-intl';\nimport {\n Breadcrumbs, Typography, Grid,\n} from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport queryString from 'query-string';\nimport { useDispatch, useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport PageLayout from '../../PageLayout';\nimport DocumentForm from '../DocumentForm';\nimport {\n deviationActions, personActions, processActions, trainingActions, providerActions,\n workFieldEvaluationActions,\n} from '../../../redux/actions';\n\nfunction NewDocumentPage({ location }) {\n const intl = useIntl();\n const newText = intl.formatMessage({ id: 'app.new', defaultMessage: 'Nuevo' });\n const newDocumentText = intl.formatMessage({ id: 'document.new', defaultMessage: 'Nuevo documento' });\n const documentText = intl.formatMessage({ id: 'documents.title_pl', defaultMessage: 'Documentos' });\n const parsedQueryString = queryString.parse(location.search);\n const [queryParams] = useState({\n entity: parsedQueryString.entity,\n entityId: parsedQueryString.entityId,\n });\n\n const { entity, entityId } = queryParams;\n\n const dispatch = useDispatch();\n const person = useSelector((state) => state.person.data);\n const deviation = useSelector((state) => state.deviation.data);\n const training = useSelector((state) => state.training.data);\n const provider = useSelector((state) => state.provider.data);\n const process = useSelector((state) => state.process.data);\n const workFieldEvaluation = useSelector((state) => state.workFieldEvaluation.data);\n\n const entitiesUrls = {\n person: 'people',\n deviation: 'deviations',\n process: 'processes',\n training: 'trainings',\n provider: 'providers',\n workFieldEvaluation: 'workFieldEvaluations',\n };\n\n const entitiesLabels = {\n person: 'Personas',\n deviation: 'Desviaciones',\n process: 'Procesos',\n training: 'Capacitaciones',\n provider: 'Proveedores',\n workFieldEvaluation: 'Evaluaciones de rubro',\n };\n\n useEffect(() => {\n if (entity === 'person') {\n dispatch(personActions.get(entityId));\n }\n if (entity === 'process') {\n dispatch(processActions.get(entityId));\n }\n if (entity === 'deviation') {\n dispatch(deviationActions.getDeviations(entityId));\n }\n if (entity === 'training') {\n dispatch(trainingActions.get(entityId));\n }\n if (entity === 'provider') {\n dispatch(providerActions.get(entityId));\n }\n if (entity === 'workFieldEvaluation') {\n dispatch(workFieldEvaluationActions.get(entityId));\n }\n }, [dispatch, entityId, entity]);\n\n function getEntityLabel() {\n let label = '';\n if (entity === 'person' && person) label = `${person.names} ${person.surnames}`;\n if (entity === 'process' && process) label = process.name;\n if (entity === 'deviation' && deviation) label = deviation.title;\n if (entity === 'training' && training) label = training.title;\n if (entity === 'provider' && provider) label = provider.name;\n if (entity === 'workFieldEvaluation' && workFieldEvaluation) label = workFieldEvaluation.title;\n return label;\n }\n\n function NewDocumentBreadcrumbs() {\n const entityLabel = getEntityLabel();\n return (\n \n {' '}\n { ReactHtmlParser(actualVersion.editableHtml) }\n {' '}\n
\n \n \n \n \n \n \n \n {file.name}\n \n \n \n \n {renderFileSize(file.size, fileExtension)}\n \n \n \n {intl.formatMessage({ id: 'document.upload_success', defaultMessage: 'El archivo se subió correctamente' })}\n \n \n \n\n \n
\n );\n };\n\n const Input = ({\n // eslint-disable-next-line react/prop-types\n onFiles, file: fileInput, getFilesFromEvent: getFilesFromEventInput,\n }) => {\n const uploadText = intl.formatMessage({ id: 'app.upload_file', defaultMessage: 'SUBIR ARCHIVO' });\n\n function handleChangeFile(e) {\n getFilesFromEventInput(e).then((chosenFiles) => {\n onFiles(chosenFiles);\n setValues({\n ...values, file: chosenFiles[0],\n });\n });\n }\n\n return (\n \n \n \n \n \n \n \n \n \n \n {uploadRestrictionText}\n \n \n \n
\n );\n };\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {people.map((item) => {\n if (!item.names) return null;\n return (\n \n );\n })}\n \n \n \n \n { documentWithFile\n ? (\n \n \n ) : \n { handleDownloadAction(document.id); }} display=\"inline\" className={classes.linkDocuments} style={{ paddingLeft: '10px', textDecoration: 'none' }}>{downloadLastVersionText} \n \n )}\n { versionMissing && { documentWithFile ? versionMissingFileText : versionMissingContentText }}\n\n \n\n \n \n \n \n \n \n \n \n \n \n { document.versions && (\n \n \n {versionsLabel}\n \n \n \n
\n \n \n ) }\n \n\n \n } />\n } />\n \n \n
\n ) : \n \n {(() => {\n if (loading) {\n return \n {loading &&
\n \n \n \n \n \n \n \n
\n \n \n \n
\n \n\n \n
\n
\n )}\n {Boolean(productSelected) && (\n \n \n {text}\n \n {loading &&
\n );\n}\n","import React, { useState } from 'react';\nimport { useIntl } from 'react-intl';\nimport {\n Box,\n Breadcrumbs, Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n IconButton,\n Typography,\n} from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport CreateIcon from '@material-ui/icons/Create';\nimport DeleteRoundedIcon from '@material-ui/icons/DeleteRounded';\nimport { useDispatch, useSelector } from 'react-redux';\nimport GroupAddIcon from '@material-ui/icons/GroupAdd';\nimport DataTable from '../../DataTable/DataTable';\nimport PageLayout from '../../PageLayout';\nimport Button from '../../controls/Button';\nimport { personActions } from '../../../redux/actions';\nimport { history } from '../../../helpers';\nimport CircleButton from '../../controls/CircleButton';\n\nfunction PersonPage() {\n const dispatch = useDispatch();\n const intl = useIntl();\n const title = intl.formatMessage({ id: 'people.title', defaultMessage: 'Personas' });\n const initialFieldValues = {\n selectedPersonId: 0,\n deletePersonDialog: false,\n };\n const [values, setValues] = useState(initialFieldValues);\n const { selectedPersonId, deletePersonDialog } = values;\n const deletePersonTitle = intl.formatMessage({ id: 'people.delete.title', defaultMessage: 'Eliminar persona' });\n const editPersonTitle = intl.formatMessage({ id: 'people.edit.title', defaultMessage: 'Modificar persona' });\n const deletePersonText = intl.formatMessage({ id: 'people.deletePersonText', defaultMessage: '¿Está seguro que quiere eliminar a la persona?' });\n const deletingPerson = useSelector((state) => state.person.deleting);\n const userAuth = useSelector((state) => state.authentication.user);\n const company = useSelector((state) => state.company);\n const isAdmin = userAuth.roles.includes('Admin');\n const cancelButtonText = intl.formatMessage({ id: 'app.cancel', defaultMessage: 'Cancelar' });\n const deletePersonButtonText = intl.formatMessage({ id: 'app.delete', defaultMessage: 'Eliminar' });\n const bulkCreationTitle = intl.formatMessage({ id: 'user.bulkCreationTitle', defaultMessage: 'Carga múltiple' });\n const doesNotHaveLabel = intl.formatMessage({ id: 'user.doesNotHave', defaultMessage: 'No posee' });\n const userTypeOptions = {\n Admin: intl.formatMessage({ id: 'people.admin', defaultMessage: 'Administrador' }),\n User: intl.formatMessage({ id: 'people.user', defaultMessage: 'Usuario' }),\n NoAccess: intl.formatMessage({ id: 'people.noAccess', defaultMessage: 'Sin acceso al sistema' }),\n };\n\n function handleDialogOpen(dialogName, personId = null) {\n if (personId) {\n setValues({ selectedPersonId: personId, [dialogName]: true });\n } else {\n setValues({ ...values, [dialogName]: true });\n }\n }\n\n function handleDialogClose(dialogName) {\n setValues({ ...values, [dialogName]: false });\n }\n\n function deletePerson(personId) {\n dispatch(personActions.deletePerson(personId));\n handleDialogClose('deletePersonDialog');\n }\n\n function actionsButtons(link, personId, isOwnerOfCompany) {\n if (!isAdmin) return null;\n return (\n <>\n \n \n \n { (user.roles.includes('Admin')) && (\n \n \n \n \n {imageUrl || imageValues.url\n ? (\n \n \n \n \n \n \n \n )}\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n \n \n \n \n\n \n \n {\n setValues({ ...values, birthdate: new Date(value).toISOString() });\n }}\n fullWidth\n margin=\"normal\"\n id=\"birthdate\"\n label={birthdateLabel}\n name=\"birthdate\"\n size=\"small\"\n format=\"dd/MM/yyyy\"\n minDateMessage={invalidDateLabel}\n disableFuture\n cancelLabel={cancelButtonText}\n InputProps={{\n endAdornment: (\n handleClr(e)}>\n \n ),\n }}\n />\n \n \n\n \n \n {outlines && outlines.length\n ? (\n <>\n {addOutlineText} \n \n \n {outlines.map((outline) => (\n \n ))}\n \n \n )\n : (\n \n \n {noOutlineText}\n \n\n \n \n {createLink}\n \n \n \n )}\n \n \n\n \n \n \n \n\n \n \n {userTypeText} \n \n \n\n \n \n \n \n\n \n \n \n {positionLabel}\n \n { values.personRoles.length > 0\n ? (\n <>\n {values.personRoles.map((item, index) => {\n const key = `personRole-${index}-${item.name}`;\n return (\n \n \n {item.name}\n \n \n { handleEditPersonRole(index); }}>\n \n { handleRemovePersonRole(index); }}>\n \n \n \n );\n })}\n \n )\n : (\n \n \n \n \n ) }\n { handleDialogOpen('addPersonRoleModal'); }}\n style={{\n fontSize: 11, fontWeight: 600, color: '#F16C24', textTransform: 'uppercase', cursor: 'pointer', padding: 10, paddingLeft: 0,\n }}\n >\n \n \n \n \n \n \n\n \n { handleDialogOpen('deletePersonDialog'); }}\n text={deleteText}\n disabled={!isAdmin || isCompanyOwnerPersonToEdit}\n style={{ fontSize: '10px', fontWeight: 600 }}\n />\n \n \n
\n );\n}\n\nPersonForm.propTypes = {\n data: PropTypes.shape(),\n edit: PropTypes.bool,\n imageUrl: PropTypes.string,\n};\n\nPersonForm.defaultProps = {\n data: {},\n edit: false,\n imageUrl: '',\n};\n\nexport default PersonForm;\n","import React from 'react';\nimport { useIntl } from 'react-intl';\nimport { Breadcrumbs, makeStyles, Typography } from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport PersonForm from '../PersonForm';\nimport PageLayout from '../../PageLayout';\n\nconst useStyles = makeStyles((theme) => ({\n main: {\n backgroundColor: '#F8F8F8',\n },\n toolbar: {\n backgroundColor: '#F8F8F8',\n zIndex: 1,\n },\n toolbarTitle: {\n color: '#F79A56',\n flexGrow: 1,\n },\n layout: {\n width: 'auto',\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(2),\n [theme.breakpoints.up(600 + theme.spacing(2) * 2)]: {\n marginLeft: 'auto',\n marginRight: 'auto',\n },\n },\n paper: {\n backgroundColor: '#F8F8F8',\n [theme.breakpoints.up(600 + theme.spacing(3) * 2)]: {\n marginBottom: theme.spacing(6),\n padding: theme.spacing(2),\n },\n },\n}));\n\nfunction NewPersonPage() {\n const classes = useStyles();\n const intl = useIntl();\n const newPersonText = intl.formatMessage({ id: 'people.new.title', defaultMessage: 'Nueva' });\n const peopleTitleText = intl.formatMessage({ id: 'people.title', defaultMessage: 'Personas' });\n function NewPersonBreadcrumbs() {\n return (\n \n \n \n \n \n \n \n \n \n \n -1}\n />\n {role.name}\n \n ))}\n\n \n \n \n \n \n \n {personLinkedLabel} \n \n \n {people && people.map((personToSelect) => {\n if (person && (personToSelect.id !== person.id)) {\n return (\n \n );\n } if (person) {\n return (\n \n );\n }\n if (!person) {\n return (\n \n );\n }\n return null;\n })}\n \n \n \n \n \n\n \n { handleDialogOpen('deleteUserDialog'); }}\n text={deleteText}\n style={{ fontSize: '10px', fontWeight: 600 }}\n />\n \n \n
\n );\n}\n\nUserForm.propTypes = {\n data: PropTypes.shape(),\n edit: PropTypes.bool,\n};\n\nUserForm.defaultProps = {\n data: {},\n edit: false,\n};\n\nexport default UserForm;\n","import React from 'react';\nimport { useIntl } from 'react-intl';\nimport { Breadcrumbs, makeStyles, Typography } from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport UserForm from '../UserForm';\nimport PageLayout from '../../PageLayout';\n\nconst useStyles = makeStyles((theme) => ({\n main: {\n backgroundColor: '#F8F8F8',\n },\n toolbar: {\n backgroundColor: '#F8F8F8',\n zIndex: 1,\n },\n toolbarTitle: {\n color: '#F79A56',\n flexGrow: 1,\n },\n layout: {\n width: 'auto',\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(2),\n [theme.breakpoints.up(600 + theme.spacing(2) * 2)]: {\n marginLeft: 'auto',\n marginRight: 'auto',\n },\n },\n paper: {\n backgroundColor: '#F8F8F8',\n [theme.breakpoints.up(600 + theme.spacing(3) * 2)]: {\n marginBottom: theme.spacing(6),\n padding: theme.spacing(2),\n },\n },\n}));\n\nfunction NewUserPage() {\n const classes = useStyles();\n const intl = useIntl();\n const newUserText = intl.formatMessage({ id: 'user.newTitle', defaultMessage: 'Nuevo usuario' });\n const usersText = intl.formatMessage({ id: 'user.usersTitle', defaultMessage: 'Usuarios' });\n function NewUserBreadcrumbs() {\n return (\n \n \n \n \n \n \n \n {fileUpload && fileUpload.name}\n \n \n {renderFileSize(fileUpload && fileUpload.size, fileExtension)}\n \n \n {user.creating && \n \n \n
\n );\n };\n const Input = ({\n // eslint-disable-next-line react/prop-types\n onFiles, file, getFilesFromEvent,\n }) => {\n const uploadText = intl.formatMessage({ id: 'app.upload_file', defaultMessage: 'SUBIR ARCHIVO' });\n\n function handleChangeFile(e) {\n getFilesFromEvent(e).then((chosenFiles) => {\n onFiles(chosenFiles);\n setFileUpload(chosenFiles[0]);\n });\n }\n\n return (\n \n \n \n \n \n \n \n \n \n \n {uploadRestrictionText}\n \n \n \n
\n );\n };\n\n const getFilesFromEvent = (e) => new Promise((resolve) => {\n getDroppedOrSelectedFiles(e).then((chosenFiles) => {\n resolve(chosenFiles.map((f) => f.fileObject));\n });\n });\n\n function handleChangeStatus({ file }, status) {\n if (status === 'done') {\n setFileUpload(file);\n const fd = new FormData();\n fd.append('title', 'ListUser');\n fd.append('file', file);\n handleDispatcher(fd);\n }\n }\n\n return (\n \n \n \n \n \n \n \n \n\n \n \n \n \n {requiredKnowledgesLabel}\n \n \n {addRequiredKwnoledgesText}\n \n \n \n \n \n \n\n \n { handleDialogOpen('deleteOutlineDialog'); }}\n text={deleteText}\n style={{ fontSize: '10px', fontWeight: 600 }}\n disabled={!isAdmin}\n />\n \n \n \n
\n );\n};\n\nOutlineForm.propTypes = {\n data: PropTypes.shape(),\n edit: PropTypes.bool,\n};\n\nOutlineForm.defaultProps = {\n data: {},\n edit: false,\n};\n\nexport default OutlineForm;\n","import React from 'react';\nimport { useIntl } from 'react-intl';\nimport { Breadcrumbs, makeStyles, Typography } from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport OutlineForm from '../OutlineForm';\nimport PageLayout from '../../PageLayout';\n\nconst useStyles = makeStyles((theme) => ({\n main: {\n backgroundColor: '#F8F8F8',\n },\n toolbar: {\n backgroundColor: '#F8F8F8',\n zIndex: 1,\n },\n toolbarTitle: {\n color: '#F79A56',\n flexGrow: 1,\n },\n layout: {\n width: 'auto',\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(2),\n [theme.breakpoints.up(600 + theme.spacing(2) * 2)]: {\n marginLeft: 'auto',\n marginRight: 'auto',\n },\n },\n paper: {\n backgroundColor: '#F8F8F8',\n [theme.breakpoints.up(600 + theme.spacing(3) * 2)]: {\n marginBottom: theme.spacing(6),\n padding: theme.spacing(2),\n },\n },\n}));\n\nfunction NewOutlinePage() {\n const classes = useStyles();\n const intl = useIntl();\n const newOutlineText = intl.formatMessage({ id: 'outline.newTitle', defaultMessage: 'Nuevo perfil' });\n const outlinesText = intl.formatMessage({ id: 'outline.outlinesText', defaultMessage: 'Perfiles' });\n\n function NewOutlineBreadcrumbs() {\n return (\n - \n
- \n {parsedRequiredKnowledges.length > 0\n ? (parsedRequiredKnowledges.map((item) => (\n
\n {((people && people.length !== 0) || edit) ? (\n \n \n \n \n {edit ? (\n <>\n \n {outlineEvaluationPersonLabel}\n \n \n {`${values.person.names} ${values.person.surnames}`}\n \n \n ) : (\n \n {outlineEvaluationPersonLabel} \n \n\n {people && people.map((personToSelect) => {\n if (values.person && (personToSelect.id !== values.person.id)) {\n return (\n \n );\n } if (values.person) {\n return (\n \n );\n }\n if (!values.person) {\n return (\n \n );\n }\n return null;\n })}\n \n \n )}\n\n \n \n \n \n { setValues({ ...values, date: value }); }}\n fullWidth\n margin=\"normal\"\n id=\"date\"\n label={dateLabel}\n name=\"date\"\n size=\"small\"\n format=\"dd/MM/yyyy\"\n minDateMessage={invalidDateLabel}\n InputProps={{\n endAdornment: (\n handleClr(e)}>\n \n ),\n }}\n />\n \n \n \n \n {edit\n ? (\n <>\n \n {outlineEvaluationOutlineLabel}\n \n \n {values.outlineSelected.name}\n \n \n )\n : (\n \n {outlineEvaluationOutlineLabel} \n \n \n {\n values.person && values.person.outlines.map((item) => (\n \n ))\n }\n \n \n )}\n \n \n \n \n \n \n {people && people.map((item) => {\n if (!item.names) return null;\n return (\n \n );\n })}\n \n \n \n \n \n \n \n {evaluatorCommentsLabel}\n \n \n \n\n {edit && (\n \n \n \n {feedbackLabel}\n \n \n \n )}\n\n {!edit && \n \n {((!values.person && !values.evaluatedOutline)\n || (values.person && !values.outlineSelected)) && (\n \n {requiredKnowledgesLabel}\n \n )}\n\n {!values.person && !values.evaluatedOutline && (\n \n {selectPersonRequiredKnowledges}\n \n )}\n\n {values.person && !values.person.outlines.length && !edit && (\n <>\n \n {noOutlineText}\n \n \n \n {createLink}\n \n \n \n )}\n\n {values.person && !!values.person.outlines.length && !values.outlineSelected && (\n \n {selectOutlineToEvaluateLabel}\n \n )}\n\n {values.person\n && (values.outlineSelected && values.outlineSelected.id !== 0)\n && (outline || values.evaluatedOutline) && (\n \n {checkApprovedKnowledgesLabel}\n \n )}\n\n {values.person\n && (values.outlineSelected\n && values.outlineSelected.id !== 0)\n && outline && !values.evaluatedOutline && (\n \n \n\n \n\n \n { handleDialogOpen('deleteOutlineEvaluationDialog'); }}\n text={deleteText}\n style={{ fontSize: '10px', fontWeight: 600 }}\n disabled={!isAdmin}\n />\n \n \n ) :
\n );\n};\n\nOutlineEvaluationForm.propTypes = {\n data: PropTypes.shape(),\n edit: PropTypes.bool,\n people: PropTypes.arrayOf(PropTypes.shape()),\n};\n\nOutlineEvaluationForm.defaultProps = {\n data: {},\n edit: false,\n people: [],\n};\n\nexport default OutlineEvaluationForm;\n","/* eslint-disable react/prop-types */\nimport React, { useEffect } from 'react';\nimport { useIntl } from 'react-intl';\nimport { Breadcrumbs, Typography } from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport OutlineEvaluationForm from '../OutlineEvaluationForm';\nimport { personActions } from '../../../redux/actions';\nimport PageLayout from '../../PageLayout';\n\nconst NewOutlineEvaluationPage = () => {\n const intl = useIntl();\n const dispatch = useDispatch();\n const people = useSelector((state) => state.person.people);\n const newOutlineEvaluationText = intl.formatMessage({ id: 'outlineEvaluation.newTitle', defaultMessage: 'Nueva evaluación de perfil' });\n const outlinesEvaluationsText = intl.formatMessage({ id: 'outlineEvaluation.evaluationsText', defaultMessage: 'Evaluaciones' });\n\n useEffect(() => {\n dispatch(personActions.getAll());\n }, [dispatch]);\n\n function NewOutlineEvaluationBreadcrumbs() {\n return (\n - \n {checked.map((item) => (\n
- \n {values.answers.map((item) => (\n
- \n
- \n
\n \n \n \n \n \n \n \n \n \n \n \n {people && (\n \n (`${option.names} ${option.surnames}`)}\n disableClearable\n renderInput={(params) => (\n { handleChangeInputChargePerson(event); }}\n margin=\"normal\"\n validators={['required']}\n errorMessages={[validationConstants.TRAINING_IN_CHARGE_PERSON_NAME_REQUIRED]}\n />\n )}\n onChange={(event, value) => {\n handleChangeInputChargePerson(event, value);\n }}\n />\n \n )}\n \n \n \n { setValues({ ...values, dateFrom: value }); }}\n fullWidth\n margin=\"normal\"\n id=\"dateFrom\"\n label={dateFromLabel}\n name=\"dateFrom\"\n size=\"small\"\n format=\"dd/MM/yyyy\"\n minDateMessage={invalidDateLabel}\n />\n \n \n \n \n { setValues({ ...values, dateFromHour: value }); }}\n />\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n { setValues({ ...values, dateTo: value }); }}\n fullWidth\n margin=\"normal\"\n id=\"dateTo\"\n label={dateToLabel}\n name=\"dateTo\"\n size=\"small\"\n format=\"dd/MM/yyyy\"\n minDateMessage={invalidDateLabel}\n minDate={new Date(dateFrom)}\n />\n \n \n \n \n { setValues({ ...values, dateToHour: value }); }}\n />\n \n \n \n {people && (\n \n \n {peopleToTrainLabel} \n renderChip(selected)}\n style={{ width: '100%', height: 45 }}\n fullWidth\n multiple\n >\n \n {people.map((person) => (\n \n -1}\n />\n {`${person.names} ${person.surnames}`}\n \n ))}\n \n \n \n )}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {\n edit\n && (\n \n \n \n \n )\n }\n \n \n handleClearDate(e, 'effectivenessVerificationDate')}>\n \n \n \n \n handleClearDate(e, 'effectivenessVerifiedDate')}>\n \n \n { (edit\n || (!edit && status === trainingConstants.FINISHED && Boolean(peopleToTrain.length)))\n && (\n \n \n \n {peopleListLabel}\n \n \n
\n \n \n )}\n \n\n \n { handleDialogOpen('deleteTrainingDialog'); }}\n text={deleteText}\n style={{ fontSize: '10px', fontWeight: 600 }}\n disabled={!isAdmin}\n />\n \n \n \n \n
\n );\n}\n\nTrainingForm.propTypes = {\n data: PropTypes.shape(),\n edit: PropTypes.bool,\n};\n\nTrainingForm.defaultProps = {\n data: {},\n edit: false,\n};\n\nexport default TrainingForm;\n","import React from 'react';\nimport { useIntl } from 'react-intl';\nimport { Breadcrumbs, makeStyles, Typography } from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport PageLayout from '../../PageLayout';\nimport TrainingForm from '../TrainingForm';\n\nconst useStyles = makeStyles((theme) => ({\n main: {\n backgroundColor: '#F8F8F8',\n },\n toolbar: {\n backgroundColor: '#F8F8F8',\n zIndex: 1,\n },\n toolbarTitle: {\n color: '#F79A56',\n flexGrow: 1,\n },\n layout: {\n width: 'auto',\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(2),\n [theme.breakpoints.up(600 + theme.spacing(2) * 2)]: {\n marginLeft: 'auto',\n marginRight: 'auto',\n },\n },\n paper: {\n backgroundColor: '#F8F8F8',\n [theme.breakpoints.up(600 + theme.spacing(3) * 2)]: {\n marginBottom: theme.spacing(6),\n padding: theme.spacing(2),\n },\n },\n}));\n\nfunction NewTrainingPage() {\n const classes = useStyles();\n const intl = useIntl();\n const newTrainingText = intl.formatMessage({ id: 'processes.new.title', defaultMessage: 'Nuevo' });\n const trainingText = intl.formatMessage({ id: 'training.trainingsText', defaultMessage: 'Capacitaciones' });\n\n function NewTrainingBreadcrumbs() {\n return (\n - \n {list.map((item) => (\n
- \n \n
\n {item.description}\n \n \n \n ))}\n
- \n {items.map((item, index) => (\n
\n \n \n \n \n { setValues({ ...values, evaluationDate: value }); }}\n fullWidth\n margin=\"normal\"\n id=\"evaluationDate\"\n name=\"evaluationDate\"\n label={evaluationDateLabel}\n size=\"small\"\n format=\"dd/MM/yyyy\"\n />\n \n \n \n \n {\n setValues({ ...values, nextEvaluationDate: value });\n }}\n fullWidth\n margin=\"normal\"\n id=\"nextEvaluationDate\"\n name=\"nextEvaluationDate\"\n label={nextEvaluationDateLabel}\n size=\"small\"\n format=\"dd/MM/yyyy\"\n minDateMessage={invalidDateLabel}\n minDate={new Date(evaluationDate)}\n />\n \n \n \n \n \n {evaluationText} \n \n \n \n \n \n \n \n \n {lastActionResults}\n \n \n \n \n \n \n {newActionsLabel}\n \n \n \n \n \n \n \n \n \n {probabilityImpactValues.map((val) => (\n \n ))}\n \n \n \n \n \n \n \n {probabilityImpactValues.map((val) => (\n \n ))}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {people?.length && (\n \n {people.map((item) => {\n if (!item.names) return null;\n return (\n \n );\n })}\n \n )}\n \n \n \n \n \n \n \n {`${previousEvaluationActionsText} ${lastEvaluationDate()}`}\n \n \n \n \n {lastActions()}\n \n \n \n \n \n \n \n \n
\n );\n}\n\nRiskEvaluationForm.propTypes = {\n data: PropTypes.object,\n risk: PropTypes.object,\n};\n\nRiskEvaluationForm.defaultProps = {\n data: {},\n risk: {},\n};\n\nexport default RiskEvaluationForm;\n","import React, { useEffect } from 'react';\nimport {\n Breadcrumbs,\n LinearProgress,\n makeStyles,\n Typography,\n} from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport { useIntl } from 'react-intl';\nimport PropTypes from 'prop-types';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { riskActions } from '../../../redux/actions';\nimport EditEvaluationForm from './EditEvaluationForm';\nimport PageLayout from '../../PageLayout';\n\nconst useStyles = makeStyles(() => ({\n textBreadcrumbs: {\n fontWeight: 400,\n fontSize: 11,\n },\n textBreadcrumbsBold: {\n fontWeight: 700,\n fontSize: 11,\n },\n}));\n\nconst EditRiskBreadcrumbs = ({\n modifyText,\n risksText,\n riskId,\n riskTitle,\n}) => {\n const classes = useStyles();\n const riskLink = riskId ? `/risks/${riskId}` : '';\n\n return (\n \n {processes\n ? (\n \n\n \n \n \n \n \n\n \n {providers && providers.length > 0 && (\n \n \n {workFieldEvaluationTexts.relatedProviderOptional} \n \n \n {providers.map((provider) => (\n \n ))}\n \n \n \n )}\n {values.selectedProvider && (\n <>\n \n \n {workFieldEvaluationTexts.relatedEvaluation} \n \n \n {workFieldEvaluationUnapproved && workFieldEvaluationUnapproved\n .filter((e) => e.provider.id === values.selectedProvider)\n .sort((a, b) => new Date(b.date) - new Date(a.date))\n .map((evaluation) => (\n \n ))}\n \n \n \n \n )}\n \n\n \n \n { setValues({ ...values, riskDetectionDate: value }); }}\n fullWidth\n margin=\"normal\"\n id=\"riskDetectionDate\"\n label={detectionDateLabel}\n name=\"riskDetectionDate\"\n size=\"small\"\n format=\"dd/MM/yyyy\"\n minDateMessage={invalidDateLabel}\n />\n \n \n\n \n \n {processes && processes.length === 0 ? (\n \n \n {noProcessesText}\n \n \n \n {createProcessLink}\n \n \n \n\n ) : (\n \n {processesLabel} \n \n -1}\n />\n {`${process.name} `}\n \n ))}\n \n \n )}\n\n \n \n\n \n \n \n \n \n \n\n \n \n \n \n \n \n\n \n \n \n \n \n \n\n \n \n sortableHelper.getNameByType(option.type)}\n getOptionLabel={(option) => option.description}\n disableClearable\n renderInput={(params) => (\n { handleChangeSwotItem(event); }}\n margin=\"normal\"\n validators={['required']}\n errorMessages={[validationConstants.RISK_SWOT_ITEM_REQUIRED]}\n className={classes.autoCompleteInput}\n />\n )}\n onChange={(event, value) => { handleChangeSwotItem(event, value); }}\n />\n \n \n\n \n \n \n \n \n \n\n \n \n \n \n \n \n\n \n \n \n \n \n \n\n \n \n \n \n \n \n\n \n \n setValues({ ...values, riskNextEvaluationDate: value })}\n fullWidth\n margin=\"normal\"\n id=\"riskNextEvaluationDate\"\n label={nextEvaluationDateLabel}\n name=\"riskNextEvaluationDate\"\n size=\"small\"\n format=\"dd/MM/yyyy\"\n minDateMessage={invalidDateLabel}\n />\n \n \n \n \n \n \n {people && people.map((item) => {\n if (!item.names) return null;\n return (\n \n );\n })}\n \n \n \n \n\n \n \n \n \n \n \n\n \n \n \n \n {probabilityImpactValues.map((value) => (\n \n ))}\n \n \n \n\n \n \n \n \n {probabilityImpactValues.map((value) => (\n \n ))}\n \n \n \n\n \n \n { setValues({ ...values, riskEvaluationDate: value }); }}\n fullWidth\n margin=\"normal\"\n id=\"riskEvaluationDate\"\n label={evaluationDateLabel}\n name=\"riskEvaluationDate\"\n size=\"small\"\n format=\"dd/MM/yyyy\"\n minDateMessage={invalidDateLabel}\n />\n \n \n\n \n \n \n \n \n \n \n \n\n \n\n \n \n \n ) : (\n
\n );\n};\n\nexport default RiskForm;\n","import React, { useEffect, useState } from 'react';\nimport { FormattedMessage, useIntl } from 'react-intl';\nimport {\n Breadcrumbs, Typography,\n} from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport PageLayout from '../PageLayout';\nimport RiskForm from './RiskForm';\n\nfunction NewRiskPage() {\n const dispatch = useDispatch();\n const intl = useIntl();\n const user = useSelector((state) => state.authentication.user);\n const [componentMounted, setComponentMounted] = useState(false);\n const breadcrumbsTitle = intl.formatMessage({ id: 'risks.title', defaultMessage: 'Riesgos' });\n const title = intl.formatMessage({ id: 'risks.newRisk', defaultMessage: 'Nuevo riesgo' });\n\n useEffect(() => {\n if (user && !componentMounted) {\n // dispatch(riskActions.get(user.company.id));\n setComponentMounted(true);\n }\n }, [dispatch, user, componentMounted]);\n\n function NewRiskPageBreadcrumbs() {\n return (\n \n \n \n \n \n { setValues({ ...values, evaluationDate: value }); }}\n fullWidth\n margin=\"normal\"\n id=\"evaluationDate\"\n name=\"evaluationDate\"\n label={evaluationDateLabel}\n size=\"small\"\n format=\"dd/MM/yyyy\"\n />\n \n \n \n \n {\n setValues({ ...values, nextEvaluationDate: value });\n }}\n fullWidth\n margin=\"normal\"\n id=\"nextEvaluationDate\"\n name=\"nextEvaluationDate\"\n label={nextEvaluationDateLabel}\n size=\"small\"\n format=\"dd/MM/yyyy\"\n minDateMessage={invalidDateLabel}\n minDate={new Date(evaluationDate)}\n />\n \n \n \n \n \n {evaluationText} \n \n \n \n \n \n \n \n \n {lastActionResults}\n \n \n \n \n \n \n {newActionsLabel}\n \n \n \n \n \n \n \n <>\n \n \n {probabilityImpactValues.map((val) => (\n \n ))}\n \n \n \n \n \n \n <>\n \n \n {probabilityImpactValues.map((val) => (\n \n ))}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n <>\n \n {people && people.map((item) => {\n if (!item.names) return null;\n return (\n \n );\n })}\n \n \n \n \n\n \n\n \n \n \n \n {`${previousEvaluationActionsText} ${LastEvaluationDate()}`}\n \n \n \n \n {LastActions()}\n \n \n \n \n\n \n \n \n {previousEvaluationText} \n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n
\n \n )\n : (\n \n \n \n \n \n {deviationTexts.state}\n \n \n {deviationConstants.statusForm[deviationDetails.currentState].label}\n \n \n \n\n {deviationDetails.workFieldEvaluationId && workFieldEvaluation\n && (\n <>\n \n \n \n {workFieldEvaluationTexts.relatedProvider}\n \n \n {workFieldEvaluation.provider.name}\n \n \n \n \n \n \n {workFieldEvaluationTexts.relatedEvaluation}\n \n \n \n {workFieldEvaluationTexts.date} \n {workFieldEvaluationTexts.workFieldEvaluated} \n {workFieldEvaluationTexts.resultEvaluation} \n \n \n \n \n {moment(workFieldEvaluation.date).format('DD/MM/YYYY')} \n {workFieldEvaluation.workField.name} \n {workFieldHelper.getEvaluationStatusLabel(workFieldEvaluation.evaluationStatus)} \n \n \n \n \n {workFieldEvaluationTexts.seeEvaluation}\n \n \n \n \n \n )}\n \n\n \n {deviationTexts.generalInformation}\n \n \n\n \n \n \n {deviationTexts.processes}\n \n\n \n {deviationDetails.processes.map((item, index) => {\n if ((deviationDetails.processes.length - 1) !== index) return (`${item.name}, `);\n return (`${item.name}`);\n })}\n \n\n \n \n\n \n \n \n {deviationTexts.descriptionOfDeviation}\n \n \n {deviationDetails.description}\n \n \n \n\n \n \n \n {deviationTexts.origin}\n \n \n {deviationConstants.origin[deviationDetails.origin].label}\n \n \n \n\n {deviationDetails.immediateAction && (\n \n \n \n {deviationTexts.immediateAction}\n \n \n {deviationDetails.immediateAction}\n \n \n \n )}\n\n \n \n \n {deviationTexts.detectionDate}\n \n \n {moment(deviationDetails.detectionDate).format('DD/MM/YYYY')}\n \n \n \n\n \n\n {(deviationDetails.correctiveAction || deviationDetails.potentialCause) && (\n <>\n \n {deviationTexts.analysis}\n \n \n\n {deviationDetails.potentialCause && (\n \n \n \n {deviationTexts.potentialCauseBold}\n \n \n {deviationDetails.potentialCause}\n \n \n \n )}\n\n {deviationDetails.correctiveAction && (\n \n \n \n {deviationTexts.correctiveAction}\n \n \n {deviationDetails.correctiveAction}\n \n \n \n )}\n\n \n \n )}\n\n {(deviationDetails.plannedImplementationDate || deviationDetails.headOfImplementation) && (\n <>\n \n {deviationTexts.implementationCorrectiveAction}\n \n \n\n {deviationDetails.plannedImplementationDate && (\n \n \n \n {deviationTexts.plannedImplementationDate}\n \n \n {moment(deviationDetails.plannedImplementationDate).format('DD/MM/YYYY')}\n \n \n \n )}\n\n {deviationDetails.headOfImplementation && (\n \n \n \n {deviationTexts.headOfImplementation}\n \n \n {people.map((item) => {\n if (item.id === deviationDetails.headOfImplementation) return (` ${item.names} ${item.surnames} `);\n return null;\n })}\n \n \n \n )}\n\n \n \n )}\n\n {(deviationDetails.effectiveImplementationDate\n || deviationDetails.expectedEffectivenessVerificationDate\n || deviationDetails.headOfEffectivenessVerification)\n && (\n <>\n \n {deviationTexts.effectivenessVerificationTitle}\n \n \n\n {deviationDetails.effectiveImplementationDate && (\n \n \n \n {deviationTexts.effectiveImplementationDate}\n \n \n {moment(deviationDetails.effectiveImplementationDate).format('DD/MM/YYYY')}\n \n \n \n )}\n\n {deviationDetails.expectedEffectivenessVerificationDate && (\n \n \n \n {deviationTexts.expectedEffectivenessVerificationDate}\n \n \n {moment(deviationDetails.expectedEffectivenessVerificationDate).format('DD/MM/YYYY')}\n \n \n \n )}\n\n {deviationDetails.headOfEffectivenessVerification && (\n \n \n \n {deviationTexts.headOfEffectivenessVerification}\n \n \n {people.map((item) => {\n if (item.id === deviationDetails.headOfEffectivenessVerification) return (`${item.names} ${item.surnames}`);\n return null;\n })}\n \n \n \n )}\n\n {deviationDetails.effectivenessVerificationMethodology && (\n \n \n \n {deviationTexts.effectivenessVerificationMethodology}\n \n \n {deviationDetails.effectivenessVerificationMethodology}\n \n \n \n )}\n\n {deviationDetails.effectivenessVerificationDate && (\n <>\n \n \n \n {deviationTexts.effectivenessVerificationDate}\n \n \n {moment(deviationDetails.effectivenessVerificationDate).format('DD/MM/YYYY')}\n \n \n \n\n \n \n \n {deviationTexts.effectivenessVerified}\n \n \n {\n deviationDetails.effectivenessVerified\n ? deviationTexts.positiveResult\n : deviationTexts.negativeResult\n }\n \n \n \n \n )}\n\n \n \n )}\n\n \n { handleDialogOpen('archiveDeviationDialog'); }}\n text={deviationTexts.archive}\n style={{ fontSize: '10px', fontWeight: 600 }}\n disabled={!isAdmin}\n />\n )}\n \n
\n );\n};\n\nDeviationViewDetail.propTypes = {\n data: PropTypes.shape(),\n};\n\nDeviationViewDetail.defaultProps = {\n data: {},\n};\n\nexport default DeviationViewDetail;\n","import React, { useEffect } from 'react';\nimport { useIntl } from 'react-intl';\nimport { Link } from 'react-router-dom';\nimport {\n Breadcrumbs, LinearProgress, Typography,\n} from '@material-ui/core';\nimport { useDispatch, useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport PageLayout from '../../PageLayout';\nimport { deviationActions } from '../../../redux/actions';\nimport DeviationViewDetail from './DeviationViewDetail';\n\nconst DeviationDetailPage = ({ routeParams: { id: deviationId } }) => {\n const intl = useIntl();\n const dispatch = useDispatch();\n const deviation = useSelector((state) => state.deviation.data);\n const title = intl.formatMessage({ id: 'deviation.title', defaultMessage: 'Desvíos' });\n const deviationDetails = intl.formatMessage({ id: 'deviation.deviationDetails', defaultMessage: 'Detalles' });\n\n function DeviationDetailBreadcrumbs() {\n return (\n - \n {Boolean(processes.length) && (\n
\n {process ? (\n { handleSubmitForm(e); }} autoComplete=\"off\" className={classes.textLabel} instantValidate>\n \n \n \n \n \n \n {Object.entries(deviationConstants.statusForm).map(([key, value], index) => {\n if (value.key === deviationConstants.status.archived.key) {\n if (data.currentState !== deviationConstants.status.archived.key) return null;\n return (\n \n );\n }\n return (\n \n );\n })}\n \n \n \n \n {providers && providers.length > 0 && (\n \n \n \n {workFieldEvaluationTexts.relatedProviderOptional} \n \n \n {providers.map((provider) => (\n \n ))}\n \n \n \n \n )}\n {deviationDetails.selectedProvider && (\n <>\n \n \n \n {workFieldEvaluationTexts.relatedEvaluation} \n \n \n {workFieldEvaluationUnapproved\n && workFieldEvaluationUnapproved\n .filter((e) => e.provider.id === deviationDetails.selectedProvider)\n .sort((a, b) => new Date(b.date) - new Date(a.date))\n .map((evaluation) => (\n \n ))}\n \n \n \n \n \n )}\n \n\n \n {deviationTexts.generalInformation}\n \n \n \n \n \n \n \n \n \n \n \n {Object.entries(deviationConstants.origin).map(([key, value], index) => (\n \n ))}\n \n \n \n \n \n \n \n option.name}\n getOptionSelected={(option, value) => option.id === value.id}\n id=\"processes-select\"\n multiple\n noOptionsText={deviationTexts.noProcessesToSelect}\n options={process}\n size=\"small\"\n loading={!process.length}\n loadingText={deviationTexts.processesLoading}\n value={deviationDetails.processes}\n onChange={(event, newValue) => {\n setDeviationDetails({ ...deviationDetails, processes: [...newValue] });\n }}\n renderOption={(option) => {option.name} }\n renderInput={(params) => (\n \n \n \n \n \n handleClearDate(e, 'detectionDate')}>\n \n \n \n \n \n {deviationTexts.descriptionOfDeviation}\n \n \n \n \n \n \n {deviationTexts.immediateAction}\n \n \n \n \n \n {deviationTexts.analysis}\n \n \n \n \n \n {deviationTexts.potentialCauseBold}\n \n \n \n \n \n \n {deviationTexts.correctiveAction}\n \n \n \n \n \n {deviationTexts.implementationCorrectiveAction}\n \n \n \n \n {\n setDeviationDetails({ ...deviationDetails, plannedImplementationDate: value });\n }}\n InputProps={{\n endAdornment: (\n handleClearDate(e, 'plannedImplementationDate')}>\n \n ),\n }}\n validators={[deviationConstants.statusForm[deviationDetails.currentState].rules.plannedImplementationDate || 'passIfRuleIsUndefined']}\n errorMessages={[deviationTexts.deviationDefaultRequired]}\n />\n \n \n \n \n \n \n \n {people.map((item) => {\n if (!item.names) return null;\n return (\n \n );\n })}\n \n \n \n \n \n \n {deviationTexts.effectivenessVerificationTitle}\n \n \n \n \n {\n setDeviationDetails(\n { ...deviationDetails, effectiveImplementationDate: value },\n );\n }}\n fullWidth\n margin=\"normal\"\n id=\"effectiveImplementationDateId\"\n label={deviationTexts.effectiveImplementationDate}\n name=\"effectiveImplementationDate\"\n size=\"small\"\n format=\"dd/MM/yyyy\"\n minDateMessage={deviationTexts.incorrectDate}\n cancelLabel={deviationTexts.cancel}\n InputProps={{\n className: classes.customInputLabel,\n endAdornment: (\n handleClearDate(e, 'effectiveImplementationDate')}>\n \n ),\n }}\n validators={[deviationConstants.statusForm[deviationDetails.currentState].rules.effectiveImplementationDate || 'passIfRuleIsUndefined']}\n errorMessages={[deviationTexts.deviationDefaultRequired]}\n />\n \n \n \n \n {\n setDeviationDetails(\n { ...deviationDetails, expectedEffectivenessVerificationDate: value },\n );\n }}\n InputProps={{\n className: classes.customInputLabel,\n endAdornment: (\n handleClearDate(e, 'expectedEffectivenessVerificationDate')}>\n \n ),\n }}\n validators={[deviationConstants.statusForm[deviationDetails.currentState].rules.expectedEffectivenessVerificationDate || 'passIfRuleIsUndefined']}\n errorMessages={[deviationTexts.deviationDefaultRequired]}\n />\n \n \n \n \n \n \n \n {people.map((item) => {\n if (!item.names) return null;\n return (\n \n );\n })}\n \n \n \n \n \n \n \n {deviationTexts.effectivenessVerificationMethodology}\n \n \n \n \n \n {\n setDeviationDetails(\n { ...deviationDetails, effectivenessVerificationDate: value },\n );\n }}\n InputLabelProps={{ fontSize: '10px' }}\n InputProps={{\n endAdornment: (\n handleClearDate(e, 'effectivenessVerificationDate')}>\n \n ),\n }}\n validators={['needsToEffectivenessVerified']}\n errorMessages={[deviationTexts.deviationEffectivenessVerificationDate]}\n />\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {\n edit\n && \n { setArchiveSelected(true); }}\n color=\"secondary\"\n text={deviationTexts.archive}\n style={{ fontSize: '10px', fontWeight: 600 }}\n disabled={!isAdmin}\n />\n \n \n )}\n {edit\n ? (\n <>\n handleDialogOpen('deleteDeviationDialog')}\n text={deviationTexts.deleteButton}\n style={{ fontSize: '10px', fontWeight: 600 }}\n disabled={!isAdmin}\n />\n { setArchiveSelected(false); }}\n text={deviationTexts.saveText}\n style={{ fontSize: '10px', fontWeight: 600 }}\n loading={updatingDeviations}\n disabled={!isAdmin}\n />\n \n \n )\n : (\n { setArchiveSelected(false); }}\n loading={creatingDeviations}\n text={deviationTexts.saveText}\n disabled={!isAdmin}\n />\n )}\n \n \n ) : (\n
\n );\n};\n\nDeviationForm.propTypes = {\n data: PropTypes.shape(),\n edit: PropTypes.bool,\n};\n\nDeviationForm.defaultProps = {\n data: {},\n edit: false,\n};\n\nexport default DeviationForm;\n","import React, { useEffect } from 'react';\nimport { useIntl } from 'react-intl';\nimport { Link } from 'react-router-dom';\nimport {\n Breadcrumbs, LinearProgress, Typography,\n} from '@material-ui/core';\nimport { useDispatch, useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport PageLayout from '../../PageLayout';\nimport { deviationActions } from '../../../redux/actions';\nimport DeviationForm from '../DeviationForm';\n\nconst EditDeviationDetailPage = ({ routeParams: { id: deviationId } }) => {\n const intl = useIntl();\n const dispatch = useDispatch();\n const deviation = useSelector((state) => state.deviation.data);\n const title = intl.formatMessage({ id: 'deviation.title', defaultMessage: 'Desvíos' });\n const editDeviation = intl.formatMessage({ id: 'deviation.editDeviation', defaultMessage: 'Editar' });\n\n function EditDeviationBreadcrumbs() {\n const link = `/deviations/${deviationId}`;\n return (\n \n \n {objectiveTexts.generalInformation}\n \n \n \n \n \n {objectiveTexts.yearTitle}\n \n \n {objectiveDetails.year}\n \n \n \n\n \n \n \n {objectiveTexts.descriptionOfObjective}\n \n \n {objectiveDetails.description}\n \n \n \n \n \n \n {objectiveTexts.processes}\n \n \n {objectiveDetails.processes.map((item, index) => {\n if ((objectiveDetails.processes.length - 1) !== index) return (`${item.name}, `);\n return (`${item.name}`);\n })}\n \n \n \n\n \n \n \n {objectiveTexts.evaluationMethod}\n \n \n {objectiveDetails.evaluationMethod}\n \n \n \n\n \n \n \n {objectiveTexts.actionPlanForCompliance}\n \n \n {objectiveDetails.actionPlanForCompliance}\n \n \n \n\n \n \n \n {objectiveTexts.necessaryResources}\n \n \n {objectiveDetails.necessaryResources}\n \n \n \n\n \n \n \n {objectiveTexts.responsibleForCompliance}\n \n \n {people.map((item) => {\n if (item.id === objectiveDetails.responsibleForCompliance) return (` ${item.names} ${item.surnames} `);\n return null;\n })}\n \n \n \n\n \n\n \n {objectiveTexts.measureTitle}\n \n \n\n \n \n \n {objectiveTexts.indicator}\n \n \n {objectiveDetails.indicator}\n \n \n \n\n \n \n \n {objectiveTexts.annualTarget}\n \n \n {objectiveConstants.translateOperators(objectiveDetails.operator)}\n {' '}\n {Boolean(objectiveDetails.annualTarget) && new Intl.NumberFormat('es-AR').format(objectiveDetails.annualTarget)}\n \n {objectiveDetails.isAccumulativeObjective && (\n \n {objectiveTexts.isAccumulativeObjective}\n \n )}\n \n \n\n \n \n \n {objectiveTexts.frequency}\n \n \n {objectiveConstants.frequency[objectiveDetails.frequency]\n ? objectiveConstants.frequency[objectiveDetails.frequency].label\n : '-'}\n \n \n \n \n \n \n \n \n \n \n )}\n \n\n \n toggleDeleteDialog()}\n text={objectiveTexts.deleteButton}\n style={{ fontSize: '10px', fontWeight: 600 }}\n disabled={!isAdmin}\n />\n \n \n
\n );\n};\n\nObjectiveViewDetail.propTypes = {\n data: PropTypes.shape(),\n};\n\nObjectiveViewDetail.defaultProps = {\n data: { },\n};\n\nexport default ObjectiveViewDetail;\n","import React, { useEffect } from 'react';\nimport { useIntl } from 'react-intl';\nimport { Link } from 'react-router-dom';\nimport {\n Breadcrumbs, LinearProgress, Typography,\n} from '@material-ui/core';\nimport { useDispatch, useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport PageLayout from '../../PageLayout';\nimport { objectiveActions } from '../../../redux/actions';\nimport ObjectiveViewDetail from './ObjectiveViewDetail';\n\nconst ObjectiveDetailPage = ({ routeParams: { id: objectiveId } }) => {\n const intl = useIntl();\n const dispatch = useDispatch();\n const objective = useSelector((state) => state.objective.data);\n const title = intl.formatMessage({ id: 'objective.title', defaultMessage: 'Objetivos' });\n const objectiveDetails = intl.formatMessage({ id: 'objective.objectiveDetails', defaultMessage: 'Detalles' });\n\n function ObjectiveDetailBreadcrumbs() {\n return (\n \n {process ? (\n {\n handleSubmitForm(e);\n }}\n autoComplete=\"off\"\n className={classes.textLabel}\n >\n \n {objectiveTexts.generalInformation}\n \n \n \n \n \n \n \n \n \n option.name}\n getOptionSelected={(option, value) => option.id === value.id}\n id=\"processes-select\"\n multiple\n noOptionsText={objectiveTexts.noProcessesToSelect}\n options={process}\n size=\"small\"\n loading={!process.length}\n loadingText={objectiveTexts.processesLoading}\n value={selectedProcesses}\n onChange={(event, newValue) => {\n setSelectedProcesses(newValue);\n const selectedObjectiveProcesses = newValue.map((processF) => processF.id);\n setObjectiveDetails({\n ...objectiveDetails,\n processes: selectedObjectiveProcesses,\n });\n }}\n renderOption={(option) => (\n \n {option.name}\n \n )}\n renderInput={(params) => (\n \n \n \n \n \n \n {objectiveTexts.descriptionOfObjective}\n \n \n \n \n \n \n {objectiveTexts.evaluationMethod}\n \n \n \n \n \n \n {objectiveTexts.actionPlanForCompliance}\n \n \n \n \n \n \n {objectiveTexts.necessaryResources}\n \n \n \n\n \n \n \n \n \n {people.map((item) => {\n if (!item.names) return null;\n return (\n \n {`${item.names} ${item.surnames}`}\n \n );\n })}\n \n \n \n \n \n \n \n \n \n\n \n {objectiveTexts.measureTitle}\n \n \n \n \n \n {objectiveTexts.indicator}\n \n \n \n \n \n \n {objectiveTexts.annualTarget}\n \n \n \n {objectiveConstants.operators.map((value, index) => (\n \n {objectiveConstants.translateOperators(value)}\n \n ))}\n \n \n ),\n }}\n />\n \n \n {objectiveTexts.isAccumulativeObjective}\n \n )}\n />\n \n \n \n\n \n \n \n \n \n {Object.entries(objectiveConstants.frequency).map(([key, value], index) => (\n \n {value.label}\n \n ))}\n \n \n \n \n\n \n \n \n \n {objectiveConstants.measurementDay.map((value, index) => (\n \n {value}\n \n ))}\n \n \n \n \n\n {edit\n && data.frequency && data.measure && objectiveDetails.year\n && (\n \n \n )}\n\n \n\n \n toggleDeleteDialog()}\n text={objectiveTexts.deleteButton}\n style={{ fontSize: '10px', fontWeight: 600 }}\n disabled={!isAdmin}\n />\n \n \n ) : (\n
\n );\n};\n\nObjectiveForm.propTypes = {\n data: PropTypes.shape(),\n edit: PropTypes.bool,\n};\n\nObjectiveForm.defaultProps = {\n data: {},\n edit: false,\n};\n\nexport default ObjectiveForm;\n","import React, { useEffect } from 'react';\nimport { useIntl } from 'react-intl';\nimport { Link } from 'react-router-dom';\nimport {\n Breadcrumbs, LinearProgress, Typography,\n} from '@material-ui/core';\nimport { useDispatch, useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport PageLayout from '../../PageLayout';\nimport { objectiveActions } from '../../../redux/actions';\nimport ObjectiveForm from '../ObjectiveForm';\n\nconst EditObjectiveDetailPage = ({ routeParams: { id: objectiveId } }) => {\n const intl = useIntl();\n const dispatch = useDispatch();\n const objective = useSelector((state) => state.objective.data);\n const title = intl.formatMessage({ id: 'objective.title', defaultMessage: 'Objetivos' });\n const titleEdit = intl.formatMessage({ id: 'objective', defaultMessage: 'Objetivo' });\n const editObjective = intl.formatMessage({ id: 'app.edit', defaultMessage: 'Editar' });\n\n function EditObjectiveBreadcrumbs() {\n const link = `/objectives/${objectiveId}`;\n return (\n \n \n \n \n \n \n \n {updatingGraph && (\n <>\n \n \n \n )}\n {company.syncResult && company.syncResult.sync && !updatingGraph && (\n <>\n \n \n \n )}\n {company.syncResult && hasOrgChart && !company.syncResult.sync && !updatingGraph && (\n <>\n \n \n \n )}\n {company.saveResult && company.saveResult.success && !updatingGraph && (\n <>\n \n \n \n \n \n )}\n {company.saveResult && !company.saveResult.success && !updatingGraph && (\n <>\n \n \n \n )}\n {values.editMode && hasOrgChart && (\n <>\n \n \n \n \n handleDialogOpen('addPersonDialog')}\n />\n \n \n )}\n handleDialogClose('newRoleDialog')}\n open={values.newRoleDialog}\n >\n \n {newRoleTitle} \n \n {enterNewRoleText} \n \n \n handleDialogClose('newRoleDialog')}\n variant=\"outlined\"\n />\n \n \n \n \n\n handleDialogClose('removePersonDialog')}\n fullWidth\n aria-labelledby=\"form-dialog-title\"\n >\n {deletePersonTitle} \n \n {deletePersonConfirmText} \n \n \n handleDialogClose('removePersonDialog')}\n />\n \n \n\n handleDialogClose('addPersonDialog')}\n open={values.addPersonDialog}\n >\n handleDialogClose('addPersonDialog')}\n personRoles={personRoles}\n addedPeople={addedPeople}\n setNewPeopleInOrgChart={setNewPeopleInOrgChart}\n />\n \n {isAdmin && !values.editMode && hasOrgChart && (\n \n \n {!graphLoadComplete && \n \n\n {step === 8 && (\n \n \n )}\n\n \n \n {values.editMode && (\n
\n );\n};\n\nexport default OrgChart;\n","import React, { useEffect } from 'react';\nimport { Box, Breadcrumbs, makeStyles, Typography } from '@material-ui/core';\nimport { useIntl } from 'react-intl';\nimport { Link } from 'react-router-dom';\nimport LoggedInLayout from '../../Home/LoggedInLayout';\nimport OrgChart from './OrgChart';\nimport { useSelector } from 'react-redux';\nimport TutorialInfo from '../../controls/TutorialInfo';\n\nconst useStyles = makeStyles(() => ({\n main: {\n backgroundColor: '#F8F8F8',\n },\n breadcrumbs: {\n padding: '0 0 0 40px',\n position: 'relative',\n zIndex: 2,\n top: '16px',\n },\n}));\n\nconst OrgChartPage = () => {\n const intl = useIntl();\n const classes = useStyles();\n const step = useSelector((state) => state.tutorial.step);\n const orgChartLabel = intl.formatMessage({ id: 'orgChart.title', defaultMessage: 'Organigrama' });\n const editLabel = intl.formatMessage({ id: 'app.edit', defaultMessage: 'Editar' });\n\n useEffect(() => {\n document.title = intl.formatMessage({ id: 'home.orgChartTitle', defaultMessage: 'Pertix - Organigrama' });\n }, [intl]);\n\n return (\n \n
\n )}\n \n \n \n \n \n {orgChartLabel} \n \n {editLabel} \n \n {step === 6 && (\n \n \n )}\n \n
\n \n { handleSubmitForm(e); }} autoComplete=\"off\" className={classes.textLabel}>\n \n {affiliateText.generalInformation}\n \n \n \n \n \n \n \n \n \n \n \n\n \n {affiliateText.discountsTitle}\n \n\n \n \n \n \n \n {affiliateText.discountCoupon}\n \n \n %\n \n \n \n *{affiliateText.onlyFirst3Months}\n \n \n\n \n \n {affiliateText.includesFreeInitialMonth}\n \n )}\n />\n \n \n \n\n \n \n {affiliateText.paymentCommission}\n \n \n \n %\n \n \n \n\n \n \n \n
\n );\n};\n\nexport default AffiliateForm;\n","import React from 'react';\nimport { useIntl } from 'react-intl';\nimport { Link } from 'react-router-dom';\nimport {\n Breadcrumbs, Typography,\n} from '@material-ui/core';\nimport PageLayout from '../../PageLayout';\nimport AffiliateForm from '../AffiliateForm';\n\nconst NewAffiliatePage = () => {\n const intl = useIntl();\n const title = intl.formatMessage({ id: 'affiliates.title', defaultMessage: 'Afiliados' });\n const newAffiliate = intl.formatMessage({ id: 'app.new', defaultMessage: 'Nuevo' });\n\n function NewAffiliatePageBreadcrumbs() {\n return (\n \n \n {affiliateText.generalInformation}\n \n \n \n \n \n {affiliateText.nameLabel}\n \n \n {affiliateDetails.names}\n \n \n \n\n \n \n \n {affiliateText.emailLabel}\n \n \n {affiliateDetails.email}\n \n \n \n \n\n \n {affiliateText.referralInformationTitle}\n \n \n\n \n \n \n {affiliateText.referalSystemEnabled}\n \n \n \n \n \n\n \n \n \n {affiliateText.affiliateUrlForReferral}\n \n {affiliateDetails.couponId\n ? (\n \n \n \n {affiliateHelpers.getAffiliateURL(affiliateDetails.couponId)}\n \n \n \n \n {affiliateText.copy}\n \n \n \n )\n : (- )}\n \n \n\n \n\n \n {affiliateText.discountsAndCommissionTitle}\n \n \n\n \n \n \n {affiliateText.discountCoupon}\n \n \n {affiliateDetails.discountCoupon}\n %\n {' - '}\n {affiliateText.onlyFirst3Months}\n \n \n \n\n \n \n \n {affiliateText.paymentCommission}\n \n \n {affiliateDetails.commission}\n %\n \n \n \n\n \n\n \n \n {affiliateText.resetPassword}\n \n \n {affiliateText.resetPasswordSubtext}\n \n {\n setSelectedUser({ userId: affiliateDetails.userId, email: affiliateDetails.email });\n toggleUserChangePassDialog();\n }}\n loading={requesting}\n />\n \n\n \n \n \n
\n );\n};\n\nAffiliateViewDetail.propTypes = {\n data: PropTypes.shape(),\n};\n\nAffiliateViewDetail.defaultProps = {\n data: { },\n};\n\nexport default AffiliateViewDetail;\n","import React, { useEffect } from 'react';\nimport { useIntl } from 'react-intl';\nimport { Link, Redirect } from 'react-router-dom';\nimport {\n Breadcrumbs, LinearProgress, Typography,\n} from '@material-ui/core';\nimport { useDispatch, useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport PageLayout from '../../PageLayout';\nimport { affiliateActions } from '../../../redux/actions';\nimport AffiliateViewDetail from './AffiliateViewDetail';\n\nconst AffiliateDetailPage = ({ routeParams: { id: affiliateId } }) => {\n const intl = useIntl();\n const dispatch = useDispatch();\n const userAuth = useSelector((state) => state.authentication.user);\n const affiliate = useSelector((state) => state.affiliate.data);\n const title = intl.formatMessage({ id: 'affiliates.title', defaultMessage: 'Afiliados' });\n const affiliateDetails = intl.formatMessage({ id: 'affiliates.affiliateDetails', defaultMessage: 'Detalles' });\n\n function AffiliateDetailBreadcrumbs() {\n return (\n \n \n \n \n \n \n \n\n \n \n {allWorkField && allWorkField.length\n ? (\n \n \n {allWorkField.map((workField) => (\n \n ))}\n \n )\n : (\n \n \n {workFieldTexts.noWorkField}\n \n \n {workFieldTexts.createLink}\n \n \n )}\n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n {\n edit && (\n \n \n \n \n )\n }\n\n \n \n { toggleDeleteDialog(); }}\n text={providersTexts.delete}\n style={{ fontSize: '10px', fontWeight: 600 }}\n disabled={!isAdmin}\n />\n \n \n\n \n
\n );\n};\n\nProviderForm.propTypes = {\n edit: PropTypes.bool,\n data: PropTypes.shape({\n id: PropTypes.number,\n name: PropTypes.string,\n workFields: PropTypes.arrayOf(PropTypes.shape({\n workFieldId: PropTypes.number,\n workField: PropTypes.shape({\n id: PropTypes.number,\n name: PropTypes.string,\n workFieldItems: PropTypes.string,\n }),\n })),\n productsOrServicesOffered: PropTypes.string,\n cuit: PropTypes.string,\n businessName: PropTypes.string,\n address: PropTypes.string,\n contactPerson: PropTypes.string,\n email: PropTypes.string,\n documents: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.number,\n title: PropTypes.string,\n type: PropTypes.oneOf([documentConstants.PROVIDER_DOCUMENT]),\n actualDocumentVersionId: PropTypes.number,\n usage: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.number,\n entityName: PropTypes.string,\n })),\n })).isRequired,\n }),\n};\n\nProviderForm.defaultProps = {\n edit: false,\n data: {},\n};\n\nexport default ProviderForm;\n","import React from 'react';\nimport { Breadcrumbs, Typography } from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport PageLayout from '../../PageLayout';\nimport ProviderForm from '../ProviderForm';\nimport { providersTexts } from '../../../constants';\n\nconst NewProviderPage = () => {\n function NewProviderBreadcrumbs() {\n return (\n \n\n \n \n \n \n {providersTexts.workField}\n \n \n {\n data.workFields && data.workFields.length\n ? getWorkFieldsName(data.workFields)\n : '-'\n }\n \n \n \n\n \n \n \n {providersTexts.productsOrServicesOffered}\n \n \n {data.productsOrServicesOffered}\n \n \n \n \n\n \n {providersTexts.generalInformation}\n \n \n \n \n \n {providersTexts.cuit}\n \n \n {data.cuit || '-'}\n \n \n \n\n \n \n \n {providersTexts.businessName}\n \n \n {data.businessName || '-'}\n \n \n \n\n \n \n \n {providersTexts.contactPerson}\n \n \n {data.contactPerson || '-'}\n \n \n \n\n \n \n \n {providersTexts.address}\n \n \n {data.address || '-'}\n \n \n \n\n \n \n \n {providersTexts.email}\n \n \n {data.email || '-'}\n \n \n \n\n \n \n \n \n \n\n \n {providersTexts.evaluations}\n \n \n \n \n \n
\n \n \n \n \n \n\n \n \n \n \n \n \n
\n \n \n \n\n \n \n \n \n \n \n
\n \n \n \n\n \n { toggleDeleteDialog(); }}\n text={providersTexts.delete}\n style={{ fontSize: '10px', fontWeight: 600 }}\n disabled={!isAdmin}\n />\n \n \n
\n );\n};\n\nProviderViewDetail.propTypes = {\n data: PropTypes.shape({\n id: PropTypes.number,\n name: PropTypes.string,\n workFields: PropTypes.arrayOf(PropTypes.shape({\n workFieldId: PropTypes.number,\n workField: PropTypes.shape({\n id: PropTypes.number,\n name: PropTypes.string,\n workFieldItems: PropTypes.string,\n }),\n })),\n productsOrServicesOffered: PropTypes.string,\n cuit: PropTypes.string,\n businessName: PropTypes.string,\n address: PropTypes.string,\n contactPerson: PropTypes.string,\n email: PropTypes.string,\n workFieldEvaluations: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.number,\n date: PropTypes.string,\n evaluationStatus: PropTypes.number,\n answers: PropTypes.string,\n })),\n documents: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.number,\n title: PropTypes.string,\n type: PropTypes.oneOf([documentConstants.PROVIDER_DOCUMENT]),\n actualDocumentVersionId: PropTypes.number,\n usage: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.number,\n entityName: PropTypes.string,\n })),\n })).isRequired,\n deviations: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.number,\n title: PropTypes.string,\n currentState: PropTypes.string,\n detectionDate: PropTypes.string,\n })),\n risks: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.number,\n title: PropTypes.string,\n swotItemName: PropTypes.string,\n detectionDate: PropTypes.string,\n })),\n }),\n};\n\nProviderViewDetail.defaultProps = {\n data: {},\n};\n\nexport default ProviderViewDetail;\n","import React, { useEffect } from 'react';\nimport {\n Breadcrumbs, Typography, LinearProgress,\n} from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport PageLayout from '../../PageLayout';\nimport providerActions from '../../../redux/actions/provider.actions';\nimport { providersTexts } from '../../../constants';\nimport ProviderViewDetail from './ProviderViewDetail';\n\nconst ProviderDetailsPage = ({ routeParams: { id: providerId } }) => {\n const dispatch = useDispatch();\n const provider = useSelector((state) => state.provider.data);\n\n useEffect(() => {\n dispatch(providerActions.get(providerId));\n }, [dispatch, providerId]);\n\n function ProviderDetailsBreadcrumbs() {\n return (\n \n \n \n \n \n \n \n \n\n \n \n \n \n {workFieldTexts.itemsToBeEvaluated}\n \n \n {workFieldTexts.addRequiredWorkFieldItems}\n \n \n \n\n \n \n \n \n \n \n ),\n }}\n />\n \n \n \n \n \n \n {Object.entries(objectiveConstants.frequency).map(([key, value], index) => (\n \n {value.label}\n \n ))}\n \n \n \n \n\n \n { handleDialogOpen('deleteWorkFieldDialog'); }}\n style={{ fontSize: '10px', fontWeight: 600 }}\n text={workFieldTexts.delete}\n type=\"button\"\n />\n \n \n { handleDialogClose('deleteWorkFieldDialog'); }}\n fullWidth\n max-width=\"xs\"\n aria-labelledby=\"form-dialog-title\"\n >\n {workFieldTexts.deleteTitleDialog} \n \n {workFieldTexts.deleteContentDialog} \n \n \n { handleDialogClose('deleteWorkFieldDialog'); }}\n />\n \n \n
\n );\n};\n\nWorkFieldForm.propTypes = {\n data: PropTypes.shape(),\n edit: PropTypes.bool,\n};\n\nWorkFieldForm.defaultProps = {\n data: {},\n edit: false,\n};\n\nexport default WorkFieldForm;\n","import React from 'react';\nimport { Breadcrumbs, Typography, makeStyles } from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport PageLayout from '../../PageLayout';\nimport WorkFieldForm from '../WorkFieldForm';\nimport { providersTexts, workFieldTexts } from '../../../constants';\n\nconst useStyles = makeStyles(() => ({\n breadcrumbs: {\n textDecoration: 'none',\n fontWeight: 400,\n fontSize: 11,\n },\n}));\n\nconst NewWorkFieldPage = () => {\n const classes = useStyles();\n function NewWorkFieldBreadcrumbs() {\n return (\n - \n
\n \n \n \n {workFieldTexts.name} \n {data.name} \n \n\n \n \n {workFieldTexts.frequency} \n \n {objectiveConstants.frequency[data.frequency]\n ? objectiveConstants.frequency[data.frequency].label\n : '-'}\n \n \n \n\n \n \n \n \n\n \n \n {\n toggleDeleteDialog();\n }}\n text={workFieldTexts.delete}\n style={{ fontSize: '10px', fontWeight: 600 }}\n disabled={!isAdmin}\n />\n \n toggleDeleteDialog()}\n fullWidth\n maxWidth=\"xs\"\n aria-labelledby=\"form-dialog-title\"\n >\n {workFieldTexts.deleteTitleDialog} \n \n {workFieldTexts.deleteContentDialog} \n \n \n \n \n
\n );\n};\n\nWorkFieldViewDetail.propTypes = {\n data: PropTypes.shape(),\n};\n\nWorkFieldViewDetail.defaultProps = {\n data: {},\n};\n\nexport default WorkFieldViewDetail;\n","import React, { useEffect } from 'react';\nimport {\n Breadcrumbs, Typography, LinearProgress, makeStyles,\n} from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport PageLayout from '../../PageLayout';\nimport workFieldActions from '../../../redux/actions/workField.actions';\nimport { providersTexts, workFieldTexts } from '../../../constants';\nimport WorkFieldViewDetail from './WorkFieldViewDetail';\n\nconst useStyles = makeStyles(() => ({\n breadcrumbs: {\n textDecoration: 'none',\n fontWeight: 400,\n fontSize: 11,\n },\n}));\n\nconst WorkFieldDetailsPage = ({ routeParams: { id: workFieldId } }) => {\n const classes = useStyles();\n const dispatch = useDispatch();\n const workField = useSelector((state) => state.workField.data);\n\n useEffect(() => {\n dispatch(workFieldActions.get(workFieldId));\n }, [dispatch, workFieldId]);\n\n function WorkFieldDetailsBreadcrumbs() {\n return (\n - \n
\n {((providers && providers.length !== 0) || edit) ? (\n \n \n \n \n {edit\n ? (\n <>\n \n {workFieldEvaluationTexts.providerEvaluated}\n \n \n {values.provider.name}\n \n \n )\n : (\n \n {workFieldEvaluationTexts.providerEvaluated} \n \n {providers && providers.map((providerToSelect) => {\n if (values.provider && (providerToSelect.id !== values.provider.id)) {\n return (\n \n );\n } if (values.provider) {\n return (\n \n );\n }\n if (!values.provider) {\n return (\n \n );\n }\n return null;\n })}\n \n \n )}\n \n \n\n \n \n {edit\n ? (\n <>\n \n {workFieldEvaluationTexts.workFieldEvaluated}\n \n \n {values.workFieldSelected.name}\n \n \n )\n : (\n \n {workFieldEvaluationTexts.workFieldEvaluated} \n \n \n {\n values.provider && values.provider.workFields.map((item) => (\n \n ))\n }\n \n \n )}\n \n \n\n \n \n \n option.names}\n getOptionSelected={(option, value) => option.id === value.id}\n id=\"responsiblePeople-select\"\n multiple\n options={people}\n size=\"small\"\n loading={!people.length}\n value={values.responsiblePeople}\n onChange={handleChangeSelectResponsiblePeople}\n renderOption={(option) => {`${option.names} ${option.surnames}`} }\n renderInput={(params) => (\n \n \n \n\n \n \n { setValues({ ...values, date: value }); }}\n fullWidth\n id=\"date\"\n label={workFieldEvaluationTexts.date}\n name=\"date\"\n size=\"small\"\n format=\"dd/MM/yyyy\"\n InputProps={{\n endAdornment: (\n handleClr(e)}>\n \n ),\n }}\n />\n \n \n\n \n \n {((!values.provider && !values.evaluatedWorkField)\n || (values.provider && !values.workFieldSelected)\n || (values.provider && values.workFieldSelected))\n && !values.responsiblePeople.length\n && (\n \n {workFieldEvaluationTexts.workFieldItems}\n \n )}\n\n {!values.provider && !values.evaluatedWorkField && (\n \n {workFieldEvaluationTexts.selectPersonRequiredWorkFieldItems}\n \n )}\n\n {values.provider && !values.provider.workFields.length && !edit && (\n <>\n \n {workFieldEvaluationTexts.noWorkField}\n \n \n \n {workFieldEvaluationTexts.createLink}\n \n \n \n )}\n\n {values.provider\n && !!values.provider.workFields.length\n && !values.workFieldSelected && (\n \n {workFieldEvaluationTexts.selectWorkFieldToEvaluate}\n \n )}\n\n {values.provider\n && (values.workFieldSelected && values.workFieldSelected.id !== 0)\n && (workField || values.evaluatedWorkField)\n && values.responsiblePeople.length > 0\n && (\n \n {workFieldEvaluationTexts.checkApprovedWorkFieldItems}\n \n )}\n\n {values.provider\n && (values.workFieldSelected && values.workFieldSelected.id !== 0)\n && !values.responsiblePeople.length\n && (\n \n {workFieldEvaluationTexts.responsibleRequiredErrorMessage}\n \n )}\n\n {values.provider\n && (values.workFieldSelected && values.workFieldSelected.id !== 0) && (\n \n \n\n \n\n \n { handleDialogOpen('deleteWorkFieldEvaluationDialog'); }}\n style={{ fontSize: '10px', fontWeight: 600 }}\n text={workFieldEvaluationTexts.delete}\n type=\"button\"\n />\n \n \n ) :
\n );\n};\n\nWorkFieldEvaluationForm.propTypes = {\n data: PropTypes.shape(),\n edit: PropTypes.bool,\n people: PropTypes.arrayOf(PropTypes.shape()),\n providers: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.number,\n name: PropTypes.string,\n workFields: PropTypes.arrayOf(PropTypes.shape({\n workFieldId: PropTypes.number,\n workField: PropTypes.shape({\n id: PropTypes.number,\n name: PropTypes.string,\n workFieldItems: PropTypes.string,\n }),\n })),\n productsOrServicesOffered: PropTypes.string,\n cuit: PropTypes.string,\n businessName: PropTypes.string,\n address: PropTypes.string,\n contactPerson: PropTypes.string,\n email: PropTypes.string,\n })),\n};\n\nWorkFieldEvaluationForm.defaultProps = {\n data: {},\n edit: false,\n people: [],\n providers: [],\n};\n\nexport default WorkFieldEvaluationForm;\n","import React, { useEffect } from 'react';\nimport {\n Breadcrumbs, Typography, makeStyles, LinearProgress,\n} from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport WorkFieldEvaluationForm from '../WorkFieldEvaluationForm';\nimport { personActions, providerActions } from '../../../redux/actions';\nimport PageLayout from '../../PageLayout';\nimport { providersTexts, workFieldEvaluationTexts } from '../../../constants';\n\nconst useStyles = makeStyles(() => ({\n breadcrumbs: {\n textDecoration: 'none',\n fontWeight: 400,\n fontSize: 11,\n },\n}));\n\nconst NewWorkFieldEvaluationPage = () => {\n const classes = useStyles();\n const dispatch = useDispatch();\n const people = useSelector((state) => state.person.people);\n const providers = useSelector((state) => state.provider.providers);\n\n useEffect(() => {\n if (!people) {\n dispatch(personActions.getAll());\n }\n if (!providers) {\n dispatch(providerActions.getAll());\n }\n }, [dispatch, people, providers]);\n\n function NewWorkFieldEvaluationBreadcrumbs() {\n return (\n - \n {checked.map((itemForPerson) => (\n
- \n {allEvaluationWithStatus\n .filter((item) => item.status === workFieldHelper.statusEnum.PENDING)\n .map((item) => (\n
- \n {allEvaluationWithStatus\n .filter((item) => item.status !== workFieldHelper.statusEnum.PENDING)\n .map((item) => (\n