import { Eye } from 'lucide-react'; import { useEffect } from 'react'; import { Head, Link, usePage } from '@inertiajs/react'; import { Logo, TextLogo } from '@/Components/branding/Logo'; import ReportPreview from '@/Components/Reports/ReportPreview'; import { ThemeToggle } from '@/Components/theme'; import { Alert, AlertDescription } from '@/Components/ui/alert'; import { Badge } from '@/Components/ui/badge'; import { Button } from '@/Components/ui/button'; import { hasAnalyticsConsent, trackProductEvent } from '@/lib/analytics'; import { CTA_CLICKED, SHARED_REPORT_VIEWED } from '@/lib/event-catalog'; import { type Branding, type PageProps } from '@/types'; interface Report { id: number; name: string; sections: string[]; filters: Record; status: string; generated_at: string | null; data: Record | null; } interface Site { name: string; domain: string; } interface SharedLink { view_count: number; } interface Props { report: Report; site: Site; shared_link: SharedLink; } export default function View({ report, site, shared_link: sharedLink }: Props) { const { auth } = usePage().props; const branding = report.data?.branding as Branding | null | undefined; const showRankwizBranding = !branding?.remove_rankwiz_branding; // Consent is sampled once on mount (and again if report.id or auth.user changes). // The CookieConsent banner is shown before this page renders for visitors // without prior consent, so consent state is stable by the time this effect runs. // If the consent infrastructure ever becomes asynchronous or post-render, add a // reactive consent value to the dependency array here to avoid missing the event. useEffect(() => { if (!hasAnalyticsConsent()) { return; } trackProductEvent(SHARED_REPORT_VIEWED, { report_id: String(report.id), is_authenticated: Boolean(auth?.user), }); }, [report.id, auth?.user]); return ( <>
{/* Header */}
{showRankwizBranding ? (
) : branding?.logo_url ? ( {branding.company_name ) : ( {branding?.company_name ?? 'Report'} )}
{/* Content */}
{/* Shared Report Info Banner */}
This is a shared report from {site.name} {sharedLink.view_count} {sharedLink.view_count === 1 ? 'view' : 'views'}
{showRankwizBranding && ( )} {/* Report Content */} {report.status === 'completed' && report.data ? ( ) : (

Report Not Available

This report is still being generated or encountered an error.

)}
{/* Footer */}
); }