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

package/es/im/IMMessage/IMMessage.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, useMemo } from 'react';
 /** ** Hooks *** */
@@ -6,22 +8,22 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 import useIMMessage from '@zohoim/chat-components-hooks/es/im/IMMessage/useIMMessage';
 /** ** Methods *** */
 
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 /** ** Constants *** */
 
-import imMessageDefaultProps from "./props/defaultProps";
-import imMessagePropTypes from "./props/propTypes";
+import imMessageDefaultProps from './props/defaultProps';
+import imMessagePropTypes from './props/propTypes';
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** Components *** */
 
-import Message from "../../Message/Message";
-import IMMessageContent from "../IMMessageContent/IMMessageContent";
-import IMPermaLink from "../IMPermaLink/IMPermaLink";
-import IMIntegrationIcon from "../IMIntegrationIcon/IMIntegrationIcon";
-import IMMessageMeta from "../IMMessageMeta/IMMessageMeta";
+import Message from '../../Message/Message';
+import IMMessageContent from '../IMMessageContent/IMMessageContent';
+import IMPermaLink from '../IMPermaLink/IMPermaLink';
+import IMIntegrationIcon from '../IMIntegrationIcon/IMIntegrationIcon';
+import IMMessageMeta from '../IMMessageMeta/IMMessageMeta';
 /** ** Styles *** */
 
-import style from "./css/IMMessage.module.css";
+import style from './css/IMMessage.module.css';
 export default function IMMessage(props) {
   const {
     defaultAvatarUrls,
@@ -97,19 +99,18 @@ export default function IMMessage(props) {
       displayDateTime,
       tooltip
     } = dateTimeDetails || {};
-    return /*#__PURE__*/React.createElement(IMMessageMeta, {
+    return /*#__PURE__*/React.createElement(IMMessageMeta, _extends({
       autoMessageType: autoMessageType,
       direction: direction,
       isValidAttachment: isValidAttachment,
       messageMetaInfoI18N: messageMetaInfoI18N,
       time: isShowMessageTime ? displayDateTime : '',
-      timeTooltip: tooltip,
-      ...imMessageMetaProps
-    });
+      timeTooltip: tooltip
+    }, imMessageMetaProps));
   }, [isShowMessageTime, dateTimeDetails, direction, autoMessageType, imMessageMetaProps, isValidAttachment, messageMetaInfoI18N]);
   /** ** Render Message Content *** */
 
-  const handleRenderMessage = useCallback(() => /*#__PURE__*/React.createElement(IMMessageContent, {
+  const handleRenderMessage = useCallback(() => /*#__PURE__*/React.createElement(IMMessageContent, _extends({
     deleteMessageText: deleteMessageText,
     isFailed: isFailedMessage,
     isSending: isSendingMessage,
@@ -121,9 +122,8 @@ export default function IMMessage(props) {
     onLoadFullMessage: onLoadFullMessage,
     replyText: replyText,
     seeMoreText: seeMoreText,
-    sessionDetails: sessionDetails,
-    ...imMessageContentProps
-  }), [seeMoreText, replyText, deleteMessageText, messageDetails, sessionDetails, messageContentClickMapping, messageBubbleTitleI18N, onLoadFullMessage, onClickReply, isFailedMessage, isSendingMessage, imMessageContentProps, isShowFullContent]);
+    sessionDetails: sessionDetails
+  }, imMessageContentProps)), [seeMoreText, replyText, deleteMessageText, messageDetails, sessionDetails, messageContentClickMapping, messageBubbleTitleI18N, onLoadFullMessage, onClickReply, isFailedMessage, isSendingMessage, imMessageContentProps, isShowFullContent]);
   /** ** Render Secondary Actions - TicketId *** */
 
   const handleRenderSecondaryActions = useCallback(() => {
@@ -136,21 +136,19 @@ export default function IMMessage(props) {
     const customStyle = {
       text: imTicketLinkClass
     };
-    return /*#__PURE__*/React.createElement(IMPermaLink, {
+    return /*#__PURE__*/React.createElement(IMPermaLink, _extends({
       customStyle: customStyle,
       href: ticketUrl,
       id: ticketId,
       onClick: onTicketClick,
-      text: ticketNumber ? `#${ticketNumber}` : '',
-      ...imTicketLinkProps
-    });
+      text: ticketNumber ? `#${ticketNumber}` : ''
+    }, imTicketLinkProps));
   }, [ticketNumber, ticketUrl, ticketId, onTicketClick, imTicketLinkProps, newStyle, isIncoming, isOutgoing]);
   /** ** Render Owner Status Icon *** */
 
-  const handleRenderIntegIcon = useCallback(() => /*#__PURE__*/React.createElement(IMIntegrationIcon, {
-    integrationName: isShowIntegrationIcon ? integrationName : '',
-    ...imIntegrationIconProps
-  }), [isShowIntegrationIcon, integrationName, imIntegrationIconProps]);
+  const handleRenderIntegIcon = useCallback(() => /*#__PURE__*/React.createElement(IMIntegrationIcon, _extends({
+    integrationName: isShowIntegrationIcon ? integrationName : ''
+  }, imIntegrationIconProps)), [isShowIntegrationIcon, integrationName, imIntegrationIconProps]);
   /** ** Construct Owner Details *** */
 
   const ownerDetails = useMemo(() => ({
@@ -176,7 +174,7 @@ export default function IMMessage(props) {
       }
     };
   }, [messageProps, handleRenderMessageBoxFooter]);
-  return /*#__PURE__*/React.createElement(Message, {
+  return /*#__PURE__*/React.createElement(Message, _extends({
     actions: actions,
     direction: direction,
     isActive: isHighlightMessage,
@@ -191,9 +189,8 @@ export default function IMMessage(props) {
     renderOwnerStatusIcon: handleRenderIntegIcon,
     renderSecondaryActions: handleRenderSecondaryActions,
     status: messageStatus,
-    statusTooltip: messageStatusTitle,
-    ...messageCustomProps
-  });
+    statusTooltip: messageStatusTitle
+  }, messageCustomProps));
 }
 IMMessage.propTypes = imMessagePropTypes;
 IMMessage.defaultProps = imMessageDefaultProps;

package/es/im/IMMessage/css/IMMessage.module.css

@@ -1,7 +1,7 @@
 .varClass {
-  --imTicketLink-top_gap: var(--zd_size5);
-  --imTicketLink-font_size: var(--zd_font_size12);
-  --imTicketLink-max_width: var(--zd_size150);
+  --imTicketLink-top_gap: 5px;
+  --imTicketLink-font_size: 12px;
+  --imTicketLink-max_width: 150px;
 }
 
 .ticketLink {

package/es/im/IMMessage/index.js

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

package/es/im/IMMessageContent/IMMessageContent.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 react/jsx-indent */
 
 /** ** Libraries *** */
@@ -8,21 +10,21 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 import useIMMessageContent from '@zohoim/chat-components-hooks/es/im/IMMessageContent/useIMMessageContent';
 /** ** Constants *** */
 
-import imMessageContentDefaultProps from "./props/defaultProps";
-import imMessageContentPropTypes from "./props/propTypes";
+import imMessageContentDefaultProps from './props/defaultProps';
+import imMessageContentPropTypes from './props/propTypes';
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** Styles *** */
 
-import style from "./css/IMMessageContent.module.css";
+import style from './css/IMMessageContent.module.css';
 /** ** Components *** */
 
-import IMReplyBubble from "../IMReplyBubble/IMReplyBubble";
-import IMTextBubble from "../IMTextBubble/IMTextBubble";
-import LocationBubble from "../../LocationBubble/LocationBubble";
-import ImageBubble from "../../ImageBubble/ImageBubble";
-import VideoBubble from "../../VideoBubble/VideoBubble";
-import AudioBubble from "../../AudioBubble/AudioBubble";
-import AttachmentBubble from "../../AttachmentBubble/AttachmentBubble";
+import IMReplyBubble from '../IMReplyBubble/IMReplyBubble';
+import IMTextBubble from '../IMTextBubble/IMTextBubble';
+import LocationBubble from '../../LocationBubble/LocationBubble';
+import ImageBubble from '../../ImageBubble/ImageBubble';
+import VideoBubble from '../../VideoBubble/VideoBubble';
+import AudioBubble from '../../AudioBubble/AudioBubble';
+import AttachmentBubble from '../../AttachmentBubble/AttachmentBubble';
 export default function IMMessageContent(props) {
   const {
     messageDetails,
@@ -84,56 +86,42 @@ export default function IMMessageContent(props) {
   };
   return /*#__PURE__*/React.createElement(Fragment, null, isShowLayoutBubble ? null : null, isShowDeleteBubble ? /*#__PURE__*/React.createElement("div", {
     className: newStyle.deleteBubble
-  }, deleteMessageText) : null, isShowReplyBubble ? /*#__PURE__*/React.createElement("div", { ...wrapperDivProps
-  }, /*#__PURE__*/React.createElement(IMReplyBubble, {
+  }, deleteMessageText) : null, isShowReplyBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(IMReplyBubble, _extends({
     isFailed: isFailed,
     messageDetails: replyToMessage,
     onClick: onClickReply,
-    replyText: replyText,
-    ...imReplyBubbleProps
-  })) : null, isShowCustomBubble ? renderCustomMessage({
+    replyText: replyText
+  }, imReplyBubbleProps))) : null, isShowCustomBubble ? renderCustomMessage({
     messageDetails,
     isFailed
-  }) : null, isShowImageBubble ? /*#__PURE__*/React.createElement("div", { ...wrapperDivProps
-  }, /*#__PURE__*/React.createElement(ImageBubble, {
+  }) : null, isShowImageBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(ImageBubble, _extends({
     imageDetails: attachmentDetails,
     isFailed: isFailed,
     isSending: isSending,
-    onClick: onImageBubbleClick,
-    ...imageBubbleProps
-  })) : null, isShowVideoBubble ? /*#__PURE__*/React.createElement("div", { ...wrapperDivProps
-  }, /*#__PURE__*/React.createElement(VideoBubble, {
+    onClick: onImageBubbleClick
+  }, imageBubbleProps))) : null, isShowVideoBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(VideoBubble, _extends({
     isFailed: isFailed,
-    videoDetails: attachmentDetails,
-    ...videoBubbleProps
-  })) : null, isShowAudioBubble ? /*#__PURE__*/React.createElement("div", { ...wrapperDivProps
-  }, /*#__PURE__*/React.createElement(AudioBubble, {
+    videoDetails: attachmentDetails
+  }, videoBubbleProps))) : null, isShowAudioBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(AudioBubble, _extends({
     audioDetails: attachmentDetails,
-    isFailed: isFailed,
-    ...audioBubbleProps
-  })) : null, isShowAttachmentBubble ? /*#__PURE__*/React.createElement("div", { ...wrapperDivProps
-  }, /*#__PURE__*/React.createElement(AttachmentBubble, {
+    isFailed: isFailed
+  }, audioBubbleProps))) : null, isShowAttachmentBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(AttachmentBubble, _extends({
     attachmentBubbleTitle: attachmentBubbleTitle,
     attachmentDetails: attachmentDetails,
     isFailed: isFailed,
     isSending: isSending,
-    onClick: onAttachmentBubbleClick,
-    ...attachmentBubbleProps
-  })) : null, isShowLocationBubble ? /*#__PURE__*/React.createElement("div", { ...wrapperDivProps
-  }, /*#__PURE__*/React.createElement(LocationBubble, {
+    onClick: onAttachmentBubbleClick
+  }, attachmentBubbleProps))) : null, isShowLocationBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(LocationBubble, _extends({
     isFailed: isFailed,
-    locationUrl: locationUrl,
-    ...locationBubbleProps
-  })) : null, isShowTextBubble ? /*#__PURE__*/React.createElement("div", { ...wrapperDivProps
-  }, /*#__PURE__*/React.createElement(IMTextBubble, {
+    locationUrl: locationUrl
+  }, locationBubbleProps))) : null, isShowTextBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(IMTextBubble, _extends({
     isFailed: isFailed,
     isShowFullContent: isShowFullContent,
     messageDetails: messageDetails,
     moreText: seeMoreText,
     onLoadFullMessage: onLoadFullMessage,
-    sessionDetails: sessionDetails,
-    ...imTextBubbleProps
-  })) : null);
+    sessionDetails: sessionDetails
+  }, imTextBubbleProps))) : null);
 }
 IMMessageContent.propTypes = imMessageContentPropTypes;
 IMMessageContent.defaultProps = imMessageContentDefaultProps;

package/es/im/IMMessageContent/index.js

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

package/es/im/IMMessageMeta/IMMessageMeta.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 useIMMessageMeta from '@zohoim/chat-components-hooks/es/im/IMMessageMeta/useIMMessageMeta';
 /** ** Constants *** */
 
-import imMessageMetaDefaultProps from "./props/defaultProps";
-import imMessageMetaPropTypes from "./props/propTypes";
+import imMessageMetaDefaultProps from './props/defaultProps';
+import imMessageMetaPropTypes from './props/propTypes';
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** Methods *** */
 
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 /** ** Styles *** */
 
-import style from "./css/IMMessageMeta.module.css";
+import style from './css/IMMessageMeta.module.css';
 /** ** Components *** */
 
 import { Container } from '@zohodesk/components/es/Layout';
-import IMMessageMetaInfo from "../IMMessageMetaInfo/IMMessageMetaInfo";
+import IMMessageMetaInfo from '../IMMessageMetaInfo/IMMessageMetaInfo';
 export default function IMMessageMeta(props) {
   const {
     direction,
@@ -55,11 +57,10 @@ export default function IMMessageMeta(props) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, imMessageMetaInfoContent || time ? /*#__PURE__*/React.createElement(Container, {
     alignBox: "row",
     className: imMessageMetaClass
-  }, imMessageMetaInfoContent ? /*#__PURE__*/React.createElement(IMMessageMetaInfo, {
+  }, imMessageMetaInfoContent ? /*#__PURE__*/React.createElement(IMMessageMetaInfo, _extends({
     imMessageMetaInfoContent: imMessageMetaInfoContent,
-    imMessageMetaInfoTitle: imMessageMetaInfoTitle,
-    ...imMessageMetaInfoProps
-  }) : null, imMessageMetaInfoContent && time ? /*#__PURE__*/React.createElement("div", {
+    imMessageMetaInfoTitle: imMessageMetaInfoTitle
+  }, imMessageMetaInfoProps)) : null, imMessageMetaInfoContent && time ? /*#__PURE__*/React.createElement("div", {
     className: dotClass
   }, "\u22C5") : null, time ? /*#__PURE__*/React.createElement("div", {
     className: newStyle.dateTime,

package/es/im/IMMessageMeta/css/IMMessageMeta.module.css

@@ -1,7 +1,7 @@
 .varClass {
-  --imMessageMeta-gap: var(--zd_size5);
-  --imMessageMeta-separator_gap: var(--zd_size5);
-  --imMessageMeta-time_padding: var(--zd_size45);
+  --imMessageMeta-gap: 5px;
+  --imMessageMeta-separator_gap: 5px;
+  --imMessageMeta-time_padding: 45px;
 }
 
 .imMessageMeta {

package/es/im/IMMessageMeta/index.js

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

package/es/im/IMMessageMetaInfo/IMMessageMetaInfo.js

@@ -5,11 +5,11 @@ import React from 'react';
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import imMessageMetaInfoDefaultProps from "./props/defaultProps";
-import imMessageMetaInfoPropTypes from "./props/propTypes";
+import imMessageMetaInfoDefaultProps from './props/defaultProps';
+import imMessageMetaInfoPropTypes from './props/propTypes';
 /** ** Styles *** */
 
-import style from "./css/IMMessageMetaInfo.module.css";
+import style from './css/IMMessageMetaInfo.module.css';
 export default function IMMessageMetaInfo(props) {
   const {
     imMessageMetaInfoTitle,

package/es/im/IMMessageMetaInfo/css/IMMessageMetaInfo.module.css

@@ -1,6 +1,6 @@
 .varClass {
-  --imMessageMetaInfo-font_size: var(--zd_font_size13);
-  --imMessageMetaInfo-max_width: var(--zd_size150);
+  --imMessageMetaInfo-font_size: 13px;
+  --imMessageMetaInfo-max_width: 150px;
   --imMessageMetaInfo-letter_spacing: 0.2px;
 }
 

package/es/im/IMMessageMetaInfo/index.js

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

package/es/im/IMPermaLink/IMPermaLink.js

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

package/es/im/IMPermaLink/index.js

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

package/es/im/IMReplyBubble/IMReplyBubble.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 *** */
@@ -5,12 +7,12 @@ import React from 'react';
 import useIMReplyBubble from '@zohoim/chat-components-hooks/es/im/IMReplyBubble/useIMReplyBubble';
 /** ** Constants *** */
 
-import imReplyBubbleDefaultProps from "./props/defaultProps";
-import imReplyBubblePropTypes from "./props/propTypes";
+import imReplyBubbleDefaultProps from './props/defaultProps';
+import imReplyBubblePropTypes from './props/propTypes';
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** Components *** */
 
-import ReplyBubble from "../../ReplyBubble/ReplyBubble";
+import ReplyBubble from '../../ReplyBubble/ReplyBubble';
 export default function IMReplyBubble(props) {
   const {
     replyText,
@@ -33,17 +35,17 @@ export default function IMReplyBubble(props) {
     messageDetails,
     onClick: propOnClick
   });
-  return /*#__PURE__*/React.createElement(ReplyBubble, {
+  return /*#__PURE__*/React.createElement(ReplyBubble, _extends({
     attachmentDetails: attachmentDetails,
     dateTimeDetails: dateTimeDetails,
     locationUrl: locationUrl,
     message: message,
     onClick: onClick,
     replyText: replyText,
-    senderName: senderName,
-    ...replyBubbleProps,
+    senderName: senderName
+  }, replyBubbleProps, {
     isFailed: isFailed
-  });
+  }));
 }
 IMReplyBubble.propTypes = imReplyBubblePropTypes;
 IMReplyBubble.defaultProps = imReplyBubbleDefaultProps;

package/es/im/IMReplyBubble/index.js

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

package/es/im/IMTextBubble/IMTextBubble.js

@@ -1,13 +1,15 @@
+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';
 /** ** Constants *** */
 
-import imTextBubbleDefaultProps from "./props/defaultProps";
-import imTextBubblePropTypes from "./props/propTypes";
+import imTextBubbleDefaultProps from './props/defaultProps';
+import imTextBubblePropTypes from './props/propTypes';
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** Components *** */
 
-import TextBubble from "../../TextBubble/TextBubble";
+import TextBubble from '../../TextBubble/TextBubble';
 /** ** Hooks *** */
 
 import useIMTextBubble from '@zohoim/chat-components-hooks/es/im/IMTextBubble/useIMTextBubble';
@@ -25,13 +27,13 @@ export default function IMTextBubble(props) {
     sanitizedDisplayMessage,
     isShowSeeMore
   } = useIMTextBubble(props);
-  return /*#__PURE__*/React.createElement(TextBubble, {
+  return /*#__PURE__*/React.createElement(TextBubble, _extends({
     message: sanitizedDisplayMessage,
     moreText: isShowSeeMore ? moreText : '',
-    onClickMore: onLoadFullMessage,
-    ...textBubbleProps,
+    onClickMore: onLoadFullMessage
+  }, textBubbleProps, {
     isFailed: isFailed
-  });
+  }));
 }
 IMTextBubble.propTypes = imTextBubblePropTypes;
 IMTextBubble.defaultProps = imTextBubbleDefaultProps;

package/es/im/IMTextBubble/index.js

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

package/es/im/ReplyComposer/ReplyComposer.js

@@ -1,12 +1,14 @@
+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 ReplyEditor from "../ReplyEditor/ReplyEditor";
-import ReplyComposerFooter from "../ReplyComposerFooter/ReplyComposerFooter";
-import ReplyEditorSuggestions from "../ReplyEditorSuggestions/ReplyEditorSuggestions";
-import AttachmentPreview from "../../AttachmentPreview/AttachmentPreview";
+import ReplyEditor from '../ReplyEditor/ReplyEditor';
+import ReplyComposerFooter from '../ReplyComposerFooter/ReplyComposerFooter';
+import ReplyEditorSuggestions from '../ReplyEditorSuggestions/ReplyEditorSuggestions';
+import AttachmentPreview from '../../AttachmentPreview/AttachmentPreview';
 /** ** Hooks *** */
 
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
@@ -15,15 +17,15 @@ import useReplyComposerSuggestions from '@zohoim/chat-components-hooks/es/im/Rep
 /** ** Constants *** */
 
 import { dummyArray, dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
-import replyComposerDefaultProps from "./props/defaultProps";
-import replyComposerPropTypes from "./props/propTypes";
+import replyComposerDefaultProps from './props/defaultProps';
+import replyComposerPropTypes 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/ReplyComposer.module.css";
+import style from './css/ReplyComposer.module.css';
 export default function ReplyComposer(props) {
   const {
     customStyle,
@@ -47,7 +49,6 @@ export default function ReplyComposer(props) {
     onFileSubmit: propOnFileSubmit,
     attachmentPreviewTexts,
     renderHeader,
-    renderBody,
     renderFooter,
     renderStencils,
     getEditorState: propGetEditorState,
@@ -103,21 +104,19 @@ export default function ReplyComposer(props) {
     isLoaded
   }, newStyle);
   const headerElement = useMemo(() => renderHandler(renderHeader)(), [renderHeader]);
-  const bodyElement = useMemo(() => renderBody ? renderHandler(renderBody)() : null, [renderBody]);
   const stencilsElement = useMemo(() => isLoading ? renderHandler(renderStencils)({
     needFooter
   }) : null, [renderStencils, needFooter, isLoading]);
   return /*#__PURE__*/React.createElement(Container, {
     className: newStyle.replyComposer,
     isCover: false
-  }, isShowSuggestion ? /*#__PURE__*/React.createElement(ReplyEditorSuggestions, {
+  }, isShowSuggestion ? /*#__PURE__*/React.createElement(ReplyEditorSuggestions, _extends({
     getMethods: getSuggetPopupMethods,
     onClose: onHideSuggestions,
     onSelect: onSelectSuggestion,
     suggestionDetails: suggestionDetails,
-    suggestionsMapping: suggestionsMapping,
-    ...replyEditorSuggestionsProps
-  }) : null, files.length > 0 ? /*#__PURE__*/React.createElement(AttachmentPreview, {
+    suggestionsMapping: suggestionsMapping
+  }, replyEditorSuggestionsProps)) : null, files.length > 0 ? /*#__PURE__*/React.createElement(AttachmentPreview, _extends({
     descriptionDetails: filesDescription,
     files: files,
     isDescriptionNeeded: true,
@@ -125,11 +124,10 @@ export default function ReplyComposer(props) {
     onCancel: onFileCancel,
     onDescriptionChange: onChangeFileDescription,
     onSubmit: onFileSubmit,
-    texts: attachmentPreviewTexts,
-    ...attachmentPreviewCustomProps
-  }) : null, isLoaded ? headerElement : null, stencilsElement || null, bodyElement || /*#__PURE__*/React.createElement("div", {
+    texts: attachmentPreviewTexts
+  }, attachmentPreviewCustomProps)) : null, isLoaded ? headerElement : null, stencilsElement || null, /*#__PURE__*/React.createElement("div", {
     className: replEditorWrapperClass
-  }, /*#__PURE__*/React.createElement(ReplyEditor, {
+  }, /*#__PURE__*/React.createElement(ReplyEditor, _extends({
     content: content,
     EDITORURL: EDITORURL,
     features: allFeatures,
@@ -140,15 +138,13 @@ export default function ReplyComposer(props) {
     onChange: onChange,
     onKeyDown: onKeyDown,
     onPaste: onPaste,
-    placeHolder: placeHolder,
-    ...replyEditorCustomProps
-  })), needFooter && isLoaded ? /*#__PURE__*/React.createElement(ReplyComposerFooter, {
+    placeHolder: placeHolder
+  }, replyEditorCustomProps))), needFooter && isLoaded ? /*#__PURE__*/React.createElement(ReplyComposerFooter, _extends({
     editor: editor,
     extensions: extensions,
     isHTMLContent: isHTMLContent,
-    renderButtons: renderFooter,
-    ...replyComposerFooterProps
-  }) : null);
+    renderButtons: renderFooter
+  }, replyComposerFooterProps)) : null);
 }
 ReplyComposer.propTypes = replyComposerPropTypes;
 ReplyComposer.defaultProps = replyComposerDefaultProps;

package/es/im/ReplyComposer/index.js

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

package/es/im/ReplyComposer/props/propTypes.js

@@ -2,7 +2,7 @@
 import PropTypes from 'prop-types';
 /** ** Constants *** */
 
-import { features, formats } from "../../../constants/propConstants/editorPropConstants";
+import { features, formats } from '../../../constants/propConstants/editorPropConstants';
 const replyComposerPropTypes = {
   customStyle: PropTypes.object,
   id: PropTypes.string,

package/es/im/ReplyComposerFooter/ReplyComposerFooter.js

@@ -2,20 +2,20 @@
 import React, { useMemo } from 'react';
 /** ** Components *** */
 
-import ReplyEditorExtensions from "../ReplyEditorExtensions/ReplyEditorExtensions";
+import ReplyEditorExtensions from '../ReplyEditorExtensions/ReplyEditorExtensions';
 /** ** Hooks *** */
 
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import replyComposerFooterDefaultProps from "./props/defaultProps";
-import replyComposerFooterPropTypes from "./props/propTypes";
+import replyComposerFooterDefaultProps from './props/defaultProps';
+import replyComposerFooterPropTypes from './props/propTypes';
 /** ** Methods *** */
 
 import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
 /** ** Styles *** */
 
-import style from "./css/ReplyComposerFooter.module.css";
+import style from './css/ReplyComposerFooter.module.css';
 export default function ReplyComposerFooter(props) {
   const {
     customStyle,

package/es/im/ReplyComposerFooter/index.js

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