@zohodesk/dot 1.0.0-temp-200.7 → 1.0.0-temp-213

package/lib/AlphabeticList/AlphabeticList.module.css

@@ -5,7 +5,7 @@
 }
 .container {
   composes: varClass;
-  composes: h100 from '~@zohodesk/components/lib/common/common.module.css';
+  composes: h100 from '~@zohodesk/components/es/common/common.module.css';
   list-style: none;
   pointer-events: initial;
   margin: 0 ;
@@ -27,7 +27,7 @@
   padding: var(--zd_size3) 0 ;
 }
 .heading {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
   max-width: 100% ;
 }
 .list {

package/lib/Attachment/Attachment.module.css

@@ -14,15 +14,15 @@
   height: 100% ;
   width: 100% ;
   position: absolute;
-  top: 0 
+  top:0 
 }
 
 [dir=ltr] .disableLayer {
-  left: 0 
+  left:0 
 }
 
 [dir=rtl] .disableLayer {
-  right: 0 
+  right:0 
 }
 
 .attachmentHover {
@@ -66,10 +66,6 @@
   height: var(--zd_size40) ;
 }
 
-.attachleft {
-  padding: var(--zd_size3) ;
-}
-
 [dir=ltr] .attachleft {
   border-right: 1px solid var(--zdt_attachment_default_border);
 }
@@ -119,7 +115,7 @@
 
 .atatchName,
 .attachSize {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .medium .attachSize {

package/lib/AttachmentViewer/Attachment.js

@@ -3,13 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAttachmentIconDetails = getAttachmentIconDetails;
 exports.getExtensionFromFileName = getExtensionFromFileName;
 exports.isAudioFile = isAudioFile;
 exports.isBrowserSupportedFile = isBrowserSupportedFile;
-
-var _General = require("../utils/General");
-
 var UNASSIGNED = 'Unassigned';
 var BROWSER_SUPPORTED_FILES = ['pdf', 'text', 'txt', 'css', 'jpg', 'jpeg', 'gif', 'png', 'bmp', 'ico', 'sh', 'mp3', 'wav', 'ogg'];
 
@@ -29,60 +25,4 @@ function getExtensionFromFileName(fileName) {
 function isBrowserSupportedFile(fileName) {
   var extension = getExtensionFromFileName(fileName);
   return BROWSER_SUPPORTED_FILES.indexOf(extension) !== -1;
-}
-
-function getAttachmentIconDetails(fileName) {
-  var _getExtensionFromFile;
-
-  var extension = (_getExtensionFromFile = getExtensionFromFileName(fileName)) === null || _getExtensionFromFile === void 0 ? void 0 : _getExtensionFromFile.toLowerCase();
-  if (!extension) return 'ZD-GN-fileUnknown';
-  var imageExtensions = new Set(['jpeg', 'jpg', 'png', 'apng', 'gif', 'bmp', 'tiff', 'tif', 'ico', 'svg', 'heic', 'webp']);
-  var docExtensions = new Set(['txt']);
-  var pdfExtensions = new Set(['pdf']);
-  var htmlExtensions = new Set(['html', 'htm', 'xhtml']);
-  var pptExtensions = new Set(['ppt', 'pps', 'odp', 'sxi', 'pptx', 'ppsx', 'pot', 'potx', 'key']);
-  var zipExtensions = new Set(['rar', 'jar', 'zip']);
-  var wordExtensions = new Set(['doc', 'docx', 'sxw', 'odt', 'docm', 'dot', 'dotm', 'dotx', 'rtf', 'pages']);
-  var xmlExtensions = new Set(['xml']);
-  var sheetExtensions = new Set(['xls', 'xlsx', 'xlsm', 'xlsb', 'sxc', 'ods', 'csv', 'tsv', 'numbers']);
-  var audioExtensions = new Set(['mp3', 'wav', 'wma', 'aac', 'm4r', 'ogg', 'opus']);
-  var videoExtensions = new Set(['mp4', 'mkv', 'mov', 'mpeg', 'flv', 'wmv', 'avi', 'webm', 'ogv']);
-  var mailExtensions = new Set(['eml', 'msg']);
-  var linuxExtensions = new Set(['sh', 'bin']);
-  var cssExtensions = new Set(['css']);
-  var exeExtensions = new Set(['exe']);
-  var eventExtensions = new Set(['ics']);
-  if (imageExtensions.has(extension)) return 'ZD-EF-fileImage';
-  if (docExtensions.has(extension)) return 'ZD-GN-fileDoc';
-  if (pdfExtensions.has(extension)) return 'ZD-EF-filePdf';
-  if (pptExtensions.has(extension)) return 'ZD-GN-filePpt';
-  if (zipExtensions.has(extension)) return 'ZD-EF-fileZip';
-
-  if (wordExtensions.has(extension)) {
-    var _navigator$platform;
-
-    var OSName = ((_navigator$platform = navigator.platform) === null || _navigator$platform === void 0 ? void 0 : _navigator$platform.toLowerCase()) || '';
-    return OSName.includes('mac') || OSName.includes('linux') ? 'ZD-EF-fileOffice' : 'ZD-EF-fileWord';
-  }
-
-  if (xmlExtensions.has(extension)) return 'ZD-EF-fileXml';
-  if (sheetExtensions.has(extension)) return 'ZD-GN-fileSheet';
-  if (audioExtensions.has(extension)) return 'ZD-EF-fileMp3';
-  if (videoExtensions.has(extension)) return 'ZD-EF-fileMp4';
-  if (mailExtensions.has(extension)) return 'ZD-GN-fileMail';
-  if (linuxExtensions.has(extension)) return 'ZD-EF-linux';
-  if (cssExtensions.has(extension)) return 'ZD-EF-clrCss';
-  if (exeExtensions.has(extension)) return 'ZD-EF-exe';
-  if (eventExtensions.has(extension)) return 'ZD-TK-event';
-
-  if (htmlExtensions.has(extension)) {
-    var _getBrowserWithVersio;
-
-    var browser = ((_getBrowserWithVersio = (0, _General.getBrowserWithVersion)()) === null || _getBrowserWithVersio === void 0 ? void 0 : _getBrowserWithVersio.toLowerCase()) || '';
-    if (browser.includes('chrome') || browser.includes('safari')) return 'ZD-EF-fileXml';
-    if (browser.includes('ie') || browser.includes('edge')) return 'ZD-EF-explorer';
-    return 'ZD-EF-firebox';
-  }
-
-  return 'ZD-GN-fileUnknown';
 }

package/lib/AttachmentViewer/AttachmentViewer.js

@@ -21,12 +21,8 @@ var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Av
 
 var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
 
-var _Typography = _interopRequireDefault(require("@zohodesk/components/lib/Typography/Typography"));
-
 var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
 
-var _Button = _interopRequireDefault(require("@zohodesk/components/es/Button/Button"));
-
 var _AttachmentImage = _interopRequireDefault(require("./AttachmentImage"));
 
 var _Link = _interopRequireDefault(require("../Link/Link"));
@@ -39,9 +35,11 @@ var _Attachment = require("./Attachment");
 
 var _General = require("../utils/General");
 
+var _AttachmentViewerModule = _interopRequireDefault(require("./AttachmentViewer.module.css"));
+
 var _utils = require("./utils");
 
-var _AttachmentViewerModule = _interopRequireDefault(require("./AttachmentViewer.module.css"));
+var _audio_thumbnail = _interopRequireDefault(require("../../images/audio_thumbnail.png"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -119,45 +117,10 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
     _this.getUpdateDataList = _this.getUpdateDataList.bind(_assertThisInitialized(_this));
     _this.zoomMaintain = _this.zoomMaintain.bind(_assertThisInitialized(_this));
     _this.handleMenuValidation = _this.handleMenuValidation.bind(_assertThisInitialized(_this));
-    _this.getPreviewIconData = _this.getPreviewIconData.bind(_assertThisInitialized(_this));
-    _this.renderIframe = _this.renderIframe.bind(_assertThisInitialized(_this));
     return _this;
   }
 
   _createClass(AttachmentViewer, [{
-    key: "isImageFileType",
-    value: function isImageFileType(fileName) {
-      var _getExtensionFromFile;
-
-      var extension = (_getExtensionFromFile = (0, _Attachment.getExtensionFromFileName)(fileName)) === null || _getExtensionFromFile === void 0 ? void 0 : _getExtensionFromFile.toLowerCase();
-      if (!extension) return false;
-      return _utils.FILE_EXTENSIONS.image.map(function (ext) {
-        return ext.toLowerCase();
-      }).includes(extension);
-    }
-  }, {
-    key: "isVideoFileType",
-    value: function isVideoFileType(fileName) {
-      var _getExtensionFromFile2;
-
-      var extension = (_getExtensionFromFile2 = (0, _Attachment.getExtensionFromFileName)(fileName)) === null || _getExtensionFromFile2 === void 0 ? void 0 : _getExtensionFromFile2.toLowerCase();
-      if (!extension) return false;
-      return _utils.FILE_EXTENSIONS.video.map(function (ext) {
-        return ext.toLowerCase();
-      }).includes(extension);
-    }
-  }, {
-    key: "isAudioFileType",
-    value: function isAudioFileType(fileName) {
-      var _getExtensionFromFile3;
-
-      var extension = (_getExtensionFromFile3 = (0, _Attachment.getExtensionFromFileName)(fileName)) === null || _getExtensionFromFile3 === void 0 ? void 0 : _getExtensionFromFile3.toLowerCase();
-      if (!extension) return false;
-      return _utils.FILE_EXTENSIONS.audio.map(function (ext) {
-        return ext.toLowerCase();
-      }).includes(extension);
-    }
-  }, {
     key: "componentDidMount",
     value: function componentDidMount() {
       this.handleMenuValidation();
@@ -200,17 +163,13 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
       var _this$state = this.state,
           data = _this$state.data,
           selectedIndex = _this$state.selectedIndex;
-      var allowedPreviewExtensionsData = this.props.allowedPreviewExtensionsData;
       var selectedAttachment = data[selectedIndex] || {};
       var selectedAttachmentViewUrl = selectedAttachment.viewUrl;
       var selectedAttachmentDownloadUrl = selectedAttachment.downloadUrl;
       var selectedAttachmentName = selectedAttachment.name;
-      var selectedAttachmentPreviewUrl = selectedAttachment.previewurl;
       (0, _utils.checkFileSourcesValidation)({
         fileName: selectedAttachmentName,
-        viewURL: selectedAttachmentViewUrl,
-        previewUrl: selectedAttachmentPreviewUrl,
-        allowedPreviewExtensionsData: allowedPreviewExtensionsData
+        viewURL: selectedAttachmentViewUrl
       }).then(function (fileSourceValidation) {
         var isViewURLValid = fileSourceValidation.isViewURLValid,
             canZoom = fileSourceValidation.canZoom;
@@ -373,38 +332,9 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
         }])
       };
     }
-  }, {
-    key: "getPreviewIconData",
-    value: function getPreviewIconData(name, size, dataId) {
-      var fileUnknown = {
-        iconName: 'ZD-GN-fileUnknown',
-        iconSize: '40'
-      };
-      var fileIconName = (0, _Attachment.getAttachmentIconDetails)(name);
-      var fileDetails = name ? {
-        iconName: fileIconName,
-        iconSize: size
-      } : fileUnknown;
-      var iconName = fileDetails.iconName,
-          iconSize = fileDetails.iconSize;
-      return /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
-        iconClass: _AttachmentViewerModule["default"].prevFooterIcon,
-        name: iconName,
-        size: iconSize,
-        "data-id": dataId
-      });
-    }
-  }, {
-    key: "renderIframe",
-    value: function renderIframe(previewurl) {
-      return /*#__PURE__*/_react["default"].createElement("iframe", _extends({
-        src: previewurl,
-        className: _AttachmentViewerModule["default"].previewFrame
-      }, this.props.customProps.iframeProps));
-    }
   }, {
     key: "imgPreviewView",
-    value: function imgPreviewView(downloadUrl) {
+    value: function imgPreviewView() {
       var _this5 = this;
 
       var _this$state3 = this.state,
@@ -415,9 +345,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           isPreviewAttachmentValid = _this$state3.isPreviewAttachmentValid;
       var _this$props = this.props,
           maintainZoom = _this$props.maintainZoom,
-          dataId = _this$props.dataId,
-          i18nKeys = _this$props.i18nKeys,
-          renderUnSupportedElement = _this$props.renderUnSupportedElement;
+          dataId = _this$props.dataId;
 
       var getImgStyle = function getImgStyle(i) {
         var position;
@@ -455,21 +383,16 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
             _data$customClass = data.customClass,
             customClass = _data$customClass === void 0 ? {} : _data$customClass,
             _data$customProps = data.customProps,
-            customProps = _data$customProps === void 0 ? {} : _data$customProps,
-            previewurl = data.previewurl,
-            type = data.type;
+            customProps = _data$customProps === void 0 ? {} : _data$customProps;
         var _customProps$audioPro = customProps.audioProps,
             audioProps = _customProps$audioPro === void 0 ? {} : _customProps$audioPro,
             _customProps$imagePro = customProps.imageProps,
-            imageProps = _customProps$imagePro === void 0 ? {} : _customProps$imagePro,
-            _customProps$videoPro = customProps.videoProps,
-            videoProps = _customProps$videoPro === void 0 ? {} : _customProps$videoPro;
+            imageProps = _customProps$imagePro === void 0 ? {} : _customProps$imagePro;
         var _customClass$customIm = customClass.customImageClass,
             customImageClass = _customClass$customIm === void 0 ? '' : _customClass$customIm,
             _customClass$customCh = customClass.customChildrenClass,
             customChildrenClass = _customClass$customCh === void 0 ? '' : _customClass$customCh;
         var retainZoom = canZoom && selectedIndex == i && maintainZoom;
-        var extension = (0, _Attachment.getExtensionFromFileName)(name);
         return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
           className: _AttachmentViewerModule["default"].imgBox,
           id: "imgBox".concat(i),
@@ -480,51 +403,29 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
         }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
           className: _AttachmentViewerModule["default"].imgRef,
           id: "imgPreviewRef".concat(i)
-        }, selectedIndex == i && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _this5.isAudioFileType(name) ? /*#__PURE__*/_react["default"].createElement("audio", _extends({
-          controls: true,
-          className: _AttachmentViewerModule["default"].zoomIn,
-          "data-id": "".concat(dataId, "_audioPreview"),
-          "data-test-id": "".concat(dataId, "_audioPreview")
-        }, audioProps), /*#__PURE__*/_react["default"].createElement("source", {
-          src: previewurl,
-          type: "audio/".concat(extension)
-        })) : _this5.isVideoFileType(name) ? /*#__PURE__*/_react["default"].createElement("video", _extends({
+        }, (0, _Attachment.isAudioFile)(name) ? selectedIndex == i ? /*#__PURE__*/_react["default"].createElement("video", _extends({
+          autoPlay: true,
           controls: true,
           className: _AttachmentViewerModule["default"].zoomIn,
           "data-id": "".concat(dataId, "_videoPreview"),
           "data-test-id": "".concat(dataId, "_videoPreview")
-        }, videoProps), /*#__PURE__*/_react["default"].createElement("source", {
+        }, audioProps), /*#__PURE__*/_react["default"].createElement("source", {
           src: viewUrl,
-          type: "video/".concat(extension)
-        })) : _this5.isImageFileType(name) || children ? /*#__PURE__*/_react["default"].createElement(_AttachmentImage["default"], _extends({
+          type: "audio/".concat((0, _Attachment.getExtensionFromFileName)(name))
+        })) : null : /*#__PURE__*/_react["default"].createElement(_AttachmentImage["default"], _extends({
           customClass: {
-            customImageClass: "".concat(_AttachmentViewerModule["default"].img, " ").concat(_AttachmentViewerModule["default"].altText, " ").concat(canZoom || retainZoom ? isZoomed ? "".concat(_AttachmentViewerModule["default"].zoomedImg, " ").concat(_AttachmentViewerModule["default"].zoomOutCursor) : "".concat(_AttachmentViewerModule["default"].normalImg, " ").concat(_AttachmentViewerModule["default"].zoomInCursor) : '', " ").concat(customImageClass),
+            customImageClass: "".concat(_AttachmentViewerModule["default"].img, " ").concat(_AttachmentViewerModule["default"].altText, "\n                    ").concat(canZoom || retainZoom ? isZoomed ? "".concat(_AttachmentViewerModule["default"].zoomedImg, " ").concat(_AttachmentViewerModule["default"].zoomOutCursor) : "".concat(_AttachmentViewerModule["default"].normalImg, " ").concat(_AttachmentViewerModule["default"].zoomInCursor) : '', " ").concat(customImageClass),
             customChildrenClass: customChildrenClass
           },
           src: viewUrl,
           onClick: isPreviewAttachmentValid ? isZoomed ? _this5.zoomOut.bind(_this5, i) : function (e) {
-            return _this5.zoomIn(e, i, true);
+            _this5.zoomIn(e, i, true);
           } : undefined,
           alt: name,
           dataId: dataId,
           id: "img".concat(i),
           isCover: false
-        }, imageProps), children) : type === "document" && previewurl != null ? _this5.renderIframe(previewurl) : typeof renderUnSupportedElement === 'function' ? renderUnSupportedElement(data) : /*#__PURE__*/_react["default"].createElement("div", {
-          className: _AttachmentViewerModule["default"].previewNone
-        }, /*#__PURE__*/_react["default"].createElement("div", {
-          className: _AttachmentViewerModule["default"].fileTypeImg
-        }, _this5.getPreviewIconData(name, '70')), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-          $ui_size: "20",
-          $ui_weight: "semibold"
-        }, i18nKeys.previewUnsupportedText), /*#__PURE__*/_react["default"].createElement(_Link["default"], {
-          href: downloadUrl,
-          className: _AttachmentViewerModule["default"].downloadLink,
-          hasReload: true,
-          download: true
-        }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-          palette: "primaryFilled",
-          text: i18nKeys.downloadText
-        }))))));
+        }, imageProps), children)));
       });
     }
   }, {
@@ -550,7 +451,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           avatarProps = _customProps$avatarPr === void 0 ? {} : _customProps$avatarPr;
       var totalLen = data.length;
       var selectedAttachment = data[selectedIndex] || {};
-      var selectedImgUrl = selectedAttachment.previewurl || selectedAttachment.viewUrl;
+      var selectedImgUrl = selectedAttachment.viewUrl;
       var downloadUrl = selectedAttachment.downloadUrl;
       var authorHref;
       var authorName;
@@ -705,7 +606,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           eleRef: _this6.setImgBoxRef,
           scroll: "both",
           flexible: true
-        }, _this6.imgPreviewView(downloadUrl)), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        }, _this6.imgPreviewView()), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
           className: "".concat(_AttachmentViewerModule["default"].arrowBox, "  ").concat(uptoTablet ? _AttachmentViewerModule["default"].mbleArrowBox : _AttachmentViewerModule["default"].nrmlArrowBox, " ").concat(totalLen === selectedIndex + 1 ? _AttachmentViewerModule["default"].hidden : ''),
           onClick: _this6.changeSelectedIndex.bind(_this6, selectedIndex + 1),
           "data-title": i18nKeys.nextText,
@@ -761,13 +662,14 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
               _item$customProps = item.customProps,
               customProps = _item$customProps === void 0 ? {} : _item$customProps;
           var thumbnail = item.thumbnail;
-          var isImageFileType = _this6.isImageFileType(name) || thumbnail;
           var _customClass$customIm2 = customClass.customImageClass,
               customImageClass = _customClass$customIm2 === void 0 ? '' : _customClass$customIm2,
               _customClass$customCh2 = customClass.customChildrenClass,
               customChildrenClass = _customClass$customCh2 === void 0 ? '' : _customClass$customCh2;
+          thumbnail = (0, _Attachment.isAudioFile)(name) ? thumbnail || _audio_thumbnail["default"] : thumbnail; //fallback thumbnail for audio
+
           return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-            className: "".concat(_AttachmentViewerModule["default"].imgItem, " ").concat(index === selectedIndex ? _AttachmentViewerModule["default"].selected : '', " ").concat(isImageFileType ? '' : _AttachmentViewerModule["default"].previewIconDiv),
+            className: "".concat(_AttachmentViewerModule["default"].imgItem, " ").concat(index === selectedIndex ? _AttachmentViewerModule["default"].selected : ''),
             key: index,
             onClick: _this6.changeSelectedIndex.bind(_this6, index),
             eleRef: function eleRef(el) {
@@ -775,7 +677,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
             },
             dataId: "attachPreviewList",
             "data-title": name
-          }, isImageFileType || children ? /*#__PURE__*/_react["default"].createElement(_AttachmentImage["default"], _extends({
+          }, /*#__PURE__*/_react["default"].createElement(_AttachmentImage["default"], _extends({
             src: thumbnail || viewUrl,
             size: "small",
             alt: name,
@@ -784,7 +686,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
               customChildrenClass: "".concat(_AttachmentViewerModule["default"].crsrPointer, " ").concat(customChildrenClass)
             },
             dataId: dataId
-          }, customProps), children) : _this6.getPreviewIconData(name, '40'));
+          }, customProps), children));
         }))))), totalLen !== 1 && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
           dataId: "attachToggle",
           onClick: _this6.togglePViewList,

package/lib/AttachmentViewer/AttachmentViewer.module.css

@@ -2,7 +2,7 @@
     height: var(--zd_size40) ;
     position: relative;
     z-index: 1;
-    composes: alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+    composes: alignVertical from '~@zohodesk/components/es/common/common.module.css';
     background-color: var(--zdt_attachmentviewer_header_bg);
     padding: 0 var(--zd_size15) ;
     border-bottom: 1px solid var(--zdt_attachmentviewer_header_border);
@@ -10,7 +10,7 @@
 
 .title {
     max-width: 50% ;
-    composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+    composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 
 [dir=ltr] .title {
@@ -23,7 +23,7 @@
 
 .count {
     position: absolute;
-    composes: xMiddle from '~@zohodesk/components/lib/common/common.module.css';
+    composes: xMiddle from '~@zohodesk/components/es/common/common.module.css';
     padding: 0 var(--zd_size10) ;
 }
 
@@ -79,13 +79,13 @@
     font-size: var(--zd_font_size22) ;
     height: var(--zd_size38) ;
     width: var(--zd_size38) ;
-    line-height: 1.6;
+    line-height: 1.6364;
     border-radius: 50%;
     cursor: pointer;
 }
 
 .preview {
-    composes: posrel from '~@zohodesk/components/lib/common/common.module.css';
+    composes: posrel from '~@zohodesk/components/es/common/common.module.css';
     text-align: center;
     margin: var(--zd_size20) 0 ;
 }
@@ -94,7 +94,7 @@
     max-height: 100% ;
     max-width: 90% ;
     position: absolute;
-    composes: middleBoth from '~@zohodesk/components/lib/common/common.module.css';
+    composes: middleBoth from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .zoomOut {
@@ -230,10 +230,14 @@
     transform: rotateX(0deg);
 }
 
-.previewFrame {
-    height: 100% ;
-    width: 100% ;
-    border: 0;
+.isAudio {
+    composes: audioImage from '../common/dot_common.module.css';
+    width: var(--zd_size100) ;
+    background-size: 100% 100%;
+}
+
+.isAudio .image {
+    opacity: 0;
 }
 
 .video {
@@ -269,7 +273,7 @@
     height: 100% ;
     max-width: 100% ;
     max-height: 100% ;
-    composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
+    composes: dflex from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .img {
@@ -302,7 +306,7 @@
 
 .spinLoad {
     position: absolute;
-    composes: middleBoth from '~@zohodesk/components/lib/common/common.module.css';
+    composes: middleBoth from '~@zohodesk/components/es/common/common.module.css';
     height: var(--zd_size18) ;
     width: var(--zd_size18) ;
     cursor: progress
@@ -312,7 +316,7 @@
     height: 100% ;
     width: 100% ;
     composes: rotate from '../common/dot_animation.module.css';
-    composes: infinite from '~@zohodesk/components/lib/common/animation.module.css';
+    composes: infinite from '~@zohodesk/components/es/common/animation.module.css';
     border: 2px solid var(--zdt_attachmentviewer_loader_border);
     border-top-color: var(--zdt_attachmentviewer_loader_border_top);
     border-radius: 50%;
@@ -348,7 +352,7 @@
 .authorName {
     font-size: var(--zd_font_size15) ;
     color: var(--zdt_attachmentviewer_title_text);
-    composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+    composes: dotted from '~@zohodesk/components/es/common/common.module.css';
     margin: 0 var(--zd_size10) ;
 }
 
@@ -358,31 +362,4 @@
     background-color: var(--dot_mirror);
     border: 0;
     cursor: pointer;
-}
-
-.fileTypeImg {
-    margin-bottom: var(--zd_size30) ;
-}
-
-.previewNone {
-    color: var(--zdt_attachmentviewer_title_text);
-    max-width: 70% ;
-    text-align: center;
-    margin: auto ;
-}
-
-.downloadLink {
-    display: inline-block;
-    padding-top: var(--zd_size15) ;
-}
-
-.previewIconDiv {
-    width: var(--zd_size60) ;
-    composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-.prevFooterIcon {
-    color: var(--zdt_attachmentviewer_title_text);
-    padding: var(--zd_size2) ;
-    margin: auto ;
 }

package/lib/AttachmentViewer/props/defaultProps.js

@@ -15,18 +15,10 @@ exports.AttachmentImage_defaultProps = AttachmentImage_defaultProps;
 var AttachmentViewer_defaultProps = {
   responsiveId: "Helmet",
   needDownload: true,
-  i18nKeys: {
-    previewUnsupportedText: 'Preview not available for the selected file type.'
-  },
+  i18nKeys: {},
   maintainZoom: false,
   isActive: false,
   dataId: 'AttachmentViewer',
-  customProps: {},
-  allowedPreviewExtensionsData: {
-    audio: [],
-    video: [],
-    image: [],
-    document: []
-  }
+  customProps: {}
 };
 exports.AttachmentViewer_defaultProps = AttachmentViewer_defaultProps;

package/lib/AttachmentViewer/props/propTypes.js

@@ -38,8 +38,7 @@ var AttachmentViewer_propTypes = {
     downloadText: _propTypes["default"].string,
     closeText: _propTypes["default"].string,
     hideText: _propTypes["default"].string,
-    showText: _propTypes["default"].string,
-    previewUnsupportedText: _propTypes["default"].string
+    showText: _propTypes["default"].string
   }),
   needDownload: _propTypes["default"].string,
   previewObj: _propTypes["default"].object,
@@ -47,13 +46,6 @@ var AttachmentViewer_propTypes = {
   maintainZoom: _propTypes["default"].bool,
   isActive: _propTypes["default"].bool,
   dataId: _propTypes["default"].string,
-  allowedPreviewExtensionsData: _propTypes["default"].shape({
-    audio: _propTypes["default"].arrayOf(_propTypes["default"].string),
-    video: _propTypes["default"].arrayOf(_propTypes["default"].string),
-    image: _propTypes["default"].arrayOf(_propTypes["default"].string),
-    document: _propTypes["default"].arrayOf(_propTypes["default"].string)
-  }),
-  renderUnSupportedElement: _propTypes["default"].func,
   customProps: _propTypes["default"].shape({
     avatarProps: _propTypes["default"].exact(_propTypes2.propTypes)
   })