@better-auth-ui/react 1.6.9 → 1.6.11

package/dist/server.js

@@ -1,14 +1,131 @@
-export * from "./server/queries/api-key/list-api-keys-query";
-export * from "./server/queries/auth/session-query";
-export * from "./server/queries/multi-session/list-device-sessions-query";
-export * from "./server/queries/organization/active-organization-query";
-export * from "./server/queries/organization/full-organization-query";
-export * from "./server/queries/organization/has-permission-query";
-export * from "./server/queries/organization/list-invitations-query";
-export * from "./server/queries/organization/list-members-query";
-export * from "./server/queries/organization/list-organizations-query";
-export * from "./server/queries/organization/list-user-invitations-query";
-export * from "./server/queries/passkey/list-passkeys-query";
-export * from "./server/queries/settings/account-info-query";
-export * from "./server/queries/settings/list-accounts-query";
-export * from "./server/queries/settings/list-sessions-query";
+import { authQueryKeys as e } from "@better-auth-ui/core";
+import { queryOptions as t } from "@tanstack/react-query";
+import { apiKeyQueryKeys as n, multiSessionQueryKeys as r, organizationQueryKeys as i, passkeyQueryKeys as a } from "@better-auth-ui/core/plugins";
+//#region src/server/queries/api-key/list-api-keys-query.ts
+function o(e, r, i) {
+	return t({
+		queryKey: n.list(r, i?.query),
+		queryFn: () => e.api.listApiKeys(i)
+	});
+}
+var s = (e, t, n, r) => e.ensureQueryData(o(t, n, r)), c = (e, t, n, r) => e.prefetchQuery(o(t, n, r)), l = (e, t, n, r) => e.fetchQuery(o(t, n, r));
+//#endregion
+//#region src/server/queries/auth/session-query.ts
+function u(n, r) {
+	let i = e.session;
+	return t({
+		queryKey: i,
+		queryFn: () => n.api.getSession(r)
+	});
+}
+var d = (e, t, n) => e.ensureQueryData(u(t, n)), f = (e, t, n) => e.prefetchQuery(u(t, n)), p = (e, t, n) => e.fetchQuery(u(t, n));
+//#endregion
+//#region src/server/queries/multi-session/list-device-sessions-query.ts
+function m(e, n, i) {
+	return t({
+		queryKey: r.list(n, i?.query),
+		queryFn: () => e.api.listDeviceSessions(i)
+	});
+}
+var h = (e, t, n, r) => e.ensureQueryData(m(t, n, r)), g = (e, t, n, r) => e.prefetchQuery(m(t, n, r)), _ = (e, t, n, r) => e.fetchQuery(m(t, n, r));
+//#endregion
+//#region src/server/queries/organization/active-organization-query.ts
+function v(e, n, r) {
+	return t({
+		queryKey: i.activeOrganization(n, r?.query),
+		queryFn: () => e.api.getFullOrganization(r)
+	});
+}
+var ee = (e, t, n, r) => e.ensureQueryData(v(t, n, r)), y = (e, t, n, r) => e.prefetchQuery(v(t, n, r)), b = (e, t, n, r) => e.fetchQuery(v(t, n, r));
+//#endregion
+//#region src/server/queries/organization/full-organization-query.ts
+function x(e, n, r) {
+	return t({
+		queryKey: i.fullDetail(n, r?.query),
+		queryFn: () => e.api.getFullOrganization(r)
+	});
+}
+var S = (e, t, n, r) => e.ensureQueryData(x(t, n, r)), C = (e, t, n, r) => e.prefetchQuery(x(t, n, r)), w = (e, t, n, r) => e.fetchQuery(x(t, n, r));
+//#endregion
+//#region src/server/queries/organization/has-permission-query.ts
+function T(e, n, r) {
+	return t({
+		queryKey: i.permissions.has(n, r?.body),
+		queryFn: () => e.api.hasPermission(r)
+	});
+}
+var E = (e, t, n, r) => e.ensureQueryData(T(t, n, r)), D = (e, t, n, r) => e.prefetchQuery(T(t, n, r)), O = (e, t, n, r) => e.fetchQuery(T(t, n, r));
+//#endregion
+//#region src/server/queries/organization/list-invitations-query.ts
+function k(e, n, r) {
+	return t({
+		queryKey: i.invitations.list(n, r?.query),
+		queryFn: () => e.api.listInvitations(r)
+	});
+}
+var A = (e, t, n, r) => e.ensureQueryData(k(t, n, r)), j = (e, t, n, r) => e.prefetchQuery(k(t, n, r)), M = (e, t, n, r) => e.fetchQuery(k(t, n, r));
+//#endregion
+//#region src/server/queries/organization/list-members-query.ts
+function N(e, n, r) {
+	return t({
+		queryKey: i.members.list(n, r?.query),
+		queryFn: () => e.api.listMembers(r)
+	});
+}
+var P = (e, t, n, r) => e.ensureQueryData(N(t, n, r)), F = (e, t, n, r) => e.prefetchQuery(N(t, n, r)), I = (e, t, n, r) => e.fetchQuery(N(t, n, r));
+//#endregion
+//#region src/server/queries/organization/list-organizations-query.ts
+function L(e, n, r) {
+	return t({
+		queryKey: i.list(n, r?.query),
+		queryFn: () => e.api.listOrganizations(r)
+	});
+}
+var R = (e, t, n, r) => e.ensureQueryData(L(t, n, r)), te = (e, t, n, r) => e.prefetchQuery(L(t, n, r)), z = (e, t, n, r) => e.fetchQuery(L(t, n, r));
+//#endregion
+//#region src/server/queries/organization/list-user-invitations-query.ts
+function B(e, n, r) {
+	return t({
+		queryKey: i.userInvitations.list(n, r?.query),
+		queryFn: () => e.api.listUserInvitations(r)
+	});
+}
+var V = (e, t, n, r) => e.ensureQueryData(B(t, n, r)), H = (e, t, n, r) => e.prefetchQuery(B(t, n, r)), U = (e, t, n, r) => e.fetchQuery(B(t, n, r));
+//#endregion
+//#region src/server/queries/passkey/list-passkeys-query.ts
+function W(e, n, r) {
+	return t({
+		queryKey: a.list(n, r?.query),
+		queryFn: () => e.api.listPasskeys(r)
+	});
+}
+var G = (e, t, n, r) => e.ensureQueryData(W(t, n, r)), K = (e, t, n, r) => e.prefetchQuery(W(t, n, r)), q = (e, t, n, r) => e.fetchQuery(W(t, n, r));
+//#endregion
+//#region src/server/queries/settings/account-info-query.ts
+function J(n, r, i) {
+	return t({
+		queryKey: e.accountInfo(r, i?.query),
+		queryFn: () => n.api.accountInfo(i)
+	});
+}
+var Y = (e, t, n, r) => e.ensureQueryData(J(t, n, r)), X = (e, t, n, r) => e.prefetchQuery(J(t, n, r)), Z = (e, t, n, r) => e.fetchQuery(J(t, n, r));
+//#endregion
+//#region src/server/queries/settings/list-accounts-query.ts
+function Q(n, r, i) {
+	return t({
+		queryKey: e.listAccounts(r, i?.query),
+		queryFn: () => n.api.listUserAccounts(i)
+	});
+}
+var ne = (e, t, n, r) => e.ensureQueryData(Q(t, n, r)), re = (e, t, n, r) => e.prefetchQuery(Q(t, n, r)), ie = (e, t, n, r) => e.fetchQuery(Q(t, n, r));
+//#endregion
+//#region src/server/queries/settings/list-sessions-query.ts
+function $(n, r, i) {
+	return t({
+		queryKey: e.listSessions(r, i?.query),
+		queryFn: () => n.api.listSessions(i)
+	});
+}
+var ae = (e, t, n, r) => e.ensureQueryData($(t, n, r)), oe = (e, t, n, r) => e.prefetchQuery($(t, n, r)), se = (e, t, n, r) => e.fetchQuery($(t, n, r));
+//#endregion
+export { J as accountInfoOptions, v as activeOrganizationOptions, Y as ensureAccountInfo, ee as ensureActiveOrganization, S as ensureFullOrganization, E as ensureHasPermission, ne as ensureListAccounts, s as ensureListApiKeys, h as ensureListDeviceSessions, A as ensureListOrganizationInvitations, P as ensureListOrganizationMembers, R as ensureListOrganizations, G as ensureListPasskeys, ae as ensureListSessions, V as ensureListUserInvitations, d as ensureSession, Z as fetchAccountInfo, b as fetchActiveOrganization, w as fetchFullOrganization, O as fetchHasPermission, ie as fetchListAccounts, l as fetchListApiKeys, _ as fetchListDeviceSessions, M as fetchListOrganizationInvitations, I as fetchListOrganizationMembers, z as fetchListOrganizations, q as fetchListPasskeys, se as fetchListSessions, U as fetchListUserInvitations, p as fetchSession, x as fullOrganizationOptions, T as hasPermissionOptions, Q as listAccountsOptions, o as listApiKeysOptions, m as listDeviceSessionsOptions, k as listOrganizationInvitationsOptions, N as listOrganizationMembersOptions, L as listOrganizationsOptions, W as listPasskeysOptions, $ as listSessionsOptions, B as listUserInvitationsOptions, X as prefetchAccountInfo, y as prefetchActiveOrganization, C as prefetchFullOrganization, D as prefetchHasPermission, re as prefetchListAccounts, c as prefetchListApiKeys, g as prefetchListDeviceSessions, j as prefetchListOrganizationInvitations, F as prefetchListOrganizationMembers, te as prefetchListOrganizations, K as prefetchListPasskeys, oe as prefetchListSessions, H as prefetchListUserInvitations, f as prefetchSession, u as sessionOptions };

package/dist/use-auth-plugin-ClcP84Uz.js

@@ -0,0 +1,80 @@
+import { authMutationKeys as e, deepmerge as t, defaultAuthConfig as n } from "@better-auth-ui/core";
+import { QueryClient as r, QueryClientContext as i, QueryClientProvider as a, matchMutation as o, matchQuery as s, useQueryClient as c } from "@tanstack/react-query";
+import { createContext as l, useCallback as u, useContext as d, useEffect as f, useRef as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/mutation-invalidator.tsx
+function _() {
+	let t = c();
+	return f(() => {
+		let n = t.getMutationCache(), r = n.config.onSuccess;
+		return n.config.onSuccess = async (n, i, a, c, l) => {
+			if (await r?.(n, i, a, c, l), !o({ mutationKey: e.all }, c)) return;
+			let { invalidates: u, awaits: d } = c.meta ?? {};
+			if (u?.length && t.invalidateQueries({ predicate: (e) => u.some((t) => s({ queryKey: t }, e)) }), d?.length) return t.invalidateQueries({ predicate: (e) => d.some((t) => s({ queryKey: t }, e)) }, { cancelRefetch: !1 });
+		}, () => {
+			n.config.onSuccess = r;
+		};
+	}, [t]), null;
+}
+//#endregion
+//#region src/components/auth/auth-context.tsx
+var v = l(void 0), y = l(void 0);
+function b({ children: e }) {
+	let [t, n] = m(void 0), r = p(null), i = u((e) => {
+		n(e);
+	}, []), a = u((e) => {
+		r.current = e;
+	}, []), o = u(() => {
+		n(void 0), r.current?.();
+	}, []);
+	return /* @__PURE__ */ h(y.Provider, {
+		value: {
+			fetchOptions: t,
+			setFetchOptions: i,
+			resetFetchOptions: o,
+			registerReset: a
+		},
+		children: e
+	});
+}
+function x() {
+	let e = d(y);
+	if (!e) throw Error("[Better Auth UI] useFetchOptions must be used within FetchOptionsProvider");
+	return e;
+}
+//#endregion
+//#region src/components/auth/auth-provider.tsx
+var S = new r({ defaultOptions: { queries: { staleTime: 5e3 } } });
+function C({ children: e, queryClient: r, ...o }) {
+	let { authClient: s, ...c } = o, l = {
+		...t(n, c),
+		authClient: s
+	};
+	l.redirectTo = typeof window < "u" && new URLSearchParams(window.location.search).get("redirectTo")?.trim() || l.redirectTo;
+	let u = /* @__PURE__ */ new Map();
+	for (let e of l.plugins ?? []) for (let t of e.additionalFields ?? []) u.set(t.name, t);
+	for (let e of l.additionalFields ?? []) u.set(e.name, e);
+	l.additionalFields = Array.from(u.values());
+	let f = d(i);
+	return /* @__PURE__ */ h(a, {
+		client: r || f || S,
+		children: /* @__PURE__ */ h(v.Provider, {
+			value: l,
+			children: /* @__PURE__ */ g(b, { children: [/* @__PURE__ */ h(_, {}), e] })
+		})
+	});
+}
+function w() {
+	let e = d(v);
+	if (!e) throw Error("[Better Auth UI] AuthProvider is required");
+	return e;
+}
+//#endregion
+//#region src/hooks/use-auth-plugin.ts
+function T(e) {
+	let { plugins: t } = w(), n = t?.find((t) => t.id === e.id);
+	if (!n) throw Error(`[Better Auth UI] useAuthPlugin: plugin "${e.id}" is not registered on AuthProvider.`);
+	return n;
+}
+//#endregion
+export { x as a, b as i, C as n, w as r, T as t };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@better-auth-ui/react",
-  "version": "1.6.9",
+  "version": "1.6.11",
   "type": "module",
   "scripts": {
-    "build": "tsc",
+    "build": "vite build",
     "email": "email dev --dir src/components/auth/email -p 9000",
     "test": "vitest"
   },

package/dist/components/auth/auth-context.js

@@ -1,4 +0,0 @@
-"use client";
-import { createContext } from "react";
-/** Split from `auth-provider` so HMR reloading that file does not replace this context instance. */
-export const AuthContext = createContext(undefined);

package/dist/components/auth/auth-provider.js

@@ -1,68 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { deepmerge, defaultAuthConfig } from "@better-auth-ui/core";
-import { QueryClient, QueryClientContext, QueryClientProvider } from "@tanstack/react-query";
-import { useContext } from "react";
-import { MutationInvalidator } from "../mutation-invalidator";
-import { AuthContext } from "./auth-context";
-import { FetchOptionsProvider } from "./fetch-options-provider";
-const fallbackQueryClient = new QueryClient({
-    defaultOptions: {
-        queries: {
-            staleTime: 5000
-        }
-    }
-});
-/**
- * Provides merged authentication configuration and a resolved React Query client to descendant components.
- *
- * The component merges the provided auth config with the library defaults, updates `redirectTo` from the
- * current URL when the app is hydrated, wires a QueryClient (prop, context, or fallback) and installs an
- * error handler that surfaces query errors via the configured toast. It then supplies the merged config
- * via AuthContext and wraps children with QueryClientProvider.
- *
- * @returns The children wrapped with AuthContext.Provider and QueryClientProvider configured for auth.
- */
-export function AuthProvider({ children, queryClient, ...config }) {
-    const { authClient, ...partialConfig } = config;
-    const mergedConfig = {
-        ...deepmerge(defaultAuthConfig, partialConfig),
-        authClient
-    };
-    mergedConfig.redirectTo =
-        (typeof window !== "undefined" &&
-            new URLSearchParams(window.location.search).get("redirectTo")?.trim()) ||
-            mergedConfig.redirectTo;
-    // Merge plugin-contributed `additionalFields` with user-supplied ones.
-    // Plugin order is preserved; user-supplied entries with the same `name`
-    // override the plugin contribution.
-    const fieldsByName = new Map();
-    for (const plugin of mergedConfig.plugins ?? []) {
-        for (const field of plugin.additionalFields ?? []) {
-            fieldsByName.set(field.name, field);
-        }
-    }
-    for (const field of mergedConfig.additionalFields ?? []) {
-        fieldsByName.set(field.name, field);
-    }
-    mergedConfig.additionalFields = Array.from(fieldsByName.values());
-    const contextQueryClient = useContext(QueryClientContext);
-    return (_jsx(QueryClientProvider, { client: queryClient || contextQueryClient || fallbackQueryClient, children: _jsx(AuthContext.Provider, { value: mergedConfig, children: _jsxs(FetchOptionsProvider, { children: [_jsx(MutationInvalidator, {}), children] }) }) }));
-}
-/**
- * Accesses the current authentication configuration from AuthContext.
- *
- * UI packages widen the plugin type globally via the `Register` interface
- * (see module augmentation in `@better-auth-ui/heroui`), so callers don't
- * need to pass a generic.
- *
- * @returns The merged authentication configuration provided by AuthProvider.
- * @throws If no AuthProvider is present in the component tree.
- */
-export function useAuth() {
-    const context = useContext(AuthContext);
-    if (!context) {
-        throw new Error("[Better Auth UI] AuthProvider is required");
-    }
-    return context;
-}

package/dist/components/auth/email/email-changed.js

@@ -1,70 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Body, Button, Container, Head, Heading, Hr, Html, Img, Link, Preview, pixelBasedPreset, Section, Tailwind, Text } from "@react-email/components";
-import { cn } from "../../../lib/utils";
-import { EmailStyles } from "./email-styles";
-const emailChangedEmailLocalization = {
-    YOUR_EMAIL_ADDRESS_HAS_BEEN_CHANGED: "Your email address has been changed",
-    LOGO: "Logo",
-    EMAIL_ADDRESS_CHANGED: "Email address changed",
-    EMAIL_ADDRESS_FOR_YOUR_ACCOUNT_CHANGED: "The email address for your {appName} account has been changed.",
-    PREVIOUS_EMAIL: "Previous email:",
-    NEW_EMAIL: "New email:",
-    IF_YOU_MADE_THIS_CHANGE: "If you made this change, you can safely ignore this email.",
-    I_DIDNT_MAKE_THIS_CHANGE: "I didn't make this change",
-    EMAIL_SENT_BY: "Email sent by {appName}.",
-    IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE: "If you didn't authorize this change, please contact support immediately {supportEmail} to secure your account.",
-    POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
-};
-/**
- * Email template component that notifies users when their email address has been changed.
- *
- * This email includes:
- * - Display of both old and new email addresses
- * - Revert action button if unauthorized change occurred
- * - Security information and support contact details
- * - Customizable branding and styling
- * - Support for light/dark mode themes
- *
- * @example
- * ```tsx
- * <EmailChangedEmail
- *   oldEmail="old@example.com"
- *   newEmail="new@example.com"
- *   revertURL="https://example.com/revert?token=abc123"
- *   appName="My App"
- *   supportEmail="support@example.com"
- *   logoURL="https://example.com/logo.png"
- *   darkMode={true}
- * />
- * ```
- */
-export const EmailChangedEmail = ({ oldEmail, newEmail, revertURL, appName, supportEmail, logoURL, colors, classNames, darkMode = true, poweredBy, head, ...props }) => {
-    const localization = {
-        ...EmailChangedEmail.localization,
-        ...props.localization
-    };
-    const previewText = localization.YOUR_EMAIL_ADDRESS_HAS_BEEN_CHANGED;
-    return (_jsxs(Html, { children: [_jsxs(Head, { children: [_jsx("meta", { content: "light dark", name: "color-scheme" }), _jsx("meta", { content: "light dark", name: "supported-color-schemes" }), _jsx(EmailStyles, { colors: colors, darkMode: darkMode }), head] }), _jsx(Preview, { children: previewText }), _jsx(Tailwind, { config: { presets: [pixelBasedPreset] }, children: _jsx(Body, { className: cn("bg-background font-sans", classNames?.body), children: _jsx(Container, { className: cn("mx-auto my-auto max-w-xl px-2 py-10", classNames?.container), children: _jsxs(Section, { className: cn("bg-card text-card-foreground rounded-none border border-border p-8", classNames?.card), children: [logoURL &&
-                                    (typeof logoURL === "string" ? (_jsx(Img, { src: logoURL, width: 48, height: 48, alt: appName || localization.LOGO, className: cn("mx-auto mb-8", classNames?.logo) })) : (_jsxs(_Fragment, { children: [_jsx(Img, { src: logoURL.light, width: 48, height: 48, alt: appName || localization.LOGO, className: cn("mx-auto mb-8 logo-light", classNames?.logo) }), _jsx(Img, { src: logoURL.dark, width: 48, height: 48, alt: appName || localization.LOGO, className: cn("hidden mx-auto mb-8 logo-dark", classNames?.logo) })] }))), _jsx(Heading, { className: cn("m-0 mb-5 text-2xl font-semibold", classNames?.title), children: localization.EMAIL_ADDRESS_CHANGED }), _jsx(Text, { className: cn("text-sm font-normal", classNames?.content), children: localization.EMAIL_ADDRESS_FOR_YOUR_ACCOUNT_CHANGED.replace("{appName}", appName || "")
-                                        .replace(/\s{2,}/g, " ")
-                                        .replace(" .", ".") }), (oldEmail || newEmail) && (_jsxs(Section, { className: cn("my-6 border border-border bg-muted p-4", classNames?.codeBlock), children: [oldEmail && (_jsxs(_Fragment, { children: [_jsx(Text, { className: cn("m-0 mb-2 text-xs text-muted-foreground", classNames?.description), children: localization.PREVIOUS_EMAIL }), _jsx(Text, { className: cn("m-0 mb-4 text-sm font-semibold", classNames?.content), children: oldEmail })] })), newEmail && (_jsxs(_Fragment, { children: [_jsx(Text, { className: cn("m-0 mb-2 text-xs text-muted-foreground", classNames?.description), children: localization.NEW_EMAIL }), _jsx(Text, { className: cn("m-0 text-sm font-semibold text-primary", classNames?.content), children: newEmail })] }))] })), _jsx(Text, { className: cn("text-sm font-normal", classNames?.content), children: localization.IF_YOU_MADE_THIS_CHANGE }), revertURL && (_jsx(Section, { className: "my-6", children: _jsx(Button, { href: revertURL, className: cn("inline-block whitespace-nowrap rounded-none text-sm font-medium py-2.5 px-6 bg-primary text-primary-foreground no-underline", classNames?.button), children: localization.I_DIDNT_MAKE_THIS_CHANGE }) })), _jsx(Hr, { className: cn("my-6 w-full border border-solid border-border", classNames?.separator) }), appName && (_jsx(Text, { className: cn("mb-3 text-xs text-muted-foreground", classNames?.description), children: localization.EMAIL_SENT_BY.replace("{appName}", appName) })), _jsx(Text, { className: cn("mt-3 text-xs text-muted-foreground", classNames?.description), children: (() => {
-                                        const [beforeSupportEmail, afterSupportEmail] = localization.IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE.split("{supportEmail}");
-                                        return supportEmail ? (_jsxs(_Fragment, { children: [beforeSupportEmail, _jsx(Link, { href: `mailto:${supportEmail}`, className: cn("text-primary underline", classNames?.link), children: supportEmail }), afterSupportEmail] })) : (localization.IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE.replace("{supportEmail}", "")
-                                            .replace(/\s{2,}/g, " ")
-                                            .replace(" .", "."));
-                                    })() }), poweredBy && (_jsx(Text, { className: cn("mt-4 mb-0 text-center text-[11px] text-muted-foreground", classNames?.poweredBy), children: (() => {
-                                        const [beforeBetterAuth, afterBetterAuth] = localization.POWERED_BY_BETTER_AUTH.split("{betterAuth}");
-                                        return (_jsxs(_Fragment, { children: [beforeBetterAuth, _jsx(Link, { href: "https://better-auth.com", className: cn("text-primary underline", classNames?.link), children: "better-auth" }), afterBetterAuth] }));
-                                    })() }))] }) }) }) })] }));
-};
-EmailChangedEmail.localization = emailChangedEmailLocalization;
-EmailChangedEmail.PreviewProps = {
-    oldEmail: "old@example.com",
-    newEmail: "new@example.com",
-    supportEmail: "support@example.com",
-    revertURL: "https://better-auth-ui.com/auth/revert-email?token=example-token",
-    appName: "Better Auth",
-    poweredBy: true,
-    darkMode: true
-};
-export default EmailChangedEmail;

package/dist/components/auth/email/email-localization.js

@@ -1,26 +0,0 @@
-import EmailChangedEmail from "./email-changed";
-import EmailVerificationEmail from "./email-verification";
-import MagicLinkEmail from "./magic-link";
-import NewDeviceEmail from "./new-device";
-import OrganizationInvitationEmail from "./organization-invitation";
-import OtpEmail from "./otp-email";
-import PasswordChangedEmail from "./password-changed";
-import ResetPasswordEmail from "./reset-password";
-/**
- * Aggregated localization strings for all email components.
- *
- * Combines localization strings from all email templates (EmailChangedEmail,
- * EmailVerificationEmail, MagicLinkEmail, NewDeviceEmail,
- * OrganizationInvitationEmail, OtpEmail, PasswordChangedEmail,
- * ResetPasswordEmail) into a single object for convenient bulk customization.
- */
-export const emailLocalization = {
-    ...EmailChangedEmail.localization,
-    ...EmailVerificationEmail.localization,
-    ...MagicLinkEmail.localization,
-    ...NewDeviceEmail.localization,
-    ...OrganizationInvitationEmail.localization,
-    ...OtpEmail.localization,
-    ...PasswordChangedEmail.localization,
-    ...ResetPasswordEmail.localization
-};

package/dist/components/auth/email/email-styles.js

@@ -1,129 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Default color scheme for email templates in light and dark modes.
- *
- * Provides a consistent color palette that can be customized via the EmailColors type.
- */
-export const defaultColors = {
-    light: {
-        background: "#F5F5F5",
-        border: "#E5E5E5",
-        card: "#FFFFFF",
-        cardForeground: "#0A0A0A",
-        foreground: "#262626",
-        muted: "#F5F5F5",
-        mutedForeground: "#737373",
-        primary: "#171717",
-        primaryForeground: "#FAFAFA"
-    },
-    dark: {
-        background: "#0A0A0A",
-        border: "#2E2E2E",
-        card: "#171717",
-        cardForeground: "#FAFAFA",
-        foreground: "#D4D4D4",
-        muted: "#212121",
-        mutedForeground: "#A1A1A1",
-        primary: "#E5E5E5",
-        primaryForeground: "#171717"
-    }
-};
-/**
- * Component that injects CSS styles for email templates with support for light and dark modes.
- *
- * Generates inline styles that adapt to the user's color scheme preference and applies
- * custom colors if provided. Handles logo visibility switching between light and dark modes.
- *
- * @param props - Style configuration options
- * @returns A style element containing CSS for email template theming
- *
- * @example
- * ```tsx
- * <EmailStyles
- *   colors={{
- *     light: { primary: "#000000" },
- *     dark: { primary: "#FFFFFF" }
- *   }}
- *   darkMode={true}
- * />
- * ```
- */
-export const EmailStyles = ({ colors, darkMode = true }) => {
-    return (_jsx("style", { type: "text/css", children: `
-      .bg-background {
-        background-color: ${colors?.light?.background || defaultColors.light.background} !important;
-      }
-      .bg-card {
-        background-color: ${colors?.light?.card || defaultColors.light.card} !important;
-      }
-      .bg-primary {
-        background-color: ${colors?.light?.primary || defaultColors.light.primary} !important;
-      }
-      .bg-muted {
-        background-color: ${colors?.light?.muted || defaultColors.light.muted} !important;
-      }
-      .border-border {
-        border-color: ${colors?.light?.border || defaultColors.light.border} !important;
-      }
-      .text-card-foreground {
-        color: ${colors?.light?.cardForeground || defaultColors.light.cardForeground} !important;
-      }
-      .text-muted-foreground {
-        color: ${colors?.light?.mutedForeground || defaultColors.light.mutedForeground} !important;
-      }
-      .text-primary {
-        color: ${colors?.light?.primary || defaultColors.light.primary} !important;
-      }
-      .text-primary-foreground {
-        color: ${colors?.light?.primaryForeground || defaultColors.light.primaryForeground} !important;
-      }
-      .logo-dark {
-        display: none !important;
-      }
-      .logo-light {
-        display: block !important;
-      }
-
-      ${darkMode
-            ? `@media (prefers-color-scheme: dark) {
-        .bg-background {
-          background-color: ${colors?.dark?.background || defaultColors.dark.background} !important;
-        }
-        .bg-card {
-          background-color: ${colors?.dark?.card || defaultColors.dark.card} !important;
-        }
-        .bg-primary {
-          background-color: ${colors?.dark?.primary || defaultColors.dark.primary} !important;
-        }
-        .bg-muted {
-          background-color: ${colors?.dark?.muted || defaultColors.dark.muted} !important;
-        }
-        .border-border {
-          border-color: ${colors?.dark?.border || defaultColors.dark.border} !important;
-        }
-        .text-card-foreground {
-          color: ${colors?.dark?.cardForeground || defaultColors.dark.cardForeground} !important;
-        }
-        .text-muted-foreground {
-          color: ${colors?.dark?.mutedForeground || defaultColors.dark.mutedForeground} !important;
-        }
-        .text-primary {
-          color: ${colors?.dark?.primary || defaultColors.dark.primary} !important;
-        }
-        .text-primary-foreground {
-          color: ${colors?.dark?.primaryForeground || defaultColors.dark.primaryForeground} !important;
-        }
-        .logo-dark {
-          display: block !important;
-        }
-        .logo-light {
-          display: none !important;
-        }
-        * {
-          box-shadow: none !important;
-        }
-      }`
-            : ""}
-    ` }));
-};
-export default EmailStyles;

package/dist/components/auth/email/email-verification.js

@@ -1,75 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Body, Button, Container, Head, Heading, Hr, Html, Img, Link, Preview, pixelBasedPreset, Section, Tailwind, Text } from "@react-email/components";
-import { cn } from "../../../lib/utils";
-import { EmailStyles } from "./email-styles";
-const emailVerificationEmailLocalization = {
-    VERIFY_YOUR_EMAIL_ADDRESS: "Verify your email address",
-    LOGO: "Logo",
-    CLICK_BUTTON_TO_VERIFY_EMAIL: "Click the button below to verify your email address {emailAddress} for your {appName} account.",
-    VERIFY_EMAIL_ADDRESS: "Verify email address",
-    OR_COPY_AND_PASTE_URL: "Or copy and paste this URL into your browser:",
-    THIS_LINK_EXPIRES_IN_MINUTES: "This link expires in {expirationMinutes} minutes.",
-    EMAIL_SENT_BY: "Email sent by {appName}.",
-    IF_YOU_DIDNT_REQUEST_THIS_EMAIL: "If you didn't request this email, you can safely ignore it. Someone else might have typed your email address by mistake.",
-    POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
-};
-/**
- * Email template component that sends email verification links to users.
- *
- * This email includes:
- * - Verification button and fallback URL
- * - Expiration time information
- * - Security notice for unauthorized requests
- * - Customizable branding and styling
- * - Support for light/dark mode themes
- *
- * @example
- * ```tsx
- * <EmailVerificationEmail
- *   url="https://example.com/verify?token=abc123"
- *   email="user@example.com"
- *   appName="My App"
- *   expirationMinutes={60}
- *   logoURL="https://example.com/logo.png"
- *   darkMode={true}
- * />
- * ```
- */
-export const EmailVerificationEmail = ({ url, email, appName, expirationMinutes = 60, logoURL, colors, classNames, darkMode = true, poweredBy, head, ...props }) => {
-    const localization = {
-        ...EmailVerificationEmail.localization,
-        ...props.localization
-    };
-    const previewText = localization.VERIFY_YOUR_EMAIL_ADDRESS;
-    return (_jsxs(Html, { children: [_jsxs(Head, { children: [_jsx("meta", { content: "light dark", name: "color-scheme" }), _jsx("meta", { content: "light dark", name: "supported-color-schemes" }), _jsx(EmailStyles, { colors: colors, darkMode: darkMode }), head] }), _jsx(Preview, { children: previewText }), _jsx(Tailwind, { config: { presets: [pixelBasedPreset] }, children: _jsx(Body, { className: cn("bg-background font-sans", classNames?.body), children: _jsx(Container, { className: cn("mx-auto my-auto max-w-xl px-2 py-10", classNames?.container), children: _jsxs(Section, { className: cn("bg-card text-card-foreground rounded-none border border-border p-8", classNames?.card), children: [logoURL &&
-                                    (typeof logoURL === "string" ? (_jsx(Img, { src: logoURL, width: 48, height: 48, alt: appName || localization.LOGO, className: cn("mx-auto mb-8", classNames?.logo) })) : (_jsxs(_Fragment, { children: [_jsx(Img, { src: logoURL.light, width: 48, height: 48, alt: appName || localization.LOGO, className: cn("mx-auto mb-8 logo-light", classNames?.logo) }), _jsx(Img, { src: logoURL.dark, width: 48, height: 48, alt: appName || localization.LOGO, className: cn("hidden mx-auto mb-8 logo-dark", classNames?.logo) })] }))), _jsx(Heading, { className: cn("m-0 mb-5 text-2xl font-semibold", classNames?.title), children: localization.VERIFY_EMAIL_ADDRESS }), _jsx(Text, { className: cn("text-sm font-normal", classNames?.content), children: (() => {
-                                        const textWithAppName = localization.CLICK_BUTTON_TO_VERIFY_EMAIL.replace("{appName}", appName || "")
-                                            .replace(/\s{2,}/g, " ")
-                                            .replace(" .", ".");
-                                        const [beforeEmailAddress, afterEmailAddress] = textWithAppName.split("{emailAddress}");
-                                        return email ? (_jsxs(_Fragment, { children: [beforeEmailAddress, _jsx(Link, { href: `mailto:${email}`, className: "text-primary font-medium", children: email }), afterEmailAddress] })) : (textWithAppName
-                                            .replace("{emailAddress}", "")
-                                            .replace(/\s{2,}/g, " ")
-                                            .replace(" .", "."));
-                                    })() }), _jsx(Section, { className: "my-6", children: _jsx(Button, { href: url, className: cn("inline-block whitespace-nowrap rounded-none text-sm font-medium py-2.5 px-6 bg-primary text-primary-foreground no-underline", classNames?.button), children: localization.VERIFY_EMAIL_ADDRESS }) }), _jsx(Text, { className: cn("mb-3 text-xs text-muted-foreground", classNames?.description), children: localization.OR_COPY_AND_PASTE_URL }), _jsx(Link, { className: cn("break-all text-xs text-primary", classNames?.link), href: url, children: url }), _jsx(Hr, { className: cn("my-6 w-full border border-solid border-border", classNames?.separator) }), expirationMinutes || appName ? (_jsxs(Text, { className: cn("mb-3 text-xs text-muted-foreground", classNames?.description), children: [expirationMinutes
-                                            ? localization.THIS_LINK_EXPIRES_IN_MINUTES.replace("{expirationMinutes}", expirationMinutes.toString())
-                                            : null, appName && (_jsxs(_Fragment, { children: [expirationMinutes ? " " : "", localization.EMAIL_SENT_BY.replace("{appName}", appName)] }))] })) : null, _jsx(Text, { className: cn("mt-3 text-xs text-muted-foreground", classNames?.description), children: localization.IF_YOU_DIDNT_REQUEST_THIS_EMAIL }), poweredBy && (_jsx(Text, { className: cn("mt-4 mb-0 text-center text-[11px] text-muted-foreground", classNames?.poweredBy), children: (() => {
-                                        const [beforeBetterAuth, afterBetterAuth] = localization.POWERED_BY_BETTER_AUTH.split("{betterAuth}");
-                                        return (_jsxs(_Fragment, { children: [beforeBetterAuth, _jsx(Link, { href: "https://better-auth.com", className: cn("text-primary underline", classNames?.link), children: "better-auth" }), afterBetterAuth] }));
-                                    })() }))] }) }) }) })] }));
-};
-/**
- * Default localization strings for the email verification template.
- * Can be overridden via the `localization` prop.
- */
-EmailVerificationEmail.localization = emailVerificationEmailLocalization;
-/**
- * Example props for previewing the email template in development.
- */
-EmailVerificationEmail.PreviewProps = {
-    url: "https://better-auth-ui.com/auth/verify-email?token=example-token",
-    appName: "Better Auth",
-    email: "m@example.com",
-    darkMode: true
-};
-export default EmailVerificationEmail;

package/dist/components/auth/email/index.js

@@ -1,10 +0,0 @@
-export * from "./email-changed";
-export * from "./email-localization";
-export * from "./email-styles";
-export * from "./email-verification";
-export * from "./magic-link";
-export * from "./new-device";
-export * from "./organization-invitation";
-export * from "./otp-email";
-export * from "./password-changed";
-export * from "./reset-password";