@os1-platform/dispatch-mobile 1.0.8 → 2.0.0

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

@@ -0,0 +1,741 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireWildcard(require("react"));
+var _ScanSchema = require("./ScanSchema");
+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 _utils2 = require("../../../utils/utils");
+var _interfaces = require("./interfaces");
+var _ExecTaskUtils = require("../../../utils/ExecTaskUtils");
+var _ETConfig = require("../../../models/execTasks/ETConfig");
+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"));
+var _platformCoreosExecutionEngineSdk = require("@os1-platform/platform-coreos-execution-engine-sdk");
+var _SummaryPage = _interopRequireDefault(require("./sub_components/SummaryPage"));
+var _RouteParams = require("../../../ui/uiConfig/RouteParams");
+var _constants3 = require("../../../manager/syncmanager/constants");
+var _vectorIcons = require("@expo/vector-icons");
+var _GoBackModal = _interopRequireDefault(require("../../../components/widgets/GoBackModal"));
+var _utils3 = require("../../../components/utils");
+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;
+  const prefixedMergedObjectiveId = props.route.params[_RouteParams.RouteParams.ROOT_META_DATA].prefixedMergedObjectiveId;
+  const [isScreenLoaded, setIsScreenLoaded] = (0, _react.useState)({
+    ercSelectorLoaded: false,
+    shipmentCountLoaded: false,
+    previousDataLoaded: false
+  });
+  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 [scannedInput, setScannedInput] = (0, _react.useState)(''); // state to capture scan
+  const refInput = (0, _react.useRef)(null);
+  const [selectedReason, setSelectedReason] = (0, _react.useState)(); // reason code from ercSelector
+  const [selectedEventCode, setSelectedEventCode] = (0, _react.useState)(); // reason code from ercSelector
+  const [reasonItems, setReasonItems] = (0, _react.useState)(); // list of reason codes
+  const [eventCodeItems, setEventCodeItems] = (0, _react.useState)(); // list of event codes
+
+  const [showBackModal, setShowBackModal] = (0, _react.useState)(false);
+  const [showUnscannedShipmentModal, setShowUnscannedShipmentModal] = (0, _react.useState)(false);
+  const [shipmentCount, setShipmentCount] = (0, _react.useState)({
+    scannedCount: 0,
+    totalCount: 0
+  });
+  const [mergedScanETOutput, setMergedScanETOutput] = (0, _react.useState)({});
+  const fetchShipmentCount = async () => {
+    try {
+      const _shipmentCount = await _platformCoreosExecutionEngineSdk.DispatchExecutor.getScannedShipmentsCount(props.mergedObjectiveId);
+      if (_shipmentCount) {
+        setShipmentCount({
+          scannedCount: _shipmentCount.scannedCount || 0,
+          totalCount: _shipmentCount.totalCount || 0
+        });
+        // setIsScreenLoaded((isScreenLoaded) => ({
+        //   ...isScreenLoaded,
+        //   shipmentCountLoaded: true,
+        // }));
+      }
+    } catch (error) {}
+  };
+  const fetchPreviousScannedData = async () => {
+    try {
+      const scanOutput = (await (0, _utils.getScanMappedOutput)()) || {};
+      setMergedScanETOutput(scanOutput[prefixedMergedObjectiveId] || {});
+    } catch (error) {}
+  };
+  const fetchERC = async () => {
+    if (props.ercSelector) {
+      try {
+        let response = await (0, _DropDownUtils.getErcDropDownItems)('EVENT', props.ercSelector || []);
+        setEventCodeItems(response);
+        setSelectedEventCode(response[0]);
+      } catch (error) {}
+    }
+  };
+  const fetchAllData = async () => {
+    try {
+      await Promise.all([fetchERC(), fetchPreviousScannedData(), fetchShipmentCount()]);
+    } catch (error) {} finally {
+      setIsScreenLoaded({
+        ercSelectorLoaded: true,
+        previousDataLoaded: true,
+        shipmentCountLoaded: true
+      });
+    }
+  };
+  (0, _react.useEffect)(() => {
+    fetchAllData();
+  }, []);
+  (0, _react.useEffect)(() => props.showProgress(true), []);
+  (0, _react.useEffect)(() => {
+    if (isScreenLoaded.ercSelectorLoaded && isScreenLoaded.previousDataLoaded && isScreenLoaded.shipmentCountLoaded) {
+      props.showProgress(false);
+    }
+  }, [isScreenLoaded]);
+
+  // const [defaultERCLabel, setDefaultERCLabel] = useState({
+  //     eventCode: '',
+  //     reasonCode: '',
+  //   });
+  // const fetchLabel = async () => {
+  //   const { eventCode, reasonCode } = await getDefaultERCLabel(
+  //     props.defaultERC
+  //   );
+  //   setDefaultERCLabel({ eventCode, reasonCode });
+  // };
+  // useEffect(() => {
+  //   fetchLabel();
+  // }, [props.defaultERC]);
+
+  (0, _react.useLayoutEffect)(() => {
+    props.navigation.setOptions({
+      title: props.title,
+      headerLeft: () => {
+        return /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, {
+          onPress: () => {
+            var _props$taskMeta;
+            if ((_props$taskMeta = props.taskMeta) !== null && _props$taskMeta !== void 0 && _props$taskMeta.enableGoBack && (0, _utils3.hasGoBackConnector)(props.applicableReasons)) setShowBackModal(true);else {
+              if (showScanList) setShowScanList(false);else setShowUnscannedShipmentModal(true);
+            }
+          },
+          name: "arrow-back",
+          color: 'black',
+          size: 25,
+          style: {
+            paddingRight: 15,
+            paddingTop: 5
+          }
+        });
+      }
+    });
+  }, [props.navigation, props.title, showScanList]);
+  (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)(() => {
+    scannedInput && (async () => {
+      await addScans();
+      setScannedInput('');
+    })();
+  }, [scannedInput]);
+  const handleSubmitET = async (status, count, erc) => {
+    if (status === _interfaces.PROCEED_STATUS.DELIVER_LATER) {
+      if (shipmentCount.scannedCount === 0) {
+        props.navigation.goBack();
+      } else {
+        const etOutput = await (0, _utils.getScanETOutput)(mergedScanETOutput, props.mergedObjectiveId, eventCodeItems || [], props.defaultERC, _ScanSchema.DeliverState.DELIVERE_LATER, true, count);
+        props.onSubmitET(etOutput);
+      }
+    } else {
+      if (shipmentCount.scannedCount < shipmentCount.totalCount) {
+        if (erc) {
+          const prefixedMergedObjectiveId = props.route.params[_RouteParams.RouteParams.ROOT_META_DATA].prefixedMergedObjectiveId;
+          const etOutput = await (0, _utils.getScanETOutput)(mergedScanETOutput, props.mergedObjectiveId, eventCodeItems || [], {
+            eventCode: erc.ec,
+            reasonCode: erc.rc
+          }, _ScanSchema.DeliverState.DELIVER_NOW, true, count);
+          let hasNextPage = true;
+          let offset = 0;
+          const limit = _constants3.BULK_DATA_LIMIT;
+          let scans = {
+            data: [],
+            totalCount: 0
+          };
+          const scannedData = [];
+          do {
+            scans = await _platformCoreosExecutionEngineSdk.DispatchExecutor.filterWFIData(props.taskName, [prefixedMergedObjectiveId], limit, offset);
+            scans.data.forEach(scan => {
+              scannedData.push({
+                groupId: scan.displayInfo.groupId,
+                jobId: scan.jobId,
+                shipmentFlow: scan.displayInfo.shipmentFlow,
+                scanValue: scan.scannableId
+              });
+            });
+            offset += limit;
+            hasNextPage = scans.totalCount - offset + 1 > 0;
+          } while (hasNextPage);
+          (0, _utils.triggerScanEvent)('ON_SCAN', props.route, scannedData, etOutput['default'].output);
+
+          // UPDATE PENDING IN SHARED PREFERENCE MERGED_SCAN_OUTPUT
+          // updatePendingSharedPreference(eventType, prefixedMergedObjectiveId);
+
+          props.onSubmitET(etOutput);
+        }
+      } else {
+        if (shipmentCount.totalCount === 0) props.navigation.goBack();else {
+          const etOutput = await (0, _utils.getScanETOutput)(mergedScanETOutput, props.mergedObjectiveId, eventCodeItems || [], props.defaultERC, _ScanSchema.DeliverState.DELIVER_NOW, false, count);
+          props.onSubmitET(etOutput);
+        }
+      }
+    }
+  };
+  const _handleBarCodeScanned = async scan => {
+    if (!(0, _utils2.isEmptyOrBlank)(scan)) {
+      setShowScanner(false);
+      setScannedInput(scan);
+    }
+  };
+  const updateShipmentCount = async function (scannedCountChanged, totalCountChanged) {
+    let type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'SCAN';
+    if (type === 'SCAN') {
+      // UPDATE THE Count
+      setShipmentCount(_shipmentCount => {
+        return {
+          scannedCount: _shipmentCount.scannedCount + scannedCountChanged,
+          totalCount: _shipmentCount.totalCount + totalCountChanged
+        };
+      });
+    } else {
+      const currentIds = [...new Set([...props.mergedObjectiveId, ...(0, _utils.getSplitIds)(mergedScanETOutput), prefixedMergedObjectiveId])];
+      const _shipmentCount = await _platformCoreosExecutionEngineSdk.DispatchExecutor.getScannedShipmentsCount(currentIds);
+      if (_shipmentCount) {
+        setShipmentCount({
+          scannedCount: _shipmentCount.scannedCount || 0,
+          totalCount: _shipmentCount.totalCount || 0
+        });
+        // setIsScreenLoaded((isScreenLoaded) => ({
+        //   ...isScreenLoaded,
+        //   shipmentCountLoaded: true,
+        // }));
+      }
+    }
+  };
+
+  const addScans = async () => {
+    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;
+    }
+    setShowProgress(true);
+    let isValidated = await (0, _utils.checkForValidation)(scan, props.validation);
+    if (isValidated) {
+      // NEW CODE
+      try {
+        const eventType = (0, _utils.getEventType)(eventCodeItems || [], (selectedEventCode === null || selectedEventCode === void 0 ? void 0 : selectedEventCode.code) || '');
+        const result = await _platformCoreosExecutionEngineSdk.DispatchExecutor.updateWIMapping(prefixedMergedObjectiveId, scan, {
+          ec: (selectedEventCode === null || selectedEventCode === void 0 ? void 0 : selectedEventCode.code) || '',
+          rc: (selectedReason === null || selectedReason === void 0 ? void 0 : selectedReason.code) || ''
+        }, props.scanToMerge || false);
+        if ('data' in result) {
+          const data = result.data;
+          const {
+            message: {
+              title,
+              subTitle
+            }
+          } = data;
+          if (subTitle) {
+            setSnackBar({
+              show: true,
+              message: `#${scan}\n${title}\n${subTitle}`,
+              type: _SnackBarCustom.SnackBarType.WARNING
+            });
+          } else {
+            setSnackBar({
+              show: true,
+              message: `#${scan}\nShipment updated successfully!`,
+              type: _SnackBarCustom.SnackBarType.SUCCESS
+            });
+          }
+          setScanText('');
+          const _scanOutput = await (0, _utils.getUpdatedScanETOutput)(mergedScanETOutput, result, eventType, (selectedEventCode === null || selectedEventCode === void 0 ? void 0 : selectedEventCode.code) || '', (selectedReason === null || selectedReason === void 0 ? void 0 : selectedReason.code) || '', props.route, {
+            jobId: data.jobId,
+            displayInfo: data.displayInfo,
+            isScan: true,
+            scanId: scan
+          });
+
+          // UPDATE SHARED PREFERENCE
+          (0, _utils.updateSharedPreference)(eventType, data.mwId, prefixedMergedObjectiveId);
+
+          // UPDATE SCAN OUTPUT
+          setMergedScanETOutput(_scanOutput);
+
+          // UPDATE THE Count
+          setShipmentCount(_shipmentCount => {
+            return {
+              scannedCount: _shipmentCount.scannedCount + data.scanned,
+              totalCount: _shipmentCount.totalCount + data.total
+            };
+          });
+        }
+      } catch (error) {
+        if (props.exitOnError) {
+          setShowProgress(false);
+          const etOutput = await (0, _utils.getScanETOutput)(mergedScanETOutput, props.mergedObjectiveId, eventCodeItems || [], props.defaultERC, _ScanSchema.DeliverState.CANCELLED, false, 0);
+          props.onSubmitET(etOutput);
+        } else {
+          setSnackBar({
+            show: true,
+            ...(0, _utils.getErrorMessage)(scan, error)
+          });
+        }
+      }
+    } else {
+      if (props.exitOnError) {
+        setShowProgress(false);
+        const etOutput = await (0, _utils.getScanETOutput)(mergedScanETOutput, props.mergedObjectiveId, eventCodeItems || [], props.defaultERC, _ScanSchema.DeliverState.CANCELLED, false, 0);
+        props.onSubmitET(etOutput);
+      } else {
+        setSnackBar({
+          show: true,
+          message: _constants.INVALID_SHIPMENT,
+          type: _SnackBarCustom.SnackBarType.FAILURE
+        });
+      }
+    }
+    setShowProgress(false);
+  };
+  const renderActionButtons = () => {
+    // NEW CODE
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+      labelStyle: _CommonStyles.CommonStyles.nextButtonLabel,
+      style: _CommonStyles.CommonStyles.nextButton,
+      uppercase: false,
+      onPress: () => {
+        setSnackBar({
+          show: false,
+          message: '',
+          type: _SnackBarCustom.SnackBarType.SUCCESS
+        });
+        setShowScanList(!showScanList);
+      }
+    }, `View Summary`));
+  };
+
+  // Handle back-button click when scanList was being viewed
+  (0, _native.useFocusEffect)(_react.default.useCallback(() => {
+    const onBackPress = () => {
+      if (showScanList) {
+        setShowScanList(false);
+        return true;
+      } else {
+        setShowUnscannedShipmentModal(true);
+        // props.navigation.goBack();
+        return true;
+      }
+    };
+    _reactNative.BackHandler.addEventListener('hardwareBackPress', onBackPress);
+    return () => _reactNative.BackHandler.removeEventListener('hardwareBackPress', onBackPress);
+  }, [showScanList]));
+  (0, _react.useEffect)(() => {
+    if (showScanList) {
+      props.navigation.setOptions({
+        title: 'Summary'
+      });
+    } else {
+      props.navigation.setOptions({
+        title: `${props.title}`
+      });
+    }
+  }, [showScanList]);
+  (0, _react.useEffect)(() => {
+    let timeout;
+    if (!showScanner) {
+      timeout = setTimeout(() => {
+        setShowScanner(true);
+      }, 500);
+    }
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [showScanner]);
+  const renderModal = () => {
+    return /*#__PURE__*/_react.default.createElement(_GoBackModal.default, {
+      showModal: showBackModal,
+      setShowModal: setShowBackModal,
+      onSuccess: async () => {
+        const output = await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.SCAN, false, _constants2.GO_BACK_EVENT_CODE, '', props.mergedObjectiveId, _ETConfig.ExecutionTaskID.SCAN);
+        const _scanOutput = {
+          ['default']: {
+            output,
+            count: shipmentCount.totalCount
+          }
+        };
+        props.onSubmitET(_scanOutput);
+        setShowBackModal(false);
+      },
+      onFailure: () => setShowBackModal(false)
+    });
+  };
+
+  // TODO: Modify to Modal Widget
+  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.View, {
+      style: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginBottom: 10
+      }
+    }, /*#__PURE__*/_react.default.createElement(_vectorIcons.AntDesign, {
+      name: "exclamationcircleo",
+      size: 40,
+      color: "#D97706"
+    })), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.titleText
+    }, 'Exit scan flow?'), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: [styles.unscannedShipmentModalSubText, {
+        textAlign: 'center'
+      }]
+    }, 'All the progress made will be lost'), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+      labelStyle: _CommonStyles.CommonStyles.nextButtonLabel,
+      style: {
+        ..._CommonStyles.CommonStyles.nextButton,
+        marginTop: 20
+      },
+      uppercase: false,
+      onPress: () => setShowUnscannedShipmentModal(false)
+    }, "Continue Scanning"), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      style: {
+        ..._CommonStyles.CommonStyles.cancelButton,
+        marginTop: 10,
+        height: 40,
+        borderRadius: 6,
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
+      onPress: async () => {
+        setSnackBar({
+          show: false,
+          message: '',
+          type: _SnackBarCustom.SnackBarType.SUCCESS
+        });
+
+        // Clear Scan
+        await Promise.all([(0, _utils.clearScanOutput)(prefixedMergedObjectiveId), _platformCoreosExecutionEngineSdk.DispatchExecutor.removeShipment(prefixedMergedObjectiveId)]);
+        props.navigation.goBack();
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: _CommonStyles.CommonStyles.cancelButtonLabel
+    }, "Exit Scan Flow")))));
+  };
+  const renderShipmentCount = () => {
+    return /*#__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, `${shipmentCount.scannedCount}/${shipmentCount.totalCount} shipments scanned.`) : props.validation.selectedIndex === 1 || props.validation.selectedIndex === 2 ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, `${shipmentCount.scannedCount} shipments scanned.`) : null);
+  };
+  if (showScanList) {
+    return /*#__PURE__*/_react.default.createElement(_reactNativePaper.Provider, null, renderModal(), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: _CommonStyles.CommonStyles.mainContainer
+    }, /*#__PURE__*/_react.default.createElement(_SummaryPage.default, {
+      ercSelector: props.ercSelector || [],
+      eventCodeItems: eventCodeItems ?? [],
+      handleSubmitET: handleSubmitET,
+      shipmentCount: shipmentCount,
+      updateShipmentCount: updateShipmentCount,
+      scanProps: props,
+      mergedScanETOutput: mergedScanETOutput
+    })));
+  } 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(_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,
+        color: '#CECECE'
+      },
+      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'
+      }
+    }, 'APPLY'))), /*#__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
+    }, renderShipmentCount(), 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