Files
supabase/apps/studio/data/third-party-auth/integration-create-mutation.ts
Ivan Vasilov 8b657165b5 chore: Migrate to use custom type for ReactQuery queries and mutations (#40073)
* Add custom types for queries, mutations and infinite queries.

* Migrate all queries to use the new type.

* Migrate all infinite queries to useCustomInfiniteQueryOptions.

* Migrate all mutations to use useCustomMutationOptions.

* Add type to all imports in `types` folder.
2025-11-03 13:18:13 +01:00

72 lines
1.9 KiB
TypeScript

import { useMutation, useQueryClient } from '@tanstack/react-query'
import { toast } from 'sonner'
import { handleError, post } from 'data/fetchers'
import type { ResponseError, UseCustomMutationOptions } from 'types'
import { keys } from './keys'
export type CreateThirdPartyAuthVariables = {
projectRef: string
customJwks?: Record<string, never>
jwksUrl?: string
oidcIssuerUrl?: string
}
export async function createThirdPartyIntegration({
projectRef,
customJwks,
jwksUrl,
oidcIssuerUrl,
}: CreateThirdPartyAuthVariables) {
const { data, error } = await post(`/v1/projects/{ref}/config/auth/third-party-auth`, {
params: {
path: {
ref: projectRef,
},
},
body: {
custom_jwks: customJwks,
jwks_url: jwksUrl,
oidc_issuer_url: oidcIssuerUrl,
},
})
if (error) handleError(error)
return data
}
type ThirdPartyIntegrationCreateData = Awaited<ReturnType<typeof createThirdPartyIntegration>>
export const useCreateThirdPartyAuthIntegrationMutation = ({
onSuccess,
onError,
...options
}: Omit<
UseCustomMutationOptions<
ThirdPartyIntegrationCreateData,
ResponseError,
CreateThirdPartyAuthVariables
>,
'mutationFn'
> = {}) => {
const queryClient = useQueryClient()
return useMutation<ThirdPartyIntegrationCreateData, ResponseError, CreateThirdPartyAuthVariables>(
{
mutationFn: (vars) => createThirdPartyIntegration(vars),
async onSuccess(data, variables, context) {
const { projectRef } = variables
await queryClient.invalidateQueries({ queryKey: keys.integrations(projectRef) })
await onSuccess?.(data, variables, context)
},
async onError(data, variables, context) {
if (onError === undefined) {
toast.error(`Failed to create third party auth integration: ${data.message}`)
} else {
onError(data, variables, context)
}
},
...options,
}
)
}