sceyt-chat-react-uikit 1.7.7-beta.8 → 1.7.7-beta.9

package/index.js

@@ -11956,6 +11956,26 @@ var _memberSlice$actions = memberSlice.actions,
   getRolesFail = _memberSlice$actions.getRolesFail;
 var MembersReducer = memberSlice.reducer;
 
+var SET_CONTACT_LOADING_STATE = 'SET_CONTACT_LOADING_STATE';
+var GET_CONTACTS = 'GET_CONTACTS';
+var GET_USERS = 'GET_USERS';
+var LOAD_MORE_USERS = 'LOAD_MORE_USERS';
+var BLOCK_USERS = 'BLOCK_USERS';
+var UNBLOCK_USERS = 'UNBLOCK_USERS';
+var UPDATE_PROFILE = 'UPDATE_PROFILE';
+var CHECK_USER_STATUS = 'CHECK_USER_STATUS';
+var CONNECTION_EVENT_TYPES = {
+  TOKEN_WILL_EXPIRE: 'TOKEN_WILL_EXPIRE',
+  CONNECTION_STATUS_CHANGED: 'CONNECTION_STATUS_CHANGED',
+  TOKEN_EXPIRED: 'TOKEN_EXPIRED'
+};
+var CONNECTION_STATUS = {
+  CONNECTING: 'Connecting',
+  CONNECTED: 'Connected',
+  CONNECTING_FAILED: 'Failed',
+  DISCONNECTED: 'Disconnected'
+};
+
 var initialState$3 = {
   connectionStatus: '',
   contactList: [],
@@ -11969,7 +11989,8 @@ var initialState$3 = {
     lastName: '',
     state: ''
   },
-  browserTabIsActive: true
+  browserTabIsActive: true,
+  waitToSendPendingMessages: false
 };
 var userSlice = createSlice({
   name: 'users',
@@ -11977,6 +11998,9 @@ var userSlice = createSlice({
   reducers: {
     setConnectionStatus: function setConnectionStatus(state, action) {
       state.connectionStatus = action.payload.status;
+      if (action.payload.status === CONNECTION_STATUS.CONNECTED) {
+        state.waitToSendPendingMessages = true;
+      }
     },
     setUser: function setUser(state, action) {
       state.user = _extends({}, action.payload.user);
@@ -12008,6 +12032,9 @@ var userSlice = createSlice({
     },
     setBrowserTabIsActive: function setBrowserTabIsActive(state, action) {
       state.browserTabIsActive = action.payload.state;
+    },
+    setWaitToSendPendingMessages: function setWaitToSendPendingMessages(state, action) {
+      state.waitToSendPendingMessages = action.payload.state;
     }
   },
   extraReducers: function extraReducers(builder) {
@@ -12025,7 +12052,8 @@ var _userSlice$actions = userSlice.actions,
   updateUserMap = _userSlice$actions.updateUserMap,
   setContacts = _userSlice$actions.setContacts,
   updateUserProfile = _userSlice$actions.updateUserProfile,
-  setBrowserTabIsActive = _userSlice$actions.setBrowserTabIsActive;
+  setBrowserTabIsActive = _userSlice$actions.setBrowserTabIsActive,
+  setWaitToSendPendingMessages = _userSlice$actions.setWaitToSendPendingMessages;
 var UserReducer = userSlice.reducer;
 
 var SET_THEME = 'SET_THEME';
@@ -12708,26 +12736,6 @@ var joinChannelWithInviteKeyAC = function joinChannelWithInviteKeyAC(key) {
   };
 };
 
-var SET_CONTACT_LOADING_STATE = 'SET_CONTACT_LOADING_STATE';
-var GET_CONTACTS = 'GET_CONTACTS';
-var GET_USERS = 'GET_USERS';
-var LOAD_MORE_USERS = 'LOAD_MORE_USERS';
-var BLOCK_USERS = 'BLOCK_USERS';
-var UNBLOCK_USERS = 'UNBLOCK_USERS';
-var UPDATE_PROFILE = 'UPDATE_PROFILE';
-var CHECK_USER_STATUS = 'CHECK_USER_STATUS';
-var CONNECTION_EVENT_TYPES = {
-  TOKEN_WILL_EXPIRE: 'TOKEN_WILL_EXPIRE',
-  CONNECTION_STATUS_CHANGED: 'CONNECTION_STATUS_CHANGED',
-  TOKEN_EXPIRED: 'TOKEN_EXPIRED'
-};
-var CONNECTION_STATUS = {
-  CONNECTING: 'Connecting',
-  CONNECTED: 'Connected',
-  CONNECTING_FAILED: 'Failed',
-  DISCONNECTED: 'Disconnected'
-};
-
 var getUsersAC = function getUsersAC(params) {
   return {
     type: GET_USERS,
@@ -12839,6 +12847,11 @@ var updateUserStatusOnMapAC = function updateUserStatusOnMapAC(usersMap) {
     usersMap: usersMap
   });
 };
+var setWaitToSendPendingMessagesAC = function setWaitToSendPendingMessagesAC(state) {
+  return setWaitToSendPendingMessages({
+    state: state
+  });
+};
 
 var userDisplayNameFromContact = false;
 var setShowOnlyContactUsers = function setShowOnlyContactUsers(value) {
@@ -19811,7 +19824,7 @@ function editMessage(action) {
   }, _marked6$1, null, [[0, 5]]);
 }
 function getMessagesQuery(action) {
-  var _action$payload, channel, loadWithLastMessage, messageId, limit, withDeliveredMessages, highlight, behavior, connectionState, SceytChatClient, messageQueryBuilder, messageQuery, cachedMessages, result, allMessages, havLastMessage, secondResult, sentMessages, messagesMap, filteredSentMessages, _allMessages, messageIndex, maxLengthPart, _secondResult, thirdResult, _secondResult2, _thirdResult, _secondResult3, _updatedMessages, _Object$values, previousAllMessages, _secondResult4, updatedMessages, lastMessageId, _allMessages2, setMappedAllMessages, allMessagesAfterLastMessage, pendingMessages, _messagesMap, filteredPendingMessages, pendingMessagesMap, channelId, _iterator, _step, _msg$attachments, msg, attachments, pendingPollActionsMap, _t7, _t8, _t9, _t0, _t1, _t10, _t11, _t12, _t13, _t14, _t15, _t16, _t17, _t18, _t19, _t20;
+  var _action$payload, channel, loadWithLastMessage, messageId, limit, withDeliveredMessages, highlight, behavior, connectionState, SceytChatClient, messageQueryBuilder, messageQuery, cachedMessages, result, allMessages, havLastMessage, secondResult, sentMessages, messagesMap, filteredSentMessages, _allMessages, messageIndex, maxLengthPart, _secondResult, thirdResult, _secondResult2, _thirdResult, _secondResult3, _updatedMessages, _Object$values, previousAllMessages, _secondResult4, updatedMessages, lastMessageId, _allMessages2, setMappedAllMessages, allMessagesAfterLastMessage, pendingMessages, _messagesMap, filteredPendingMessages, waitToSendPendingMessages, pendingMessagesMap, channelId, _iterator, _step, _msg$attachments, msg, attachments, pendingPollActionsMap, _t7, _t8, _t9, _t0, _t1, _t10, _t11, _t12, _t13, _t14, _t15, _t16, _t17, _t18, _t19, _t20;
   return _regenerator().w(function (_context9) {
     while (1) switch (_context9.p = _context9.n) {
       case 0:
@@ -19822,7 +19835,7 @@ function getMessagesQuery(action) {
         _action$payload = action.payload, channel = _action$payload.channel, loadWithLastMessage = _action$payload.loadWithLastMessage, messageId = _action$payload.messageId, limit = _action$payload.limit, withDeliveredMessages = _action$payload.withDeliveredMessages, highlight = _action$payload.highlight, behavior = _action$payload.behavior;
         connectionState = store.getState().UserReducer.connectionStatus;
         if (!(channel.id && !channel.isMockChannel)) {
-          _context9.n = 82;
+          _context9.n = 84;
           break;
         }
         SceytChatClient = getClient();
@@ -20305,22 +20318,26 @@ function getMessagesQuery(action) {
         _context9.n = 73;
         return effects.put(addMessagesAC(filteredPendingMessages, MESSAGE_LOAD_DIRECTION.NEXT));
       case 73:
-        if (!(connectionState === CONNECTION_STATUS.CONNECTED)) {
-          _context9.n = 81;
+        waitToSendPendingMessages = store.getState().UserReducer.waitToSendPendingMessages;
+        if (!(connectionState === CONNECTION_STATUS.CONNECTED && waitToSendPendingMessages)) {
+          _context9.n = 82;
           break;
         }
+        _context9.n = 74;
+        return effects.put(setWaitToSendPendingMessagesAC(false));
+      case 74:
         pendingMessagesMap = getPendingMessagesMap();
         _t18 = _regeneratorKeys(pendingMessagesMap);
-      case 74:
+      case 75:
         if ((_t19 = _t18()).done) {
-          _context9.n = 80;
+          _context9.n = 81;
           break;
         }
         channelId = _t19.value;
         _iterator = _createForOfIteratorHelperLoose(pendingMessagesMap[channelId]);
-      case 75:
+      case 76:
         if ((_step = _iterator()).done) {
-          _context9.n = 79;
+          _context9.n = 80;
           break;
         }
         msg = _step.value;
@@ -20328,10 +20345,10 @@ function getMessagesQuery(action) {
           return att.type !== attachmentTypes.link;
         });
         if (!(attachments && attachments.length > 0)) {
-          _context9.n = 77;
+          _context9.n = 78;
           break;
         }
-        _context9.n = 76;
+        _context9.n = 77;
         return effects.call(sendMessage, {
           type: RESEND_MESSAGE,
           payload: {
@@ -20340,11 +20357,11 @@ function getMessagesQuery(action) {
             channelId: channelId
           }
         });
-      case 76:
-        _context9.n = 78;
-        break;
       case 77:
-        _context9.n = 78;
+        _context9.n = 79;
+        break;
+      case 78:
+        _context9.n = 79;
         return effects.call(sendTextMessage, {
           type: RESEND_MESSAGE,
           payload: {
@@ -20353,47 +20370,50 @@ function getMessagesQuery(action) {
             channelId: channelId
           }
         });
-      case 78:
-        _context9.n = 75;
-        break;
       case 79:
-        _context9.n = 74;
+        _context9.n = 76;
         break;
       case 80:
+        _context9.n = 75;
+        break;
+      case 81:
         pendingPollActionsMap = store.getState().MessageReducer.pendingPollActions;
         if (!(pendingPollActionsMap && Object.keys(pendingPollActionsMap).length > 0)) {
-          _context9.n = 81;
+          _context9.n = 82;
           break;
         }
-        _context9.n = 81;
+        _context9.n = 82;
         return effects.put(resendPendingPollActionsAC(connectionState));
-      case 81:
+      case 82:
         _context9.n = 83;
+        return effects.put(setWaitToSendPendingMessagesAC(false));
+      case 83:
+        _context9.n = 85;
         break;
-      case 82:
+      case 84:
         if (!channel.isMockChannel) {
-          _context9.n = 83;
+          _context9.n = 85;
           break;
         }
-        _context9.n = 83;
-        return effects.put(setMessagesAC([]));
-      case 83:
         _context9.n = 85;
+        return effects.put(setMessagesAC([]));
+      case 85:
+        _context9.n = 87;
         break;
-      case 84:
-        _context9.p = 84;
+      case 86:
+        _context9.p = 86;
         _t20 = _context9.v;
         log.error('error in message query', _t20);
-      case 85:
-        _context9.p = 85;
-        _context9.n = 86;
-        return effects.put(setMessagesLoadingStateAC(LOADING_STATE.LOADED));
-      case 86:
-        return _context9.f(85);
       case 87:
+        _context9.p = 87;
+        _context9.n = 88;
+        return effects.put(setMessagesLoadingStateAC(LOADING_STATE.LOADED));
+      case 88:
+        return _context9.f(87);
+      case 89:
         return _context9.a(2);
     }
-  }, _marked7$1, null, [[0, 84, 85, 87]]);
+  }, _marked7$1, null, [[0, 86, 87, 89]]);
 }
 function getMessageQuery(action) {
   var payload, channelId, messageId, channel, connectionState, messages, fetchedMessage, _t21;
@@ -23490,7 +23510,6 @@ var SceytChat = function SceytChat(_ref) {
       setSceytChatClient(client);
       dispatch(setUserAC(client.user));
       dispatch(watchForEventsAC());
-      dispatch(setConnectionStatusAC(client.connectionState));
     } else {
       clearMessagesMap();
       removeAllMessages();
@@ -23505,6 +23524,9 @@ var SceytChat = function SceytChat(_ref) {
       setTabIsActive(true);
     };
   }, [client]);
+  React.useEffect(function () {
+    dispatch(setConnectionStatusAC(client.connectionState));
+  }, [client === null || client === void 0 ? void 0 : client.connectionState]);
   React.useEffect(function () {
     if (connectionStatus === CONNECTION_STATUS.CONNECTED) {
       if (showOnlyContactUsers) {
@@ -39486,7 +39508,7 @@ function MentionsPlugin(_ref3) {
   });
 }
 var MentionsContainerWrapper = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n  position: relative;\n  animation: fadeIn 0.2s ease-in-out;\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n"])));
-var MentionsList = styled__default.ul(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  bottom: 100%;\n  width: 300px;\n  transition: all 0.2s;\n  overflow: auto;\n  max-height: 240px;\n  z-index: 200;\n  padding: 2px 0 0;\n  background: ", ";\n  border: ", ";\n  box-sizing: border-box;\n  box-shadow: ", ";\n  border-radius: 6px;\n  visibility: ", ";\n"])), function (props) {
+var MentionsList = styled__default.ul(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  bottom: 5px;\n  width: 300px;\n  transition: all 0.2s;\n  overflow: auto;\n  max-height: 240px;\n  z-index: 200;\n  padding: 2px 0 0;\n  background: ", ";\n  border: ", ";\n  box-sizing: border-box;\n  box-shadow: ", ";\n  border-radius: 6px;\n  visibility: ", ";\n"])), function (props) {
   return props.backgroundColor;
 }, function (props) {
   return props.withBorder && "1px solid " + props.borderColor;

package/index.modern.js

@@ -11955,6 +11955,26 @@ var _memberSlice$actions = memberSlice.actions,
   getRolesFail = _memberSlice$actions.getRolesFail;
 var MembersReducer = memberSlice.reducer;
 
+var SET_CONTACT_LOADING_STATE = 'SET_CONTACT_LOADING_STATE';
+var GET_CONTACTS = 'GET_CONTACTS';
+var GET_USERS = 'GET_USERS';
+var LOAD_MORE_USERS = 'LOAD_MORE_USERS';
+var BLOCK_USERS = 'BLOCK_USERS';
+var UNBLOCK_USERS = 'UNBLOCK_USERS';
+var UPDATE_PROFILE = 'UPDATE_PROFILE';
+var CHECK_USER_STATUS = 'CHECK_USER_STATUS';
+var CONNECTION_EVENT_TYPES = {
+  TOKEN_WILL_EXPIRE: 'TOKEN_WILL_EXPIRE',
+  CONNECTION_STATUS_CHANGED: 'CONNECTION_STATUS_CHANGED',
+  TOKEN_EXPIRED: 'TOKEN_EXPIRED'
+};
+var CONNECTION_STATUS = {
+  CONNECTING: 'Connecting',
+  CONNECTED: 'Connected',
+  CONNECTING_FAILED: 'Failed',
+  DISCONNECTED: 'Disconnected'
+};
+
 var initialState$3 = {
   connectionStatus: '',
   contactList: [],
@@ -11968,7 +11988,8 @@ var initialState$3 = {
     lastName: '',
     state: ''
   },
-  browserTabIsActive: true
+  browserTabIsActive: true,
+  waitToSendPendingMessages: false
 };
 var userSlice = createSlice({
   name: 'users',
@@ -11976,6 +11997,9 @@ var userSlice = createSlice({
   reducers: {
     setConnectionStatus: function setConnectionStatus(state, action) {
       state.connectionStatus = action.payload.status;
+      if (action.payload.status === CONNECTION_STATUS.CONNECTED) {
+        state.waitToSendPendingMessages = true;
+      }
     },
     setUser: function setUser(state, action) {
       state.user = _extends({}, action.payload.user);
@@ -12007,6 +12031,9 @@ var userSlice = createSlice({
     },
     setBrowserTabIsActive: function setBrowserTabIsActive(state, action) {
       state.browserTabIsActive = action.payload.state;
+    },
+    setWaitToSendPendingMessages: function setWaitToSendPendingMessages(state, action) {
+      state.waitToSendPendingMessages = action.payload.state;
     }
   },
   extraReducers: function extraReducers(builder) {
@@ -12024,7 +12051,8 @@ var _userSlice$actions = userSlice.actions,
   updateUserMap = _userSlice$actions.updateUserMap,
   setContacts = _userSlice$actions.setContacts,
   updateUserProfile = _userSlice$actions.updateUserProfile,
-  setBrowserTabIsActive = _userSlice$actions.setBrowserTabIsActive;
+  setBrowserTabIsActive = _userSlice$actions.setBrowserTabIsActive,
+  setWaitToSendPendingMessages = _userSlice$actions.setWaitToSendPendingMessages;
 var UserReducer = userSlice.reducer;
 
 var SET_THEME = 'SET_THEME';
@@ -12707,26 +12735,6 @@ var joinChannelWithInviteKeyAC = function joinChannelWithInviteKeyAC(key) {
   };
 };
 
-var SET_CONTACT_LOADING_STATE = 'SET_CONTACT_LOADING_STATE';
-var GET_CONTACTS = 'GET_CONTACTS';
-var GET_USERS = 'GET_USERS';
-var LOAD_MORE_USERS = 'LOAD_MORE_USERS';
-var BLOCK_USERS = 'BLOCK_USERS';
-var UNBLOCK_USERS = 'UNBLOCK_USERS';
-var UPDATE_PROFILE = 'UPDATE_PROFILE';
-var CHECK_USER_STATUS = 'CHECK_USER_STATUS';
-var CONNECTION_EVENT_TYPES = {
-  TOKEN_WILL_EXPIRE: 'TOKEN_WILL_EXPIRE',
-  CONNECTION_STATUS_CHANGED: 'CONNECTION_STATUS_CHANGED',
-  TOKEN_EXPIRED: 'TOKEN_EXPIRED'
-};
-var CONNECTION_STATUS = {
-  CONNECTING: 'Connecting',
-  CONNECTED: 'Connected',
-  CONNECTING_FAILED: 'Failed',
-  DISCONNECTED: 'Disconnected'
-};
-
 var getUsersAC = function getUsersAC(params) {
   return {
     type: GET_USERS,
@@ -12838,6 +12846,11 @@ var updateUserStatusOnMapAC = function updateUserStatusOnMapAC(usersMap) {
     usersMap: usersMap
   });
 };
+var setWaitToSendPendingMessagesAC = function setWaitToSendPendingMessagesAC(state) {
+  return setWaitToSendPendingMessages({
+    state: state
+  });
+};
 
 var userDisplayNameFromContact = false;
 var setShowOnlyContactUsers = function setShowOnlyContactUsers(value) {
@@ -19810,7 +19823,7 @@ function editMessage(action) {
   }, _marked6$1, null, [[0, 5]]);
 }
 function getMessagesQuery(action) {
-  var _action$payload, channel, loadWithLastMessage, messageId, limit, withDeliveredMessages, highlight, behavior, connectionState, SceytChatClient, messageQueryBuilder, messageQuery, cachedMessages, result, allMessages, havLastMessage, secondResult, sentMessages, messagesMap, filteredSentMessages, _allMessages, messageIndex, maxLengthPart, _secondResult, thirdResult, _secondResult2, _thirdResult, _secondResult3, _updatedMessages, _Object$values, previousAllMessages, _secondResult4, updatedMessages, lastMessageId, _allMessages2, setMappedAllMessages, allMessagesAfterLastMessage, pendingMessages, _messagesMap, filteredPendingMessages, pendingMessagesMap, channelId, _iterator, _step, _msg$attachments, msg, attachments, pendingPollActionsMap, _t7, _t8, _t9, _t0, _t1, _t10, _t11, _t12, _t13, _t14, _t15, _t16, _t17, _t18, _t19, _t20;
+  var _action$payload, channel, loadWithLastMessage, messageId, limit, withDeliveredMessages, highlight, behavior, connectionState, SceytChatClient, messageQueryBuilder, messageQuery, cachedMessages, result, allMessages, havLastMessage, secondResult, sentMessages, messagesMap, filteredSentMessages, _allMessages, messageIndex, maxLengthPart, _secondResult, thirdResult, _secondResult2, _thirdResult, _secondResult3, _updatedMessages, _Object$values, previousAllMessages, _secondResult4, updatedMessages, lastMessageId, _allMessages2, setMappedAllMessages, allMessagesAfterLastMessage, pendingMessages, _messagesMap, filteredPendingMessages, waitToSendPendingMessages, pendingMessagesMap, channelId, _iterator, _step, _msg$attachments, msg, attachments, pendingPollActionsMap, _t7, _t8, _t9, _t0, _t1, _t10, _t11, _t12, _t13, _t14, _t15, _t16, _t17, _t18, _t19, _t20;
   return _regenerator().w(function (_context9) {
     while (1) switch (_context9.p = _context9.n) {
       case 0:
@@ -19821,7 +19834,7 @@ function getMessagesQuery(action) {
         _action$payload = action.payload, channel = _action$payload.channel, loadWithLastMessage = _action$payload.loadWithLastMessage, messageId = _action$payload.messageId, limit = _action$payload.limit, withDeliveredMessages = _action$payload.withDeliveredMessages, highlight = _action$payload.highlight, behavior = _action$payload.behavior;
         connectionState = store.getState().UserReducer.connectionStatus;
         if (!(channel.id && !channel.isMockChannel)) {
-          _context9.n = 82;
+          _context9.n = 84;
           break;
         }
         SceytChatClient = getClient();
@@ -20304,22 +20317,26 @@ function getMessagesQuery(action) {
         _context9.n = 73;
         return put(addMessagesAC(filteredPendingMessages, MESSAGE_LOAD_DIRECTION.NEXT));
       case 73:
-        if (!(connectionState === CONNECTION_STATUS.CONNECTED)) {
-          _context9.n = 81;
+        waitToSendPendingMessages = store.getState().UserReducer.waitToSendPendingMessages;
+        if (!(connectionState === CONNECTION_STATUS.CONNECTED && waitToSendPendingMessages)) {
+          _context9.n = 82;
           break;
         }
+        _context9.n = 74;
+        return put(setWaitToSendPendingMessagesAC(false));
+      case 74:
         pendingMessagesMap = getPendingMessagesMap();
         _t18 = _regeneratorKeys(pendingMessagesMap);
-      case 74:
+      case 75:
         if ((_t19 = _t18()).done) {
-          _context9.n = 80;
+          _context9.n = 81;
           break;
         }
         channelId = _t19.value;
         _iterator = _createForOfIteratorHelperLoose(pendingMessagesMap[channelId]);
-      case 75:
+      case 76:
         if ((_step = _iterator()).done) {
-          _context9.n = 79;
+          _context9.n = 80;
           break;
         }
         msg = _step.value;
@@ -20327,10 +20344,10 @@ function getMessagesQuery(action) {
           return att.type !== attachmentTypes.link;
         });
         if (!(attachments && attachments.length > 0)) {
-          _context9.n = 77;
+          _context9.n = 78;
           break;
         }
-        _context9.n = 76;
+        _context9.n = 77;
         return call(sendMessage, {
           type: RESEND_MESSAGE,
           payload: {
@@ -20339,11 +20356,11 @@ function getMessagesQuery(action) {
             channelId: channelId
           }
         });
-      case 76:
-        _context9.n = 78;
-        break;
       case 77:
-        _context9.n = 78;
+        _context9.n = 79;
+        break;
+      case 78:
+        _context9.n = 79;
         return call(sendTextMessage, {
           type: RESEND_MESSAGE,
           payload: {
@@ -20352,47 +20369,50 @@ function getMessagesQuery(action) {
             channelId: channelId
           }
         });
-      case 78:
-        _context9.n = 75;
-        break;
       case 79:
-        _context9.n = 74;
+        _context9.n = 76;
         break;
       case 80:
+        _context9.n = 75;
+        break;
+      case 81:
         pendingPollActionsMap = store.getState().MessageReducer.pendingPollActions;
         if (!(pendingPollActionsMap && Object.keys(pendingPollActionsMap).length > 0)) {
-          _context9.n = 81;
+          _context9.n = 82;
           break;
         }
-        _context9.n = 81;
+        _context9.n = 82;
         return put(resendPendingPollActionsAC(connectionState));
-      case 81:
+      case 82:
         _context9.n = 83;
+        return put(setWaitToSendPendingMessagesAC(false));
+      case 83:
+        _context9.n = 85;
         break;
-      case 82:
+      case 84:
         if (!channel.isMockChannel) {
-          _context9.n = 83;
+          _context9.n = 85;
           break;
         }
-        _context9.n = 83;
-        return put(setMessagesAC([]));
-      case 83:
         _context9.n = 85;
+        return put(setMessagesAC([]));
+      case 85:
+        _context9.n = 87;
         break;
-      case 84:
-        _context9.p = 84;
+      case 86:
+        _context9.p = 86;
         _t20 = _context9.v;
         log.error('error in message query', _t20);
-      case 85:
-        _context9.p = 85;
-        _context9.n = 86;
-        return put(setMessagesLoadingStateAC(LOADING_STATE.LOADED));
-      case 86:
-        return _context9.f(85);
       case 87:
+        _context9.p = 87;
+        _context9.n = 88;
+        return put(setMessagesLoadingStateAC(LOADING_STATE.LOADED));
+      case 88:
+        return _context9.f(87);
+      case 89:
         return _context9.a(2);
     }
-  }, _marked7$1, null, [[0, 84, 85, 87]]);
+  }, _marked7$1, null, [[0, 86, 87, 89]]);
 }
 function getMessageQuery(action) {
   var payload, channelId, messageId, channel, connectionState, messages, fetchedMessage, _t21;
@@ -23489,7 +23509,6 @@ var SceytChat = function SceytChat(_ref) {
       setSceytChatClient(client);
       dispatch(setUserAC(client.user));
       dispatch(watchForEventsAC());
-      dispatch(setConnectionStatusAC(client.connectionState));
     } else {
       clearMessagesMap();
       removeAllMessages();
@@ -23504,6 +23523,9 @@ var SceytChat = function SceytChat(_ref) {
       setTabIsActive(true);
     };
   }, [client]);
+  useEffect(function () {
+    dispatch(setConnectionStatusAC(client.connectionState));
+  }, [client === null || client === void 0 ? void 0 : client.connectionState]);
   useEffect(function () {
     if (connectionStatus === CONNECTION_STATUS.CONNECTED) {
       if (showOnlyContactUsers) {
@@ -39485,7 +39507,7 @@ function MentionsPlugin(_ref3) {
   });
 }
 var MentionsContainerWrapper = styled.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n  position: relative;\n  animation: fadeIn 0.2s ease-in-out;\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n"])));
-var MentionsList = styled.ul(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  bottom: 100%;\n  width: 300px;\n  transition: all 0.2s;\n  overflow: auto;\n  max-height: 240px;\n  z-index: 200;\n  padding: 2px 0 0;\n  background: ", ";\n  border: ", ";\n  box-sizing: border-box;\n  box-shadow: ", ";\n  border-radius: 6px;\n  visibility: ", ";\n"])), function (props) {
+var MentionsList = styled.ul(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  bottom: 5px;\n  width: 300px;\n  transition: all 0.2s;\n  overflow: auto;\n  max-height: 240px;\n  z-index: 200;\n  padding: 2px 0 0;\n  background: ", ";\n  border: ", ";\n  box-sizing: border-box;\n  box-shadow: ", ";\n  border-radius: 6px;\n  visibility: ", ";\n"])), function (props) {
   return props.backgroundColor;
 }, function (props) {
   return props.withBorder && "1px solid " + props.borderColor;

package/package.json

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