@better-auth-ui/heroui 1.6.12 → 1.6.14

package/dist/components/auth/forgot-password.d.ts

@@ -7,7 +7,7 @@ export type ForgotPasswordProps = {
  * Render a card-based "Forgot Password" form that sends a password-reset email.
  *
  * The form displays an email input, submit button, and a link back to sign-in.
- * Toasts are displayed on success or error via the `useRequestPasswordReset` hook.
+ * Success toasts are shown via `useRequestPasswordReset`; errors are handled globally by `ErrorToaster`.
  *
  * @param className - Optional additional CSS class names applied to the card
  * @returns The forgot-password form UI as a JSX element

package/dist/index.js

@@ -274,8 +274,8 @@ function Xe({ name: e, field: t, isPending: n, variant: r }) {
 //#region src/components/auth/forgot-password.tsx
 function Ze({ className: e, variant: t, ...n }) {
 	let { authClient: r, baseURL: i, basePaths: a, localization: o, viewPaths: s, navigate: c, plugins: l } = m(), { fetchOptions: u, resetFetchOptions: d } = v(), { mutate: f, isPending: p } = x(r, {
-		onError: (e) => {
-			Y.danger(e.error?.message || e.message), d();
+		onError: () => {
+			d();
 		},
 		onSuccess: () => {
 			Y.success(o.auth.passwordResetEmailSent), c({ to: `${a.auth}/${s.auth.signIn}` });
@@ -502,13 +502,13 @@ function Qe({ className: e, variant: t, ...n }) {
 function $e({ className: t, socialLayout: n, socialPosition: i = "bottom", variant: o, ...s }) {
 	let { authClient: c, basePaths: l, baseURL: u, emailAndPassword: d, localization: f, plugins: p, redirectTo: h, socialProviders: g, viewPaths: _, navigate: y } = m(), { fetchOptions: b, resetFetchOptions: ee } = v(), [x, S] = X(""), { mutate: te } = ne(c, { onSuccess: () => Y.success(f.auth.verificationEmailSent) }), { mutate: C, isPending: ie } = re(c, {
 		onError: (e, { email: t }) => {
-			S(""), e.error?.code === "EMAIL_NOT_VERIFIED" ? Y.danger(e.error?.message || e.message, { actionProps: {
+			S(""), e.error?.code === "EMAIL_NOT_VERIFIED" && Y.danger(e.error?.message || e.message, { actionProps: {
 				children: f.auth.resend,
 				onClick: () => te({
 					email: t,
 					callbackURL: `${u}${h}`
 				})
-			} }) : Y.danger(e.error?.message || e.message), ee();
+			} }), ee();
 		},
 		onSuccess: () => y({ to: h })
 	}), ae = (e) => {
@@ -625,8 +625,8 @@ function $e({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 //#region src/components/auth/sign-out.tsx
 function et({ className: e }) {
 	let { authClient: t, basePaths: n, navigate: r, viewPaths: i } = m(), { mutate: a } = ie(t, {
-		onError: (e) => {
-			Y.danger(e.error?.message || e.message), r({
+		onError: () => {
+			r({
 				to: `${n.auth}/${i.auth.signIn}`,
 				replace: !0
 			});
@@ -647,8 +647,8 @@ function et({ className: e }) {
 //#region src/components/auth/sign-up.tsx
 function tt({ className: t, socialLayout: n, socialPosition: i = "bottom", variant: o, ...s }) {
 	let { additionalFields: c, authClient: u, basePaths: d, emailAndPassword: f, localization: p, plugins: h, redirectTo: g, socialProviders: _, viewPaths: y, navigate: b } = m(), { fetchOptions: ee, resetFetchOptions: x } = v(), [S, te] = X(""), [ne, C] = X(""), { mutate: re, isPending: ie } = ae(u, {
-		onError: (e) => {
-			te(""), C(""), Y.danger(e.error?.message || e.message), x();
+		onError: () => {
+			te(""), C(""), x();
 		},
 		onSuccess: () => {
 			f?.requireEmailVerification ? (Y.success(p.auth.verifyYourEmail), b({ to: `${d.auth}/${y.auth.signIn}` })) : b({ to: g });
@@ -903,17 +903,19 @@ function it({ path: e, socialLayout: t, socialPosition: n, view: r, ...i }) {
 function at() {
 	let e = Ge();
 	return ze(() => {
-		let t = e.getQueryCache().subscribe((e) => {
-			if (e.type !== "updated" || e.action.type !== "error" || !Ue({ queryKey: o.all }, e.query)) return;
-			let t = e.action.error;
-			t?.error && Y.danger(t.error.message);
-		}), n = e.getMutationCache().subscribe((e) => {
-			if (e.type !== "updated" || e.action.type !== "error" || !He({ mutationKey: a.all }, e.mutation)) return;
-			let t = e.action.error;
-			Y.danger(t.error?.message || t.message);
-		});
-		return () => {
-			t(), n();
+		let t = e.getQueryCache(), n = t.config.onError;
+		t.config.onError = (e, t) => {
+			if (n?.(e, t), !Ue({ queryKey: o.all }, t)) return;
+			let r = e;
+			r?.error?.code !== "EMAIL_NOT_VERIFIED" && r?.error && Y.danger(r.error.message);
+		};
+		let r = e.getMutationCache(), i = r.config.onError;
+		return r.config.onError = (e, t, n, r, o) => {
+			if (i?.(e, t, n, r, o), !He({ mutationKey: a.all }, r)) return;
+			let s = e;
+			s.error?.code !== "EMAIL_NOT_VERIFIED" && Y.danger(s.error?.message || s.message);
+		}, () => {
+			t.config.onError = n, r.config.onError = i;
 		};
 	}, [e]), null;
 }
@@ -1286,8 +1288,8 @@ function gt({ className: e, variant: t, ...n }) {
 }
 function _t({ className: e, variant: t, emailAndPassword: n, localization: r, session: i, ...a }) {
 	let { authClient: o } = m(), [s, c] = X(""), [l, u] = X(""), [d, f] = X(""), { mutate: p, isPending: h } = _(o, {
-		onError: (e) => {
-			c(""), u(""), f(""), Y.danger(e.error?.message || e.message);
+		onError: () => {
+			c(""), u(""), f("");
 		},
 		onSuccess: () => {
 			c(""), u(""), f(""), Y.success(r.settings.changePasswordSuccess);

package/dist/plugins.js

@@ -2692,18 +2692,18 @@ function zn({ className: n, socialLayout: i, socialPosition: a = "bottom", varia
 	}
 	let { mutate: ne, isPending: re } = ge(c, {
 		onError: (e, { email: t }) => {
-			T(""), e.error?.code === "EMAIL_NOT_VERIFIED" ? q.danger(e.error?.message || e.message, { actionProps: {
+			T(""), e.error?.code === "EMAIL_NOT_VERIFIED" && q.danger(e.error?.message || e.message, { actionProps: {
 				children: f.auth.resend,
 				onClick: () => ee({
 					email: t,
 					callbackURL: `${u}${g}`
 				})
-			} }) : q.danger(e.error?.message || e.message), x();
+			} }), x();
 		},
 		onSuccess: () => y({ to: g })
 	}), { mutate: ie, isPending: ae } = ye(c, {
-		onError: (e) => {
-			T(""), q.danger(e.error?.message || e.message), x();
+		onError: () => {
+			T(""), x();
 		},
 		onSuccess: () => y({ to: g })
 	}), oe = (e) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@better-auth-ui/heroui",
-  "version": "1.6.12",
+  "version": "1.6.14",
   "type": "module",
   "scripts": {
     "build": "vite build",
@@ -35,7 +35,7 @@
     "@gravity-ui/icons": "^2.18.0",
     "@heroui/react": "^3.1.0",
     "@heroui/styles": "^3.1.0",
-    "@internationalized/date": "^3.12.1",
+    "@internationalized/date": "^3.12.2",
     "@tanstack/react-pacer": "^0.22.1",
     "@tanstack/react-query": "^5.100.14",
     "@testing-library/react": "^16.3.2",
@@ -56,7 +56,7 @@
     "@gravity-ui/icons": ">=2.18.0",
     "@heroui/react": ">=3.1.0",
     "@heroui/styles": ">=3.1.0",
-    "@internationalized/date": ">=3.12.1",
+    "@internationalized/date": ">=3.12.2",
     "@tanstack/react-pacer": ">=0.22.1",
     "@tanstack/react-query": ">=5.100.14",
     "better-auth": ">=1.6.11",

package/src/components/auth/additional-field.tsx

@@ -8,6 +8,7 @@ import {
   ComboBox,
   DateField,
   DatePicker,
+  type DateValue,
   FieldError,
   Input,
   InputGroup,
@@ -387,7 +388,7 @@ export function AdditionalField({
       <DatePicker
         className="w-full [&[data-required=true]>.label]:after:content-none"
         name={name}
-        defaultValue={defaultValue}
+        defaultValue={defaultValue as unknown as DateValue}
         granularity={isDateTime ? "minute" : "day"}
         isDisabled={isPending}
         isReadOnly={field.readOnly}

package/src/components/auth/error-toaster.tsx

@@ -12,30 +12,49 @@ export function ErrorToaster() {
   const queryClient = useQueryClient()
 
   useEffect(() => {
-    const unsubscribeQuery = queryClient.getQueryCache().subscribe((event) => {
-      if (event.type !== "updated" || event.action.type !== "error") return
-      if (!matchQuery({ queryKey: authQueryKeys.all }, event.query)) return
+    const queryCache = queryClient.getQueryCache()
+    const previousQueryOnError = queryCache.config.onError
 
-      const err = event.action.error as BetterFetchError
+    queryCache.config.onError = (error, query) => {
+      previousQueryOnError?.(error, query)
+
+      if (!matchQuery({ queryKey: authQueryKeys.all }, query)) return
+
+      const err = error as BetterFetchError
+      if (err?.error?.code === "EMAIL_NOT_VERIFIED") return
       if (err?.error) toast.danger(err.error.message)
-    })
+    }
 
-    const unsubscribeMutation = queryClient
-      .getMutationCache()
-      .subscribe((event) => {
-        if (event.type !== "updated" || event.action.type !== "error") return
-        if (
-          !matchMutation({ mutationKey: authMutationKeys.all }, event.mutation)
-        )
-          return
+    const mutationCache = queryClient.getMutationCache()
+    const previousMutationOnError = mutationCache.config.onError
 
-        const err = event.action.error as BetterFetchError
-        toast.danger(err.error?.message || err.message)
-      })
+    mutationCache.config.onError = (
+      error,
+      variables,
+      onMutateResult,
+      mutation,
+      context
+    ) => {
+      previousMutationOnError?.(
+        error,
+        variables,
+        onMutateResult,
+        mutation,
+        context
+      )
+
+      if (!matchMutation({ mutationKey: authMutationKeys.all }, mutation)) {
+        return
+      }
+
+      const err = error as BetterFetchError
+      if (err.error?.code === "EMAIL_NOT_VERIFIED") return
+      toast.danger(err.error?.message || err.message)
+    }
 
     return () => {
-      unsubscribeQuery()
-      unsubscribeMutation()
+      queryCache.config.onError = previousQueryOnError
+      mutationCache.config.onError = previousMutationOnError
     }
   }, [queryClient])
 

package/src/components/auth/forgot-password.tsx

@@ -29,7 +29,7 @@ export type ForgotPasswordProps = {
  * Render a card-based "Forgot Password" form that sends a password-reset email.
  *
  * The form displays an email input, submit button, and a link back to sign-in.
- * Toasts are displayed on success or error via the `useRequestPasswordReset` hook.
+ * Success toasts are shown via `useRequestPasswordReset`; errors are handled globally by `ErrorToaster`.
  *
  * @param className - Optional additional CSS class names applied to the card
  * @returns The forgot-password form UI as a JSX element
@@ -54,8 +54,7 @@ export function ForgotPassword({
   const { mutate: requestPasswordReset, isPending } = useRequestPasswordReset(
     authClient,
     {
-      onError: (error) => {
-        toast.danger(error.error?.message || error.message)
+      onError: () => {
         resetFetchOptions()
       },
       onSuccess: () => {

package/src/components/auth/settings/security/change-password.tsx

@@ -139,11 +139,10 @@ function ChangePasswordForm({
   const [confirmPassword, setConfirmPassword] = useState("")
 
   const { mutate: changePassword, isPending } = useChangePassword(authClient, {
-    onError: (error) => {
+    onError: () => {
       setCurrentPassword("")
       setNewPassword("")
       setConfirmPassword("")
-      toast.danger(error.error?.message || error.message)
     },
     onSuccess: () => {
       setCurrentPassword("")

package/src/components/auth/sign-in.tsx

@@ -87,8 +87,6 @@ export function SignIn({
                 })
             }
           })
-        } else {
-          toast.danger(error.error?.message || error.message)
         }
 
         resetFetchOptions()

package/src/components/auth/sign-out.tsx

@@ -1,5 +1,5 @@
 import { useAuth, useSignOut } from "@better-auth-ui/react"
-import { cn, Spinner, toast } from "@heroui/react"
+import { cn, Spinner } from "@heroui/react"
 import { useEffect, useRef } from "react"
 
 export type SignOutProps = {
@@ -15,8 +15,7 @@ export function SignOut({ className }: SignOutProps) {
   const { authClient, basePaths, navigate, viewPaths } = useAuth()
 
   const { mutate: signOut } = useSignOut(authClient, {
-    onError: (error) => {
-      toast.danger(error.error?.message || error.message)
+    onError: () => {
       navigate({
         to: `${basePaths.auth}/${viewPaths.auth.signIn}`,
         replace: true

package/src/components/auth/sign-up.tsx

@@ -71,10 +71,9 @@ export function SignUp({
   const { mutate: signUpEmail, isPending: signUpEmailPending } = useSignUpEmail(
     authClient,
     {
-      onError: (error) => {
+      onError: () => {
         setPassword("")
         setConfirmPassword("")
-        toast.danger(error.error?.message || error.message)
         resetFetchOptions()
       },
       onSuccess: () => {

package/src/components/auth/username/sign-in-username.tsx

@@ -95,8 +95,6 @@ export function SignInUsername({
                 })
             }
           })
-        } else {
-          toast.danger(error.error?.message || error.message)
         }
 
         resetFetchOptions()
@@ -106,9 +104,8 @@ export function SignInUsername({
 
   const { mutate: signInUsername, isPending: isSignInUsernamePending } =
     useSignInUsername(authClient as UsernameAuthClient, {
-      onError: (error) => {
+      onError: () => {
         setPassword("")
-        toast.danger(error.error?.message || error.message)
         resetFetchOptions()
       },
       onSuccess: () => navigate({ to: redirectTo })