diff --git a/lib/selectors/user-selectors.js b/lib/selectors/user-selectors.js index 4fc968667..657af7628 100644 --- a/lib/selectors/user-selectors.js +++ b/lib/selectors/user-selectors.js @@ -1,229 +1,203 @@ // @flow import _memoize from 'lodash/memoize.js'; import { createSelector } from 'reselect'; import { getAvatarForUser, getRandomDefaultEmojiAvatar, } from '../shared/avatar-utils.js'; import { getSingleOtherUser } from '../shared/thread-utils.js'; import type { ClientEmojiAvatar } from '../types/avatar-types'; import type { RelativeMemberInfo, RawThreadInfo, } from '../types/minimally-encoded-thread-permissions-types.js'; import type { BaseAppState } from '../types/redux-types.js'; import { userRelationshipStatus } from '../types/relationship-types.js'; import { threadTypes } from '../types/thread-types-enum.js'; -import type { - LegacyRawThreadInfo, - RawThreadInfos, -} from '../types/thread-types.js'; +import type { RawThreadInfos } from '../types/thread-types.js'; import type { UserInfos, RelativeUserInfo, AccountUserInfo, CurrentUserInfo, } from '../types/user-types.js'; // Used for specific message payloads that include an array of user IDs, ie. // array of initial users, array of added users function userIDsToRelativeUserInfos( userIDs: $ReadOnlyArray, viewerID: ?string, userInfos: UserInfos, ): RelativeUserInfo[] { const relativeUserInfos: RelativeUserInfo[] = []; for (const userID of userIDs) { const username = userInfos[userID] ? userInfos[userID].username : null; + const relativeUserInfo = { + id: userID, + username, + isViewer: userID === viewerID, + }; if (userID === viewerID) { - relativeUserInfos.unshift({ - id: userID, - username, - isViewer: true, - }); + relativeUserInfos.unshift(relativeUserInfo); } else { - relativeUserInfos.push({ - id: userID, - username, - isViewer: false, - }); + relativeUserInfos.push(relativeUserInfo); } } return relativeUserInfos; } -type ExtractArrayParam = (arr: $ReadOnlyArray) => T; - -function getRelativeMemberInfos( - threadInfo: ?TI, +function getRelativeMemberInfos( + threadInfo: ?RawThreadInfo, currentUserID: ?string, userInfos: UserInfos, -): $ReadOnlyArray< - $ReadOnly<{ - ...$Call>, - +username: ?string, - +isViewer: boolean, - }>, -> { - const relativeMemberInfos: Array< - $ReadOnly<{ - ...$Call>, - +username: ?string, - +isViewer: boolean, - }>, - > = []; +): $ReadOnlyArray { + const relativeMemberInfos: RelativeMemberInfo[] = []; if (!threadInfo) { return relativeMemberInfos; } const memberInfos = threadInfo.members; - for (const memberInfoInput of memberInfos) { - const memberInfo: $Call< - ExtractArrayParam, - $PropertyType, - > = memberInfoInput; + for (const memberInfo of memberInfos) { if (!memberInfo.role) { continue; } - const username: ?string = userInfos[memberInfo.id] + const username = userInfos[memberInfo.id] ? userInfos[memberInfo.id].username : null; - const isViewer: boolean = memberInfo.id === currentUserID; - const relativeMemberInfo: $ReadOnly<{ - ...$Call>, - +username: ?string, - +isViewer: boolean, - }> = { - ...memberInfo, - username, - isViewer, - }; - if (isViewer) { - relativeMemberInfos.unshift(relativeMemberInfo); + if (memberInfo.id === currentUserID) { + relativeMemberInfos.unshift({ + ...memberInfo, + username, + isViewer: true, + }); } else { - relativeMemberInfos.push(relativeMemberInfo); + relativeMemberInfos.push({ + ...memberInfo, + username, + isViewer: false, + }); } } return relativeMemberInfos; } const emptyArray: $ReadOnlyArray = []; // Includes current user at the start const baseRelativeMemberInfoSelectorForMembersOfThread: ( threadID: ?string, ) => (state: BaseAppState<>) => $ReadOnlyArray = ( threadID: ?string, ) => { if (!threadID) { return () => emptyArray; } return createSelector( (state: BaseAppState<>) => state.threadStore.threadInfos[threadID], (state: BaseAppState<>) => state.currentUserInfo && state.currentUserInfo.id, (state: BaseAppState<>) => state.userStore.userInfos, getRelativeMemberInfos, ); }; const relativeMemberInfoSelectorForMembersOfThread: ( threadID: ?string, ) => (state: BaseAppState<>) => $ReadOnlyArray = _memoize( baseRelativeMemberInfoSelectorForMembersOfThread, ); const userInfoSelectorForPotentialMembers: (state: BaseAppState<>) => { [id: string]: AccountUserInfo, } = createSelector( (state: BaseAppState<>) => state.userStore.userInfos, (state: BaseAppState<>) => state.currentUserInfo && state.currentUserInfo.id, ( userInfos: UserInfos, currentUserID: ?string, ): { [id: string]: AccountUserInfo } => { const availableUsers: { [id: string]: AccountUserInfo } = {}; for (const id in userInfos) { const { username, relationshipStatus } = userInfos[id]; if (id === currentUserID || !username) { continue; } if ( relationshipStatus !== userRelationshipStatus.BLOCKED_VIEWER && relationshipStatus !== userRelationshipStatus.BOTH_BLOCKED ) { availableUsers[id] = { id, username, relationshipStatus }; } } return availableUsers; }, ); const isLoggedIn = (state: BaseAppState<>): boolean => !!( state.currentUserInfo && !state.currentUserInfo.anonymous && state.dataLoaded ); const isLoggedInToKeyserver: ( keyserverID: string, ) => (state: BaseAppState<>) => boolean = _memoize( (keyserverID: string) => (state: BaseAppState<>) => { const cookie = state.keyserverStore.keyserverInfos[keyserverID]?.cookie; return !!cookie && cookie.startsWith('user='); }, ); const usersWithPersonalThreadSelector: ( state: BaseAppState<>, ) => $ReadOnlySet = createSelector( (state: BaseAppState<>) => state.currentUserInfo && state.currentUserInfo.id, (state: BaseAppState<>) => state.threadStore.threadInfos, (viewerID: ?string, threadInfos: RawThreadInfos) => { const personalThreadMembers = new Set(); for (const threadID in threadInfos) { const thread = threadInfos[threadID]; if ( thread.type !== threadTypes.PERSONAL || !thread.members.find(member => member.id === viewerID) ) { continue; } const otherMemberID = getSingleOtherUser(thread, viewerID); if (otherMemberID) { personalThreadMembers.add(otherMemberID); } } return personalThreadMembers; }, ); const savedEmojiAvatarSelectorForCurrentUser: ( state: BaseAppState<>, ) => () => ClientEmojiAvatar = createSelector( (state: BaseAppState<>) => state.currentUserInfo && state.currentUserInfo, (currentUser: ?CurrentUserInfo) => { return () => { let userAvatar = getAvatarForUser(currentUser); if (userAvatar.type !== 'emoji') { userAvatar = getRandomDefaultEmojiAvatar(); } return userAvatar; }; }, ); export { userIDsToRelativeUserInfos, getRelativeMemberInfos, relativeMemberInfoSelectorForMembersOfThread, userInfoSelectorForPotentialMembers, isLoggedIn, isLoggedInToKeyserver, usersWithPersonalThreadSelector, savedEmojiAvatarSelectorForCurrentUser, };