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

package/es/AttachmentViewer/AttachmentViewer.js

@@ -1,20 +1,20 @@
 import React, { Component } from 'react';
-import { AttachmentViewer_defaultProps } from './props/defaultProps';
-import { AttachmentViewer_propTypes } from './props/propTypes';
+import { AttachmentViewer_defaultProps } from "./props/defaultProps";
+import { AttachmentViewer_propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
-import AttachmentImage from './AttachmentImage';
-import Link from '../Link/Link';
-import IconButton from '../IconButton/IconButton';
-import FreezeLayer from '../FreezeLayer/FreezeLayer';
-import { isAudioFile, getExtensionFromFileName } from './Attachment';
-import { shallowDiff } from '../utils/General';
-import style from './AttachmentViewer.module.css';
-import { checkFileSourcesValidation } from './utils';
-import audioThumbNail from '../../images/audio_thumbnail.png';
+import AttachmentImage from "./AttachmentImage";
+import Link from "../Link/Link";
+import IconButton from "../IconButton/IconButton";
+import FreezeLayer from "../FreezeLayer/FreezeLayer";
+import { isAudioFile, getExtensionFromFileName, isVideoFile, isPdfFile, isDocsFile, isSheetFile, isShowFile, isEmailFile, isImageFile, openNewTab } from "./Attachment";
+import { shallowDiff } from "../utils/General";
+import { checkFileSourcesValidation, getBrowserWithVersion } from "./utils";
+import style from "./AttachmentViewer.module.css"; // import audioThumbNail from '../../images/audio_thumbnail.png'
+
 export default class AttachmentViewer extends Component {
   constructor(props) {
     super(props);
@@ -42,6 +42,7 @@ export default class AttachmentViewer extends Component {
     this.getNextId = getUniqueId(this);
     this.getUpdateDataList = this.getUpdateDataList.bind(this);
     this.zoomMaintain = this.zoomMaintain.bind(this);
+    this.getAttachmentIconDetails = this.getAttachmentIconDetails.bind(this);
     this.handleMenuValidation = this.handleMenuValidation.bind(this);
   }
 
@@ -107,6 +108,183 @@ export default class AttachmentViewer extends Component {
     });
   }
 
+  getAttachmentIconDetails(fileName, size) {
+    const extension = getExtensionFromFileName(fileName);
+    const browserName = getBrowserWithVersion().toLowerCase() || '';
+    const 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'
+        };
+    }
+  }
+
   togglePViewList() {
     this.setState(prevState => ({
       isPViewListOpen: !prevState.isPViewListOpen
@@ -310,6 +488,35 @@ export default class AttachmentViewer extends Component {
         customChildrenClass = ''
       } = customClass;
       const retainZoom = canZoom && selectedIndex == i && maintainZoom;
+      const {
+        previewurl
+      } = data;
+      const getFrameOrigin = new URL(window.location.href).origin;
+      const frameOrigin = `&frameorigin=${getFrameOrigin}`;
+      const iframeSrc = `${previewurl}${frameOrigin}`;
+
+      const PreviewFileIcon = _ref3 => {
+        let {
+          data
+        } = _ref3;
+        const fileUnknown = {
+          iconName: 'ZD-GN-fileUnknown',
+          iconSize: '50'
+        }; // console.log("....data PreviewFileIcon",data)
+
+        const fileDetails = data ? _this.getAttachmentIconDetails(data, '50') : fileUnknown;
+        const {
+          iconName,
+          iconSize
+        } = fileDetails;
+        return /*#__PURE__*/React.createElement(Icon, {
+          iconClass: style.prevIcon,
+          name: iconName,
+          size: iconSize
+        });
+      };
+
+      console.log("...previewUrl", previewurl, "...data", data);
       return /*#__PURE__*/React.createElement(Container, {
         className: style.imgBox,
         id: `imgBox${i}`,
@@ -328,12 +535,25 @@ export default class AttachmentViewer extends Component {
         "data-test-id": `${dataId}_videoPreview`,
         ...audioProps
       }, /*#__PURE__*/React.createElement("source", {
-        src: viewUrl,
+        src: previewurl,
         type: `audio/${getExtensionFromFileName(name)}`
-      })) : null : /*#__PURE__*/React.createElement(AttachmentImage, {
+      })) : null : isVideoFile(data.name) ? selectedIndex == i ? /*#__PURE__*/React.createElement("video", {
+        autoPlay: true,
+        controls: true,
+        className: style.zoomIn
+      }, /*#__PURE__*/React.createElement("source", {
+        src: previewurl,
+        type: `video/${getExtensionFromFileName(data.name)}`
+      })) : null : isDocsFile(data.name) || isSheetFile(data.name) || isShowFile(data.name) ? selectedIndex == i ? (console.log("...previewurl", previewurl), /*#__PURE__*/React.createElement("iframe", {
+        src: iframeSrc,
+        className: style.previewFrame
+      })) : null : isPdfFile(data.name) || isEmailFile(data.name) ? selectedIndex == i ? /*#__PURE__*/React.createElement("iframe", {
+        src: iframeSrc,
+        className: style.previewFrame
+      }) : null : isImageFile(data.name) ? /*#__PURE__*/React.createElement(AttachmentImage, {
         customClass: {
           customImageClass: `${style.img} ${style.altText}
-                    ${canZoom || retainZoom ? isZoomed ? `${style.zoomedImg} ${style.zoomOutCursor}` : `${style.normalImg} ${style.zoomInCursor}` : ''} ${customImageClass}`,
+                        ${canZoom || retainZoom ? isZoomed ? `${style.zoomedImg} ${style.zoomOutCursor}` : `${style.normalImg} ${style.zoomInCursor}` : ''} ${customImageClass}`,
           customChildrenClass
         },
         src: viewUrl,
@@ -345,7 +565,18 @@ export default class AttachmentViewer extends Component {
         id: `img${i}`,
         isCover: false,
         ...imageProps
-      }, children)));
+      }, children) : /*#__PURE__*/React.createElement("div", {
+        className: style.previewNone
+      }, /*#__PURE__*/React.createElement("div", {
+        className: style.fileTypeImg
+      }, /*#__PURE__*/React.createElement(PreviewFileIcon, {
+        data: data.name,
+        getAttachmentIconDetails: _this.getAttachmentIconDetails
+      })), "Preview not available for the selected file type.", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Link, {
+        href: data.href,
+        className: style.downloadLink,
+        onClick: () => openNewTab(data.href)
+      }, "Download"))));
     });
   }
 
@@ -388,10 +619,10 @@ export default class AttachmentViewer extends Component {
     }, /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       responsiveId: responsiveId,
       query: this.responsiveFunc
-    }, _ref3 => {
+    }, _ref4 => {
       let {
         uptoTablet
-      } = _ref3;
+      } = _ref4;
       return /*#__PURE__*/React.createElement(Container, {
         scroll: "none",
         "data-scroll-palette": "dark"
@@ -580,17 +811,37 @@ export default class AttachmentViewer extends Component {
         const {
           customImageClass = '',
           customChildrenClass = ''
-        } = customClass;
-        thumbnail = isAudioFile(name) ? thumbnail || audioThumbNail : thumbnail; //fallback thumbnail for audio
+        } = customClass; // thumbnail= isAudioFile(name) ? thumbnail || audioThumbNail : thumbnail //fallback thumbnail for audio
+
+        const PreviewFileIcon = _ref5 => {
+          let {
+            data
+          } = _ref5;
+          const fileUnknown = {
+            iconName: 'ZD-GN-fileUnknown',
+            iconSize: '40'
+          }; // console.log("....data PreviewFileIcon render",data)
+
+          const fileDetails = data ? this.getAttachmentIconDetails(data) : fileUnknown;
+          const {
+            iconName,
+            iconSize
+          } = fileDetails;
+          return /*#__PURE__*/React.createElement(Icon, {
+            iconClass: style.prevFooterIcon,
+            name: iconName,
+            size: iconSize
+          });
+        };
 
         return /*#__PURE__*/React.createElement(Box, {
-          className: `${style.imgItem} ${index === selectedIndex ? style.selected : ''}`,
+          className: `${style.imgItem} ${index === selectedIndex ? style.selected : ''} ${isImageFile(name) || thumbnail ? '' : style.previewIconDiv}`,
           key: index,
           onClick: this.changeSelectedIndex.bind(this, index),
           eleRef: el => this[`img_${index}`] = el,
           dataId: "attachPreviewList",
           "data-title": name
-        }, /*#__PURE__*/React.createElement(AttachmentImage, {
+        }, isImageFile(name) || thumbnail ? /*#__PURE__*/React.createElement(AttachmentImage, {
           src: thumbnail || viewUrl,
           size: "small",
           alt: name,
@@ -600,7 +851,10 @@ export default class AttachmentViewer extends Component {
           },
           dataId: dataId,
           ...customProps
-        }, children));
+        }, children) : /*#__PURE__*/React.createElement(PreviewFileIcon, {
+          data: name,
+          getAttachmentIconDetails: this.getAttachmentIconDetails
+        }));
       }))))), totalLen !== 1 && /*#__PURE__*/React.createElement(IconButton, {
         dataId: "attachToggle",
         onClick: this.togglePViewList,

package/es/AttachmentViewer/AttachmentViewer.module.css

@@ -79,7 +79,7 @@
     font-size: var(--zd_font_size22) ;
     height: var(--zd_size38) ;
     width: var(--zd_size38) ;
-    line-height: 1.6364;
+    line-height: 1.6;
     border-radius: 50%;
     cursor: pointer;
 }
@@ -154,6 +154,7 @@
 .imgItem {
     height: var(--zd_size60) ;
     min-width: var(--zd_size40) ;
+    /* css:theme-validation:ignore */
     position: relative;
     transition: border var(--zd_transition3);
     border-width: 2px;
@@ -168,6 +169,10 @@
     border-color: var(--zdt_attachmentviewer_hover_border);
 }
 
+.imgItem+.imgItem {
+    /* margin-left: 6px; */
+}
+
 [dir=ltr] .imgItem+.imgItem {
     margin-left: var(--zd_size12) ;
 }
@@ -230,16 +235,71 @@
     transform: rotateX(0deg);
 }
 
-.isAudio {
-    composes: audioImage from '../common/dot_common.module.css';
-    width: var(--zd_size100) ;
+.isAudio,
+.isVideo,
+.isPdf,
+.isMail,
+.isWriter,
+.isSheet,
+.isShow,
+.otherFile {
+    width: var(--zd_size60) ;
+}
+
+.isAudio, .isVideo, .isPdf, .isMail, .isWriter, .isSheet, .isShow, .otherFile {
     background-size: 100% 100%;
 }
 
-.isAudio .image {
+/* .isAudio {
+    composes: audioImage from '../common/dot_common.module.css';
+}
+
+.isVideo {
+    composes: videoImage from '../common/dot_common.module.css';
+}
+
+.isPdf {
+    composes: pdfImage from '../common/dot_common.module.css';
+}
+
+.isWriter {
+    composes: writerImage from '../common/dot_common.module.css';
+}
+
+.isSheet {
+    composes: sheetImage from '../common/dot_common.module.css';
+}
+
+.isShow {
+    composes: showImage from '../common/dot_common.module.css';
+}
+
+
+.isMail {
+    composes: mailImage from '../common/dot_common.module.css';
+}
+
+.otherFile {
+    composes: otherImage from '../common/dot_common.module.css';
+} */
+
+.isAudio .image,
+.isVideo .image,
+.isPdf .image,
+.isWriter .image,
+.isSheet .image,
+.isShow .image,
+.isMail .image,
+.otherFile .image {
     opacity: 0;
 }
 
+.previewFrame {
+    height: 100% ;
+    width: 100% ;
+    border: 0;
+}
+
 .video {
     position: absolute;
     top: 0 ;
@@ -357,9 +417,69 @@
 }
 
 .btn {
+    /* css:theme-validation:ignore */
     height: 100% ;
     width: 100% ;
     background-color: var(--dot_mirror);
     border: 0;
     cursor: pointer;
+}
+
+.fileTypeImg {
+    margin: 0 auto var(--zd_size20) ;
+}
+
+.previewNone {
+    /* css:theme-validation:ignore */
+    color: #fff;
+    text-align: center;
+    margin: auto ;
+}
+
+.downloadLink {
+    /* css:theme-validation:ignore */
+    color: #0a73eb;
+    display: inline-block;
+    padding-top: var(--zd_size10) ;
+}
+
+.previewIconDiv {
+    width: var(--zd_size60) ;
+    composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+.prevFooterIcon,
+.prevIcon {
+    /* css:theme-validation:ignore */
+    color: #fff;
+}
+
+.prevFooterIcon, .prevIcon {
+    padding: var(--zd_size2) ;
+    margin: auto ;
+}
+
+.prevFooterIcon::before,
+.prevIcon::before {
+    /* css:theme-validation:ignore */
+}
+
+.prevFooterIcon::before, .prevIcon::before {
+    background-color: transparent;
+}
+
+[dir=ltr] .prevIcon::before {
+    border-radius: 10px 30px 10px 10px;
+}
+
+[dir=rtl] .prevIcon::before {
+    border-radius: 30px 10px 10px 10px;
+}
+
+[dir=ltr] .prevFooterIcon::before {
+    border-radius: 5px 17px 5px 5px
+}
+
+[dir=rtl] .prevFooterIcon::before {
+    border-radius: 17px 5px 5px 5px
 }

package/es/AttachmentViewer/__tests__/AttachmentImage.spec.js

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

package/es/AttachmentViewer/__tests__/AttachmentViewer.spec.js

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

package/es/AttachmentViewer/utils.js

@@ -153,4 +153,26 @@ export function checkFileSourcesValidation(_ref) {
       canZoom: isURLValid
     }));
   }
+}
+export function getBrowserWithVersion() {
+  const ua = navigator.userAgent;
+  let tem;
+  let M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*([\d\.]+)/i) || [];
+
+  if (ua.toLowerCase().indexOf('edge') !== -1) {
+    return ua.substring(ua.toLowerCase().indexOf('edge'));
+  }
+
+  if (/trident/i.test(M[1])) {
+    tem = /\brv[ :]+(\d+(\.\d+)?)/g.exec(ua) || [];
+    return `IE ${tem[1] || ''}`;
+  }
+
+  M = M[2] ? [M[1], M[2]] : [navigator.appName, navigator.appVersion, '-?'];
+
+  if ((tem = ua.match(/version\/([\.\d]+)/i)) !== null) {
+    M[2] = tem[1];
+  }
+
+  return M.join(' ');
 }

package/es/ChannelIcon/ChannelIcon.js

@@ -1,11 +1,11 @@
 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 { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
-import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
-import { getChannelMappingObj } from '../utils/ChannelIconMapping';
-import style from './ChannelIcon.module.css';
+import AvatarIcon from "../avatar/AvatarIcon/AvatarIcon";
+import { getChannelMappingObj } from "../utils/ChannelIconMapping";
+import style from "./ChannelIcon.module.css";
 export default class ChannelIcon extends Component {
   constructor(props) {
     super(props);

package/es/ChannelIcon/__tests__/ChannelIcon.spec.js

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

package/es/DotProvider/DotProvider.js

@@ -1,6 +1,6 @@
 import React, { useRef, useCallback, forwardRef } from "react";
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import useDotProvider from "./hooks/useDotProvider";
 const DotProvider = /*#__PURE__*/forwardRef((props, ref) => {
   const {

package/es/DotProvider/__tests__/DotProvider.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render, waitFor } from '@testing-library/react';
-import DotProvider from '../DotProvider'; // snapshot test cases
+import DotProvider from "../DotProvider"; // snapshot test cases
 
 describe('DotProvider Snapshot', () => {
   const THEME_APPEARANCE = ['light', 'dark', 'pureDark'];

package/es/DotProvider/hooks/useDotProvider.js

@@ -1,5 +1,5 @@
 import { useLayoutEffect } from 'react';
-import useDownloadAssetsAndSetAttr from './useDownloadAssetsAndSetAttr';
+import useDownloadAssetsAndSetAttr from "./useDownloadAssetsAndSetAttr";
 import '@zohodesk/components/assets/Contrast/lightContrastLightness.module.css';
 import '@zohodesk/components/assets/Contrast/darkContrastLightness.module.css';
 import '@zohodesk/components/assets/Contrast/pureDarkContrastLightness.module.css';
@@ -8,7 +8,7 @@ import '@zohodesk/variables/assets/dotVariables.module.css';
 import '@zohodesk/components/es/common/basic.module.css';
 import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
 import '@zohodesk/components/lib/common/boxShadow.module.css';
-import '../../common/dot_boxShadow.module.css';
+import "../../common/dot_boxShadow.module.css";
 
 function useDotProvider(_ref) {
   let {

package/es/DotProvider/hooks/useDownloadAssetsAndSetAttr.js

@@ -1,8 +1,8 @@
 import { useMemo, useLayoutEffect } from 'react';
-import { getThemeAppearanceAssetPromise } from '../utils/assetPromiseHandlers/themeAppearanceAssetPromise.js';
-import { getThemeColorAssetPromise } from '../utils/assetPromiseHandlers/themeColorAssetPromise.js';
-import { getFontSizeAssetPromise } from '../utils/assetPromiseHandlers/fontSizeAssetPromise.js';
-import { getZoomSizeAssetPromise } from '../utils/assetPromiseHandlers/zoomSizeAssetPromise.js';
+import { getThemeAppearanceAssetPromise } from "../utils/assetPromiseHandlers/themeAppearanceAssetPromise.js";
+import { getThemeColorAssetPromise } from "../utils/assetPromiseHandlers/themeColorAssetPromise.js";
+import { getFontSizeAssetPromise } from "../utils/assetPromiseHandlers/fontSizeAssetPromise.js";
+import { getZoomSizeAssetPromise } from "../utils/assetPromiseHandlers/zoomSizeAssetPromise.js";
 export default function useDownloadAssetsAndSetAttr(_ref) {
   let {
     themeAppearance,

package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js

@@ -1 +1 @@
-import './../../../../../../assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css';
+import "./../../../../../../assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js

@@ -1 +1 @@
-import './../../../../../../assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css';
+import "./../../../../../../assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js

@@ -1 +1 @@
-import './../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css';
+import "./../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css";