@better-auth-ui/heroui 1.6.8 → 1.6.9

package/dist/components/auth/delete-user/danger-zone.js

@@ -1,18 +1,12 @@
-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/auth/delete-user/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 text-danger"),
-			children: c.settings.dangerZone
-		}), /* @__PURE__ */ r(e, { variant: o })]
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAuth } from "@better-auth-ui/react";
+import { cn } from "@heroui/react";
+import { DeleteAccount } from "./delete-account";
+/**
+ * Renders the danger zone heading and {@link DeleteAccount}.
+ * Registered as a `securityCard` by `deleteUserPlugin()`; gate by registering the plugin.
+ */
+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 text-danger"), children: localization.settings.dangerZone }), _jsx(DeleteAccount, { variant: variant })] }));
 }
-//#endregion
-export { a as DangerZone };

package/dist/components/auth/delete-user/delete-account.d.ts

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

package/dist/components/auth/delete-user/delete-account.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { authQueryKeys } from "@better-auth-ui/core";
+import { useAuth, useAuthPlugin, useDeleteUser, useListAccounts } from "@better-auth-ui/react";
+import { TriangleExclamation } from "@gravity-ui/icons";
+import { AlertDialog, Button, Card, FieldError, Form, Input, Label, Spinner, TextField, toast } from "@heroui/react";
+import { useQueryClient } from "@tanstack/react-query";
+import { useState } from "react";
+import { deleteUserPlugin } from "../../../lib/auth/delete-user-plugin";
+/**
+ * Danger-zone card to delete the authenticated account, with a confirmation dialog and toasts.
+ */
+export function DeleteAccount({ className, variant, ...props }) {
+    const { authClient, basePaths, localization, navigate, viewPaths } = useAuth();
+    const { localization: deleteUserLocalization, sendDeleteAccountVerification } = useAuthPlugin(deleteUserPlugin);
+    const { data: accounts } = useListAccounts(authClient);
+    const queryClient = useQueryClient();
+    const [confirmOpen, setConfirmOpen] = useState(false);
+    const [password, setPassword] = useState("");
+    const hasCredentialAccount = accounts?.some((account) => account.providerId === "credential");
+    const needsPassword = !sendDeleteAccountVerification && hasCredentialAccount;
+    const { mutate: deleteUser, isPending } = useDeleteUser(authClient);
+    const handleDialogOpenChange = (open) => {
+        setConfirmOpen(open);
+        setPassword("");
+    };
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        const params = {
+            ...(needsPassword ? { password } : {})
+        };
+        deleteUser(params, {
+            onSuccess: () => {
+                setConfirmOpen(false);
+                setPassword("");
+                if (sendDeleteAccountVerification) {
+                    toast.success(deleteUserLocalization.deleteUserVerificationSent);
+                }
+                else {
+                    toast.success(deleteUserLocalization.deleteUserSuccess);
+                    queryClient.removeQueries({ queryKey: authQueryKeys.all });
+                    navigate({
+                        to: `${basePaths.auth}/${viewPaths.auth.signIn}`,
+                        replace: true
+                    });
+                }
+            }
+        });
+    };
+    return (_jsx(Card, { className: 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: deleteUserLocalization.deleteAccount }), _jsx("p", { className: "text-muted text-xs mt-0.5", children: deleteUserLocalization.deleteAccountDescription })] }), _jsxs(AlertDialog, { children: [_jsx(Button, { isDisabled: !accounts, size: "sm", variant: "danger-soft", onPress: () => setConfirmOpen(true), children: deleteUserLocalization.deleteAccount }), _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: deleteUserLocalization.deleteAccount })] }), _jsxs(AlertDialog.Body, { className: "overflow-visible", children: [_jsx("p", { className: "text-muted text-sm", children: deleteUserLocalization.deleteAccountDescription }), 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" }), deleteUserLocalization.deleteAccount] })] })] }) }) }) })] })] }) }));
+}

package/dist/components/auth/email/email-changed-email.d.ts

@@ -1,3 +1,3 @@
-import { EmailChangedEmailProps } from '@better-auth-ui/react/email';
-export type { EmailChangedEmailProps } from '@better-auth-ui/react/email';
+import { type EmailChangedEmailProps } from "@better-auth-ui/react/email";
+export type { EmailChangedEmailProps } from "@better-auth-ui/react/email";
 export declare function EmailChangedEmail({ colors, classNames, ...props }: EmailChangedEmailProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,30 +1,23 @@
-import { cn as e } from "@heroui/react";
-import { jsx as t } from "react/jsx-runtime";
-import { EmailChangedEmail as n } from "@better-auth-ui/react/email";
-//#region src/components/auth/email/email-changed-email.tsx
-function r({ colors: r, classNames: i, ...a }) {
-	return /* @__PURE__ */ t(n, {
-		colors: {
-			light: {
-				background: "#F5F5F5",
-				primary: "#0285F7",
-				primaryForeground: "#FCFCFC",
-				...r?.light
-			},
-			dark: {
-				background: "#060607",
-				primary: "#0584F6",
-				primaryForeground: "#FCFCFC",
-				...r?.dark
-			}
-		},
-		classNames: {
-			...i,
-			card: e("border-none rounded-3xl", i?.card),
-			button: e("rounded-full", i?.button)
-		},
-		...a
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EmailChangedEmail as EmailChangedEmailPrimitive } from "@better-auth-ui/react/email";
+import { cn } from "@heroui/react";
+export function EmailChangedEmail({ colors, classNames, ...props }) {
+    return (_jsx(EmailChangedEmailPrimitive, { colors: {
+            light: {
+                background: "#F5F5F5",
+                primary: "#0285F7",
+                primaryForeground: "#FCFCFC",
+                ...colors?.light
+            },
+            dark: {
+                background: "#060607",
+                primary: "#0584F6",
+                primaryForeground: "#FCFCFC",
+                ...colors?.dark
+            }
+        }, classNames: {
+            ...classNames,
+            card: cn("border-none rounded-3xl", classNames?.card),
+            button: cn("rounded-full", classNames?.button)
+        }, ...props }));
 }
-//#endregion
-export { r as EmailChangedEmail };

package/dist/components/auth/email/email-verification-email.d.ts

@@ -1,3 +1,3 @@
-import { EmailVerificationEmailProps } from '@better-auth-ui/react/email';
-export type { EmailVerificationEmailProps } from '@better-auth-ui/react/email';
+import { type EmailVerificationEmailProps } from "@better-auth-ui/react/email";
+export type { EmailVerificationEmailProps } from "@better-auth-ui/react/email";
 export declare function EmailVerificationEmail({ colors, classNames, ...props }: EmailVerificationEmailProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,30 +1,23 @@
-import { cn as e } from "@heroui/react";
-import { jsx as t } from "react/jsx-runtime";
-import { EmailVerificationEmail as n } from "@better-auth-ui/react/email";
-//#region src/components/auth/email/email-verification-email.tsx
-function r({ colors: r, classNames: i, ...a }) {
-	return /* @__PURE__ */ t(n, {
-		colors: {
-			light: {
-				background: "#F5F5F5",
-				primary: "#0285F7",
-				primaryForeground: "#FCFCFC",
-				...r?.light
-			},
-			dark: {
-				background: "#060607",
-				primary: "#0584F6",
-				primaryForeground: "#FCFCFC",
-				...r?.dark
-			}
-		},
-		classNames: {
-			...i,
-			card: e("border-none rounded-3xl", i?.card),
-			button: e("rounded-full", i?.button)
-		},
-		...a
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EmailVerificationEmail as EmailVerificationEmailPrimitive } from "@better-auth-ui/react/email";
+import { cn } from "@heroui/react";
+export function EmailVerificationEmail({ colors, classNames, ...props }) {
+    return (_jsx(EmailVerificationEmailPrimitive, { colors: {
+            light: {
+                background: "#F5F5F5",
+                primary: "#0285F7",
+                primaryForeground: "#FCFCFC",
+                ...colors?.light
+            },
+            dark: {
+                background: "#060607",
+                primary: "#0584F6",
+                primaryForeground: "#FCFCFC",
+                ...colors?.dark
+            }
+        }, classNames: {
+            ...classNames,
+            card: cn("border-none rounded-3xl", classNames?.card),
+            button: cn("rounded-full", classNames?.button)
+        }, ...props }));
 }
-//#endregion
-export { r as EmailVerificationEmail };

package/dist/components/auth/email/magic-link-email.d.ts

@@ -1,3 +1,3 @@
-import { MagicLinkEmailProps } from '@better-auth-ui/react/email';
-export type { MagicLinkEmailProps } from '@better-auth-ui/react/email';
+import { type MagicLinkEmailProps } from "@better-auth-ui/react/email";
+export type { MagicLinkEmailProps } from "@better-auth-ui/react/email";
 export declare function MagicLinkEmail({ colors, classNames, ...props }: MagicLinkEmailProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/auth/email/magic-link-email.js

@@ -1,30 +1,23 @@
-import { cn as e } from "@heroui/react";
-import { jsx as t } from "react/jsx-runtime";
-import { MagicLinkEmail as n } from "@better-auth-ui/react/email";
-//#region src/components/auth/email/magic-link-email.tsx
-function r({ colors: r, classNames: i, ...a }) {
-	return /* @__PURE__ */ t(n, {
-		colors: {
-			light: {
-				background: "#F5F5F5",
-				primary: "#0285F7",
-				primaryForeground: "#FCFCFC",
-				...r?.light
-			},
-			dark: {
-				background: "#060607",
-				primary: "#0584F6",
-				primaryForeground: "#FCFCFC",
-				...r?.dark
-			}
-		},
-		classNames: {
-			...i,
-			card: e("border-none rounded-3xl", i?.card),
-			button: e("rounded-full", i?.button)
-		},
-		...a
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MagicLinkEmail as MagicLinkEmailPrimitive } from "@better-auth-ui/react/email";
+import { cn } from "@heroui/react";
+export function MagicLinkEmail({ colors, classNames, ...props }) {
+    return (_jsx(MagicLinkEmailPrimitive, { colors: {
+            light: {
+                background: "#F5F5F5",
+                primary: "#0285F7",
+                primaryForeground: "#FCFCFC",
+                ...colors?.light
+            },
+            dark: {
+                background: "#060607",
+                primary: "#0584F6",
+                primaryForeground: "#FCFCFC",
+                ...colors?.dark
+            }
+        }, classNames: {
+            ...classNames,
+            card: cn("border-none rounded-3xl", classNames?.card),
+            button: cn("rounded-full", classNames?.button)
+        }, ...props }));
 }
-//#endregion
-export { r as MagicLinkEmail };

package/dist/components/auth/email/new-device-email.d.ts

@@ -1,3 +1,3 @@
-import { NewDeviceEmailProps } from '@better-auth-ui/react/email';
-export type { NewDeviceEmailProps } from '@better-auth-ui/react/email';
+import { type NewDeviceEmailProps } from "@better-auth-ui/react/email";
+export type { NewDeviceEmailProps } from "@better-auth-ui/react/email";
 export declare function NewDeviceEmail({ colors, classNames, ...props }: NewDeviceEmailProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/auth/email/new-device-email.js

@@ -1,30 +1,23 @@
-import { cn as e } from "@heroui/react";
-import { jsx as t } from "react/jsx-runtime";
-import { NewDeviceEmail as n } from "@better-auth-ui/react/email";
-//#region src/components/auth/email/new-device-email.tsx
-function r({ colors: r, classNames: i, ...a }) {
-	return /* @__PURE__ */ t(n, {
-		colors: {
-			light: {
-				background: "#F5F5F5",
-				primary: "#0285F7",
-				primaryForeground: "#FCFCFC",
-				...r?.light
-			},
-			dark: {
-				background: "#060607",
-				primary: "#0584F6",
-				primaryForeground: "#FCFCFC",
-				...r?.dark
-			}
-		},
-		classNames: {
-			...i,
-			card: e("border-none rounded-3xl", i?.card),
-			button: e("rounded-full", i?.button)
-		},
-		...a
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NewDeviceEmail as NewDeviceEmailPrimitive } from "@better-auth-ui/react/email";
+import { cn } from "@heroui/react";
+export function NewDeviceEmail({ colors, classNames, ...props }) {
+    return (_jsx(NewDeviceEmailPrimitive, { colors: {
+            light: {
+                background: "#F5F5F5",
+                primary: "#0285F7",
+                primaryForeground: "#FCFCFC",
+                ...colors?.light
+            },
+            dark: {
+                background: "#060607",
+                primary: "#0584F6",
+                primaryForeground: "#FCFCFC",
+                ...colors?.dark
+            }
+        }, classNames: {
+            ...classNames,
+            card: cn("border-none rounded-3xl", classNames?.card),
+            button: cn("rounded-full", classNames?.button)
+        }, ...props }));
 }
-//#endregion
-export { r as NewDeviceEmail };

package/dist/components/auth/email/organization-invitation-email.d.ts

@@ -0,0 +1,3 @@
+import { type OrganizationInvitationEmailProps } from "@better-auth-ui/react/email";
+export type { OrganizationInvitationEmailProps } from "@better-auth-ui/react/email";
+export declare function OrganizationInvitationEmail({ colors, classNames, ...props }: OrganizationInvitationEmailProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/auth/email/organization-invitation-email.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { OrganizationInvitationEmail as OrganizationInvitationEmailPrimitive } from "@better-auth-ui/react/email";
+import { cn } from "@heroui/react";
+export function OrganizationInvitationEmail({ colors, classNames, ...props }) {
+    return (_jsx(OrganizationInvitationEmailPrimitive, { colors: {
+            light: {
+                background: "#F5F5F5",
+                primary: "#0285F7",
+                primaryForeground: "#FCFCFC",
+                ...colors?.light
+            },
+            dark: {
+                background: "#060607",
+                primary: "#0584F6",
+                primaryForeground: "#FCFCFC",
+                ...colors?.dark
+            }
+        }, classNames: {
+            ...classNames,
+            card: cn("border-none rounded-3xl", classNames?.card),
+            button: cn("rounded-full", classNames?.button)
+        }, ...props }));
+}

package/dist/components/auth/email/otp-email.d.ts

@@ -1,3 +1,3 @@
-import { OtpEmailProps } from '@better-auth-ui/react/email';
-export type { OtpEmailProps } from '@better-auth-ui/react/email';
+import { type OtpEmailProps } from "@better-auth-ui/react/email";
+export type { OtpEmailProps } from "@better-auth-ui/react/email";
 export declare function OtpEmail({ colors, classNames, ...props }: OtpEmailProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,29 +1,22 @@
-import { cn as e } from "@heroui/react";
-import { jsx as t } from "react/jsx-runtime";
-import { OtpEmail as n } from "@better-auth-ui/react/email";
-//#region src/components/auth/email/otp-email.tsx
-function r({ colors: r, classNames: i, ...a }) {
-	return /* @__PURE__ */ t(n, {
-		colors: {
-			light: {
-				background: "#F5F5F5",
-				primary: "#0285F7",
-				primaryForeground: "#FCFCFC",
-				...r?.light
-			},
-			dark: {
-				background: "#060607",
-				primary: "#0584F6",
-				primaryForeground: "#FCFCFC",
-				...r?.dark
-			}
-		},
-		classNames: {
-			...i,
-			card: e("border-none rounded-3xl", i?.card)
-		},
-		...a
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { OtpEmail as OtpEmailPrimitive } from "@better-auth-ui/react/email";
+import { cn } from "@heroui/react";
+export function OtpEmail({ colors, classNames, ...props }) {
+    return (_jsx(OtpEmailPrimitive, { colors: {
+            light: {
+                background: "#F5F5F5",
+                primary: "#0285F7",
+                primaryForeground: "#FCFCFC",
+                ...colors?.light
+            },
+            dark: {
+                background: "#060607",
+                primary: "#0584F6",
+                primaryForeground: "#FCFCFC",
+                ...colors?.dark
+            }
+        }, classNames: {
+            ...classNames,
+            card: cn("border-none rounded-3xl", classNames?.card)
+        }, ...props }));
 }
-//#endregion
-export { r as OtpEmail };

package/dist/components/auth/email/password-changed-email.d.ts

@@ -1,3 +1,3 @@
-import { PasswordChangedEmailProps } from '@better-auth-ui/react/email';
-export type { PasswordChangedEmailProps } from '@better-auth-ui/react/email';
+import { type PasswordChangedEmailProps } from "@better-auth-ui/react/email";
+export type { PasswordChangedEmailProps } from "@better-auth-ui/react/email";
 export declare function PasswordChangedEmail({ colors, classNames, ...props }: PasswordChangedEmailProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,30 +1,23 @@
-import { cn as e } from "@heroui/react";
-import { jsx as t } from "react/jsx-runtime";
-import { PasswordChangedEmail as n } from "@better-auth-ui/react/email";
-//#region src/components/auth/email/password-changed-email.tsx
-function r({ colors: r, classNames: i, ...a }) {
-	return /* @__PURE__ */ t(n, {
-		colors: {
-			light: {
-				background: "#F5F5F5",
-				primary: "#0285F7",
-				primaryForeground: "#FCFCFC",
-				...r?.light
-			},
-			dark: {
-				background: "#060607",
-				primary: "#0584F6",
-				primaryForeground: "#FCFCFC",
-				...r?.dark
-			}
-		},
-		classNames: {
-			...i,
-			card: e("border-none rounded-3xl", i?.card),
-			button: e("rounded-full", i?.button)
-		},
-		...a
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PasswordChangedEmail as PasswordChangedEmailPrimitive } from "@better-auth-ui/react/email";
+import { cn } from "@heroui/react";
+export function PasswordChangedEmail({ colors, classNames, ...props }) {
+    return (_jsx(PasswordChangedEmailPrimitive, { colors: {
+            light: {
+                background: "#F5F5F5",
+                primary: "#0285F7",
+                primaryForeground: "#FCFCFC",
+                ...colors?.light
+            },
+            dark: {
+                background: "#060607",
+                primary: "#0584F6",
+                primaryForeground: "#FCFCFC",
+                ...colors?.dark
+            }
+        }, classNames: {
+            ...classNames,
+            card: cn("border-none rounded-3xl", classNames?.card),
+            button: cn("rounded-full", classNames?.button)
+        }, ...props }));
 }
-//#endregion
-export { r as PasswordChangedEmail };

package/dist/components/auth/email/reset-password-email.d.ts

@@ -1,3 +1,3 @@
-import { ResetPasswordEmailProps } from '@better-auth-ui/react/email';
-export type { ResetPasswordEmailProps } from '@better-auth-ui/react/email';
+import { type ResetPasswordEmailProps } from "@better-auth-ui/react/email";
+export type { ResetPasswordEmailProps } from "@better-auth-ui/react/email";
 export declare function ResetPasswordEmail({ colors, classNames, ...props }: ResetPasswordEmailProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/auth/email/reset-password-email.js

@@ -1,30 +1,23 @@
-import { cn as e } from "@heroui/react";
-import { jsx as t } from "react/jsx-runtime";
-import { ResetPasswordEmail as n } from "@better-auth-ui/react/email";
-//#region src/components/auth/email/reset-password-email.tsx
-function r({ colors: r, classNames: i, ...a }) {
-	return /* @__PURE__ */ t(n, {
-		colors: {
-			light: {
-				background: "#F5F5F5",
-				primary: "#0285F7",
-				primaryForeground: "#FCFCFC",
-				...r?.light
-			},
-			dark: {
-				background: "#060607",
-				primary: "#0584F6",
-				primaryForeground: "#FCFCFC",
-				...r?.dark
-			}
-		},
-		classNames: {
-			...i,
-			card: e("border-none rounded-3xl", i?.card),
-			button: e("rounded-full", i?.button)
-		},
-		...a
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ResetPasswordEmail as ResetPasswordEmailPrimitive } from "@better-auth-ui/react/email";
+import { cn } from "@heroui/react";
+export function ResetPasswordEmail({ colors, classNames, ...props }) {
+    return (_jsx(ResetPasswordEmailPrimitive, { colors: {
+            light: {
+                background: "#F5F5F5",
+                primary: "#0285F7",
+                primaryForeground: "#FCFCFC",
+                ...colors?.light
+            },
+            dark: {
+                background: "#060607",
+                primary: "#0584F6",
+                primaryForeground: "#FCFCFC",
+                ...colors?.dark
+            }
+        }, classNames: {
+            ...classNames,
+            card: cn("border-none rounded-3xl", classNames?.card),
+            button: cn("rounded-full", classNames?.button)
+        }, ...props }));
 }
-//#endregion
-export { r as ResetPasswordEmail };

package/dist/components/auth/error-toaster.js

@@ -1,17 +1,33 @@
-import { toast as e } from "@heroui/react";
-import { useEffect as t } from "react";
-import { useQueryClient as n } from "@tanstack/react-query";
-//#region src/components/auth/error-toaster.tsx
-function r() {
-	let r = n();
-	return t(() => {
-		r.getQueryCache().config.onError = (t) => {
-			let n = t;
-			n?.error && e.danger(n.error.message);
-		}, r.setMutationDefaults([], { onError: (t) => {
-			e.danger(t?.error?.message || t.message);
-		} });
-	}, [r]), null;
+import { authMutationKeys, authQueryKeys } from "@better-auth-ui/core";
+import { toast } from "@heroui/react";
+import { matchMutation, matchQuery, useQueryClient } from "@tanstack/react-query";
+import { useEffect } from "react";
+export function ErrorToaster() {
+    const queryClient = useQueryClient();
+    useEffect(() => {
+        const unsubscribeQuery = queryClient.getQueryCache().subscribe((event) => {
+            if (event.type !== "updated" || event.action.type !== "error")
+                return;
+            if (!matchQuery({ queryKey: authQueryKeys.all }, event.query))
+                return;
+            const err = event.action.error;
+            if (err?.error)
+                toast.danger(err.error.message);
+        });
+        const unsubscribeMutation = queryClient
+            .getMutationCache()
+            .subscribe((event) => {
+            if (event.type !== "updated" || event.action.type !== "error")
+                return;
+            if (!matchMutation({ mutationKey: authMutationKeys.all }, event.mutation))
+                return;
+            const err = event.action.error;
+            toast.danger(err.error?.message || err.message);
+        });
+        return () => {
+            unsubscribeQuery();
+            unsubscribeMutation();
+        };
+    }, [queryClient]);
+    return null;
 }
-//#endregion
-export { r as ErrorToaster };

package/dist/components/auth/field-separator.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from "react";
 export declare function FieldSeparator({ children }: {
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;