@zohoim/chat-components 1.0.9-beta.2 → 1.0.9-beta.4

package/es/EmojisList/css/EmojisList.module.css

@@ -1,50 +0,0 @@
-.varClass {
-  --emoji-groupName-size: var(--zd_font_size13);
-  --emoji-singleList-size: var(--zd_size32);
-  --emoji-multipleList-size: var(--zd_size300);
-}
-
-.emojisList {
-  composes: varClass;
-  transition: 0.2s ease;
-  flex-direction: row;
-  flex-shrink: 0;
-  width: 100% ;
-  word-wrap: break-word;
-  font-size: 0 ;
-}
-
-.emojisListHide {
-  display: none;
-}
-
-.emojisListSingle {
-  height: var(--emoji-singleList-size);
-  white-space: nowrap;
-  overflow-x: auto;
-}
-
-.emojisListMultiple {
-  height: var(--emoji-multipleList-size);
-  overflow-y: auto;
-}
-
-.groupName {
-  width: 100% ;
-  font-size: var(--emoji-groupName-size);
-  text-transform: capitalize;
-  color: var(--imlib_chat_components_emojiPopup_titleColor);
-  padding: var(--zd_size8) var(--zd_size10) ;
-  margin-bottom: var(--zd_size5) ;
-}
-
-.groupContainer {
-  font-size: 0 ;
-}
-.groupSeperate {
-  display: inline-block;
-}
-
-.groupAll {
-  display: inline;
-}

package/es/EmojisList/css/cssJSLogic.js

@@ -1,25 +0,0 @@
-/** ** Methods *** */
-import compileClassNames from '@zohodesk/utils/es/compileClassNames';
-export default function cssJSLogic(props, style) {
-  const {
-    rowType,
-    isShowGroupBasedList,
-    isShowOnlyContent,
-    isEmpty
-  } = props;
-  const emojisListClass = compileClassNames({
-    [style.emojisList]: true,
-    [style.emojisListSingle]: rowType === 'single',
-    [style.emojisListMultiple]: rowType === 'multiple',
-    [style.emojisListHide]: isShowOnlyContent ? isEmpty : false
-  });
-  const groupClass = compileClassNames({
-    [style.groupContainer]: true,
-    [style.groupSeperate]: !!isShowGroupBasedList,
-    [style.groupAll]: !isShowGroupBasedList
-  });
-  return {
-    emojisListClass,
-    groupClass
-  };
-}

package/es/EmojisList/index.js

@@ -1 +0,0 @@
-export { default as EmojisList } from "./EmojisList";

package/es/EmojisList/props/defaultProps.js

@@ -1,10 +0,0 @@
-/** ** Constants *** */
-import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
-const emojisListDefaultProps = {
-  customStyle: dummyObject,
-  customProps: dummyObject,
-  rowType: 'multiple',
-  isShowGroupBasedList: true,
-  isShowOnlyContent: false
-};
-export default emojisListDefaultProps;

package/es/EmojisList/props/propTypes.js

@@ -1,20 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-const emojisListPropTypes = {
-  emojisList: PropTypes.object.isRequired,
-  customProps: PropTypes.shape({
-    emojiProps: PropTypes.object,
-    emojisEmptyStateProps: PropTypes.object
-  }),
-  customStyle: PropTypes.object,
-  getMethods: PropTypes.func,
-  isShowGroupBasedList: PropTypes.bool,
-  isShowOnlyContent: PropTypes.bool,
-  onChangeGroup: PropTypes.func,
-  onSelect: PropTypes.func,
-  renderEmpty: PropTypes.func,
-  rowType: PropTypes.oneOf(['single', 'multiple']),
-  searchString: PropTypes.string,
-  selectedGroup: PropTypes.string
-};
-export default emojisListPropTypes;

package/es/constants/propConstants/editorPropConstants.js

@@ -1,3 +0,0 @@
-export const formats = ['strong', 'em', 'underline', 'link', 'strikeThrough', 'align', 'fontSize', 'fontFamily', 'fontColor', 'highlight', 'script', 'lineHeight', 'direction', 'headings', 'clearFormatting', 'inlineQuote', 'indent', 'formatPainter'];
-export const features = ['hr', 'images', 'tables', 'list', 'code_block', 'video', 'blockquote', 'embed', 'html'];
-export const langCode = ['en_US', 'ar', 'as', 'bg', 'bn', 'brx', 'ca', 'cs', 'da', 'de', 'doi', 'el', 'es', 'et', 'fi', 'fr', 'ga', 'gu', 'hi', 'hr', 'hu', 'id', 'in', 'it', 'iw', 'ja', 'kn', 'ko', 'kok', 'ks', 'lt', 'mai', 'ml', 'mni', 'mr', 'ms', 'my', 'ne', 'nl', 'no', 'or', 'pa', 'pl', 'pt_BR', 'pt', 'ro', 'ru', 'sa', 'sat', 'sd', 'si', 'sk', 'sv', 'ta', 'te', 'th', 'tr', 'uk', 'ur', 'vi', 'zh_CN', 'zh_HK', 'zh_TW', 'zh'];

package/es/constants/propConstants/popupPropConstants.js

@@ -1,2 +0,0 @@
-export const popupSize = ['mini', 'xmini', 'xsmall', 'small', 'medium', 'large', 'mlarge', 'xlarge', 'xxlarge', 'default'];
-export const popupPosition = ['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'];

package/es/im/IMAttachmentHandler/IMAttachmentHandler.js

@@ -1,50 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-/** ** Components *** */
-
-import AttachmentHandler from "../../AttachmentHandler/AttachmentHandler";
-/** ** Hooks *** */
-
-import useIMAttachmentHandler from '@zohoim/chat-components-hooks/es/im/IMAttachmentHandler/useIMAttachmentHandler';
-/** ** Constants *** */
-
-import imAttachmentHandlerDefaultProps from "./props/defaultProps";
-import imAttachmentHandlerPropTypes from "./props/propTypes";
-import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
-export default function IMAttachmentHandler(props) {
-  const {
-    customProps = dummyObject,
-    iconName,
-    iconSize,
-    iconTitle,
-    renderCustomIcon,
-    isMultiAttachment,
-    onAttach: propOnAttach,
-    attachmentType,
-    integrationService
-  } = props;
-  const {
-    attachmentHandlerProps = dummyObject
-  } = customProps;
-  const {
-    onAttach,
-    supportedTypes
-  } = useIMAttachmentHandler({
-    onAttach: propOnAttach,
-    attachmentType,
-    integrationService
-  });
-  return /*#__PURE__*/React.createElement(AttachmentHandler, {
-    iconName: iconName,
-    iconSize: iconSize,
-    iconTitle: iconTitle,
-    isMultiAttachment: isMultiAttachment,
-    onAttach: onAttach,
-    renderCustomIcon: renderCustomIcon,
-    supportedFileTypes: supportedTypes,
-    ...attachmentHandlerProps
-  });
-}
-IMAttachmentHandler.propTypes = imAttachmentHandlerPropTypes;
-IMAttachmentHandler.defaultProps = imAttachmentHandlerDefaultProps;
-IMAttachmentHandler.displayName = 'IMAttachmentHandler';

package/es/im/IMAttachmentHandler/index.js

@@ -1 +0,0 @@
-export { default as IMAttachmentHandler } from "./IMAttachmentHandler";

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

@@ -1,10 +0,0 @@
-/** ** Constants *** */
-import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
-const imAttachmentHandlerDefaultProps = {
-  customStyle: dummyObject,
-  iconName: 'ZD-TT-image',
-  iconSize: '14',
-  iconTitle: 'Upload',
-  isMultiAttachment: false
-};
-export default imAttachmentHandlerDefaultProps;

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

@@ -1,28 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-/** ** Constants *** */
-
-import integrationConstants from '@zohoim/chat-components-utils/es/imUtils/constants/integrationConstants';
-const {
-  WHATSAPP,
-  TELEGRAM,
-  INSTAGRAM,
-  WECHAT,
-  TWILLIO,
-  LINE,
-  IM_TALK,
-  FACEBOOKMESSENGER
-} = integrationConstants;
-const imAttachmentHandlerPropTypes = {
-  customStyle: PropTypes.object,
-  iconName: PropTypes.string.isRequired,
-  iconSize: PropTypes.string,
-  iconTitle: PropTypes.string,
-  renderCustomIcon: PropTypes.func,
-  isMultiAttachment: PropTypes.bool,
-  onAttach: PropTypes.func,
-  customProps: PropTypes.object,
-  attachmentType: PropTypes.oneOf(['image', 'document', 'documentAndImage']),
-  integrationService: PropTypes.oneOf([WHATSAPP, TELEGRAM, INSTAGRAM, WECHAT, TWILLIO, LINE, IM_TALK, FACEBOOKMESSENGER])
-};
-export default imAttachmentHandlerPropTypes;

package/es/im/ReplyComposer/ReplyComposer.js

@@ -1,137 +0,0 @@
-/** ** Libraries *** */
-import React, { useMemo } from 'react';
-/** ** Components *** */
-
-import { Container } from '@zohodesk/components/es/Layout';
-import ReplyEditor from "../ReplyEditor/ReplyEditor";
-import ReplyComposerFooter from "../ReplyComposerFooter/ReplyComposerFooter";
-import ReplyEditorSuggestions from "../ReplyEditorSuggestions/ReplyEditorSuggestions";
-import AttachmentPreview from "../../AttachmentPreview/AttachmentPreview";
-/** ** Hooks *** */
-
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-import useReplyComposer from '@zohoim/chat-components-hooks/es/im/ReplyComposer/useReplyComposer';
-import useReplyComposerSuggestions from '@zohoim/chat-components-hooks/es/im/ReplyComposer/useReplyComposerSuggestions';
-/** ** Constants *** */
-
-import { dummyArray, dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
-import replyComposerDefaultProps from "./props/defaultProps";
-import replyComposerPropTypes from "./props/propTypes";
-/** ** Methods *** */
-
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-/** ** Styles *** */
-
-import style from "./css/ReplyComposer.module.css";
-export default function ReplyComposer(props) {
-  const {
-    customStyle,
-    id,
-    content,
-    EDITORURL,
-    placeHolder,
-    features,
-    formats,
-    suggestions,
-    isHTMLContent,
-    onChange,
-    onKeyDown: propOnKeyDown,
-    onPaste,
-    customProps = dummyObject,
-    extensions,
-    files = dummyArray,
-    filesDescription,
-    onChangeFileDescription,
-    onFileCancel: propOnFileCancel,
-    onFileSubmit: propOnFileSubmit,
-    attachmentPreviewTexts,
-    renderHeader,
-    renderFooter,
-    getEditorState: propGetEditorState,
-    needFooter
-  } = props;
-  const {
-    replyEditorProps = dummyObject,
-    replyEditorSuggestionsProps = dummyObject,
-    replyComposerFooterProps = dummyObject
-  } = customProps;
-  const {
-    features: allFeatures,
-    suggestionsMapping,
-    suggestionDetails,
-    isShowSuggestion,
-    getSuggetPopupMethods,
-    onHideSuggestions,
-    onSuggestPopupKeyDown,
-    onSelectSuggestion
-  } = useReplyComposerSuggestions({
-    features,
-    suggestions,
-    isHTMLContent
-  });
-  const {
-    getEditorState,
-    editor,
-    onKeyDown,
-    attachmentPreviewCustomProps,
-    onFileCancel,
-    onFileSubmit
-  } = useReplyComposer({
-    onKeyDown: propOnKeyDown,
-    isShowSuggestion,
-    onSuggestPopupKeyDown,
-    EDITORURL,
-    onPaste,
-    customProps,
-    onFileCancel: propOnFileCancel,
-    onFileSubmit: propOnFileSubmit,
-    getEditorState: propGetEditorState
-  });
-  /* External customization */
-
-  const newStyle = useMergeStyle(style, customStyle);
-  const headerElement = useMemo(() => renderHandler(renderHeader)(), [renderHeader]);
-  return /*#__PURE__*/React.createElement(Container, {
-    className: newStyle.replyComposer,
-    isCover: false
-  }, isShowSuggestion ? /*#__PURE__*/React.createElement(ReplyEditorSuggestions, {
-    getMethods: getSuggetPopupMethods,
-    onClose: onHideSuggestions,
-    onSelect: onSelectSuggestion,
-    suggestionDetails: suggestionDetails,
-    suggestionsMapping: suggestionsMapping,
-    ...replyEditorSuggestionsProps
-  }) : null, files.length > 0 ? /*#__PURE__*/React.createElement(AttachmentPreview, {
-    descriptionDetails: filesDescription,
-    files: files,
-    isDescriptionNeeded: true,
-    needEditImage: false,
-    onCancel: onFileCancel,
-    onDescriptionChange: onChangeFileDescription,
-    onSubmit: onFileSubmit,
-    texts: attachmentPreviewTexts,
-    ...attachmentPreviewCustomProps
-  }) : null, headerElement || null, /*#__PURE__*/React.createElement(ReplyEditor, {
-    content: content,
-    EDITORURL: EDITORURL,
-    features: allFeatures,
-    formats: formats,
-    getEditorState: getEditorState,
-    id: id,
-    isHTMLContent: isHTMLContent,
-    onChange: onChange,
-    onKeyDown: onKeyDown,
-    onPaste: onPaste,
-    placeHolder: placeHolder,
-    ...replyEditorProps
-  }), needFooter ? /*#__PURE__*/React.createElement(ReplyComposerFooter, {
-    editor: editor,
-    extensions: extensions,
-    isHTMLContent: isHTMLContent,
-    renderButtons: renderFooter,
-    ...replyComposerFooterProps
-  }) : null);
-}
-ReplyComposer.propTypes = replyComposerPropTypes;
-ReplyComposer.defaultProps = replyComposerDefaultProps;
-ReplyComposer.displayName = 'ReplyComposer';

package/es/im/ReplyComposer/css/ReplyComposer.module.css

@@ -1,5 +0,0 @@
-/** ** Styles *** */
-
-.replyComposer {
-  /** ** Use this class for css customisation *** */
-}

package/es/im/ReplyComposer/index.js

@@ -1 +0,0 @@
-export { default as ReplyComposer } from "./ReplyComposer";

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

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

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

@@ -1,60 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-/** ** Constants *** */
-
-import { features, formats } from "../../../constants/propConstants/editorPropConstants";
-const replyComposerPropTypes = {
-  customStyle: PropTypes.object,
-  id: PropTypes.string,
-  content: PropTypes.string.isRequired,
-  EDITORURL: PropTypes.string,
-  placeHolder: PropTypes.string,
-  features: PropTypes.arrayOf(PropTypes.oneOf(features)),
-  formats: PropTypes.arrayOf(PropTypes.oneOf(formats)),
-  suggestions: PropTypes.arrayOf(PropTypes.shape({
-    allowSpace: PropTypes.bool,
-    componentProps: PropTypes.object,
-    popupProps: PropTypes.object,
-    renderItem: PropTypes.func,
-    trigger: PropTypes.string
-  })),
-  isHTMLContent: PropTypes.bool,
-  onChange: PropTypes.func.isRequired,
-  onKeyDown: PropTypes.func,
-  onPaste: PropTypes.func,
-  customProps: PropTypes.shape({
-    attachmentPreviewProps: PropTypes.object,
-    replyComposerFooterProps: PropTypes.object,
-    replyEditorProps: PropTypes.object,
-    replyEditorSuggestionsProps: PropTypes.object
-  }),
-  extensions: PropTypes.shape({
-    details: PropTypes.objectOf(PropTypes.shape({
-      componentProps: PropTypes.object,
-      id: PropTypes.string,
-      renderItem: PropTypes.func
-    })),
-    order: PropTypes.array
-  }),
-  files: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string,
-    name: PropTypes.string,
-    size: PropTypes.string,
-    type: PropTypes.string,
-    url: PropTypes.string
-  })),
-  filesDescription: PropTypes.object,
-  onChangeFileDescription: PropTypes.func,
-  onFileCancel: PropTypes.func,
-  onFileSubmit: PropTypes.func,
-  attachmentPreviewTexts: PropTypes.shape({
-    cancelText: PropTypes.string,
-    editText: PropTypes.string,
-    placeHolder: PropTypes.string,
-    submitText: PropTypes.string
-  }),
-  renderHeader: PropTypes.func,
-  renderFooter: PropTypes.func,
-  getEditorState: PropTypes.func
-};
-export default replyComposerPropTypes;

package/es/im/ReplyComposerFooter/ReplyComposerFooter.js

@@ -1,41 +0,0 @@
-/** ** Libraries *** */
-import React, { useMemo } from 'react';
-/** ** Components *** */
-
-import ReplyEditorExtensions from "../ReplyEditorExtensions/ReplyEditorExtensions";
-/** ** Hooks *** */
-
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-/** ** Constants *** */
-
-import replyComposerFooterDefaultProps from "./props/defaultProps";
-import replyComposerFooterPropTypes from "./props/propTypes";
-/** ** Methods *** */
-
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-/** ** Styles *** */
-
-import style from "./css/ReplyComposerFooter.module.css";
-export default function ReplyComposerFooter(props) {
-  const {
-    customStyle,
-    editor,
-    isHTMLContent,
-    extensions,
-    renderButtons
-  } = props;
-  /* External customization */
-
-  const newStyle = useMergeStyle(style, customStyle);
-  const footerButtons = useMemo(() => renderHandler(renderButtons)(), [renderButtons]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: newStyle.replyComposerFooter
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ReplyEditorExtensions, {
-    editor: editor,
-    extensions: extensions,
-    isHTMLContent: isHTMLContent
-  })), footerButtons || null);
-}
-ReplyComposerFooter.propTypes = replyComposerFooterPropTypes;
-ReplyComposerFooter.defaultProps = replyComposerFooterDefaultProps;
-ReplyComposerFooter.displayName = 'ReplyComposerFooter';

package/es/im/ReplyComposerFooter/css/ReplyComposerFooter.module.css

@@ -1,5 +0,0 @@
-/** ** Styles *** */
-.replyComposerFooter {
-  display: flex;
-  padding: 0 var(--zd_size16) var(--zd_size16) ;
-}

package/es/im/ReplyComposerFooter/index.js

@@ -1 +0,0 @@
-export { default as ReplyComposerFooter } from "./ReplyComposerFooter";

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

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

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

@@ -1,17 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-const replyComposerFooterPropTypes = {
-  customStyle: PropTypes.object,
-  editor: PropTypes.object.isRequired,
-  isHTMLContent: PropTypes.bool,
-  extensions: PropTypes.shape({
-    details: PropTypes.objectOf(PropTypes.shape({
-      componentProps: PropTypes.object,
-      id: PropTypes.string,
-      renderItem: PropTypes.func
-    })),
-    order: PropTypes.array
-  }).isRequired,
-  renderButtons: PropTypes.func
-};
-export default replyComposerFooterPropTypes;

package/es/im/ReplyEditor/ReplyEditor.js

@@ -1,103 +0,0 @@
-/** ** Libraries *** */
-import React, { useMemo } from 'react';
-/** ** Components *** */
-
-import Editor from "../../rte/Editor/Editor";
-import { Container } from '@zohodesk/components/es/Layout';
-/** ** Hooks *** */
-
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-import useReplyEditor from '@zohoim/chat-components-hooks/es/im/ReplyEditor/useReplyEditor';
-/** ** Constants *** */
-
-import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
-import replyEditorDefaultProps from "./props/defaultProps";
-import replyEditorPropTypes from "./props/propTypes";
-/** ** Methods *** */
-
-import cssJSLogic from "./css/cssJSLogic";
-/** ** Styles *** */
-
-import style from "./css/ReplyEditor.module.css";
-export default function ReplyEditor(props) {
-  const {
-    id,
-    content,
-    EDITORURL,
-    placeHolder,
-    features,
-    formats,
-    isHTMLContent,
-    onChange,
-    onKeyDown,
-    onPaste,
-    onEnter,
-    onErrorCallback: propOnErrorCallback,
-    onReadyCallback: propOnReadyCallback,
-    customStyle,
-    customProps = dummyObject,
-    getEditorState,
-    themeVariables
-  } = props;
-  const {
-    editorProps = dummyObject
-  } = customProps;
-  const {
-    customStyle: editorCustomStyle = dummyObject
-  } = editorProps;
-  const {
-    onReadyCallback,
-    onErrorCallback,
-    isRenderEditor,
-    isShowEditor,
-    appearance,
-    isRTL
-  } = useReplyEditor({
-    onErrorCallback: propOnErrorCallback,
-    onReadyCallback: propOnReadyCallback,
-    getEditorState,
-    onEnter,
-    themeVariables
-  });
-  /* External customization */
-
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-
-  const {
-    editorClass
-  } = cssJSLogic(props, newStyle, {
-    isShowEditor
-  });
-  const editorNewCustomStyle = useMemo(() => ({
-    editorWrapper: newStyle.editorWrapper,
-    editor: newStyle.editor,
-    $editableDiv: newStyle.editableDiv,
-    ...editorCustomStyle
-  }), [newStyle, editorCustomStyle]);
-  return /*#__PURE__*/React.createElement(Container, {
-    className: newStyle.replyEditor
-  }, isRenderEditor ? /*#__PURE__*/React.createElement(Container, {
-    className: editorClass
-  }, /*#__PURE__*/React.createElement(Editor, {
-    appearance: appearance,
-    content: content,
-    customStyle: editorNewCustomStyle,
-    EDITORURL: EDITORURL,
-    features: features,
-    formats: formats,
-    id: id,
-    isHTMLContent: isHTMLContent,
-    isRTL: isRTL,
-    onChange: onChange,
-    onErrorCallback: onErrorCallback,
-    onKeyDown: onKeyDown,
-    onPaste: onPaste,
-    onReadyCallback: onReadyCallback,
-    placeHolder: placeHolder,
-    ...editorProps
-  })) : null);
-}
-ReplyEditor.propTypes = replyEditorPropTypes;
-ReplyEditor.defaultProps = replyEditorDefaultProps;
-ReplyEditor.displayName = 'ReplyEditor';

package/es/im/ReplyEditor/css/ReplyEditor.module.css

@@ -1,38 +0,0 @@
-/** ** Styles *** */
-
-.replyEditor {
-  /** ** Use this class for css customisations *** */
-}
-
-.hiddenEditor {
-  /** ** Use this class for css customisations *** */
-  /* display: none; */
-  /* visibility: hidden; */
-}
-
-.editableDiv {
-  max-height: var(--zd_size250)  !important;
-  min-height: var(--zd_size80)  !important;
-  overflow: auto !important;
-  font-size: var(--zd_font_size14)  !important;
-  font-family: var(--zd_regular) !important;
-  line-height: 22px !important;
-
-  --rte-text-color: var(--imlib_chat_components_replyEditor_color) !important;
-  --rte-bg-color: var(--imlib_chat_components_replyEditor_bg) !important;
-  --rte-placeholder-color: var(
-    --imlib_chat_components_replyEditor_placeholder
-  ) !important;
-  --rte-link-text-color: var(
-    --imlib_chat_components_replyEditor_color
-  ) !important;
-  padding: 0  !important;
-}
-
-.editorWrapper {
-  /** ** Use this class for css customisations *** */
-}
-
-.editor {
-  /** ** Use this class for css customisations *** */
-}

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

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

package/es/im/ReplyEditor/index.js

@@ -1 +0,0 @@
-export { default as ReplyEditor } from "./ReplyEditor";