@zohoim/chat-components 0.0.11 → 0.0.13

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

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

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

@@ -1,2 +1,2 @@
-export { default as Article } from "./Article";
-export { default as Quote } from "./Quote";
+export { default as Article } from './Article';
+export { default as Quote } from './Quote';

package/es/icons/iconSrc/integrations/ChInstagram.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/integrations/ChWhatsApp.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/integrations/TtASAP.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/integrations/TtTelegram.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/integrations/TtTwillio.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/integrations/TtTwitter.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/integrations/TtWechat.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

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

@@ -1,7 +1,7 @@
-export { default as ChInstagram } from "./ChInstagram";
-export { default as ChWhatsApp } from "./ChWhatsApp";
-export { default as TtASAP } from "./TtASAP";
-export { default as TtTelegram } from "./TtTelegram";
-export { default as TtTwillio } from "./TtTwillio";
-export { default as TtTwitter } from "./TtTwitter";
-export { default as TtWechat } from "./TtWechat";
+export { default as ChInstagram } from './ChInstagram';
+export { default as ChWhatsApp } from './ChWhatsApp';
+export { default as TtASAP } from './TtASAP';
+export { default as TtTelegram } from './TtTelegram';
+export { default as TtTwillio } from './TtTwillio';
+export { default as TtTwitter } from './TtTwitter';
+export { default as TtWechat } from './TtWechat';

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

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

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

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

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

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

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

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

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

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

package/es/im/IMArticleBubble/IMArticleBubble.js

@@ -12,12 +12,11 @@ import imArticleBubbleDefaultProps from './props/defaultProps';
 import imArticleBubblePropTypes from './props/propTypes';
 
 /** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
+import getDerivedArticleDetails from '@zohoim/chat-components-utils/es/imUtils/getDerivedArticleDetails';
 import cssJSLogic from './css/cssJSLogic';
 
 /** ** Styles *** */
 import style from './css/IMArticleBubble.module.css';
-import useIMArticleBubble from '@zohoim/chat-components-hooks/es/im/IMArticleBubble/useIMArticleBubble';
 import ArticleBubble from '../../ArticleBubble/ArticleBubble';
 export default function IMArticleBubble(props) {
   const {
@@ -37,15 +36,15 @@ export default function IMArticleBubble(props) {
     articleURL,
     summary,
     title
-  } = useIMArticleBubble({
+  } = getDerivedArticleDetails({
     articleDetails
   });
   return /*#__PURE__*/React.createElement("div", {
     className: imArticleBubbleClass
   }, /*#__PURE__*/React.createElement(ArticleBubble, {
+    articleURL: articleURL,
     bubbleInfo: articleShareI18N,
     customStyle: articleCustomStyle,
-    articleURL: articleURL,
     summary: summary,
     title: title
   }));

package/es/im/IMAttachmentBubble/IMAttachmentBubble.js

@@ -12,14 +12,13 @@ import imAttachmentBubbleDefaultProps from './props/defaultProps';
 import imAttachmentBubblePropTypes from './props/propTypes';
 
 /** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
+import getAttachmentDetails from '@zohoim/chat-components-utils/es/imUtils/getAttachmentDetails';
 import cssJSLogic from './css/cssJSLogic';
 
 /** ** Styles *** */
 import style from './css/IMAttachmentBubble.module.css';
 import AttachmentBubble from '../../AttachmentBubble/AttachmentBubble';
 import IMAttachmentIcon from '../IMAttachmentIcon/IMAttachmentIcon';
-import useIMAttachmentBubble from '@zohoim/chat-components-hooks/es/im/IMAttachmentBubble/useIMAttachmentBubble';
 export default function IMAttachmentBubble(props) {
   const {
     customStyle,
@@ -39,7 +38,7 @@ export default function IMAttachmentBubble(props) {
     formattedFileSize: fileSize,
     fileName,
     fileFormat
-  } = useIMAttachmentBubble({
+  } = getAttachmentDetails({
     attachmentDetails
   });
   function renderFileTypeIcon() {
@@ -51,11 +50,11 @@ export default function IMAttachmentBubble(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: imAttachmentBubbleClass
   }, /*#__PURE__*/React.createElement(AttachmentBubble, {
+    bubbleInfoCustomStyle: bubbleInfoCustomStyle,
     customStyle: bubbleCustomStyle,
-    renderFileTypeIcon: renderFileTypeIcon,
     fileName: fileName,
     fileSize: fileSize,
-    bubbleInfoCustomStyle: bubbleInfoCustomStyle
+    renderFileTypeIcon: renderFileTypeIcon
   }));
 }
 IMAttachmentBubble.propTypes = imAttachmentBubblePropTypes;

package/es/im/IMAttachmentIcon/IMAttachmentIcon.js

@@ -2,22 +2,21 @@
 /* eslint-disable max-len */
 
 /** ** Libraries *** */
-import React from "react";
+import React from 'react';
 
 /** ** Hooks *** */
-import useMergeStyle from "@zohodesk/hooks/es/utils/useMergeStyle";
+import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 
 /** ** Constants *** */
-import imAttachmentIconDefaultProps from "./props/defaultProps";
-import imAttachmentIconPropTypes from "./props/propTypes";
+import imAttachmentIconDefaultProps from './props/defaultProps';
+import imAttachmentIconPropTypes 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/IMAttachmentIcon.module.css";
-import attachmentFileTypes from "@zohoim/chat-components-utils/es/constants/attachmentFileTypes";
+import style from './css/IMAttachmentIcon.module.css';
+import attachmentFileTypes from '@zohoim/chat-components-utils/es/constants/attachmentFileTypes';
 
 /** ** Icons *** */
 import AudioIcon from '../../icons/iconSrc/attachments/Audio';
@@ -83,4 +82,4 @@ export default function IMAttachmentIcon(props) {
 }
 IMAttachmentIcon.propTypes = imAttachmentIconPropTypes;
 IMAttachmentIcon.defaultProps = imAttachmentIconDefaultProps;
-IMAttachmentIcon.displayName = "IMAttachmentIcon";
+IMAttachmentIcon.displayName = 'IMAttachmentIcon';

package/es/im/IMAudioBubble/IMAudioBubble.js

@@ -12,7 +12,6 @@ import imAudioBubbleDefaultProps from './props/defaultProps';
 import imAudioBubblePropTypes from './props/propTypes';
 
 /** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
 import cssJSLogic from './css/cssJSLogic';
 
 /** ** Styles *** */
@@ -48,14 +47,14 @@ export default function IMAudioBubble(props) {
   return isShow ? /*#__PURE__*/React.createElement("div", {
     className: imAudioBubbleClass
   }, /*#__PURE__*/React.createElement(AudioBubble, {
-    customStyle: audioBubbleCustomStyle,
-    headerCustomStyle: headerCustomStyle,
     audioCustomStyle: audioCustomStyle,
     controlsCustomStyle: controlsCustomStyle,
+    customStyle: audioBubbleCustomStyle,
     fileName: fileName,
     fileSize: fileSize,
+    fileType: fileType,
     fileURL: fileURL,
-    fileType: fileType
+    headerCustomStyle: headerCustomStyle
   })) : null;
 }
 IMAudioBubble.propTypes = imAudioBubblePropTypes;

package/es/im/IMAudioBubble/css/cssJSLogic.js

@@ -1,7 +1,7 @@
 /** ** Methods *** */
-import { compileClassNames } from "@zohodesk/utils";
+import { compileClassNames } from '@zohodesk/utils';
 export default function cssJSLogic(props, style) {
-  let {
+  const {
     headerCustomStyle: propHeaderCustomStyle
   } = props;
   const imAudioBubbleClass = compileClassNames({

package/es/im/IMAutoMessageInfo/IMAutoMessageInfo.js

@@ -13,7 +13,6 @@ import imAutoMessageInfoDefaultProps from './props/defaultProps';
 import imAutoMessageInfoPropTypes from './props/propTypes';
 
 /** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
 import cssJSLogic from './css/cssJSLogic';
 
 /** ** Styles *** */

package/es/im/IMDateTime/IMDateTime.js

@@ -13,7 +13,6 @@ import imDateTimeDefaultProps from './props/defaultProps';
 import imDateTimePropTypes from './props/propTypes';
 
 /** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
 import cssJSLogic from './css/cssJSLogic';
 
 /** ** Styles *** */

package/es/im/IMDateTime/css/IMDateTime.module.css

@@ -1,5 +1,10 @@
 .imDateTime {
-  font-size: 11px;
+  font-size: var(--imlib_size_11);
   /* max-width: var(--zd_size100); */
   /* display: flex; */
+  max-width: var(--zd_size100);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: var(--imlib_chat_components_iMDateTime_color);
 }

package/es/im/IMImageBubble/IMImageBubble.js

@@ -12,13 +12,14 @@ import imImageBubbleDefaultProps from './props/defaultProps';
 import imImageBubblePropTypes from './props/propTypes';
 
 /** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
+import getAttachmentDetails from '@zohoim/chat-components-utils/es/imUtils/getAttachmentDetails';
 import cssJSLogic from './css/cssJSLogic';
 
 /** ** Styles *** */
 import style from './css/IMImageBubble.module.css';
+
+/** ** Components *** */
 import ImageBubble from '../../ImageBubble/ImageBubble';
-import useIMImageBubble from '@zohoim/chat-components-hooks/es/im/IMImageBubble/useIMImageBubble';
 export default function IMImageBubble(props) {
   const {
     customStyle,
@@ -34,14 +35,14 @@ export default function IMImageBubble(props) {
   const {
     attachmentURL,
     fileName
-  } = useIMImageBubble({
+  } = getAttachmentDetails({
     attachmentDetails
   });
   return /*#__PURE__*/React.createElement("div", {
     className: imImageBubbleClass
   }, /*#__PURE__*/React.createElement(ImageBubble, {
-    src: attachmentURL,
-    alternate: fileName
+    alternate: fileName,
+    src: attachmentURL
   }));
 }
 IMImageBubble.propTypes = imImageBubblePropTypes;

package/es/im/IMInfoBubble/IMInfoBubble.js

@@ -12,7 +12,6 @@ import imInfoBubbleDefaultProps from './props/defaultProps';
 import imInfoBubblePropTypes from './props/propTypes';
 
 /** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
 import cssJSLogic from './css/cssJSLogic';
 
 /** ** Styles *** */

package/es/im/IMLocationBubble/IMLocationBubble.js

@@ -12,12 +12,13 @@ import imLocationBubbleDefaultProps from './props/defaultProps';
 import imLocationBubblePropTypes from './props/propTypes';
 
 /** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
+import getDerivedLocationDetails from '@zohoim/chat-components-utils/es/imUtils/getDerivedLocationDetails';
 import cssJSLogic from './css/cssJSLogic';
 
 /** ** Styles *** */
 import style from './css/IMLocationBubble.module.css';
-import useIMLocationBubble from '@zohoim/chat-components-hooks/es/im/IMLocationBubble/useIMLocationBubble';
+
+/** ** Components *** */
 import LocationBubble from '../../LocationBubble/LocationBubble';
 export default function IMLocationBubble(props) {
   const {
@@ -34,14 +35,14 @@ export default function IMLocationBubble(props) {
   } = cssJSLogic(props, newStyle);
   const {
     locationURL
-  } = useIMLocationBubble({
+  } = getDerivedLocationDetails({
     locationDetails
   });
   return /*#__PURE__*/React.createElement("div", {
     className: imLocationBubbleClass
   }, /*#__PURE__*/React.createElement(LocationBubble, {
-    locationURL: locationURL,
-    customStyle: locationCustomStyle
+    customStyle: locationCustomStyle,
+    locationURL: locationURL
   }));
 }
 IMLocationBubble.propTypes = imLocationBubblePropTypes;

package/es/im/IMMessage/IMMessage.js

@@ -1,19 +1,22 @@
+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-no-bind */
 
 /** ** Libraries *** */
-import React from "react";
+import React from 'react';
 
 /** ** Hooks *** */
 import useIMMessage from '@zohoim/chat-components-hooks/es/im/IMMessage/useIMMessage';
 
 /** ** 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';
 
 /** ** Components *** */
 import Message from '../../Message/Message';
-import IMMessageContent from "../IMMessageContent/IMMessageContent";
-import IMTicketLink from "../IMTicketLink/IMTicketLink";
+import IMMessageContent from '../IMMessageContent/IMMessageContent';
+import IMTicketLink from '../IMTicketLink/IMTicketLink';
+import IMIntegrationIcon from '../IMIntegrationIcon/IMIntegrationIcon';
 export default function IMMessage(props) {
   const {
     defaultAgentAvatar,
@@ -29,55 +32,39 @@ export default function IMMessage(props) {
     isSameTimeMessage,
     messageActionDetails,
     canReply,
-    /*Customization Props*/
-    messageBubbleCustomStyle,
-    avatarCustomStyle,
-    senderIntegrationIconCustomStyle,
-    messageBoxCustomStyle,
-    actionIconCustomStyle,
-    moreActionItemCustomStyle,
-    messageActionCustomStyle,
-    moreActionPopupCustomStyle,
-    messageStatusCustomStyle,
-    needMessageActions,
-    needSender,
-    needMessageBox,
-    isCustomIntegrationIcon,
-    isCustomSenderAvatar,
-    senderAvatarSize,
-    senderIntegrationIconSize,
-    actionsDefaultShowCount,
-    renderCustomIntegrationIcon,
-    renderCustomSenderAvatar,
-    renderMessageFooter,
-    renderMessageHeader,
     replyText,
     articleShareText,
-    moreText
+    moreText,
+    customProps
   } = props;
+  const {
+    messageBubbleProps = dummyObject,
+    messageOwnerProps = dummyObject,
+    messageBoxProps = dummyObject,
+    messageStatusProps = dummyObject,
+    messageActionsProps = dummyObject,
+    imMessageContentProps = dummyObject,
+    imTicketLinkProps = dummyObject,
+    imIntegrationIconProps = dummyObject
+  } = customProps;
   const {
     direction,
-    isDeletedMessage,
-    isFailedMessage,
     isActive,
     isShowSender,
-    isBot,
+    // isBot,
     senderSrc,
     senderAlternateSrc,
-    senderTitle,
     senderName,
     isShowIntegrationIcon,
     integrationName,
-    messageMetaType,
-    messageType,
+    // messageMetaType,
+    // messageType,
     messageStatus,
     isAgentMessage,
     messageStatusTitle,
-    displayMessage,
     createdTime,
     messageId,
     ticketNumber,
-    ticketId,
     messageActions
   } = useIMMessage({
     defaultAgentAvatar,
@@ -94,28 +81,16 @@ export default function IMMessage(props) {
     canReply
   });
   function handleRenderMessageBoxFooter() {
-    return !isSameTimeMessage ?
-    /*#__PURE__*/
-    //   <CommonDateWithTime
-    //     to={createdTime}
-    //     isNeedTime
-    //     prefix=''
-    //     isTimeOnly
-    //     hideTitle
-    //   />
-    // ) :
-    React.createElement("div", null, createdTime) : null;
+    return !isSameTimeMessage ? /*#__PURE__*/React.createElement("div", null, createdTime) : null;
   }
   function handleRenderMessage() {
-    return /*#__PURE__*/React.createElement(IMMessageContent, {
-      messageDetails: messageDetails,
-      replyText: replyText,
+    return /*#__PURE__*/React.createElement(IMMessageContent, _extends({
       articleShareText: articleShareText,
-      moreText: moreText
-    });
-    // return <div>{displayMessage}</div>;
+      messageDetails: messageDetails,
+      moreText: moreText,
+      replyText: replyText
+    }, imMessageContentProps));
   }
-
   function handleSelectAction(_ref) {
     let {
       id,
@@ -133,64 +108,43 @@ export default function IMMessage(props) {
     });
   }
   function handleRenderSecondaryActions() {
-    // return null;
-    return /*#__PURE__*/React.createElement(IMTicketLink, {
+    return /*#__PURE__*/React.createElement(IMTicketLink, _extends({
       ticketNumber: ticketNumber
-    });
-
-    /*
-     <a
-        data-id={`ticketLink_${ticketNumber}`}
-        // className={style.ticketId}
-        // href='javascript:;'
-        target='_blank'
-        rel='noopener noreferrer'
-      >
-        {`#${ticketNumber}`}
-      </a> 
-    */
+    }, imTicketLinkProps));
+  }
+  function handleRenderIntegIcon() {
+    /*#__PURE__*/React.createElement(IMIntegrationIcon, _extends({
+      integrationName: isShowIntegrationIcon ? integrationName : ''
+    }, imIntegrationIconProps));
   }
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Message, {
+    actions: messageActions,
+    customProps: {
+      messageOwnerProps,
+      messageBoxProps,
+      messageStatusProps,
+      messageActionsProps,
+      messageBubbleProps: {
+        renderMessageBoxFooter: handleRenderMessageBoxFooter,
+        ...messageBubbleProps
+      }
+    },
     direction: direction,
     isActive: isActive,
     isShowSender: isShowSender,
-    senderName: senderName,
-    senderSrc: senderSrc,
-    senderAlternateSrc: senderAlternateSrc,
-    senderTitle: senderTitle,
-    senderIntegrationIcon: isShowIntegrationIcon ? integrationName : "",
-    isFailedMessage: isFailedMessage,
-    messageActions: messageActions,
-    needMessageActions: needMessageActions ? messageActions.length >= 0 : false,
     onSelectAction: handleSelectAction,
-    messageStatus: isAgentMessage ? messageStatus : "",
-    statusTitle: messageStatusTitle,
-    customStyle: messageBubbleCustomStyle,
-    avatarCustomStyle: avatarCustomStyle,
-    senderIntegrationIconCustomStyle: senderIntegrationIconCustomStyle,
-    messageBoxCustomStyle: messageBoxCustomStyle,
-    actionIconCustomStyle: actionIconCustomStyle,
-    moreActionItemCustomStyle: moreActionItemCustomStyle,
-    messageActionCustomStyle: messageActionCustomStyle,
-    moreActionPopupCustomStyle: moreActionPopupCustomStyle,
-    messageStatusCustomStyle: messageStatusCustomStyle,
-    needSender: needSender,
-    needMessageBox: needMessageBox,
-    isCustomIntegrationIcon: isCustomIntegrationIcon,
-    isCustomSenderAvatar: isCustomSenderAvatar,
-    senderAvatarSize: senderAvatarSize,
-    senderIntegrationIconSize: senderIntegrationIconSize,
-    actionsDefaultShowCount: actionsDefaultShowCount,
-    renderCustomIntegrationIcon: renderCustomIntegrationIcon,
-    renderCustomSenderAvatar: renderCustomSenderAvatar,
+    ownerDetails: {
+      src: senderSrc,
+      alternateSrc: senderAlternateSrc,
+      name: senderName
+    },
+    renderContent: handleRenderMessage,
+    renderOwnerOverlay: handleRenderIntegIcon,
     renderSecondaryActions: handleRenderSecondaryActions,
-    renderMessage: handleRenderMessage,
-    renderMessageFooter: renderMessageFooter,
-    renderMessageHeader: renderMessageHeader,
-    renderMessageBoxFooter: handleRenderMessageBoxFooter
+    status: isAgentMessage ? messageStatus : '',
+    statusTooltip: messageStatusTitle
   }));
 }
 IMMessage.propTypes = imMessagePropTypes;
 IMMessage.defaultProps = imMessageDefaultProps;
-IMMessage.displayName = "IMMessage";
+IMMessage.displayName = 'IMMessage';

package/es/im/IMMessage/props/defaultProps.js

@@ -2,8 +2,6 @@
 
 /** ** Constants *** */
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
-import sizes from '@zohoim/chat-components-utils/es/constants/sizes';
-import { actionsDefaultShowCount } from '@zohoim/chat-components-utils/es/constants/messageActionConstants';
 const imMessageDefaultProps = {
   messageDetails: dummyObject,
   sessionDetails: dummyObject,
@@ -17,22 +15,6 @@ const imMessageDefaultProps = {
   messageActionDetails: dummyObject,
   isCurrentAgent: false,
   canReply: false,
-  messageBubbleCustomStyle: dummyObject,
-  avatarCustomStyle: dummyObject,
-  senderIntegrationIconCustomStyle: dummyObject,
-  messageBoxCustomStyle: dummyObject,
-  actionIconCustomStyle: dummyObject,
-  moreActionItemCustomStyle: dummyObject,
-  messageActionCustomStyle: dummyObject,
-  moreActionPopupCustomStyle: dummyObject,
-  messageStatusCustomStyle: dummyObject,
-  needMessageActions: true,
-  needSender: true,
-  needMessageBox: true,
-  isCustomIntegrationIcon: false,
-  isCustomSenderAvatar: false,
-  senderAvatarSize: 'medium',
-  senderIntegrationIconSize: sizes.SMALL,
-  actionsDefaultShowCount: actionsDefaultShowCount
+  customProps: dummyObject
 };
 export default imMessageDefaultProps;