@better-auth-ui/react 1.6.1 → 1.6.3

package/dist/mutations/settings/update-user-options.js

@@ -0,0 +1,7 @@
+import { authMutationOptions as e } from "../auth-mutation-options.js";
+//#region src/mutations/settings/update-user-options.ts
+function t(t) {
+	return e(t.updateUser, ["auth", "updateUser"]);
+}
+//#endregion
+export { t as updateUserOptions };

package/dist/queries/auth/session-options.d.ts

@@ -0,0 +1,110 @@
+import { AuthClient } from '../../lib/auth-client';
+/**
+ * Query options factory for the current session.
+ *
+ * Access `.queryKey` on the returned options for cache seeding or
+ * invalidation: `queryClient.setQueryData(sessionOptions(authClient).queryKey, session)`.
+ *
+ * @param authClient - The Better Auth client.
+ * @param params - Parameters forwarded to `authClient.getSession`.
+ */
+export declare function sessionOptions(authClient: AuthClient, params?: Parameters<AuthClient["getSession"]>[0]): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<{
+    user: import('better-auth').StripEmptyObjects<{
+        id: string;
+        createdAt: Date;
+        updatedAt: Date;
+        email: string;
+        emailVerified: boolean;
+        name: string;
+        image?: string | null | undefined;
+    } & {} & {
+        username?: string | null | undefined;
+        displayUsername?: string | null | undefined;
+    }>;
+    session: import('better-auth').StripEmptyObjects<{
+        id: string;
+        createdAt: Date;
+        updatedAt: Date;
+        userId: string;
+        expiresAt: Date;
+        token: string;
+        ipAddress?: string | null | undefined;
+        userAgent?: string | null | undefined;
+    }>;
+} | null, import('better-auth/client').BetterFetchError, {
+    user: import('better-auth').StripEmptyObjects<{
+        id: string;
+        createdAt: Date;
+        updatedAt: Date;
+        email: string;
+        emailVerified: boolean;
+        name: string;
+        image?: string | null | undefined;
+    } & {} & {
+        username?: string | null | undefined;
+        displayUsername?: string | null | undefined;
+    }>;
+    session: import('better-auth').StripEmptyObjects<{
+        id: string;
+        createdAt: Date;
+        updatedAt: Date;
+        userId: string;
+        expiresAt: Date;
+        token: string;
+        ipAddress?: string | null | undefined;
+        userAgent?: string | null | undefined;
+    }>;
+} | null, readonly unknown[]>, "queryFn"> & {
+    queryFn?: import('@tanstack/react-query').QueryFunction<{
+        user: import('better-auth').StripEmptyObjects<{
+            id: string;
+            createdAt: Date;
+            updatedAt: Date;
+            email: string;
+            emailVerified: boolean;
+            name: string;
+            image?: string | null | undefined;
+        } & {} & {
+            username?: string | null | undefined;
+            displayUsername?: string | null | undefined;
+        }>;
+        session: import('better-auth').StripEmptyObjects<{
+            id: string;
+            createdAt: Date;
+            updatedAt: Date;
+            userId: string;
+            expiresAt: Date;
+            token: string;
+            ipAddress?: string | null | undefined;
+            userAgent?: string | null | undefined;
+        }>;
+    } | null, readonly unknown[], never> | undefined;
+} & {
+    queryKey: readonly unknown[] & {
+        [dataTagSymbol]: {
+            user: import('better-auth').StripEmptyObjects<{
+                id: string;
+                createdAt: Date;
+                updatedAt: Date;
+                email: string;
+                emailVerified: boolean;
+                name: string;
+                image?: string | null | undefined;
+            } & {} & {
+                username?: string | null | undefined;
+                displayUsername?: string | null | undefined;
+            }>;
+            session: import('better-auth').StripEmptyObjects<{
+                id: string;
+                createdAt: Date;
+                updatedAt: Date;
+                userId: string;
+                expiresAt: Date;
+                token: string;
+                ipAddress?: string | null | undefined;
+                userAgent?: string | null | undefined;
+            }>;
+        } | null;
+        [dataTagErrorSymbol]: import('better-auth/client').BetterFetchError;
+    };
+};

package/dist/queries/auth/session-options.js

@@ -0,0 +1,7 @@
+import { authQueryOptions as e } from "../auth-query-options.js";
+//#region src/queries/auth/session-options.ts
+function t(t, n) {
+	return e(t.getSession, ["auth", "getSession"], n);
+}
+//#endregion
+export { t as sessionOptions };

package/dist/queries/auth-query-options.d.ts

@@ -0,0 +1,29 @@
+import { QueryKey } from '@tanstack/react-query';
+import { BetterFetchError, BetterFetchOption } from 'better-auth/client';
+export type AuthFn<TData = unknown> = (params: {
+    query?: Record<string, unknown>;
+    fetchOptions?: BetterFetchOption;
+}) => Promise<{
+    data: TData;
+}>;
+type AuthFnData<TFn> = TFn extends AuthFn<infer TData> ? TData : never;
+/**
+ * Build `queryOptions` for a Better Auth endpoint.
+ *
+ * Appends `params.query` (or `null`) to the supplied `queryKey` so cache
+ * identity tracks endpoint inputs. Wires `throw: true` and the React Query
+ * `AbortSignal` into `fetchOptions`.
+ *
+ * @param authFn - Better Auth client method (e.g. `authClient.getSession`).
+ * @param queryKey - Scope prefix for the key. `params.query` is appended automatically.
+ * @param params - Parameters forwarded to `authFn`.
+ */
+export declare function authQueryOptions<TFn extends AuthFn, const TQueryKey extends QueryKey>(authFn: TFn, queryKey: TQueryKey, params?: Parameters<TFn>[0]): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<AuthFnData<TFn>, BetterFetchError, AuthFnData<TFn>, readonly unknown[]>, "queryFn"> & {
+    queryFn?: import('@tanstack/react-query').QueryFunction<AuthFnData<TFn>, readonly unknown[], never> | undefined;
+} & {
+    queryKey: readonly unknown[] & {
+        [dataTagSymbol]: AuthFnData<TFn>;
+        [dataTagErrorSymbol]: BetterFetchError;
+    };
+};
+export {};

package/dist/queries/auth-query-options.js

@@ -0,0 +1,17 @@
+import { queryOptions as e } from "@tanstack/react-query";
+//#region src/queries/auth-query-options.ts
+function t(t, n, r) {
+	return e({
+		queryKey: [...n, r?.query ?? null],
+		queryFn: ({ signal: e }) => t({
+			...r,
+			fetchOptions: {
+				...r?.fetchOptions,
+				signal: e,
+				throw: !0
+			}
+		})
+	});
+}
+//#endregion
+export { t as authQueryOptions };

package/dist/queries/settings/account-info-options.d.ts

@@ -0,0 +1,32 @@
+import { AuthClient } from '../../lib/auth-client';
+/**
+ * Query options factory for provider-specific account info.
+ *
+ * Keyed per-user. `userId` and `params` are both optional so the factory can
+ * build stable options before either is known — the consumer swaps `queryFn`
+ * for `skipToken` until ready.
+ *
+ * @param authClient - The Better Auth client.
+ * @param userId - The current signed in user's ID.
+ * @param params - Parameters forwarded to `authClient.accountInfo`.
+ */
+export declare function accountInfoOptions(authClient: AuthClient, userId?: string, params?: Parameters<AuthClient["accountInfo"]>[0]): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<{
+    user: import('better-auth').OAuth2UserInfo;
+    data: Record<string, any>;
+} | null, import('better-auth/client').BetterFetchError, {
+    user: import('better-auth').OAuth2UserInfo;
+    data: Record<string, any>;
+} | null, readonly unknown[]>, "queryFn"> & {
+    queryFn?: import('@tanstack/react-query').QueryFunction<{
+        user: import('better-auth').OAuth2UserInfo;
+        data: Record<string, any>;
+    } | null, readonly unknown[], never> | undefined;
+} & {
+    queryKey: readonly unknown[] & {
+        [dataTagSymbol]: {
+            user: import('better-auth').OAuth2UserInfo;
+            data: Record<string, any>;
+        } | null;
+        [dataTagErrorSymbol]: import('better-auth/client').BetterFetchError;
+    };
+};

package/dist/queries/settings/account-info-options.js

@@ -0,0 +1,12 @@
+import { authQueryOptions as e } from "../auth-query-options.js";
+//#region src/queries/settings/account-info-options.ts
+function t(t, n, r) {
+	return e(t.accountInfo, [
+		"auth",
+		"user",
+		n,
+		"accountInfo"
+	], r);
+}
+//#endregion
+export { t as accountInfoOptions };

package/dist/queries/settings/list-accounts-options.d.ts

@@ -0,0 +1,53 @@
+import { AuthClient } from '../../lib/auth-client';
+/**
+ * Query options factory for a user's linked social accounts.
+ *
+ * Keyed per-user (enables offline account switching with a persister).
+ * `userId` is optional so the factory can build stable options before the
+ * active session resolves — the consumer swaps `queryFn` for `skipToken`
+ * until ready.
+ *
+ * @param authClient - The Better Auth client.
+ * @param userId - The current signed in user's ID.
+ * @param params - Parameters forwarded to `authClient.listAccounts`.
+ */
+export declare function listAccountsOptions(authClient: AuthClient, userId?: string, params?: Parameters<AuthClient["listAccounts"]>[0]): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<{
+    scopes: string[];
+    id: string;
+    createdAt: Date;
+    updatedAt: Date;
+    userId: string;
+    providerId: string;
+    accountId: string;
+}[] | null, import('better-auth/client').BetterFetchError, {
+    scopes: string[];
+    id: string;
+    createdAt: Date;
+    updatedAt: Date;
+    userId: string;
+    providerId: string;
+    accountId: string;
+}[] | null, readonly unknown[]>, "queryFn"> & {
+    queryFn?: import('@tanstack/react-query').QueryFunction<{
+        scopes: string[];
+        id: string;
+        createdAt: Date;
+        updatedAt: Date;
+        userId: string;
+        providerId: string;
+        accountId: string;
+    }[] | null, readonly unknown[], never> | undefined;
+} & {
+    queryKey: readonly unknown[] & {
+        [dataTagSymbol]: {
+            scopes: string[];
+            id: string;
+            createdAt: Date;
+            updatedAt: Date;
+            userId: string;
+            providerId: string;
+            accountId: string;
+        }[] | null;
+        [dataTagErrorSymbol]: import('better-auth/client').BetterFetchError;
+    };
+};

package/dist/queries/settings/list-accounts-options.js

@@ -0,0 +1,12 @@
+import { authQueryOptions as e } from "../auth-query-options.js";
+//#region src/queries/settings/list-accounts-options.ts
+function t(t, n, r) {
+	return e(t.listAccounts, [
+		"auth",
+		"user",
+		n,
+		"listAccounts"
+	], r);
+}
+//#endregion
+export { t as listAccountsOptions };

package/dist/queries/settings/list-device-sessions-options.d.ts

@@ -0,0 +1,99 @@
+import { AuthClient } from '../../lib/auth-client';
+/**
+ * Query options factory for the current user's device sessions
+ * (multi-session account switcher).
+ *
+ * Keyed per-user (enables offline account switching with a persister).
+ *
+ * @param authClient - The Better Auth client.
+ * @param userId - The current signed in user's ID.
+ * @param params - Parameters forwarded to `authClient.multiSession.listDeviceSessions`.
+ */
+export declare function listDeviceSessionsOptions(authClient: AuthClient, userId?: string, params?: Parameters<AuthClient["multiSession"]["listDeviceSessions"]>[0]): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<{
+    session: {
+        id: string;
+        createdAt: Date;
+        updatedAt: Date;
+        userId: string;
+        expiresAt: Date;
+        token: string;
+        ipAddress?: string | null | undefined;
+        userAgent?: string | null | undefined;
+    };
+    user: {
+        id: string;
+        createdAt: Date;
+        updatedAt: Date;
+        email: string;
+        emailVerified: boolean;
+        name: string;
+        image?: string | null | undefined;
+    };
+}[] | null, import('better-auth/client').BetterFetchError, {
+    session: {
+        id: string;
+        createdAt: Date;
+        updatedAt: Date;
+        userId: string;
+        expiresAt: Date;
+        token: string;
+        ipAddress?: string | null | undefined;
+        userAgent?: string | null | undefined;
+    };
+    user: {
+        id: string;
+        createdAt: Date;
+        updatedAt: Date;
+        email: string;
+        emailVerified: boolean;
+        name: string;
+        image?: string | null | undefined;
+    };
+}[] | null, readonly unknown[]>, "queryFn"> & {
+    queryFn?: import('@tanstack/react-query').QueryFunction<{
+        session: {
+            id: string;
+            createdAt: Date;
+            updatedAt: Date;
+            userId: string;
+            expiresAt: Date;
+            token: string;
+            ipAddress?: string | null | undefined;
+            userAgent?: string | null | undefined;
+        };
+        user: {
+            id: string;
+            createdAt: Date;
+            updatedAt: Date;
+            email: string;
+            emailVerified: boolean;
+            name: string;
+            image?: string | null | undefined;
+        };
+    }[] | null, readonly unknown[], never> | undefined;
+} & {
+    queryKey: readonly unknown[] & {
+        [dataTagSymbol]: {
+            session: {
+                id: string;
+                createdAt: Date;
+                updatedAt: Date;
+                userId: string;
+                expiresAt: Date;
+                token: string;
+                ipAddress?: string | null | undefined;
+                userAgent?: string | null | undefined;
+            };
+            user: {
+                id: string;
+                createdAt: Date;
+                updatedAt: Date;
+                email: string;
+                emailVerified: boolean;
+                name: string;
+                image?: string | null | undefined;
+            };
+        }[] | null;
+        [dataTagErrorSymbol]: import('better-auth/client').BetterFetchError;
+    };
+};

package/dist/queries/settings/list-device-sessions-options.js

@@ -0,0 +1,12 @@
+import { authQueryOptions as e } from "../auth-query-options.js";
+//#region src/queries/settings/list-device-sessions-options.ts
+function t(t, n, r) {
+	return e(t.multiSession.listDeviceSessions, [
+		"auth",
+		"user",
+		n,
+		"listDeviceSessions"
+	], r);
+}
+//#endregion
+export { t as listDeviceSessionsOptions };

package/dist/queries/settings/list-sessions-options.d.ts

@@ -0,0 +1,54 @@
+import { AuthClient } from '../../lib/auth-client';
+/**
+ * Query options factory for the current user's active sessions.
+ *
+ * Keyed per-user (enables offline account switching with a persister).
+ *
+ * @param authClient - The Better Auth client.
+ * @param userId - The current signed in user's ID.
+ * @param params - Parameters forwarded to `authClient.listSessions`.
+ */
+export declare function listSessionsOptions(authClient: AuthClient, userId?: string, params?: Parameters<AuthClient["listSessions"]>[0]): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<import('better-auth').Prettify<{
+    id: string;
+    createdAt: Date;
+    updatedAt: Date;
+    userId: string;
+    expiresAt: Date;
+    token: string;
+    ipAddress?: string | null | undefined | undefined;
+    userAgent?: string | null | undefined | undefined;
+}>[] | null, import('better-auth/client').BetterFetchError, import('better-auth').Prettify<{
+    id: string;
+    createdAt: Date;
+    updatedAt: Date;
+    userId: string;
+    expiresAt: Date;
+    token: string;
+    ipAddress?: string | null | undefined | undefined;
+    userAgent?: string | null | undefined | undefined;
+}>[] | null, readonly unknown[]>, "queryFn"> & {
+    queryFn?: import('@tanstack/react-query').QueryFunction<import('better-auth').Prettify<{
+        id: string;
+        createdAt: Date;
+        updatedAt: Date;
+        userId: string;
+        expiresAt: Date;
+        token: string;
+        ipAddress?: string | null | undefined | undefined;
+        userAgent?: string | null | undefined | undefined;
+    }>[] | null, readonly unknown[], never> | undefined;
+} & {
+    queryKey: readonly unknown[] & {
+        [dataTagSymbol]: import('better-auth').Prettify<{
+            id: string;
+            createdAt: Date;
+            updatedAt: Date;
+            userId: string;
+            expiresAt: Date;
+            token: string;
+            ipAddress?: string | null | undefined | undefined;
+            userAgent?: string | null | undefined | undefined;
+        }>[] | null;
+        [dataTagErrorSymbol]: import('better-auth/client').BetterFetchError;
+    };
+};

package/dist/queries/settings/list-sessions-options.js

@@ -0,0 +1,12 @@
+import { authQueryOptions as e } from "../auth-query-options.js";
+//#region src/queries/settings/list-sessions-options.ts
+function t(t, n, r) {
+	return e(t.listSessions, [
+		"auth",
+		"user",
+		n,
+		"listSessions"
+	], r);
+}
+//#endregion
+export { t as listSessionsOptions };

package/dist/queries/settings/list-user-passkeys-options.d.ts

@@ -0,0 +1,18 @@
+import { AuthClient } from '../../lib/auth-client';
+/**
+ * Query options factory for the current user's passkeys.
+ *
+ * Keyed per-user (enables offline account switching with a persister).
+ *
+ * @param authClient - The Better Auth client.
+ * @param userId - The current signed in user's ID.
+ * @param params - Parameters forwarded to `authClient.passkey.listUserPasskeys`.
+ */
+export declare function listUserPasskeysOptions(authClient: AuthClient, userId?: string, params?: Parameters<AuthClient["passkey"]["listUserPasskeys"]>[0]): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<import('@better-auth/passkey/client').Passkey[] | null, import('better-auth/client').BetterFetchError, import('@better-auth/passkey/client').Passkey[] | null, readonly unknown[]>, "queryFn"> & {
+    queryFn?: import('@tanstack/react-query').QueryFunction<import('@better-auth/passkey/client').Passkey[] | null, readonly unknown[], never> | undefined;
+} & {
+    queryKey: readonly unknown[] & {
+        [dataTagSymbol]: import('@better-auth/passkey/client').Passkey[] | null;
+        [dataTagErrorSymbol]: import('better-auth/client').BetterFetchError;
+    };
+};

package/dist/queries/settings/list-user-passkeys-options.js

@@ -0,0 +1,12 @@
+import { authQueryOptions as e } from "../auth-query-options.js";
+//#region src/queries/settings/list-user-passkeys-options.ts
+function t(t, n, r) {
+	return e(t.passkey.listUserPasskeys, [
+		"auth",
+		"user",
+		n,
+		"listUserPasskeys"
+	], r);
+}
+//#endregion
+export { t as listUserPasskeysOptions };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@better-auth-ui/react",
-  "version": "1.6.1",
+  "version": "1.6.3",
   "type": "module",
   "scripts": {
-    "build": "tsc",
+    "build": "vite build",
     "dev": "tsc --watch",
     "email": "email dev --dir src/components/email -p 9000",
     "test": "vitest"
@@ -16,12 +16,12 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     },
     "./core": {
-      "import": "./dist/core.js",
-      "types": "./dist/core.d.ts"
+      "types": "./dist/core.d.ts",
+      "import": "./dist/core.js"
     }
   },
   "devDependencies": {
@@ -33,13 +33,13 @@
     "@types/react": "^19.2.14",
     "@vitejs/plugin-react": "^6.0.1",
     "@vitest/browser-playwright": "^4.1.4",
-    "@better-auth/passkey": "^1.6.4",
-    "better-auth": "^1.6.4",
+    "@better-auth/passkey": "^1.6.5",
+    "better-auth": "^1.6.5",
     "clsx": "^2.1.1",
     "playwright": "^1.59.1",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
-    "react-email": "^5.2.10",
+    "react-email": "^6.0.0",
     "tailwind-merge": "^3.5.0",
     "tailwindcss": "^4.2.2",
     "vitest": "^4.1.4",
@@ -51,8 +51,8 @@
   "peerDependencies": {
     "@react-email/components": ">=1.0.12",
     "@tanstack/react-query": ">=5.99.0",
-    "@better-auth/passkey": ">=1.6.4",
-    "better-auth": ">=1.6.4",
+    "@better-auth/passkey": ">=1.6.5",
+    "better-auth": ">=1.6.5",
     "clsx": ">=2.0.0",
     "react": ">=19.2.5",
     "react-dom": ">=19.2.5",

package/src/components/auth/auth-provider.tsx

@@ -1,12 +1,6 @@
 "use client"
 
 import { deepmerge, defaultAuthConfig } from "@better-auth-ui/core"
-import {
-  type AnyAuthClient,
-  type AnyAuthConfig,
-  type AuthConfig,
-  AuthContext
-} from "@better-auth-ui/react"
 import {
   QueryClient,
   QueryClientContext,
@@ -14,6 +8,10 @@ import {
 } from "@tanstack/react-query"
 import { type PropsWithChildren, useContext } from "react"
 
+import type { AnyAuthClient } from "../../lib/auth-client"
+import type { AnyAuthConfig, AuthConfig } from "../../lib/auth-config"
+import { AuthContext } from "../../lib/auth-context"
+
 const fallbackQueryClient = new QueryClient()
 
 const baseAuthConfig: AnyAuthConfig = {

package/src/hooks/auth/use-authenticate.ts

@@ -1,17 +1,16 @@
-import { type AuthClient, useAuth } from "@better-auth-ui/react"
 import { useEffect } from "react"
-import type { UseAuthQueryOptions, UseAuthQueryResult } from "./use-auth-query"
-import { useSession } from "./use-session"
+import { useAuth } from "../../components/auth/auth-provider"
+import { type UseSessionOptions, useSession } from "./use-session"
 
 /**
- * Redirects unauthenticated users to the sign-in page while preserving the current URL and exposes the active auth session state.
+ * Calls `useSession` and redirects unauthenticated users to the sign-in page,
+ * preserving the current URL as a `redirectTo` query param.
  *
- * @param options - Query options forwarded to the session query hook
- * @returns An object containing `data` (the current session or `undefined`), `isPending` (whether the session query is in progress), and other session query state
+ * @param options - Better Auth params (`query`, `fetchOptions`) and React
+ *   Query options forwarded to `useQuery`.
+ * @returns React Query result for the session.
  */
-export function useAuthenticate(
-  options?: Partial<UseAuthQueryOptions<AuthClient["getSession"]>>
-): UseAuthQueryResult<AuthClient["getSession"]> {
+export function useAuthenticate(options?: UseSessionOptions) {
   const { basePaths, viewPaths, navigate } = useAuth()
   const session = useSession(options)
 

package/src/hooks/auth/use-is-username-available.ts

@@ -0,0 +1,31 @@
+import { useMutation } from "@tanstack/react-query"
+
+import { useAuth } from "../../components/auth/auth-provider"
+import type { AuthClient } from "../../lib/auth-client"
+import { isUsernameAvailableOptions } from "../../mutations/auth/is-username-available-options"
+
+export type UseIsUsernameAvailableParams = NonNullable<
+  Parameters<AuthClient["isUsernameAvailable"]>[0]
+>
+
+export type UseIsUsernameAvailableOptions = Omit<
+  ReturnType<typeof isUsernameAvailableOptions>,
+  "mutationKey" | "mutationFn"
+>
+
+/**
+ * Hook that creates a mutation to check if a username is available.
+ *
+ * @param options - React Query options forwarded to `useMutation`.
+ * @returns The `useMutation` result where data contains `{ available: boolean }`.
+ */
+export function useIsUsernameAvailable(
+  options?: UseIsUsernameAvailableOptions
+) {
+  const { authClient } = useAuth()
+
+  return useMutation({
+    ...isUsernameAvailableOptions(authClient),
+    ...options
+  })
+}