@zohodesk/dot 1.0.0-temp-200.8 → 1.0.0-temp-214

package/es/list/Subject/Subject.module.css

@@ -10,7 +10,7 @@
 }
 
 .dotted {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .font_regular {
@@ -27,7 +27,7 @@
 
 .font_semibold,
 .font_bold {
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .cursorPointer {

package/es/list/TagNew/TagNew.module.css

@@ -4,7 +4,7 @@
   font-size: var(--zd_font_size13) ;
   color: var(--zdt_tagnew_default_text);
   composes: inlineFlex from '../listCommon.module.css';
-  composes: alignHorizontal from '~@zohodesk/components/lib/common/common.module.css';
+  composes: alignHorizontal from '~@zohodesk/components/es/common/common.module.css';
   transition: all var(--zd_transition2) ease 0s;
   opacity: 0;
   visibility: hidden;

package/es/list/Thread/Thread.module.css

@@ -27,7 +27,7 @@
   right: var(--zd_size8) ;
 }
 .align_right {
-  composes: dInflex alignFend from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex alignFend from '~@zohodesk/components/es/common/common.module.css';
 }
 .align_right .count {
   position: relative;

package/es/list/listCommon.module.css

@@ -4,7 +4,7 @@
 }
 
 .inlineFlex {
-  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
 }
 
 [dir=ltr] .avatarMargin {
@@ -16,14 +16,14 @@
 }
 
 .subject {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
   font-size: var(--zd_font_size16) ;
 }
 
 /* css:lineheight-validation:ignore */
 .secondaryPanel {
   line-height: var(--zd_size18);
-  composes: dflex alignVertical flexwrap from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex alignVertical flexwrap from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .statusColumn {

package/es/list/status/StatusDropdown/StatusDropdown.js

@@ -10,7 +10,7 @@ import Loader from '@zohodesk/svg/lib/Loader/Loader';
 import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
 import CommonEmptyState from "../../../emptystate/CommonEmptyState/CommonEmptyState";
 import StatusListItem from "../StatusListItem/StatusListItem";
-import commonStyle from '@zohodesk/components/lib/common/common.module.css';
+import commonStyle from '@zohodesk/components/es/common/common.module.css';
 import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
@@ -52,7 +52,7 @@ export class StatusDropdown extends React.Component {
     togglePopup(e, boxPosition);
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.options.length != this.props.options.length) {
       this.setState({
         options: nextProps.options

package/es/list/status/StatusDropdown/StatusDropdown.module.css

@@ -40,7 +40,7 @@
   visibility: visible;
 }
 .value {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 .search {
   padding: var(--zd_size6) var(--zd_size20) 0 ;

package/es/list/status/StatusListItem/StatusListItem.module.css

@@ -34,11 +34,11 @@
   line-height: 1.5385;
 }
 .value {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 .multiLineValue{
   word-break: break-word;
-  composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
+  composes: clamp from '~@zohodesk/components/es/common/common.module.css';
 }
 [dir=ltr] .withBorder.active {
   border-left-color: var(--zdt_statuslistitem_default_active_border);

package/es/lookup/EmptyPage/LookupEmptyPage.module.css

@@ -7,6 +7,6 @@
 .contentDiv {
   font-size: var(--zd_font_size20) ;
   font-family: var(--zd_semibold);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
   margin-top: var(--zd_size15) ;
 }

package/es/lookup/Lookup/Lookup.js

@@ -56,6 +56,7 @@ export default class Lookup extends Component {
       needFocusScope,
       customProps,
       isMinHeight,
+      containerClass,
       lookupClass
     } = this.props;
     const {
@@ -93,7 +94,7 @@ export default class Lookup extends Component {
     }, /*#__PURE__*/React.createElement(Container, {
       "data-drag-container": "true",
       isCover: false,
-      className: isMinHeight ? `${style.wrapper}` : `${style.coverwrap}`
+      className: `${isMinHeight ? style.wrapper : style.coverwrap} ${style.containerWidth} ${containerClass}`
     }, children));
     return /*#__PURE__*/React.createElement(FreezeLayer, {
       align: "horizontal",

package/es/lookup/Lookup/Lookup.module.css

@@ -19,6 +19,10 @@
   margin: auto ;
 }
 
+.containerWidth {
+  width: 100% ;
+}
+
 /* Size */
 .smallSize {
   max-width: var(--zd_size470) ;
@@ -35,10 +39,11 @@
 .largeSize {
   max-width: 70% ;
 }
+
 .xlargeSize {
   max-width: 80% ;
 }
 
 .fullSize {
   max-width: 90% ;
-}
+}

package/es/lookup/Lookup/props/propTypes.js

@@ -20,5 +20,6 @@ export const propTypes = {
   onClick: PropTypes.func,
   onClose: PropTypes.func,
   isMinHeight: PropTypes.bool,
+  containerClass: PropTypes.string,
   lookupClass: PropTypes.string
 };

package/es/lookup/Section/LookupSection.module.css

@@ -2,7 +2,7 @@
   /* max-height: 80%; */
   /* min-height: 390px; */
   /* height: auto; */
-  composes: flexgrow from '~@zohodesk/components/lib/common/common.module.css';
+  composes: flexgrow from '~@zohodesk/components/es/common/common.module.css';
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
   background-color: var(--zdt_lookupsection_bg);
   box-shadow: var(--zd_bs_lookupsection_shadow)

package/es/lookup/header/Title/LookupTitle.module.css

@@ -1,7 +1,7 @@
 .title {
   font-size: var(--zd_font_size16) ;
   font-family: var(--zd_semibold);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
   vertical-align: middle;
   word-break: break-all;
   cursor: initial;

package/es/lookup/header/ViewDropDown/ViewDropDown.module.css

@@ -11,11 +11,11 @@
   font-size: var(--zd_font_size14) ;
   color: var(--zdt_viewdropdown_empty_text);
   font-family: var(--zd_semibold);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
   padding: var(--zd_size12) var(--zd_size15) ;
 }
 .hide {
-  composes: vishidden from '~@zohodesk/components/lib/common/common.module.css';
+  composes: vishidden from '~@zohodesk/components/es/common/common.module.css';
 }
 .container {
   position: relative;
@@ -25,7 +25,7 @@
 }
 /* Label Style */
 .labelCnt {
-  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
   line-height: 1.6667;
   color: var(--zdt_viewdropdown_label_text);
   cursor: pointer;
@@ -33,7 +33,7 @@
 .labelText {
   font-size: var(--zd_font_size12) ;
   max-width: var(--zd_size180) ;
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 [dir=ltr] .labelText {
   margin-right: var(--zd_size5) ;

package/es/lookup/header/lookupHeaderCommon.module.css

@@ -27,7 +27,7 @@
   /* position: absolute;
   right: 30px;
   top: 50%;
-  composes: middleY from '~@zohodesk/components/lib/common/common.module.css'; */
+  composes: middleY from '~@zohodesk/components/es/common/common.module.css'; */
 }
 .para {
   font-size: var(--zd_font_size12) ;

package/es/setup/header/Link/HeaderLink.module.css

@@ -1,5 +1,5 @@
 .container {
-  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
   color: var(--zdt_headerlink_text);
   font-size: var(--zd_font_size12) ;
 }[dir=ltr] .container {
@@ -17,5 +17,5 @@
   border-bottom: 1px solid var(--zdt_headerlink_hover_text);
 }
 .text {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }

package/es/setup/helptips/Title/HelpTipsTitle.module.css

@@ -1,5 +1,5 @@
 .title {
   font-size: var(--zd_font_size17) ;
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
+  composes: semibold from '~@zohodesk/components/es/common/common.module.css';
   color: var(--zdt_helptipstitle_text);
 }

package/es/setup/table/Text/TableText.module.css

@@ -1,8 +1,8 @@
 .bold {
-  composes: bold from '~@zohodesk/components/lib/common/common.module.css';
+  composes: bold from '~@zohodesk/components/es/common/common.module.css';
 }
 .semiBold {
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
+  composes: semibold from '~@zohodesk/components/es/common/common.module.css';
 }
 .primaryColor {
   color: var(--zdt_tabletext_primary_text);
@@ -19,12 +19,12 @@
 .small {
   font-size: var(--zd_font_size13) ;
   max-width: 100% ;
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 .medium {
   font-size: var(--zd_font_size14) ;
   max-width: 100% ;
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 .heading {
   text-transform: uppercase;

package/es/version2/GlobalNotification/GlobalNotification.module.css

@@ -79,7 +79,7 @@
   pointer-events: initial;
   color: var(--globalnotification_text_color);
   z-index: 1;
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
   width: 100% ;
   box-shadow: var(--zd_bs_globalnotification_container);
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
@@ -149,7 +149,7 @@
 .text {
   font-size: var(--zd_font_size14) ;
   font-family: var(--zd_semibold);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
   line-height: 1.4286;
   overflow: hidden;
 }

package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css

@@ -53,7 +53,7 @@
   font-size: var(--zd_font_size18) ;
   line-height: 1.2222;
   font-family: var(--zd_bold);
-  composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth wbreak from '~@zohodesk/components/es/common/common.module.css';
   vertical-align: middle;
   cursor: default;
 }

package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css

@@ -6,7 +6,7 @@
   color: var(--zdt_alertlookupnew_text);
   font-size: var(--zd_font_size14) ;
   line-height: 1.428;
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
   padding: var(--zd_size17) var(--zd_size30) var(--zd_size30) ;
 }
 
@@ -34,11 +34,11 @@
   height: 100% ;
 }
 .horizontalScroll {
-  composes: oflowx from '~@zohodesk/components/lib/common/common.module.css';
+  composes: oflowx from '~@zohodesk/components/es/common/common.module.css';
 }
 .verticalScroll {
-  composes: oflowy from '~@zohodesk/components/lib/common/common.module.css';
+  composes: oflowy from '~@zohodesk/components/es/common/common.module.css';
 }
 .bothScroll {
-  composes: oflowA from '~@zohodesk/components/lib/common/common.module.css';
+  composes: oflowA from '~@zohodesk/components/es/common/common.module.css';
 }

package/es/version2/lookup/alertLookupCommonNew.module.css

@@ -15,7 +15,7 @@
 .noteTitle {
     font-size: var(--zd_font_size13) ;
     font-family: var(--zd_semibold);
-    composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+    composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .noteUl {

package/es/version2/notification/DesktopNotification/DesktopNotification.module.css

@@ -49,7 +49,7 @@
 }
 
 .animation {
-  composes: modeForward from '~@zohodesk/components/lib/common/animation.module.css';
+  composes: modeForward from '~@zohodesk/components/es/common/animation.module.css';
 }
 
 [dir=ltr] .animation {
@@ -63,7 +63,7 @@
 }
 
 .leftanimate {
-  composes: slideLeft from '~@zohodesk/components/lib/common/animation.module.css';
+  composes: slideLeft from '~@zohodesk/components/es/common/animation.module.css';
   composes: animation;
 }
 
@@ -73,7 +73,7 @@
 }
 
 .rightanimate {
-  composes: slideRight from '~@zohodesk/components/lib/common/animation.module.css';
+  composes: slideRight from '~@zohodesk/components/es/common/animation.module.css';
   composes: animation;
   composes: closeAnimation;
 }
@@ -83,7 +83,7 @@
   position: relative;
   color: var(--zdt_desktopnotification_message_text);
   font-size: var(--zd_font_size11) ;
-  composes: dotted textCap from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted textCap from '~@zohodesk/components/es/common/common.module.css';
   height: var(--zd_size33) ;
   transition: padding var(--zd_transition3), height var(--zd_transition3);
   border-top: 1px solid var(--zdt_desktopnotification_message_border);
@@ -110,7 +110,7 @@
   font-size: var(--zd_font_size15) ;
   line-height: 1.3333;
   font-family: var(--zd_semibold);
-  composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth wbreak from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .subTitleMargin {
@@ -120,7 +120,7 @@
 .infoText {
   font-size: var(--zd_font_size14) ;
   line-height: 1.43;
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .secondaryInfo {

package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css

@@ -14,7 +14,7 @@
 }
 
 .title {
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
 }
 
 [dir=ltr] .title {
@@ -89,7 +89,7 @@
 
 /* Secondary Header */
 .secondary_header {
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
 }
 [dir=ltr] .secondary_header {

package/lib/ActionButton/ActionButton.module.css

@@ -114,14 +114,14 @@
 
 .txt,
 .subTxt {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
   /* css:theme-validation:ignore */
   color: var(--buttonText);
 }
 
 .arrowWrapper {
   position: relative;
-  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
+  composes: offSelection from '~@zohodesk/components/es/common/common.module.css';
   cursor: pointer;
 }
 

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

@@ -119,7 +119,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

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