sceyt-chat-react-uikit 1.8.3-beta.2 → 1.8.3-beta.4

package/index.js

@@ -9123,6 +9123,65 @@ function setChannelInMap(channel) {
   channelsMap[channel.id] = _extends({}, channel);
   allChannelsMap[channel.id] = _extends({}, channel);
 }
+function updateChannelMemberInAllChannels(updatedMembers) {
+  var updatedMembersMap = {};
+  for (var _iterator = _createForOfIteratorHelperLoose(updatedMembers), _step; !(_step = _iterator()).done;) {
+    var member = _step.value;
+    updatedMembersMap[member.id] = member;
+  }
+  var updateMembers = function updateMembers(members) {
+    return members.map(function (member) {
+      return updatedMembersMap[member.id] ? _extends({}, member, updatedMembersMap[member.id]) : member;
+    });
+  };
+  allChannels = allChannels.map(function (channel) {
+    var _channel$members;
+    if ((_channel$members = channel.members) !== null && _channel$members !== void 0 && _channel$members.length) {
+      var hasMatch = channel.members.some(function (m) {
+        return updatedMembersMap[m.id];
+      });
+      if (hasMatch) {
+        return _extends({}, channel, {
+          members: updateMembers(channel.members)
+        });
+      }
+    }
+    return channel;
+  });
+  for (var channelId in channelsMap) {
+    var _channel$members2;
+    var channel = channelsMap[channelId];
+    if ((_channel$members2 = channel.members) !== null && _channel$members2 !== void 0 && _channel$members2.length && channel.members.some(function (m) {
+      return updatedMembersMap[m.id];
+    })) {
+      channelsMap[channelId] = _extends({}, channel, {
+        members: updateMembers(channel.members)
+      });
+    }
+  }
+  for (var _channelId in allChannelsMap) {
+    var _channel$members3;
+    var _channel = allChannelsMap[_channelId];
+    if ((_channel$members3 = _channel.members) !== null && _channel$members3 !== void 0 && _channel$members3.length && _channel.members.some(function (m) {
+      return updatedMembersMap[m.id];
+    })) {
+      allChannelsMap[_channelId] = _extends({}, _channel, {
+        members: updateMembers(_channel.members)
+      });
+    }
+  }
+  for (var i = 0; i < allChannels.length; i++) {
+    var _channel2$members;
+    var _channel2 = allChannels[i];
+    if ((_channel2$members = _channel2.members) !== null && _channel2$members !== void 0 && _channel2$members.length && _channel2.members.some(function (m) {
+      return updatedMembersMap[m.id];
+    })) {
+      allChannels[i] = _extends({}, _channel2, {
+        members: updateMembers(_channel2.members)
+      });
+    }
+  }
+}
 function setActiveChannelId(id) {
   activeChannelId = id;
 }
@@ -9154,8 +9213,8 @@ function getLastChannelFromMap(deletePending) {
   }
   var channels = Object.values(channelsMap);
   if (deletePending) {
-    for (var _iterator = _createForOfIteratorHelperLoose(channels), _step; !(_step = _iterator()).done;) {
-      var channel = _step.value;
+    for (var _iterator2 = _createForOfIteratorHelperLoose(channels), _step2; !(_step2 = _iterator2()).done;) {
+      var channel = _step2.value;
       if (!getPendingDeleteChannel(channel.id)) {
         return channel;
       }
@@ -9571,6 +9630,39 @@ var channelSlice = createSlice({
         state.activeChannel = _extends({}, activeChannelCopy, config);
       }
     },
+    updateChannelsMembers: function updateChannelsMembers(state, action) {
+      var _state$activeChannel$;
+      var members = action.payload.members;
+      var usersMap = {};
+      for (var _iterator = _createForOfIteratorHelperLoose(members), _step; !(_step = _iterator()).done;) {
+        var _extends2;
+        var member = _step.value;
+        usersMap = _extends({}, usersMap, (_extends2 = {}, _extends2[member.id] = member, _extends2));
+      }
+      var updateMembers = function updateMembers(members) {
+        return members.map(function (member) {
+          return usersMap[member.id] ? _extends({}, member, usersMap[member.id]) : member;
+        });
+      };
+      state.channels = state.channels.map(function (channel) {
+        var _channel$members;
+        if ((_channel$members = channel.members) !== null && _channel$members !== void 0 && _channel$members.length && channel.members.some(function (m) {
+          return usersMap[m.id];
+        })) {
+          return _extends({}, channel, {
+            members: updateMembers(channel.members)
+          });
+        }
+        return channel;
+      });
+      if (state.activeChannel.id && (_state$activeChannel$ = state.activeChannel.members) !== null && _state$activeChannel$ !== void 0 && _state$activeChannel$.length && state.activeChannel.members.some(function (m) {
+        return usersMap[m.id];
+      })) {
+        state.activeChannel = _extends({}, state.activeChannel, {
+          members: updateMembers(state.activeChannel.members)
+        });
+      }
+    },
     updateSearchedChannelData: function updateSearchedChannelData(state, action) {
       var _action$payload4 = action.payload,
         updateData = _action$payload4.updateData,
@@ -9578,13 +9670,13 @@ var channelSlice = createSlice({
         channelId = _action$payload4.channelId;
       var groupKey = groupName;
       if (state.searchedChannels[groupKey] && state.searchedChannels[groupKey].length) {
-        var _extends2;
-        state.searchedChannels = _extends({}, state.searchedChannels, (_extends2 = {}, _extends2[groupName] = [].concat(state.searchedChannels[groupKey]).map(function (channel) {
+        var _extends3;
+        state.searchedChannels = _extends({}, state.searchedChannels, (_extends3 = {}, _extends3[groupName] = [].concat(state.searchedChannels[groupKey]).map(function (channel) {
           if (channel.id === channelId) {
             return _extends({}, channel, updateData);
           }
           return channel;
-        }), _extends2));
+        }), _extends3));
       }
     },
     updateUserStatusOnChannel: function updateUserStatusOnChannel(state, action) {
@@ -9683,30 +9775,30 @@ var channelSlice = createSlice({
       state.channelEditMode = action.payload.state;
     },
     switchTypingIndicator: function switchTypingIndicator(state, action) {
-      var _extends3, _extends4;
+      var _extends4, _extends5;
       var _action$payload7 = action.payload,
         typingState = _action$payload7.typingState,
         channelId = _action$payload7.channelId,
         from = _action$payload7.from;
       var currentChannelIndicators = state.typingOrRecordingIndicator[channelId] || {};
-      var updatedChannelIndicators = _extends({}, currentChannelIndicators, (_extends3 = {}, _extends3[from.id] = _extends({}, currentChannelIndicators[from.id], {
+      var updatedChannelIndicators = _extends({}, currentChannelIndicators, (_extends4 = {}, _extends4[from.id] = _extends({}, currentChannelIndicators[from.id], {
         from: from,
         typingState: typingState
-      }), _extends3));
-      state.typingOrRecordingIndicator = _extends({}, state.typingOrRecordingIndicator, (_extends4 = {}, _extends4[channelId] = updatedChannelIndicators, _extends4));
+      }), _extends4));
+      state.typingOrRecordingIndicator = _extends({}, state.typingOrRecordingIndicator, (_extends5 = {}, _extends5[channelId] = updatedChannelIndicators, _extends5));
     },
     switchRecordingIndicator: function switchRecordingIndicator(state, action) {
-      var _extends5, _extends6;
+      var _extends6, _extends7;
       var _action$payload8 = action.payload,
         recordingState = _action$payload8.recordingState,
         channelId = _action$payload8.channelId,
         from = _action$payload8.from;
       var currentChannelIndicators = state.typingOrRecordingIndicator[channelId] || {};
-      var updatedChannelIndicators = _extends({}, currentChannelIndicators, (_extends5 = {}, _extends5[from.id] = _extends({}, currentChannelIndicators[from.id], {
+      var updatedChannelIndicators = _extends({}, currentChannelIndicators, (_extends6 = {}, _extends6[from.id] = _extends({}, currentChannelIndicators[from.id], {
         from: from,
         recordingState: recordingState
-      }), _extends5));
-      state.typingOrRecordingIndicator = _extends({}, state.typingOrRecordingIndicator, (_extends6 = {}, _extends6[channelId] = updatedChannelIndicators, _extends6));
+      }), _extends6));
+      state.typingOrRecordingIndicator = _extends({}, state.typingOrRecordingIndicator, (_extends7 = {}, _extends7[channelId] = updatedChannelIndicators, _extends7));
     },
     setIsDragging: function setIsDragging(state, action) {
       state.isDragging = action.payload.isDragging;
@@ -9738,8 +9830,8 @@ var channelSlice = createSlice({
       state.draftIsRemoved = action.payload.channelId;
     },
     setChannelInviteKeys: function setChannelInviteKeys(state, action) {
-      var _extends7;
-      state.channelInviteKeys = _extends({}, state.channelInviteKeys, (_extends7 = {}, _extends7[action.payload.channelId] = action.payload.inviteKeys, _extends7));
+      var _extends8;
+      state.channelInviteKeys = _extends({}, state.channelInviteKeys, (_extends8 = {}, _extends8[action.payload.channelId] = action.payload.inviteKeys, _extends8));
     },
     setJoinableChannel: function setJoinableChannel(state, action) {
       state.joinableChannel = action.payload.channel;
@@ -9788,6 +9880,7 @@ var _channelSlice$actions = channelSlice.actions,
   setChannelsHasNext = _channelSlice$actions.setChannelsHasNext,
   setActiveChannel = _channelSlice$actions.setActiveChannel,
   updateChannelData = _channelSlice$actions.updateChannelData,
+  updateChannelsMembers = _channelSlice$actions.updateChannelsMembers,
   updateSearchedChannelData = _channelSlice$actions.updateSearchedChannelData,
   updateUserStatusOnChannel = _channelSlice$actions.updateUserStatusOnChannel,
   updateChannelLastMessage = _channelSlice$actions.updateChannelLastMessage,
@@ -10296,6 +10389,7 @@ var queryDirection = {
 };
 
 var ATTACHMENTS_CACHE = 'attachments-cache';
+var ATTACHMENT_VERSION_KEY = 'sceyt_attachment_cache_version';
 var isBrowser = typeof window !== 'undefined';
 var cacheAvailable;
 if (isBrowser) {
@@ -10303,7 +10397,7 @@ if (isBrowser) {
 } else {
   cacheAvailable = 'caches' in global;
 }
-var ATTACHMENT_VERSION = "_1_0_0";
+var ATTACHMENT_VERSION = "_1_0_1";
 var setAttachmentToCache = function setAttachmentToCache(attachmentUrl, attachmentResponse) {
   try {
     var attachmentURLVersion = attachmentUrl + ATTACHMENT_VERSION;
@@ -10382,6 +10476,49 @@ var getAttachmentUrlFromCache = function getAttachmentUrlFromCache(attachmentUrl
 var getAttachmentURLWithVersion = function getAttachmentURLWithVersion(attachmentUrl) {
   return attachmentUrl + ATTACHMENT_VERSION;
 };
+var cleanupOldAttachmentCache = function cleanupOldAttachmentCache() {
+  try {
+    if (!cacheAvailable || !isBrowser) {
+      return Promise.resolve();
+    }
+    return Promise.resolve(_catch(function () {
+      function _temp0() {
+        localStorage.setItem(ATTACHMENT_VERSION_KEY, ATTACHMENT_VERSION);
+      }
+      var storedVersion = localStorage.getItem(ATTACHMENT_VERSION_KEY) || '_1_0_0';
+      var _temp9 = function () {
+        if (storedVersion && storedVersion !== ATTACHMENT_VERSION) {
+          log.info("Attachment cache version changed from " + storedVersion + " to " + ATTACHMENT_VERSION + ", cleaning up old cache...");
+          return Promise.resolve(caches.open(ATTACHMENTS_CACHE)).then(function (cache) {
+            return Promise.resolve(cache.keys()).then(function (requests) {
+              function _temp8() {
+                log.info("Cleaned up " + deletedCount + " old cached attachments");
+              }
+              var deletedCount = 0;
+              var _temp7 = _forOf(requests, function (request) {
+                var url = request.url;
+                var _temp6 = function () {
+                  if (url.includes(storedVersion)) {
+                    return Promise.resolve(cache["delete"](request)).then(function () {
+                      deletedCount++;
+                    });
+                  }
+                }();
+                if (_temp6 && _temp6.then) return _temp6.then(function () {});
+              });
+              return _temp7 && _temp7.then ? _temp7.then(_temp8) : _temp8(_temp7);
+            });
+          });
+        }
+      }();
+      return _temp9 && _temp9.then ? _temp9.then(_temp0) : _temp0(_temp9);
+    }, function (error) {
+      log.error('Error cleaning up old attachment cache:', error);
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
 
 function sendMessageAC(message, channelId, connectionState, sendAttachmentsAsSeparateMessage, isResend) {
   return {
@@ -12954,6 +13091,11 @@ var updateChannelDataAC = function updateChannelDataAC(channelId, config, moveUp
     sort: sort
   });
 };
+var updateChannelsMembersAC = function updateChannelsMembersAC(members) {
+  return updateChannelsMembers({
+    members: members
+  });
+};
 var updateSearchedChannelDataAC = function updateSearchedChannelDataAC(channelId, config, groupName) {
   return updateSearchedChannelData({
     updateData: config,
@@ -18826,7 +18968,7 @@ function checkUsersStatus() {
           }
         });
         if (!update) {
-          _context25.n = 4;
+          _context25.n = 5;
           break;
         }
         updateData = JSON.parse(JSON.stringify(usersToUpdateMap));
@@ -18839,16 +18981,18 @@ function checkUsersStatus() {
         _context25.n = 4;
         return effects.put(updateUserStatusOnChannelAC(updateData));
       case 4:
-        _context25.n = 6;
-        break;
+        updateChannelMemberInAllChannels(Object.values(updateData));
       case 5:
-        _context25.p = 5;
+        _context25.n = 7;
+        break;
+      case 6:
+        _context25.p = 6;
         _t25 = _context25.v;
         log.error('ERROR in check user status : ', _t25.message);
-      case 6:
+      case 7:
         return _context25.a(2);
     }
-  }, _marked25, null, [[0, 5]]);
+  }, _marked25, null, [[0, 6]]);
 }
 function sendTyping(action) {
   var state, activeChannelId, channel, _t26;
@@ -19971,16 +20115,21 @@ var resizeImageWithPica = function resizeImageWithPica(file, maxWidth, maxHeight
             newHeight: img.height
           };
         }
+        var srcCanvas = document.createElement('canvas');
+        srcCanvas.width = img.width;
+        srcCanvas.height = img.height;
+        var srcCtx = srcCanvas.getContext('2d');
+        srcCtx.drawImage(img, 0, 0);
+        URL.revokeObjectURL(url);
         var canvas = document.createElement('canvas');
         canvas.width = newWidth;
         canvas.height = newHeight;
-        return Promise.resolve(pica.resize(img, canvas, {
+        return Promise.resolve(pica.resize(srcCanvas, canvas, {
           quality: 3,
           unsharpAmount: 80,
           unsharpRadius: 0.6,
           unsharpThreshold: 2
         })).then(function () {
-          URL.revokeObjectURL(url);
           var originalType = file.type || 'image/jpeg';
           var outputType = type || 'image/webp';
           if (outputType === 'image/webp' && !canvas.toDataURL('image/webp').includes('webp')) {
@@ -24535,10 +24684,13 @@ function blockUser(action) {
         _iterator = _createForOfIteratorHelperLoose(blockedUsers);
       case 6:
         if ((_step = _iterator()).done) {
-          _context2.n = 10;
+          _context2.n = 12;
           break;
         }
         user = _step.value;
+        updateUserOnMap(_extends({}, user, {
+          blocked: true
+        }));
         _context2.n = 7;
         return effects.put(updateUserStatusOnMapAC((_updateUserStatusOnMa = {}, _updateUserStatusOnMa[user.id] = _extends({}, user, {
           blocked: true
@@ -24554,22 +24706,31 @@ function blockUser(action) {
           blocked: true
         }), _updateUserStatusOnCh)));
       case 9:
+        _context2.n = 10;
+        return effects.put(updateChannelsMembersAC([_extends({}, user, {
+          blocked: true
+        })]));
+      case 10:
+        updateChannelMemberInAllChannels([_extends({}, user, {
+          blocked: true
+        })]);
+      case 11:
         _context2.n = 6;
         break;
-      case 10:
-        _context2.n = 12;
+      case 12:
+        _context2.n = 14;
         break;
-      case 11:
-        _context2.p = 11;
+      case 13:
+        _context2.p = 13;
         _t2 = _context2.v;
         log.error('error in block users', _t2.message);
-      case 12:
+      case 14:
         return _context2.a(2);
     }
-  }, _marked2$4, null, [[0, 11]]);
+  }, _marked2$4, null, [[0, 13]]);
 }
 function unblockUser(action) {
-  var SceytChatClient, payload, userIds, unblockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _iterator2, _step2, _updateUserStatusOnMa2, _updateMembersPresenc2, _updateUserStatusOnCh2, user, _t3;
+  var SceytChatClient, payload, userIds, unblockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _iterator2, _step2, _updateUserStatusOnMa2, _updateMembersPresenc2, _updateUserStatusOnCh2, user, updateData, _t3;
   return _regenerator().w(function (_context3) {
     while (1) switch (_context3.p = _context3.n) {
       case 0:
@@ -24621,38 +24782,51 @@ function unblockUser(action) {
         _iterator2 = _createForOfIteratorHelperLoose(unblockedUsers);
       case 6:
         if ((_step2 = _iterator2()).done) {
-          _context3.n = 10;
+          _context3.n = 12;
           break;
         }
         user = _step2.value;
+        updateData = JSON.parse(JSON.stringify(user));
+        updateUserOnMap(_extends({}, updateData, {
+          blocked: false
+        }));
         _context3.n = 7;
-        return effects.put(updateUserStatusOnMapAC((_updateUserStatusOnMa2 = {}, _updateUserStatusOnMa2[user.id] = _extends({}, user, {
+        return effects.put(updateUserStatusOnMapAC((_updateUserStatusOnMa2 = {}, _updateUserStatusOnMa2[user.id] = _extends({}, updateData, {
           blocked: false
         }), _updateUserStatusOnMa2)));
       case 7:
         _context3.n = 8;
-        return effects.put(updateMembersPresenceAC((_updateMembersPresenc2 = {}, _updateMembersPresenc2[user.id] = _extends({}, user, {
+        return effects.put(updateMembersPresenceAC((_updateMembersPresenc2 = {}, _updateMembersPresenc2[user.id] = _extends({}, updateData, {
           blocked: false
         }), _updateMembersPresenc2)));
       case 8:
         _context3.n = 9;
-        return effects.put(updateUserStatusOnChannelAC((_updateUserStatusOnCh2 = {}, _updateUserStatusOnCh2[user.id] = _extends({}, user, {
+        return effects.put(updateUserStatusOnChannelAC((_updateUserStatusOnCh2 = {}, _updateUserStatusOnCh2[user.id] = _extends({}, updateData, {
           blocked: false
         }), _updateUserStatusOnCh2)));
       case 9:
+        _context3.n = 10;
+        return effects.put(updateChannelsMembersAC([_extends({}, user, {
+          blocked: false
+        })]));
+      case 10:
+        updateChannelMemberInAllChannels([_extends({}, user, {
+          blocked: false
+        })]);
+      case 11:
         _context3.n = 6;
         break;
-      case 10:
-        _context3.n = 12;
+      case 12:
+        _context3.n = 14;
         break;
-      case 11:
-        _context3.p = 11;
+      case 13:
+        _context3.p = 13;
         _t3 = _context3.v;
         log.error('error in unblock users', _t3.message);
-      case 12:
+      case 14:
         return _context3.a(2);
     }
-  }, _marked3$3, null, [[0, 11]]);
+  }, _marked3$3, null, [[0, 13]]);
 }
 function updateProfile(action) {
   var payload, user, firstName, lastName, avatarUrl, metadata, avatarFile, updateUserProfileData, SceytChatClient, fileToUpload, updatedUser, _t4;
@@ -25120,6 +25294,7 @@ function useUpdatedUser(user) {
       var _updateUserStatusOnMa;
       setUserToMap(user);
       dispatch(updateUserStatusOnMapAC((_updateUserStatusOnMa = {}, _updateUserStatusOnMa[user.id] = user, _updateUserStatusOnMa)));
+      updateChannelMemberInAllChannels([user]);
     }
   }, [user === null || user === void 0 ? void 0 : user.id]);
   return React.useMemo(function () {
@@ -25860,6 +26035,7 @@ var SceytChat = function SceytChat(_ref) {
   React.useEffect(function () {
     log.info('client is changed.... ', client);
     if (client) {
+      cleanupOldAttachmentCache();
       setClient(client);
       setSceytChatClient(client);
       dispatch(setUserAC(client.user));
@@ -29261,7 +29437,22 @@ var ChannelList = function ChannelList(_ref) {
   }, [channels]);
   var setSelectedChannel = function setSelectedChannel(channel) {
     if (activeChannel.id !== channel.id) {
-      dispatch(sendTypingAC(false));
+      if (activeChannel) {
+        var _getClient;
+        var user = (_getClient = getClient()) === null || _getClient === void 0 ? void 0 : _getClient.user;
+        var isAllUsersBlcked = true;
+        for (var i = 0; i < (activeChannel === null || activeChannel === void 0 ? void 0 : (_activeChannel$member2 = activeChannel.members) === null || _activeChannel$member2 === void 0 ? void 0 : _activeChannel$member2.length); i++) {
+          var _activeChannel$member2;
+          var member = activeChannel === null || activeChannel === void 0 ? void 0 : activeChannel.members[i];
+          if (!(member !== null && member !== void 0 && member.blocked) && user.id !== member.id) {
+            isAllUsersBlcked = false;
+            break;
+          }
+        }
+        if (!isAllUsersBlcked) {
+          dispatch(sendTypingAC(false));
+        }
+      }
       dispatch(clearMessagesAC());
       dispatch(switchChannelActionAC(channel));
     }

package/index.modern.js

@@ -9122,6 +9122,65 @@ function setChannelInMap(channel) {
   channelsMap[channel.id] = _extends({}, channel);
   allChannelsMap[channel.id] = _extends({}, channel);
 }
+function updateChannelMemberInAllChannels(updatedMembers) {
+  var updatedMembersMap = {};
+  for (var _iterator = _createForOfIteratorHelperLoose(updatedMembers), _step; !(_step = _iterator()).done;) {
+    var member = _step.value;
+    updatedMembersMap[member.id] = member;
+  }
+  var updateMembers = function updateMembers(members) {
+    return members.map(function (member) {
+      return updatedMembersMap[member.id] ? _extends({}, member, updatedMembersMap[member.id]) : member;
+    });
+  };
+  allChannels = allChannels.map(function (channel) {
+    var _channel$members;
+    if ((_channel$members = channel.members) !== null && _channel$members !== void 0 && _channel$members.length) {
+      var hasMatch = channel.members.some(function (m) {
+        return updatedMembersMap[m.id];
+      });
+      if (hasMatch) {
+        return _extends({}, channel, {
+          members: updateMembers(channel.members)
+        });
+      }
+    }
+    return channel;
+  });
+  for (var channelId in channelsMap) {
+    var _channel$members2;
+    var channel = channelsMap[channelId];
+    if ((_channel$members2 = channel.members) !== null && _channel$members2 !== void 0 && _channel$members2.length && channel.members.some(function (m) {
+      return updatedMembersMap[m.id];
+    })) {
+      channelsMap[channelId] = _extends({}, channel, {
+        members: updateMembers(channel.members)
+      });
+    }
+  }
+  for (var _channelId in allChannelsMap) {
+    var _channel$members3;
+    var _channel = allChannelsMap[_channelId];
+    if ((_channel$members3 = _channel.members) !== null && _channel$members3 !== void 0 && _channel$members3.length && _channel.members.some(function (m) {
+      return updatedMembersMap[m.id];
+    })) {
+      allChannelsMap[_channelId] = _extends({}, _channel, {
+        members: updateMembers(_channel.members)
+      });
+    }
+  }
+  for (var i = 0; i < allChannels.length; i++) {
+    var _channel2$members;
+    var _channel2 = allChannels[i];
+    if ((_channel2$members = _channel2.members) !== null && _channel2$members !== void 0 && _channel2$members.length && _channel2.members.some(function (m) {
+      return updatedMembersMap[m.id];
+    })) {
+      allChannels[i] = _extends({}, _channel2, {
+        members: updateMembers(_channel2.members)
+      });
+    }
+  }
+}
 function setActiveChannelId(id) {
   activeChannelId = id;
 }
@@ -9153,8 +9212,8 @@ function getLastChannelFromMap(deletePending) {
   }
   var channels = Object.values(channelsMap);
   if (deletePending) {
-    for (var _iterator = _createForOfIteratorHelperLoose(channels), _step; !(_step = _iterator()).done;) {
-      var channel = _step.value;
+    for (var _iterator2 = _createForOfIteratorHelperLoose(channels), _step2; !(_step2 = _iterator2()).done;) {
+      var channel = _step2.value;
       if (!getPendingDeleteChannel(channel.id)) {
         return channel;
       }
@@ -9570,6 +9629,39 @@ var channelSlice = createSlice({
         state.activeChannel = _extends({}, activeChannelCopy, config);
       }
     },
+    updateChannelsMembers: function updateChannelsMembers(state, action) {
+      var _state$activeChannel$;
+      var members = action.payload.members;
+      var usersMap = {};
+      for (var _iterator = _createForOfIteratorHelperLoose(members), _step; !(_step = _iterator()).done;) {
+        var _extends2;
+        var member = _step.value;
+        usersMap = _extends({}, usersMap, (_extends2 = {}, _extends2[member.id] = member, _extends2));
+      }
+      var updateMembers = function updateMembers(members) {
+        return members.map(function (member) {
+          return usersMap[member.id] ? _extends({}, member, usersMap[member.id]) : member;
+        });
+      };
+      state.channels = state.channels.map(function (channel) {
+        var _channel$members;
+        if ((_channel$members = channel.members) !== null && _channel$members !== void 0 && _channel$members.length && channel.members.some(function (m) {
+          return usersMap[m.id];
+        })) {
+          return _extends({}, channel, {
+            members: updateMembers(channel.members)
+          });
+        }
+        return channel;
+      });
+      if (state.activeChannel.id && (_state$activeChannel$ = state.activeChannel.members) !== null && _state$activeChannel$ !== void 0 && _state$activeChannel$.length && state.activeChannel.members.some(function (m) {
+        return usersMap[m.id];
+      })) {
+        state.activeChannel = _extends({}, state.activeChannel, {
+          members: updateMembers(state.activeChannel.members)
+        });
+      }
+    },
     updateSearchedChannelData: function updateSearchedChannelData(state, action) {
       var _action$payload4 = action.payload,
         updateData = _action$payload4.updateData,
@@ -9577,13 +9669,13 @@ var channelSlice = createSlice({
         channelId = _action$payload4.channelId;
       var groupKey = groupName;
       if (state.searchedChannels[groupKey] && state.searchedChannels[groupKey].length) {
-        var _extends2;
-        state.searchedChannels = _extends({}, state.searchedChannels, (_extends2 = {}, _extends2[groupName] = [].concat(state.searchedChannels[groupKey]).map(function (channel) {
+        var _extends3;
+        state.searchedChannels = _extends({}, state.searchedChannels, (_extends3 = {}, _extends3[groupName] = [].concat(state.searchedChannels[groupKey]).map(function (channel) {
           if (channel.id === channelId) {
             return _extends({}, channel, updateData);
           }
           return channel;
-        }), _extends2));
+        }), _extends3));
       }
     },
     updateUserStatusOnChannel: function updateUserStatusOnChannel(state, action) {
@@ -9682,30 +9774,30 @@ var channelSlice = createSlice({
       state.channelEditMode = action.payload.state;
     },
     switchTypingIndicator: function switchTypingIndicator(state, action) {
-      var _extends3, _extends4;
+      var _extends4, _extends5;
       var _action$payload7 = action.payload,
         typingState = _action$payload7.typingState,
         channelId = _action$payload7.channelId,
         from = _action$payload7.from;
       var currentChannelIndicators = state.typingOrRecordingIndicator[channelId] || {};
-      var updatedChannelIndicators = _extends({}, currentChannelIndicators, (_extends3 = {}, _extends3[from.id] = _extends({}, currentChannelIndicators[from.id], {
+      var updatedChannelIndicators = _extends({}, currentChannelIndicators, (_extends4 = {}, _extends4[from.id] = _extends({}, currentChannelIndicators[from.id], {
         from: from,
         typingState: typingState
-      }), _extends3));
-      state.typingOrRecordingIndicator = _extends({}, state.typingOrRecordingIndicator, (_extends4 = {}, _extends4[channelId] = updatedChannelIndicators, _extends4));
+      }), _extends4));
+      state.typingOrRecordingIndicator = _extends({}, state.typingOrRecordingIndicator, (_extends5 = {}, _extends5[channelId] = updatedChannelIndicators, _extends5));
     },
     switchRecordingIndicator: function switchRecordingIndicator(state, action) {
-      var _extends5, _extends6;
+      var _extends6, _extends7;
       var _action$payload8 = action.payload,
         recordingState = _action$payload8.recordingState,
         channelId = _action$payload8.channelId,
         from = _action$payload8.from;
       var currentChannelIndicators = state.typingOrRecordingIndicator[channelId] || {};
-      var updatedChannelIndicators = _extends({}, currentChannelIndicators, (_extends5 = {}, _extends5[from.id] = _extends({}, currentChannelIndicators[from.id], {
+      var updatedChannelIndicators = _extends({}, currentChannelIndicators, (_extends6 = {}, _extends6[from.id] = _extends({}, currentChannelIndicators[from.id], {
         from: from,
         recordingState: recordingState
-      }), _extends5));
-      state.typingOrRecordingIndicator = _extends({}, state.typingOrRecordingIndicator, (_extends6 = {}, _extends6[channelId] = updatedChannelIndicators, _extends6));
+      }), _extends6));
+      state.typingOrRecordingIndicator = _extends({}, state.typingOrRecordingIndicator, (_extends7 = {}, _extends7[channelId] = updatedChannelIndicators, _extends7));
     },
     setIsDragging: function setIsDragging(state, action) {
       state.isDragging = action.payload.isDragging;
@@ -9737,8 +9829,8 @@ var channelSlice = createSlice({
       state.draftIsRemoved = action.payload.channelId;
     },
     setChannelInviteKeys: function setChannelInviteKeys(state, action) {
-      var _extends7;
-      state.channelInviteKeys = _extends({}, state.channelInviteKeys, (_extends7 = {}, _extends7[action.payload.channelId] = action.payload.inviteKeys, _extends7));
+      var _extends8;
+      state.channelInviteKeys = _extends({}, state.channelInviteKeys, (_extends8 = {}, _extends8[action.payload.channelId] = action.payload.inviteKeys, _extends8));
     },
     setJoinableChannel: function setJoinableChannel(state, action) {
       state.joinableChannel = action.payload.channel;
@@ -9787,6 +9879,7 @@ var _channelSlice$actions = channelSlice.actions,
   setChannelsHasNext = _channelSlice$actions.setChannelsHasNext,
   setActiveChannel = _channelSlice$actions.setActiveChannel,
   updateChannelData = _channelSlice$actions.updateChannelData,
+  updateChannelsMembers = _channelSlice$actions.updateChannelsMembers,
   updateSearchedChannelData = _channelSlice$actions.updateSearchedChannelData,
   updateUserStatusOnChannel = _channelSlice$actions.updateUserStatusOnChannel,
   updateChannelLastMessage = _channelSlice$actions.updateChannelLastMessage,
@@ -10295,6 +10388,7 @@ var queryDirection = {
 };
 
 var ATTACHMENTS_CACHE = 'attachments-cache';
+var ATTACHMENT_VERSION_KEY = 'sceyt_attachment_cache_version';
 var isBrowser = typeof window !== 'undefined';
 var cacheAvailable;
 if (isBrowser) {
@@ -10302,7 +10396,7 @@ if (isBrowser) {
 } else {
   cacheAvailable = 'caches' in global;
 }
-var ATTACHMENT_VERSION = "_1_0_0";
+var ATTACHMENT_VERSION = "_1_0_1";
 var setAttachmentToCache = function setAttachmentToCache(attachmentUrl, attachmentResponse) {
   try {
     var attachmentURLVersion = attachmentUrl + ATTACHMENT_VERSION;
@@ -10381,6 +10475,49 @@ var getAttachmentUrlFromCache = function getAttachmentUrlFromCache(attachmentUrl
 var getAttachmentURLWithVersion = function getAttachmentURLWithVersion(attachmentUrl) {
   return attachmentUrl + ATTACHMENT_VERSION;
 };
+var cleanupOldAttachmentCache = function cleanupOldAttachmentCache() {
+  try {
+    if (!cacheAvailable || !isBrowser) {
+      return Promise.resolve();
+    }
+    return Promise.resolve(_catch(function () {
+      function _temp0() {
+        localStorage.setItem(ATTACHMENT_VERSION_KEY, ATTACHMENT_VERSION);
+      }
+      var storedVersion = localStorage.getItem(ATTACHMENT_VERSION_KEY) || '_1_0_0';
+      var _temp9 = function () {
+        if (storedVersion && storedVersion !== ATTACHMENT_VERSION) {
+          log.info("Attachment cache version changed from " + storedVersion + " to " + ATTACHMENT_VERSION + ", cleaning up old cache...");
+          return Promise.resolve(caches.open(ATTACHMENTS_CACHE)).then(function (cache) {
+            return Promise.resolve(cache.keys()).then(function (requests) {
+              function _temp8() {
+                log.info("Cleaned up " + deletedCount + " old cached attachments");
+              }
+              var deletedCount = 0;
+              var _temp7 = _forOf(requests, function (request) {
+                var url = request.url;
+                var _temp6 = function () {
+                  if (url.includes(storedVersion)) {
+                    return Promise.resolve(cache["delete"](request)).then(function () {
+                      deletedCount++;
+                    });
+                  }
+                }();
+                if (_temp6 && _temp6.then) return _temp6.then(function () {});
+              });
+              return _temp7 && _temp7.then ? _temp7.then(_temp8) : _temp8(_temp7);
+            });
+          });
+        }
+      }();
+      return _temp9 && _temp9.then ? _temp9.then(_temp0) : _temp0(_temp9);
+    }, function (error) {
+      log.error('Error cleaning up old attachment cache:', error);
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
 
 function sendMessageAC(message, channelId, connectionState, sendAttachmentsAsSeparateMessage, isResend) {
   return {
@@ -12953,6 +13090,11 @@ var updateChannelDataAC = function updateChannelDataAC(channelId, config, moveUp
     sort: sort
   });
 };
+var updateChannelsMembersAC = function updateChannelsMembersAC(members) {
+  return updateChannelsMembers({
+    members: members
+  });
+};
 var updateSearchedChannelDataAC = function updateSearchedChannelDataAC(channelId, config, groupName) {
   return updateSearchedChannelData({
     updateData: config,
@@ -18825,7 +18967,7 @@ function checkUsersStatus() {
           }
         });
         if (!update) {
-          _context25.n = 4;
+          _context25.n = 5;
           break;
         }
         updateData = JSON.parse(JSON.stringify(usersToUpdateMap));
@@ -18838,16 +18980,18 @@ function checkUsersStatus() {
         _context25.n = 4;
         return put(updateUserStatusOnChannelAC(updateData));
       case 4:
-        _context25.n = 6;
-        break;
+        updateChannelMemberInAllChannels(Object.values(updateData));
       case 5:
-        _context25.p = 5;
+        _context25.n = 7;
+        break;
+      case 6:
+        _context25.p = 6;
         _t25 = _context25.v;
         log.error('ERROR in check user status : ', _t25.message);
-      case 6:
+      case 7:
         return _context25.a(2);
     }
-  }, _marked25, null, [[0, 5]]);
+  }, _marked25, null, [[0, 6]]);
 }
 function sendTyping(action) {
   var state, activeChannelId, channel, _t26;
@@ -19970,16 +20114,21 @@ var resizeImageWithPica = function resizeImageWithPica(file, maxWidth, maxHeight
             newHeight: img.height
           };
         }
+        var srcCanvas = document.createElement('canvas');
+        srcCanvas.width = img.width;
+        srcCanvas.height = img.height;
+        var srcCtx = srcCanvas.getContext('2d');
+        srcCtx.drawImage(img, 0, 0);
+        URL.revokeObjectURL(url);
         var canvas = document.createElement('canvas');
         canvas.width = newWidth;
         canvas.height = newHeight;
-        return Promise.resolve(pica.resize(img, canvas, {
+        return Promise.resolve(pica.resize(srcCanvas, canvas, {
           quality: 3,
           unsharpAmount: 80,
           unsharpRadius: 0.6,
           unsharpThreshold: 2
         })).then(function () {
-          URL.revokeObjectURL(url);
           var originalType = file.type || 'image/jpeg';
           var outputType = type || 'image/webp';
           if (outputType === 'image/webp' && !canvas.toDataURL('image/webp').includes('webp')) {
@@ -24534,10 +24683,13 @@ function blockUser(action) {
         _iterator = _createForOfIteratorHelperLoose(blockedUsers);
       case 6:
         if ((_step = _iterator()).done) {
-          _context2.n = 10;
+          _context2.n = 12;
           break;
         }
         user = _step.value;
+        updateUserOnMap(_extends({}, user, {
+          blocked: true
+        }));
         _context2.n = 7;
         return put(updateUserStatusOnMapAC((_updateUserStatusOnMa = {}, _updateUserStatusOnMa[user.id] = _extends({}, user, {
           blocked: true
@@ -24553,22 +24705,31 @@ function blockUser(action) {
           blocked: true
         }), _updateUserStatusOnCh)));
       case 9:
+        _context2.n = 10;
+        return put(updateChannelsMembersAC([_extends({}, user, {
+          blocked: true
+        })]));
+      case 10:
+        updateChannelMemberInAllChannels([_extends({}, user, {
+          blocked: true
+        })]);
+      case 11:
         _context2.n = 6;
         break;
-      case 10:
-        _context2.n = 12;
+      case 12:
+        _context2.n = 14;
         break;
-      case 11:
-        _context2.p = 11;
+      case 13:
+        _context2.p = 13;
         _t2 = _context2.v;
         log.error('error in block users', _t2.message);
-      case 12:
+      case 14:
         return _context2.a(2);
     }
-  }, _marked2$4, null, [[0, 11]]);
+  }, _marked2$4, null, [[0, 13]]);
 }
 function unblockUser(action) {
-  var SceytChatClient, payload, userIds, unblockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _iterator2, _step2, _updateUserStatusOnMa2, _updateMembersPresenc2, _updateUserStatusOnCh2, user, _t3;
+  var SceytChatClient, payload, userIds, unblockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _iterator2, _step2, _updateUserStatusOnMa2, _updateMembersPresenc2, _updateUserStatusOnCh2, user, updateData, _t3;
   return _regenerator().w(function (_context3) {
     while (1) switch (_context3.p = _context3.n) {
       case 0:
@@ -24620,38 +24781,51 @@ function unblockUser(action) {
         _iterator2 = _createForOfIteratorHelperLoose(unblockedUsers);
       case 6:
         if ((_step2 = _iterator2()).done) {
-          _context3.n = 10;
+          _context3.n = 12;
           break;
         }
         user = _step2.value;
+        updateData = JSON.parse(JSON.stringify(user));
+        updateUserOnMap(_extends({}, updateData, {
+          blocked: false
+        }));
         _context3.n = 7;
-        return put(updateUserStatusOnMapAC((_updateUserStatusOnMa2 = {}, _updateUserStatusOnMa2[user.id] = _extends({}, user, {
+        return put(updateUserStatusOnMapAC((_updateUserStatusOnMa2 = {}, _updateUserStatusOnMa2[user.id] = _extends({}, updateData, {
           blocked: false
         }), _updateUserStatusOnMa2)));
       case 7:
         _context3.n = 8;
-        return put(updateMembersPresenceAC((_updateMembersPresenc2 = {}, _updateMembersPresenc2[user.id] = _extends({}, user, {
+        return put(updateMembersPresenceAC((_updateMembersPresenc2 = {}, _updateMembersPresenc2[user.id] = _extends({}, updateData, {
           blocked: false
         }), _updateMembersPresenc2)));
       case 8:
         _context3.n = 9;
-        return put(updateUserStatusOnChannelAC((_updateUserStatusOnCh2 = {}, _updateUserStatusOnCh2[user.id] = _extends({}, user, {
+        return put(updateUserStatusOnChannelAC((_updateUserStatusOnCh2 = {}, _updateUserStatusOnCh2[user.id] = _extends({}, updateData, {
           blocked: false
         }), _updateUserStatusOnCh2)));
       case 9:
+        _context3.n = 10;
+        return put(updateChannelsMembersAC([_extends({}, user, {
+          blocked: false
+        })]));
+      case 10:
+        updateChannelMemberInAllChannels([_extends({}, user, {
+          blocked: false
+        })]);
+      case 11:
         _context3.n = 6;
         break;
-      case 10:
-        _context3.n = 12;
+      case 12:
+        _context3.n = 14;
         break;
-      case 11:
-        _context3.p = 11;
+      case 13:
+        _context3.p = 13;
         _t3 = _context3.v;
         log.error('error in unblock users', _t3.message);
-      case 12:
+      case 14:
         return _context3.a(2);
     }
-  }, _marked3$3, null, [[0, 11]]);
+  }, _marked3$3, null, [[0, 13]]);
 }
 function updateProfile(action) {
   var payload, user, firstName, lastName, avatarUrl, metadata, avatarFile, updateUserProfileData, SceytChatClient, fileToUpload, updatedUser, _t4;
@@ -25119,6 +25293,7 @@ function useUpdatedUser(user) {
       var _updateUserStatusOnMa;
       setUserToMap(user);
       dispatch(updateUserStatusOnMapAC((_updateUserStatusOnMa = {}, _updateUserStatusOnMa[user.id] = user, _updateUserStatusOnMa)));
+      updateChannelMemberInAllChannels([user]);
     }
   }, [user === null || user === void 0 ? void 0 : user.id]);
   return useMemo(function () {
@@ -25859,6 +26034,7 @@ var SceytChat = function SceytChat(_ref) {
   useEffect(function () {
     log.info('client is changed.... ', client);
     if (client) {
+      cleanupOldAttachmentCache();
       setClient(client);
       setSceytChatClient(client);
       dispatch(setUserAC(client.user));
@@ -29260,7 +29436,22 @@ var ChannelList = function ChannelList(_ref) {
   }, [channels]);
   var setSelectedChannel = function setSelectedChannel(channel) {
     if (activeChannel.id !== channel.id) {
-      dispatch(sendTypingAC(false));
+      if (activeChannel) {
+        var _getClient;
+        var user = (_getClient = getClient()) === null || _getClient === void 0 ? void 0 : _getClient.user;
+        var isAllUsersBlcked = true;
+        for (var i = 0; i < (activeChannel === null || activeChannel === void 0 ? void 0 : (_activeChannel$member2 = activeChannel.members) === null || _activeChannel$member2 === void 0 ? void 0 : _activeChannel$member2.length); i++) {
+          var _activeChannel$member2;
+          var member = activeChannel === null || activeChannel === void 0 ? void 0 : activeChannel.members[i];
+          if (!(member !== null && member !== void 0 && member.blocked) && user.id !== member.id) {
+            isAllUsersBlcked = false;
+            break;
+          }
+        }
+        if (!isAllUsersBlcked) {
+          dispatch(sendTypingAC(false));
+        }
+      }
       dispatch(clearMessagesAC());
       dispatch(switchChannelActionAC(channel));
     }

package/package.json

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