oa-componentbook 1.0.1-stage.45 → 1.0.1-stage.450

package/build/components/oa-component-textarea/CustomTextArea.js

@@ -0,0 +1,161 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.string.trim.js");
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+var _SendRounded = _interopRequireDefault(require("@material-ui/icons/SendRounded"));
+var _styles = _interopRequireWildcard(require("./styles"));
+var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
+var _MaterialIcon = _interopRequireDefault(require("../oa-component-icons/MaterialIcon"));
+var _constants = require("./constants");
+const _excluded = ["rows", "placeholder", "maxLength", "className", "variant"],
+  _excluded2 = ["minRows", "maxRows", "sendIconConfig", "onSend", "value", "onChange", "disabled"];
+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; }
+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; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/**
+ * A custom text area component.
+ *
+ * The component includes the following properties:
+ * - `rows`: The number of rows for the text area (used for default variant).
+ * - `placeholder`: The placeholder text for the text area.
+ * - `maxLength`: The maximum length of the input value.
+ * - `className`: Additional CSS class to apply to the text area.
+ * - `variant`: 'default' or 'gradient' - determines the styling variant.
+ * - `minRows`: Initial line height for gradient variant (default: 1).
+ * - `maxRows`: Maximum rows before scrolling starts for gradient variant (default: null for unlimited).
+ * - `sendIconConfig`: Object with `show` (boolean, default: false) and `disabled` (boolean, default: false) for gradient variant only.
+ * - `onSend`: Callback function called when send icon is clicked (gradient variant only).
+ * - `antDesignProps`: Any other props to pass to the antd Input.TextArea component.
+ *
+ * The component will apply the following styles:
+ * - A dark grey background when the component is disabled.
+ * - A dark grey text color when the component is disabled.
+ * - A custom style class of `custom-textarea` to the outer element.
+ * - Gradient border and auto-growing height for gradient variant.
+ *
+ * The component will also apply the following props to the antd Input.TextArea component:
+ * - `rows` (for default variant) or `minRows`/`maxRows` (for gradient variant)
+ * - `placeholder`
+ * - `maxLength`
+ * - `className` (appended to the outer element)
+ * - Any other props passed in the `antDesignProps` object
+ */
+function CustomTextArea(_ref) {
+  let {
+      rows,
+      placeholder,
+      maxLength,
+      className,
+      variant = 'default'
+    } = _ref,
+    antDesignProps = _objectWithoutProperties(_ref, _excluded);
+  // Render gradient variant
+  if (variant === 'gradient') {
+    // Extract gradient-specific props from antDesignProps
+    const _ref2 = antDesignProps || {},
+      {
+        minRows = _constants.DEFAULT_MIN_ROWS,
+        maxRows = _constants.DEFAULT_MAX_ROWS,
+        sendIconConfig = _constants.DEFAULT_SEND_ICON_CONFIG,
+        onSend,
+        value,
+        onChange,
+        disabled
+      } = _ref2,
+      restAntDesignProps = _objectWithoutProperties(_ref2, _excluded2);
+
+    // Handle send icon click - gradient variant only
+    // Use value prop directly - no internal state management
+    const handleSendClick = () => {
+      const currentValue = value || '';
+      // Only allow click if textarea is enabled, icon config is not disabled, and has content
+      if (onSend && !disabled && !sendIconConfig.disabled && currentValue.trim()) {
+        onSend(currentValue);
+      }
+    };
+
+    // Determine if send icon should be enabled - gradient variant only
+    // Icon is enabled if: textarea is enabled AND config says it's not disabled AND there's content
+    // Use value prop directly - no internal state
+    const currentValue = value || '';
+    const isSendEnabled = !disabled && !sendIconConfig.disabled && currentValue.trim().length > 0;
+
+    // Determine if icon should be shown - only for gradient variant
+    // Hidden by default, only show when explicitly requested via sendIconConfig.show
+    const shouldShowIcon = sendIconConfig.show;
+    return /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
+      theme: {
+        token: {
+          colorBgContainerDisabled: _ColorVariablesMap.default['--color-divider'],
+          colorTextDisabled: _ColorVariablesMap.default['--color-secondary-content']
+        }
+      }
+    }, /*#__PURE__*/_react.default.createElement(_styles.TextAreaWrapper, {
+      className: className,
+      $disabled: disabled
+    }, /*#__PURE__*/_react.default.createElement(_styles.default, _extends({
+      placeholder: placeholder,
+      maxLength: maxLength,
+      className: "custom-textarea-gradient",
+      value: value,
+      onChange: onChange,
+      disabled: disabled,
+      autoSize: maxRows ? {
+        minRows,
+        maxRows
+      } : {
+        minRows
+      }
+    }, restAntDesignProps)), shouldShowIcon && /*#__PURE__*/_react.default.createElement(_styles.SendIconWrapper, {
+      className: disabled || sendIconConfig.disabled || !isSendEnabled ? 'icon-disabled' : 'icon-enabled'
+    }, /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
+      icon: _SendRounded.default,
+      size: 24,
+      color: isSendEnabled ? 'primary' : 'placeholder-text',
+      onClick: handleSendClick
+    }))));
+  }
+
+  // Render default variant (existing behavior - completely unchanged)
+  // All props including value, onChange pass through naturally via antDesignProps
+  return /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
+    theme: {
+      token: {
+        colorBgContainerDisabled: _ColorVariablesMap.default['--color-divider'],
+        colorTextDisabled: _ColorVariablesMap.default['--color-secondary-content']
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement(_styles.default, _extends({
+    rows: rows,
+    placeholder: placeholder,
+    maxLength: maxLength,
+    className: "custom-textarea ".concat(className)
+  }, antDesignProps)));
+}
+CustomTextArea.propTypes = {
+  rows: _propTypes.default.number,
+  placeholder: _propTypes.default.string,
+  maxLength: _propTypes.default.number,
+  className: _propTypes.default.string,
+  variant: _propTypes.default.oneOf(['default', 'gradient'])
+};
+CustomTextArea.defaultProps = {
+  rows: _constants.DEFAULT_ROWS,
+  placeholder: null,
+  maxLength: 5000,
+  className: '',
+  variant: 'default'
+};
+var _default = exports.default = CustomTextArea;

package/build/components/oa-component-textarea/constants.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TEXTAREA_SHADOW = exports.TEXTAREA_BORDER_RADIUS = exports.SEND_ICON_SIZE = exports.GRADIENT_BORDER_COLORS = exports.DEFAULT_SEND_ICON_CONFIG = exports.DEFAULT_ROWS = exports.DEFAULT_MIN_ROWS = exports.DEFAULT_MAX_ROWS = void 0;
+/**
+ * Constants for CustomTextArea component
+ */
+
+// Default values for textarea configuration
+const DEFAULT_MIN_ROWS = exports.DEFAULT_MIN_ROWS = 1;
+const DEFAULT_MAX_ROWS = exports.DEFAULT_MAX_ROWS = null; // null means unlimited growth
+const DEFAULT_ROWS = exports.DEFAULT_ROWS = 2;
+
+// Gradient border colors
+const GRADIENT_BORDER_COLORS = exports.GRADIENT_BORDER_COLORS = {
+  top: '#0098FF',
+  // Blue
+  middle: '#9A6CFF',
+  // Purple
+  bottom: '#FB6252' // Coral/Orange-Red
+};
+
+// Shadow styles
+const TEXTAREA_SHADOW = exports.TEXTAREA_SHADOW = '0px 2px 10px rgba(0, 0, 0, 0.14)';
+
+// Border radius
+const TEXTAREA_BORDER_RADIUS = exports.TEXTAREA_BORDER_RADIUS = '12px';
+
+// Icon sizes
+const SEND_ICON_SIZE = exports.SEND_ICON_SIZE = 24;
+
+// Default send icon configuration
+const DEFAULT_SEND_ICON_CONFIG = exports.DEFAULT_SEND_ICON_CONFIG = {
+  show: false,
+  // Hidden by default - only show when explicitly requested
+  disabled: false
+};

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

@@ -3,14 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.TextAreaWrapper = exports.SendIconWrapper = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _antd = require("antd");
-var _templateObject;
+var _constants = require("./constants");
+var _templateObject, _templateObject2, _templateObject3;
 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 {
   TextArea: AntdTextArea
 } = _antd.Input;
-const StyledTextArea = (0, _styledComponents.default)(AntdTextArea)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &.custom-textarea {\n    padding: 16px;\n    resize: none;\n    border-radius: 4px;\n    max-height: 92px;\n    border: 1px solid var(--color-placeholder-text);\n  }\n  &.custom-textarea:hover {\n    border: 1px solid var(--color-primary);\n  }\n  &.custom-textarea:focus-within {\n     box-shadow: 0px 0px 4px 0px rgba(1, 79, 197, 0.90);\n  }\n"])));
+
+// Default textarea styles (existing)
+const StyledTextArea = (0, _styledComponents.default)(AntdTextArea)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &.custom-textarea {\n    padding: 16px;\n    resize: none;\n    border-radius: 4px;\n    max-height: 92px;\n    border: 1px solid var(--color-placeholder-text);\n  }\n  &.custom-textarea:hover {\n    border: 1px solid var(--color-primary);\n  }\n  &.custom-textarea:focus-within {\n     box-shadow: 0px 0px 4px 0px rgba(1, 79, 197, 0.90);\n  }\n\n  /* Gradient variant styles */\n  &.custom-textarea-gradient {\n    padding: 16px 48px 16px 16px;\n    resize: none;\n    border-radius: calc(", " - 2px);\n    border: none;\n    background: var(--color-primary-background);\n    font-size: 16px;\n    line-height: 24px;\n    color: var(--color-primary-content);\n    min-height: auto !important;\n    box-shadow: none;\n    width: 100%;\n  }\n\n  &.custom-textarea-gradient::placeholder {\n    color: var(--color-secondary-content);\n  }\n\n  &.custom-textarea-gradient:hover {\n    box-shadow: none;\n  }\n\n  &.custom-textarea-gradient:focus {\n    outline: none;\n    box-shadow: none;\n  }\n\n  &.custom-textarea-gradient:focus-within {\n    box-shadow: none;\n  }\n"])), _constants.TEXTAREA_BORDER_RADIUS);
+
+// Wrapper for gradient variant with gradient border
+const TextAreaWrapper = exports.TextAreaWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  display: block;\n  width: 100%;\n  border-radius: ", ";\n  padding: 2px;\n  background: ", ";\n  box-shadow: ", ";\n  opacity: ", ";\n"])), _constants.TEXTAREA_BORDER_RADIUS, props => props.$disabled ? 'var(--color-divider)' : "linear-gradient(\n      135deg,\n      ".concat(_constants.GRADIENT_BORDER_COLORS.top, " 0%,\n      ").concat(_constants.GRADIENT_BORDER_COLORS.middle, " 50%,\n      ").concat(_constants.GRADIENT_BORDER_COLORS.bottom, " 100%\n    )"), props => props.$disabled ? 'none' : _constants.TEXTAREA_SHADOW, props => props.$disabled ? 0.6 : 1);
+
+// Send icon wrapper positioned absolutely
+const SendIconWrapper = exports.SendIconWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 18px;\n  right: 18px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10;\n  pointer-events: none;\n\n  button,\n  svg {\n    pointer-events: auto;\n  }\n\n  /* Icon disabled state */\n  &.icon-disabled {\n    opacity: 0.5;\n    \n    button,\n    svg {\n      cursor: not-allowed;\n    }\n  }\n\n  /* Icon enabled state */\n  &.icon-enabled {\n    opacity: 1;\n    \n    button,\n    svg {\n      cursor: pointer;\n    }\n  }\n"])));
 var _default = exports.default = StyledTextArea;

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", "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;