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

package/index.js

@@ -22,6 +22,7 @@ function _interopNamespace(e) {
 var React = require('react');
 var React__default = _interopDefault(React);
 var reactRedux = require('react-redux');
+var log = _interopDefault(require('loglevel'));
 var createSagaMiddleware = require('redux-saga');
 var createSagaMiddleware__default = _interopDefault(createSagaMiddleware);
 var redux = require('redux');
@@ -7768,7 +7769,7 @@ var pauseUpload = function pauseUpload(attachmentId) {
   if (pendingUploaders[attachmentId]) {
     return pendingUploaders[attachmentId].stop();
   } else {
-    console.log('Unknown uploading task');
+    log.info('Unknown uploading task');
     return false;
   }
 };
@@ -7776,7 +7777,7 @@ var resumeUpload = function resumeUpload(attachmentId) {
   if (pendingUploaders[attachmentId]) {
     return pendingUploaders[attachmentId].resume();
   } else {
-    console.log('Unknown uploading task');
+    log.info('Unknown uploading task');
     return false;
   }
 };
@@ -7844,7 +7845,7 @@ var downloadFile = function downloadFile(attachment, download, done, progressCal
       }();
       if (_temp && _temp.then) return _temp.then(function () {});
     }, function (e) {
-      console.log('error on download... ', e);
+      log.info('error on download... ', e);
       if (done) {
         done(attachment.id || '', true);
       }
@@ -8550,7 +8551,7 @@ var MessageReducer = (function (state, _temp) {
           return message;
         });
         if (!messageFound && addIfNotExists) {
-          console.log('message not found on update message, add message to list .. ...', params);
+          log.info('message not found on update message, add message to list .. ...', params);
           newState.activeChannelMessages = [].concat(newState.activeChannelMessages, [params]);
         }
         return newState;
@@ -8859,7 +8860,7 @@ var MembersReducer = (function (state, _ref) {
     case UPDATE_MEMBERS:
       {
         var _members2 = payload.members;
-        console.log('UPDATE_MEMBERS . ... .. ', _members2);
+        log.info('UPDATE_MEMBERS . ... .. ', _members2);
         var updateMembers = [];
         var membersCopy = [].concat(newState.activeChannelMembers);
         if (_members2.length) {
@@ -8880,7 +8881,7 @@ var MembersReducer = (function (state, _ref) {
     case UPDATE_MEMBERS_PRESENCE:
       {
         var usersMap = payload.usersMap;
-        console.log('UPDATE_MEMBERS_PRESENCE . ... .. ', usersMap);
+        log.info('UPDATE_MEMBERS_PRESENCE . ... .. ', usersMap);
         var _updateMembers = [];
         if (newState.activeChannelMembers.length) {
           var _membersCopy = [].concat(newState.activeChannelMembers);
@@ -11368,7 +11369,7 @@ var MessageTextFormat = function MessageTextFormat(_ref2) {
   try {
     var messageText = [];
     var linkify = new LinkifyIt();
-    var messageBodyAttributes = message.bodyAttributes && isJSON(message.bodyAttributes) && JSON.parse(JSON.stringify(message.bodyAttributes));
+    var messageBodyAttributes = message.bodyAttributes && JSON.parse(JSON.stringify(message.bodyAttributes));
     if (message.body && messageBodyAttributes && messageBodyAttributes.length > 0) {
       var combinedAttributesList = combineMessageAttributes(messageBodyAttributes);
       var textPart = text;
@@ -11435,7 +11436,7 @@ var MessageTextFormat = function MessageTextFormat(_ref2) {
             }, "" + text.slice(attributeOffset, attributeOffset + attribute.length))), index === combinedAttributesList.length - 1 ? secondPart : '');
           }
         } catch (e) {
-          console.log('Error on format message text, message: ', message, 'error: ', e);
+          log.info('Error on format message text, message: ', message, 'error: ', e);
         }
       });
     } else {
@@ -11446,8 +11447,8 @@ var MessageTextFormat = function MessageTextFormat(_ref2) {
     }
     return messageText.length > 1 ? asSampleText ? messageText.join('') : messageText : text;
   } catch (e) {
-    console.log(' failed to format message .>>> ', e);
-    console.log('message: ', message);
+    log.info(' failed to format message .>>> ', e);
+    log.info('message: ', message);
     return text;
   }
 };
@@ -11831,7 +11832,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,11 +11843,11 @@ 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;
-                console.log('CHANNEL_EVENT_CREATE ... ', createdChannel);
+                log.info('CHANNEL_EVENT_CREATE ... ', createdChannel);
                 channelFilterTypes = getChannelTypesFilter();
                 if (!(channelFilterTypes !== null && channelFilterTypes !== void 0 && channelFilterTypes.length ? channelFilterTypes.includes(createdChannel.type) : true)) {
                   _context.next = 24;
@@ -11876,10 +11877,10 @@ 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);
+                log.info('channel JOIN ... . ', channel);
                 _context.next = 29;
                 return effects.call(getActiveChannelId);
               case 29:
@@ -11887,10 +11888,10 @@ 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);
+                log.info('channel LEAVE ... ', _channel, member);
                 _channelExists = checkChannelExists(_channel.id);
                 _context.next = 39;
                 return effects.call(getActiveChannelId);
@@ -11940,9 +11941,9 @@ function watchForEvents() {
                   mutedTill: _channel.mutedTill
                 });
               case 57:
-                return _context.abrupt("break", 417);
+                return _context.abrupt("break", 423);
               case 58:
-                console.log('channel BLOCK ... ');
+                log.info('channel BLOCK ... ');
                 _channel2 = args.channel;
                 _channelExists2 = checkChannelExists(_channel2.id);
                 if (!_channelExists2) {
@@ -11952,13 +11953,13 @@ 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);
+                log.info('channel UNBLOCK ... ');
+                return _context.abrupt("break", 423);
               case 67:
                 _channel3 = args.channel, removedMembers = args.removedMembers;
-                console.log('channel KICK_MEMBERS ... ', removedMembers);
+                log.info('channel KICK_MEMBERS ... ', removedMembers);
                 _context.next = 71;
                 return effects.call(getActiveChannelId);
               case 71:
@@ -12019,10 +12020,10 @@ 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);
+                log.info('channel ADD_MEMBERS ... ', addedMembers);
                 _context.next = 100;
                 return effects.call(getActiveChannelId);
               case 100:
@@ -12068,13 +12069,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 +12086,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);
+                log.info('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 +12224,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:
-                console.log('send delivered for message . .. . ', message);
+              case 188:
+                log.info('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);
+                log.info('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 +12277,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 +12310,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 ... ');
+                log.info('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();
-                console.log('channel DELETE_MESSAGE ... ');
+                _activeChannelId7 = getActiveChannelId();
+                log.info('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();
+                log.info('channel EDIT_MESSAGE ... ', _message);
+                _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 +12391,7 @@ function watchForEvents() {
                   mentionedUsers: _message.mentionedUsers,
                   updatedAt: _message.updatedAt
                 }));
-              case 258:
+              case 264:
                 updateMessageOnAllMessages(_message.id, {
                   body: _message.body,
                   state: _message.state,
@@ -12385,18 +12400,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 +12419,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);
+                log.info('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 +12462,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 +12474,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 +12484,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);
+                log.info('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;
+                log.info('CLEAR_HISTORY: ', _channel15);
+                _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 +12562,7 @@ function watchForEvents() {
                   muted: _channel15.muted,
                   mutedTill: _channel15.mutedTill
                 }));
-              case 329:
+              case 335:
                 updateChannelOnAllChannels(_channel15.id, {
                   lastMessage: null,
                   newMessageCount: 0,
@@ -12555,182 +12570,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;
+                log.info('channel MUTE ... ');
+                _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;
+                log.info('channel UNMUTE ... ');
+                _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;
+                log.info('channel PINED ... ');
+                _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;
+                log.info('channel UNPINED ... ');
+                _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;
+                log.info('channel HIDE ... ');
+                _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;
+                log.info('channel UNHIDE ... ');
+                _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;
+                log.info('channel CHANGE_ROLE  channel ... ', _channel24);
+                log.info('channel CHANGE_ROLE  member ... ', members);
+                _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:
+                log.info('channel frozen  channel ... ', _channel25);
+                return _context.abrupt("break", 423);
+              case 409:
                 _channel26 = args.channel;
-                console.log('channel unfrozen  channel ... ', _channel26);
-                return _context.abrupt("break", 417);
-              case 406:
-                console.log('channel event received >>>... . . . . . ', args);
-                return _context.abrupt("break", 417);
-              case 408:
+                log.info('channel unfrozen  channel ... ', _channel26);
+                return _context.abrupt("break", 423);
+              case 412:
+                log.info('channel event received >>>... . . . . . ', args);
+                return _context.abrupt("break", 423);
+              case 414:
                 status = args.status;
-                console.log('connection status changed . . . . . ', status);
-                _context.next = 412;
+                log.info('connection status changed . . . . . ', status);
+                _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();
             }
@@ -12868,7 +12883,7 @@ function createChannel(action) {
         fileToUpload = {
           data: createChannelData.avatarFile,
           progress: function progress(progressPercent) {
-            console.log('upload percent - ', progressPercent);
+            log.info('upload percent - ', progressPercent);
           }
         };
         _context.next = 9;
@@ -13023,7 +13038,7 @@ function createChannel(action) {
       case 53:
         _context.prev = 53;
         _context.t0 = _context["catch"](0);
-        console.log(_context.t0, 'Error on create channel');
+        log.info(_context.t0, 'Error on create channel');
       case 56:
       case "end":
         return _context.stop();
@@ -13110,7 +13125,7 @@ function getChannels(action) {
                     channelMessageMap[channel.id] = messages[0];
                     resolve(true);
                   })["catch"](function (e) {
-                    console.log(e, 'Error on getMessagesById');
+                    log.info(e, 'Error on getMessagesById');
                     resolve(true);
                   });
                 }));
@@ -13189,7 +13204,7 @@ function getChannels(action) {
       case 79:
         _context2.prev = 79;
         _context2.t1 = _context2["catch"](70);
-        console.log(_context2.t1, 'Error on get all channels');
+        log.info(_context2.t1, 'Error on get all channels');
       case 82:
         i++;
         _context2.next = 68;
@@ -13200,7 +13215,7 @@ function getChannels(action) {
       case 87:
         _context2.prev = 87;
         _context2.t2 = _context2["catch"](0);
-        console.log(_context2.t2, 'Error on get channels');
+        log.info(_context2.t2, 'Error on get channels');
       case 91:
       case "end":
         return _context2.stop();
@@ -13215,7 +13230,7 @@ function searchChannels(action) {
         _context3.prev = 0;
         payload = action.payload;
         params = payload.params, contactsMap = payload.contactsMap;
-        console.log('search channel payload: ', payload);
+        log.info('search channel payload: ', payload);
         SceytChatClient = getClient();
         getFromContacts = getShowOnlyContactUsers();
         _context3.next = 8;
@@ -13317,7 +13332,7 @@ function searchChannels(action) {
       case 44:
         _context3.prev = 44;
         _context3.t0 = _context3["catch"](0);
-        console.log(_context3.t0, 'Error on get channels');
+        log.info(_context3.t0, 'Error on get channels');
       case 48:
       case "end":
         return _context3.stop();
@@ -13377,7 +13392,7 @@ function getChannelsForForward() {
       case 29:
         _context4.prev = 29;
         _context4.t0 = _context4["catch"](0);
-        console.log(_context4.t0, 'Error on get for forward channels');
+        log.info(_context4.t0, 'Error on get for forward channels');
       case 33:
       case "end":
         return _context4.stop();
@@ -13493,7 +13508,7 @@ function searchChannelsForForward(action) {
       case 43:
         _context5.prev = 43;
         _context5.t0 = _context5["catch"](0);
-        console.log(_context5.t0, 'Error on get channels');
+        log.info(_context5.t0, 'Error on get channels');
       case 47:
       case "end":
         return _context5.stop();
@@ -13543,7 +13558,7 @@ function channelsLoadMore(action) {
                     channelMessageMap[channel.id] = messages[0];
                     resolve(true);
                   })["catch"](function (e) {
-                    console.log(e, 'Error on getMessagesById');
+                    log.info(e, 'Error on getMessagesById');
                     resolve(true);
                   });
                 }));
@@ -13574,7 +13589,7 @@ function channelsLoadMore(action) {
       case 28:
         _context6.prev = 28;
         _context6.t0 = _context6["catch"](0);
-        console.log(_context6.t0, 'Error in load more channels');
+        log.info(_context6.t0, 'Error in load more channels');
       case 31:
       case "end":
         return _context6.stop();
@@ -13625,7 +13640,7 @@ function channelsForForwardLoadMore(action) {
       case 24:
         _context7.prev = 24;
         _context7.t0 = _context7["catch"](0);
-        console.log(_context7.t0, 'Error in load more channels for forward');
+        log.info(_context7.t0, 'Error in load more channels for forward');
       case 27:
       case "end":
         return _context7.stop();
@@ -13699,7 +13714,7 @@ function markMessagesRead(action) {
       case 26:
         _context8.prev = 26;
         _context8.t0 = _context8["catch"](5);
-        console.log(_context8.t0, 'Error on mark messages read');
+        log.info(_context8.t0, 'Error on mark messages read');
       case 29:
       case "end":
         return _context8.stop();
@@ -13728,7 +13743,7 @@ function markMessagesDelivered(action) {
           _context9.next = 11;
           break;
         }
-        console.log('send delivered marker ', messageIds);
+        log.info('send delivered marker ', messageIds);
         _context9.next = 11;
         return effects.call(channel.markMessagesAsReceived, messageIds);
       case 11:
@@ -13737,7 +13752,7 @@ function markMessagesDelivered(action) {
       case 13:
         _context9.prev = 13;
         _context9.t0 = _context9["catch"](2);
-        console.log(_context9.t0, 'Error on mark messages delivered');
+        log.info(_context9.t0, 'Error on mark messages delivered');
       case 16:
       case "end":
         return _context9.stop();
@@ -13819,7 +13834,7 @@ function switchChannel(action) {
       case 44:
         _context10.prev = 44;
         _context10.t0 = _context10["catch"](0);
-        console.log('error in switch channel');
+        log.info('error in switch channel');
       case 47:
       case "end":
         return _context10.stop();
@@ -13860,7 +13875,7 @@ function notificationsTurnOff(action) {
       case 16:
         _context11.prev = 16;
         _context11.t0 = _context11["catch"](7);
-        console.log('ERROR turn off notifications', _context11.t0.message);
+        log.info('ERROR turn off notifications', _context11.t0.message);
       case 19:
       case "end":
         return _context11.stop();
@@ -13900,7 +13915,7 @@ function notificationsTurnOn() {
       case 15:
         _context12.prev = 15;
         _context12.t0 = _context12["catch"](6);
-        console.log('ERROR turn on notifications: ', _context12.t0.message);
+        log.info('ERROR turn on notifications: ', _context12.t0.message);
       case 18:
       case "end":
         return _context12.stop();
@@ -13938,7 +13953,7 @@ function markChannelAsRead(action) {
       case 14:
         _context13.prev = 14;
         _context13.t0 = _context13["catch"](0);
-        console.log(_context13.t0, 'Error in set channel unread');
+        log.info(_context13.t0, 'Error in set channel unread');
       case 17:
       case "end":
         return _context13.stop();
@@ -13975,7 +13990,7 @@ function markChannelAsUnRead(action) {
       case 13:
         _context14.prev = 13;
         _context14.t0 = _context14["catch"](0);
-        console.log(_context14.t0, 'Error in set channel unread');
+        log.info(_context14.t0, 'Error in set channel unread');
       case 16:
       case "end":
         return _context14.stop();
@@ -14013,7 +14028,7 @@ function pinChannel(action) {
       case 14:
         _context15.prev = 14;
         _context15.t0 = _context15["catch"](0);
-        console.log(_context15.t0, 'Error in pinChannel');
+        log.info(_context15.t0, 'Error in pinChannel');
       case 17:
       case "end":
         return _context15.stop();
@@ -14051,7 +14066,7 @@ function unpinChannel(action) {
       case 14:
         _context16.prev = 14;
         _context16.t0 = _context16["catch"](0);
-        console.log(_context16.t0, 'Error in unpinChannel');
+        log.info(_context16.t0, 'Error in unpinChannel');
       case 17:
       case "end":
         return _context16.stop();
@@ -14117,11 +14132,11 @@ function leaveChannel(action) {
         messageBuilder = channel.createMessageBuilder();
         messageBuilder.setBody('LG').setType('system').setDisplayCount(0).setSilent(true);
         messageToSend = messageBuilder.create();
-        console.log('send message for left');
+        log.info('send message for left');
         _context18.next = 16;
         return effects.call(channel.sendMessage, messageToSend);
       case 16:
-        console.log('leave');
+        log.info('leave');
         _context18.next = 19;
         return effects.call(channel.leave);
       case 19:
@@ -14137,7 +14152,7 @@ function leaveChannel(action) {
       case 26:
         _context18.prev = 26;
         _context18.t0 = _context18["catch"](0);
-        console.log('ERROR in leave channel - ', _context18.t0.message);
+        log.info('ERROR in leave channel - ', _context18.t0.message);
       case 29:
       case "end":
         return _context18.stop();
@@ -14180,7 +14195,7 @@ function deleteChannel(action) {
       case 18:
         _context19.prev = 18;
         _context19.t0 = _context19["catch"](0);
-        console.log('ERROR in delete channel');
+        log.info('ERROR in delete channel');
       case 21:
       case "end":
         return _context19.stop();
@@ -14220,7 +14235,7 @@ function blockChannel(action) {
       case 16:
         _context20.prev = 16;
         _context20.t0 = _context20["catch"](0);
-        console.log('ERROR in block channel - ', _context20.t0.message);
+        log.info('ERROR in block channel - ', _context20.t0.message);
       case 19:
       case "end":
         return _context20.stop();
@@ -14256,7 +14271,7 @@ function updateChannel(action) {
         fileToUpload = {
           data: config.avatar,
           progress: function progress(progressPercent) {
-            console.log('upload percent - ', progressPercent);
+            log.info('upload percent - ', progressPercent);
           }
         };
         _context21.next = 13;
@@ -14297,7 +14312,7 @@ function updateChannel(action) {
       case 28:
         _context21.prev = 28;
         _context21.t0 = _context21["catch"](0);
-        console.log('ERROR in update channel', _context21.t0.message);
+        log.info('ERROR in update channel', _context21.t0.message);
       case 31:
       case "end":
         return _context21.stop();
@@ -14344,7 +14359,7 @@ function checkUsersStatus() {
       case 19:
         _context22.prev = 19;
         _context22.t0 = _context22["catch"](0);
-        console.log('ERROR in check user status : ', _context22.t0.message);
+        log.info('ERROR in check user status : ', _context22.t0.message);
       case 22:
       case "end":
         return _context22.stop();
@@ -14388,7 +14403,7 @@ function sendTyping(action) {
       case 18:
         _context23.prev = 18;
         _context23.t0 = _context23["catch"](7);
-        console.log('ERROR in send typing', _context23.t0);
+        log.info('ERROR in send typing', _context23.t0);
       case 21:
       case "end":
         return _context23.stop();
@@ -14456,7 +14471,7 @@ function clearHistory(action) {
       case 27:
         _context24.prev = 27;
         _context24.t0 = _context24["catch"](0);
-        console.log('ERROR in clear history');
+        log.info('ERROR in clear history');
       case 30:
       case "end":
         return _context24.stop();
@@ -14527,7 +14542,7 @@ function deleteAllMessages(action) {
       case 28:
         _context25.prev = 28;
         _context25.t0 = _context25["catch"](0);
-        console.log('ERROR in clear history');
+        log.info('ERROR in clear history');
       case 31:
       case "end":
         return _context25.stop();
@@ -14581,7 +14596,7 @@ function joinChannel(action) {
       case 26:
         _context26.prev = 26;
         _context26.t0 = _context26["catch"](0);
-        console.log(_context26.t0, 'Error in join to channel');
+        log.info(_context26.t0, 'Error in join to channel');
       case 29:
       case "end":
         return _context26.stop();
@@ -14916,7 +14931,7 @@ function resizeImage(file, maxWidth, maxHeight, quality) {
     img.src = blobURL;
     img.onerror = function () {
       URL.revokeObjectURL(this.src);
-      console.log('Cannot load image');
+      log.info('Cannot load image');
     };
     img.onload = function () {
       URL.revokeObjectURL(this.src);
@@ -14964,7 +14979,7 @@ function createImageThumbnail(file, path, maxWidth, maxHeight) {
     img.src = blobURL || path || '';
     img.onerror = function () {
       URL.revokeObjectURL(this.src);
-      console.log('Cannot load image');
+      log.info('Cannot load image');
     };
     img.onload = function () {
       if (blobURL) {
@@ -15019,7 +15034,7 @@ function calculateSize(width, height, maxWidth, maxHeight) {
 var currentVersion = 1;
 var _setDataToDB = function setDataToDB(dbName, storeName, data, keyPath) {
   if (!('indexedDB' in window)) {
-    console.log("This browser doesn't support IndexedDB");
+    log.info("This browser doesn't support IndexedDB");
   } else {
     var openRequest = indexedDB.open(dbName, currentVersion);
     openRequest.onupgradeneeded = function () {
@@ -15082,7 +15097,7 @@ var _getDataFromDB = function getDataFromDB(dbName, storeName, keyPath, keyPatNa
             db.close();
             resolve(result);
           } else {
-            console.log('No data found for the specified keyPathValue.');
+            log.info('No data found for the specified keyPathValue.');
             db.close();
             resolve('');
           }
@@ -15109,7 +15124,7 @@ var addData = function addData(db, storeName, keyPath, data) {
         var request = channelObjectStore.put(value);
         request.onsuccess = function () {};
         request.onerror = function () {
-          console.log('Error on put channel to db .. ', request.error);
+          log.info('Error on put channel to db .. ', request.error);
         };
       });
     };
@@ -15119,10 +15134,10 @@ var addData = function addData(db, storeName, keyPath, data) {
     data.forEach(function (value) {
       var request = store.put(value);
       request.onsuccess = function () {
-        console.log('data added to db.. ', request.result);
+        log.info('data added to db.. ', request.result);
       };
       request.onerror = function () {
-        console.log('Error on put channel to db .. ', request.error);
+        log.info('Error on put channel to db .. ', request.error);
       };
     });
   }
@@ -15380,7 +15395,7 @@ function sendMessage(action) {
                   };
                   messageAttachment.completion = function (updatedAttachment, error) {
                     if (error) {
-                      console.log('fail to upload attachment ... ', error);
+                      log.info('fail to upload attachment ... ', error);
                       store.dispatch({
                         type: UPLOAD_ATTACHMENT_COMPILATION,
                         payload: {
@@ -15608,7 +15623,7 @@ function sendMessage(action) {
                   });
                   attachmentsToUpdate = messageResponse.attachments.map(function (attachment) {
                     if (currentAttachmentsMap[attachment.tid]) {
-                      console.log('set at');
+                      log.info('set at');
                       return _extends({}, attachment, {
                         attachmentUrl: currentAttachmentsMap[attachment.tid].attachmentUrl
                       });
@@ -15666,7 +15681,7 @@ function sendMessage(action) {
               case 49:
                 _context2.prev = 49;
                 _context2.t0 = _context2["catch"](2);
-                console.log('Error on uploading attachment', message.tid, _context2.t0);
+                log.info('Error on uploading attachment', message.tid, _context2.t0);
                 _context2.next = 54;
                 return effects.put(updateAttachmentUploadingStateAC(UPLOAD_STATE.FAIL, message.tid));
               case 54:
@@ -15706,7 +15721,7 @@ function sendMessage(action) {
       case 80:
         _context3.prev = 80;
         _context3.t2 = _context3["catch"](2);
-        console.log('error on send message ... ', _context3.t2);
+        log.info('error on send message ... ', _context3.t2);
       case 83:
       case "end":
         return _context3.stop();
@@ -15888,7 +15903,7 @@ function sendTextMessage(action) {
       case 82:
         _context4.prev = 82;
         _context4.t0 = _context4["catch"](8);
-        console.log('error on send text message ... ', _context4.t0);
+        log.info('error on send text message ... ', _context4.t0);
         updateMessageOnMap(channel.id, {
           messageId: sendMessageTid,
           params: {
@@ -16083,7 +16098,7 @@ function forwardMessage(action) {
       case 73:
         _context5.prev = 73;
         _context5.t0 = _context5["catch"](0);
-        console.log('error on forward message ... ', _context5.t0);
+        log.info('error on forward message ... ', _context5.t0);
       case 76:
         _context5.next = 78;
         return effects.put(setMessagesLoadingStateAC(LOADING_STATE.LOADED));
@@ -16108,7 +16123,7 @@ function resendMessage(action) {
       case 6:
         channel = _context6.sent;
         _context6.prev = 7;
-        console.log('resend message .... ', message);
+        log.info('resend message .... ', message);
         if (!channel) {
           channel = getChannelFromAllChannels(channelId);
           if (channel) {
@@ -16145,7 +16160,7 @@ function resendMessage(action) {
         messageCopy = _extends({}, message, {
           attachments: [messageAttachment]
         });
-        console.log('attachmentCompilation. .. . .', attachmentCompilation);
+        log.info('attachmentCompilation. .. . .', attachmentCompilation);
         if (!(connectionState === CONNECTION_STATUS.CONNECTED && attachmentCompilation[messageAttachment.tid] && attachmentCompilation[messageAttachment.tid] === UPLOAD_STATE.FAIL)) {
           _context6.next = 94;
           break;
@@ -16160,7 +16175,7 @@ function resendMessage(action) {
         handleUploadProgress = function handleUploadProgress(_ref2) {
           var loaded = _ref2.loaded,
             total = _ref2.total;
-          console.log('progress ... ', loaded / total);
+          log.info('progress ... ', loaded / total);
         };
         _context6.prev = 29;
         handleUpdateLocalPath = function handleUpdateLocalPath(updatedLink) {
@@ -16182,7 +16197,7 @@ function resendMessage(action) {
           });
         };
         pendingAttachment = getPendingAttachment(message.attachments[0].tid);
-        console.log('pendingAttachment ... ', pendingAttachment);
+        log.info('pendingAttachment ... ', pendingAttachment);
         if (!messageAttachment.cachedUrl) {
           _context6.next = 37;
           break;
@@ -16198,14 +16213,14 @@ function resendMessage(action) {
       case 41:
         uri = _context6.sent;
       case 42:
-        console.log('messageAttachment ... ', messageAttachment);
+        log.info('messageAttachment ... ', messageAttachment);
         _context6.next = 45;
         return effects.put(updateAttachmentUploadingStateAC(UPLOAD_STATE.SUCCESS, messageAttachment.tid));
       case 45:
         delete messageCopy.createdAt;
         _thumbnailMetas = {};
         fileSize = messageAttachment.cachedUrl ? messageAttachment.size : pendingAttachment.file.size;
-        console.log('uri ... ', uri);
+        log.info('uri ... ', uri);
         if (!(!messageAttachment.cachedUrl && messageAttachment.url.type.split('/')[0] === 'image')) {
           _context6.next = 56;
           break;
@@ -16228,10 +16243,10 @@ function resendMessage(action) {
             szh: _thumbnailMetas.imageHeight
           }));
         }
-        console.log('attachmentMeta ... ', attachmentMeta);
+        log.info('attachmentMeta ... ', attachmentMeta);
         attachmentBuilder = channel.createAttachmentBuilder(uri, messageAttachment.type);
         attachmentToSend = attachmentBuilder.setName(messageAttachment.name).setMetadata(attachmentMeta).setFileSize(fileSize).setUpload(false).create();
-        console.log('attachmentToSend ... ', attachmentToSend);
+        log.info('attachmentToSend ... ', attachmentToSend);
         attachmentToSend.tid = messageAttachment.tid;
         attachmentToSend.attachmentUrl = messageAttachment.attachmentUrl;
         _context6.next = 65;
@@ -16292,7 +16307,7 @@ function resendMessage(action) {
       case 85:
         _context6.prev = 85;
         _context6.t0 = _context6["catch"](29);
-        console.log('fail upload attachment on resend message ... ', _context6.t0);
+        log.info('fail upload attachment on resend message ... ', _context6.t0);
         _context6.next = 90;
         return effects.put(updateAttachmentUploadingStateAC(UPLOAD_STATE.FAIL, messageAttachment.tid));
       case 90:
@@ -16317,7 +16332,7 @@ function resendMessage(action) {
           _context6.next = 121;
           break;
         }
-        console.log('send failed message ...');
+        log.info('send failed message ...');
         _messageCopy3 = _extends({}, message);
         delete _messageCopy3.createdAt;
         if (!(connectionState === CONNECTION_STATUS.CONNECTED)) {
@@ -16328,7 +16343,7 @@ function resendMessage(action) {
         return effects.call(channel.sendMessage, _messageCopy3);
       case 103:
         _messageResponse = _context6.sent;
-        console.log('resend message response ... ', _messageResponse);
+        log.info('resend message response ... ', _messageResponse);
         _messageUpdateData = {
           id: _messageResponse.id,
           body: _messageResponse.body,
@@ -16382,7 +16397,7 @@ function resendMessage(action) {
       case 125:
         _context6.prev = 125;
         _context6.t1 = _context6["catch"](7);
-        console.log('ERROR in resend message', _context6.t1.message, 'channel.. . ', channel);
+        log.info('ERROR in resend message', _context6.t1.message, 'channel.. . ', channel);
         _context6.next = 130;
         return effects.put(updateMessageAC(message.tid, {
           state: MESSAGE_STATUS.FAILED
@@ -16428,7 +16443,7 @@ function deleteMessage(action) {
         return effects.call(channel.deleteMessageById, messageId, deleteOption === 'forMe');
       case 9:
         deletedMessage = _context7.sent;
-        console.log('deletedMessage . .. . .', deletedMessage);
+        log.info('deletedMessage . .. . .', deletedMessage);
         _context7.next = 13;
         return effects.put(updateMessageAC(deletedMessage.id, deletedMessage));
       case 13:
@@ -16451,7 +16466,7 @@ function deleteMessage(action) {
       case 22:
         _context7.prev = 22;
         _context7.t0 = _context7["catch"](0);
-        console.log('ERROR in delete message', _context7.t0.message);
+        log.info('ERROR in delete message', _context7.t0.message);
       case 25:
       case "end":
         return _context7.stop();
@@ -16509,7 +16524,7 @@ function editMessage(action) {
       case 21:
         _context8.prev = 21;
         _context8.t0 = _context8["catch"](0);
-        console.log('ERROR in edit message', _context8.t0.message);
+        log.info('ERROR in edit message', _context8.t0.message);
       case 24:
       case "end":
         return _context8.stop();
@@ -16623,7 +16638,7 @@ function getMessagesQuery(action) {
         break;
       case 63:
         messageQuery.limit = MESSAGES_MAX_LENGTH;
-        console.log('load by message id from server ...............', messageId);
+        log.info('load by message id from server ...............', messageId);
         _context9.next = 67;
         return effects.call(messageQuery.loadNearMessageId, messageId);
       case 67:
@@ -16646,7 +16661,7 @@ function getMessagesQuery(action) {
         result.hasNext = _secondResult.hasNext;
         messageQuery.reverse = true;
       case 80:
-        console.log('result from server ....... ', result);
+        log.info('result from server ....... ', result);
         _context9.next = 83;
         return effects.put(setMessagesHasNextAC(true));
       case 83:
@@ -16768,7 +16783,7 @@ function getMessagesQuery(action) {
         _context9.next = 145;
         return effects.put(setMessagesAC(JSON.parse(JSON.stringify(cachedMessages))));
       case 145:
-        console.log('load message from server');
+        log.info('load message from server');
         _context9.next = 148;
         return effects.call(messageQuery.loadPrevious);
       case 148:
@@ -16838,7 +16853,7 @@ function getMessagesQuery(action) {
       case 177:
         _context9.prev = 177;
         _context9.t0 = _context9["catch"](0);
-        console.log('error in message query', _context9.t0);
+        log.info('error in message query', _context9.t0);
       case 180:
       case "end":
         return _context9.stop();
@@ -16853,7 +16868,7 @@ function loadMoreMessages(action) {
         _context10.prev = 0;
         payload = action.payload;
         limit = payload.limit, direction = payload.direction, channelId = payload.channelId, messageId = payload.messageId, hasNext = payload.hasNext;
-        console.log('loadMoreMessages .. .. ', payload);
+        log.info('loadMoreMessages .. .. ', payload);
         SceytChatClient = getClient();
         messageQueryBuilder = new SceytChatClient.MessageListQueryBuilder(channelId);
         messageQueryBuilder.reverse(true);
@@ -16910,13 +16925,13 @@ function loadMoreMessages(action) {
           _context10.next = 42;
           break;
         }
-        console.log('saga load next from server ... ', messageId);
+        log.info('saga load next from server ... ', messageId);
         messageQuery.reverse = false;
         _context10.next = 37;
         return effects.call(messageQuery.loadNextMessageId, messageId);
       case 37:
         result = _context10.sent;
-        console.log('result from server next ... ', result);
+        log.info('result from server next ... ', result);
         if (result.messages.length) {
           addAllMessages(result.messages, MESSAGE_LOAD_DIRECTION.NEXT);
         }
@@ -16947,7 +16962,7 @@ function loadMoreMessages(action) {
       case 55:
         _context10.prev = 55;
         _context10.t0 = _context10["catch"](0);
-        console.log('error in load more messages', _context10.t0);
+        log.info('error in load more messages', _context10.t0);
       case 58:
       case "end":
         return _context10.stop();
@@ -17009,7 +17024,7 @@ function addReaction(action) {
       case 28:
         _context11.prev = 28;
         _context11.t0 = _context11["catch"](0);
-        console.log('ERROR in add reaction', _context11.t0.message);
+        log.info('ERROR in add reaction', _context11.t0.message);
       case 31:
       case "end":
         return _context11.stop();
@@ -17053,7 +17068,7 @@ function deleteReaction(action) {
       case 16:
         updateChannelOnAllChannels(channel.id, channelUpdateParam);
       case 17:
-        console.log('message received. ... ', message);
+        log.info('message received. ... ', message);
         _context12.next = 20;
         return effects.put(deleteReactionFromListAC(reaction));
       case 20:
@@ -17067,7 +17082,7 @@ function deleteReaction(action) {
       case 26:
         _context12.prev = 26;
         _context12.t0 = _context12["catch"](0);
-        console.log('ERROR in delete reaction', _context12.t0.message);
+        log.info('ERROR in delete reaction', _context12.t0.message);
       case 29:
       case "end":
         return _context12.stop();
@@ -17111,7 +17126,7 @@ function getReactions(action) {
       case 22:
         _context13.prev = 22;
         _context13.t0 = _context13["catch"](0);
-        console.log('ERROR in get reactions', _context13.t0.message);
+        log.info('ERROR in get reactions', _context13.t0.message);
       case 25:
       case "end":
         return _context13.stop();
@@ -17148,7 +17163,7 @@ function loadMoreReactions(action) {
       case 16:
         _context14.prev = 16;
         _context14.t0 = _context14["catch"](0);
-        console.log('ERROR in load more reactions', _context14.t0.message);
+        log.info('ERROR in load more reactions', _context14.t0.message);
       case 19:
       case "end":
         return _context14.stop();
@@ -17235,7 +17250,7 @@ function getMessageAttachments(action) {
       case 41:
         _context15.prev = 41;
         _context15.t0 = _context15["catch"](0);
-        console.log('error in message attachment query');
+        log.info('error in message attachment query');
       case 44:
       case "end":
         return _context15.stop();
@@ -17288,7 +17303,7 @@ function loadMoreMessageAttachments(action) {
       case 24:
         _context16.prev = 24;
         _context16.t0 = _context16["catch"](0);
-        console.log('error in message attachment query', _context16.t0);
+        log.info('error in message attachment query', _context16.t0);
       case 28:
       case "end":
         return _context16.stop();
@@ -17319,7 +17334,7 @@ function pauseAttachmentUploading(action) {
       case 9:
         _context17.prev = 9;
         _context17.t0 = _context17["catch"](0);
-        console.log('error in pause attachment uploading', _context17.t0);
+        log.info('error in pause attachment uploading', _context17.t0);
       case 13:
       case "end":
         return _context17.stop();
@@ -17333,7 +17348,7 @@ function resumeAttachmentUploading(action) {
       case 0:
         _context18.prev = 0;
         attachmentId = action.payload.attachmentId;
-        console.log('resume for attachment ... ', attachmentId);
+        log.info('resume for attachment ... ', attachmentId);
         if (!getCustomUploader()) {
           _context18.next = 8;
           break;
@@ -17351,7 +17366,7 @@ function resumeAttachmentUploading(action) {
       case 10:
         _context18.prev = 10;
         _context18.t0 = _context18["catch"](0);
-        console.log('error in resume attachment uploading', _context18.t0);
+        log.info('error in resume attachment uploading', _context18.t0);
       case 14:
       case "end":
         return _context18.stop();
@@ -17460,7 +17475,7 @@ function getMembers(action) {
       case 22:
         _context.prev = 22;
         _context.t0 = _context["catch"](0);
-        console.log('ERROR in get members - ', _context.t0.message);
+        log.info('ERROR in get members - ', _context.t0.message);
       case 26:
       case "end":
         return _context.stop();
@@ -17564,7 +17579,7 @@ function addMembers(action) {
       case 24:
         _context3.prev = 24;
         _context3.t0 = _context3["catch"](0);
-        console.log('error on add members... ', _context3.t0);
+        log.info('error on add members... ', _context3.t0);
       case 27:
       case "end":
         return _context3.stop();
@@ -17691,7 +17706,7 @@ function changeMemberRole(action) {
       case 13:
         _context6.prev = 13;
         _context6.t0 = _context6["catch"](0);
-        console.log('error in change member role');
+        log.info('error in change member role');
       case 16:
       case "end":
         return _context6.stop();
@@ -17714,7 +17729,7 @@ function reportMember(action) {
       case 7:
         _context7.prev = 7;
         _context7.t0 = _context7["catch"](2);
-        console.log('ERROR report user', _context7.t0.message);
+        log.info('ERROR report user', _context7.t0.message);
       case 10:
       case "end":
         return _context7.stop();
@@ -17744,7 +17759,7 @@ function getRoles(action) {
       case 12:
         _context8.prev = 12;
         _context8.t0 = _context8["catch"](1);
-        console.log('ERROR get roles', _context8.t0);
+        log.info('ERROR get roles', _context8.t0);
         _context8.next = 17;
         return effects.put(getRolesFailAC((timeout || 0) + 300, (attempts || 0) + 1));
       case 17:
@@ -17816,7 +17831,7 @@ function getContacts() {
       case 11:
         _context.prev = 11;
         _context.t0 = _context["catch"](0);
-        console.log('ERROR in get contacts - :', _context.t0.message);
+        log.info('ERROR in get contacts - :', _context.t0.message);
       case 15:
       case "end":
         return _context.stop();
@@ -17878,7 +17893,7 @@ function blockUser(action) {
       case 21:
         _context2.prev = 21;
         _context2.t0 = _context2["catch"](0);
-        console.log('error in block users', _context2.t0.message);
+        log.info('error in block users', _context2.t0.message);
       case 24:
       case "end":
         return _context2.stop();
@@ -17940,7 +17955,7 @@ function unblockUser(action) {
       case 21:
         _context3.prev = 21;
         _context3.t0 = _context3["catch"](0);
-        console.log('error in unblock users', _context3.t0.message);
+        log.info('error in unblock users', _context3.t0.message);
       case 24:
       case "end":
         return _context3.stop();
@@ -17964,7 +17979,7 @@ function updateProfile(action) {
         fileToUpload = {
           data: avatarFile,
           progress: function progress(progressPercent) {
-            console.log('upload percent - ', progressPercent);
+            log.info('upload percent - ', progressPercent);
           }
         };
         _context4.next = 9;
@@ -17999,7 +18014,7 @@ function updateProfile(action) {
       case 23:
         _context4.prev = 23;
         _context4.t0 = _context4["catch"](0);
-        console.log(_context4.t0, 'Error on update user');
+        log.info(_context4.t0, 'Error on update user');
       case 26:
       case "end":
         return _context4.stop();
@@ -18043,7 +18058,7 @@ function getUsers(action) {
         if (params.filter === 'username') {
           usersQueryBuilder.filterByUsername();
         }
-        console.log('user query params ..... ', params);
+        log.info('user query params ..... ', params);
         _context5.next = 17;
         return effects.call(usersQueryBuilder.build);
       case 17:
@@ -18068,7 +18083,7 @@ function getUsers(action) {
       case 31:
         _context5.prev = 31;
         _context5.t0 = _context5["catch"](0);
-        console.log('ERROR on get users', _context5.t0.message);
+        log.info('ERROR on get users', _context5.t0.message);
       case 35:
       case "end":
         return _context5.stop();
@@ -18106,7 +18121,7 @@ function loadMoreUsers(action) {
       case 17:
         _context6.prev = 17;
         _context6.t0 = _context6["catch"](0);
-        console.log('ERROR load more users', _context6.t0.message);
+        log.info('ERROR load more users', _context6.t0.message);
       case 21:
       case "end":
         return _context6.stop();
@@ -18415,7 +18430,7 @@ var SceytChat = function SceytChat(_ref) {
     colors.outgoingMessageBackgroundXDark = moderateColor(themeColors[THEME_COLORS.ACCENT].dark || '', 0.75, true);
   };
   React.useEffect(function () {
-    console.log('client is changed.... ', client);
+    log.info('client is changed.... ', client);
     if (client) {
       setClient(client);
       setSceytChatClient(client);
@@ -18494,7 +18509,7 @@ var SceytChat = function SceytChat(_ref) {
       try {
         if (window.Notification && Notification.permission === 'default') {
           Promise.resolve(Notification.requestPermission()).then(function (permission) {
-            console.log('permission:', permission);
+            log.info('permission:', permission);
           });
         }
       } catch (e) {
@@ -18554,7 +18569,7 @@ var SceytChat = function SceytChat(_ref) {
   }, [openChatOnUserInteraction]);
   useDidUpdate(function () {
     if (getRolesFail) {
-      console.log('getRolesFail ... ', getRolesFail);
+      log.info('getRolesFail ... ', getRolesFail);
     }
     if (getRolesFail && getRolesFail.attempts <= 5) {
       setTimeout(function () {
@@ -18603,7 +18618,12 @@ var SceytChatContainer = function SceytChatContainer(_ref) {
     showNotifications = _ref$showNotification === void 0 ? true : _ref$showNotification,
     hideUserPresence = _ref.hideUserPresence,
     openChatOnUserInteraction = _ref.openChatOnUserInteraction,
-    autoSelectFirstChannel = _ref.autoSelectFirstChannel;
+    autoSelectFirstChannel = _ref.autoSelectFirstChannel,
+    _ref$logLevel = _ref.logLevel,
+    logLevel = _ref$logLevel === void 0 ? 'silent' : _ref$logLevel;
+  React.useEffect(function () {
+    log.setLevel(logLevel);
+  }, []);
   return /*#__PURE__*/React__default.createElement(reactRedux.Provider, {
     store: store
   }, /*#__PURE__*/React__default.createElement(SceytChat, {
@@ -19760,7 +19780,7 @@ var UsersPopup = function UsersPopup(_ref) {
       if (actionType === 'selectUsers' && getSelectedUsers) {
         getSelectedUsers(selectedMembersList, 'create');
       } else {
-        console.log('call add members ... ', selectedMembersList);
+        log.info('call add members ... ', selectedMembersList);
         dispatch(addMembersAC(channel.id, selectedMembersList));
       }
     }
@@ -20626,13 +20646,13 @@ var DropDown = function DropDown(_ref) {
         var dropDownElem = dropDownRef.current;
         var dropDownBodyElem = dropDownBodyRef.current;
         if (dropDownElem && !dropDownElem.contains(e.target)) {
-          console.log('call toggle dropdown. .. ');
+          log.info('call toggle dropdown. .. ');
           toggleDropdown();
         }
         if (isSelect && dropDownBodyElem && dropDownBodyElem.contains(e.target)) {
           var listElement = dropDownBodyElem.getElementsByTagName('ul')[0];
           if (listElement && listElement.contains(e.target)) {
-            console.log('call toggle dropdown. .. !!');
+            log.info('call toggle dropdown. .. !!');
             toggleDropdown();
           }
         }
@@ -22250,9 +22270,9 @@ var setAttachmentToCache = function setAttachmentToCache(attachmentUrl, attachme
     caches.open(ATTACHMENTS_CACHE).then(function (cache) {
       try {
         cache.put(attachmentUrl, attachmentResponse).then(function () {
-          console.log('Cache success');
+          log.info('Cache success');
         })["catch"](function (e) {
-          console.log('Error on cache attachment ... ', e);
+          log.info('Error on cache attachment ... ', e);
           caches["delete"](attachmentUrl);
         });
         return Promise.resolve();
@@ -22272,7 +22292,7 @@ var getAttachmentUrlFromCache = function getAttachmentUrlFromCache(attachmentUrl
       if (response) {
         return Promise.resolve(response.blob()).then(URL.createObjectURL);
       } else {
-        console.log('The image or video is not cached', attachmentUrl);
+        log.info('The image or video is not cached', attachmentUrl);
         return false;
       }
     });
@@ -22564,7 +22584,7 @@ var VideoPlayer = function VideoPlayer(_ref) {
     var checkVideoInterval;
     if (videoRef.current) {
       checkVideoInterval = setInterval(function () {
-        console.log('videoRef.current.readyState . . . . ', videoRef && videoRef.current && videoRef.current.readyState);
+        log.info('videoRef.current.readyState . . . . ', videoRef && videoRef.current && videoRef.current.readyState);
         if (videoRef.current && videoRef.current.readyState > 0) {
           setVideoTime(videoRef.current.duration);
           setVolume(videoRef.current.volume);
@@ -23178,7 +23198,7 @@ var SliderPopup = function SliderPopup(_ref) {
   };
   var handleCompleteDownload = function handleCompleteDownload(attachmentId, failed) {
     if (failed) {
-      console.log('file download failed!');
+      log.info('file download failed!');
     }
     var stateCopy = _extends({}, downloadingFilesMap);
     delete stateCopy[attachmentId];
@@ -23348,7 +23368,7 @@ var SliderPopup = function SliderPopup(_ref) {
                 return Promise.reject(e);
               }
             })["catch"](function (e) {
-              console.log('fail to download image...... ', e);
+              log.info('fail to download image...... ', e);
             });
           } else {
             if (!downloadedFiles[currentFile.id]) {
@@ -23374,7 +23394,7 @@ var SliderPopup = function SliderPopup(_ref) {
           }
         }
       })["catch"](function (e) {
-        return console.log(e);
+        return log.info(e);
       });
     }
   }, [currentFile]);
@@ -24587,7 +24607,7 @@ var getFrame = function getFrame(videoSrc, time) {
             var pixels = ctx.getImageData(0, 0, canvas.width, canvas.height);
             var binaryThumbHash = rgbaToThumbHash(pixels.width, pixels.height, pixels.data);
             var thumb = binaryToBase64(binaryThumbHash);
-            console.log('generated thumb hash ... ', thumb);
+            log.info('generated thumb hash ... ', thumb);
             clearInterval(b);
             resolve({
               thumb: thumb,
@@ -24987,7 +25007,7 @@ var AudioPlayer = function AudioPlayer(_ref) {
                 var audioDuration = wavesurfer.current.getDuration();
                 setCurrentTime(formatAudioVideoTime(audioDuration));
                 wavesurfer.current.drawBuffer = function (d) {
-                  console.log('filters --- ', d);
+                  log.info('filters --- ', d);
                 };
               });
               wavesurfer.current.on('finish', function () {
@@ -25016,7 +25036,7 @@ var AudioPlayer = function AudioPlayer(_ref) {
               }
             });
           }, function () {
-            console.log('Failed to init wavesurfer');
+            log.info('Failed to init wavesurfer');
           });
           return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
         } catch (e) {
@@ -25145,7 +25165,7 @@ var Attachment = function Attachment(_ref) {
         attachmentThumb = attachment.metadata && attachment.metadata.tmb;
       }
     } catch (e) {
-      console.log('error on get attachmentThumb', e);
+      log.info('error on get attachmentThumb', e);
     }
   }
   var downloadImage = function downloadImage(url) {
@@ -25344,7 +25364,7 @@ var Attachment = function Attachment(_ref) {
           return Promise.reject(e);
         }
       })["catch"](function (e) {
-        console.log('error on get attachment url from cache. .. ', e);
+        log.info('error on get attachment url from cache. .. ', e);
         if (customDownloader) {
           setDownloadingFile(true);
           customDownloader(attachment.url, false).then(function (url) {
@@ -26970,7 +26990,7 @@ var MessageBody = function MessageBody(_ref) {
   var showMessageSenderName = (isUnreadMessage || prevMessageUserID !== messageUserID || firstMessageInInterval) && (channel.type === DEFAULT_CHANNEL_TYPE.DIRECT ? showSenderNameOnDirectChannel : showSenderNameOnGroupChannel) && (message.incoming || showSenderNameOnOwnMessages);
   var selectionIsActive = selectedMessagesMap && selectedMessagesMap.size > 0;
   var handleRemoveFailedAttachment = function handleRemoveFailedAttachment(attachmentId) {
-    console.log('remove attachment .. ', attachmentId);
+    log.info('remove attachment .. ', attachmentId);
   };
   return /*#__PURE__*/React__default.createElement(MessageBodyContainer, {
     className: 'messageBody',
@@ -27590,7 +27610,7 @@ var Message$1 = function Message(_ref) {
     if (isVisible && message.incoming && !(message.userMarkers && message.userMarkers.length && message.userMarkers.find(function (marker) {
       return marker.name === MESSAGE_DELIVERY_STATUS.READ;
     })) && channel.newMessageCount && channel.newMessageCount > 0 && connectionStatus === CONNECTION_STATUS.CONNECTED) {
-      console.log('send displayed marker for message ... ', message);
+      log.info('send displayed marker for message ... ', message);
       dispatch(markMessagesAsReadAC(channel.id, [message.id]));
     }
   };
@@ -28679,7 +28699,7 @@ var MessageList = function MessageList(_ref2) {
     }
   }, [messages]);
   useDidUpdate(function () {
-    console.log('connection status is changed.. .... ', connectionStatus, 'channel  ... ', channel);
+    log.info('connection status is changed.. .... ', connectionStatus, 'channel  ... ', channel);
     if (connectionStatus === CONNECTION_STATUS.CONNECTED) {
       loading = false;
       prevDisable = false;
@@ -30549,7 +30569,7 @@ function EmojisPopup$1(_ref2) {
       editor = _useLexicalComposerCo[0];
     richTextEditor = editor;
   } catch (e) {
-    console.log('error getting editor', e);
+    log.info('error getting editor', e);
   }
   var _useState = React.useState(false),
     rendered = _useState[0],
@@ -31092,7 +31112,7 @@ var AudioRecord = function AudioRecord(_ref) {
       var buffer = _ref2[0],
         blob = _ref2[1];
       setCurrentTime(0);
-      console.log(buffer, blob);
+      log.info(buffer, blob);
       var file = new File(buffer, 'record.mp3', {
         type: blob.type,
         lastModified: Date.now()
@@ -31130,7 +31150,7 @@ var AudioRecord = function AudioRecord(_ref) {
             });
           }
         }, function (e) {
-          console.log('Error decoding audio data: ' + e.err);
+          log.info('Error decoding audio data: ' + e.err);
         });
       };
       reader.readAsArrayBuffer(blob);
@@ -31228,7 +31248,7 @@ var AudioRecord = function AudioRecord(_ref) {
             }();
             return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
           }, function () {
-            console.log('Failed to init wavesurfer');
+            log.info('Failed to init wavesurfer');
           });
           return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
         } catch (e) {
@@ -31259,7 +31279,7 @@ var AudioRecord = function AudioRecord(_ref) {
                 setRecorder(recorder);
               });
             }, function () {
-              console.log('Failed to init mic-recorder-to-mp3');
+              log.info('Failed to init mic-recorder-to-mp3');
             });
             if (_temp4 && _temp4.then) return _temp4.then(function () {});
           }
@@ -31690,7 +31710,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
         handleEditMessage();
       } else if (messageText.trim() || attachments.length && attachments.length > 0) {
         var messageTexToSend = messageText.trim();
-        console.log('messageTexToSend . . . . .', messageTexToSend);
+        log.info('messageTexToSend . . . . .', messageTexToSend);
         var messageToSend = {
           body: messageTexToSend,
           bodyAttributes: messageBodyAttributes,
@@ -31709,7 +31729,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
           });
         }
         messageToSend.mentionedMembers = mentionMembersToSend;
-        console.log('message to send ..........................................', messageToSend);
+        log.info('message to send ..........................................', messageToSend);
         if (messageForReply) {
           messageToSend.parentMessage = messageForReply;
         }
@@ -32233,7 +32253,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
                 dataFromDb = _getDataFromDB;
               });
             }, function (e) {
-              console.log('error in get data from db . . . . ', e);
+              log.info('error in get data from db . . . . ', e);
             });
             return _temp11 && _temp11.then ? _temp11.then(_temp12) : _temp12(_temp11);
           });
@@ -32242,7 +32262,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
         }
       };
       reader.onerror = function (e) {
-        console.log(' error on read file onError', e);
+        log.info(' error on read file onError', e);
       };
       reader.readAsBinaryString(file);
       return Promise.resolve();
@@ -32353,7 +32373,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
         }
       };
       reader.onerror = function (e) {
-        console.log(' error on read file onError', e);
+        log.info(' error on read file onError', e);
       };
       reader.readAsBinaryString(recordedFile.file);
     }
@@ -33355,7 +33375,7 @@ var Actions = function Actions(_ref) {
     dispatch(deleteAllMessagesAC(channel.id));
   };
   var handleNotificationOnOff = function handleNotificationOnOff(expTime) {
-    console.log('exp time ... ', expTime);
+    log.info('exp time ... ', expTime);
     if (channel.muted) {
       dispatch(turnOnNotificationsAC());
     } else {
@@ -33363,7 +33383,7 @@ var Actions = function Actions(_ref) {
     }
   };
   var handleToggleChannelMarkAs = function handleToggleChannelMarkAs() {
-    console.log('handle action mark read ', channel.unread);
+    log.info('handle action mark read ', channel.unread);
     if (channel.unread) {
       dispatch(markChannelAsReadAC(channel.id));
     } else {
@@ -33455,7 +33475,7 @@ var Actions = function Actions(_ref) {
   }, "Mute forever"))))), showStarredMessages && !channel.isMockChannel && (/*#__PURE__*/React__default.createElement(ActionItem, {
     key: 1,
     onClick: function onClick() {
-      return console.log('stared messages');
+      return log.info('stared messages');
     },
     order: starredMessagesOrder,
     iconColor: staredMessagesIconColor || textSecondary,
@@ -33548,7 +33568,7 @@ var Actions = function Actions(_ref) {
     onClick: function onClick() {
       setPopupButtonText('Report');
       setPopupTitle('Report channel');
-      console.log('Report channel');
+      log.info('Report channel');
     }
   }, reportChannelIcon || /*#__PURE__*/React__default.createElement(DefaultReportIcon, null), " Report", ' ', channel.type === DEFAULT_CHANNEL_TYPE.BROADCAST || channel.type === DEFAULT_CHANNEL_TYPE.PUBLIC ? 'channel' : channel.type === DEFAULT_CHANNEL_TYPE.GROUP || channel.type === DEFAULT_CHANNEL_TYPE.PRIVATE ? 'group' : 'chat')))), showClearHistory && !channel.isMockChannel && (channel.type === DEFAULT_CHANNEL_TYPE.GROUP || channel.type === DEFAULT_CHANNEL_TYPE.PRIVATE || channel.type === DEFAULT_CHANNEL_TYPE.DIRECT) && (/*#__PURE__*/React__default.createElement(ActionItem, {
     key: 10,
@@ -34292,7 +34312,7 @@ var Files = function Files(_ref) {
   React.useEffect(function () {
     dispatch(getAttachmentsAC(channelId, channelDetailsTabs.file));
   }, [channelId]);
-  console.log('attachments. .. . ', attachments);
+  log.info('attachments. .. . ', attachments);
   return /*#__PURE__*/React__default.createElement(Container$o, {
     theme: theme
   }, attachments.map(function (file) {
@@ -35055,10 +35075,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
         }));