crewli-old/apps/app/src/composables/api/useMembers.ts

import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
import type { Ref } from 'vue'
import { apiClient } from '@/lib/axios'
import type {
  AcceptInvitationPayload,
  AcceptInvitationResponse,
  InvitationDetailResponse,
  InviteMemberPayload,
  Member,
  MemberListResponse,
  UpdateMemberRolePayload,
} from '@/types/member'

interface ApiResponse<T> {
  success: boolean
  data: T
  message?: string
}

export function useMemberList(orgId: Ref<string>) {
  return useQuery({
    queryKey: ['members', orgId],
    queryFn: async () => {
      const { data } = await apiClient.get<MemberListResponse>(`/organisations/${orgId.value}/members`)
      return data
    },
    enabled: () => !!orgId.value,
  })
}

export function useInviteMember(orgId: Ref<string>) {
  const queryClient = useQueryClient()

  return useMutation({
    mutationFn: async (payload: InviteMemberPayload) => {
      const { data } = await apiClient.post<ApiResponse<Member>>(`/organisations/${orgId.value}/invite`, payload)
      return data.data
    },
    onSuccess: () => {
      queryClient.invalidateQueries({ queryKey: ['members', orgId] })
    },
  })
}

export function useUpdateMemberRole(orgId: Ref<string>) {
  const queryClient = useQueryClient()

  return useMutation({
    mutationFn: async ({ userId, role }: UpdateMemberRolePayload) => {
      const { data } = await apiClient.put<ApiResponse<Member>>(`/organisations/${orgId.value}/members/${userId}`, { role })
      return data.data
    },
    onSuccess: () => {
      queryClient.invalidateQueries({ queryKey: ['members', orgId] })
    },
  })
}

export function useRemoveMember(orgId: Ref<string>) {
  const queryClient = useQueryClient()

  return useMutation({
    mutationFn: async (userId: string) => {
      await apiClient.delete(`/organisations/${orgId.value}/members/${userId}`)
    },
    onSuccess: () => {
      queryClient.invalidateQueries({ queryKey: ['members', orgId] })
    },
  })
}

export function useRevokeInvitation(orgId: Ref<string>) {
  const queryClient = useQueryClient()

  return useMutation({
    mutationFn: async (invitationId: string) => {
      await apiClient.delete(`/organisations/${orgId.value}/invitations/${invitationId}`)
    },
    onSuccess: () => {
      queryClient.invalidateQueries({ queryKey: ['members', orgId] })
    },
  })
}

export function useInvitationDetail(token: Ref<string>) {
  return useQuery({
    queryKey: ['invitation', token],
    queryFn: async () => {
      const { data } = await apiClient.get<ApiResponse<InvitationDetailResponse>>(`/invitations/${token.value}`)
      return data.data
    },
    enabled: () => !!token.value,
    retry: false,
  })
}

export function useAcceptInvitation() {
  return useMutation({
    mutationFn: async ({ token, ...payload }: AcceptInvitationPayload & { token: string }) => {
      const { data } = await apiClient.post<AcceptInvitationResponse>(`/invitations/${token}/accept`, payload)
      return data
    },
  })
}