@better-auth-ui/react 1.6.28 → 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.28",
+  "version": "1.6.29",
   "type": "module",
   "scripts": {
     "build": "vite build",

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>] }>
 >