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

package/index.js

@@ -12276,6 +12276,10 @@ var initialState$2 = {
     fromChannel: false,
     members: []
   },
+  userBlockedForInvite: {
+    show: false,
+    userIds: []
+  },
   openInviteModal: false
 };
 var memberSlice = createSlice({
@@ -12397,6 +12401,13 @@ var memberSlice = createSlice({
       state.restricted.fromChannel = fromChannel;
       state.restricted.members = members;
     },
+    setUserBlockedForInvite: function setUserBlockedForInvite(state, action) {
+      var _action$payload9 = action.payload,
+        show = _action$payload9.show,
+        userIds = _action$payload9.userIds;
+      state.userBlockedForInvite.show = show;
+      state.userBlockedForInvite.userIds = userIds;
+    },
     setOpenInviteModal: function setOpenInviteModal(state, action) {
       state.openInviteModal = action.payload.open;
     }
@@ -12418,6 +12429,7 @@ var _memberSlice$actions = memberSlice.actions,
   getRolesFail = _memberSlice$actions.getRolesFail,
   setMembersHasNext = _memberSlice$actions.setMembersHasNext,
   setActionIsRestricted = _memberSlice$actions.setActionIsRestricted,
+  setUserBlockedForInvite = _memberSlice$actions.setUserBlockedForInvite,
   setOpenInviteModal = _memberSlice$actions.setOpenInviteModal;
 var MembersReducer = memberSlice.reducer;
 
@@ -12483,6 +12495,14 @@ var userSlice = createSlice({
     updateUserMap: function updateUserMap(state, action) {
       state.updatedUserMap = _extends({}, state.updatedUserMap, action.payload.usersMap);
     },
+    addUserInMapIfNotExists: function addUserInMapIfNotExists(state, action) {
+      var _state$updatedUserMap;
+      var user = action.payload.user;
+      if (!((_state$updatedUserMap = state.updatedUserMap) !== null && _state$updatedUserMap !== void 0 && _state$updatedUserMap[user === null || user === void 0 ? void 0 : user.id])) {
+        var _extends2;
+        state.updatedUserMap = _extends({}, state.updatedUserMap, (_extends2 = {}, _extends2[user.id] = user, _extends2));
+      }
+    },
     setContacts: function setContacts(state, action) {
       var contacts = action.payload.contacts;
       state.contactList = [].concat(contacts);
@@ -12515,6 +12535,7 @@ var _userSlice$actions = userSlice.actions,
   addUsers = _userSlice$actions.addUsers,
   setUsersLoadingState = _userSlice$actions.setUsersLoadingState,
   updateUserMap = _userSlice$actions.updateUserMap,
+  addUserInMapIfNotExists = _userSlice$actions.addUserInMapIfNotExists,
   setContacts = _userSlice$actions.setContacts,
   updateUserProfile = _userSlice$actions.updateUserProfile,
   setBrowserTabIsActive = _userSlice$actions.setBrowserTabIsActive,
@@ -13375,6 +13396,11 @@ var updateUserStatusOnMapAC = function updateUserStatusOnMapAC(usersMap) {
     usersMap: usersMap
   });
 };
+var addUserInMapIfNotExistsAC = function addUserInMapIfNotExistsAC(user) {
+  return addUserInMapIfNotExists({
+    user: user
+  });
+};
 var setWaitToSendPendingMessagesAC = function setWaitToSendPendingMessagesAC(state) {
   return setWaitToSendPendingMessages({
     state: state
@@ -13685,6 +13711,12 @@ var setActionIsRestrictedAC = function setActionIsRestrictedAC(isRestricted, fro
     members: members || []
   });
 };
+var setUserBlockedForInviteAC = function setUserBlockedForInviteAC(show, userIds) {
+  return setUserBlockedForInvite({
+    show: show,
+    userIds: userIds
+  });
+};
 var setOpenInviteModalAC = function setOpenInviteModalAC(open) {
   return setOpenInviteModal({
     open: open
@@ -24451,7 +24483,7 @@ function getContacts() {
   }, _marked$5, null, [[0, 4]]);
 }
 function blockUser(action) {
-  var SceytChatClient, payload, userIds, blockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _t2;
+  var SceytChatClient, payload, userIds, blockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _iterator, _step, _updateUserStatusOnMa, _updateMembersPresenc, _updateUserStatusOnCh, user, _t2;
   return _regenerator().w(function (_context2) {
     while (1) switch (_context2.p = _context2.n) {
       case 0:
@@ -24500,19 +24532,44 @@ function blockUser(action) {
           })
         });
       case 5:
+        _iterator = _createForOfIteratorHelperLoose(blockedUsers);
+      case 6:
+        if ((_step = _iterator()).done) {
+          _context2.n = 10;
+          break;
+        }
+        user = _step.value;
         _context2.n = 7;
+        return effects.put(updateUserStatusOnMapAC((_updateUserStatusOnMa = {}, _updateUserStatusOnMa[user.id] = _extends({}, user, {
+          blocked: true
+        }), _updateUserStatusOnMa)));
+      case 7:
+        _context2.n = 8;
+        return effects.put(updateMembersPresenceAC((_updateMembersPresenc = {}, _updateMembersPresenc[user.id] = _extends({}, user, {
+          blocked: true
+        }), _updateMembersPresenc)));
+      case 8:
+        _context2.n = 9;
+        return effects.put(updateUserStatusOnChannelAC((_updateUserStatusOnCh = {}, _updateUserStatusOnCh[user.id] = _extends({}, user, {
+          blocked: true
+        }), _updateUserStatusOnCh)));
+      case 9:
+        _context2.n = 6;
         break;
-      case 6:
-        _context2.p = 6;
+      case 10:
+        _context2.n = 12;
+        break;
+      case 11:
+        _context2.p = 11;
         _t2 = _context2.v;
         log.error('error in block users', _t2.message);
-      case 7:
+      case 12:
         return _context2.a(2);
     }
-  }, _marked2$4, null, [[0, 6]]);
+  }, _marked2$4, null, [[0, 11]]);
 }
 function unblockUser(action) {
-  var SceytChatClient, payload, userIds, unblockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _t3;
+  var SceytChatClient, payload, userIds, unblockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _iterator2, _step2, _updateUserStatusOnMa2, _updateMembersPresenc2, _updateUserStatusOnCh2, user, _t3;
   return _regenerator().w(function (_context3) {
     while (1) switch (_context3.p = _context3.n) {
       case 0:
@@ -24561,16 +24618,41 @@ function unblockUser(action) {
           })
         });
       case 5:
+        _iterator2 = _createForOfIteratorHelperLoose(unblockedUsers);
+      case 6:
+        if ((_step2 = _iterator2()).done) {
+          _context3.n = 10;
+          break;
+        }
+        user = _step2.value;
         _context3.n = 7;
+        return effects.put(updateUserStatusOnMapAC((_updateUserStatusOnMa2 = {}, _updateUserStatusOnMa2[user.id] = _extends({}, user, {
+          blocked: false
+        }), _updateUserStatusOnMa2)));
+      case 7:
+        _context3.n = 8;
+        return effects.put(updateMembersPresenceAC((_updateMembersPresenc2 = {}, _updateMembersPresenc2[user.id] = _extends({}, user, {
+          blocked: false
+        }), _updateMembersPresenc2)));
+      case 8:
+        _context3.n = 9;
+        return effects.put(updateUserStatusOnChannelAC((_updateUserStatusOnCh2 = {}, _updateUserStatusOnCh2[user.id] = _extends({}, user, {
+          blocked: false
+        }), _updateUserStatusOnCh2)));
+      case 9:
+        _context3.n = 6;
         break;
-      case 6:
-        _context3.p = 6;
+      case 10:
+        _context3.n = 12;
+        break;
+      case 11:
+        _context3.p = 11;
         _t3 = _context3.v;
         log.error('error in unblock users', _t3.message);
-      case 7:
+      case 12:
         return _context3.a(2);
     }
-  }, _marked3$3, null, [[0, 6]]);
+  }, _marked3$3, null, [[0, 11]]);
 }
 function updateProfile(action) {
   var payload, user, firstName, lastName, avatarUrl, metadata, avatarFile, updateUserProfileData, SceytChatClient, fileToUpload, updatedUser, _t4;
@@ -24918,6 +25000,9 @@ var channelsMembersHasNextMapSelector = function channelsMembersHasNextMapSelect
 var restrictedSelector = function restrictedSelector(store) {
   return store.MembersReducer.restricted;
 };
+var userBlockedForInviteSelector = function userBlockedForInviteSelector(store) {
+  return store.MembersReducer.userBlockedForInvite;
+};
 var openInviteModalSelector = function openInviteModalSelector(store) {
   return store.MembersReducer.openInviteModal;
 };
@@ -25912,6 +25997,12 @@ var SceytChat = function SceytChat(_ref) {
     }
     if (contactsMap) {
       setContactsMap(contactsMap);
+      for (var contactId in contactsMap) {
+        var contact = contactsMap[contactId];
+        var user = _extends({}, contact === null || contact === void 0 ? void 0 : contact.user);
+        dispatch(addUserInMapIfNotExistsAC(user));
+      }
+      dispatch(checkUserStatusAC());
     }
   }, [contactsMap]);
   React.useEffect(function () {
@@ -27333,6 +27424,62 @@ var Title$1 = styled__default.h4(_templateObject4$6 || (_templateObject4$6 = _ta
   return props.color;
 });
 
+var UserBlockedPopup = function UserBlockedPopup(_ref) {
+  var userIds = _ref.userIds,
+    selectUsers = _ref.selectUsers;
+  var dispatch = useDispatch();
+  var connectionStatus = useSelector(connectionStatusSelector);
+  var _useColor = useColors(),
+    background = _useColor[THEME_COLORS.BACKGROUND],
+    textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
+    surface1 = _useColor[THEME_COLORS.SURFACE_1],
+    iconPrimary = _useColor[THEME_COLORS.ICON_PRIMARY],
+    accentColor = _useColor[THEME_COLORS.ACCENT],
+    textOnPrimary = _useColor[THEME_COLORS.TEXT_ON_PRIMARY],
+    linkColor = _useColor[THEME_COLORS.LINK_COLOR];
+  var handleClose = function handleClose() {
+    dispatch(setUserBlockedForInviteAC(false, []));
+  };
+  var handleUnblock = function handleUnblock() {
+    dispatch(unblockUserAC(userIds));
+    if (connectionStatus === CONNECTION_STATUS.CONNECTED) {
+      selectUsers === null || selectUsers === void 0 ? void 0 : selectUsers(userIds);
+    }
+    handleClose();
+  };
+  return /*#__PURE__*/React__default.createElement(PopupContainer, null, /*#__PURE__*/React__default.createElement(Popup, {
+    backgroundColor: background,
+    maxWidth: '520px',
+    minWidth: '520px',
+    padding: '0'
+  }, /*#__PURE__*/React__default.createElement(PopupBody, {
+    paddingH: '24px',
+    paddingV: '24px'
+  }, /*#__PURE__*/React__default.createElement(CloseIcon, {
+    color: iconPrimary,
+    onClick: handleClose
+  }), /*#__PURE__*/React__default.createElement(PopupName, {
+    color: textPrimary,
+    marginBottom: '20px'
+  }, "Failed to invite"), /*#__PURE__*/React__default.createElement(PopupDescription, {
+    color: textPrimary,
+    highlightColor: linkColor
+  }, "You have blocked this user. Please unblock to invite.")), /*#__PURE__*/React__default.createElement(PopupFooter, {
+    backgroundColor: surface1
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    type: 'button',
+    color: textPrimary,
+    backgroundColor: 'transparent',
+    onClick: handleClose
+  }, "Cancel"), /*#__PURE__*/React__default.createElement(Button, {
+    type: 'button',
+    backgroundColor: accentColor,
+    color: textOnPrimary,
+    borderRadius: '8px',
+    onClick: handleUnblock
+  }, "Unblock"))));
+};
+
 var _templateObject$b, _templateObject2$a, _templateObject3$8, _templateObject4$7, _templateObject5$4, _templateObject6$3, _templateObject7$3, _templateObject8$3, _templateObject9$2, _templateObject0$2, _templateObject1$2;
 var UserItem = function UserItem(_ref) {
   var user = _ref.user,
@@ -27381,6 +27528,7 @@ var UsersPopup = function UsersPopup(_ref2) {
   var getFromContacts = getShowOnlyContactUsers();
   var usersLoadingState = useSelector(usersLoadingStateSelector);
   var selectedMembersCont = React.useRef('');
+  var userBlockedForInvite = useSelector(userBlockedForInviteSelector);
   var _useState = React.useState(''),
     userSearchValue = _useState[0],
     setUserSearchValue = _useState[1];
@@ -27401,6 +27549,7 @@ var UsersPopup = function UsersPopup(_ref2) {
   var _useState6 = React.useState(false),
     isSelectedMembersScrolling = _useState6[0],
     setIsSelectedMembersScrolling = _useState6[1];
+  var usersMap = useSelector(usersMapSelector);
   var popupTitleText = channel && (memberDisplayText && memberDisplayText[channel.type] ? "Add " + memberDisplayText[channel.type] + "s" : channel.type === DEFAULT_CHANNEL_TYPE.BROADCAST || channel.type === DEFAULT_CHANNEL_TYPE.PUBLIC ? 'Subscribers' : 'Members');
   var handleMembersListScroll = function handleMembersListScroll(event) {
     if (!userSearchValue && event.target.scrollHeight - event.target.scrollTop <= event.target.offsetHeight + 300) {
@@ -27485,7 +27634,10 @@ var UsersPopup = function UsersPopup(_ref2) {
     if (getFromContacts) {
       if (!userSearchValue) {
         var userList = contactList.map(function (cont) {
-          return cont.user;
+          var _usersMap$cont$id;
+          return _extends({}, cont.user, {
+            blocked: !!(usersMap !== null && usersMap !== void 0 && (_usersMap$cont$id = usersMap[cont.id]) !== null && _usersMap$cont$id !== void 0 && _usersMap$cont$id.blocked)
+          });
         });
         if (actionType === 'createChat') {
           userList.unshift(selfUser);
@@ -27499,7 +27651,7 @@ var UsersPopup = function UsersPopup(_ref2) {
       }
       setFilteredUsers(_userList);
     }
-  }, [contactList, usersList]);
+  }, [contactList, usersList, usersMap]);
   useDidUpdate(function () {
     if (getFromContacts) {
       if (userSearchValue) {
@@ -27512,11 +27664,17 @@ var UsersPopup = function UsersPopup(_ref2) {
           });
         }
         setFilteredUsers(filteredContacts.map(function (cont) {
-          return cont.user;
+          var _usersMap$cont$id2;
+          return _extends({}, cont.user, {
+            blocked: !!(usersMap !== null && usersMap !== void 0 && (_usersMap$cont$id2 = usersMap[cont.id]) !== null && _usersMap$cont$id2 !== void 0 && _usersMap$cont$id2.blocked)
+          });
         }));
       } else {
         var userList = contactList.map(function (cont) {
-          return cont.user;
+          var _usersMap$cont$id3;
+          return _extends({}, cont.user, {
+            blocked: !!(usersMap !== null && usersMap !== void 0 && (_usersMap$cont$id3 = usersMap[cont.id]) !== null && _usersMap$cont$id3 !== void 0 && _usersMap$cont$id3.blocked)
+          });
         });
         if (actionType === 'createChat') {
           userList.unshift(selfUser);
@@ -27530,7 +27688,7 @@ var UsersPopup = function UsersPopup(_ref2) {
         limit: 50
       }));
     }
-  }, [userSearchValue]);
+  }, [userSearchValue, usersMap]);
   React.useEffect(function () {
     if (selectedMembersCont.current) {
       setUsersContHeight(selectedMembersCont.current.offsetHeight);
@@ -27641,13 +27799,18 @@ var UsersPopup = function UsersPopup(_ref2) {
       hoverBackground: backgroundHovered,
       key: user.id,
       onClick: function onClick() {
+        if (user !== null && user !== void 0 && user.blocked) {
+          dispatch(setUserBlockedForInviteAC(true, [user.id]));
+          return;
+        }
         actionType === 'createChat' && handleAddMember(user);
         handleUserSelect(!isSelected, {
           id: user.id,
           displayName: memberDisplayName,
           avatarUrl: user.avatarUrl
         });
-      }
+      },
+      disabled: user === null || user === void 0 ? void 0 : user.blocked
     }, /*#__PURE__*/React__default.createElement(Avatar, {
       image: user.avatarUrl,
       name: user.firstName || user.id,
@@ -27666,7 +27829,8 @@ var UsersPopup = function UsersPopup(_ref2) {
       onClick: function onClick(e) {
         e.stopPropagation();
       },
-      size: '18px'
+      size: '18px',
+      disabled: user === null || user === void 0 ? void 0 : user.blocked
     })));
   }))), actionType !== 'createChat' && (/*#__PURE__*/React__default.createElement(PopupFooter, {
     backgroundColor: surface1Background,
@@ -27690,7 +27854,32 @@ var UsersPopup = function UsersPopup(_ref2) {
     onClick: function onClick() {
       return handleCreateChannel();
     }
-  }, actionType === 'selectUsers' ? 'Create' : 'Add')))));
+  }, actionType === 'selectUsers' ? 'Create' : 'Add')))), userBlockedForInvite.show && (/*#__PURE__*/React__default.createElement(UserBlockedPopup, {
+    userIds: userBlockedForInvite.userIds,
+    selectUsers: function selectUsers(userIds) {
+      var _loop = function _loop() {
+        var userId = _step.value;
+        var user = filteredUsers.find(function (user) {
+          return user.id === userId;
+        });
+        if (!user) {
+          return 1;
+        }
+        var memberDisplayName = selfUser.id === userId ? 'Me' : makeUsername(contactsMap[userId], user, selfUser.id !== userId && getFromContacts);
+        if (user) {
+          actionType === 'createChat' && handleAddMember(user);
+          handleUserSelect(true, {
+            id: user.id,
+            displayName: memberDisplayName,
+            avatarUrl: user.avatarUrl
+          });
+        }
+      };
+      for (var _iterator = _createForOfIteratorHelperLoose(userIds), _step; !(_step = _iterator()).done;) {
+        if (_loop()) continue;
+      }
+    }
+  })));
 };
 var List = styled__default.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  margin-top: 12px;\n  min-height: 150px;\n  box-sizing: border-box;\n"])));
 var MembersContainer = styled__default(List)(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  max-height: ", ";\n  overflow-y: auto;\n  padding-right: 16px;\n\n  &::-webkit-scrollbar {\n    width: 8px;\n    background: transparent;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: transparent;\n  }\n\n  &.show-scrollbar::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 4px;\n  }\n  &.show-scrollbar::-webkit-scrollbar-track {\n    background: transparent;\n  }\n"])), function (props) {
@@ -27708,7 +27897,9 @@ var SearchUsersInput = styled__default.input(_templateObject4$7 || (_templateObj
 }, function (props) {
   return props.placeholderColor;
 });
-var ListRow = styled__default.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  flex-direction: row;\n  align-items: center;\n  padding: 7px 12px;\n  cursor: pointer;\n  border-radius: 6px;\n  transition: all 0.2s;\n  &:hover {\n    background-color: ", ";\n  }\n\n  & ", " {\n    width: 10px;\n    height: 10px;\n  }\n"])), function (props) {
+var ListRow = styled__default.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  flex-direction: row;\n  align-items: center;\n  padding: 7px 12px;\n  cursor: pointer;\n  border-radius: 6px;\n  transition: all 0.2s;\n  opacity: ", ";\n  &:hover {\n    background-color: ", ";\n  }\n\n  & ", " {\n    width: 10px;\n    height: 10px;\n  }\n"])), function (props) {
+  return props.disabled ? 0.5 : 1;
+}, function (props) {
   return props.hoverBackground;
 }, UserStatus);
 var UserNamePresence = styled__default.div(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-width: calc(100% - 70px);\n  margin: 0 auto 0 8px;\n  line-height: 10px;\n"])));

package/index.modern.js

@@ -12275,6 +12275,10 @@ var initialState$2 = {
     fromChannel: false,
     members: []
   },
+  userBlockedForInvite: {
+    show: false,
+    userIds: []
+  },
   openInviteModal: false
 };
 var memberSlice = createSlice({
@@ -12396,6 +12400,13 @@ var memberSlice = createSlice({
       state.restricted.fromChannel = fromChannel;
       state.restricted.members = members;
     },
+    setUserBlockedForInvite: function setUserBlockedForInvite(state, action) {
+      var _action$payload9 = action.payload,
+        show = _action$payload9.show,
+        userIds = _action$payload9.userIds;
+      state.userBlockedForInvite.show = show;
+      state.userBlockedForInvite.userIds = userIds;
+    },
     setOpenInviteModal: function setOpenInviteModal(state, action) {
       state.openInviteModal = action.payload.open;
     }
@@ -12417,6 +12428,7 @@ var _memberSlice$actions = memberSlice.actions,
   getRolesFail = _memberSlice$actions.getRolesFail,
   setMembersHasNext = _memberSlice$actions.setMembersHasNext,
   setActionIsRestricted = _memberSlice$actions.setActionIsRestricted,
+  setUserBlockedForInvite = _memberSlice$actions.setUserBlockedForInvite,
   setOpenInviteModal = _memberSlice$actions.setOpenInviteModal;
 var MembersReducer = memberSlice.reducer;
 
@@ -12482,6 +12494,14 @@ var userSlice = createSlice({
     updateUserMap: function updateUserMap(state, action) {
       state.updatedUserMap = _extends({}, state.updatedUserMap, action.payload.usersMap);
     },
+    addUserInMapIfNotExists: function addUserInMapIfNotExists(state, action) {
+      var _state$updatedUserMap;
+      var user = action.payload.user;
+      if (!((_state$updatedUserMap = state.updatedUserMap) !== null && _state$updatedUserMap !== void 0 && _state$updatedUserMap[user === null || user === void 0 ? void 0 : user.id])) {
+        var _extends2;
+        state.updatedUserMap = _extends({}, state.updatedUserMap, (_extends2 = {}, _extends2[user.id] = user, _extends2));
+      }
+    },
     setContacts: function setContacts(state, action) {
       var contacts = action.payload.contacts;
       state.contactList = [].concat(contacts);
@@ -12514,6 +12534,7 @@ var _userSlice$actions = userSlice.actions,
   addUsers = _userSlice$actions.addUsers,
   setUsersLoadingState = _userSlice$actions.setUsersLoadingState,
   updateUserMap = _userSlice$actions.updateUserMap,
+  addUserInMapIfNotExists = _userSlice$actions.addUserInMapIfNotExists,
   setContacts = _userSlice$actions.setContacts,
   updateUserProfile = _userSlice$actions.updateUserProfile,
   setBrowserTabIsActive = _userSlice$actions.setBrowserTabIsActive,
@@ -13374,6 +13395,11 @@ var updateUserStatusOnMapAC = function updateUserStatusOnMapAC(usersMap) {
     usersMap: usersMap
   });
 };
+var addUserInMapIfNotExistsAC = function addUserInMapIfNotExistsAC(user) {
+  return addUserInMapIfNotExists({
+    user: user
+  });
+};
 var setWaitToSendPendingMessagesAC = function setWaitToSendPendingMessagesAC(state) {
   return setWaitToSendPendingMessages({
     state: state
@@ -13684,6 +13710,12 @@ var setActionIsRestrictedAC = function setActionIsRestrictedAC(isRestricted, fro
     members: members || []
   });
 };
+var setUserBlockedForInviteAC = function setUserBlockedForInviteAC(show, userIds) {
+  return setUserBlockedForInvite({
+    show: show,
+    userIds: userIds
+  });
+};
 var setOpenInviteModalAC = function setOpenInviteModalAC(open) {
   return setOpenInviteModal({
     open: open
@@ -24450,7 +24482,7 @@ function getContacts() {
   }, _marked$5, null, [[0, 4]]);
 }
 function blockUser(action) {
-  var SceytChatClient, payload, userIds, blockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _t2;
+  var SceytChatClient, payload, userIds, blockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _iterator, _step, _updateUserStatusOnMa, _updateMembersPresenc, _updateUserStatusOnCh, user, _t2;
   return _regenerator().w(function (_context2) {
     while (1) switch (_context2.p = _context2.n) {
       case 0:
@@ -24499,19 +24531,44 @@ function blockUser(action) {
           })
         });
       case 5:
+        _iterator = _createForOfIteratorHelperLoose(blockedUsers);
+      case 6:
+        if ((_step = _iterator()).done) {
+          _context2.n = 10;
+          break;
+        }
+        user = _step.value;
         _context2.n = 7;
+        return put(updateUserStatusOnMapAC((_updateUserStatusOnMa = {}, _updateUserStatusOnMa[user.id] = _extends({}, user, {
+          blocked: true
+        }), _updateUserStatusOnMa)));
+      case 7:
+        _context2.n = 8;
+        return put(updateMembersPresenceAC((_updateMembersPresenc = {}, _updateMembersPresenc[user.id] = _extends({}, user, {
+          blocked: true
+        }), _updateMembersPresenc)));
+      case 8:
+        _context2.n = 9;
+        return put(updateUserStatusOnChannelAC((_updateUserStatusOnCh = {}, _updateUserStatusOnCh[user.id] = _extends({}, user, {
+          blocked: true
+        }), _updateUserStatusOnCh)));
+      case 9:
+        _context2.n = 6;
         break;
-      case 6:
-        _context2.p = 6;
+      case 10:
+        _context2.n = 12;
+        break;
+      case 11:
+        _context2.p = 11;
         _t2 = _context2.v;
         log.error('error in block users', _t2.message);
-      case 7:
+      case 12:
         return _context2.a(2);
     }
-  }, _marked2$4, null, [[0, 6]]);
+  }, _marked2$4, null, [[0, 11]]);
 }
 function unblockUser(action) {
-  var SceytChatClient, payload, userIds, unblockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _t3;
+  var SceytChatClient, payload, userIds, unblockedUsers, activeChannelId, activeChannel, isDirectChannel, directChannelUser, _iterator2, _step2, _updateUserStatusOnMa2, _updateMembersPresenc2, _updateUserStatusOnCh2, user, _t3;
   return _regenerator().w(function (_context3) {
     while (1) switch (_context3.p = _context3.n) {
       case 0:
@@ -24560,16 +24617,41 @@ function unblockUser(action) {
           })
         });
       case 5:
+        _iterator2 = _createForOfIteratorHelperLoose(unblockedUsers);
+      case 6:
+        if ((_step2 = _iterator2()).done) {
+          _context3.n = 10;
+          break;
+        }
+        user = _step2.value;
         _context3.n = 7;
+        return put(updateUserStatusOnMapAC((_updateUserStatusOnMa2 = {}, _updateUserStatusOnMa2[user.id] = _extends({}, user, {
+          blocked: false
+        }), _updateUserStatusOnMa2)));
+      case 7:
+        _context3.n = 8;
+        return put(updateMembersPresenceAC((_updateMembersPresenc2 = {}, _updateMembersPresenc2[user.id] = _extends({}, user, {
+          blocked: false
+        }), _updateMembersPresenc2)));
+      case 8:
+        _context3.n = 9;
+        return put(updateUserStatusOnChannelAC((_updateUserStatusOnCh2 = {}, _updateUserStatusOnCh2[user.id] = _extends({}, user, {
+          blocked: false
+        }), _updateUserStatusOnCh2)));
+      case 9:
+        _context3.n = 6;
         break;
-      case 6:
-        _context3.p = 6;
+      case 10:
+        _context3.n = 12;
+        break;
+      case 11:
+        _context3.p = 11;
         _t3 = _context3.v;
         log.error('error in unblock users', _t3.message);
-      case 7:
+      case 12:
         return _context3.a(2);
     }
-  }, _marked3$3, null, [[0, 6]]);
+  }, _marked3$3, null, [[0, 11]]);
 }
 function updateProfile(action) {
   var payload, user, firstName, lastName, avatarUrl, metadata, avatarFile, updateUserProfileData, SceytChatClient, fileToUpload, updatedUser, _t4;
@@ -24917,6 +24999,9 @@ var channelsMembersHasNextMapSelector = function channelsMembersHasNextMapSelect
 var restrictedSelector = function restrictedSelector(store) {
   return store.MembersReducer.restricted;
 };
+var userBlockedForInviteSelector = function userBlockedForInviteSelector(store) {
+  return store.MembersReducer.userBlockedForInvite;
+};
 var openInviteModalSelector = function openInviteModalSelector(store) {
   return store.MembersReducer.openInviteModal;
 };
@@ -25911,6 +25996,12 @@ var SceytChat = function SceytChat(_ref) {
     }
     if (contactsMap) {
       setContactsMap(contactsMap);
+      for (var contactId in contactsMap) {
+        var contact = contactsMap[contactId];
+        var user = _extends({}, contact === null || contact === void 0 ? void 0 : contact.user);
+        dispatch(addUserInMapIfNotExistsAC(user));
+      }
+      dispatch(checkUserStatusAC());
     }
   }, [contactsMap]);
   useEffect(function () {
@@ -27332,6 +27423,62 @@ var Title$1 = styled.h4(_templateObject4$6 || (_templateObject4$6 = _taggedTempl
   return props.color;
 });
 
+var UserBlockedPopup = function UserBlockedPopup(_ref) {
+  var userIds = _ref.userIds,
+    selectUsers = _ref.selectUsers;
+  var dispatch = useDispatch();
+  var connectionStatus = useSelector(connectionStatusSelector);
+  var _useColor = useColors(),
+    background = _useColor[THEME_COLORS.BACKGROUND],
+    textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
+    surface1 = _useColor[THEME_COLORS.SURFACE_1],
+    iconPrimary = _useColor[THEME_COLORS.ICON_PRIMARY],
+    accentColor = _useColor[THEME_COLORS.ACCENT],
+    textOnPrimary = _useColor[THEME_COLORS.TEXT_ON_PRIMARY],
+    linkColor = _useColor[THEME_COLORS.LINK_COLOR];
+  var handleClose = function handleClose() {
+    dispatch(setUserBlockedForInviteAC(false, []));
+  };
+  var handleUnblock = function handleUnblock() {
+    dispatch(unblockUserAC(userIds));
+    if (connectionStatus === CONNECTION_STATUS.CONNECTED) {
+      selectUsers === null || selectUsers === void 0 ? void 0 : selectUsers(userIds);
+    }
+    handleClose();
+  };
+  return /*#__PURE__*/React__default.createElement(PopupContainer, null, /*#__PURE__*/React__default.createElement(Popup, {
+    backgroundColor: background,
+    maxWidth: '520px',
+    minWidth: '520px',
+    padding: '0'
+  }, /*#__PURE__*/React__default.createElement(PopupBody, {
+    paddingH: '24px',
+    paddingV: '24px'
+  }, /*#__PURE__*/React__default.createElement(CloseIcon, {
+    color: iconPrimary,
+    onClick: handleClose
+  }), /*#__PURE__*/React__default.createElement(PopupName, {
+    color: textPrimary,
+    marginBottom: '20px'
+  }, "Failed to invite"), /*#__PURE__*/React__default.createElement(PopupDescription, {
+    color: textPrimary,
+    highlightColor: linkColor
+  }, "You have blocked this user. Please unblock to invite.")), /*#__PURE__*/React__default.createElement(PopupFooter, {
+    backgroundColor: surface1
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    type: 'button',
+    color: textPrimary,
+    backgroundColor: 'transparent',
+    onClick: handleClose
+  }, "Cancel"), /*#__PURE__*/React__default.createElement(Button, {
+    type: 'button',
+    backgroundColor: accentColor,
+    color: textOnPrimary,
+    borderRadius: '8px',
+    onClick: handleUnblock
+  }, "Unblock"))));
+};
+
 var _templateObject$b, _templateObject2$a, _templateObject3$8, _templateObject4$7, _templateObject5$4, _templateObject6$3, _templateObject7$3, _templateObject8$3, _templateObject9$2, _templateObject0$2, _templateObject1$2;
 var UserItem = function UserItem(_ref) {
   var user = _ref.user,
@@ -27380,6 +27527,7 @@ var UsersPopup = function UsersPopup(_ref2) {
   var getFromContacts = getShowOnlyContactUsers();
   var usersLoadingState = useSelector(usersLoadingStateSelector);
   var selectedMembersCont = useRef('');
+  var userBlockedForInvite = useSelector(userBlockedForInviteSelector);
   var _useState = useState(''),
     userSearchValue = _useState[0],
     setUserSearchValue = _useState[1];
@@ -27400,6 +27548,7 @@ var UsersPopup = function UsersPopup(_ref2) {
   var _useState6 = useState(false),
     isSelectedMembersScrolling = _useState6[0],
     setIsSelectedMembersScrolling = _useState6[1];
+  var usersMap = useSelector(usersMapSelector);
   var popupTitleText = channel && (memberDisplayText && memberDisplayText[channel.type] ? "Add " + memberDisplayText[channel.type] + "s" : channel.type === DEFAULT_CHANNEL_TYPE.BROADCAST || channel.type === DEFAULT_CHANNEL_TYPE.PUBLIC ? 'Subscribers' : 'Members');
   var handleMembersListScroll = function handleMembersListScroll(event) {
     if (!userSearchValue && event.target.scrollHeight - event.target.scrollTop <= event.target.offsetHeight + 300) {
@@ -27484,7 +27633,10 @@ var UsersPopup = function UsersPopup(_ref2) {
     if (getFromContacts) {
       if (!userSearchValue) {
         var userList = contactList.map(function (cont) {
-          return cont.user;
+          var _usersMap$cont$id;
+          return _extends({}, cont.user, {
+            blocked: !!(usersMap !== null && usersMap !== void 0 && (_usersMap$cont$id = usersMap[cont.id]) !== null && _usersMap$cont$id !== void 0 && _usersMap$cont$id.blocked)
+          });
         });
         if (actionType === 'createChat') {
           userList.unshift(selfUser);
@@ -27498,7 +27650,7 @@ var UsersPopup = function UsersPopup(_ref2) {
       }
       setFilteredUsers(_userList);
     }
-  }, [contactList, usersList]);
+  }, [contactList, usersList, usersMap]);
   useDidUpdate(function () {
     if (getFromContacts) {
       if (userSearchValue) {
@@ -27511,11 +27663,17 @@ var UsersPopup = function UsersPopup(_ref2) {
           });
         }
         setFilteredUsers(filteredContacts.map(function (cont) {
-          return cont.user;
+          var _usersMap$cont$id2;
+          return _extends({}, cont.user, {
+            blocked: !!(usersMap !== null && usersMap !== void 0 && (_usersMap$cont$id2 = usersMap[cont.id]) !== null && _usersMap$cont$id2 !== void 0 && _usersMap$cont$id2.blocked)
+          });
         }));
       } else {
         var userList = contactList.map(function (cont) {
-          return cont.user;
+          var _usersMap$cont$id3;
+          return _extends({}, cont.user, {
+            blocked: !!(usersMap !== null && usersMap !== void 0 && (_usersMap$cont$id3 = usersMap[cont.id]) !== null && _usersMap$cont$id3 !== void 0 && _usersMap$cont$id3.blocked)
+          });
         });
         if (actionType === 'createChat') {
           userList.unshift(selfUser);
@@ -27529,7 +27687,7 @@ var UsersPopup = function UsersPopup(_ref2) {
         limit: 50
       }));
     }
-  }, [userSearchValue]);
+  }, [userSearchValue, usersMap]);
   useEffect(function () {
     if (selectedMembersCont.current) {
       setUsersContHeight(selectedMembersCont.current.offsetHeight);
@@ -27640,13 +27798,18 @@ var UsersPopup = function UsersPopup(_ref2) {
       hoverBackground: backgroundHovered,
       key: user.id,
       onClick: function onClick() {
+        if (user !== null && user !== void 0 && user.blocked) {
+          dispatch(setUserBlockedForInviteAC(true, [user.id]));
+          return;
+        }
         actionType === 'createChat' && handleAddMember(user);
         handleUserSelect(!isSelected, {
           id: user.id,
           displayName: memberDisplayName,
           avatarUrl: user.avatarUrl
         });
-      }
+      },
+      disabled: user === null || user === void 0 ? void 0 : user.blocked
     }, /*#__PURE__*/React__default.createElement(Avatar, {
       image: user.avatarUrl,
       name: user.firstName || user.id,
@@ -27665,7 +27828,8 @@ var UsersPopup = function UsersPopup(_ref2) {
       onClick: function onClick(e) {
         e.stopPropagation();
       },
-      size: '18px'
+      size: '18px',
+      disabled: user === null || user === void 0 ? void 0 : user.blocked
     })));
   }))), actionType !== 'createChat' && (/*#__PURE__*/React__default.createElement(PopupFooter, {
     backgroundColor: surface1Background,
@@ -27689,7 +27853,32 @@ var UsersPopup = function UsersPopup(_ref2) {
     onClick: function onClick() {
       return handleCreateChannel();
     }
-  }, actionType === 'selectUsers' ? 'Create' : 'Add')))));
+  }, actionType === 'selectUsers' ? 'Create' : 'Add')))), userBlockedForInvite.show && (/*#__PURE__*/React__default.createElement(UserBlockedPopup, {
+    userIds: userBlockedForInvite.userIds,
+    selectUsers: function selectUsers(userIds) {
+      var _loop = function _loop() {
+        var userId = _step.value;
+        var user = filteredUsers.find(function (user) {
+          return user.id === userId;
+        });
+        if (!user) {
+          return 1;
+        }
+        var memberDisplayName = selfUser.id === userId ? 'Me' : makeUsername(contactsMap[userId], user, selfUser.id !== userId && getFromContacts);
+        if (user) {
+          actionType === 'createChat' && handleAddMember(user);
+          handleUserSelect(true, {
+            id: user.id,
+            displayName: memberDisplayName,
+            avatarUrl: user.avatarUrl
+          });
+        }
+      };
+      for (var _iterator = _createForOfIteratorHelperLoose(userIds), _step; !(_step = _iterator()).done;) {
+        if (_loop()) continue;
+      }
+    }
+  })));
 };
 var List = styled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  margin-top: 12px;\n  min-height: 150px;\n  box-sizing: border-box;\n"])));
 var MembersContainer = styled(List)(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  max-height: ", ";\n  overflow-y: auto;\n  padding-right: 16px;\n\n  &::-webkit-scrollbar {\n    width: 8px;\n    background: transparent;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: transparent;\n  }\n\n  &.show-scrollbar::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 4px;\n  }\n  &.show-scrollbar::-webkit-scrollbar-track {\n    background: transparent;\n  }\n"])), function (props) {
@@ -27707,7 +27896,9 @@ var SearchUsersInput = styled.input(_templateObject4$7 || (_templateObject4$7 =
 }, function (props) {
   return props.placeholderColor;
 });
-var ListRow = styled.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  flex-direction: row;\n  align-items: center;\n  padding: 7px 12px;\n  cursor: pointer;\n  border-radius: 6px;\n  transition: all 0.2s;\n  &:hover {\n    background-color: ", ";\n  }\n\n  & ", " {\n    width: 10px;\n    height: 10px;\n  }\n"])), function (props) {
+var ListRow = styled.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  flex-direction: row;\n  align-items: center;\n  padding: 7px 12px;\n  cursor: pointer;\n  border-radius: 6px;\n  transition: all 0.2s;\n  opacity: ", ";\n  &:hover {\n    background-color: ", ";\n  }\n\n  & ", " {\n    width: 10px;\n    height: 10px;\n  }\n"])), function (props) {
+  return props.disabled ? 0.5 : 1;
+}, function (props) {
   return props.hoverBackground;
 }, UserStatus);
 var UserNamePresence = styled.div(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-width: calc(100% - 70px);\n  margin: 0 auto 0 8px;\n  line-height: 10px;\n"])));

package/package.json

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