\n Are you sure you want to remove {getRecordsLength()} {getPackagesNumber()} in cargo{\" \"}\n {newCargoTrackingData && newCargoTrackingData.cargo_tracking_no}?\n
\n {showRemedyModal && \"After you have remedied this exception(s), it cannot be undone.\"}\n {showRemedyAllModal && \"After you have remedied an exception, it cannot be undone.\"}\n
\n );\n }\n return null;\n};\n","import React from \"react\";\nimport { CheckCircleFilled } from \"@ant-design/icons\";\nimport { LinkContainer } from \"react-router-bootstrap\";\n\n// return downloadPdf(value.orderData.labelPath);\n\n// onClick={() => onClickPrintLabelButton(value.orderData.labelPath)}\n\nexport const DownloadPrintText = ({ onDownloadHandler, onClickPrintLabelButton }) => {\n const customGreen = \"#528E16\";\n const customGrey = \"#707070\";\n\n const isQzConnected = JSON.parse(localStorage.getItem(\"isQzConnected\"));\n const downloadLabel = localStorage.getItem(\"downloadLabel\");\n const autoPrintLabel = JSON.parse(localStorage.getItem(\"autoPrintLabel\"));\n\n let text = null;\n let color = customGreen;\n\n const buttonComp = (\n
\n
\n View Label\n
\n {isQzConnected && (\n
\n Print Label\n
\n )}\n \n
Change Settings
\n \n
\n );\n\n if (!isQzConnected) {\n // qz-tray not connected and manual label download - grey\n if (!downloadLabel || downloadLabel === \"Manual\") {\n text = QZ Tray is not connected;\n color = customGrey;\n } else {\n // qz-tray not connected and label auto download - green\n text = Label is automatically downloaded. QZ Tray is not connected;\n }\n } else {\n // qz-tray connected and manual label download and manual print - green\n if ((!downloadLabel || downloadLabel === \"Manual\") && !autoPrintLabel) {\n text = QZ Tray is connected;\n }\n // qz-tray connected and manual label download and auto print - green\n if ((!downloadLabel || downloadLabel === \"Manual\") && autoPrintLabel) {\n text = QZ Tray is connected and will print label automatically;\n }\n // qz-tray connected and auto label download and manual print - green\n if (downloadLabel === \"Automatic\" && !autoPrintLabel) {\n text = Label is automatically downloaded. QZ Tray is connected;\n }\n // qz-tray connected and auto label download and auto print -green\n if (downloadLabel === \"Automatic\" && autoPrintLabel) {\n text = Label is automatically downloaded. QZ Tray is connected and will print label automatically;\n }\n }\n\n return (\n <>\n
\n \n {text}\n
\n {buttonComp}\n \n );\n};\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useEffect } from \"react\";\nimport { Alert } from \"antd\";\nimport * as _ from \"lodash\";\nimport { useDispatch } from \"react-redux\";\nimport { clearParcelScanExceptions } from \"../../../actions/scanActions\";\nimport ZebraScanner from \"../../../common/zebraScanner/ZebraScanner\";\nimport { downloadPdf } from \"../../../utils/downloadPdf\";\nimport { ErrorNotificationArea } from \"./ErrorNotificationArea\";\nimport { SuccessNotificationArea } from \"./SuccessNotificationArea\";\nimport { WarningNotificationArea } from \"./WarningNotificationArea\";\nimport { ParcelScannerContext } from \"./ParcelScanner\";\nimport { DownloadPrintText } from \"../commonComponents/downloadPrintText\";\n\nfunction NotificationArea(props) {\n const dispatch = useDispatch();\n\n const defaultScanner = localStorage.getItem(\"defaultScanner\");\n const showPrintLabel = localStorage.getItem(\"showPrintLabel\");\n const downloadLabel = localStorage.getItem(\"downloadLabel\");\n\n useEffect(() => {\n return () => {\n dispatch(clearParcelScanExceptions());\n };\n }, []);\n\n function showScanInputField() {\n return (\n (defaultScanner === null || defaultScanner === undefined || defaultScanner === \"Laser\") &&\n defaultScanner !== \"Camera\"\n );\n }\n\n function showPrintLabelButton() {\n if (\n showPrintLabel !== null ||\n showPrintLabel !== undefined ||\n downloadLabel !== null ||\n downloadLabel !== undefined\n // removed it for labelless scan uses camera\n // defaultScanner === \"Laser\"\n ) {\n return true;\n }\n return false;\n }\n\n function mapExceptionToAction(fieldName) {\n const actionToTrigger = {\n \"Failed Delivery (Maximum Attempts)\": \"Escalate to Merchant\",\n \"Delivery Not Attempted (Out of Coverage)\": \"Escalate to Merchant\",\n Damaged: \"Escalate to Merchant\",\n \"Failed Delivery (Consignee Rejected)\": \"Escalate to Merchant\",\n \"Failed Delivery (Consignee Wrong Address)\": \"Contact Consignee\",\n \"Failed Delivery (Consignee Unavailable)\": \"Contact Consignee\",\n \"Consignee Request Reschedule\": \"Contact Consignee\",\n \"Pending Tax Documents\": \"Bin to Exceptions Area\",\n \"Delivery Not Attempted (Missorting)\": \"Bin to Exceptions Area\",\n \"Returns to Client\": \"Bin to Exceptions Area\",\n Duplicate: \"Bin to Exceptions Area\",\n \"No Data\": \"Bin to Exceptions Area\",\n \"No Label\": \"Bin to Exceptions Area\",\n \"Disposal of Parcel\": \"Bin to Exceptions Area\",\n };\n return actionToTrigger[fieldName];\n }\n\n return (\n \n {(value) => {\n let scannedNumber = value.latestScannedNumber;\n\n const noDataBoxClass =\n value.scanType !== \"sweep\" && value.notificationBoxType.showNoDataBox ? \"d-flex\" : \"d-none\";\n const warningDataBoxClass = getWarningDataBoxClass();\n const validDataBoxClass = getValidDataBoxClass(warningDataBoxClass);\n const validReturnInboundDataBoxClass = getReturnsInboundBoxClass(validDataBoxClass);\n\n function getValidDataBoxClass(warningDataBoxClass) {\n if (value.notificationBoxType.showValidDataBox) {\n if (value.scanType === \"sweep\") {\n return \"d-none\";\n } else if (value.scanType !== \"returns inbound\" && warningDataBoxClass === \"d-none\") {\n return \"d-flex\";\n } else {\n return \"d-none\";\n }\n }\n return \"d-none\";\n }\n\n function getWarningDataBoxClass() {\n if (value.notificationBoxType.showValidDataBox) {\n if (value.scanType === \"sweep\") {\n return \"d-none\";\n } else if (\n value.scanType !== \"sweep\" &&\n value.scanType !== \"returns inbound\" &&\n value.scanType !== \"labelless package\" &&\n (value.successNotificationData.incoterm === \"DDU\" ||\n value.successNotificationData.paymentType === \"cod\" ||\n value.successNotificationData.showHighValueError ||\n value.successNotificationData.is_held_up_at_customs === true ||\n value.successNotificationData.is_cancelled === true ||\n value.successNotificationData.ua_returns === true)\n ) {\n return \"d-flex\";\n } else {\n return \"d-none\";\n }\n }\n return \"d-none\";\n }\n\n function getReturnsInboundBoxClass(validDataBoxClass) {\n if (\n value.notificationBoxType.showValidDataBox &&\n value.scanType === \"returns inbound\" &&\n validDataBoxClass === \"d-none\"\n ) {\n return \"d-flex\";\n }\n return \"d-none\";\n }\n\n let renderType = \"PARCEL\";\n if (value.scanType === \"reassign network partner\") {\n renderType = \"REASSIGN\";\n } else if (\n (value.scanType === \"warehouse inbound\" || value.scanType === \"warehouse outbound\") &&\n value.successNotificationData.stop_shipment\n ) {\n renderType = \"PROHIBIT\";\n } else {\n renderType = \"PARCEL\";\n }\n\n if (typeof value.latestScannedNumber === \"object\" && value.latestScannedNumber !== null) {\n scannedNumber = value.latestScannedNumber.tracking_no;\n }\n\n function showDisposalConfirmationButton() {\n return value.scanType === \"disposal\" && value.totalScanNumber > 0;\n }\n\n function getExceptionName() {\n if (value.exceptions && value.exceptions.length > 0) {\n const selectedException = _.find(value.exceptionTypes, (x) => x.name === value.exceptions[0].name);\n return selectedException ? selectedException.description : \"\";\n }\n return \"\";\n }\n\n function getExceptionDescription() {\n if (value.exceptions && value.exceptions.length > 0) {\n const selectedException = _.find(value.exceptionTypes, (x) => x.name === value.exceptions[0].name);\n return selectedException ? mapExceptionToAction(selectedException.description) : \"\";\n }\n return \"\";\n }\n\n return (\n <>\n
\n {resource.times_used}\n {/* TODO: change once api is ready. For now sending negative value to delete the resource */}\n \n addOrDeleteResource(\"delete\", resource.resource_name, resource.times_used)\n }\n />\n
: }\n \n