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

package/index.js

@@ -15663,7 +15663,7 @@ var getFrame = function getFrame(videoSrc, _time) {
 };
 var getVideoFirstFrame = function getVideoFirstFrame(videoSrc, maxWidth, maxHeight, quality) {
   if (quality === void 0) {
-    quality = 0.8;
+    quality = 1;
   }
   try {
     var _exit3 = false;
@@ -15751,7 +15751,7 @@ var normalizeVideoBlob = function normalizeVideoBlob(blob) {
 var FRAME_LOAD_TIMEOUT_MS = 8000;
 var extractFrameFromUrl = function extractFrameFromUrl(srcUrl, maxWidth, maxHeight, quality) {
   if (quality === void 0) {
-    quality = 0.8;
+    quality = 1;
   }
   return new Promise(function (resolve) {
     try {
@@ -15878,7 +15878,7 @@ var blobToDataUrl = function blobToDataUrl(blob) {
 };
 var _extractFrameFromBlob2 = function extractFrameFromBlob(blob, maxWidth, maxHeight, quality, allowRemux) {
   if (quality === void 0) {
-    quality = 0.8;
+    quality = 1;
   }
   if (allowRemux === void 0) {
     allowRemux = true;
@@ -16388,7 +16388,7 @@ var handleUploadAttachments = function handleUploadAttachments(attachments, mess
                       var _calculateRenderedIma2 = calculateRenderedImageWidth((attachment === null || attachment === void 0 ? void 0 : attachment.metadata.szw) || 1280, (attachment === null || attachment === void 0 ? void 0 : attachment.metadata.szh) || 1080),
                         newWidth = _calculateRenderedIma2[0],
                         newHeight = _calculateRenderedIma2[1];
-                      return Promise.resolve(getVideoFirstFrame(blobLocal, newWidth, newHeight, 0.8)).then(function (result) {
+                      return Promise.resolve(getVideoFirstFrame(blobLocal, newWidth, newHeight)).then(function (result) {
                         var _temp6 = function () {
                           if (result) {
                             var frameBlobUrl = result.frameBlobUrl,
@@ -17020,7 +17020,7 @@ function sendMessage(action) {
                                     var _calculateRenderedIma4 = calculateRenderedImageWidth((parsedMetadata === null || parsedMetadata === void 0 ? void 0 : parsedMetadata.szw) || 1280, (parsedMetadata === null || parsedMetadata === void 0 ? void 0 : parsedMetadata.szh) || 1080),
                                       newWidth = _calculateRenderedIma4[0],
                                       newHeight = _calculateRenderedIma4[1];
-                                    return Promise.resolve(getVideoFirstFrame(attachment.data, newWidth, newHeight, 0.8)).then(function (result) {
+                                    return Promise.resolve(getVideoFirstFrame(attachment.data, newWidth, newHeight)).then(function (result) {
                                       var _temp15 = function () {
                                         if (result) {
                                           var frameBlobUrl = result.frameBlobUrl,
@@ -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]);
@@ -39134,7 +39175,7 @@ var VideoPreview = /*#__PURE__*/React.memo(function VideoPreview(_ref) {
           var _calculateRenderedIma = calculateRenderedImageWidth((parsedMetadata === null || parsedMetadata === void 0 ? void 0 : parsedMetadata.szw) || 1280, (parsedMetadata === null || parsedMetadata === void 0 ? void 0 : parsedMetadata.szh) || 1080),
             newWidth = _calculateRenderedIma[0],
             newHeight = _calculateRenderedIma[1];
-          return Promise.resolve(getVideoFirstFrame(videoSource, newWidth, newHeight, 0.8)).then(function (result) {
+          return Promise.resolve(getVideoFirstFrame(videoSource, newWidth, newHeight)).then(function (result) {
             if (!result) {
               isExtractingRef.current = false;
               return;
@@ -39567,7 +39608,7 @@ var Attachment = function Attachment(_ref) {
                 } else {
                   var _temp4 = function () {
                     if (attachment.type === attachmentTypes.video) {
-                      return Promise.resolve(getVideoFirstFrame(body, renderWidth, renderHeight, 0.8)).then(function (frameResult) {
+                      return Promise.resolve(getVideoFirstFrame(body, renderWidth, renderHeight)).then(function (frameResult) {
                         function _temp3() {
                           setAttachmentToCache(attachment.url + "_original_video_url", new Response(body, {
                             headers: {
@@ -39638,7 +39679,7 @@ var Attachment = function Attachment(_ref) {
                       var blobUrl = URL.createObjectURL(blob);
                       var _temp11 = function () {
                         if (attachment.type === attachmentTypes.video) {
-                          return Promise.resolve(getVideoFirstFrame(blob, renderWidth, renderHeight, 0.8)).then(function (frameResult) {
+                          return Promise.resolve(getVideoFirstFrame(blob, renderWidth, renderHeight)).then(function (frameResult) {
                             function _temp10() {
                               setAttachmentToCache(attachment.url + '_original_video_url', new Response(blob, {
                                 headers: {
@@ -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) {
@@ -52813,7 +52865,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
             var _calculateRenderedIma = calculateRenderedImageWidth(attachment.metadata.szh || 400, attachment.metadata.szh || 400),
               newWidth = _calculateRenderedIma[0],
               newHeight = _calculateRenderedIma[1];
-            return Promise.resolve(getVideoFirstFrame(attachment.data, newWidth, newHeight, 0.8)).then(function (result) {
+            return Promise.resolve(getVideoFirstFrame(attachment.data, newWidth, newHeight)).then(function (result) {
               if (result) {
                 var _attachment$metadata2;
                 var frameBlobUrl = result.frameBlobUrl;

package/index.modern.js

@@ -15643,7 +15643,7 @@ var getFrame = function getFrame(videoSrc, _time) {
 };
 var getVideoFirstFrame = function getVideoFirstFrame(videoSrc, maxWidth, maxHeight, quality) {
   if (quality === void 0) {
-    quality = 0.8;
+    quality = 1;
   }
   try {
     var _exit3 = false;
@@ -15731,7 +15731,7 @@ var normalizeVideoBlob = function normalizeVideoBlob(blob) {
 var FRAME_LOAD_TIMEOUT_MS = 8000;
 var extractFrameFromUrl = function extractFrameFromUrl(srcUrl, maxWidth, maxHeight, quality) {
   if (quality === void 0) {
-    quality = 0.8;
+    quality = 1;
   }
   return new Promise(function (resolve) {
     try {
@@ -15858,7 +15858,7 @@ var blobToDataUrl = function blobToDataUrl(blob) {
 };
 var _extractFrameFromBlob2 = function extractFrameFromBlob(blob, maxWidth, maxHeight, quality, allowRemux) {
   if (quality === void 0) {
-    quality = 0.8;
+    quality = 1;
   }
   if (allowRemux === void 0) {
     allowRemux = true;
@@ -16368,7 +16368,7 @@ var handleUploadAttachments = function handleUploadAttachments(attachments, mess
                       var _calculateRenderedIma2 = calculateRenderedImageWidth((attachment === null || attachment === void 0 ? void 0 : attachment.metadata.szw) || 1280, (attachment === null || attachment === void 0 ? void 0 : attachment.metadata.szh) || 1080),
                         newWidth = _calculateRenderedIma2[0],
                         newHeight = _calculateRenderedIma2[1];
-                      return Promise.resolve(getVideoFirstFrame(blobLocal, newWidth, newHeight, 0.8)).then(function (result) {
+                      return Promise.resolve(getVideoFirstFrame(blobLocal, newWidth, newHeight)).then(function (result) {
                         var _temp6 = function () {
                           if (result) {
                             var frameBlobUrl = result.frameBlobUrl,
@@ -17000,7 +17000,7 @@ function sendMessage(action) {
                                     var _calculateRenderedIma4 = calculateRenderedImageWidth((parsedMetadata === null || parsedMetadata === void 0 ? void 0 : parsedMetadata.szw) || 1280, (parsedMetadata === null || parsedMetadata === void 0 ? void 0 : parsedMetadata.szh) || 1080),
                                       newWidth = _calculateRenderedIma4[0],
                                       newHeight = _calculateRenderedIma4[1];
-                                    return Promise.resolve(getVideoFirstFrame(attachment.data, newWidth, newHeight, 0.8)).then(function (result) {
+                                    return Promise.resolve(getVideoFirstFrame(attachment.data, newWidth, newHeight)).then(function (result) {
                                       var _temp15 = function () {
                                         if (result) {
                                           var frameBlobUrl = result.frameBlobUrl,
@@ -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]);
@@ -39114,7 +39155,7 @@ var VideoPreview = /*#__PURE__*/memo(function VideoPreview(_ref) {
           var _calculateRenderedIma = calculateRenderedImageWidth((parsedMetadata === null || parsedMetadata === void 0 ? void 0 : parsedMetadata.szw) || 1280, (parsedMetadata === null || parsedMetadata === void 0 ? void 0 : parsedMetadata.szh) || 1080),
             newWidth = _calculateRenderedIma[0],
             newHeight = _calculateRenderedIma[1];
-          return Promise.resolve(getVideoFirstFrame(videoSource, newWidth, newHeight, 0.8)).then(function (result) {
+          return Promise.resolve(getVideoFirstFrame(videoSource, newWidth, newHeight)).then(function (result) {
             if (!result) {
               isExtractingRef.current = false;
               return;
@@ -39547,7 +39588,7 @@ var Attachment = function Attachment(_ref) {
                 } else {
                   var _temp4 = function () {
                     if (attachment.type === attachmentTypes.video) {
-                      return Promise.resolve(getVideoFirstFrame(body, renderWidth, renderHeight, 0.8)).then(function (frameResult) {
+                      return Promise.resolve(getVideoFirstFrame(body, renderWidth, renderHeight)).then(function (frameResult) {
                         function _temp3() {
                           setAttachmentToCache(attachment.url + "_original_video_url", new Response(body, {
                             headers: {
@@ -39618,7 +39659,7 @@ var Attachment = function Attachment(_ref) {
                       var blobUrl = URL.createObjectURL(blob);
                       var _temp11 = function () {
                         if (attachment.type === attachmentTypes.video) {
-                          return Promise.resolve(getVideoFirstFrame(blob, renderWidth, renderHeight, 0.8)).then(function (frameResult) {
+                          return Promise.resolve(getVideoFirstFrame(blob, renderWidth, renderHeight)).then(function (frameResult) {
                             function _temp10() {
                               setAttachmentToCache(attachment.url + '_original_video_url', new Response(blob, {
                                 headers: {
@@ -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) {
@@ -52793,7 +52845,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
             var _calculateRenderedIma = calculateRenderedImageWidth(attachment.metadata.szh || 400, attachment.metadata.szh || 400),
               newWidth = _calculateRenderedIma[0],
               newHeight = _calculateRenderedIma[1];
-            return Promise.resolve(getVideoFirstFrame(attachment.data, newWidth, newHeight, 0.8)).then(function (result) {
+            return Promise.resolve(getVideoFirstFrame(attachment.data, newWidth, newHeight)).then(function (result) {
               if (result) {
                 var _attachment$metadata2;
                 var frameBlobUrl = result.frameBlobUrl;

package/package.json

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