OAuth Provider

1"use client"
2 
3import {
4  type OAuthAuthorizationRequest,
5  parseOAuthAuthorizationRequest,
6  resolveOAuthScopeMetadata,
7  sanitizeOAuthClientUrl
8} from "@better-auth-ui/core/plugins"
9import {
10  type OAuthProviderAuthClient,
11  useAuth,
12  useAuthPlugin,
13  useOAuthConsent,
14  usePublicOAuthClient,
15  useSession
16} from "@better-auth-ui/react"
17import { Check, ShieldCheck } from "lucide-react"
18import { useEffect, useState } from "react"
19 
20import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
21import { Button } from "@/components/ui/button"
22import {
23  Card,
24  CardContent,
25  CardDescription,
26  CardFooter,
27  CardHeader,
28  CardTitle
29} from "@/components/ui/card"
30import { Separator } from "@/components/ui/separator"
31import { Skeleton } from "@/components/ui/skeleton"
32import { Spinner } from "@/components/ui/spinner"
33import { oauthProviderPlugin } from "@/lib/auth/oauth-provider-plugin"
34import { cn } from "@/lib/utils"
35import { UserAvatar } from "../user/user-avatar"
36 
37export type OAuthConsentProps = {
38  className?: string
39}
40 
41const interpolateClient = (template: string, clientName: string) =>
42  template.replace("{{client}}", clientName)
43 
44export function OAuthConsent({ className }: OAuthConsentProps) {
45  const { authClient } = useAuth()
46  const { localization, scopeMetadata } = useAuthPlugin(oauthProviderPlugin)
47  const oauthClient = authClient as OAuthProviderAuthClient
48  const { data: session, isPending: isSessionPending } = useSession(oauthClient)
49  const [request, setRequest] = useState<OAuthAuthorizationRequest>()
50 
51  useEffect(() => {
52    setRequest(parseOAuthAuthorizationRequest(window.location.search))
53  }, [])
54 
55  const publicClient = usePublicOAuthClient(oauthClient, request?.clientId, {
56    enabled: Boolean(session && request?.clientId)
57  })
58  const consent = useOAuthConsent(oauthClient)
59  const client = publicClient.data
60  const clientName = client?.client_name || localization.application
61  const logoUrl = sanitizeOAuthClientUrl(client?.logo_uri)
62  const policyUrl = sanitizeOAuthClientUrl(client?.policy_uri)
63  const termsUrl = sanitizeOAuthClientUrl(client?.tos_uri)
64  const requestResolved = request !== undefined
65  const invalidRequest =
66    requestResolved &&
67    (!request.clientId ||
68      (!isSessionPending && !session) ||
69      publicClient.isError ||
70      (!publicClient.isPending && session && !client))
71  const canRespond = Boolean(
72    request?.clientId && session && client && !consent.isPending
73  )
74 
75  if (invalidRequest) {
76// … truncated