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

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

package/es/constants/index.js

@@ -1,8 +1,7 @@
 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.9';
+const version = '1.4.13';
 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,
-    integrationServiceId
+    integrationService
   } = props;
   const {
     attachmentHandlerProps = dummyObject
@@ -34,7 +34,7 @@ export default function IMAttachmentHandler(props) {
   } = useIMAttachmentHandler({
     onAttach: propOnAttach,
     attachmentType,
-    integrationServiceId
+    integrationService
   });
   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']),
-  integrationServiceId: PropTypes.oneOf([WHATSAPP, TELEGRAM, INSTAGRAM, WECHAT, TWILLIO, LINE, IM_TALK, FACEBOOKMESSENGER])
+  integrationService: 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({
-    integrationServiceId: PropTypes.string
+    integrationService: PropTypes.string
   }),
   defaultAvatarUrls: PropTypes.shape({
     autoMessageAvatar: PropTypes.string,

package/lib/Theme/TooltipWrapper.js

@@ -1,11 +1,13 @@
 "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 = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -21,48 +23,46 @@ 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 timer = null;
-
-  var tooltipRef = _react["default"].useRef(null);
-
+  var timerRef = (0, _react.useRef)(null);
+  var tooltipRef = (0, _react.useRef)(null);
   (0, _Config.setLibraryConfig)({
     getTooltipContainer: function getTooltipContainer() {
       return getContainerRef();
     }
   });
-
-  function handleMouseOverDispatch(e) {
+  var handleMouseOverDispatch = (0, _react.useCallback)(function (e) {
     var containerRef = getContainerRef();
 
     if (tooltipRef && tooltipRef.current) {
       tooltipRef.current.handleOver(e, containerRef);
     }
-  }
-
-  function handleOver(e) {
-    if (timer) {
-      timer = clearTimeout(timer);
+  }, [getContainerRef]);
+  var handleOver = (0, _react.useCallback)(function (e) {
+    if (timerRef.current) {
+      timerRef.current = clearTimeout(timerRef.current);
     }
 
-    timer = setTimeout(function () {
+    timerRef.current = setTimeout(function () {
       return handleMouseOverDispatch(e);
     }, (0, _Config.getLibraryConfig)('tooltipDebounce'));
-  }
-
-  function removeTimeout() {
-    if (timer) {
-      timer = clearTimeout(timer);
+  }, [handleMouseOverDispatch]);
+  var removeTimeout = (0, _react.useCallback)(function () {
+    if (timerRef.current) {
+      timerRef.current = clearTimeout(timerRef.current);
     }
-  } // componentDidMount and componentWillUnmount case
-
+  }, []); // componentDidMount and componentWillUnmount case
 
-  _react["default"].useEffect(function () {
+  (0, _react.useEffect)(function () {
     var containerRef = getContainerRef();
 
     if (containerRef) {
@@ -72,17 +72,22 @@ 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.unObserveElement();
+        tooltipRef.current && 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.9';
+var version = '1.4.13';
 var 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/".concat(version, "/js/rte.min.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`;
+
 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,
-      integrationServiceId = props.integrationServiceId;
+      integrationService = props.integrationService;
   var _customProps$attachme = customProps.attachmentHandlerProps,
       attachmentHandlerProps = _customProps$attachme === void 0 ? _emptyConstants.dummyObject : _customProps$attachme;
 
   var _useIMAttachmentHandl = (0, _useIMAttachmentHandler["default"])({
     onAttach: propOnAttach,
     attachmentType: attachmentType,
-    integrationServiceId: integrationServiceId
+    integrationService: integrationService
   }),
       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']),
-  integrationServiceId: _propTypes["default"].oneOf([WHATSAPP, TELEGRAM, INSTAGRAM, WECHAT, TWILLIO, LINE, IM_TALK, FACEBOOKMESSENGER])
+  integrationService: _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({
-    integrationServiceId: _propTypes["default"].string
+    integrationService: _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.1",
+  "version": "1.1.6-beta.2",
   "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.1",
-    "@zohoim/chat-components-utils": "1.1.6-beta.1",
+    "@zohoim/chat-components-hooks": "1.1.6-beta.2",
+    "@zohoim/chat-components-utils": "1.1.6-beta.2",
     "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": "48a7176ebd9f361bba1e488ed5ac21c27f84b874"
+  "gitHead": "7f04c95dbf6b5ba4a0092135f4b02b981bc7c802"
 }