@zohoim/chat-components 0.0.14 → 0.0.16

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

@@ -4,6 +4,13 @@ import PropTypes from 'prop-types';
 
 import { defaultMessageActions } from '@zohoim/chat-components-utils/es/constants/messageActionConstants';
 import messageStatusConstants from '@zohoim/chat-components-utils/es/constants/messageStatusConstants';
+import autoMessageTypes from '@zohoim/chat-components-utils/es/imUtils/constants/autoMessageTypes';
+const {
+  WELCOMEMSG,
+  WORKFLOW_MESSAGE,
+  WORKFLOW_NOTIFICATION,
+  UN_SUPPORTED_FILE
+} = autoMessageTypes;
 const {
   SENT,
   SAVED,
@@ -26,7 +33,10 @@ const imMessagePropTypes = {
     }),
     attachment: PropTypes.string,
     contentType: PropTypes.string,
-    createdTime: PropTypes.string,
+    dateTimeDetails: PropTypes.shape({
+      displayDateTime: PropTypes.string,
+      tooltip: PropTypes.string
+    }),
     direction: PropTypes.string,
     id: PropTypes.string,
     isCustomMessage: PropTypes.bool,
@@ -65,6 +75,18 @@ const imMessagePropTypes = {
     [SENT]: PropTypes.string,
     [UNSENT]: PropTypes.string
   }),
+  autoMessagesI18N: PropTypes.shape({
+    [UN_SUPPORTED_FILE]: PropTypes.string,
+    [WELCOMEMSG]: PropTypes.string,
+    [WORKFLOW_MESSAGE]: PropTypes.string,
+    [WORKFLOW_NOTIFICATION]: PropTypes.string
+  }),
+  autoMessagesTitleI18N: PropTypes.shape({
+    [UN_SUPPORTED_FILE]: PropTypes.string,
+    [WELCOMEMSG]: PropTypes.string,
+    [WORKFLOW_MESSAGE]: PropTypes.string,
+    [WORKFLOW_NOTIFICATION]: PropTypes.string
+  }),
   actions: PropTypes.arrayOf(PropTypes.shape({
     displayText: PropTypes.string.isRequired,
     id: PropTypes.oneOfType([PropTypes.string, PropTypes.oneOf(Object.values(defaultMessageActions))]).isRequired,
@@ -73,15 +95,19 @@ const imMessagePropTypes = {
     renderFunction: PropTypes.func
   })),
   onSelectAction: PropTypes.func,
+  onMouseEnterAction: PropTypes.func,
   replyText: PropTypes.string,
   seeMoreText: PropTypes.string,
+  deleteMessageText: PropTypes.string,
   onLoadFullMessage: PropTypes.func,
   onClickReply: PropTypes.func,
   onTicketClick: PropTypes.func,
+  onMessageContentClick: PropTypes.func,
+  customStyle: PropTypes.object,
   customProps: PropTypes.shape({
     imIntegrationIconProps: PropTypes.object,
     imMessageContentProps: PropTypes.object,
-    imTicketLinkProps: PropTypes.object,
+    imPermaLinkProps: PropTypes.object,
     messageProps: PropTypes.object
   })
 };

package/es/im/IMMessageContent/IMMessageContent.js

@@ -3,19 +3,16 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 /* eslint-disable react/jsx-indent */
 
 /** ** Libraries *** */
-import React, { useMemo } from 'react';
+import React, { Fragment } from 'react';
 /** ** Hooks *** */
 
 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 { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
-/** ** Methods *** */
-
-import getIsShowBubble from '@zohoim/chat-components-utils/es/imUtils/getIsShowBubble';
-import getMessageBubbleDetails from '@zohoim/chat-components-utils/es/imUtils/getMessageBubbleDetails';
 /** ** Styles *** */
 
 import style from './css/IMMessageContent.module.css';
@@ -36,9 +33,12 @@ export default function IMMessageContent(props) {
     onClickReply,
     seeMoreText,
     replyText,
+    deleteMessageText,
     customStyle,
     customProps,
-    renderCustomMessage
+    renderCustomMessage,
+    onClick: propOnClick,
+    isFailed
   } = props;
   const {
     imReplyBubbleProps = dummyObject,
@@ -58,51 +58,50 @@ export default function IMMessageContent(props) {
     isShowAttachmentBubble,
     isShowLocationBubble,
     isShowTextBubble,
-    isShowCustomBubble
-  } = useMemo(() => getIsShowBubble({
-    messageDetails
-  }), [messageDetails]);
+    isShowCustomBubble,
+    isShowDeleteBubble,
+    replyToMessageDetails: replyToMessage,
+    attachmentDetails,
+    locationUrl,
+    onClick
+  } = useIMMessageContent({
+    messageDetails,
+    onClick: propOnClick
+  });
   /* External CSS Customization */
 
   const newStyle = useMergeStyle(style, customStyle);
-  const {
-    replyToMessageDetails: replyToMessage,
-    attachmentDetails,
-    locationUrl
-  } = useMemo(() => getMessageBubbleDetails({
-    messageDetails
-  }), [messageDetails]);
-  return /*#__PURE__*/React.createElement("div", null, isShowLayoutBubble ? null : null, isShowReplyBubble ? /*#__PURE__*/React.createElement("div", {
-    className: newStyle.messageContentRow
-  }, /*#__PURE__*/React.createElement(IMReplyBubble, _extends({
+  const wrapperDivProps = {
+    className: newStyle.messageContentRow,
+    onClick
+  };
+  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, _extends({
+    isFailed: isFailed,
     messageDetails: replyToMessage,
     onClick: onClickReply,
     replyText: replyText
   }, imReplyBubbleProps))) : null, isShowCustomBubble ? renderCustomMessage({
-    messageDetails
-  }) : null, isShowImageBubble ? /*#__PURE__*/React.createElement("div", {
-    className: newStyle.messageContentRow
-  }, /*#__PURE__*/React.createElement(ImageBubble, _extends({
-    imageDetails: attachmentDetails
-  }, imageBubbleProps))) : null, isShowVideoBubble ? /*#__PURE__*/React.createElement("div", {
-    className: newStyle.messageContentRow
-  }, /*#__PURE__*/React.createElement(VideoBubble, _extends({
+    messageDetails,
+    isFailed
+  }) : null, isShowImageBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(ImageBubble, _extends({
+    imageDetails: attachmentDetails,
+    isFailed: isFailed
+  }, imageBubbleProps))) : null, isShowVideoBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(VideoBubble, _extends({
+    isFailed: isFailed,
     videoDetails: attachmentDetails
-  }, videoBubbleProps))) : null, isShowAudioBubble ? /*#__PURE__*/React.createElement("div", {
-    className: newStyle.messageContentRow
-  }, /*#__PURE__*/React.createElement(AudioBubble, _extends({
-    audioDetails: attachmentDetails
-  }, audioBubbleProps))) : null, isShowAttachmentBubble ? /*#__PURE__*/React.createElement("div", {
-    className: newStyle.messageContentRow
-  }, /*#__PURE__*/React.createElement(AttachmentBubble, _extends({
-    attachmentDetails: attachmentDetails
-  }, attachmentBubbleProps))) : null, isShowLocationBubble ? /*#__PURE__*/React.createElement("div", {
-    className: newStyle.messageContentRow
-  }, /*#__PURE__*/React.createElement(LocationBubble, _extends({
+  }, 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, _extends({
+    attachmentDetails: attachmentDetails,
+    isFailed: isFailed
+  }, attachmentBubbleProps))) : null, isShowLocationBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(LocationBubble, _extends({
+    isFailed: isFailed,
     locationUrl: locationUrl
-  }, locationBubbleProps))) : null, isShowTextBubble ? /*#__PURE__*/React.createElement("div", {
-    className: newStyle.messageContentRow
-  }, /*#__PURE__*/React.createElement(IMTextBubble, _extends({
+  }, locationBubbleProps))) : null, isShowTextBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(IMTextBubble, _extends({
+    isFailed: isFailed,
     messageDetails: messageDetails,
     moreText: seeMoreText,
     onLoadFullMessage: onLoadFullMessage,

package/es/im/IMMessageContent/css/IMMessageContent.module.css

@@ -1,3 +1,7 @@
-.messageContentRow + .messageContentRow{
+.messageContentRow + .messageContentRow {
   margin-top: var(--zd_size5) ;
-}
+}
+
+.deleteBubble {
+  font-style: italic;
+}

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

@@ -5,7 +5,10 @@ const imMessageContentPropTypes = {
     displayMessage: PropTypes.string.isRequired,
     attachment: PropTypes.string,
     contentType: PropTypes.string,
-    createdTime: PropTypes.string,
+    dateTimeDetails: PropTypes.shape({
+      displayDateTime: PropTypes.string,
+      tooltip: PropTypes.string
+    }),
     direction: PropTypes.string,
     fullMessage: PropTypes.string,
     id: PropTypes.string,
@@ -23,9 +26,11 @@ const imMessageContentPropTypes = {
   sessionDetails: PropTypes.shape({
     id: PropTypes.string
   }),
+  onClick: PropTypes.func,
   onLoadFullMessage: PropTypes.func,
   onClickReply: PropTypes.func,
   seeMoreText: PropTypes.string,
+  deleteMessageText: PropTypes.string,
   replyText: PropTypes.string,
   renderCustomMessage: PropTypes.func,
   customStyle: PropTypes.object,
@@ -37,6 +42,7 @@ const imMessageContentPropTypes = {
     imageBubbleProps: PropTypes.object,
     locationBubbleProps: PropTypes.object,
     videoBubbleProps: PropTypes.object
-  })
+  }),
+  isFailed: PropTypes.bool
 };
 export default imMessageContentPropTypes;

package/es/im/IMMessageMeta/IMMessageMeta.js

@@ -45,19 +45,19 @@ export default function IMMessageMeta(props) {
   } = cssJSLogic({
     direction
   }, newStyle);
-  return /*#__PURE__*/React.createElement(Container, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, autoMessageType || time ? /*#__PURE__*/React.createElement(Container, {
     alignBox: "row",
     className: imMessageMetaClass
-  }, /*#__PURE__*/React.createElement("div", {
-    className: newStyle.dateTime,
-    "data-title": timeTooltip
-  }, time), autoMessageType ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: dotClass
-  }, "\u22C5"), /*#__PURE__*/React.createElement(IMAutoMessageInfo, _extends({
+  }, autoMessageType ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IMAutoMessageInfo, _extends({
     autoMessagesI18N: autoMessagesI18N,
     autoMessagesTitleI18N: autoMessagesTitleI18N,
     autoMessageType: autoMessageType
-  }, imAutoMessageInfoProps))) : null);
+  }, imAutoMessageInfoProps))) : null, time ? /*#__PURE__*/React.createElement(React.Fragment, null, autoMessageType ? /*#__PURE__*/React.createElement("div", {
+    className: dotClass
+  }, "\u22C5") : null, /*#__PURE__*/React.createElement("div", {
+    className: newStyle.dateTime,
+    "data-title": timeTooltip
+  }, time)) : null) : null);
 }
 IMMessageMeta.propTypes = imMessageMetaPropTypes;
 IMMessageMeta.defaultProps = imMessageMetaDefaultProps;

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

@@ -36,8 +36,6 @@
   /* max-width: 100px; */
   /* display: flex; */
   max-width: var(--zd_size100) ;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: var(--imlib_chat_components_imMessageMeta_timeColor);
+  composes: dotted from "../../css/common.module.css";
+  color: var(--imlib_chat_components_imMessageMeta_time_color);
 }

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

@@ -3,8 +3,8 @@ import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyCon
 import { direction as directionConstants } from '@zohoim/chat-components-utils/es/constants/messageConstants';
 const imMessageMetaDefaultProps = {
   customStyle: dummyObject,
+  customProps: dummyObject,
   autoMessageCustomStyle: dummyObject,
-  timeCustomStyle: dummyObject,
   direction: directionConstants.IN
 };
 export default imMessageMetaDefaultProps;

package/es/im/IMPermaLink/IMPermaLink.js

@@ -0,0 +1,48 @@
+/* eslint-disable @zohodesk/zsecurity/no-protocol-check */
+
+/** ** Libraries *** */
+import React from 'react';
+/** ** Hooks *** */
+
+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';
+/** ** Methods *** */
+
+import cssJSLogic from './css/cssJSLogic';
+/** ** Styles *** */
+
+import style from './css/IMPermaLink.module.css';
+export default function IMPermaLink(props) {
+  const {
+    customStyle,
+    isDisabled
+  } = props;
+  const {
+    href,
+    onClick,
+    text
+  } = useIMPermaLink(props);
+  /* External CSS Customization */
+
+  const newStyle = useMergeStyle(style, customStyle);
+  /* CSS classnames added based on logic */
+
+  const {
+    imPermaLinkClass
+  } = cssJSLogic({
+    isDisabled
+  }, newStyle);
+  return text ? /*#__PURE__*/React.createElement("a", {
+    className: imPermaLinkClass,
+    href: href,
+    onClick: onClick,
+    rel: "noopener noreferrer"
+  }, text) : null;
+}
+IMPermaLink.propTypes = imPermaLinkPropTypes;
+IMPermaLink.defaultProps = imPermaLinkDefaultProps;
+IMPermaLink.displayName = 'IMPermaLink';

package/es/im/IMPermaLink/css/IMPermaLink.module.css

@@ -0,0 +1,14 @@
+.text {
+  color: var(--imlib_chat_components_imPermaLink_url_color);
+  display: block;
+  composes: dotted from '../../css/common.module.css';
+  cursor: pointer;
+}
+
+.disabled {
+  pointer-events: none;
+}
+
+a.text:hover {
+  text-decoration: underline;
+}

package/es/im/{IMTicketLink → IMPermaLink}/css/cssJSLogic.js

@@ -4,11 +4,11 @@ export default function cssJSLogic(props, style) {
   const {
     isDisabled
   } = props;
-  const imTicketLinkClass = compileClassNames({
-    [style.ticketNumber]: true,
+  const imPermaLinkClass = compileClassNames({
+    [style.text]: true,
     [style.disabled]: isDisabled === true
   });
   return {
-    imTicketLinkClass
+    imPermaLinkClass
   };
 }

package/es/im/IMPermaLink/index.js

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

package/es/{InfoBubble → im/IMPermaLink}/props/defaultProps.js

@@ -1,6 +1,6 @@
 /** ** Constants *** */
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
-const infoBubbleDefaultProps = {
+const imPermaLinkDefaultProps = {
   customStyle: dummyObject
 };
-export default infoBubbleDefaultProps;
+export default imPermaLinkDefaultProps;

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

@@ -0,0 +1,11 @@
+/** ** Libraries *** */
+import PropTypes from 'prop-types';
+const imPermaLinkPropTypes = {
+  text: PropTypes.string.isRequired,
+  customStyle: PropTypes.object,
+  isDisabled: PropTypes.bool,
+  onClick: PropTypes.func,
+  id: PropTypes.string,
+  href: PropTypes.string
+};
+export default imPermaLinkPropTypes;

package/es/im/IMReplyBubble/IMReplyBubble.js

@@ -18,7 +18,8 @@ export default function IMReplyBubble(props) {
     replyText,
     messageDetails,
     customProps,
-    onClick: propOnClick
+    onClick: propOnClick,
+    isFailed
   } = props;
   const {
     replyBubbleProps = dummyObject
@@ -26,8 +27,9 @@ export default function IMReplyBubble(props) {
   const {
     message,
     senderName,
-    time,
+    dateTimeDetails,
     attachmentDetails,
+    locationUrl,
     onClick
   } = useIMReplyBubble({
     messageDetails,
@@ -35,12 +37,15 @@ export default function IMReplyBubble(props) {
   });
   return /*#__PURE__*/React.createElement(ReplyBubble, _extends({
     attachmentDetails: attachmentDetails,
+    dateTimeDetails: dateTimeDetails,
+    locationUrl: locationUrl,
     message: message,
     onClick: onClick,
     replyText: replyText,
-    senderName: senderName,
-    time: time
-  }, replyBubbleProps));
+    senderName: senderName
+  }, replyBubbleProps, {
+    isFailed: isFailed
+  }));
 }
 IMReplyBubble.propTypes = imReplyBubblePropTypes;
 IMReplyBubble.defaultProps = imReplyBubbleDefaultProps;

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

@@ -13,12 +13,17 @@ const imReplyBubblePropTypes = {
       type: PropTypes.string,
       url: PropTypes.string
     }),
-    createdTime: PropTypes.string
+    dateTimeDetails: PropTypes.shape({
+      displayDateTime: PropTypes.string,
+      tooltip: PropTypes.string
+    }),
+    locationUrl: PropTypes.string
   }).isRequired,
   onClick: PropTypes.func.isRequired,
   replyText: PropTypes.string.isRequired,
   customProps: PropTypes.shape({
     replyBubbleProps: PropTypes.object
-  })
+  }),
+  isFailed: PropTypes.bool
 };
 export default imReplyBubblePropTypes;

package/es/im/IMTextBubble/IMTextBubble.js

@@ -16,7 +16,8 @@ import useIMTextBubble from '@zohoim/chat-components-hooks/es/im/IMTextBubble/us
 export default function IMTextBubble(props) {
   const {
     moreText,
-    customProps
+    customProps,
+    isFailed
   } = props;
   const {
     textBubbleProps = dummyObject
@@ -30,7 +31,9 @@ export default function IMTextBubble(props) {
     message: sanitizedDisplayMessage,
     moreText: isShowSeeMore ? moreText : '',
     onClickMore: onLoadFullMessage
-  }, textBubbleProps));
+  }, textBubbleProps, {
+    isFailed: isFailed
+  }));
 }
 IMTextBubble.propTypes = imTextBubblePropTypes;
 IMTextBubble.defaultProps = imTextBubbleDefaultProps;

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

@@ -24,6 +24,7 @@ const imTextBubblePropTypes = {
   onLoadFullMessage: PropTypes.func,
   sessionDetails: PropTypes.shape({
     id: PropTypes.string
-  })
+  }),
+  isFailed: PropTypes.bool
 };
 export default imTextBubblePropTypes;

package/es/im/css/common.module.css

@@ -0,0 +1,6 @@
+.dotted {
+    /* overflow: hidden;
+    white-space: nowrap;
+    word-wrap: normal;
+    text-overflow: ellipsis; */
+}

package/es/im/index.js

@@ -1,10 +1,9 @@
 export * from './IMIntegrationIcon';
 export * from './IMMessage';
-export * from './IMTicketLink';
+export * from './IMPermaLink';
 export * from './IMMessageMeta';
 export * from './IMAutoMessageInfo';
 export * from './IMMessageContent';
 export * from './IMTextBubble';
-export * from './IMInfoBubble';
 export * from './IMReplyBubble';
 export * from './ArticleBubble';

package/es/index.js

@@ -17,7 +17,6 @@ export * from './VideoBubble';
 export * from './ImageBubble';
 export * from './TextBubble';
 export * from './LocationBubble';
-export * from './InfoBubble';
 export * from './AttachmentBubbleInfo';
 export * from './Audio';
 export * from './Video';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohoim/chat-components",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "description": "Chat Components",
   "main": "es/index.js",
   "module": "es/index.js",
@@ -35,8 +35,8 @@
     "@zohodesk/utils": "1.3.9",
     "@zohodesk/variables": "1.0.0-beta.30",
     "@zohodesk/virtualizer": "1.0.13",
-    "@zohoim/chat-components-hooks": "^0.0.12",
-    "@zohoim/chat-components-utils": "^0.0.11"
+    "@zohoim/chat-components-hooks": "^0.0.14",
+    "@zohoim/chat-components-utils": "^0.0.13"
   },
   "devDependencies": {
     "@zohodesk-private/css-variable-migrator": "1.0.1",
@@ -44,22 +44,5 @@
     "jsdom": "22.1.0",
     "react-to-jsx": "1.3.2"
   },
-  "react-cli": {
-    "css": {
-      "plugins": {
-        "hasRTL": true,
-        "cssVariableReplacement": true
-      },
-      "patterns": {
-        "cssVariableReplacement": [
-          "**/src/**",
-          "**/lib/**",
-          "**/es/**",
-          "!**/node_modules/**"
-        ]
-      },
-      "cssVariableReplacementConfig": "../../node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
-    }
-  },
-  "gitHead": "de72d83a0b40cde9b34b122654601ec5c23c8e55"
+  "gitHead": "1b5aa92b8b410ebbe44f5a85b6b3fca89a81805e"
 }

package/es/InfoBubble/InfoBubble.js

@@ -1,34 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-/** ** Hooks *** */
-
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-/** ** Constants *** */
-
-import infoBubbleDefaultProps from './props/defaultProps';
-import infoBubblePropTypes from './props/propTypes';
-/** ** Methods *** */
-
-import cssJSLogic from './css/cssJSLogic';
-/** ** Styles *** */
-
-import style from './css/InfoBubble.module.css';
-export default function InfoBubble(props) {
-  const {
-    customStyle
-  } = props;
-  /* External CSS Customization */
-
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-
-  const {
-    infoBubbleClass
-  } = cssJSLogic(props, newStyle);
-  return /*#__PURE__*/React.createElement("div", {
-    className: infoBubbleClass
-  }, "Working On this...");
-}
-InfoBubble.propTypes = infoBubblePropTypes;
-InfoBubble.defaultProps = infoBubbleDefaultProps;
-InfoBubble.displayName = 'InfoBubble';

package/es/InfoBubble/css/cssJSLogic.js

@@ -1,10 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const infoBubbleClass = compileClassNames({
-    [style.infoBubble]: true
-  });
-  return {
-    infoBubbleClass
-  };
-}

package/es/InfoBubble/index.js

@@ -1 +0,0 @@
-export { default as InfoBubble } from './InfoBubble';

package/es/InfoBubble/props/propTypes.js

@@ -1,6 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-const infoBubblePropTypes = {
-  customStyle: PropTypes.object
-};
-export default infoBubblePropTypes;

package/es/Theme/crm/dark/blueFanTheme.js

@@ -1,28 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
-export default {
-  library: 'chat_components',
-  variables: {
-    messageBubble: {
-      active_bg_color: bubbleActiveBgColor,
-      messageBox_footer_text_color: '#5a616f'
-    },
-    messageBox: {
-      incoming_bg_color: incomingBubbleBgColor,
-      outgoing_bg_color: outgoingBubbleBgColor,
-      bg_color: '#f1f7fe',
-      failed_bg_color: '#fcebeb',
-      text_color: '#000'
-    },
-    actionIconWrapper: {
-      color: actionIconWrapperColor,
-      bg_color: actionIconWrapperBgColor,
-      border_color: actionIconWrapperBorderColor
-    },
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: messageStatusReadColor,
-      failed_color: messageStatusFailedColor
-    }
-  }
-};