@zohoim/chat-components 1.1.4-beta.1 → 1.1.4-beta.2

package/es/ActionIcon/ActionIcon.js

@@ -1,8 +1,10 @@
+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, useMemo } from 'react';
 /** ** Components *** */
 
-import ActionIconWrapper from "../ActionIconWrapper/ActionIconWrapper";
+import ActionIconWrapper from '../ActionIconWrapper/ActionIconWrapper';
 /** ** Icons *** */
 // import ReplyIcon from '@zohodesk/icon/es/general/Reply';
 
@@ -11,19 +13,19 @@ import CopyIcon from '@zohodesk/icon/es/general/Copy';
 import DownloadIcon from '@zohodesk/icon/es/general/Cloud';
 import DeleteIcon from '@zohodesk/icon/es/general/Delete';
 import ForwardIcon from '@zohodesk/icon/es/channels/EmailForward';
-import ReplyIcon from "../icons/iconSrc/common/Reply";
+import ReplyIcon from '../icons/iconSrc/common/Reply';
 /** ** Hooks *** */
 
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import actionIconDefaultProps from "./props/defaultProps";
-import actionIconPropTypes from "./props/propTypes";
+import actionIconDefaultProps from './props/defaultProps';
+import actionIconPropTypes from './props/propTypes';
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 import { defaultMessageActions } from '@zohoim/chat-components-utils/es/constants/messageActionConstants';
 /** ** Styles *** */
 
-import style from "./css/ActionIcon.module.css";
+import style from './css/ActionIcon.module.css';
 const {
   REPLY,
   COPY,
@@ -67,16 +69,15 @@ export default function ActionIcon(props) {
       customStyle: iconStyle
     }) : null;
   }, [iconStyle, id]);
-  return needIconOnly ? renderIcon() : /*#__PURE__*/React.createElement(ActionIconWrapper, {
+  return needIconOnly ? renderIcon() : /*#__PURE__*/React.createElement(ActionIconWrapper, _extends({
     id: id,
     isActive: isActive,
     isDisabled: isDisabled,
     onClick: onClick,
     onMouseEnter: onMouseEnter,
     renderIcon: renderIcon,
-    title: title,
-    ...actionIconWrapperProps
-  });
+    title: title
+  }, actionIconWrapperProps));
 }
 ActionIcon.propTypes = actionIconPropTypes;
 ActionIcon.defaultProps = actionIconDefaultProps;

package/es/ActionIcon/index.js

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

package/es/ActionIconWrapper/ActionIconWrapper.js

@@ -6,15 +6,15 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 import useActionIconWrapper from '@zohoim/chat-components-hooks/es/ActionIconWrapper/useActionIconWrapper';
 /** ** Constants *** */
 
-import actionIconWrapperDefaultProps from "./props/defaultProps";
-import actionIconWrapperPropTypes from "./props/propTypes";
+import actionIconWrapperDefaultProps from './props/defaultProps';
+import actionIconWrapperPropTypes from './props/propTypes';
 /** ** Methods *** */
 
 import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 /** ** Styles *** */
 
-import style from "./css/ActionIconWrapper.module.css";
+import style from './css/ActionIconWrapper.module.css';
 export default function ActionIconWrapper(props) {
   const {
     renderIcon,

package/es/ActionIconWrapper/css/ActionIconWrapper.module.css

@@ -1,6 +1,6 @@
 .varClass {
-  --actionIconWrapper-height: var(--zd_size26);
-  --actionIconWrapper-width: var(--zd_size26);
+  --actionIconWrapper-height: 26px;
+  --actionIconWrapper-width: 26px;
   --actionIconWrapper-border: 1px;
   --actionIconWrapper-border_radius: 4px;
 }

package/es/ActionIconWrapper/index.js

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

package/es/AttachmentBubble/AttachmentBubble.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';
 /** ** Hooks *** */
@@ -6,19 +8,19 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 import useAttachmentBubble from '@zohoim/chat-components-hooks/es/AttachmentBubble/useAttachmentBubble';
 /** ** Constants *** */
 
-import attachmentBubbleDefaultProps from "./props/defaultProps";
-import attachmentBubblePropTypes from "./props/propTypes";
+import attachmentBubbleDefaultProps from './props/defaultProps';
+import attachmentBubblePropTypes from './props/propTypes';
 /** ** Styles *** */
 
-import style from "./css/AttachmentBubble.module.css";
+import style from './css/AttachmentBubble.module.css';
 /** ** Components *** */
 
-import AttachmentBubbleInfo from "../AttachmentBubbleInfo/AttachmentBubbleInfo";
-import AttachmentIcon from "../AttachmentIcon/AttachmentIcon";
+import AttachmentBubbleInfo from '../AttachmentBubbleInfo/AttachmentBubbleInfo';
+import AttachmentIcon from '../AttachmentIcon/AttachmentIcon';
 import { Container, Box } from '@zohodesk/components/es/Layout';
 /** ** Methods *** */
 
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 export default function AttachmentBubble(props) {
   const {
     customStyle,
@@ -65,21 +67,20 @@ export default function AttachmentBubble(props) {
     onClick: onClick
   }, /*#__PURE__*/React.createElement(Box, {
     className: newStyle.attachmentBubbleIcon
-  }, /*#__PURE__*/React.createElement(AttachmentIcon, {
+  }, /*#__PURE__*/React.createElement(AttachmentIcon, _extends({
     fileFormat: fileFormat,
     isDisabled: isDisabled,
     isValidAttachment: isValidAttachment,
-    mediaType: mediaType,
-    ...attachmentIconProps
-  })), /*#__PURE__*/React.createElement(Box, {
+    mediaType: mediaType
+  }, attachmentIconProps))), /*#__PURE__*/React.createElement(Box, {
     className: newStyle.attachmentBubbleContent,
     flexible: true
-  }, /*#__PURE__*/React.createElement(AttachmentBubbleInfo, {
+  }, /*#__PURE__*/React.createElement(AttachmentBubbleInfo, _extends({
     fileName: fileName,
-    fileSize: fileSize,
-    ...attachmentBubbleInfoProps,
+    fileSize: fileSize
+  }, attachmentBubbleInfoProps, {
     isFailed: isFailed
-  })));
+  }))));
 }
 AttachmentBubble.propTypes = attachmentBubblePropTypes;
 AttachmentBubble.defaultProps = attachmentBubbleDefaultProps;

package/es/AttachmentBubble/css/AttachmentBubble.module.css

@@ -41,7 +41,8 @@
 }
 
 [dir=rtl] .attachmentBubbleIcon {
-  border-left: 1px solid    var(--imlib_chat_components_attachmentBubble_border_color);
+  border-left: 1px solid
+    var(--imlib_chat_components_attachmentBubble_border_color);
 }
 
 .failedAttachmentBubble .attachmentBubbleIcon {

package/es/AttachmentBubble/index.js

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

package/es/AttachmentBubbleInfo/AttachmentBubbleInfo.js

@@ -5,17 +5,17 @@ import React from 'react';
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import attachmentBubbleInfoDefaultProps from "./props/defaultProps";
-import attachmentBubbleInfoPropTypes from "./props/propTypes";
+import attachmentBubbleInfoDefaultProps from './props/defaultProps';
+import attachmentBubbleInfoPropTypes from './props/propTypes';
 /** ** Components *** */
 
 import { Container, Box } from '@zohodesk/components/es/Layout';
 /** ** Styles *** */
 
-import style from "./css/AttachmentBubbleInfo.module.css";
+import style from './css/AttachmentBubbleInfo.module.css';
 /** ** Methods *** */
 
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 export default function AttachmentBubbleInfo(props) {
   const {
     customStyle,

package/es/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css

@@ -1,7 +1,7 @@
 .varClass {
-  --attachmentBubbleInfo-fileName_font_size: var(--zd_font_size15);
+  --attachmentBubbleInfo-fileName_font_size: 15px;
   --attachmentBubbleInfo-fileName_font_family: var(--zd_semibold);
-  --attachmentBubbleInfo-fileSize_font_size: var(--zd_font_size13);
+  --attachmentBubbleInfo-fileSize_font_size: 13px;
 }
 
 .fileName {

package/es/AttachmentBubbleInfo/index.js

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

package/es/AttachmentHandler/AttachmentHandler.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 } from 'react';
 /** ** Component *** */
@@ -11,14 +13,14 @@ import useAttachmentHandler from '@zohoim/chat-components-hooks/es/AttachmentHan
 /** ** Constants *** */
 
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
-import attachmentHandlerDefaultProps from "./props/defaultProps";
-import attachmentHandlerPropTypes from "./props/propTypes";
+import attachmentHandlerDefaultProps from './props/defaultProps';
+import attachmentHandlerPropTypes from './props/propTypes';
 /** ** Methods *** */
 
 import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
 /** ** Styles *** */
 
-import style from "./css/AttachmentHandler.module.css";
+import style from './css/AttachmentHandler.module.css';
 export default function AttachmentHandler(props) {
   const {
     customStyle,
@@ -46,16 +48,15 @@ export default function AttachmentHandler(props) {
   /* External customization */
 
   const newStyle = useMergeStyle(style, customStyle);
-  const inputEl = useMemo(() => /*#__PURE__*/React.createElement("input", {
+  const inputEl = useMemo(() => /*#__PURE__*/React.createElement("input", _extends({
     ref: getRef,
     accept: supportedFileTypes,
     hidden: true,
     multiple: isMultiAttachment,
     onChange: onAttach,
     size: "1",
-    type: "file",
-    ...inputProps
-  }), [supportedFileTypes, getRef, onAttach, isMultiAttachment, inputProps]);
+    type: "file"
+  }, inputProps)), [supportedFileTypes, getRef, onAttach, isMultiAttachment, inputProps]);
   const customIcon = useMemo(() => {
     /* Render Custom Icon */
     const icon = renderHandler(renderCustomIcon)({

package/es/AttachmentHandler/index.js

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

package/es/AttachmentIcon/AttachmentIcon.js

@@ -5,16 +5,16 @@ import React, { useMemo } from 'react';
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import attachmentIconDefaultProps from "./props/defaultProps";
-import attachmentIconPropTypes from "./props/propTypes";
+import attachmentIconDefaultProps from './props/defaultProps';
+import attachmentIconPropTypes from './props/propTypes';
 /** ** Methods *** */
 
-import cssJSLogic from "./css/cssJSLogic";
-import getAttachmentIconComponent from "./utils/getAttachmentIconComponent";
+import cssJSLogic from './css/cssJSLogic';
+import getAttachmentIconComponent from './utils/getAttachmentIconComponent';
 import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
 /** ** Styles *** */
 
-import style from "./css/AttachmentIcon.module.css";
+import style from './css/AttachmentIcon.module.css';
 export default function AttachmentIcon(props) {
   const {
     customStyle,

package/es/AttachmentIcon/index.js

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

package/es/AttachmentIcon/utils/getAttachmentIconComponent.js

@@ -1,15 +1,15 @@
 /** ** Icons *** */
-import AudioIcon from "../../icons/iconSrc/attachments/Audio";
-import CodeIcon from "../../icons/iconSrc/attachments/Code";
-import ImageIcon from "../../icons/iconSrc/attachments/Image";
-import PdfIcon from "../../icons/iconSrc/attachments/Pdf";
-import TextIcon from "../../icons/iconSrc/attachments/Text";
-import UnknownIcon from "../../icons/iconSrc/attachments/Unknown";
-import VideoIcon from "../../icons/iconSrc/attachments/Video";
-import ZipIcon from "../../icons/iconSrc/attachments/Zip";
-import AlertIcon from "../../icons/iconSrc/common/AlertTriangle";
-import XlsIcon from "../../icons/iconSrc/attachments/Xls";
-import PptIcon from "../../icons/iconSrc/attachments/Ppt";
+import AudioIcon from '../../icons/iconSrc/attachments/Audio';
+import CodeIcon from '../../icons/iconSrc/attachments/Code';
+import ImageIcon from '../../icons/iconSrc/attachments/Image';
+import PdfIcon from '../../icons/iconSrc/attachments/Pdf';
+import TextIcon from '../../icons/iconSrc/attachments/Text';
+import UnknownIcon from '../../icons/iconSrc/attachments/Unknown';
+import VideoIcon from '../../icons/iconSrc/attachments/Video';
+import ZipIcon from '../../icons/iconSrc/attachments/Zip';
+import AlertIcon from '../../icons/iconSrc/common/AlertTriangle';
+import XlsIcon from '../../icons/iconSrc/attachments/Xls';
+import PptIcon from '../../icons/iconSrc/attachments/Ppt';
 /** ** Constants *** */
 
 import attachmentFileTypes from '@zohoim/chat-components-utils/es/constants/attachmentFileTypes';

package/es/AttachmentPreview/AttachmentPreview.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); }
+
 /* eslint-disable max-len */
 
 /** ** Libraries *** */
@@ -5,8 +7,8 @@ import React, { useMemo } from 'react';
 /** ** Components *** */
 
 import { Container, Box } from '@zohodesk/components/es/Layout';
-import AttachmentPreviewHeader from "../AttachmentPreviewHeader/AttachmentPreviewHeader";
-import AttachmentPreviewBody from "../AttachmentPreviewBody/AttachmentPreviewBody";
+import AttachmentPreviewHeader from '../AttachmentPreviewHeader/AttachmentPreviewHeader';
+import AttachmentPreviewBody from '../AttachmentPreviewBody/AttachmentPreviewBody';
 /** ** Hooks *** */
 
 import { useZIndex } from '@zohodesk/components/es/Provider/ZindexProvider';
@@ -15,13 +17,13 @@ import useAttachmentPreview from '@zohoim/chat-components-hooks/es/AttachmentPre
 import useAttachmentPreviewEditor from '@zohoim/chat-components-hooks/es/AttachmentPreview/useAttachmentPreviewEditor';
 /** ** Constants *** */
 
-import attachmentPreviewDefaultProps from "./props/defaultProps";
-import attachmentPreviewPropTypes from "./props/propTypes";
+import attachmentPreviewDefaultProps from './props/defaultProps';
+import attachmentPreviewPropTypes from './props/propTypes';
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 import { mediaTypes } from '@zohoim/chat-components-utils/es/constants/messageConstants';
 /** ** Styles *** */
 
-import style from "./css/AttachmentPreview.module.css";
+import style from './css/AttachmentPreview.module.css';
 const {
   IMAGE
 } = mediaTypes;
@@ -93,15 +95,14 @@ export default function AttachmentPreview(props) {
     } : {}
   }, /*#__PURE__*/React.createElement("div", {
     className: newStyle.uploadPrev
-  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(AttachmentPreviewHeader, {
+  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(AttachmentPreviewHeader, _extends({
     cancelText: cancelText,
     fileName: fileName,
     fileSize: fileSize,
     onCancel: onCancel,
     onSubmit: onSubmit,
-    submitText: submitText,
-    ...attachmentPreviewHeaderProps
-  })), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(AttachmentPreviewBody, {
+    submitText: submitText
+  }, attachmentPreviewHeaderProps))), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(AttachmentPreviewBody, _extends({
     attachmentId: attachmentId,
     attachmentURL: attachmentURL,
     description: description,
@@ -112,9 +113,8 @@ export default function AttachmentPreview(props) {
     mediaType: mediaType,
     onDescriptionChange: onDescriptionChange,
     onEditorKeyDown: onEditorKeyDown,
-    placeHolder: placeHolder,
-    ...attachmentPreviewBodyProps
-  })))) : null;
+    placeHolder: placeHolder
+  }, attachmentPreviewBodyProps))))) : null;
 }
 AttachmentPreview.propTypes = attachmentPreviewPropTypes;
 AttachmentPreview.defaultProps = attachmentPreviewDefaultProps;

package/es/AttachmentPreview/index.js

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

package/es/AttachmentPreviewBody/AttachmentPreviewBody.js

@@ -1,21 +1,23 @@
+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 } from 'react';
 /** ** Components *** */
 
 import { Container } from '@zohodesk/components/es/Layout';
-import ReplyComposer from "../im/ReplyComposer/ReplyComposer";
-import AttachmentIcon from "../AttachmentIcon/AttachmentIcon";
+import ReplyComposer from '../im/ReplyComposer/ReplyComposer';
+import AttachmentIcon from '../AttachmentIcon/AttachmentIcon';
 /** ** Hooks *** */
 
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
-import attachmentPreviewBodyDefaultProps from "./props/defaultProps";
-import attachmentPreviewBodyPropTypes from "./props/propTypes";
+import attachmentPreviewBodyDefaultProps from './props/defaultProps';
+import attachmentPreviewBodyPropTypes from './props/propTypes';
 /** ** Styles *** */
 
-import style from "./css/AttachmentPreviewBody.module.css";
+import style from './css/AttachmentPreviewBody.module.css';
 export default function AttachmentPreviewBody(props) {
   const {
     customStyle,
@@ -78,19 +80,17 @@ export default function AttachmentPreviewBody(props) {
     alt: "",
     className: newStyle.imgZoomOut,
     src: attachmentURL
-  }) : /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(AttachmentIcon, {
+  }) : /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(AttachmentIcon, _extends({
     customStyle: iconCustomStyle,
     fileFormat: fileFormat,
-    mediaType: mediaType,
-    ...attachmentIconProps
-  }))), isDescriptionNeeded ? /*#__PURE__*/React.createElement(ReplyComposer, {
+    mediaType: mediaType
+  }, attachmentIconProps)))), isDescriptionNeeded ? /*#__PURE__*/React.createElement(ReplyComposer, _extends({
     content: description,
     id: `${attachmentId}_Attach_Editor`,
     onChange: onDescriptionChange,
     onKeyDown: onEditorKeyDown,
-    placeHolder: placeHolder,
-    ...modifiedEditorProps
-  }) : null);
+    placeHolder: placeHolder
+  }, modifiedEditorProps)) : null);
 }
 AttachmentPreviewBody.propTypes = attachmentPreviewBodyPropTypes;
 AttachmentPreviewBody.defaultProps = attachmentPreviewBodyDefaultProps;

package/es/AttachmentPreviewBody/index.js

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

package/es/AttachmentPreviewHeader/AttachmentPreviewHeader.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';
 /** ** Components *** */
@@ -10,11 +12,11 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
-import attachmentPreviewHeaderDefaultProps from "./props/defaultProps";
-import attachmentPreviewHeaderPropTypes from "./props/propTypes";
+import attachmentPreviewHeaderDefaultProps from './props/defaultProps';
+import attachmentPreviewHeaderPropTypes from './props/propTypes';
 /** ** Styles *** */
 
-import style from "./css/AttachmentPreviewHeader.module.css";
+import style from './css/AttachmentPreviewHeader.module.css';
 export default function AttachmentPreviewHeader(props) {
   const {
     customStyle,
@@ -57,7 +59,7 @@ export default function AttachmentPreviewHeader(props) {
     isCover: false
   }, /*#__PURE__*/React.createElement("span", {
     className: newStyle.attachBtn
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, _extends({
     disabled: false,
     isBold: true,
     onClick: onSubmit,
@@ -65,9 +67,8 @@ export default function AttachmentPreviewHeader(props) {
     rounded: false,
     size: "medium",
     status: "none",
-    text: submitText,
-    ...submitButtonProps
-  })), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, {
+    text: submitText
+  }, submitButtonProps))), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, _extends({
     disabled: false,
     isBold: true,
     onClick: onCancel,
@@ -75,9 +76,8 @@ export default function AttachmentPreviewHeader(props) {
     rounded: false,
     size: "medium",
     status: "none",
-    text: cancelText,
-    ...cancelButtonProps
-  })))));
+    text: cancelText
+  }, cancelButtonProps))))));
 }
 AttachmentPreviewHeader.propTypes = attachmentPreviewHeaderPropTypes;
 AttachmentPreviewHeader.defaultProps = attachmentPreviewHeaderDefaultProps;

package/es/AttachmentPreviewHeader/index.js

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

package/es/Audio/Audio.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 audioDefaultProps from "./props/defaultProps";
-import audioPropTypes from "./props/propTypes";
+import audioDefaultProps from './props/defaultProps';
+import audioPropTypes from './props/propTypes';
 /** ** Styles *** */
 
-import style from "./css/Audio.module.css";
+import style from './css/Audio.module.css';
 export default function Audio(props) {
   const {
     customStyle,

package/es/Audio/index.js

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

package/es/AudioBubble/AudioBubble.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,17 +7,17 @@ import React, { useCallback } from 'react';
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import audioBubbleDefaultProps from "./props/defaultProps";
-import audioBubblePropTypes from "./props/propTypes";
+import audioBubbleDefaultProps from './props/defaultProps';
+import audioBubblePropTypes from './props/propTypes';
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** Styles *** */
 
-import style from "./css/AudioBubble.module.css";
+import style from './css/AudioBubble.module.css';
 /** ** Components *** */
 
 import { Box } from '@zohodesk/components/es/Layout';
-import MediaBubbleWrapper from "../MediaBubbleWrapper/MediaBubbleWrapper";
-import Audio from "../Audio/Audio";
+import MediaBubbleWrapper from '../MediaBubbleWrapper/MediaBubbleWrapper';
+import Audio from '../Audio/Audio';
 export default function AudioBubble(props) {
   const {
     customStyle,
@@ -37,18 +39,17 @@ export default function AudioBubble(props) {
     } = _ref;
     return /*#__PURE__*/React.createElement(Box, {
       className: newStyle.audioBubble
-    }, /*#__PURE__*/React.createElement(Audio, {
+    }, /*#__PURE__*/React.createElement(Audio, _extends({
       fileType: fileType,
-      fileURL: fileURL,
-      ...audioProps
-    }));
+      fileURL: fileURL
+    }, audioProps)));
   }, [audioProps, newStyle.audioBubble]);
-  return /*#__PURE__*/React.createElement(MediaBubbleWrapper, {
+  return /*#__PURE__*/React.createElement(MediaBubbleWrapper, _extends({
     mediaDetails: audioDetails,
-    renderMedia: renderMedia,
-    ...mediaBubbleWrapperProps,
+    renderMedia: renderMedia
+  }, mediaBubbleWrapperProps, {
     isFailed: isFailed
-  });
+  }));
 }
 AudioBubble.propTypes = audioBubblePropTypes;
 AudioBubble.defaultProps = audioBubbleDefaultProps;

package/es/AudioBubble/index.js

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

package/es/Emoji/Emoji.js

@@ -8,14 +8,14 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 import useEmoji from '@zohoim/chat-components-hooks/es/Emoji/useEmoji';
 /** ** Constants *** */
 
-import emojiDefaultProps from "./props/defaultProps";
-import emojiPropTypes from "./props/propTypes";
+import emojiDefaultProps from './props/defaultProps';
+import emojiPropTypes from './props/propTypes';
 /** ** Methods *** */
 
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 /** ** Styles *** */
 
-import style from "./css/Emoji.module.css";
+import style from './css/Emoji.module.css';
 export default function Emoji(props) {
   const {
     customStyle,

package/es/Emoji/css/Emoji.module.css

@@ -1,8 +1,8 @@
 .varClass {
-  --emoji-height: var(--zd_size32);
-  --emoji-width: var(--zd_size32);
-  --emoji-font_size: var(--zd_font_size20);
-  --emoji-margin: var(--zd_size5);
+  --emoji-height: 32px;
+  --emoji-width: 32px;
+  --emoji-font_size: 20px;
+  --emoji-margin: 5px;
 }
 
 .emoji {

package/es/Emoji/index.js

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