@zohodesk/dot 1.0.0-temp-197.6 → 1.0.0-temp-187.1

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

@@ -1,11 +1,16 @@
 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', () => {
     const {
       asFragment
     } = render( /*#__PURE__*/React.createElement(AttachmentImage, {
+      customClass: {
+        customImageClass: 'customImageClass',
+        customChildrenClass: 'customChildrenClass'
+      },
       previewObj: {
         previewData: [{
           id: '1',
@@ -13,49 +18,94 @@ describe('AttachmentImage', () => {
           size: '100412',
           href: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG',
           viewUrl: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG',
-          downloadUrl: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG'
+          downloadUrl: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG',
+          children: /*#__PURE__*/React.createElement(Avatar, {
+            name: "User Image"
+          })
         }, {
           id: '2',
           name: 'slack1.jpg',
           size: '100412',
           href: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
           viewUrl: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
-          downloadUrl: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg'
+          downloadUrl: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
+          children: /*#__PURE__*/React.createElement(Avatar, {
+            name: "User Image"
+          })
         }, {
           id: '3',
           name: 'slack2.jpg',
           size: '100412',
           href: 'https://wallpapercave.com/wp/wp3913900.jpg',
           viewUrl: 'https://wallpapercave.com/wp/wp3913900.jpg',
-          downloadUrl: 'https://wallpapercave.com/wp/wp3913900.jpg'
+          downloadUrl: 'https://wallpapercave.com/wp/wp3913900.jpg',
+          children: /*#__PURE__*/React.createElement(Avatar, {
+            name: "User Image"
+          })
         }, {
           id: '4',
           name: 'slack3.jpg',
           size: '100412',
-          href: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
-          viewUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
-          downloadUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg'
+          href: '',
+          viewUrl: '',
+          downloadUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
+          thumbnail: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg' // children: <Avatar name='User Image' />
+
         }, {
           id: '5',
+          name: 'slack3.jpg',
+          size: '100412',
+          href: '',
+          viewUrl: '',
+          downloadUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
+          children: /*#__PURE__*/React.createElement(Avatar, {
+            name: "User Image"
+          })
+        }, {
+          id: '6',
           name: 'slack4.jpg',
           size: '100412',
           href: 'https://wallpapercave.com/wp/wp3913900.jpg',
           viewUrl: 'https://wallpapercave.com/wp/wp3913900.jpg',
-          downloadUrl: 'https://wallpapercave.com/wp/wp3913900.jpg'
+          downloadUrl: 'https://wallpapercave.com/wp/wp3913900.jpg',
+          children: /*#__PURE__*/React.createElement(Avatar, {
+            name: "User Image"
+          })
         }, {
-          id: '6',
+          id: '7',
           name: 'slack5.jpg',
           size: '100412',
           href: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
           viewUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
-          downloadUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg'
+          downloadUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
+          children: /*#__PURE__*/React.createElement(Avatar, {
+            name: "User Image"
+          })
         }, {
-          id: '6',
+          id: '8',
+          name: 'slack5.mp3',
+          size: '100412',
+          href: 'https://samplelib.com/lib/preview/mp3/sample-3s.mp3',
+          viewUrl: 'https://samplelib.com/lib/preview/mp3/sample-3s.mp3',
+          downloadUrl: 'https://samplelib.com/lib/preview/mp3/sample-3s.mp3',
+          thumbnail: 'https://images.sftcdn.net/images/t_app-icon-m/p/7c80bdc6-a206-40b2-91fd-951c244f3672/3180901960/mp3-tag-editor-edit-music-tags-cover-art-changer-icon.png',
+          children: 'MP3'
+        }, {
+          id: '9',
           name: 'slack5.mp3',
           size: '100412',
-          href: 'https://www.w3schools.com/html/horse.mp3',
-          viewUrl: 'https://www.w3schools.com/html/horse.mp3',
-          downloadUrl: 'https://www.w3schools.com/html/horse.mp3'
+          href: 'https://samplelib.com/lib/preview/mp3/sample-3s.mp3',
+          viewUrl: 'https://samplelib.com/lib/preview/mp3/sample-3s.mp3',
+          downloadUrl: 'https://samplelib.com/lib/preview/mp3/sample-3s.mp3',
+          children: 'MP3'
+        }, {
+          id: '10',
+          children: 'custom Text'
+        }, {
+          id: '11',
+          children: /*#__PURE__*/React.createElement(Avatar, {
+            name: "custom children"
+          })
         }],
         selectedIndex: 0
       }

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/__tests__/__snapshots__/AttachmentImage.spec.js.snap

@@ -2,10 +2,14 @@
 
 exports[`AttachmentImage rendering the defult props 1`] = `
 <DocumentFragment>
-  <img
-    class="  undefined imgMaxFullSize "
-    data-id="AttachmentImage"
-    data-test-id="AttachmentImage"
-  />
+  <div
+    class="spinLoad"
+    data-id="AttachmentImage_loader"
+    data-test-id="AttachmentImage_loader"
+  >
+    <div
+      class="loader"
+    />
+  </div>
 </DocumentFragment>
 `;

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

@@ -65,59 +65,6 @@ exports[`AttachmentViewer rendering the when isActive is true  1`] = `
                 data-selector-id="container"
                 data-test-id="containerComponent"
               >
-                <div
-                  class="menu"
-                  data-id="zoomIn"
-                  data-test-id="zoomIn"
-                >
-                  <button
-                    aria-pressed="false"
-                    class="buttonReset wrapper menuIcon undefined effect default border borderHover  hoverEffect  inflex coldir both"
-                    data-id="iconContainer"
-                    data-ishtml="false"
-                    data-selector-id="iconButton"
-                    data-test-id="iconContainer"
-                  >
-                    <i
-                      aria-hidden="true"
-                      class="zd_font_icons basic icon-zoomIn    "
-                      data-id="fontIcon"
-                      data-selector-id="fontIcon"
-                      data-test-id="fontIcon"
-                      style="--zd-iconfont-size: var(--zd_font_size16);"
-                    />
-                  </button>
-                </div>
-                <div
-                  class="menu"
-                >
-                  <a
-                    class="container  "
-                    data-id="newTabAttach"
-                    data-test-id="newTabAttach"
-                    href="https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG"
-                    rel="noopener noreferrer"
-                    target="_blank"
-                  >
-                    <div
-                      aria-pressed="false"
-                      class="false wrapper menuIcon undefined effect default border borderHover  hoverEffect  inflex coldir both"
-                      data-id="iconContainer"
-                      data-ishtml="false"
-                      data-selector-id="iconButton"
-                      data-test-id="iconContainer"
-                    >
-                      <i
-                        aria-hidden="true"
-                        class="zd_font_icons basic icon-newLink    "
-                        data-id="fontIcon"
-                        data-selector-id="fontIcon"
-                        data-test-id="fontIcon"
-                        style="--zd-iconfont-size: var(--zd_font_size16);"
-                      />
-                    </div>
-                  </a>
-                </div>
                 <div
                   class="menu"
                 >
@@ -241,14 +188,6 @@ exports[`AttachmentViewer rendering the when isActive is true  1`] = `
                       class="loader"
                     />
                   </div>
-                  <img
-                    alt="Preview"
-                    class=" hide img  imgMaxFullSize "
-                    data-id="attachViewer"
-                    data-test-id="attachViewer"
-                    id="img0"
-                    src="https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG"
-                  />
                 </div>
               </div>
             </div>
@@ -298,7 +237,7 @@ exports[`AttachmentViewer rendering the when isActive is true  1`] = `
                 data-test-id="containerComponent"
               >
                 <div
-                  class="imgItem selected   shrinkOff"
+                  class="imgItem selected shrinkOff"
                   data-id="attachPreviewList"
                   data-selector-id="box"
                   data-test-id="attachPreviewList"
@@ -313,16 +252,9 @@ exports[`AttachmentViewer rendering the when isActive is true  1`] = `
                       class="loader"
                     />
                   </div>
-                  <img
-                    alt="slack0.jpg"
-                    class=" hide image imgMaxFullSize "
-                    data-id="AttachmentImage"
-                    data-test-id="AttachmentImage"
-                    src="https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG"
-                  />
                 </div>
                 <div
-                  class="imgItem    shrinkOff"
+                  class="imgItem  shrinkOff"
                   data-id="attachPreviewList"
                   data-selector-id="box"
                   data-test-id="attachPreviewList"
@@ -337,16 +269,9 @@ exports[`AttachmentViewer rendering the when isActive is true  1`] = `
                       class="loader"
                     />
                   </div>
-                  <img
-                    alt="slack1.jpg"
-                    class=" hide image imgMaxFullSize "
-                    data-id="AttachmentImage"
-                    data-test-id="AttachmentImage"
-                    src="https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg"
-                  />
                 </div>
                 <div
-                  class="imgItem    shrinkOff"
+                  class="imgItem  shrinkOff"
                   data-id="attachPreviewList"
                   data-selector-id="box"
                   data-test-id="attachPreviewList"
@@ -361,16 +286,9 @@ exports[`AttachmentViewer rendering the when isActive is true  1`] = `
                       class="loader"
                     />
                   </div>
-                  <img
-                    alt="slack2.jpg"
-                    class=" hide image imgMaxFullSize "
-                    data-id="AttachmentImage"
-                    data-test-id="AttachmentImage"
-                    src="https://wallpapercave.com/wp/wp3913900.jpg"
-                  />
                 </div>
                 <div
-                  class="imgItem    shrinkOff"
+                  class="imgItem  shrinkOff"
                   data-id="attachPreviewList"
                   data-selector-id="box"
                   data-test-id="attachPreviewList"
@@ -385,16 +303,9 @@ exports[`AttachmentViewer rendering the when isActive is true  1`] = `
                       class="loader"
                     />
                   </div>
-                  <img
-                    alt="slack3.jpg"
-                    class=" hide image imgMaxFullSize "
-                    data-id="AttachmentImage"
-                    data-test-id="AttachmentImage"
-                    src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg"
-                  />
                 </div>
                 <div
-                  class="imgItem    shrinkOff"
+                  class="imgItem  shrinkOff"
                   data-id="attachPreviewList"
                   data-selector-id="box"
                   data-test-id="attachPreviewList"
@@ -409,16 +320,9 @@ exports[`AttachmentViewer rendering the when isActive is true  1`] = `
                       class="loader"
                     />
                   </div>
-                  <img
-                    alt="slack4.jpg"
-                    class=" hide image imgMaxFullSize "
-                    data-id="AttachmentImage"
-                    data-test-id="AttachmentImage"
-                    src="https://wallpapercave.com/wp/wp3913900.jpg"
-                  />
                 </div>
                 <div
-                  class="imgItem    shrinkOff"
+                  class="imgItem  shrinkOff"
                   data-id="attachPreviewList"
                   data-selector-id="box"
                   data-test-id="attachPreviewList"
@@ -433,28 +337,23 @@ exports[`AttachmentViewer rendering the when isActive is true  1`] = `
                       class="loader"
                     />
                   </div>
-                  <img
-                    alt="slack5.jpg"
-                    class=" hide image imgMaxFullSize "
-                    data-id="AttachmentImage"
-                    data-test-id="AttachmentImage"
-                    src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg"
-                  />
                 </div>
                 <div
-                  class="imgItem   isAudio shrinkOff"
+                  class="imgItem  shrinkOff"
                   data-id="attachPreviewList"
                   data-selector-id="box"
                   data-test-id="attachPreviewList"
                   data-title="slack5.mp3"
                 >
-                  <img
-                    alt="slack5.mp3"
-                    class="  image imgMaxFullSize "
-                    data-id="AttachmentImage"
-                    data-test-id="AttachmentImage"
-                    src="https://www.w3schools.com/html/horse.mp3"
-                  />
+                  <div
+                    class="spinLoad"
+                    data-id="AttachmentImage_loader"
+                    data-test-id="AttachmentImage_loader"
+                  >
+                    <div
+                      class="loader"
+                    />
+                  </div>
                 </div>
               </div>
             </div>

package/es/AttachmentViewer/props/defaultProps.js

@@ -1,5 +1,9 @@
 export const AttachmentImage_defaultProps = {
-  dataId: 'AttachmentImage'
+  dataId: 'AttachmentImage',
+  customClass: {
+    customImageClass: '',
+    customChildrenClass: ''
+  }
 };
 export const AttachmentViewer_defaultProps = {
   responsiveId: "Helmet",

package/es/AttachmentViewer/props/propTypes.js

@@ -1,14 +1,18 @@
 import PropTypes from 'prop-types';
 export const AttachmentImage_propTypes = {
   alt: PropTypes.string,
-  className: PropTypes.string,
+  customClass: PropTypes.shape({
+    customImageClass: PropTypes.string,
+    customChildrenClass: PropTypes.string
+  }),
   dataId: PropTypes.string,
   id: PropTypes.string,
   isCover: PropTypes.bool,
-  isImage: PropTypes.string,
   onClick: PropTypes.func,
   onLoad: PropTypes.func,
-  src: PropTypes.string
+  onError: PropTypes.func,
+  src: PropTypes.string,
+  children: PropTypes.node
 };
 export const AttachmentViewer_propTypes = {
   hideAttachmentViewer: PropTypes.func,

package/es/AttachmentViewer/utils.js

@@ -1,3 +1,4 @@
+import { isAudioFile } from "./Attachment";
 export class Zoom {
   constructor() {
     const matrix = [1, 0, 0, 1, 0, 0]; // current view transform
@@ -104,4 +105,52 @@ export class ZoomEvent {
     event.preventDefault();
   }
 
+}
+export function checkImageValidity(src) {
+  return new Promise(resolve => {
+    const img = new Image();
+    img.src = src;
+
+    img.onload = () => {
+      resolve(true);
+    };
+
+    img.onerror = () => {
+      resolve(false);
+    };
+  });
+}
+export function checkAudioUrlValidity(url) {
+  return new Promise(resolve => {
+    const audio = new Audio(url);
+
+    audio.oncanplaythrough = () => {
+      resolve(true);
+    };
+
+    audio.onerror = () => {
+      resolve(false);
+    };
+  });
+}
+;
+export function checkFileSourcesValidation(_ref) {
+  let {
+    fileName,
+    viewURL
+  } = _ref;
+
+  if (isAudioFile(fileName)) {
+    const audioValidityPromise = checkAudioUrlValidity(viewURL);
+    return audioValidityPromise.then(isURLValid => ({
+      isViewURLValid: isURLValid,
+      canZoom: false
+    }));
+  } else {
+    const imageValidityPromise = checkImageValidity(viewURL);
+    return imageValidityPromise.then(isURLValid => ({
+      isViewURLValid: isURLValid,
+      canZoom: isURLValid
+    }));
+  }
 }

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/Drawer/Drawer.js

@@ -1,17 +1,17 @@
 import React from 'react';
-import { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from './props/defaultProps';
-import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from './props/propTypes';
-import FreezeLayer from '../FreezeLayer/FreezeLayer';
+import { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from "./props/defaultProps";
+import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from "./props/propTypes";
+import FreezeLayer from "../FreezeLayer/FreezeLayer";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { Card, CardHeader, CardContent } from '@zohodesk/components/lib/Card';
-import FormAction from '../FormAction/FormAction';
+import FormAction from "../FormAction/FormAction";
 import VelocityAnimationGroup from '@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
 import { ResponsiveSender, ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import Heading from '@zohodesk/components/lib/Heading/Heading';
-import IconButton from '../IconButton/IconButton';
+import IconButton from "../IconButton/IconButton";
 import { Icon } from '@zohodesk/icons';
 import { getZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
-import style from './Drawer.module.css';
+import style from "./Drawer.module.css";
 import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
 export class Header extends React.Component {
   render() {

package/es/Drawer/__tests__/Drawer.spec.js

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

package/es/Drawer/index.js

@@ -1 +1 @@
-export { Header, Content, Footer, default as Drawer } from './Drawer';
+export { Header, Content, Footer, default as Drawer } from "./Drawer";

package/es/ExternalLink/ExternalLink.js

@@ -1,10 +1,10 @@
 /**** Libraries ****/
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** CSS ****/
 
-import style from './ExternalLink.module.css';
+import style from "./ExternalLink.module.css";
 export default class ExternalLink extends React.Component {
   addHttp(url) {
     const regEx = new RegExp(/(^(ftp|https|mailto|tel|http|simplehelp|dynamicsnav?):)/i);

package/es/ExternalLink/__tests__/ExternalLink.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import ExternalLink from '../ExternalLink';
+import ExternalLink from "../ExternalLink";
 describe('ExternalLink', () => {
   const target = ['_blank', '_self'];
   test('renders with default props', () => {

package/es/FlipCard/FlipCard.js

@@ -1,14 +1,14 @@
 import React, { Component } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import AvatarUser from '../avatar/AvatarUser/AvatarUser';
-import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import AvatarUser from "../avatar/AvatarUser/AvatarUser";
+import AvatarIcon from "../avatar/AvatarIcon/AvatarIcon";
 import CheckBox from '@zohodesk/components/lib/CheckBox/CheckBox';
 import { Container } from '@zohodesk/components/lib/Layout';
-import ChannelIcon from '../ChannelIcon/ChannelIcon';
+import ChannelIcon from "../ChannelIcon/ChannelIcon";
 import AvatarSize from '@zohodesk/components/lib/Provider/AvatarSize';
-import style from './FlipCard.module.css';
-import { stopBubbling } from '../utils/General';
+import style from "./FlipCard.module.css";
+import { stopBubbling } from "../utils/General";
 export default class FlipCard extends Component {
   constructor(props) {
     super(props);

package/es/FlipCard/__tests__/FlipCard.spec.js

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

package/es/FormAction/FormAction.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import style from './FormAction.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import style from "./FormAction.module.css";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 export const LeftSide = props => {
   props.children;

package/es/FormAction/__tests__/FormAction.spec.js

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

package/es/FreezeLayer/FreezeLayer.js

@@ -1,13 +1,13 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Container } from '@zohodesk/components/lib/Layout';
 import { mergeStyle } from '@zohodesk/utils';
 import VelocityAnimationGroup from '@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
 import { useZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
-import cssJSLogic from './css/cssJSLogic';
-import useFreezeLayer from '../Hooks/useFreezeLayer';
-import style from './css/FreezeLayer.module.css';
+import cssJSLogic from "./css/cssJSLogic";
+import useFreezeLayer from "../Hooks/useFreezeLayer";
+import style from "./css/FreezeLayer.module.css";
 export default function FreezeLayer(props) {
   let {
     isActive: propsActive,

package/es/FreezeLayer/__tests__/FreezeLayer.spec.js

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

package/es/FreezeLayer/index.js

@@ -1,2 +1,2 @@
-export { default as FreezeLayer } from './FreezeLayer';
-export { default as FreezeLayerPropTypes } from './props/propTypes';
+export { default as FreezeLayer } from "./FreezeLayer";
+export { default as FreezeLayerPropTypes } from "./props/propTypes";