@better-auth-ui/react 1.6.2 → 1.6.4

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

@@ -1,31 +0,0 @@
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { type UseAuthQueryOptions, useAuthQuery } from "../auth/use-auth-query"
-
-/**
- * Retrieve provider-specific account info for a given account ID.
- *
- * Uses the `accountInfo` API endpoint to fetch detailed information
- * from the social provider. The provider is automatically detected
- * from the account ID.
- *
- * @param accountId - The provider-given account ID to fetch info for
- * @param options - Optional react-query options forwarded to `useQuery`
- * @returns The react-query result containing account info data, loading state, and error state
- */
-export function useAccountInfo(
-  accountId?: string,
-  options?: Partial<UseAuthQueryOptions<AuthClient["accountInfo"]>>
-) {
-  const { authClient } = useAuth()
-
-  return useAuthQuery({
-    authFn: authClient.accountInfo,
-    params: { query: { accountId } },
-    options: {
-      queryKey: ["auth", "accountInfo", accountId],
-      enabled: !!accountId,
-      ...options
-    }
-  })
-}

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

@@ -1,32 +0,0 @@
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import {
-  type UseAuthMutationOptions,
-  useAuthMutation
-} from "../auth/use-auth-mutation"
-import { useListUserPasskeys } from "./use-list-user-passkeys"
-
-/**
- * Hook that creates a mutation for adding a new passkey.
- *
- * Refetches the passkeys list on success.
- *
- * @returns The `useMutation` result.
- */
-export function useAddPasskey(
-  options?: UseAuthMutationOptions<AuthClient["passkey"]["addPasskey"]>
-) {
-  const { authClient } = useAuth()
-  const { refetch } = useListUserPasskeys()
-
-  return useAuthMutation({
-    authFn: authClient.passkey.addPasskey,
-    options: {
-      ...options,
-      onSuccess: async (...args) => {
-        await refetch()
-        await options?.onSuccess?.(...args)
-      }
-    }
-  })
-}

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

@@ -1,33 +0,0 @@
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import {
-  type UseAuthMutationOptions,
-  useAuthMutation
-} from "../auth/use-auth-mutation"
-import { useSession } from "../auth/use-session"
-
-/**
- * Hook that creates a mutation for changing the current user's email address.
- *
- * The mutation sends an email-change request and shows success or error toasts.
- * On success the callback URL is set to the account settings view.
- *
- * @returns The `useMutation` result.
- */
-export function useChangeEmail(
-  options?: UseAuthMutationOptions<AuthClient["changeEmail"]>
-) {
-  const { authClient } = useAuth()
-  const { refetch } = useSession({ refetchOnMount: false })
-
-  return useAuthMutation({
-    authFn: authClient.changeEmail,
-    options: {
-      ...options,
-      onSuccess: async (...args) => {
-        refetch()
-        await options?.onSuccess?.(...args)
-      }
-    }
-  })
-}

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

@@ -1,19 +0,0 @@
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import {
-  type UseAuthMutationOptions,
-  useAuthMutation
-} from "../auth/use-auth-mutation"
-
-/**
- * Hook that creates a mutation for changing the authenticated user's password.
- *
- * @returns The `useMutation` result.
- */
-export function useChangePassword(
-  options?: UseAuthMutationOptions<AuthClient["changePassword"]>
-) {
-  const { authClient } = useAuth()
-
-  return useAuthMutation({ authFn: authClient.changePassword, options })
-}

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

@@ -1,32 +0,0 @@
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import {
-  type UseAuthMutationOptions,
-  useAuthMutation
-} from "../auth/use-auth-mutation"
-import { useListUserPasskeys } from "./use-list-user-passkeys"
-
-/**
- * Hook that creates a mutation for deleting a passkey.
- *
- * Refetches the passkeys list on success.
- *
- * @returns The `useMutation` result.
- */
-export function useDeletePasskey(
-  options?: UseAuthMutationOptions<AuthClient["passkey"]["deletePasskey"]>
-) {
-  const { authClient } = useAuth()
-  const { refetch } = useListUserPasskeys()
-
-  return useAuthMutation({
-    authFn: authClient.passkey.deletePasskey,
-    options: {
-      ...options,
-      onSuccess: async (...args) => {
-        await refetch()
-        await options?.onSuccess?.(...args)
-      }
-    }
-  })
-}

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

@@ -1,19 +0,0 @@
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import {
-  type UseAuthMutationOptions,
-  useAuthMutation
-} from "../auth/use-auth-mutation"
-
-/**
- * Hook that creates a mutation for deleting the authenticated user account.
- *
- * @returns The `useMutation` result.
- */
-export function useDeleteUser(
-  options?: UseAuthMutationOptions<AuthClient["deleteUser"]>
-) {
-  const { authClient } = useAuth()
-
-  return useAuthMutation({ authFn: authClient.deleteUser, options })
-}

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

@@ -1,19 +0,0 @@
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import {
-  type UseAuthMutationOptions,
-  useAuthMutation
-} from "../auth/use-auth-mutation"
-
-/**
- * Hook that creates a mutation for linking a social provider to the current user.
- *
- * @returns The `useMutation` result.
- */
-export function useLinkSocial(
-  options?: UseAuthMutationOptions<AuthClient["linkSocial"]>
-) {
-  const { authClient } = useAuth()
-
-  return useAuthMutation({ authFn: authClient.linkSocial, options })
-}

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

@@ -1,29 +0,0 @@
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { type UseAuthQueryOptions, useAuthQuery } from "../auth/use-auth-query"
-import { useSession } from "../auth/use-session"
-
-/**
- * Retrieve the current user's linked social accounts.
- *
- * The query runs only when at least one social provider is configured and a session exists.
- * The provided `options` are forwarded to both `useSession` and `useQuery`, allowing customization of initial data and query behavior.
- *
- * @param options - Optional react-query / initial-data options forwarded to `useSession` and `useQuery`
- * @returns The react-query result containing linked accounts data, loading state, and error state
- */
-export function useListAccounts(
-  options?: Partial<UseAuthQueryOptions<AuthClient["listAccounts"]>>
-) {
-  const { authClient } = useAuth()
-  const { data: session } = useSession({ refetchOnMount: false })
-
-  return useAuthQuery({
-    authFn: authClient.listAccounts,
-    options: {
-      queryKey: ["auth", "listAccounts", session?.user.id],
-      enabled: !!session,
-      ...options
-    }
-  })
-}

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

@@ -1,34 +0,0 @@
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import {
-  type UseAuthQueryOptions,
-  type UseAuthQueryResult,
-  useAuthQuery
-} from "../auth/use-auth-query"
-import { useSession } from "../auth/use-session"
-
-/**
- * Retrieve device sessions for multi-session account switching.
- *
- * The query is enabled only when `multiSession` is true and session data is available.
- *
- * @param options - Optional React Query options to customize the query behavior.
- * @returns The React Query result for the device sessions list; `data` is the array of device session objects and includes loading and error states.
- */
-export function useListDeviceSessions(
-  options?: Partial<
-    UseAuthQueryOptions<AuthClient["multiSession"]["listDeviceSessions"]>
-  >
-): UseAuthQueryResult<AuthClient["multiSession"]["listDeviceSessions"]> {
-  const { authClient } = useAuth()
-  const { data: session } = useSession({ refetchOnMount: false })
-
-  return useAuthQuery({
-    authFn: authClient.multiSession.listDeviceSessions,
-    options: {
-      queryKey: ["auth", "multiSession", "listDeviceSessions"],
-      enabled: !!session,
-      ...options
-    }
-  })
-}

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

@@ -1,28 +0,0 @@
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { type UseAuthQueryOptions, useAuthQuery } from "../auth/use-auth-query"
-import { useSession } from "../auth/use-session"
-
-/**
- * Retrieve the active sessions (devices where the current user is signed in).
- *
- * The underlying query is enabled only when session data is available.
- *
- * @param options - Optional React Query options to customize the query behavior.
- * @returns The React Query result for the sessions list; `data` is the array of session objects, and the result includes loading and error states.
- */
-export function useListSessions(
-  options?: Partial<UseAuthQueryOptions<AuthClient["listSessions"]>>
-) {
-  const { authClient } = useAuth()
-  const { data: session } = useSession({ refetchOnMount: false })
-
-  return useAuthQuery({
-    authFn: authClient.listSessions,
-    options: {
-      queryKey: ["auth", "listSessions", session?.user.id],
-      enabled: !!session,
-      ...options
-    }
-  })
-}

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

@@ -1,30 +0,0 @@
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import { type UseAuthQueryOptions, useAuthQuery } from "../auth/use-auth-query"
-import { useSession } from "../auth/use-session"
-
-/**
- * Retrieve the passkeys registered for the current user.
- *
- * The underlying query is enabled only when session data is available.
- *
- * @param options - Optional React Query options to customize the query behavior.
- * @returns The React Query result for the passkeys list.
- */
-export function useListUserPasskeys(
-  options?: Partial<
-    UseAuthQueryOptions<AuthClient["passkey"]["listUserPasskeys"]>
-  >
-) {
-  const { authClient } = useAuth()
-  const { data: session } = useSession({ refetchOnMount: false })
-
-  return useAuthQuery({
-    authFn: authClient.passkey.listUserPasskeys,
-    options: {
-      queryKey: ["auth", "listUserPasskeys", session?.user.id],
-      enabled: !!session,
-      ...options
-    }
-  })
-}

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

@@ -1,30 +0,0 @@
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import {
-  type UseAuthMutationOptions,
-  useAuthMutation
-} from "../auth/use-auth-mutation"
-import { useListDeviceSessions } from "./use-list-device-sessions"
-
-/**
- * Hook that creates a mutation for revoking a device session in multi-session mode.
- *
- * @returns The `useMutation` result.
- */
-export function useRevokeMultiSession(
-  options?: UseAuthMutationOptions<AuthClient["multiSession"]["revoke"]>
-) {
-  const { authClient } = useAuth()
-  const { refetch } = useListDeviceSessions({ refetchOnMount: false })
-
-  return useAuthMutation({
-    authFn: authClient.multiSession.revoke,
-    options: {
-      ...options,
-      onSuccess: async (...args) => {
-        await refetch()
-        await options?.onSuccess?.(...args)
-      }
-    }
-  })
-}

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

@@ -1,30 +0,0 @@
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import {
-  type UseAuthMutationOptions,
-  useAuthMutation
-} from "../auth/use-auth-mutation"
-import { useListSessions } from "./use-list-sessions"
-
-/**
- * Hook that creates a mutation for revoking a user session.
- *
- * @returns The `useMutation` result.
- */
-export function useRevokeSession(
-  options?: UseAuthMutationOptions<AuthClient["revokeSession"]>
-) {
-  const { authClient } = useAuth()
-  const { refetch } = useListSessions({ refetchOnMount: false })
-
-  return useAuthMutation({
-    authFn: authClient.revokeSession,
-    options: {
-      ...options,
-      onSuccess: async (...args) => {
-        await refetch()
-        await options?.onSuccess?.(...args)
-      }
-    }
-  })
-}

package/src/hooks/settings/use-set-active-session.ts

@@ -1,47 +0,0 @@
-import { useQueryClient } from "@tanstack/react-query"
-
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import {
-  type UseAuthMutationOptions,
-  useAuthMutation
-} from "../auth/use-auth-mutation"
-import { useSession } from "../auth/use-session"
-import { useListDeviceSessions } from "./use-list-device-sessions"
-
-/**
- * Hook that sets an active device session in multi-session mode.
- *
- * @returns The `useMutation` result.
- */
-export function useSetActiveSession(
-  options?: UseAuthMutationOptions<AuthClient["multiSession"]["setActive"]>
-) {
-  const queryClient = useQueryClient()
-  const { authClient } = useAuth()
-
-  const { refetch: refetchSession } = useSession({ refetchOnMount: false })
-  const { data: deviceSessions, refetch: refetchDeviceSessions } =
-    useListDeviceSessions({ refetchOnMount: false })
-
-  return useAuthMutation({
-    authFn: authClient.multiSession.setActive,
-    options: {
-      ...options,
-      onSuccess: async (data, { sessionToken }, ...args) => {
-        const deviceSession = deviceSessions?.find(
-          (session) => session.session.token === sessionToken
-        )
-
-        if (deviceSession)
-          queryClient.setQueryData(["auth", "getSession"], deviceSession)
-
-        window.scrollTo({ top: 0 })
-
-        await refetchSession()
-        await refetchDeviceSessions()
-        await options?.onSuccess?.(data, { sessionToken }, ...args)
-      }
-    }
-  })
-}

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

@@ -1,30 +0,0 @@
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import {
-  type UseAuthMutationOptions,
-  useAuthMutation
-} from "../auth/use-auth-mutation"
-import { useListAccounts } from "./use-list-accounts"
-
-/**
- * Hook that creates a mutation for unlinking a social provider from the current user.
- *
- * @returns The `useMutation` result.
- */
-export function useUnlinkAccount(
-  options?: UseAuthMutationOptions<AuthClient["unlinkAccount"]>
-) {
-  const { authClient } = useAuth()
-  const { refetch } = useListAccounts({ refetchOnMount: false })
-
-  return useAuthMutation({
-    authFn: authClient.unlinkAccount,
-    options: {
-      ...options,
-      onSuccess: async (...args) => {
-        await refetch()
-        await options?.onSuccess?.(...args)
-      }
-    }
-  })
-}

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

@@ -1,43 +0,0 @@
-import { useQueryClient } from "@tanstack/react-query"
-
-import { useAuth } from "../../components/auth/auth-provider"
-import type { AuthClient } from "../../lib/auth-client"
-import {
-  type UseAuthMutationOptions,
-  type UseAuthMutationResult,
-  useAuthMutation
-} from "../auth/use-auth-mutation"
-import { useSession } from "../auth/use-session"
-
-/**
- * Hook that creates a mutation for updating the authenticated user's profile.
- *
- * The mutation submits the name update, refetches the session on success,
- * and displays success or error toasts.
- *
- * @returns The `useMutation` result.
- */
-export function useUpdateUser(
-  options?: UseAuthMutationOptions<AuthClient["updateUser"]>
-): UseAuthMutationResult<AuthClient["updateUser"]> {
-  const { authClient } = useAuth()
-  const { data: session, refetch } = useSession({ refetchOnMount: false })
-  const queryClient = useQueryClient()
-
-  return useAuthMutation({
-    authFn: authClient.updateUser,
-    options: {
-      ...options,
-      onSuccess: async (data, variables, ...rest) => {
-        queryClient.setQueryData(["auth", "getSession"], {
-          ...session,
-          user: { ...session?.user, ...variables }
-        })
-
-        refetch()
-
-        await options?.onSuccess?.(data, variables, ...rest)
-      }
-    }
-  })
-}

package/src/lib/auth-config.ts

@@ -1,48 +0,0 @@
-import type { AuthConfig as BaseAuthConfig } from "@better-auth-ui/core"
-import type { ComponentType, PropsWithChildren } from "react"
-import type { AnyAuthClient, AuthClient } from "./auth-client"
-
-/**
- * Extends the base AuthConfig with React-specific requirements including
- * an authClient instance and a Link component for navigation.
- *
- * Users can augment this interface to provide their own auth client type:
- * @example
- * ```ts
- * declare module "@better-auth-ui/react" {
- *   interface AuthConfig {
- *     AuthClient: typeof authClient
- *   }
- * }
- * ```
- */
-export interface AuthConfig extends BaseAuthConfig {
-  authClient: AuthClient
-  /**
-   * React component for rendering links
-   * @remarks `LinkComponent`
-   */
-  Link: ComponentType<
-    PropsWithChildren<{ className?: string; href: string; to?: string }>
-  >
-}
-
-// biome-ignore lint/suspicious/noExplicitAny: required for generic utility type
-type DeepPartial<T> = T extends (...args: any[]) => any
-  ? T
-  : T extends object
-    ? {
-        [P in keyof T]?: DeepPartial<T[P]>
-      }
-    : T
-
-/**
- * Partial AuthConfig with any Better Auth client instance.
- */
-export type AnyAuthConfig = DeepPartial<Omit<AuthConfig, "authClient">> & {
-  /**
-   * Better Auth client instance
-   * @remarks `AuthClient`
-   */
-  authClient?: AnyAuthClient
-}

package/src/lib/auth-context.ts

@@ -1,6 +0,0 @@
-"use client"
-
-import { createContext } from "react"
-import type { AuthConfig } from "./auth-config"
-
-export const AuthContext = createContext<AuthConfig | undefined>(undefined)