@zohoim/chat-components 0.0.11 → 0.0.14

package/es/ArticleBubble/css/ArticleBubble.module.css

@@ -1,40 +0,0 @@
-.icon {
-    display: flex;
-}
-
-.articleWrapper { 
-    height: 80px;
-    padding: 8px 10px;
-    background-color: var(--imlib_chat_components_articleBubble_bg_color);
-    border-radius: 3px;
-    cursor: pointer;
-    border: 1px solid #ebf0f5;
-    margin: 4px 0 2px;
-}
-
-.title {
-    color: #000;
-    font-size: 15px;
-    line-height: 1.5;
-    overflow: hidden;
-    white-space: nowrap;
-    word-wrap: normal;
-    text-overflow: ellipsis;
-}
-
-.summary {
-    color: #000;
-    font-size: 13px;
-    line-height: 1.5;
-    max-height: 40px;
-    -webkit-line-clamp: 2;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    word-break: break-word;
-    overflow: hidden;
-}
-
-.articleIcon{
-    width:16px;
-    height: 16px;
-}

package/es/ArticleBubble/css/cssJSLogic.js

@@ -1,34 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const articleBubbleClass = compileClassNames({
-    [style.articleBubble]: true
-  });
-  const headerClass = compileClassNames({
-    [style.header]: true
-  });
-  const iconClass = compileClassNames({
-    [style.icon]: true
-  });
-  const headerTextClass = compileClassNames({
-    [style.headerText]: true
-  });
-  const articleWrapperClass = compileClassNames({
-    [style.articleWrapper]: true
-  });
-  const titleClass = compileClassNames({
-    [style.title]: true
-  });
-  const summaryClass = compileClassNames({
-    [style.summary]: true
-  });
-  return {
-    articleBubbleClass,
-    headerClass,
-    iconClass,
-    headerTextClass,
-    articleWrapperClass,
-    titleClass,
-    summaryClass
-  };
-}

package/es/ArticleBubble/props/propTypes.js

@@ -1,10 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-const articleBubblePropTypes = {
-  customStyle: PropTypes.object,
-  bubbleInfo: PropTypes.string,
-  title: PropTypes.string,
-  summary: PropTypes.string,
-  articleURL: PropTypes.string
-};
-export default articleBubblePropTypes;

package/es/AttachmentBubble/css/cssJSLogic.js

@@ -1,18 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from "@zohodesk/utils";
-export default function cssJSLogic(props, style) {
-  const attachmentBubbleClass = compileClassNames({
-    [style.attachmentBubble]: true
-  });
-  const attachmentBubbleIconClass = compileClassNames({
-    [style.attachmentBubbleIcon]: true
-  });
-  const attachmentBubbleContentClass = compileClassNames({
-    [style.attachmentBubbleContent]: true
-  });
-  return {
-    attachmentBubbleClass,
-    attachmentBubbleIconClass,
-    attachmentBubbleContentClass
-  };
-}

package/es/AttachmentBubbleInfo/css/cssJSLogic.js

@@ -1,18 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from "@zohodesk/utils";
-export default function cssJSLogic(props, style) {
-  const attachmentBubbleInfoClass = compileClassNames({
-    [style.attachmentBubbleInfo]: true
-  });
-  const fileNameClass = compileClassNames({
-    [style.fileName]: true
-  });
-  const fileSizeClass = compileClassNames({
-    [style.fileSize]: true
-  });
-  return {
-    attachmentBubbleInfoClass,
-    fileNameClass,
-    fileSizeClass
-  };
-}

package/es/Audio/css/cssJSLogic.js

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

package/es/AudioBubble/css/AudioBubble.module.css

@@ -1,3 +0,0 @@
-.header{
-    margin-bottom: var(--imlib_size_5);
-}

package/es/AudioBubble/css/cssJSLogic.js

@@ -1,20 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from "@zohodesk/utils";
-export default function cssJSLogic(props, style) {
-  let {
-    headerCustomStyle: propHeaderCustomStyle
-  } = props;
-  const audioBubbleClass = compileClassNames({
-    [style.audioBubble]: true
-  });
-  const headerCustomStyle = compileClassNames({
-    [style.header]: true
-  });
-  return {
-    audioBubbleClass,
-    headerCustomStyle: {
-      attachmentBubbleInfo: headerCustomStyle,
-      ...propHeaderCustomStyle
-    }
-  };
-}

package/es/ImageBubble/css/cssJSLogic.js

@@ -1,22 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const imageBubbleWrapperClass = compileClassNames({
-    [style.imageBubbleWrapper]: true
-  });
-  const imageClass = compileClassNames({
-    [style.image]: true
-  });
-  const blurImageClass = compileClassNames({
-    [style.blurImage]: true
-  });
-  return {
-    imageBubbleWrapperClass,
-    blurImageStyle: {
-      lazyLoadImage: blurImageClass
-    },
-    imageStyle: {
-      lazyLoadImage: imageClass
-    }
-  };
-}

package/es/LazyLoadImage/css/cssJSLogic.js

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

package/es/LocationBubble/css/cssJSLogic.js

@@ -1,30 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const locationBubbleClass = compileClassNames({
-    [style.locationBubble]: true
-  });
-  const imageWrapperClass = compileClassNames({
-    [style.imageWrapper]: true
-  });
-  const imageClass = compileClassNames({
-    [style.image]: true
-  });
-  const imageLinkClass = compileClassNames({
-    [style.imageLink]: true
-  });
-  const textWrapperClass = compileClassNames({
-    [style.textWrapper]: true
-  });
-  const textLinkClass = compileClassNames({
-    [style.textLink]: true
-  });
-  return {
-    locationBubbleClass,
-    imageWrapperClass,
-    imageClass,
-    imageLinkClass,
-    textWrapperClass,
-    textLinkClass
-  };
-}

package/es/MediaControls/MediaControls.js

@@ -1,60 +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 mediaControlsDefaultProps from './props/defaultProps';
-import mediaControlsPropTypes from './props/propTypes';
-
-/** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-import cssJSLogic from './css/cssJSLogic';
-
-/** ** Styles *** */
-import style from './css/MediaControls.module.css';
-
-/** ** Icons *** */
-import PauseIcon from '@zohodesk/icon/es/general/Pause';
-import PlayIcon from '@zohodesk/icon/es/general/Copy';
-export default function MediaControls(props) {
-  const {
-    customStyle,
-    onTogglePlay,
-    isMediaPlayed,
-    progressPercentage,
-    currentTime,
-    durationTime
-  } = props;
-
-  /* External customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-  const {
-    mediaControlsClass,
-    iconWrapperClass,
-    progressBarClass,
-    durationClass
-  } = cssJSLogic(props, newStyle);
-  return /*#__PURE__*/React.createElement("div", {
-    className: mediaControlsClass
-  }, /*#__PURE__*/React.createElement("div", {
-    className: iconWrapperClass
-  }, /*#__PURE__*/React.createElement("span", {
-    onClick: onTogglePlay
-  }, isMediaPlayed ? /*#__PURE__*/React.createElement(PauseIcon, null) : /*#__PURE__*/React.createElement(PlayIcon, null))), /*#__PURE__*/React.createElement("div", {
-    className: progressBarClass,
-    style: {
-      width: progressPercentage
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: durationClass
-  }, `${currentTime} / ${durationTime}`));
-}
-MediaControls.propTypes = mediaControlsPropTypes;
-MediaControls.defaultProps = mediaControlsDefaultProps;
-MediaControls.displayName = 'MediaControls';

package/es/MediaControls/css/MediaControls.module.css

@@ -1 +0,0 @@
-

package/es/MediaControls/css/cssJSLogic.js

@@ -1,22 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const mediaControlsClass = compileClassNames({
-    [style.mediaControls]: true
-  });
-  const iconWrapperClass = compileClassNames({
-    [style.iconWrapper]: true
-  });
-  const progressBarClass = compileClassNames({
-    [style.progressBar]: true
-  });
-  const durationClass = compileClassNames({
-    [style.duration]: true
-  });
-  return {
-    mediaControlsClass,
-    iconWrapperClass,
-    progressBarClass,
-    durationClass
-  };
-}

package/es/MediaControls/index.js

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

package/es/MediaControls/props/propTypes.js

@@ -1,11 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-const mediaControlsPropTypes = {
-  customStyle: PropTypes.object,
-  onTogglePlay: PropTypes.func,
-  isMediaPlayed: PropTypes.bool,
-  progressPercentage: PropTypes.string,
-  currentTime: PropTypes.string,
-  durationTime: PropTypes.string
-};
-export default mediaControlsPropTypes;

package/es/Message/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/MessageActions/css/cssJSLogic.js

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

package/es/MessageActions/props/propConstants.js

@@ -1,7 +0,0 @@
-/** ** Constants *** */
-import { actionsDefaultShowCount } from '@zohoim/chat-components-utils/es/constants/messageActionConstants';
-export default {
-  actions: {
-    defaultShowCount: actionsDefaultShowCount
-  }
-};

package/es/MessageActionsMore/css/cssJSLogic.js

@@ -1,28 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const popupClass = compileClassNames({
-    [style.popup]: true
-  });
-  const morePopupContainerClass = compileClassNames({
-    [style.container]: true
-  });
-  const popupWrapperClass = compileClassNames({
-    [style.container]: true
-  });
-  const mobilePopupClass = compileClassNames({
-    [style.container]: true
-  });
-  const mobilePopupWrapperClass = compileClassNames({
-    [style.container]: true
-  });
-  return {
-    popupClass: {
-      customDropBox: popupClass,
-      customMobileDropBox: mobilePopupClass,
-      customDropBoxWrap: popupWrapperClass,
-      customMobileDropBoxWrap: mobilePopupWrapperClass
-    },
-    morePopupContainerClass
-  };
-}

package/es/MessageAvatar/css/cssJSLogic.js

@@ -1,18 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const iconClass = compileClassNames({
-    [style.icon]: true
-  });
-  const avatarWrapperClass = compileClassNames({
-    [style.msgAvatar]: true
-  });
-  const avatarClass = compileClassNames({
-    [style.avatar]: true
-  });
-  return {
-    iconClass,
-    avatarWrapperClass,
-    avatarClass
-  };
-}

package/es/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/MessageBoxFooter/css/MessageBoxFooter.module.css

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

package/es/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/MessageBoxFooter/index.js

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

package/es/MessageBoxFooter/props/defaultProps.js

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

package/es/MessageBoxFooter/props/propTypes.js

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

package/es/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/MessageBoxHeader/index.js

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

package/es/MessageBubble/props/propConstants.js

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

package/es/MessageWrapper/MessageWrapper.js

@@ -1,37 +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 renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-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/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/MessageWrapper/index.js

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

package/es/MessageWrapper/props/propTypes.js

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

package/es/MoreActionItem/css/cssJSLogic.js

@@ -1,27 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const listItemClass = compileClassNames({
-    [style.listItem]: true
-  });
-
-  // const tickIconClass = compileClassNames({
-  //   [style.listItemIcon]: true
-  // });
-
-  const iconClass = compileClassNames({
-    [style.icon]: true
-  });
-  const textClass = compileClassNames({
-    [style.text]: true
-  });
-  return {
-    // customListItemClass: {
-    //   customListItem: listItemClass,
-    //   customTickIcon: tickIconClass
-    // }
-    customListItemClass: listItemClass,
-    iconClass: iconClass,
-    textClass
-  };
-}

package/es/ReplyBubble/css/cssJSLogic.js

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

package/es/ReplyBubbleContent/css/cssJSLogic.js

@@ -1,22 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const replyBubbleContentClass = compileClassNames({
-    [style.replyBubbleContent]: true
-  });
-  const nameClass = compileClassNames({
-    [style.name]: true
-  });
-  const iconWrapperClass = compileClassNames({
-    [style.iconWrapper]: true
-  });
-  const messageWrapperClass = compileClassNames({
-    [style.messageWrapper]: true
-  });
-  return {
-    replyBubbleContentClass,
-    nameClass,
-    iconWrapperClass,
-    messageWrapperClass
-  };
-}