All files / apps/host/src/screens/RequestDetail/hooks useRequestVisibility.ts

100% Statements 35/35
92.45% Branches 49/53
100% Functions 6/6
100% Lines 34/34

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134                                              2x                   19x 19x   19x 19x                 19x     19x   5x 5x   2x 2x   3x 3x   9x 1x   9x     19x               19x 19x   19x   19x   19x   19x     19x 19x 1x               18x 18x 18x     18x                   18x         18x   18x                         19x    
import { useMemo } from 'react';
import type { FirebaseAuthTypes } from '@react-native-firebase/auth';
 
import { isExpired } from '@repo/utils/date';
 
import { getLastMyHistory } from '@/utils/request';
 
import { PROCESSING_BY_RESPONSE } from '@/constants/apis';
 
import {
  BookMeetingRoomData,
  ReallocationData,
  RequestCategory,
  RequestDetail,
  RequestStatus,
  TimeOffData,
} from '@/types/request';
 
interface UseRequestVisibilityProps {
  request: RequestDetail | undefined;
  user: FirebaseAuthTypes.User | null;
}
 
export const useRequestVisibility = ({ request, user }: UseRequestVisibilityProps) => {
  const {
    status,
    category,
    data,
    processingBy,
    metadata,
    approvers,
    requester,
    onBehalfRequester,
  } = request || {};
  const histories = metadata?.histories;
 
  const requestType = useMemo(
    () => ({
      isTimeOff: category === RequestCategory.TIME_OFF,
      isMaintenance: category === RequestCategory.MAINTENANCE,
      isBookRoom: category === RequestCategory.BOOK_ROOM,
      isReallocation: category === RequestCategory.REALLOCATION,
    }),
    [category],
  );
 
  const requestStatus = useMemo(() => {
    let expiredAt: string | undefined;
 
    switch (category) {
      case RequestCategory.TIME_OFF:
        expiredAt = (data as TimeOffData)?.expiresAt;
        break;
      case RequestCategory.REALLOCATION:
        expiredAt = (data as ReallocationData)?.expiresAt;
        break;
      case RequestCategory.BOOK_ROOM:
        expiredAt = (data as BookMeetingRoomData)?.start;
        break;
      default:
        if (data && 'expiresAt' in data) {
          expiredAt = (data as { expiresAt?: string }).expiresAt;
        }
        break;
    }
 
    return {
      isPending: status === RequestStatus.PENDING,
      isCancelled: status === RequestStatus.CANCEL,
      isRejected: status === RequestStatus.REJECT,
      isExpired: !!expiredAt && isExpired(expiredAt),
    };
  }, [status, data, category]);
 
  const role = useMemo(() => {
    const userEmail = user?.email?.toLowerCase();
    const isOwner =
      !!userEmail &&
      (requester?.toLowerCase() === userEmail || onBehalfRequester?.toLowerCase() === userEmail);
    const isApprover = !!userEmail && !!approvers?.some(email => email.toLowerCase() === userEmail);
    const isHandler =
      processingBy === PROCESSING_BY_RESPONSE.NONE || processingBy?.toLowerCase() === userEmail;
 
    return { isOwner, isApprover, isHandler };
  }, [user?.email, requester, onBehalfRequester, approvers, processingBy]);
 
  const visibility = useMemo(() => {
    if (requestStatus.isCancelled) {
      return {
        isShowCancelBtn: false,
        isShowAction: false,
        isShowApproveBtn: false,
        isShowRejectBtn: false,
      };
    }
 
    const lastMyHistory = getLastMyHistory(histories, user?.email?.toLowerCase() || undefined);
    const isApprovedByMe = lastMyHistory?.isApproved === true;
    const hasNotActed = lastMyHistory === undefined;
 
    const canCancel =
      !requestStatus.isRejected &&
      role.isOwner &&
      ((!requestType.isMaintenance && !requestStatus.isExpired) ||
        (requestType.isTimeOff && !requestStatus.isExpired) ||
        (requestType.isReallocation && !requestStatus.isExpired) ||
        (requestType.isMaintenance &&
          requestStatus.isPending &&
          processingBy === PROCESSING_BY_RESPONSE.NONE));
 
    const canManageByApprover =
      role.isApprover &&
      (requestType.isTimeOff ||
        requestType.isReallocation ||
        (requestType.isMaintenance && requestStatus.isPending && role.isHandler));
 
    const canManage = !requestStatus.isCancelled && (canManageByApprover || requestType.isBookRoom);
 
    return {
      isShowCancelBtn: canCancel,
      isShowAction: canManage,
      isShowApproveBtn:
        requestStatus.isPending ||
        (!requestType.isBookRoom && requestType.isTimeOff && !isApprovedByMe),
      isShowRejectBtn:
        requestStatus.isPending ||
        (requestType.isTimeOff && (hasNotActed || isApprovedByMe)) ||
        (requestType.isBookRoom && status !== RequestStatus.REJECT),
    };
  }, [requestStatus, requestType, role, histories, user?.email, processingBy, status]);
 
  return { requestStatus, requestType, role, visibility };
};