@zohoim/chat-components 0.0.8 → 0.0.10

package/es/{IMMessage → im/IMMessage}/IMMessage.js

@@ -1,19 +1,19 @@
 /* eslint-disable react/jsx-no-bind */
 
 /** ** Libraries *** */
-import React from 'react';
+import React from "react";
 
 /** ** Hooks *** */
-import useIMMessage from '@zohoim/chat-components-hooks/es/IMMessage/useIMMessage';
+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";
 
 /** ** Components *** */
-import Message from '../Message/Message';
-import IMMessageContent from '../IMMessageContent/IMMessageContent';
-import IMTicketLink from '../IMTicketLink/IMTicketLink';
+import Message from '../../Message/Message';
+import IMMessageContent from "../IMMessageContent/IMMessageContent";
+import IMTicketLink from "../IMTicketLink/IMTicketLink";
 export default function IMMessage(props) {
   const {
     defaultAgentAvatar,
@@ -50,7 +50,10 @@ export default function IMMessage(props) {
     renderCustomIntegrationIcon,
     renderCustomSenderAvatar,
     renderMessageFooter,
-    renderMessageHeader
+    renderMessageHeader,
+    replyText,
+    articleShareText,
+    moreText
   } = props;
   const {
     direction,
@@ -105,7 +108,10 @@ export default function IMMessage(props) {
   }
   function handleRenderMessage() {
     return /*#__PURE__*/React.createElement(IMMessageContent, {
-      messageDetails: messageDetails
+      messageDetails: messageDetails,
+      replyText: replyText,
+      articleShareText: articleShareText,
+      moreText: moreText
     });
     // return <div>{displayMessage}</div>;
   }
@@ -153,12 +159,12 @@ export default function IMMessage(props) {
     senderSrc: senderSrc,
     senderAlternateSrc: senderAlternateSrc,
     senderTitle: senderTitle,
-    senderIntegrationIcon: isShowIntegrationIcon ? integrationName : '',
+    senderIntegrationIcon: isShowIntegrationIcon ? integrationName : "",
     isFailedMessage: isFailedMessage,
     messageActions: messageActions,
     needMessageActions: needMessageActions ? messageActions.length >= 0 : false,
     onSelectAction: handleSelectAction,
-    messageStatus: isAgentMessage ? messageStatus : '',
+    messageStatus: isAgentMessage ? messageStatus : "",
     statusTitle: messageStatusTitle,
     customStyle: messageBubbleCustomStyle,
     avatarCustomStyle: avatarCustomStyle,
@@ -187,4 +193,4 @@ export default function IMMessage(props) {
 }
 IMMessage.propTypes = imMessagePropTypes;
 IMMessage.defaultProps = imMessageDefaultProps;
-IMMessage.displayName = 'IMMessage';
+IMMessage.displayName = "IMMessage";

package/es/{IMMessage → im/IMMessage}/props/propTypes.js

@@ -1,10 +1,10 @@
 /** ** Libraries *** */
-import PropTypes from 'prop-types';
+import PropTypes from "prop-types";
 
 /** ** Constants *** */
-import { defaultMessageActions } from '@zohoim/chat-components-utils/es/constants/messageActionConstants';
-import messageStatusConstants from '@zohoim/chat-components-utils/es/constants/messageStatusConstants';
-import sizes from '@zohoim/chat-components-utils/es/constants/sizes';
+import { defaultMessageActions } from "@zohoim/chat-components-utils/es/constants/messageActionConstants";
+import messageStatusConstants from "@zohoim/chat-components-utils/es/constants/messageStatusConstants";
+import sizes from "@zohoim/chat-components-utils/es/constants/sizes";
 const {
   REPLY,
   COPY,
@@ -121,7 +121,7 @@ const imMessagePropTypes = {
   messageBubbleCustomStyle: PropTypes.object,
   needMessageActions: PropTypes.bool,
   needSender: PropTypes.bool,
-  senderAvatarSize: PropTypes.oneOf(['xxsmall', 'small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge']),
+  senderAvatarSize: PropTypes.oneOf(["xxsmall", "small", "xsmall", "medium", "xmedium", "large", "xlarge"]),
   avatarCustomStyle: PropTypes.object,
   senderIntegrationIconSize: PropTypes.oneOf([sizes.SMALL, sizes.MEDIUM]),
   senderIntegrationIconCustomStyle: PropTypes.object,
@@ -140,6 +140,9 @@ const imMessagePropTypes = {
   moreActionItemCustomStyle: PropTypes.object,
   messageActionCustomStyle: PropTypes.object,
   moreActionPopupCustomStyle: PropTypes.object,
-  messageStatusCustomStyle: PropTypes.object
+  messageStatusCustomStyle: PropTypes.object,
+  replyText: PropTypes.string,
+  articleShareText: PropTypes.string,
+  moreText: PropTypes.string
 };
 export default imMessagePropTypes;

package/es/{IMMessageActions → im/IMMessageActions}/IMMessageActions.js

@@ -7,9 +7,9 @@
 import React from 'react';
 
 /** ** Components *** */
-import ActionIcon from '../ActionIcon/ActionIcon';
-import MessageActions from '../MessageActions/MessageActions';
-import MessageAction from '../MessageAction/MessageAction';
+import ActionIcon from '../../ActionIcon/ActionIcon';
+import MessageActions from '../../MessageActions/MessageActions';
+import MessageAction from '../../MessageAction/MessageAction';
 
 /** ** Icons *** */
 import ReplyIcon from '@zohodesk/icon/es/general/Reply';
@@ -19,10 +19,10 @@ 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 MoreIcon from '@zohodesk/icon/es/general/More';
-import ConvertTicket from '../icons/iconSrc/actions/ConvertTicket';
+import ConvertTicket from '../../icons/iconSrc/actions/ConvertTicket';
 
 /** ** Hooks *** */
-import useIMMessageActions from '@zohoim/chat-components-hooks/es/IMMessageActions/useIMMessageActions';
+import useIMMessageActions from '@zohoim/chat-components-hooks/es/im/IMMessageActions/useIMMessageActions';
 
 /** ** Methods *** */
 import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';

package/es/{IMMessageActions → im/IMMessageActions}/css/IMMessageActions.module.css

@@ -16,6 +16,14 @@
   /* margin-top: var(--imMessageActions-secondaryActions_margin); */
 }
 
+[dir=ltr] .secondaryActions {
+  text-align: left;
+}
+
+[dir=rtl] .secondaryActions {
+  text-align: right;
+}
+
 .icon {
   composes: varClass;
   width: var(--imMessageActions-action_icon_size);

package/es/{IMMessageAvatar → im/IMMessageAvatar}/IMMessageAvatar.js

@@ -2,7 +2,7 @@
 import React from 'react';
 
 /** ** Components *** */
-import MessageAvatar from '../MessageAvatar/MessageAvatar';
+import MessageAvatar from '../../MessageAvatar/MessageAvatar';
 import IMIntegrationIcon from '../IMIntegrationIcon/IMIntegrationIcon';
 
 /** ** Constants *** */

package/es/{IMMessageContent → im/IMMessageContent}/IMMessageContent.js

@@ -2,36 +2,38 @@
 /* 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 imMessageContentDefaultProps from './props/defaultProps';
-import imMessageContentPropTypes from './props/propTypes';
+import imMessageContentDefaultProps from "./props/defaultProps";
+import imMessageContentPropTypes from "./props/propTypes";
 
 /** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-import cssJSLogic from './css/cssJSLogic';
+import renderHandler from "@zohoim/chat-components-utils/es/common/renderHandler";
+import cssJSLogic from "./css/cssJSLogic";
 
 /** ** Styles *** */
-import style from './css/IMMessageContent.module.css';
-import useIMMessageContent from '@zohoim/chat-components-hooks/es/IMMessageContent/useIMMessageContent';
-import { messageTypes, mediaTypes as mediaTypeConstants } from '@zohoim/chat-components-utils/es/constants/messageConstants';
-import IMReplyBubble from '../IMReplyBubble/IMReplyBubble';
-import IMLocationBubble from '../IMLocationBubble/IMLocationBubble';
-import IMTextBubble from '../IMTextBubble/IMTextBubble';
-import IMImageBubble from '../IMImageBubble/IMImageBubble';
-import IMVideoBubble from '../IMVideoBubble/IMVideoBubble';
-import IMAudioBubble from '../IMAudioBubble/IMAudioBubble';
-import IMAttachmentBubble from '../IMAttachmentBubble/IMAttachmentBubble';
-import IMArticleBubble from '../IMArticleBubble/IMArticleBubble';
+import style from "./css/IMMessageContent.module.css";
+import useIMMessageContent from '@zohoim/chat-components-hooks/es/im/IMMessageContent/useIMMessageContent';
+import { messageTypes, mediaTypes as mediaTypeConstants } from "@zohoim/chat-components-utils/es/constants/messageConstants";
+import IMReplyBubble from "../IMReplyBubble/IMReplyBubble";
+import IMLocationBubble from "../IMLocationBubble/IMLocationBubble";
+import IMTextBubble from "../IMTextBubble/IMTextBubble";
+import IMImageBubble from "../IMImageBubble/IMImageBubble";
+import IMVideoBubble from "../IMVideoBubble/IMVideoBubble";
+import IMAudioBubble from "../IMAudioBubble/IMAudioBubble";
+import IMAttachmentBubble from "../IMAttachmentBubble/IMAttachmentBubble";
+import IMArticleBubble from "../IMArticleBubble/IMArticleBubble";
 export default function IMMessageContent(props) {
   const {
     customStyle,
     messageDetails,
-    seeMoreText
+    seeMoreText,
+    replyText,
+    articleShareText
   } = props;
   const {
     isShowLayoutBubble,
@@ -56,12 +58,14 @@ export default function IMMessageContent(props) {
   const {
     attachment: attachmentDetails,
     location: locationDetails,
-    kbArticle: articleDetails
+    kbArticle: articleDetails,
+    replyToMessage
   } = messageDetails || {};
   return /*#__PURE__*/React.createElement("div", {
     className: imMessageContentClass
   }, isShowLayoutBubble ? null : null, isShowReplyBubble ? /*#__PURE__*/React.createElement(IMReplyBubble, {
-    messageDetails: messageDetails
+    messageDetails: replyToMessage,
+    replyText: replyText
   }) : null, isShowImageBubble ? /*#__PURE__*/React.createElement(IMImageBubble, {
     attachmentDetails: attachmentDetails
   }) : null, isShowVideoBubble ? /*#__PURE__*/React.createElement(IMVideoBubble, {
@@ -73,7 +77,8 @@ export default function IMMessageContent(props) {
   }) : null, isShowLocationBubble ? /*#__PURE__*/React.createElement(IMLocationBubble, {
     locationDetails: locationDetails
   }) : null, isShowArticleBubble ? /*#__PURE__*/React.createElement(IMArticleBubble, {
-    articleDetails: articleDetails
+    articleDetails: articleDetails,
+    articleShareI18N: articleShareText
   }) : null, isShowTextBubble ? /*#__PURE__*/React.createElement(IMTextBubble, {
     messageDetails: messageDetails,
     moreText: seeMoreText
@@ -81,4 +86,4 @@ export default function IMMessageContent(props) {
 }
 IMMessageContent.propTypes = imMessageContentPropTypes;
 IMMessageContent.defaultProps = imMessageContentDefaultProps;
-IMMessageContent.displayName = 'IMMessageContent';
+IMMessageContent.displayName = "IMMessageContent";

package/es/{IMMessageContent → im/IMMessageContent}/props/propTypes.js

@@ -30,6 +30,8 @@ const imMessageContentPropTypes = {
     createdTime: PropTypes.string,
     id: PropTypes.string
   }),
-  moreText: PropTypes.string
+  moreText: PropTypes.string,
+  replyText: PropTypes.string,
+  articleShareText: PropTypes.string
 };
 export default imMessageContentPropTypes;

package/es/{IMMessageStatus → im/IMMessageStatus}/IMMessageStatus.js

@@ -19,10 +19,10 @@ import cssJSLogic from './css/cssJSLogic';
 import style from './css/IMMessageStatus.module.css';
 
 /** ** Icons *** */
-import DoubleTickIcon from '../icons/iconSrc/messageStatus/DoubleTick';
-import TickIcon from '../icons/iconSrc/messageStatus/Tick';
-import ClockIcon from '../icons/iconSrc/messageStatus/Clock';
-import FailedIcon from '../icons/iconSrc/messageStatus/Failed';
+import DoubleTickIcon from '../../icons/iconSrc/messageStatus/DoubleTick';
+import TickIcon from '../../icons/iconSrc/messageStatus/Tick';
+import ClockIcon from '../../icons/iconSrc/messageStatus/Clock';
+import FailedIcon from '../../icons/iconSrc/messageStatus/Failed';
 const {
   SENT,
   SAVED,

package/es/im/IMReplyBubble/IMReplyBubble.js

@@ -0,0 +1,84 @@
+/* eslint-disable react/jsx-no-bind */
+/* eslint-disable max-len */
+
+/** ** Libraries *** */
+import React from 'react';
+
+/** ** Hooks *** */
+import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
+
+/** ** Constants *** */
+import imReplyBubbleDefaultProps from './props/defaultProps';
+import imReplyBubblePropTypes from './props/propTypes';
+
+/** ** Methods *** */
+import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
+import cssJSLogic from './css/cssJSLogic';
+
+/** ** Styles *** */
+import style from './css/IMReplyBubble.module.css';
+import ReplyBubble from '../../ReplyBubble/ReplyBubble';
+import useIMReplyBubble from '@zohoim/chat-components-hooks/es/im/IMReplyBubble/useIMReplyBubble';
+import IMAttachmentIcon from '../IMAttachmentIcon/IMAttachmentIcon';
+export default function IMReplyBubble(props) {
+  const {
+    customStyle,
+    headerCustomStyle,
+    timeCustomStyle,
+    contentCustomStyle,
+    replyText,
+    messageDetails
+  } = props;
+
+  /* External customization */
+  const newStyle = useMergeStyle(style, customStyle);
+  /* CSS classnames added based on logic */
+  const {
+    imReplyBubbleClass,
+    attachmentIconStyle
+  } = cssJSLogic(props, newStyle);
+  const {
+    fileFormat,
+    fileURL,
+    message,
+    senderName,
+    time
+  } = useIMReplyBubble({
+    messageDetails
+  });
+  function renderMessage() {
+    return /*#__PURE__*/React.createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: message
+      }
+    });
+  }
+  function renderIcon() {
+    return fileFormat ? /*#__PURE__*/React.createElement("div", {
+      className: newStyle.imageWrapper
+    }, /*#__PURE__*/React.createElement("img", {
+      className: newStyle.image,
+      src: "https://contacts.zoho.com/file"
+    })) : fileFormat ? /*#__PURE__*/React.createElement(IMAttachmentIcon, {
+      customStyle: {
+        $icon: newStyle.attachmentIcon
+      },
+      fileFormat: fileFormat
+    }) : null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: imReplyBubbleClass
+  }, /*#__PURE__*/React.createElement(ReplyBubble, {
+    headerCustomStyle: headerCustomStyle,
+    timeCustomStyle: timeCustomStyle,
+    contentCustomStyle: contentCustomStyle,
+    senderName: senderName,
+    time: time,
+    replyText: replyText,
+    renderMessage: renderMessage,
+    renderIcon: renderIcon
+  }));
+}
+IMReplyBubble.propTypes = imReplyBubblePropTypes;
+IMReplyBubble.defaultProps = imReplyBubbleDefaultProps;
+IMReplyBubble.displayName = 'IMReplyBubble';

package/es/im/IMReplyBubble/css/IMReplyBubble.module.css

@@ -0,0 +1,24 @@
+.attachmentIcon {
+  height: 40px;
+  width: 40px;
+}
+
+.imageWrapper {
+  height: 60px;
+  width: 60px;
+  overflow: hidden;
+}
+
+[dir=ltr] .imageWrapper {
+  margin-right: 10px;
+}
+
+[dir=rtl] .imageWrapper {
+  margin-left: 10px;
+}
+
+.image {
+  width: 100%;
+  height: 100%;
+  border-radius: 3px;
+}

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

@@ -0,0 +1,9 @@
+/** ** Constants *** */
+import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
+const imReplyBubbleDefaultProps = {
+  customStyle: dummyObject,
+  headerCustomStyle: dummyObject,
+  timeCustomStyle: dummyObject,
+  contentCustomStyle: dummyObject
+};
+export default imReplyBubbleDefaultProps;

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

@@ -0,0 +1,22 @@
+/** ** Libraries *** */
+import PropTypes from 'prop-types';
+const imReplyBubblePropTypes = {
+  customStyle: PropTypes.object,
+  headerCustomStyle: PropTypes.object,
+  timeCustomStyle: PropTypes.object,
+  contentCustomStyle: PropTypes.object,
+  messageDetails: PropTypes.shape({
+    displayMessage: PropTypes.string,
+    attachment: PropTypes.shape({
+      type: PropTypes.string
+    }),
+    createdTime: PropTypes.string,
+    actor: PropTypes.shape({
+      name: PropTypes.string,
+      contactName: PropTypes.string,
+      externalId: PropTypes.string
+    })
+  }),
+  replyText: PropTypes.string
+};
+export default imReplyBubblePropTypes;

package/es/{IMTextBubble → im/IMTextBubble}/IMTextBubble.js

@@ -17,8 +17,9 @@ import cssJSLogic from './css/cssJSLogic';
 
 /** ** Styles *** */
 import style from './css/IMTextBubble.module.css';
-import TextBubble from '../TextBubble/TextBubble';
-import useIMTextBubble from '@zohoim/chat-components-hooks/es/IMTextBubble/useIMTextBubble';
+import TextBubble from '../../TextBubble/TextBubble';
+import useIMTextBubble from '@zohoim/chat-components-hooks/es/im/IMTextBubble/useIMTextBubble';
+import QuoteIcon from '../../icons/iconSrc/common/Quote';
 export default function IMTextBubble(props) {
   const {
     customStyle,
@@ -40,7 +41,7 @@ export default function IMTextBubble(props) {
   } = cssJSLogic(props, newStyle);
   return /*#__PURE__*/React.createElement("div", {
     className: imTextBubbleWrapperClass
-  }, isShowQuote ? /*#__PURE__*/React.createElement("span", null, "[QuoteIcon]") : null, /*#__PURE__*/React.createElement(TextBubble, {
+  }, isShowQuote ? /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(QuoteIcon, null)) : null, /*#__PURE__*/React.createElement(TextBubble, {
     customStyle: textBubbleCustomStyle,
     message: sanitizedDisplayMessage,
     isShowMoreText: isShowSeeMore,

package/es/{IMTicketLink → im/IMTicketLink}/IMTicketLink.js

@@ -7,7 +7,7 @@ import React from 'react';
 
 /** ** Hooks *** */
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-import useIMTicketLink from '@zohoim/chat-components-hooks/es/IMTicketLink/useIMTicketLink';
+import useIMTicketLink from '@zohoim/chat-components-hooks/es/im/IMTicketLink/useIMTicketLink';
 
 /** ** Constants *** */
 import imTicketLinkDefaultProps from './props/defaultProps';

package/es/{IMTicketLink → im/IMTicketLink}/css/IMTicketLink.module.css

@@ -9,7 +9,10 @@
   font-size: var(--imTicketLink-font_size);
   max-width: var(--imTicketLink-max_width);
   color: var(--imlib_chat_components_imTicketLink_color);
-  display: inline-block;
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 
   margin-top: var(--imTicketLink-top_gap);
   cursor: pointer;

package/es/{IMVideoBubble → im/IMVideoBubble}/IMVideoBubble.js

@@ -17,8 +17,8 @@ import cssJSLogic from './css/cssJSLogic';
 
 /** ** Styles *** */
 import style from './css/IMVideoBubble.module.css';
-import VideoBubble from '../VideoBubble/VideoBubble';
-import useIMVideoBubble from '@zohoim/chat-components-hooks/es/IMVideoBubble/useIMVideoBubble';
+import VideoBubble from '../../VideoBubble/VideoBubble';
+import useIMVideoBubble from '@zohoim/chat-components-hooks/es/im/IMVideoBubble/useIMVideoBubble';
 export default function IMVideoBubble(props) {
   const {
     attachmentDetails,

package/es/im/index.js

@@ -0,0 +1,20 @@
+export * from './IMIntegrationIcon';
+export * from './IMMessageActions';
+export * from './IMMessageAvatar';
+export * from './IMMessageStatus';
+export * from './IMMessage';
+export * from './IMDateTime';
+export * from './IMTicketLink';
+export * from './IMMessageMeta';
+export * from './IMAutoMessageInfo';
+export * from './IMMessageContent';
+export * from './IMAudioBubble';
+export * from './IMAttachmentBubble';
+export * from './IMVideoBubble';
+export * from './IMTextBubble';
+export * from './IMInfoBubble';
+export * from './IMAttachmentIcon';
+export * from './IMReplyBubble';
+export * from './IMImageBubble';
+export * from './IMLocationBubble';
+export * from './IMArticleBubble';

package/es/index.js

@@ -1,55 +1,37 @@
-export * from './MessageBubble';
+export * from "./MessageBubble";
 
 // export * from './AvatarSpace';
-export * from './MessageActions';
-export * from './MessageBox';
-export * from './MessageBoxHeader';
-export * from './MessageBoxFooter';
-export * from './ActionIcon';
-export * from './MessageActionsMore';
-export * from './TextMessage';
-export * from './MessageAvatar';
-export * from './IMIntegrationIcon';
-export * from './MoreActionItem';
-export * from './IMMessageActions';
-export * from './MessageAction';
-export * from './IMMessageAvatar';
-export * from './IMMessageStatus';
-export * from './IMMessage';
-export * from './Theme';
-export * from './MessageWrapper';
-export * from './Message';
-export * from './IMDateTime';
-export * from './IMTicketLink';
-export * from './IMMessageMeta';
-export * from './IMAutoMessageInfo';
-export * from './IMMessageContent';
-export * from './AudioBubble';
-export * from './IMAudioBubble';
-export * from './AttachmentBubble';
-export * from './IMAttachmentBubble';
-export * from './VideoBubble';
-export * from './IMVideoBubble';
-export * from './ImageBubble';
-export * from './TextBubble';
-export * from './IMTextBubble';
-export * from './ArticleBubble';
-export * from './LocationBubble';
-export * from './InfoBubble';
-export * from './IMInfoBubble';
-export * from './AttachmentBubbleInfo';
-export * from './Audio';
-export * from './Video';
-export * from './IMAttachmentIcon';
-export * from './ReplyBubble';
-export * from './IMReplyBubble';
-export * from './ReplyBubbleHeader';
-export * from './LazyLoadImage';
-export * from './IMImageBubble';
-export * from './IMLocationBubble';
-export * from './IMArticleBubble';
+export * from "./MessageActions";
+export * from "./MessageBox";
+export * from "./MessageBoxHeader";
+export * from "./MessageBoxFooter";
+export * from "./ActionIcon";
+export * from "./MessageActionsMore";
+export * from "./TextMessage";
+export * from "./MessageAvatar";
+export * from "./MoreActionItem";
+export * from "./MessageAction";
+export * from "./Theme";
+export * from "./MessageWrapper";
+export * from "./Message";
+export * from "./AudioBubble";
+export * from "./AttachmentBubble";
+export * from "./VideoBubble";
+export * from "./ImageBubble";
+export * from "./TextBubble";
+export * from "./ArticleBubble";
+export * from "./LocationBubble";
+export * from "./InfoBubble";
+export * from "./AttachmentBubbleInfo";
+export * from "./Audio";
+export * from "./Video";
+export * from "./ReplyBubble";
+export * from "./ReplyBubbleHeader";
+export * from "./LazyLoadImage";
+export * from './ReplyBubbleContent';
+export * from './im';
 
 // ... export other components
 
 /*** CONSTANTS ***/
-export * from './constants';
+export * from "./constants";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohoim/chat-components",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "Chat Components",
   "main": "es/index.js",
   "module": "es/index.js",
@@ -36,12 +36,12 @@
     "@zohodesk/utils": "1.3.9",
     "@zohodesk/variables": "1.0.0-beta.30",
     "@zohodesk/virtualizer": "1.0.13",
-    "@zohoim/chat-components-hooks": "^0.0.7",
-    "@zohoim/chat-components-utils": "^0.0.6"
+    "@zohoim/chat-components-hooks": "^0.0.8",
+    "@zohoim/chat-components-utils": "^0.0.7"
   },
   "devDependencies": {
     "html-to-react": "^1.4.8",
     "react-to-jsx": "^1.3.2"
   },
-  "gitHead": "0559f14c8c257e7fee2c0d7ce2e1588c4776469a"
+  "gitHead": "b860a835a61b65c3776568990f0c00ade3904269"
 }

package/es/IMAudioBubble/css/IMAudioBubble.module.css

@@ -1,8 +0,0 @@
-.imAudioBubble {
-    width: 380px;
-}
-
-
-.box{
-    margin-bottom: 5px;
-}

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

@@ -1,5 +0,0 @@
-.imDateTime {
-  font-size: var(--zd_size11);
-  max-width: var(--zd_size100);
-  display: flex;
-}