sceyt-chat-react-uikit 1.8.4-beta.3 → 1.8.4-beta.4

package/index.js

@@ -2658,14 +2658,6 @@ var channelDetailsTabs = {
   link: 'Links',
   voice: 'Voice'
 };
-var DB_NAMES = {
-  FILES_STORAGE: 'files-storage'
-};
-var DB_STORE_NAMES = {
-  CHANNELS: 'channels',
-  MESSAGES: 'messages',
-  ATTACHMENTS: 'attachments'
-};
 var THEME = {
   DARK: 'dark',
   LIGHT: 'light'
@@ -10351,32 +10343,6 @@ var getEmojisCategoryTitle = function getEmojisCategoryTitle(categoryKey) {
   }
   return category;
 };
-var hashString = function hashString(str) {
-  try {
-    var _temp3 = function _temp3(_result) {
-      if (_exit) return _result;
-      var hashArray = Array.from(new Uint8Array(hashBuffer));
-      return hashArray.map(function (_byte) {
-        return _byte.toString(16).padStart(2, '0');
-      }).join('');
-    };
-    var _exit = false;
-    var encoder = new TextEncoder();
-    var encodedData = encoder.encode(str);
-    var hashBuffer;
-    var _temp2 = _catch(function () {
-      return Promise.resolve(crypto.subtle.digest('SHA-256', encodedData)).then(function (_crypto$subtle$digest) {
-        hashBuffer = _crypto$subtle$digest;
-      });
-    }, function () {
-      _exit = true;
-      return '';
-    });
-    return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
 var formatDisappearingMessageTime = function formatDisappearingMessageTime(periodInMilliseconds) {
   if (!periodInMilliseconds) return 'Off';
   var periodInSeconds = periodInMilliseconds / 1000;
@@ -20613,7 +20579,7 @@ var compressAndCacheImage = function compressAndCacheImage(url, cacheKey, maxWid
   try {
     return Promise.resolve(_catch(function () {
       return Promise.resolve(fetch(url)).then(function (response) {
-        return Promise.resolve(response.blob()).then(function (blob) {
+        return response.ok ? Promise.resolve(response.blob()).then(function (blob) {
           var _exit = false;
           function _temp2(_result2) {
             if (_exit) return _result2;
@@ -20642,19 +20608,11 @@ var compressAndCacheImage = function compressAndCacheImage(url, cacheKey, maxWid
             }
           }();
           return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
-        });
+        }) : '';
       });
     }, function (error) {
       log.error('Error compressing and caching image:', error);
-      return _catch(function () {
-        return Promise.resolve(fetch(url)).then(function (response) {
-          setAttachmentToCache(cacheKey, response);
-          return '';
-        });
-      }, function (fetchError) {
-        log.error('Error caching image:', fetchError);
-        return '';
-      });
+      return '';
     }));
   } catch (e) {
     return Promise.reject(e);
@@ -20705,7 +20663,16 @@ var handleUploadAttachments = function handleUploadAttachments(attachments, mess
         var _temp10 = function _temp10() {
           function _temp0() {
             store.dispatch(updateAttachmentUploadingStateAC(UPLOAD_STATE.SUCCESS, attachment.tid));
-            var attachmentMeta = attachment.cachedUrl ? attachment.metadata : JSON.stringify(_extends({}, attachment.metadata ? typeof attachment.metadata === 'string' ? JSON.parse(attachment.metadata) : attachment.metadata : {}, thumbnailMetas && thumbnailMetas.thumbnail && _extends({
+            var parsedAttachmentMeta = function () {
+              if (!attachment.metadata) return {};
+              try {
+                var parsed = typeof attachment.metadata === 'string' ? JSON.parse(attachment.metadata) : attachment.metadata;
+                return typeof parsed === 'string' ? JSON.parse(parsed) : parsed || {};
+              } catch (_unused) {
+                return {};
+              }
+            }();
+            var attachmentMeta = attachment.cachedUrl ? attachment.metadata : JSON.stringify(_extends({}, parsedAttachmentMeta, thumbnailMetas && thumbnailMetas.thumbnail && _extends({
               tmb: thumbnailMetas.thumbnail,
               szw: thumbnailMetas.imageWidth,
               szh: thumbnailMetas.imageHeight
@@ -20714,6 +20681,9 @@ var handleUploadAttachments = function handleUploadAttachments(attachments, mess
             } : {})));
             var attachmentBuilder = channel.createAttachmentBuilder(uriLocal, attachment.type);
             var attachmentToSend = attachmentBuilder.setName(attachment.name).setMetadata(attachmentMeta).setFileSize(fileSize || attachment.size).setUpload(false).create();
+            if (attachment.tid) {
+              attachmentToSend.tid = attachment.tid;
+            }
             return attachmentToSend;
           }
           var thumbnailMetas;
@@ -20724,8 +20694,8 @@ var handleUploadAttachments = function handleUploadAttachments(attachments, mess
                 return _catch(function () {
                   var _temp2 = function () {
                     if (blobLocal && blobLocal.type.startsWith('image/')) {
-                      var file = new File([blobLocal], attachment.name || 'image', {
-                        type: blobLocal.type
+                      var file = attachment.url instanceof File ? attachment.url : new File([attachment.url], attachment.name || 'image', {
+                        type: attachment.url.type || blobLocal.type
                       });
                       var _calculateRenderedIma = calculateRenderedImageWidth(thumbnailMetas.imageWidth || 1280, thumbnailMetas.imageHeight || 1080),
                         newWidth = _calculateRenderedIma[0],
@@ -20847,16 +20817,22 @@ var handleUploadAttachments = function handleUploadAttachments(attachments, mess
         var blobLocal = null;
         var _temp1 = function () {
           if (attachment.cachedUrl) {
+            var _attachment$data;
             uriLocal = attachment.cachedUrl;
-            store.dispatch(updateAttachmentUploadingProgressAC(attachment.data.size, attachment.data.size, attachment.tid));
+            var dataSize = ((_attachment$data = attachment.data) === null || _attachment$data === void 0 ? void 0 : _attachment$data.size) || 0;
+            store.dispatch(updateAttachmentUploadingProgressAC(dataSize, dataSize, attachment.tid));
           } else {
             return Promise.resolve(customUpload(attachment, handleUploadProgress, message.type, handleUpdateLocalPath)).then(function (_ref3) {
               var uri = _ref3.uri,
                 blob = _ref3.blob;
               uriLocal = uri;
               blobLocal = blob;
-              fileSize = blobLocal.size;
-              filePath = URL.createObjectURL(blobLocal);
+              if (blobLocal) {
+                fileSize = blobLocal.size;
+                filePath = URL.createObjectURL(blobLocal);
+              } else {
+                log.warn('Upload returned null blob for attachment:', attachment.name);
+              }
             });
           }
         }();
@@ -21059,15 +21035,9 @@ function sendMessage(action) {
                       log.info('fail to upload attachment ... ', error);
                       store.dispatch(updateAttachmentUploadingStateAC(UPLOAD_STATE.FAIL, attachment.tid));
                     } else {
-                      var _attachment$data, _attachment$data$type;
-                      var pendingAttachment = getPendingAttachment(attachment.tid);
-                      if (!attachment.cachedUrl) {
-                        setDataToDB(DB_NAMES.FILES_STORAGE, DB_STORE_NAMES.ATTACHMENTS, [_extends({}, updatedAttachment, {
-                          checksum: pendingAttachment.checksum
-                        })], 'checksum');
-                      }
+                      var _attachment$data2, _attachment$data2$typ;
                       var uriLocal = updatedAttachment.url;
-                      var fileType = (_attachment$data = attachment.data) === null || _attachment$data === void 0 ? void 0 : (_attachment$data$type = _attachment$data.type) === null || _attachment$data$type === void 0 ? void 0 : _attachment$data$type.split('/')[0];
+                      var fileType = (_attachment$data2 = attachment.data) === null || _attachment$data2 === void 0 ? void 0 : (_attachment$data2$typ = _attachment$data2.type) === null || _attachment$data2$typ === void 0 ? void 0 : _attachment$data2$typ.split('/')[0];
                       var updateImage = function updateImage() {
                         try {
                           var _temp18 = function () {
@@ -21282,28 +21252,45 @@ function sendMessage(action) {
         messagesToSend.push(messageToSend);
       case 13:
         _loop2 = /*#__PURE__*/_regenerator().m(function _callee3() {
-          var messageAttachment, messageToSend, messageCopy, _attachmentsToSend, linkAttachmentToSend, linkAttachmentBuilder, messageResponse, k, pendingAttachment, attachmentsToUpdate, currentAttachmentsMap, messageUpdateData, activeChannelId, messageToUpdate, channelUpdateParam, _channel, _messageToSend2, _channel2, isErrorResendable, _t;
+          var messageAttachment, messageToSend, pendingState, messageCopy, _attachmentsToSend, linkAttachmentToSend, linkAttachmentBuilder, messageResponse, k, attachmentsToUpdate, currentAttachmentsMap, messageUpdateData, activeChannelId, messageToUpdate, channelUpdateParam, _channel, _messageToSend2, _channel2, isErrorResendable, _messageToSend$attach, _iterator, _step, att, _t;
           return _regenerator().w(function (_context3) {
             while (1) switch (_context3.p = _context3.n) {
               case 0:
                 messageAttachment = messagesToSend[_i].attachments;
                 messageToSend = messagesToSend[_i];
-                _context3.p = 1;
+                if (!(action.type === RESEND_MESSAGE)) {
+                  _context3.n = 2;
+                  break;
+                }
+                pendingState = {
+                  state: MESSAGE_STATUS.UNMODIFIED
+                };
+                updateMessageOnMap(channel.id, {
+                  messageId: messageToSend.tid,
+                  params: pendingState
+                });
+                updateMessageOnAllMessages(messageToSend.tid, pendingState);
+                _context3.n = 1;
+                return effects.put(updateMessageAC(messageToSend.tid, pendingState));
+              case 1:
+                messageToSend = _extends({}, messageToSend, pendingState);
+              case 2:
+                _context3.p = 2;
                 messageCopy = JSON.parse(JSON.stringify(messagesToSend[_i]));
                 if (!(connectionState === CONNECTION_STATUS.CONNECTED)) {
-                  _context3.n = 13;
+                  _context3.n = 14;
                   break;
                 }
                 _attachmentsToSend = messageAttachment;
                 if (!customUploader) {
-                  _context3.n = 3;
+                  _context3.n = 4;
                   break;
                 }
-                _context3.n = 2;
+                _context3.n = 3;
                 return effects.call(handleUploadAttachments, messageAttachment || [], messageCopy, channel);
-              case 2:
-                _attachmentsToSend = _context3.v;
               case 3:
+                _attachmentsToSend = _context3.v;
+              case 4:
                 linkAttachmentToSend = null;
                 if (_i === 0 && linkAttachment) {
                   linkAttachmentBuilder = channel.createAttachmentBuilder(linkAttachment.data, linkAttachment.type);
@@ -21318,39 +21305,33 @@ function sendMessage(action) {
                     attachments: [].concat(_attachmentsToSend)
                   });
                 }
-                _context3.n = 4;
+                _context3.n = 5;
                 return effects.call(channel.sendMessage, messageToSend);
-              case 4:
+              case 5:
                 messageResponse = _context3.v;
                 if (!customUploader) {
-                  _context3.n = 8;
+                  _context3.n = 9;
                   break;
                 }
                 k = 0;
-              case 5:
+              case 6:
                 if (!(k < messageAttachment.length)) {
-                  _context3.n = 8;
+                  _context3.n = 9;
                   break;
                 }
                 messageResponse.attachments[k] = _extends({}, messageResponse.attachments[k], {
                   user: JSON.parse(JSON.stringify(messageResponse.user)),
                   tid: messageAttachment[k].tid
                 });
-                pendingAttachment = getPendingAttachment(messageAttachment[k].tid);
-                if (!messageAttachment[k].cachedUrl) {
-                  setDataToDB(DB_NAMES.FILES_STORAGE, DB_STORE_NAMES.ATTACHMENTS, [_extends({}, messageResponse.attachments[k], {
-                    checksum: pendingAttachment.checksum || (pendingAttachment === null || pendingAttachment === void 0 ? void 0 : pendingAttachment.file)
-                  })], 'checksum');
-                }
-                _context3.n = 6;
+                _context3.n = 7;
                 return effects.put(removeAttachmentProgressAC(messageAttachment[k].tid));
-              case 6:
-                deletePendingAttachment(messageAttachment[k].tid);
               case 7:
+                deletePendingAttachment(messageAttachment[k].tid);
+              case 8:
                 k++;
-                _context3.n = 5;
+                _context3.n = 6;
                 break;
-              case 8:
+              case 9:
                 attachmentsToUpdate = [];
                 if (messageResponse.attachments && messageResponse.attachments.length > 0) {
                   currentAttachmentsMap = {};
@@ -21358,9 +21339,13 @@ function sendMessage(action) {
                     currentAttachmentsMap[attachment.tid] = attachment;
                   });
                   attachmentsToUpdate = messageResponse.attachments.map(function (attachment) {
-                    if (currentAttachmentsMap[attachment.tid] && attachment.type !== attachmentTypes.voice) {
-                      log.info('set at');
-                      return _extends({}, attachment);
+                    var localAttachment = currentAttachmentsMap[attachment.tid];
+                    if (localAttachment && attachment.type !== attachmentTypes.voice) {
+                      var merged = _extends({}, attachment);
+                      if (!+merged.size && localAttachment.size) {
+                        merged.size = localAttachment.size;
+                      }
+                      return merged;
                     } else if (attachment.type === attachmentTypes.voice) {
                       return _extends({}, attachment);
                     }
@@ -21373,15 +21358,15 @@ function sendMessage(action) {
                 });
                 activeChannelId = getActiveChannelId();
                 if (!(activeChannelId === channel.id)) {
-                  _context3.n = 9;
+                  _context3.n = 10;
                   break;
                 }
-                _context3.n = 9;
-                return effects.put(updateMessageAC(messageToSend.tid, messageUpdateData, true));
-              case 9:
                 _context3.n = 10;
-                return effects.put(removePendingMessageAC(channel.id, messageToSend.tid));
+                return effects.put(updateMessageAC(messageToSend.tid, messageUpdateData, true));
               case 10:
+                _context3.n = 11;
+                return effects.put(removePendingMessageAC(channel.id, messageToSend.tid));
+              case 11:
                 updateMessageOnAllMessages(messageToSend.tid, messageUpdateData);
                 messageToUpdate = JSON.parse(JSON.stringify(messageResponse));
                 addMessageToMap(channel.id, messageToUpdate);
@@ -21391,49 +21376,63 @@ function sendMessage(action) {
                   lastReactedMessage: null
                 };
                 if (!channel.unread) {
-                  _context3.n = 11;
+                  _context3.n = 12;
                   break;
                 }
-                _context3.n = 11;
-                return effects.put(markChannelAsReadAC(channel.id));
-              case 11:
                 _context3.n = 12;
-                return effects.put(updateChannelDataAC(channel.id, channelUpdateParam, true));
+                return effects.put(markChannelAsReadAC(channel.id));
               case 12:
+                _context3.n = 13;
+                return effects.put(updateChannelDataAC(channel.id, channelUpdateParam, true));
+              case 13:
                 updateChannelOnAllChannels(channel.id, channelUpdateParam);
-                _context3.n = 14;
+                _context3.n = 15;
                 break;
-              case 13:
-                throw new Error('Connection required to send message');
               case 14:
-                _context3.n = 19;
-                break;
+                throw new Error('Connection required to send message');
               case 15:
-                _context3.p = 15;
+                _context3.n = 22;
+                break;
+              case 16:
+                _context3.p = 16;
                 _t = _context3.v;
                 isErrorResendable = isResendableError(_t === null || _t === void 0 ? void 0 : _t.type);
                 if (!(!isErrorResendable && (_channel = channel) !== null && _channel !== void 0 && _channel.id && (_messageToSend2 = messageToSend) !== null && _messageToSend2 !== void 0 && _messageToSend2.tid)) {
-                  _context3.n = 17;
+                  _context3.n = 18;
                   break;
                 }
-                _context3.n = 16;
+                _context3.n = 17;
                 return effects.put(removePendingMessageAC(channel.id, messageToSend.tid));
-              case 16:
-                _context3.n = 19;
-                break;
               case 17:
+                _context3.n = 22;
+                break;
+              case 18:
                 if (!((_channel2 = channel) !== null && _channel2 !== void 0 && _channel2.id)) {
-                  _context3.n = 19;
+                  _context3.n = 22;
                   break;
                 }
                 log.error('Error on uploading attachment', messageToSend.tid, _t);
-                if (!(messageToSend.attachments && messageToSend.attachments.length)) {
-                  _context3.n = 18;
+                if (!((_messageToSend$attach = messageToSend.attachments) !== null && _messageToSend$attach !== void 0 && _messageToSend$attach.length)) {
+                  _context3.n = 21;
                   break;
                 }
-                _context3.n = 18;
-                return effects.put(updateAttachmentUploadingStateAC(UPLOAD_STATE.FAIL, messageToSend.attachments[0].tid));
-              case 18:
+                _iterator = _createForOfIteratorHelperLoose(messageToSend.attachments);
+              case 19:
+                if ((_step = _iterator()).done) {
+                  _context3.n = 21;
+                  break;
+                }
+                att = _step.value;
+                if (!att.tid) {
+                  _context3.n = 20;
+                  break;
+                }
+                _context3.n = 20;
+                return effects.put(updateAttachmentUploadingStateAC(UPLOAD_STATE.FAIL, att.tid));
+              case 20:
+                _context3.n = 19;
+                break;
+              case 21:
                 updateMessageOnMap(channel.id, {
                   messageId: messageToSend.tid,
                   params: {
@@ -21443,14 +21442,14 @@ function sendMessage(action) {
                 updateMessageOnAllMessages(messageToSend.tid, {
                   state: MESSAGE_STATUS.FAILED
                 });
-                _context3.n = 19;
+                _context3.n = 22;
                 return effects.put(updateMessageAC(messageToSend.tid, {
                   state: MESSAGE_STATUS.FAILED
                 }));
-              case 19:
+              case 22:
                 return _context3.a(2);
             }
-          }, _callee3, null, [[1, 15]]);
+          }, _callee3, null, [[2, 16]]);
         });
         _i = 0;
       case 14:
@@ -21551,7 +21550,8 @@ function sendTextMessage(action) {
         }
         createdMessage = action.type === RESEND_MESSAGE ? action.payload.message : messageBuilder.create();
         messageToSend = _extends({}, createdMessage, action.type === RESEND_MESSAGE ? {
-          attachments: message === null || message === void 0 ? void 0 : message.attachments
+          attachments: message === null || message === void 0 ? void 0 : message.attachments,
+          state: MESSAGE_STATUS.UNMODIFIED
         } : {});
         pendingMessage = _extends({}, messageToSend, {
           createdAt: new Date(Date.now()),
@@ -22113,7 +22113,7 @@ function editMessage(action) {
   }, _marked6$1, null, [[0, 5]]);
 }
 var sendPendingMessages = /*#__PURE__*/_regenerator().m(function _callee4(connectionState) {
-  var pendingMessagesMap, channelId, _iterator, _step, _msg$attachments, msg, attachments, pendingPollActionsMap, _t7, _t8, _t9;
+  var pendingMessagesMap, channelId, _iterator2, _step2, _msg$attachments, msg, attachments, pendingPollActionsMap, _t7, _t8, _t9;
   return _regenerator().w(function (_context0) {
     while (1) switch (_context0.p = _context0.n) {
       case 0:
@@ -22125,13 +22125,13 @@ var sendPendingMessages = /*#__PURE__*/_regenerator().m(function _callee4(connec
           break;
         }
         channelId = _t8.value;
-        _iterator = _createForOfIteratorHelperLoose(pendingMessagesMap[channelId]);
+        _iterator2 = _createForOfIteratorHelperLoose(pendingMessagesMap[channelId]);
       case 2:
-        if ((_step = _iterator()).done) {
+        if ((_step2 = _iterator2()).done) {
           _context0.n = 11;
           break;
         }
-        msg = _step.value;
+        msg = _step2.value;
         attachments = msg === null || msg === void 0 ? void 0 : (_msg$attachments = msg.attachments) === null || _msg$attachments === void 0 ? void 0 : _msg$attachments.filter(function (att) {
           return (att === null || att === void 0 ? void 0 : att.type) !== attachmentTypes.link;
         });
@@ -23762,7 +23762,7 @@ function resumeAttachmentUploading(action) {
   }, _marked18$1, null, [[0, 2]]);
 }
 function getMessageMarkers(action) {
-  var _action$payload6, messageId, channelId, deliveryStatuses, sceytChatClient, deliveryStatusesArray, messageMarkers, _iterator2, _step2, deliveryStatus, messageMarkerListQueryBuilder, messageMarkerListQuery, messageMarkersResult, _t34;
+  var _action$payload6, messageId, channelId, deliveryStatuses, sceytChatClient, deliveryStatusesArray, messageMarkers, _iterator3, _step3, deliveryStatus, messageMarkerListQueryBuilder, messageMarkerListQuery, messageMarkersResult, _t34;
   return _regenerator().w(function (_context25) {
     while (1) switch (_context25.p = _context25.n) {
       case 0:
@@ -23778,13 +23778,13 @@ function getMessageMarkers(action) {
         }
         deliveryStatusesArray = deliveryStatuses.split(',');
         messageMarkers = {};
-        _iterator2 = _createForOfIteratorHelperLoose(deliveryStatusesArray);
+        _iterator3 = _createForOfIteratorHelperLoose(deliveryStatusesArray);
       case 2:
-        if ((_step2 = _iterator2()).done) {
+        if ((_step3 = _iterator3()).done) {
           _context25.n = 6;
           break;
         }
-        deliveryStatus = _step2.value;
+        deliveryStatus = _step3.value;
         messageMarkerListQueryBuilder = new sceytChatClient.MessageMarkerListQueryBuilder(channelId, String(messageId), deliveryStatus);
         _context25.n = 3;
         return effects.call(messageMarkerListQueryBuilder.build);
@@ -24286,7 +24286,7 @@ function closePoll(action) {
   }, _marked28$1, null, [[0, 4]]);
 }
 function executeRetractPollVote(channelId, pollId, message, objs, isResend) {
-  var channel, _iterator3, _step3, obj;
+  var channel, _iterator4, _step4, obj;
   return _regenerator().w(function (_context35) {
     while (1) switch (_context35.n) {
       case 0:
@@ -24298,13 +24298,13 @@ function executeRetractPollVote(channelId, pollId, message, objs, isResend) {
           _context35.n = 4;
           break;
         }
-        _iterator3 = _createForOfIteratorHelperLoose(objs);
+        _iterator4 = _createForOfIteratorHelperLoose(objs);
       case 2:
-        if ((_step3 = _iterator3()).done) {
+        if ((_step4 = _iterator4()).done) {
           _context35.n = 4;
           break;
         }
-        obj = _step3.value;
+        obj = _step4.value;
         updateMessageOnMap(channelId, {
           messageId: message.id,
           params: {}
@@ -24331,7 +24331,7 @@ function executeRetractPollVote(channelId, pollId, message, objs, isResend) {
   }, _marked29$1);
 }
 function updateMessageOptimisticallyForRetractPollVote(channelId, message, objs) {
-  var channel, _iterator4, _step4, obj;
+  var channel, _iterator5, _step5, obj;
   return _regenerator().w(function (_context36) {
     while (1) switch (_context36.n) {
       case 0:
@@ -24345,13 +24345,13 @@ function updateMessageOptimisticallyForRetractPollVote(channelId, message, objs)
         }
         return _context36.a(2);
       case 2:
-        _iterator4 = _createForOfIteratorHelperLoose(objs);
+        _iterator5 = _createForOfIteratorHelperLoose(objs);
       case 3:
-        if ((_step4 = _iterator4()).done) {
+        if ((_step5 = _iterator5()).done) {
           _context36.n = 5;
           break;
         }
-        obj = _step4.value;
+        obj = _step5.value;
         updateMessageOnMap(channelId, {
           messageId: message.id,
           params: {}
@@ -24368,7 +24368,7 @@ function updateMessageOptimisticallyForRetractPollVote(channelId, message, objs)
   }, _marked30$1);
 }
 function retractPollVote(action) {
-  var payload, channelId, pollId, message, isResend, sceytChatClient, connectionState, objs, _iterator5, _step5, _message$pollDetails12, _message$pollDetails13, vote, _t38;
+  var payload, channelId, pollId, message, isResend, sceytChatClient, connectionState, objs, _iterator6, _step6, _message$pollDetails12, _message$pollDetails13, vote, _t38;
   return _regenerator().w(function (_context37) {
     while (1) switch (_context37.p = _context37.n) {
       case 0:
@@ -24382,8 +24382,8 @@ function retractPollVote(action) {
         }
         connectionState = sceytChatClient.connectionState;
         objs = [];
-        for (_iterator5 = _createForOfIteratorHelperLoose(((_message$pollDetails12 = message.pollDetails) === null || _message$pollDetails12 === void 0 ? void 0 : (_message$pollDetails13 = _message$pollDetails12.voteDetails) === null || _message$pollDetails13 === void 0 ? void 0 : _message$pollDetails13.ownVotes) || []); !(_step5 = _iterator5()).done;) {
-          vote = _step5.value;
+        for (_iterator6 = _createForOfIteratorHelperLoose(((_message$pollDetails12 = message.pollDetails) === null || _message$pollDetails12 === void 0 ? void 0 : (_message$pollDetails13 = _message$pollDetails12.voteDetails) === null || _message$pollDetails13 === void 0 ? void 0 : _message$pollDetails13.ownVotes) || []); !(_step6 = _iterator6()).done;) {
+          vote = _step6.value;
           objs.push({
             type: 'deleteOwn',
             vote: vote
@@ -31743,6 +31743,7 @@ var VideoPlayer = function VideoPlayer(_ref) {
     if (!isLoaded) return;
     if (!videoRef.current) return;
     if (!readyToPlay) return;
+    if (activeFileId !== videoFileId) return;
     videoRef.current.play().then(function () {
       return setPlaying(true);
     })["catch"](function () {
@@ -46275,289 +46276,205 @@ var SendMessageInput = function SendMessageInput(_ref3) {
       var customUploader = getCustomUploader();
       var fileType = file.type.split('/')[0];
       var tid = uuid.v4();
-      var cachedUrl;
       var reader = new FileReader();
       reader.onload = function () {
         try {
-          var length = reader.result && reader.result.length;
-          var fileChecksum;
-          if (length > 3000) {
-            var firstPart = reader.result && reader.result.slice(0, 1000);
-            var middlePart = reader.result && reader.result.slice(length / 2 - 500, length / 2 + 500);
-            var lastPart = reader.result && reader.result.slice(length - 1000, length);
-            fileChecksum = "" + firstPart + middlePart + lastPart;
-          } else {
-            fileChecksum = "" + reader.result;
-          }
-          return Promise.resolve(hashString(fileChecksum || '')).then(function (checksumHash) {
-            function _temp14() {
-              if (dataFromDb) {
-                cachedUrl = dataFromDb.url;
-                setPendingAttachment(tid, {
-                  file: cachedUrl
-                });
-              } else {
-                setPendingAttachment(tid, {
-                  file: file,
-                  checksum: checksumHash
-                });
-              }
-              var _temp12 = function () {
-                if (customUploader) {
-                  var _temp4 = function () {
-                    if (fileType === 'image') {
-                      resizeImage(file).then(function (resizedFile) {
-                        try {
-                          return Promise.resolve(createImageThumbnail(file)).then(function (_ref4) {
-                            var thumbnail = _ref4.thumbnail,
-                              imageWidth = _ref4.imageWidth,
-                              imageHeight = _ref4.imageHeight;
-                            setAttachments(function (prevState) {
-                              var _resizedFile$blob;
-                              return [].concat(prevState, [{
-                                data: file,
-                                cachedUrl: cachedUrl,
-                                upload: false,
-                                type: isMediaAttachment ? fileType : 'file',
-                                attachmentUrl: URL.createObjectURL(resizedFile.blob),
-                                tid: tid,
-                                size: isMediaAttachment ? resizedFile !== null && resizedFile !== void 0 && resizedFile.blob ? resizedFile === null || resizedFile === void 0 ? void 0 : (_resizedFile$blob = resizedFile.blob) === null || _resizedFile$blob === void 0 ? void 0 : _resizedFile$blob.size : file.size : file.size,
-                                metadata: _extends({}, dataFromDb && dataFromDb.metadata, {
-                                  szw: imageWidth,
-                                  szh: imageHeight,
-                                  tmb: thumbnail
-                                })
-                              }]);
-                            });
-                          });
-                        } catch (e) {
-                          return Promise.reject(e);
-                        }
+          setPendingAttachment(tid, {
+            file: file
+          });
+          var _temp8 = function () {
+            if (customUploader) {
+              var _temp4 = function () {
+                if (fileType === 'image') {
+                  resizeImage(file).then(function (resizedFile) {
+                    try {
+                      return Promise.resolve(createImageThumbnail(file)).then(function (_ref4) {
+                        var thumbnail = _ref4.thumbnail,
+                          imageWidth = _ref4.imageWidth,
+                          imageHeight = _ref4.imageHeight;
+                        setAttachments(function (prevState) {
+                          var _resizedFile$blob;
+                          return [].concat(prevState, [{
+                            data: file,
+                            upload: false,
+                            type: isMediaAttachment ? fileType : 'file',
+                            attachmentUrl: URL.createObjectURL(resizedFile.blob),
+                            tid: tid,
+                            size: isMediaAttachment ? resizedFile !== null && resizedFile !== void 0 && resizedFile.blob ? resizedFile === null || resizedFile === void 0 ? void 0 : (_resizedFile$blob = resizedFile.blob) === null || _resizedFile$blob === void 0 ? void 0 : _resizedFile$blob.size : file.size : file.size,
+                            metadata: {
+                              szw: imageWidth,
+                              szh: imageHeight,
+                              tmb: thumbnail
+                            }
+                          }]);
+                        });
+                      });
+                    } catch (e) {
+                      return Promise.reject(e);
+                    }
+                  });
+                } else {
+                  var _temp9 = function () {
+                    if (fileType === 'video') {
+                      return Promise.resolve(getFrame(URL.createObjectURL(file), 0)).then(function (_ref5) {
+                        var thumb = _ref5.thumb,
+                          width = _ref5.width,
+                          height = _ref5.height,
+                          duration = _ref5.duration;
+                        setAttachments(function (prevState) {
+                          return [].concat(prevState, [{
+                            data: file,
+                            upload: false,
+                            type: isMediaAttachment ? fileType : 'file',
+                            attachmentUrl: URL.createObjectURL(file),
+                            tid: tid,
+                            size: file.size,
+                            metadata: {
+                              szw: width,
+                              szh: height,
+                              tmb: thumb,
+                              dur: duration
+                            }
+                          }]);
+                        });
                       });
                     } else {
-                      var _temp15 = function () {
-                        if (fileType === 'video') {
-                          return Promise.resolve(getFrame(URL.createObjectURL(file), 0)).then(function (_ref5) {
-                            var thumb = _ref5.thumb,
-                              width = _ref5.width,
-                              height = _ref5.height,
-                              duration = _ref5.duration;
-                            setAttachments(function (prevState) {
-                              return [].concat(prevState, [{
-                                data: file,
-                                cachedUrl: cachedUrl,
-                                upload: false,
-                                type: isMediaAttachment ? fileType : 'file',
-                                attachmentUrl: URL.createObjectURL(file),
-                                tid: tid,
-                                size: dataFromDb ? dataFromDb.size : file.size,
-                                metadata: _extends({}, dataFromDb && dataFromDb.metadata, {
-                                  szw: width,
-                                  szh: height,
-                                  tmb: thumb,
-                                  dur: duration
-                                })
-                              }]);
-                            });
-                          });
-                        } else {
+                      setAttachments(function (prevState) {
+                        return [].concat(prevState, [{
+                          data: file,
+                          upload: false,
+                          type: 'file',
+                          tid: tid,
+                          size: file.size
+                        }]);
+                      });
+                    }
+                  }();
+                  if (_temp9 && _temp9.then) return _temp9.then(function () {});
+                }
+              }();
+              if (_temp4 && _temp4.then) return _temp4.then(function () {});
+            } else {
+              var _temp7 = function () {
+                if (fileType === 'image') {
+                  var _temp5 = function () {
+                    if (isMediaAttachment) {
+                      return Promise.resolve(createImageThumbnail(file)).then(function (_ref6) {
+                        var thumbnail = _ref6.thumbnail,
+                          imageWidth = _ref6.imageWidth,
+                          imageHeight = _ref6.imageHeight;
+                        var metas = {
+                          thumbnail: thumbnail,
+                          imageWidth: imageWidth,
+                          imageHeight: imageHeight
+                        };
+                        if (file.type === 'image/gif') {
                           setAttachments(function (prevState) {
                             return [].concat(prevState, [{
                               data: file,
-                              cachedUrl: cachedUrl,
-                              upload: false,
-                              type: 'file',
+                              upload: true,
+                              attachmentUrl: URL.createObjectURL(file),
                               tid: tid,
-                              size: dataFromDb ? dataFromDb.size : file.size,
-                              metadata: dataFromDb && dataFromDb.metadata
+                              type: fileType,
+                              size: file.size,
+                              metadata: JSON.stringify({
+                                tmb: metas.thumbnail,
+                                szw: metas.imageWidth,
+                                szh: metas.imageHeight
+                              })
                             }]);
                           });
-                        }
-                      }();
-                      if (_temp15 && _temp15.then) return _temp15.then(function () {});
-                    }
-                  }();
-                  if (_temp4 && _temp4.then) return _temp4.then(function () {});
-                } else {
-                  var _temp11 = function () {
-                    if (fileType === 'image') {
-                      var _temp9 = function () {
-                        if (isMediaAttachment) {
-                          var _temp6 = function _temp6() {
-                            if (file.type === 'image/gif') {
+                        } else {
+                          resizeImage(file).then(function (resizedFileData) {
+                            try {
+                              var resizedFile = new File([resizedFileData.blob], resizedFileData.file.name);
                               setAttachments(function (prevState) {
                                 return [].concat(prevState, [{
-                                  data: file,
-                                  cachedUrl: cachedUrl,
-                                  upload: !cachedUrl,
-                                  attachmentUrl: URL.createObjectURL(file),
+                                  data: resizedFile,
+                                  upload: true,
+                                  attachmentUrl: URL.createObjectURL(resizedFile),
                                   tid: tid,
                                   type: fileType,
-                                  size: dataFromDb ? dataFromDb.size : file.size,
-                                  metadata: dataFromDb ? metas : JSON.stringify({
+                                  size: resizedFile.size,
+                                  metadata: JSON.stringify({
                                     tmb: metas.thumbnail,
-                                    szw: metas.imageWidth,
-                                    szh: metas.imageHeight
+                                    szw: resizedFileData.newWidth,
+                                    szh: resizedFileData.newHeight
                                   })
                                 }]);
                               });
-                            } else {
-                              if (dataFromDb) {
-                                setAttachments(function (prevState) {
-                                  return [].concat(prevState, [{
-                                    data: file,
-                                    cachedUrl: cachedUrl,
-                                    upload: false,
-                                    attachmentUrl: URL.createObjectURL(file),
-                                    tid: tid,
-                                    type: fileType,
-                                    size: dataFromDb.size,
-                                    metadata: metas
-                                  }]);
-                                });
-                              } else {
-                                resizeImage(file).then(function (resizedFileData) {
-                                  try {
-                                    var resizedFile = new File([resizedFileData.blob], resizedFileData.file.name);
-                                    setAttachments(function (prevState) {
-                                      return [].concat(prevState, [{
-                                        data: resizedFile,
-                                        upload: true,
-                                        attachmentUrl: URL.createObjectURL(resizedFile),
-                                        tid: tid,
-                                        type: fileType,
-                                        size: resizedFile.size,
-                                        metadata: JSON.stringify({
-                                          tmb: metas.thumbnail,
-                                          szw: resizedFileData.newWidth,
-                                          szh: resizedFileData.newHeight
-                                        })
-                                      }]);
-                                    });
-                                    return Promise.resolve();
-                                  } catch (e) {
-                                    return Promise.reject(e);
-                                  }
-                                });
-                              }
+                              return Promise.resolve();
+                            } catch (e) {
+                              return Promise.reject(e);
                             }
-                          };
-                          var metas = {};
-                          var _temp5 = function () {
-                            if (dataFromDb) {
-                              metas = dataFromDb.metadata;
-                            } else {
-                              return Promise.resolve(createImageThumbnail(file)).then(function (_ref6) {
-                                var thumbnail = _ref6.thumbnail,
-                                  imageWidth = _ref6.imageWidth,
-                                  imageHeight = _ref6.imageHeight;
-                                metas.imageHeight = imageHeight;
-                                metas.imageWidth = imageWidth;
-                                metas.thumbnail = thumbnail;
-                              });
-                            }
-                          }();
-                          return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
-                        } else {
-                          var _temp8 = function _temp8() {
-                            setAttachments(function (prevState) {
-                              return [].concat(prevState, [{
-                                data: file,
-                                type: 'file',
-                                cachedUrl: cachedUrl,
-                                upload: !cachedUrl,
-                                attachmentUrl: URL.createObjectURL(file),
-                                tid: tid,
-                                size: dataFromDb ? dataFromDb.size : file.size,
-                                metadata: dataFromDb ? _metas : JSON.stringify({
-                                  tmb: _metas.thumbnail
-                                })
-                              }]);
-                            });
-                          };
-                          var _metas = {};
-                          var _temp7 = function () {
-                            if (dataFromDb) {
-                              _metas = dataFromDb.metadata;
-                            } else {
-                              return Promise.resolve(createImageThumbnail(file, undefined, 50, 50)).then(function (_ref7) {
-                                var thumbnail = _ref7.thumbnail;
-                                _metas.thumbnail = thumbnail;
-                              });
-                            }
-                          }();
-                          return _temp7 && _temp7.then ? _temp7.then(_temp8) : _temp8(_temp7);
-                        }
-                      }();
-                      if (_temp9 && _temp9.then) return _temp9.then(function () {});
-                    } else {
-                      var _temp16 = function () {
-                        if (fileType === 'video') {
-                          var _temp1 = function _temp1() {
-                            setAttachments(function (prevState) {
-                              return [].concat(prevState, [{
-                                data: file,
-                                type: 'video',
-                                cachedUrl: cachedUrl,
-                                upload: !cachedUrl,
-                                size: dataFromDb ? dataFromDb.size : file.size,
-                                attachmentUrl: URL.createObjectURL(file),
-                                tid: tid,
-                                metadata: metas
-                              }]);
-                            });
-                          };
-                          var metas = {};
-                          var _temp0 = function () {
-                            if (dataFromDb) {
-                              metas = dataFromDb.metadata;
-                            } else {
-                              return Promise.resolve(getFrame(URL.createObjectURL(file), 0)).then(function (_ref8) {
-                                var thumb = _ref8.thumb,
-                                  width = _ref8.width,
-                                  height = _ref8.height,
-                                  duration = _ref8.duration;
-                                metas.tmb = thumb;
-                                metas.width = width;
-                                metas.height = height;
-                                metas.dur = duration;
-                                metas = JSON.stringify(metas);
-                              });
-                            }
-                          }();
-                          return _temp0 && _temp0.then ? _temp0.then(_temp1) : _temp1(_temp0);
-                        } else {
-                          setAttachments(function (prevState) {
-                            return [].concat(prevState, [{
-                              data: file,
-                              cachedUrl: cachedUrl,
-                              upload: !cachedUrl,
-                              type: 'file',
-                              size: dataFromDb ? dataFromDb.size : file.size,
-                              metadata: dataFromDb && dataFromDb.metadata,
-                              tid: tid
-                            }]);
                           });
                         }
-                      }();
-                      if (_temp16 && _temp16.then) return _temp16.then(function () {});
+                      });
+                    } else {
+                      return Promise.resolve(createImageThumbnail(file, undefined, 50, 50)).then(function (_ref7) {
+                        var thumbnail = _ref7.thumbnail;
+                        setAttachments(function (prevState) {
+                          return [].concat(prevState, [{
+                            data: file,
+                            type: 'file',
+                            upload: true,
+                            attachmentUrl: URL.createObjectURL(file),
+                            tid: tid,
+                            size: file.size,
+                            metadata: JSON.stringify({
+                              tmb: thumbnail
+                            })
+                          }]);
+                        });
+                      });
+                    }
+                  }();
+                  if (_temp5 && _temp5.then) return _temp5.then(function () {});
+                } else {
+                  var _temp0 = function () {
+                    if (fileType === 'video') {
+                      return Promise.resolve(getFrame(URL.createObjectURL(file), 0)).then(function (_ref8) {
+                        var thumb = _ref8.thumb,
+                          width = _ref8.width,
+                          height = _ref8.height,
+                          duration = _ref8.duration;
+                        var metas = JSON.stringify({
+                          tmb: thumb,
+                          width: width,
+                          height: height,
+                          dur: duration
+                        });
+                        setAttachments(function (prevState) {
+                          return [].concat(prevState, [{
+                            data: file,
+                            type: 'video',
+                            upload: true,
+                            size: file.size,
+                            attachmentUrl: URL.createObjectURL(file),
+                            tid: tid,
+                            metadata: metas
+                          }]);
+                        });
+                      });
+                    } else {
+                      setAttachments(function (prevState) {
+                        return [].concat(prevState, [{
+                          data: file,
+                          upload: true,
+                          type: 'file',
+                          size: file.size,
+                          tid: tid
+                        }]);
+                      });
                     }
                   }();
-                  if (_temp11 && _temp11.then) return _temp11.then(function () {});
+                  if (_temp0 && _temp0.then) return _temp0.then(function () {});
                 }
               }();
-              if (_temp12 && _temp12.then) return _temp12.then(function () {});
+              if (_temp7 && _temp7.then) return _temp7.then(function () {});
             }
-            var dataFromDb;
-            var _temp13 = _catch(function () {
-              return Promise.resolve(getDataFromDB(DB_NAMES.FILES_STORAGE, DB_STORE_NAMES.ATTACHMENTS, checksumHash, 'checksum')).then(function (_getDataFromDB) {
-                dataFromDb = _getDataFromDB;
-              });
-            }, function (e) {
-              log.error('error in get data from db . . . . ', e);
-            });
-            return _temp13 && _temp13.then ? _temp13.then(_temp14) : _temp14(_temp13);
-          });
+          }();
+          return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
@@ -46625,14 +46542,14 @@ var SendMessageInput = function SendMessageInput(_ref3) {
               }
             }
           }
-          var _temp17 = function () {
+          var _temp1 = function () {
             if (allowUpload) {
               return Promise.resolve(handleAddAttachmentWithViewOnceCheck(file, isMediaAttachment)).then(function () {});
             } else {
               showFileUploadError(errorMessage);
             }
           }();
-          return Promise.resolve(_temp17 && _temp17.then ? _temp17.then(function () {}) : void 0);
+          return Promise.resolve(_temp1 && _temp1.then ? _temp1.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
@@ -46646,48 +46563,36 @@ var SendMessageInput = function SendMessageInput(_ref3) {
       var reader = new FileReader();
       reader.onload = function () {
         try {
-          var length = reader.result && reader.result.length;
-          var fileChecksum;
-          if (length > 3000) {
-            var firstPart = reader.result && reader.result.slice(0, 1000);
-            var middlePart = reader.result && reader.result.slice(length / 2 - 500, length / 2 + 500);
-            var lastPart = reader.result && reader.result.slice(length - 1000, length);
-            fileChecksum = "" + firstPart + middlePart + lastPart;
-          } else {
-            fileChecksum = "" + reader.result;
-          }
-          return Promise.resolve(hashString(fileChecksum || '')).then(function (checksumHash) {
-            setPendingAttachment(tid, {
-              file: recordedFile,
-              checksum: checksumHash
-            });
-            var messageToSend = {
-              metadata: '',
-              body: '',
-              mentionedUsers: [],
-              attachments: [{
-                name: uuid.v4() + ".mp3",
-                data: recordedFile.file,
-                tid: tid,
-                upload: true,
-                size: recordedFile.file.size,
-                attachmentUrl: recordedFile.objectUrl,
-                metadata: JSON.stringify({
-                  tmb: recordedFile.thumb,
-                  dur: recordedFile.dur
-                }),
-                type: attachmentTypes.voice
-              }],
-              type: 'text',
-              viewOnce: viewOnce || false,
-              parentMessage: messageForReply || null
-            };
-            var sendAttachmentsAsSeparateMessage = getSendAttachmentsAsSeparateMessages();
-            dispatch(sendMessageAC(messageToSend, id, connectionStatus, connectionStatus, sendAttachmentsAsSeparateMessage));
-            setViewOnce(false);
-            setAttachments([]);
-            handleCloseReply();
+          setPendingAttachment(tid, {
+            file: recordedFile
           });
+          var messageToSend = {
+            metadata: '',
+            body: '',
+            mentionedUsers: [],
+            attachments: [{
+              name: uuid.v4() + ".mp3",
+              data: recordedFile.file,
+              tid: tid,
+              upload: true,
+              size: recordedFile.file.size,
+              attachmentUrl: recordedFile.objectUrl,
+              metadata: JSON.stringify({
+                tmb: recordedFile.thumb,
+                dur: recordedFile.dur
+              }),
+              type: attachmentTypes.voice
+            }],
+            type: 'text',
+            viewOnce: viewOnce || false,
+            parentMessage: messageForReply || null
+          };
+          var sendAttachmentsAsSeparateMessage = getSendAttachmentsAsSeparateMessages();
+          dispatch(sendMessageAC(messageToSend, id, connectionStatus, connectionStatus, sendAttachmentsAsSeparateMessage));
+          setViewOnce(false);
+          setAttachments([]);
+          handleCloseReply();
+          return Promise.resolve();
         } catch (e) {
           return Promise.reject(e);
         }
@@ -46840,10 +46745,10 @@ var SendMessageInput = function SendMessageInput(_ref3) {
       var windowHeight = window.innerHeight;
       var _emojiBtnRef$current$ = emojiBtnRef.current.getBoundingClientRect(),
         left = _emojiBtnRef$current$.left,
-        _width = _emojiBtnRef$current$.width,
+        width = _emojiBtnRef$current$.width,
         top = _emojiBtnRef$current$.top;
       setEmojisPopupBottomPosition(windowHeight - top);
-      setEmojisPopupLeftPosition(left - _width / 2);
+      setEmojisPopupLeftPosition(left - width / 2);
       if (emojiBtnRef.current.getBoundingClientRect().left > messageInputRef.current.getBoundingClientRect().left) {
         setEmojisInRightSide(true);
       }