@better-auth-ui/heroui 1.6.0 → 1.6.2

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

@@ -1,79 +1,192 @@
-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({
+		onError: (e) => _.danger(e.error?.message || e.message),
+		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"];

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

@@ -1,47 +1,97 @@
-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
+				}));
+			},
+			onError: (e) => {
+				p.danger(e.error?.message || e.message);
+			}
+		});
+	};
+	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,62 @@
-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(g?.accountId, {
+		enabled: !!g,
+		throwOnError: (e) => (e.error && l.danger(e.error.message), !1)
+	}), { mutate: S, isPending: C } = r({ onError: (e) => l.danger(e.error?.message || e.message) }), { mutate: w, isPending: T } = i({
+		onError: (e) => l.danger(e.error?.message || e.message),
+		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"];