@zohoim/chat-components 1.1.4 → 1.1.6

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';

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';