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

package/lib/MessageAvatar/MessageAvatar.js

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = MessageAvatar;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/Avatar/Avatar"));
-
-var _MessageAvatarModule = _interopRequireDefault(require("./css/MessageAvatar.module.css"));
-
-var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
-
-var _renderHandler = _interopRequireDefault(require("@zohoim/chat-components-utils/es/common/renderHandler"));
-
-var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
-
-var _propTypes = _interopRequireDefault(require("./props/propTypes"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-/** ** Libraries *** */
-
-/** ** Components *** */
-
-/** ** CSS *** */
-
-/** ** Hooks *** */
-
-/** ** Methods *** */
-
-/** ** Constants *** */
-function MessageAvatar(props) {
-  var src = props.src,
-      alternateSrc = props.alternateSrc,
-      title = props.title,
-      size = props.size,
-      name = props.name,
-      customStyle = props.customStyle,
-      iconTitle = props.iconTitle,
-      renderIcon = props.renderIcon;
-  /* External CSS Customization */
-
-  var newStyle = (0, _useMergeStyle["default"])(_MessageAvatarModule["default"], customStyle);
-  var icon = (0, _renderHandler["default"])(renderIcon)();
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: newStyle.msgAvatar
-  }, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
-    alternateSrc: alternateSrc,
-    customClass: newStyle.avatar,
-    name: name,
-    size: size,
-    src: src,
-    title: title
-  }), icon ? /*#__PURE__*/_react["default"].createElement("span", {
-    className: newStyle.icon,
-    "data-title": iconTitle
-  }, icon) : null);
-}
-
-MessageAvatar.defaultProps = _defaultProps["default"];
-MessageAvatar.propTypes = _propTypes["default"];

package/lib/MessageAvatar/css/MessageAvatar.module.css

@@ -1,23 +0,0 @@
-.msgAvatar {
-  position: relative;
-  display: inline-flex;
-}
-
-.icon {
-  position: absolute;
-  bottom: calc( var(--zd_size6) * -1 ) ;
-}
-
-[dir=ltr] .icon {
-  right: calc( var(--zd_size7) * -1 ) ;
-}
-
-[dir=rtl] .icon {
-  left: calc( var(--zd_size7) * -1 ) ;
-}
-
-.avatar {
-  /* Use this class name for external customization  */
-  width: var(--zd_size32) ;
-  height: var(--zd_size32) ;
-}

package/lib/MessageAvatar/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "MessageAvatar", {
-  enumerable: true,
-  get: function get() {
-    return _MessageAvatar["default"];
-  }
-});
-
-var _MessageAvatar = _interopRequireDefault(require("./MessageAvatar"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/MessageAvatar/props/defaultProps.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
-
-/** ** Constants *** */
-var messageAvatarDefaultProps = {
-  customStyle: _emptyConstants.dummyObject,
-  size: 'medium'
-};
-var _default = messageAvatarDefaultProps;
-exports["default"] = _default;

package/lib/MessageAvatar/props/propTypes.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-/** ** Libraries *** */
-var messageAvatarPropTypes = {
-  src: _propTypes["default"].string.isRequired,
-  alternateSrc: _propTypes["default"].string,
-  customStyle: _propTypes["default"].object,
-  iconTitle: _propTypes["default"].string,
-  name: _propTypes["default"].string,
-  renderIcon: _propTypes["default"].func,
-  size: _propTypes["default"].oneOf(['xxsmall', 'small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge']),
-  title: _propTypes["default"].string
-};
-var _default = messageAvatarPropTypes;
-exports["default"] = _default;

package/lib/MessageBox/MessageBox.js

@@ -1,82 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = MessageBox;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
-
-var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
-
-var _propTypes = _interopRequireDefault(require("./props/propTypes"));
-
-var _renderHandler = _interopRequireDefault(require("@zohoim/chat-components-utils/es/common/renderHandler"));
-
-var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
-
-var _Layout = require("@zohodesk/components/es/Layout");
-
-var _MessageBoxModule = _interopRequireDefault(require("./css/MessageBox.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-/** ** Libraries *** */
-
-/** ** Hooks *** */
-
-/** ** Constants *** */
-
-/** ** Methods *** */
-
-/** ** Components *** */
-
-/** ** Styles *** */
-function MessageBox(props) {
-  var renderMessageContent = props.renderMessage,
-      renderMessageFooter = props.renderMessageFooter,
-      renderMessageHeader = props.renderMessageHeader,
-      customStyle = props.customStyle,
-      renderMessageStatus = props.renderMessageStatus,
-      isFailed = props.isFailed,
-      isIncoming = props.isIncoming,
-      isOutgoing = props.isOutgoing;
-  /* External CSS Customization */
-
-  var newStyle = (0, _useMergeStyle["default"])(_MessageBoxModule["default"], customStyle);
-  /* css classnames added based on logic */
-
-  var _cssJSLogic = (0, _cssJSLogic2["default"])({
-    isFailed: isFailed,
-    isIncoming: isIncoming,
-    isOutgoing: isOutgoing
-  }, newStyle),
-      messageBoxClass = _cssJSLogic.messageBoxClass;
-  /* Render Childrens */
-
-
-  var messageHeader = (0, _renderHandler["default"])(renderMessageHeader)();
-  var messageConent = (0, _renderHandler["default"])(renderMessageContent)();
-  var messageFooter = (0, _renderHandler["default"])(renderMessageFooter)();
-  var messageStatus = (0, _renderHandler["default"])(renderMessageStatus)();
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: messageBoxClass
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: newStyle.messageBoxInner,
-    flexible: true
-  }, messageHeader ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: newStyle.messageHeaderWrapper
-  }, messageHeader) : null, messageConent ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: newStyle.messageContentWrapper
-  }, messageConent) : null, messageFooter ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: newStyle.messageFooterWrapper
-  }, messageFooter) : null), messageStatus ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: newStyle.messageStatusWrapper
-  }, messageStatus) : null);
-}
-
-MessageBox.propTypes = _propTypes["default"];
-MessageBox.defaultProps = _defaultProps["default"];
-MessageBox.displayName = 'MessageBox';

package/lib/MessageBox/css/MessageBox.module.css

@@ -1,56 +0,0 @@
-.varClass {
-  --messageBox-content_padding: 14px;
-  --messageBox-content_size: 14px;
-  --messageBox-border_radius: 9px;
-  --messageBox-message_status_gap: 12px;
-  --messageBox-message_header_gap: 1px;
-  --messageBox-message_footer_gap: 1px;
-}
-
-.messageBoxContainer {
-  composes: varClass;
-  display: grid;
-  grid-template-columns: 1fr auto;
-  align-items: flex-end;
-  color: var(--imlib_chat_components_messageBox_text_color);
-  word-wrap: break-word;
-  font-size: var(--messageBox-content_size);
-  box-sizing: border-box;
-  background-color: var(--imlib_chat_components_messageBox_bg_color);
-  padding: var(--messageBox-content_padding);
-  border-radius: var(--messageBox-border_radius);
-}
-
-.messageContentWrapper {
-  /* Use this class for message content customization */
-  line-height: 150%;
-}
-
-.messageHeaderWrapper {
-  margin-bottom: var(--messageBox-message_header_gap);
-}
-
-.messageFooterWrapper {
-  margin-top: var(--messageBox-message_footer_gap);
-}
-
-[dir=ltr] .messageStatusWrapper {
-  margin-left: var(--messageBox-message_status_gap);
-}
-
-[dir=rtl] .messageStatusWrapper {
-  margin-right: var(--messageBox-message_status_gap);
-}
-
-.failedMessageBox {
-  color: var(--imlib_chat_components_messageBox_failed_text_color);
-  background-color: var(--imlib_chat_components_messageBox_failed_bg_color);
-}
-
-.incomingMessageBox {
-  background-color: var(--imlib_chat_components_messageBox_incoming_bg_color);
-}
-
-.outgoingMessageBox {
-  background-color: var(--imlib_chat_components_messageBox_outgoing_bg_color);
-}

package/lib/MessageBox/css/cssJSLogic.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = cssJSLogic;
-
-var _utils = require("@zohodesk/utils");
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function cssJSLogic(props, style) {
-  var _compileClassNames;
-
-  var isFailed = props.isFailed,
-      isIncoming = props.isIncoming,
-      isOutgoing = props.isOutgoing;
-  var messageBoxClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.messageBoxContainer, true), _defineProperty(_compileClassNames, style.failedMessageBox, isFailed), _defineProperty(_compileClassNames, style.incomingMessageBox, isIncoming && !isFailed), _defineProperty(_compileClassNames, style.outgoingMessageBox, isOutgoing && !isFailed), _compileClassNames));
-  return {
-    messageBoxClass: messageBoxClass
-  };
-}

package/lib/MessageBox/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "MessageBox", {
-  enumerable: true,
-  get: function get() {
-    return _MessageBox["default"];
-  }
-});
-
-var _MessageBox = _interopRequireDefault(require("./MessageBox"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/MessageBox/props/defaultProps.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
-
-/** ** Constants *** */
-var _default = {
-  customStyle: _emptyConstants.dummyObject,
-  isOutgoing: true
-};
-exports["default"] = _default;

package/lib/MessageBox/props/propTypes.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-/** ** Libraries *** */
-var messageBoxPropTypes = {
-  isIncoming: _propTypes["default"].bool.isRequired,
-  isOutgoing: _propTypes["default"].bool.isRequired,
-  renderMessage: _propTypes["default"].func.isRequired,
-  customStyle: _propTypes["default"].object,
-  isFailed: _propTypes["default"].bool,
-  renderMessageFooter: _propTypes["default"].func,
-  renderMessageHeader: _propTypes["default"].func,
-  renderMessageStatus: _propTypes["default"].func
-};
-var _default = messageBoxPropTypes;
-exports["default"] = _default;

package/lib/MessageBubble/MessageBubble.js

@@ -1,153 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = MessageBubble;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
-
-var _useMessageBubbleAction = _interopRequireDefault(require("@zohoim/chat-components-hooks/es/MessageBubble/useMessageBubbleAction"));
-
-var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
-
-var _propTypes = _interopRequireDefault(require("./props/propTypes"));
-
-var _renderHandler = _interopRequireDefault(require("@zohoim/chat-components-utils/es/common/renderHandler"));
-
-var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
-
-var _Layout = require("@zohodesk/components/es/Layout");
-
-var _MessageBubbleModule = _interopRequireDefault(require("./css/MessageBubble.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/* eslint-disable no-confusing-arrow */
-
-/** ** Libraries *** */
-
-/** ** Hooks *** */
-
-/** ** Constants *** */
-
-/** ** Methods *** */
-
-/** ** Components *** */
-
-/** ** Styles *** */
-function MessageBubble(props) {
-  var renderMessageBox = props.renderMessageBox,
-      renderMessageBoxFooter = props.renderMessageBoxFooter,
-      renderMessageOwner = props.renderMessageOwner,
-      renderMessageActions = props.renderMessageActions,
-      customStyle = props.customStyle,
-      needSender = props.needSender,
-      isActive = props.isActive,
-      direction = props.direction;
-  /* External CSS Customization */
-
-  var newStyle = (0, _useMergeStyle["default"])(_MessageBubbleModule["default"], customStyle);
-  /* Use Hooks */
-
-  var _useMessageBubbleActi = (0, _useMessageBubbleAction["default"])(props),
-      onMouseEnter = _useMessageBubbleActi.onMouseEnter,
-      onMouseLeave = _useMessageBubbleActi.onMouseLeave,
-      isRenderMessageActions = _useMessageBubbleActi.isRenderMessageActions;
-  /* css classnames added based on logic */
-
-
-  var _cssJSLogic = (0, _cssJSLogic2["default"])({
-    isActive: isActive,
-    direction: direction,
-    isRenderMessageActions: isRenderMessageActions,
-    needSender: needSender
-  }, newStyle),
-      bubbleClass = _cssJSLogic.bubbleClass,
-      messageActionWrapperClass = _cssJSLogic.messageActionWrapperClass;
-  /* Render Childrens */
-
-  /* Message Sender Render */
-
-
-  var messageSenderRenderer = (0, _react.useCallback)(function () {
-    var messageOwner = (0, _renderHandler["default"])(renderMessageOwner)();
-    return needSender ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-      className: newStyle.messageOwnerWrapper
-    }, messageOwner) : null;
-  }, [renderMessageOwner, needSender, newStyle.messageOwnerWrapper]);
-  /* Message Actions Render */
-
-  var messageActionsRenderer = (0, _react.useCallback)(function () {
-    var messageActions = isRenderMessageActions ? (0, _renderHandler["default"])(renderMessageActions)() : null;
-    return messageActions ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-      className: messageActionWrapperClass
-    }, messageActions) : null;
-  }, [isRenderMessageActions, renderMessageActions, messageActionWrapperClass]);
-  /* Message Box Render */
-
-  var messageBoxRenderer = (0, _react.useCallback)(function () {
-    var messageBox = (0, _renderHandler["default"])(renderMessageBox)();
-    return messageBox; // return messageBox ? (
-    //   <Box flexible className={newStyle.messageBoxWrapper}>
-    //     {messageBox}
-    //   </Box>
-    // ) : null;
-  }, [renderMessageBox]);
-  /* Message BoxWithActions Render */
-
-  var messageBox = (0, _react.useMemo)(function () {
-    return messageBoxRenderer();
-  }, [messageBoxRenderer]);
-  var messageActions = (0, _react.useMemo)(function () {
-    return messageActionsRenderer();
-  }, [messageActionsRenderer]);
-  var messageBoxWithActionsRenderer = (0, _react.useCallback)(function () {
-    return messageBox || messageActions ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-      className: newStyle.messageContainer
-    }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-      className: newStyle.messageBoxWrapper,
-      flexible: true
-    }, messageBox, messageActions)) : null;
-  }, [messageBox, messageActions, newStyle.messageContainer, newStyle.messageBoxWrapper]);
-  /* Message Footer Render */
-
-  var messageFooterRenderer = (0, _react.useCallback)(function () {
-    var messageBoxFooter = (0, _renderHandler["default"])(renderMessageBoxFooter)();
-    return messageBoxFooter ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-      className: newStyle.messageBoxFooterWrapper
-    }, messageBoxFooter) : null;
-  }, [renderMessageBoxFooter, newStyle.messageBoxFooterWrapper]);
-  /* Get the components */
-
-  var messageSender = (0, _react.useMemo)(function () {
-    return messageSenderRenderer();
-  }, [messageSenderRenderer]);
-  var messageBoxWithActions = (0, _react.useMemo)(function () {
-    return messageBoxWithActionsRenderer();
-  }, [messageBoxWithActionsRenderer]);
-  var messageFooter = (0, _react.useMemo)(function () {
-    return messageFooterRenderer();
-  }, [messageFooterRenderer]);
-  /* Construct Layout */
-
-  var messageLayout = /*#__PURE__*/_react["default"].createElement("div", {
-    className: bubbleClass,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave
-  }, messageSender, messageBoxWithActions, messageFooter);
-
-  return messageLayout;
-}
-
-MessageBubble.propTypes = _propTypes["default"];
-MessageBubble.defaultProps = _defaultProps["default"];
-MessageBubble.displayName = 'MessageBubble';

package/lib/MessageBubble/css/MessageBubble.module.css

@@ -1,101 +0,0 @@
-.varClass {
-  --messageBubble-bubble_footer_gap: 5px;
-  --messageBubble-message_owner_gap: 13px;
-  --messageBox-max_width: 410px;
-  --messageBox-footer_fontSize: 11px;
-  --messageBox-owner_width: 32px;
-}
-
-.messageBubble {
-  composes: varClass;
-  width: 100% ;
-  display: grid;
-  grid-column-gap: var(--messageBubble-message_owner_gap);
-}
-
-.messageOwnerWrapper {
-  grid-area: messageOwner;
-  align-self: end;
-  width: var(--messageBox-owner_width);
-  display: flex;
-}
-
-.messageContainer {
-  grid-area: messageContainer;
-  display: inline-block;
-  max-width: calc(70% - (var(--zd_size32)));
-}
-
-.messageOwnerWrapper + .messageContainer{
-  max-width: 70% ;
-}
-
-.messageBoxWrapper {
-  grid-area: messageBox;
-  display: inline-block;
-  position: relative; 
-}
-
-.messageActionWrapper {
-  grid-area: messageAction;
-  width: var(--zd_size78) ;
-  display: flex;
-  flex-direction: column;
-  position: absolute;
-  top:0 ;
-}
-
-.messageActionWrapperEnd {
-  align-items: flex-end;
-}
-
-[dir=ltr] .messageActionWrapperEnd {
-  right: calc(100% + (var(--zd_size12)));
-}
-
-[dir=rtl] .messageActionWrapperEnd {
-  left: calc(100% + (var(--zd_size12)));
-}
-
-.messageActionWrapperStart {
-  align-items: flex-start;
-}
-
-[dir=ltr] .messageActionWrapperStart {
-  left: calc(100% + (var(--zd_size12)));
-}
-
-[dir=rtl] .messageActionWrapperStart {
-  right: calc(100% + (var(--zd_size12)));
-}
-.messageBoxFooterWrapper {
-  grid-area: messageBoxFooter;
-  font-size: var(--messageBox-footer_fontSize);
-  color: var(
-    --imlib_chat_components_messageBubble_messageBox_footer_text_color
-  );
-  margin-top: var(--messageBubble-bubble_footer_gap);
-}
-
-.active {
-  background-color: var(--imlib_chat_components_messageBubble_active_bg_color);
-}
-
-.directionIn {
-  grid-template-columns: auto 1fr;
-  grid-template-areas:
-    'messageOwner messageContainer'
-    '. messageBoxFooter';
-}
-
-.directionOut {
-  grid-template-columns: 1fr auto;
-  grid-template-areas:
-    'messageContainer messageOwner'
-    'messageBoxFooter .';
-  justify-items: end;
-}
-
-.singleLayout{
-  grid-template-columns: 100%;
-}

package/lib/MessageBubble/css/cssJSLogic.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = cssJSLogic;
-
-var _utils = require("@zohodesk/utils");
-
-var _getMessageDirectionType = _interopRequireDefault(require("@zohoim/chat-components-utils/es/getMessageDirectionType"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function cssJSLogic(props, style) {
-  var _compileClassNames, _compileClassNames2;
-
-  var isActive = props.isActive,
-      direction = props.direction,
-      isRenderMessageActions = props.isRenderMessageActions,
-      needSender = props.needSender;
-
-  var _getMessageDirectionT = (0, _getMessageDirectionType["default"])({
-    messageDetails: {
-      direction: direction
-    }
-  }),
-      isIncoming = _getMessageDirectionT.isIncoming,
-      isOutgoing = _getMessageDirectionT.isOutgoing;
-
-  var bubbleClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.messageBubble, true), _defineProperty(_compileClassNames, style.directionIn, isIncoming), _defineProperty(_compileClassNames, style.directionOut, isOutgoing), _defineProperty(_compileClassNames, style.active, isActive), _defineProperty(_compileClassNames, style.isHovered, isRenderMessageActions), _defineProperty(_compileClassNames, style.singleLayout, !needSender), _compileClassNames));
-  var messageActionWrapperClass = (0, _utils.compileClassNames)((_compileClassNames2 = {}, _defineProperty(_compileClassNames2, style.messageActionWrapper, true), _defineProperty(_compileClassNames2, style.messageActionWrapperEnd, isOutgoing), _defineProperty(_compileClassNames2, style.messageActionWrapperStart, isIncoming), _compileClassNames2));
-  return {
-    bubbleClass: bubbleClass,
-    messageActionWrapperClass: messageActionWrapperClass
-  };
-}

package/lib/MessageBubble/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "MessageBubble", {
-  enumerable: true,
-  get: function get() {
-    return _MessageBubble["default"];
-  }
-});
-
-var _MessageBubble = _interopRequireDefault(require("./MessageBubble"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }