import React, { useEffect, useState } from 'react'; import { Descriptions, Badge, Layout, Row, Col, Card, Button, Spin, Input } from 'antd'; import './documents.css'; import { SaleOrderService } from '@gtpl/shared-services/sale-management'; import { FactoriesInput, PlantInvoiceDetailsModel, PlantInvoiceDetailsRequest, UnitsOfWeightInput, } from '@gtpl/shared-models/sale-management'; import { AlertMessages } from '@gtpl/shared-utils/alert-messages'; import { ExporterDataInput } from '@gtpl/shared-models/logistics'; import { GlobalStatus, UomEnum } from '@gtpl/shared-models/common-models'; import { useLocation } from 'react-router-dom'; import { PrinterOutlined } from '@ant-design/icons'; import ReactHTMLTableToExcel from 'react-html-table-to-excel'; let converter = require('number-to-words'); import { numberToWords } from 'amount-to-words' import moment from 'moment'; import stampImage from "./stamp.png"; import signature from "./signature.png" /* eslint-disable-next-line */ export interface CommercialPackingListProps { saleOrderId: number; } export function CommercialPackingList(props: CommercialPackingListProps) { let location = useLocation(); const salOrderService = new SaleOrderService(); const [plantDetails, setPlantDetails] = useState(); const soId = location.state; const [remarksData, setRemarksData] = useState(undefined); const { TextArea } = Input; const defaultDeclaration = 'We declare that this invoice shows the actual price of the goods described and that all particulars are true and correct' let totalCases = 0; let totalLbWeight = 0; let totalGrossWeight = 0; let totalAmount = 0; let lbPouchWeight let kgPouchWeight const getData = (saleOrderId) => { const reqObj = new PlantInvoiceDetailsRequest(1); salOrderService.getPlantInvoiceDetails(new PlantInvoiceDetailsRequest(saleOrderId)).then((res) => { console.log(saleOrderId) if (res.status) { console.log(res.data); setPlantDetails(res.data); } else { if (res.intlCode) { setPlantDetails(undefined); AlertMessages.getErrorMessage(res.internalMessage); } else { AlertMessages.getErrorMessage(res.internalMessage); } } }) .catch((err) => { AlertMessages.getErrorMessage(err.message); setPlantDetails(undefined); }); }; console.log(plantDetails) const handleRemarks = (value) => { console.log(value); console.log(value.target.defaultValue); setRemarksData(value); } useEffect(() => { if (props.saleOrderId) { getData(props.saleOrderId); } // window.print(); }, [props.saleOrderId]) let exporterDetails = ExporterDataInput; const exporterData = exporterDetails.find( (item) => item.value == plantDetails?.exporterId ); console.log(exporterData,'dataaaaaaaaaaaaaaaa'); console.log(plantDetails,'plantssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss'); let unitInput = FactoriesInput; const unitsData = FactoriesInput.find(item => item.id == plantDetails?.unitId) const tableData = () => { const tableDataArray = []; for (const data of plantDetails?.saleOrderItems) { const tableDataArray = data; } }; return (
<> {/* */}
{plantDetails ? {/* */}

{ (plantDetails.notifyPartyTwo) ? : <> } { (plantDetails.notifyPartyThree) ? : <> } { (plantDetails.notifyPartyFour) ? : <> } {/* */} { plantDetails?.saleOrderItems?.map(item => { totalCases += item.cases; const uom = UnitsOfWeightInput.find(uom => uom.value == item.uomId); let finalNetWeight; let unitPrice; lbPouchWeight = Number(item.pouchWeight) kgPouchWeight = Number(item.pouchWeight) if (uom.name == UomEnum.OZ) { lbPouchWeight = lbPouchWeight * 0.0625 } if (uom.name == UomEnum.Gms) { kgPouchWeight = kgPouchWeight * 0.001 } if (plantDetails.isInvoiced == GlobalStatus.YES) { if (uom.name == UomEnum.LB || uom.name == UomEnum.OZ) { // finalNetWeight = Number(item.dispatchedQty) * 0.454; finalNetWeight = Number(item.dispatchedQty); unitPrice = (Number(item.revisedUnitPrice) / 0.454).toFixed(4); } else { // finalNetWeight = Number(item.dispatchedQty);. finalNetWeight = Number(item.dispatchedQty) * 2.20462; unitPrice = Number(item.revisedUnitPrice).toFixed(4); } } else { if (uom.name == UomEnum.LB || uom.name == UomEnum.OZ) { finalNetWeight = Number(item.netWeight); // finalNetWeight = Number(item.netWeight) * 0.454; unitPrice = (Number(item.unitPrice) / 0.454).toFixed(4); } else { finalNetWeight = Number(item.netWeight) * 2.20462; // finalNetWeight = Number(item.netWeight); unitPrice = Number(item.unitPrice).toFixed(4); } } totalLbWeight += Number(finalNetWeight); totalGrossWeight += (Number(item.grossWeightPerKg) * Number(item.invoicedCases)); totalAmount += Number(unitPrice) * Number(finalNetWeight); let latinName = item.itemName === "Vannamei" ? "LITOPENAEUS VANNAMEI" : item.itemName === "Black Tiger" ? "PENAEUS MONODON" : ""; // let shrimp = item.itemName === "Vanname"?"SHRIMP":""; let shrimp = "SHRIMPS"; let hasNumber = /\d/; let normalOrder = hasNumber.test(plantDetails?.buyerPoNo); let lotRefString = ''; let lotNo = ''; let RefNo = ''; if (normalOrder) { if (plantDetails?.lotCode) { lotNo = 'LOT NO. ' + plantDetails?.lotCode + ',' } if (plantDetails?.buyerPoNo) { RefNo = 'REF NO. ' + plantDetails?.buyerPoNo } lotRefString = lotNo + RefNo } return ( <> {/* */} {/* */} {/* */} ) } ) } {/* */} {/*













*/}     {/* */} {/*

PACKING LIST

Exporter:

{(exporterData?.name) ? exporterData?.name : ''}


{(exporterData?.addressOne) ? exporterData?.addressOne + ',' : ''}
{(exporterData?.addressTwo) ? (exporterData?.addressTwo) + ' - ' + exporterData?.postalCode : ''}
{exporterData?.state + ', ' + exporterData?.country}
Invoice No. {plantDetails?.invoiceNumber}
Date: {moment(plantDetails?.invoiceDate).format('DD-MMM-YYYY')} 		Exporter's Ref
IE Code {exporterData?.ieCode}
Buyer's Order No. PO NO. {plantDetails.custPoNo} {/*

Date:{moment(plantDetails?.actualEdl).format('Do MMMM, YYYY')}

*/}
PROCESSED & PACKED AT

{(exporterData?.name) ? exporterData?.name : ''}


{plantDetails?.invoicedPlant?.villageName + ", " + plantDetails?.invoicedPlant?.mandalName}
{plantDetails?.invoicedPlant?.postalCode + ", " + plantDetails?.invoicedPlant?.distirctName + ", " + plantDetails?.invoicedPlant?.stateName + ", " + plantDetails?.invoicedPlant?.countryName}
FDA REGISTRATION NUMBER :{plantDetails?.invoicedPlant?.fdaRegNumber}
{plantDetails?.invoicedPlant?.feiNumber ? <>FEI NUMBER:{plantDetails?.invoicedPlant?.feiNumber} : <>} 		Notify party 1 
{(plantDetails?.notifyPartyOne) ? plantDetails?.notifyPartyOne : ''}

 Notify party 2 
{(plantDetails?.notifyPartyTwo) ? (plantDetails?.notifyPartyTwo) : " "}

Notify party 3 
{(plantDetails?.notifyPartyThree) ? plantDetails?.notifyPartyThree : " "}
 Notify party 4 
{(plantDetails?.notifyPartyFour) ? plantDetails?.notifyPartyFour : " "}
Consignee:
AZ GEMS INC.
{plantDetails?.saleOrderItems[0]?.customeraddress?.split(",")[0] + ","}
{plantDetails?.saleOrderItems[0]?.customeraddress?.split(",")[1] + ","}
{plantDetails?.saleOrderItems[0]?.customeraddress?.split(",")[2] + ","}
{plantDetails?.saleOrderItems[0]?.customeraddress?.split(",")[3]}
FDA REGISTRATION NO. {unitsData?.consigneefdaRegNumber} 		Importer on record:
AZ GEMS INC
{plantDetails?.saleOrderItems[0]?.customeraddress?.split(",")[0] + ","}
{plantDetails?.saleOrderItems[0]?.customeraddress?.split(",")[1] + "," + plantDetails?.saleOrderItems[0]?.customeraddress?.split(",")[2] + "," + plantDetails?.saleOrderItems[0]?.customeraddress.split(",")[3]}
FDA REGISTRATION NO.{unitsData?.consigneefdaRegNumber}
Country of Origin of Goods:
INDIA 		Country of Final Destination:
{plantDetails?.country}{' '}
Pre Carriage By:

Road

 Place of Receipt of Pre-carrier: {(plantDetails?.placeOfReceipt) ? plantDetails?.placeOfReceipt : ' '} Terms of Delivery and Payment:
{plantDetails?.saleOrderItems[0]?.paymentTerms}
Vessel / Flight No. {(plantDetails?.vesselName) ? (plantDetails?.vesselName).toUpperCase() : ""} Port of Loading:
{plantDetails?.portofloading ? (plantDetails?.portofloading)?.toUpperCase() + ', INDIA' : ''} 		Container No.  {plantDetails?.saleOrderItems[0]?.containerNo}
Liner Seal No.  {plantDetails?.saleOrderItems[0]?.linearSelaNo}
Bill of Lading No.  {plantDetails?.trackingNo}
Port of Discharge:
{(plantDetails?.portOfDischarge ? (plantDetails?.portOfDischarge)?.toUpperCase() : '') + "," + (plantDetails?.country ? plantDetails?.country : '')} 		Final Destination:
{(plantDetails?.saleOrderItems[0]?.destinationDetails ? plantDetails?.saleOrderItems[0]?.destinationDetails : '') + ',' + (plantDetails?.country ? plantDetails?.country : '')}
Marks & Nos / No & Kind of Pkgs Description of Goods Quantity
IN LBS
NET WEIGHT 		Rate
PER KG
({plantDetails?.saleOrderItems[0]?.currencyDetails}) 		Amount
({plantDetails?.saleOrderItems[0]?.currencyDetails})
HSN Code Size No. Of Cartons
{item.pouches + ' * ' + ((uom.name == UomEnum.LB || uom.name == UomEnum.OZ) ? lbPouchWeight.toFixed(2) : kgPouchWeight.toFixed(2)) + " " + ((uom.name == UomEnum.LB || uom.name == UomEnum.OZ) ? 'LB' : 'KG')}
{Number(item.caseWeight).toFixed(2) + " " + ((uom.name == UomEnum.LB || uom.name == UomEnum.OZ) ? 'LB' : 'KG')}
{(uom.name == UomEnum.LB || uom.name == UomEnum.OZ) ? <>{(Number(item.caseWeight) * 0.454).toFixed(3) + ' KGS'} : <>}		 {item.hsnCode} {((item.foodTypeCode.toLocaleUpperCase('en-US').charAt(0) == "C") ? 'COOKED' : item.foodTypeName.toLocaleUpperCase('en-US')) + ' FROZEN ' + ((item.valueAdditionOneIdCode === 'EZPeel') ? ' HEADLESS ' : '') + item.valueAdditionOneIdName.toLocaleUpperCase('en-US') + ' ' + ( (!(([ 'HLSO', 'HOSO', 'EZPeel', 'N/A' ].indexOf(item.valueAdditionOneIdCode)) > -1) ? " AND " : '') ) + (item.valueAdditionTwoIdCode ? item.valueAdditionTwoIdName.toLocaleUpperCase('en-US') : '')}
{(item.valueAdditionThreeIdCode ? item.valueAdditionThreeIdName.toLocaleUpperCase('en-US') : '') + ' ' + (item.valueAdditionFiveIdCode ? item.valueAdditionFiveIdName.toLocaleUpperCase('en-US') : '') + ' ' + item.itemName.toLocaleUpperCase('en-US') + ' ' + shrimp.toUpperCase() + ',' + item.valueAdditionFourIdName.toLocaleUpperCase('en-US')}
{'LATIN NAME : ' + latinName.toUpperCase() + ' '}
{lotRefString}
{' BRAND : ' + item.displayBrandName?.toUpperCase()}
{plantDetails?.finNumber ? ('FPO#/FIN# ' + (plantDetails?.finNumber)) : ''}{plantDetails?.finNumber ?
: ''}
{item.minGrade + '/' + item.maxGrade} {item.cases} {(finalNetWeight) ? (Number(finalNetWeight)).toLocaleString(undefined, { minimumFractionDigits: 3, maximumFractionDigits: 3 }) : 0}{(unitPrice)} {(unitPrice * finalNetWeight).toFixed(2)}
Total {totalCases} {(totalLbWeight) ? Number(totalLbWeight).toLocaleString(undefined, { minimumFractionDigits: 3, maximumFractionDigits: 3 }) : 0}
Amount chargeable
(in words): U.S. DOLLARS {(totalAmount)?(toWords.convert(totalAmount, { currency: true })).replace("Rupees","").replace("Paise", "Cents").toUpperCase():""} 		Total USD {Number(totalAmount).toFixed(2)}

FREIGHT IN USD {plantDetails?.saleOrderItems[0]?.currencyDetails} :

FOB VALUE IN RS. :

FOB VALUE IN {plantDetails?.saleOrderItems[0]?.currencyDetails}:

EXCHANGE RATE: 1.00 ({plantDetails?.saleOrderItems[0]?.currencyDetails}) =

Declaration:
Supply Meant for Export Under Bond or Letter of Undertaking without Payment of Integrated Tax (IGST)

Total Amount Before Tax :

CGST @ 0% :
SGST @ 0% :
IGST @ 0%:

Total GST Amount :

Currency ({plantDetails?.saleOrderItems[0]?.currencyDetails})

{Number(totalAmount.toFixed(2))}
0.00
0.00
0.00
0.00

Total Amount After Tax :

{Number(totalAmount).toFixed(2)}
This Shipment is made under DUTY DRAW BACK SCHEME AS WELL AS UNDER RoDTEP SCHEME.
I/We, in regard to my/our claim under RoDTEP scheme made in this Shipping Bill or Bill of Export, hereby declare that:
1. I/ We undertake to abide by the provisions, including conditions, restrictions, exclusions and time-limits as provided under RoDTEP scheme, and relevant notifications, regulations, etc., as amended from time to time.
2. Any claim made in this shipping bill or bill of export is not with respect to any duties or taxes or levies which are exempted or credited under any other mechanism outside RoDTEP.
3. I/We undertake to preserve and make available relevant documents relating to the exported goods for the purposes of audit in the manner and for the time period prescribed in the Customs Audit Regulations, 2018.

IN LBS

IN KGS
{' '} TOTAL NET WEIGHT:{' '}

{(Math.trunc(totalLbWeight)).toLocaleString('en-US', { minimumFractionDigits: 3, maximumFractionDigits: 3 })}

{/*

{(Math.trunc(totalLbWeight / 0.454)).toFixed(3)}

*/} 		{/*

{(totalLbWeight).toFixed(3)}

*/}

{(totalLbWeight * 0.454).toLocaleString('en-US', { minimumFractionDigits: 3, maximumFractionDigits: 3 })}

 TOTAL NO. OF MASTER CARTONS:

{totalCases}
{' '} TOTAL GROSS WEIGHT: {/*

{(totalLbWeight)?Number(Number(totalLbWeight).toFixed(3)):0}

*/}

{Math.round((totalGrossWeight / 0.454) ? (totalGrossWeight / 0.454) : 0).toLocaleString('en-US', { minimumFractionDigits: 3, maximumFractionDigits: 3 })}

{(Math.round(totalGrossWeight ? totalGrossWeight : 0)).toLocaleString('en-US', { minimumFractionDigits: 3, maximumFractionDigits: 3 })}

 TOTAL AMOUNT (IN {plantDetails?.saleOrderItems[0]?.currencyDetails}):

{Number(totalAmount).toLocaleString('en-IN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}

*/}
Declaration :
Signature & Date For:

{exporterData?.name}


AUTHORISED SIGNATORY
: CUSTOMS INVOICE} // extra={<> } style={{ textAlign: 'center' }} headStyle={{ backgroundColor: '#69c0ff' }}>}
); } export default CommercialPackingList;