sceyt-chat-react-uikit 1.8.3-beta.3 → 1.8.3-beta.5

package/components/index.d.ts

@@ -18,9 +18,9 @@ import DropDown from '../common/dropdown';
 import { THEME_COLORS } from '../UIHelper/constants';
 import { OGMetadata } from './Message/OGMetadata';
 import PollMessage from './Message/PollMessage';
-import { createOrGetDirectChannel, switchChannelActiveChannel, handleSendMessage, handleGetMessage } from 'helpers/methods';
+import { createOrGetDirectChannel, switchChannelActiveChannel, handleSendMessage, handleGetMessage, blockUsers, unBlockUsers } from 'helpers/methods';
 import { MESSAGE_TYPE } from 'types/enum';
-export { SceytChat, ChannelList, Channel, Chat, ChatHeader, MessageList, SendMessage, ChannelDetails, MessagesScrollToBottomButton, MessagesScrollToUnreadMentionsButton, CreateChannel, ChannelSearch, Avatar, DropDown, Attachment, PollMessage, OGMetadata, EmojisPopup, FrequentlyEmojis, SceytChatUIKitTheme, ThemeMode, THEME_COLORS, MESSAGE_TYPE, handleSendMessage, handleGetMessage, createOrGetDirectChannel, switchChannelActiveChannel };
+export { SceytChat, ChannelList, Channel, Chat, ChatHeader, MessageList, SendMessage, ChannelDetails, MessagesScrollToBottomButton, MessagesScrollToUnreadMentionsButton, CreateChannel, ChannelSearch, Avatar, DropDown, Attachment, PollMessage, OGMetadata, EmojisPopup, FrequentlyEmojis, SceytChatUIKitTheme, ThemeMode, THEME_COLORS, MESSAGE_TYPE, handleSendMessage, handleGetMessage, createOrGetDirectChannel, switchChannelActiveChannel, blockUsers, unBlockUsers };
 declare global {
     interface Window {
         sceytTabNotifications: any;

package/index.js

@@ -10389,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) {
@@ -10396,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;
@@ -10475,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 {
@@ -13405,19 +13449,21 @@ var getContactsAC = function getContactsAC() {
     payload: {}
   };
 };
-var blockUserAC = function blockUserAC(userIds) {
+var blockUserAC = function blockUserAC(userIds, callback) {
   return {
     type: BLOCK_USERS,
     payload: {
-      userIds: userIds
+      userIds: userIds,
+      callback: callback
     }
   };
 };
-var unblockUserAC = function unblockUserAC(userIds) {
+var unblockUserAC = function unblockUserAC(userIds, callback) {
   return {
     type: UNBLOCK_USERS,
     payload: {
-      userIds: userIds
+      userIds: userIds,
+      callback: callback
     }
   };
 };
@@ -20071,16 +20117,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')) {
@@ -24583,14 +24634,14 @@ function getContacts() {
   }, _marked$5, null, [[0, 4]]);
 }
 function blockUser(action) {
-  var SceytChatClient, payload, userIds, blockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _iterator, _step, _updateUserStatusOnMa, _updateMembersPresenc, _updateUserStatusOnCh, user, _t2;
+  var SceytChatClient, payload, userIds, callback, blockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _iterator, _step, _updateUserStatusOnMa, _updateMembersPresenc, _updateUserStatusOnCh, user, _payload, _callback, _t2;
   return _regenerator().w(function (_context2) {
     while (1) switch (_context2.p = _context2.n) {
       case 0:
         _context2.p = 0;
         SceytChatClient = getClient();
         payload = action.payload;
-        userIds = payload.userIds;
+        userIds = payload.userIds, callback = payload.callback;
         _context2.n = 1;
         return effects.call(SceytChatClient.blockUsers, userIds);
       case 1:
@@ -24669,26 +24720,34 @@ function blockUser(action) {
         _context2.n = 6;
         break;
       case 12:
+        if (callback) {
+          callback(blockedUsers);
+        }
         _context2.n = 14;
         break;
       case 13:
         _context2.p = 13;
         _t2 = _context2.v;
         log.error('error in block users', _t2.message);
+        _payload = action.payload;
+        _callback = _payload.callback;
+        if (_callback) {
+          _callback(null, _t2);
+        }
       case 14:
         return _context2.a(2);
     }
   }, _marked2$4, null, [[0, 13]]);
 }
 function unblockUser(action) {
-  var SceytChatClient, payload, userIds, unblockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _iterator2, _step2, _updateUserStatusOnMa2, _updateMembersPresenc2, _updateUserStatusOnCh2, user, updateData, _t3;
+  var SceytChatClient, payload, userIds, callback, unblockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _iterator2, _step2, _updateUserStatusOnMa2, _updateMembersPresenc2, _updateUserStatusOnCh2, user, updateData, _payload2, _callback2, _t3;
   return _regenerator().w(function (_context3) {
     while (1) switch (_context3.p = _context3.n) {
       case 0:
         _context3.p = 0;
         SceytChatClient = getClient();
         payload = action.payload;
-        userIds = payload.userIds;
+        userIds = payload.userIds, callback = payload.callback;
         _context3.n = 1;
         return effects.call(SceytChatClient.unblockUsers, userIds);
       case 1:
@@ -24768,12 +24827,20 @@ function unblockUser(action) {
         _context3.n = 6;
         break;
       case 12:
+        if (callback) {
+          callback(unblockedUsers);
+        }
         _context3.n = 14;
         break;
       case 13:
         _context3.p = 13;
         _t3 = _context3.v;
         log.error('error in unblock users', _t3.message);
+        _payload2 = action.payload;
+        _callback2 = _payload2.callback;
+        if (_callback2) {
+          _callback2(null, _t3);
+        }
       case 14:
         return _context3.a(2);
     }
@@ -25986,6 +26053,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));
@@ -52973,6 +53041,34 @@ var handleSendMessage = function handleSendMessage(message, channelId, connectio
 var handleGetMessage = function handleGetMessage(channelId, messageId) {
   return store.dispatch(getMessageAC(channelId, messageId));
 };
+var blockUsers = function blockUsers(userIds, callback) {
+  return new Promise(function (resolve, reject) {
+    store.dispatch(blockUserAC(userIds, function (users, error) {
+      if (error) {
+        reject(error);
+      } else {
+        if (callback) {
+          callback(users);
+        }
+        resolve(users);
+      }
+    }));
+  });
+};
+var unBlockUsers = function unBlockUsers(userIds, callback) {
+  return new Promise(function (resolve, reject) {
+    store.dispatch(unblockUserAC(userIds, function (users, error) {
+      if (error) {
+        reject(error);
+      } else {
+        if (callback) {
+          callback(users);
+        }
+        resolve(users);
+      }
+    }));
+  });
+};
 
 exports.Attachment = Attachment$1;
 exports.Avatar = Avatar;
@@ -52996,9 +53092,11 @@ exports.PollMessage = PollMessage;
 exports.SceytChat = SceytChatContainer;
 exports.SendMessage = SendMessageInput;
 exports.THEME_COLORS = THEME_COLORS;
+exports.blockUsers = blockUsers;
 exports.createOrGetDirectChannel = createOrGetDirectChannel;
 exports.handleGetMessage = handleGetMessage;
 exports.handleSendMessage = handleSendMessage;
 exports.switchChannelActiveChannel = switchChannelActiveChannel;
 exports.trimReactMessage = trimReactMessage;
+exports.unBlockUsers = unBlockUsers;
 //# sourceMappingURL=index.js.map

package/index.modern.js

@@ -10388,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) {
@@ -10395,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;
@@ -10474,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 {
@@ -13404,19 +13448,21 @@ var getContactsAC = function getContactsAC() {
     payload: {}
   };
 };
-var blockUserAC = function blockUserAC(userIds) {
+var blockUserAC = function blockUserAC(userIds, callback) {
   return {
     type: BLOCK_USERS,
     payload: {
-      userIds: userIds
+      userIds: userIds,
+      callback: callback
     }
   };
 };
-var unblockUserAC = function unblockUserAC(userIds) {
+var unblockUserAC = function unblockUserAC(userIds, callback) {
   return {
     type: UNBLOCK_USERS,
     payload: {
-      userIds: userIds
+      userIds: userIds,
+      callback: callback
     }
   };
 };
@@ -20070,16 +20116,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')) {
@@ -24582,14 +24633,14 @@ function getContacts() {
   }, _marked$5, null, [[0, 4]]);
 }
 function blockUser(action) {
-  var SceytChatClient, payload, userIds, blockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _iterator, _step, _updateUserStatusOnMa, _updateMembersPresenc, _updateUserStatusOnCh, user, _t2;
+  var SceytChatClient, payload, userIds, callback, blockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _iterator, _step, _updateUserStatusOnMa, _updateMembersPresenc, _updateUserStatusOnCh, user, _payload, _callback, _t2;
   return _regenerator().w(function (_context2) {
     while (1) switch (_context2.p = _context2.n) {
       case 0:
         _context2.p = 0;
         SceytChatClient = getClient();
         payload = action.payload;
-        userIds = payload.userIds;
+        userIds = payload.userIds, callback = payload.callback;
         _context2.n = 1;
         return call(SceytChatClient.blockUsers, userIds);
       case 1:
@@ -24668,26 +24719,34 @@ function blockUser(action) {
         _context2.n = 6;
         break;
       case 12:
+        if (callback) {
+          callback(blockedUsers);
+        }
         _context2.n = 14;
         break;
       case 13:
         _context2.p = 13;
         _t2 = _context2.v;
         log.error('error in block users', _t2.message);
+        _payload = action.payload;
+        _callback = _payload.callback;
+        if (_callback) {
+          _callback(null, _t2);
+        }
       case 14:
         return _context2.a(2);
     }
   }, _marked2$4, null, [[0, 13]]);
 }
 function unblockUser(action) {
-  var SceytChatClient, payload, userIds, unblockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _iterator2, _step2, _updateUserStatusOnMa2, _updateMembersPresenc2, _updateUserStatusOnCh2, user, updateData, _t3;
+  var SceytChatClient, payload, userIds, callback, unblockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _iterator2, _step2, _updateUserStatusOnMa2, _updateMembersPresenc2, _updateUserStatusOnCh2, user, updateData, _payload2, _callback2, _t3;
   return _regenerator().w(function (_context3) {
     while (1) switch (_context3.p = _context3.n) {
       case 0:
         _context3.p = 0;
         SceytChatClient = getClient();
         payload = action.payload;
-        userIds = payload.userIds;
+        userIds = payload.userIds, callback = payload.callback;
         _context3.n = 1;
         return call(SceytChatClient.unblockUsers, userIds);
       case 1:
@@ -24767,12 +24826,20 @@ function unblockUser(action) {
         _context3.n = 6;
         break;
       case 12:
+        if (callback) {
+          callback(unblockedUsers);
+        }
         _context3.n = 14;
         break;
       case 13:
         _context3.p = 13;
         _t3 = _context3.v;
         log.error('error in unblock users', _t3.message);
+        _payload2 = action.payload;
+        _callback2 = _payload2.callback;
+        if (_callback2) {
+          _callback2(null, _t3);
+        }
       case 14:
         return _context3.a(2);
     }
@@ -25985,6 +26052,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));
@@ -52972,6 +53040,34 @@ var handleSendMessage = function handleSendMessage(message, channelId, connectio
 var handleGetMessage = function handleGetMessage(channelId, messageId) {
   return store.dispatch(getMessageAC(channelId, messageId));
 };
+var blockUsers = function blockUsers(userIds, callback) {
+  return new Promise(function (resolve, reject) {
+    store.dispatch(blockUserAC(userIds, function (users, error) {
+      if (error) {
+        reject(error);
+      } else {
+        if (callback) {
+          callback(users);
+        }
+        resolve(users);
+      }
+    }));
+  });
+};
+var unBlockUsers = function unBlockUsers(userIds, callback) {
+  return new Promise(function (resolve, reject) {
+    store.dispatch(unblockUserAC(userIds, function (users, error) {
+      if (error) {
+        reject(error);
+      } else {
+        if (callback) {
+          callback(users);
+        }
+        resolve(users);
+      }
+    }));
+  });
+};
 
-export { Attachment$1 as Attachment, Avatar, Channel, ChannelDetailsContainer as ChannelDetails, ChannelList, ChannelSearch, Chat, ChatHeader, CreateChannel, DropDown, EmojisPopup, FrequentlyEmojis, MESSAGE_TYPE, MessagesContainer as MessageList, MessageStatusIcon, MessageTextFormat, MessagesScrollToBottomButton, MessagesScrollToUnreadMentionsButton, OGMetadata, PollMessage, SceytChatContainer as SceytChat, SendMessageInput as SendMessage, THEME_COLORS, createOrGetDirectChannel, handleGetMessage, handleSendMessage, switchChannelActiveChannel, trimReactMessage };
+export { Attachment$1 as Attachment, Avatar, Channel, ChannelDetailsContainer as ChannelDetails, ChannelList, ChannelSearch, Chat, ChatHeader, CreateChannel, DropDown, EmojisPopup, FrequentlyEmojis, MESSAGE_TYPE, MessagesContainer as MessageList, MessageStatusIcon, MessageTextFormat, MessagesScrollToBottomButton, MessagesScrollToUnreadMentionsButton, OGMetadata, PollMessage, SceytChatContainer as SceytChat, SendMessageInput as SendMessage, THEME_COLORS, blockUsers, createOrGetDirectChannel, handleGetMessage, handleSendMessage, switchChannelActiveChannel, trimReactMessage, unBlockUsers };
 //# sourceMappingURL=index.modern.js.map

package/package.json

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