+ Exception code selection option on the clasification items invoice

9 months ago · 5c3df3c235
parent a89472eb7d
commit 5c3df3c235
7 changed files with 248 additions and 137 deletions
--- 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)
                }}
--- 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
--- 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
--- 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 = () => {
--- 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}
--- 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>}
--- 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()