Implement server-wide open group user bans and unbans.

ts/components/conversation/message/message-content/MessageContextMenu.tsx

@@ -31,11 +31,14 @@ import { WithMessageId } from '../../../../session/types/with';
 import { DeleteItem } from '../../../menu/items/DeleteMessage/DeleteMessageMenuItem';
 import { RetryItem } from '../../../menu/items/RetrySend/RetrySendMenuItem';
 import { useBanUserCb } from '../../../menuAndSettingsHooks/useBanUser';
-import { useUnbanUserCb } from '../../../menuAndSettingsHooks/useUnbanUser';
 import { tr } from '../../../../localization/localeTools';
 import { sectionActions } from '../../../../state/ducks/section';
 import { useRemoveSenderFromCommunityAdmin } from '../../../menuAndSettingsHooks/useRemoveSenderFromCommunityAdmin';
 import { useAddSenderAsCommunityAdmin } from '../../../menuAndSettingsHooks/useAddSenderAsCommunityAdmin';
+import {
+  useAddUserPermissions,
+  useClearUserPermissions,
+} from '../../../menuAndSettingsHooks/useAddUserPermissions';
 import { showContextMenu } from '../../../../util/contextMenu';
 import { clampNumber } from '../../../../util/maths';
 import { PopoverTriggerPosition } from '../../../SessionTooltip';
@@ -128,8 +131,27 @@ const CommunityAdminActionItems = ({ messageId }: WithMessageId) => {
   const sender = useMessageSender(messageId);
   const isSenderAdmin = useMessageSenderIsAdmin(messageId);
 
-  const banUserCb = useBanUserCb(convoId, sender);
-  const unbanUserCb = useUnbanUserCb(convoId, sender);
+  const sharedBanUnbanProps = {
+    conversationId: convoId,
+    pubkey: sender,
+  };
+
+  const banUserCb = useBanUserCb({
+    banType: 'ban',
+    ...sharedBanUnbanProps,
+  });
+  const unbanUserCb = useBanUserCb({
+    banType: 'unban',
+    ...sharedBanUnbanProps,
+  });
+  const serverBanUser = useBanUserCb({
+    banType: 'server-ban',
+    ...sharedBanUnbanProps,
+  });
+  const serverUnbanUser = useBanUserCb({
+    banType: 'server-unban',
+    ...sharedBanUnbanProps,
+  });
 
   const removeSenderFromCommunityAdminCb = useRemoveSenderFromCommunityAdmin({
     conversationId: convoId,
@@ -141,6 +163,14 @@ const CommunityAdminActionItems = ({ messageId }: WithMessageId) => {
     senderId: sender,
   });
 
+  const addUploadPermissionCb = useAddUserPermissions(sender, convoId, ['upload']);
+  const clearUploadPermissionCb = useClearUserPermissions(sender, convoId, ['upload']);
+
+  // Fixed to `true` as not currently exposed by the backend/tracked in session-desktop
+  const isRoomUploadRestricted = true;
+  const canSenderUpload = true;
+  const canSenderNotUpload = true;
+
   // Note: add/removeSenderFromCommunityAdminCb can be null if we are a moderator only, see below
   if (!convoId || !sender || !banUserCb || !unbanUserCb) {
     return null;
@@ -182,6 +212,29 @@ const CommunityAdminActionItems = ({ messageId }: WithMessageId) => {
           {tr('adminPromoteToAdmin')}
         </ItemWithDataTestId>
       ) : null}
+
+      {serverBanUser ? (
+        <ItemWithDataTestId onClick={serverBanUser}>{tr('serverBanUserDev')}</ItemWithDataTestId>
+      ) : null}
+      {serverUnbanUser ? (
+        <ItemWithDataTestId onClick={serverUnbanUser}>
+          {tr('serverUnbanUserDev')}
+        </ItemWithDataTestId>
+      ) : null}
+      {!isSenderAdmin && isRoomUploadRestricted && (
+        <>
+          {canSenderUpload && addUploadPermissionCb ? (
+            <ItemWithDataTestId onClick={addUploadPermissionCb}>
+              {tr('addUploadPermissionDev')}
+            </ItemWithDataTestId>
+          ) : null}
+          {canSenderNotUpload && clearUploadPermissionCb ? (
+            <ItemWithDataTestId onClick={clearUploadPermissionCb}>
+              {tr('clearUploadPermissionDev')}
+            </ItemWithDataTestId>
+          ) : null}
+        </>
+      )}
     </>
   );
 };

ts/components/conversation/right-panel/overlay/message-info/components/MessageInfo.tsx

@@ -103,31 +103,32 @@ const DebugMessageInfo = ({ messageId }: { messageId: string }) => {
   if (!isDevProd()) {
     return null;
   }
-  // Note: the strings here are hardcoded because we do not share them with other platforms through crowdin
   return (
     <>
-      {convoId ? <LabelWithInfo label={`Conversation ID:`} info={convoId} /> : null}
-      {messageHash ? <LabelWithInfo label={`Message Hash:`} info={messageHash} /> : null}
-      {serverId ? <LabelWithInfo label={`Server ID:`} info={`${serverId}`} /> : null}
-      {timestamp ? <LabelWithInfo label={`Timestamp:`} info={String(timestamp)} /> : null}
+      {convoId ? <LabelWithInfo label={tr('conversationIdDev')} info={convoId} /> : null}
+      {messageHash ? <LabelWithInfo label={tr('messageHashDev')} info={messageHash} /> : null}
+      {serverId ? <LabelWithInfo label={tr('serverIdDev')} info={`${serverId}`} /> : null}
+      {timestamp ? <LabelWithInfo label={tr('timestampDev')} info={String(timestamp)} /> : null}
       {serverTimestamp ? (
-        <LabelWithInfo label={`Server Timestamp:`} info={String(serverTimestamp)} />
+        <LabelWithInfo label={tr('serverTimestampDev')} info={String(serverTimestamp)} />
+      ) : null}
+      {expirationType ? (
+        <LabelWithInfo label={tr('expirationTypeDev')} info={expirationType} />
       ) : null}
-      {expirationType ? <LabelWithInfo label={`Expiration Type:`} info={expirationType} /> : null}
       {expirationDurationMs ? (
         <LabelWithInfo
-          label={`Expiration Duration:`}
+          label={tr('expirationDurationDev')}
           info={formatTimeDurationMs(Math.floor(expirationDurationMs))}
         />
       ) : null}
       {expirationTimestamp ? (
         <LabelWithInfo
-          label={`Disappears:`}
+          label={tr('disappearsDev')}
           info={formatTimeDistanceToNow(Math.floor(expirationTimestamp / 1000))}
         />
       ) : null}
       {message ? (
-        <LabelWithInfo label={'Characters:'} info={formatNumber(message.length ?? 0)} />
+        <LabelWithInfo label={tr('charactersDev')} info={formatNumber(message.length ?? 0)} />
       ) : null}
     </>
   );

ts/components/dialog/BanOrUnbanUserDialog.tsx

@@ -12,18 +12,27 @@ import {
 import { ConvoHub } from '../../session/conversations/ConversationController';
 import { PubKey } from '../../session/types';
 import { ToastUtils } from '../../session/utils';
-import { BanType, updateBanOrUnbanUserModal } from '../../state/ducks/modalDialog';
+import {
+  BanType,
+  isBan,
+  isServerBanUnban,
+  updateBanOrUnbanUserModal,
+} from '../../state/ducks/modalDialog';
 import { SessionButton, SessionButtonColor, SessionButtonType } from '../basic/SessionButton';
 import { SessionSpinner } from '../loading';
 import {
   ModalBasicHeader,
   ModalActionsContainer,
   SessionWrapperModal,
+  WrapperModalWidth,
 } from '../SessionWrapperModal';
 import { tr } from '../../localization/localeTools';
 import { SimpleSessionInput } from '../inputs/SessionInput';
 import { ModalDescription } from './shared/ModalDescriptionContainer';
 import { ModalFlexContainer } from './shared/ModalFlexContainer';
+import { SessionToggle } from '../basic/SessionToggle';
+import { getFeatureFlag } from '../../state/ducks/types/releasedFeaturesReduxTypes';
+import { Flex } from '../basic/Flex';
 
 async function banOrUnBanUserCall(
   convo: ConversationModel,
@@ -41,21 +50,47 @@ async function banOrUnBanUserCall(
   try {
     // this is a v2 opengroup
     const roomInfos = convo.toOpenGroupV2();
-    const isChangeApplied =
-      banType === 'ban'
-        ? await sogsV3BanUser(pubkey, roomInfos, deleteAll)
-        : await sogsV3UnbanUser(pubkey, roomInfos);
+    const isChangeApplied = isBan(banType)
+      ? await sogsV3BanUser({
+          userToBan: pubkey,
+          roomInfos,
+          deleteAllMessages: deleteAll,
+          banType,
+        })
+      : await sogsV3UnbanUser({
+          userToUnban: pubkey,
+          roomInfos,
+          banType,
+        });
 
     if (!isChangeApplied) {
       window?.log?.warn(`failed to ${banType} user: ${isChangeApplied}`);
 
-      // eslint-disable-next-line no-unused-expressions
-      banType === 'ban' ? ToastUtils.pushUserBanFailure() : ToastUtils.pushUserUnbanSuccess();
+      switch (banType) {
+        case 'ban':
+          ToastUtils.pushUserBanFailure();
+          break;
+        case 'unban':
+          ToastUtils.pushUserUnbanFailure();
+          break;
+        case 'server-ban':
+          ToastUtils.pushGlobalUserBanFailure();
+          break;
+        case 'server-unban':
+          ToastUtils.pushGlobalUserUnbanFailure();
+          break;
+        default:
+          throw new Error('Unknown banType');
+      }
       return false;
     }
     window?.log?.info(`${pubkey.key} user ${banType}ned successfully...`);
-    // eslint-disable-next-line no-unused-expressions
-    banType === 'ban' ? ToastUtils.pushUserBanSuccess() : ToastUtils.pushUserUnbanSuccess();
+
+    if (isBan(banType)) {
+      ToastUtils.pushUserBanSuccess();
+    } else {
+      ToastUtils.pushUserUnbanSuccess();
+    }
     return true;
   } catch (e) {
     window?.log?.error(`Got error while ${banType}ning user:`, e);
@@ -70,32 +105,36 @@ export const BanOrUnBanUserDialog = (props: {
   pubkey?: string;
 }) => {
   const { conversationId, banType, pubkey } = props;
-  const isBan = banType === 'ban';
   const dispatch = getAppDispatch();
   const convo = ConvoHub.use().get(conversationId);
   const inputRef = useRef(null);
 
   useFocusMount(inputRef, true);
   const [inputBoxValue, setInputBoxValue] = useState('');
   const [inProgress, setInProgress] = useState(false);
+  const [localBanType, setLocalBanType] = useState(banType);
 
-  const displayName = useConversationUsernameWithFallback(true, pubkey);
+  const isServerWide = isServerBanUnban(localBanType);
+  const isBanAction = isBan(localBanType);
 
+  const displayName = useConversationUsernameWithFallback(true, pubkey);
   const hasPubkeyOnLoad = pubkey?.length;
 
   const inputTextToDisplay =
     !!pubkey && displayName ? `${displayName} ${PubKey.shorten(pubkey)}` : undefined;
 
   /**
-   * Ban or Unban a user from an open group
-   * @param deleteAll Delete all messages for that user in the group (only works with ban)
+   * Ban or Unban a user from a community
+   * @param deleteAll Delete all messages for that user in the community (only works with ban)
    */
   const banOrUnBanUser = async (deleteAll: boolean) => {
     const castedPubkey = pubkey?.length ? pubkey : inputBoxValue;
 
-    window?.log?.info(`asked to ${banType} user: ${castedPubkey}, banAndDeleteAll:${deleteAll}`);
+    window?.log?.info(
+      `asked to ${localBanType} user: ${castedPubkey}, banAndDeleteAll:${deleteAll}`
+    );
     setInProgress(true);
-    const isBanned = await banOrUnBanUserCall(convo, castedPubkey, banType, deleteAll);
+    const isBanned = await banOrUnBanUserCall(convo, castedPubkey, localBanType, deleteAll);
     if (isBanned) {
       // clear input box
       setInputBoxValue('');
@@ -107,7 +146,9 @@ export const BanOrUnBanUserDialog = (props: {
     setInProgress(false);
   };
 
-  const title = isBan ? tr('banUser') : tr('banUnbanUser');
+  const serverHost = new window.URL(convo.toOpenGroupV2().serverUrl).host;
+  const serverWideSuffix = isServerWide ? ` @ ${serverHost}` : '';
+  const title = `${isBanAction ? tr('banUser') : tr('banUnbanUser')}${serverWideSuffix}`;
 
   /**
    * Starts procedure for banning/unbanning user and all their messages using dialog
@@ -119,25 +160,41 @@ export const BanOrUnBanUserDialog = (props: {
   const onClose = () => {
     dispatch(updateBanOrUnbanUserModal(null));
   };
-
   useKey('Escape', onClose);
 
-  const buttonText = isBan ? tr('banUser') : tr('banUnbanUser');
+  let buttonText = '';
+
+  if (isServerWide) {
+    if (isBanAction) {
+      buttonText = tr('serverBanUserDev');
+    } else {
+      buttonText = tr('serverUnbanUserDev');
+    }
+  } else if (isBanAction) {
+    buttonText = tr('banUser');
+  } else {
+    buttonText = tr('banUnbanUser');
+  }
 
   return (
     <SessionWrapperModal
       modalId="banOrUnbanUserModal"
+      $contentMinWidth={isServerWide ? WrapperModalWidth.wide : undefined}
+      $contentMaxWidth={isServerWide ? WrapperModalWidth.wide : undefined}
       headerChildren={<ModalBasicHeader title={title} />}
       onClose={onClose}
       buttonChildren={
-        <ModalActionsContainer buttonType={SessionButtonType.Simple}>
+        <ModalActionsContainer
+          buttonType={SessionButtonType.Simple}
+          style={{ maxWidth: isServerWide ? '600px' : undefined }}
+        >
           <SessionButton
             buttonType={SessionButtonType.Simple}
             onClick={banOrUnBanUser}
             text={buttonText}
             disabled={inProgress}
-            buttonColor={isBan && !hasPubkeyOnLoad ? SessionButtonColor.Danger : undefined}
-            dataTestId={isBan ? 'ban-user-confirm-button' : 'unban-user-confirm-button'}
+            buttonColor={isBanAction && !hasPubkeyOnLoad ? SessionButtonColor.Danger : undefined}
+            dataTestId={isBanAction ? 'ban-user-confirm-button' : 'unban-user-confirm-button'}
           />
           {/*
            * Note: we can only ban-and-delete-all when we have a pubkey on load currently.
@@ -146,12 +203,12 @@ export const BanOrUnBanUserDialog = (props: {
            * When hasPubkeyOnLoad is true, the dialog was shown from a right click on the messages list,
            * so we do have the blindedId already in this case.
            */}
-          {isBan && hasPubkeyOnLoad ? (
+          {isBanAction && hasPubkeyOnLoad ? (
             <SessionButton
               buttonType={SessionButtonType.Simple}
               buttonColor={SessionButtonColor.Danger}
               onClick={startBanAndDeleteAllSequence}
-              text={tr('banDeleteAll')}
+              text={isServerWide ? tr('serverBanUserAndDeleteAllDev') : tr('banDeleteAll')}
               disabled={inProgress}
               dataTestId="ban-user-delete-all-confirm-button"
             />
@@ -169,7 +226,7 @@ export const BanOrUnBanUserDialog = (props: {
       <ModalFlexContainer>
         <ModalDescription
           dataTestId="modal-description"
-          localizerProps={{ token: isBan ? 'banUserDescription' : 'banUnbanUserDescription' }}
+          localizerProps={{ token: isBanAction ? 'banUserDescription' : 'banUnbanUserDescription' }}
         />
 
         <SimpleSessionInput
@@ -183,9 +240,27 @@ export const BanOrUnBanUserDialog = (props: {
           providedError={''}
           // don't do anything on enter as we don't know if the user wants to ban or ban-delete-all
           onEnterPressed={() => {}}
-          inputDataTestId={isBan ? 'ban-user-input' : 'unban-user-input'}
+          inputDataTestId={isBanAction ? 'ban-user-input' : 'unban-user-input'}
           allowEscapeKeyPassthrough={true}
         />
+        {getFeatureFlag('useDevCommunityActions') ? (
+          <Flex
+            $container={true}
+            $justifyContent="space-between"
+            $alignItems="center"
+            $flexGap="var(--margins-sm)"
+          >
+            <p>Server-wide:</p>
+            <SessionToggle
+              active={isServerWide}
+              onClick={() => {
+                const withoutServer = localBanType.replace('server-', '') as BanType;
+                const withServer = `server-${withoutServer}` as BanType;
+                setLocalBanType(isServerWide ? withoutServer : withServer);
+              }}
+            />
+          </Flex>
+        ) : null}
         <SessionSpinner $loading={inProgress} />
       </ModalFlexContainer>
     </SessionWrapperModal>