Files
supabase/apps/studio/data/auth/user-create-mutation.ts
T
Joshen LimandAlaister Young 536dc37d58 Chore/user management v2 panel part 2 (#29515)
* Set up banning and unbanning user, although untested due to API CORs issue

* Update search filter UI for users management V2

* Update API types

* Minoir

* Small fix

* Update UI

* Add support for resizing and re-ordering columns

* Add google profile image url to csp

* Revert test button

* Implement toggling of columns

* Fix loading

* Fully implement banning/unbanning user

* Fix

* Update apps/studio/components/interfaces/Auth/Users/UserOverview.tsx

Co-authored-by: Alaister Young <alaister@users.noreply.github.com>

* Fallback non CSP supported avatar urls to user icon

* Fix some bugs

* Remove prism-react-renderer from studio, add to ui patterns

* Migrate users query from API to studio

* Address some feedback

---------

Co-authored-by: Alaister Young <alaister@users.noreply.github.com>
2024-10-01 14:32:46 +08:00

101 lines
2.5 KiB
TypeScript

import { useMutation, UseMutationOptions, useQueryClient } from '@tanstack/react-query'
import { toast } from 'sonner'
import { useFlag } from 'hooks/ui/useFlag'
import { post } from 'lib/common/fetch'
import type { ResponseError } from 'types'
import { authKeys } from './keys'
import { sqlKeys } from 'data/sql/keys'
export type UserCreateVariables = {
projectRef?: string
protocol: string
endpoint: string
serviceApiKey: string
user: {
email: string
password: string
autoConfirmUser: string
}
}
export type UserCreateResponse = {
id: string
phone: string
role: string
updated_at: string
app_metadata: {
provider: string
providers: string[]
}
aud: string
created_at: string
email: string
email_confirmed_at: string
identities: any[]
user_metadata: any
}
export async function createUser({ protocol, endpoint, serviceApiKey, user }: UserCreateVariables) {
const response = await post(
`${protocol}://${endpoint}/auth/v1/admin/users`,
{
email: user.email,
password: user.password,
email_confirm: user.autoConfirmUser,
},
{
headers: {
apikey: serviceApiKey,
Authorization: `Bearer ${serviceApiKey}`,
},
}
)
if (response.error) throw response.error
return response
}
type UserCreateData = Awaited<ReturnType<typeof createUser>>
export const useUserCreateMutation = ({
onSuccess,
onError,
...options
}: Omit<
UseMutationOptions<UserCreateData, ResponseError, UserCreateVariables>,
'mutationFn'
> = {}) => {
const queryClient = useQueryClient()
const userManagementV2 = useFlag('userManagementV2')
return useMutation<UserCreateData, ResponseError, UserCreateVariables>(
(vars) => createUser(vars),
{
async onSuccess(data, variables, context) {
const { projectRef } = variables
if (userManagementV2) {
Promise.all([
queryClient.invalidateQueries(authKeys.usersInfinite(projectRef)),
queryClient.invalidateQueries(
sqlKeys.query(projectRef, authKeys.usersCount(projectRef))
),
])
} else {
await queryClient.invalidateQueries(authKeys.users(projectRef))
}
await onSuccess?.(data, variables, context)
},
async onError(data, variables, context) {
if (onError === undefined) {
toast.error(`Failed to create user: ${data.message}`)
} else {
onError(data, variables, context)
}
},
...options,
}
)
}