Merge pull request #223 from ITBooster-practice/feature/teams-hooks-and-services-222

feat(web):API-сервис команд и хуки (#222)

Author: AlexMadM

apps/web/shared/api/use-team-invitations.ts

@@ -0,0 +1,95 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
+
+import {
+	teamInvitationsService,
+	type SendInvitation,
+	type Team,
+	type TeamInvitation,
+} from '@/shared/lib/api/team-invitations-service'
+import type { ApiError } from '@/shared/lib/api/types'
+
+import { teamsKeys } from './use-teams'
+
+export const teamInvitationsKeys = {
+	all: ['teams', 'invitations'] as const,
+	teamLists: () => [...teamInvitationsKeys.all, 'team-list'] as const,
+	teamList: (teamId: string) => [...teamInvitationsKeys.teamLists(), teamId] as const,
+	send: (teamId: string) => [...teamInvitationsKeys.all, 'send', teamId] as const,
+	revoke: (teamId: string) => [...teamInvitationsKeys.all, 'revoke', teamId] as const,
+	myLists: () => [...teamInvitationsKeys.all, 'my-list'] as const,
+	myList: () => [...teamInvitationsKeys.myLists()] as const,
+	accept: () => [...teamInvitationsKeys.all, 'accept'] as const,
+	decline: () => [...teamInvitationsKeys.all, 'decline'] as const,
+} as const
+
+export const useTeamInvitations = (teamId: string) => {
+	return useQuery({
+		queryKey: teamInvitationsKeys.teamList(teamId),
+		queryFn: () => teamInvitationsService.getTeamInvitations(teamId),
+		enabled: Boolean(teamId),
+	})
+}
+
+export const useSendTeamInvitation = (teamId: string) => {
+	const queryClient = useQueryClient()
+
+	return useMutation<TeamInvitation, ApiError, SendInvitation>({
+		mutationKey: teamInvitationsKeys.send(teamId || 'mutation'),
+		mutationFn: (data) => teamInvitationsService.sendInvitation(teamId, data),
+		onSuccess: () =>
+			queryClient.invalidateQueries({
+				queryKey: teamInvitationsKeys.teamList(teamId),
+			}),
+	})
+}
+
+export const useRevokeTeamInvitation = (teamId: string) => {
+	const queryClient = useQueryClient()
+
+	return useMutation<TeamInvitation, ApiError, string>({
+		mutationKey: teamInvitationsKeys.revoke(teamId || 'mutation'),
+		mutationFn: (invitationId) =>
+			teamInvitationsService.revokeInvitation(teamId, invitationId),
+		onSuccess: () =>
+			queryClient.invalidateQueries({
+				queryKey: teamInvitationsKeys.teamList(teamId),
+			}),
+	})
+}
+
+export const useMyInvitations = () => {
+	return useQuery({
+		queryKey: teamInvitationsKeys.myList(),
+		queryFn: teamInvitationsService.getMyInvitations,
+	})
+}
+
+export const useAcceptInvitation = () => {
+	const queryClient = useQueryClient()
+
+	return useMutation<Team, ApiError, string>({
+		mutationKey: teamInvitationsKeys.accept(),
+		mutationFn: teamInvitationsService.acceptInvitation,
+		onSuccess: async (team) => {
+			queryClient.setQueryData(teamsKeys.detail(team.id), team)
+
+			await Promise.all([
+				queryClient.invalidateQueries({ queryKey: teamsKeys.lists() }),
+				queryClient.invalidateQueries({ queryKey: teamInvitationsKeys.myList() }),
+			])
+		},
+	})
+}
+
+export const useDeclineInvitation = () => {
+	const queryClient = useQueryClient()
+
+	return useMutation<TeamInvitation, ApiError, string>({
+		mutationKey: teamInvitationsKeys.decline(),
+		mutationFn: teamInvitationsService.declineInvitation,
+		onSuccess: () =>
+			queryClient.invalidateQueries({
+				queryKey: teamInvitationsKeys.myList(),
+			}),
+	})
+}

apps/web/shared/api/use-team-members.ts

@@ -0,0 +1,60 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
+
+import {
+	teamMembersService,
+	type ChangeRole,
+	type DeleteTeamResponse,
+	type TeamMember,
+} from '@/shared/lib/api/team-members-service'
+import type { ApiError } from '@/shared/lib/api/types'
+
+import { teamsKeys } from './use-teams'
+
+export const teamMembersKeys = {
+	all: ['teams', 'members'] as const,
+	lists: () => [...teamMembersKeys.all, 'list'] as const,
+	list: (teamId: string) => [...teamMembersKeys.lists(), teamId] as const,
+	changeRole: (teamId: string) =>
+		[...teamMembersKeys.all, 'change-role', teamId] as const,
+	remove: (teamId: string) => [...teamMembersKeys.all, 'remove', teamId] as const,
+} as const
+
+export const useTeamMembers = (teamId: string) => {
+	return useQuery({
+		queryKey: teamMembersKeys.list(teamId),
+		queryFn: () => teamMembersService.getMembers(teamId),
+		enabled: Boolean(teamId),
+	})
+}
+
+export const useChangeMemberRole = (teamId: string) => {
+	const queryClient = useQueryClient()
+
+	return useMutation<TeamMember, ApiError, { userId: string; data: ChangeRole }>({
+		mutationKey: teamMembersKeys.changeRole(teamId || 'mutation'),
+		mutationFn: ({ userId, data }) => teamMembersService.changeRole(teamId, userId, data),
+		onSuccess: async () => {
+			await Promise.all([
+				queryClient.invalidateQueries({ queryKey: teamMembersKeys.list(teamId) }),
+				queryClient.invalidateQueries({ queryKey: teamsKeys.detail(teamId) }),
+				queryClient.invalidateQueries({ queryKey: teamsKeys.lists() }),
+			])
+		},
+	})
+}
+
+export const useRemoveTeamMember = (teamId: string) => {
+	const queryClient = useQueryClient()
+
+	return useMutation<DeleteTeamResponse, ApiError, string>({
+		mutationKey: teamMembersKeys.remove(teamId || 'mutation'),
+		mutationFn: (userId) => teamMembersService.removeMember(teamId, userId),
+		onSuccess: async () => {
+			await Promise.all([
+				queryClient.invalidateQueries({ queryKey: teamMembersKeys.list(teamId) }),
+				queryClient.invalidateQueries({ queryKey: teamsKeys.detail(teamId) }),
+				queryClient.invalidateQueries({ queryKey: teamsKeys.lists() }),
+			])
+		},
+	})
+}

apps/web/shared/lib/api/team-invitations-service.ts

@@ -0,0 +1,76 @@
+import type { MyInvitation, SendInvitation, Team, TeamInvitation } from '@repo/types'
+
+import { client } from './client'
+import {
+	normalizeMyInvitation,
+	normalizeTeam,
+	normalizeTeamInvitation,
+	type MyInvitationApiResponse,
+	type TeamApiResponse,
+	type TeamInvitationApiResponse,
+} from './teams-normalizers'
+
+export type { MyInvitation, SendInvitation, Team, TeamInvitation }
+
+const TEAMS_ENDPOINT = '/teams'
+const INVITATIONS_ENDPOINT = '/invitations'
+const buildTeamInvitationsEndpoint = (teamId: string) =>
+	`${TEAMS_ENDPOINT}/${teamId}/invitations`
+const buildInvitationEndpoint = (token: string) => `${INVITATIONS_ENDPOINT}/${token}`
+
+export const teamInvitationsService = {
+	sendInvitation: async (
+		teamId: string,
+		body: SendInvitation,
+	): Promise<TeamInvitation> => {
+		const response = await client.post<TeamInvitationApiResponse>(
+			buildTeamInvitationsEndpoint(teamId),
+			body,
+		)
+
+		return normalizeTeamInvitation(response.data)
+	},
+
+	getTeamInvitations: async (teamId: string): Promise<TeamInvitation[]> => {
+		const response = await client.get<TeamInvitationApiResponse[]>(
+			buildTeamInvitationsEndpoint(teamId),
+		)
+
+		return response.data.map(normalizeTeamInvitation)
+	},
+
+	revokeInvitation: async (
+		teamId: string,
+		invitationId: string,
+	): Promise<TeamInvitation> => {
+		const response = await client.delete<TeamInvitationApiResponse>(
+			`${buildTeamInvitationsEndpoint(teamId)}/${invitationId}`,
+		)
+
+		return normalizeTeamInvitation(response.data)
+	},
+
+	getMyInvitations: async (): Promise<MyInvitation[]> => {
+		const response = await client.get<MyInvitationApiResponse[]>(
+			`${INVITATIONS_ENDPOINT}/me`,
+		)
+
+		return response.data.map(normalizeMyInvitation)
+	},
+
+	acceptInvitation: async (token: string): Promise<Team> => {
+		const response = await client.post<TeamApiResponse>(
+			`${buildInvitationEndpoint(token)}/accept`,
+		)
+
+		return normalizeTeam(response.data)
+	},
+
+	declineInvitation: async (token: string): Promise<TeamInvitation> => {
+		const response = await client.post<TeamInvitationApiResponse>(
+			`${buildInvitationEndpoint(token)}/decline`,
+		)
+
+		return normalizeTeamInvitation(response.data)
+	},
+}

apps/web/shared/lib/api/team-members-service.ts

@@ -0,0 +1,40 @@
+import type { ChangeRole, DeleteTeamResponse, TeamMember } from '@repo/types'
+
+import { client } from './client'
+import { normalizeTeamMember, type TeamMemberApiResponse } from './teams-normalizers'
+
+export type { ChangeRole, DeleteTeamResponse, TeamMember }
+
+const TEAMS_ENDPOINT = '/teams'
+const buildTeamMembersEndpoint = (teamId: string) => `${TEAMS_ENDPOINT}/${teamId}/members`
+
+export const teamMembersService = {
+	getMembers: async (teamId: string): Promise<TeamMember[]> => {
+		const response = await client.get<TeamMemberApiResponse[]>(
+			buildTeamMembersEndpoint(teamId),
+		)
+
+		return response.data.map(normalizeTeamMember)
+	},
+
+	changeRole: async (
+		teamId: string,
+		userId: string,
+		body: ChangeRole,
+	): Promise<TeamMember> => {
+		const response = await client.patch<TeamMemberApiResponse>(
+			`${buildTeamMembersEndpoint(teamId)}/${userId}/role`,
+			body,
+		)
+
+		return normalizeTeamMember(response.data)
+	},
+
+	removeMember: async (teamId: string, userId: string): Promise<DeleteTeamResponse> => {
+		const response = await client.delete<DeleteTeamResponse>(
+			`${buildTeamMembersEndpoint(teamId)}/${userId}`,
+		)
+
+		return response.data
+	},
+}