@better-auth-ui/heroui 1.6.13 → 1.6.15

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 });
@@ -907,13 +907,13 @@ function at() {
 		t.config.onError = (e, t) => {
 			if (n?.(e, t), !Ue({ queryKey: o.all }, t)) return;
 			let r = e;
-			r?.error && Y.danger(r.error.message);
+			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;
-			Y.danger(s.error?.message || s.message);
+			s.error?.code !== "EMAIL_NOT_VERIFIED" && Y.danger(s.error?.message || s.message);
 		}, () => {
 			t.config.onError = n, r.config.onError = i;
 		};
@@ -1288,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);
@@ -1473,11 +1473,11 @@ function vt({ account: e, provider: t }) {
 //#endregion
 //#region src/components/auth/settings/security/linked-accounts.tsx
 function yt({ className: e, variant: t, ...n }) {
-	let { authClient: r, localization: i, socialProviders: a } = m(), { data: o, isPending: s } = b(r), c = [...(o?.filter((e) => e.providerId !== "credential"))?.map((e) => ({
+	let { authClient: r, localization: i, multipleAccountsPerProvider: a, socialProviders: o } = m(), { data: s, isPending: c } = b(r), l = s?.filter((e) => e.providerId !== "credential"), u = new Set(l?.map((e) => e.providerId)), d = a === !1 ? o?.filter((e) => !u.has(e)) : o, f = [...l?.map((e) => ({
 		key: e.id,
 		account: e,
 		provider: e.providerId
-	})) ?? [], ...a?.map((e) => ({
+	})) ?? [], ...d?.map((e) => ({
 		key: e,
 		account: void 0,
 		provider: e
@@ -1491,7 +1491,7 @@ function yt({ className: e, variant: t, ...n }) {
 		...n,
 		children: /* @__PURE__ */ Q(j.Content, {
 			className: "gap-0",
-			children: s ? a?.map((e, t) => /* @__PURE__ */ $("div", { children: [t > 0 && /* @__PURE__ */ Q("div", { className: "border-b border-dashed -mx-4 my-4" }), /* @__PURE__ */ Q(bt, {})] }, e)) : c.map((e, t) => /* @__PURE__ */ $("div", { children: [t > 0 && /* @__PURE__ */ Q("div", { className: "border-b border-dashed -mx-4 my-4" }), /* @__PURE__ */ Q(vt, {
+			children: c ? o?.map((e, t) => /* @__PURE__ */ $("div", { children: [t > 0 && /* @__PURE__ */ Q("div", { className: "border-b border-dashed -mx-4 my-4" }), /* @__PURE__ */ Q(bt, {})] }, e)) : f.map((e, t) => /* @__PURE__ */ $("div", { children: [t > 0 && /* @__PURE__ */ Q("div", { className: "border-b border-dashed -mx-4 my-4" }), /* @__PURE__ */ Q(vt, {
 				account: e.account,
 				provider: e.provider
 			})] }, e.key))

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.13",
+  "version": "1.6.15",
   "type": "module",
   "scripts": {
     "build": "vite build",

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

@@ -21,6 +21,7 @@ export function ErrorToaster() {
       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)
     }
 
@@ -47,6 +48,7 @@ export function ErrorToaster() {
       }
 
       const err = error as BetterFetchError
+      if (err.error?.code === "EMAIL_NOT_VERIFIED") return
       toast.danger(err.error?.message || err.message)
     }
 

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/settings/security/linked-accounts.tsx

@@ -21,7 +21,12 @@ export function LinkedAccounts({
   variant,
   ...props
 }: LinkedAccountsProps & Omit<CardProps, "children">) {
-  const { authClient, localization, socialProviders } = useAuth()
+  const {
+    authClient,
+    localization,
+    multipleAccountsPerProvider,
+    socialProviders
+  } = useAuth()
 
   const { data: accounts, isPending } = useListAccounts(authClient)
 
@@ -29,13 +34,20 @@ export function LinkedAccounts({
     (account) => account.providerId !== "credential"
   )
 
+  const linkedProviderIds = new Set(linkedAccounts?.map((a) => a.providerId))
+
+  const availableProviders =
+    multipleAccountsPerProvider === false
+      ? socialProviders?.filter((p) => !linkedProviderIds.has(p))
+      : socialProviders
+
   const allRows = [
     ...(linkedAccounts?.map((account) => ({
       key: account.id,
       account,
       provider: account.providerId
     })) ?? []),
-    ...(socialProviders?.map((provider) => ({
+    ...(availableProviders?.map((provider) => ({
       key: provider,
       account: undefined,
       provider

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 })