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

package/lib/MessageBubble/props/defaultProps.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
-
-var _messageConstants = require("@zohoim/chat-components-utils/es/constants/messageConstants");
-
-/** ** Constants *** */
-var messageBubbleDefaultProps = {
-  direction: _messageConstants.direction.IN,
-  isActive: false,
-  needMessageActions: true,
-  customStyle: _emptyConstants.dummyObject,
-  needSender: true,
-  retainMessageActions: false
-};
-var _default = messageBubbleDefaultProps;
-exports["default"] = _default;

package/lib/MessageBubble/props/propTypes.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _messageConstants = require("@zohoim/chat-components-utils/es/constants/messageConstants");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-/** ** Libraries *** */
-
-/** ** Constants *** */
-var messageBubblePropTypes = {
-  direction: _propTypes["default"].oneOf(Object.values(_messageConstants.direction)).isRequired,
-  renderMessageBox: _propTypes["default"].func.isRequired,
-  customStyle: _propTypes["default"].object,
-  isActive: _propTypes["default"].bool,
-  needMessageActions: _propTypes["default"].bool,
-  needSender: _propTypes["default"].bool,
-  renderMessageActions: _propTypes["default"].func,
-  renderMessageBoxFooter: _propTypes["default"].func,
-  renderMessageOwner: _propTypes["default"].func,
-  retainMessageActions: _propTypes["default"].bool
-};
-var _default = messageBubblePropTypes;
-exports["default"] = _default;

package/lib/MessageStatus/MessageStatus.js

@@ -1,88 +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"] = MessageStatus;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
-
-var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
-
-var _propTypes = _interopRequireDefault(require("./props/propTypes"));
-
-var _messageStatusConstants = _interopRequireDefault(require("@zohoim/chat-components-utils/es/constants/messageStatusConstants"));
-
-var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
-
-var _renderHandler = _interopRequireDefault(require("@zohoim/chat-components-utils/es/common/renderHandler"));
-
-var _MessageStatusModule = _interopRequireDefault(require("./css/MessageStatus.module.css"));
-
-var _DoubleTick = _interopRequireDefault(require("../icons/iconSrc/messageStatus/DoubleTick"));
-
-var _Tick = _interopRequireDefault(require("../icons/iconSrc/messageStatus/Tick"));
-
-var _Clock = _interopRequireDefault(require("../icons/iconSrc/messageStatus/Clock"));
-
-var _Failed = _interopRequireDefault(require("../icons/iconSrc/messageStatus/Failed"));
-
-var _messageStatusIconMap;
-
-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; }
-
-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; }
-
-var SENT = _messageStatusConstants["default"].SENT,
-    SAVED = _messageStatusConstants["default"].SAVED,
-    QUEUED = _messageStatusConstants["default"].QUEUED,
-    DELIVERED = _messageStatusConstants["default"].DELIVERED,
-    READ = _messageStatusConstants["default"].READ,
-    UNSENT = _messageStatusConstants["default"].UNSENT,
-    FAILED = _messageStatusConstants["default"].FAILED,
-    OUTGOING = _messageStatusConstants["default"].OUTGOING;
-var messageStatusIconMapping = (_messageStatusIconMap = {}, _defineProperty(_messageStatusIconMap, OUTGOING, _Clock["default"]), _defineProperty(_messageStatusIconMap, SAVED, _Tick["default"]), _defineProperty(_messageStatusIconMap, QUEUED, _Tick["default"]), _defineProperty(_messageStatusIconMap, SENT, _DoubleTick["default"]), _defineProperty(_messageStatusIconMap, DELIVERED, _DoubleTick["default"]), _defineProperty(_messageStatusIconMap, READ, _DoubleTick["default"]), _defineProperty(_messageStatusIconMap, UNSENT, _Failed["default"]), _defineProperty(_messageStatusIconMap, FAILED, _Failed["default"]), _messageStatusIconMap);
-
-function MessageStatus(props) {
-  var messageStatus = props.messageStatus,
-      customStyle = props.customStyle,
-      title = props.title,
-      renderCustomIcon = props.renderCustomIcon;
-  /* External CSS Customization */
-
-  var newStyle = (0, _useMergeStyle["default"])(_MessageStatusModule["default"], customStyle);
-  var iconStyle = (0, _react.useMemo)(function () {
-    return {
-      base: newStyle.icon
-    };
-  }, [newStyle.icon]);
-  /* CSS classnames added based on logic */
-
-  var _cssJSLogic = (0, _cssJSLogic2["default"])({
-    messageStatus: messageStatus
-  }, newStyle),
-      statusClass = _cssJSLogic.statusClass;
-  /* Custom Icon */
-
-
-  var customIcon = (0, _renderHandler["default"])(renderCustomIcon)();
-  var IconComponent = messageStatusIconMapping[messageStatus];
-  return IconComponent || customIcon ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: statusClass,
-    "data-title": title
-  }, customIcon || /*#__PURE__*/_react["default"].createElement(IconComponent, {
-    customStyle: iconStyle
-  })) : null;
-}
-
-MessageStatus.propTypes = _propTypes["default"];
-MessageStatus.defaultProps = _defaultProps["default"];
-MessageStatus.displayName = 'MessageStatus';

package/lib/MessageStatus/css/MessageStatus.module.css

@@ -1,17 +0,0 @@
-.messageStatus {
-  /* USe this class name status customization */
-  color: var(--imlib_chat_components_messageStatus_send_color);
-}
-
-.readStatus {
-  color: var(--imlib_chat_components_messageStatus_read_color);
-}
-
-.failedStatus {
-  color: var(--imlib_chat_components_messageStatus_failed_color);
-}
-
-.icon {
-  width: var(--zd_size14) ;
-  height: var(--zd_size14) ;
-}

package/lib/MessageStatus/css/cssJSLogic.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = cssJSLogic;
-
-var _utils = require("@zohodesk/utils");
-
-var _getMessageStatus2 = _interopRequireDefault(require("@zohoim/chat-components-utils/es/getMessageStatus"));
-
-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;
-
-  var messageStatus = props.messageStatus;
-
-  var _getMessageStatus = (0, _getMessageStatus2["default"])({
-    messageDetails: {
-      status: messageStatus
-    }
-  }),
-      isFailed = _getMessageStatus.isFailedMessage,
-      isRead = _getMessageStatus.isRead;
-
-  var statusClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.messageStatus, !(isRead || isFailed)), _defineProperty(_compileClassNames, style.readStatus, isRead), _defineProperty(_compileClassNames, style.failedStatus, isFailed), _compileClassNames));
-  return {
-    statusClass: statusClass
-  };
-}

package/lib/MessageStatus/index.js

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

package/lib/MessageStatus/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 messageStatusDefaultProps = {
-  customStyle: _emptyConstants.dummyObject
-};
-var _default = messageStatusDefaultProps;
-exports["default"] = _default;

package/lib/MessageStatus/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"));
-
-var _messageStatusConstants = _interopRequireDefault(require("@zohoim/chat-components-utils/es/constants/messageStatusConstants"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-/** ** Libraries *** */
-
-/** ** Constants *** */
-var messageStatusPropTypes = {
-  messageStatus: _propTypes["default"].oneOf(Object.values(_messageStatusConstants["default"])).isRequired,
-  customStyle: _propTypes["default"].object,
-  renderCustomIcon: _propTypes["default"].func,
-  title: _propTypes["default"].string
-};
-var _default = messageStatusPropTypes;
-exports["default"] = _default;

package/lib/MoreActionItem/MoreActionItem.js

@@ -1,94 +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"] = MoreActionItem;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
-
-var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
-
-var _propTypes = _interopRequireDefault(require("./props/propTypes"));
-
-var _MoreActionItemModule = _interopRequireDefault(require("./css/MoreActionItem.module.css"));
-
-var _Layout = require("@zohodesk/components/es/Layout");
-
-var _ListContainer = _interopRequireDefault(require("@zohodesk/components/es/ListItem/ListContainer"));
-
-var _renderHandler = _interopRequireDefault(require("@zohoim/chat-components-utils/es/common/renderHandler"));
-
-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; }
-
-/** ** Libraries *** */
-
-/** ** Hooks *** */
-
-/** ** Constants *** */
-
-/** ** Styles *** */
-
-/** ** Components *** */
-
-/** ** Methods *** */
-function MoreActionItem(props) {
-  var displayText = props.displayText,
-      title = props.title,
-      id = props.id,
-      customStyle = props.customStyle,
-      renderIcon = props.renderIcon,
-      needIcon = props.needIcon,
-      onClick = props.onClick,
-      onMouseEnter = props.onMouseEnter,
-      closePopup = props.closePopup,
-      isDisabled = props.isDisabled;
-  var handleClick = (0, _react.useCallback)(function (e) {
-    closePopup && closePopup(e);
-    !isDisabled && onClick && onClick({
-      e: e,
-      id: id
-    });
-  }, [closePopup, onClick, id, isDisabled]);
-  var handleMouseEnter = (0, _react.useCallback)(function (e) {
-    !isDisabled && onMouseEnter && onMouseEnter({
-      e: e,
-      id: id
-    });
-  }, [onMouseEnter, id, isDisabled]);
-  /* External CSS Customization */
-
-  var newStyle = (0, _useMergeStyle["default"])(_MoreActionItemModule["default"], customStyle);
-  var icon = (0, _renderHandler["default"])(renderIcon)({
-    id: id
-  });
-  return /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
-    autoHover: true,
-    customClass: newStyle.listItem,
-    disableTitle: title,
-    id: id,
-    isDisabled: isDisabled,
-    onClick: handleClick,
-    onMouseEnter: handleMouseEnter,
-    title: title
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    align: "vertical",
-    alignBox: "row"
-  }, needIcon ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: newStyle.iconWrapper
-  }, icon) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: newStyle.text,
-    flexible: true
-  }, displayText)));
-}
-
-MoreActionItem.propTypes = _propTypes["default"];
-MoreActionItem.defaultProps = _defaultProps["default"];

package/lib/MoreActionItem/css/MoreActionItem.module.css

@@ -1,27 +0,0 @@
-.varClass {
-  --moreActionItem-content_padding: 10px;
-  --moreActionItem-content_size: 14px;
-}
-
-.listItem {
-  /* Use this class name for list item customization */
-}
-
-.iconWrapper {
-  /* Use this class name for list item icon customization */
-  display: flex;
-}
-
-.text {
-  composes: varClass;
-  font-size: var(--moreActionItem-content_size);
-  composes: dotted from "../../css/common.module.css";
-}
-
-[dir=ltr] .text {
-  padding-left: var(--moreActionItem-content_padding);
-}
-
-[dir=rtl] .text {
-  padding-right: var(--moreActionItem-content_padding);
-}

package/lib/MoreActionItem/index.js

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

package/lib/MoreActionItem/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 moreActionItemDefaultProps = {
-  customStyle: _emptyConstants.dummyObject,
-  needIcon: true
-};
-var _default = moreActionItemDefaultProps;
-exports["default"] = _default;

package/lib/MoreActionItem/props/propTypes.js

@@ -1,25 +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 moreActionItemPropTypes = {
-  displayText: _propTypes["default"].string.isRequired,
-  onClick: _propTypes["default"].func.isRequired,
-  onMouseEnter: _propTypes["default"].func,
-  closePopup: _propTypes["default"].func,
-  customStyle: _propTypes["default"].object,
-  id: _propTypes["default"].string,
-  needIcon: _propTypes["default"].bool,
-  renderIcon: _propTypes["default"].func,
-  title: _propTypes["default"].string
-};
-var _default = moreActionItemPropTypes;
-exports["default"] = _default;

package/lib/ReplyBubble/ReplyBubble.js

@@ -1,136 +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"] = ReplyBubble;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
-
-var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
-
-var _propTypes = _interopRequireDefault(require("./props/propTypes"));
-
-var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
-
-var _ReplyBubbleModule = _interopRequireDefault(require("./css/ReplyBubble.module.css"));
-
-var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
-
-var _ReplyBubbleHeader = _interopRequireDefault(require("../ReplyBubbleHeader/ReplyBubbleHeader"));
-
-var _ReplyBubbleContent = _interopRequireDefault(require("../ReplyBubbleContent/ReplyBubbleContent"));
-
-var _AttachmentIcon = _interopRequireDefault(require("../AttachmentIcon/AttachmentIcon"));
-
-var _LocationBubble = _interopRequireDefault(require("../LocationBubble/LocationBubble"));
-
-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; }
-
-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); }
-
-function ReplyBubble(props) {
-  var customStyle = props.customStyle,
-      senderName = props.senderName,
-      dateTimeDetails = props.dateTimeDetails,
-      replyText = props.replyText,
-      message = props.message,
-      attachmentDetails = props.attachmentDetails,
-      locationUrl = props.locationUrl,
-      onClick = props.onClick,
-      customProps = props.customProps,
-      isFailed = props.isFailed;
-  var _customProps$headerPr = customProps.headerProps,
-      headerProps = _customProps$headerPr === void 0 ? _emptyConstants.dummyObject : _customProps$headerPr,
-      _customProps$contentP = customProps.contentProps,
-      contentProps = _customProps$contentP === void 0 ? _emptyConstants.dummyObject : _customProps$contentP,
-      _customProps$iconProp = customProps.iconProps,
-      iconProps = _customProps$iconProp === void 0 ? _emptyConstants.dummyObject : _customProps$iconProp;
-
-  var _ref = attachmentDetails || _emptyConstants.dummyObject,
-      fileName = _ref.fileName,
-      fileURL = _ref.fileURL,
-      fileFormat = _ref.fileFormat,
-      mediaType = _ref.mediaType,
-      isValidAttachment = _ref.isValidAttachment;
-  /* External CSS Customization */
-
-
-  var newStyle = (0, _useMergeStyle["default"])(_ReplyBubbleModule["default"], customStyle);
-  /* css classnames added based on logic */
-
-  var _cssJSLogic = (0, _cssJSLogic2["default"])({
-    isFailed: isFailed
-  }, newStyle),
-      imageWrapperClass = _cssJSLogic.imageWrapperClass;
-
-  var iconStyle = (0, _react.useMemo)(function () {
-    return {
-      $icon: newStyle.attachmentIcon
-    };
-  }, [newStyle.attachmentIcon]);
-  var renderMessage = (0, _react.useCallback)(function () {
-    if (locationUrl) {
-      return /*#__PURE__*/_react["default"].createElement(_LocationBubble["default"], {
-        isFailed: isFailed,
-        locationUrl: locationUrl
-      });
-    }
-
-    if (message) {
-      // eslint-disable-next-line @zohodesk/zsecurity/no-unsecure-html, react/no-danger
-      return /*#__PURE__*/_react["default"].createElement("span", {
-        dangerouslySetInnerHTML: {
-          __html: message
-        }
-      });
-    }
-
-    return null;
-  }, [message, locationUrl, isFailed]);
-  var renderIcon = (0, _react.useCallback)(function () {
-    if (fileURL) {
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: imageWrapperClass
-      }, /*#__PURE__*/_react["default"].createElement("img", {
-        alt: fileName,
-        className: newStyle.image,
-        src: fileURL
-      }));
-    }
-
-    if (fileFormat) {
-      return /*#__PURE__*/_react["default"].createElement(_AttachmentIcon["default"], _extends({
-        customStyle: iconStyle,
-        fileFormat: fileFormat,
-        isValidAttachment: isValidAttachment,
-        mediaType: mediaType
-      }, iconProps));
-    }
-
-    return null;
-  }, [fileURL, fileName, fileFormat, isValidAttachment, mediaType, iconStyle, iconProps, newStyle.image, imageWrapperClass]);
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_ReplyBubbleHeader["default"], _extends({
-    dateTimeDetails: dateTimeDetails,
-    isFailed: isFailed,
-    replyText: replyText
-  }, headerProps)), /*#__PURE__*/_react["default"].createElement(_ReplyBubbleContent["default"], _extends({
-    isFailed: isFailed,
-    onClick: onClick,
-    renderIcon: renderIcon,
-    renderMessage: renderMessage,
-    senderName: senderName
-  }, contentProps)));
-}
-
-ReplyBubble.propTypes = _propTypes["default"];
-ReplyBubble.defaultProps = _defaultProps["default"];
-ReplyBubble.displayName = 'ReplyBubble';

package/lib/ReplyBubble/css/ReplyBubble.module.css

@@ -1,23 +0,0 @@
-.attachmentIcon {
-  height: var(--zd_size40)  !important;
-  width: var(--zd_size40)  !important;
-}
-
-.imageWrapper {
-  height: var(--zd_size60) ;
-  width: var(--zd_size60) ;
-  overflow: hidden;
-  border-radius: 3px;
-  border: 1px solid var(--imlib_chat_components_replyBubble_border_color);
-}
-
-.imageWrapperFailed{
-  border-color: var(--imlib_chat_components_replyBubble_border_color_failed);
-}
-
-.image {
-  width: 100% ;
-  height: 100% ;
-  object-fit: cover;
-  border-radius: 3px;
-}

package/lib/ReplyBubble/css/cssJSLogic.js

@@ -1,20 +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;
-  var imageWrapperClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.imageWrapper, true), _defineProperty(_compileClassNames, style.imageWrapperFailed, isFailed), _compileClassNames));
-  return {
-    imageWrapperClass: imageWrapperClass
-  };
-}

package/lib/ReplyBubble/index.js

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

package/lib/ReplyBubble/props/defaultProps.js

@@ -1,17 +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 replyBubbleDefaultProps = {
-  customStyle: _emptyConstants.dummyObject,
-  customProps: _emptyConstants.dummyObject,
-  attachmentDetails: _emptyConstants.dummyObject
-};
-var _default = replyBubbleDefaultProps;
-exports["default"] = _default;