import { isRoomFederated, isRoomNativeFederated } from '@rocket.chat/core-typings';
import { usePermission } from '@rocket.chat/ui-contexts';
import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
import { useMemo } from 'react';

import { MemberListRouter } from '../../views/room';
import { useRoom } from '../../views/room/contexts/RoomContext';

export const useMembersListRoomAction = () => {
	const room = useRoom();
	const broadcast = !!room.broadcast;
	const team = !!room.teamMain;
	const permittedToViewBroadcastMemberList = usePermission('view-broadcast-member-list', room._id);

	const isFederated = room && isRoomFederated(room);
	const isFederationBlocked = isFederated && !isRoomNativeFederated(room);

	return useMemo((): RoomToolboxActionConfig | undefined => {
		if (broadcast && !permittedToViewBroadcastMemberList) {
			return undefined;
		}

		if (isFederationBlocked) {
			return undefined;
		}

		return {
			id: 'members-list',
			groups: ['channel', 'group', 'team'],
			title: team ? 'Teams_members' : 'Members',
			icon: 'members',
			tabComponent: MemberListRouter,
			order: 7,
		};
	}, [broadcast, permittedToViewBroadcastMemberList, team, isFederationBlocked]);
};