@better-auth-ui/heroui 1.6.1 → 1.6.3

package/dist/components/settings/security/change-password.js

@@ -1,79 +1,189 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAuth, useChangePassword, useListAccounts, useRequestPasswordReset, useSession } from "@better-auth-ui/react";
-import { Eye, EyeSlash } from "@gravity-ui/icons";
-import { Button, Card, cn, FieldError, Fieldset, Form, Input, InputGroup, Label, Skeleton, Spinner, TextField, toast } from "@heroui/react";
-import { useState } from "react";
-/**
- * Render a card form for changing the authenticated user's password.
- *
- * When the user has a credential account, displays fields for current password,
- * new password, and optionally confirm password. When the user only has social
- * accounts, displays a prompt to set a password via the reset flow.
- *
- * @returns A JSX element containing the change-password or set-password card
- */
-export function ChangePassword({ className, variant, ...props }) {
-    const { emailAndPassword, localization } = useAuth();
-    const { data: session } = useSession();
-    const { data: accounts, isPending: isAccountsPending } = useListAccounts();
-    const hasCredentialAccount = accounts?.some((account) => account.providerId === "credential");
-    if (!isAccountsPending && !hasCredentialAccount) {
-        return _jsx(SetPassword, { className: className, variant: variant, ...props });
-    }
-    return (_jsx(ChangePasswordForm, { className: className, variant: variant, emailAndPassword: emailAndPassword, localization: localization, session: isAccountsPending ? undefined : session, ...props }));
+import { useAuth as e, useChangePassword as t, useListAccounts as n, useRequestPasswordReset as r, useSession as i } from "@better-auth-ui/react";
+import { Button as a, Card as o, FieldError as s, Fieldset as c, Form as l, Input as u, InputGroup as d, Label as f, Skeleton as p, Spinner as m, TextField as h, cn as g, toast as _ } from "@heroui/react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { Eye as x, EyeSlash as S } from "@gravity-ui/icons";
+//#region src/components/settings/security/change-password.tsx
+function C({ className: t, variant: r, ...a }) {
+	let { emailAndPassword: o, localization: s } = e(), { data: c } = i(), { data: l, isPending: u } = n(), d = l?.some((e) => e.providerId === "credential");
+	return !u && !d ? /* @__PURE__ */ v(w, {
+		className: t,
+		variant: r,
+		...a
+	}) : /* @__PURE__ */ v(T, {
+		className: t,
+		variant: r,
+		emailAndPassword: o,
+		localization: s,
+		session: u ? void 0 : c,
+		...a
+	});
 }
-function SetPassword({ className, variant, ...props }) {
-    const { localization } = useAuth();
-    const { data: session } = useSession();
-    const { mutate: requestPasswordReset, isPending } = useRequestPasswordReset({
-        onError: (error) => toast.danger(error.error?.message || error.message),
-        onSuccess: () => toast.success(localization.auth.passwordResetEmailSent)
-    });
-    const handleSetPassword = () => {
-        if (!session?.user.email)
-            return;
-        requestPasswordReset({ email: session.user.email });
-    };
-    return (_jsxs("div", { children: [_jsx("h2", { className: cn("text-sm font-semibold mb-3"), children: localization.settings.changePassword }), _jsx(Card, { className: cn(className), variant: variant, ...props, children: _jsxs(Card.Content, { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium leading-tight", children: localization.settings.setPassword }), _jsx("p", { className: "text-muted text-xs mt-0.5", children: localization.settings.setPasswordDescription })] }), _jsxs(Button, { size: "sm", isPending: isPending, isDisabled: !session, onPress: handleSetPassword, children: [isPending && _jsx(Spinner, { color: "current", size: "sm" }), localization.auth.sendResetLink] })] }) })] }));
+function w({ className: t, variant: n, ...s }) {
+	let { localization: c } = e(), { data: l } = i(), { mutate: u, isPending: d } = r({ onSuccess: () => _.success(c.auth.passwordResetEmailSent) }), f = () => {
+		l?.user.email && u({ email: l.user.email });
+	};
+	return /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h2", {
+		className: g("text-sm font-semibold mb-3"),
+		children: c.settings.changePassword
+	}), /* @__PURE__ */ v(o, {
+		className: g(t),
+		variant: n,
+		...s,
+		children: /* @__PURE__ */ y(o.Content, {
+			className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+			children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+				className: "text-sm font-medium leading-tight",
+				children: c.settings.setPassword
+			}), /* @__PURE__ */ v("p", {
+				className: "text-muted text-xs mt-0.5",
+				children: c.settings.setPasswordDescription
+			})] }), /* @__PURE__ */ y(a, {
+				size: "sm",
+				isPending: d,
+				isDisabled: !l,
+				onPress: f,
+				children: [d && /* @__PURE__ */ v(m, {
+					color: "current",
+					size: "sm"
+				}), c.auth.sendResetLink]
+			})]
+		})
+	})] });
 }
-function ChangePasswordForm({ className, variant, emailAndPassword, localization, session, ...props }) {
-    const [currentPassword, setCurrentPassword] = useState("");
-    const [newPassword, setNewPassword] = useState("");
-    const [confirmPassword, setConfirmPassword] = useState("");
-    const { mutate: changePassword, isPending } = useChangePassword({
-        onError: (error) => {
-            setCurrentPassword("");
-            setNewPassword("");
-            setConfirmPassword("");
-            toast.danger(error.error?.message || error.message);
-        },
-        onSuccess: () => {
-            setCurrentPassword("");
-            setNewPassword("");
-            setConfirmPassword("");
-            toast.success(localization.settings.changePasswordSuccess);
-        }
-    });
-    const [isNewPasswordVisible, setIsNewPasswordVisible] = useState(false);
-    const [isConfirmPasswordVisible, setIsConfirmPasswordVisible] = useState(false);
-    const handleSubmit = (e) => {
-        e.preventDefault();
-        if (emailAndPassword?.confirmPassword && newPassword !== confirmPassword) {
-            setCurrentPassword("");
-            setNewPassword("");
-            setConfirmPassword("");
-            toast.danger(localization.auth.passwordsDoNotMatch);
-            return;
-        }
-        changePassword({
-            currentPassword,
-            newPassword,
-            revokeOtherSessions: true
-        });
-    };
-    return (_jsxs("div", { children: [_jsx("h2", { className: cn("text-sm font-semibold mb-3"), children: localization.settings.changePassword }), _jsx(Card, { className: cn("p-4 gap-4", className), variant: variant, ...props, children: _jsx(Card.Content, { children: _jsx(Form, { onSubmit: handleSubmit, children: _jsxs(Fieldset, { className: "w-full gap-4", children: [_jsxs(Fieldset.Group, { children: [_jsxs(TextField, { name: "currentPassword", type: "password", isDisabled: isPending || !session, defaultValue: "", value: currentPassword, onChange: setCurrentPassword, children: [_jsx(Label, { children: localization.settings.currentPassword }), _jsx(Input, { className: cn(!session && "hidden"), autoComplete: "current-password", placeholder: localization.settings.currentPasswordPlaceholder, required: true, variant: variant === "transparent" ? "primary" : "secondary" }), !session && (_jsx(Skeleton, { className: "h-10 md:h-9 w-full rounded-xl" })), _jsx(FieldError, {})] }), _jsxs(TextField, { minLength: emailAndPassword?.minPasswordLength, maxLength: emailAndPassword?.maxPasswordLength, isDisabled: isPending || !session, value: newPassword, onChange: setNewPassword, children: [_jsx(Label, { children: localization.auth.newPassword }), _jsxs(InputGroup, { className: cn(!session && "hidden"), variant: variant === "transparent" ? "primary" : "secondary", children: [_jsx(InputGroup.Input, { name: "newPassword", type: isNewPasswordVisible ? "text" : "password", autoComplete: "new-password", placeholder: localization.auth.newPasswordPlaceholder, required: true }), _jsx(InputGroup.Suffix, { className: "px-0", children: _jsx(Button, { isIconOnly: true, "aria-label": isNewPasswordVisible
-                                                                    ? localization.auth.hidePassword
-                                                                    : localization.auth.showPassword, size: "sm", variant: "ghost", onPress: () => setIsNewPasswordVisible(!isNewPasswordVisible), isDisabled: isPending, children: isNewPasswordVisible ? _jsx(EyeSlash, {}) : _jsx(Eye, {}) }) })] }), !session && (_jsx(Skeleton, { className: "h-10 md:h-9 w-full rounded-xl" })), _jsx(FieldError, {})] }), emailAndPassword?.confirmPassword && (_jsxs(TextField, { minLength: emailAndPassword?.minPasswordLength, maxLength: emailAndPassword?.maxPasswordLength, isDisabled: isPending || !session, isRequired: true, value: confirmPassword, onChange: setConfirmPassword, children: [_jsx(Label, { children: localization.auth.confirmPassword }), _jsxs(InputGroup, { className: cn(!session && "hidden"), variant: variant === "transparent" ? "primary" : "secondary", children: [_jsx(InputGroup.Input, { name: "confirmPassword", type: isConfirmPasswordVisible ? "text" : "password", autoComplete: "new-password", placeholder: localization.auth.confirmPasswordPlaceholder, required: true }), _jsx(InputGroup.Suffix, { className: "px-0", children: _jsx(Button, { isIconOnly: true, "aria-label": isConfirmPasswordVisible
-                                                                    ? localization.auth.hidePassword
-                                                                    : localization.auth.showPassword, size: "sm", variant: "ghost", onPress: () => setIsConfirmPasswordVisible(!isConfirmPasswordVisible), isDisabled: isPending, children: isConfirmPasswordVisible ? _jsx(EyeSlash, {}) : _jsx(Eye, {}) }) })] }), !session && (_jsx(Skeleton, { className: "h-10 md:h-9 w-full rounded-xl" })), _jsx(FieldError, {})] }))] }), _jsx(Fieldset.Actions, { children: _jsxs(Button, { type: "submit", isPending: isPending, isDisabled: !session, size: "sm", children: [isPending && _jsx(Spinner, { color: "current", size: "sm" }), localization.settings.updatePassword] }) })] }) }) }) })] }));
+function T({ className: e, variant: n, emailAndPassword: r, localization: i, session: C, ...w }) {
+	let [T, E] = b(""), [D, O] = b(""), [k, A] = b(""), { mutate: j, isPending: M } = t({
+		onError: (e) => {
+			E(""), O(""), A(""), _.danger(e.error?.message || e.message);
+		},
+		onSuccess: () => {
+			E(""), O(""), A(""), _.success(i.settings.changePasswordSuccess);
+		}
+	}), [N, P] = b(!1), [F, I] = b(!1), L = (e) => {
+		if (e.preventDefault(), r?.confirmPassword && D !== k) {
+			E(""), O(""), A(""), _.danger(i.auth.passwordsDoNotMatch);
+			return;
+		}
+		j({
+			currentPassword: T,
+			newPassword: D,
+			revokeOtherSessions: !0
+		});
+	};
+	return /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h2", {
+		className: g("text-sm font-semibold mb-3"),
+		children: i.settings.changePassword
+	}), /* @__PURE__ */ v(o, {
+		className: g("p-4 gap-4", e),
+		variant: n,
+		...w,
+		children: /* @__PURE__ */ v(o.Content, { children: /* @__PURE__ */ v(l, {
+			onSubmit: L,
+			children: /* @__PURE__ */ y(c, {
+				className: "w-full gap-4",
+				children: [/* @__PURE__ */ y(c.Group, { children: [
+					/* @__PURE__ */ y(h, {
+						name: "currentPassword",
+						type: "password",
+						isDisabled: M || !C,
+						defaultValue: "",
+						value: T,
+						onChange: E,
+						children: [
+							/* @__PURE__ */ v(f, { children: i.settings.currentPassword }),
+							/* @__PURE__ */ v(u, {
+								className: g(!C && "hidden"),
+								autoComplete: "current-password",
+								placeholder: i.settings.currentPasswordPlaceholder,
+								required: !0,
+								variant: n === "transparent" ? "primary" : "secondary"
+							}),
+							!C && /* @__PURE__ */ v(p, { className: "h-10 md:h-9 w-full rounded-xl" }),
+							/* @__PURE__ */ v(s, {})
+						]
+					}),
+					/* @__PURE__ */ y(h, {
+						minLength: r?.minPasswordLength,
+						maxLength: r?.maxPasswordLength,
+						isDisabled: M || !C,
+						value: D,
+						onChange: O,
+						children: [
+							/* @__PURE__ */ v(f, { children: i.auth.newPassword }),
+							/* @__PURE__ */ y(d, {
+								className: g(!C && "hidden"),
+								variant: n === "transparent" ? "primary" : "secondary",
+								children: [/* @__PURE__ */ v(d.Input, {
+									name: "newPassword",
+									type: N ? "text" : "password",
+									autoComplete: "new-password",
+									placeholder: i.auth.newPasswordPlaceholder,
+									required: !0
+								}), /* @__PURE__ */ v(d.Suffix, {
+									className: "px-0",
+									children: /* @__PURE__ */ v(a, {
+										isIconOnly: !0,
+										"aria-label": N ? i.auth.hidePassword : i.auth.showPassword,
+										size: "sm",
+										variant: "ghost",
+										onPress: () => P(!N),
+										isDisabled: M,
+										children: v(N ? S : x, {})
+									})
+								})]
+							}),
+							!C && /* @__PURE__ */ v(p, { className: "h-10 md:h-9 w-full rounded-xl" }),
+							/* @__PURE__ */ v(s, {})
+						]
+					}),
+					r?.confirmPassword && /* @__PURE__ */ y(h, {
+						minLength: r?.minPasswordLength,
+						maxLength: r?.maxPasswordLength,
+						isDisabled: M || !C,
+						isRequired: !0,
+						value: k,
+						onChange: A,
+						children: [
+							/* @__PURE__ */ v(f, { children: i.auth.confirmPassword }),
+							/* @__PURE__ */ y(d, {
+								className: g(!C && "hidden"),
+								variant: n === "transparent" ? "primary" : "secondary",
+								children: [/* @__PURE__ */ v(d.Input, {
+									name: "confirmPassword",
+									type: F ? "text" : "password",
+									autoComplete: "new-password",
+									placeholder: i.auth.confirmPasswordPlaceholder,
+									required: !0
+								}), /* @__PURE__ */ v(d.Suffix, {
+									className: "px-0",
+									children: /* @__PURE__ */ v(a, {
+										isIconOnly: !0,
+										"aria-label": F ? i.auth.hidePassword : i.auth.showPassword,
+										size: "sm",
+										variant: "ghost",
+										onPress: () => I(!F),
+										isDisabled: M,
+										children: v(F ? S : x, {})
+									})
+								})]
+							}),
+							!C && /* @__PURE__ */ v(p, { className: "h-10 md:h-9 w-full rounded-xl" }),
+							/* @__PURE__ */ v(s, {})
+						]
+					})
+				] }), /* @__PURE__ */ v(c.Actions, { children: /* @__PURE__ */ y(a, {
+					type: "submit",
+					isPending: M,
+					isDisabled: !C,
+					size: "sm",
+					children: [M && /* @__PURE__ */ v(m, {
+						color: "current",
+						size: "sm"
+					}), i.settings.updatePassword]
+				}) })]
+			})
+		}) })
+	})] });
 }
+//#endregion
+export { C as ChangePassword };

package/dist/components/settings/security/danger-zone.d.ts

@@ -1,5 +1,5 @@
-import { type CardProps } from "@heroui/react";
-import type { ComponentProps } from "react";
+import { CardProps } from '@heroui/react';
+import { ComponentProps } from 'react';
 export type DangerZoneProps = {
     className?: string;
     variant?: CardProps["variant"];

package/dist/components/settings/security/danger-zone.js

@@ -1,12 +1,18 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAuth } from "@better-auth-ui/react";
-import { cn } from "@heroui/react";
-import { DeleteUser } from "./delete-user";
-/**
- * Renders the danger zone heading and {@link DeleteUser}.
- * Gate with `deleteUser.enabled` at the call site (e.g. {@link SecuritySettings}).
- */
-export function DangerZone({ className, variant, ...props }) {
-    const { localization } = useAuth();
-    return (_jsxs("div", { className: cn("flex w-full flex-col", className), ...props, children: [_jsx("h2", { className: cn("text-sm font-semibold mb-3"), children: localization.settings.dangerZone }), _jsx(DeleteUser, { variant: variant })] }));
+import { DeleteUser as e } from "./delete-user.js";
+import { useAuth as t } from "@better-auth-ui/react";
+import { cn as n } from "@heroui/react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/settings/security/danger-zone.tsx
+function a({ className: a, variant: o, ...s }) {
+	let { localization: c } = t();
+	return /* @__PURE__ */ i("div", {
+		className: n("flex w-full flex-col", a),
+		...s,
+		children: [/* @__PURE__ */ r("h2", {
+			className: n("text-sm font-semibold mb-3"),
+			children: c.settings.dangerZone
+		}), /* @__PURE__ */ r(e, { variant: o })]
+	});
 }
+//#endregion
+export { a as DangerZone };

package/dist/components/settings/security/delete-user.d.ts

@@ -1,4 +1,4 @@
-import { type CardProps } from "@heroui/react";
+import { CardProps } from '@heroui/react';
 export type DeleteUserProps = {
     className?: string;
     variant?: CardProps["variant"];
@@ -6,4 +6,4 @@ export type DeleteUserProps = {
 /**
  * Danger-zone card to delete the authenticated account, with a confirmation dialog and toasts.
  */
-export declare function DeleteUser({ className, variant, ...props }: DeleteUserProps & CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function DeleteUser({ className, variant, ...props }: DeleteUserProps & Omit<CardProps, "children">): import("react/jsx-runtime").JSX.Element;

package/dist/components/settings/security/delete-user.js

@@ -1,47 +1,92 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAuth, useDeleteUser, useListAccounts } from "@better-auth-ui/react";
-import { TriangleExclamation } from "@gravity-ui/icons";
-import { AlertDialog, Button, Card, cn, FieldError, Form, Input, Label, Spinner, TextField, toast } from "@heroui/react";
-import { useState } from "react";
-/**
- * Danger-zone card to delete the authenticated account, with a confirmation dialog and toasts.
- */
-export function DeleteUser({ className, variant, ...props }) {
-    const { basePaths, deleteUser: deleteUserConfig, localization, navigate, viewPaths } = useAuth();
-    const { data: accounts } = useListAccounts();
-    const [confirmOpen, setConfirmOpen] = useState(false);
-    const [password, setPassword] = useState("");
-    const hasCredentialAccount = accounts?.some((account) => account.providerId === "credential");
-    const needsPassword = !deleteUserConfig?.sendDeleteAccountVerification && hasCredentialAccount;
-    const { mutate: deleteUser, isPending } = useDeleteUser();
-    const handleDialogOpenChange = (open) => {
-        setConfirmOpen(open);
-        setPassword("");
-    };
-    const handleSubmit = async (e) => {
-        e.preventDefault();
-        const params = {
-            ...(needsPassword ? { password } : {})
-        };
-        deleteUser(params, {
-            onSuccess: () => {
-                setConfirmOpen(false);
-                setPassword("");
-                if (deleteUserConfig?.sendDeleteAccountVerification) {
-                    toast.success(localization.settings.deleteUserVerificationSent);
-                }
-                else {
-                    toast.success(localization.settings.deleteUserSuccess);
-                    navigate({
-                        to: `${basePaths.auth}/${viewPaths.auth.signIn}`,
-                        replace: true
-                    });
-                }
-            },
-            onError: (error) => {
-                toast.danger(error.error?.message || error.message);
-            }
-        });
-    };
-    return (_jsx(Card, { className: cn("border border-danger", className), variant: variant, ...props, children: _jsxs(Card.Content, { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium leading-tight", children: localization.settings.deleteUser }), _jsx("p", { className: "text-muted text-xs mt-0.5", children: localization.settings.deleteUserDescription })] }), _jsxs(AlertDialog, { children: [_jsx(Button, { isDisabled: !accounts, size: "sm", variant: "danger", onPress: () => setConfirmOpen(true), children: localization.settings.deleteUser }), _jsx(AlertDialog.Backdrop, { isOpen: confirmOpen, onOpenChange: handleDialogOpenChange, children: _jsx(AlertDialog.Container, { children: _jsx(AlertDialog.Dialog, { children: _jsxs(Form, { onSubmit: handleSubmit, children: [_jsx(AlertDialog.CloseTrigger, {}), _jsxs(AlertDialog.Header, { children: [_jsx(AlertDialog.Icon, { status: "danger", children: _jsx(TriangleExclamation, {}) }), _jsx(AlertDialog.Heading, { children: localization.settings.deleteUser })] }), _jsxs(AlertDialog.Body, { className: "overflow-visible", children: [_jsx("p", { className: "text-muted text-sm", children: localization.settings.deleteUserDescription }), needsPassword && (_jsxs(TextField, { className: "mt-4", name: "password", type: "password", isDisabled: isPending, value: password, onChange: setPassword, children: [_jsx(Label, { children: localization.auth.password }), _jsx(Input, { autoComplete: "current-password", placeholder: localization.auth.passwordPlaceholder, required: true, variant: "secondary" }), _jsx(FieldError, {})] }))] }), _jsxs(AlertDialog.Footer, { children: [_jsx(Button, { slot: "close", variant: "tertiary", isDisabled: isPending, children: localization.settings.cancel }), _jsxs(Button, { type: "submit", variant: "danger", isPending: isPending, children: [isPending && _jsx(Spinner, { color: "current", size: "sm" }), localization.settings.deleteUser] })] })] }) }) }) })] })] }) }));
+import { useAuth as e, useDeleteUser as t, useListAccounts as n } from "@better-auth-ui/react";
+import { AlertDialog as r, Button as i, Card as a, FieldError as o, Form as s, Input as c, Label as l, Spinner as u, TextField as d, cn as f, toast as p } from "@heroui/react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { TriangleExclamation as _ } from "@gravity-ui/icons";
+//#region src/components/settings/security/delete-user.tsx
+function v({ className: v, variant: y, ...b }) {
+	let { basePaths: x, deleteUser: S, localization: C, navigate: w, viewPaths: T } = e(), { data: E } = n(), [D, O] = g(!1), [k, A] = g(""), j = E?.some((e) => e.providerId === "credential"), M = !S?.sendDeleteAccountVerification && j, { mutate: N, isPending: P } = t(), F = (e) => {
+		O(e), A("");
+	}, I = async (e) => {
+		e.preventDefault(), N({ ...M ? { password: k } : {} }, { onSuccess: () => {
+			O(!1), A(""), S?.sendDeleteAccountVerification ? p.success(C.settings.deleteUserVerificationSent) : (p.success(C.settings.deleteUserSuccess), w({
+				to: `${x.auth}/${T.auth.signIn}`,
+				replace: !0
+			}));
+		} });
+	};
+	return /* @__PURE__ */ m(a, {
+		className: f("border border-danger", v),
+		variant: y,
+		...b,
+		children: /* @__PURE__ */ h(a.Content, {
+			className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+			children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+				className: "text-sm font-medium leading-tight",
+				children: C.settings.deleteUser
+			}), /* @__PURE__ */ m("p", {
+				className: "text-muted text-xs mt-0.5",
+				children: C.settings.deleteUserDescription
+			})] }), /* @__PURE__ */ h(r, { children: [/* @__PURE__ */ m(i, {
+				isDisabled: !E,
+				size: "sm",
+				variant: "danger",
+				onPress: () => O(!0),
+				children: C.settings.deleteUser
+			}), /* @__PURE__ */ m(r.Backdrop, {
+				isOpen: D,
+				onOpenChange: F,
+				children: /* @__PURE__ */ m(r.Container, { children: /* @__PURE__ */ m(r.Dialog, { children: /* @__PURE__ */ h(s, {
+					onSubmit: I,
+					children: [
+						/* @__PURE__ */ m(r.CloseTrigger, {}),
+						/* @__PURE__ */ h(r.Header, { children: [/* @__PURE__ */ m(r.Icon, {
+							status: "danger",
+							children: /* @__PURE__ */ m(_, {})
+						}), /* @__PURE__ */ m(r.Heading, { children: C.settings.deleteUser })] }),
+						/* @__PURE__ */ h(r.Body, {
+							className: "overflow-visible",
+							children: [/* @__PURE__ */ m("p", {
+								className: "text-muted text-sm",
+								children: C.settings.deleteUserDescription
+							}), M && /* @__PURE__ */ h(d, {
+								className: "mt-4",
+								name: "password",
+								type: "password",
+								isDisabled: P,
+								value: k,
+								onChange: A,
+								children: [
+									/* @__PURE__ */ m(l, { children: C.auth.password }),
+									/* @__PURE__ */ m(c, {
+										autoComplete: "current-password",
+										placeholder: C.auth.passwordPlaceholder,
+										required: !0,
+										variant: "secondary"
+									}),
+									/* @__PURE__ */ m(o, {})
+								]
+							})]
+						}),
+						/* @__PURE__ */ h(r.Footer, { children: [/* @__PURE__ */ m(i, {
+							slot: "close",
+							variant: "tertiary",
+							isDisabled: P,
+							children: C.settings.cancel
+						}), /* @__PURE__ */ h(i, {
+							type: "submit",
+							variant: "danger",
+							isPending: P,
+							children: [P && /* @__PURE__ */ m(u, {
+								color: "current",
+								size: "sm"
+							}), C.settings.deleteUser]
+						})] })
+					]
+				}) }) })
+			})] })]
+		})
+	});
 }
+//#endregion
+export { v as DeleteUser };

package/dist/components/settings/security/linked-account.d.ts

@@ -1,4 +1,4 @@
-import type { Account, SocialProvider } from "better-auth";
+import { Account, SocialProvider } from 'better-auth';
 export type LinkedAccountProps = {
     account?: Account;
     provider: SocialProvider;

package/dist/components/settings/security/linked-account.js

@@ -1,48 +1,56 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getProviderName } from "@better-auth-ui/core";
-import { providerIcons, useAccountInfo, useAuth, useLinkSocial, useUnlinkAccount } from "@better-auth-ui/react";
-import { Link, LinkSlash, PlugConnection } from "@gravity-ui/icons";
-import { Button, cn, Skeleton, Spinner, toast } from "@heroui/react";
-/**
- * Render a single linked social account row with provider info and link/unlink control.
- *
- * Fetches additional account information from the provider using the accountInfo API
- * and displays the provider name, account details, and a link/unlink button.
- *
- * @param account - The account object containing id, accountId, and providerId
- * @param provider - The provider id
- * @returns A JSX element containing the linked account row
- */
-export function LinkedAccount({ account, provider }) {
-    const { baseURL, localization } = useAuth();
-    const { data: accountInfo, isPending: isLoadingInfo } = useAccountInfo(account?.accountId, {
-        enabled: !!account,
-        throwOnError: (error) => {
-            if (error.error)
-                toast.danger(error.error.message);
-            return false;
-        }
-    });
-    const { mutate: linkSocial, isPending: isLinking } = useLinkSocial({
-        onError: (error) => toast.danger(error.error?.message || error.message)
-    });
-    const { mutate: unlinkAccount, isPending: isUnlinking } = useUnlinkAccount({
-        onError: (error) => toast.danger(error.error?.message || error.message),
-        onSuccess: () => toast.success(localization.settings.accountUnlinked)
-    });
-    const ProviderIcon = providerIcons[provider];
-    const providerName = getProviderName(provider);
-    const displayName = accountInfo?.data?.login ||
-        accountInfo?.data?.username ||
-        accountInfo?.user?.email ||
-        accountInfo?.user?.name ||
-        account?.accountId;
-    return (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: cn("flex size-10 shrink-0 items-center justify-center rounded-xl bg-surface-secondary"), children: ProviderIcon ? (_jsx(ProviderIcon, { className: cn("size-4.5", !account && "opacity-50") })) : (_jsx(PlugConnection, { className: cn("size-4.5", !account && "opacity-50") })) }), _jsxs("div", { className: "flex flex-col min-w-0", children: [_jsx("span", { className: "text-sm font-medium leading-tight", children: providerName }), account && isLoadingInfo ? (_jsx(Skeleton, { className: "h-3 w-24 my-0.5 rounded-lg" })) : (_jsx("span", { className: "text-xs text-muted truncate", children: account
-                            ? displayName
-                            : localization.settings.linkProvider.replace("{{provider}}", providerName) }))] }), account ? (_jsxs(Button, { className: "ml-auto shrink-0", variant: "outline", size: "sm", onPress: () => unlinkAccount({ providerId: account.providerId }), isPending: isUnlinking, "aria-label": localization.settings.unlinkProvider.replace("{{provider}}", providerName), children: [isUnlinking ? _jsx(Spinner, { color: "current", size: "sm" }) : _jsx(LinkSlash, {}), localization.settings.unlinkProvider
-                        .replace("{{provider}}", "")
-                        .trim()] })) : (_jsxs(Button, { className: "ml-auto shrink-0", variant: "outline", size: "sm", onPress: () => linkSocial({
-                    provider,
-                    callbackURL: `${baseURL}${window.location.pathname}`
-                }), isPending: isLinking, "aria-label": localization.settings.linkProvider.replace("{{provider}}", providerName), children: [isLinking ? _jsx(Spinner, { color: "current", size: "sm" }) : _jsx(Link, {}), localization.settings.link] }))] }));
+import { providerIcons as e, useAccountInfo as t, useAuth as n, useLinkSocial as r, useUnlinkAccount as i } from "@better-auth-ui/react";
+import { Button as a, Skeleton as o, Spinner as s, cn as c, toast as l } from "@heroui/react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Link as f, LinkSlash as p, PlugConnection as m } from "@gravity-ui/icons";
+import { getProviderName as h } from "@better-auth-ui/core";
+//#region src/components/settings/security/linked-account.tsx
+function g({ account: g, provider: _ }) {
+	let { baseURL: v, localization: y } = n(), { data: b, isPending: x } = t({ query: { accountId: g?.accountId } }), { mutate: S, isPending: C } = r(), { mutate: w, isPending: T } = i({ onSuccess: () => l.success(y.settings.accountUnlinked) }), E = e[_], D = h(_), O = b?.data?.login || b?.data?.username || b?.user?.email || b?.user?.name || g?.accountId;
+	return /* @__PURE__ */ d("div", {
+		className: "flex items-center gap-3",
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: c("flex size-10 shrink-0 items-center justify-center rounded-xl bg-surface-secondary"),
+				children: u(E || m, { className: c("size-4.5", !g && "opacity-50") })
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "flex flex-col min-w-0",
+				children: [/* @__PURE__ */ u("span", {
+					className: "text-sm font-medium leading-tight",
+					children: D
+				}), g && x ? /* @__PURE__ */ u(o, { className: "h-3 w-24 my-0.5 rounded-lg" }) : /* @__PURE__ */ u("span", {
+					className: "text-xs text-muted truncate",
+					children: g ? O : y.settings.linkProvider.replace("{{provider}}", D)
+				})]
+			}),
+			g ? /* @__PURE__ */ d(a, {
+				className: "ml-auto shrink-0",
+				variant: "outline",
+				size: "sm",
+				onPress: () => w({ providerId: g.providerId }),
+				isPending: T,
+				"aria-label": y.settings.unlinkProvider.replace("{{provider}}", D),
+				children: [T ? /* @__PURE__ */ u(s, {
+					color: "current",
+					size: "sm"
+				}) : /* @__PURE__ */ u(p, {}), y.settings.unlinkProvider.replace("{{provider}}", "").trim()]
+			}) : /* @__PURE__ */ d(a, {
+				className: "ml-auto shrink-0",
+				variant: "outline",
+				size: "sm",
+				onPress: () => S({
+					provider: _,
+					callbackURL: `${v}${window.location.pathname}`
+				}),
+				isPending: C,
+				"aria-label": y.settings.linkProvider.replace("{{provider}}", D),
+				children: [C ? /* @__PURE__ */ u(s, {
+					color: "current",
+					size: "sm"
+				}) : /* @__PURE__ */ u(f, {}), y.settings.link]
+			})
+		]
+	});
 }
+//#endregion
+export { g as LinkedAccount };

package/dist/components/settings/security/linked-accounts.d.ts

@@ -1,4 +1,4 @@
-import { type CardProps } from "@heroui/react";
+import { CardProps } from '@heroui/react';
 export type LinkedAccountsProps = {
     className?: string;
     variant?: CardProps["variant"];
@@ -12,4 +12,4 @@ export type LinkedAccountsProps = {
  *
  * @returns A JSX element containing the linked accounts card
  */
-export declare function LinkedAccounts({ className, variant, ...props }: LinkedAccountsProps & CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function LinkedAccounts({ className, variant, ...props }: LinkedAccountsProps & Omit<CardProps, "children">): import("react/jsx-runtime").JSX.Element;