oa-componentbook 1.0.1-stage.42 → 1.0.1-stage.421

package/build/components/oa-component-tabs/CustomTabs.js

@@ -46,7 +46,7 @@ function CustomTabs(_ref) {
       type
     } = _ref,
     antDesignProps = _objectWithoutProperties(_ref, _excluded);
-  const items = data.tabs.map(_ref2 => {
+  const items = data.tabs && data.tabs.map(_ref2 => {
     let {
         body,
         disabled: isTabDisabed,

package/build/components/oa-component-tag/CustomTag.js

@@ -4,11 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("core-js/modules/es.object.assign.js");
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Typography = _interopRequireDefault(require("../oa-component-typography/Typography"));
 var _styles = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* eslint-disable */
 /**
  * A simple tag component that displays a label.
  *
@@ -21,28 +23,44 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  */
 function CustomTag(_ref) {
   let {
-    'data-test': dataTest,
+    "data-test": dataTest,
     label,
     type,
-    visible
+    visible,
+    bgColor,
+    borderColor,
+    textColor,
+    style
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_styles.StyledTag, {
+  return /*#__PURE__*/_react.default.createElement(_styles.StyledTag, _extends({
     "data-test": dataTest,
     type: type,
-    visible: visible
-  }, /*#__PURE__*/_react.default.createElement(_styles.CenteredTextContainer, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    visible: visible,
+    bgColor: bgColor,
+    borderColor: borderColor,
+    textColor: textColor
+  }, style && {
+    style
+  }), /*#__PURE__*/_react.default.createElement(_styles.CenteredTextContainer, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
     typography: "type-button-500"
   }, label)));
 }
 CustomTag.propTypes = {
-  'data-test': _propTypes.default.string,
+  "data-test": _propTypes.default.string,
   label: _propTypes.default.string.isRequired,
-  type: _propTypes.default.oneOf(['success', 'pending', 'failed', 'recommended']),
-  visible: _propTypes.default.bool
+  type: _propTypes.default.oneOf(["success", "pending", "failed", "recommended", "primary", "blue", "custom"]),
+  visible: _propTypes.default.bool,
+  bgColor: _propTypes.default.string,
+  borderColor: _propTypes.default.string,
+  textColor: _propTypes.default.string,
+  style: _propTypes.default.object
 };
 CustomTag.defaultProps = {
-  'data-test': null,
-  type: '',
-  visible: true
+  "data-test": null,
+  type: "",
+  visible: true,
+  bgColor: "",
+  borderColor: "",
+  textColor: ""
 };
 var _default = exports.default = CustomTag;

package/build/components/oa-component-tag/styles.js

@@ -8,7 +8,13 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-const getColorStyles = type => {
+const getColorStyles = props => {
+  const {
+    type,
+    bgColor,
+    borderColor,
+    textColor
+  } = props;
   if (type === 'success') {
     return {
       backgroundColor: 'var(--color-background-positive)',
@@ -16,6 +22,13 @@ const getColorStyles = type => {
       textColor: 'var(--color-positive)'
     };
   }
+  if (type === 'primary') {
+    return {
+      backgroundColor: 'var(--color-divider)',
+      borderColor: 'var(--color-placeholder-text)',
+      textColor: 'var(--color-primary-content)'
+    };
+  }
   if (type === 'pending') {
     return {
       backgroundColor: 'var(--color-background-warning)',
@@ -37,6 +50,20 @@ const getColorStyles = type => {
       textColor: 'var(--color-negative)'
     };
   }
+  if (type === 'blue') {
+    return {
+      backgroundColor: 'var(--color-background-info)',
+      borderColor: 'var(--color-primary)',
+      textColor: 'var(--color-primary)'
+    };
+  }
+  if (type === 'custom') {
+    return {
+      backgroundColor: bgColor,
+      borderColor,
+      textColor
+    };
+  }
   return {
     backgroundColor: '#CCCCCC',
     borderColor: 'var(--color-primary-content)',
@@ -44,5 +71,5 @@ const getColorStyles = type => {
   };
 };
 var _default = exports.default = {};
-const StyledTag = exports.StyledTag = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  padding: 1px 12px;\n  \n  color: ", ";\n  \n  background-color: ", ";\n\n  border: 1px solid ", ";\n  border-radius: 4px;\n  \n  visibility: ", ";\n"])), props => getColorStyles(props.type).textColor, props => getColorStyles(props.type).backgroundColor, props => getColorStyles(props.type).borderColor, props => props.visible ? 'visible' : 'hidden');
-const CenteredTextContainer = exports.CenteredTextContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
+const StyledTag = exports.StyledTag = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  padding: 1px 12px;\n\n  color: ", ";\n\n  background-color: ", ";\n\n  border: 1px solid ", ";\n  border-radius: 4px;\n\n  visibility: ", ";\n"])), props => getColorStyles(props).textColor, props => getColorStyles(props).backgroundColor, props => getColorStyles(props).borderColor, props => props.visible ? 'visible' : 'hidden');
+const CenteredTextContainer = exports.CenteredTextContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex; white-space: nowrap;\n"])));

package/build/components/oa-component-textarea/{TextArea.js → CustomTextArea.js}

@@ -37,7 +37,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * - `className` (appended to the outer element)
  * - Any other props passed in the `antDesignProps` object
  */
-function TextArea(_ref) {
+function CustomTextArea(_ref) {
   let {
       rows,
       placeholder,
@@ -59,16 +59,16 @@ function TextArea(_ref) {
     className: "custom-textarea ".concat(className)
   }, antDesignProps)));
 }
-TextArea.propTypes = {
+CustomTextArea.propTypes = {
   rows: _propTypes.default.number,
   placeholder: _propTypes.default.string,
   maxLength: _propTypes.default.number,
   className: _propTypes.default.string
 };
-TextArea.defaultProps = {
+CustomTextArea.defaultProps = {
   rows: 2,
   placeholder: null,
   maxLength: 5000,
   className: ''
 };
-var _default = exports.default = TextArea;
+var _default = exports.default = CustomTextArea;

package/build/components/oa-component-tooltip/CustomTooltip.js

@@ -10,7 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _antd = require("antd");
 var _tooltipPlacementOption = require("../../global-css/tooltip-placement-option");
 var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
-const _excluded = ["title", "placement", "children", "data-test"];
+const _excluded = ["title", "placement", "children", "mode", "data-test"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -30,6 +30,7 @@ function CustomTooltip(_ref) {
       title,
       placement,
       children,
+      mode,
       'data-test': dataTest
     } = _ref,
     antDesignProps = _objectWithoutProperties(_ref, _excluded);
@@ -49,18 +50,21 @@ function CustomTooltip(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, _extends({
     title: title,
     placement: placement,
-    "data-test": dataTest
+    "data-test": dataTest,
+    overlayClassName: mode === 'light' ? 'customLightTooltip' : ''
   }, antDesignProps), children));
 }
 CustomTooltip.propTypes = {
   title: _propTypes.default.node.isRequired,
   placement: _propTypes.default.oneOf(_tooltipPlacementOption.tooltipPlacementOptions),
   children: _propTypes.default.node,
-  'data-test': _propTypes.default.string
+  'data-test': _propTypes.default.string,
+  mode: _propTypes.default.oneOf(['light', 'dark'])
 };
 CustomTooltip.defaultProps = {
   placement: 'top',
   children: null,
-  'data-test': null
+  'data-test': null,
+  mode: 'dark'
 };
 var _default = exports.default = CustomTooltip;

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"];
+/* 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,36 @@ function DocumentUpload(_ref) {
       isMandatory,
       noOfUpload,
       downloadCallback,
-      deleteHandler
+      formRules,
+      allowLocalDelete,
+      deleteHandler,
+      s3ResponseReturn = () => {},
+      form,
+      beforeUploadFileValidations,
+      allowedMediaType,
+      maxAllowedSize,
+      generateS3Url,
+      uploadOnS3,
+      label
     } = _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 +139,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 +172,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 +213,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 +243,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",
@@ -214,15 +282,17 @@ function DocumentUpload(_ref) {
     selectedDocumentData: selectedDocumentData
   }), 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 +305,28 @@ 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
 };
 DocumentUpload.defaultProps = {
   uploadedDocuments: [],
   onChange: () => {},
-  formName: '',
+  formName: "",
   multipleDoc: 0,
   showDelete: true,
   getPreview: () => {},
   isMandatory: true,
   deleteHandler: () => {},
   noOfUpload: 1,
-  downloadCallback: () => {}
+  downloadCallback: () => {},
+  allowLocalDelete: true,
+  beforeUploadFileValidations: false,
+  allowedMediaType: [],
+  maxAllowedSize: ""
 };
 var _default = exports.default = DocumentUpload;

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

@@ -184,6 +184,7 @@ function CustomViewer(_ref2) {
       fileName = 'download'
     } = _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 +216,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,6 +225,7 @@ function CustomViewer(_ref2) {
     }
     return 'UNSUPPORTED';
   }, [previewFile, title]);
+  console.log(getUrl, 'getUrl');
   return /*#__PURE__*/_react.default.createElement(_CustomModal.default, _extends({
     width: 860,
     className: "imageZoom",