@zohoim/chat-components 0.0.1-cx

package/es/LocationBubble/css/LocationBubble.module.css

@@ -0,0 +1,57 @@
+.imageWrapper {
+  width: var(--zd_size60) ;
+  height: var(--zd_size60) ;
+  background-image: url('../images/location.png');
+  background-repeat: no-repeat;
+  background-size: cover;
+  border-radius: 3px;
+}
+
+.locationBubble {
+  white-space: nowrap;
+  width: 100% ;
+  box-sizing: border-box;
+  background-color: var(--imlib_chat_components_locationBubble_bg_color);
+  border: 1px solid var(--imlib_chat_components_locationBubble_border_color);
+  padding: var(--zd_size10) ;
+  border-radius: 3px; 
+}
+
+.failedLocationBubble{
+  background-color: var(--imlib_chat_components_locationBubble_bg_color_failed);
+  border-color: var(--imlib_chat_components_locationBubble_border_color_failed);
+}
+
+[dir=ltr] .textWrapper {
+  margin: 0 0 0 var(--zd_size8) ;
+}
+
+[dir=rtl] .textWrapper {
+  margin: 0 var(--zd_size8) 0 0 ;
+}
+
+.textLink {
+  display: block;
+  color: var(--imlib_chat_components_locationBubble_url_color);
+  word-break: break-word;
+  word-wrap: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  line-height: 1.4;
+  white-space: normal;
+}
+
+.failedLocationBubble .textLink{
+  color: var(--imlib_chat_components_locationBubble_url_color_failed);
+}
+
+.container{
+  display: flex;
+  cursor: pointer;
+}
+
+.container:hover .textLink{
+  text-decoration: underline !important;
+}

package/es/LocationBubble/css/cssJSLogic.js

@@ -0,0 +1,13 @@
+import { compileClassNames } from '@zohodesk/utils';
+export default function cssJSLogic(props, style) {
+  const {
+    isFailed
+  } = props;
+  const locationBubbleClass = compileClassNames({
+    [style.locationBubble]: true,
+    [style.failedLocationBubble]: isFailed
+  });
+  return {
+    locationBubbleClass
+  };
+}

package/es/LocationBubble/index.js

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

package/es/LocationBubble/props/defaultProps.js

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

package/es/LocationBubble/props/propTypes.js

@@ -0,0 +1,8 @@
+/** ** Libraries *** */
+import PropTypes from 'prop-types';
+const locationBubblePropTypes = {
+  locationUrl: PropTypes.string.isRequired,
+  customStyle: PropTypes.object,
+  isFailed: PropTypes.bool
+};
+export default locationBubblePropTypes;

package/es/MediaBubbleWrapper/MediaBubbleWrapper.js

@@ -0,0 +1,62 @@
+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); }
+
+/** ** Libraries *** */
+import React, { useMemo, Fragment } from 'react';
+/** ** Hooks *** */
+
+import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
+import useAttachmentBubble from '@zohoim/chat-components-hooks/es/AttachmentBubble/useAttachmentBubble';
+/** ** Constants *** */
+
+import mediaBubbleWrapperDefaultProps from './props/defaultProps';
+import mediaBubbleWrapperPropTypes from './props/propTypes';
+import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
+/** ** Styles *** */
+
+import style from './css/MediaBubbleWrapper.module.css';
+/** ** Methods *** */
+
+import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
+/** ** Components *** */
+
+import AttachmentBubbleInfo from '../AttachmentBubbleInfo/AttachmentBubbleInfo';
+export default function MediaBubbleWrapper(props) {
+  const {
+    customStyle,
+    mediaDetails,
+    customProps,
+    renderMedia,
+    isFailed
+  } = props;
+  const {
+    attachmentBubbleInfoProps = dummyObject
+  } = customProps;
+  /* External css customization */
+
+  const newStyle = useMergeStyle(style, customStyle);
+  const bubbleInfoCustomStyle = useMemo(() => ({
+    attachmentBubbleInfo: newStyle.header
+  }), [newStyle.header]);
+  const {
+    attachmentURL: fileURL,
+    formattedFileSize: fileSize,
+    fileName,
+    attachmentType: fileType
+  } = useAttachmentBubble({
+    attachmentDetails: mediaDetails
+  });
+  const mediaComponent = renderHandler(renderMedia)({
+    fileURL,
+    fileType
+  });
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(AttachmentBubbleInfo, _extends({
+    customStyle: bubbleInfoCustomStyle,
+    fileName: fileName,
+    fileSize: fileSize
+  }, attachmentBubbleInfoProps, {
+    isFailed: isFailed
+  })), mediaComponent);
+}
+MediaBubbleWrapper.propTypes = mediaBubbleWrapperPropTypes;
+MediaBubbleWrapper.defaultProps = mediaBubbleWrapperDefaultProps;
+MediaBubbleWrapper.displayName = 'MediaBubbleWrapper';

package/es/MediaBubbleWrapper/css/MediaBubbleWrapper.module.css

@@ -0,0 +1,7 @@
+.header {
+  margin-bottom: var(--zd_size5) ;
+}
+
+.audioCont{
+  min-width: var(--zd_size300) ;
+}

package/es/MediaBubbleWrapper/index.js

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

package/es/MediaBubbleWrapper/props/defaultProps.js

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

package/es/MediaBubbleWrapper/props/propTypes.js

@@ -0,0 +1,17 @@
+/** ** Libraries *** */
+import PropTypes from 'prop-types';
+const mediaBubbleWrapperPropTypes = {
+  mediaDetails: PropTypes.shape({
+    name: PropTypes.string.isRequired,
+    size: PropTypes.string.isRequired,
+    type: PropTypes.string.isRequired,
+    url: PropTypes.string.isRequired
+  }).isRequired,
+  renderMedia: PropTypes.func.isRequired,
+  customProps: PropTypes.shape({
+    attachmentBubbleInfoProps: PropTypes.object
+  }),
+  customStyle: PropTypes.object,
+  isFailed: PropTypes.bool
+};
+export default mediaBubbleWrapperPropTypes;

package/es/Message/Message.js

@@ -0,0 +1,126 @@
+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); }
+
+/** ** Libraries *** */
+import React, { useCallback } from 'react';
+/** ** Constants *** */
+
+import messageDefaultProps from './props/defaultProps';
+import messagePropTypes from './props/propTypes';
+import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
+/** ** Components *** */
+
+import MessageBubble from '../MessageBubble/MessageBubble';
+import MessageBox from '../MessageBox/MessageBox';
+import MessageAvatar from '../MessageAvatar/MessageAvatar';
+import MessageActions from '../MessageActions/MessageActions';
+import MessageStatus from '../MessageStatus/MessageStatus';
+/** ** Methods *** */
+
+import getMessageStatus from '@zohoim/chat-components-utils/es/getMessageStatus';
+import getMessageDirectionType from '@zohoim/chat-components-utils/es/getMessageDirectionType';
+export default function Message(props) {
+  const {
+    direction,
+    isActive,
+    isShowSender,
+    needSender,
+    ownerDetails,
+    renderOwnerStatusIcon,
+    status,
+    statusTooltip,
+    isShowMessageStatus,
+    actions,
+    renderSecondaryActions,
+    onSelectAction,
+    onMouseEnterAction,
+    needMessageActions,
+    renderContent,
+    customProps
+  } = props;
+  const {
+    messageBubbleProps = dummyObject,
+    messageOwnerProps = dummyObject,
+    messageBoxProps = dummyObject,
+    messageStatusProps = dummyObject,
+    messageActionsProps = dummyObject
+  } = customProps;
+  const {
+    isIncoming,
+    isOutgoing
+  } = getMessageDirectionType({
+    messageDetails: {
+      direction
+    }
+  });
+  const {
+    isFailedMessage: isFailed
+  } = getMessageStatus({
+    messageDetails: {
+      status
+    }
+  });
+  /** ** Render Message Owner *** */
+
+  const handleRenderMessageOwner = useCallback(() => {
+    if (isShowSender) {
+      const {
+        src,
+        alternateSrc,
+        name
+      } = ownerDetails || dummyObject;
+      const props = {
+        src,
+        alternateSrc,
+        title: name,
+        renderIcon: renderOwnerStatusIcon
+      };
+      return /*#__PURE__*/React.createElement(MessageAvatar, _extends({}, props, messageOwnerProps));
+    }
+
+    return null;
+  }, [ownerDetails, messageOwnerProps, renderOwnerStatusIcon, isShowSender]);
+  /** ** Render Message Status *** */
+
+  const handleRenderMessageStatus = useCallback(() => {
+    const props = {
+      messageStatus: status,
+      title: statusTooltip
+    };
+    return isShowMessageStatus && status ? /*#__PURE__*/React.createElement(MessageStatus, _extends({}, props, messageStatusProps)) : null;
+  }, [status, statusTooltip, isShowMessageStatus, messageStatusProps]);
+  /** ** Render MessageBox *** */
+
+  const handleRenderMessageBox = useCallback(() => {
+    const props = {
+      renderMessageStatus: handleRenderMessageStatus,
+      renderMessage: renderContent,
+      isFailed,
+      isIncoming,
+      isOutgoing
+    };
+    return /*#__PURE__*/React.createElement(MessageBox, _extends({}, props, messageBoxProps));
+  }, [handleRenderMessageStatus, renderContent, messageBoxProps, isFailed, isIncoming, isOutgoing]);
+  /** ** Render Message Actions *** */
+
+  const handleRenderMessageActions = useCallback(() => {
+    const props = {
+      actions,
+      onSelect: onSelectAction,
+      renderSecondaryActions,
+      onMouseEnter: onMouseEnterAction
+    };
+    return /*#__PURE__*/React.createElement(MessageActions, _extends({}, props, messageActionsProps));
+  }, [actions, onSelectAction, onMouseEnterAction, renderSecondaryActions, messageActionsProps]);
+  return /*#__PURE__*/React.createElement(MessageBubble, _extends({
+    direction: direction,
+    isActive: isActive,
+    needMessageActions: needMessageActions,
+    needSender: needSender,
+    renderMessageActions: handleRenderMessageActions,
+    renderMessageBox: handleRenderMessageBox,
+    renderMessageOwner: handleRenderMessageOwner
+  }, messageBubbleProps));
+}
+Message.propTypes = messagePropTypes;
+Message.defaultProps = messageDefaultProps;
+Message.displayName = 'Message';

package/es/Message/index.js

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

package/es/Message/props/defaultProps.js

@@ -0,0 +1,12 @@
+/** ** Constants *** */
+import { direction } from '@zohoim/chat-components-utils/es/constants/messageConstants';
+import { dummyArray, dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
+const messageDefaultProps = {
+  direction: direction.IN,
+  isActive: false,
+  isShowSender: true,
+  customProps: dummyObject,
+  actions: dummyArray,
+  needMessageActions: true
+};
+export default messageDefaultProps;

package/es/Message/props/propTypes.js

@@ -0,0 +1,41 @@
+/** ** Libraries *** */
+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 { direction } from '@zohoim/chat-components-utils/es/constants/messageConstants';
+const messagePropTypes = {
+  direction: PropTypes.oneOf(Object.values(direction)).isRequired,
+  renderContent: PropTypes.func.isRequired,
+  isActive: PropTypes.bool,
+  isShowSender: PropTypes.bool,
+  needSender: PropTypes.bool,
+  ownerDetails: PropTypes.shape({
+    alternateSrc: PropTypes.string,
+    name: PropTypes.string,
+    src: PropTypes.string
+  }),
+  renderOwnerStatusIcon: PropTypes.func,
+  status: PropTypes.oneOf(Object.values(messageStatusConstants)),
+  statusTooltip: PropTypes.string,
+  isShowMessageStatus: PropTypes.bool,
+  actions: PropTypes.arrayOf(PropTypes.shape({
+    displayText: PropTypes.string.isRequired,
+    id: PropTypes.oneOfType([PropTypes.string, PropTypes.oneOf(Object.values(defaultMessageActions))]).isRequired,
+    iconTitle: PropTypes.string,
+    isDisabled: PropTypes.bool,
+    renderFunction: PropTypes.func
+  })),
+  onSelectAction: PropTypes.func.isRequired,
+  renderSecondaryActions: PropTypes.func,
+  needMessageActions: PropTypes.bool,
+  customProps: PropTypes.shape({
+    messageActionsProps: PropTypes.object,
+    messageBoxProps: PropTypes.object,
+    messageBubbleProps: PropTypes.object,
+    messageOwnerProps: PropTypes.object,
+    messageStatusProps: PropTypes.object
+  })
+};
+export default messagePropTypes;

package/es/MessageAction/MessageAction.js

@@ -0,0 +1,60 @@
+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); }
+
+/** ** Libraries *** */
+import React, { useCallback } from 'react';
+/** ** Components *** */
+
+import MoreActionItem from '../MoreActionItem/MoreActionItem';
+import ActionIcon from '../ActionIcon/ActionIcon';
+/** ** Constants *** */
+
+import messageActionsDefaultProps from './props/defaultProps';
+import messageActionsPropTypes from './props/propTypes';
+import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
+export default function MessageAction(props) {
+  const {
+    displayText,
+    id,
+    onClick,
+    onMouseEnter,
+    isShowInMore,
+    iconTitle,
+    customProps,
+    closePopup,
+    isDisabled,
+    needMoreActionItemIcon
+  } = props;
+  const {
+    moreActionItemProps = dummyObject,
+    actionIconProps = dummyObject
+  } = customProps;
+  const renderIcon = useCallback( // eslint-disable-next-line no-confusing-arrow
+  function () {
+    let {
+      id
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return needMoreActionItemIcon ? /*#__PURE__*/React.createElement(ActionIcon, _extends({
+      id: id,
+      needIconOnly: true
+    }, actionIconProps)) : null;
+  }, [actionIconProps, needMoreActionItemIcon]);
+  return isShowInMore ? /*#__PURE__*/React.createElement(MoreActionItem, _extends({
+    closePopup: closePopup,
+    displayText: displayText,
+    id: id,
+    isDisabled: isDisabled,
+    needIcon: needMoreActionItemIcon,
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    renderIcon: renderIcon,
+    title: iconTitle
+  }, moreActionItemProps)) : /*#__PURE__*/React.createElement(ActionIcon, _extends({
+    id: id,
+    isDisabled: isDisabled,
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    title: iconTitle
+  }, actionIconProps));
+}
+MessageAction.propTypes = messageActionsPropTypes;
+MessageAction.defaultProps = messageActionsDefaultProps;

package/es/MessageAction/index.js

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

package/es/MessageAction/props/defaultProps.js

@@ -0,0 +1,8 @@
+/** ** Constants *** */
+import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
+const messageActionDefaultProps = {
+  customProps: dummyObject,
+  isShowInMore: false,
+  needMoreActionItemIcon: true
+};
+export default messageActionDefaultProps;

package/es/MessageAction/props/propTypes.js

@@ -0,0 +1,21 @@
+/** ** Libraries *** */
+import PropTypes from 'prop-types';
+/** ** Constants *** */
+
+import { defaultMessageActions } from '@zohoim/chat-components-utils/es/constants/messageActionConstants';
+const messageActionPropTypes = {
+  displayText: PropTypes.string.isRequired,
+  id: PropTypes.oneOf(Object.values(defaultMessageActions)).isRequired,
+  onClick: PropTypes.func.isRequired,
+  onMouseEnter: PropTypes.func,
+  closePopup: PropTypes.func,
+  customProps: PropTypes.shape({
+    actionIconProps: PropTypes.object,
+    moreActionItemProps: PropTypes.object
+  }),
+  iconTitle: PropTypes.string,
+  isDisabled: PropTypes.bool,
+  isShowInMore: PropTypes.bool,
+  needMoreActionItemIcon: PropTypes.bool
+};
+export default messageActionPropTypes;

package/es/MessageActions/MessageActions.js

@@ -0,0 +1,120 @@
+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); }
+
+/** ** Libraries *** */
+import React, { useCallback, Fragment } from 'react';
+/** ** Components *** */
+
+import ActionIconWrapper from '../ActionIconWrapper/ActionIconWrapper';
+import MessageActionsWrapper from '../MessageActionsWrapper/MessageActionsWrapper';
+import MessageAction from '../MessageAction/MessageAction';
+/** ** Icons *** */
+
+import MoreIcon from '@zohodesk/icon/es/general/More';
+/** ** Hooks *** */
+
+import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
+import useMessageActions from '@zohoim/chat-components-hooks/es/MessageActions/useMessageActions';
+/** ** Constants *** */
+
+import messageActionsDefaultProps from './props/defaultProps';
+import messageActionsPropTypes from './props/propTypes';
+import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
+/** ** CSS *** */
+
+import style from './css/MessageActions.module.css';
+export default function MessageActions(props) {
+  const {
+    actions,
+    defaultShowCount,
+    onSelect,
+    onMouseEnter,
+    renderSecondaryActions,
+    customStyle,
+    customProps
+  } = props;
+  const {
+    messageActionProps = dummyObject,
+    actionIconWrapperProps = dummyObject,
+    messageActionsWrapperProps = dummyObject
+  } = customProps;
+  /* External CSS Customization */
+
+  const newStyle = useMergeStyle(style, customStyle);
+  const handleClickAction = useCallback(_ref => {
+    let {
+      id,
+      e
+    } = _ref;
+    onSelect && onSelect({
+      id,
+      e
+    });
+  }, [onSelect]);
+  const handleMouseEnterAction = useCallback(_ref2 => {
+    let {
+      id,
+      e
+    } = _ref2;
+    onMouseEnter && onMouseEnter({
+      id,
+      e
+    });
+  }, [onMouseEnter]);
+  /* External Action Icon */
+
+  const renderAction = useCallback(function () {
+    let {
+      id,
+      isShowInMore,
+      action,
+      closePopup
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const {
+      displayText,
+      iconTitle,
+      isDisabled
+    } = action || dummyObject;
+    return /*#__PURE__*/React.createElement(MessageAction, _extends({
+      key: id,
+      closePopup: closePopup,
+      displayText: displayText,
+      iconTitle: iconTitle,
+      id: id,
+      isDisabled: isDisabled,
+      isShowInMore: isShowInMore,
+      onClick: handleClickAction,
+      onMouseEnter: handleMouseEnterAction
+    }, messageActionProps));
+  }, [handleClickAction, handleMouseEnterAction, messageActionProps]);
+  /* Hooks handling */
+
+  const {
+    actionDetails,
+    secondaryActions
+  } = useMessageActions({
+    actions,
+    defaultRenderFunction: renderAction,
+    renderSecondaryActions
+  });
+  const {
+    allActions
+  } = actionDetails;
+  /* Render More Icon */
+
+  const renderMoreIcon = useCallback(() => /*#__PURE__*/React.createElement("div", {
+    className: newStyle.moreIcon
+  }, /*#__PURE__*/React.createElement(MoreIcon, null)), [newStyle.moreIcon]);
+  const renderMore = useCallback(() => /*#__PURE__*/React.createElement(ActionIconWrapper, _extends({
+    renderIcon: renderMoreIcon
+  }, actionIconWrapperProps)), [actionIconWrapperProps, renderMoreIcon]);
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(MessageActionsWrapper, _extends({
+    actions: allActions,
+    defaultShowCount: defaultShowCount,
+    renderMoreIcon: renderMore
+  }, messageActionsWrapperProps)), secondaryActions ? /*#__PURE__*/React.createElement("div", {
+    className: newStyle.secondaryActions
+  }, secondaryActions) : null);
+}
+MessageActions.propTypes = messageActionsPropTypes;
+MessageActions.defaultProps = messageActionsDefaultProps;
+MessageActions.displayName = 'MessageActions';

package/es/MessageActions/css/MessageActions.module.css

@@ -0,0 +1,24 @@
+.varClass {
+  /* --messageActions-secondaryActions_margin: 5px; */
+}
+
+[dir=ltr] .moreIcon svg {
+  transform: rotate(90deg);
+}
+
+[dir=rtl] .moreIcon svg {
+  transform: rotate(-90deg);
+}
+
+.secondaryActions {
+  composes: varClass;
+  /* margin-top: var(--messageActions-secondaryActions_margin); */
+}
+
+[dir=ltr] .secondaryActions {
+  text-align: left;
+}
+
+[dir=rtl] .secondaryActions {
+  text-align: right;
+}

package/es/MessageActions/index.js

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

package/es/MessageActions/props/defaultProps.js

@@ -0,0 +1,10 @@
+/** ** Constants *** */
+import { dummyObject, dummyArray } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
+import { actionsDefaultShowCount } from '@zohoim/chat-components-utils/es/constants/messageActionConstants';
+const messageActionsDefaultProps = {
+  customStyle: dummyObject,
+  customProps: dummyObject,
+  defaultShowCount: actionsDefaultShowCount,
+  actions: dummyArray
+};
+export default messageActionsDefaultProps;

package/es/MessageActions/props/propTypes.js

@@ -0,0 +1,25 @@
+/** ** Libraries *** */
+import PropTypes from 'prop-types';
+/** ** Constants *** */
+
+import { defaultMessageActions } from '@zohoim/chat-components-utils/es/constants/messageActionConstants';
+const messageActionsPropTypes = {
+  actions: PropTypes.arrayOf(PropTypes.shape({
+    displayText: PropTypes.string.isRequired,
+    id: PropTypes.oneOfType([PropTypes.string, PropTypes.oneOf(Object.values(defaultMessageActions))]).isRequired,
+    iconTitle: PropTypes.string,
+    isDisabled: PropTypes.bool,
+    renderFunction: PropTypes.func
+  })).isRequired,
+  onSelect: PropTypes.func.isRequired,
+  onMouseEnter: PropTypes.func,
+  customProps: PropTypes.shape({
+    actionIconWrapperProps: PropTypes.object,
+    messageActionProps: PropTypes.object,
+    messageActionsWrapperProps: PropTypes.object
+  }),
+  customStyle: PropTypes.object,
+  defaultShowCount: PropTypes.number,
+  renderSecondaryActions: PropTypes.func
+};
+export default messageActionsPropTypes;