oa-componentbook 1.0.1-stage.44 → 1.0.1-stage.440

package/build/components/oa-component-upload/CustomUpload.js

@@ -8,6 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 require("core-js/modules/es.promise.js");
 require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _icons = require("@ant-design/icons");
@@ -25,7 +27,9 @@ var _CustomViewer = _interopRequireDefault(require("../oa-component-viewer/Custo
 var _CustomModal = _interopRequireDefault(require("../oa-component-modal/CustomModal"));
 var _handIcon = _interopRequireDefault(require("../../images/hand-icon.svg"));
 var _PdfSampleImage = _interopRequireDefault(require("../../images/PdfSampleImage.png"));
-const _excluded = ["uploadedDocuments", "onChange", "multipleDoc", "showDelete", "formName", "getPreview", "isMandatory", "noOfUpload", "downloadCallback", "deleteHandler"];
+var _CustomNotification = _interopRequireDefault(require("../../components/oa-component-notification/CustomNotification"));
+const _excluded = ["uploadedDocuments", "onChange", "multipleDoc", "showDelete", "formName", "getPreview", "isMandatory", "noOfUpload", "downloadCallback", "formRules", "allowLocalDelete", "deleteHandler", "s3ResponseReturn", "form", "beforeUploadFileValidations", "allowedMediaType", "maxAllowedSize", "generateS3Url", "uploadOnS3", "label", "showPreviewIcon", "showDownloadIcon"];
+/* eslint-disable */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
@@ -51,18 +55,18 @@ const getBase64 = file => new Promise((resolve, reject) => {
  * @returns {undefined}
  */
 const downloadFile = (base64String, fileName) => {
-  const link = document.createElement('a');
+  const link = document.createElement("a");
   link.href = base64String;
-  link.download = fileName || 'download';
+  link.download = fileName || "download";
   link.click();
 };
 function isImageFile(fileName) {
   var _fileName$split;
   // Extract the file extension from the file name
-  const fileExtension = fileName === null || fileName === void 0 || (_fileName$split = fileName.split('.')) === null || _fileName$split === void 0 || (_fileName$split = _fileName$split.pop()) === null || _fileName$split === void 0 ? void 0 : _fileName$split.toLowerCase();
+  const fileExtension = fileName === null || fileName === void 0 || (_fileName$split = fileName.split(".")) === null || _fileName$split === void 0 || (_fileName$split = _fileName$split.pop()) === null || _fileName$split === void 0 ? void 0 : _fileName$split.toLowerCase();
 
   // Define an array of image file extensions
-  const imageFileExtensions = ['jpg', 'jpeg', 'png'];
+  const imageFileExtensions = ["jpg", "jpeg", "png"];
 
   // Check if the file extension is in the array of image file extensions
   if (imageFileExtensions.indexOf(fileExtension) !== -1) {
@@ -96,24 +100,38 @@ function DocumentUpload(_ref) {
       isMandatory,
       noOfUpload,
       downloadCallback,
-      deleteHandler
+      formRules,
+      allowLocalDelete,
+      deleteHandler,
+      s3ResponseReturn = () => {},
+      form,
+      beforeUploadFileValidations,
+      allowedMediaType,
+      maxAllowedSize,
+      generateS3Url,
+      uploadOnS3,
+      label,
+      showPreviewIcon,
+      showDownloadIcon
     } = _ref,
     antDesignProps = _objectWithoutProperties(_ref, _excluded);
   const [previewOpen, setPreviewOpen] = (0, _react.useState)(false);
   const [previewImage, setPreviewImage] = (0, _react.useState)(null);
-  const [previewTitle, setPreviewTitle] = (0, _react.useState)('');
+  const [previewTitle, setPreviewTitle] = (0, _react.useState)("");
   const [loading, setLoading] = (0, _react.useState)(false);
   const [fileList, setFileList] = (0, _react.useState)(uploadedDocuments);
   const [deleteConfirmation, setDeleteConfirmation] = (0, _react.useState)(false);
   const [selectedFile, setSelectedFile] = (0, _react.useState)(null);
   const [selectedDocumentData, setSelectedDocumentData] = (0, _react.useState)({});
+  const notificationRef = (0, _react.useRef)(null);
+  const openNotification = (0, _react.useCallback)(params => notificationRef.current.openNotification(params), []);
   (0, _react.useEffect)(() => {
     setFileList(uploadedDocuments);
   }, [uploadedDocuments === null || uploadedDocuments === void 0 ? void 0 : uploadedDocuments.length]);
   const handlePreview = async file => {
     if (file !== null && file !== void 0 && file.originFileObj) {
       setPreviewImage(file);
-    } else if ((file === null || file === void 0 ? void 0 : file.fileType) === 'thumbnail') {
+    } else if ((file === null || file === void 0 ? void 0 : file.fileType) === "thumbnail") {
       const url = await getPreview();
       setPreviewImage(url);
     } else {
@@ -123,6 +141,29 @@ function DocumentUpload(_ref) {
     setPreviewOpen(true);
     setSelectedDocumentData(file);
   };
+  const beforeUpload = (file, allowedMimeTypes, maxSizeMB) => {
+    if (allowedMimeTypes && (allowedMediaType === null || allowedMediaType === void 0 ? void 0 : allowedMediaType.length) > 0) {
+      const isAllowedType = allowedMimeTypes.includes(file.type);
+      if (!isAllowedType) {
+        openNotification({
+          description: "Only files of type: ".concat(allowedMimeTypes.join(", "), " are allowed!"),
+          type: "failure"
+        });
+        return false;
+      }
+    }
+    if (maxSizeMB) {
+      const isUnderSizeLimit = file.size / 1024 / 1024 < maxSizeMB;
+      if (!isUnderSizeLimit) {
+        openNotification({
+          description: "File must be smaller than ".concat(maxSizeMB, "MB!"),
+          type: "failure"
+        });
+        return false;
+      }
+    }
+    return true;
+  };
   const handleChange = async _ref2 => {
     let {
       fileList: newFileList,
@@ -133,11 +174,33 @@ function DocumentUpload(_ref) {
       setLoading(true);
       try {
         if ((file === null || file === void 0 ? void 0 : file.uid) === (files === null || files === void 0 ? void 0 : files.uid)) {
-          await onChange(files);
-          modifiedFile.status = 'done';
-          if (!isImageFile(file === null || file === void 0 ? void 0 : file.name)) {
-            modifiedFile.url = _PdfSampleImage.default;
-            // delete modifiedFile?.type;
+          if (generateS3Url) {
+            var _response, _response2, _response3;
+            if (beforeUploadFileValidations && formName && !beforeUpload(file, allowedMediaType, maxAllowedSize)) {
+              setLoading(false);
+              return false;
+            }
+            let response = await generateS3Url(files.name);
+            response = (_response = response) === null || _response === void 0 ? void 0 : _response.data;
+            s3ResponseReturn(response);
+            await uploadOnS3((_response2 = response) === null || _response2 === void 0 || (_response2 = _response2.response) === null || _response2 === void 0 || (_response2 = _response2.data) === null || _response2 === void 0 ? void 0 : _response2.uploadUrl, files);
+            if (((_response3 = response) === null || _response3 === void 0 || (_response3 = _response3.response) === null || _response3 === void 0 || (_response3 = _response3.status) === null || _response3 === void 0 ? void 0 : _response3.toLowerCase()) == "success") {
+              var _response4;
+              modifiedFile.status = "done";
+              modifiedFile.s3Uid = (_response4 = response) === null || _response4 === void 0 || (_response4 = _response4.response) === null || _response4 === void 0 || (_response4 = _response4.data) === null || _response4 === void 0 ? void 0 : _response4.uuid;
+              if (!isImageFile(files === null || files === void 0 ? void 0 : files.name)) {
+                modifiedFile.url = _PdfSampleImage.default;
+              }
+            } else {
+              modifiedFile.status = "failed";
+              modifiedFile = null;
+            }
+          } else {
+            await onChange(files);
+            modifiedFile.status = "done";
+            if (!isImageFile(file === null || file === void 0 ? void 0 : file.name)) {
+              modifiedFile.url = _PdfSampleImage.default;
+            }
           }
         }
       } catch (error) {
@@ -152,20 +215,25 @@ function DocumentUpload(_ref) {
   const uploadButton = /*#__PURE__*/_react.default.createElement("button", {
     style: {
       border: 0,
-      background: 'none'
+      background: "none"
     },
     type: "button"
-  }, loading ? /*#__PURE__*/_react.default.createElement(_icons.LoadingOutlined, null) :
-  /*#__PURE__*/
-  // <CustomIcon
-  //   className="UploadImg"
-  //   alt="phone img"
-  //   src={offerImg}
-  // />
-  _react.default.createElement(_icons.UploadOutlined, null), /*#__PURE__*/_react.default.createElement("div", null, "Upload"));
+  }, loading ? /*#__PURE__*/_react.default.createElement(_icons.LoadingOutlined, null) : /*#__PURE__*/_react.default.createElement(_icons.UploadOutlined, null), /*#__PURE__*/_react.default.createElement("div", null, "Upload"));
   const DeleteFile = async () => {
-    await deleteHandler(selectedFile);
-    setDeleteConfirmation(false);
+    if (allowLocalDelete) {
+      const files = fileList;
+      const updatedFiles = files.filter(file => file.uid != selectedFile.uid);
+      const tempList = updatedFiles === null || updatedFiles === void 0 ? void 0 : updatedFiles.filter(Boolean);
+      setFileList(tempList);
+      setDeleteConfirmation(false);
+      form === null || form === void 0 || form.setFields([{
+        name: formName,
+        value: null
+      }]);
+    } else {
+      await deleteHandler(selectedFile);
+      setDeleteConfirmation(false);
+    }
   };
   const handleRemove = file => new Promise((resolve, reject) => {
     setSelectedFile(file);
@@ -177,21 +245,23 @@ function DocumentUpload(_ref) {
   }, multipleDoc > 0 && /*#__PURE__*/_react.default.createElement("em", null, multipleDoc), /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
     theme: {
       token: {
-        colorBorder: _ColorVariablesMap.default['--color-divider'],
+        colorBorder: _ColorVariablesMap.default["--color-divider"],
         borderRadiusLG: 4,
-        colorPrimaryHover: _ColorVariablesMap.default['--color-primary'],
-        colorPrimaryBorder: _ColorVariablesMap.default['--color-divider'],
-        colorFillAlter: _ColorVariablesMap.default['--color-secondary-background'],
-        colorError: _ColorVariablesMap.default['--color-negative'],
-        colorText: _ColorVariablesMap.default['--color-secondary-content']
+        colorPrimaryHover: _ColorVariablesMap.default["--color-primary"],
+        colorPrimaryBorder: _ColorVariablesMap.default["--color-divider"],
+        colorFillAlter: _ColorVariablesMap.default["--color-secondary-background"],
+        colorError: _ColorVariablesMap.default["--color-negative"],
+        colorText: _ColorVariablesMap.default["--color-secondary-content"]
       }
     }
   }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: label !== null && label !== void 0 ? label : "",
     name: formName,
-    rules: [{
+    rules: formRules || [{
       required: isMandatory,
-      message: 'Required'
-    }]
+      message: "Required"
+    }],
+    initialValue: (uploadedDocuments === null || uploadedDocuments === void 0 ? void 0 : uploadedDocuments.length) > 0 ? fileList : []
   }, /*#__PURE__*/_react.default.createElement(_antd.Upload, _extends({
     customRequest: () => {},
     listType: "picture-card",
@@ -200,8 +270,9 @@ function DocumentUpload(_ref) {
     onChange: handleChange,
     onRemove: handleRemove,
     showUploadList: {
-      showDownloadIcon: false,
+      showDownloadIcon: showDownloadIcon,
       showRemoveIcon: showDelete,
+      showPreviewIcon: showPreviewIcon,
       removeIcon: /*#__PURE__*/_react.default.createElement(_icons.DeleteFilled, null),
       previewIcon: /*#__PURE__*/_react.default.createElement(_icons.EyeFilled, null)
     }
@@ -211,18 +282,21 @@ function DocumentUpload(_ref) {
     title: previewTitle,
     onCancel: () => setPreviewOpen(false),
     downloadCallback: downloadCallback,
-    selectedDocumentData: selectedDocumentData
+    selectedDocumentData: selectedDocumentData,
+    showDownloadIcon: showDownloadIcon
   }), deleteConfirmation && /*#__PURE__*/_react.default.createElement(_CustomModal.default, {
     buttonConfig: [{
-      callback: () => DeleteFile(),
-      label: 'Yes, Delete',
-      type: 'danger-primary'
+      callback: () => DeleteFile(previewImage),
+      label: "Yes, Delete",
+      type: "danger-primary"
     }],
     imgSrc: _handIcon.default,
     open: deleteConfirmation,
     onCancel: () => setDeleteConfirmation(false),
     title: "Delete Item?"
-  }, "This action will permanently delete the selected item"));
+  }, "This action will permanently delete the selected item"), /*#__PURE__*/_react.default.createElement(_CustomNotification.default, {
+    ref: notificationRef
+  }));
 }
 DocumentUpload.propTypes = {
   uploadedDocuments: _propTypes.default.array,
@@ -235,18 +309,31 @@ DocumentUpload.propTypes = {
   // Define the getPreview prop type
   isMandatory: _propTypes.default.bool,
   noOfUpload: _propTypes.default.number,
-  downloadCallback: _propTypes.default.func // function will be used to download the document
+  downloadCallback: _propTypes.default.func,
+  // function will be used to download the document,
+  allowLocalDelete: _propTypes.default.bool,
+  formRules: _propTypes.default.array,
+  beforeUploadFileValidations: _propTypes.default.bool,
+  allowedMediaType: _propTypes.default.array,
+  maxAllowedSize: _propTypes.default.string,
+  showPreviewIcon: _propTypes.default.bool,
+  showDownloadIcon: _propTypes.default.bool
 };
 DocumentUpload.defaultProps = {
   uploadedDocuments: [],
   onChange: () => {},
-  formName: '',
+  formName: "",
   multipleDoc: 0,
   showDelete: true,
   getPreview: () => {},
   isMandatory: true,
   deleteHandler: () => {},
   noOfUpload: 1,
-  downloadCallback: () => {}
+  downloadCallback: () => {},
+  allowLocalDelete: true,
+  beforeUploadFileValidations: false,
+  allowedMediaType: [],
+  maxAllowedSize: "",
+  showPreviewIcon: true
 };
 var _default = exports.default = DocumentUpload;

package/build/components/oa-component-viewer/CustomViewer.js

@@ -26,7 +26,7 @@ var _common = _interopRequireDefault(require("../../utils/common"));
 var _styles = require("./styles");
 var _MaterialIcon = _interopRequireDefault(require("../oa-component-icons/MaterialIcon"));
 var _Typography = _interopRequireDefault(require("../oa-component-typography/Typography"));
-const _excluded = ["downloadCallback", "title", "selectedDocumentData", "previewFile", "fileName"],
+const _excluded = ["downloadCallback", "title", "selectedDocumentData", "previewFile", "fileName", "showDownloadIcon"],
   _excluded2 = ["zoomIn", "zoomOut"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -181,9 +181,11 @@ function CustomViewer(_ref2) {
       title,
       selectedDocumentData,
       previewFile,
-      fileName = 'download'
+      fileName = 'download',
+      showDownloadIcon = true
     } = _ref2,
     antDesignProps = _objectWithoutProperties(_ref2, _excluded);
+  console.log(downloadCallback, title, selectedDocumentData, previewFile, fileName, antDesignProps, 'antDesignProps');
   const [rotationDegree, setRotationDegree] = (0, _react.useState)(0);
   const [numPages, setNumPages] = (0, _react.useState)(null);
   const [pageNumber, setPageNumber] = (0, _react.useState)(1);
@@ -215,7 +217,7 @@ function CustomViewer(_ref2) {
   }, [previewFile]);
   const getFileFormat = (0, _react.useMemo)(() => {
     var _previewFile$type;
-    const fileExtension = typeof previewFile === 'string' ? title.split('.').pop().toLowerCase() : previewFile === null || previewFile === void 0 || (_previewFile$type = previewFile.type) === null || _previewFile$type === void 0 ? void 0 : _previewFile$type.split('/')[1];
+    const fileExtension = typeof previewFile === 'string' ? title === null || title === void 0 ? void 0 : title.split('.').pop().toLowerCase() : previewFile === null || previewFile === void 0 || (_previewFile$type = previewFile.type) === null || _previewFile$type === void 0 ? void 0 : _previewFile$type.split('/')[1];
     if (supportedImage.includes(fileExtension)) {
       return 'IMAGE';
     }
@@ -224,15 +226,17 @@ function CustomViewer(_ref2) {
     }
     return 'UNSUPPORTED';
   }, [previewFile, title]);
+  console.log(getUrl, 'getUrl');
+  const buttonConfig = showDownloadIcon ? [{
+    callback: () => {
+      downloadCallback(selectedDocumentData);
+    },
+    label: 'Download'
+  }] : [];
   return /*#__PURE__*/_react.default.createElement(_CustomModal.default, _extends({
     width: 860,
     className: "imageZoom",
-    buttonConfig: [{
-      callback: () => {
-        downloadCallback(selectedDocumentData);
-      },
-      label: 'Download'
-    }]
+    buttonConfig: buttonConfig
   }, antDesignProps), /*#__PURE__*/_react.default.createElement(_reactZoomPanPinch.TransformWrapper, null, _ref4 => {
     let {
         zoomIn,
@@ -260,12 +264,14 @@ CustomViewer.propTypes = {
   fileName: _propTypes.default.string,
   antDesignProps: _propTypes.default.object,
   downloadCallback: _propTypes.default.func,
-  selectedDocumentData: _propTypes.default.object
+  selectedDocumentData: _propTypes.default.object,
+  showDownloadIcon: _propTypes.default.bool
 };
 CustomViewer.defaultProps = {
   fileName: 'download',
   antDesignProps: {},
   downloadCallback: () => {},
-  selectedDocumentData: {}
+  selectedDocumentData: {},
+  showDownloadIcon: true
 };
 var _default = exports.default = CustomViewer;