@zohoim/chat-components 0.0.13 → 0.0.15

package/es/MessageAction/props/propTypes.js

@@ -1,14 +1,17 @@
 /** ** Libraries *** */
 import PropTypes from 'prop-types';
 const messageActionPropTypes = {
-  displayText: PropTypes.string,
-  id: PropTypes.string,
-  index: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  renderIcon: PropTypes.func,
-  onClick: PropTypes.func,
-  isShowInMore: PropTypes.bool,
+  displayText: PropTypes.string.isRequired,
+  id: PropTypes.string.isRequired,
+  onClick: PropTypes.func.isRequired,
+  closePopup: PropTypes.func,
+  customProps: PropTypes.shape({
+    actionIconProps: PropTypes.object,
+    moreActionItemProps: PropTypes.object
+  }),
   iconTitle: PropTypes.string,
-  actionIconCustomStyle: PropTypes.object,
-  moreItemCustomStyle: PropTypes.object
+  isDisabled: PropTypes.bool,
+  isShowInMore: PropTypes.bool,
+  needMoreActionItemIcon: PropTypes.bool
 };
 export default messageActionPropTypes;

package/es/MessageActions/MessageActions.js

@@ -1,81 +1,48 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable react/jsx-no-bind */
-/* eslint-disable max-len */
-/* eslint-disable arrow-parens */
+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 from 'react';
-
+import React, { useCallback, Fragment } from 'react';
 /** ** Components *** */
-import ActionIcon from '../ActionIcon/ActionIcon';
+
+import ActionIconWrapper from '../ActionIconWrapper/ActionIconWrapper';
 import MessageActionsWrapper from '../MessageActionsWrapper/MessageActionsWrapper';
 import MessageAction from '../MessageAction/MessageAction';
-
 /** ** Icons *** */
-import ReplyIcon from '@zohodesk/icon/es/general/Reply';
-import ReloadIcon from '@zohodesk/icon/es/general/Reload';
-import CopyIcon from '@zohodesk/icon/es/general/Copy';
-import DownloadIcon from '@zohodesk/icon/es/general/Cloud';
-import DeleteIcon from '@zohodesk/icon/es/general/Delete';
-import ForwardIcon from '@zohodesk/icon/es/channels/EmailForward';
-import MoreIcon from '@zohodesk/icon/es/general/More';
-import ConvertTicket from '../icons/iconSrc/actions/ConvertTicket';
 
+import 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';
-
 /** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-import cssJSLogic from './css/cssJSLogic';
 
+import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
 /** ** Constants *** */
+
 import messageActionsDefaultProps from './props/defaultProps';
 import messageActionsPropTypes from './props/propTypes';
-import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
-import { defaultMessageActions } from '@zohoim/chat-components-utils/es/constants/messageActionConstants';
-
+import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** CSS *** */
+
 import style from './css/MessageActions.module.css';
-const {
-  REPLY,
-  COPY,
-  DOWNLOAD,
-  CREATE_TICKET,
-  RESEND,
-  DELETE,
-  FORWARD
-} = defaultMessageActions;
 export default function MessageActions(props) {
   const {
     actions,
     defaultShowCount,
-    actionIconCustomStyle,
-    moreItemCustomStyle,
     onSelect,
+    renderSecondaryActions,
     customStyle,
-    morePopupCustomStyle,
-    renderSecondaryActions
+    customProps
   } = props;
+  const {
+    messageActionProps = dummyObject,
+    actionIconWrapperProps = dummyObject,
+    messageActionsWrapperProps = dummyObject
+  } = customProps;
+  /* External CSS Customization */
 
-  /* external customization */
   const newStyle = useMergeStyle(style, customStyle);
-  /* css classnames added based on logic */
-  const {
-    moreIconClass,
-    secondaryActionsClass,
-    iconStyle
-  } = cssJSLogic(props, newStyle);
-  const {
-    actionDetails
-  } = useMessageActions({
-    actions,
-    defaultRenderFunction: renderAction
-  });
-  const {
-    allActions
-  } = actionDetails;
-  function handleClickAction(_ref) {
+  const handleClickAction = useCallback(_ref => {
     let {
       id,
       e
@@ -84,26 +51,10 @@ export default function MessageActions(props) {
       id,
       e
     });
-  }
-  function renderIcon(_ref2) {
-    let {
-      id
-    } = _ref2;
-    const iconMapping = {
-      [REPLY]: ReplyIcon,
-      [COPY]: CopyIcon,
-      [DOWNLOAD]: DownloadIcon,
-      [CREATE_TICKET]: ConvertTicket,
-      [RESEND]: ReloadIcon,
-      [DELETE]: DeleteIcon,
-      [FORWARD]: ForwardIcon
-    };
-    const IconComponent = iconMapping[id];
-    return IconComponent ? /*#__PURE__*/React.createElement(IconComponent, {
-      customStyle: iconStyle
-    }) : null;
-  }
-  function renderAction() {
+  }, [onSelect]);
+  /* External Action Icon */
+
+  const renderAction = useCallback(function () {
     let {
       id,
       isShowInMore,
@@ -112,39 +63,48 @@ export default function MessageActions(props) {
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       displayText,
-      iconTitle
+      iconTitle,
+      isDisabled
     } = action || dummyObject;
-    return /*#__PURE__*/React.createElement(MessageAction, {
-      actionIconCustomStyle: actionIconCustomStyle,
+    return /*#__PURE__*/React.createElement(MessageAction, _extends({
+      key: id,
       closePopup: closePopup,
       displayText: displayText,
       iconTitle: iconTitle,
       id: id,
-      index: id,
+      isDisabled: isDisabled,
       isShowInMore: isShowInMore,
-      key: id,
-      moreItemCustomStyle: moreItemCustomStyle,
-      onClick: handleClickAction,
-      renderIcon: renderIcon
-    });
-  }
-  function renderMoreIcon() {
-    return /*#__PURE__*/React.createElement(ActionIcon, {
-      customStyle: actionIconCustomStyle,
-      renderIcon: () => /*#__PURE__*/React.createElement("div", {
-        className: moreIconClass
-      }, /*#__PURE__*/React.createElement(MoreIcon, null))
-    });
-  }
+      onClick: handleClickAction
+    }, messageActionProps));
+  }, [handleClickAction, messageActionProps]);
+  /* Hooks handling */
+
+  const {
+    actionDetails
+  } = useMessageActions({
+    actions,
+    defaultRenderFunction: renderAction
+  });
+  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]);
   const secondaryActions = renderHandler(renderSecondaryActions)();
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MessageActionsWrapper, {
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(MessageActionsWrapper, _extends({
     actions: allActions,
     defaultShowCount: defaultShowCount,
-    morePopupCustomStyle: morePopupCustomStyle,
-    renderMoreIcon: renderMoreIcon
-  }), secondaryActions ? /*#__PURE__*/React.createElement("div", {
-    className: secondaryActionsClass
+    renderMoreIcon: renderMore
+  }, messageActionsWrapperProps)), secondaryActions ? /*#__PURE__*/React.createElement("div", {
+    className: newStyle.secondaryActions
   }, secondaryActions) : null);
 }
 MessageActions.propTypes = messageActionsPropTypes;
-MessageActions.defaultProps = messageActionsDefaultProps;
+MessageActions.defaultProps = messageActionsDefaultProps;
+MessageActions.displayName = 'MessageActions';

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

@@ -1,6 +1,5 @@
 .varClass {
-  /* --imMessageActions-secondaryActions_margin: var(--imlib_size_5); */
-  --imMessageActions-action_icon_size: var(--imlib_size_15);
+  /* --messageActions-secondaryActions_margin: 5px; */
 }
 
 [dir=ltr] .moreIcon svg {
@@ -13,7 +12,7 @@
 
 .secondaryActions {
   composes: varClass;
-  /* margin-top: var(--imMessageActions-secondaryActions_margin); */
+  /* margin-top: var(--messageActions-secondaryActions_margin); */
 }
 
 [dir=ltr] .secondaryActions {
@@ -23,9 +22,3 @@
 [dir=rtl] .secondaryActions {
   text-align: right;
 }
-
-.icon {
-  composes: varClass;
-  width: var(--imMessageActions-action_icon_size);
-  height: var(--imMessageActions-action_icon_size);
-}

package/es/MessageActions/props/defaultProps.js

@@ -1,11 +1,9 @@
 /** ** Constants *** */
-import { dummyObject, dummyArray } from '@zohoim/chat-components-utils/es/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,
-  actionIconCustomStyle: dummyObject,
-  morePopupCustomStyle: dummyObject,
-  moreItemCustomStyle: dummyObject,
+  customProps: dummyObject,
   defaultShowCount: actionsDefaultShowCount,
   actions: dummyArray
 };

package/es/MessageActions/props/propTypes.js

@@ -1,30 +1,24 @@
 /** ** Libraries *** */
 import PropTypes from 'prop-types';
-
 /** ** Constants *** */
+
 import { defaultMessageActions } from '@zohoim/chat-components-utils/es/constants/messageActionConstants';
-const {
-  REPLY,
-  COPY,
-  DOWNLOAD,
-  CREATE_TICKET,
-  RESEND,
-  DELETE,
-  FORWARD
-} = defaultMessageActions;
 const messageActionsPropTypes = {
   actions: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.oneOfType([PropTypes.string, PropTypes.oneOf([REPLY, COPY, DOWNLOAD, CREATE_TICKET, RESEND, DELETE, FORWARD])]).isRequired,
-    displayText: PropTypes.string,
-    renderFunction: PropTypes.func,
-    iconTitle: PropTypes.string
+    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,
-  defaultShowCount: PropTypes.number,
-  actionIconCustomStyle: PropTypes.object,
-  morePopupCustomStyle: PropTypes.object,
-  moreItemCustomStyle: PropTypes.object,
-  onSelect: PropTypes.func,
+  onSelect: PropTypes.func.isRequired,
+  customProps: PropTypes.shape({
+    actionIconWrapperProps: PropTypes.object,
+    messageActionProps: PropTypes.object,
+    messageActionsWrapperProps: PropTypes.object
+  }),
   customStyle: PropTypes.object,
+  defaultShowCount: PropTypes.number,
   renderSecondaryActions: PropTypes.func
 };
 export default messageActionsPropTypes;

package/es/MessageActionsMore/MessageActionsMore.js

@@ -1,32 +1,32 @@
-/* eslint-disable max-len */
-
 /** ** Libraries *** */
-import React from 'react';
-
+import React, { useCallback, useMemo } from 'react';
 /** ** Components *** */
+
 import Popup from '@zohodesk/components/lib/Popup/Popup';
 import DropBox from '@zohodesk/components/lib/DropBox/DropBox';
-
 /** ** Constants *** */
+
 import messageActionsMoreDefaultProps from './props/defaultProps';
 import messageActionsMorePropTypes from './props/propTypes';
 import { MSG_ACTION_POPUP_PORTAL } from '../constants';
-
 /** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-import cssJSLogic from './css/cssJSLogic';
 
+import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
 /** ** Hooks *** */
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 
+import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Styles *** */
+
 import style from './css/MessageActionsMore.module.css';
+
 function MessageActionsMoreComp(props) {
   const {
     actions,
     renderMoreIcon,
     customStyle,
     popupSize,
+    defaultPopupPosition,
+
     /** ** Popup Props *** */
     getTargetRef,
     getContainerRef,
@@ -40,20 +40,39 @@ function MessageActionsMoreComp(props) {
     positionsOffset
   } = props;
   const moreIcon = renderHandler(renderMoreIcon)();
+  /* External CSS Customization */
 
-  /* External customization */
   const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-  const {
-    popupClass,
-    morePopupContainerClass
-  } = cssJSLogic(props, newStyle);
+  const popupClass = useMemo(() => ({
+    customDropBox: newStyle.popup,
+    customMobileDropBox: newStyle.mobilePopup,
+    customDropBoxWrap: newStyle.popupWrapper,
+    customMobileDropBoxWrap: newStyle.mobilePopupWrapper
+  }), [newStyle.popup, newStyle.mobilePopup, newStyle.popupWrapper, newStyle.mobilePopupWrapper]);
+
+  const handleTogglePopup = e => {
+    togglePopup(e, defaultPopupPosition);
+  };
+
+  const renderActions = useCallback(() => actions.map(action => {
+    const {
+      id,
+      renderFunction
+    } = action;
+    return renderHandler(renderFunction)({
+      id,
+      isShowInMore: true,
+      action,
+      closePopup: closePopupOnly
+    }); // id, isRenderInMorePopup
+  }), [actions, closePopupOnly]);
+  const isRenderPopup = !!(moreIcon && isPopupOpen);
   return /*#__PURE__*/React.createElement("span", {
-    className: morePopupContainerClass
-  }, moreIcon ? /*#__PURE__*/React.createElement("div", {
-    onClick: togglePopup,
-    ref: getTargetRef
-  }, moreIcon) : null, isPopupOpen ? /*#__PURE__*/React.createElement(DropBox, {
+    className: newStyle.morePopupContainer
+  }, moreIcon ? /*#__PURE__*/React.createElement("span", {
+    ref: getTargetRef,
+    onClick: handleTogglePopup
+  }, moreIcon) : null, isRenderPopup ? /*#__PURE__*/React.createElement(DropBox, {
     boxPosition: position,
     customClass: popupClass,
     getRef: getContainerRef,
@@ -63,23 +82,12 @@ function MessageActionsMoreComp(props) {
     isArrow: false,
     onClick: removeClose,
     portalId: MSG_ACTION_POPUP_PORTAL,
-    positionMapping: positionsOffset,
     positionsOffset: positionsOffset,
-    size: popupSize
-    // isModel
-  }, actions.map(action => {
-    const {
-      id,
-      renderFunction
-    } = action;
-    return renderHandler(renderFunction)({
-      id,
-      isShowInMore: true,
-      action,
-      closePopup: closePopupOnly
-    }); // id, isRenderInMorePopup
-  })) : null);
+    size: popupSize // isModel
+
+  }, renderActions()) : null);
 }
+
 const MessageActionsMore = Popup(MessageActionsMoreComp, '', '', {
   isAbsolutePositioningNeeded: false
 });

package/es/MessageActionsMore/css/MessageActionsMore.module.css

@@ -2,19 +2,22 @@
   display: inline-block;
 }
 
+.morePopupContainer {
+  composes: container;
+}
+
 .popup {
-  /* use this class name for popup customization*/
-  padding: var(--imlib_size_10) 0;
+  padding: var(--zd_size10) 0 ;
 }
 
 .popupWrapper {
-  /* use this class name for popup wrapper customization*/
+  composes: container;
 }
 
 .mobilePopup {
-  /* use this class name for mobile popup customization*/
+  composes: container;
 }
 
 .mobilePopupWrapper {
-  /* use this class name for mobile popup wrapper customization*/
+  composes: container;
 }

package/es/MessageActionsMore/props/defaultProps.js

@@ -1,8 +1,9 @@
 /** ** Constants *** */
-import { dummyObject, dummyArray } from '@zohoim/chat-components-utils/es/constants';
+import { dummyObject, dummyArray } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 const messageActionsMoreDefaultProps = {
   customStyle: dummyObject,
   actions: dummyArray,
-  popupSize: 'small'
+  popupSize: 'small',
+  defaultPopupPosition: 'bottomCenter'
 };
 export default messageActionsMoreDefaultProps;

package/es/MessageActionsMore/props/propTypes.js

@@ -5,8 +5,9 @@ const messageActionsMorePropTypes = {
     id: PropTypes.string.isRequired,
     renderFunction: PropTypes.func
   })).isRequired,
-  renderMoreIcon: PropTypes.func,
+  renderMoreIcon: PropTypes.func.isRequired,
   customStyle: PropTypes.object,
-  popupSize: PropTypes.string
+  popupSize: PropTypes.oneOf(['mini', 'xmini', 'xsmall', 'small', 'medium', 'large', 'mlarge', 'xlarge', 'xxlarge', 'default']),
+  defaultPopupPosition: PropTypes.oneOf([['bottomCenter', 'bottomLeftToRight', 'bottomCenterToRight', 'bottomRightToLeft', 'bottomCenterToLeft', 'topCenter', 'topLeftToRight', 'topCenterToRight', 'topRightToLeft', 'topCenterToLeft', 'rightTopToBottom', 'rightCenterToBottom', 'rightCenter', 'rightBottomToTop', 'rightCenterToTop', 'leftTopToBottom', 'leftCenterToBottom', 'leftCenter', 'leftBottomToTop', 'leftCenterToTop', 'bottomRight', 'bottomLeft', 'topRight', 'topLeft', 'rightBottom', 'rightTop', 'leftBottom', 'leftTop']])
 };
 export default messageActionsMorePropTypes;

package/es/MessageActionsWrapper/MessageActionsWrapper.js

@@ -1,75 +1,67 @@
-/* eslint-disable max-len */
+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 from 'react';
-
+import React, { useCallback } from 'react';
 /** ** Components *** */
+
 import { Container } from '@zohodesk/components/lib/Layout';
 import MessageActionsMore from '../MessageActionsMore/MessageActionsMore';
-
 /** ** Hooks *** */
-import { useMessageActionsWrapper } from '@zohoim/chat-components-hooks';
 
+import useMessageActionsWrapper from '@zohoim/chat-components-hooks/es/MessageActionsWrapper/useMessageActionsWrapper';
 /** ** Constants *** */
+
 import messageActionsWrapperDefaultProps from './props/defaultProps';
 import messageActionsWrapperPropTypes from './props/propTypes';
-import constantProps from './props/propConstants';
-
+import { dummyArray, dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** Methods *** */
+
 import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-import cssJSLogic from './css/cssJSLogic';
-
 /** ** Style *** */
+
 import style from './css/MessageActionsWrapper.module.css';
-function MessageActionsWrapper(props) {
+export default function MessageActionsWrapper(props) {
   const {
     actions,
     renderMoreIcon,
     defaultShowCount,
     customStyle,
-    morePopupCustomStyle
+    customProps
   } = props;
+  const {
+    messageActionsMoreProps = dummyObject
+  } = customProps;
+  /* External CSS Customization */
 
-  /* external customization */
   const newStyle = useMergeStyle(style, customStyle);
-  /* css classnames added based on logic */
-  const {
-    actionsClass
-  } = cssJSLogic(props, newStyle);
   const {
     isShowMore: isShowMoreIcon,
-    revampedActions = []
+    actions: defaultActions = dummyArray,
+    moreActions = dummyArray
   } = useMessageActionsWrapper(actions, defaultShowCount);
-  const {
-    defaultActions = [],
-    moreActions
-  } = revampedActions;
-  function renderRow(defaultActions, isShowMore) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, {
-      alignBox: "row"
-    }, defaultActions.map(action => {
-      const {
-        id,
-        renderFunction
-      } = action;
-      return renderHandler(renderFunction)({
-        id,
-        isShowInMore: false,
-        action
-      }); // id, isRenderInMorePopup
-    }), isShowMore ? /*#__PURE__*/React.createElement(MessageActionsMore, {
-      actions: moreActions,
-      customStyle: morePopupCustomStyle,
-      renderMoreIcon: renderMoreIcon
-    }) : null));
-  }
+  const renderDefaultActions = useCallback(() => defaultActions.map(action => {
+    const {
+      id,
+      renderFunction
+    } = action;
+    return renderHandler(renderFunction)({
+      id,
+      isShowInMore: false,
+      action
+    }); // id, isRenderInMorePopup
+  }), [defaultActions]);
+  const renderMoreActions = useCallback(() => /*#__PURE__*/React.createElement(MessageActionsMore, _extends({
+    actions: moreActions,
+    renderMoreIcon: renderMoreIcon
+  }, messageActionsMoreProps)), [moreActions, renderMoreIcon, messageActionsMoreProps]);
+  const renderRow = useCallback(() => /*#__PURE__*/React.createElement(Container, {
+    alignBox: "row"
+  }, renderDefaultActions(), isShowMoreIcon ? renderMoreActions() : null), [renderDefaultActions, renderMoreActions, isShowMoreIcon]);
   return /*#__PURE__*/React.createElement("div", {
-    className: actionsClass
+    className: newStyle.messageActionsWrapper
   }, renderRow(defaultActions, isShowMoreIcon));
 }
 MessageActionsWrapper.defaultProps = messageActionsWrapperDefaultProps;
 MessageActionsWrapper.propTypes = messageActionsWrapperPropTypes;
-MessageActionsWrapper.constantProps = constantProps;
-MessageActionsWrapper.displayName = 'MessageActionsWrapper';
-export default MessageActionsWrapper;
+MessageActionsWrapper.displayName = 'MessageActionsWrapper';

package/es/MessageActionsWrapper/css/MessageActionsWrapper.module.css

@@ -1,3 +1,3 @@
 .messageActionsWrapper {
-  /*Use this class for message actions customization*/
+  /* Use this class for message actions customization */
 }

package/es/MessageActionsWrapper/props/defaultProps.js

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

package/es/MessageActionsWrapper/props/propTypes.js

@@ -1,12 +1,15 @@
 /** ** Libraries *** */
 import PropTypes from 'prop-types';
-const messageActionsPropTypes = {
-  renderMoreIcon: PropTypes.func,
+const messageActionsWrapperPropTypes = {
   actions: PropTypes.arrayOf(PropTypes.shape({
     id: PropTypes.string.isRequired,
     renderFunction: PropTypes.func
   })).isRequired,
+  customProps: PropTypes.shape({
+    messageActionsMoreProps: PropTypes.object
+  }),
+  customStyle: PropTypes.object,
   defaultShowCount: PropTypes.number,
-  customStyle: PropTypes.object
+  renderMoreIcon: PropTypes.func
 };
-export default messageActionsPropTypes;
+export default messageActionsWrapperPropTypes;