Hook to handle the permission flow of the react-native-permissions package

use-request-permission-flow.ts

import { Permission, RESULTS, check, request } from 'react-native-permissions';
import { useCallback } from 'react';

export const useRequestPermissionFlow = () => {
  return useCallback(
    async (
      permission: Permission,
      callbacks: {
        onFeatureUnavailable: () => Promise<void>;
        onPermissionGranted: (type: 'limited' | 'granted') => Promise<void>;
        onPermissionDenied: () => Promise<void>;
        onPermissionBlocked: () => Promise<void>;
      },
    ) => {
      const status = await check(permission);
      if (status === RESULTS.GRANTED || status === RESULTS.LIMITED) {
        return callbacks.onPermissionGranted(status);
      }

      if (status === RESULTS.BLOCKED) {
        return callbacks.onPermissionBlocked();
      }

      if (status === RESULTS.DENIED) {
        const requestResult = await request(permission);
        if (
          requestResult === RESULTS.GRANTED ||
          requestResult === RESULTS.LIMITED
        ) {
          return callbacks.onPermissionGranted(requestResult);
        } else {
          return callbacks.onPermissionDenied();
        }
      }

      return callbacks.onFeatureUnavailable();
    },
    [],
  );
};