@os1-platform/dispatch-mobile 1.0.0

package/lib/commonjs/components/executiontasks/httpRequest/HttpRequestET.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _CommonStyles = require("../../../styles/executionTasks/CommonStyles");
+
+var _ProgressDialog = _interopRequireDefault(require("../../widgets/ProgressDialog"));
+
+var _reactNative = require("react-native");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _strings = require("../../../res/strings");
+
+var _HttpEtUtils = require("./HttpEtUtils");
+
+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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const HttpRequestET = props => {
+  const [inProgress, setInProgress] = (0, _react.useState)(true);
+  (0, _react.useEffect)(() => {
+    (async () => {
+      if (inProgress) {
+        try {
+          const apiResponse = await (0, _HttpEtUtils.getApiResponse)(props.api);
+          setInProgress(false);
+          props.onSubmitET(await (0, _HttpEtUtils.getHttpETOutput)(apiResponse.data, props.api.responseJsonPath, true));
+        } catch (error) {
+          setInProgress(false);
+
+          if (error.response) {
+            /**
+             * The request was made and the server responded
+             * with a status code that falls out of the range of 2xx
+             */
+            props.onSubmitET(await (0, _HttpEtUtils.getHttpETOutput)(error.response.data, props.api.errorJsonPath, false));
+          } else {
+            props.onSubmitET(await (0, _HttpEtUtils.getHttpETOutput)(error, '', false));
+          }
+        }
+      }
+    })();
+  }, [inProgress, props]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _CommonStyles.CommonStyles.mainContainer
+  }, /*#__PURE__*/_react.default.createElement(_ProgressDialog.default, {
+    visible: inProgress,
+    label: props.message ?? _strings.PLEASE_WAIT
+  }));
+};
+
+var _default = HttpRequestET;
+exports.default = _default;
+//# sourceMappingURL=HttpRequestET.js.map

package/lib/commonjs/components/executiontasks/httpRequest/HttpRequestET.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HttpRequestET","props","inProgress","setInProgress","useState","useEffect","apiResponse","getApiResponse","api","onSubmitET","getHttpETOutput","data","responseJsonPath","error","response","errorJsonPath","CommonStyles","mainContainer","message","PLEASE_WAIT"],"sources":["HttpRequestET.tsx"],"sourcesContent":["import type { HttpRequestETInput } from './HttpRequestETSchema';\nimport { CommonStyles } from '../../../styles/executionTasks/CommonStyles';\nimport ProgressDialog from '../../widgets/ProgressDialog';\nimport { View } from 'react-native';\nimport React, { useEffect, useState } from 'react';\nimport { PLEASE_WAIT } from '../../../res/strings';\nimport { getApiResponse, getHttpETOutput } from './HttpEtUtils';\n\nconst HttpRequestET = (props: HttpRequestETInput) => {\n  const [inProgress, setInProgress] = useState(true);\n\n  useEffect(() => {\n    (async () => {\n      if (inProgress) {\n        try {\n          const apiResponse = await getApiResponse(props.api);\n          setInProgress(false);\n          props.onSubmitET(\n            await getHttpETOutput(\n              apiResponse.data,\n              props.api.responseJsonPath,\n              true\n            )\n          );\n        } catch (error: any) {\n          setInProgress(false);\n          if (error.response) {\n            /**\n             * The request was made and the server responded\n             * with a status code that falls out of the range of 2xx\n             */\n            props.onSubmitET(\n              await getHttpETOutput(\n                error.response.data,\n                props.api.errorJsonPath,\n                false\n              )\n            );\n          } else {\n            props.onSubmitET(await getHttpETOutput(error, '', false));\n          }\n        }\n      }\n    })();\n  }, [inProgress, props]);\n  return (\n    <View style={CommonStyles.mainContainer}>\n      <ProgressDialog\n        visible={inProgress}\n        label={props.message ?? PLEASE_WAIT}\n      />\n    </View>\n  );\n};\nexport default HttpRequestET;\n"],"mappings":";;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,aAAa,GAAIC,KAAD,IAA+B;EACnD,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAS,IAAT,CAApC;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,CAAC,YAAY;MACX,IAAIH,UAAJ,EAAgB;QACd,IAAI;UACF,MAAMI,WAAW,GAAG,MAAM,IAAAC,2BAAA,EAAeN,KAAK,CAACO,GAArB,CAA1B;UACAL,aAAa,CAAC,KAAD,CAAb;UACAF,KAAK,CAACQ,UAAN,CACE,MAAM,IAAAC,4BAAA,EACJJ,WAAW,CAACK,IADR,EAEJV,KAAK,CAACO,GAAN,CAAUI,gBAFN,EAGJ,IAHI,CADR;QAOD,CAVD,CAUE,OAAOC,KAAP,EAAmB;UACnBV,aAAa,CAAC,KAAD,CAAb;;UACA,IAAIU,KAAK,CAACC,QAAV,EAAoB;YAClB;AACZ;AACA;AACA;YACYb,KAAK,CAACQ,UAAN,CACE,MAAM,IAAAC,4BAAA,EACJG,KAAK,CAACC,QAAN,CAAeH,IADX,EAEJV,KAAK,CAACO,GAAN,CAAUO,aAFN,EAGJ,KAHI,CADR;UAOD,CAZD,MAYO;YACLd,KAAK,CAACQ,UAAN,CAAiB,MAAM,IAAAC,4BAAA,EAAgBG,KAAhB,EAAuB,EAAvB,EAA2B,KAA3B,CAAvB;UACD;QACF;MACF;IACF,CA/BD;EAgCD,CAjCD,EAiCG,CAACX,UAAD,EAAaD,KAAb,CAjCH;EAkCA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEe,0BAAA,CAAaC;EAA1B,gBACE,6BAAC,uBAAD;IACE,OAAO,EAAEf,UADX;IAEE,KAAK,EAAED,KAAK,CAACiB,OAAN,IAAiBC;EAF1B,EADF,CADF;AAQD,CA7CD;;eA8CenB,a"}

package/lib/commonjs/components/executiontasks/httpRequest/HttpRequestETSchema.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=HttpRequestETSchema.js.map

package/lib/commonjs/components/executiontasks/httpRequest/HttpRequestETSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["HttpRequestETSchema.ts"],"sourcesContent":["import type {\n  BaseETRequest,\n  BaseETResponse,\n} from '../../../models/execTasks/ETBaseModels';\n\nexport type HTTPMethod = 'PUT' | 'POST' | 'GET';\nexport type HeaderKey = string;\nexport type HeaderValue = string;\n/**\n * API headers\n */\nexport type Headers = {\n  key?: HeaderKey;\n  value?: HeaderValue;\n};\n\nexport type HttpRequestETInput = BaseETRequest & {\n  api: APIData;\n  onSubmitET: (value: HttpRequestETOutput) => void;\n};\n/**\n * API Details\n */\n\nexport type HttpRequestETOutput = BaseETResponse & {\n  apiResponse: object;\n};\nexport interface APIData {\n  uri: string;\n  timeout?: number;\n  httpMethod: HTTPMethod;\n  requestBody?: HTTPRequestBody;\n  headers?: Headers[];\n  errorJsonPath: string;\n  responseJsonPath: string;\n}\n/**\n * request body object\n */\nexport interface HTTPRequestBody {\n  [k: string]: unknown;\n}\n"],"mappings":""}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=CaptureSchema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["CaptureSchema.ts"],"sourcesContent":["/**\n * Length (in cm)\n */\nimport type {\n  BaseETRequest,\n  BaseETResponse,\n} from '../../../models/execTasks/ETBaseModels';\n\nexport interface CapturedImage {\n  /**\n   * Url of image\n   */\n  url: string;\n  file?: { folder: string; name: string };\n\n  /**\n   * Epoch timestamp for the image capture\n   */\n  timestamp: number;\n}\n\nexport type CaptureOutput = BaseETResponse & {\n  /**\n   * Array of captured images\n   */\n  captures?: CapturedImage[];\n};\n\nexport type ImageData = {\n  id: string;\n  path: string;\n  url: string;\n  timestamp: number;\n};\n\n/**\n * Length (in cm)\n */\nexport type Length = number;\n/**\n * Breadth (in cm)\n */\nexport type Breadth = number;\n/**\n * Maximum Size limit (in kb) of image to be captured\n */\nexport type MaxFileSize = number;\n/**\n * Mode of capturing image\n */\nexport type CaptureMode = 'SINGLE' | 'MULTI';\n/**\n * Max limit of images to be captured in multi-capture mode\n */\nexport type MaxImageCount = number;\n/**\n * Title of instruction\n */\nexport type Title = string;\n/**\n * Message of instruction\n */\nexport type Message = string;\n/**\n * Can go back\n */\nexport type CanGoBack = boolean;\n\nexport type CaptureInput = BaseETRequest & {\n  resolution: Resolution;\n  fileSizeLimit: MaxFileSize;\n  captureMode: CaptureMode;\n  captureCountLimit?: MaxImageCount;\n  onSubmitET: (etOutput: CaptureOutput) => void;\n} & {\n  jobIds: string[];\n  objRefs: string[];\n};\n/**\n * Resolution of image to be captured\n */\nexport interface Resolution {\n  length: Length;\n  breadth: Breadth;\n}\n"],"mappings":""}

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

@@ -0,0 +1,159 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.captureImage = captureImage;
+exports.checkCameraPermissionUtil = checkCameraPermissionUtil;
+exports.deleteImage = deleteImage;
+exports.getCaptureOutput = getCaptureOutput;
+exports.getCompressionRatio = getCompressionRatio;
+exports.getImagesFileName = getImagesFileName;
+exports.getMaxImagesCount = getMaxImagesCount;
+
+var _reactNative = require("react-native");
+
+var FileSystem = _interopRequireWildcard(require("expo-file-system"));
+
+var ImagePicker = _interopRequireWildcard(require("expo-image-picker"));
+
+var _Toaster = require("../../widgets/Toaster");
+
+var ImageManipulator = _interopRequireWildcard(require("expo-image-manipulator"));
+
+var _Logger = _interopRequireWildcard(require("../../../utils/Logger"));
+
+var _ExecTaskUtils = require("../../../utils/ExecTaskUtils");
+
+var _EventCodeContainer = require("../../../manager/dispatchCodes/EventCodeContainer");
+
+var _ETConfig = require("../../../models/execTasks/ETConfig");
+
+var _BaseError = require("../../../errors/BaseError");
+
+var _ErrorCodes = _interopRequireDefault(require("../../../errors/ErrorCodes"));
+
+var _DispatchSdkCache = _interopRequireDefault(require("../../../manager/sdk/DispatchSdkCache"));
+
+var _SyncManagerUtils = require("../../../utils/SyncManagerUtils");
+
+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; }
+
+async function deleteImage(imageData, images) {
+  await FileSystem.deleteAsync(imageData.path);
+  let filtered = images.filter(img => {
+    return img.id !== imageData.id;
+  });
+  return filtered;
+}
+
+function getMaxImagesCount(props) {
+  if (props && props.captureCountLimit) return props.captureCountLimit;else return 1;
+}
+
+function getImagesFileName() {
+  return `IMG_${Date.now().toString()}.jpg`;
+}
+
+async function getCompressionRatio(uri, maxSize) {
+  try {
+    let fileInfo = await FileSystem.getInfoAsync(uri, {
+      size: true
+    });
+    maxSize = Math.min(maxSize, 1024);
+
+    if (fileInfo.exists) {
+      let fileSize = fileInfo.size / 1024;
+
+      if (fileSize > maxSize) {
+        return maxSize / fileSize;
+      } else return 1;
+    }
+
+    return 1;
+  } catch (error) {
+    _Logger.default.getInstance().logEvent('getCompressionRatio', error.message, _Logger.LOG_TYPE.SDK_ERROR);
+
+    return 1;
+  }
+}
+
+async function checkCameraPermissionUtil() {
+  let response = await ImagePicker.getCameraPermissionsAsync();
+  if (response.granted) return true;else {
+    let resp = await ImagePicker.requestCameraPermissionsAsync();
+    return resp.status === ImagePicker.PermissionStatus.GRANTED;
+  }
+}
+
+async function captureImage(imageWidth, imageHeight, fileSize) {
+  try {
+    if (!(await checkCameraPermissionUtil())) {
+      _reactNative.Alert.alert('Permissions Error', 'Camera permissions not provided!');
+
+      return null;
+    }
+
+    let response = await ImagePicker.launchCameraAsync({
+      quality: 1
+    });
+
+    if (!response.cancelled) {
+      let actionResize = {
+        resize: {
+          width: imageWidth,
+          height: imageHeight
+        }
+      };
+      let compressionRatio = await getCompressionRatio(response.uri, fileSize);
+      let resizedImage = await ImageManipulator.manipulateAsync(response.uri, [actionResize], {
+        compress: compressionRatio
+      });
+      FileSystem.deleteAsync(response.uri).then(() => _Logger.default.getInstance().logEvent('CAPTURE_ET', 'File deleted success', _Logger.LOG_TYPE.SDK_DEBUG)).catch(error => {
+        _Logger.default.getInstance().logEvent('CAPTURE_ET', error.message, _Logger.LOG_TYPE.SDK_ERROR);
+      });
+      return resizedImage;
+    } else {
+      (0, _Toaster.showToast)('User cancelled the action');
+      return null;
+    }
+  } catch (exception) {
+    (0, _Toaster.showToast)(`Error ${exception.message}`);
+    return null;
+  }
+}
+
+async function getCaptureOutput(imageDataList, captureProps) {
+  if (!imageDataList || imageDataList.length === 0) return { ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.IMAGE_CAPTURE, false, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.IMAGE_CAPTURE, false), ''))
+  };else {
+    return { ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.IMAGE_CAPTURE, true, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.IMAGE_CAPTURE, true), '')),
+      captures: await getImagesData(imageDataList, captureProps)
+    };
+  }
+}
+
+async function getImagesData(imagesDataList, captureProps) {
+  if (imagesDataList && imagesDataList.length > 0) {
+    let output = [];
+    const folderName = (await _DispatchSdkCache.default.getInstance().getKeyFromCache(_DispatchSdkCache.default.KEYS.FMS_FOLDER)) ?? 'NULL';
+
+    for (const data of imagesDataList) {
+      let insertID = await (0, _SyncManagerUtils.insertDocumentInDB)(data.id, folderName, JSON.stringify(captureProps.jobIds), JSON.stringify(captureProps.objRefs), null, captureProps.title, data.path);
+      if (insertID) output.push({
+        url: '',
+        timestamp: data.timestamp,
+        file: {
+          folder: folderName,
+          name: data.id
+        }
+      });else throw new _BaseError.BaseError(_ErrorCodes.default.SQLiteDBIssue, 'Unable to save Image');
+    }
+
+    return output;
+  } else return [];
+}
+//# sourceMappingURL=CaptureUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["deleteImage","imageData","images","FileSystem","deleteAsync","path","filtered","filter","img","id","getMaxImagesCount","props","captureCountLimit","getImagesFileName","Date","now","toString","getCompressionRatio","uri","maxSize","fileInfo","getInfoAsync","size","Math","min","exists","fileSize","error","Logger","getInstance","logEvent","message","LOG_TYPE","SDK_ERROR","checkCameraPermissionUtil","response","ImagePicker","getCameraPermissionsAsync","granted","resp","requestCameraPermissionsAsync","status","PermissionStatus","GRANTED","captureImage","imageWidth","imageHeight","Alert","alert","launchCameraAsync","quality","cancelled","actionResize","resize","width","height","compressionRatio","resizedImage","ImageManipulator","manipulateAsync","compress","then","SDK_DEBUG","catch","showToast","exception","getCaptureOutput","imageDataList","captureProps","length","getBaseETResponse","EntityCode","IMAGE_CAPTURE","getEventCodeByET","ExecutionTaskID","captures","getImagesData","imagesDataList","output","folderName","DispatchSdkCache","getKeyFromCache","KEYS","FMS_FOLDER","data","insertID","insertDocumentInDB","JSON","stringify","jobIds","objRefs","title","push","url","timestamp","file","folder","name","BaseError","BaseErrorCodes","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    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(ExecutionTaskID.IMAGE_CAPTURE, false),\n        ''\n      )),\n    };\n  else {\n    return {\n      ...(await getBaseETResponse(\n        EntityCode.IMAGE_CAPTURE,\n        true,\n        getEventCodeByET(ExecutionTaskID.IMAGE_CAPTURE, true),\n        ''\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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"}

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

@@ -0,0 +1,256 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var CaptureUtils = _interopRequireWildcard(require("./CaptureUtils"));
+
+var _reactNativePaper = require("react-native-paper");
+
+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");
+
+var _ETConfig = require("../../../models/execTasks/ETConfig");
+
+var _EventCodeContainer = require("../../../manager/dispatchCodes/EventCodeContainer");
+
+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
+    }
+  }));
+};
+
+const ImageCapture = props => {
+  const [images, setImages] = (0, _react.useState)([]);
+  const [showCapture, setShowCapture] = (0, _react.useState)(true);
+  const [disableProceed, setDisableProceed] = (0, _react.useState)(false);
+
+  const handleSubmit = async () => {
+    try {
+      setDisableProceed(true);
+
+      if (props.captureMode === 'SINGLE') {
+        if (images.length > 0) {
+          props.onSubmitET(await (0, CaptureUtils.getCaptureOutput)(images, props));
+        } else {
+          (0, _Toaster.showToast)('No Images captured');
+        }
+      } else {
+        if (props.captureCountLimit && props.captureCountLimit > 0) {
+          if (images.length === CaptureUtils.getMaxImagesCount(props)) {
+            props.onSubmitET(await (0, CaptureUtils.getCaptureOutput)(images, props));
+          } else {
+            (0, _Toaster.showToast)(`${props.captureCountLimit - images.length} Images left`);
+          }
+        } else {
+          if (images.length > 0) {
+            props.onSubmitET(await (0, CaptureUtils.getCaptureOutput)(images, props));
+          } else {
+            (0, _Toaster.showToast)('No Images captured');
+          }
+        }
+      }
+    } catch (error) {
+      setDisableProceed(false);
+      (0, _Toaster.showToast)(error.message);
+    } finally {
+      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;
+    }
+
+    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()
+        }];
+      });
+    }
+  }, [props, showCapture]);
+
+  const deleteImage = async imageData => {
+    try {
+      let filteredImages = await CaptureUtils.deleteImage(imageData, images);
+      setImages(filteredImages);
+    } catch (err) {
+      console.log(err);
+    }
+  };
+
+  const renderItem = _ref2 => {
+    let {
+      item
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement(ImageItem, {
+      item: item,
+      onPress: async () => {
+        await deleteImage(item);
+      }
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _CommonStyles.CommonStyles.mainContainer
+  }, props.message && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    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,
+    data: images,
+    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();
+    }
+  }, "Proceed"), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+    style: [_CommonStyles.CommonStyles.cancelButton, {
+      marginTop: 10
+    }],
+    mode: "outlined",
+    labelStyle: _CommonStyles.CommonStyles.cancelButtonLabel,
+    onPress: async () => {
+      props.onSubmitET({ ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.IMAGE_CAPTURE, false, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.IMAGE_CAPTURE, false), ''))
+      });
+    }
+  }, "Cancel")));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  imageEtContainer: {
+    display: 'flex',
+    marginStart: 16,
+    marginEnd: 16,
+    borderWidth: 1,
+    borderColor: 'rgba(0, 0, 0, 0.1)',
+    padding: 10,
+    marginTop: 15,
+    borderStyle: 'dashed',
+    backgroundColor: '#FFFFFF',
+    alignItems: 'center',
+    justifyContent: 'center',
+    height: 300
+  },
+  image: {
+    height: 250,
+    width: 200
+  },
+  etMessage: {
+    textAlign: 'center',
+    fontStyle: 'normal',
+    fontWeight: '600',
+    fontSize: 18,
+    display: 'flex',
+    alignItems: 'center',
+    letterSpacing: 0.25,
+    color: '#000000',
+    fontFamily: _CommonStyles.Fonts.IBMPlexSans_600SemiBold
+  },
+  etMessageView: {
+    marginTop: 14,
+    paddingStart: 40,
+    paddingEnd: 40,
+    paddingTop: 15,
+    paddingBottom: 15,
+    backgroundColor: '#ffffff'
+  }
+});
+
+var _default = ImageCapture;
+exports.default = _default;
+//# sourceMappingURL=ImageCapture.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ImageItem","item","onPress","marginEnd","uri","path","styles","image","position","right","top","ImageCapture","props","images","setImages","useState","showCapture","setShowCapture","disableProceed","setDisableProceed","handleSubmit","captureMode","length","onSubmitET","getCaptureOutput","showToast","captureCountLimit","CaptureUtils","getMaxImagesCount","error","message","useEffect","captureImage","useCallback","imageDataResponse","resolution","breadth","fileSizeLimit","prevState","id","getImagesFileName","url","timestamp","Date","now","deleteImage","imageData","filteredImages","err","console","log","renderItem","CommonStyles","mainContainer","etMessageView","etMessage","imageEtContainer","fontFamily","Fonts","IBMPlexSans_400Regular","fontStyle","fontWeight","fontSize","alignItems","textAlign","letterSpacing","color","SdkColors","ColorTheme","LIGHT","primaryButton","bottom","marginStart","nextButton","nextButtonLabel","cancelButton","marginTop","cancelButtonLabel","getBaseETResponse","EntityCode","IMAGE_CAPTURE","getEventCodeByET","ExecutionTaskID","StyleSheet","create","display","borderWidth","borderColor","padding","borderStyle","backgroundColor","justifyContent","height","width","IBMPlexSans_600SemiBold","paddingStart","paddingEnd","paddingTop","paddingBottom"],"sources":["ImageCapture.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { FlatList, Image, StyleSheet, Text, View } from 'react-native';\nimport type { CaptureInput, ImageData } from './CaptureSchema';\nimport * as CaptureUtils from './CaptureUtils';\nimport { getCaptureOutput } from './CaptureUtils';\nimport { Button } from 'react-native-paper';\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';\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\n  const handleSubmit = async () => {\n    try {\n      setDisableProceed(true);\n      if (props.captureMode === 'SINGLE') {\n        if (images.length > 0) {\n          props.onSubmitET(await getCaptureOutput(images, props));\n        } else {\n          showToast('No Images captured');\n        }\n      } else {\n        if (props.captureCountLimit && props.captureCountLimit > 0) {\n          if (images.length === CaptureUtils.getMaxImagesCount(props)) {\n            props.onSubmitET(await getCaptureOutput(images, props));\n          } else {\n            showToast(`${props.captureCountLimit - images.length} Images left`);\n          }\n        } else {\n          if (images.length > 0) {\n            props.onSubmitET(await getCaptureOutput(images, props));\n          } else {\n            showToast('No Images captured');\n          }\n        }\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) {\n      console.log(err);\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    <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(ExecutionTaskID.IMAGE_CAPTURE, false),\n                ''\n              )),\n            });\n          }}\n        >\n          Cancel\n        </Button>\n      </View>\n    </View>\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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"}