@better-auth-ui/react 1.6.3 → 1.6.5

package/src/hooks/auth/use-sign-in-magic-link.ts

@@ -1,29 +0,0 @@
-import { useMutation } from "@tanstack/react-query"
-
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { signInMagicLinkOptions } from "../../mutations/auth/sign-in-magic-link-options"
-
-export type UseSignInMagicLinkParams = NonNullable<
-  Parameters<AuthClient["signIn"]["magicLink"]>[0]
->
-
-export type UseSignInMagicLinkOptions = Omit<
-  ReturnType<typeof signInMagicLinkOptions>,
-  "mutationKey" | "mutationFn"
->
-
-/**
- * Hook that creates a mutation for magic-link sign-in.
- *
- * @param options - React Query options forwarded to `useMutation`.
- * @returns The `useMutation` result.
- */
-export function useSignInMagicLink(options?: UseSignInMagicLinkOptions) {
-  const { authClient } = useAuth()
-
-  return useMutation({
-    ...signInMagicLinkOptions(authClient),
-    ...options
-  })
-}

package/src/hooks/auth/use-sign-in-passkey.ts

@@ -1,40 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query"
-
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { signInPasskeyOptions } from "../../mutations/auth/sign-in-passkey-options"
-import { sessionOptions } from "../../queries/auth/session-options"
-
-export type UseSignInPasskeyParams = NonNullable<
-  Parameters<AuthClient["signIn"]["passkey"]>[0]
->
-
-export type UseSignInPasskeyOptions = Omit<
-  ReturnType<typeof signInPasskeyOptions>,
-  "mutationKey" | "mutationFn"
->
-
-/**
- * Hook that creates a mutation for passkey sign-in.
- *
- * Resets the session query on completion so the new session is refetched.
- *
- * @param options - React Query options forwarded to `useMutation`.
- * @returns The `useMutation` result.
- */
-export function useSignInPasskey(options?: UseSignInPasskeyOptions) {
-  const { authClient } = useAuth()
-  const queryClient = useQueryClient()
-
-  return useMutation({
-    ...signInPasskeyOptions(authClient),
-    ...options,
-    onSuccess: async (...args) => {
-      queryClient.resetQueries({
-        queryKey: sessionOptions(authClient).queryKey
-      })
-
-      await options?.onSuccess?.(...args)
-    }
-  })
-}

package/src/hooks/auth/use-sign-in-social.ts

@@ -1,31 +0,0 @@
-import { useMutation } from "@tanstack/react-query"
-
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { signInSocialOptions } from "../../mutations/auth/sign-in-social-options"
-
-export type UseSignInSocialParams = NonNullable<
-  Parameters<AuthClient["signIn"]["social"]>[0]
->
-
-export type UseSignInSocialOptions = Omit<
-  ReturnType<typeof signInSocialOptions>,
-  "mutationKey" | "mutationFn"
->
-
-/**
- * Hook that creates a mutation for social sign-in.
- *
- * The mutation initiates a social sign-in flow with the specified provider.
- *
- * @param options - React Query options forwarded to `useMutation`.
- * @returns The `useMutation` result.
- */
-export function useSignInSocial(options?: UseSignInSocialOptions) {
-  const { authClient } = useAuth()
-
-  return useMutation({
-    ...signInSocialOptions(authClient),
-    ...options
-  })
-}

package/src/hooks/auth/use-sign-in-username.ts

@@ -1,40 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query"
-
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { signInUsernameOptions } from "../../mutations/auth/sign-in-username-options"
-import { sessionOptions } from "../../queries/auth/session-options"
-
-export type UseSignInUsernameParams = NonNullable<
-  Parameters<AuthClient["signIn"]["username"]>[0]
->
-
-export type UseSignInUsernameOptions = Omit<
-  ReturnType<typeof signInUsernameOptions>,
-  "mutationKey" | "mutationFn"
->
-
-/**
- * Hook that creates a mutation for username/password sign-in.
- *
- * Resets the session query on completion so the new session is refetched.
- *
- * @param options - React Query options forwarded to `useMutation`.
- * @returns The `useMutation` result.
- */
-export function useSignInUsername(options?: UseSignInUsernameOptions) {
-  const { authClient } = useAuth()
-  const queryClient = useQueryClient()
-
-  return useMutation({
-    ...signInUsernameOptions(authClient),
-    ...options,
-    onSuccess: async (...args) => {
-      queryClient.resetQueries({
-        queryKey: sessionOptions(authClient).queryKey
-      })
-
-      await options?.onSuccess?.(...args)
-    }
-  })
-}

package/src/hooks/auth/use-sign-out.ts

@@ -1,34 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query"
-
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { signOutOptions } from "../../mutations/auth/sign-out-options"
-
-export type UseSignOutParams = NonNullable<Parameters<AuthClient["signOut"]>[0]>
-
-export type UseSignOutOptions = Omit<
-  ReturnType<typeof signOutOptions>,
-  "mutationKey" | "mutationFn"
->
-
-/**
- * Hook that creates a mutation for signing out.
- *
- * Removes all cached auth queries on completion.
- *
- * @param options - React Query options forwarded to `useMutation`.
- * @returns The `useMutation` result.
- */
-export function useSignOut(options?: UseSignOutOptions) {
-  const { authClient } = useAuth()
-  const queryClient = useQueryClient()
-
-  return useMutation({
-    ...signOutOptions(authClient),
-    ...options,
-    onSuccess: async (...args) => {
-      queryClient.removeQueries({ queryKey: ["auth"] })
-      await options?.onSuccess?.(...args)
-    }
-  })
-}

package/src/hooks/auth/use-sign-up-email.ts

@@ -1,40 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query"
-
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { signUpEmailOptions } from "../../mutations/auth/sign-up-email-options"
-import { sessionOptions } from "../../queries/auth/session-options"
-
-export type UseSignUpEmailParams = NonNullable<
-  Parameters<AuthClient["signUp"]["email"]>[0]
->
-
-export type UseSignUpEmailOptions = Omit<
-  ReturnType<typeof signUpEmailOptions>,
-  "mutationKey" | "mutationFn"
->
-
-/**
- * Hook that creates a mutation for email/password sign-up.
- *
- * Resets the session query on success so the new session is refetched.
- *
- * @param options - React Query options forwarded to `useMutation`.
- * @returns The `useMutation` result.
- */
-export function useSignUpEmail(options?: UseSignUpEmailOptions) {
-  const { authClient } = useAuth()
-  const queryClient = useQueryClient()
-
-  return useMutation({
-    ...signUpEmailOptions(authClient),
-    ...options,
-    onSuccess: async (...args) => {
-      queryClient.resetQueries({
-        queryKey: sessionOptions(authClient).queryKey
-      })
-
-      await options?.onSuccess?.(...args)
-    }
-  })
-}

package/src/hooks/settings/use-account-info.ts

@@ -1,40 +0,0 @@
-import { skipToken, useQuery } from "@tanstack/react-query"
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { accountInfoOptions } from "../../queries/settings/account-info-options"
-import { useSession } from "../auth/use-session"
-
-export type UseAccountInfoParams = NonNullable<
-  Parameters<AuthClient["accountInfo"]>[0]
->
-
-export type UseAccountInfoOptions = Omit<
-  ReturnType<typeof accountInfoOptions>,
-  "queryKey" | "queryFn"
-> &
-  UseAccountInfoParams
-
-/**
- * Retrieve provider-specific info for a linked account.
- *
- * Keyed per-user; waits for the active session and `options.query.accountId`
- * before firing.
- *
- * @param options - Better Auth params (`query`, `fetchOptions`) and React
- *   Query options forwarded to `useQuery`.
- */
-export function useAccountInfo(options?: UseAccountInfoOptions) {
-  const { authClient } = useAuth()
-  const { data: session } = useSession({ refetchOnMount: false })
-  const userId = session?.user.id
-
-  const { query, fetchOptions, ...queryOptions } = options ?? {}
-  const accountId = query?.accountId
-  const disabled = !userId || !accountId
-
-  return useQuery({
-    ...accountInfoOptions(authClient, userId, { query, fetchOptions }),
-    ...(disabled && { queryFn: skipToken }),
-    ...queryOptions
-  })
-}

package/src/hooks/settings/use-add-passkey.ts

@@ -1,37 +0,0 @@
-import { useMutation } from "@tanstack/react-query"
-
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { addPasskeyOptions } from "../../mutations/settings/add-passkey-options"
-import { useListUserPasskeys } from "./use-list-user-passkeys"
-
-export type UseAddPasskeyParams = NonNullable<
-  Parameters<AuthClient["passkey"]["addPasskey"]>[0]
->
-
-export type UseAddPasskeyOptions = Omit<
-  ReturnType<typeof addPasskeyOptions>,
-  "mutationKey" | "mutationFn"
->
-
-/**
- * Hook that creates a mutation for registering a new passkey.
- *
- * Refetches the user's passkey list on success.
- *
- * @param options - React Query options forwarded to `useMutation`.
- * @returns The `useMutation` result.
- */
-export function useAddPasskey(options?: UseAddPasskeyOptions) {
-  const { authClient } = useAuth()
-  const { refetch } = useListUserPasskeys()
-
-  return useMutation({
-    ...addPasskeyOptions(authClient),
-    ...options,
-    onSuccess: async (...args) => {
-      await refetch()
-      await options?.onSuccess?.(...args)
-    }
-  })
-}

package/src/hooks/settings/use-change-email.ts

@@ -1,37 +0,0 @@
-import { useMutation } from "@tanstack/react-query"
-
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { changeEmailOptions } from "../../mutations/settings/change-email-options"
-import { useSession } from "../auth/use-session"
-
-export type UseChangeEmailParams = NonNullable<
-  Parameters<AuthClient["changeEmail"]>[0]
->
-
-export type UseChangeEmailOptions = Omit<
-  ReturnType<typeof changeEmailOptions>,
-  "mutationKey" | "mutationFn"
->
-
-/**
- * Hook that creates a mutation for changing the current user's email address.
- *
- * Refetches the session on success to surface the new email.
- *
- * @param options - React Query options forwarded to `useMutation`.
- * @returns The `useMutation` result.
- */
-export function useChangeEmail(options?: UseChangeEmailOptions) {
-  const { authClient } = useAuth()
-  const { refetch } = useSession({ refetchOnMount: false })
-
-  return useMutation({
-    ...changeEmailOptions(authClient),
-    ...options,
-    onSuccess: async (...args) => {
-      await refetch()
-      await options?.onSuccess?.(...args)
-    }
-  })
-}

package/src/hooks/settings/use-change-password.ts

@@ -1,29 +0,0 @@
-import { useMutation } from "@tanstack/react-query"
-
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { changePasswordOptions } from "../../mutations/settings/change-password-options"
-
-export type UseChangePasswordParams = NonNullable<
-  Parameters<AuthClient["changePassword"]>[0]
->
-
-export type UseChangePasswordOptions = Omit<
-  ReturnType<typeof changePasswordOptions>,
-  "mutationKey" | "mutationFn"
->
-
-/**
- * Hook that creates a mutation for changing the authenticated user's password.
- *
- * @param options - React Query options forwarded to `useMutation`.
- * @returns The `useMutation` result.
- */
-export function useChangePassword(options?: UseChangePasswordOptions) {
-  const { authClient } = useAuth()
-
-  return useMutation({
-    ...changePasswordOptions(authClient),
-    ...options
-  })
-}

package/src/hooks/settings/use-delete-passkey.ts

@@ -1,37 +0,0 @@
-import { useMutation } from "@tanstack/react-query"
-
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { deletePasskeyOptions } from "../../mutations/settings/delete-passkey-options"
-import { useListUserPasskeys } from "./use-list-user-passkeys"
-
-export type UseDeletePasskeyParams = NonNullable<
-  Parameters<AuthClient["passkey"]["deletePasskey"]>[0]
->
-
-export type UseDeletePasskeyOptions = Omit<
-  ReturnType<typeof deletePasskeyOptions>,
-  "mutationKey" | "mutationFn"
->
-
-/**
- * Hook that creates a mutation for deleting a passkey.
- *
- * Refetches the user's passkey list on success.
- *
- * @param options - React Query options forwarded to `useMutation`.
- * @returns The `useMutation` result.
- */
-export function useDeletePasskey(options?: UseDeletePasskeyOptions) {
-  const { authClient } = useAuth()
-  const { refetch } = useListUserPasskeys()
-
-  return useMutation({
-    ...deletePasskeyOptions(authClient),
-    ...options,
-    onSuccess: async (...args) => {
-      await refetch()
-      await options?.onSuccess?.(...args)
-    }
-  })
-}

package/src/hooks/settings/use-delete-user.ts

@@ -1,29 +0,0 @@
-import { useMutation } from "@tanstack/react-query"
-
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { deleteUserOptions } from "../../mutations/settings/delete-user-options"
-
-export type UseDeleteUserParams = NonNullable<
-  Parameters<AuthClient["deleteUser"]>[0]
->
-
-export type UseDeleteUserOptions = Omit<
-  ReturnType<typeof deleteUserOptions>,
-  "mutationKey" | "mutationFn"
->
-
-/**
- * Hook that creates a mutation for deleting the authenticated user account.
- *
- * @param options - React Query options forwarded to `useMutation`.
- * @returns The `useMutation` result.
- */
-export function useDeleteUser(options?: UseDeleteUserOptions) {
-  const { authClient } = useAuth()
-
-  return useMutation({
-    ...deleteUserOptions(authClient),
-    ...options
-  })
-}

package/src/hooks/settings/use-link-social.ts

@@ -1,29 +0,0 @@
-import { useMutation } from "@tanstack/react-query"
-
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { linkSocialOptions } from "../../mutations/settings/link-social-options"
-
-export type UseLinkSocialParams = NonNullable<
-  Parameters<AuthClient["linkSocial"]>[0]
->
-
-export type UseLinkSocialOptions = Omit<
-  ReturnType<typeof linkSocialOptions>,
-  "mutationKey" | "mutationFn"
->
-
-/**
- * Hook that creates a mutation for linking a social provider to the current user.
- *
- * @param options - React Query options forwarded to `useMutation`.
- * @returns The `useMutation` result.
- */
-export function useLinkSocial(options?: UseLinkSocialOptions) {
-  const { authClient } = useAuth()
-
-  return useMutation({
-    ...linkSocialOptions(authClient),
-    ...options
-  })
-}

package/src/hooks/settings/use-list-accounts.ts

@@ -1,39 +0,0 @@
-import { skipToken, useQuery } from "@tanstack/react-query"
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { listAccountsOptions } from "../../queries/settings/list-accounts-options"
-import { useSession } from "../auth/use-session"
-
-export type UseListAccountsParams = NonNullable<
-  Parameters<AuthClient["listAccounts"]>[0]
->
-
-export type UseListAccountsOptions = Omit<
-  ReturnType<typeof listAccountsOptions>,
-  "queryKey" | "queryFn"
-> &
-  UseListAccountsParams
-
-/**
- * Retrieve the current user's linked social accounts.
- *
- * Keyed per-user; waits for the active session before firing.
- *
- * @param options - Better Auth params (`fetchOptions`) and React Query
- *   options forwarded to `useQuery`.
- * @returns React Query result for the user's linked accounts.
- */
-export function useListAccounts(options?: UseListAccountsOptions) {
-  const { authClient } = useAuth()
-  const { data: session } = useSession({ refetchOnMount: false })
-  const userId = session?.user.id
-  const disabled = !userId
-
-  const { fetchOptions, ...queryOptions } = options ?? {}
-
-  return useQuery({
-    ...listAccountsOptions(authClient, userId, { fetchOptions }),
-    ...(disabled && { queryFn: skipToken }),
-    ...queryOptions
-  })
-}

package/src/hooks/settings/use-list-device-sessions.ts

@@ -1,39 +0,0 @@
-import { skipToken, useQuery } from "@tanstack/react-query"
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { listDeviceSessionsOptions } from "../../queries/settings/list-device-sessions-options"
-import { useSession } from "../auth/use-session"
-
-export type UseListDeviceSessionsParams = NonNullable<
-  Parameters<AuthClient["multiSession"]["listDeviceSessions"]>[0]
->
-
-export type UseListDeviceSessionsOptions = Omit<
-  ReturnType<typeof listDeviceSessionsOptions>,
-  "queryKey" | "queryFn"
-> &
-  UseListDeviceSessionsParams
-
-/**
- * Retrieve the device sessions (multi-session account switcher).
- *
- * Keyed per-user; waits for the active session before firing.
- *
- * @param options - Better Auth params (`fetchOptions`) and React Query
- *   options forwarded to `useQuery`.
- * @returns React Query result for the device sessions list.
- */
-export function useListDeviceSessions(options?: UseListDeviceSessionsOptions) {
-  const { authClient } = useAuth()
-  const { data: session } = useSession({ refetchOnMount: false })
-  const userId = session?.user.id
-  const disabled = !userId
-
-  const { fetchOptions, ...queryOptions } = options ?? {}
-
-  return useQuery({
-    ...listDeviceSessionsOptions(authClient, userId, { fetchOptions }),
-    ...(disabled && { queryFn: skipToken }),
-    ...queryOptions
-  })
-}

package/src/hooks/settings/use-list-sessions.ts

@@ -1,39 +0,0 @@
-import { skipToken, useQuery } from "@tanstack/react-query"
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { listSessionsOptions } from "../../queries/settings/list-sessions-options"
-import { useSession } from "../auth/use-session"
-
-export type UseListSessionsParams = NonNullable<
-  Parameters<AuthClient["listSessions"]>[0]
->
-
-export type UseListSessionsOptions = Omit<
-  ReturnType<typeof listSessionsOptions>,
-  "queryKey" | "queryFn"
-> &
-  UseListSessionsParams
-
-/**
- * Retrieve the active sessions (devices where the current user is signed in).
- *
- * Keyed per-user; waits for the active session before firing.
- *
- * @param options - Better Auth params (`fetchOptions`) and React Query
- *   options forwarded to `useQuery`.
- * @returns React Query result for the sessions list.
- */
-export function useListSessions(options?: UseListSessionsOptions) {
-  const { authClient } = useAuth()
-  const { data: session } = useSession({ refetchOnMount: false })
-  const userId = session?.user.id
-  const disabled = !userId
-
-  const { fetchOptions, ...queryOptions } = options ?? {}
-
-  return useQuery({
-    ...listSessionsOptions(authClient, userId, { fetchOptions }),
-    ...(disabled && { queryFn: skipToken }),
-    ...queryOptions
-  })
-}

package/src/hooks/settings/use-list-user-passkeys.ts

@@ -1,39 +0,0 @@
-import { skipToken, useQuery } from "@tanstack/react-query"
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { listUserPasskeysOptions } from "../../queries/settings/list-user-passkeys-options"
-import { useSession } from "../auth/use-session"
-
-export type UseListUserPasskeysParams = NonNullable<
-  Parameters<AuthClient["passkey"]["listUserPasskeys"]>[0]
->
-
-export type UseListUserPasskeysOptions = Omit<
-  ReturnType<typeof listUserPasskeysOptions>,
-  "queryKey" | "queryFn"
-> &
-  UseListUserPasskeysParams
-
-/**
- * Retrieve the passkeys registered for the current user.
- *
- * Keyed per-user; waits for the active session before firing.
- *
- * @param options - Better Auth params (`fetchOptions`) and React Query
- *   options forwarded to `useQuery`.
- * @returns React Query result for the passkeys list.
- */
-export function useListUserPasskeys(options?: UseListUserPasskeysOptions) {
-  const { authClient } = useAuth()
-  const { data: session } = useSession({ refetchOnMount: false })
-  const userId = session?.user.id
-  const disabled = !userId
-
-  const { fetchOptions, ...queryOptions } = options ?? {}
-
-  return useQuery({
-    ...listUserPasskeysOptions(authClient, userId, { fetchOptions }),
-    ...(disabled && { queryFn: skipToken }),
-    ...queryOptions
-  })
-}

package/src/hooks/settings/use-revoke-multi-session.ts

@@ -1,39 +0,0 @@
-import { useMutation } from "@tanstack/react-query"
-
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { revokeMultiSessionOptions } from "../../mutations/settings/revoke-multi-session-options"
-import { useListDeviceSessions } from "./use-list-device-sessions"
-
-export type UseRevokeMultiSessionParams = NonNullable<
-  Parameters<AuthClient["multiSession"]["revoke"]>[0]
->
-
-export type UseRevokeMultiSessionOptions = Omit<
-  ReturnType<typeof revokeMultiSessionOptions>,
-  "mutationKey" | "mutationFn"
->
-
-/**
- * Hook that creates a mutation for revoking a device session in multi-session mode.
- *
- * Refetches the device sessions list on success.
- *
- * @param options - React Query options forwarded to `useMutation`.
- * @returns The `useMutation` result.
- */
-export function useRevokeMultiSession(options?: UseRevokeMultiSessionOptions) {
-  const { authClient } = useAuth()
-  const { refetch } = useListDeviceSessions({
-    refetchOnMount: false
-  })
-
-  return useMutation({
-    ...revokeMultiSessionOptions(authClient),
-    ...options,
-    onSuccess: async (...args) => {
-      await refetch()
-      await options?.onSuccess?.(...args)
-    }
-  })
-}