Ultima version funcional 14.Abr.2023

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

@@ -18,6 +18,7 @@ import I2096Detail from '../../Interfaces/I2096Detail'
 export interface IComboDescripcionProps {
   IDInvoice: number
   IDDetail: number
+  Prioridad?: boolean
   DescripcionOriginal: string
   Deshabilitado: boolean
   ConfirmaDescripcion: number
@@ -95,6 +96,7 @@ export function ComboDescripcion(props: IComboDescripcionProps) {
       noVuelta: Invoice.noVuelta,
       estatus: Invoice.estatus,
       max: true,
+      urgente: Invoice.urgente,
       detail: Detail
     }
     dispatch(updateInvoice(updatedInvoice))
@@ -151,7 +153,7 @@ export function ComboDescripcion(props: IComboDescripcionProps) {
     <div>
       <Form.Control
         as="select"
-        disabled={(props.Deshabilitado || props.Detail.validaFraccionOriginal === 3) && (Perfil!=='Clasificador Lider')}
+        disabled={(((props.Deshabilitado || props.Detail.validaFraccionOriginal === 3) && (Perfil!=='Clasificador Lider'))||((props.Detail.validaFraccionOriginal === 4)&&(!props.Prioridad)))}
         onChange={(e) => changeValidacion(parseInt(e.target.value))}
         value={Validacion}
       >

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

@@ -15,6 +15,7 @@ import DTO2096FraccionDescripcion from '../../DTO/DTO2096FraccionDescripcion'
 export interface IComboFraccionProps {
   IDInvoice: number
   IDDetail: number
+  Prioridad?: boolean,
   FraccionOriginal: string
   Deshabilitado: boolean
   ConfirmaFraccion: number
@@ -81,6 +82,7 @@ export function ComboFraccion(props: IComboFraccionProps) {
       noVuelta: Invoice.noVuelta,
       estatus: Invoice.estatus,
       max: true,
+      urgente: Invoice.urgente,
       detail: Detail
     }
     dispatch(updateInvoice(updatedInvoice))
@@ -133,14 +135,6 @@ export function ComboFraccion(props: IComboFraccionProps) {
   const saveFraccion = (Fracc: string) => {
     Fracc=Fracc.replaceAll('.','').replaceAll(' ','')
     if (Validacion === 2) {
-/*       if (CumplimientoNormativo.length === 0) {
-        setHeader('Error')
-        setMsg(
-          'Antes de poder guardar la informacion es necesario que proporcione el cumplimiento normativo'
-        )
-        setShowMsg(true)
-        return
-      } */
       if (Comentarios.length === 0) {
         setHeader('Error')
         setMsg(
@@ -163,7 +157,6 @@ export function ComboFraccion(props: IComboFraccionProps) {
       alert('La fraccion no puede estar vacia')
       return false
     }
-    //alert(Fracc)
     DSAmazon.ValidaFraccionGET(Fracc)
       .then((response) => {
         if (response.data.respuesta === 'Si') {
@@ -201,7 +194,7 @@ export function ComboFraccion(props: IComboFraccionProps) {
       <Form.Control
         as="select"
         className="form-select form-select-sm"
-        disabled={(props.Deshabilitado || props.Detail.validaFraccionOriginal === 3) && (Perfil!=='Clasificador Lider')}
+        disabled={(((props.Deshabilitado || props.Detail.validaFraccionOriginal === 3 ) && (Perfil!=='Clasificador Lider'))||((props.Detail.validaFraccionOriginal === 4)&&(!props.Prioridad)))}
         onChange={(e) => changeValidacion(parseInt(e.target.value))}
         value={Validacion}
       >

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

@@ -0,0 +1,26 @@
+export default interface DTO2096InvoiceStatus {
+    id: number
+    referencia: string
+    commercialInvoiceDate: string
+    invoiceNumber: string
+    name: string
+    trailerNumber: string
+    trailerId: string
+    porOfLoading: string
+    portOfEntry: string
+    paymentsTerms: string
+    incoterms: string
+    hawb: string
+    totalInvoiceQuantityUnitOfMeasure: string
+    totalInvoiceQuantity: number
+    totalInvoiceWeightUnitOfMeasure: string
+    totalInvoiceWeight: string
+    totalInvoiceValueChargeOrAllowance: string
+    totalInvoiceValueCurrencyISOCode: string
+    totalInvoiceValueMonetaryAmount: string,
+    fPago: string,
+    patente: string,
+    aduana: string,
+    pedimento: string,
+    estatus: string    
+}

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

@@ -27,5 +27,6 @@ export default interface I2096Headers {
   noVuelta: number
   estatus: number
   max: boolean
+  urgente: boolean
   detail: Detail[]
 }

src/Components/Clientes/Amazon/Reportes/Clasification/Finished/RptAmazonFinishedClasificationInvoicesDetail.tsx

@@ -91,6 +91,7 @@ export default function RptAmazonFinishedClasificationInvoicesDetail(
       noVuelta: Invoice.noVuelta,
       estatus: Invoice.estatus,
       max: true,
+      urgente: Invoice.urgente,
       detail: Detail
     }
     dispatch(updateInvoice(updatedInvoice))

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

@@ -32,7 +32,9 @@ import RtpAmazonPendingClasificationInvoicesDetail from './RptAmazonPendingClasi
 import ClasificatorAssign from './ClasificatorAssign'
 import { FcQuestions, FcSettings } from 'react-icons/fc'
 import { MFileManager } from '../../../../../Utils/MFileManager/MFileManager'
-import CorresponsalesTabuladoresServices from '../../../../../../Services/Corresponsalias/Corresponsales.Tabuladores.Services'
+import { AiFillWarning } from 'react-icons/ai'
+import { PrioritySelector } from '../PrioritySelector/PrioritySelector'
+
 export interface IRtpAmazonPendingInvoicesProps {}
 
 export default function RtpAmazonPendingInvoices(
@@ -58,7 +60,7 @@ export default function RtpAmazonPendingInvoices(
   const [ShowModalInvoiceFile, setShowModalInvoiceFile] = useState(false)
   const [IDProcess, setIDProcess] = useState(30)
   const [WaitingDialog, setWaitingDialog] = useState(false)
-  const [WaitingMessage, setWaitingMessage] = useState('')
+  const [WaitingMessage, setWaitingMessage] = useState('Generado...')
   const [ShowModal, setShowModal] = useState(false)
   const [ShowModalW, setShowModalW] = useState(false)
   const [msg, setMsg] = useState('')
@@ -332,6 +334,9 @@ export default function RtpAmazonPendingInvoices(
                   style={{ cursor: 'pointer' }}
                   title="Sube facturas enviadas por correo electronico"
                   onClick={() => {
+                    setWaitingMessage(
+                      'Actualizando informacion, espere, por favor...'
+                    )
                     setShowModalInvoiceFile(true)
                   }}
                 >
@@ -373,7 +378,13 @@ export default function RtpAmazonPendingInvoices(
                 <tr>
                   <th style={{ width: '50px' }}></th>
                   <th style={{ width: '50px' }}>id</th>
-                  <th style={{ width: '50px' }}></th>
+                  <th style={{ width: '50px', paddingRight:'20px' }}>
+                    <IconContext.Provider
+                      value={{ color: 'yellow', size: '20px' }}
+                    >
+                      <AiFillWarning />
+                    </IconContext.Provider>
+                  </th>
                   <th style={{ width: '50px' }}></th>
                   <th style={{ width: '80px' }}>Commercial Invoice Date</th>
                   <th style={{ width: '300px' }}>Invoice Number</th>
@@ -447,7 +458,9 @@ export default function RtpAmazonPendingInvoices(
                                 )}
                               </td>
                               <td>{MasterData.id}</td>
-                              <td></td>
+                              <td style={{textAlign:'left'}}>
+                                <PrioritySelector IDInvoice={MasterData.id} Priority={MasterData.urgente} />
+                              </td>
                               <td>
                                 <FormCheck
                                   id="switchTerminaFactura"
@@ -784,6 +797,7 @@ export default function RtpAmazonPendingInvoices(
                                                 return (
                                                   <RtpAmazonPendingClasificationInvoicesDetail
                                                     IDMaster={MasterData.id}
+                                                    Prioridad={MasterData.urgente}
                                                     detail={detail}
                                                     Deshabilitado={
                                                       detail.destinationHTSCode
@@ -920,7 +934,7 @@ export default function RtpAmazonPendingInvoices(
         </Modal.Header>
         <Modal.Body>
           <img src={loadingImg} style={{ height: '150px' }} alt="proccessing" />
-          Generando {WaitingMessage}...
+          {WaitingMessage}
         </Modal.Body>
         <Modal.Footer></Modal.Footer>
       </Modal>

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

@@ -31,6 +31,7 @@ import { BsFillChatRightTextFill } from 'react-icons/bs'
 
 export interface IRtpAmazonPendingInvoivesDetailProps {
   IDMaster: number
+  Prioridad: boolean,
   detail: I2096Detail
   Deshabilitado: boolean
 }
@@ -102,6 +103,7 @@ export default function RtpAmazonPendingInvoivesDetail(
       noVuelta: Invoice.noVuelta,
       estatus: Invoice.estatus,
       max: true,
+      urgente: Invoice.urgente,
       detail: Detail
     }
     dispatch(updateInvoice(updatedInvoice))
@@ -167,27 +169,6 @@ export default function RtpAmazonPendingInvoivesDetail(
         break
       }
     }
-    /*     switch(mode) {
-    case 1: {
-      // Background color
-      if (value === 1) return '#FFFAF2'
-      else if (value === 2) return '#E5F7B6'
-      else if (value === 3) return '#E9F3FC'
-      break
-    } case 2: {
-      // Border color
-      if (value === 1) return '2px solid #F9A721'
-      else if (value === 2) return '2px solid green'
-      else if (value === 3) return '2px solid blue'
-      break
-    } case 3: {
-      // Color
-      if (value === 1) return '#5923F6'
-      if (value === 2) return '#000000'
-      if (value === 3) return 'blue'
-      break
-    }
-  } */
   }
 
   return (
@@ -245,47 +226,6 @@ export default function RtpAmazonPendingInvoivesDetail(
           }}
           className="DetailData"
         >
-          {
-            /* props.detail.validaFraccionOriginal === 0 ? (
-            <IconContext.Provider
-              value={{
-                color: 'orange',
-                size: '20px'
-              }}
-            >
-              <FaQuestionCircle />
-            </IconContext.Provider>
-          ) : props.detail.validaFraccionOriginal === 1 ? (
-            <IconContext.Provider
-              value={{
-                color: 'green',
-                size: '20px'
-              }}
-            >
-              <FaCheckCircle />
-            </IconContext.Provider>
-          ) : */ props.detail.validaFraccionOriginal === 3 ? (
-              <IconContext.Provider
-                value={{
-                  color: 'blue',
-                  size: '20px'
-                }}
-              >
-                <FaCheckCircle />
-              </IconContext.Provider>
-            ) : (
-              ''
-            ) /* (
-            <IconContext.Provider
-              value={{
-                color: 'red',
-                size: '20px'
-              }}
-            >
-              <ImCross />
-            </IconContext.Provider>
-          ) */
-          }
         </td>
         <td
           style={{
@@ -297,10 +237,10 @@ export default function RtpAmazonPendingInvoivesDetail(
           <ComboFraccion
             IDInvoice={props.IDMaster}
             IDDetail={props.detail.id}
+            Prioridad={props.Prioridad}
             FraccionOriginal={props.detail.destinationHTSCode}
             ConfirmaFraccion={props.detail.confirmaFraccion}
             Deshabilitado={false}
-            /* Deshabilitado={props.detail.validaFraccionOriginal === 1} Lo cqambie el 23/Feb/2023 porque estaba deshabilitando el combo desde un principio*/
             Detail={props.detail}
           />
         </td>
@@ -342,6 +282,7 @@ export default function RtpAmazonPendingInvoivesDetail(
             /* Deshabilitado={props.detail.validaFraccionOriginal === 1}  Lo cambie por que en el primer estatus estaba deshabilitando el combo de lqa fraccion*/
             Deshabilitado={false}
             Detail={props.detail}
+            Prioridad={props.Prioridad}
           />
         </td>
         <td

src/Components/Clientes/Amazon/Reportes/Clasification/PrioritySelector/PrioritySelector.tsx

@@ -0,0 +1,87 @@
+import * as React from 'react'
+import { IconContext } from 'react-icons'
+import { MdInfo } from 'react-icons/md'
+import DSAmazon from '../../../Services/Amazon.Services'
+import { MsgInformativo } from '../../../../../Utils/Toast/msgInformativo'
+import { RootState } from '../../../../../../store/store'
+import {
+  initializeInvoice,
+  populateInvoices,
+  updateInvoice
+} from '../../../../../../store/features/Clientes/2096/AmazonInvoices'
+import { useDispatch, useSelector } from 'react-redux'
+import { useState } from 'react'
+import I2096Headers from '../../../Interfaces/I2096Header'
+
+export interface IPrioritySelectorProps {
+  IDInvoice: number,
+  Priority: boolean
+}
+
+export function PrioritySelector(props: IPrioritySelectorProps) {
+  const dispatch = useDispatch()
+  const mInvoices = useSelector(
+    (state: RootState) => state.AmazonInvoices.Invoice
+  )
+  const [Prioridad, setPrioridad] = React.useState(props.Priority)
+  const [show, setShowMsg] = useState(false)
+  const [header, setHeader] = useState('')
+  const [msg, setMsg] = useState('')
+  const msgColor = 'primary'
+
+  React.useEffect(() => {}, [])
+
+  const togglePriority = () => {
+    const newPrority=!Prioridad
+    DSAmazon.AmazonInvoicePrioritySET(props.IDInvoice, newPrority)
+    .then((response) => {
+      if (response.data) {
+        //dispatch(updateInvoice(response.data[0]))
+        setPrioridad(newPrority)
+        let Invoice: I2096Headers[] = response.data.filter(
+          (item) => item.id === props.IDInvoice
+        )
+        dispatch(updateInvoice(Invoice[0]))
+        setHeader('Importante')
+        setMsg('Se le ha cambiado la priodidad a esta factura')
+        return
+      }
+    })
+    .catch((e: Error) => {
+      setHeader('Error')
+      setMsg('Ocurrio un error')
+      return
+    })
+  }
+
+  return (
+    <div
+      onClick={() => {
+        togglePriority()
+      }}
+      style={{ width: '50px' }}
+    >
+      {Prioridad ? (
+        <IconContext.Provider value={{ color: '#DD0E0E', size: '25px' }}>
+          <MdInfo />
+        </IconContext.Provider>
+      ) : (
+        <img
+          src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
+          width="0"
+          height="0"
+          alt=""
+        />
+      )}
+       <MsgInformativo
+        show={show}
+        msg={msg}
+        header={header}
+        msgColor={msgColor}
+        closeToast={() => {
+          setShowMsg(false)
+        }}
+      />
+    </div>
+  )
+}

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

@@ -98,6 +98,7 @@ export default function RptPendingAnswerFromAmazonDetail(
       noVuelta: Invoice.noVuelta,
       estatus: Invoice.estatus,
       max: true,
+      urgente: Invoice.urgente,
       detail: Detail
     }
     dispatch(updateInvoice(updatedInvoice))

src/Components/Clientes/Amazon/Reportes/Estatus/RtpAmazonInvoiceStatus.tsx

@@ -22,6 +22,7 @@ import { FaAmazon } from 'react-icons/fa'
 import loadingImg from '../../../../../images/ajaxloader.gif'
 import { MFileManager } from '../../../../Utils/MFileManager/MFileManager'
 import DTO2096RptPayedOperations from '../../DTO/DTO2096RptPayedOperations'
+import DTO2096InvoiceStatus from '../../DTO/DTO2096InvoiceStatus'
 
 export interface IRptAmazonInvoiceStatusProps {
 }
@@ -33,9 +34,10 @@ export default function RptAmazonInvoiceStatus (props: IRptAmazonInvoiceStatusPr
     )
     const [header, setHeader] = useState('')
     const [Referencia, setReferencia] = useState('')
+    const [Factura, setFactura] = useState('')
     const [Inicio, setInicio] = useState(currentDate())
     const [Fin, setFin] = useState(currentDate())
-    const [Data, setData] = useState<DTO2096RptPayedOperations[]>([])
+    const [Data, setData] = useState<DTO2096InvoiceStatus[]>([])
     const [show, setShowMsg] = useState(false)
     const [ShowModal, setShowModal] = useState(false)
     const [WaitingDialog, setWaitingDialog] = useState(false)
@@ -56,12 +58,15 @@ export default function RptAmazonInvoiceStatus (props: IRptAmazonInvoiceStatusPr
     }
   
     const loadReport = () => {
-      DSAmazon.AmazonPayedOperationsGET(Inicio, Fin)
+      if (Factura.length==0) {
+        setHeader('Error')
+        setMsg('Para continuar, proporcione la factura a buscar')
+        setShowMsg(true)
+        return
+      }
+      DSAmazon.AmazonInvoiceStatusGET(Factura)
         .then((response) => {
-          console.log(response.data)
           setData(response.data)
-          /*  dispatch(initializeInvoice([]))
-          dispatch(populateInvoices(response.data)) */
         })
         .catch((e: Error) => {
           alert('Ocurrio un error' + e.message.toString())
@@ -159,10 +164,6 @@ export default function RptAmazonInvoiceStatus (props: IRptAmazonInvoiceStatusPr
         })
     }
   
-    useEffect(() => {
-      loadReport()
-    }, [])
-  
     return (
       <div>
         <Card>
@@ -177,30 +178,15 @@ export default function RptAmazonInvoiceStatus (props: IRptAmazonInvoiceStatusPr
                 </Card.Title>
               </Col>
               <Col></Col>
-              <Col style={{textAlign:'right'}}>Desde</Col>
+              <Col style={{textAlign:'right'}}>Factura</Col>
-              <Col xs={1}>
+              <Col xs={3}>
                 <Form.Control
-                  defaultValue={Inicio}
+                  defaultValue={Factura}
-                  type="date"
+                  name="Factura"
-                  name="Inicio"
+                  placeholder="Factura"
-                  placeholder="Inicio"
+                  title="Factura"
-                  title="Inicio"
+                  alt="Factura"
-                  alt="Inicio"
+                  onChange={(e) => setFactura(e.target.value)}
-                  data-date-format="YYYY-mm-dd"
-                  onChange={(e) => setInicio(e.target.value)}
-                  size="sm"
-                />
-              </Col>
-              <Col style={{textAlign:'right'}}>Hasta</Col>
-              <Col xs={1}>
-                <Form.Control
-                  defaultValue={Fin}
-                  type="date"
-                  name="Fin"
-                  placeholder="Fin"
-                  title="Fin"
-                  alt="Fin"
-                  onChange={(e) => setFin(e.target.value)}
                   size="sm"
                 />
               </Col>
@@ -237,6 +223,7 @@ export default function RptAmazonInvoiceStatus (props: IRptAmazonInvoiceStatusPr
                     <th>Patente</th>
                     <th>Aduana</th>
                     <th>Pedimento</th>
+                    <th>Estatus</th>
                   </tr>
                 </thead>
                 <tbody>
@@ -408,6 +395,9 @@ export default function RptAmazonInvoiceStatus (props: IRptAmazonInvoiceStatusPr
                               <td style={{ textAlign: 'center', width:'100px' }}>
                                 {MasterData.pedimento}
                               </td>
+                              <td style={{ textAlign: 'center', width:'200px' }}>
+                                {MasterData.estatus}
+                              </td>
                             </tr>
                           </>
                         )

src/Components/Clientes/Amazon/Reportes/Traffic/Linking/RptAmazonLinkInvoice2TrafficDetail.tsx

@@ -102,6 +102,7 @@ export default function RtpAmazonInvoice2TrafficDetail(
       noVuelta: Invoice.noVuelta,
       estatus: Invoice.estatus,
       max: true,
+      urgente: Invoice.urgente,
       detail: Detail
     }
     dispatch(updateInvoice(updatedInvoice))

src/Components/Clientes/Amazon/Reportes/Traffic/Pending/RptAmazonPendingTraficInvoiceDetail.tsx

@@ -83,6 +83,7 @@ export default function RptAmazonPendingTraficInvoiceDetail(
       noVuelta: Invoice.noVuelta,
       estatus: Invoice.estatus,
       max: true,
+      urgente: Invoice.urgente,
       detail: Detail
     }
     dispatch(updateInvoice(updatedInvoice))

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

@@ -18,6 +18,7 @@ import DTO2096TraficoFieldsUpdate from '../DTO/DTO2096TraficoFieldsUpdate'
 import DTO2096RELParteFactura from '../DTO/DTO2096RELParteFactura'
 import DTO2096RptPayedOperations from '../DTO/DTO2096RptPayedOperations'
 import DTO2096NoParteVerificacion from '../DTO/DTO2096NoParteVerificacion'
+import DTO2096InvoiceStatus from '../DTO/DTO2096InvoiceStatus'
 
 class AmazonDataService {
   AmazonPendingClasificationInvoiceGET() {
@@ -75,6 +76,14 @@ class AmazonDataService {
   AmazonPayedOperationsGET(Inicio: string, Fin: string) {
     return http.get<DTO2096RptPayedOperations[]>(`/AmazonInvoice/AmazonPayedOperationsGET?Inicio=${Inicio}&Fin=${Fin}`)
   }
+  AmazonInvoiceStatusGET(Invoice: string) {
+    return http.get<DTO2096InvoiceStatus[]>(`/AmazonInvoice/AmazonInvoiceStatusGET?Invoice=${Invoice}`)
+  }
+  AmazonInvoicePrioritySET(Id: number, Prioridad: boolean) {
+    return http.get<I2096Headers[]>(`/AmazonInvoice/AmazonInvoicePrioritySET?id=${Id}&prioridad=${Prioridad}`)
+  }
+
+
 
   RELParteFacturasGET(id: number) {
     return http.get<DTO2096RELParteFactura[]>(`/AmazonInvoice/RELParteFacturasGET?id=${id}`)