@shipfox/client-workspace-settings 3.0.1 → 5.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shipfox/client-workspace-settings",
   "license": "MIT",
-  "version": "3.0.1",
+  "version": "5.0.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ShipfoxHQ/shipfox.git",
@@ -32,15 +32,10 @@
     "@swc/helpers": "^0.5.17",
     "@tanstack/react-form": "^1.32.0",
     "@shipfox/api-workspaces-dto": "6.0.0",
-    "@shipfox/client-agent": "3.0.1",
-    "@shipfox/client-api": "1.0.0",
-    "@shipfox/client-auth": "3.0.1",
-    "@shipfox/client-runners": "3.0.1",
-    "@shipfox/client-integrations": "3.0.1",
-    "@shipfox/client-shell": "3.0.1",
-    "@shipfox/client-secrets": "3.0.1",
-    "@shipfox/client-triggers": "3.0.1",
-    "@shipfox/client-ui": "3.0.1",
+    "@shipfox/client-api": "4.0.0",
+    "@shipfox/client-auth": "5.0.0",
+    "@shipfox/client-shell": "5.0.0",
+    "@shipfox/client-ui": "4.0.0",
     "@shipfox/react-ui": "0.3.5"
   },
   "peerDependencies": {
@@ -49,26 +44,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/ts-config": "1.3.8",
-    "@shipfox/vite": "1.2.5",
-    "@shipfox/vitest": "1.2.3",
-    "@shipfox/typescript": "1.1.7"
-  },
   "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/feature.ts

@@ -14,41 +14,6 @@ export const workspaceSettingsFeature = defineClientFeature({
       parent: 'workspaceSettings',
       impl: '@shipfox/client-workspace-settings/routes/members',
     },
-    {
-      path: '/workspaces/$wid/settings/runners',
-      parent: 'workspaceSettings',
-      impl: '@shipfox/client-workspace-settings/routes/runners',
-    },
-    {
-      path: '/workspaces/$wid/settings/provisioners',
-      parent: 'workspaceSettings',
-      impl: '@shipfox/client-workspace-settings/routes/provisioners',
-    },
-    {
-      path: '/workspaces/$wid/settings/agents',
-      parent: 'workspaceSettings',
-      impl: '@shipfox/client-workspace-settings/routes/agents',
-    },
-    {
-      path: '/workspaces/$wid/settings/secrets',
-      parent: 'workspaceSettings',
-      impl: '@shipfox/client-workspace-settings/routes/secrets',
-    },
-    {
-      path: '/workspaces/$wid/settings/variables',
-      parent: 'workspaceSettings',
-      impl: '@shipfox/client-workspace-settings/routes/variables',
-    },
-    {
-      path: '/workspaces/$wid/settings/integrations',
-      parent: 'workspaceSettings',
-      impl: '@shipfox/client-workspace-settings/routes/integrations',
-    },
-    {
-      path: '/workspaces/$wid/settings/events',
-      parent: 'workspaceSettings',
-      impl: '@shipfox/client-workspace-settings/routes/events',
-    },
   ],
   navigation: [
     {
@@ -67,54 +32,5 @@ export const workspaceSettingsFeature = defineClientFeature({
       icon: 'userLine' as IconName,
       order: 100,
     },
-    {
-      id: 'settings.runners',
-      pathSegment: 'runners',
-      label: 'Runners',
-      icon: 'settings3Line' as IconName,
-      order: 200,
-    },
-    {
-      id: 'settings.provisioners',
-      pathSegment: 'provisioners',
-      label: 'Runner provisioners',
-      icon: 'serverLine' as IconName,
-      order: 300,
-    },
-    {
-      id: 'settings.agents',
-      pathSegment: 'agents',
-      label: 'Agents',
-      icon: 'robot2Line' as IconName,
-      order: 400,
-    },
-    {
-      id: 'settings.secrets',
-      pathSegment: 'secrets',
-      label: 'Secrets',
-      icon: 'keyLine' as IconName,
-      order: 500,
-    },
-    {
-      id: 'settings.variables',
-      pathSegment: 'variables',
-      label: 'Variables',
-      icon: 'bracesLine' as IconName,
-      order: 600,
-    },
-    {
-      id: 'settings.integrations',
-      pathSegment: 'integrations',
-      label: 'Integrations',
-      icon: 'plugLine' as IconName,
-      order: 700,
-    },
-    {
-      id: 'settings.events',
-      pathSegment: 'events',
-      label: 'Events',
-      icon: 'pulseLine' as IconName,
-      order: 800,
-    },
   ],
 });

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));
     },
   });
 }

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'}],
 };