@better-auth-ui/react 1.6.27 → 1.6.29

package/dist/lib/auth-client.d.ts

@@ -1,11 +1,14 @@
 import { apiKeyClient } from '@better-auth/api-key/client';
 import { passkeyClient } from '@better-auth/passkey/client';
-import { magicLinkClient, multiSessionClient, organizationClient, usernameClient } from 'better-auth/client/plugins';
+import { lastLoginMethodClient, magicLinkClient, multiSessionClient, organizationClient, usernameClient } from 'better-auth/client/plugins';
 import { createAuthClient } from 'better-auth/react';
 export type AuthClient = ReturnType<typeof createAuthClient>;
 export type MagicLinkAuthClient = ReturnType<typeof createAuthClient<{
     plugins: [ReturnType<typeof magicLinkClient>];
 }>>;
+export type LastLoginMethodAuthClient = ReturnType<typeof createAuthClient<{
+    plugins: [ReturnType<typeof lastLoginMethodClient>];
+}>>;
 export type MultiSessionAuthClient = ReturnType<typeof createAuthClient<{
     plugins: [ReturnType<typeof multiSessionClient>];
 }>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@better-auth-ui/react",
-  "version": "1.6.27",
+  "version": "1.6.29",
   "type": "module",
   "scripts": {
     "build": "vite build",
@@ -38,8 +38,7 @@
   "devDependencies": {
     "@better-auth/api-key": "^1.6.19",
     "@better-auth/passkey": "^1.6.19",
-    "@react-email/components": "^1.0.12",
-    "@react-email/preview-server": "^5.2.10",
+    "@react-email/ui": "6.6.8",
     "@tanstack/query-core": "^5.100.14",
     "@tanstack/react-query": "^5.100.14",
     "@testing-library/react": "^16.3.2",
@@ -52,7 +51,7 @@
     "playwright": "^1.61.0",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
-    "react-email": "^6.6.3",
+    "react-email": "^6.6.8",
     "tailwind-merge": "^3.5.0",
     "tailwindcss": "^4.3.1",
     "vitest": "^4.1.9",
@@ -62,17 +61,22 @@
     "@better-auth-ui/core": "*",
     "@better-auth/api-key": ">=1.6.19",
     "@better-auth/passkey": ">=1.6.19",
-    "@react-email/components": ">=1.0.12",
     "@tanstack/query-core": ">=5.100.14",
     "@tanstack/react-query": ">=5.100.14",
     "better-auth": ">=1.6.19",
     "clsx": ">=2.0.0",
     "react": ">=19.2.6",
     "react-dom": ">=19.2.6",
+    "react-email": ">=6.0.0",
     "tailwind-merge": ">=3.5.0",
     "tailwindcss": ">=4.3.1",
     "zod": ">=4.4.3"
   },
+  "peerDependenciesMeta": {
+    "react-email": {
+      "optional": true
+    }
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/better-auth-ui/better-auth-ui",

package/src/components/auth/email/email-changed.tsx

@@ -1,3 +1,4 @@
+import type { ReactNode } from "react"
 import {
   Body,
   Button,
@@ -13,8 +14,7 @@ import {
   Section,
   Tailwind,
   Text
-} from "@react-email/components"
-import type { ReactNode } from "react"
+} from "react-email"
 
 import { cn } from "../../../lib/utils"
 import {

package/src/components/auth/email/email-verification.tsx

@@ -1,3 +1,4 @@
+import type { ReactNode } from "react"
 import {
   Body,
   Button,
@@ -13,8 +14,7 @@ import {
   Section,
   Tailwind,
   Text
-} from "@react-email/components"
-import type { ReactNode } from "react"
+} from "react-email"
 
 import { cn } from "../../../lib/utils"
 import {

package/src/components/auth/email/magic-link.tsx

@@ -1,3 +1,4 @@
+import type { ReactNode } from "react"
 import {
   Body,
   Button,
@@ -13,8 +14,7 @@ import {
   Section,
   Tailwind,
   Text
-} from "@react-email/components"
-import type { ReactNode } from "react"
+} from "react-email"
 
 import { cn } from "../../../lib/utils"
 import {

package/src/components/auth/email/new-device.tsx

@@ -1,3 +1,4 @@
+import type { ReactNode } from "react"
 import {
   Body,
   Button,
@@ -13,8 +14,7 @@ import {
   Section,
   Tailwind,
   Text
-} from "@react-email/components"
-import type { ReactNode } from "react"
+} from "react-email"
 
 import { cn } from "../../../lib/utils"
 import {

package/src/components/auth/email/organization-invitation.tsx

@@ -1,3 +1,4 @@
+import type { ReactNode } from "react"
 import {
   Body,
   Button,
@@ -13,8 +14,7 @@ import {
   Section,
   Tailwind,
   Text
-} from "@react-email/components"
-import type { ReactNode } from "react"
+} from "react-email"
 
 import { cn } from "../../../lib/utils"
 import {

package/src/components/auth/email/otp-email.tsx

@@ -1,3 +1,4 @@
+import type { ReactNode } from "react"
 import {
   Body,
   Container,
@@ -12,8 +13,7 @@ import {
   Section,
   Tailwind,
   Text
-} from "@react-email/components"
-import type { ReactNode } from "react"
+} from "react-email"
 
 import { cn } from "../../../lib/utils"
 import {

package/src/components/auth/email/password-changed.tsx

@@ -1,3 +1,4 @@
+import type { ReactNode } from "react"
 import {
   Body,
   Button,
@@ -13,8 +14,7 @@ import {
   Section,
   Tailwind,
   Text
-} from "@react-email/components"
-import type { ReactNode } from "react"
+} from "react-email"
 
 import { cn } from "../../../lib/utils"
 import {

package/src/components/auth/email/reset-password.tsx

@@ -1,3 +1,4 @@
+import type { ReactNode } from "react"
 import {
   Body,
   Button,
@@ -13,8 +14,7 @@ import {
   Section,
   Tailwind,
   Text
-} from "@react-email/components"
-import type { ReactNode } from "react"
+} from "react-email"
 
 import { cn } from "../../../lib/utils"
 import {

package/src/hooks/auth/use-last-login-method.ts

@@ -0,0 +1,51 @@
+"use client"
+
+import {
+  type LastLoginMethodLocalization,
+  lastLoginMethodLocalization,
+  lastLoginMethodPlugin
+} from "@better-auth-ui/core/plugins"
+import { useCallback, useSyncExternalStore } from "react"
+import { useAuth } from "../../components/auth/auth-provider"
+import type { LastLoginMethodAuthClient } from "../../lib/auth-client"
+
+const subscribe = () => () => {}
+const getServerSnapshot = () => null
+
+export type LastLoginMethodState = {
+  /** Most recently used method, such as `"email"`, `"google"`, or `"github"`. */
+  method: string | null
+  /** Localization contributed by `lastLoginMethodPlugin()`. */
+  localization: LastLoginMethodLocalization
+}
+
+/**
+ * Reads Better Auth's last-login-method cookie after hydration.
+ *
+ * Always returns an object containing `method` and `localization`. Only
+ * `method` is `null` when the UI plugin is not registered or the matching
+ * Better Auth client plugin has no stored method.
+ */
+export function useLastLoginMethod(): LastLoginMethodState {
+  const { authClient, plugins } = useAuth()
+  const plugin = plugins.find(
+    (candidate) => candidate.id === lastLoginMethodPlugin.id
+  )
+  const localization = {
+    ...lastLoginMethodLocalization,
+    ...(plugin?.localization as
+      | Partial<LastLoginMethodLocalization>
+      | undefined)
+  }
+
+  const getSnapshot = useCallback(() => {
+    if (!plugin) return null
+
+    const client = authClient as Partial<LastLoginMethodAuthClient>
+    return client.getLastUsedLoginMethod?.() ?? null
+  }, [authClient, plugin])
+
+  const method = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)
+
+  return { method, localization }
+}

package/src/index.ts

@@ -5,6 +5,7 @@ export * from "./components/auth/fetch-options-provider"
 export * from "./components/icons"
 export * from "./components/settings/account/theme-preview"
 export * from "./hooks/auth/use-authenticate"
+export * from "./hooks/auth/use-last-login-method"
 export * from "./hooks/auth/use-user"
 export * from "./hooks/use-auth-mutation"
 export * from "./hooks/use-auth-plugin"

package/src/lib/auth-client.ts

@@ -1,6 +1,7 @@
 import type { apiKeyClient } from "@better-auth/api-key/client"
 import type { passkeyClient } from "@better-auth/passkey/client"
 import type {
+  lastLoginMethodClient,
   magicLinkClient,
   multiSessionClient,
   organizationClient,
@@ -20,6 +21,12 @@ export type MagicLinkAuthClient = ReturnType<
   typeof createAuthClient<{ plugins: [ReturnType<typeof magicLinkClient>] }>
 >
 
+export type LastLoginMethodAuthClient = ReturnType<
+  typeof createAuthClient<{
+    plugins: [ReturnType<typeof lastLoginMethodClient>]
+  }>
+>
+
 export type MultiSessionAuthClient = ReturnType<
   typeof createAuthClient<{ plugins: [ReturnType<typeof multiSessionClient>] }>
 >