@os1-platform/dispatch-mobile 1.0.7 → 1.3.11

package/lib/commonjs/components/executiontasks/scan/ScanET.js

@@ -0,0 +1,843 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireWildcard(require("react"));
+var _CommonStyles = require("../../../styles/executionTasks/CommonStyles");
+var _ProgressDialog = _interopRequireDefault(require("../../widgets/ProgressDialog"));
+var _strings = require("../../../res/strings");
+var _CScanner = _interopRequireDefault(require("./sub_components/CScanner"));
+var _utils = require("./utils");
+var _SnackBarCustom = _interopRequireWildcard(require("../../widgets/SnackBarCustom"));
+var _reactNativePaper = require("react-native-paper");
+var _native = require("@react-navigation/native");
+var _ScanList = _interopRequireDefault(require("./sub_components/ScanList"));
+var _utils2 = require("../../../utils/utils");
+var _interfaces = require("./interfaces");
+var _ExecTaskUtils = require("../../../utils/ExecTaskUtils");
+var _ETConfig = require("../../../models/execTasks/ETConfig");
+var _EventCodeContainer = require("../../../manager/dispatchCodes/EventCodeContainer");
+var _constants = require("./constants");
+var _ERDropDown = _interopRequireDefault(require("./sub_components/ERDropDown"));
+var _DropDownUtils = require("./sub_components/DropDownUtils");
+var _constants2 = require("../../../constants/constants");
+var _MaterialIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialIcons"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ *
+ * @param props interface ScannerInput
+ * @returns JSX
+ *
+ * props has key validation which defines different UI cases
+ * validation: interface Validation
+ *
+ * when validation.selectedIndex === 0 => Receives validation.logic as array of scans
+ * when validation.selectedIndex === 1 => Receives validation.logic as validation regex
+ * when validation.selectedIndex === 0 => Receives validation.logic as API
+ */
+
+const ScanET = props => {
+  var _props$wfMeta, _props$additionalMult, _props$meta, _props$meta2, _props$meta6;
+  const isErcSelector = props.ercSelector ? true : false;
+  const isMultiObjectiveEnable = (_props$wfMeta = props.wfMeta) === null || _props$wfMeta === void 0 ? void 0 : _props$wfMeta.enableMultiObjectiveFlow;
+  const allowMultiObjectivePartial = isMultiObjectiveEnable === true && ((_props$additionalMult = props.additionalMultiConfig) === null || _props$additionalMult === void 0 ? void 0 : _props$additionalMult.validationType) === 'SUBSET_OF_LIST' || false;
+  const SINGLE_MODE_COUNT = ((_props$meta = props.meta) === null || _props$meta === void 0 ? void 0 : _props$meta.singleModeCount) || 1;
+  const [showScanList, setShowScanList] = (0, _react.useState)(false); // To show shipments List
+  const [showProgress, setShowProgress] = (0, _react.useState)(false); // To pause implementation while a barcode was scanned
+  const [showScanner, setShowScanner] = (0, _react.useState)(true); // To show the barcode scanner on screen and refresh on successful scan
+  const [scanText, setScanText] = (0, _react.useState)(''); // Show scan text
+  const [snackBar, setSnackBar] = (0, _react.useState)({
+    show: false,
+    type: _SnackBarCustom.SnackBarType.SUCCESS,
+    message: ''
+  });
+
+  /**
+   * scansMap: is used to add the scanned shipment related data on each scan.
+   * scansMap data structure (MergedScan) is the same format as the output of scanET alongwith jobId,
+   *    which is used to create the final output of the ET and pass the scanned id to each merged objective.
+   */
+
+  const [scansMap, setScansMap] = (0, _react.useState)(new Map());
+  const [showModal, setShowModal] = (0, _react.useState)(false);
+  const [isCompleted, setIsCompleted] = (0, _react.useState)(() => (0, _utils.isETCompleted)(props.validation, scansMap, props.scanMode, isMultiObjectiveEnable, undefined, SINGLE_MODE_COUNT, allowMultiObjectivePartial)); // to decide if ET is completed
+  const [scannedInput, setScannedInput] = (0, _react.useState)('');
+  const refInput = (0, _react.useRef)(null);
+  const [selectedReason, setSelectedReason] = (0, _react.useState)();
+  const [selectedEventCode, setSelectedEventCode] = (0, _react.useState)();
+  const [reasonItems, setReasonItems] = (0, _react.useState)();
+  const [eventCodeItems, setEventCodeItems] = (0, _react.useState)();
+  let blindDataMap = new Map((_props$meta2 = props.meta) === null || _props$meta2 === void 0 ? void 0 : _props$meta2.blindData);
+  const [showBackModal, setShowBackModal] = (0, _react.useState)(false);
+  const [showUnscannedShipmentModal, setShowUnscannedShipmentModal] = (0, _react.useState)(false);
+  const [defaultERCLabel, setDefaultERCLabel] = (0, _react.useState)({
+    eventCode: '',
+    reasonCode: ''
+  });
+  const fetchLabel = async () => {
+    const {
+      eventCode,
+      reasonCode
+    } = await (0, _DropDownUtils.getDefaultERCLabel)(props.defaultERC);
+    setDefaultERCLabel({
+      eventCode,
+      reasonCode
+    });
+  };
+  (0, _react.useEffect)(() => {
+    fetchLabel();
+  }, [props.defaultERC]);
+  (0, _react.useLayoutEffect)(() => {
+    props.navigation.setOptions({
+      title: props.title,
+      headerLeft: () => {
+        var _props$taskMeta;
+        return (_props$taskMeta = props.taskMeta) !== null && _props$taskMeta !== void 0 && _props$taskMeta.enableGoBack ? /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, {
+          onPress: async () => {
+            setShowBackModal(true);
+          },
+          name: "arrow-back",
+          color: 'black',
+          size: 25,
+          style: {
+            paddingRight: 15,
+            paddingTop: 5
+          }
+        }) : null;
+      }
+    });
+  }, [props.navigation, props.title]);
+  (0, _react.useEffect)(() => {
+    props.ercSelector && (async () => {
+      let response = await (0, _DropDownUtils.getErcDropDownItems)('EVENT', props.ercSelector || []);
+      setEventCodeItems(response);
+      setSelectedEventCode(response[0]);
+    })();
+  }, [props.ercSelector]);
+  (0, _react.useEffect)(() => {
+    (selectedEventCode === null || selectedEventCode === void 0 ? void 0 : selectedEventCode.code) && (async () => {
+      let response = await (0, _DropDownUtils.getErcDropDownItems)('REASON', props.ercSelector || [], selectedEventCode === null || selectedEventCode === void 0 ? void 0 : selectedEventCode.code);
+      if (response.length) {
+        setReasonItems(response);
+        setSelectedReason(response[0]);
+      } else {
+        setReasonItems([]);
+        setSelectedReason(undefined);
+      }
+    })();
+  }, [selectedEventCode === null || selectedEventCode === void 0 ? void 0 : selectedEventCode.code]);
+  (0, _react.useEffect)(() => {
+    var _props$meta3, _props$meta3$mergedDa;
+    if ((_props$meta3 = props.meta) !== null && _props$meta3 !== void 0 && (_props$meta3$mergedDa = _props$meta3.mergedData) !== null && _props$meta3$mergedDa !== void 0 && _props$meta3$mergedDa.size) {
+      var _props$meta4, _props$meta5;
+      setScansMap((_props$meta4 = props.meta) === null || _props$meta4 === void 0 ? void 0 : _props$meta4.mergedData);
+      const isCompleted = (0, _utils.isETCompleted)(props.validation, (_props$meta5 = props.meta) === null || _props$meta5 === void 0 ? void 0 : _props$meta5.mergedData, props.scanMode, isMultiObjectiveEnable, undefined, SINGLE_MODE_COUNT, allowMultiObjectivePartial);
+      setIsCompleted(isCompleted);
+    }
+  }, [(_props$meta6 = props.meta) === null || _props$meta6 === void 0 ? void 0 : _props$meta6.mergedData]);
+  (0, _react.useEffect)(() => {
+    scannedInput && (async () => {
+      await addScans();
+      setScannedInput('');
+    })();
+  }, [scannedInput]);
+  const _handleBarCodeScanned = async scan => {
+    if (!(0, _utils2.isEmptyOrBlank)(scan)) {
+      setShowScanner(false);
+      setScannedInput(scan);
+    }
+  };
+  const addScans = async () => {
+    var _refInput$current, _scansMap$get, _scansMap$get2;
+    (_refInput$current = refInput.current) === null || _refInput$current === void 0 ? void 0 : _refInput$current.focus();
+    const scan = scannedInput;
+    if ((0, _utils2.isEmptyOrBlank)(scan)) {
+      // showToast('Empty AWB Code');
+      setSnackBar({
+        show: true,
+        message: _constants.EMPTY_AWB,
+        type: _SnackBarCustom.SnackBarType.FAILURE
+      });
+      return;
+    }
+    if (isErcSelector && (!selectedEventCode || !selectedEventCode.code)) {
+      // showToast('Empty AWB Code');
+      setSnackBar({
+        show: true,
+        message: _constants.ER_MISSING.replace('<shipment_id>', scan),
+        type: _SnackBarCustom.SnackBarType.FAILURE
+      });
+      return;
+    }
+    const isERReplacement = (0, _utils.isReplacement)(scan, scansMap, selectedEventCode, selectedReason);
+    if (((_scansMap$get = scansMap.get(scan)) === null || _scansMap$get === void 0 ? void 0 : _scansMap$get.scanStatus) === _interfaces.SCAN_STATUS.SCANNED || ((_scansMap$get2 = scansMap.get(scan)) === null || _scansMap$get2 === void 0 ? void 0 : _scansMap$get2.scanStatus) === _interfaces.SCAN_STATUS.FAILED) {
+      // showToast('Already added');
+      if (!isERReplacement) {
+        setSnackBar({
+          show: true,
+          message: _constants.SHIPMENT_ALREADY_ADDED.replace('<shipment_id>', scan),
+          type: _SnackBarCustom.SnackBarType.FAILURE
+        });
+        return;
+      }
+    }
+    let scannedShipmentsCount = (0, _utils.getScannedItemCount)(scansMap);
+    const scanCompleted = (0, _utils.isETCompleted)(props.validation, scansMap, props.scanMode, isMultiObjectiveEnable, scannedShipmentsCount, SINGLE_MODE_COUNT, allowMultiObjectivePartial);
+    if (((allowMultiObjectivePartial || props.scanMode === 'SINGLE') && scannedShipmentsCount === SINGLE_MODE_COUNT || props.validation.selectedIndex === 0 && scanCompleted && !allowMultiObjectivePartial || !allowMultiObjectivePartial && props.scanCountLimit && props.scanCountLimit === scannedShipmentsCount) && !isERReplacement) {
+      // showToast('Max count of scans reached');
+      setSnackBar({
+        show: true,
+        message: _constants.MAX_SHIPMENT_REACHED,
+        type: _SnackBarCustom.SnackBarType.FAILURE
+      });
+      return;
+    }
+    setShowProgress(true);
+    let isValidated = await (0, _utils.checkForValidation)(scan, props.validation);
+    if (isValidated) {
+      var _scansMap$get3, _scansMap$get4;
+      setSnackBar({
+        show: true,
+        message: _constants.ADD_SHIPMENT.replace('<shipment_id>', scan),
+        type: _SnackBarCustom.SnackBarType.SUCCESS
+      });
+      setScanText('');
+      const _prevState = {
+        value: ((_scansMap$get3 = scansMap.get(scan)) === null || _scansMap$get3 === void 0 ? void 0 : _scansMap$get3.value) || scan,
+        jobId: ((_scansMap$get4 = scansMap.get(scan)) === null || _scansMap$get4 === void 0 ? void 0 : _scansMap$get4.jobId) || '',
+        timestamp: Date.now(),
+        validated: true,
+        scanStatus: _interfaces.SCAN_STATUS.SCANNED,
+        eventCode: selectedEventCode === null || selectedEventCode === void 0 ? void 0 : selectedEventCode.code,
+        reasonCode: (selectedReason === null || selectedReason === void 0 ? void 0 : selectedReason.code) || '',
+        success: selectedEventCode === null || selectedEventCode === void 0 ? void 0 : selectedEventCode.success
+      };
+      setScansMap(prevState => {
+        prevState.set(scan, _prevState);
+        return prevState;
+      });
+      const scanCompleted = (0, _utils.isETCompleted)(props.validation, scansMap, props.scanMode, isMultiObjectiveEnable, scannedShipmentsCount + 1, SINGLE_MODE_COUNT, allowMultiObjectivePartial);
+      if (!isCompleted && ((allowMultiObjectivePartial || props.scanMode === 'SINGLE') && scannedShipmentsCount + 1 === SINGLE_MODE_COUNT || scanCompleted || props.scanCountLimit !== undefined && props.scanCountLimit === scannedShipmentsCount + 1)) {
+        setIsCompleted(true);
+      }
+    } else {
+      if (props.exitOnError) {
+        props.onSubmitET({
+          baseResponse: {
+            ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.SCAN, false, props.defaultERC.eventCode, props.defaultERC.reasonCode || ''))
+          },
+          ...(await (0, _utils.getScanETOutput)(scansMap, props.validation.selectedIndex, blindDataMap, props.scanMode, props.scanCountLimit, props.defaultERC, isMultiObjectiveEnable, props.applicableReasons, isErcSelector, true))
+        });
+      } else {
+        setSnackBar({
+          show: true,
+          message: _constants.INVALID_SHIPMENT,
+          type: _SnackBarCustom.SnackBarType.FAILURE
+        });
+      }
+    }
+    setShowProgress(false);
+  };
+  const renderActionButtons = () => {
+    /* if (isCompleted && props.validation.selectedIndex === 0) {
+      return (
+        <>
+          <View style={{ marginBottom: 8 }}>
+            <Button
+              labelStyle={CommonStyles.nextButtonLabel}
+              style={CommonStyles.nextButton}
+              uppercase={true}
+              onPress={async () => {
+                setSnackBar({
+                  show: false,
+                  message: '',
+                  type: SnackBarType.SUCCESS,
+                });
+                props.onSubmitET({
+                  baseResponse: {
+                    ...(await getBaseETResponse(
+                      EntityCode.SCAN,
+                      true,
+                      getEventCodeByET(
+                        ExecutionTaskID.SCAN,
+                        true,
+                        isErcSelector
+                          ? undefined
+                          : props.applicableReasons?.success
+                      ),
+                      isErcSelector ? REASON_NOT_USED : ''
+                    )),
+                  },
+                  ...(await getScanETOutput(
+                    scansMap,
+                    props.validation.selectedIndex,
+                    blindDataMap,
+                    props.scanMode,
+                    props.scanCountLimit,
+                    props.defaultERC,
+                    isMultiObjectiveEnable,
+                    props.applicableReasons,
+                    isErcSelector
+                  )),
+                });
+              }}
+            >
+              {`Proceed`}
+            </Button>
+          </View>
+          <View style={{ marginTop: 8 }}>
+            <Button
+              labelStyle={CommonStyles.exitButtonLabel}
+              style={CommonStyles.exitButton}
+              uppercase={false}
+              onPress={() => {
+                setSnackBar({
+                  show: false,
+                  message: '',
+                  type: SnackBarType.SUCCESS,
+                });
+                setShowModal(true);
+              }}
+            >
+              {`Cancel Order`}
+            </Button>
+          </View>
+        </>
+      );
+    } */
+    if (isCompleted /* &&
+                    (props.validation.selectedIndex === 1 ||
+                    props.validation.selectedIndex === 2) */) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        style: {
+          marginBottom: 8
+        }
+      }, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+        labelStyle: _CommonStyles.CommonStyles.nextButtonLabel,
+        style: _CommonStyles.CommonStyles.nextButton,
+        uppercase: true,
+        onPress: async () => {
+          let shipmentCount = 0;
+          let totalShipments = 0;
+          if (isMultiObjectiveEnable || props.scanMode === 'SINGLE' || props.validation.selectedIndex === 0 || props.scanCountLimit) {
+            shipmentCount = (0, _utils.getScannedItemCount)(scansMap);
+            if (props.scanMode === 'SINGLE' || isMultiObjectiveEnable) {
+              totalShipments = SINGLE_MODE_COUNT;
+            } else if (props.validation.selectedIndex === 0) {
+              //@ts-ignore
+              totalShipments = props.validation.logic.length;
+            } else if (props.scanCountLimit) {
+              totalShipments = props.scanCountLimit;
+            }
+          } else if (props.validation.selectedIndex === 1 || props.validation.selectedIndex === 2) {
+            shipmentCount = (0, _utils.getScannedItemCount)(scansMap);
+          }
+          if (shipmentCount < totalShipments) {
+            setShowUnscannedShipmentModal(true);
+          } else {
+            var _props$applicableReas;
+            setSnackBar({
+              show: false,
+              message: '',
+              type: _SnackBarCustom.SnackBarType.SUCCESS
+            });
+            props.onSubmitET({
+              baseResponse: {
+                ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.SCAN, true, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.SCAN, true, isErcSelector ? undefined : (_props$applicableReas = props.applicableReasons) === null || _props$applicableReas === void 0 ? void 0 : _props$applicableReas.success), isErcSelector ? _constants2.REASON_NOT_USED : ''))
+              },
+              ...(await (0, _utils.getScanETOutput)(scansMap, props.validation.selectedIndex, blindDataMap, props.scanMode, props.scanCountLimit, props.defaultERC, isMultiObjectiveEnable, props.applicableReasons, isErcSelector))
+            });
+          }
+        }
+      }, `Proceed`)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        style: styles.bottomButtons
+      }, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+        labelStyle: _CommonStyles.CommonStyles.exitButtonLabel,
+        style: {
+          ..._CommonStyles.CommonStyles.exitButton,
+          flex: 1,
+          marginEnd: 5
+        },
+        uppercase: false,
+        onPress: () => {
+          setSnackBar({
+            show: false,
+            message: '',
+            type: _SnackBarCustom.SnackBarType.SUCCESS
+          });
+          setShowModal(true);
+        }
+      }, `Cancel`), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+        labelStyle: _CommonStyles.CommonStyles.cancelButtonLabel,
+        style: {
+          ..._CommonStyles.CommonStyles.cancelButton,
+          flex: 1,
+          marginStart: 5
+        },
+        uppercase: true,
+        onPress: () => {
+          setSnackBar({
+            show: false,
+            message: '',
+            type: _SnackBarCustom.SnackBarType.SUCCESS
+          });
+          setShowScanList(!showScanList);
+        }
+      }, `View Summary`)));
+    }
+    if (!isCompleted) {
+      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        style: styles.bottomButtons
+      }, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+        labelStyle: _CommonStyles.CommonStyles.exitButtonLabel,
+        style: {
+          ..._CommonStyles.CommonStyles.exitButton,
+          flex: 1,
+          marginEnd: 5
+        },
+        uppercase: false,
+        onPress: () => {
+          setSnackBar({
+            show: false,
+            message: '',
+            type: _SnackBarCustom.SnackBarType.SUCCESS
+          });
+          setShowModal(true);
+        }
+      }, `Cancel`), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+        labelStyle: _CommonStyles.CommonStyles.cancelButtonLabel,
+        style: {
+          ..._CommonStyles.CommonStyles.cancelButton,
+          flex: 1,
+          marginStart: 5
+        },
+        uppercase: true,
+        onPress: () => {
+          setSnackBar({
+            show: false,
+            message: '',
+            type: _SnackBarCustom.SnackBarType.SUCCESS
+          });
+          setShowScanList(!showScanList);
+        }
+      }, `View Summary`));
+      // return (
+      //   <>
+      //     <View style={{ marginTop: 8, marginBottom: 8 }}>
+      //       <Button
+      //         labelStyle={CommonStyles.cancelButtonLabel}
+      //         style={CommonStyles.cancelButton}
+      //         uppercase={true}
+      //         onPress={() => {
+      //           setSnackBar({
+      //             show: false,
+      //             message: '',
+      //             type: SnackBarType.SUCCESS,
+      //           });
+      //           setShowScanList(!showScanList);
+      //         }}
+      //       >
+      //         {`View Summary`}
+      //       </Button>
+      //     </View>
+      //     <View style={{ marginTop: 8 }}>
+      //       <Button
+      //         labelStyle={CommonStyles.exitButtonLabel}
+      //         style={CommonStyles.exitButton}
+      //         uppercase={false}
+      //         onPress={() => {
+      //           setSnackBar({
+      //             show: false,
+      //             message: '',
+      //             type: SnackBarType.SUCCESS,
+      //           });
+      //           setShowModal(true);
+      //         }}
+      //       >
+      //         {`Cancel`}
+      //       </Button>
+      //     </View>
+      //   </>
+      // );
+    }
+
+    return null;
+  };
+
+  // Handle back-button click when scanList was being viewed
+  (0, _native.useFocusEffect)(_react.default.useCallback(() => {
+    const onBackPress = () => {
+      if (showScanList) {
+        setShowScanList(false);
+        return true;
+      } else {
+        if (!showModal) setShowModal(true);
+        return true;
+      }
+    };
+    _reactNative.BackHandler.addEventListener('hardwareBackPress', onBackPress);
+    return () => _reactNative.BackHandler.removeEventListener('hardwareBackPress', onBackPress);
+  }, [showScanList]));
+  (0, _react.useEffect)(() => {
+    let timeout;
+    if (!showScanner) {
+      timeout = setTimeout(() => {
+        setShowScanner(true);
+      }, 500);
+    }
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [showScanner]);
+  const renderModal = () => {
+    return /*#__PURE__*/_react.default.createElement(_reactNativePaper.Portal, null, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Modal, {
+      visible: showBackModal,
+      dismissable: true,
+      contentContainerStyle: styles.modalContent
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.modalView
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.subText
+    }, 'Are you sure you want to go back?'), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+      labelStyle: _CommonStyles.CommonStyles.nextButtonLabel,
+      style: {
+        ..._CommonStyles.CommonStyles.nextButton,
+        marginTop: 10
+      },
+      uppercase: false,
+      onPress: async () => {
+        props.onSubmitET({
+          baseResponse: {
+            ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.SCAN, false, _constants2.GO_BACK_EVENT_CODE, ''))
+          },
+          ...(await (0, _utils.getScanETOutput)(scansMap, props.validation.selectedIndex, blindDataMap, props.scanMode, props.scanCountLimit, props.defaultERC, isMultiObjectiveEnable, props.applicableReasons, isErcSelector, true))
+        });
+        setShowBackModal(false);
+      }
+    }, "Yes"), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+      labelStyle: _CommonStyles.CommonStyles.cancelButtonLabel,
+      style: {
+        ..._CommonStyles.CommonStyles.cancelButton,
+        marginTop: 10
+      },
+      uppercase: false,
+      onPress: () => setShowBackModal(false)
+    }, "No"))));
+  };
+  const renderUnscannedShipmentModal = () => {
+    return /*#__PURE__*/_react.default.createElement(_reactNativePaper.Portal, null, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Modal, {
+      visible: showUnscannedShipmentModal,
+      dismissable: true,
+      contentContainerStyle: [styles.modalContent, {
+        marginStart: 40,
+        marginEnd: 40
+      }]
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.modalView
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.titleText
+    }, 'Unscanned Shipments!'), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.unscannedShipmentModalSubText
+    }, 'There are unscanned shipments. If you proceed, the following status will be applied to them:'), /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.modalDefaultERCStyle
+    }, "Event:"), ' ', `${defaultERCLabel.eventCode}`), props.defaultERC.reasonCode ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.modalDefaultERCStyle
+    }, "Reason: "), ' ', `${defaultERCLabel.reasonCode}`) : null, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+      labelStyle: _CommonStyles.CommonStyles.nextButtonLabel,
+      style: {
+        ..._CommonStyles.CommonStyles.nextButton,
+        marginTop: 20
+      },
+      uppercase: false,
+      onPress: () => setShowUnscannedShipmentModal(false)
+    }, "Go Back"), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      style: {
+        ..._CommonStyles.CommonStyles.cancelButton,
+        marginTop: 10,
+        height: 40,
+        borderRadius: 6,
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
+      onPress: async () => {
+        var _props$applicableReas2;
+        setSnackBar({
+          show: false,
+          message: '',
+          type: _SnackBarCustom.SnackBarType.SUCCESS
+        });
+        props.onSubmitET({
+          baseResponse: {
+            ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.SCAN, true, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.SCAN, true, isErcSelector ? undefined : (_props$applicableReas2 = props.applicableReasons) === null || _props$applicableReas2 === void 0 ? void 0 : _props$applicableReas2.success), isErcSelector ? _constants2.REASON_NOT_USED : ''))
+          },
+          ...(await (0, _utils.getScanETOutput)(scansMap, props.validation.selectedIndex, blindDataMap, props.scanMode, props.scanCountLimit, props.defaultERC, isMultiObjectiveEnable, props.applicableReasons, isErcSelector))
+        });
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: _CommonStyles.CommonStyles.cancelButtonLabel
+    }, "Update all unscanned shipments")))));
+  };
+  if (showScanList) {
+    const [pendingShipments, scannedShipments] = (0, _utils.getShipmentData)(props.validation.selectedIndex, scansMap);
+    return /*#__PURE__*/_react.default.createElement(_reactNativePaper.Provider, null, renderModal(), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: _CommonStyles.CommonStyles.mainContainer
+    }, /*#__PURE__*/_react.default.createElement(_ScanList.default, {
+      validation: props.validation,
+      pending: pendingShipments,
+      scanned: scannedShipments
+    })));
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_reactNativePaper.Provider, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: _CommonStyles.CommonStyles.mainContainer
+    }, renderModal(), renderUnscannedShipmentModal(), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Portal, null, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Modal, {
+      visible: showModal,
+      dismissable: true,
+      contentContainerStyle: styles.modalContent
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.modalView
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.titleText
+    }, 'Are you sure?'), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.subText
+    }, 'Going back will undo all scans done for this order. Do you want to proceed?'), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+      labelStyle: _CommonStyles.CommonStyles.nextButtonLabel,
+      style: {
+        ..._CommonStyles.CommonStyles.nextButton,
+        marginTop: 10
+      },
+      uppercase: false,
+      onPress: async () => {
+        setShowModal(false);
+        props.onSubmitET({
+          baseResponse: {
+            ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.SCAN, false, props.defaultERC.eventCode, props.defaultERC.reasonCode || ''))
+          },
+          ...(await (0, _utils.getScanETOutput)(scansMap, props.validation.selectedIndex, blindDataMap, props.scanMode, props.scanCountLimit, props.defaultERC, isMultiObjectiveEnable, props.applicableReasons, isErcSelector, true))
+        });
+      }
+    }, "Confirm"), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+      labelStyle: _CommonStyles.CommonStyles.cancelButtonLabel,
+      style: {
+        ..._CommonStyles.CommonStyles.cancelButton,
+        marginTop: 10
+      },
+      uppercase: false,
+      onPress: () => setShowModal(false)
+    }, "Resume Scan")))), /*#__PURE__*/_react.default.createElement(_ProgressDialog.default, {
+      visible: showProgress,
+      label: _strings.PLEASE_WAIT
+    }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        flex: 1
+      }
+    }, props.ercSelector && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        marginHorizontal: 16
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        marginBottom: 16
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ERDropDown.default, {
+      title: 'Event',
+      style: {
+        height: 50
+      },
+      selectedReason: selectedEventCode,
+      items: eventCodeItems ?? [],
+      onItemChange: eventItem => {
+        if (eventItem !== null) setSelectedEventCode(eventItem);
+      }
+    })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        marginVertical: 16
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ERDropDown.default, {
+      title: 'Reason',
+      style: {
+        height: 50
+      },
+      selectedReason: selectedReason,
+      disabled: !reasonItems || !(reasonItems !== null && reasonItems !== void 0 && reasonItems.length) ? true : false,
+      items: reasonItems ?? [],
+      onItemChange: reasonItem => {
+        if (reasonItem !== null) setSelectedReason(reasonItem);
+      }
+    }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.addShipmentStyle
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
+      returnKeyType: 'done',
+      ref: refInput,
+      onSubmitEditing: async () => {
+        setScannedInput(scanText);
+      },
+      value: scanText,
+      onChangeText: setScanText,
+      style: {
+        borderBottomColor: '#DDDDDD',
+        borderBottomWidth: 1,
+        marginEnd: 20,
+        flex: 1,
+        fontSize: 16,
+        fontFamily: _CommonStyles.Fonts.IBMPlexSans_600SemiBold
+      },
+      placeholder: 'Enter Shipment ID'
+    }), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      style: {
+        alignSelf: 'center',
+        justifyContent: 'center',
+        paddingVertical: 9,
+        paddingHorizontal: 17,
+        borderWidth: 1,
+        borderRadius: 6,
+        borderColor: '#E0E3EB'
+      },
+      onPress: async () => {
+        setSnackBar({
+          show: false,
+          message: '',
+          type: _SnackBarCustom.SnackBarType.SUCCESS
+        });
+        setScannedInput(scanText);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: {
+        fontSize: 14,
+        fontFamily: _CommonStyles.Fonts.IBMPlexSans_500Medium,
+        lineHeight: 20,
+        color: '#3D445C'
+      }
+    }, 'ADD'))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.cameraContainer
+    }, showScanner ? /*#__PURE__*/_react.default.createElement(_CScanner.default, {
+      barCodeTypes: (0, _utils.getBarCodeTypes)(props),
+      onScanned: _handleBarCodeScanned
+    }) : null)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        justifyContent: 'flex-end'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_SnackBarCustom.default, {
+      type: snackBar.type,
+      message: `${snackBar.message}`,
+      visible: snackBar.show,
+      onDismiss: () => {
+        setSnackBar({
+          show: false,
+          message: '',
+          type: _SnackBarCustom.SnackBarType.SUCCESS
+        });
+      },
+      customBottom: 20
+    })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.bottomView
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        justifyContent: 'flex-end',
+        marginStart: 10,
+        marginEnd: 10,
+        marginBottom: 10
+      }
+    }, isMultiObjectiveEnable || props.scanMode === 'SINGLE' || props.validation.selectedIndex === 0 || props.scanCountLimit ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, `${(0, _utils.getScannedItemCount)(scansMap)}/${props.scanMode === 'SINGLE' || isMultiObjectiveEnable ? SINGLE_MODE_COUNT :
+    //@ts-ignore
+    props.validation.selectedIndex === 0 ?
+    //@ts-ignore
+    props.validation.logic.length : props.scanCountLimit} shipments scanned.`) : props.validation.selectedIndex === 1 || props.validation.selectedIndex === 2 ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, `${(0, _utils.getScannedItemCount)(scansMap)} shipments scanned.`) : null), renderActionButtons())));
+  }
+};
+var _default = ScanET;
+exports.default = _default;
+const styles = _reactNative.StyleSheet.create({
+  cameraContainer: {
+    flex: 1,
+    backgroundColor: '#000',
+    justifyContent: 'center',
+    alignItems: 'center',
+    zIndex: -1
+  },
+  addShipmentStyle: {
+    marginTop: 32,
+    marginBottom: 10,
+    marginHorizontal: 16,
+    flexDirection: 'row',
+    zIndex: -1
+  },
+  bottomView: {
+    paddingBottom: 16,
+    justifyContent: 'flex-end',
+    marginVertical: 10,
+    marginHorizontal: 16
+  },
+  addButtonLabel: {
+    color: '#3D445C',
+    fontFamily: _CommonStyles.Fonts.IBMPlexSans_600SemiBold,
+    fontSize: 16,
+    fontWeight: '600',
+    lineHeight: 20,
+    letterSpacing: 1.56,
+    textAlign: 'center',
+    fontStyle: 'normal'
+  },
+  centerView: {
+    flex: 1,
+    justifyContent: 'center',
+    alignContent: 'center'
+  },
+  modalContent: {
+    marginStart: 60,
+    marginEnd: 60,
+    flex: 1,
+    marginBottom: 60
+  },
+  modalView: {
+    backgroundColor: 'white',
+    padding: 15,
+    borderRadius: 9
+  },
+  titleText: {
+    justifyContent: 'center',
+    fontFamily: _CommonStyles.Fonts.IBMPlexSans_600SemiBold,
+    fontStyle: 'normal',
+    fontSize: 14,
+    lineHeight: 20,
+    textAlign: 'center',
+    color: '#111111',
+    marginBottom: 10
+  },
+  subText: {
+    justifyContent: 'center',
+    fontFamily: 'IBMPlexSans_400Regular',
+    fontStyle: 'normal',
+    fontSize: 14,
+    letterSpacing: 0.25,
+    lineHeight: 20,
+    textAlign: 'center',
+    color: '#000000',
+    marginBottom: 10
+  },
+  bottomButtons: {
+    justifyContent: 'space-between',
+    flexDirection: 'row',
+    marginTop: 8
+  },
+  unscannedShipmentModalSubText: {
+    justifyContent: 'center',
+    fontFamily: 'IBMPlexSans_400Regular',
+    fontStyle: 'normal',
+    fontSize: 14,
+    letterSpacing: 0.25,
+    lineHeight: 20,
+    color: '#000000',
+    marginBottom: 10
+  },
+  modalDefaultERCStyle: {
+    color: '#A3AAC2',
+    fontSize: 14,
+    fontFamily: _CommonStyles.Fonts.IBMPlexSans_400Regular
+  }
+});
+//# sourceMappingURL=ScanET.js.map