onCloseModalUserProfile()}\r\n primaryActionLabel=\"Editar perfil\"\r\n primaryActionVariant={!canBeEditMeProfile ? 'secondary' : 'primary'}\r\n primaryActionDisabled={!canBeEditMeProfile}\r\n primaryAction={primaryAction}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {renderLableAndTooltip('UUNN', infoUserLogger.uunn.map((unit) => (unit)))}\r\n \r\n {renderLableAndTooltip('Rol o Roles', infoUserLogger.roles.map((rol) => (rol)))}\r\n \r\n \r\n {renderLableAndTooltip('Grupo o Grupos', infoUserLogger?.groups?.map((g) => g.userGroup))}\r\n {renderLableAndTooltip('Servicio o Servicios', infoUserLogger.services.map((service) => (service)))}\r\n
\r\n \r\n \r\n );\r\n}\r\nModalUserProfile.propTypes = {\r\n setShowModalUserProfile: PropTypes.func,\r\n showModalUserProfile: PropTypes.bool,\r\n canBeEditMeProfile: PropTypes.bool,\r\n primaryAction: PropTypes.func.isRequired,\r\n infoUserLogger: PropTypes.shape({\r\n userName: PropTypes.string,\r\n firstName: PropTypes.string,\r\n lastName: PropTypes.string,\r\n email: PropTypes.string,\r\n uunn: PropTypes.arrayOf([PropTypes.shape({})]),\r\n roles: PropTypes.arrayOf([PropTypes.shape({})]),\r\n groups: PropTypes.arrayOf([PropTypes.shape({})]),\r\n provider: PropTypes.string,\r\n cuit: PropTypes.string,\r\n services: PropTypes.arrayOf([PropTypes.shape({})])\r\n }).isRequired\r\n };\r\n ModalUserProfile.defaultProps = {\r\n setShowModalUserProfile: () => {},\r\n showModalUserProfile: false,\r\n canBeEditMeProfile: false\r\n }; \r\n \r\nexport default ModalUserProfile;","// External deps\r\nimport React from \"react\";\r\nimport PropTypes from 'prop-types';\r\n\r\n// Internal deps\r\nimport { ModalGeneric } from 'ypf-pas-general-ui-components';\r\n\r\nconst ModalInfo = ({\r\n showModalInfo,\r\n setShowModalInfo,\r\n secondaryActionLabel,\r\n primaryActionLabel,\r\n primaryAction,\r\n secondaryAction,\r\n strongMessage,\r\n spanMessage,\r\n title,\r\n infoModal,\r\n size\r\n \r\n }) => {\r\n const onCloseModal = () => {\r\n setShowModalInfo(false);\r\n };\r\n \r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n {strongMessage}\r\n \r\n \r\n
\r\n {spanMessage}\r\n
\r\n
\r\n
obj.id === colorReferenceApprover.aprobada).bgColor\r\n : '#219E66'\r\n }}\r\n >\r\n \r\n \r\n \r\n\r\n obj.id === colorReferenceApprover.aprobada).textColor\r\n : '#FFFFFF'\r\n }}\r\n >\r\n \r\n 1\r\n \r\n \r\n \r\n \r\n {approver ? 1 : ''}\r\n \r\n \r\n \r\n \r\n \r\n {status.descripcion === '-' ? 'Sin aprobación' : status.descripcion}\r\n \r\n \r\n \r\n
\r\n);\r\n\r\nexport default ReferenceSquare;\r\n\r\nReferenceSquare.propTypes = {\r\n approver: PropTypes.bool,\r\n status: PropTypes.objectOf(\r\n PropTypes.shape({\r\n id: PropTypes.number,\r\n descripcion: PropTypes.string,\r\n color: PropTypes.string\r\n })\r\n )\r\n};\r\n\r\nReferenceSquare.defaultProps = {\r\n approver: false,\r\n status: null\r\n};\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { ModalGeneric } from 'ypf-pas-general-ui-components';\r\nimport { Col, Row } from 'react-bootstrap';\r\n\r\nimport { getReferenceColors } from '../../services/yclickServices';\r\nimport { colorReferenceApprover, colorReferenceInspector } from '../../utils/dataEnum';\r\n\r\nimport FakeDayCell from './components/FakeDayCell/FakeDayCell';\r\nimport ReferenceSquare from './components/ReferenceSquare/ReferenceSquare';\r\n\r\nimport './StatusReferenceModal.scss';\r\n\r\nconst StatusReferenceModal = ({ show, onHide }) => {\r\n const [colorsApprover, setColorsApprover] = useState([]);\r\n const [colorsInspector, setColorsInspector] = useState([]);\r\n\r\n const getColors = async () => {\r\n const res = await getReferenceColors();\r\n\r\n const listaAprobador = await res?.listaEstadosColoresAprobador.map((estado) => {\r\n const [textColor, bgColor] = estado.color.split(',');\r\n\r\n return { ...estado, textColor, bgColor };\r\n });\r\n\r\n setColorsApprover(listaAprobador);\r\n setColorsInspector(res.listaEstadosColoresInspeccion);\r\n };\r\n\r\n useEffect(() => {\r\n getColors();\r\n }, []);\r\n\r\n return (\r\n \r\n <>\r\n \r\n Ejemplo
\r\n \r\n \r\n \r\n\r\n \r\n \r\n
obj.id === colorReferenceApprover.aprobada)\r\n .bgColor\r\n : '#219E66',\r\n width: '2px'\r\n }}\r\n />\r\n obj.id === colorReferenceApprover.aprobada)\r\n .bgColor\r\n : '#219E66'\r\n }}\r\n >\r\n Área superior\r\n \r\n \r\n
obj.id === colorReferenceInspector.actuarInspector\r\n ).color\r\n : '#616161',\r\n width: '2px'\r\n }}\r\n />\r\n obj.id === colorReferenceInspector.actuarInspector\r\n ).color\r\n : '#616161'\r\n }}\r\n >\r\n Área inferior\r\n \r\n
\r\n
\r\n \r\n \r\n Área Superior - Aprobador
\r\n {colorsApprover?.map((status) => (\r\n \r\n ))}\r\n \r\n \r\n Área Inferior - Inspección
\r\n \r\n {colorsInspector?.map((status) => (\r\n \r\n ))}\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default StatusReferenceModal;\r\n\r\nStatusReferenceModal.propTypes = {\r\n show: PropTypes.bool,\r\n onHide: PropTypes.func\r\n};\r\n\r\nStatusReferenceModal.defaultProps = {\r\n show: false,\r\n onHide: () => {\r\n /* Empty */\r\n }\r\n};\r\n","// external deps\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { Navbar } from 'ypf-pas-general-ui-components';\r\n\r\n// internal deps\r\nimport ModalUserProfile from \"../Modals/ModalUserProfile\";\r\nimport ModalInfo from \"../Modals/ModalInfo\";\r\nimport useApp from \"../../hooks/useApp\";\r\nimport { getItemStorage } from \"../../utils/utils\";\r\nimport { constantsSession } from \"../../constants/constants\";\r\nimport {\r\n postStartChatbotRound,\r\n postChatbotQuestion,\r\n} from \"../../services/administrationService\";\r\nimport useUserPermisions from \"../../hooks/useUserPermisions\";\r\nimport useUserProfile from \"../../hooks/useUserProfile\";\r\nimport { URL_SERVICIOS } from \"../../constants/host\";\r\nimport StatusReferenceModal from '../StatusReferenceModal/StatusReferenceModal';\r\n\r\nconst NavBar = () => {\r\n const { userInfo, onLogOut } = useApp();\r\n const { handlePermissions, userPermissions } = useUserPermisions();\r\n const {\r\n canBeEditMeProfileValue,\r\n handleRedirectToMeProfile,\r\n handleGetInfoUserLogger,\r\n infoUserLogger,\r\n showModalInfo,\r\n setShowModalInfo\r\n } = useUserProfile();\r\n const [userRol, setUserRol] = useState(\"\");\r\n const [roles, setRoles] = useState([]);\r\n const [idChat, setIdChat] = useState(null);\r\n\r\n \r\n // to show modal user profile\r\n \r\n const [showModalUserProfile, setShowModalUserProfile] = useState(false);\r\n\r\n // get user credentials\r\n const accessToken = getItemStorage(constantsSession.ACCESS_TOKEN, false);\r\n const expireIn = getItemStorage(\r\n constantsSession.ACCESS_TOKEN_EXPIRE_IN,\r\n false\r\n );\r\n const refreshToken = getItemStorage(constantsSession.REFRESH_TOKEN, false);\r\n const accessTokenDate = getItemStorage(\r\n constantsSession.ACCESS_TOKEN_DATE,\r\n false\r\n );\r\n\r\n //to see the color reference Modal\r\n const [showModal, setShowModal] = useState(false);\r\n\r\n const activeModal = (modal) => {\r\n setShowModal((state) => ({ ...state, [modal]: true }));\r\n };\r\n const hideModal = () => {\r\n setShowModal(false);\r\n };\r\n const activeStatusReference = () => {\r\n activeModal('statusReferenceModal');\r\n };\r\n\r\n // IMPORTANTE\r\n // esta función va a tener que ser creada en la ui-kit, componente Navbar\r\n // al Navbar solo se le va a pasar un array con los roles\r\n const validUserRol = (activeRoles) => {\r\n if (activeRoles.length > 0) {\r\n setUserRol(activeRoles.map((rol) => rol.nombre.substring(8)));\r\n } else {\r\n setUserRol(\"-\");\r\n }\r\n };\r\n // callback a chatbot\r\n const postMessage = async (message) => {\r\n const msg = { question: message };\r\n const isFirstChat = !idChat;\r\n\r\n return new Promise((resolve, reject) => {\r\n const promise = !isFirstChat\r\n ? postChatbotQuestion(msg, idChat)\r\n : postStartChatbotRound(msg);\r\n\r\n promise\r\n .then(({ data }) => {\r\n if (isFirstChat) {\r\n setIdChat(data.chatId);\r\n }\r\n resolve({ message: data.response });\r\n })\r\n .catch((err) => reject(err));\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n if (roles && roles.length > 0) {\r\n validUserRol(roles);\r\n handlePermissions(); \r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [roles]);\r\n\r\n useEffect(() => {\r\n const userRoles = getItemStorage(constantsSession.ROLES_ME);\r\n setRoles(userRoles || []);\r\n }, [userInfo]);\r\n\r\n useEffect(()=>{\r\n // Only have permission to edit profile show button and get info profile\r\n if(Object.keys(userPermissions).length !== 0){\r\n const changeContentModalInfo = !userPermissions?.userProfile?.canEditMeProfile;\r\n handleGetInfoUserLogger(changeContentModalInfo);\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n },[userPermissions])\r\n\r\n return (\r\n <>\r\n setShowModalUserProfile(true)}\r\n openModalReference={activeStatusReference}\r\n />\r\n {showModalUserProfile && (\r\n {\r\n handleRedirectToMeProfile(infoUserLogger);\r\n setShowModalUserProfile(false);\r\n }}\r\n />\r\n )}\r\n {showModalInfo.show && (\r\n {\r\n handleRedirectToMeProfile(infoUserLogger);\r\n setShowModalInfo(false);\r\n }}\r\n secondaryActionLabel={\"Salir\"}\r\n secondaryAction={()=> onLogOut()}\r\n primaryActionDisabled={showModalInfo.changeContentModalInfo}\r\n strongMessage={showModalInfo.strongMessage}\r\n spanMessage={showModalInfo.spanMessage}\r\n\r\n />\r\n )}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default NavBar;\r\n","// External deps\r\nimport { useContext } from 'react';\r\n\r\n// Internal deps\r\nimport { UserProfileContext} from '../context/UserProfileContext';\r\n\r\nexport default function useUserProfile() {\r\n return useContext(UserProfileContext);\r\n}\r\n","export default __webpack_public_path__ + \"static/media/img-error404.e26bf401.svg\";","import React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { Button } from 'ypf-pas-general-ui-components';\r\n\r\nimport img from '../../assets/img-error404.svg';\r\nimport './NotFound.scss';\r\n\r\nconst NotFound = () => {\r\n const history = useHistory();\r\n return (\r\n \r\n
\r\n
¡Ups!
\r\n
\r\n La página a la que intentas ingresar no existe.\r\n
\r\n
history.goBack()}\r\n />\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n
Gestión de Servicios
\r\n
\r\n {yClickLinks.map((yClickLink, index) => (\r\n \r\n \r\n \r\n {yClickLink.title}\r\n
\r\n \r\n {yClickLink.links.map((l, i, arr) => (\r\n \r\n \r\n {l.isDownload ? (\r\n
l.actionDownload()}\r\n >\r\n {l.name}\r\n