import * as React from "react"
// Importa o hook de navegação do Framer
import { useCurrentRoute } from "framer" 

/**
 * Componente que dispara Pageview para GTM e RD Station em cada navegação de SPA.
 */
export function GTMObserver() {
    // Pega a rota atual do Framer
    const currentRoute = useCurrentRoute() 

    React.useEffect(() => {
        // Verifica se a rota existe (para evitar disparos iniciais vazios)
        if (currentRoute && currentRoute.path) {
            
            const virtualPath = currentRoute.path;
            const virtualUrl = window.location.origin + virtualPath;
            
            // --- 1. Disparo para RD Station (Prioridade) ---
            // Verifica se o objeto global da RD Station está disponível
            if (window.RDStationForms) {
                // Chama a função pageview para registrar o novo acesso à página
                window.RDStationForms.pageview(virtualUrl);

                console.log(`[RDStation Tracker] Pageview disparado para: ${virtualUrl}`);
            } else {
                console.warn("[RDStation Tracker] Objeto RDStationForms não encontrado.");
            }
            
            // --- 2. Disparo para GTM/dataLayer (Se ainda estiver usando) ---
            window.dataLayer = window.dataLayer || [];
            window.dataLayer.push({
                'event': 'virtualPageview',
                'virtualUrl': virtualPath 
            });
        }
    }, [currentRoute]) // Dependência: Roda novamente quando a rota muda

    return null // O componente não renderiza nada visualmente
}