import React, { useEffect, useState } from 'react'; import { Descriptions, Badge, Layout, Row, Col, Card, Button, Spin } from 'antd'; import './documents.css'; import { SaleOrderService } from '@gtpl/shared-services/sale-management'; import { FactoriesInput, PlantInvoiceDetailsModel, PlantInvoiceDetailsRequest, UnitsOfWeightInput, } from '@gtpl/shared-models/sale-management'; const toWords = new ToWords({ localeCode: 'en-US', }); import ReactHTMLTableToExcel from 'react-html-table-to-excel'; 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 { ArrowLeftOutlined } from '@ant-design/icons' import { PrinterOutlined } from '@ant-design/icons' let converter = require('number-to-words'); import { numberToWords } from 'amount-to-words' import Item from 'antd/lib/list/Item'; import { ToWords } from 'to-words'; export interface BillOfLadingProps { saleOrderId: number; } export function BillOfLading( props: BillOfLadingProps ) { let location = useLocation(); const salOrderService = new SaleOrderService(); const [plantDetails, setPlantDetails] = useState(); const soId = location.state; console.log(location.state); let totalCases = 0; let totalLbWeight = 0; let totalGrossWeight = 0; let totalAmount = 0; const printOrder = () => { const printableElements = document.getElementById('printme').innerHTML; const orderHTML = '' + printableElements + '' const oldPage = document.body.innerHTML; document.body.innerHTML = orderHTML; // document.body.innerHTML = oldPage window.print(); } const getData = (saleOrderId) => { // const reqObj = new PlantInvoiceDetailsRequest(1); salOrderService.getPlantInvoiceDetails(new PlantInvoiceDetailsRequest(props.saleOrderId)).then((res) => { console.log(res.data); 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; let exporterId = 1; const exporterData = exporterDetails.find( (item) => item.value == plantDetails?.exporterId ? plantDetails.exporterId : 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; } }; return ( <>

BILL OF LADING

    DRAFT
BILL OF LADING
VOYAGE NUMBER
0FD2ME 1MA
BILL OF LADDING NUMBER
{plantDetails?.blNO}
SHIPPER
{(exporterData?.name) ? exporterData?.name : ''}
{(exporterData?.addressOne) ? exporterData?.addressOne : ''},
{(exporterData?.addressTwo) ? exporterData?.addressTwo : ''},
{exporterData?.state + ',' + exporterData?.country}
COSIGNEE EXPORT REFERENCES
{plantDetails?.saleOrderItems[0].customeraddress} {/* TO THE ORDER OF
SANDHYA AQUA EXPORTS PVT LTD.
MIG-25A, LAWSONS BAY COLONY,
VISAKHAPATNAM - 530017,
ANDHRA PRADESH, INDIA. */}

(logo)
CARRIER: CMA CGM Societe Anonymous au Capital de 234 988 330 Euros
Head Office: 4 quai d'Arenc - 13002 Marseille France
 Tel: (33) 4 88 91 90 00 - Fax: (33) 4 88 91 90 95
  562 024 422 R.C.S. Marseille
NOTIFY PARTY, Carrier not to be responsible for failure to notify
{plantDetails?.saleOrderItems[0].deliveryaddress}
PRE CARRIAGE BY* PLACE OF RECEIPT* FREIGHT TO BE PAID AT* NUMBER OF ORIGINAL BILLS OF LADING
Road VISAKHAPATNAM THREE (3)
VESSEL PORT OF LOADING PORT OF DISCHARGE FINAL PLACE OF DELIVERY*
{plantDetails?.vesselName} VISAKHAPATNAM, INDIA LOS ANGELES {plantDetails?.saleOrderItems[0].destinationDetails}
{plantDetails?.saleOrderItems.map(item => { console.log(item); totalCases += 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); totalGrossWeight += Number(item.grossWeight); totalAmount += Number(item.unitPrice) * Number(finalNetWeight); return ( ); } )} {/* */}
MARKS AND NOS
CONTAINER AND SEALS 		NO AND KIND
OF PACKAGES 		DESCRIPTION OF PACKAGES AND GOODS AS STATED BY SHIPPER
 SHIPPER'S LOAD STOW AND COUNT SAID TO CONTAIN 		GROSS WEIGHT
  CARGO 		RATE MEASUREMENT
{item.pouches + ' * ' + Number(item.pouchWeight) + ' ' + uom.name} {item.foodTypeName + ' ' + item.valueAdditionTwoIdName + ' ' + item.valueAdditionThreeIdName + ' ' + item.itemName + ',' + item.valueAdditionFourIdName} {Number(finalNetWeight)} {(item.unitPrice)} {(item.unitPrice * finalNetWeight).toFixed(2)}
Total

{totalLbWeight}

 {totalAmount.toFixed()}
Amount chargeable
(in words): U.S {(totalAmount) ? (toWords.convert(totalAmount, { currency: true }).toUpperCase()) : ""}

Total INR

{plantDetails?.total_INR_amount}

IN LBS

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

{totalLbWeight}

*/} {/* {plantDetails?.saleOrderItems?.map(item => {return (

{Number(item.netWeight).toFixed(3)}

)})} */} {plantDetails?.saleOrderItems?.map(item => { return (

{(Math.trunc(item.netWeight)).toFixed(3)}

) })} 		{/*

{(totalLbWeight).toFixed(3)}

*/}

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

{' '} TOTAL GROSS WEIGHT: {/*

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

*/}

{((Math.round((plantDetails?.saleOrderItems[0]?.grossWeightPerKg) * (plantDetails?.saleOrderItems[0]?.invoicedCases))) / 0.454).toLocaleString('en-US', { minimumFractionDigits: 3, maximumFractionDigits: 3 })}

{Math.round((plantDetails?.saleOrderItems[0]?.grossWeightPerKg) * (plantDetails?.saleOrderItems[0]?.invoicedCases)).toLocaleString('en-US', { minimumFractionDigits: 3, maximumFractionDigits: 3 })}

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

{totalAmount.toFixed()}
ADDITIONAL CLAUSES
4. Cargo at port is at merchant risk, expenses and responsibility
5. FCL
77. THC at destination payable by Merchant as per line/port tariff
91. Ground rent/storages/power sypply/monitoring costs at port of discharge for Merchant's account according to port rates
92. Reefer container can only be operated by electrical power. During land transportation the Carrier will not be liable in any respect whatsoever for consequences, due to non refrigeration.
191. Unless the value of cargo is declared on the face of this bill of lading or waybill in the conditions set for on the reverse, limitation of liability in respect of loss or damage to goods shall not exceed US$ 500 per package, or customory freight unit if goods are not shipped in package.
194. For the purpose of the present carriage, clause 14(2) shall exclude the application of the York/Antiwerp rules, 2004.
214. U.S. demurrage and detention conditions are billed per CMA-CGM (America's) U.S. tariff or service 		contracts filed with the FMC
216. Mis-declaration of cargo weight endangers crew, port workers and vessels' safety. Your cargo may be weighed at any place and time of carriage and any mis-declaration will expose you to claims for all losses, expenses or damages whatsoever resulting thereof and be subject to freight surcharge.
225. The shipper acknowledges that the Carrier may carry the goods identified in this bill of lading on the deck of any vessel and in taking remittance of this bill of lading the Merchant (including the shipper, the consignee and the holder of the bill of lading, as the case may be) confirms his express acceptance of all
the terms and conditions of this bill of lading and expressly confirms his unconditional and irrevocable consent to the possible carriage of the goods on the deck of any vessel.
239. This Bill of Lading has been generated electronically. Bills of Lading bearing a CMA CGM stamp and/or manual signature shall be considered as forged and will be treated as null.
274. The Merchant is responsible for returning any empty container, with interior clean, free of any dangerous goods placards, labels or markings, at the designated place, and within 60 days following to the date of release, failing which the container shall be construed as lost.The Merchant shall be liable to
RECEIVED by the carrier from the shipper in apparent good order and condition (unless otherwise noted herein) the total number or quantity of Containers or other packages or units indicated above stated by the shipper to comprise the cargo specified above for transportation subject to all the terms hereof (including the terms on page one) from the place of receipt or the port of loading, whichever is applicable, to the port of discharge or the place of delivery, whichever is applicable. Delivery of the Goods will only be made on payment of all Freight and charges. On presentation of this document (duly endorsed) to the Carrier, by or on behalf of the holder, the rights and liabilities arising in accordance with the terms hereof shall (without prejudice to any rule of common law or statutes rendering them binding upon the shipper, holder and carrier) become binding in all respects between the Carrier and Holder as though the contract contained herein or evidenced hereby had been made between them.
All claims and actions arising between the Carrier and the Merchant in relation with the contract of Carriage evidenced by this Bill of Lading shall exclusively be brought before the Tribunal de Commerce de Marseille and no other Court shall have jurisdiction with regards to any such claim or action. Notwithstanding the above, the Carrier is also entitled to bring the claim or action before the Court of the place where the defendant has his registered office.
In witness whereof three (3) original Bills of Lading, unless otherwise stated above, have been issued, one of which being accomplished, the others to be void.
(OTHER TERMS AND CONDITIONS OF THE CONTRACT ON PAGE ONE)
PLACE AND DATE OF ISSUE MUMBAI {plantDetails?.invoiceDate} SIGNED FOR THE CARRIER CMA CGM S.A.
BY CMA CGM Agencies (India) Pvt. Ltd.
as agents for the carrier CMA CGM S. A.
 SIGNED FOR THE SHIPPER
  *APPLICABLE ONLY WHEN THIS DOCUMENT IS USED AS A COMBINED TRANSPORT BILL OF LADING
) } export default BillOfLading;