import { useMutation, useQueryClient } from '@tanstack/react-query' import { toast } from 'sonner' import { subscriptionKeys } from './keys' import type { AddonVariantId, ProjectAddonType } from './types' import { configKeys } from '@/data/config/keys' import { handleError, post } from '@/data/fetchers' import type { ResponseError, UseCustomMutationOptions } from '@/types' export type ProjectAddonUpdateVariables = { projectRef?: string variant: AddonVariantId type: ProjectAddonType suppressToast?: boolean } export async function updateSubscriptionAddon({ projectRef, variant, type, }: ProjectAddonUpdateVariables) { if (!projectRef) throw new Error('projectRef is required') if (!variant) throw new Error('variant is required') if (!type) throw new Error('type is required') const { data, error } = await post(`/platform/projects/{ref}/billing/addons`, { params: { path: { ref: projectRef, }, }, body: { addon_type: type, addon_variant: variant, }, }) if (error) handleError(error) return data } type ProjectAddonUpdateData = Awaited> export const useProjectAddonUpdateMutation = ({ onSuccess, onError, ...options }: Omit< UseCustomMutationOptions, 'mutationFn' > & { suppressToast?: boolean } = {}) => { const queryClient = useQueryClient() return useMutation({ mutationFn: (vars) => updateSubscriptionAddon(vars), async onSuccess(data, variables, context) { const { projectRef } = variables await Promise.all([ queryClient.invalidateQueries({ queryKey: subscriptionKeys.addons(projectRef) }), queryClient.invalidateQueries({ queryKey: configKeys.projectConfig(projectRef) }), ]) await onSuccess?.(data, variables, context) }, async onError(data, variables, context) { if (onError === undefined) { toast.error(`Failed to update addon: ${data.message}`) } else { onError(data, variables, context) } }, ...options, }) }