@better-auth-ui/heroui 1.6.16 → 1.6.17

package/dist/index.js

@@ -1300,8 +1300,16 @@ function ht({ className: e, variant: t, ...n }) {
 	});
 }
 function gt({ className: e, variant: t, ...n }) {
-	let { authClient: r, localization: i } = m(), { data: a } = C(r), { mutate: o, isPending: s } = x(r, { onSuccess: () => Y.success(i.auth.passwordResetEmailSent) }), c = () => {
-		a?.user.email && o({ email: a.user.email });
+	let { authClient: r, localization: i, plugins: a } = m(), { data: o } = C(r), { fetchOptions: s, resetFetchOptions: c } = v(), { mutate: l, isPending: u } = x(r, {
+		onError: () => {
+			c();
+		},
+		onSuccess: () => Y.success(i.auth.passwordResetEmailSent)
+	}), d = a.find((e) => e.captchaComponent)?.captchaComponent, f = () => {
+		o?.user.email && l({
+			email: o.user.email,
+			fetchOptions: s
+		});
 	};
 	return /* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q("h2", {
 		className: J("text-sm font-semibold mb-3"),
@@ -1318,15 +1326,18 @@ function gt({ className: e, variant: t, ...n }) {
 			}), /* @__PURE__ */ Q("p", {
 				className: "text-muted text-xs mt-0.5",
 				children: i.settings.setPasswordDescription
-			})] }), /* @__PURE__ */ $(k, {
-				size: "sm",
-				isPending: s,
-				isDisabled: !a,
-				onPress: c,
-				children: [s && /* @__PURE__ */ Q(G, {
-					color: "current",
-					size: "sm"
-				}), i.auth.sendResetLink]
+			})] }), /* @__PURE__ */ $("div", {
+				className: "flex flex-col gap-3 items-start sm:items-end",
+				children: [d && /* @__PURE__ */ Q("div", { children: d }), /* @__PURE__ */ $(k, {
+					size: "sm",
+					isPending: u,
+					isDisabled: !o?.user.email,
+					onPress: f,
+					children: [u && /* @__PURE__ */ Q(G, {
+						color: "current",
+						size: "sm"
+					}), i.auth.sendResetLink]
+				})]
 			})]
 		})
 	})] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@better-auth-ui/heroui",
-  "version": "1.6.16",
+  "version": "1.6.17",
   "type": "module",
   "scripts": {
     "build": "vite build",

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

@@ -1,6 +1,7 @@
 import {
   useAuth,
   useChangePassword,
+  useFetchOptions,
   useListAccounts,
   useRequestPasswordReset,
   useSession
@@ -73,19 +74,27 @@ function SetPassword({
   variant,
   ...props
 }: Omit<CardProps, "children">) {
-  const { authClient, localization } = useAuth()
+  const { authClient, localization, plugins } = useAuth()
   const { data: session } = useSession(authClient)
+  const { fetchOptions, resetFetchOptions } = useFetchOptions()
 
   const { mutate: requestPasswordReset, isPending } = useRequestPasswordReset(
     authClient,
     {
+      onError: () => {
+        resetFetchOptions()
+      },
       onSuccess: () => toast.success(localization.auth.passwordResetEmailSent)
     }
   )
 
+  const Captcha = plugins.find(
+    (plugin) => plugin.captchaComponent
+  )?.captchaComponent
+
   const handleSetPassword = () => {
     if (!session?.user.email) return
-    requestPasswordReset({ email: session.user.email })
+    requestPasswordReset({ email: session.user.email, fetchOptions })
   }
 
   return (
@@ -106,15 +115,19 @@ function SetPassword({
             </p>
           </div>
 
-          <Button
-            size="sm"
-            isPending={isPending}
-            isDisabled={!session}
-            onPress={handleSetPassword}
-          >
-            {isPending && <Spinner color="current" size="sm" />}
-            {localization.auth.sendResetLink}
-          </Button>
+          <div className="flex flex-col gap-3 items-start sm:items-end">
+            {Captcha && <div>{Captcha}</div>}
+
+            <Button
+              size="sm"
+              isPending={isPending}
+              isDisabled={!session?.user.email}
+              onPress={handleSetPassword}
+            >
+              {isPending && <Spinner color="current" size="sm" />}
+              {localization.auth.sendResetLink}
+            </Button>
+          </div>
         </Card.Content>
       </Card>
     </div>