\n\n \n \n \n {this.state.showLogoutModal && (\n this.setState({ showLogoutModal: false })}\n onConfirm={() => {\n const isProducer = userAuth.isProducer();\n this.logout(isProducer);\n }}\n />\n )}\n <>\n USER_TOKEN.refresh_token()} />\n \n\n \n \n \n \n \n )}\n \n {this.props.showNavbar && this.state.menu.length >0 && (\n \n \n
\n );\n }\n}\n\nHeader.defaultProps = {\n showBackButton: true,\n centered: false,\n channelLogo: '',\n showHamburgerMenu: false,\n showNavbar: false,\n showProfileBadge: false,\n showNotificationPanel: false,\n notifications: [],\n token: false\n};\n\nHeader.propTypes = {\n menuItems: array,\n centered: bool,\n channelLogo: string,\n showBackButton: bool,\n showHamburgerMenu: bool,\n showNavbar: bool,\n showProfileBadge: bool,\n showNotificationPanel: bool,\n token: bool\n};\n\nexport default Header;","import { string } from 'prop-types';\nimport React from 'react';\nimport userAuth from '../../Config/userauth';\nconst isAdmin = userAuth.isAdmin();\nconst QuickAccess = ({ customClass }) => (\n \n \n 
\n : null\n }\n \n
\n {this.props.showProfileBadge && (\n <>\n \n \n
\n )}\n \n \n
\n);\n\nQuickAccess.defaultProps = {\n customClass: ''\n}\n\nQuickAccess.propTypes = {\n customClass: string\n}\n\nexport default QuickAccess;\n","/* eslint-disable react/require-default-props */\nimport React from 'react'\nimport { array, bool, func, string, object, oneOfType } from 'prop-types';\n\nfunction Button({ children, color, disabled, onClick, fill, size, type, classes, customStyles, id, ...props }) {\n return (\n \n
\n \n Acceso rápido\n
\n {(isAdmin) &&\n (\n \n \n
)}\n \n \n
\n Restablecer contraseña
\n\n \n
\n Mis datos
\n\n
\n )\n }\n}\n\nFooter.propTypes = {\n rol: string\n};\n\nFooter.defaultProps = {\n rol: ''\n};\n\nexport default Footer;\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { bool, string, func } from 'prop-types';\n\nconst Checkbox = ({ disabled, checked, fontSize, id, text, className, link, linkText, onChange, smallPrint }) => {\n const labelClass = `custom-control-label ${fontSize}`;\n\n return (\n \n \n
\n \n
{smallPrint} : null}\n
\n );\n};\n\nCheckbox.defaultProps = {\n checked: false,\n disabled: false,\n fontSize: \"\",\n link: \"\",\n linkText: \"\",\n className: \"\",\n smallPrint: \"\"\n};\n\nCheckbox.propTypes = {\n checked: bool,\n //id: string.isRequired,\n disabled: bool,\n fontSize: string,\n link: string,\n linkText: string,\n text: string,\n className: string,\n onChange: func,\n smallPrint: string\n};\n\nexport default Checkbox;\n","import { string } from 'prop-types';\nimport React from 'react';\n\nconst SubTitle = ({ children }) => {\n return (\n {smallPrint} : null}\n
{ children }
\n );\n}\n\nSubTitle.propTypes = {\n children: string.isRequired\n};\n\nexport default SubTitle;\n","import React, { useState } from \"react\";\nimport { array, bool, func, oneOf, string } from \"prop-types\";\n\nconst Select = ({ id, text, defaultValue, disabled, errorMsg, status, multiple, options, onChange }) => {\n const [expanded, setExpanded] = useState(false);\n const [value, setValue] = useState(multiple ? [] : defaultValue);\n const [index, setIndex] = useState(multiple ? [] : 0);\n\n const toggleExpanded = () => {\n setExpanded(!expanded);\n };\n\n const onBlur = event => {\n if (!event.currentTarget.contains(event.relatedTarget) || !event.relatedTarget) {\n setExpanded(false);\n }\n };\n\n const onOptionClick = (newIndex, newValue) => {\n if (multiple) {\n if (value.includes(newValue)) {\n setValue(value.filter(option => option !== newValue));\n setIndex(index.filter(option => option !== newIndex));\n } else {\n setValue([...value, newValue]);\n setIndex([...index, newIndex]);\n }\n } else {\n setValue(newValue);\n setIndex(newIndex);\n onChange({\n target: { id },\n index: newIndex,\n value: newValue\n });\n }\n\n setExpanded(false);\n };\n\n return (\n\n \n \n {multiple && {value.sort().join(\", \")}}\n {!multiple && (\n \n {value}\n \n
\n )}\n {(expanded || multiple) && (\n - \n {options.map((option, index) => (\n
{ text }
\n);\n\nFormTitle.defaultProps = {\n customClass: ''\n}\n\nFormTitle.propTypes = {\n text: string.isRequired,\n customClass: string\n}\n\nexport default FormTitle;\n","import Channel1 from '../Resources/Images/Logos/channel-1.png';\nimport Channel2 from '../Resources/Images/Logos/channel-2.png';\nimport Channel3 from '../Resources/Images/Logos/channel-3.png';\nimport Channel4 from '../Resources/Images/Logos/channel-4.png';\nimport Channel5 from '../Resources/Images/Logos/channel-5.png';\nimport Channel6 from '../Resources/Images/Logos/channel-6.png';\nimport FriendsPhoto from '../Resources/Images/FormImages/friends-card.png';\nimport GrandsonPhoto from '../Resources/Images/FormImages/grandson-card.png';\nimport CouplePhoto from '../Resources/Images/FormImages/couple-card.png';\nimport CarouselDImageOne from '../Resources/Images/FormImages/family-1.png';\nimport CarouselDImageTwo from '../Resources/Images/FormImages/family-2.png';\nimport CarouselDImageThree from '../Resources/Images/FormImages/family-3.png';\nimport CarouselMImageOne from '../Resources/Images/FormImages/family-m-1.png';\nimport CarouselMImageTwo from '../Resources/Images/FormImages/family-m-2.png';\nimport CarouselMImageThree from '../Resources/Images/FormImages/family-m-3.png';\n\nconst MOCK_DATA = {\n CHANNEL_DATA: {\n LOGO_IMAGES: [Channel1, Channel2, Channel3, Channel4, Channel5, Channel6]\n },\n LOGIN_FORM: {\n USER: '',\n PASSWORD: '',\n },\n REGISTER_FORM: {\n NAMES: '',\n LAST_NAMES: '',\n EMAIL: '',\n PASSWORD: '',\n CONFIRM_PASSWORD: ''\n },\n SUCCESS_REGISTER_FORM: {\n USER: '',\n PASSWORD: ''\n },\n RECOVER_FORM: {\n DEFAULT_EMAIL: '',\n DEFAULT_CODE: '',\n DEFAULT_ID: '',\n },\n RECOVER_RESET: {\n PASSWORD: '',\n CONFIRM_PASSWORD: ''\n },\n COMPONENTS_FORM: {\n NAME: 'Federico',\n LAST_NAME: 'Colombo',\n USER: 'Fedecol80',\n PASS: 'password',\n CONFIRM_PASS: 'password',\n MAIL: 'fedecolo@gmail.com',\n PHONE: '+54 911 43225655',\n SELECT: [{\n value: \"Opcion 1\",\n disabled: true\n },\n {\n value: \"Opcion 2\"\n },\n {\n value: \"Opcion 3\"\n },\n {\n value: \"Opcion 4\"\n },\n {\n value: \"Opcion 5\"\n },\n {\n value: \"Opcion 6\"\n },\n {\n value: \"Opcion 7\"\n },\n ],\n MULTIPLE_SELECT: [{\n value: \"Opcion 1\",\n disabled: true\n },\n {\n value: \"Opcion 2\"\n },\n {\n value: \"Opcion 3\"\n },\n {\n value: \"Opcion 4\"\n },\n {\n value: \"Opcion 5\"\n },\n {\n value: \"Opcion 6\"\n },\n {\n value: \"Opcion 7\"\n },\n {\n value: \"Opcion 8\"\n },\n {\n value: \"Opcion 9\"\n },\n {\n value: \"Opcion 10\"\n },\n {\n value: \"Opcion 11\"\n },\n {\n value: \"Opcion 12\"\n },\n {\n value: \"Opcion 13\"\n },\n ],\n },\n TABLE_COLUMNS: {\n data: [\n {\n Header: \"Acciones\",\n accessor: \"actions\",\n width: 50,\n style: {\n display: \"flex\",\n alignItems: \"center\"\n },\n filterable: false,\n sortable: false,\n resizable: true\n },\n {\n Header: \"Nombre Contratador\",\n accessor: \"contratador\",\n width: 200,\n resizable: true\n },\n {\n Header: \"Fecha de Vencimiento\",\n accessor: \"fecha_vencimiento\",\n width: 250,\n resizable: true\n },\n {\n Header: \"Cantidad días vencidos\",\n accessor: \"cantidad_dias_vencido\",\n width: 250,\n resizable: true\n },\n {\n Header: \"Saldo Pendiente\",\n accessor: \"saldo_pendiente\",\n width: 250,\n resizable: true\n },\n {\n Header: \"30 días\",\n accessor: \"30_dias\",\n width: 250,\n resizable: true\n },\n {\n Header: \"60 días\",\n accessor: \"60_dias\",\n width: 250,\n resizable: true\n },\n {\n Header: \"90 días\",\n accessor: \"90_dias\",\n width: 250,\n resizable: true\n },\n {\n Header: \"Más de 90 días\",\n accessor: \"mas_90_dias\",\n width: 250,\n resizable: true\n },\n {\n Header: \"A vencer\",\n accessor: \"a_vencer\",\n width: 250,\n resizable: true\n },\n {\n Header: \"Ramo\",\n accessor: \"ramo\",\n width: 250,\n resizable: true\n },\n {\n Header: \"Producto\",\n accessor: \"producto\",\n width: 250,\n resizable: true\n },\n {\n Header: \"Certificado\",\n accessor: \"certificado\",\n width: 250,\n resizable: true\n },\n {\n Header: \"Medio de Pago\",\n accessor: \"medio_pago\",\n width: 250,\n resizable: true\n },\n {\n Header: \"Documento\",\n accessor: \"documento\",\n width: 250,\n resizable: true\n },\n {\n Header: \"Cod.Productor\",\n accessor: \"codigo_productor\",\n width: 250,\n resizable: true\n },\n {\n Header: \"Nombre Productor\",\n accessor: \"nombre_productor\",\n width: 250,\n resizable: true\n }\n ]\n },\n TABLES: {\n makeData: () => {\n return [\n {\n id: 1,\n ramo: 'RETIRO COLECTIVO',\n producto: 'AKZO NOBEL',\n poliza: '$ 504,630',\n certificado: '0',\n nombre: 'AKZO NOBEL',\n fecha: '02/06/2018',\n estado: 'ACTIVA',\n premio: '290',\n prima: 0,\n periodo_facturado: '2019/06',\n medio_pago: 'EFECTIVO',\n fecha_vigencia_desde: '06/01/2017',\n fecha_vigencia_hasta: '', \n productor: '242\tMariano Castro',\n compania: 'Orígenes Seguros de Retiro',\n documento: '3050059454'\n },\n {\n id: 2,\n ramo: 'RETIRO COLECTIVO',\n producto: 'AKZO NOBEL ARGENTINA S.A.',\n poliza: '$ 503,440',\n certificado: '0',\n nombre: 'AKZO NOBEL ARGENTINA S.A.',\n fecha: '07/01/2012',\n estado: 'ACTIVA',\n premio: '1.983',\n prima: 0,\n periodo_facturado: '2019/06',\n medio_pago: 'EFECTIVO',\n fecha_vigencia_desde: '05/01/2012',\n fecha_vigencia_hasta: '',\n productor: '242\tMariano Castro',\n compania: 'Orígenes Seguros de Retiro',\n documento: '30500529454'\n },\n {\n id: 3,\n ramo: 'RETIRO COLECTIVO',\n producto: 'AKZO NOBEL CHEMICALS ARGENTINA',\n poliza: '$ 504,700',\n certificado: '0',\n nombre: 'NOURYON CHEMICALS ARG. S.A.U',\n fecha: '07/20/2018',\n estado: 'ACTIVA',\n premio: '0',\n prima: 0,\n periodo_facturado: '2019/06',\n medio_pago: 'EFECTIVO',\n fecha_vigencia_desde: '07/01/2018',\n fecha_vigencia_hasta: '',\n productor: '242\tMariano Castro',\n compania: 'Orígenes Seguros de Retiro',\n documento: '30715729756'\n },\n {\n id: 4,\n ramo: 'RETIRO COLECTIVO',\n producto: 'AKZO NOBEL CHEMICALS ARGENTINA',\n poliza: '$ 504,710',\n certificado: '0',\n nombre: 'NOURYON CHEMICALS ARG. S.A.U',\n fecha: '07/20/2018',\n estado: 'ACTIVA',\n premio: '1.427',\n prima: 0,\n periodo_facturado: '2019/08',\n medio_pago: 'EFECTIVO',\n fecha_vigencia_desde: '07/01/2018',\n fecha_vigencia_hasta: '',\n productor: '242\tMariano Castro',\n compania: 'Orígenes Seguros de Retiro',\n documento: '30715729756'\n },\n {\n id: 5,\n ramo: 'RETIRO COLECTIVO',\n producto: 'ANGEL EL SANTO S.A.',\n poliza: '$ 504,620',\n certificado: '0',\n nombre: 'ANGEL EL SANTO S.A.',\n fecha: '10/30/2017',\n estado: 'ACTIVA',\n premio: '465.000',\n prima: 0,\n periodo_facturado: '2017/11',\n medio_pago: 'EFECTIVO',\n fecha_vigencia_desde: '10/01/2017',\n fecha_vigencia_hasta: '',\n productor: '243\tJulia Maria Parotti',\n compania: 'Orígenes Seguros de Retiro',\n documento: '30500235566'\n },\n {\n id: 6,\n ramo: 'RETIRO COLECTIVO',\n producto: 'ARECO SEMILLAS',\n poliza: '$ 504,260',\n certificado: '0',\n nombre: 'ARECO SEMILLAS S.A.',\n fecha: '01/18/2017',\n estado: 'ACTIVA',\n premio: '31.447',\n prima: 0,\n periodo_facturado: '2017/10',\n medio_pago: 'EFECTIVO',\n fecha_vigencia_desde: '12/01/2016',\n fecha_vigencia_hasta: '',\n productor: '243\tJulia Maria Parotti',\n compania: 'Orígenes Seguros de Retiro',\n documento: '30710981724'\n },\n {\n id: 7,\n ramo: 'RETIRO COLECTIVO',\n producto: 'AVAL FERTIL SGR.',\n poliza: '$ 504,230',\n certificado: '0',\n nombre: 'AVAL FERTIL SGR.',\n fecha: '01/18/2017',\n estado: 'ACTIVA',\n premio: '9.615',\n prima: 0,\n periodo_facturado: '2017/02',\n medio_pago: 'EFECTIVO',\n fecha_vigencia_desde: '12/01/2016',\n fecha_vigencia_hasta: '',\n productor: '243\tJulia Maria Parotti',\n compania: 'Orígenes Seguros de Retiro',\n documento: '30714824631'\n },\n {\n id: 8,\n ramo: 'RETIRO COLECTIVO',\n producto: 'BANCO ITAU',\n poliza: '$ 503,020',\n certificado: '0',\n nombre: 'BANCO ITAU ARGENTINA S.A.',\n fecha: '11/25/2011',\n estado: 'ACTIVA',\n premio: '15.821',\n prima: 0,\n periodo_facturado: '2015/10',\n medio_pago: 'EFECTIVO',\n fecha_vigencia_desde: '11/25/2011',\n fecha_vigencia_hasta: '',\n productor: '242\tMariano Castro',\n compania: 'Orígenes Seguros de Retiro',\n documento: '30580189411'\n },\n {\n id: 9,\n ramo: 'RETIRO COLECTIVO',\n producto: 'BANCO EL AHORRO',\n poliza: '$ 504,600',\n certificado: '0',\n nombre: 'BANCO EL AHORRO',\n fecha: '10/30/2017',\n estado: 'ACTIVA',\n premio: '4.200.000',\n prima: 0,\n periodo_facturado: '2017/12',\n medio_pago: 'EFECTIVO',\n fecha_vigencia_desde: '10/01/2017',\n fecha_vigencia_hasta: '',\n productor: '242\tMariano Castro',\n compania: 'Orígenes Seguros de Retiro',\n documento: '33500005179'\n },\n {\n id: 10,\n ramo: 'RETIRO COLECTIVO',\n producto: 'BCO. SUPERVILLE',\n poliza: '$ 504,080',\n certificado: '0',\n nombre: 'BANCO EL AHORRO',\n fecha: '09/16/2016',\n estado: 'ACTIVA',\n premio: '0',\n prima: 0,\n periodo_facturado: '2017/12',\n medio_pago: 'EFECTIVO',\n fecha_vigencia_desde: '09/01/2016',\n fecha_vigencia_hasta: '',\n productor: '242\tMariano Castro',\n compania: 'Orígenes Seguros de Retiro',\n documento: '33500005179'\n },\n {\n id: 11,\n ramo: 'RETIRO COLECTIVO',\n producto: 'BANCO EL AHORRO',\n poliza: '$ 504,090',\n certificado: '0',\n nombre: 'BANCO EL AHORRO',\n fecha: '09/16/2016',\n estado: 'ACTIVA',\n premio: '2.013.372',\n prima: 0,\n periodo_facturado: '2018/02',\n medio_pago: 'EFECTIVO',\n fecha_vigencia_desde: '09/01/2016',\n fecha_vigencia_hasta: '',\n productor: '242\tMariano Castro',\n compania: 'Orígenes Seguros de Retiro',\n documento: '33500005179'\n },\n {\n id: 12,\n ramo: 'RETIRO COLECTIVO',\n producto: 'BLACK & DECKER',\n poliza: '$ 503,880',\n certificado: '0',\n nombre: 'BLACK & DECKER ARGENTINA S.A.',\n fecha: '01/16/2015',\n estado: 'ACTIVA',\n premio: '12.668',\n prima: 0,\n periodo_facturado: '2019/07',\n medio_pago: 'EFECTIVO',\n fecha_vigencia_desde: '01/01/2015',\n fecha_vigencia_hasta: '',\n productor: '242\tMariano Castro',\n compania: 'Orígenes Seguros de Retiro',\n documento: '33658615969'\n },\n {\n id: 13,\n ramo: 'RETIRO COLECTIVO',\n producto: 'BUNGE ARGENTINA S.A.',\n poliza: '$ 503,790',\n certificado: '0',\n nombre: 'BUNGE ARGENTINA S.A.',\n fecha: '11/13/2013',\n estado: 'ACTIVA',\n premio: '1.196',\n prima: 0,\n periodo_facturado: '2019/08',\n medio_pago: 'EFECTIVO',\n fecha_vigencia_desde: '11/01/2013',\n fecha_vigencia_hasta: '',\n productor: '242\tMariano Castro',\n compania: 'Orígenes Seguros de Retiro',\n documento: '30700869918'\n },\n {\n id: 14,\n ramo: 'RETIRO COLECTIVO',\n producto: 'CHEMINOVA AGRO DE ARGENTINA S.',\n poliza: '$ 504,580',\n certificado: '0',\n nombre: 'CHEMINOVA AGRO DE ARGENTINA S.A.',\n fecha: '10/09/2017',\n estado: 'ACTIVA',\n premio: '9.359',\n prima: 0,\n periodo_facturado: '2019/08',\n medio_pago: 'EFECTIVO',\n fecha_vigencia_desde: '10/01/2017',\n fecha_vigencia_hasta: '',\n productor: '244\tErnestina Luppo',\n compania: 'Orígenes Seguros de Retiro',\n documento: '30600659177'\n },\n {\n id: 15,\n ramo: 'RETIRO COLECTIVO',\n producto: 'CONSULTORES',\n poliza: '$ 504,410',\n certificado: '0',\n nombre: 'CONSULTORES ASSETS MANAGEMENT SA',\n fecha: '05/17/2017',\n estado: 'ACTIVA',\n premio: '0',\n prima: 0,\n periodo_facturado: '2019/08',\n medio_pago: 'EFECTIVO',\n fecha_vigencia_desde: '05/01/2017',\n fecha_vigencia_hasta: '',\n productor: '242\tMariano Castro',\n compania: 'Orígenes Seguros de Retiro',\n documento: '30708676906'\n }\n ]\n }\n },\n TABLES_2: {\n makeData: () => {\n return [\n {\n contratador: 'VEGA, HECTOR ARIEL',\n fecha_vencimiento: '3/1/2019',\n cantidad_dias_vencido: '213',\n saldo_pendiente: '$ 34.92',\n '30_dias': '$ 0',\n '60_dias': '$ 0',\n '90_dias': '$ 34.92',\n mas_90_dias: '$ 0',\n a_vencer: '$ 0',\n ramo: 'Robo y riesgos similares',\n producto: ': ROBO CAJERO-ROBO/HURTO EP MA',\n referencia: '135579',\n poliza: '109000007',\n certificado: '107',\n medio_pago: 'Débito Bancario - PAC',\n documento: '32754143',\n codido_productor: '1230000087',\n nombre_productor: 'Julia Maria Perotti'\n },\n {\n contratador: 'SILVA, ADA ORQUIDEA',\n fecha_vencimiento: '3/1/2019',\n cantidad_dias_vencido: '213',\n saldo_pendiente: '$ 34.79',\n '30_dias': '$ 0',\n '60_dias': '$ 0',\n '90_dias': '$ 34.79',\n mas_90_dias: '$ 0',\n a_vencer: '$ 0',\n ramo: 'Robo y riesgos similares',\n producto: 'ROBO CAJERO-ROBO/HURTO EP MA',\n referencia: '135578',\n poliza: '109000007',\n certificado: '108',\n medio_pago: 'Débito Bancario - PAC',\n documento: '39136292',\n codigo_productor: '1230000087',\n nombre_productor: 'Julia Maria Perotti'\n },\n {\n contratador: 'CESPEDES OVIEDO, ALFREDO DANIEL',\n fecha_vencimiento: '3/1/2019',\n cantidad_dias_vencido: '213',\n saldo_pendiente: '$ 34.79',\n '30_dias': '$ 0',\n '60_dias': '$ 0',\n '90_dias': '$ 34.79',\n mas_90_dias: '$ 0',\n ramo: 'Robo y riesgos similares',\n producto: 'ROBO CAJERO-ROBO/HURTO EP MA',\n referencia: '135573',\n poliza: '109000007',\n certificado: '113',\n medio_pago: 'Débito Bancario - PAC',\n documento: '95009264',\n codido_productor: '1230000087',\n nombre_productor: 'Julia Maria Perotti'\n },\n {\n contratador: 'JUSTINIANO , JOSE MARIA',\n fecha_vencimiento: '3/1/2019',\n cantidad_dias_vencido: '213',\n saldo_pendiente: '$ 34.79',\n '30_dias': '$ 0',\n '60_dias': '$ 0',\n '90_dias': '$ 34.79',\n mas_90_dias: '$ 0',\n ramo: 'Robo y riesgos similares',\n producto: 'ROBO CAJERO-ROBO/HURTO EP MA',\n referencia: '135567',\n poliza: '109000007',\n certificado: '119',\n medio_pago: 'Débito Bancario - PAC',\n documento: '35191577',\n codigo_productor: '1230000087',\n nombre_productor: 'Julia Maria Perotti'\n },\n {\n contratador: 'AVALOS , CAROLINA GISELA',\n fecha_vencimiento: '3/1/2019',\n cantidad_dias_vencido: '213',\n saldo_pendiente: '$ 35.99',\n '30_dias': '$ 0',\n '60_dias': '$ 0',\n '90_dias': '$ 35.99',\n mas_90_dias: '$ 0',\n ramo: 'Robo y riesgos similares',\n producto: 'ROBO CAJERO-ROBO/HURTO EP MA',\n referencia: '135528',\n poliza: '109000007',\n certificado: '159',\n medio_pago: 'Débito Bancario - PAC',\n documento: '33544384',\n codigo_productor: '1230000087',\n nombre_productor: 'Julia Maria Perotti'\n },\n {\n contratador: 'PAREDES , IRMA RAMONA',\n fecha_vencimiento: '3/1/2019',\n cantidad_dias_vencido: '213',\n saldo_pendiente: '$ 35.99',\n '30_dias': '$ 0',\n '60_dias': '$ 0',\n '90_dias': '$ 35.99',\n mas_90_dias: '$ 0',\n ramo: 'Robo y riesgos similares',\n producto: 'ROBO CAJERO-ROBO/HURTO EP MA',\n referencia: '135523',\n poliza: '109000007',\n certificado: '164',\n medio_pago: 'Débito Bancario - PAC',\n documento: '24780256',\n codigo_productor: '1230000087',\n nombre_productor: 'Julia Maria Perotti'\n },\n {\n contratador: 'GINES , MARIO',\n fecha_vencimiento: '3/1/2019',\n cantidad_dias_vencido: '213',\n saldo_pendiente: '$ 33.59',\n '30_dias': '$ 0',\n '60_dias': '$ 0',\n '90_dias': '$ 33.59',\n mas_90_dias: '$ 0',\n ramo: 'Robo y riesgos similares',\n producto: 'ROBO CAJERO-ROBO/HURTO EP MA',\n referencia: '134264',\n poliza: '109000007',\n certificado: '1444',\n medio_pago: 'Débito Bancario - PAC',\n documento: '21101106',\n codigo_productor: '1230000087',\n nombre_productor: 'Julia Maria Perotti'\n },\n {\n contratador: 'BRIZUELA , CARMEN SILVANA',\n fecha_vencimiento: '3/1/2019',\n cantidad_dias_vencido: '213',\n saldo_pendiente: '$ 34.79',\n '30_dias': '$ 0',\n '60_dias': '$ 0',\n '90_dias': '$ 34.79',\n mas_90_dias: '$ 0',\n ramo: 'Robo y riesgos similares',\n producto: 'ROBO CAJERO-ROBO/HURTO EP MA',\n referencia: '134225',\n poliza: '109000007',\n certificado: '1483',\n medio_pago: 'Débito Bancario - PAC',\n documento: '29087238',\n codigo_productor: '1230000087',\n nombre_productor: 'Julia Maria Perotti'\n },\n {\n contratador: 'ORUE , WILLIAM FABIAN',\n fecha_vencimiento: '3/1/2019',\n cantidad_dias_vencido: '213',\n saldo_pendiente: '$ 33.59',\n '30_dias': '$ 0',\n '60_dias': '$ 0',\n '90_dias': '$ 33.59',\n mas_90_dias: '$ 0',\n ramo: 'Robo y riesgos similares',\n producto: 'ROBO CAJERO-ROBO/HURTO EP MA',\n referencia: '132885',\n poliza: '109000007',\n certificado: '2830',\n medio_pago: 'Débito Bancario - PAC',\n documento: '34047261',\n codigo_productor: '1230000087',\n nombre_productor: 'Julia Maria Perotti'\n },\n {\n contratador: 'AIBA , CARLOS MILCIADES',\n fecha_vencimiento: '3/1/2019',\n cantidad_dias_vencido: '213',\n saldo_pendiente: '$ 33.72',\n '30_dias': '$ 0',\n '60_dias': '$ 0',\n '90_dias': '$ 33.72',\n mas_90_dias: '$ 0',\n ramo: 'Robo y riesgos similares',\n producto: 'ROBO CAJERO-ROBO/HURTO EP MA',\n referencia: '132882',\n poliza: '109000007',\n certificado: '2833',\n medio_pago: 'Débito Bancario - PAC',\n documento: '18149173',\n codigo_productor: '1230000087',\n nombre_productor: 'Julia Maria Perotti'\n },\n {\n contratador: 'CALZADA , ZULEMA INES',\n fecha_vencimiento: '12/18/2018',\n cantidad_dias_vencido: '286',\n saldo_pendiente: '$ -0.14',\n '30_dias': '$ 0',\n '60_dias': '$ 0',\n '90_dias': '$ -0.14',\n mas_90_dias: '$ 0',\n ramo: 'Robo y riesgos similares',\n producto: 'Bolso Protegido',\n referencia: '71667',\n poliza: '109000001',\n certificado: '165',\n medio_pago: 'Débito Bancario - PAC',\n documento: '10269928',\n codigo_productor: '1030000099',\n nombre_productor: 'Raul Aberro'\n },\n {\n contratador: 'POLLEE , NANCY NATALIA',\n fecha_vencimiento: '12/18/2018',\n cantidad_dias_vencido: '286',\n saldo_pendiente: '$ -0.28',\n '30_dias': '$ 0',\n '60_dias': '$ 0',\n '90_dias': '$ -0.28',\n mas_90_dias: '$ 0',\n ramo: 'Robo y riesgos similares',\n producto: 'Bolso Protegido',\n referencia: '71668',\n poliza: '109000001',\n certificado: '168',\n medio_pago: 'Tarjeta de Crédito',\n documento: '27264335',\n codigo_productor: '1030000099',\n nombre_productor: 'Raul Aberro'\n },\n {\n contratador: 'BENITEZ , CINTIA PAOLA',\n fecha_vencimiento: '12/19/2018',\n cantidad_dias_vencido: '285',\n saldo_pendiente: '$ 77.22',\n '30_dias': '$ 0',\n '60_dias': '$ 0',\n '90_dias': '$ 77.22',\n mas_90_dias: '$ 0',\n ramo: 'Robo y riesgos similares',\n producto: 'Bolso Protegido',\n referencia: '77188',\n poliza: '109000009',\n certificado: '85',\n medio_pago: 'Pago en Compañia',\n documento: '26005858',\n codigo_productor: '1030000099',\n nombre_productor: 'Raul Aberro'\n }\n ]\n }\n },\n TABLES_3: {\n makeData: () => {\n return [\n {\n \"ramo\": \"Robo y riesgos similares\",\n \"poliza\": \"117000041\",\n \"certificado\": \"0\",\n \"fecha_imputacion\": \"7/11/19\",\n \"monto_resultante\": \" $ 2.43 \",\n \"porcentaje\": \"6.87%\",\n \"prima_base_cálculo\": \" $ 35.39 \",\n \"premio\": \" $ 43.95 \",\n \"producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"referencia\": \"220274\",\n \"documento\": \"16784767\",\n \"contratante\": \"IREN , HECTOR LUIS\",\n \"codido_productor\": \"244\",\n \"productor\": \"Julia Maria Perotti\",\n \"fecha_inicio_vigencia\": \"6/14/19\"\n },\n {\n \"ramo\": \"Robo y riesgos similares\",\n \"poliza\": \"117000044\",\n \"certificado\": \"0\",\n \"fecha_imputacion\": \"7/11/19\",\n \"monto_resultante\": \" $ 2.43 \",\n \"porcentaje\": \"6.87%\",\n \"prima_base_cálculo\": \" $ 35.39 \",\n \"premio\": \" $ 43.95 \",\n \"producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"referencia\": \"220299\",\n \"documento\": \"16458543\",\n \"contratante\": \"MORENO , SUSANA DEL VALLE\",\n \"codido_productor\": \"244\",\n \"productor\": \"Julia Maria Perotti\",\n \"fecha_inicio_vigencia\": \"6/14/19\"\n },\n {\n \"ramo\": \"Robo y riesgos similares\",\n \"poliza\": \"117000047\",\n \"certificado\": \"0\",\n \"fecha_imputacion\": \"7/11/19\",\n \"monto_resultante\": \" $ 2.43 \",\n \"porcentaje\": \"6.87%\",\n \"prima_base_cálculo\": \" $ 35.39 \",\n \"premio\": \" $ 43.95 \",\n \"producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"referencia\": \"220311\",\n \"documento\": \"17926355\",\n \"contratante\": \"CARTA , ANGEL FRANCISCO\",\n \"codido_productor\": \"244\",\n \"productor\": \"Julia Maria Perotti\",\n \"fecha_inicio_vigencia\": \"6/14/19\"\n },\n {\n \"ramo\": \"Robo y riesgos similares\",\n \"poliza\": \"117000075\",\n \"certificado\": \"0\",\n \"fecha_imputacion\": \"7/11/19\",\n \"monto_resultante\": \" $ 2.43 \",\n \"porcentaje\": \"6.87%\",\n \"prima_base_cálculo\": \" $ 35.39 \",\n \"premio\": \" $ 43.95 \",\n \"producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"referencia\": \"220488\",\n \"documento\": \"17239120\",\n \"contratante\": \"GALVAN , RAMON ALFREDO\",\n \"codido_productor\": \"244\",\n \"productor\": \"Julia Maria Perotti\",\n \"fecha_inicio_vigencia\": \"6/14/19\"\n },\n {\n \"ramo\": \"Robo y riesgos similares\",\n \"poliza\": \"117000007\",\n \"certificado\": \"0\",\n \"fecha_imputacion\": \"7/11/19\",\n \"monto_resultante\": \" $ 2.43 \",\n \"porcentaje\": \"6.87%\",\n \"prima_base_cálculo\": \" $ 35.39 \",\n \"premio\": \" $ 43.95 \",\n \"producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"referencia\": \"220027\",\n \"documento\": \"33047881\",\n \"contratante\": \"GOMEZ , ROSA ANDREA\",\n \"codido_productor\": \"244\",\n \"productor\": \"Julia Maria Perotti\",\n \"fecha_inicio_vigencia\": \"6/14/19\"\n },\n {\n \"ramo\": \"Robo y riesgos similares\",\n \"poliza\": \"117000008\",\n \"certificado\": \"0\",\n \"fecha_imputacion\": \"7/11/19\",\n \"monto_resultante\": \" $ 2.43 \",\n \"porcentaje\": \"6.87%\",\n \"prima_base_cálculo\": \" $ 35.34 \",\n \"premio\": \" $ 43.89 \",\n \"producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"referencia\": \"220040\",\n \"documento\": \"11909886\",\n \"contratante\": \"GARCIA , SOLEDAD DEL VALLE\",\n \"codido_productor\": \"244\",\n \"productor\": \"Julia Maria Perotti\",\n \"fecha_inicio_vigencia\": \"6/14/19\"\n },\n {\n \"ramo\": \"Robo y riesgos similares\",\n \"poliza\": \"117000009\",\n \"certificado\": \"0\",\n \"fecha_imputacion\": \"7/11/19\",\n \"monto_resultante\": \" $ 2.43 \",\n \"porcentaje\": \"6.87%\",\n \"prima_base_cálculo\": \" $ 35.34 \",\n \"premio\": \" $ 43.89 \",\n \"producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"referencia\": \"220053\",\n \"documento\": \"39140742\",\n \"contratante\": \"AGUIRRE , PABLO JOSE MIGUEL\",\n \"codido_productor\": \"244\",\n \"productor\": \"Julia Maria Perotti\",\n \"fecha_inicio_vigencia\": \"6/14/19\"\n },\n {\n \"ramo\": \"Robo y riesgos similares\",\n \"poliza\": \"117000018\",\n \"certificado\": \"0\",\n \"fecha_imputacion\": \"7/11/19\",\n \"monto_resultante\": \" $ 2.43 \",\n \"porcentaje\": \"6.87%\",\n \"prima_base_cálculo\": \" $ 35.34 \",\n \"premio\": \" $ 43.89 \",\n \"producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"referencia\": \"220105\",\n \"documento\": \"17614738\",\n \"contratante\": \"FIGUEROA , YOLANDA INES\",\n \"codido_productor\": \"244\",\n \"productor\": \"Julia Maria Perotti\",\n \"fecha_inicio_vigencia\": \"6/14/19\"\n },\n {\n \"ramo\": \"Robo y riesgos similares\",\n \"poliza\": \"117000020\",\n \"certificado\": \"0\",\n \"fecha_imputacion\": \"7/11/19\",\n \"monto_resultante\": \" $ 2.43 \",\n \"porcentaje\": \"6.87%\",\n \"prima_base_cálculo\": \" $ 35.34 \",\n \"premio\": \" $ 43.89 \",\n \"producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"referencia\": \"220121\",\n \"documento\": \"35814147\",\n \"contratante\": \"VELIZ , JOHANA DANIELA\",\n \"codido_productor\": \"244\",\n \"productor\": \"Julia Maria Perotti\",\n \"fecha_inicio_vigencia\": \"6/14/19\"\n },\n {\n \"ramo\": \"Robo y riesgos similares\",\n \"poliza\": \"117000033\",\n \"certificado\": \"0\",\n \"fecha_imputacion\": \"7/11/19\",\n \"monto_resultante\": \" $ 2.43 \",\n \"porcentaje\": \"6.87%\",\n \"prima_base_cálculo\": \" $ 35.39 \",\n \"premio\": \" $ 43.95 \",\n \"producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"referencia\": \"220214\",\n \"documento\": \"20547870\",\n \"contratante\": \"NIEVA , FATIMA DE LOS ANGELES\",\n \"codido_productor\": \"244\",\n \"productor\": \"Julia Maria Perotti\",\n \"fecha_inicio_vigencia\": \"6/14/19\"\n },\n {\n \"ramo\": \"Robo y riesgos similares\",\n \"poliza\": \"117000052\",\n \"certificado\": \"0\",\n \"fecha_imputacion\": \"7/11/19\",\n \"monto_resultante\": \" $ 2.43 \",\n \"porcentaje\": \"6.87%\",\n \"prima_base_cálculo\": \" $ 35.39 \",\n \"premio\": \" $ 43.95 \",\n \"producto\": \"Bolso Protegido\",\n \"referencia\": \"220347\",\n \"documento\": \"31052584\",\n \"contratante\": \"TORRES , ADRIAN MAXIMILIANO\",\n \"codido_productor\": \"244\",\n \"productor\": \"Julia Maria Perotti\",\n \"fecha_inicio_vigencia\": \"6/14/19\"\n },\n {\n \"ramo\": \"Robo y riesgos similares\",\n \"poliza\": \"117000053\",\n \"certificado\": \"0\",\n \"fecha_imputacion\": \"7/11/19\",\n \"monto_resultante\": \" $ 2.43 \",\n \"porcentaje\": \"6.87%\",\n \"prima_base_cálculo\": \" $ 35.39 \",\n \"premio\": \" $ 43.95 \",\n \"producto\": \"Bolso Protegido\",\n \"referencia\": \"220351\",\n \"documento\": \"33372834\",\n \"contratante\": \"CORO RAMOS , CINTHIA CELINA\",\n \"codido_productor\": \"244\",\n \"productor\": \"Julia Maria Perotti\",\n \"fecha_inicio_vigencia\": \"6/14/19\"\n },\n {\n \"ramo\": \"Robo y riesgos similares\",\n \"poliza\": \"117000055\",\n \"certificado\": \"0\",\n \"fecha_imputacion\": \"7/11/19\",\n \"monto_resultante\": \" $ 2.43 \",\n \"porcentaje\": \"6.87%\",\n \"prima_base_cálculo\": \" $ 35.39 \",\n \"premio\": \" $ 43.95 \",\n \"producto\": \"Bolso Protegido\",\n \"referencia\": \"220363\",\n \"documento\": \"32828488\",\n \"contratante\": \"JUAREZ , FRANCO MARTIN\",\n \"codido_productor\": \"244\",\n \"productor\": \"Julia Maria Perotti\",\n \"fecha_inicio_vigencia\": \"6/14/19\"\n }\n ]\n }\n},\nTABLES_4: {\n makeData: () => {\n return [\n {\n \"Rama\": \"Robo y riesgos similares\",\n \"Póliza\": \"109000001\",\n \"Certificado\": \"21\",\n \"Mes rechazo\": \"2019/09\",\n \"Monto\": \" $ 35.99 \",\n \"Descrip_Rech\": \"Baja de déb. aut. Solicitada\",\n \"Referencia\": \"172102\",\n \"Producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"Contratador DNI\": \"30-71407676-7\",\n \"Contratador Nombre y Apellido\": \"SUAREZ , MARIA ALEJANDRA\",\n \"Forma de pago\": \"Tarjeta de Crédito\",\n \"Productor\": \"252\",\n \"Nombre y Ap.Prod\": \"Raúl Aberro\",\n \"Numero de Tarjeta\": \"4509********5930\"\n },\n {\n \"Rama\": \"Robo y riesgos similares\",\n \"Póliza\": \"109000002\",\n \"Certificado\": \"1063\",\n \"Mes rechazo\": \"2019/09\",\n \"Monto\": \" $ 35.99 \",\n \"Descrip_Rech\": \"Baja de déb. aut. Solicitada\",\n \"Referencia\": \"171084\",\n \"Producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"Contratador DNI\": \"30-71407676-7\",\n \"Contratador Nombre y Apellido\": \"SUAREZ , MARIA ALEJANDRA\",\n \"Forma de pago\": \"Tarjeta de Crédito\",\n \"Productor\": \"252\",\n \"Nombre y Ap.Prod\": \"Raúl Aberro\",\n \"Numero de Tarjeta\": \"4509********5930\"\n },\n {\n \"Rama\": \"Robo y riesgos similares\",\n \"Póliza\": \"109000004\",\n \"Certificado\": \"58\",\n \"Mes rechazo\": \"2019/09\",\n \"Monto\": \" $ 51.03 \",\n \"Descrip_Rech\": \"Baja de déb. aut. Solicitada\",\n \"Referencia\": \"172149\",\n \"Producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"Contratador DNI\": \"30-71407676-7\",\n \"Contratador Nombre y Apellido\": \"SUAREZ , MARIA ALEJANDRA\",\n \"Forma de pago\": \"Tarjeta de Crédito\",\n \"Productor\": \"252\",\n \"Nombre y Ap.Prod\": \"Raúl Aberro\",\n \"Numero de Tarjeta\": \"4509********5930\"\n },\n {\n \"Rama\": \"Robo y riesgos similares\",\n \"Póliza\": \"109000005\",\n \"Certificado\": \"39\",\n \"Mes rechazo\": \"2019/09\",\n \"Monto\": \" $ 165.71 \",\n \"Descrip_Rech\": \"Tarjeta dada de baja\",\n \"Referencia\": \"166806\",\n \"Producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"Contratador DNI\": \"30-71407676-7\",\n \"Contratador Nombre y Apellido\": \"MARTINEZ , ANDREA INES\",\n \"Forma de pago\": \"Tarjeta de Crédito\",\n \"Productor\": \"252\",\n \"Nombre y Ap.Prod\": \"Raúl Aberro\",\n \"Numero de Tarjeta\": \"4546********7370\"\n },\n {\n \"Rama\": \"Robo y riesgos similares\",\n \"Póliza\": \"109000006\",\n \"Certificado\": \"63\",\n \"Mes rechazo\": \"2019/09\",\n \"Monto\": \" $ 156.28 \",\n \"Descrip_Rech\": \"Tarjeta dada de baja\",\n \"Referencia\": \"166795\",\n \"Producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"Contratador DNI\": \"30-71407676-7\",\n \"Contratador Nombre y Apellido\": \"MARTINEZ , ANDREA INES\",\n \"Forma de pago\": \"Tarjeta de Crédito\",\n \"Productor\": \"252\",\n \"Nombre y Ap.Prod\": \"Raúl Aberro\",\n \"Numero de Tarjeta\": \"4546********7370\"\n },\n {\n \"Rama\": \"Robo y riesgos similares\",\n \"Póliza\": \"109000007\",\n \"Certificado\": \"74\",\n \"Mes rechazo\": \"2019/09\",\n \"Monto\": \" $ 121.19 \",\n \"Descrip_Rech\": \"Tarjeta dada de baja\",\n \"Referencia\": \"166791\",\n \"Producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"Contratador DNI\": \"30-71407676-7\",\n \"Contratador Nombre y Apellido\": \"MARTINEZ , ANDREA INES\",\n \"Forma de pago\": \"Tarjeta de Crédito\",\n \"Productor\": \"252\",\n \"Nombre y Ap.Prod\": \"Raúl Aberro\",\n \"Numero de Tarjeta\": \"4546********7370\"\n },\n {\n \"Rama\": \"Robo y riesgos similares\",\n \"Póliza\": \"109000009\",\n \"Certificado\": \"613\",\n \"Mes rechazo\": \"2019/09\",\n \"Monto\": \" $ 277.88 \",\n \"Descrip_Rech\": \"Tarjeta dada de baja\",\n \"Referencia\": \"166668\",\n \"Producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"Contratador DNI\": \"30-71407676-7\",\n \"Contratador Nombre y Apellido\": \"MARTINEZ , ANDREA INES\",\n \"Forma de pago\": \"Tarjeta de Crédito\",\n \"Productor\": \"252\",\n \"Nombre y Ap.Prod\": \"Raúl Aberro\",\n \"Numero de Tarjeta\": \"4546********7370\"\n },\n {\n \"Rama\": \"Robo y riesgos similares\",\n \"Póliza\": \"109000010\",\n \"Certificado\": \"628\",\n \"Mes rechazo\": \"2019/09\",\n \"Monto\": \" $ 196.49 \",\n \"Descrip_Rech\": \"Tarjeta dada de baja\",\n \"Referencia\": \"166663\",\n \"Producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"Contratador DNI\": \"30-71407676-7\",\n \"Contratador Nombre y Apellido\": \"MARTINEZ , ANDREA INES\",\n \"Forma de pago\": \"Tarjeta de Crédito\",\n \"Productor\": \"252\",\n \"Nombre y Ap.Prod\": \"Raúl Aberro\",\n \"Numero de Tarjeta\": \"4546********7370\"\n },\n {\n \"Rama\": \"Robo y riesgos similares\",\n \"Póliza\": \"109000011\",\n \"Certificado\": \"716\",\n \"Mes rechazo\": \"2019/09\",\n \"Monto\": \" $ 117.56 \",\n \"Descrip_Rech\": \"Tarjeta no operativa\",\n \"Referencia\": \"166642\",\n \"Producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"Contratador DNI\": \"30-71407676-7\",\n \"Contratador Nombre y Apellido\": \"VISCIGLIA , ROLDOLFO NESTOR\",\n \"Forma de pago\": \"Tarjeta de Crédito\",\n \"Productor\": \"252\",\n \"Nombre y Ap.Prod\": \"Raúl Aberro\",\n \"Numero de Tarjeta\": \"4548********9490\"\n },\n {\n \"Rama\": \"Robo y riesgos similares\",\n \"Póliza\": \"109000012\",\n \"Certificado\": \"861\",\n \"Mes rechazo\": \"2019/09\",\n \"Monto\": \" $ 163.82 \",\n \"Descrip_Rech\": \"Cuenta sin disponible\",\n \"Referencia\": \"166609\",\n \"Producto\": \"ROBO CAJERO-ROBO/HURTO EP MA\",\n \"Contratador DNI\": \"30-69729083-0\",\n \"Contratador Nombre y Apellido\": \"VARGAS , MARCELA\",\n \"Forma de pago\": \"Tarjeta de Crédito\",\n \"Productor\": \"252\",\n \"Nombre y Ap.Prod\": \"Raúl Aberro\",\n \"Numero de Tarjeta\": \"4347********5520\"\n },\n {\n \"Rama\": \"Robo y riesgos similares\",\n \"Póliza\": \"109000012\",\n \"Certificado\": \"983\",\n \"Mes rechazo\": \"2019/09\",\n \"Monto\": \" $ 116.29 \",\n \"Descrip_Rech\": \"Falta de fondos\",\n \"Referencia\": \"166569\",\n \"Producto\": \"Bolso Protegido\",\n \"Contratador DNI\": \"30-71407676-7\",\n \"Contratador Nombre y Apellido\": \"ROCHETTI , TERESA OLGA\",\n \"Forma de pago\": \"Débito Bancario - PAC\",\n \"Productor\": \"252\",\n \"Nombre y Ap.Prod\": \"Raúl Aberro\",\n \"Banco CBU\": \"0720268***************\"\n },\n {\n \"Rama\": \"Robo y riesgos similares\",\n \"Póliza\": \"109000012\",\n \"Certificado\": \"324\",\n \"Mes rechazo\": \"2019/09\",\n \"Monto\": \" $ 73.65 \",\n \"Descrip_Rech\": \"Fondos insuficientes\",\n \"Referencia\": \"166736\",\n \"Producto\": \"Bolso Protegido\",\n \"Contratador DNI\": \"30-71407676-7\",\n \"Contratador Nombre y Apellido\": \"Sanabria , Carolina\",\n \"Forma de pago\": \"Débito Bancario - PAC\",\n \"Productor\": \"252\",\n \"Nombre y Ap.Prod\": \"Raúl Aberro\",\n \"Banco CBU\": \"0720402***************\"\n },\n {\n \"Rama\": \"Robo y riesgos similares\",\n \"Póliza\": \"109000012\",\n \"Certificado\": \"445\",\n \"Mes rechazo\": \"2019/09\",\n \"Monto\": \" $ 223.60 \",\n \"Descrip_Rech\": \"Falta de fondos\",\n \"Referencia\": \"166705\",\n \"Producto\": \"Bolso Protegido\",\n \"Contratador DNI\": \"30-50005574-6\",\n \"Contratador Nombre y Apellido\": \"TORALES , FACUNDO JOSE\",\n \"Forma de pago\": \"Débito Bancario - PAC\",\n \"Productor\": \"252\",\n \"Nombre y Ap.Prod\": \"Raúl Aberro\",\n \"Banco CBU\": \"3150000***************\"\n },\n {\n \"Rama\": \"Robo y riesgos similares\",\n \"Póliza\": \"109000012\",\n \"Certificado\": \"526\",\n \"Mes rechazo\": \"2019/09\",\n \"Monto\": \" $ 279.50 \",\n \"Descrip_Rech\": \"Falta de fondos\",\n \"Referencia\": \"166691\",\n \"Producto\": \"Bolso Protegido\",\n \"Contratador DNI\": \"30-50005574-6\",\n \"Contratador Nombre y Apellido\": \"TORALES , FACUNDO JOSE\",\n \"Forma de pago\": \"Débito Bancario - PAC\",\n \"Productor\": \"252\",\n \"Nombre y Ap.Prod\": \"Raúl Aberro\",\n \"Banco CBU\": \"3150000***************\"\n }\n ]\n }\n},\n MASTER_PAGE: {\n benefits: [{\n description: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem.',\n icon: 'dolly',\n title: 'Beneficio 1',\n link: '/',\n },\n {\n description: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem.',\n icon: 'fan',\n title: 'Beneficio 2',\n link: '/',\n },\n {\n description: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem.',\n icon: 'hammer',\n title: 'Beneficio 3',\n link: '/',\n },\n ],\n infoCards: [{\n description: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.',\n imgSrc: FriendsPhoto,\n title: 'Card 1',\n link: '/',\n },\n {\n description: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.',\n imgSrc: CouplePhoto,\n title: 'Card 2',\n link: '/',\n },\n {\n description: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.',\n imgSrc: GrandsonPhoto,\n title: 'Card 3',\n link: '/',\n },\n ],\n carouselDesktop: [CarouselDImageOne, CarouselDImageTwo, CarouselDImageThree],\n carouselMobile: [CarouselMImageOne, CarouselMImageTwo, CarouselMImageThree],\n },\n NOTIFICATIONS_PANEL: {\n notifications: []\n },\n DRAG_FILES: {\n API:'/api',\n \n }\n};\n\nexport {\n MOCK_DATA\n};\n","import React from 'react'\nimport { bool, string } from 'prop-types';\nimport InputMask from 'react-input-mask';\n\nconst Input = ({ type, id, text, defaultValue, value, placeholder, smallPrint, errorMsg, disabled, classes, maxLength, mask, borderColor, imgSrc, readOnly, onKeyDown, onChange, onBlur, onKeyPress }) => {\n var mainInputClass = (errorMsg.length || smallPrint.length) ? 'input input-span' : 'input';\n if (classes) {\n mainInputClass += \" \" + classes;\n }\n\n return (\n\n \n
\n )\n}\n\nInput.defaultProps = {\n defaultValue: '',\n classes: '',\n errorMsg: '',\n smallPrint: '',\n imgSrc: '',\n borderColor: '',\n type: 'text',\n placeholder: '',\n disabled: false,\n maxLength: '',\n mask: '',\n readOnly: false,\n};\n\nInput.propTypes = {\n id: string.isRequired,\n text: string.isRequired,\n type: string,\n defaultValue: string,\n classes: string,\n errorMsg: string,\n smallPrint: string,\n imgSrc: string,\n borderColor: string,\n disabled: bool,\n placeholder: string,\n maxLength: string,\n mask: string,\n readOnly: bool\n};\n\n\nexport default Input;","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { string } from 'prop-types';\nimport Button from '../Button';\nimport { GLOBAL } from '../../Config/global';\n\nconst RoleCard = ({ title, img }) => (\n \n {\n mask ?\n
\n {errorMsg.length ? {errorMsg} : null}\n {smallPrint.length && !errorMsg.length ? {smallPrint} : null}\n \n 
\n
\n \n :\n null\n }\n \n 
\n
\n);\n\nRoleCard.propTypes = {\n img: string.isRequired,\n title: string\n};\n\nRoleCard.defaultProps = {\n title: GLOBAL.USER_OPTIONS.ADMIN.title\n}\n\nexport default RoleCard;\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React from \"react\";\nimport { withRouter } from \"react-router-dom\";\nimport { object } from \"prop-types\";\n\nconst BackButton = ({ history: { goBack } }) => {\n const handleClick = () => {\n return goBack();\n };\n\n return (\n \n
\n { title }
\n \n \n \n\n
\n );\n}\n\nConfirmationModal.propTypes = {\n onConfirm: func.isRequired,\n onDismiss: func.isRequired,\n onCancel: func,\n message: string,\n title: string,\n status: oneOf(['primary', 'warning', 'error', 'success']),\n icon: string\n};\n\nConfirmationModal.defaultProps = {\n status: 'success',\n message: MODAL.BODY,\n title: MODAL.TITLE,\n icon: 'fas fa-exclamation-circle'\n};\n\nexport default ConfirmationModal;","import React from 'react';\nimport { any, bool } from 'prop-types';\n\nconst Navbar = ({ children, expanded }) => {\n return (\n \n )\n}\n\nNavbar.defaultProps = {\n children: null,\n expanded: false\n};\n\nNavbar.propTypes = {\n children: any,\n expanded: bool\n};\n\nexport default Navbar;\n","/* eslint-disable react/prop-types */\n/* eslint-disable no-unused-vars */\n/* eslint-disable react/no-multi-comp */\nimport React, { useState } from \"react\";\nimport { any, bool, string } from \"prop-types\";\n\nconst renderArrowIcon = () => (\n \n);\n\nfunction NavMenuItem({ link, children, fontSize, labelComponent, multiple, props }) {\n const [isDropdownVisible, setIsDropdownVisible] = useState(false);\n\n return (\n \n
\n \n
\n \n \n {status === 'warning' && }\n
\n {title}
\n\n
\n {message}
\n\n \n \n
\n \n
\n {title}
\n{message}
\n {\n (level === ErrorLevel.Error || level === ErrorLevel.Information) && !noDetail &&\n \n }\n \n {\n level === ErrorLevel.Information && !noDetail &&\n\n
\n }\n {\n level === ErrorLevel.Error && !noDetail &&\n \n
\n \n \n
\n \n
\n \n
\n \n {errorInfo &&\n {errorInfo}\n }\n {errorInfo &&\n
\n }\n {errorDesc.split('
')?.map((item, i) => (\n
\n \n }\n {errorDesc.split('
')?.map((item, i) => (\n
{item}
\n )\n )}\n\n
\n }\n \n );\n}\n\nAlert.defaultProps = {\n errorDesc: '',\n errorInfo: '',\n errorLine: '',\n icon: 'check',\n level: ErrorLevel.Warning,\n noDetail: false,\n details: false\n};\n\nAlert.propTypes = {\n errorDesc: string,\n errorInfo: string,\n errorLine: string,\n icon: oneOf(['info', 'check', 'times']),\n message: string.isRequired,\n title: string.isRequired,\n type: string,\n noDetail: bool,\n details: bool\n};\n\n\nexport default Alert;\n","import React, { Fragment } from 'react';\nimport { string } from 'prop-types';\nimport { GLOBAL } from '../../Config/global';\n\nconst Breadcrumb = ({ currentPage }) => {\n const { INNER_NAV: routes } = GLOBAL;\n const pageIndex = routes.findIndex(route => (route.link === currentPage.toLowerCase()));\n var breadcrumbs = routes.slice(0, pageIndex + 1);\n // Remover linea de abajo una vez se defina camino de migas, limita a mostrar home y pagina actual\n breadcrumbs = breadcrumbs.filter(x => { return x.link === \"/\" || x.link === currentPage });\n return (\n \n );\n}\n\nBreadcrumb.propTypes = {\n currentPage: string.isRequired\n}\n\nexport default Breadcrumb;","import { bool, number, string } from \"prop-types\";\nimport React from \"react\";\n\nconst TextArea = ({ noResize, rowNum, text, disabled, defaultValue, maxLength, onChange, id }) => {\n return (\n \n
\n \n \n
\n \n
\n \n
\n \n \n {errorLine}:\n {errorInfo}
\n {errorDesc}\n setShowDescription(!showDescription)}>\n {\" \"}Ver más \n \n \n {errorDesc}\n
{errorDesc}\n
{errorDesc}\n
{errorDesc}\n \n
{ALERT_ERROR.TEXTAREA_TITLE}
\n \n\n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n );\n}\n\nconst NextArrow = () => {\n return (\n \n \n
\n );\n}\n\n\nexport default DatePicker;\n","import React from 'react';\nimport { array, any, string, bool, func } from 'prop-types';\n\nconst Radio = ({ name, options, selectedOption, onChange, inline, smallPrint }) => (\n \n
\n ))}\n {smallPrint.length ? <>{smallPrint} : null}\n
\n
{smallPrint} : null}\n
\n );\n};\n\nRadiobox.defaultProps = {\n checked: false,\n disabled: false,\n groupName: \"\",\n fontSize: \"\",\n link: \"\",\n linkText: \"\",\n className: \"\",\n smallPrint: \"\"\n};\n\nRadiobox.propTypes = {\n checked: bool,\n //id: string.isRequired,\n disabled: bool,\n groupName: string,\n fontSize: string,\n link: string,\n linkText: string,\n text: string,\n className: string,\n onChange: func,\n smallPrint: string\n};\n\nexport default Radiobox;\n","import React from \"react\";\nimport { bool, string } from \"prop-types\";\nimport Button from \"../Button\";\n\nconst Toast = ({ message, confirmMessage, invalid }) => {\n return (\n {smallPrint} : null}\n
\n {message}\n \n {confirmMessage}\n \n
\n );\n};\n\nToast.propTypes = {\n confirmMessage: string.isRequired,\n message: string.isRequired,\n invalid: bool\n};\n\nToast.defaultProps = {\n invalid: false\n};\n\nexport default Toast;\n","import React, { useRef, useState } from \"react\";\nimport { bool } from \"prop-types\";\nimport { GLOBAL } from \"../../Config/global\";\nimport Button from \"../Button\";\n\nconst FileUpload = ({ disabled }) => {\n const uploadButtonStyles = {\n padding: '6px 34px',\n borderWidth: '1px'\n };\n\n const { FILE_UPLOAD } = GLOBAL;\n const [file, setFile] = useState({});\n const uploadButtonRef = useRef(null);\n\n const onChange = event => {\n setFile(event.target.files[0]);\n };\n\n const onButtonClick = () => {\n uploadButtonRef.current.click();\n };\n\n return (\n \n {file && (file.name || FILE_UPLOAD.DEFAULT_FILE)} \n
\n \n {(this.props.multiple || this.state.items.length === 0) && (\n \n )}\n
\n\n \n {this.state.items.map((item, index) => {\n return (\n
\n\n \n
\n );\n })}\n {item.name}
\n x
\n ,
\n \n \n
\n )\n}\n\nActions.propTypes = {\n onDownload: func.isRequired\n};\n\nexport default Actions;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { array, object} from 'prop-types';\nimport ReactTable from 'react-table';\nimport selectTableHOC from 'react-table/lib/hoc/selectTable';\nimport { Actions, CellInput } from '../GridComponents';\nimport { GLOBAL } from '../../Config/global';\nimport \"react-table/react-table.css\";\nimport { InnerTable, ConfirmationModal } from '..';\n\nconst SelectTable = selectTableHOC(ReactTable);\n\nconst renderSpan = (spanClass) => (\n \n);\n\nconst TextProps = {\n previousText: renderSpan('before-btn'),\n nextText: renderSpan('after-btn'),\n ofText: GLOBAL.TABLE_VIEW.OF_TEXT,\n rowsText: GLOBAL.TABLE_VIEW.ROWS_TEXT,\n pageText: GLOBAL.TABLE_VIEW.PAGE_TEXT\n};\n\nconst CarteraSearchResults = ({ columns, data, history }) => {\n const [selection, setSelection] = useState([]);\n const [selectAll, setSelectAll] = useState(false);\n const [editingRow, setEditingRow] = useState(null);\n const [showDeleteModal, setShowDeleteModal] = useState(false);\n const [showExportModal, setShowExportModal] = useState(false);\n\n const renderEditableCell = row => (\n editingRow && editingRow.index === row.index && row.column.editable ? (\n \n 
\n
\n \n )\n}\n\nLoading.propTypes = {\n visible: bool\n};\n\nLoading.defaultProps = {\n visible: false\n};\n\nexport default Loading;\n","import React from 'react'\nimport LoadingImg from '../../Resources/Images/Loading/Loading.gif';\nconst LoadingTable = props => {\n return (\n <>\n \n \n
\n \n )\n}\n\nexport default LoadingTable;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { array, string, bool, number, func} from 'prop-types';\nimport ReactTable from 'react-table';\nimport treeTableHOC from 'react-table/lib/hoc/treeTable';\nimport { advancedExpandTableHOC } from 'react-table/lib/hoc/advancedExpandTable';\nimport \"react-table/react-table.css\";\nimport { GLOBAL } from '../../Config/global';\nimport \"react-table/react-table.css\";\nimport ConfirmationModal from '../ConfirmationModal';\nimport Loading from '../Loading';\nimport LoadingTable from '../LoadingTable';\n\n\nconst SelectTable = treeTableHOC(ReactTable);\nconst ExpandTable = advancedExpandTableHOC(ReactTable);\nconst renderSpan = (spanClass) => (\n \n);\nconst TextProps = {\n previousText: renderSpan('before-btn'),\n nextText: renderSpan('after-btn'),\n ofText: GLOBAL.TABLE_VIEW.OF_TEXT,\n rowsText: GLOBAL.TABLE_VIEW.ROWS_TEXT,\n pageText: GLOBAL.TABLE_VIEW.PAGE_TEXT\n};\nconst Table = ({ \n history,\n columns,\n className,\n data,\n defaultPageSize,\n filterable,\n onSortedChange,\n onPageSizeChange,\n changePage,\n loading,\n filter,\n sorted,\n manual, \n onKeyDown,\n pages,\n page,\n onFilterChange,\n pageSize,\n expandable,\n subComponent }) => {\n const [selection, setSelection] = useState([]);\n const [selectAll, setSelectAll] = useState(false);\n const [editingRow, setEditingRow] = useState(null);\n const [showDeleteModal, setShowDeleteModal] = useState(false);\n const [showExportModal, setShowExportModal] = useState(false);\n\n const tableElementRef = useRef(null);\n\n const toggleDeleteModal = () => {\n setShowDeleteModal(!showDeleteModal);\n };\n\n const toggleExportModal = () => {\n setShowExportModal(!showExportModal);\n };\n\n const onSuccessRedirect = () => {\n history.push('/table-success');\n };\n\n const toggleAllSelection = () => {\n if (selectAll) {\n const wrappedInstance = tableElementRef.current.getWrappedInstance();\n const currentRecords = wrappedInstance.getResolvedState().sortedData;\n\n setSelection(currentRecords.map(record => `select-${record._original.id}`))\n } else {\n setSelection([]);\n }\n };\n\n const toggleSingleSelection = key => {\n const keyIndex = selection.indexOf(key);\n if (keyIndex >= 0) {\n setSelection([\n ...selection.slice(0, keyIndex),\n ...selection.slice(keyIndex + 1)\n ]);\n } else {\n setSelection([\n ...selection,\n key\n ]);\n }\n };\n\n const isSelected = key => selection.includes(`select-${key}`);\n\n const isEditing = key => editingRow && editingRow.index === key;\n \n // eslint-disable-next-line no-nested-ternary\n const getSelectedRowProps = rowInfo => (rowInfo && isSelected(rowInfo.original.id)) ? \"-selected\" : (rowInfo && selection.length && !isSelected(rowInfo.original.id) ? '-disabled' : '');\n \n // eslint-disable-next-line no-nested-ternary\n const getEditingRowProps = rowInfo => rowInfo && isEditing(rowInfo.index) ? \"-editing\" : rowInfo && editingRow && !isEditing(rowInfo.index) ? '-disabled' : '';\n\n const getRowProps = (state, rowInfo) => ({\n className: `${getSelectedRowProps(rowInfo)} ${getEditingRowProps(rowInfo)}`\n });\n useEffect(() => {\n toggleAllSelection();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [selectAll]);\n\n\n //Inicio Control Scroll Flotante\n let refDivTable = React.createRef()\n let refDivScroll1 = React.createRef()\n let refDivScroll2 = React.createRef()\n\n useEffect(() => {\n if (refDivTable.current) {\n setWidthDivScroll();\n }\n });\n\n useEffect(() => {\n setTopDivScroll();\n });\n\n\n const scrollHorizontalTable = () => {\n setWidthDivScroll();\n refDivTable.current.scrollLeft = refDivScroll1.current.scrollLeft\n };\n\n const calculateWidthDivScroll = () => {\n try {\n return (refDivTable.current && refDivTable.current.scrollWidth) ? refDivTable.current.scrollWidth : window.innerWidth+10;\n }\n catch {\n console.log(\"Error calculando width del scroll de la tabla\")\n return window.innerWidth+10;\n }\n }\n\n const calculateTopDivScroll = () => {\n try {\n const footer = document.querySelector(\"div.footer-container\");\n if ((footer) && (footer.offsetTop + footer.offsetHeight <= window.innerHeight)){\n return window.innerHeight - footer.offsetHeight - 20;\n }\n else {\n return window.innerHeight - 20;\n }\n }\n catch {\n console.log(\"Error calculando top del scroll de la tabla\")\n return 0;\n }\n }\n\n const setWidthDivScroll = () => {\n refDivScroll2.current.style.width = calculateWidthDivScroll().toString() + \"px\";\n }\n\n const setTopDivScroll = () => {\n refDivScroll1.current.style.top = calculateTopDivScroll().toString() + \"px\";\n }\n\n //Fin Control Scroll Flotante\n\n return (\n \n
\n\n \n
\n \n \n {!expandable && \n row._original[filter.id].toString().toLowerCase().includes(filter.value.toString().toLowerCase()\n )}\n toggleSelection={toggleSingleSelection}\n toggleAll={() => setSelectAll(!selectAll)}\n selectAll={selectAll}\n resizable={false}\n isSelected={isSelected}\n onSortedChange={onSortedChange}\n columns={columns}\n sorted={sorted}\n sortable\n getTrProps={getRowProps}\n onPageChange={changePage}\n onPageSizeChange={onPageSizeChange}\n className={`-striped -highlight ${className}`} \n LoadingComponent={LoadingTable}\n />}\n\n {expandable && \n row._original[filter.id].toString().toLowerCase().includes(filter.value.toString().toLowerCase()\n )}\n toggleSelection={toggleSingleSelection}\n toggleAll={() => setSelectAll(!selectAll)}\n selectAll={selectAll}\n resizable={false}\n isSelected={isSelected}\n onSortedChange={onSortedChange}\n showPageJump={false}\n columns={columns}\n onPageChange={changePage}\n onPageSizeChange={onPageSizeChange}\n sortable\n getTrProps={getRowProps}\n className={`-striped -highlight ${className}`}\n SubComponent={subComponent} \n />}\n\n
\n \n 0 ? 'custom-actions-wrapper' : 'actions-wrapper'}>\n {onEdit && (<> )}\n {onDelete && (<> )}\n {onDownload && (<> )}\n {onViewDetail && (<> )}\n {onCustom && (\n <>\n {content}\n \n )}\n
\n )\n}\n\nActions.propTypes = {\n onDelete: func,\n onDownload: func,\n onEdit: func,\n onViewDetail: func,\n onCustom: func,\n customIcon: string,\n customTitle: string\n};\n\nexport default Actions;","import React from \"react\";\nimport { oneOfType, string, number } from \"prop-types\";\n\nconst CellInput = ({ defaultValue, ...props }) => {\n return (\n \n );\n};\n\nCellInput.propTypes = {\n\tdefaultValue: oneOfType([ string, number ]).isRequired\n};\n\nexport default CellInput;\n","import React from 'react';\nimport { string } from 'prop-types';\nimport { Link } from 'react-router-dom';\n\nconst IconCard = ({ description, icon, title, link }) => (\n \n
\n);\n\nIconCard.defaultProps = {\n description: '',\n};\n\nIconCard.propTypes = {\n description: string,\n icon: string.isRequired,\n title: string.isRequired,\n link: string.isRequired,\n};\n\nIconCard.displayName = 'IconCard';\n\nexport default IconCard;\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { Button } from '..';\nimport { string } from 'prop-types';\nimport { GLOBAL } from '../../Config/global';\n\nconst ImageCard = ({ description, imgSrc, title, link }) => (\n \n \n
\n { title }
\n\n { description }\n
\n Ver mas \n\n \n \n \n
\n);\n\nImageCard.propTypes = {\n imgSrc: string.isRequired,\n title: string.isRequired,\n description: string.isRequired,\n link: string.isRequired,\n};\n\nexport default ImageCard;\n","import React, { Fragment, useEffect, useState } from 'react';\nimport { array, string } from 'prop-types';\nimport { Button } from '..';\n\nconst Carousel = ({ displayImages, titles, subtitles, links, size, backgroundSize }) => {\n const [currentImageIndex, setCurrentImageIndex] = useState(0);\n\n useEffect(() => {\n const intervalID = setInterval(\n () => {\n if (currentImageIndex < displayImages.length - 1) {\n setCurrentImageIndex(currentImageIndex + 1);\n } else {\n setCurrentImageIndex(0);\n }\n },\n 6000);\n\n return () => { clearInterval(intervalID) };\n });\n\n let openImage = ((e, img) => {\n if (e.target.tagName.toLowerCase() === 'button') return false;\n let w = window.open('about:blank');\n if (w) {\n let image = new Image();\n image.src = img;\n setTimeout(function () {\n w.document.write(image.outerHTML);\n }, 0);\n }\n });\n\n const imageStyle = {\n backgroundImage: \"url('\" + displayImages[currentImageIndex] + \"')\",\n backgroundSize: backgroundSize[currentImageIndex],\n backgroundPosition: 'center',\n backgroundRepeat: 'no-repeat'\n };\n return (\n <>\n { title }
\n{ description }
\n \n \n \n openImage(e, displayImages[currentImageIndex])}>
\n \n {\n displayImages.map((image, index) => (\n (index === currentImageIndex) ?\n (\n setCurrentImageIndex(index)} className=\"fas fa-circle\">{\" \"}\n )\n :\n (\n setCurrentImageIndex(index)} className=\"far fa-circle\">{\" \"}\n )\n ))\n }\n
\n openImage(e, displayImages[currentImageIndex])}>\n
\n \n );\n}\n\nCarousel.propTypes = {\n displayImages: array.isRequired,\n titles: array.isRequired,\n subtitles: array.isRequired,\n links: array.isRequired,\n size: string.isRequired,\n backgroundSize: array.isRequired\n};\n\nCarousel.defaultProps = {\n size: 'full',\n backgroundSize: ['cover']\n};\n\nexport default Carousel;\n","import CarouselDImageOne from '../Resources/Images/FormImages/home-img.jpg';\nimport CarouselMImageOne from '../Resources/Images/FormImages/home-img-mob.jpg';\n\nconst HOME_DATA = {\n HOME_PAGE: {\n carousel: {\n imagesDesktop: [CarouselDImageOne],\n imagesMobile: [CarouselMImageOne],\n titles: ['Bienvenido al Portal de Productores'],\n subtitles: ['Donde podrás administrar tu gestión y cartera de clientes de la manera más fácil, rápida y segura'],\n links: ['']\n },\n benefits: [{\n description: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem.',\n icon: 'dolly',\n title: 'Beneficio 1',\n link: '/',\n },\n {\n description: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem.',\n icon: 'fan',\n title: 'Beneficio 2',\n link: '/',\n },\n {\n description: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem.',\n icon: 'hammer',\n title: 'Beneficio 3',\n link: '/',\n },\n ]\n },\n NOTIFICATIONS_PANEL: {\n notifications: []\n }\n};\n\nexport {\n HOME_DATA\n};\n","import React, { useEffect, useState } from 'react';\nimport { Carousel } from \"../../Components\";\nimport { HOME_DATA } from '../../Config/home-data';\nimport { APIS } from '../../Config/apis';\nimport * as QLIBS from '../../qLibsHelpers';\nimport { GLOBAL } from '../../Config/global';\n\nconst HomeCarousel = props => {\n const { HOME_PAGE } = HOME_DATA;\n\n const [displayImages, setDisplayImages] = useState([]);\n const [titles, setTitles] = useState([]);\n const [subtitles, setSubtitles] = useState([]);\n const [links, setLinks] = useState([]);\n const [backgroundSize, setBackgroundSize] = useState([]);\n useEffect(() => {\n async function fetchData() {\n\n let response = await QLIBS.getParameters(GLOBAL.PARAMETERS.SHOW_DEFAULT_IMAGE_HOME);\n if (response) {\n let defaultImageHome = JSON.parse(response.value);\n setDisplayImages(defaultImageHome ? HOME_PAGE.carousel.imagesDesktop : []);\n setTitles(defaultImageHome ? HOME_PAGE.carousel.titles : []);\n setSubtitles(defaultImageHome ? HOME_PAGE.carousel.subtitles : []);\n setLinks(defaultImageHome ? HOME_PAGE.carousel.links : []);\n setBackgroundSize(defaultImageHome ? ['cover'] : []);\n }\n await QLIBS.fetchDataGET(APIS.URLS.NEWS_QUERY + '?Vigentes=true', true)\n .then(response => {\n response.forEach(item => {\n setDisplayImages(prevdisplayImages => [...prevdisplayImages, item.Image ? item.Image : HOME_PAGE.carousel.imagesDesktop[0]]);\n setTitles(prevtitles => [...prevtitles, item.SubTitle]);\n setSubtitles(prevsubtitles => [...prevsubtitles, item.Text]);\n setLinks(prevlinks => [...prevlinks, item.URL]);\n setBackgroundSize(prebackgroundSize => [...prebackgroundSize, item.BackgroundSize]);\n });\n })\n .catch(error => console.log(error))\n }\n fetchData();\n }, [HOME_PAGE.carousel.imagesDesktop, HOME_PAGE.carousel.links, HOME_PAGE.carousel.subtitles, HOME_PAGE.carousel.titles]);\n\n return (\n {titles[currentImageIndex]}
\n{subtitles[currentImageIndex]}
\n {links.length > 0 && links[currentImageIndex] && ()}\n\n
\n )\n};\n\nexport default HomeCarousel;","import React from 'react';\nimport { string } from 'prop-types';\n\n\nconst HomeBannerLink = ({ image, link }) => {\n\n const AbrirLink = (url) => {\n window.open(url, '_blank');\n };\n \n return (\n \n
\n );\n\n};\n\nHomeBannerLink.defaultProps = {\n description: '',\n link: ''\n};\n\nHomeBannerLink.propTypes = {\n image: string.isRequired,\n link: string.isRequired\n};\n\nexport default HomeBannerLink;\n","import React from 'react';\nimport userAuth from \"../../Config/userauth\";\nimport { DEFAULT_HEADER } from '../../Config/userToken';\nimport { APPCONFIG } from '../../app.config';\nclass HomeUserInfo extends React.Component {\n\n constructor(props) {\n super(props);\n\n this.state = {\n userInfo: null,\n userCodes: null\n };\n\n this.handleClick = this.handleClick.bind(this);\n this.handleResponseInfo = this.handleResponseInfo.bind(this);\n this.handleResponseCodes = this.handleResponseCodes.bind(this);\n }\n\n componentDidMount() {\n const userId = userAuth.userId();\n this.loadUserInfo(userId);\n this.loadUserCodes(userId);\n }\n\n loadUserInfo(userId) {\n const { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n const requestOptions = {\n method: 'GET',\n headers: DEFAULT_HEADER.get()\n };\n\n this.setState({userInfo: null})\n \n return fetch(PRODUCERURL + \"api/producer/GetProducerById?userId=\" + userId, requestOptions)\n .then((response) => {\n return response.json()\n })\n .then(this.handleResponseInfo);\n }\n\n loadUserCodes(userId) {\n const { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\t\tconst requestOptions = {\n\t\t\tmethod: 'GET',\n\t\t\t//headers: { 'Content-Type': 'application/json' }\n\t\t\theaders: DEFAULT_HEADER.get()\n\t\t};\n this.setState({userCodes: null})\n return fetch(PRODUCERURL + \"api/producer/GetProducerCodes?userId=\" + userId, requestOptions)\n .then((response) => {\n return response.json()\n })\n .then(this.handleResponseCodes);\n }\n\n\n handleResponseInfo(response) {\n if (response && response.success && response.user) {\n this.setState({ userInfo: response });\n }\n }\n\n handleResponseCodes(response) {\n if (response && response.length > 0) {\n const vt = response.find(f => f.Core === \"VT\");\n const vtCode = (vt && vt.ProducerCodes.length > 0) ? vt.ProducerCodes[0].Code : \"-\";\n\n const rvt = response.find(f => f.Core === \"RVT\");\n const rvtCode = (rvt && rvt.ProducerCodes.length > 0) ? rvt.ProducerCodes[0].Code : \"-\";\n\n const codes = {\n VT: vtCode,\n RVT: rvtCode\n };\n\n this.setState({ userCodes: codes });\n }\n }\n\n handleClick = event => {\n window.open('./user-dashboard-info', '_self');\n }\n\n\n render() {\n\n return (\n AbrirLink(link)}>\n\n
\n \n
\n );\n\n }\n\n};\n\nexport default HomeUserInfo;\n","import React from 'react';\nimport userAuth from \"../../Config/userauth\";\nimport { APPCONFIG } from '../../app.config';\nclass HomeAccountManagerInfo extends React.Component {\n\n constructor(props) {\n super(props);\n\n this.state = {\n ejecutivoInfo: {\n avatar: '',\n name: ''\n },\n error: null\n };\n\n this.handleResponseOk = this.handleResponseOk.bind(this);\n this.handleResponseError = this.handleResponseError.bind(this);\n }\n\n componentDidMount() {\n const userId = userAuth.isGestor() ? userAuth.reportTo() : userAuth.cuitProducer();\n this.loadEjecutivoInfo(userId);\n }\n\n async loadEjecutivoInfo(userId) {\n const { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n const requestOptions = {\n method: 'GET',\n headers: { 'Content-Type': 'application/json' }\n };\n this.setState({ loading: true })\n const response = await fetch(PRODUCERURL + \"api/producer/GetAccountManagerByCuit?cuit=\" + userId, requestOptions);\n if (response.ok)\n this.handleResponseOk(response);\n else\n this.handleResponseError(response);\n\n }\n\n\n handleResponseOk(response) {\n response.json()\n .then((data) => {\n if (data && data.success) {\n this.setState({ ejecutivoInfo: data });\n }\n else {\n this.setState({ error: \"No se pudo procesar la información\" });\n }\n this.setState({ loading: false })\n });\n }\n\n handleResponseError(response) {\n response.text()\n .then((error) => {\n this.setState({ error: error });\n });\n }\n\n\n render() {\n\n return (\n \n
\n \n \n
\n {this.state && this.state.userInfo &&\n \n Mis datos\n
\n \n \n
\n \n
\n }\n \n
\n \n
{this.state.userInfo.name + \" \"+ this.state.userInfo.lastName}
\n \n
\n \n
{this.state.userInfo.telephone}
\n \n
\n \n
{this.state.userInfo.email}
\n \n
\n \n
En representación del usuario CUIT: {userAuth.reportTo()}
\n \n\n
\n );\n\n }\n\n};\n\nexport default HomeAccountManagerInfo;\n","import React from 'react';\nimport { Checkbox } from '..';\nimport userAuth from \"../../Config/userauth\";\nimport { DEFAULT_HEADER } from '../../Config/userToken';\nimport * as QLIBS from '../../qLibsHelpers';\nimport { APPCONFIG } from '../../app.config';\nimport { USER_TOKEN } from '../../Config/userToken';\nclass HomeCommunication extends React.Component {\n \n constructor(props) {\n super(props);\n\n this.state = {\n listCommunication: [],\n error: null,\n showModal: false,\n indexItem: null\n }\n\n this.handleShowBody = this.handleShowBody.bind(this);\n this.handleHideBody = this.handleHideBody.bind(this);\n this.handleConfirmCommunication = this.handleConfirmCommunication.bind(this);\n this.searchCommunication = this.searchCommunication.bind(this);\n }\n\n componentDidMount() {\n\n this.searchCommunication();\n\n }\n\n searchCommunication() {\n const { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\n\t\tconst requestOptions = {\n\t\t\tmethod: 'GET',\n\t\t\theaders: DEFAULT_HEADER.get()\n\t\t};\t\n\n const cuit = userAuth.isProducer() ? userAuth.cuit() : userAuth.cuitProducer();\n if (cuit !== null && cuit !== undefined) {\n\n fetch(PRODUCERURL + `api/Communication/SearchCommunication?CUIT=${cuit}&Vigentes=true&Ultimos=true`, requestOptions)\n .then((response) => {\n if (response.ok) {\n QLIBS.authorizeAction(response)\n .then(response => {\n if (Array.isArray(response)) {\n this.setState({listCommunication: response, error: null });\n }\n });\n }\n else {\n const message = `Error procesando solicitud: ${response.statusText}`;\n this.setState({listCommunication: [], error: message });\n }\n });\n\n }\n }\n\n handleShowBody(index) {\n this.setState({showModal: true, indexItem: index }, () => {\n this.handleConfirmCommunication(this.state.listCommunication[this.state.indexItem].id, false);\n });\n }\n\n handleHideBody() {\n this.setState({showModal: false, indexItem: null });\n }\n\n handleHistorial() {\n window.open('./historialcomunicaciones', '_self');\n }\n\n GetUrlBody(id) {\n const userToken = USER_TOKEN.get();\n const AccessToken = userToken.token;\n const RefreshToken = userToken.refreshToken;\n\n const download_url = APPCONFIG.ENDPOINTS.PRODUCERURL + `api/FileRepository/Download/CommunicationBody/${id}?RefreshToken=${RefreshToken}&AccessToken=${AccessToken}`;\n return download_url;\n }\n GetUrlAttach(id) {\n const userToken = USER_TOKEN.get();\n const AccessToken = userToken.token;\n const RefreshToken = userToken.refreshToken;\n\n const download_url = APPCONFIG.ENDPOINTS.PRODUCERURL + `api/FileRepository/Download/CommunicationAttach/${id}?RefreshToken=${RefreshToken}&AccessToken=${AccessToken}`;\n return download_url;\n }\n\n handleConfirmCommunication(Id, Confirmated) {\n\n const { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\n\t\tconst requestOptions = {\n\t\t\tmethod: 'GET',\n\t\t\theaders: DEFAULT_HEADER.get()\n\t\t};\n\n const cuit = userAuth.isProducer() ? userAuth.cuit() : userAuth.cuitProducer();\n if (cuit !== null && cuit !== undefined) {\n\n var confirmated = (Confirmated) ? 'true' : 'false';\n\n fetch(`${PRODUCERURL}api/Communication/ConfirmCommunication?CUIT=${cuit}&Id=${Id}&Confirmated=${confirmated}`, requestOptions)\n .then((response) => {\n if (response.ok) {\n //actualizo los datos\n this.searchCommunication();\n }\n else {\n const message = `Error procesando solicitud: ${response.statusText}`;\n this.setState({error: message });\n }\n });\n\n }\n };\n\n render() {\n\n return (\n <>\n\n {this.state.showModal && (\n \n Mi ejecutivo de cuenta\n
\n {\n \n\n {\n this.state.loading ? \n 
\n : \n \n \n }\n\n\n
\n }\n {this.state && this.state.error && !this.state.ejecutivoInfo &&\n \n \n
\n :\n (this.state.ejecutivoInfo.avatar) ?\n \n
\n \n
\n \n
{this.state.ejecutivoInfo.name?? 'Sin datos'}
\n \n
\n\n \n
{this.state.ejecutivoInfo.telephone ? {this.state.ejecutivoInfo.telephone}:'Sin datos'}
\n \n
\n \n
{this.state.ejecutivoInfo.email ?? 'Sin datos'}
\n \n
\n }\n \n \n
\n {this.state.error}
\n \n \n
\n )}\n \n \n
\n \n
\n \n \n
\n {/* {this.state.listCommunication[this.state.indexItem].description}
\n\n {(this.state.listCommunication[this.state.indexItem].bodyEmbedded) ?\n \n \n :\n }\n)
\n \n }\n
*/}\n \n
\n \n \n
\n \n {this.state.listCommunication[this.state.indexItem].confirmationRequired && (\n this.handleConfirmCommunication(this.state.listCommunication[this.state.indexItem].id, true)}\n smallPrint=\"\"\n />\n )}\n
\n \n {this.state.listCommunication[this.state.indexItem].urlLink && (\n Descargar documentación adjunta \n \n )} \n
\n \n \n
\n \n\n \n );\n\n }\n\n};\n\nexport default HomeCommunication;\n","/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/interactive-supports-focus */\nimport React from \"react\";\nimport { array, func, string, object, PropTypes } from 'prop-types';\nimport { fade, makeStyles, withStyles } from '@material-ui/core/styles';\nimport TreeView from '@material-ui/lab/TreeView';\nimport TreeItem from '@material-ui/lab/TreeItem';\nimport Collapse from '@material-ui/core/Collapse';\nimport { useSpring, animated } from 'react-spring';\nimport SvgIcon from '@material-ui/core/SvgIcon';\n\nfunction MinusSquare(props) {\n return (\n \n \n {this.state && !this.state.error && this.state.listCommunication.length == 0 && (\n
\n )}\n {this.state && this.state.error &&\n En este momento usted no dispone de comunicaciones activas
\n )}\n {this.state && !this.state.error && this.state.listCommunication.length > 0 && (\n \n {this.state.listCommunication.map((item, index) =>\n this.handleShowBody(index)}\n >\n
\n )}\n \n \n
\n \n {item.title}\n
\n \n
\n }\n \n \n
\n {this.state.error}
\n \n \n
\n );\n}\n\nTabsPanel.propTypes = {\n options: array.isRequired,\n children: array.isRequired,\n tabActive: number\n};\n\nexport default TabsPanel;\n","/* eslint-disable jsx-a11y/interactive-supports-focus */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React from \"react\";\nimport { bool, func, object } from \"prop-types\";\n\nconst TabsHeader = ({ active, handleClick, option }) => {\n\n return (\n \n {options.map((option, index) => (\n onSelectTab(index)}\n active={tabActive === index}\n />\n ))}\n
\n {children.map((child, index) => (\n \n {child}\n
\n ))}\n \n 
\n
`\n\t);\n\n\tconst { allowMultiple, maxFiles, api, onhandleInit, onhandleFileSelect, onprocessfile } = props;\n\n\treturn (\n\t\t${DRAG_AND_DROP.TITLE}
\n${DRAG_AND_DROP.TEXT}
\n- \n {children}\n
\n { NOTIFICATIONS_PANEL.TITLE }\n
\n - \n {unreadNotifications.map(notif => (\n
- { notif } \n ))}\n
\n { NOTIFICATIONS_PANEL.SEE_MORE }\n
\n \n {this.state.showWarningSimulator && ( { this.setState({ showWarningSimulator: false }) }}\n onConfirm={() => { this.setState({ showWarningSimulator: false }, () => { document.getElementById('btnSubmit').click(); }) }}\n />)}\n
\n );\n }\n}\n\nexport default UserConfig;","import React, { Component } from 'react'\nimport { Loading, Button, Combobox, DatePicker, Alert } from '..';\nimport { GLOBAL } from '../../Config/global';\nimport { APPCONFIG } from '../../app.config';\nimport { DEFAULT_HEADER } from '../../Config/userToken';\nimport * as QLIBS from '../../qLibsHelpers';\nimport moment from \"moment\";\n\nconst DiaSemanaEnum = [ \"Domingo\", \"Lunes\", \"Martes\", \"Miércoles\", \"Jueves\", \"Viernes\", \"Sábado\" ];\n\nexport default class SchedulerProcessModal extends Component {\n constructor(props) {\n super(props)\n\n this.state = {\n loadingData: false,\n showForm: false,\n errorMessage: null,\n entity: null,\n values: {\n PeriodHora: \"00:00\",\n PeriodSemanal: 0,\n PeriodMensual: 1,\n PeriodFijo: new Date()\n }\n }\n\n this.getSchedulerProcess = this.getSchedulerProcess.bind(this);\n this.clearSchedulerProcess = this.clearSchedulerProcess.bind(this);\n this.handleInputChange = this.handleInputChange.bind(this);\n this.handleComboChange = this.handleComboChange.bind(this);\n this.removeExecution = this.removeExecution.bind(this);\n this.addExecution = this.addExecution.bind(this);\n }\n\n componentDidMount() {\n\n let id = this.props.id;\n if (id === 0) {\n this.clearSchedulerProcess(); \n }\n else {\n this.getSchedulerProcess(id); \n }\n\n }\n\n\tgetSchedulerProcess = (id) => {\n\t\tconst { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\n\t\tthis.setState({loadingData: true, showForm: false, errorMessage: null, entity: null });\n\n\t\tconst requestOptions = {\n\t\t\tmethod: 'GET',\n\t\t\theaders: DEFAULT_HEADER.get()\n\t\t};\t\t\t\n\t\treturn fetch(`${PRODUCERURL}api/notification/GetSchedulerProcess?id=${id}`, requestOptions)\n\t\t.then((response) => {\n\n\t\t\tif (response.ok) {\n\t\t\t\tQLIBS.authorizeAction(response)\n\t\t\t\t.then((response) => {\n const entity = response;\n this.setState({ loadingData: false, showForm: true, entity: entity });\n })\n\t\t\t\t.catch((response) => {\n const message = 'Error procesando datos';\n this.setState({ loadingData: false, showForm: false, errorMessage: message });\n });\n\t\t\t}\n\t\t\telse {\n\t\t\t\tconst message = `Error procesando solicitud: ${response.statusText}`;\n\t\t\t\tthis.setState({ loadingData: false, showForm: false, errorMessage: message });\n\t\t\t}\n\n\t\t});\n\t}\n\n clearSchedulerProcess = () => {\n const entity = {\n id: 0,\n UrlApi: this.props.UrlApi,\n UserId: '',\n Period: 0,\n Enabled: true,\n Type: 'NotificationGeneration',\n Executions: [],\n Filters: {}\n\n };\n this.setState({ loadingData: false, showForm: true, entity: entity });\n }\n\n validar() {\n\n return true;\n }\n\n\n handleSubmit = () => {\n\n if (this.validar()) {\n const { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\n let data = {...this.state.entity};\n this.setState({loadingData: true, showForm: false, errorMessage: null });\n\n const requestOptions = {\n method: 'POST',\n headers: DEFAULT_HEADER.get(),\n body: JSON.stringify(data)\n };\t\t\t\n return fetch(`${PRODUCERURL}api/scheduler/SaveSchedulerProcess`, requestOptions)\n .then((response) => {\n\n if (response.ok) {\n QLIBS.authorizeAction(response)\n .then((response) => {\n this.setState({ loadingData: false, showForm: false, entity: null, errorMessage: null });\n this.props.dismiss(true);\n })\n .catch((response) => {\n const message = 'Error procesando datos';\n this.setState({ loadingData: false, showForm: false, errorMessage: message });\n });\n }\n else {\n const message = `Error procesando solicitud: ${response.statusText}`;\n this.setState({ loadingData: false, showForm: false, errorMessage: message });\n }\n\n });\n }\n\n }\n\n handleInputChange = event => {\n const isCheckbox = event.target.type === \"checkbox\";\n\n let inputName = event.target.name ? event.target.name : event.target.id;\n let inputValue = isCheckbox ? event.target.checked : event.target.value;\n\n let values = Object.assign({}, this.state.values);\n\n switch (inputName) {\n case \"ctlPeriodFijo\":\n values.PeriodFijo = new Date(inputValue);\n break;\n default:\n break;\n }\n\n this.setState({ values: values });\n }\n\n handleComboChange = (selectedOption, event, index) => {\n let inputName = event.name;\n let inputValue = selectedOption.value;\n\n let entity = Object.assign({}, this.state.entity);\n let values = Object.assign({}, this.state.values);\n \n switch (inputName) {\n case \"ctlPeriod\":\n entity.Period = inputValue;\n break;\n case \"ctlPeriodSemanal\":\n values.PeriodSemanal = inputValue;\n break;\n case \"ctlPeriodMensual\":\n values.PeriodMensual = inputValue;\n break;\n case \"ctlPeriodHora\":\n values.PeriodHora = inputValue;\n break;\n default:\n break;\n }\n\n this.setState({ entity: entity, values: values });\n \n }\n\n removeExecution = (index) => {\n let entity = {...this.state.entity};\n entity.Executions = entity.Executions.filter((f, i) => i !== index);\n this.setState({ entity: entity });\n }\n\n addExecution = () => {\n const execution = {\n Hora: this.state.values.PeriodHora,\n DiaSemana: (this.state.entity.Period === 1) ? this.state.values.PeriodSemanal : 0,\n DiaMes: (this.state.entity.Period === 2) ? this.state.values.PeriodMensual : 0,\n DiaFijo: (this.state.entity.Period === 3) ? moment(this.state.values.PeriodFijo).format(\"DD/MM/YYYY\") : null\n };\n\n if (this.state.entity.Period == 3 && execution.DiaFijo == null) {\n return;\n }\n\n let entity = Object.assign({}, this.state.entity);\n \n entity.Executions = [execution, ...entity.Executions];\n this.setState({ entity: entity });\n }\n\n render() {\n const { COMMON_MODAL_FORM } = GLOBAL;\n\n return (\n\t\t <>\n \n {(this.formSuccess && this.state.alert) && (\n
\n {this.state && this.state.userInfo &&\n \n
\n )}\n {this.formError && (\n \n
\n )}\n \n
}\n {this.state && this.state.userInfo &&\n \n }\n \n
\n \n
\n {!this.readingMode && (\n {this.state.userInfo.name} {this.state.userInfo.lastName}
\n\n
\n )}\n \n \n
\n \n
\n \n )\n }\n}\n","import React, { Component } from 'react'\nimport { Loading, Button, Combobox, Alert } from '..';\nimport { GLOBAL } from '../../Config/global';\nimport { APPCONFIG } from '../../app.config';\nimport { DEFAULT_HEADER } from '../../Config/userToken';\nimport * as QLIBS from '../../qLibsHelpers';\nexport default class NotificationDefinitionDestinationModal extends Component {\n \n constructor(props) {\n super(props)\n\n this.state = {\n loadingData: false,\n showForm: false,\n errorMessage: null,\n entity: null,\n listGroup: [],\n listProducers: []\n }\n\n this.clearNotificationDefinitionDestination = this.clearNotificationDefinitionDestination.bind(this);\n this.handleComboChange = this.handleComboChange.bind(this);\n this.searchGroup = this.searchGroup.bind(this);\n this.searchProducers = this.searchProducers.bind(this);\n }\n\n componentDidMount() {\n\n this.searchGroup();\n this.searchProducers();\n this.clearNotificationDefinitionDestination();\n\n }\n\n clearNotificationDefinitionDestination = () => {\n const entity = {\n typeDestination: 1,\n GroupId: 0,\n CUIT: 0\n };\n this.setState({ loadingData: false, showForm: true, entity: entity });\n }\n\n \n\tsearchGroup = async () => {\n\t\tconst { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\t\tthis.searchResultsError = \"\";\n\n\t\tthis.setState({loadingData: true });\n\n\t\t// Parse data to send\n\t\tconst requestOptions = {\n\t\t\tmethod: 'GET',\n\t\t\theaders: DEFAULT_HEADER.get()\n\t\t};\t\t\t\t\n\t\treturn fetch(`${PRODUCERURL}api/notification/SearchGroup?id=0`, requestOptions)\n\t\t.then((response) => {\n\t\t\tif (response.ok) {\n\t\t\t\tQLIBS.authorizeAction(response)\n\t\t\t\t.then(response => {\n if (Array.isArray(response)) {\n var list = [{ value: 0, label: \"Seleccione un grupo\" }, ...response];\n this.setState({loadingData: false, listGroup: list });\n }\n });\n\t\t\t}\n\t\t\telse {\n\t\t\t\tthis.searchResultsError = `Error procesando solicitud: ${response.statusText}`;\n\t\t\t\tthis.setState({loadingData: false, showGrid: false });\n\t\t\t}\n\n\t\t })\n\t}\n\n searchProducers = async () => {\n\n\t\tconst { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\t\tthis.searchResultsError = \"\";\n\n\t\tthis.setState({loadingData: true });\n\n\t\t// Parse data to send\n\t\tconst requestOptions = {\n\t\t\tmethod: 'GET',\n\t\t\theaders: DEFAULT_HEADER.get()\n\t\t};\t\t\t\t\n\t\treturn fetch(`${PRODUCERURL}api/notification/SearchProducers?id=0`, requestOptions)\n\t\t.then((response) => {\n\t\t\tif (response.ok) {\n\t\t\t\tQLIBS.authorizeAction(response)\n\t\t\t\t.then(response => {\n if (Array.isArray(response)) {\n var list = [{ value: 0, label: \"Seleccione un productor\" }, ...response];\n this.setState({loadingData: false, listProducers: list });\n }\n });\n\t\t\t}\n\t\t\telse {\n\t\t\t\tthis.searchResultsError = `Error procesando solicitud: ${response.statusText}`;\n\t\t\t\tthis.setState({loadingData: false, showGrid: false });\n\t\t\t}\n\n\t\t })\n\t}\n\n validar() {\n return ((this.state.entity.typeDestination === 1 && this.state.entity.GroupId !== 0) ||\n (this.state.entity.typeDestination === 2 && this.state.entity.CUIT !== 0))\n }\n\n\n handleSubmit = () => {\n\n if (this.validar()) {\n const { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\n let data = {\n id: 0, //siempre es alta\n NotificationDefinitionId: this.props.ParentId,\n GroupId: (this.state.entity.typeDestination === 1) ? this.state.entity.GroupId : null,\n CUIT: (this.state.entity.typeDestination === 2) ? this.state.entity.CUIT : null\n };\n this.setState({loadingData: true, showForm: false, errorMessage: null });\n\n const requestOptions = {\n method: 'POST',\n headers: DEFAULT_HEADER.get(),\n body: JSON.stringify(data)\n };\t\t\t\n return fetch(`${PRODUCERURL}api/notification/SaveNotificationDefinitionDestination`, requestOptions)\n .then((response) => {\n\n if (response.ok) {\n QLIBS.authorizeAction(response)\n .then((response) => {\n this.setState({ loadingData: false, showForm: false, entity: null, errorMessage: null });\n this.props.dismiss(true);\n })\n .catch((response) => {\n const message = 'Error procesando datos';\n this.setState({ loadingData: false, showForm: false, errorMessage: message });\n });\n }\n else {\n const message = `Error procesando solicitud: ${response.statusText}`;\n this.setState({ loadingData: false, showForm: false, errorMessage: message });\n }\n\n });\n }\n\n }\n\n handleComboChange = (selectedOption, event, index) => {\n let inputName = event.name;\n let inputValue = selectedOption.value;\n\n let entity = Object.assign({}, this.state.entity);\n \n switch (inputName) {\n case \"ctlTypeDestination\":\n entity.typeDestination = inputValue;\n break;\n case \"ctlGroup\":\n entity.GroupId = inputValue;\n break;\n case \"ctlProducers\":\n entity.CUIT = inputValue;\n break;\n default:\n break;\n }\n\n this.setState({ entity: entity });\n \n }\n\n render() {\n const { COMMON_MODAL_FORM } = GLOBAL;\n\n return (\n\t\t <>\n \n
\n \n
\n \n
\n Calendario de ejecución
\n\n\n {this.state.errorMessage && (\n \n )}\n \n
\n \n
\n \n 0}\n onChange={(v, e) => { this.handleComboChange(v, e); }}\n defaultValue={this.state.entity.Period}\n />\n
\n \n
\n \n {this.state.entity.Period == 1 && (\n { this.handleComboChange(v, e); }}\n defaultValue={this.state.values.PeriodSemanal}\n />\n )}\n {this.state.entity.Period == 2 && (\n index + 1).map((day) => {\n return {\n label: String(day).padStart(2, '0'),\n value: day,\n }\n })}\n onChange={(v, e) => { this.handleComboChange(v, e); }}\n defaultValue={this.state.values.PeriodMensual}\n />\n )}\n {this.state.entity.Period == 3 && (\n
\n \n \n
\n )}\n \n index).map((hour) => {\n return {\n label: String(hour).padStart(2, '0') + \":00\",\n value: String(hour).padStart(2, '0') + \":00\",\n }\n })}\n onChange={(v, e) => { this.handleComboChange(v, e); }}\n defaultValue={this.state.values.PeriodHora}\n />\n
\n \n \n
\n \n
\n \n
\n \n {this.state.entity.Executions.map((exe, index) => {\n\n return (\n
\n \n
\n );\n\n })\n }\n \n {(this.state.entity.Period === 0 && Todos los días a las {exe.Hora}hs.)}\n {(this.state.entity.Period === 1 && Todos los {DiaSemanaEnum[exe.DiaSemana]} a las {exe.Hora}hs.)}\n {(this.state.entity.Period === 2 && Todos los {exe.DiaMes} de cada mes a las {exe.Hora}hs.)}\n {(this.state.entity.Period === 3 && El día {exe.DiaFijo} a las {exe.Hora}hs.)}\n
\n \n {(this.state.entity.Executions.length > 1 &&\n \n )}\n
\n \n {this.state.showForm && (\n \n )}\n \n
\n \n
\n \n )\n }\n}\n","import React, { Component } from 'react'\nimport { UploadFileRepository, TabsPanel, Loading, TextArea, Button, Checkbox, Input, Alert } from '..';\nimport { GLOBAL } from '../../Config/global';\nimport { APPCONFIG } from '../../app.config';\nimport { DEFAULT_HEADER } from '../../Config/userToken';\nimport * as QLIBS from '../../qLibsHelpers';\nexport default class NotificationDefinitionModal extends Component {\n constructor(props) {\n super(props)\n\n\t\tthis.tabs = [\n\t\t\t{\n\t\t\t\tlabel: 'Definición de notificación por aviso web'\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'Definición de notificación por e-mail'\n\t\t\t}\n\t\t];\n\n this.state = {\n id: this.props.id,\n loadingData: false,\n showForm: false,\n errorMessage: null,\n entity: null,\n activeTab: 0\n }\n\n this.getNotificacionDefinition = this.getNotificacionDefinition.bind(this);\n this.clearNotificacionDefinition = this.clearNotificacionDefinition.bind(this);\n this.onChangeTab = this.onChangeTab.bind(this);\n this.handleInputChange = this.handleInputChange.bind(this);\n\n this.handleNotificationAttach = this.handleNotificationAttach.bind(this);\n this.refreshFilesNotification = this.refreshFilesNotification.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n componentDidMount() {\n\n if (this.state.id === 0) {\n this.clearNotificacionDefinition(); \n }\n else {\n this.getNotificacionDefinition(this.state.id); \n }\n\n }\n\n\tgetNotificacionDefinition = (id) => {\n\t\tconst { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\n\t\tthis.setState({loadingData: true, showForm: false, errorMessage: null, entity: null });\n\n\t\tconst requestOptions = {\n\t\t\tmethod: 'GET',\n\t\t\theaders: DEFAULT_HEADER.get()\n\t\t};\t\t\t\n\t\treturn fetch(`${PRODUCERURL}api/notification/getnotificationdefinition?Id=${id}`, requestOptions)\n\t\t.then((response) => {\n\n\t\t\tif (response.ok) {\n\t\t\t\tQLIBS.authorizeAction(response)\n\t\t\t\t.then((response) => {\n const entity = response;\n this.setState({ loadingData: false, showForm: true, entity: entity });\n })\n\t\t\t\t.catch((response) => {\n const message = 'Error procesando datos';\n this.setState({ loadingData: false, showForm: false, errorMessage: message });\n });\n\t\t\t}\n\t\t\telse {\n\t\t\t\tconst message = `Error procesando solicitud: ${response.statusText}`;\n\t\t\t\tthis.setState({ loadingData: false, showForm: false, errorMessage: message });\n\t\t\t}\n\n\t\t});\n\t}\n\n refreshFilesNotification = (id) => {\n\t\tconst { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\n\t\tthis.setState({loadingData: true, showForm: false, errorMessage: null });\n\n\t\tconst requestOptions = {\n\t\t\tmethod: 'GET',\n\t\t\theaders: DEFAULT_HEADER.get()\n\t\t};\t\t\t\n\t\treturn fetch(`${PRODUCERURL}api/notification/getnotificationdefinition?Id=${id}`, requestOptions)\n\t\t.then((response) => {\n\n\t\t\tif (response.ok) {\n\t\t\t\tQLIBS.authorizeAction(response)\n\t\t\t\t.then((response) => {\n let entity = {...this.state.entity};\n entity.webLink = response.webLink;\n this.setState({ loadingData: false, showForm: true, entity: entity });\n })\n\t\t\t\t.catch(() => {\n const message = 'Error subiendo archivo';\n this.setState({ loadingData: false, showForm: true, errorMessage: message });\n });\n\t\t\t}\n\t\t\telse {\n\t\t\t\tconst message = `Error procesando solicitud: ${response.statusText}`;\n\t\t\t\tthis.setState({ loadingData: false, showForm: true, errorMessage: message });\n\t\t\t}\n\n\t\t});\n\t}\n\n clearNotificacionDefinition = () => {\n const entity = {\n urlApi: '',\n description: '',\n editMessage: true,\n editDestination: true,\n editScheduler: true,\n webUse: false,\n webTitle: null,\n webText: null,\n webLink: null,\n mailUse: false,\n mailSubject: null,\n mailBody: null,\n enabled: false\n };\n this.setState({ loadingData: false, showForm: true, entity: entity });\n }\n\n validar() {\n const entity = {...this.state.entity};\n if (!entity.description ||\n entity.webUse && (!entity.webTitle || !entity.webText) ||\n entity.mailUse && (!entity.mailSubject || !entity.mailBody)) {\n this.setState({ errorMessage: 'Debe completar todos los campos obligatorios' });\n return false;\n }\n\n return true;\n }\n\n\n handleSubmit = (isNew) => {\n\n if (this.validar()) {\n const { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\n let data = {...this.state.entity};\n \n //normalizo los campos que no se usan\n if (!data.webUse) {\n data.webTitle = null;\n data.webText = null;\n data.webLink = null;\n }\n else {\n if (data.webLink == null) data.webLink = '';\n }\n if (!data.mailUse) {\n data.mailSubject = null;\n data.mailBody = null;\n }\n\n this.setState({loadingData: true, showForm: false, errorMessage: null });\n\n const requestOptions = {\n method: 'POST',\n headers: DEFAULT_HEADER.get(),\n body: JSON.stringify(data)\n };\t\t\t\n return fetch(`${PRODUCERURL}api/notification/savenotificationdefinition`, requestOptions)\n .then((response) => {\n\n if (response.ok) {\n QLIBS.authorizeAction(response)\n .then((id) => {\n if (isNew) {\n this.setState({ id: id, loadingData: false, entity: null, errorMessage: null }, () => {\n this.getNotificacionDefinition(this.state.id);\n });\n }\n else {\n this.setState({ loadingData: false, showForm: false, entity: null, errorMessage: null });\n this.props.dismiss(true);\n }\n })\n .catch((response) => {\n const message = 'Error procesando datos';\n this.setState({ loadingData: false, showForm: false, errorMessage: message });\n });\n }\n else {\n const message = `Error procesando solicitud: ${response.statusText}`;\n this.setState({ loadingData: false, showForm: false, errorMessage: message });\n }\n\n });\n }\n\n }\n\n handleInputChange = event => {\n const isCheckbox = event.target.type === \"checkbox\";\n\n let inputName = event.target.name ? event.target.name : event.target.id;\n let inputValue = isCheckbox ? event.target.checked : event.target.value;\n\n let entity = {...this.state.entity};\n switch (inputName) {\n case \"ctlDescription\":\n entity.description = inputValue;\n break;\n case \"ctlWebUse\":\n entity.webUse = inputValue;\n break;\n case \"ctlWebTitle\":\n entity.webTitle = inputValue;\n break;\n case \"ctlWebText\":\n entity.webText = inputValue;\n break;\n case \"ctlWebLink\":\n entity.webLink = inputValue;\n break;\n case \"ctlMailUse\":\n entity.mailUse = inputValue;\n break;\n case \"ctlMailSubject\":\n entity.mailSubject = inputValue;\n break;\n case \"ctlMailBody\":\n entity.mailBody = inputValue;\n break;\n case \"ctlEnabled\":\n entity.enabled = inputValue;\n break; \n default:\n break;\n }\n\n this.setState({ entity: entity });\n };\n\n\n handleNotificationAttach = () => {\n this.refreshFilesNotification(this.state.id);\n }\n\n\n onChangeTab = (index) => {\n\t\tthis.setState({ activeTab: index });\n\t}\n\n\n render() {\n const { COMMON_MODAL_FORM } = GLOBAL;\n\n return (\n\t\t <>\n \n
\n \n
\n \n
\n Destinatario de ejecución
\n\n\n {this.state.errorMessage && (\n \n )}\n \n
\n \n
\n \n { this.handleComboChange(v, e); }}\n defaultValue={this.state.entity.typeDestination}\n />\n
\n \n {this.state.entity.typeDestination === 1 && (\n { this.handleComboChange(v, e); }}\n defaultValue={this.state.entity.GroupId}\n />\n )}\n {this.state.entity.typeDestination === 2 && (\n { this.handleComboChange(v, e); }}\n defaultValue={this.state.entity.CUIT}\n />\n )}\n
\n \n {this.state.showForm && (\n \n )}\n \n
\n \n
\n \n )\n }\n}\n","import React from 'react';\nimport { func, oneOf, string } from 'prop-types';\nimport Button from '../Button';\nimport { GLOBAL } from '../../Config/global';\nimport Input from '../Input';\nimport { FORM_DATA } from \"../../Config/form_data\";\nimport Select from '../Select';\n\nconst { MODAL } = GLOBAL;\nconst NewUserModal = ({ icon, status, onConfirm, onDismiss, title, producer, user }) => {\n\n\n function setData(event) {\n let inputName = event.target.name ? event.target.name : event.target.id;\n let inputValue = event.target.value;\n switch (inputName) {\n case \"nombre\":\n user.nombre = inputValue;\n break;\n case \"apellido\":\n user.apellido = inputValue;\n break;\n case \"email\":\n user.email = inputValue;\n break;\n case \"cuit\":\n user.cuit = inputValue;\n break;\n case \"telephone\":\n user.telephone = inputValue;\n break;\n case \"compania\":\n user.compania = event.value;\n break;\n default:\n break;\n }\n }\n return (\n \n
\n \n
\n \n
\n Definición de Notificación
\n\n\n {this.state.errorMessage && (\n \n )}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n\t\t\t\t\t\t\t\t\t\t\t \n
\n \n
\n\t\t\t\t\t\t\t\t\t\t\t\n
\n\t\t\t\t\t\t\t\t\t\t\t\t\n
\n\t\t\t\t\t\t\t\t\t\t\t\t\n \n
\n {this.state.id != 0 && (\n\t\t\t\t\t\t\t\t\t\t\t\t\n this.handleNotificationAttach()}\n />\n\t\t\t\t\t\t\t\t\t\t\t\t
\n )}\n\t\t\t\t\t\t\t\t\t\t\t\n
\n\t\t\t\t\t\t\t\t\t\t\n
\n\t\t\t\t\t\t\t\t\t\t\t\t\n
\n\t\t\t\t\t\t\t\t\t\t\t\t\n \n
\n\t\t\t\t\t\t\t\t\t\t\t\n
\n
\n
\n
\n \n
\n
\n
\n \n {this.state.showForm && this.state.id != 0 && (\n \n )}\n {this.state.showForm && this.state.id == 0 && (\n \n )}\n\n
\n \n
\n );\n}\n\nNewUserModal.propTypes = {\n onConfirm: func.isRequired,\n onDismiss: func.isRequired,\n title: string,\n status: oneOf(['primary', 'warning', 'error', 'success']),\n icon: string\n};\n\nNewUserModal.defaultProps = {\n status: 'success',\n title: MODAL.TITLE,\n icon: 'fas fa-exclamation-circle'\n};\n\nexport default NewUserModal;","import React from 'react';\nimport { func, oneOf, string } from 'prop-types';\nimport Button from '../Button';\nimport { GLOBAL } from '../../Config/global';\nimport Input from '../Input';\nconst { MODAL } = GLOBAL;\nlet user = {};\n\nconst RecoverPassWordModal = ({ icon, status, onConfirm, onDismiss, title, email,name }) => {\n\n\n return (\n \n
\n \n
\n \n \n {status === 'warning' && }\n
\n {title}
\n\n
\n \n
\n {producer === 'true' &&\n \n { setData(data) }}\n maxLength=\"100\"\n />\n
\n \n { setData(data) }}\n />\n
\n \n
\n }\n \n { setData(data) }}\n />\n
\n \n
\n {producer === 'true' &&\n \n { setData(data) }}\n />\n
\n \n
\n}\n \n { setData(data) }}\n />\n
\n \n { setData(data) }}\n />\n
\n \n \n \n
\n \n
\n );\n}\n\nRecoverPassWordModal.propTypes = {\n onConfirm: func.isRequired,\n onDismiss: func.isRequired,\n title: string,\n status: oneOf(['primary', 'warning', 'error', 'success']),\n icon: string\n};\n\nRecoverPassWordModal.defaultProps = {\n status: 'success',\n title: MODAL.TITLE,\n icon: 'fas fa-exclamation-circle'\n};\n\nexport default RecoverPassWordModal;","import React, { useState, useEffect } from \"react\";\nimport { array, bool, func } from \"prop-types\";\nimport { APPCONFIG } from '../../app.config';\nimport { USER_TOKEN } from '../../Config/userToken';\n\nfunction NotificationCounter (props) {\n\n let listMessages = props.data.map(item => {\n return {...item, active: true};\n });\n\n const [state, setState] = useState({\n listMessages: listMessages,\n controlVisible: props.visible,\n messagesVisible: false\n });\n\n useEffect(() => {\n\n let listMessages = props.data.map(item => {\n return {...item, active: true};\n });\n\n setState({...state, listMessages: listMessages, controlVisible: props.visible});\n });\n \n function ShowMessages() {\n setState({...state, messagesVisible: true});\n }\n function HideMessages() {\n setState({...state, messagesVisible: false});\n }\n function VerifyMessage(id) {\n if (props.onChange !== null) {\n\n let stateNew = {...state};\n let item = stateNew.listMessages.find(i => i.id === id);\n if (item) item.active = false;\n setState({...stateNew});\n\n props.onChange(id);\n }\n }\n function GetUrlAttach(id) {\n const userToken = USER_TOKEN.get();\n const AccessToken = userToken.token;\n const RefreshToken = userToken.refreshToken;\n\n const download_url = APPCONFIG.ENDPOINTS.PRODUCERURL + `api/FileRepository/Download/NotificationAttach/${id}?RefreshToken=${RefreshToken}&AccessToken=${AccessToken}`;\n return download_url;\n }\n function ClickCounter() {\n if (state.messagesVisible)\n HideMessages();\n else\n ShowMessages();\n }\n\n function ClickTitle(index) {\n let item = state.listMessages[index];\n if (item.body.length > 0) {\n item.showBody = !item.showBody;\n setState({...state, listMessages: state.listMessages});\n }\n }\n\n function handleHistorial() {\n window.open('./historialnotificaciones', '_self');\n }\n\n\n return(\n\n \n
\n \n
\n \n \n {status === 'warning' && }\n
\n {title}
\n\n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n \n \n {\n (state.listMessages.length > 0) && {state.listMessages.length} \n }\n \n {state.messagesVisible &&\n
\n }\n - \n\n
- \n \n HideMessages() }>\n\n \n { \n (state.listMessages.length > 0) ?\n state.listMessages.map( function(item, index) {\n \n return
- \n \n \n\n {\n (index + 1 < state.listMessages.length) && \n }\n\n\n {item.showBody && item.body.length > 0 &&\n \n }\n \n\n })\n :\n
- \n \n\n\n Sin notificaciones pendientes\n\n \n }\n
- \n \n\n
\n handleHistorial()}\n className={\"counter-title\"}>Ver historial de notificaciones\n \n\n
\n
\n);\n\nNotification.propTypes = {\n date: string.isRequired,\n icon: string.isRequired,\n text: string.isRequired,\n};\n\nexport default Notification;\n","import React, { useState } from \"react\";\nimport { array, number, string } from \"prop-types\";\nimport { Notification } from \"..\";\n\nconst NotificationsSection = ({ displayCount, icon, unreadNotifications }) => {\n const [displayedNotifications, setDisplayedNotifications] = useState(displayCount);\n\n const handleClick = () => {\n setDisplayedNotifications(displayedNotifications + displayCount);\n }\n\n return (\n <>\n {unreadNotifications.map(({date, text}, index) => (\n index < displayedNotifications && (\n \n \n
\n \n
\n \n {date}\n
\n{text}
\n\n
\n )}\n \n );\n};\n\nNotificationsSection.propTypes = {\n displayCount: number,\n icon: string,\n unreadNotifications: array.isRequired,\n};\n\nNotificationsSection.defaultProps = {\n displayCount: 4,\n icon: \"fas fa-info-circle\",\n};\n\nexport default NotificationsSection;\n","import React, { Component } from 'react'\nimport { UploadFileRepository, Loading, Button, Checkbox, Combobox, DatePicker, Input, Alert } from '..';\nimport { GLOBAL } from '../../Config/global';\nimport { APPCONFIG } from '../../app.config';\nimport { DEFAULT_HEADER } from '../../Config/userToken';\nimport * as QLIBS from '../../qLibsHelpers';\nimport moment from \"moment\";\n\n\nexport default class CommunicationModal extends Component {\n constructor(props) {\n super(props)\n\n this.state = {\n id: this.props.id,\n loadingData: false,\n showForm: false,\n errorMessage: null,\n entity: null,\n textSendMailDate: ''\n }\n\n this.getCommunication = this.getCommunication.bind(this);\n this.clearCommunication = this.clearCommunication.bind(this);\n this.handleInputChange = this.handleInputChange.bind(this);\n this.handleComboChange = this.handleComboChange.bind(this);\n this.handleCommunicationBody = this.handleCommunicationBody.bind(this);\n this.handleCommunicationAttach = this.handleCommunicationAttach.bind(this);\n this.refreshFilesCommunication = this.refreshFilesCommunication.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n componentDidMount() {\n\n if (this.state.id == 0) {\n this.clearCommunication(); \n }\n else {\n this.getCommunication(this.state.id); \n }\n\n }\n\n\tgetCommunication = (id) => {\n\t\tconst { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\n\t\tthis.setState({loadingData: true, showForm: false, errorMessage: null, entity: null });\n\n\t\tconst requestOptions = {\n\t\t\tmethod: 'GET',\n\t\t\theaders: DEFAULT_HEADER.get()\n\t\t};\t\t\t\n\t\treturn fetch(`${PRODUCERURL}api/communication/getcommunication?id=${id}`, requestOptions)\n\t\t.then((response) => {\n\n\t\t\tif (response.ok) {\n\t\t\t\tQLIBS.authorizeAction(response)\n\t\t\t\t.then((response) => {\n const entity = response;\n if (entity.endDate === null) entity.endDate = '';\n if (entity.sendMailDate === null) entity.sendMailDate = '';\n if (entity.confirmationText === null) entity.confirmationText = '';\n\n let textSendMailDate = '';\n if (entity.sendMailDate !== '') {\n const fecha = moment(entity.sendMailDate).format(\"DD/MM/YYYY\");\n textSendMailDate = `Fecha de último aviso: ${fecha}`;\n }\n\n this.setState({ loadingData: false, showForm: true, entity: entity, textSendMailDate: textSendMailDate });\n })\n\t\t\t\t.catch((response) => {\n const message = 'Error procesando datos';\n this.setState({ loadingData: false, showForm: false, errorMessage: message });\n });\n\t\t\t}\n\t\t\telse {\n\t\t\t\tconst message = `Error procesando solicitud: ${response.statusText}`;\n\t\t\t\tthis.setState({ loadingData: false, showForm: false, errorMessage: message });\n\t\t\t}\n\n\t\t});\n\t}\n\n\trefreshFilesCommunication = (id) => {\n\t\tconst { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\n\t\tthis.setState({loadingData: true, showForm: false, errorMessage: null});\n\n\t\tconst requestOptions = {\n\t\t\tmethod: 'GET',\n\t\t\theaders: DEFAULT_HEADER.get()\n\t\t};\t\t\t\n\t\treturn fetch(`${PRODUCERURL}api/communication/getcommunication?id=${id}`, requestOptions)\n\t\t.then((response) => {\n\n\t\t\tif (response.ok) {\n\t\t\t\tQLIBS.authorizeAction(response)\n\t\t\t\t.then((response) => {\n\n let entity = {...this.state.entity};\n entity.urlBody = response.urlBody;\n entity.urlLink = response.urlLink;\n\n this.setState({ loadingData: false, showForm: true, entity: entity });\n })\n\t\t\t\t.catch((response) => {\n const message = 'Error subiendo archivo';\n this.setState({ loadingData: false, showForm: true, errorMessage: message });\n });\n\t\t\t}\n\t\t\telse {\n\t\t\t\tconst message = `Error procesando solicitud: ${response.statusText}`;\n\t\t\t\tthis.setState({ loadingData: false, showForm: true, errorMessage: message });\n\t\t\t}\n\n\t\t});\n\t}\n\n clearCommunication = () => {\n\n const entity = {\n priority: 1,\n description: '',\n title: '',\n urlBody: undefined,\n urlLink: undefined,\n confirmationText: '',\n enabled: false,\n sendMail: false,\n confirmationRequired: false,\n bodyEmbedded: false,\n startDate: new Date(),\n endDate: '',\n sendMailDate: '',\n };\n this.setState({ loadingData: false, showForm: true, entity: entity });\n }\n\n validar() {\n const entity = {...this.state.entity};\n if (!entity.priority || !entity.description || !entity.title || !entity.startDate) {\n this.setState({ errorMessage: 'Debe completar todos los campos obligatorios' });\n return false;\n }\n if (entity.confirmationRequired && !entity.confirmationText) {\n this.setState({ errorMessage: 'Debe completar todos los campos obligatorios' });\n return false;\n }\n\n return true;\n }\n\n\n handleSubmit = (isNew) => {\n\n if (this.validar()) {\n const { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\n let data = {...this.state.entity};\n \n //normalizo los campos sin datos\n if (data.endDate === '') data.endDate = null;\n if (data.sendMailDate === '') data.sendMailDate = null;\n if (data.confirmationText === '') data.confirmationText = null;\n\n this.setState({loadingData: true, showForm: false, errorMessage: null });\n\n const requestOptions = {\n method: isNew ? 'POST' : 'PUT',\n headers: DEFAULT_HEADER.get(),\n body: JSON.stringify(data)\n };\t\n return fetch(`${PRODUCERURL}api/Communication/`, requestOptions)\n .then((response) => {\n\n if (response.ok) {\n QLIBS.authorizeAction(response)\n .then((id) => {\n if (isNew) {\n this.setState({ id: id, loadingData: false, entity: null, errorMessage: null }, () => {\n this.getCommunication(this.state.id);\n });\n }\n else {\n this.setState({ loadingData: false, showForm: false, entity: null, errorMessage: null });\n this.props.dismiss(true);\n }\n })\n .catch((response) => {\n const message = 'Error procesando datos';\n this.setState({ loadingData: false, showForm: false, errorMessage: message });\n });\n }\n else {\n const message = `Error procesando solicitud: ${response.statusText}`;\n this.setState({ loadingData: false, showForm: false, errorMessage: message });\n }\n\n });\n }\n\n }\n\n\n handleInputChange = event => {\n const isCheckbox = event.target.type === \"checkbox\";\n\n let inputName = event.target.name ? event.target.name : event.target.id;\n let inputValue = isCheckbox ? event.target.checked : event.target.value;\n\n let entity = {...this.state.entity};\n switch (inputName) {\n case \"ctlDescription\":\n entity.description = inputValue;\n break;\n case \"ctlTitle\":\n entity.title = inputValue;\n break;\n case \"ctlUrlBody\":\n entity.urlBody = inputValue;\n break;\n case \"ctlUrlLink\":\n entity.urlLink = inputValue;\n break;\n case \"ctlConfirmationText\":\n entity.confirmationText = inputValue;\n break;\n case \"ctlEnabled\":\n entity.enabled = inputValue;\n break;\n case \"ctlSendMail\":\n entity.sendMail = inputValue;\n break;\n case \"ctlConfirmationRequired\":\n entity.confirmationRequired = inputValue;\n if (!entity.confirmationRequired) {\n entity.confirmationText = '';\n }\n break;\n case \"ctlBodyEmbedded\":\n entity.bodyEmbedded = inputValue;\n break;\n default:\n break;\n }\n\n this.setState({ entity: entity });\n };\n\n handleDatePickerChange = event => {\n let inputName = event.target.name ? event.target.name : event.target.id;\n let inputValue = event.target.value;\n\n if (inputValue !== '') {\n inputValue = new Date(inputValue);\n }\n\n let entity = {...this.state.entity};\n switch (inputName) {\n case \"ctlStartDate\":\n entity.startDate = inputValue;\n break;\n case \"ctlEndDate\":\n entity.endDate = inputValue;\n break;\n default:\n break;\n }\n\n this.setState({ entity: entity });\n };\n\n handleComboChange = (selectedOption, event, index) => {\n let inputName = event.name;\n let inputValue = selectedOption.value;\n\n let entity = {...this.state.entity};\n switch (inputName) {\n case \"ctlPriority\":\n entity.priority = inputValue;\n break;\n default:\n break;\n }\n\n this.setState({ entity: entity });\n };\n\n handleCommunicationBody = () => {\n this.refreshFilesCommunication(this.state.id);\n }\n\n handleCommunicationAttach = () => {\n this.refreshFilesCommunication(this.state.id);\n }\n\n render() {\n const { COMMON_MODAL_FORM } = GLOBAL;\n\n return (\n\t\t <>\n \n Mostrar más \n
\n\n
\n \n )\n }\n}\n","import React from 'react';\nimport { func, oneOf, string } from 'prop-types';\nimport Button from '../Button';\nimport { GLOBAL } from '../../Config/global';\n\nconst { MODAL } = GLOBAL;\n\nconst InformationModal = ({ icon, status, onConfirm, message, title }) => {\n\n return (\n \n
\n \n
\n \n
\n Definición de Comunicación
\n\n\n {this.state.errorMessage && (\n \n )}\n \n
\n \n
\n \n
\n \n
\n \n\n
\n \n
\n\n \n { this.handleComboChange(v, e); }}\n defaultValue={this.state.entity.priority}\n />\n
\n \n \n
\n \n \n
\n\n {this.state.id !== 0 && (\n <>\n \n this.handleCommunicationBody()}\n />\n
\n \n
\n \n this.handleCommunicationAttach()}\n />\n
\n \n )}\n\n \n
\n \n \n
\n \n
\n {this.state.entity.ConfirmationRequired && (\n \n
\n )}\n \n
\n
\n \n
\n \n {this.state.showForm && this.state.id !== 0 && (\n \n )}\n {this.state.showForm && this.state.id === 0 && (\n \n )}\n
\n \n
\n );\n}\n\nInformationModal.propTypes = {\n onConfirm: func.isRequired,\n message: string,\n title: string,\n status: oneOf(['primary', 'warning', 'error', 'success']),\n icon: string\n};\n\nInformationModal.defaultProps = {\n status: 'success',\n message: 'Información',\n title: 'Información',\n icon: 'fas fa-exclamation-circle'\n};\n\nexport default InformationModal;","import React, { Component } from 'react'\nimport { Loading, TextArea, Button, Checkbox, Combobox, DatePicker, Input, Alert } from '..';\nimport { GLOBAL } from '../../Config/global';\nimport { APPCONFIG } from '../../app.config';\nimport { DEFAULT_HEADER } from '../../Config/userToken';\nimport * as QLIBS from '../../qLibsHelpers';\nimport moment from \"moment\";\n\n\nexport default class LabelModal extends Component {\n \n constructor(props) {\n super(props)\n\n this.state = {\n modeEdition: false,\n loadingData: false,\n showForm: false,\n errorMessage: null,\n entity: null,\n textFinishDate: ''\n }\n\n this.getLabel = this.getLabel.bind(this);\n this.clearLabel = this.clearLabel.bind(this);\n this.handleInputChange = this.handleInputChange.bind(this);\n this.handleComboChange = this.handleComboChange.bind(this);\n }\n\n\n componentDidMount() {\n\n let Id = this.props.Id;\n if (Id === 0) {\n this.clearLabel(); \n }\n else {\n this.getLabel(Id); \n }\n\n }\n\n\tgetLabel = (Id) => {\n\t\tconst { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\n\t\tthis.setState({loadingData: true, showForm: false, errorMessage: null, entity: null });\n\n\t\tconst requestOptions = {\n\t\t\tmethod: 'GET',\n\t\t\theaders: DEFAULT_HEADER.get()\n\t\t};\t\t\t\n\t\treturn fetch(`${PRODUCERURL}api/Label/getLabel?Id=${Id}`, requestOptions)\n\t\t.then((response) => {\n\n\t\t\tif (response.ok) {\n\t\t\t\tQLIBS.authorizeAction(response)\n\t\t\t\t.then((response) => {\n const entity = response;\n if (entity.EndDate == null) entity.EndDate = '';\n if (entity.FinishDate == null) entity.FinishDate = '';\n\n let textFinishDate = '';\n if (entity.FinishDate !== '') {\n const fecha = moment(entity.FinishDate).format(\"DD/MM/YYYY\");\n textFinishDate = `Fecha de inactivación: ${fecha}`;\n }\n\n this.setState({ modeEdition: entity.Enabled, loadingData: false, showForm: true, entity: entity, textFinishDate: textFinishDate });\n })\n\t\t\t\t.catch((response) => {\n const message = 'Error procesando datos';\n this.setState({ loadingData: false, showForm: false, errorMessage: message });\n });\n\t\t\t}\n\t\t\telse {\n\t\t\t\tconst message = `Error procesando solicitud: ${response.statusText}`;\n\t\t\t\tthis.setState({ loadingData: false, showForm: false, errorMessage: message });\n\t\t\t}\n\n\t\t});\n\t}\n\n clearLabel = () => {\n\n const entity = {\n Section: '',\n Type: '',\n Description: '',\n Text: '',\n Enabled: true,\n StartDate: new Date(),\n EndDate: '',\n FinishDate: '',\n };\n this.setState({ modeEdition: true, loadingData: false, showForm: true, entity: entity });\n }\n\n validar() {\n const entity = {...this.state.entity};\n if (!entity.Section || !entity.Type || !entity.Description || !entity.Text || !entity.StartDate) {\n this.setState({ errorMessage: 'Debe completar todos los campos obligatorios' });\n return false;\n }\n\n return true;\n }\n\n\n handleSubmit = () => {\n\n if (this.validar()) {\n const { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\n let data = {...this.state.entity};\n \n //normalizo los campos sin datos\n if (data.EndDate === '') data.EndDate = null;\n if (data.FinishDate === '') data.FinishDate = null;\n\n this.setState({loadingData: true, showForm: false, errorMessage: null });\n\n const requestOptions = {\n method: 'POST',\n headers: DEFAULT_HEADER.get(),\n body: JSON.stringify(data)\n };\t\t\t\n return fetch(`${PRODUCERURL}api/Label/SaveLabel`, requestOptions)\n .then((response) => {\n\n if (response.ok) {\n QLIBS.authorizeAction(response)\n .then((response) => {\n this.setState({ loadingData: false, showForm: false, entity: null, errorMessage: null });\n this.props.dismiss(true);\n })\n .catch((response) => {\n const message = 'Error procesando datos';\n this.setState({ loadingData: false, showForm: false, errorMessage: message });\n });\n }\n else {\n response.text()\n .then((error) => {\n this.setState({ loadingData: false, showForm: false, errorMessage: error });\n });\n }\n\n });\n }\n\n }\n\n handleInputChange = event => {\n const isCheckbox = event.target.type === \"checkbox\";\n\n let inputName = event.target.name ? event.target.name : event.target.id;\n let inputValue = isCheckbox ? event.target.checked : event.target.value;\n\n let entity = {...this.state.entity};\n switch (inputName) {\n case \"ctlDescription\":\n entity.Description = inputValue;\n break;\n case \"ctlText\":\n entity.Text = inputValue;\n break;\n case \"ctlEnabled\":\n entity.Enabled = !inputValue;\n break;\n default:\n break;\n }\n\n this.setState({ entity: entity });\n };\n\n handleDatePickerChange = event => {\n let inputName = event.target.name ? event.target.name : event.target.id;\n let inputValue = event.target.value;\n\n if (inputValue !== '') {\n inputValue = new Date(inputValue);\n }\n\n let entity = {...this.state.entity};\n switch (inputName) {\n case \"ctlStartDate\":\n entity.StartDate = inputValue;\n break;\n case \"ctlEndDate\":\n entity.EndDate = inputValue;\n break;\n default:\n break;\n }\n\n this.setState({ entity: entity });\n };\n\n handleComboChange = (selectedOption, event, index) => {\n let inputName = event.name;\n let inputValue = selectedOption.value;\n\n let entity = {...this.state.entity};\n switch (inputName) {\n case \"ctlSection\":\n entity.Section = inputValue;\n break;\n case \"ctlType\":\n entity.Type = inputValue;\n break;\n default:\n break;\n }\n\n this.setState({ entity: entity });\n };\n\n\n render() {\n const { COMMON_MODAL_FORM } = GLOBAL;\n\n return (\n\t\t <>\n \n
\n \n
\n \n {status === 'warning' && }\n\n
\n {status === 'success' && }{title}
\n\n
\n {message}
\n\n \n
\n \n
\n \n )\n }\n}\n","import React from 'react';\nimport { string } from \"prop-types\";\nimport { DEFAULT_HEADER } from '../../Config/userToken';\nimport { APPCONFIG } from '../../app.config';\nexport default class LabelSection extends React.Component {\n\n constructor(props) {\n super(props);\n\n this.state = {\n text: null,\n error: null\n };\n\n this.handleResponseOk = this.handleResponseOk.bind(this);\n this.handleResponseError = this.handleResponseError.bind(this);\n }\n\n componentDidMount() {\n\n this.loadLabelSection();\n\n }\n\n loadLabelSection() {\n const { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n const requestOptions = {\n\t\t\tmethod: 'GET',\n\t\t\theaders: DEFAULT_HEADER.get()\n\t\t};\n \n return fetch(PRODUCERURL + `api/Label/getLabelSection?Section=${this.props.section}&Type=${this.props.type}`, requestOptions)\n .then((response) => {\n if (response.ok)\n this.handleResponseOk(response);\n else\n this.handleResponseError(response);\n })\n }\n\n\n handleResponseOk(response) {\n response.json()\n .then((data) => {\n var textHtml = (data.Text && data.Text.length > 0) ? data.Text.replace(/\\n/g, '\n
\n \n
\n \n
\n Definición de Leyenda
\n\n\n {this.state.errorMessage && (\n \n )}\n \n
\n \n\n
\n \n
\n\n \n \n
\n\n \n\n
\n \n { this.handleComboChange(v, e); }}\n defaultValue={this.state.entity.Section}\n idDisabled={!this.state.modeEdition}\n />\n
\n\n \n { this.handleComboChange(v, e); }}\n defaultValue={this.state.entity.Type}\n idDisabled={!this.state.modeEdition}\n />\n
\n\n \n \n
\n\n \n \n
\n\n \n
\n \n \n
\n\n \n
\n
\n \n
\n \n {this.state.showForm && this.state.modeEdition && (\n \n )}\n
\n ') : '';\n this.setState({ text: textHtml });\n });\n }\n\n handleResponseError(response) {\n response.text()\n .then((error) => {\n this.setState({ error: error });\n });\n }\n\n\n render() {\n\n return (\n
\n {this.state && !this.state.error && this.state.text &&\n \n }\n {this.state && this.state.error &&\n {this.state.error}\n }\n
\n );\n\n }\n\n};\n\nLabelSection.propTypes = {\n section: string.isRequired,\n type: string.isRequired,\n className: string\n}\n\nLabelSection.defaultProps = {\n className: ''\n}\n","import TreeView from 'devextreme-react/tree-view';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Divider from '@material-ui/core/Divider';\nimport Person from '@material-ui/icons/Person';\nimport React from \"react\";\nimport Radiobox from '../Radiobox';\n\nexport default class ProducerSelector extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tproductorSelected: 0,\n\t\t\tcheckedItems: [],\n\t\t};\n\t\tthis.currentIndex = null;\n\t\tthis.productoresData = [];\n\t\tthis.productoresChildsSelected = [];\n\t}\n\n\tprocessItem = item => {\n\t\tlet itemIndex = -1;\n\t\tconst checkedItems = this.state.checkedItems;\n\n\t\tcheckedItems.forEach((currentItem, index) => {\n\t\t\tif (currentItem.id === item.id) {\n\t\t\t\titemIndex = index;\n\t\t\t\treturn false;\n\t\t\t}\n\t\t});\n\n\t\tif (item.selected) {\n\t\t\tcheckedItems.push(item);\n\t\t} else if (!item.selected) {\n\t\t\tcheckedItems.splice(itemIndex, 1);\n\t\t}\n\n\t\treturn checkedItems;\n\t};\n\n\tresetSelection = () => {\n\t\tthis.setState({\n\t\t\tproductorSelected: 0,\n\t\t\tcheckedItems: []\n\t\t}, () => {\n\t\t\tArray.from(document.getElementsByClassName('chkProductor')).forEach(function (f) { f.disabled = true; f.checked = false; });\n\t\t\tthis.productoresData.forEach(item => {\n\t\t\t\titem.items.forEach(Internalitem => {\n\t\t\t\t\tInternalitem.selected = false;\n\t\t\t\t\tInternalitem.items.forEach(Internalitem2 => {\n\t\t\t\t\t\tInternalitem2.selected = false;\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t});\n\t\t\tthis.currentIndex = null;\n\t\t});\n\t};\n\n\tsetProductorDefault = code => {\n\t\t\n\t\tlet index = null;\n\t\tthis.productoresData.forEach((item, i) => {\n\t\t\tif (item.id === code) {\n\t\t\t\tindex = (i + 1);\n\t\t\t\treturn false;\n\t\t\t}\n\t\t});\n\n\t\tif (index !== null) {\n\t\t\tlet checkbox = document.getElementsByClassName(`chkProductorCode_${code}`)[0];\n\t\n\t\t\t//se deshabilitan todos\n\t\t\tArray.from(document.getElementsByClassName('chkProductor')).forEach(function (f) { f.disabled = true; f.checked = false; });\n\t\t\t//se habilita este en particular\n\t\t\tcheckbox.disabled = false;\n\t\t\tcheckbox.click();\n\t\n\t\t\tif (this.currentIndex !== index) {\n\t\t\t\t// Deselect every child pre-selected\n\t\t\t\tthis.productoresData.forEach(item => {\n\t\t\t\t\titem.items.forEach(Internalitem => {\n\t\t\t\t\t\tInternalitem.selected = (Internalitem.id === `${code}X`);\n\t\t\t\t\t\tInternalitem.items.forEach(Internalitem2 => {\n\t\t\t\t\t\t\tInternalitem2.selected = false;\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t\tthis.currentIndex = index;\n\t\t\t}\n\t\n\t\t\tthis.setProductorSelected(index);\n\t\t\tthis.setState({ productorSelected: index },\n\t\t\t() => {\n\t\t\t\tthis.props.onCheckedItemsChanged(this.state.checkedItems, true);\n\t\t\t});\n\t\t}\n\t}\n\n\tsetProductorSelected = index => {\n\t\tlet root = [];\n\t\t/// Busca hijos seleccionados\n\t\tlet items = this.productoresData[index - 1].items.length ? this.productoresData[index - 1].items.filter(function (f) { return f.selected }) : Array(0);\n\t\titems.filter(function (f) { return f.selected }).forEach(function (f) {\n\t\t\troot.push({\n\t\t\t\tcategory: \"\",\n\t\t\t\tid: f.id,\n\t\t\t\titemData: {},\n\t\t\t\tselected: true,\n\t\t\t\ttext: f.text,\n\t\t\t\tcore: f.core\n\t\t\t})\n\t\t});\n\t\tthis.setState({ productorSelected: index, checkedItems: root }, () => {\n\t\t\tthis.props.onCheckedItemsChanged(this.state.checkedItems);\n\t\t\tthis.props.onProducerIdChanged(index);\n\t\t});\n\t}\n\n\n\tonProducersChange = (newProducers) => {\n\t\tthis.productoresData = newProducers;\n\t\tthis.resetSelection();\n\t};\n\n\tsetProductoresSelectedAll = e => {\n\t\tlet checkAll = e.value;\n\t\tif (checkAll !== undefined) {\n\t\t\te.component.getNodes().forEach((node) => this.setProductoresSelected({node: node}));\n\t\t}\n\t}\n\n\tsetProductoresSelected = e => {\n\t\t// \n\t\tconst nodeItem = e.node;\n\t\tlet checkedItemsNew = [];\n\n\t\tif (nodeItem.items.length) {\n\t\t\tnodeItem.items.forEach(item => {\n\t\t\t\tcheckedItemsNew = this.processItem({\n\t\t\t\t\tid: item.key,\n\t\t\t\t\ttext: item.text,\n\t\t\t\t\tcore: item.itemData.core,\n\t\t\t\t\titemData: item.itemData,\n\t\t\t\t\tselected: item.selected,\n\t\t\t\t\tcategory: ((item.parent) ? item.parent.text : \"\")\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\tcheckedItemsNew = checkedItemsNew.concat(this.processItem({\n\t\t\tid: nodeItem.key,\n\t\t\ttext: nodeItem.text,\n\t\t\tcore: nodeItem.itemData.core,\n\t\t\titemData: nodeItem.itemData,\n\t\t\tselected: nodeItem.selected,\n\t\t\tcategory: ((nodeItem.parent) ? nodeItem.parent.text : \"\")\n\t\t}));\n\n\t\t// \n\t\tcheckedItemsNew = checkedItemsNew.filter((v, i, a) => a.findIndex(t => (t.id === v.id && t.name === v.name)) === i)\n\t\tthis.setState({ checkedItems: checkedItemsNew }, () => { this.props.onCheckedItemsChanged(this.state.checkedItems); });\n\t};\n\n\tenabledCheckbox = (e, index) => {\n\t\tlet checkbox = e.target.closest('.row.productores-selector').querySelector('.chkProductor');\n\n\t\t/// Solo se ejecuta en el click sobre el checkbox\n\t\tif (e.target.control && e.target.control.type === \"radio\" && checkbox.checked === false) {\n\t\t\tArray.from(document.getElementsByClassName('chkProductor')).forEach(function (f) { f.disabled = true; f.checked = false; });\n\t\t\tdocument.getElementById(index).disabled = false;\n\t\t\tcheckbox.click();\n\n\t\t\tif (this.currentIndex !== index) {\n\t\t\t\t// Deselect every child pre-selected\n\t\t\t\tthis.productoresData.forEach(item => {\n\t\t\t\t\titem.items.forEach(Internalitem => {\n\t\t\t\t\t\tInternalitem.selected = false;\n\t\t\t\t\t\tInternalitem.items.forEach(Internalitem2 => {\n\t\t\t\t\t\t\tInternalitem2.selected = false;\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t\tthis.currentIndex = index;\n\t\t\t}\n\n\t\t\tthis.setProductorSelected(index);\n\t\t\tthis.setState({\n\t\t\t\tproductorSelected: index\n\t\t\t}, () => { this.props.onCheckedItemsChanged(this.state.checkedItems); });\n\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\t\t}\n\t};\n\n\trenderTreeViewItem = value => {\n\t\treturn ({value.text}
);\n\t};\n\n\tgetProductorFromText(text) {\n\t\t//quita el codigo de productor\n\t\treturn text.substring(text.indexOf(\")\")+1).trim();\n\t}\n\tgetDivisionFromCore(core) {\n\t\tif (core === \"VT\")\n\t\t\treturn \"VIDA Y GENERALES\";\n\t\telse if (core === \"RVT\")\n\t\t\treturn \"RETIRO\";\n\t\telse\n\t\t\treturn core;\n\t}\n\n\trender() {\n\t\tthis.productoresData = this.props.producers.filter(x=>x.core!=='EOS');\n\t\treturn (\n\t\t\t<>\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\tDivisión\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t{(this.state.productorSelected > 0 && this.productoresData.filter((menu, index) => menu.items && menu.items.length > 0 && index + 1 === this.state.productorSelected).length > 0) &&\n\t\t\t\t\t\tProductor\n\t\t\t\t\t}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n}\n\nProducerSelector.defaultProps = {\n\tproducers: [],\n\thideChilds: false,\n\tselectionMultiple: true\n};","import TreeView from 'devextreme-react/tree-view';\nimport React from \"react\";\n\nexport default class ProducerSelectorEos extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tcheckedItems: [],\n\t\t};\n\t\tthis.currentIndex = null;\n\t\tthis.productoresData = [];\n\t\tthis.productoresChildsSelected = [];\n\t}\n\n\tprocessItem = item => {\n\t\tlet itemIndex = -1;\n\t\tconst checkedItems = this.state.checkedItems;\n\n\t\tcheckedItems.forEach((currentItem, index) => {\n\t\t\tif (currentItem.id === item.id) {\n\t\t\t\titemIndex = index;\n\t\t\t\treturn false;\n\t\t\t}\n\t\t});\n\n\t\tif (item.selected) {\n\t\t\tcheckedItems.push(item);\n\t\t} else if (!item.selected) {\n\t\t\tcheckedItems.splice(itemIndex, 1);\n\t\t}\n\n\t\treturn checkedItems;\n\t};\n\n\tsetProductoresSelectedAll = e => {\n\t\tlet checkAll = e.value;\n\t\tif (checkAll !== undefined) {\n\t\t\te.component.getNodes().forEach((node) => this.setProductoresSelected({node: node}));\n\t\t}\n\t}\n\n\tsetProductoresSelected = e => {\n\t\t// \n\t\tconst nodeItem = e.node;\n\t\tlet checkedItemsNew = [];\n\n\t\tif (nodeItem.items.length) {\n\t\t\tnodeItem.items.forEach(item => {\n\t\t\t\tcheckedItemsNew = this.processItem({\n\t\t\t\t\tid: item.key,\n\t\t\t\t\ttext: item.text,\n\t\t\t\t\tcore: item.itemData.core,\n\t\t\t\t\titemData: item.itemData,\n\t\t\t\t\tselected: item.selected,\n\t\t\t\t\tcategory: ((item.parent) ? item.parent.text : \"\")\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\tcheckedItemsNew = checkedItemsNew.concat(this.processItem({\n\t\t\tid: nodeItem.key,\n\t\t\ttext: nodeItem.text,\n\t\t\tcore: nodeItem.itemData.core,\n\t\t\titemData: nodeItem.itemData,\n\t\t\tselected: nodeItem.selected,\n\t\t\tcategory: ((nodeItem.parent) ? nodeItem.parent.text : \"\")\n\t\t}));\n\n\t\t// \n\t\tcheckedItemsNew = checkedItemsNew.filter((v, i, a) => a.findIndex(t => (t.id === v.id && t.name === v.name)) === i)\n\t\tthis.setState({ checkedItems: checkedItemsNew }, () => { this.props.onCheckedItemsChanged(this.state.checkedItems); });\n\t};\n\n\trender() {\n\t\tthis.productoresData = this.props.producers\n\t\treturn (\n\t\t\t<>\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t{(this.props.hideChilds === false) && (\n\t\t\t\t\t\t- \n\t\t\t\t\t\t\t{this.productoresData.map((menu, index) => (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t this.enabledCheckbox(e, index + 1)} >\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t this.setProductorSelected(index + 1)} />\n\t\t\t\t\t\t\t\t\t\t\t{/* this.setProductorSelected(index + 1)} /> */}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{(this.state.productorSelected > 0) &&\n\t\t\t\t\t\t\t\tthis.productoresData.map((menu, index) => (\n\t\t\t\t\t\t\t\t\t(menu.items && menu.items.length > 0 && index + 1 === this.state.productorSelected) && (\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t 1) ? \"selectAll\" : \"normal\"}\n\t\t\t\t\t\t\t\t\t\t\t\tselectAllText=\"Todos\"\n\t\t\t\t\t\t\t\t\t\t\t\tselectionMode={(this.props.selectionMultiple) ? \"multiple\" : \"single\"}\n\t\t\t\t\t\t\t\t\t\t\t\tonItemSelectionChanged={this.setProductoresSelected}\n\t\t\t\t\t\t\t\t\t\t\t\tonSelectAllValueChanged={this.setProductoresSelectedAll}\n\t\t\t\t\t\t\t\t\t\t\t\titemRender={this.renderTreeViewItem}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\tProductores\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{(\n\t\t\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n}\n\nProducerSelectorEos.defaultProps = {\n\tproducers: [],\n\thideChilds: false,\n\tselectionMultiple: true\n};","import orderBy from \"lodash.orderby\";\nimport { MOCK_DATA } from \"../../../Config/mock-data\";\n\nexport const requestData = (pageSize, page, sorted, filtered) => {\n return new Promise(resolve => {\n let filteredData = MOCK_DATA.TABLES.makeData();\n\n if (filtered.length) {\n filteredData = filtered.reduce((filteredSoFar, nextFilter) => {\n return filteredSoFar.filter(row => {\n return `${row[nextFilter.id]}`.includes(nextFilter.value);\n });\n }, filteredData);\n }\n\n const sortedData = orderBy(\n filteredData,\n sorted.map(sort => {\n return row => {\n if (!row[sort.id]) {\n return -Infinity;\n }\n\n return typeof row[sort.id] === \"string\"\n ? row[sort.id].toLowerCase()\n : row[sort.id];\n };\n }),\n sorted.map(d => (d.desc ? \"desc\" : \"asc\"))\n );\n\n const res = {\n rows: sortedData.slice(pageSize * page, pageSize * page + pageSize),\n pages: Math.ceil(filteredData.length / pageSize)\n };\n\n setTimeout(() => resolve(res), 500);\n });\n};\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useEffect, useState } from \"react\";\nimport { object, string } from \"prop-types\";\nimport { GLOBAL } from \"../../Config/global\";\nimport { MOCK_DATA } from \"../../Config/mock-data\";\n\nimport {\n Table as TableComponent,\n Actions,\n CellInput,\n ConfirmationModal\n} from \"..\";\nimport { requestData } from \"../Table/utils\";\n\nconst PrimaryTable = ({ className, history }) => {\n const { TABLES } = MOCK_DATA;\n\n const [editingRow, setEditingRow] = useState(null);\n const [selection, setSelection] = useState([]);\n const [selectAll, setSelectAll] = useState(false);\n const [showDeleteModal, setShowDeleteModal] = useState(false);\n const [showExportModal, setShowExportModal] = useState(false);\n const [tableElementRef, setTableElementRef] = useState(null);\n const [rowModel, setRowModel] = useState({\n loading: false,\n pages: null,\n data: TABLES.makeData(),\n sorted: []\n });\n\n const toggleAllSelection = () => {\n if (selectAll) {\n const wrappedInstance = tableElementRef.current.getWrappedInstance();\n const currentRecords = wrappedInstance.getResolvedState().sortedData;\n\n setSelection(\n currentRecords.map(record => `select-${record._original.id}`)\n );\n } else {\n setSelection([]);\n }\n };\n\n const toggleSingleSelection = key => {\n const keyIndex = selection.indexOf(key);\n\n if (keyIndex >= 0) {\n setSelection([\n ...selection.slice(0, keyIndex),\n ...selection.slice(keyIndex + 1)\n ]);\n } else {\n setSelection([...selection, key]);\n }\n };\n\n const isSelected = key => selection.includes(`select-${key}`);\n\n const isEditing = key => editingRow && editingRow.index === key;\n\n const onToggleRowEdit = row => {\n setEditingRow(editingRow && editingRow.index === row.index ? null : row);\n };\n\n const defaultSortingMethod = (filter, row) => {\n return row._original[filter.id]\n .toLowerCase()\n .includes(filter.value.toLowerCase());\n };\n\n const handleCellKeyStroke = (event, row) =>\n event.which === 13 && onToggleRowEdit(row);\n\n const renderEditableCell = row =>\n editingRow && editingRow.index === row.index && row.column.editable ? (\n \n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tthis.productoresData.map((menu, index) => (\n\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t 1) ? \"selectAll\" : \"normal\"}\n\t\t\t\t\t\t\t\t\t\t\t\tselectAllText=\"Todos\"\n\t\t\t\t\t\t\t\t\t\t\t\tselectionMode={(this.props.selectionMultiple) ? \"multiple\" : \"single\"}\n\t\t\t\t\t\t\t\t\t\t\t\tonItemSelectionChanged={this.setProductoresSelected}\n\t\t\t\t\t\t\t\t\t\t\t\tonSelectAllValueChanged={this.setProductoresSelectedAll}\n\t\t\t\t\t\t\t\t\t\t\t\titemRender={this.renderTreeViewItem}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\n {isExpanded ? (\n \n {_original[id]}\n \n ) : (\n \n {_original[id]}\n \n )}\n
\n );\n },\n // eslint-disable-next-line react/no-multi-comp\n Filter: ({ filter, onChange }) => (\n \n \n
\n );\n };\n\n const NextArrow = () => {\n return (\n \n \n
\n );\n };\n\n // Emit selected startDate / endDate formatted as strings instead of Moment objects directly (more user friendly)\n useEffect(() => {\n onChange(\n Object.keys(dates).reduce(\n (accum, key) => ({\n ...accum,\n [key]: dates[key] ? dates[key].format(displayFormat) : dates[key]\n }),\n {}\n )\n );\n }, [dates, displayFormat, onChange]);\n\n return (\n \n {label && ()}\n
\n )\n}\n\nCombobox.defaultProps = {\n defaultValue: '',\n errorMsg: '',\n borderColor: '',\n label: '',\n id: '',\n isMulti: false,\n isSearchable: false,\n placeholder: ''\n};\n\nCombobox.propTypes = {\n errorMsg: string,\n borderColor: string,\n options: array.isRequired,\n label: string.isRequired,\n id: string.isRequired,\n isMulti: bool,\n isSearchable: bool\n};\n\nexport default Combobox;\n","import React from 'react'\nimport Button from '../../Button';\n\nfunction CRUDButtons({ onClick, customStyles, text, icon, colorOpc }) {\n return (\n \n )\n}\n\nexport default CRUDButtons;\n","import React from 'react';\nimport { Alert, Button } from \"..\";\nimport { GLOBAL } from '../../Config/global';\nimport userAuth from \"../../Config/userauth\";\n\nconst SimulatorWarning = props => {\n return (\n <>\n \n {!isMulti && (\n
\n {errorMsg.length ? {errorMsg} : null}\n \n
\n \n );\n}\n\nexport default SimulatorWarning;","import React from 'react';\nimport { func, string, bool } from 'prop-types';\nimport { AsyncTypeahead } from 'react-bootstrap-typeahead';\nimport 'react-bootstrap-typeahead/css/Typeahead.css';\nimport { GLOBAL } from '../../Config/global';\nimport { DEFAULT_HEADER } from '../../Config/userToken';\n\nlet PER_PAGE = 50;\nlet SEARCH_URI = '';\n\nfunction makeAndHandleRequest(query, page = 1) {\n\n return fetch(`${SEARCH_URI}&q=${query.toUpperCase()}&page=${page}&per_page=50`, {\n method: 'GET',\n headers: DEFAULT_HEADER.get(),\n })\n .then(resp => resp.json())\n .then(({ items, total_count }) => {\n /* eslint-disable-line camelcase */\n const options = items.map(i => ({\n id: i.id,\n value: i.value,\n message : i.message\n }));\n //console.log(options);\n return { options, total_count };\n });\n}\n\nclass Typeahead extends React.Component {\n constructor(props) {\n super(props)\n // console.log(props);\n this.state = {\n isLoading: false,\n options: [],\n query: '',\n selected: props.selected\n }\n }\n\n _cache = {};\n\n render(...props) {\n\n const { COMMON_SEARCH_FORM } = GLOBAL;\n\n SEARCH_URI = this.props.SEARCH_URI;\n\n return (\n \n
\n \n
\n \n \n
\n {GLOBAL.COMPONENTS_FORM.CONFIRM_TITLE}
\n\n
\n \n
\n \n
\n \n \n \n
\n \n \n `${option[this.props.labelKey]}`}\n maxResults={PER_PAGE - 1}\n minLength={2}\n onInputChange={this._handleInputChange}\n onPaginate={this._handlePagination}\n onSearch={this._handleSearch}\n onChange={this._handleChange}\n paginate\n searchText={COMMON_SEARCH_FORM.SEARCHING_TEXT}\n emptyLabel={COMMON_SEARCH_FORM.EMPTY_LABEL_TEXT}\n promptText={COMMON_SEARCH_FORM.PROMPT_TEXT}\n placeholder={this.props.placeholder}\n disabled={this.props.disabled}\n //defaultSelected={selected}\n selected={this.props.selected}\n renderMenuItemChildren={option => (\n
\n );\n }\n\n _handleInputChange = query => {\n let selected = [];\n this.props.onClean()\n this.setState({ query, selected });\n };\n\n _handlePagination = (e, shownResults) => {\n const { query } = this.state;\n const cachedQuery = this._cache[query];\n\n // Don't make another request if:\n // - the cached results exceed the shown results\n // - we've already fetched all possible results\n if (\n cachedQuery.options.length > shownResults ||\n cachedQuery.options.length === cachedQuery.total_count\n ) {\n return;\n }\n\n this.setState({ isLoading: true });\n\n const page = cachedQuery.page + 1;\n\n makeAndHandleRequest(query, page).then(resp => {\n const options = cachedQuery.options.concat(resp.options);\n this._cache[query] = { ...cachedQuery, options, page };\n this.setState({\n isLoading: false,\n options,\n });\n });\n };\n\n _handleSearch = query => {\n if (this._cache[query]) {\n this.setState({ options: this._cache[query].options });\n return;\n }\n\n this.setState({ isLoading: true });\n makeAndHandleRequest(query).then(resp => {\n this._cache[query] = { ...resp, page: 1 };\n this.setState({\n isLoading: false,\n options: resp.options,\n });\n });\n };\n\n _handleChange = selected => {\n if (selected.length) {\n this.props.onSelected(selected[0]);\n }\n }\n}\n\nTypeahead.propTypes = {\n id: string.isRequired,\n label: string.isRequired,\n placeholder: string.isRequired,\n labelKey: string.isRequired,\n borderColor: string.isRequired,\n errorMsg: string.isRequired,\n onSelected: func,\n onClean: func,\n disabled: bool\n};\n\nTypeahead.defaultProps = {\n label: '',\n placeholder: '',\n labelKey: 'value',\n borderColor: '',\n errorMsg: '',\n disabled: false,\n onSelected: () => {},\n onClean: () => {}\n };\n\nexport default Typeahead;","import React, { Component } from 'react'\nimport { Button, Checkbox, Combobox, DatePicker, Input, Alert, Radio } from '..';\nimport { GLOBAL } from '../../Config/global';\nimport { APPCONFIG } from '../../app.config';\nimport * as QLIBS from '../../qLibsHelpers';\nimport { APIS } from '../../Config/apis';\nimport userAuth from '../../Config/userauth';\nimport moment from \"moment\";\n\nconst PERIODOS = [\n { label: 'Diario', value: 0, disabled: false },\n { label: 'Semanal', value: 1, disabled: false },\n { label: 'Mensual', value: 2, disabled: false }\n];\n\nconst LEYENDAS_PERIODO = [\n '- Se enviará todos los dias a las 9 AM.',\n '- Se enviará una vez por semana el día lunes a las 9 AM.',\n '- Se enviará una vez por mes el primer lunes a las 9 AM.'\n];\n\nexport default class SchedulerModal extends Component {\n constructor(props) {\n super(props)\n\n this.state = {\n ramos: [],\n productos: [],\n errorMessage: '',\n submitOkMessage: '',\n classAvanzado: '',\n leyendaPeriodo: LEYENDAS_PERIODO[PERIODOS[1].value],\n iconAvanzado: 'fa fa-eye',\n fechas: false,\n habilitado: true,\n periodo: PERIODOS[1].value,\n periodo_label: PERIODOS[1].label,\n sendCriteria: [{\n \"dia\": \"\",\n \"hora\": \"\",\n \"habilitado\": false,\n },\n {\n \"dia\": \"\",\n \"hora\": \"\",\n \"habilitado\": false,\n },\n {\n \"dia\": \"\",\n \"hora\": \"\",\n \"habilitado\": false,\n },\n {\n \"dia\": \"\",\n \"hora\": \"\",\n \"habilitado\": false,\n },\n {\n \"dia\": \"\",\n \"hora\": \"\",\n \"habilitado\": false,\n },\n {\n \"dia\": \"\",\n \"hora\": \"\",\n \"habilitado\": false,\n },\n {\n \"dia\": \"\",\n \"hora\": \"\",\n \"habilitado\": false,\n }],\n searchCriteria: [\n {\n \"productores\": this.props.productores\n },\n {\n \"fechaDesde\": null,\n \"fechaHasta\": null,\n \"dias\": 60\n },\n {\n \"ramo\": null,\n \"producto\": null\n },\n {\n \"poliza\": null,\n \"certificado\": null,\n },\n {\n \"cores\": this.props.cores\n }\n ]\n }\n\n this.handleRadioChange = this.handleRadioChange.bind(this);\n }\n\n componentDidMount() {\n const { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\n QLIBS.fillCombo('ramos', PRODUCERURL + 'api/datos/GetComboValues?e=Ramo_' + this.props.reporte, this, GLOBAL.COMBO_EMPTY_ITEM, true);\n QLIBS.fillCombo('productos', PRODUCERURL + 'api/datos/GetComboValues?e=Producto_' + this.props.reporte, this, GLOBAL.COMBO_EMPTY_ITEM, true);\n\n let self = this;\n let api = this.props.api;\n QLIBS.fetchDataGET(APIS.URLS.SCHEDULER_GET + '?UserId=' + userAuth.userId() + '&UrlApi=' + api, true)\n .then((response) => {\n // console.log(response);\n let searchCriteria = self.state.searchCriteria;\n let sendCriteria = self.state.sendCriteria;\n let periodo = response.period;\n let habilitado = response.enabled;\n if (response) {\n if (response.execution && response.execution.length > 0) {\n for (let index = 0; index < response.execution.length; index++) {\n let value = response.execution[index];\n sendCriteria[value.day].dia = value.day;\n sendCriteria[value.day].hora = parseInt(value.hour.toString());\n sendCriteria[value.day].habilitado = true;\n document.getElementById('chk-' + value.day).checked = true;\n }\n }\n if (response.filter) {\n searchCriteria[1].fechaDesde = response.filter.fechaDesde ? response.filter.fechaDesde : null;\n searchCriteria[1].fechaHasta = response.filter.fechaHasta ? response.filter.fechaHasta : null;\n searchCriteria[1].dias = response.filter.dias ? response.filter.dias.toString() : null;\n searchCriteria[2].ramo = response.filter.ramo ? response.filter.ramo.toString() : null;\n searchCriteria[2].producto = response.filter.producto ? response.filter.producto.toString() : null;\n searchCriteria[3].poliza = response.filter.poliza ? response.filter.poliza.toString() : null;\n searchCriteria[3].certificado = response.filter.certificado ? response.filter.certificado.toString() : null;\n }\n }\n\n self.setState({\n searchCriteria,\n sendCriteria,\n periodo,\n habilitado,\n fechas: !(searchCriteria[1].fechaDesde == null && searchCriteria[1].fechaHasta == null)\n },\n () => {\n document.getElementById('nro_certificado_popup').value = response.filter.certificado ? response.filter.certificado.toString() : null;\n document.getElementById('nro_poliza_popup').value = response.filter.poliza ? response.filter.poliza.toString() : null;\n document.getElementById('dias').value = response.filter.dias ? response.filter.dias.toString() : null;\n document.getElementById('fecha_emision_desde_popup').value = response.filter.fechaDesde ? moment(response.filter.fechaDesde).format(\"DD/MM/YYYY\") : null;\n document.getElementById('fecha_emision_hasta_popup').value = response.filter.fechaHasta ? moment(response.filter.fechaHasta).format(\"DD/MM/YYYY\") : null;\n document.getElementById('chk-fechas').checked = this.state.fechas;\n document.getElementById('habilitado').checked = this.state.habilitado;\n // console.log(self.state);\n });\n });\n }\n\n handleComboChange = (selectedOption, event, index) => {\n let inputName = event.name;\n let inputValue = selectedOption.value;\n let searchCriteria = this.state.searchCriteria;\n let sendCriteria = this.state.sendCriteria;\n switch (inputName) {\n case \"ramos\":\n searchCriteria[2].ramo = inputValue;\n break;\n case \"productos\":\n searchCriteria[2].producto = inputValue;\n break;\n case \"cbx-\" + index:\n sendCriteria[index].dia = index;\n sendCriteria[index].hora = inputValue;\n break\n default:\n break;\n }\n this.setState({ searchCriteria, sendCriteria });\n };\n\n handleChange = event => {\n const isCheckbox = event.target.type === \"checkbox\";\n\n let inputName = event.target.name ? event.target.name : event.target.id;\n let inputValue = isCheckbox ? event.target.checked : event.target.value;\n\n let searchCriteria = this.state.searchCriteria;\n let habilitado = this.state.habilitado;\n\n switch (inputName) {\n case \"fecha_emision_desde_popup\":\n searchCriteria[1].fechaDesde = inputValue;\n break;\n case \"fecha_emision_hasta_popup\":\n searchCriteria[1].fechaHasta = inputValue;\n break;\n case \"dias\":\n searchCriteria[1].dias = inputValue;\n break;\n case \"nro_poliza_popup\":\n searchCriteria[3].poliza = inputValue;\n break;\n case \"nro_certificado_popup\":\n searchCriteria[3].certificado = inputValue;\n break;\n case \"habilitado\":\n habilitado = inputValue;\n break;\n default:\n break;\n }\n this.setState({ searchCriteria: searchCriteria, habilitado: habilitado }, () => {\n document.getElementById('habilitado').checked = this.state.habilitado;\n \n });\n };\n\n handleDayChange = (e, index) => {\n this.setState(prevState => {\n let item = Object.assign({}, prevState.sendCriteria);\n item[index].habilitado = !item[index].habilitado;\n return { item };\n });\n }\n\n handleDatesChange = () => {\n this.setState(prevState => {\n let entityCopy = Object.assign({}, prevState.searchCriteria);\n let value = !this.state.fechas;\n if (value) {\n entityCopy[1].dias = null;\n }\n else {\n entityCopy[1].fechaDesde = null;\n entityCopy[1].fechaHasta = null;\n }\n return { entityCopy };\n });\n this.setState({ fechas: !this.state.fechas }, () => {\n document.getElementById('dias').value = null;\n document.getElementById('fecha_emision_desde_popup').value = null;\n document.getElementById('fecha_emision_hasta_popup').value = null;\n // console.log(this.state)\n });\n }\n\n handleRadioChange = (e, v) => {\n let sendCriteria = this.state.sendCriteria;\n let value = e.target.value;\n\n for (let index = 0; index < 7; index++) {\n sendCriteria[index].dia = index;\n sendCriteria[index].hora = \"\";\n sendCriteria[index].habilitado = false;\n document.getElementById('chk-' + index).checked = false;\n }\n\n switch (value) {\n case '0': // diario\n for (let index = 0; index < 7; index++) {\n sendCriteria[index].dia = index;\n sendCriteria[index].hora = 9;\n sendCriteria[index].habilitado = true;\n document.getElementById('chk-' + index).checked = true;\n }\n break;\n\n case '1': // semanal\n case '2': // mensual\n sendCriteria[1].dia = 0;\n sendCriteria[1].hora = 9;\n sendCriteria[1].habilitado = true;\n document.getElementById('chk-' + 1).checked = true;\n break;\n\n default:\n break;\n }\n this.setState({ periodo: parseInt(value), periodo_label: PERIODOS[parseInt(value)].label, sendCriteria: sendCriteria, leyendaPeriodo: LEYENDAS_PERIODO[parseInt(value)] }, () => { console.log(this.state) });\n }\n\n validar() {\n\n\n if (this.state.fechas && (!this.state.searchCriteria[1].fechaDesde || !this.state.searchCriteria[1].fechaHasta)) {\n this.setState({ errorMessage: 'Es requerido seleccionar fecha desde/hasta.' });\n return false;\n }\n else if (!this.state.fechas && !this.state.searchCriteria[1].dias) {\n this.setState({ errorMessage: 'Es requerido ingresar cantidad de días.' });\n return false;\n }\n\n if (this.state.periodo === 0 && this.state.sendCriteria.filter(function (f) { return f.habilitado && f.hora }).length !== 7) {\n this.setState({ errorMessage: 'Es requerido seleccionar todos los dias con su horario seleccionado.' });\n return false;\n }\n\n if (this.state.periodo === 2 && this.state.sendCriteria.filter(function (f) { return f.habilitado && f.hora }).length !== 1) {\n this.setState({ errorMessage: 'Es requerido seleccionar un día y horario para realizar el envio mensual.' });\n return false;\n }\n else if (this.state.sendCriteria.filter(function (f) { return f.habilitado && f.hora }).length === 0) {\n this.setState({ errorMessage: 'Es requerido seleccionar al menos 1 día y horario.' });\n return false;\n }\n\n return true;\n }\n\n handleSubmit = () => {\n if (this.validar()) {\n let data = {\n 'UrlApi': this.props.api,\n 'UserId': userAuth.userId(),\n 'Period': this.state.periodo,\n 'Enabled': this.state.habilitado,\n 'Executions': this.state.sendCriteria\n .filter(function (f) { return f.habilitado && f.hora })\n .map(function (obj) {\n return {\n 'Day': obj.dia,\n 'Hour': obj.hora\n };\n }),\n 'Filters': {\n 'ProducerIds': this.state.searchCriteria[0].productores,\n 'Ramo': this.state.searchCriteria[2].ramo,\n 'Producto': this.state.searchCriteria[2].producto,\n 'Dias': !this.state.fechas ? this.state.searchCriteria[1].dias : null,\n 'FechaDesde': this.state.fechas ? this.state.searchCriteria[1].fechaDesde : null,\n 'FechaHasta': this.state.fechas ? this.state.searchCriteria[1].fechaHasta : null,\n 'Poliza': this.state.searchCriteria[3].poliza,\n 'Certificado': this.state.searchCriteria[3].certificado,\n 'Cores': this.state.searchCriteria[4].cores,\n }\n };\n // console.log(data);\n\n let props = this.props;\n QLIBS.fetchDataPOST(APIS.URLS.SCHEDULER_SAVE, data, true)\n .then((response) => {\n if (response) {\n this.setState({ submitOkMessage: 'Usted ha programado un envío ' + PERIODOS[this.state.periodo].label + ' que recibira por correo electrónico, para desactivar o modificar esta funcionalidad hagalo desde el boton Programar Envio' });\n setTimeout(function () { props.dismiss(); }, 5000);\n } else {\n this.setState({ errorMessage: '' });\n }\n\n });\n }\n }\n\n showHideAvanzado = () => {\n if (this.state.classAvanzado === '') {\n this.setState({ classAvanzado: 'avanzado', iconAvanzado: 'fa fa-eye-slash' });\n }\n else {\n this.setState({ classAvanzado: '', iconAvanzado: 'fa fa-eye' });\n }\n }\n\n render() {\n const { COMMON_MODAL_FORM, COMMON_SEARCH_FORM } = GLOBAL;\n return (\n \n {option[this.props.labelKey]}\n
\n )}\n useCache={false}\n />\n {this.props.errorMsg && this.props.errorMsg.length ? {this.props.errorMsg} : null}\n \n
\n )\n }\n}\n","import React from 'react'\nimport { Toast, Dropdown } from 'react-bootstrap';\nimport { element, func, string } from 'prop-types';\n\nexport default function Widgets(props) {\n const { title, children, onClick, filters, icon, titleHelp } = props;\n return (\n \n
\n \n
\n \n \n
\n CONFIGURAR SCHEDULER
\n\n {this.state.submitOkMessage.length > 0 && (\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n\n \n {[\"Domingo\", \"Lunes\", \"Martes\", \"Miercoles\", \"Jueves\", \"Viernes\", \"Sabado\"].map((day, dindex) => (\n
\n
\n Envio de reporte Selección de días y horarios
\n
| \n | \n \n | \n
\n
\n
\n Filtros Selección de filtros fijos
\n
\n
\n \n ({ value: item.id, label: item.value }))}\n onChange={(v, e) => { this.handleComboChange(v, e); }}\n defaultValue={this.state.searchCriteria[2].ramo}\n />\n
\n \n ({ value: item.id, label: item.value }))}\n onChange={(v, e) => { this.handleComboChange(v, e); }}\n defaultValue={this.state.searchCriteria[2].producto}\n />\n
\n \n
\n \n { this.handleDatesChange() }}\n smallPrint=\"Ingrese un nro de dias o fechas desde/hasta\"\n />\n
\n \n
\n \n
\n\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n {title}
) : (title))}\n \n \n\n
\n )\n }\n}\n\nexport default ViewsModal","import React from 'react';\nimport { bool, string, func } from \"prop-types\";\nimport { FileUploadMultiple, Button, Loading } from '..';\nimport userAuth from \"../../Config/userauth\";\nimport * as QLIBS from '../../qLibsHelpers';\nimport { APPCONFIG } from '../../app.config';\n\n\nclass UploadFileRepository extends React.Component {\n \n constructor(props) {\n super(props);\n\n this.state = {\n loadingForm: false,\n error: null,\n showModal: false\n }\n\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleResponse = this.handleResponse.bind(this);\n\n this.refFileUploadMultiple = React.createRef();\n }\n\n componentDidMount() {\n\n }\n\n handleShowBody() {\n this.setState({showModal: true });\n }\n\n handleHideBody() {\n this.setState({showModal: false });\n }\n\n\n\n handleSubmit() {\n\n const files = this.refFileUploadMultiple.current.getFiles();\n const listaFileName = files.map(f => { return f.name; });\n const listaFile = files.map(f => { return f.file; });\n\n this.setState({ loadingForm: true, error: null }, () => {\n\n QLIBS.fetchDataPOST(APPCONFIG.ENDPOINTS.PRODUCERURL + 'api/FileRepository/Upload', {\n 'Entity': this.props.entity,\n 'EntityId': this.props.entityId,\n 'FileName': listaFileName,\n 'File': listaFile,\n 'User': userAuth.userId()\n }, true)\n .then(this.handleResponse);\n\n });\n\n }\n\n handleResponse = response => {\n if (response.success) {\n this.setState({ loadingForm: false, error: null, showModal: false }, () => {\n if (this.props.callbackDone !== null) {\n this.props.callbackDone();\n }\n });\n }\n else {\n this.setState({ loadingForm: false, error: response.businessExceptions.map(x => x.message).join(\". \") });\n }\n }\n\n render() {\n\n return (\n <>\n \n
\n \n
\n \n \n
\n ADMINISTRAR VISTA DE COLUMNAS
\n\n\n
\n \n\n
\n\n Columnas visibles:
\n \n {this.state.listColumnsShow.map( col => {\n\n return (\n
\n \n {this.handleDragStart(event)}}\n onDragOver={(event) => {this.handleDragOver(event)}}\n onDrop={(event) => {this.handleDrop(event)}}\n >\n
\n );\n\n })\n }\n {col.title}
\n \n {this.state.listColumnsShow.length > 3 && \n \n }\n
\n Columnas ocultas:
\n \n {this.state.listColumnsHide.map( col => {\n \n return (\n
\n\n \n
\n );\n\n })\n }\n {col.title}
\n \n \n
\n \n \n \n
\n \n
\n )}\n \n \n\n \n );\n\n }\n\n}\n\nUploadFileRepository.propTypes = {\n entity: string,\n entityId: string,\n multiple: bool,\n callbackDone: func\n}\n\nUploadFileRepository.defaultProps = {\n entity: '',\n entityId: '',\n multiple: true,\n callbackDone: null\n}\n\nexport default UploadFileRepository;\n","/* eslint-disable no-undef */\n/* eslint-disable no-unused-vars */\nimport React from 'react';\nimport { HomeCarousel, HomeCommunication, HomeUserInfo, HomeAccountManagerInfo } from \"../../Components\";\n\n\nconst Home = props => {\n\n return (\n \n
\n \n
\n \n \n
\n Subir archivos
\n\n\n
\n \n
\n \n \n
\n \n \n
\n \n\n
\n )\n};\n\nexport default Home;","/* eslint-disable no-undef */\n/* eslint-disable no-unused-vars */\nimport React from \"react\";\nimport { Link, Redirect, withRouter } from \"react-router-dom\";\nimport loginImageDesktop from \"../../Resources/Images/FormImages/pantalla-login.jpg\";\nimport loginImageMobile from \"../../Resources/Images/FormImages/pantalla-login.jpg\";\nimport { Loading, Alert, Input, Button, FormTitle, Header, Checkbox } from \"../../Components\";\nimport InputCheck from '../../Resources/Images/Logos/input-check.png';\nimport InputError from '../../Resources/Images/Logos/input-error.png';\nimport { GLOBAL } from \"../../Config/global\";\nimport { FORM_ERRORS } from \"../../Config/form_errors\";\nimport { APPCONFIG } from '../../app.config';\nimport userAuth from \"../../Config/userauth\";\nimport Cookies from 'universal-cookie';\nimport { USER_TOKEN } from '../../Config/userToken';\nimport { checkPassword, ValidarCuit } from \"../../Shared/Utils/form_validation\";\nimport { ErrorLevel } from \"../../Components/Alert/errorLevel\";\n\nclass Login extends React.Component {\n constructor(props) {\n super(props);\n\n this.confirm = (new URLSearchParams(window.location.search).has(\"confirm\"));\n this.recover = (new URLSearchParams(window.location.search).has(\"recover-success\"));\n\n this.state = {\n name: '',\n redirect: null,\n showAlert : false\n };\n\n const cookies = new Cookies();\n let cookie = cookies.get('cookie-origenes');\n if (cookie) {\n //this.rememberMe = true;\n //this.setState({ name: this.state.name});\n this.userInfo = {\n cuit: cookie.cuit,\n password: cookie.password,\n rememberMe: cookie.rememberMe\n };\n } else {\n this.userInfo = { cuit: '', password: '' };\n }\n\n this.cuit = \"\";\n this.password = \"\";\n this.rememberMe = false;\n this.submitForm = false;\n\n this.handleKeyDown = this.handleKeyDown.bind(this);\n this.handleInputBlur = this.handleInputBlur.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleResponse = this.handleResponse.bind(this);\n }\n\n handleKeyDown = event => {\n // Chek which field\n if (event.target.id === \"password\") {\n if (event.keyCode !== 0 && event.keyCode !== 8 && event.keyCode !== 9 && event.keyCode !== 16 && event.keyCode !== 32 && event.keyCode !== 35 &&\n event.keyCode !== 36 && event.keyCode !== 37 && event.keyCode !== 39 && event.keyCode !== 46 &&\n (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 65 || event.keyCode > 90) && (event.keyCode < 96 || event.keyCode > 105)) {\n event.preventDefault();\n }\n } else {\n }\n };\n\n handleChange = event => {\n // Chek which field\n switch (event.target.id) {\n case \"cuit\":\n this.cuit = this.cuit.trim();\n if(parseInt.cuit){\n this.cuit = (event.target.value) ? event.target.value.replace(/-/g, \"\") : \"\";\n if (this.cuit.length === 11 && ValidarCuit(this.cuit)) {\n this.cuitError = \"\";\n this.cuitErrorBorderColor = \"success\";\n this.cuitErrorIcon = InputCheck;\n } else {\n this.cuitError = \"\";\n this.cuitErrorBorderColor = \"\";\n this.cuitErrorIcon = \"\";\n }\n }\n \n break;\n\n case \"password\":\n if (event.target.value.length >= 6 && checkPassword(event.target.value)) {\n this.passwordError = \"\";\n this.passwordErrorIcon = InputCheck;\n this.passwordErrorBorderColor = \"success\";\n } else {\n this.passwordError = \"\";\n this.passwordErrorIcon = \"\";\n this.passwordErrorBorderColor = \"\";\n }\n break;\n\n default:\n // Do Nothing\n break;\n }\n\n this.setState({ name: this.state.name })\n };\n\n handleInputBlur = event => {\n\n\n const { COMMON_ERRORS } = FORM_ERRORS;\n // Chek which field\n\n switch (event.target.id) {\n case \"cuit\":\n // Remove \"-\"\n this.cuit = (event.target.value) ? event.target.value.replace(/-/g, \"\") : \"\";\n this.cuit = this.cuit.trim();\n if(!parseInt.cuit){\n console.log(\"Es un email\");\n }\n else if (event.target.value.length <= 0) {\n this.cuitError = COMMON_ERRORS.INITIAL_MARKER + COMMON_ERRORS.EMPTY_FIELD;\n this.cuitErrorIcon = InputError;\n this.cuitErrorBorderColor = \"error\";\n } else {\n if (this.cuit.length === 11 && ValidarCuit(this.cuit)) {\n this.cuitError = \"\";\n this.cuitErrorBorderColor = \"success\";\n this.cuitErrorIcon = InputCheck;\n } else {\n // Validate data\n this.cuitValid = ValidarCuit(this.cuit);\n this.cuitErrorIcon = InputError;\n this.cuitErrorBorderColor = \"error\";\n this.cuitError = COMMON_ERRORS.INITIAL_MARKER + COMMON_ERRORS.CUIT_INVALID;\n\n }\n }\n break;\n case \"password\":\n if (event.target.value.length <= 0) {\n this.passwordError = COMMON_ERRORS.INITIAL_MARKER + COMMON_ERRORS.EMPTY_FIELD;\n this.passwordErrorIcon = InputError;\n this.passwordErrorBorderColor = \"error\";\n } else {\n if (event.target.value.length < 6) {\n this.passwordError = COMMON_ERRORS.INITIAL_MARKER + COMMON_ERRORS.FIELD_MIN_CHARACTERS_6;\n this.passwordErrorIcon = InputError;\n this.passwordErrorBorderColor = \"error\";\n } else if (!checkPassword(event.target.value)) {\n this.passwordError = COMMON_ERRORS.INITIAL_MARKER + COMMON_ERRORS.PASSWORD_INVALID_PATTERN;\n this.passwordErrorIcon = InputError;\n this.passwordErrorBorderColor = \"error\";\n } else {\n this.passwordError = \"\";\n this.passwordErrorIcon = InputCheck;\n this.passwordErrorBorderColor = \"success\";\n }\n }\n break;\n default:\n // Do Nothing\n break;\n }\n\n this.setState({ name: this.state.name });\n };\n\n handleSubmit = event => {\n\n const { APPNAME } = GLOBAL;\n const { COMMON_ERRORS } = FORM_ERRORS;\n const { SECURITYURL } = APPCONFIG.ENDPOINTS;\n\n event.preventDefault();\n new FormData(event.target);\n\n this.confirm = false;\n this.recover = false;\n this.submitForm = true;\n this.cuit = event.target.cuit.value;\n this.password = event.target.password.value;\n this.rememberMe = event.target.remember.checked;\n\n this.cuitError = \"\";\n this.passwordError = \"\";\n this.formError = \"\";\n this.formErrorLevel = ErrorLevel.Error;\n\n this.cuitErrorIcon = \"\";\n this.passwordErrorIcon = \"\";\n this.cuitErrorBorderColor = \"\";\n this.passwordErrorBorderColor = \"\";\n\n this.loadingForm = false;\n\n if (!this.cuit || (parseInt(this.cuit) && this.cuit.length < 11)) {\n this.cuitError = COMMON_ERRORS.INITIAL_MARKER + COMMON_ERRORS.EMPTY_FIELD;\n }\n if (!this.password) {\n this.passwordError = COMMON_ERRORS.INITIAL_MARKER + COMMON_ERRORS.EMPTY_FIELD;\n }\n\n if (!this.cuitError) {\n // Validate data\n if(parseInt(this.cuit)){\n this.cuit = (this.cuit) ? this.cuit.replace(/-/g, \"\") : \"\";\n this.cuitValid = ValidarCuit(this.cuit);\n }\n else\n this.cuitValid = true;\n \n if (!this.cuitValid) {\n this.cuitError = COMMON_ERRORS.INITIAL_MARKER + COMMON_ERRORS.CUIT_INVALID;\n }\n }\n\n if (!this.passwordError) {\n if (this.password.length < 6) {\n this.passwordError = COMMON_ERRORS.INITIAL_MARKER + COMMON_ERRORS.FIELD_MIN_CHARACTERS_6;\n }\n }\n\n if (this.cuitError || this.passwordError) {\n this.cuitErrorIcon = (this.cuitError) ? InputError : InputCheck;\n this.cuitErrorBorderColor = (this.cuitError) ? \"error\" : \"success\";\n this.passwordErrorIcon = (this.passwordError) ? InputError : \"\";\n this.passwordErrorBorderColor = (this.passwordError) ? \"error\" : \"success\";\n this.loadingForm = false;\n this.setState({ name: this.state.name })\n } else {\n this.cuitErrorIcon = InputCheck;\n this.cuitErrorBorderColor = \"success\";\n this.loadingForm = true;\n this.setState({ name: this.state.name });\n\n const requestOptions = {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n Username: this.cuit,\n Password: this.password,\n RememberMe: this.rememberMe,\n Application: APPNAME\n })\n };\n\n return fetch(SECURITYURL + \"account/login\", requestOptions)\n .then((response) => {\n return response.json()\n })\n .then(this.handleResponse)\n .catch(this.handleResponse);\n }\n };\n\n handleResponse(response) {\n const cookies = new Cookies();\n if(response){\n this.responseBase = response;\n }\n if (response.success) {\n\n if (response.isLogon) {\n if (this.rememberMe) {\n cookies.set('cookie-origenes', { cuit: this.cuit, password: this.password, rememberMe: this.rememberMe });\n } else {\n cookies.remove('cookie-origenes');\n }\n userAuth.authenticate(response.userInfo, () => {\n if (response.authenticationResult && response.authenticationResult.success) {\n USER_TOKEN.set({ token: response.authenticationResult.token, refreshToken: response.authenticationResult.refreshToken });\n }\n });\n\n //verifica los datos del usuario y asegura que exista el cache de los mismos\n var self = this;\n var api = APPCONFIG.ENDPOINTS.PRODUCERURL + \"api/login/CheckUserInfo?userId=\" + response.user.id;\n fetch(api)\n .then(() => {\n this.loadingForm = false;\n self.setState({ redirect: \"/home\" });\n })\n .catch((error) => {\n this.loadingForm = false;\n console.log(error);\n });\n }\n else{\n this.loadingForm = false;\n this.setState({ showAlert : true})\n }\n }\n else{\n this.loadingForm = false;\n this.setState({ showAlert : true})\n }\n }\n\n onKeyDown = (event) => {\n // 'keypress' event misbehaves on mobile so we track 'Enter' key via 'keydown' event\n if (event.key === 'Enter') {\n event.preventDefault();\n event.stopPropagation();\n document.getElementById(\"btnSubmit\").click();\n }\n }\n\n render() {\n const { LOGIN_FORM, LOGIN } = GLOBAL;\n const mailNotReceived = {\n color: '#76777A',\n fontSize: '11px'\n };\n const mailNotReceivedAnchor = {\n color: '#00945E',\n fontSize: '12px'\n };\n\n if (this.state.redirect) {\n return \n\n
\n \n \n
\n \n
\n \n
\n \n ![\"Marketing](\"./images/Home/marketing_digital.png\")
\n
\n \n \n
\n\n \n
\n \n
\n \n ![\"Capacitaciones\"](\"./images/Home/capacitacion.png\")
\n
\n \n \n
\n \n
\n \n
\n \n
\n {LOGIN.TITLE}
\n{LOGIN.PORTAL}
\n\n
\n \n
\n \n
\n {LOGIN.TITLE}
\n{LOGIN.SUBTITLE}
\n\n {\n (this.state.showAlert && this.responseBase.businessExceptions) &&\n
\n \n
\n }\n \n \n
\n {/*MainContainer__Center */}\n
\n \n
\n {/*divExpandImg */}\n 
\n
\n \n
\n \n {\n (this.state.error) &&\n
\n \n \n
\n }\n {\n (this.formValidated && !this.state.error) &&\n \n
\n \n
\n }\n {\n (this.recover) &&\n \n
\n \n
\n }\n \n \n
\n \n
\n \n \n
\n \n
\n \n {\n (this.state.error) &&\n
\n \n \n
\n }\n {\n (this.formValidated && !this.state.error) &&\n \n
\n \n
\n }\n \n \n
\n \n
\n \n \n
\n \n
\n \n {\n (this.formError) &&\n
\n \n \n
\n }\n {\n (this.formValidated && !this.formError) &&\n \n
\n \n
\n }\n \n \n
\n \n
\n \n
\n \n 
\n
\n \n
\n \n \n\n
\n \n \n
\n \n
\n \n
\n \n {REGISTER_VALIDATION.TITLE}\n
\n\n
\n \n {REGISTER_VALIDATION.SUBTITLE}\n
\n \n
\n \n
\n \n \n
\n \n
\n \n {\n (this.cuitError || this.passwordError) &&\n
\n \n \n
\n }\n {\n (this.formError) &&\n \n
\n \n
\n }\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n { USER_OPTIONS.PLATFORM }\n
\n\n
\n \n
\n \n { USER_OPTIONS.SMALLPRINT }\n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n { USER_OPTIONS.SMALLPRINT }\n
\n\n
\n \n \n
\n \n\n
\n \n {\n (this.passwordError || this.confirmacionError) &&\n
\n \n \n
\n }\n {\n (this.state.error) &&\n \n
\n \n
\n }\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n { COMPONENTS_FORM.TITLE }
\n\n
\n \n
\n \n { COMPONENTS_FORM.SUBTITLE }\n
\n\n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n { COMPONENTS_FORM.TITLE }
\n\n
\n \n
\n \n { COMPONENTS_FORM.SUBTITLE }\n
\n\n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n { COMPONENTS_FORM.TITLE }
\n\n
\n \n
\n \n { COMPONENTS_FORM.SUBTITLE }\n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {FORM_SUCCESS.TITLE}\n
\n\n
\n \n {FORM_SUCCESS.SUBTITLE}\n
\n \n {MASTER_DATA.infoCards.map(items => (\n
\n \n
\n ))}\n \n
\n \n
\n \n
\n \n
\n \n
\n {TABLE_VIEW.TITLE}
\n\n
\n \n
\n {TABLE_VIEW.SUBTITLE}
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {TABLE_VIEW.TITLE}
\n\n
\n \n
\n {TABLE_VIEW.SUBTITLE}
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n {\n ROUTES.map(({name, link}) => (\n \n
\n
\n
\n
\n \n
\n \n
\n
\n
\n \n
\n
\n
{DEMO.MENU}
\n\n
\n
\n {DEMO.SUBTITLE}
\n\n
\n ))\n }\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {\n HOME_PAGE.benefits.map(items => (\n
\n \n
\n ))\n }\n \n
\n )\n }\n}\n\nexport default PolicyInfoModal","import React, { useState } from 'react'\nimport { Accordion, Card, Button } from \"react-bootstrap\";\nimport {\n Loading,\n Table as TableComponent,\n} from \"../../../Components\";\nimport * as QLIBS from '../../../qLibsHelpers';\nimport { DEFAULT_HEADER } from '../../../Config/userToken';\nimport { APPCONFIG } from '../../../app.config';\nimport moment from 'moment';\nimport { Actions } from '../../../Components/GridComponents';\nimport { APIS } from '../../../Config/apis';\nimport userAuth from '../../../Config/userauth';\nimport InformationModal from '../../../Components/InformationModal';\n\n\nconst { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\nconst requestOptions = {\n method: 'GET',\n headers: DEFAULT_HEADER.get()\n};\n\nconst SectionEnum = {\n GrupoFamiliar: 1,\n DireccionPoliza: 2,\n Coberturas: 3,\n Beneficiarios: 4,\n ComposicionPremio: 5,\n FormaDePago: 6,\n Facturacion: 7,\n Rechazos: 8,\n Certificados: 9\n};\n\nconst initSections = [\n {\n id: SectionEnum.GrupoFamiliar,\n title: 'Grupo Familiar',\n loaded: false,\n core: 'EOS'\n },\n {\n id: SectionEnum.DireccionPoliza,\n title: 'Dirección de Póliza',\n loaded: false,\n core: 'EOS'\n },\n {\n id: SectionEnum.Coberturas,\n title: 'Coberturas',\n loaded: false,\n core: 'EOS'\n },\n {\n id: SectionEnum.Beneficiarios,\n title: 'Beneficiarios',\n loaded: false,\n core: 'EOS'\n },\n {\n id: SectionEnum.ComposicionPremio,\n title: 'Composición de Premio',\n loaded: false,\n secondLevel: true\n },\n {\n id: SectionEnum.FormaDePago,\n title: 'Forma de Pago',\n loaded: false\n },\n {\n id: SectionEnum.Facturacion,\n title: 'Facturación',\n loaded: false,\n expandable: true\n },\n {\n id: SectionEnum.Rechazos,\n title: 'Rechazos',\n loaded: false,\n secondLevel: true\n },\n {\n id: SectionEnum.Certificados,\n title: 'Certificados',\n loaded: false,\n core: 'EOS',\n download: true\n },\n];\n\nfunction dateFormat(val) {\n return val ? moment(val).format('DD/MM/YYYY') : null;\n}\n\nfunction moneyFormat(val) {\n return val ? \"$ \" + val.toLocaleString(\"es-AR\", {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2\n }) : null;\n};\n\nconst columnsDef = {\n [SectionEnum.Certificados]: {\n \"CertificadoNumero\": { title: \"Nro. Certificado\" },\n \"NombreAsegurado\": { title: \"Nombre\" },\n \"ApellidoAsegurado\": { title: \"Apellido\" },\n \"NumeroDniAsegurado\": { title: \"DNI\" },\n \"SexoAsegurado\": { title: \"Sexo\" },\n },\n [SectionEnum.GrupoFamiliar]: {\n \"NROLEDESC\": { title: \"Rol\" },\n \"SCLIENTDESC\": { title: \"Nombre\" },\n \"DBIRTHDAT\": { title: \"Fecha de nacimiento\", format: dateFormat },\n \"NRODOC\": { title: \"Documento\" },\n },\n [SectionEnum.DireccionPoliza]: {\n \"SRECTYPEDESC\": { title: \"Tipo\" },\n \"SDESCADD\": { title: \"Dirección\" },\n \"SZIP_CODE\": { title: \"Código Postal\" },\n \"NLOCALDESC\": { title: \"Localidad\" },\n \"NPROVINCEDESC\": { title: \"Provincia\" },\n },\n [SectionEnum.Coberturas]: {\n \"NCOVERDESC\": { title: \" Nombre Cobertura\" },\n \"NCAPITAL\": { title: \"Suma Asegurada\" },\n \"DEFFECDATE\": { title: \" Fecha Vigencia Desde\", format: dateFormat }, // TODO: falta incluir este campo en el response\n },\n [SectionEnum.Beneficiarios]: {\n \"SCLIENTDESC\": { title: \"Nombre\" },\n \"DBIRTHDAT\": { title: \" Fecha de Nacimiento\", format: dateFormat },\n \"NPARTICIP\": { title: \"Porcentaje de participación\" },\n \"NGROUPBEN\": { title: \"Orden Beneficiario\" },\n \"NRELATIONDESC\": { title: \"Relación\" }\n },\n // [SectionEnum.ComposicionPremio]: {\n // \"STYPE_DETAIDESC\": { title: \"Tipo Registro\" },\n // \"NDISSUR_TYPEDESC\": { title: \"Subtipos recargo\" },\n // \"NPREMIUM\": { title: \"Total importe\" } \n // },\n [SectionEnum.ComposicionPremio]: {\n \"CONCEPTO\": { title: \"Concepto\", width: 200 },\n \"DESCRIPCION\": { title: \"Descripción\", width: 500 },\n \"PRIMA\": { title: \"Monto\", format: moneyFormat, summarize: true, signo: '$' }\n },\n [SectionEnum.FormaDePago]: {\n \"SCLIENTDESC\": { title: \"Nombre\" },\n \"NTYP_CRECARDDESC\": { title: \"Tipo Tarjeta\" },\n \"SCREDI_CARDCONFIDENTIALIT\": { title: \"Número de Tarjeta\" },\n \"DCARDEXPIR\": { title: \"Fecha vencimiento de Tarjeta de Crédito\", format: dateFormat },\n \"NBANKEXTDESC\": { title: \"Banco\" },\n \"SCBU\": { title: \"Código CB\" }\n },\n [SectionEnum.Facturacion]: {\n \"NRECEIPT\": { title: \"Nro. Factura\" },\n \"DISSUEDAT\": { title: \"Fecha Emisión\" },\n \"DEFFECDATE\": { title: \"Fecha Inicio vigencia\" },\n \"DEXPIRDAT\": { title: \"Fecha Fin vigencia\" },\n \"DPAYDATE\": { title: \"Última Aplicación\" },\n \"DLIMITDATE\": { title: \"Fecha de vencimiento\" },\n \"NPREMIUM\": { title: \"Premio\" },\n \"NBALANCE\": { title: \"Saldo Pendiente\" },\n \"NSTATUS_PREDESC\": { title: \"Estado\" }\n },\n [SectionEnum.Rechazos]: {\n \"DLEDGERDAT\": { title: \"Fecha Movimiento\", format: dateFormat },\n \"BULLETINSNCOD_AGREEDESC\": { title: \"Medio de Pago\" },\n \"NPAYREJECTDESC\": { title: \"Causa de Rechazo\" },\n \"NBALANCE\": { title: \"Saldo\" },\n \"NBULLETINS\": { title: \"Cupon\" }\n }\n};\n\nconst apiMethods = {\n [SectionEnum.Certificados]: (props) => `datos/CertificadosIndividuales?agreBaseKey=${props.original.agre_Base_Key}`,\n [SectionEnum.GrupoFamiliar]: (props) => `producer/GetRoles?poliza=${props.original.agre_Base_Id}`,\n [SectionEnum.DireccionPoliza]: (props) => `producer/GetDirecciones?poliza=${props.original.agre_Base_Key}`,\n [SectionEnum.Coberturas]: (props) => `producer/GetCoberturas?poliza=${props.original.agre_Base_Id}`,\n [SectionEnum.Beneficiarios]: (props) => `producer/GetBeneficiarios?poliza=${props.original.agre_Base_Id}`,\n [SectionEnum.FormaDePago]: (props) => `producer/GetFormaPago?idRamo=${props.original.ramo}&idProducto=${props.original.productCodeVt}&idCertificado=${props.original.certificateNumber}&poliza=${props.original.policyNumberVt}`,\n [SectionEnum.Facturacion]: (props) => `producer/GetFacturas?idRamo=${props.original.ramo}&idProducto=${props.original.productCodeVt}&idCertificado=${props.original.certificateNumber}&poliza=${props.original.policyNumberVt}`,\n [SectionEnum.ComposicionPremio]: (props) => `producer/GetPremioAgrupado?factura=${props.original.NRECEIPT}`,\n [SectionEnum.Rechazos]: (props) => `producer/GetRechazos?idRamo=${props.original.ramo}&idProducto=${props.original.productCodeVt}&idCertificado=${props.original.certificateNumber}&factura=${props.original.NRECEIPT}`\n};\n\nconst apiResponses = {\n [SectionEnum.GrupoFamiliar]: 'Beneficiarios',\n [SectionEnum.DireccionPoliza]: 'Direcciones',\n [SectionEnum.Coberturas]: 'Coberturas',\n [SectionEnum.Beneficiarios]: 'Beneficiarios',\n [SectionEnum.ComposicionPremio]: 'PremioAgrupado',\n [SectionEnum.FormaDePago]: 'FormaPago',\n [SectionEnum.Facturacion]: 'Facturas',\n [SectionEnum.Rechazos]: 'Rechazos',\n [SectionEnum.Certificados]: 'Certificados',\n};\n\n\nclass PolicyDetailGrid extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n polizaId : props.original.id,\n columns: this.getColumns(props),\n data: [],\n loading: false,\n width: (props.width === undefined || props.width === null) ? '100%' : props.width.toString() + 'px'\n };\n }\n\n getColumns(props) {\n const section = initSections.find(e => e.id === props.id);\n const columns = QLIBS.getTableColumns(columnsDef[props.id])\n if (section.download && props.original.source === 'VT') {\n columns.unshift({\n Header: \"Certificado\",\n accessor: \"actions\",\n width: 100,\n style: {\n display: 'flex',\n alignItems: 'center'\n },\n filterable: false,\n sortable: false,\n resizable: true,\n Cell: row => (\n \n
\n \n
\n \n \n
\n Información detallada
\n\n \n \n \n \n
\n\n \n
\n \n );\n }\n}\n\n\n\nconst PolicyRowDetail = (props) => {\n const filteredSections = initSections.filter(e => e.secondLevel === props.secondLevel)\n const [sections, setSections] = useState(JSON.parse(JSON.stringify(filteredSections)));\n const loadSection = (id) => {\n const section = sections.find(e => e.id === id);\n console.log('loadSection', id, section);\n if (section.loaded)\n return;\n\n const expandable = section.expandable && !props.secondLevel\n\n section.grid = \n {\n const propsJoin = Object.assign({}, { ...this.props }, { ...props }, { original: Object.assign({}, { ...this.props.original }, { ...props.original }) })\n return (
\n \n {disableToggle && <>\n \n {sections.map(e => (\n \n \n loadSection(e.id)}\n >\n {e.title}\n \n \n \n {e.grid} \n \n \n ))}\n \n
\n\n );\n};\n\nexport default PolicyRowDetail;\n","/* eslint-disable jsx-a11y/heading-has-content */\nimport React from 'react';\nimport {\n\tAlert,\n\tBreadcrumb,\n\tButton,\n\tDatePicker,\n\tInput,\n\tLoading,\n\tTable as TableComponent,\n\tTabsPanel,\n\tCombobox,\n\tSchedulerModal,\n\tViewsModal,\n\tConfirmationModal,\n\tLabelSection,\n\tProducerSelectorEos\n} from \"../../Components\";\nimport Actions from \"../../Components/GridComponents/Actions\";\nimport 'react-dates/initialize';\nimport 'devextreme/dist/css/dx.common.css';\nimport 'devextreme/dist/css/dx.light.css';\nimport { GLOBAL } from \"../../Config/global\";\nimport { FORM_DATA } from \"../../Config/form_data\";\nimport \"font-awesome/css/font-awesome.min.css\";\nimport { APPCONFIG } from '../../app.config';\nimport moment from \"moment\";\nimport { loadProducerCode } from '../../Config/producerData';\nimport { truncate } from '../../Shared/Utils';\nimport userAuth from \"../../Config/userauth\";\nimport * as QLIBS from '../../qLibsHelpers';\nimport { DEFAULT_HEADER } from '../../Config/userToken';\nimport { PolicyInfoModal } from './policyInfoModal';\nimport PolicyRowDetail from './partials/policyRowDetail';\nimport { APIS } from '../../Config/apis';\nimport { ErrorLevel } from '../../Components/Alert/errorLevel';\n\nclass Cartera extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.filterTabs = [\n\t\t\t{\n\t\t\t\tlabel: 'Filtro por Productor'\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'Filtro por Fecha'\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'Filtro por Producto'\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'Filtro por Póliza'\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'Filtro por Cliente'\n\t\t\t}\n\t\t];\n\t\tthis.state = {\n\t\t\ttableData: [],\n\t\t\tramos: [],\n\t\t\tproductos: [],\n\t\t\tproductosLabel: [],\n\t\t\tname: '',\n\t\t\tcheckedItems: [],\n\t\t\tproductorSelected: 0,\n\t\t\tshowPolicyInfoModal: false,\n\t\t\tshowViewsModal: false,\n\t\t\tselectedRow: null,\n\t\t\tpoliza: null,\n\t\t\tenableFilterTabs: false,\n\t\t\tloadingData: false,\n\t\t\tcertificadoGenerado: false,\n\t\t\tsearchEnabled: true,\n\t\t\tfiltersSelected: true,\n\t\t\tfilterTabActive: undefined,\n\t\t\tfilters: [],\n\t\t\tsort: [],\n\t\t\ttotalesPrima: 0,\n\t\t\ttotalesPremio: 0,\n\t\t\ttotalesPremioUsd: 0,\n\t\t\ttotalesPrimaUsd: 0,\n\t\t\tsearchCriteria: [\n\t\t\t\t{\n\t\t\t\t\t\"productores\": []\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"fechaDesde\": null,\n\t\t\t\t\t\"fechaHasta\": new Date(new Date().setHours(0, 0, 0, 0))\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"ramo\": '',\n\t\t\t\t\t\"producto\": ''\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"poliza\": null,\n\t\t\t\t\t\"certificado\": null,\n\t\t\t\t\t\"estado\": null\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"nombre\": null,\n\t\t\t\t\t\"apellido\": null,\n\t\t\t\t\t\"dni\": null\n\t\t\t\t}\n\t\t\t],\n\t\t\tsearchCriteriaText: \"\",\n\t\t\tproductoresData: [],\n\t\t\tshowSchedulerModal: false,\n\t\t\ticonFilter: 'fa fa-eye',\n\t\t\tshowFilters: false\n\t\t};\n\t\tthis.logoutModalVisible = false;\n\t\tthis.producerSelector = React.createRef();\n\t\tthis.showResults = false;\n\t\tthis.page = 0;\n\t\tthis.pageSize = 10;\n\t\tthis.pages = 0;\n\t\tthis.totalItems = 0;\n\t\tthis.searchResultsError = \"\";\n\n\t\tthis.searchTableDownloadColumn = {\n\t\t\tHeader: \"Certificado\",\n\t\t\taccessor: \"actions\",\n\t\t\twidth: 100,\n\t\t\tstyle: {\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center'\n\t\t\t},\n\t\t\tfilterable: false,\n\t\t\tsortable: false,\n\t\t\tresizable: true,\n\t\t\tCell: row => (\n\t\t\t\t\n Momentáneamente, algunas secciones de esta póliza están desactivadas.\n
\n }\n \n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n
\n \n
\n\n \n \n
\n \n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{PAGES.TITLE.DEBT_FREE}
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t(this.state.error) &&\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t(this.state.success) &&\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\")}` });\n\t\t\t});\n\t}\n\n\n\trender(...props) {\n\t\tconst { SEND_PAYROLL, PAGES } = GLOBAL;\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{PAGES.TITLE.SEND_PAYROLL}
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t(this.state.error) &&\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t(this.state.success) &&\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{PAGES.TITLE.RUBRIC_DIGITAL}
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t(this.state.error) &&\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t', '\\n')).join(\"\"),\n\t\t\t\tredirect: null,\n\t\t\t\tloadingForm: false\n\t\t\t}, () => console.log(this.state));\n\t\t}\n\t}\n\n\thandleDeleteItem(e, i) {\n\t\tthis.setState(prevState => {\n\t\t\tlet itemList = [];\n\t\t\titemList.push(...prevState.itemList);\n\t\t\titemList.splice(i, 1);\n\t\t\treturn { itemList };\n\t\t}, () => console.log(this.state));\n\t}\n\n\thandleAddItem = event => {\n\t\tconst { COMMON_ERRORS, CUSTOM_ERRORS } = FORM_ERRORS;\n\t\tevent.preventDefault();\n\n\t\tthis.errorMes = \"\";\n\t\tthis.errorEmpresa = \"\";\n\t\tthis.errorRamos = \"\";\n\t\tthis.errorImporte = \"\";\n\t\t// this.errorTipoFactura = \"\";\n\t\t// this.errorCondTributaria = \"\";\n\t\t// this.errorNroFactura = \"\";\n\n\t\tthis.errorMesBorderColor = \"\";\n\t\tthis.errorEmpresaBorderColor = \"\";\n\t\tthis.errorRamosBorderColor = \"\";\n\t\tthis.errorImporteBorderColor = \"\";\n\t\t// this.errorTipoFacturaBorderColor = \"\";\n\t\t// this.errorCondTributariaBorderColor = \"\";\n\t\t// this.errorNroFacturaBorderColor = \"\";\n\n\t\t// Validate every combo\n\t\tthis.errorInForm = false;\n\t\tif (!this.state.item.mes) {\n\t\t\tthis.errorMes = COMMON_ERRORS.INITIAL_MARKER + COMMON_ERRORS.SELECT_OPTION;\n\t\t\tthis.errorInForm = true;\n\t\t}\n\t\tif (!this.state.item.empresa) {\n\t\t\tthis.errorEmpresa = COMMON_ERRORS.INITIAL_MARKER + COMMON_ERRORS.SELECT_OPTION;\n\t\t\tthis.errorInForm = true;\n\t\t}\n\t\tif (!this.state.item.ramos) {\n\t\t\tthis.errorRamos = COMMON_ERRORS.INITIAL_MARKER + COMMON_ERRORS.SELECT_OPTION;\n\t\t\tthis.errorInForm = true;\n\t\t}\n\t\tif (!this.state.item.importe) {\n\t\t\tthis.errorImporte = COMMON_ERRORS.INITIAL_MARKER + COMMON_ERRORS.EMPTY_FIELD_LONG;\n\t\t\tthis.errorInForm = true;\n\t\t}\n\t\t// if (!this.state.item.tipofactura) {\n\t\t// \tthis.errorTipoFactura = COMMON_ERRORS.INITIAL_MARKER + COMMON_ERRORS.EMPTY_FIELD_LONG;\n\t\t// \tthis.errorInForm = true;\n\t\t// }\n\t\t// if (!this.state.item.condtributaria) {\n\t\t// \tthis.errorCondTributaria = COMMON_ERRORS.INITIAL_MARKER + COMMON_ERRORS.EMPTY_FIELD_LONG;\n\t\t// \tthis.errorInForm = true;\n\t\t// }\n\t\t// if (!this.state.item.nrofactura) {\n\t\t// \tthis.errorNroFactura = COMMON_ERRORS.INITIAL_MARKER + COMMON_ERRORS.EMPTY_FIELD_LONG;\n\t\t// \tthis.errorInForm = true;\n\t\t// }\n\t\t// else if (this.state.item.nrofactura.length < 3){\n\t\t// \tthis.errorNroFactura = COMMON_ERRORS.INITIAL_MARKER + COMMON_ERRORS.FIELD_MIN_CHARACTERS_3;\n\t\t// \tthis.errorInForm = true;\n\t\t// }\n\t\t// else if (!validarNroFactura(this.state.item.nrofactura)) {\n\t\t// \tthis.errorNroFactura = COMMON_ERRORS.INITIAL_MARKER + CUSTOM_ERRORS.NRO_FACTURA_ERROR;\n\t\t// \tthis.errorInForm = true;\n\t\t// }\n\t\tif (this.errorInForm) {\n\t\t\tthis.errorMesBorderColor = (this.errorMes) ? \"error\" : \"success\";\n\t\t\tthis.errorEmpresaBorderColor = (this.errorEmpresa) ? \"error\" : \"success\";\n\t\t\tthis.errorRamosBorderColor = (this.errorRamos) ? \"error\" : \"success\";\n\t\t\tthis.errorImporteBorderColor = (this.errorImporte) ? \"error\" : \"success\";\n\t\t\t// this.errorTipoFacturaBorderColor = (this.errorTipoFactura) ? \"error\" : \"success\";\n\t\t\t// this.errorCondTributariaBorderColor = (this.errorCondTributaria) ? \"error\" : \"success\";\n\t\t\t// this.errorNroFacturaBorderColor = (this.errorNroFactura) ? \"error\" : \"success\";\n\t\t\tthis.setState({ success: false, error: '' });\n\t\t} else {\n\t\t\tthis.setState(prevState => {\n\t\t\t\tlet itemList = [];\n\t\t\t\titemList.push(...prevState.itemList);\n\t\t\t\titemList.push(prevState.item);\n\n\t\t\t\tlet item = Object.assign({}, prevState.item);\n\t\t\t\titem['empresa'] = null;\n\t\t\t\titem['empresaString'] = '';\n\t\t\t\t// item['tipofactura'] = null;\n\t\t\t\t// item['tipofacturaString'] = '';\n\t\t\t\t// item['condtributaria'] = null;\n\t\t\t\t// item['condtributariaString'] = '';\n\t\t\t\titem['ramos'] = null;\n\t\t\t\titem['ramosString'] = '';\n\t\t\t\titem['nrofactura'] = '';\n\t\t\t\titem['importe'] = '';\n\t\t\t\t//item['mes'] = null;\n\t\t\t\t//item['desde'] = '';\n\t\t\t\t//item['hasta'] = '';\n\t\t\t\titem['files'] = [];\n\n\t\t\t\tlet btnUploadNewInvoice = 'block';\n\t\t\t\tlet sectionForm = 'none';\n\n\t\t\t\treturn { itemList, item, btnUploadNewInvoice, sectionForm };\n\t\t\t}, () => {\n\t\t\t\tvar dd = document.querySelectorAll(\".filepond--item .filepond--action-revert-item-processing\");\n\t\t\t\tdd.forEach(function (f) { f.click(); });\n\t\t\t});\n\t\t}\n\t}\n\n\thandleInit = event => { };\n\n\tonprocessfile = function (error, file) {\n\t\tthis.isLoading = true;\n\t\tthis.setState({ error: '' });\n\n\t\tif (error) {\n\t\t\tthis.setState({ error: error });\n\t\t}\n\t\telse if (file.status !== 9) {\n\t\t\tthis.isLoading = false;\n\t\t\tthis.setState({ error: '' });\n\n\t\t\tthis.setState(prevState => {\n\t\t\t\t// \n\t\t\t\tlet item = Object.assign({}, prevState.item);\n\t\t\t\tif (item.files.indexOf(file.filename) === -1) {\n\t\t\t\t\titem.files.push(file.filename);\n\t\t\t\t}\n\t\t\t\treturn { item };\n\t\t\t});\n\t\t}\n\t}\n\n\tonhandleFileSelect = function (files) {\n\t\tthis.isLoading = files.filter(f => f.status === 9).length > 0;\n\t\tthis.setState({ error: '' });\n\n\t\tif (files.length === 0) {\n\t\t\tthis.setState(prevState => {\n\t\t\t\t// \n\t\t\t\tlet item = Object.assign({}, prevState.item);\n\t\t\t\titem.files = [];\n\t\t\t\treturn { item };\n\t\t\t});\n\t\t}\n\t\telse if (files.length > 0 && this.isLoading === false) {\n\t\t\tthis.setState(prevState => {\n\t\t\t\t// \n\t\t\t\tlet item = Object.assign({}, prevState.item);\n\t\t\t\titem.files = [];\n\t\t\t\tfiles.forEach(function (v, i) {\n\t\t\t\t\tif (item.files.indexOf(v.filename) === -1) {\n\t\t\t\t\t\titem.files.push(v.filename);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\treturn { item };\n\t\t\t});\n\t\t}\n\t}\n\n\trender(...props) {\n\t\tconst { INVOICE_DELIVERY, PAGES } = GLOBAL;\n\t\tif (this.state.redirect) {\n\t\t\treturn
\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t(this.state.error) &&\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t(this.sended) &&\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{PAGES.TITLE.INVOICE}
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t ({ value: item.id, label: item.value }))}\n\t\t\t\t\t\t\t\t\t\t\t\t\terrorMsg={this.errorMes}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={(v, e) => { this.handleComboChange(v, e); }}\n\t\t\t\t\t\t\t\t\t\t\t\t\tborderColor={this.errorMesBorderColor}\n\t\t\t\t\t\t\t\t\t\t\t\t\tdefaultValue={this.state.item.mes}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{INVOICE_DELIVERY.FORM_SUBTITLE}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{(this.state.resumen && this.state.resumen.length > 0) && (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{INVOICE_DELIVERY.FORM_SUBTITLE}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t| Periodo: {this.state.fechaDesde} - {this.state.fechaHasta} | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t|
| {FORM_DATA.DEPARTMENTS.filter(function (f) { return f.id === item.IdRama.toString() }).length ? FORM_DATA.DEPARTMENTS.filter(function (f) { return f.id === item.IdRama.toString() })[0].value : ''} | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t$ {item.ImporteString} | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n
\n \n );\n }\n}\n\nexport default withRouter(UserDashboard);","import React, { useState } from \"react\";\nimport { Header, Sidebar, NotificationsSection, ConfirmationModal } from \"../../Components\";\nimport { GLOBAL } from \"../../Config/global\";\nimport NChannel from \"../../Resources/Images/Logos/channel-2-logo.png\";\n\nconst UserDashboard = ({ history }) => {\n const {\n USER_DASHBOARD: { SIDEBAR, NOTIFICATION_TILES, LOGOUT_MODAL }\n } = GLOBAL;\n const [showLogoutModal, setShowLogoutModal] = useState(false);\n\n const handleRouteChange = option => {\n if (option.doBeforeRedirect) {\n return setShowLogoutModal(true);\n }\n\n return history.push(option.link);\n };\n\n return (\n \n
\n \n
\n\n {/* {PAGES.TITLE.USER_DASHBOARD}
\n\n this.handleRouteChange(item)}\n title={SIDEBAR.TITLE}\n items={SIDEBAR.ITEMS}\n />\n
*/}\n\n \n
\n \n
\n \n handleRouteChange(item)}\n title={SIDEBAR.TITLE}\n items={SIDEBAR.ITEMS}\n />\n
\n \n
\n \n
\n
\n \n
\n{ TERMS.TITLE } \n
\n
\n
\n\n \n
\n
{ TERMS.SUBTITLE }
\n\n
{ TERMS.PARAGRAPH }
\n1.{ TERMS.ITEM_1 }
\n2.{ TERMS.ITEM_2 }
\n3.{ TERMS.ITEM_3 }
\n4.{ TERMS.ITEM_4 }
\n5.{ TERMS.ITEM_5 }
\n6.{ TERMS.ITEM_6 }
\n7.{ TERMS.ITEM_7 }
\n8.{ TERMS.ITEM_8 }
\n9.{ TERMS.ITEM_9 }
\n10.{ TERMS.ITEM_10 }
\n11.{ TERMS.ITEM_11 }
\n12.{ TERMS.ITEM_12 }
\n13.{ TERMS.ITEM_13 }
\n14.{ TERMS.ITEM_14 }
\n15.{ TERMS.ITEM_15 }
\n16.{ TERMS.ITEM_16 }
\n17.{ TERMS.ITEM_17 }
\n*****************************
Vigencia: \" + vigencia[0].value;\n\t\t}\n\n\t\tif (this.state.searchCriteria[3].poliza || this.state.searchCriteria[3].certificado) {// || this.searchCriteria[3].estado\n\t\t\tsearchCriteriaText += \"
\" + COMMON_SEARCH_FORM.POLICY_SEARCH_TEXT;\n\t\t\tsearchCriteriaText += (this.state.searchCriteria[3].poliza) ? \" Póliza \\\"\" + this.state.searchCriteria[3].poliza + \"\\\"\" : \"\";\n\t\t\tsearchCriteriaText += ((this.state.searchCriteria[3].certificado && this.state.searchCriteria[3].poliza) ? \", \" : \"\") + ((this.state.searchCriteria[3].certificado) ? \" Certificado \\\"\" + this.state.searchCriteria[3].certificado.toString() + \"\\\"\" : \"\");\n\t\t}\n\n\t\tif (this.state.searchCriteria[4].nombre || this.state.searchCriteria[4].apellido || this.state.searchCriteria[4].dni) {\n\t\t\tsearchCriteriaText += \"
\" + COMMON_SEARCH_FORM.USER_SEARCH_TEXT;\n\t\t\tsearchCriteriaText += (this.state.searchCriteria[4].nombre) ? \" Nombre \\\"\" + this.state.searchCriteria[4].nombre + \"\\\"\" : \"\";\n\t\t\tsearchCriteriaText += ((this.state.searchCriteria[4].apellido && this.state.searchCriteria[4].nombre) ? \", \" : \"\") + ((this.state.searchCriteria[4].apellido) ? \" Apellido \\\"\" + this.state.searchCriteria[4].apellido + \"\\\"\" : \"\");\n\t\t\tsearchCriteriaText += ((this.state.searchCriteria[4].dni && (this.state.searchCriteria[4].nombre || this.state.searchCriteria[4].apellido)) ? \", \" : \"\") + ((this.state.searchCriteria[4].dni) ? \" Dni \\\"\" + this.state.searchCriteria[4].dni + \"\\\"\" : \"\");\n\t\t}\n\n\t\tconst vigencia = QLIBS.getPeriodPart(this.state.searchCriteria[1].vigencia);\n\t\tconst year = vigencia[0];\n\t\tconst month = vigencia[1];\n\t\tconst fechaDesde = new Date(year, month - 1, 1); //el mes del periodo es igual al index del mes de la fecha + 1, por eso le resto 1\n\t\tconst fechaHasta = new Date(year, month, 1);\n\t\tfechaHasta.setDate(fechaHasta.getDate() - 1); //me lleva al ultimo dia del mes anterior\n\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tname: this.state.name,\n\t\t\t\tsearchCriteriaText: searchCriteriaText\n\t\t\t}, () => {\n\t\t\t\tif (callbackStateReady !== null) {\n\t\t\t\t\tcallbackStateReady();\n\t\t\t\t}\n\t\t\t});\n\t};\n\n\tclearFiltros = () => {\n\t\tvar date = new Date(), y = date.getFullYear(), m = date.getMonth();\n\n\t\tconst SEARCH_CRITERIA_DEFAUL_VALUES = [\n\t\t\t{\n\t\t\t\t\"productores\": []\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"vigencia\": QLIBS.getPeriod()\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"ramo\": '',\n\t\t\t\t\"producto\": ''\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"poliza\": null,\n\t\t\t\t\"certificado\": null,\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"nombre\": null,\n\t\t\t\t\"apellido\": null,\n\t\t\t\t\"dni\": null\n\t\t\t}\n\t\t];\n\n\n\t\tdocument.getElementById('ramo').value = '';\n\t\tdocument.getElementById('producto').value = '';\n\t\tdocument.getElementById('nro_poliza').value = '';\n\t\tdocument.getElementById('nro_certificado').value = '';\n\t\tdocument.getElementById('nombre').value = '';\n\t\tdocument.getElementById('apellido').value = '';\n\t\tdocument.getElementById('dni').value = '';\n\t\tdocument.getElementById('vigencia').value = '';\n\n\t\tthis.showResults = false;\n\t\tthis.searchResultsError = false;\n\t\tthis.producerSelector.current.resetSelection();\n\n\t\tthis.setState({\n\t\t\tsearchCriteria: SEARCH_CRITERIA_DEFAUL_VALUES,\n\t\t\tcheckedItems: [],\n\t\t\tproductorSelected: 0,\n\t\t\tenableFilterTabs: false,\n\t\t\tsearchEnabled: false,\n\t\t\tfilterTabActive: 0\n\t\t}, () => {\n\t\t\tthis.refreshFiltros();\n\t\t});\n\t};\n\n\thandleSubmit = async (event) => {\n\t\tif (event)\n\t\t\tevent.preventDefault();\n\t\tconst { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\n\t\tthis.searchResultsError = \"\";\n\t\tthis.showResults = false;\n\t\tlet sort = this.state.sort.length === 0 ? null : this.state.sort[0];\n\t\tthis.setState({ name: this.state.name, filterTabActive: -1, loadingData: true });\n\t\tconst requestOptions = {\n\t\t\tmethod: 'POST',\n\t\t\theaders: DEFAULT_HEADER.get(),\n\t\t\tbody: JSON.stringify({\n\t\t\t\tgridFilters: this.state.filters,\n\t\t\t\tnext: this.pageSize,\n\t\t\t\tsort: sort,\n\t\t\t\toffset: this.page * this.pageSize,\n\t\t\t\tproducerId: this.state.searchCriteria[0].productores.map(x => parseFloat(x.id.replace('X', ''))),\n\t\t\t\tvigencia: this.state.searchCriteria[1].vigencia.toString(),\n\t\t\t\tramo: this.state.searchCriteria[2].ramo,\n\t\t\t\tproducto: this.state.searchCriteria[2].producto,\n\t\t\t\tpoliza: this.state.searchCriteria[3].poliza,\n\t\t\t\tcertificado: this.state.searchCriteria[3].certificado,\n\t\t\t})\n\t\t};\n\t\tlet url = new URL(`${PRODUCERURL}debtors/`);\n\t\treturn fetch(url, requestOptions)\n\t\t\t.then((response) => {\n\t\t\t\treturn QLIBS.authorizeAction(response);\n\t\t\t})\n\t\t\t.then(this.handleResponse)\n\t\t\t.catch(this.handleResponse);\n\t};\n\n\thandleCheckedItemsChanged(checkedItems, defaultSetted = false) {\n\t\tlet searchCriteria = this.state.searchCriteria;\n\t\tsearchCriteria[0].productores = checkedItems;\n\n\t\tlet callbackStateReady = (defaultSetted) ? () => { this.handleSubmit(); } : null;\n\t\tthis.setState({\n\t\t\tcheckedItems: checkedItems,\n\t\t\tenableFilterTabs: checkedItems.length > 0,\n\t\t\tsearchCriteria: searchCriteria,\n\t\t\tsearchEnabled: checkedItems.length > 0\n\t\t}, () => {\n\t\t\tthis.refreshFiltros(callbackStateReady);\n\t\t});\n\t};\n\n\thandleProducerIdChanged(producerId) {\n\t\tthis.setState({ productorSelected: producerId });\n\t};\n\n\thandleProducersChanged(newProducers) {\n\t\tthis.setState({ productoresData: newProducers });\n\t};\n\n\thandleProducersDefaultReady(code) {\n\n\t};\n\n\tapplyFilter = (event) => {\n\t\tif (event.length > 0) {\n\t\t\tthis.page = 0\n\t\t\tthis.setState({\n\t\t\t\tfilters: event,\n\t\t\t}, this.handleSubmit);\n\t\t}\n\t\telse {\n\t\t\tthis.setState({\n\t\t\t\tfilters: [],\n\t\t\t}, this.handleSubmit);\n\t\t}\n\t}\n\n\thandleResponse = (response) => {\n\t\tconst { COMMON_SEARCH_FORM } = GLOBAL;\n\t\tlet tableData = [];\n\t\tif (Array.isArray(response.data)) {\n\t\t\tthis.searchResultsError = \"\";\n\t\t\tthis.showResults = true;\n\t\t\tthis.pages = Math.ceil(response.total / this.pageSize);\n\t\t\tthis.productosLabel = Object.entries(response.labels.find(x => x.key === 'Productos').values).map(([value, label]) => ({ value, label }));\n\t\t\tthis.productosLabel.unshift({ value: \"\", label: '-- SELECCIONAR --' });\n\t\t\tthis.ramosLabel = Object.entries(response.labels.find(x => x.key === 'Ramos').values).map(([value, label]) => ({ value, label }));\n\t\t\tthis.ramosLabel.unshift({ value: \"\", label: '-- SELECCIONAR --' });\n\t\t\tvar id = 0;\n\t\t\ttableData = response.data.map(function (item) {\n\t\t\t\tid++;\n\t\t\t\treturn {\n\t\t\t\t\trecruiterName: item.recruiterName,\n\t\t\t\t\texpirationDate: item.expirationDate == null ? '-' : moment(item.expirationDate).format(\"DD/MM/YYYY\"),\n\t\t\t\t\tdaysExpiredAmount: item.daysExpiredAmount,\n\t\t\t\t\toutstandingBalance: `$ ${truncate(item.outstandingBalance, 2)}`,\n\t\t\t\t\texpired30Days: `$ ${truncate(item.expired30Days, 2)}`,\n\t\t\t\t\texpired60Days: `$ ${truncate(item.expired60Days, 2)}`,\n\t\t\t\t\texpired90Days: `$ ${truncate(item.expired90Days, 2)}`,\n\t\t\t\t\texpiredGreaterThen90Days: `$ ${truncate(item.expiredGreaterThen90Days, 2)}`,\n\t\t\t\t\ttoExpire: `$ ${truncate(item.toExpire, 2)}`,\n\t\t\t\t\tproductCode: item.productCode,\n\t\t\t\t\tproductDescription: item.productDescription,\n\t\t\t\t\tbranchCode: item.branchCode,\n\t\t\t\t\tbranchDescription: item.branchDescription,\n\t\t\t\t\treference: item.reference,\n\t\t\t\t\tpolicyNumber: (item.policyNumber).toString(),\n\t\t\t\t\tcertificateNumber: item.certificateNumber,\n\t\t\t\t\treceiptNumber: item.receiptNumber,\n\t\t\t\t\tpaymentMethod: item.paymentMethod,\n\t\t\t\t\trecruiterDni: item.recruiterDni,\n\t\t\t\t\tproducerId: item.producerId,\n\t\t\t\t\tproducerDescription: item.producerDescription,\n\t\t\t\t\tissueDate: item.issueDate == null ? '-' : moment(item.issueDate).format(\"DD/MM/YYYY\"),\n\t\t\t\t\tstartDate: item.startDate == null ? '-' : moment(item.startDate).format(\"DD/MM/YYYY\"),\n\t\t\t\t\tendDate: item.endDate == null ? '-' : moment(item.endDate).format(\"DD/MM/YYYY\"),\n\t\t\t\t\treward: `$ ${truncate(item.reward, 2)}`,\n\t\t\t\t\tpremium: `$ ${truncate(item.premium, 2)}`,\n\t\t\t\t\tcutDate: item.cutDate == null ? '-' : moment(item.cutDate).format(\"DD/MM/YYYY\"),\n\t\t\t\t\tinitCertificateDate: item.initCertificateDate == null ? '-' : moment(item.initCertificateDate).format(\"DD/MM/YYYY\"),\n\t\t\t\t\tinitAnnuityDate: item.initAnnuityDate == null ? '-' : moment(item.initAnnuityDate).format(\"DD/MM/YYYY\"),\n\t\t\t\t\tlastPaymentDate: item.lastPaymentDate == null ? '-' : moment(item.lastPaymentDate).format(\"DD/MM/YYYY\"),\n\t\t\t\t\tcurrency: item.currency,\n\t\t\t\t\tchangeFactor: item.changeFactor,\n\t\t\t\t\tstateCertificate: item.stateCertificate,\n\t\t\t\t\tanio_mes: item.yearMonth\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tthis.searchResultsError = COMMON_SEARCH_FORM.SERVER_ERROR;\n\t\t\tthis.showResults = true;\n\t\t}\n\n\t\tthis.searchTableColumns = this.createSearchTableColumns();\n\n\t\tthis.setState({ data: tableData, name: this.state.name, loadingData: false });\n\t};\n\n\thandleSaveViewModal(newListColumns) {\n\t\tconst tempTableColumns = this.createBaseTableColumns();\n\n\t\tthis.baseTableColumns = newListColumns.map(c => {\n\t\t\tlet col = tempTableColumns.find(f => f.name === c.name);\n\t\t\tcol.show = c.show;\n\t\t\treturn col;\n\t\t});\n\n\t\tthis.searchTableColumns = this.createSearchTableColumns();\n\t}\n\n\tgetFilter() {\n\t\tlet filters = this.state.filters\n\t\treturn filters\n\t}\n\tgetSort() {\n\t\tlet sort = this.state.sort\n\t\treturn sort\n\t}\n\tapplySort = (event) => {\n\t\tif (event.length > 0) {\n\t\t\tthis.setState({\n\t\t\t\tsort: event,\n\t\t\t}, () => this.handleSubmit());\n\t\t}\n\t\telse {\n\t\t\tthis.setState({\n\t\t\t\tsort: {},\n\t\t\t}, this.handleSubmit);\n\t\t}\n\t}\n\tchangeSize = async (size) => {\n\t\tthis.pageSize = size;\n\t\tthis.handleSubmit()\n\t}\n\tchangePage = async (page) => {\n\t\tthis.page = page;\n\t\tthis.handleSubmit()\n\t}\n\n\tonKeyDown = (event) => {\n\t\t// 'keypress' event misbehaves on mobile so we track 'Enter' key via 'keydown' event\n\t\tif (event.key === 'Enter' && this.state.searchEnabled) {\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t\tdocument.getElementById(\"btnSubmit\").click();\n\t\t}\n\t}\n\n\tcreateSearchTableColumns() {\n\t\tconst newTableColumns = [...this.baseTableColumns.filter(f => f.show)];\n\t\treturn newTableColumns;\n\t}\n\n\tcreateExcelReportColumns() {\n\t\tconst excelReportColumns = this.baseTableColumns.filter(f => f.show).map(c => {\n\t\t\treturn {\n\t\t\t\tTitle: c.title,\n\t\t\t\tField: c.field,\n\t\t\t\tSummarize: c.summarize,\n\t\t\t\tFormat: c.format\n\t\t\t}\n\t\t});\n\t\treturn excelReportColumns;\n\t}\n\n\tcreateBaseTableColumns() {\n\t\tconst { REPORT_FORMAT } = GLOBAL;\n\n\t\tlet newTableColumns = [];\n\n\t\t// Get Columns identifier\n\t\tlet columns = {\n\t\t\t\"recruiterName\": { title: \"Contratante\", field: \"RecruiterName\", show: true, width: 200 },\n\t\t\t\"expirationDate\": { title: \"Fecha de vencimiento\", field: \"ExpirationDate\", format: REPORT_FORMAT.FECHA, show: true, width: 150 },\n\t\t\t\"daysExpiredAmount\": { title: \"Cant días vencido\", field: \"DaysExpiredAmount\", show: true },\n\t\t\t\"outstandingBalance\": { title: \"Saldo pendiente\", field: \"OutstandingBalance\", format: REPORT_FORMAT.currency, show: true, summarize: true, signo: '$' },\n\t\t\t\"expired30Days\": { title: \"Vencido a 30 días\", field: \"Expired30Days\", format: REPORT_FORMAT.currency, show: true, summarize: true, signo: '$' },\n\t\t\t\"expired60Days\": { title: \"Vencido a 60 días\", field: \"Expired60Days\", format: REPORT_FORMAT.currency, show: true, summarize: true, signo: '$' },\n\t\t\t\"expired90Days\": { title: \"Vencido a 90 días\", field: \"Expired90Days\", format: REPORT_FORMAT.currency, show: true, summarize: true, signo: '$' },\n\t\t\t\"expiredGreaterThen90Days\": { title: \"Vencido más de 90 días\", field: \"ExpiredGreaterThen90Days\", format: REPORT_FORMAT.currency, show: true, summarize: true, signo: '$' },\n\t\t\t\"toExpire\": { title: \"A vencer\", field: \"ToExpire\", format: REPORT_FORMAT.currency, show: true, summarize: true, signo: '$' },\n\t\t\t\"productCode\": { title: \"Producto Código\", field: \"ProductCode\", show: true },\n\t\t\t\"productDescription\": { title: \"Producto descripción\", field: \"ProductDescription\", show: true },\n\t\t\t\"branchCode\": { title: \"Ramo código\", field: \"BranchCode\", show: true },\n\t\t\t\"branchDescription\": { title: \"Ramo descripción\", field: \"BranchDescription\", show: true },\n\t\t\t\"policyNumber\": { title: \"Póliza\", field: \"PolicyNumber\", show: true },\n\t\t\t\"certificateNumber\": { title: \"Certificado\", field: \"CertificateNumber\", show: true },\n\t\t\t\"receiptNumber\": { title: \"Recibo\", field: \"ReceiptNumber\", show: true },\n\t\t\t\"paymentMethod\": { title: \"Medio de pago\", field: \"PaymentMethod\", show: true },\n\t\t\t\"recruiterDni\": { title: \"DNI contratante\", field: \"RecruiterDni\", show: true },\n\t\t\t\"producerId\": { title: \"Productor código\", field: \"ProducerId\", show: true },\n\t\t\t\"producerDescription\": { title: \"Productor descripción\", field: \"ProducerDescription\", show: true },\n\t\t\t\"issueDate\": { title: \"Fecha de emisión\", field: \"IssueDate\", format: REPORT_FORMAT.FECHA, show: true },\n\t\t\t\"startDate\": { title: \"Vigencia desde\", field: \"StartDate\", format: REPORT_FORMAT.FECHA, show: true },\n\t\t\t\"endDate\": { title: \"Vigencia hasta\", field: \"EndDate\", format: REPORT_FORMAT.FECHA, show: true },\n\t\t\t\"reward\": { title: \"reward\", field: \"Reward\", format: REPORT_FORMAT.currency, show: true, summarize: true, signo: '$' },\n\t\t\t\"premium\": { title: \"premium\", field: \"Premium\", format: REPORT_FORMAT.currency, show: true, summarize: true, signo: '$' },\n\t\t\t\"cutDate\": { title: \"Fecha de corte\", field: \"CutDate\", format: REPORT_FORMAT.FECHA, show: true },\n\t\t\t\"initCertificateDate\": { title: \"Fecha inicio certificado\", field: \"InitCertificateDate\", format: REPORT_FORMAT.FECHA, show: true },\n\t\t\t\"initAnnuityDate\": { title: \"Fecha inicio anualidad\", field: \"InitAnnuityDate\", format: REPORT_FORMAT.FECHA, show: true },\n\t\t\t\"lastPaymentDate\": { title: \"Fecha último pago\", field: \"LastPaymentDate\", format: REPORT_FORMAT.FECHA, show: true },\n\t\t\t\"currency\": { title: \"currency\", field: \"Currency\", show: true },\n\t\t\t\"stateCertificate\": { title: \"Estado certificado\", field: \"StateCertificate\", show: true },\n\t\t};\n\n\t\t// Add Columns to Table\n\t\tlet cols = QLIBS.getTableColumns(columns);\n\t\tcols.forEach((c) => { newTableColumns.push(c) });\n\n\t\treturn newTableColumns;\n\t}\n\n\trender(...props) {\n\t\tconst { USER_DASHBOARD: { LOGOUT_MODAL }, TABLE_VIEW } = GLOBAL;\n\t\tconst { LIQUIDACION_SEARCH_FORM, COMMON_SEARCH_FORM, PAGES } = GLOBAL;\n\n\t\t// Set Tabs disabled\n\t\tthis.filterTabs[1].disabled = (!this.state.enableFilterTabs);\n\t\tthis.filterTabs[2].disabled = (!this.state.enableFilterTabs);\n\t\tthis.filterTabs[3].disabled = (!this.state.enableFilterTabs);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{this.state.showViewsModal &&
\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{PAGES.TITLE.DEUDORES}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n
\n \n {(this.props.id === SectionEnum.SchedulerProcess && this.editEnabled[this.props.id]()) && (\n { this.showSchedulerProcess(0) }} \n classes=\"to-bottom button-small search-button\"> Nuevo calendario\n \n )}\n {(this.props.id === SectionEnum.NotificationDefinitionDestination && this.editEnabled[this.props.id]()) && (\n { this.showNotificationDefinitionDestination(0) }} \n classes=\"to-bottom button-small search-button\"> Nuevo destinatario\n \n )}\n
\n \n\t\t\t\t\t
\n \n );\n }\n}\n\n\nconst NotificationRowDetail = (props) => {\n const [sections, setSections] = useState( JSON.parse(JSON.stringify(initSections))); \n \n const loadSection = (id) => {\n const section = sections.find(e => e.id === id);\n \n if(section.loaded) return; \n \n const expandable = section.expandable\n \n section.loaded = true;\n section.grid = \n\n
\n \n \n { sections.map(e => (\n \n \n loadSection(e.id)}>\n {e.title}\n \n \n \n {e.grid} \n \n \n ))}\n \n
\n \n );\n};\n\n\nexport default NotificationRowDetail;\n","/* eslint-disable jsx-a11y/heading-has-content */\nimport React from 'react';\nimport {\n\tAlert,\n\tBreadcrumb,\n\tButton,\n\tLoading,\n\tTable as TableComponent,\n\tConfirmationModal,\n\tNotificationDefinitionModal\n} from \"../../Components\";\nimport Actions from \"../../Components/GridComponents/Actions\";\nimport 'react-dates/initialize';\nimport 'devextreme/dist/css/dx.common.css';\nimport 'devextreme/dist/css/dx.light.css';\nimport { GLOBAL } from \"../../Config/global\";\nimport \"font-awesome/css/font-awesome.min.css\";\nimport { APPCONFIG } from '../../app.config';\nimport * as QLIBS from '../../qLibsHelpers';\nimport { DEFAULT_HEADER } from '../../Config/userToken';\nimport NotificationRowDetail from './partials/notificationRowDetail';\n\n\nclass AdminNotificaciones extends React.Component {\n\t\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tshowDeleteModal: false,\n\t\t\tshowNotificationDefinitionModal: false,\n\t\t\tshowViewsModal: false,\n\t\t\tshowGrid: false,\n\t\t\trowId: 0,\n\t\t\tloadingData: false\n\t\t};\n\t\tthis.searchResultsError = \"\";\n\n\t\tthis.detailsColumn = {\n\t\t\tHeader: \"\",\n\t\t\taccessor: \"actions\",\n\t\t\twidth: 100,\n\t\t\tstyle: {\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center'\n\t\t\t},\n\t\t\tfilterable: false,\n\t\t\tsortable: false,\n\t\t\tresizable: true,\n\t\t\tCell: row => (\n\t\t\t\t<>\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{PAGES.TITLE.ADMINNOTIFICATION}
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{this.searchResultsError && (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{this.state.showGrid && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{ (\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t)}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{this.state.listNotificaciones[this.state.indexItem].WebTitle}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.state.listNotificaciones[this.state.indexItem].WebLink && (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tVer archivo adjunto\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{PAGES.TITLE.HISTORIALNOTIFICATION}
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{this.searchResultsError && (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.state.showGrid && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{PAGES.TITLE.ADMINCOMMUNICATION}
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{this.searchResultsError && (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{this.state.showGrid && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{PAGES.TITLE.ADMINLABEL}
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{this.searchResultsError && (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{this.state.showGrid && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{
\n\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\t)}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t{this.state.listCommunication[this.state.indexItem].Title}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t{(this.state.listCommunication[this.state.indexItem].BodyEmbedded) ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t![]()
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.state.listCommunication[this.state.indexItem].ConfirmationRequired && (\n\t\t\t\t\t\t\t\t this.handleConfirmCommunication(this.state.listCommunication[this.state.indexItem].Id, true)}\n\t\t\t\t\t\t\t\t\tsmallPrint=\"\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.state.listCommunication[this.state.indexItem].UrlLink && (\n\t\t\t\t\t\t\t\tDescargar documentación adjunta \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{PAGES.TITLE.HISTORIALCOMMUNICATION}
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{this.searchResultsError && (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.state.showGrid && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{
\n\t\t\t\t\t\t\t\t\n
\n \n
\n \n
\n \n
\n {LOGIN.TITLE}
\n{LOGIN.PORTAL}
\n\n
\n \n
\n \n
\n {LOGIN.TITLE}
\n{LOGIN.SUBTITLE}
\n\n {\n (this.submitForm && (this.cuitError || this.passwordError)) &&\n
\n \n
\n }\n {\n (this.formError) &&\n \n
\n \n
\n }\n {\n (this.recover) &&\n \n
\n \n
\n }\n \n \n
\n \n
\n \n
\n \n
\n {PAGES.TITLE.ADMINUSERS}
\n\n
\n \n
\n \n {(this.state.submitError) &&\n
\n \n ( this.deleteRecord(row)} />) },\n //{ Header: \"ID\", accessor: \"Id\" },\n { Header: \"Nombre de usuario\", accessor: \"UserName\" },\n { Header: \"Nombre\", accessor: \"FirstName\" },\n { Header: \"Apellido\", accessor: \"LastName\" },\n ]} />\n
\n ', '\\n')).join(\"\"),\n redirect: null,\n loadingForm: false\n }, () => console.log(this.state));\n }\n }\n\n render(...props) {\n const { CHANGE_PASSWORD_FORM, PAGES } = GLOBAL;\n if (this.state.redirect) {\n return
\n
\n \n
\n \n
\n \n
\n {CHANGE_PASSWORD_FORM.TITLE}
\n\n
\n \n
\n \n
\n {CHANGE_PASSWORD_FORM.TITLE}
\n\n {\n (this.state.error) &&\n
\n \n
\n }\n \n \n
\n ', '\\n')).join(\"\"),\n redirect: null,\n loadingForm: false\n }, () => console.log(this.state));\n }\n }\n\n onKeyDown = (event) => {\n // 'keypress' event misbehaves on mobile so we track 'Enter' key via 'keydown' event\n if (event.key === 'Enter') {\n event.preventDefault();\n event.stopPropagation();\n document.getElementById(\"btnSubmit\").click();\n }\n }\n\n onClickAdvanced = () => {\n if (userAuth.isAuthenticated()) {\n utils.setStorage('menuAdvanced', true);\n this.setState({\n redirect: \"/avanzadas\"\n });\n } else {\n\n }\n }\n\n render() {\n const { SIMULATE_FORM, PAGES, COMMON_SEARCH_FORM } = GLOBAL;\n\n if (this.state.redirect) {\n return
\n \n
\n \n \n \n
\n \n\n
\n \n
\n }\n \n \n \n \n\n
\n \n \n
\n {PAGES.TITLE.OPCIONES_AVANZADAS}
\nPermite restablecer contraseña, agregar nuevos usuarios, etc.
\n \n\n
\n )\n}\n\nAuditoriaModal.propTypes = {\n onDismiss: func.isRequired,\n};","/* eslint-disable import/named */\n/* eslint-disable no-restricted-globals */\n/* eslint-disable no-unused-vars */\n/* eslint-disable react/prop-types */\n/* eslint-disable no-undef */\n/* eslint-disable react/no-this-in-sfc */\n/* eslint-disable import/no-named-as-default */\nimport React, { Component } from 'react'\nimport { Breadcrumb, Loading, TabsPanel, Table as TableComponent, Actions, Checkbox, Typeahead, DatePicker, Button } from '../../Components';\nimport { APIS } from '../../Config/apis';\nimport * as QLIBS from '../../qLibsHelpers';\nimport { GLOBAL } from '../../Config/global';\nimport { withRouter } from \"react-router-dom\";\nimport userAuth from '../../Config/userauth';\nimport moment from \"moment\";\nimport { AuditoriaModal } from './modal';\nimport * as utils from '../../Shared/Utils';\n\nexport class Auditoria extends Component {\n constructor(props) {\n super(props)\n this.state = {\n loadingForm: false,\n viewDetail: false,\n filterTabActive: 0,\n parent: [],\n child: [],\n cuit: '',\n fechaDesde: QLIBS.getFirstDay(),\n fechaHasta: QLIBS.getLastDay(),\n currentUser: userAuth.isAuthenticated() && userAuth.isUserSimulator() && !utils.getStorage('menuAdvanced') ? true : false,\n advanced: false\n };\n this.filterTabs = [\n {\n label: 'Actividad'\n },\n {\n label: 'Errores'\n },\n {\n label: 'Mensajes'\n },\n ];\n\n this.columns1 = [];\n this.columns_excepctions = [];\n this.columns_auditorias = [];\n this.columns_emails = [];\n\n this.data1 = [];\n this.array_excepctions = [];\n this.array_auditorias = [];\n this.array_emails = [];\n\n this.title = '';\n this.logs = null;\n this.actions = null;\n this.messages = null;\n\n this.handleChange = this.handleChange.bind(this);\n this.handleResponseLogs = this.handleResponseLogs.bind(this);\n this.handleResponseActions = this.handleResponseActions.bind(this);\n this.handleResponseMessages = this.handleResponseMessages.bind(this);\n this.toggleModal = this.toggleModal.bind(this);\n }\n\n componentDidMount() {\n this.executeQuery(this.state.filterTabActive);\n }\n\n handleChange = event => {\n let isCheckbox = event.target.type === \"checkbox\";\n let inputName = isCheckbox ? event.target.id : ('name' in event.target ? event.target.name : event.target.id);\n let inputValue = isCheckbox ? event.target.checked : event.target.value;\n this.setState({ [inputName]: inputValue }, () => {\n if (isCheckbox && inputName === \"currentUser\" && !inputValue) {\n this.setState({ parent: [], child: [], cuit: '' });\n }\n this.executeQuery(this.state.filterTabActive);\n });\n }\n\n onChangeTab = index => {\n this.setState({ filterTabActive: index }, () => { this.executeQuery(index) });\n };\n\n viewDetail = (row, type) => {\n this.logs = null;\n this.actions = null;\n this.messages = null;\n switch (type) {\n case 'logs':\n this.title = 'DETALLE DE LOG';\n this.logs = row.original;\n break;\n case 'actions':\n this.title = 'DETALLE DE ACCIÓN';\n this.actions = row.original;\n break;\n case 'messages':\n this.title = 'DETALLE DE MENSAJE ENVIADO';\n this.messages = row.original;\n break;\n default:\n break;\n }\n this.setState({ viewDetail: true });\n }\n\n toggleModal = () => {\n this.setState({ viewDetail: false });\n }\n\n executeQuery = (index) => {\n this.setState({ loadingForm: true });\n switch (index) {\n case 0:\n QLIBS.fetchDataGET(APIS.URLS.ACTIONS_QUERY + this.getQueryParams(), true)\n .then(this.handleResponseActions);\n break;\n case 1:\n QLIBS.fetchDataGET(APIS.URLS.ERRORS_QUERY + this.getQueryParams(false), true)\n .then((response) => { this.handleResponseLogs(2, response); });\n break;\n case 2:\n QLIBS.fetchDataGET(APIS.URLS.MESSAGES_QUERY + this.getQueryParams(), true)\n .then(this.handleResponseMessages);\n break;\n default:\n break;\n }\n }\n\n getQueryParams = (start = true) => {\n return (start ? '?' : '&')\n + 'userId=' + (this.state.currentUser ? userAuth.userId() : '')\n + '&cuit=' + (!this.state.currentUser ? this.state.cuit : '')\n + '&from=' + moment(this.state.fechaDesde).format(\"MM/DD/YYYY\")\n + '&to=' + moment(this.state.fechaHasta).format(\"MM/DD/YYYY\");\n }\n\n handleResponseLogs = (index, response) => {\n if (response && response.length > 0) {\n response = response.map(function (item) {\n let result = Object.assign({}, item);\n result.creationDate = item.creationDate === null ? '-' : moment(item.creationDate).format(\"DD/MM/YYYY HH:mm:ss\");\n return result;\n });\n }\n let columns = {\n \"cuit\": { title: \"CUIT\" },\n \"name\": { title: \"Nombre - Razón social\" },\n \"detail\": { title: \"Detalle\" },\n \"creationDate\": { title: \"Fecha\" },\n };\n if (this.state.advanced) {\n columns[\"severity\"] = { title: \"Gravedad\" };\n columns[\"source\"] = { title: \"Origen\" };\n columns[\"class\"] = { title: \"Clase\" };\n columns[\"method\"] = { title: \"Método\" };\n }\n if (index === 1) {\n this.data1 = response;\n this.columns1 = this.builColumnsTable(this.data1, columns, 'logs');\n }\n else {\n columns[\"exception\"] = { title: \"Excepción\" };\n this.array_excepctions = response;\n this.columns_excepctions = this.builColumnsTable(this.array_excepctions, columns, 'logs');\n }\n\n this.setState({ loadingForm: false });\n }\n\n handleResponseActions = response => {\n if (response && response.length > 0) {\n response = response.map(function (item) {\n let result = Object.assign({}, item);\n result.creationDate = item.creationDate === null ? '-' : moment(item.creationDate).format(\"DD/MM/YYYY HH:mm:ss\");\n return result;\n });\n }\n let columns = {\n \"cuit\": { title: \"CUIT\" },\n \"name\": { title: \"Nombre - Razón social\" },\n \"creationDate\": { title: \"Fecha\" },\n \"function\": { title: \"Evento realizados\" },\n };\n if (this.state.advanced) {\n columns[\"application\"] = { title: \"Aplicación\" };\n columns[\"action\"] = { title: \"Acción\" };\n columns[\"url\"] = { title: \"URL\" };\n }\n this.array_auditorias = response;\n this.columns_auditorias = this.builColumnsTable(this.array_auditorias, columns, 'actions');\n this.setState({ loadingForm: false });\n }\n\n handleResponseMessages = response => {\n if (response && response.length > 0) {\n response = response.map(function (item) {\n let result = Object.assign({}, item);\n result.sendDate = item.sendDate === null ? '-' : moment(item.sendDate).format(\"DD/MM/YYYY HH:mm:ss\");\n return result;\n });\n }\n let columns = {\n \"cuit\": { title: \"CUIT\" },\n \"name\": { title: \"Nombre - Razón social\" },\n \"typeString\": { title: \"Tipo\" },\n \"sendDate\": { title: \"Fecha de envio\" },\n \"to\": { title: \"Enviado a\" },\n };\n this.array_emails = response;\n this.columns_emails = this.builColumnsTable(this.array_emails, columns, 'messages');\n this.setState({ loadingForm: false });\n }\n\n builColumnsTable = (tableData, columnsDefinition, type) => {\n console.log(tableData);\n if (this.state.currentUser) {\n delete columnsDefinition.cuit;\n delete columnsDefinition.name;\n }\n let result = [];\n result.push({\n Header: \"\",\n accessor: \"actions\",\n width: 70,\n style: { display: 'flex', alignItems: 'center' },\n filterable: false,\n sortable: false,\n Cell: row => (\n
\n \n
\n \n \n
\n {props.title}
\n\n {props.logs && (\n <>\n
\n \n
\n \n
\n \n
\n \n \n
\n
\n \n
\n \n
\n \n \n
\n
\n \n
\n\n \n \n
\n
\n \n
\n \n
\n \n \n
\n
\n \n
\n \n \n
\n
\n \n
\n \n \n
\n {props.logs && props.logs.logEvent && (\n
\n \n )}\n {props.actions && (\n <>\n \n
\n
\n )}\n {props.logs && props.logs.parameters && (\n \n
\n
\n
\n )}\n \n
\n
\n \n
\n \n
\n \n \n
\n
\n \n
\n \n \n
\n
\n \n
\n \n
\n \n \n
\n
\n \n
\n \n
\n \n \n
\n
\n \n
\n \n \n
\n {props.actions && props.actions.trace && (\n
\n \n )}\n {props.messages && (\n <>\n \n
\n
\n )}\n \n
\n
\n \n
\n \n
\n \n \n
\n
\n \n
\n \n \n
\n
\n \n )}\n \n
\n \n
\n \n \n
\n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n );\n }\n}\n\nexport default UserModal;","/* eslint-disable jsx-a11y/heading-has-content */\n/* eslint-disable no-undef */\n/* eslint-disable no-unused-vars */\nimport React from 'react';\nimport {\n\tAlert,\n\tBreadcrumb,\n\tButton,\n\tInput,\n\tLoading,\n\tProducerSelector,\n\tTable as TableComponent,\n\tTabsPanel,\n\tCombobox,\n\tSchedulerModal,\n\tViewsModal,\n\tLabelSection\n} from \"../../Components\";\nimport 'react-dates/initialize';\nimport 'devextreme/dist/css/dx.common.css';\nimport 'devextreme/dist/css/dx.light.css';\nimport { GLOBAL } from \"../../Config/global\";\nimport \"font-awesome/css/font-awesome.min.css\";\nimport { APPCONFIG } from '../../app.config';\nimport moment from \"moment\";\nimport { loadProducerCode } from '../../Config/producerData'\nimport { truncate } from \"../../Shared/Utils\";\nimport { FORM_DATA } from \"../../Config/form_data\";\nimport userAuth from \"../../Config/userauth\";\nimport * as QLIBS from '../../qLibsHelpers';\nimport { DEFAULT_HEADER } from '../../Config/userToken';\nclass LiquidacionCtaCte extends React.Component {\n\tconstructor(props) {\n\t\tconst { COMMON_SEARCH_FORM } = GLOBAL;\n\t\tsuper(props);\n\t\tthis.filterTabs = [\n\t\t\t{\n\t\t\t\tlabel: COMMON_SEARCH_FORM.SELECT_PRODUCERS_TAB\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: COMMON_SEARCH_FORM.SELECT_DATES_TAB\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: COMMON_SEARCH_FORM.SELECT_PRODUCTS_TAB\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: COMMON_SEARCH_FORM.SELECT_POLICY_TAB\n\t\t\t}\n\t\t];\n\t\tvar date = new Date(), y = date.getFullYear(), m = date.getMonth();\n\t\tthis.state = {\n\t\t\tramos: [],\n\t\t\tproductos: [],\n\t\t\tname: '',\n\t\t\tcheckedItems: [],\n\t\t\tproductorSelected: 0,\n\t\t\tshowViewsModal:false,\n\t\t\tenableFilterTabs: false,\n\t\t\tloadingData: false,\n\t\t\tsearchEnabled: false,\n\t\t\tfiltersSelected: false,\n\t\t\tfilterTabActive: 0,\n\t\t\tsearchCriteria: [\n\t\t\t\t{\n\t\t\t\t\t\"productores\": []\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"fechaDesde\": new Date(y, m, 1),\n\t\t\t\t\t\"fechaHasta\": new Date(y, m + 1, 0),\n\t\t\t\t\t\"vigencia\": FORM_DATA.MONTHSSETTLEMENT[0].id\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"ramo\": '',\n\t\t\t\t\t\"producto\": ''\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"poliza\": null,\n\t\t\t\t\t\"certificado\": null\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"nombre\": null,\n\t\t\t\t\t\"apellido\": null,\n\t\t\t\t\t\"dni\": null\n\t\t\t\t}\n\t\t\t],\n\t\t\tsearchCriteriaText: \"\",\n\t\t\tproductoresData: [],\n\t\t\tshowSchedulerModal: false,\n\t\t\ticonFilter: 'fa fa-eye',\n\t\t\tshowFilters: false\n\t\t};\n\n\t\tthis.baseTableColumns = this.createBaseTableColumns();\n\t\tthis.searchTableColumns = this.createSearchTableColumns();\n\n\t\tthis.producerSelector = React.createRef();\n\t\tthis.showResults = false;\n\t\tthis.searchResultsError = \"\";\n\t\tthis.downloadItem = this.downloadItem.bind(this);\n\t\tthis.onChangeTab = this.onChangeTab.bind(this);\n\t\tthis.handleKeyDown = this.handleKeyDown.bind(this);\n\t\tthis.handleChange = this.handleChange.bind(this);\n\t\tthis.clearFiltros = this.clearFiltros.bind(this);\n\t\tthis.handleSubmit = this.handleSubmit.bind(this);\n\t\tthis.handleResponse = this.handleResponse.bind(this);\n\t\tthis.handleProducerIdChanged = this.handleProducerIdChanged.bind(this);\n\t\tthis.handleCheckedItemsChanged = this.handleCheckedItemsChanged.bind(this);\n\t\tthis.handleProducersChanged = this.handleProducersChanged.bind(this);\n\t\tthis.handleSaveViewModal = this.handleSaveViewModal.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\t/// Redirige al ebroker temporalmente\n\t\tthis.props.history.push('/information');\n\t\tconst { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\n\t\tvar today = new Date();\n\t\tvar d = new Date(today.getFullYear(), today.getMonth(), 0);\n\t\tlet entityCopy = Object.assign({}, this.state.searchCriteria);\n\t\tentityCopy[1].vigencia = d.getMonth() + \"-\" + d.getFullYear();\n\t\tvar dd = entityCopy[1].vigencia.split('-');\n\t\tentityCopy[1].fechaDesde = new Date(dd[1], dd[0], 1);\n\t\tentityCopy[1].fechaHasta = new Date(dd[1], parseInt(dd[0]) + 1, 0);\n\t\tthis.setState({ searchCriteria: entityCopy }, () => { console.log(this.state.searchCriteria); });\n\n\t\tQLIBS.fillCombo('ramos', PRODUCERURL + 'api/datos/GetComboValues?e=Ramo_Settlement', this, GLOBAL.COMBO_EMPTY_ITEM, true);\n\t\tQLIBS.fillCombo('productos', PRODUCERURL + 'api/datos/GetComboValues?e=Producto_Settlement', this, GLOBAL.COMBO_EMPTY_ITEM, true);\n\n\t\tvar userId = userAuth.userId();\n\t\tconst requestOptions = {\n\t\t\tmethod: 'GET',\n\t\t\t//headers: { 'Content-Type': 'application/json' }\n\t\t\theaders: DEFAULT_HEADER.get()\n\t\t};\n\n\t\treturn fetch(PRODUCERURL + \"api/producer/GetProducerCodes?userId=\" + userId, requestOptions)\n\t\t\t.then((response) => {\n\t\t\t\treturn response.json();\n\t\t\t})\n\t\t\t.then((data) => {\n\t\t\t\tvar uc = data;\n\t\t\t\tfor (var u in uc) {\n\t\t\t\t\tvar item = uc[u];\n\t\t\t\t\tfor (var p in item.producerCodes) {\n\t\t\t\t\t\tvar pc = item.producerCodes[p];\n\t\t\t\t\t\tpc.name = pc.name.split(\"|\")[0];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tthis.handleProducersChanged(loadProducerCode(uc));\n\t\t\t});\n\t}\n\n\tdownloadItem = event => {\n\t\tconst pdfUrl = event.row._original.pdfUrl;\n\t\twindow.open(pdfUrl, \"_blank\");\n\t};\n\n\tonChangeTab = index => {\n\t\tthis.setState({ name: this.state.name, filterTabActive: index, filtersSelected: (index > 0) });\n\t};\n\n\thandleKeyDown = event => {\n\t\t// Chek which field\n\t\tswitch (event.target.id) {\n\t\t\tcase \"nro_poliza\":\n\t\t\t\tif (event.keyCode !== 0 && event.keyCode !== 8 && event.keyCode !== 9 && event.keyCode !== 16 && event.keyCode !== 32 && event.keyCode !== 35 &&\n\t\t\t\t\tevent.keyCode !== 36 && event.keyCode !== 37 && event.keyCode !== 39 && event.keyCode !== 46 &&\n\t\t\t\t\t(event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105)) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t}\n\t\t\t\tbreak;\n\n\t\t\tcase \"nro_certificado\":\n\t\t\t\tif (event.keyCode !== 0 && event.keyCode !== 8 && event.keyCode !== 9 && event.keyCode !== 16 && event.keyCode !== 32 && event.keyCode !== 35 &&\n\t\t\t\t\tevent.keyCode !== 36 && event.keyCode !== 37 && event.keyCode !== 39 && event.keyCode !== 46 &&\n\t\t\t\t\t(event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105)) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t}\n\t\t\t\tbreak;\n\n\t\t\tcase \"nombre\":\n\t\t\t\tif (event.keyCode !== 0 && event.keyCode !== 8 && event.keyCode !== 9 && event.keyCode !== 16 && event.keyCode !== 32 && event.keyCode !== 35 &&\n\t\t\t\t\tevent.keyCode !== 36 && event.keyCode !== 37 && event.keyCode !== 39 && event.keyCode !== 46 &&\n\t\t\t\t\t(event.keyCode < 65 || event.keyCode > 90) && event.keyCode !== 109 && event.keyCode !== 189 && event.keyCode !== 219) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t}\n\t\t\t\tbreak;\n\n\t\t\tcase \"apellido\":\n\t\t\t\tif (event.keyCode !== 0 && event.keyCode !== 8 && event.keyCode !== 9 && event.keyCode !== 16 && event.keyCode !== 32 && event.keyCode !== 35 &&\n\t\t\t\t\tevent.keyCode !== 36 && event.keyCode !== 37 && event.keyCode !== 39 && event.keyCode !== 46 &&\n\t\t\t\t\t(event.keyCode < 65 || event.keyCode > 90) && event.keyCode !== 109 && event.keyCode !== 189 && event.keyCode !== 219) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t}\n\t\t\t\tbreak;\n\n\t\t\tcase \"dni\":\n\t\t\t\tif (event.keyCode !== 0 && event.keyCode !== 8 && event.keyCode !== 9 && event.keyCode !== 16 && event.keyCode !== 32 && event.keyCode !== 35 &&\n\t\t\t\t\tevent.keyCode !== 36 && event.keyCode !== 37 && event.keyCode !== 39 && event.keyCode !== 46 &&\n\t\t\t\t\t(event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105)) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t}\n\t\t\t\tbreak;\n\n\t\t\tdefault:\n\t\t\t\t// Do Nothing\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\thandleComboChange = (selectedOption, event) => {\n\t\tlet inputName = event.name;\n\t\tlet inputValue = selectedOption.value;\n\t\tlet inputString = selectedOption.label;\n\t\tlet searchCriteria = this.state.searchCriteria;\n\n\t\tswitch (inputName) {\n\t\t\tcase \"ramo\":\n\t\t\t\tsearchCriteria[2].ramo = inputValue;\n\t\t\t\tbreak;\n\t\t\tcase \"producto\":\n\t\t\t\tsearchCriteria[2].producto = inputValue;\n\t\t\t\tbreak;\n\t\t\tcase \"mesvigencia\":\n\t\t\t\tsearchCriteria[1].vigencia = inputValue;\n\t\t\t\tvar d = inputValue.split(\"-\");\n\t\t\t\tsearchCriteria[1].fechaDesde = new Date(d[1], d[0], 1);\n\t\t\t\tsearchCriteria[1].fechaHasta = new Date(d[1], parseInt(d[0]) + 1, 0);\n\t\t\t\tbreak;\n\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\t\tthis.setState({\n\t\t\tsearchCriteria: searchCriteria\n\t\t}, () => {\n\t\t\tconsole.log(searchCriteria[1]);\n\t\t\tthis.refreshFiltros();\n\t\t});\n\t};\n\n\thandleChange = event => {\n\t\tlet searchCriteria = this.state.searchCriteria;\n\t\t// Check which field\n\t\tswitch (event.target.id) {\n\n\t\t\tcase \"nro_poliza\":\n\t\t\t\tsearchCriteria[3].poliza = event.target.value;\n\t\t\t\tbreak;\n\n\t\t\tcase \"nro_certificado\":\n\t\t\t\tsearchCriteria[3].certificado = event.target.value;\n\t\t\t\tbreak;\n\n\t\t\tcase \"nombre\":\n\t\t\t\tsearchCriteria[4].nombre = event.target.value;\n\t\t\t\tbreak;\n\n\t\t\tcase \"apellido\":\n\t\t\t\tsearchCriteria[4].apellido = event.target.value;\n\t\t\t\tbreak;\n\n\t\t\tcase \"dni\":\n\t\t\t\tsearchCriteria[4].dni = event.target.value;\n\t\t\t\tbreak;\n\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\n\t\tthis.setState({\n\t\t\tsearchCriteria: searchCriteria\n\t\t}, () => {\n\t\t\t//\n\t\t\tthis.refreshFiltros();\n\t\t});\n\t};\n\n\trefreshFiltros = () => {\n\t\tconst { COMMON_SEARCH_FORM } = GLOBAL;\n\t\t// Populate Filtros\n\t\tlet searchCriteriaText = COMMON_SEARCH_FORM.SELECTED_PRODUCERS;\n\n\t\t// Add productores\n\t\tconst filter = {};\n\n\t\t// creo dinamicamente el objeto para el filtro de acuerdo al filtro seleccionado\n\t\tif (this.state.searchCriteria[0].productores.length > 0) {\n\t\t\tfilter.ProducerId = {};\n\t\t\tfilter.ProducerId.in = [];\n\t\t\tfilter.Source = {};\n\t\t\tfilter.Source.in = [];\n\t\t} else {\n\t\t\tdelete filter.ProducerId;\n\t\t\tdelete filter.Source;\n\t\t}\n\n\t\tlet productores_id = Array.from(new Set(this.state.searchCriteria[0].productores.map((item) => item.id.replace('X', ''))));\n\t\tlet productores_core = Array.from(new Set(this.state.searchCriteria[0].productores.map((item) => item.core)));\n\t\tlet productores_text = Array.from(new Set(this.state.searchCriteria[0].productores.map((item) => item.text)));\n\n\t\tproductores_text.forEach((item, index) => {\n\t\t\tsearchCriteriaText += (index) ? \", \" : \"\";\n\t\t\tsearchCriteriaText += item;\n\n\t\t\t// agrego para la clausula in ProducerId\n\t\t\tlet id = parseInt(productores_id[index]);\n\t\t\tif (id > 0)\n\t\t\t\tfilter.ProducerId.in.push(id);\n\n\t\t\tlet core = productores_core[index];\n\t\t\tif (core)\n\t\t\t\tfilter.Source.in.push(core);\n\t\t});\n\n\t\tif (this.state.searchCriteria[2].ramo) {\n\t\t\t//filter.BranchCode = Number(this.state.searchCriteria[2].ramo);\n\t\t\tfilter.BranchCode = {};\n\t\t\tfilter.BranchCode.in = [];\n\t\t\tthis.state.searchCriteria[2].ramo.split(';').forEach(function (value, index) {\n\t\t\t\tfilter.BranchCode.in.push(parseInt(value));\n\t\t\t});\n\t\t} else {\n\t\t\tdelete filter.BranchCode;\n\t\t}\n\n\t\tif (this.state.searchCriteria[2].producto) {\n\t\t\tfilter.ProductCode = Number(this.state.searchCriteria[2].producto);\n\t\t} else {\n\t\t\tdelete filter.ProductCode;\n\t\t}\n\n\t\tif (this.state.searchCriteria[3].poliza) {\n\t\t\tfilter.PolicyId = parseInt(this.state.searchCriteria[3].poliza);\n\t\t} else {\n\t\t\tdelete filter.PolicyId;\n\t\t}\n\n\t\tif (this.state.searchCriteria[3].certificado) {\n\t\t\tfilter.CertificateNumber = parseInt(this.state.searchCriteria[3].certificado);\n\t\t} else {\n\t\t\tdelete filter.CertificateNumber;\n\t\t}\n\n\t\t// if (this.searchCriteria[3].estado !== '-1') {\n\t\t// \tfilter.Status = this.searchCriteria[3].estado;\n\t\t// }else {\n\t\t// \tdelete filter.Status;\n\t\t// }\n\n\t\tif (this.state.searchCriteria[4].nombre || this.state.searchCriteria[4].apellido) {\n\t\t\tfilter.RecruiterName = {};\n\t\t\tfilter.RecruiterName.contains = \"\";\n\t\t\tfilter.RecruiterName.contains += (this.state.searchCriteria[4].nombre) ? \" \" + this.state.searchCriteria[4].nombre : \"\";\n\t\t\tfilter.RecruiterName.contains += (this.state.searchCriteria[4].apellido) ? \" \" + this.state.searchCriteria[4].apellido : \"\";\n\t\t} else {\n\t\t\tdelete filter.RecruiterName;\n\t\t}\n\n\t\tif (this.state.searchCriteria[4].dni) {\n\t\t\tfilter.RecruiterDni = {};\n\t\t\tfilter.RecruiterDni.contains = this.state.searchCriteria[4].dni;\n\t\t} else {\n\t\t\tdelete filter.RecruiterName;\n\t\t}\n\n\t\t// Add dates\n\t\tif (this.state.searchCriteria[1].fechaDesde) {\n\t\t\tsearchCriteriaText += \"\n
\n \n
\n \n \n
\n ADMINISTRAR USUARIO
\n\n
\n\n
\n \n\n
\n {this.state.error && (\n
\n \n
\n )}\n \n this.handleChange(e)}\n errorMsg={this.state.errorMsg_email}\n borderColor={this.state.errorBorder_email}\n />\n
\n \n
\n \n this.handleChange(e)}\n errorMsg={this.state.errorMsg_nombre}\n borderColor={this.state.errorBorder_nombre}\n />\n
\n \n this.handleChange(e)}\n errorMsg={this.state.errorMsg_apellido}\n borderColor={this.state.errorBorder_apellido}\n />\n
\n \n \n \n
\n \" + COMMON_SEARCH_FORM.DATERANGE_SEARCH_TEXT;\n\t\t\tsearchCriteriaText += (moment(this.state.searchCriteria[1].fechaDesde)).format(\"DD/MM/YYYY\") ? \" Desde \" + moment(this.state.searchCriteria[1].fechaDesde).format(\"DD/MM/YYYY\") : \"\";\n\t\t\tsearchCriteriaText += (moment(this.state.searchCriteria[1].fechaHasta).format(\"DD/MM/YYYY\")) ? \" Hasta \" + moment(this.state.searchCriteria[1].fechaHasta).format(\"DD/MM/YYYY\") : \"\";\n\t\t}\n\n\t\tif (this.state.searchCriteria[2].ramo || this.state.searchCriteria[2].producto) {\n\t\t\tlet idramo = this.state.searchCriteria[2].ramo;\n\t\t\tlet ramo = '';\n\t\t\tif (idramo) {\n\t\t\t\tramo = this.state.ramos.filter(x => x.id === idramo)[0].value;\n\t\t\t}\n\t\t\tlet idproducto = this.state.searchCriteria[2].producto;\n\t\t\tlet producto = '';\n\t\t\tif (idproducto) {\n\t\t\t\tproducto = this.state.productos.filter(x => x.id === idproducto)[0].value;\n\t\t\t}\n\n\t\t\tsearchCriteriaText += \"
\" + COMMON_SEARCH_FORM.PRODUCTS_SEARCH_TEXT;\n\t\t\tsearchCriteriaText += (ramo !== '') ? \" Ramo \\\"\" + ramo + \"\\\"\" : \"\";\n\t\t\tsearchCriteriaText += ((producto !== '' && ramo !== '') ? \", \" : \"\") + ((producto !== '') ? \" Producto \\\"\" + producto + \"\\\"\" : \"\");\n\t\t}\n\n\t\tif (this.state.searchCriteria[3].poliza || this.state.searchCriteria[3].certificado) {\n\t\t\tsearchCriteriaText += \"
\" + COMMON_SEARCH_FORM.POLICY_SEARCH_TEXT;\n\t\t\tsearchCriteriaText += (this.state.searchCriteria[3].poliza) ? \" Póliza \\\"\" + this.state.searchCriteria[3].poliza + \"\\\"\" : \"\";\n\t\t\tsearchCriteriaText += ((this.state.searchCriteria[3].certificado && this.state.searchCriteria[3].poliza) ? \", \" : \"\") + ((this.state.searchCriteria[3].certificado) ? \" Certificado \\\"\" + this.state.searchCriteria[3].certificado + \"\\\"\" : \"\");\n\t\t}\n\n\t\tif (this.state.searchCriteria[4].nombre || this.state.searchCriteria[4].apellido || this.state.searchCriteria[4].dni) {\n\t\t\tsearchCriteriaText += \"
\" + COMMON_SEARCH_FORM.USER_SEARCH_TEXT;\n\t\t\tsearchCriteriaText += (this.state.searchCriteria[4].nombre) ? \" Nombre \\\"\" + this.state.searchCriteria[4].nombre + \"\\\"\" : \"\";\n\t\t\tsearchCriteriaText += ((this.state.searchCriteria[4].apellido && this.state.searchCriteria[4].nombre) ? \", \" : \"\") + ((this.state.searchCriteria[4].apellido) ? \" Apellido \\\"\" + this.state.searchCriteria[4].apellido + \"\\\"\" : \"\");\n\t\t\tsearchCriteriaText += ((this.state.searchCriteria[4].dni && (this.state.searchCriteria[4].nombre || this.state.searchCriteria[4].apellido)) ? \", \" : \"\") + ((this.state.searchCriteria[4].dni) ? \" Dni \\\"\" + this.state.searchCriteria[4].dni + \"\\\"\" : \"\");\n\t\t}\n\n\n\n\t\tthis.setState({ name: this.state.name, searchCriteriaText: searchCriteriaText });\n\t};\n\n\tclearFiltros = () => {\n\t\tconst SEARCH_CRITERIA_DEFAUL_VALUES = [\n\t\t\t{\n\t\t\t\t\"productores\": []\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"vigencia\": FORM_DATA.MONTHSSETTLEMENT[0].id\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"ramo\": '',\n\t\t\t\t\"producto\": ''\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"poliza\": null,\n\t\t\t\t\"certificado\": null,\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"nombre\": null,\n\t\t\t\t\"apellido\": null,\n\t\t\t\t\"dni\": null\n\t\t\t}\n\t\t];\n\t\tdocument.getElementById('nro_poliza').value = '';\n\t\tdocument.getElementById('nro_certificado').value = '';\n\t\tdocument.getElementById('nombre').value = '';\n\t\tdocument.getElementById('apellido').value = '';\n\t\tdocument.getElementById('dni').value = '';\n\n\t\tthis.showResults = false;\n\t\tthis.searchResultsError = false;\n\t\tthis.producerSelector.current.resetSelection();\n\n\t\tthis.setState({\n\t\t\tsearchCriteria: SEARCH_CRITERIA_DEFAUL_VALUES,\n\t\t\tcheckedItems: [],\n\t\t\tproductorSelected: 0,\n\t\t\tenableFilterTabs: false,\n\t\t\tsearchEnabled: false,\n\t\t\tfilterTabActive: 0\n\t\t}, () => {\n\t\t\tthis.refreshFiltros();\n\t\t});\n\t};\n\thandleSubmit = event => {\n\n\t\tconst { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\n\t\tevent.preventDefault();\n\n\t\tthis.searchResultsError = \"\";\n\t\tthis.showResults = false;\n\n\t\tthis.setState({ name: this.state.name, filterTabActive: -1, loadingData: true });\n\t\t\n\t\t// Parse data to send\n\t\tconst requestOptions = {\n\t\t\tmethod: 'POST',\n\t\t\theaders: DEFAULT_HEADER.get(),\n\t\t\tbody: JSON.stringify({\n\t\t\t\tproducerId : this.state.searchCriteria[0].productores.map(x=>parseFloat(x.id.replace('X', ''))),\n\t\t\t\tfechaDesde: this.state.searchCriteria[1].fechaDesde,\n\t\t\t\tfechaHasta: this.state.searchCriteria[1].fechaHasta,\n\t\t\t\tramo: this.state.searchCriteria[2].ramo,\n\t\t\t\tproducto: this.state.searchCriteria[2].producto,\n\t\t\t\tpoliza: this.state.searchCriteria[3].poliza,\n\t\t\t\tcertificado: this.state.searchCriteria[3].certificado,\n\t\t\t\testado: this.state.searchCriteria[3].estado !== '-1' ? parseInt(this.state.searchCriteria[3].estado) : null,\n\t\t\t\tnombre: this.state.searchCriteria[4].nombre,\n\t\t\t\tapellido: this.state.searchCriteria[4].apellido,\n\t\t\t\tdni: this.state.searchCriteria[4].dni,\n\t\t\t})\n\t\t};\n\n\t\tvar url = new URL(`${PRODUCERURL}api/settlement/`);\n\n\t\treturn fetch(url, requestOptions)\n\t\t\t.then((response) => {\n\t\t\t\treturn QLIBS.authorizeAction(response);\n\t\t\t})\n\t\t\t.then(this.handleResponse)\n\t\t\t.catch(this.handleResponse);\n\n\t};\n\n\thandleCheckedItemsChanged(checkedItems) {\n\t\tlet searchCriteria = this.state.searchCriteria;\n\t\tsearchCriteria[0].productores = checkedItems;\n\n\t\tthis.setState({\n\t\t\tcheckedItems: checkedItems,\n\t\t\tenableFilterTabs: checkedItems.length > 0,\n\t\t\tsearchCriteria: searchCriteria,\n\t\t\tsearchEnabled: checkedItems.length > 0\n\t\t}, () => {\n\t\t\tthis.refreshFiltros();\n\t\t});\n\t};\n\n\thandleProducerIdChanged(producerId) {\n\t\tthis.setState({ productorSelected: producerId });\n\t};\n\n\thandleProducersChanged(newProducers) {\n\t\tthis.setState({ productoresData: newProducers });\n\t};\n\n\thandleResponse(response) {\n\t\tconst { COMMON_SEARCH_FORM } = GLOBAL;\n\t\tlet tableData = [];\n\n\t\tif (Array.isArray(response)) {\n\t\t\tthis.searchResultsError = \"\";\n\t\t\tthis.showResults = true;\n\t\t\ttableData = response.map(function (item) {\n\t\t\t\treturn {\n\t\t\t\t\tid: item.policyId,\n\t\t\t\t\tramoCodigo: (item.branchCode).toString(),\n\t\t\t\t\tramoDescripcion: item.branchDescription,\n\t\t\t\t\tcontratanteDescripcion: item.recruiterName,\n\t\t\t\t\tproductoCodigo: item.productCode,\n\t\t\t\t\tproductoDescripcion: item.productDescription,\n\t\t\t\t\tpoliza: (item.policyId).toString(),\n\t\t\t\t\tcertificado: (item.certificateNumber).toString(),\n\t\t\t\t\tmontoResultante: `$ ${truncate(item.commissionAmount, 2)}`,\n\t\t\t\t\tporcentaje: item.percentage,\n\t\t\t\t\t// prima: item.prime,\n\t\t\t\t\tmoneda: item.currency,\n\t\t\t\t\tpremio: `$ ${truncate(item.premiumSupplement, 2)}`,\n\t\t\t\t\tbaseCalculo: `$ ${truncate(item.baseCalculation, 2)}`,\n\t\t\t\t\tproductor: item.producerDescription,\n\t\t\t\t\tfechaImputacion: moment(item.imputationDate).format(\"DD/MM/YYYY\"),\n\t\t\t\t\tfechaVigencia: moment(item.startDate).format(\"DD/MM/YYYY\"),\n\t\t\t\t\treferencia: item.referenceNumber,\n\t\t\t\t\tdocumentoContratante: item.recruiterDni\n\t\t\t\t}\n\t\t\t});//JSON.parse(response.data);\n\n\t\t} else {\n\t\t\tthis.searchResultsError = COMMON_SEARCH_FORM.SERVER_ERROR;\n\t\t\tthis.showResults = true;\n\t\t}\n\n\t\tthis.searchTableColumns = this.createSearchTableColumns();\n\n\t\tthis.searchTableData = {\n\t\t\tmakeData: () => {\n\t\t\t\treturn tableData\n\t\t\t}\n\t\t};\n\n\t\tthis.setState({ name: this.state.name, loadingData: false });\n\t};\n\n\thandleExportSubmit(event) {\n\t\tconst { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\n\t\tevent.preventDefault();\n\t\tthis.setState({ loadingData: true });\n\n\t\tconst columns = JSON.stringify(this.createExcelReportColumns());\n\n\t\tconst requestOptions = {\n\t\t\tmethod: 'POST',\n\t\t\theaders: DEFAULT_HEADER.get(),\n\t\t\tbody: `{\"url\": \"${PRODUCERURL}\", \"filters\": \"${this.state.searchCriteriaText.replace(/['\"]+/g, \"\\\\'\")}\", \"columns\": \"${columns.replace(/['\"]/g, \"\\\\'\")}\"}`\n\t\t};\n\t\tfetch(`${PRODUCERURL}settlement/export`, requestOptions)\n\t\t\t.then(function (resp) {\n\t\t\t\treturn resp.blob();\n\t\t\t})\n\t\t\t.then(function (blob) {\n\t\t\t\tconst link = document.createElement('a');\n\t\t\t\tlink.href = window.URL.createObjectURL(blob);\n\t\t\t\tlink.download = \"Liquidacion.xlsx\";\n\t\t\t\tlink.click();\n\t\t\t})\n\t\t\t.then(() => {\n\t\t\t\tthis.setState({ loadingData: false });\n\t\t\t});\n\t};\n\n\thandleSaveViewModal(newListColumns) {\n\t\tconst tempTableColumns = this.createBaseTableColumns();\n\n\t\tthis.baseTableColumns = newListColumns.map(c => {\n\t\t\tlet col = tempTableColumns.find(f => f.name === c.name);\n\t\t\tcol.show = c.show;\n\t\t\treturn col;\n\t\t});\n\n\t\tthis.searchTableColumns = this.createSearchTableColumns();\n\t}\n\n\tonKeyDown = (event) => {\n\t\t// 'keypress' event misbehaves on mobile so we track 'Enter' key via 'keydown' event\n\t\tif (event.key === 'Enter' && this.state.searchEnabled) {\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t\tdocument.getElementById(\"btnSubmit\").click();\n\t\t}\n\t}\n\n\tcreateSearchTableColumns() {\n\t\tconst newTableColumns = [...this.baseTableColumns.filter(f => f.show)];\n\t\treturn newTableColumns;\n\t}\n\t\n\tcreateExcelReportColumns() {\n\t\tconst excelReportColumns = this.baseTableColumns.filter(f => f.show).map(c => {\n\t\t\treturn {\n\t\t\t\tTitle: c.title,\n\t\t\t\tField: c.field,\n\t\t\t\tSummarize: c.summarize,\n\t\t\t\tFormat: c.format\n\t\t\t}\n\t\t});\n\t\treturn excelReportColumns;\n\t}\n\n\tcreateBaseTableColumns() {\n\t\tconst { REPORT_FORMAT } = GLOBAL;\n\n\t\tlet newTableColumns = [];\n\n\t\t// Get Columns identifier\n\t\tlet columns = {\n\t\t\t\"contratanteDescripcion\": { title: \"Contratante\", field: \"RecruiterName\", show: true, width: 200 },\n\t\t\t\"productoCodigo\": { title: \"Código producto\", field: \"ProductCode\", show: true },\n\t\t\t\"productoDescripcion\": { title: \"Producto\", field: \"ProductDescription\", show: true, width: 200 },\n\t\t\t\"poliza\": { title: \"Póliza\", field: \"PolicyId\", show: true },\n\t\t\t\"certificado\": { title: \"Certificado\", field: \"CertificateNumber\", show: true },\n\t\t\t\"montoResultante\": { title: \"Monto resultante\", field: \"CommissionAmount\", format: REPORT_FORMAT.MONEDA, show: true, summarize: true, signo: '$' },\n\t\t\t\"porcentaje\": { title: \"Porcentaje\", format: REPORT_FORMAT.DECIMAL, field: \"Percentage\", show: true },\n\t\t\t\"baseCalculo\": { title: \"Prima - Base de Cálculo\", format: REPORT_FORMAT.MONEDA, field: \"BaseCalculation\", show: true, summarize: true, signo: '$' },\n\t\t\t\"productor\": { title: \"Productor\", field: \"ProducerDescription\", show: true, width: 200 },\n\t\t\t\"fechaImputacion\": { title: \"Imputación\", format: REPORT_FORMAT.FECHA, field: \"ImputationDate\", show: true },\n\t\t\t\"fechaVigencia\": { title: \"Inicio vigencia\", format: REPORT_FORMAT.FECHA, field: \"StartDate\", show: true },\n\t\t\t\"moneda\": { title: \"Moneda\", field: \"Currency\", show: true },\n\t\t\t\"premio\": { title: \"Premio\", field: \"PremiumSupplement\", format: REPORT_FORMAT.MONEDA, show: true, summarize: true, signo: '$' },\n\t\t\t\"ramoCodigo\": { title: \"Código ramo\", field: \"BranchCode\", show: true },\n\t\t\t\"ramoDescripcion\": { title: \"Ramo\", field: \"BranchDescription\", show: true, width: 200 },\n\t\t\t\"referencia\": { title: \"Referencia\", field: \"ReferenceNumber\", show: true },\n\t\t\t\"documentoContratante\": { title: \"Documento contratante\", field: \"RecruiterDni\", show: true },\n\t\t};\n\n\t\t// Add Columns to Table\n\t\tlet cols = QLIBS.getTableColumns(columns);\n\t\tcols.forEach((c) => { newTableColumns.push(c) });\n\n\t\treturn newTableColumns;\n\t}\n\n\trender(...props) {\n\t\tconst { USER_DASHBOARD: { LOGOUT_MODAL }, CHANNEL_OPTIONS, TABLE_VIEW } = GLOBAL;\n\t\tconst { LIQUIDACION_SEARCH_FORM, COMMON_SEARCH_FORM, PAGES } = GLOBAL;\n\n\t\t// Set Tabs disabled\n\t\tthis.filterTabs[1].disabled = (!this.state.enableFilterTabs);\n\t\tthis.filterTabs[2].disabled = (!this.state.enableFilterTabs);\n\t\tthis.filterTabs[3].disabled = (!this.state.enableFilterTabs);\n\t\t//this.filterTabs[4].disabled = (!this.state.enableFilterTabs);//filtro por asociado\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{this.state.showViewsModal &&
\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{PAGES.TITLE.SETTLEMENT}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\tRango de Fechas:\";\n\t\t\tsearchCriteriaText += this.state.searchCriteria[1].fechaDesde ? \" Desde \" + moment(this.state.searchCriteria[1].fechaDesde).format(\"DD/MM/YYYY\") : \"\";\n\t\t\tsearchCriteriaText += (moment(this.state.searchCriteria[1].fechaHasta).format(\"DD/MM/YYYY\")) ? \" Hasta \" + moment(this.state.searchCriteria[1].fechaHasta).format(\"DD/MM/YYYY\") : \"\";\n\t\t}\n\n\t\tif (this.state.searchCriteria[2].ramo || this.state.searchCriteria[2].producto) {\n\t\t\tlet idramo = this.state.searchCriteria[2].ramo;\n\t\t\tlet ramo = '';\n\t\t\tif (idramo) {\n\t\t\t\tramo = this.state.ramos.filter(x => x.id === idramo)[0].value;\n\t\t\t}\n\t\t\tlet idproducto = this.state.searchCriteria[2].producto;\n\t\t\tlet producto = '';\n\t\t\tif (idproducto) {\n\t\t\t\tproducto = this.state.productos.filter(x => x.id === idproducto)[0].value;\n\t\t\t}\n\n\t\t\tsearchCriteriaText += \"
\" + COMMON_SEARCH_FORM.PRODUCTS_SEARCH_TEXT;\n\t\t\tsearchCriteriaText += (ramo !== '') ? \" Ramo \\\"\" + ramo + \"\\\"\" : \"\";\n\t\t\tsearchCriteriaText += ((producto !== '' && ramo !== '') ? \", \" : \"\") + ((producto !== '') ? \" Producto \\\"\" + producto + \"\\\"\" : \"\");\n\t\t}\n\n\t\tif (this.state.searchCriteria[3].poliza || this.state.searchCriteria[3].certificado) {// || this.searchCriteria[3].estado\n\t\t\tsearchCriteriaText += \"
\" + COMMON_SEARCH_FORM.POLICY_SEARCH_TEXT;\n\t\t\tsearchCriteriaText += (this.state.searchCriteria[3].poliza) ? \" Póliza \\\"\" + this.state.searchCriteria[3].poliza + \"\\\"\" : \"\";\n\t\t\tsearchCriteriaText += ((this.state.searchCriteria[3].certificado && this.state.searchCriteria[3].poliza) ? \", \" : \"\") + ((this.state.searchCriteria[3].certificado) ? \" Certificado \\\"\" + this.state.searchCriteria[3].certificado.toString() + \"\\\"\" : \"\");\n\t\t}\n\n\t\tif (this.state.searchCriteria[4].nombre || this.state.searchCriteria[4].apellido || this.state.searchCriteria[4].dni) {\n\t\t\tsearchCriteriaText += \"
\" + COMMON_SEARCH_FORM.USER_SEARCH_TEXT;\n\t\t\tsearchCriteriaText += (this.state.searchCriteria[4].nombre) ? \" Nombre \\\"\" + this.state.searchCriteria[4].nombre + \"\\\"\" : \"\";\n\t\t\tsearchCriteriaText += ((this.state.searchCriteria[4].apellido && this.state.searchCriteria[4].nombre) ? \", \" : \"\") + ((this.state.searchCriteria[4].apellido) ? \" Apellido \\\"\" + this.state.searchCriteria[4].apellido + \"\\\"\" : \"\");\n\t\t\tsearchCriteriaText += ((this.state.searchCriteria[4].dni && (this.state.searchCriteria[4].nombre || this.state.searchCriteria[4].apellido)) ? \", \" : \"\") + ((this.state.searchCriteria[4].dni) ? \" Dni \\\"\" + this.state.searchCriteria[4].dni + \"\\\"\" : \"\");\n\t\t}\n\n\t\tthis.setState({ name: this.state.name, searchCriteriaText: searchCriteriaText,filterData : filter });\n\t};\n\n\tclearFiltros = () => {\n\t\tvar date = new Date(), y = date.getFullYear(), m = date.getMonth();\n\n\t\tconst SEARCH_CRITERIA_DEFAUL_VALUES = [\n\t\t\t{\n\t\t\t\t\"productores\": []\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"fechaDesde\": new Date(),\n\t\t\t\t\"fechaHasta\": new Date()\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"ramo\": '',\n\t\t\t\t\"producto\": ''\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"poliza\": null,\n\t\t\t\t\"certificado\": null,\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"nombre\": null,\n\t\t\t\t\"apellido\": null,\n\t\t\t\t\"dni\": null\n\t\t\t}\n\t\t];\n\n\n\t\tdocument.getElementById('ramo').value = '';\n\t\tdocument.getElementById('producto').value = '';\n\t\tdocument.getElementById('nro_poliza').value = '';\n\t\tdocument.getElementById('nro_certificado').value = '';\n\t\tdocument.getElementById('nombre').value = '';\n\t\tdocument.getElementById('apellido').value = '';\n\t\tdocument.getElementById('dni').value = '';\n\t\tdocument.getElementById('fecha_emision_desde').value = moment(new Date()).format(\"DD/MM/YYYY\");\n\t\tdocument.getElementById('fecha_emision_hasta').value = moment(new Date()).format(\"DD/MM/YYYY\");\n\n\t\tthis.showResults = false;\n\t\tthis.searchResultsError = false;\n\t\tthis.producerSelector.current.resetSelection();\n\n\t\tthis.setState({\n\t\t\tsearchCriteria: SEARCH_CRITERIA_DEFAUL_VALUES,\n\t\t\tcheckedItems: [],\n\t\t\tproductorSelected: 0,\n\t\t\tenableFilterTabs: false,\n\t\t\tsearchEnabled: false,\n\t\t\tfilterTabActive: 0\n\t\t}, () => {\n\t\t\tthis.refreshFiltros();\n\t\t});\n\t};\n\n\thandleSubmit =async(event) => {\n\t\tconst { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\t\t\n\t\tif (event)\n\t\t\tevent.preventDefault();\n\n\t\tthis.searchResultsError = \"\";\n\t\tthis.showResults = false;\n\t\tlet sort = this.state.sort.length === 0 ? null : this.state.sort[0];\n\t\tthis.setState({ name: this.state.name, filterTabActive: -1, loadingData: true });\n\t\tconst requestOptions = {\n\t\t\tmethod: 'POST',\n\t\t\theaders: DEFAULT_HEADER.get(),\n\t\t\tbody: JSON.stringify({\n\t\t\t\tgridFilters: this.state.filters,\n\t\t\t\tnext: this.pageSize,\n\t\t\t\tsort: sort,\n\t\t\t\toffset: this.page * this.pageSize,\n\t\t\t\tproducerId : this.state.filterData.ProducerId.in,\n\t\t\t\tfechaDesde: this.state.searchCriteria[1].fechaDesde,\n\t\t\t\tfechaHasta: this.state.searchCriteria[1].fechaHasta,\n\t\t\t\tramo: this.state.searchCriteria[2].ramo,\n\t\t\t\tproducto: this.state.searchCriteria[2].producto,\n\t\t\t\tpoliza: this.state.searchCriteria[3].poliza,\n\t\t\t\tcertificado: this.state.searchCriteria[3].certificado,\n\t\t\t})\n\t\t};\n\n\t\tvar url = new URL(`${PRODUCERURL}rejection/`);\n\t\treturn fetch(url, requestOptions)\n\t\t\t.then((response) => {\n\t\t\t\treturn QLIBS.authorizeAction(response);\n\t\t\t})\n\t\t\t.then(this.handleResponse)\n\t\t\t.catch(this.handleResponse);\n\t};\n\n\thandleCheckedItemsChanged(checkedItems) {\n\t\tlet searchCriteria = this.state.searchCriteria;\n\t\tsearchCriteria[0].productores = checkedItems;\n\n\t\tthis.setState({\n\t\t\tcheckedItems: checkedItems,\n\t\t\tenableFilterTabs: checkedItems.length > 0,\n\t\t\tsearchCriteria: searchCriteria,\n\t\t\tsearchEnabled: checkedItems.length > 0\n\t\t}, () => {\n\t\t\tthis.refreshFiltros();\n\t\t});\n\t};\n\n\thandleProducerIdChanged(producerId) {\n\t\tthis.setState({ productorSelected: producerId });\n\t};\n\n\thandleProducersChanged(newProducers) {\n\t\tthis.setState({ productoresData: newProducers });\n\t};\n\n\thandleResponse(response) {\n\t\tconst { COMMON_SEARCH_FORM } = GLOBAL;\n\t\tlet tableData = [];\n\n\t\tif (Array.isArray(response.data)) {\n\t\t\tthis.pages = Math.ceil(response.total / this.pageSize);\n\t\t\tthis.searchResultsError = \"\";\n\t\t\tthis.showResults = true;\n\t\t\tvar id = 0;\n\t\t\ttableData = response.data.map(function (item) {\n\t\t\t\tid++;\n\t\t\t\treturn {\n\t\t\t\t\tid: id,\n\t\t\t\t\tinsured: item.insured,\n\t\t\t\t\trejectionReasonCode: item.rejectionReasonCode,\n\t\t\t\t\trejectionReasonDesc: item.rejectionReasonDesc,\n\t\t\t\t\tcurrency: item.currency,\n\t\t\t\t\tamount: `$ ${truncate(item.amount, 2)}`,\n\t\t\t\t\tpolicyNumber: item.policyNumber,\n\t\t\t\t\tcertificateNumber: item.certificateNumber,\n\t\t\t\t\tproductCode: item.productCode,\n\t\t\t\t\tproductDescription: QLIBS.descriptionString(item.productCode, item.productDescription),\n\t\t\t\t\tproducerId: item.producerId,\n\t\t\t\t\tproducerName: QLIBS.descriptionString(item.producerId, item.producerName),\n\t\t\t\t\tpaymentMethod: item.paymentMethod,\n\t\t\t\t\tcreditCardNumber: item.creditCardNumber,\n\t\t\t\t\tcbu: item.cbu,\n\t\t\t\t\tpremium: item.premium ? `$ ${truncate(item.premium, 2)}` : '-',\n\t\t\t\t\temissionDate: item.emissionDate == null ? '-' : moment(item.emissionDate).format(\"DD/MM/YYYY\"),\n\t\t\t\t\tstartDate: item.startDate == null ? '-' : moment(item.startDate).format(\"DD/MM/YYYY\"),\n\t\t\t\t\tendDate: item.endDate == null ? '-' : moment(item.endDate).format(\"DD/MM/YYYY\"),\n\t\t\t\t\tbranchCode: item.branchCode,\n\t\t\t\t\tbranchDescription: QLIBS.descriptionString(item.branchCode, item.branchDescription),\n\t\t\t\t\treference: item.reference,\n\t\t\t\t\tinsuredDocType: item.insuredDocType,\n\t\t\t\t\tinsuredDocNumber: QLIBS.descriptionString(item.insuredDocType, item.insuredDocNumber),\n\t\t\t\t\tsettlement: item.settlement,\n\t\t\t\t\treceiptCharged: item.receiptCharged,\n\t\t\t\t\treceiptRejected: item.receiptRejected,\n\t\t\t\t\tlastContributionDate: item.lastContributionDate == null ? '-' : moment(item.lastContributionDate).format(\"DD/MM/YYYY\"),\n\t\t\t\t\tlastContributionAmount: item.lastContributionAmount ? `$ ${truncate(item.lastContributionAmount, 2)}` : '',\n\t\t\t\t\tpolicyBalance: item.policyBalance ? `$ ${truncate(item.policyBalance, 2)}` : '',\n\t\t\t\t\tcompany: item.company,\n\t\t\t\t\trejectionDate: item.rejectionDate === null ? '-' : moment(item.rejectionDate).format(\"DD/MM/YYYY\"),\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tthis.searchResultsError = COMMON_SEARCH_FORM.SERVER_ERROR;\n\t\t\tthis.showResults = true;\n\t\t}\n\n\t\tthis.searchTableColumns = this.createSearchTableColumns();\n\t\tthis.setState({data : tableData, name: this.state.name, loadingData: false });\n\t};\n\n\thandleExportSubmit(event) {\n\t\tconst { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n\n\t\tevent.preventDefault();\n\t\tthis.setState({ loadingData: true });\n\n\t\tconst requestOptions = {\n\t\t\tmethod: 'POST',\n\t\t\theaders: DEFAULT_HEADER.get(),\n\t\t\tbody: JSON.stringify({\n\t\t\t\tproducerId: this.state.searchCriteria[0].productores.map(x => parseFloat(x.id.replace('X', ''))),\n\t\t\t\t\tfechaDesde: this.state.searchCriteria[1].fechaDesde,\n\t\t\t\tfechaHasta: this.state.searchCriteria[1].fechaHasta,\n\t\t\t\tproducto: this.state.searchCriteria[2].producto,\n\t\t\t\tpoliza: this.state.searchCriteria[3].poliza,\n\t\t\t\tcertificado: this.state.searchCriteria[3].certificado,\n\t\t\t\tcolumns: JSON.stringify(this.createExcelReportColumns())\n\t\t\t})\n\t\t};\n\n\t\tfetch(`${PRODUCERURL}rejection/export`, requestOptions)\n\t\t\t.then(function (resp) {\n\t\t\t\treturn resp.blob();\n\t\t\t})\n\t\t\t.then(function (blob) {\n\t\t\t\tconst link = document.createElement('a');\n\t\t\t\tlink.href = window.URL.createObjectURL(blob);\n\t\t\t\tlink.download = \"Rechazos.xlsx\";\n\t\t\t\tlink.click();\n\t\t\t})\n\t\t\t.then(() => {\n\t\t\t\tthis.setState({ loadingData: false });\n\t\t\t});\n\t};\n\n\thandleSaveViewModal(newListColumns) {\n\t\tconst tempTableColumns = this.createBaseTableColumns();\n\n\t\tthis.baseTableColumns = newListColumns.map(c => {\n\t\t\tlet col = tempTableColumns.find(f => f.name === c.name);\n\t\t\tcol.show = c.show;\n\t\t\treturn col;\n\t\t});\n\n\t\tthis.searchTableColumns = this.createSearchTableColumns();\n\t}\n\n\tonKeyDown = (event) => {\n\t\t// 'keypress' event misbehaves on mobile so we track 'Enter' key via 'keydown' event\n\t\tif (event.key === 'Enter' && this.state.searchEnabled) {\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t\tdocument.getElementById(\"btnSubmit\").click();\n\t\t}\n\t}\n\n\tcreateSearchTableColumns() {\n\t\tconst newTableColumns = [...this.baseTableColumns.filter(f => f.show)];\n\t\treturn newTableColumns;\n\t}\n\t\n\tcreateExcelReportColumns() {\n\t\tconst excelReportColumns = this.baseTableColumns.filter(f => f.show).map(c => {\n\t\t\treturn {\n\t\t\t\tTitle: c.title,\n\t\t\t\tField: c.field,\n\t\t\t\tSummarize: c.summarize,\n\t\t\t\tFormat: c.format\n\t\t\t}\n\t\t});\n\t\treturn excelReportColumns;\n\t}\n\n\tapplyFilter = (event) => {\n if (event.length > 0) {\n this.page = 0\n this.setState({\n filters: event,\n },this.handleSubmit);\n }\n else {\n this.setState({\n filters: [],\n }, this.handleSubmit);\n }\n }\n\tgetFilter() {\n\t\tlet filters = this.state.filters\n\t\treturn filters\n\t}\n\tgetSort() {\n\t\tlet sort = this.state.sort\n\t\treturn sort\n\t}\n\tapplySort = (event) => {\n\t\tif (event.length > 0) {\n\t\t\tthis.setState({\n\t\t\t\tsort: event,\n\t\t\t}, () => this.handleSubmit());\n\t\t}\n\t\telse {\n\t\t\tthis.setState({\n\t\t\t\tsort: {},\n\t\t\t}, this.handleSubmit);\n\t\t}\n\t}\n\tchangeSize = async (size) => {\n\t\tthis.pageSize = size;\n\t\tthis.handleSubmit()\n\t}\n\tchangePage = async (page) => {\n\t\tthis.page = page;\n\t\tthis.handleSubmit()\n\t}\n\n\tcreateBaseTableColumns() {\n\t\tconst { REPORT_FORMAT } = GLOBAL;\n\n\t\tlet newTableColumns = [];\n\n\t\t// Get Columns identifier\n\t\tlet columns = {\n\t\t\t\"insured\": { title: \"Asegurado\", field: \"Insured\", show: true, width: 200 },\n\t\t\t\"rejectionReasonCode\": { title: \"Código Motivo rechazo\", field: \"RejectionReasonCode\", show: false },\n\t\t\t\"rejectionReasonDesc\": { title: \"Motivo rechazo\", field: \"RejectionReasonDesc\", show: true, width: 200 },\n\t\t\t\"currency\": { title: \"Moneda\", field: \"Currency\", show: true },\n\t\t\t\"amount\": { title: \"Monto\", field: \"Amount\", format: REPORT_FORMAT.MONEDA, show: true, summarize: true, signo: '$' },\n\t\t\t\"policyNumber\": { title: \"N° póliza\", field: \"PolicyNumber\", show: true },\n\t\t\t\"certificateNumber\": { title: \"Certificado\", field: \"CertificateNumber\", show: true },\n\t\t\t\"productCode\": { title: \"Código Producto\", field: \"ProductCode\", show: false },\n\t\t\t\"productDescription\": { title: \"Producto\", field: \"ProductDescription\", show: true, width: 200 },\n\t\t\t\"producerId\": { title: \"Código Productor\", field: \"ProducerId\", show: false },\n\t\t\t\"producerName\": { title: \"Productor\", field: \"ProducerName\", show: true, width: 200 },\n\t\t\t\"paymentMethod\": { title: \"Medio de pago\", field: \"PaymentMethod\", show: true },\n\t\t\t\"creditCardNumber\": { title: \"Tarjeta de crédito\", field: \"CreditCardNumber\", show: true },\n\t\t\t\"cbu\": { title: \"CBU bancario\", field: \"CBU\", show: true },\n\t\t\t\"premium\": { title: \"Prima\", field: \"Premium\", format: REPORT_FORMAT.MONEDA, show: true, summarize: true, signo: '$' },\n\t\t\t\"emissionDate\": { title: \"Emisión certificado\", field: \"EmissionDate\", format: REPORT_FORMAT.FECHA, show: true },\n\t\t\t\"startDate\": { title: \"Inicio vigencia\", field: \"StartDate\", format: REPORT_FORMAT.FECHA, show: true },\n\t\t\t\"endDate\": { title: \"Fin vigencia\", field: \"EndDate\", format: REPORT_FORMAT.FECHA, show: true },\n\t\t\t\"branchCode\": { title: \"Código Ramo\", field: \"BranchCode\", show: false },\n\t\t\t\"branchDescription\": { title: \"Ramo\", field: \"BranchDescription\", show: true },\n\t\t\t\"reference\": { title: \"Referencia\", field: \"Reference\", show: true },\n\t\t\t\"insuredDocType\": { title: \"Tipo Documento insured\", field: \"InsuredDocType\", show: false },\n\t\t\t\"insuredDocNumber\": { title: \"Documento insured\", field: \"InsuredDocNumber\", show: true },\n\t\t\t\"settlement\": { title: \"Liquidación\", field: \"Settlement\", show: true },\n\t\t\t\"receiptCharged\": { title: \"Recibos cobrados\", field: \"ReceiptCharged\", show: true },\n\t\t\t\"receiptRejected\": { title: \"Recibos rechazados\", field: \"ReceiptRejected\", show: true },\n\t\t\t\"lastContributionDate\": { title: \"Último aporte fecha\", field: \"LastContributionDate\", show: true },\n\t\t\t\"lastContributionAmount\": { title: \"Último aporte amount\", field: \"LastContributionAmount\", show: true, summarize: true, signo: '$' },\n\t\t\t\"policyBalance\": { title: \"Saldo póliza\", field: \"PolicyBalance\", show: true, summarize: true, signo: '$' },\n\t\t\t\"rejectionDate\": { title: \"Fecha recibo\", field: \"RejectionDate\", format: REPORT_FORMAT.FECHA, show: true },\n\t\t};\n\n\t\t// Add Columns to Table\n\t\tlet cols = QLIBS.getTableColumns(columns);\n\t\tcols.forEach((c) => { newTableColumns.push(c) });\n\n\t\treturn newTableColumns;\n\t}\n\n\trender(...props) {\n\t\tconst { TABLE_VIEW } = GLOBAL;\n\t\tconst { COMMON_SEARCH_FORM, PAGES } = GLOBAL;\n\n\t\t// Set Tabs disabled\n\t\tthis.filterTabs[1].disabled = (!this.state.enableFilterTabs);\n\t\tthis.filterTabs[2].disabled = (!this.state.enableFilterTabs);\n\t\tthis.filterTabs[3].disabled = (!this.state.enableFilterTabs);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{this.state.showViewsModal &&
\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{PAGES.TITLE.REJECTION}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n
\n \n
\n
\n \n
\n
\n \n \n \n \n \n
\n \n
\n \n this.onChangeFilter(e, REPORTES.USUARIOS_REGISTRADOS)} filters={PERIODOS}>\n <>\n Aguarde por favor...
}\n data={this.state.usuarios_registrados}\n options={{\n // Material design options\n chart: { title: this.state.title3 }\n }}\n // For tests\n rootProps={{ 'data-testid': '3' }}\n />\n \n \n \n this.onChangeFilter(e, REPORTES.MODULO_MAS_VISITADO)} filters={PERIODOS}>\n Aguarde por favor...
}\n data={this.state.modulos}\n options={{\n title: this.state.title1,\n chartArea: { width: '50%' },\n hAxis: {\n title: '',\n minValue: 0,\n },\n vAxis: {\n title: '',\n },\n }}\n // For tests\n rootProps={{ 'data-testid': '1' }}\n />\n \n \n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{PAGES.TITLE.REPOSITORIO}
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{this.searchResultsError && (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{
\n\t\t\t\t\t\t\t\t\n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{PAGES.TITLE.DELEGADO}
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{this.state.showDeleteModal && this.setState({ showDeleteModal: false })}\n\t\t\t\t\t\t\t\tonCancel={() => this.setState({ showDeleteModal: false })}\n\t\t\t\t\t\t\t\tonConfirm={() => this.removeuser(this.state.userToDelete)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t{this.state.showModal && }\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t{(this.state.alertMessage) && (\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{PAGES.TITLE.SIMULADORES}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.state.showModal && }\n\t\t\t\t\t\t\t{this.state.showResetModal && {this.setState({showResetModal:false})}}\n\t\t\t\t\t\t\t\tonConfirm={()=>this.submitResetPassword(this.state.recoverEmailSelected)}\n\n\t\t\t\t\t\t\t\temail={this.state.recoverEmailSelected}\n\t\t\t\t\t\t\t\tname={this.state.recoverUserSelected}\n\t\t\t\t\t\t\t>}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t{(this.state.alertMessage) && (\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{
\n\t\t\t\t\t\t\t\t\n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n\n\n )\n }\n\n};\n\nexport default Avanzadas;","import React from 'react'\nimport { array, string } from 'prop-types';\n\nfunction StepTutorial({ image, text }) {\n return (\n \n
\n )\n}\n\nStepTutorial.propTypes = {\n image: string.isRequired,\n text: array.isRequired,\n}\n\nexport default StepTutorial\n","import { Step, StepLabel, Stepper, Typography } from \"@material-ui/core\";\nimport React, { useEffect } from \"react\";\n\nimport loginStep1 from '../../Resources/Images/Tutoriales/Login/login-1.jpg';\nimport loginStep2 from '../../Resources/Images/Tutoriales/Login/login-2.jpg';\nimport StepTutorial from './index-step';\nfunction getSteps() {\n return ['Paso 1', 'Paso 2'];\n}\n\nfunction getStepContent(stepIndex) {\n switch (stepIndex) {\n case 0:\n return \n
\n \n
\n \n 
\n
\n \n
\n \n
\n \n \n
- \n {text.map((item, i) => (\n
- {item} \n
\n
\n
\n ))}\n \n
Cómo iniciar sesión
\n\n {getStepContent(activeStep)} \n
\n \n );\n}","import { Step, StepLabel, Stepper, Typography } from \"@material-ui/core\";\nimport React, { useEffect } from \"react\";\nimport StepTutorial from \"./index-step\";\nimport CarteraStep1 from '../../Resources/Images/Tutoriales/Cartera/Cartera-1.jpg';\nimport CarteraStep2 from '../../Resources/Images/Tutoriales/Cartera/Cartera-2.jpg';\nimport IconIndent from '../../Resources/Images/Tutoriales/Cartera/indent.jpg';\nimport IconDownload from '../../Resources/Images/Tutoriales/Cartera/download.jpg';\nfunction getSteps() {\n return ['Paso 1', 'Paso 2'];\n}\nfunction getStepContent(stepIndex) {\n switch (stepIndex) {\n case 0:\n return Cartera
\n\n {getStepContent(activeStep)} \n
\n \n );\n}","import { Step, StepLabel, Stepper, Typography } from \"@material-ui/core\";\nimport React, { useEffect } from \"react\";\nimport registracionStep1 from '../../Resources/Images/Tutoriales/Registracion/registracion-1.jpg';\nimport registracionStep2 from '../../Resources/Images/Tutoriales/Registracion/registracion-2.jpg';\nimport registracionStep3 from '../../Resources/Images/Tutoriales/Registracion/registracion-3.jpg';\nimport registracionStep4 from '../../Resources/Images/Tutoriales/Registracion/registracion-4.jpg';\nimport registracionStep5 from '../../Resources/Images/Tutoriales/Registracion/registracion-5.jpg';\nimport StepTutorial from './index-step';\nfunction getSteps() {\n return ['Paso 1', 'Paso 2', 'Paso 3', 'Paso 4', 'Paso 5'];\n}\n\nfunction getStepContent(stepIndex) {\n switch (stepIndex) {\n case 0:\n return Cómo registrarse
\n\n {getStepContent(activeStep)} \n
\n \n );\n}","import { Step, StepLabel, Stepper, Typography } from \"@material-ui/core\";\nimport React, { useEffect } from \"react\";\n\nimport CanalesStep1 from '../../Resources/Images/Tutoriales/Canales/Canales-1.jpg';\nimport StepTutorial from './index-step';\nfunction getSteps() {\n return ['Paso 1'];\n}\n\nfunction getStepContent(stepIndex) {\n switch (stepIndex) {\n case 0:\n return Canales
\n\n {getStepContent(activeStep)} \n
\n \n );\n}","import { Step, StepLabel, Stepper, Typography } from \"@material-ui/core\";\nimport React, { useEffect } from \"react\";\n\nimport LiquidacionStep1 from '../../Resources/Images/Tutoriales/Liquidacion/Liquidacion-1.jpg';\nimport LiquidacionStep2 from '../../Resources/Images/Tutoriales/Liquidacion/Liquidacion-2.jpg';\nimport StepTutorial from './index-step';\nfunction getSteps() {\n return ['Paso 1', 'Paso 2'];\n}\n\nfunction getStepContent(stepIndex) {\n switch (stepIndex) {\n case 0:\n return Liquidación
\n\n {getStepContent(activeStep)} \n
\n \n );\n}","import { Step, StepLabel, Stepper, Typography } from \"@material-ui/core\";\nimport React, { useEffect } from \"react\";\n\nimport CanalesStep1 from '../../Resources/Images/Tutoriales/Caucion/Caucion-1.jpg';\nimport StepTutorial from './index-step';\nfunction getSteps() {\n return ['Paso 1'];\n}\n\nfunction getStepContent(stepIndex) {\n switch (stepIndex) {\n case 0:\n return Caución
\n\n {getStepContent(activeStep)} \n
\n \n );\n}","import { Step, StepLabel, Stepper, Typography } from \"@material-ui/core\";\nimport React, { useEffect } from \"react\";\n\nimport RechazoStep1 from '../../Resources/Images/Tutoriales/Rechazo/Rechazo-1.jpg';\nimport RechazoStep2 from '../../Resources/Images/Tutoriales/Rechazo/Rechazo-2.jpg';\nimport StepTutorial from './index-step';\nfunction getSteps() {\n return ['Paso 1', 'Paso 2'];\n}\n\nfunction getStepContent(stepIndex) {\n switch (stepIndex) {\n case 0:\n return Paso a paso para utilizar la búsqueda de Rechazos
\n\n {getStepContent(activeStep)} \n
\n \n );\n}","import { Step, StepLabel, Stepper, Typography } from \"@material-ui/core\";\nimport React, { useEffect } from \"react\";\nimport EnvioFacturasStep1 from '../../Resources/Images/Tutoriales/EnvioFacturas/EnvioFacturas-1.jpg';\nimport StepTutorial from './index-step';\nfunction getSteps() {\n return ['Paso 1'];\n}\n\nfunction getStepContent(stepIndex) {\n switch (stepIndex) {\n case 0:\n return Envío de Facturas
\n\n {getStepContent(activeStep)} \n
\n \n );\n}","import { Step, StepLabel, Stepper, Typography } from \"@material-ui/core\";\nimport React, { useEffect } from \"react\";\n\nimport CertifRetencionesStep1 from '../../Resources/Images/Tutoriales/CertifRetenciones/CertifRetenciones-1.jpg';\nimport CertifRetencionesStep2 from '../../Resources/Images/Tutoriales/CertifRetenciones/CertifRetenciones-2.jpg';\nimport StepTutorial from './index-step';\nfunction getSteps() {\n return ['Paso 1','Paso 2'];\n}\n\nfunction getStepContent(stepIndex) {\n switch (stepIndex) {\n case 0:\n return Certificados de retención
\n\n {getStepContent(activeStep)} \n
\n \n );\n}","import { Step, StepLabel, Stepper, Typography } from \"@material-ui/core\";\nimport React, { useEffect } from \"react\";\nimport GestionTramitesStep1 from '../../Resources/Images/Tutoriales/GestionTramites/GestionTramites-1.jpg';\n\nimport StepTutorial from './index-step';\nfunction getSteps() {\n return ['Paso 1', 'Paso 2'];\n}\n\nfunction getStepContent(stepIndex) {\n switch (stepIndex) {\n case 0:\n return Gestión de trámites
\n\n {getStepContent(activeStep)} \n
\n \n );\n}","import { Step, StepLabel, Stepper, Typography } from \"@material-ui/core\";\nimport React, { useEffect } from \"react\";\nimport DeudoresXPremioStep1 from '../../Resources/Images/Tutoriales/DeudoresXPremio/DeudoresXPremio-1.jpg';\nimport DeudoresXPremioStep2 from '../../Resources/Images/Tutoriales/DeudoresXPremio/DeudoresXPremio-2.jpg';\nimport StepTutorial from './index-step';\nfunction getSteps() {\n return ['Paso 1', 'Paso 2'];\n}\n\nfunction getStepContent(stepIndex) {\n switch (stepIndex) {\n case 0:\n return Paso a paso para utilizar la búsqueda de Rechazos
\n\n {getStepContent(activeStep)} \n
\n \n );\n}","import React, { useEffect, useState } from \"react\";\nimport userAuth from '../../Config/userauth';\nimport { Header } from \"../../Components\";\nimport Button from '@material-ui/core/Button';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Grid from '@material-ui/core/Grid';\nimport Divider from '@material-ui/core/Divider';\nimport Paper from '@material-ui/core/Paper';\nimport MenuList from '@material-ui/core/MenuList';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport LabelIcon from '@material-ui/icons/Label';\nimport { useLocation } from 'react-router-dom';\nimport { Login } from \"./login\";\nimport { Cartera } from \"./cartera\";\nimport { Registracion } from \"./registracion\";\nimport { Canales } from \"./canales\";\nimport { Liquidacion } from \"./liquidacion\";\nimport { Caucion } from \"./caucion\";\nimport { Rechazo } from \"./rechazo\";\nimport { EnvioFacturas } from \"./envio-facturas\";\nimport { Certificados } from \"./certificado-retencion\";\nimport { GestionTramites } from \"./gestionTramites\";\nimport { Deudores } from \"./deudores\";\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n minHeight: '800px',\n width: '100%',\n display: 'flex',\n height: '92vh'\n },\n buttons: {\n display: 'flex',\n justifyContent: 'space-between'\n },\n backButton: {\n marginRight: theme.spacing(1),\n },\n instructions: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1),\n },\n sidebar: {\n padding: theme.spacing(2),\n height: '100%',\n backgroundColor: '#00b3b5',\n color: 'white',\n },\n\n stepperContainer: {\n padding: theme.spacing(2),\n },\n}));\n\n\nconst useQuery = () => {\n return new URLSearchParams(useLocation().search);\n};\n\nexport function Tutoriales() {\n const [activeSection, setActiveSection] = React.useState('registration');\n const query = useQuery();\n const [steps, setSteps] = useState([]);\n\n useEffect(() => {\n const seccion = query.get('seccion');\n if (seccion) {\n setActiveSection(seccion);\n }\n }, []);\n\n const classes = useStyles();\n const [activeStep, setActiveStep] = React.useState(0);\n\n const handleNext = () => {\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\n };\n\n const handleBack = () => {\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\n };\n\n const handleReset = () => {\n setActiveStep(0);\n };\n\n const renderComponent = () => {\n switch (activeSection) {\n case 'como-registrarse':\n return 404 Not Found
;\n }\n };\n return (\n <>\n {(userAuth.isAuthenticated() === false) && (\n \n {renderComponent()}\n
\n \n {activeStep === steps.length ? (\n
\n \n \n
\n ) : (\n\n \n \n Volver\n \n \n
\n\n )}\n \n
\n )\n }\n}\n\nexport default NovedadesModal","import React, { Component } from 'react'\nimport { Button, Alert, Combobox, Checkbox, Input } from '../../Components';\nimport { FORM_ERRORS } from '../../Config/form_errors';\nimport { GLOBAL } from '../../Config/global';\nimport { APIS } from '../../Config/apis';\nimport * as QLIBS from '../../qLibsHelpers';\nimport CarouselDImageOne from '../../Resources/Images/FormImages/home-img.jpg';\nimport moment from 'moment';\n\nexport class SendEmailNews extends Component {\n constructor(props) {\n super(props)\n this.state = {\n onDismiss: props.onDismiss,\n news: props.news,\n errorMessage: '',\n errorBorder_user: '',\n errorMsg_user: '',\n users: [],\n userIds: [],\n allUsers: true,\n baseImage: '',\n emails: '',\n errorMsg_emails: '',\n errorBorder_emails: '',\n addEmails: false\n }\n }\n\n componentDidMount() {\n QLIBS.fillCombo('users', APIS.URLS.PRODUCER, this, false, true);\n var self = this;\n var xhr = new XMLHttpRequest()\n xhr.open(\"GET\", CarouselDImageOne);\n xhr.responseType = \"blob\";\n xhr.send();\n xhr.addEventListener(\"load\", function () {\n var reader = new FileReader();\n reader.readAsDataURL(xhr.response);\n reader.addEventListener(\"loadend\", function () {\n self.setState({ baseImage: reader.result });\n });\n });\n }\n\n handleComboChange = (e, s) => {\n this.setState({ userIds: e.map((item) => { return item.value }) }, () => { console.log(this.state) });\n }\n\n handleChange = event => {\n const isCheckbox = event.target.type === \"checkbox\";\n let inputName = event.target.id ? event.target.id : event.target.name;\n let inputValue = isCheckbox ? event.target.checked : event.target.value;\n this.setState({ [inputName]: inputValue }, () => {\n \n });\n }\n\n validate = () => {\n const { COMMON_ERRORS } = FORM_ERRORS;\n let errorBorder_user = '', errorBorder_emails = '';\n let errorMsg_user = '', errorMsg_emails = '';\n let errors = false;\n let result = false;\n\n if (!this.state.allUsers && this.state.userIds.length === 0) {\n errorMsg_user = COMMON_ERRORS.INITIAL_MARKER + ' ' + COMMON_ERRORS.EMPTY_FIELD;\n errors = true;\n }\n // \n if (this.state.emails.length > 0) {\n let emails = this.state.emails.split(';');\n emails.forEach(function (value, index) {\n if (!(/^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/.test(value))) {\n errorMsg_emails = COMMON_ERRORS.INITIAL_MARKER + ' ' + COMMON_ERRORS.EMAIL_INVALID;\n errors = true;\n return false;\n }\n });\n errorBorder_emails = (errorMsg_emails) ? \"error\" : \"success\";\n\n }\n errorBorder_user = (errorMsg_user) ? \"error\" : \"success\";\n\n this.setState({ errorMsg_user, errorBorder_user, errorMsg_emails, errorBorder_emails });\n\n if (!errors) {\n result = true;\n }\n return result;\n }\n\n save = () => {\n if (this.validate()) {\n\n let entityCopy = Object.assign({}, this.state.news);\n\n entityCopy.Image = (entityCopy.DefaultImage ? this.state.baseImage : (entityCopy.Image ? entityCopy.Image : null));\n entityCopy.CreationDate = moment();\n QLIBS.fetchDataPOST(APIS.URLS.SEND_NEWS, {\n 'News': entityCopy,\n 'UserIds': this.state.userIds.length > 0 ? this.state.userIds : [],\n 'ExtraEmails': this.state.emails\n }, true)\n .then(this.handleResponse)\n .catch(this.handleResponse);\n }\n }\n\n handleResponse = (response) => {\n // \n if (response) {\n this.state.onDismiss();\n } else {\n this.setState({ errorMessage: 'Ha ocurrido un error. Vuelva a intentarlo.' })\n }\n }\n\n render() {\n const { COMPONENTS_FORM } = GLOBAL;\n return (\n \n
\n \n
\n \n \n
\n {`ADMINISTRAR AVISO ${this.state.entityChild.Type === TYPES.WEB ? \"WEB\" : \"POR CORREO\"}`}
\n\n \n \n <>\n \n \n {this.state.entityChild.Type === TYPES.WEB ? (\n \n
\n \n {this.state.errorMessage && (
\n {this.state.entityChild.Type === TYPES.EMAIL ? (\n \n
\n ) : (\n <>\n \n
\n \n
\n {this.state.isHTML === true ? (\n <>\n \n {\n const isCheckbox = event.target.type === \"checkbox\";\n let inputName = event.target.id ? event.target.id : event.target.name;\n let inputValue = isCheckbox ? event.target.checked : event.target.value;\n this.setState({ [inputName]: inputValue }, () => {\n if (document.getElementById('file')) {\n document.getElementById('file')\n .addEventListener('change', function () {\n var fr = new FileReader();\n fr.onload = function () {\n document.getElementById('fileoutput').textContent = fr.result;\n }\n fr.readAsText(this.files[0]);\n });\n }\n })\n }} checked={this.state.isHTML} />\n
\n {this.state.isHTML === false && (\n \n
\n )}\n \n
\n \n this.handleChange(e)}\n errorMsg={this.state.errorMsg_title}\n borderColor={this.state.errorBorder_title}\n />\n
\n \n
\n \n
\n \n
\n \n ) : (\n <>\n \n {\n let inputName = event.target.id ? event.target.id : event.target.name;\n this.setState({ [inputName]: event.target.value });\n }}\n />\n
\n \n \n
\n \n
\n \n this.handleChange(e)}\n errorMsg={this.state.errorMsg_title}\n borderColor={this.state.errorBorder_title}\n />\n
\n \n this.handleChange(e)}\n errorMsg={this.state.errorMsg_subtitle}\n borderColor={this.state.errorBorder_subtitle}\n />\n
\n \n
\n \n )}\n \n
\n \n \n
\n \n \n
\n {this.state.errorMsg_text.length ? {this.state.errorMsg_text} : null}\n \n
\n \n
\n \n
\n \n {\n let inputName = event.target.id ? event.target.id : event.target.name;\n this.setState({ [inputName]: event.target.value });\n }}\n />\n
\n \n \n
\n \n \n {\n // \n this.setState({\n files: fileItems.map(fileItem => fileItem.file)\n });\n }}\n />\n
\n \n
\n \n this.handleChange(e)}\n errorMsg={this.state.errorMsg_title}\n borderColor={this.state.errorBorder_title}\n />\n
\n \n this.handleChange(e)}\n errorMsg={this.state.errorMsg_subtitle}\n borderColor={this.state.errorBorder_subtitle}\n />\n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n {this.state.errorMsg_text.length ? {this.state.errorMsg_text} : null}\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n { this.setState({ showNews: !this.state.showNews }); }} />\n
\n \n { this.handleComboChange(v, e); }} options={this.state.orderOptions} defaultValue={this.state.entityChild.Order} isDisabled={!this.state.showNews} />\n
\n \n
\n \n )}\n \n \n \n
\n \n
\n ) : (\n ' }} />\n )}\n \n {((this.state.isHTML || this.state.entityChild.Type === TYPES.WEB) && this.state.preview === false) && (\n \n )}\n {((this.state.isHTML || this.state.entityChild.Type === TYPES.WEB) && this.state.preview) && (\n \n )}\n \n \n
\n \n
\n )\n }\n}\n\nexport default SendEmailNews","import React, { Component } from 'react'\nimport { Table as TableComponent, Loading, CRUDButtons, Alert, Breadcrumb, Actions, TabsPanel, ConfirmationModal, Checkbox } from '../../Components';\nimport { NovedadesModal } from './modal';\nimport { SendEmailNews } from './send-email';\nimport { APIS } from '../../Config/apis';\nimport * as QLIBS from '../../qLibsHelpers';\nimport { GLOBAL } from '../../Config/global';\nimport moment from \"moment\";\n\nconst TYPES = {\n WEB: 0,\n EMAIL: 1\n}\n\nexport class Novedades extends Component {\n constructor(props) {\n super(props)\n\n this.state = {\n loadingForm: false,\n clickOnAddNewRecord: false,\n submitOk: false,\n submitError: false,\n formError: '',\n formSubmitOk: '',\n entityChild: null,\n dataList: [],\n sendEmail: false,\n news: null,\n filterTabActive: TYPES.WEB,\n type: null,\n confirmation: false,\n defaultImageHome: true,\n amount_images_home: 0\n }\n\n this.filterTabs = [\n {\n label: 'Mostrar en Web',\n },\n {\n label: 'Enviar E-mail'\n },\n ];\n\n this.handleResponse = this.handleResponse.bind(this);\n }\n\n async componentDidMount() {\n this.fillGrid(this.state.filterTabActive);\n\n await QLIBS.fetchDataGET(APIS.URLS.NEWS_QUERY + '?Vigentes=true', true).then(response => {\n this.setState({ amount_images_home: response.length });\n });\n\n let response = await QLIBS.getParameters(GLOBAL.PARAMETERS.SHOW_DEFAULT_IMAGE_HOME);\n if (response) {\n let value = JSON.parse(response.value);\n this.setState({ defaultImageHome: this.state.amount_images_home === 0 && !value ? true : value }, () => { console.log(response); document.getElementById('defaultImageHome').checked = this.state.defaultImageHome; });\n }\n }\n\n fillGrid = (tab) => {\n //this.setState({ loadingForm: true, dataList: [] }, () => { QLIBS.fetchDataGET(APIS.URLS.NEWS_QUERY + '?UserId=' + userAuth.simulatorUserId() + '&Type=' + tab, true).then(this.handleResponse); });\n this.setState({ loadingForm: true, dataList: [] }, () => { QLIBS.fetchDataGET(APIS.URLS.NEWS_QUERY + '?Type=' + tab, true).then(this.handleResponse); });\n }\n\n handleResponse = response => {\n let tableData = [];\n if (Array.isArray(response)) {\n tableData = response.map(function (item) {\n let entityCopy = Object.assign({}, item);\n entityCopy.Order = item.Type === TYPES.WEB ? (item.Order === 0 ? \"-\" : item.Order.toString()) : null;\n entityCopy.Title = item.Title ? item.Title : '-';\n entityCopy.SubTitle = item.SubTitle ? item.SubTitle : '-';\n entityCopy.Text = item.Text ? item.Text : '-';\n entityCopy.URL = item.URL ? item.URL : '-';\n entityCopy.UntilDate = (item.UntilDate === null ? null : moment(item.UntilDate).format(\"DD/MM/YYYY\"));\n entityCopy.CreationDate = (item.CreationDate === null ? null : moment(item.CreationDate).format(\"DD/MM/YYYY\"));\n return entityCopy;\n });\n }\n this.setState({ loadingForm: false, dataList: tableData }, () => {\n QLIBS.fetchDataGET(APIS.URLS.NEWS_QUERY + '?Vigentes=true', true).then(response => {\n this.setState({ amount_images_home: response.length });\n });\n });\n }\n\n addNewRecord = type => {\n this.setState({ clickOnAddNewRecord: true, submitOk: false, submitError: false, entityChild: null, type: type });\n }\n\n toggleModal = (response = false) => {\n if (typeof response !== 'boolean') {\n this.setState({ clickOnAddNewRecord: false, confirmation: false }, () => { this.fillGrid(this.state.filterTabActive); })\n return false;\n }\n\n this.setState({\n clickOnAddNewRecord: false,\n submitOk: response,\n submitError: !response,\n formSubmitOk: response ? \"El registro ha sido procesado correctamente.\" : '',\n formError: !response ? \"Ha ocurrido un error. Vuelva intentarlo.\" : '',\n confirmation: false,\n }, () => { this.fillGrid(this.state.filterTabActive); });\n }\n\n editRecord = row => {\n if (row.original.Order === \"-\") {\n row.original.Order = 0;\n }\n this.setState({ clickOnAddNewRecord: true, submitOk: false, submitError: false, entityChild: row.original });\n }\n\n deleteRecord = row => {\n this.setState({ confirmation: true, submitOk: false, submitError: false, entityChild: row.original });\n }\n\n delete = () => {\n QLIBS.fetchDataPOST(APIS.URLS.NEWS_DELETE, this.state.entityChild.Id, true).then((response) => {\n this.setState({\n confirmation: false,\n submitOk: response,\n submitError: !response,\n formSubmitOk: response ? \"El registro ha sido eliminado correctamente.\" : '',\n formError: !response ? \"Ha ocurrido un error. Vuelva intentarlo.\" : '',\n }, () => { this.fillGrid(this.state.filterTabActive); })\n });\n }\n\n sendEmail = row => {\n this.setState({ sendEmail: true, news: row.original });\n }\n\n onChangeTab = index => {\n this.setState({ filterTabActive: index }, () => { this.fillGrid(index) });\n };\n\n render(...props) {\n\n const { COMPONENTS_FORM, COMMON_CRUD_FORM } = GLOBAL;\n\n let orderMax = 0;\n this.state.dataList.forEach(x => orderMax = (x.Type === TYPES.WEB && x.Order !== \"-\" && x.Order !== null && x.Order > orderMax) ? Number(x.Order) : orderMax);\n\n return (\n \n
\n \n
\n \n \n
\n ENVIAR AVISO POR E-MAIL
\n\n
\n\n
\n \n\n
\n {this.state.errorMessage && (\n
\n \n
\n )}\n \n
\n \n { this.setState({ allUsers: !this.state.allUsers }) }}\n />\n
\n \n ({ value: item.id, label: item.value }))}\n isDisabled={this.state.allUsers}\n onChange={this.handleComboChange}\n placeholder=\"SELECCIONAR 1 o VARIOS PRODUCTORES\"\n isMulti={true}\n />\n
\n \n
\n \n {\n // \n if (this.state.addEmails && this.state.emails.length > 0) {\n this.setState({ errorMessage: \"No es posible cambiar esta opción con emails ingresados\" });\n document.getElementById(\"addEmails\").checked = true;\n } else {\n this.setState({ addEmails: !this.state.addEmails })\n }\n }}\n />\n
\n {this.state.addEmails && (\n \n \n
\n )}\n \n \n \n
\n \n
\n \n
\n \n
\n \n {(this.state.submitError) &&
\n \n \n \n
\n \n
\n
\n \n
\n
\n \n {this.state.amount_images_home === 0 && this.state.defaultImageHome === false && (
\n \n {\n const isCheckbox = event.target.type === \"checkbox\";\n let inputName = event.target.id ? event.target.id : event.target.name;\n let inputValue = isCheckbox ? event.target.checked : event.target.value;\n this.setState({ [inputName]: inputValue }, () => {\n\n QLIBS.saveParameters(GLOBAL.PARAMETERS.SHOW_DEFAULT_IMAGE_HOME, this.state.defaultImageHome);\n });\n }} />\n
\n \n
\n \n\n
\n \n { this.addNewRecord(TYPES.WEB) }} />\n
\n \n
\n \n ( this.editRecord(row)} onDelete={() => this.deleteRecord(row)} />) },\n { Header: \"Orden\", accessor: \"Order\", resizable: true, width: 95 },\n { Header: \"Asunto\", accessor: \"Title\", resizable: true, width: 150 },\n { Header: \"Título\", accessor: \"SubTitle\", resizable: true, width: 290 },\n { Header: \"Texto\", accessor: \"Text\", resizable: true },\n { Header: \"Link\", accessor: \"URL\", resizable: true },\n { Header: \"Fecha de inicio\", accessor: \"CreationDate\", width: 155, resizable: true, Cell: row => (
\n {row.original.Pendiente ? \"(\" + row.original.CreationDate + \")\" : row.original.CreationDate}
) },\n { Header: \"Fecha de finalización\", accessor: \"UntilDate\", width: 200 },\n { Header: \"Activo\", accessor: \"Activo\", resizable: true, width: 95, Cell: row => ({row.original.Pendiente ? \"(\" + row.original.Activo + \")\" : row.original.Activo}
) },\n { Header: \"¿Tiene imagen?\", accessor: \"TieneImagen\", resizable: true, width: 160 },\n ]} data={this.state.dataList} keyField={\"Id\"} {...props} />\n\n
\n \n
\n \n\n
\n \n { this.addNewRecord(TYPES.EMAIL) }} />\n
\n \n
\n \n ( this.editRecord(row)} onDelete={() => this.deleteRecord(row)} />) },\n { Header: \"Asunto\", accessor: \"Title\", resizable: true, width: 150 },\n { Header: \"Título\", accessor: \"SubTitle\", resizable: true, width: 290 },\n { Header: \"Texto\", accessor: \"Text\", resizable: true },\n { Header: \"¿Es un HTML?\", accessor: \"TieneHTML\", resizable: true, width: 150 },\n { Header: \"¿Tiene imagen?\", accessor: \"TieneImagen\", resizable: true, width: 160 },\n { Header: \"\", accessor: \"actions\", width: 60, style: { display: 'flex', alignItems: 'center' }, filterable: false, sortable: false, Cell: row => ( this.sendEmail(row)} />) },\n ]} data={this.state.dataList} keyField={\"Id\"} {...props} />\n
\n \n
\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n}\n\nexport default Information;","import React from 'react';\nimport { truncate } from '../../../Shared/Utils';\n\nconst TotalesPago = ({ props }) => {\n const getTotalPagado = (importePagado, ibOsMunip, ganancias) => {\n \n const importePagadoNro = parseFloat(importePagado.replace(/[^0-9,-]+/g, '').replace(',', '.'));\n const ibOsMunipNro = parseFloat(ibOsMunip.replace(/[^0-9,-]+/g, '').replace(',', '.'));\n const gananciasNro = parseFloat(ganancias.replace(/[^0-9,-]+/g, '').replace(',', '.'));\n const suma = importePagadoNro + ibOsMunipNro + gananciasNro;\n return truncate(suma,2);\n }\n\n return (\n <>\n \n TOTAL\n \n
\n Temporalmente, te redirigimos al portal de ebroker para acceder a la información solicitada.
\nTené en cuenta que deberás volver a ingresar tus credenciales.
\n Ingresar\n$ {getTotalPagado(props.importePagado, props.ibOsMunicip.props.content, props.ganancias.props?.content ?? '$0')}
\n \n \n Retención IB-OS-Municipal\n{props.ibOsMunicip?.props?.content}
\n \n \n Retención Ganancias\n{props.ganancias?.props?.content ?? '$ 0'}
\n \n \n TOTAL PAGADO\n{props.importePagado}
\n \n \n\n );\n}\nexport default TotalesPago;","export enum TipoCertificado {\n Invalid = 0,\n Ganancias,\n IIBBObraSocialMunicipal\n}","import React, { useState } from 'react'\nimport { Accordion, Card, Button } from \"react-bootstrap\";\nimport {\n Loading,\n Table as TableComponent,\n} from \"../../../Components\";\nimport * as QLIBS from '../../../qLibsHelpers';\nimport { DEFAULT_HEADER } from '../../../Config/userToken';\nimport { APPCONFIG } from '../../../app.config';\nimport moment from 'moment';\nimport { TipoRegistro } from './tipoRegistro';\nimport { truncate } from '../../../Shared/Utils';\nimport TotalesPago from './totalesPago';\nimport { GLOBAL } from '../../../Config/global';\nconst { PRODUCERURL } = APPCONFIG.ENDPOINTS;\nconst { REPORT_FORMAT } = GLOBAL;\nconst SectionEnum = {\n DetalleLiquidacion: 1,\n DetallePago: 2,\n DetalleComision: 3,\n};\n\nconst initSections = [\n {\n id: SectionEnum.DetalleLiquidacion,\n title: 'Detalle liquidación',\n loaded: false,\n type: TipoRegistro.Liquidacion\n },\n {\n id: SectionEnum.DetallePago,\n title: 'Detalle de pago',\n loaded: false,\n type: TipoRegistro.Pago\n },\n {\n id: SectionEnum.DetalleComision,\n title: 'Detalle de comisión',\n loaded: false,\n type: TipoRegistro.Liquidacion\n },\n];\n\nconst columnsDef = {\n [SectionEnum.DetalleLiquidacion]: {\n \"fecha\": { title: \"Fecha Liquidación\", format: REPORT_FORMAT.FECHA, field: 'Fecha' },\n \"devengo\": { title: \"Concepto\", field: 'Devengo' },\n \"montoNeto\": { title: \"Monto Bruto\", format: REPORT_FORMAT.MONEDA, field: 'MontoNeto' },\n \"iva\": { title: \"Iva 21%\", format: REPORT_FORMAT.MONEDA, field: 'IVA' },\n \"percepcion\": { title: \"Iva 3%\", format: REPORT_FORMAT.MONEDA, field: 'Percepcion' },\n \"totalBR\": { title: \"Comisión Total\", format: REPORT_FORMAT.MONEDA, field: 'TotalBR' },\n \"fechaFactura\": { title: \"Fecha de la FC\", format: REPORT_FORMAT.FECHA, field: 'FechaFactura' },\n \"comprobanteTipo\": { title: \"Comprobante Tipo\", field: 'ComprobanteTipo' },\n \"facturaTipo\": { title: \"Tipo\", field: 'FacturaTipo', format: REPORT_FORMAT.TEXTO },\n \"puntoVenta\": { title: \"Pto. Vta.\", field: 'PuntoVenta', format: REPORT_FORMAT.ENTERO },\n \"facturaNumero\": { title: \"Factura N°\", field: 'FacturaNumero' },\n },\n [SectionEnum.DetallePago]: {\n \"fecha\": { title: \"Fecha Liquidación\", format: REPORT_FORMAT.FECHA, field: 'Fecha' },\n \"devengo\": { title: \"Concepto\", field:'Devengo' },\n \"montoNeto\": { title: \"Monto Bruto\", format: REPORT_FORMAT.MONEDA, field:'MontoNeto' },\n \"iva\": { title: \"Iva 21%\", format: REPORT_FORMAT.MONEDA , field:'IVA'},\n \"percepcion\": { title: \"Iva 3%\", format: REPORT_FORMAT.MONEDA , field:'Percepcion'},\n \"totalBR\": { title: \"Comisión Total\", signo: '$', format: REPORT_FORMAT.MONEDA, field:'TotalBR' },\n },\n [SectionEnum.DetalleComision]: {\n \"linea_Negocio\": { title: \"Línea de Negocio\", field: 'Linea_Negocio' },\n \"numeroPoliza\": { title: \"Número de Póliza\", field: 'NumeroPoliza' },\n \"fechaEmision\": { title: \"Fecha Emisión\", format: REPORT_FORMAT.FECHA, field: 'FechaEmision' },\n \"codigo_Movimiento\": { title: \"Código\", field: 'Codigo_Movimiento' },\n \"fechaCobro\": { title: \"Fecha Imputación\", format: REPORT_FORMAT.FECHA, field: 'FechaCobro' },\n \"asegurado\": { title: \"Contratante\", field: 'Asegurado' },\n \"provincia\": { title: \"Jurisdicción\", field: 'Provincia' },\n \"endoso\": { title: \"Endoso\", format: REPORT_FORMAT.ENTERO,field: 'Endoso' },\n \"certificado\": { title: \"Número Certificado\", field: 'Certificado' },\n \"premioFacturado\": { title: \"Premio\", signo: '$', format: REPORT_FORMAT.MONEDA, field: 'PremioFacturado' },\n \"premioCobrado\": { title: \"Premio Cobrado\", signo: '$', format: REPORT_FORMAT.MONEDA, field: 'PremioCobrado' },\n \"primaNeta\": { title: \"Prima\", signo: '$', format: REPORT_FORMAT.MONEDA, field: 'PrimaNeta' },\n \"porcComisionPrima\": { title: \"% Prima\", format: REPORT_FORMAT.DECIMAL, field: 'PorcComisionPrima' },\n \"excedente\": { title: \"Excedente\", format: REPORT_FORMAT.MONEDA,field: 'Excedente' },\n \"porcComisionExcedente\": { title: \"% Excedente\", format: REPORT_FORMAT.DECIMAL, field: 'PorcComisionExcedente' },\n \"comisionTotal\": { title: \"Comisión Total\", signo: '$', format: REPORT_FORMAT.MONEDA, field: 'ComisionTotal' },\n \"codigo_Intermediario\": { title: \"Cod. Productor\", format: REPORT_FORMAT.TEXTO, field: 'Codigo_Intermediario' },\n },\n};\n\nconst apiMethods = {\n [SectionEnum.DetalleLiquidacion]: (props) => `DetalleLiquidacion?LiqNro=${props.original.numero}`,\n [SectionEnum.DetalleComision]: (props, page, pageSize) => `DetalleComision?LiqNro=${props.original.numero}&offset=${page}&pageSize=${pageSize}`,\n [SectionEnum.DetallePago]: (props) => `DetallePago?pagoNro=${props.original.numero}`,\n};\nclass PolicyDetailGrid extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n columns: QLIBS.getTableColumns(columnsDef[props.id]),\n data: [],\n loadingTable: false,\n };\n this.pageSize = 10;\n this.page = 0;\n this.pages = 0;\n }\n\n createExcelReportColumns() {\n const excelReportColumns = this.state.columns.filter(f => f.show).map(c => {\n return {\n Title: c.title,\n Field: c.field,\n Summarize: c.summarize,\n Format: c.format\n }\n });\n return excelReportColumns;\n }\n\n handleSubmit = () => {\n const requestOptions = {\n method: this.props.id === SectionEnum.DetalleComision ? 'POST' : 'GET',\n headers: DEFAULT_HEADER.get(),\n body: this.props.id === SectionEnum.DetalleComision ? JSON.stringify(this.state.filters) : null\n };\n\n this.setState({ loadingTable: true });\n const offset = this.page * this.pageSize;\n let parseUrl = `${PRODUCERURL}api/Settlement/${apiMethods[this.props.id](this.props, offset, this.pageSize)}`;\n\n if (this.state.sort) {\n const params = {\n desc: this.state.sort[0].desc,\n sort: this.state.sort[0].id,\n };\n const queryString = Object.keys(params)\n .map((key) => key + '=' + params[key])\n .join('&');\n parseUrl += `&${queryString}`\n }\n\n fetch(parseUrl, requestOptions)\n .then((response) => {\n return response.json();\n })\n .then((data) => {\n const dataArray = this.props.id === SectionEnum.DetalleComision ? data.data : data;\n const cols = columnsDef[this.props.id];\n\n if (dataArray.length) {\n for (let entity of dataArray) {\n for (let colName in cols) {\n const col = cols[colName];\n\n if (col && col.format) {\n switch (col.format) {\n case REPORT_FORMAT.MONEDA:\n entity[colName] = \"$ \" + truncate(entity[colName], 2)\n break;\n case REPORT_FORMAT.FECHA:\n entity[colName] =entity[colName] ? moment(entity[colName]).format('DD/MM/YYYY') : ' '\n break;\n default:\n break;\n }\n }\n }\n }\n this.pages = Math.ceil(data.total / this.pageSize);\n this.setState({ data: dataArray });\n }\n this.setState({ loadingTable: false });\n });\n }\n getFileName = (id) => {\n for (let seccion in SectionEnum) {\n if (SectionEnum[seccion] === id) {\n return `${seccion}.xlsx`;\n }\n }\n return `Documento.xlsx`;\n }\n handleExport = () => {\n const requestOptions = {\n method: 'POST',\n headers: DEFAULT_HEADER.get(),\n body: JSON.stringify({ numero: this.props.original.numero, columns: JSON.stringify(this.createExcelReportColumns()) })\n };\n\n this.setState({ loadingTable: true });\n let parseUrl = `${PRODUCERURL}api/Settlement/DetallePagoLiquidacion/Export?tipoPagoLiq=${this.props.id}`;\n let nombre = this.getFileName(this.props.id);\n fetch(parseUrl, requestOptions)\n .then((response) => {\n if (response.ok)\n return response.blob();\n })\n .then(function (blob) {\n if (blob) {\n const link = document.createElement('a');\n link.href = window.URL.createObjectURL(blob);\n link.download = nombre;\n link.click();\n }\n })\n .then(() => {\n this.setState({ loadingTable: false });\n });\n }\n\n componentDidMount() {\n this.handleSubmit()\n }\n\n applyFilter = (event) => {\n if (event.length > 0) {\n this.page = 0\n this.setState({\n filters: event,\n }, this.handleSubmit);\n }\n else {\n this.setState({\n filters: [],\n }, this.handleSubmit);\n }\n }\n getFilter() {\n let filters = this.state.filters\n return filters\n }\n getSort() {\n let sort = this.state.sort\n return sort\n }\n applySort = (event) => {\n if (event.length > 0) {\n this.setState({\n sort: event,\n }, () => this.handleSubmit());\n }\n else {\n this.setState({\n sort: {},\n },\n this.handleSubmit);\n }\n }\n changeSize = async (size) => {\n this.pageSize = size;\n this.handleSubmit()\n }\n changePage = async (page) => {\n this.page = page;\n this.handleSubmit()\n }\n\n render() {\n return (\n <>\n\n \n
\n \n
\n \n );\n }\n}\n\n\n\nconst PagoLiquidacionesDrillDown = (props) => {\n const tipoRegistro = props.original.tipoRegistro === 'Liquidación' ? TipoRegistro.Liquidacion : TipoRegistro.Pago;\n const filteredSections = initSections.filter(e => e.secondLevel === props.secondLevel && e.type === tipoRegistro || !e.type)\n\n const [sections, setSections] = useState(JSON.parse(JSON.stringify(filteredSections)));\n\n const loadSection = (id) => {\n const section = sections.find(e => e.id === id);\n\n if (section.loaded) return;\n\n const expandable = section.expandable && !props.secondLevel\n\n section.loaded = true;\n section.grid = \n {\n const propsJoin = Object.assign({}, { ...this.props }, { ...props }, { original: Object.assign({}, { ...this.props.original }, { ...props.original }) })\n return (
\n \n \n {sections.map(e => (\n \n \n loadSection(e.id)}>\n {e.title}\n \n \n \n {e.grid} \n \n \n ))}\n \n
\n\n );\n};\n\nexport default PagoLiquidacionesDrillDown;\n","import React from 'react';\nimport { Actions, Alert, Breadcrumb, Button, Loading, Table, ViewsModal } from '../../Components';\nimport { APPCONFIG } from '../../app.config';\nimport { DEFAULT_HEADER } from '../../Config/userToken';\nimport userAuth from '../../Config/userauth';\nimport * as QLIBS from '../../qLibsHelpers';\nimport { GLOBAL } from \"../../Config/global\";\nimport { truncate } from '../../Shared/Utils';\nimport moment from 'moment';\nimport PagoLiquidacionesDrillDown from './partials/drillDown';\nimport { TipoRegistro } from './partials/tipoRegistro';\nimport { APIS } from '../../Config/apis';\nimport { ErrorLevel } from '../../Components/Alert/errorLevel';\nimport { TipoCertificado } from '../../Shared/Utils/Models/TipoCertificadoEnum';\n\nclass PagosYLiquidaciones extends React.Component {\n constructor(props) {\n super(props);\n\n this.page = 0;\n this.pageSize = 10;\n\n this.state = {\n filterTabActive: 3,\n data: [],\n filters: [],\n sort: [],\n }\n this.onChangeTab = this.onChangeTab.bind(this);\n this.baseTableColumns = this.createBaseTableColumns();\n this.handleSaveViewModal = this.handleSaveViewModal.bind(this);\n this.listTableColumns = this.createListTableColumns();\n\n }\n\n handleSaveViewModal(newListColumns) {\n const tempTableColumns = this.createBaseTableColumns();\n\n this.baseTableColumns = newListColumns.map(c => {\n let col = tempTableColumns.find(f => f.name === c.name);\n col.show = c.show;\n return col;\n });\n\n this.listTableColumns = this.createListTableColumns();\n }\n\n getFilter() {\n let filters = this.state.filters\n return filters\n }\n getSort() {\n let sort = this.state.sort\n return sort\n }\n onChangeTab = index => {\n this.setState({ name: this.state.name, filterTabActive: index, filtersSelected: (index > 0) });\n };\n applySort = (event) => {\n\n if (event.length > 0) {\n this.setState({\n sort: event,\n }, this.handleSubmit);\n }\n else {\n this.setState({\n sort: {},\n }, this.handleSubmit);\n }\n }\n handleChange = event => {\n switch (event.target.id) {\n case \"nro_poliza\":\n this.poliza = event.target.value\n break;\n\n default:\n break;\n }\n }\n\n createBaseTableColumns() {\n const { REPORT_FORMAT } = GLOBAL;\n let newTableColumns = [];\n let columns = {\n \"fecha\": { title: \"Fecha\", tooltip: 'Fecha Efectiva de Pago / Fecha de Liquidación', field: 'Fecha', format: REPORT_FORMAT.FECHA, show: true, width: 120 },\n \"tipoRegistro\": { title: \"Tipo\", tooltip: 'Tipo de movimiento', field: 'TipoRegistro', format: REPORT_FORMAT.TEXTO, show: true, width: 100 },\n \"numeroSolicitudPago\": { title: \"Referencia\", tooltip: 'Número de solicitud de pago', field: 'Referencia', show: true, width: 120 },\n \"tipoPago\": { title: \"Tipo de pago\", field: 'TipoPago', format: REPORT_FORMAT.TEXTO, show: true, width: 100 },\n \"importePagado\": { title: \"Importe Pagado\", field: 'ImportePagado', format: REPORT_FORMAT.MONEDA, show: true },\n \"importeBruto\": { title: \"Comisión Total\", field: 'ComisionTotal', format: REPORT_FORMAT.MONEDA, show: true },\n \"importeNeto\": { title: \"Comisión Neta\", field: 'ComisionNeto', format: REPORT_FORMAT.MONEDA, show: true },\n \"importeIVANoDeducible\": { title: \"IVA 21%\", field: 'ImporteIVANoDeducible', format: REPORT_FORMAT.MONEDA, show: true },\n \"importeIVACreditoFiscal\": { title: \"IVA 3%\", field: 'ImporteIVACreditoFiscal', format: REPORT_FORMAT.MONEDA, show: true },\n \"ibOsMunicip\": { title: \"IB-OS-Municip\", tooltip: 'Certificado de Retención de IB-OS-Municip', sortable: false, format: REPORT_FORMAT.MONEDA, show: true, width: 150, filterable: false },\n \"ganancias\": { title: \"Ganancias\", tooltip: 'Certificado de Retención Ganancias', sortable: false, format: REPORT_FORMAT.MONEDA, show: true, width: 150, filterable: false },\n };\n let cols = QLIBS.getTableColumns(columns);\n cols.forEach((c) => { newTableColumns.push(c) });\n return newTableColumns;\n }\n\n downloadItem = (item, tipoCertificado) => {\n this.getCertificado(item, tipoCertificado)\n }\n\n handleResponseOk = (response, fileName) => {\n let self = this;\n response.blob()\n .then(function (blob) {\n const link = document.createElement('a');\n link.href = window.URL.createObjectURL(blob);\n link.download = fileName;\n link.click();\n })\n .then(() => {\n self.setState({ certificadoGenerado: true, loadingData: false, item: self.itemInit, showImprimeAsegurados: false });\n });\n }\n\n handleResponseError = (response) => {\n let self = this;\n self.showResults = true;\n self.searchResultsError = \"Error al intentar descargar el certificado.\";\n response.text()\n .then(function (message) {\n self.setState({\n loadingData: false,\n error: message,\n });\n\n })\n }\n\n getCertificado = (event, tipoCertificado) => {\n this.setState({ loadingData: true });\n let fileName = `${TipoCertificado[tipoCertificado]}_${event.numero}_Certificado.pdf`\n const requestOptions = {\n method: 'GET',\n headers: DEFAULT_HEADER.get(),\n };\n const PRODUCERURL = APIS.URLS.DOWNLOAD_CERTIFICADO_PAGOSYLIQ;\n\n fetch(`${PRODUCERURL}?cuit=${event.cuit}&numeroPago=${event.referencia}&tipoCertificado=${TipoCertificado[tipoCertificado]}`, requestOptions)\n .then(response => {\n if (response.ok)\n this.handleResponseOk(response, fileName);\n else\n this.handleResponseError(response);\n })\n .catch(error => {\n this.setState({ error: `Error: ${error.message}` });\n });\n }\n\n handleSubmit = async (event) => {\n if (event) event.preventDefault();\n\n const { PRODUCERURL } = APPCONFIG.ENDPOINTS;\n let sort = this.state.sort.length === 0 ? null : this.state.sort[0];\n const requestOptions = {\n method: 'POST',\n headers: DEFAULT_HEADER.get(),\n body: JSON.stringify({\n producerCuit: userAuth.isProducer() ? userAuth.cuit() : userAuth.cuitProducer(),\n next: this.pageSize,\n poliza: this.poliza > 0 ? this.poliza : null,\n offset: this.page * this.pageSize,\n gridFilters: this.state.filters,\n sort: sort,\n })\n };\n\n var url = new URL(`${PRODUCERURL}api/Settlement/PagosYLiquidaciones`);\n this.setState({ loadingData: true });\n const x = await fetch(url, requestOptions);\n const response = await x.json();\n if (response) {\n this.totalItems = response.total;\n this.pages = Math.ceil(response.total / this.pageSize);\n if (Array.isArray(response.data)) {\n const formatData = response.data.map((item) => {\n return {\n numero: item.numero,\n fecha: moment(item.fecha).format(\"DD/MM/YYYY\"),\n tipoRegistro: item.tipoRegistro === TipoRegistro.Liquidacion ? 'Liquidación' : 'Pago',\n numeroSolicitudPago: item.tipoRegistro === TipoRegistro.Pago ? item.referencia : '',\n importePagado: item.importePagado ? `$ ${truncate(item.importePagado, 2)}` : '',\n importeBruto: item.tipoRegistro === TipoRegistro.Liquidacion ? `$ ${truncate(item.comisionTotal, 2)}` : '',\n importeNeto: item.comisionNeto ? `$ ${truncate(item.comisionNeto, 2)}` : '',\n importeIVACreditoFiscal: item.ivA3 ? `$ ${truncate(item.ivA3, 2)}` : '',\n importeIVANoDeducible: item.ivA21 ? `$ ${truncate(item.ivA21, 2)}` : '',\n ibOsMunicip: item.tipoRegistro === TipoRegistro.Pago ? (\n \n
\n \n
\n \n
\n \n
\n \n
\n {this.state.error && \n
\n\n \n
\n \n
\n \n \n
\n \n \n
\n {(this.state.data.length > 0) && (\n \n \n
\n )}\n \n \n
\n\n \n
}\n \n
\n \n\n
\n \n {userAuth.getGiccpData()?.descripcionTipoDePago === 'Directo' && (\n (
\n \n
\n )}\n Facturas pendientes = {userAuth.getGiccpData().cantidadFacturasPendientes}
\nFacturas pendientes permitidas = {userAuth.getGiccpData().cantidadFacturasPendientesPermitidas}
\n\n
\n \n );\n }\n}\n","import React, { useEffect, useRef, useState } from 'react';\nimport { array, string, bool, number, func } from 'prop-types';\nimport ReactTable from 'react-table';\nimport { advancedExpandTableHOC } from 'react-table/lib/hoc/advancedExpandTable';\nimport \"react-table/react-table.css\";\nimport { GLOBAL } from '../../../Config/global';\nimport \"react-table/react-table.css\";\n\n\nconst ExpandTable = advancedExpandTableHOC(ReactTable);\nconst renderSpan = (spanClass) => (\n \n);\nconst TextProps = {\n previousText: renderSpan('before-btn'),\n nextText: renderSpan('after-btn'),\n ofText: GLOBAL.TABLE_VIEW.OF_TEXT,\n rowsText: GLOBAL.TABLE_VIEW.ROWS_TEXT,\n pageText: GLOBAL.TABLE_VIEW.PAGE_TEXT\n};\nconst TableMinimum = ({\n columns,\n className,\n data,\n defaultPageSize,\n filterable,\n onSortedChange,\n loading,\n sorted,\n onFilterChange,\n pageSize,\n subComponent }) => {\n const [selection, setSelection] = useState([]);\n const [selectAll, setSelectAll] = useState(false);\n\n const tableElementRef = useRef(null);\n\n const toggleSingleSelection = key => {\n const keyIndex = selection.indexOf(key);\n if (keyIndex >= 0) {\n setSelection([\n ...selection.slice(0, keyIndex),\n ...selection.slice(keyIndex + 1)\n ]);\n } else {\n setSelection([\n ...selection,\n key\n ]);\n }\n };\n\n const isSelected = key => selection.includes(`select-${key}`);\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n \n
\n