@zohoim/chat-components 1.1.1 → 1.1.2-beta.2

package/lib/index.js

@@ -0,0 +1,538 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _MessageBubble = require("./MessageBubble");
+
+Object.keys(_MessageBubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MessageBubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MessageBubble[key];
+    }
+  });
+});
+
+var _MessageActionsWrapper = require("./MessageActionsWrapper");
+
+Object.keys(_MessageActionsWrapper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MessageActionsWrapper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MessageActionsWrapper[key];
+    }
+  });
+});
+
+var _MessageActions = require("./MessageActions");
+
+Object.keys(_MessageActions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MessageActions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MessageActions[key];
+    }
+  });
+});
+
+var _MessageBox = require("./MessageBox");
+
+Object.keys(_MessageBox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MessageBox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MessageBox[key];
+    }
+  });
+});
+
+var _ActionIcon = require("./ActionIcon");
+
+Object.keys(_ActionIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ActionIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ActionIcon[key];
+    }
+  });
+});
+
+var _ActionIconWrapper = require("./ActionIconWrapper");
+
+Object.keys(_ActionIconWrapper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ActionIconWrapper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ActionIconWrapper[key];
+    }
+  });
+});
+
+var _MessageActionsMore = require("./MessageActionsMore");
+
+Object.keys(_MessageActionsMore).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MessageActionsMore[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MessageActionsMore[key];
+    }
+  });
+});
+
+var _MessageAvatar = require("./MessageAvatar");
+
+Object.keys(_MessageAvatar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MessageAvatar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MessageAvatar[key];
+    }
+  });
+});
+
+var _MoreActionItem = require("./MoreActionItem");
+
+Object.keys(_MoreActionItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MoreActionItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MoreActionItem[key];
+    }
+  });
+});
+
+var _MessageAction = require("./MessageAction");
+
+Object.keys(_MessageAction).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MessageAction[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MessageAction[key];
+    }
+  });
+});
+
+var _Theme = require("./Theme");
+
+Object.keys(_Theme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Theme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Theme[key];
+    }
+  });
+});
+
+var _Message = require("./Message");
+
+Object.keys(_Message).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Message[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Message[key];
+    }
+  });
+});
+
+var _AudioBubble = require("./AudioBubble");
+
+Object.keys(_AudioBubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AudioBubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AudioBubble[key];
+    }
+  });
+});
+
+var _AttachmentBubble = require("./AttachmentBubble");
+
+Object.keys(_AttachmentBubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AttachmentBubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AttachmentBubble[key];
+    }
+  });
+});
+
+var _AttachmentIcon = require("./AttachmentIcon");
+
+Object.keys(_AttachmentIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AttachmentIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AttachmentIcon[key];
+    }
+  });
+});
+
+var _VideoBubble = require("./VideoBubble");
+
+Object.keys(_VideoBubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _VideoBubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _VideoBubble[key];
+    }
+  });
+});
+
+var _ImageBubble = require("./ImageBubble");
+
+Object.keys(_ImageBubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ImageBubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ImageBubble[key];
+    }
+  });
+});
+
+var _TextBubble = require("./TextBubble");
+
+Object.keys(_TextBubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TextBubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TextBubble[key];
+    }
+  });
+});
+
+var _LocationBubble = require("./LocationBubble");
+
+Object.keys(_LocationBubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LocationBubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LocationBubble[key];
+    }
+  });
+});
+
+var _AttachmentBubbleInfo = require("./AttachmentBubbleInfo");
+
+Object.keys(_AttachmentBubbleInfo).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AttachmentBubbleInfo[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AttachmentBubbleInfo[key];
+    }
+  });
+});
+
+var _Audio = require("./Audio");
+
+Object.keys(_Audio).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Audio[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Audio[key];
+    }
+  });
+});
+
+var _Video = require("./Video");
+
+Object.keys(_Video).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Video[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Video[key];
+    }
+  });
+});
+
+var _ReplyBubble = require("./ReplyBubble");
+
+Object.keys(_ReplyBubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ReplyBubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ReplyBubble[key];
+    }
+  });
+});
+
+var _ReplyBubbleHeader = require("./ReplyBubbleHeader");
+
+Object.keys(_ReplyBubbleHeader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ReplyBubbleHeader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ReplyBubbleHeader[key];
+    }
+  });
+});
+
+var _LazyLoadImage = require("./LazyLoadImage");
+
+Object.keys(_LazyLoadImage).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LazyLoadImage[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LazyLoadImage[key];
+    }
+  });
+});
+
+var _ReplyBubbleContent = require("./ReplyBubbleContent");
+
+Object.keys(_ReplyBubbleContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ReplyBubbleContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ReplyBubbleContent[key];
+    }
+  });
+});
+
+var _MessageStatus = require("./MessageStatus");
+
+Object.keys(_MessageStatus).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MessageStatus[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MessageStatus[key];
+    }
+  });
+});
+
+var _im = require("./im");
+
+Object.keys(_im).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _im[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _im[key];
+    }
+  });
+});
+
+var _Emojis = require("./Emojis");
+
+Object.keys(_Emojis).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Emojis[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Emojis[key];
+    }
+  });
+});
+
+var _EmojisList = require("./EmojisList");
+
+Object.keys(_EmojisList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EmojisList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _EmojisList[key];
+    }
+  });
+});
+
+var _Emoji = require("./Emoji");
+
+Object.keys(_Emoji).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Emoji[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Emoji[key];
+    }
+  });
+});
+
+var _EmojiPopup = require("./EmojiPopup");
+
+Object.keys(_EmojiPopup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EmojiPopup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _EmojiPopup[key];
+    }
+  });
+});
+
+var _EmojisHeader = require("./EmojisHeader");
+
+Object.keys(_EmojisHeader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EmojisHeader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _EmojisHeader[key];
+    }
+  });
+});
+
+var _EmojisFooter = require("./EmojisFooter");
+
+Object.keys(_EmojisFooter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EmojisFooter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _EmojisFooter[key];
+    }
+  });
+});
+
+var _EmojisEmptyState = require("./EmojisEmptyState");
+
+Object.keys(_EmojisEmptyState).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EmojisEmptyState[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _EmojisEmptyState[key];
+    }
+  });
+});
+
+var _rte = require("./rte");
+
+Object.keys(_rte).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _rte[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _rte[key];
+    }
+  });
+});
+
+var _AttachmentHandler = require("./AttachmentHandler");
+
+Object.keys(_AttachmentHandler).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AttachmentHandler[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AttachmentHandler[key];
+    }
+  });
+});
+
+var _AttachmentPreview = require("./AttachmentPreview");
+
+Object.keys(_AttachmentPreview).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AttachmentPreview[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AttachmentPreview[key];
+    }
+  });
+});
+
+var _AttachmentPreviewHeader = require("./AttachmentPreviewHeader");
+
+Object.keys(_AttachmentPreviewHeader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AttachmentPreviewHeader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AttachmentPreviewHeader[key];
+    }
+  });
+});
+
+var _AttachmentPreviewBody = require("./AttachmentPreviewBody");
+
+Object.keys(_AttachmentPreviewBody).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AttachmentPreviewBody[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AttachmentPreviewBody[key];
+    }
+  });
+});
+
+var _constants = require("./constants");
+
+Object.keys(_constants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _constants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _constants[key];
+    }
+  });
+});

package/lib/rte/Editor/Editor.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Editor;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
+
+var _useEditor2 = _interopRequireDefault(require("@zohoim/chat-components-hooks/es/rte/Editor/useEditor"));
+
+var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
+
+var _propTypes = _interopRequireDefault(require("./props/propTypes"));
+
+var _constants = require("../../constants");
+
+var _EditorModule = _interopRequireDefault(require("./css/Editor.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/** ** Libraries *** */
+
+/** ** Hooks *** */
+
+/** ** Constants *** */
+
+/** ** Styles *** */
+function Editor(props) {
+  var customStyle = props.customStyle,
+      id = props.id,
+      _props$EDITORURL = props.EDITORURL,
+      EDITORURL = _props$EDITORURL === void 0 ? _constants.defaultEditorURL : _props$EDITORURL,
+      content = props.content,
+      placeHolder = props.placeHolder,
+      isHTMLContent = props.isHTMLContent,
+      menuBarProps = props.menuBarProps,
+      formats = props.formats,
+      features = props.features,
+      needAutoFocus = props.needAutoFocus,
+      isReadOnly = props.isReadOnly,
+      insertContentDetails = props.insertContentDetails,
+      customOptions = props.customOptions,
+      onReadyCallback = props.onReadyCallback,
+      onErrorCallback = props.onErrorCallback,
+      onChange = props.onChange,
+      onKeyDown = props.onKeyDown,
+      onPaste = props.onPaste,
+      langCode = props.langCode,
+      appearance = props.appearance,
+      isRTL = props.isRTL,
+      handlers = props.handlers,
+      propDomId = props.domId;
+  /* External CSS Customization */
+
+  var newStyle = (0, _useMergeStyle["default"])(_EditorModule["default"], customStyle);
+
+  var _useEditor = (0, _useEditor2["default"])({
+    id: id,
+    EDITORURL: EDITORURL,
+    content: content,
+    placeHolder: placeHolder,
+    isHTMLContent: isHTMLContent,
+    menuBarProps: menuBarProps,
+    formats: formats,
+    className: newStyle.editableDiv,
+    features: features,
+    needAutoFocus: needAutoFocus,
+    isReadOnly: isReadOnly,
+    insertContentDetails: insertContentDetails,
+    customOptions: customOptions,
+    onReadyCallback: onReadyCallback,
+    onErrorCallback: onErrorCallback,
+    onChange: onChange,
+    onKeyDown: onKeyDown,
+    onPaste: onPaste,
+    langCode: langCode,
+    appearance: appearance,
+    isRTL: isRTL,
+    handlers: handlers,
+    domId: propDomId
+  }),
+      domId = _useEditor.domId;
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: newStyle.editorWrapper
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: newStyle.editor,
+    id: domId
+  }));
+}
+
+Editor.propTypes = _propTypes["default"];
+Editor.defaultProps = _defaultProps["default"];
+Editor.displayName = 'Editor';

package/lib/rte/Editor/css/Editor.module.css

@@ -0,0 +1,17 @@
+.editorWrapper {
+  /* Use this class for css customisation */
+}
+
+.editor {
+  /* Use this class for css customisation */
+}
+
+.editableDiv {
+  /* Use this class for css customisation */
+  min-height: var(--zd_size120)  !important;
+  max-height: var(--zd_size120)  !important;
+  overflow: auto !important;
+  font-size: var(--zd_font_size14)  !important;
+  font-family: var(--zd_regular) !important;
+  padding: 0  !important;
+}

package/lib/rte/Editor/index.js

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

package/lib/rte/Editor/props/defaultProps.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
+
+/** ** Constants *** */
+var editorDefaultProps = {
+  customStyle: _emptyConstants.dummyObject,
+  id: 'Editor',
+  placeHolder: ' ',
+  isHTMLContent: false,
+  needAutoFocus: true,
+  isReadOnly: false,
+  isRTL: false,
+  langCode: 'en_US',
+  menuBarProps: _emptyConstants.dummyObject,
+  appearance: _emptyConstants.dummyObject,
+  features: _emptyConstants.dummyArray,
+  formats: _emptyConstants.dummyArray,
+  handlers: {
+    needIDReRender: true,
+    needContentUpdate: true
+  }
+};
+var _default = editorDefaultProps;
+exports["default"] = _default;