From 5c3df3c235674aeb80d0c9b2e280ac4d2256dc5c Mon Sep 17 00:00:00 2001
From: alfonso <agarcia@gemcousa.com>
Date: Tue, 26 Dec 2023 12:59:08 -0600
Subject: [PATCH] + Exception code selection option on the clasification items
 invoice

---
 .../Components/ComboSelect/ComboFraccion.tsx  |  88 ++++++++--
 .../Amazon/DTO/DTO2096FraccionDescripcion.ts  |   1 +
 .../Clientes/Amazon/Interfaces/I2096Detail.ts |   1 +
 .../RptAmazonPendingClasificationInvoices.tsx |  30 ++--
 .../RptPendingAnswerFromAmazon.tsx            | 153 +++++++++++++-----
 .../RptPendingAnswerFromAmazonDetail.tsx      | 105 ++++--------
 .../Amazon/Services/Amazon.Services.ts        |   7 +-
 7 files changed, 248 insertions(+), 137 deletions(-)

diff --git a/src/Components/Clientes/Amazon/Components/ComboSelect/ComboFraccion.tsx b/src/Components/Clientes/Amazon/Components/ComboSelect/ComboFraccion.tsx
index d4f9493..09db3e9 100644
--- a/src/Components/Clientes/Amazon/Components/ComboSelect/ComboFraccion.tsx
+++ b/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
@@ -209,7 +219,7 @@ export function ComboFraccion(props: IComboFraccionProps) {
             <option value="0"> </option>
             <option value="1"> = </option>
             <option value="2"> != </option>
-          {/*   <option value="5">BOT</option> */}
+            {/*   <option value="5">BOT</option> */}
           </>
         ) : (
           ''
@@ -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)
                 }}
diff --git a/src/Components/Clientes/Amazon/DTO/DTO2096FraccionDescripcion.ts b/src/Components/Clientes/Amazon/DTO/DTO2096FraccionDescripcion.ts
index cd34949..a3381a3 100644
--- a/src/Components/Clientes/Amazon/DTO/DTO2096FraccionDescripcion.ts
+++ b/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
diff --git a/src/Components/Clientes/Amazon/Interfaces/I2096Detail.ts b/src/Components/Clientes/Amazon/Interfaces/I2096Detail.ts
index 60867b7..0e5c644 100644
--- a/src/Components/Clientes/Amazon/Interfaces/I2096Detail.ts
+++ b/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
diff --git a/src/Components/Clientes/Amazon/Reportes/Clasification/Pending/RptAmazonPendingClasificationInvoices.tsx b/src/Components/Clientes/Amazon/Reportes/Clasification/Pending/RptAmazonPendingClasificationInvoices.tsx
index c9686c5..fe56f94 100644
--- a/src/Components/Clientes/Amazon/Reportes/Clasification/Pending/RptAmazonPendingClasificationInvoices.tsx
+++ b/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 = () => {
diff --git a/src/Components/Clientes/Amazon/Reportes/Clasification/WaitingAnswerFromAmazon/RptPendingAnswerFromAmazon.tsx b/src/Components/Clientes/Amazon/Reportes/Clasification/WaitingAnswerFromAmazon/RptPendingAnswerFromAmazon.tsx
index dbbb9fd..6de052d 100644
--- a/src/Components/Clientes/Amazon/Reportes/Clasification/WaitingAnswerFromAmazon/RptPendingAnswerFromAmazon.tsx
+++ b/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,18 @@ 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,15 +170,22 @@ export default function RptPendingAnswerFromAmazon(
       })
   }
 
+  const loadInvoiceData = (id: number) => {
+    setWaitingDialog(true)
+    loadDistinctExceptionCode(id)
+    generateResume(id)
+  }
+
   useEffect(() => {
     loadReport()
     loadProfiles()
+    loadExceptionCodeCatalog()
   }, [])
 
   const check4Updates = (IDInvoice: number) => {
     DSAmazon.SETInvoiceDetailRevalidateParts(IDInvoice)
       .then((response) => {
-         DSAmazon.AmazonInvoiceGET(IDInvoice)
+        DSAmazon.AmazonInvoiceGET(IDInvoice)
           .then((response) => {
             //console.log(JSON.stringify(response.data))
             dispatch(updateInvoice(response.data[0]))
@@ -240,25 +289,25 @@ export default function RptPendingAnswerFromAmazon(
       })
   }
 
-  const ApplyAnswerFiles2Invoice = () => {    
+  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) => {
-      loadReport()
-      setAmazonAnswerFile([])
-      setWaitingDialog(false)
-      setShowModal(false)
-    })
-    .catch((e: Error) => {
-      setAmazonAnswerFile([])
-      setIDFactura(0)
-      setHeader('Error')
-      setMsg('Ocurrio un error ' + e.toString())
-      setShowMsg(true)
-      return
-    })
+      .then((response) => {
+        loadReport()
+        setAmazonAnswerFile([])
+        setWaitingDialog(false)
+        setShowModal(false)
+      })
+      .catch((e: Error) => {
+        setAmazonAnswerFile([])
+        setIDFactura(0)
+        setHeader('Error')
+        setMsg('Ocurrio un error ' + e.toString())
+        setShowMsg(true)
+        return
+      })
   }
 
   return (
@@ -378,11 +427,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"
                                   >
@@ -810,10 +864,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>
@@ -838,17 +894,18 @@ export default function RptPendingAnswerFromAmazon(
                   variant={'danger'}
                   style={{ textAlign: 'center' }}
                 >
-                 <h4>Desea aplicar el archivo de respuesta de Amazon?</h4>
+                  <h4>Desea aplicar el archivo de respuesta de Amazon?</h4>
                 </Alert>
               </Col>
             </Row>
-            <Row style={{paddingTop:'30px'}}>
+            <Row style={{ paddingTop: '30px' }}>
               <Col xs={12}>&nbsp;</Col>
             </Row>
             <Row style={{ paddingTop: '15px' }}>
               <Col xs={6} style={{ textAlign: 'center' }}>
-              <Button
-                  variant="secondary" size="lg"
+                <Button
+                  variant="secondary"
+                  size="lg"
                   onClick={() => {
                     setShowModalAnswerFile(false)
                     setConfirmApplyAnswerFile(false)
@@ -858,12 +915,13 @@ export default function RptPendingAnswerFromAmazon(
                 </Button>
               </Col>
               <Col xs={6} style={{ textAlign: 'center' }}>
-              <Button
-                  variant="danger" size="lg"
+                <Button
+                  variant="danger"
+                  size="lg"
                   onClick={() => {
                     setShowModalAnswerFile(false)
                     ApplyAnswerFiles2Invoice()
-                    setConfirmApplyAnswerFile(false)                    
+                    setConfirmApplyAnswerFile(false)
                   }}
                 >
                   &nbsp;&nbsp;&nbsp;Si&nbsp;&nbsp;&nbsp;
@@ -889,7 +947,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 +955,25 @@ 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' }}>
@@ -925,7 +1000,7 @@ export default function RptPendingAnswerFromAmazon(
         </Modal.Body>
         <Modal.Footer></Modal.Footer>
       </Modal>
-      
+
       <MsgInformativo
         show={show}
         msg={msg}
diff --git a/src/Components/Clientes/Amazon/Reportes/Clasification/WaitingAnswerFromAmazon/RptPendingAnswerFromAmazonDetail.tsx b/src/Components/Clientes/Amazon/Reportes/Clasification/WaitingAnswerFromAmazon/RptPendingAnswerFromAmazonDetail.tsx
index db69d80..fd01c06 100644
--- a/src/Components/Clientes/Amazon/Reportes/Clasification/WaitingAnswerFromAmazon/RptPendingAnswerFromAmazonDetail.tsx
+++ b/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 : ''
@@ -142,41 +139,36 @@ export default function RptPendingAnswerFromAmazonDetail(
         return
       }
       DSAmazon.ValidaFraccionGET(Fraccion)
-      .then((response) => {
-        if (response.data.respuesta === 'Si') {
-          const data: DTO2096FraccionDescripcion = {
-            id: id,
-            fraccion: Fraccion,
-            cumplimientoNormativo: CumplimientoNormativo,
-            comentarios: Comentarios,
-            descripcionGEMCO: DescripcionGEMCO
+        .then((response) => {
+          if (response.data.respuesta === 'Si') {
+            const data: DTO2096FraccionDescripcion = {
+              id: id,
+              fraccion: Fraccion,
+              tipoConsulta: TipoConsulta,
+              cumplimientoNormativo: CumplimientoNormativo,
+              comentarios: Comentarios,
+              descripcionGEMCO: DescripcionGEMCO
+            }
+            DSAmazon.AutorizaItemFacturaAmazon(data)
+              .then((response) => {
+                editArray(id, !props.detail.autorizado)
+                setShowModal(false)
+              })
+              .catch((e: Error) => {})
+          } else {
+            alert(
+              'Esa fraccion no existe, favor de verificarla antes de guardarla'
+            )
+            return
           }
-          DSAmazon.AutorizaItemFacturaAmazon(data)
-            .then((response) => {
-              editArray(id, !props.detail.autorizado)
-              setShowModal(false)
-            })
-            .catch((e: Error) => {})
-        } else {
-          alert(
-            'Esa fraccion no existe, favor de verificarla antes de guardarla'
-          )
+        })
+        .catch((e: Error) => {
+          setHeader('Error')
+          setMsg('Ocurrio un error' + e.message.toString())
+          setShowMsg(true)
           return
-        }
-      })
-      .catch((e: Error) => {
-        setHeader('Error')
-        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>}
diff --git a/src/Components/Clientes/Amazon/Services/Amazon.Services.ts b/src/Components/Clientes/Amazon/Services/Amazon.Services.ts
index 08d2a84..fdbfca0 100644
--- a/src/Components/Clientes/Amazon/Services/Amazon.Services.ts
+++ b/src/Components/Clientes/Amazon/Services/Amazon.Services.ts
@@ -143,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
      })
@@ -293,5 +293,8 @@ class AmazonDataService {
   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()