import { ExporterDataInput } from '@gtpl/shared-models/logistics'; import { PlantInvoiceDetailsModel, PlantInvoiceDetailsRequest, SaleOrderDetailViewInfoDTO, UnitsOfWeightInput } from '@gtpl/shared-models/sale-management'; import { SaleOrderService } from '@gtpl/shared-services/sale-management'; import { AlertMessages } from '@gtpl/shared-utils/alert-messages'; import { Button, Card, Table } from 'antd' import React, { useEffect, useState } from 'react' export interface ShipmentDetailsPreProps { saleOrderId: number; soData: SaleOrderDetailViewInfoDTO; } const ShipmentDetailsPreNew = (props:ShipmentDetailsPreProps) => { const salOrderService = new SaleOrderService(); const [plantDetails, setPlantDetails] = useState(); // let address: string[]; // address = (plantDetails?.saleOrderItems.length) ? plantDetails?.saleOrderItems[0].customeraddress : []; // let addr: string[]; // addr = (plantDetails?.saleOrderItems.length) ? plantDetails?.saleOrderItems[0].customeraddress : []; let latinName = plantDetails?.saleOrderItems[0]?.itemName === "Vannamei" ? "LITOPENAEUS VANNAMEI" : plantDetails?.saleOrderItems[0]?.itemName === "Black Tiger" || "Sea Tiger" ? "PENAEUS MONODON" : ""; const getData = (saleOrderId) => { const reqObj = new PlantInvoiceDetailsRequest(1); salOrderService.getPlantInvoiceDetails(new PlantInvoiceDetailsRequest(saleOrderId)).then((res) => { console.log(plantDetails) 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); } // window.print() }, [props.saleOrderId]) let exporterDetails = ExporterDataInput; const exporterData = exporterDetails.find( (item) => item.value == plantDetails?.exporterId ); // const uom = UnitsOfWeightInput.find(uom => uom.value == plantDetails.saleOrderItems[0].uomId); // const getCssFromComponent = (fromDoc, toDoc) => { // Array.from(fromDoc.styleSheets).forEach((styleSheet: any) => { // console.log(styleSheet.cssRules); // if (styleSheet.cssRules) { // true for inline styles // const newStyleElement = toDoc.createElement('style'); // Array.from(styleSheet.cssRules).forEach((cssRule: any) => { // newStyleElement.appendChild(toDoc.createTextNode(cssRule.cssText)); // }); // toDoc.head.appendChild(newStyleElement); // } // }); // } const getCssFromComponent = (fromDoc: Document, toDoc: Document) => { Array.from(fromDoc.styleSheets).forEach((styleSheet: CSSStyleSheet) => { try { if (styleSheet?.cssRules) { // true for inline styles and same-origin stylesheets const newStyleElement = toDoc.createElement("style"); Array.from(styleSheet.cssRules).forEach((cssRule: CSSRule) => { newStyleElement.appendChild(toDoc.createTextNode(cssRule.cssText)); }); toDoc.head.appendChild(newStyleElement); } } catch (e) { console.warn("Could not access stylesheet rules for", styleSheet.href, e); } }); }; const printOrder = () => { const divContents = document.getElementById('printme').innerHTML; const secondPageContents = document.getElementById('secondPage').innerHTML; const element = window.open('', '', 'height=700, width=1024'); // element.document.write(divContents,secondPageContents,thirdPageContents,forthPageContents); element.document.write(`
${divContents}
${secondPageContents}
`); getCssFromComponent(document, element.document); element.document.close(); setTimeout(() => { element.print(); element.close(); // to close window when click on cancel/Save // model should be open }, 1000); }; return (
}>

SHIPMENT DETAILS

MBL
:{" "}{plantDetails?.trackingNo}
PO Number
:{" "}{(props.soData) ? props.soData.poNo : '-'}
No. of Cartons
:{" "}{plantDetails?.saleOrderItems[0]?.invoicedCases} M/C
POL
:{" "}{plantDetails?.portofloading ? (plantDetails?.portofloading)?.toUpperCase() + ', INDIA' : ''}
POD
:{" "}{(plantDetails?.portOfDischarge ? (plantDetails?.portOfDischarge)?.toUpperCase() : '') + "," + (plantDetails?.country ? plantDetails?.country : '')}
Container No
:{" "}{plantDetails?.saleOrderItems[0]?.containerNo}
Liner Seal No
:{" "}{plantDetails?.saleOrderItems[0]?.linearSelaNo}
Stuffing place
:{" "}
{plantDetails?.consignee === "HIGH LINER FOODS INC" && (
SHIPMENT ADVISE FOR HIGHLINER

Date Of Shipment
PO# {props.soData ? props.soData.poNo : '-'}
Packer {plantDetails?.invoicedPlant?.company}
Product {((plantDetails?.saleOrderItems[0].foodTypeCode.toLocaleUpperCase('en-US').charAt(0) === "C") ? 'COOKED' : plantDetails?.saleOrderItems[0].foodTypeName?.toLocaleUpperCase('en-US')) + ' FROZEN ' + ((plantDetails?.saleOrderItems[0].valueAdditionOneIdCode === 'EZPeel') ? ' HEADLESS ' : '') + plantDetails?.saleOrderItems[0].valueAdditionOneIdName?.toLocaleUpperCase('en-US') + ' ' + ((!['HLSO', 'HOSO', 'EZPeel', 'N/A'].includes(plantDetails?.saleOrderItems[0].valueAdditionOneIdCode)) ? " AND " : '') + (plantDetails?.saleOrderItems[0].valueAdditionTwoIdCode ? plantDetails?.saleOrderItems[0].valueAdditionTwoIdName?.toLocaleUpperCase('en-US') : '') + '
' + (plantDetails?.saleOrderItems[0].valueAdditionThreeIdCode ? plantDetails?.saleOrderItems[0].valueAdditionThreeIdName?.toLocaleUpperCase('en-US') : '') + ' ' + (plantDetails?.saleOrderItems[0].valueAdditionFiveIdCode ? plantDetails?.saleOrderItems[0].valueAdditionFiveIdName?.toLocaleUpperCase('en-US') : '') + ' ' + plantDetails?.saleOrderItems[0].itemName.toLocaleUpperCase('en-US') + ' ' + ',' + plantDetails?.saleOrderItems[0].valueAdditionFourIdName?.toLocaleUpperCase('en-US')}
Species {latinName}
Brand {plantDetails?.saleOrderItems[0].brandName}
Packing {plantDetails?.saleOrderItems[0].pouches + "*" + Number(plantDetails?.saleOrderItems[0].pouchWeight)}

Size {((plantDetails?.saleOrderItems[0].valueAdditionOneIdCode === 'EZPeel') ? ' HEADLESS ' : plantDetails?.saleOrderItems[0].valueAdditionOneIdName?.toLocaleUpperCase('en-US')) + ' ' + ((!['HLSO', 'HOSO', 'EZPeel', 'N/A'].includes(plantDetails?.saleOrderItems[0].valueAdditionOneIdCode)) ? " AND " : '') + (plantDetails?.saleOrderItems[0].valueAdditionTwoIdCode ? plantDetails?.saleOrderItems[0].valueAdditionTwoIdName?.toLocaleUpperCase('en-US') : '') + '
' + (plantDetails?.saleOrderItems[0].valueAdditionThreeIdCode ? plantDetails?.saleOrderItems[0].valueAdditionThreeIdName?.toLocaleUpperCase('en-US') : '')}
No.of cartons as per PO
No.of cartons Shipped

Harvest Date
Entity Name (farm)
Weight
Production date
Prodn Julian Code(YJJJ)
No.of Cartons

Country of Origin
Method Of Production

Certification BAP1* BAP2* BAP3* BAP4* ASC
Method Of Production

Shipment start date/time

Carrier
Master Way bill(BL)# {plantDetails?.trackingNo}
House way bill#
Container# {plantDetails?.saleOrderItems[0]?.containerNo}
Container Seal# {plantDetails?.saleOrderItems[0]?.linearSelaNo}
ETD
ETA
Customs Port(destination) {(plantDetails?.saleOrderItems[0]?.destinationDetails ? plantDetails?.saleOrderItems[0]?.destinationDetails : '') + ',' + (plantDetails?.country ? plantDetails?.country : '')}
Temperature recorder

OK PO#
()for GFF's purpose
 {props.soData ? props.soData.poNo : '-'}

Remarks
)}
) } export default ShipmentDetailsPreNew