@comapeo/core-react 9.0.2 → 10.0.0

package/dist/esm/hooks/documents.js

@@ -1,7 +1,7 @@
 import { useMutation, useQueryClient, useSuspenseQuery, } from '@tanstack/react-query';
 import { useMemo } from 'react';
 import { getPresetsSelection } from '../lib/presets.js';
-import { createDocumentMutationOptions, deleteDocumentMutationOptions, documentByDocumentIdQueryOptions, documentByVersionIdQueryOptions, documentsQueryOptions, updateDocumentMutationOptions, } from '../lib/react-query/documents.js';
+import { baseMutationOptions, baseQueryOptions, filterMutationResult, getDocumentByDocIdQueryKey, getDocumentByVersionIdQueryKey, getDocumentsQueryKey, getManyDocumentsQueryKey, } from '../lib/react-query.js';
 import { useProjectSettings, useSingleProject } from './projects.js';
 /**
  * Retrieve a single document from the database based on the document's document ID.
@@ -28,15 +28,25 @@ import { useProjectSettings, useSingleProject } from './projects.js';
  */
 export function useSingleDocByDocId({ projectId, docType, docId, lang, }) {
     const { data: projectApi } = useSingleProject({ projectId });
-    const { data, error, isRefetching } = useSuspenseQuery(documentByDocumentIdQueryOptions({
-        projectApi,
-        projectId,
-        docType,
-        docId,
-        lang,
-    }));
+    const { data, error, isRefetching } = useSuspenseQuery({
+        ...baseQueryOptions(),
+        queryKey: getDocumentByDocIdQueryKey({
+            projectId,
+            docType,
+            docId,
+            lang,
+        }),
+        queryFn: async () => {
+            return projectApi[docType].getByDocId(docId, {
+                lang,
+                // We want to make sure that this throws in the case that no match is found
+                mustBeFound: true,
+            });
+        },
+    });
     return {
-        data: data,
+        // @ts-expect-error Not smart enough
+        data,
         error,
         isRefetching,
     };
@@ -66,15 +76,21 @@ export function useSingleDocByDocId({ projectId, docType, docId, lang, }) {
  */
 export function useSingleDocByVersionId({ projectId, docType, versionId, lang, }) {
     const { data: projectApi } = useSingleProject({ projectId });
-    const { data, error, isRefetching } = useSuspenseQuery(documentByVersionIdQueryOptions({
-        projectApi,
-        projectId,
-        docType,
-        versionId,
-        lang,
-    }));
+    const { data, error, isRefetching } = useSuspenseQuery({
+        ...baseQueryOptions(),
+        queryKey: getDocumentByVersionIdQueryKey({
+            projectId,
+            docType,
+            versionId,
+            lang,
+        }),
+        queryFn: async () => {
+            return projectApi[docType].getByVersionId(versionId, { lang });
+        },
+    });
     return {
-        data: data,
+        // @ts-expect-error Not smart enough
+        data,
         error,
         isRefetching,
     };
@@ -115,15 +131,24 @@ export function useSingleDocByVersionId({ projectId, docType, versionId, lang, }
  */
 export function useManyDocs({ projectId, docType, includeDeleted, lang, }) {
     const { data: projectApi } = useSingleProject({ projectId });
-    const { data, error, isRefetching } = useSuspenseQuery(documentsQueryOptions({
-        projectApi,
-        projectId,
-        docType,
-        includeDeleted,
-        lang,
-    }));
+    const { data, error, isRefetching } = useSuspenseQuery({
+        ...baseQueryOptions(),
+        queryKey: getManyDocumentsQueryKey({
+            projectId,
+            docType,
+            includeDeleted,
+            lang,
+        }),
+        queryFn: async () => {
+            return projectApi[docType].getMany({
+                includeDeleted,
+                lang,
+            });
+        },
+    });
     return {
-        data: data,
+        // @ts-expect-error Not smart enough
+        data,
         error,
         isRefetching,
     };
@@ -137,15 +162,22 @@ export function useManyDocs({ projectId, docType, includeDeleted, lang, }) {
 export function useCreateDocument({ docType, projectId, }) {
     const queryClient = useQueryClient();
     const { data: projectApi } = useSingleProject({ projectId });
-    const { error, mutate, mutateAsync, reset, status } = useMutation(createDocumentMutationOptions({
-        docType,
-        projectApi,
-        projectId,
-        queryClient,
+    return filterMutationResult(useMutation({
+        ...baseMutationOptions(),
+        mutationFn: async ({ value, }) => {
+            return (projectApi[docType]
+                // @ts-expect-error TS not handling this well
+                .create({ ...value, schemaName: docType }));
+        },
+        onSuccess: () => {
+            queryClient.invalidateQueries({
+                queryKey: getDocumentsQueryKey({
+                    projectId,
+                    docType,
+                }),
+            });
+        },
     }));
-    return status === 'error'
-        ? { error, mutate, mutateAsync, reset, status }
-        : { error: null, mutate, mutateAsync, reset, status };
 }
 /**
  * Update a document within a project.
@@ -153,18 +185,28 @@ export function useCreateDocument({ docType, projectId, }) {
  * @param opts.docType Document type to update.
  * @param opts.projectId Public ID of project document belongs to.
  */
-export function useUpdateDocument({ docType, projectId, }) {
+export function useUpdateDocument({ 
+// TODO: Make this a mutation parameter instead of a hook parameter
+docType, projectId, }) {
     const queryClient = useQueryClient();
     const { data: projectApi } = useSingleProject({ projectId });
-    const { error, mutate, mutateAsync, reset, status } = useMutation(updateDocumentMutationOptions({
-        docType,
-        projectApi,
-        projectId,
-        queryClient,
+    // @ts-expect-error Not sure why TS complains here
+    return filterMutationResult(useMutation({
+        ...baseMutationOptions(),
+        mutationFn: async ({ versionId, value, }) => {
+            return (projectApi[docType]
+                // @ts-expect-error TS not handling this well
+                .update(versionId, value));
+        },
+        onSuccess: () => {
+            queryClient.invalidateQueries({
+                queryKey: getDocumentsQueryKey({
+                    projectId,
+                    docType,
+                }),
+            });
+        },
     }));
-    return status === 'error'
-        ? { error, mutate, mutateAsync, reset, status }
-        : { error: null, mutate, mutateAsync, reset, status };
 }
 /**
  * Delete a document within a project.
@@ -172,18 +214,26 @@ export function useUpdateDocument({ docType, projectId, }) {
  * @param opts.docType Document type to delete.
  * @param opts.projectId Public ID of project document belongs to.
  */
-export function useDeleteDocument({ docType, projectId, }) {
+export function useDeleteDocument({ 
+// TODO: Make this a mutation parameter instead of a hook parameter
+docType, projectId, }) {
     const queryClient = useQueryClient();
     const { data: projectApi } = useSingleProject({ projectId });
-    const { error, mutate, mutateAsync, reset, status } = useMutation(deleteDocumentMutationOptions({
-        docType,
-        projectApi,
-        projectId,
-        queryClient,
+    // @ts-expect-error Not sure why TS complains here
+    return filterMutationResult(useMutation({
+        ...baseMutationOptions(),
+        mutationFn: async ({ docId }) => {
+            return projectApi[docType].delete(docId);
+        },
+        onSuccess: () => {
+            queryClient.invalidateQueries({
+                queryKey: getDocumentsQueryKey({
+                    projectId,
+                    docType,
+                }),
+            });
+        },
     }));
-    return status === 'error'
-        ? { error, mutate, mutateAsync, reset, status }
-        : { error: null, mutate, mutateAsync, reset, status };
 }
 const dataTypeToGeometry = {
     observation: 'point',

package/dist/esm/hooks/invites.d.ts

@@ -1,3 +1,5 @@
+import type { InviteApi, MemberApi } from '@comapeo/core';
+import { type UseSuspenseQueryResult } from '@tanstack/react-query';
 /**
  * Get all invites that the device has received.
  *
@@ -8,11 +10,7 @@
  * }
  * ```
  */
-export declare function useManyInvites(): {
-    data: import("@comapeo/core/dist/invite/invite-api.js").Invite[];
-    error: Error | null;
-    isRefetching: boolean;
-};
+export declare function useManyInvites(): Pick<UseSuspenseQueryResult<Array<InviteApi.Invite>>, 'data' | 'error' | 'isRefetching'>;
 /**
  * Get a single invite based on its ID.
  *
@@ -25,61 +23,97 @@ export declare function useManyInvites(): {
  * }
  * ```
  */
-export declare function useSingleInvite({ inviteId }: {
+export declare function useSingleInvite({ inviteId, }: {
     inviteId: string;
-}): {
-    data: import("@comapeo/core/dist/invite/invite-api.js").Invite;
-    error: Error | null;
-    isRefetching: boolean;
-};
+}): Pick<UseSuspenseQueryResult<InviteApi.Invite>, 'data' | 'error' | 'isRefetching'>;
 /**
  * Accept an invite that has been received.
  */
-export declare function useAcceptInvite(): {
-    error: Error;
+export declare function useAcceptInvite(): Pick<import("@tanstack/react-query").Override<import("@tanstack/react-query").MutationObserverIdleResult<string, Error, {
+    inviteId: string;
+}, unknown>, {
+    mutate: import("@tanstack/react-query").UseMutateFunction<string, Error, {
+        inviteId: string;
+    }, unknown>;
+}> & {
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<string, Error, {
+        inviteId: string;
+    }, unknown>;
+}, "error" | "status" | "mutate" | "reset" | "mutateAsync"> | Pick<import("@tanstack/react-query").Override<import("@tanstack/react-query").MutationObserverLoadingResult<string, Error, {
+    inviteId: string;
+}, unknown>, {
+    mutate: import("@tanstack/react-query").UseMutateFunction<string, Error, {
+        inviteId: string;
+    }, unknown>;
+}> & {
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<string, Error, {
+        inviteId: string;
+    }, unknown>;
+}, "error" | "status" | "mutate" | "reset" | "mutateAsync"> | Pick<import("@tanstack/react-query").Override<import("@tanstack/react-query").MutationObserverErrorResult<string, Error, {
+    inviteId: string;
+}, unknown>, {
     mutate: import("@tanstack/react-query").UseMutateFunction<string, Error, {
         inviteId: string;
     }, unknown>;
+}> & {
     mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<string, Error, {
         inviteId: string;
     }, unknown>;
-    reset: () => void;
-    status: "error";
-} | {
-    error: null;
+}, "error" | "status" | "mutate" | "reset" | "mutateAsync"> | Pick<import("@tanstack/react-query").Override<import("@tanstack/react-query").MutationObserverSuccessResult<string, Error, {
+    inviteId: string;
+}, unknown>, {
     mutate: import("@tanstack/react-query").UseMutateFunction<string, Error, {
         inviteId: string;
     }, unknown>;
+}> & {
     mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<string, Error, {
         inviteId: string;
     }, unknown>;
-    reset: () => void;
-    status: "pending" | "success" | "idle";
-};
+}, "error" | "status" | "mutate" | "reset" | "mutateAsync">;
 /**
  * Reject an invite that has been received.
  */
-export declare function useRejectInvite(): {
-    error: Error;
-    mutate: import("@tanstack/react-query").UseMutateFunction<void, Error, {
+export declare function useRejectInvite(): Pick<import("@tanstack/react-query").Override<import("@tanstack/react-query").MutationObserverIdleResult<string, Error, {
+    inviteId: string;
+}, unknown>, {
+    mutate: import("@tanstack/react-query").UseMutateFunction<string, Error, {
         inviteId: string;
     }, unknown>;
-    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<void, Error, {
+}> & {
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<string, Error, {
         inviteId: string;
     }, unknown>;
-    reset: () => void;
-    status: "error";
-} | {
-    error: null;
-    mutate: import("@tanstack/react-query").UseMutateFunction<void, Error, {
+}, "error" | "status" | "mutate" | "reset" | "mutateAsync"> | Pick<import("@tanstack/react-query").Override<import("@tanstack/react-query").MutationObserverLoadingResult<string, Error, {
+    inviteId: string;
+}, unknown>, {
+    mutate: import("@tanstack/react-query").UseMutateFunction<string, Error, {
         inviteId: string;
     }, unknown>;
-    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<void, Error, {
+}> & {
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<string, Error, {
+        inviteId: string;
+    }, unknown>;
+}, "error" | "status" | "mutate" | "reset" | "mutateAsync"> | Pick<import("@tanstack/react-query").Override<import("@tanstack/react-query").MutationObserverErrorResult<string, Error, {
+    inviteId: string;
+}, unknown>, {
+    mutate: import("@tanstack/react-query").UseMutateFunction<string, Error, {
+        inviteId: string;
+    }, unknown>;
+}> & {
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<string, Error, {
+        inviteId: string;
+    }, unknown>;
+}, "error" | "status" | "mutate" | "reset" | "mutateAsync"> | Pick<import("@tanstack/react-query").Override<import("@tanstack/react-query").MutationObserverSuccessResult<string, Error, {
+    inviteId: string;
+}, unknown>, {
+    mutate: import("@tanstack/react-query").UseMutateFunction<string, Error, {
         inviteId: string;
     }, unknown>;
-    reset: () => void;
-    status: "pending" | "success" | "idle";
-};
+}> & {
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<string, Error, {
+        inviteId: string;
+    }, unknown>;
+}, "error" | "status" | "mutate" | "reset" | "mutateAsync">;
 /**
  * Send an invite for a project.
  *
@@ -87,39 +121,83 @@ export declare function useRejectInvite(): {
  */
 export declare function useSendInvite({ projectId }: {
     projectId: string;
-}): {
-    error: Error;
+}): Pick<import("@tanstack/react-query").Override<import("@tanstack/react-query").MutationObserverIdleResult<"ACCEPT" | "REJECT" | "ALREADY", Error, {
+    deviceId: string;
+    roleDescription?: string;
+    roleId: MemberApi.RoleIdForNewInvite;
+    roleName?: string;
+}, unknown>, {
+    mutate: import("@tanstack/react-query").UseMutateFunction<"ACCEPT" | "REJECT" | "ALREADY", Error, {
+        deviceId: string;
+        roleDescription?: string;
+        roleId: MemberApi.RoleIdForNewInvite;
+        roleName?: string;
+    }, unknown>;
+}> & {
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<"ACCEPT" | "REJECT" | "ALREADY", Error, {
+        deviceId: string;
+        roleDescription?: string;
+        roleId: MemberApi.RoleIdForNewInvite;
+        roleName?: string;
+    }, unknown>;
+}, "error" | "status" | "mutate" | "reset" | "mutateAsync"> | Pick<import("@tanstack/react-query").Override<import("@tanstack/react-query").MutationObserverLoadingResult<"ACCEPT" | "REJECT" | "ALREADY", Error, {
+    deviceId: string;
+    roleDescription?: string;
+    roleId: MemberApi.RoleIdForNewInvite;
+    roleName?: string;
+}, unknown>, {
+    mutate: import("@tanstack/react-query").UseMutateFunction<"ACCEPT" | "REJECT" | "ALREADY", Error, {
+        deviceId: string;
+        roleDescription?: string;
+        roleId: MemberApi.RoleIdForNewInvite;
+        roleName?: string;
+    }, unknown>;
+}> & {
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<"ACCEPT" | "REJECT" | "ALREADY", Error, {
+        deviceId: string;
+        roleDescription?: string;
+        roleId: MemberApi.RoleIdForNewInvite;
+        roleName?: string;
+    }, unknown>;
+}, "error" | "status" | "mutate" | "reset" | "mutateAsync"> | Pick<import("@tanstack/react-query").Override<import("@tanstack/react-query").MutationObserverErrorResult<"ACCEPT" | "REJECT" | "ALREADY", Error, {
+    deviceId: string;
+    roleDescription?: string;
+    roleId: MemberApi.RoleIdForNewInvite;
+    roleName?: string;
+}, unknown>, {
     mutate: import("@tanstack/react-query").UseMutateFunction<"ACCEPT" | "REJECT" | "ALREADY", Error, {
         deviceId: string;
         roleDescription?: string;
-        roleId: import("@comapeo/core").MemberApi.RoleIdForNewInvite;
+        roleId: MemberApi.RoleIdForNewInvite;
         roleName?: string;
     }, unknown>;
+}> & {
     mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<"ACCEPT" | "REJECT" | "ALREADY", Error, {
         deviceId: string;
         roleDescription?: string;
-        roleId: import("@comapeo/core").MemberApi.RoleIdForNewInvite;
+        roleId: MemberApi.RoleIdForNewInvite;
         roleName?: string;
     }, unknown>;
-    reset: () => void;
-    status: "error";
-} | {
-    error: null;
+}, "error" | "status" | "mutate" | "reset" | "mutateAsync"> | Pick<import("@tanstack/react-query").Override<import("@tanstack/react-query").MutationObserverSuccessResult<"ACCEPT" | "REJECT" | "ALREADY", Error, {
+    deviceId: string;
+    roleDescription?: string;
+    roleId: MemberApi.RoleIdForNewInvite;
+    roleName?: string;
+}, unknown>, {
     mutate: import("@tanstack/react-query").UseMutateFunction<"ACCEPT" | "REJECT" | "ALREADY", Error, {
         deviceId: string;
         roleDescription?: string;
-        roleId: import("@comapeo/core").MemberApi.RoleIdForNewInvite;
+        roleId: MemberApi.RoleIdForNewInvite;
         roleName?: string;
     }, unknown>;
+}> & {
     mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<"ACCEPT" | "REJECT" | "ALREADY", Error, {
         deviceId: string;
         roleDescription?: string;
-        roleId: import("@comapeo/core").MemberApi.RoleIdForNewInvite;
+        roleId: MemberApi.RoleIdForNewInvite;
         roleName?: string;
     }, unknown>;
-    reset: () => void;
-    status: "pending" | "success" | "idle";
-};
+}, "error" | "status" | "mutate" | "reset" | "mutateAsync">;
 /**
  * Request a cancellation of an invite sent to another device.
  *
@@ -127,24 +205,44 @@ export declare function useSendInvite({ projectId }: {
  */
 export declare function useRequestCancelInvite({ projectId }: {
     projectId: string;
-}): {
-    error: Error;
+}): Pick<import("@tanstack/react-query").Override<import("@tanstack/react-query").MutationObserverIdleResult<void, Error, {
+    deviceId: string;
+}, unknown>, {
+    mutate: import("@tanstack/react-query").UseMutateFunction<void, Error, {
+        deviceId: string;
+    }, unknown>;
+}> & {
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<void, Error, {
+        deviceId: string;
+    }, unknown>;
+}, "error" | "status" | "mutate" | "reset" | "mutateAsync"> | Pick<import("@tanstack/react-query").Override<import("@tanstack/react-query").MutationObserverLoadingResult<void, Error, {
+    deviceId: string;
+}, unknown>, {
+    mutate: import("@tanstack/react-query").UseMutateFunction<void, Error, {
+        deviceId: string;
+    }, unknown>;
+}> & {
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<void, Error, {
+        deviceId: string;
+    }, unknown>;
+}, "error" | "status" | "mutate" | "reset" | "mutateAsync"> | Pick<import("@tanstack/react-query").Override<import("@tanstack/react-query").MutationObserverErrorResult<void, Error, {
+    deviceId: string;
+}, unknown>, {
     mutate: import("@tanstack/react-query").UseMutateFunction<void, Error, {
         deviceId: string;
     }, unknown>;
+}> & {
     mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<void, Error, {
         deviceId: string;
     }, unknown>;
-    reset: () => void;
-    status: "error";
-} | {
-    error: null;
+}, "error" | "status" | "mutate" | "reset" | "mutateAsync"> | Pick<import("@tanstack/react-query").Override<import("@tanstack/react-query").MutationObserverSuccessResult<void, Error, {
+    deviceId: string;
+}, unknown>, {
     mutate: import("@tanstack/react-query").UseMutateFunction<void, Error, {
         deviceId: string;
     }, unknown>;
+}> & {
     mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<void, Error, {
         deviceId: string;
     }, unknown>;
-    reset: () => void;
-    status: "pending" | "success" | "idle";
-};
+}, "error" | "status" | "mutate" | "reset" | "mutateAsync">;

package/dist/esm/hooks/invites.js

@@ -1,5 +1,5 @@
 import { useMutation, useQueryClient, useSuspenseQuery, } from '@tanstack/react-query';
-import { acceptInviteMutationOptions, getInviteByIdQueryOptions, getInvitesQueryOptions, rejectInviteMutationOptions, requestCancelInviteMutationOptions, sendInviteMutationOptions, } from '../lib/react-query/invites.js';
+import { baseMutationOptions, baseQueryOptions, filterMutationResult, getInvitesByIdQueryKey, getInvitesQueryKey, getMembersQueryKey, getProjectsQueryKey, } from '../lib/react-query.js';
 import { useClientApi } from './client.js';
 import { useSingleProject } from './projects.js';
 /**
@@ -14,7 +14,13 @@ import { useSingleProject } from './projects.js';
  */
 export function useManyInvites() {
     const clientApi = useClientApi();
-    const { data, error, isRefetching } = useSuspenseQuery(getInvitesQueryOptions({ clientApi }));
+    const { data, error, isRefetching } = useSuspenseQuery({
+        ...baseQueryOptions(),
+        queryKey: getInvitesQueryKey(),
+        queryFn: async () => {
+            return clientApi.invite.getMany();
+        },
+    });
     return { data, error, isRefetching };
 }
 /**
@@ -29,9 +35,15 @@ export function useManyInvites() {
  * }
  * ```
  */
-export function useSingleInvite({ inviteId }) {
+export function useSingleInvite({ inviteId, }) {
     const clientApi = useClientApi();
-    const { data, error, isRefetching } = useSuspenseQuery(getInviteByIdQueryOptions({ clientApi, inviteId }));
+    const { data, error, isRefetching } = useSuspenseQuery({
+        ...baseQueryOptions(),
+        queryKey: getInvitesByIdQueryKey({ inviteId }),
+        queryFn: async () => {
+            return clientApi.invite.getById(inviteId);
+        },
+    });
     return { data, error, isRefetching };
 }
 /**
@@ -40,10 +52,20 @@ export function useSingleInvite({ inviteId }) {
 export function useAcceptInvite() {
     const queryClient = useQueryClient();
     const clientApi = useClientApi();
-    const { error, mutate, mutateAsync, reset, status } = useMutation(acceptInviteMutationOptions({ clientApi, queryClient }));
-    return status === 'error'
-        ? { error, mutate, mutateAsync, reset, status }
-        : { error: null, mutate, mutateAsync, reset, status };
+    return filterMutationResult(useMutation({
+        ...baseMutationOptions(),
+        mutationFn: async ({ inviteId }) => {
+            return clientApi.invite.accept({ inviteId });
+        },
+        onSuccess: () => {
+            queryClient.invalidateQueries({
+                queryKey: getInvitesQueryKey(),
+            });
+            queryClient.invalidateQueries({
+                queryKey: getProjectsQueryKey(),
+            });
+        },
+    }));
 }
 /**
  * Reject an invite that has been received.
@@ -51,10 +73,20 @@ export function useAcceptInvite() {
 export function useRejectInvite() {
     const queryClient = useQueryClient();
     const clientApi = useClientApi();
-    const { error, mutate, mutateAsync, reset, status } = useMutation(rejectInviteMutationOptions({ clientApi, queryClient }));
-    return status === 'error'
-        ? { error, mutate, mutateAsync, reset, status }
-        : { error: null, mutate, mutateAsync, reset, status };
+    return filterMutationResult(useMutation({
+        ...baseMutationOptions(),
+        mutationFn: async ({ inviteId }) => {
+            return clientApi.invite.accept({ inviteId });
+        },
+        onSuccess: () => {
+            queryClient.invalidateQueries({
+                queryKey: getInvitesQueryKey(),
+            });
+            queryClient.invalidateQueries({
+                queryKey: getProjectsQueryKey(),
+            });
+        },
+    }));
 }
 /**
  * Send an invite for a project.
@@ -64,10 +96,20 @@ export function useRejectInvite() {
 export function useSendInvite({ projectId }) {
     const queryClient = useQueryClient();
     const { data: projectApi } = useSingleProject({ projectId });
-    const { error, mutate, mutateAsync, reset, status } = useMutation(sendInviteMutationOptions({ projectApi, projectId, queryClient }));
-    return status === 'error'
-        ? { error, mutate, mutateAsync, reset, status }
-        : { error: null, mutate, mutateAsync, reset, status };
+    return filterMutationResult(useMutation({
+        ...baseMutationOptions(),
+        mutationFn: async ({ deviceId, ...role }) => {
+            return projectApi.$member.invite(deviceId, role);
+        },
+        onSuccess: () => {
+            queryClient.invalidateQueries({
+                queryKey: getInvitesQueryKey(),
+            });
+            queryClient.invalidateQueries({
+                queryKey: getMembersQueryKey({ projectId }),
+            });
+        },
+    }));
 }
 /**
  * Request a cancellation of an invite sent to another device.
@@ -77,8 +119,15 @@ export function useSendInvite({ projectId }) {
 export function useRequestCancelInvite({ projectId }) {
     const queryClient = useQueryClient();
     const { data: projectApi } = useSingleProject({ projectId });
-    const { error, mutate, mutateAsync, reset, status } = useMutation(requestCancelInviteMutationOptions({ projectApi, queryClient }));
-    return status === 'error'
-        ? { error, mutate, mutateAsync, reset, status }
-        : { error: null, mutate, mutateAsync, reset, status };
+    return filterMutationResult(useMutation({
+        ...baseMutationOptions(),
+        mutationFn: async ({ deviceId }) => {
+            return projectApi.$member.requestCancelInvite(deviceId);
+        },
+        onSuccess: () => {
+            queryClient.invalidateQueries({
+                queryKey: getInvitesQueryKey(),
+            });
+        },
+    }));
 }