@os1-platform/dispatch-mobile 1.0.7 → 1.3.11

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

@@ -0,0 +1,833 @@
+import { View, Text, StyleSheet, TextInput, TouchableOpacity, BackHandler } from 'react-native';
+import React, { useEffect, useRef, useState, useLayoutEffect } from 'react';
+import { CommonStyles, Fonts } from '../../../styles/executionTasks/CommonStyles';
+import ProgressDialog from '../../widgets/ProgressDialog';
+import { PLEASE_WAIT } from '../../../res/strings';
+import CScanner from './sub_components/CScanner';
+import { checkForValidation, getBarCodeTypes, getScanETOutput, getScannedItemCount, getShipmentData, isETCompleted, isReplacement } from './utils';
+import SnackBarCustom, { SnackBarType } from '../../widgets/SnackBarCustom';
+import { Button, Modal, Portal, Provider } from 'react-native-paper';
+import { useFocusEffect } from '@react-navigation/native';
+import ScanList from './sub_components/ScanList';
+import { isEmptyOrBlank } from '../../../utils/utils';
+import { SCAN_STATUS } from './interfaces';
+import { getBaseETResponse } from '../../../utils/ExecTaskUtils';
+import { EntityCode, ExecutionTaskID } from '../../../models/execTasks/ETConfig';
+import { getEventCodeByET } from '../../../manager/dispatchCodes/EventCodeContainer';
+import { ADD_SHIPMENT, EMPTY_AWB, ER_MISSING, INVALID_SHIPMENT, MAX_SHIPMENT_REACHED, SHIPMENT_ALREADY_ADDED } from './constants';
+import ERDropDown from './sub_components/ERDropDown';
+import { getDefaultERCLabel, getErcDropDownItems } from './sub_components/DropDownUtils';
+import { GO_BACK_EVENT_CODE, REASON_NOT_USED } from '../../../constants/constants';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+/**
+ *
+ * @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] = useState(false); // To show shipments List
+  const [showProgress, setShowProgress] = useState(false); // To pause implementation while a barcode was scanned
+  const [showScanner, setShowScanner] = useState(true); // To show the barcode scanner on screen and refresh on successful scan
+  const [scanText, setScanText] = useState(''); // Show scan text
+  const [snackBar, setSnackBar] = useState({
+    show: false,
+    type: 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] = useState(new Map());
+  const [showModal, setShowModal] = useState(false);
+  const [isCompleted, setIsCompleted] = useState(() => isETCompleted(props.validation, scansMap, props.scanMode, isMultiObjectiveEnable, undefined, SINGLE_MODE_COUNT, allowMultiObjectivePartial)); // to decide if ET is completed
+  const [scannedInput, setScannedInput] = useState('');
+  const refInput = useRef(null);
+  const [selectedReason, setSelectedReason] = useState();
+  const [selectedEventCode, setSelectedEventCode] = useState();
+  const [reasonItems, setReasonItems] = useState();
+  const [eventCodeItems, setEventCodeItems] = useState();
+  let blindDataMap = new Map((_props$meta2 = props.meta) === null || _props$meta2 === void 0 ? void 0 : _props$meta2.blindData);
+  const [showBackModal, setShowBackModal] = useState(false);
+  const [showUnscannedShipmentModal, setShowUnscannedShipmentModal] = useState(false);
+  const [defaultERCLabel, setDefaultERCLabel] = useState({
+    eventCode: '',
+    reasonCode: ''
+  });
+  const fetchLabel = async () => {
+    const {
+      eventCode,
+      reasonCode
+    } = await getDefaultERCLabel(props.defaultERC);
+    setDefaultERCLabel({
+      eventCode,
+      reasonCode
+    });
+  };
+  useEffect(() => {
+    fetchLabel();
+  }, [props.defaultERC]);
+  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.createElement(Icon, {
+          onPress: async () => {
+            setShowBackModal(true);
+          },
+          name: "arrow-back",
+          color: 'black',
+          size: 25,
+          style: {
+            paddingRight: 15,
+            paddingTop: 5
+          }
+        }) : null;
+      }
+    });
+  }, [props.navigation, props.title]);
+  useEffect(() => {
+    props.ercSelector && (async () => {
+      let response = await getErcDropDownItems('EVENT', props.ercSelector || []);
+      setEventCodeItems(response);
+      setSelectedEventCode(response[0]);
+    })();
+  }, [props.ercSelector]);
+  useEffect(() => {
+    (selectedEventCode === null || selectedEventCode === void 0 ? void 0 : selectedEventCode.code) && (async () => {
+      let response = await 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]);
+  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 = 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]);
+  useEffect(() => {
+    scannedInput && (async () => {
+      await addScans();
+      setScannedInput('');
+    })();
+  }, [scannedInput]);
+  const _handleBarCodeScanned = async scan => {
+    if (!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 (isEmptyOrBlank(scan)) {
+      // showToast('Empty AWB Code');
+      setSnackBar({
+        show: true,
+        message: EMPTY_AWB,
+        type: SnackBarType.FAILURE
+      });
+      return;
+    }
+    if (isErcSelector && (!selectedEventCode || !selectedEventCode.code)) {
+      // showToast('Empty AWB Code');
+      setSnackBar({
+        show: true,
+        message: ER_MISSING.replace('<shipment_id>', scan),
+        type: SnackBarType.FAILURE
+      });
+      return;
+    }
+    const isERReplacement = isReplacement(scan, scansMap, selectedEventCode, selectedReason);
+    if (((_scansMap$get = scansMap.get(scan)) === null || _scansMap$get === void 0 ? void 0 : _scansMap$get.scanStatus) === SCAN_STATUS.SCANNED || ((_scansMap$get2 = scansMap.get(scan)) === null || _scansMap$get2 === void 0 ? void 0 : _scansMap$get2.scanStatus) === SCAN_STATUS.FAILED) {
+      // showToast('Already added');
+      if (!isERReplacement) {
+        setSnackBar({
+          show: true,
+          message: SHIPMENT_ALREADY_ADDED.replace('<shipment_id>', scan),
+          type: SnackBarType.FAILURE
+        });
+        return;
+      }
+    }
+    let scannedShipmentsCount = getScannedItemCount(scansMap);
+    const scanCompleted = 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: MAX_SHIPMENT_REACHED,
+        type: SnackBarType.FAILURE
+      });
+      return;
+    }
+    setShowProgress(true);
+    let isValidated = await checkForValidation(scan, props.validation);
+    if (isValidated) {
+      var _scansMap$get3, _scansMap$get4;
+      setSnackBar({
+        show: true,
+        message: ADD_SHIPMENT.replace('<shipment_id>', scan),
+        type: 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: 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 = 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 getBaseETResponse(EntityCode.SCAN, false, props.defaultERC.eventCode, props.defaultERC.reasonCode || ''))
+          },
+          ...(await getScanETOutput(scansMap, props.validation.selectedIndex, blindDataMap, props.scanMode, props.scanCountLimit, props.defaultERC, isMultiObjectiveEnable, props.applicableReasons, isErcSelector, true))
+        });
+      } else {
+        setSnackBar({
+          show: true,
+          message: INVALID_SHIPMENT,
+          type: 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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+        style: {
+          marginBottom: 8
+        }
+      }, /*#__PURE__*/React.createElement(Button, {
+        labelStyle: CommonStyles.nextButtonLabel,
+        style: CommonStyles.nextButton,
+        uppercase: true,
+        onPress: async () => {
+          let shipmentCount = 0;
+          let totalShipments = 0;
+          if (isMultiObjectiveEnable || props.scanMode === 'SINGLE' || props.validation.selectedIndex === 0 || props.scanCountLimit) {
+            shipmentCount = 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 = getScannedItemCount(scansMap);
+          }
+          if (shipmentCount < totalShipments) {
+            setShowUnscannedShipmentModal(true);
+          } else {
+            var _props$applicableReas;
+            setSnackBar({
+              show: false,
+              message: '',
+              type: SnackBarType.SUCCESS
+            });
+            props.onSubmitET({
+              baseResponse: {
+                ...(await getBaseETResponse(EntityCode.SCAN, true, getEventCodeByET(ExecutionTaskID.SCAN, true, isErcSelector ? undefined : (_props$applicableReas = props.applicableReasons) === null || _props$applicableReas === void 0 ? void 0 : _props$applicableReas.success), isErcSelector ? REASON_NOT_USED : ''))
+              },
+              ...(await getScanETOutput(scansMap, props.validation.selectedIndex, blindDataMap, props.scanMode, props.scanCountLimit, props.defaultERC, isMultiObjectiveEnable, props.applicableReasons, isErcSelector))
+            });
+          }
+        }
+      }, `Proceed`)), /*#__PURE__*/React.createElement(View, {
+        style: styles.bottomButtons
+      }, /*#__PURE__*/React.createElement(Button, {
+        labelStyle: CommonStyles.exitButtonLabel,
+        style: {
+          ...CommonStyles.exitButton,
+          flex: 1,
+          marginEnd: 5
+        },
+        uppercase: false,
+        onPress: () => {
+          setSnackBar({
+            show: false,
+            message: '',
+            type: SnackBarType.SUCCESS
+          });
+          setShowModal(true);
+        }
+      }, `Cancel`), /*#__PURE__*/React.createElement(Button, {
+        labelStyle: CommonStyles.cancelButtonLabel,
+        style: {
+          ...CommonStyles.cancelButton,
+          flex: 1,
+          marginStart: 5
+        },
+        uppercase: true,
+        onPress: () => {
+          setSnackBar({
+            show: false,
+            message: '',
+            type: SnackBarType.SUCCESS
+          });
+          setShowScanList(!showScanList);
+        }
+      }, `View Summary`)));
+    }
+    if (!isCompleted) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.bottomButtons
+      }, /*#__PURE__*/React.createElement(Button, {
+        labelStyle: CommonStyles.exitButtonLabel,
+        style: {
+          ...CommonStyles.exitButton,
+          flex: 1,
+          marginEnd: 5
+        },
+        uppercase: false,
+        onPress: () => {
+          setSnackBar({
+            show: false,
+            message: '',
+            type: SnackBarType.SUCCESS
+          });
+          setShowModal(true);
+        }
+      }, `Cancel`), /*#__PURE__*/React.createElement(Button, {
+        labelStyle: CommonStyles.cancelButtonLabel,
+        style: {
+          ...CommonStyles.cancelButton,
+          flex: 1,
+          marginStart: 5
+        },
+        uppercase: true,
+        onPress: () => {
+          setSnackBar({
+            show: false,
+            message: '',
+            type: 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
+  useFocusEffect(React.useCallback(() => {
+    const onBackPress = () => {
+      if (showScanList) {
+        setShowScanList(false);
+        return true;
+      } else {
+        if (!showModal) setShowModal(true);
+        return true;
+      }
+    };
+    BackHandler.addEventListener('hardwareBackPress', onBackPress);
+    return () => BackHandler.removeEventListener('hardwareBackPress', onBackPress);
+  }, [showScanList]));
+  useEffect(() => {
+    let timeout;
+    if (!showScanner) {
+      timeout = setTimeout(() => {
+        setShowScanner(true);
+      }, 500);
+    }
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [showScanner]);
+  const renderModal = () => {
+    return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Modal, {
+      visible: showBackModal,
+      dismissable: true,
+      contentContainerStyle: styles.modalContent
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.modalView
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.subText
+    }, 'Are you sure you want to go back?'), /*#__PURE__*/React.createElement(Button, {
+      labelStyle: CommonStyles.nextButtonLabel,
+      style: {
+        ...CommonStyles.nextButton,
+        marginTop: 10
+      },
+      uppercase: false,
+      onPress: async () => {
+        props.onSubmitET({
+          baseResponse: {
+            ...(await getBaseETResponse(EntityCode.SCAN, false, GO_BACK_EVENT_CODE, ''))
+          },
+          ...(await getScanETOutput(scansMap, props.validation.selectedIndex, blindDataMap, props.scanMode, props.scanCountLimit, props.defaultERC, isMultiObjectiveEnable, props.applicableReasons, isErcSelector, true))
+        });
+        setShowBackModal(false);
+      }
+    }, "Yes"), /*#__PURE__*/React.createElement(Button, {
+      labelStyle: CommonStyles.cancelButtonLabel,
+      style: {
+        ...CommonStyles.cancelButton,
+        marginTop: 10
+      },
+      uppercase: false,
+      onPress: () => setShowBackModal(false)
+    }, "No"))));
+  };
+  const renderUnscannedShipmentModal = () => {
+    return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Modal, {
+      visible: showUnscannedShipmentModal,
+      dismissable: true,
+      contentContainerStyle: [styles.modalContent, {
+        marginStart: 40,
+        marginEnd: 40
+      }]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.modalView
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.titleText
+    }, 'Unscanned Shipments!'), /*#__PURE__*/React.createElement(Text, {
+      style: styles.unscannedShipmentModalSubText
+    }, 'There are unscanned shipments. If you proceed, the following status will be applied to them:'), /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(Text, {
+      style: styles.modalDefaultERCStyle
+    }, "Event:"), ' ', `${defaultERCLabel.eventCode}`), props.defaultERC.reasonCode ? /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(Text, {
+      style: styles.modalDefaultERCStyle
+    }, "Reason: "), ' ', `${defaultERCLabel.reasonCode}`) : null, /*#__PURE__*/React.createElement(Button, {
+      labelStyle: CommonStyles.nextButtonLabel,
+      style: {
+        ...CommonStyles.nextButton,
+        marginTop: 20
+      },
+      uppercase: false,
+      onPress: () => setShowUnscannedShipmentModal(false)
+    }, "Go Back"), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: {
+        ...CommonStyles.cancelButton,
+        marginTop: 10,
+        height: 40,
+        borderRadius: 6,
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
+      onPress: async () => {
+        var _props$applicableReas2;
+        setSnackBar({
+          show: false,
+          message: '',
+          type: SnackBarType.SUCCESS
+        });
+        props.onSubmitET({
+          baseResponse: {
+            ...(await getBaseETResponse(EntityCode.SCAN, true, getEventCodeByET(ExecutionTaskID.SCAN, true, isErcSelector ? undefined : (_props$applicableReas2 = props.applicableReasons) === null || _props$applicableReas2 === void 0 ? void 0 : _props$applicableReas2.success), isErcSelector ? REASON_NOT_USED : ''))
+          },
+          ...(await getScanETOutput(scansMap, props.validation.selectedIndex, blindDataMap, props.scanMode, props.scanCountLimit, props.defaultERC, isMultiObjectiveEnable, props.applicableReasons, isErcSelector))
+        });
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: CommonStyles.cancelButtonLabel
+    }, "Update all unscanned shipments")))));
+  };
+  if (showScanList) {
+    const [pendingShipments, scannedShipments] = getShipmentData(props.validation.selectedIndex, scansMap);
+    return /*#__PURE__*/React.createElement(Provider, null, renderModal(), /*#__PURE__*/React.createElement(View, {
+      style: CommonStyles.mainContainer
+    }, /*#__PURE__*/React.createElement(ScanList, {
+      validation: props.validation,
+      pending: pendingShipments,
+      scanned: scannedShipments
+    })));
+  } else {
+    return /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(View, {
+      style: CommonStyles.mainContainer
+    }, renderModal(), renderUnscannedShipmentModal(), /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Modal, {
+      visible: showModal,
+      dismissable: true,
+      contentContainerStyle: styles.modalContent
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.modalView
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.titleText
+    }, 'Are you sure?'), /*#__PURE__*/React.createElement(Text, {
+      style: styles.subText
+    }, 'Going back will undo all scans done for this order. Do you want to proceed?'), /*#__PURE__*/React.createElement(Button, {
+      labelStyle: CommonStyles.nextButtonLabel,
+      style: {
+        ...CommonStyles.nextButton,
+        marginTop: 10
+      },
+      uppercase: false,
+      onPress: async () => {
+        setShowModal(false);
+        props.onSubmitET({
+          baseResponse: {
+            ...(await getBaseETResponse(EntityCode.SCAN, false, props.defaultERC.eventCode, props.defaultERC.reasonCode || ''))
+          },
+          ...(await getScanETOutput(scansMap, props.validation.selectedIndex, blindDataMap, props.scanMode, props.scanCountLimit, props.defaultERC, isMultiObjectiveEnable, props.applicableReasons, isErcSelector, true))
+        });
+      }
+    }, "Confirm"), /*#__PURE__*/React.createElement(Button, {
+      labelStyle: CommonStyles.cancelButtonLabel,
+      style: {
+        ...CommonStyles.cancelButton,
+        marginTop: 10
+      },
+      uppercase: false,
+      onPress: () => setShowModal(false)
+    }, "Resume Scan")))), /*#__PURE__*/React.createElement(ProgressDialog, {
+      visible: showProgress,
+      label: PLEASE_WAIT
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1
+      }
+    }, props.ercSelector && /*#__PURE__*/React.createElement(View, {
+      style: {
+        marginHorizontal: 16
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        marginBottom: 16
+      }
+    }, /*#__PURE__*/React.createElement(ERDropDown, {
+      title: 'Event',
+      style: {
+        height: 50
+      },
+      selectedReason: selectedEventCode,
+      items: eventCodeItems ?? [],
+      onItemChange: eventItem => {
+        if (eventItem !== null) setSelectedEventCode(eventItem);
+      }
+    })), /*#__PURE__*/React.createElement(View, {
+      style: {
+        marginVertical: 16
+      }
+    }, /*#__PURE__*/React.createElement(ERDropDown, {
+      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.createElement(View, {
+      style: styles.addShipmentStyle
+    }, /*#__PURE__*/React.createElement(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: Fonts.IBMPlexSans_600SemiBold
+      },
+      placeholder: 'Enter Shipment ID'
+    }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: {
+        alignSelf: 'center',
+        justifyContent: 'center',
+        paddingVertical: 9,
+        paddingHorizontal: 17,
+        borderWidth: 1,
+        borderRadius: 6,
+        borderColor: '#E0E3EB'
+      },
+      onPress: async () => {
+        setSnackBar({
+          show: false,
+          message: '',
+          type: SnackBarType.SUCCESS
+        });
+        setScannedInput(scanText);
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: {
+        fontSize: 14,
+        fontFamily: Fonts.IBMPlexSans_500Medium,
+        lineHeight: 20,
+        color: '#3D445C'
+      }
+    }, 'ADD'))), /*#__PURE__*/React.createElement(View, {
+      style: styles.cameraContainer
+    }, showScanner ? /*#__PURE__*/React.createElement(CScanner, {
+      barCodeTypes: getBarCodeTypes(props),
+      onScanned: _handleBarCodeScanned
+    }) : null)), /*#__PURE__*/React.createElement(View, {
+      style: {
+        justifyContent: 'flex-end'
+      }
+    }, /*#__PURE__*/React.createElement(SnackBarCustom, {
+      type: snackBar.type,
+      message: `${snackBar.message}`,
+      visible: snackBar.show,
+      onDismiss: () => {
+        setSnackBar({
+          show: false,
+          message: '',
+          type: SnackBarType.SUCCESS
+        });
+      },
+      customBottom: 20
+    })), /*#__PURE__*/React.createElement(View, {
+      style: styles.bottomView
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        justifyContent: 'flex-end',
+        marginStart: 10,
+        marginEnd: 10,
+        marginBottom: 10
+      }
+    }, isMultiObjectiveEnable || props.scanMode === 'SINGLE' || props.validation.selectedIndex === 0 || props.scanCountLimit ? /*#__PURE__*/React.createElement(Text, null, `${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.createElement(Text, null, `${getScannedItemCount(scansMap)} shipments scanned.`) : null), renderActionButtons())));
+  }
+};
+export default ScanET;
+const styles = 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: 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: 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: Fonts.IBMPlexSans_400Regular
+  }
+});
+//# sourceMappingURL=ScanET.js.map