Se agrega en la interfazy el componente RptOperacionesPagadasMissionFood el atributo Edocument.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "gemco",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "homepage": ".",
   "private": true,
   "dependencies": {

src/Components/Clientes/Amazon/Catalogos/CatConceptosConsulta.tsx

@@ -0,0 +1,501 @@
+import React, { FC, useEffect, useState } from 'react'
+
+import ITabulador from '../../../../Interfaces/Catalogos/ITabulador'
+import ITabuladorConceptos from '../../../../Interfaces/Catalogos/ITabuladorConceptos'
+import DTOConceptos from '../../../../DTO/Utils/DTOConceptos'
+
+import CTabDataService from '../../../../Services/Corresponsalias/Corresponsales.Tabuladores.Services'
+//import CTabDetDataService from '../../../../Services/Corresponsalias/Corresponsales.Tabuladores.Detalle.Sevices'
+import AmazonSrvDataService from '../Services/Amazon.Services'
+
+import ClientesDataService from '../../../../Services/Catalogos/Clientes.Services'
+
+import { MsgInformativo } from '../../../Utils/Toast/msgInformativo'
+import { ControlledInput } from '../../../Utils/ControlledInput/ControlledInput'
+import DataTable from 'react-data-table-component'
+import {
+  Alert,
+  Button,
+  Card,
+  Col,
+  Container,
+  FloatingLabel,
+  Form,
+  Modal,
+  Row
+} from 'react-bootstrap'
+import { IconContext } from 'react-icons'
+import 'react-data-table-component-extensions/dist/index.css'
+import {
+  BsCheckCircleFill,
+  BsPlusSquareFill,
+  BsXCircleFill
+} from 'react-icons/bs'
+import IClientes from '../../../../Interfaces/Catalogos/IClientes'
+import { FcTimeline } from 'react-icons/fc'
+import { FaEraser, FaTimesCircle } from 'react-icons/fa'
+import ICat2096CatConceptosConsulta from '../Interfaces/I2096CatConceptosConsulta'
+import { populateCatConcetosConsultas, updateCatConcetosConsulta } from '../../../../store/features/Clientes/2096/AmazonCatConceptosConsulta'
+import { useDispatch } from 'react-redux'
+
+export interface ICatConceptosConsultaProps {}
+
+export default function CatConceptosConsulta(
+  props: ICatConceptosConsultaProps
+) {
+  const [UserId, setUserId] = useState(() => {
+    const stickyValue = window.localStorage.getItem('UserId')
+    return stickyValue !== null ? JSON.parse(stickyValue) : 0
+  })
+  const dispatch = useDispatch()
+  const [Tabulador, setTabulador] = useState(0)
+  const [Id, setId] = useState(0)
+  const [Concepto, setConcepto] = useState(0)
+  const [Cliente, setCliente] = useState(0)
+  const [Activo, setActivo] = useState(0)
+  const [Clientes, setClientes] = useState<Array<IClientes>>()
+  const [Siglas, setSiglas] = useState('')
+  const [ShortDescription, setShortDescription] = useState('')
+  const [SpanishDescription, setSpanishDescription] = useState('')
+  const [SpanishDescriptionWide, setSpanishDescriptionWide] = useState('')
+  const [DetalleConceptos, setDetalleConceptos] = useState<
+    ITabuladorConceptos[]
+  >([])
+  const [CatConceptos, setCatConceptos] = useState<
+    ICat2096CatConceptosConsulta[]
+  >([])
+  const [Tabuladores, setTabuladores] = useState<ITabulador[]>([])
+  const [AllTabuladores, setAllTabuladores] = useState<ITabulador[]>([])
+  const [Costo, setCosto] = useState('')
+  const [header, setHeader] = useState('')
+  const [msgColor, setMsgColor] = React.useState('primary')
+  const [show, setShowMsg] = useState(false)
+  const [msg, setMsg] = useState('')
+  const [DialogTabs, setDialogTabs] = useState(false)
+
+  const colConcepts = [
+    {
+      name: 'Activo',
+      width: '80px',
+      cell: (row: ICat2096CatConceptosConsulta) => (
+        <div
+          onClick={() => {
+            loadData(row)
+          }}
+        >
+          <IconContext.Provider
+            value={{ color: row.activo ? 'green' : 'red', size: '20px' }}
+          >
+            {row.activo ? <BsCheckCircleFill /> : <BsXCircleFill />}
+          </IconContext.Provider>
+        </div>
+      )
+    },
+    {
+      name: 'Siglas',
+      width: '80px',
+      selector: (row: ICat2096CatConceptosConsulta) => row.siglas,
+      sortable: true
+    },
+    {
+      name: 'Descripcion corta',
+      width: '300px',
+      selector: (row: ICat2096CatConceptosConsulta) => row.shortDescription,
+      wrap: true,
+      sortable: true
+    },
+    {
+      name: 'Descripcion español',
+      width: '450px',
+      selector: (row: ICat2096CatConceptosConsulta) => row.spanishDescription,
+      wrap: true,
+      sortable: true
+    },
+    {
+      name: 'Descripcion amplia',
+      width: '450px',
+      selector: (row: ICat2096CatConceptosConsulta) =>
+        row.spanishDescriptionWide,
+      wrap: true,
+      sortable: true
+    }
+  ]
+
+  const loadData = (data: ICat2096CatConceptosConsulta) => {
+    setId(data.id)
+    setSiglas(data.siglas)
+    setShortDescription(data.shortDescription)
+    setSpanishDescription(data.spanishDescription)
+    setSpanishDescriptionWide(data.spanishDescriptionWide)
+    setActivo(data.activo ? 1 : 0)
+  }
+
+  const deleteTabulador = () => {
+    CTabDataService.Delete(Tabulador)
+      .then((response) => {
+        if (response.status === 200) {
+          setHeader('Informativo')
+          setMsg(response.data.respuesta)
+          setShowMsg(true)
+          setDialogTabs(false)
+          setTabuladores(Tabuladores.filter((data) => data.id != Tabulador))
+          setAllTabuladores(Tabuladores)
+          return
+        }
+      })
+      .catch((e: Error) => {
+        setHeader('Error')
+        setMsg('Ocurrio un error: ' + e)
+        setShowMsg(true)
+        return
+      })
+  }
+
+  const loadCatalog = () => {
+    AmazonSrvDataService.CatConceptosConsultaGET()
+      .then((response) => {
+        dispatch(populateCatConcetosConsultas(response.data))
+        setCatConceptos(response.data)
+      })
+      .catch((e: Error) => {
+        setHeader('Error')
+        setMsg('Ocurrio un error: ' + e)
+        setShowMsg(true)
+        return
+      })
+  }
+
+  useEffect(() => {
+    loadCatalog()
+  }, [])
+
+  useEffect(() => {
+    if (Cliente > 0) {
+      setSiglas('')
+      setTabuladores([])
+      setDetalleConceptos([])
+      CTabDataService.GetByCustomer(Cliente)
+        .then((response) => {
+          setTabuladores(response.data)
+        })
+        .catch((e: Error) => {
+          setHeader('Error')
+          setMsg('Ocurrio un error: ' + e)
+          setShowMsg(true)
+          return
+        })
+    }
+  }, [Cliente])
+
+  const filtraTabulador = (e: any) => {
+    if (e.target.value !== '') {
+      setTabuladores(
+        AllTabuladores.filter(function (el) {
+          return el.nombre
+            .toLocaleLowerCase()
+            .includes(e.target.value.toLocaleLowerCase())
+        })
+      )
+    } else {
+      setTabuladores(AllTabuladores)
+    }
+  }
+
+  const save = () => {
+    const data: ICat2096CatConceptosConsulta = {
+      id: Id,
+      siglas: Siglas,
+      shortDescription: ShortDescription,
+      spanishDescription: SpanishDescription,
+      spanishDescriptionWide: SpanishDescriptionWide,
+      activo: Activo==1
+    }
+    AmazonSrvDataService.CatConceptosConsultaAppend(data)
+      .then((response) => {
+        if (response.status === 200) {
+          loadCatalog()
+          setHeader('Informativo')
+          setMsg('La informacion se guardo correctamente')
+          setShowMsg(true)
+          return
+        }
+      })
+      .catch((e: Error) => {
+        setHeader('Error')
+        setMsg('Ocurrio un error: ' + e)
+        setShowMsg(true)
+        return
+      })
+  }
+
+  return (
+    <div>
+      <Card>
+        <Card.Body>
+          <Card style={{ height: '100%' }}>
+            <Card.Header as="h4">Catalogo de consultas para Amazon</Card.Header>
+            <Card.Body>
+              <Container fluid>
+                <Alert variant="primary">
+                  <Row>
+                    <Col xs={1}>
+                      <FloatingLabel
+                        controlId="floatingInput"
+                        label="Siglas"
+                        className="mb-3"
+                      >
+                        <Form.Control
+                          type="text"
+                          placeholder=""
+                          value={Siglas}
+                          maxLength={4}
+                          onChange={(e) => {
+                            setSiglas(e.target.value)
+                          }}
+                        />
+                      </FloatingLabel>
+                    </Col>
+                    <Col xs={8}>
+                      <FloatingLabel
+                        controlId="floatingInput"
+                        label="Descripcion corta"
+                        className="mb-3"
+                      >
+                        <Form.Control
+                          type="text"
+                          placeholder="Descripcion corta"
+                          value={ShortDescription}
+                          onChange={(e) => {
+                            setShortDescription(e.target.value)
+                          }}
+                        />
+                      </FloatingLabel>
+                    </Col>
+                    <Col
+                      xs={1}
+                      style={{
+                        textAlign: 'left',
+                        paddingTop: '5px',
+                        cursor: 'pointer',
+                        paddingLeft: '0px'
+                      }}
+                      onClick={() => {
+                        setTabulador(0)
+                        setSiglas('')
+                      }}
+                    >
+                      <IconContext.Provider
+                        value={{ color: 'orange', size: '25px' }}
+                      >
+                        <FaEraser />
+                      </IconContext.Provider>
+                    </Col>
+                    <Col></Col>
+                    <Col style={{ paddingTop: '20px' }}>
+                      <Button
+                        variant="primary"
+                        size="sm"
+                        style={{ paddingLeft: '10px', paddingRight: '10px' }}
+                        onClick={() => save()}
+                      >
+                        Guardar
+                      </Button>
+                    </Col>
+                  </Row>
+                  <Row>
+                    <Col xs={5}>
+                      <FloatingLabel
+                        controlId="floatingInput"
+                        label="Descripcion en español"
+                        className="mb-3"
+                      >
+                        <Form.Control
+                          as="textarea"
+                          placeholder=""
+                          style={{ height: '100px' }}
+                          value={SpanishDescription}
+                          onChange={(e) => {
+                            setSpanishDescription(e.target.value)
+                          }}
+                        />
+                      </FloatingLabel>
+                    </Col>
+                    <Col xs={5}>
+                      <FloatingLabel
+                        controlId="floatingInput"
+                        label="Descripcion amplia"
+                        className="mb-3"
+                      >
+                        <Form.Control
+                          as="textarea"
+                          placeholder="Descripcion amplia"
+                          style={{ height: '100px' }}
+                          value={SpanishDescriptionWide}
+                          onChange={(e) => {
+                            setSpanishDescriptionWide(e.target.value)
+                          }}
+                        />
+                      </FloatingLabel>
+                    </Col>
+                    <Col style={{ paddingTop: '20px' }}>
+                      <FloatingLabel controlId="floatingSelect" label="Activo">
+                        <Form.Select
+                          aria-label="Activo"
+                          value={Activo}
+                          onChange={(e) => {
+                            setActivo(parseInt(e.target.value))
+                          }}
+                        >
+                          <option value="1">Si</option>
+                          <option value="0">No</option>
+                        </Form.Select>
+                      </FloatingLabel>
+                    </Col>
+                    <Col></Col>
+                  </Row>
+                </Alert>
+                <Row>
+                  {/*                   <Col xs={6}>
+                    <Card style={{}}>
+                      <Card.Body>
+                        <Card.Subtitle className="mb-2 text-muted">
+                          <Row>
+                            <Col xs={2} style={{ paddingTop: '8px' }}>
+                              Tabulador
+                            </Col>
+                            <Col xs={10}>
+                              <Form.Control
+                                type="text"
+                                size="sm"
+                                placeholder="Busqueda de tabulador..."
+                                onChange={(e) => {
+                                  filtraTabulador(e)
+                                }}
+                              />
+                            </Col>
+                          </Row>
+                        </Card.Subtitle>
+                       
+                      </Card.Body>
+                    </Card>
+                  </Col> */}
+                  <Col xs={12}>
+                    <Card style={{}}>
+                      <Card.Body>
+                        <Card.Subtitle className="mb-2 text-muted">
+                          <Row>
+                            <Col xs={12} style={{ paddingTop: '8px' }}>
+                              <DataTable
+                                noHeader
+                                defaultSortFieldId={'id'}
+                                defaultSortAsc={true}
+                                pagination
+                                highlightOnHover
+                                columns={colConcepts}
+                                data={CatConceptos}
+                              />
+                            </Col>
+                            <Col xs={9}>
+                              {/*  <Form.Control
+                                as="select"
+                                onChange={(e) =>
+                                  setConcepto(parseInt(e.target.value))
+                                }
+                                className="form-select form-select-sm"
+                                style={{ fontSize: '17px' }}
+                              >
+                                <option value="0">- Seleccione -</option>
+                                {CatConceptos
+                                  ? CatConceptos.map((c) => {
+                                      return (
+                                        <option value={c.id} key={c.id}>
+                                          {c.concepto}
+                                        </option>
+                                      )
+                                    })
+                                  : null}
+                              </Form.Control> */}
+                            </Col>
+                            <Col style={{ paddingTop: '5px' }}>
+                              {/* <Form.Label
+                                onClick={() => {
+                                  addConcept()
+                                }}
+                                style={{ cursor: 'pointer' }}
+                              >
+                                <IconContext.Provider
+                                  value={{ color: 'green', size: '30px' }}
+                                >
+                                  <BsPlusSquareFill />
+                                </IconContext.Provider>
+                              </Form.Label> */}
+                            </Col>
+                          </Row>
+                        </Card.Subtitle>
+                        {/*   <DataTable
+                          noHeader
+                          defaultSortFieldId={'id'}
+                          defaultSortAsc={true}
+                          pagination
+                          highlightOnHover
+                          columns={columnsConcepts}
+                          data={DetalleConceptos}
+                        /> */}
+                      </Card.Body>
+                    </Card>
+                  </Col>
+                </Row>
+              </Container>
+            </Card.Body>
+          </Card>
+        </Card.Body>
+      </Card>
+      <Modal
+        show={DialogTabs}
+        onHide={() => {
+          setDialogTabs(false)
+        }}
+        size="sm"
+      >
+        <Modal.Body>
+          ¿Esta seguro de eliminar:
+          <br /> {Siglas}?
+        </Modal.Body>
+        <Modal.Footer>
+          <Row>
+            <Col xs={6} style={{ textAlign: 'left', paddingRight: '100px' }}>
+              <Button
+                variant="danger"
+                onClick={deleteTabulador}
+                size="sm"
+                style={{ paddingRight: '20px', paddingLeft: '20px' }}
+              >
+                Si
+              </Button>
+            </Col>
+            <Col xs={6} style={{ textAlign: 'right' }}>
+              <Button
+                variant="secondary"
+                onClick={() => {
+                  setDialogTabs(false)
+                }}
+                size="sm"
+              >
+                Cerrar
+              </Button>
+            </Col>
+          </Row>
+        </Modal.Footer>
+      </Modal>
+      <MsgInformativo
+        show={show}
+        msg={msg}
+        header={header}
+        msgColor={msgColor}
+        closeToast={() => {
+          setShowMsg(false)
+        }}
+      />
+    </div>
+  )
+}

src/Components/Clientes/Amazon/Components/ComboSelect/ComboFraccion.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useState } from 'react'
-import { Button, Col, Form, Modal, Row } from 'react-bootstrap'
+import { Badge, Button, Col, Form, Modal, Row } from 'react-bootstrap'
 import * as CurrencyFormat from 'react-currency-format'
 import { MsgInformativo } from '../../../../Utils/Toast/msgInformativo'
 import { RootState } from '../../../../../store/store'
@@ -31,6 +31,9 @@ export function ComboFraccion(props: IComboFraccionProps) {
   const mInvoices = useSelector(
     (state: RootState) => state.AmazonInvoices.Invoice
   )
+  const mCatTipoConsultas = useSelector(
+    (state: RootState) => state.AmazonCatConceptosConsulta.CatConcetosConsulta
+  )
   const [Validacion, setValidacion] = useState(props.ConfirmaFraccion)
   const [UserChanged, setUserChanged] = useState(false)
   const [showModal, setShowModal] = useState(false)
@@ -49,8 +52,10 @@ export function ComboFraccion(props: IComboFraccionProps) {
   const [Comentarios, setComentarios] = useState(
     props.Detail.comentarios
       ? props.Detail.comentarios
-      : 'Clasificacion Incorrecta'
+      : ''
   )
+  const [TipoConsulta, setTipoConsulta] = useState(0)
+  const [TipoConsultaTxt, setTipoConsultaTxt] = useState('')
   const msgColor = 'primary'
 
   const refreshStore = (Invoice: I2096Headers, Detail: I2096Detail[]) => {
@@ -108,13 +113,10 @@ export function ComboFraccion(props: IComboFraccionProps) {
           cumplimientoNormativo: newData.cumplimientoNormativo,
           comentarios: newData.comentarios,
           confirmaFraccion: newData.confirmaFraccion
-          /*,
-          checked: true*/
         }
       }
       return el
     })
-    //console.log('newDetail '+JSON.stringify(newDetail))
     refreshStore(Invoice[0], newDetail)
   }
 
@@ -134,6 +136,13 @@ export function ComboFraccion(props: IComboFraccionProps) {
     }
   }, [Validacion, UserChanged])
 
+  useEffect(() => {
+    let selected = mCatTipoConsultas.filter((a)=>{if(a.id==TipoConsulta){return a}})
+    if (selected.length) {
+      setTipoConsultaTxt(selected[0].shortDescription+' '+selected[0].spanishDescription)
+    }
+  }, [TipoConsulta])
+
   const saveFraccion = (Fracc: string) => {
     Fracc = Fracc.replaceAll('.', '').replaceAll(' ', '')
     if (Validacion === 2) {
@@ -165,6 +174,7 @@ export function ComboFraccion(props: IComboFraccionProps) {
           const data: DTO2096FraccionDescripcion = {
             id: props.IDDetail,
             fraccion: Fracc,
+            tipoConsulta: TipoConsulta,
             cumplimientoNormativo: CumplimientoNormativo,
             comentarios: Comentarios,
             descripcionGEMCO: DescripcionGEMCO
@@ -248,7 +258,11 @@ export function ComboFraccion(props: IComboFraccionProps) {
       >
         <Modal.Body>
           <Row>
-            <Col xs={3}>Fraccion GEMCO</Col>
+            <Col xs={3}>
+              <Badge bg="primary">
+                <h6>Fraccion GEMCO</h6>
+              </Badge>
+            </Col>
             <Col xs={3}>
               <CurrencyFormat
                 onValueChange={(values: any) => {
@@ -272,8 +286,45 @@ export function ComboFraccion(props: IComboFraccionProps) {
             <Col xs={6}></Col>
           </Row>
           <Row style={{ paddingTop: '15px' }}>
-            <Col xs={3}>Cumplimiento normativo</Col>
-            <Col xs={8}>
+            <Col xs={1}>
+            <Badge bg="primary">
+                <h6>Tipo</h6>
+              </Badge>
+            </Col>
+            <Col xs={2}>
+              <Form.Control
+                as="select"
+                className="form-select form-select-sm"
+                onChange={(e) => setTipoConsulta(parseInt(e.target.value))}
+                value={TipoConsulta}
+              >  <option value='0'> ??? </option>
+                {mCatTipoConsultas.map((tipo) => {
+                  return <option value={tipo.id}>{tipo.siglas}</option>
+                })}
+              </Form.Control>
+            </Col>
+            <Col xs={9}>
+            <Form.Control
+                as="textarea"
+                id="TipoConsultaTxt"
+                size="sm"
+                disabled={true}
+                value={TipoConsultaTxt}
+                style={{height:'100px', fontSize:'13px'}}
+              />
+            </Col>
+          </Row>
+          <Row style={{ paddingTop: '15px' }}>
+            <Col xs={3}>
+              <Badge bg="primary">
+                <h6>
+                  Cumplimiento&nbsp;&nbsp;&nbsp;&nbsp;
+                  <br />
+                  normativo
+                </h6>
+              </Badge>
+            </Col>
+            <Col xs={9}>
               <Form.Control
                 as="textarea"
                 id="CumplimientoNormativo"
@@ -285,15 +336,19 @@ export function ComboFraccion(props: IComboFraccionProps) {
             <Col>&nbsp;</Col>
           </Row>
           <Row style={{ paddingTop: '15px' }}>
-            <Col xs={3}>Comentarios</Col>
-            <Col xs={8}>
+            <Col xs={3}>
+              <Badge bg="primary">
+                <h6>Comentarios&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h6>
+              </Badge>
+            </Col>
+            <Col xs={9}>
               {' '}
               <Form.Control
                 as="textarea"
                 id="Comentarios"
                 size="sm"
                 value={
-                  Comentarios.length ? Comentarios : 'Clasificacion incorrecta.'
+                  Comentarios.length ? Comentarios : ''
                 }
                 onChange={(e) => setComentarios(e.target.value)}
               />
@@ -301,8 +356,12 @@ export function ComboFraccion(props: IComboFraccionProps) {
             <Col>&nbsp;</Col>
           </Row>
           <Row style={{ paddingTop: '15px' }}>
-            <Col xs={3}>Descripcion GEMCO</Col>
-            <Col xs={8}>
+            <Col xs={3}>
+              <Badge bg="primary">
+                <h6>Descripcion GEMCO</h6>
+              </Badge>
+            </Col>
+            <Col xs={9}>
               <Form.Control
                 as="textarea"
                 id="PedimentoDescripcion"
@@ -315,6 +374,7 @@ export function ComboFraccion(props: IComboFraccionProps) {
             <Col XS={9}></Col>
             <Col xs={3}>
               <Button
+              style={{visibility: (Comentarios.length && TipoConsulta>0) ? 'visible' : 'hidden'}}
                 onClick={() => {
                   saveFraccion(Fraccion)
                 }}

src/Components/Clientes/Amazon/DTO/DTO2096FraccionDescripcion.ts

@@ -1,6 +1,7 @@
 export default interface DTO2096FraccionDescripcion {
   id: number
   fraccion: string
+  tipoConsulta: number,
   cumplimientoNormativo: string
   comentarios: string
   descripcionGEMCO: string

src/Components/Clientes/Amazon/DTO/DTO2096RptFacturasPagadas.ts

@@ -1,4 +1,5 @@
 export default interface DTO2096RptFacturasPagadas {
+    
     factura: string,
     pedimento: string,
     fechaPago: string,
@@ -7,5 +8,6 @@ export default interface DTO2096RptFacturasPagadas {
     valorDolares: string,
     valorAduana: string,
     razonSocial: string,
-    aduana: string
+    aduana: string, 
+    piezas: string
 }

src/Components/Clientes/Amazon/Interfaces/I2096CatConceptosConsulta.ts

@@ -0,0 +1,8 @@
+export default interface ICat2096CatConceptosConsulta {
+    id: number,
+    siglas: string,
+    shortDescription: string,
+    spanishDescription: string,
+    spanishDescriptionWide: string,
+    activo: boolean
+}

src/Components/Clientes/Amazon/Interfaces/I2096Detail.ts

@@ -37,6 +37,7 @@ export default interface I2096Detail {
   fCreacion: string
   estatus: number
   autorizado: boolean
+  tipoConsulta: number
   cumplimientoNormativo: string
   comentarios: string
   sightLine: boolean

src/Components/Clientes/Amazon/Reportes/Clasification/Pending/RptAmazonPendingClasificationInvoices.tsx

@@ -37,6 +37,7 @@ import { AiFillWarning } from 'react-icons/ai'
 import { PrioritySelector } from '../PrioritySelector/PrioritySelector'
 import IFileManager from '../../../../../../Interfaces/Utils/IFileManager'
 import { VscHubot } from 'react-icons/vsc'
+import { populateCatConcetosConsultas } from '../../../../../../store/features/Clientes/2096/AmazonCatConceptosConsulta'
 
 export interface IRtpAmazonPendingInvoicesProps {}
 
@@ -81,8 +82,19 @@ export default function RtpAmazonPendingInvoices(
       })
   }
 
+  const loadCatalogoTipoConsultas = async () => {
+    DSAmazon.CatConceptosConsultaGET()
+      .then((response) => {
+        dispatch(populateCatConcetosConsultas(response.data))
+      })
+      .catch((e: Error) => {
+        alert('Ocurrio un error' + e.message.toString())
+      })
+  }
+
   useEffect(() => {
     loadReport()
+    loadCatalogoTipoConsultas()
   }, [])
 
   const check4Updates = (IDInvoice: number) => {
@@ -124,16 +136,10 @@ export default function RtpAmazonPendingInvoices(
   const descargaArchivoExcepciones = () => {
     setShowModalW(false)
     setWaitingMessage('Archivo de excepciones')
-    setWaitingDialog(true)
-    DSAmazon.ExceptionsFileAmazonGET(IDFactura)
+  /*   setWaitingDialog(true)*/
+  /*  DSAmazon.ExceptionsFileAmazonGET(IDFactura)
       .then((response: any) => {
-        if (response.status === 200) {
-          /*           const url = window.URL.createObjectURL(new Blob([response.data]))
-          const link = document.createElement('a')
-          link.href = url
-          link.setAttribute('download', 'Excepciones ' + Factura + '.xlsx')
-          document.body.appendChild(link)
-          link.click() */
+        if (response.status === 200) {*/
           DSAmazon.EnviaEsperaRespuestaAmazon(IDFactura)
             .then((response) => {
               loadReport()
@@ -148,14 +154,14 @@ export default function RtpAmazonPendingInvoices(
               setShowMsg(true)
               return
             })
-        }
-      })
+      //  }
+     /* })
       .catch((e: Error) => {
         setHeader('Error')
         setMsg('Ocurrio un error')
         setShowMsg(true)
         return
-      })
+      }) */
   }
 
   const descargaPantillaPartes = () => {

src/Components/Clientes/Amazon/Reportes/Clasification/WaitingAnswerFromAmazon/RptPendingAnswerFromAmazon.tsx

@@ -2,6 +2,7 @@ import * as React from 'react'
 import { useEffect, useState } from 'react'
 import {
   Alert,
+  Badge,
   Button,
   Card,
   Col,
@@ -33,11 +34,15 @@ import { MFileManager } from '../../../../../Utils/MFileManager/MFileManager'
 import { setEmitFlags } from 'typescript'
 import DTO2096RELParteFactura from '../../../DTO/DTO2096RELParteFactura'
 import IFileManager from '../../../../../../Interfaces/Utils/IFileManager'
+import { populateCatConcetosConsultas } from '../../../../../../store/features/Clientes/2096/AmazonCatConceptosConsulta'
 export interface IRptPendingAnswerFromAmazonProps {}
 
 export default function RptPendingAnswerFromAmazon(
   props: IRptPendingAnswerFromAmazonProps
 ) {
+  const mExceptionCode = useSelector(
+    (state: RootState) => state.AmazonCatConceptosConsulta.CatConcetosConsulta
+  )
   const [Usuario, setUsuario] = useState(() => {
     const stickyValue = window.localStorage.getItem('UserId')
     return stickyValue !== null ? JSON.parse(stickyValue) : ''
@@ -57,6 +62,9 @@ export default function RptPendingAnswerFromAmazon(
   const [Data, setData] = useState<DTO2096PerfilesParecidos[]>([])
   const [ResumeData, setResumeData] = useState<DTO2096RELParteFactura[]>([])
   const [AmazonAnswerFile, setAmazonAnswerFile] = useState<IFileManager[]>([])
+  const [DistinctExceptionCode, setDistinctExceptionCode] = useState<number[]>(
+    []
+  )
   const [header, setHeader] = useState('')
   const [IDFactura, setIDFactura] = useState(0)
   const [Factura, setFactura] = useState('')
@@ -91,6 +99,39 @@ export default function RptPendingAnswerFromAmazon(
       })
   }
 
+  const loadDistinctExceptionCode = (id: number) => {
+    DSAmazon.InvoiceDistinctExceptionCodeGet(id)
+      .then((response) => {
+        setDistinctExceptionCode(response.data)
+      })
+      .catch((e: Error) => {
+        alert('Ocurrio un error' + e.message.toString())
+      })
+  }
+
+  const getExceptionCode = (id: number) => {
+    // console.log(mExceptionCode)
+    let code = mExceptionCode.filter((a) => {
+      if (a.id == id) {
+        return a
+      }
+    })
+    return code.length ? code[0].siglas : ''
+  }
+
+  const loadExceptionCodeCatalog = () => {
+    DSAmazon.CatConceptosConsultaGET()
+      .then((response) => {
+        dispatch(populateCatConcetosConsultas(response.data))
+      })
+      .catch((e: Error) => {
+        setHeader('Error')
+        setMsg('Ocurrio un error: ' + e)
+        setShowMsg(true)
+        return
+      })
+  }
+
   const generateResume = (id: number) => {
     DSAmazon.RELParteFacturasGET(id)
       .then((response) => {
@@ -104,17 +145,29 @@ export default function RptPendingAnswerFromAmazon(
       })
   }
 
-  const downloadExceptionsFile = (id: number, Factura: string) => {
-    setWaitingDialog(true)
-    generateResume(id)
-    setFactura(Factura)
-    DSAmazon.ExceptionsFileAmazonGET(id)
+  const downloadExceptionsFile = (
+    id: number,
+    Factura: string,
+    ExceptionCode: number
+  ) => {
+    //setWaitingDialog(true)
+    /* loadDistinctExceptionCode(id)
+    generateResume(id) */
+    //setFactura(Factura)
+    DSAmazon.ExceptionsFileAmazonGET(id, ExceptionCode)
       .then((response: any) => {
         if (response.status === 200) {
           const url = window.URL.createObjectURL(new Blob([response.data]))
           const link = document.createElement('a')
           link.href = url
-          link.setAttribute('download', 'Excepciones ' + Factura + '.xlsx')
+          link.setAttribute(
+            'download',
+            'Excepciones ' +
+              Factura +
+              '_' +
+              getExceptionCode(ExceptionCode) +
+              '.xlsx'
+          )
           document.body.appendChild(link)
           link.click()
         }
@@ -128,9 +181,16 @@ export default function RptPendingAnswerFromAmazon(
       })
   }
 
+  const loadInvoiceData = (id: number) => {
+    setWaitingDialog(true)
+    loadDistinctExceptionCode(id)
+    generateResume(id)
+  }
+
   useEffect(() => {
     loadReport()
     loadProfiles()
+    loadExceptionCodeCatalog()
   }, [])
 
   const check4Updates = (IDInvoice: number) => {
@@ -188,9 +248,10 @@ export default function RptPendingAnswerFromAmazon(
       .map((element) => {
         let newElt = Object.assign({}, element) // copies element
         return newElt.detail.filter(
-          (child) => child.idHeader === IDMaster && !child.autorizado
+          (child) => child.idHeader === IDMaster && child.autorizado
         )
       })
+
     return Exceptions.length ? Exceptions[0].length : 0
   }
 
@@ -242,7 +303,7 @@ export default function RptPendingAnswerFromAmazon(
 
   const ApplyAnswerFiles2Invoice = () => {
     setWaitingMessage('Generando...')
-    const Filenames = AmazonAnswerFile.map(element => element.nombreArchivo);
+    const Filenames = AmazonAnswerFile.map((element) => element.nombreArchivo)
     setWaitingDialog(true)
     DSAmazon.ApplyAnswerFile2Invoice(Filenames)
       .then((response) => {
@@ -378,12 +439,16 @@ export default function RptPendingAnswerFromAmazon(
                               <td>
                                 {existsExeptions(MasterData.id) > 0 ? (
                                   <div
-                                    onClick={() =>
-                                      downloadExceptionsFile(
+                                    onClick={() => {
+                                      /*  downloadExceptionsFile(
                                         MasterData.id,
                                         MasterData.invoiceNumber
-                                      )
-                                    }
+                                      ) */
+                                      setIDFactura(MasterData.id)
+                                      setFactura(MasterData.invoiceNumber)
+                                      loadInvoiceData(MasterData.id)
+                                      //setWaitingDialog(true)
+                                    }}
                                     title="Archivo de excepciones"
                                   >
                                     <IconContext.Provider
@@ -810,10 +875,12 @@ export default function RptPendingAnswerFromAmazon(
                   Proceso={IDProcess}
                   showPreview={3}
                   canEdit={true}
-                  Leyenda="Sube archivos de respuesta de Amazon" onAppendMFM={function (Files: IFileManager[]): void {
+                  Leyenda="Sube archivos de respuesta de Amazon"
+                  onAppendMFM={function (Files: IFileManager[]): void {
                     setAmazonAnswerFile(Files)
                     setConfirmApplyAnswerFile(true)
-                  }}/>
+                  }}
+                />
               </Col>
               <Col></Col>
             </Row>
@@ -848,7 +915,8 @@ export default function RptPendingAnswerFromAmazon(
             <Row style={{ paddingTop: '15px' }}>
               <Col xs={6} style={{ textAlign: 'center' }}>
                 <Button
-                  variant="secondary" size="lg"
+                  variant="secondary"
+                  size="lg"
                   onClick={() => {
                     setShowModalAnswerFile(false)
                     setConfirmApplyAnswerFile(false)
@@ -859,7 +927,8 @@ export default function RptPendingAnswerFromAmazon(
               </Col>
               <Col xs={6} style={{ textAlign: 'center' }}>
                 <Button
-                  variant="danger" size="lg"
+                  variant="danger"
+                  size="lg"
                   onClick={() => {
                     setShowModalAnswerFile(false)
                     ApplyAnswerFiles2Invoice()
@@ -889,7 +958,7 @@ export default function RptPendingAnswerFromAmazon(
           <Modal.Title></Modal.Title>
         </Modal.Header>
         <Modal.Body>
-          <img
+          {/*  <img
             src={loadingImg}
             style={{
               height: WaitingMessage === 'Generando...' ? '150px' : '0px',
@@ -897,8 +966,31 @@ export default function RptPendingAnswerFromAmazon(
             }}
             alt="proccessing"
           />
-          {WaitingMessage}
-          <div style={{ overflow: 'auto' }}>
+          {WaitingMessage} */}
+          <div>
+            <Row>
+              {DistinctExceptionCode
+                ? DistinctExceptionCode.map((code) => {
+                    return (
+                      <Col style={{ textAlign: 'center' }}>
+                        <Badge
+                          bg="primary"
+                          style={{ cursor: 'pointer' }}
+                          onClick={() => {
+                            downloadExceptionsFile(IDFactura, Factura, code)
+                          }}
+                        >
+                          <h6>{getExceptionCode(code)}</h6>
+                        </Badge>
+                      </Col>
+                    )
+                  })
+                : ''}
+            </Row>
+          </div>
+          <div
+            style={{ overflow: 'auto', height: '500px', paddingTop: '15px' }}
+          >
             <table>
               <tr>
                 <td style={{ backgroundColor: '#6095BF', color: '#FFFFFF' }}>

src/Components/Clientes/Amazon/Reportes/Clasification/WaitingAnswerFromAmazon/RptPendingAnswerFromAmazonDetail.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import { useEffect, useState } from 'react'
 import {
   Alert,
@@ -8,13 +7,10 @@ import {
   FormCheck,
   Modal,
   OverlayTrigger,
-  Popover,
   Row,
   Tooltip
 } from 'react-bootstrap'
 import { IconContext } from 'react-icons'
-import { FaCheckCircle, FaQuestionCircle } from 'react-icons/fa'
-import { ImCross } from 'react-icons/im'
 import { MsgInformativo } from '../../../../../Utils/Toast/msgInformativo'
 import { ComboDescripcion } from '../../../Components/ComboSelect/ComboDescripcion'
 import { ComboFraccion } from '../../../Components/ComboSelect/ComboFraccion'
@@ -46,13 +42,14 @@ export default function RptPendingAnswerFromAmazonDetail(
   const [ShowModal, setShowModal] = useState(false)
   const [EstatusSwith, setEstatusSwitch] = useState(props.detail.autorizado)
   const [Fraccion, setFraccion] = useState(props.detail.fraccionGEMCO)
+  const [TipoConsulta, setTipoConsulta] = useState(props.detail.tipoConsulta)
   const [UserChanged, setUserChanged] = useState(false)
   const [DescripcionGEMCO, setDescripcionGEMCO] = useState(
     props.detail.descripcionGEMCO
   )
   const [header, setHeader] = useState('')
   const [show, setShowMsg] = useState(false)
-  const [Show, setShow] = useState(false)
+  //const [Show, setShow] = useState(false)
   const [msg, setMsg] = useState('')
   const [CumplimientoNormativo, setCumplimientoNormativo] = useState(
     props.detail.cumplimientoNormativo ? props.detail.cumplimientoNormativo : ''
@@ -147,6 +144,7 @@ export default function RptPendingAnswerFromAmazonDetail(
             const data: DTO2096FraccionDescripcion = {
               id: id,
               fraccion: Fraccion,
+              tipoConsulta: TipoConsulta,
               cumplimientoNormativo: CumplimientoNormativo,
               comentarios: Comentarios,
               descripcionGEMCO: DescripcionGEMCO
@@ -166,17 +164,11 @@ export default function RptPendingAnswerFromAmazonDetail(
         })
         .catch((e: Error) => {
           setHeader('Error')
-        setMsg(
-          'Ocurrio un error' + e.message.toString()
-        )
+          setMsg('Ocurrio un error' + e.message.toString())
           setShowMsg(true)
           return
         })
-
     }
-
-
- 
   }
 
   useEffect(() => {
@@ -184,7 +176,7 @@ export default function RptPendingAnswerFromAmazonDetail(
       autoriceItem(props.detail.id)
   }, [EstatusSwith, UserChanged])
 
-  const ColorSET = (value: number, mode: number) => {
+  /* const ColorSET = (value: number, mode: number) => {
     switch (mode) {
       case 1: {
         // Background color
@@ -208,7 +200,7 @@ export default function RptPendingAnswerFromAmazonDetail(
         break
       }
     }
-  }
+  } */
 
   return (
     <>
@@ -263,8 +255,7 @@ export default function RptPendingAnswerFromAmazonDetail(
               textAlign: 'center'
             }}
             className="DetailData"
-          >
-          </td>
+          ></td>
           <td
             style={{
               textAlign: 'center'
@@ -299,14 +290,6 @@ export default function RptPendingAnswerFromAmazonDetail(
                   props.detail.validaFraccionOriginal === 0
                     ? '#FFFAF2 '
                     : '#E5F7B6',
-                /*  border:
-                props.detail.validaFraccionOriginal === 0
-                  ? '2px solid #F9A721'
-                  : '2px solid green',
-              color:
-                props.detail.validaFraccionOriginal === 0
-                  ? '#5923F6'
-                  : '#000000', */
                 border: '2px solid #000000',
                 color: '@000000',
                 width: '135px',
@@ -410,19 +393,11 @@ export default function RptPendingAnswerFromAmazonDetail(
           >
             {props.detail.actualUnitCostMonetaryAmount}
           </td>
-          <td
-            /*  style={{visibility: EstatusSwith ? 'hidden' : 'visible'}} */
-            className="DetailData"
-          >
+          <td className="DetailData">
             <FormCheck
               className="form-check form-switch form-control-lg"
               id="switchEnabled"
               type="switch"
-              /* disabled={
-              props.detail.fraccionGEMCO ===
-              props.detail.destinationHTSCode.replaceAll('.', '')
-            } */
-              /* disabled={EstatusSwith} */
               disabled={false}
               checked={EstatusSwith && props.detail.autorizado}
               onChange={() => {
@@ -433,12 +408,7 @@ export default function RptPendingAnswerFromAmazonDetail(
               label=""
             />
           </td>
-          <td
-          /*   style={{
-              visibility:
-                CumplimientoNormativo.length === 0 ? 'hidden' : 'visible'
-            }} */
-          >
+          <td>
             <OverlayTrigger
               placement="bottom"
               overlay={
@@ -460,12 +430,7 @@ export default function RptPendingAnswerFromAmazonDetail(
               )}
             </OverlayTrigger>
           </td>
-          <td
-           /*  style={{
-              visibility:
-                CumplimientoNormativo.length === 0 ? 'hidden' : 'visible'
-            }} */
-          >
+          <td>
             <OverlayTrigger
               placement="bottom"
               overlay={<Tooltip id="button-tooltip-2">{Comentarios}</Tooltip>}

src/Components/Clientes/Amazon/Reportes/ConsultaTrafico/RptConsultaTrafico.tsx

@@ -144,18 +144,6 @@ export default function RptConsultaTrafico(props: IRptConsultaTraficoProps) {
     if (Obj.max) */ check4Updates(IDInvoice)
   }
 
-  /*   const toggleInvoice = (id: number) => {
-    if (!Invoices.includes(id)) {
-      Invoices.push(id)
-    } else {
-      setInvoices(
-        Invoices.filter(function (el) {
-          return el != id
-        })
-      )
-    }
-  }*/
-
   function getReceiver(Cadena: string, char1: string[1], char2: string[1]) {
     return Cadena.slice(Cadena.indexOf(char1) + 1, Cadena.lastIndexOf(char2))
   }
@@ -191,9 +179,6 @@ export default function RptConsultaTrafico(props: IRptConsultaTraficoProps) {
                   <th></th>
                   <th style={{ width: '50px' }}>id</th>
                   <th style={{ width: '50px' }}></th>
-                  {/*<th style={{ width: '50px' }}>PDF</th>
-                  <th style={{ width: '50px' }}>Facturas</th>
-                  <th style={{ width: '50px' }}>Partidas</th> */}
                   <th style={{ width: '100px' }}>Referencia</th>
                   <th style={{ width: '80px' }}>Commercial Invoice Date</th>
                   <th style={{ width: '250px' }}>Invoice Number</th>

src/Components/Clientes/Amazon/Reportes/FacturasPagadas/RptAmazonFacturasPagadas.tsx

@@ -23,6 +23,7 @@ import {
 import { MsgInformativo } from '../../../../Utils/Toast/msgInformativo'
 import { AiFillFileExcel } from 'react-icons/ai'
 import { IconContext } from 'react-icons'
+import { BsSearch, BsFileEarmarkExcel } from 'react-icons/bs'
 import { BsChevronDown, BsChevronRight, BsFilePdfFill } from 'react-icons/bs'
 import { FaAmazon } from 'react-icons/fa'
 import loadingImg from '../../../../../images/ajaxloader.gif'
@@ -60,58 +61,75 @@ export default function RptAmazonFacturasPagadas(
   const msgColor = 'primary'
   const columnsConcepts = [
     {
-      name: 'Factura',
-      width: '350px',
+      name: <div style={{ textAlign: 'center' }}>Factura</div>,
+
+      width: '300px',
       selector: (row: DTO2096RptFacturasPagadas) => row.factura,
       sortable: true
     },
     {
-      name: 'Pedimento',
+      name: <div style={{ textAlign: 'center' }}>Pedimento</div>,
+
       width: '120px',
       selector: (row: DTO2096RptFacturasPagadas) => row.pedimento,
       sortable: true
     },
     {
-      name: 'Fecha pago',
+      name: <div style={{ textAlign: 'center' }}>Fecha Pago</div>,
+
       width: '120px',
-      selector: (row: DTO2096RptFacturasPagadas) => row.fechaPago.substring(0,10),
+      selector: (row: DTO2096RptFacturasPagadas) =>
+        row.fechaPago.substring(0, 10),
       sortable: true
     },
     {
-      name: 'Clave',
+      name: <div style={{ textAlign: 'center' }}>Clave</div>,
+
       width: '80px',
       selector: (row: DTO2096RptFacturasPagadas) => row.clave,
       sortable: true
     },
     {
-      name: 'Tipo Op',
+      name: <div style={{ textAlign: 'center' }}>Tipo Operacion</div>,
+
       width: '120px',
       selector: (row: DTO2096RptFacturasPagadas) => row.tipoOp,
       sortable: true
     },
     {
-      name: 'Valor Dolares',
+      name: <div style={{ textAlign: 'center' }}>Valor Dolares</div>,
+
       width: '130px',
       selector: (row: DTO2096RptFacturasPagadas) => row.valorDolares,
       sortable: true
     },
     {
-      name: 'Valor Aduana',
+      name: <div style={{ textAlign: 'center' }}>Valor Aduana </div>,
+
       width: '130px',
       selector: (row: DTO2096RptFacturasPagadas) => row.valorAduana,
       sortable: true
     },
     {
-      name: 'Razon Social',
+      name: <div style={{ textAlign: 'center' }}>Razon Social</div>,
+
       width: '350px',
       selector: (row: DTO2096RptFacturasPagadas) => row.razonSocial,
       sortable: true
     },
     {
-      name: 'Aduana',
-      width: '550px',
+      name: <div style={{ textAlign: 'center' }}>Aduana</div>,
+
+      width: '100px',
       selector: (row: DTO2096RptFacturasPagadas) => row.aduana,
       sortable: false
+    },
+    {
+      name: <div style={{ textAlign: 'center' }}>Piezas</div>,
+
+      width: '100px',
+      selector: (row: DTO2096RptFacturasPagadas) => row.piezas,
+      sortable: false
     }
   ]
 
@@ -137,7 +155,10 @@ export default function RptAmazonFacturasPagadas(
     exportExcel(Data, 'Reporte de facturas pagadas de Amazon')
   }
 
-  function exportExcel(jsonData: DTO2096RptFacturasPagadas[], fileName: string): void {
+  function exportExcel(
+    jsonData: DTO2096RptFacturasPagadas[],
+    fileName: string
+  ): void {
     let Heading = [
       [
         'Factura',
@@ -148,7 +169,8 @@ export default function RptAmazonFacturasPagadas(
         'Valor Dolares',
         'Valor Aduana',
         'Razon Social',
-        'Aduana'
+        'Aduana',
+        'Piezas'
       ]
     ]
     const dataOnly = jsonData.map(
@@ -161,7 +183,8 @@ export default function RptAmazonFacturasPagadas(
         valorDolares,
         valorAduana,
         razonSocial,
-        aduana
+        aduana,
+        piezas
       }) => {
         return {
           factura,
@@ -172,7 +195,8 @@ export default function RptAmazonFacturasPagadas(
           valorDolares,
           valorAduana,
           razonSocial,
-          aduana
+          aduana,
+          piezas
         }
       }
     )
@@ -186,7 +210,8 @@ export default function RptAmazonFacturasPagadas(
         valorDolares,
         valorAduana,
         razonSocial,
-        aduana
+        aduana,
+        piezas
       }) => {
         return {
           factura,
@@ -197,7 +222,8 @@ export default function RptAmazonFacturasPagadas(
           valorDolares,
           valorAduana,
           razonSocial,
-          aduana
+          aduana,
+          piezas
         }
       }
     )
@@ -215,7 +241,6 @@ export default function RptAmazonFacturasPagadas(
     }
   }
 
-
   useEffect(() => {
     loadReport()
   }, [])
@@ -233,7 +258,20 @@ export default function RptAmazonFacturasPagadas(
                 Facturas Pagadas
               </Card.Title>
             </Col>
-            <Col><Button variant="success" onClick={()=>{downloadExcel()}}>Excel</Button></Col>
+            <Col>
+              <Col style={{ textAlign: 'center' }}>
+                <Button
+                  variant="success"
+                  onClick={() => {
+                    downloadExcel()
+                  }}
+                >
+                  <BsFileEarmarkExcel />
+                  Excel
+                </Button>
+              </Col>
+            </Col>
+
             <Col style={{ textAlign: 'right' }}>Desde</Col>
             <Col xs={1}>
               <Form.Control
@@ -267,7 +305,12 @@ export default function RptAmazonFacturasPagadas(
                 loadReport()
               }}
             >
-              <Button variant="primary">Buscar</Button>
+              {/* <div className="col-md-3 d-flex aling-items-center"> */}
+
+              <Button variant="primary">
+                Buscar <BsSearch />
+              </Button>
+              {/* </div> */}
             </Col>
           </Row>
         </Card.Body>

src/Components/Clientes/Amazon/Services/Amazon.Services.ts

@@ -26,6 +26,7 @@ import DTO2096TraficoConsultaAmazonHeader from '../DTO/DTO2096TraficoConsultaAma
 import DTO2096DataTraficoConsulta from '../DTO/DTO2096DataTraficoConsulta'
 import I2096CatGrupoRegulatorio from '../Interfaces/I2096CatGrupoRegulatorio'
 import DTOAmazonSegragacion from '../DTO/DTOAmazonSegragacion'
+import ICat2096CatConceptosConsulta from '../Interfaces/I2096CatConceptosConsulta'
 
 class AmazonDataService {
   AmazonPendingClasificationInvoiceGET() {
@@ -142,8 +143,8 @@ class AmazonDataService {
        console.log(error)
      })
   }
-  ExceptionsFileAmazonGET(id: number) {
-    return http.get<ArrayBuffer>(`/AmazonInvoice/ExceptionsFileAmazonGET?id=${id}`, {responseType: 'arraybuffer'})
+  ExceptionsFileAmazonGET(id: number, code: number) {
+    return http.get<ArrayBuffer>(`/AmazonInvoice/ExceptionsFileAmazonGET?id=${id}&code=${code}`, {responseType: 'arraybuffer'})
     .then(function (response) {
        return response
      })
@@ -286,5 +287,14 @@ class AmazonDataService {
   DeleteNoParte(id: number) {
     return http.delete<Boolean>(`/AmazonInvoice/DeleteNoParte?id=${id}`)
   }
+  CatConceptosConsultaGET() {
+    return http.get<ICat2096CatConceptosConsulta[]>(`/AmazonInvoice/Catalogos/CatConceptosConsultaGET`)
+  }
+  CatConceptosConsultaAppend(data: ICat2096CatConceptosConsulta) {
+    return http.post<ICat2096CatConceptosConsulta>(`/AmazonInvoice/Catalogos/CatConceptosConsultaAppend`, data)
+  }
+  InvoiceDistinctExceptionCodeGet(id: number) {
+    return http.get<number[]>(`/AmazonInvoice/Invoice/DistinctExceptionCodeGet?id=${id}`)
+  }
 }
 export default new AmazonDataService()

src/Components/Dashboard/Dashboard.tsx

@@ -25,20 +25,20 @@ export default function Dashboard(props: IProps) {
       <br />
       <Container>
         <Row xs={1} md={3} className='g-4'>
-          {[['Direcccion', 'Sistemas', 'Corresponsalias'].includes(Depto) ? <DashboardCorresponsales /> : ''].map(
+          {/* {[['Direcccion', 'Sistemas', 'Corresponsalias'].includes(Depto) ? <DashboardCorresponsales /> : ''].map(
             (item) => {
               return <React.Fragment>{item}</React.Fragment>
             }
-          )}
-          {[['Direcccion', 'Sistemas', 'Contabilidad'].includes(Depto) ? <DashboardContabilidad /> : ''].map((item) => {
+          )} */}
+          {/* {[['Direcccion', 'Sistemas', 'Contabilidad'].includes(Depto) ? <DashboardContabilidad /> : ''].map((item) => {
             return <React.Fragment>{item}</React.Fragment>
-          })}
-          {[['Heineken1'].includes(User) ? <Heineken1 /> : ''].map((item) => {
+          })} */}
+          {/* {[['Heineken1'].includes(User) ? <Heineken1 /> : ''].map((item) => {
             return <React.Fragment>{item}</React.Fragment>
           })}
           {[['Direcccion', 'Sistemas', 'Facturacion'].includes(Depto) ? <DashboardFacturacion /> : ''].map((item) => {
             return <React.Fragment>{item}</React.Fragment>
-          })}
+          })} */}
           {[['Direcccion', 'Sistemas', 'Operaciones', 'Clasificacion'].includes(Depto) ? <DashboardClasificacion /> : ''].map((item) => {
             return <React.Fragment>{item}</React.Fragment>
           })}

src/Components/GEMCO/Facturacion/Anexo/RptConsolidadosSinFirmaBanco.tsx

@@ -0,0 +1,125 @@
+import { useEffect, useState } from 'react'
+import { Button, Card, Col, Row } from 'react-bootstrap'
+import DataTable from 'react-data-table-component'
+import IConsolidadosSinFirmaBanco from '../../../../Interfaces/Facturacion/Anexo/IConsolidadosSinFirmaBanco'
+import DSOperaciones from '../../../../Services/Operaciones/Operaciones.Services'
+import * as XLSX from 'xlsx'
+import { BsFileEarmarkExcel } from 'react-icons/bs'
+
+export interface IRtpConsolidadosSinFirmaBancoProps {}
+
+export default function RtpConsolidadosSinFirmaBanco(
+  props: IRtpConsolidadosSinFirmaBancoProps
+) {
+  const [Data, setData] = useState<IConsolidadosSinFirmaBanco[]>([])
+  const [Total, setTotal] = useState(0)
+  const columnsConcepts = [
+    {
+      name: 'Referencia',
+      width: '150px',
+      cell: (row: IConsolidadosSinFirmaBanco) => row.referencia,
+      sortable: true
+    },
+    {
+      name: 'Fecha Pago',
+      width: '250px',
+      cell: (row: IConsolidadosSinFirmaBanco) => row.fechaPago,
+      sortable: true
+    },
+    {
+      name: 'Fecha Validacion',
+      width: '250px',
+      cell: (row: IConsolidadosSinFirmaBanco) => row.firmaValidacion,
+      sortable: true
+    },
+    {
+      name: 'Firma Banco',
+      with: '250px',
+      cell: (row: IConsolidadosSinFirmaBanco) => row.firmaBanco,
+      sortable: true
+    }
+  ]
+
+  const downloadExcel = () => {
+    exportExcel(Data, 'Consolidados sin firma de banco')
+  }
+
+  function exportExcel(jsonData: any[], fileName: string): void {
+    let Heading = [
+      ['Referencia', 'FechaPago', 'Fecha Validacion', 'Firma Banco']
+    ]
+    const wb = XLSX.utils.book_new()
+    const ws: XLSX.WorkSheet = XLSX.utils.json_to_sheet([])
+    XLSX.utils.sheet_add_aoa(ws, Heading)
+    XLSX.utils.sheet_add_json(ws, jsonData, { origin: 'A2', skipHeader: true })
+    XLSX.utils.book_append_sheet(wb, ws, 'Sheet1')
+    XLSX.writeFile(wb, fileName + '.xlsx')
+    var range = XLSX.utils.decode_range(ws['!ref?'])
+    for (var C = range.s.c; C <= range.e.c; ++C) {
+      var address = XLSX.utils.encode_col(C) + '1' // <-- first row, column number C
+      if (!ws[address]) continue
+      ws[address].v = ws[address].v.toUpperCase()
+    }
+  }
+
+  const generaReporte = () => {
+    DSOperaciones.OperacionesSinFirmaBancoGet()
+      .then((response) => {
+        setData(response.data)
+        setTotal(response.data.length)
+      })
+      .catch((e: Error) => {
+        console.log(e)
+      })
+  }
+
+  useEffect(() => {
+    generaReporte()
+  }, [])
+
+  return (
+    <div>
+      <Card>
+        <Card.Body>
+          <Card.Title>
+            <Row>
+              <Col xs={3}>Consolidados sin firma banco : {Total} registros</Col>
+              <Col xs={8}></Col>
+              <Col xs={1} className="colAlignRight">
+                <Button
+                  size="sm"
+                  variant="success"
+                  onClick={() => {
+                    downloadExcel()
+                  }}
+                >
+                  <BsFileEarmarkExcel />
+                  &nbsp;Excel
+                </Button>
+              </Col>
+            </Row>
+          </Card.Title>
+          <Row>
+            <Col xs={12}>
+              <DataTable
+                dense
+                noHeader
+                defaultSortFieldId={'cliente'}
+                defaultSortAsc={true}
+                fixedHeaderScrollHeight="550px"
+                striped={true}
+                fixedHeader
+                /*                 paginationPerPage={10}
+                pagination */
+                highlightOnHover
+                columns={columnsConcepts}
+                data={Data}
+                pointerOnHover
+              />
+            </Col>
+          </Row>
+        </Card.Body>
+      </Card>
+    </div>
+  )
+}

src/Components/Reportes/RptArcosa.tsx

@@ -0,0 +1,401 @@
+import React, { FC, useEffect, useState } from 'react'
+// Bootstrap components
+import { Button, Card, Form } from 'react-bootstrap'
+import { BsSearch, BsFileEarmarkExcel } from 'react-icons/bs'
+// Interfaces
+import IClientes from '../../Interfaces/Catalogos/IClientes'
+import IArchivoElectronico from '../../Interfaces/IArchivoElectronico'
+// DTOs
+import DTOReporte from '../../DTO/DTOReporte'
+// Services
+import reportsDataService from '../../Services/Reportes/reportes.services'
+import ClientesDataService from '../../Services/Catalogos/Clientes.Services'
+
+import { useDispatch } from 'react-redux'
+import { setArchivoElectronico } from '../../store/features/Reportes/ArchivoElectronico'
+// GUI components
+import { MsgInformativo } from '../Utils/Toast/msgInformativo'
+import { AgGridReact } from 'ag-grid-react'
+import { RowClickedEvent } from 'ag-grid-community'
+import { TargetURL } from '../../Constants/TargetURL'
+//Other
+import moment from 'moment'
+import * as XLSX from 'xlsx'
+import IRptArcosa from '../../Interfaces/Reportes/IRptArcosa'
+interface IProps {}
+
+const RptArcosa: FC<IProps> = (props) => {
+  const [UserId, setUserId] = useState(() => {
+    const stickyValue = window.localStorage.getItem('UserId')
+    return stickyValue !== null ? JSON.parse(stickyValue) : 0
+  })
+  const [Data, setData] = useState<Array<IRptArcosa>>([])
+  const [filteredData, setFilteredData] = useState<Array<IRptArcosa>>([])
+  const [Inicio, setInicio] = useState(currentDate())
+  const [Fin, setFin] = useState(currentDate())
+  const [TipoOperacion, setTipoOperacion] = useState(1)
+  const [Cliente, setCliente] = useState(0)
+  const [Clientes, setClientes] = useState<Array<IClientes>>()
+  const [msgColor, setMsgColor] = React.useState('primary')
+  const [show, setShowMsg] = useState(false)
+  const [header, setHeader] = useState('')
+  const [msg, setMsg] = useState('')
+  const [filtro, setFiltro] = useState('')
+  const gridRef = React.useRef<any>(null)
+  const [columnaVerPDF, setcolumnaVerPDF] = useState(false)
+  const dispatch = useDispatch()
+  const [columnDefs] = useState([
+    {
+      field: 'patente',
+      headerName: 'Patente',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'pedimento',
+      headerName: 'Pedimento',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'pagoPedimento',
+      headerName: 'PagoPedimento',
+      sortable: true,
+      filter: true,
+      width: 200
+    },
+    {
+      field: 'regimen',
+      headerName: 'Regimen',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'valorDls',
+      headerName: 'ValorDls',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+
+    {
+      field: 'valorAduana',
+      headerName: 'ValorAduana',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'aduana',
+      headerName: 'Aduana',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'planta',
+      headerName: 'Planta',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'dta',
+      headerName: 'DTA',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'prev',
+      headerName: 'PREV',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+
+    {
+      field: 'iva',
+      headerName: 'IVA',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'ivaprev',
+      headerName: 'IVAPREV',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'igi',
+      headerName: 'IGI',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'cc',
+      headerName: 'CC',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'total',
+      headerName: 'Total',
+      sortable: true,
+      filter: true,
+      width: 150
+    }
+  ])
+
+  function currentDate(): string {
+    var today = new Date()
+    var dd = String(today.getDate()).padStart(2, '0')
+    var mm = String(today.getMonth() + 1).padStart(2, '0') //January is 0!
+    var yyyy = today.getFullYear()
+    return yyyy + '-' + mm + '-' + dd
+  }
+
+  const closeToast = (show: boolean): void => {
+    setShowMsg(false)
+  }
+
+  const generaReporte = () => {
+    if (Cliente === 0) {
+      setHeader('Error')
+      setMsg('Seleccion el cliente')
+      setShowMsg(true)
+      return
+    }
+    const data: DTOReporte = {
+      Inicio: moment(Inicio).format('YYYY-MM-DD'),
+      Fin: moment(Fin).format('YYYY-MM-DD'),
+      TipoOperacion: TipoOperacion,
+      NoCliente: Cliente,
+      IdUsuario: UserId
+    }
+    reportsDataService
+      .getRptArcosa(data)
+      .then((response) => {
+        setData(response.data)
+        setFilteredData(response.data)
+        setHeader('Informativo')
+        setMsg('Se encontro la siguiente informacion...')
+        setShowMsg(true)
+      })
+      .catch((e: Error) => {
+        setHeader('Error')
+        setMsg('Ocurrio un error: ' + e)
+        setShowMsg(true)
+        return
+      })
+  }
+
+  useEffect(() => {
+    ClientesDataService.getAllClientes(parseInt(UserId))
+      .then((response) => {
+        setClientes(response.data)
+      })
+      .catch((e: Error) => {
+        setHeader('Error')
+        setMsg('Ocurrio un error: ' + e)
+        setShowMsg(true)
+        return
+      })
+  }, [])
+
+  const downloadExcel = () => {
+    exportExcel(Data, 'Reporte Mensual Arcosa')
+  }
+
+  function exportExcel(jsonData: any[], fileName: string): void {
+    let Heading = [
+      [
+        'Patente',
+        'Pedimento',
+        'PagoPedimento',
+        'Regimen',
+        'ValorDls',
+        'ValorAduana',
+        'Aduana',
+        'Planta',
+        'DTA',
+        'PREV',
+        'IVA',
+        'IVAPREV',
+        'IGI',
+        'CC',
+        'Total'
+      ]
+    ]
+
+    const wb = XLSX.utils.book_new()
+    const ws: XLSX.WorkSheet = XLSX.utils.json_to_sheet([])
+    XLSX.utils.sheet_add_aoa(ws, Heading)
+    XLSX.utils.sheet_add_json(ws, jsonData, { origin: 'A2', skipHeader: true })
+    XLSX.utils.book_append_sheet(wb, ws, 'Sheet1')
+    XLSX.writeFile(wb, fileName + '.xlsx')
+    var range = XLSX.utils.decode_range(ws['!ref?'])
+    for (var C = range.s.c; C <= range.e.c; ++C) {
+      var address = XLSX.utils.encode_col(C) + '1' // <-- first row, column number C
+      if (!ws[address]) continue
+      ws[address].v = ws[address].v.toUpperCase()
+    }
+  }
+
+  const filtraReporte = (e: any) => {
+    setFiltro(e.target.value)
+    gridRef.current.api.setQuickFilter(e.target.value)
+  }
+
+  async function getAE(e: any) {
+    if (e.column.colId === 'ver pedimento') {
+      setcolumnaVerPDF(true)
+    } else {
+      setcolumnaVerPDF(false)
+    }
+  }
+
+  const formatNumber = (number: string, digits: number) => {
+    number = parseFloat(number).toFixed(digits)
+    let value = Number(number).toLocaleString('en')
+    if (!value.indexOf('NaN')) return '0.00'
+    return value
+  }
+
+  return (
+    <div>
+      <Card>
+        <Card.Body>
+          <div className="row">
+            <div className="col-md-2">
+              <Form.Control
+                defaultValue={Inicio}
+                type="date"
+                name="Inicio"
+                placeholder="Inicio"
+                title="Inicio"
+                alt="Inicio"
+                data-date-format="YYYY-mm-dd"
+                onChange={(e) => setInicio(e.target.value)}
+                size="sm"
+              />
+            </div>
+            <div className="col-md-2">
+              <Form.Control
+                defaultValue={Fin}
+                type="date"
+                name="Fin"
+                placeholder="Fin"
+                title="Fin"
+                alt="Fin"
+                onChange={(e) => setFin(e.target.value)}
+                size="sm"
+              />
+            </div>
+            <div className="col-md-1 right-label">
+              <Form.Label size="sm">Tipo oper</Form.Label>
+            </div>
+            <div className="col-md-1">
+              <Form.Control
+                as="select"
+                onChange={(e) => setTipoOperacion(parseInt(e.target.value))}
+                className="form-select form-select-sm"
+              >
+                <option value="1">Importacion</option>
+                <option value="2">Exportacion</option>
+              </Form.Control>
+            </div>
+            <div className="col-md-1 right-label">
+              <Form.Label size="sm">Cliente</Form.Label>
+            </div>
+            <div className="col-md-4">
+              <Form.Control
+                as="select"
+                onChange={(e) => {
+                  setCliente(parseInt(e.target.value))
+                }}
+                className="form-select form-select-sm"
+              >
+                <option value="0">-SELECCIONE-</option>
+                {Clientes
+                  ? Clientes.map((c) => {
+                      return c.agrupado === 1 ? (
+                        <option value={c.sClave}>{c.sRazonSocial}</option>
+                      ) : (
+                        ''
+                      )
+                    })
+                  : null}
+              </Form.Control>
+            </div>
+            <div className="col-md-1 right-label">
+              <Button
+                variant="primary"
+                size="sm"
+                onClick={() => {
+                  generaReporte()
+                }}
+              >
+                <BsSearch />
+                &nbsp;Buscar
+              </Button>
+            </div>
+          </div>
+          <div className="row" style={{ paddingTop: 5 }}>
+            <div className="col">&nbsp;</div>
+            <div className="col-4">
+              <Form.Control
+                type="text"
+                size="sm"
+                placeholder="Search..."
+                onChange={(e) => {
+                  filtraReporte(e)
+                }}
+              />
+            </div>
+            <div className="col">
+              <Button
+                size="sm"
+                variant="success"
+                onClick={() => {
+                  downloadExcel()
+                }}
+              >
+                <BsFileEarmarkExcel />
+                &nbsp;Excel
+              </Button>
+            </div>
+          </div>
+        </Card.Body>
+      </Card>
+      <br />
+      <div className="ag-theme-alpine" style={{ height: 500, width: '100%' }}>
+        <AgGridReact
+          rowData={filteredData}
+          columnDefs={columnDefs}
+          pagination={true}
+          paginationAutoPageSize={true}
+          ref={gridRef}
+          rowSelection={'multiple'}
+          rowMultiSelectWithClick={true}
+          onCellClicked={(e) => getAE(e)}
+        ></AgGridReact>
+      </div>
+      <MsgInformativo
+        show={show}
+        msg={msg}
+        header={header}
+        msgColor={msgColor}
+        closeToast={closeToast}
+      />
+    </div>
+  )
+}
+export default RptArcosa

src/Components/Reportes/RptContsFacturasFraccion.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react'
 //boostrap componentes
 import { Button, Card, Form } from 'react-bootstrap'
+import { BsSearch, BsFileEarmarkExcel } from 'react-icons/bs'
 
 //interfaces
 
@@ -238,7 +239,7 @@ export default function RptPFacturasFraccion() {
                   generaReporte()
                 }}
               >
-                Buscar
+                Buscar <BsSearch />
               </Button>
             </div>
 
@@ -263,7 +264,7 @@ export default function RptPFacturasFraccion() {
                   downloadExcel()
                 }}
               >
-                Excel
+                Excel <BsFileEarmarkExcel />
               </Button>
             </div>
           </div>

src/Components/Reportes/RptFacturasPedimentosPagados.tsx

@@ -0,0 +1,322 @@
+import React, { FC, useEffect, useState } from 'react'
+// Bootstrap components
+import { Button, Card, Form } from 'react-bootstrap'
+import { BsSearch, BsFileEarmarkExcel } from 'react-icons/bs'
+// Interfaces
+import IClientes from '../../Interfaces/Catalogos/IClientes'
+import IArchivoElectronico from '../../Interfaces/IArchivoElectronico'
+// DTOs
+import DTOReporte from '../../DTO/DTOReporte'
+// Services
+import reportsDataService from '../../Services/Reportes/reportes.services'
+import ClientesDataService from '../../Services/Catalogos/Clientes.Services'
+
+import { useDispatch } from 'react-redux'
+import { setArchivoElectronico } from '../../store/features/Reportes/ArchivoElectronico'
+// GUI components
+import { MsgInformativo } from '../Utils/Toast/msgInformativo'
+import { AgGridReact } from 'ag-grid-react'
+import { RowClickedEvent } from 'ag-grid-community'
+import { TargetURL } from '../../Constants/TargetURL'
+//Other
+import moment from 'moment'
+import * as XLSX from 'xlsx'
+import IRptFacturasPedimentosPagados from '../../Interfaces/Reportes/IRptFacturasPedimentosPagados'
+interface IProps {}
+
+const RptFacturasPedimentosPagados: FC<IProps> = (props) => {
+  const [UserId, setUserId] = useState(() => {
+    const stickyValue = window.localStorage.getItem('UserId')
+    return stickyValue !== null ? JSON.parse(stickyValue) : 0
+  })
+  const [Data, setData] = useState<Array<IRptFacturasPedimentosPagados>>([])
+  const [filteredData, setFilteredData] = useState<
+    Array<IRptFacturasPedimentosPagados>
+  >([])
+  const [Inicio, setInicio] = useState(currentDate())
+  const [Fin, setFin] = useState(currentDate())
+  const [TipoOperacion, setTipoOperacion] = useState(1)
+  const [Cliente, setCliente] = useState(0)
+  const [Clientes, setClientes] = useState<Array<IClientes>>()
+  const [msgColor, setMsgColor] = React.useState('primary')
+  const [show, setShowMsg] = useState(false)
+  const [header, setHeader] = useState('')
+  const [msg, setMsg] = useState('')
+  const [filtro, setFiltro] = useState('')
+  const gridRef = React.useRef<any>(null)
+  const [columnaVerPDF, setcolumnaVerPDF] = useState(false)
+  const dispatch = useDispatch()
+  const [columnDefs] = useState([
+    {
+      field: 'referencia',
+      headerName: 'Referencia',
+      sortable: true,
+      filter: true,
+      width: 300
+    },
+    {
+      field: 'pedido',
+      headerName: 'Pedido',
+      sortable: true,
+      filter: true,
+      width: 300
+    },
+    {
+      field: 'factura',
+      headerName: 'Factura',
+      sortable: true,
+      filter: true,
+      width: 400
+    },
+    {
+      field: 'uuid',
+      headerName: 'UUID',
+      sortable: true,
+      filter: true,
+      width: 350
+    },
+    {
+      field: 'fecha',
+      headerName: 'Fecha',
+      sortable: true,
+      filter: true,
+      width: 300
+    },
+
+    {
+      field: 'razonSocial',
+      headerName: 'RazonSocial',
+      sortable: true,
+      filter: true,
+      width: 300
+    }
+  ])
+
+  function currentDate(): string {
+    var today = new Date()
+    var dd = String(today.getDate()).padStart(2, '0')
+    var mm = String(today.getMonth() + 1).padStart(2, '0') //January is 0!
+    var yyyy = today.getFullYear()
+    return yyyy + '-' + mm + '-' + dd
+  }
+
+  const closeToast = (show: boolean): void => {
+    setShowMsg(false)
+  }
+
+  const generaReporte = () => {
+    if (Cliente === 0) {
+      setHeader('Error')
+      setMsg('Seleccion el cliente')
+      setShowMsg(true)
+      return
+    }
+    const data: DTOReporte = {
+      Inicio: moment(Inicio).format('YYYY-MM-DD'),
+      Fin: moment(Fin).format('YYYY-MM-DD'),
+      TipoOperacion: TipoOperacion,
+      NoCliente: Cliente,
+      IdUsuario: UserId
+    }
+    reportsDataService
+      .getRptFacturasPedimentosPagados(data)
+      .then((response) => {
+        setData(response.data)
+        setFilteredData(response.data)
+        setHeader('Informativo')
+        setMsg('Se encontro la siguiente informacion...')
+        setShowMsg(true)
+      })
+      .catch((e: Error) => {
+        setHeader('Error')
+        setMsg('Ocurrio un error: ' + e)
+        setShowMsg(true)
+        return
+      })
+  }
+
+  useEffect(() => {
+    ClientesDataService.getAllClientes(parseInt(UserId))
+      .then((response) => {
+        setClientes(response.data)
+      })
+      .catch((e: Error) => {
+        setHeader('Error')
+        setMsg('Ocurrio un error: ' + e)
+        setShowMsg(true)
+        return
+      })
+  }, [])
+
+  const downloadExcel = () => {
+    exportExcel(Data, 'FacturasEnPedimentos')
+  }
+
+  function exportExcel(jsonData: any[], fileName: string): void {
+    let Heading = [
+      ['Referencia', 'Pedido', 'Factura', 'UUID', 'Fecha', 'RazonSocial']
+    ]
+    const wb = XLSX.utils.book_new()
+    const ws: XLSX.WorkSheet = XLSX.utils.json_to_sheet([])
+    XLSX.utils.sheet_add_aoa(ws, Heading)
+    XLSX.utils.sheet_add_json(ws, jsonData, { origin: 'A2', skipHeader: true })
+    XLSX.utils.book_append_sheet(wb, ws, 'Sheet1')
+    XLSX.writeFile(wb, fileName + '.xlsx')
+    var range = XLSX.utils.decode_range(ws['!ref?'])
+    for (var C = range.s.c; C <= range.e.c; ++C) {
+      var address = XLSX.utils.encode_col(C) + '1' // <-- first row, column number C
+      if (!ws[address]) continue
+      ws[address].v = ws[address].v.toUpperCase()
+    }
+  }
+
+  const filtraReporte = (e: any) => {
+    setFiltro(e.target.value)
+    gridRef.current.api.setQuickFilter(e.target.value)
+  }
+
+  async function getAE(e: any) {
+    if (e.column.colId === 'ver pedimento') {
+      setcolumnaVerPDF(true)
+    } else {
+      setcolumnaVerPDF(false)
+    }
+  }
+
+  const formatNumber = (number: string, digits: number) => {
+    number = parseFloat(number).toFixed(digits)
+    let value = Number(number).toLocaleString('en')
+    if (!value.indexOf('NaN')) return '0.00'
+    return value
+  }
+
+  return (
+    <div>
+      <Card>
+        <Card.Body>
+          <div className="row">
+            <div className="col-md-2">
+              <Form.Control
+                defaultValue={Inicio}
+                type="date"
+                name="Inicio"
+                placeholder="Inicio"
+                title="Inicio"
+                alt="Inicio"
+                data-date-format="YYYY-mm-dd"
+                onChange={(e) => setInicio(e.target.value)}
+                size="sm"
+              />
+            </div>
+            <div className="col-md-2">
+              <Form.Control
+                defaultValue={Fin}
+                type="date"
+                name="Fin"
+                placeholder="Fin"
+                title="Fin"
+                alt="Fin"
+                onChange={(e) => setFin(e.target.value)}
+                size="sm"
+              />
+            </div>
+            <div className="col-md-1 right-label">
+              <Form.Label size="sm">Tipo oper</Form.Label>
+            </div>
+            <div className="col-md-1">
+              <Form.Control
+                as="select"
+                onChange={(e) => setTipoOperacion(parseInt(e.target.value))}
+                className="form-select form-select-sm"
+              >
+                <option value="1">Importacion</option>
+                <option value="2">Exportacion</option>
+              </Form.Control>
+            </div>
+            <div className="col-md-1 right-label">
+              <Form.Label size="sm">Cliente</Form.Label>
+            </div>
+            <div className="col-md-4">
+              <Form.Control
+                as="select"
+                onChange={(e) => {
+                  setCliente(parseInt(e.target.value))
+                }}
+                className="form-select form-select-sm"
+              >
+                <option value="0">-SELECCIONE-</option>
+                {Clientes
+                  ? Clientes.map((c) => {
+                      return c.agrupado === 1 ? (
+                        <option value={c.sClave}>{c.sRazonSocial}</option>
+                      ) : (
+                        ''
+                      )
+                    })
+                  : null}
+              </Form.Control>
+            </div>
+            <div className="col-md-1 right-label">
+              <Button
+                variant="primary"
+                size="sm"
+                onClick={() => {
+                  generaReporte()
+                }}
+              >
+                <BsSearch />
+                &nbsp;Buscar
+              </Button>
+            </div>
+          </div>
+          <div className="row" style={{ paddingTop: 5 }}>
+            <div className="col">&nbsp;</div>
+            <div className="col-4">
+              <Form.Control
+                type="text"
+                size="sm"
+                placeholder="Search..."
+                onChange={(e) => {
+                  filtraReporte(e)
+                }}
+              />
+            </div>
+            <div className="col">
+              <Button
+                size="sm"
+                variant="success"
+                onClick={() => {
+                  downloadExcel()
+                }}
+              >
+                <BsFileEarmarkExcel />
+                &nbsp;Excel
+              </Button>
+            </div>
+          </div>
+        </Card.Body>
+      </Card>
+      <br />
+      <div className="ag-theme-alpine" style={{ height: 500, width: '100%' }}>
+        <AgGridReact
+          rowData={filteredData}
+          columnDefs={columnDefs}
+          pagination={true}
+          paginationAutoPageSize={true}
+          ref={gridRef}
+          rowSelection={'multiple'}
+          rowMultiSelectWithClick={true}
+          onCellClicked={(e) => getAE(e)}
+        ></AgGridReact>
+      </div>
+      <MsgInformativo
+        show={show}
+        msg={msg}
+        header={header}
+        msgColor={msgColor}
+        closeToast={closeToast}
+      />
+    </div>
+  )
+}
+export default RptFacturasPedimentosPagados

src/Components/Reportes/RptOperacionesPagadasMisionFood.tsx

@@ -0,0 +1,409 @@
+import React, { FC, useEffect, useState } from 'react'
+// Bootstrap components
+import { Button, Card, Form } from 'react-bootstrap'
+import { BsSearch, BsFileEarmarkExcel } from 'react-icons/bs'
+// Interfaces
+import IClientes from '../../Interfaces/Catalogos/IClientes'
+import IArchivoElectronico from '../../Interfaces/IArchivoElectronico'
+// DTOs
+import DTOReporte from '../../DTO/DTOReporte'
+// Services
+import reportsDataService from '../../Services/Reportes/reportes.services'
+import ClientesDataService from '../../Services/Catalogos/Clientes.Services'
+// Redux
+import { useDispatch } from 'react-redux'
+import { setArchivoElectronico } from '../../store/features/Reportes/ArchivoElectronico'
+// GUI components
+import { MsgInformativo } from '../Utils/Toast/msgInformativo'
+import { AgGridReact } from 'ag-grid-react'
+import { RowClickedEvent } from 'ag-grid-community'
+import { TargetURL } from '../../Constants/TargetURL'
+//Other
+import moment from 'moment'
+import * as XLSX from 'xlsx'
+import IRptOperacionesPagadasMisionFood from '../../Interfaces/Reportes/IRptOperacionesPagadasMisionFood'
+
+interface IProps {}
+
+const RptOperacionesPagadasMisionFood: FC<IProps> = (props) => {
+  const [UserId, setUserId] = useState(() => {
+    const stickyValue = window.localStorage.getItem('UserId')
+    return stickyValue !== null ? JSON.parse(stickyValue) : 0
+  })
+  const [Data, setData] = useState<Array<IRptOperacionesPagadasMisionFood>>([])
+  const [filteredData, setFilteredData] = useState<
+    Array<IRptOperacionesPagadasMisionFood>
+  >([])
+  const [Inicio, setInicio] = useState(currentDate())
+  const [Fin, setFin] = useState(currentDate())
+  const [TipoOperacion, setTipoOperacion] = useState(1)
+  const [Cliente, setCliente] = useState(0)
+  const [Clientes, setClientes] = useState<Array<IClientes>>()
+  const [msgColor, setMsgColor] = React.useState('primary')
+  const [show, setShowMsg] = useState(false)
+  const [header, setHeader] = useState('')
+  const [msg, setMsg] = useState('')
+  const [filtro, setFiltro] = useState('')
+  const gridRef = React.useRef<any>(null)
+  const [columnaVerPDF, setcolumnaVerPDF] = useState(false)
+  const dispatch = useDispatch()
+  const [columnDefs] = useState([
+    {
+      field: 'tipoOperacion',
+      headerName: 'TipoOperacion',
+      sortable: true,
+      filter: true
+    },
+    {
+      field: 'sPedimento',
+      headerName: 'Pedimento',
+      sortable: true,
+      filter: true
+    },
+    {
+      field: 'uuid',
+      headerName: 'UUID',
+      sortable: true,
+      filter: true,
+      width: 400
+    },
+    {
+      field: 'folioFactura',
+      headerName: 'FolioFactura',
+      sortable: true,
+      filter: true,
+      width: 500
+    },
+    {
+      field: 'dFechaFirmaBanco',
+      headerName: 'FechaFirmaBanco',
+      sortable: true,
+      filter: true
+    },
+    {
+      field: 'sRazonSocial',
+      headerName: 'RazonSocial',
+      sortable: true,
+      filter: true
+    },
+    { field: 'sRFC', headerName: 'RFC', sortable: true, filter: true },
+    {
+      field: 'sReferencia',
+      headerName: 'Referencia',
+      sortable: true,
+      filter: true
+    },
+
+    {
+      field: 'sEDocument',
+      headerName: 'EDocument',
+      sortable: true,
+      filter: true
+    },
+    {
+      field: 'sHRazonSocial',
+      headerName: 'SHRazonSocial',
+      sortable: true,
+      filter: true,
+      width: 300
+    },
+    {
+      field: 'sHidentificadorProv',
+      headerName: 'HidentificadorProv',
+      sortable: true,
+      filter: true,
+      width: 300
+    },
+    {
+      field: 'aa',
+      headerName: 'AA',
+      sortable: true,
+      filter: true
+    },
+    {
+      field: 'rfcaa',
+      headerName: 'RFCAA',
+      sortable: true,
+      filter: true
+    },
+    {
+      field: 'incoterm',
+      headerName: 'Incoterm',
+      sortable: true,
+      filter: true
+    },
+    {
+      field: 'caja',
+      headerName: 'Caja',
+      sortable: true,
+      filter: true
+    },
+    {
+      field: 'acuceDoda',
+      headerName: 'AcuceDoda',
+      sortable: true,
+      filter: true
+    },
+    {
+      field: 'transportista',
+      headerName: 'Transportista',
+      sortable: true,
+      filter: true,
+      width: 300
+    },
+    {
+      field: 'edocument',
+      headerName: 'Edocument',
+      sortable: true,
+      filter: true,
+      width: 1000
+    }
+  ])
+
+  function currentDate(): string {
+    var today = new Date()
+    var dd = String(today.getDate()).padStart(2, '0')
+    var mm = String(today.getMonth() + 1).padStart(2, '0') //January is 0!
+    var yyyy = today.getFullYear()
+    return yyyy + '-' + mm + '-' + dd
+  }
+
+  const closeToast = (show: boolean): void => {
+    setShowMsg(false)
+  }
+
+  const generaReporte = () => {
+    if (Cliente === 0) {
+      setHeader('Error')
+      setMsg('Seleccion el cliente')
+      setShowMsg(true)
+      return
+    }
+    const data: DTOReporte = {
+      Inicio: moment(Inicio).format('YYYY-MM-DD'),
+      Fin: moment(Fin).format('YYYY-MM-DD'),
+      TipoOperacion: TipoOperacion,
+      NoCliente: Cliente,
+      IdUsuario: UserId
+    }
+    reportsDataService
+      .getRptOPeracionesPagadasMisionFood(data)
+      .then((response) => {
+        setData(response.data)
+        setFilteredData(response.data)
+        setHeader('Informativo')
+        setMsg('Se encontro la siguiente informacion...')
+        setShowMsg(true)
+      })
+      .catch((e: Error) => {
+        setHeader('Error')
+        setMsg('Ocurrio un error: ' + e)
+        setShowMsg(true)
+        return
+      })
+  }
+
+  useEffect(() => {
+    ClientesDataService.getAllClientes(parseInt(UserId))
+      .then((response) => {
+        setClientes(response.data)
+      })
+      .catch((e: Error) => {
+        setHeader('Error')
+        setMsg('Ocurrio un error: ' + e)
+        setShowMsg(true)
+        return
+      })
+  }, [])
+
+  const downloadExcel = () => {
+    exportExcel(Data, 'OperacionesPagadasMissionFood')
+  }
+
+  function exportExcel(jsonData: any[], fileName: string): void {
+    let Heading = [
+      [
+        'TipoOperacion',
+        'Pedimento',
+        'UUID',
+        'FolioFactura',
+        'FechaFirmaBanco',
+        'RazonSocial',
+        'RFC',
+        'Referencia',
+        'EDocument',
+        'HRazonSocial',
+        'HidentificadorProv',
+        'AA',
+        'RFCAA',
+        'Incoterm',
+        'Caja',
+        'AcuceDoda',
+        'Transportista',
+        'Edocument'
+      ]
+    ]
+    const wb = XLSX.utils.book_new()
+    const ws: XLSX.WorkSheet = XLSX.utils.json_to_sheet([])
+    XLSX.utils.sheet_add_aoa(ws, Heading)
+    XLSX.utils.sheet_add_json(ws, jsonData, { origin: 'A2', skipHeader: true })
+    XLSX.utils.book_append_sheet(wb, ws, 'Sheet1')
+    XLSX.writeFile(wb, fileName + '.xlsx')
+    var range = XLSX.utils.decode_range(ws['!ref?'])
+    for (var C = range.s.c; C <= range.e.c; ++C) {
+      var address = XLSX.utils.encode_col(C) + '1' // <-- first row, column number C
+      if (!ws[address]) continue
+      ws[address].v = ws[address].v.toUpperCase()
+    }
+  }
+
+  const filtraReporte = (e: any) => {
+    setFiltro(e.target.value)
+    gridRef.current.api.setQuickFilter(e.target.value)
+  }
+
+  async function getAE(e: any) {
+    if (e.column.colId === 'ver pedimento') {
+      setcolumnaVerPDF(true)
+    } else {
+      setcolumnaVerPDF(false)
+    }
+  }
+
+  const formatNumber = (number: string, digits: number) => {
+    number = parseFloat(number).toFixed(digits)
+    let value = Number(number).toLocaleString('en')
+    if (!value.indexOf('NaN')) return '0.00'
+    return value
+  }
+
+  return (
+    <div>
+      <Card>
+        <Card.Body>
+          <div className="row">
+            <div className="col-md-2">
+              <Form.Control
+                defaultValue={Inicio}
+                type="date"
+                name="Inicio"
+                placeholder="Inicio"
+                title="Inicio"
+                alt="Inicio"
+                data-date-format="YYYY-mm-dd"
+                onChange={(e) => setInicio(e.target.value)}
+                size="sm"
+              />
+            </div>
+            <div className="col-md-2">
+              <Form.Control
+                defaultValue={Fin}
+                type="date"
+                name="Fin"
+                placeholder="Fin"
+                title="Fin"
+                alt="Fin"
+                onChange={(e) => setFin(e.target.value)}
+                size="sm"
+              />
+            </div>
+            <div className="col-md-1 right-label">
+              <Form.Label size="sm">Tipo oper</Form.Label>
+            </div>
+            <div className="col-md-1">
+              <Form.Control
+                as="select"
+                onChange={(e) => setTipoOperacion(parseInt(e.target.value))}
+                className="form-select form-select-sm"
+              >
+                <option value="1">Importacion</option>
+                <option value="2">Exportacion</option>
+              </Form.Control>
+            </div>
+            <div className="col-md-1 right-label">
+              <Form.Label size="sm">Cliente</Form.Label>
+            </div>
+            <div className="col-md-4">
+              <Form.Control
+                as="select"
+                onChange={(e) => {
+                  setCliente(parseInt(e.target.value))
+                }}
+                className="form-select form-select-sm"
+              >
+                <option value="0">-SELECCIONE-</option>
+                {Clientes
+                  ? Clientes.map((c) => {
+                      return c.agrupado === 1 ? (
+                        <option value={c.sClave}>{c.sRazonSocial}</option>
+                      ) : (
+                        ''
+                      )
+                    })
+                  : null}
+              </Form.Control>
+            </div>
+            <div className="col-md-1 right-label">
+              <Button
+                variant="primary"
+                size="sm"
+                onClick={() => {
+                  generaReporte()
+                }}
+              >
+                <BsSearch />
+                &nbsp;Buscar
+              </Button>
+            </div>
+          </div>
+          <div className="row" style={{ paddingTop: 5 }}>
+            <div className="col">&nbsp;</div>
+            <div className="col-4">
+              <Form.Control
+                type="text"
+                size="sm"
+                placeholder="Search..."
+                onChange={(e) => {
+                  filtraReporte(e)
+                }}
+              />
+            </div>
+            <div className="col">
+              <Button
+                size="sm"
+                variant="success"
+                onClick={() => {
+                  downloadExcel()
+                }}
+              >
+                <BsFileEarmarkExcel />
+                &nbsp;Excel
+              </Button>
+            </div>
+          </div>
+        </Card.Body>
+      </Card>
+      <br />
+      <div className="ag-theme-alpine" style={{ height: 500, width: '100%' }}>
+        <AgGridReact
+          rowData={filteredData}
+          columnDefs={columnDefs}
+          pagination={true}
+          paginationAutoPageSize={true}
+          ref={gridRef}
+          rowSelection={'multiple'}
+          rowMultiSelectWithClick={true}
+          onCellClicked={(e) => getAE(e)}
+        ></AgGridReact>
+      </div>
+      <MsgInformativo
+        show={show}
+        msg={msg}
+        header={header}
+        msgColor={msgColor}
+        closeToast={closeToast}
+      />
+    </div>
+  )
+}
+export default RptOperacionesPagadasMisionFood

src/Interfaces/Facturacion/Anexo/IConsolidadosSinFirmaBanco.ts

@@ -0,0 +1,7 @@
+export default interface IConsolidadosSinFirmaBanco{
+    referencia: string, 
+    fechaPago: string, 
+    firmaValidacion: string, 
+    firmaBanco: string
+
+}

src/Interfaces/Reportes/IRptArcosa.ts

@@ -0,0 +1,18 @@
+export default interface IRptArcosa{
+    Patente: string, 
+    Pedimento: string, 
+    PagoPedimento: string, 
+    Regimen: string, 
+    ValorDls: Number, 
+    ValorAduana: Number, 
+    Aduana: Number, 
+    Planta: string, 
+    DTA: string,
+    PREV : string 
+    IVA: string, 
+    IGI : string, 
+    CC: string, 
+    Total : number
+
+}
+

src/Interfaces/Reportes/IRptFacturasPedimentosPagados.ts

@@ -0,0 +1,10 @@
+export default interface IRptFacturasPedimentosPagados{
+
+Referencia: string 
+Pedido: string
+Factura: string
+UUID: string
+Fecha : string 
+RazonSocial : string
+
+}

src/Interfaces/Reportes/IRptOperacionesPagadasMisionFood.ts

@@ -0,0 +1,24 @@
+export default interface IRptOperacionesPagadasMissionFood {
+
+TipoOperacion : string, 
+sPedimento: string, 
+UUID :string, 
+FolioFactura : string,
+dFechaFirmaBanco : string, 
+sRazonSocial : string, 
+sRFC : string, 
+sRefrencia : string, 
+sEDocument : string, 
+sHRazonSocial : string, 
+sHidentificadorProv : string, 
+AA : string, 
+RFCAA : string, 
+Incoterm : string, 
+Caja : string, 
+AcuceDoda : string, 
+Transportista : string, 
+Edocument : string
+}
+
+
+

src/Services/Operaciones/Operaciones.Services.ts

@@ -1,6 +1,8 @@
 import http from '../common/http-common'
 import IConsolidadosSinCerrar from '../../Interfaces/Facturacion/Anexo/IConsolidadosSinCerrar'
 import DTOAnexoFacturacionMission from '../../DTO/Facturacion/Anexo/DTOAnexoFacturacionMission'
+import IConsolidadosSinFirmaBanco from '../../Interfaces/Facturacion/Anexo/IConsolidadosSinFirmaBanco'
+
 
 class OperacionesDataService {
   Get() {
@@ -8,5 +10,20 @@ class OperacionesDataService {
       `/AnexoFacturacion/GetRptConsolidadosSinCerrar`
     )
   }
+  
+  OperacionesSinFirmaBancoGet(){
+      return http.post<IConsolidadosSinFirmaBanco[]>(
+        `/AnexoFacturacion/GetRptConsolidadosSinFirmaBanco`
+      )
   }
+
+
+
+
+}
+
+
+
+
+
 export default new OperacionesDataService()

src/Services/Reportes/reportes.services.ts

@@ -19,6 +19,10 @@ import {  IRptMonitoreoFacturaPagadasAmazon  } from '../../Interfaces/Reportes/I
 import DTORPTMonitorFacturasPagAmazon from '../../DTO/Utils/DTORPTMonitorFacturasPagAmazon'
 import { IRptFacturasFraccion } from '../../Interfaces/Reportes/IRptContsFacturasFraccion'
 import { data } from 'cypress/types/jquery'
+import IRptMision from '../../Interfaces/Reportes/IRptOperacionesPagadasMisionFood'
+import IRptOperacionesPagadasMissionFood from '../../Interfaces/Reportes/IRptOperacionesPagadasMisionFood'
+import IRptFacturasPedimentosPagados from '../../Interfaces/Reportes/IRptFacturasPedimentosPagados'
+import IRptArcosa from '../../Interfaces/Reportes/IRptArcosa'
 class reportsDataService {
   getRptPedimentosPagados(data: DTOReporte) {
     return http.post<Array<IRptPedimentosPagados>>(
@@ -125,8 +129,23 @@ class reportsDataService {
     
   }
 
+  getRptOPeracionesPagadasMisionFood(data: DTOReporte) {
+    return http.post<Array<IRptOperacionesPagadasMissionFood>>(
+      '/reportes/RptOperacionesPagadasMissionFood', data
+    ); 
+  }
 
+ getRptFacturasPedimentosPagados(data: DTOReporte){
+  return http.post<Array<IRptFacturasPedimentosPagados>>(
+    '/reportes/RptFacturasPedimetosPagados', data 
+  )
+ }
   
+ getRptArcosa(data: DTOReporte){
+  return http.post<Array<IRptArcosa>>(
+    '/reportes/RptArcosa', data 
+  ); 
+ }
   
 
 }

src/index.tsx

@@ -29,6 +29,7 @@ import RptArchivoElectronicoOficial from './Components/Reportes/RptArchivoElectr
 import RptBattery from './Components/Reportes/RptBattery'
 import RptControlDocumentosClientes from './Components/Reportes/RptControlDocumentosClientes'
 import RptConsolidadosSinCerrar from './Components/GEMCO/Facturacion/Anexo/RptConsolidadosSinCerrar'
+import RtpConsolidadosSinFirmaBanco from './Components/GEMCO/Facturacion/Anexo/RptConsolidadosSinFirmaBanco'
 import RptDetalleAnexo24 from './Components/Reportes/RptDetalleAnexo24'
 import RptFacturasTxtHeineken from './Components/Reportes/RptFacturasTxtHeineken'
 import Notificaciones from './Components/Utils/Notificaciones/Notificaciones'
@@ -65,6 +66,10 @@ import RptConsultaTrafico from './Components/Clientes/Amazon/Reportes/ConsultaTr
 import RptMonitoreoFacturasPagadasAmazon from './Components/Reportes/RptMonitoreoFacturasPagadasAmazon'
 import CatFraccionesVulnerables from './Components/Catalogos/CatFraccionesVulnerables/CatFraccionesVulnerables'
 import RptFacturasFraccion from './Components/Reportes/RptContsFacturasFraccion'
+import CatConceptosConsulta from './Components/Clientes/Amazon/Catalogos/CatConceptosConsulta'
+import RptOperacionesPagadasMisionFood from './Components/Reportes/RptOperacionesPagadasMisionFood'
+import RptFacturasPedimentosPagados from './Components/Reportes/RptFacturasPedimentosPagados'
+import RptArcosa from './Components/Reportes/RptArcosa'
 
 require(`./css/${process.env.REACT_APP_ENVIRONMENT}-home.css`)
 
@@ -140,6 +145,11 @@ ReactDOM.render(
               path="/RptConsolidadosSinCerrar"
               element={<RptConsolidadosSinCerrar />}
             />
+            <Route
+              path="/RptConsolidadosSinFirmaBanco"
+              element={<RtpConsolidadosSinFirmaBanco />}
+            />
+
             <Route
               path="/RptOperacionesDiarias"
               element={<RptOperacionesDiarias />}
@@ -155,6 +165,12 @@ ReactDOM.render(
               path="/CatFraccionesVulnerables"
               element={<CatFraccionesVulnerables />}
             />
+
+            <Route
+              path="/CatConceptosConsulta"
+              element={<CatConceptosConsulta />}
+            />
+
             <Route
               path="/Rpt1868Transportista"
               element={<Rpt1868Transportista />}
@@ -211,6 +227,12 @@ ReactDOM.render(
               path="/RptPedimentosPagadosFacturasCruzadas"
               element={<RptPedimentosPagadosFacturasCruzadas />}
             />
+
+            <Route
+              path="/RptOperacionesPagadasMisionFood"
+              element={<RptOperacionesPagadasMisionFood />}
+            />
+
             <Route
               path="/RptMonitoreoFacturasPagadasAmazon"
               element={<RptMonitoreoFacturasPagadasAmazon />}
@@ -239,12 +261,17 @@ ReactDOM.render(
               path="/RptPedimentosCruces06"
               element={<RptPedimentosCruces06 />}
             />
-
             <Route
               path="/RptConsFacturasFraccion"
               element={<RptFacturasFraccion />}
             />
 
+            <Route
+              path="/RptFacturasPedimentosPagados"
+              element={<RptFacturasPedimentosPagados />}
+            />
+            <Route path="/RptArcosa" element={<RptArcosa />} />
+
             <Route path="*" element={<PageNotFound />} />
           </Route>
         </Routes>

src/store/features/Clientes/2096/AmazonCatConceptosConsulta.ts

@@ -0,0 +1,50 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit'
+import ICat2096CatConceptosConsulta from '../../../../Components/Clientes/Amazon/Interfaces/I2096CatConceptosConsulta'
+const CatConcetosConsulta: ICat2096CatConceptosConsulta[] = []
+const initialState = { CatConcetosConsulta }
+
+export const CatConceptosConsultaSlice = createSlice({
+  name: 'CatConceptosConsulta',
+  initialState: initialState,
+  reducers: {
+    initializeCatConcetosConsulta: (state, action: PayloadAction<ICat2096CatConceptosConsulta[]>) => {
+      state.CatConcetosConsulta = action.payload
+    },
+    populateCatConcetosConsultas: (state, action: PayloadAction<ICat2096CatConceptosConsulta[]>) => {
+      action.payload.forEach((newItem) => {
+        var Existe = state.CatConcetosConsulta.find(function (onMemoryItem) {
+          return onMemoryItem.id === newItem.id
+        })
+        if (!Existe) state.CatConcetosConsulta.push(newItem)
+      })
+    },
+    addCatConcetosConsulta: (state, action: PayloadAction<ICat2096CatConceptosConsulta>) => {
+      var Existe = state.CatConcetosConsulta.find(function (item) {
+        return item.id === action.payload.id
+      })
+      if (!Existe) state.CatConcetosConsulta.push(action.payload)
+    },
+    updateCatConcetosConsulta: (state, action: PayloadAction<ICat2096CatConceptosConsulta>) => {
+      const i = state.CatConcetosConsulta.findIndex(
+        (_element) => _element.id === action.payload.id
+      )
+      if (i > -1) state.CatConcetosConsulta[i] = action.payload
+      else state.CatConcetosConsulta.push(action.payload)
+    },
+    updateCatConcetosConsultaDetail: (state, action: PayloadAction<ICat2096CatConceptosConsulta>) => {
+      const i = state.CatConcetosConsulta.findIndex(
+        (_element) => _element.id === action.payload.id
+      )
+      if (i > -1) state.CatConcetosConsulta[i] = action.payload
+      else state.CatConcetosConsulta.push(action.payload)
+    },
+    deleteCatConcetosConsulta: (state, action: PayloadAction<number>) => {
+      const newArr = state.CatConcetosConsulta.filter((data) => data.id != action.payload)
+      state.CatConcetosConsulta = newArr
+    }
+  }
+})
+
+export const { initializeCatConcetosConsulta, addCatConcetosConsulta, populateCatConcetosConsultas, updateCatConcetosConsulta, deleteCatConcetosConsulta } =
+  CatConceptosConsultaSlice.actions
+export default CatConceptosConsultaSlice.reducer

src/store/store.ts

@@ -18,6 +18,7 @@ import CorresponsalesCuentasComplementariasEstatusSlice from './features/Corresp
 import AmazonInvoicesSlice from './features/Clientes/2096/AmazonInvoices'
 import AmazonNoPartesSlice from './features/Clientes/2096/AmazonNoPartes'
 import AmazonTraficoConsultaSlice  from './features/Clientes/2096/AmazonTraficoConsulta'
+import AmazonCatConceptosConsulta from './features/Clientes/2096/AmazonCatConceptosConsulta'
 
 
 
@@ -41,7 +42,8 @@ export const store = configureStore({
     CCueCompEstatus : CorresponsalesCuentasComplementariasEstatusSlice,
     AmazonInvoices : AmazonInvoicesSlice,
     AmazonNoPartes: AmazonNoPartesSlice,
-    AmazonTraficoConsulta: AmazonTraficoConsultaSlice 
+    AmazonTraficoConsulta: AmazonTraficoConsultaSlice,
+    AmazonCatConceptosConsulta: AmazonCatConceptosConsulta 
   }
 })