@zohoim/chat-components 1.1.6-beta.2 → 1.2.0

package/README.md

@@ -10,6 +10,10 @@ In this Library, We Provide Some Basic Message Components to Build Your Chat App
 
 > import MessageBubble from '@zohoim/chat-components/es/MessageBubble/MessageBubble’;
 
+# 1.2.0
+
+- In the chat components, integrationService key name is changed to integrationServiceId
+
 # 1.1.6
 
 - In the message component, MP3 format support has been added for some integrations.

package/es/Theme/TooltipWrapper.js

@@ -1,7 +1,7 @@
 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); }
 
 /** ** Libraries *** */
-import React, { useCallback, useEffect, useRef } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 /** ** Components *** */
 
@@ -23,32 +23,36 @@ export default function TooltipWrapper(props) {
     getContainerRef,
     customStyle = dummyObject
   } = props;
-  const timerRef = useRef(null);
-  const tooltipRef = useRef(null);
+  let timer = null;
+  const tooltipRef = React.useRef(null);
   setLibraryConfig({
     getTooltipContainer: () => getContainerRef()
   });
-  const handleMouseOverDispatch = useCallback(e => {
+
+  function handleMouseOverDispatch(e) {
     const containerRef = getContainerRef();
 
     if (tooltipRef && tooltipRef.current) {
       tooltipRef.current.handleOver(e, containerRef);
     }
-  }, [getContainerRef]);
-  const handleOver = useCallback(e => {
-    if (timerRef.current) {
-      timerRef.current = clearTimeout(timerRef.current);
+  }
+
+  function handleOver(e) {
+    if (timer) {
+      timer = clearTimeout(timer);
     }
 
-    timerRef.current = setTimeout(() => handleMouseOverDispatch(e), getLibraryConfig('tooltipDebounce'));
-  }, [handleMouseOverDispatch]);
-  const removeTimeout = useCallback(() => {
-    if (timerRef.current) {
-      timerRef.current = clearTimeout(timerRef.current);
+    timer = setTimeout(() => handleMouseOverDispatch(e), getLibraryConfig('tooltipDebounce'));
+  }
+
+  function removeTimeout() {
+    if (timer) {
+      timer = clearTimeout(timer);
     }
-  }, []); // componentDidMount and componentWillUnmount case
+  } // componentDidMount and componentWillUnmount case
 
-  useEffect(() => {
+
+  React.useEffect(() => {
     const containerRef = getContainerRef();
 
     if (containerRef) {
@@ -58,15 +62,11 @@ export default function TooltipWrapper(props) {
     }
 
     return () => {
-      setLibraryConfig({
-        getTooltipContainer: () => null
-      });
-
       if (containerRef) {
         containerRef.removeEventListener('mouseover', handleOver, false);
         containerRef.removeEventListener('mouseout', removeTimeout, false); // eslint-disable-next-line react-hooks/exhaustive-deps
 
-        tooltipRef.current && tooltipRef.current.unObserveElement();
+        tooltipRef.current.unObserveElement();
       }
     }; // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);

package/es/constants/index.js

@@ -1,7 +1,8 @@
 export const MSG_ACTION_POPUP_PORTAL = 'MSG_ACTION_POPUP_PORTAL';
 export const EDITOR_POPUP_PORTAL = 'EDITOR_POPUP_PORTAL';
 export const EDITOR_POPUP_TARGET_PORTAL = 'EDITOR_POPUP_TARGET_PORTAL';
-const version = '1.4.13';
+const version = '1.4.9';
 export const defaultEditorURL = // `https://static.localzohocdn.com/rtelibrary/${version}/js/rte.js`;
-`https://static.zohocdn.com/rtelibrary/${version}/js/rte.js`; // `https://static.localzohocdn.com/rtelibrary/${version}/js/rte.min.js`;
-// `https://static.zohocdn.com/rtelibrary/${version}/js/rte.min.js`;
+// `https://static.zohocdn.com/rtelibrary/${version}/js/rte.js`;
+// `https://static.localzohocdn.com/rtelibrary/${version}/js/rte.min.js`;
+`https://static.zohocdn.com/rtelibrary/${version}/js/rte.min.js`;

package/es/im/IMAttachmentHandler/IMAttachmentHandler.js

@@ -23,7 +23,7 @@ export default function IMAttachmentHandler(props) {
     isMultiAttachment,
     onAttach: propOnAttach,
     attachmentType,
-    integrationService
+    integrationServiceId
   } = props;
   const {
     attachmentHandlerProps = dummyObject
@@ -34,7 +34,7 @@ export default function IMAttachmentHandler(props) {
   } = useIMAttachmentHandler({
     onAttach: propOnAttach,
     attachmentType,
-    integrationService
+    integrationServiceId
   });
   return /*#__PURE__*/React.createElement(AttachmentHandler, _extends({
     iconName: iconName,

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

@@ -23,6 +23,6 @@ const imAttachmentHandlerPropTypes = {
   onAttach: PropTypes.func,
   customProps: PropTypes.object,
   attachmentType: PropTypes.oneOf(['image', 'document', 'documentAndImage']),
-  integrationService: PropTypes.oneOf([WHATSAPP, TELEGRAM, INSTAGRAM, WECHAT, TWILLIO, LINE, IM_TALK, FACEBOOKMESSENGER])
+  integrationServiceId: PropTypes.oneOf([WHATSAPP, TELEGRAM, INSTAGRAM, WECHAT, TWILLIO, LINE, IM_TALK, FACEBOOKMESSENGER])
 };
 export default imAttachmentHandlerPropTypes;

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

@@ -52,7 +52,7 @@ const imMessagePropTypes = {
     type: PropTypes.string
   }).isRequired,
   sessionDetails: PropTypes.shape({
-    integrationService: PropTypes.string
+    integrationServiceId: PropTypes.string
   }),
   defaultAvatarUrls: PropTypes.shape({
     autoMessageAvatar: PropTypes.string,

package/lib/Theme/TooltipWrapper.js

@@ -1,13 +1,11 @@
 "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"] = TooltipWrapper;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -23,46 +21,48 @@ var _TooltipWrapperModule = _interopRequireDefault(require("./css/TooltipWrapper
 
 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 TooltipWrapper(props) {
   var getContainerRef = props.getContainerRef,
       _props$customStyle = props.customStyle,
       customStyle = _props$customStyle === void 0 ? _emptyConstants.dummyObject : _props$customStyle;
-  var timerRef = (0, _react.useRef)(null);
-  var tooltipRef = (0, _react.useRef)(null);
+  var timer = null;
+
+  var tooltipRef = _react["default"].useRef(null);
+
   (0, _Config.setLibraryConfig)({
     getTooltipContainer: function getTooltipContainer() {
       return getContainerRef();
     }
   });
-  var handleMouseOverDispatch = (0, _react.useCallback)(function (e) {
+
+  function handleMouseOverDispatch(e) {
     var containerRef = getContainerRef();
 
     if (tooltipRef && tooltipRef.current) {
       tooltipRef.current.handleOver(e, containerRef);
     }
-  }, [getContainerRef]);
-  var handleOver = (0, _react.useCallback)(function (e) {
-    if (timerRef.current) {
-      timerRef.current = clearTimeout(timerRef.current);
+  }
+
+  function handleOver(e) {
+    if (timer) {
+      timer = clearTimeout(timer);
     }
 
-    timerRef.current = setTimeout(function () {
+    timer = setTimeout(function () {
       return handleMouseOverDispatch(e);
     }, (0, _Config.getLibraryConfig)('tooltipDebounce'));
-  }, [handleMouseOverDispatch]);
-  var removeTimeout = (0, _react.useCallback)(function () {
-    if (timerRef.current) {
-      timerRef.current = clearTimeout(timerRef.current);
+  }
+
+  function removeTimeout() {
+    if (timer) {
+      timer = clearTimeout(timer);
     }
-  }, []); // componentDidMount and componentWillUnmount case
+  } // componentDidMount and componentWillUnmount case
+
 
-  (0, _react.useEffect)(function () {
+  _react["default"].useEffect(function () {
     var containerRef = getContainerRef();
 
     if (containerRef) {
@@ -72,22 +72,17 @@ function TooltipWrapper(props) {
     }
 
     return function () {
-      (0, _Config.setLibraryConfig)({
-        getTooltipContainer: function getTooltipContainer() {
-          return null;
-        }
-      });
-
       if (containerRef) {
         containerRef.removeEventListener('mouseover', handleOver, false);
         containerRef.removeEventListener('mouseout', removeTimeout, false); // eslint-disable-next-line react-hooks/exhaustive-deps
 
-        tooltipRef.current && tooltipRef.current.unObserveElement();
+        tooltipRef.current.unObserveElement();
       }
     }; // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   /* External CSS Customization */
 
+
   var newStyle = (0, _useMergeStyle["default"])(_TooltipWrapperModule["default"], customStyle);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: newStyle.tooltipWrapper

package/lib/constants/index.js

@@ -10,9 +10,9 @@ var EDITOR_POPUP_PORTAL = 'EDITOR_POPUP_PORTAL';
 exports.EDITOR_POPUP_PORTAL = EDITOR_POPUP_PORTAL;
 var EDITOR_POPUP_TARGET_PORTAL = 'EDITOR_POPUP_TARGET_PORTAL';
 exports.EDITOR_POPUP_TARGET_PORTAL = EDITOR_POPUP_TARGET_PORTAL;
-var version = '1.4.13';
+var version = '1.4.9';
 var defaultEditorURL = // `https://static.localzohocdn.com/rtelibrary/${version}/js/rte.js`;
-"https://static.zohocdn.com/rtelibrary/".concat(version, "/js/rte.js"); // `https://static.localzohocdn.com/rtelibrary/${version}/js/rte.min.js`;
-// `https://static.zohocdn.com/rtelibrary/${version}/js/rte.min.js`;
-
+// `https://static.zohocdn.com/rtelibrary/${version}/js/rte.js`;
+// `https://static.localzohocdn.com/rtelibrary/${version}/js/rte.min.js`;
+"https://static.zohocdn.com/rtelibrary/".concat(version, "/js/rte.min.js");
 exports.defaultEditorURL = defaultEditorURL;

package/lib/im/IMAttachmentHandler/IMAttachmentHandler.js

@@ -31,14 +31,14 @@ function IMAttachmentHandler(props) {
       isMultiAttachment = props.isMultiAttachment,
       propOnAttach = props.onAttach,
       attachmentType = props.attachmentType,
-      integrationService = props.integrationService;
+      integrationServiceId = props.integrationServiceId;
   var _customProps$attachme = customProps.attachmentHandlerProps,
       attachmentHandlerProps = _customProps$attachme === void 0 ? _emptyConstants.dummyObject : _customProps$attachme;
 
   var _useIMAttachmentHandl = (0, _useIMAttachmentHandler["default"])({
     onAttach: propOnAttach,
     attachmentType: attachmentType,
-    integrationService: integrationService
+    integrationServiceId: integrationServiceId
   }),
       onAttach = _useIMAttachmentHandl.onAttach,
       supportedTypes = _useIMAttachmentHandl.supportedTypes;

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

@@ -32,7 +32,7 @@ var imAttachmentHandlerPropTypes = {
   onAttach: _propTypes["default"].func,
   customProps: _propTypes["default"].object,
   attachmentType: _propTypes["default"].oneOf(['image', 'document', 'documentAndImage']),
-  integrationService: _propTypes["default"].oneOf([WHATSAPP, TELEGRAM, INSTAGRAM, WECHAT, TWILLIO, LINE, IM_TALK, FACEBOOKMESSENGER])
+  integrationServiceId: _propTypes["default"].oneOf([WHATSAPP, TELEGRAM, INSTAGRAM, WECHAT, TWILLIO, LINE, IM_TALK, FACEBOOKMESSENGER])
 };
 var _default = imAttachmentHandlerPropTypes;
 exports["default"] = _default;

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

@@ -62,7 +62,7 @@ var imMessagePropTypes = {
     type: _propTypes["default"].string
   }).isRequired,
   sessionDetails: _propTypes["default"].shape({
-    integrationService: _propTypes["default"].string
+    integrationServiceId: _propTypes["default"].string
   }),
   defaultAvatarUrls: _propTypes["default"].shape({
     autoMessageAvatar: _propTypes["default"].string,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohoim/chat-components",
-  "version": "1.1.6-beta.2",
+  "version": "1.2.0",
   "description": "Chat Components",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -45,8 +45,8 @@
     "@zohodesk/utils": "1.3.14",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.13",
-    "@zohoim/chat-components-hooks": "1.1.6-beta.2",
-    "@zohoim/chat-components-utils": "1.1.6-beta.2",
+    "@zohoim/chat-components-hooks": "1.2.0",
+    "@zohoim/chat-components-utils": "1.2.0",
     "html-to-react": "1.7.0 ",
     "jsdom": "23.0.0",
     "react-sortable-hoc": "1.11.0",
@@ -70,5 +70,5 @@
     "react-sortable-hoc": "1.11.0",
     "velocity-react": "1.4.3"
   },
-  "gitHead": "7f04c95dbf6b5ba4a0092135f4b02b981bc7c802"
+  "gitHead": "dd1848de47c607ef8f2d570df7e5de340153ddbf"
 }