@os1-platform/dispatch-mobile 2.1.2 → 2.1.4

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

@@ -1 +1 @@
-{"version":3,"names":["Alert","FileSystem","ImagePicker","PermissionStatus","showToast","ImageManipulator","Logger","LOG_TYPE","getBaseETResponse","getEventCodeByET","EntityCode","ExecutionTaskID","BaseError","BaseErrorCodes","DispatchSdkCache","insertDocumentInDB","deleteImage","imageData","images","deleteAsync","path","filtered","filter","img","id","getMaxImagesCount","props","captureCountLimit","getImagesFileName","Date","now","toString","getCompressionRatio","uri","maxSize","fileInfo","getInfoAsync","size","Math","min","exists","fileSize","error","getInstance","logEvent","message","SDK_ERROR","checkCameraPermissionUtil","response","getCameraPermissionsAsync","granted","resp","requestCameraPermissionsAsync","status","GRANTED","captureImage","imageWidth","imageHeight","alert","launchCameraAsync","quality","cancelled","actionResize","resize","width","height","compressionRatio","resizedImage","manipulateAsync","compress","then","SDK_DEBUG","catch","exception","console","getCaptureOutput","imageDataList","captureProps","_captureProps$applica","length","IMAGE_CAPTURE","applicableReasons","failure","mergedObjectiveId","_captureProps$applica2","success","captures","getImagesData","imagesDataList","output","folderName","getKeyFromCache","KEYS","FMS_FOLDER","data","insertID","title","push","url","timestamp","file","folder","name","SQLiteDBIssue"],"sources":["CaptureUtils.ts"],"sourcesContent":["import type {\n  CapturedImage,\n  CaptureInput,\n  CaptureOutput,\n  ImageData,\n} from './CaptureSchema';\nimport { Alert } from 'react-native';\nimport * as FileSystem from 'expo-file-system';\nimport * as ImagePicker from 'expo-image-picker';\nimport { PermissionStatus } from 'expo-image-picker';\nimport { showToast } from '../../widgets/Toaster';\nimport type { ActionResize, ImageResult } from 'expo-image-manipulator';\nimport * as ImageManipulator from 'expo-image-manipulator';\nimport Logger, { LOG_TYPE } from '../../../utils/Logger';\nimport { getBaseETResponse } from '../../../utils/ExecTaskUtils';\nimport { getEventCodeByET } from '../../../manager/dispatchCodes/EventCodeContainer';\nimport {\n  EntityCode,\n  ExecutionTaskID,\n} from '../../../models/execTasks/ETConfig';\nimport { BaseError } from '../../../errors/BaseError';\nimport BaseErrorCodes from '../../../errors/ErrorCodes';\nimport DispatchSdkCache from '../../../manager/sdk/DispatchSdkCache';\nimport { insertDocumentInDB } from '../../../utils/SyncManagerUtils';\n\nexport async function deleteImage(\n  imageData: ImageData,\n  images: ImageData[]\n): Promise<ImageData[]> {\n  await FileSystem.deleteAsync(imageData.path);\n  let filtered = images.filter((img) => {\n    return img.id !== imageData.id;\n  });\n  return filtered;\n}\n\nexport function getMaxImagesCount(props: CaptureInput) {\n  if (props && props.captureCountLimit) return props.captureCountLimit;\n  else return 1;\n}\n\nexport function getImagesFileName() {\n  return `IMG_${Date.now().toString()}.jpg`;\n}\n\nexport async function getCompressionRatio(\n  uri: string,\n  maxSize: number\n): Promise<number> {\n  try {\n    let fileInfo = await FileSystem.getInfoAsync(uri, {\n      size: true,\n    });\n    maxSize = Math.min(maxSize, 1024);\n    if (fileInfo.exists) {\n      let fileSize = fileInfo.size / 1024;\n      if (fileSize > maxSize) {\n        return maxSize / fileSize;\n      } else return 1;\n    }\n    return 1;\n  } catch (error: any) {\n    Logger.getInstance().logEvent(\n      'getCompressionRatio',\n      error.message,\n      LOG_TYPE.SDK_ERROR\n    );\n    return 1;\n  }\n}\n\nexport async function checkCameraPermissionUtil(): Promise<boolean> {\n  let response = await ImagePicker.getCameraPermissionsAsync();\n  if (response.granted) return true;\n  else {\n    let resp = await ImagePicker.requestCameraPermissionsAsync();\n    return resp.status === PermissionStatus.GRANTED;\n  }\n}\n\nexport async function captureImage(\n  imageWidth: number,\n  imageHeight: number,\n  fileSize: number\n): Promise<ImageResult | null> {\n  try {\n    if (!(await checkCameraPermissionUtil())) {\n      Alert.alert('Permissions Error', 'Camera permissions not provided!');\n      return null;\n    }\n    let response = await ImagePicker.launchCameraAsync({\n      quality: 1,\n    });\n    if (!response.cancelled) {\n      let actionResize: ActionResize = {\n        resize: {\n          width: imageWidth,\n          height: imageHeight,\n        },\n      };\n      let compressionRatio = await getCompressionRatio(response.uri, fileSize);\n      let resizedImage = await ImageManipulator.manipulateAsync(\n        response.uri,\n        [actionResize],\n        {\n          compress: compressionRatio,\n        }\n      );\n      FileSystem.deleteAsync(response.uri)\n        .then(() =>\n          Logger.getInstance().logEvent(\n            'CAPTURE_ET',\n            'File deleted success',\n            LOG_TYPE.SDK_DEBUG\n          )\n        )\n        .catch((error) => {\n          Logger.getInstance().logEvent(\n            'CAPTURE_ET',\n            error.message,\n            LOG_TYPE.SDK_ERROR\n          );\n        });\n      return resizedImage;\n    } else {\n      showToast('User cancelled the action');\n      return null;\n    }\n  } catch (exception: any) {\n    showToast(`Error ${exception.message}`);\n    console.error('capture image error: ', exception);\n\n    return null;\n  }\n}\n\nexport async function getCaptureOutput(\n  imageDataList: ImageData[],\n  captureProps: CaptureInput\n): Promise<CaptureOutput> {\n  if (!imageDataList || imageDataList.length === 0)\n    return {\n      ...(await getBaseETResponse(\n        EntityCode.IMAGE_CAPTURE,\n        false,\n        getEventCodeByET(\n          ExecutionTaskID.IMAGE_CAPTURE,\n          false,\n          captureProps.applicableReasons?.failure\n        ),\n        '',\n        captureProps.mergedObjectiveId,\n        ExecutionTaskID.IMAGE_CAPTURE\n      )),\n    };\n  else {\n    return {\n      ...(await getBaseETResponse(\n        EntityCode.IMAGE_CAPTURE,\n        true,\n        getEventCodeByET(\n          ExecutionTaskID.IMAGE_CAPTURE,\n          true,\n          captureProps.applicableReasons?.success\n        ),\n        '',\n        captureProps.mergedObjectiveId,\n        ExecutionTaskID.IMAGE_CAPTURE\n      )),\n      captures: await getImagesData(imageDataList, captureProps),\n    };\n  }\n}\n\nasync function getImagesData(\n  imagesDataList: ImageData[],\n  captureProps: CaptureInput\n): Promise<CapturedImage[]> {\n  if (imagesDataList && imagesDataList.length > 0) {\n    let output: CapturedImage[] = [];\n    const folderName =\n      (await DispatchSdkCache.getInstance().getKeyFromCache(\n        DispatchSdkCache.KEYS.FMS_FOLDER\n      )) ?? 'NULL';\n    for (const data of imagesDataList) {\n      let insertID = await insertDocumentInDB(\n        data.id,\n        folderName,\n        // JSON.stringify(captureProps.jobIds),\n        // JSON.stringify(captureProps.objRefs),\n        null,\n        captureProps.title,\n        data.path\n      );\n      if (insertID)\n        output.push({\n          url: '',\n          timestamp: data.timestamp,\n          file: { folder: folderName, name: data.id },\n        });\n      else\n        throw new BaseError(\n          BaseErrorCodes.SQLiteDBIssue,\n          'Unable to save Image'\n        );\n    }\n    return output;\n  } else return [];\n}\n"],"mappings":"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"}
+{"version":3,"names":["Alert","FileSystem","ImagePicker","PermissionStatus","showToast","ImageManipulator","Logger","LOG_TYPE","getBaseETResponse","getEventCodeByET","EntityCode","ExecutionTaskID","BaseError","BaseErrorCodes","DispatchSdkCache","insertDocumentInDB","launchCamera","deleteImage","imageData","images","deleteAsync","path","filtered","filter","ele","img","id","toString","toLowerCase","console","log","getMaxImagesCount","props","captureCountLimit","getImagesFileName","Date","now","getCompressionRatio","uri","maxSize","fileInfo","getInfoAsync","size","Math","min","exists","fileSize","error","getInstance","logEvent","message","SDK_ERROR","checkCameraPermissionUtil","response","getCameraPermissionsAsync","granted","resp","requestCameraPermissionsAsync","status","GRANTED","captureImage","imageWidth","imageHeight","alert","cameraResult","options","selectionLimit","mediaType","includeBase64","didCancel","errorCode","errorMessage","assets","compressionRatio","saveOptions","compress","resizedImage","manipulateAsync","then","SDK_DEBUG","catch","exception","getCaptureOutput","imageDataList","captureProps","_captureProps$applica","length","IMAGE_CAPTURE","applicableReasons","failure","mergedObjectiveId","_captureProps$applica2","success","captures","getImagesData","imagesDataList","output","folderName","getKeyFromCache","KEYS","FMS_FOLDER","data","insertID","title","push","url","timestamp","file","folder","name","SQLiteDBIssue"],"sources":["CaptureUtils.ts"],"sourcesContent":["import type {\n  CapturedImage,\n  CaptureInput,\n  CaptureOutput,\n  ImageData,\n} from './CaptureSchema';\nimport { Alert, Platform } from 'react-native';\nimport * as FileSystem from 'expo-file-system';\nimport * as ImagePicker from 'expo-image-picker';\nimport { PermissionStatus } from 'expo-image-picker';\nimport { showToast } from '../../widgets/Toaster';\nimport type { ActionResize, ImageResult } from 'expo-image-manipulator';\nimport * as ImageManipulator from 'expo-image-manipulator';\nimport Logger, { LOG_TYPE } from '../../../utils/Logger';\nimport { getBaseETResponse } from '../../../utils/ExecTaskUtils';\nimport { getEventCodeByET } from '../../../manager/dispatchCodes/EventCodeContainer';\nimport {\n  EntityCode,\n  ExecutionTaskID,\n} from '../../../models/execTasks/ETConfig';\nimport { BaseError } from '../../../errors/BaseError';\nimport BaseErrorCodes from '../../../errors/ErrorCodes';\nimport DispatchSdkCache from '../../../manager/sdk/DispatchSdkCache';\nimport { insertDocumentInDB } from '../../../utils/SyncManagerUtils';\nimport {CameraOptions, launchCamera} from 'react-native-image-picker';\n\nexport async function deleteImage(imageData: { path: string; id: { toString: () => string; }; }, images: any[]) {\n  await FileSystem.deleteAsync(imageData.path);\n  let filtered = images.filter(ele=>ele).filter(img => img.id.toString().toLowerCase() !== imageData.id.toString().toLowerCase()\n  );\n  console.log(\"filtered\",filtered);\n  return filtered;\n}\n\nexport function getMaxImagesCount(props: CaptureInput) {\n  if (props && props.captureCountLimit) return props.captureCountLimit;\n  else return 1;\n}\n\nexport function getImagesFileName() {\n  return `IMG_${Date.now().toString()}.jpg`;\n}\n\nexport async function getCompressionRatio(\n  uri: string,\n  maxSize: number\n): Promise<number> {\n  try {\n    let fileInfo = await FileSystem.getInfoAsync(uri, {\n      size: true,\n    });\n    maxSize = Math.min(maxSize, 1024);\n    if (fileInfo.exists) {\n      let fileSize = fileInfo.size / 1024;\n      if (fileSize > maxSize) {\n        return maxSize / fileSize;\n      } else return 1;\n    }\n    return 1;\n  } catch (error: any) {\n    Logger.getInstance().logEvent(\n      'getCompressionRatio',\n      error.message,\n      LOG_TYPE.SDK_ERROR\n    );\n    return 1;\n  }\n}\n\nexport async function checkCameraPermissionUtil(): Promise<boolean> {\n  let response = await ImagePicker.getCameraPermissionsAsync();\n  if (response.granted) return true;\n  else {\n    let resp = await ImagePicker.requestCameraPermissionsAsync();\n    return resp.status === PermissionStatus.GRANTED;\n  }\n}\n\ninterface responseType {\n  cancelled?: boolean;\n  uri?: string;\n  assets?: any[];\n}\n\nexport async function captureImage(\n  imageWidth: number,\n  imageHeight: number,\n  fileSize: number\n): Promise<ImageResult | null> {\n  try {\n    if (!(await checkCameraPermissionUtil())) {\n      Alert.alert('Permissions Error', 'Camera permissions not provided!');\n      return null;\n    }\n\n\n    //let response : responseType;\n    let uri : string = ''\n    let cameraResult = null;\n\n    const options = {\n      selectionLimit: 1,\n      mediaType: 'photo',\n      includeBase64: false,\n    };\n\n    \n\n    // You can also use as a promise without 'callback':\n    // await launchCamera(options as CameraOptions , response => {  \n    //   if (response?.didCancel){\n    //     console.log(\"aks:didCancel=\")\n    //     showToast('User cancelled the action');        \n    //     console.log('User cancelled the action');\n    //   } else if (response.errorCode == ('camera_unavailable' || 'permission' || 'others')) {\n    //     console.log(\"aks:errorCode=\")\n    //     showToast(response.errorMessage? response.errorMessage : '');        \n    //     console.log('ImagePicker Error: ', response.errorMessage);\n    //   } else {\n    //     console.log(\"aks:errorCode=before\")\n    //     async()=>{\n    //       console.log(\"aks:else=after\")\n    //       let assets = response.assets? response.assets : null;   \n    //       console.log(\"aks:assets=\", assets)\n    //       //       \n    //       if(assets != null){\n    //         uri = assets[0].uri as string;\n    //         //\n    //         let compressionRatio = await getCompressionRatio(uri, fileSize);\n    //         console.log(\"aks:compressionRatio=\", compressionRatio)\n            \n    //         //\n    //         const saveOptions = {\n    //           compress: compressionRatio,\n    //         }\n    //         //\n    //         console.log(\"aks:uri=blank\")\n    //         console.log(\"aks:uri=\", uri)\n    //         let resizedImage = await ImageManipulator.manipulateAsync(uri, [], saveOptions,);\n    //         //\n    //         console.log(\"aks:resizedImage=\", resizedImage)\n    //         //delete file\n    //         FileSystem.deleteAsync(uri)\n    //             .then(() =>\n    //               Logger.getInstance().logEvent('CAPTURE_ET','File deleted success',LOG_TYPE.SDK_DEBUG)\n    //             ).catch((error) => {\n    //               Logger.getInstance().logEvent('CAPTURE_ET',error.message,LOG_TYPE.SDK_ERROR);\n    //             });\n    //         //\n    //         return resizedImage;\n    //       }   \n    //       return null;       \n    //     }\n    //   }    \n    // });\n\n    await launchCamera(options as CameraOptions , response => {  \n      if (response?.didCancel){\n        console.log(\"aks:didCancel=\")\n        showToast('User cancelled the action');        \n        console.log('User cancelled the action');\n      } else if (response.errorCode == ('camera_unavailable' || 'permission' || 'others')) {\n        console.log(\"aks:errorCode=\")\n        showToast(response.errorMessage? response.errorMessage : '');        \n        console.log('ImagePicker Error: ', response.errorMessage);\n      } else {\n        console.log(\"aks:response=else-start\")\n        //        \n        let assets = response.assets? response.assets : null;   \n        console.log(\"aks:assets=\", assets)\n        \n        //\n        if(assets != null){\n          uri = assets[0].uri as string;\n        }\n\n        console.log(\"aks:uri=before\", uri)\n      }    \n    });\n\n    console.log(\"aks:uri-after=\", uri)\n    //       \n    if(uri != null){      \n      //\n      let compressionRatio = await getCompressionRatio(uri, fileSize);\n      console.log(\"aks:compressionRatio=\", compressionRatio)\n      \n      //\n      const saveOptions = {\n        compress: compressionRatio,\n      }\n      //\n      console.log(\"aks:uri=blank\")\n      console.log(\"aks:uri=\", uri)\n      let resizedImage = await ImageManipulator.manipulateAsync(uri, [], saveOptions,);\n      //\n      console.log(\"aks:resizedImage=\", resizedImage)\n      //delete file\n      FileSystem.deleteAsync(uri)\n          .then(() =>\n            Logger.getInstance().logEvent('CAPTURE_ET','File deleted success',LOG_TYPE.SDK_DEBUG)\n          ).catch((error) => {\n            Logger.getInstance().logEvent('CAPTURE_ET',error.message,LOG_TYPE.SDK_ERROR);\n          });\n      //\n\n    console.log(\"resizedImage=before\")\n    console.log(\"resizedImage=\", resizedImage)\n\n      return resizedImage;\n    }\n\n    // if(Platform.OS = 'android'){\n    //   response = {'uri': 'hello'}\n    //   uri = 'hello';\n    // } else {\n    //    response = await ImagePicker.launchCameraAsync({\n    //     quality: 1,\n    //   });\n    //   let assets = response.assets;\n    //   if(assets){\n    //     uri = assets[0].uri\n    //   }      \n    // }\n\n    // if (response?.cancelled){\n    //   showToast('User cancelled the action');\n    //   return null;\n    // }    \n\n    \n    // let actionResize: ActionResize = {\n    //   resize: {\n    //     width: imageWidth,\n    //     height: imageHeight,\n    //   },\n    // };\n\n  return null\n   \n  } catch (exception: any) {\n    //showToast(`Error ${exception.message}`);\n    //console.error('capture image error: ', exception);\n    return null;\n  }\n}\n\n\nexport async function getCaptureOutput(\n  imageDataList: ImageData[],\n  captureProps: CaptureInput\n): Promise<CaptureOutput> {\n  if (!imageDataList || imageDataList.length === 0)\n    return {\n      ...(await getBaseETResponse(\n        EntityCode.IMAGE_CAPTURE,\n        false,\n        getEventCodeByET(\n          ExecutionTaskID.IMAGE_CAPTURE,\n          false,\n          captureProps.applicableReasons?.failure\n        ),\n        '',\n        captureProps.mergedObjectiveId,\n        ExecutionTaskID.IMAGE_CAPTURE\n      )),\n    };\n  else {\n    return {\n      ...(await getBaseETResponse(\n        EntityCode.IMAGE_CAPTURE,\n        true,\n        getEventCodeByET(\n          ExecutionTaskID.IMAGE_CAPTURE,\n          true,\n          captureProps.applicableReasons?.success\n        ),\n        '',\n        captureProps.mergedObjectiveId,\n        ExecutionTaskID.IMAGE_CAPTURE\n      )),\n      captures: await getImagesData(imageDataList, captureProps),\n    };\n  }\n}\n\nasync function getImagesData(\n  imagesDataList: ImageData[],\n  captureProps: CaptureInput\n): Promise<CapturedImage[]> {\n  if (imagesDataList && imagesDataList.length > 0) {\n    let output: CapturedImage[] = [];\n    const folderName =\n      (await DispatchSdkCache.getInstance().getKeyFromCache(\n        DispatchSdkCache.KEYS.FMS_FOLDER\n      )) ?? 'NULL';\n    for (const data of imagesDataList) {\n      let insertID = await insertDocumentInDB(\n        data.id,\n        folderName,\n        // JSON.stringify(captureProps.jobIds),\n        // JSON.stringify(captureProps.objRefs),\n        null,\n        captureProps.title,\n        data.path\n      );\n      if (insertID)\n        output.push({\n          url: '',\n          timestamp: data.timestamp,\n          file: { folder: folderName, name: data.id },\n        });\n      else\n        throw new BaseError(\n          BaseErrorCodes.SQLiteDBIssue,\n          'Unable to save Image'\n        );\n    }\n    return output;\n  } else return [];\n}"],"mappings":"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"}

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

@@ -1,10 +1,9 @@
 import React, { useCallback, useEffect, useState, useLayoutEffect } from 'react';
-import { BackHandler, FlatList, Image, 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: Fonts.IBMPlexSans_400Regular,
-      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: Fonts.IBMPlexSans_600SemiBold
+    fontFamily: Fonts.IBMPlexSans_400Regular
   },
   etMessageView: {
-    marginTop: 14,
-    paddingStart: 40,
-    paddingEnd: 40,
+    marginTop: 17,
+    paddingStart: 17,
     paddingTop: 15,
     paddingBottom: 15,
     backgroundColor: '#ffffff'