@zohodesk/dot 1.0.0-temp-200.4 → 1.0.0-temp-203.5

package/es/version2/lookup/AlertLookup/AlertLookup.js

@@ -1,19 +1,19 @@
 /**** Libraries ****/
 import React, { Component } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /**** Components ****/
 
-import Lookup from "../../../lookup/Lookup/Lookup";
-import AlertHeader from "../AlertHeader/AlertHeader";
+import Lookup from '../../../lookup/Lookup/Lookup';
+import AlertHeader from '../AlertHeader/AlertHeader';
 import Button from '@zohodesk/components/lib/Button/Button';
-import Section from "../../../lookup/Section/Section";
-import FormAction from "../../../FormAction/FormAction";
+import Section from '../../../lookup/Section/Section';
+import FormAction from '../../../FormAction/FormAction';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
 /**** CSS ****/
 
-import style from "./AlertLookupNew.module.css";
+import style from './AlertLookupNew.module.css';
 let buttonPaletteObject = {
   success: {
     buttonPalette: 'successFilled'

package/es/version2/lookup/AlertLookup/__tests__/AlertLookup.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import AlertLookup from "../AlertLookup";
+import AlertLookup from '../AlertLookup';
 describe('AlertLookup', () => {
   test('rendering the defult props', () => {
     const {

package/es/version2/lookup/index.js

@@ -1,2 +1,2 @@
-export { default as AlertHeader } from "./AlertHeader/AlertHeader";
-export { default as AlertLookup } from "./AlertLookup/AlertLookup";
+export { default as AlertHeader } from './AlertHeader/AlertHeader';
+export { default as AlertLookup } from './AlertLookup/AlertLookup';

package/es/version2/notification/DesktopNotification/DesktopNotification.js

@@ -1,14 +1,14 @@
 import React, { useState } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes, DesktopNotificationUI_propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes, DesktopNotificationUI_propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { useZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
-import AutoClose from "../../../actions/AutoClose";
+import AutoClose from '../../../actions/AutoClose';
 import Button from '@zohodesk/components/lib/Button/Button';
-import FormAction from "../../../FormAction/FormAction";
-import DesktopNotificationHeader from "../DesktopNotificationHeader/DesktopNotificationHeader";
+import FormAction from '../../../FormAction/FormAction';
+import DesktopNotificationHeader from '../DesktopNotificationHeader/DesktopNotificationHeader';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import style from "./DesktopNotification.module.css";
+import style from './DesktopNotification.module.css';
 let buttonPaletteObject = {
   success: {
     buttonPalette: 'successFilled'

package/es/version2/notification/DesktopNotification/__tests__/DesktopNotification.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import DesktopNotification from "../DesktopNotification";
+import DesktopNotification from '../DesktopNotification';
 describe('DesktopNotification', () => {
   test('rendering the defult props', () => {
     const {

package/es/version2/notification/DesktopNotification/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { getDotLibraryConfig } from "../../../../Provider/Config";
+import { getDotLibraryConfig } from '../../../../Provider/Config';
 export const defaultProps = {
   isMore: false,
   isAnimate: true,

package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -1,12 +1,12 @@
 import React, { Component } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import AlertClose from "../../AlertClose/AlertClose";
-import AlertIcons from "../../alertIcons/AlertIcons";
+import AlertClose from '../../AlertClose/AlertClose';
+import AlertIcons from '../../alertIcons/AlertIcons';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import Typography from '@zohodesk/components/es/Typography/Typography';
-import style from "./DesktopNotificationHeader.module.css";
+import Typography from '@zohodesk/components/es/v1/Typography/Typography';
+import style from './DesktopNotificationHeader.module.css';
 export default class DesktopNotificationHeader extends Component {
   constructor(props) {
     super(props);

package/es/version2/notification/DesktopNotificationHeader/__tests__/DesktopNotificationHeader.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import DesktopNotificationHeader from "../DesktopNotificationHeader";
+import DesktopNotificationHeader from '../DesktopNotificationHeader';
 describe('DesktopNotificationHeader', () => {
   test('rendering the defult props', () => {
     const {

package/es/version2/notification/DesktopNotificationHeader/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { getDotLibraryConfig } from "../../../../Provider/Config";
+import { getDotLibraryConfig } from '../../../../Provider/Config';
 export const defaultProps = {
   needIcon: true,
   variant: 'primary',

package/es/version2/notification/index.js

@@ -1,3 +1,3 @@
-export { DesktopNotificationUI } from "./DesktopNotification/DesktopNotification";
-export { default as DesktopNotification } from "./DesktopNotification/DesktopNotification";
-export { default as DesktopNotificationHeader } from "./DesktopNotificationHeader/DesktopNotificationHeader";
+export { DesktopNotificationUI } from './DesktopNotification/DesktopNotification';
+export { default as DesktopNotification } from './DesktopNotification/DesktopNotification';
+export { default as DesktopNotificationHeader } from './DesktopNotificationHeader/DesktopNotificationHeader';

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);
 }

package/lib/AttachmentViewer/Attachment.js

@@ -6,78 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.getExtensionFromFileName = getExtensionFromFileName;
 exports.isAudioFile = isAudioFile;
 exports.isBrowserSupportedFile = isBrowserSupportedFile;
-exports.isDocsFile = isDocsFile;
-exports.isEmailFile = isEmailFile;
-exports.isImageFile = isImageFile;
-exports.isPdfFile = isPdfFile;
-exports.isSheetFile = isSheetFile;
-exports.isShowFile = isShowFile;
-exports.isVideoFile = isVideoFile;
-exports.openInNewTabWithNoopener = openInNewTabWithNoopener;
-exports.openNewTab = openNewTab;
 var UNASSIGNED = 'Unassigned';
 var BROWSER_SUPPORTED_FILES = ['pdf', 'text', 'txt', 'css', 'jpg', 'jpeg', 'gif', 'png', 'bmp', 'ico', 'sh', 'mp3', 'wav', 'ogg'];
 
 function isAudioFile(fileName) {
   var extension = getExtensionFromFileName(fileName);
-  return /mp3|wav|ogg|oga|m4a|weba|opus|m4b|webma|aac/i.test(extension);
+  return /mp3|wav|ogg/i.test(extension);
 }
 
-function isVideoFile(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /mp4|webm|ogg/i.test(extension);
-}
-
-function isPdfFile(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /pdf/i.test(extension);
-}
-
-function isDocsFile(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /docx|doc|docm|rtf|odt|dot|dotm|dotx|pages/i.test(extension);
-}
-
-function isSheetFile(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /xlsx|numbers/i.test(extension);
-}
-
-function isShowFile(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /pptx|ppt|pps|ppsx|key/i.test(extension);
-}
-
-function isEmailFile(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /eml|msg/i.test(extension);
-}
-
-function isImageFile(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /jpeg|jpg|png|gif|bmp|tiff|tif|ico/i.test(extension);
-} // export function docsFileTypes(fileName){
-//   const extension = getExtensionFromFileName(fileName);
-//   return /docx|doc|docm|rtf|odt|dot|dotm|dotx|sxw|odt|ott|txt|pages/i.test(extension);
-// }
-// export function sheetFileTypes(fileName){
-//   const extension = getExtensionFromFileName(fileName);
-//   return /xls|xlsx|sxc|ods|csv|tsv|ots|xlsm|xlsb|xlt|xltx|xltm|numbers/i.test(extension);
-// }
-// export function showFileTypes(fileName){
-//   const extension = getExtensionFromFileName(fileName);
-//   return /pptx|ppt|pps|ppsx|odp|sxi|key|pot|potx/i.test(extension);
-// }
-// export function designFileTypes(fileName) {
-//   const extension = getExtensionFromFileName(fileName);
-//   return /sketch|xd|psd|ai|fig|svg/i.test(extension);
-// }
-// export function zipFileType(fileName) {
-//   const extension = getExtensionFromFileName(fileName);
-//   return /zip/i.test(extension);
-// }
-
-
 function getExtensionFromFileName(fileName) {
   if (fileName && fileName.indexOf(".") !== -1) {
     return fileName.substring(fileName.lastIndexOf(".") + 1, fileName.length).toLowerCase();
@@ -89,17 +25,4 @@ function getExtensionFromFileName(fileName) {
 function isBrowserSupportedFile(fileName) {
   var extension = getExtensionFromFileName(fileName);
   return BROWSER_SUPPORTED_FILES.indexOf(extension) !== -1;
-}
-
-function openInNewTabWithNoopener(url) {
-  var targetnName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '_blank';
-  var aTag = document.createElement('a');
-  aTag.rel = 'noopener noreferrer';
-  aTag.target = targetnName;
-  aTag.href = url;
-  aTag.click();
-}
-
-function openNewTab(href) {
-  openInNewTabWithNoopener(href);
 }

package/lib/AttachmentViewer/AttachmentViewer.js

@@ -35,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 }; }
 
@@ -79,7 +81,6 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-// import audioThumbNail from '../../images/audio_thumbnail.png'
 var AttachmentViewer = /*#__PURE__*/function (_Component) {
   _inherits(AttachmentViewer, _Component);
 
@@ -115,7 +116,6 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
     _this.getNextId = (0, _IdProvider.getUniqueId)(_assertThisInitialized(_this));
     _this.getUpdateDataList = _this.getUpdateDataList.bind(_assertThisInitialized(_this));
     _this.zoomMaintain = _this.zoomMaintain.bind(_assertThisInitialized(_this));
-    _this.getAttachmentIconDetails = _this.getAttachmentIconDetails.bind(_assertThisInitialized(_this));
     _this.handleMenuValidation = _this.handleMenuValidation.bind(_assertThisInitialized(_this));
     return _this;
   }
@@ -181,184 +181,6 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
         });
       });
     }
-  }, {
-    key: "getAttachmentIconDetails",
-    value: function getAttachmentIconDetails(fileName, size) {
-      var extension = (0, _Attachment.getExtensionFromFileName)(fileName);
-      var browserName = (0, _utils.getBrowserWithVersion)().toLowerCase() || '';
-      var OSName = navigator.platform.toLowerCase() || '';
-
-      switch (extension) {
-        case 'jpeg':
-        case 'jpg':
-        case 'png':
-        case 'apng':
-        case 'gif':
-        case 'bmp':
-        case 'tiff':
-        case 'tif':
-        case 'ico':
-        case 'webp':
-          return {
-            iconName: 'ZD-EF-fileImage',
-            iconSize: size || '30'
-          };
-
-        case 'txt':
-          return {
-            iconName: 'ZD-GN-fileDoc',
-            iconSize: size || '30'
-          };
-
-        case 'pdf':
-          return {
-            iconName: 'ZD-EF-filePdf',
-            iconSize: size || '30'
-          };
-
-        case 'html':
-        case 'htm':
-        case 'xhtml':
-          if (browserName.indexOf('chrome') !== -1 || browserName.indexOf('safari') !== -1) {
-            return {
-              iconName: 'ZD-EF-fileXml',
-              iconSize: size || '30'
-            };
-          } else if (browserName.indexOf('ie') !== -1 || browserName.indexOf('edge') !== -1) {
-            return {
-              iconName: 'ZD-EF-explorer',
-              iconSize: size || '30'
-            };
-          }
-
-          return {
-            iconName: 'ZD-EF-firebox',
-            iconSize: size || '30'
-          };
-
-        case 'ppt':
-        case 'pps':
-        case 'odp':
-        case 'sxi':
-        case 'pptx':
-        case 'ppsx':
-        case 'key':
-          return {
-            iconName: 'ZD-GN-filePpt',
-            iconSize: size || '40'
-          };
-
-        case 'rar':
-        case 'jar':
-        case 'zip':
-          return {
-            iconName: 'ZD-EF-fileZip',
-            iconSize: size || '30'
-          };
-
-        case 'doc':
-        case 'docx':
-        case 'sxw':
-        case 'odt':
-        case 'docm':
-        case 'dot':
-        case 'dotm':
-        case 'dotx':
-        case 'rtf':
-        case 'pages':
-          if (OSName.indexOf('mac') !== -1 || OSName.indexOf('linux') !== -1) {
-            return {
-              iconName: 'ZD-EF-fileOffice',
-              iconSize: size || '30'
-            };
-          }
-
-          return {
-            iconName: 'ZD-EF-fileWord',
-            iconSize: size || '30'
-          };
-
-        case 'xml':
-          return {
-            iconName: 'ZD-EF-fileXml',
-            iconSize: size || '30'
-          };
-
-        case 'xls':
-        case 'xlsx':
-        case 'sxc':
-        case 'ods':
-        case 'csv':
-        case 'tsv':
-        case 'numbers':
-          return {
-            iconName: 'ZD-GN-fileSheet',
-            iconSize: size || '30'
-          };
-
-        case 'ics':
-          return {
-            iconName: 'ZD-TK-event',
-            iconSize: size || '30'
-          };
-
-        case 'exe':
-          return {
-            iconName: 'ZD-EF-exe',
-            iconSize: size || '30'
-          };
-
-        case 'sh':
-        case 'bin':
-          return {
-            iconName: 'ZD-EF-linux',
-            iconSize: size || '30'
-          };
-
-        case 'css':
-          return {
-            iconName: 'ZD-EF-clrCss',
-            iconSize: size || '30'
-          };
-
-        case 'mp3':
-        case 'wav':
-        case 'wma':
-        case 'aac':
-        case 'm4r':
-        case 'ogg':
-          return {
-            iconName: 'ZD-EF-fileMp3',
-            iconSize: size || '30'
-          };
-
-        case 'mp4':
-        case 'mkv':
-        case 'mov':
-        case 'mpeg':
-        case 'flv':
-        case 'avi':
-        case 'webm':
-        case 'oga':
-          return {
-            iconName: 'ZD-EF-fileMp4',
-            iconSize: size || '30'
-          };
-
-        case 'eml':
-        case 'msg':
-          return {
-            iconName: 'ZD-GN-fileMail',
-            iconSize: size || '40'
-          };
-
-        default:
-          return {
-            iconName: 'ZD-GN-fileUnknown',
-            iconSize: size || '40'
-          };
-      }
-    }
   }, {
     key: "togglePViewList",
     value: function togglePViewList() {
@@ -571,29 +393,6 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
             _customClass$customCh = customClass.customChildrenClass,
             customChildrenClass = _customClass$customCh === void 0 ? '' : _customClass$customCh;
         var retainZoom = canZoom && selectedIndex == i && maintainZoom;
-        var previewurl = data.previewurl;
-        var getFrameOrigin = new URL(window.location.href).origin;
-        var frameOrigin = "&frameorigin=".concat(getFrameOrigin);
-        var iframeSrc = "".concat(previewurl).concat(frameOrigin);
-
-        var PreviewFileIcon = function PreviewFileIcon(_ref3) {
-          var data = _ref3.data;
-          var fileUnknown = {
-            iconName: 'ZD-GN-fileUnknown',
-            iconSize: '50'
-          }; // console.log("....data PreviewFileIcon",data)
-
-          var fileDetails = data ? _this5.getAttachmentIconDetails(data, '50') : fileUnknown;
-          var iconName = fileDetails.iconName,
-              iconSize = fileDetails.iconSize;
-          return /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
-            iconClass: _AttachmentViewerModule["default"].prevIcon,
-            name: iconName,
-            size: iconSize
-          });
-        };
-
-        console.log("...previewUrl", previewurl, "...data", data);
         return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
           className: _AttachmentViewerModule["default"].imgBox,
           id: "imgBox".concat(i),
@@ -611,24 +410,11 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           "data-id": "".concat(dataId, "_videoPreview"),
           "data-test-id": "".concat(dataId, "_videoPreview")
         }, audioProps), /*#__PURE__*/_react["default"].createElement("source", {
-          src: previewurl,
+          src: viewUrl,
           type: "audio/".concat((0, _Attachment.getExtensionFromFileName)(name))
-        })) : null : (0, _Attachment.isVideoFile)(data.name) ? selectedIndex == i ? /*#__PURE__*/_react["default"].createElement("video", {
-          autoPlay: true,
-          controls: true,
-          className: _AttachmentViewerModule["default"].zoomIn
-        }, /*#__PURE__*/_react["default"].createElement("source", {
-          src: previewurl,
-          type: "video/".concat((0, _Attachment.getExtensionFromFileName)(data.name))
-        })) : null : (0, _Attachment.isDocsFile)(data.name) || (0, _Attachment.isSheetFile)(data.name) || (0, _Attachment.isShowFile)(data.name) ? selectedIndex == i ? (console.log("...previewurl", previewurl), /*#__PURE__*/_react["default"].createElement("iframe", {
-          src: iframeSrc,
-          className: _AttachmentViewerModule["default"].previewFrame
-        })) : null : (0, _Attachment.isPdfFile)(data.name) || (0, _Attachment.isEmailFile)(data.name) ? selectedIndex == i ? /*#__PURE__*/_react["default"].createElement("iframe", {
-          src: iframeSrc,
-          className: _AttachmentViewerModule["default"].previewFrame
-        }) : null : (0, _Attachment.isImageFile)(data.name) ? /*#__PURE__*/_react["default"].createElement(_AttachmentImage["default"], _extends({
+        })) : null : /*#__PURE__*/_react["default"].createElement(_AttachmentImage["default"], _extends({
           customClass: {
-            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),
+            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,
@@ -639,20 +425,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           dataId: dataId,
           id: "img".concat(i),
           isCover: false
-        }, imageProps), children) : /*#__PURE__*/_react["default"].createElement("div", {
-          className: _AttachmentViewerModule["default"].previewNone
-        }, /*#__PURE__*/_react["default"].createElement("div", {
-          className: _AttachmentViewerModule["default"].fileTypeImg
-        }, /*#__PURE__*/_react["default"].createElement(PreviewFileIcon, {
-          data: data.name,
-          getAttachmentIconDetails: _this5.getAttachmentIconDetails
-        })), "Preview not available for the selected file type.", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_Link["default"], {
-          href: data.href,
-          className: _AttachmentViewerModule["default"].downloadLink,
-          onClick: function onClick() {
-            return (0, _Attachment.openNewTab)(data.href);
-          }
-        }, "Download"))));
+        }, imageProps), children)));
       });
     }
   }, {
@@ -680,8 +453,8 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
       var authorHref;
       var authorName;
 
-      var _ref4 = data[selectedIndex] ? data[selectedIndex] : {},
-          author = _ref4.author;
+      var _ref3 = data[selectedIndex] ? data[selectedIndex] : {},
+          author = _ref3.author;
 
       if (author) {
         authorHref = author.href;
@@ -696,8 +469,8 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
         responsiveId: responsiveId,
         query: this.responsiveFunc
-      }, function (_ref5) {
-        var uptoTablet = _ref5.uptoTablet;
+      }, function (_ref4) {
+        var uptoTablet = _ref4.uptoTablet;
         return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
           scroll: "none",
           "data-scroll-palette": "dark"
@@ -889,27 +662,11 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           var _customClass$customIm2 = customClass.customImageClass,
               customImageClass = _customClass$customIm2 === void 0 ? '' : _customClass$customIm2,
               _customClass$customCh2 = customClass.customChildrenClass,
-              customChildrenClass = _customClass$customCh2 === void 0 ? '' : _customClass$customCh2; // thumbnail= isAudioFile(name) ? thumbnail || audioThumbNail : thumbnail //fallback thumbnail for audio
-
-          var PreviewFileIcon = function PreviewFileIcon(_ref6) {
-            var data = _ref6.data;
-            var fileUnknown = {
-              iconName: 'ZD-GN-fileUnknown',
-              iconSize: '40'
-            }; // console.log("....data PreviewFileIcon render",data)
-
-            var fileDetails = data ? _this6.getAttachmentIconDetails(data) : fileUnknown;
-            var iconName = fileDetails.iconName,
-                iconSize = fileDetails.iconSize;
-            return /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
-              iconClass: _AttachmentViewerModule["default"].prevFooterIcon,
-              name: iconName,
-              size: iconSize
-            });
-          };
+              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((0, _Attachment.isImageFile)(name) || thumbnail ? '' : _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) {
@@ -917,7 +674,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
             },
             dataId: "attachPreviewList",
             "data-title": name
-          }, (0, _Attachment.isImageFile)(name) || thumbnail ? /*#__PURE__*/_react["default"].createElement(_AttachmentImage["default"], _extends({
+          }, /*#__PURE__*/_react["default"].createElement(_AttachmentImage["default"], _extends({
             src: thumbnail || viewUrl,
             size: "small",
             alt: name,
@@ -926,10 +683,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
               customChildrenClass: "".concat(_AttachmentViewerModule["default"].crsrPointer, " ").concat(customChildrenClass)
             },
             dataId: dataId
-          }, customProps), children) : /*#__PURE__*/_react["default"].createElement(PreviewFileIcon, {
-            data: name,
-            getAttachmentIconDetails: _this6.getAttachmentIconDetails
-          }));
+          }, customProps), children));
         }))))), totalLen !== 1 && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
           dataId: "attachToggle",
           onClick: _this6.togglePViewList,