@availity/authorize/src/useAuthorize.ts

Check user permissions to see if the current user is authorized to see your content.

import { useQuery, useQueryClient } from '@tanstack/react-query';

import { checkPermissions, getRegion } from './api';
import { Options, Parameters, Permissions } from './types';

export type UseAuthorizeProps = Permissions & Parameters & Options;

const useAuthorize = (
  permissions: UseAuthorizeProps['permissions'],
  parameters: UseAuthorizeProps['parameters'] = {},
  options?: UseAuthorizeProps['queryOptions']
): { authorized: boolean; isLoading: boolean } => {
  const queryClient = useQueryClient();

  const { organizationId, customerId, region = true, resources } = parameters;

  const { data: authorized = false, isLoading } = useQuery({
    queryKey: ['useAuthorize', permissions, region, resources, organizationId, customerId],
    queryFn: async () => {
      const currentRegion = region
        ? await queryClient.fetchQuery({ queryKey: ['region'], queryFn: () => getRegion(region) })
        : undefined;

      return checkPermissions(permissions, currentRegion, resources, organizationId, customerId);
    },
    enabled: permissions.length > 0,
    ...options,
  });

  return { authorized, isLoading };
};

export default useAuthorize;