@zohoim/chat-components 1.0.3 → 1.0.4-zbm.1

package/es/ActionIcon/ActionIcon.js

@@ -1,10 +1,8 @@
-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';
 
@@ -13,19 +11,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,
@@ -68,14 +66,15 @@ export default function ActionIcon(props) {
       customStyle: iconStyle
     }) : null;
   }, [iconStyle, id]);
-  return needIconOnly ? renderIcon() : /*#__PURE__*/React.createElement(ActionIconWrapper, _extends({
+  return needIconOnly ? renderIcon() : /*#__PURE__*/React.createElement(ActionIconWrapper, {
     id: id,
     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/index.js

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

package/es/AttachmentBubble/AttachmentBubble.js

@@ -1,5 +1,3 @@
-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 *** */
@@ -8,19 +6,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,
@@ -67,20 +65,21 @@ export default function AttachmentBubble(props) {
     onClick: onClick
   }, /*#__PURE__*/React.createElement(Box, {
     className: newStyle.attachmentBubbleIcon
-  }, /*#__PURE__*/React.createElement(AttachmentIcon, _extends({
+  }, /*#__PURE__*/React.createElement(AttachmentIcon, {
     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, _extends({
+  }, /*#__PURE__*/React.createElement(AttachmentBubbleInfo, {
     fileName: fileName,
-    fileSize: fileSize
-  }, attachmentBubbleInfoProps, {
+    fileSize: fileSize,
+    ...attachmentBubbleInfoProps,
     isFailed: isFailed
-  }))));
+  })));
 }
 AttachmentBubble.propTypes = attachmentBubblePropTypes;
 AttachmentBubble.defaultProps = attachmentBubbleDefaultProps;

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,
@@ -39,9 +39,9 @@ export default function AttachmentBubbleInfo(props) {
   }, /*#__PURE__*/React.createElement(Box, {
     className: newStyle.fileName,
     "data-title": fileName
-  }, fileName), /*#__PURE__*/React.createElement(Box, {
+  }, fileName), fileSize ? /*#__PURE__*/React.createElement(Box, {
     className: newStyle.fileSize
-  }, fileSize));
+  }, fileSize) : null);
 }
 AttachmentBubbleInfo.propTypes = attachmentBubbleInfoPropTypes;
 AttachmentBubbleInfo.defaultProps = attachmentBubbleInfoDefaultProps;

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

@@ -9,7 +9,6 @@
   font-size: var(--attachmentBubbleInfo-fileName_font_size);
   font-family: var(--attachmentBubbleInfo-fileName_font_family);
   color: var(--imlib_chat_components_attachmentBubbleInfo_fileName_color);
-  margin-bottom: var(--zd_size5) ;
 }
 
 .failedAttachmentBubbleInfo .fileName{
@@ -20,6 +19,7 @@
   composes: varClass;
   font-size: var(--attachmentBubbleInfo-fileSize_font_size);
   color: var(--imlib_chat_components_attachmentBubbleInfo_fileSize_color);
+  margin-top: var(--zd_size5) ;
 }
 
 .failedAttachmentBubbleInfo .fileSize{

package/es/AttachmentBubbleInfo/index.js

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

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/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,
@@ -19,7 +19,9 @@ export default function Audio(props) {
   } = props;
   const {
     mediaElementRef
-  } = useMedia(props);
+  } = useMedia({
+    src: fileURL
+  });
   /* External CSS Customization */
 
   const newStyle = useMergeStyle(style, 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,5 +1,3 @@
-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 *** */
@@ -7,17 +5,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,
@@ -39,17 +37,18 @@ export default function AudioBubble(props) {
     } = _ref;
     return /*#__PURE__*/React.createElement(Box, {
       className: newStyle.audioBubble
-    }, /*#__PURE__*/React.createElement(Audio, _extends({
+    }, /*#__PURE__*/React.createElement(Audio, {
       fileType: fileType,
-      fileURL: fileURL
-    }, audioProps)));
+      fileURL: fileURL,
+      ...audioProps
+    }));
   }, [audioProps, newStyle.audioBubble]);
-  return /*#__PURE__*/React.createElement(MediaBubbleWrapper, _extends({
+  return /*#__PURE__*/React.createElement(MediaBubbleWrapper, {
     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/ImageBubble/ImageBubble.js

@@ -6,18 +6,18 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 import useAttachmentBubble from '@zohoim/chat-components-hooks/es/AttachmentBubble/useAttachmentBubble';
 /** ** Constants *** */
 
-import imageBubbleDefaultProps from './props/defaultProps';
-import imageBubblePropTypes from './props/propTypes';
+import imageBubbleDefaultProps from "./props/defaultProps";
+import imageBubblePropTypes from "./props/propTypes";
 /** ** Styles *** */
 
-import style from './css/ImageBubble.module.css';
+import style from "./css/ImageBubble.module.css";
 /** ** Components *** */
 
 import { Container } from '@zohodesk/components/es/Layout';
-import LazyLoadImage from '../LazyLoadImage/LazyLoadImage';
+import LazyLoadImage from "../LazyLoadImage/LazyLoadImage";
 /** ** Methods *** */
 
-import cssJSLogic from './css/cssJSLogic';
+import cssJSLogic from "./css/cssJSLogic";
 export default function ImageBubble(props) {
   const {
     customStyle,

package/es/ImageBubble/index.js

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

package/es/LazyLoadImage/LazyLoadImage.js

@@ -6,11 +6,11 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 import useLazyLoadImage from '@zohoim/chat-components-hooks/es/ImageBubble/useLazyLoadImage';
 /** ** Constants *** */
 
-import lazyLoadImageDefaultProps from './props/defaultProps';
-import lazyLoadImagePropTypes from './props/propTypes';
+import lazyLoadImageDefaultProps from "./props/defaultProps";
+import lazyLoadImagePropTypes from "./props/propTypes";
 /** ** Styles *** */
 
-import style from './css/LazyLoadImage.module.css';
+import style from "./css/LazyLoadImage.module.css";
 export default function LazyLoadImage(props) {
   const {
     customStyle,
@@ -19,7 +19,9 @@ export default function LazyLoadImage(props) {
   } = props;
   const {
     imageElementRef
-  } = useLazyLoadImage();
+  } = useLazyLoadImage({
+    src
+  });
   /* External CSS Customization */
 
   const newStyle = useMergeStyle(style, customStyle);

package/es/LazyLoadImage/index.js

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

package/es/LocationBubble/LocationBubble.js

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

package/es/LocationBubble/index.js

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

package/es/MediaBubbleWrapper/MediaBubbleWrapper.js

@@ -1,5 +1,3 @@
-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, Fragment } from 'react';
 /** ** Hooks *** */
@@ -8,18 +6,18 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 import useAttachmentBubble from '@zohoim/chat-components-hooks/es/AttachmentBubble/useAttachmentBubble';
 /** ** Constants *** */
 
-import mediaBubbleWrapperDefaultProps from './props/defaultProps';
-import mediaBubbleWrapperPropTypes from './props/propTypes';
+import mediaBubbleWrapperDefaultProps from "./props/defaultProps";
+import mediaBubbleWrapperPropTypes from "./props/propTypes";
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** Styles *** */
 
-import style from './css/MediaBubbleWrapper.module.css';
+import style from "./css/MediaBubbleWrapper.module.css";
 /** ** Methods *** */
 
 import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
 /** ** Components *** */
 
-import AttachmentBubbleInfo from '../AttachmentBubbleInfo/AttachmentBubbleInfo';
+import AttachmentBubbleInfo from "../AttachmentBubbleInfo/AttachmentBubbleInfo";
 export default function MediaBubbleWrapper(props) {
   const {
     customStyle,
@@ -49,13 +47,13 @@ export default function MediaBubbleWrapper(props) {
     fileURL,
     fileType
   });
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(AttachmentBubbleInfo, _extends({
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(AttachmentBubbleInfo, {
     customStyle: bubbleInfoCustomStyle,
     fileName: fileName,
-    fileSize: fileSize
-  }, attachmentBubbleInfoProps, {
+    fileSize: fileSize,
+    ...attachmentBubbleInfoProps,
     isFailed: isFailed
-  })), mediaComponent);
+  }), mediaComponent);
 }
 MediaBubbleWrapper.propTypes = mediaBubbleWrapperPropTypes;
 MediaBubbleWrapper.defaultProps = mediaBubbleWrapperDefaultProps;

package/es/MediaBubbleWrapper/index.js

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

package/es/Message/Message.js

@@ -1,19 +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, { useCallback } from 'react';
 /** ** Constants *** */
 
-import messageDefaultProps from './props/defaultProps';
-import messagePropTypes from './props/propTypes';
+import messageDefaultProps from "./props/defaultProps";
+import messagePropTypes from "./props/propTypes";
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** Components *** */
 
-import MessageBubble from '../MessageBubble/MessageBubble';
-import MessageBox from '../MessageBox/MessageBox';
-import MessageAvatar from '../MessageAvatar/MessageAvatar';
-import MessageActions from '../MessageActions/MessageActions';
-import MessageStatus from '../MessageStatus/MessageStatus';
+import MessageBubble from "../MessageBubble/MessageBubble";
+import MessageBox from "../MessageBox/MessageBox";
+import MessageAvatar from "../MessageAvatar/MessageAvatar";
+import MessageActions from "../MessageActions/MessageActions";
+import MessageStatus from "../MessageStatus/MessageStatus";
 /** ** Methods *** */
 
 import getMessageStatus from '@zohoim/chat-components-utils/es/getMessageStatus';
@@ -74,7 +72,9 @@ export default function Message(props) {
         title: name,
         renderIcon: renderOwnerStatusIcon
       };
-      return /*#__PURE__*/React.createElement(MessageAvatar, _extends({}, props, messageOwnerProps));
+      return /*#__PURE__*/React.createElement(MessageAvatar, { ...props,
+        ...messageOwnerProps
+      });
     }
 
     return null;
@@ -86,7 +86,9 @@ export default function Message(props) {
       messageStatus: status,
       title: statusTooltip
     };
-    return isShowMessageStatus && status ? /*#__PURE__*/React.createElement(MessageStatus, _extends({}, props, messageStatusProps)) : null;
+    return isShowMessageStatus && status ? /*#__PURE__*/React.createElement(MessageStatus, { ...props,
+      ...messageStatusProps
+    }) : null;
   }, [status, statusTooltip, isShowMessageStatus, messageStatusProps]);
   /** ** Render MessageBox *** */
 
@@ -98,7 +100,9 @@ export default function Message(props) {
       isIncoming,
       isOutgoing
     };
-    return /*#__PURE__*/React.createElement(MessageBox, _extends({}, props, messageBoxProps));
+    return /*#__PURE__*/React.createElement(MessageBox, { ...props,
+      ...messageBoxProps
+    });
   }, [handleRenderMessageStatus, renderContent, messageBoxProps, isFailed, isIncoming, isOutgoing]);
   /** ** Render Message Actions *** */
 
@@ -109,17 +113,20 @@ export default function Message(props) {
       renderSecondaryActions,
       onMouseEnter: onMouseEnterAction
     };
-    return /*#__PURE__*/React.createElement(MessageActions, _extends({}, props, messageActionsProps));
+    return /*#__PURE__*/React.createElement(MessageActions, { ...props,
+      ...messageActionsProps
+    });
   }, [actions, onSelectAction, onMouseEnterAction, renderSecondaryActions, messageActionsProps]);
-  return /*#__PURE__*/React.createElement(MessageBubble, _extends({
+  return /*#__PURE__*/React.createElement(MessageBubble, {
     direction: direction,
     isActive: isActive,
     needMessageActions: needMessageActions,
     needSender: needSender,
     renderMessageActions: handleRenderMessageActions,
     renderMessageBox: handleRenderMessageBox,
-    renderMessageOwner: handleRenderMessageOwner
-  }, messageBubbleProps));
+    renderMessageOwner: handleRenderMessageOwner,
+    ...messageBubbleProps
+  });
 }
 Message.propTypes = messagePropTypes;
 Message.defaultProps = messageDefaultProps;

package/es/Message/index.js

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