@zohodesk/dot 1.0.0-temp-197.3 → 1.0.0-temp-195.2

package/es/setup/header/Link/__tests__/Link.spec.js

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

package/es/setup/header/Search/Search.js

@@ -1,9 +1,9 @@
 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 { Icon } from '@zohodesk/icons';
 import TextBox from '@zohodesk/components/lib/TextBox/TextBox';
-import style from './Search.module.css';
+import style from "./Search.module.css";
 export default class Search extends React.Component {
   constructor(props) {
     super(props);

package/es/setup/header/Search/__tests__/Search.spec.js

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

package/es/setup/header/Views/Views.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import style from './Views.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import style from "./Views.module.css";
 import { Icon } from '@zohodesk/icons';
 export default class Views extends React.Component {
   constructor(props) {

package/es/setup/header/Views/__tests__/Views.spec.js

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

package/es/setup/header/index.js

@@ -1,4 +1,4 @@
-export { default as Button } from './Button/Button';
-export { default as Link } from './Link/Link';
-export { default as Search } from './Search/Search';
-export { default as Views } from './Views/Views';
+export { default as Button } from "./Button/Button";
+export { default as Link } from "./Link/Link";
+export { default as Search } from "./Search/Search";
+export { default as Views } from "./Views/Views";

package/es/setup/helptips/Description/Description.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { propTypes } from './props/propTypes';
-import style from './HelpTipsDescription.module.css';
+import { propTypes } from "./props/propTypes";
+import style from "./HelpTipsDescription.module.css";
 export default class Description extends React.Component {
   constructor(props) {
     super(props);

package/es/setup/helptips/Description/__tests__/Description.spec.js

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

package/es/setup/helptips/Link/Link.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { propTypes } from './props/propTypes';
-import style from './HelpTipsLink.module.css';
-import ExternalLink from '../../../ExternalLink/ExternalLink';
+import { propTypes } from "./props/propTypes";
+import style from "./HelpTipsLink.module.css";
+import ExternalLink from "../../../ExternalLink/ExternalLink";
 export default class Link extends React.Component {
   constructor(props) {
     super(props);

package/es/setup/helptips/Link/__tests__/Link.spec.js

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

package/es/setup/helptips/ListGroup/ListGroup.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { propTypes } from './props/propTypes';
-import style from './ListGroup.module.css';
+import { propTypes } from "./props/propTypes";
+import style from "./ListGroup.module.css";
 export default class ListGroup extends React.Component {
   constructor(props) {
     super(props);

package/es/setup/helptips/ListGroup/__tests__/ListGroup.spec.js

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

package/es/setup/helptips/Title/Title.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { propTypes } from './props/propTypes';
-import style from './HelpTipsTitle.module.css';
+import { propTypes } from "./props/propTypes";
+import style from "./HelpTipsTitle.module.css";
 export default class Title extends React.Component {
   constructor(props) {
     super(props);

package/es/setup/helptips/Title/__tests__/Title.spec.js

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

package/es/setup/helptips/index.js

@@ -1,4 +1,4 @@
-export { default as Description } from './Description/Description';
-export { default as Link } from './Link/Link';
-export { default as ListGroup } from './ListGroup/ListGroup';
-export { default as Title } from './Title/Title';
+export { default as Description } from "./Description/Description";
+export { default as Link } from "./Link/Link";
+export { default as ListGroup } from "./ListGroup/ListGroup";
+export { default as Title } from "./Title/Title";

package/es/setup/index.js

@@ -1,6 +1,6 @@
-import * as _header from './header';
+import * as _header from "./header";
 export { _header as header };
-import * as _helptips from './helptips';
+import * as _helptips from "./helptips";
 export { _helptips as helptips };
-import * as _table from './table';
+import * as _table from "./table";
 export { _table as table };

package/es/setup/table/Table/Table.js

@@ -1,6 +1,6 @@
 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';
 export default class Table extends React.Component {
   render() {

package/es/setup/table/Table/__tests__/Table.spec.js

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

package/es/setup/table/TableBody/TableBody.js

@@ -1,6 +1,6 @@
 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 { Box } from '@zohodesk/components/lib/Layout';
 export default class TableBody extends React.Component {
   render() {

package/es/setup/table/TableBody/__tests__/TableBody.spec.js

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

package/es/setup/table/TableData/TableData.js

@@ -1,8 +1,8 @@
 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 { Box } from '@zohodesk/components/lib/Layout';
-import style from './SetupTableData.module.css';
+import style from "./SetupTableData.module.css";
 export default class TableData extends React.Component {
   constructor(props) {
     super(props);

package/es/setup/table/TableData/__tests__/TableData.spec.js

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

package/es/setup/table/TableHead/TableHead.js

@@ -1,8 +1,8 @@
 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, Box } from '@zohodesk/components/lib/Layout';
-import style from './SetupTableHead.module.css';
+import style from "./SetupTableHead.module.css";
 export default class TableHead extends React.Component {
   constructor(props) {
     super(props);

package/es/setup/table/TableHead/__tests__/TableHead.spec.js

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

package/es/setup/table/TableRow/TableRow.js

@@ -1,8 +1,8 @@
 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 style from './SetupTableRow.module.css';
+import style from "./SetupTableRow.module.css";
 export default class TableRow extends React.Component {
   constructor(props) {
     super(props);

package/es/setup/table/TableRow/__tests__/TableRow.spec.js

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

package/es/setup/table/Text/Text.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import Link from '../../../Link/Link';
-import style from './TableText.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import Link from "../../../Link/Link";
+import style from "./TableText.module.css";
 export default class Text extends React.Component {
   render() {
     let {

package/es/setup/table/Text/__tests__/Text.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Text from '../Text';
+import Text from "../Text";
 describe('Text', () => {
   const type = ['bold', 'semiBold', 'heading'];
   test('rendering the defult props', () => {

package/es/setup/table/index.js

@@ -1,5 +1,5 @@
-export { default as Table } from './Table/Table';
-export { default as TableBody } from './TableBody/TableBody';
-export { default as TableData } from './TableData/TableData';
-export { default as TableHead } from './TableHead/TableHead';
-export { default as TableRow } from './TableRow/TableRow';
+export { default as Table } from "./Table/Table";
+export { default as TableBody } from "./TableBody/TableBody";
+export { default as TableData } from "./TableData/TableData";
+export { default as TableHead } from "./TableHead/TableHead";
+export { default as TableRow } from "./TableRow/TableRow";

package/es/svg/PlusIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PlusIcon_defaultProps } from './props/defaultProps';
-import { PlusIcon_propTypes } from './props/propTypes';
+import { PlusIcon_defaultProps } from "./props/defaultProps";
+import { PlusIcon_propTypes } from "./props/propTypes";
 import SVG from '@zohodesk/svg/lib/SVG/SVG';
 export default class PlusIcon extends React.Component {
   render() {

package/es/svg/SnippetIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { SnippetIcon_defaultProps } from './props/defaultProps';
-import { SnippetIcon_propTypes } from './props/propTypes';
+import { SnippetIcon_defaultProps } from "./props/defaultProps";
+import { SnippetIcon_propTypes } from "./props/propTypes";
 import SVG from '@zohodesk/svg/lib/SVG/SVG';
 export default class SnippetIcon extends React.Component {
   render() {

package/es/svg/TemplateIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TemplateIcon_defaultProps } from './props/defaultProps';
-import { TemplateIcon_propTypes } from './props/propTypes';
+import { TemplateIcon_defaultProps } from "./props/defaultProps";
+import { TemplateIcon_propTypes } from "./props/propTypes";
 import SVG from '@zohodesk/svg/lib/SVG/SVG';
 export default class TemplateIcon extends React.Component {
   render() {

package/es/svg/__tests__/PlusIcon.spec.js

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

package/es/svg/__tests__/SnippetIcon.spec.js

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

package/es/svg/__tests__/TemplateIcon.spec.js

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

package/es/svg/index.js

@@ -1,3 +1,3 @@
-export { default as PlusIcon } from './PlusIcon';
-export { default as SnippetIcon } from './SnippetIcon';
-export { default as TemplateIcon } from './TemplateIcon';
+export { default as PlusIcon } from "./PlusIcon";
+export { default as SnippetIcon } from "./SnippetIcon";
+export { default as TemplateIcon } from "./TemplateIcon";

package/es/utils/editorUtils.js

@@ -1,4 +1,5 @@
-// editorUtils
+const ATTACHMENT_FILE_NAME_SIZE_LIMIT = 200; // editorUtils
+
 export function editorContentValidate(editorObj) {
   let content = editorObj && editorObj.getContent && editorObj.getContent() || '';
 
@@ -47,13 +48,12 @@ export function encodeForHtml(str) {
   return str;
 } // attachment
 
-export function isFileNameSizeInvalid(fileName, fileNameMaxCharacters) {
-  return fileName.length > fileNameMaxCharacters;
+export function isFileNameSizeInvalid(fileName) {
+  return fileName.length > ATTACHMENT_FILE_NAME_SIZE_LIMIT;
 }
-export function isImageFormat(fileName, allowedFileExtensions) {
+export function isImageFormat(fileName) {
   let extension = getExtensionFromFileName(fileName);
-  const isValidExtension = allowedFileExtensions.includes(extension);
-  return isValidExtension;
+  return /jpeg|jpg|png|gif|bmp|ico/i.test(extension);
 }
 export function getExtensionFromFileName(fileName) {
   if (fileName && fileName.indexOf('.') != -1) {

package/es/v1/ActionButton/ActionButton.js

@@ -1,6 +1,6 @@
 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 Popup from '@zohodesk/components/es/v1/Popup/Popup';
 import { Icon } from '@zohodesk/icons';
 import Button from '@zohodesk/components/es/v1/Button/Button';
@@ -8,7 +8,7 @@ import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import ResponsiveDropBox from '@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox';
 import CssProvider from '@zohodesk/components/es/Provider/CssProvider';
 import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
-import style from '../../ActionButton/ActionButton.module.css';
+import style from "../../ActionButton/ActionButton.module.css";
 
 function ActionButton(props) {
   let {

package/es/v1/AlphabeticList/AlphabeticList.js

@@ -1,11 +1,11 @@
 /*** Libraries ***/
 import React, { memo } from 'react';
-import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from './props/defaultProps';
-import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from './props/propTypes';
+import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from "./props/defaultProps";
+import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 /*** CSS ***/
 
-import style from '../../AlphabeticList/AlphabeticList.module.css';
+import style from "../../AlphabeticList/AlphabeticList.module.css";
 const AlphabeticListItemMemo = /*#__PURE__*/memo(AlphabeticListItem);
 
 function AlphabeticList(props) {

package/es/v1/Attachment/Attachment.js

@@ -1,13 +1,13 @@
 /**** 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";
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import Link from '../Link/Link';
+import Link from "../Link/Link";
 /**** CSS ****/
 
-import style from '../../Attachment/Attachment.module.css';
+import style from "../../Attachment/Attachment.module.css";
 
 const Attachment = props => {
   const {

package/es/v1/AttachmentViewer/AttachmentImage.js

@@ -2,12 +2,12 @@
 
 /** * Libraries ** */
 import React, { useRef, useEffect, useState } from 'react';
-import { AttachmentImage_defaultProps } from './props/defaultProps';
-import { AttachmentImage_propTypes } from './props/propTypes';
-import Image from '../Image/Image';
+import { AttachmentImage_defaultProps } from "./props/defaultProps";
+import { AttachmentImage_propTypes } from "./props/propTypes";
+import Image from "../Image/Image";
 /** * CSS ** */
 
-import style from '../../AttachmentViewer/AttachmentViewer.module.css';
+import style from "../../AttachmentViewer/AttachmentViewer.module.css";
 
 const AttachmentImage = props => {
   const {

package/es/v1/AttachmentViewer/AttachmentViewer.js

@@ -1,18 +1,18 @@
 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/es/v1/Layout';
 import { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
 import { ResponsiveReceiver } from '@zohodesk/components/es/Responsive/CustomResponsive';
 import { getUniqueId } from '@zohodesk/components/es/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 '../../AttachmentViewer/Attachment';
-import { shallowDiff } from '../../utils/General';
-import style from '../../AttachmentViewer/AttachmentViewer.module.css';
+import AttachmentImage from "./AttachmentImage";
+import Link from "../Link/Link";
+import IconButton from "../IconButton/IconButton";
+import FreezeLayer from "../FreezeLayer/FreezeLayer";
+import { isAudioFile, getExtensionFromFileName } from "../../AttachmentViewer/Attachment";
+import { shallowDiff } from "../../utils/General";
+import style from "../../AttachmentViewer/AttachmentViewer.module.css";
 export default class AttachmentViewer extends Component {
   constructor(props) {
     super(props);

package/es/v1/ChannelIcon/ChannelIcon.js

@@ -1,11 +1,11 @@
 import React, { Component } from 'react';
 import { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
-import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import { getChannelMappingObj } from '../utils/ChannelIconMapping';
-import style from '../../ChannelIcon/ChannelIcon.module.css';
+import AvatarIcon from "../avatar/AvatarIcon/AvatarIcon";
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import { getChannelMappingObj } from "../utils/ChannelIconMapping";
+import style from "../../ChannelIcon/ChannelIcon.module.css";
 
 const ChannelIcon = props => {
   let {

package/es/v1/Drawer/Drawer.js

@@ -1,6 +1,6 @@
 import React, { useRef } 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 { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from "./props/defaultProps";
+import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { Card, CardHeader, CardContent } from '@zohodesk/components/es/v1/Card';
 import VelocityAnimationGroup from '@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
@@ -9,10 +9,10 @@ import { Icon } from '@zohodesk/icons';
 import { useZIndex } from '@zohodesk/components/es/Provider/ZindexProvider';
 import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
 import Heading from '@zohodesk/components/es/v1/Heading/Heading';
-import FreezeLayer from '../FreezeLayer/FreezeLayer';
-import FormAction from '../FormAction/FormAction';
-import IconButton from '../IconButton/IconButton';
-import style from '../../Drawer/Drawer.module.css';
+import FreezeLayer from "../FreezeLayer/FreezeLayer";
+import FormAction from "../FormAction/FormAction";
+import IconButton from "../IconButton/IconButton";
+import style from "../../Drawer/Drawer.module.css";
 export function Header(props) {
   let {
     title,

package/es/v1/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/ExternalLink.module.css';
+import style from "../../ExternalLink/ExternalLink.module.css";
 
 const ExternalLink = props => {
   const {

package/es/v1/FlipCard/FlipCard.js

@@ -1,14 +1,14 @@
 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 CheckBox from '@zohodesk/components/es/v1/CheckBox/CheckBox';
 import { Container } from '@zohodesk/components/es/v1/Layout';
 import AvatarSize from '@zohodesk/components/es/Provider/AvatarSize';
-import ChannelIcon from '../ChannelIcon/ChannelIcon';
-import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
-import AvatarUser from '../avatar/AvatarUser/AvatarUser';
-import { stopBubbling } from '../../utils/General';
-import style from '../../FlipCard/FlipCard.module.css';
+import ChannelIcon from "../ChannelIcon/ChannelIcon";
+import AvatarIcon from "../avatar/AvatarIcon/AvatarIcon";
+import AvatarUser from "../avatar/AvatarUser/AvatarUser";
+import { stopBubbling } from "../../utils/General";
+import style from "../../FlipCard/FlipCard.module.css";
 export default function FlipCard(props) {
   let {
     id,

package/es/v1/FormAction/FormAction.js

@@ -1,8 +1,8 @@
 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, Box } from '@zohodesk/components/es/v1/Layout';
-import style from '../../FormAction/FormAction.module.css';
+import style from "../../FormAction/FormAction.module.css";
 export const LeftSide = props => {
   props.children;
 };