sceyt-chat-react-uikit 1.6.2 → 1.6.3-beta.1

package/index.js

@@ -11831,7 +11831,7 @@ function watchForEvents() {
           };
         });
         _loop = /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-          var _yield$take, type, args, createdChannel, channelFilterTypes, getFromContacts, channelExists, _chan, channel, _chan2, _channel, member, _channelExists, _activeChannelId, groupName, _channel2, _channelExists2, _channel3, removedMembers, _activeChannelId2, _channelExists3, activeChannel, _groupName, _channel4, addedMembers, _activeChannelId3, _channelExists4, _groupName2, updatedChannel, _channelExists5, subject, avatarUrl, muted, mutedTill, _groupName3, _channel5, message, messageToHandle, _channelFilterTypes, _activeChannelId4, _channelExists6, channelForAdd, hasNextMessage, _groupName4, showNotifications, tabIsActive, contactsMap, _getFromContacts, messageBody, channelId, markerList, _channel6, _activeChannelId5, updateLastMessage, markersMap, lastMessage, _channel7, from, _channel8, _from, _channelId, _channel9, _channel10, deletedMessage, _activeChannelId6, _channelExists7, _channel11, _message, _activeChannelId7, _channelExists8, _channel12, user, _message2, reaction, isSelf, _activeChannelId8, _contactsMap, _getFromContacts2, _messageBody, channelUpdateParams, _channel13, _user, _message3, _reaction, channelFromMap, _isSelf, _activeChannelId9, _channelUpdateParams, _channel14, _updatedChannel, _channel15, _activeChannelId10, channelExist, _channel16, _channel17, _channel18, _channel19, _channel20, _channel21, _channel22, _groupName5, _channel23, _groupName6, _channel24, members, _activeChannelId11, i, _channel25, _channel26, status;
+          var _yield$take, type, args, createdChannel, channelFilterTypes, getFromContacts, channelExists, _chan, channel, _chan2, _channel, member, _channelExists, _activeChannelId, groupName, _channel2, _channelExists2, _channel3, removedMembers, _activeChannelId2, _channelExists3, activeChannel, _groupName, _channel4, addedMembers, _activeChannelId3, _channelExists4, _groupName2, updatedChannel, _channelExists5, subject, avatarUrl, muted, mutedTill, metadata, _activeChannelId4, _groupName3, _channel5, message, messageToHandle, _channelFilterTypes, _activeChannelId5, _channelExists6, channelForAdd, hasNextMessage, _groupName4, showNotifications, tabIsActive, contactsMap, _getFromContacts, messageBody, channelId, markerList, _channel6, _activeChannelId6, updateLastMessage, markersMap, lastMessage, _channel7, from, _channel8, _from, _channelId, _channel9, _channel10, deletedMessage, _activeChannelId7, _channelExists7, _channel11, _message, _activeChannelId8, _channelExists8, _channel12, user, _message2, reaction, isSelf, _activeChannelId9, _contactsMap, _getFromContacts2, _messageBody, channelUpdateParams, _channel13, _user, _message3, _reaction, channelFromMap, _isSelf, _activeChannelId10, _channelUpdateParams, _channel14, _updatedChannel, _channel15, _activeChannelId11, channelExist, _channel16, _channel17, _channel18, _channel19, _channel20, _channel21, _channel22, _groupName5, _channel23, _groupName6, _channel24, members, _activeChannelId12, i, _channel25, _channel26, status;
           return _regeneratorRuntime().wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
@@ -11842,7 +11842,7 @@ function watchForEvents() {
                 type = _yield$take.type;
                 args = _yield$take.args;
                 _context.t0 = type;
-                _context.next = _context.t0 === CHANNEL_EVENT_TYPES.CREATE ? 8 : _context.t0 === CHANNEL_EVENT_TYPES.JOIN ? 25 : _context.t0 === CHANNEL_EVENT_TYPES.LEAVE ? 34 : _context.t0 === CHANNEL_EVENT_TYPES.BLOCK ? 58 : _context.t0 === CHANNEL_EVENT_TYPES.UNBLOCK ? 65 : _context.t0 === CHANNEL_EVENT_TYPES.KICK_MEMBERS ? 67 : _context.t0 === CHANNEL_EVENT_TYPES.ADD_MEMBERS ? 96 : _context.t0 === CHANNEL_EVENT_TYPES.UPDATE_CHANNEL ? 119 : _context.t0 === CHANNEL_EVENT_TYPES.MESSAGE ? 130 : _context.t0 === CHANNEL_EVENT_TYPES.MESSAGE_MARKERS_RECEIVED ? 193 : _context.t0 === CHANNEL_EVENT_TYPES.START_TYPING ? 216 : _context.t0 === CHANNEL_EVENT_TYPES.STOP_TYPING ? 222 : _context.t0 === CHANNEL_EVENT_TYPES.DELETE ? 227 : _context.t0 === CHANNEL_EVENT_TYPES.DELETE_MESSAGE ? 234 : _context.t0 === CHANNEL_EVENT_TYPES.EDIT_MESSAGE ? 251 : _context.t0 === CHANNEL_EVENT_TYPES.REACTION_ADDED ? 266 : _context.t0 === CHANNEL_EVENT_TYPES.REACTION_DELETED ? 290 : _context.t0 === CHANNEL_EVENT_TYPES.UNREAD_MESSAGES_INFO ? 306 : _context.t0 === CHANNEL_EVENT_TYPES.CLEAR_HISTORY ? 313 : _context.t0 === CHANNEL_EVENT_TYPES.MUTE ? 331 : _context.t0 === CHANNEL_EVENT_TYPES.UNMUTE ? 337 : _context.t0 === CHANNEL_EVENT_TYPES.PINED ? 343 : _context.t0 === CHANNEL_EVENT_TYPES.UNPINED ? 349 : _context.t0 === CHANNEL_EVENT_TYPES.HIDE ? 355 : _context.t0 === CHANNEL_EVENT_TYPES.UNHIDE ? 360 : _context.t0 === CHANNEL_EVENT_TYPES.CHANNEL_MARKED_AS_UNREAD ? 365 : _context.t0 === CHANNEL_EVENT_TYPES.CHANNEL_MARKED_AS_READ ? 373 : _context.t0 === CHANNEL_EVENT_TYPES.CHANGE_ROLE ? 381 : _context.t0 === CHANNEL_EVENT_TYPES.FROZEN ? 400 : _context.t0 === CHANNEL_EVENT_TYPES.UNFROZEN ? 403 : _context.t0 === CHANNEL_EVENT_TYPES.CHANNEL_EVENT ? 406 : _context.t0 === CONNECTION_EVENT_TYPES.CONNECTION_STATUS_CHANGED ? 408 : 416;
+                _context.next = _context.t0 === CHANNEL_EVENT_TYPES.CREATE ? 8 : _context.t0 === CHANNEL_EVENT_TYPES.JOIN ? 25 : _context.t0 === CHANNEL_EVENT_TYPES.LEAVE ? 34 : _context.t0 === CHANNEL_EVENT_TYPES.BLOCK ? 58 : _context.t0 === CHANNEL_EVENT_TYPES.UNBLOCK ? 65 : _context.t0 === CHANNEL_EVENT_TYPES.KICK_MEMBERS ? 67 : _context.t0 === CHANNEL_EVENT_TYPES.ADD_MEMBERS ? 96 : _context.t0 === CHANNEL_EVENT_TYPES.UPDATE_CHANNEL ? 119 : _context.t0 === CHANNEL_EVENT_TYPES.MESSAGE ? 136 : _context.t0 === CHANNEL_EVENT_TYPES.MESSAGE_MARKERS_RECEIVED ? 199 : _context.t0 === CHANNEL_EVENT_TYPES.START_TYPING ? 222 : _context.t0 === CHANNEL_EVENT_TYPES.STOP_TYPING ? 228 : _context.t0 === CHANNEL_EVENT_TYPES.DELETE ? 233 : _context.t0 === CHANNEL_EVENT_TYPES.DELETE_MESSAGE ? 240 : _context.t0 === CHANNEL_EVENT_TYPES.EDIT_MESSAGE ? 257 : _context.t0 === CHANNEL_EVENT_TYPES.REACTION_ADDED ? 272 : _context.t0 === CHANNEL_EVENT_TYPES.REACTION_DELETED ? 296 : _context.t0 === CHANNEL_EVENT_TYPES.UNREAD_MESSAGES_INFO ? 312 : _context.t0 === CHANNEL_EVENT_TYPES.CLEAR_HISTORY ? 319 : _context.t0 === CHANNEL_EVENT_TYPES.MUTE ? 337 : _context.t0 === CHANNEL_EVENT_TYPES.UNMUTE ? 343 : _context.t0 === CHANNEL_EVENT_TYPES.PINED ? 349 : _context.t0 === CHANNEL_EVENT_TYPES.UNPINED ? 355 : _context.t0 === CHANNEL_EVENT_TYPES.HIDE ? 361 : _context.t0 === CHANNEL_EVENT_TYPES.UNHIDE ? 366 : _context.t0 === CHANNEL_EVENT_TYPES.CHANNEL_MARKED_AS_UNREAD ? 371 : _context.t0 === CHANNEL_EVENT_TYPES.CHANNEL_MARKED_AS_READ ? 379 : _context.t0 === CHANNEL_EVENT_TYPES.CHANGE_ROLE ? 387 : _context.t0 === CHANNEL_EVENT_TYPES.FROZEN ? 406 : _context.t0 === CHANNEL_EVENT_TYPES.UNFROZEN ? 409 : _context.t0 === CHANNEL_EVENT_TYPES.CHANNEL_EVENT ? 412 : _context.t0 === CONNECTION_EVENT_TYPES.CONNECTION_STATUS_CHANGED ? 414 : 422;
                 break;
               case 8:
                 createdChannel = args.createdChannel;
@@ -11876,7 +11876,7 @@ function watchForEvents() {
                   addChannelToAllChannels(createdChannel);
                 }
               case 24:
-                return _context.abrupt("break", 417);
+                return _context.abrupt("break", 423);
               case 25:
                 channel = args.channel;
                 console.log('channel JOIN ... . ', channel);
@@ -11887,7 +11887,7 @@ function watchForEvents() {
                 if (!_chan2) {
                   addChannelToAllChannels(channel);
                 }
-                return _context.abrupt("break", 417);
+                return _context.abrupt("break", 423);
               case 34:
                 _channel = args.channel, member = args.member;
                 console.log('channel LEAVE ... ', _channel, member);
@@ -11940,7 +11940,7 @@ function watchForEvents() {
                   mutedTill: _channel.mutedTill
                 });
               case 57:
-                return _context.abrupt("break", 417);
+                return _context.abrupt("break", 423);
               case 58:
                 console.log('channel BLOCK ... ');
                 _channel2 = args.channel;
@@ -11952,10 +11952,10 @@ function watchForEvents() {
                 _context.next = 64;
                 return effects.put(removeChannelAC(_channel2.id));
               case 64:
-                return _context.abrupt("break", 417);
+                return _context.abrupt("break", 423);
               case 65:
                 console.log('channel UNBLOCK ... ');
-                return _context.abrupt("break", 417);
+                return _context.abrupt("break", 423);
               case 67:
                 _channel3 = args.channel, removedMembers = args.removedMembers;
                 console.log('channel KICK_MEMBERS ... ', removedMembers);
@@ -12019,7 +12019,7 @@ function watchForEvents() {
                   muted: _channel3.muted,
                   mutedTill: _channel3.mutedTill
                 });
-                return _context.abrupt("break", 417);
+                return _context.abrupt("break", 423);
               case 96:
                 _channel4 = args.channel, addedMembers = args.addedMembers;
                 console.log('channel ADD_MEMBERS ... ', addedMembers);
@@ -12068,13 +12068,13 @@ function watchForEvents() {
                   muted: _channel4.muted,
                   mutedTill: _channel4.mutedTill
                 });
-                return _context.abrupt("break", 417);
+                return _context.abrupt("break", 423);
               case 119:
                 updatedChannel = args.updatedChannel;
                 _channelExists5 = checkChannelExists(updatedChannel.id);
-                subject = updatedChannel.subject, avatarUrl = updatedChannel.avatarUrl, muted = updatedChannel.muted, mutedTill = updatedChannel.mutedTill;
+                subject = updatedChannel.subject, avatarUrl = updatedChannel.avatarUrl, muted = updatedChannel.muted, mutedTill = updatedChannel.mutedTill, metadata = updatedChannel.metadata;
                 if (!_channelExists5) {
-                  _context.next = 125;
+                  _context.next = 131;
                   break;
                 }
                 _context.next = 125;
@@ -12085,117 +12085,131 @@ function watchForEvents() {
                   mutedTill: mutedTill
                 }));
               case 125:
+                _context.next = 127;
+                return effects.call(getActiveChannelId);
+              case 127:
+                _activeChannelId4 = _context.sent;
+                if (!(_activeChannelId4 === updatedChannel.id)) {
+                  _context.next = 131;
+                  break;
+                }
+                _context.next = 131;
+                return effects.put(setActiveChannelAC(_extends({}, updatedChannel, {
+                  metadata: isJSON(metadata) ? JSON.parse(metadata) : metadata
+                })));
+              case 131:
                 _groupName3 = getChannelGroupName(updatedChannel);
-                _context.next = 128;
+                _context.next = 134;
                 return effects.put(updateSearchedChannelDataAC(updatedChannel.id, {
                   subject: subject,
                   avatarUrl: avatarUrl,
                   muted: muted,
                   mutedTill: mutedTill
                 }, _groupName3));
-              case 128:
+              case 134:
                 updateChannelOnAllChannels(updatedChannel.id, {
                   subject: subject,
                   avatarUrl: avatarUrl,
                   muted: muted,
-                  mutedTill: mutedTill
+                  mutedTill: mutedTill,
+                  metadata: isJSON(metadata) ? JSON.parse(metadata) : metadata
                 });
-                return _context.abrupt("break", 417);
-              case 130:
+                return _context.abrupt("break", 423);
+              case 136:
                 _channel5 = args.channel, message = args.message;
                 console.log('channel MESSAGE ... id : ', message.id, ' message: ', message, ' channel.id: ', _channel5.id);
                 messageToHandle = handleNewMessages ? handleNewMessages(message, _channel5) : message;
                 _channelFilterTypes = getChannelTypesFilter();
                 if (!(messageToHandle && _channel5 && (_channelFilterTypes !== null && _channelFilterTypes !== void 0 && _channelFilterTypes.length ? _channelFilterTypes.includes(_channel5.type) : true))) {
-                  _context.next = 192;
+                  _context.next = 198;
                   break;
                 }
                 _channel5.metadata = isJSON(_channel5.metadata) ? JSON.parse(_channel5.metadata) : _channel5.metadata;
-                _context.next = 138;
+                _context.next = 144;
                 return effects.call(getActiveChannelId);
-              case 138:
-                _activeChannelId4 = _context.sent;
+              case 144:
+                _activeChannelId5 = _context.sent;
                 _channelExists6 = checkChannelExists(_channel5.id);
                 channelForAdd = JSON.parse(JSON.stringify(_channel5));
-                _context.next = 143;
+                _context.next = 149;
                 return effects.put(addChannelAC(channelForAdd));
-              case 143:
+              case 149:
                 if (_channelExists6) {
-                  _context.next = 148;
+                  _context.next = 154;
                   break;
                 }
-                _context.next = 146;
+                _context.next = 152;
                 return effects.call(setChannelInMap, _channel5);
-              case 146:
-                _context.next = 151;
+              case 152:
+                _context.next = 157;
                 break;
-              case 148:
+              case 154:
                 if (message.repliedInThread) {
-                  _context.next = 151;
+                  _context.next = 157;
                   break;
                 }
-                _context.next = 151;
+                _context.next = 157;
                 return effects.put(updateChannelLastMessageAC(message, channelForAdd));
-              case 151:
-                if (!(_channel5.id === _activeChannelId4)) {
-                  _context.next = 163;
+              case 157:
+                if (!(_channel5.id === _activeChannelId5)) {
+                  _context.next = 169;
                   break;
                 }
                 if (getHasNextCached()) {
-                  _context.next = 155;
+                  _context.next = 161;
                   break;
                 }
-                _context.next = 155;
+                _context.next = 161;
                 return effects.put(addMessageAC(message));
-              case 155:
+              case 161:
                 addAllMessages([message], MESSAGE_LOAD_DIRECTION.NEXT);
-                _context.next = 159;
+                _context.next = 165;
                 return effects.select(messagesHasNextSelector);
-              case 159:
+              case 165:
                 hasNextMessage = _context.sent;
                 if (!(!getHasNextCached() && !hasNextMessage)) {
-                  _context.next = 163;
+                  _context.next = 169;
                   break;
                 }
-                _context.next = 163;
+                _context.next = 169;
                 return effects.put(scrollToNewMessageAC(true, false, true));
-              case 163:
+              case 169:
                 if (getMessagesFromMap(_channel5.id) && getMessagesFromMap(_channel5.id).length) {
                   addMessageToMap(_channel5.id, message);
                 }
-                _context.next = 166;
+                _context.next = 172;
                 return effects.put(updateChannelDataAC(_channel5.id, _extends({}, channelForAdd, {
                   userMessageReactions: [],
                   lastReactedMessage: null
                 })));
-              case 166:
+              case 172:
                 _groupName4 = getChannelGroupName(_channel5);
-                _context.next = 169;
+                _context.next = 175;
                 return effects.put(updateSearchedChannelDataAC(_channel5.id, _extends({}, channelForAdd, {
                   userMessageReactions: [],
                   lastReactedMessage: null
                 }), _groupName4));
-              case 169:
+              case 175:
                 showNotifications = getShowNotifications();
                 if (!(showNotifications && !message.silent && message.user.id !== SceytChatClient.user.id && !_channel5.muted)) {
-                  _context.next = 182;
+                  _context.next = 188;
                   break;
                 }
                 if (!(Notification.permission === 'granted')) {
-                  _context.next = 182;
+                  _context.next = 188;
                   break;
                 }
-                _context.next = 174;
+                _context.next = 180;
                 return effects.select(browserTabIsActiveSelector);
-              case 174:
+              case 180:
                 tabIsActive = _context.sent;
-                if (!(document.visibilityState !== 'visible' || !tabIsActive || _channel5.id !== _activeChannelId4)) {
-                  _context.next = 182;
+                if (!(document.visibilityState !== 'visible' || !tabIsActive || _channel5.id !== _activeChannelId5)) {
+                  _context.next = 188;
                   break;
                 }
-                _context.next = 178;
+                _context.next = 184;
                 return effects.select(contactsMapSelector);
-              case 178:
+              case 184:
                 contactsMap = _context.sent;
                 _getFromContacts = getShowOnlyContactUsers();
                 messageBody = MessageTextFormat({
@@ -12209,43 +12223,43 @@ function watchForEvents() {
                 setNotification(messageBody, message.user, _channel5, undefined, message.attachments && message.attachments.length ? message.attachments.find(function (att) {
                   return att.type !== attachmentTypes.link;
                 }) : undefined);
-              case 182:
+              case 188:
                 console.log('send delivered for message . .. . ', message);
                 if (!(message.repliedInThread && message.parentMessage.id)) {
-                  _context.next = 188;
+                  _context.next = 194;
                   break;
                 }
-                _context.next = 186;
+                _context.next = 192;
                 return effects.put(markMessagesAsDeliveredAC(message.parentMessage.id, [message.id]));
-              case 186:
-                _context.next = 190;
+              case 192:
+                _context.next = 196;
                 break;
-              case 188:
-                _context.next = 190;
+              case 194:
+                _context.next = 196;
                 return effects.put(markMessagesAsDeliveredAC(_channel5.id, [message.id]));
-              case 190:
+              case 196:
                 updateChannelOnAllChannels(_channel5.id, _extends({}, channelForAdd, {
                   userMessageReactions: [],
                   lastReactedMessage: null
                 }));
                 updateChannelLastMessageOnAllChannels(_channel5.id, _channel5.lastMessage);
-              case 192:
-                return _context.abrupt("break", 417);
-              case 193:
+              case 198:
+                return _context.abrupt("break", 423);
+              case 199:
                 channelId = args.channelId, markerList = args.markerList;
-                _context.next = 196;
+                _context.next = 202;
                 return effects.call(getChannelFromMap, channelId);
-              case 196:
+              case 202:
                 _channel6 = _context.sent;
                 console.log('channel MESSAGE_MARKERS_RECEIVED ... channel: ', _channel6, 'markers list: ', markerList);
                 if (!_channel6) {
-                  _context.next = 215;
+                  _context.next = 221;
                   break;
                 }
-                _context.next = 201;
+                _context.next = 207;
                 return effects.call(getActiveChannelId);
-              case 201:
-                _activeChannelId5 = _context.sent;
+              case 207:
+                _activeChannelId6 = _context.sent;
                 updateLastMessage = false;
                 markersMap = {};
                 markerList.messageIds.forEach(function (messageId) {
@@ -12262,32 +12276,32 @@ function watchForEvents() {
                   });
                 });
                 if (!updateLastMessage) {
-                  _context.next = 210;
+                  _context.next = 216;
                   break;
                 }
                 lastMessage = _extends({}, _channel6.lastMessage, {
                   deliveryStatus: markerList.name
                 });
                 updateChannelLastMessageOnAllChannels(_channel6.id, lastMessage);
-                _context.next = 210;
+                _context.next = 216;
                 return effects.put(updateChannelLastMessageStatusAC(lastMessage, JSON.parse(JSON.stringify(_channel6))));
-              case 210:
-                if (!(_activeChannelId5 === channelId)) {
-                  _context.next = 214;
+              case 216:
+                if (!(_activeChannelId6 === channelId)) {
+                  _context.next = 220;
                   break;
                 }
-                _context.next = 213;
+                _context.next = 219;
                 return effects.put(updateMessagesStatusAC(markerList.name, markersMap));
-              case 213:
+              case 219:
                 updateMarkersOnAllMessages(markersMap, markerList.name);
-              case 214:
+              case 220:
                 updateMessageStatusOnMap(_channel6.id, {
                   name: markerList.name,
                   markersMap: markersMap
                 });
-              case 215:
-                return _context.abrupt("break", 417);
-              case 216:
+              case 221:
+                return _context.abrupt("break", 423);
+              case 222:
                 _channel7 = args.channel, from = args.from;
                 if (typingUsersTimeout[from.id]) {
                   clearTimeout(typingUsersTimeout[from.id]);
@@ -12295,79 +12309,79 @@ function watchForEvents() {
                 typingUsersTimeout[from.id] = setTimeout(function () {
                   channelListener.onMemberStoppedTyping(_channel7, from);
                 }, 4000);
-                _context.next = 221;
+                _context.next = 227;
                 return effects.put(switchTypingIndicatorAC(true, _channel7.id, from));
-              case 221:
-                return _context.abrupt("break", 417);
-              case 222:
+              case 227:
+                return _context.abrupt("break", 423);
+              case 228:
                 _channel8 = args.channel, _from = args.from;
                 if (typingUsersTimeout[_from.id]) {
                   clearTimeout(typingUsersTimeout[_from.id]);
                 }
-                _context.next = 226;
+                _context.next = 232;
                 return effects.put(switchTypingIndicatorAC(false, _channel8.id, _from));
-              case 226:
-                return _context.abrupt("break", 417);
-              case 227:
+              case 232:
+                return _context.abrupt("break", 423);
+              case 233:
                 _channelId = args.channelId;
                 console.log('channel DELETE ... ');
                 _channel9 = getChannelFromMap(_channelId);
-                _context.next = 232;
+                _context.next = 238;
                 return effects.put(setChannelToRemoveAC(_channel9));
-              case 232:
+              case 238:
                 deleteChannelFromAllChannels(_channelId);
-                return _context.abrupt("break", 417);
-              case 234:
+                return _context.abrupt("break", 423);
+              case 240:
                 _channel10 = args.channel, deletedMessage = args.deletedMessage;
-                _activeChannelId6 = getActiveChannelId();
+                _activeChannelId7 = getActiveChannelId();
                 console.log('channel DELETE_MESSAGE ... ');
                 _channelExists7 = checkChannelExists(_channel10.id);
-                if (!(_channel10.id === _activeChannelId6)) {
-                  _context.next = 242;
+                if (!(_channel10.id === _activeChannelId7)) {
+                  _context.next = 248;
                   break;
                 }
                 updateMessageOnAllMessages(deletedMessage.id, deletedMessage);
-                _context.next = 242;
+                _context.next = 248;
                 return effects.put(updateMessageAC(deletedMessage.id, deletedMessage));
-              case 242:
+              case 248:
                 updateMessageOnMap(_channel10.id, {
                   messageId: deletedMessage.id,
                   params: deletedMessage
                 });
                 if (!_channelExists7) {
-                  _context.next = 249;
+                  _context.next = 255;
                   break;
                 }
-                _context.next = 246;
+                _context.next = 252;
                 return effects.put(updateChannelDataAC(_channel10.id, {
                   newMessageCount: _channel10.newMessageCount,
                   muted: _channel10.muted,
                   mutedTill: _channel10.mutedTill
                 }));
-              case 246:
+              case 252:
                 if (!(_channel10.lastMessage.id === deletedMessage.id)) {
-                  _context.next = 249;
+                  _context.next = 255;
                   break;
                 }
-                _context.next = 249;
+                _context.next = 255;
                 return effects.put(updateChannelLastMessageAC(deletedMessage, _channel10));
-              case 249:
+              case 255:
                 updateChannelOnAllChannels(_channel10.id, {
                   newMessageCount: _channel10.newMessageCount,
                   muted: _channel10.muted,
                   mutedTill: _channel10.mutedTill
                 }, deletedMessage);
-                return _context.abrupt("break", 417);
-              case 251:
+                return _context.abrupt("break", 423);
+              case 257:
                 _channel11 = args.channel, _message = args.message;
                 console.log('channel EDIT_MESSAGE ... ', _message);
-                _activeChannelId7 = getActiveChannelId();
+                _activeChannelId8 = getActiveChannelId();
                 _channelExists8 = checkChannelExists(_channel11.id);
-                if (!(_channel11.id === _activeChannelId7)) {
-                  _context.next = 259;
+                if (!(_channel11.id === _activeChannelId8)) {
+                  _context.next = 265;
                   break;
                 }
-                _context.next = 258;
+                _context.next = 264;
                 return effects.put(updateMessageAC(_message.id, {
                   body: _message.body,
                   state: _message.state,
@@ -12376,7 +12390,7 @@ function watchForEvents() {
                   mentionedUsers: _message.mentionedUsers,
                   updatedAt: _message.updatedAt
                 }));
-              case 258:
+              case 264:
                 updateMessageOnAllMessages(_message.id, {
                   body: _message.body,
                   state: _message.state,
@@ -12385,18 +12399,18 @@ function watchForEvents() {
                   mentionedUsers: _message.mentionedUsers,
                   updatedAt: _message.updatedAt
                 });
-              case 259:
+              case 265:
                 if (!_channelExists8) {
-                  _context.next = 263;
+                  _context.next = 269;
                   break;
                 }
                 if (!(_channel11.lastMessage.id === _message.id)) {
-                  _context.next = 263;
+                  _context.next = 269;
                   break;
                 }
-                _context.next = 263;
+                _context.next = 269;
                 return effects.put(updateChannelLastMessageAC(_message, _channel11));
-              case 263:
+              case 269:
                 if (checkChannelExistsOnMessagesMap(_channel11.id)) {
                   updateMessageOnMap(_channel11.id, {
                     messageId: _message.id,
@@ -12404,36 +12418,36 @@ function watchForEvents() {
                   });
                 }
                 updateChannelOnAllChannels(_channel11.id, {}, _message);
-                return _context.abrupt("break", 417);
-              case 266:
+                return _context.abrupt("break", 423);
+              case 272:
                 _channel12 = args.channel, user = args.user, _message2 = args.message, reaction = args.reaction;
                 console.log('channel REACTION_ADDED ... ', args);
                 isSelf = user.id === SceytChatClient.user.id;
-                _activeChannelId8 = getActiveChannelId();
-                if (!(_channel12.id === _activeChannelId8)) {
-                  _context.next = 274;
+                _activeChannelId9 = getActiveChannelId();
+                if (!(_channel12.id === _activeChannelId9)) {
+                  _context.next = 280;
                   break;
                 }
-                _context.next = 273;
+                _context.next = 279;
                 return effects.put(addReactionToMessageAC(_message2, reaction, isSelf));
-              case 273:
+              case 279:
                 addReactionOnAllMessages(_message2, reaction, true);
-              case 274:
+              case 280:
                 if (!(_message2.user.id === SceytChatClient.user.id)) {
-                  _context.next = 288;
+                  _context.next = 294;
                   break;
                 }
                 if (!(!isSelf && Notification.permission === 'granted')) {
-                  _context.next = 283;
+                  _context.next = 289;
                   break;
                 }
-                if (!(document.visibilityState !== 'visible' || _channel12.id !== _activeChannelId8)) {
-                  _context.next = 283;
+                if (!(document.visibilityState !== 'visible' || _channel12.id !== _activeChannelId9)) {
+                  _context.next = 289;
                   break;
                 }
-                _context.next = 279;
+                _context.next = 285;
                 return effects.select(contactsMapSelector);
-              case 279:
+              case 285:
                 _contactsMap = _context.sent;
                 _getFromContacts2 = getShowOnlyContactUsers();
                 _messageBody = MessageTextFormat({
@@ -12447,9 +12461,9 @@ function watchForEvents() {
                 setNotification(_messageBody, reaction.user, _channel12, reaction.key, _message2.attachments && _message2.attachments.length ? _message2.attachments.find(function (att) {
                   return att.type !== attachmentTypes.link;
                 }) : undefined);
-              case 283:
+              case 289:
                 if (!(_channel12.newReactions && _channel12.newReactions.length)) {
-                  _context.next = 287;
+                  _context.next = 293;
                   break;
                 }
                 channelUpdateParams = {
@@ -12459,9 +12473,9 @@ function watchForEvents() {
                   muted: _channel12.muted,
                   mutedTill: _channel12.mutedTill
                 };
-                _context.next = 287;
+                _context.next = 293;
                 return effects.put(updateChannelDataAC(_channel12.id, channelUpdateParams));
-              case 287:
+              case 293:
                 updateChannelOnAllChannels(_channel12.id, {
                   userMessageReactions: _channel12.newReactions,
                   lastReactedMessage: _message2,
@@ -12469,77 +12483,77 @@ function watchForEvents() {
                   muted: _channel12.muted,
                   mutedTill: _channel12.mutedTill
                 });
-              case 288:
+              case 294:
                 if (checkChannelExistsOnMessagesMap(_channel12.id)) {
                   addReactionToMessageOnMap(_channel12.id, _message2, reaction, true);
                 }
-                return _context.abrupt("break", 417);
-              case 290:
+                return _context.abrupt("break", 423);
+              case 296:
                 _channel13 = args.channel, _user = args.user, _message3 = args.message, _reaction = args.reaction;
                 console.log('channel REACTION_DELETED ... ', _channel13);
                 channelFromMap = getChannelFromMap(_channel13.id);
                 _isSelf = _user.id === SceytChatClient.user.id;
-                _activeChannelId9 = getActiveChannelId();
-                if (!(_channel13.id === _activeChannelId9)) {
-                  _context.next = 299;
+                _activeChannelId10 = getActiveChannelId();
+                if (!(_channel13.id === _activeChannelId10)) {
+                  _context.next = 305;
                   break;
                 }
-                _context.next = 298;
+                _context.next = 304;
                 return effects.put(deleteReactionFromMessageAC(_message3, _reaction, _isSelf));
-              case 298:
+              case 304:
                 removeReactionOnAllMessages(_message3, _reaction, true);
-              case 299:
+              case 305:
                 _channelUpdateParams = JSON.parse(JSON.stringify(_channel13));
                 if (channelFromMap && channelFromMap.lastReactedMessage && channelFromMap.lastReactedMessage.id === _message3.id) {
                   _channelUpdateParams.lastReactedMessage = null;
                 }
-                _context.next = 303;
+                _context.next = 309;
                 return effects.put(updateChannelDataAC(_channel13.id, _channelUpdateParams));
-              case 303:
+              case 309:
                 updateChannelOnAllChannels(_channel13.id, _channelUpdateParams);
                 if (checkChannelExistsOnMessagesMap(_channel13.id)) {
                   removeReactionToMessageOnMap(_channel13.id, _message3, _reaction, true);
                 }
-                return _context.abrupt("break", 417);
-              case 306:
+                return _context.abrupt("break", 423);
+              case 312:
                 _channel14 = args.channel;
                 if (!_channel14) {
-                  _context.next = 312;
+                  _context.next = 318;
                   break;
                 }
                 _updatedChannel = JSON.parse(JSON.stringify(_channel14));
-                _context.next = 311;
+                _context.next = 317;
                 return effects.put(updateChannelDataAC(_channel14.id, _updatedChannel));
-              case 311:
+              case 317:
                 updateChannelOnAllChannels(_channel14.id, _updatedChannel);
-              case 312:
-                return _context.abrupt("break", 417);
-              case 313:
+              case 318:
+                return _context.abrupt("break", 423);
+              case 319:
                 _channel15 = args.channel;
                 console.log('CLEAR_HISTORY: ', _channel15);
-                _context.next = 317;
+                _context.next = 323;
                 return effects.call(getActiveChannelId);
-              case 317:
-                _activeChannelId10 = _context.sent;
-                _context.next = 320;
+              case 323:
+                _activeChannelId11 = _context.sent;
+                _context.next = 326;
                 return effects.call(checkChannelExists, _channel15.id);
-              case 320:
+              case 326:
                 channelExist = _context.sent;
-                if (!(_channel15.id === _activeChannelId10)) {
-                  _context.next = 325;
+                if (!(_channel15.id === _activeChannelId11)) {
+                  _context.next = 331;
                   break;
                 }
-                _context.next = 324;
+                _context.next = 330;
                 return effects.put(clearMessagesAC());
-              case 324:
+              case 330:
                 removeAllMessages();
-              case 325:
+              case 331:
                 removeMessagesFromMap(_channel15.id);
                 if (!channelExist) {
-                  _context.next = 329;
+                  _context.next = 335;
                   break;
                 }
-                _context.next = 329;
+                _context.next = 335;
                 return effects.put(updateChannelDataAC(_channel15.id, {
                   lastMessage: null,
                   newMessageCount: 0,
@@ -12547,7 +12561,7 @@ function watchForEvents() {
                   muted: _channel15.muted,
                   mutedTill: _channel15.mutedTill
                 }));
-              case 329:
+              case 335:
                 updateChannelOnAllChannels(_channel15.id, {
                   lastMessage: null,
                   newMessageCount: 0,
@@ -12555,182 +12569,182 @@ function watchForEvents() {
                   muted: _channel15.muted,
                   mutedTill: _channel15.mutedTill
                 });
-                return _context.abrupt("break", 417);
-              case 331:
+                return _context.abrupt("break", 423);
+              case 337:
                 _channel16 = args.channel;
                 console.log('channel MUTE ... ');
-                _context.next = 335;
+                _context.next = 341;
                 return effects.put(updateChannelDataAC(_channel16.id, {
                   muted: _channel16.muted,
                   mutedTill: _channel16.mutedTill
                 }));
-              case 335:
+              case 341:
                 updateChannelOnAllChannels(_channel16.id, {
                   muted: _channel16.muted,
                   mutedTill: _channel16.mutedTill
                 });
-                return _context.abrupt("break", 417);
-              case 337:
+                return _context.abrupt("break", 423);
+              case 343:
                 _channel17 = args.channel;
                 console.log('channel UNMUTE ... ');
-                _context.next = 341;
+                _context.next = 347;
                 return effects.put(updateChannelDataAC(_channel17.id, {
                   muted: _channel17.muted,
                   mutedTill: _channel17.mutedTill
                 }));
-              case 341:
+              case 347:
                 updateChannelOnAllChannels(_channel17.id, {
                   muted: _channel17.muted,
                   mutedTill: _channel17.mutedTill
                 });
-                return _context.abrupt("break", 417);
-              case 343:
+                return _context.abrupt("break", 423);
+              case 349:
                 _channel18 = args.channel;
                 console.log('channel PINED ... ');
-                _context.next = 347;
+                _context.next = 353;
                 return effects.put(updateChannelDataAC(_channel18.id, {
                   pinnedAt: _channel18.pinnedAt
                 }, true));
-              case 347:
+              case 353:
                 updateChannelOnAllChannels(_channel18.id, {
                   pinnedAt: _channel18.pinnedAt
                 });
-                return _context.abrupt("break", 417);
-              case 349:
+                return _context.abrupt("break", 423);
+              case 355:
                 _channel19 = args.channel;
                 console.log('channel UNPINED ... ');
-                _context.next = 353;
+                _context.next = 359;
                 return effects.put(updateChannelDataAC(_channel19.id, {
                   pinnedAt: _channel19.pinnedAt
                 }, false, true));
-              case 353:
+              case 359:
                 updateChannelOnAllChannels(_channel19.id, {
                   pinnedAt: _channel19.pinnedAt
                 });
-                return _context.abrupt("break", 417);
-              case 355:
+                return _context.abrupt("break", 423);
+              case 361:
                 _channel20 = args.channel;
                 console.log('channel HIDE ... ');
-                _context.next = 359;
+                _context.next = 365;
                 return effects.put(setChannelToHideAC(_channel20));
-              case 359:
-                return _context.abrupt("break", 417);
-              case 360:
+              case 365:
+                return _context.abrupt("break", 423);
+              case 366:
                 _channel21 = args.channel;
                 console.log('channel UNHIDE ... ');
-                _context.next = 364;
+                _context.next = 370;
                 return effects.put(setChannelToUnHideAC(_channel21));
-              case 364:
-                return _context.abrupt("break", 417);
-              case 365:
+              case 370:
+                return _context.abrupt("break", 423);
+              case 371:
                 _channel22 = args.channel;
-                _context.next = 368;
+                _context.next = 374;
                 return effects.put(updateChannelDataAC(_channel22.id, {
                   unread: _channel22.unread,
                   muted: _channel22.muted,
                   mutedTill: _channel22.mutedTill
                 }));
-              case 368:
+              case 374:
                 _groupName5 = getChannelGroupName(_channel22);
-                _context.next = 371;
+                _context.next = 377;
                 return effects.put(updateSearchedChannelDataAC(_channel22.id, {
                   unread: _channel22.unread
                 }, _groupName5));
-              case 371:
+              case 377:
                 updateChannelOnAllChannels(_channel22.id, {
                   unread: _channel22.unread
                 });
-                return _context.abrupt("break", 417);
-              case 373:
+                return _context.abrupt("break", 423);
+              case 379:
                 _channel23 = args.channel;
-                _context.next = 376;
+                _context.next = 382;
                 return effects.put(updateChannelDataAC(_channel23.id, {
                   unread: _channel23.unread,
                   muted: _channel23.muted,
                   mutedTill: _channel23.mutedTill
                 }));
-              case 376:
+              case 382:
                 _groupName6 = getChannelGroupName(_channel23);
-                _context.next = 379;
+                _context.next = 385;
                 return effects.put(updateSearchedChannelDataAC(_channel23.id, {
                   unread: _channel23.unread
                 }, _groupName6));
-              case 379:
+              case 385:
                 updateChannelOnAllChannels(_channel23.id, {
                   unread: _channel23.unread
                 });
-                return _context.abrupt("break", 417);
-              case 381:
+                return _context.abrupt("break", 423);
+              case 387:
                 _channel24 = args.channel, members = args.members;
                 console.log('channel CHANGE_ROLE  channel ... ', _channel24);
                 console.log('channel CHANGE_ROLE  member ... ', members);
-                _context.next = 386;
+                _context.next = 392;
                 return effects.call(getActiveChannelId);
-              case 386:
-                _activeChannelId11 = _context.sent;
-                if (!(_channel24.id === _activeChannelId11)) {
-                  _context.next = 390;
+              case 392:
+                _activeChannelId12 = _context.sent;
+                if (!(_channel24.id === _activeChannelId12)) {
+                  _context.next = 396;
                   break;
                 }
-                _context.next = 390;
+                _context.next = 396;
                 return effects.put(updateMembersAC(members));
-              case 390:
+              case 396:
                 i = 0;
-              case 391:
+              case 397:
                 if (!(i < members.length)) {
-                  _context.next = 399;
+                  _context.next = 405;
                   break;
                 }
                 if (!(members[i].id === SceytChatClient.user.id)) {
-                  _context.next = 396;
+                  _context.next = 402;
                   break;
                 }
-                _context.next = 395;
+                _context.next = 401;
                 return effects.put(updateChannelDataAC(_channel24.id, {
                   userRole: members[i].role,
                   muted: _channel24.muted,
                   mutedTill: _channel24.mutedTill
                 }));
-              case 395:
+              case 401:
                 updateChannelOnAllChannels(_channel24.id, {
                   userRole: members[i].role,
                   muted: _channel24.muted,
                   mutedTill: _channel24.mutedTill
                 });
-              case 396:
+              case 402:
                 i++;
-                _context.next = 391;
+                _context.next = 397;
                 break;
-              case 399:
-                return _context.abrupt("break", 417);
-              case 400:
+              case 405:
+                return _context.abrupt("break", 423);
+              case 406:
                 _channel25 = args.channel;
                 console.log('channel frozen  channel ... ', _channel25);
-                return _context.abrupt("break", 417);
-              case 403:
+                return _context.abrupt("break", 423);
+              case 409:
                 _channel26 = args.channel;
                 console.log('channel unfrozen  channel ... ', _channel26);
-                return _context.abrupt("break", 417);
-              case 406:
+                return _context.abrupt("break", 423);
+              case 412:
                 console.log('channel event received >>>... . . . . . ', args);
-                return _context.abrupt("break", 417);
-              case 408:
+                return _context.abrupt("break", 423);
+              case 414:
                 status = args.status;
                 console.log('connection status changed . . . . . ', status);
-                _context.next = 412;
+                _context.next = 418;
                 return effects.put(setConnectionStatusAC(status));
-              case 412:
+              case 418:
                 if (!(status === CONNECTION_STATUS.CONNECTED)) {
-                  _context.next = 415;
+                  _context.next = 421;
                   break;
                 }
-                _context.next = 415;
+                _context.next = 421;
                 return effects.put(getRolesAC());
-              case 415:
-                return _context.abrupt("break", 417);
-              case 416:
+              case 421:
+                return _context.abrupt("break", 423);
+              case 422:
                 console.warn('UNHANDLED EVENT FROM REDUX-SAGA EVENT-CHANNEL');
-              case 417:
+              case 423:
               case "end":
                 return _context.stop();
             }
@@ -35055,10 +35069,10 @@ var EditChannel = function EditChannel(_ref) {
       } else {
         handleUpdateChannel(_extends({}, newSubject !== channel.subject && {
           subject: newSubject
-        }, newDescription !== channel.metadata.d && {
-          metadata: _extends({}, channel.metadata, {
+        }, {
+          metadata: _extends({}, (channel === null || channel === void 0 ? void 0 : channel.metadata) || {}, newDescription !== channel.metadata.d ? {
             d: newDescription
-          })
+          } : {})
         }, newAvatar.url !== channel.avatarUrl && {
           avatar: newAvatar.src.file
         }));