@better-auth-ui/react 1.6.0 → 1.6.2

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

@@ -1,11 +1,9 @@
+import { useAuth } from "../../components/auth/auth-provider"
+import type { AuthClient } from "../../lib/auth-client"
 import {
-  type AuthClient,
-  useAuth,
+  type UseAuthMutationOptions,
   useAuthMutation
-} from "@better-auth-ui/react"
-import type { UseAuthMutationOptions } from "../auth/use-auth-mutation"
-
-export { useAuthMutation } from "../auth/use-auth-mutation"
+} from "../auth/use-auth-mutation"
 
 /**
  * Hook that creates a mutation for changing the authenticated user's password.

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

@@ -0,0 +1,32 @@
+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,11 +1,9 @@
+import { useAuth } from "../../components/auth/auth-provider"
+import type { AuthClient } from "../../lib/auth-client"
 import {
-  type AuthClient,
-  useAuth,
+  type UseAuthMutationOptions,
   useAuthMutation
-} from "@better-auth-ui/react"
-import type { UseAuthMutationOptions } from "../auth/use-auth-mutation"
-
-export { useAuthMutation } from "../auth/use-auth-mutation"
+} from "../auth/use-auth-mutation"
 
 /**
  * Hook that creates a mutation for deleting the authenticated user account.

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

@@ -1,9 +1,9 @@
+import { useAuth } from "../../components/auth/auth-provider"
+import type { AuthClient } from "../../lib/auth-client"
 import {
-  type AuthClient,
-  useAuth,
+  type UseAuthMutationOptions,
   useAuthMutation
-} from "@better-auth-ui/react"
-import type { UseAuthMutationOptions } from "../auth/use-auth-mutation"
+} from "../auth/use-auth-mutation"
 
 /**
  * Hook that creates a mutation for linking a social provider to the current user.

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

@@ -1,5 +1,7 @@
-import { type AuthClient, useAuth, useSession } from "@better-auth-ui/react"
+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.

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

@@ -1,9 +1,11 @@
-import { type AuthClient, useAuth, useSession } from "@better-auth-ui/react"
+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.

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

@@ -1,5 +1,7 @@
-import { type AuthClient, useAuth, useSession } from "@better-auth-ui/react"
+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).

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

@@ -0,0 +1,30 @@
+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,10 +1,10 @@
+import { useAuth } from "../../components/auth/auth-provider"
+import type { AuthClient } from "../../lib/auth-client"
 import {
-  type AuthClient,
-  useAuth,
-  useAuthMutation,
-  useListDeviceSessions
-} from "@better-auth-ui/react"
-import type { UseAuthMutationOptions } from "../auth/use-auth-mutation"
+  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.

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

@@ -1,10 +1,9 @@
+import { useAuth } from "../../components/auth/auth-provider"
+import type { AuthClient } from "../../lib/auth-client"
 import {
-  type AuthClient,
-  useAuth,
+  type UseAuthMutationOptions,
   useAuthMutation
-} from "@better-auth-ui/react"
-import type { UseAuthMutationOptions } from "../auth/use-auth-mutation"
-
+} from "../auth/use-auth-mutation"
 import { useListSessions } from "./use-list-sessions"
 
 /**

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

@@ -1,12 +1,13 @@
-import {
-  type AuthClient,
-  useAuth,
-  useAuthMutation,
-  useListDeviceSessions,
-  useSession
-} from "@better-auth-ui/react"
 import { useQueryClient } from "@tanstack/react-query"
-import type { UseAuthMutationOptions } from "../auth/use-auth-mutation"
+
+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.

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

@@ -1,10 +1,9 @@
+import { useAuth } from "../../components/auth/auth-provider"
+import type { AuthClient } from "../../lib/auth-client"
 import {
-  type AuthClient,
-  useAuth,
+  type UseAuthMutationOptions,
   useAuthMutation
-} from "@better-auth-ui/react"
-import type { UseAuthMutationOptions } from "../auth/use-auth-mutation"
-
+} from "../auth/use-auth-mutation"
 import { useListAccounts } from "./use-list-accounts"
 
 /**

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

@@ -1,14 +1,13 @@
-import {
-  type AuthClient,
-  useAuth,
-  useAuthMutation,
-  useSession
-} from "@better-auth-ui/react"
 import { useQueryClient } from "@tanstack/react-query"
-import type {
-  UseAuthMutationOptions,
-  UseAuthMutationResult
+
+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.

package/src/index.ts

@@ -4,25 +4,33 @@ export * from "./components/auth/auth-provider"
 export * from "./components/email"
 export * from "./components/icons"
 export * from "./components/settings/account/theme-preview"
+export * from "./hooks/auth/use-auth-mutation"
+export * from "./hooks/auth/use-auth-query"
 export * from "./hooks/auth/use-authenticate"
+export * from "./hooks/auth/use-is-username-available"
 export * from "./hooks/auth/use-request-password-reset"
 export * from "./hooks/auth/use-reset-password"
 export * from "./hooks/auth/use-send-verification-email"
 export * from "./hooks/auth/use-session"
 export * from "./hooks/auth/use-sign-in-email"
 export * from "./hooks/auth/use-sign-in-magic-link"
+export * from "./hooks/auth/use-sign-in-passkey"
 export * from "./hooks/auth/use-sign-in-social"
+export * from "./hooks/auth/use-sign-in-username"
 export * from "./hooks/auth/use-sign-out"
 export * from "./hooks/auth/use-sign-up-email"
 export * from "./hooks/auth/use-user"
 export * from "./hooks/settings/use-account-info"
+export * from "./hooks/settings/use-add-passkey"
 export * from "./hooks/settings/use-change-email"
 export * from "./hooks/settings/use-change-password"
+export * from "./hooks/settings/use-delete-passkey"
 export * from "./hooks/settings/use-delete-user"
 export * from "./hooks/settings/use-link-social"
 export * from "./hooks/settings/use-list-accounts"
 export * from "./hooks/settings/use-list-device-sessions"
 export * from "./hooks/settings/use-list-sessions"
+export * from "./hooks/settings/use-list-user-passkeys"
 export * from "./hooks/settings/use-revoke-multi-session"
 export * from "./hooks/settings/use-revoke-session"
 export * from "./hooks/settings/use-set-active-session"

package/src/lib/auth-client.ts

@@ -1,3 +1,4 @@
+import { passkeyClient } from "@better-auth/passkey/client"
 import {
   magicLinkClient,
   multiSessionClient,
@@ -17,7 +18,12 @@ export type { PathToObject } from "better-auth/client"
 export type AnyAuthClient = Omit<ReturnType<typeof createAuthClient>, "signUp">
 
 const authClient = createAuthClient({
-  plugins: [magicLinkClient(), multiSessionClient(), usernameClient()]
+  plugins: [
+    magicLinkClient(),
+    multiSessionClient(),
+    passkeyClient(),
+    usernameClient()
+  ]
 })
 
 /**

package/src/lib/auth-config.ts

@@ -1,4 +1,4 @@
-import type { AuthConfig as BaseAuthConfig } from "@better-auth-ui/react/core"
+import type { AuthConfig as BaseAuthConfig } from "@better-auth-ui/core"
 import type { ComponentType, PropsWithChildren } from "react"
 import type { AnyAuthClient, AuthClient } from "./auth-client"
 

package/dist/hooks/auth/use-forgot-password.d.ts

@@ -1,20 +0,0 @@
-import { type AuthClient } from "@better-auth-ui/react";
-import type { UseAuthMutationOptions } from "./use-auth-mutation";
-export { useAuthMutation } from "./use-auth-mutation";
-/**
- * Hook that creates a mutation for the forgot-password flow.
- *
- * The mutation sends a password reset request for the submitted email,
- * and navigates to the sign-in view on success.
- *
- * @returns The `useMutation` result.
- */
-export declare function useRequestPasswordReset(options?: UseAuthMutationOptions<AuthClient["requestPasswordReset"]>): import("@tanstack/react-query").UseMutationResult<any, import("better-auth/react").BetterFetchError, Omit<import("better-auth").Prettify<{
-    email: string;
-    redirectTo?: string | undefined;
-} & {
-    fetchOptions?: import("better-auth").ClientFetchOption<Partial<{
-        email: string;
-        redirectTo?: string | undefined;
-    }> & Record<string, any>, Partial<Record<string, any>> & Record<string, any>, Record<string, any> | undefined> | undefined;
-}>, "fetchOptions">>;

package/dist/hooks/auth/use-forgot-password.js

@@ -1,14 +0,0 @@
-import { useAuth, useAuthMutation } from "@better-auth-ui/react";
-export { useAuthMutation } from "./use-auth-mutation";
-/**
- * Hook that creates a mutation for the forgot-password flow.
- *
- * The mutation sends a password reset request for the submitted email,
- * and navigates to the sign-in view on success.
- *
- * @returns The `useMutation` result.
- */
-export function useRequestPasswordReset(options) {
-    const { authClient } = useAuth();
-    return useAuthMutation(authClient.requestPasswordReset, options);
-}

package/dist/hooks/use-hydrated.d.ts

@@ -1,6 +0,0 @@
-/**
- * Indicates whether the current rendering context is hydrated (client-side).
- *
- * @returns `true` when running on the client (hydrated), `false` when rendering on the server
- */
-export declare function useHydrated(): boolean;

package/dist/hooks/use-hydrated.js

@@ -1,18 +0,0 @@
-"use client";
-import { useSyncExternalStore } from "react";
-/**
- * Indicates whether the current rendering context is hydrated (client-side).
- *
- * @returns `true` when running on the client (hydrated), `false` when rendering on the server
- */
-export function useHydrated() {
-    return useSyncExternalStore(subscribe, () => true, () => false);
-}
-/**
- * Create a subscription handler that does nothing and returns a no-op cleanup.
- *
- * @returns A cleanup function that performs no action when invoked.
- */
-function subscribe() {
-    return () => { };
-}

package/dist/lib/auth-config.js

@@ -1 +0,0 @@
-export {};

package/dist/lib/auth-hook-options.d.ts

@@ -1,8 +0,0 @@
-import type { AuthError } from "@better-auth-ui/core";
-/**
- * Common options for auth hooks.
- */
-export interface AuthHookOptions {
-    onError?: (error: AuthError) => unknown | Promise<unknown>;
-    onSuccess?: () => unknown | Promise<unknown>;
-}

package/dist/lib/auth-hook-options.js

@@ -1 +0,0 @@
-export {};