feat: New user panel: First phase

.changeset/serious-poets-smash.md

@@ -0,0 +1,8 @@
+---
+"@rocket.chat/meteor": minor
+"@rocket.chat/rest-typings": minor
+"@rocket.chat/core-typings": patch
+"@rocket.chat/ui-client": patch
+---
+
+New admin user panel to manage users in different status, such as: All, Pending, Active, Deactivated

apps/meteor/app/api/server/v1/misc.ts

@@ -27,6 +27,7 @@ import { passwordPolicy } from '../../../lib/server';
 import { apiDeprecationLogger } from '../../../lib/server/lib/deprecationWarningLogger';
 import { settings } from '../../../settings/server';
 import { getDefaultUserFields } from '../../../utils/server/functions/getDefaultUserFields';
+import { isSMTPConfigured } from '../../../utils/server/functions/isSMTPConfigured';
 import { getURL } from '../../../utils/server/getURL';
 import { API } from '../api';
 import { getLoggedInUser } from '../helpers/getLoggedInUser';
@@ -634,9 +635,7 @@ API.v1.addRoute(
 	{ authRequired: true },
 	{
 		async get() {
-			const isMailURLSet = !(process.env.MAIL_URL === 'undefined' || process.env.MAIL_URL === undefined);
-			const isSMTPConfigured = Boolean(settings.get('SMTP_Host')) || isMailURLSet;
-			return API.v1.success({ isSMTPConfigured });
+			return API.v1.success({ isSMTPConfigured: isSMTPConfigured() });
 		},
 	},
 );

apps/meteor/app/api/server/v1/users.ts

@@ -6,6 +6,8 @@ import {
 	isUserSetActiveStatusParamsPOST,
 	isUserDeactivateIdleParamsPOST,
 	isUsersInfoParamsGetProps,
+	isUsersListStatusProps,
+	isUsersSendWelcomeEmailProps,
 	isUserRegisterParamsPOST,
 	isUserLogoutParamsPOST,
 	isUsersListTeamsProps,
@@ -17,6 +19,7 @@ import {
 	isUsersCheckUsernameAvailabilityParamsGET,
 	isUsersSendConfirmationEmailParamsPOST,
 } from '@rocket.chat/rest-typings';
+import { escapeRegExp } from '@rocket.chat/string-helpers';
 import { Accounts } from 'meteor/accounts-base';
 import { Match, check } from 'meteor/check';
 import { Meteor } from 'meteor/meteor';
@@ -25,6 +28,7 @@ import type { Filter } from 'mongodb';
 import { i18n } from '../../../../server/lib/i18n';
 import { resetUserE2EEncriptionKey } from '../../../../server/lib/resetUserE2EKey';
 import { saveUserPreferences } from '../../../../server/methods/saveUserPreferences';
+import { sendWelcomeEmail } from '../../../../server/methods/sendWelcomeEmail';
 import { getUserForCheck, emailCheck } from '../../../2fa/server/code';
 import { resetTOTP } from '../../../2fa/server/functions/resetTOTP';
 import { hasPermissionAsync } from '../../../authorization/server/functions/hasPermission';
@@ -555,6 +559,130 @@ API.v1.addRoute(
 	},
 );
 
+API.v1.addRoute(
+	'users.listByStatus',
+	{
+		authRequired: true,
+		validateParams: isUsersListStatusProps,
+		permissionsRequired: ['view-d-room', 'view-outside-room'],
+	},
+	{
+		async get() {
+			const { offset, count } = await getPaginationItems(this.queryParams);
+			const { sort, fields } = await this.parseJsonQuery();
+			const { status, roles, searchTerm } = this.queryParams;
+
+			const projection = {
+				name: 1,
+				username: 1,
+				emails: 1,
+				roles: 1,
+				status: 1,
+				active: 1,
+				avatarETag: 1,
+				lastLogin: 1,
+				type: 1,
+				reason: 0,
+				...fields,
+			};
+
+			const actualSort: Record<string, 1 | -1> = sort || { username: 1 };
+
+			if (sort?.status) {
+				actualSort.active = sort.status;
+			}
+
+			if (sort?.name) {
+				actualSort.nameInsensitive = sort.name;
+			}
+
+			let match: Filter<IUser>;
+
+			switch (status) {
+				case 'active':
+					match = {
+						active: true,
+						lastLogin: { $exists: true },
+					};
+					break;
+				case 'all':
+					match = {};
+					break;
+				case 'deactivated':
+					match = {
+						active: false,
+						lastLogin: { $exists: true },
+					};
+					break;
+				case 'pending':
+					match = {
+						lastLogin: { $exists: false },
+						type: { $nin: ['bot', 'app'] },
+					};
+					projection.reason = 1;
+					break;
+				default:
+					throw new Meteor.Error('invalid-params', 'Invalid status parameter');
+			}
+
+			const canSeeAllUserInfo = await hasPermissionAsync(this.userId, 'view-full-other-user-info');
+
+			match = {
+				...match,
+				$or: [
+					...(canSeeAllUserInfo ? [{ 'emails.address': { $regex: escapeRegExp(searchTerm), $options: 'i' } }] : []),
+					{ username: { $regex: escapeRegExp(searchTerm), $options: 'i' } },
+					{ name: { $regex: escapeRegExp(searchTerm), $options: 'i' } },
+				],
+			};
+
+			if (roles?.length && !roles.includes('all')) {
+				match = {
+					...match,
+					roles: { $in: roles },
+				};
+			}
+
+			const { cursor, totalCount } = await Users.findPaginated(
+				{
+					...match,
+				},
+				{
+					sort: actualSort,
+					skip: offset,
+					limit: count,
+					projection,
+				},
+			);
+
+			const [users, total] = await Promise.all([cursor.toArray(), totalCount]);
+
+			return API.v1.success({
+				users,
+				count: users.length,
+				offset,
+				total,
+			});
+		},
+	},
+);
+
+API.v1.addRoute(
+	'users.sendWelcomeEmail',
+	{
+		authRequired: true,
+		validateParams: isUsersSendWelcomeEmailProps,
+	},
+	{
+		async post() {
+			const { email } = this.bodyParams;
+			await sendWelcomeEmail(email);
+
+			return API.v1.success();
+		},
+	},
+);
+
 API.v1.addRoute(
 	'users.register',
 	{

apps/meteor/app/utils/server/functions/isSMTPConfigured.ts

@@ -0,0 +1,6 @@
+import { settings } from '../../../settings/server';
+
+export const isSMTPConfigured = (): boolean => {
+	const isMailURLSet = !(process.env.MAIL_URL === 'undefined' || process.env.MAIL_URL === undefined);
+	return Boolean(settings.get('SMTP_Host')) || isMailURLSet;
+};

apps/meteor/client/components/InfoPanel/InfoPanelTitle.tsx

@@ -5,15 +5,15 @@ import React from 'react';
 
 type InfoPanelTitleProps = {
 	title: string;
-	icon: ReactNode;
+	icon?: ReactNode;
 };
 
 const isValidIcon = (icon: ReactNode): icon is IconName => typeof icon === 'string';
 
 const InfoPanelTitle: FC<InfoPanelTitleProps> = ({ title, icon }) => (
-	<Box display='flex' flexShrink={0} alignItems='center' fontScale='h4' color='default' withTruncatedText>
+	<Box display='flex' flexShrink={0} alignItems='center' fontScale='p1m' color='default' withTruncatedText>
 		{isValidIcon(icon) ? <Icon name={icon} size='x22' /> : icon}
-		<Box mis={8} withTruncatedText title={title}>
+		<Box withTruncatedText title={title} mis={8}>
 			{title}
 		</Box>
 	</Box>

apps/meteor/client/components/UserCard/UserCardInfo.tsx

@@ -3,7 +3,7 @@ import type { ReactElement, ComponentProps } from 'react';
 import React from 'react';
 
 const UserCardInfo = (props: ComponentProps<typeof Box>): ReactElement => (
-	<Box mbe={8} is='span' fontScale='p2' color='hint' withTruncatedText {...props} />
+	<Box mb={8} is='span' fontScale='p2' color='hint' withTruncatedText {...props} />
 );
 
 export default UserCardInfo;

apps/meteor/client/components/UserCard/UserCardRoles.tsx

@@ -6,7 +6,7 @@ import UserCardInfo from './UserCardInfo';
 
 const UserCardRoles = ({ children }: { children: ReactNode }): ReactElement => (
 	<Box m='neg-x2'>
-		<UserCardInfo flexWrap='wrap' display='flex' flexShrink={0}>
+		<UserCardInfo mb={8} flexWrap='wrap' display='flex' flexShrink={0}>
 			{children}
 		</UserCardInfo>
 	</Box>