Volver} />\n \n );\n};\n\nexport default AnnouncementAdjustInformation;\n","import httpClient from '../httpClient';\n\nconst post = async (data) => {\n\treturn await httpClient.post(`${process.env.REACT_APP_API_HOST}/organization_partner/`, data);\n};\n\nconst getAll = async () => {\n return await httpClient.get(`${process.env.REACT_APP_API_HOST}/organization_partner/`);\n};\n\nconst getAllByID = async (id) => {\n return await httpClient.get(`${process.env.REACT_APP_API_HOST}/organization_partner/?filter[organizacion]=${id}`);\n};\n\nconst put = async (id, data) => {\n return await httpClient.put(`${process.env.REACT_APP_API_HOST}/organization_partner/${id}/`, data);\n};\n\nconst patch = async (id) => {\n return await httpClient.patch(`${process.env.REACT_APP_API_HOST}/organization_partner/${id}`);\n};\n\nconst remove = async (id) => {\n return await httpClient.delete(`${process.env.REACT_APP_API_HOST}/organization_partner/${id}`);\n};\n\nexport {\n post,\n getAll,\n getAllByID,\n put,\n patch,\n remove\n};\n","import React, { useState, useEffect, useCallback } from 'react';\nimport { Link } from 'react-router-dom';\nimport {\n Table,\n Popconfirm,\n Typography,\n notification,\n Layout,\n Space,\n} from 'antd';\n\nimport BreadcrumbContainer from '../../../containers/Breadcrumb';\nimport CustomButton from '../../../components/CustomButton';\nimport SpinLoad from '../../../components/SpinLoad';\nimport INTERNAL_LINKS from '../../../enums/InternalLinks';\nimport MESSAGES from '../../../enums/Messages';\n\nimport { getAll, remove } from '../../../api/module/organizations';\nimport { getAll as getAllOrganizationsPartners } from '../../../api/module/organization_partner';\n\nimport './style.scss';\nimport { PlusOutlined } from '@ant-design/icons';\n\nconst { Title, Paragraph } = Typography;\nconst { Content } = Layout;\nconst breadcrumbItems = [\n {\n text: 'Organizaciones ejecutoras',\n },\n];\n\nconst OrganizationsList = ({ location }) => {\n const [dataSource, setDataSource] = useState([]);\n const [loading, setLoading] = useState(false);\n const [organizationsPartners, setOrganizationsPartners] = useState([]);\n const columns = [\n {\n title: 'Tipo de Organización',\n dataIndex: 'tipo_organizacion_nombre',\n key: 'tipo_organizacion_nombre',\n },\n {\n title: 'Razón social',\n dataIndex: 'razon_social',\n key: 'razon_social',\n },\n {\n title: 'NIT',\n dataIndex: 'num_identificacion',\n key: 'num_identificacion',\n },\n {\n title: 'DV',\n dataIndex: 'digito_verificacion',\n key: 'digito_verificacion',\n align: 'center',\n },\n {\n title: 'Sigla o Nombre comercial',\n dataIndex: 'sigla',\n key: 'sigla',\n render: (_, record) => {\n return record.sigla !== 'undefined' ? record.sigla : '';\n },\n },\n {\n title: 'País',\n dataIndex: 'pais_nombre',\n key: 'pais_nombre',\n },\n {\n title: 'Departamento',\n dataIndex: 'estado_nombre',\n key: 'estado_nombre',\n },\n {\n title: 'Ciudad',\n dataIndex: 'ciudad_nombre',\n key: 'ciudad_nombre',\n },\n {\n title: 'Representante legal',\n dataIndex: 'representante_legal',\n key: 'representante_legal',\n },\n {\n title: 'Tipo de identificación representante legal',\n dataIndex: 'tipo_identidad_nombre',\n key: 'tipo_identidad_nombre',\n },\n {\n title: 'Número identificación representante legal',\n dataIndex: 'representante_numero_identificacion',\n key: 'representante_numero_identificacion',\n responsive: ['xs'],\n },\n {\n title: 'Teléfono',\n dataIndex: 'telefono',\n key: 'telefono',\n },\n {\n title: 'Correo electrónico',\n dataIndex: 'correo',\n key: 'correo',\n },\n {\n title: 'Organización activa',\n dataIndex: 'esta_activa',\n align: 'center',\n render: (_, record) =>\n dataSource.length >= 1\n ? record.esta_activa === true\n ? 'Si'\n : 'No'\n : null,\n },\n {\n title: 'Acciones',\n dataIndex: 'Acciones',\n align: 'center',\n fixed: 'right',\n width: 200,\n responsive: ['sm', 'mg', 'lg'],\n render: (_, record) => (\n \n \n Editar\n \n }\n />\n deleteDataSource(record.id)}\n >\n Eliminar\n \n }\n />\n \n ),\n },\n {\n title: 'Acciones',\n dataIndex: 'Acciones',\n align: 'center',\n responsive: ['xs'],\n render: (_, record) => (\n \n \n Editar\n \n }\n />\n deleteDataSource(record.id)}\n >\n Eliminar\n \n }\n />\n \n ),\n },\n ];\n\n useEffect(() => {\n load();\n }, []);\n\n const getDataSource = async () => {\n setLoading(true);\n try {\n let response = await getAll();\n setDataSource(response.data.results);\n setLoading(false);\n } catch (err) {\n setLoading(false);\n console.log(err);\n notification.error({\n message: MESSAGES.ERROR_MSG,\n description: MESSAGES.DESC_ERROR_GET_MSG,\n duration: 2,\n });\n }\n };\n\n const getOrganizationPartners = async () => {\n try {\n let response = await getAllOrganizationsPartners();\n setOrganizationsPartners(response.data.results);\n } catch (err) {\n console.log(err);\n }\n };\n\n const load = async () => {\n try {\n Promise.all([getDataSource(), getOrganizationPartners()]);\n } catch (err) {\n console.log(err);\n }\n };\n\n // Delete Object by Id of List\n const deleteDataSource = useCallback(\n async (id) => {\n setLoading(true);\n try {\n const response = await remove(id);\n if ([200, 201, 204].indexOf(response.status) > -1) {\n notification.success({\n message: MESSAGES.SUCCESS_MSG,\n description: MESSAGES.DESC_SUCCESS_DELETE_MSG,\n duration: 2,\n });\n }\n setDataSource(dataSource.filter((item) => item.id !== id));\n setLoading(false);\n } catch (err) {\n console.log(err);\n try {\n notification.error({\n message: MESSAGES.ERROR_MSG,\n description: err.response.data.error,\n duration: 2,\n });\n } catch {\n notification.error({\n message: MESSAGES.ERROR_MSG,\n description: MESSAGES.DESC_ERROR_DELETE_MSG,\n duration: 2,\n });\n }\n }\n },\n [dataSource],\n );\n\n const expandedRowRender = (record) => {\n const columns = [\n {\n title: 'Integrantes',\n dataIndex: 'integrante',\n key: 'integrante',\n },\n ];\n let data;\n if (organizationsPartners != null) {\n let filterData = organizationsPartners.filter(\n (item) => item.organizacion === record.id,\n );\n if (filterData != null) {\n data = filterData;\n }\n }\n const newDataSource = [];\n for (let i = 0; i < data.length; i++) {\n const findData = dataSource.find(\n (item) => item.id === data[i].integrante,\n );\n newDataSource.push({ id: i, integrante: findData.razon_social });\n }\n return (\n \n );\n };\n\n return (\n \n \n \n Módulo de Organizaciones ejecutoras\n \n \n A continuación, podrá realizar acciones como editar y/o eliminar\n registros contenidos en la siguiente tabla. Si desea agregar unq nueva\n organización ejecutora, por favor, haga click en el botón \"Crear nueva\n organización ejecutora\".\n \n \n Crear nueva organización ejecutora\n \n }\n />\n \n (\n \n Listado de Organizaciones ejecutoras\n \n )}\n />\n \n \n );\n};\n\nexport default OrganizationsList;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Typography,\n Form,\n Input,\n Select,\n Row,\n Col,\n Radio,\n Layout,\n Space,\n Card,\n} from 'antd';\nimport { Link } from 'react-router-dom';\nimport { validatorNumbers } from '../../utils/helpers/helpers';\n\nimport BreadcrumbContainer from '../../containers/Breadcrumb';\nimport CountryStateCity from '../../components/CountryStateCity';\nimport CustomButton from '../../components/CustomButton';\nimport CustomUpload from '../../components/CustomUpload';\nimport INTERNAL_LINKS from '../../enums/InternalLinks';\n\nconst { Title, Paragraph } = Typography;\nconst { Option } = Select;\nconst { Content } = Layout;\n\nconst OrganizationForm = ({\n organization_id,\n title,\n onFinish,\n initialValues,\n loading,\n organizations,\n organizationsTypes,\n identiesTypes,\n showCLick,\n organizationForm,\n}) => {\n const [selectOrganizationType, setSelectOrganizationType] = useState(null);\n const [activeOrganizations, setAciveOrganizations] = useState(null);\n const [requiredCCB, setRequiredCCB] = useState(false);\n const [dvField, setDvField] = useState(false);\n const [minDV, setMinDV] = useState(6);\n const validateMessages = {\n required: 'El campo ${label} es requerido!',\n };\n const breadcrumbItems = [\n {\n text: 'Organizaciones ejecutoras',\n to: `${INTERNAL_LINKS.ORGANIZATIONS}`,\n },\n {\n text: 'Formulario de Organización',\n },\n ];\n\n /* useEffect(() => {\n titlRef && titlRef.current.scrollIntoView();\n }, [titlRef]); */\n\n useEffect(() => {\n organizations != null &&\n setAciveOrganizations(\n organizations.filter((res) => res.esta_activa === true),\n );\n if (initialValues !== null) {\n onChangeIdentificationType(initialValues.tipo_identidad);\n setSelectOrganizationType(initialValues.tipo_organizacion);\n\n if (initialValues.tipo_organizacion > 2 && initialValues.ccb_organizacion_nombre === null)\n setRequiredCCB(true);\n }\n }, [organizations]);\n\n const onChangeIdentificationType = (value) => {\n setDvField(false);\n if (value === 7) setMinDV(6);\n if (value === 15) setMinDV(9);\n\n if (value === 7 || value === 15) {\n setDvField(true);\n }\n };\n\n const validatorIdentification = (length) => {\n if (dvField) return validatorNumbers(length);\n\n return true;\n };\n\n const calcularDigitoVerificacion = (e) => {\n var myNit = e.target.value;\n var vpri, x, y, z;\n // Se limpia el Nit\n myNit = myNit.replace(/\\s/g, ''); // Espacios\n myNit = myNit.replace(/,/g, ''); // Comas\n myNit = myNit.replace(/\\./g, ''); // Puntos\n myNit = myNit.replace(/-/g, ''); // Guiones\n // Se valida el nit\n /*if (isNaN(myNit)) {\n message.warning(\"El nit/cédula '\" + myNit + \"' no es válido(a).\");\n return '';\n }*/\n // Procedimiento\n vpri = new Array(16);\n z = myNit.length;\n\n vpri[1] = 3;\n vpri[2] = 7;\n vpri[3] = 13;\n vpri[4] = 17;\n vpri[5] = 19;\n vpri[6] = 23;\n vpri[7] = 29;\n vpri[8] = 37;\n vpri[9] = 41;\n vpri[10] = 43;\n vpri[11] = 47;\n vpri[12] = 53;\n vpri[13] = 59;\n vpri[14] = 67;\n vpri[15] = 71;\n\n x = 0;\n y = 0;\n for (var i = 0; i < z; i++) {\n y = myNit.substr(i, 1);\n x += y * vpri[z - i];\n }\n\n y = x % 11;\n organizationForm.setFieldsValue({\n digito_verificacion: y > 1 ? 11 - y : y,\n });\n };\n\n return (\n \n \n \n {title}\n \n \n A continuación, diligencie el formulario \"{title}\".\n
\n Recuerde que los campos obligatorios están marcados con asterisco (*).\n \n {\n if (data.hasOwnProperty('pais')) {\n organizationForm.setFieldsValue({\n estado: null,\n ciudad: null,\n });\n }\n if (data.hasOwnProperty('estado')) {\n organizationForm.setFieldsValue({\n ciudad: null,\n });\n }\n }}\n >\n Datos de la organización ejecutora}\n >\n \n \n \n {\n setSelectOrganizationType(value)\n setRequiredCCB(false);\n\n if (value > 2)\n setRequiredCCB(true);\n }}\n >\n {organizationsTypes != null && (\n <>\n {organizationsTypes.map((item) => (\n \n ))}\n \n )}\n \n \n \n
\n \n \n {(selectOrganizationType === 1 ||\n selectOrganizationType === 2 ||\n initialValues.tipo_organizacion === 1 ||\n initialValues.tipo_organizacion === 2) && (\n \n \n option.children\n .toLowerCase()\n .indexOf(input.toLowerCase()) >= 0\n }\n >\n {activeOrganizations != null && (\n <>\n {activeOrganizations.map((item) => (\n \n {item.razon_social}\n \n ))}\n \n )}\n \n \n )}\n \n
\n \n \n ({\n validator(_, value) {\n if (!value || value.length <= 100) {\n return Promise.resolve();\n }\n return Promise.reject(\n 'Solo puede ingresar 100 caracteres!',\n );\n },\n }),\n ]}\n >\n \n \n \n \n ({\n validator(_, value) {\n if (!value || value.length <= 100) {\n return Promise.resolve();\n }\n return Promise.reject(\n 'Solo puede ingresar 100 caracteres!',\n );\n },\n }),\n ]}\n >\n \n \n \n
\n \n \n \n \n option.children\n .toLowerCase()\n .indexOf(input.toLowerCase()) >= 0\n }\n >\n {identiesTypes != null && (\n <>\n {identiesTypes.map((item) => (\n \n {item.nombre}\n \n ))}\n \n )}\n \n \n \n \n \n {\n if (dvField) calcularDigitoVerificacion(e);\n }}\n placeholder=\"Número de NIT...\"\n />\n \n \n \n ({\n validator(_, value) {\n if (!value || !isNaN(value)) {\n return Promise.resolve();\n }\n return Promise.reject(\n 'Verífique el número de documento registrado!',\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 e.preventDefault();\n return false;\n }}\n onCopy={(e) => {\n e.preventDefault();\n return false;\n }}\n rules={[\n {\n required: true,\n },\n validatorNumbers(7),\n ]}\n >\n \n \n \n \n {\n e.preventDefault();\n return false;\n }}\n onCopy={(e) => {\n e.preventDefault();\n return false;\n }}\n rules={[\n {\n required: true,\n type: 'email',\n },\n ]}\n >\n \n \n \n
\n \n Datos del representante legal}\n >\n \n \n ({\n validator(_, value) {\n if (!value || value.length <= 100) {\n return Promise.resolve();\n }\n return Promise.reject(\n 'Solo puede ingresar 100 caracteres!',\n );\n },\n }),\n ]}\n >\n \n \n \n \n \n \n option.children\n .toLowerCase()\n .indexOf(input.toLowerCase()) >= 0\n }\n >\n {identiesTypes != null && (\n <>\n {identiesTypes.map((item) => (\n \n {item.nombre}\n \n ))}\n \n )}\n \n \n \n \n {\n e.preventDefault();\n return false;\n }}\n onCopy={(e) => {\n e.preventDefault();\n return false;\n }}\n rules={[\n {\n required: true,\n },\n ({ getFieldValue }) => ({\n validator(_, value) {\n if (\n getFieldValue('representante_tipo_identificacion') !== 7\n ) {\n return Promise.resolve();\n } else {\n if (new RegExp('^[0-9]*$').test(value)) {\n if (!value || 6 === 0 || value.length >= 6) {\n return Promise.resolve();\n } else\n return Promise.reject(\n new Error(`Ingrese mínimo ${6} números`),\n );\n }\n return Promise.reject(\n new Error(`Ingrese unicamente números`),\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 Si\n No\n \n \n \n
\n \n \n \n \n {initialValues.logo_organizacion_nombre && (\n \n \n \n \n \n )}\n
\n \n \n \n \n \n {\n showCLick(initialValues.documento_representante_nombre);\n }}\n />\n \n
\n \n \n \n \n \n {\n showCLick(initialValues.rut_organizacion_nombre);\n }}\n />\n \n
\n \n \n \n \n \n {\n showCLick(initialValues.certificacion_organizacion_nombre);\n }}\n />\n \n
\n \n \n \n \n \n {\n showCLick(initialValues.ccb_organizacion_nombre);\n }}\n />\n \n
\n \n \n \n \n Volver }\n />\n \n \n
\n \n \n \n );\n};\n\nOrganizationForm.propTypes = {\n title: PropTypes.string,\n onFinish: PropTypes.func,\n initialValues: PropTypes.object,\n loading: PropTypes.bool,\n organizations: PropTypes.array,\n identiesTypes: PropTypes.array,\n countries: PropTypes.array,\n states: PropTypes.array,\n cities: PropTypes.array,\n organizationsTypes: PropTypes.array,\n};\n\nOrganizationForm.defaultProps = {\n title: '',\n onFinish: () => {},\n initialValues: {},\n loading: false,\n organizations: [],\n organizationsTypes: [],\n identiesTypes: [],\n countries: [],\n states: [],\n cities: [],\n};\nexport default OrganizationForm;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { Form, Layout, notification, Skeleton } from 'antd';\n\nimport OrganizationForm from '../../../containers/OrganizationForm/index';\nimport INTERNAL_LINKS from '../../../enums/InternalLinks';\nimport MESSAGES from '../../../enums/Messages';\nimport PdfViewer from '../../../components/PdfViewer';\n\nimport { get, getAll, post, put } from '../../../api/module/organizations';\nimport { getAll as getOrganizationsTypes } from '../../../api/module/organizations_types';\nimport {\n getAllByID as getOrganizationPartner,\n post as postOrganizationPartner,\n} from '../../../api/module/organization_partner';\nimport {getAll as getAllIdentiesTypes} from '../../../api/module/identities_types';\nimport {get as getDocUrl} from '../../../api/module/document_repository';\n\nimport './style.scss';\nimport * as PropTypes from \"prop-types\";\n\nconst { Content } = Layout;\n\nconst OrganizationsForms = ({ history, match }) => {\n const [organizationID, setOrganizationID] = useState(\n parseInt(match.params.id),\n );\n const [title, setTitle] = useState('Creación de Organizaciones ejecutoras');\n const [initialValues, setInitialValues] = useState(null);\n const [loading, setLoading] = useState(false);\n const [isLoading, setIsLoading] = useState(false);\n const [organizations, setOrganizations] = useState(null);\n const [organizationsTypes, setOrgaizationsTypes] = useState(null);\n const [identiesTypes, setIdentiesTypes] = useState(null);\n const titleRef = useRef(null);\n const [titlRef, setTitlRef] = useState(null);\n const [showPdf, setShowPdf] = useState(false);\n const [pdfUrl, setPdfUrl] = useState('');\n const [organizationForm] = Form.useForm();\n\n useEffect(() => {\n load();\n }, []);\n\n const load = async () => {\n setIsLoading(true);\n try {\n await Promise.all([\n handleGet(),\n handleGetOrganizations(),\n handleGetOrganizationsTypes(),\n handleGetIdentiesTypes(),\n ]);\n setIsLoading(false);\n } catch (err) {\n console.log(err);\n setIsLoading(false);\n }\n };\n\n const handleGetOrganizations = async () => {\n const response = await getAll();\n setOrganizations(response.data.results);\n };\n\n const handleGetOrganizationsTypes = async () => {\n const response = await getOrganizationsTypes();\n setOrgaizationsTypes(response.data.results);\n };\n\n const handleGetIdentiesTypes = async () => {\n const response = await getAllIdentiesTypes();\n setIdentiesTypes(response.data.results);\n };\n\n /**\n * Get organization by ID\n */\n const handleGet = async () => {\n try {\n if (organizationID) {\n let response = await get(organizationID);\n let data = response.data;\n if (data['pais'] == null) {\n data['pais'] = 45;\n }\n if (data['estado'] == null) {\n data['estado'] = 3;\n }\n if (data['ciudad'] == null) {\n data['ciudad'] = 149;\n }\n if (data['sigla'] === 'undefined') {\n data['sigla'] = '';\n }\n data['esta_activa'] = data.esta_activa === true ? 1 : 0;\n const partnersResponse = await getOrganizationPartner(organizationID);\n const partners = partnersResponse.data.results;\n\n let newPartners = [];\n partners.map((item) => {\n newPartners.push(item.integrante);\n });\n data['integrante'] = newPartners;\n organizationForm.setFieldsValue(data);\n\n if (data.logo_organizacion_nombre) {\n data.logo_organizacion_nombre = await getLogoUrl(\n data.logo_organizacion_nombre,\n );\n }\n\n setInitialValues({...data});\n setTitle('Actualización de Organizaciones ejecutoras');\n } else {\n const data = {\n pais: 45,\n estado: 3,\n ciudad: 149,\n };\n organizationForm.setFieldsValue({...data});\n setInitialValues({...data});\n }\n } catch (err) {\n console.log(err);\n notification.error({\n message: MESSAGES.ERROR_MSG,\n description: MESSAGES.DESC_ERROR_GET_MSG,\n duration: 2,\n });\n }\n };\n\n const getLoadedTemplate = async (name) => {\n const response = await getDocUrl(name);\n return response.data.url;\n };\n\n const showCLick = async (name) => {\n try {\n const url = await getLoadedTemplate(name);\n setPdfUrl(url);\n setShowPdf(!showPdf);\n } catch (err) {\n console.log(err);\n }\n };\n\n const getLogoUrl = async (name) => {\n return await getLoadedTemplate(name);\n };\n\n const save = async (data) => {\n try {\n let response;\n const formData = new FormData();\n\n const fileToUpload = [\n 'documento_representante',\n 'rut_organizacion',\n 'ccb_organizacion',\n 'firma_representante',\n 'logo_organizacion',\n 'certificacion_organizacion',\n ];\n\n for (let item of fileToUpload) {\n if (data[item] != null && data[item] !== undefined) {\n if (data[item].fileList.length > 0) {\n data[item] = data[item].fileList[0].originFileObj;\n }\n }\n }\n\n data['esta_activa'] = data.esta_activa === 1;\n\n if (data['sigla'] !== undefined && data['sigla'] !== null && data['sigla'].length > 0)\n data['sigla'] = data['sigla'].replace('undefined', '').replace('null', '')\n\n if (data['sigla'] === undefined || data['sigla'] == null || data['sigla'].length === 0)\n delete data['sigla']\n\n for (let prop in data) {\n if (data.hasOwnProperty(prop)) formData.append(prop, data[prop]);\n }\n\n setLoading(true);\n\n if (!organizationID) {\n response = await post(formData);\n data['organizacion'] = response.data.id;\n let partner = data['integrante'];\n if (partner) {\n if (partner.length >= 1) {\n for (let i = 0; i < partner.length; i++) {\n data['integrante'] = partner[i];\n response = await postOrganizationPartner(data);\n }\n }\n }\n } else {\n response = await put(organizationID, formData);\n data['organizacion'] = organizationID;\n let partner = data['integrante'];\n if (partner) {\n if (partner.length >= 1) {\n for (let i = 0; i < partner.length; i++) {\n data['integrante'] = partner[i];\n response = await postOrganizationPartner(data);\n }\n }\n }\n }\n\n setLoading(false);\n\n if ([200, 201, 204].indexOf(response.status) > -1) {\n notification.success({\n message: MESSAGES.SUCCESS_MSG,\n description: MESSAGES.DESC_SUCCESS_MSG,\n duration: 2,\n });\n\n setTimeout(() => {\n history.push(`${INTERNAL_LINKS.ORGANIZATIONS}`);\n }, MESSAGES.TIME);\n }\n } catch (err) {\n console.log(err);\n setLoading(false);\n\n notification.error({\n message: MESSAGES.ERROR_MSG,\n description: MESSAGES.DESC_ERROR_POST_MSG,\n duration: 2,\n });\n }\n };\n\n return (\n \n \n {initialValues != null && (\n \n )}\n \n setShowPdf(false)}\n visible={showPdf}\n />\n \n );\n}\n\nOrganizationsForms.propTypes = {\n history: PropTypes.any,\n match: PropTypes.any\n}\n\nexport default OrganizationsForms;\n","import React, { useState, useEffect, useCallback } from 'react';\nimport { Link } from 'react-router-dom';\nimport {Table, Popconfirm, Typography, notification, Space, Layout} from 'antd';\n\nimport BreadcrumbContainer from '../../../containers/Breadcrumb';\nimport CustomButton from '../../../components/CustomButton';\nimport SpinLoad from '../../../components/SpinLoad';\nimport INTERNAL_LINKS from '../../../enums/InternalLinks';\nimport MESSAGES from '../../../enums/Messages';\n\nimport { getAll, remove } from '../../../api/module/organizations_types';\n\nimport './style.scss';\nimport { PlusOutlined } from '@ant-design/icons';\n\nconst { Title, Paragraph } = Typography;\nconst { Content } = Layout;\nconst breadcrumbItems = [\n {\n text: 'Tipos de Organizaciones',\n },\n];\n\nconst OrganizationsTypesList = ({ history }) => {\n const [dataSource, setDataSource] = useState([]);\n const [loading, setLoading] = useState(false);\n const [loadingDelete, setLoadingDelete] = useState(false);\n\n // GetData List\n const getDataSource = () => {\n try {\n setLoading(true);\n getAll().then((res) => {\n setDataSource(res.data.results);\n setLoading(false);\n });\n } catch (err) {\n console.log(err);\n notification.error({\n message: MESSAGES.ERROR_MSG,\n description: MESSAGES.DESC_ERROR_GET_MSG,\n duration: 2,\n });\n }\n };\n\n useEffect(() => {\n getDataSource();\n }, []);\n\n // Delete Object by Id of List\n const deleteDataSource = useCallback(\n async (id) => {\n try {\n setLoadingDelete(true);\n const response = await remove(id);\n setLoadingDelete(false);\n if ([200, 201, 204].indexOf(response.status) > -1) {\n notification.success({\n message: MESSAGES.SUCCESS_MSG,\n description: MESSAGES.DELETE_CONFIRM_MSG,\n duration: 2,\n });\n setDataSource(dataSource.filter((item) => item.id !== id));\n }\n } catch (err) {\n console.log(err);\n notification.error({\n message: MESSAGES.ERROR_MSG,\n description: MESSAGES.DESC_ERROR_DELETE_MSG,\n duration: 2,\n });\n }\n },\n [dataSource],\n );\n\n const columns = [\n {\n title: 'Nombre',\n dataIndex: 'nombre',\n key: 'nombre',\n },\n {\n title: 'Sigla',\n dataIndex: 'sigla',\n key: 'sigla',\n },\n {\n title: 'Acciones',\n dataIndex: 'Acciones',\n align: 'center',\n width: 200,\n render: (_, record) => (\n \n \n Editar\n \n }\n />\n deleteDataSource(record.id)}\n >\n Eliminar\n \n }\n />\n \n ),\n },\n ];\n\n return (\n \n \n \n Módulo de Tipos de organizaciones\n \n \n A continuación, podrá realizar acciones como editar y/o eliminar\n registros contenidos en la siguiente tabla. Si desea agregar un nuevo\n tipo de organización, por favor, haga click en el botón\n \"Crear nuevo tipo de organización\".\n \n \n Crear nuevo tipo de organización\n \n }\n />\n \n (\n \n Listado de Tipos de organizaciones\n \n )}\n />\n \n \n );\n};\n\nexport default OrganizationsTypesList;\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport { Typography, Form, Input, Row, Col, Space, Layout } from 'antd';\n\nimport BreadcrumbContainer from '../../containers/Breadcrumb';\nimport CustomButton from '../../components/CustomButton';\nimport INTERNAL_LINKS from '../../enums/InternalLinks';\n\nconst { Title, Paragraph } = Typography;\nconst { Content } = Layout;\nconst breadcrumbItems = [\n {\n text: 'Tipos de Organizaciones',\n to: `${INTERNAL_LINKS.ORGANIZATIONS_TYPES}`,\n },\n {\n text: 'Formulario de Tipo de Organización',\n },\n];\n\nconst validateMessages = {\n required: '${label} Es Requerido!',\n types: {\n nombre: '${label} No es un nombre válido!',\n sigla: '${label} No es una sigla válida!',\n },\n};\n\nconst OrganizationTypeForm = ({ title, onFinish, initialValues, loading }) => {\n return (\n \n \n \n {title}\n \n \n A continuación, diligencie el formulario \"{title}\".\n
\n Recuerde que los campos obligatorios están marcados con asterisco (*).\n \n \n \n \n ({\n validator(_, value) {\n if (!value || value.length <= 100) {\n return Promise.resolve();\n }\n return Promise.reject(\n 'Solo puede ingresar 100 caracteres!',\n );\n },\n }),\n ]}\n >\n \n \n \n
\n \n \n ({\n validator(_, value) {\n if (!value || value.length <= 5) {\n return Promise.resolve();\n }\n return Promise.reject('Solo puede ingresar 5 caracteres!');\n },\n }),\n ]}\n >\n \n \n \n
\n \n \n \n \n Volver \n }\n />\n \n \n
\n \n \n );\n};\n\nOrganizationTypeForm.propTypes = {\n title: PropTypes.string,\n onFinish: PropTypes.func,\n initialValues: PropTypes.object,\n loading: PropTypes.bool,\n};\n\nOrganizationTypeForm.defaultProps = {\n title: '',\n onFinish: () => {},\n initialValues: {},\n loading: false,\n};\n\nexport default OrganizationTypeForm;\n","import React, { useState, useEffect } from 'react';\nimport { notification, Skeleton } from 'antd';\n\nimport OrganizationTypeForm from '../../../containers/OrganizationTypeForm/index';\nimport INTERNAL_LINKS from '../../../enums/InternalLinks';\nimport MESSAGES from '../../../enums/Messages';\n\nimport { post, put, get } from '../../../api/module/organizations_types';\n\nconst OrganizationTypeForms = ({ history, match }) => {\n const [organizationTypeID] = useState(\n parseInt(match.params.id),\n );\n const [loading, setLoading] = useState(false);\n const [title, setTitle] = useState('Creación de Tipos de Organizaciones');\n const [data, setData] = useState(null);\n\n const save = async (data) => {\n try {\n let response;\n setLoading(true);\n\n if (!organizationTypeID) {\n response = await post(data);\n } else {\n response = await put(organizationTypeID, data);\n }\n\n setLoading(false);\n\n if ([200, 201, 204].indexOf(response.status) > -1) {\n notification.success({\n message: MESSAGES.SUCCESS_MSG,\n description: MESSAGES.DESC_SUCCESS_MSG,\n duration: 2,\n });\n setTimeout(() => {\n history.push(INTERNAL_LINKS.ORGANIZATIONS_TYPES);\n }, MESSAGES.TIME);\n }\n } catch (err) {\n console.log(err);\n setLoading(false);\n\n notification.error({\n message: MESSAGES.ERROR_MSG,\n description: MESSAGES.DESC_ERROR_POST_MSG,\n duration: 2,\n });\n }\n };\n\n // Get Data by ID\n const handleGetData = () => {\n try {\n if (organizationTypeID) {\n get(organizationTypeID).then((res) => setData(res.data));\n setTitle('Actualización de Tipos de Organizaciones');\n } else {\n setData({});\n }\n } catch (err) {\n console.log(err);\n notification.error({\n message: MESSAGES.ERROR_MSG,\n description: MESSAGES.DESC_ERROR_GET_MSG,\n duration: 2,\n });\n }\n };\n\n useEffect(async () => {\n handleGetData();\n }, []);\n\n return (\n \n \n \n );\n};\n\nexport default OrganizationTypeForms;\n","import React, { useEffect, useState, useReducer } from 'react';\nimport {\n Descriptions,\n Popconfirm,\n Select,\n Tabs,\n Row,\n Col,\n Typography,\n Space,\n notification,\n Badge,\n Modal,\n Layout,\n} from 'antd';\nimport { Link } from 'react-router-dom';\n\nimport MESSAGES from '../../enums/Messages';\nimport INTERNAL_LINKS from '../../enums/InternalLinks';\nimport BreadcrumbContainer from '../../containers/Breadcrumb';\nimport CustomButton from '../../components/CustomButton';\n\nimport { filter as filterStatus } from '../../api/module/status_process';\nimport {\n ajaxTable,\n getCounters,\n getProjects,\n getRoles,\n patch as patchVDP,\n} from '../../api/module/term_document_validation';\n\nimport './style.scss';\nimport CustomSelector from '../../components/CustomSelector';\nimport AjaxTable from '../../components/AjaxTable';\n\nconst { TabPane } = Tabs;\nconst { Title, Paragraph } = Typography;\nconst { Content } = Layout;\n\nconst breadcrumbItems = [\n {\n text: 'Validación de Documentos Precontractuales',\n },\n];\n\nconst initSelectors = {\n proyecto: undefined,\n cargo: undefined,\n firstLoad: true,\n};\n\nfunction reducer(state, action) {\n switch (action.type) {\n case 'project':\n return { ...initSelectors, proyecto: action.payload, firstLoad: false };\n case 'project_init':\n if (state.firstLoad)\n return {\n ...initSelectors,\n proyecto: action.payload?.value,\n firstLoad: false,\n };\n return state;\n case 'role':\n return {\n ...state,\n cargo: action.payload?.value,\n experiencia_requerida: action.payload?.experiencia_requerida,\n educacion_requerida: action.payload?.educacion_requerida,\n firstLoad: false,\n };\n case 'role_init':\n if (state.firstLoad)\n return {\n proyecto: action.payload?.proyecto,\n cargo: action.payload?.value,\n experiencia_requerida: action.payload?.experiencia_requerida,\n educacion_requerida: action.payload?.educacion_requerida,\n firstLoad: false,\n };\n return state;\n default:\n return initSelectors;\n }\n}\n\nfunction DocumentValidationContractualHomeSelectors({ match, setQuery }) {\n const [state, dispatch] = useReducer(reducer, initSelectors);\n\n useEffect(() => {\n if (!match.params.type || Object.values(state).some((value) => !!value)) {\n let q = '';\n if (q === '' && state.cargo) {\n q = `filter[cargo]=${state.cargo}`;\n }\n if (q === '' && state.proyecto) {\n q = `filter[proyecto]=${state.proyecto}`;\n }\n setQuery({ query: q, param: state });\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [state]);\n\n return (\n \n {(!match.params.type ||\n (match.params.type === 'project' && state.firstLoad) ||\n state.proyecto) && (\n \n \n Proyecto a revisar:\n \n \n \n dispatch({ type: 'project', payload: value })\n }\n initialValue={\n match.params.type && match.params.type === 'project'\n ? parseInt(match.params.id)\n : state.proyecto\n }\n onLoad={(values) => {\n console.log('p onLoad', values);\n if (match.params.type === 'project' && values?.value)\n dispatch({\n type: 'project_init',\n payload: values,\n });\n }}\n selectorProps={{\n style: { width: '100%' },\n placeholder: 'Seleccione el proyecto a revisar...',\n }}\n endpointFetch={async () => {\n return await getProjects();\n }}\n key={match.url}\n />\n \n
\n )}\n {(state.proyecto ||\n (match.params.type === 'role' && state.firstLoad)) && (\n \n \n Cargo/rol a revisar:\n \n \n \n dispatch({ type: 'role', payload: values })\n }\n initialValue={\n match.params.type && match.params.type === 'role'\n ? parseInt(match.params.id)\n : state.cargo\n }\n onLoad={(values) => {\n if (match.params.type === 'role' && values?.value)\n dispatch({\n type: 'role_init',\n payload: values,\n });\n }}\n selectorProps={{\n style: { width: '100%' },\n placeholder: 'Seleccione el Cargo / Rol a revisar... ',\n }}\n endpointFetch={async () => {\n return await getRoles({\n 'filter[proyecto]': state.proyecto,\n });\n }}\n key={`rs-${state.proyecto}`}\n />\n \n
\n )}\n {/* {state.educacion_requerida && (\n \n \n {state.educacion_requerida}\n \n \n {state.experiencia_requerida}\n \n \n )} */}\n
\n );\n}\n\nconst DocumentValidationPrecontractualHome = ({ match }) => {\n const [query, setQuery] = useState({ q: '', param: {} });\n\n const [counters, setCounters] = useState(undefined);\n const [stateOpt, setStateOpt] = useState([]);\n\n const [acceptableSubs, setAcceptableSubs] = useState([]);\n\n const [activeTab, setActiveTab] = useState('review');\n\n async function changeQuery(\n q = { query: '', param: undefined },\n newTab = undefined,\n ) {\n try {\n const res = await getCounters(`/?${q.query}`);\n if (q !== query) setQuery(q);\n setCounters(res.data.results);\n if (newTab) setActiveTab(newTab);\n } catch (err) {\n console.log(err);\n notification.error({\n message: MESSAGES.ERROR_MSG,\n description: MESSAGES.DESC_ERROR_GET_MSG,\n duration: 2,\n });\n setCounters(undefined);\n }\n }\n\n useEffect(() => {\n async function fetchData() {\n try {\n const res = await filterStatus('/?filter[sigla.icontains]=TDR-VDP-G-');\n const resSub = await filterStatus(\n '/?filter[sigla.icontains]=TDR-VDP-M-',\n );\n let ac_restricted;\n let ai_restricted;\n const states = res.data.results.map((x) => {\n if (x.sigla === 'TDR-VDP-G-AC') ac_restricted = x.id;\n if (x.sigla === 'TDR-VDP-G-AI') ai_restricted = x.id;\n return { label: x.nombre, value: x.id, sigla: x.sigla };\n });\n const subStates = resSub.data.results.reduce((prev, x) => {\n prev[x.sigla] = x.id;\n return prev;\n }, {});\n setStateOpt(states);\n\n setAcceptableSubs({\n sub: subStates,\n restricted: { ac: ac_restricted, ai: ai_restricted },\n });\n } catch (err) {\n console.log(err);\n notification.error({\n message: MESSAGES.ERROR_MSG,\n description: MESSAGES.DESC_ERROR_GET_MSG,\n duration: 2,\n });\n }\n }\n\n fetchData();\n }, []);\n\n const onStatusSave = (id, newState) => {\n async function putStatus(id, newState) {\n try {\n await patchVDP(id, { estado_validacion_general: newState });\n changeQuery(\n query,\n stateOpt.find((element) => element.value === newState).sigla,\n );\n } catch (err) {\n console.log(err);\n notification.error({\n message: MESSAGES.ERROR_MSG,\n description: MESSAGES.DESC_ERROR_POST_MSG,\n duration: 2,\n });\n }\n }\n putStatus(id, newState);\n };\n\n const extraColumnsToCheck = [\n {\n title: 'Validar Documentos',\n key: 'validate_button',\n render: (_, record) => (\n \n Validar\n \n }\n />\n ),\n },\n {\n title: 'Acciones',\n key: 'actions',\n render: (_, record) => {\n let thisStates;\n if (record.tercero.tipo_persona_nombre === 'Natural')\n thisStates = [\n record.estado_validacion_basicos,\n record.estado_validacion_formacion,\n record.estado_validacion_experiencia,\n record.estado_validacion_icfes,\n ];\n else thisStates = [record.estado_validacion_basicos];\n const anyEmpty = thisStates.some((x) => !x);\n const fullyAcceptable = thisStates.every(\n (x) => acceptableSubs.sub['TDR-VDP-M-AC'] === x,\n );\n const onlyAJ = thisStates.some(\n (x) => x === acceptableSubs.sub['TDR-VDP-M-AI'],\n );\n return (\n onStatusSave(record.id, newStatus)}\n options={stateOpt}\n />\n );\n },\n },\n ];\n\n const extraColumnsAdjust = [\n {\n title: 'Acciones',\n key: 'actions',\n render: (_, record) => (\n <>\n \n Generar Correo\n \n }\n />\n {record.estado_envio && 'Enviado'}\n \n ),\n },\n {\n title: 'Historial de correos',\n key: 'datetime',\n render: (_, record) => (\n \n Historial\n \n }\n />\n ),\n },\n ];\n\n const extraColumnsApproved = [\n {\n title: 'Acciones',\n key: 'actions',\n render: (_, record) => (\n \n Ver\n \n }\n />\n ),\n },\n ];\n\n return (\n \n \n \n Validación de Documentos Precontractuales\n \n \n {query.query && counters && (\n <>\n
\n {\n window.location.reload();\n }}\n />\n \n
{\n setActiveTab(key);\n }}\n destroyInactiveTabPane={true}\n type=\"card\"\n key={query.query}\n >\n \n Por revisar\n \n \n }\n key=\"review\"\n >\n \n \n \n Ajustar información\n \n \n }\n key=\"TDR-VDP-G-AI\"\n >\n \n \n \n Aprobados completo\n \n \n }\n key=\"TDR-VDP-G-AC\"\n >\n \n \n \n Aprobados parcial\n \n \n }\n key=\"TDR-VDP-G-AP\"\n >\n \n \n \n Devuelto por jurídico\n \n \n }\n key=\"returned\"\n >\n \n \n \n \n
\n
\n record.documento_id\n ? record.documento_id +\n Math.random()\n .toString(36)\n .replace(/[^a-z]+/g, '')\n .substr(0, 5)\n : Math.random()\n .toString(36)\n .replace(/[^a-z]+/g, '')\n .substr(0, 5)\n }\n scroll={{ y: 'calc(80vh - 6em)', x: true }}\n pagination={false}\n rowClassName={(record, _) => {\n if (\n activeRecord &&\n record[pdfDataIndex] === activeRecord[pdfDataIndex]\n ) {\n return 'selected-row';\n } else return undefined;\n }}\n />\n \n {docUrl ? (\n
\n ) : (\n
\n Seleccione un documento para visualizar\n \n )}\n
\n
\n {validationData.requerimiento_experiencia_tdr\n ? validationData.requerimiento_experiencia_tdr\n : validationData.requerimiento_experiencia}\n \n \n )}\n {tab === 'formacion' && (\n \n \n \n {validationData.requerimiento_formacion_tdr\n ? `Requerimiento proviene de TDR con identificador interno '${validationData.identificador_tdr}':`\n : `Requerimiento proviene de Equipo de trabajo '${validationData.cargo_nombre}':`}\n \n
\n
\n {validationData.requerimiento_formacion_tdr\n ? validationData.requerimiento_formacion_tdr\n : validationData.requerimiento_formacion}\n \n \n )}\n \n {tab && (\n x.sigla === 'TDR-VDP-M-AC')}\n invalidStates={selectOpt\n .filter(\n (x) => x.sigla === 'TDR-VDP-D-NC' || x.sigla === 'TDR-VDP-D-SC',\n )\n .map((x) => x.value)}\n unloadedSelect={selectOpt.filter(\n (x) => x.sigla === 'TDR-VDP-D-NR' || x.sigla === 'TDR-VDP-D-SC',\n )}\n cargo={validationData.cargo}\n />\n )}\n {!tab && (\n \n Volver\n \n }\n />\n )}\n \n \n ) : (\n \n );\n}\n\nfunction DocViewerForm({\n title,\n selectOpt,\n initialValues,\n history = [],\n type = '',\n stateOpt,\n onFinish = () => {},\n setChanged = () => {},\n onlyFullValid,\n invalidStates = [],\n unloadedSelect,\n disabled = true,\n isSaving = false,\n cargo,\n}) {\n const [form] = Form.useForm();\n useEffect(() => {\n form.resetFields();\n }, [form, type]);\n return (\n \n Modal.error({\n title: 'Existen errores en el formulario',\n content:\n 'Recuerde que los campos de validación de cada documento y el estado del modulo son obligatorios',\n })\n }\n initialValues={initialValues}\n form={form}\n onValuesChange={() => {\n setChanged(true);\n }}\n key={type}\n >\n \n {() => {\n return (\n {\n const res = await getDocUrl(record.nombre_archivo);\n return res.data.url;\n }}\n extraColumnsLeft={[\n {\n title: 'Documento',\n dataIndex: 'documento',\n width: '8em',\n },\n ]}\n extraColumnsRight={[\n {\n title: 'Documento validado',\n key: 'selector',\n render: (_, record, index) => {\n return (\n \n \n \n );\n },\n },\n ]}\n />\n );\n }}\n \n \n \n \n \n \n \n \n {\n let showState;\n if (item[`estado_validacion_${type}`]) {\n showState = stateOpt.find(\n (e) => e.value === item[`estado_validacion_${type}`],\n );\n showState = showState.label;\n } else {\n return;\n }\n return (\n \n \n \n );\n }}\n />\n \n \n \n \n \n 'Estado de revision del módulo para este Cargo/Rol'\n \n }\n dependencies={['doc_list']}\n rules={[\n { required: true, message: 'Seleccione un estado!' },\n ({ getFieldValue }) => ({\n validator(_, value) {\n if (value && value === onlyFullValid.value) {\n let hasInvalid = false;\n const dList = getFieldValue('doc_list');\n for (const i of dList) {\n if (\n !i.estado_validacion ||\n invalidStates.includes(i.estado_validacion)\n ) {\n hasInvalid = true;\n break;\n }\n }\n\n if (hasInvalid) {\n return Promise.reject(\n new Error(\n `${onlyFullValid.label} requiere que todos los documentos sean validos!`,\n ),\n );\n }\n }\n return Promise.resolve();\n },\n }),\n ]}\n >\n \n \n \n
\n \n {(!disabled || isSaving) && (\n {\n form.submit();\n }}\n disabled={disabled}\n title={MESSAGES.MSG_SAVE_STATE}\n >\n \n \n )}\n \n Volver\n \n }\n />\n \n \n );\n}\n","import httpClient from '../httpClient';\n\nconst post = async (data) => {\n return await httpClient.post(\n `${process.env.REACT_APP_API_HOST}/term_document_validation_email/`,\n data,\n );\n};\n\nconst get = async (id) => {\n return await httpClient.get(\n `${process.env.REACT_APP_API_HOST}/term_document_validation_email/${id}`,\n );\n};\n\nconst getAllByValidation = async (id) => {\n return await httpClient.get(\n `${process.env.REACT_APP_API_HOST}/term_document_validation_email/?filter[validacion_documentos]=${id}`,\n );\n};\n\nexport { post, get, getAllByValidation };\n","import React, { useState, useEffect } from 'react';\nimport {\n Descriptions,\n notification,\n Typography,\n Input,\n Form,\n Popconfirm,\n Alert,\n Layout,\n Space,\n} from 'antd';\nimport BreadcrumbContainer from '../../../containers/Breadcrumb';\nimport { CustomButton } from '../../../components';\nimport { get as getVDP } from '../../../api/module/term_document_validation';\nimport { get as getStatus } from '../../../api/module/status_process';\nimport MESSAGES from '../../../enums/Messages';\nimport INTERNAL_LINKS from '../../../enums/InternalLinks';\nimport { Link } from 'react-router-dom';\nimport { getDocumentByInitial } from '../../../api/module/help_upload';\nimport {\n post,\n get as getEmail,\n} from '../../../api/module/term_document_validation_email';\nimport { get as getDocumentUrl } from '../../../api/module/document_repository';\n\nconst breadcrumbItems = [\n {\n text: 'Validación de Documentos Precontractuales',\n to: `${INTERNAL_LINKS.DOCUMENT_VALIDATION_PRECONTRACTUAL}`,\n },\n {\n text: 'Generar Correo',\n },\n];\n\nconst tabNameMap = {\n basicos: 'Básicos obligatorios',\n formacion: 'Educación/Formación',\n experiencia: 'Experiencia',\n icfes: 'Experiencia ICFES',\n};\n\nconst { Title, Text } = Typography;\nconst { TextArea } = Input;\nconst { Content } = Layout;\n\nexport default function DocumentValidationPrecontractualEmail({\n match,\n history,\n}) {\n const [validationData, setValidationData] = useState(undefined);\n const [statusData, setStatusData] = useState(undefined);\n const [pdfHelp, setPDFHelp] = useState(undefined);\n const [loadingDocument, setLoadingDocument] = useState(false);\n\n const [loading, setLoading] = useState(false);\n\n const [form] = Form.useForm();\n\n useEffect(() => {\n async function fetchData() {\n try {\n const validationId = match.params.validation_id;\n const res = await getVDP(validationId);\n const statusD = await getStatus(res.data.estado_validacion_general);\n let mensaje = undefined;\n const response = await getDocumentByInitial('PDF-VPC');\n setPDFHelp(response.data.results.shift());\n setValidationData({ ...res.data, mensaje: mensaje });\n setStatusData(statusD.data);\n } catch (err) {\n console.log(err);\n notification.error({\n message: MESSAGES.ERROR_MSG,\n description: MESSAGES.DESC_ERROR_GET_MSG,\n duration: 2,\n });\n }\n }\n fetchData();\n }, [match.params.validation_id]);\n\n const onFinish = (values) => {\n async function postEmail(values) {\n try {\n setLoading(true);\n await post({\n cargo: validationData.cargo,\n tercero: validationData.tercero.id,\n validacion_documentos: validationData.id,\n estado_validacion_general: validationData.estado_validacion_general,\n mensaje: values.mensaje,\n });\n history.push(\n `${INTERNAL_LINKS.DOCUMENT_VALIDATION_PRECONTRACTUAL}/role=${validationData.cargo}`,\n );\n } catch (err) {\n setLoading(false);\n }\n }\n postEmail(values);\n };\n\n const showHelp = async (documento_nombre) => {\n setLoadingDocument(true);\n const response = await getDocumentUrl(documento_nombre);\n window.open(response.data.url);\n\n setLoadingDocument(false);\n };\n\n return (\n \n \n \n Validación de Documentos Precontractuales\n \n {validationData && statusData && (\n \n \n \n {validationData.proyecto_nombre}\n \n \n {validationData.cargo_nombre}\n \n \n {validationData.tercero.nombre_completo}\n \n \n {`${validationData.tercero.tipo_identificacion_nombre} - ${validationData.tercero.numero_identificacion}`}\n \n Estado}>\n {statusData.nombre}\n \n \n \n \n \n \n \n \n \n \n {validationData.tercero.tipo_persona_nombre === 'Natural' && (\n <>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )}\n \n {pdfHelp && (\n {\n showHelp(pdfHelp.documento);\n }}\n text={'Descargar ayuda'}\n />\n }\n description={\n 'Descargue la ayuda con la información orientadora sobre los posibles textos de correos.'\n }\n type=\"info\"\n showIcon\n />\n )}\n \n Mensaje del correo}>\n \n \n \n \n \n \n \n {\n form.submit();\n }}\n title={MESSAGES.MSG_SEND_EMAIL}\n >\n \n \n \n Volver\n \n }\n />\n \n \n \n )}\n \n );\n}\n","import React, { useState, useEffect } from 'react';\nimport {\n notification,\n Typography,\n Layout,\n Descriptions,\n Space,\n List,\n} from 'antd';\nimport BreadcrumbContainer from '../../../containers/Breadcrumb';\nimport { CustomButton } from '../../../components';\nimport { Link } from 'react-router-dom';\nimport MESSAGES from '../../../enums/Messages';\nimport INTERNAL_LINKS from '../../../enums/InternalLinks';\nimport { get as getVDP } from '../../../api/module/term_document_validation';\nimport { getAllByValidation } from '../../../api/module/term_document_validation_email';\nimport moment from 'moment';\n\nconst breadcrumbItems = [\n {\n text: 'Validación de Documentos Precontractuales',\n to: `${INTERNAL_LINKS.DOCUMENT_VALIDATION_PRECONTRACTUAL}`,\n },\n {\n text: 'Historial de Correo',\n },\n];\n\nconst { Title } = Typography;\nconst { Content } = Layout;\n\nexport default function DocumentValidationPrecontractualEmailHistory({\n match,\n}) {\n const [validationData, setValidationData] = useState(undefined);\n const [dataSource, setDataSource] = useState(undefined);\n\n useEffect(() => {\n async function fetchData() {\n try {\n const validationId = match.params.validation_id;\n const res = await getVDP(validationId);\n const eList = await getAllByValidation(res.data.id);\n setValidationData(res.data);\n setDataSource(eList.data.results);\n } catch (err) {\n console.log(err);\n notification.error({\n message: MESSAGES.ERROR_MSG,\n description: MESSAGES.DESC_ERROR_GET_MSG,\n duration: 2,\n });\n }\n }\n fetchData();\n }, [match.params.validation_id]);\n\n return (\n \n \n \n Validación de Documentos Precontractuales\n \n {validationData && (\n \n \n \n {validationData.proyecto_nombre}\n \n \n {validationData.cargo_nombre}\n \n \n {validationData.tercero.nombre_completo}\n \n \n {`${validationData.tercero.tipo_identificacion_nombre} - ${validationData.tercero.numero_identificacion}`}\n \n \n \n \n (\n \n \n Email No. {index + 1} - Enviado el:{' '}\n {moment(item.created_at).format('DD MMMM YYYY h:mm a')}\n \n \n \n )}\n pagination={false}\n />\n \n \n \n Volver\n \n }\n />\n \n )}\n \n );\n}\n","import httpClient from '../httpClient';\n\nconst getSelectorProjects = async () => {\n return await httpClient.get(`/term_project_selector`);\n};\n\nconst post = async (data) => {\n return await httpClient.post(`/terms/`, data);\n};\n\nconst getAll = async () => {\n return await httpClient.get(`/terms/?page[size]=1000`);\n};\n\nconst getTermsByProject = async (projectId) => {\n return await httpClient.get(`/terms/?filter[proyecto]=${projectId}`);\n};\n\nconst getTermIIDList = async (roleId, params = {}) => {\n return await httpClient.get(\n `/terms/list_selector/?filter[cargo]=${roleId}&page[size]=1000`,\n {\n params: params,\n },\n );\n};\n\nconst ajaxTable = async (\n query = '',\n page = 1,\n pageSize = 10,\n sortBy = '',\n search = false,\n _exportCSV = false,\n) => {\n let searchBy = '';\n\n if (search) searchBy = '&filter[search]=' + search;\n if (sortBy) sortBy = '&sort=' + sortBy;\n\n return await httpClient.get(\n `/terms/?page[number]=${page}&page[size]=${pageSize}&${query}${sortBy}${searchBy}`,\n );\n};\n\nconst duplicate = async (id, target_project) => {\n return await httpClient.post(`/terms/${id}/duplicate/`, {\n proyecto: target_project,\n });\n};\n\nconst get = async (id) => {\n return await httpClient.get(`/terms/${id}/`);\n};\n\nconst getChildrenCounter = async (id) => {\n return await httpClient.get(`/terms/${id}/children_counters/`);\n};\n\nconst interventors = async (project_id) => {\n return await httpClient.get(\n `/terms/interventors/?filter[proyecto]=${project_id}`,\n );\n};\n\nconst put = async (id, data) => {\n return await httpClient.put(`/terms/${id}/`, data);\n};\n\nconst remove = async (id) => {\n return await httpClient.delete(`/terms/${id}`);\n};\n\nconst sendToContract = async (id, data) => {\n return await httpClient.put(`/terms/${id}/send_director/`, data);\n};\n\nconst getTermAssign = async (id) => {\n return await httpClient.get(`/terms/${id}/term_assign/`);\n};\n\nconst getTermCounters = async (projectId) => {\n return await httpClient.get(`/terms/counters/?filter[proyecto]=${projectId}`);\n};\n\nexport {\n getSelectorProjects,\n post,\n getAll,\n get,\n put,\n remove,\n getTermsByProject,\n getTermIIDList,\n sendToContract,\n duplicate,\n getTermAssign,\n getTermCounters,\n getChildrenCounter,\n interventors,\n ajaxTable,\n};\n","import React, { useEffect, useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport {\n Alert,\n Badge,\n Col,\n Form,\n notification,\n Row,\n Space,\n Table,\n Tabs,\n Typography,\n Select,\n Divider,\n Popconfirm,\n Input,\n} from 'antd';\n\nimport AjaxTable from '../../../components/AjaxTable';\nimport CustomButton from '../../../components/CustomButton';\nimport SpinLoad from '../../../components/SpinLoad';\nimport PdfViewer from '../../../components/PdfViewer';\n\nimport BreadcrumbContainer from '../../../containers/Breadcrumb';\n\nimport INTERNAL_LINKS from '../../../enums/InternalLinks';\nimport MESSAGES from '../../../enums/Messages';\n\nimport {\n remove,\n duplicate,\n getTermCounters,\n ajaxTable as filterTDR,\n getSelectorProjects,\n} from '../../../api/module/terms';\nimport { getAll as getAllContractTypes } from '../../../api/module/contract_types';\nimport { generateWordTemplateURL as generateTemplateURL } from '../../../api/module/templates';\nimport { getAll as getAllProjects } from '../../../api/module/projects';\nimport { getRoleByProject } from '../../../api/module/project_positions';\n\nimport './style.scss';\nimport { CustomSelector } from '../../../components';\n\nconst { Title, Paragraph } = Typography;\nconst { TabPane } = Tabs;\n\nconst TDRList = ({\n project,\n deleteDataSource = () => {},\n duplicateOnClick,\n perms,\n sendPerm,\n}) => {\n const [userId] = useState(parseInt(window.localStorage['userId']));\n const [counters, setCounters] = useState({\n approval: 0,\n created: 0,\n drafts: 0,\n return: 0,\n returned: 0,\n validated: 0,\n });\n\n const [createPerm] = useState(perms?.Crear);\n const [updatePerm] = useState(perms?.Editar);\n const [deletePerm] = useState(perms?.Borrar);\n\n const [activeTab, setActiveTab] = useState(0);\n const [pdfUrl, setPDFUrl] = useState(null);\n const [showPdf, setShowPdf] = useState(false);\n const [loadingPDF, setLoadingPDF] = useState(null);\n\n const getCountersData = async () => {\n const response = await getTermCounters(project.id);\n setCounters(response.data.results);\n };\n\n useEffect(async () => {\n try {\n await getCountersData();\n } catch (err) {\n console.log(err);\n }\n }, [project]);\n\n const getURLPDF = async (id, person_type, version) => {\n try {\n setPDFUrl(null);\n setLoadingPDF(id);\n let response = await generateTemplateURL({\n term: id,\n template: 11,\n person_type: person_type,\n version: version,\n });\n setPDFUrl(response.data.url);\n setShowPdf(true);\n setLoadingPDF(null);\n } catch (err) {\n setLoadingPDF(null);\n console.log(err);\n }\n };\n\n const columns = [\n {\n title: 'Identificador Interno',\n dataIndex: 'identificador_interno',\n key: 'identificador_interno',\n },\n {\n title: 'Tipo de contrato',\n dataIndex: 'tipo_contrato_texto',\n key: 'tipo_contrato_texto',\n },\n {\n title: 'Área de Corpoeducación',\n dataIndex: 'area_corpo_texto',\n key: 'area_corpo_texto',\n },\n {\n title: 'Centro de costos',\n dataIndex: 'centro_costo_nombre',\n key: 'centro_costo_nombre',\n },\n {\n title: 'Cargo / Rol',\n dataIndex: 'cargo_nombre',\n key: 'cargo',\n },\n {\n title: 'Fecha inicio contrato',\n dataIndex: 'fecha_inicio',\n key: 'fecha_inicio',\n },\n {\n title: 'Fecha fin contrato',\n dataIndex: 'fecha_fin',\n key: 'fecha_fin',\n },\n {\n title: 'Acciones',\n dataIndex: 'accion',\n fixed: 'right',\n width: activeTab === 5 ? 300 : 200,\n render: (_, record) => (\n \n {record.area && record.centro_costo && record.tipo_persona && (\n {\n getURLPDF(\n record.id,\n record.tipo_persona,\n record.plantilla_version,\n );\n }}\n loading={loadingPDF === record.id}\n style={{ width: '100%' }}\n />\n )}\n {activeTab !== 5 && activeTab !== 4 && activeTab !== 1 && (\n \n Editar\n \n }\n />\n )}\n {activeTab !== 5 &&\n activeTab !== 4 &&\n activeTab !== 1 &&\n deletePerm && (\n {\n deleteDataSource(record.id);\n }}\n okText=\"Si\"\n cancelText=\"No\"\n >\n \n \n )}\n \n ),\n },\n ];\n\n return (\n <>\n \n {project.num_cargos === 0 ? (\n \n \n \n ) : (\n createPerm && (\n <>\n \n \n Crear Nuevo TDR\n \n }\n />\n \n \n {\n duplicateOnClick(project.id);\n }}\n text=\"Crear desde un TDR ya existente\"\n />\n \n \n )\n )}\n
\n\n {\n setActiveTab(parseInt(value));\n }}\n style={{ marginTop: 15 }}\n >\n {createPerm && (\n \n Borrador\n \n \n }\n key={0}\n >\n \n \n )}\n {updatePerm && (\n \n En revisión\n \n \n }\n key={1}\n >\n \n \n )}\n {updatePerm && (\n \n Devueltos a mí\n \n \n }\n key={2}\n >\n \n \n )}\n {updatePerm && (\n \n Para aprobación\n \n \n }\n key={3}\n >\n \n \n )}\n {updatePerm && (\n \n Devueltos por mí\n \n \n }\n key={4}\n >\n \n \n )}\n {sendPerm && (\n \n Validados\n \n \n }\n key={5}\n >\n \n \n )}\n \n setShowPdf(false)}\n visible={showPdf}\n isWord={true}\n />\n \n );\n};\n\nconst TDRHome = ({ perms, sendPerm, match }) => {\n const [isLoading, setIsLoading] = useState(false);\n const [project, setProject] = useState(null);\n const [contractTypes, setContractTypes] = useState([]);\n const [rolesByProject, setRolesByProject] = useState([]);\n const [searchTermsData, setSearchTermsData] = useState([]);\n const [searchLoading, setSearchLoading] = useState(false);\n const [searchLoadingDuplicate, setSearchLoadingDuplicate] = useState(false);\n const [projects, setProjects] = useState([]);\n const [showDuplcateOption, setShowDuplcateOption] = useState(false);\n const [tdrList, setTdrList] = useState(null);\n\n const [pdfUrl, setPDFUrl] = useState(null);\n const [showPdf, setShowPdf] = useState(false);\n const [loadingPDF, setLoadingPDF] = useState(null);\n\n const breadcrumbItems = [\n {\n text: 'Términos de referencia',\n },\n ];\n\n const getURLPDF = async (id, person_type, version) => {\n try {\n setPDFUrl(null);\n setLoadingPDF(id);\n let response = await generateTemplateURL({\n term: id,\n template: 11,\n person_type: person_type,\n version: version,\n });\n setPDFUrl(response.data.url);\n setShowPdf(true);\n setLoadingPDF(null);\n } catch (err) {\n setLoadingPDF(null);\n console.log(err);\n }\n };\n\n const searchColumns = [\n {\n title: 'Tipo de contrato',\n dataIndex: 'tipo_contrato_texto',\n key: 'tipo_contrato_texto',\n },\n {\n title: 'Área de Corpoeducación',\n dataIndex: 'area_corpo_texto',\n key: 'area_corpo_texto',\n },\n {\n title: 'Centro de costos',\n dataIndex: 'centro_costo_nombre',\n key: 'centro_costo_nombre',\n },\n {\n title: 'Cargo / Rol',\n dataIndex: 'cargo_nombre',\n key: 'cargo',\n },\n {\n title: 'Identificador interno',\n dataIndex: 'identificador_interno',\n key: 'identificador_interno',\n },\n {\n title: 'Fecha inicio contrato',\n dataIndex: 'fecha_inicio',\n key: 'fecha_inicio',\n },\n {\n title: 'Fecha fin contrato',\n dataIndex: 'fecha_fin',\n key: 'fecha_fin',\n },\n {\n title: 'Acciones',\n dataIndex: 'accion',\n fixed: 'right',\n width: 200,\n render: (_, record) => (\n \n {record.area && record.centro_costo && record.tipo_persona && (\n {\n getURLPDF(record.id, record.tipo_persona, record.version);\n }}\n loading={loadingPDF === record.id}\n style={{ width: '100%' }}\n />\n )}\n duplicateTRD(record.id, project.id)}\n >\n Duplicar\n \n }\n />\n \n ),\n },\n ];\n\n const onSearchTerms = async (data) => {\n setSearchLoading(true);\n try {\n let filterParams = '';\n if (data.contract_type) {\n filterParams += `filter[tipo_contrato]=${data.contract_type}&`;\n }\n if (data.project) {\n filterParams += `filter[proyecto]=${data.project}&`;\n }\n if (data.rol) {\n filterParams += `filter[cargo]=${data.rol}&`;\n }\n if (data.identificador_interno) {\n filterParams += `filter[identificador_interno.contains]=${data.identificador_interno}&`;\n }\n if (filterParams === '') {\n notification.error({\n message: MESSAGES.ERROR_MSG,\n description:\n 'Por favor seleccione al menos un elemento para realizar el filtro.',\n duration: 3,\n });\n } else {\n const response = await filterTDR(filterParams);\n setSearchTermsData(response.data.results);\n }\n } catch (err) {\n console.log(err);\n }\n setSearchLoading(false);\n };\n\n const duplicateTRD = async (id, target_project) => {\n setSearchLoadingDuplicate(true);\n try {\n const response = await duplicate(id, target_project);\n if ([200, 201, 204].indexOf(response.status) > -1) {\n notification.success({\n message: MESSAGES.SUCCESS_MSG,\n description: 'El TDR se duplicó correctamente.',\n duration: 2,\n });\n }\n setTimeout(() => window.location.reload(), MESSAGES.TIME_RELOAD);\n } catch (err) {\n console.log(err);\n notification.error({\n message: MESSAGES.ERROR_MSG,\n description: 'Ocurrió un error al intentar duplicar el TDR.',\n duration: 2,\n });\n }\n setSearchLoadingDuplicate(false);\n };\n\n useEffect(() => {\n Promise.all([getContractTypesOptions(), getAllProjectsOptions()]);\n }, []);\n\n const getContractTypesOptions = async () => {\n const response = await getAllContractTypes();\n setContractTypes(response.data.results);\n };\n\n const getAllProjectsOptions = async () => {\n const response = await getAllProjects();\n setProjects(response.data.results);\n };\n\n const getRolesByProject = async (id) => {\n const response = await getRoleByProject(id);\n setRolesByProject(response.data.results);\n };\n\n const deleteDataSource = async (id) => {\n try {\n const response = await remove(id);\n if ([200, 201, 204].indexOf(response.status) > -1) {\n notification.success({\n message: MESSAGES.SUCCESS_MSG,\n description: MESSAGES.DESC_SUCCESS_DELETE_MSG,\n duration: 2,\n });\n }\n setTimeout(() => window.location.reload(), MESSAGES.TIME_RELOAD);\n } catch (err) {\n console.log(err);\n notification.error({\n message: MESSAGES.ERROR_MSG,\n description: MESSAGES.DESC_ERROR_DELETE_MSG,\n duration: 2,\n });\n }\n };\n\n const showDuplicateForm = async (id) => {\n setShowDuplcateOption(true);\n };\n\n const getTDRList = (projectData) => {\n setTdrList(null);\n setTimeout(() => {\n setTdrList(\n ,\n );\n }, 500);\n };\n\n return (\n <>\n \n \n \n
Creación de términos de referencia\n {project && Proyecto: {project.nombre}}\n \n {!project && (\n \n Seleccione el proyecto en el cual desea crear los términos de\n referencia\n \n )}\n \n {project != null && showDuplcateOption === false && (\n <>\n \n A continuación, encontrará una tabla con los términos de\n referencia creados para este proyecto, con la posibilidad de\n editarlos. Si desea agregar un nuevo término de referencia, por\n favor, haga click en el botón \"Crear Nuevo TDR\"\n \n\n {tdrList}\n \n )}\n {showDuplcateOption === true && (\n <>\n \n Seleccione en cualquiera de las siguientes opciones para hacer la\n búsqueda.\n
\n {\n onSearchTerms(data);\n }}\n >\n \n \n \n \n {\n getRolesByProject(value);\n }}\n showSearch\n filterOption={(input, option) =>\n option.children\n .toLowerCase()\n .indexOf(input.toLowerCase()) >= 0\n }\n allowClear\n >\n {projects.map((item) => (\n {item.nombre}\n ))}\n \n \n \n \n \n \n \n \n \n \n \n \n \n Listado de TDR existentes\n \n \n setShowPdf(false)}\n visible={showPdf}\n isWord={true}\n />\n \n )}\n\n \n \n {\n if (showDuplcateOption) {\n setShowDuplcateOption(false);\n }\n }}\n text={\n !showDuplcateOption ? (\n Volver\n ) : (\n 'Volver'\n )\n }\n />\n \n
\n \n \n );\n};\n\nexport default TDRHome;\n","import React, { useState, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport { Alert, notification, Col, Typography, Row } from 'antd';\n\nimport BreadcrumbContainer from '../../containers/Breadcrumb';\nimport CustomButton from '../../components/CustomButton';\nimport INTERNAL_LINKS from '../../enums/InternalLinks';\nimport MESSAGES from '../../enums/Messages';\n\nimport { get as getProject } from '../../api/module/projects';\nimport { getAll } from '../../api/module/contract_types';\n\nimport './style.scss';\n\nconst { Title, Paragraph } = Typography;\n\nexport default function ContractTypes({ match }) {\n const [project_id] = useState(\n parseInt(match.params.project_id),\n );\n const [project, setProject] = useState(null);\n const [dataSource, setDataSource] = useState([]);\n\n const breadcrumbItems = [\n {\n text: 'Proyectos',\n to: `${INTERNAL_LINKS.PROJECTS}`,\n },\n {\n text: 'Términos de referencia por proyecto',\n to: `${INTERNAL_LINKS.TDR_HOME}`,\n },\n {\n text: 'TDR Selección tipo contrato',\n },\n ];\n\n const handleGetProject = () => {\n try {\n getProject(project_id).then((res) => setProject(res.data));\n } catch (err) {\n console.log(err);\n }\n };\n\n const handleGetContract = () => {\n try {\n getAll().then((res) => setDataSource(res.data.results));\n } catch (err) {\n console.log(err);\n notification.error({\n message: MESSAGES.ERROR_MSG,\n description: MESSAGES.DESC_ERROR_GET_MSG,\n duration: 2,\n });\n }\n };\n\n useEffect(() => {\n handleGetProject();\n handleGetContract();\n }, []);\n\n return (\n \n
\n
\n
Creación de Términos de Referencia\n Proyecto: {project != null && project.nombre}\n \n
\n
\n A continuación encontrará el paso previo para acceder al formulario de\n términos de referencia, por favor seleccione el tipo de contato que\n aplica para los TDR que desea crear.\n \n
\n
Seleccione el tipo de contrato antes de empezar.\n
\n {dataSource.map((item, index) => (\n
\n \n \n {item.id < 6 && (\n \n {item.nombre}\n \n }\n />\n )}\n
\n \n \n {item.descripcion != null && item.descripcion != '' ? (\n \n ) : null}\n \n
\n ))}\n
\n
\n Volver}\n />\n
\n
\n
\n
\n TÉRMINOS DE REFERENCIA\n \n
PROYECTO: {project && project.nombre}\n
\n Los siguientes términos de referencia complementan el texto del contrato\n firmado entre las partes y están subordinados a dichos contratos.\n \n
C. ESPECIFICACIONES DEL CONTRATO}\n >\n \n Responsabilidades u obligaciones específicas del contratista\n \n {!data && !id && (\n <>\n \n \n \n )}\n {data && id && (\n <>\n \n \n \n )}\n {swapData && (\n <>\n
\n
\n \n Se ha seleccionado para intercambio de código el item\n
\n
\n Código {swapData.codigo}: {swapData.descripcion}\n \n }\n type={'info'}\n showIcon\n />\n \n )}\n \n \n Volver\n \n }\n />\n \n \n Mover a...\n \n }\n footer={null}\n closable\n onCancel={() => setMoveData()}\n destroyOnClose\n >\n \n \n \n \n \n \n \n \n
\n \n \n \n \n {areasOptions.map((item) => {\n return (\n \n );\n })}\n \n \n \n
\n \n \n \n \n {costOptions.map((item) => {\n return (\n \n );\n })}\n \n \n \n
\n {!show && (\n \n \n {\n setCurrentModule('A');\n form.submit();\n }}\n loading={loading}\n text={'GUARDAR MÓDULO A'}\n />\n \n
\n )}\n \n {term.id != undefined && term.id != 0 && (\n <>\n B. PERFIL REQUERIDO}\n >\n \n \n ({\n validator(_, value) {\n if (getFieldValue('tipo_persona') == null) {\n setShowAddPeople(true);\n } else {\n setShowAddPeople(false);\n }\n\n if (getFieldValue('tipo_persona') === 1) {\n setShowEducation(false);\n } else {\n setShowEducation(true);\n }\n return Promise.resolve();\n },\n }),\n ]}\n >\n 0}\n placeholder=\"Seleccione tipo de persona...\"\n allowClear\n dataSource={personTypesOptions}\n />\n \n \n
\n \n \n \n 0}\n placeholder=\"Seleccione un cargo/rol...\"\n onChange={onChangePosition}\n allowClear\n >\n {positionsRole &&\n positionsRole.map((item) => {\n return (\n \n {item.cargo}\n \n );\n })}\n \n \n \n
\n \n \n \n \n \n \n
\n \n \n \n \n \n \n
\n {!show && (\n \n \n {\n setCurrentModule('B');\n form.submit();\n }}\n loading={loading}\n text={'GUARDAR MÓDULO B'}\n />\n \n
\n )}\n \n C. ESPECIFICACIONES DEL CONTRATO}\n >\n \n \n \n \n \n \n
\n \n \n \n \n Si\n No\n \n \n \n
\n \n \n \n \n \n {\n saveAndRedirect(\n `${INTERNAL_LINKS.RESPONSIBILITIES}/${term.id}/${project_id}/${contract_id}`,\n );\n }}\n disabled={term.id === 0}\n >\n Agregar / Ver\n \n \n \n {childrenCounters && childrenCounters.responsabilities ? (\n childrenCounters.responsabilities === 1 ? (\n \n {childrenCounters.responsabilities} Registro\n \n ) : (\n \n {childrenCounters.responsabilities} Registros\n \n )\n ) : (\n <>\n )}\n \n
\n \n \n \n \n \n \n \n \n \n
\n {!show && (\n \n \n {\n setCurrentModule('C');\n form.submit();\n }}\n loading={loading}\n text={'GUARDAR MÓDULO C'}\n />\n \n
\n )}\n \n D. ASPECTOS JURÍDICOS Y ECONÓMICOS}\n >\n \n \n ({\n validator(_, value) {\n if (value != null) {\n if (\n value.isAfter(getFieldValue('fecha_fin'), 'day')\n ) {\n return Promise.reject(\n new Error(\n 'La fecha de inicio no puede ser mayor a la fecha de fin',\n ),\n );\n } else {\n return Promise.resolve();\n }\n } else {\n return Promise.resolve();\n }\n },\n }),\n ]}\n >\n {\n setInitialDate(value);\n runDatesValidations();\n }}\n />\n \n \n \n ({\n validator(_, value) {\n if (value != null) {\n if (\n getFieldValue('fecha_inicio').isAfter(value, 'day')\n ) {\n return Promise.reject(\n new Error(\n 'La fecha de inicio no puede ser mayor a la fecha de fin',\n ),\n );\n } else {\n return Promise.resolve();\n }\n } else {\n return Promise.resolve();\n }\n },\n }),\n ]}\n >\n {\n setFinishDate(value);\n runDatesValidations();\n }}\n />\n \n \n
\n \n \n {initialDate && (\n \n Fecha de inicio seleccionada:{' '}\n {initialDate.format('DD MMMM YYYY')}\n \n )}\n \n \n {finishDate && (\n \n Fecha de terminación seleccionada:{' '}\n {finishDate.format('DD MMMM YYYY')}\n \n )}\n \n
\n \n \n ({\n validator(_, value) {\n if (getFieldValue('fechas_fijas') === 1) {\n setShowComment(true);\n } else {\n setShowComment(false);\n }\n return Promise.resolve();\n },\n }),\n ]}\n >\n \n Si\n No\n \n \n \n {showComment === true && (\n \n \n \n \n \n )}\n
\n {showComment === false && (\n <>\n \n \n ({\n validator(_, value) {\n if (value != null) {\n if (\n !getFieldValue('fecha_maxima_inicio').isAfter(\n getFieldValue('fecha_maxima_fin'),\n 'day',\n )\n ) {\n if (getFieldValue('fecha_inicio')) {\n if (\n getFieldValue(\n 'fecha_maxima_inicio',\n ).isBefore(\n getFieldValue('fecha_inicio'),\n 'day',\n )\n ) {\n return Promise.reject(\n new Error(\n 'La fecha de inicio máxima no puede ser menor a la fecha de inicio',\n ),\n );\n }\n }\n return Promise.resolve();\n }\n return Promise.reject(\n new Error(\n 'La fecha de inicio máxima no puede ser mayor a la fecha de fin',\n ),\n );\n } else {\n return Promise.resolve();\n }\n },\n }),\n ]}\n >\n {\n setInitialMaxDate(value);\n runDatesValidations();\n }}\n />\n \n \n \n ({\n validator(_, value) {\n if (\n getFieldValue('fecha_maxima_inicio') != null &&\n getFieldValue('fecha_maxima_fin') != null\n ) {\n if (\n !getFieldValue('fecha_maxima_inicio').isAfter(\n getFieldValue('fecha_maxima_fin'),\n 'day',\n )\n ) {\n if (getFieldValue('fecha_fin')) {\n if (\n getFieldValue('fecha_maxima_fin').isBefore(\n getFieldValue('fecha_fin'),\n 'day',\n )\n ) {\n return Promise.reject(\n new Error(\n 'La fecha de terminación máxima no puede ser menor a la fecha de terminación',\n ),\n );\n }\n }\n\n return Promise.resolve();\n } else {\n return Promise.reject(\n new Error(\n 'La fecha de terminación maxima no puede ser menor a la fecha de inicio máxima',\n ),\n );\n }\n } else {\n return Promise.resolve();\n }\n },\n }),\n ]}\n >\n {\n setFinishMaxDate(value);\n runDatesValidations();\n }}\n />\n \n \n
\n \n \n {initialMaxDate && (\n \n Fecha de inicio máxima seleccionada:{' '}\n {initialMaxDate.format('DD MMMM YYYY')}\n \n )}\n \n \n {finishMaxDate && (\n \n Fecha de terminación máxima seleccionada:{' '}\n {finishMaxDate.format('DD MMMM YYYY')}\n \n )}\n \n
\n \n )}\n \n \n \n Si\n \n No\n \n \n {childrenCounters?.pay_values ? (\n \n {({ getFieldValue }) => {\n const ust = getFieldValue('unicamente_sin_tope');\n const decimalRules = [\n {\n validator(_, value) {\n if (!value || value >= 0) {\n return Promise.resolve();\n } else {\n return Promise.reject(\n 'No se aceptan números negativos',\n );\n }\n },\n },\n ({ getFieldValue }) => {\n const currencyType = getFieldValue('moneda');\n return {\n validator(_, value) {\n if (!value) {\n return Promise.resolve();\n } else if (isNaN(value)) {\n return Promise.reject(\n new Error('Debe ser un valor numérico'),\n );\n }\n if (currencyType && currencyType !== 1) {\n if (\n value.toString().includes('.') &&\n value.toString().split('.', 2)[1].length > 2\n ) {\n return Promise.reject(\n new Error(\n 'Debe ser un valor con máximo dos decimales',\n ),\n );\n }\n } else if (value.toString().includes('.')) {\n return Promise.reject(\n new Error('Debe ser un valor entero'),\n );\n }\n\n return Promise.resolve();\n },\n };\n },\n ];\n return (\n \n \n \n \n {currencyTypesOptions.map((item) => {\n if (\n item.id === 1 ||\n item.id === project.tipo_moneda\n ) {\n return (\n \n {item.sigla}\n \n );\n }\n })}\n \n \n \n {!ust && (\n <>\n \n \n \n `$ ${value}`.replace(\n /\\B(?=(\\d{3})+(?!\\d))/g,\n ',',\n )\n }\n parser={(value) =>\n value.replace(/\\$\\s?|(,*)/g, '')\n }\n onChange={calcTotalValue}\n />\n
\n \n \n = 0) {\n return Promise.resolve();\n } else {\n return Promise.reject(\n 'No se aceptan números negativos',\n );\n }\n },\n },\n ]}\n >\n \n `$ ${parseFloat(value)\n .toFixed(2)\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')}`\n }\n parser={(value) =>\n value.replace(/\\$\\s?|(,*)/g, '')\n }\n />\n \n \n \n )}\n {(ust || childrenCounters?.pay_values?.unlimited > 0) && (\n <>\n \n \n \n `$ ${value}`.replace(\n /\\B(?=(\\d{3})+(?!\\d))/g,\n ',',\n )\n }\n parser={(value) =>\n value.replace(/\\$\\s?|(,*)/g, '')\n }\n onChange={calcTotalValue}\n />\n \n \n \n = 0) {\n return Promise.resolve();\n } else {\n return Promise.reject(\n 'No se aceptan números negativos',\n );\n }\n },\n },\n ]}\n >\n \n `$ ${parseFloat(value)\n .toFixed(2)\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')}`\n }\n parser={(value) =>\n value.replace(/\\$\\s?|(,*)/g, '')\n }\n />\n \n \n \n )}\n \n );\n }}\n \n ) : (\n \n )}\n \n \n \n \n \n {\n saveAndRedirect(\n `${INTERNAL_LINKS.PRODUCTS}/${term.id}/${project_id}/${contract_id}`,\n );\n }}\n disabled={term.id === 0}\n >\n Agregar / Ver\n \n \n \n {childrenCounters && childrenCounters.products ? (\n childrenCounters.products === 1 ? (\n {childrenCounters.products} Registro\n ) : (\n {childrenCounters.products} Registros\n )\n ) : (\n <>\n )}\n \n
\n \n \n \n \n \n \n {({ getFieldValue }) => {\n const ust = getFieldValue('unicamente_sin_tope');\n return (\n \n \n \n {\n saveAndRedirect(\n `${INTERNAL_LINKS.PAYRESPONSIBILITYPRODUCT}/0/${term.id}/${project_id}/${contract_id}`,\n );\n }}\n disabled={\n term.id === 0 ||\n (ust && childrenCounters.payments === 0)\n }\n >\n Agregar / Ver Forma de Pago\n \n \n \n \n {childrenCounters.payments} Registro\n {childrenCounters.payments === 1 ? '' : 's'}\n \n \n
\n \n );\n }}\n \n \n \n \n \n - \n Valor calculado de los productos/gastos asociados a pagos:\n $\n {(childrenCounters?.pay_values?.assigned || 0)\n .toFixed(2)\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')}\n
\n - \n Valor total de productos fijos: $\n {(childrenCounters?.pay_values?.pf || 0)\n .toFixed(2)\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')}\n
\n - \n Valor total de productos variables con tope: $\n {(childrenCounters?.pay_values?.pv || 0)\n .toFixed(2)\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')}\n
\n - \n Valor total de gastos fijos: $\n {(childrenCounters?.pay_values?.gf || 0)\n .toFixed(2)\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')}\n
\n - \n Valor total de gastos variables con tope: $\n {(childrenCounters?.pay_values?.gv || 0)\n .toFixed(2)\n .toString()\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')}\n
\n {childrenCounters?.pay_values?.unlimited > 0 && (\n - \n Este TDR tiene {childrenCounters?.pay_values?.unlimited}{' '}\n productos/gastos SIN TOPE\n
\n )}\n
\n \n }\n type=\"success\"\n />\n
\n \n {({ getFieldValue }) => (\n <>\n {getFieldValue('valor_total_trp') >=\n 10 * term.valor_smmlv && (\n <>\n \n
\n \n )}\n \n )}\n \n \n \n \n {({ getFieldValue }) => (\n \n =\n 10 * term.valor_smmlv\n }\n />\n \n )}\n \n \n \n {({ getFieldValue }) => (\n <>\n {getFieldValue('requiere_poliza') === false &&\n !getFieldValue('unicamente_sin_tope') &&\n getFieldValue('valor_total_trp') >=\n 10 * term.valor_smmlv && (\n \n \n \n \n \n )}\n \n )}\n \n
\n \n \n \n \n \n Interventoría interna (Empleados de la entidad)\n \n \n Interventoría externa (Contratista)\n \n \n \n \n
\n \n \n - \n {({ getFieldValue, setFieldsValue }) => {\n if (getFieldValue('tipo_interventoria') === false) {\n setFieldsValue({ interventor_interno: null });\n return (\n \n \n option?.label\n ?.toLowerCase()\n .indexOf(input.toLowerCase()) >= 0\n }\n placeholder=\"Seleccione el nombre de la persona...\"\n options={externalInterventors}\n />\n
\n );\n } else if (getFieldValue('tipo_interventoria') === true) {\n setFieldsValue({ interventor_externo: null });\n return (\n - \n \n option.children\n .toLowerCase()\n .indexOf(input.toLowerCase()) >= 0\n }\n >\n {employees.map((item) => {\n if (item.estado_interventoria === true) {\n return (\n \n {`${item.nombre_completo} - ${\n item.cargo_nombre || 'Sin cargo asignado'\n }`}\n \n );\n }\n })}\n \n
\n );\n }\n return null;\n }}\n \n \n
\n {!show && (\n \n \n {\n setCurrentModule('D');\n form.submit();\n }}\n loading={loading}\n text={'GUARDAR MÓDULO D'}\n />\n \n
\n )}\n \n E. PERSONA A CONTRATAR / DONATARIO}\n >\n \n \n \n \n {\n saveAndRedirect(\n `${INTERNAL_LINKS.SEARCHCONTRACTOR}/${term.id}/${project_id}/${contract_id}`,\n );\n }}\n disabled={\n term.id === 0 || !term?.cargo || !term?.tipo_persona\n }\n >\n Agregar / Ver\n \n {childrenCounters && childrenCounters.resume === 1 ? (\n {childrenCounters.resume} Registro\n ) : (\n {childrenCounters.resume} Registros\n )}\n \n \n \n
\n \n \n - \n \n {\n saveAndRedirect(\n `${INTERNAL_LINKS.TERM_PLACES}/${term.id}/${project_id}/${contract_id}`,\n );\n }}\n disabled={term.id === 0}\n >\n Agregar / Ver\n \n {childrenCounters ? (\n childrenCounters.places === 1 ? (\n {childrenCounters.places} Lugar\n ) : (\n {childrenCounters.places} Lugares\n )\n ) : (\n <>\n )}\n \n
\n \n
\n \n F. DOCUMENTOS REQUERIDOS}\n >\n \n \n {term.anexo_nombre != null ? (\n \n Documentos contractuales requeridos de acuerdo con el{' '}\n {term.anexo_nombre} del Procedimiento de\n contratación de Corpoeducación\n
\n ) : (\n El número de anexo no ha sido asignado.
\n )}\n \n
\n \n G. DOCUMENTOS COMPLEMENTARIOS}\n >\n \n \n \n {\n setDocumentTypes((s) =>\n s.map((v) =>\n v.id === record_id\n ? {\n ...v,\n id: v.up_id,\n up_id: undefined,\n version: v.up_version,\n up_version: undefined,\n }\n : v,\n ),\n );\n }}\n />\n \n \n
\n {!show && (\n \n \n {\n setCurrentModule('G');\n form.submit();\n }}\n loading={loading}\n text={'GUARDAR MÓDULO G'}\n />\n \n
\n )}\n \n \n \n \n {!show && (\n <>\n \n {isLegal && (\n {\n setReview(true);\n form.submit();\n }}\n loading={loading}\n htmlType=\"button\"\n type=\"primary\"\n >\n GUARDAR Y ENVIAR PARA CONTRATACIÓN\n \n )}\n \n )}\n \n \n \n \n )}\n \n );\n};\n\nexport default TermsForm;\nexport { PolizaInput };\n","import httpClient from '../httpClient';\n\nconst sendObservations = async (id, data) => {\n return await httpClient.patch(\n `/assignments_term/${id}/add_observations/`,\n data,\n );\n};\n\nconst getByTerm = async (id) => {\n return await httpClient.get(`/assignments_term/${id}/`);\n};\n\nconst getUsersAssign = async (group_id, project_id) => {\n return await httpClient.get(\n `/assignments_term/get_users/?filter[rol]=${group_id}&filter[proyecto]=${project_id}`,\n );\n};\n\nexport { sendObservations, getByTerm, getUsersAssign };\n","import React, { useEffect, useState } from 'react';\nimport {\n Alert,\n Typography,\n notification,\n Form,\n Select,\n Input,\n Descriptions,\n Skeleton,\n Card,\n Modal,\n Divider,\n} from 'antd';\nimport moment from 'moment';\nimport 'moment/locale/es';\n\nimport CustomButton from '../../../components/CustomButton';\nimport BreadcrumbContainer from '../../../containers/Breadcrumb';\nimport TermsForm from '../../../containers/TermForm';\nimport { catchException, useQuery } from '../../../utils/helpers/helpers';\n\nimport INTERNAL_LINKS from '../../../enums/InternalLinks';\nimport MESSAGES from '../../../enums/Messages';\n\nimport { post, put, get, sendToContract } from '../../../api/module/terms';\nimport { get as getProject } from '../../../api/module/projects';\nimport {\n sendObservations,\n getByTerm as getTermComment,\n getUsersAssign,\n} from '../../../api/module/term_comments';\n\nimport './style.scss';\n\nconst { Title, Paragraph } = Typography;\n\nconst moduleTitles = {\n A: 'A. UBICACIÓN INSTITUCIONAL',\n B: 'B. PERFIL REQUERIDO',\n C: 'C. ESPECIFICACIONES DEL CONTRATO',\n D: 'D. ASPECTOS JURÍDICOS Y ECONÓMICOS',\n E: 'E. PERSONA A CONTRATAR / DONATARIO',\n F: 'F. DOCUMENTOS REQUERIDOS',\n G: 'G. DOCUMENTOS COMPLEMENTARIOS',\n};\n\nconst TermsPage = ({ match, history, sendPerm }) => {\n let query = useQuery();\n const show = query.get('show') === 'true';\n const [isLoading, setLoading] = useState(false);\n const [termId] = useState(parseInt(match.params.id));\n const [disabled] = useState(query.get('show') === 'true');\n const [projectId] = useState(parseInt(match.params.project_id));\n const [contractId] = useState(parseInt(match.params.contract_id));\n const [term, setTerm] = useState(null);\n const [groups, setGroups] = useState(null);\n const [users, setUsers] = useState(null);\n const [statusOptions, setStatusOptions] = useState(null);\n const [observations, setObservations] = useState(null);\n const [project, setProject] = useState(null);\n const [errors, setErrors] = useState();\n\n const [formTerm] = Form.useForm();\n const [formObservations] = Form.useForm();\n const [loadingObservations, setLoadingObservation] = useState(false);\n const [loadingTerm, setLoadingTerm] = useState(false);\n\n const [currentModule, setCurrentModule] = useState(query.get('module'));\n\n const breadcrumbItems = [\n {\n text: 'Términos de referencia',\n to: `${INTERNAL_LINKS.TDR_HOME}/${projectId}`,\n },\n {\n text: 'Formulario de Términos de referencia',\n },\n ];\n\n useEffect(() => {\n if (project == null) {\n getProjectData();\n }\n\n if (term == null) {\n if (termId > 0) {\n getTermData();\n } else {\n setTerm({\n id: 0,\n responsable: parseInt(window.localStorage['userId']),\n });\n }\n }\n getObservation();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const getProjectData = async () => {\n const response = await getProject(projectId);\n setProject(response.data);\n };\n\n const getUsersData = async (id) => {\n formObservations.setFieldsValue({\n usuario_destino: undefined,\n });\n setUsers(null);\n try {\n const response = await getUsersAssign(id, projectId);\n setUsers(response.data.results);\n } catch (error) {\n notification.error({\n message: MESSAGES.ERROR_MSG,\n description: MESSAGES.DESC_ERROR_GET_MSG,\n duration: 2,\n });\n }\n };\n\n const sendObservation = async (data, ignoreDocs = false) => {\n if (!ignoreDocs && (term?.documentos_adicionales || []).length < 3) {\n Modal.confirm({\n title: '¿Los documentos complementarios están completos?',\n okText: 'Sí',\n cancelText: 'No',\n onOk: () => {\n sendObservation(data, true);\n },\n });\n return;\n }\n\n setLoadingObservation(true);\n\n if (formTerm.isFieldsTouched()) {\n try {\n const formData = await formTerm.validateFields();\n await save(formData, false, false);\n } catch (error) {\n setLoadingObservation(false);\n return;\n }\n }\n\n try {\n const response = await sendObservations(termId, data);\n if (!checkValidation(response, false)) {\n setLoadingObservation(false);\n Modal.confirm({\n title: 'Existen errores de validación',\n content: (\n <>\n Hay errores en el TDR.
\n <>\n {Object.entries(\n response.data.errors.reduce((pv, cv) => {\n if (cv.module in pv) pv[cv.module].push(cv.error);\n else pv[cv.module] = [cv.error];\n return pv;\n }, {}),\n ).map((v) => (\n <>\n {moduleTitles[v[0]]}\n \n {v[1].map((item) => (\n - {item}
\n ))}\n
\n \n ))}\n \n ¿Desea enviar de todos modos?
\n \n ),\n width: '80%',\n okText: 'Si',\n cancelText: 'No',\n okType: 'default',\n okButtonProps: {\n className: 'background-wonderlust',\n },\n onOk: async () => await onSkipValidation(data),\n });\n } else {\n formObservations.resetFields();\n notification.success({\n message: MESSAGES.SUCCESS_MSG,\n description: MESSAGES.DESC_SUCCESS_MSG,\n placement: 'bottomRight',\n });\n setTimeout(() => {\n history.push(`${INTERNAL_LINKS.TDR_HOME}/${projectId}`);\n }, 1000);\n }\n } catch (err) {\n setLoadingObservation(false);\n catchException(err, MESSAGES.DESC_ERROR_POST_MSG, MESSAGES.TIME_SECONDS, {\n placement: 'bottomRight',\n });\n }\n };\n\n const getObservation = async () => {\n if (termId > 0) {\n const response = await getTermComment(termId);\n setGroups(response.data.groups);\n setStatusOptions(response.data.statuses);\n setObservations(response.data.observations);\n }\n };\n\n const getTermData = async () => {\n setLoadingTerm(true);\n let response = await get(termId);\n const termData = response.data;\n\n setLoadingTerm(false);\n if (termData['fecha_inicio'] != null) {\n termData['fecha_inicio'] = moment(termData['fecha_inicio']);\n }\n if (termData['fecha_fin'] != null) {\n termData['fecha_fin'] = moment(termData['fecha_fin']);\n }\n if (termData['fecha_maxima_inicio'] != null) {\n termData['fecha_maxima_inicio'] = moment(termData['fecha_maxima_inicio']);\n }\n if (termData['fecha_maxima_fin'] != null) {\n termData['fecha_maxima_fin'] = moment(termData['fecha_maxima_fin']);\n }\n if (termData['pais'] == null) {\n termData['pais'] = 45;\n }\n if (termData['estado'] == null && termData['pais'] === 45) {\n termData['estado'] = 3;\n }\n if (termData['ciudad'] == null && termData['estado'] === 3) {\n termData['ciudad'] = 149;\n }\n if (termData['moneda'] == null) {\n termData['moneda'] = 1;\n }\n if (termData.fechas_fijas != null) {\n termData['fechas_fijas'] = termData.fechas_fijas === true ? 1 : 0;\n }\n if (termData.cargo != null && termData.cargo !== undefined) {\n termData.cargo = parseInt(termData.cargo);\n }\n setTerm(termData);\n };\n\n const prepareData = (data) => {\n if (termId === 0) {\n if (data['fecha_inicio'] != null) {\n data['fecha_inicio'] = moment(data.fecha_inicio).format('YYYY-MM-DD');\n }\n if (data['fecha_fin'] != null) {\n data['fecha_fin'] = moment(data.fecha_fin).format('YYYY-MM-DD');\n }\n if (data['fecha_maxima_inicio'] != null) {\n data['fecha_maxima_inicio'] = moment(data.fecha_maxima_inicio).format(\n 'YYYY-MM-DD',\n );\n }\n if (data['fecha_maxima_fin'] != null) {\n data['fecha_maxima_fin'] = moment(data.fecha_maxima_fin).format(\n 'YYYY-MM-DD',\n );\n }\n if (data['valor_total'] == null) {\n data['valor_total'] = 0;\n }\n data['proyecto'] = projectId;\n data['tipo_contrato'] = contractId;\n data['estado_proceso'] = 1;\n } else {\n if (data['fecha_inicio'] != null && data['fecha_inicio'] != undefined) {\n data['fecha_inicio'] = moment(data.fecha_inicio).format('YYYY-MM-DD');\n }\n if (data['fecha_fin'] != null && data['fecha_fin'] != undefined) {\n data['fecha_fin'] = moment(data.fecha_fin).format('YYYY-MM-DD');\n }\n\n if (\n data['fecha_maxima_inicio'] != null &&\n data['fecha_maxima_inicio'] != undefined\n ) {\n data['fecha_maxima_inicio'] = moment(data.fecha_maxima_inicio).format(\n 'YYYY-MM-DD',\n );\n }\n if (\n data['fecha_maxima_fin'] != null &&\n data['fecha_maxima_fin'] != undefined\n ) {\n data['fecha_maxima_fin'] = moment(data.fecha_maxima_fin).format(\n 'YYYY-MM-DD',\n );\n }\n }\n return data;\n };\n\n const reloadPage = (pk) => {\n setTimeout(() => {\n window.location = `${INTERNAL_LINKS.TERM}/${pk}/${projectId}/${contractId}?module=${currentModule}`;\n }, 500);\n notification.success({\n message: MESSAGES.SUCCESS_MSG,\n description: MESSAGES.DESC_SUCCESS_MSG,\n placement: 'bottomRight',\n });\n };\n\n const checkValidation = (response, throwException = true) => {\n if (!response.data.valid) {\n setErrors(\n response.data.errors.reduce((pv, cv) => {\n if (cv.module in pv) pv[cv.module].push(cv.error);\n else pv[cv.module] = [cv.error];\n return pv;\n }, {}),\n );\n if (throwException) throw Error('La validación fallo');\n else return false;\n }\n return true;\n };\n\n const onSkipValidation = async (data) => {\n try {\n setLoadingObservation(true);\n data['skip_validation'] = true;\n await sendObservations(termId, data);\n formObservations.resetFields();\n notification.success({\n message: MESSAGES.SUCCESS_MSG,\n description: MESSAGES.DESC_SUCCESS_MSG,\n placement: 'bottomRight',\n });\n setTimeout(() => {\n history.push(`${INTERNAL_LINKS.TDR_HOME}/${projectId}`);\n }, 1000);\n } catch (err) {\n setLoadingObservation(false);\n catchException(err, MESSAGES.DESC_ERROR_POST_MSG, MESSAGES.TIME_SECONDS, {\n placement: 'bottomRight',\n });\n }\n };\n\n const save = async (data, review = false, reloadAfter = true) => {\n try {\n setErrors();\n setLoading(true);\n let response;\n const preparedData = prepareData(data);\n\n if (termId === 0) {\n response = await post(preparedData);\n if (reloadAfter) reloadPage(response.data.id);\n else setLoading(false);\n return;\n }\n\n if (review) {\n response = await sendToContract(termId, preparedData);\n checkValidation(response, true);\n setLoading(false);\n notification.success({\n message: MESSAGES.SUCCESS_MSG,\n description: MESSAGES.DESC_SUCCESS_MSG,\n placement: 'bottomRight',\n });\n setTimeout(() => {\n history.push(`${INTERNAL_LINKS.TDR_HOME}/${projectId}`);\n }, 1000);\n } else {\n response = await put(termId, preparedData);\n if (reloadAfter) reloadPage(response.data.id);\n else setLoading(false);\n }\n } catch (err) {\n setLoading(false);\n catchException(err, MESSAGES.DESC_ERROR_POST_MSG, MESSAGES.TIME_SECONDS, {\n placement: 'bottomRight',\n });\n if (!reloadAfter) throw err;\n }\n };\n\n return (\n \n
\n
\n
Términos de referencia (TDR)\n Proyecto: {project && project.nombre}\n \n
\n
\n Los siguientes términos de referencia complementan el texto del\n contrato firmado entre las partes y están subordinados a dicho\n contrato.\n \n
\n
\n {term != null && project != null && (\n \n )}\n {errors && (\n \n {Object.entries(errors).map((v) => (\n <>\n {moduleTitles[v[0]]}\n \n {v[1].map((item) => (\n - {item}
\n ))}\n
\n \n ))}\n \n }\n />\n )}\n {term && termId > 0 && (\n <>\n \n ASIGNACIÓN DE ESTADOS}\n >\n {\n sendObservation(data);\n }}\n >\n \n {\n getUsersData(value);\n }}\n >\n {groups &&\n groups.map((item) => {\n return (\n \n {item.name}\n \n );\n })}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {observations && (\n Histórico de estados asignados\n }\n >\n {observations.map((item, index) => (\n \n \n {item.nombre_completo}\n \n \n {item.estado_termino_nombre}\n \n \n {item.rol_nombre}\n \n \n {moment(item.created_at).format('DD MMMM YYYY HH:mm')}\n \n \n {item.observacion}{' '}\n \n \n ))}\n \n )}\n \n \n )}\n \n
\n - Agregue el(los) lugar(es) de ejecución
\n - \n Para asignar contratistas a los lugares de ejecución creados:{' '}\n
\n - Seleccione el lugar de ejecución
\n - Seleccione el(los) contratista(s)
\n - De clic en el botón `Asignar lugar de ejecución`
\n
\n \n
\n \n }\n type=\"info\"\n showIcon\n />\n
\n setInitialValues({ visible: true })}\n />\n \n Lugar de ejecución\n \n \n }\n >\n \n \n \n \n \n {({ getFieldValue, setFieldsValue }) => {\n const p = getFieldValue('pais');\n if (p === 9999999)\n return (\n \n \n \n );\n else setFieldsValue({ pais_varios: undefined });\n return null;\n }}\n \n \n {({ getFieldValue, setFieldsValue }) => {\n const p = getFieldValue('pais');\n if (p !== initialValues?.pais)\n setFieldsValue({ estado: undefined, estado_varios: undefined });\n if (p === 45)\n return (\n \n {\n const res = await getStates(p);\n res.data.results.push({\n id: 9999999,\n nombre: 'Varios',\n });\n return res;\n }}\n valueName=\"id\"\n labelName=\"nombre\"\n selectorKey={p}\n allowClear\n />\n \n );\n return (\n \n \n \n );\n }}\n \n \n {({ getFieldValue, setFieldsValue }) => {\n const p = getFieldValue('estado');\n if (p === 9999999)\n return (\n \n \n \n );\n else setFieldsValue({ estado_varios: undefined });\n return null;\n }}\n \n \n {({ getFieldValue, setFieldsValue }) => {\n const p = getFieldValue('pais');\n const d = getFieldValue('estado');\n if (p !== initialValues?.pais || d !== initialValues?.estado)\n setFieldsValue({ ciudad: undefined, ciudad_varios: undefined });\n if (!p || p === 9999999 || d === 9999999) {\n return (\n \n \n \n );\n } else {\n return (\n \n {\n let res;\n if (!d) {\n res = await getCitiesByCountry(p);\n } else {\n res = await getCitiesByState(d);\n }\n res.data.results.push({\n id: 9999999,\n nombre: 'Varios',\n });\n return res;\n }}\n valueName=\"id\"\n labelName=\"nombre\"\n selectorKey={`${p}_${d}`}\n allowClear\n />\n \n );\n }\n }}\n \n \n {({ getFieldValue, setFieldsValue }) => {\n const p = getFieldValue('ciudad');\n if (p === 9999999)\n return (\n \n \n \n );\n else setFieldsValue({ ciudad_varios: undefined });\n return null;\n }}\n \n \n setInitialValues()}\n />\n \n \n \n \n \n\n \n \n \n \n \n \n \n \n\n {placeSelection && (\n <>\n \n Lugar de asignación:{' '}\n \n {[\n placeSelection.pais_texto,\n placeSelection.estado_texto,\n placeSelection.ciudad_texto,\n ].join(' - ')}\n \n
{' '}\n \n \n \n
\n \n )}\n\n \n Volver\n \n }\n />\n \n );\n};\n\nexport default TermPlace;\n","import httpClient from '../httpClient';\n\nconst post = async (data) => {\n return await httpClient.post(\n `${process.env.REACT_APP_API_HOST}/term_products/`,\n data,\n );\n};\n\nconst getAll = async () => {\n return await httpClient.get(\n `${process.env.REACT_APP_API_HOST}/term_products/`,\n );\n};\n\nconst getAllByTerm = async (id) => {\n return await httpClient.get(\n `${process.env.REACT_APP_API_HOST}/term_products/?filter[termino]=${id}`,\n );\n};\n\nconst get = async (id) => {\n return await httpClient.get(\n `${process.env.REACT_APP_API_HOST}/term_products/${id}`,\n );\n};\n\nconst put = async (id, data) => {\n return await httpClient.put(\n `${process.env.REACT_APP_API_HOST}/term_products/${id}/`,\n data,\n );\n};\n\nconst remove = async (id) => {\n return await httpClient.delete(\n `${process.env.REACT_APP_API_HOST}/term_products/${id}`,\n );\n};\n\nconst renumerate = async (term_id) => {\n return await httpClient.post('/term_products/renumerate/', {\n termino: term_id,\n });\n};\nconst swap = async (a, b) => {\n return await httpClient.post('/term_products/swap/', {\n a: a,\n b: b,\n });\n};\n\nconst ajaxTable = async (\n query = '',\n page = 1,\n pageSize = 10,\n sortBy = 'codigo',\n search = false,\n exportCSV = false,\n) => {\n let searchBy = '';\n\n if (search) searchBy = '&filter[search]=' + search;\n\n if (exportCSV)\n return await httpClient.get(\n `${process.env.REACT_APP_API_HOST}/term_products/export` +\n `${query}&sort=${sortBy}` +\n `${searchBy}`,\n {\n responseType: 'blob',\n },\n );\n else\n return await httpClient.get(\n `${process.env.REACT_APP_API_HOST}/term_products` +\n `${query}&page[number]=${page}&page[size]=${pageSize}` +\n `&sort=${sortBy}` +\n `${searchBy}`,\n );\n};\n\nconst info = async (term_id) => {\n return await httpClient.get(`term_products/${term_id}/info`);\n};\n\nconst getSupportTypes = async () => {\n return await httpClient.get('support_type_selector');\n};\n\nconst duplicate = async (id, values) => {\n return await httpClient.patch(`term_products/${id}/duplicate/`, values);\n};\n\nconst editText = async (id, data) =>\n await httpClient.patch(`term_products/${id}/edit_text/`, data);\n\nexport {\n post,\n getAll,\n getAllByTerm,\n get,\n put,\n remove,\n ajaxTable,\n renumerate,\n swap,\n getSupportTypes,\n info,\n duplicate,\n editText,\n};\n","import React from 'react';\nimport {\n Form,\n Input,\n Radio,\n Typography,\n InputNumber,\n Row,\n Col,\n Modal,\n Alert,\n} from 'antd';\nimport CustomSelector from '../../components/CustomSelector';\nimport { getSupportTypes } from '../../api/module/term_products';\nimport { ExclamationCircleOutlined } from '@ant-design/icons';\n\nconst { TextArea } = Input;\nconst { Paragraph } = Typography;\n\nconst HasLimitField = ({ onlyUnlimited, onChange, ...restProps }) => {\n const onSelfChange = (e) => {\n if (!e.target.value) {\n Modal.confirm({\n title: 'Aviso',\n icon: ,\n content: (\n <>\n Esta opción SOLO aplica para proyectos tipo ICFES. ¿Desea\n continuar?\n \n ),\n okText: 'Si',\n cancelText: 'No',\n onOk: () => onChange(e),\n });\n } else {\n onChange(e);\n }\n };\n return (\n \n \n Si\n \n No\n \n );\n};\n\nconst ProductFields = ({\n onlyUnlimited,\n currencyType,\n alwaysDetailed = false,\n}) => {\n return (\n <>\n \n \n Producto y/o entregable\n Gastos u otros ítems\n \n \n \n {({ getFieldValue }) => {\n const ea = getFieldValue('es_apoyo');\n if (ea == undefined) return null;\n const labelType = ea ? 'gasto/ítem' : 'producto';\n return (\n <>\n {ea ? (\n <>\n \n Verifique que los gastos u otros ítems variables sean\n consistentes con los ítems del presupuesto del proyecto y/o\n entidad\n \n \n \n \n \n {({ getFieldValue }) =>\n getFieldValue('tipo_apoyo') === 100 ? (\n \n \n \n ) : null\n }\n \n \n ) : (\n \n \n \n )}\n {!alwaysDetailed && (\n \n \n Si\n No\n \n \n )}\n \n {({ getFieldValue }) =>\n getFieldValue('info_detallada') || alwaysDetailed ? (\n <>\n \n \n