Support room version 12 (#2399)

* WIP - support room version 12

* add room creators hook

* revert changes from powerlevels

* improve use room creators hook

* add hook to get dm users

* add options to add creators in create room/space

* add member item component in member drawer

* remove unused import

* extract member drawer header component

* get room creators as set only if room version support them

* add room permissions hook

* support room v12 creators power

* make predecessor event id optional

* add info about founders in permissions

* allow to create infinite powers to room creators

* allow everyone with permission to create infinite power

* handle additional creators in room upgrade

* add option to follow space tombstone

src/app/components/user-profile/UserRoomProfile.tsx

@@ -5,12 +5,12 @@ import { getDMRoomFor, getMxIdServer, mxcUrlToHttp } from '../../utils/matrix';
 import { getMemberAvatarMxc, getMemberDisplayName } from '../../utils/room';
 import { useMatrixClient } from '../../hooks/useMatrixClient';
 import { useMediaAuthentication } from '../../hooks/useMediaAuthentication';
-import { usePowerLevels, usePowerLevelsAPI } from '../../hooks/usePowerLevels';
+import { usePowerLevels } from '../../hooks/usePowerLevels';
 import { useRoom } from '../../hooks/useRoom';
 import { useUserPresence } from '../../hooks/useUserPresence';
 import { IgnoredUserAlert, MutualRoomsChip, OptionsChip, ServerChip, ShareChip } from './UserChips';
 import { AsyncStatus, useAsyncCallback } from '../../hooks/useAsyncCallback';
-import { createDM, ignore } from '../../../client/action/room';
+import { createDM } from '../../../client/action/room';
 import { hasDevices } from '../../../util/matrixUtil';
 import { useRoomNavigate } from '../../hooks/useRoomNavigate';
 import { useAlive } from '../../hooks/useAlive';
@@ -20,6 +20,10 @@ import { UserInviteAlert, UserBanAlert, UserModeration, UserKickAlert } from './
 import { useIgnoredUsers } from '../../hooks/useIgnoredUsers';
 import { useMembership } from '../../hooks/useMembership';
 import { Membership } from '../../../types/matrix/room';
+import { useRoomCreators } from '../../hooks/useRoomCreators';
+import { useRoomPermissions } from '../../hooks/useRoomPermissions';
+import { useMemberPowerCompare } from '../../hooks/useMemberPowerCompare';
+import { CreatorChip } from './CreatorChip';
 
 type UserRoomProfileProps = {
   userId: string;
@@ -34,13 +38,19 @@ export function UserRoomProfile({ userId }: UserRoomProfileProps) {
   const ignored = ignoredUsers.includes(userId);
 
   const room = useRoom();
-  const powerlevels = usePowerLevels(room);
-  const { getPowerLevel, canDoAction } = usePowerLevelsAPI(powerlevels);
-  const myPowerLevel = getPowerLevel(mx.getSafeUserId());
-  const userPowerLevel = getPowerLevel(userId);
-  const canKick = canDoAction('kick', myPowerLevel) && myPowerLevel > userPowerLevel;
-  const canBan = canDoAction('ban', myPowerLevel) && myPowerLevel > userPowerLevel;
-  const canInvite = canDoAction('invite', myPowerLevel);
+  const powerLevels = usePowerLevels(room);
+  const creators = useRoomCreators(room);
+
+  const permissions = useRoomPermissions(creators, powerLevels);
+  const { hasMorePower } = useMemberPowerCompare(creators, powerLevels);
+
+  const myUserId = mx.getSafeUserId();
+  const creator = creators.has(userId);
+
+  const canKickUser = permissions.action('kick', myUserId) && hasMorePower(myUserId, userId);
+  const canBanUser = permissions.action('ban', myUserId) && hasMorePower(myUserId, userId);
+  const canUnban = permissions.action('ban', myUserId);
+  const canInvite = permissions.action('invite', myUserId);
 
   const member = room.getMember(userId);
   const membership = useMembership(room, userId);
@@ -113,7 +123,7 @@ export function UserRoomProfile({ userId }: UserRoomProfileProps) {
           <Box alignItems="Center" gap="200" wrap="Wrap">
             {server && <ServerChip server={server} />}
             <ShareChip userId={userId} />
-            <PowerChip userId={userId} />
+            {creator ? <CreatorChip /> : <PowerChip userId={userId} />}
             <MutualRoomsChip userId={userId} />
             <OptionsChip userId={userId} />
           </Box>
@@ -123,7 +133,7 @@ export function UserRoomProfile({ userId }: UserRoomProfileProps) {
           <UserBanAlert
             userId={userId}
             reason={member.events.member?.getContent().reason}
-            canUnban={canBan}
+            canUnban={canUnban}
             bannedBy={member.events.member?.getSender()}
             ts={member.events.member?.getTs()}
           />
@@ -142,7 +152,7 @@ export function UserRoomProfile({ userId }: UserRoomProfileProps) {
           <UserInviteAlert
             userId={userId}
             reason={member.events.member?.getContent().reason}
-            canKick={canKick}
+            canKick={canKickUser}
             invitedBy={member.events.member?.getSender()}
             ts={member.events.member?.getTs()}
           />
@@ -150,8 +160,8 @@ export function UserRoomProfile({ userId }: UserRoomProfileProps) {
         <UserModeration
           userId={userId}
           canInvite={canInvite && membership === Membership.Leave}
-          canKick={canKick && membership === Membership.Join}
-          canBan={canBan && membership !== Membership.Ban}
+          canKick={canKickUser && membership === Membership.Join}
+          canBan={canBanUser && membership !== Membership.Ban}
         />
       </Box>
     </Box>