feat: frontend member management

- Leden pagina met VDataTable, rol chips, uitnodigingen sectie
- InviteMemberDialog + EditMemberRoleDialog
- Publieke acceptatiepagina /invitations/[token]
- Router guard uitgebreid met requiresAuth: false support
- MemberCollection backend uitgebreid met volledige pending_invitations lijst

apps/app/src/composables/api/useMembers.ts

@@ -0,0 +1,104 @@
+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
+    },
+  })
+}