@shipfox/client-workspace-settings 4.0.0 → 6.0.1

package/src/hooks/api/list-invitations.ts

@@ -1,13 +1,13 @@
 import {listInvitationsResponseSchema} from '@shipfox/api-workspaces-dto';
 import {checkedApiRequest} from '@shipfox/client-api';
 import {queryOptions, useQuery} from '@tanstack/react-query';
-import type {Invitation} from '#core/invitation.js';
+import type {PendingInvitation} from '#core/membership.js';
 import {toInvitation} from './invitation-mapper.js';
 
 export const listInvitationsQueryKey = (workspaceId: string) =>
   ['workspaces', workspaceId, 'invitations'] as const;
 
-async function listInvitations(workspaceId: string): Promise<Invitation[]> {
+async function listInvitations(workspaceId: string): Promise<PendingInvitation[]> {
   const response = await checkedApiRequest(
     listInvitationsResponseSchema,
     `/workspaces/${workspaceId}/invitations`,

package/src/hooks/api/list-members.ts

@@ -1,17 +1,27 @@
-import type {ListMembersResponseDto} from '@shipfox/api-workspaces-dto';
-import {apiRequest} from '@shipfox/client-api';
-import {useQuery} from '@tanstack/react-query';
+import {listMembersResponseSchema} from '@shipfox/api-workspaces-dto';
+import {checkedApiRequest} from '@shipfox/client-api';
+import {queryOptions, useQuery} from '@tanstack/react-query';
+import type {WorkspaceMember} from '#core/membership.js';
+import {toWorkspaceMember} from './membership-mapper.js';
 
 export const listMembersQueryKey = (workspaceId: string) =>
   ['workspaces', workspaceId, 'members'] as const;
 
-async function listMembers(workspaceId: string): Promise<ListMembersResponseDto> {
-  return await apiRequest<ListMembersResponseDto>(`/workspaces/${workspaceId}/members`);
+async function listMembers(workspaceId: string): Promise<WorkspaceMember[]> {
+  const response = await checkedApiRequest(
+    listMembersResponseSchema,
+    `/workspaces/${workspaceId}/members`,
+  );
+  return response.members.map(toWorkspaceMember);
 }
 
-export function useListMembers(workspaceId: string) {
-  return useQuery({
+export function listMembersQueryOptions(workspaceId: string) {
+  return queryOptions({
     queryKey: listMembersQueryKey(workspaceId),
     queryFn: () => listMembers(workspaceId),
   });
 }
+
+export function useListMembers(workspaceId: string) {
+  return useQuery(listMembersQueryOptions(workspaceId));
+}

package/src/hooks/api/membership-mapper.test.ts

@@ -0,0 +1,24 @@
+import {toWorkspaceMember} from './membership-mapper.js';
+
+test('maps the member transport response to the package domain model', () => {
+  const member = toWorkspaceMember({
+    id: 'f87901d8-4a7e-43e7-84f5-a9c73456657f',
+    workspace_id: 'ab03cfd0-1845-453b-867c-a661c8e62f13',
+    user_id: 'b8d2ab85-9e38-4449-af50-8beaabf058e5',
+    user_email: 'member@example.com',
+    user_name: 'Noé',
+    created_at: '2026-07-22T12:00:00.000Z',
+    updated_at: '2026-07-22T12:00:00.000Z',
+  });
+
+  expect(member).toEqual({
+    id: 'f87901d8-4a7e-43e7-84f5-a9c73456657f',
+    workspaceId: 'ab03cfd0-1845-453b-867c-a661c8e62f13',
+    userId: 'b8d2ab85-9e38-4449-af50-8beaabf058e5',
+    email: 'member@example.com',
+    name: 'Noé',
+    role: 'admin',
+    joinedAt: '2026-07-22T12:00:00.000Z',
+    updatedAt: '2026-07-22T12:00:00.000Z',
+  });
+});

package/src/hooks/api/membership-mapper.ts

@@ -0,0 +1,15 @@
+import type {MembershipWithUserDto} from '@shipfox/api-workspaces-dto';
+import type {WorkspaceMember} from '#core/membership.js';
+
+export function toWorkspaceMember(dto: MembershipWithUserDto): WorkspaceMember {
+  return {
+    id: dto.id,
+    userId: dto.user_id,
+    workspaceId: dto.workspace_id,
+    email: dto.user_email,
+    name: dto.user_name,
+    role: 'admin',
+    joinedAt: dto.created_at,
+    updatedAt: dto.updated_at,
+  };
+}

package/src/hooks/api/remove-member.ts

@@ -1,19 +1,22 @@
-import {apiRequest} from '@shipfox/client-api';
+import {checkedApiRequest, emptyResponseSchema} from '@shipfox/client-api';
 import {useMutation, useQueryClient} from '@tanstack/react-query';
-import {listMembersQueryKey} from './list-members.js';
+import type {RemoveWorkspaceMemberCommand} from '#core/membership.js';
+import {listMembersQueryOptions} from './list-members.js';
 
-async function removeMember(params: {workspaceId: string; userId: string}) {
-  await apiRequest<void>(`/workspaces/${params.workspaceId}/members/${params.userId}`, {
-    method: 'DELETE',
-  });
+async function removeMember(params: {workspaceId: string; command: RemoveWorkspaceMemberCommand}) {
+  await checkedApiRequest(
+    emptyResponseSchema,
+    `/workspaces/${params.workspaceId}/members/${params.command.userId}`,
+    {method: 'DELETE'},
+  );
 }
 
 export function useRemoveMember(workspaceId: string) {
   const queryClient = useQueryClient();
   return useMutation({
-    mutationFn: (userId: string) => removeMember({workspaceId, userId}),
+    mutationFn: (command: RemoveWorkspaceMemberCommand) => removeMember({workspaceId, command}),
     onSuccess: async () => {
-      await queryClient.invalidateQueries({queryKey: listMembersQueryKey(workspaceId)});
+      await queryClient.invalidateQueries(listMembersQueryOptions(workspaceId));
     },
   });
 }

package/src/hooks/api/revoke-invitation.ts

@@ -1,17 +1,22 @@
-import {apiRequest} from '@shipfox/client-api';
+import {checkedApiRequest, emptyResponseSchema} from '@shipfox/client-api';
 import {useMutation, useQueryClient} from '@tanstack/react-query';
+import type {RevokeInvitationCommand} from '#core/membership.js';
 import {listInvitationsQueryOptions} from './list-invitations.js';
 
-async function revokeInvitation(params: {workspaceId: string; invitationId: string}) {
-  await apiRequest<void>(`/workspaces/${params.workspaceId}/invitations/${params.invitationId}`, {
-    method: 'DELETE',
-  });
+async function revokeInvitation(params: {workspaceId: string; command: RevokeInvitationCommand}) {
+  await checkedApiRequest(
+    emptyResponseSchema,
+    `/workspaces/${params.workspaceId}/invitations/${params.command.invitationId}`,
+    {
+      method: 'DELETE',
+    },
+  );
 }
 
 export function useRevokeInvitation(workspaceId: string) {
   const queryClient = useQueryClient();
   return useMutation({
-    mutationFn: (invitationId: string) => revokeInvitation({workspaceId, invitationId}),
+    mutationFn: (command: RevokeInvitationCommand) => revokeInvitation({workspaceId, command}),
     onSuccess: async () => {
       await queryClient.invalidateQueries(listInvitationsQueryOptions(workspaceId));
     },

package/src/index.ts

@@ -1,8 +1 @@
-export * from './pages/events-settings-page.js';
-export * from './pages/integrations-settings-page.js';
 export * from './pages/members-settings-page.js';
-export * from './pages/model-providers-settings-page.js';
-export * from './pages/provisioners-settings-page.js';
-export * from './pages/runners-settings-page.js';
-export * from './pages/secrets-settings-page.js';
-export * from './pages/variables-settings-page.js';

package/test/pages.tsx

@@ -22,11 +22,7 @@ const authState: AuthState = {
   user: {
     id: '22222222-2222-4222-8222-222222222222',
     email: 'user@example.com',
-    name: null,
-    email_verified_at: new Date().toISOString(),
-    status: 'active',
-    created_at: new Date().toISOString(),
-    updated_at: new Date().toISOString(),
+    emailVerifiedAt: new Date().toISOString(),
   },
   workspaces: [{id: WORKSPACE_SETTINGS_TEST_WID, name: 'Acme', membershipId: 'm-1'}],
 };