@zohoim/chat-components 1.1.4 → 1.1.5

package/es/Theme/ThemeWrapper.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 /** ** Libraries *** */
 import React, { useMemo, useCallback } from 'react';
 /** ** Providers *** */
@@ -5,23 +7,23 @@ import React, { useMemo, useCallback } from 'react';
 import ThemeContext from '@zohoim/chat-components-hooks/es/Theme/ThemeContext';
 /** ** Constants *** */
 
-import themeWrapperPropTypes from "./props/propTypes";
-import themeWrapperDefaultProps from "./props/defaultProps";
+import themeWrapperPropTypes from './props/propTypes';
+import themeWrapperDefaultProps from './props/defaultProps';
 import { styleTagId } from '@zohoim/chat-components-utils/es/constants/themeConstants';
-import { MSG_ACTION_POPUP_PORTAL, EDITOR_POPUP_PORTAL, EDITOR_POPUP_TARGET_PORTAL } from "../constants";
+import { MSG_ACTION_POPUP_PORTAL, EDITOR_POPUP_PORTAL, EDITOR_POPUP_TARGET_PORTAL } from '../constants';
 /** ** Components *** */
 
-import ThemeAssets from "./ThemeAssets";
-import TooltipWrapper from "./TooltipWrapper";
+import ThemeAssets from './ThemeAssets';
+import TooltipWrapper from './TooltipWrapper';
 import { Container } from '@zohodesk/components/es/Layout';
 /** ** Methods *** */
 
-import getThemeConfigurations from "./utils/getThemeConfigurations";
-import getCustomizedCssVariables from "./utils/getCustomizedCssVariables";
-import getWrapperDivProps from "./utils/getWrapperDivProps";
+import getThemeConfigurations from './utils/getThemeConfigurations';
+import getCustomizedCssVariables from './utils/getCustomizedCssVariables';
+import getWrapperDivProps from './utils/getWrapperDivProps';
 /** ** Fonts *** */
 
-import "../Fonts/puviFont.module.css";
+import '../Fonts/puviFont.module.css';
 export default function ThemeWrapper(props) {
   const {
     children,
@@ -86,14 +88,14 @@ export default function ThemeWrapper(props) {
       mode: propMode,
       direction
     }
-  }, /*#__PURE__*/React.createElement("div", {
-    id: styleTagId,
-    ...wrapperDivProps,
+  }, /*#__PURE__*/React.createElement("div", _extends({
+    id: styleTagId
+  }, wrapperDivProps, {
     style: {
       width: '100%',
       height: '100%'
     }
-  }, renderStyle(), /*#__PURE__*/React.createElement(Container, {
+  }), renderStyle(), /*#__PURE__*/React.createElement(Container, {
     eleRef: containerRef
   }, children), renderPortal(), renderAssets()));
 }

package/es/Theme/TooltipWrapper.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 /** ** Libraries *** */
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -15,7 +17,7 @@ import { setLibraryConfig, getLibraryConfig } from '@zohodesk/components/es/Prov
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** Styles *** */
 
-import style from "./css/TooltipWrapper.module.css";
+import style from './css/TooltipWrapper.module.css';
 export default function TooltipWrapper(props) {
   const {
     getContainerRef,
@@ -73,10 +75,9 @@ export default function TooltipWrapper(props) {
   const newStyle = useMergeStyle(style, customStyle);
   return /*#__PURE__*/React.createElement("div", {
     className: newStyle.tooltipWrapper
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    ref: tooltipRef,
-    ...props
-  }));
+  }, /*#__PURE__*/React.createElement(Tooltip, _extends({
+    ref: tooltipRef
+  }, props)));
 }
 TooltipWrapper.propTypes = {
   customStyle: PropTypes.object,

package/es/Theme/index.js

@@ -1 +1 @@
-export { default as ThemeWrapper } from "./ThemeWrapper";
+export { default as ThemeWrapper } from './ThemeWrapper';

package/es/Theme/utils/combineConfigurations.js

@@ -1,4 +1,4 @@
-import flatVariables from "./flatVariables";
+import flatVariables from './flatVariables';
 export default function combineConfigurations(configurations) {
   const configs = configurations.map(configuration => ({
     library: configuration.library,

package/es/Theme/utils/getCustomizedCssVariables.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-param-reassign */
 
 /** ** Methods *** */
-import combineConfigurations from "./combineConfigurations";
+import combineConfigurations from './combineConfigurations';
 export default function getCustomizedCssVariables(cssVariableConfigs) {
   let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '--lib_';
   const newConfiguration = combineConfigurations(cssVariableConfigs);

package/es/Video/Video.js

@@ -6,11 +6,11 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 import useMedia from '@zohoim/chat-components-hooks/es/Media/useMedia';
 /** ** Constants *** */
 
-import videoDefaultProps from "./props/defaultProps";
-import videoPropTypes from "./props/propTypes";
+import videoDefaultProps from './props/defaultProps';
+import videoPropTypes from './props/propTypes';
 /** ** Styles *** */
 
-import style from "./css/Video.module.css";
+import style from './css/Video.module.css';
 export default function Video(props) {
   const {
     customStyle,

package/es/Video/index.js

@@ -1 +1 @@
-export { default as Video } from "./Video";
+export { default as Video } from './Video';

package/es/VideoBubble/VideoBubble.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 /** ** Libraries *** */
 import React, { useCallback } from 'react';
 /** ** Hooks *** */
@@ -5,20 +7,20 @@ import React, { useCallback } from 'react';
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import videoBubbleDefaultProps from "./props/defaultProps";
-import videoBubblePropTypes from "./props/propTypes";
+import videoBubbleDefaultProps from './props/defaultProps';
+import videoBubblePropTypes from './props/propTypes';
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** Styles *** */
 
-import style from "./css/VideoBubble.module.css";
+import style from './css/VideoBubble.module.css';
 /** ** Components *** */
 
 import { Box } from '@zohodesk/components/es/Layout';
-import MediaBubbleWrapper from "../MediaBubbleWrapper/MediaBubbleWrapper";
-import Video from "../Video/Video";
+import MediaBubbleWrapper from '../MediaBubbleWrapper/MediaBubbleWrapper';
+import Video from '../Video/Video';
 /** ** Methods *** */
 
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 export default function VideoBubble(props) {
   const {
     customStyle,
@@ -47,18 +49,17 @@ export default function VideoBubble(props) {
     } = _ref;
     return /*#__PURE__*/React.createElement(Box, {
       className: videoBubbleClass
-    }, /*#__PURE__*/React.createElement(Video, {
+    }, /*#__PURE__*/React.createElement(Video, _extends({
       fileType: fileType,
-      fileURL: fileURL,
-      ...videoProps
-    }));
+      fileURL: fileURL
+    }, videoProps)));
   }, [videoProps, videoBubbleClass]);
-  return /*#__PURE__*/React.createElement(MediaBubbleWrapper, {
+  return /*#__PURE__*/React.createElement(MediaBubbleWrapper, _extends({
     mediaDetails: videoDetails,
-    renderMedia: renderMedia,
-    ...mediaBubbleWrapperProps,
+    renderMedia: renderMedia
+  }, mediaBubbleWrapperProps, {
     isFailed: isFailed
-  });
+  }));
 }
 VideoBubble.propTypes = videoBubblePropTypes;
 VideoBubble.defaultProps = videoBubbleDefaultProps;

package/es/VideoBubble/index.js

@@ -1 +1 @@
-export { default as VideoBubble } from "./VideoBubble";
+export { default as VideoBubble } from './VideoBubble';

package/es/icons/create-icon-components.js

@@ -5,7 +5,7 @@ const path = require('path');
 
 const fs = require('fs');
 
-const templateList = require("./icon.template");
+const templateList = require('./icon.template');
 
 const jsdom = require('jsdom');
 

package/es/icons/iconSrc/attachments/Audio.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
     xmlns: "http://www.w3.org/2000/svg",

package/es/icons/iconSrc/attachments/Code.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
     xmlns: "http://www.w3.org/2000/svg",

package/es/icons/iconSrc/attachments/Image.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
     xmlns: "http://www.w3.org/2000/svg",

package/es/icons/iconSrc/attachments/Pdf.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
     xmlns: "http://www.w3.org/2000/svg",

package/es/icons/iconSrc/attachments/Ppt.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 30.52 30.27"

package/es/icons/iconSrc/attachments/Text.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
     xmlns: "http://www.w3.org/2000/svg",

package/es/icons/iconSrc/attachments/Txt.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
     xmlns: "http://www.w3.org/2000/svg",

package/es/icons/iconSrc/attachments/Unknown.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
     xmlns: "http://www.w3.org/2000/svg",

package/es/icons/iconSrc/attachments/Video.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
     xmlns: "http://www.w3.org/2000/svg",

package/es/icons/iconSrc/attachments/Xls.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 30 30.27"

package/es/icons/iconSrc/attachments/Zip.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
     xmlns: "http://www.w3.org/2000/svg",

package/es/icons/iconSrc/attachments/index.js

@@ -1,10 +1,10 @@
-export { default as Audio } from "./Audio";
-export { default as Code } from "./Code";
-export { default as Image } from "./Image";
-export { default as Pdf } from "./Pdf";
-export { default as Ppt } from "./Ppt";
-export { default as Text } from "./Text";
-export { default as Unknown } from "./Unknown";
-export { default as Video } from "./Video";
-export { default as Xls } from "./Xls";
-export { default as Zip } from "./Zip";
+export { default as Audio } from './Audio';
+export { default as Code } from './Code';
+export { default as Image } from './Image';
+export { default as Pdf } from './Pdf';
+export { default as Ppt } from './Ppt';
+export { default as Text } from './Text';
+export { default as Unknown } from './Unknown';
+export { default as Video } from './Video';
+export { default as Xls } from './Xls';
+export { default as Zip } from './Zip';

package/es/icons/iconSrc/common/AlertTriangle.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 29 29",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"

package/es/icons/iconSrc/common/Article.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "article",
     viewBox: "0 0 32 32"
   }, " ", /*#__PURE__*/React.createElement("path", {

package/es/icons/iconSrc/common/Reply.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "reply",
     viewBox: "0 0 40 40"
   }, " ", /*#__PURE__*/React.createElement("path", {

package/es/icons/iconSrc/common/index.js

@@ -1,3 +1,3 @@
-export { default as AlertTriangle } from "./AlertTriangle";
-export { default as Article } from "./Article";
-export { default as Reply } from "./Reply";
+export { default as AlertTriangle } from './AlertTriangle';
+export { default as Article } from './Article';
+export { default as Reply } from './Reply';

package/es/icons/iconSrc/messageStatus/Clock.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "IM_clock",
     viewBox: "0 0 64 64"
   }, " ", /*#__PURE__*/React.createElement("path", {

package/es/icons/iconSrc/messageStatus/DoubleTick.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "IM_doubleTick",
     viewBox: "0 0 64 64"
   }, " ", /*#__PURE__*/React.createElement("polygon", {

package/es/icons/iconSrc/messageStatus/Failed.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "IM_failed",
     viewBox: "0 0 64 64"
   }, " ", /*#__PURE__*/React.createElement("path", {

package/es/icons/iconSrc/messageStatus/Tick.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "IM_tick",
     viewBox: "0 0 64 64"
   }, " ", /*#__PURE__*/React.createElement("polygon", {

package/es/icons/iconSrc/messageStatus/index.js

@@ -1,4 +1,4 @@
-export { default as Clock } from "./Clock";
-export { default as DoubleTick } from "./DoubleTick";
-export { default as Failed } from "./Failed";
-export { default as Tick } from "./Tick";
+export { default as Clock } from './Clock';
+export { default as DoubleTick } from './DoubleTick';
+export { default as Failed } from './Failed';
+export { default as Tick } from './Tick';

package/es/im/ArticleBubble/ArticleBubble.js

@@ -6,20 +6,20 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 import useArticleBubble from '@zohoim/chat-components-hooks/es/im/ArticleBubble/useArticleBubble';
 /** ** Constants *** */
 
-import articleBubbleDefaultProps from "./props/defaultProps";
-import articleBubblePropTypes from "./props/propTypes";
+import articleBubbleDefaultProps from './props/defaultProps';
+import articleBubblePropTypes from './props/propTypes';
 /** ** Components *** */
 
 import { Container, Box } from '@zohodesk/components/es/Layout';
 /** ** Styles *** */
 
-import style from "./css/ArticleBubble.module.css";
+import style from './css/ArticleBubble.module.css';
 /** ** Icons *** */
 
-import ArticleIcon from "../../icons/iconSrc/common/Article";
+import ArticleIcon from '../../icons/iconSrc/common/Article';
 /** ** Methods *** */
 
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 export default function ArticleBubble(props) {
   const {
     customStyle,

package/es/im/ArticleBubble/index.js

@@ -1 +1 @@
-export { default as ArticleBubble } from "./ArticleBubble";
+export { default as ArticleBubble } from './ArticleBubble';

package/es/im/IMAttachmentHandler/IMAttachmentHandler.js

@@ -1,15 +1,17 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 /** ** Libraries *** */
 import React from 'react';
 /** ** Components *** */
 
-import AttachmentHandler from "../../AttachmentHandler/AttachmentHandler";
+import AttachmentHandler from '../../AttachmentHandler/AttachmentHandler';
 /** ** Hooks *** */
 
 import useIMAttachmentHandler from '@zohoim/chat-components-hooks/es/im/IMAttachmentHandler/useIMAttachmentHandler';
 /** ** Constants *** */
 
-import imAttachmentHandlerDefaultProps from "./props/defaultProps";
-import imAttachmentHandlerPropTypes from "./props/propTypes";
+import imAttachmentHandlerDefaultProps from './props/defaultProps';
+import imAttachmentHandlerPropTypes from './props/propTypes';
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 export default function IMAttachmentHandler(props) {
   const {
@@ -34,16 +36,15 @@ export default function IMAttachmentHandler(props) {
     attachmentType,
     integrationService
   });
-  return /*#__PURE__*/React.createElement(AttachmentHandler, {
+  return /*#__PURE__*/React.createElement(AttachmentHandler, _extends({
     iconName: iconName,
     iconSize: iconSize,
     iconTitle: iconTitle,
     isMultiAttachment: isMultiAttachment,
     onAttach: onAttach,
     renderCustomIcon: renderCustomIcon,
-    supportedFileTypes: supportedTypes,
-    ...attachmentHandlerProps
-  });
+    supportedFileTypes: supportedTypes
+  }, attachmentHandlerProps));
 }
 IMAttachmentHandler.propTypes = imAttachmentHandlerPropTypes;
 IMAttachmentHandler.defaultProps = imAttachmentHandlerDefaultProps;

package/es/im/IMAttachmentHandler/index.js

@@ -1 +1 @@
-export { default as IMAttachmentHandler } from "./IMAttachmentHandler";
+export { default as IMAttachmentHandler } from './IMAttachmentHandler';

package/es/im/IMIntegrationIcon/IMIntegrationIcon.js

@@ -3,15 +3,15 @@ import React, { useCallback } from 'react';
 import Icon from '@zohodesk/icons/es/Icon';
 /** ** CSS *** */
 
-import style from "./css/IMIntegrationIcon.module.css";
+import style from './css/IMIntegrationIcon.module.css';
 /** ** Methods *** */
 
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 /** ** Constants *** */
 
-import imIntegrationIconDefaultProps from "./props/defaultProps";
-import imIntegrationIconPropTypes from "./props/propTypes";
+import imIntegrationIconDefaultProps from './props/defaultProps';
+import imIntegrationIconPropTypes from './props/propTypes';
 import integrationConstants from '@zohoim/chat-components-utils/es/imUtils/constants/integrationConstants';
 const {
   WHATSAPP,

package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css

@@ -1,8 +1,8 @@
 .varClass {
-  --integrationIcon-small_height: var(--zd_size20);
-  --integrationIcon-small_width: var(--zd_size20);
-  --integrationIcon-medium_height: var(--zd_size26);
-  --integrationIcon-medium_width: var(--zd_size26);
+  --integrationIcon-small_height: 20px;
+  --integrationIcon-small_width: 20px;
+  --integrationIcon-medium_height: 26px;
+  --integrationIcon-medium_width: 26px;
 }
 
 .integrationIcon {

package/es/im/IMIntegrationIcon/index.js

@@ -1 +1 @@
-export { default as IMIntegrationIcon } from "./IMIntegrationIcon";
+export { default as IMIntegrationIcon } from './IMIntegrationIcon';