sceyt-chat-react-uikit 1.8.8-beta.12 → 1.8.8-beta.13

package/index.js

@@ -44732,6 +44732,15 @@ var Message$1 = function Message(_ref) {
     }
     setMessageActionsShow(false);
   }, []);
+  var handleMediaItemClickWithActionsClose = React.useCallback(function (attachment) {
+    if (messageActionsTimeout.current) {
+      clearTimeout(messageActionsTimeout.current);
+    }
+    setMessageActionsShow(false);
+    if (handleMediaItemClick) {
+      handleMediaItemClick(attachment);
+    }
+  }, [handleMediaItemClick]);
   var handleReactionAddDelete = React.useCallback(function (selectedEmoji) {
     if (message.userReactions && message.userReactions.some(function (item) {
       return item.key === selectedEmoji;
@@ -44847,6 +44856,24 @@ var Message$1 = function Message(_ref) {
       setMessageActionsShow(false);
     }
   }, [openedMessageMenuId]);
+  React.useEffect(function () {
+    if (!reactionsPopupOpen) {
+      return undefined;
+    }
+    var scrollContainer = document.getElementById('scrollableDiv');
+    if (!scrollContainer) {
+      return undefined;
+    }
+    var handleChatScroll = function handleChatScroll() {
+      setReactionsPopupOpen(false);
+    };
+    scrollContainer.addEventListener('scroll', handleChatScroll, {
+      passive: true
+    });
+    return function () {
+      scrollContainer.removeEventListener('scroll', handleChatScroll);
+    };
+  }, [reactionsPopupOpen]);
   React.useEffect(function () {
     document.addEventListener('mousedown', handleClick);
     return function () {
@@ -44969,7 +44996,7 @@ var Message$1 = function Message(_ref) {
     handleCreateChat: handleCreateChat,
     handleReactionAddDelete: handleReactionAddDelete,
     handleScrollToRepliedMessage: handleScrollToRepliedMessage,
-    handleMediaItemClick: handleMediaItemClick,
+    handleMediaItemClick: handleMediaItemClickWithActionsClose,
     isThreadMessage: isThreadMessage,
     handleOpenUserProfile: handleOpenUserProfile,
     unsupportedMessage: unsupportedMessage,
@@ -44984,7 +45011,7 @@ var Message$1 = function Message(_ref) {
     MessageActionsMenu: MessageActionsMenu,
     messageActionsBelow: messageActionsBelow,
     handleScrollToRepliedMessage: handleScrollToRepliedMessage,
-    handleMediaItemClick: handleMediaItemClick,
+    handleMediaItemClick: handleMediaItemClickWithActionsClose,
     isPendingMessage: isPendingMessage,
     prevMessage: prevMessage,
     nextMessage: nextMessage,

package/index.modern.js

@@ -44712,6 +44712,15 @@ var Message$1 = function Message(_ref) {
     }
     setMessageActionsShow(false);
   }, []);
+  var handleMediaItemClickWithActionsClose = useCallback(function (attachment) {
+    if (messageActionsTimeout.current) {
+      clearTimeout(messageActionsTimeout.current);
+    }
+    setMessageActionsShow(false);
+    if (handleMediaItemClick) {
+      handleMediaItemClick(attachment);
+    }
+  }, [handleMediaItemClick]);
   var handleReactionAddDelete = useCallback(function (selectedEmoji) {
     if (message.userReactions && message.userReactions.some(function (item) {
       return item.key === selectedEmoji;
@@ -44827,6 +44836,24 @@ var Message$1 = function Message(_ref) {
       setMessageActionsShow(false);
     }
   }, [openedMessageMenuId]);
+  useEffect(function () {
+    if (!reactionsPopupOpen) {
+      return undefined;
+    }
+    var scrollContainer = document.getElementById('scrollableDiv');
+    if (!scrollContainer) {
+      return undefined;
+    }
+    var handleChatScroll = function handleChatScroll() {
+      setReactionsPopupOpen(false);
+    };
+    scrollContainer.addEventListener('scroll', handleChatScroll, {
+      passive: true
+    });
+    return function () {
+      scrollContainer.removeEventListener('scroll', handleChatScroll);
+    };
+  }, [reactionsPopupOpen]);
   useEffect(function () {
     document.addEventListener('mousedown', handleClick);
     return function () {
@@ -44949,7 +44976,7 @@ var Message$1 = function Message(_ref) {
     handleCreateChat: handleCreateChat,
     handleReactionAddDelete: handleReactionAddDelete,
     handleScrollToRepliedMessage: handleScrollToRepliedMessage,
-    handleMediaItemClick: handleMediaItemClick,
+    handleMediaItemClick: handleMediaItemClickWithActionsClose,
     isThreadMessage: isThreadMessage,
     handleOpenUserProfile: handleOpenUserProfile,
     unsupportedMessage: unsupportedMessage,
@@ -44964,7 +44991,7 @@ var Message$1 = function Message(_ref) {
     MessageActionsMenu: MessageActionsMenu,
     messageActionsBelow: messageActionsBelow,
     handleScrollToRepliedMessage: handleScrollToRepliedMessage,
-    handleMediaItemClick: handleMediaItemClick,
+    handleMediaItemClick: handleMediaItemClickWithActionsClose,
     isPendingMessage: isPendingMessage,
     prevMessage: prevMessage,
     nextMessage: nextMessage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sceyt-chat-react-uikit",
-  "version": "1.8.8-beta.12",
+  "version": "1.8.8-beta.13",
   "description": "Interactive React UI Components for Sceyt Chat.",
   "author": "Sceyt",
   "license": "MIT",