'use client'; import { approveAuthorization, denyAuthorization } from '@/ee/features/oauth/actions'; import { LoadingButton } from '@/components/ui/loading-button'; import { isServiceError } from '@/lib/utils'; import { ClientIcon } from './clientIcon'; import Image from 'next/image'; import logo from '@/public/logo_512.png'; import { useEffect, useState } from 'react'; import useCaptureEvent from '@/hooks/useCaptureEvent'; import { useToast } from '@/components/hooks/use-toast'; interface ConsentScreenProps { clientId: string; clientName: string; clientLogoUri: string | null; redirectUri: string; codeChallenge: string; resource: string | null; state: string | undefined; userEmail: string; } export function ConsentScreen({ clientId, clientName, clientLogoUri, redirectUri, codeChallenge, resource, state, userEmail, }: ConsentScreenProps) { const [pending, setPending] = useState<'approve' | 'deny' | null>(null); const captureEvent = useCaptureEvent(); const { toast } = useToast(); useEffect(() => { captureEvent('wa_oauth_consent_viewed', { clientId, clientName }); }, [captureEvent, clientId, clientName]); const onApprove = async () => { captureEvent('wa_oauth_authorization_approved', { clientId, clientName }); setPending('approve'); const result = await approveAuthorization({ clientId, redirectUri, codeChallenge, resource, state }); if (!isServiceError(result)) { toast({ description: `✅ Authorization approved successfully. Redirecting...`, }); window.location.href = result; } else { toast({ description: `❌ Failed to approve authorization. ${result.message}`, }); } setPending(null); }; const onDeny = async () => { captureEvent('wa_oauth_authorization_denied', { clientId, clientName }); setPending('deny'); const result = await denyAuthorization({ redirectUri, state }); if (isServiceError(result)) { setPending(null); return; } window.location.href = result; }; return (

{/* App icons */}

{/* Title */}

{clientName} is requesting access to your Sourcebot account.

Logged in as {userEmail}

{/* Details table */}

Details

Name: {clientName}

Redirect URI: {redirectUri}

{/* Actions */}

Cancel Approve

); }