@shipfox/client-workspace-settings 2.0.0 → 4.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shipfox/client-workspace-settings",
   "license": "MIT",
-  "version": "2.0.0",
+  "version": "4.0.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ShipfoxHQ/shipfox.git",
@@ -31,17 +31,17 @@
   "dependencies": {
     "@swc/helpers": "^0.5.17",
     "@tanstack/react-form": "^1.32.0",
-    "@shipfox/client-agent": "2.0.0",
     "@shipfox/api-workspaces-dto": "6.0.0",
-    "@shipfox/client-auth": "2.0.0",
-    "@shipfox/client-api": "1.0.0",
-    "@shipfox/client-integrations": "2.0.0",
-    "@shipfox/client-runners": "2.0.0",
-    "@shipfox/client-shell": "2.0.0",
-    "@shipfox/client-secrets": "2.0.0",
-    "@shipfox/client-triggers": "2.0.0",
-    "@shipfox/client-ui": "2.0.0",
-    "@shipfox/react-ui": "0.3.3"
+    "@shipfox/client-agent": "4.0.0",
+    "@shipfox/client-api": "4.0.0",
+    "@shipfox/client-auth": "4.0.0",
+    "@shipfox/client-integrations": "4.0.0",
+    "@shipfox/client-runners": "4.0.0",
+    "@shipfox/client-shell": "4.0.0",
+    "@shipfox/client-secrets": "4.0.0",
+    "@shipfox/client-triggers": "4.0.0",
+    "@shipfox/client-ui": "4.0.0",
+    "@shipfox/react-ui": "0.3.5"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.101.0",
@@ -49,26 +49,6 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
-  "devDependencies": {
-    "@tanstack/react-query": "^5.101.0",
-    "@tanstack/react-router": "^1.170.16",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/react": "^19.1.11",
-    "@types/react-dom": "^19.1.7",
-    "jotai": "^2.19.1",
-    "jsdom": "^29.0.0",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "@shipfox/biome": "1.8.2",
-    "@shipfox/client-test-setup": "0.0.3",
-    "@shipfox/swc": "1.2.6",
-    "@shipfox/vite": "1.2.5",
-    "@shipfox/vitest": "1.2.3",
-    "@shipfox/typescript": "1.1.7",
-    "@shipfox/ts-config": "1.3.8"
-  },
   "scripts": {
     "build": "shipfox-swc",
     "check": "shipfox-biome-check",

package/src/components/members/workspace-members-section.tsx

@@ -31,6 +31,7 @@ import {Code, Header, Text} from '@shipfox/react-ui/typography';
 import {formatDate} from '@shipfox/react-ui/utils';
 import {useForm} from '@tanstack/react-form';
 import {useState} from 'react';
+import type {Invitation} from '#core/invitation.js';
 import {useCreateInvitation} from '#hooks/api/create-invitation.js';
 import {useListInvitations} from '#hooks/api/list-invitations.js';
 import {useListMembers} from '#hooks/api/list-members.js';
@@ -194,7 +195,7 @@ function PendingInvitationsSection({
   workspaceName: string;
 }) {
   const query = useListInvitations(workspaceId);
-  const invitations = query.data?.invitations ?? [];
+  const invitations = query.data ?? [];
   const [inviteOpen, setInviteOpen] = useState(false);
 
   return (
@@ -249,16 +250,10 @@ function PendingInvitationsSection({
   );
 }
 
-function InvitationRow({
-  invitation,
-  workspaceId,
-}: {
-  invitation: import('@shipfox/api-workspaces-dto').InvitationDto;
-  workspaceId: string;
-}) {
+function InvitationRow({invitation, workspaceId}: {invitation: Invitation; workspaceId: string}) {
   const [open, setOpen] = useState(false);
   const revoke = useRevokeInvitation(workspaceId);
-  const expiresAt = new Date(invitation.expires_at);
+  const expiresAt = new Date(invitation.expiresAt);
   const expiresSoon = expiresAt.getTime() - Date.now() < EXPIRES_SOON_MS;
 
   async function handleRevoke() {
@@ -276,10 +271,10 @@ function InvitationRow({
       <TableCell>
         <Code variant="paragraph">{invitation.email}</Code>
       </TableCell>
-      <TableCell>{invitation.invited_by_display ?? '—'}</TableCell>
+      <TableCell>{invitation.invitedByDisplay ?? '—'}</TableCell>
       <TableCell>
         <div className="flex items-center gap-8">
-          <Text size="sm">{formatDate(invitation.expires_at)}</Text>
+          <Text size="sm">{formatDate(invitation.expiresAt)}</Text>
           {expiresSoon ? <Badge variant="warning">Soon</Badge> : null}
         </div>
       </TableCell>

package/src/core/invitation.ts

@@ -0,0 +1,15 @@
+export interface Invitation {
+  id: string;
+  workspaceId: string;
+  email: string;
+  expiresAt: string;
+  acceptedAt: string | null;
+  invitedByUserId: string;
+  invitedByDisplay: string | null;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export interface CreateInvitationCommand {
+  email: string;
+}

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

@@ -1,21 +1,31 @@
-import type {CreateInvitationBodyDto, InvitationDto} from '@shipfox/api-workspaces-dto';
-import {apiRequest} from '@shipfox/client-api';
+import {invitationDtoSchema} from '@shipfox/api-workspaces-dto';
+import {checkedApiRequest} from '@shipfox/client-api';
 import {useMutation, useQueryClient} from '@tanstack/react-query';
-import {listInvitationsQueryKey} from './list-invitations.js';
+import type {CreateInvitationCommand, Invitation} from '#core/invitation.js';
+import {toInvitation} from './invitation-mapper.js';
+import {listInvitationsQueryOptions} from './list-invitations.js';
 
-async function createInvitation(params: {workspaceId: string; body: CreateInvitationBodyDto}) {
-  return await apiRequest<InvitationDto>(`/workspaces/${params.workspaceId}/invitations`, {
-    method: 'POST',
-    body: params.body,
-  });
+async function createInvitation(params: {
+  workspaceId: string;
+  command: CreateInvitationCommand;
+}): Promise<Invitation> {
+  const response = await checkedApiRequest(
+    invitationDtoSchema,
+    `/workspaces/${params.workspaceId}/invitations`,
+    {
+      method: 'POST',
+      body: {email: params.command.email},
+    },
+  );
+  return toInvitation(response);
 }
 
 export function useCreateInvitation(workspaceId: string) {
   const queryClient = useQueryClient();
   return useMutation({
-    mutationFn: (body: CreateInvitationBodyDto) => createInvitation({workspaceId, body}),
+    mutationFn: (command: CreateInvitationCommand) => createInvitation({workspaceId, command}),
     onSuccess: async () => {
-      await queryClient.invalidateQueries({queryKey: listInvitationsQueryKey(workspaceId)});
+      await queryClient.invalidateQueries(listInvitationsQueryOptions(workspaceId));
     },
   });
 }

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

@@ -0,0 +1,29 @@
+import {toInvitation} from './invitation-mapper.js';
+
+describe('toInvitation', () => {
+  test('maps the transport response to the package domain model', () => {
+    const invitation = toInvitation({
+      id: 'f87901d8-4a7e-43e7-84f5-a9c73456657f',
+      workspace_id: 'ab03cfd0-1845-453b-867c-a661c8e62f13',
+      email: 'member@example.com',
+      expires_at: '2026-07-29T12:00:00.000Z',
+      accepted_at: null,
+      invited_by_user_id: 'b8d2ab85-9e38-4449-af50-8beaabf058e5',
+      invited_by_display: 'Noé',
+      created_at: '2026-07-22T12:00:00.000Z',
+      updated_at: '2026-07-22T12:00:00.000Z',
+    });
+
+    expect(invitation).toEqual({
+      id: 'f87901d8-4a7e-43e7-84f5-a9c73456657f',
+      workspaceId: 'ab03cfd0-1845-453b-867c-a661c8e62f13',
+      email: 'member@example.com',
+      expiresAt: '2026-07-29T12:00:00.000Z',
+      acceptedAt: null,
+      invitedByUserId: 'b8d2ab85-9e38-4449-af50-8beaabf058e5',
+      invitedByDisplay: 'Noé',
+      createdAt: '2026-07-22T12:00:00.000Z',
+      updatedAt: '2026-07-22T12:00:00.000Z',
+    });
+  });
+});

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

@@ -0,0 +1,16 @@
+import type {InvitationDto} from '@shipfox/api-workspaces-dto';
+import type {Invitation} from '#core/invitation.js';
+
+export function toInvitation(dto: InvitationDto): Invitation {
+  return {
+    id: dto.id,
+    workspaceId: dto.workspace_id,
+    email: dto.email,
+    expiresAt: dto.expires_at,
+    acceptedAt: dto.accepted_at,
+    invitedByUserId: dto.invited_by_user_id,
+    invitedByDisplay: dto.invited_by_display,
+    createdAt: dto.created_at,
+    updatedAt: dto.updated_at,
+  };
+}

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

@@ -1,17 +1,27 @@
-import type {ListInvitationsResponseDto} from '@shipfox/api-workspaces-dto';
-import {apiRequest} from '@shipfox/client-api';
-import {useQuery} from '@tanstack/react-query';
+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 {toInvitation} from './invitation-mapper.js';
 
 export const listInvitationsQueryKey = (workspaceId: string) =>
   ['workspaces', workspaceId, 'invitations'] as const;
 
-async function listInvitations(workspaceId: string): Promise<ListInvitationsResponseDto> {
-  return await apiRequest<ListInvitationsResponseDto>(`/workspaces/${workspaceId}/invitations`);
+async function listInvitations(workspaceId: string): Promise<Invitation[]> {
+  const response = await checkedApiRequest(
+    listInvitationsResponseSchema,
+    `/workspaces/${workspaceId}/invitations`,
+  );
+  return response.invitations.map(toInvitation);
 }
 
-export function useListInvitations(workspaceId: string) {
-  return useQuery({
+export function listInvitationsQueryOptions(workspaceId: string) {
+  return queryOptions({
     queryKey: listInvitationsQueryKey(workspaceId),
     queryFn: () => listInvitations(workspaceId),
   });
 }
+
+export function useListInvitations(workspaceId: string) {
+  return useQuery(listInvitationsQueryOptions(workspaceId));
+}

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

@@ -1,6 +1,6 @@
 import {apiRequest} from '@shipfox/client-api';
 import {useMutation, useQueryClient} from '@tanstack/react-query';
-import {listInvitationsQueryKey} from './list-invitations.js';
+import {listInvitationsQueryOptions} from './list-invitations.js';
 
 async function revokeInvitation(params: {workspaceId: string; invitationId: string}) {
   await apiRequest<void>(`/workspaces/${params.workspaceId}/invitations/${params.invitationId}`, {
@@ -13,7 +13,7 @@ export function useRevokeInvitation(workspaceId: string) {
   return useMutation({
     mutationFn: (invitationId: string) => revokeInvitation({workspaceId, invitationId}),
     onSuccess: async () => {
-      await queryClient.invalidateQueries({queryKey: listInvitationsQueryKey(workspaceId)});
+      await queryClient.invalidateQueries(listInvitationsQueryOptions(workspaceId));
     },
   });
 }