import React from 'react'; import { useEffect, useState } from 'react'; import { Descriptions, Badge, Layout, Row, Col, Card, Button, Space } 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 { UomEnum } from '@gtpl/shared-models/common-models'; import { useLocation } from 'react-router-dom'; import { PrinterOutlined } from '@ant-design/icons'; import { isRgbColor } from 'class-validator'; import moment from 'moment'; import ReactHTMLTableToExcel from 'react-html-table-to-excel'; // import jsPDF from "jspdf"; // import "jspdf-autotable"; // import HtmlToDocx from 'html-docx'; /* eslint-disable-next-line */ export interface ShippingInstructionsProps { saleOrderId: number; } export function ShippingInstructions(props: ShippingInstructionsProps) { let location = useLocation(); const salOrderService = new SaleOrderService(); const [plantDetails, setPlantDetails] = useState(); const soId = location.state; let totalCases = 0; let totalLbWeight = 0; let totalAmount = 0; let totalGrossWeight = 0; let totalCartons = 0; let finalWeight = 0; 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); }); }; useEffect(() => { if (props.saleOrderId) { getData(props.saleOrderId); } }, [props.saleOrderId]) let exporterDetails = ExporterDataInput; const exporterData = exporterDetails.find( (item) => item.value == plantDetails?.exporterId ); 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; } }; // const generatePDF = () => { // // const input = document.getElementById("printme"); // // var doc = new jsPDF('p', 'mm', 'a1'); // // doc.html(input, { html2canvas: { scale: 0.57 } }).then(() => { // // doc.save("test.doc"); // // }); // HtmlToDocx({ // exportElement: '#printme', // exportFileName: 'ShippingInstructions.docx', // StringStyle: '', // // margins:{top: 1200,right: 1200,bottom: 1200,left: 1200,header: 720,footer: 720,gutter: 0} // }) // } return ( <> {plantDetails ? <>
{/* */}
{ plantDetails?.saleOrderItems?.length ? plantDetails?.saleOrderItems.map(item => { const uom = UnitsOfWeightInput.find(uom => uom.value == item.uomId); let totWeight = 0; if (uom.name == UomEnum.LB || uom.name == UomEnum.OZ) { totWeight = item.netWeight; } else { totWeight = item.netWeight * 2.20462; } finalWeight = Number(finalWeight) + Number(totWeight); } ) : ''} {/*

SHIPPING INSTRUCTIONS

SHIPPER:

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


{(exporterData?.addressOne) ? exporterData?.addressOne + ',' : ''}
{(exporterData?.addressTwo) ? (exporterData?.addressTwo) + ' - ' + exporterData?.postalCode : ''}
{exporterData?.state + ', ' + exporterData?.country} 		TYPE OF B/L: ORIGINAL{' '}
BOOKING NUMBER:

BL Remarks: Please arrange Freight Invoice in USD currency and all local charges in INR.






Consignee:{' '}
TO THE ORDER {/*
{plantDetails?.saleOrderItems[0]?.customeraddress?}
FDA Registration No.16502951940 */} {/*
JP MORGAN CHASE & CO.
10 S. DEARBORN,
CHICAGO, IL 60603-2300
*/} 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.{plantDetails?.unitData?.fdaRegNumber}
Notify party
{/* {plantDetails?.saleOrderItems[0]?.deliveryaddress}


*/} ROD INTERNATIONAL CHB SERVICES LLC
10330 PIONEER BLVD, SUITE 200
SANTA FE SPRINGS, CA 90670, USA.
TEL: (562)622-0715, FAX: (562)622-0745
Vessel and Voyage No. {plantDetails?.vesselName} {Number(Number(finalWeight) * 0.454).toFixed(3)} (IN KGS) Place of Receipt:{' '} VISAKHAPATNAM, INDIA
Port of Loading:{' '}
VISAKHAPATNAM, INDIA
Port of Discharge:{' '}
{plantDetails?.saleOrderItems[0]?.destinationDetails}, {plantDetails?.country}
Final place of Delivery:{' '}
{plantDetails?.saleOrderItems[0]?.destinationDetails}, {plantDetails?.country} {/* LOS ANGELES, USA */}
*/} { plantDetails?.saleOrderItems?.length ? plantDetails?.saleOrderItems.map(item => { console.log("item.grossWeight" + item.grossWeight); console.log("item.grossWeight" + item.cases); totalCartons += item.cases; // const uom = UnitsOfWeightInput.find(uom => uom.value == item.uomId); // let finalNetWeight; // if (uom.name == UomEnum.LB || uom.name == UomEnum.OZ) { // finalNetWeight = item.netWeight; // } else { // finalNetWeight = item.netWeight * 2.20462; // } // totalLbWeight += Number(finalNetWeight); // totalAmount += Number(item.revisedUnitPrice) * Number(finalNetWeight); // totalGrossWeight += Number(item.grossWeight); // console.log('totalGrossWeight' + totalGrossWeight); } ) : ''} {/*
Container Nos. Marks
& Numbers:

CARGO DETAILS

Gross Weight
CONTAINER NUMBER:

{plantDetails?.saleOrderItems[0]?.containerNo}


LINER SEAL NO.
{plantDetails?.saleOrderItems[0]?.linearSelaNo}

TOTAL {totalCartons} MASTER CARTONS :

{plantDetails?.saleOrderItems?.length ? plantDetails?.saleOrderItems.map(item => { totalCases += item.cases; const uom = UnitsOfWeightInput.find(uom => uom.value == item.uomId); let finalNetWeight = 0; if (uom.name == UomEnum.LB || uom.name == UomEnum.OZ) { finalNetWeight = item.netWeight; } else { finalNetWeight = item.netWeight * 2.20462; } totalLbWeight = Number(totalLbWeight) + Number(finalNetWeight); let itemGrossWeight = 0; if (uom.name == UomEnum.LB || uom.name == UomEnum.OZ) { itemGrossWeight = item.grossWeight; } else { itemGrossWeight = item.grossWeight * 2.20462; } totalGrossWeight += Number(itemGrossWeight); totalAmount += Number(item.revisedUnitPrice) * Number(finalNetWeight); let latinName = item.itemName === "Vannamei" ? "LITOPENAEUS" : item.itemName === "Black Tiger" ? "Black Tiger" : ""; let shrimp = item.itemName === "Vanname" ? "SHRIMP" : ""; return (

{totalCases} MASTER CARTONS OF
{item.foodTypeName.toUpperCase() + ' ' + item.valueAdditionOneIdName.toUpperCase() + ' ' + item.valueAdditionTwoIdName.toUpperCase()}
{item.valueAdditionThreeIdName.toUpperCase() + ' ' + item.itemName.toUpperCase() + ' ' + 'SHRIMPS ,' + item.valueAdditionFourIdName.toUpperCase() + ' ,'}
LATIN NAME: {`${latinName.toUpperCase()} ${item.itemName.toUpperCase()}`}
REF NO. SO-14485,
PACKINGS: {item.pouches + ' * ' + Number(item.pouchWeight) + ' ' + uom.name.toUpperCase()} = {(item.pouches) * (item.pouchWeight) + ' ' + uom.name.toUpperCase()}
PER MASTER CARTONS;


); } ) : ''}

TOTAL NET WEIGHT:
{/* {plantDetails?.saleOrderItems?.map(item => {return(

{(item.netWeight)?Number(item.netWeight).toFixed(3):0} LBS/{Number(totalLbWeight*0.454).toFixed(3)} KGS

)})} */} {(totalLbWeight) ? Number(Number(totalLbWeight).toFixed(3)) : 0} LBS/{Number(Number(totalLbWeight) * 0.454).toFixed(3)} KGS
TOTAL GROSS WEIGHT:
{/* {(totalLbWeight) ? Number(Number(totalLbWeight).toFixed(3)) : 0} LBS/{(Number(totalLbWeight) * 0.454).toFixed(3)} KGS */} {((Math.round((plantDetails?.saleOrderItems[0]?.grossWeightPerKg) * (plantDetails?.saleOrderItems[0]?.invoicedCases))) / 0.454).toFixed(3)} LBS/{(Math.round((plantDetails?.saleOrderItems[0]?.grossWeightPerKg) * (plantDetails?.saleOrderItems[0]?.invoicedCases))).toFixed(3)} KGS

INVOICE NO. {plantDetails?.invoiceNumber}
DATED : {moment(plantDetails?.invoiceDate).format('DD-MMM-YYYY')};
PO NO. {plantDetails.custPoNo};

PROCESSED AND PACKED BY:
{plantDetails?.invoicedPlant?.unitcodeName},
{plantDetails?.invoicedPlant?.villageName + ", " + plantDetails?.invoicedPlant?.mandalName}
{plantDetails?.invoicedPlant?.postalCode + ", " + plantDetails?.invoicedPlant?.distirctName}
{plantDetails?.invoicedPlant?.stateName + ", " + plantDetails?.invoicedPlant.countryName}
FDA Regestration Number:{plantDetails?.invoicedPlant?.fdaRegNumber};
FEI Number:{plantDetails?.invoicedPlant?.feiNumber};

Notify party -2:
{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. 16502951940;

SHIPPING BILL NO. {plantDetails?.blNO},
DATED: {moment(plantDetails.actualEdl).format("DD-MMM-YYYY")};

FREIGHT PREPAID
FULL CONTAINER LOAD
CY / CY
CONTAINER SET TEMPERATURE: MINUS 18 DEGREES CELSIUS

{(Number(totalGrossWeight * 0.454)).toLocaleString('en-IN', { minimumFractionDigits: 3, maximumFractionDigits: 3 })} (IN KGS)
*/} {/*
Total No.of Packages:
{totalCases} MASTER CARTONS

Total Weight(KGS)
GROSS WT:{Number(Number(totalGrossWeight) * 0.454).toFixed(3)} (KGS)

Freight:
PREPAID

BL Remarks: Please arrange Freight Invoice in USD currency and all local charges in INR.

*/}
INVOICING PARTY NAME AND ADDRESS:
{exporterData?.name}
{(exporterData?.addressOne) ? exporterData?.addressOne + ',' : ''}
{(exporterData?.addressTwo) ? (exporterData?.addressTwo) + ' - ' + exporterData?.postalCode : ''}
{exporterData?.state + ', ' + exporterData?.country}
GSTIN : 37AAJCS2286C1ZA

BL Remarks: Please arrange Freight Invoice in USD currency and all local charges in INR.

: SHIPPING INSTRUCTIONS} // extra={<> } style={{ textAlign: 'center' }} headStyle={{ backgroundColor: '#69c0ff' }}>No data found} // ); } export default ShippingInstructions;