@zohoim/chat-components 0.0.11 → 0.0.13

package/es/{TextMessage → unused/TextMessage}/TextMessage1.js

@@ -3,31 +3,31 @@
 import React from 'react';
 
 /** ** Components *** */
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-import { MessageBubble, AvatarSpace, MessageBox, MessageActions } from '..';
+import { MessageBubble, MessageBox, MessageActionsWrapper } from '../..';
 
 /** ** Constants *** */
 import textMessageDefaultProps from './props/defaultProps';
 import textMessagePropTypes from './props/propTypes';
 
 /** ** Styles *** */
-import style from './css/TextMessage.module.css';
+// import style from './css/TextMessage.module.css';
+
 export default function TextMessage(props) {
   const {
     direction,
     isActive,
     needMessageActions,
     message,
-    renderMessage,
+    // renderMessage,
     renderMessageHeader,
     renderMessageFooter,
     renderMessageBoxFooter,
-    needAvatar,
-    avatarProps,
+    // needAvatar,
+    // avatarProps,
     messageActions,
     renderMoreIcon,
-    actionsCount,
-    customStyle
+    actionsCount
+    // customStyle
   } = props;
   function renderMessageText() {
     /*#__PURE__*/React.createElement("div", null, message);
@@ -35,33 +35,30 @@ export default function TextMessage(props) {
   function renderMessageBox() {
     return /*#__PURE__*/React.createElement(MessageBox, {
       renderMessage: renderMessageText,
-      renderMessageHeader: renderMessageHeader,
-      renderMessageFooter: renderMessageFooter
+      renderMessageFooter: renderMessageFooter,
+      renderMessageHeader: renderMessageHeader
     });
   }
   function renderAvatarSpace() {
-    return /*#__PURE__*/React.createElement(AvatarSpace, {
-      needAvatar: needAvatar,
-      avatarProps: avatarProps
-    });
+    return null;
   }
   function renderMessageActions() {
-    return /*#__PURE__*/React.createElement(MessageActions, {
+    return /*#__PURE__*/React.createElement(MessageActionsWrapper, {
       actions: messageActions,
-      renderMoreIcon: renderMoreIcon,
-      moreCount: actionsCount
+      moreCount: actionsCount,
+      renderMoreIcon: renderMoreIcon
     });
   }
   return /*#__PURE__*/React.createElement(MessageBubble, {
     direction: direction,
     isActive: isActive,
     needMessageActions: needMessageActions,
-    renderMessageBox: renderMessageBox
+    renderAvatarSpace: renderAvatarSpace
     // renderMessageBoxHeader={() => null}
     ,
-    renderMessageBoxFooter: renderMessageBoxFooter,
-    renderAvatarSpace: renderAvatarSpace,
-    renderMessageActions: renderMessageActions
+    renderMessageActions: renderMessageActions,
+    renderMessageBox: renderMessageBox,
+    renderMessageBoxFooter: renderMessageBoxFooter
   });
 }
 TextMessage.propTypes = textMessageDefaultProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohoim/chat-components",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "Chat Components",
   "main": "es/index.js",
   "module": "es/index.js",
@@ -36,12 +36,12 @@
     "@zohodesk/utils": "1.3.9",
     "@zohodesk/variables": "1.0.0-beta.30",
     "@zohodesk/virtualizer": "1.0.13",
-    "@zohoim/chat-components-hooks": "^0.0.9",
-    "@zohoim/chat-components-utils": "^0.0.8"
+    "@zohoim/chat-components-hooks": "^0.0.11",
+    "@zohoim/chat-components-utils": "^0.0.10"
   },
   "devDependencies": {
     "html-to-react": "^1.4.8",
     "react-to-jsx": "^1.3.2"
   },
-  "gitHead": "44251e037d721b4e14928c9c49028ea6d4080dc7"
+  "gitHead": "a17ea9881b19b8533d05d1ea4334b47d6aa86797"
 }

package/es/im/IMMessage/renderChild/renderMessage.js

@@ -1,8 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import IMMessageStatus from '../../IMMessageStatus/IMMessageStatus';
-export default function renderMessageBoxFooter(props) {
-  return /*#__PURE__*/React.createElement(IMMessageStatus, null);
-}

package/es/im/IMMessage/renderChild/renderMessageActions.js

@@ -1,8 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import IMMessageActions from '../../IMMessageActions/IMMessageActions';
-export default function renderMessageBoxFooter(props) {
-  return /*#__PURE__*/React.createElement(IMMessageActions, null);
-}

package/es/im/IMMessage/renderChild/renderMessageBox.js

@@ -1,15 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import MessageBox from '../../MessageBox/MessageBox';
-export default function renderMessageBox(props) {
-  const {
-    renderMessageFooter,
-    renderMessageHeader,
-    renderMessageStatus,
-    renderMessage,
-    customStyle
-  } = props;
-  return /*#__PURE__*/React.createElement(MessageBox, props);
-}

package/es/im/IMMessage/renderChild/renderMessageBoxFooter.js

@@ -1,8 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import MessageBoxFooter from '../../MessageBoxFooter/MessageBoxFooter';
-export default function renderMessageBoxFooter(props) {
-  return /*#__PURE__*/React.createElement(MessageBoxFooter, null);
-}

package/es/im/IMMessage/renderChild/renderMessageFooter.js

@@ -1,8 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import IMMessageStatus from '../../IMMessageStatus/IMMessageStatus';
-export default function renderMessageBoxFooter(props) {
-  return /*#__PURE__*/React.createElement(IMMessageStatus, null);
-}

package/es/im/IMMessage/renderChild/renderMessageHeader.js

@@ -1,8 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import IMMessageStatus from '../../IMMessageStatus/IMMessageStatus';
-export default function renderMessageBoxFooter(props) {
-  return /*#__PURE__*/React.createElement(IMMessageStatus, null);
-}

package/es/im/IMMessage/renderChild/renderMessageOwner.js

@@ -1,8 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import IMMessageAvatar from '../../IMMessageAvatar/IMMessageAvatar';
-export default function renderMessageBoxFooter(props) {
-  return /*#__PURE__*/React.createElement(IMMessageAvatar, null);
-}

package/es/im/IMMessage/renderChild/renderMessageStatus.js

@@ -1,8 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import IMMessageStatus from '../../IMMessageStatus/IMMessageStatus';
-export default function renderMessageBoxFooter(props) {
-  return /*#__PURE__*/React.createElement(IMMessageStatus, props);
-}

package/es/im/IMMessageActions/IMMessageActions.js

@@ -1,150 +0,0 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable react/jsx-no-bind */
-/* eslint-disable max-len */
-/* eslint-disable arrow-parens */
-
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import ActionIcon from '../../ActionIcon/ActionIcon';
-import MessageActions from '../../MessageActions/MessageActions';
-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';
-
-/** ** Hooks *** */
-import useIMMessageActions from '@zohoim/chat-components-hooks/es/im/IMMessageActions/useIMMessageActions';
-
-/** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-import cssJSLogic from './css/cssJSLogic';
-
-/** ** Constants *** */
-import imMessageActionsDefaultProps from './props/defaultProps';
-import imMessageActionsPropTypes from './props/propTypes';
-import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
-import { defaultMessageActions } from '@zohoim/chat-components-utils/es/constants/messageActionConstants';
-
-/** ** CSS *** */
-import style from './css/IMMessageActions.module.css';
-const {
-  REPLY,
-  COPY,
-  DOWNLOAD,
-  CREATE_TICKET,
-  RESEND,
-  DELETE,
-  FORWARD
-} = defaultMessageActions;
-export default function IMMessageActions(props) {
-  const {
-    actions,
-    defaultShowCount,
-    actionIconCustomStyle,
-    moreItemCustomStyle,
-    onSelect,
-    customStyle,
-    morePopupCustomStyle,
-    renderSecondaryActions
-  } = props;
-
-  /* external customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  /* css classnames added based on logic */
-  const {
-    moreIconClass,
-    secondaryActionsClass,
-    iconStyle
-  } = cssJSLogic(props, newStyle);
-  const {
-    actionDetails
-  } = useIMMessageActions({
-    actions,
-    defaultRenderFunction: renderAction
-  });
-  const {
-    allActions
-  } = actionDetails;
-  function handleClickAction(_ref) {
-    let {
-      id,
-      e
-    } = _ref;
-    onSelect && onSelect({
-      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() {
-    let {
-      id,
-      isShowInMore,
-      action,
-      closePopup
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    const {
-      displayText,
-      iconTitle
-    } = action || dummyObject;
-    return /*#__PURE__*/React.createElement(MessageAction, {
-      displayText: displayText,
-      id: id,
-      index: id,
-      key: id,
-      renderIcon: renderIcon,
-      onClick: handleClickAction,
-      isShowInMore: isShowInMore,
-      iconTitle: iconTitle,
-      actionIconCustomStyle: actionIconCustomStyle,
-      moreItemCustomStyle: moreItemCustomStyle,
-      closePopup: closePopup
-    });
-  }
-  function renderMoreIcon() {
-    return /*#__PURE__*/React.createElement(ActionIcon, {
-      renderIcon: () => /*#__PURE__*/React.createElement("div", {
-        className: moreIconClass
-      }, /*#__PURE__*/React.createElement(MoreIcon, null)),
-      customStyle: actionIconCustomStyle
-    });
-  }
-  const secondaryActions = renderHandler(renderSecondaryActions)();
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MessageActions, {
-    actions: allActions,
-    renderMoreIcon: renderMoreIcon,
-    defaultShowCount: defaultShowCount,
-    morePopupCustomStyle: morePopupCustomStyle
-  }), secondaryActions ? /*#__PURE__*/React.createElement("div", {
-    className: secondaryActionsClass
-  }, secondaryActions) : null);
-}
-IMMessageActions.propTypes = imMessageActionsPropTypes;
-IMMessageActions.defaultProps = imMessageActionsDefaultProps;

package/es/im/IMMessageActions/css/IMMessageActions.module.css

@@ -1,31 +0,0 @@
-.varClass {
-  /* --imMessageActions-secondaryActions_margin: var(--imlib_size_5); */
-  --imMessageActions-action_icon_size: var(--imlib_size_15);
-}
-
-[dir=ltr] .moreIcon svg {
-  transform: rotate(90deg);
-}
-
-[dir=rtl] .moreIcon svg {
-  transform: rotate(-90deg);
-}
-
-.secondaryActions {
-  composes: varClass;
-  /* margin-top: var(--imMessageActions-secondaryActions_margin); */
-}
-
-[dir=ltr] .secondaryActions {
-  text-align: left;
-}
-
-[dir=rtl] .secondaryActions {
-  text-align: right;
-}
-
-.icon {
-  composes: varClass;
-  width: var(--imMessageActions-action_icon_size);
-  height: var(--imMessageActions-action_icon_size);
-}

package/es/im/IMMessageActions/css/cssJSLogic.js

@@ -1,20 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const moreIconClass = compileClassNames({
-    [style.moreIcon]: true
-  });
-  const secondaryActionsClass = compileClassNames({
-    [style.secondaryActions]: true
-  });
-  const iconClass = compileClassNames({
-    [style.icon]: true
-  });
-  return {
-    moreIconClass,
-    secondaryActionsClass,
-    iconStyle: {
-      base: iconClass
-    }
-  };
-}

package/es/im/IMMessageActions/index.js

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

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

@@ -1,12 +0,0 @@
-/** ** Constants *** */
-import { dummyObject, dummyArray } from '@zohoim/chat-components-utils/es/constants';
-import { actionsDefaultShowCount } from '@zohoim/chat-components-utils/es/constants/messageActionConstants';
-const imMessageActionsDefaultProps = {
-  customStyle: dummyObject,
-  actionIconCustomStyle: dummyObject,
-  morePopupCustomStyle: dummyObject,
-  moreItemCustomStyle: dummyObject,
-  defaultShowCount: actionsDefaultShowCount,
-  actions: dummyArray
-};
-export default imMessageActionsDefaultProps;

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

@@ -1,30 +0,0 @@
-/** ** 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 imMessageActionsPropTypes = {
-  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
-  })).isRequired,
-  defaultShowCount: PropTypes.number,
-  actionIconCustomStyle: PropTypes.object,
-  morePopupCustomStyle: PropTypes.object,
-  moreItemCustomStyle: PropTypes.object,
-  onSelect: PropTypes.func,
-  customStyle: PropTypes.object,
-  renderSecondaryActions: PropTypes.func
-};
-export default imMessageActionsPropTypes;

package/es/im/IMMessageStatus/index.js

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