@zohoim/chat-components 1.1.4-beta.1 → 1.1.4-beta.2

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _popupPropConstants = require("../../../constants/propConstants/popupPropConstants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/** ** Libraries *** */
+
+/** ** Constants *** */
+var replyEditorSuggestionsPopupPropTypes = {
+  customStyle: _propTypes["default"].object,
+  targetPosition: _propTypes["default"].shape({
+    x: _propTypes["default"].number,
+    y: _propTypes["default"].number
+  }).isRequired,
+  onClose: _propTypes["default"].func,
+  popupSize: _propTypes["default"].oneOf(_popupPropConstants.popupSize),
+  customProps: _propTypes["default"].shape({
+    dropBoxProps: _propTypes["default"].object
+  }),
+  suggestionElement: _propTypes["default"].element.isRequired,
+  needPositionUpdate: _propTypes["default"].bool,
+  defaultPosition: _propTypes["default"].oneOf(_popupPropConstants.popupPosition)
+};
+var _default = replyEditorSuggestionsPopupPropTypes;
+exports["default"] = _default;

package/lib/im/css/common.module.css

@@ -0,0 +1,6 @@
+.dotted {
+    /* overflow: hidden;
+    white-space: nowrap;
+    word-wrap: normal;
+    text-overflow: ellipsis; */
+}

package/lib/im/index.js

@@ -0,0 +1,213 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _IMIntegrationIcon = require("./IMIntegrationIcon");
+
+Object.keys(_IMIntegrationIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _IMIntegrationIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _IMIntegrationIcon[key];
+    }
+  });
+});
+
+var _IMMessage = require("./IMMessage");
+
+Object.keys(_IMMessage).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _IMMessage[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _IMMessage[key];
+    }
+  });
+});
+
+var _IMPermaLink = require("./IMPermaLink");
+
+Object.keys(_IMPermaLink).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _IMPermaLink[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _IMPermaLink[key];
+    }
+  });
+});
+
+var _IMMessageMeta = require("./IMMessageMeta");
+
+Object.keys(_IMMessageMeta).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _IMMessageMeta[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _IMMessageMeta[key];
+    }
+  });
+});
+
+var _IMMessageMetaInfo = require("./IMMessageMetaInfo");
+
+Object.keys(_IMMessageMetaInfo).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _IMMessageMetaInfo[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _IMMessageMetaInfo[key];
+    }
+  });
+});
+
+var _IMMessageContent = require("./IMMessageContent");
+
+Object.keys(_IMMessageContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _IMMessageContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _IMMessageContent[key];
+    }
+  });
+});
+
+var _IMTextBubble = require("./IMTextBubble");
+
+Object.keys(_IMTextBubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _IMTextBubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _IMTextBubble[key];
+    }
+  });
+});
+
+var _IMReplyBubble = require("./IMReplyBubble");
+
+Object.keys(_IMReplyBubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _IMReplyBubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _IMReplyBubble[key];
+    }
+  });
+});
+
+var _ArticleBubble = require("./ArticleBubble");
+
+Object.keys(_ArticleBubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ArticleBubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ArticleBubble[key];
+    }
+  });
+});
+
+var _IMAttachmentHandler = require("./IMAttachmentHandler");
+
+Object.keys(_IMAttachmentHandler).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _IMAttachmentHandler[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _IMAttachmentHandler[key];
+    }
+  });
+});
+
+var _ReplyComposer = require("./ReplyComposer");
+
+Object.keys(_ReplyComposer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ReplyComposer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ReplyComposer[key];
+    }
+  });
+});
+
+var _ReplyEditor = require("./ReplyEditor");
+
+Object.keys(_ReplyEditor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ReplyEditor[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ReplyEditor[key];
+    }
+  });
+});
+
+var _ReplyEditorSuggestions = require("./ReplyEditorSuggestions");
+
+Object.keys(_ReplyEditorSuggestions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ReplyEditorSuggestions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ReplyEditorSuggestions[key];
+    }
+  });
+});
+
+var _ReplyEditorExtensions = require("./ReplyEditorExtensions");
+
+Object.keys(_ReplyEditorExtensions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ReplyEditorExtensions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ReplyEditorExtensions[key];
+    }
+  });
+});
+
+var _ReplyComposerFooter = require("./ReplyComposerFooter");
+
+Object.keys(_ReplyComposerFooter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ReplyComposerFooter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ReplyComposerFooter[key];
+    }
+  });
+});
+
+var _ReplyEditorSuggestionsPopup = require("./ReplyEditorSuggestionsPopup");
+
+Object.keys(_ReplyEditorSuggestionsPopup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ReplyEditorSuggestionsPopup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ReplyEditorSuggestionsPopup[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;

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

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _themeConstants = require("@zohoim/chat-components-utils/es/constants/themeConstants");
+
+var _editorPropConstants = require("../../../constants/propConstants/editorPropConstants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+var editorPropTypes = {
+  id: _propTypes["default"].string.isRequired,
+  domId: _propTypes["default"].string,
+  content: _propTypes["default"].string.isRequired,
+  EDITORURL: _propTypes["default"].string.isRequired,
+  placeHolder: _propTypes["default"].string,
+  customStyle: _propTypes["default"].object,
+  isHTMLContent: _propTypes["default"].bool,
+  appearance: _propTypes["default"].shape({
+    mode: _propTypes["default"].oneOf([_themeConstants.modeConstants.LIGHT, _themeConstants.modeConstants.DARK, _themeConstants.modeConstants.PURE_DARK]).isRequired,
+    themeVariables: _propTypes["default"].object
+  }),
+  // Editor Options - Refer the learn document (Override the options)
+  customOptions: _propTypes["default"].object,
+  menuBarProps: _propTypes["default"].shape({
+    isShow: _propTypes["default"].bool.isRequired,
+    groupLength: _propTypes["default"].number,
+    order: _propTypes["default"].arrayOf(_propTypes["default"].oneOf([].concat(_toConsumableArray(_editorPropConstants.formats), _toConsumableArray(_editorPropConstants.features)))),
+    position: _propTypes["default"].oneOf(['top', 'bottom']),
+    responsive: _propTypes["default"].bool,
+    tooltip: _propTypes["default"].bool
+  }),
+  features: _propTypes["default"].arrayOf(_propTypes["default"].oneOf(_editorPropConstants.features)),
+  formats: _propTypes["default"].arrayOf(_propTypes["default"].oneOf(_editorPropConstants.formats)),
+  needAutoFocus: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
+  isRTL: _propTypes["default"].bool,
+  langCode: _propTypes["default"].oneOf(_editorPropConstants.langCode),
+  insertContentDetails: _propTypes["default"].shape({
+    content: _propTypes["default"].string.isRequired,
+    range: _propTypes["default"].shape({
+      from: _propTypes["default"].number,
+      to: _propTypes["default"].number
+    })
+  }),
+  onChange: _propTypes["default"].func,
+  onPaste: _propTypes["default"].func,
+  onKeyDown: _propTypes["default"].func,
+  onReadyCallback: _propTypes["default"].func,
+  onErrorCallback: _propTypes["default"].func,
+  handlers: _propTypes["default"].shape({
+    needContentUpdate: _propTypes["default"].bool,
+    needIDReRender: _propTypes["default"].bool
+  })
+};
+var _default = editorPropTypes;
+exports["default"] = _default;

package/lib/rte/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Editor = require("./Editor");
+
+Object.keys(_Editor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Editor[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Editor[key];
+    }
+  });
+});

package/package.json

@@ -1,27 +1,23 @@
 {
   "name": "@zohoim/chat-components",
-  "version": "1.1.4-beta.1",
+  "version": "1.1.4-beta.2",
   "description": "Chat Components",
   "main": "lib/index.js",
   "module": "es/index.js",
   "scripts": {
+    "init": "npm run clean && npm run build:variables",
     "build": "npm run build:lib && npm run build:es",
-    "build:lib": "react-cli build:component:cmjs",
-    "build:es": "react-cli build:library:es",
-    "build:local": " npm run build && npm run rtl && npm run cssVariableConvert ",
-    "build_watch": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
-    "clean": "react-cli clean unittest coverage es result.json && mkdir assets",
-    "rtl": "react-cli rtl ./src ./es",
-    "prepare": "react-cli clean assets && npm run init && npm run build && npm run rtl && npm run cssVariableConvert ",
-    "test": "react-cli test",
-    "test:debug": "react-cli test --runInBand --watch",
+    "build:lib": "cbt build:lib",
+    "build:es": "cbt build:es",
+    "build_watch": "npm run build:variables && npm run build:es -- -w",
+    "build_watch_lib": "npm run build:lib -- -w",
+    "build:variables": "cdt clean ./assets && node ./preprocess/index",
+    "clean": "cdt clean unittest coverage es result.json && mkdir assets",
+    "prepare": "cdt clean assets && npm run init && npm run build",
     "create-icons": "node ./src/icons/create-icon-components --sourucePath=./factory --targetPath=./iconSrc",
-    "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
     "variable:addignore": "node ../../node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
     "variable:convert": "node ../../node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
-    "variable:check": "node  ../../node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ../../node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
-    "build:variables": "react-cli clean ./assets && node ./preprocess/index",
-    "init": "npm run clean && npm run build:variables"
+    "variable:check": "node  ../../node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ../../node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
   },
   "author": "ZohoDesk - IM Team",
   "license": "ISC",
@@ -31,26 +27,48 @@
   },
   "files": [
     "es",
+    "lib",
     "assets",
     "!**/__tests__"
   ],
-  "dependencies": {
-    "@zohodesk/components": "1.2.62",
-    "@zohodesk/hooks": "2.0.4",
+  "devDependencies": {
+    "@zoho/SecurityJS": "7.2.4",
+    "@zohodesk-private/color-variable-preprocessor": "1.2.1",
+    "@zohodesk-private/css-variable-migrator": "1.0.8",
+    "@zohodesk/a11y": "2.3.4",
+    "@zohodesk/components": "1.3.2",
+    "@zohodesk/hooks": "2.0.5",
     "@zohodesk/icon": "1.3.15",
-    "@zohodesk/icons": "1.0.43",
-    "@zohodesk/utils": "1.3.13",
+    "@zohodesk/icons": "1.0.78",
+    "@zohodesk/normalizer": "1.0.2",
+    "@zohodesk/svg": "1.1.30",
+    "@zohodesk/utils": "1.3.14",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.13",
-    "@zohoim/chat-components-hooks": "1.1.4-beta.1",
-    "@zohoim/chat-components-utils": "1.1.4-beta.1"
-  },
-  "devDependencies": {
-    "@zohodesk-private/color-variable-preprocessor": "1.2.1",
-    "@zohodesk-private/css-variable-migrator": "1.0.7",
+    "@zohoim/chat-components-hooks": "1.1.4-beta.2",
+    "@zohoim/chat-components-utils": "1.1.4-beta.2",
     "html-to-react": "1.7.0 ",
     "jsdom": "23.0.0",
-    "react-to-jsx": "1.3.2"
+    "react-sortable-hoc": "1.11.0",
+    "react-to-jsx": "1.3.2",
+    "velocity-react": "1.4.3"
+  },
+  "peerDependencies": {
+    "@zoho/SecurityJS": "7.2.4",
+    "@zohodesk/a11y": "2.3.4",
+    "@zohodesk/components": "1.3.2",
+    "@zohodesk/hooks": "2.0.5",
+    "@zohodesk/icon": "1.3.15",
+    "@zohodesk/icons": "1.0.78",
+    "@zohodesk/normalizer": "1.0.2",
+    "@zohodesk/svg": "1.1.30",
+    "@zohodesk/utils": "1.3.14",
+    "@zohodesk/variables": "1.0.0",
+    "@zohodesk/virtualizer": "1.0.13",
+    "@zohoim/chat-components-hooks": "1.1.2",
+    "@zohoim/chat-components-utils": "1.1.2",
+    "react-sortable-hoc": "1.11.0",
+    "velocity-react": "1.4.3"
   },
-  "gitHead": "c5b05661a1ed8bf54fe39532d5918d92b6740309"
+  "gitHead": "4e2319893018de781c8d280245ace0b76cc9cae0"
 }