@zohoim/chat-components 0.0.13 → 0.0.15

package/es/unused/TextMessage/DefaultActions.js

@@ -1,60 +0,0 @@
-/* eslint-disable react/jsx-no-bind */
-/* eslint-disable max-len */
-import React from 'react';
-import { ActionIcon, MessageActionsWrapper } from '../..';
-import ReplyIcon from '@zohodesk/icon/es/general/Reply';
-import CopyIcon from '@zohodesk/icon/es/general/Copy';
-import DownloadIcon from '@zohodesk/icon/es/general/Cloud';
-import MoreIcon from '@zohodesk/icon/es/general/More';
-function DefaultActions(props) {
-  const {
-    customActions,
-    moreCount,
-    onClick
-  } = props;
-  function renderMoreIcon() {
-    return /*#__PURE__*/React.createElement(ActionIcon, {
-      renderIcon: () => /*#__PURE__*/React.createElement("div", {
-        className: style.moreIcon
-      }, /*#__PURE__*/React.createElement(MoreIcon, null))
-    });
-  }
-  function handleIconClick(id) {
-    onClick(id);
-  }
-  function renderReply() {
-    return /*#__PURE__*/React.createElement(ActionIcon, {
-      onClick: handleIconClick,
-      renderIcon: () => /*#__PURE__*/React.createElement(ReplyIcon, null)
-    });
-  }
-  function renderCopy() {
-    return /*#__PURE__*/React.createElement(ActionIcon, {
-      onClick: handleIconClick,
-      renderIcon: () => /*#__PURE__*/React.createElement(CopyIcon, null)
-    });
-  }
-  function renderDownload() {
-    return /*#__PURE__*/React.createElement(ActionIcon, {
-      onClick: handleIconClick,
-      renderIcon: () => /*#__PURE__*/React.createElement(DownloadIcon, null)
-    });
-  }
-  return /*#__PURE__*/React.createElement(MessageActionsWrapper, {
-    actions: [{
-      id: 'Reply',
-      renderFunction: renderReply
-    }, {
-      id: 'Copy',
-      renderFunction: renderCopy
-    }, {
-      id: 'Download',
-      renderFunction: renderDownload
-    }, ...customActions]
-    // actions={actions}
-    ,
-    moreCount: moreCount,
-    renderMoreIcon: renderMoreIcon
-  });
-}
-export default DefaultActions;

package/es/unused/TextMessage/TextMessage.js

@@ -1,67 +0,0 @@
-/* eslint-disable max-len */
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import MessageBubble from '../../MessageBubble/MessageBubble';
-import MessageBox from '../../MessageBox/MessageBox';
-import MessageActionsWrapper from '../../MessageActionsWrapper/MessageActionsWrapper';
-
-/** ** Constants *** */
-import textMessageDefaultProps from './props/defaultProps';
-import textMessagePropTypes from './props/propTypes';
-
-/** ** Styles *** */
-// import style from './css/TextMessage.module.css';
-
-export default function TextMessage(props) {
-  const {
-    direction,
-    isActive,
-    needMessageActions,
-    renderMessage,
-    renderMessageHeader,
-    renderMessageFooter,
-    renderMessageBoxFooter,
-    // needAvatar,
-    // avatarProps,
-    messageActions,
-    renderMoreIcon,
-    actionsCount,
-    renderStatus
-  } = props;
-  function renderMessageBox() {
-    return /*#__PURE__*/React.createElement(MessageBox, {
-      renderMessage: renderMessage,
-      renderMessageFooter: renderMessageFooter,
-      renderMessageHeader: renderMessageHeader,
-      renderMessageStatus: renderStatus
-    });
-  }
-  function renderMessageOwner() {
-    return null; //
-  }
-
-  function renderMessageActions() {
-    return /*#__PURE__*/React.createElement(MessageActionsWrapper, {
-      actions: messageActions,
-      moreCount: actionsCount,
-      renderMoreIcon: renderMoreIcon
-    });
-  }
-  return /*#__PURE__*/React.createElement(MessageBubble, {
-    direction: direction,
-    isActive: isActive,
-    needMessageActions: needMessageActions,
-    renderMessageActions: renderMessageActions
-    // renderMessageBoxHeader={() => null}
-    ,
-    renderMessageBox: renderMessageBox,
-    renderMessageBoxFooter: renderMessageBoxFooter,
-    renderMessageOwner: renderMessageOwner
-  });
-}
-TextMessage.displayName = 'TextMessage';
-TextMessage.propTypes = textMessagePropTypes;
-TextMessage.defaultProps = textMessageDefaultProps;
-// ActionIcons.constantProps = constantProps;

package/es/unused/TextMessage/TextMessage1.js

@@ -1,66 +0,0 @@
-/* eslint-disable max-len */
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import { MessageBubble, MessageBox, MessageActionsWrapper } from '../..';
-
-/** ** Constants *** */
-import textMessageDefaultProps from './props/defaultProps';
-import textMessagePropTypes from './props/propTypes';
-
-/** ** Styles *** */
-// import style from './css/TextMessage.module.css';
-
-export default function TextMessage(props) {
-  const {
-    direction,
-    isActive,
-    needMessageActions,
-    message,
-    // renderMessage,
-    renderMessageHeader,
-    renderMessageFooter,
-    renderMessageBoxFooter,
-    // needAvatar,
-    // avatarProps,
-    messageActions,
-    renderMoreIcon,
-    actionsCount
-    // customStyle
-  } = props;
-  function renderMessageText() {
-    /*#__PURE__*/React.createElement("div", null, message);
-  }
-  function renderMessageBox() {
-    return /*#__PURE__*/React.createElement(MessageBox, {
-      renderMessage: renderMessageText,
-      renderMessageFooter: renderMessageFooter,
-      renderMessageHeader: renderMessageHeader
-    });
-  }
-  function renderAvatarSpace() {
-    return null;
-  }
-  function renderMessageActions() {
-    return /*#__PURE__*/React.createElement(MessageActionsWrapper, {
-      actions: messageActions,
-      moreCount: actionsCount,
-      renderMoreIcon: renderMoreIcon
-    });
-  }
-  return /*#__PURE__*/React.createElement(MessageBubble, {
-    direction: direction,
-    isActive: isActive,
-    needMessageActions: needMessageActions,
-    renderAvatarSpace: renderAvatarSpace
-    // renderMessageBoxHeader={() => null}
-    ,
-    renderMessageActions: renderMessageActions,
-    renderMessageBox: renderMessageBox,
-    renderMessageBoxFooter: renderMessageBoxFooter
-  });
-}
-TextMessage.propTypes = textMessageDefaultProps;
-TextMessage.defaultProps = textMessagePropTypes;
-// ActionIcons.constantProps = constantProps;

package/es/unused/TextMessage/css/TextMessage.module.css

@@ -1,5 +0,0 @@
-[dir=ltr] .moreIcon svg {
-  transform: rotate(90deg);
-}[dir=rtl] .moreIcon svg {
-  transform: rotate(-90deg);
-}

package/es/unused/TextMessage/index.js

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

package/es/unused/TextMessage/props/defaultProps.js

@@ -1,4 +0,0 @@
-const textMessageDefaultProps = {
-  customStyle: {}
-};
-export default textMessageDefaultProps;

package/es/unused/TextMessage/props/propConstants.js

@@ -1,3 +0,0 @@
-export default {
-  test: 'test'
-};

package/es/unused/TextMessage/props/propTypes.js

@@ -1,17 +0,0 @@
-import PropTypes from 'prop-types';
-export const textMessagePropTypes = {
-  direction: PropTypes.string,
-  isActive: PropTypes.bool,
-  needMessageActions: PropTypes.bool,
-  renderMessage: PropTypes.func,
-  renderMessageHeader: PropTypes.func,
-  renderMessageFooter: PropTypes.func,
-  renderMessageBoxFooter: PropTypes.func,
-  needAvatar: PropTypes.bool,
-  avatarProps: PropTypes.object,
-  messageActions: PropTypes.arrayOf(PropTypes.object),
-  renderMoreIcon: PropTypes.func,
-  actionsCount: PropTypes.number,
-  renderStatus: PropTypes.func
-};
-export default textMessagePropTypes;

package/es/unused/darkTheme.js

@@ -1,9 +0,0 @@
-export default {
-  library: 'chat_components',
-  variables: {
-    messageBubble: {
-      box_bg_color: '#788190',
-      bubble_active: '#333'
-    }
-  }
-};

package/es/unused/defaultTheme.js

@@ -1,33 +0,0 @@
-/* eslint-disable camelcase */
-
-export default {
-  library: 'chat_components',
-  variables: {
-    messageBubble: {
-      active_bg_color: '#fdffe3',
-      messageBox_footer_text_color: '#5a616f'
-    },
-    messageBox: {
-      bg_color: '#f1f7fe',
-      failed_bg_color: '#fcebeb',
-      text_color: '#000'
-    },
-    actionIcon: {
-      color: '#000',
-      bg_color: '#f1f7fe',
-      border_color: '#b7d1f0'
-    },
-    imIntegrationIcon: {
-      path0_color: '#ffffff40',
-      path1_color: '#fff',
-      whatsapp_color: '#24d366',
-      telegram_color: '#4fa7d8',
-      wechat_color: '#2dc100',
-      line_color: '#01b901',
-      twillio_color: '#f22f46',
-      instagram_color: 'red',
-      asap_color: '#0a73eb'
-      // twitter_color: 'red'
-    }
-  }
-};