@os1-platform/dispatch-mobile 2.1.1 → 2.1.3

package/lib/module/components/executiontasks/imageCapture/ImageCapture.js

@@ -1,10 +1,9 @@
 import React, { useCallback, useEffect, useState, useLayoutEffect } from 'react';
-import { BackHandler, FlatList, Image, Platform, StyleSheet, Text, View } from 'react-native';
+import { BackHandler, FlatList, Image, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import * as CaptureUtils from './CaptureUtils';
 import { getCaptureOutput } from './CaptureUtils';
 import { showToast } from '../../widgets/Toaster';
-import SdkColors, { ColorTheme } from '../../../styles/SdkColors';
-import Icon from 'react-native-vector-icons/MaterialIcons';
+import Iconn from 'react-native-vector-icons/MaterialIcons';
 import { CommonStyles, Fonts } from '../../../styles/executionTasks/CommonStyles';
 import { getBaseETResponse } from '../../../utils/ExecTaskUtils';
 import { EntityCode, ExecutionTaskID } from '../../../models/execTasks/ETConfig';
@@ -15,39 +14,22 @@ import Logger, { LOG_TYPE } from '../../../utils/Logger';
 import { hasGoBackConnector } from '../../../components/utils';
 import GoBackModal from '../../../components/widgets/GoBackModal';
 import { useFocusEffect } from '@react-navigation/native';
-const ImageItem = _ref => {
-  let {
-    item,
-    onPress
-  } = _ref;
-  return /*#__PURE__*/React.createElement(View, {
-    style: {
-      marginEnd: 8
-    }
-  }, /*#__PURE__*/React.createElement(Image, {
-    source: {
-      uri: item.path
-    },
-    style: styles.image
-  }), /*#__PURE__*/React.createElement(Icon, {
-    onPress: onPress,
-    name: "highlight-remove",
-    color: 'red',
-    size: 32,
-    style: {
-      position: 'absolute',
-      right: 5,
-      top: 5
-    }
-  }));
-};
+import Circle from "./circle-xmark.svg";
+import CameraIcon from "./camera.svg";
 const ImageCapture = props => {
+  let numberOfImagesToCapture;
+  if (props.captureMode == "SINGLE") {
+    numberOfImagesToCapture = 1;
+  } else if (props.captureMode === 'MULTI' && props.captureCountLimit && props.captureCountLimit > 0) {
+    numberOfImagesToCapture = props.captureCountLimit;
+  }
   const [images, setImages] = useState([]);
+  const [imagesDummy, setImagesDummy] = useState([]);
   const [showCapture, setShowCapture] = useState(true);
   const [disableProceed, setDisableProceed] = useState(false);
   const [showBackModal, setShowBackModal] = useState(false);
-
-  // Handle back-button click
+  const [buttonProceed, setButtonProceed] = useState(false);
+  const [numColumns, setNumColumns] = useState(numberOfImagesToCapture <= 2 ? 1 : 2);
   useFocusEffect(React.useCallback(() => {
     const onBackPress = () => {
       var _props$taskMeta;
@@ -66,7 +48,7 @@ const ImageCapture = props => {
     props.navigation.setOptions({
       title: props.title,
       headerLeft: () => {
-        return /*#__PURE__*/React.createElement(Icon, {
+        return /*#__PURE__*/React.createElement(Iconn, {
           onPress: () => {
             var _props$taskMeta2;
             if ((_props$taskMeta2 = props.taskMeta) !== null && _props$taskMeta2 !== void 0 && _props$taskMeta2.enableGoBack && hasGoBackConnector(props.applicableReasons)) setShowBackModal(true);else props.navigation.goBack();
@@ -82,6 +64,91 @@ const ImageCapture = props => {
       }
     });
   }, [props.navigation, props.title]);
+  useEffect(() => {
+    if (images.length === 0) {
+      let arr = [];
+      for (let i = 0; i < numberOfImagesToCapture; i++) {
+        arr.push({
+          path: ''
+        });
+      }
+      setImages(arr);
+    }
+  }, [images]);
+  const ImageItem = _ref => {
+    var _imagesDummy$index, _imagesDummy$index2, _imagesDummy$index3, _imagesDummy$index4;
+    let {
+      item,
+      index,
+      onPress
+    } = _ref;
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        width: numColumns == 2 ? '43%' : '88%',
+        height: numColumns == 2 ? 160 : numberOfImagesToCapture == 1 ? 336 : 180,
+        backgroundColor: 'white',
+        alignItems: 'center',
+        alignSelf: 'center',
+        borderWidth: 1,
+        borderColor: '#A3AAC2',
+        borderStyle: 'dashed',
+        borderRadius: 3,
+        marginTop: '6%',
+        marginStart: numColumns == 2 ? 17 : numberOfImagesToCapture == 1 ? 0 : 0
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        alignItems: 'center',
+        width: '80%',
+        height: '98%',
+        borderRadius: 3
+      }
+    }, (imagesDummy === null || imagesDummy === void 0 ? void 0 : imagesDummy.length) > index && (_imagesDummy$index = imagesDummy[index]) !== null && _imagesDummy$index !== void 0 && _imagesDummy$index.path ? null : /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: onPress
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        marginTop: numColumns === 2 ? '32%' : numberOfImagesToCapture === 1 ? '50%' : '20%'
+      }
+    }, /*#__PURE__*/React.createElement(CameraIcon, null))), /*#__PURE__*/React.createElement(Button, {
+      onPress: () => captureImage(index),
+      uppercase: false,
+      labelStyle: [{
+        fontFamily: Fonts.IBMPlexSans_500Medium,
+        fontStyle: 'normal',
+        fontWeight: 'normal',
+        fontSize: 14,
+        letterSpacing: 0.25,
+        color: '#5B80F7'
+      }]
+    }, (imagesDummy === null || imagesDummy === void 0 ? void 0 : imagesDummy.length) > index && (_imagesDummy$index2 = imagesDummy[index]) !== null && _imagesDummy$index2 !== void 0 && _imagesDummy$index2.path ? null : 'Click Photo'), /*#__PURE__*/React.createElement(Image, {
+      source: {
+        uri: (imagesDummy === null || imagesDummy === void 0 ? void 0 : imagesDummy.length) > index ? (_imagesDummy$index3 = imagesDummy[index]) === null || _imagesDummy$index3 === void 0 ? void 0 : _imagesDummy$index3.path : item === null || item === void 0 ? void 0 : item.path
+      },
+      style: {
+        height: numColumns == 2 ? '75%' : numberOfImagesToCapture == 1 ? '85%' : '85%',
+        width: numColumns == 2 ? '105%' : '118%',
+        borderRadius: 10,
+        bottom: numColumns == 2 ? '6%' : numberOfImagesToCapture == 1 ? '2%' : '11%'
+      }
+    }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: onPress,
+      style: {
+        position: 'absolute',
+        top: numColumns == 2 ? '17%' : '9%',
+        marginRight: '2%'
+      }
+    }, (imagesDummy === null || imagesDummy === void 0 ? void 0 : imagesDummy.length) > index && ((_imagesDummy$index4 = imagesDummy[index]) === null || _imagesDummy$index4 === void 0 ? void 0 : _imagesDummy$index4.path) && /*#__PURE__*/React.createElement(View, {
+      style: {
+        width: 25,
+        height: 25,
+        backgroundColor: 'white',
+        borderRadius: 15,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginLeft: numColumns == 2 ? '78%' : '96%'
+      }
+    }, /*#__PURE__*/React.createElement(Circle, null)))));
+  };
   const renderModal = () => {
     return /*#__PURE__*/React.createElement(GoBackModal, {
       showModal: showBackModal,
@@ -98,17 +165,10 @@ const ImageCapture = props => {
   const handleSubmit = async () => {
     try {
       setDisableProceed(true);
-      if (images.length > 0) {
-        var _props$additionalMult;
-        if (((_props$additionalMult = props.additionalMultiConfig) === null || _props$additionalMult === void 0 ? void 0 : _props$additionalMult.minCaptureCount) === 'N' && images.length < props.captureCount) {
-          showToast(`Min ${props.captureCount} image(s) required to be captured.`);
-          return;
-        }
-        if (props.captureMode === 'MULTI' && props.captureCountLimit && props.captureCountLimit > 0 && images.length > CaptureUtils.getMaxImagesCount(props)) {
-          showToast(`Max ${props.captureCountLimit} image(s) allowed.`);
-          return;
-        }
-        props.onSubmitET(await getCaptureOutput(images, props));
+      let imagesArray = imagesDummy.filter(item => item != null && item.path != null && item.path.length != 0);
+      console.log('imagesArray:', JSON.stringify(imagesArray));
+      if (imagesArray.length > 0) {
+        props.onSubmitET(await getCaptureOutput(imagesArray, props));
       } else {
         showToast('No Images captured');
       }
@@ -119,56 +179,80 @@ const ImageCapture = props => {
       setDisableProceed(false);
     }
   };
-  useEffect(() => {
-    if (props.captureMode === 'SINGLE') {
-      if (images.length > 0) {
-        setShowCapture(false);
-      } else setShowCapture(true);
-    } else if (props.captureMode === 'MULTI' && props.captureCountLimit && props.captureCountLimit > 0) {
-      if (images.length === CaptureUtils.getMaxImagesCount(props)) {
-        setShowCapture(false);
-      } else setShowCapture(true);
-    } else {
-      if (images.length > 0) {
-        setShowCapture(true);
-      }
-    }
-  }, [images, props, showCapture]);
-  const captureImage = useCallback(async () => {
-    if (!showCapture) {
-      showToast(`Max Image Limit reached`);
-      return;
-    }
+
+  // useEffect(() => {
+  //   if (props.captureMode === 'SINGLE') {
+  //     if (images.length > 0) {
+  //       setShowCapture(false);
+  //     } else setShowCapture(true);
+  //   } else if (
+  //     props.captureMode === 'MULTI' &&
+  //     props.captureCountLimit &&
+  //     props.captureCountLimit > 0
+  //   ) {
+  //     if (images.length === CaptureUtils.getMaxImagesCount(props)) {
+  //       setShowCapture(false);
+  //     } else setShowCapture(true);
+  //   } else {
+  //     if (images.length > 0) {
+  //       setShowCapture(true);
+  //     }
+  //   }
+  // }, [images, props, showCapture]);
+
+  const captureImage = useCallback(async index => {
+    //   // if (!showCapture) {
+    //   //   showToast(`Max Image Limit reached`);
+    //   //   return;
+    //   // }
+    // console.log("captureImage", CaptureUtils);
     let imageDataResponse = await CaptureUtils.captureImage(props.resolution.breadth, props.resolution.length, props.fileSizeLimit);
     if (imageDataResponse != null) {
-      setImages(prevState => {
-        return [...prevState, {
-          id: CaptureUtils.getImagesFileName(),
-          // @ts-ignore
-          path: imageDataResponse.uri,
-          url: '',
-          timestamp: Date.now()
-        }];
-      });
+      setButtonProceed(true);
+      let imgArray = [];
+      imgArray = imagesDummy;
+      imgArray[index] = {
+        id: CaptureUtils.getImagesFileName(),
+        // @ts-ignore
+        path: imageDataResponse.uri,
+        url: '',
+        timestamp: Date.now()
+      };
+      setImagesDummy([...imgArray]);
+      console.log("images211:", JSON.stringify(imgArray));
+    }
+  }, [props.resolution.breadth, props.resolution.length, props.fileSizeLimit]);
+  const deleteImage = async index => {
+    let imageDummyArray = [];
+    imageDummyArray = imagesDummy;
+    imageDummyArray[index].path = "";
+    setImagesDummy([...imageDummyArray]);
+    let initialProceedValue = false;
+    for (let i = 0; i < imageDummyArray.length; i++) {
+      var _imageDummyArray$i;
+      if ((_imageDummyArray$i = imageDummyArray[i]) !== null && _imageDummyArray$i !== void 0 && _imageDummyArray$i.path) {
+        initialProceedValue = true;
+      }
     }
-  }, [props, showCapture]);
-  const deleteImage = async imageData => {
+    setButtonProceed(initialProceedValue);
     try {
-      let filteredImages = await CaptureUtils.deleteImage(imageData, images);
-      setImages(filteredImages);
+      // setImagesDummy(filteredImages);
+      // setButtonProceed(false);
     } catch (err) {
       Logger.getInstance().logEvent('deleteImageError', err.message, LOG_TYPE.SDK_ERROR);
-      return;
+      console.error("Error updating state after deletion:", err);
     }
   };
   const renderItem = _ref2 => {
     let {
-      item
+      item,
+      index
     } = _ref2;
     return /*#__PURE__*/React.createElement(ImageItem, {
       item: item,
+      index: index,
       onPress: async () => {
-        await deleteImage(item);
+        await deleteImage(index);
       }
     });
   };
@@ -178,56 +262,62 @@ const ImageCapture = props => {
     style: styles.etMessageView
   }, /*#__PURE__*/React.createElement(Text, {
     style: styles.etMessage
-  }, props.message)), /*#__PURE__*/React.createElement(View, {
-    style: styles.imageEtContainer
-  }, images.length === 0 && /*#__PURE__*/React.createElement(Icon, {
-    name: 'photo-camera',
-    size: 24,
-    color: '#666666'
-  }), images.length > 0 && /*#__PURE__*/React.createElement(FlatList, {
-    horizontal: true,
+  }, "Take a photo of the shipments. Please ensure the items are clearly visible.")), /*#__PURE__*/React.createElement(View, {
+    style: {
+      backgroundColor: 'white',
+      width: 360,
+      height: numColumns == 2 ? '82%' : numberOfImagesToCapture == 1 ? '63%' : '70%',
+      alignSelf: 'center',
+      marginTop: '5%',
+      borderRadius: 7,
+      borderColor: '#E0E3EB',
+      borderWidth: 0.5
+    }
+  }, /*#__PURE__*/React.createElement(FlatList, {
     data: images,
+    numColumns: numColumns,
     renderItem: renderItem,
-    keyExtractor: item => item.id
-  }), /*#__PURE__*/React.createElement(Button, {
-    onPress: () => captureImage(),
-    uppercase: false,
-    labelStyle: [{
-      fontFamily: Platform.OS === 'android' ? Fonts.IBMPlexSans_400Regular : 'IBMPlexSans-Regular',
-      fontStyle: 'normal',
-      fontWeight: 'normal',
-      fontSize: 14,
-      alignItems: 'center',
-      textAlign: 'center',
-      letterSpacing: 0.25,
-      color: SdkColors[ColorTheme.LIGHT].primaryButton
-    }]
-  }, images.length > 0 ? 'Click more' : 'Click Picture')), /*#__PURE__*/React.createElement(View, {
-    style: [CommonStyles.bottom, {
-      marginStart: 10,
-      marginEnd: 10
-    }]
-  }, /*#__PURE__*/React.createElement(Button, {
-    disabled: disableProceed,
-    style: CommonStyles.nextButton,
-    mode: "contained",
-    labelStyle: CommonStyles.nextButtonLabel,
-    onPress: async () => {
-      await handleSubmit();
+    keyExtractor: item => item === null || item === void 0 ? void 0 : item.id,
+    contentContainerStyle: {
+      paddingBottom: '30%'
     }
-  }, "Proceed"), /*#__PURE__*/React.createElement(Button, {
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.bottomButtons
+  }, props.isSelfLoop == false && /*#__PURE__*/React.createElement(Button, {
     style: [CommonStyles.cancelButton, {
-      marginTop: 10
+      flexGrow: 1,
+      marginStart: '3%'
     }],
     mode: "outlined",
-    labelStyle: CommonStyles.cancelButtonLabel,
+    labelStyle: [CommonStyles.cancelButtonLabel, {
+      textTransform: 'capitalize'
+    }],
     onPress: async () => {
       var _props$applicableReas;
       props.onSubmitET({
         ...(await getBaseETResponse(EntityCode.IMAGE_CAPTURE, false, getEventCodeByET(ExecutionTaskID.IMAGE_CAPTURE, false, (_props$applicableReas = props.applicableReasons) === null || _props$applicableReas === void 0 ? void 0 : _props$applicableReas.failure), '', props.mergedObjectiveId, ExecutionTaskID.IMAGE_CAPTURE))
       });
     }
-  }, "Cancel"))));
+  }, "Cancel"), /*#__PURE__*/React.createElement(Button, {
+    labelStyle: {
+      color: buttonProceed ? '#ffff' : '#A3AAC2',
+      fontFamily: Fonts.IBMPlexSans_500Medium,
+      fontSize: 14,
+      lineHeight: 20,
+      textAlign: 'center',
+      textTransform: 'capitalize'
+    },
+    style: {
+      flexGrow: 1,
+      marginHorizontal: '3%',
+      backgroundColor: buttonProceed ? '#5B80F7' : '#E0E3EB'
+    },
+    disabled: !buttonProceed,
+    mode: "contained",
+    onPress: async () => {
+      await handleSubmit();
+    }
+  }, "Proceed"))));
 };
 const styles = StyleSheet.create({
   imageEtContainer: {
@@ -235,34 +325,40 @@ const styles = StyleSheet.create({
     marginStart: 16,
     marginEnd: 16,
     borderWidth: 1,
-    borderColor: 'rgba(0, 0, 0, 0.1)',
+    borderColor: '#A3AAC2',
     padding: 10,
     marginTop: 15,
     borderStyle: 'dashed',
     backgroundColor: '#FFFFFF',
     alignItems: 'center',
     justifyContent: 'center',
-    height: 300
+    height: 370,
+    borderRadius: 5
   },
-  image: {
-    height: 250,
-    width: 200
+  bottomButtons: {
+    width: "100%",
+    justifyContent: "space-between",
+    flexDirection: 'row',
+    backgroundColor: "white",
+    paddingVertical: 12,
+    bottom: 0,
+    position: "absolute",
+    borderTopColor: "#A3AAC2",
+    borderTopWidth: 0.5
   },
   etMessage: {
-    textAlign: 'center',
+    // textAlign: 'center',
     fontStyle: 'normal',
-    fontWeight: '600',
-    fontSize: 18,
+    fontWeight: '400',
+    fontSize: 16,
     display: 'flex',
     alignItems: 'center',
-    letterSpacing: 0.25,
     color: '#000000',
-    fontFamily: Platform.OS === 'android' ? Fonts.IBMPlexSans_600SemiBold : 'IBMPlexSans-SemiBold'
+    fontFamily: Fonts.IBMPlexSans_400Regular
   },
   etMessageView: {
-    marginTop: 14,
-    paddingStart: 40,
-    paddingEnd: 40,
+    marginTop: 17,
+    paddingStart: 17,
     paddingTop: 15,
     paddingBottom: 15,
     backgroundColor: '#ffffff'

package/lib/module/components/executiontasks/imageCapture/ImageCapture.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useState","useLayoutEffect","BackHandler","FlatList","Image","Platform","StyleSheet","Text","View","CaptureUtils","getCaptureOutput","showToast","SdkColors","ColorTheme","Icon","CommonStyles","Fonts","getBaseETResponse","EntityCode","ExecutionTaskID","getEventCodeByET","GO_BACK_EVENT_CODE","Button","Provider","Logger","LOG_TYPE","hasGoBackConnector","GoBackModal","useFocusEffect","ImageItem","_ref","item","onPress","createElement","style","marginEnd","source","uri","path","styles","image","name","color","size","position","right","top","ImageCapture","props","images","setImages","showCapture","setShowCapture","disableProceed","setDisableProceed","showBackModal","setShowBackModal","onBackPress","_props$taskMeta","taskMeta","enableGoBack","applicableReasons","navigation","goBack","addEventListener","removeEventListener","setOptions","title","headerLeft","_props$taskMeta2","paddingRight","paddingTop","renderModal","showModal","setShowModal","onSuccess","onSubmitET","IMAGE_CAPTURE","mergedObjectiveId","onFailure","handleSubmit","length","_props$additionalMult","additionalMultiConfig","minCaptureCount","captureCount","captureMode","captureCountLimit","getMaxImagesCount","error","message","captureImage","imageDataResponse","resolution","breadth","fileSizeLimit","prevState","id","getImagesFileName","url","timestamp","Date","now","deleteImage","imageData","filteredImages","err","getInstance","logEvent","SDK_ERROR","renderItem","_ref2","mainContainer","etMessageView","etMessage","imageEtContainer","horizontal","data","keyExtractor","uppercase","labelStyle","fontFamily","OS","IBMPlexSans_400Regular","fontStyle","fontWeight","fontSize","alignItems","textAlign","letterSpacing","LIGHT","primaryButton","bottom","marginStart","disabled","nextButton","mode","nextButtonLabel","cancelButton","marginTop","cancelButtonLabel","_props$applicableReas","failure","create","display","borderWidth","borderColor","padding","borderStyle","backgroundColor","justifyContent","height","width","IBMPlexSans_600SemiBold","paddingStart","paddingEnd","paddingBottom"],"sources":["ImageCapture.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useState,\n  useLayoutEffect,\n} from 'react';\nimport {\n  BackHandler,\n  FlatList,\n  Image,\n  Platform,\n  StyleSheet,\n  Text,\n  View,\n} from 'react-native';\nimport type { CaptureInput, ImageData } from './CaptureSchema';\nimport * as CaptureUtils from './CaptureUtils';\nimport { getCaptureOutput } from './CaptureUtils';\nimport { showToast } from '../../widgets/Toaster';\nimport SdkColors, { ColorTheme } from '../../../styles/SdkColors';\nimport Icon from 'react-native-vector-icons/MaterialIcons';\nimport {\n  CommonStyles,\n  Fonts,\n} from '../../../styles/executionTasks/CommonStyles';\nimport { getBaseETResponse } from '../../../utils/ExecTaskUtils';\nimport {\n  EntityCode,\n  ExecutionTaskID,\n} from '../../../models/execTasks/ETConfig';\nimport { getEventCodeByET } from '../../../manager/dispatchCodes/EventCodeContainer';\nimport { GO_BACK_EVENT_CODE } from '../../../constants/constants';\nimport { Button, Modal, Portal, Provider } from 'react-native-paper';\nimport Logger, { LOG_TYPE } from '../../../utils/Logger';\nimport { hasGoBackConnector } from '../../../components/utils';\nimport GoBackModal from '../../../components/widgets/GoBackModal';\nimport { useFocusEffect } from '@react-navigation/native';\n\nconst ImageItem = ({ item, onPress }: { item: ImageData; onPress: any }) => (\n  <View style={{ marginEnd: 8 }}>\n    <Image source={{ uri: item.path }} style={styles.image} />\n    <Icon\n      onPress={onPress}\n      name=\"highlight-remove\"\n      color={'red'}\n      size={32}\n      style={{\n        position: 'absolute',\n        right: 5,\n        top: 5,\n      }}\n    />\n  </View>\n);\n\nconst ImageCapture = (props: CaptureInput) => {\n  const [images, setImages] = useState<Array<ImageData>>([]);\n  const [showCapture, setShowCapture] = useState(true);\n  const [disableProceed, setDisableProceed] = useState(false);\n  const [showBackModal, setShowBackModal] = useState(false);\n\n  // Handle back-button click\n  useFocusEffect(\n    React.useCallback(() => {\n      const onBackPress = () => {\n        if (\n          props.taskMeta?.enableGoBack &&\n          hasGoBackConnector(props.applicableReasons)\n        ) {\n          setShowBackModal(true);\n          return true;\n        } else {\n          props.navigation.goBack();\n          return true;\n        }\n      };\n      BackHandler.addEventListener('hardwareBackPress', onBackPress);\n      return () =>\n        BackHandler.removeEventListener('hardwareBackPress', onBackPress);\n    }, [])\n  );\n\n  useLayoutEffect(() => {\n    props.navigation.setOptions({\n      title: props.title,\n      headerLeft: () => {\n        return (\n          <Icon\n            onPress={() => {\n              if (\n                props.taskMeta?.enableGoBack &&\n                hasGoBackConnector(props.applicableReasons)\n              )\n                setShowBackModal(true);\n              else props.navigation.goBack();\n            }}\n            name=\"arrow-back\"\n            color={'black'}\n            size={25}\n            style={{\n              paddingRight: 15,\n              paddingTop: 5,\n            }}\n          />\n        );\n      },\n    });\n  }, [props.navigation, props.title]);\n\n  const renderModal = () => {\n    return (\n      <GoBackModal\n        showModal={showBackModal}\n        setShowModal={setShowBackModal}\n        onSuccess={async () => {\n          props.onSubmitET({\n            ...(await getBaseETResponse(\n              EntityCode.IMAGE_CAPTURE,\n              false,\n              GO_BACK_EVENT_CODE,\n              '',\n              props.mergedObjectiveId,\n              ExecutionTaskID.IMAGE_CAPTURE\n            )),\n          });\n          setShowBackModal(false);\n        }}\n        onFailure={() => setShowBackModal(false)}\n      />\n    );\n  };\n\n  const handleSubmit = async () => {\n    try {\n      setDisableProceed(true);\n      if (images.length > 0) {\n        if (\n          props.additionalMultiConfig?.minCaptureCount === 'N' &&\n          images.length < props.captureCount\n        ) {\n          showToast(\n            `Min ${props.captureCount} image(s) required to be captured.`\n          );\n          return;\n        }\n        if (\n          props.captureMode === 'MULTI' &&\n          props.captureCountLimit &&\n          props.captureCountLimit > 0 &&\n          images.length > CaptureUtils.getMaxImagesCount(props)\n        ) {\n          showToast(`Max ${props.captureCountLimit} image(s) allowed.`);\n          return;\n        }\n        props.onSubmitET(await getCaptureOutput(images, props));\n      } else {\n        showToast('No Images captured');\n      }\n    } catch (error: any) {\n      setDisableProceed(false);\n      showToast(error.message);\n    } finally {\n      setDisableProceed(false);\n    }\n  };\n\n  useEffect(() => {\n    if (props.captureMode === 'SINGLE') {\n      if (images.length > 0) {\n        setShowCapture(false);\n      } else setShowCapture(true);\n    } else if (\n      props.captureMode === 'MULTI' &&\n      props.captureCountLimit &&\n      props.captureCountLimit > 0\n    ) {\n      if (images.length === CaptureUtils.getMaxImagesCount(props)) {\n        setShowCapture(false);\n      } else setShowCapture(true);\n    } else {\n      if (images.length > 0) {\n        setShowCapture(true);\n      }\n    }\n  }, [images, props, showCapture]);\n\n  const captureImage = useCallback(async () => {\n    if (!showCapture) {\n      showToast(`Max Image Limit reached`);\n      return;\n    }\n    let imageDataResponse = await CaptureUtils.captureImage(\n      props.resolution.breadth,\n      props.resolution.length,\n      props.fileSizeLimit\n    );\n    if (imageDataResponse != null) {\n      setImages((prevState) => {\n        return [\n          ...prevState,\n          {\n            id: CaptureUtils.getImagesFileName(), // @ts-ignore\n            path: imageDataResponse.uri,\n            url: '',\n            timestamp: Date.now(),\n          },\n        ];\n      });\n    }\n  }, [props, showCapture]);\n\n  const deleteImage = async (imageData: ImageData) => {\n    try {\n      let filteredImages = await CaptureUtils.deleteImage(imageData, images);\n      setImages(filteredImages);\n    } catch (err: any) {\n      Logger.getInstance().logEvent(\n        'deleteImageError',\n        err.message,\n        LOG_TYPE.SDK_ERROR\n      );\n      return;\n    }\n  };\n\n  const renderItem = ({ item }: { item: ImageData }) => {\n    return (\n      <ImageItem\n        item={item}\n        onPress={async () => {\n          await deleteImage(item);\n        }}\n      />\n    );\n  };\n  return (\n    <Provider>\n      {renderModal()}\n      <View style={CommonStyles.mainContainer}>\n        {props.message && (\n          <View style={styles.etMessageView}>\n            <Text style={styles.etMessage}>{props.message}</Text>\n          </View>\n        )}\n        <View style={styles.imageEtContainer}>\n          {images.length === 0 && (\n            <Icon name={'photo-camera'} size={24} color={'#666666'} />\n          )}\n          {images.length > 0 && (\n            <FlatList\n              horizontal\n              data={images}\n              renderItem={renderItem}\n              keyExtractor={(item) => item.id}\n            />\n          )}\n          <Button\n            onPress={() => captureImage()}\n            uppercase={false}\n            labelStyle={[\n              {\n                fontFamily:\n                  Platform.OS === 'android'\n                    ? Fonts.IBMPlexSans_400Regular\n                    : 'IBMPlexSans-Regular',\n                fontStyle: 'normal',\n                fontWeight: 'normal',\n                fontSize: 14,\n                alignItems: 'center',\n                textAlign: 'center',\n                letterSpacing: 0.25,\n                color: SdkColors[ColorTheme.LIGHT].primaryButton,\n              },\n            ]}\n          >\n            {images.length > 0 ? 'Click more' : 'Click Picture'}\n          </Button>\n        </View>\n        <View style={[CommonStyles.bottom, { marginStart: 10, marginEnd: 10 }]}>\n          <Button\n            disabled={disableProceed}\n            style={CommonStyles.nextButton}\n            mode=\"contained\"\n            labelStyle={CommonStyles.nextButtonLabel}\n            onPress={async () => {\n              await handleSubmit();\n            }}\n          >\n            Proceed\n          </Button>\n          <Button\n            style={[CommonStyles.cancelButton, { marginTop: 10 }]}\n            mode=\"outlined\"\n            labelStyle={CommonStyles.cancelButtonLabel}\n            onPress={async () => {\n              props.onSubmitET({\n                ...(await getBaseETResponse(\n                  EntityCode.IMAGE_CAPTURE,\n                  false,\n                  getEventCodeByET(\n                    ExecutionTaskID.IMAGE_CAPTURE,\n                    false,\n                    props.applicableReasons?.failure\n                  ),\n                  '',\n                  props.mergedObjectiveId,\n                  ExecutionTaskID.IMAGE_CAPTURE\n                )),\n              });\n            }}\n          >\n            Cancel\n          </Button>\n        </View>\n      </View>\n    </Provider>\n  );\n};\n\nconst styles = StyleSheet.create({\n  imageEtContainer: {\n    display: 'flex',\n    marginStart: 16,\n    marginEnd: 16,\n    borderWidth: 1,\n    borderColor: 'rgba(0, 0, 0, 0.1)',\n    padding: 10,\n    marginTop: 15,\n    borderStyle: 'dashed',\n    backgroundColor: '#FFFFFF',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: 300,\n  },\n  image: {\n    height: 250,\n    width: 200,\n  },\n  etMessage: {\n    textAlign: 'center',\n    fontStyle: 'normal',\n    fontWeight: '600',\n    fontSize: 18,\n    display: 'flex',\n    alignItems: 'center',\n    letterSpacing: 0.25,\n    color: '#000000',\n    fontFamily:\n      Platform.OS === 'android'\n        ? Fonts.IBMPlexSans_600SemiBold\n        : 'IBMPlexSans-SemiBold',\n  },\n  etMessageView: {\n    marginTop: 14,\n    paddingStart: 40,\n    paddingEnd: 40,\n    paddingTop: 15,\n    paddingBottom: 15,\n    backgroundColor: '#ffffff',\n  },\n});\n\nexport default ImageCapture;\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,WAAW,EACXC,SAAS,EACTC,QAAQ,EACRC,eAAe,QACV,OAAO;AACd,SACEC,WAAW,EACXC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,IAAI,QACC,cAAc;AAErB,OAAO,KAAKC,YAAY,MAAM,gBAAgB;AAC9C,SAASC,gBAAgB,QAAQ,gBAAgB;AACjD,SAASC,SAAS,QAAQ,uBAAuB;AACjD,OAAOC,SAAS,IAAIC,UAAU,QAAQ,2BAA2B;AACjE,OAAOC,IAAI,MAAM,yCAAyC;AAC1D,SACEC,YAAY,EACZC,KAAK,QACA,6CAA6C;AACpD,SAASC,iBAAiB,QAAQ,8BAA8B;AAChE,SACEC,UAAU,EACVC,eAAe,QACV,oCAAoC;AAC3C,SAASC,gBAAgB,QAAQ,mDAAmD;AACpF,SAASC,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,MAAM,EAAiBC,QAAQ,QAAQ,oBAAoB;AACpE,OAAOC,MAAM,IAAIC,QAAQ,QAAQ,uBAAuB;AACxD,SAASC,kBAAkB,QAAQ,2BAA2B;AAC9D,OAAOC,WAAW,MAAM,yCAAyC;AACjE,SAASC,cAAc,QAAQ,0BAA0B;AAEzD,MAAMC,SAAS,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC;EAA2C,CAAC,GAAAF,IAAA;EAAA,oBACrEjC,KAAA,CAAAoC,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAE;EAAE,gBAC5BtC,KAAA,CAAAoC,aAAA,CAAC7B,KAAK;IAACgC,MAAM,EAAE;MAAEC,GAAG,EAAEN,IAAI,CAACO;IAAK,CAAE;IAACJ,KAAK,EAAEK,MAAM,CAACC;EAAM,CAAE,CAAC,eAC1D3C,KAAA,CAAAoC,aAAA,CAACnB,IAAI;IACHkB,OAAO,EAAEA,OAAQ;IACjBS,IAAI,EAAC,kBAAkB;IACvBC,KAAK,EAAE,KAAM;IACbC,IAAI,EAAE,EAAG;IACTT,KAAK,EAAE;MACLU,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,CAAC;MACRC,GAAG,EAAE;IACP;EAAE,CACH,CACG,CAAC;AAAA,CACR;AAED,MAAMC,YAAY,GAAIC,KAAmB,IAAK;EAC5C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGlD,QAAQ,CAAmB,EAAE,CAAC;EAC1D,MAAM,CAACmD,WAAW,EAAEC,cAAc,CAAC,GAAGpD,QAAQ,CAAC,IAAI,CAAC;EACpD,MAAM,CAACqD,cAAc,EAAEC,iBAAiB,CAAC,GAAGtD,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAM,CAACuD,aAAa,EAAEC,gBAAgB,CAAC,GAAGxD,QAAQ,CAAC,KAAK,CAAC;;EAEzD;EACA4B,cAAc,CACZ/B,KAAK,CAACC,WAAW,CAAC,MAAM;IACtB,MAAM2D,WAAW,GAAGA,CAAA,KAAM;MAAA,IAAAC,eAAA;MACxB,IACE,CAAAA,eAAA,GAAAV,KAAK,CAACW,QAAQ,cAAAD,eAAA,eAAdA,eAAA,CAAgBE,YAAY,IAC5BlC,kBAAkB,CAACsB,KAAK,CAACa,iBAAiB,CAAC,EAC3C;QACAL,gBAAgB,CAAC,IAAI,CAAC;QACtB,OAAO,IAAI;MACb,CAAC,MAAM;QACLR,KAAK,CAACc,UAAU,CAACC,MAAM,CAAC,CAAC;QACzB,OAAO,IAAI;MACb;IACF,CAAC;IACD7D,WAAW,CAAC8D,gBAAgB,CAAC,mBAAmB,EAAEP,WAAW,CAAC;IAC9D,OAAO,MACLvD,WAAW,CAAC+D,mBAAmB,CAAC,mBAAmB,EAAER,WAAW,CAAC;EACrE,CAAC,EAAE,EAAE,CACP,CAAC;EAEDxD,eAAe,CAAC,MAAM;IACpB+C,KAAK,CAACc,UAAU,CAACI,UAAU,CAAC;MAC1BC,KAAK,EAAEnB,KAAK,CAACmB,KAAK;MAClBC,UAAU,EAAEA,CAAA,KAAM;QAChB,oBACEvE,KAAA,CAAAoC,aAAA,CAACnB,IAAI;UACHkB,OAAO,EAAEA,CAAA,KAAM;YAAA,IAAAqC,gBAAA;YACb,IACE,CAAAA,gBAAA,GAAArB,KAAK,CAACW,QAAQ,cAAAU,gBAAA,eAAdA,gBAAA,CAAgBT,YAAY,IAC5BlC,kBAAkB,CAACsB,KAAK,CAACa,iBAAiB,CAAC,EAE3CL,gBAAgB,CAAC,IAAI,CAAC,CAAC,KACpBR,KAAK,CAACc,UAAU,CAACC,MAAM,CAAC,CAAC;UAChC,CAAE;UACFtB,IAAI,EAAC,YAAY;UACjBC,KAAK,EAAE,OAAQ;UACfC,IAAI,EAAE,EAAG;UACTT,KAAK,EAAE;YACLoC,YAAY,EAAE,EAAE;YAChBC,UAAU,EAAE;UACd;QAAE,CACH,CAAC;MAEN;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACvB,KAAK,CAACc,UAAU,EAAEd,KAAK,CAACmB,KAAK,CAAC,CAAC;EAEnC,MAAMK,WAAW,GAAGA,CAAA,KAAM;IACxB,oBACE3E,KAAA,CAAAoC,aAAA,CAACN,WAAW;MACV8C,SAAS,EAAElB,aAAc;MACzBmB,YAAY,EAAElB,gBAAiB;MAC/BmB,SAAS,EAAE,MAAAA,CAAA,KAAY;QACrB3B,KAAK,CAAC4B,UAAU,CAAC;UACf,IAAI,MAAM3D,iBAAiB,CACzBC,UAAU,CAAC2D,aAAa,EACxB,KAAK,EACLxD,kBAAkB,EAClB,EAAE,EACF2B,KAAK,CAAC8B,iBAAiB,EACvB3D,eAAe,CAAC0D,aAClB,CAAC;QACH,CAAC,CAAC;QACFrB,gBAAgB,CAAC,KAAK,CAAC;MACzB,CAAE;MACFuB,SAAS,EAAEA,CAAA,KAAMvB,gBAAgB,CAAC,KAAK;IAAE,CAC1C,CAAC;EAEN,CAAC;EAED,MAAMwB,YAAY,GAAG,MAAAA,CAAA,KAAY;IAC/B,IAAI;MACF1B,iBAAiB,CAAC,IAAI,CAAC;MACvB,IAAIL,MAAM,CAACgC,MAAM,GAAG,CAAC,EAAE;QAAA,IAAAC,qBAAA;QACrB,IACE,EAAAA,qBAAA,GAAAlC,KAAK,CAACmC,qBAAqB,cAAAD,qBAAA,uBAA3BA,qBAAA,CAA6BE,eAAe,MAAK,GAAG,IACpDnC,MAAM,CAACgC,MAAM,GAAGjC,KAAK,CAACqC,YAAY,EAClC;UACA1E,SAAS,CACN,OAAMqC,KAAK,CAACqC,YAAa,oCAC5B,CAAC;UACD;QACF;QACA,IACErC,KAAK,CAACsC,WAAW,KAAK,OAAO,IAC7BtC,KAAK,CAACuC,iBAAiB,IACvBvC,KAAK,CAACuC,iBAAiB,GAAG,CAAC,IAC3BtC,MAAM,CAACgC,MAAM,GAAGxE,YAAY,CAAC+E,iBAAiB,CAACxC,KAAK,CAAC,EACrD;UACArC,SAAS,CAAE,OAAMqC,KAAK,CAACuC,iBAAkB,oBAAmB,CAAC;UAC7D;QACF;QACAvC,KAAK,CAAC4B,UAAU,CAAC,MAAMlE,gBAAgB,CAACuC,MAAM,EAAED,KAAK,CAAC,CAAC;MACzD,CAAC,MAAM;QACLrC,SAAS,CAAC,oBAAoB,CAAC;MACjC;IACF,CAAC,CAAC,OAAO8E,KAAU,EAAE;MACnBnC,iBAAiB,CAAC,KAAK,CAAC;MACxB3C,SAAS,CAAC8E,KAAK,CAACC,OAAO,CAAC;IAC1B,CAAC,SAAS;MACRpC,iBAAiB,CAAC,KAAK,CAAC;IAC1B;EACF,CAAC;EAEDvD,SAAS,CAAC,MAAM;IACd,IAAIiD,KAAK,CAACsC,WAAW,KAAK,QAAQ,EAAE;MAClC,IAAIrC,MAAM,CAACgC,MAAM,GAAG,CAAC,EAAE;QACrB7B,cAAc,CAAC,KAAK,CAAC;MACvB,CAAC,MAAMA,cAAc,CAAC,IAAI,CAAC;IAC7B,CAAC,MAAM,IACLJ,KAAK,CAACsC,WAAW,KAAK,OAAO,IAC7BtC,KAAK,CAACuC,iBAAiB,IACvBvC,KAAK,CAACuC,iBAAiB,GAAG,CAAC,EAC3B;MACA,IAAItC,MAAM,CAACgC,MAAM,KAAKxE,YAAY,CAAC+E,iBAAiB,CAACxC,KAAK,CAAC,EAAE;QAC3DI,cAAc,CAAC,KAAK,CAAC;MACvB,CAAC,MAAMA,cAAc,CAAC,IAAI,CAAC;IAC7B,CAAC,MAAM;MACL,IAAIH,MAAM,CAACgC,MAAM,GAAG,CAAC,EAAE;QACrB7B,cAAc,CAAC,IAAI,CAAC;MACtB;IACF;EACF,CAAC,EAAE,CAACH,MAAM,EAAED,KAAK,EAAEG,WAAW,CAAC,CAAC;EAEhC,MAAMwC,YAAY,GAAG7F,WAAW,CAAC,YAAY;IAC3C,IAAI,CAACqD,WAAW,EAAE;MAChBxC,SAAS,CAAE,yBAAwB,CAAC;MACpC;IACF;IACA,IAAIiF,iBAAiB,GAAG,MAAMnF,YAAY,CAACkF,YAAY,CACrD3C,KAAK,CAAC6C,UAAU,CAACC,OAAO,EACxB9C,KAAK,CAAC6C,UAAU,CAACZ,MAAM,EACvBjC,KAAK,CAAC+C,aACR,CAAC;IACD,IAAIH,iBAAiB,IAAI,IAAI,EAAE;MAC7B1C,SAAS,CAAE8C,SAAS,IAAK;QACvB,OAAO,CACL,GAAGA,SAAS,EACZ;UACEC,EAAE,EAAExF,YAAY,CAACyF,iBAAiB,CAAC,CAAC;UAAE;UACtC5D,IAAI,EAAEsD,iBAAiB,CAACvD,GAAG;UAC3B8D,GAAG,EAAE,EAAE;UACPC,SAAS,EAAEC,IAAI,CAACC,GAAG,CAAC;QACtB,CAAC,CACF;MACH,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACtD,KAAK,EAAEG,WAAW,CAAC,CAAC;EAExB,MAAMoD,WAAW,GAAG,MAAOC,SAAoB,IAAK;IAClD,IAAI;MACF,IAAIC,cAAc,GAAG,MAAMhG,YAAY,CAAC8F,WAAW,CAACC,SAAS,EAAEvD,MAAM,CAAC;MACtEC,SAAS,CAACuD,cAAc,CAAC;IAC3B,CAAC,CAAC,OAAOC,GAAQ,EAAE;MACjBlF,MAAM,CAACmF,WAAW,CAAC,CAAC,CAACC,QAAQ,CAC3B,kBAAkB,EAClBF,GAAG,CAAChB,OAAO,EACXjE,QAAQ,CAACoF,SACX,CAAC;MACD;IACF;EACF,CAAC;EAED,MAAMC,UAAU,GAAGC,KAAA,IAAmC;IAAA,IAAlC;MAAEhF;IAA0B,CAAC,GAAAgF,KAAA;IAC/C,oBACElH,KAAA,CAAAoC,aAAA,CAACJ,SAAS;MACRE,IAAI,EAAEA,IAAK;MACXC,OAAO,EAAE,MAAAA,CAAA,KAAY;QACnB,MAAMuE,WAAW,CAACxE,IAAI,CAAC;MACzB;IAAE,CACH,CAAC;EAEN,CAAC;EACD,oBACElC,KAAA,CAAAoC,aAAA,CAACV,QAAQ,QACNiD,WAAW,CAAC,CAAC,eACd3E,KAAA,CAAAoC,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEnB,YAAY,CAACiG;EAAc,GACrChE,KAAK,CAAC0C,OAAO,iBACZ7F,KAAA,CAAAoC,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEK,MAAM,CAAC0E;EAAc,gBAChCpH,KAAA,CAAAoC,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAEK,MAAM,CAAC2E;EAAU,GAAElE,KAAK,CAAC0C,OAAc,CAChD,CACP,eACD7F,KAAA,CAAAoC,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEK,MAAM,CAAC4E;EAAiB,GAClClE,MAAM,CAACgC,MAAM,KAAK,CAAC,iBAClBpF,KAAA,CAAAoC,aAAA,CAACnB,IAAI;IAAC2B,IAAI,EAAE,cAAe;IAACE,IAAI,EAAE,EAAG;IAACD,KAAK,EAAE;EAAU,CAAE,CAC1D,EACAO,MAAM,CAACgC,MAAM,GAAG,CAAC,iBAChBpF,KAAA,CAAAoC,aAAA,CAAC9B,QAAQ;IACPiH,UAAU;IACVC,IAAI,EAAEpE,MAAO;IACb6D,UAAU,EAAEA,UAAW;IACvBQ,YAAY,EAAGvF,IAAI,IAAKA,IAAI,CAACkE;EAAG,CACjC,CACF,eACDpG,KAAA,CAAAoC,aAAA,CAACX,MAAM;IACLU,OAAO,EAAEA,CAAA,KAAM2D,YAAY,CAAC,CAAE;IAC9B4B,SAAS,EAAE,KAAM;IACjBC,UAAU,EAAE,CACV;MACEC,UAAU,EACRpH,QAAQ,CAACqH,EAAE,KAAK,SAAS,GACrB1G,KAAK,CAAC2G,sBAAsB,GAC5B,qBAAqB;MAC3BC,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAE,QAAQ;MACnBC,aAAa,EAAE,IAAI;MACnBvF,KAAK,EAAE9B,SAAS,CAACC,UAAU,CAACqH,KAAK,CAAC,CAACC;IACrC,CAAC;EACD,GAEDlF,MAAM,CAACgC,MAAM,GAAG,CAAC,GAAG,YAAY,GAAG,eAC9B,CACJ,CAAC,eACPpF,KAAA,CAAAoC,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAE,CAACnB,YAAY,CAACqH,MAAM,EAAE;MAAEC,WAAW,EAAE,EAAE;MAAElG,SAAS,EAAE;IAAG,CAAC;EAAE,gBACrEtC,KAAA,CAAAoC,aAAA,CAACX,MAAM;IACLgH,QAAQ,EAAEjF,cAAe;IACzBnB,KAAK,EAAEnB,YAAY,CAACwH,UAAW;IAC/BC,IAAI,EAAC,WAAW;IAChBhB,UAAU,EAAEzG,YAAY,CAAC0H,eAAgB;IACzCzG,OAAO,EAAE,MAAAA,CAAA,KAAY;MACnB,MAAMgD,YAAY,CAAC,CAAC;IACtB;EAAE,GACH,SAEO,CAAC,eACTnF,KAAA,CAAAoC,aAAA,CAACX,MAAM;IACLY,KAAK,EAAE,CAACnB,YAAY,CAAC2H,YAAY,EAAE;MAAEC,SAAS,EAAE;IAAG,CAAC,CAAE;IACtDH,IAAI,EAAC,UAAU;IACfhB,UAAU,EAAEzG,YAAY,CAAC6H,iBAAkB;IAC3C5G,OAAO,EAAE,MAAAA,CAAA,KAAY;MAAA,IAAA6G,qBAAA;MACnB7F,KAAK,CAAC4B,UAAU,CAAC;QACf,IAAI,MAAM3D,iBAAiB,CACzBC,UAAU,CAAC2D,aAAa,EACxB,KAAK,EACLzD,gBAAgB,CACdD,eAAe,CAAC0D,aAAa,EAC7B,KAAK,GAAAgE,qBAAA,GACL7F,KAAK,CAACa,iBAAiB,cAAAgF,qBAAA,uBAAvBA,qBAAA,CAAyBC,OAC3B,CAAC,EACD,EAAE,EACF9F,KAAK,CAAC8B,iBAAiB,EACvB3D,eAAe,CAAC0D,aAClB,CAAC;MACH,CAAC,CAAC;IACJ;EAAE,GACH,QAEO,CACJ,CACF,CACE,CAAC;AAEf,CAAC;AAED,MAAMtC,MAAM,GAAGjC,UAAU,CAACyI,MAAM,CAAC;EAC/B5B,gBAAgB,EAAE;IAChB6B,OAAO,EAAE,MAAM;IACfX,WAAW,EAAE,EAAE;IACflG,SAAS,EAAE,EAAE;IACb8G,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,oBAAoB;IACjCC,OAAO,EAAE,EAAE;IACXR,SAAS,EAAE,EAAE;IACbS,WAAW,EAAE,QAAQ;IACrBC,eAAe,EAAE,SAAS;IAC1BtB,UAAU,EAAE,QAAQ;IACpBuB,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAE;EACV,CAAC;EACD/G,KAAK,EAAE;IACL+G,MAAM,EAAE,GAAG;IACXC,KAAK,EAAE;EACT,CAAC;EACDtC,SAAS,EAAE;IACTc,SAAS,EAAE,QAAQ;IACnBJ,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZkB,OAAO,EAAE,MAAM;IACfjB,UAAU,EAAE,QAAQ;IACpBE,aAAa,EAAE,IAAI;IACnBvF,KAAK,EAAE,SAAS;IAChB+E,UAAU,EACRpH,QAAQ,CAACqH,EAAE,KAAK,SAAS,GACrB1G,KAAK,CAACyI,uBAAuB,GAC7B;EACR,CAAC;EACDxC,aAAa,EAAE;IACb0B,SAAS,EAAE,EAAE;IACbe,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,EAAE;IACdpF,UAAU,EAAE,EAAE;IACdqF,aAAa,EAAE,EAAE;IACjBP,eAAe,EAAE;EACnB;AACF,CAAC,CAAC;AAEF,eAAetG,YAAY"}
+{"version":3,"names":["React","useCallback","useEffect","useState","useLayoutEffect","BackHandler","FlatList","Image","StyleSheet","Text","TouchableOpacity","View","CaptureUtils","getCaptureOutput","showToast","Iconn","CommonStyles","Fonts","getBaseETResponse","EntityCode","ExecutionTaskID","getEventCodeByET","GO_BACK_EVENT_CODE","Button","Provider","Logger","LOG_TYPE","hasGoBackConnector","GoBackModal","useFocusEffect","Circle","CameraIcon","ImageCapture","props","numberOfImagesToCapture","captureMode","captureCountLimit","images","setImages","imagesDummy","setImagesDummy","showCapture","setShowCapture","disableProceed","setDisableProceed","showBackModal","setShowBackModal","buttonProceed","setButtonProceed","numColumns","setNumColumns","onBackPress","_props$taskMeta","taskMeta","enableGoBack","applicableReasons","navigation","goBack","addEventListener","removeEventListener","setOptions","title","headerLeft","createElement","onPress","_props$taskMeta2","name","color","size","style","paddingRight","paddingTop","length","arr","i","push","path","ImageItem","_ref","_imagesDummy$index","_imagesDummy$index2","_imagesDummy$index3","_imagesDummy$index4","item","index","width","height","backgroundColor","alignItems","alignSelf","borderWidth","borderColor","borderStyle","borderRadius","marginTop","marginStart","captureImage","uppercase","labelStyle","fontFamily","IBMPlexSans_500Medium","fontStyle","fontWeight","fontSize","letterSpacing","source","uri","bottom","position","top","marginRight","justifyContent","marginLeft","renderModal","showModal","setShowModal","onSuccess","onSubmitET","IMAGE_CAPTURE","mergedObjectiveId","onFailure","handleSubmit","imagesArray","filter","console","log","JSON","stringify","error","message","imageDataResponse","resolution","breadth","fileSizeLimit","imgArray","id","getImagesFileName","url","timestamp","Date","now","deleteImage","imageDummyArray","initialProceedValue","_imageDummyArray$i","err","getInstance","logEvent","SDK_ERROR","renderItem","_ref2","mainContainer","styles","etMessageView","etMessage","data","keyExtractor","contentContainerStyle","paddingBottom","bottomButtons","isSelfLoop","cancelButton","flexGrow","mode","cancelButtonLabel","textTransform","_props$applicableReas","failure","lineHeight","textAlign","marginHorizontal","disabled","create","imageEtContainer","display","marginEnd","padding","flexDirection","paddingVertical","borderTopColor","borderTopWidth","IBMPlexSans_400Regular","paddingStart"],"sources":["ImageCapture.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useLayoutEffect } from 'react';\nimport { BackHandler, FlatList, Image, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native';\nimport * as CaptureUtils from './CaptureUtils';\nimport { getCaptureOutput } from './CaptureUtils';\nimport { showToast } from '../../widgets/Toaster';\nimport SdkColors, { ColorTheme } from '../../../styles/SdkColors';\nimport Icon from 'react-native-vector-icons/Feather';\nimport Iconn from 'react-native-vector-icons/MaterialIcons';\nimport { CommonStyles, Fonts } from '../../../styles/executionTasks/CommonStyles';\nimport { getBaseETResponse } from '../../../utils/ExecTaskUtils';\nimport { EntityCode, ExecutionTaskID } from '../../../models/execTasks/ETConfig';\nimport { getEventCodeByET } from '../../../manager/dispatchCodes/EventCodeContainer';\nimport { GO_BACK_EVENT_CODE } from '../../../constants/constants';\nimport { Button, Provider } from 'react-native-paper';\nimport Logger, { LOG_TYPE } from '../../../utils/Logger';\nimport { hasGoBackConnector } from '../../../components/utils';\nimport GoBackModal from '../../../components/widgets/GoBackModal';\nimport { useFocusEffect } from '@react-navigation/native';\nimport Circle from \"./circle-xmark.svg\"\n\nimport CameraIcon from \"./camera.svg\"\n\nconst ImageCapture = (props: any) => {\n  let numberOfImagesToCapture: any;\n  if (props.captureMode == \"SINGLE\") {\n    numberOfImagesToCapture = 1;\n  } else if (props.captureMode === 'MULTI' && props.captureCountLimit && props.captureCountLimit > 0) {\n    numberOfImagesToCapture = props.captureCountLimit;\n  }\n\n  const [images, setImages] = useState([]);\n  const [imagesDummy, setImagesDummy] = useState<any[]>([]);\n  const [showCapture, setShowCapture] = useState(true);\n  const [disableProceed, setDisableProceed] = useState(false);\n  const [showBackModal, setShowBackModal] = useState(false);\n  const [buttonProceed, setButtonProceed] = useState(false);\n  const [numColumns, setNumColumns] = useState(numberOfImagesToCapture <= 2 ? 1 : 2);\n\n  useFocusEffect(\n    React.useCallback(() => {\n      const onBackPress = () => {\n        if (\n          props.taskMeta?.enableGoBack &&\n          hasGoBackConnector(props.applicableReasons)\n        ) {\n          setShowBackModal(true);\n          return true;\n        } else {\n          props.navigation.goBack();\n          return true;\n        }\n      };\n      BackHandler.addEventListener('hardwareBackPress', onBackPress);\n      return () =>\n        BackHandler.removeEventListener('hardwareBackPress', onBackPress);\n    }, [])\n  );\n\n  useLayoutEffect(() => {\n    props.navigation.setOptions({\n      title: props.title,\n      headerLeft: () => {\n        return (\n          <Iconn\n            onPress={() => {\n              if (\n                props.taskMeta?.enableGoBack &&\n                hasGoBackConnector(props.applicableReasons)\n              )\n                setShowBackModal(true);\n              else props.navigation.goBack();\n            }}\n            name=\"arrow-back\"\n            color={'black'}\n            size={25}\n            style={{\n              paddingRight: 15,\n              paddingTop: 5,\n            }}\n          />\n        );\n      },\n    });\n  }, [props.navigation, props.title]);\n\n  useEffect(() => {\n\n    if (images.length === 0) {\n      let arr: any = [];\n      for (let i = 0; i < numberOfImagesToCapture; i++) {\n        arr.push({ path: '' });\n      }\n      setImages(arr);\n    }\n  }, [images]);\n\n\n  interface ImageItemProps {\n    item: { path: string };\n    index: number;\n    onPress: () => void;\n  }\n\n  const ImageItem: React.FC<ImageItemProps> = ({ item, index, onPress }) => {\n\n    return (\n      <View\n        style={{\n          width: numColumns == 2 ? '43%' : '88%',\n          height: numColumns == 2 ? 160 : numberOfImagesToCapture == 1 ? 336 : 180,\n          backgroundColor: 'white',\n          alignItems: 'center',\n          alignSelf: 'center',\n          borderWidth: 1,\n          borderColor: '#A3AAC2',\n          borderStyle: 'dashed',\n          borderRadius: 3,\n          marginTop: '6%',\n          marginStart: numColumns == 2 ? 17 : numberOfImagesToCapture == 1 ? 0 : 0,\n        }}\n      >\n        <View\n          style={{\n            alignItems: 'center',\n            width: '80%',\n            height: '98%',\n            borderRadius: 3,\n          }}\n        >\n          {imagesDummy?.length > index && imagesDummy[index]?.path ? null : (\n  <TouchableOpacity\n  onPress={onPress}>\n<View\nstyle={{\n  marginTop:\n  numColumns === 2 ? '32%' : numberOfImagesToCapture === 1 ? '50%' : '20%',\n}}\n>\n<CameraIcon />\n</View>\n</TouchableOpacity>\n           \n          )}\n          <Button\n            onPress={() => captureImage(index)}\n            uppercase={false}\n            labelStyle={[\n              {\n                fontFamily: Fonts.IBMPlexSans_500Medium,\n                fontStyle: 'normal',\n                fontWeight: 'normal',\n                fontSize: 14,\n                letterSpacing: 0.25,\n                color: '#5B80F7',\n              },\n            ]}\n          >\n            {imagesDummy?.length > index && imagesDummy[index]?.path ? null : 'Click Photo'}\n          </Button>\n          <Image\n            source={{\n              uri: imagesDummy?.length > index ? imagesDummy[index]?.path : item?.path,\n            }}\n            style={{\n              height: numColumns == 2 ? '75%' : numberOfImagesToCapture == 1 ? '85%' : '85%',\n              width: numColumns == 2 ? '105%' : '118%',\n              borderRadius: 10,\n              bottom:\n                numColumns == 2 ? '6%' : numberOfImagesToCapture == 1 ? '2%' : '11%',\n            }}\n          />\n          <TouchableOpacity\n            onPress={onPress}\n            style={{\n              position: 'absolute',\n              top: numColumns == 2 ? '17%' : '9%',\n              marginRight: '2%',\n            }}\n          >\n            {imagesDummy?.length > index && imagesDummy[index]?.path && (\n              <View\n                style={{\n                  width: 25,\n                  height: 25,\n                  backgroundColor: 'white',\n                  borderRadius: 15,\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  marginLeft: numColumns == 2 ? '78%' : '96%',\n                }}\n              >\n                <Circle />\n              </View>\n            )}\n          </TouchableOpacity>\n        </View>\n      </View>\n    );\n  };\n\n  const renderModal = () => {\n    return (\n      <GoBackModal\n        showModal={showBackModal}\n        setShowModal={setShowBackModal}\n        onSuccess={async () => {\n          props.onSubmitET({\n            ...(await getBaseETResponse(\n              EntityCode.IMAGE_CAPTURE,\n              false,\n              GO_BACK_EVENT_CODE,\n              '',\n              props.mergedObjectiveId,\n              ExecutionTaskID.IMAGE_CAPTURE\n            )),\n          });\n          setShowBackModal(false);\n        }}\n        onFailure={() => setShowBackModal(false)}\n      />\n    );\n  };\n\n  const handleSubmit = async () => {\n    try {\n      setDisableProceed(true);\n      let imagesArray = imagesDummy.filter(item => item != null && item.path != null && item.path.length != 0);\n      console.log('imagesArray:', JSON.stringify(imagesArray));\n\n      if (imagesArray.length > 0) {\n        props.onSubmitET(await getCaptureOutput(imagesArray, props));\n      } else {\n        showToast('No Images captured');\n      }\n    } catch (error: any) {\n      setDisableProceed(false);\n      showToast(error.message);\n    } finally {\n      setDisableProceed(false);\n    }\n  };\n\n  // useEffect(() => {\n  //   if (props.captureMode === 'SINGLE') {\n  //     if (images.length > 0) {\n  //       setShowCapture(false);\n  //     } else setShowCapture(true);\n  //   } else if (\n  //     props.captureMode === 'MULTI' &&\n  //     props.captureCountLimit &&\n  //     props.captureCountLimit > 0\n  //   ) {\n  //     if (images.length === CaptureUtils.getMaxImagesCount(props)) {\n  //       setShowCapture(false);\n  //     } else setShowCapture(true);\n  //   } else {\n  //     if (images.length > 0) {\n  //       setShowCapture(true);\n  //     }\n  //   }\n  // }, [images, props, showCapture]);\n\n  const captureImage = useCallback(async (index) => {\n    //   // if (!showCapture) {\n    //   //   showToast(`Max Image Limit reached`);\n    //   //   return;\n    //   // }\n    // console.log(\"captureImage\", CaptureUtils);\n    let imageDataResponse = await CaptureUtils.captureImage(\n      props.resolution.breadth,\n      props.resolution.length,\n      props.fileSizeLimit\n    );\n\n    if (imageDataResponse != null) {\n      setButtonProceed(true);\n\n      let imgArray = [];\n      imgArray = imagesDummy;\n      imgArray[index] = {\n        id: CaptureUtils.getImagesFileName(),\n        // @ts-ignore\n        path: imageDataResponse.uri,\n        url: '',\n        timestamp: Date.now(),\n      };\n      setImagesDummy([...imgArray])\n      console.log(\"images211:\", JSON.stringify(imgArray));\n\n    }\n  }, [props.resolution.breadth, props.resolution.length, props.fileSizeLimit]);\n\n\n  const deleteImage = async (index: any) => {\n    let imageDummyArray = [];\n    imageDummyArray = imagesDummy\n    imageDummyArray[index].path = \"\"\n    setImagesDummy([...imageDummyArray])\n\n    let initialProceedValue = false;\n    for (let i = 0; i < imageDummyArray.length; i++) {\n      if (imageDummyArray[i]?.path) {\n        initialProceedValue = true\n      }\n    }\n    setButtonProceed(initialProceedValue);\n\n    try {\n      // setImagesDummy(filteredImages);\n      // setButtonProceed(false);\n    } catch (err: any) {\n      Logger.getInstance().logEvent('deleteImageError', err.message, LOG_TYPE.SDK_ERROR);\n      console.error(\"Error updating state after deletion:\", err);\n    }\n  };\n\n  const renderItem = ({ item, index }: { item: any; index: any }) => {\n    return (\n      <ImageItem\n        item={item}\n        index={index}\n        onPress={async () => {\n          await deleteImage(index);\n        }}\n      />\n    );\n  };\n\n  return (\n    <Provider>\n      {renderModal()}\n      <View style={CommonStyles.mainContainer}>\n        {props.message && (\n          <View style={styles.etMessageView}>\n            <Text style={styles.etMessage}>\n              Take a photo of the shipments. Please ensure the items are clearly visible.\n            </Text>\n          </View>\n        )}\n        <View\n          style={{\n            backgroundColor: 'white',\n            width: 360,\n            height: numColumns == 2 ? '82%' : numberOfImagesToCapture == 1 ? '63%' : '70%',\n            alignSelf: 'center',\n            marginTop: '5%',\n            borderRadius: 7,\n            borderColor: '#E0E3EB',\n            borderWidth: 0.5,\n          }}\n        >\n          <FlatList\n            data={images}\n            numColumns={numColumns}\n            renderItem={renderItem}\n            keyExtractor={(item) => item?.id}\n            contentContainerStyle={{ paddingBottom: '30%' }}\n          />\n        </View>\n        <View style={styles.bottomButtons}>\n          {(props.isSelfLoop == false) && <Button\n            style={[CommonStyles.cancelButton, { flexGrow: 1, marginStart: '3%' }]}\n            mode=\"outlined\"\n            labelStyle={[CommonStyles.cancelButtonLabel, { textTransform: 'capitalize' }]}\n            onPress={async () => {\n              props.onSubmitET({\n                ...(await getBaseETResponse(\n                  EntityCode.IMAGE_CAPTURE,\n                  false,\n                  getEventCodeByET(ExecutionTaskID.IMAGE_CAPTURE, false, props.applicableReasons?.failure),\n                  '',\n                  props.mergedObjectiveId,\n                  ExecutionTaskID.IMAGE_CAPTURE\n                )),\n              });\n            }}\n          >\n            Cancel\n          </Button>\n          }\n          <Button\n            labelStyle={{\n              color: buttonProceed ? '#ffff' : '#A3AAC2',\n              fontFamily: Fonts.IBMPlexSans_500Medium,\n              fontSize: 14,\n              lineHeight: 20,\n              textAlign: 'center',\n              textTransform: 'capitalize',\n            }}\n            style={{\n              flexGrow: 1,\n              marginHorizontal: '3%',\n              backgroundColor: buttonProceed ? '#5B80F7' : '#E0E3EB',\n            }}\n            disabled={!buttonProceed}\n            mode=\"contained\"\n            onPress={async () => {\n              await handleSubmit();\n            }}\n          >\n            Proceed\n          </Button>\n        </View>\n      </View>\n    </Provider>\n  );\n};\n\nconst styles = StyleSheet.create({\n\n  imageEtContainer: {\n    display: 'flex',\n    marginStart: 16,\n    marginEnd: 16,\n    borderWidth: 1,\n    borderColor: '#A3AAC2',\n    padding: 10,\n    marginTop: 15,\n    borderStyle: 'dashed',\n    backgroundColor: '#FFFFFF',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: 370,\n    borderRadius: 5\n  },\n\n  bottomButtons: {\n    width: \"100%\",\n    justifyContent: \"space-between\",\n    flexDirection: 'row',\n    backgroundColor: \"white\",\n    paddingVertical: 12,\n    bottom: 0,\n    position: \"absolute\",\n    borderTopColor: \"#A3AAC2\",\n    borderTopWidth: 0.5\n  },\n  etMessage: {\n    // textAlign: 'center',\n    fontStyle: 'normal',\n    fontWeight: '400',\n    fontSize: 16,\n    display: 'flex',\n    alignItems: 'center',\n    color: '#000000',\n    fontFamily: Fonts.IBMPlexSans_400Regular\n  },\n  etMessageView: {\n    marginTop: 17,\n    paddingStart: 17,\n    paddingTop: 15,\n    paddingBottom: 15,\n    backgroundColor: '#ffffff'\n  }\n});\n\nexport default ImageCapture;\n"],"mappings":"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"}

package/lib/module/components/executiontasks/imageCapture/camera.svg

@@ -0,0 +1,3 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 3.75H15.1875L14.8571 2.8707C14.4922 1.89648 13.5586 1.25 12.5156 1.25H8.48438C7.44141 1.25 6.51172 1.89492 6.14453 2.86914L5.8125 3.75H3C1.61914 3.75 0.5 4.87109 0.5 6.25V16.25C0.5 17.6309 1.61914 18.75 3 18.75H18C19.3809 18.75 20.5 17.6309 20.5 16.25V6.25C20.5 4.87109 19.3789 3.75 18 3.75ZM19.25 16.25C19.25 16.9375 18.6875 17.5 18 17.5H3C2.3125 17.5 1.75 16.9375 1.75 16.25V6.25C1.75 5.5625 2.3125 5 3 5H6.68164L7.31094 3.31328C7.49219 2.82422 7.92578 2.5 8.48047 2.5H12.5156C13.0375 2.5 13.5043 2.82426 13.6867 3.31328L14.3203 5H18C18.6875 5 19.25 5.5625 19.25 6.25V16.25ZM10.5 6.5625C7.91406 6.5625 5.8125 8.66406 5.8125 11.25C5.8125 13.8359 7.91211 15.9375 10.5 15.9375C13.0879 15.9375 15.1875 13.8379 15.1875 11.25C15.1875 8.66211 13.0898 6.5625 10.5 6.5625ZM10.5 14.6875C8.60547 14.6875 7.0625 13.1445 7.0625 11.25C7.0625 9.35547 8.60547 7.8125 10.5 7.8125C12.3945 7.8125 13.9375 9.35547 13.9375 11.25C13.9375 13.1445 12.3945 14.6875 10.5 14.6875Z" fill="#525B7A"/>
+</svg>

package/lib/module/components/executiontasks/imageCapture/circle-xmark.svg

@@ -0,0 +1,5 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="FA-Icon/Light/circle-xmark">
+<path id="Vector" d="M11.0512 6.34874C10.8559 6.15381 10.5393 6.15381 10.3443 6.34874L8.69804 7.99239L7.05117 6.34874C6.85586 6.15381 6.53929 6.15381 6.34429 6.34874C6.14929 6.54367 6.14898 6.85961 6.34429 7.05423L7.99179 8.69727L6.34492 10.3409C6.14961 10.5359 6.14961 10.8518 6.34492 11.0464C6.54011 11.2412 6.85648 11.2415 7.05179 11.0464L8.69804 9.40214L10.3446 11.0455C10.5398 11.2403 10.8562 11.2405 11.0515 11.0455C11.2468 10.8506 11.2468 10.5346 11.0515 10.34L9.40429 8.69727L11.0509 7.05392C11.248 6.86024 11.248 6.54211 11.0512 6.34874ZM8.69804 0.712891C4.27929 0.712891 0.698044 4.28715 0.698044 8.69727C0.698044 13.1074 4.27929 16.6816 8.69804 16.6816C13.1168 16.6816 16.698 13.1074 16.698 8.69727C16.698 4.28715 13.1168 0.712891 8.69804 0.712891ZM8.69804 15.6836C4.83867 15.6836 1.69804 12.5491 1.69804 8.69727C1.69804 4.84543 4.83867 1.71094 8.69804 1.71094C12.5574 1.71094 15.698 4.84543 15.698 8.69727C15.698 12.5491 12.5574 15.6836 8.69804 15.6836Z" fill="#DC2626"/>
+</g>
+</svg>

package/lib/module/components/executiontasks/payments/completePayment/CompletePaymentET.js

@@ -104,7 +104,7 @@ const CompletePaymentET = props => {
       setDisableProceed(true);
       props.onSubmitET(etOutput);
     }
-  }, "Continue"), /*#__PURE__*/React.createElement(Button, {
+  }, "Continue"), props.isSelfLoop == false && /*#__PURE__*/React.createElement(Button, {
     labelStyle: CommonStyles.cancelButtonLabel,
     style: [CommonStyles.cancelButton, {
       marginTop: 10