sceyt-chat-react-uikit 1.8.8-beta.16 → 1.8.8-beta.17

package/index.js

@@ -20614,7 +20614,7 @@ function loadMoreReactions(action) {
 }
 function getMessageAttachments(action) {
   var _store$getState$Messa2;
-  var _action$payload7, channelId, attachmentType, limit, direction, attachmentId, forPopup, cacheKey, cachedAttachments, SceytChatClient, typeList, AttachmentByTypeQueryBuilder, AttachmentByTypeQuery, result, attachments, attachmentIndex, hasPrev, hasNext, freshAttachments, _t39;
+  var _action$payload7, channelId, attachmentType, limit, direction, attachmentId, forPopup, cacheKey, cachedAttachments, SceytChatClient, typeList, AttachmentByTypeQueryBuilder, AttachmentByTypeQuery, result, attachments, _attachments$2, _attachments, attachmentIndex, hasPrev, hasNext, freshAttachments, _t39;
   return _regenerator().w(function (_context42) {
     while (1) switch (_context42.p = _context42.n) {
       case 0:
@@ -20693,6 +20693,16 @@ function getMessageAttachments(action) {
           break;
         }
         query.AttachmentByTypeQueryForPopup = AttachmentByTypeQuery;
+        console.log('[MEDIA_OPEN] 8.saga-forPopup ' + JSON.stringify({
+          requestedAttId: attachmentId,
+          direction: direction,
+          returned: attachments.length,
+          containsRequested: attachments.some(function (a) {
+            return a.id === attachmentId;
+          }),
+          firstId: (_attachments$2 = attachments[0]) === null || _attachments$2 === void 0 ? void 0 : _attachments$2.id,
+          lastId: (_attachments = attachments[attachments.length - 1]) === null || _attachments === void 0 ? void 0 : _attachments.id
+        }));
         _context42.n = 12;
         return effects.put(setAttachmentsForPopupAC(JSON.parse(JSON.stringify(attachments))));
       case 12:
@@ -37007,18 +37017,36 @@ var SliderPopup = function SliderPopup(_ref) {
         log.error('Error getting initial attachment from cache:', error);
       });
     }
-    if (!attachmentsList.find(function (item) {
+    var foundInStaleList = !!attachmentsList.find(function (item) {
       return item.id === currentMediaFile.id;
-    })) {
+    });
+    console.log('[MEDIA_OPEN] 4.slider-mount ' + JSON.stringify({
+      attId: currentMediaFile.id,
+      name: currentMediaFile.name,
+      msgId: currentMediaFile.messageId,
+      staleListLen: attachmentsList.length,
+      foundInStaleList: foundInStaleList,
+      staleListIds: attachmentsList.slice(0, 5).map(function (item) {
+        return item.id;
+      })
+    }));
+    if (!foundInStaleList) {
       dispatch(setAttachmentsForPopupAC([currentMediaFile]));
     }
     dispatch(getAttachmentsAC(channel.id, channelDetailsTabs.media, 34, queryDirection.NEAR, currentMediaFile.id, true));
   }, []);
   var activeFileIndex = React.useMemo(function () {
     if (!(currentFile !== null && currentFile !== void 0 && currentFile.id)) return -1;
-    return attachmentsList.findIndex(function (item) {
+    var index = attachmentsList.findIndex(function (item) {
       return item.id === currentFile.id;
     });
+    console.log('[MEDIA_OPEN] 5.activeIndex ' + JSON.stringify({
+      index: index,
+      attId: currentFile.id,
+      name: currentFile.name,
+      listLen: attachmentsList.length
+    }));
+    return index;
   }, [attachmentsList, currentFile]);
   React.useEffect(function () {
     var currentFileId = currentFile === null || currentFile === void 0 ? void 0 : currentFile.id;
@@ -37030,6 +37058,13 @@ var SliderPopup = function SliderPopup(_ref) {
       var newIndex = attachmentsList.findIndex(function (item) {
         return item.id === currentFileId;
       });
+      console.log('[MEDIA_OPEN] 6.list-grew ' + JSON.stringify({
+        prevLen: previousLength,
+        newLen: newLength,
+        attId: currentFileId,
+        newIndex: newIndex,
+        activeFileIndex: activeFileIndex
+      }));
       if (newIndex >= 0) {
         if (newIndex !== activeFileIndex) {
           var newFile = attachmentsList[newIndex];
@@ -37171,6 +37206,12 @@ var SliderPopup = function SliderPopup(_ref) {
         clearTimeout(timeout);
       }, 400);
       if (pageIndex >= 0 && pageIndex < attachmentsList.length) {
+        var _attachmentsList$page, _attachmentsList$page2;
+        console.log('[MEDIA_OPEN] 7.carousel-change ' + JSON.stringify({
+          pageIndex: pageIndex,
+          attId: (_attachmentsList$page = attachmentsList[pageIndex]) === null || _attachmentsList$page === void 0 ? void 0 : _attachmentsList$page.id,
+          name: (_attachmentsList$page2 = attachmentsList[pageIndex]) === null || _attachmentsList$page2 === void 0 ? void 0 : _attachmentsList$page2.name
+        }));
         setCurrentFile(attachmentsList[pageIndex]);
         setNextButtonDisabled(!attachmentsList[pageIndex + 1]);
         setPrevButtonDisabled(!attachmentsList[pageIndex - 1]);
@@ -44741,6 +44782,12 @@ var Message$1 = function Message(_ref) {
       clearTimeout(messageActionsTimeout.current);
     }
     lastMediaItemClickTime = Date.now();
+    console.log('[MEDIA_OPEN] 2.wrapper ' + JSON.stringify({
+      msgId: message.id,
+      attId: attachment === null || attachment === void 0 ? void 0 : attachment.id,
+      name: attachment === null || attachment === void 0 ? void 0 : attachment.name,
+      url: attachment === null || attachment === void 0 ? void 0 : attachment.url
+    }));
     setMessageActionsShow(false);
     dispatch(setMessageMenuOpenedAC(message.id || message.tid));
     if (handleMediaItemClick) {
@@ -48045,6 +48092,11 @@ var MessageList = function MessageList(_ref) {
     setMediaFile(null);
   }, [channel.id]);
   var handleMediaItemClickStable = React.useCallback(function (attachment) {
+    console.log('[MEDIA_OPEN] 3.setMediaFile ' + JSON.stringify({
+      attId: attachment === null || attachment === void 0 ? void 0 : attachment.id,
+      name: attachment === null || attachment === void 0 ? void 0 : attachment.name,
+      skipped: !(attachment !== null && attachment !== void 0 && attachment.id)
+    }));
     if (attachment !== null && attachment !== void 0 && attachment.id) setMediaFile(attachment);
   }, []);
   var renderTimelineMessage = function renderTimelineMessage(_ref2) {

package/index.modern.js

@@ -20594,7 +20594,7 @@ function loadMoreReactions(action) {
 }
 function getMessageAttachments(action) {
   var _store$getState$Messa2;
-  var _action$payload7, channelId, attachmentType, limit, direction, attachmentId, forPopup, cacheKey, cachedAttachments, SceytChatClient, typeList, AttachmentByTypeQueryBuilder, AttachmentByTypeQuery, result, attachments, attachmentIndex, hasPrev, hasNext, freshAttachments, _t39;
+  var _action$payload7, channelId, attachmentType, limit, direction, attachmentId, forPopup, cacheKey, cachedAttachments, SceytChatClient, typeList, AttachmentByTypeQueryBuilder, AttachmentByTypeQuery, result, attachments, _attachments$2, _attachments, attachmentIndex, hasPrev, hasNext, freshAttachments, _t39;
   return _regenerator().w(function (_context42) {
     while (1) switch (_context42.p = _context42.n) {
       case 0:
@@ -20673,6 +20673,16 @@ function getMessageAttachments(action) {
           break;
         }
         query.AttachmentByTypeQueryForPopup = AttachmentByTypeQuery;
+        console.log('[MEDIA_OPEN] 8.saga-forPopup ' + JSON.stringify({
+          requestedAttId: attachmentId,
+          direction: direction,
+          returned: attachments.length,
+          containsRequested: attachments.some(function (a) {
+            return a.id === attachmentId;
+          }),
+          firstId: (_attachments$2 = attachments[0]) === null || _attachments$2 === void 0 ? void 0 : _attachments$2.id,
+          lastId: (_attachments = attachments[attachments.length - 1]) === null || _attachments === void 0 ? void 0 : _attachments.id
+        }));
         _context42.n = 12;
         return put(setAttachmentsForPopupAC(JSON.parse(JSON.stringify(attachments))));
       case 12:
@@ -36987,18 +36997,36 @@ var SliderPopup = function SliderPopup(_ref) {
         log.error('Error getting initial attachment from cache:', error);
       });
     }
-    if (!attachmentsList.find(function (item) {
+    var foundInStaleList = !!attachmentsList.find(function (item) {
       return item.id === currentMediaFile.id;
-    })) {
+    });
+    console.log('[MEDIA_OPEN] 4.slider-mount ' + JSON.stringify({
+      attId: currentMediaFile.id,
+      name: currentMediaFile.name,
+      msgId: currentMediaFile.messageId,
+      staleListLen: attachmentsList.length,
+      foundInStaleList: foundInStaleList,
+      staleListIds: attachmentsList.slice(0, 5).map(function (item) {
+        return item.id;
+      })
+    }));
+    if (!foundInStaleList) {
       dispatch(setAttachmentsForPopupAC([currentMediaFile]));
     }
     dispatch(getAttachmentsAC(channel.id, channelDetailsTabs.media, 34, queryDirection.NEAR, currentMediaFile.id, true));
   }, []);
   var activeFileIndex = useMemo(function () {
     if (!(currentFile !== null && currentFile !== void 0 && currentFile.id)) return -1;
-    return attachmentsList.findIndex(function (item) {
+    var index = attachmentsList.findIndex(function (item) {
       return item.id === currentFile.id;
     });
+    console.log('[MEDIA_OPEN] 5.activeIndex ' + JSON.stringify({
+      index: index,
+      attId: currentFile.id,
+      name: currentFile.name,
+      listLen: attachmentsList.length
+    }));
+    return index;
   }, [attachmentsList, currentFile]);
   useEffect(function () {
     var currentFileId = currentFile === null || currentFile === void 0 ? void 0 : currentFile.id;
@@ -37010,6 +37038,13 @@ var SliderPopup = function SliderPopup(_ref) {
       var newIndex = attachmentsList.findIndex(function (item) {
         return item.id === currentFileId;
       });
+      console.log('[MEDIA_OPEN] 6.list-grew ' + JSON.stringify({
+        prevLen: previousLength,
+        newLen: newLength,
+        attId: currentFileId,
+        newIndex: newIndex,
+        activeFileIndex: activeFileIndex
+      }));
       if (newIndex >= 0) {
         if (newIndex !== activeFileIndex) {
           var newFile = attachmentsList[newIndex];
@@ -37151,6 +37186,12 @@ var SliderPopup = function SliderPopup(_ref) {
         clearTimeout(timeout);
       }, 400);
       if (pageIndex >= 0 && pageIndex < attachmentsList.length) {
+        var _attachmentsList$page, _attachmentsList$page2;
+        console.log('[MEDIA_OPEN] 7.carousel-change ' + JSON.stringify({
+          pageIndex: pageIndex,
+          attId: (_attachmentsList$page = attachmentsList[pageIndex]) === null || _attachmentsList$page === void 0 ? void 0 : _attachmentsList$page.id,
+          name: (_attachmentsList$page2 = attachmentsList[pageIndex]) === null || _attachmentsList$page2 === void 0 ? void 0 : _attachmentsList$page2.name
+        }));
         setCurrentFile(attachmentsList[pageIndex]);
         setNextButtonDisabled(!attachmentsList[pageIndex + 1]);
         setPrevButtonDisabled(!attachmentsList[pageIndex - 1]);
@@ -44721,6 +44762,12 @@ var Message$1 = function Message(_ref) {
       clearTimeout(messageActionsTimeout.current);
     }
     lastMediaItemClickTime = Date.now();
+    console.log('[MEDIA_OPEN] 2.wrapper ' + JSON.stringify({
+      msgId: message.id,
+      attId: attachment === null || attachment === void 0 ? void 0 : attachment.id,
+      name: attachment === null || attachment === void 0 ? void 0 : attachment.name,
+      url: attachment === null || attachment === void 0 ? void 0 : attachment.url
+    }));
     setMessageActionsShow(false);
     dispatch(setMessageMenuOpenedAC(message.id || message.tid));
     if (handleMediaItemClick) {
@@ -48025,6 +48072,11 @@ var MessageList = function MessageList(_ref) {
     setMediaFile(null);
   }, [channel.id]);
   var handleMediaItemClickStable = useCallback(function (attachment) {
+    console.log('[MEDIA_OPEN] 3.setMediaFile ' + JSON.stringify({
+      attId: attachment === null || attachment === void 0 ? void 0 : attachment.id,
+      name: attachment === null || attachment === void 0 ? void 0 : attachment.name,
+      skipped: !(attachment !== null && attachment !== void 0 && attachment.id)
+    }));
     if (attachment !== null && attachment !== void 0 && attachment.id) setMediaFile(attachment);
   }, []);
   var renderTimelineMessage = function renderTimelineMessage(_ref2) {

package/package.json

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