+Copyright 2019 The Matrix.org Foundation C.I.C.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React, {useCallback, useMemo, useState, useEffect} from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import useEventListener from '@use-it/event-listener';
+import {Group, MatrixClient, RoomMember, User} from 'matrix-js-sdk';
+import dis from '../../../dispatcher';
+import Modal from '../../../Modal';
+import sdk from '../../../index';
+import { _t } from '../../../languageHandler';
+import createRoom from '../../../createRoom';
+import DMRoomMap from '../../../utils/DMRoomMap';
+import Unread from '../../../Unread';
+import AccessibleButton from '../elements/AccessibleButton';
+import SdkConfig from '../../../SdkConfig';
+import SettingsStore from "../../../settings/SettingsStore";
+import {EventTimeline} from "matrix-js-sdk";
+import AutoHideScrollbar from "../../structures/AutoHideScrollbar";
+import * as RoomViewStore from "../../../stores/RoomViewStore";
+import MultiInviter from "../../../utils/MultiInviter";
+import GroupStore from "../../../stores/GroupStore";
+import MatrixClientPeg from "../../../MatrixClientPeg";
+import E2EIcon from "../rooms/E2EIcon";
+
+const _disambiguateDevices = (devices) => {
+ const names = Object.create(null);
+ for (let i = 0; i < devices.length; i++) {
+ const name = devices[i].getDisplayName();
+ const indexList = names[name] || [];
+ indexList.push(i);
+ names[name] = indexList;
+ }
+ for (const name in names) {
+ if (names[name].length > 1) {
+ names[name].forEach((j)=>{
+ devices[j].ambiguous = true;
+ });
+ }
+ }
+};
+
+const withLegacyMatrixClient = (Component) => class extends React.PureComponent {
+ static contextTypes = {
+ matrixClient: PropTypes.instanceOf(MatrixClient).isRequired,
+ };
+
+ render() {
+ return ;
+ }
+};
+
+const _getE2EStatus = (devices) => {
+ const hasUnverifiedDevice = devices.some((device) => device.isUnverified());
+ return hasUnverifiedDevice ? "warning" : "verified";
+};
+
+const DevicesSection = withLegacyMatrixClient(({devices, userId, loading}) => {
+ const MemberDeviceInfo = sdk.getComponent('rooms.MemberDeviceInfo');
+ const Spinner = sdk.getComponent("elements.Spinner");
+
+ if (loading) {
+ // still loading
+ return ;
+ }
+ if (devices === null) {
+ return _t("Unable to load device list");
+ }
+ if (devices.length === 0) {
+ return _t("No devices with registered encryption keys");
+ }
+
+ return (
+
+
{ _t("Trust & Devices") }
+
+ { devices.map((device, i) => ) }
+
+
+
![{_t("Start]({require("../../../../res/img/create-big.svg")})
+
{ _t("Start a chat") }
+
+ );
+ }
+
+ return (
+
+
+
{ _t("Direct messages") }
+
+
+ { body }
+
+
{ _t("User Options") }
+
+ { readReceiptButton }
+ { shareUserButton }
+ { insertPillButton }
+ { ignoreButton }
+ { inviteUserButton }
+
+
+ { _t("You will not be able to undo this change as you are demoting yourself, " +
+ "if you are the last privileged user in the room it will be impossible " +
+ "to regain privileges.") }
+
,
+ button: _t("Demote"),
+ });
+
+ const [confirmed] = await finished;
+ return confirmed;
+};
+
+const GenericAdminToolsContainer = ({children}) => {
+ return (
+
+
{ _t("Admin Tools") }
+
+ { children }
+
+
+
{ _t("Try scrolling up in the timeline to see if there are any earlier ones.") }
+
+
{ _t("You are about to remove %(count)s messages by %(user)s. This cannot be undone. Do you wish to continue?", {count, user}) }
+
{ _t("For a large amount of messages, this might take some time. Please don't refresh your client in the meantime.") }
+
{ _t(
+ "Deactivating this user will log them out and prevent them from logging back in. Additionally, " +
+ "they will leave all the rooms they are in. This action cannot be reversed. Are you sure you " +
+ "want to deactivate this user?",
+ ) }
,
+ button: _t("Deactivate user"),
+ danger: true,
+ });
+
+ const [accepted] = await finished;
+ if (!accepted) return;
+ try {
+ cli.deactivateSynapseUser(user.userId);
+ } catch (err) {
+ const ErrorDialog = sdk.getComponent('dialogs.ErrorDialog');
+ Modal.createTrackedDialog('Failed to deactivate user', '', ErrorDialog, {
+ title: _t('Failed to deactivate user'),
+ description: ((err && err.message) ? err.message : _t("Operation failed")),
+ });
+ }
+ }, [cli, user.userId]);
+
+ const onPowerChange = useCallback(async (powerLevel) => {
+ const _applyPowerChange = (roomId, target, powerLevel, powerLevelEvent) => {
+ startUpdating();
+ cli.setPowerLevel(roomId, target, parseInt(powerLevel), powerLevelEvent).then(
+ function() {
+ // NO-OP; rely on the m.room.member event coming down else we could
+ // get out of sync if we force setState here!
+ console.log("Power change success");
+ }, function(err) {
+ const ErrorDialog = sdk.getComponent("dialogs.ErrorDialog");
+ console.error("Failed to change power level " + err);
+ Modal.createTrackedDialog('Failed to change power level', '', ErrorDialog, {
+ title: _t("Error"),
+ description: _t("Failed to change power level"),
+ });
+ },
+ ).finally(() => {
+ stopUpdating();
+ }).done();
+ };
+
+ const roomId = user.roomId;
+ const target = user.userId;
+
+ const powerLevelEvent = room.currentState.getStateEvents("m.room.power_levels", "");
+ if (!powerLevelEvent) return;
+
+ if (!powerLevelEvent.getContent().users) {
+ _applyPowerChange(roomId, target, powerLevel, powerLevelEvent);
+ return;
+ }
+
+ const myUserId = cli.getUserId();
+ const QuestionDialog = sdk.getComponent("dialogs.QuestionDialog");
+
+ // If we are changing our own PL it can only ever be decreasing, which we cannot reverse.
+ if (myUserId === target) {
+ try {
+ if (!(await _warnSelfDemote())) return;
+ _applyPowerChange(roomId, target, powerLevel, powerLevelEvent);
+ } catch (e) {
+ console.error("Failed to warn about self demotion: ", e);
+ }
+ return;
+ }
+
+ const myPower = powerLevelEvent.getContent().users[myUserId];
+ if (parseInt(myPower) === parseInt(powerLevel)) {
+ const {finished} = Modal.createTrackedDialog('Promote to PL100 Warning', '', QuestionDialog, {
+ title: _t("Warning!"),
+ description:
+
+ { _t("You will not be able to undo this change as you are promoting the user " +
+ "to have the same power level as yourself.") }
+ { _t("Are you sure?") }
+
,
+ button: _t("Continue"),
+ });
+
+ const [confirmed] = await finished;
+ if (confirmed) return;
+ }
+ _applyPowerChange(roomId, target, powerLevel, powerLevelEvent);
+ }, [user.roomId, user.userId, room && room.currentState, cli]); // eslint-disable-line
+
+ const onMemberAvatarClick = useCallback(() => {
+ const member = user;
+ const avatarUrl = member.getMxcAvatarUrl();
+ if (!avatarUrl) return;
+
+ const httpUrl = cli.mxcUrlToHttp(avatarUrl);
+ const ImageView = sdk.getComponent("elements.ImageView");
+ const params = {
+ src: httpUrl,
+ name: member.name,
+ };
+
+ Modal.createDialog(ImageView, params, "mx_Dialog_lightbox");
+ }, [cli, user]);
+
+ let synapseDeactivateButton;
+ let spinner;
+
+ let directChatsSection;
+ if (user.userId !== cli.getUserId()) {
+ directChatsSection = ;
+ }
+
+ // We don't need a perfect check here, just something to pass as "probably not our homeserver". If
+ // someone does figure out how to bypass this check the worst that happens is an error.
+ // FIXME this should be using cli instead of MatrixClientPeg.matrixClient
+ if (isSynapseAdmin && user.userId.endsWith(`:${MatrixClientPeg.getHomeserverName()}`)) {
+ synapseDeactivateButton = (
+
+ {_t("Deactivate user")}
+
+ );
+ }
+
+ let adminToolsContainer;
+ if (room && user.roomId) {
+ adminToolsContainer = (
+
+ { synapseDeactivateButton }
+
+ );
+ } else if (groupId) {
+ adminToolsContainer = (
+
+ { synapseDeactivateButton }
+
+ );
+ } else if (synapseDeactivateButton) {
+ adminToolsContainer = (
+
+ { synapseDeactivateButton }
+
+ );
+ }
+
+ if (pendingUpdateCount > 0) {
+ const Loader = sdk.getComponent("elements.Spinner");
+ spinner = ;
+ }
+
+ const displayName = user.name || user.displayname;
+
+ let presenceState;
+ let presenceLastActiveAgo;
+ let presenceCurrentlyActive;
+ let statusMessage;
+
+ if (user instanceof RoomMember) {
+ presenceState = user.user.presence;
+ presenceLastActiveAgo = user.user.lastActiveAgo;
+ presenceCurrentlyActive = user.user.currentlyActive;
+
+ if (SettingsStore.isFeatureEnabled("feature_custom_status")) {
+ statusMessage = user.user._unstable_statusMessage;
+ }
+ }
+
+ const enablePresenceByHsUrl = SdkConfig.get()["enable_presence_by_hs_url"];
+ let showPresence = true;
+ if (enablePresenceByHsUrl && enablePresenceByHsUrl[cli.baseUrl] !== undefined) {
+ showPresence = enablePresenceByHsUrl[cli.baseUrl];
+ }
+
+ let presenceLabel = null;
+ if (showPresence) {
+ const PresenceLabel = sdk.getComponent('rooms.PresenceLabel');
+ presenceLabel = ;
+ }
+
+ let statusLabel = null;
+ if (statusMessage) {
+ statusLabel = { statusMessage };
+ }
+
+ let memberDetails = null;
+
+ if (room && user.roomId) { // is in room
+ const powerLevelEvent = room.currentState.getStateEvents("m.room.power_levels", "");
+ const powerLevelUsersDefault = powerLevelEvent ? powerLevelEvent.getContent().users_default : 0;
+
+ const PowerSelector = sdk.getComponent('elements.PowerSelector');
+ memberDetails = ;
+ }
+
+ const avatarUrl = user.getMxcAvatarUrl ? user.getMxcAvatarUrl() : user.avatarUrl;
+ let avatarElement;
+ if (avatarUrl) {
+ const httpUrl = cli.mxcUrlToHttp(avatarUrl, 800, 800);
+ avatarElement =
+
+
+
{ _t("Trust & Devices") }
+
+ { text }
+
+
+ { closeButton }
+ { avatarElement }
+
+
+
+
+
+ { e2eIcon }
+ { displayName }
+
+
+
+ { user.userId }
+
+
+ {presenceLabel}
+ {statusLabel}
+
+
+
+
+ { memberDetails &&
+
+ { memberDetails }
+
+
}
+
+
+ { devicesSection }
+
+ { directChatsSection }
+
+
+
+ { adminToolsContainer }
+
+ { spinner }
+
+
+
{ _t("Try scrolling up in the timeline to see if there are any earlier ones.") }
+
+
{ _t("You are about to remove %(count)s messages by %(user)s. This cannot be undone. Do you wish to continue?", {count, user}) }
+
{ _t("For a large amount of messages, this might take some time. Please don't refresh your client in the meantime.") }
+
-
{ _t("Try scrolling up in the timeline to see if there are any earlier ones.") }
-
-
{ _t("You are about to remove %(count)s messages by %(user)s. This cannot be undone. Do you wish to continue?", {count, user}) }
-
{ _t("For a large amount of messages, this might take some time. Please don't refresh your client in the meantime.") }
-