@zohoim/chat-components 1.1.2-beta.7 → 1.1.3-beta.1

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

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _editorPropConstants = require("../../../constants/propConstants/editorPropConstants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/** ** Libraries *** */
+
+/** ** Constants *** */
+var replyComposerPropTypes = {
+  customStyle: _propTypes["default"].object,
+  id: _propTypes["default"].string,
+  content: _propTypes["default"].string.isRequired,
+  EDITORURL: _propTypes["default"].string,
+  placeHolder: _propTypes["default"].string,
+  features: _propTypes["default"].arrayOf(_propTypes["default"].oneOf(_editorPropConstants.features)),
+  formats: _propTypes["default"].arrayOf(_propTypes["default"].oneOf(_editorPropConstants.formats)),
+  suggestions: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    allowSpace: _propTypes["default"].bool,
+    componentProps: _propTypes["default"].object,
+    popupProps: _propTypes["default"].object,
+    renderItem: _propTypes["default"].func,
+    trigger: _propTypes["default"].string
+  })),
+  isHTMLContent: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func.isRequired,
+  onKeyDown: _propTypes["default"].func,
+  onPaste: _propTypes["default"].func,
+  customProps: _propTypes["default"].shape({
+    attachmentPreviewProps: _propTypes["default"].object,
+    replyComposerFooterProps: _propTypes["default"].object,
+    replyEditorProps: _propTypes["default"].object,
+    replyEditorSuggestionsProps: _propTypes["default"].object
+  }),
+  extensions: _propTypes["default"].shape({
+    details: _propTypes["default"].objectOf(_propTypes["default"].shape({
+      componentProps: _propTypes["default"].object,
+      id: _propTypes["default"].string,
+      renderItem: _propTypes["default"].func
+    })),
+    order: _propTypes["default"].array
+  }),
+  files: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    id: _propTypes["default"].string,
+    name: _propTypes["default"].string,
+    size: _propTypes["default"].string,
+    type: _propTypes["default"].string,
+    url: _propTypes["default"].string
+  })),
+  filesDescription: _propTypes["default"].object,
+  onChangeFileDescription: _propTypes["default"].func,
+  onFileCancel: _propTypes["default"].func,
+  onFileSubmit: _propTypes["default"].func,
+  attachmentPreviewTexts: _propTypes["default"].shape({
+    cancelText: _propTypes["default"].string,
+    editText: _propTypes["default"].string,
+    placeHolder: _propTypes["default"].string,
+    submitText: _propTypes["default"].string
+  }),
+  renderHeader: _propTypes["default"].func,
+  renderFooter: _propTypes["default"].func,
+  getEditorState: _propTypes["default"].func
+};
+var _default = replyComposerPropTypes;
+exports["default"] = _default;

package/lib/im/ReplyComposerFooter/ReplyComposerFooter.js

@@ -0,0 +1,64 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ReplyComposerFooter;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ReplyEditorExtensions = _interopRequireDefault(require("../ReplyEditorExtensions/ReplyEditorExtensions"));
+
+var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
+
+var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
+
+var _propTypes = _interopRequireDefault(require("./props/propTypes"));
+
+var _renderHandler = _interopRequireDefault(require("@zohoim/chat-components-utils/es/common/renderHandler"));
+
+var _ReplyComposerFooterModule = _interopRequireDefault(require("./css/ReplyComposerFooter.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** ** Libraries *** */
+
+/** ** Components *** */
+
+/** ** Hooks *** */
+
+/** ** Constants *** */
+
+/** ** Methods *** */
+
+/** ** Styles *** */
+function ReplyComposerFooter(props) {
+  var customStyle = props.customStyle,
+      editor = props.editor,
+      isHTMLContent = props.isHTMLContent,
+      extensions = props.extensions,
+      renderButtons = props.renderButtons;
+  /* External customization */
+
+  var newStyle = (0, _useMergeStyle["default"])(_ReplyComposerFooterModule["default"], customStyle);
+  var footerButtons = (0, _react.useMemo)(function () {
+    return (0, _renderHandler["default"])(renderButtons)();
+  }, [renderButtons]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: newStyle.replyComposerFooter
+  }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ReplyEditorExtensions["default"], {
+    editor: editor,
+    extensions: extensions,
+    isHTMLContent: isHTMLContent
+  })), footerButtons || null);
+}
+
+ReplyComposerFooter.propTypes = _propTypes["default"];
+ReplyComposerFooter.defaultProps = _defaultProps["default"];
+ReplyComposerFooter.displayName = 'ReplyComposerFooter';

package/lib/im/ReplyComposerFooter/css/ReplyComposerFooter.module.css

@@ -0,0 +1,10 @@
+/** ** Styles *** */
+.replyComposerFooter {
+  display: flex;
+}
+[dir=ltr] .replyComposerFooter {
+  padding: 0 0 0 var(--zd_size16) ;
+}
+[dir=rtl] .replyComposerFooter {
+  padding: 0 var(--zd_size16) 0 0 ;
+}

package/lib/im/ReplyComposerFooter/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ReplyComposerFooter", {
+  enumerable: true,
+  get: function get() {
+    return _ReplyComposerFooter["default"];
+  }
+});
+
+var _ReplyComposerFooter = _interopRequireDefault(require("./ReplyComposerFooter"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _constants = require("@zohoim/chat-components-utils/es/constants");
+
+/** ** Constants *** */
+var replyComposerFooterDefaultProps = {
+  customStyle: _constants.dummyObject,
+  isHTMLContent: _constants.dummyArray,
+  extensions: _constants.dummyArray
+};
+var _default = replyComposerFooterDefaultProps;
+exports["default"] = _default;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/** ** Libraries *** */
+var replyComposerFooterPropTypes = {
+  customStyle: _propTypes["default"].object,
+  editor: _propTypes["default"].object.isRequired,
+  isHTMLContent: _propTypes["default"].bool,
+  extensions: _propTypes["default"].shape({
+    details: _propTypes["default"].objectOf(_propTypes["default"].shape({
+      componentProps: _propTypes["default"].object,
+      id: _propTypes["default"].string,
+      renderItem: _propTypes["default"].func
+    })),
+    order: _propTypes["default"].array
+  }).isRequired,
+  renderButtons: _propTypes["default"].func
+};
+var _default = replyComposerFooterPropTypes;
+exports["default"] = _default;

package/lib/im/ReplyEditor/ReplyEditor.js

@@ -0,0 +1,124 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ReplyEditor;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Editor = _interopRequireDefault(require("../../rte/Editor/Editor"));
+
+var _Layout = require("@zohodesk/components/es/Layout");
+
+var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
+
+var _useReplyEditor2 = _interopRequireDefault(require("@zohoim/chat-components-hooks/es/im/ReplyEditor/useReplyEditor"));
+
+var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
+
+var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
+
+var _propTypes = _interopRequireDefault(require("./props/propTypes"));
+
+var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
+
+var _ReplyEditorModule = _interopRequireDefault(require("./css/ReplyEditor.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function ReplyEditor(props) {
+  var id = props.id,
+      content = props.content,
+      EDITORURL = props.EDITORURL,
+      placeHolder = props.placeHolder,
+      features = props.features,
+      formats = props.formats,
+      isHTMLContent = props.isHTMLContent,
+      onChange = props.onChange,
+      onKeyDown = props.onKeyDown,
+      onPaste = props.onPaste,
+      onEnter = props.onEnter,
+      propOnErrorCallback = props.onErrorCallback,
+      propOnReadyCallback = props.onReadyCallback,
+      customStyle = props.customStyle,
+      _props$customProps = props.customProps,
+      customProps = _props$customProps === void 0 ? _emptyConstants.dummyObject : _props$customProps,
+      getEditorState = props.getEditorState,
+      themeVariables = props.themeVariables;
+  var _customProps$editorPr = customProps.editorProps,
+      editorProps = _customProps$editorPr === void 0 ? _emptyConstants.dummyObject : _customProps$editorPr;
+  var _editorProps$customSt = editorProps.customStyle,
+      editorCustomStyle = _editorProps$customSt === void 0 ? _emptyConstants.dummyObject : _editorProps$customSt;
+
+  var _useReplyEditor = (0, _useReplyEditor2["default"])({
+    onErrorCallback: propOnErrorCallback,
+    onReadyCallback: propOnReadyCallback,
+    getEditorState: getEditorState,
+    onEnter: onEnter,
+    themeVariables: themeVariables
+  }),
+      onReadyCallback = _useReplyEditor.onReadyCallback,
+      onErrorCallback = _useReplyEditor.onErrorCallback,
+      isRenderEditor = _useReplyEditor.isRenderEditor,
+      isShowEditor = _useReplyEditor.isShowEditor,
+      appearance = _useReplyEditor.appearance,
+      isRTL = _useReplyEditor.isRTL;
+  /* External customization */
+
+
+  var newStyle = (0, _useMergeStyle["default"])(_ReplyEditorModule["default"], customStyle);
+  /* CSS classnames added based on logic */
+
+  var _cssJSLogic = (0, _cssJSLogic2["default"])(props, newStyle, {
+    isShowEditor: isShowEditor
+  }),
+      editorClass = _cssJSLogic.editorClass;
+
+  var editorNewCustomStyle = (0, _react.useMemo)(function () {
+    return _objectSpread({
+      editorWrapper: newStyle.editorWrapper,
+      editor: newStyle.editor,
+      $editableDiv: newStyle.editableDiv
+    }, editorCustomStyle);
+  }, [newStyle, editorCustomStyle]);
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    className: newStyle.replyEditor
+  }, isRenderEditor ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    className: editorClass
+  }, /*#__PURE__*/_react["default"].createElement(_Editor["default"], _extends({
+    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 = _propTypes["default"];
+ReplyEditor.defaultProps = _defaultProps["default"];
+ReplyEditor.displayName = 'ReplyEditor';

package/lib/im/ReplyEditor/css/ReplyEditor.module.css

@@ -0,0 +1,50 @@
+/** ** Styles *** */
+
+.replyEditor {
+  /** ** Use this class for css customisations *** */
+}
+
+.hiddenEditor {
+  /** ** Use this class for css customisations *** */
+  /* display: none; */
+  /* visibility: hidden; */
+}
+
+.editableDiv {
+  --zd_fallback_font: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI',
+    Roboto, 'Helvetica Neue', Arial, sans-serif !important;
+  --zd_regular: var(--zd_base_font_regular), var(--zd_fallback_font) !important;
+  --zd_light: var(--zd_base_font_light), var(--zd_fallback_font) !important;
+  --zd_semibold: var(--zd_base_font_semibold), var(--zd_fallback_font) !important;
+  --zd_bold: var(--zd_base_font_bold), var(--zd_fallback_font) !important;
+  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_reply_editor_color) !important;
+  --rte-bg-color: var(--imlib_chat_components_reply_editor_bg) !important;
+  --rte-placeholder-color: var(
+    --imlib_chat_components_reply_editor_placeholder_color
+  ) !important;
+  --rte-link-text-color: var(
+    --imlib_chat_components_replyEditor_color
+  ) !important;
+
+  padding: var(--zd_size16)  !important;
+  cursor: text !important;
+}	
+
+.editorWrapper {
+  /** ** Use this class for css customisations *** */
+}
+
+.editor {
+  /** ** Use this class for css customisations *** */
+}
+
+.replyEditor :global(.prosemirror-suggestion) {
+  text-decoration: none !important;
+}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = cssJSLogic;
+
+var _utils = require("@zohodesk/utils");
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function cssJSLogic(props, style, state) {
+  var editorClass = (0, _utils.compileClassNames)(_defineProperty({}, style.hiddenEditor, !state.isShowEditor));
+  return {
+    editorClass: editorClass
+  };
+}

package/lib/im/ReplyEditor/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ReplyEditor", {
+  enumerable: true,
+  get: function get() {
+    return _ReplyEditor["default"];
+  }
+});
+
+var _ReplyEditor = _interopRequireDefault(require("./ReplyEditor"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/im/ReplyEditor/props/defaultProps.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
+
+/** ** Constants *** */
+var replyEditorDefaultProps = {
+  customStyle: _emptyConstants.dummyObject,
+  customProps: _emptyConstants.dummyObject,
+  themeVariables: _emptyConstants.dummyObject
+};
+var _default = replyEditorDefaultProps;
+exports["default"] = _default;

package/lib/im/ReplyEditor/props/propTypes.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _editorPropConstants = require("../../../constants/propConstants/editorPropConstants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/** ** Libraries *** */
+
+/** ** Constants *** */
+var replyEditorPropTypes = {
+  customStyle: _propTypes["default"].object,
+  id: _propTypes["default"].string,
+  content: _propTypes["default"].string.isRequired,
+  EDITORURL: _propTypes["default"].string,
+  placeHolder: _propTypes["default"].string,
+  features: _propTypes["default"].arrayOf(_propTypes["default"].oneOf(_editorPropConstants.features)),
+  formats: _propTypes["default"].arrayOf(_propTypes["default"].oneOf(_editorPropConstants.formats)),
+  isHTMLContent: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func.isRequired,
+  onKeyDown: _propTypes["default"].func,
+  onPaste: _propTypes["default"].func,
+  onEnter: _propTypes["default"].func,
+  onErrorCallback: _propTypes["default"].func,
+  onReadyCallback: _propTypes["default"].func,
+  themeVariables: _propTypes["default"].object,
+  customProps: _propTypes["default"].shape({
+    editorProps: _propTypes["default"].object
+  }),
+  getEditorState: _propTypes["default"].func
+};
+var _default = replyEditorPropTypes;
+exports["default"] = _default;

package/lib/im/ReplyEditorExtensions/ReplyEditorExtensions.js

@@ -0,0 +1,160 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ReplyEditorExtensions;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Layout = require("@zohodesk/components/es/Layout");
+
+var _IMAttachmentHandler = _interopRequireDefault(require("../IMAttachmentHandler/IMAttachmentHandler"));
+
+var _EmojiPopup = _interopRequireDefault(require("../../EmojiPopup/EmojiPopup"));
+
+var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
+
+var _useReplyEditorExtensions = _interopRequireDefault(require("@zohoim/chat-components-hooks/es/im/ReplyEditorExtensions/useReplyEditorExtensions"));
+
+var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
+
+var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
+
+var _propTypes = _interopRequireDefault(require("./props/propTypes"));
+
+var _ReplyEditorExtensionsModule = _interopRequireDefault(require("./css/ReplyEditorExtensions.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ReplyEditorExtensions(props) {
+  var customStyle = props.customStyle,
+      _props$extensions = props.extensions,
+      extensions = _props$extensions === void 0 ? _emptyConstants.dummyObject : _props$extensions,
+      isHTMLContent = props.isHTMLContent,
+      editor = props.editor;
+  var _extensions$details = extensions.details,
+      details = _extensions$details === void 0 ? _emptyConstants.dummyObject : _extensions$details,
+      _extensions$order = extensions.order,
+      order = _extensions$order === void 0 ? _emptyConstants.dummyArray : _extensions$order;
+  var handleRenderEmojiExtension = (0, _react.useCallback)(function (_ref) {
+    var id = _ref.id,
+        _onSelect = _ref.onSelect,
+        onPopupOpen = _ref.onPopupOpen,
+        onPopupClose = _ref.onPopupClose,
+        componentProps = _ref.componentProps;
+    var needFocusOnSelect = componentProps.needFocusOnSelect;
+    return /*#__PURE__*/_react["default"].createElement(_EmojiPopup["default"], _extends({
+      key: id,
+      onPopupClose: onPopupClose,
+      onPopupOpen: onPopupOpen,
+      onSelect: function onSelect(value) {
+        _onSelect({
+          content: value,
+          needFocus: needFocusOnSelect
+        });
+      }
+    }, componentProps));
+  }, []);
+  var handleRenderImageExtension = (0, _react.useCallback)(function (_ref2) {
+    var id = _ref2.id,
+        componentProps = _ref2.componentProps;
+    return /*#__PURE__*/_react["default"].createElement(_IMAttachmentHandler["default"], _extends({
+      key: id,
+      attachmentType: "image",
+      iconName: "ZD-TT-image",
+      iconSize: "14"
+    }, componentProps));
+  }, []);
+  var handleRenderFileExtension = (0, _react.useCallback)(function (_ref3) {
+    var id = _ref3.id,
+        componentProps = _ref3.componentProps;
+    return /*#__PURE__*/_react["default"].createElement(_IMAttachmentHandler["default"], _extends({
+      key: id,
+      attachmentType: "document",
+      iconName: "ZD-TT-ttAttach",
+      iconSize: "14"
+    }, componentProps));
+  }, []);
+  var defaultRenderMethod = (0, _react.useMemo)(function () {
+    return {
+      emoji: {
+        id: 'emoji',
+        renderItem: handleRenderEmojiExtension
+      },
+      image: {
+        id: 'image',
+        renderItem: handleRenderImageExtension
+      },
+      file: {
+        id: 'file',
+        renderItem: handleRenderFileExtension
+      }
+    };
+  }, [handleRenderEmojiExtension, handleRenderFileExtension, handleRenderImageExtension]);
+
+  var _useReplyEditorExtens = (0, _useReplyEditorExtensions["default"])({
+    extensions: extensions,
+    isHTMLContent: isHTMLContent,
+    editor: editor
+  }),
+      onSelect = _useReplyEditorExtens.onSelect,
+      onPopupOpen = _useReplyEditorExtens.onPopupOpen,
+      onPopupClose = _useReplyEditorExtens.onPopupClose,
+      onRetainSelection = _useReplyEditorExtens.onRetainSelection,
+      onRemoveSelection = _useReplyEditorExtens.onRemoveSelection;
+  /* External customization */
+
+
+  var newStyle = (0, _useMergeStyle["default"])(_ReplyEditorExtensionsModule["default"], customStyle);
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    alignBox: "row",
+    className: newStyle.replyEditorExtensions
+  }, order.map(function (extension) {
+    var _ref4 = details[extension] || {},
+        id = _ref4.id,
+        renderItem = _ref4.renderItem,
+        _ref4$componentProps = _ref4.componentProps,
+        componentProps = _ref4$componentProps === void 0 ? _emptyConstants.dummyObject : _ref4$componentProps;
+
+    var _ref5 = defaultRenderMethod[id] || _emptyConstants.dummyObject,
+        renderMethod = _ref5.renderItem;
+
+    var props = {
+      id: id,
+      onSelect: onSelect,
+      componentProps: componentProps,
+      editor: editor,
+      onPopupOpen: onPopupOpen,
+      onPopupClose: onPopupClose,
+      onRetainSelection: onRetainSelection,
+      onRemoveSelection: onRemoveSelection
+    };
+
+    if (renderItem) {
+      return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        key: id
+      }, renderItem(props));
+    }
+
+    if (renderMethod) {
+      return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        key: id
+      }, renderMethod(props));
+    }
+
+    return null;
+  }));
+}
+
+ReplyEditorExtensions.propTypes = _propTypes["default"];
+ReplyEditorExtensions.defaultProps = _defaultProps["default"];
+ReplyEditorExtensions.displayName = 'ReplyEditorExtensions';

package/lib/im/ReplyEditorExtensions/css/ReplyEditorExtensions.module.css

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

package/lib/im/ReplyEditorExtensions/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ReplyEditorExtensions", {
+  enumerable: true,
+  get: function get() {
+    return _ReplyEditorExtensions["default"];
+  }
+});
+
+var _ReplyEditorExtensions = _interopRequireDefault(require("./ReplyEditorExtensions"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }