import type { GenericMenuItemProps } from '@rocket.chat/ui-client';
import { useTranslation, useSetting, useAtLeastOnePermission } from '@rocket.chat/ui-contexts';

import { useCreateRoomModal } from './useCreateRoomModal';
import CreateDiscussion from '../../../components/CreateDiscussion';
import CreateChannelModal from '../actions/CreateChannelModal';
import CreateDirectMessage from '../actions/CreateDirectMessage';
import CreateTeamModal from '../actions/CreateTeamModal';

const CREATE_CHANNEL_PERMISSIONS = ['create-c', 'create-p'];
const CREATE_TEAM_PERMISSIONS = ['create-team'];
const CREATE_DIRECT_PERMISSIONS = ['create-d'];
const CREATE_DISCUSSION_PERMISSIONS = ['start-discussion', 'start-discussion-other-user'];

export type UseCreateNewItemsParams = {
	onCreateSuccess?: (rid: string, name?: string) => void | Promise<void>;
};

export const useCreateNewItems = ({ onCreateSuccess }: UseCreateNewItemsParams = {}): GenericMenuItemProps[] => {
	const t = useTranslation();
	const discussionEnabled = useSetting('Discussion_enabled');

	const canCreateChannel = useAtLeastOnePermission(CREATE_CHANNEL_PERMISSIONS);
	const canCreateTeam = useAtLeastOnePermission(CREATE_TEAM_PERMISSIONS);
	const canCreateDirectMessages = useAtLeastOnePermission(CREATE_DIRECT_PERMISSIONS);
	const canCreateDiscussion = useAtLeastOnePermission(CREATE_DISCUSSION_PERMISSIONS);

	const createChannel = useCreateRoomModal(CreateChannelModal, onCreateSuccess);
	const createTeam = useCreateRoomModal(CreateTeamModal, onCreateSuccess);
	const createDiscussion = useCreateRoomModal(CreateDiscussion, onCreateSuccess);
	const createDirectMessage = useCreateRoomModal(CreateDirectMessage, onCreateSuccess);

	const createChannelItem: GenericMenuItemProps = {
		id: 'channel',
		content: t('Channel'),
		icon: 'hashtag',
		onClick: () => createChannel(),
	};
	const createTeamItem: GenericMenuItemProps = {
		id: 'team',
		content: t('Team'),
		icon: 'team',
		onClick: () => createTeam(),
	};
	const createDirectMessageItem: GenericMenuItemProps = {
		id: 'direct',
		content: t('Direct_message'),
		icon: 'balloon',
		onClick: () => createDirectMessage(),
	};
	const createDiscussionItem: GenericMenuItemProps = {
		id: 'discussion',
		content: t('Discussion'),
		icon: 'discussion',
		onClick: () => createDiscussion(),
	};

	return [
		...(canCreateDirectMessages ? [createDirectMessageItem] : []),
		...(canCreateDiscussion && discussionEnabled ? [createDiscussionItem] : []),
		...(canCreateChannel ? [createChannelItem] : []),
		...(canCreateTeam && canCreateChannel ? [createTeamItem] : []),
	];
};