\r\n \r\n {logo ? (\r\n 
\r\n \r\n ) : (\r\n \r\n \r\n \r\n )}\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n {/* Form */}\r\n\r\n {/* Navigation */}\r\n \r\n {/* Footer Menu */}\r\n {console.log(props)}\r\n {console.log(props.location.state)}\r\n {/*console.log(props.location.state.DateLastLog) */}\r\n \r\n Bienvenido:\r\n
{nombreclienteredux}\r\n
\r\n \r\n Fecha último login: {fechaingresoredux}\r\n
\r\nIp último login: {ipredux}
\r\n {/*Fecha Ultimo Logeo: {getCookie(\"dateLastLog\")}
\r\nIp Ultimo Logeo: {getCookie(\"ipLastLog\")}
*/}\r\n \r\n\r\n \r\n {props.product.accountType === 1 ? 'Cuenta Ahorros' : props.product.accountType === 2 ? 'Prestamo' : 'Cuenta Corriente'}\r\n \r\n \r\n No. {props.product.accountNumber}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Disponible\r\n
\r\n \r\n
\r\n \r\n {props.product.accountType === 1 ? 'Cuenta Ahorros' : props.product.accountType === 2 ? 'Prestamo' : 'Cuenta Corriente'}\r\n \r\n \r\n No. {props.product.accountNumber}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Disponible\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ProductsCard;\r\n","import React, { useState, useEffect, useRef } from 'react';\r\nimport classnames from 'classnames';\r\nimport NumberFormat from 'react-number-format';\r\nimport Skeleton from 'react-loading-skeleton';\r\nimport axiosInstance from './../../helpers/axiosInstance';\r\nimport MyModal from 'components/Modal/Modal';\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardBody,\r\n CardTitle,\r\n Container,\r\n Row,\r\n Col,\r\n Modal,\r\n NavItem,\r\n NavLink,\r\n Nav,\r\n TabContent,\r\n TabPane,\r\n CardHeader,\r\n Button,\r\n FormGroup,\r\n InputGroup,\r\n Input,\r\n InputGroupAddon,\r\n InputGroupText,\r\n} from 'reactstrap';\r\nimport { normalizeUnits } from 'moment';\r\nimport { tr } from 'date-fns/locale';\r\nimport { set } from 'date-fns';\r\nimport abajo from '../../assets/img/icons/Flecha Abajo.png';\r\nimport arriba from '../../assets/img/icons/Flecha Arriba.png';\r\n\r\nconst _ = require('lodash');\r\n\r\nconst Paginador = (props) => {\r\n const Componenteprops = props.Componentepag;\r\n const [informacion, setinformacion] = useState(props.datos);\r\n const [numitems, setnumitems] = useState(props.numitems);\r\n const [numpag, setnumpag] = useState(props.numpag);\r\n const [pag, setpag] = useState(0);\r\n const [pagvisibles, setpagvisibles] = useState([]);\r\n const [indexdatosvisibles, setindexdatosvisibles] = useState([]);\r\n const [tamañogrande, settamañogrande] = useState(false);\r\n const [izquierda, setizquierda] = useState(false);\r\n const [derecha, setderecha] = useState(false);\r\n const [itemselec, setitemselec] = useState(0);\r\n const [clasesItems, setclasesItems] = useState([]);\r\n\r\n useEffect(() => {\r\n console.log('carga de paginador');\r\n console.log('numero de items ' + numitems);\r\n console.log('numero de paginas ' + numpag);\r\n let numelementos = informacion.length;\r\n if (numpag > 0) {\r\n if (numelementos / numitems > numpag) {\r\n settamañogrande(true);\r\n setderecha(true);\r\n }\r\n if (numelementos / numitems > numpag - 1) {\r\n let indexdatos = [];\r\n for (let i = 0; i < numitems; i++) {\r\n indexdatos.push(i);\r\n }\r\n setindexdatosvisibles(indexdatos);\r\n\r\n let numpaginas = [];\r\n let clases = [];\r\n for (let i = 1; i <= numpag; i++) {\r\n numpaginas.push(i);\r\n if (i == 1) {\r\n clases.push('itempagselec');\r\n } else {\r\n clases.push('itempag');\r\n }\r\n }\r\n setclasesItems([...clases]);\r\n setpagvisibles(numpaginas);\r\n } else {\r\n setnumpag(Math.ceil(numelementos / numitems));\r\n console.log('numero de paginas ' + Math.ceil(numelementos / numitems));\r\n let n;\r\n if (numelementos >= numitems) {\r\n n = numitems;\r\n } else {\r\n n = numelementos;\r\n }\r\n\r\n let indexdatos = [];\r\n if (n > 0) {\r\n for (let i = 0; i < n; i++) {\r\n indexdatos.push(i);\r\n }\r\n }\r\n setindexdatosvisibles(indexdatos);\r\n\r\n let numpaginas = [];\r\n let clases = [];\r\n let calnumpag = Math.ceil(numelementos / numitems);\r\n if (calnumpag > 0) {\r\n for (let i = 1; i <= calnumpag; i++) {\r\n numpaginas.push(i);\r\n if (i == 1) {\r\n clases.push('itempagselec');\r\n } else {\r\n clases.push('itempag');\r\n }\r\n }\r\n }\r\n setclasesItems([...clases]);\r\n setpagvisibles(numpaginas);\r\n }\r\n }\r\n }, props.datos);\r\n\r\n const crealista = (pagselec, direccion) => {\r\n console.log('pagina seleccionada ' + pagselec);\r\n console.log('direccion seleccionada ' + direccion);\r\n\r\n let posIni = 0;\r\n if (pagselec > 1) {\r\n posIni = (pagselec - 1) * numitems;\r\n }\r\n\r\n let n;\r\n if (informacion.length - posIni >= numitems) {\r\n n = numitems;\r\n } else {\r\n n = informacion.length - posIni;\r\n }\r\n\r\n let indexdatos = [];\r\n if (n > 0) {\r\n for (let i = 0; i < n; i++) {\r\n indexdatos.push(i + posIni);\r\n }\r\n }\r\n let clases = [];\r\n\r\n if (settamañogrande && pagselec > 0) {\r\n if (pagselec * numitems > numitems * numpag) {\r\n setizquierda(true);\r\n } else {\r\n if (pagselec == 1) {\r\n setizquierda(false);\r\n }\r\n }\r\n if (pagselec * numitems < informacion.length) {\r\n if (direccion == 1 || direccion == -1) {\r\n setderecha(true);\r\n }\r\n } else {\r\n setderecha(false);\r\n }\r\n\r\n if (direccion == 1) {\r\n let numpaginas = [...pagvisibles];\r\n numpaginas.splice(0, 1);\r\n numpaginas.splice(numpag - 1, 0, pagselec);\r\n for (let i = 0; i < numpaginas.length; i++) {\r\n if (numpaginas[i] == pagselec) {\r\n clases.push('itempagselec');\r\n } else {\r\n clases.push('itempag');\r\n }\r\n }\r\n setpagvisibles([...numpaginas]);\r\n } else if (direccion == -1) {\r\n let numpaginas = [...pagvisibles];\r\n numpaginas.splice(numpag - 1, 1);\r\n numpaginas.splice(0, 0, pagselec);\r\n for (let i = 0; i < numpaginas.length; i++) {\r\n if (numpaginas[i] == pagselec) {\r\n clases.push('itempagselec');\r\n } else {\r\n clases.push('itempag');\r\n }\r\n }\r\n setpagvisibles([...numpaginas]);\r\n }\r\n }\r\n\r\n if (direccion == 0) {\r\n for (let i = 0; i < pagvisibles.length; i++) {\r\n if (pagvisibles[i] == pagselec) {\r\n clases.push('itempagselec');\r\n } else {\r\n clases.push('itempag');\r\n }\r\n }\r\n }\r\n setclasesItems([...clases]);\r\n setindexdatosvisibles(indexdatos);\r\n setpag(pagselec - 1);\r\n };\r\n\r\n const Controlpag = (props) => {\r\n if (tamañogrande) {\r\n if (izquierda && derecha) {\r\n return (\r\n \r\n \r\n {products.map(product => {\r\n return
\r\n
\r\n \r\n crealista(item, 0)}\r\n className={clasesItems[indexcl]}\r\n >\r\n
\r\n );\r\n })}\r\n crealista(pagvisibles[0] - 1, -1)}>\r\n
\r\n {pagvisibles.map((item, indexcl) => {\r\n return (\r\n {item}
\r\n\r\n crealista(item, 0)}\r\n className={clasesItems[indexcl]}\r\n >\r\n
\r\n );\r\n })}\r\n crealista(pagvisibles[0] - 1, -1)}>\r\n
\r\n {pagvisibles.map((item, indexcl) => {\r\n return (\r\n {item}
\r\n\r\n
\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n crealista(item, 0)}\r\n className={clasesItems[indexcl]}\r\n >\r\n
\r\n );\r\n })}\r\n \r\n
\r\n {pagvisibles.map((item, indexcl) => {\r\n return (\r\n \r\n
{item}
\r\n\r\n crealista(item, 0)}\r\n className={clasesItems[indexcl]}\r\n >\r\n
\r\n );\r\n })}\r\n \r\n
\r\n {pagvisibles.map((item, indexcl) => {\r\n return (\r\n \r\n
{item}
\r\n\r\n
\r\n \r\n );\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n {indexdatosvisibles.map((item) => {\r\n console.log(informacion[item]);\r\n\r\n return (\r\n \r\n );\r\n })}\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default Paginador;\r\n","import React, { useEffect, useState } from 'react';\r\nimport * as XLSX from 'xlsx';\r\nimport ExcelJS from 'exceljs';\r\nimport { GenerateJsonExcel } from './GenerateJsonExcel';\r\n\r\nconst GenerateExcel = (props) => {\r\n const [dataJsonExcel, setDataJsonExcel] = useState();\r\n //Función para pasar de coordenadas [0,0] a coordenadas de celda 'A1'\r\n function convertirCoordenada(coordenada) {\r\n const col = coordenada[0];\r\n const row = coordenada[1];\r\n const cell = XLSX.utils.encode_cell({ c: col, r: row });\r\n return cell;\r\n }\r\n\r\n //Función apra establecer el ancho de cada celda\r\n function anchoCelda(celdaAncho, worksheet) {\r\n let anchoNecesario = 35;\r\n worksheet.getColumn(celdaAncho).width = anchoNecesario;\r\n }\r\n\r\n //Función para rellenar las celdas en la hoja\r\n function llenarCeldas(seleccion, tipo, estilos, valor, combinado, worksheet) {\r\n //Creación de objeto con cada uno de los estilos de la celda\r\n const cellStyle = {\r\n fill: {\r\n type: 'pattern',\r\n pattern: 'solid',\r\n fgColor: { argb: `${estilos.fondo}` },\r\n },\r\n font: {\r\n size: estilos.tamano,\r\n },\r\n border: {\r\n //Verifica si en desde el Json se seleccionaron bordes o no\r\n bottom: { style: `${estilos.borderButon ? 'thin' : ''}` },\r\n left: { style: `${estilos.borderLeft ? 'thin' : ''}` },\r\n top: { style: `${estilos.borderTop ? 'thin' : ''}` },\r\n right: { style: `${estilos.borderRigth ? 'thin' : ''}` },\r\n color: { argb: '000000' },\r\n },\r\n alignment: {\r\n horizontal: `${estilos.alineacion}`,\r\n vertical: 'middle',\r\n wrapText: true,\r\n textRotation: 0,\r\n },\r\n };\r\n\r\n //Inicio de creación de celdas\r\n if (tipo == 'rango' && seleccion.length == 2) {\r\n const ubicacionInicial = convertirCoordenada(seleccion[0]);\r\n const ubicacionFinal = convertirCoordenada(seleccion[1]);\r\n //Validación de combinación de celdas\r\n\r\n if (combinado == true) {\r\n const [startCell, endCell] = seleccion;\r\n const [startColumn, startRow] = startCell;\r\n const [endColumn, endRow] = endCell;\r\n\r\n // Itera sobre los valores y escribe en las celdas correspondientes\r\n for (let row = startRow; row <= endRow; row++) {\r\n for (let col = startColumn; col <= endColumn; col++) {\r\n const cell = convertirCoordenada([col, row]);\r\n anchoCelda(cell.substring(0, 1), worksheet);\r\n }\r\n }\r\n\r\n worksheet.getCell(`${ubicacionInicial}`).style = cellStyle;\r\n worksheet.mergeCells(`${ubicacionInicial}:${ubicacionFinal}`);\r\n worksheet.getCell(`${ubicacionInicial}`).value = `${valor}`;\r\n }\r\n //La ejecución se realiza cuando la variable combinado sea false\r\n else if (combinado === false) {\r\n debugger;\r\n //Genera variables que contedran el inicio y el fin de las celdas que se rellenarán\r\n const [startCell, endCell] = seleccion;\r\n const [startColumn, startRow] = startCell;\r\n const [endColumn, endRow] = endCell;\r\n\r\n // Itera sobre los valores y escribe en las celdas correspondientes\r\n let valorIndex = 0;\r\n for (let row = startRow; row <= endRow; row++) {\r\n for (let col = startColumn; col <= endColumn; col++) {\r\n if (valorIndex < valor.length) {\r\n const valorActual = valor[valorIndex];\r\n const cell = convertirCoordenada([col, row]);\r\n worksheet.getCell(cell).style = cellStyle;\r\n worksheet.getCell(cell).value = `${valorActual}`;\r\n anchoCelda(cell.substring(0, 1), worksheet);\r\n valorIndex++;\r\n } else {\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n } else if (tipo == 'celda' && seleccion.length == 1) {\r\n //Conversión de coordenadas\r\n const ubicacionInicial = convertirCoordenada(seleccion[0]);\r\n\r\n worksheet.getCell(`${ubicacionInicial}`).style = cellStyle;\r\n worksheet.getCell(`${ubicacionInicial}`).value = `${valor}`;\r\n\r\n anchoCelda(ubicacionInicial.substring(0, 1), worksheet);\r\n } else {\r\n console.log('Ingrese un tipo y selección Válido');\r\n }\r\n }\r\n\r\n //Función para generar el excel\r\n const crearExcel = async (jsonExcel) => {\r\n //Creación de nuevo libro de excel\r\n const workbook = new ExcelJS.Workbook();\r\n\r\n //Creación de nueva hoja\r\n const worksheet = workbook.addWorksheet('Hoja1');\r\n //props.jsonExcel.forEach((element) => {...\r\n\r\n //Lectura de Json a paritr de un For Each\r\n jsonExcel.forEach((element) => {\r\n const seleccion = element.seleccion;\r\n\r\n // Accede a los valores de cada propiedad en el elemento actual\r\n const tipo = element.tipo;\r\n const estilos = element.estilos;\r\n const valor = element.valor;\r\n const combinado = element.combinado;\r\n\r\n llenarCeldas(seleccion, tipo, estilos, valor, combinado, worksheet);\r\n });\r\n\r\n const buffer = await workbook.xlsx.writeBuffer();\r\n\r\n const blob = new Blob([buffer], {\r\n type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\r\n });\r\n\r\n const url = URL.createObjectURL(blob);\r\n const a = document.createElement('a');\r\n a.href = url;\r\n a.download = `${props.nombre}_${props.numero}.xlsx`;\r\n document.body.appendChild(a);\r\n a.click();\r\n document.body.removeChild(a);\r\n URL.revokeObjectURL(url);\r\n };\r\n\r\n function generateExcel() {\r\n let dataJs;\r\n if (props.indicador === '1') {\r\n dataJs = {\r\n indicador: props.indicador,\r\n nombre: props.nombre,\r\n numero: props.numero,\r\n fecha: props.fecha,\r\n salTotal: props.salDispo,\r\n salDispo: props.salTotal,\r\n supervision: props.supervision,\r\n listMov: [],\r\n };\r\n\r\n props.movCuenta.map((item) => {\r\n dataJs.listMov.push({\r\n fecha: item.transactionDate,\r\n tipo: 'Pago Interes',\r\n descripcion: item.transactionName,\r\n monto: item.transactionBalance,\r\n });\r\n });\r\n } else {\r\n dataJs = {\r\n indicador: props.indicador,\r\n nombre: props.nombre,\r\n numero: props.numero,\r\n fecha: props.fecha,\r\n deuda: props.deuda,\r\n pagoTotalFecha: props.pagoTotalFecha,\r\n pagoMinimoFecha: props.pagoMinimoFecha,\r\n listMov: [],\r\n };\r\n\r\n props.movCuenta.map((item) => {\r\n dataJs.listMov.push({\r\n fecha: item.transactionDate,\r\n descripcion: item.transactionName,\r\n monto: item.transactionBalance,\r\n });\r\n });\r\n }\r\n console.log(\r\n 'Este es el json con la data de la cuenta: ' +\r\n JSON.stringify(dataJs, null, 2)\r\n );\r\n crearExcel(GenerateJsonExcel(dataJs));\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\nexport default GenerateExcel;\r\n","export const GenerateJsonExcel = (dataPage) => {\r\n let jsonGerate = [];\r\n if (dataPage.indicador === '1') {\r\n jsonGerate = [\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: ['Movimientos Cuentas Vista/Convenios'],\r\n combinado: true,\r\n seleccion: [\r\n [1, 1],\r\n [3, 1],\r\n ],\r\n },\r\n //Nombre de cuenta\r\n {\r\n tipo: 'celda',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'left',\r\n },\r\n valor: ['Nombre de la cuenta'],\r\n combinado: true,\r\n seleccion: [[1, 2]],\r\n },\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: [dataPage.nombre],\r\n combinado: true,\r\n seleccion: [\r\n [2, 2],\r\n [3, 2],\r\n ],\r\n },\r\n //Numero de Cuenta\r\n {\r\n tipo: 'celda',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'left',\r\n },\r\n valor: ['Número de cuenta'],\r\n combinado: true,\r\n seleccion: [[1, 3]],\r\n },\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: [dataPage.numero],\r\n combinado: true,\r\n seleccion: [\r\n [2, 3],\r\n [3, 3],\r\n ],\r\n },\r\n //Fecha creacion\r\n {\r\n tipo: 'celda',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'left',\r\n },\r\n valor: ['Fecha de creación o generación'],\r\n combinado: true,\r\n seleccion: [[1, 4]],\r\n },\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: [dataPage.fecha],\r\n combinado: true,\r\n seleccion: [\r\n [2, 4],\r\n [3, 4],\r\n ],\r\n },\r\n //Saldo total\r\n {\r\n tipo: 'celda',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'left',\r\n },\r\n valor: ['Saldo Total'],\r\n combinado: true,\r\n seleccion: [[1, 5]],\r\n },\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: [dataPage.salTotal],\r\n combinado: true,\r\n seleccion: [\r\n [2, 5],\r\n [3, 5],\r\n ],\r\n },\r\n //Saldo disponible\r\n {\r\n tipo: 'celda',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'left',\r\n },\r\n valor: ['Saldo Disponible'],\r\n combinado: true,\r\n seleccion: [[1, 6]],\r\n },\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: [dataPage.salDispo],\r\n combinado: true,\r\n seleccion: [\r\n [2, 6],\r\n [3, 6],\r\n ],\r\n },\r\n //Supervision\r\n {\r\n tipo: 'celda',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'left',\r\n },\r\n valor: ['Cuenta en Supervision'],\r\n combinado: true,\r\n seleccion: [[1, 7]],\r\n },\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: [dataPage.supervision ? 'SI' : 'NO'],\r\n combinado: true,\r\n seleccion: [\r\n [2, 7],\r\n [3, 7],\r\n ],\r\n },\r\n\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: ['Fecha de Transaccion'],\r\n combinado: true,\r\n seleccion: [\r\n [1, 9],\r\n [1, 10],\r\n ],\r\n },\r\n\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: ['Descripcion'],\r\n combinado: true,\r\n seleccion: [\r\n [2, 9],\r\n [2, 10],\r\n ],\r\n },\r\n\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: ['Monto'],\r\n combinado: true,\r\n seleccion: [\r\n [3, 9],\r\n [3, 10],\r\n ],\r\n },\r\n // {\r\n // tipo: 'rango',\r\n // estilos: {\r\n // fondo: '',\r\n // tamano: 12,\r\n // borderTop: true,\r\n // borderButon: true,\r\n // borderLeft: true,\r\n // borderRigth: true,\r\n // alineacion: 'center',\r\n // },\r\n // valor: ['Monto'],\r\n // combinado: true,\r\n // seleccion: [\r\n // [4, 9],\r\n // [4, 10],\r\n // ],\r\n // },\r\n ];\r\n let fila = 11;\r\n dataPage.listMov.map((item) => {\r\n jsonGerate.push({\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: [item.fecha, item.descripcion, item.monto],\r\n combinado: false,\r\n seleccion: [\r\n [1, fila],\r\n [4, fila],\r\n ],\r\n });\r\n fila++;\r\n });\r\n //console.log(jsonGerate);\r\n }\r\n\r\n ////////////////////////creacion de json para prestamos///////////////////////\r\n else if (dataPage.indicador === '2') {\r\n jsonGerate = [\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: ['Movimientos Cartera Vigente/Préstamos'],\r\n combinado: true,\r\n seleccion: [\r\n [1, 1],\r\n [3, 1],\r\n ],\r\n },\r\n //Nombre de la cuenta\r\n {\r\n tipo: 'celda',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'left',\r\n },\r\n valor: ['Nombre de la cuenta'],\r\n combinado: true,\r\n seleccion: [[1, 2]],\r\n },\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: [dataPage.nombre],\r\n combinado: true,\r\n seleccion: [\r\n [2, 2],\r\n [3, 2],\r\n ],\r\n },\r\n // Numero de prestamo\r\n {\r\n tipo: 'celda',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'left',\r\n },\r\n valor: ['Número de prestamo'],\r\n combinado: true,\r\n seleccion: [[1, 3]],\r\n },\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: [dataPage.numero],\r\n combinado: true,\r\n seleccion: [\r\n [2, 3],\r\n [3, 3],\r\n ],\r\n },\r\n //Fecha de creacion o generacion\r\n {\r\n tipo: 'celda',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'left',\r\n },\r\n valor: ['Fecha de creación o generación'],\r\n combinado: true,\r\n seleccion: [[1, 4]],\r\n },\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: [dataPage.fecha],\r\n combinado: true,\r\n seleccion: [\r\n [2, 4],\r\n [3, 4],\r\n ],\r\n },\r\n // valor deuda\r\n {\r\n tipo: 'celda',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'left',\r\n },\r\n valor: ['Valor deuda'],\r\n combinado: true,\r\n seleccion: [[1, 5]],\r\n },\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: [dataPage.deuda],\r\n combinado: true,\r\n seleccion: [\r\n [2, 5],\r\n [3, 5],\r\n ],\r\n },\r\n //Pago total a la fecha\r\n {\r\n tipo: 'celda',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'left',\r\n },\r\n valor: ['Pago Total a la fecha'],\r\n combinado: true,\r\n seleccion: [[1, 6]],\r\n },\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: [dataPage.pagoTotalFecha],\r\n combinado: true,\r\n seleccion: [\r\n [2, 6],\r\n [3, 6],\r\n ],\r\n },\r\n //pago minimo a la fecha\r\n {\r\n tipo: 'celda',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'left',\r\n },\r\n valor: ['Pago minimo a la fecha'],\r\n combinado: true,\r\n seleccion: [[1, 7]],\r\n },\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: [dataPage.pagoMinimoFecha],\r\n combinado: true,\r\n seleccion: [\r\n [2, 7],\r\n [3, 7],\r\n ],\r\n },\r\n //\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: ['Fecha de Transaccion'],\r\n combinado: true,\r\n seleccion: [\r\n [1, 9],\r\n [1, 10],\r\n ],\r\n },\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: ['Descripcion'],\r\n combinado: true,\r\n seleccion: [\r\n [2, 9],\r\n [2, 10],\r\n ],\r\n },\r\n {\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: ['Monto'],\r\n combinado: true,\r\n seleccion: [\r\n [3, 9],\r\n [3, 10],\r\n ],\r\n },\r\n ];\r\n let fila = 11;\r\n dataPage.listMov.map((item) => {\r\n jsonGerate.push({\r\n tipo: 'rango',\r\n estilos: {\r\n fondo: '',\r\n tamano: 12,\r\n borderTop: true,\r\n borderButon: true,\r\n borderLeft: true,\r\n borderRigth: true,\r\n alineacion: 'center',\r\n },\r\n valor: [item.fecha, item.descripcion, item.monto],\r\n combinado: false,\r\n seleccion: [\r\n [1, fila],\r\n [3, fila],\r\n ],\r\n });\r\n fila++;\r\n });\r\n //console.log(jsonGerate);\r\n }\r\n return jsonGerate;\r\n};\r\n","import React, { useState, useEffect, Component } from 'react';\r\nimport axiosInstance from './../../helpers/axiosInstance';\r\nimport 'slick-carousel/slick/slick.css';\r\nimport 'slick-carousel/slick/slick-theme.css';\r\nimport Skeleton from 'react-loading-skeleton';\r\nimport {\r\n Card,\r\n Button,\r\n NavLink,\r\n CardHeader,\r\n CardBody,\r\n Container,\r\n Row,\r\n Col,\r\n CardTitle,\r\n UncontrolledTooltip,\r\n} from 'reactstrap';\r\nimport { parseJsonText } from 'typescript';\r\n\r\nconst MovementsProducts = (props) => {\r\n var createReactClass = require('create-react-class');\r\n const [isMovementLoading, setisMovementLoading] = useState(true);\r\n const [product, setproduct] = useState(props.product);\r\n const [listMovements, setlistMovements] = useState([]);\r\n const [list4Movements, setlist4Movements] = useState([]);\r\n\r\n useEffect(() => {\r\n getMovements(props.product, props.type);\r\n }, [props.filterMov]);\r\n\r\n const getMovements = (product, type) => {\r\n setisMovementLoading(true);\r\n let api = '/WSGYG39_2/api/Inquiries/CurrentAccountMovements';\r\n if (type === '2') api = '/WSGYG39_2/api/Inquiries/LoansMovements';\r\n if (type === '3') api = '/WSGYG39_2/api/Inquiries/CurrentAccountMovements';\r\n if (type === '6') api = '/WSGYG39_2/api/Inquiries/LoansMovements';\r\n if (type === '7') api = '/WSGYG39_2/api/Inquiries/CdtMovements';\r\n async function getMovementsAsync() {\r\n const body = {\r\n AccountNumber: product.accountNumber,\r\n Parameters: [product.accountNumber],\r\n };\r\n console.log(`MovementsProduct @@@@@@@@@@@ api: ${api}, type: ${type}`);\r\n const request = await axiosInstance()\r\n .post(api, body)\r\n .catch((err) => {\r\n setisMovementLoading(false);\r\n return 'err';\r\n });\r\n if (request != 'err') {\r\n setlistMovements(request.data.transactionHistory);\r\n setlist4Movements(request.data.transactionHistory.slice(0, 4));\r\n setisMovementLoading(false);\r\n }\r\n return request;\r\n }\r\n getMovementsAsync();\r\n };\r\n\r\n var Movements = (props) => {\r\n var data = props.data;\r\n var newsTemplate;\r\n let newFechaI = props.newFechaI;\r\n let newFechaF = props.newFechaF;\r\n setproduct(props.producto);\r\n if (data != null) {\r\n if (isMovementLoading) {\r\n newsTemplate = (\r\n \r\n \r\n
\r\n );\r\n } else {\r\n if (props.filterMov) {\r\n const listFilterFecha = data.filter((item) => {\r\n const fechaObj = new Date(item.transactionDate);\r\n const fechaInicioObj = new Date(newFechaI);\r\n const fechaFinObj = new Date(newFechaF);\r\n\r\n return fechaObj >= fechaInicioObj && fechaObj <= fechaFinObj;\r\n });\r\n console.log(listFilterFecha);\r\n newsTemplate = listFilterFecha.map(function (item, index) {\r\n return (\r\n \r\n
\r\n );\r\n });\r\n } else {\r\n newsTemplate = data.slice(0, 4).map(function (item, index) {\r\n return (\r\n \r\n
\r\n );\r\n });\r\n }\r\n }\r\n } else {\r\n newsTemplate = Hoy no se han generado movimientos
;\r\n }\r\n return (\r\n{newsTemplate}
\r\n );\r\n };\r\n\r\n var Movement = createReactClass({\r\n render: function () {\r\n var Date = this.props.data.transactionDate.substring(5, 10),\r\n DateYear = this.props.data.transactionDate.substring(0, 4),\r\n Description = this.props.data.transactionName,\r\n Account = product.accountNumber,\r\n Value = this.props.data.transactionBalance,\r\n color =\r\n this.props.data.sign === '' || this.props.data.sign === undefined\r\n ? 'text-grissantander'\r\n : this.props.data.sign === '+'\r\n ? 'text-green'\r\n : 'text-primary';\r\n return (\r\n \r\n {DateYear}\r\n
\r\n {Date}\r\n
\r\n \r\n \r\n \r\n {Description}\r\n \r\n
\r\n \r\n \r\n \r\n {Value}\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n },\r\n });\r\n\r\n props.functionListMov(list4Movements);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n )}\r\n // Optional fields and their default values\r\n offsetX={'50%'}\r\n offsetY={'50%'}\r\n >\r\n {(onClick) => (\r\n \r\n \r\n \r\n
\r\n Extractos
\r\n\r\n {\r\n descargaextracto(item.report_id,fechaextracto)\r\n onClick()\r\n }}\r\n >\r\n
\r\n \r\n )})\r\n }\r\n \r\n \r\n \r\n )}\r\n \r\n )\r\n }\r\n\r\n const Pruebacomponente = (props) => {\r\n return (\r\n \r\n
\r\n {\r\n listaextractos.map((item,index)=>{\r\n let fechaextracto=item.report_date.slice(0,7).replace(\"/-/g\",\"/\")\r\n return(\r\n \r\n Lista de extractos\r\n
\r\n \r\n\r\n Extracto mensual de {fechaextracto}\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n {props.data.transactionDate.substring(0, 4)}\r\n
\r\n {props.data.transactionDate.substring(5)}\r\n
\r\n \r\n \r\n \r\n {' '}\r\n {props.data.transactionName}\r\n \r\n
\r\n \r\n \r\n \r\n {' '}\r\n {props.data.transactionBalance}\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n };\r\n\r\n const ListMovimientos = (props) => {\r\n //let cuerpo=[11,22,33,44,55,66,77,88,99,111,222,333,444,555,666,777,888,999,1111,2222,3333,4444,5555,6666]\r\n let listahistorico = [];\r\n let registroHis = {\r\n transactionDate: '',\r\n transactionName: '',\r\n accountNumber: '',\r\n transactionBalance: '',\r\n };\r\n for (let i = 0; i < props.historicoTransacciones.length; i++) {\r\n registroHis.transactionDate =\r\n props.historicoTransacciones[i].transactionDate;\r\n registroHis.transactionName =\r\n props.historicoTransacciones[i].transactionName;\r\n registroHis.accountNumber = props.accountNumber;\r\n registroHis.transactionBalance =\r\n props.historicoTransacciones[i].transactionBalance;\r\n listahistorico.push(JSON.parse(JSON.stringify(registroHis)));\r\n }\r\n return (\r\n \r\n \r\n
\r\n );\r\n };\r\n const functionListMov = (lista) => {\r\n setMovCuenta(lista);\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {filterMov ? (\r\n \r\n
\r\n \r\n
\r\n \r\n {Descript}\r\n No. {props.accountNumber}\r\n
\r\n \r\n \r\n {Supervision === 'S' ? 'Cuenta con Supervisión' : ''}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {' '}\r\n Saldo total{' '}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {' '}\r\n Saldo disponible{' '}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {' '}\r\n Saldo bloqueado{' '}\r\n
\r\n$0,0
\r\n\r\n
\r\n \r\n {' '}\r\n Saldo en canje{' '}\r\n
\r\n$0,0
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n {' '}\r\n {perGraf}{' '}\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n Dinero que entró:
\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n Dinero que salió:
\r\n\r\n
\r\n \r\n Mis movimientos\r\n
\r\n\r\n\r\n {filterMov ? (\r\n \r\n (\r\n \r\n )}\r\n // Optional fields and their default values\r\n offsetX={'50%'}\r\n offsetY={'50%'}\r\n >\r\n {(onClick) => (\r\n \r\n {' '}\r\n Filtrar\r\n \r\n {MovCuenta.length != 0 ? (\r\n \r\n ) : (\r\n ''\r\n )}\r\n
\r\n \r\n {' '}\r\n Desde{' '}\r\n \r\n {newFechaI.getFullYear() +\r\n '/' +\r\n (newFechaI.getMonth() + 1) +\r\n '/' +\r\n newFechaI.getDate()}\r\n {' '}\r\n hasta{' '}\r\n \r\n {newFechaF.getFullYear() +\r\n '/' +\r\n (newFechaF.getMonth() + 1) +\r\n '/' +\r\n newFechaF.getDate()}\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n\r\n \r\n {\r\n setrangoFechas([item.selection]);\r\n setnewFechaI(item.selection.startDate);\r\n setnewFechaF(item.selection.endDate);\r\n }}\r\n minDate={minDate}\r\n showSelectionPreview={true}\r\n moveRangeOnFirstSelection={false}\r\n months={1}\r\n ranges={rangoFechas}\r\n direction=\"horizontal\"\r\n lang=\"es\"\r\n locale={es}\r\n staticRanges={[\r\n {\r\n ...defaultStaticRanges[0],\r\n label: 'Hoy',\r\n },\r\n {\r\n ...defaultStaticRanges[1],\r\n label: 'Ayer',\r\n },\r\n {\r\n ...defaultStaticRanges[2],\r\n label: 'Esta Semana',\r\n },\r\n {\r\n ...defaultStaticRanges[3],\r\n label: 'La Última Semana',\r\n },\r\n {\r\n ...defaultStaticRanges[4],\r\n label: 'Este Mes',\r\n },\r\n {\r\n ...defaultStaticRanges[5],\r\n label: 'Último Mes',\r\n },\r\n ]}\r\n inputRanges={[]}\r\n />\r\n
\r\n \r\n \r\n
\r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n 8/4
2021
\r\n \r\n
\r\n \r\n Cuenta de Ahorros No. 702766010\r\n
\r\n
\r\n \r\n \r\n
\r\n Debito cargo prima bancaseguros alfa cuenta pro internet
\r\n\r\n
\r\n - $14.620,00
\r\n\r\n \r\n
\r\n
\r\n \r\n
\r\n 8/4
2021
\r\n \r\n
\r\n \r\n Cuenta de Ahorros No. 702766010\r\n
\r\n
\r\n \r\n \r\n
\r\n Debito cargo prima bancaseguros alfa cuenta pro internet
\r\n\r\n
\r\n - $14.620,00
\r\n\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\nexport default Movements;\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\nimport classnames from \"classnames\";\r\nimport NumberFormat from \"react-number-format\";\r\nimport Skeleton from \"react-loading-skeleton\";\r\nimport axiosInstance from \"./../../helpers/axiosInstance\";\r\nimport MyModal from \"components/Modal/Modal\";\r\nimport santander from '../../assets/img/brand/santander.png';\r\nimport exitoCreacion from '../../assets/img/illustrations/add-contact-success.svg';\r\nimport ComponentemodificaUsu from './modificaUsuario.js'\r\n\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardBody,\r\n CardTitle,\r\n Container,\r\n Row,\r\n Col,\r\n Modal,\r\n NavItem,\r\n NavLink,\r\n Nav,\r\n TabContent,\r\n TabPane,\r\n CardHeader,\r\n Button,\r\n FormGroup,\r\n InputGroup,\r\n Input,\r\n InputGroupAddon,\r\n InputGroupText,\r\n} from \"reactstrap\";\r\nimport { normalizeUnits } from \"moment\";\r\nimport { tr } from \"date-fns/locale\";\r\nimport basePerfiles from \"./basePerfiles.js\";\r\nimport baseUsuarios from \"./baseUsu.js\";\r\nimport { set } from \"date-fns\";\r\nimport baseTransaccionPen from \"./baseTransaccionesPen.js\";\r\nimport { event } from \"jquery\";\r\n\r\nconst Compotp=(props)=>{\r\n const ref1 = useRef(null);\r\n const ref2 = useRef(null);\r\n const ref3 = useRef(null);\r\n const ref4 = useRef(null);\r\n const ref5 = useRef(null);\r\n const ref6 = useRef(null);\r\n const [muestramodal,setmuestramodal]=useState(false);\r\n const [posicionesotp,setposicionesotp]=useState([\"\",\"\",\"\",\"\",\"\",\"\"]);\r\n const [mensajepadre,setmensajepadre]=useState(props.mensaje);\r\n const [cargando,setcargando]=useState(props.esperando);\r\n\r\n useEffect(()=>{\r\n if(props.pideotp){\r\n setmuestramodal(true);\r\n }\r\n\r\n },props.pideotp);\r\n\r\n const toggleModal=()=>{\r\n if(muestramodal){\r\n setmuestramodal(false);\r\n props.funcrespadre(\"\");\r\n }else{\r\n setmuestramodal(true);\r\n }\r\n }\r\n\r\n const tipeaotp=(event)=>{\r\n let arrayotp=[...posicionesotp];\r\n switch(event.target.name){\r\n case \"ref1\":\r\n \r\n arrayotp[0]=event.target.value;\r\n if(event.target.value.length>0){\r\n ref2.current.focus();\r\n \r\n }\r\n\r\n break;\r\n case \"ref2\":\r\n arrayotp[1]=event.target.value;\r\n if(event.target.value.length>0){\r\n ref3.current.focus();\r\n \r\n }\r\n\r\n break;\r\n case \"ref3\":\r\n arrayotp[2]=event.target.value;\r\n if(event.target.value.length>0){\r\n ref4.current.focus();\r\n \r\n }\r\n\r\n break;\r\n case \"ref4\":\r\n arrayotp[3]=event.target.value;\r\n if(event.target.value.length>0){\r\n ref5.current.focus();\r\n \r\n }\r\n\r\n break;\r\n case \"ref5\":\r\n arrayotp[4]=event.target.value;\r\n if(event.target.value.length>0){\r\n ref6.current.focus();\r\n \r\n }\r\n\r\n break;\r\n case \"ref6\":\r\n arrayotp[5]=event.target.value;\r\n\r\n break;\r\n }\r\n setposicionesotp([...arrayotp]);\r\n console.log(event);\r\n }\r\n const salidapadre=()=>{\r\n let cadena=\"\"\r\n console.log(posicionesotp);\r\n for(let i=0;i\r\n \r\n
\r\n
\r\n \r\n toggleModal()}\r\n >\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }else{\r\n return(\r\n \r\n
\r\n {mensajepadre}
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n toggleModal()}\r\n >\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n \r\n}\r\n\r\nexport default Compotp;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAkCAYAAADVeVmEAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALNSURBVHgB7VlNbtpAFH42AQlYlGWWPkKyYF04QblB4QQx4ncXR2KBYFFyAuAEkBOEBfv6CNNdu2MDSPz2ezBWDYI0tV23mfBJw/z4IfmbNzPve2ONJEzTTMVisTs08ygGqQFb07RePB7vW5Y14QGNf0DWANlnUofoMcRisch2Oh2hSc9+JXXJOhCJROL2CsjTL7KT7XZbTCaTQ2cJvGVUKpU8lvQXNFMoxmw2M7VqtcrevWEDkC202+0eKQRJuiu7QidJlqEaWcZyuRy6uoZOigMH1cHWVJ7wMS6EVceFsOp4d4SvyCOk/v5M+zh+A9HyhDhunrKFuMnh+R0EgMF9tAXiY4G17Sl7iIUubDOyO0HbRgJQDEL9efaw1N8W7Qkbuq5/OGcLghm8NMvWJ9pnMBn+PwikTtnjOU/giO1R+H/5+Xw+oADg2cNuzQ0Pbl+yPfZ8qVTKRSKRAbRtHt3OsX2r1bp192u12jNPGk+QXy97JuxHhq7XawHC3Ey9xh5kv3EdxJL2TNgPsJw/yaZ96jmnrMjidhofW+UjKj4rHigAhE4Yy59f3kIRWLrDUzbRaDTnynAYnMD3KACEGpZA9h5VjzhN0/XsOTss99Fms8nKUuQxvpE5d8j9CULzsCRrofRx82C+tB+bzaZAJWR3hDDFoak7nU5ztJ8wzwiFMCfhtCf7gGVskUdwaCOfCMvDOacBT1uucft4H8s7tgyW8o6cPLQ4rPE2sMknwiLsiJJ79yDCzSOqA8LydB6AnNtuhKool7ovaG7RgNnW6D8Ay1YQN7i9Wq3EOQn6Wrg5/pM4/DtIgoL+Ai7poeq4EFYd75KwcDrlcjlDikGqPAc2E+47PQT7rkqkmQvkqFvs9M99Lp3I8paRosMLht3n0p2yqtfrBrSr0h/EOR1labq7ZxmPx5N0Ot2H+3+gXGPomtSAQHmEZwuNRuM7D/wEZE0hooeOJwQAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAQCAYAAAD9L+QYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHCSURBVHgBpZRbTsJAFIan5fbaHVh3UFegrEBcAXUF1hDgEXwjEEJZAbIDWAG6AnAF4A7wlRDw+5OOIQ0I1pM0cz3ff3rmzDgGi6LIKxaLT3RDPt9kt8V+vx/2er1XDZwEPBN0t9s9bLfblclghULBowkcxxkgMEHgMQ+4xaQWjOu6t3Ecv5mM1mg0qjRrBO7q9XroMqgQ8SNqZfohG1omgzWbzZFYBFiGN6RfFdwvlUpLfmOhBQmwcXApVGklyhnB3cm/0+msmF4Qve8ebtSCNrCxgsPoArCv8wLkbTabmwT8Y27awQrgEJCiuSL7DUz3A3CZs1qn97jHHCUgB/UBSMA/AX7vdrvhMfBJeGJe8klgZgVIV5CAPdJ3lRY+C7cAnKdEds3UWGOdA+kSeMyfXaeFz8JVqxZABUWaQ6CN0Avzn7poGisVrJcPhIM0K58Cq8YjQM/2CltLj61JCD+D8Jz2mXFs1xwmlrpEuVyuqlrle1DNmz9arVarwFD5xvC+ELtXWsaUnvIbqASzgGX9fn+C/w3dkFYZGOc5mJic6U3weLR8DsdkNSK2eZ8qjY56uii8am39ivnfk7tSxDoHDb4Bc0Hs14TNA7gAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOpSURBVHgB7VlLThtBEK0ZGyQEi7kBkxPgrJGIOUG4AfgEGPHdeWbHT8I5QcwJQk6A2bDN5AQ0N/ACAeKb94YeMkKO3dXECQue1OnKuLvnTXVVdXURyCvQbDajarW6FIbhJ/y3hhbbnzI08/j4+H1vb68jr0AgnlhfX18OgiCBGA0ZSqKpL9FQPLCxsXEAcm2IEV7efXh4WLm5ufmwu7sbsOHZR7QGyaHFGPt1c3PzQDyg1iDItdAlaD20FITag8avra01YQKcE/GjdnZ2VmRUBFdXVxcqlco3ytQSti1zmQdzqIHcD8rQ9vz+/n5XHKHaYmhi2YqpKznCjk0p4wNbooAzQXostFDPJ4VhR5SAjdIUetB8PUmSYY6lJ4hwwjDCre1ub28bUaLdbtNmDeWLi4ua6zwvL/YFPq6nnKLSoGGPbY7FE5ibb+34+LgzUWeC19fXxaLO9tMH+daCoHGd4EzQ2hBbpDHyAnQyK/Yw/+9r0MLwH3hkLEoUTlas4QoVQRj5Ofu7u7tYlMDcqLyGK7w0KL+zFmeUnMuIAloNGtvHokRBEL0RBVQEsXhh3LHoEdveiAIqgre3t/n5C6LTokQxB8mCKlh726Am1NgQk3vx1NSUc5JBqAgyFkITXYjR5eXlkuu8sbGxBfY8xzUxUE2QuL+/T63YgmbiYeM5Bh9VpFiHooTXnQTp+zHTJogGQXsemjXyB3I41o4hxtQe8sJ5UaIqHoBGGnhh/mIQOAPhDjR7iABu+Due1fgBGLcoT2e3QaLaEA943+po+CDCJHRx0DgQ/TI5OZloba+AN8ECW1tbMbTXhDhTBGMGdMgnCCldzf3jHaNA3y0eUNIo7hUG23eCPoNjZDZX7LsO7LRuHWb6xVoEqw55iQTrHPWLBsGLBemViQwx/D7I8JITtCN8FL12xpKqaxZhKMJx2igTfSb4stbCwegOMaEbRVGeBfN4442MuR2I1OXJMeoD3slrJo+2n3QYOFNWrGXfWcPzGCGIJw13K7bzElQs0meCpXIGY1xnYmJiRRMWUN6gthYsYZI6pzZ57rquw4/H8clo0CqTDOy2ntmHrLUk8h8BrS6x2ESZZZLK3Nwcgy1rJx2QUxV2RoHT09NsdnaWO1uHGcVMFj7zBxBM5Y2gKK3ATGokmDuFTzljVChxif5p6cMHzwR9LuOjQumSL6HNkOXq6kpVtxsV7OmT1yEZiwPGMBjlsbxBMMyETIcoyNOfDt4EbGE+LxX/AkXfxNZY2AGAAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAoCAYAAADkDTpVAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAERSURBVHgB7ZfBDYJAEEV3NwIJJ+wAO9AOtBJjB3uBcHOPBA7QgbES7UA7kA70RgIJON/oxUg0AS5m/mVms8w8Zk/zpSAFQTCnkEkpET3RU23bHuu63uR5XkittW/b9mmIxm+6EWg1sSxr92y+d11XG2NuooeiKPKbpjGUrpVSmaJnWeKCDqZvcyiO46KqKo2cJpjLMAxbHJIkkZ8K6P5Cwe/oV1DdrKPu0VeJkTX59kHXH/6q0SdgAAMYwAAGMIABDGDAvwC+7qYvvW3Zxa876+gTwB9cKXrkbqZDGBDoacswsYDDOSMpyzLDhegp6uE5jrNFDjMo4TAJchAjmECyZQuVpukZCWhiGMFdHuEw4dfut35iqQhlbN0AAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATmSURBVHgBvVjZdeJKEC3J2B/2Dy+CJ0cwOIKBCIaJwDgCw/H6Z/Hn9RgiAEdgHIH1InhMBKMMhh/v29wrVWsEBtTCjOucPq2lVX1Ve7UjM1C9Xi8uLi5WcfnVcZwyRnB0dLSRXrO7u/sTUxEjeHt7u3p6egparVYoOamQZ/H29nbZdd0aLr/p5hEBQHnCJ1xTxQ9Ul5aWZG9vr/vw8NDMA9SxWQSJedjAx+V6ClQkGUrv5OSkP+67nZ2dEiaOdUo62dRxrIFmAsQmm2DoSyyNAUZ7eXm55fv+QHLQ/v6+9/r66sufnwwxGsfHxz2ZFSDs6BxTXW97UG/j8PAwlA8QgULynZRZ+ADZlDwA1QkuVS0DMGtAjV2ZI+HnfUwHkgHSmfAxbeoLRghw3yfZ2Mg3l5hKUP+arfq3traqCwsLHYnNZyxId8xG5wYcVFqxAadEZ/Du7++Lluvl7OysBwFUJLZtH3vXpwKkQ0hscwOC+6i92RAFQBPS23OGMhkHkKFEvZUhpPEZ4AzRvrFnOwLkuh2YSKKFxAYh3q7E8ao7mhUmkcZHhg1mlZI+pt2GmH9g7p2engZiScDwv/Jpwh79BKBmiGtRu7ORnsbHlmRTiNGF87SznCeFY4D1q1wfqRgbGeO8sAGHPz0w4ChxBOAKGP6Dv3Y48x6v6JF0MA/Dv729rWXxpbSZmXBZxPoIU0Ftj7mV+u+KHdV0bsAchqSoUgp0+JQKczHCSc+G8cvLSxM4yhJnHN+Bqmpg0LG1PU1ZrFRCSGxV/gJBQ78wFakJV5HSc68kHxXT3jZPApYLzpBkyYXkSnpjFZBpo8ZO7u7uzuXvUF+BlinBK5ZOeeIeRM/AyhxdY2FKM5E5Eopb2isF0beqB8eR2iJDgqePQty3n5+fe7NUzpNoZoCG1MlYlXjmGTWC6WIeFdCHARpKtQPrqcchRndavZdFcwNoiJ59c3PD1Jcu88PHx8fKLKpnHLwGowH+8rvMmVSqrPc8jD72WLP5TnM868sLE2aqNHqZMzF1QXIExexSGi2lJhGyTtRsRWGGrsyHSDFWH+clqJXgoiSAvTybbwCwqusDF8Cij6GKr2JJtpJIUcRbyzDr9YVCIXDYIEHfzH1JiSPTwdXxM8wgjHsb0+o95U0bpESscrf2KZdmfYEqQMfPJrysJY4/jYGmuRDDY+2GTMKMQjP5QWfjGtz/q7ZtiliusXJC8NxUHlFoiupBljj6fjOrAGAPQcMHgw0FWtTzGTJmwGatWFNwBNbGpms2zRelp6EphBQDPkviIKR4TSmyEEXZ1RBLovcjd5ZM+6i9BcH0V1ZWwjwnEHrg5MloyW82gk2xJ4jqsDy9RJo5pLU6S8PFKl1i8xqy1aSrI1MAi/XuupcMlvJJpO2ur3tX0u+G+mJIjeU7i0V63/VngITk1lPN17t2993JAhyAnhw1O3lAwtEadJw86iU4TF29pd296xInHh4RnMSemBnvZqGRk7PEKawApkCaIMv418KhY/ujxagWEJTUF33UGCe5TICGRo7JeGrQnOW8WdvPg3QJZnNyZlUPMgTBxjop5gNc82TqCjYbaEEwRNQAcmmJOV7ja/Kt5DilzVWwjpGCoSEb0nouiqmpNbmAGcp1yq+OElCiaI6Ylr4x50JCo+mRAEJe4N1/eQ+R0vQbqVy5nhAQUlcAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAkCAYAAADVeVmEAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOsSURBVHgB3VlNTttAFH75ASTYpCfA3CBdsEKi4QT0BoQT4EpA6IrJLgIkkhuEE5CegLBjR9h1h29AkBCqQJB+H7yhA3UgMYY4/iRnZuzJyN/7m/fGGVH4vl+YnJxc6/V6pUwmU5LxRhc8OmgPdnd3m+6DDH9A1gPZI3Q9SR+Cm5ubpXq9HnCQ5U+KyRIPyqRSOchvbGyU5TnZ6vT0dN0Y05UxxdbWlnd/f19Gdw1XQR5JH6L9mtnc3DxFp6hzf+zs7NQlJYAyi4hHtF6SFvj1Kk3akhVotikpAgIWA1fDjrPZ7ErenTCsGa+vrzOif8c1C+lRime3t7d1GyCSAJBswry32cc7FrMSEXCFfSx2BLL0E5Im+TX4ynmlUtmXhKBWqwXOsBCJMMmi8fs9hyT9JJF2kR9y/kOCIg5ZkGvMzMwY9q+vr3nfmo8PF6kO4iYQIP9jJD4YBN9q2IOhCefz+acgB1JtBAZX0wYvvywaCK+urti2B1jWSLwwuEIJR/ZhAj5beHkPQoiyf1clXvRdL4qGA0Q9O/yPMITguXNlAMD8jMSv5VAMreEXUc8LmeL1mZsIRDXpwHaYxtk+AloxbE6SEIkwzDawfc1ZHzAxMeEGtEASiKF9mACZYzQlHW5jz50F8UsIYsWZdjDgcrY8LUtMQDnY7JftRSKMBet4QZLzOIYAyiDrTgmwN7cGXC728lTfbS7sWSSThvS6SCuXJMRPuTfzWVLLy0gaJjQCz7GAAMESTJoEO3t7e20ZEhSQGwveCxYM/Z5FJmyhBNvyDqjwjHwCBiLMQhoN/ZRpoyf/DsnO0LZImjk2004tF7/pPCYmXYxb0GBD69OR4k0fZmKPFz7VMtDT2wVbDrJExJweAsWFUy5SQDYLK2hQO9UiYaR4lfBHVDGjLhv7mrSe8hk7ZvTFVaX5IgIXtBKiCS9r/kyNBrpHd/QSnUPBebqOj0D3yw1uiSgPYaLG9rUMXHpa7XHLaev11qFfB8JrTU1NHfKQnzcgAF+eBzoj8cJIhPJw2XZyudyqvAPct+/u7p5eQIOai2SVh4iw5zA7+SgkpTxsyAcBpj1wnh03+hKm1HlehW6cKSLXqr44FvpU8MtDzw5wEP9lnD+xhEG/il7YcRYBpG0HeuqYKqBGd0vWTm5hYYFlVElvlDC+nJ+f/31ycvJHxhjU7OLiYgUKrdl7cNGfGVU5P6h5km4EiEtz2ddq2xQhUI7y7JiC34qd5H/swQwRfI7d791/AZGMj8zUJnXrAAAAAElFTkSuQmCC\"","import React, { useState, useEffect, useRef } from \"react\";\r\nimport classnames from \"classnames\";\r\nimport NumberFormat from \"react-number-format\";\r\nimport Skeleton from \"react-loading-skeleton\";\r\nimport axiosInstance from \"./../../helpers/axiosInstance\";\r\nimport MyModal from \"components/Modal/Modal\";\r\nimport santander from '../../assets/img/brand/santander.png';\r\nimport exitoCreacion from '../../assets/img/illustrations/add-contact-success.svg';\r\nimport ComponentemodificaUsu from './modificaUsuario.js'\r\n\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardBody,\r\n CardTitle,\r\n Container,\r\n Row,\r\n Col,\r\n Modal,\r\n NavItem,\r\n NavLink,\r\n Nav,\r\n TabContent,\r\n TabPane,\r\n CardHeader,\r\n Button,\r\n FormGroup,\r\n InputGroup,\r\n Input,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Alert,\r\n} from \"reactstrap\";\r\nimport { normalizeUnits } from \"moment\";\r\nimport { tr } from \"date-fns/locale\";\r\nimport basePerfiles from \"./basePerfiles.js\";\r\nimport baseUsuarios from \"./baseUsu.js\";\r\nimport { set } from \"date-fns\";\r\nimport baseTransaccionPen from \"./baseTransaccionesPen.js\";\r\nimport Compotp from \"./Compotp\";\r\nimport Checksantader from \"./Checksantander\";\r\nimport perf from \"./basePerfiles.js\";\r\nimport IconNid from '../../assets/img/icons/Icono-Numero-documento-Gris.png';\r\nimport IconCorreo from '../../assets/img/icons/Icono-Correo-Gris.png';\r\nimport IconNom from '../../assets/img/icons/Cliente-Gris2x.png';\r\nimport IconCel from '../../assets/img/icons/Telefono-Gris2x.png';\r\nimport IconPesos from '../../assets/img/icons/Tope_Monto_Transaccional-Gris2x.png';\r\n//import { Console } from \"console\";\r\nconst _=require(\"lodash\");\r\n\r\nconst Campoformato=(props)=>{\r\n const refMaxValue = useRef(null);\r\n const refMaxDailyValue = useRef(null);\r\n const [maxDaily,setmaxDaily]=useState(props.data.maxDaily);\r\n const [maxTransaction,setmaxTransaction]=useState(props.data.maxTransaction);\r\n const [checkotp,setcheckotp]=useState(props.data.otp);\r\n const [checksupervisor,setchecksupervisor]=useState(props.data.supervisor);\r\n const [checkconsulta,setcheckconsulta]=useState(props.data.consulta);\r\n const [checktransaccion,setchecktransaccion]=useState(props.data.transaccion);\r\n const [muestramodal,setmuestramodal]=useState(false);\r\n const [listAlert, setListAlert] = useState([]);\r\n var createReactClass = require(\"create-react-class\");\r\n \r\n console.log(props.data);\r\n const ejecutafin=()=>{\r\n let permisosedit={\r\n maxDaily:maxDaily,\r\n maxTransaction:maxTransaction,\r\n otp:checkotp,\r\n supervisor:checksupervisor,\r\n consulta:checkconsulta,\r\n transaccion:checktransaccion \r\n }\r\n \r\n console.log(\"funcion compara topes\" + parseFloat(maxDaily.replaceAll(\",\",\"\")) + \">\" + parseFloat(maxTransaction.replaceAll(\",\",\"\")));\r\n\r\n if (parseFloat(maxDaily.replaceAll(\",\",\"\")) >= parseFloat(maxTransaction.replaceAll(\",\",\"\"))) {\r\n props.terminar(permisosedit);\r\n }else{\r\n setListAlert([\r\n {\r\n description: \"El tope transaccional no puede superar el tope diario.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\"\r\n }\r\n ]); \r\n }\r\n \r\n }\r\n const ejecutasalir=()=>{\r\n props.salir();\r\n }\r\n const deleteAlert = (alert) => {\r\n \r\n console.log(\"elimina alerta\");\r\n console.log(listAlert);\r\n setListAlert(listAlert.filter((auxAlert) => auxAlert != alert));\r\n };\r\n var Alerts = createReactClass({\r\n render: function () {\r\n var data = this.props.data;\r\n var newsTemplate;\r\n if (data.length > 0) {\r\n newsTemplate = data.map(function (item, index) {\r\n return (\r\n \r\n \r\n
\r\n {mensajepadre}
\r\n\r\n
\r\n {//\r\n ![]({require(\"../../assets/img/icons/LoaderIDEA.gif\").default})
\r\n
\r\n \r\n \r\n \r\n deleteAlert(item)}\r\n >\r\n ×\r\n \r\n \r\n \r\n {\" \"}\r\n {item.description}\r\n
\r\n );\r\n });\r\n }\r\n return {newsTemplate}
;\r\n },\r\n });\r\n\r\n const cambioTopetotal = (event) => {\r\n event.preventDefault();\r\n let val = event.target.value;\r\n setmaxTransaction(val.replace(/\\D/g, \"\").replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\"));\r\n //console.log(topesxprod);\r\n refMaxValue.current.focus();\r\n };\r\n useEffect(()=>{\r\n if(props.pideotp){\r\n setmuestramodal(true);\r\n }\r\n \r\n },props.pideotp);\r\n const toggleModal=()=>{\r\n if(muestramodal){\r\n setmuestramodal(false);\r\n props.funcrespadre(\"\");\r\n }else{\r\n setmuestramodal(true);\r\n }\r\n }\r\n \r\n const cambioTopediario = (event) => {\r\n event.preventDefault();\r\n let val = event.target.value;\r\n setmaxDaily(val.replace(/\\D/g, \"\").replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\"));\r\n //console.log(topesxprod);\r\n refMaxDailyValue.current.focus();\r\n };\r\n\r\n const controlcheck=(id,estado)=>{\r\n console.log(\"id: \" + id + \" estado: \" + estado);\r\n if(id==\"otp\" || id==\"supervisor\"){\r\n if(id==\"otp\"){\r\n if(estado){\r\n if(checksupervisor){\r\n setchecksupervisor(false);\r\n console.log(\"debe cambiar supervisor\");\r\n }\r\n }\r\n setcheckotp(estado);\r\n }else{\r\n if(estado){\r\n if(checkotp){\r\n setcheckotp(false);\r\n console.log(\"debe cambiar otp\");\r\n }\r\n }\r\n setchecksupervisor(estado)\r\n }\r\n }\r\n\r\n if(id==\"consulta\" || id==\"transaccion\"){\r\n if(id==\"consulta\"){\r\n if(estado){\r\n if(checktransaccion){\r\n setchecktransaccion(false);\r\n console.log(\"debe cambiar transaccion\");\r\n }\r\n }\r\n setcheckconsulta(estado);\r\n }else{\r\n if(estado){\r\n if(checkconsulta){\r\n setcheckconsulta(false);\r\n console.log(\"debe cambiar consulta\");\r\n }\r\n }\r\n setchecktransaccion(estado)\r\n }\r\n }\r\n }\r\n\r\n switch(props.replica){\r\n case 1:\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n break;\r\n case 2:\r\n return(\r\n \r\n \r\n \r\n {/*\r\n \r\n this.toggleNavs(e, \"tabs\", 1)}\r\n href=\"\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n \r\n Cambiar Contraseña\r\n \r\n
\r\n \r\n \r\n \r\n this.toggleNavs(e, \"tabs\", 2)}\r\n href=\"\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n \r\n Actualizar Datos del Usuario\r\n \r\n
\r\n \r\n \r\n \r\n this.toggleNavs(e, \"tabs\", 3)}\r\n href=\"\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n \r\n Administrar Perfiles\r\n \r\n
\r\n \r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Administrar Usuarios\r\n \r\n
\r\n \r\n \r\n {/*\r\n \r\n this.toggleNavs(e, \"tabs\", 7)}\r\n href=\"\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n \r\n Transacciones pendientes\r\n \r\n
\r\n \r\n \r\n */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Información del Producto
\r\nTipo de acceso
\r\n\r\n
\r\n Tipo de validación
\r\n\r\n
\r\n Tope monto transaccional
\r\n\r\n 
\r\n
\r\n Tope diario transaccional
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n break;\r\n default:\r\n return(\r\n \r\n )\r\n }\r\n \r\n\r\n}\r\n\r\nexport default Campoformato;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAYCAYAAACIhL/AAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANkSURBVHgBzVdLUttAEG0rBgIrcwLELjvsNQvMCWJOEOUEiOK7s7zjV4VyAsMJMCdAWbBGnADdIFpQfAuc9+RWotgjhFZKV03NR+2ZN92vu8c1gbiua09NTfVrtVoT04ZUKMPhMEB3dnR0dMr5J4Kbnp6+BrgvmH+WigU4bLTO8vKyXF1d/axtb28PsPAV387m5uZcz/NiqUhwduPu7s6xLOuE87e3t9Xazs7OkBMsLu7v70fyHwgweei6MFxQTxffAwcaNECDdQw74EiMy0RPT0893/ejosO2trbadJl6ydblEPMwb4/n52cf53VxVvOPBQ8PD2s54MjRy8zmqUSgRCuPEnqpLoe6RL2IF8wGI8b+7Oxsb3yfFFddCgTR3VZwCaDHx8cGuHGOefP+/t5B7+eACzBcQruBvnt8fBxkdcB9B+BoJRf7tAFw1XRZSwqEUaXDM26gVLjQNWNKUssRHAOvPQ6OwjQCry1Sh5d9eHjomvYqBIgbRgp0IbNsaz9xY1JCRm6NAMApygrgG3VDWpJ8lbIA4Z5Y+/kM6AVdC8f1YT1PdXryAUGQxNhng2MGk5QFCA6G+uMVWodNSS71ej0y/ISujdNK8BFRCsQa6eUAknPMRxiS+LdsHGPtNCc1NWG9UMpLJJOZohggBflqTUZkprtjAPiB1LCRpw/wpes5049pvTDNUMgTdI58TCIxWKJIlDYTljcCzFQORw9LMv/r6+uNbraE1tZvCQXSqgBLXGC+zog0pZesIBl3kIYC1N8kcfOMcR0rB1yAoSd/LUFeJUWcDRs5mW82v7HasNhjPEg2tqw+55Ijm5ubjNhzJnvocj+6+aIQYCbJRnxNsATihy1Yb43cQztlWuAactgidUTdisOSikE9zpF8T/JAAlS6Tk99k1HeHIzrmVzc0Q0ILuIYKYOmZxsY9CO48zv0L/Uw7+XlxcNFV2hZljGUtd47acdOzzN9NAFMbgbL3IIjUlKSSNSgagGYTz6i9bFX953HRQwP9Xd3d8ODg4N/ssOEi3FrKkRSXuLx6gGruXxnyihFhVlwaQlVYYC0sTZRSfjc+kUF3G6+ytd0VvSJx4IgVhraJLQW+kqFWWRmZiZ52SQpa29vzwbfrqXif3MG4cu9ZbGeciDmCK1CyOWAmIjtNzK9zWZjFHOfAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL2SURBVHgB7VhLbhpBEC0+8jbcwJMTmD1IwSeIbxCyc1YexHdn2PGTMj5Bhl12yTJZGRawxjcY34BsEZ+8Bz0yNAw0hkGy5Ce1unuo7n6urqqussg73hgiciBs207E4/FkNBr9jGkGzUJLqJ9H8/l8GIlEhhj3ms3mbzkQxoRI5OLi4o5DRWBxOHoPBJ4pgzm/X2GeVDIemjsejzuO43gm5xgRKpVKX9A5PASHdtFq7Xa7u2tNoVDIQItZDLnW45pWq+XKsYRA5js625SIjkqlYs1ms0cMLWjOaTQaOXktoXK5/AMkshjWYA9VOQL4w6ro7rGfC019DZKL7diAmrk9BRmi3+93U6kUlBSx0+l0AvO/YkqoWCxmsbBuSobkccg3HPJTDEhhWEHvYf6ky0T1D/Am3vU9hp6pZnANSdjJBxNZ7kl7xNCh5+4lBNemV1jwkGsJCXQOdAwjtuwjBPC63Hq97klIoKcqLd3pWlojlM/nb9BZ0+m0IyHD1xKjvgQRwjVl0I0OjTWvgTpjhNu4WeOgyV2p5+AsUO/eJwkipN6gJzkT1BtorX6LazIJCI30hYgzv9TDGbTxwg4Qvx6DZGAOwy3PhicvmcJSTgwAMs9yJLCHZSKna4hGdqkL4e2xZQd8zUDuoNhFres3omvIQ8S15HzYcKI1Qvix59vDObDNiXRCTDkTTK4kZKgzeGVdCSI0mUyovpF6XENFLBZbZJJ63r1GCHkvDewBhDJhaokZhUr8Np6oDbdHQs7cOVQt4ZWnV3qITa7sI0QtgX2OWkJANCKlXNcowqs9qaHatowiMKdGbHFwEMueKu65JieAIsME7SEotgXm1IPB4A/SzI8Y2uiZfvbkBGTQOiBzGyS3twxa0ZQH+7o2Lfh80DlojzSBXZoxJqRIZZWRM992mcCZFIo+EVlWubmTFIo+VMGXlWUlasl6Hf+PMphfKtJ+Kb0II/RcFVL24uB/NhBMdVV2uVrHiyLAsrnHqM9Aa0rkHW8W/wEe7HyHSbez4QAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHESURBVHgB7ZfLTsJAFIZPL2HNG1jfwA0LEoL1CXTpTtm5syTcdpSV4ZIQ36C+AW9g3RDc8QbUN2CpC6j/icVU0k47VRaY+ZLJDGf+Tv+5lMwhUhwZGhWg0+n0UTko5RTJWtM0bzgcNunQhmBmymb4hWEYvqXILJQblMFoNHJJApPkuY1m3xCJYJyrexSXJNBJnrJgZeIElL6lqaRuWbvd5pWwErr6MOSj74UEQHMOjY3mIKEvGI/HXtJzqVuGwfjgWil9NiqbBECza/YT+gJUHsmCc+CihPRH8Fg8pkhT5AwdlOM3hCVf8YHfi0273e4sHmMNa0mSIv9D1v7Xh6/mDOWHKNJYJIk6Q1koQ1koQ1koQ1koQ1koQ1kcpyHHcaQv60URXj82m83SMAwyTfMMP32O4ZrRQMyP67bb7aOu60E8ht8env+OtVotO2ouRe8UJoq8MqVSaQUTS2QJF/QLcGF75jsSEsdTkc4QdS4Wi/dqtfqB2d7VarVypVJ55RhJwJOq1+sPMHONiTXn83nxFdoRZQqczgQY2M+ZKPL2nkB/RV8JY660Ondu3+v1LJwVF81Lyp+RrmFqhvI0mUx8UvxHPgF2n53piLwvKgAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAoCAYAAABjPNNTAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMpSURBVHgB7Vi7bhpBFL3A2oVdhDKd11+QTesKvsD2H+AvMJb8KD00lmUo8BeYdOmCvyB0lKFMl/UfbIRAQrxyDswmGwTseAdkkHyk3ZndOZo93Hvn3hlEYnB9ff2Ll6wYr5nXMeC4sh64psS0bAG2QmSKN8TGyXg8Pk+lUjnZDLSg57FcLtf4kLq6uipA3JNsJk4fHh7qDgSe6xclvFCzLFh5zBZjKVkhls2LMYXmVmurMyY9TVayIQi1wOU5tluxcEzypC/rgW9KjBUJ0x8uGy8Wi9nd3V3GTkH+JegW4qnW6/Weq9Wqn2TeKKzcjczgQeAPdJX8X0E8xFMVY9/xI1yxRGKR/Dis9Q1dF4Iao9Eoz5XKi32ZutOlUKVUVixgEpNzsbOzUwwFIunmo2OVSqWB5hCphFb2ut0uuUoSwsbdn3iDyNIiwnA4LGmOJxZILBKuzhpwAt39IBZILBLWedFC3EWcyNhvsYCNu32R5RYNRaJtiQVsLOnr1l1Cc6PcpLCJySAqZB4g7kC3vlggsch+vz9xIcQeLOKEoYBcGYgFbGOSH/fmVRX9jqknuLu7e5uYRE0O4MYv7M+WP/b5jv2QY4PEFYeAyxXEHMu0/PGISovRxa6m+Pv7+0osYbXBoDXT6TRLYmgtuteVaRiU9vb2PqNuW8Uj8WpLcuejxUxWOEqfj9pdwGOBY7BukM1mA2CSnjR/wsXGI9B1fT0i8TGeJpVM3fkXeMczCQU1cD07jiOdTucY7vdmubA6uT66NeyWSoafNhN5c3PzBAEF/cgFU9cCw/jzeByecyTm0bQV4YbhoHiMRjjkTcIhViQmu9UC6a7Tee7ifrHdbudgqVwoDgumPk/A5eUleTxCG2/hTCxZmBAdJ78o32kxdX0tBX8khJ5BKFPUuYlIk9Xt8mabkKOIeMNox26cglZxVkk6V6y7EfBctTmdrGXFiA0PItaSEHnG1CKrBTNEA3F5YUKOteT9/b2P5kTeEO9/oq4KaS4Mdpi0ZUMQ0TJJe85gMHjMZDI5mZYqJRsE/tvLNtNsNn8eHR296JPdR9kAcOVDzwV2V1/5/AfeWmFQvD7ZtAAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAoCAYAAABjPNNTAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAEnSURBVFhH7ZftEYIwDECBCZhB93ACdUknUMdRZ1FTPq7kAs0XR/X6/pSTXPpsEtD6/aVaYH87hfV1vofVC0nepl+zpkh6EXpy6I/cGPq13l2Pi4OzNSA6kaQmbYvpjisL98ee9JawgF3KdHsx9qS23KkngzXvpCc1pAQBTkwKtSS1OXxr6uSsoi49ieXmZLWU6faiSHpRJL34b8nn4dJf0Q/r+DPrM1MtWbdtf9URS1nfMBhTuePTBEAOCz5QjAaTJD5NioYRk0L8U81aSuk+EM8+SaqUGjR5WJIechiJbLLcOBEVN7cZJza1L9wXSc7FSOHkjCXZPeklCEhziQbHC2kucU9641ruLTH/716LnzvJ35Jce0AkYJexJ3Ml9GRuAxPTuVXVBzI+ncSaDfK/AAAAAElFTkSuQmCC\"","import React, { useState, Fragment, useEffect} from \"react\";\r\nimport axios from \"axios\";\r\nimport axiosInstance from \"../../helpers/axiosInstance\";\r\nimport { Route, Redirect, useHistory, BrowserRouter, Switch } from \"react-router-dom\";\r\nimport Calendar from 'react-calendar';\r\nimport 'react-calendar/dist/Calendar.css';\r\nimport {\r\n FormGroup,\r\n Form,\r\n Input,\r\n InputGroupAddon,\r\n InputGroupText,\r\n InputGroup,\r\n Card,\r\n Button,\r\n NavLink,\r\n CardHeader,\r\n CardBody,\r\n Container,\r\n Row,\r\n Col,\r\n CardTitle,\r\n UncontrolledTooltip,\r\n} from \"reactstrap\";\r\n\r\nconst CalendarioNuevo=(props)=>{\r\n const [value, onChange] = useState();\r\n let diasSemana=[\"Domingo\",\"Lunes\",\"Martes\",\"Miercoles\",\"Jueves\",\"Viernes\",\"Sabado\"];\r\n let meses=[\"Enero\",\"Febrero\",\"Marzo\",\"Abril\",\"Mayo\",\"Junio\",\"Julio\",\"Agosto\",\"Septiembre\",\"Octubre\",\"Noviembre\",\"Diciembre\"];\r\n //console.log(value.getDay() + \"/\" + value.getMonth() + \"/\" + value.getFullYear());\r\n //console.log(props);\r\n useEffect(()=>{\r\n props.cambio(value);\r\n } \r\n )\r\n \r\n if(props.muestra){\r\n return(\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n X
\r\n\r\n
\r\n Información del Producto
\r\nTipo de acceso
\r\n\r\n
\r\n Tipo de validación
\r\n\r\n
\r\n Tope monto transaccional
\r\n\r\n
\r\n Tope diario transaccional
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n// {(onClick) => (\r\n// \r\n//
\r\n// )}\r\n );\r\n\r\n }\r\n \r\n}\r\n\r\nexport default BotonEliminaIp;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAADGSURBVFhH7Zf9CYQwDMV7ruKtoxu4pLfB7eEOTuBHIQUR7HuJKC3k949B2vSZxJB+1p1QEI08i6E4QaaUtWMnVp6p/4nFo44QKyaiWZtQRygdgr6eXXemnhqyhFvDVeTq+susdXAF488bI8LUh84Fz75j8JQhXBDCBSFcEMIFIVwQwgUhKEHrPIv1PJSg738Qyw47G1EzdeTuXJ18IT/ZCB03R4eW1C37Hs3kSN1cNQ5zMFGmauhuuiKsD/Xd/mnq7EPvEcIG12dXECsZnxIAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAD6SURBVFhH7ZdhDsIgDEbRq+w8elg9z86ikkBSsKVfCQ2Q7P3Z4mx5flSit8+PsBD3dF2G5YTMW3a8HulO53y+0x0OLGQR4UDlICFORlugpyaiCtWNrdtgrW8K0WZWkRq0l/gtGykToT3q1CiskFUmvr+1SAaR+hOyyljRpPY5qT3SybRSKoSQOfCGTcgznYy0xj4zNIvipM4zVMc5arakvvT1PRPSGFl3DbUGKzRqiFtIa0xPqJ67Qog+9Eyp1Xv9GfJOifbkjgnxN7VW2APSU9yy0UmhH3Cvv0EZLiGtcU9NBBKKcAtYQJOFhSgWOesWdwl5sv7BOJcQvpvirEfV12xUAAAAAElFTkSuQmCC\"","import React, { useState, useEffect, useRef, Fragment } from \"react\";\r\nimport classnames from \"classnames\";\r\nimport NumberFormat from \"react-number-format\";\r\nimport Skeleton from \"react-loading-skeleton\";\r\nimport axiosInstance from \"./../../helpers/axiosInstance\";\r\nimport MyModal from \"components/Modal/Modal\";\r\nimport santander from '../../assets/img/brand/santander.png';\r\nimport exitoCreacion from '../../assets/img/illustrations/add-contact-success.svg';\r\n\r\nimport Checksantader from \"./Checksantander\";\r\nimport Compotp from \"./Compotp\";\r\n\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardBody,\r\n CardTitle,\r\n Container,\r\n Row,\r\n Col,\r\n Modal,\r\n NavItem,\r\n NavLink,\r\n Nav,\r\n TabContent,\r\n TabPane,\r\n CardHeader,\r\n Button,\r\n FormGroup,\r\n InputGroup,\r\n Input,\r\n InputGroupAddon,\r\n InputGroupText,\r\n} from \"reactstrap\";\r\nimport { normalizeUnits } from \"moment\";\r\nimport { tr } from \"date-fns/locale\";\r\nimport basePerfiles from \"./basePerfiles.js\";\r\nimport baseUsuarios from \"./baseUsu.js\";\r\nimport { set } from \"date-fns\";\r\nimport baseTransaccionPen from \"./baseTransaccionesPen.js\";\r\nimport IconNid from '../../assets/img/icons/Icono-Numero-documento-Gris.png';\r\nimport IconCorreo from '../../assets/img/icons/Icono-Correo-Gris.png';\r\nimport IconNom from '../../assets/img/icons/Cliente-Gris2x.png';\r\nimport IconCel from '../../assets/img/icons/Telefono-Gris2x.png';\r\nimport IconPesos from '../../assets/img/icons/Tope_Monto_Transaccional-Gris2x.png';\r\nimport IconTid from '../../assets/img/icons/Icono-Tipo-de-documento-Gris.png';\r\nimport Campoformato from \"./campoformato\";\r\nimport BotonEliminaIp from \"./botoneliminarIp\";\r\n\r\nconst _=require(\"lodash\");\r\n\r\nconst ComponentemodificaUsu2=(props)=>{\r\n const listStepLine = [\r\n { title: \"Cliente\" },\r\n { title: \"Perfil\" },\r\n { title: \"Supervisor\" },\r\n\r\n {title:\"Ip\"},\r\n ];\r\n \r\n const [descripLineaCreacion,setdescripLineaCreacion]=useState([\r\n \"En este espacio podrás crear o registrar un nuevo usuario. Recuerda diligenciar todos los campos y casillas.\",\r\n \"Personaliza los permisos que tendrá este nuevo usuario.\",\r\n \"Podrás registrar máximo 5 direcciones IP. Recuerda, si no ingresas ninguna IP, el usuario podrá acceder a la banca virtual sin ninguna restricción.\",\r\n \"En esta sección podrás seleccionar un usuario supervisor.\"\r\n ]);\r\n const [etapaModif,setetapaModif]=useState(0);\r\n const [infUsuModif,setinfUsuModif]=useState(props.infUsuM);\r\n const [indicadoretapa,setindicadoretapa]=useState(0);\r\n const [Ips,setIps]=useState(props.infUsuM.listIp);\r\n const [IpAct,setIpAct]=useState(\"\");\r\n const refModifNombre=useRef(null);\r\n const maxdiario=useRef(null);\r\n const maxtransa=useRef(null);\r\n const [perfiles,setperfiles]=useState(basePerfiles);\r\n const [perfiluser,setperfiluser]=useState(props.infUsuM.profileUser);\r\n const [listAlert, setListAlert] = useState([]);\r\n const [listProducts, setlistProducts] = useState([]);\r\n const [clasestarjetasprodorig,setclasestarjetasprodorig]=useState([]);\r\n const [OpcProdSelec,setOpcProdSelec]=useState(-1);\r\n const [productState,setproductState]=useState({\r\n accountSystem:\"\",\r\n accountNumber:\"\",\r\n description:\"\",\r\n action:\"\",\r\n validation:\"\",\r\n minValue:\"\",\r\n maxValue:\"\",\r\n maxTransaction:\"\",\r\n maxDaily:\"\"\r\n });\r\n const [maxDaily,setmaxDaily]=useState(\"\");\r\n const [maxTransaccional,setmaxTransaccional]=useState(\"\");\r\n const [topesMax,settopesMax]=useState(\"\");\r\n const [productosatados,setproductosatados]=useState([]);\r\n const [topeMD,settopeMD]=useState(1);\r\n const [otpmodifusu,setotpmodifusu]=useState(false);\r\n const [cargandootpmodifusu,setcargandootpmodifusu]=useState(true);\r\n const [idtransfer,setidtransfer]=useState(\"\");\r\n const [otpdigitada,setotpdigitada]=useState(\"\");\r\n const [productoscheck,setproductoscheck]=useState([]);\r\n const [exitoModif,setexitoModif]=useState(false);\r\n const [tiduser,settiduser]=useState(\"\");\r\n const [bodyprodedit,setbodyprodedit]=useState({\r\n maxDaily:\"\",\r\n maxTransaction:\"\",\r\n otp:false,\r\n supervisor:false,\r\n consulta:false,\r\n transaccion:false\r\n });\r\n const [supervisorUsers, setSupervisorUsers] = useState([]);\r\n\r\n const getCookie = (name) => {\r\n let matches = document.cookie.match(\r\n new RegExp(\r\n \"(?:^|; )\" +\r\n name.replace(/([\\.$?*|{}\\(\\)\\[\\]\\\\\\/\\+^])/g, \"\\\\$1\") +\r\n \"=([^;]*)\"\r\n )\r\n );\r\n return matches ? decodeURIComponent(matches[1]) : undefined;\r\n };\r\n\r\n const controlesCreaUsu=(etapa,sentido)=>{\r\n if(sentido==1){\r\n if(etapa+1 <= 3 && etapa>=0){\r\n setindicadoretapa(etapa+1);\r\n }\r\n }else{\r\n if(etapa-1 >=0){\r\n setindicadoretapa(etapa-1);\r\n }\r\n }\r\n }\r\n\r\n var createReactClass = require(\"create-react-class\");\r\n\r\n\r\n useEffect(()=>{\r\n let estadosperfil=_.cloneDeep(perfiles);\r\n let cadenaperfil=props.infUsuM.profileUser;\r\n for(let i=0;i{newsTemplate}
;\r\n },\r\n });\r\n var RelatedAccount = createReactClass({\r\n render: function () {\r\n //var ownerAccount = this.props.data.ownerAccount;\r\n var ownerAccount = this.props.data.name;\r\n return (\r\n \r\n \r\n {ownerAccount}\r\n
\r\n \r\n \r\n
\r\n \r\n {initial}\r\n
\r\n );\r\n } else return \"\";\r\n };\r\n \r\n const agregaIp=()=>{\r\n if(Ips.length<5){\r\n\r\n const IpValida=validaIp(IpAct)\r\n if(IpValida.valida){\r\n let listaIps=[...Ips];\r\n listaIps.push(IpValida.IpAjustada);\r\n setIps([...listaIps]);\r\n setIpAct(\"\");\r\n }else{\r\n setListAlert([\r\n {\r\n description: \"Ip invalida.Debe ser (0-255).(0-255).(0-255).(0-255) Ejemplo: 102.10.204.31\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\"\r\n }\r\n ]);\r\n setTimeout(deleteElementFromArr, 5000);\r\n }\r\n }\r\n \r\n }\r\n const eliminaIp=(index)=>{\r\n if(index\r\n deleteAlert(item)}\r\n >\r\n ×\r\n \r\n \r\n \r\n {\" \"}\r\n {item.description}\r\n
\r\n );\r\n });\r\n }\r\n return {newsTemplate}
;\r\n },\r\n });\r\n\r\n const CardAccount = (props)=>{\r\n let accountNumber =enmascara(props.data.accountNumber);\r\n let description = props.data.description;\r\n let selectProduct =false;\r\n console.log(\"Cuenta \" + props.data.accountNumber);\r\n return (\r\n getProduct(props.data,props.index)} className=\"col-auto ml-4 p-1\" style={{ width: \"300px\" }}>\r\n \r\n \r\n {description}
No. {accountNumber}\r\n \r\n \r\n
\r\n
\r\n No. {accountNumber}\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {\r\n \r\n setproductState({...productState,action:\"C\"});\r\n }}\r\n >\r\n Consulta\r\n
\r\n \r\n \r\n
\r\n \r\n Tipo de Acceso
\r\nTipo de Validación
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n } else{\r\n return(\r\n \r\n \r\n
\r\n );\r\n }\r\n }\r\n const handleChangeMaximunDaily =(event) => {\r\n //settopesxprod({...topesxprod, maxDaily: event.target.value});\r\n event.preventDefault();\r\n \r\n let val = event.target.value;\r\n settopesMax(val.replace(/\\D/g, \"\").replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\"));\r\n if(topeMD==1){\r\n setmaxDaily(val.replace(/\\D/g, \"\").replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")); \r\n setproductState({...productState,maxDaily:val.replace(/\\D/g, \"\").replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")});\r\n }else{\r\n setmaxTransaccional(val.replace(/\\D/g, \"\").replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\"));\r\n setproductState({...productState,maxTransaction:val.replace(/\\D/g, \"\").replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")});\r\n }\r\n maxdiario.current.focus();\r\n }\r\n const selectope=(elec)=>{\r\n if(elec==1){\r\n settopesMax(maxDaily);\r\n settopeMD(1);\r\n }else{\r\n settopesMax(maxTransaccional);\r\n settopeMD(2);\r\n\r\n }\r\n }\r\n const handleChangeMaximunTransaction =(event) => {\r\n //settopesxprod({...topesxprod, maxDaily: event.target.value});\r\n event.preventDefault();\r\n let val = event.target.value;\r\n setmaxTransaccional(val.replace(/\\D/g, \"\").replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")); \r\n maxtransa.current.focus(); \r\n }\r\n const elecModProd=(elec)=>{\r\n if(elec){\r\n console.log(listProducts);\r\n setindicadoretapa(5);\r\n }else{\r\n console.log(\"ingresa al modal de exito\")\r\n setexitoModif(true);\r\n setindicadoretapa(10);\r\n //props.cancelaMU(\"modifica\",infUsuModif);\r\n }\r\n }\r\n const pideotpmodif=async()=>{\r\n setotpmodifusu(true);\r\n setindicadoretapa(10);\r\n console.log(\"mustra modal \" + otpmodifusu);\r\n \r\n let bodyotp={\r\n UniqueIdUser:infUsuModif.uniqueIdUser\r\n }\r\n console.log(\"uniqueIdUser: \" + bodyotp.UniqueIdUser);\r\n const request =await axiosInstance().post(\"/WSGYG39_2/api/Inquiries/GenerateOTP\",bodyotp)\r\n .catch((err) => {\r\n console.log(err);\r\n return \"err\";\r\n });\r\n if (request != \"err\") {//agregar mensaje de exito dependiendo respuesta \r\n console.log(request);\r\n setidtransfer(request.data.idTransfer);\r\n setcargandootpmodifusu(false);\r\n setindicadoretapa(3);\r\n }\r\n }\r\n const respuestaotpmodifusu=async(otprecibido)=>{\r\n \r\n if(otprecibido.length>0){\r\n console.log(\"padre :\" + otprecibido);\r\n setcargandootpmodifusu(true);\r\n await actualizaUsuario(otprecibido);\r\n }\r\n \r\n }\r\n const actualizaUsuarioProd=async()=>{\r\n setindicadoretapa(10);\r\n let productosAmodif=[];\r\n console.log(\"ProductosAtados con length\");\r\n console.log(productosatados.length);\r\n console.log(\"ProductosCheck\");\r\n console.log(productoscheck)\r\n let alertaprod=false;\r\n let alertausu=\"\";\r\n let contadorProductos = 0;\r\n for(let i=0;i\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {/*\r\n \r\n
\r\n {listStepLine[0].title}
\r\n\r\n
\r\n {descripLineaCreacion[0]}
\r\n\r\n 
\r\n
\r\n\r\n {tiduser}
\r\n\r\n 
\r\n
\r\n \r\n 
\r\n
\r\n \r\n e.target.setCustomValidity('Ingrese un correo válido')}\r\n onInput={e => e.target.setCustomValidity('')}\r\n value={infUsuModif.emailUser}\r\n style={{fontSize:\"14px\",border:\"none\", width:\"250px\",height:\"25px\",padding:\"0px 0px 0px 0px\",margin:\"0px 0px 0px 0px\"}}\r\n />\r\n 
\r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {listStepLine[1].title}
\r\n\r\n
\r\n {descripLineaCreacion[1]}
\r\n\r\n {perfiles.map(function (item, index) {\r\n return (\r\n
\r\n \r\n )\r\n break;\r\n case 2:\r\n return(\r\n \r\n {return( \r\n
\r\n );\r\n })\r\n }\r\n {item.nombrePerfil} {\": \" + item.descripcion}
)} } estadocheck={item.habilitado} idCheck={item.id} funcionpadre={escuchaCheck}>\r\n {getProfile();finEdtIps();}}\r\n > Continuar\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n <>\r\n {listStepLine[2].title}
\r\n\r\n
\r\n {descripLineaCreacion[3]}
\r\n\r\n \r\n
\r\n \r\n \r\n {/* */}\r\n
\r\n \r\n
\r\n {listStepLine[3].title}
\r\n\r\n
\r\n {descripLineaCreacion[2]}
\r\n\r\n \r\n \r\n {Ips.map((item,index)=>{\r\n return(\r\n
\r\n \r\n
\r\n \r\n
\r\n )\r\n })}\r\n {item}
\r\n {/**/}\r\n\r\n \r\n
\r\n \r\n
\r\n )\r\n\r\n break;\r\n case 5:\r\n\r\n if (listProducts.length > 0) {\r\n return (\r\n Usuario modificado con exito. ¿Desea modificar permisos en los productos?
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n \r\n
\r\n {\r\n \r\n \r\n listProducts.map((item, index)=>{\r\n return(\r\n \r\n
\r\n )\r\n \r\n })\r\n }\r\n \r\n \r\n\r\n
\r\n \r\n \r\n {/*mensaje exito*/}\r\n setResultModal(!cancelationModal)}\r\n >\r\n
\r\n \r\n )\r\n\r\n break;\r\n default:\r\n return(\r\n \r\n
\r\n \r\n {/*fin mensaje */}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Proceso exitoso
\r\n\r\n El usuario fue modificado con éxito.\r\n
\r\n\r\n\r\n
\r\n )\r\n }\r\n \r\n}\r\n\r\nexport default ComponentemodificaUsu2;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAEMSURBVHhe7dyxTcRAEEBRQyvUA8VCPdRynCUHCGn91xfB8l5iJ3fSfI3laP10u9sYej6uDAgUBAoCBYFCvsVe3l+Pu/V8vn0cd2OngVaO891ZKI/Y3dkiDDdo9KOZtfzNrs41vUH7H/z1OLurc3jEwlSgFTbnp9mZbFAQKAgUBAoCBYGCQEGgIFAQKAgUBAoCBYGCQEGgIFAQKAgUBAoCBYGCQEGgIFAQKAgUBAoCBYGCQEGgIFAQKAgUBAoCBYGCQEGgIFAQKAgUBAoCBYGCQGEq0IqHe2dnskFhOtBefIVNujrH5VPPKzo7njncoBXPqT5i6gNLK29TLcJUoP/MWywIFAQKAgWBTm3bF9cvQ24epbx/AAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAHYSURBVHhe7dyBTQJBEIXhkwroQW3DDrQDq7MD7cA2iD1QgciY2+RCdvfNHczM7vK+hHAx0WT/zIBA9OF0NlHRbr6nAgYCGAhgIICBAPgs9vj5Ol+N5+fta74qqwYaOc5SLRRX7Kw2CMUJKn2TZixbtvZc6gmSH9B7HLH2HFwxQBVohMm5pD0TJwhgIICBAAYCGAhgIICBAAYCGAjoPpC8+Ew3C10HsoqyxBUDug3kMT2iy0C5OFbvOAyxYpZvx3QXyGu1kq4Cea5WMsSKWeomUMT0iG4nyCOO6CKQ9wPzklmgWx0qarUSk0DpUHJ/Oh7/r2/FM44wX7Gn7/fNkSJXK3F5DNoSKXq1EpNAuYNIpGtExBFmE5Q7kHZlWlitxHTFtkRqZbUS88egayZJHF4+5qsYLg/S2ki5r+32+/kqhksggSL9Zp7lIlcrcQskapGer3yWs+IaSGjXrYXpEe6BBDp8K3FESCDRUoSasEAlrYULDXQZo8WpCp8giZJuLWpuxVrDQAADAQwEMBDAQAADAQwEMBCgCpR7O6J32o+h7naCtB9DqQPJFI0wSWvPsfqvnkdUe6FcnKBWX117U/2DpZGnCQ2CKtA94+9BAAMBDAQwEMBAVdP0BwhtrG7KvGQaAAAAAElFTkSuQmCC\"","import React, { useState, useEffect, useRef } from \"react\";\r\nimport classnames from \"classnames\";\r\nimport NumberFormat from \"react-number-format\";\r\nimport Skeleton from \"react-loading-skeleton\";\r\nimport axiosInstance from \"./../../helpers/axiosInstance\";\r\nimport MyModal from \"components/Modal/Modal\";\r\nimport santander from '../../assets/img/brand/santander.png';\r\nimport exitoCreacion from '../../assets/img/illustrations/add-contact-success.svg';\r\nimport ComponentemodificaUsu from './modificaUsuario.js'\r\n\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardBody,\r\n CardTitle,\r\n Container,\r\n Row,\r\n Col,\r\n Modal,\r\n NavItem,\r\n NavLink,\r\n Nav,\r\n TabContent,\r\n TabPane,\r\n CardHeader,\r\n Button,\r\n FormGroup,\r\n InputGroup,\r\n Input,\r\n InputGroupAddon,\r\n InputGroupText,\r\n} from \"reactstrap\";\r\nimport { normalizeUnits } from \"moment\";\r\nimport { tr } from \"date-fns/locale\";\r\nimport basePerfiles from \"./basePerfiles.js\";\r\nimport baseUsuarios from \"./baseUsu.js\";\r\nimport { set } from \"date-fns\";\r\nimport baseTransaccionPen from \"./baseTransaccionesPen.js\";\r\nimport IconUnCheck from '../../assets/img/icons/Check-01_Idea.png';\r\nimport IconCheck from '../../assets/img/icons/Check-02_Idea.png';\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { actualizarCheckboxs } from \"Silicerreducerpayu\";\r\n\r\nconst Checksantader=(props)=>{\r\n const dispatcher = useDispatch()\r\n const listCheckbox = useSelector((state) => state.pagopayu.checkboxPago)\r\n const [mensaje,setmensaje]=useState(props.mensaje);\r\n const [estadocheck,setestadocheck]=useState(props.estadocheck);\r\n const [idcheck,setidcheck]=useState(props.idCheck);\r\n const [iconocheck,seticonocheck]=useState(false);\r\n const [permisocambio,setpermisocambio]=useState(props.permisocambio);\r\n useEffect(()=>{\r\n console.log(\"se ejecuta UseEffect\");\r\n setestadocheck(props.estadocheck);\r\n if(props.estadocheck){\r\n seticonocheck(IconCheck);\r\n }else{\r\n seticonocheck(IconUnCheck);\r\n }\r\n },[props.estadocheck]);\r\n const clicCheck=()=>{\r\n if(props.permisocambio){\r\n if(estadocheck){\r\n setestadocheck(false);\r\n dispatcher(actualizarCheckboxs([true, true, true]) )\r\n seticonocheck(IconUnCheck);\r\n if(props.funcionpadre){\r\n props.funcionpadre(idcheck,false);\r\n }\r\n }else{\r\n setestadocheck(true);\r\n let checboxTemp = []\r\n listCheckbox.map((item, index) => {\r\n if (index == props.idCheck){\r\n checboxTemp.push(true)\r\n }\r\n else{\r\n checboxTemp.push(false)\r\n }\r\n })\r\n dispatcher(actualizarCheckboxs(checboxTemp) )\r\n seticonocheck(IconCheck);\r\n if(props.funcionpadre){\r\n props.funcionpadre(idcheck,true);\r\n }\r\n }\r\n }\r\n }\r\n return(\r\n \r\n 
\r\n
\r\n )\r\n\r\n}\r\nChecksantader.defaultProps={\r\n permisocambio:true\r\n\r\n};\r\n\r\nexport default Checksantader;","const OpcionesPagos = ({ rutaimagen, nombrepago, valorpago, onClick }) => {\r\n\r\n return (\r\n {mensaje}
\r\n\r\n
\r\n )\r\n}\r\n\r\nexport default OpcionesPagos;","import logoPse from '../../../assets/img/icons/logoPse.png'\r\n\r\nconst ListMethodPays = [\r\n {\r\n key: \"1\",\r\n rutaImagen: logoPse,\r\n nombrePago: 'Pago Seguro en Linea'\r\n }\r\n]\r\n\r\nexport default ListMethodPays;","export default __webpack_public_path__ + \"static/media/logoPse.233da666.png\";","const BannerPse = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {nombrepago}\r\n
\r\n \r\n Valor $ {valorpago}\r\n \r\n\r\n \r\n 1. Todas las compras y pagos por PSE son realizadas en linea y la confirmacion es inmediata.\r\n \r\n
\r\n \r\n 2. Algunos bancos tienen un procedimiento de autenticación en su página (por ejemplo, una segunda clave),\r\n si nunca has realizado pagos por internet con tu cuenta de ahorros o corriente es posible que necesites\r\n tramitar una autorizacion ante tu banco.\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default BannerPse;","import React, { useState, useEffect } from 'react';\r\n// react component that copies the given text inside your clipboard\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { NavLink as NavLinkRRD, Link } from 'react-router-dom';\r\n// reactstrap components\r\nimport {\r\n Card,\r\n Button,\r\n NavLink,\r\n CardHeader,\r\n CardBody,\r\n Container,\r\n Row,\r\n Col,\r\n CardTitle,\r\n UncontrolledTooltip,\r\n InputGroup,\r\n} from 'reactstrap';\r\nimport { chartOptions, parseOptions, chartExample2 } from 'variables/charts.js';\r\nimport { Line, Bar } from 'react-chartjs-2';\r\nimport Chart from 'chart.js';\r\nimport axiosInstance from './../../helpers/axiosInstance';\r\nimport ReactCircleModal from 'react-circle-modal';\r\nimport 'react-date-range/dist/styles.css'; // main css file\r\nimport 'react-date-range/dist/theme/default.css'; // theme css file\r\nimport { DateRangePicker, defaultStaticRanges } from 'react-date-range';\r\nimport Slicer from 'react-slicer';\r\nimport 'react-slicer/build/react-slicer.css';\r\nimport { useDispatch,useSelector } from 'react-redux';\r\nimport {\r\n cambiaruta,\r\n cambiasidebar,\r\n desactivasidebar,\r\n actulizaInitHome,\r\n} from '../../Slicersreducers';\r\nimport NumberFormat from 'react-number-format';\r\nimport { es } from 'date-fns/locale';\r\nimport GenerateExcel from './GenerateExcel';\r\nimport MovementsProducts from './MovementsProducts';\r\nimport { cambiavalorpago, actualizarCheckboxs, actualizaropcionpago, actualizarBotonPagar } from 'Silicerreducerpayu';\r\nimport Check from \"./Checksantander\"\r\nimport OpcionesPagos from './PaymentOptions/OpcionesPagos';\r\nimport ListMethodPays from './PaymentOptions/ListMethodPays';\r\nimport BannerPse from './PaymentOptions/BannerPse';\r\nimport { Modal } from 'reactstrap';\r\nimport axios from 'axios';\r\n\r\nconst Comppago=(props)=>{\r\n const dispacher = useDispatch();\r\n const valorapagar=useSelector((state)=>state.pagopayu.valorpago)\r\n const listCheckbox = useSelector((state) => state.pagopayu.checkboxPago)\r\n const eleccionBanco = useSelector((state) => state.pagopayu.opcionpago)\r\n const habilitarBotonPagar = useSelector((state) => state.pagopayu.botonpagar)\r\n useEffect(()=>{\r\n if (props.pagomin == null || props.pagomin.toString().trim() == \"\" || props.pagomin == 0){\r\n dispacher(cambiavalorpago(\"0\"))\r\n }\r\n else{\r\n dispacher(cambiavalorpago(props.pagomin.replace(/,/g,\"\")))\r\n }\r\n dispacher(actualizarCheckboxs([true, true, true]))\r\n dispacher(actualizaropcionpago(\"0\"))\r\n }, [])\r\n\r\n const [cambioCheck, setCambioCheck] = useState(true)\r\n const [valueInput, setValueInput] = useState(\"\")\r\n const [selectPago, setSelectPago] = useState(\"opcvalor\")\r\n const [ipCliente, setipCliente] = useState(\"\")\r\n const [Bancos, setBancos] = useState([])\r\n const [dataAlert, setdataAlert] = useState([])\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [valorFormato, setvalorFormato] = useState(valorapagar)\r\n\r\n const Alerts = (props) => {\r\n var data = props.data;\r\n var newsTemplate;\r\n if (data.length > 0) {\r\n newsTemplate = data.map(function (item, index) {\r\n return (\r\n \r\n \r\n 2. Algunos bancos tienen un procedimiento de autenticación en su página (por ejemplo, una segunda clave),\r\n si nunca has realizado pagos por internet con tu cuenta de ahorros o corriente es posible que necesites\r\n tramitar una autorizacion ante tu banco.\r\n \r\n
\r\n deleteAlert(item)}\r\n >\r\n ×\r\n \r\n \r\n \r\n {' '}\r\n {item.description}\r\n
\r\n );\r\n });\r\n }\r\n return {newsTemplate}
;\r\n };\r\n \r\n const deleteAlert = (alert) => {\r\n setdataAlert(dataAlert.filter((auxAlert) => auxAlert != alert));\r\n };\r\n const deleteTimeAlert = () => {\r\n setTimeout(function () {\r\n setdataAlert([]);\r\n }, 5000);\r\n };\r\n\r\n const handleSelectPago = () => {\r\n const posicionSeleccion = listCheckbox.indexOf(true)\r\n const valorPagoSeleccionado = document.getElementById(\"Pago\" + posicionSeleccion).value;\r\n setvalorFormato(valorPagoSeleccionado);\r\n const valorPagoSeleccionadoFormato = parseFloat(valorPagoSeleccionado.replace(/,/g,\"\"));\r\n const valorBalance = parseFloat(props.pagotot.replace(/,/g,\"\"))\r\n if (valorPagoSeleccionadoFormato !== \"\" && valorPagoSeleccionadoFormato !== 0){\r\n if (valorPagoSeleccionadoFormato <= valorBalance){\r\n dispacher(cambiavalorpago(valorPagoSeleccionadoFormato))\r\n setSelectPago(\"elebanco\")\r\n peticionBancos();\r\n peticionIP();\r\n }\r\n else{\r\n setdataAlert(\r\n [{\r\n description:\r\n 'El valor ingresado no es valido.',\r\n type: 'alert alert-alert show alert-dismissible fade alert-danger',\r\n icon: 'fas fa-exclamation-circle',\r\n }]\r\n );\r\n deleteTimeAlert();\r\n }\r\n }\r\n else{\r\n setdataAlert(\r\n [{\r\n description:\r\n 'El valor ingresado no es valido.',\r\n type: 'alert alert-alert show alert-dismissible fade alert-danger',\r\n icon: 'fas fa-exclamation-circle',\r\n }]\r\n );\r\n deleteTimeAlert();\r\n }\r\n }\r\n\r\n const handleSelectPse = (llaveMetodoPago) => {\r\n if (Bancos.length === 0){\r\n let mensajeAlerta = \"Error al enviar la información. Por favor intente de nuevo.\"\r\n let tipoAlerta = \"alert alert-alert show alert-dismissible fade alert-danger\"\r\n let iconoAlerta = \"fas fa-exclamation-circle\"\r\n props.funcionpadre(mensajeAlerta, tipoAlerta, iconoAlerta);\r\n }\r\n else{\r\n setSelectPago(\"elepse\")\r\n dispacher(actualizaropcionpago(llaveMetodoPago))\r\n }\r\n }\r\n\r\n const peticionBancos = async() => {\r\n try {\r\n setIsLoading(true)\r\n const apiBancos = \"/WSGYG39_2/api/Consultas/Bancos\";\r\n const response = await axios.get(apiBancos)\r\n setBancos(response.data.banks)\r\n setIsLoading(false)\r\n } catch (error) {\r\n setBancos([])\r\n console.log(error)\r\n setIsLoading(false)\r\n }\r\n }\r\n\r\n const peticionIP = async() => {\r\n try {\r\n const apiIP = 'https://api.ipify.org?format=json';\r\n const response = await axios.get(apiIP)\r\n const respuestaIP = response.data.ip\r\n setipCliente(respuestaIP)\r\n }\r\n catch (error) {\r\n console.log(error)\r\n setipCliente(\"\")\r\n }\r\n }\r\n\r\n const handleInputChange = (event) => {\r\n event.preventDefault()\r\n let val = event.target.value;\r\n let onlyNumbers = val.replace(/\\D/g, \"\");\r\n let formattedValue = new Intl.NumberFormat(\"es-CO\").format(onlyNumbers);\r\n let valorconComas = formattedValue.replace(/\\./g, \",\");\r\n setValueInput(valorconComas)\r\n }\r\n\r\n const obtenerCookie = (name) => {\r\n let value = \"; \" + document.cookie;\r\n let parts = value.split(\"; \" + name + \"=\");\r\n if (parts.length == 2) return parts.pop().split(\";\").shift();\r\n }\r\n\r\n const [inputsData, setInputsData] = useState({\r\n entidadBancaria: \"\",\r\n nombreTitular: \"\",\r\n tipoPersona: \"\",\r\n tipoIdentificacion: \"\",\r\n numeroIdentificacion: \"\",\r\n indicador: \"\",\r\n numeroTelefono: \"\",\r\n correo: obtenerCookie(\"email\")\r\n });\r\n\r\n const validationRules = {\r\n entidadBancaria: { required: true, message: \"\" },\r\n nombreTitular: { required: true, message: \"\" },\r\n tipoPersona: { required: true, message: \"\" },\r\n tipoIdentificacion: { required: true, message: \"\" },\r\n numeroIdentificacion: { required: true, message: \"\" },\r\n indicador: { required: true, message: \"\" },\r\n numeroTelefono: { required: true, message: \"\" }\r\n }\r\n\r\n const enviarFormulario = async() => {\r\n if (validateFields()){\r\n if (ipCliente === \"\" || ipCliente === \"undefined\" ){\r\n let mensajeAlerta = \"Error al enviar la información. Por favor intente de nuevo.\"\r\n let tipoAlerta = \"alert alert-alert show alert-dismissible fade alert-danger\"\r\n let iconoAlerta = \"fas fa-exclamation-circle\"\r\n props.funcionpadre(mensajeAlerta, tipoAlerta, iconoAlerta)\r\n }\r\n else{\r\n let Consulta = {\r\n AccountNumber: props.accountNumber,\r\n ProductType: \"2\",\r\n Page: \"NR005008\",\r\n BankCode: inputsData.entidadBancaria,\r\n Parameters: [\r\n valorapagar.toString(),\r\n \"COP\",\r\n inputsData.nombreTitular,\r\n inputsData.correo,\r\n inputsData.indicador + inputsData.numeroTelefono,\r\n inputsData.entidadBancaria,\r\n inputsData.tipoPersona,\r\n inputsData.tipoIdentificacion,\r\n inputsData.numeroIdentificacion,\r\n ipCliente,\r\n props.accountNumber,\r\n valorapagar.toString(),\r\n \"PSE\"\r\n ]\r\n }\r\n console.log(Consulta)\r\n setIsLoading(true)\r\n try {\r\n const consumoPago = \"/WSGYG39_2/api/Consultas/Movimientos\";\r\n const responsepago = await axios.post(consumoPago, Consulta);\r\n if (responsepago.status === 200){\r\n if (responsepago.data.url_html !== null){\r\n console.log(responsepago)\r\n const urlHtml = responsepago.data.url_html;\r\n const popup = window.open(urlHtml, '', 'width=600,height=400')\r\n popup.focus()\r\n dispacher(cambiavalorpago(0));\r\n dispacher(actualizaropcionpago(\"0\"));\r\n dispacher(actualizarBotonPagar(true));\r\n setIsLoading(false)\r\n let mensajeAlerta = \"La información se envio correctamente\"\r\n let tipoAlerta = \"alert alert-alert show alert-dismissible fade alert-success\"\r\n let iconoAlerta = \"fas fa-check-circle\"\r\n props.funcionpadre(mensajeAlerta, tipoAlerta, iconoAlerta)\r\n }\r\n else{\r\n let errorExito\r\n let errors = responsepago.data.errors\r\n errors.forEach(error => {\r\n errorExito = error.description\r\n })\r\n dispacher(cambiavalorpago(0));\r\n dispacher(actualizaropcionpago(\"0\"));\r\n setIsLoading(false)\r\n let mensajeAlerta = errorExito\r\n let tipoAlerta = \"alert alert-alert show alert-dismissible fade alert-danger\"\r\n let iconoAlerta = \"fas fa-exclamation-circle\"\r\n props.funcionpadre(mensajeAlerta, tipoAlerta, iconoAlerta);\r\n }\r\n }\r\n else {\r\n const errorgenerado = responsepago.data.errors.map(error => error.description);\r\n console.log(errorgenerado)\r\n dispacher(cambiavalorpago(0));\r\n dispacher(actualizaropcionpago(\"0\"));\r\n setIsLoading(false)\r\n let mensajeAlerta = errorgenerado\r\n let tipoAlerta = \"alert alert-alert show alert-dismissible fade alert-danger\"\r\n let iconoAlerta = \"fas fa-exclamation-circle\"\r\n props.funcionpadre(mensajeAlerta, tipoAlerta, iconoAlerta);\r\n }\r\n } catch (error) {\r\n let errorgenerado\r\n let errors = error.response.data.errors;\r\n errors.forEach(error => {\r\n errorgenerado = error.description\r\n })\r\n dispacher(cambiavalorpago(0));\r\n dispacher(actualizaropcionpago(\"0\"));\r\n setIsLoading(false)\r\n let mensajeAlerta = errorgenerado\r\n let tipoAlerta = \"alert alert-alert show alert-dismissible fade alert-danger\"\r\n let iconoAlerta = \"fas fa-exclamation-circle\"\r\n props.funcionpadre(mensajeAlerta, tipoAlerta, iconoAlerta);\r\n }\r\n }\r\n\r\n }\r\n else{\r\n return false;\r\n }\r\n }\r\n\r\n const [validation, setValidation] = useState(validationRules);\r\n\r\n const changeInputsForm = (e) => {\r\n const { name, value } = e.target\r\n if (name === \"numeroTelefono\"){\r\n const onlyNumbers = value.replace(/\\D/g, \"\");\r\n setInputsData((prevState) => ({\r\n ...prevState,\r\n numeroTelefono: onlyNumbers\r\n }));\r\n }\r\n else {\r\n setInputsData((prevState) => ({\r\n ...prevState,\r\n [name]: value\r\n }))\r\n }\r\n console.log(inputsData);\r\n }\r\n\r\n const validateFields = () => {\r\n const newValidation = {};\r\n\r\n for (const field in validationRules) {\r\n const rules = validationRules[field];\r\n const value = inputsData[field]\r\n\r\n let isValid = true;\r\n let message = \"\";\r\n\r\n if ((rules.required && !value)) {\r\n isValid = false;\r\n message = \"Este campo es requerido\";\r\n }\r\n\r\n newValidation[field] = { isValid, message }\r\n }\r\n\r\n setValidation(newValidation)\r\n let isvalidform = false;\r\n for (const field in newValidation) { \r\n if(newValidation[field].isValid == false){\r\n isvalidform = false;\r\n break;\r\n }else{\r\n isvalidform = true;\r\n }\r\n \r\n }\r\n return isvalidform;\r\n }\r\n\r\n switch (selectPago) {\r\n case \"opcvalor\":\r\n return(\r\n //inicio pago\r\n \r\n \r\n \r\n \r\n \r\n
\r\n //fin pago\r\n )\r\n case \"elebanco\":\r\n return(\r\n \r\n
\r\n \r\n
\r\n \r\n {props.Descript}\r\n No. {props.accountNumber}\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {' '}\r\n Valor Deuda{' '}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {' '}\r\n Pago Total a la Fecha{' '}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {' '}\r\n
\r\n
\r\n \r\n {' '}\r\n Pago Mínimo a la Fecha\r\n
\r\n\r\n {' '}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {setCambioCheck(!est)}}> \r\n
\r\n \r\n
\r\n \r\n handleSelectPago(true)}\r\n className=\"btn btn-success\"\r\n disabled={Array.isArray(listCheckbox) && listCheckbox.every((valor) => valor)}>\r\n Pagar\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n )\r\n case \"elepse\":\r\n return(\r\n \r\n Metodo de Pago\r\n
\r\n\r\n {\r\n ListMethodPays.map((method, index) => (\r\n handleSelectPse(method.key)} />\r\n ))\r\n }\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n )\r\n }\r\n }\r\n\r\n export default Comppago;","/*!\r\n\r\n=========================================================\r\n* Argon Dashboard React - v1.2.0\r\n=========================================================\r\n\r\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\r\n* Copyright 2021 Creative Tim (https://www.creative-tim.com)\r\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\r\n\r\n* Coded by Creative Tim\r\n\r\n=========================================================\r\n\r\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\r\n\r\n*/\r\nimport React, { useState, useEffect } from 'react';\r\n// react component that copies the given text inside your clipboard\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { NavLink as NavLinkRRD, Link } from 'react-router-dom';\r\n// reactstrap components\r\nimport {\r\n Card,\r\n Button,\r\n NavLink,\r\n CardHeader,\r\n CardBody,\r\n Container,\r\n Row,\r\n Col,\r\n CardTitle,\r\n UncontrolledTooltip,\r\n Modal,\r\n} from 'reactstrap';\r\nimport { chartOptions, parseOptions, chartExample2 } from 'variables/charts.js';\r\nimport { Line, Bar } from 'react-chartjs-2';\r\nimport Chart from 'chart.js';\r\nimport axiosInstance from './../../helpers/axiosInstance';\r\nimport ReactCircleModal from 'react-circle-modal';\r\nimport 'react-date-range/dist/styles.css'; // main css file\r\nimport 'react-date-range/dist/theme/default.css'; // theme css file\r\nimport { DateRangePicker, defaultStaticRanges } from 'react-date-range';\r\nimport Slicer from 'react-slicer';\r\nimport 'react-slicer/build/react-slicer.css';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { cambiavalorpago, actualizarCheckboxs, actualizaropcionpago, actualizarBotonPagar } from 'Silicerreducerpayu';\r\nimport {\r\n cambiaruta,\r\n cambiasidebar,\r\n desactivasidebar,\r\n actulizaInitHome,\r\n} from '../../Slicersreducers';\r\nimport NumberFormat from 'react-number-format';\r\nimport { es } from 'date-fns/locale';\r\nimport GenerateExcel from './GenerateExcel';\r\nimport MovementsProducts from './MovementsProducts';\r\nimport Comppago from './Payu'\r\nimport { Fragment } from 'react';\r\n\r\nconst BasicData = (props) => {\r\n const [permisos, setPermisos] = useState()\r\n const habilitarBotonPagar = useSelector((state) => state.pagopayu.botonpagar)\r\n const convierteFecha = (fecha) => {\r\n let newFecha = fecha;\r\n let fecha400 = '';\r\n if (newFecha.getMonth() + 1 < 10) {\r\n fecha400 =\r\n newFecha.getFullYear() + '0' + (newFecha.getMonth() + 1) + fecha400;\r\n } else {\r\n fecha400 =\r\n newFecha.getFullYear() + '' + (newFecha.getMonth() + 1) + fecha400;\r\n }\r\n if (newFecha.getDate() < 10) {\r\n fecha400 = fecha400 + '0' + newFecha.getDate();\r\n } else {\r\n fecha400 = fecha400 + newFecha.getDate();\r\n }\r\n return fecha400;\r\n };\r\n\r\n const obtenerCookie = (name) => {\r\n let value = \"; \" + document.cookie;\r\n let parts = value.split(\"; \" + name + \"=\");\r\n if (parts.length == 2) return parts.pop().split(\";\").shift();\r\n }\r\n\r\n function formatearFecha(fecha) {\r\n let newFecha = fecha;\r\n let formatFecha = '';\r\n let month;\r\n let year;\r\n let date;\r\n\r\n if (newFecha.getMonth() + 1 < 10) {\r\n month = '0' + (newFecha.getMonth() + 1);\r\n } else {\r\n month = newFecha.getMonth() + 1;\r\n }\r\n if (newFecha.getDate() < 10) {\r\n date = '0' + newFecha.getDate();\r\n } else {\r\n date = newFecha.getDate();\r\n }\r\n year = newFecha.getFullYear();\r\n formatFecha = `${date}/${month}/${year}`;\r\n\r\n return formatFecha;\r\n }\r\n const [MovColoc, setMovColoc] = useState([]);\r\n const [pagomin, setpagomin] = useState(0);\r\n const [pagotot, setpagotot] = useState(0);\r\n const [balance, setbalance] = useState(0);\r\n const [Descript, setDescript] = useState('');\r\n const [Type, setType] = useState('');\r\n const [newFechaI, setnewFechaI] = useState(new Date());\r\n const [newFechaF, setnewFechaF] = useState(new Date());\r\n const [dataAlert, setdataAlert] = useState([])\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [rangoFechas, setrangoFechas] = useState([\r\n {\r\n startDate: newFechaI,\r\n endDate: newFechaF,\r\n key: 'selection',\r\n },\r\n ]);\r\n const [dataJson, setDataJson] = useState([]);\r\n const [filterMov, setfilterMov] = useState(false);\r\n const [stateopcpago,setstateopcpago]=useState(false);\r\n var minDate = new Date();\r\n minDate.setMonth(minDate.getMonth() - 12);\r\n const dispacher = useDispatch();\r\n\r\n useEffect(async () => {\r\n dispacher(cambiaruta('Inicio/Movimientos'));\r\n dispacher(cambiasidebar(false));\r\n dispacher(desactivasidebar());\r\n dispacher(actulizaInitHome(false));\r\n let valorCookie = obtenerCookie(\"TEMPORAL\")\r\n if(valorCookie.length>3){\r\n let ultimaPosicion = valorCookie.substring(3,4);\r\n console.log(\"valor tomado coockie \" + ultimaPosicion)\r\n if (ultimaPosicion == \"1\"){\r\n setPermisos(true)\r\n }\r\n else{\r\n setPermisos(false)\r\n }\r\n }\r\n else{\r\n setPermisos(false)\r\n }\r\n console.log(\"Cookie TEMPORAL: \" + obtenerCookie(\"TEMPORAL\"))\r\n const apiUrl = '/WSGYG39_2/api/Inquiries/Products';\r\n const res = await axiosInstance()\r\n .get(apiUrl)\r\n .catch((err) => {\r\n alert('Hay un problema. Vuelve atras');\r\n });\r\n if (res != 'err') {\r\n let saldo = 0;\r\n let descripcion;\r\n let type;\r\n console.log(\r\n 'esta es la repuesta de Products ########' +\r\n JSON.stringify(res, 2, null)\r\n );\r\n for (let i = 0; i < res.data.summaryProducts.products.length; i++) {\r\n if (\r\n res.data.summaryProducts.products[i].accountNumber ==\r\n props.accountNumber\r\n ) {\r\n saldo = res.data.summaryProducts.products[i].balance;\r\n type = res.data.summaryProducts.products[i].accountType;\r\n descripcion = res.data.summaryProducts.products[i].description;\r\n console.log(\r\n `Este es el tipo del prestamo: ${type}, y el indice: ${i}`\r\n );\r\n }\r\n }\r\n setType(type);\r\n setbalance(saldo);\r\n setDescript(descripcion);\r\n }\r\n\r\n const apiPry = '/WSGYG39_2/api/Inquiries/Projection';\r\n\r\n const user = {\r\n AccountNumber: props.accountNumber,\r\n Parameters: [props.accountNumber],\r\n };\r\n const resPry = await axiosInstance()\r\n .post(apiPry, user)\r\n .catch((err) => {\r\n return 'err';\r\n });\r\n if (resPry != 'err') {\r\n for (let i = 0; i < resPry.data.value.itemProyection.length; i++) {\r\n if (resPry.data.value.itemProyection[i].nameItem == 'Pago Minimo') {\r\n setpagomin(resPry.data.value.itemProyection[i].valueItem);\r\n }\r\n if (resPry.data.value.itemProyection[i].nameItem == 'Pago Total') {\r\n setpagotot(resPry.data.value.itemProyection[i].valueItem);\r\n }\r\n }\r\n }\r\n }, MovColoc);\r\n\r\n const buscaMov = async () => {\r\n setfilterMov(true);\r\n const entradaMovimientos = {\r\n accountNumber: props.accountNumber,\r\n parameters: [\r\n props.accountNumber,\r\n convierteFecha(newFechaI),\r\n convierteFecha(newFechaF),\r\n ],\r\n };\r\n const apiUrlMov = '/WSGYG39_2/api/Inquiries/LoansMovements';\r\n const resmov = await axiosInstance()\r\n .post(apiUrlMov, entradaMovimientos)\r\n .catch((err) => {\r\n setMovColoc([]);\r\n alert('Hay un problema. Vuelve atras');\r\n });\r\n if (resmov != 'err') {\r\n setMovColoc(resmov.data.transactionHistory);\r\n }\r\n };\r\n\r\n const ListMovimientos = (props) => {\r\n return (\r\n \r\n
\r\n \r\n Metodo de Pago\r\n
\r\n\r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Pagar\r\n \r\n
\r\n \r\n \r\n {props.historicoTransacciones.map((item, index) => {\r\n return (\r\n \r\n \r\n \r\n Credito No. {props.accountNumber}\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {item.transactionDate.substring(0, 4)}\r\n
\r\n {item.transactionDate.substring(5)}\r\n
\r\n \r\n \r\n \r\n {item.transactionName}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {item.sign}\r\n {item.transactionBalance}\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n );\r\n };\r\n\r\n const Alerts = (props) => {\r\n var data = props.data;\r\n var newsTemplate;\r\n if (data.length > 0) {\r\n newsTemplate = data.map(function (item, index) {\r\n return (\r\n \r\n deleteAlert(item)}\r\n >\r\n ×\r\n \r\n \r\n \r\n {' '}\r\n {item.description}\r\n
\r\n );\r\n });\r\n }\r\n return {newsTemplate}
;\r\n };\r\n\r\n const deleteAlert = (alert) => {\r\n setdataAlert(dataAlert.filter((auxAlert) => auxAlert != alert));\r\n };\r\n const deleteTimeAlert = () => {\r\n setTimeout(function () {\r\n setdataAlert([]);\r\n }, 5000);\r\n };\r\n\r\n const functionListMov = (lista) => {\r\n setMovColoc(lista);\r\n };\r\n\r\n \r\n const iniciapago= async (ele) =>{\r\n const apiHor = \"/WSGYG39_2/api/Consultas/HorarioPermitido\"\r\n const reqsHor = {\r\n \"indicadorHorario\": \"1\"\r\n }\r\n setIsLoading(true)\r\n const peticionHorario = await axiosInstance()\r\n .post(apiHor, reqsHor)\r\n .catch((err) => {\r\n console.log(err)\r\n setdataAlert(\r\n err.response.data.errors.map((e) => ({\r\n ...e,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n )\r\n return \"err\";\r\n })\r\n\r\n if (peticionHorario != \"err\") {\r\n setstateopcpago(ele)\r\n setIsLoading(false)\r\n }\r\n else {\r\n setIsLoading(false)\r\n }\r\n }\r\n const desopcpago = (mensajeAlerta, tipoAlerta, iconoAlerta) => {\r\n debugger\r\n setstateopcpago(false)\r\n setdataAlert(\r\n [{\r\n description: mensajeAlerta,\r\n type: tipoAlerta,\r\n icon: iconoAlerta,\r\n }]\r\n );\r\n deleteTimeAlert()\r\n }\r\n\r\n if(stateopcpago){\r\n return(\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {Type != '' ? (\r\n filterMov ? (\r\n \r\n
\r\n \r\n
\r\n \r\n {Descript}\r\n No. {props.accountNumber}\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {' '}\r\n Valor Deuda{' '}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {' '}\r\n Pago Total a la Fecha{' '}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {' '}\r\n
\r\n {/*\r\n permisos ?\r\n iniciapago(true)}\r\n >\r\n {' '}\r\n Pagar\r\n :
\r\n \r\n {' '}\r\n Pago Mínimo a la Fecha\r\n
\r\n\r\n {' '}\r\n
\r\n {/*\r\n permisos ?\r\n \r\n Mis movimientos\r\n
\r\n\r\n \r\n (\r\n \r\n )}\r\n // Optional fields and their default values\r\n offsetX={'50%'}\r\n offsetY={'50%'}\r\n >\r\n {(onClick) => (\r\n \r\n {' '}\r\n Filtrar\r\n \r\n {MovColoc.length != 0 ? (\r\n \r\n ) : (\r\n ''\r\n )}\r\n
\r\n \r\n {' '}\r\n Desde{' '}\r\n \r\n {newFechaI.getFullYear() +\r\n '/' +\r\n (newFechaI.getMonth() + 1) +\r\n '/' +\r\n newFechaI.getDate()}\r\n {' '}\r\n hasta{' '}\r\n \r\n {newFechaF.getFullYear() +\r\n '/' +\r\n (newFechaF.getMonth() + 1) +\r\n '/' +\r\n newFechaF.getDate()}\r\n \r\n
\r\n\r\n \r\n {\r\n setrangoFechas([item.selection]);\r\n setnewFechaI(item.selection.startDate);\r\n setnewFechaF(item.selection.endDate);\r\n }}\r\n minDate={minDate}\r\n showSelectionPreview={true}\r\n moveRangeOnFirstSelection={false}\r\n months={1}\r\n ranges={rangoFechas}\r\n direction=\"horizontal\"\r\n lang=\"es\"\r\n locale={es}\r\n staticRanges={[\r\n {\r\n ...defaultStaticRanges[0],\r\n label: 'Hoy',\r\n },\r\n {\r\n ...defaultStaticRanges[1],\r\n label: 'Ayer',\r\n },\r\n {\r\n ...defaultStaticRanges[2],\r\n label: 'Esta Semana',\r\n },\r\n {\r\n ...defaultStaticRanges[3],\r\n label: 'La Última Semana',\r\n },\r\n {\r\n ...defaultStaticRanges[4],\r\n label: 'Este Mes',\r\n },\r\n {\r\n ...defaultStaticRanges[5],\r\n label: 'Último Mes',\r\n },\r\n ]}\r\n inputRanges={[]}\r\n />\r\n
\r\n \r\n \r\n
\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Movements;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAjCAYAAADmOUiuAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIKSURBVHgB7VhLbsIwEHWiCiRW6Q3SG5Qb0BuUEwAnaCrx29Xs+CxCT1B6g96A3KDcAN+g2bFAIn0T2RFqQyE2SbPIk2CGxB4/e8ZjD4yVHBYrCJ7nubVabW1ZlpjNZg+X9rNZQQA5DuFGURRm6VcIwcFg0IXo4CNs237O0jd3guRauPWFdKzeZDqdiiz9cycI1/oQRHK1WCxWLCNyJQjXPkE84iNAcMI0oEWQBh6NRv5fbaRrOek6rlXQIoiBuxjUA8m3U20opUA4uq5lJgSxE9sQIUh200gOh0PaFC4zcK1CnKjhsnsIH8ZIOintxHw+vzt+QH3Qfi3bc7yPiciEvJXN2nj+kTYwJrGVk/gFTDzY7/e95XIpbBkrlOFbJ8ilAm7bwBCdCJR4uVw15Voa5PUUuXMgLrDzGS8CvhS590aj4XHOM2X6fr/fgssVqUDaErDVzGqLMB6P3cPhwKF2YCuwMPOIXmCQO92dRicFjCWxaGKLAK86WMEvqGGySUwM0i7F6vXkz4mJLQJiT628c7VETSTh1lvEHWdXxFVPEp2YO4fCrlu6qAiaoiJoiiRRlxWlX8EbpSDBFlaCXoLkCGYlRxWDpqhi0BREML6B4CZy8XU/b1AZonQbN+ENKbvdzj9+8V+g23S9Xld/lQTWj+qsTAhROjRtqs5IIbasHKB6O6CK0bR0KATfUMjUNvuW0r8AAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVgSURBVHgB1Vi7TiNJFK1uzFME5g+aLxhIIRg722y9X2CTTYYRz8ztBPGSsL/A5guAL8AEkG5PuNH2Zhs6QEICBHNO+ZYperqbboNHmiuVq7pcj1P3XeWoX0hbW1slx3GqKCV8etId4Dt4eXm5PDo6uoib56hfQPV63ZucnOwIuDQKHx4eyq1WK7Q7XTVm2t7eXpqamvpbAPZRmgCyCK45LODgMsoaAaJ4HMs59hpj5SQ5yE3RLKKczc3N1X3f7yeMLYLbPg6zzsPgIMuGowU1RgLAKwIEp9rHx8f1tLEARPD1nZ0dHqg6PT3dQV3mf2Pj5ObmZmViYuIczRAcXE7iIIniBQcrGNfq9/s83L/oLj4/P5dPTk56Y9NJAKxIs50GkCoBgDxM4+7ubkk42pY1qqzHaThf+FMoFHppg8A1H5UHleiRa+xzXbfLGn0l/a3GR9pC9/f3A9bkGPTtHGWomxBzDRW51QfX1kz/wcFBKE2PP2M1HJvAUQ8VVaAEwNppQ8wN1uDYhgXs57kqA9E9YBOt3Chf1eCERfm7j03IrQ1YcGBNCzlub2/PIwCKEpxr08VAxOeYQ92jPnbhL7uR/YyfDN4FSXBYkH6rboGKUpGOGpZYMosKXRME+muofXY8Pj76WO9PNHlgfRDUzeiC8JcaJMMl60SdhO5UxRX4auDreqibdAt2xIDbWGDUAKda9nyM60pzHdatD0jLRf9Q9zCvGRUzGWOpwaUGmwDwVA24x4E9LmYsLw/t7u5e0UIp0sPDwyE4MRgF9eim7B2CCYuxILFwBwtzER1nMbCl4g9CLiuzUBxRH8E5HRYBtDU7O9tMC4uIMqdmb7ihZcNlJ+kUGPxXxBCiIF8EZGrUkmiiw6OsSx0MzNoS36vqVe9piGV7b8darIbFOnGDYk7tib4q6OeCRIlEEo4SqJc2jqpFfxnVU8fa1CyykSLihoqxdDGqM1hvL5oL2iTxnL6S0ci4mVD0/ixJ7x1rc5+DwcFyAsBAFjcLh3qBt4nsu2oyChk/WeOP6MtPJNZIgCFdSPTEJrwRMIqn3vrLj4OkCNRAzEEiu1+51Y4bI66kS7VJE/eoBEt3S9I+Ux+kLABxGatHrwfvESOO1jOIMVFE1n/r5JYakRiTwZRTljzzXIhSn2p+fj4R5NPTU1cN9Ey7Hjr8UcDOzMxoVwXd9/LMIye1O0nLnukHedVUohKMCgYs79IqI0XzxDwgMxGBwn/WIKpFGyy+rxgiTTweBxGk5iCjQpYJ5IYFli4rVIO8sMPM22Q8ccT4LM2+ykEF2WQJeudJOxOJ6HwWCakMCJX7+3sCWIvdDIkza0mSM5OLCde68eqKchP9JCONAKikDDWu57vKQQR5wYZcC0YmCYXkYjFJ5GBEVfbqqRzkQsx6cSanSZYKca6/53Y4Rkk6Fucp5N7CEia9niVRgVYLhedlvIEMhXrViw7Cyev0bXA7JYBlxnIJB9+X/2g0vLcYMcdGLsxtpP2fRtoFwQcyNdPctO/Fw0GuW5Z0zJPM+Zyuh0VyUAOQmbwfnS9c5pjQXPzz0DDpZUyVcJWY9Jo3GzUIpRoYxtJoviNidRPEPHxZ4xNf3L0mM0gB0ZKnt0+5Psih+M7jZXlZS6I3EUcWoc5Qz67iRJ+VKGK523hcc1SApIlox83NzcXKysqC5JB/rK6uLuH7n9vb2//tcej7D9Ul+t9wmx4Cc/j0/A2fM8LBb+oDlCYqE0U86Qpg0eRyQLdlLl/mCQb6/FXu2CUZn3ol/hSQJLnl1dTg5ctT2Ui/L/JBNC2zykOZX3p5zZDQ+UVyUDtZoKFdM3oxL/0scL8V/QBhjvuBvKtmnAAAAABJRU5ErkJggg==\"","/*!\r\n\r\n=========================================================\r\n* Argon Dashboard React - v1.2.0\r\n=========================================================\r\n\r\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\r\n* Copyright 2021 Creative Tim (https://www.creative-tim.com)\r\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\r\n\r\n* Coded by Creative Tim\r\n\r\n=========================================================\r\n\r\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\r\n\r\n*/\r\nimport React, { useEffect, useState } from \"react\";\r\nimport classnames from \"classnames\";\r\nimport NumberFormat from \"react-number-format\"\r\nimport Skeleton from 'react-loading-skeleton';\r\nimport axiosInstance from \"./../../helpers/axiosInstance\"\r\nimport Pdf from \"react-to-pdf\";\r\nimport Icon_pagosInternos from \"assets/img/icons/Icono-Pago-Interno-Gris.png\"\r\nimport Icon_pagosInternosA from \"assets/img/icons/Icono-Pago-Interno-Verde.png\"\r\nimport Icon_pagosRealizados from \"assets/img/icons/Icono-Pagos-Realizados-Gris.png\"\r\nimport Icon_pagosRealizadosA from \"assets/img/icons/Icono-Pagos-Realizados-Verde.png\"\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardBody,\r\n CardTitle,\r\n Container,\r\n Row,\r\n Col,\r\n NavItem,\r\n NavLink,\r\n Nav,\r\n TabContent,\r\n TabPane,\r\n CardHeader,\r\n Button,\r\n FormGroup,\r\n InputGroup,\r\n Input,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Modal\r\n} from \"reactstrap\";\r\nimport { normalizeUnits } from \"moment\";\r\nimport {useDispatch} from \"react-redux\";\r\nimport {cambiaruta,cambiasidebar,desactivasidebar} from \"../../Slicersreducers\";\r\n\r\n\r\nfunction PaysHeader() {\r\n\r\n const [tabToGo, setTabToGo] = useState(0);\r\n\r\n const listStep = [{ title: \"Credito\" }, { title: \"Valor\" }, { title: \"Desde\" }, { title: \"Confirma\" }];\r\n const listStepPse = [{ title: \"Credito\" }, { title: \"Valor\" }, { title: \"PSE\" }];\r\n\r\n const [tabs, setTabs] = useState(0);\r\n\r\n const [cancelationModal, setCancelationModal] = useState(false);\r\n const [notificationModal, setNotificationModal] = useState(false);\r\n const [processModal, setProcessModal] = useState(false);\r\n const [errorModal, setErrorModal] = useState(false);\r\n\r\n const [step, setStep] = useState(0);\r\n const [stepPse, setStepPse] = useState(0);\r\n\r\n const [productOne, setProductOne] = useState({});\r\n const [productTwo, setProductTwo] = useState({});\r\n const [value, setValue] = useState(\"\");\r\n const [commission, setCommission] = useState(0);\r\n const [accounts, setAccounts] = useState([]);\r\n const [loans, setLoans] = useState([]);\r\n const [banks, setBanks] = useState([]);\r\n const [historicalTransfer, setHistoricalTransfer] = useState([]);\r\n\r\n const [isLoadingHistorical, setIsLoadingHistorical] = useState(true);\r\n const [imagen,setImagen] = useState(Icon_pagosInternos);\r\n const [color,setColor] = useState(\"text-gray-dark\");\r\n const [imagenPagosRealizados,setImagenPagosRealizados] = useState(Icon_pagosRealizados);\r\n const [colorPagosRealizados,setColorPagosRealizados] = useState(\"text-gray-dark\");\r\n const dispatch=useDispatch();\r\n var createReactClass = require('create-react-class');\r\n const ref = React.createRef();\r\n\r\n useEffect(() => {\r\n dispatch(cambiaruta(\"Inicio/pagos\"));\r\n dispatch(cambiasidebar(false));\r\n dispatch(desactivasidebar());\r\n }, [])\r\n\r\n var CardLoan = createReactClass({\r\n render: function () {\r\n var accountNumber = this.props.data.accountNumber,\r\n balance = this.props.data.balance,\r\n description = this.props.data.description;\r\n return (\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {description} No. {accountNumber}\r\n
\r\n \r\n Deuda
\r\n
\r\n \r\n {newsTemplate}\r\n
\r\n );\r\n }\r\n });\r\n\r\n var CardAccount = createReactClass({\r\n render: function () {\r\n var accountNumber = this.props.data.accountNumber,\r\n balance = this.props.data.balance,\r\n description = this.props.data.description,\r\n accountTypeDescription = (this.props.data.accountType === 3 || this.props.data.accountType === 7) ? 'Deuda' : 'Disponible';\r\n return (\r\n \r\n \r\n {description} No. {accountNumber}\r\n
\r\n \r\n {accountTypeDescription}
\r\n
\r\n \r\n {newsTemplate}\r\n
\r\n );\r\n }\r\n });\r\n\r\n var HistoricalTransfers = createReactClass({\r\n render: function () {\r\n var data = this.props.data;\r\n var newsTemplate;\r\n\r\n if (data.length > 0) {\r\n newsTemplate = data.map(function (item, index) {\r\n return (\r\n \r\n
;\r\n }\r\n return (\r\n No se encuentran transacciones en el historial.
\r\n\r\n {newsTemplate}\r\n
\r\n );\r\n }\r\n });\r\n\r\n var CardHistoricalTransfer = createReactClass({\r\n render: function () {\r\n var nut = this.props.data.nut,\r\n product_Number = this.props.data.product_Number,\r\n transaction_Value = this.props.data.transaction_Value,\r\n transaction_Status = this.props.data.transaction_Status,\r\n date_Transaction = this.props.data.date_Transaction,\r\n year = this.props.data.date_Transaction.substring(0,3),\r\n month = this.props.data.date_Transaction.substring(5,6),\r\n day = this.props.data.date_Transaction.substring(8,9);\r\n return (\r\n \r\n
\r\n );\r\n }\r\n });\r\n\r\n function DivStep({ children }) {\r\n return <>{children}\r\n }\r\n\r\n function Progress(props) {\r\n const styleProgress = { width: ((100/props.list.length)-2) + '%' };\r\n var newsTemplate = props.list.map(function (item, index) {\r\n if (index === props.current) {\r\n return \r\n \r\n
\r\n \r\n
\r\n {date_Transaction} - Pago a préstamo IDEA
\r\nAhorros No. {product_Number}
\r\nNumero de Transacción {nut}
\r\n
\r\n \r\n {index + 1}\r\n \r\n
;\r\n } else {\r\n return \r\n \r\n {index + 1}\r\n \r\n
;\r\n }\r\n });\r\n return newsTemplate;\r\n }\r\n\r\n function LineStepper(props) {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n function NavigationButtons(props) {\r\n var isFirst = props.step === 0;\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n function DivStepper({ children, ...props }) {\r\n const childrenArray = React.Children.toArray(children);\r\n\r\n const currentChild = childrenArray[props.step];\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n const valueChange = event => {\r\n event.preventDefault();\r\n let val = event.target.value;\r\n setValue(val.replace(/\\D/g, \"\").replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\"));\r\n }\r\n\r\n async function getRelatedAccounts() {\r\n await setStep(s => s + 1);\r\n const request = await axiosInstance().get(\"/WSGYG39_2/api/Inquiries/Products/Accounts\")\r\n .catch(err => {\r\n return 'err';\r\n });\r\n if (request != 'err') {\r\n console.log(request.data);\r\n setAccounts(request.data.summaryProduct.product);\r\n }\r\n return request;\r\n }\r\n\r\n async function getHistoricalTransfer() {\r\n setIsLoadingHistorical(true);\r\n const request = await axiosInstance().get(\"/WSGYG39_2/api/Inquiries/Transactions/Payments\")\r\n .catch(err => {\r\n setIsLoadingHistorical(false);\r\n return 'err';\r\n });\r\n if (request != 'err') {\r\n setIsLoadingHistorical(false);\r\n console.log(request.data);\r\n setHistoricalTransfer(request.data);\r\n }\r\n return request;\r\n }\r\n\r\n async function getPseBanks() {\r\n await setStepPse(s => s + 1);\r\n const request = await axiosInstance().get(\"/WSGYG39_2/api/Consultas/Bancos\")\r\n .catch(err => {\r\n return 'err';\r\n });\r\n if (request != 'err') {\r\n console.log(request.data);\r\n setBanks(request.data.banks)\r\n }\r\n return request;\r\n }\r\n\r\n function PseBanks(props) {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n ![\"delete-icon\"]({require(\"../../assets/img/illustrations/Cancel.png\").default})
\r\n
\r\n \r\n \r\n \r\n
\r\n ¿Quieres salir de la transacción?
\r\nLa información que has ingresado hasta el momento se borrará.
\r\n\r\n
\r\n \r\n \r\n ![\"delete-icon\"]({require(\"../../assets/img/illustrations/error-transaction.svg\").default})
\r\n
\r\n \r\n \r\n
\r\n La transacción no se pudo realizar
\r\nPor algun motivo la transacción no se pudo realizar intentelo mas tarde.
\r\n\r\n this.toggleModal(\"notificationModal\")}\r\n >\r\n ×\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Verifica el pago con el número que se envió a tu celular.
\r\n \r\n\r\n
\r\n \r\n \r\n ![\"delete-icon\"]({require(\"../../assets/img/brand/santander.png\").default})
\r\n ![\"delete-icon\"]({require(\"../../assets/img/illustrations/success-transfer.svg\").default})
\r\n
\r\n \r\n \r\n \r\n
\r\n Tu Pago al préstamo {productTwo.numeroCuenta} {productTwo.accountNumber} fue aprobada.
\r\n- \r\n
- \r\n
Valor
\r\n
\r\n \r\n - \r\n
Costo
\r\n
\r\n \r\n - \r\n
Hacia
\r\n\r\n\r\n{productTwo.ownerAccount}
\r\nSantander
\r\nPréstamo No. {productTwo.accountNumber}
\r\n \r\n - \r\n
Desde
\r\n\r\n\r\nAhorros No. {productOne.accountNumber}
\r\nDisponible
\r\n \r\n
\r\n \r\n \r\n {({ toPdf }) => (\r\n \r\n )}\r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n { if (step > 0 || stepPse > 0) { setTabToGo(1); setCancelationModal(true); } else { this.toggleNavs(e, \"tabs\", 1); }; }}\r\n href=\"#pay\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {/*\r\n { if (step > 0 || stepPse > 0) { setTabToGo(2); setCancelationModal(true); } else { this.toggleNavs(e, \"tabs\", 2); }; }}\r\n href=\"#pse\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n
\r\n \r\n */}\r\n \r\n { if (step > 0 || stepPse > 0) { setTabToGo(3); setCancelationModal(true); getHistoricalTransfer(); } else { this.toggleNavs(e, \"tabs\", 3); getHistoricalTransfer(); }; }}\r\n href=\"#history\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n Pagos Internos\r\n
\r\n\r\n ![]({require(\"../../assets/img/illustrations/select-loan-pse.svg\").default})
\r\n
\r\n \r\n \r\n Pago pse\r\n
\r\n\r\n 
\r\n
\r\n \r\n Pagos realizados\r\n
\r\n\r\n
\r\n ¿Qué puedes hacer en pagos?
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Pagos internos desde tus cuentas de ahorros o corrientes con las que cuentes a tus préstamos.\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Pago pse a tus préstamos desde la modalidad de Pago seguro en línea, desde una cuenta de otro banco.\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Consulta los pagos realizados y descarga los comprobantes.\r\n
\r\n\r\n
\r\n Elige el crédito a pagar
\r\n\r\n
\r\n Ingrese el valor a cancelar
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Elige la cuenta con la que pagará
\r\n\r\n
\r\n Vas a cancelar
\r\n\r\n
\r\n \r\n - \r\n
- \r\n
Valor
\r\n
\r\n \r\n - \r\n
Costo
\r\n
\r\n \r\n - \r\n
Hacia
\r\n\r\n\r\n{productTwo.ownerAccount}
\r\nSantander
\r\nPrestamo No. {productTwo.accountNumber}
\r\n \r\n - \r\n
Desde
\r\n\r\n\r\nAhorros No. {productOne.accountNumber}
\r\nDisponible
\r\n \r\n
\r\n
\r\n Elige el crédito a pagar
\r\n\r\n
\r\n Ingrese el valor a cancelar
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n Llena el formulario PSE
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Vas a cancelar
\r\n\r\n
\r\n \r\n\r\n - \r\n
- \r\n
Valor
\r\n10000
\r\n \r\n - \r\n
Costo
\r\n
\r\n \r\n - \r\n
Hacia
\r\n\r\n\r\nPréstamo No. 702766010
\r\n \r\n - \r\n
Desde
\r\n\r\n\r\nAhorros No. 702766010
\r\nDisponible $15.792.276
\r\n \r\n
\r\n
\r\n \r\n deleteAlert(item)}\r\n >\r\n ×\r\n \r\n \r\n \r\n {\" \"}\r\n {item.description}\r\n
\r\n );\r\n });\r\n }\r\n return {newsTemplate}
;\r\n },\r\n });\r\n useEffect(async() => {\r\n \r\n \r\n const timer = setTimeout(deleteElementFromArr, 5000);\r\n return () => clearTimeout(timer);\r\n });\r\n\r\n const deleteElementFromArr = () => {\r\n \r\n if (listAlert.length > 0) {\r\n let temp = listAlert.slice();\r\n temp.splice(0, 1);\r\n setListAlert(temp);\r\n }\r\n };\r\n const deleteAlert = (alert) => {\r\n\r\n console.log(\"elimina alerta\");\r\n console.log(listAlert);\r\n setListAlert(listAlert.filter((auxAlert) => auxAlert != alert));\r\n };\r\n\r\n\r\n var CardAccount = createReactClass({\r\n render: function () {\r\n var accountNumber = this.props.data.accountNumber,\r\n balance = this.props.data.balance,\r\n description = this.props.data.description;\r\n\r\n return (\r\n getProduct(this.props.data, this.props.tab,this.props.index)} className=\"col-auto ml-4 p-1\" style={{ width: \"80%\" }}>\r\n \r\n {description}
No. {accountNumber}\r\n
\r\n \r\n Disponible
\r\n
\r\n No. {accountNumber}\r\n
\r\n {newsTemplate}\r\n
\r\n );\r\n }\r\n });\r\n\r\n\r\n var CardAccountContact = createReactClass({\r\n render: function () {\r\n var aliasAccount = this.props.data.aliasAccount,\r\n numeroCuenta = this.props.data.numeroCuenta;\r\n return (\r\n \r\n
;\r\n }\r\n return (\r\n No cuentas con Cuentas Asociadas
\r\n\r\n {newsTemplate}\r\n
\r\n );\r\n }\r\n });\r\n\r\n var HistoricalTransfers = createReactClass({\r\n render: function () {\r\n var data = this.props.data;\r\n var newsTemplate;\r\n\r\n if (data.length > 0) {\r\n newsTemplate = data.map(function (item, index) {\r\n return (\r\n \r\n
;\r\n }\r\n return (\r\n No se encuentran transacciones en el historial.
\r\n\r\n {newsTemplate}\r\n
\r\n );\r\n }\r\n });\r\n\r\n var CardHistoricalTransfer = createReactClass({\r\n render: function () {\r\n var nut = this.props.data.nut,\r\n product_Number = this.props.data.product_Number,\r\n transaction_Value = this.props.data.transaction_Value,\r\n transaction_Status = this.props.data.transaction_Status,\r\n date_Transaction = this.props.data.date_Transaction,\r\n year = this.props.data.date_Transaction.substring(0,3),\r\n month = this.props.data.date_Transaction.substring(5,6),\r\n day = this.props.data.date_Transaction.substring(8,9),\r\n last_Update_Time = this.props.data.last_Update_Time;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n });\r\n\r\n async function getTypeAccount(type) {\r\n await setTypes(type);\r\n }\r\n\r\n function DivStep({ children }) {\r\n return <>{children}\r\n }\r\n\r\n function Progress(props) {\r\n const styleProgress = { width: ((100/props.list.length)-2) + '%' };\r\n var newsTemplate = props.list.map(function (item, index) {\r\n if (index === props.current) {\r\n return \r\n \r\n
\r\n \r\n
\r\n {date_Transaction} a las {last_Update_Time} - Transferencia de Cuenta Santander
\r\nAhorros No. {product_Number}
\r\nNumero de Transacción {nut}
\r\nEstado de la Transacción: {transaction_Status}
\r\n
\r\n \r\n {index + 1}\r\n \r\n
;\r\n } else {\r\n return \r\n \r\n {index + 1}\r\n \r\n
;\r\n }\r\n });\r\n return newsTemplate;\r\n }\r\n\r\n function LineStepper(props) {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n\r\n function NavigationButtons(props) {\r\n var isFirst = props.step === 0;\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n function DivStepper({ children, ...props }) {\r\n const childrenArray = React.Children.toArray(children);\r\n\r\n const currentChild = childrenArray[props.step];\r\n if (props.step != childrenArray.length - 1) {\r\n return (\r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n console.log(\"useeffect transfers\" )\r\n console.log(account)\r\n async function getProducts() {\r\n const request = await axiosInstance().get(\"/WSGYG39_2/api/Inquiries/Products/Accounts\")\r\n .catch(err => {\r\n if (err.response.data.errors) {\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setListAlert([\r\n {\r\n description: \"No se pudo bloquear el usuario debido a un problema.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\"\r\n }\r\n ]);\r\n }\r\n return 'err';\r\n });\r\n console.log(\"respuesta account\");\r\n console.log(request)\r\n if (request != 'err') {\r\n console.log(request.data);\r\n console.log(request.data.summaryProduct.product);\r\n setAccounts(request.data.summaryProduct.product);\r\n }\r\n return request;\r\n }\r\n getProducts();\r\n //this.toggleNavs(this.e, \"tabs\", 1)\r\n }, []);\r\n\r\n async function getRelatedAccounts() {\r\n setIsLoadingAccounts(true);\r\n await setStep(s => s + 1);\r\n const request = await axiosInstance().get(\"/WSGYG39_2/api/Consultas/AssociatedAccounts\")\r\n .catch(err => {\r\n if (err.response.data.errors) {\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setListAlert([\r\n {\r\n description: \"No se pudo bloquear el usuario debido a un problema.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\"\r\n }\r\n ]);\r\n }\r\n setIsLoadingAccounts(false);\r\n return 'err';\r\n });\r\n console.log(\"respuesta cuentas asociadas\");\r\n console.log(request)\r\n if (request != 'err') {\r\n setIsLoadingAccounts(false);\r\n console.log(request.data);\r\n setRelatedAccounts(request.data.relatedAccounts.filter(item => (item.status === null)));\r\n }\r\n setAccountsToTransfer(accounts.filter(item => !(item.accountNumber === productOne.accountNumber)))\r\n return request;\r\n }\r\n\r\n async function validOtp() {\r\n RequestOTPTransfer.IdTransfer=transcode;\r\n //console.log(\"ref1:\" + ref1);\r\n //RequestOTPTransfer.Otp=\r\n //ref1 +\"\"+ ref2+\"\"+ ref3+\"\"+ ref4+\"\"+ ref5+\"\"+ ref6+\"\";\r\n let codigoSR05012=false;\r\n console.log(\"valido \" + RequestOTPTransfer.Otp)\r\n const request = await axiosInstance().post(\"/WSGYG39_2/api/Transaction/ValidOtp\",RequestOTPTransfer)\r\n .catch(err => {\r\n \r\n if (err.response.data.errors) {\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n err.response.data.errors.map((o)=>{\r\n if(o.code==\"SR05012\"){\r\n codigoSR05012=true;\r\n }})\r\n } else {\r\n codigoSR05012=true;\r\n setListAlert([\r\n {\r\n description: \"No se pudo bloquear el usuario debido a un problema.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\"\r\n }\r\n ]);\r\n }\r\n console.log(\"Error del consumo valida otp\")\r\n return 'err';\r\n });\r\n console.log(\"respuesta valida otp\");\r\n console.log(request);\r\n if (request != 'err') { \r\n console.log(\"respuesta : \" + request.data.plot);\r\n //setNotificationModal(true) ;// modal para ingresar el otp \r\n setNotificationModal(false);\r\n setProcessModal(true);//confirmacion exitosa transacccion.\r\n setTabs(0); // reiniciar pasos \r\n setStep(0);\r\n setStep2(0);\r\n setpideotp(false);\r\n setcargaotp(false);\r\n } else { \r\n // \r\n //console.log(\"respuesta indicador : \" + request.data.page);\r\n if(codigoSR05012){\r\n setProcessModal(false);\r\n setNotificationModal(false);\r\n setErroModal(true);\r\n setTabs(0);\r\n setStep(0);\r\n setStep2(0);\r\n setpideotp(false);\r\n setcargaotp(false);\r\n } \r\n setcargaotp(false);\r\n \r\n }\r\n }\r\n\r\n async function getHistoricalTransfer() {\r\n setIsLoadingHistorical(true);\r\n const request = await axiosInstance().get(\"/WSGYG39_2/api/Inquiries/Transactions/Accounts\")\r\n .catch(err => {\r\n if (err.response.data.errors) {\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setListAlert([\r\n {\r\n description: \"No se pudo bloquear el usuario debido a un problema.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\"\r\n }\r\n ]);\r\n }\r\n setIsLoadingHistorical(false);\r\n return 'err';\r\n });\r\n console.log(\"respuesta Accounts\");\r\n console.log(request);\r\n if (request != 'err') {\r\n setIsLoadingHistorical(false);\r\n console.log(request.data);\r\n setHistoricalTransfer(request.data);\r\n }\r\n return request;\r\n }\r\n\r\n const valueChange = event => {\r\n event.preventDefault();\r\n let val = event.target.value;\r\n let auxVal1 = \"\"\r\n let auxVal2 = \"\"\r\n \r\n \r\n if (val.includes(\".\") ) {\r\n auxVal2 = val.substring(val.indexOf(\".\"))\r\n \r\n auxVal1 = val.substring(0,val.indexOf(\".\"))\r\n if(auxVal2.length > 3){\r\n auxVal2 = auxVal2.substring(0,3);\r\n }\r\n console.log(auxVal1);\r\n console.log(auxVal2);\r\n auxVal1 = auxVal1.replace(/\\D/g, \"\").replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")\r\n setValue(auxVal1 + auxVal2);\r\n }else{\r\n auxVal1 = val.replace(/\\D/g, \"\").replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")\r\n setValue(auxVal1);\r\n }\r\n }\r\n\r\n const ProductTwoChange = event => {\r\n auxBuildProductTwo.accountNumber = event.target.value;\r\n }\r\n\r\n const NIDChange = event => {\r\n auxBuildProductTwo.nid = event.target.value;\r\n }\r\n\r\n const TIDChange = event => {\r\n auxBuildProductTwo.tid = event.target.value;\r\n }\r\n\r\n async function BuildAccount() {\r\n getCommission();\r\n await setProductTwo(auxBuildProductTwo);\r\n setStep2(s => s + 1)\r\n }\r\n\r\n const [RequestOTPTransfer, setRequestOTPTransfer] = useState({\r\n IdTransfer:\"\", \r\n Otp:\"\"\r\n });\r\n\r\n async function ShowFile() {\r\n if (window.File && window.FileReader && window.FileList && window.Blob) {\r\n var preview = document.getElementById('show-text');\r\n var file = document.querySelector('input[type=file]').files[0];\r\n console.log(\"name file\");\r\n console.log(file);\r\n\r\n setNameFile(file.name);\r\n\r\n var reader = new FileReader()\r\n\r\n var textFile = /text.*/;\r\n\r\n if (file.type.match(textFile)) {\r\n reader.onload = function (event) {\r\n console.log(event.target);\r\n setContentFiel(event.target.result);\r\n preview.innerHTML = event.target.result;\r\n }\r\n } else {\r\n preview.innerHTML = \"It doesn't seem to be a text file!\";\r\n }\r\n reader.readAsText(file);\r\n\r\n } else {\r\n alert(\"Your browser is too old to support HTML5 File API\");\r\n }\r\n }\r\n\r\n const transfer = async event => {\r\n setNotificationModal(false);\r\n var today = new Date();\r\n var dd = today.getDate();\r\n var mm = today.getMonth() + 1;\r\n var yyyy = today.getFullYear();\r\n if (dd < 10) {\r\n dd = '0' + dd;\r\n }\r\n if (mm < 10) {\r\n mm = '0' + mm;\r\n }\r\n today = yyyy + '' + mm + '' + dd;\r\n \r\n var auxValue = \"\";\r\n var system = (productTwo.tipoCuenta === 1) ? '20' : (productTwo.tipoCuenta === 2) ? '30' : '20';\r\n console.log(\"Value: \" + value)\r\n if (value.includes(\".\")) {\r\n \r\n auxValue = \"\" + (value.replace(/,/g, '').replace(/\\./g, ''))\r\n }else{\r\n auxValue = \"\" + parseFloat(value.replace(/,/g, '')) * 100\r\n }\r\n \r\n const consulta = {\r\n AccountNumber: productOne.accountNumber,\r\n BankCode : (productTwo.bankCode === undefined) ? \"\" : productTwo.bankCode,\r\n Parameters: [\r\n productOne.accountNumber,\r\n productOne.system,\r\n ((productTwo.numeroCuenta === undefined) ? productTwo.accountNumber : productTwo.numeroCuenta),\r\n system,\r\n (productTwo.sequence === undefined) ? \"\" : productTwo.sequence,\r\n \"NN090D\",\r\n productOne.accountNumber,\r\n ((productTwo.numeroCuenta === undefined) ? productTwo.accountNumber : productTwo.numeroCuenta),\r\n today,\r\n auxValue\r\n ]\r\n }\r\n\r\n let codigoSR05011=false;\r\n const request = await axiosInstance().post(\"/WSGYG39_2/api/transaction/Transfer/Accounts\", consulta)\r\n .catch(err => {\r\n if (err.response.data.errors) {\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setListAlert([\r\n {\r\n description: \"No se pudo bloquear el usuario debido a un problema.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\"\r\n }\r\n ]);\r\n }\r\n err.response.data.errors.map((o)=>{\r\n if(o.code==\"SR05011\"){\r\n codigoSR05011=true;// pendiente por autorizar\r\n }})\r\n return err.response;\r\n });\r\n \r\n \r\n if (request.data.page != 'ERROR' && request.data.page != undefined ) {\r\n var data= request.data.plot;\r\n var pos = request.data.plot.toString().indexOf(\",\"); \r\n if (pos>-1 )\r\n {\r\n data= data.toString().substr(0,pos);\r\n }\r\n console.log(\"respuesta : \" + request.data.plot); \r\n await setCode(data); \r\n console.log(\"codigo en estado: \" + transcode);\r\n setNotificationModal(true) ;// modal para ingresar el otp \r\n //setProcessModal(true);//confirmacion exitosa transacccion.\r\n /*setTabs(0); // reiniciar pasos \r\n setStep(0);\r\n setStep2(0);*/\r\n setpideotp(true);\r\n } else { \r\n // \r\n \r\n console.log(\"respuesta indicador : \" + request.data.page);\r\n \r\n if (codigoSR05011)//pendiente por autorizar\r\n {\r\n setNotificationModal(false);\r\n setPendingModal(true);\r\n }\r\n else //error\r\n {\r\n setErroModal(true);\r\n }\r\n setTabs(0);\r\n setStep(0);\r\n setStep2(0);\r\n }\r\n }\r\n const ejecutasalirPending=()=>{\r\n setPendingModal(false);\r\n }\r\n const ejecutasalir=()=>{\r\n setCancelationModal(false);\r\n }\r\n const ejecutasalirErrorModal=()=>{\r\n setErroModal(false);\r\n }\r\n useEffect(() => {\r\n dispatch(cambiaruta(\"Inicio/Transferencias/A contactos inscritos\"));\r\n dispatch(cambiasidebar(false));\r\n dispatch(desactivasidebar());\r\n }, [])\r\n class NavsTransfer extends React.Component {\r\n\r\n toggleModal = state => {\r\n setNotificationModal(!notificationModal);\r\n };\r\n toggleNavs = (e, state, index) => {\r\n e.preventDefault();\r\n console.log(\"este es el index \" + index);\r\n if (index == 1) { \r\n setActiveContact(true)\r\n setActiveVertrans(false)\r\n dispatch(cambiaruta(\"Inicio/Transferencias/A Contactos Inscritos\"))\r\n setImagen(icon_Contactos_InscritosA);\r\n setColor(\"text-success\");\r\n setImagenTransferencias(icon_transferencias);\r\n setColorTransferencias(\"text-gray-dark\");\r\n setImagenVerTransferencias(icon_VerTransferencias);\r\n setColorVerTransferencias(\"text-gray-dark\")\r\n \r\n }else if (index == 4) {\r\n setActiveVertrans(true)\r\n setActiveContact(false)\r\n dispatch(cambiaruta(\"Inicio/Transferencias/Ver Transferencias\"))\r\n setImagenVerTransferencias(icon_VerTransferenciasA);\r\n setColorVerTransferencias(\"text-success\");\r\n setImagen(icon_Contactos_Inscritos);\r\n setColor(\"text-gray-dark\");\r\n setImagenTransferencias(icon_transferencias);\r\n setColorTransferencias(\"text-gray-dark\");\r\n \r\n } else {\r\n dispatch(cambiaruta(\"Inicio/Transferencias/A Contactos Inscritos\"))\r\n setActiveVertrans(false)\r\n setActiveContact(true)\r\n setImagen(icon_Contactos_InscritosA)\r\n setImagenTransferencias(icon_transferencias)\r\n setImagenVerTransferencias(icon_VerTransferencias)\r\n setColor(\"text-gray-dark\")\r\n setColorTransferencias(\"text-gray-dark\")\r\n setColorVerTransferencias(\"text-gray-dark\")\r\n }\r\n // switch (index) {\r\n // case 1:\r\n // setImagen(icon_Contactos_InscritosA)\r\n // setColor(\"text-primary\")\r\n // setImagenTransferencias(icon_transferencias)\r\n // setColorTransferencias(\"text-gray-dark\")\r\n // setImagenVerTransferencias(icon_VerTransferencias)\r\n // setColorVerTransferencias(\"text-gray-dark\")\r\n // break;\r\n // case 2:\r\n // setImagenTransferencias(icon_transferenciasA)\r\n // setColorTransferencias(\"text-primary\")\r\n // setImagen(icon_Contactos_Inscritos)\r\n // setColor(\"text-gray-dark\")\r\n // setImagenVerTransferencias(icon_VerTransferencias)\r\n // setColorVerTransferencias(\"text-gray-dark\")\r\n // break;\r\n // case 4:\r\n // setImagenVerTransferencias(icon_VerTransferenciasA)\r\n // setColorVerTransferencias(\"text-primary\")\r\n // setImagen(icon_Contactos_Inscritos)\r\n // setColor(\"text-gray-dark\")\r\n // setImagenTransferencias(icon_transferencias)\r\n // setColorTransferencias(\"text-gray-dark\")\r\n // break;\r\n // default:\r\n // setImagen(icon_Contactos_Inscritos)\r\n // setImagenTransferencias(icon_transferencias)\r\n // setImagenVerTransferencias(icon_VerTransferencias)\r\n // setColor(\"text-gray-dark\")\r\n // break;\r\n // }\r\n setTabs(index);\r\n };\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n ¿Quieres salir de la transacción?
\r\nLa información que has ingresado hasta el momento se borrará.
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n La transacción no se pudo realizar
\r\nPor algun motivo la transacción no se pudo realizar intentelo mas tarde.
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n La transacción se encuentra pendiente por autorizar
\r\nComuniquese con el supervisor para autorizar transacción.
\r\n\r\n this.toggleModal(\"notificationModal\")}\r\n >\r\n ×\r\n \r\n
\r\n \r\n
\r\n \r\n */}\r\n \r\n \r\n
\r\n Verifica la transferecia con el numero que se envio a tu celular.
\r\n \r\n\r\n
\r\n \r\n\r\n \r\n ![\"delete-icon\"]({require(\"../../assets/img/brand/LogoIdea.png\").default})
\r\n ![\"delete-icon\"]({require(\"../../assets/img/illustrations/Success-transfer.png\").default})
\r\n
\r\n \r\n \r\n \r\n
\r\n Tu transferencia a la cuenta {productTwo.numeroCuenta} {productTwo.accountNumber} fue aprobada.
\r\n- \r\n
- \r\n
Valor
\r\n
\r\n \r\n - \r\n
Costo
\r\n
\r\n \r\n - \r\n
Hacia
\r\n\r\n\r\n{productTwo.ownerAccount}
\r\n {/*Santander
*/}\r\nAhorros No. {productTwo.numeroCuenta} {productTwo.accountNumber}
\r\n \r\n - \r\n
Desde
\r\n\r\n\r\nAhorros No. {productOne.accountNumber}
\r\nDisponible
\r\n \r\n
\r\n \r\n {/* \r\n {({ toPdf }) => (\r\n \r\n )}\r\n */}\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n { if (step > 0 || step2 > 0) { \r\n setTabToGo(1);\r\n dispatch(cambiaruta(\"Inicio/Transferencias/A Contactos Inscritos\"))\r\n setCancelationModal(true);\r\n setActiveContact(true);\r\n setActiveVertrans(false);\r\n setImagen(icon_Contactos_InscritosA);\r\n setColor(\"text-success\");\r\n setImagenTransferencias(icon_transferencias);\r\n setColorTransferencias(\"text-gray-dark\");\r\n setImagenVerTransferencias(icon_VerTransferencias);\r\n setColorVerTransferencias(\"text-gray-dark\")} else { this.toggleNavs(e, \"tabs\", 1);setValue(\"\"); }; }}\r\n href=\"#contact\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n {/* \r\n { if (step > 0 || step2 > 0) { setTabToGo(2); setCancelationModal(true); } else { this.toggleNavs(e, \"tabs\", 2); }; }}\r\n href=\"#internal\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n
\r\n \r\n */}\r\n\r\n \r\n { if (step > 0 || step2 > 0) {\r\n dispatch(cambiaruta(\"Inicio/Transferencias/Ver Transferencias\"))\r\n setActiveVertrans(true);\r\n setActiveContact(false);\r\n setImagenVerTransferencias(icon_VerTransferenciasA);\r\n setColorVerTransferencias(\"text-success\");\r\n setImagen(icon_Contactos_Inscritos);\r\n setColor(\"text-gray-dark\");\r\n setImagenTransferencias(icon_transferencias);\r\n setColorTransferencias(\"text-gray-dark\");\r\n setTabToGo(4); \r\n setCancelationModal(true);\r\n getHistoricalTransfer();\r\n } else { this.toggleNavs(e, \"tabs\", 4); getHistoricalTransfer(); }; }}\r\n href=\"#historical\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n A contactos inscritos\r\n
\r\n\r\n 
\r\n
\r\n \r\n Transferencias Internas\r\n
\r\n\r\n 
\r\n
\r\n \r\n Ver transferencias\r\n
\r\n\r\n
\r\n ¿Qué puedes hacer en transferencias de Santander?
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Transfiere a tus contactos inscritos{\" \"}hasta tu tope configurado.\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Transferencias internas a cuentas Santander.\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Consulta las transferencias realizadas. \r\n
\r\n\r\n
\r\n Elige la cuenta de origen
\r\n\r\n
\r\n Ingrese el valor a transferir
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Tus Cuentas
\r\n\r\n
\r\n Elige una cuenta asociada
\r\n\r\n
\r\n Vas a transferir
\r\n\r\n
\r\n \r\n - \r\n
- \r\n
Valor
\r\n
\r\n \r\n - \r\n
Costo
\r\n
\r\n \r\n - \r\n
Hacia
\r\n\r\n\r\n{productTwo.ownerAccount}
\r\n {/*Santander
*/}\r\nAhorros No. {productTwo.numeroCuenta} {productTwo.accountNumber}
\r\n \r\n - \r\n
Desde
\r\n\r\n\r\nAhorros No. {productOne.accountNumber}
\r\nDisponible
\r\n \r\n
\r\n
\r\n Elige la cuenta de origen
\r\n\r\n
\r\n Ingrese el valor a transferir
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Ingresa los datos de la cuenta
\r\n getTypeAccount(1)}>\r\n Cuenta de Ahorros\r\n
\r\n getTypeAccount(2)}>\r\n Cuenta Corriente\r\n
\r\n \r\n
\r\n Vas a transferir
\r\n\r\n
\r\n \r\n - \r\n
- \r\n
Valor
\r\n
\r\n \r\n - \r\n
Costo
\r\n
\r\n \r\n - \r\n
Hacia
\r\n\r\n\r\n{productTwo.ownerAccount}
\r\n {/*Santander
*/}\r\nAhorros No. {productTwo.accountNumber}
\r\n \r\n - \r\n
Desde
\r\n\r\n\r\nAhorros No. {productOne.accountNumber}
\r\nDisponible
\r\n \r\n
\r\n
\r\n \r\n \r\n {props.label}\r\n
\r\n \r\n
\r\n \r\n \r\n {props.label}\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n function DivStepper({ children, ...props }) {\r\n const childrenArray = React.Children.toArray(children);\r\n\r\n const currentChild = childrenArray[props.step];\r\n if (props.step != childrenArray.length - 1) {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n - {newsTemplate}
\r\n \r\n \r\n {currentChild}\r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n \r\n \r\n {currentChild}\r\n
\r\n );\r\n }\r\n }\r\n\r\n function NavigationButtons(props) {\r\n if (props.isOnlyOneStep) {\r\n return (\r\n \r\n goBack(props.tab, isFirst)}\r\n >\r\n \r\n Volver\r\n \r\n setCancelationModal(true)}\r\n >\r\n Cancelar\r\n \r\n \r\n
\r\n );\r\n }\r\n }\r\n\r\n // paint status bulk\r\n function StatusBulk(props) {\r\n let color = \"\";\r\n let description = \"\";\r\n if (props.status === \"1\") {\r\n description = \"Pendiente de Carga\";\r\n color = \"bg-secundary\";\r\n } else if (props.status === \"2\") {\r\n description = \"En Proceso de Validacion\";\r\n color = \"bg-primary\";\r\n } else if (props.status === \"3\") {\r\n description = \"Lote aprobado\";\r\n color = \"bg-success\";\r\n } else if (props.status === \"4\") {\r\n description = \"Lote Rechazado\";\r\n color = \"bg-warning\";\r\n } else if (props.status === \"5\") {\r\n description = \"Lote Vencido\";\r\n color = \"bg-warning\";\r\n } else if (props.status === \"6\") {\r\n description = \"Lote Pendiente Supervisor\";\r\n color = \"bg-primary\";\r\n } else if (props.status === \"7\") {\r\n description = \"Lote Aprobado Supervisor\";\r\n color = \"bg-success\";\r\n } else if (props.status === \"8\") {\r\n description = \"Rechazo por Supervisión Externa\";\r\n color = \"bg-warning\";\r\n } else if (props.status === \"9\") {\r\n description = \"Rechazo en el Cargue\";\r\n color = \"bg-warning\";\r\n }\r\n return (\r\n \r\n deleteAlert(item)}\r\n >\r\n x\r\n \r\n \r\n \r\n {\" \"}\r\n {item.description}\r\n
\r\n );\r\n });\r\n }\r\n return {newsTemplate}
;\r\n },\r\n });\r\n\r\n // File\r\n async function ShowFile() {\r\n if (window.File && window.FileReader && window.FileList && window.Blob) {\r\n let baseURL = \"\";\r\n var file = document.querySelector(\"input[type=file]\").files[0];\r\n setNameFile(file.name);\r\n\r\n var reader = new FileReader();\r\n\r\n reader.readAsDataURL(file);\r\n setIsCharging(false);\r\n var textFile = /text.*/;\r\n if (file.type.match(textFile)) {\r\n reader.onload = function (event) {\r\n baseURL = reader.result;\r\n setContentFile(baseURL);\r\n };\r\n } else {\r\n // error diferente .text\r\n }\r\n } else {\r\n // error el navegador no maneja archivos\r\n }\r\n }\r\n\r\n // obtener id archivo\r\n async function GetBulkId() {\r\n const request = await axiosInstance()\r\n .post(\"/WSGYG39_2/api/transaction/bulk\")\r\n .catch((err) => {\r\n setErrorModal(true);\r\n setImagen(icon_Extractos);\r\n setColor(\"text-gray-dark\");\r\n setImagenAutoriza(icono_Transferencia);\r\n setColorAutoriza(\"text-gray-dark\");\r\n setTabs(0);\r\n setNameFile(\"Selecciona el archivo\");\r\n return \"err\";\r\n });\r\n if (request != \"err\") {\r\n setBulkId(request.data);\r\n UploadFile(request.data);\r\n console.log(\"data\");\r\n console.log(request.data);\r\n }\r\n }\r\n\r\n // subir archivo\r\n async function UploadFile(paramBulkId) {\r\n if (contentFile != empty) {\r\n setIsLoading(true);\r\n setIsCharging(false);\r\n setBulkCharged(paramBulkId.bulk_id);\r\n var request = {\r\n bulk_id: paramBulkId.bulk_id,\r\n data: contentFile,\r\n };\r\n console.log(\"cargue\" + request);\r\n const response = await axiosInstance()\r\n .post(\"/WSGYG39_2/api/transaction/bulk/file\", request)\r\n .catch((err) => {\r\n console.log(\"este es el error\" + err.response.data.errors);\r\n if (err.response.data.errors) {\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setListAlert([\r\n {\r\n description: \"Error.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ]);\r\n }\r\n return \"err\";\r\n });\r\n setIsLoading(false);\r\n setImagen(icon_ExtractosA);\r\n setColor(\"text-green\");\r\n setImagenAutoriza(icono_Transferencia);\r\n setColorAutoriza(\"text-gray-dark\");\r\n setNameFile(\"Selecciona el archivo\");\r\n\r\n if (response != \"err\") {\r\n setIsLoading(false);\r\n setNameFile(\"Selecciona el archivo\");\r\n setContentFile(empty);\r\n setIsCharging(false);\r\n setSuccessModal(true);\r\n }\r\n } else {\r\n setIsCharging(true);\r\n setImagen(icon_ExtractosA);\r\n setColor(\"text-green\");\r\n setImagenAutoriza(icono_Transferencia);\r\n setColorAutoriza(\"text-gray-dark\");\r\n }\r\n }\r\n\r\n // obtener los archivos de transferencias masivas\r\n async function GetBulks(today, aMonthAgo) {\r\n if (today === undefined) {\r\n today = new Date();\r\n aMonthAgo = new Date();\r\n aMonthAgo.setMonth(aMonthAgo.getMonth() - 1);\r\n setInitialDate(aMonthAgo);\r\n }\r\n\r\n let initial_date = getDateString(today);\r\n let end_date = getDateString(aMonthAgo);\r\n\r\n var request = {\r\n initial_date: getDateString(today),\r\n end_date: getDateString(aMonthAgo),\r\n };\r\n setIsLoading(true);\r\n console.log(request);\r\n const response = await axiosInstance()\r\n .get(\"/WSGYG39_2/api/transaction/bulk/\" + end_date + \"/\" + initial_date)\r\n .catch((err) => {\r\n setImagen(icon_Extractos);\r\n setColor(\"text-gray-dark\");\r\n setImagenAutoriza(icono_Transferencia);\r\n setColorAutoriza(\"text-gray-dark\");\r\n setIsLoading(false);\r\n setTabs(0);\r\n setActiveAutoriza(false);\r\n setNameFile(\"Selecciona el archivo\");\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n });\r\n if (response != \"err\") {\r\n setBulks(response.data);\r\n setIsLoading(false);\r\n setActiveAutoriza(true);\r\n }\r\n }\r\n async function GetBulks1(today, aMonthAgo, indicador) {\r\n console.log(\"today\" + today);\r\n if (today === undefined || today == false) {\r\n today = new Date();\r\n aMonthAgo = new Date();\r\n aMonthAgo.setMonth(aMonthAgo.getMonth() - 1);\r\n setInitialDate(aMonthAgo);\r\n }\r\n\r\n let end_date = getDateString(today);\r\n let initial_date = getDateString(aMonthAgo);\r\n\r\n var request = {\r\n initial_date: getDateString(aMonthAgo),\r\n end_date: getDateString(today),\r\n };\r\n\r\n console.log(request);\r\n console.log(\"bulk\" + bulk.length);\r\n let indicadorenvio = false;\r\n if (indicador == \"1\") {\r\n if (bulks.length >= 49) {\r\n indicadorenvio = true;\r\n secuencia = bulks[bulks.length - 1].sequence;\r\n }\r\n } else {\r\n if (contadorPagina != 0) {\r\n indicadorenvio = true;\r\n secuencia = bulks[0].sequence;\r\n }\r\n }\r\n\r\n console.log(\"bulks\" + bulks.length);\r\n let posicion = \"\";\r\n let secuencia = \"\";\r\n let fechaSecuencia = \"\";\r\n\r\n if (indicador == \"1\") {\r\n posicion = bulks[bulks.length - 1].bulk_id;\r\n secuencia = bulks[bulks.length - 1].sequence;\r\n fechaSecuencia = bulks[bulks.length - 1].date.replace(/\\//g, \"\");\r\n } else {\r\n posicion = bulks[0].bulk_id;\r\n secuencia = bulks[0].sequence;\r\n fechaSecuencia = bulks[0].date.replace(/\\//g, \"\");\r\n }\r\n if (indicadorenvio == true) {\r\n const response = await axiosInstance()\r\n .get(\r\n \"/WSGYG39_2/api/transaction/bulk/\" +\r\n initial_date +\r\n \"/\" +\r\n end_date +\r\n \"/\" +\r\n indicador +\r\n \"/\" +\r\n posicion +\r\n \"/\" +\r\n fechaSecuencia\r\n )\r\n .catch((err) => {\r\n return \"err\";\r\n });\r\n if (response != \"err\") {\r\n setBulks(response.data);\r\n if (indicador == \"1\") {\r\n setContadorPagina(contadorPagina + 1);\r\n } else {\r\n setContadorPagina(contadorPagina - 1);\r\n }\r\n }\r\n if (!response.data) {\r\n setEmpty(true);\r\n }\r\n } else {\r\n setEmpty(true);\r\n setIsLoading(false);\r\n }\r\n }\r\n\r\n function getDateString(d) {\r\n var dd = d.getDate();\r\n var mm = d.getMonth() + 1;\r\n var yyyy = d.getFullYear();\r\n if (dd < 10) {\r\n dd = \"0\" + dd;\r\n }\r\n if (mm < 10) {\r\n mm = \"0\" + mm;\r\n }\r\n return yyyy + \"\" + mm + \"\" + dd;\r\n }\r\n const ejecutasalir = () => {\r\n setCancelationModal(false);\r\n };\r\n\r\n useEffect(async () => {\r\n const timer = setTimeout(deleteElementFromArr, 5000);\r\n return () => clearTimeout(timer);\r\n });\r\n\r\n const deleteElementFromArr = () => {\r\n if (listAlert.length > 0) {\r\n let temp = listAlert.slice();\r\n temp.splice(0, 1);\r\n setListAlert(temp);\r\n }\r\n };\r\n const deleteAlert = (alert) => {\r\n console.log(\"elimina alerta\");\r\n console.log(listAlert);\r\n setListAlert(listAlert.filter((auxAlert) => auxAlert != alert));\r\n };\r\n\r\n // obtener transferencia masiva por id\r\n async function GetBulk(bulk) {\r\n setTabs(3);\r\n setHeaderBulk(bulk);\r\n const response = await axiosInstance()\r\n .get(\"/WSGYG39_2/api/transaction/bulk/\" + bulk.bulk_id)\r\n .catch((err) => {\r\n setErrorModal(true);\r\n setImagen(icon_Extractos);\r\n setColor(\"text-gray-dark\");\r\n setImagenAutoriza(icono_Transferencia);\r\n setColorAutoriza(\"text-gray-dark\");\r\n setNameFile(\"Selecciona el archivo\");\r\n setTabs(1);\r\n return \"err\";\r\n });\r\n if (response != \"err\") {\r\n console.log(response.data);\r\n setBulk(response.data);\r\n }\r\n }\r\n\r\n async function GetBulkPosition(indicador) {\r\n let sequence = \"\";\r\n console.log(\"esta es la cantidad\" + bulk.length);\r\n\r\n let indicadorenvio = false;\r\n if (indicador == \"1\") {\r\n if (bulk.length >= 49) {\r\n indicadorenvio = true;\r\n sequence = bulk[bulk.length - 1].sequence;\r\n }\r\n } else {\r\n if (contadorPagina != 0) {\r\n indicadorenvio = true;\r\n sequence = bulk[0].sequence;\r\n }\r\n }\r\n\r\n console.log(indicadorenvio);\r\n setIsLoading(true);\r\n if (indicadorenvio == true) {\r\n const response = await axiosInstance()\r\n .get(\r\n \"/WSGYG39_2/api/transaction/bulk/\" +\r\n headerBulk.bulk_id +\r\n \"/\" +\r\n indicador +\r\n \"/\" +\r\n sequence\r\n )\r\n .catch((err) => {\r\n setImagen(icon_Extractos);\r\n setColor(\"text-gray-dark\");\r\n setImagenAutoriza(icono_Transferencia);\r\n setColorAutoriza(\"text-gray-dark\");\r\n setNameFile(\"Selecciona el archivo\");\r\n setIsLoading(false);\r\n setEmpty(true);\r\n return \"err\";\r\n });\r\n if (response != \"err\") {\r\n console.log(response.data);\r\n setIsLoading(false);\r\n setBulk(response.data);\r\n if (indicador == \"1\") {\r\n setContadorPagina(contadorPagina + 1);\r\n } else {\r\n setContadorPagina(contadorPagina - 1);\r\n }\r\n }\r\n } else {\r\n setEmpty(true);\r\n setTabs(3);\r\n setIsLoading(false);\r\n }\r\n }\r\n\r\n // Action de transferencias masivas\r\n async function BulkAction(action) {\r\n debugger;\r\n let request = {\r\n bulk_id: headerBulk.bulk_id,\r\n action: action,\r\n };\r\n setBulkCharged(request.bulk_id);\r\n request.action = action;\r\n setDisableButton(true);\r\n \r\n const response = await axiosInstance()\r\n .post(\"/WSGYG39_2/api/transaction/bulkAction\", request)\r\n .catch((err) => {\r\n setDisableButton(false)\r\n setImagen(icon_Extractos);\r\n setColor(\"text-gray-dark\");\r\n setImagenAutoriza(icono_Transferencia);\r\n setColorAutoriza(\"text-gray-dark\");\r\n setNameFile(\"Selecciona el archivo\");\r\n setTabs(2);\r\n console.log(err)\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n return \"err\";\r\n });\r\n\r\n if (response != \"err\") {\r\n setDisableButton(false);\r\n GetBulks();\r\n if (action == \"A\") {\r\n setSuccessModal(true);\r\n } else {\r\n setSuccessModalRechazo(true);\r\n }\r\n setTabs(2);\r\n }\r\n }\r\n const ejecutasalirErrorModal = () => {\r\n setErrorModal(false);\r\n setImagenAutoriza(icono_TransferenciaA);\r\n setColorAutoriza(\"text-green\");\r\n };\r\n\r\n const ejecutasalirarrow = () => {\r\n setInfoModalArrow(false);\r\n };\r\n const ejecutasalirInfoModalCargue = () => {\r\n setInfoModal(false);\r\n };\r\n const ejecutasalirSuccessModal = () => {\r\n setSuccessModal(false);\r\n setTabs(0);\r\n setImagen(icon_Extractos);\r\n setColor(\"text-gray-dark\");\r\n setImagenAutoriza(icono_Transferencia);\r\n setColorAutoriza(\"text-gray-dark\");\r\n setActiveCargue(false);\r\n };\r\n\r\n const ejecutasalirSuccessModalRechazo = () => {\r\n setSuccessModalRechazo(false);\r\n setTabs(0);\r\n setImagen(icon_Extractos);\r\n setColor(\"text-gray-dark\");\r\n setImagenAutoriza(icono_Transferencia);\r\n setColorAutoriza(\"text-gray-dark\");\r\n setActiveCargue(false);\r\n };\r\n const ejecutasalirEmptyModal = () => {\r\n setEmpty(false);\r\n };\r\n\r\n useEffect(() => {\r\n dispatch(cambiaruta(\"Inicio/Transacciones Masivas\"));\r\n dispatch(cambiasidebar(true));\r\n }, []);\r\n\r\n const getCookie = (name) => {\r\n let matches = document.cookie.match(\r\n new RegExp(\r\n \"(?:^|; )\" +\r\n name.replace(/([\\.$?*|{}\\(\\)\\[\\]\\\\\\/\\+^])/g, \"\\\\$1\") +\r\n \"=([^;]*)\"\r\n )\r\n );\r\n return matches ? decodeURIComponent(matches[1]) : undefined;\r\n };\r\n useEffect(() => {\r\n const perfilCookie = getCookie(\"TEMPORAL\");\r\n console.log(\"cookie temporal masivos \" + perfilCookie);\r\n let permitidoCagues = false;\r\n let permitidoAprobacion = false;\r\n if (perfilCookie) {\r\n console.log(\"perfiles\");\r\n console.log(perfiles);\r\n if (perfilCookie.substring(1, 2) == \"1\") {\r\n console.log(\"Perfil habilitado TM\");\r\n setDeshabilitado(false);\r\n } else {\r\n console.log(\"perfil inhabilitado TM\");\r\n }\r\n if (perfilCookie.substring(3, 4) == \"1\") {\r\n console.log(\"Perfil habilitado TM\");\r\n setDeshabilitadoAprobar(false);\r\n } else {\r\n console.log(\"perfil inhabilitado TM\");\r\n }\r\n }\r\n }, []);\r\n\r\n class NavsTransfer extends React.Component {\r\n toggleModal = (state) => {\r\n setNotificationModal(!notificationModal);\r\n };\r\n toggleNavs = (e, state, index) => {\r\n e.preventDefault();\r\n if (index == 1) {\r\n dispatch(cambiaruta(\"Inicio/Transacciones Masivas/Cargue de Archivo\"));\r\n setImagen(icon_ExtractosA);\r\n setColor(\"text-green\");\r\n setImagenAutoriza(icono_Transferencia);\r\n setColorAutoriza(\"text-gray-dark\");\r\n setActiveCargue(true);\r\n setActiveAutoriza(false);\r\n } else if (index == 2) {\r\n dispatch(\r\n cambiaruta(\"Inicio/Transacciones Masivas/Autoriza Transacción\")\r\n );\r\n setImagen(icon_Extractos);\r\n setColor(\"text-gray-dark\");\r\n setImagenAutoriza(icono_TransferenciaA);\r\n setColorAutoriza(\"text-green\");\r\n setActiveAutoriza(true);\r\n setActiveCargue(false);\r\n } else {\r\n setImagen(icon_Extractos);\r\n setColor(\"text-gray-dark\");\r\n setImagenAutoriza(icono_Transferencia);\r\n setColorAutoriza(\"text-gray-dark\");\r\n }\r\n setTabs(index);\r\n };\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n ¿Quieres salir de la transacción?\r\n
\r\n\r\n La información que has ingresado hasta el momento se\r\n borrará.\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n El lote fue rechazado
\r\n\r\n Por algún motivo el proceso no se pudo realizar, por favor\r\n intentelo mas tarde.\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n No hay más registros
\r\nNo es posible cargar más registros
\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n Id de cargue: {bulkCharged} \r\n
\r\n El proceso fue exitoso
\r\n\r\n A continuación el número de cargue realizado\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n Id de cargue: {bulkCharged} \r\n
\r\n El proceso fue exitoso
\r\n\r\n A continuación el número de cargue realizado\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n Descargar \r\n
\r\n \r\n Información Transacciones masivas\r\n
\r\n\r\n Aquí podrás subir un archivo con las transacciones que\r\n quieras realizar, a continuación encontrarás una opción para\r\n descargar la plantilla para la generación de dicho archivo\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Información Transacciones masivas\r\n
\r\n\r\n Con las flechas de izquierda y derecha te podrás mover hacia\r\n atrás y adelante respectivamente.\r\n
\r\n\r\n this.toggleModal(\"notificationModal\")}\r\n >\r\n ×\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Verifica la transferecia con el número que se envió a tu\r\n celular.\r\n
\r\n \r\n\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Valor\r\n \r\n \r\n \r\n Costo\r\n \r\n \r\n \r\n Hacia\r\n \r\n \r\n \r\n Desde\r\n \r\n
\r\n \r\n Tu transferencia a la cuenta {productTwo.numeroCuenta}{\" \"}\r\n {productTwo.accountNumber} fue aprobada.\r\n
\r\n\r\n
7750
\r\n \r\n\r\n
\r\n \r\n {productTwo.ownerAccount}
\r\nBBVA
\r\n\r\n {\" \"}\r\n Ahorros No. {productTwo.numeroCuenta}{\" \"}\r\n {productTwo.accountNumber}\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n Ahorros No. {productOne.accountNumber}\r\n
\r\n\r\n Disponible{\" \"}\r\n
\r\n {\r\n setProcessModal(false);\r\n setTabs(0);\r\n }}\r\n >\r\n {\" \"}\r\n Continuar{\" \"}\r\n \r\n \r\n {({ toPdf }) => (\r\n \r\n \r\n Descargar comprobante\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Cargue de Archivo\r\n \r\n \r\n \r\n \r\n\r\n \r\n {\r\n if (step > 0 || step2 > 0) {\r\n setTabToGo(2);\r\n setActiveAutoriza(true);\r\n setCancelationModal(true);\r\n GetBulks();\r\n } else {\r\n this.toggleNavs(e, \"tabs\", 2);\r\n GetBulks();\r\n }\r\n }}\r\n href=\"#authorizate-transfer\"\r\n role=\"tab\"\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {\r\n if (step > 0 || step2 > 0) {\r\n setTabToGo(1);\r\n setActiveCargue(true);\r\n setCancelationModal(true);\r\n } else {\r\n this.toggleNavs(e, \"tabs\", 1);\r\n }\r\n }}\r\n href=\"#load-file\"\r\n role=\"tab\"\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\" \"}\r\n ¿Qué puedes hacer en transacciones masivas de IDEA?{\" \"}\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Cargue de un Archivo{\" \"}\r\n \r\n con la información perteneciente a las transacciones\r\n que quieres realizar para luego ser aprobadas.\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Autorización de la Transacción\r\n {\" \"}\r\n masiva previamente creada, ademas de la\r\n visualización de sus detalles.\r\n
\r\n\r\n
\r\n \r\n Cargue el archivo
\r\n\r\n {\r\n GetBulkId();\r\n }}\r\n >\r\n {\" \"}\r\n Subir Archivo{\" \"}\r\n \r\n \r\n Debes cargar un archivo\r\n \r\n setIsLoading(!isLoading)}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {({\r\n startDateInputProps,\r\n endDateInputProps,\r\n focus,\r\n }) => (\r\n \r\n
\r\n )}\r\n \r\n \r\n GetBulks(endDate, startDate)}\r\n >\r\n Filtrar\r\n \r\n
\r\n \r\n setInfoModalArrow(true)}\r\n >\r\n \r\n Ayuda\r\n \r\n
\r\n \r\n Transacciones Masivas\r\n
\r\nCargue\r\n
transacciones\r\n
del lote\r\n
creación\r\n
aprobación\r\n
cargue\r\n
\r\n
\r\n ID Lote:\r\n
\r\n \r\n {headerBulk.bulk_id}\r\n
\r\n \r\n \r\n Fecha de Cargue:\r\n \r\n
\r\n \r\n {headerBulk.date}\r\n
\r\n \r\n Estado:\r\n
\r\n \r\n
\r\n \r\n \r\n Cantidad de Transacciones:\r\n \r\n
\r\n \r\n {headerBulk.transaction_quantity}\r\n
\r\n \r\n Valor Lote:\r\n
\r\n \r\n
\r\n \r\n \r\n Tipo de Cargue:\r\n \r\n
\r\n \r\n {headerBulk.bulk_type}\r\n
\r\n \r\n \r\n Usuario Cargue:\r\n \r\n
\r\n \r\n {headerBulk.user_creation}\r\n
\r\n \r\n \r\n Usuario Aprobación:\r\n \r\n
\r\n \r\n {headerBulk.user_approval}\r\n
\r\n \r\n \r\n Usuario Supervisor:\r\n \r\n
\r\n \r\n {headerBulk.user_supervisor}\r\n
\r\n \r\n setInfoModalArrow(true)}\r\n >\r\n \r\n Ayuda\r\n \r\n
\r\n \r\n Transacciones\r\n
\r\n\r\n Operación{\" \"}\r\n
Producto\r\n
\r\n Origen\r\n
\r\n Origen\r\n
Banco
Destino\r\n
\r\n Producto
Destino\r\n
\r\n Destino\r\n
Transacción\r\n
Tercero\r\n
\r\n Identificación\r\n
\r\n Tercero\r\n
\r\n Tercero\r\n
\r\n Chequeo\r\n
\r\n Tercero\r\n
Respuesta\r\n
\r\n \r\n {description} No. {accountNumber}\r\n
\r\n \r\n Deudo
\r\n
\r\n \r\n {newsTemplate}\r\n
\r\n );\r\n }\r\n });\r\n\r\n\r\n var CardAccountContact = createReactClass({\r\n render: function () {\r\n var aliasAccount = this.props.data.aliasAccount,\r\n numeroCuenta = this.props.data.numeroCuenta;\r\n return (\r\n \r\n
;\r\n }\r\n return (\r\n No se encuentran transacciones en el historial.
\r\n\r\n {newsTemplate}\r\n
\r\n );\r\n }\r\n });\r\n\r\n var CardHistoricalTransfer = createReactClass({\r\n render: function () {\r\n var nut = this.props.data.nut,\r\n product_Number = this.props.data.product_Number,\r\n transaction_Value = this.props.data.transaction_Value,\r\n transaction_Status = this.props.data.transaction_Status,\r\n date_Transaction = this.props.data.date_Transaction,\r\n year = this.props.data.date_Transaction.substring(0,3),\r\n month = this.props.data.date_Transaction.substring(5,6),\r\n day = this.props.data.date_Transaction.substring(8,9);\r\n return (\r\n \r\n
\r\n );\r\n }\r\n });\r\n\r\n async function getTypeAccount(type) {\r\n await setTypes(type);\r\n }\r\n\r\n function DivStep({ children }) {\r\n return <>{children}\r\n }\r\n\r\n function Progress(props) {\r\n const styleProgress = { width: ((100/props.list.length)-2) + '%' };\r\n var newsTemplate = props.list.map(function (item, index) {\r\n if (index === props.current) {\r\n return \r\n \r\n
\r\n \r\n
\r\n {date_Transaction} - Utilización de prestamo Santander
\r\nAhorros No. {product_Number}
\r\nNúmero de Transacción {nut}
\r\n
\r\n \r\n {index + 1}\r\n \r\n
;\r\n } else {\r\n return \r\n \r\n {index + 1}\r\n \r\n
;\r\n }\r\n });\r\n return newsTemplate;\r\n }\r\n\r\n function LineStepper(props) {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n function NavigationButtons(props) {\r\n var isFirst = props.step === 0;\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n function DivStepper({ children, ...props }) {\r\n const childrenArray = React.Children.toArray(children);\r\n\r\n const currentChild = childrenArray[props.step];\r\n if (props.step != childrenArray.length - 1) {\r\n return (\r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n async function getProducts() {\r\n const request = await axiosInstance().get(\"/WSGYG39_2/api/Inquiries/Products/Loans\")\r\n .catch(err => {\r\n return 'err';\r\n });\r\n if (request != 'err') {\r\n if(request.data.summaryProduct.product != null){\r\n console.log(request.data.summaryProduct);\r\n setAccounts(request.data.summaryProduct.product.filter(item => !(item.accountType === '6')));\r\n }\r\n }\r\n return request;\r\n }\r\n getProducts();\r\n }, []);\r\n\r\n async function getRelatedAccounts() {\r\n await setStep(s => s + 1);\r\n const request = await axiosInstance().get(\"/WSGYG39_2/api/Consultas/AssociatedAccounts\")\r\n .catch(err => {\r\n return 'err';\r\n });\r\n if (request != 'err') {\r\n console.log(request.data);\r\n setRelatedAccounts(request.data.relatedAccounts.filter(item => (item.status === null)));\r\n }\r\n\r\n const request2 = await axiosInstance().get(\"/WSGYG39_2/api/Inquiries/Products/Accounts\")\r\n .catch(err => {\r\n return 'err';\r\n });\r\n if (request2 != 'err') {\r\n console.log(request2.data);\r\n setAccountsToTransfer(request2.data.summaryProduct.product)\r\n }\r\n setValueNumberInstallments(AuxValueNumberInstallments);\r\n return request;\r\n }\r\n\r\n async function getHistoricalTransfer() {\r\n setIsLoadingHistorical(true);\r\n const request = await axiosInstance().get(\"/WSGYG39_2/api/Inquiries/Transactions/Use\")\r\n .catch(err => {\r\n setIsLoadingHistorical(false);\r\n return 'err';\r\n });\r\n if (request != 'err') {\r\n setIsLoadingHistorical(false);\r\n console.log(request.data);\r\n setHistoricalTransfer(request.data);\r\n }\r\n return request;\r\n }\r\n\r\n //Value and NumberInstallments\r\n var AuxValueNumberInstallments = {\r\n value: '',\r\n NumberInstallments: '001'\r\n }\r\n const valueChange = event => {\r\n //event.preventDefault();\r\n //let val = event.target.value;\r\n //setValue(val.replace(/\\D/g, \"\").replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\"));\r\n AuxValueNumberInstallments.value = event.target.value.replace(/\\D/g, \"\").replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n }\r\n\r\n const NumberInstallmentsChange = event => {\r\n //event.preventDefault();\r\n //let val = event.target.value;\r\n //setValue(val.replace(/\\D/g, \"\").replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\"));\r\n AuxValueNumberInstallments.NumberInstallments = event.target.value;\r\n }\r\n\r\n const ProductTwoChange = event => {\r\n auxBuildProductTwo.accountNumber = event.target.value;\r\n }\r\n\r\n const NIDChange = event => {\r\n auxBuildProductTwo.nid = event.target.value;\r\n }\r\n\r\n const TIDChange = event => {\r\n auxBuildProductTwo.tid = event.target.value;\r\n }\r\n\r\n async function BuildAccount() {\r\n await setProductTwo(auxBuildProductTwo);\r\n setStep2(s => s + 1)\r\n }\r\n const ejecutasalir=()=>{\r\n setCancelationModal(false);\r\n }\r\n const transfer = async event => {\r\n setNotificationModal(false);\r\n var today = new Date();\r\n var dd = today.getDate();\r\n var mm = today.getMonth() + 1;\r\n var yyyy = today.getFullYear();\r\n if (dd < 10) {\r\n dd = '0' + dd;\r\n }\r\n if (mm < 10) {\r\n mm = '0' + mm;\r\n }\r\n today = yyyy + '' + mm + '' + dd;\r\n var system = (productTwo.tipoCuenta === 1) ? '20' : (productTwo.tipoCuenta === 2) ? '30' : '20';\r\n\r\n const consulta = {\r\n AccountNumber: productOne.accountNumber,\r\n Parameters: [\r\n productOne.accountNumber,\r\n productOne.system,\r\n ((productTwo.numeroCuenta === undefined) ? productTwo.accountNumber : productTwo.numeroCuenta),\r\n system,\r\n (productTwo.sequence === undefined) ? \"\" : productTwo.sequence,\r\n \"NN090D\",\r\n productOne.accountNumber,\r\n ((productTwo.numeroCuenta === undefined) ? productTwo.accountNumber : productTwo.numeroCuenta),\r\n today,\r\n \"\" + parseFloat(valueNumberInstallments.value.replace(/,/g, '')) * 100,\r\n valueNumberInstallments.NumberInstallments\r\n ]\r\n }\r\n\r\n const request = await axiosInstance().post(\"/WSGYG39_2/api/transaction/Transfer/Use\", consulta)\r\n .catch(err => {\r\n return 'err';\r\n });\r\n if (request != 'err') {\r\n setProcessModal(true);\r\n setTabs(0);\r\n setStep(0);\r\n setStep2(0);\r\n } else {\r\n setErrorModal(true);\r\n setTabs(0);\r\n setStep(0);\r\n setStep2(0);\r\n }\r\n }\r\n\r\n class NavsTransfer extends React.Component {\r\n\r\n toggleModal = state => {\r\n setNotificationModal(!notificationModal);\r\n };\r\n toggleNavs = (e, state, index) => {\r\n e.preventDefault();\r\n setTabs(index);\r\n };\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n ¿Quieres salir de la transacción?
\r\nLa información que has ingresado hasta el momento se borrará.
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n La transacción no se pudo realizar
\r\nPor algún motivo la transaccion no se pudo realizar intentelo más tarde.
\r\n\r\n this.toggleModal(\"notificationModal\")}\r\n >\r\n ×\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Verifica la utilización con el número que se envió a tu celular.
\r\n \r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Tu transferencia a la cuenta {productTwo.numeroCuenta} {productTwo.accountNumber} fue aprobada.
\r\n- \r\n
- \r\n
Valor
\r\n
\r\n \r\n - \r\n
Costo
\r\n7750
\r\n \r\n - \r\n
Hacia
\r\n\r\n\r\n{productTwo.ownerAccount}
\r\nSantander
\r\nAhorros No. {productTwo.numeroCuenta} {productTwo.accountNumber}
\r\n \r\n - \r\n
Desde
\r\n\r\n\r\nAhorros No. {productOne.accountNumber}
\r\nDisponible
\r\n \r\n
\r\n \r\n \r\n {({ toPdf }) => (\r\n \r\n )}\r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n { if (step > 0 || step2 > 0) { setTabToGo(1); setCancelationModal(true); } else { this.toggleNavs(e, \"tabs\", 1); }; }}\r\n href=\"#myAccounts\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n\r\n\r\n \r\n { if (step > 0 || step2 > 0) { setTabToGo(3); setCancelationModal(true); getHistoricalTransfer();} else { this.toggleNavs(e, \"tabs\", 3); getHistoricalTransfer();}; }}\r\n href=\"#historical\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n ![]({require(\"../../assets/img/illustrations/to-registered-contact.svg\").default})
\r\n
\r\n \r\n \r\n A mis cuentas\r\n
\r\n\r\n ![]({require(\"../../assets/img/illustrations/see-transfers-made.svg\").default})
\r\n
\r\n \r\n \r\n Ver Utilizaciones\r\n
\r\n\r\n
\r\n ¿Qué puedes hacer en Utilizaciones de Santander?
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Realiza una utilización a una cuenta sin inscribir que pertenezcan al banco Santander.\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Consulta las utilizaciones realizadas y descarga los comprobantes.\r\n
\r\n\r\n
\r\n Elige el préstamo
\r\n\r\n
\r\n Ingresa los datos de la Utilización
\r\n\r\n \r\n
\r\n \r\n
\r\n Tus Cuentas
\r\n\r\n
\r\n Vas a transferir
\r\n\r\n
\r\n \r\n - \r\n
- \r\n
Valor
\r\n
\r\n \r\n - \r\n
Costo
\r\n7750
\r\n \r\n - \r\n
Hacia
\r\n\r\n\r\n{productTwo.ownerAccount}
\r\nSantander
\r\nAhorros No. {productTwo.numeroCuenta} {productTwo.accountNumber}
\r\n \r\n - \r\n
Desde
\r\n\r\n\r\nAhorros No. {productOne.accountNumber}
\r\nDisponible
\r\n \r\n
\r\n
\r\n Elige la cuenta de origen
\r\n\r\n
\r\n Ingrese el valor a transferir
\r\n\r\n \r\n
\r\n \r\n
\r\n Ingresa los datos de la cuenta
\r\n getTypeAccount(1)}>\r\n Cuenta de Ahorros\r\n
\r\n getTypeAccount(2)}>\r\n Cuenta Corriente\r\n
\r\n \r\n
\r\n Vas a transferir
\r\n\r\n
\r\n \r\n - \r\n
- \r\n
Valor
\r\n
\r\n \r\n - \r\n
Costo
\r\n7750
\r\n \r\n - \r\n
Hacia
\r\n\r\n\r\n{productTwo.ownerAccount}
\r\nSantander
\r\nAhorros No. {productTwo.accountNumber}
\r\n \r\n - \r\n
Desde
\r\n\r\n\r\nAhorros No. {productOne.accountNumber}
\r\nDisponible
\r\n \r\n
\r\n
\r\n \r\n \r\n {props.label}\r\n
\r\n \r\n ![\"check-copy\"]({require(\"../../assets/img/bank/check.svg\").default})
\r\n {props.label}\r\n
\r\n \r\n {props.label}\r\n \r\n \r\n {props.label}\r\n
\r\n \r\n
\r\n \r\n );\r\n };\r\n\r\n function DivStepper({ children, ...props }) {\r\n const childrenArray = React.Children.toArray(children);\r\n\r\n const currentChild = childrenArray[props.step];\r\n if (props.step != childrenArray.length - 1) {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n - \r\n {newsTemplate}\r\n
\r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n }\r\n\r\n function NavigationButtons(props) {\r\n if (props.isOnlyOneStep) {\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n } else {\r\n var isFirst = props.step === 0;\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n };\r\n\r\n \r\n\r\n // File\r\n async function ShowFile() {\r\n if (window.File && window.FileReader && window.FileList && window.Blob) {\r\n let baseURL = \"\";\r\n var file = document.querySelector('input[type=file]').files[0];\r\n setNameFile(file.name);\r\n\r\n var reader = new FileReader()\r\n\r\n reader.readAsDataURL(file);\r\n setIsCharging(false)\r\n var textFile = /text.*/;\r\n if (file.type.match(textFile)) {\r\n reader.onload = function (event) {\r\n baseURL = reader.result;\r\n setContentFile(baseURL);\r\n }\r\n } else {\r\n // error diferente .text\r\n }\r\n\r\n } else {\r\n // error el navegador no maneja archivos\r\n }\r\n }\r\n\r\n \r\n\r\n // subir archivo\r\n async function UploadFile() {\r\n var file = document.querySelector('input[type=file]').files[0];\r\n if(contentFile != empty){\r\n setIsLoading(true);\r\n setIsCharging(false);\r\n //setBulkCharged(bulkId.bulk_id)\r\n var request = {\r\n bulk_id: \"ARCHC49\",\r\n data: contentFile\r\n };\r\n console.log(\"cargue\" + request)\r\n const response = await axiosInstance().post(\"/WSGYG39_2/api/transaction/bulk/file\", request)\r\n .catch(err => {\r\n setErrorModal(true);\r\n setNameFile(\"Selecciona el archivo\")\r\n setIsLoading(false);\r\n return 'err';\r\n });\r\n if (response != 'err') {\r\n //GetBulkId();\r\n setIsLoading(false);\r\n setNameFile(\"Selecciona el archivo\");\r\n setContentFile(empty);\r\n setIsCharging(false);\r\n setSuccessModal(true);\r\n }\r\n }else{\r\n setIsCharging(true)\r\n }\r\n }\r\n\r\n\r\n \r\n \r\n\r\n function getDateString(d) {\r\n var dd = d.getDate();\r\n var mm = d.getMonth() + 1;\r\n var yyyy = d.getFullYear();\r\n if (dd < 10) {\r\n dd = '0' + dd;\r\n }\r\n if (mm < 10) {\r\n mm = '0' + mm;\r\n }\r\n return yyyy +''+ mm +''+ dd\r\n }\r\n\r\n \r\n \r\n const ejecutasalir=()=>{\r\n setInfoModal(false);\r\n }\r\n const ejecutasalirSuccessModal=()=>{\r\n setSuccessModal(false);\r\n }\r\n const ejecutasalirCancelacion=()=>{\r\n setCancelationModal(false);\r\n }\r\n const ejecutasalirModalArrow=()=>{\r\n setInfoModalArrow(false);\r\n }\r\n const ejecutasalirErrorModal=()=>{\r\n setErrorModal(false);\r\n }\r\n\r\n class NavsTransfer extends React.Component {\r\n toggleModal = state => {\r\n setNotificationModal(!notificationModal);\r\n };\r\n toggleNavs = (e, state, index) => {\r\n e.preventDefault();\r\n setTabs(index);\r\n };\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n { \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n ¿Quieres salir de la transacción?
\r\nLa información que has ingresado hasta el momento se borrará.
\r\n\r\n
\r\n }\r\n {/* \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Error en cargue
\r\nPor algun motivo el proceso no se pudo realizar, por favor intentelo mas tarde.
\r\n\r\n
\r\n */}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n No hay más registros
\r\nNo es posible cargar más registros
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n ![\"delete-icon\"]({require(\"../../assets/img/illustrations/success-transaction.svg\").default})
\r\n
\r\n \r\n \r\n Id de cargue: {bulkCharged} */}\r\n
\r\n El proceso de Cargue Masivos de Contactos fue Exitoso
\r\n {/*A continuación el número de cargue realizado
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Descargar \r\n
\r\n {/* Información cargue masivo contactos
\r\nAquí podras subir un archivo con las cuentas que quieres asociar. A continuación podrás descargar el archivo.
\r\n\r\n \r\n \r\n Ayuda\r\n \r\n
*/}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {/* Información Transacciones masivas
\r\nCon las flechas de izquierda y derecha te podrás mover hacia atrás y adelante respectivamente.
\r\n\r\n \r\n \r\n Ayuda\r\n \r\n
*/}\r\n \r\n this.toggleModal(\"notificationModal\")}\r\n >\r\n ×\r\n \r\n
\r\n \r\n \r\n {/* \r\n
\r\n */}\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Tu transferencia a la cuenta {productTwo.numeroCuenta} {productTwo.accountNumber} fue aprobada.
\r\n- \r\n
- \r\n
Valor
\r\n
\r\n \r\n - \r\n
Costo
\r\n7750
\r\n \r\n - \r\n
Hacia
\r\n\r\n\r\n{productTwo.ownerAccount}
\r\nBBVA
\r\nAhorros No. {productTwo.numeroCuenta} {productTwo.accountNumber}
\r\n \r\n - \r\n
Desde
\r\n\r\n\r\nAhorros No. {productOne.accountNumber}
\r\nDisponible
\r\n \r\n
\r\n \r\n \r\n {({ toPdf }) => (\r\n \r\n )}\r\n \r\n\r\n
\r\n \r\n
\r\n ¿Qué puedes hacer en transacciones masivas de Santander?
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Cargue de un Archivo con la información perteneciente a las transacciones que quieres realizar para luego ser aprobadas.\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Autorización de la Transacción masiva previamente creada, ademas de la visualización de sus detalles.\r\n
\r\n\r\n
\r\n \r\n Cargue el archivo
\r\n\r\n \r\n Debes cargar un archivo \r\n setIsLoading(!isLoading)}\r\n >\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n GetBulks1(endDate, startDate,\"0\")} role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\" class=\"btn-icon-only text-primary btn btn- btn-sm\">\r\n \r\n \r\n GetBulks1(endDate, startDate,\"1\")} role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\" class=\"btn-icon-only text-primary btn btn- btn-sm\">\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n Transacciones Masivas
\r\n| Id | \r\nFecha de Cargue | \r\n Estado | \r\nCantidad de transacciones | \r\n Valor del lote | \r\n Usuario de creación | \r\n Usuario de aprobación | \r\n Tipo de cargue | \r\n |
|---|---|---|---|---|---|---|---|---|
| \r\n GetBulk(item)} role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\" class=\"btn-icon-only text-primary btn btn- btn-sm mr-2 p-0\">\r\n {item.bulk_id}\r\n \r\n | \r\n{item.date} | \r\n\r\n | \r\n {item.transaction_quantity} | \r\n{item.user_creation} | \r\n{item.user_approval} | \r\n{item.bulk_type} | \r\n\r\n {/* GetBulk(item)} role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\" class=\"btn-icon-only text-primary btn btn- btn-sm\">\r\n \r\n */}\r\n {/* | \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n ID Lote:
\r\n {headerBulk.bulk_id}
\r\n Fecha de Cargue:
\r\n {headerBulk.date}
\r\n Estado:
\r\n \r\n
\r\n Cantidad de Transacciones:
\r\n {headerBulk.transaction_quantity}
\r\n Valor Lote:
\r\n Tipo de Cargue:
\r\n {headerBulk.bulk_type}
\r\n Usuario Cargue:
\r\n {headerBulk.user_creation}
\r\n Usuario Aprobación:
\r\n {headerBulk.user_approval}
\r\n \r\n GetBulkPosition(\"0\")} role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\" class=\"btn-icon-only text-primary btn btn- btn-sm\">\r\n \r\n \r\n GetBulkPosition(\"1\")} role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\" class=\"btn-icon-only text-primary btn btn- btn-sm\">\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n Transacciones
\r\n| Tipo Operación | \r\n Tipo Producto Origen | \r\n Producto Origen | \r\n Codigo Banco Destino | \r\n Tipo Producto Destino | \r\n Producto Destino | \r\n Valor | \r\nReferencia 1 | \r\n Referencia 1 | \r\n Nombre Tercero | \r\n Tipo Identificación Tercero | \r\n Identificación Tercero | \r\n Digito Chuequeo Tercero | \r\n NUT | \r\nEstado | \r\nDetalle Respuesta | \r\n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| {item.operation_Type} | \r\n{item.source_Product_Type} | \r\n{item.source_Product_Id} | \r\n{item.bank_Id} | \r\n{item.destination_Product_Type} | \r\n{item.destination_Product_Id} | \r\n{item.reference_1} | \r\n{item.reference_2} | \r\n{item.tp_Name} | \r\n{item.tp_Id_Type} | \r\n{item.tp_Id} | \r\n{item.tp_checksum} | \r\n{item.nut} | \r\n{item.status_Code} | \r\n{item.status_Detail} | \r\n
\r\n deleteAlert(item)}\r\n >\r\n ×\r\n \r\n \r\n \r\n {\" \"}\r\n {item.description}\r\n
\r\n );\r\n });\r\n }\r\n return {newsTemplate}
;\r\n },\r\n });\r\n \r\n const AddRelatedAccountModifi = async (event) => {\r\n console.log(\"cuenta \" + account)\r\n auxBuildAccount.accountType = types;\r\n await setAccount(auxBuildAccount);\r\n console.log(\"es es el auxbuildcontact \"+auxBuildAccount)\r\n console.log(auxNid +\" - \" + auxName + \" - \"+ auxBank + \" - \"+ auxCity + \" - \"+ auxNumeroCuenta + \" - \"+ auxAlias+ \" - \"+ types+\" - \" + typesDocument)\r\n const relatedAccount = {\r\n TipoCuenta: types,\r\n NumeroCuenta: auxNumeroCuenta,\r\n BankCode: auxBank,\r\n City: auxCity,\r\n TypeID: typesDocument,\r\n ID: auxNid,\r\n OwnerAccount:auxName,\r\n AliasAccount: auxAlias,\r\n Sequence:props.contact.sequence,\r\n IndicatorAction: \"EDITAR\"\r\n };\r\n console.log(\"este es el RelatedAccount\");\r\n console.log(relatedAccount);\r\n console.log(\"tipo de documento\");\r\n console.log(typesDocument);\r\n setIsLoading(true);\r\n const request = await axiosInstance().post(\"/WSGYG39_2/api/Consultas/CreateRelatedAccounts\", relatedAccount)\r\n .catch((err) => {\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n });\r\n if (request != \"err\") {\r\n //setResultModal(true);\r\n console.log(request.data);\r\n setIsLoading(false);\r\n setexitoModif(true);\r\n }\r\n };\r\n const enviacancelacionM=()=>{\r\n console.log(\"envia cancela modificacion\");\r\n props.cancelaMC();\r\n }\r\n const terminaModifContact=()=>{\r\n console.log(\"termina modifica\")\r\n setexitoModif(false);\r\n props.cancelaMC();\r\n GetRelatedAccount();\r\n }\r\nswitch(indicadoretapa){\r\ncase 0:\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\" \"}\r\n Ingresa los datos de tu Contacto{\" \"}\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n getTypeAccount(\"1\")}\r\n >\r\n Cuenta de Ahorros\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {/* */}\r\n
\r\n \r\n
\r\n \r\n {\" \"}\r\n Ingresa los datos de la Cuenta{\" \"}\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n {baseBanco?.banco?.map((banco) => {\r\n return \r\n })}\r\n {/* \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n */}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Proceso exitoso
\r\n\r\n El contacto {auxName} fue modificado con éxito. \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n)\r\nbreak;\r\n \r\n}\r\n \r\n}\r\n \r\n\r\n \r\n\r\nexport default ModificaContacto","/*!\r\n\r\n=========================================================\r\n* Argon Dashboard React - v1.2.0\r\n=========================================================\r\n\r\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\r\n* Copyright 2021 Creative Tim (https://www.creative-tim.com)\r\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\r\n\r\n* Coded by Creative Tim\r\n\r\n=========================================================\r\n\r\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\r\n\r\n*/\r\nimport React, { useState, useEffect,useRef } from \"react\";\r\nimport { NavLink as NavLinkRRD, Link } from \"react-router-dom\";\r\nimport classnames from \"classnames\";\r\nimport NumberFormat from \"react-number-format\";\r\nimport axiosInstance from \"./../../helpers/axiosInstance\";\r\nimport Skeleton from \"react-loading-skeleton\";\r\nimport Slicer from \"react-slicer\";\r\nimport \"react-slicer/build/react-slicer.css\";\r\nimport IconTid from '../../assets/img/icons/Icono-Tipo-de-documento-Gris.png'\r\nimport iconoInscripA from \"../../assets/img/icons/Icono-Inscribir-Contacto-Verde.png\"\r\nimport iconoInscrip from \"../../assets/img/icons/Icono-Inscribir-Contacto-Gris.png\"\r\nimport iconoContactInscripA from \"../../assets/img/icons/Icono-Contactos-Inscritos-Verde.png\"\r\nimport iconoContactInscrip from \"../../assets/img/icons/Icono-Contactos-Inscritos-Gris.png\"\r\nimport iconoMasiveA from \"../../assets/img/icons/Icono-Contactos-Inscritos-Verde.png\"\r\nimport iconoMasive from \"../../assets/img/icons/Icono-Contactos-Inscritos-Gris.png\"\r\nimport MassiveContactCharge from \"./MassiveContactCharge.js\"\r\nimport ModificarContacto from \"./ModificaContacto\";\r\nimport exitoCreacion from '../../assets/img/illustrations/add-contact-success.svg';\r\n\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n NavLink,\r\n CardBody,\r\n Container,\r\n Row,\r\n Col,\r\n Nav,\r\n Modal,\r\n NavItem,\r\n TabPane,\r\n TabContent,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Input,\r\n} from \"reactstrap\";\r\nimport {useDispatch} from \"react-redux\";\r\nimport {cambiaruta,cambiasidebar,desactivasidebar} from \"../../Slicersreducers\";\r\n\r\nfunction Contacts(props) {\r\n const listStep = [\r\n { title: \"Contacto\" },\r\n { title: \"Cuenta\" },\r\n { title: \"Verificación\" },\r\n ];\r\n\r\n const [tabToGo, setTabToGo] = useState(0);\r\n\r\n const [tabs, setTabs] = useState(0);\r\n const [typesDocument, setTypesDocument] = useState(\"1\");\r\n const [types, setTypes] = useState(\"1\");\r\n\r\n const [cancelationModal, setCancelationModal] = useState(false);\r\n const [cancelationEliminaModal, setCancelationEliminaModal] = useState(false);\r\n const [resultModal, setResultModal] = useState(false);\r\n const [contactoEliminar, setContactoEliminar] = useState();\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [listAlert, setListAlert] = useState([]);\r\n \r\n const [step, setStep] = useState(0);\r\n const [color,setColor] = useState(\"text-gray-dark\");\r\n const [iconInscrip,setIconInscrip] = useState(iconoInscrip);\r\n const [colorContact,setColorContact] = useState(\"text-gray-dark\");\r\n const [iconContactInscrip,setIconContactInscrip] = useState(iconoContactInscrip);\r\n const [colorMasive,setColorMasive] = useState(\"text-gray-dark\");\r\n const [iconMasiveContact,setIconMasiveContact] = useState(iconoMasive);\r\n const [stepLine, setStepLine] = useState(0);\r\n const [activeInsCont,setActiveInsCont] = useState(false);\r\n const [activeContInscritos,setActiveContInscritos] = useState(false);\r\n const [exitoElimina,setExitoElimina]=useState(false);\r\n const [baseBanco,setBaseBanco] = useState([]);\r\n const [relatedAccounts, setRelatedAccounts] = useState([]);\r\n const [contact, setContact] = useState({});\r\n const [account, setAccount] = useState({});\r\n\r\n const [isLoadingContacts, setIsLoadingContacts] = useState(true);\r\n const dispatch=useDispatch();\r\n\r\n var createReactClass = require(\"create-react-class\");\r\n const [tidelec,settidelec]=useState([false,false,false,false,false,false,false]);\r\n \r\n //const [auxNid, setAuxNid] = useState(this.props.data.id);\r\n const [infContModif,setinfContModif]=useState({\r\n aliasAccount: \"\",\r\n bankCode: \"\",\r\n city: \"\",\r\n id: \"\",\r\n indicatorAction: \"\",\r\n numeroCuenta: \"\",\r\n ownerAccount: \"\",\r\n sequence: \"\",\r\n status: \"\",\r\n tipoCuenta: \"\",\r\n typeID: \"\"\r\n });\r\n const refNid=useRef(null);\r\n\r\n //Build Contact\r\n var auxBuildContact = {\r\n tid: \"\",\r\n nid: \"\",\r\n name: \"\",\r\n };\r\n const NIDChange = (event) => {\r\n //infContModif.id = event.target.value;\r\n //event.preventDefault();\r\n auxBuildContact.nid = event.target.value;\r\n //setAuxNid(event.target.value);\r\n //refNid.current.value = \"444\"\r\n //refNid.current.focus();\r\n };\r\n\r\n const NameChange = (event) => {\r\n auxBuildContact.name = event.target.value;\r\n };\r\n\r\n async function BuildContact() {\r\n auxBuildContact.tid = typesDocument;\r\n await setContact(auxBuildContact);\r\n console.log(auxBuildContact)\r\n setStep((s) => s + 1);\r\n }\r\n const terminaEliminaContact=()=>{\r\n console.log(\"termina modifica\")\r\n setExitoElimina(false);\r\n eliminaCont();\r\n }\r\n\r\n // Build Account\r\n var auxBuildAccount = {\r\n accountType: \"\",\r\n accountNumber: \"\",\r\n bank: \"1\",\r\n city: \"5001\",\r\n nickname: \"\",\r\n };\r\n\r\n const AccountNumberChange = (event) => {\r\n auxBuildAccount.accountNumber = event.target.value;\r\n };\r\n\r\n const BankChange = (event) => {\r\n auxBuildAccount.bank = event.target.value;\r\n };\r\n\r\n const CityChange = (event) => {\r\n auxBuildAccount.city = event.target.value;\r\n };\r\n\r\n const NicknameChange = (event) => {\r\n auxBuildAccount.nickname = event.target.value;\r\n };\r\n\r\n async function BuildAccount() {\r\n auxBuildAccount.accountType = types;\r\n await setAccount(auxBuildAccount);\r\n console.log(auxBuildAccount)\r\n setStep((s) => s + 1);\r\n \r\n }\r\n const handleSubmit = async(e) => {\r\n e.preventDefault();\r\n BuildContact()\r\n };\r\n const handleSubmit2 = async(e) => {\r\n e.preventDefault();\r\n BuildAccount()\r\n };\r\n\r\n //Add Related Account\r\n const AddRelatedAccount = async (event) => {\r\n const relatedAccount = {\r\n TipoCuenta: account.accountType,\r\n NumeroCuenta: account.accountNumber,\r\n BankCode: account.bank.split(\"_\")[0],\r\n City: account.city.split(\"_\")[0],\r\n TypeID: contact.tid,\r\n ID: contact.nid,\r\n OwnerAccount: contact.name,\r\n AliasAccount: account.nickname,\r\n IndicatorAction: \"CREAR\",\r\n };\r\n console.log(relatedAccount);\r\n\r\n const request = await axiosInstance().post(\"/WSGYG39_2/api/Consultas/CreateRelatedAccounts\", relatedAccount)\r\n .catch((err) => {\r\n \r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n return 'err';\r\n });\r\n if (request != \"err\") {\r\n setResultModal(true);\r\n console.log(request.data);\r\n }\r\n };\r\n\r\n //Get Related Accounts\r\n const GetRelatedAccount = async (event) => {\r\n setIsLoadingContacts(true);\r\n const request = await axiosInstance()\r\n .get(\"/WSGYG39_2/api/Consultas/AssociatedAccounts\")\r\n .catch((err) => {\r\n setIsLoadingContacts(false);\r\n return \"err\";\r\n });\r\n if (request != \"err\") {\r\n setIsLoadingContacts(false);\r\n console.log(request.data);\r\n setRelatedAccounts(request.data.relatedAccounts);\r\n }\r\n };\r\n\r\n //Navigation Buttons\r\n async function goBack(tab, isFirst) {\r\n if (!isFirst) {\r\n await setStep((s) => s - 1);\r\n } else {\r\n setCancelationModal(true);\r\n await setTabToGo(0);\r\n }\r\n }\r\n\r\n // //TypeDocument\r\n // async function getTypeDocument(type) {\r\n // //auxBuildAccount.accountType = type;\r\n // await setTypesDocument(type);\r\n // }\r\n\r\n function getTypeDocument(event) {\r\n //auxBuildAccount.accountType = type;\r\n //setNewUser({...newUser, TidUser: type});\r\n setTypesDocument(event.target.value);\r\n console.log(event.target.value);\r\n switch(event.target.value){\r\n case \"1\":\r\n settidelec([true,false,false,false,false,false,false]);\r\n\r\n break;\r\n case \"2\":\r\n settidelec([false,true,false,false,false,false,false]);\r\n\r\n break;\r\n case \"3\":\r\n settidelec([false,false,true,false,false,false,false]);\r\n\r\n break;\r\n case \"5\":\r\n settidelec([false,false,false,true,false,false,false]);\r\n\r\n break;\r\n case \"6\":\r\n settidelec([false,false,false,false,true,false,false]);\r\n\r\n break;\r\n case \"8\":\r\n settidelec([false,false,false,false,false,true,false]);\r\n\r\n break;\r\n case \"9\":\r\n settidelec([false,false,false,false,false,false,true]);\r\n break;\r\n\r\n }\r\n }\r\n\r\n //Type Account\r\n async function getTypeAccount(type) {\r\n //auxBuildAccount.accountType = type;\r\n await setTypes(type);\r\n }\r\n\r\n // Stepper\r\n function DivStep({ children }) {\r\n return <>{children};\r\n }\r\n\r\n function Progress(props) {\r\n const styleProgress = { width: 100 / props.list.length - 2 + \"%\" };\r\n var newsTemplate = props.list.map(function (item, index) {\r\n if (index === props.current) {\r\n return (\r\n \r\n ![]({require(\"../../assets/img/icons/Loader-01.gif\").default})
\r\n
\r\n \r\n \r\n \r\n \r\n {index + 1}\r\n \r\n
\r\n );\r\n }\r\n });\r\n return newsTemplate;\r\n }\r\n\r\n function LineStepper(props) {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n );\r\n }\r\n const [maxstepcreaCont,setmaxstepcreaCont]=useState(0);\r\n const controlesCreaCont=(etapa,sentido)=>{\r\n console.log(\"etapa \" + etapa + \" sentido \" + sentido);\r\n console.log(maxstepcreaCont)\r\n if(sentido==1){\r\n if(etapa+1 <= maxstepcreaCont && etapa>0){\r\n if(etapa<2){\r\n setStep((s) => s + 1);\r\n }else{\r\n if(etapa+2 <= maxstepcreaCont){\r\n setStep((s) => s + 2);\r\n }\r\n }\r\n }\r\n }else{\r\n if(etapa-1 >=0){\r\n if(etapa<3){\r\n setStep((s) => s - 1);\r\n }else{\r\n setStep((s) => s - 2);\r\n }\r\n }\r\n }\r\n }\r\n const infContCancel = () => {\r\n setTabs(2)\r\n GetRelatedAccount();\r\n }\r\n const eliminaCont = () => {\r\n setTabs(2)\r\n }\r\n\r\n const enviacancelacionM=()=>{\r\n console.log(\"envia cancela modificacion\");\r\n \r\n setTabs(0);\r\n }\r\n\r\n \r\n function NavigationButtons(props) {\r\n var isFirst=true;\r\n if(props.step > 0){\r\n isFirst=false;}\r\n var isEnd = props.step === props.listStep.length - 1;\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n function DivStepper({ children, ...props }) {\r\n const childrenArray = React.Children.toArray(children);\r\n\r\n const currentChild = childrenArray[props.step];\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {currentChild}\r\n
\r\n );\r\n }\r\n const modificaContacto=(contacto)=>{\r\n //refNid.current.value = contacto.id;\r\n \r\n switch(contacto.typeID){\r\n case \"1\":\r\n settidelec([true,false,false,false,false,false,false]);\r\n\r\n break;\r\n case \"2\":\r\n settidelec([false,true,false,false,false,false,false]);\r\n\r\n break;\r\n case \"3\":\r\n settidelec([false,false,true,false,false,false,false]);\r\n\r\n break;\r\n case \"5\":\r\n settidelec([false,false,false,true,false,false,false]);\r\n\r\n break;\r\n case \"6\":\r\n settidelec([false,false,false,false,true,false,false]);\r\n\r\n break;\r\n case \"8\":\r\n settidelec([false,false,false,false,false,true,false]);\r\n\r\n break;\r\n case \"9\":\r\n settidelec([false,false,false,false,false,false,true]);\r\n break;\r\n\r\n }\r\n setinfContModif(contacto)\r\n console.log(contacto)\r\n setTabs(4);\r\n dispatch(cambiaruta(\"Inicio/Contactos/Contactos Inscritos\"))\r\n }\r\n const ejecutasalirEliminaModal=()=>{\r\n setExitoElimina(false);\r\n }\r\n const ejecutasalirCancelationEliminaModal=()=>{\r\n setCancelationEliminaModal(false);\r\n }\r\n const eliminaContacto=async()=>{\r\n let contacto = contactoEliminar;\r\n console.log(account)\r\n auxBuildAccount.accountType = types;\r\n await setAccount(auxBuildAccount);\r\n console.log(auxBuildAccount)\r\n const relatedAccount = {\r\n TipoCuenta: contacto.accountType,\r\n NumeroCuenta: contacto.accountNumber,\r\n BankCode: contacto.bank,\r\n City: contacto.city,\r\n TypeID: contacto.tid,\r\n ID: contacto.nid,\r\n Sequence:contacto.sequence,\r\n OwnerAccount: contacto.name,\r\n AliasAccount: contacto.nickname,\r\n IndicatorAction: \"ELIMINAR\"\r\n };\r\n console.log(relatedAccount);\r\n setIsLoading(true);\r\n const request = await axiosInstance().post(\"/WSGYG39_2/api/Consultas/CreateRelatedAccounts\", relatedAccount)\r\n .catch((err) => {\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n })));\r\n });\r\n if (request != \"err\") {\r\n //setResultModal(true);\r\n console.log(\"Eliminación Correcta\");\r\n setIsLoading(false);\r\n setExitoElimina(true);\r\n GetRelatedAccount();\r\n }\r\n }\r\n //Paint Realted Accounts\r\n const GetInitial = (props) => {\r\n if (props.contact !== null) {\r\n var initial = props.contact.substr(0, 1);\r\n return (\r\n \r\n {initial}\r\n
\r\n );\r\n } else return \"\";\r\n };\r\n\r\n var RelatedAccount = createReactClass({\r\n render: function () {\r\n var ownerAccount = this.props.data.ownerAccount,\r\n aliasAccount = this.props.data.aliasAccount;\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
{aliasAccount}\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n {aliasAccount}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n deleteAlert(item)}\r\n >\r\n ×\r\n \r\n \r\n \r\n {\" \"}\r\n {item.description}\r\n
\r\n );\r\n });\r\n }\r\n return {newsTemplate}
;\r\n },\r\n });\r\n\r\n var RelatedAccounts = createReactClass({\r\n render: function () {\r\n var data = this.props.data;\r\n var newsTemplate;\r\n\r\n if (data.length > 0) {\r\n newsTemplate = data.map(function (item, index) {\r\n return (\r\n \r\n
;\r\n }\r\n return No cuentas con Cuentas Asociadas
\r\n{newsTemplate}
;\r\n },\r\n });\r\n const ejecutasalir=()=>{\r\n setCancelationModal(false);\r\n }\r\n \r\n const fetchJson = () => {\r\n fetch('../baseBancos.json')\r\n .then(response => {\r\n console.log(response)\r\n return response.json();\r\n }).then(data=> {\r\n console.log(data);\r\n setBaseBanco(data);\r\n }).catch((e) => {\r\n console.log(\"fetch\" + e.message);\r\n });\r\n }\r\n //Use effect\r\n useEffect(() => {\r\n dispatch(cambiaruta(\"Inicio/Contactos\"));\r\n dispatch(cambiasidebar(false));\r\n dispatch(desactivasidebar([false,false]))\r\n fetchJson();\r\n }, []);\r\n \r\n const cancelarMasivo = () => {\r\n setTabs(0)\r\n setColorMasive(\"text-gray-dark\")\r\n setIconMasiveContact(iconoContactInscrip)\r\n \r\n }\r\n\r\n class NavsTransfer extends React.Component {\r\n toggleNavs = (e, state, index) => {\r\n e.preventDefault();\r\n if (index == 1) {\r\n setActiveInsCont(true)\r\n setActiveContInscritos(false)\r\n dispatch(cambiaruta(\"Inicio/Contactos/Inscribir Contacto\"))\r\n setColor(\"text-green\")\r\n setIconInscrip(iconoInscripA)\r\n setIconContactInscrip(iconoContactInscrip)\r\n setColorContact(\"text-gray-dark\")\r\n setIconMasiveContact(iconoMasive)\r\n setColorMasive(\"text-gray-dark\")\r\n \r\n }else if(index == 2){\r\n setActiveInsCont(false)\r\n setActiveContInscritos(true)\r\n dispatch(cambiaruta(\"Inicio/Contactos/Contactos Inscritos\"))\r\n setColor(\"text-gray-dark\")\r\n setIconInscrip(iconoInscrip)\r\n setIconContactInscrip(iconoContactInscripA)\r\n setColorContact(\"text-green\")\r\n setIconMasiveContact(iconoMasive)\r\n setColorMasive(\"text-gray-dark\")\r\n }else if(index == 3){\r\n setActiveInsCont(false)\r\n setActiveContInscritos(false)\r\n dispatch(cambiaruta(\"Inicio/Contactos/Cargues Masivos\"))\r\n setColor(\"text-gray-dark\")\r\n setIconInscrip(iconoInscrip)\r\n setIconContactInscrip(iconoContactInscrip)\r\n setColorContact(\"text-gray-dark\")\r\n setIconMasiveContact(iconoMasiveA)\r\n setColorMasive(\"text-green\")\r\n }\r\n else{\r\n setColor(\"text-gray-dark\")\r\n setColorContact(\"text-gray-dark\")\r\n setColorMasive(\"text-gray-dark\")\r\n setIconInscrip(iconoInscrip)\r\n setIconContactInscrip(iconoContactInscrip)\r\n setIconMasiveContact(iconoContactInscrip)\r\n }\r\n setTabs(index);\r\n };\r\n\r\n \r\n \r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n ¿Quieres salir de la transacción?\r\n
\r\n\r\n La información que has ingresado hasta el momento se\r\n borrará.\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Contacto creado exitosamente
\r\n\r\n El contacto fue creado con éxito, si es un contacto externo debes esperar 24 horas para que se valide la información enviada.\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {\r\n if (step > 0) {\r\n setTabToGo(1);\r\n setCancelationModal(true);\r\n } else {\r\n this.toggleNavs(e, \"tabs\", 1);\r\n }\r\n }}\r\n href=\"#add-contact\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n \r\n Inscribir Contacto\r\n \r\n
\r\n \r\n \r\n\r\n \r\n {\r\n if (step > 0) {\r\n setTabToGo(2);\r\n setActiveInsCont(false)\r\n setActiveContInscritos(true)\r\n dispatch(cambiaruta(\"Inicio/Contactos/Contactos Inscritos\"))\r\n setColor(\"text-gray-dark\")\r\n setIconInscrip(iconoInscrip)\r\n setIconContactInscrip(iconoContactInscripA)\r\n setColorContact(\"text-green\")\r\n setIconMasiveContact(iconoMasive)\r\n setColorMasive(\"text-gray-dark\")\r\n setCancelationModal(true);\r\n } else {\r\n this.toggleNavs(e, \"tabs\", 2);\r\n }\r\n GetRelatedAccount();\r\n }}\r\n href=\"#view-contacts\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n \r\n Contactos Inscritos\r\n \r\n
\r\n \r\n \r\n \r\n {\r\n if (step > 0) {\r\n setTabToGo(3);\r\n setActiveInsCont(false)\r\n setActiveContInscritos(false)\r\n dispatch(cambiaruta(\"Inicio/Contactos/Cargues Masivos\"))\r\n setColor(\"text-gray-dark\")\r\n setIconInscrip(iconoInscrip)\r\n setIconContactInscrip(iconoContactInscrip)\r\n setColorContact(\"text-gray-dark\")\r\n setIconMasiveContact(iconoMasiveA)\r\n setColorMasive(\"text-green\")\r\n setCancelationModal(true);\r\n } else {\r\n this.toggleNavs(e, \"tabs\", 3);\r\n }\r\n //GetRelatedAccount();\r\n }}\r\n href=\"#view-contacts\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n \r\n Cargues Masivos\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n ¿En que consiste Contactos?
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Inscribe tus Contactos\r\n {\" \"}\r\n de las personas a las cuales haces transferencias.\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Listado de Contactos Inscritos\r\n {\" \"}\r\n para consultar, editar o borrar de acuerdo a lo que\r\n necesites.\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Cargue masivo de contactos\r\n {\" \"}\r\n para hacer cargues de contactos, o cambiar el estado.\r\n
\r\n\r\n
\r\n \r\n \r\n {\" \"}\r\n Ingresa los datos de tu Contacto{\" \"}\r\n
\r\n\r\n
\r\n \r\n {\" \"}\r\n Verifica los datos de tu Contacto\r\n
\r\n {console.log(\"datos de contacto \" + auxBuildContact)}\r\n\r\n
\r\n Contacto
\r\n\r\n {contact.tid == 1? \"Cedula de ciudadanía\": contact.tid == 2? \"Tarjeta de Identidad\": contact.tid == 3? \"NIT\": contact.tid == 4? \"Pasaporte\":contact.tid == 5?\"Carnet Diplomático\":contact.tid == 6?\"Fideicomiso\": \"Registro Civil de Nacimiento\"}\r\n
\r\n \r\n\r\n {contact.nid}\r\n
\r\n \r\n\r\n {contact.name}\r\n
\r\n \r\n\r\n
\r\n Cuenta
\r\n\r\n {account.accountType == 1? \"Cuenta de ahorros\": account.accountType == 3? \"Cuenta corriente\":\"\"}\r\n
\r\n \r\n\r\n {account.accountNumber}\r\n
\r\n \r\n\r\n {account.bank}\r\n
\r\n \r\n\r\n {account.city}\r\n
\r\n \r\n\r\n {account.nickname}\r\n
\r\n \r\n \r\n \r\n\r\n
\r\n Contactos Inscritos
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n ![\"delete-icon\"]({require(\"../../assets/img/illustrations/cancel.svg\").default})
\r\n
\r\n \r\n \r\n \r\n
\r\n ¿Quieres eliminar el contacto?
\r\nLa información que has ingresado se borrará.
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Proceso exitoso
\r\n\r\n El contacto fue eliminado con éxito. \r\n
\r\n\r\n
*/}\r\n Cargue Masivo Contactos
\r\n\r\n
*/}\r\n Cargue Masivo Contactos
\r\n\r\n
\r\n Crear una cuenta Asociada
\r\n\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ProductsCard;\r\n","/*!\r\n\r\n=========================================================\r\n* Argon Dashboard React - v1.2.0\r\n=========================================================\r\n\r\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\r\n* Copyright 2021 Creative Tim (https://www.creative-tim.com)\r\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\r\n\r\n* Coded by Creative Tim\r\n\r\n=========================================================\r\n\r\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\r\n\r\n*/\r\nimport React, { useState } from \"react\";\r\nimport classnames from \"classnames\";\r\nimport NumberFormat from \"react-number-format\"\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardBody,\r\n CardTitle,\r\n Container,\r\n Row,\r\n Col,\r\n NavItem,\r\n NavLink,\r\n Nav,\r\n TabContent,\r\n TabPane,\r\n CardHeader,\r\n Button,\r\n FormGroup,\r\n InputGroup,\r\n Input,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Modal\r\n} from \"reactstrap\";\r\nimport { normalizeUnits } from \"moment\";\r\n\r\nconst accounts = [\r\n {\r\n accountType: 1,\r\n accountNumber: \"000123456789\",\r\n secuence: 1,\r\n system: 30,\r\n balance: 2000000\r\n },\r\n {\r\n accountType: 1,\r\n accountNumber: \"000147852369\",\r\n secuence: 1,\r\n system: 30,\r\n balance: 2000000.25\r\n }\r\n];\r\n\r\nconst contacts = [\r\n {\r\n id: 1,\r\n name: \"Diego Alejandro Torres Niño\",\r\n nickName: \"Diego\"\r\n },\r\n {\r\n id: 2,\r\n name: \"Cristian Camilo Torres Niño\",\r\n nickName: \"Camilo\"\r\n },\r\n {\r\n id: 3,\r\n name: \"Diego Alejandro Torres Niño\",\r\n nickName: \"Diego\"\r\n },\r\n {\r\n id: 4,\r\n name: \"Cristian Camilo Torres Niño\",\r\n nickName: \"Camilo\"\r\n },\r\n {\r\n id: 5,\r\n name: \"Diego Alejandro Torres Niño\",\r\n nickName: \"Diego\"\r\n },\r\n {\r\n id: 6,\r\n name: \"Cristian Camilo Torres Niño\",\r\n nickName: \"Camilo\"\r\n }\r\n];\r\n\r\nconst contactSelected = {\r\n id: 1,\r\n name: \"Diego Alejandro Torres Niño\",\r\n nickName: \"Diego\"\r\n};\r\n\r\nconst AccountsContact = [\r\n {\r\n alias: \"CuenDiego\",\r\n accountNumber: \"000123456789\",\r\n Bank: \"BBVA\"\r\n },\r\n {\r\n alias: \"CuenDiego2\",\r\n accountNumber: \"0123458794564\",\r\n Bank: \"Avvillas\",\r\n }\r\n];\r\n\r\nconst CardAccount = props => {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n Cuenta de Ahorros No. {props.account.accountNumber}\r\n
\r\n \r\n Disponible
\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n};\r\n\r\nconst CardAccountContact = props => {\r\n return (\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n {props.contact.name}\r\n
\r\n \r\n {props.contact.nickName}\r\n
\r\n
\r\n {initial}
\r\n } else\r\n return \"\";\r\n}\r\n\r\n\r\nclass NavsTransfer extends React.Component {\r\n state = {\r\n tabs: 1\r\n };\r\n toggleModal = state => {\r\n this.setState({\r\n [state]: !this.state[state]\r\n });\r\n };\r\n toggleNavs = (e, state, index) => {\r\n e.preventDefault();\r\n this.setState({\r\n [state]: index\r\n });\r\n };\r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n this.toggleNavs(e, \"tabs\", 1)}\r\n href=\"\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n this.toggleNavs(e, \"tabs\", 2)}\r\n href=\"\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n ![]({require(\"../../assets/img/illustrations/extract.svg\").default})
\r\n
\r\n \r\n \r\n Extractos\r\n
\r\n\r\n ![]({require(\"../../assets/img/illustrations/certificate.svg\").default})
\r\n
\r\n \r\n \r\n Certificados\r\n
\r\n\r\n {currentChild}\r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n \r\n
\r\n \r\n {currentChild}\r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nexport default NavsTransfer;\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\nimport classnames from \"classnames\";\r\nimport NumberFormat from \"react-number-format\";\r\nimport Skeleton from \"react-loading-skeleton\";\r\nimport axiosInstance from \"./../../helpers/axiosInstance\";\r\nimport MyModal from \"components/Modal/Modal\";\r\nimport santander from '../../assets/img/brand/santander.png';\r\nimport exitoCreacion from '../../assets/img/illustrations/add-contact-success.svg';\r\nimport ComponentemodificaUsu from './modificaUsuario.js'\r\n\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardBody,\r\n CardTitle,\r\n Container,\r\n Row,\r\n Col,\r\n Modal,\r\n NavItem,\r\n NavLink,\r\n Nav,\r\n TabContent,\r\n TabPane,\r\n CardHeader,\r\n Button,\r\n FormGroup,\r\n InputGroup,\r\n Input,\r\n InputGroupAddon,\r\n InputGroupText,\r\n} from \"reactstrap\";\r\nimport { normalizeUnits } from \"moment\";\r\nimport { tr } from \"date-fns/locale\";\r\nimport basePerfiles from \"./basePerfiles.js\";\r\nimport baseUsuarios from \"./baseUsu.js\";\r\nimport { set } from \"date-fns\";\r\nimport baseTransaccionPen from \"./baseTransaccionesPen.js\";\r\nimport { event } from \"jquery\";\r\n\r\nconst Confirmmodal=(props)=>{\r\n \r\n const [muestramodal,setmuestramodal]=useState(false);\r\n const [mensajepadre,setmensajepadre]=useState(props.mensaje);\r\n const [cargando,setcargando]=useState(props.esperando);\r\n\r\n useEffect(()=>{\r\n if(props.pideconfirm){\r\n setmuestramodal(true);\r\n }\r\n\r\n },props.pideconfirm);\r\n\r\n const toggleModal=()=>{\r\n if(muestramodal){\r\n setmuestramodal(false);\r\n props.funcrespadre(false);\r\n }else{\r\n setmuestramodal(true);\r\n }\r\n }\r\n\r\n \r\n const salidapadre=()=>{\r\n setmuestramodal(false);\r\n props.funcrespadre(true);\r\n }\r\n if(cargando==false){\r\n //toggle={() => toggleModal()}\r\n return(\r\n \r\n toggleModal()}\r\n >\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }else{\r\n return(\r\n \r\n
\r\n {mensajepadre}
\r\n\r\n \r\n
\r\n \r\n \r\n toggleModal()}\r\n >\r\n ×\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n \r\n}\r\n\r\nexport default Confirmmodal;","import React, { useState, Fragment, useEffect} from \"react\";\r\nimport axios from \"axios\";\r\nimport axiosInstance from \"../../../helpers/axiosInstance\";\r\nimport { Route, Redirect, useHistory, BrowserRouter, Switch } from \"react-router-dom\";\r\nimport {\r\n FormGroup,\r\n Form,\r\n Input,\r\n InputGroupAddon,\r\n InputGroupText,\r\n InputGroup,\r\n Card,\r\n Button,\r\n NavLink,\r\n CardHeader,\r\n CardBody,\r\n Container,\r\n Row,\r\n Col,\r\n CardTitle,\r\n UncontrolledTooltip,\r\n} from \"reactstrap\";\r\n\r\nconst Cuadricula=(props)=>{\r\n //const [value, onChange] = useState();\r\n const[select,setSelect]=useState();\r\n const [elements,setElements]=useState(props.elements.split(','));\r\n //console.log(\"propscuadricula\");\r\n //console.log(props.elements);\r\n //console.log(\"elements\");\r\n //console.log(elements.length);\r\n\r\n useEffect(()=>{\r\n //props.asigna(select);\r\n } \r\n )\r\n \r\n const asigna1 =(index)=>\r\n {\r\n //console.log(\"index\"+ index)\r\n props.asigna(index);\r\n }\r\n \r\n if(props.muestra){ \r\n //let cont= elements.length;\r\n //console.log(\"cont\"+cont);\r\n return(\r\n \r\n \r\n
\r\n {mensajepadre}
\r\n\r\n {\r\n /*elements.map((item,index)=> {\r\n console.log (item + \"\"+ index );\r\n (\r\n \r\n asigna1(index)} role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\" class=\"btn-icon-only text-primary btn btn- btn-sm\">{item}\r\n \r\n )\r\n /* asigna1(index)}>\r\n {item}\r\n {index}\r\n
*/\r\n //}\r\n \r\n elements.map((element,index) => (\r\n
\r\n \r\n\r\n \r\n {/* asigna1(index)}>\r\n {element}\r\n {index}\r\n
*/}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n ))}\r\n \r\n \r\n
\r\n \r\n {\r\n AvanzaStep(1);\r\n }}\r\n >\r\n Continuar\r\n \r\n\r\n
\r\n\r\n \r\n \r\n
\r\n En este espacio podrás crear una nueva condición\r\n de asociación. Recuerda diligenciar todos los campos\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {newsTemplate}\r\n
\r\n );\r\n }\r\n });\r\n var CardAccountContact = createReactClass({\r\n render: function () {\r\n var aliasAccount = this.props.data.aliasAccount,\r\n numeroCuenta = this.props.data.numeroCuenta;\r\n return (\r\n \r\n \r\n \r\n
\r\n
*/}\r\n \r\n \r\n {aliasAccount}\r\n
\r\n \r\n Cuenta No. {numeroCuenta}\r\n
\r\n \r\n \r\n
\r\n
\r\n {/* */}\r\n \r\n
;\r\n }\r\n return (\r\n No cuentas con Cuentas Asociadas
\r\n\r\n {newsTemplate}\r\n
\r\n );\r\n }\r\n });\r\n \r\n useEffect(async() => {\r\n let arrclases=[];\r\n let numberaccount=[];\r\n async function getProducts() {\r\n setIsLoading(false);\r\n const request = await axiosInstance().get(\"/WSGYG39_2/api/Inquiries/Products/Accounts\")\r\n .catch(err => {\r\n console.log(err);\r\n if (err.response.data.errors) {\r\n setlistAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setlistAlert([\r\n {\r\n description: \"No se pudo realizar el registro.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\"\r\n }\r\n ]);\r\n }\r\n cancelaUsuCM();\r\n return 'err';\r\n });\r\n if (request != 'err') {\r\n console.log(\"se consume el accounts domiciliacion\");\r\n setIsLoading(false);\r\n console.log(request.data);\r\n console.log(request.data.summaryProduct.product);\r\n setAccounts(request.data.summaryProduct.product);\r\n \r\n request.data.summaryProduct.product.map(item=>{arrclases.push(\"mb-xl-0 cursor-pointer bordeHover\")\r\n numberaccount.push(item.accountNumber)})\r\n setclasestarjetasprodorig([...arrclases]);\r\n if(tipoflujo==\"modificadomi\"){\r\n getRelatedAccountsmodifica(request.data.summaryProduct.product);\r\n }\r\n }\r\n return request;\r\n }\r\n await getProducts();\r\n console.log(\"tipo de flujo domi \" + tipoflujo)\r\n if(tipoflujo==\"modificadomi\"){\r\n inicializaestados();\r\n let numberprodorig=props.dataini.originProduct;\r\n let posprodorig= numberaccount.indexOf(numberprodorig);\r\n if(posprodorig>=0){\r\n arrclases[posprodorig]=\"mb-xl-0 cursor-pointer bordeHover productoselec\";\r\n setclasestarjetasprodorig([...arrclases]);\r\n }\r\n \r\n }\r\n }, []);\r\n\r\n async function getRelatedAccounts(accountNumber) {\r\n /*/WSGYG39_2/api/Inquiries/Products/Loans*/\r\n setIsLoading(false);\r\n setIsLoadingAccounts(true);\r\n let arrproddest=[];\r\n let arrproddest2=[];\r\n await setStep(s => s + 1);\r\n if(tipope==\"3\"){\r\n const request = await axiosInstance().get(\"/WSGYG39_2/api/Inquiries/Products/Loans\")\r\n .catch(err => {\r\n console.log(err);\r\n if (err.response.data.errors) {\r\n setlistAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setlistAlert([\r\n {\r\n description: \"No se pudo realizar el registro.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\"\r\n }\r\n ]);\r\n }\r\n setIsLoadingAccounts(false);\r\n return 'err';\r\n });\r\n if (request != 'err') {\r\n setIsLoading(false);\r\n setIsLoadingAccounts(false);\r\n console.log(request.data);\r\n setRelatedAccounts(request.data.summaryProduct.product);\r\n request.data.summaryProduct.product.map(item=>{\r\n if(item.accountNumber != accountNumber){\r\n arrproddest2.push(\"mb-xl-0 cursor-pointer bordeHover\");\r\n }\r\n })\r\n setclasestarjetasproddest3([...arrproddest2]);\r\n\r\n setclasestarjetasproddest1([...arrproddest]);\r\n setAccountsToTransfer(accounts.filter(item => !(item.accountNumber === accountNumber)))\r\n accounts.map(item=>{\r\n if(item.accountNumber != accountNumber){\r\n arrproddest.push(\"mb-xl-0 cursor-pointer bordeHover\");\r\n }\r\n })\r\n setclasestarjetasproddest1([...arrproddest]);\r\n }\r\n \r\n return request;\r\n }else{\r\n \r\n const request = await axiosInstance().get(\"/WSGYG39_2/api/Consultas/AssociatedAccounts\")\r\n .catch(err => {\r\n console.log(err);\r\n if (err.response.data.errors) {\r\n setlistAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setlistAlert([\r\n {\r\n description: \"No se pudo realizar el registro.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\"\r\n }\r\n ]);\r\n }\r\n setIsLoadingAccounts(false);\r\n return 'err';\r\n });\r\n if (request != 'err') {\r\n setIsLoading(false);\r\n setIsLoadingAccounts(false);\r\n console.log(request.data);\r\n setRelatedAccounts(request.data.relatedAccounts.filter(item => (item.status === null)));\r\n request.data.relatedAccounts.map(item=>{\r\n if(item.status === null){\r\n arrproddest2.push(\"mb-xl-0 cursor-pointer bordeHover\");\r\n\r\n }\r\n })\r\n setclasestarjetasproddest2([...arrproddest2]);\r\n\r\n\r\n setAccountsToTransfer(accounts.filter(item => !(item.accountNumber === accountNumber)));\r\n accounts.map(item=>{\r\n if(item.accountNumber != accountNumber){\r\n arrproddest.push(\"mb-xl-0 cursor-pointer bordeHover\");\r\n }\r\n })\r\n setclasestarjetasproddest1([...arrproddest]);\r\n }\r\n return request;\r\n }\r\n \r\n }\r\n async function getRelatedAccountsmodifica(listaproductosdest) {\r\n setIsLoading(false);\r\n setIsLoadingAccounts(true);\r\n let arrproddest=[];\r\n let arrproddest2=[];\r\n if(tipope==\"3\"){\r\n const request = await axiosInstance().get(\"/WSGYG39_2/api/Inquiries/Products/Loans\")\r\n .catch(err => {\r\n console.log(err);\r\n if (err.response.data.errors) {\r\n setlistAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setlistAlert([\r\n {\r\n description: \"No se pudo realizar el registro.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\"\r\n }\r\n ]);\r\n }\r\n setIsLoadingAccounts(false);\r\n return 'err';\r\n });\r\n if (request != 'err') {\r\n setIsLoading(false);\r\n setIsLoadingAccounts(false);\r\n console.log(request.data);\r\n setRelatedAccounts(request.data.summaryProduct.product);\r\n request.data.summaryProduct.product.map(item=>{\r\n if(item.accountNumber != props.dataini.originProduct){\r\n if(props.dataini.destinationProduct!=item.accountNumber){\r\n arrproddest2.push(\"mb-xl-0 cursor-pointer bordeHover\");\r\n }else{\r\n arrproddest2.push(\"mb-xl-0 cursor-pointer bordeHover productoselec\");\r\n }\r\n \r\n }\r\n })\r\n setclasestarjetasproddest3([...arrproddest2]);\r\n\r\n\r\n\r\n setAccountsToTransfer(listaproductosdest.filter(item => !(item.accountNumber === productOne.accountNumber)));\r\n listaproductosdest.map(item=>{\r\n if(item.accountNumber != props.dataini.originProduct){\r\n if(props.dataini.destinationProduct!=item.accountNumber){\r\n arrproddest.push(\"mb-xl-0 cursor-pointer bordeHover\");\r\n }else{\r\n arrproddest.push(\"mb-xl-0 cursor-pointer bordeHover productoselec\");\r\n }\r\n }\r\n })\r\n setclasestarjetasproddest1([...arrproddest]);\r\n }else{\r\n setIsLoadingAccounts(false);\r\n }\r\n \r\n return request;\r\n }else{\r\n const request = await axiosInstance().get(\"/WSGYG39_2/api/Consultas/AssociatedAccounts\")\r\n .catch(err => {\r\n console.log(err);\r\n if (err.response.data.errors) {\r\n setlistAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setlistAlert([\r\n {\r\n description: \"No se pudo realizar el registro.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\"\r\n }\r\n ]);\r\n }\r\n setIsLoadingAccounts(false);\r\n return 'err';\r\n });\r\n if (request != 'err') {\r\n setIsLoading(false);\r\n setIsLoadingAccounts(false);\r\n console.log(request.data);\r\n setRelatedAccounts(request.data.relatedAccounts.filter(item => (item.status === null)));\r\n request.data.relatedAccounts.map(item=>{\r\n if(item.status === null){\r\n if(item.numeroCuenta!=props.dataini.destinationProduct){\r\n arrproddest2.push(\"mb-xl-0 cursor-pointer bordeHover\");\r\n }else{\r\n arrproddest2.push(\"mb-xl-0 cursor-pointer bordeHover productoselec\");\r\n }\r\n \r\n }\r\n })\r\n setclasestarjetasproddest2([...arrproddest2]);\r\n\r\n setAccountsToTransfer(listaproductosdest.filter(item => !(item.accountNumber === productOne.accountNumber)));\r\n listaproductosdest.map(item=>{\r\n if(item.accountNumber != props.dataini.originProduct){\r\n if(item.accountNumber !=props.dataini.destinationProduct){\r\n arrproddest.push(\"mb-xl-0 cursor-pointer bordeHover\");\r\n }else{\r\n arrproddest.push(\"mb-xl-0 cursor-pointer bordeHover productoselec\");\r\n } \r\n }\r\n })\r\n setclasestarjetasproddest1([...arrproddest]);\r\n \r\n }else{\r\n setIsLoadingAccounts(false);\r\n }\r\n \r\n return request;\r\n }\r\n }\r\n\r\n var CardAccount = createReactClass({\r\n render: function () {\r\n if(this.props.data.accountNumber != undefined){\r\n var accountNumber = this.props.data.accountNumber,\r\n balance = this.props.data.balance,\r\n description = this.props.data.description;\r\n }else{\r\n var accountNumber = this.props.data.numeroCuenta.substring,\r\n balance = \"\",\r\n description = this.props.data.ownerAccount;\r\n }\r\n \r\n return (\r\n \r\n {}} className=\"col-auto ml-4 p-1\" style={{ width: \"80%\" }}>\r\n \r\n {description}
No. {accountNumber}\r\n
\r\n \r\n Disponible
\r\n
\r\n No. {accountNumber}\r\n
\r\n deleteAlert(item)}\r\n >\r\n ×\r\n \r\n \r\n \r\n {\" \"}\r\n {item.description}\r\n
\r\n );\r\n });\r\n }\r\n return {newsTemplate}
;\r\n },\r\n });\r\n\r\n function DivStepper({ children, ...props }) {\r\n const childrenArray = React.Children.toArray(children);\r\n\r\n const currentChild = childrenArray[props.step];\r\n if (props.type === \"tab\") {\r\n return (\r\n \r\n \r\n {currentChild}\r\n
\r\n );\r\n } else if (props.type === \"line\") {\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n } else return <>;\r\n }\r\n\r\n function NavigationButtons(props) {\r\n var isFirst=true;\r\n if(props.step > 0){\r\n isFirst=false;\r\n }\r\n var isEnd = props.step === props.listStep.length - 1;\r\n /*onClick={()=>{controlesCreaUsu(stepLine,-1)}}*/\r\n /*onClick={()=>{controlesCreaUsu(stepLine,1)}}*/\r\n //disabled={!isEnd}\r\n //disabled={!isFirst}\r\n return (\r\n \r\n \r\n
\r\n {currentChild}\r\n {props.listStep[props.step].title}
\r\n\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n function LineStepper(props) {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n )\r\n }\r\n\r\n function Progress(props) {\r\n const styleProgress = { width: 80 / props.list.length - 2 + \"%\" };\r\n var newsTemplate = props.list.map(function (item, index) {\r\n if (index === props.current) {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n {index + 1}\r\n \r\n
\r\n );\r\n }\r\n });\r\n return newsTemplate;\r\n }\r\n \r\n function TabStepper(props) {\r\n var newsTemplate = props.listStep.map(function (item, index) {\r\n return (\r\n {convertirfecha(fechaselec)}
\r\n )\r\n }else{\r\n return(\r\n{convertirfecha(fechaselec)}
\r\n )\r\n }else{\r\n return(\r\nLunes día de aplicación
\r\n ) \r\n break;\r\n case \"M\":\r\n return(\r\nMartes día de aplicación
\r\n ) \r\n break;\r\n case \"X\":\r\n return(\r\nMiercoles día de aplicación
\r\n ) \r\n break;\r\n case \"J\":\r\n return(\r\nJueves día de aplicación
\r\n ) \r\n break;\r\n case \"V\":\r\n return(\r\nViernes día de aplicación
\r\n ) \r\n break;\r\n case \"S\":\r\n return(\r\nSabado día de aplicación
\r\n ) \r\n break;\r\n case \"D\":\r\n return(\r\nDomingo día de aplicación
\r\n ) \r\n break;\r\n default:\r\n return(\r\nTodos los {montDay}, dia de aplicación
\r\n )\r\n }else{\r\n return(\r\n\r\n \r\n \r\n
\r\n )\r\n }else if(tipope==\"2\"){\r\n return(\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Elige una cuenta asociada
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n creacionasociacion();\r\n }}\r\n >\r\n Finalizar \r\n \r\n setInfoModal(!infoModal)}\r\n >\r\n setInfoPeriodicity(!infoPeriodicity)}\r\n >\r\n setInfoPeriodicityMont(!infoPeriodicityMont)}\r\n >\r\n \r\n \r\n
\r\n\r\n );\r\n}\r\n\r\n\r\nexport default Domiciliacion;","import axiosInstance from 'helpers/axiosInstance';\r\nimport React, { useEffect, useState } from 'react'\r\nimport { Link } from 'react-router-dom';\r\nimport Domiciliacion from './Domiciliacion';\r\nimport { Modal } from 'reactstrap';\r\nimport {useDispatch} from \"react-redux\";\r\nimport {cambiaruta,cambiasidebar} from \"../../Slicersreducers\";\r\nimport exitoCreacion from '../../assets/img/illustrations/add-contact-success.svg';\r\nimport getConsulta from './Security';\r\n\r\nconst ConsultaDomiciliacion = (props) => {\r\n const [consultaDomiciliacion, setConsultaDomiciliacion] = useState(props.consulta);\r\n const [detalleConsultaDomiciliacion, setDetalleConsultaDomiciliacion] = useState([]);\r\n const [modificaConsultaDomiciliacion, setModificaConsultaDomiciliacion] = useState([]);\r\n const [eliminaConsultaDomiciliacion, setEliminaConsultaDomiciliacion] = useState([]);\r\n const [infoModal, setInfoModal] = useState(false);\r\n const [cancelationsModal, setCancelationsModal] = useState(false);\r\n const [successCancelationModal, setSuccessCancelationModal] = useState(false);\r\n const [confirmElimina, setConfirmElimina] = useState(false);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [listAlert, setListAlert] = useState([]);\r\n var createReactClass = require(\"create-react-class\");\r\n const [isdomiexito,setisdomiexito]=useState(props.notificadomi);\r\n const [itemDelete, setItemDelete] = useState([]);\r\n\r\n const dispatch=useDispatch();\r\n\r\n // useEffect(() => {\r\n // dispatch(cambiaruta(\"Inicio/Seguridad/Domiciliación\"));\r\n // dispatch(cambiasidebar(false));\r\n // }, []);\r\n\r\n const detalleDomiciliacion = async (item, tipo) =>{\r\n console.log(\"consumo de domiciliacion\");\r\n setIsLoading(true);\r\n const response = await axiosInstance().get(\"/WSGYG39_2/api/Domiciliation/Domiciliations/\"+ item.associationSecuence + \"/\" + item.operationType + \"/\" + item.status + \"/\" + item.associationDescription)\r\n .catch(err => {\r\n setIsLoading(false);\r\n setListAlert([\r\n {\r\n description: \"No se pudo autorizar la transacción.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\"\r\n }\r\n ]);\r\n });\r\n if (response != \"err\") {\r\n console.log(\"respuesta api\", response.data)\r\n setDetalleConsultaDomiciliacion(response.data);\r\n if(tipo == \"1\"){\r\n setInfoModal(true);\r\n setIsLoading(false);\r\n }else{\r\n dispatch(cambiaruta(\"Inicio/Seguridad/Domiciliación/Modificación\"))\r\n setIsLoading(false);\r\n props.cambioTab(\"modificadomi\",response.data);\r\n }\r\n }\r\n }\r\n const modificaDomiciliacion = async () =>{\r\n setIsLoading(true);\r\n const response = await axiosInstance().put(\"/WSGYG39_2/api/Domiciliation/UpdateDomiciliation/\" , detalleConsultaDomiciliacion)\r\n .catch(err => {\r\n return 'err';\r\n });\r\n if (response != \"err\") {\r\n console.log(\"respuesta api\", response.data)\r\n setModificaConsultaDomiciliacion(response.data);\r\n setIsLoading(false);\r\n }\r\n }\r\n const eliminaDomiciliacion = async (item) =>{\r\n console.log(item.associationSecuence);\r\n const response = await axiosInstance().delete(\"/WSGYG39_2/api/Domiciliation/Domiciliations/\" + item.associationSecuence + \"/S\")\r\n .catch(err => {\r\n return 'err';\r\n });\r\n if (response != \"err\") {\r\n console.log(\"respuesta api\", response.data)\r\n setEliminaConsultaDomiciliacion(response.data);\r\n setSuccessCancelationModal(true);\r\n }\r\n\r\n const request = await axiosInstance().get(\"/WSGYG39_2/api/Domiciliation/Domiciliations\")\r\n if (request != \"err\") {\r\n console.log(\"respuesta api2\",request.data)\r\n setConsultaDomiciliacion(request.data);\r\n }\r\n }\r\n const ejecutasalir=()=>{\r\n setCancelationsModal(false);\r\n }\r\n // useEffect(() => {\r\n // async function getConsulta() {\r\n // setIsLoading(true);\r\n // const request = await axiosInstance().get(\"/WSGYG39_2/api/Domiciliation/Domiciliations\")\r\n // .catch(err => {\r\n // setIsLoading(false)\r\n // return 'err';\r\n // });\r\n // if (request != 'err') {\r\n // setIsLoading(false);\r\n // console.log(request.data);\r\n // // console.log(request.data.summaryProduct.product);\r\n // setConsultaDomiciliacion(request.data);\r\n // }\r\n \r\n \r\n // return request;\r\n // }\r\n // getConsulta();\r\n // }, []);\r\n const ejecutasalirModal=()=>{\r\n setInfoModal(false);\r\n }\r\n const ejecutasalirSuccess=()=>{\r\n setSuccessCancelationModal(false);\r\n }\r\n useEffect(async() => {\r\n //console.log(\"consulta domiciliacion useeffect\")\r\n //console.log(props.consulta)\r\n const timer = setTimeout(deleteElementFromArr, 5000);\r\n return () => clearTimeout(timer);\r\n });\r\n \r\n const deleteElementFromArr = () => {\r\n \r\n if (listAlert.length > 0) {\r\n let temp = listAlert.slice();\r\n temp.splice(0, 1);\r\n setListAlert(temp);\r\n }\r\n };\r\n \r\n \r\n // const deleteElementFromArr = (lista) => {\r\n // console.log(\"tarea automatica\");\r\n // console.log(lista);\r\n // if (listAlert.length > 0) {\r\n // let temp = listAlert.slice();\r\n // console.log(temp);\r\n // temp.splice(0, 1);\r\n // setListAlert(temp);\r\n // }\r\n // };\r\n const deleteAlert = (alert) => {\r\n \r\n console.log(\"elimina alerta\");\r\n console.log(listAlert);\r\n setListAlert(listAlert.filter((auxAlert) => auxAlert != alert));\r\n };\r\n var Alerts = createReactClass({\r\n render: function () {\r\n var data = this.props.data;\r\n var newsTemplate;\r\n if (data.length > 0) {\r\n newsTemplate = data.map(function (item, index) {\r\n return (\r\n \r\n \r\n
\r\n\r\n Define con qué periodicidad se realizaría la asociación.\r\n Puedes seleccionar la opción que se ajuste a tu necesidad.
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {/* \r\n \r\n \r\n Ayuda\r\n \r\n
*/}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n deleteAlert(item)}\r\n >\r\n ×\r\n \r\n \r\n \r\n {\" \"}\r\n {item.description}\r\n
\r\n );\r\n });\r\n }\r\n return {newsTemplate}
;\r\n },\r\n });\r\n \r\n return (\r\n \r\n {iniciocreaUsu()\r\n // dispatch(cambiaruta(\"Inicio/Seguridad/Administrar Usuarios/Agregar Usuario\"))}}\r\n onClick={()=>{props.cambioTab(\"creadomi\");dispatch(cambiaruta(\"Inicio/Seguridad/Domiciliación/Agregar Domiciliación\"))}}\r\n >\r\n \r\n 
\r\n Agregar Domiciliación\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default ConsultaDomiciliacion","/*!\r\n\r\n=========================================================\r\n* Argon Dashboard React - v1.2.0\r\n=========================================================\r\n\r\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\r\n* Copyright 2021 Creative Tim (https://www.creative-tim.com)\r\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\r\n\r\n* Coded by Creative Tim\r\n\r\n=========================================================\r\n\r\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\r\n\r\n*/\r\nimport React, { useState, useEffect, useRef } from \"react\";\r\nimport classnames from \"classnames\";\r\nimport NumberFormat from \"react-number-format\";\r\nimport Skeleton from \"react-loading-skeleton\";\r\nimport axiosInstance from \"./../../helpers/axiosInstance\";\r\nimport MyModal from \"components/Modal/Modal\";\r\nimport santander from '../../assets/img/brand/santander.png';\r\nimport exitoCreacion from '../../assets/img/illustrations/add-contact-success.svg';\r\nimport ComponentemodificaUsu from './modificaUsuario.js'\r\n\r\nimport IconTid from '../../assets/img/icons/Icono-Tipo-de-documento-Gris.png'\r\n\r\n\r\nimport icon_Administras_usuarios from 'assets/img/icons/Icono-Administrar-Usuarios-Gris.png'\r\nimport icon_Administras_usuariosA from 'assets/img/icons/Icono-Administrar-Usuarios-Verde.png'\r\nimport CreaUsuario from \"./CreaUsuario\";\r\n\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardBody,\r\n CardTitle,\r\n Container,\r\n Row,\r\n Col,\r\n Modal,\r\n NavItem,\r\n NavLink,\r\n Nav,\r\n TabContent,\r\n TabPane,\r\n CardHeader,\r\n Button,\r\n FormGroup,\r\n InputGroup,\r\n Input,\r\n InputGroupAddon,\r\n InputGroupText,\r\n} from \"reactstrap\";\r\nimport { normalizeUnits } from \"moment\";\r\nimport { tr } from \"date-fns/locale\";\r\nimport basePerfiles from \"./basePerfiles.js\";\r\nimport baseUsuarios from \"./baseUsu.js\";\r\nimport { set } from \"date-fns\";\r\nimport baseTransaccionPen from \"./baseTransaccionesPen.js\";\r\nimport Compotp from \"./Compotp\";\r\nimport Checksantader from \"./Checksantander\";\r\nimport Confirmmodal from \"./Confirmmodal\";\r\nimport perf from \"./basePerfiles.js\";\r\nimport IconNid from '../../assets/img/icons/Icono-Numero-documento-Gris.png';\r\nimport IconCorreo from '../../assets/img/icons/Icono-Correo-Gris.png';\r\nimport IconNom from '../../assets/img/icons/Cliente-Gris2x.png';\r\nimport IconCel from '../../assets/img/icons/Telefono-Gris2x.png';\r\nimport IconPesos from '../../assets/img/icons/Tope_Monto_Transaccional-Gris2x.png';\r\nimport IconMas from '../../assets/img/icons/circulo-mas.png';\r\nimport IconMasRojo from '../../assets/img/icons/circulo-mas-Rojo.png';\r\nimport IconEliminar from '../../assets/img/icons/IconoEliminar.png';\r\nimport IconEliminarRojo from '../../assets/img/icons/iconoEliminarRojo.png';\r\nimport BotonEliminaIp from \"./botoneliminarIp\";\r\nimport Campoformato from \"./campoformato\";\r\nimport Transferencias from '../../assets/img/icons/Icono-Transfrencias-Multiples-Gris.png'\r\nimport TransferenciasA from '../../assets/img/icons/Icono-Transfrencias-Multiples-Verde.png'\r\nimport { event } from \"jquery\";\r\nimport {useDispatch} from \"react-redux\";\r\nimport {cambiaruta,cambiasidebar,desactivasidebar} from \"../../Slicersreducers\";\r\nimport Domiciliacion from \"./Domiciliacion\";\r\nimport ConsultaDomiciliacion from \"./ConsultaDomiciliacion\";\r\n//import { Console } from \"console\";\r\nconst _=require(\"lodash\");\r\n\r\n\r\n\r\nfunction Security() {\r\n const validaIp=(ipvalor)=>{\r\n let valor=\"\";\r\n let rango=0;\r\n let ipvalido=true;\r\n let ipajustada=\"\";\r\n try{\r\n if(ipvalor.length>0){\r\n for(let i=0;i| \r\n Tipo de operación \r\n | \r\n\r\n Estado de la asociación\r\n | \r\n\r\n Descripción de la asociación\r\n | \r\nAcciones | \r\n {/*\r\n Hora ultimo ingreso\r\n | \r\n\r\n Fecha ultimo ingreso\r\n | */}\r\n
|---|---|---|---|---|---|
| {item.operationType} | \r\n{item.status} | \r\n{item.associationDescription} | \r\n\r\n \r\n {/* \r\n \r\n */}\r\n \r\n \r\n \r\n \r\n | \r\n \r\n \r\n | \r\n\r\n \r\n \r\n \r\n | \r\n
\r\n {\r\n listTransPEn.map((item,index)=>{\r\n return (\r\n
\r\n )\r\n } \r\n else {\r\n return (\r\n \r\n
\r\n )\r\n })\r\n }\r\n\r\n \r\n\r\n
\r\n \r\n Origen
\r\n {/*No. {enmascara(item.AffectedBusiness1)}
*/}\r\nNo. {item.affectedBusiness1}
\r\nSistema.{item.businessSystem1}
\r\n\r\n\r\n
\r\n \r\n\r\n Destino
\r\nNo. {item.affectedBusiness2}
\r\nSistema.{item.businessSystem2}
\r\nBanco {item.bank}
\r\n\r\n\r\n
\r\n\r\n Valor {new Intl.NumberFormat(\"de-DE\").format(item.useValue)}
\r\nUsuario solicitante: {item.userWhoApplied}
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n }\r\n\r\n //object send\r\n const [newUser, setNewUser] = useState({\r\n TidCompany: getCookie(\"tid\"),\r\n NidCompany: getCookie(\"nid\"),\r\n TidUser: \"\",\r\n NidUser: \"\",\r\n NameUser: \"\",\r\n EmailUser: \"\",\r\n CellNumberUser: \"\",\r\n AgencyUser: \"\",\r\n TypeUser: \"4\",\r\n PasswordConditionUser: \"021\",\r\n StatusUser: \"1\",\r\n SupervisorCode: \"\",\r\n ProfileUser: \"\",\r\n IsSupervisorUser: \"\",\r\n ListIp:[],\r\n idTransfer: \"\",\r\n otp: \"\"\r\n });\r\n\r\n const [productUser, setProductUser] = useState({\r\n UniqueIdUser:\"\",\r\n idTransfer: \"\",\r\n otp: \"\",\r\n ProductsUser:[]\r\n });\r\n\r\n var createReactClass = require(\"create-react-class\");\r\n\r\n const [tabs, setTabs] = useState(0);\r\n\r\n const listStep = [\r\n { title: \"Productos de Crédito\" },\r\n { title: \"Productos de Ahorro\" },\r\n { title: \"Despósitos a Termino\" },\r\n { title: \"Opciones Generales\" },\r\n ];\r\n\r\n const listStepLine = [\r\n { title: \"Cliente\" },\r\n { title: \"Perfil\" },\r\n {title:\"Ip\"},\r\n { title: \"Usuario Supervisor\" }\r\n // { title: \"Productos\" }\r\n ];\r\n const listStepLineM = [\r\n { title: \"Cliente\" },\r\n { title: \"Perfil\" },\r\n //{title:\"Ip\"},\r\n { title: \"Productos\" }\r\n ];\r\n const [descripLineaCreacion,setdescripLineaCreacion]=useState([\r\n \"En este espacio podrás crear o registrar un nuevo usuario. Recuerda diligenciar todos los campos y casillas.\",\r\n \"Personaliza los permisos que tendrá este nuevo usuario.\",\r\n \"Podrás registrar máximo 5 direcciones IP. Recuerda, si no ingresas ninguna IP, el usuario podrá acceder a la banca virtual sin ninguna restricción.\",\r\n \"En esta sección podrás seleccionar un usuario supervisor.\"\r\n ]);\r\n const [tiposIds,settiposIds]=useState([\"CC\",\"CE\",\"NIT\",\"TI\",\"PS\",\"CD\",\"SE\",\"FI\",\"RCN\"])\r\n const [tiposIdsindex,settiposIdsindex]=useState([\"CC\",\"CE\",\"NIT\",\"TI\",\"PS\",\"CD\",\"SE\",\"FI\",\"RCN\"])\r\n const [infUsuModif,setinfUsuModif]=useState({\r\n cellNumberUser: \"\",\r\n emailUser: \"\",\r\n isSupervisorUser: \"\",\r\n nameUser: \"\",\r\n nidUser: \"\",\r\n profileUser: \"\",\r\n statusUser: \"\",\r\n supervisorCode: \"\",\r\n tidUser: \"\",\r\n uniqueIdUser: \"\"\r\n });\r\n const [infUsuElim,setinfUsuElim]=useState({\r\n uniqueIdUser:\"\"\r\n })\r\n const [step, setStep] = useState(0);\r\n const [stepLine, setStepLine] = useState(0);\r\n const [stepLineM, setStepLineM] = useState(0);\r\n\r\n const [perfiles, setperfiles] = useState(basePerfiles);\r\n\r\n const [moduloSelec, setModuloSelec] = useState(0);\r\n\r\n const [idperfilSelec, setIdperfilSelec] = useState(0);\r\n\r\n const [InfUsu, setInfUsu] = useState([]); \r\n\r\n const [typesDocument, setTypesDocument] = useState(\"1\");\r\n const [isSupervisorUser, setIsSupervisorUser] = useState();\r\n const [NID, setNID] = useState(\"802004154\");\r\n\r\n const [product, setProduct] = useState();\r\n const [isSelectProduct, setIsSelectProduct] = useState(false);\r\n const [listProducts, setListProducts] = useState([]);\r\n const [uniqueIdUser, setUniqueIdUser] = useState(\"\");\r\n const [infoModalSupervisor, setInfoModalSupervisor] = useState(false);\r\n const [consultaDomiciliacion, setConsultaDomiciliacion] = useState([]);\r\n const [indicadoretapa,setindicadoretapa]=useState(0);\r\n\r\n const [maximunTransaction, setMaximunTransaction] = useState(0);\r\n\r\n const [supervisorUsers, setSupervisorUsers] = useState([]);\r\n /*const [supervisorUsers, setSupervisorUsers] = useState([\r\n {\r\n id: \"1\",\r\n ownerAccount: \"Diego Torres\",\r\n },\r\n {\r\n id: \"2\",\r\n ownerAccount: \"Alejandro Niño\",\r\n },\r\n {\r\n id: \"3\",\r\n ownerAccount: \"Jazmin Torres\",\r\n },\r\n ]);*/\r\n\r\n const refNid = useRef(null);\r\n const refName = useRef(null);\r\n const refEmail = useRef(null);\r\n const refCellNumber = useRef(null);\r\n\r\n const refMaxValue = useRef(null);\r\n const refMaxDailyValue = useRef(null);\r\n //const refMaxDailyValue =React.createRef();\r\n const refModifNombre=useRef(null);\r\n const refIps=useRef(null);\r\n\r\n const [productState, setProductState] = useState(\"\");\r\n const [productValidation, setProductValidation] = useState(\"\");\r\n const [resultModal, setResultModal] = useState(false);\r\n const [otpcreacionusu,setotpcreacionusu]=useState(false);\r\n const [cargandootpcreausu,setcargandootpcreausu]=useState(true);\r\n const [checkSupervisor,setCheckSupervisor] = useState(false);\r\n const [listSelected, setListSelected] = useState([]);\r\n\r\n const [auxNidUser, setAuxNidUser] = useState(\"\");\r\n // const [auxNameUser, setAuxNameUser]= useState(\"\");\r\n // const [auxEmailUser,setEmailUser] = useState(refEmail.current.value);\r\n // const [auxCellNumberUser,setAuxCellNumberUser] = useState(refCellNumber.current.value);\r\n // const [auxTidUser,SetAuxTidUser] = useState(typesDocument);\r\n // const [auxIsSupervisorUser, SetAuxIsSupervisorUser] = useState(isSupervisorUser);\r\n const [nombreUsuario,setNombreUsuario] = useState(\"\");\r\n const [otpelimusu,setotpelimusu]=useState(false);\r\n const [cargandootpelimusu,setcargandootpelimusu]=useState(true);\r\n const [permisos,setpermisos]=useState(basePerfiles);\r\n const [listAlert, setListAlert] = useState([]);\r\n const [keyAlert,setkeyAlert]=useState([]);\r\n const [funcionalidadHabil,setfuncionalidadHabil]=useState(0);\r\n const [idtransfer,setidtransfer]=useState(\"\");\r\n const [checkproducto,setcheckproducto]=useState([]);\r\n const [permisosProd,setpermisosProd]=useState({\r\n maxDaily:\"\",\r\n maxTransaction:\"\",\r\n otp:false,\r\n supervisor:false,\r\n consulta:false,\r\n transaccion:false\r\n })\r\n const [permisosguardados,setpermisosguardados]=useState([]);\r\n const [tidelec,settidelec]=useState([false,false,false,false,false,false,false]);\r\n const [estadoIconIpAgrega,setestadoIconIpAgrega]=useState(IconMas);\r\n const [valorIp,setvalorIp]=useState([]);\r\n const dispatch=useDispatch();\r\n\r\n const [mensconfirmbloqueoUsu,setmensconfirmbloqueoUsu]=useState(\"Desea bloquear el usuario\");\r\n const [confirmbloqueo,setconfirmbloqueo]=useState(false);\r\n const [userBloqydesbloq,setuserBloqydesbloq]=useState({\r\n tidUser: \"\",\r\n nidUser: \"\",\r\n operation:-1\r\n });\r\n const [codigobloqUsu,setcodigobloqUsu]=useState(-1);\r\n\r\n const [mensconfirmdesblocUsu,setmensconfirmdesblocUsu]=useState(\"Desea desbloquear el usuario\");\r\n const [confirmdesbloc,setconfirmdesbloc]=useState(false);\r\n const [loadOtpAuthorize,setloadOtpAuthorize]=useState(false);\r\n const [otpAuthorize,setotpAuthorize]=useState(false);\r\n const [otpIdTransfer, setotpIdTransfer]=useState(\"\");\r\n const [otpProcessModal,setotpProcessModal]=useState(false); \r\n const [confirmDecline,setconfirmDecline]=useState(false);\r\n const [cusDecline,setcusDecline]=useState(\"\");\r\n const [authorizationStatus,setauthorizationStatus]=useState(\"\");\r\n const [flujodomiciliacion,setflujodomiciliacion]=useState(\"\");\r\n const [objinidomi,setobjinidomi]=useState({});\r\n const [notificadomi,setnotificadomi]=useState(false);\r\n const [mensajenotifdomi,setmensajenotifdomi]=useState(\"\");\r\n\r\n\r\n const pideconfirmbloqueousu=(usu,tid,nid,codigounico)=>{\r\n setmensconfirmbloqueoUsu(\"Desea bloquear el usuario \" + usu);\r\n console.log(\"tid \" + tid + \" nid \" + nid);\r\n setuserBloqydesbloq({\r\n tidUser: tid,\r\n nidUser: nid,\r\n operation:2});\r\n setconfirmbloqueo(true);\r\n setcodigobloqUsu(codigounico);\r\n }\r\n const RequestOTPTransfer= {\r\n IdTransfer:\"\", \r\n Otp:\"\"\r\n }\r\n async function responseotpAuthorize(code) {\r\n //RequestOTPTransfer.IdTransfer=transcode;\r\n\r\n if(code.length>0)\r\n {\r\n RequestOTPTransfer.IdTransfer=otpIdTransfer;\r\n RequestOTPTransfer.Otp=code;\r\n \r\n //console.log(\"ref1:\" + ref1);\r\n //RequestOTPTransfer.Otp=\r\n //ref1 +\"\"+ ref2+\"\"+ ref3+\"\"+ ref4+\"\"+ ref5+\"\"+ ref6+\"\";\r\n let codigoSR05012=false; \r\n console.log(\"valido \" + RequestOTPTransfer.Otp)\r\n const request = await axiosInstance().post(\"/WSGYG39_2/api/Transaction/ValidOtp\",RequestOTPTransfer)\r\n .catch(err => {\r\n gettransactionByAuthorize();\r\n setotpAuthorize(false);\r\n setauthorizationStatus(\"Rechazada\");\r\n setotpProcessModal(true);\r\n if (err.response.data.errors) {\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n err.response.data.errors.map((o)=>{\r\n if(o.code==\"SR05012\"){\r\n codigoSR05012=true;// numero intentos excedido \r\n }\r\n })\r\n } else {\r\n codigoSR05012=true;\r\n setListAlert([\r\n {\r\n description: \"No se pudo autorizar la transacción.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\"\r\n }\r\n ]);\r\n }\r\n console.log(\"Error del consumo valida otp\")\r\n return 'err';\r\n });\r\n console.log(\"respuesta valida otp\");\r\n console.log(request);\r\n if (request != 'err') { \r\n console.log(\"respuesta : \" + request.data.plot);\r\n setauthorizationStatus(\"Aprobada\");\r\n setotpAuthorize(false);\r\n setotpProcessModal(true);\r\n } else { \r\n // \r\n //console.log(\"respuesta indicador : \" + request.data.page);\r\n if(codigoSR05012){ \r\n setotpAuthorize(false);//ocultar modal \r\n } \r\n }\r\n }else\r\n {\r\n setotpAuthorize(false);\r\n }\r\n }\r\n const confirmaBloqueoUsu=async(confirma)=>{\r\n console.log(userBloqydesbloq);\r\n console.log(confirma);\r\n setconfirmbloqueo(false);\r\n if(confirma){\r\n const request= await axiosInstance().post(\"/WSGYG39_2/api/Users/LockUnlockUsers\",userBloqydesbloq).catch((err) => {\r\n console.log(err);\r\n if (err.response.data.errors) {\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setListAlert([\r\n {\r\n description: \"No se pudo bloquear el usuario debido a un problema.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\"\r\n }\r\n ]);\r\n }\r\n return \"err\";\r\n });\r\n if (request != \"err\") {//agregar mensaje de exito dependiendo respuesta \r\n console.log(request);\r\n if (request.data.errors) {\r\n setListAlert(\r\n request.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-success\",\r\n icon: \"fas fa-check-circle\",\r\n }))\r\n );\r\n } else {\r\n setListAlert([\r\n {\r\n description: \"Usuario bloqueado correctamente\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-success\",\r\n icon: \"fas fa-check-circle\",\r\n },\r\n ]);\r\n }\r\n let lista_Usuarios=_.cloneDeep(InfUsu);\r\n for(let i=0;i\r\n
\r\n No hay transacciones pendientes
\r\n\r\n deleteAlert(item)}\r\n >\r\n ×\r\n \r\n \r\n \r\n {\" \"}\r\n {item.description}\r\n
\r\n );\r\n });\r\n }\r\n return {newsTemplate}
;\r\n },\r\n });\r\n\r\n \r\n const escuchaCheck=(idCheck,estado)=>{\r\n \r\n let estadoperfiles=_.cloneDeep(perfiles);\r\n if(perfiles.length>0){\r\n for(let i=0;i\r\n \r\n {index + 1}\r\n \r\n
\r\n );\r\n }\r\n });\r\n return newsTemplate;\r\n \r\n }\r\n \r\n \r\n\r\n function LineStepper(props) {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n )\r\n }\r\n const [maxstepcreaUsu,setmaxstepcreaUsu]=useState(0);\r\n const controlesCreaUsu=(etapa,sentido)=>{\r\n console.log(\"etapa \" + etapa + \" sentido \" + sentido);\r\n console.log(maxstepcreaUsu)\r\n if(sentido==1){\r\n if(etapa+1 <= maxstepcreaUsu && etapa>0){\r\n if(etapa<2){\r\n setStepLine((s) => s + 1);\r\n }else{\r\n if(newUser.IsSupervisorUser==\"N\"){\r\n setStepLine((s) => s + 1);\r\n }else{\r\n if(etapa+2 <= maxstepcreaUsu){\r\n setStepLine((s) => s + 2);\r\n }\r\n }\r\n }\r\n }\r\n }else{\r\n if(etapa-1 >=0){\r\n if(etapa<4){\r\n setStepLine((s) => s - 1);\r\n }else{\r\n if(newUser.IsSupervisorUser==\"N\"){\r\n setStepLine((s) => s - 1); \r\n }else{\r\n setStepLine((s) => s - 2);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n function NavigationButtons(props) {\r\n var isFirst=true;\r\n if(props.step > 0){\r\n isFirst=false;\r\n }\r\n var isEnd = props.step === props.listStep.length - 1;\r\n /*onClick={()=>{controlesCreaUsu(stepLine,-1)}}*/\r\n /*onClick={()=>{controlesCreaUsu(stepLine,1)}}*/\r\n //disabled={!isEnd}\r\n //disabled={!isFirst}\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n function DivStep({ children }) {\r\n return <>{children};\r\n }\r\n\r\n function Step(props) {\r\n if (props.current === props.step) {\r\n return (\r\n \r\n \r\n {currentChild}\r\n
\r\n );\r\n } else if (props.type === \"line\") {\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n } else return <>;\r\n }\r\n\r\n //const [count]=useState(0);\r\n async function getUsers() {\r\n \r\n const request = await axiosInstance()\r\n .get(\"/WSGYG39_2/api/Inquiries/ListUsers\")\r\n .catch((err) => {\r\n return \"err\";\r\n });\r\n if (request != \"err\") {\r\n console.log(\"caraga useeffect\");\r\n console.log(request.data);\r\n setInfUsu(request.data );\r\n }\r\n //return request ;\r\n } \r\n\r\n //const [count]=useState(0);\r\n useEffect(() => {\r\n dispatch(cambiaruta(\"Inicio/Seguridad\"));\r\n dispatch(cambiasidebar(false));\r\n dispatch(desactivasidebar([false,false]))\r\n \r\n \r\n const perfilCookie=getCookie(\"TEMPORAL\");\r\n console.log(\"cookie temporal \" + perfilCookie);\r\n let permitido=false;\r\n if (perfilCookie){\r\n for(let i=0;i\r\n
\r\n {currentChild}\r\n {props.listStep[props.step].title}
\r\n{newsTemplate}
;\r\n };\r\n const escuchaprodselec=(idprod,estado)=>{\r\n console.log(\"La cuenta \" + idprod + \" esta en \" + estado);\r\n let copiachecks=[...checkproducto];\r\n copiachecks[idprod]=estado;\r\n setcheckproducto([...copiachecks]);\r\n console.log(checkproducto);\r\n }\r\n var CardAccount = createReactClass({\r\n render: function () {\r\n var accountNumber =\r\n this.props.data.accountNumber,\r\n description = this.props.data.description,\r\n selectProduct = this.props.data.isSelectProduct;\r\n return (\r\n getProduct(this.props.data, this.props.tab,this.props.index)} className=\"col-auto ml-4 p-1\" style={{ width: \"80%\" }}>\r\n \r\n \r\n {description}
No. {accountNumber}\r\n \r\n
\r\n
\r\n No. {accountNumber}\r\n \r\n
\r\n {/*\r\n handleChangeIsSelectedProduct(this.props.indexprod)}\r\n checked={selectProduct}\r\n disabled={!(product === this.props.data)}\r\n />*/}\r\n
\r\n \r\n \r\n {\r\n product.action = \"C\";\r\n setProductState(\"C\");\r\n }}\r\n >\r\n Consulta\r\n
\r\n Tipo de Acceso
\r\n\r\n \r\n {\r\n product.validation = \"N\";\r\n setProductValidation(\"N\");\r\n }}\r\n >\r\n OTP\r\n
\r\n Tipo de Validación
\r\n\r\n \r\n {\r\n selectope(1)\r\n }}\r\n >\r\n Tope Monto Transaccional\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n } else{\r\n return(\r\n \r\n\r\n
\r\n );\r\n }\r\n }\r\n // componente ips\r\n const cambiaiconoagrega=(prendido)=>{\r\n if(prendido){\r\n setestadoIconIpAgrega(IconMasRojo);\r\n }else{\r\n setestadoIconIpAgrega(IconMas);\r\n }\r\n }\r\n const actualizavalorip=(event)=>{\r\n event.preventDefault();\r\n setvalorIp(event.target.value);\r\n\r\n }\r\n const ComponenteIps=()=>{\r\n if(newUser.IsSupervisorUser==\"N\"){\r\n return(\r\n \r\n {/* \r\n \r\n {Ips.map((item,index)=>{\r\n return(\r\n
\r\n );}else{\r\n return(\r\n Podrá registrar máximo 5 Ip's. Si no registra ninguna Ip, el usuario podrá acceder a la banca virtual sin esta restricción
*/}\r\n\r\n\r\n
\r\n \r\n
\r\n )\r\n })}\r\n {item}
\r\n\r\n \r\n
\r\n \r\n {/* \r\n \r\n {Ips.map((item,index)=>{\r\n return(\r\n
);\r\n }\r\n }\r\n const [Ips,setIps]=useState([]);\r\n const [IpAct,setIpAct]=useState(\"\");\r\n const editaIp=(event)=>{\r\n event.preventDefault();\r\n setIpAct(event.target.value);\r\n console.log(IpAct);\r\n\r\n }\r\n const agregaIp=()=>{\r\n if(Ips.length<5){\r\n const IpValida=validaIp(valorIp)\r\n if(IpValida.valida){\r\n let listaIps=[...Ips];\r\n listaIps.push(IpValida.IpAjustada);\r\n setIps([...listaIps]);\r\n setIpAct(\"\");\r\n setvalorIp(\"\");\r\n }else{\r\n setListAlert([\r\n {\r\n description: \"Ip invalida.Debe ser (0-255).(0-255).(0-255).(0-255) Ejemplo: 102.10.204.31\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\"\r\n }\r\n ]);\r\n setTimeout(()=>{deleteElementFromArr(listAlert)}, 5000);\r\n }\r\n \r\n }\r\n \r\n }\r\n const eliminaIp=(index)=>{\r\n if(indexPodrá registrar máximo 5 Ip's. Si no registra ninguna Ip, el usuario podrá acceder a la banca virtual sin esta restricción
*/}\r\n\r\n \r\n
\r\n \r\n
\r\n )\r\n })}\r\n {item}
\r\n\r\n \r\n Crear Usuario\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n return \r\n
\r\n No tienes supervisores registrados
\r\n{newsTemplate}
;\r\n },\r\n }\r\n );\r\n\r\n var RelatedAccount = createReactClass({\r\n render: function () {\r\n console.log(\"newUser1\");\r\n console.log(newUser);\r\n //var ownerAccount = this.props.data.ownerAccount;\r\n var ownerAccount = this.props.data.name;\r\n if(activeSupervisor != this.props.data.code){\r\n return (\r\n \r\n \r\n {ownerAccount}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {ownerAccount}\r\n
\r\n \r\n \r\n
\r\n \r\n {initial}\r\n
\r\n );\r\n } else return \"\";\r\n };\r\n\r\n async function getSupervisor(supervisor, tab) {\r\n console.log(\"Usuario a crear\");\r\n newUser.SupervisorCode = supervisor.code;\r\n console.log(newUser);\r\n console.log(\"supervisor.code\");\r\n console.log(supervisor.code);\r\n console.log(\"supervisorUsers\");\r\n console.log(supervisorUsers);\r\n setSupervisorUsers(supervisorUsers);\r\n // if(supervisorUsers.code == supervisor.code){\r\n setActiveSupervisor(supervisor.code);\r\n //}\r\n /*\r\n const request = await axiosInstance()\r\n .post(\"/WSGYG39_2/api/Inquiries/CreateUser\", newUser)\r\n .catch((err) => {\r\n return \"err\";\r\n });\r\n if (request != \"err\") {\r\n console.log(\"respuesta creacion de usuarios\")\r\n console.log(request.data.productsUser);\r\n setListProducts(request.data.productsUser);\r\n setUniqueIdUser(request.data.uniqueIdUser);\r\n setStepLine((s) => s + 1);\r\n }\r\n */\r\n\r\n //*************Ajustado solo para IDEA *******/\r\n // setStepLine((s) => s + 1);\r\n // setmaxstepcreaUsu((s) => s + 1);\r\n \r\n }\r\n\r\n async function createUserProducts() {\r\n \r\n console.log(\"envio final creacion de usuario\");\r\n console.log(listProducts.filter((item) => item.isSelectProduct));\r\n productUser.UniqueIdUser=uniqueIdUser;\r\n productUser.ProductsUser=listProducts.filter((item) => item.isSelectProduct);\r\n console.log(productUser)\r\n const request = await axiosInstance()\r\n .post(\r\n \"/WSGYG39_2/api/Inquiries/CreateUserProducts\",\r\n productUser\r\n )\r\n .catch((err) => {\r\n return \"err\";\r\n });\r\n if (request != \"err\") {//agregar mensaje de exito dependiendo respuesta \r\n setResultModal(true);\r\n //setTabs(0);\r\n }\r\n \r\n }\r\n\r\n //Profiles\r\n var Profiles = createReactClass({\r\n render: function () {\r\n var data = this.props.data;\r\n var tab = this.props.tab;\r\n var newsTemplate;\r\n let provicional={\r\n id:0\r\n }\r\n\r\n if (data.length > 0) {\r\n return(\r\n \r\n {newsTemplate = data.map(function (item, index) {\r\n return (\r\n
\r\n )\r\n } else {\r\n newsTemplate = (\r\n \r\n {return( \r\n
\r\n );\r\n })\r\n }\r\n {item.nombrePerfil} {\": \" + item.descripcion}
)} } estadocheck={item.habilitado} idCheck={item.id} funcionpadre={escuchaCheck}>\r\n getProfile()}\r\n > Continuar\r\n \r\n
\r\n \r\n {newsTemplate}
;\r\n },\r\n });\r\n\r\n var CardProfile = createReactClass({\r\n render: function () {\r\n var nombrePerfil = this.props.data.nombrePerfil;\r\n return (\r\n \r\n \r\n {nombrePerfil}\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n } else {\r\n return ;\r\n }\r\n };\r\n\r\n // Opciones del Perfil\r\n const PermisosProducto = (props) => {\r\n \r\n let modulo = props.modulo;\r\n let cabecera = [];\r\n let registros = [];\r\n /*\r\n if (props.listaPerfiles.length > 0) {\r\n for (let per = 0; per < props.listaPerfiles.length; per++) {\r\n if (props.listaPerfiles[per].id == props.id) {\r\n for (let i = 0; i < props.listaPerfiles[per].permisos.length; i++) {\r\n if (props.listaPerfiles[per].permisos[i].mod == modulo) {\r\n cabecera = props.listaPerfiles[per].permisos[i].habilidades;\r\n registros.push(props.listaPerfiles[per].permisos[i].registros);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n console.log(\"Reg de opciones\");\r\n\r\n console.log(registros);\r\n */\r\n let ff=0;\r\n if (cabecera.length > 0 && ff==3) {\r\n return (\r\n | \r\n Id perfil\r\n | \r\n\r\n Descripción\r\n | \r\n\r\n Fecha último cambio\r\n | \r\n\r\n Usuario último cambio\r\n | \r\n\r\n Estado\r\n | \r\n\r\n Detalle\r\n | \r\n
|---|---|---|---|---|---|
| {item.id} | \r\n{item.nombrePerfil} | \r\n{item.fecha} | \r\n{item.ultimoUsuario} | \r\n{item.habilitado} | \r\n\r\n | \r\n
\r\n \r\n
\r\n
\r\n );\r\n } else {\r\n return ();\r\n }\r\n };\r\n const modificaUsuario=(usuario)=>{\r\n setotpelimusu(false);\r\n console.log(usuario);\r\n setinfUsuModif(usuario);\r\n //setotpmodifusu(true);\r\n setTabs(8);\r\n dispatch(cambiaruta(\"Inicio/Seguridad/Administrar Usuarios/Modificar usuario\"))\r\n }\r\n // Usuarios\r\n const cancelaUsuCM=async(tipomodf,objetoModif = {uniqueIdUser:\"\",\r\n emailUser:\"\",\r\n cellNumberUser:\"\",\r\n }\r\n )=>{\r\n if(tipomodf==\"crea\"){\r\n setIsSupervisorUser(\"\");\r\n setperfiles(basePerfiles);\r\n setIps([]);\r\n setIpAct(\"\");\r\n setvalorIp(\"\");\r\n setTabs(4);\r\n setStepLine(0);\r\n setmaxstepcreaUsu(0);\r\n dispatch(cambiaruta(\"Inicio/Seguridad/Administrar Usuarios\"));\r\n }else if(tipomodf==\"modifica\"){\r\n dispatch(cambiaruta(\"Inicio/Seguridad/Administrar Usuarios\"));\r\n setTabs(4);\r\n getUsers();\r\n setStepLineM(0);\r\n if(objetoModif.uniqueIdUser.length>0){\r\n let copialistaUsu=_.cloneDeep(InfUsu);\r\n for(let i=0;i| {item} | ;\r\n })}\r\n
|---|
| {regi} | ;\r\n })}\r\n
| \r\n Id usuario\r\n | \r\n\r\n Estado\r\n | \r\n\r\n Correo electrónico\r\n | \r\n\r\n Número celular\r\n | \r\n \r\nAcciones | \r\n {/*\r\n Hora ultimo ingreso\r\n | \r\n\r\n Fecha ultimo ingreso\r\n | */}\r\n
|---|---|---|---|---|---|---|
| {item.nidUser} | \r\n{item.statusUser} | \r\n{item.emailUser} | \r\n{item.cellNumberUser} | \r\n\r\n \r\n \r\n \r\n | \r\n {/*{item.FechaUltIng} | */}\r\n|
| {item.nidUser} | \r\n{item.statusUser} | \r\n{item.emailUser} | \r\n{item.cellNumberUser} | \r\n\r\n \r\n \r\n \r\n \r\n \r\n | \r\n {/*{item.FechaUltIng} | */}\r\n|
| {item.nidUser} | \r\n{item.statusUser} | \r\n{item.emailUser} | \r\n{item.cellNumberUser} | \r\n\r\n \r\n \r\n \r\n \r\n \r\n | \r\n {/*{item.FechaUltIng} | */}\r\n
\r\n\r\n
\r\n )\r\n \r\n break;\r\n case 1:\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {/*\r\n \r\n this.toggleNavs(e, \"tabs\", 1)}\r\n href=\"\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n \r\n Cambiar Contraseña\r\n \r\n
\r\n \r\n \r\n \r\n this.toggleNavs(e, \"tabs\", 2)}\r\n href=\"\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n \r\n Actualizar Datos del Usuario\r\n \r\n
\r\n \r\n \r\n \r\n this.toggleNavs(e, \"tabs\", 3)}\r\n href=\"\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n \r\n Administrar Perfiles\r\n \r\n
\r\n \r\n \r\n */}\r\n \r\n {this.toggleNavs(e, \"tabs\", 4)\r\n dispatch(cambiaruta(\"Inicio/Seguridad/Administrar Usuarios\"))}}\r\n href=\"\"\r\n role=\"tab\"\r\n \r\n >\r\n \r\n
\r\n \r\n \r\n Administrar Usuarios\r\n \r\n
\r\n \r\n \r\n \r\n {/* {this.toggleNavs(e, \"tabs\", 9)\r\n dispatch(cambiaruta(\"Inicio/Seguridad/Domiciliación\"))}}\r\n href=\"\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n \r\n Domiciliación\r\n \r\n
\r\n */}\r\n \r\n \r\n \r\n {/* { this.toggleNavs(e, \"tabs\", 7)\r\n dispatch(cambiaruta(\"Inicio/Seguridad/Transacciones pendientes\"))}}\r\n href=\"\"\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n \r\n Transacciones pendientes\r\n \r\n
\r\n */}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {iniciocreaUsu()\r\n dispatch(cambiaruta(\"Inicio/Seguridad/Administrar Usuarios/Agregar Usuario\"))}}\r\n >\r\n \r\n \r\n Agregar Usuario\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {/* \r\n \r\n \r\n
\r\n Tu transferencia fue {authorizationStatus}.
\r\n {/*Tu transferencia a la cuenta {productTwo.numeroCuenta} {productTwo.accountNumber} fue aprobada.
\r\n- \r\n
- \r\n
Valor
\r\n
\r\n \r\n - \r\n
Costo
\r\n
\r\n \r\n - \r\n
Hacia
\r\n\r\n\r\n{productTwo.ownerAccount}
\r\nSantander
\r\nAhorros No. {productTwo.numeroCuenta} {productTwo.accountNumber}
\r\n \r\n - \r\n
Desde
\r\n\r\n\r\nAhorros No. {productOne.accountNumber}
\r\nDisponible
\r\n \r\n
\r\n \r\n \r\n {({ toPdf }) => (\r\n \r\n )}\r\n \r\n\r\n
*/}\r\n \r\n
\r\n Productos de Crédito
\r\n\r\n \r\n
\r\n Productos de Ahorro
\r\n\r\n \r\n
\r\n Depósitos a Término
\r\n\r\n \r\n
\r\n Opciones Generales
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {descripLineaCreacion[0]}
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {/* Información sobre creación de usuario
\r\nPuedes elegir si el usuario a crear tendrá la función de supervisar a otros usuarios para aprobar o rechazar transacciones pendientes.
\r\n\r\n \r\n \r\n Ayuda\r\n \r\n
*/}\r\n \r\n
\r\n {descripLineaCreacion[1]}
\r\n\r\n
\r\n {descripLineaCreacion[2]}
\r\n\r\n
\r\n {descripLineaCreacion[3]}
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {/*fin mensaje */}\r\n \r\n \r\n );\r\n break;\r\n case 2:\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n Proceso exitoso
\r\n\r\n El usuario fue creado con éxito.\r\n
\r\n\r\n
\r\n )\r\n break;\r\n case 3:\r\n return (\r\n \r\n
\r\n No tiene permisos para esta sección
\r\n\r\n\r\n
\r\n )\r\n break;\r\n }\r\n }\r\n }\r\n return \r\n \r\n
\r\n
\r\n );\r\n\r\n }else{\r\n return(| {item} | \r\n )\r\n })}\r\n\r\n
|---|
| {regi} | \r\n )\r\n })}\r\n
\r\n\r\n
)\r\n }\r\n }\r\n const Editmodulos=(props)=>{\r\n let modul=[\"Productos de credito\",\"Productos de ahorro\",\"Deposito a termino\",\"Opciones generales\"]\r\n if(idperfilSelec>0){\r\n console.log(\"id seleccionado: \" + idperfilSelec);\r\n return(\r\n \r\n {modul.map(item=>{\r\n \r\n return(\r\n
\r\n \r\n )\r\n }else{\r\n return(\r\n \r\n )\r\n }\r\n \r\n }\r\n const ListaPerfiles=(props)=>{\r\n if(props.listaPerfiles.length>0){\r\n return(\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n )\r\n })}\r\n\r\n \r\n \r\n
\r\n
\r\n );\r\n }else{\r\n return(\r\n \r\n )\r\n }\r\n }\r\n return (\r\n <>\r\n | \r\n Id perfil\r\n | \r\n\r\n Descripción\r\n | \r\n\r\n Fecha último cambio\r\n | \r\n\r\n Usuario último cambio\r\n | \r\n\r\n Estado\r\n | \r\n\r\n Detalle\r\n | \r\n
|---|---|---|---|---|---|
| \r\n {item.id}\r\n | \r\n\r\n {item.nombrePerfil}\r\n | \r\n\r\n {item.fecha}\r\n | \r\n\r\n {item.ultimoUsuario}\r\n | \r\n\r\n {item.habilitado }\r\n \r\n | \r\n\r\n \r\n | \r\n
\r\n \r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default AdmPErfil;\r\n","/*!\r\n\r\n=========================================================\r\n* Argon Dashboard React - v1.2.0\r\n=========================================================\r\n\r\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\r\n* Copyright 2021 Creative Tim (https://www.creative-tim.com)\r\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\r\n\r\n* Coded by Creative Tim\r\n\r\n=========================================================\r\n\r\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\r\n\r\n*/\r\nimport React, { useState } from \"react\";\r\nimport classnames from \"classnames\";\r\nimport NumberFormat from \"react-number-format\"\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardBody,\r\n CardTitle,\r\n Container,\r\n Row,\r\n Col,\r\n NavItem,\r\n NavLink,\r\n Nav,\r\n TabContent,\r\n TabPane,\r\n CardHeader,\r\n Button,\r\n FormGroup,\r\n InputGroup,\r\n Input,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Modal\r\n} from \"reactstrap\";\r\nimport { normalizeUnits } from \"moment\";\r\n\r\nconst accounts = [\r\n {\r\n accountType: 1,\r\n accountNumber: \"000123456789\",\r\n secuence: 1,\r\n system: 30,\r\n balance: 2000000\r\n },\r\n {\r\n accountType: 1,\r\n accountNumber: \"000147852369\",\r\n secuence: 1,\r\n system: 30,\r\n balance: 2000000.25\r\n }\r\n];\r\n\r\nconst contacts = [\r\n {\r\n id: 1,\r\n name: \"Diego Alejandro Torres Niño\",\r\n nickName: \"Diego\"\r\n },\r\n {\r\n id: 2,\r\n name: \"Cristian Camilo Torres Niño\",\r\n nickName: \"Camilo\"\r\n },\r\n {\r\n id: 3,\r\n name: \"Diego Alejandro Torres Niño\",\r\n nickName: \"Diego\"\r\n },\r\n {\r\n id: 4,\r\n name: \"Cristian Camilo Torres Niño\",\r\n nickName: \"Camilo\"\r\n },\r\n {\r\n id: 5,\r\n name: \"Diego Alejandro Torres Niño\",\r\n nickName: \"Diego\"\r\n },\r\n {\r\n id: 6,\r\n name: \"Cristian Camilo Torres Niño\",\r\n nickName: \"Camilo\"\r\n }\r\n];\r\n\r\nconst contactSelected = {\r\n id: 1,\r\n name: \"Diego Alejandro Torres Niño\",\r\n nickName: \"Diego\"\r\n};\r\n\r\nconst AccountsContact = [\r\n {\r\n alias: \"CuenDiego\",\r\n accountNumber: \"000123456789\",\r\n Bank: \"BBVA\"\r\n },\r\n {\r\n alias: \"CuenDiego2\",\r\n accountNumber: \"0123458794564\",\r\n Bank: \"Avvillas\",\r\n }\r\n];\r\n\r\nconst CardLoan = props => {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n Administración de perfiles
\r\n\r\n
\r\n \r\n \r\n Préstamo No. {props.account.accountNumber}\r\n
\r\n \r\n Deudo
\r\n
\r\n \r\n \r\n Cuenta de Ahorros No. {props.account.accountNumber}\r\n
\r\n \r\n Disponible
\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n};\r\n\r\nconst CardAccountContact = props => {\r\n return (\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n {props.contact.name}\r\n
\r\n \r\n {props.contact.nickName}\r\n
\r\n
\r\n {initial}
\r\n } else\r\n return \"\";\r\n}\r\n\r\n\r\nclass NavsTransfer extends React.Component {\r\n state = {\r\n tabs: 1\r\n };\r\n toggleModal = state => {\r\n this.setState({\r\n [state]: !this.state[state]\r\n });\r\n };\r\n toggleNavs = (e, state, index) => {\r\n e.preventDefault();\r\n this.setState({\r\n [state]: index\r\n });\r\n };\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n Datos Básicos del Préstamo
\r\n\r\n
\r\n Ingrese el valor a cancelar
\r\n\r\n
\r\n Elige la cuenta con la que pagar
\r\n\r\n
\r\n Vas a cancelar
\r\n\r\n
\r\n \r\n - \r\n
- \r\n
Valor
\r\n10000
\r\n \r\n - \r\n
Costo
\r\n7750
\r\n \r\n - \r\n
Hacia
\r\n\r\n\r\nPrestamo No. 702766010
\r\n \r\n - \r\n
Desde
\r\n\r\n\r\nAhorros No. 702766010
\r\nDisponible $15.792.276
\r\n \r\n
\r\n this.toggleModal(\"notificationModal\")}\r\n >\r\n ×\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n Verifica la transferecia con el número que se envió a tu celular.
\r\n \r\n\r\n \r\n {props.label}\r\n
\r\n \r\n \r\n {props.label}\r\n
\r\n \r\n {props.label}\r\n \r\n \r\n {props.label}\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport function DivStepper({ children, ...props }) {\r\n const childrenArray = React.Children.toArray(children);\r\n const [step, setStep] = useState(0);\r\n const currentChild = childrenArray[step];\r\n if (step != childrenArray.length - 1) {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n - \r\n
\r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nexport default NavsTransfer;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAoCAYAAABjPNNTAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASqSURBVHgBxVg7TxtBEN47GwponC7l8QswBVLC8/gFQJcO+xfggoc7bAkhDEiYLp1NlTKmSyobCZC72L+Ao0vpCPEwz3zfeY8cxvfEdkY6765vdu6b2ZnZ2VWED0qlUlo0Gl1QVXUWwzgezfa6hsd4fn4+ur+/r+TzeUN0mRS3lysrK7qiKBt4dOFXoKIUm81mtptgO4KE5WKDg4Mb7Mq/GrBUCe2x3VqZTCZ2dXWloRsHuHm0CzYxmZ2dnazoBUguLQCWRWtJG3gOhoaG8gDU8BKWTqe1p6enDLpL8q/a3d3d4nutqrgArMMHF7a3tw0RkCRYS44BJcf8KOlEqg1gzA4QgvUwAEmcBwXnCJDybm5uvot3UMTqzMzMfEWji5bmn900p8XBfz45Odk8PT2tduI5OTlpTE9PH8GX6adx8CrgrYgQZFpydXWVacX0I1rAa2lgcfLHAGDejY8WxbIn5XCZyokQZFoSWn5DdGroZnO5XMmJmSkJvAXwpjnmHIwTU1NT8fHx8Xq1Wn2j3NnZmQGeEXQ/wQAKxj9EQFKpncyDDQgpCheAeF+2eEUribPVYNEE/ZkpqdNcvM9LpZaceFxBcieRAkpugcKkLrtZ5L8PeMbYYjkZIIcAYji5ye7ubg3zK+jGrq+vdRGQojIJU9sjn3Nq9sHe3l4FTcVrEuQfo9HR6mhLIgCpAGmaHxY1PHjrst0PEwCPj4+WcpoISIxuRqrY2tqquTFGIhH6lcGPwP/O19fXC/RT4ZMGBgZM+TDKqAhIql9GW4I+5JjBwkBaW1s7RwpLiB4SQZrO7ifqCBTBQnAjAMn8Z+BhdijQsm5zb29vLfmBt8cXkDYhnkSwiNgiAFtgWSUlYNWU0xy4i8YWfKFAMuro2LoIQQSL5kAC0Bw/pKq67NZFQIoiz9UgYIkPxkUnRvhdGTwCBW3SXnqxMAG4WSw5g8Jwmo93rOqFrEuDgXx4eCgiWveZv+iXTgmZWyAtxcjGsta4bDJ9aXjYMrA6AoAizCB8DJlXA5EKqzTkbiBQUm04Mv6LbCoRl9ujVWhU+N5px4JiKaloRYQgs+hlFQQBv9jnNuelLVMOI5rghoeHF92qJotXgiyigEmKgGTmSe6t+KDp/LBIwWtHwTnHSvx1r7oTwPatMTOAV6rqRK+OD/A1WtP0HZxN5tzOJm7+awG0Kn1pgCIAcxwLatFXINvPJixYwzg6lGWm4DbKgKojn5pbr3SrwEDfnBYlUJ5JTMFBztEdzumHOIqk7BYPA9TxcgDWyKB5iXYGCYQeQwG2Dfil+WEeJWT5Ndp2icBdaI7+3i47KFDXGwzbOZo1p59t0zyni5a7LHULqCtIixgkl5eXutzaRmUSt0AzM1xwJ7H7L1ai2C2gvkCGpW4B7SnIbgHtOchuAO0LyPcCjYg+Ea5YStYlAQB8mZiY+ImLgt92Ho75P9+TD/x/eI3j+4zTDeLRQ7QqKVqqLK93XhEtjLS3KIfL/OkrSJIfoLZUpvGn7yBJXkBtVZjBn/8CktQBKMdm8Mjq6aVI7lt0O5Et6tvJsKr9vkW3EzHqEdEX8urxo2jt/zlUT8nNzU0z+v8CTOesrwnoRTMAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAoCAYAAABjPNNTAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAGgSURBVFhHxZeBccIwDEWTTMAO7RzdoGzQ6bpBu0HX6DEDTNBQ5eycUST7y5bNu+MwnGQ9yw4h8/rPVODl6z2MylzO32HkR1bSIsfxlBUlS3JRAI1r5SCpFUYKtuTmeJCUitQU8JonsoR314lbO8fZJTm5QrSg+NLg+bnYEpskn8CrE16i25lMk0sdzKHlovNrLOjqkDgkZr3dwgjn4Uyiq6S4+ErR8tPvX38+wghHvXBQNGFPqiTRI+LFLmntBImOkoU7qS1ihOwuiRTKnb2eolVnMspy4V6iVZIpWmc9gSXj2ePd6rnNkfnvel3TH9jWMyflp7k1nV/m0ykM2+m19Yc/GESpmCXeOrfEdiZ5Irq1hEWQsMwd2S8ci2iMtQpGrKLZqxsRleB5FGtpAmf406K0gBIHyYhlpTkkCauout3IChGkxfK5Sw1RO5mCdjUtjnQL7SgkWYuXKHzvroEXlHYEiekqSXiIdpckWkWHSBItosMkiRpRYqgkUSM6XJIoifLPT5EkNFGps0+TJJCtJ7recVAkud+3z2nZHm2m6Q4bjx5AB33wDwAAAABJRU5ErkJggg==\"","import React, { useState, useEffect, Component } from \"react\";\r\nimport { NavLink as NavLinkRRD, Link } from \"react-router-dom\";\r\nimport NumberFormat from \"react-number-format\";\r\n//import axios from \"axios\";\r\nimport axiosInstance from \"./../../helpers/axiosInstance\";\r\nimport Slider from \"react-slick\";\r\nimport \"slick-carousel/slick/slick.css\";\r\nimport \"slick-carousel/slick/slick-theme.css\";\r\nimport Skeleton from \"react-loading-skeleton\";\r\nimport iconDetails from '../../assets/img/icons/Icono-Detalles-Blanco.png'\r\nimport iconTransfer from '../../assets/img/icons/Icono-Transferencia-Blanco.png'\r\nimport iconPay from '../../assets/img/icons/Icono-Pago-Interno-Blanco.png'\r\nimport iconProyect from '../../assets/img/icons/Icono-Deuda-Blanco.png'\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { cambiavalorpago, actualizarCheckboxs, actualizaropcionpago, actualizarBotonPagar } from 'Silicerreducerpayu';\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n Button,\r\n NavLink,\r\n CardHeader,\r\n CardBody,\r\n Container,\r\n Row,\r\n Col,\r\n CardTitle,\r\n UncontrolledTooltip,\r\n} from \"reactstrap\";\r\n\r\nconst Botonrapido=(props)=>{\r\n const dispatch = useDispatch()\r\n var icon =props.icon,\r\n iconactiv=props.iconactiv,\r\n title =props.title\r\n const [iconestado,seticonestado]=useState(icon);\r\n const [textoestado,settextoestado]=useState(\"text-grissantander mb-0\")\r\n const mousehover=(estado)=>{\r\n if(estado==\"activo\"){\r\n seticonestado(iconactiv);\r\n settextoestado(\"text-green mb-0\")\r\n\r\n }else{\r\n seticonestado(icon);\r\n settextoestado(\"text-grissantander mb-0\")\r\n\r\n }\r\n }\r\n\r\n const habilitarBoton = () => {\r\n dispatch(actualizarBotonPagar(false))\r\n }\r\n\r\n return(\r\n habilitarBoton()} onMouseOver={()=>{mousehover(\"activo\")}} onMouseOut={()=>{mousehover(\"desactivado\")}} className=\"card-fast-actions bg-white\" style={{\"max-width\":\"100%\",width:\"80px\"}}>\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Botonrapido;","import React, { useState, useEffect, Component } from 'react';\r\nimport { NavLink as NavLinkRRD, Link } from 'react-router-dom';\r\nimport NumberFormat from 'react-number-format';\r\n//import axios from \"axios\";\r\nimport axiosInstance from './../../helpers/axiosInstance';\r\nimport Slider from 'react-slick';\r\nimport 'slick-carousel/slick/slick.css';\r\nimport 'slick-carousel/slick/slick-theme.css';\r\nimport Skeleton from 'react-loading-skeleton';\r\nimport iconDetails from '../../assets/img/icons/Icono-Detalles-Blanco.png';\r\nimport iconTransfer from '../../assets/img/icons/Icono-Transferencia-Blanco.png';\r\nimport iconPay from '../../assets/img/icons/Icono-Pago-Interno-Blanco.png';\r\nimport iconProyect from '../../assets/img/icons/Icono-Deuda-Blanco.png';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { actualizaProductSelect } from '../../Slicersreducers';\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n Button,\r\n NavLink,\r\n CardHeader,\r\n CardBody,\r\n Container,\r\n Row,\r\n Col,\r\n CardTitle,\r\n UncontrolledTooltip,\r\n} from 'reactstrap';\r\nimport Botonrapido from './botonaccionesrapidas.js';\r\n\r\nconst Movimientoshome = (props) => {\r\n const dispatch = useDispatch();\r\n var createReactClass = require('create-react-class');\r\n const [isMovementLoading, setisMovementLoading] = useState(true);\r\n const [product, setproduct] = useState(props.product);\r\n const [shortcutAccount, setshortcutAccount] = useState(props.shortcutAccount);\r\n const [shortcutLoan, setshortcutLoan] = useState(props.shortcutLoan);\r\n const [shortcutCdt, setshortcutCdt] = useState(props.shortcutCdt);\r\n const [listMovements, setlistMovements] = useState([]);\r\n const ListProductsHome = useSelector((state) => state.miga.listProductsHome);\r\n const ProductSelct = useSelector((state) => state.miga.ProductSelect);\r\n useEffect(() => {\r\n if (ListProductsHome.legth > 0) {\r\n setisMovementLoading(true);\r\n } else {\r\n setisMovementLoading(false);\r\n }\r\n }, [ListProductsHome, product]);\r\n\r\n // const getProductListSelect = () => {\r\n // let listProductSelect = [];\r\n // ListProductsHome.map((item, index) => {\r\n // listProductSelect.push(false);\r\n // });\r\n // console.log('cristal' + ListProductsHome);\r\n // dispatch(actualizaProductSelect(listProductSelect));\r\n // };\r\n var Movements = (props) => {\r\n var data = props.data;\r\n var newsTemplate;\r\n var title;\r\n setproduct(props.producto);\r\n if (data != null) {\r\n if (isMovementLoading) {\r\n newsTemplate = (\r\n \r\n {/**/}\r\n 
\r\n
\r\n \r\n \r\n \r\n {title}\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n } else {\r\n newsTemplate = data.map(function (item, index) {\r\n return (\r\n \r\n
\r\n );\r\n });\r\n }\r\n } else {\r\n newsTemplate = Hoy no se han generado movimientos
;\r\n }\r\n\r\n if (product.accountNumber === undefined) title = '';\r\n else\r\n title = (\r\n\r\n {/* {title} */}\r\n {newsTemplate}\r\n
\r\n );\r\n };\r\n\r\n const formatearNumeroConComas = (numero) => {\r\n const numeroSinComas = numero.replace(/,/g, '');\r\n if (/^\\d+$/.test(numeroSinComas)) {\r\n return numeroSinComas.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\r\n } else {\r\n return numero;\r\n }\r\n };\r\n\r\n var Movement = createReactClass({\r\n render: function () {\r\n let cuentaSupervision = '';\r\n var Description = this.props.data.description,\r\n Account = this.props.data.accountNumber,\r\n Value = formatearNumeroConComas(this.props.data.balance),\r\n color =\r\n this.props.data.sign === '' || this.props.data.sign === undefined\r\n ? 'text-grissantander'\r\n : this.props.data.sign === '+'\r\n ? 'text-green'\r\n : 'text-primary';\r\n\r\n console.log('Value: ' + Value);\r\n if (\r\n this.props.data.accountType === '1' ||\r\n this.props.data.accountType === '2'\r\n ) {\r\n cuentaSupervision = Description.substring(\r\n Description.length - 1,\r\n Description.length\r\n );\r\n Description = Description.substring(0, Description.length - 1).trim();\r\n if (Description === '') {\r\n Description = 'CUENTA VISTA/ CONVENIOS';\r\n }\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n {Description}\r\n \r\n
\r\n \r\n
\r\n Cuenta con Supervisión
\r\n\r\n \r\n Disponible:{' '}\r\n
\r\n
\r\n \r\n Disponible:{' '}\r\n
\r\n Hoy no se han generado movimientos
;\r\n }\r\n //return\r\n \r\n \r\n
\r\n \r\n \r\n Producto Número: {product.accountNumber}\r\n
\r\n\r\n \r\n {props.data.title}\r\n \r\n\r\n \r\n \r\n Valor Total:\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Total de Productos:\r\n \r\n \r\n {props.data.totalProductos}\r\n \r\n
\r\n Hoy no se han generado movimientos
;\r\n }\r\n\r\n if (props.carouselOptions.length > 0) {\r\n return (\r\n\r\n {newsTemplate} \r\n
\r\n );\r\n } else {\r\n return {newsTemplate}
;\r\n }\r\n});\r\n","import React, { useState, useEffect, Component, useLayoutEffect } from 'react';\r\nimport { NavLink as NavLinkRRD, Link } from 'react-router-dom';\r\nimport NumberFormat from 'react-number-format';\r\n//import axios from \"axios\";\r\nimport axiosInstance from './../../helpers/axiosInstance';\r\nimport Slider from 'react-slick';\r\nimport 'slick-carousel/slick/slick.css';\r\nimport 'slick-carousel/slick/slick-theme.css';\r\nimport Skeleton from 'react-loading-skeleton';\r\nimport iconDetails from '../../assets/img/icons/Icono-Detalles-Blanco.png';\r\nimport iconTransfer from '../../assets/img/icons/Icono-Transferencia-Blanco.png';\r\nimport iconPay from '../../assets/img/icons/Icono-Pago-Interno-Blanco.png';\r\nimport iconProyect from '../../assets/img/icons/Icono-Deuda-Blanco.png';\r\nimport { ProductFilter } from './ProductFilter.js';\r\nimport { Products } from './ProductsHome/Products';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport {\r\n actualizaListProductsHome,\r\n actulizaInitHome,\r\n actualizaGroupSelect,\r\n actualizaProductSelect,\r\n} from '../../Slicersreducers';\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n Button,\r\n NavLink,\r\n CardHeader,\r\n CardBody,\r\n Container,\r\n Row,\r\n Col,\r\n CardTitle,\r\n UncontrolledTooltip,\r\n} from 'reactstrap';\r\nimport { ocultarFilter } from 'Slicersreducers';\r\n\r\nconst _ = require('lodash');\r\n\r\nconst Carruselproductos = (props) => {\r\n const [convenios, setConvenios] = useState({\r\n nombreCuenta: '',\r\n\r\n numeroCuenta: '',\r\n });\r\n const [prestamosCuenta, setPrestamosCuenta] = useState({\r\n numeroPrestamos: '',\r\n });\r\n const [CDTA, setCDTA] = useState({\r\n numeroCDTA: '',\r\n });\r\n const [SplitProducts, setSplitProducts] = useState({});\r\n const [CarouselOptions, setCarouselOptions] = useState([]);\r\n const [listProducts, setlistProducts] = useState(props.listProducts);\r\n const [sett, setsett] = useState(props.sett);\r\n const totalBalance = useSelector((state) => state.miga.balanceTotal);\r\n const ocultarFilter = useSelector((state) => state.miga.ocultarFilter);\r\n const initHome = useSelector((state) => state.miga.initHome);\r\n const groupSelect = useSelector((state) => state.miga.GroupSelect);\r\n const dispatch = useDispatch();\r\n const generateLIstCard = () => {\r\n let listCarouselOptions = [];\r\n let productSelect = [];\r\n if (SplitProducts.accounts.length != 0) {\r\n listCarouselOptions.push({\r\n title: 'Cuentas Vista / Convenios',\r\n totalProductos: `${SplitProducts.accounts.length}`,\r\n totalValue: `${totalBalance.balanceAccounts}`,\r\n listMovements: SplitProducts.accounts,\r\n ocultarFiltro: ocultarFilter[0],\r\n index: 0,\r\n });\r\n }\r\n\r\n if (SplitProducts.prestamos.length != 0) {\r\n listCarouselOptions.push({\r\n title: 'Cartera Vigente / Préstamos',\r\n totalProductos: `${SplitProducts.prestamos.length}`,\r\n totalValue: `${totalBalance.balanceCredit}`,\r\n listMovements: SplitProducts.prestamos,\r\n ocultarFiltro: ocultarFilter[1],\r\n index: 1,\r\n });\r\n }\r\n\r\n if (SplitProducts.cdt.length != 0) {\r\n listCarouselOptions.push({\r\n title: 'Dépositos a término / CDATS',\r\n totalProductos: `${SplitProducts.cdt.length}`,\r\n totalValue: `${totalBalance.balanceCdts}`,\r\n listMovements: SplitProducts.cdt,\r\n ocultarFiltro: ocultarFilter[2],\r\n index: 2,\r\n });\r\n }\r\n if (!initHome) {\r\n listCarouselOptions.map((item, index) => {\r\n if (index === 0) {\r\n productSelect.push(true);\r\n }\r\n productSelect.push(false);\r\n });\r\n dispatch(actualizaGroupSelect(productSelect));\r\n }\r\n setCarouselOptions(listCarouselOptions);\r\n };\r\n\r\n const SepProducts = () => {\r\n const accounts =\r\n listProducts &&\r\n listProducts.filter(\r\n (cuenta) => cuenta.accountType === '1' || cuenta.accountType === '2'\r\n );\r\n\r\n const prestamos =\r\n listProducts &&\r\n listProducts.filter(\r\n (prestamo) =>\r\n prestamo.accountType === '3' || prestamo.accountType === '6'\r\n );\r\n\r\n const cdt =\r\n listProducts && listProducts.filter((cdt) => cdt.accountType === '7');\r\n\r\n setSplitProducts({\r\n cdt: cdt != null ? cdt : [],\r\n prestamos: prestamos != null ? prestamos : [],\r\n accounts: accounts != null ? accounts : [],\r\n });\r\n };\r\n\r\n const generateListInitProduct = () => {\r\n for (const clave in SplitProducts) {\r\n if (!initHome) {\r\n if (SplitProducts.hasOwnProperty(clave)) {\r\n if (SplitProducts[clave].length != 0) {\r\n const valor = SplitProducts[clave];\r\n dispatch(actualizaListProductsHome(valor));\r\n let listProductSelect = [];\r\n valor.map((item, index) => {\r\n if (index === 0) {\r\n listProductSelect.push(true);\r\n }\r\n listProductSelect.push(false);\r\n });\r\n dispatch(actualizaProductSelect(listProductSelect));\r\n dispatch(actulizaInitHome(true));\r\n props.getProductSelect(valor[0]);\r\n }\r\n }\r\n }\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (Object.keys(SplitProducts).length === 0) {\r\n SepProducts();\r\n } else {\r\n generateLIstCard();\r\n generateListInitProduct();\r\n }\r\n }, [SplitProducts, totalBalance, ocultarFilter]);\r\n\r\n const handleMovements = (listProducts, i) => {\r\n let groupListSelect = [];\r\n dispatch(actualizaListProductsHome(listProducts));\r\n props.getProductSelect(listProducts[0]);\r\n if (i != null) {\r\n groupSelect.map((item, index) => {\r\n if (i === index) {\r\n groupListSelect.push(true);\r\n } else {\r\n groupListSelect.push(false);\r\n }\r\n });\r\n dispatch(actualizaGroupSelect(groupListSelect));\r\n }\r\n\r\n let listProductSelect = [];\r\n listProducts.map((item, index) => {\r\n if (index === 0) {\r\n listProductSelect.push(true);\r\n }\r\n listProductSelect.push(false);\r\n });\r\n dispatch(actualizaProductSelect(listProductSelect));\r\n };\r\n\r\n return (\r\n \r\n deleteAlert(item)}\r\n >\r\n ×\r\n \r\n \r\n \r\n {' '}\r\n {item.description}\r\n
\r\n );\r\n });\r\n }\r\n return {newsTemplate}
;\r\n };\r\n\r\n const deleteAlert = (alert) => {\r\n dispatch(actualizaAlert(dataAlert.filter((auxAlert) => auxAlert != alert)));\r\n };\r\n const deleteTimeAlert = () => {\r\n setTimeout(function () {\r\n dispatch(actualizaAlert([]));\r\n }, 4000);\r\n };\r\n var Movement = createReactClass({\r\n render: function () {\r\n var Date = this.props.data.transactionDate.substring(5, 10),\r\n DateYear = this.props.data.transactionDate.substring(0, 4),\r\n Description = this.props.data.transactionName,\r\n Account = product.accountNumber,\r\n Value = this.props.data.transactionBalance,\r\n color =\r\n this.props.data.sign === '' || this.props.data.sign === undefined\r\n ? 'text-grissantander'\r\n : this.props.data.sign === '+'\r\n ? 'text-green'\r\n : 'text-primary';\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n\r\n \r\n {Date}\r\n\r\n
\r\n\r\n {DateYear}\r\n
\r\n \r\n \r\n \r\n {Description}\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n\r\n {Value}\r\n\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n },\r\n });\r\n\r\n var Movements = createReactClass({\r\n render: function () {\r\n var data = this.props.data;\r\n\r\n var newsTemplate;\r\n\r\n var title;\r\n\r\n if (data != null) {\r\n if (isMovementLoading) {\r\n newsTemplate = (\r\n \r\n \r\n
\r\n );\r\n } else {\r\n newsTemplate = data.slice(0, 4).map(function (item, index) {\r\n return (\r\n \r\n
\r\n );\r\n });\r\n }\r\n } else {\r\n newsTemplate = Hoy no se han generado movimientos
;\r\n }\r\n\r\n if (product.accountNumber === undefined) title = '';\r\n else\r\n title = (\r\n\r\n {title}\r\n\r\n {newsTemplate}\r\n
\r\n );\r\n },\r\n });\r\n\r\n var ShortCuts = createReactClass({\r\n render: function () {\r\n var product = this.props.data;\r\n\r\n var newsTemplate;\r\n\r\n if (product != null) {\r\n if (!isMovementLoading) {\r\n var vec = shortcutAccount;\r\n\r\n if (product.accountType === '2' || product.accountType === '6') {\r\n vec = shortcutLoan;\r\n } else if (product.accountType === '7') {\r\n vec = shortcutCdt;\r\n }\r\n\r\n //Hoy no se han generado movimientos
;\r\n }\r\n\r\n //return\r\n \r\n {title}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n \r\n );\r\n } else {\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Home;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAoCAYAAADt5povAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGeSURBVHgB7ZfNbcJAEIXH5ueGlA6y6YAOQjpIOsAVhEj83UJuCGzhDkwJdIBLSCpg00HOtmznjWNLHECajYkVJD8J7XrXzMebmbWFNZ1OD0SkqB5pu0YYS7XL2Wq1sugPhUxmPNpUsxrg9QPb5zYqnk+Nrr87tfF/HJ77hVXVdOnF1XTpxdV06UlxQ81msz39QsbA8Xg8wKCyLBuMRiNFhmpLb+TgnU4nsCxrUK51u93DZDIJ4zh2fN/Xkjhihwi+KGBfcLfFuOM5r2FvKI0jdgjILYLz1Fmv1wyj+Xyu4K7f6/VCaRwxELDPYrpBGm8A3S6XS41rTQYSA23bXqRpeo+pAjxAp77C9RschtL65XGkN7IbfvoA4tCPqxyM+u3huC+NY3wsOJUMhtuHEgz3G+n3xUA+f3AyLK9d1w2jKHriOVwraRyTGgYYFGr3DMA7ryGljwVQS+OIgUmSvLRaLU5dH6Djmn1g3ZHGEQM9z+Ozt+PUwm3+HOU6cmrJQMZNUwA0f0xhLLHDY1V5OTcv4OsHWuV/77rEDjXVJ/0N9jOfXzf8qo4AAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAoCAYAAADt5povAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAACySURBVFhH7ZZRCoAgEESto9R1qrtW5+kshdGKBIYz6WLh+xH86DG7I9R087AbRdrrVMMl3Kb1vMhFv4znqZ6wCpNTTkulVSyh75WTMDX1HWajtjQZtaWP2PGwpYKFvoiRRgtDqUL3Ib6xQ/uE2GdEl8YiYkROj1R2h+zPEi18SpK1NOgI70QL7+NjpXBCESNj9KFLw/K6NOhOqdIIiEigRoqm8il3h6n4v9D9tWmhnNCYA8ESWhyFKv8tAAAAAElFTkSuQmCC\"","import React from \"react\";\r\n\r\nexport default () => ;","import React from \"react\";\r\n\r\nimport Loader from \"components/Loader/Loader.js\";\r\n\r\nexport default function UglyButton({ isLoading, children, ...props }) {\r\n return (\r\n \r\n );\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA8CAYAAAAgwDn8AAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARiSURBVHgB7VpNTiJBFC4a0OiKuUF7gmEOYAaXs1JPoJ5ASNS4A3aiJoMnEJezAnezEzdmdjInsOcGLIxERZnvQb2eR8lA0RK7SfpLGqpeVVe/v37V9aoSakbI5/OZVCq1nUgkPuPKguTiyujmNi4P9Nbr6+v18/Nzs1qtemoGSKh3Ym9vLwfGirhy09yH/rXHx8fyewUJLABpfGFh4RzFDfU+lI6Pj8sqIAIJQFp3HIeYdyW91+s1cV2i2Op2ux5rt1QqZe7v78mtsrhvi/6NIb2np6e1INaYWoCDgwNioGaQG/Dts9PT06bFEGp/f58EKMGN1gU5kBBTCQDmyV3q8qFgfMeWcROwZB4WKap/L/vUQlgLAJ934fO38mF4+NrR0ZEn+vQjEehf1cBNXN3Uhmu18H9hRiCyBixRF3295eXlL3C7trKAoywB5q/GMQ9GdtHnDvTvavBiu+L2DEUpXOc0DixZ5IaTk5MWhNtUg1BLcDudTlFZwsoCYI7i+znXweQKM09aT6fT9QBhtLm0tLTJmjafAddcs3FNKwtQnBfVsmQeGm0azNN7UYAvryA8JuiChr/g2qE27oR67uHh4YoiFNVhiRr+GtyeTCatrDDRAoZmPDC0wm1wBXKXvOheRntp3Hi4h9p95jB2tVKpFKh8eHjoQvg7brOxgo0FtrgArfkTDs0FakrmCbpPWYyZ12MpbdkLboNwEyfJiQJI94BZm4IutVizYZ6h+450F2i9JsZdnzTWWAFYMxot4fuuFAzlqT8FEAgKXKb3gd8F7TJ+RCK3GjvOuEYw5oqH/OEyNJYV9KYMp7ageygScR0vdE48t8VlWCQ7bhxrAeSgkg78VgEB5uS9LhekspTxvWXCeiIbuslxeEIjYaxmzFEw7s2Isvcf+lte1JwjFiBsxAKEjViAsBELEDZiAcJGLEDY8NfEeoG+qwYpkayKJigFc6YTAH30BdBJK8r7uGo+4Gfw+gIgU0CZAFfNF/oZvBSlTdQw8wU01GxTex8FneHe1pk/gotlaD4B7VO+k32+gIxBVUUYMq9Ea2qKQv4LS5pXEQd831cwZTOGwmjU3GYU8OIO8RhPZGEjFiBsxAKEjViAsJFSU0LvMJYM8tBxgVn1sUEQC5QsaLPqMxFBBChb0GbVZyLoa7THFdoSVXMAyTNZwOPKpP2oKACrR7ncbTv4pva49vLyklMRB/bnXC7T+QsHP9dM0Gd5Ig3wuM1lKP8SdafGBFogGFurkYLe3vX3jsF7wzG3O2nNyXu2UYJO+1xxnTbXiXdHV+ggBq90sp1Opx4lIYj5xcVFeabI31zvC0CSYM9Wnl+gkyS3ZDIVMsil6UQM8STIBd5cH4r75kkSjQYf5KPDSeoDQIpLp9M5FLdGnEMaOlTyZuIacY4tKiAXL5tpn6TZ6+bm5tfq6uoPaP2TikiOlM5jIP5/q1QqP822sZ8ONDN3u90NCl36fISrPgYemKboeI1cVXVcuucvcur78SwuTZQAAAAASUVORK5CYII=\"","export default __webpack_public_path__ + \"static/media/FotoSeg3.2565b23a.png\";","export default __webpack_public_path__ + \"static/media/FotoSeg1.adbe6f4f.png\";","export default __webpack_public_path__ + \"static/media/FotoSeg2.396b098a.png\";","export default __webpack_public_path__ + \"static/media/FotoSeg4.53ec95c7.png\";","export default __webpack_public_path__ + \"static/media/FotoSeg5.2b749c4b.png\";","export default __webpack_public_path__ + \"static/media/FotoSeg6.f46e1904.png\";","export default __webpack_public_path__ + \"static/media/FotoSeg7.ac2d429f.png\";","export default __webpack_public_path__ + \"static/media/FotoSeg8.e898d1c8.png\";","export default __webpack_public_path__ + \"static/media/FotoSeg9.ce2e7f6f.png\";","export default __webpack_public_path__ + \"static/media/FotoSeg10.65933eef.png\";","import React, { useState, Fragment, useEffect } from \"react\";\r\nimport axios from \"axios\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport crypto from \"crypto\";\r\nimport { osVersion, osName, browserName } from \"react-device-detect\";\r\nimport Button from \"components/Button/Button.js\";\r\nimport PasswordStrengthBar from \"react-password-strength-bar\";\r\nimport {\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input,\r\n InputGroupAddon,\r\n InputGroupText,\r\n InputGroup,\r\n Row,\r\n Col,\r\n Loader,\r\n Label,\r\n} from \"reactstrap\";\r\nimport { truncate } from \"fs\";\r\nimport { routes, deleteRoutes } from \"routes\";\r\nimport IconTid from \"../../assets/img/icons/Icono-Tipo-de-documento-Gris.png\";\r\nimport IconPasw from \"../../assets/img/icons/Icono-Contrasena-Gris.png\";\r\nimport IconNid from \"../../assets/img/icons/Icono-Numero-documento-Gris.png\";\r\nimport IconCheck from \"../../assets/img/icons/Check-01.png\";\r\nimport Checksantader from \"../siif/Checksantander.js\";\r\nimport IconCorreo from \"../../assets/img/icons/Icono-Correo-Gris.png\";\r\nimport { Link } from \"react-router-dom/cjs/react-router-dom\";\r\nimport FotoSeg3 from \"../../assets/img/brand/FotoSeg3.png\";\r\nimport FotoSeg1 from \"../../assets/img/brand/FotoSeg1.png\";\r\nimport FotoSeg2 from \"../../assets/img/brand/FotoSeg2.png\";\r\nimport FotoSeg4 from \"../../assets/img/brand/FotoSeg4.png\";\r\nimport FotoSeg5 from \"../../assets/img/brand/FotoSeg5.png\";\r\nimport FotoSeg6 from \"../../assets/img/brand/FotoSeg6.png\";\r\nimport FotoSeg7 from \"../../assets/img/brand/FotoSeg7.png\";\r\nimport FotoSeg8 from \"../../assets/img/brand/FotoSeg8.png\";\r\nimport FotoSeg9 from \"../../assets/img/brand/FotoSeg9.png\";\r\nimport FotoSeg10 from \"../../assets/img/brand/FotoSeg10.png\";\r\n\r\nconst Cambio = () => {\r\n const search = window.location.search; // could be '?foo=bar'\r\n const params = new URLSearchParams(search);\r\n const trazabilityCode = params.get(\"trazabilityCode\"); // bar\r\n\r\n console.log(trazabilityCode);\r\n\r\n const [imagenSeg, setImagenSeg] = useState();\r\n\r\n const getCookie = (name) => {\r\n let matches = document.cookie.match(\r\n new RegExp(\r\n \"(?:^|; )\" +\r\n name.replace(/([\\.$?*|{}\\(\\)\\[\\]\\\\\\/\\+^])/g, \"\\\\$1\") +\r\n \"=([^;]*)\"\r\n )\r\n );\r\n return matches ? decodeURIComponent(matches[1]) : undefined;\r\n };\r\n\r\n const [checkSelec, setcheckSelec] = useState(IconCheck);\r\n const [cambioEtapa, setCambioEtapa] = useState(false);\r\n const [fraseSeguridad, setFraseSeguridad] = useState(\"\");\r\n\r\n //Loading\r\n const [isLoading, setIsloading] = useState(false);\r\n\r\n // alerts\r\n const [listAlert, setListAlert] = useState([]);\r\n const [coordenadas, setcoordenadas] = useState({\r\n Latitud: 0,\r\n Longitud: 0,\r\n });\r\n\r\n let nidAux = getCookie(\"nid\");\r\n let hasNidAux = false;\r\n if (nidAux != undefined) {\r\n hasNidAux = true;\r\n }\r\n\r\n //login\r\n let estado = {\r\n tid: getCookie(\"tid\") === undefined ? 3 : parseInt(getCookie(\"tid\")),\r\n nid: nidAux,\r\n email: \"\",\r\n password: \"\",\r\n };\r\n\r\n const [hasNid, setHasNid] = useState(hasNidAux);\r\n const [hasPassword, setHasPassword] = useState(false);\r\n const [hasOTP, setHasOTP] = useState(false);\r\n const [hasNewPassword, setHasNewPassword] = useState(false);\r\n\r\n const [inicio, setinicio] = useState(false);\r\n const [tidnidpass, settidnidpass] = useState(estado);\r\n const [otptime, setotptime] = useState(false);\r\n\r\n let indicadores = {\r\n indicatorChangePass: false,\r\n indicatorOTP: false,\r\n indicatorQuestions: false,\r\n idUnico: \"\",\r\n idContrato: \"\",\r\n };\r\n\r\n const [indi, setIndi] = useState(indicadores);\r\n\r\n const [isRemember, setIsRemember] = useState(false);\r\n\r\n const obtieneUbicacion = async () => {\r\n let coord = {\r\n Latitud: 0,\r\n Longitud: 0,\r\n };\r\n\r\n if (\"geolocation\" in navigator) {\r\n const onUbicacionConcedida = (ubicacion) => {\r\n setcoordenadas({ ...coordenadas, Latitud: ubicacion.coords.latitude });\r\n setcoordenadas({\r\n ...coordenadas,\r\n Longitud: ubicacion.coords.longitude,\r\n });\r\n //console.log(\"Tengo la ubicación: \", ubicacion.coords);\r\n return coord;\r\n };\r\n\r\n const onErrorDeUbicacion = (err) => {\r\n //console.log(\"Error obteniendo ubicación: \", err);\r\n return coord;\r\n };\r\n\r\n const opcionesDeSolicitud = {\r\n enableHighAccuracy: true, // Alta precisión\r\n maximumAge: 0, // No queremos caché\r\n timeout: 8000, // Esperar solo 5 segundos\r\n };\r\n // Solicitar\r\n await navigator.geolocation.getCurrentPosition(\r\n onUbicacionConcedida,\r\n onErrorDeUbicacion,\r\n opcionesDeSolicitud\r\n );\r\n }\r\n };\r\n\r\n const handleChangeTID = (event) => {\r\n settidnidpass({ ...tidnidpass, tid: event.target.value });\r\n console.log(tidnidpass);\r\n };\r\n\r\n const handleChangeID = (event) => {\r\n settidnidpass({ ...tidnidpass, nid: event.target.value });\r\n setHasNid(event.target.value.trim() != \"\");\r\n };\r\n\r\n const handleChangeEmail = (event) => {\r\n settidnidpass({ ...tidnidpass, email: event.target.value });\r\n };\r\n\r\n const handleChangePassword = (event) => {\r\n settidnidpass({ ...tidnidpass, password: event.target.value });\r\n setHasPassword(event.target.value.trim() != \"\");\r\n };\r\n\r\n const handleChangeIsRemember = (event) => {\r\n setIsRemember(!isRemember);\r\n };\r\n\r\n useEffect(async () => {\r\n const timer = setTimeout(deleteElementFromArr, 5000);\r\n return () => clearTimeout(timer);\r\n });\r\n\r\n const deleteElementFromArr = () => {\r\n if (listAlert.length > 0) {\r\n let temp = listAlert.slice();\r\n temp.splice(0, 1);\r\n setListAlert(temp);\r\n }\r\n };\r\n\r\n const deleteAlert = (alert) => {\r\n setListAlert(listAlert.filter((auxAlert) => auxAlert != alert));\r\n };\r\n\r\n var createReactClass = require(\"create-react-class\");\r\n var Alerts = createReactClass({\r\n render: function () {\r\n var data = this.props.data;\r\n var newsTemplate;\r\n if (data.length > 0) {\r\n newsTemplate = data.map(function (item, index) {\r\n return (\r\n \r\n deleteAlert(item)}\r\n >\r\n ×\r\n \r\n \r\n \r\n {\" \"}\r\n {item.description}\r\n
\r\n );\r\n });\r\n }\r\n return {newsTemplate}
;\r\n },\r\n });\r\n\r\n const randomString = (str) => {\r\n var text = \"\";\r\n\r\n for (var i = 0; i < str.length; i++)\r\n text += str.charAt(Math.floor(Math.random() * str.length));\r\n\r\n return text;\r\n };\r\n\r\n const handleSubmit = async (event) => {\r\n event.preventDefault();\r\n\r\n setIsloading(true);\r\n await obtieneUbicacion();\r\n\r\n const apiUrlIp = \"https://api.ipify.org/?format=json\";\r\n const resIp = await axios.get(apiUrlIp).catch((err) => {});\r\n\r\n let cdi = getCookie(\"CDIi\");\r\n\r\n let passHashed = crypto\r\n .createHash(\"sha1\")\r\n .update(tidnidpass.password)\r\n .digest(\"hex\")\r\n .toUpperCase();\r\n console.log(\"contraseña encriptada :\" + passHashed);\r\n console.log(coordenadas);\r\n let Ip1 = \"\";\r\n try {\r\n Ip1 = resIp.data.ip;\r\n } catch (error) {}\r\n const user = {\r\n IDTypeCompany: parseInt(tidnidpass.tid),\r\n NIDCompany: tidnidpass.nid,\r\n email: tidnidpass.email.toLowerCase(),\r\n LoginPassword: passHashed,\r\n RegisterPassword: cdi,\r\n DeviceName: osName,\r\n DeviceSerial: \"\",\r\n DeviceBrand: osVersion,\r\n Model: browserName,\r\n SO: osVersion,\r\n Longitude: coordenadas.Longitud.toString(),\r\n Latitud: coordenadas.Latitud.toString(),\r\n Version: \"0.1.0.2\",\r\n IP: Ip1,\r\n idDeviceFireBase: \"string\",\r\n isRemember: isRemember,\r\n };\r\n console.log(user);\r\n\r\n const apiUrl = \"/WSGYG39_2/api/Users/SignIn\";\r\n console.log(tidnidpass);\r\n const res = await axios\r\n .post(apiUrl, user, { withCredentials: true })\r\n .catch((err) => {\r\n setIsloading(false);\r\n console.log(\"err.response.data.errors\");\r\n console.log(err.response.data.errors);\r\n try {\r\n if (err.response.data.errors) {\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setListAlert([\r\n {\r\n description: \"Error.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ]);\r\n }\r\n } catch (error) {\r\n setListAlert([\r\n {\r\n description: \"Por favor validar la información ingresada.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ]);\r\n }\r\n return \"err\";\r\n });\r\n /*.catch(err => {\r\n console.log(osName);\r\n setListAlert([{messagge: \"Error al logearse\", type: \"danger\", icon: \"fas fa-exclamation-circle\"}]);\r\n //return 'err';\r\n });\r\n console.log(res.errors);*/\r\n\r\n if (res != \"err\") {\r\n setIsloading(false);\r\n setIndi({\r\n indicatorChangePass: res.data.indicatorChangePass,\r\n indicatorOTP: res.data.indicatorOTP,\r\n indicatorQuestions: res.data.indicatorQuestions,\r\n idUnico: res.data.idUnico,\r\n idContrato: res.data.idContrato,\r\n });\r\n switch (res.data.idImage) {\r\n case 1:\r\n setImagenSeg(FotoSeg1);\r\n break;\r\n case 2:\r\n setImagenSeg(FotoSeg2);\r\n break;\r\n case 3:\r\n setImagenSeg(FotoSeg3);\r\n break;\r\n case 4:\r\n setImagenSeg(FotoSeg4);\r\n break;\r\n case 5:\r\n setImagenSeg(FotoSeg5);\r\n break;\r\n case 6:\r\n setImagenSeg(FotoSeg6);\r\n break;\r\n case 7:\r\n setImagenSeg(FotoSeg7);\r\n break;\r\n case 8:\r\n setImagenSeg(FotoSeg8);\r\n break;\r\n case 9:\r\n setImagenSeg(FotoSeg9);\r\n break;\r\n case 10:\r\n setImagenSeg(FotoSeg10);\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n setFraseSeguridad(res.data.securityText);\r\n if (\r\n res.data.indicatorChangePass === false &&\r\n res.data.indicatorOTP === false &&\r\n res.data.indicatorQuestions === false\r\n ) {\r\n var d = new Date();\r\n d.setTime(d.getTime() + 5000 * 60 * 1000);\r\n var expires = \"expires=\" + d.toUTCString();\r\n document.cookie =\r\n \"tid\" + \"=\" + tidnidpass.tid + \"; \" + expires + \"; path=/\";\r\n document.cookie =\r\n \"nid\" + \"=\" + tidnidpass.nid + \"; \" + expires + \"; path=/\";\r\n //Cookie for email\r\n document.cookie =\r\n \"email\" + \"=\" + tidnidpass.email + \"; \" + expires + \"; path=/\";\r\n document.cookie =\r\n \"dateLastLog\" +\r\n \"=\" +\r\n res.data.dateLastLog +\r\n \"; \" +\r\n expires +\r\n \"; path=/\";\r\n document.cookie =\r\n \"ipLastLog\" + \"=\" + res.data.ipLastLog + \"; \" + expires + \"; path=/\";\r\n document.cookie =\r\n \"profile\" + \"=\" + res.data.ipLastLog + \"; \" + expires + \"; path=/\";\r\n window.location = \"/BancaVirtual/admin/home\";\r\n }\r\n }\r\n };\r\n //fin de login\r\n\r\n const loginOtp = async () => {\r\n //loguin posterior a otp\r\n //setIsloading(true);\r\n const apiUrlIp = \"https://api.ipify.org/?format=json\";\r\n const resIp = await axios.get(apiUrlIp).catch((err) => {});\r\n\r\n let cdi = getCookie(\"CDI\");\r\n\r\n let passHashed = crypto\r\n .createHash(\"sha1\")\r\n .update(tidnidpass.password)\r\n .digest(\"hex\")\r\n .toUpperCase();\r\n console.log(\"contraseña encriptada :\" + passHashed);\r\n let Ip1 = \"\";\r\n try {\r\n Ip1 = resIp.data.ip;\r\n } catch (error) {}\r\n const user = {\r\n IDTypeCompany: parseInt(tidnidpass.tid),\r\n NIDCompany: tidnidpass.nid,\r\n email: tidnidpass.email.toLowerCase(),\r\n LoginPassword: passHashed,\r\n RegisterPassword: cdi,\r\n DeviceName: osName,\r\n DeviceSerial: \"\",\r\n DeviceBrand: osVersion,\r\n Model: browserName,\r\n SO: osVersion,\r\n Longitude: coordenadas.Longitud.toString(),\r\n Latitud: coordenadas.Latitud.toString(),\r\n Version: \"0.1.0.2\",\r\n IP: Ip1,\r\n idDeviceFireBase: \"string\",\r\n isRemember: isRemember,\r\n };\r\n console.log(user);\r\n\r\n const apiUrl = \"/WSGYG39_2/api/Users/SignIn\";\r\n console.log(tidnidpass);\r\n const res = await axios\r\n .post(apiUrl, user, { withCredentials: true })\r\n .catch((err) => {\r\n setIsloading(false);\r\n if (err.response.data.errors) {\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setListAlert([\r\n {\r\n description: \"Error.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ]);\r\n }\r\n return \"err\";\r\n });\r\n /*.catch(err => {\r\n console.log(osName);\r\n setListAlert([{messagge: \"Error al logearse\", type: \"danger\", icon: \"fas fa-exclamation-circle\"}]);\r\n //return 'err';\r\n });\r\n console.log(res.errors);*/\r\n\r\n if (res != \"err\") {\r\n setotptime(true);\r\n setIndi({\r\n indicatorChangePass: res.data.indicatorChangePass,\r\n indicatorOTP: res.data.indicatorOTP,\r\n indicatorQuestions: res.data.indicatorQuestions,\r\n idUnico: res.data.idUnico,\r\n idContrato: res.data.idContrato,\r\n });\r\n if (\r\n res.data.indicatorChangePass === false &&\r\n res.data.indicatorOTP === false &&\r\n res.data.indicatorQuestions === false\r\n ) {\r\n var d = new Date();\r\n d.setTime(d.getTime() + 5000 * 60 * 1000);\r\n var expires = \"expires=\" + d.toUTCString();\r\n document.cookie =\r\n \"tid\" + \"=\" + tidnidpass.tid + \"; \" + expires + \"; path=/\";\r\n document.cookie =\r\n \"nid\" + \"=\" + tidnidpass.nid + \"; \" + expires + \"; path=/\";\r\n //Cookie for email\r\n document.cookie =\r\n \"email\" + \"=\" + tidnidpass.email + \"; \" + expires + \"; path=/\";\r\n document.cookie =\r\n \"dateLastLog\" +\r\n \"=\" +\r\n res.data.dateLastLog +\r\n \"; \" +\r\n expires +\r\n \"; path=/\";\r\n document.cookie =\r\n \"ipLastLog\" + \"=\" + res.data.ipLastLog + \"; \" + expires + \"; path=/\";\r\n document.cookie =\r\n \"profile\" + \"=\" + res.data.ipLastLog + \"; \" + expires + \"; path=/\";\r\n window.location = \"/BancaVirtual/admin/home\";\r\n } else {\r\n setotptime(false);\r\n }\r\n\r\n setIsloading(false);\r\n }\r\n };\r\n\r\n //cambio de contraseña\r\n const [newContra, setnewContra] = useState(\"\");\r\n const [validContra, setvalidContra] = useState(false);\r\n const [mensaje, setmensaje] = useState(() => {\r\n return (\r\n \r\n \r\n Tu clave ha caducado.\r\n \r\n \r\n
\r\n \r\n );\r\n });\r\n const [contraProv, setcontraProv] = useState(\"\");\r\n\r\n const tipContra = (event) => {\r\n console.log(event.target.value);\r\n setcontraProv(event.target.value);\r\n setHasNewPassword(event.target.value.trim() != \"\");\r\n };\r\n\r\n const nuevaContraseña = async (event) => {\r\n event.preventDefault();\r\n if (validContra === false) {\r\n var re = new RegExp(\"/^([a-z0-9]{5,})$/\");\r\n if (contraProv.match(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)[a-zA-Z\\d]{8,}$/)) {\r\n console.log(contraProv);\r\n console.log(\"Valid\");\r\n } else {\r\n console.log(\"Invalid\");\r\n }\r\n setHasNewPassword(false);\r\n setnewContra(contraProv);\r\n setvalidContra(true);\r\n setcontraProv(\"\");\r\n setmensaje(\"Vuelve a digitar la nueva contraseña para confirmarla.\");\r\n } else {\r\n if (newContra === contraProv) {\r\n //setinicio(true);\r\n setIsloading(true);\r\n let passHashed = crypto\r\n .createHash(\"sha1\")\r\n .update(tidnidpass.password)\r\n .digest(\"hex\")\r\n .toUpperCase();\r\n const user = {\r\n IdUnico: indi.idUnico,\r\n IdContrato: indi.idContrato,\r\n OldPassword: passHashed,\r\n NewPassword: newContra,\r\n NewPasswordC: contraProv,\r\n RegisterPassword: \"\",\r\n Longitude: \"-122.40641\",\r\n Latitude: \"37.785834\",\r\n };\r\n const apiUrl = \"/WSGYG39_2/api/ChangePasswords\";\r\n const res = await axios\r\n .post(apiUrl, user, { withCredentials: true })\r\n .catch((err) => {\r\n setIsloading(false);\r\n console.log(err.response);\r\n\r\n setHasNewPassword(false);\r\n if (err.response.data.errors) {\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setListAlert([\r\n {\r\n description: \"Error Cambiando contraseña intente nuevamente.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ]);\r\n }\r\n /*setListAlert([\r\n {\r\n description: \"Error en la peticion cambio de clave\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ]);*/\r\n setIndi({\r\n indicatorChangePass: false,\r\n indicatorOTP: false,\r\n indicatorQuestions: false,\r\n });\r\n setnewContra(\"\");\r\n setcontraProv(\"\");\r\n setvalidContra(false);\r\n setmensaje(() => {\r\n return (\r\n \r\n Digita una nueva contraseña por favor.\r\n
\r\n\r\n
- \r\n
- Longitud Mínima 12. \r\n
- Debe contener mayúsculas y minúsculas. \r\n
- Caracteres especial y números. \r\n
- Tiene una vigencia de 120 días. \r\n
\r\n \r\n Tu clave ha caducado.\r\n \r\n \r\n
\r\n \r\n );\r\n });\r\n return \"err\";\r\n });\r\n if (res != \"err\") {\r\n setIsloading(false);\r\n setHasNewPassword(false);\r\n setListAlert([\r\n {\r\n description: \"La clave fue cambiada correctamente\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-success\",\r\n icon: \"fas fa-check-circle\",\r\n },\r\n ]);\r\n setIndi({\r\n indicatorChangePass: false,\r\n indicatorOTP: false,\r\n indicatorQuestions: false,\r\n });\r\n setmensaje(() => {\r\n return (\r\n \r\n Digita una nueva contraseña por favor.\r\n
\r\n\r\n - Longitud Mínima 12.{\" \"}\r\n
\r\n\r\n - Debe contener mayúsculas y minúsculas.\r\n
\r\n\r\n - Caracteres especial y números.\r\n
\r\n\r\n - Tiene una vigencia de 120 días.\r\n
\r\n\r\n \r\n Tu clave ha caducado.\r\n \r\n \r\n
\r\n \r\n );\r\n });\r\n setnewContra(\"\");\r\n setcontraProv(\"\");\r\n setvalidContra(false);\r\n }\r\n } else {\r\n setIsloading(false);\r\n setvalidContra(false);\r\n setHasNewPassword(false);\r\n setmensaje(\r\n \"La confirmacion de la contraseña fue incorrecta.Vuelve a digitar la nueva contraseña\"\r\n );\r\n setnewContra(\"\");\r\n setcontraProv(\"\");\r\n setcontraProv(\"\");\r\n }\r\n }\r\n };\r\n\r\n //fin de cambio de contraseña\r\n\r\n //validacion OTP\r\n\r\n const [codOtp, setcodOtp] = useState(\"\");\r\n\r\n const digitaOtp = (event) => {\r\n setcodOtp(event.target.value);\r\n setHasOTP(event.target.value.trim() != \"\");\r\n };\r\n\r\n const validaOTP = async (event) => {\r\n event.preventDefault();\r\n setIsloading(true);\r\n const apiUrlIp = \"https://api.ipify.org/?format=json\";\r\n const resIp = await axios.get(apiUrlIp).catch((err) => {});\r\n\r\n console.log(\"codigo otp \" + codOtp);\r\n let Ip1 = \"\";\r\n try {\r\n Ip1 = resIp.data.ip;\r\n } catch (error) {}\r\n const user = {\r\n IdUnico: indi.idUnico,\r\n LoginPassword: codOtp,\r\n RegisterPassword: \"\",\r\n DeviceName: osName,\r\n DeviceSerial: \"\",\r\n DeviceBrand: osVersion,\r\n Model: browserName,\r\n SO: osVersion,\r\n Longitude: \"-122.40641\",\r\n Latitude: \"37.785834\",\r\n Version: \"0.1.0.2\",\r\n IP: Ip1,\r\n idDeviceFireBase: \"string\",\r\n };\r\n console.log(user.ClaveIngreso);\r\n\r\n const apiUrl = \"/WSGYG39_2/api/Users/validOTP\";\r\n const res = await axios\r\n .post(apiUrl, user, { withCredentials: true })\r\n .catch((err) => {\r\n setIsloading(false);\r\n\r\n if (err.response.data.errors) {\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setListAlert([\r\n {\r\n description: \"Error.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ]);\r\n }\r\n return \"err\";\r\n });\r\n if (res != \"err\") {\r\n //setIsloading(false);\r\n /*\r\n setIndi({\r\n indicatorChangePass: res.data.indicatorChangePass,\r\n indicatorOTP: res.data.indicatorOTP,\r\n indicatorQuestions: res.data.indicatorQuestions,\r\n });\r\n */\r\n setListAlert([\r\n {\r\n description: \"Contraseña temporal correcta.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-success\",\r\n icon: \"fas fa-check-circle\",\r\n },\r\n ]);\r\n\r\n loginOtp();\r\n }\r\n };\r\n\r\n //fin de validacion OTP\r\n const Botonlogin = (props) => {\r\n switch (props.indicador) {\r\n case 1:\r\n if (hasNid && hasPassword && !isLoading) {\r\n return (\r\n <>\r\n \r\n Digita una nueva contraseña por favor.\r\n
\r\n\r\n - Longitud Mínima 12.{\" \"}\r\n
\r\n\r\n - Debe contener mayúsculas y minúsculas.\r\n
\r\n\r\n - Caracteres especial y números.\r\n
\r\n\r\n - Tiene una vigencia de 120 días.\r\n
\r\n\r\n ¿Requiere crear una cuenta?\r\n
Regístrese \r\n \r\n Aquí\r\n \r\n
\r\n Regístrese \r\n \r\n Aquí\r\n \r\n
\r\n \r\n Soy Supervisor\r\n \r\n
\r\n \r\n );\r\n } else {\r\n return (\r\n <>\r\n \r\n ¿Requiere crear una cuenta?\r\n
Regístrese \r\n \r\n Aquí\r\n \r\n
\r\n Regístrese \r\n \r\n Aquí\r\n \r\n
\r\n \r\n Soy Supervisor\r\n \r\n
\r\n \r\n );\r\n }\r\n break;\r\n case 2:\r\n if (hasOTP && !isLoading) {\r\n return (\r\n \r\n ¿Requiere crear una cuenta?\r\n
Resgístrese \r\n \r\n Aquí\r\n \r\n
\r\n Resgístrese \r\n \r\n Aquí\r\n \r\n
\r\n \r\n Soy Supervisor\r\n \r\n
\r\n \r\n );\r\n }\r\n };\r\n\r\n if (\r\n indi.indicatorChangePass === false &&\r\n indi.indicatorOTP === false &&\r\n indi.indicatorQuestions === false &&\r\n inicio === false &&\r\n otptime == false\r\n ) {\r\n return (\r\n \r\n \r\n Sucursal Virtual IDEA\r\n \r\n \r\n
\r\n \r\n Realice consultas, pagos y transferencias de su compañia en línea\r\n y de manera segura.\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n */}\r\n Recordar usuario
\r\n\r\n \r\n
\r\n \r\n Ingresa los siguientes datos
\r\n \r\n \r\n \r\n \r\n Antes de iniciar sesión compruebe que
la siguiente\r\n información es correcta\r\n
\r\n \r\n \r\n Sucursal Virtual IDEA\r\n \r\n
\r\n \r\n \r\n {\"Regresar a inicio\"}\r\n \r\n
\r\n la siguiente\r\n información es correcta\r\n
\r\n Imagen de seguridad\r\n
\r\n\r\n Frase de seguridad\r\n
\r\n{fraseSeguridad}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {mensaje}\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n};\r\n\r\nexport default Cambio;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAH6SURBVHhe7dyxSwJhGMfxx3SwiLJoNFCwscGhWfw7GhsbChobVFoDFVpDHPo7dG9waCxQqLE6i9Ik7fI5XiO63vu5+vL7QPTcBcL75bxreS/mTwlZLZnfZMFAAAMBDAQwEACfYl/9vozqdflst2V892DOumHz/tZMdpGBJr2evBaL4o8T5oxbYomxrLVaEs9kzJmwyEBeNutsnN82bq4llkqZoz800H+GjYb/lM79/LyXSv7E88xfF5euYVCthtZmY72CXvJ5mTy+BfPyyaEsHx8HsysG5bJ8XF4FcyKXDr5q/7EGet7eMRO4BBeUP334eLt75sh+w57rMe9aHDXvmvh/EMBAAAMBDAQwEMBAAAMBDAQwEMBAAAMBDAQwEMBAAAMBDAQwEMBAAAMBDAQwEMBAAAMBDAQwEMBAAAMBDAQwEMBAAAMBDAQwEMBAAAMBDAQwEMBAAAMBDAQwEMBAAAMBDAQwEMBAAAMBcwXSzWeumXdN1kC6TXFmWKuZyR2jZtNM0whbq2YKswcqFMwkwd5OjaR76BedrmFYqcjg/MKcEUkeHZkpzLpnVS/Bfj7v/LZw3Tu/0e2aozDrFaR7OnUnsH6Aq2YvFogSeZPWNxJo3ZWzU4lHfE8Xjd5fkwf7st7pRL51QUW+eYHAFUQMBDEQwEAAA0US+QZUIY4bSnYM3QAAAABJRU5ErkJggg==\"","import React, { useState, Fragment, useEffect} from \"react\";\r\nimport axios from \"axios\";\r\nimport axiosInstance from \"./../../helpers/axiosInstance\";\r\nimport { Route, Redirect, useHistory, BrowserRouter, Switch } from \"react-router-dom\";\r\nimport Calendar from 'react-calendar';\r\nimport 'react-calendar/dist/Calendar.css';\r\nimport {\r\n FormGroup,\r\n Form,\r\n Input,\r\n InputGroupAddon,\r\n InputGroupText,\r\n InputGroup,\r\n Card,\r\n Button,\r\n NavLink,\r\n CardHeader,\r\n CardBody,\r\n Container,\r\n Row,\r\n Col,\r\n CardTitle,\r\n UncontrolledTooltip,\r\n} from \"reactstrap\";\r\n\r\nconst Calendario=(props)=>{\r\n const [value, onChange] = useState(new Date());\r\n let diasSemana=[\"Domingo\",\"Lunes\",\"Martes\",\"Miercoles\",\"Jueves\",\"Viernes\",\"Sabado\"];\r\n let meses=[\"Enero\",\"Febrero\",\"Marzo\",\"Abril\",\"Mayo\",\"Junio\",\"Julio\",\"Agosto\",\"Septiembre\",\"Octubre\",\"Noviembre\",\"Diciembre\"];\r\n //console.log(value.getDay() + \"/\" + value.getMonth() + \"/\" + value.getFullYear());\r\n //console.log(props);\r\n useEffect(()=>{\r\n props.cambio(value);\r\n })\r\n if(props.muestra){\r\n return(\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n }else{\r\n return(\r\n \r\n \r\n \r\n (\r\n \r\n )}\r\n // Optional fields and their default values\r\n offsetX={'50%'}\r\n offsetY={'50%'}\r\n \r\n >\r\n {(onClick) => (\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n | Fecha de pago: | \r\n\r\n {proye.value.paymentDate}\r\n | \r\n
|---|---|
| Valor Total (Pago Total): | \r\n\r\n | \r\n
| Valor Total (Pago Mínimo): | \r\n\r\n | \r\n
| Concepto | \r\nPago mínimo | \r\nPago total | \r\n
|---|---|---|
| {concep.nameItem} | \r\n\r\n | \r\n \r\n | \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n }else{\r\n return (\r\n \r\n \r\n \r\n (\r\n \r\n )}\r\n // Optional fields and their default values\r\n offsetX={'50%'}\r\n offsetY={'50%'}\r\n \r\n >\r\n {(onClick) => (\r\n
\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n \r\n \r\n}\r\n\r\nexport default Proyeccion;","/*!\r\n\r\n=========================================================\r\n* Argon Dashboard React - v1.2.0\r\n=========================================================\r\n\r\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\r\n* Copyright 2021 Creative Tim (https://www.creative-tim.com)\r\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\r\n\r\n* Coded by Creative Tim\r\n\r\n=========================================================\r\n\r\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\r\n\r\n*/\r\nimport React, { useState, useEffect } from 'react';\r\n// react component that copies the given text inside your clipboard\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport {\r\n Route,\r\n Redirect,\r\n useHistory,\r\n BrowserRouter,\r\n Switch,\r\n NavLink as NavLinkRRD,\r\n Link,\r\n} from 'react-router-dom';\r\nimport Skeleton from 'react-loading-skeleton';\r\n// reactstrap components\r\n\r\nimport {\r\n Card,\r\n Button,\r\n NavLink,\r\n CardHeader,\r\n CardBody,\r\n Container,\r\n Row,\r\n Modal,\r\n Col,\r\n CardTitle,\r\n UncontrolledTooltip,\r\n} from 'reactstrap';\r\nimport { chartOptions, parseOptions, chartExample2 } from 'variables/charts.js';\r\nimport { Line, Bar } from 'react-chartjs-2';\r\nimport Chart from 'chart.js';\r\nimport axiosInstance from '../../helpers/axiosInstance';\r\nimport ReactCircleModal from 'react-circle-modal';\r\nimport 'react-date-range/dist/styles.css'; // main css file\r\nimport 'react-date-range/dist/theme/default.css'; // theme css file\r\nimport { DateRangePicker } from 'react-date-range';\r\nimport Slicer from 'react-slicer';\r\nimport 'react-slicer/build/react-slicer.css';\r\nimport Paginador from './paginador';\r\nimport { useDispatch } from 'react-redux';\r\nimport {\r\n cambiaruta,\r\n cambiasidebar,\r\n desactivasidebar,\r\n actulizaInitHome,\r\n} from '../../Slicersreducers';\r\n\r\nconst BasicData = (props) => {\r\n const convierteFecha = (fecha) => {\r\n let newFecha = fecha;\r\n let fecha400 = '';\r\n if (newFecha.getMonth() + 1 < 10) {\r\n fecha400 =\r\n newFecha.getFullYear() + '0' + (newFecha.getMonth() + 1) + fecha400;\r\n } else {\r\n fecha400 =\r\n newFecha.getFullYear() + '' + (newFecha.getMonth() + 1) + fecha400;\r\n }\r\n if (newFecha.getDate() < 10) {\r\n fecha400 = fecha400 + '0' + newFecha.getDate();\r\n } else {\r\n fecha400 = fecha400 + newFecha.getDate();\r\n }\r\n return fecha400;\r\n };\r\n const periodoGrafica = () => {\r\n let diasSemana = [\r\n 'Domingo',\r\n 'Lunes',\r\n 'Martes',\r\n 'Miercoles',\r\n 'Jueves',\r\n 'Viernes',\r\n 'Sabado',\r\n ];\r\n let meses = [\r\n 'Enero',\r\n 'Febrero',\r\n 'Marzo',\r\n 'Abril',\r\n 'Mayo',\r\n 'Junio',\r\n 'Julio',\r\n 'Agosto',\r\n 'Septiembre',\r\n 'Octubre',\r\n 'Noviembre',\r\n 'Diciembre',\r\n ];\r\n let periodo =\r\n 'Del ' +\r\n diasSemana[newFechaI.getDay()] +\r\n ', ' +\r\n newFechaI.getDate() +\r\n ' de ' +\r\n meses[newFechaI.getMonth()] +\r\n ' del ' +\r\n newFechaI.getFullYear() +\r\n '. al ' +\r\n diasSemana[newFechaF.getDay()] +\r\n ', ' +\r\n newFechaF.getDate() +\r\n ' de ' +\r\n meses[newFechaF.getMonth()] +\r\n ' del ' +\r\n newFechaF.getFullYear();\r\n return periodo;\r\n };\r\n\r\n const [investmentValue, setInvestmentValue] = useState(0);\r\n const [timeLimit, setTimeLimit] = useState(0);\r\n const [product, setProduct] = useState(0);\r\n const [openingDate, setOpeningDate] = useState(0);\r\n const [closingDate, setClosingDate] = useState(0);\r\n const [state, setState] = useState(0);\r\n const [rate, setRate] = useState(0);\r\n const [accruedInterest, setAccruedInterest] = useState(0);\r\n const [interestDue, setInterestDue] = useState(0);\r\n const [interestPaid, setInterestPaid] = useState(0);\r\n\r\n const [MovCuenta, setMovCuenta] = useState([]);\r\n const [newFechaI, setnewFechaI] = useState(new Date());\r\n const [newFechaF, setnewFechaF] = useState(new Date());\r\n const [entradasCuenta, setentradasCuenta] = useState(0);\r\n const [salidasCuenta, setsalidasCuenta] = useState(0);\r\n const [estiloTrans, setestiloTrans] = useState([]);\r\n const [perGraf, setperGraf] = useState(periodoGrafica());\r\n const [barras, setbarras] = useState(['0%', '0%']);\r\n const [cargando, setcargando] = useState(false);\r\n const [muestramodal, setmuestramodal] = useState(false);\r\n const dispatch = useDispatch();\r\n\r\n const buscaMov = async () => {\r\n const entradaMovimientos = {\r\n accountNumber: props.accountNumber,\r\n productType: '6',\r\n page: 'I000203',\r\n parameters: [\r\n props.accountNumber,\r\n convierteFecha(newFechaI),\r\n convierteFecha(newFechaF),\r\n ],\r\n };\r\n console.log(entradaMovimientos);\r\n const apiUrlMov = '/WSGYG39_2/api/Inquiries/CdtMovements';\r\n const resmov = await axiosInstance()\r\n .post(apiUrlMov, entradaMovimientos)\r\n .catch((err) => {\r\n setMovCuenta([]);\r\n //alert(\"Hay un problema. Vuelve atras CDTs\");\r\n });\r\n if (resmov != 'err') {\r\n console.log(resmov.data.transactionHistory);\r\n if (resmov.data.transactionHistory.length > 0) {\r\n let entradas = 0;\r\n let salidas = 0;\r\n let estilo = [];\r\n let valorProv;\r\n for (let i = 0; i < resmov.data.transactionHistory.length; i++) {\r\n valorProv = parseFloat(\r\n resmov.data.transactionHistory[i].transactionBalance.replace(\r\n ',',\r\n ''\r\n )\r\n );\r\n if (valorProv >= 0) {\r\n estilo.push('green');\r\n entradas += valorProv;\r\n } else {\r\n estilo.push('red');\r\n salidas += valorProv;\r\n }\r\n }\r\n if (entradas > -1 * salidas) {\r\n setbarras(['100%', ((-1 * salidas) / entradas) * 100 + '%']);\r\n } else {\r\n setbarras([(entradas / (-1 * salidas)) * 100 + '%', '100%']);\r\n }\r\n console.log('ajuste: ' + entradas);\r\n setentradasCuenta(Math.round(entradas * 100) / 100);\r\n setsalidasCuenta(Math.round(salidas * 100) / 100);\r\n setestiloTrans(estilo);\r\n setperGraf(periodoGrafica());\r\n }\r\n setMovCuenta(resmov.data.transactionHistory);\r\n }\r\n };\r\n\r\n useEffect(async () => {\r\n dispatch(cambiaruta('Inicio/Detalle CDT'));\r\n dispatch(cambiasidebar(false));\r\n dispatch(desactivasidebar());\r\n dispatch(actulizaInitHome(false));\r\n\r\n setcargando(true);\r\n setmuestramodal(true);\r\n const apiUrl = '/WSGYG39_2/api/Inquiries/CdtDetails/' + props.accountNumber;\r\n const res = await axiosInstance()\r\n .get(apiUrl)\r\n .catch((err) => {\r\n //alert(\"Hay un problema. Vuelve atras\");\r\n });\r\n if (res != 'err') {\r\n let saldo = 0;\r\n\r\n /* for(let i=0;i\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n De este producto no es posible generar proyección
\r\n\r\n \r\n \r\n
\r\n \r\n {props.data.transactionDate.substring(0, 4)}\r\n
\r\n {props.data.transactionDate.substring(5)}\r\n
\r\n \r\n
\r\n \r\n \r\n CDT No. {props.data.accountNumber}{' '}\r\n \r\n
\r\n
\r\n \r\n \r\n {' '}\r\n {props.data.transactionName}\r\n \r\n
\r\n \r\n \r\n {' '}\r\n {' '}\r\n {props.data.transactionBalance}\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n };\r\n\r\n const ListMovimientos = (props) => {\r\n let listahistorico = [];\r\n let registroHis = {\r\n transactionDate: '',\r\n transactionName: '',\r\n accountNumber: '',\r\n transactionBalance: '',\r\n };\r\n for (let i = 0; i < props.historicoTransacciones.length; i++) {\r\n registroHis.transactionDate =\r\n props.historicoTransacciones[i].transactionDate;\r\n registroHis.transactionName =\r\n props.historicoTransacciones[i].transactionName;\r\n registroHis.accountNumber = props.accountNumber;\r\n registroHis.transactionBalance =\r\n props.historicoTransacciones[i].transactionBalance;\r\n listahistorico.push(JSON.parse(JSON.stringify(registroHis)));\r\n }\r\n return (\r\n \r\n \r\n
\r\n );\r\n\r\n /*\r\n return (\r\n \r\n \r\n {props.historicoTransacciones.map((item,index)=>{\r\n return(\r\n \r\n \r\n )})}\r\n \r\n
\r\n \r\n \r\n );\r\n */\r\n };\r\n if (cargando == false) {\r\n return (\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n {item.transactionDate}
\r\n\r\n \r\n
\r\n \r\n CDT No. {props.accountNumber} \r\n
\r\n
\r\n \r\n \r\n
\r\n {item.transactionName}
\r\n\r\n
\r\n {item.transactionBalance}
\r\n\r\n {/* \r\n \r\n
\r\n \r\n Detalles del producto\r\n
\r\n\r\n {/*
*/}\r\n {/**/}\r\n
\r\n {/*\r\n \r\n \r\n \r\n {' '}\r\n Nombre del producto{' '}\r\n \r\n \r\n {product}\r\n \r\n
\r\n \r\n \r\n Número del producto{' '}\r\n \r\n \r\n {props.accountNumber}\r\n \r\n
\r\n \r\n \r\n
*/}\r\n \r\n \r\n
\r\n Extractos y certificados
\r\n\r\n \r\n
\r\n Transferir
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Valor Inversión{' '}\r\n \r\n
\r\n \r\n
\r\n \r\n {investmentValue}\r\n
\r\n\r\n \r\n {' '}\r\n Estado{' '}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {state}\r\n
\r\n \r\n \r\n\r\n \r\n Fecha Apertura{' '}\r\n \r\n
\r\n \r\n
\r\n \r\n {openingDate}\r\n
\r\n \r\n\r\n \r\n Fecha Vencimiento{' '}\r\n \r\n
\r\n \r\n
\r\n \r\n {' '}\r\n {closingDate}\r\n
\r\n \r\n\r\n
*/}\r\n Producto
\r\n{product}
\r\n\r\n \r\n Plazo{' '}\r\n \r\n
\r\n \r\n
\r\n \r\n {' '}\r\n {timeLimit} Días{' '}\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n Tasa{' '}\r\n \r\n
\r\n \r\n
\r\n \r\n {' '}\r\n {rate}\r\n
\r\n\r\n \r\n Intereses Causados{' '}\r\n \r\n
\r\n \r\n
\r\n \r\n {accruedInterest}\r\n
\r\n \r\n\r\n \r\n Intereses Pagados{' '}\r\n \r\n
\r\n \r\n
\r\n \r\n {' '}\r\n {interestPaid}\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n Intereses Pendientes de Pago\r\n \r\n
\r\n \r\n
\r\n \r\n {' '}\r\n {interestDue}\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
*/}\r\n \r\n
\r\n {perGraf}
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Dinero que entró:
\r\n{entradasCuenta}
\r\n\r\n
\r\n Dinero que salió:
{salidasCuenta}
\r\n\r\n Mis movimientos\r\n
\r\n {/*\r\n
*/}\r\n \r\n\r\n Desde {newFechaI.getDate() + \"/\" + (newFechaI.getMonth()+1) + \"/\" + newFechaI.getFullYear()} hasta {newFechaF.getDate() + \"/\" + (newFechaF.getMonth()+1) + \"/\" + newFechaF.getFullYear()}
\r\n\r\n\r\n \r\n (\r\n \r\n )}\r\n // Optional fields and their default values\r\n offsetX={'50%'}\r\n offsetY={'50%'}\r\n \r\n >\r\n {(onClick) => (\r\n
\r\n \r\n \r\n {setrangoFechas([item.selection])\r\n setnewFechaI(item.selection.startDate)\r\n setnewFechaF(item.selection.endDate)}}\r\n showSelectionPreview={true}\r\n moveRangeOnFirstSelection={false}\r\n months={2}\r\n ranges={rangoFechas}\r\n direction=\"horizontal\"\r\n lang='es'\r\n />\r\n
\r\n \r\n \r\n
\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n 8/4
2021
\r\n \r\n
\r\n \r\n Cuenta de Ahorros No. 702766010\r\n
\r\n
\r\n \r\n \r\n
\r\n Debito cargo prima bancaseguros alfa cuenta pro internet
\r\n\r\n
\r\n - $14.620,00
\r\n\r\n \r\n
\r\n
\r\n \r\n
\r\n 8/4
2021
\r\n \r\n
\r\n \r\n Cuenta de Ahorros No. 702766010\r\n
\r\n
\r\n \r\n \r\n
\r\n Debito cargo prima bancaseguros alfa cuenta pro internet
\r\n\r\n
\r\n - $14.620,00
\r\n\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Movements;\r\n","export default __webpack_public_path__ + \"static/media/icono-cliente.1be7aa8a.png\";","export default __webpack_public_path__ + \"static/media/icono-supervisor.93d9931f.png\";","import React, { useState, Fragment, useEffect, createContext } from \"react\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { cambioImagen } from \"../../Slicersreducers\";\r\nimport ReCAPTCHA from \"react-google-recaptcha\";\r\nimport classnames from \"classnames\";\r\nimport axiosInstance from \"helpers/axiosInstance\";\r\nimport icon_cliente from \"assets/img/icons/icono-cliente.png\";\r\nimport icon_supervisor from \"assets/img/icons/icono-supervisor.png\";\r\nimport IconTid from \"../../assets/img/icons/Icono-Tipo-de-documento-Gris.png\";\r\nimport IconNid from \"../../assets/img/icons/Icono-Numero-documento-Gris.png\";\r\nimport {\r\n Card,\r\n Container,\r\n Row,\r\n Col,\r\n NavItem,\r\n NavLink,\r\n Nav,\r\n TabContent,\r\n TabPane,\r\n CardHeader,\r\n Button,\r\n Modal,\r\n Badge,\r\n DropdownMenu,\r\n DropdownItem,\r\n UncontrolledDropdown,\r\n DropdownToggle,\r\n Media,\r\n Table,\r\n UncontrolledTooltip,\r\n Alert,\r\n} from \"reactstrap\";\r\nimport { event } from \"jquery\";\r\nimport { useRef } from \"react\";\r\n\r\nconst UsuariosExternos = (props) => {\r\n const [imagen, setImagen] = useState(icon_cliente);\r\n const [imagenSuper, setImagenSuper] = useState(icon_supervisor);\r\n const [color, setColor] = useState(\"text-gray-dark\");\r\n const [colorAutoriza, setColorAutoriza] = useState(\"text-gray-dark\");\r\n\r\n const [tidnidpass, settidnidpass] = useState({\r\n tid: 3,\r\n nid: \"\",\r\n email: \"\",\r\n password: \"\",\r\n });\r\n const [nid, setNid] = useState(\"\");\r\n const [numDocUser, SetNumDocUser] = useState(\"\");\r\n const [numVerEnt, SetNumVerEnt] = useState(\"\");\r\n const [isSupervisorUser, setIsSupervisorUser] = useState();\r\n const [checkSupervisor, setCheckSupervisor] = useState(false);\r\n const [hasNid, setHasNid] = useState(false);\r\n const [tidelec, settidelec] = useState([\r\n false,\r\n false,\r\n false,\r\n false,\r\n false,\r\n false,\r\n false,\r\n ]);\r\n const [typesDocument, setTypesDocument] = useState(\"1\");\r\n const [captchaValido, setCaptchaValido] = useState(false);\r\n const [listAlert, setListAlert] = useState([]);\r\n\r\n const mostrarFoto = useSelector((state) => state.miga.mostrarImage);\r\n\r\n var createReactClass = require(\"create-react-class\");\r\n const dispatch = useDispatch();\r\n\r\n const handleChangeID = (event) => {\r\n settidnidpass({ ...tidnidpass, nid: event.target.value });\r\n console.log(\"esta editando\");\r\n setNid(event.target.value);\r\n console.log(nid);\r\n setHasNid(event.target.value.trim() != \"\");\r\n };\r\n\r\n const handleChangeNumDocUser = (event) => {\r\n SetNumDocUser(event.target.value);\r\n console.log(numDocUser);\r\n };\r\n const handleChangeNumVerEnt = (event) => {\r\n SetNumVerEnt(event.target.value);\r\n console.log(numVerEnt);\r\n };\r\n\r\n const captcha = useRef(null);\r\n\r\n const onChange = () => {\r\n if (captcha.current.getValue) {\r\n console.log(\"el usuario no es un robot\");\r\n setCaptchaValido(true);\r\n }\r\n };\r\n\r\n async function getIsSupervisor(type) {\r\n if (type === \"N\") {\r\n setColor(\"text-green\");\r\n setColorAutoriza(\"text-gray-dark\");\r\n } else {\r\n setColor(\"text-gray-dark\");\r\n setColorAutoriza(\"text-green\");\r\n }\r\n await setIsSupervisorUser(type);\r\n }\r\n\r\n const CheckUser = async () => {\r\n const request = await axiosInstance()\r\n .get(\r\n \"/WSGYG39B/api/Register/Consulta/\" +\r\n isSupervisorUser +\r\n \"/\" +\r\n typesDocument +\r\n \"/\" +\r\n numDocUser +\r\n \"/\" +\r\n 3 +\r\n \"/\" +\r\n nid\r\n )\r\n .catch((err) => {\r\n props.userExist(false);\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n return \"err\";\r\n });\r\n if (request != \"err\") {\r\n console.log(\"respuesta del Api\");\r\n console.log(request.data);\r\n props.userExist(true);\r\n props.data(request.data);\r\n dispatch(cambioImagen(false));\r\n }\r\n };\r\n function getTypeDocument(event) {\r\n setTypesDocument(event.target.value);\r\n console.log(event.target.value);\r\n switch (event.target.value) {\r\n case \"1\":\r\n settidelec([true, false, false, false, false, false, false]);\r\n\r\n break;\r\n case \"2\":\r\n settidelec([false, true, false, false, false, false, false]);\r\n\r\n break;\r\n case \"3\":\r\n settidelec([false, false, true, false, false, false, false]);\r\n\r\n break;\r\n case \"5\":\r\n settidelec([false, false, false, true, false, false, false]);\r\n\r\n break;\r\n case \"6\":\r\n settidelec([false, false, false, false, true, false, false]);\r\n\r\n break;\r\n case \"8\":\r\n settidelec([false, false, false, false, false, true, false]);\r\n\r\n break;\r\n case \"9\":\r\n settidelec([false, false, false, false, false, false, true]);\r\n break;\r\n }\r\n }\r\n const deleteAlert = (alert) => {\r\n console.log(\"elimina alerta\");\r\n console.log(listAlert);\r\n setListAlert(listAlert.filter((auxAlert) => auxAlert != alert));\r\n };\r\n\r\n var Alerts = createReactClass({\r\n render: function () {\r\n var data = this.props.data;\r\n var newsTemplate;\r\n if (data.length > 0) {\r\n newsTemplate = data.map(function (item, index) {\r\n return (\r\n \r\n \r\n
\r\n
\r\n \r\n deleteAlert(item)}\r\n >\r\n ×\r\n \r\n \r\n \r\n {\" \"}\r\n {item.description}\r\n
\r\n );\r\n });\r\n }\r\n return {newsTemplate}
;\r\n },\r\n });\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Sucursal Virtual IDEA\r\n \r\n
\r\n \r\n \r\n {\"Regresar a inicio\"}\r\n \r\n
\r\n \r\n \r\n ¿El usuario que desea registrar es?\r\n \r\n \r\n \r\n {\r\n getIsSupervisor(\"N\");\r\n setCheckSupervisor(true);\r\n }}\r\n href=\"#Cliente\"\r\n role=\"tab\"\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n deleteAlert(item)}\r\n >\r\n ×\r\n \r\n \r\n \r\n {\" \"}\r\n {item.description}\r\n
\r\n );\r\n });\r\n }\r\n return {newsTemplate}
;\r\n },\r\n });\r\n\r\n if (props.typeUser == \"N\") {\r\n return (\r\n \r\n {/*\r\n \r\n \r\n
\r\n );\r\n })}\r\n Podrá registrar máximo 5 Ip's. Si no registra ninguna Ip, el usuario podrá acceder a la banca virtual sin esta restricción
*/}\r\n\r\n \r\n
\r\n {item}
\r\n\r\n {/*\r\n \r\n \r\n
\r\n );\r\n })}\r\n {/* Podrá registrar máximo 5 Ip's. Si no registra ninguna Ip, el usuario podrá acceder a la banca virtual sin esta restricción
*/}\r\n\r\n \r\n
\r\n {item}
\r\n\r\n \r\n Crear Usuario\r\n \r\n
*/}\r\n \r\n );\r\n }\r\n};\r\nexport default ComponenteIps;\r\n","import { React, useState, useEffect } from \"react\";\r\nimport FotoSeg1 from \"../../assets/img/brand/FotoSeg1.png\";\r\nimport FotoSeg2 from \"../../assets/img/brand/FotoSeg2.png\";\r\nimport FotoSeg3 from \"../../assets/img/brand/FotoSeg3.png\";\r\nimport FotoSeg4 from \"../../assets/img/brand/FotoSeg4.png\";\r\nimport FotoSeg5 from \"../../assets/img/brand/FotoSeg5.png\";\r\nimport FotoSeg6 from \"../../assets/img/brand/FotoSeg6.png\";\r\nimport FotoSeg7 from \"../../assets/img/brand/FotoSeg7.png\";\r\nimport FotoSeg8 from \"../../assets/img/brand/FotoSeg8.png\";\r\nimport FotoSeg9 from \"../../assets/img/brand/FotoSeg9.png\";\r\nimport FotoSeg10 from \"../../assets/img/brand/FotoSeg10.png\";\r\n\r\nconst RandomImageComponent = (props) => {\r\n const [imagenSeleccionada, setImagenSeleccionada] = useState(null);\r\n const [randomImages, setRandomImages] = useState([]);\r\n\r\n const obtenerImagenesAleatoriasUnicas = (cantidad) => {\r\n const imagenesUnicas = [];\r\n const todasLasImagenes = [\r\n {\r\n foto: FotoSeg1,\r\n id: 1,\r\n },\r\n {\r\n foto: FotoSeg2,\r\n id: 2,\r\n },\r\n {\r\n foto: FotoSeg3,\r\n id: 3,\r\n },\r\n {\r\n foto: FotoSeg4,\r\n id: 4,\r\n },\r\n {\r\n foto: FotoSeg5,\r\n id: 5,\r\n },\r\n {\r\n foto: FotoSeg6,\r\n id: 6,\r\n },\r\n {\r\n foto: FotoSeg7,\r\n id: 7,\r\n },\r\n {\r\n foto: FotoSeg8,\r\n id: 8,\r\n },\r\n {\r\n foto: FotoSeg9,\r\n id: 9,\r\n },\r\n {\r\n foto: FotoSeg10,\r\n id: 10,\r\n },\r\n ];\r\n\r\n while (imagenesUnicas.length < cantidad) {\r\n const imagenAleatoria =\r\n todasLasImagenes[Math.floor(Math.random() * todasLasImagenes.length)];\r\n if (!imagenesUnicas.includes(imagenAleatoria)) {\r\n imagenesUnicas.push(imagenAleatoria);\r\n }\r\n }\r\n\r\n return imagenesUnicas;\r\n };\r\n useEffect(() => {\r\n const imagenesAleatorias = obtenerImagenesAleatoriasUnicas(5); // Cambia el número según tus necesidades\r\n setRandomImages(imagenesAleatorias);\r\n }, []);\r\n\r\n const informaImage = (index) => {\r\n props.sendImage(index);\r\n setImagenSeleccionada(index);\r\n };\r\n return (\r\n \r\n {randomImages.map((image, index) => (\r\n {\r\n informaImage(image.id);\r\n }}\r\n src={image.foto}\r\n id={image.id}\r\n alt={`Image ${index}`}\r\n style={{\r\n height: \"80px\",\r\n width: \"80px\",\r\n cursor: \"pointer\",\r\n margin: \"30px\",\r\n }}\r\n />\r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default RandomImageComponent;\r\n","import React from \"react\";\r\nimport { Fragment, useState, useEffect } from \"react\";\r\nimport axiosInstance from \"./../../helpers/axiosInstance\";\r\nimport ComponenteIps from \"./ComponenteIps\";\r\nimport { Link } from \"react-router-dom/cjs/react-router-dom\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { cambioImagen } from \"Slicersreducers\";\r\n\r\nimport RandomImageComponent from \"./RandomImageComponent\";\r\n\r\nimport {\r\n Card,\r\n Container,\r\n Row,\r\n Col,\r\n NavItem,\r\n NavLink,\r\n Nav,\r\n TabContent,\r\n TabPane,\r\n CardHeader,\r\n Button,\r\n Modal,\r\n Badge,\r\n DropdownMenu,\r\n DropdownItem,\r\n UncontrolledDropdown,\r\n DropdownToggle,\r\n Media,\r\n Table,\r\n UncontrolledTooltip,\r\n Alert,\r\n InputGroup,\r\n} from \"reactstrap\";\r\nimport IconTid from \"../../assets/img/icons/Icono-Tipo-de-documento-Gris.png\";\r\nimport IconNid from \"../../assets/img/icons/Icono-Numero-documento-Gris.png\";\r\n\r\nconst RegistroUsuarioExterno = (props) => {\r\n const [newUserName, setNewUserName] = useState(\"\");\r\n //const [typesDocument, setTypesDocument] = useState(\"1\");\r\n const [tidelec, settidelec] = useState([\r\n false,\r\n false,\r\n false,\r\n false,\r\n false,\r\n false,\r\n false,\r\n ]);\r\n\r\n const [dateExpedition, setDateExpedition] = useState(\"\");\r\n const [email, setEmail] = useState(\"\");\r\n const [phone, setPhone] = useState(\"\");\r\n const [idImage, setIdImage] = useState(\"\");\r\n const [securityQuestion, setSecurityQuestion] = useState(\"\");\r\n const [contentFile, setContentFile] = useState(\"\");\r\n const [nameFileCedula, setFileCedula] = useState(\"Selecciona Cédula\");\r\n const [nameFileActa, setFileActa] = useState(\"Selecciona Acta\");\r\n const [nameFileFormulario, setFileFormulario] = useState(\r\n \"Selecciona Formulario\"\r\n );\r\n\r\n const [listAlert, setListAlert] = useState([]);\r\n const [nombreCasillaCedula, setNombreCasillaCedula] =\r\n useState(\"Selecciona Cédula\");\r\n const [nombreCasillaActa, setNombreCasillaActa] = useState(\"Selecciona Acta\");\r\n const [nombreCasillaFormulario, setNombreCasillaFormulario] = useState(\r\n \"Selecciona Formulario\"\r\n );\r\n const [disableButton, setDisableButton] = useState(true);\r\n const [successModal, setSuccessModal] = useState(false);\r\n const [statusCedula, setStatusCedula] = useState(false);\r\n const [statusActa, setStatusActa] = useState(false);\r\n const [statusFormulario, setStatusFormulario] = useState(false);\r\n const [statusNombre, setStatusNombre] = useState(false);\r\n const [statusFechaExp, setStatusFechaExp] = useState(false);\r\n const [statusFraseSeg, setStatusFraseSeg] = useState(false);\r\n const [statusImage, setStatusImage] = useState(false);\r\n const [newCedula, setNewCedula] = useState(\"\");\r\n const [newActa, setNewActa] = useState(\"\");\r\n const [newFormulario, setNewFormulario] = useState(\"\");\r\n const [listIps, setListIps] = useState([]);\r\n const [successModalWithErrors, setSuccessModalWithErrors] = useState(false);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const dispatch = useDispatch();\r\n\r\n const infoIps = (Ips) => {\r\n setListIps(Ips);\r\n if (listIps != []) {\r\n setDisableButton(false);\r\n }\r\n };\r\n\r\n const sendImage = (Id) => {\r\n setIdImage(Id);\r\n if (idImage != null) {\r\n setStatusImage(true);\r\n } else {\r\n setStatusImage(false);\r\n }\r\n };\r\n\r\n const handleChangeName = (event) => {\r\n event.preventDefault();\r\n console.log(\"esta editando\");\r\n setNewUserName(event.target.value);\r\n auxBuildUser.newUserName = newUserName;\r\n console.log(newUserName);\r\n if (newUserName.length > 1) {\r\n setStatusNombre(true);\r\n } else {\r\n setStatusNombre(false);\r\n }\r\n };\r\n var createReactClass = require(\"create-react-class\");\r\n\r\n const handleChangeDate = (event) => {\r\n event.preventDefault();\r\n setDateExpedition(event.target.value);\r\n console.log(dateExpedition);\r\n if (event.target.value) {\r\n setStatusFechaExp(true);\r\n } else {\r\n setStatusFechaExp(false);\r\n }\r\n };\r\n\r\n const handleChangeEmail = (event) => {\r\n event.preventDefault();\r\n setEmail(event.target.value);\r\n auxBuildUser.email = event.target.value;\r\n errorMail();\r\n console.log(email);\r\n };\r\n\r\n const handleChangePhone = (event) => {\r\n event.preventDefault();\r\n setPhone(event.target.value);\r\n auxBuildUser.phone = event.target.value;\r\n console.log(phone);\r\n };\r\n var auxBuildUser = {\r\n tid: \"\",\r\n nit: \"\",\r\n tus: \"\",\r\n newUserName: \"\",\r\n idNumber: \"\",\r\n dateExpedition: \"\",\r\n email: \"\",\r\n phone: \"\",\r\n id: \"\",\r\n securityQuestion: \"\",\r\n };\r\n\r\n const handleChangeSecurity = (event) => {\r\n event.preventDefault();\r\n setSecurityQuestion(event.target.value);\r\n auxBuildUser.securityQuestion = event.target.value;\r\n console.log(securityQuestion);\r\n if (securityQuestion != \"\") {\r\n setStatusFraseSeg(true);\r\n } else {\r\n setStatusFraseSeg(false);\r\n }\r\n };\r\n\r\n function getDateString(d) {\r\n var dd = d.getDate();\r\n var mm = d.getMonth() + 1;\r\n var yyyy = d.getFullYear();\r\n if (dd < 10) {\r\n dd = \"0\" + dd;\r\n }\r\n if (mm < 10) {\r\n mm = \"0\" + mm;\r\n }\r\n return yyyy + \"\" + mm + \"\" + dd;\r\n }\r\n\r\n const addDocumentFormulario = async () => {\r\n let today = new Date();\r\n let solicitud = props.dataUser.numberIdCompany;\r\n solicitud = solicitud.padEnd(16);\r\n const document = {\r\n nomPlantilla: \"FOSPOTRA\",\r\n numSolicitud: solicitud + \"3\",\r\n fechaEmision: getDateString(today),\r\n extension: \"PDF\",\r\n archivo: newFormulario,\r\n nidCliente: props.dataUser.numberIdUser,\r\n };\r\n\r\n const request = await axiosInstance()\r\n .post(\"/WSGYG39B/api/documentos/CargarDocumentos\", document)\r\n .catch((err) => {\r\n try {\r\n if (err.response.data.errors) {\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setListAlert([\r\n {\r\n description: \"Error.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ]);\r\n }\r\n } catch (error) {\r\n setListAlert([\r\n {\r\n description: \"Por favor validar la información ingresada.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ]);\r\n }\r\n return \"err\";\r\n });\r\n if (request != \"err\") {\r\n setIsLoading(false);\r\n setSuccessModal(true);\r\n } else {\r\n setIsLoading(false);\r\n setSuccessModalWithErrors(true);\r\n }\r\n };\r\n\r\n const addDocumentActa = async () => {\r\n let today = new Date();\r\n let solicitud = props.dataUser.numberIdCompany;\r\n solicitud = solicitud.padEnd(16);\r\n const document = {\r\n nomPlantilla: \"ACTPSOCE\",\r\n numSolicitud: solicitud + \"3\",\r\n fechaEmision: getDateString(today),\r\n extension: \"PDF\",\r\n archivo: newActa,\r\n nidCliente: props.dataUser.numberIdUser,\r\n };\r\n\r\n const request = await axiosInstance()\r\n .post(\"/WSGYG39B/api/documentos/CargarDocumentos\", document)\r\n .catch((err) => {\r\n try {\r\n if (err.response.data.errors) {\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setListAlert([\r\n {\r\n description: \"Error.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ]);\r\n }\r\n } catch (error) {\r\n setListAlert([\r\n {\r\n description: \"Por favor validar la información ingresada.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ]);\r\n }\r\n return \"err\";\r\n });\r\n if (request != \"err\") {\r\n addDocumentFormulario();\r\n } else {\r\n setIsLoading(false);\r\n setSuccessModalWithErrors(true);\r\n }\r\n };\r\n\r\n const addDocumentCedula = async () => {\r\n let today = new Date();\r\n let solicitud = props.dataUser.numberIdCompany;\r\n solicitud = solicitud.padEnd(16);\r\n const document = {\r\n nomPlantilla: \"CEDULACL\",\r\n numSolicitud: solicitud + \"3\",\r\n fechaEmision: getDateString(today),\r\n extension: \"PDF\",\r\n archivo: newCedula,\r\n nidCliente: props.dataUser.numberIdUser,\r\n };\r\n\r\n const request = await axiosInstance()\r\n .post(\"/WSGYG39B/api/documentos/CargarDocumentos\", document)\r\n .catch((err) => {\r\n try {\r\n if (err.response.data.errors) {\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setListAlert([\r\n {\r\n description: \"Error.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ]);\r\n }\r\n } catch (error) {\r\n setListAlert([\r\n {\r\n description: \"Por favor validar la información ingresada.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ]);\r\n }\r\n return \"err\";\r\n });\r\n if (request != \"err\") {\r\n addDocumentActa();\r\n } else {\r\n setIsLoading(false);\r\n setSuccessModalWithErrors(true);\r\n }\r\n };\r\n\r\n const AddRelatedUser = async () => {\r\n const relatedUser = {\r\n NameUser: newUserName,\r\n TypeUser: props.dataUser.typeUser,\r\n TypeUser1: props.dataUser.typeUser1,\r\n ProfileCode: props.dataUser.profileCode,\r\n ConditionDescription: props.dataUser.conditionDescription,\r\n Status: props.dataUser.status,\r\n TypeIdUser: props.dataUser.typeIdUser,\r\n NumberIdUser: props.dataUser.numberIdUser,\r\n TypeIdCompany: \"3\",\r\n NumberIdCompany: props.dataUser.numberIdCompany,\r\n Email: email.toLowerCase(),\r\n Phone: phone,\r\n DateExpedition: dateExpedition.replaceAll(\"-\", \"\"),\r\n SecurityText: securityQuestion,\r\n IdImage: idImage,\r\n Ips: listIps,\r\n };\r\n\r\n if (\r\n statusCedula &&\r\n statusActa &&\r\n statusFormulario &&\r\n statusNombre &&\r\n statusFechaExp &&\r\n statusFraseSeg &&\r\n statusImage\r\n ) {\r\n setIsLoading(true);\r\n const request = await axiosInstance()\r\n .post(\"/WSGYG39B/api/Form/CreateForm\", relatedUser)\r\n .catch((err) => {\r\n try {\r\n if (err.response.data.errors) {\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setListAlert([\r\n {\r\n description: \"Error.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ]);\r\n }\r\n } catch (error) {\r\n setListAlert([\r\n {\r\n description: \"Por favor validar la información ingresada.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ]);\r\n }\r\n return \"err\";\r\n });\r\n if (request != \"err\") {\r\n addDocumentCedula();\r\n //setSuccessModal(true);\r\n\r\n console.log(request.data);\r\n } else {\r\n setIsLoading(false);\r\n }\r\n } else if (props.dataUser.typeUser == \"S\") {\r\n if (statusNombre && statusFraseSeg && statusFechaExp && statusImage) {\r\n const request = await axiosInstance()\r\n .post(\"/WSGYG39B/api/Form/CreateForm\", relatedUser)\r\n .catch((err) => {\r\n try {\r\n if (err.response.data.errors) {\r\n setListAlert(\r\n err.response.data.errors.map((o) => ({\r\n ...o,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n }))\r\n );\r\n } else {\r\n setListAlert([\r\n {\r\n description: \"Error.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ]);\r\n }\r\n } catch (error) {\r\n setListAlert([\r\n {\r\n description: \"Por favor validar la información ingresada.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ]);\r\n }\r\n return \"err\";\r\n });\r\n if (request != \"err\") {\r\n setSuccessModal(true);\r\n console.log(request.data);\r\n }\r\n } else {\r\n setListAlert([\r\n {\r\n description: \"Por favor diligencie toda la información solicitada.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ]);\r\n }\r\n } else {\r\n setListAlert([\r\n {\r\n description: \"Por favor diligencie toda la información solicitada.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ]);\r\n }\r\n };\r\n\r\n const ejecutasalirSuccessModal = () => {\r\n setSuccessModal(false);\r\n dispatch(cambioImagen(true));\r\n };\r\n const ejecutasalirSuccessModalWithErrors = () => {\r\n setSuccessModalWithErrors(false);\r\n dispatch(cambioImagen(true));\r\n };\r\n\r\n async function ShowFileCedula(event) {\r\n var file = event.target.files[0];\r\n const reader = new FileReader();\r\n reader.onload = () => {\r\n setFileCedula(reader.result);\r\n setNewCedula(reader.result);\r\n };\r\n reader.readAsDataURL(file);\r\n setNombreCasillaCedula(file.name);\r\n setStatusCedula(true);\r\n }\r\n\r\n async function ShowFileActa(event) {\r\n var file = event.target.files[0];\r\n const reader = new FileReader();\r\n reader.onload = () => {\r\n setFileActa(reader.result);\r\n setNewActa(reader.result);\r\n };\r\n reader.readAsDataURL(file);\r\n setNombreCasillaActa(file.name);\r\n setStatusActa(true);\r\n }\r\n\r\n async function ShowFileFormulario(event) {\r\n var file = event.target.files[0];\r\n const reader = new FileReader();\r\n reader.onload = () => {\r\n setFileFormulario(reader.result);\r\n setNewFormulario(reader.result);\r\n };\r\n reader.readAsDataURL(file);\r\n setNombreCasillaFormulario(file.name);\r\n setStatusFormulario(true);\r\n }\r\n\r\n const deleteAlert = (alert) => {\r\n console.log(\"elimina alerta\");\r\n console.log(listAlert);\r\n setListAlert(listAlert.filter((auxAlert) => auxAlert != alert));\r\n };\r\n\r\n useEffect(async () => {\r\n const timer = setTimeout(deleteElementFromArr, 5000);\r\n return () => clearTimeout(timer);\r\n });\r\n\r\n const deleteElementFromArr = () => {\r\n if (listAlert.length > 0) {\r\n let temp = listAlert.slice();\r\n temp.splice(0, 1);\r\n setListAlert(temp);\r\n }\r\n };\r\n\r\n const eliminarContentCedula = () => {\r\n const fileInput = document.getElementById(\"inputFileCedula\"); // Obtén la referencia al input de tipo file\r\n fileInput.value = \"\"; // Borra el valor del input\r\n setStatusCedula(false);\r\n };\r\n\r\n const eliminarContentActa = () => {\r\n const fileInput = document.getElementById(\"inputFileActa\"); // Obtén la referencia al input de tipo file\r\n fileInput.value = \"\"; // Borra el valor del input\r\n setStatusActa(false);\r\n };\r\n\r\n const eliminarContentFormulario = () => {\r\n const fileInput = document.getElementById(\"inputFileFormulario\"); // Obtén la referencia al input de tipo file\r\n fileInput.value = \"\"; // Borra el valor del input\r\n setStatusFormulario(false);\r\n };\r\n\r\n //Valida que el patrón del correo sea el correcto\r\n const errorMail = () => {\r\n const emailInput = document.getElementById(\"email\");\r\n const errorMessage = document.getElementById(\"error-message\");\r\n\r\n emailInput.addEventListener(\"input\", function () {\r\n const email = emailInput.value;\r\n const emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/;\r\n\r\n if (emailPattern.test(email)) {\r\n errorMessage.textContent = \"\"; // Email válido, no muestra mensaje de error\r\n } else {\r\n errorMessage.textContent = \"Correo electrónico no válido\";\r\n }\r\n });\r\n };\r\n\r\n var Alerts = createReactClass({\r\n render: function () {\r\n var data = this.props.data;\r\n var newsTemplate;\r\n if (data.length > 0) {\r\n newsTemplate = data.map(function (item, index) {\r\n return (\r\n \r\n deleteAlert(item)}\r\n >\r\n ×\r\n \r\n \r\n \r\n {\" \"}\r\n {item.description}\r\n
\r\n );\r\n });\r\n }\r\n return {newsTemplate}
;\r\n },\r\n });\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n El proceso fue exitoso
\r\nEl usuario fue creado correctamente
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n El proceso fue exitoso
\r\n\r\n El usuario fue creado correctamente, pero no cargaron bien los\r\n archivos\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {\r\n dispatch(cambioImagen(true));\r\n }}\r\n >\r\n {\"Regresar a inicio\"}\r\n \r\n
\r\n \r\n
\r\n\r\n Nit:{props.dataUser.numberIdCompany}
\r\n\r\n Registro\r\n \r\n
\r\n \r\n Para completar el registro por favor diligencie estos campos con\r\n su información personal\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Por favor seleccione una imagen de seguridad
\r\nPor favor escriba una frase de seguridad
\r\n\r\nRegistra al menos una IP para tu próximo Ingreso
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n Adjuntar archivos{\" \"}\r\n
\r\n Los documentos deben estar en PDF
\r\n\r\n Para completar el registro por favor adjunte los siguientes\r\n documentos:\r\n
\r\n- \r\n
- Copia cédula de ciudadanía ampliada al 150% \r\n
- Acta de posesión o certificación laboral \r\n
- \r\n Formulario de solicitud de portal transaccional\r\n diligenciado\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n {\r\n setNombreCasillaCedula(\"Selecciona Cédula\");\r\n eliminarContentCedula();\r\n }}\r\n style={{ border: \"none\", width: \"100px\", height: \"25%\" }}\r\n className=\"my-1 mt-4 mr-9 btn bg-green text-white btn-block\"\r\n >\r\n Eliminar\r\n \r\n
\r\n \r\n {\r\n setNombreCasillaActa(\"Selecciona Acta\");\r\n eliminarContentActa();\r\n }}\r\n style={{ border: \"none\", width: \"100px\", height: \"25%\" }}\r\n className=\"my-1 mt-4 mr-9 btn bg-green text-white btn-block\"\r\n >\r\n Eliminar\r\n \r\n
\r\n \r\n {\r\n setNombreCasillaFormulario(\"Selecciona Formulario\");\r\n eliminarContentFormulario();\r\n }}\r\n style={{ border: \"none\", width: \"100px\", height: \"25%\" }}\r\n className=\"my-1 mt-4 mr-9 btn bg-green text-white btn-block\"\r\n >\r\n Eliminar\r\n \r\n
\r\n \r\n {\r\n AddRelatedUser();\r\n }}\r\n className=\"my-1 mt-3 btn bg-green text-white btn-block ml-auto mr-auto\"\r\n >\r\n Continuar\r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n else {\r\n return (\r\n \r\n Confirmacion Pago\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n | \r\n \r\n Resultado de la transacción\r\n \r\n | \r\n|
| Empresa: | \r\n{queryParameters.get(\"enterprise\")} | \r\n
| NIT: | \r\n{queryParameters.get(\"nit\")} | \r\n
| Fecha: | \r\n{queryParameters.get(\"processingDate\")} | \r\n
| Estado: | \r\n{queryParameters.get(\"message\")} | \r\n
| Referencia de pedido: | \r\n{queryParameters.get(\"referenceCode\")} | \r\n
| Referencia transacción: | \r\n{queryParameters.get(\"transactionId\")} | \r\n
| Número transacción: | \r\n{queryParameters.get(\"cus\")} | \r\n
| Banco: | \r\n{queryParameters.get(\"pseBank\")} | \r\n
| Valor: | \r\n{queryParameters.get(\"TX_VALUE\")} | \r\n
| Moneda: | \r\n{queryParameters.get(\"currency\")} | \r\n
| Descripcion: | \r\n{queryParameters.get(\"description\")} | \r\n
| Ip origen: | \r\n{queryParameters.get(\"pseReference1\")} | \r\n
\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default ConfirmacionPago;","/*!\r\n\r\n=========================================================\r\n* Argon Dashboard React - v1.2.0\r\n=========================================================\r\n\r\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\r\n* Copyright 2021 Creative Tim (https://www.creative-tim.com)\r\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\r\n\r\n* Coded by Creative Tim\r\n\r\n=========================================================\r\n\r\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\r\n\r\n*/\r\n\r\nimport Products from \"views/siif/Products.js\"\r\nimport AccountMovements from \"views/siif/AccountMovements.js\"\r\nimport LoanMovements from \"views/siif/LoanMovements.js\"\r\nimport Pays from \"views/siif/Pays.js\"\r\nimport Transfers from \"views/siif/Transfers.js\"\r\nimport MassiveTransfers from \"views/siif/MassiveTransfers.js\"\r\nimport Utilizations from \"views/siif/Utilizations.js\"\r\nimport Puckets from \"views/siif/Puckets.js\"\r\nimport Contacts from \"views/siif/Contacts.js\"\r\nimport AddContact from \"views/siif/AddContact.js\"\r\nimport ExtractsAndCertificates from \"views/siif/ExtractsAndCertificates.js\"\r\nimport Security from \"views/siif/Security.js\"\r\nimport Profiles from \"views/siif/perfiles.js\"\r\nimport Request from \"views/siif/Request.js\"\r\n\r\nimport HomePage from \"views/siif/HomePage.js\"\r\nimport Cambio from 'views/examples/cambioCotraseña.js'\r\nimport Proyeccion from 'views/siif/Proyeccion.js'\r\nimport CdtMovements from \"views/siif/CdtMovements.js\"\r\nimport icon_home from 'assets/img/icons/Icono-Inicio-Gris.png'\r\nimport icon_pays from 'assets/img/icons/Icono-Pagos-Gris.png'\r\nimport icon_transfer from 'assets/img/icons/Icono-Transferencia-Gris.png'\r\nimport icon_massivetransfer from 'assets/img/icons/Icono-Transfrencias-Multiples-Gris.png'\r\nimport icon_utilizations from 'assets/img/icons/Icono-Utilizaciones-Gris.png'\r\nimport icon_homeA from 'assets/img/icons/Icono-Inicio-Verde.png'\r\nimport icon_paysA from 'assets/img/icons/Icono-Pagos-Rojo.png'\r\nimport icon_transferA from 'assets/img/icons/Icono-Transferencia-Rojo.png'\r\nimport icon_massivetransferA from 'assets/img/icons/Icono-Transfrencias-Multiples-Verde.png'\r\nimport icon_utilizationsA from 'assets/img/icons/Icono-Utilizaciones-Rojo.png'\r\nimport icon_circulomas from 'assets/img/icons/circulo-mas.png'\r\nimport icon_Administras_usuarios from 'assets/img/icons/Icono-Administrar-Usuarios-Gris.png'\r\nimport { stubFalse } from \"lodash\"\r\nimport UsuariosExternos from \"views/siif/UsuariosExternos\"\r\nimport RegistroUsuarioExterno from \"views/siif/RegistroUsuarioExterno\"\r\nimport AuxiliarRegistro from \"views/siif/AuxiliarRegistro\"\r\nimport cambioCotraseña from \"views/examples/cambioCotraseña\"\r\n//import icon_Administras_usuariosA from 'assets/img/icons/Icono-Administrar-Usuarios-Rojo.png'\r\nimport { CreateRequestCredit } from \"views/siif/CreateRequestCredit.js\"\r\nimport { CreateViewAccount } from \"views/siif/CreateViewAccount\"\r\nimport ConfirmacionPago from \"views/siif/PaymentOptions/ConfirmacionPago\"\r\n\r\n\r\n\r\nvar routes = [\r\n {\r\n path: \"/home\",\r\n name: \"Inicio\",\r\n icon: \"far fa-credit-card text-primary\",\r\n icon: icon_home,\r\n icon_active: icon_homeA,\r\n linkActive: false,\r\n component: HomePage,\r\n layout: \"/admin\",\r\n invisible: false,\r\n profile: \"consulta, transaccion\"\r\n },\r\n {\r\n path: \"/product\",\r\n name: \"Crea tu producto\",\r\n icon: \"far fa-credit-card text-primary\",\r\n icon: icon_circulomas,\r\n layout: \"/admin\",\r\n invisible: false,\r\n profile: \"consulta, transaccion\",\r\n submenu:[\r\n {\r\n name: \"Solicitud Credito\",\r\n path: \"/solicitud-credito\",\r\n component: CreateRequestCredit,\r\n },\r\n {\r\n name: \"Cuenta vista\",\r\n path: \"/cuenta-vista\",\r\n component: CreateViewAccount,\r\n }\r\n ]\r\n },\r\n {\r\n path: \"/products\",\r\n name: \"Productos\",\r\n icon: \"far fa-credit-card text-primary\",\r\n component: Products,\r\n layout: \"/admin\",\r\n invisible: true,\r\n profile: \"consulta, transaccion\"\r\n },\r\n {\r\n path: \"/AuxiliarRegistro\",\r\n name: \"AuxiliarRegistro\",\r\n icon: \"far fa-credit-card text-primary\",\r\n component: AuxiliarRegistro,\r\n layout: \"/auth\",\r\n invisible: true,\r\n profile: \"consulta, transaccion\"\r\n },\r\n {\r\n path: \"/UsuariosExternos\",\r\n name: \"Usuarios Externos\",\r\n icon: \"far fa-credit-card text-primary\",\r\n component: UsuariosExternos,\r\n layout: \"/auth\",\r\n invisible: true,\r\n profile: \"consulta, transaccion\"\r\n },\r\n {\r\n path: \"/cambioCotraseña\",\r\n name: \"cambio contraseña\",\r\n icon: \"far fa-credit-card text-primary\",\r\n component: cambioCotraseña,\r\n layout: \"/auth\",\r\n invisible: true,\r\n profile: \"consulta, transaccion\"\r\n },\r\n {\r\n path: \"/RegistroUsuarioExterno\",\r\n name: \"Registo Usuario Externo\",\r\n icon: \"far fa-credit-card text-primary\",\r\n component: RegistroUsuarioExterno,\r\n layout: \"/admin\",\r\n invisible: true,\r\n profile: \"consulta, transaccion\"\r\n },\r\n {\r\n path: \"/product/account-movements\",\r\n name: \"Movimientos\",\r\n icon: \"ni ni-bag-17 text-primary\",\r\n component: AccountMovements,\r\n layout: \"/admin\",\r\n invisible: true,\r\n profile: \"consulta, transaccion\"\r\n },\r\n {\r\n path: \"/product/cdt-movements\",\r\n name: \"Movimientos\",\r\n icon: \"ni ni-bag-17 text-primary\",\r\n component: CdtMovements,\r\n layout: \"/admin\",\r\n invisible: true,\r\n profile: \"consulta, transaccion\"\r\n },\r\n {\r\n path: \"/product/loan-movements\",\r\n name: \"Movimientos\",\r\n icon: \"ni ni-bag-17 text-primary\",\r\n component: LoanMovements,\r\n layout: \"/admin\",\r\n invisible: true,\r\n profile: \"consulta, transaccion\"\r\n },\r\n {\r\n path: \"/pays\",\r\n name: \"Pagos\",\r\n //icon: \"fas fa-money-bill-wave text-primary\",\r\n icon:icon_pays,\r\n icon_active: icon_paysA,\r\n linkActive: false,\r\n component: Pays,\r\n layout: \"/admin\",\r\n invisible: true,\r\n profile: \"transaccion\"\r\n },\r\n {\r\n path: \"/transfers\",\r\n name: \"Transferencias\",\r\n //icon: \"fas fa-exchange-alt text-primary\",\r\n icon: icon_transfer,\r\n icon_active: icon_transferA,\r\n linkActive: false,\r\n component: Transfers,\r\n layout: \"/admin\",\r\n invisible: true,\r\n profile: \"transaccion\"\r\n },\r\n {\r\n path: \"/massive-transfers\",\r\n name: \"Transacciones Masivas\",\r\n //icon: \"fas fa-exchange-alt text-primary\",\r\n icon :icon_massivetransfer,\r\n icon_active :icon_massivetransferA,\r\n linkActive: false,\r\n component: MassiveTransfers,\r\n layout: \"/admin\",\r\n invisible: false,\r\n profile: \"transaccion\"\r\n },\r\n {\r\n path: \"/utilizations\",\r\n name: \"Utilizaciones\",\r\n //icon: \"fas fa-money-check-alt text-primary\",\r\n icon : icon_utilizations,\r\n icon_active : icon_utilizationsA,\r\n linkActive: false,\r\n component: Utilizations,\r\n layout: \"/admin\",\r\n invisible: true,\r\n profile: \"transaccion\"\r\n },\r\n {\r\n path: \"/puckets\",\r\n name: \"Bolsillos\",\r\n icon: \"fas fa-file-invoice-dollar text-primary\",\r\n component: Puckets,\r\n layout: \"/admin\",\r\n invisible: true,\r\n profile: \"\"\r\n },\r\n {\r\n path: \"/requests\",\r\n name: \"Solicitudes\",\r\n icon: \"far fa-question-circle text-primary\",\r\n component: Request,\r\n layout: \"/admin\",\r\n invisible: true,\r\n profile: \"\"\r\n },\r\n {\r\n path: \"/contacts\",\r\n name: \"Mis contactos\",\r\n icon: \"\",\r\n component: Contacts,\r\n layout: \"/admin\",\r\n invisible: true,\r\n profile: \"transaccion\"\r\n },\r\n {\r\n path: \"/contact/addContact\",\r\n name: \"Mis contactos\",\r\n icon: \"\",\r\n component: AddContact,\r\n layout: \"/admin\",\r\n invisible: true,\r\n profile: \"\"\r\n },\r\n {\r\n path: \"/certificates\",\r\n name: \"Extractos y certificados\",\r\n icon: \"\",\r\n component: ExtractsAndCertificates,\r\n layout: \"/admin\",\r\n invisible: true,\r\n profile: \"consulta\"\r\n },\r\n {\r\n path: \"/security\",\r\n name: \"Seguridad\",\r\n icon: \"\",\r\n component: Security,\r\n layout: \"/admin\",\r\n invisible: true,\r\n profile: \"transaccion\"\r\n },\r\n {\r\n path: \"/profiles\",\r\n name: \"profiles\",\r\n icon: \"\",\r\n component: Profiles,\r\n layout: \"/admin\",\r\n invisible: true,\r\n profile: \"\"\r\n },\r\n {\r\n path: \"/login\",\r\n name: \"Login\",\r\n icon: \"ni ni-key-25 text-primary\",\r\n component: Cambio,\r\n layout: \"/auth\",\r\n invisible: true,\r\n profile: \"\"\r\n },\r\n {\r\n path: \"/CambioContraseña\",\r\n name: \"contraseña\",\r\n icon: \"ni ni-circle-08 text-primary\",\r\n component: Cambio,\r\n layout: \"/auth\",\r\n invisible: true,\r\n profile: \"\"\r\n },\r\n {\r\n path: \"/confirmacionpago\",\r\n name: \"Confirmacion Pago\",\r\n icon: \"ni ni-circle-08 text-primary\",\r\n component: ConfirmacionPago,\r\n layout: \"/auth\",\r\n invisible: true,\r\n profile: \"\"\r\n },\r\n {\r\n path: \"/Proyeccion\",\r\n name: \"Proyeccion\",\r\n icon: \"far fa-credit-card text-primary\",\r\n component: Proyeccion,\r\n layout: \"/admin\",\r\n invisible: true,\r\n profile: \"transaccion\"\r\n }\r\n];\r\n\r\nexport default routes;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAoCAYAAABjPNNTAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANJSURBVHgB7Vi7buJAFL02KFFSUW7p7bbbbBcpTfIFm3xByBeEiIfoMB3ioZAvAL5gKbeDLaAN+wf+BAoEAgTsuWYceYEx4+GRFDnSaK7tmfHxnfsaG7QjUqnUtWEYt2g/cWmJ2z1c98bjcb5arTq0IwzSRCKRiJ2cnORYDBoHstWzs7O8bdt90oRJGhAE27QkyC/Pz+fzm2KxaHBbLBY/cK/BYyEnhsNhCyRjpIkoaUBo8DuaY5rmTaFQcPzPS6VSD108m83aIN+CfDEajXjOE2kg9Han0+kLbOEryyD4dZXgKkDUAlEeH2Ntl8vlNoVE6O0GwV9CzG8jyBBjXliORCI50kAoktBinJYe7MD2bNV5k8mkynNgn9eZTCZBIaFMEs5iQYuuJvCyPIUAwlB/Npt59pgL60TKJOEs97TUYg+OUaeQqFQqTXxkG2IM3h5Km0okWYvobHeCad6RJqBNbwdyYk0lKJGEFm3uoYm6irPIwJ4NU3Gd6PT0tKY6byvJZDJ5i4632gHJULa4CdPp1EbXZyfilKoyZytJhI1nITZ20aIHdiISIQmmo6TNSNBDDjnQXpyWIUfbFlfR6XTaV1dXcYgWeoOvg8ZLNblLyFEBss+DEB+3hSQpSeEsFlpTJ+RsAzuRF5JEXpdiI0kRHu7dAaapVRSoACRdbXKlFOREG0lCi56z0D6cRQb/2kF5fY2kyM+3dGQEhaQ1kp6zvAc4JG1yov9IokJhghaaQ8cHF8rWprz+RlI4izfgYM4iA0KS9861kPRGUoScGOdnBO4mHRkrIenZ/8w94/hDTpj8zIYOO3qE0UuDMdZ7Uf1oDklY6xUtjrUb3lHD1SS02BLj8qohhz8MBHken7mvZQ3Pa6pFruyoYfqPBOfn51VSRDQatYTY5wPWpkZLZ4gNBoML1XXFUcOtkgQ3ivrzs+YBvi87AeIlfaxPYcBVEuY9YV4NjW2zztv9BwTbh8jPuhBcGuDFO0FRGHWcPiD8vLR+s6xA+x+PKnYmiS35+CSPgU+S+8InyX1hK8ld/tDuC1KSomwiFKGPdCCIIpvRCxonTayiDGvRcXAXVM5J/2B0u13n8vLyL4h+w+UXOgC4ZkB7QK7+HTTuH6h0e9BzlkxcAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAoCAYAAABjPNNTAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAE+SURBVFhH7ZjbDcIwDEVLV2EeGBbmYRYgqK5cYzt+JGk/eiREBbJ9clOI4PL+MiW4Pm7LFc/r/lyu4oQla3KUjOy8PLuQBIuIJONdFCYkSaFymmwEtyRNRJOh70XTTCVpSatFoi5JnER0eCRNs2Tmxs9ue2i7Iylmtt0kmUlRwtPTnWQmkWhtVbJHioC1tyvJTIpApIcqiVfaQhDAvSxpipI9t5lSm2Xa7pYpAp6erOTIFAFtZjXJHikC1t5/knukCEizTffkSDjRjeSeKWqskkcSpC7sdvf8sEhoM3+/Fql5KYDXtGJr+pYeeCYAdX9Jag0xVsFCdjGzZ9howG2TpDVFSqnjHhG4ulUy2rQH1GXOrLon2Iv9Cjoap2QrTslWnJKtqEoe4djcNUlrAOIf+6MT1E49McmRR6U+a5o+F7ucYdE1G7QAAAAASUVORK5CYII=\"","import { useState, useEffect, useRef, Fragment, useLayoutEffect } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { InputGroup, FormGroup, Label, Input, Button } from \"reactstrap\";\r\nimport { cambiaruta } from \"../../Slicersreducers\";\r\nimport { Modal } from 'reactstrap';\r\nimport axios from \"axios\";\r\n\r\nexport const CreateRequestCredit = () => {\r\n const [isLoading, setIsLoading] = useState(false)\r\n const deleteAlert = (alert) => {\r\n setListAlert(listAlert.filter((auxAlert) => auxAlert != alert));\r\n };\r\n var createReactClass = require(\"create-react-class\");\r\n var Alerts = createReactClass({\r\n render: function () {\r\n var data = this.props.data;\r\n var newsTemplate;\r\n if (data.length > 0) {\r\n newsTemplate = data.map(function (item, index) {\r\n return (\r\n \r\n Confirmacion Pago\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n | \r\n \r\n Resultado de la transacción\r\n \r\n | \r\n
| No se accedio de manera correcta a la información. | \r\n
\r\n deleteAlert(item)}\r\n >\r\n ×\r\n \r\n \r\n \r\n {\" \"}\r\n {item.description}\r\n
\r\n );\r\n });\r\n }\r\n return {newsTemplate}
;\r\n \r\n },\r\n });\r\n const [listAlert, setListAlert] = useState([]);\r\n const dispatch = useDispatch();\r\n const getCookie = (name) => {\r\n let value = \"; \" + document.cookie;\r\n let parts = value.split(\"; \" + name + \"=\");\r\n if (parts.length == 2) return parts.pop().split(\";\").shift();\r\n };\r\n\r\n const [productData, setProductData] = useState({\r\n tipoCliente: \"\",\r\n tipoCredito: \"\",\r\n destinacion: \"\",\r\n cuantiaSolicitada: \"\",\r\n garantiaOfrecida: \"\",\r\n fuenteDePago: \"\",\r\n tipoidentificacion: getCookie(\"tid\"),\r\n numeroDeIdentificacion: getCookie(\"nid\"),\r\n correo: getCookie(\"email\")\r\n });\r\n\r\n // Estado inicial de validación\r\n const validationRules = {\r\n tipoCliente: { required: true, message: \"\" },\r\n tipoCredito: { required: true, message: \"\" },\r\n destinacion: { required: false, message: \"\", maxLength: 250 },\r\n cuantiaSolicitada: {\r\n required: true,\r\n message: \"\",\r\n maxLength: 19,\r\n }, // Solo números\r\n garantiaOfrecida: { required: false, message: \"\", maxLength: 100 },\r\n fuenteDePago: { required: true, message: \"\", maxLength: 100 },\r\n };\r\n\r\n const [validation, setValidation] = useState(validationRules);\r\n\r\n const validateFields = () => {\r\n const newValidation = {};\r\n\r\n for (const field in validationRules) {\r\n const rules = validationRules[field];\r\n const value = productData[field];\r\n\r\n let isValid = true;\r\n let message = \"\";\r\n\r\n if ((rules.required && !value) || value === \"0\") {\r\n isValid = false;\r\n message = \"Este campo es requerido\";\r\n }\r\n\r\n if (isValid && rules.maxLength && value.length > rules.maxLength) {\r\n isValid = false;\r\n message = `No puede exceder el tamaño máximo de ${rules.maxLength} caracteres`;\r\n }\r\n\r\n if (isValid && rules.pattern && !rules.pattern.test(value)) {\r\n isValid = false;\r\n message = \"El valor ingresado no es válido\";\r\n }\r\n\r\n newValidation[field] = { isValid, message };\r\n }\r\n\r\n setValidation(newValidation);\r\n\r\n // Retorna false si alguno de los campos no es válido\r\n return !Object.values(newValidation).some((val) => !val.isValid);\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n\r\n if (name === \"cuantiaSolicitada\") {\r\n const onlyNumbers = value.replace(/\\D/g, \"\"); // Elimina todo lo que no sea un número\r\n const formattedValue = new Intl.NumberFormat(\"es-CO\").format(onlyNumbers); // Formatea con separador de miles\r\n\r\n setProductData((prevState) => ({\r\n ...prevState,\r\n cuantiaSolicitada: formattedValue,\r\n }));\r\n } else {\r\n setProductData((prevState) => ({\r\n ...prevState,\r\n [name]: value,\r\n }));\r\n }\r\n };\r\n\r\n const storeProduct = async (productData, accessToken) => {\r\n debugger\r\n try {\r\n const response = await axios.post(\"/WSDinamyc/WSGYGR/home\", {\r\n NombrePagina: \"PIDEA008\",\r\n InformacionRep: productData,\r\n },\r\n {\r\n headers: {\r\n Authorization: `Bearer ${accessToken.acces_token}`,\r\n },\r\n });\r\n \r\n if (response.status === 200) {\r\n if (response.data.respuestaWs){\r\n setProductData({\r\n tipoCliente: \"\",\r\n tipoCredito: \"\",\r\n destinacion: \"\",\r\n cuantiaSolicitada: \"\",\r\n garantiaOfrecida: \"\",\r\n fuenteDePago: \"\",\r\n tipoidentificacion: getCookie(\"tid\"),\r\n numeroDeIdentificacion: getCookie(\"nid\"),\r\n correo: getCookie(\"email\"),\r\n })\r\n setIsLoading(false)\r\n let respuestaExito = response.data.respuestaWs + \" \" + response.data.nroSolicitud\r\n setListAlert([\r\n {\r\n description: respuestaExito,\r\n type: \"alert alert-alert show alert-dismissible fade alert-success\",\r\n icon: \"fas fa-check-circle\"\r\n },\r\n ])\r\n }\r\n else{\r\n setProductData({\r\n tipoCliente: \"\",\r\n tipoCredito: \"\",\r\n destinacion: \"\",\r\n cuantiaSolicitada: \"\",\r\n garantiaOfrecida: \"\",\r\n fuenteDePago: \"\",\r\n tipoidentificacion: getCookie(\"tid\"),\r\n numeroDeIdentificacion: getCookie(\"nid\"),\r\n correo: getCookie(\"email\"),\r\n })\r\n console.log(response)\r\n setIsLoading(false)\r\n setListAlert([\r\n {\r\n description: \"Error al crear el crédito.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ])\r\n } \r\n } else if(response.status === 401){\r\n let accessToken = await fetchToken();\r\n await storeProduct(productData, accessToken);\r\n }else{\r\n setIsLoading(false)\r\n setListAlert([\r\n {\r\n description: \"Error al crear el crédito.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ])\r\n }\r\n } catch (error) {\r\n setIsLoading(false)\r\n console.log(error)\r\n let errors = error.response.data;\r\n let listaAlertas = []\r\n for (let i = 0; i < errors.length; i++){\r\n listaAlertas.push({\r\n description: errors[i].descripcion,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n })\r\n }\r\n setListAlert(listaAlertas)\r\n }\r\n };\r\n\r\n const fetchToken = async () => {\r\n try {\r\n const response = await axios.post(\r\n '/WS_Ideatst/Seguridad/Autenticacion',\r\n {},\r\n {\r\n headers: {\r\n username: 'WSIDE',\r\n password: 'AMBIENTEIDE3',\r\n },\r\n }\r\n );\r\n if (response.status === 200) {\r\n return response.data;\r\n } else {\r\n return null;\r\n }\r\n } catch (error) {\r\n return null;\r\n }\r\n};\r\n\r\n const handleSubmit = async () => {\r\n if (validateFields()) {\r\n setIsLoading(true)\r\n const cleanedProductData = {\r\n ...productData,\r\n cuantiaSolicitada: removeNumberFormatting(productData.cuantiaSolicitada),\r\n };\r\n let accessToken = await fetchToken();\r\n if(accessToken){\r\n await storeProduct(cleanedProductData, accessToken);\r\n }else{\r\n setIsLoading(false)\r\n setListAlert([\r\n {\r\n description: \"Error por favor comunicarse con helpdesk.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ])\r\n }\r\n }\r\n };\r\n\r\n const removeNumberFormatting = (formattedNumber) => {\r\n return formattedNumber.replace(/\\D/g, \"\");\r\n };\r\n\r\n useEffect(() => {\r\n dispatch(cambiaruta(\"Inicio/Crear Producto/Crear credito\"));\r\n }, []);\r\n return (\r\n <>\r\n \r\n
\r\n Crea Crédito
\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Continuar\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {!validation.tipoCliente.isValid && (\r\n \r\n {validation.tipoCliente.message}\r\n \r\n )}\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {!validation.tipoCredito.isValid && (\r\n \r\n {validation.tipoCredito.message}\r\n \r\n )}\r\n \r\n
\r\n {!validation.destinacion.isValid && (\r\n \r\n {validation.destinacion.message}\r\n \r\n )}\r\n \r\n \r\n $\r\n \r\n
\r\n {!validation.cuantiaSolicitada.isValid && (\r\n \r\n {validation.cuantiaSolicitada.message}\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n {!validation.garantiaOfrecida.isValid && (\r\n \r\n {validation.garantiaOfrecida.message}\r\n \r\n )}\r\n \r\n \r\n
\r\n {!validation.fuenteDePago.isValid && (\r\n \r\n {validation.fuenteDePago.message}\r\n \r\n )}\r\n \r\n deleteAlert(item)}\r\n >\r\n ×\r\n \r\n \r\n \r\n {\" \"}\r\n {item.description}\r\n
\r\n );\r\n });\r\n }\r\n return {newsTemplate}
;\r\n \r\n },\r\n });\r\n const [listAlert, setListAlert] = useState([]);\r\n const [productData, setProductData] = useState({\r\n nombreDeCuenta: \"\",\r\n origenDeRecursos: \"\",\r\n cuentaEmbargable: \"\",\r\n exentaDeRetencion: \"\",\r\n requiereSupervision: \"\",\r\n nombreDeSupervisor: \"\",\r\n cargoDeSupervisor: \"\",\r\n nroIdentificacionSupervisor: \"\",\r\n nitEntidadSupervisor: \"\",\r\n tipoIdentificacion: getCookie(\"tid\"),\r\n numeroDeIdentificacion: getCookie(\"nid\"),\r\n correo: getCookie(\"email\"),\r\n });\r\n\r\n // Estado inicial de validación\r\n const validationRules = {\r\n nombreDeCuenta: { required: true, message: \"\" },\r\n origenDeRecursos: { required: true, message: \"\" },\r\n cuentaEmbargable: { required: true, message: \"\" },\r\n exentaDeRetencion: { required: true, message: \"\" },\r\n requiereSupervision: { required: true, message: \"\" },\r\n nombreDeSupervisor: { required: false, message: \"\" },\r\n nroIdentificacionSupervisor: { required:false, message: \"\" },\r\n cargoDeSupervisor: { required: false, message: \"\" },\r\n nitEntidadSupervisor: { required: false, message: \"\" },\r\n };\r\n \r\n const [validation, setValidation] = useState(validationRules);\r\n\r\n const validateFields = () => {\r\n const newValidation = {};\r\n\r\n for (const field in validationRules) {\r\n const rules = validationRules[field];\r\n const value = productData[field];\r\n\r\n let isValid = true;\r\n let message = \"\";\r\n\r\n if ((rules.required && !value) || value === \"0\") {\r\n isValid = false;\r\n message = \"Este campo es requerido\";\r\n }\r\n\r\n if (isValid && rules.maxLength && value.length > rules.maxLength) {\r\n isValid = false;\r\n message = `No puede exceder el tamaño máximo de ${rules.maxLength} caracteres`;\r\n }\r\n\r\n if (isValid && rules.pattern && !rules.pattern.test(value)) {\r\n isValid = false;\r\n message = \"El valor ingresado no es válido\";\r\n }\r\n\r\n newValidation[field] = { isValid, message };\r\n }\r\n\r\n setValidation(newValidation);\r\n\r\n // Retorna false si alguno de los campos no es válido\r\n return !Object.values(newValidation).some((val) => !val.isValid);\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n if (name === \"nroIdentificacionSupervisor\" || name == 'nitEntidadSupervisor') {\r\n const onlyNumbers = value.replace(/\\D/g, \"\"); // Elimina todo lo que no sea un número\r\n\r\n setProductData((prevState) => ({\r\n ...prevState,\r\n [name]: onlyNumbers,\r\n }));\r\n } else {\r\n setProductData((prevState) => ({\r\n ...prevState,\r\n [name]: value,\r\n }));\r\n }\r\n };\r\n\r\n const storeProduct = async (productData, accessToken) => {\r\n debugger\r\n try {\r\n const response = await axios.post(\"/WSDinamyc/WSGYGR/home\", {\r\n NombrePagina: \"PIDEA045\",\r\n InformacionRep: productData,\r\n },\r\n {\r\n headers: {\r\n Authorization: `Bearer ${accessToken.acces_token}`,\r\n },\r\n });\r\n \r\n if (response.status === 200) {\r\n if (response.data.respuestaWs){\r\n setProductData({\r\n nombreDeCuenta: \"\",\r\n origenDeRecursos: \"\",\r\n cuentaEmbargable: \"\",\r\n exentaDeRetencion: \"\",\r\n requiereSupervision: \"\",\r\n nombreDeSupervisor: \"\",\r\n cargoDeSupervisor: \"\",\r\n nroIdentificacionSupervisor: \"\",\r\n nitEntidadSupervisor: \"\",\r\n tipoIdentificacion: getCookie(\"tid\"),\r\n numeroDeIdentificacion: getCookie(\"nid\"),\r\n correo: getCookie(\"email\"),\r\n })\r\n console.log(response)\r\n let respuestaExito = response.data.respuestaWs + \" \" + response.data.nroSolicitud\r\n setIsLoading(false)\r\n setListAlert([\r\n {\r\n description: respuestaExito,\r\n type: \"alert alert-alert show alert-dismissible fade alert-success\",\r\n icon: \"fas fa-check-circle\"\r\n },\r\n ])\r\n }\r\n else {\r\n setProductData({\r\n nombreDeCuenta: \"\",\r\n origenDeRecursos: \"\",\r\n cuentaEmbargable: \"\",\r\n exentaDeRetencion: \"\",\r\n requiereSupervision: \"\",\r\n nombreDeSupervisor: \"\",\r\n cargoDeSupervisor: \"\",\r\n nroIdentificacionSupervisor: \"\",\r\n nitEntidadSupervisor: \"\",\r\n tipoIdentificacion: getCookie(\"tid\"),\r\n numeroDeIdentificacion: getCookie(\"nid\"),\r\n correo: getCookie(\"email\"),\r\n })\r\n console.log(response)\r\n setIsLoading(false)\r\n setListAlert([\r\n {\r\n description: \"Error al crear cuenta vista\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ])\r\n }\r\n } else if(response.status === 401){\r\n let accessToken = await fetchToken();\r\n await storeProduct(productData, accessToken);\r\n }else{\r\n setIsLoading(false)\r\n setListAlert([\r\n {\r\n description: \"Error al crear cuenta vista\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ])\r\n }\r\n } catch (error) {\r\n setIsLoading(false)\r\n console.log(error)\r\n let errors = error.response.data;\r\n let listaAlertas = []\r\n for (let i = 0; i < errors.length; i++){\r\n listaAlertas.push({\r\n description: errors[i].descripcion,\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n })\r\n }\r\n setListAlert(listaAlertas)\r\n }\r\n };\r\n\r\n const fetchToken = async () => {\r\n try {\r\n const response = await axios.post(\r\n '/WS_Ideatst/Seguridad/Autenticacion',\r\n {},\r\n {\r\n headers: {\r\n username: 'WSIDE',\r\n password: 'AMBIENTEIDE3',\r\n },\r\n }\r\n );\r\n if (response.status === 200) {\r\n return response.data;\r\n } else {\r\n return null;\r\n }\r\n } catch (error) {\r\n return null;\r\n }\r\n};\r\n\r\n const handleSubmit = async() => {\r\n if (validateFields()) {\r\n setIsLoading(true)\r\n let accessToken = await fetchToken();\r\n if(accessToken){\r\n await storeProduct(productData, accessToken);\r\n }else{\r\n setIsLoading(false)\r\n setListAlert([\r\n {\r\n description: \"Error por favor comunicarse con helpdesk.\",\r\n type: \"alert alert-alert show alert-dismissible fade alert-danger\",\r\n icon: \"fas fa-exclamation-circle\",\r\n },\r\n ])\r\n }\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n dispatch(cambiaruta(\"Inicio/Crear Producto/Crear cuenta vista\"));\r\n }, []);\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {!validation.exentaDeRetencion.isValid && (\r\n \r\n {validation.exentaDeRetencion.message}\r\n \r\n )}\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n Crea cuenta vista
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {!validation.cuentaEmbargable.isValid && (\r\n \r\n {validation.cuentaEmbargable.message}\r\n \r\n )}\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {!validation.origenDeRecursos.isValid && (\r\n \r\n {validation.origenDeRecursos.message}\r\n \r\n )}\r\n \r\n\r\n \r\n
\r\n {!validation.nombreDeCuenta.isValid && (\r\n \r\n {validation.nombreDeCuenta.message}\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Información supervisor
\r\n\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n {!validation.nombreDeSupervisor.isValid && (\r\n \r\n {validation.nombreDeSupervisor.message}\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n {!validation.nroIdentificacionSupervisor.isValid && (\r\n \r\n {validation.nroIdentificacionSupervisor.message}\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n {!validation.cargoDeSupervisor.isValid && (\r\n \r\n {validation.cargoDeSupervisor.message}\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n {!validation.nitEntidadSupervisor.isValid && (\r\n \r\n {validation.nitEntidadSupervisor.message}\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n {getRoutes(routes)}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Admin;\r\n","export default __webpack_public_path__ + \"static/media/imagenlogin.57803b57.png\";","export default __webpack_public_path__ + \"static/media/LogoIdea2.153a2af6.jpg\";","export default __webpack_public_path__ + \"static/media/Modificación-Horario-Junio.418f07ce.jpg\";","export default __webpack_public_path__ + \"static/media/Modificación-Horario.c0ee8d3f.jpg\";","/*!\r\n\r\n=========================================================\r\n* Argon Dashboard React - v1.2.0\r\n=========================================================\r\n\r\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\r\n* Copyright 2021 Creative Tim (https://www.creative-tim.com)\r\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\r\n\r\n* Coded by Creative Tim\r\n\r\n=========================================================\r\n\r\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\r\n\r\n*/\r\nimport React, { Fragment, useState } from \"react\";\r\nimport { useLocation, Route, Switch, Redirect } from \"react-router-dom\";\r\n// reactstrap components\r\nimport { Container, Row, Col } from \"reactstrap\";\r\nimport Background from '../assets/img/brand/imagenlogin.png'\r\n//import logoSantander from '../assets/img/brand/Logo-Santander-Login-2x.png';\r\nimport logoIdea2 from '../assets/img/brand/LogoIdea2.jpg';\r\nimport iconClose from '../assets/img/icons/cerrarverde.png';\r\nimport imagenPublicidad from '../assets/img/brand/Modificación-Horario.jpg'\r\nimport horarioJunio from '../assets/img/brand/Modificación-Horario-Junio.jpg'\r\n\r\n// core components\r\nimport AuthFooter from \"components/Footers/AuthFooter.js\";\r\nimport {useSelector,useDispatch} from \"react-redux\";\r\n\r\nimport routes from \"routes\";\r\n\r\nconst Auth = (props) => {\r\n const mainContent = React.useRef(null);\r\n const location = useLocation();\r\n \r\n const mostrarFoto=useSelector(state=>state.miga.mostrarImage);\r\n\r\n const [widthdiv, setWidthdiv] = useState('80%');\r\n const [viewModal, setViewModal] = useState(false);\r\n\r\n React.useEffect(() => {\r\n document.body.classList.add(\"bg-white\");\r\n return () => {\r\n document.body.classList.remove(\"bg-white\");\r\n };\r\n }, []);\r\n React.useEffect(() => {\r\n document.documentElement.scrollTop = 0;\r\n document.scrollingElement.scrollTop = 0;\r\n mainContent.current.scrollTop = 0;\r\n fechaAlertaActivar()\r\n }, [location]);\r\n\r\n const getRoutes = (routes) => {\r\n return routes.map((prop, key) => {\r\n if (prop.layout === \"/auth\") {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Auth;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGoAAAB1CAYAAACmoXTZAAAAAXNSR0IArs4c6QAAHAFJREFUeF7tXXl4U1X6PlmatW1ok5Y2tDRQgSJbC0JNW6osto0EkMUqCIzMD8QFqOIoyKiIIuCugKMMOriCVmSbQqAI1ZYmItKWQYdUBbqRpm3SEJpmv8nvOZfe602atllvik7+4eHpTe695z3fOe/7fd/5Pgro4+N0OikAAFpzczMjMTGRBgCA/8c+TgAAAgCwwn8pFAr8//8+IRgB4qC7/DwGkEajYdvtdj6XwRVyWBweYAKa3W4HCIIADocDQdIDAFQajUYrEAhM/wMMAGzsAAAMOMnb29u7jbPD4XDabDYkMTHRq0ne7QfcAaLT6Smtlua00qajY66arya22lSMdmMLCmoaL8NKcYLmOUPnXxjGuVVJp9Pr7Xb7nxYwAkBsAAAfACDUGXW8hqtXaC0datBm0aDjNlowGgwYwEPiWUI9O4qtAgBoAQC9TnIXoOCN6urqmBEREQIelzf0wvWqkR/9+s+Ms9dPpkXRYlMYVAaPSqHD5Q/9OJx2xEkB+narul5Iv0W5PLWo+g7h9IudnZ2XbTabRiQSWf4sy2EXSEwAgAAAMPTYj0dHHpB/PabiyqnEZkMdtCwQGQGxA8Bg0wJWJNOaO6SgefUday5kj8u9CAC4DACASHocMxwo7EZ6vV5IQ2gTP7+0e/LOps2jYxkJKRGAAe8AZ0lPe5TJARCtxqqqz46W/LRm7PoKjjPqrNFoVP0ZwCKAJKxruzSxaNdjk8uvHB+dGClKYdCYPAqg4JObsL8gFsSsbzbU1WfGT/npy6cPVPB4vLNwG/EEFhEoOgAgAUGQ7G0/vi79qnlXJi+Cn9ADQO7bJUYqTEbEoObQos68n7nnGNsRqfijg4WtQiKRSFhbXytO25BWMDJGlMmksfoaO3zMLIhZ3WHsOPPhmk+P5Y2QKDyBhQIFb6bRaCJZdFbGobp9hW9eWZ8Xz0hOBgBAU+6RcHggN/DmFrvTquI6BIqDs07IAAAebxwCYkT6T2KWZLFYhHXqOnHaC2mScfwRYgAoQor3Y+d0AmABwKmq19cqSp79TjaMndZtgmNA0dVqdZKZ3pk/tyJnwUDG4PFwSfURJCJltxgRgyqFk6b4ZPrXMr1er9DpdH+oZZC43DV11ouTHxZJ0gemiZ0A+AISPmYYWA4LkJ98vqKERqNVxsbGqikUih1eRCFY0/h1Z1cvUFqr8yMAIwkAAJdCfz+oZekRrSoneoZ8421bS9r17ZWDBg3Cb+zvD/eH7xFB0nVqxFM3TJY4gdNXS+q2fUCwDBZ9Y0HGzNLXC98pZkWyqiH3gIQMAoVaUzvSlr/oh7xArYl4cxSsVmtj42JhUemDI1YU2+32aoFAgN64Pwy4v88Axwzu5wCA7BXblklP/no0K5LJ88eSPO31hhqtsurKa7/tFQlSjwMAmqBVUVQqFSeSGZm+59JHC/c0vz+DQ4sM1JrcwTK0Whurnx2+vXha/F2l7Z3tjTczE+yyJrgtZDzxz9WFH/2wPS9lQFqyD3tSX/PD3mHWN62YsurIU/Oe2QMAqKFQKEZKW1tbVAwnJqfg5MRlVCp9ChVQBvi5N/X0AHCNVbfYGipfGbm7ZFKCWH6z7leEJS/5vaPv5q0/sLJQxEvLCGA/9zRmTidwXhscKyo7vP7YBwCA0xQKpYOi1WqjeSxe7uRv0lbwaLG5AIDoviD38e/oEugADpXG2qj4dOIJmYAx8Kaj7cR96XxtVdaU1ydIU3hp2V1LYCD7uafhvF7Tqiy377bvpNFo5RQK5TrcoyAwuRMODFoRz0gKBVCoAsDAMiNGxdFpP8i4XO5NQ9sxkFpbW4UqnUqcsSkjEIbnzTy/XqNRlje93LSTzWaX8/l80oDCwYK0PQrwFSWzym8KjUXUSuqOq2LRhlRJOttvGu4NSPCanoG68/CtK5g0bi4VUIO99HVjghCsGCBEBXF/1ljE5Q4AIB5aNFDCi4j1Vyt5CxIOVNvrbTupVCpuUVEAgJynvlu9rKajYgqdwgg2mfBEQW8KjUWk4Yu2LpBWt3yfFUFjBYOG9wYaSibq9bVlV9/p/MBoNJ6Oi4vrgHsUBwAwrrT26P0blasLoun8wX64jnyZLfgyqLdpGwsTl5euHPdk8TXDtX6lsYg0/Ml9Kwu/KtubF8uODyYN75ElWxBz09QxeUdevGfLHovFUiMUCo2o4O1iLjkTDiTOjmcMzgkRk/Eo7vqjxiLS8EPlB/JWfbmskM+ODzYN90jNoSeiTq+s2v7Xj/dOH5J3PCEh4YbgJT7UpzX/ynuv/uVCHl1AxkPBB0U1VqutoXJrP9FYxH1Jfr4iS7ojVzqYNyKbAijQExFsGu4Olt0JnE1R1AHH/73+2F673V6FeXJcvOd0Oj1jcfnMQjPVkEenMPzxnvu1BEKNBWn7e+O/kN2aNCZstB0LWXA4HKHG2iIetWWsZBzbZ2+4r2OAXQ8lDOo++vShj/fOzyg8zmKxUGuCF7jEo65evZrAZrOz/+90odRA1WbRKQwhWfsVDI3QKQzFvjtPhUVjEbUSl8sVj1k/VBIdEROoo9Vb0NBQR7uptXHWhPmlWwvfKDabzS57tkuEF4bhExMThVAvLJHPlLBoHDEVUEkDC9NYh2aUyWg0GmmWRYxuOxwO8ewtBRKtrVVMAsNDiRUEyYaYValxw+Ufrd5bYtKbukUauuVMdFmQsLK+XLy6qlAiYCSTDhbZGotIw+/dOUta/dOPwfKG92VReNAQIBRF2fNymc1m8+he6ykLCUZ2hSdqj2Wtu7hUGh8xOFQ+LY8aC1rWGM7titfF78qud14PqV+QSMM3f72x8P1T28ii4ShIFABUNSal4udn/tOrD9RjmJ3IBA/8/HXepl9WFcYzkslignjQMT9mvvzZ214uUberQxJ0dKfh9+yeW5jOD7o3vNeoQo1WWSlbVVIiTs3pNarQVwImGnfZeHpd4XHNvjxeBJ8MJogL4hZrY+OTQzaXzhbNLzbbXTfXvtaUvv5OpOHHqo5kSbZLpeP4pNFwjOFVf3b/Z8XzxfNLm9ube43T9Zq4AtduyARjebHZDysekNaZarM4tEgyyAUGlqHF2lD93PAdxXNGzSsFADT2lPfWFzAuDseu/EWMhktfmx4Whvfw1NWl6+dtKAYA4CH3nt6jL6DQhEz4QqwIlnhJxTxJJ1UjJom2uwjij287UTI6abS8p7w3b4EiaiVIwyUbp5LO8AwWvSo1aYT86N++QZNYoOjH9JJfQN3gjjeyZyFY8MXuPjmJdNoOBbHDaVcUTzkhi+EKAqLt2CrB4/Gy5707U3qpqZZUhgdpOD8iXiHbcEpmt9sVPB7PY8KlO2Be5exhYEGN1WZXi2eXZpJO2zFBfOiuChmDwfALLDzjisXK2Hb8DdIZHszdsyBWhXzTDzJbp8MnNusVUJhlYRqrqvmsePn3M8MCFtMRpYCCGM7G5uZmr3MFiQzv8+Of563ctygU+Q49MjwncKrPG2srK9eVl9zCGiH3NYPYa6DcwZI3VGStqioMi8YayU1XvH37h15rrG4M722pND0+ZPkOHqMENVpl9cGl+4unpE8rbW/3PRPLJ6DcwEoOp8bKib5bseX2t2RXW68qHA5Hj5ZFBOm/TRdQRysJoXTc0Yr58CDDW5O/tthgNvgVd/MZKAwsmKseyYrMeKXmhbBoLLW1QfXkkM3yRelLSwAAHpkTkQhRqVTx9K05EhhS9zE33FtC2c2SukBSZWdmy/cuOdzjc3pzA7+A6gIL11iPn1kuVXZWk62xLJggfiD9wW5axB2kua/OCAsNHyVIVxzacDTgRJ5AgHLRWCvPLZU0my+TqbFQda+3a6rfSN9dLE7JdRHERBq+9POFYXG0XrfpFMrXGv1mqURL8xsod40VEREhXigvkDiAgyxvOyqIHcChNjtMlQenflcSw+Vjgtiq0Wi4cGl+9fCWwg8qd4TN0TooarDXWqm3JTAgoIhgYXGsuRVZYaHtMOi4584jUBB/r9PpNHQ6feBh+eG7Fn2xiFRHK6ThDfraypKV5SW3JPpOw/32THiz0RGZVVXz2azlZ2ZJBRFJ2VRAJSPPAD88B8EqKZCfcNqcV0ouHxg6Z0dhQTqHXBpep1dWf7R4f3FB+t19Olq9GVvsmoAt6nceitajgHGs5Cr1mbyVZxaSmSSDggXjWGM5mTWPjFzTWLD5jmQ+Oz7dz4NlvozhjYUFAEv9NWXjU5IXSh+dVhT0I0ZBA4pI24NwxNTXgUJv3wWWjtrONGjPGSOpTEpMEI/D9PRMWL6DKjc5T/7Zur0B0fCQLn3EH8fZFpuXvevXd6Wfqd7JimckkxkacTiAA7G2ITTtOSOVxqQEdTK6DSQKEvSGB4uGkwmUC21/uuoRycXOGjGJcSz0XR3AAaxtCNCdN3kuHuCPzbp+B893gDT83OafA/bsh5T1efpxotjkR/PFRacfklwwfk86WHanFegumIG9FQQbrN/zHVqUisb362RJ3BS/PPrezpeQLQtEsKK50eL5J/MkFmoHmYIYHwPNWQOw6R3BBAvN8K3XKysPrSwvmZQ2Sc5kMr2KK3kLjPt1IQPKXWMZ7R3i6aVjJQLGIDIFcSjAupHv0Kms/sfMHcUP5Cz2yxvuK2AhBQoDC4tjNXU2ZN33zVRpJD2GLI3lMh7QsuwGh69j5MqVujJa5417oHRD4YtBp+GkkYne9qxYbmzyz8aavMeq7iscyBhMVvoZ/kiQYLR8Y/B3CcQZ3qxh98rfXP1OSGh4WIEiaix4EOFI3cFAyvgEYhHA3GYD2nNGQGP6tJjgaccMGktxamNFSBmepxf06WkDGqEbiTJoaIQXHo3lQtt9AAun4edbaklheP0BKFxjhZO2YxrLS7BQhlfTqqxUblKWjBg8IuCUNX8mPKkWRWSCMP0s3GBp/2PoS2OhDA86Wr945Ehx/vi7g5YE6itYpAPlDhbUWPefnEl2Yqc3tB13tD63YGvpmmlrvcpo9RUAb68PC1CeNJb0G7Ekkj6gv2isGyDplaqlY1bLN/zlxRIGg1HJZrP7zGj1duB9vS5sQBE1FiyPerWjQfxI1f1kZuH2pLFwGj5z+L2K1x99k9RDdWGn5z09AOZqiomJEV4y/pK17Mws6UDyzmO5aywnoN2oRqlG6hUXNzWSTsP7LVDEZRAK4pOtJ/Je++1pMoOO+NhYdXak7Uxn6wVDreLKq78dFsWlngYAXA3GCRJflzr368O69Ln6ZpyU9vb2KKaTOXHXbzsWHmj5JI9Di0zsqgwd6Ht69X0HcFhb1Oq63ZMPl2QMz9gHALgAAOjsD4Ug+xVQbW1tXBqNNqZeUz9/acUs6cCEBBEVUNGa4SR9ECNiaJ4zcEnp45lrYVFDWN66439AdY0+ISQySHVNlZOxJWPWmMgR4rhMbjw9hkqjAipJOKHhfLxiZzAPzwX6AmG3KGLcykQ1iOftmiGxa28U0gUIYA6cHkkhESg4nqgn4rpdW7lzwsGgHJ4LFCT4/f4AFN1kMiUwGIzsR99d4VJI14kASgSPCgQT4VFi0j54EUiD/Zpi14T9smAlUQbyBmEFilg64MU9GwrfOvVit0K6TgSAcIEFD89ZHVbFJ1n/liVEDVKEOorbG5BhAwpb8kQiUfKbJ17Je6l4XY8Hy8IJFlYEcve0vWHVVGEBinjUtOznb7IWvifts5AuBCtmHBsw4miAxD0LT+yEBUp2TP8w4FMZ/i5/pANFJA++FtJFLE7An8AJC1hYV4RX7yQ3sosBSypQRJCsXBPaz2LcQN/KrIUTLHgea4mwCGos0j3ppAFFBCmCSxUv3H6vpKGlzq8KXhCsuEwuYMSEus6hy0KFaqxQFCjxZjkkEyiUhsN6gGu2FUkP//pVQPUd6JFUEDuRQ+Z+1U1jDYsbJvflZL43gITVKUuk4cHqZxFOJggLlGAaC3ZFiI+PD2nyJSmC16W+g+LjvEWfPFiYzg1OBa/+ANae7OOkaKyQLn1EGq6s+zkk/SwgWPR4AGLGsACdQpr/Fj88BwuUfDptf8g1VsiA6lZI95mxPjM8X9Z0Gh8A/thIMvcsXGPBAiXvT/s8pBorJEC5M7wJ60eFvMzaH10QBx0o91Mc970+V/LbtYt+0XBfLApei1icTv4EjoMRR0OogApbqsL4SNDf0e25sM5zqkXCIvkTmWtDkuoc9JeA2bAYDYdt5WS1B7Ji2fGh7mcBxw5NSnFYnDr+BI7BEWuJ5NAiY0goB47eG4brsQIl82653+9SOqTQc/dCuq/JXgh2W7me3gNPO3ZanDX7njzcuO23V5L/YzyTTuJJR1wQvzLqw+LMmJygtgkMmkURafjxqqN59783g9Qya2jasVFZWflM+bFJceLL+k79kEXf332X3Wkl8/Ac3sJiV+bhklTO8KC1CQwKUMQ6E2HoZ3HjYFmLsvrg8v3Fs3PnnNDpdC02m01gohpuf/jMAjKrybgEHYOpsQIGyr06ZvLTIlL7WWBl1pZlryx9fuFGzFnaWVdXx4D57Z2gM2u+PIv0AiXQexGBsIOmsQICyuVQNZ8vHrZGGHIaTtik8IzWjNG3yb9a4VpmDXs27PDckzVLycwVxAVxImso2t070FbsgQKFnneKi4vLnvpsrlRtagjI0eoDHccPlsFCumVb5B7TjvEasnRWxqG6fYVvXFmfN5CRTGrtdhjHGsvNDFgQ+w0UkeHd9/HswnM/ns2LZPLI6Fj2ez8LABRlf1fIqFRqj73oiXLhs5rd0reu/J3sAiVom0CsK4LepHfpAe/t5PQLKCLDgx3LHvx0LlkMz6d+FjfEFV6jCVaPEb/9w1ZJsfoDMY/GJ7OaDNqK/aGkZ0rvG7bYrwPaPgPlzvCy386VpvNJq+CFn/6TPd53PwtsthKfGUEQ8WPfLiG7mgye2Ll11Ad+aSyfgHIr9yaesGkSqQyvq2MZWu14du6c0rq6Oq/7zmPPDo/4OOg28eKTc8kuUIJrrO3ji0tG8cb6pLG8BooIkq5TI856dpKESWOQWkjXYNE3Thg2qfTL1QeLNRqNz9WOsXeAHap1Jp34yfPLJTaaiazDc91asafGDfc6V9AroIhaiclkivPXT5U0ma6Q4mjFfHhYP4vja8sCcnq6h18Wn80ns5oMDhZsYfHB7V/LUgRDvaqh5C1QOA2f+VZ+WPpZJLGHKI5vPhWwHsEIBuw3Ag/PNXY0Zq04d480ms4ntZkZzML1RWP1CRRGw+12e8arh14OSz8LWGat7DmFbEAEv0ca7i3NdScYFgtIPvrb13kv/bKSzGoyeNAxhZOm2D2lWGYwGHp9t16BcqfhZHcswwrp7nmkpGR80kSf+1n0BR5RC35e8xHZ1WRcOs89nbGhpF3f3mPnuR6BIpIHtGNZGPpZhKqQLhFAYiPKnWe3ST9u3pZFtsbyphW7R6CIINVrLotFG1Jvyn4WfVmUuyCGGquojPQikF5prG5AEUGyWq3i6c9ODkurBOho/WLZgRK1OjSNKN2sCo4DE2osm80mXiZfINEBFZkVO/tsxe4JKJgnDOuVZ+c8fTvpjlZiIV29Xh808tCXdRE1Fmy48qCcVEGM03asFbu7xnIBiri5woNlZLdKgPUdIMP77yv1MhaL5ZW+6AsAX/7urrGWn5tLZjUZPDRiRAwKGHR00VjuG6vZbE6qaPw2P2+zZEE6P208AACey+yTxvsyIO5ZPDD4B0E6b6pFGwf7otgDuK/Hr2KWZbFYhJfafhGHC6xIB1/+ZcHREgRBbpT2cdMVkQaDYXzWutsWUFkgnwIoSQCAUB+ZsGM0HBbSHSvyzQcWbKDcCQbs7r324lIyq8mglnXdrm14VPT3Y5Lk2V9YLJbzRKAgIEmfKT7JX/WvvywQ8cixJuho1Zpaq5+Z8WLxX3OWBbWfRSAgEjVkmDrPXWu1NlRU5F/6UKPRVBCB4gAA0p/YXrTw+OXDM5g0VqitCWuV0HjvlAWlGwu2FpvNwe1eHQhQBMtCu3uHQRAb9XZtzVO3vLJHzM8+QgQqCkGQHMHD9GUpvBFTKIAyIIR7E57vcCs/Q/7l2n0l7e09q/JABzyQ7xMF8dPfFklPXz9CliC224C1aTx38pHnxr68hwhUtNFozOU+zF2RHp+WCwCIDuQFe/kuHqXV29oVl99pkbW2tvrUkzZEz9UruUDjWA6HuOjcMrI6zzkdwHnN4bCXHZt29gMXoHQ6XW7sE7Er0gUhA8ollN7+apuMao8gTSv5CzC2XzU0NAg5HA4qiElqxX5dj7SXV0xX7sSB0mq10TabLTdhbUKogPq92rG2VlG9rlo2UjTS68CZv4McrO8Rabu646p4iXwmGUUgPQMVERGRG/1YdKiWvm79LMg6/xpssAAAQtjTd/HZu0LdJvC62tpQXj2n+XeLamtri+JwODn5G6Yu63BeCzaZCEs/i2AB5MkvCMGqrC8Xr64qDBVY6B7lBM6y0hmEPUqlUnGYTGb6h2U7F+4s2z4jisULFj3HaTjsZ/HSws39job7CijRcQ0F8bqLS0PRit1uRAxNCxMfPrJi4ioX1kdXq9VJZnpn/pAnblmQPjAoghfPaM0ZMk3+9vLt/ZaGBwBWKFqxY0d4qvZPPr1XJEg97uJCwtqK/624qPBY9b8DzXzFyQNWSNfW6ei3NNxXoNwF8cbT64LVih1zzjaOZI8v3TbtQ/Tgg7v3HD0taEJM2Xc+kyWlMkGWn33Vu/WzYHSy/1AgEXyk6JghJiT7sXNLpHWm2kBbsaOkq8XacHr/5NOHRAK0APHvTlmiMxJ6jn9UnxHnvHqHP5FdF5CUm5QyUYLopqHhvloWMbGTSWeKH1I8EIggxk8tPjHk5eLCoQ+UMqOZjWiVaPcHw2IyMJXqjFouXr5tcQGXEZXJpLFgMJHdVTXZU9gD3gQBAJgsiFndbKg7U/a36mNDEoYEpQW3rwNI5vVEcmE2m8VzTt5ZYEQ6Mjm0yL7GDDdMbOxarY1NixJXn3xk9ONfGcwGPMm0x5wJLO9NZ9VMLPrHysnlTcdGJ0aKUpg0Fq+HEteIBTHrmw119XcMlf606S9bKpK5yWd1Op1KJBJZ+kOl41CC55bCMHFVxdLJFzrPjI6iDUihAlgFw+Mkxye3DVi17VZ1/fPDd1y4Z9S870wm0/fEFhO9ZiFBsKKjowUcBmfot8pTI3fL/zmm/MqxRLPBgpZIiYzgA4NNi74/n5VonTZM0jwna96FnLTci3q9/rLNZtP8GUAi7Fdo7gUAQAAAGHrov/tG7rr0Tkaz/VJaDGNgCsUJeFQKHZZVQD8Opx2xOqz6DqS9fnrMvcpHRxdViwSpFwEAlwEAGmJhfG/y+mgajYZNp9P5AwYMENa3XeJZTTZai04D6o2XQRxTAIYIhgIGOwKJosXorVarik6nawUCgQma8x/dkjxtHV0rDtwm+GazOaWi8du0E1ePjjHZDYl1xl/xOkAizjBratSI5ntS518QCVKVAIB6AACc+d3GzqsQe5dZw5kAbwL/7fY9jUbjtNlsSGJiovXPCFBvgKnVaj6XwRU6KU6eFbHSaBwArB0IGBA1AGFymHoAAKxO5hEg7Hf/H9jN9Gedg7Z4AAAAAElFTkSuQmCC\"","/*!\r\n\r\n=========================================================\r\n* Argon Dashboard React - v1.2.0\r\n=========================================================\r\n\r\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\r\n* Copyright 2021 Creative Tim (https://www.creative-tim.com)\r\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\r\n\r\n* Coded by Creative Tim\r\n\r\n=========================================================\r\n\r\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\r\n\r\n*/\r\nimport React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { BrowserRouter, Route, Switch, Redirect } from \"react-router-dom\";\r\nimport \"assets/plugins/nucleo/css/nucleo.css\";\r\nimport \"@fortawesome/fontawesome-free/css/all.min.css\";\r\nimport \"assets/scss/argon-dashboard-react.scss\";\r\nimport { Provider } from \"react-redux\";\r\nimport store from \"./reduxstore.js\";\r\n\r\n\r\nimport AdminLayout from \"layouts/Admin.js\";\r\nimport AuthLayout from \"layouts/Auth.js\";\r\n\r\n\r\n\r\nReactDOM.render(\r\n \r\n {\r\n viewModal ? \r\n 
\r\n }\r\n \r\n {mostrarFoto ?
\r\n \r\n
: \r\n \r\n
\r\n \r\n {/* 
*/}\r\n
: \r\n \r\n \r\n \r\n {getRoutes(routes)}\r\n \r\n
\r\n \r\n
:\r\n \r\n \r\n \r\n \r\n {getRoutes(routes)}\r\n \r\n
\r\n \r\n
}\r\n