@os1-platform/dispatch-mobile 2.1.2 → 2.1.4

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

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var CaptureUtils = _interopRequireWildcard(require("./CaptureUtils"));
+var _CaptureUtils = _interopRequireWildcard(require("./CaptureUtils"));
+var CaptureUtils = _CaptureUtils;
 var _Toaster = require("../../widgets/Toaster");
-var _SdkColors = _interopRequireWildcard(require("../../../styles/SdkColors"));
 var _MaterialIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialIcons"));
 var _CommonStyles = require("../../../styles/executionTasks/CommonStyles");
 var _ExecTaskUtils = require("../../../utils/ExecTaskUtils");
@@ -20,42 +20,25 @@ var _Logger = _interopRequireWildcard(require("../../../utils/Logger"));
 var _utils = require("../../../components/utils");
 var _GoBackModal = _interopRequireDefault(require("../../../components/widgets/GoBackModal"));
 var _native = require("@react-navigation/native");
+var _circleXmark = _interopRequireDefault(require("./circle-xmark.svg"));
+var _camera = _interopRequireDefault(require("./camera.svg"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const ImageItem = _ref => {
-  let {
-    item,
-    onPress
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      marginEnd: 8
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
-    source: {
-      uri: item.path
-    },
-    style: styles.image
-  }), /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, {
-    onPress: onPress,
-    name: "highlight-remove",
-    color: 'red',
-    size: 32,
-    style: {
-      position: 'absolute',
-      right: 5,
-      top: 5
-    }
-  }));
-};
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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] = (0, _react.useState)([]);
+  const [imagesDummy, setImagesDummy] = (0, _react.useState)([]);
   const [showCapture, setShowCapture] = (0, _react.useState)(true);
   const [disableProceed, setDisableProceed] = (0, _react.useState)(false);
   const [showBackModal, setShowBackModal] = (0, _react.useState)(false);
-
-  // Handle back-button click
+  const [buttonProceed, setButtonProceed] = (0, _react.useState)(false);
+  const [numColumns, setNumColumns] = (0, _react.useState)(numberOfImagesToCapture <= 2 ? 1 : 2);
   (0, _native.useFocusEffect)(_react.default.useCallback(() => {
     const onBackPress = () => {
       var _props$taskMeta;
@@ -90,6 +73,91 @@ const ImageCapture = props => {
       }
     });
   }, [props.navigation, props.title]);
+  (0, _react.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.default.createElement(_reactNative.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.default.createElement(_reactNative.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.default.createElement(_reactNative.TouchableOpacity, {
+      onPress: onPress
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        marginTop: numColumns === 2 ? '32%' : numberOfImagesToCapture === 1 ? '50%' : '20%'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_camera.default, null))), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+      onPress: () => captureImage(index),
+      uppercase: false,
+      labelStyle: [{
+        fontFamily: _CommonStyles.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.default.createElement(_reactNative.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.default.createElement(_reactNative.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.default.createElement(_reactNative.View, {
+      style: {
+        width: 25,
+        height: 25,
+        backgroundColor: 'white',
+        borderRadius: 15,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginLeft: numColumns == 2 ? '78%' : '96%'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_circleXmark.default, null)))));
+  };
   const renderModal = () => {
     return /*#__PURE__*/_react.default.createElement(_GoBackModal.default, {
       showModal: showBackModal,
@@ -106,17 +174,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) {
-          (0, _Toaster.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)) {
-          (0, _Toaster.showToast)(`Max ${props.captureCountLimit} image(s) allowed.`);
-          return;
-        }
-        props.onSubmitET(await (0, CaptureUtils.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 (0, _CaptureUtils.getCaptureOutput)(imagesArray, props));
       } else {
         (0, _Toaster.showToast)('No Images captured');
       }
@@ -127,56 +188,80 @@ const ImageCapture = props => {
       setDisableProceed(false);
     }
   };
-  (0, _react.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 = (0, _react.useCallback)(async () => {
-    if (!showCapture) {
-      (0, _Toaster.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 = (0, _react.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.default.getInstance().logEvent('deleteImageError', err.message, _Logger.LOG_TYPE.SDK_ERROR);
-      return;
+      console.error("Error updating state after deletion:", err);
     }
   };
   const renderItem = _ref2 => {
     let {
-      item
+      item,
+      index
     } = _ref2;
     return /*#__PURE__*/_react.default.createElement(ImageItem, {
       item: item,
+      index: index,
       onPress: async () => {
-        await deleteImage(item);
+        await deleteImage(index);
       }
     });
   };
@@ -186,56 +271,62 @@ const ImageCapture = props => {
     style: styles.etMessageView
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styles.etMessage
-  }, props.message)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.imageEtContainer
-  }, images.length === 0 && /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, {
-    name: 'photo-camera',
-    size: 24,
-    color: '#666666'
-  }), images.length > 0 && /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
-    horizontal: true,
+  }, "Take a photo of the shipments. Please ensure the items are clearly visible.")), /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_reactNative.FlatList, {
     data: images,
+    numColumns: numColumns,
     renderItem: renderItem,
-    keyExtractor: item => item.id
-  }), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
-    onPress: () => captureImage(),
-    uppercase: false,
-    labelStyle: [{
-      fontFamily: _CommonStyles.Fonts.IBMPlexSans_400Regular,
-      fontStyle: 'normal',
-      fontWeight: 'normal',
-      fontSize: 14,
-      alignItems: 'center',
-      textAlign: 'center',
-      letterSpacing: 0.25,
-      color: _SdkColors.default[_SdkColors.ColorTheme.LIGHT].primaryButton
-    }]
-  }, images.length > 0 ? 'Click more' : 'Click Picture')), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [_CommonStyles.CommonStyles.bottom, {
-      marginStart: 10,
-      marginEnd: 10
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
-    disabled: disableProceed,
-    style: _CommonStyles.CommonStyles.nextButton,
-    mode: "contained",
-    labelStyle: _CommonStyles.CommonStyles.nextButtonLabel,
-    onPress: async () => {
-      await handleSubmit();
+    keyExtractor: item => item === null || item === void 0 ? void 0 : item.id,
+    contentContainerStyle: {
+      paddingBottom: '30%'
     }
-  }, "Proceed"), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.bottomButtons
+  }, props.isSelfLoop == false && /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
     style: [_CommonStyles.CommonStyles.cancelButton, {
-      marginTop: 10
+      flexGrow: 1,
+      marginStart: '3%'
     }],
     mode: "outlined",
-    labelStyle: _CommonStyles.CommonStyles.cancelButtonLabel,
+    labelStyle: [_CommonStyles.CommonStyles.cancelButtonLabel, {
+      textTransform: 'capitalize'
+    }],
     onPress: async () => {
       var _props$applicableReas;
       props.onSubmitET({
         ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.IMAGE_CAPTURE, false, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.IMAGE_CAPTURE, false, (_props$applicableReas = props.applicableReasons) === null || _props$applicableReas === void 0 ? void 0 : _props$applicableReas.failure), '', props.mergedObjectiveId, _ETConfig.ExecutionTaskID.IMAGE_CAPTURE))
       });
     }
-  }, "Cancel"))));
+  }, "Cancel"), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+    labelStyle: {
+      color: buttonProceed ? '#ffff' : '#A3AAC2',
+      fontFamily: _CommonStyles.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 = _reactNative.StyleSheet.create({
   imageEtContainer: {
@@ -243,39 +334,44 @@ const styles = _reactNative.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: _CommonStyles.Fonts.IBMPlexSans_600SemiBold
+    fontFamily: _CommonStyles.Fonts.IBMPlexSans_400Regular
   },
   etMessageView: {
-    marginTop: 14,
-    paddingStart: 40,
-    paddingEnd: 40,
+    marginTop: 17,
+    paddingStart: 17,
     paddingTop: 15,
     paddingBottom: 15,
     backgroundColor: '#ffffff'
   }
 });
-var _default = ImageCapture;
-exports.default = _default;
+var _default = exports.default = ImageCapture;
 //# sourceMappingURL=ImageCapture.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","CaptureUtils","_Toaster","_SdkColors","_MaterialIcons","_interopRequireDefault","_CommonStyles","_ExecTaskUtils","_ETConfig","_EventCodeContainer","_constants","_reactNativePaper","_Logger","_utils","_GoBackModal","_native","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ImageItem","_ref","item","onPress","createElement","View","style","marginEnd","Image","source","uri","path","styles","image","name","color","size","position","right","top","ImageCapture","props","images","setImages","useState","showCapture","setShowCapture","disableProceed","setDisableProceed","showBackModal","setShowBackModal","useFocusEffect","React","useCallback","onBackPress","_props$taskMeta","taskMeta","enableGoBack","hasGoBackConnector","applicableReasons","navigation","goBack","BackHandler","addEventListener","removeEventListener","useLayoutEffect","setOptions","title","headerLeft","_props$taskMeta2","paddingRight","paddingTop","renderModal","showModal","setShowModal","onSuccess","onSubmitET","getBaseETResponse","EntityCode","IMAGE_CAPTURE","GO_BACK_EVENT_CODE","mergedObjectiveId","ExecutionTaskID","onFailure","handleSubmit","length","_props$additionalMult","additionalMultiConfig","minCaptureCount","captureCount","showToast","captureMode","captureCountLimit","getMaxImagesCount","getCaptureOutput","error","message","useEffect","captureImage","imageDataResponse","resolution","breadth","fileSizeLimit","prevState","id","getImagesFileName","url","timestamp","Date","now","deleteImage","imageData","filteredImages","err","Logger","getInstance","logEvent","LOG_TYPE","SDK_ERROR","renderItem","_ref2","Provider","CommonStyles","mainContainer","etMessageView","Text","etMessage","imageEtContainer","FlatList","horizontal","data","keyExtractor","Button","uppercase","labelStyle","fontFamily","Fonts","IBMPlexSans_400Regular","fontStyle","fontWeight","fontSize","alignItems","textAlign","letterSpacing","SdkColors","ColorTheme","LIGHT","primaryButton","bottom","marginStart","disabled","nextButton","mode","nextButtonLabel","cancelButton","marginTop","cancelButtonLabel","_props$applicableReas","getEventCodeByET","failure","StyleSheet","create","display","borderWidth","borderColor","padding","borderStyle","backgroundColor","justifyContent","height","width","IBMPlexSans_600SemiBold","paddingStart","paddingEnd","paddingBottom","_default","exports"],"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  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: Fonts.IBMPlexSans_400Regular,\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: Fonts.IBMPlexSans_600SemiBold,\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":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_CaptureUtils","CaptureUtils","_Toaster","_MaterialIcons","_interopRequireDefault","_CommonStyles","_ExecTaskUtils","_ETConfig","_EventCodeContainer","_constants","_reactNativePaper","_Logger","_utils","_GoBackModal","_native","_circleXmark","_camera","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ImageCapture","props","numberOfImagesToCapture","captureMode","captureCountLimit","images","setImages","useState","imagesDummy","setImagesDummy","showCapture","setShowCapture","disableProceed","setDisableProceed","showBackModal","setShowBackModal","buttonProceed","setButtonProceed","numColumns","setNumColumns","useFocusEffect","React","useCallback","onBackPress","_props$taskMeta","taskMeta","enableGoBack","hasGoBackConnector","applicableReasons","navigation","goBack","BackHandler","addEventListener","removeEventListener","useLayoutEffect","setOptions","title","headerLeft","createElement","onPress","_props$taskMeta2","name","color","size","style","paddingRight","paddingTop","useEffect","length","arr","push","path","ImageItem","_ref","_imagesDummy$index","_imagesDummy$index2","_imagesDummy$index3","_imagesDummy$index4","item","index","View","width","height","backgroundColor","alignItems","alignSelf","borderWidth","borderColor","borderStyle","borderRadius","marginTop","marginStart","TouchableOpacity","Button","captureImage","uppercase","labelStyle","fontFamily","Fonts","IBMPlexSans_500Medium","fontStyle","fontWeight","fontSize","letterSpacing","Image","source","uri","bottom","position","top","marginRight","justifyContent","marginLeft","renderModal","showModal","setShowModal","onSuccess","onSubmitET","getBaseETResponse","EntityCode","IMAGE_CAPTURE","GO_BACK_EVENT_CODE","mergedObjectiveId","ExecutionTaskID","onFailure","handleSubmit","imagesArray","filter","console","log","JSON","stringify","getCaptureOutput","showToast","error","message","imageDataResponse","resolution","breadth","fileSizeLimit","imgArray","id","getImagesFileName","url","timestamp","Date","now","deleteImage","imageDummyArray","initialProceedValue","_imageDummyArray$i","err","Logger","getInstance","logEvent","LOG_TYPE","SDK_ERROR","renderItem","_ref2","Provider","CommonStyles","mainContainer","styles","etMessageView","Text","etMessage","FlatList","data","keyExtractor","contentContainerStyle","paddingBottom","bottomButtons","isSelfLoop","cancelButton","flexGrow","mode","cancelButtonLabel","textTransform","_props$applicableReas","getEventCodeByET","failure","lineHeight","textAlign","marginHorizontal","disabled","StyleSheet","create","imageEtContainer","display","marginEnd","padding","flexDirection","paddingVertical","borderTopColor","borderTopWidth","IBMPlexSans_400Regular","paddingStart","_default","exports"],"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/commonjs/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/commonjs/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>