Rocket.Chat/client/providers/AuthorizationProvider.tsx

import { Meteor } from 'meteor/meteor';
import React, { FC, useCallback, useEffect } from 'react';

import {
	hasPermission,
	hasAtLeastOnePermission,
	hasAllPermission,
	hasRole,
} from '../../app/authorization/client';
import { Roles } from '../../app/models/client/models/Roles';
import { AuthorizationContext, RoleStore } from '../contexts/AuthorizationContext';
import { useReactiveValue } from '../hooks/useReactiveValue';
import { createReactiveSubscriptionFactory } from './createReactiveSubscriptionFactory';

const contextValue = {
	queryPermission: createReactiveSubscriptionFactory((permission, scope) =>
		hasPermission(permission, scope),
	),
	queryAtLeastOnePermission: createReactiveSubscriptionFactory((permissions, scope) =>
		hasAtLeastOnePermission(permissions, scope),
	),
	queryAllPermissions: createReactiveSubscriptionFactory((permissions, scope) =>
		hasAllPermission(permissions, scope),
	),
	queryRole: createReactiveSubscriptionFactory((role) => hasRole(Meteor.userId(), role)),
	roleStore: new RoleStore(),
};

const AuthorizationProvider: FC = ({ children }) => {
	const roles = useReactiveValue(
		useCallback(
			() =>
				Roles.find()
					.fetch()
					.reduce((ret, obj) => {
						ret[obj._id] = obj;
						return ret;
					}, {}),
			[],
		),
	);

	useEffect(() => {
		contextValue.roleStore.roles = roles;
		contextValue.roleStore.emit('change', roles);
	}, [roles]);

	return <AuthorizationContext.Provider children={children} value={contextValue} />;
};

export default AuthorizationProvider;