@os1-platform/dispatch-mobile 1.3.11 → 2.0.0

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

@@ -1,24 +1,31 @@
 import { View, Text, StyleSheet, TextInput, TouchableOpacity, BackHandler } from 'react-native';
 import React, { useEffect, useRef, useState, useLayoutEffect } from 'react';
+import { DeliverState } from './ScanSchema';
 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 { checkForValidation, clearScanOutput, getBarCodeTypes, getErrorMessage, getEventType, getScanETOutput, getScanMappedOutput, getSplitIds, getUpdatedScanETOutput, triggerScanEvent, updateSharedPreference } 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 { PROCEED_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 { EMPTY_AWB, ER_MISSING, INVALID_SHIPMENT } 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 { getErcDropDownItems } from './sub_components/DropDownUtils';
+import { GO_BACK_EVENT_CODE } from '../../../constants/constants';
 import Icon from 'react-native-vector-icons/MaterialIcons';
+import { DispatchExecutor } from '@os1-platform/platform-coreos-execution-engine-sdk';
+import SummaryPage from './sub_components/SummaryPage';
+import { RouteParams } from '../../../ui/uiConfig/RouteParams';
+import { BULK_DATA_LIMIT } from '../../../manager/syncmanager/constants';
+import { AntDesign } from '@expo/vector-icons';
+import GoBackModal from '../../../components/widgets/GoBackModal';
+import { hasGoBackConnector } from '../../../components/utils';
+
 /**
  *
  * @param props interface ScannerInput
@@ -33,7 +40,13 @@ import Icon from 'react-native-vector-icons/MaterialIcons';
  */
 
 const ScanET = props => {
-  var _props$wfMeta, _props$additionalMult, _props$meta, _props$meta2, _props$meta6;
+  var _props$wfMeta, _props$additionalMult, _props$meta;
+  const prefixedMergedObjectiveId = props.route.params[RouteParams.ROOT_META_DATA].prefixedMergedObjectiveId;
+  const [isScreenLoaded, setIsScreenLoaded] = 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;
@@ -55,42 +68,95 @@ const ScanET = props => {
    */
 
   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 [scannedInput, setScannedInput] = useState(''); // state to capture scan
   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 [selectedReason, setSelectedReason] = useState(); // reason code from ercSelector
+  const [selectedEventCode, setSelectedEventCode] = useState(); // reason code from ercSelector
+  const [reasonItems, setReasonItems] = useState(); // list of reason codes
+  const [eventCodeItems, setEventCodeItems] = useState(); // list of event codes
+
   const [showBackModal, setShowBackModal] = useState(false);
   const [showUnscannedShipmentModal, setShowUnscannedShipmentModal] = useState(false);
-  const [defaultERCLabel, setDefaultERCLabel] = useState({
-    eventCode: '',
-    reasonCode: ''
+  const [shipmentCount, setShipmentCount] = useState({
+    scannedCount: 0,
+    totalCount: 0
   });
-  const fetchLabel = async () => {
-    const {
-      eventCode,
-      reasonCode
-    } = await getDefaultERCLabel(props.defaultERC);
-    setDefaultERCLabel({
-      eventCode,
-      reasonCode
-    });
+  const [mergedScanETOutput, setMergedScanETOutput] = useState({});
+  const fetchShipmentCount = async () => {
+    try {
+      const _shipmentCount = await 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 getScanMappedOutput()) || {};
+      setMergedScanETOutput(scanOutput[prefixedMergedObjectiveId] || {});
+    } catch (error) {}
+  };
+  const fetchERC = async () => {
+    if (props.ercSelector) {
+      try {
+        let response = await 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
+      });
+    }
   };
   useEffect(() => {
-    fetchLabel();
-  }, [props.defaultERC]);
+    fetchAllData();
+  }, []);
+  useEffect(() => props.showProgress(true), []);
+  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]);
+
   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);
+        return /*#__PURE__*/React.createElement(Icon, {
+          onPress: () => {
+            var _props$taskMeta;
+            if ((_props$taskMeta = props.taskMeta) !== null && _props$taskMeta !== void 0 && _props$taskMeta.enableGoBack && hasGoBackConnector(props.applicableReasons)) setShowBackModal(true);else {
+              if (showScanList) setShowScanList(false);else setShowUnscannedShipmentModal(true);
+            }
           },
           name: "arrow-back",
           color: 'black',
@@ -99,17 +165,10 @@ const ScanET = props => {
             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]);
+  }, [props.navigation, props.title, showScanList]);
   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);
@@ -122,30 +181,97 @@ const ScanET = props => {
       }
     })();
   }, [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 handleSubmitET = async (status, count, erc) => {
+    if (status === PROCEED_STATUS.DELIVER_LATER) {
+      if (shipmentCount.scannedCount === 0) {
+        props.navigation.goBack();
+      } else {
+        const etOutput = await getScanETOutput(mergedScanETOutput, props.mergedObjectiveId, eventCodeItems || [], props.defaultERC, DeliverState.DELIVERE_LATER, true, count);
+        props.onSubmitET(etOutput);
+      }
+    } else {
+      if (shipmentCount.scannedCount < shipmentCount.totalCount) {
+        if (erc) {
+          const prefixedMergedObjectiveId = props.route.params[RouteParams.ROOT_META_DATA].prefixedMergedObjectiveId;
+          const etOutput = await getScanETOutput(mergedScanETOutput, props.mergedObjectiveId, eventCodeItems || [], {
+            eventCode: erc.ec,
+            reasonCode: erc.rc
+          }, DeliverState.DELIVER_NOW, true, count);
+          let hasNextPage = true;
+          let offset = 0;
+          const limit = BULK_DATA_LIMIT;
+          let scans = {
+            data: [],
+            totalCount: 0
+          };
+          const scannedData = [];
+          do {
+            scans = await 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);
+          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 getScanETOutput(mergedScanETOutput, props.mergedObjectiveId, eventCodeItems || [], props.defaultERC, DeliverState.DELIVER_NOW, false, count);
+          props.onSubmitET(etOutput);
+        }
+      }
+    }
+  };
   const _handleBarCodeScanned = async scan => {
     if (!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, ...getSplitIds(mergedScanETOutput), prefixedMergedObjectiveId])];
+      const _shipmentCount = await DispatchExecutor.getScannedShipmentsCount(currentIds);
+      if (_shipmentCount) {
+        setShipmentCount({
+          scannedCount: _shipmentCount.scannedCount || 0,
+          totalCount: _shipmentCount.totalCount || 0
+        });
+        // setIsScreenLoaded((isScreenLoaded) => ({
+        //   ...isScreenLoaded,
+        //   shipmentCountLoaded: true,
+        // }));
+      }
+    }
+  };
+
   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');
@@ -165,65 +291,76 @@ const ScanET = props => {
       });
       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);
+      // NEW CODE
+      try {
+        const eventType = getEventType(eventCodeItems || [], (selectedEventCode === null || selectedEventCode === void 0 ? void 0 : selectedEventCode.code) || '');
+        const result = await 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: SnackBarType.WARNING
+            });
+          } else {
+            setSnackBar({
+              show: true,
+              message: `#${scan}\nShipment updated successfully!`,
+              type: SnackBarType.SUCCESS
+            });
+          }
+          setScanText('');
+          const _scanOutput = await 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
+          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 getScanETOutput(mergedScanETOutput, props.mergedObjectiveId, eventCodeItems || [], props.defaultERC, DeliverState.CANCELLED, false, 0);
+          props.onSubmitET(etOutput);
+        } else {
+          setSnackBar({
+            show: true,
+            ...getErrorMessage(scan, error)
+          });
+        }
       }
     } 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))
-        });
+        setShowProgress(false);
+        const etOutput = await getScanETOutput(mergedScanETOutput, props.mergedObjectiveId, eventCodeItems || [], props.defaultERC, DeliverState.CANCELLED, false, 0);
+        props.onSubmitET(etOutput);
       } else {
         setSnackBar({
           show: true,
@@ -235,229 +372,20 @@ const ScanET = props => {
     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;
+    // NEW CODE
+    return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Button, {
+      labelStyle: CommonStyles.nextButtonLabel,
+      style: CommonStyles.nextButton,
+      uppercase: false,
+      onPress: () => {
+        setSnackBar({
+          show: false,
+          message: '',
+          type: SnackBarType.SUCCESS
+        });
+        setShowScanList(!showScanList);
+      }
+    }, `View Summary`));
   };
 
   // Handle back-button click when scanList was being viewed
@@ -467,13 +395,25 @@ const ScanET = props => {
         setShowScanList(false);
         return true;
       } else {
-        if (!showModal) setShowModal(true);
+        setShowUnscannedShipmentModal(true);
+        // props.navigation.goBack();
         return true;
       }
     };
     BackHandler.addEventListener('hardwareBackPress', onBackPress);
     return () => BackHandler.removeEventListener('hardwareBackPress', onBackPress);
   }, [showScanList]));
+  useEffect(() => {
+    if (showScanList) {
+      props.navigation.setOptions({
+        title: 'Summary'
+      });
+    } else {
+      props.navigation.setOptions({
+        title: `${props.title}`
+      });
+    }
+  }, [showScanList]);
   useEffect(() => {
     let timeout;
     if (!showScanner) {
@@ -486,40 +426,25 @@ const ScanET = props => {
     };
   }, [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))
-        });
+    return /*#__PURE__*/React.createElement(GoBackModal, {
+      showModal: showBackModal,
+      setShowModal: setShowBackModal,
+      onSuccess: async () => {
+        const output = await getBaseETResponse(EntityCode.SCAN, false, GO_BACK_EVENT_CODE, '', props.mergedObjectiveId, ExecutionTaskID.SCAN);
+        const _scanOutput = {
+          ['default']: {
+            output,
+            count: shipmentCount.totalCount
+          }
+        };
+        props.onSubmitET(_scanOutput);
         setShowBackModal(false);
-      }
-    }, "Yes"), /*#__PURE__*/React.createElement(Button, {
-      labelStyle: CommonStyles.cancelButtonLabel,
-      style: {
-        ...CommonStyles.cancelButton,
-        marginTop: 10
       },
-      uppercase: false,
-      onPress: () => setShowBackModal(false)
-    }, "No"))));
+      onFailure: () => setShowBackModal(false)
+    });
   };
+
+  // TODO: Modify to Modal Widget
   const renderUnscannedShipmentModal = () => {
     return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Modal, {
       visible: showUnscannedShipmentModal,
@@ -530,15 +455,23 @@ const ScanET = props => {
       }]
     }, /*#__PURE__*/React.createElement(View, {
       style: styles.modalView
-    }, /*#__PURE__*/React.createElement(Text, {
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginBottom: 10
+      }
+    }, /*#__PURE__*/React.createElement(AntDesign, {
+      name: "exclamationcircleo",
+      size: 40,
+      color: "#D97706"
+    })), /*#__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, {
+    }, 'Exit scan flow?'), /*#__PURE__*/React.createElement(Text, {
+      style: [styles.unscannedShipmentModalSubText, {
+        textAlign: 'center'
+      }]
+    }, 'All the progress made will be lost'), /*#__PURE__*/React.createElement(Button, {
       labelStyle: CommonStyles.nextButtonLabel,
       style: {
         ...CommonStyles.nextButton,
@@ -546,7 +479,7 @@ const ScanET = props => {
       },
       uppercase: false,
       onPress: () => setShowUnscannedShipmentModal(false)
-    }, "Go Back"), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    }, "Continue Scanning"), /*#__PURE__*/React.createElement(TouchableOpacity, {
       style: {
         ...CommonStyles.cancelButton,
         marginTop: 10,
@@ -556,70 +489,46 @@ const ScanET = props => {
         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))
-        });
+
+        // Clear Scan
+        await Promise.all([clearScanOutput(prefixedMergedObjectiveId), DispatchExecutor.removeShipment(prefixedMergedObjectiveId)]);
+        props.navigation.goBack();
       }
     }, /*#__PURE__*/React.createElement(Text, {
       style: CommonStyles.cancelButtonLabel
-    }, "Update all unscanned shipments")))));
+    }, "Exit Scan Flow")))));
+  };
+  const renderShipmentCount = () => {
+    return /*#__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, `${shipmentCount.scannedCount}/${shipmentCount.totalCount} shipments scanned.`) : props.validation.selectedIndex === 1 || props.validation.selectedIndex === 2 ? /*#__PURE__*/React.createElement(Text, null, `${shipmentCount.scannedCount} shipments scanned.`) : null);
   };
   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
+    }, /*#__PURE__*/React.createElement(SummaryPage, {
+      ercSelector: props.ercSelector || [],
+      eventCodeItems: eventCodeItems ?? [],
+      handleSubmitET: handleSubmitET,
+      shipmentCount: shipmentCount,
+      updateShipmentCount: updateShipmentCount,
+      scanProps: props,
+      mergedScanETOutput: mergedScanETOutput
     })));
   } 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, {
+    }, renderModal(), renderUnscannedShipmentModal(), /*#__PURE__*/React.createElement(ProgressDialog, {
       visible: showProgress,
       label: PLEASE_WAIT
     }), /*#__PURE__*/React.createElement(View, {
@@ -675,7 +584,8 @@ const ScanET = props => {
         marginEnd: 20,
         flex: 1,
         fontSize: 16,
-        fontFamily: Fonts.IBMPlexSans_600SemiBold
+        fontFamily: Fonts.IBMPlexSans_600SemiBold,
+        color: '#CECECE'
       },
       placeholder: 'Enter Shipment ID'
     }), /*#__PURE__*/React.createElement(TouchableOpacity, {
@@ -703,7 +613,7 @@ const ScanET = props => {
         lineHeight: 20,
         color: '#3D445C'
       }
-    }, 'ADD'))), /*#__PURE__*/React.createElement(View, {
+    }, 'APPLY'))), /*#__PURE__*/React.createElement(View, {
       style: styles.cameraContainer
     }, showScanner ? /*#__PURE__*/React.createElement(CScanner, {
       barCodeTypes: getBarCodeTypes(props),
@@ -726,18 +636,7 @@ const ScanET = props => {
       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())));
+    }, renderShipmentCount(), renderActionButtons())));
   }
 };
 export default ScanET;