@zohoim/chat-components 0.0.13 → 0.0.14

package/es/im/IMVideoBubble/IMVideoBubble.js

@@ -1,61 +0,0 @@
-/* eslint-disable react/jsx-no-bind */
-/* eslint-disable max-len */
-
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Hooks *** */
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-
-/** ** Constants *** */
-import imVideoBubbleDefaultProps from './props/defaultProps';
-import imVideoBubblePropTypes from './props/propTypes';
-
-/** ** Methods *** */
-import cssJSLogic from './css/cssJSLogic';
-
-/** ** Styles *** */
-import style from './css/IMVideoBubble.module.css';
-import VideoBubble from '../../VideoBubble/VideoBubble';
-import useIMVideoBubble from '@zohoim/chat-components-hooks/es/im/IMVideoBubble/useIMVideoBubble';
-export default function IMVideoBubble(props) {
-  const {
-    attachmentDetails,
-    customStyle,
-    videoBubbleCustomStyle,
-    headerCustomStyle,
-    videoCustomStyle,
-    controlsCustomStyle
-  } = props;
-  const {
-    isShow,
-    fileName,
-    formattedFileSize: fileSize,
-    attachmentURL: fileURL,
-    attachmentType: fileType
-  } = useIMVideoBubble({
-    attachmentDetails
-  });
-
-  /* External customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-  const {
-    imVideoBubbleClass
-  } = cssJSLogic(props, newStyle);
-  return isShow ? /*#__PURE__*/React.createElement("div", {
-    className: imVideoBubbleClass
-  }, /*#__PURE__*/React.createElement(VideoBubble, {
-    audioCustomStyle: videoCustomStyle,
-    controlsCustomStyle: controlsCustomStyle,
-    customStyle: videoBubbleCustomStyle,
-    fileName: fileName,
-    fileSize: fileSize,
-    fileType: fileType,
-    fileURL: fileURL,
-    headerCustomStyle: headerCustomStyle
-  })) : null;
-}
-IMVideoBubble.propTypes = imVideoBubblePropTypes;
-IMVideoBubble.defaultProps = imVideoBubbleDefaultProps;
-IMVideoBubble.displayName = 'IMVideoBubble';

package/es/im/IMVideoBubble/css/IMVideoBubble.module.css

@@ -1 +0,0 @@
-

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

@@ -1,10 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const imVideoBubbleClass = compileClassNames({
-    [style.imVideoBubble]: true
-  });
-  return {
-    imVideoBubbleClass
-  };
-}

package/es/im/IMVideoBubble/index.js

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

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

@@ -1,11 +0,0 @@
-/** ** Constants *** */
-import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
-const imVideoBubbleDefaultProps = {
-  customStyle: dummyObject,
-  videoBubbleCustomStyle: dummyObject,
-  headerCustomStyle: dummyObject,
-  videoCustomStyle: dummyObject,
-  controlsCustomStyle: dummyObject,
-  attachmentDetails: dummyObject
-};
-export default imVideoBubbleDefaultProps;

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

@@ -1,17 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-const imVideoBubblePropTypes = {
-  attachmentDetails: PropTypes.shape({
-    name: PropTypes.string,
-    size: PropTypes.string,
-    type: PropTypes.string,
-    url: PropTypes.string,
-    id: PropTypes.string
-  }),
-  customStyle: PropTypes.object,
-  videoBubbleCustomStyle: PropTypes.object,
-  headerCustomStyle: PropTypes.object,
-  videoCustomStyle: PropTypes.object,
-  controlsCustomStyle: PropTypes.object
-};
-export default imVideoBubblePropTypes;

package/es/unused/AvatarSpace/AvatarSpace.js

@@ -1,40 +0,0 @@
-/* eslint-disable max-len */
-
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import Avatar from '@zohodesk/components/es/Avatar/Avatar';
-
-/** ** CSS *** */
-import style from './css/AvatarSpace.module.css';
-
-/** ** Methods *** */
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-
-/** ** Constants *** */
-import avatarSpaceDefaultProps from './props/defaultProps';
-import avatarSpacePropTypes from './props/propTypes';
-import constantProps from './props/propConstants';
-export default function AvatarSpace(props) {
-  const {
-    src,
-    alternateSrc,
-    title,
-    size,
-    name,
-    needAvatar,
-    avatarProps,
-    customStyle
-  } = props;
-
-  /* external customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  return /*#__PURE__*/React.createElement("div", {
-    className: newStyle.dp
-  }, needAvatar ? /*#__PURE__*/React.createElement(Avatar, avatarProps) : null);
-}
-AvatarSpace.propTypes = avatarSpacePropTypes;
-AvatarSpace.defaultProps = avatarSpaceDefaultProps;
-AvatarSpace.constantProps = constantProps;
-AvatarSpace.displayName = 'AvatarSpace';

package/es/unused/AvatarSpace/css/AvatarSpace.module.css

@@ -1 +0,0 @@
-

package/es/unused/AvatarSpace/css/cssJSLogic.js

@@ -1,15 +0,0 @@
-import { compileClassNames } from '@zohodesk/utils';
-import propConstants from '../props/propConstants';
-export default function cssJSLogic(props, style) {
-  const {
-    avatarPosition
-  } = props;
-  const positionClass = compileClassNames({
-    [style.avatarTop]: avatarPosition === propConstants.position.top,
-    [style.avatarBottom]: avatarPosition === propConstants.position.bottom,
-    [style.avatarMiddle]: avatarPosition === propConstants.position.middle
-  });
-  return {
-    positionClass
-  };
-}

package/es/unused/AvatarSpace/index.js

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

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

@@ -1,10 +0,0 @@
-import propConstants from './propConstants';
-const avatarSpaceDefaultProps = {
-  avatarPosition: propConstants.position.bottom,
-  customStyle: {},
-  needAvatar: true,
-  avatarProps: {
-    name: 'Ravi'
-  }
-};
-export default avatarSpaceDefaultProps;

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

@@ -1,7 +0,0 @@
-export default {
-  position: {
-    top: 'top',
-    bottom: 'bottom',
-    middle: 'middle'
-  }
-};

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

@@ -1,8 +0,0 @@
-import PropTypes from 'prop-types';
-const avatarSpacePropTypes = {
-  avatarPosition: PropTypes.string,
-  needAvatar: PropTypes.bool,
-  avatarProps: PropTypes.object,
-  customStyle: PropTypes.object
-};
-export default avatarSpacePropTypes;

package/es/unused/MessageBoxFooter/MessageBoxFooter.js

@@ -1,39 +0,0 @@
-/* eslint-disable max-len */
-
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Hooks *** */
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-
-/** ** Constants *** */
-import messageBoxFooterDefaultProps from './props/defaultProps';
-import messageBoxFooterPropTypes from './props/propTypes';
-
-/** ** Styles *** */
-import style from './css/MessageBoxFooter.module.css';
-
-/** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-import cssJSLogic from './css/cssJSLogic';
-function MessageBoxFooter(props) {
-  const {
-    renderFooter,
-    customStyle
-  } = props;
-  const footer = renderHandler(renderFooter)();
-
-  /* external customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-  const {
-    footerClass
-  } = cssJSLogic(props, newStyle);
-  return footer ? /*#__PURE__*/React.createElement("div", {
-    className: footerClass
-  }, footer) : null;
-}
-MessageBoxFooter.propTypes = messageBoxFooterPropTypes;
-MessageBoxFooter.defaultProps = messageBoxFooterDefaultProps;
-MessageBoxFooter.displayName = 'MessageBoxFooter';
-export default MessageBoxFooter;

package/es/unused/MessageBoxFooter/css/MessageBoxFooter.module.css

@@ -1,3 +0,0 @@
-.footer {
-  /*Use this class name for footer customization*/
-}

package/es/unused/MessageBoxFooter/css/cssJSLogic.js

@@ -1,10 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const footerClass = compileClassNames({
-    [style.footer]: true
-  });
-  return {
-    footerClass
-  };
-}

package/es/unused/MessageBoxFooter/index.js

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

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

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

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

@@ -1,6 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-export default {
-  renderFooter: PropTypes.func,
-  customStyle: PropTypes.object
-};

package/es/unused/MessageBoxHeader/MessageBoxHeader.js

@@ -1,7 +0,0 @@
-import React, { Component } from 'react';
-class MessageBoxHeader extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, "Ravikumar S");
-  }
-}
-export default MessageBoxHeader;

package/es/unused/MessageBoxHeader/index.js

@@ -1,2 +0,0 @@
-export { default as MessageBoxHeader } from './MessageBoxHeader';
-export { default as MessageBoxHeaderPropTypes } from './props/propTypes';

package/es/unused/MessageWrapper/MessageWrapper.js

@@ -1,36 +0,0 @@
-/* eslint-disable react/jsx-no-bind */
-/* eslint-disable max-len */
-
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Hooks *** */
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-
-/** ** Constants *** */
-import messageWrapperDefaultProps from './props/defaultProps';
-import messageWrapperPropTypes from './props/propTypes';
-
-/** ** Methods *** */
-import cssJSLogic from './css/cssJSLogic';
-
-/** ** Styles *** */
-import style from './css/MessageWrapper.module.css';
-export default function MessageWrapper(props) {
-  const {
-    customStyle
-  } = props;
-
-  /* External customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-  const {
-    imMessageClass
-  } = cssJSLogic(props, newStyle);
-  return /*#__PURE__*/React.createElement("div", {
-    className: imMessageClass
-  }, "Test");
-}
-MessageWrapper.propTypes = messageWrapperPropTypes;
-MessageWrapper.defaultProps = messageWrapperDefaultProps;
-MessageWrapper.displayName = 'MessageWrapper';

package/es/unused/MessageWrapper/css/cssJSLogic.js

@@ -1,10 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const imMessageClass = compileClassNames({
-    [style.imMessage]: true
-  });
-  return {
-    imMessageClass
-  };
-}

package/es/unused/MessageWrapper/index.js

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

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

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

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

@@ -1,6 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-const messageWrapperPropTypes = {
-  customStyle: PropTypes.object
-};
-export default messageWrapperPropTypes;

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'
-    }
-  }
-};