sceyt-chat-react-uikit 1.8.6-beta.4 → 1.8.6-beta.6

package/index.js

@@ -18689,11 +18689,11 @@ function markMessagesRead(action) {
         messageListMarker = _context0.v;
         _context0.n = 5;
         return effects.put(updateChannelDataAC(channel.id, {
-          lastReadMessageId: channel.lastDisplayedMessageId
+          lastDisplayedMessageId: channel.lastDisplayedMessageId
         }));
       case 5:
         updateChannelOnAllChannels(channel.id, {
-          lastReadMessageId: channel.lastDisplayedMessageId
+          lastDisplayedMessageId: channel.lastDisplayedMessageId
         });
         _iterator6 = _createForOfIteratorHelperLoose(messageListMarker.messageIds);
       case 6:
@@ -19155,7 +19155,7 @@ function notificationsTurnOn() {
   }, _marked14, null, [[3, 6]]);
 }
 function markChannelAsRead(action) {
-  var channelId, channel, updateData, _t16;
+  var channelId, channel, updatedChannel, updateData, _t16;
   return _regenerator().w(function (_context16) {
     while (1) switch (_context16.p = _context16.n) {
       case 0:
@@ -19171,10 +19171,12 @@ function markChannelAsRead(action) {
         _context16.n = 2;
         return effects.call(channel.markAsRead);
       case 2:
+        updatedChannel = _context16.v;
         updateData = {
           unread: false,
           newMessageCount: 0,
-          newMentionCount: 0
+          newMentionCount: 0,
+          lastDisplayedMessageId: updatedChannel === null || updatedChannel === void 0 ? void 0 : updatedChannel.lastDisplayedMessageId
         };
         updateChannelOnAllChannels(channel.id, updateData);
         _context16.n = 3;
@@ -47517,12 +47519,16 @@ function setFloatingElemPosition(targetRect, floatingElem, anchorElem, verticalG
   }
   var floatingElemRect = floatingElem.getBoundingClientRect();
   var anchorElementRect = anchorElem.getBoundingClientRect();
-  var top = floatingElemRect.height - targetRect.height + verticalGap;
   var menuWidthHalf = floatingElemRect.width / 2;
   var selectionWidthHalf = targetRect.width / 2;
   var left = targetRect.left - anchorElementRect.left + horizontalOffset - menuWidthHalf + selectionWidthHalf;
+  var effectiveTop = Math.max(targetRect.top, anchorElementRect.top);
+  var top = effectiveTop - anchorElementRect.top - floatingElemRect.height - verticalGap;
+  if (effectiveTop - floatingElemRect.height - verticalGap < 0) {
+    top = Math.min(targetRect.bottom, anchorElementRect.bottom) - anchorElementRect.top + verticalGap;
+  }
   floatingElem.style.opacity = '1';
-  floatingElem.style.transform = "translate(" + left + "px, " + -top + "px)";
+  floatingElem.style.transform = "translate(" + left + "px, " + top + "px)";
 }
 function getSelectedNode(selection) {
   var anchor = selection.anchor;

package/index.modern.js

@@ -18688,11 +18688,11 @@ function markMessagesRead(action) {
         messageListMarker = _context0.v;
         _context0.n = 5;
         return put(updateChannelDataAC(channel.id, {
-          lastReadMessageId: channel.lastDisplayedMessageId
+          lastDisplayedMessageId: channel.lastDisplayedMessageId
         }));
       case 5:
         updateChannelOnAllChannels(channel.id, {
-          lastReadMessageId: channel.lastDisplayedMessageId
+          lastDisplayedMessageId: channel.lastDisplayedMessageId
         });
         _iterator6 = _createForOfIteratorHelperLoose(messageListMarker.messageIds);
       case 6:
@@ -19154,7 +19154,7 @@ function notificationsTurnOn() {
   }, _marked14, null, [[3, 6]]);
 }
 function markChannelAsRead(action) {
-  var channelId, channel, updateData, _t16;
+  var channelId, channel, updatedChannel, updateData, _t16;
   return _regenerator().w(function (_context16) {
     while (1) switch (_context16.p = _context16.n) {
       case 0:
@@ -19170,10 +19170,12 @@ function markChannelAsRead(action) {
         _context16.n = 2;
         return call(channel.markAsRead);
       case 2:
+        updatedChannel = _context16.v;
         updateData = {
           unread: false,
           newMessageCount: 0,
-          newMentionCount: 0
+          newMentionCount: 0,
+          lastDisplayedMessageId: updatedChannel === null || updatedChannel === void 0 ? void 0 : updatedChannel.lastDisplayedMessageId
         };
         updateChannelOnAllChannels(channel.id, updateData);
         _context16.n = 3;
@@ -47516,12 +47518,16 @@ function setFloatingElemPosition(targetRect, floatingElem, anchorElem, verticalG
   }
   var floatingElemRect = floatingElem.getBoundingClientRect();
   var anchorElementRect = anchorElem.getBoundingClientRect();
-  var top = floatingElemRect.height - targetRect.height + verticalGap;
   var menuWidthHalf = floatingElemRect.width / 2;
   var selectionWidthHalf = targetRect.width / 2;
   var left = targetRect.left - anchorElementRect.left + horizontalOffset - menuWidthHalf + selectionWidthHalf;
+  var effectiveTop = Math.max(targetRect.top, anchorElementRect.top);
+  var top = effectiveTop - anchorElementRect.top - floatingElemRect.height - verticalGap;
+  if (effectiveTop - floatingElemRect.height - verticalGap < 0) {
+    top = Math.min(targetRect.bottom, anchorElementRect.bottom) - anchorElementRect.top + verticalGap;
+  }
   floatingElem.style.opacity = '1';
-  floatingElem.style.transform = "translate(" + left + "px, " + -top + "px)";
+  floatingElem.style.transform = "translate(" + left + "px, " + top + "px)";
 }
 function getSelectedNode(selection) {
   var anchor = selection.anchor;

package/package.json

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