Merge branch 'feature/solicitar_eliminacion_de_referencia_20240219'

src/Classes/Corresponsales/CCorresponsalesTrafico.ts

@@ -47,6 +47,7 @@ export default class CCorresponsalesTrafico implements ICorresponsalTrafico {
     causaRectificacion: string;
     totalHonorariosAA: number;
     totalGastosTerceros: number;
+    tieneSolicitud: number;
 
     constructor() {
     this.id=0  
@@ -95,6 +96,7 @@ export default class CCorresponsalesTrafico implements ICorresponsalTrafico {
     this.causaRectificacion = ''
     this.totalHonorariosAA = 0
     this.totalGastosTerceros = 0
+    this.tieneSolicitud = 0
     }
 
     public getEmptyObject(): ICorresponsalTrafico {
@@ -144,7 +146,8 @@ export default class CCorresponsalesTrafico implements ICorresponsalTrafico {
          cargoA: 0,
          causaRectificacion: '',
          totalHonorariosAA: 0,
-         totalGastosTerceros: 0
+         totalGastosTerceros: 0,
+         tieneSolicitud: 0
      }
     }
 
@@ -195,7 +198,8 @@ export default class CCorresponsalesTrafico implements ICorresponsalTrafico {
             cargoA: data.cargoA,
             causaRectificacion: data.causaRectificacion, 
             totalHonorariosAA: data.totalHonorariosAA,
-            totalGastosTerceros: data.totalGastosTerceros
+            totalGastosTerceros: data.totalGastosTerceros,
+            tieneSolicitud: data.tieneSolicitud
         }
        }
 }

src/Components/Corresponsales/SolicitudReapertura/AutorizarSolicitud.tsx

@@ -2,22 +2,33 @@ import { Button, Col, Form, FormLabel, Row } from "react-bootstrap";
 import { CiWarning } from "react-icons/ci";
 import { MsgInformativo } from "../../Utils/Toast/msgInformativo";
 import '../../../css/generic01.css'
-import { ICorresponsalTraficoSolicitudReapertura } from "../../../Interfaces/Corresponsales/ICorresponsalTraficoSolicitudReapertura";
+import { ICorresponsalTraficoSolicitud } from "../../../Interfaces/Corresponsales/ICorresponsalTraficoSolicitud";
-import { DTOTraficoSolicitudReapertura } from "../../../DTO/Corresponsales/DTOTraficoSolicitudReapertura";
+import { DTOTraficoSolicitud } from "../../../DTO/Corresponsales/DTOTraficoSolicitud";
 import CTrafDataService from "../../../Services/Corresponsalias/Corresponsales.Trafico.Services"
 import { useState } from "react";
+import CorresponsalesTraficoSolicitudService from "../../../Services/Corresponsalias/Corresponsales.Trafico.Solicitud.Service";
 
 interface IProps {
-    solicitud: DTOTraficoSolicitudReapertura;
+    solicitud: DTOTraficoSolicitud;
     userId: number;
     close: (estado: number) => void
+    title: string;
+    mensaje: string;
 }
-export const AutorizarReapertura:React.FC<IProps> = (props) => {
+export const AutorizarSolicitud:React.FC<IProps> = (props) => {
     const [Motivo, setMotivo] = useState('')
     const [showMsg, setShowMsg] = useState(false)
     const [msg, setMsg] = useState('')
     const [header, setHeader] = useState('')
     const [SelectedOption, setSelectedOption] = useState(2)
+    const [Depto, setDepto] = useState(() => {
+        const stickyValue = window.localStorage.getItem('Departamento')
+        return stickyValue !== null ? JSON.parse(stickyValue) : ''
+    })
+    const [Perfil, setPerfil] = useState(() => {
+        const stickyValue = window.localStorage.getItem('Perfil')
+        return stickyValue !== null ? JSON.parse(stickyValue) : ''
+    })
 
     const AppendSolicitud = () =>{
         if(SelectedOption === 0 && !Motivo){
@@ -32,7 +43,7 @@ export const AutorizarReapertura:React.FC<IProps> = (props) => {
             setShowMsg(true)
             return;
         }
-        var solicitud: ICorresponsalTraficoSolicitudReapertura = {
+        var solicitud: ICorresponsalTraficoSolicitud = {
             id: props.solicitud.id,
             idTrafico: props.solicitud.idTrafico,
             idUsuarioSolicita: props.solicitud.idUsuarioSolicita,
@@ -43,7 +54,31 @@ export const AutorizarReapertura:React.FC<IProps> = (props) => {
             motivoRechazo: Motivo,
             estado: SelectedOption
         }
-        CTrafDataService.AppendSolicitudReapertura(solicitud)
+        if(Depto === 'Facturacion'){
+            AppendSolicitudReapertura(solicitud)
+        }
+        if(Depto === 'Corresponsalias'){
+            AppendSolicitudEliminarReferencia(solicitud)
+        }
+    }
+
+    const AppendSolicitudReapertura = (solicitud: ICorresponsalTraficoSolicitud) => {
+        CorresponsalesTraficoSolicitudService.AppendSolicitudReapertura(solicitud)
+        .then((resp) => {
+            if(resp.data.id > 0){
+                props.close(SelectedOption)
+            }
+        })
+        .catch(() => {
+            setHeader('Error');
+            setMsg('Ocurrió un error. Favor de intentar nuevamente')
+            setShowMsg(true)
+            return;
+        })
+    }
+
+    const AppendSolicitudEliminarReferencia = (solicitud: ICorresponsalTraficoSolicitud) => {
+        CorresponsalesTraficoSolicitudService.AppendSolicitudEliminarReferencia(solicitud)
         .then((resp) => {
             if(resp.data.id > 0){
                 props.close(SelectedOption)
@@ -59,7 +94,7 @@ export const AutorizarReapertura:React.FC<IProps> = (props) => {
 
     return(
         <>
-            <h3>Solicitud de Reapertura de Cuenta</h3>
+            <h3>{props.title}</h3>
             <hr/>
             <Row>
                 <CiWarning style={{fontSize:'150px', color:'#ff3100'}} />
@@ -67,7 +102,7 @@ export const AutorizarReapertura:React.FC<IProps> = (props) => {
             <Row>
                 <Col xs={12}>
                     <p style={{textAlign:'center'}}>
-                        {props.solicitud.usuarioSolicita} solicita la reapertura de esta cuenta por el motivo:
+                        {props.solicitud.usuarioSolicita} {props.mensaje}
                     </p>
                     <p style={{textAlign:'center'}}>{props.solicitud.motivoSolicita}</p>
                 </Col>

src/Components/Corresponsales/SolicitudReapertura/CrearSolicitud.tsx

@@ -2,48 +2,76 @@ import React, { useState } from "react"
 import { Button, Col, Form, FormLabel, Row } from "react-bootstrap"
 import CTrafDataService from "../../../Services/Corresponsalias/Corresponsales.Trafico.Services"
 import { MsgInformativo } from "../../Utils/Toast/msgInformativo"
-import { ICorresponsalTraficoSolicitudReapertura } from "../../../Interfaces/Corresponsales/ICorresponsalTraficoSolicitudReapertura"
+import { ICorresponsalTraficoSolicitud } from "../../../Interfaces/Corresponsales/ICorresponsalTraficoSolicitud"
+import CorresponsalesTraficoSolicitudService from "../../../Services/Corresponsalias/Corresponsales.Trafico.Solicitud.Service"
 
 interface IProps{
     idTrafico: number,
     idUsuario: number,
-    close: () => void
+    close: () => void,
+    title: string,
 }
-export const SolicitudReapertura:React.FC<IProps> = (props) => {
+export const CrearSolicitud:React.FC<IProps> = (props) => {
     const [Motivo, setMotivo] = useState('')
     const [showMsg, setShowMsg] = useState(false)
     const [msg, setMsg] = useState('')
     const [header, setHeader] = useState('')
+    const [Depto, setDepto] = useState(() => {
+        const stickyValue = window.localStorage.getItem('Departamento')
+        return stickyValue !== null ? JSON.parse(stickyValue) : ''
+    })
     const [Perfil, setPerfil] = useState(() => {
         const stickyValue = window.localStorage.getItem('Perfil')
         return stickyValue !== null ? JSON.parse(stickyValue) : ''
     }) 
 
-    const SolicitarReapertura = (motivo: string) => {
+    const AppendSolicitud = () => {
-        if(!motivo){
+        if(!Motivo){
             setHeader('Error');
             setMsg('Favor de capturar una razon válida.')
             setShowMsg(true)
             return;
         }
-        if(motivo.length < 30){
+        if(Motivo.length < 30){
             setHeader('Error');
             setMsg('La razón de su solicitud debe contener al menos 30 caracteres')
             setShowMsg(true)
             return;
         }
-        var solicitud: ICorresponsalTraficoSolicitudReapertura = {
+        var solicitud: ICorresponsalTraficoSolicitud = {
             id: 0,
             idTrafico: props.idTrafico,
             idUsuarioSolicita: props.idUsuario,
             fechaSolicita: undefined,
             motivoSolicita: Motivo,
-            idUsuarioAutoriza: Perfil === 'Sup. Facturacion' ? props.idUsuario : 0,
+            idUsuarioAutoriza: Perfil.includes('Sup') ? props.idUsuario : 0, //Si es un supervisor se asigna su id al usuario que autoriza ya que la solicitud no requiere ser autorizada por otro usuario
             fechaAutoriza: undefined,
             motivoRechazo: "",
-            estado: Perfil === 'Sup. Facturacion' ? 2 : 1
+            estado: Perfil.includes('Sup') ? 2 : 1 //Si es un supervisor se asigna el estado de la solicitud como autorizada desde que se crea
+        }
+        if(Depto === 'Facturacion'){
+            AppendSolicitudReapertura(solicitud)
+        }
+        if(Depto === 'Corresponsalias'){
+            AppendSolicitudEliminarReferencia(solicitud)
+        }
     }
-        CTrafDataService.AppendSolicitudReapertura(solicitud)
+
+    const AppendSolicitudReapertura = (solicitud: ICorresponsalTraficoSolicitud) => {
+        CorresponsalesTraficoSolicitudService.AppendSolicitudReapertura(solicitud)
+        .then((resp) => {
+            props.close()
+        })
+        .catch(() => {
+            setHeader('Error');
+            setMsg('Ocurrió un error. Favor de intentar nuevamente')
+            setShowMsg(true)
+            return;
+        })
+    }
+
+    const AppendSolicitudEliminarReferencia = (solicitud: ICorresponsalTraficoSolicitud) => {
+        CorresponsalesTraficoSolicitudService.AppendSolicitudEliminarReferencia(solicitud)
         .then((resp) => {
             props.close()
         })
@@ -56,7 +84,7 @@ export const SolicitudReapertura:React.FC<IProps> = (props) => {
     }
     return(
         <>
-            <h3>Solicitud de Reapertura de Cuenta</h3>
+            <h3>{props.title}</h3>
             <hr/>
             <Row>
             <Col xs={12}>
@@ -72,7 +100,7 @@ export const SolicitudReapertura:React.FC<IProps> = (props) => {
             </Row>
             <Row className='justify-content-end'>
             <Col xs={2} style={{textAlign:'end'}}>
-                <Button variant='primary' onClick={() => SolicitarReapertura(Motivo)}>
+                <Button variant='primary' onClick={() => AppendSolicitud()}>
                 Guardar
                 </Button>
             </Col>

src/Components/Corresponsales/TraficoCorresponsales.tsx

@@ -129,9 +129,10 @@ import { populatePedimentos } from '../../store/features/Corresponsales/Correspo
 import { populateRectificaciones } from '../../store/features/Corresponsales/CorresponsalesPedimentosRectificacionesSlice'
 import { NuevaRectificacion } from './Rectificaciones/NuevaRectificacion'
 import DTORectificacionHistorico from '../../DTO/Corresponsales/DTORectificacionHistorico'
-import { SolicitudReapertura } from './SolicitudReapertura/SolicitudReapertura'
+import { CrearSolicitud } from './SolicitudReapertura/CrearSolicitud'
-import { AutorizarReapertura } from './SolicitudReapertura/AutorizarReapertura'
+import { AutorizarSolicitud } from './SolicitudReapertura/AutorizarSolicitud'
-import { DTOTraficoSolicitudReapertura } from '../../DTO/Corresponsales/DTOTraficoSolicitudReapertura'
+import { DTOTraficoSolicitud } from '../../DTO/Corresponsales/DTOTraficoSolicitud'
+import CorresponsalesTraficoSolicitudService from '../../Services/Corresponsalias/Corresponsales.Trafico.Solicitud.Service'
 
 interface IProps {
   IDTrafico: number
@@ -356,7 +357,7 @@ export default function TraficoCorresponsales (props:IProps) {
   const [IsDisabled, setIsDisabled] = useState(false); 
   const hiddenFileInputRef = useRef<HTMLInputElement>(null);
   const btnCuenta = useRef<HTMLButtonElement>(null);
-  const [solicitudReapertura, setSolicitudReapertura] =  useState<DTOTraficoSolicitudReapertura>({
+  const [solicitud, setSolicitud] =  useState<DTOTraficoSolicitud>({
     id: 0,
     idTrafico: 0,
     idUsuarioSolicita: 0,
@@ -581,25 +582,52 @@ export default function TraficoCorresponsales (props:IProps) {
     return today.getFullYear().toString()
   }
 
-  const LoadEverything = () => {
+  const GetSolicitudes = async () => {
-    let clientes: IClientes[] = [];
+    if(Perfil === 'Sup. Corresponsalias'){
-    //Primero se valida si el tráfico tiene solicitud de reapertura de cuenta
+      await CorresponsalesTraficoSolicitudService.GetSolicitudEliminarReferencia(props.IDTrafico)
-    CTrafDataService.GetSolicitudReapertura(props.IDTrafico)
       .then(resp => {
         if(resp.data.id > 0){
-        setSolicitudReapertura(solicitud => ({
+          setSolicitud(solicitud => ({
             ...solicitud,
             ...resp.data
           }))
-        if(Perfil === 'Sup. Facturacion'){//Validar si el usuario puede autorizar la petición
+          showModalBox(17, 'modal-30w', true)
-          showModalBox(16, 'modal-30w', true)//Si puede se muestra el modal para autorizar la petición
         }
-        //Se cambia el texto del botón con el que se hace la solicitud
+      }).catch((e) => {
+        setHeader('Error')
+        setMsg('Ocurrio un error: ' + e)
+        setShowMsg(true)
+        return
+      })
+    }
+    if(Depto === 'Facturacion'){
+      await CorresponsalesTraficoSolicitudService.GetSolicitudReapertura(props.IDTrafico)
+      .then(resp => {
+        if(resp.data.id > 0){
+          setSolicitud(solicitud => ({
+            ...solicitud,
+            ...resp.data
+          }))
           btnCuenta.current!.innerText = 'Pediente de Autorizar';
           btnCuenta.current!.disabled = true;
+          if(Perfil === 'Sup. Facturacion'){//Si el usuario es supervisor
+            showModalBox(16, 'modal-30w', true)//Se muestra el modal para autorizar la petición
+          }
+          
         }
+      }).catch((e) => {
+        setHeader('Error')
+        setMsg('Ocurrio un error: ' + e)
+        setShowMsg(true)
+      return
       })
-    ClavesPedimentosService.getAllClavesPedimentos()
+    }
+  }
+ 
+  const LoadEverything = async () => {
+    let clientes: IClientes[] = [];
+    await GetSolicitudes();
+    await ClavesPedimentosService.getAllClavesPedimentos()
     .then(response => setClavesPedimentos(response.data))
     .catch((e: Error) => {
       setHeader('Error')
@@ -607,7 +635,7 @@ export default function TraficoCorresponsales (props:IProps) {
       setShowMsg(true)
       return
     })
-    CorresponsalesDataService.getAll()
+    await CorresponsalesDataService.getAll()
       .then((response) => {
         dispatch(populateCatCorresponsales(response.data))
       })
@@ -617,7 +645,7 @@ export default function TraficoCorresponsales (props:IProps) {
         setShowMsg(true)
         return
       })
-    CTrafDataService.GetCorresponsalesTraficoEstatus()
+    await CTrafDataService.GetCorresponsalesTraficoEstatus()
       .then((response) => {
         setDataCatEstatus(response.data)
       })
@@ -628,7 +656,7 @@ export default function TraficoCorresponsales (props:IProps) {
         return
       })
     
-    TiposMercanciaService.GetAll()
+    await TiposMercanciaService.GetAll()
     .then((response) => {
       setTiposMercancia(response.data);
     })
@@ -639,7 +667,7 @@ export default function TraficoCorresponsales (props:IProps) {
       return
     });
 
-    CFacDataService.getAll(IDTrafico)
+    await CFacDataService.getAll(IDTrafico)
       .then((response) => {
         dispatch(InitCorresponsalesFacturas(IDTrafico))
         response.data.forEach((element) => {
@@ -652,7 +680,7 @@ export default function TraficoCorresponsales (props:IProps) {
         setShowMsg(true)
         return
       })
-    CFac3erDataService.getAll(IDTrafico)
+    await CFac3erDataService.getAll(IDTrafico)
       .then((response) => {
         dispatch(InitCorresponsalesFacturasTerceros(IDTrafico))
         response.data.forEach((element) => {
@@ -665,7 +693,7 @@ export default function TraficoCorresponsales (props:IProps) {
         setShowMsg(true)
         return
       })
-    CContDataService.getAll(IDTrafico)
+    await CContDataService.getAll(IDTrafico)
       .then((response) => {
         dispatch(InitCorresponsalesContenedores(IDTrafico))
         response.data.forEach((element) => {
@@ -678,7 +706,7 @@ export default function TraficoCorresponsales (props:IProps) {
         setShowMsg(true)
         return
       })
-    ClientesDataService.getAllClientes(0)
+    await ClientesDataService.getAllClientes(0)
       .then((response) => {
         clientes = response.data;
         setClientes(response.data)
@@ -689,7 +717,7 @@ export default function TraficoCorresponsales (props:IProps) {
         setShowMsg(true)
         return
       })
-    CAntDataService.getAll(IDTrafico)
+    await CAntDataService.getAll(IDTrafico)
       .then((response) => {
         dispatch(populateCorresponsalesAnticipos(response.data))
       })
@@ -699,7 +727,7 @@ export default function TraficoCorresponsales (props:IProps) {
         setShowMsg(true)
         return
       })
-    CGuiasDataService.getAll(IDTrafico)
+    await CGuiasDataService.getAll(IDTrafico)
       .then((response) => {
         dispatch(populateCorresponsalesGuias(response.data))
       })
@@ -709,7 +737,7 @@ export default function TraficoCorresponsales (props:IProps) {
         setShowMsg(true)
         return
       })
-    ProvDataService.getAll(0)
+    await ProvDataService.getAll(0)
       .then((response) => {
         dispatch(populateCatProveedores(response.data))
       })
@@ -719,7 +747,7 @@ export default function TraficoCorresponsales (props:IProps) {
         setShowMsg(true)
         return
       })
-    CCatTiposDocumentos.getAll(2206, 1)
+    await CCatTiposDocumentos.getAll(2206, 1)
       .then((response) => {
         setCatTiposDocumentos(response.data)
       })
@@ -729,7 +757,7 @@ export default function TraficoCorresponsales (props:IProps) {
         setShowMsg(true)
         return
       })
-    CCatTiposDocumentos.getAll(2206, 2)
+    await CCatTiposDocumentos.getAll(2206, 2)
       .then((response) => {
         setCatTiposDocumentosInfoCorresponsal(response.data)
       })
@@ -739,7 +767,7 @@ export default function TraficoCorresponsales (props:IProps) {
         setShowMsg(true)
         return
       })
-    CCueCompService.GetAllEstatus()
+    await CCueCompService.GetAllEstatus()
       .then((response) => {
         dispatch(
           populateCorresponsalesCuentasComplementariasEstatus(response.data)
@@ -751,7 +779,7 @@ export default function TraficoCorresponsales (props:IProps) {
         setShowMsg(true)
         return
       })
-    CTrafDataService.GetAll(IDTrafico)
+    await CTrafDataService.GetAll(IDTrafico)
       .then((response) => {
         setFolioTrafico(response.data.folioGemco)
         setProceso(response.data.proceso)
@@ -797,7 +825,7 @@ export default function TraficoCorresponsales (props:IProps) {
         setShowMsg(true)
         return
       })
-    CContaDataService.Get(IDTrafico, 2, 1)
+    await CContaDataService.Get(IDTrafico, 2, 1)
       .then((response) => {
         setRechazosTrafico(response.data)
       })
@@ -807,7 +835,7 @@ export default function TraficoCorresponsales (props:IProps) {
         setShowMsg(true)
         return
       })
-    CContaDataService.GetHistorial(IDTrafico)
+    await CContaDataService.GetHistorial(IDTrafico)
       .then((response) => {
         setRechazosContabilidad(response.data)
       })
@@ -817,7 +845,7 @@ export default function TraficoCorresponsales (props:IProps) {
         setShowMsg(true)
         return
       })
-      PedimentosConsolidadosService.GetAll(IDTrafico)
+    await PedimentosConsolidadosService.GetAll(IDTrafico)
       .then((resp) => {
         dispatch(populatePedimentos(resp.data))
       })
@@ -2062,6 +2090,9 @@ export default function TraficoCorresponsales (props:IProps) {
                                     mask="_"
                                     onValueChange={(values: any) => {
                                       const { value } = values
+                                      if(value.length === 0 || value === 0){
+                                        setPedimento(0)
+                                      }
                                       if(value.length === 7 ){
                                         CTrafDataService.ValidaTraficoDuplicado(Aduana, Patente, value, IDTrafico).then( response => {
                                           if(response.data !== ""){
@@ -4324,7 +4355,11 @@ export default function TraficoCorresponsales (props:IProps) {
           ) : null}
           {LoadComponent===15 ? (
             <div style={{ height: '250px', overflowX: 'hidden' }}>
-              <SolicitudReapertura idTrafico={IDTrafico} idUsuario={UserId} close={()=>{
+              <CrearSolicitud 
+                idTrafico={IDTrafico} 
+                idUsuario={UserId} 
+                title='Solicitud de Reapertura de Cuenta'
+                close={()=>{
                   setShowModal(false)
                   if(Perfil === 'Sup. Facturacion'){
                     setHeader('Informativo');
@@ -4340,12 +4375,15 @@ export default function TraficoCorresponsales (props:IProps) {
                     setShowMsg(true)
                     return;
                   }
-              }}/>
+                }
+              }/>
             </div>
           ) : null}
           {LoadComponent===16 ? (
             <div style={{ height: '475px', overflowX: 'hidden' }}>
-              <AutorizarReapertura solicitud={solicitudReapertura} userId={UserId} 
+              <AutorizarSolicitud solicitud={solicitud} userId={UserId} 
+              title={'Solicitud de Reapertura de Cuenta'}
+              mensaje={'solicita la reapertura de esta cuenta por el motivo:'}
               close={(estado:number)=>{
                 let texto = estado === 0 ? 'rechazada' : 'autorizada'
                 setProceso(estado === 2 ? 3 : 4)
@@ -4357,6 +4395,22 @@ export default function TraficoCorresponsales (props:IProps) {
               }}/>
             </div>
           ) : null}
+          {LoadComponent===17 ? (
+            <div style={{ height: '475px', overflowX: 'hidden' }}>
+              <AutorizarSolicitud solicitud={solicitud} userId={UserId} 
+              title={'Solicitud Para Eliminar Referencia'}
+              mensaje={'solicita eliminar esta referencia por el motivo: '}
+              close={(estado:number)=>{
+                let texto = estado === 0 ? 'rechazada' : 'autorizada'
+                props.onClose(true);
+                setShowModal(false)
+                setHeader('Informativo');
+                setMsg(`Solicitud ${texto} correctamente.`)
+                setShowMsg(true)
+                return;
+              }}/>
+            </div>
+          ) : null}
         </Modal.Body>
       </Modal>
       <MsgInformativo

src/Components/Dashboard/Dashboard.tsx

@@ -24,12 +24,12 @@ export default function Dashboard(props: IProps) {
       <br />
       <Container>
         <Row xs={1} md={3} className='g-4'>
-          {[['Direccion', 'Sistemas', 'Corresponsalias'].includes(Depto) ? <DashboardCorresponsales /> : ''].map(
+          {[['Direccion', 'Sistemas', 'Corresponsalias'].includes(Depto) ? <DashboardCorresponsales Perfil={Perfil} /> : ''].map(
             (item) => {
               return <React.Fragment>{item}</React.Fragment>
             }
           )}
-          {[['Direccion', 'Sistemas', 'Contabilidad'].includes(Depto) ? <DashboardContabilidad Depto={Depto} /> : ''].map((item) => {
+          {[['Direccion', 'Sistemas', 'Contabilidad'].includes(Depto) ? <DashboardContabilidad Depto={Depto} Perfil={Perfil}/> : ''].map((item) => {
             return <React.Fragment>{item}</React.Fragment>
           })}
           {[['Direccion', 'Sistemas', 'Facturacion'].includes(Depto) ? <DashboardFacturacion Depto={Depto} Perfil={Perfil}/> : ''].map((item) => {

src/Components/Dashboard/DashboardContabilidad.tsx

@@ -8,6 +8,7 @@ import DashboardDataService from '../../Services/Dashboard/Dashboard.Contabilida
 import DashboardCorresponsales from './DashboardCorresponsales'
 interface IProps {
   Depto: string;
+  Perfil:string;
 }
 
 export const DashboardContabilidad: FC<IProps> = (props) => {
@@ -55,7 +56,7 @@ export const DashboardContabilidad: FC<IProps> = (props) => {
   return (
     <>
       {
-       props.Depto === 'Contabilidad' ?  <DashboardCorresponsales/> : ""
+       props.Depto === 'Contabilidad' ?  <DashboardCorresponsales Perfil={props.Perfil}/> : ""
       }
       <Col>
         <Card style={{ width: '18rem' }} className='dashboardComponentFont'>

src/Components/Dashboard/DashboardCorresponsales.tsx

@@ -5,14 +5,20 @@ import DashboardDataService from '../../Services/Dashboard/Dashboard.Corresponsa
 import { useNavigate } from 'react-router-dom';
 import ReactApexChart from 'react-apexcharts';
 import { ApexOptions } from 'apexcharts';
+import { IconContext } from 'react-icons';
+import { FcSurvey } from 'react-icons/fc';
+import { MdTimer } from 'react-icons/md';
 
-interface IProps {}
+interface IProps {
+  Perfil:string
+}
 
 export default function DashboardCorresponsales(props: IProps) {
   let navigate = useNavigate();
   const [TotalCorresponsales, setTotalCorresponsales] = useState(0);
   const [labels, setlabels] = useState<string[]>([]);
   const [series, setseries] = useState<number[]>([]);
+  const [Solicitudes, setSolicitudes] = useState(0);
   //const [TipoCambio, setTipoCambio] = useState(0)
   const [CircleOptions, setCirleOpcions] = useState<ApexOptions>({
     labels: [
@@ -32,6 +38,9 @@ export default function DashboardCorresponsales(props: IProps) {
   });
 
   useEffect(() => {
+    DashboardDataService.getSolicitudesEliminarCuenta().then((response) => {
+      setSolicitudes(response.data.total)
+    }).catch((e: Error) => {return;})
     DashboardDataService.getCorresponsales()
       .then((response) => {
         console.log(response.data);
@@ -144,6 +153,31 @@ export default function DashboardCorresponsales(props: IProps) {
           </Card.Footer>
         </Card>
       </Col>
+      {props.Perfil === 'Sup. Corresponsalias' ?
+        <Col>
+          <Card style={{ width: '18rem' }} className='dashboardComponentFont'>
+            <Card.Header>Facturación </Card.Header>
+            <Card.Body style={{ paddingBottom: '50px' }}>
+              <Card.Title>Solicitudes para eliminar cuenta<br/><br/></Card.Title>
+              <div style={{ fontSize: '6em' }} className='text-center'>
+                <IconContext.Provider value={{ color: '#ff671b' }}>
+                  <FcSurvey style={{fontSize:'larger'}}/>
+                  <MdTimer style={{fontSize:'70px', margin:'0 0 0 -4rem', position:"absolute", bottom: '6rem'}}/>
+                </IconContext.Provider>
+                {Solicitudes}
+            </div>
+            </Card.Body>
+            <Card.Footer style={{ paddingRight: '5px' }}>
+              <Link
+                to='../RptCorresponsalesTraficos/proc=1/modo=2'
+                style={{ textDecoration: 'none', float: 'right', paddingRight: '10px' }}
+              >
+                Ver mas...
+              </Link>
+            </Card.Footer>
+          </Card>
+        </Col> : ""
+      }
     </>
   );
 };

src/Components/Dashboard/DashboardFacturacion.tsx

@@ -111,7 +111,7 @@ export const DashboardFacturacion: FC<IProps> = (props) => {
   return (
     <>
       {
-       props.Depto === 'Facturacion' ?  <DashboardCorresponsales/> : ""
+       props.Depto === 'Facturacion' ?  <DashboardCorresponsales Perfil={props.Perfil}/> : ""
       }
       <Col>
         <Card style={{ width: '18rem' }} className='dashboardComponentFont'>

src/Components/Reportes/RptCorresponsalesTraficos.tsx

@@ -41,8 +41,9 @@ import { InitCorresponsalesContenedores, addCorresponsalesContenedores } from '.
 import ICorresponsalContenedores from '../../Interfaces/Corresponsales/ICorresponsalContenedores'
 import ICorresponsalFacturas from '../../Interfaces/Corresponsales/ICorresponsalFacturas'
 import ICatProveedores from '../../Interfaces/Catalogos/ICatProveedores'
-import { FaCrow } from 'react-icons/fa'
+import { FaCrow, FaTrash } from 'react-icons/fa'
-/* import '../../css/generic01.css' */
+import { CrearSolicitud } from '../Corresponsales/SolicitudReapertura/CrearSolicitud'
+import '../../css/generic01.css' 
 
 interface IProps {}
 
@@ -71,6 +72,7 @@ export default function RptCorresponsalesTraficos(props: IProps) {
   const [filteredData, setFilteredData] = useState<ICorresponsalTrafico[]>([])
   const [show, setShowMsg] = useState(false)
   const [ShowModal, setShowModal] = useState(false)
+  const [ShowModalSolicitud, setShowModalSolicitud] = useState(false)
   const [header, setHeader] = useState('')
   const [msg, setMsg] = useState('')
   const [Inicio, setInicio] = useState(currentDate(-365))
@@ -93,7 +95,22 @@ export default function RptCorresponsalesTraficos(props: IProps) {
     ICatCorresponsales[]
   >([])
   const hiddenFileInputRef = useRef<HTMLInputElement>(null);
+  const [Deleting, setDeleting] = useState(false);
   const [columnDefs] = useState([
+    {
+      
+      field: 'acciones',
+      headerName: '',
+      width: 50,
+      hide: !Perfil.includes('Corresponsalias'),
+      cellRenderer: (params: any) => {
+        return (
+          <span style={{visibility: params.data.tieneSolicitud ? 'hidden' : 'visible'}}>
+            <FaTrash color='red' cursor='pointer' onClick={(e) => {setDeleting(true)}}/>
+          </span>
+        )
+      },
+    },
     { field: 'id', headerName: 'id', width: 70, sortable: true, filter: true },
     {
       field: 'proceso',
@@ -275,8 +292,20 @@ export default function RptCorresponsalesTraficos(props: IProps) {
   }, [])
 
   function getParams(e: RowClickedEvent) {
+    if(Deleting){
+      if(e.data.pedimento > 0){
+        setHeader('Error')
+        setMsg('Favor de borrar el pedimento para poder eliminar la referencia.')
+        setShowMsg(true)
+        setDeleting(false)
+        return;
+      }
+      setIDTrafico(e.data.id)
+      setShowModalSolicitud(true)
+    }else{
       AbreTrafico(e.data.id)
     }
+  }
 
   function AbreTrafico(id: number) {
     dispatch(InitCorresponsalesFacturas(IDTrafico))
@@ -535,6 +564,10 @@ export default function RptCorresponsalesTraficos(props: IProps) {
       })
   }
 
+  const handleClose = () => {
+    setShowModalSolicitud(false)
+    setDeleting(false)
+  }
   return (
     <div>
       <Card>
@@ -768,11 +801,46 @@ export default function RptCorresponsalesTraficos(props: IProps) {
               IDTrafico={IDTrafico}
               onClose={function (val: boolean): void {
                 setShowModal(false)
+                generaReporte()
               }}
             />
           </div>
         </Modal.Body>
       </Modal>
+      <Modal
+        show={ShowModalSolicitud}
+        dialogClassName='modal-50w'
+        style={{backdropFilter:'brightness(0.5)'}}
+        centered
+        onHide={handleClose}
+      >
+        <Modal.Body>
+          <div style={{ height: '250px', overflowX: 'hidden' }}>
+            <CrearSolicitud 
+              idTrafico={IDTrafico} 
+              idUsuario={UserId} 
+              title='Solicitud Para Eliminar Referencia'
+              close={()=>{
+                setShowModalSolicitud(false)
+                setDeleting(false)
+                generaReporte()
+                if(Perfil === 'Sup. Corresponsalias'){
+                  setHeader('Informativo');
+                  setMsg('Referencia eliminada correctamente.')
+                  setShowMsg(true)
+                  return;
+                }
+                else{
+                  setHeader('Informativo');
+                  setMsg('Solicitud creada correctamente.')
+                  setShowMsg(true)
+                  return;
+                }
+              }
+            }/>
+          </div>
+        </Modal.Body>
+      </Modal>
     </div>
   )
 }

src/DTO/Corresponsales/DTOTraficoSolicitud.ts

@@ -1,4 +1,4 @@
-export interface DTOTraficoSolicitudReapertura{
+export interface DTOTraficoSolicitud{
     id: number,
     idTrafico: number,
     idUsuarioSolicita: number,

src/Interfaces/Corresponsales/ICorresponsalTrafico.ts

@@ -45,4 +45,5 @@ export default interface ICorresponsalTrafico {
     causaRectificacion: string,
     totalHonorariosAA: number;
     totalGastosTerceros: number;
+    tieneSolicitud: number;
 }

src/Interfaces/Corresponsales/ICorresponsalTraficoSolicitud.ts

@@ -1,4 +1,4 @@
-export interface ICorresponsalTraficoSolicitudReapertura{
+export interface ICorresponsalTraficoSolicitud{
     id:number,
     idTrafico: number,
     idUsuarioSolicita: number,

src/Services/Corresponsalias/Corresponsales.Trafico.Services.ts

@@ -7,8 +7,6 @@ import IRespuesta from "../../Interfaces/IRespuesta";
 import ICorresponsalRectificacionHistorico from "../../Interfaces/Corresponsales/ICorresponsalRectificacionHistorico";
 import DTORectificacionHistorico from "../../DTO/Corresponsales/DTORectificacionHistorico";
 import IReporteOperacionesNewell from "../../Interfaces/ReportesClientes/IReporteOperacionesNewell";
-import { ICorresponsalTraficoSolicitudReapertura } from "../../Interfaces/Corresponsales/ICorresponsalTraficoSolicitudReapertura";
-import { DTOTraficoSolicitudReapertura } from "../../DTO/Corresponsales/DTOTraficoSolicitudReapertura";
 
 class Corresponsales_Trafico_DataService {
   GetAll(id: number) {
@@ -47,11 +45,5 @@ class Corresponsales_Trafico_DataService {
   AppendFacturasContenedoresAlen(idTrafico:number, fileId:number){
     return http.post(`/Corresponsalias/Traficos/Append/LayoutAlen?idTrafico=${idTrafico}&fileId=${fileId}`);
   }
-  AppendSolicitudReapertura(solicitud: ICorresponsalTraficoSolicitudReapertura){
-    return http.post<ICorresponsalTraficoSolicitudReapertura>(`/Corresponsalias/Traficos/Solicitud/Append`, solicitud)
-  }
-  GetSolicitudReapertura(idTrafico: number){
-    return http.get<DTOTraficoSolicitudReapertura>(`/Corresponsalias/Traficos/Solicitud?idTrafico=${idTrafico}`)
-  }
 }
 export default new Corresponsales_Trafico_DataService();

src/Services/Corresponsalias/Corresponsales.Trafico.Solicitud.Service.ts

@@ -0,0 +1,19 @@
+import { DTOTraficoSolicitud } from "../../DTO/Corresponsales/DTOTraficoSolicitud"
+import { ICorresponsalTraficoSolicitud } from "../../Interfaces/Corresponsales/ICorresponsalTraficoSolicitud"
+import http from "../common/http-common";
+class TraficoSolicitudServices {
+    AppendSolicitudReapertura(solicitud: ICorresponsalTraficoSolicitud){
+        return http.post<ICorresponsalTraficoSolicitud>(`/Corresponsalias/Solicitudes/Reapertura/Append`, solicitud)
+    }
+    AppendSolicitudEliminarReferencia(solicitud: ICorresponsalTraficoSolicitud){
+        return http.post<ICorresponsalTraficoSolicitud>(`/Corresponsalias/Solicitudes/EliminarCuenta/Append`, solicitud)
+    }
+    GetSolicitudReapertura(idTrafico: number){
+        return http.get<DTOTraficoSolicitud>(`/Corresponsalias/Solicitudes/Reapertura/Get?idTrafico=${idTrafico}`)
+    }
+    GetSolicitudEliminarReferencia(idTrafico: number){
+        return http.get<DTOTraficoSolicitud>(`/Corresponsalias/Solicitudes/EliminarCuenta/Get?idTrafico=${idTrafico}`)
+    }
+}
+
+export default new TraficoSolicitudServices()

src/Services/Dashboard/Dashboard.Corresponsales.Services.ts

@@ -8,5 +8,8 @@ class Dashboard_Corresponsales_DataService {
   getTipoCambio(Fecha: string) {
     return http.get<number>(`/Dashboard/Corresponsales/GetTipoCambio?Fecha=${Fecha}`);
   }
+  getSolicitudesEliminarCuenta(){
+    return http.get<DashboardCorresponsales>(`/Dashboard/Corresponsales/SolicitudesEliminarCuenta`);
+  }
 }
 export default new Dashboard_Corresponsales_DataService();

src/index.tsx

@@ -66,10 +66,10 @@ root.render(
                 />
               }
             />
-            <Route
+            {/* <Route
               path="/DashboardCorresponsales"
               element={<DashboardCorresponsales />}
-            />
+            /> */}
             <Route path="/Dashboard" element={<Dashboard />} />
             <Route
               path="/RptCorresponsalesTraficos/:proc/:modo"

src/store/features/Corresponsales/CorresponsalesTraficoSlice.ts

@@ -46,7 +46,8 @@ const CorresponsalesTrafico: ICorresponsalTrafico[] = [{
   cargoA: 0,
   causaRectificacion: '',
   totalHonorariosAA: 0,
-  totalGastosTerceros: 0
+  totalGastosTerceros: 0,
+  tieneSolicitud: 0
 }]
 const initialState = { CorresponsalesTrafico }