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

package/lib/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.6;
+    line-height: 1.6364;
     border-radius: 50%;
     cursor: pointer;
 }
@@ -154,7 +154,6 @@
 .imgItem {
     height: var(--zd_size60) ;
     min-width: var(--zd_size40) ;
-    /* css:theme-validation:ignore */
     position: relative;
     transition: border var(--zd_transition3);
     border-width: 2px;
@@ -169,10 +168,6 @@
     border-color: var(--zdt_attachmentviewer_hover_border);
 }
 
-.imgItem+.imgItem {
-    /* margin-left: 6px; */
-}
-
 [dir=ltr] .imgItem+.imgItem {
     margin-left: var(--zd_size12) ;
 }
@@ -235,71 +230,16 @@
     transform: rotateX(0deg);
 }
 
-.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 {
+.isAudio {
     composes: audioImage from '../common/dot_common.module.css';
+    width: var(--zd_size100) ;
+    background-size: 100% 100%;
 }
 
-.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 {
+.isAudio .image {
     opacity: 0;
 }
 
-.previewFrame {
-    height: 100% ;
-    width: 100% ;
-    border: 0;
-}
-
 .video {
     position: absolute;
     top: 0 ;
@@ -417,69 +357,9 @@
 }
 
 .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/lib/AttachmentViewer/utils.js

@@ -7,7 +7,6 @@ exports.ZoomEvent = exports.Zoom = void 0;
 exports.checkAudioUrlValidity = checkAudioUrlValidity;
 exports.checkFileSourcesValidation = checkFileSourcesValidation;
 exports.checkImageValidity = checkImageValidity;
-exports.getBrowserWithVersion = getBrowserWithVersion;
 
 var _Attachment = require("./Attachment");
 
@@ -191,27 +190,4 @@ function checkFileSourcesValidation(_ref) {
       };
     });
   }
-}
-
-function getBrowserWithVersion() {
-  var ua = navigator.userAgent;
-  var tem;
-  var 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 ".concat(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/lib/DotProvider/utils/themeAppearanceAssetsConfig.js

@@ -35,17 +35,17 @@ var themeAppearanceImports = {
   },
   Lib_LightMode_Dot: function Lib_LightMode_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("./../../../assets/Appearance/light/mode/Dot_LightMode.module.css"));
+      return _interopRequireWildcard(require('./../../../assets/Appearance/light/mode/Dot_LightMode.module.css'));
     });
   },
   Lib_DarkMode_Dot: function Lib_DarkMode_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("./../../../assets/Appearance/dark/mode/Dot_DarkMode.module.css"));
+      return _interopRequireWildcard(require('./../../../assets/Appearance/dark/mode/Dot_DarkMode.module.css'));
     });
   },
   Lib_PureDarkMode_Dot: function Lib_PureDarkMode_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("./../../../assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css"));
+      return _interopRequireWildcard(require('./../../../assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css'));
     });
   },
   Lib_LightMode_SVG: function Lib_LightMode_SVG() {

package/lib/DotProvider/utils/themeColorAssetsConfig.js

@@ -20,227 +20,227 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var themeColorImports = {
   Lib_Blue_Light_Component: function Lib_Blue_Light_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/component/blue/Blue_Light_Component"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/blue/Blue_Light_Component'));
     });
   },
   Lib_Blue_Dark_Component: function Lib_Blue_Dark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/component/blue/Blue_Dark_Component"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/blue/Blue_Dark_Component'));
     });
   },
   Lib_Blue_PureDark_Component: function Lib_Blue_PureDark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/component/blue/Blue_PureDark_Component"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/blue/Blue_PureDark_Component'));
     });
   },
   Lib_Green_Light_Component: function Lib_Green_Light_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/component/green/Green_Light_Component"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/green/Green_Light_Component'));
     });
   },
   Lib_Green_Dark_Component: function Lib_Green_Dark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/component/green/Green_Dark_Component"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/green/Green_Dark_Component'));
     });
   },
   Lib_Green_PureDark_Component: function Lib_Green_PureDark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/component/green/Green_PureDark_Component"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/green/Green_PureDark_Component'));
     });
   },
   Lib_Orange_Light_Component: function Lib_Orange_Light_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/component/orange/Orange_Light_Component"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/orange/Orange_Light_Component'));
     });
   },
   Lib_Orange_Dark_Component: function Lib_Orange_Dark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/component/orange/Orange_Dark_Component"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/orange/Orange_Dark_Component'));
     });
   },
   Lib_Orange_PureDark_Component: function Lib_Orange_PureDark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/component/orange/Orange_PureDark_Component"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/orange/Orange_PureDark_Component'));
     });
   },
   Lib_Red_Light_Component: function Lib_Red_Light_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/component/red/Red_Light_Component"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/red/Red_Light_Component'));
     });
   },
   Lib_Red_Dark_Component: function Lib_Red_Dark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/component/red/Red_Dark_Component"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/red/Red_Dark_Component'));
     });
   },
   Lib_Red_PureDark_Component: function Lib_Red_PureDark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/component/red/Red_PureDark_Component"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/red/Red_PureDark_Component'));
     });
   },
   Lib_Yellow_Light_Component: function Lib_Yellow_Light_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/component/yellow/Yellow_Light_Component"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/yellow/Yellow_Light_Component'));
     });
   },
   Lib_Yellow_Dark_Component: function Lib_Yellow_Dark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/component/yellow/Yellow_Dark_Component"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/yellow/Yellow_Dark_Component'));
     });
   },
   Lib_Yellow_PureDark_Component: function Lib_Yellow_PureDark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/component/yellow/Yellow_PureDark_Component"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/yellow/Yellow_PureDark_Component'));
     });
   },
   Lib_Blue_Light_Dot: function Lib_Blue_Light_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/dot/blue/Blue_Light_Dot"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/blue/Blue_Light_Dot'));
     });
   },
   Lib_Blue_Dark_Dot: function Lib_Blue_Dark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/dot/blue/Blue_Dark_Dot"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/blue/Blue_Dark_Dot'));
     });
   },
   Lib_Blue_PureDark_Dot: function Lib_Blue_PureDark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/dot/blue/Blue_PureDark_Dot"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/blue/Blue_PureDark_Dot'));
     });
   },
   Lib_Green_Light_Dot: function Lib_Green_Light_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/dot/green/Green_Light_Dot"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/green/Green_Light_Dot'));
     });
   },
   Lib_Green_Dark_Dot: function Lib_Green_Dark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/dot/green/Green_Dark_Dot"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/green/Green_Dark_Dot'));
     });
   },
   Lib_Green_PureDark_Dot: function Lib_Green_PureDark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/dot/green/Green_PureDark_Dot"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/green/Green_PureDark_Dot'));
     });
   },
   Lib_Orange_Light_Dot: function Lib_Orange_Light_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/dot/orange/Orange_Light_Dot"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/orange/Orange_Light_Dot'));
     });
   },
   Lib_Orange_Dark_Dot: function Lib_Orange_Dark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/dot/orange/Orange_Dark_Dot"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/orange/Orange_Dark_Dot'));
     });
   },
   Lib_Orange_PureDark_Dot: function Lib_Orange_PureDark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/dot/orange/Orange_PureDark_Dot"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/orange/Orange_PureDark_Dot'));
     });
   },
   Lib_Red_Light_Dot: function Lib_Red_Light_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/dot/red/Red_Light_Dot"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/red/Red_Light_Dot'));
     });
   },
   Lib_Red_Dark_Dot: function Lib_Red_Dark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/dot/red/Red_Dark_Dot"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/red/Red_Dark_Dot'));
     });
   },
   Lib_Red_PureDark_Dot: function Lib_Red_PureDark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/dot/red/Red_PureDark_Dot"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/red/Red_PureDark_Dot'));
     });
   },
   Lib_Yellow_Light_Dot: function Lib_Yellow_Light_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/dot/yellow/Yellow_Light_Dot"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/yellow/Yellow_Light_Dot'));
     });
   },
   Lib_Yellow_Dark_Dot: function Lib_Yellow_Dark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/dot/yellow/Yellow_Dark_Dot"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/yellow/Yellow_Dark_Dot'));
     });
   },
   Lib_Yellow_PureDark_Dot: function Lib_Yellow_PureDark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot'));
     });
   },
   Lib_Blue_Light_SVG: function Lib_Blue_Light_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/svg/blue/Blue_Light_SVG"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/blue/Blue_Light_SVG'));
     });
   },
   Lib_Blue_Dark_SVG: function Lib_Blue_Dark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/svg/blue/Blue_Dark_SVG"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/blue/Blue_Dark_SVG'));
     });
   },
   Lib_Blue_PureDark_SVG: function Lib_Blue_PureDark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/svg/blue/Blue_PureDark_SVG"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/blue/Blue_PureDark_SVG'));
     });
   },
   Lib_Green_Light_SVG: function Lib_Green_Light_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/svg/green/Green_Light_SVG"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/green/Green_Light_SVG'));
     });
   },
   Lib_Green_Dark_SVG: function Lib_Green_Dark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/svg/green/Green_Dark_SVG"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/green/Green_Dark_SVG'));
     });
   },
   Lib_Green_PureDark_SVG: function Lib_Green_PureDark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/svg/green/Green_PureDark_SVG"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/green/Green_PureDark_SVG'));
     });
   },
   Lib_Orange_Light_SVG: function Lib_Orange_Light_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/svg/orange/Orange_Light_SVG"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/orange/Orange_Light_SVG'));
     });
   },
   Lib_Orange_Dark_SVG: function Lib_Orange_Dark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/svg/orange/Orange_Dark_SVG"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/orange/Orange_Dark_SVG'));
     });
   },
   Lib_Orange_PureDark_SVG: function Lib_Orange_PureDark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/svg/orange/Orange_PureDark_SVG"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/orange/Orange_PureDark_SVG'));
     });
   },
   Lib_Red_Light_SVG: function Lib_Red_Light_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/svg/red/Red_Light_SVG"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/red/Red_Light_SVG'));
     });
   },
   Lib_Red_Dark_SVG: function Lib_Red_Dark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/svg/red/Red_Dark_SVG"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/red/Red_Dark_SVG'));
     });
   },
   Lib_Red_PureDark_SVG: function Lib_Red_PureDark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/svg/red/Red_PureDark_SVG"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/red/Red_PureDark_SVG'));
     });
   },
   Lib_Yellow_Light_SVG: function Lib_Yellow_Light_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/svg/yellow/Yellow_Light_SVG"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/yellow/Yellow_Light_SVG'));
     });
   },
   Lib_Yellow_Dark_SVG: function Lib_Yellow_Dark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/svg/yellow/Yellow_Dark_SVG"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/yellow/Yellow_Dark_SVG'));
     });
   },
   Lib_Yellow_PureDark_SVG: function Lib_Yellow_PureDark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require("../libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG"));
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG'));
     });
   }
 };

package/lib/Loader/Loader.module.css

@@ -11,20 +11,19 @@
 .loader {
   width: 100% ;
   /*  Variable:Ignore  */
-  height: 5px;
-  background-size: 50% auto;
+  height: 3px;
+  background-image: var(--zdt_loader_gradient_bg);
+  background-size: 200% auto;
 }
 [dir=ltr] .loader {
-  background-image: linear-gradient(to right, var(--zdt_loader_bg) 30%, var(--dot_solitude) 50%, var(--zdt_loader_bg) 90%);
   background-position: 0 100%;
-  animation:  loading-ltr 2s infinite;
+  animation:  loading-ltr 3s infinite;
   animation-fill-mode: forwards;
   animation-timing-function: linear;
 }
 [dir=rtl] .loader {
-  background-image: linear-gradient(to left, var(--zdt_loader_bg) 30%, var(--dot_solitude) 50%, var(--zdt_loader_bg) 90%);
   background-position: 100% 100%;
-  animation:  loading-rtl 2s infinite;
+  animation:  loading-rtl 3s infinite;
   animation-fill-mode: forwards;
   animation-timing-function: linear;
 }
@@ -34,7 +33,7 @@
     background-position: 0 0;
   }
   100% {
-    background-position: 200% 0;
+    background-position: -200% 0;
   }
 }
 
@@ -43,6 +42,6 @@
     background-position: 100% 0;
   }
   100% {
-    background-position: -100% 0;
+    background-position: 300% 0;
   }
 }

package/lib/common/dot_common.module.css

@@ -1,39 +1,4 @@
-/* .audioImage {
+.audioImage {
   background-image: url('../../images/audio_thumbnail.png');
   background-repeat: no-repeat;
-}
-
-.videoImage {
-  background-image: url('../../images/video_thumbnail.png');
-  background-repeat: no-repeat;
-}
-
-.pdfImage {
-  background-image: url('../../images/pdf_thumbnail.png');
-  background-repeat: no-repeat;
-}
-
-.writerImage {
-  background-image: url('../../images/writer_thumbnail.png');
-  background-repeat: no-repeat;
-}
-
-.showImage {
-  background-image: url('../../images/show_thumbnail.png');
-  background-repeat: no-repeat;
-}
-
-.sheetImage {
-  background-image: url('../../images/sheet_thumbnail.png');
-  background-repeat: no-repeat;
-}
-
-.mailImage {
-  background-image: url('../../images/mail_thumbnail.png');
-  background-repeat: no-repeat;
-}
-
-.otherImage {
-  background-image: url('../../images/otherfile_thumbnail.png');
-  background-repeat: no-repeat;
-} */
+}

package/lib/services/components/Attachment/AttachmentViewer.js

@@ -0,0 +1,41 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _components = require("@zohodesk/components");
+
+var _AttachmentViewerWrapper = _interopRequireDefault(require("./AttachmentViewerWrapper"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var AttachmentViewer = /*#__PURE__*/(0, _react.memo)(function (props) {
+  var attachment = props.attachment,
+      hideAttachmentViewer = props.hideAttachmentViewer,
+      orgId = props.orgId,
+      i18nKeys = props.i18nKeys,
+      needDownload = props.needDownload;
+  var isActive = attachment && attachment.previewData && attachment.previewData.length;
+  return /*#__PURE__*/_react["default"].createElement(_components.Modal, {
+    name: "AttachmentViewer"
+  }, /*#__PURE__*/_react["default"].createElement(_AttachmentViewerWrapper["default"], {
+    isActive: isActive,
+    hideAttachmentViewer: hideAttachmentViewer,
+    previewObj: attachment,
+    needDownload: needDownload,
+    orgId: orgId,
+    i18nKeys: i18nKeys
+  }));
+});
+var _default = AttachmentViewer;
+exports["default"] = _default;