import { passkeyQueryKeys } from "@better-auth-ui/core/plugins" import { type DataTag, type QueryClient, queryOptions, skipToken, useQuery } from "@tanstack/react-query" import type { BetterFetchError } from "better-auth/react" import type { InferData, PasskeyAuthClient } from "../../lib/auth-client" import { useSession } from "../auth/session-query" export type ListPasskeysData = InferData< TAuthClient["passkey"]["listUserPasskeys"] > export type ListPasskeysParams = Parameters[0] export type ListPasskey< TAuthClient extends PasskeyAuthClient = PasskeyAuthClient > = NonNullable>[number] export type ListPasskeysOptions = Omit< ReturnType>, "queryKey" | "queryFn" > /** * Query options factory for the current user's passkeys. * * @param authClient - The Better Auth client with the passkey plugin. * @param userId - The current signed-in user's ID. Used for cache partitioning. * @param params - Parameters forwarded to `authClient.passkey.listUserPasskeys`. */ export function listPasskeysOptions( authClient: TAuthClient, userId: string | undefined, params?: ListPasskeysParams ) { type TData = ListPasskeysData const queryKey = passkeyQueryKeys.list(userId, params?.query) const options = queryOptions( { queryKey, queryFn: ({ signal }) => authClient.passkey.listUserPasskeys({ ...params, fetchOptions: { ...params?.fetchOptions, signal, throw: true } }) as Promise } ) return options as typeof options & { queryKey: DataTag } } /** * Get the current user's passkeys from the query cache, calling * `fetchListPasskeys` under the hood if no cached entry exists. Resolves * with the passkey list, making it ideal for loaders or `beforeLoad` guards. * * @param queryClient - The React Query client. * @param authClient - The Better Auth client with the passkey plugin. * @param userId - The signed-in user's ID, used for cache partitioning. * @param params - Parameters forwarded to `authClient.passkey.listUserPasskeys`. */ export const ensureListPasskeys = ( queryClient: QueryClient, authClient: TAuthClient, userId: string, params?: ListPasskeysParams ) => queryClient.ensureQueryData(listPasskeysOptions(authClient, userId, params)) /** * Prefetch the current user's passkeys into the query cache. Behaves like * `fetchListPasskeys`, but does not throw on error and does not return * the data — use this to warm the cache without blocking navigation. * * @param queryClient - The React Query client. * @param authClient - The Better Auth client with the passkey plugin. * @param userId - The signed-in user's ID, used for cache partitioning. * @param params - Parameters forwarded to `authClient.passkey.listUserPasskeys`. */ export const prefetchListPasskeys = ( queryClient: QueryClient, authClient: TAuthClient, userId: string, params?: ListPasskeysParams ) => queryClient.prefetchQuery(listPasskeysOptions(authClient, userId, params)) /** * Fetch and cache the current user's passkeys, resolving with the data or * throwing on error. If a cached entry exists and is neither invalidated * nor older than `staleTime`, the cached value is returned without a * network call; otherwise the latest data is fetched. * * @param queryClient - The React Query client. * @param authClient - The Better Auth client with the passkey plugin. * @param userId - The signed-in user's ID, used for cache partitioning. * @param params - Parameters forwarded to `authClient.passkey.listUserPasskeys`. */ export const fetchListPasskeys = ( queryClient: QueryClient, authClient: TAuthClient, userId: string, params?: ListPasskeysParams ) => queryClient.fetchQuery(listPasskeysOptions(authClient, userId, params)) export type UseListPasskeysOptions = ListPasskeysOptions & ListPasskeysParams /** * Subscribe to the current user's passkeys via TanStack Query. * * Shares a query key with the server-side `listPasskeysOptions`, so * SSR-hydrated data is reused from the cache without an immediate refetch. * The query is gated on a signed-in user; while the session is loading or * absent, the underlying `queryFn` is replaced with `skipToken`. * * @param authClient - The Better Auth client with the passkey plugin. * @param options - `listPasskeys` params (`query`, `fetchOptions`) merged * with `useQuery` options (e.g. `enabled`, `staleTime`, `select`). * @param queryClient - Optional custom `QueryClient`. Defaults to the client * from the nearest `QueryClientProvider`. */ export function useListPasskeys( authClient: TAuthClient, options: UseListPasskeysOptions = {}, queryClient?: QueryClient ) { const { data: session } = useSession(authClient, undefined, queryClient) const userId = session?.user.id const { query, fetchOptions, ...queryOptions } = options const baseOptions = listPasskeysOptions(authClient, userId, { query, fetchOptions }) return useQuery( { ...queryOptions, ...baseOptions, queryFn: userId ? baseOptions.queryFn : skipToken }, queryClient ) }