@better-auth-ui/react 1.6.1 → 1.6.3

package/dist/hooks/settings/use-update-user.js

@@ -1,29 +1,24 @@
-import { useAuth, useAuthMutation, useSession } from "@better-auth-ui/react";
-import { useQueryClient } from "@tanstack/react-query";
-/**
- * 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) {
-    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);
-            }
-        }
-    });
+import { useAuth as e } from "../../components/auth/auth-provider.js";
+import { sessionOptions as t } from "../../queries/auth/session-options.js";
+import { useSession as n } from "../auth/use-session.js";
+import { updateUserOptions as r } from "../../mutations/settings/update-user-options.js";
+import { useMutation as i, useQueryClient as a } from "@tanstack/react-query";
+//#region src/hooks/settings/use-update-user.ts
+function o(o) {
+	let { authClient: s } = e(), { data: c, refetch: l } = n({ refetchOnMount: !1 }), u = a();
+	return i({
+		...r(s),
+		...o,
+		onSuccess: async (e, n, ...r) => {
+			c && u.setQueryData(t(s).queryKey, {
+				...c,
+				user: {
+					...c.user,
+					...n
+				}
+			}), l(), await o?.onSuccess?.(e, n, ...r);
+		}
+	});
 }
+//#endregion
+export { o as useUpdateUser };

package/dist/hooks/use-auth-mutation.d.ts

@@ -0,0 +1,12 @@
+import { MutationKey } from '@tanstack/react-query';
+import { authMutationOptions } from '../mutations/auth-mutation-options';
+/**
+ * Escape-hatch hook for Better Auth endpoints that don't have a purpose-built
+ * mutation hook in this library yet. Thin wrapper over `useMutation` and
+ * `authMutationOptions`.
+ *
+ * @param authFn - Better Auth client method (e.g. `authClient.emailOtp.sendVerificationOtp`).
+ * @param mutationKey - Scope for the mutation cache key.
+ * @param options - React Query options forwarded to `useMutation`.
+ */
+export declare function useAuthMutation<TFn extends (...args: any) => any, const TMutationKey extends MutationKey>(authFn: TFn, mutationKey: TMutationKey, options?: Omit<ReturnType<typeof authMutationOptions<TFn, TMutationKey>>, "mutationKey" | "mutationFn">): import('@tanstack/react-query').UseMutationResult<TFn extends import('../mutations/auth-mutation-options').AuthMutationFn<infer TData, unknown> ? TData : never, import('better-auth/client').BetterFetchError, undefined extends Parameters<TFn>[0] ? void | NonNullable<Parameters<TFn>[0]> : Parameters<TFn>[0], unknown>;

package/dist/hooks/use-auth-mutation.js

@@ -0,0 +1,11 @@
+import { authMutationOptions as e } from "../mutations/auth-mutation-options.js";
+import { useMutation as t } from "@tanstack/react-query";
+//#region src/hooks/use-auth-mutation.ts
+function n(n, r, i) {
+	return t({
+		...e(n, r),
+		...i
+	});
+}
+//#endregion
+export { n as useAuthMutation };

package/dist/hooks/use-auth-query.d.ts

@@ -0,0 +1,14 @@
+import { QueryKey } from '@tanstack/react-query';
+import { AuthFn, authQueryOptions } from '../queries/auth-query-options';
+type UseAuthQueryOptions<TFn extends AuthFn, TQueryKey extends QueryKey> = Omit<ReturnType<typeof authQueryOptions<TFn, TQueryKey>>, "queryKey" | "queryFn"> & NonNullable<Parameters<TFn>[0]>;
+/**
+ * Escape-hatch hook for Better Auth endpoints that don't have a purpose-built
+ * hook in this library yet. Thin wrapper over `useQuery` and `authQueryOptions`.
+ *
+ * @param authFn - Better Auth client method (e.g. `authClient.magicLink.list`).
+ * @param queryKey - Scope prefix for the key. `options.query` is appended automatically.
+ * @param options - Better Auth params (`query`, `fetchOptions`) and React
+ *   Query options forwarded to `useQuery`.
+ */
+export declare function useAuthQuery<TFn extends AuthFn, const TQueryKey extends QueryKey>(authFn: TFn, queryKey: TQueryKey, options?: UseAuthQueryOptions<TFn, TQueryKey>): import('@tanstack/react-query').UseQueryResult<import('@tanstack/react-query').NoInfer<TFn extends AuthFn<infer TData> ? TData : never>, import('better-auth/client').BetterFetchError>;
+export {};

package/dist/hooks/use-auth-query.js

@@ -0,0 +1,15 @@
+import { authQueryOptions as e } from "../queries/auth-query-options.js";
+import { useQuery as t } from "@tanstack/react-query";
+//#region src/hooks/use-auth-query.ts
+function n(n, r, i) {
+	let { query: a, fetchOptions: o, ...s } = i ?? {};
+	return t({
+		...e(n, r, {
+			query: a,
+			fetchOptions: o
+		}),
+		...s
+	});
+}
+//#endregion
+export { n as useAuthQuery };

package/dist/index.d.ts

@@ -1,36 +1,40 @@
-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-authenticate";
-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-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";
-export * from "./hooks/settings/use-unlink-account";
-export * from "./hooks/settings/use-update-user";
-export * from "./lib/auth-client";
-export * from "./lib/auth-config";
-export * from "./lib/auth-context";
-export * from "./lib/provider-icons";
+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-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';
+export * from './hooks/settings/use-unlink-account';
+export * from './hooks/settings/use-update-user';
+export * from './hooks/use-auth-mutation';
+export * from './hooks/use-auth-query';
+export * from './lib/auth-client';
+export * from './lib/auth-config';
+export * from './lib/auth-context';
+export * from './lib/provider-icons';

package/dist/index.js

@@ -1,37 +1,85 @@
 "use client";
-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-authenticate";
-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-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";
-export * from "./hooks/settings/use-unlink-account";
-export * from "./hooks/settings/use-update-user";
-export * from "./lib/auth-client";
-export * from "./lib/auth-config";
-export * from "./lib/auth-context";
-export * from "./lib/provider-icons";
+import { AuthContext as e } from "./lib/auth-context.js";
+import { AuthProvider as t, useAuth as n } from "./components/auth/auth-provider.js";
+import r, { defaultColors as i } from "./components/email/email-styles.js";
+import a from "./components/email/email-changed.js";
+import o from "./components/email/email-verification.js";
+import s from "./components/email/magic-link.js";
+import c from "./components/email/new-device.js";
+import l from "./components/email/otp-email.js";
+import u from "./components/email/password-changed.js";
+import d from "./components/email/reset-password.js";
+import { emailLocalization as f } from "./components/email/email-localization.js";
+import "./components/email/index.js";
+import { Apple as p } from "./components/icons/apple.js";
+import { Atlassian as m } from "./components/icons/atlassian.js";
+import { Cognito as h } from "./components/icons/cognito.js";
+import { Discord as g } from "./components/icons/discord.js";
+import { Dropbox as _ } from "./components/icons/dropbox.js";
+import { Facebook as v } from "./components/icons/facebook.js";
+import { Figma as y } from "./components/icons/figma.js";
+import { GitHub as b } from "./components/icons/github.js";
+import { GitLab as x } from "./components/icons/gitlab.js";
+import { Google as S } from "./components/icons/google.js";
+import { HuggingFace as C } from "./components/icons/huggingface.js";
+import { Kakao as w } from "./components/icons/kakao.js";
+import { Kick as T } from "./components/icons/kick.js";
+import { Line as E } from "./components/icons/line.js";
+import { Linear as D } from "./components/icons/linear.js";
+import { LinkedIn as O } from "./components/icons/linkedin.js";
+import { Microsoft as k } from "./components/icons/microsoft.js";
+import { Naver as A } from "./components/icons/naver.js";
+import { Notion as j } from "./components/icons/notion.js";
+import { Paybin as M } from "./components/icons/paybin.js";
+import { PayPal as N } from "./components/icons/paypal.js";
+import { Polar as P } from "./components/icons/polar.js";
+import { Railway as F } from "./components/icons/railway.js";
+import { Reddit as I } from "./components/icons/reddit.js";
+import { Roblox as L } from "./components/icons/roblox.js";
+import { Salesforce as R } from "./components/icons/salesforce.js";
+import { Slack as z } from "./components/icons/slack.js";
+import { Spotify as B } from "./components/icons/spotify.js";
+import { TikTok as V } from "./components/icons/tiktok.js";
+import { Twitch as H } from "./components/icons/twitch.js";
+import { Vercel as U } from "./components/icons/vercel.js";
+import { VK as W } from "./components/icons/vk.js";
+import { WeChat as G } from "./components/icons/wechat.js";
+import { X as K } from "./components/icons/x.js";
+import { Zoom as q } from "./components/icons/zoom.js";
+import "./components/icons/index.js";
+import { ThemePreviewDark as J, ThemePreviewLight as Y, ThemePreviewSystem as X } from "./components/settings/account/theme-preview.js";
+import { useSession as Z } from "./hooks/auth/use-session.js";
+import { useAuthenticate as Q } from "./hooks/auth/use-authenticate.js";
+import { useIsUsernameAvailable as $ } from "./hooks/auth/use-is-username-available.js";
+import { useRequestPasswordReset as ee } from "./hooks/auth/use-request-password-reset.js";
+import { useResetPassword as te } from "./hooks/auth/use-reset-password.js";
+import { useSendVerificationEmail as ne } from "./hooks/auth/use-send-verification-email.js";
+import { useSignInEmail as re } from "./hooks/auth/use-sign-in-email.js";
+import { useSignInMagicLink as ie } from "./hooks/auth/use-sign-in-magic-link.js";
+import { useSignInPasskey as ae } from "./hooks/auth/use-sign-in-passkey.js";
+import { useSignInSocial as oe } from "./hooks/auth/use-sign-in-social.js";
+import { useSignInUsername as se } from "./hooks/auth/use-sign-in-username.js";
+import { useSignOut as ce } from "./hooks/auth/use-sign-out.js";
+import { useSignUpEmail as le } from "./hooks/auth/use-sign-up-email.js";
+import { useUser as ue } from "./hooks/auth/use-user.js";
+import { useAccountInfo as de } from "./hooks/settings/use-account-info.js";
+import { useListUserPasskeys as fe } from "./hooks/settings/use-list-user-passkeys.js";
+import { useAddPasskey as pe } from "./hooks/settings/use-add-passkey.js";
+import { useChangeEmail as me } from "./hooks/settings/use-change-email.js";
+import { useChangePassword as he } from "./hooks/settings/use-change-password.js";
+import { useDeletePasskey as ge } from "./hooks/settings/use-delete-passkey.js";
+import { useDeleteUser as _e } from "./hooks/settings/use-delete-user.js";
+import { useLinkSocial as ve } from "./hooks/settings/use-link-social.js";
+import { useListAccounts as ye } from "./hooks/settings/use-list-accounts.js";
+import { useListDeviceSessions as be } from "./hooks/settings/use-list-device-sessions.js";
+import { useListSessions as xe } from "./hooks/settings/use-list-sessions.js";
+import { useRevokeMultiSession as Se } from "./hooks/settings/use-revoke-multi-session.js";
+import { useRevokeSession as Ce } from "./hooks/settings/use-revoke-session.js";
+import { useSetActiveSession as we } from "./hooks/settings/use-set-active-session.js";
+import { useUnlinkAccount as Te } from "./hooks/settings/use-unlink-account.js";
+import { useUpdateUser as Ee } from "./hooks/settings/use-update-user.js";
+import { useAuthMutation as De } from "./hooks/use-auth-mutation.js";
+import { useAuthQuery as Oe } from "./hooks/use-auth-query.js";
+import "./lib/auth-client.js";
+import { providerIcons as ke } from "./lib/provider-icons.js";
+export { p as Apple, m as Atlassian, e as AuthContext, t as AuthProvider, h as Cognito, g as Discord, _ as Dropbox, a as EmailChangedEmail, r as EmailStyles, o as EmailVerificationEmail, v as Facebook, y as Figma, b as GitHub, x as GitLab, S as Google, C as HuggingFace, w as Kakao, T as Kick, E as Line, D as Linear, O as LinkedIn, s as MagicLinkEmail, k as Microsoft, A as Naver, c as NewDeviceEmail, j as Notion, l as OtpEmail, u as PasswordChangedEmail, N as PayPal, M as Paybin, P as Polar, F as Railway, I as Reddit, d as ResetPasswordEmail, L as Roblox, R as Salesforce, z as Slack, B as Spotify, J as ThemePreviewDark, Y as ThemePreviewLight, X as ThemePreviewSystem, V as TikTok, H as Twitch, W as VK, U as Vercel, G as WeChat, K as X, q as Zoom, i as defaultColors, f as emailLocalization, ke as providerIcons, de as useAccountInfo, pe as useAddPasskey, n as useAuth, De as useAuthMutation, Oe as useAuthQuery, Q as useAuthenticate, me as useChangeEmail, he as useChangePassword, ge as useDeletePasskey, _e as useDeleteUser, $ as useIsUsernameAvailable, ve as useLinkSocial, ye as useListAccounts, be as useListDeviceSessions, xe as useListSessions, fe as useListUserPasskeys, ee as useRequestPasswordReset, te as useResetPassword, Se as useRevokeMultiSession, Ce as useRevokeSession, ne as useSendVerificationEmail, Z as useSession, we as useSetActiveSession, re as useSignInEmail, ie as useSignInMagicLink, ae as useSignInPasskey, oe as useSignInSocial, se as useSignInUsername, ce as useSignOut, le as useSignUpEmail, Te as useUnlinkAccount, Ee as useUpdateUser, ue as useUser };