@better-auth-ui/heroui 1.6.8 → 1.6.10

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

@@ -1,189 +0,0 @@
-import { useAuth as e, useChangePassword as t, useListAccounts as n, useRequestPasswordReset as r, useSession as i } from "@better-auth-ui/react";
-import { Eye as a, EyeSlash as o } from "@gravity-ui/icons";
-import { Button as s, Card as c, FieldError as l, Fieldset as u, Form as d, Input as f, InputGroup as p, Label as m, Skeleton as h, Spinner as g, TextField as _, cn as v, toast as y } from "@heroui/react";
-import { useState as b } from "react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-//#region src/components/auth/settings/security/change-password.tsx
-function C({ className: t, variant: r, ...a }) {
-	let { authClient: o, emailAndPassword: s, localization: c } = e(), { data: l } = i(o), { data: u, isPending: d } = n(o), f = u?.some((e) => e.providerId === "credential");
-	return !d && !f ? /* @__PURE__ */ x(w, {
-		className: t,
-		variant: r,
-		...a
-	}) : /* @__PURE__ */ x(T, {
-		className: t,
-		variant: r,
-		emailAndPassword: s,
-		localization: c,
-		session: d ? void 0 : l,
-		...a
-	});
-}
-function w({ className: t, variant: n, ...a }) {
-	let { authClient: o, localization: l } = e(), { data: u } = i(o), { mutate: d, isPending: f } = r(o, { onSuccess: () => y.success(l.auth.passwordResetEmailSent) }), p = () => {
-		u?.user.email && d({ email: u.user.email });
-	};
-	return /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h2", {
-		className: v("text-sm font-semibold mb-3"),
-		children: l.settings.changePassword
-	}), /* @__PURE__ */ x(c, {
-		className: v(t),
-		variant: n,
-		...a,
-		children: /* @__PURE__ */ S(c.Content, {
-			className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-			children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
-				className: "text-sm font-medium leading-tight",
-				children: l.settings.setPassword
-			}), /* @__PURE__ */ x("p", {
-				className: "text-muted text-xs mt-0.5",
-				children: l.settings.setPasswordDescription
-			})] }), /* @__PURE__ */ S(s, {
-				size: "sm",
-				isPending: f,
-				isDisabled: !u,
-				onPress: p,
-				children: [f && /* @__PURE__ */ x(g, {
-					color: "current",
-					size: "sm"
-				}), l.auth.sendResetLink]
-			})]
-		})
-	})] });
-}
-function T({ className: n, variant: r, emailAndPassword: i, localization: C, session: w, ...T }) {
-	let { authClient: E } = e(), [D, O] = b(""), [k, A] = b(""), [j, M] = b(""), { mutate: N, isPending: P } = t(E, {
-		onError: (e) => {
-			O(""), A(""), M(""), y.danger(e.error?.message || e.message);
-		},
-		onSuccess: () => {
-			O(""), A(""), M(""), y.success(C.settings.changePasswordSuccess);
-		}
-	}), [F, I] = b(!1), [L, R] = b(!1), z = (e) => {
-		if (e.preventDefault(), i?.confirmPassword && k !== j) {
-			O(""), A(""), M(""), y.danger(C.auth.passwordsDoNotMatch);
-			return;
-		}
-		N({
-			currentPassword: D,
-			newPassword: k,
-			revokeOtherSessions: !0
-		});
-	};
-	return /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h2", {
-		className: v("text-sm font-semibold mb-3"),
-		children: C.settings.changePassword
-	}), /* @__PURE__ */ x(c, {
-		className: v("p-4 gap-4", n),
-		variant: r,
-		...T,
-		children: /* @__PURE__ */ x(c.Content, { children: /* @__PURE__ */ x(d, {
-			onSubmit: z,
-			children: /* @__PURE__ */ S(u, {
-				className: "w-full gap-4",
-				children: [/* @__PURE__ */ S(u.Group, { children: [
-					/* @__PURE__ */ S(_, {
-						name: "currentPassword",
-						type: "password",
-						isDisabled: P || !w,
-						defaultValue: "",
-						value: D,
-						onChange: O,
-						children: [
-							/* @__PURE__ */ x(m, { children: C.settings.currentPassword }),
-							/* @__PURE__ */ x(f, {
-								className: v(!w && "hidden"),
-								autoComplete: "current-password",
-								placeholder: C.settings.currentPasswordPlaceholder,
-								required: !0,
-								variant: r === "transparent" ? "primary" : "secondary"
-							}),
-							!w && /* @__PURE__ */ x(h, { className: "h-10 md:h-9 w-full rounded-xl" }),
-							/* @__PURE__ */ x(l, {})
-						]
-					}),
-					/* @__PURE__ */ S(_, {
-						minLength: i?.minPasswordLength,
-						maxLength: i?.maxPasswordLength,
-						isDisabled: P || !w,
-						value: k,
-						onChange: A,
-						children: [
-							/* @__PURE__ */ x(m, { children: C.auth.newPassword }),
-							/* @__PURE__ */ S(p, {
-								className: v(!w && "hidden"),
-								variant: r === "transparent" ? "primary" : "secondary",
-								children: [/* @__PURE__ */ x(p.Input, {
-									name: "newPassword",
-									type: F ? "text" : "password",
-									autoComplete: "new-password",
-									placeholder: C.auth.newPasswordPlaceholder,
-									required: !0
-								}), /* @__PURE__ */ x(p.Suffix, {
-									className: "px-0",
-									children: /* @__PURE__ */ x(s, {
-										isIconOnly: !0,
-										"aria-label": F ? C.auth.hidePassword : C.auth.showPassword,
-										size: "sm",
-										variant: "ghost",
-										onPress: () => I(!F),
-										isDisabled: P,
-										children: x(F ? o : a, {})
-									})
-								})]
-							}),
-							!w && /* @__PURE__ */ x(h, { className: "h-10 md:h-9 w-full rounded-xl" }),
-							/* @__PURE__ */ x(l, {})
-						]
-					}),
-					i?.confirmPassword && /* @__PURE__ */ S(_, {
-						minLength: i?.minPasswordLength,
-						maxLength: i?.maxPasswordLength,
-						isDisabled: P || !w,
-						isRequired: !0,
-						value: j,
-						onChange: M,
-						children: [
-							/* @__PURE__ */ x(m, { children: C.auth.confirmPassword }),
-							/* @__PURE__ */ S(p, {
-								className: v(!w && "hidden"),
-								variant: r === "transparent" ? "primary" : "secondary",
-								children: [/* @__PURE__ */ x(p.Input, {
-									name: "confirmPassword",
-									type: L ? "text" : "password",
-									autoComplete: "new-password",
-									placeholder: C.auth.confirmPasswordPlaceholder,
-									required: !0
-								}), /* @__PURE__ */ x(p.Suffix, {
-									className: "px-0",
-									children: /* @__PURE__ */ x(s, {
-										isIconOnly: !0,
-										"aria-label": L ? C.auth.hidePassword : C.auth.showPassword,
-										size: "sm",
-										variant: "ghost",
-										onPress: () => R(!L),
-										isDisabled: P,
-										children: x(L ? o : a, {})
-									})
-								})]
-							}),
-							!w && /* @__PURE__ */ x(h, { className: "h-10 md:h-9 w-full rounded-xl" }),
-							/* @__PURE__ */ x(l, {})
-						]
-					})
-				] }), /* @__PURE__ */ x(u.Actions, { children: /* @__PURE__ */ S(s, {
-					type: "submit",
-					isPending: P,
-					isDisabled: !w,
-					size: "sm",
-					children: [P && /* @__PURE__ */ x(g, {
-						color: "current",
-						size: "sm"
-					}), C.settings.updatePassword]
-				}) })]
-			})
-		}) })
-	})] });
-}
-//#endregion
-export { C as ChangePassword };

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

@@ -1,56 +0,0 @@
-import { getProviderName as e } from "@better-auth-ui/core";
-import { providerIcons as t, useAccountInfo as n, useAuth as r, useLinkSocial as i, useUnlinkAccount as a } from "@better-auth-ui/react";
-import { Link as o, LinkSlash as s, PlugConnection as c } from "@gravity-ui/icons";
-import { Button as l, Skeleton as u, Spinner as d, cn as f, toast as p } from "@heroui/react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-//#region src/components/auth/settings/security/linked-account.tsx
-function g({ account: g, provider: _ }) {
-	let { authClient: v, baseURL: y, localization: b } = r(), { data: x, isPending: S } = n(v, { query: { accountId: g?.accountId } }), { mutate: C, isPending: w } = i(v), { mutate: T, isPending: E } = a(v, { onSuccess: () => p.success(b.settings.accountUnlinked) }), D = t[_], O = e(_), k = x?.data?.login || x?.data?.username || x?.user?.email || x?.user?.name || g?.accountId;
-	return /* @__PURE__ */ h("div", {
-		className: "flex items-center gap-3",
-		children: [
-			/* @__PURE__ */ m("div", {
-				className: f("flex size-10 shrink-0 items-center justify-center rounded-xl bg-surface-secondary"),
-				children: m(D || c, { className: "size-4.5" })
-			}),
-			/* @__PURE__ */ h("div", {
-				className: "flex flex-col min-w-0",
-				children: [/* @__PURE__ */ m("span", {
-					className: "text-sm font-medium leading-tight",
-					children: O
-				}), g && S ? /* @__PURE__ */ m(u, { className: "h-3 w-24 my-0.5 rounded-lg" }) : /* @__PURE__ */ m("span", {
-					className: "text-xs text-muted truncate",
-					children: g ? k : b.settings.linkProvider.replace("{{provider}}", O)
-				})]
-			}),
-			g ? /* @__PURE__ */ h(l, {
-				className: "ml-auto shrink-0",
-				variant: "outline",
-				size: "sm",
-				onPress: () => T({ providerId: g.providerId }),
-				isPending: E,
-				"aria-label": b.settings.unlinkProvider.replace("{{provider}}", O),
-				children: [E ? /* @__PURE__ */ m(d, {
-					color: "current",
-					size: "sm"
-				}) : /* @__PURE__ */ m(s, {}), b.settings.unlinkProvider.replace("{{provider}}", "").trim()]
-			}) : /* @__PURE__ */ h(l, {
-				className: "ml-auto shrink-0",
-				variant: "outline",
-				size: "sm",
-				onPress: () => C({
-					provider: _,
-					callbackURL: `${y}${window.location.pathname}`
-				}),
-				isPending: w,
-				"aria-label": b.settings.linkProvider.replace("{{provider}}", O),
-				children: [w ? /* @__PURE__ */ m(d, {
-					color: "current",
-					size: "sm"
-				}) : /* @__PURE__ */ m(o, {}), b.settings.link]
-			})
-		]
-	});
-}
-//#endregion
-export { g as LinkedAccount };

package/dist/components/auth/settings/security/linked-accounts.js

@@ -1,45 +0,0 @@
-import { LinkedAccount as e } from "./linked-account.js";
-import { useAuth as t, useListAccounts as n } from "@better-auth-ui/react";
-import { Card as r, Skeleton as i, cn as a } from "@heroui/react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/auth/settings/security/linked-accounts.tsx
-function c({ className: i, variant: c, ...u }) {
-	let { authClient: d, localization: f, socialProviders: p } = t(), { data: m, isPending: h } = n(d), g = [...(m?.filter((e) => e.providerId !== "credential"))?.map((e) => ({
-		key: e.id,
-		account: e,
-		provider: e.providerId
-	})) ?? [], ...p?.map((e) => ({
-		key: e,
-		account: void 0,
-		provider: e
-	})) ?? []];
-	return /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h2", {
-		className: a("text-sm font-semibold mb-3"),
-		children: f.settings.linkedAccounts
-	}), /* @__PURE__ */ o(r, {
-		className: a(i),
-		variant: c,
-		...u,
-		children: /* @__PURE__ */ o(r.Content, {
-			className: "gap-0",
-			children: h ? p?.map((e, t) => /* @__PURE__ */ s("div", { children: [t > 0 && /* @__PURE__ */ o("div", { className: "border-b border-dashed -mx-4 md:-mx-6 my-4" }), /* @__PURE__ */ o(l, {})] }, e)) : g.map((t, n) => /* @__PURE__ */ s("div", { children: [n > 0 && /* @__PURE__ */ o("div", { className: "border-b border-dashed -mx-4 md:-mx-6 my-4" }), /* @__PURE__ */ o(e, {
-				account: t.account,
-				provider: t.provider
-			})] }, t.key))
-		})
-	})] });
-}
-function l() {
-	return /* @__PURE__ */ o("div", {
-		className: "flex items-center justify-between",
-		children: /* @__PURE__ */ s("div", {
-			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ o(i, { className: "size-10 rounded-xl" }), /* @__PURE__ */ s("div", {
-				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ o(i, { className: "h-4 w-20 rounded-lg" }), /* @__PURE__ */ o(i, { className: "h-3 w-32 rounded-lg" })]
-			})]
-		})
-	});
-}
-//#endregion
-export { c as LinkedAccounts };

package/dist/components/auth/settings/security/security-settings.js

@@ -1,22 +0,0 @@
-import { ActiveSessions as e } from "./active-sessions.js";
-import { ChangePassword as t } from "./change-password.js";
-import { LinkedAccounts as n } from "./linked-accounts.js";
-import { useAuth as r } from "@better-auth-ui/react";
-import { cn as i } from "@heroui/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/components/auth/settings/security/security-settings.tsx
-function s({ className: s, variant: c, ...l }) {
-	let { emailAndPassword: u, plugins: d, socialProviders: f } = r();
-	return /* @__PURE__ */ o("div", {
-		className: i("flex w-full flex-col gap-4 md:gap-6", s),
-		...l,
-		children: [
-			u?.enabled && /* @__PURE__ */ a(t, { variant: c }),
-			!!f?.length && /* @__PURE__ */ a(n, { variant: c }),
-			/* @__PURE__ */ a(e, { variant: c }),
-			d.flatMap((e) => e.securityCards?.map((t, n) => /* @__PURE__ */ a(t, { variant: c }, `${e.id}-${n.toString()}`)))
-		]
-	});
-}
-//#endregion
-export { s as SecuritySettings };

package/dist/components/auth/settings/settings.js

@@ -1,45 +0,0 @@
-import { AccountSettings as e } from "./account/account-settings.js";
-import { SecuritySettings as t } from "./security/security-settings.js";
-import { useAuth as n, useAuthenticate as r } from "@better-auth-ui/react";
-import { Tabs as i, cn as a } from "@heroui/react";
-import { useMemo as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/components/auth/settings/settings.tsx
-function l({ className: l, hideNav: u, path: d, variant: f, view: p, ...m }) {
-	let { authClient: h, basePaths: g, localization: _, viewPaths: v } = n();
-	if (r(h), !p && !d) throw Error("[Better Auth UI] Either `view` or `path` must be provided");
-	let y = o(() => Object.fromEntries(Object.entries(v.settings).map(([e, t]) => [t, e])), [v.settings]), b = p || (d ? y[d] : void 0);
-	return /* @__PURE__ */ c(i, {
-		className: a(l),
-		orientation: "horizontal",
-		selectedKey: b,
-		...m,
-		children: [
-			/* @__PURE__ */ s(i.ListContainer, { children: /* @__PURE__ */ c(i.List, {
-				"aria-label": _.settings.settings,
-				className: "overflow-auto w-fit",
-				children: [/* @__PURE__ */ c(i.Tab, {
-					id: "account",
-					href: `${g.settings}/${v.settings.account}`,
-					children: [_.settings.account, /* @__PURE__ */ s(i.Indicator, {})]
-				}), /* @__PURE__ */ c(i.Tab, {
-					id: "security",
-					href: `${g.settings}/${v.settings.security}`,
-					children: [_.settings.security, /* @__PURE__ */ s(i.Indicator, {})]
-				})]
-			}) }),
-			/* @__PURE__ */ s(i.Panel, {
-				id: "account",
-				className: "px-0",
-				children: /* @__PURE__ */ s(e, { variant: f })
-			}),
-			/* @__PURE__ */ s(i.Panel, {
-				id: "security",
-				className: "px-0",
-				children: /* @__PURE__ */ s(t, { variant: f })
-			})
-		]
-	});
-}
-//#endregion
-export { l as Settings };

package/dist/components/auth/sign-in.js

@@ -1,133 +0,0 @@
-import { FieldSeparator as e } from "./field-separator.js";
-import { ProviderButtons as t } from "./provider-buttons.js";
-import { authMutationKeys as n } from "@better-auth-ui/core";
-import { useAuth as r, useFetchOptions as i, useSendVerificationEmail as a, useSignInEmail as o } from "@better-auth-ui/react";
-import { Button as s, Card as c, Checkbox as l, Description as u, FieldError as d, Form as f, Input as p, Label as m, Link as h, Spinner as g, TextField as _, cn as v, toast as y } from "@heroui/react";
-import { useState as b } from "react";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { useIsMutating as w } from "@tanstack/react-query";
-//#region src/components/auth/sign-in.tsx
-function T({ className: T, socialLayout: E, socialPosition: D = "bottom", variant: O, ...k }) {
-	let { authClient: A, basePaths: j, baseURL: M, emailAndPassword: N, localization: P, plugins: F, redirectTo: I, socialProviders: L, viewPaths: R, navigate: z } = r(), { fetchOptions: B, resetFetchOptions: V } = i(), [H, U] = b(""), { mutate: W } = a(A, { onSuccess: () => y.success(P.auth.verificationEmailSent) }), { mutate: G, isPending: K } = o(A, {
-		onError: (e, { email: t }) => {
-			U(""), e.error?.code === "EMAIL_NOT_VERIFIED" ? y.danger(e.error?.message || e.message, { actionProps: {
-				children: P.auth.resend,
-				onClick: () => W({
-					email: t,
-					callbackURL: `${M}${I}`
-				})
-			} }) : y.danger(e.error?.message || e.message), V();
-		},
-		onSuccess: () => z({ to: I })
-	}), q = (e) => {
-		e.preventDefault();
-		let t = new FormData(e.currentTarget), n = t.get("email"), r = t.get("rememberMe") === "on";
-		G({
-			email: n,
-			password: H,
-			...N?.rememberMe ? { rememberMe: r } : {},
-			fetchOptions: B
-		});
-	}, J = w({ mutationKey: n.signIn.all }) + w({ mutationKey: n.signUp.all }) > 0, Y = F.find((e) => e.captchaComponent)?.captchaComponent, X = N?.enabled && !!L?.length;
-	return /* @__PURE__ */ C(c, {
-		className: v("w-full max-w-sm gap-4 md:p-6", T),
-		variant: O,
-		...k,
-		children: [
-			/* @__PURE__ */ S(c.Header, { children: /* @__PURE__ */ S(c.Title, {
-				className: "text-xl font-semibold mb-1",
-				children: P.auth.signIn
-			}) }),
-			/* @__PURE__ */ C(c.Content, {
-				className: "gap-4",
-				children: [
-					D === "top" && /* @__PURE__ */ C(x, { children: [!!L?.length && /* @__PURE__ */ S(t, { socialLayout: E }), X && /* @__PURE__ */ S(e, { children: P.auth.or })] }),
-					N?.enabled && /* @__PURE__ */ C(f, {
-						onSubmit: q,
-						className: "flex flex-col gap-4",
-						children: [
-							/* @__PURE__ */ C(_, {
-								name: "email",
-								type: "email",
-								autoComplete: "email",
-								isDisabled: J,
-								children: [
-									/* @__PURE__ */ S(m, { children: P.auth.email }),
-									/* @__PURE__ */ S(p, {
-										placeholder: P.auth.emailPlaceholder,
-										variant: O === "transparent" ? "primary" : "secondary",
-										required: !0
-									}),
-									/* @__PURE__ */ S(d, {})
-								]
-							}),
-							/* @__PURE__ */ C(_, {
-								minLength: N?.minPasswordLength,
-								maxLength: N?.maxPasswordLength,
-								name: "password",
-								type: "password",
-								autoComplete: "current-password",
-								isDisabled: J,
-								value: H,
-								onChange: U,
-								children: [
-									/* @__PURE__ */ S(m, { children: P.auth.password }),
-									/* @__PURE__ */ S(p, {
-										placeholder: P.auth.passwordPlaceholder,
-										variant: O === "transparent" ? "primary" : "secondary",
-										required: !0
-									}),
-									/* @__PURE__ */ S(d, {})
-								]
-							}),
-							N?.rememberMe && /* @__PURE__ */ C(l, {
-								name: "rememberMe",
-								isDisabled: J,
-								variant: O === "transparent" ? "primary" : "secondary",
-								children: [/* @__PURE__ */ S(l.Control, { children: /* @__PURE__ */ S(l.Indicator, {}) }), /* @__PURE__ */ S(l.Content, { children: /* @__PURE__ */ S(m, { children: P.auth.rememberMe }) })]
-							}),
-							Y && /* @__PURE__ */ S("div", {
-								className: "flex justify-center",
-								children: Y
-							}),
-							/* @__PURE__ */ C("div", {
-								className: "flex flex-col gap-3",
-								children: [/* @__PURE__ */ C(s, {
-									type: "submit",
-									className: "w-full",
-									isPending: J,
-									children: [K && /* @__PURE__ */ S(g, {
-										color: "current",
-										size: "sm"
-									}), P.auth.signIn]
-								}), F.flatMap((e) => e.authButtons?.map((t, n) => /* @__PURE__ */ S(t, { view: "signIn" }, `${e.id}-${n.toString()}`)))]
-							})
-						]
-					}),
-					D === "bottom" && /* @__PURE__ */ C(x, { children: [X && /* @__PURE__ */ S(e, { children: P.auth.or }), !!L?.length && /* @__PURE__ */ S(t, { socialLayout: E })] })
-				]
-			}),
-			/* @__PURE__ */ C(c.Footer, {
-				className: "flex-col gap-3",
-				children: [N?.forgotPassword && /* @__PURE__ */ S(h, {
-					href: `${j.auth}/${R.auth.forgotPassword}`,
-					className: "no-underline hover:underline",
-					children: P.auth.forgotPasswordLink
-				}), N?.enabled && /* @__PURE__ */ C(u, {
-					className: "text-sm",
-					children: [
-						P.auth.needToCreateAnAccount,
-						" ",
-						/* @__PURE__ */ S(h, {
-							href: `${j.auth}/${R.auth.signUp}`,
-							className: "text-accent no-underline hover:underline decoration-accent-hover",
-							children: P.auth.signUp
-						})
-					]
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { T as SignIn };

package/dist/components/auth/sign-out.js

@@ -1,27 +0,0 @@
-import { useAuth as e, useSignOut as t } from "@better-auth-ui/react";
-import { Spinner as n, cn as r, toast as i } from "@heroui/react";
-import { useEffect as a, useRef as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-//#region src/components/auth/sign-out.tsx
-function c({ className: c }) {
-	let { authClient: l, basePaths: u, navigate: d, viewPaths: f } = e(), { mutate: p } = t(l, {
-		onError: (e) => {
-			i.danger(e.error?.message || e.message), d({
-				to: `${u.auth}/${f.auth.signIn}`,
-				replace: !0
-			});
-		},
-		onSuccess: () => d({
-			to: `${u.auth}/${f.auth.signIn}`,
-			replace: !0
-		})
-	}), m = o(!1);
-	return a(() => {
-		m.current || (m.current = !0, p());
-	}, [p]), /* @__PURE__ */ s(n, {
-		className: r("mx-auto my-auto", c),
-		color: "current"
-	});
-}
-//#endregion
-export { c as SignOut };