"use client";
import { Suspense, useCallback, useEffect, useMemo, useRef, useState } from "react";
import Link from "next/link";
import { useRouter, useSearchParams } from "next/navigation";
import { Toaster } from "sonner";
import { ArrowLeft, Check, Globe, Link2, Loader2, Printer, RefreshCw, Trash2 } from "lucide-react";
import { getSupabaseClient } from "@/lib/supabase";
import { chaveDoDia, doTexto, somaDias, type EventoAgenda } from "../tipos";
import { CorpoRelatorio, DIMENSOES, type ChaveDim } from "@/components/relatorio/corpo";
import { nomeDoRelatorio, useTituloDaPagina } from "@/components/relatorio/titulo-da-pagina";
import { aviso } from "../aviso";
/**
* Relatório da agenda, versão interna.
*
* O recorte mora na URL, entao qualquer ajuste de periodo continua sendo um
* link que se manda a outra pessoa da empresa. Para quem esta de fora existe o
* link publico, que e outra coisa: leva um token proprio e nao aceita o
* periodo por querystring — senao quem recebesse trocaria as datas e leria
* qualquer mes.
*
* O PDF sai pela impressao do navegador. Gerar no servidor exigiria uma
* dependencia pesada para produzir o que o navegador ja faz, e com a vantagem
* de a pessoa escolher paginas e margem.
*/
const PRESETS = [
{ chave: "7", rotulo: "7 dias" },
{ chave: "30", rotulo: "30 dias" },
{ chave: "mes", rotulo: "Este mês" },
{ chave: "90", rotulo: "90 dias" },
] as const;
type LinkPublico = {
id: string;
token: string;
periodo_inicio: string;
periodo_fim: string;
incluir_detalhes: boolean;
expires_at: string;
acessos: number;
};
export default function RelatorioPage() {
return (
}>
);
}
function Carregando() {
return (
);
}
function Relatorio() {
const router = useRouter();
const params = useSearchParams();
const hoje = useMemo(() => new Date(), []);
const [de, setDe] = useState(params.get("de") || chaveDoDia(somaDias(hoje, -29)));
const [ate, setAte] = useState(params.get("ate") || chaveDoDia(hoje));
const [linha, setLinha] = useState(
((params.get("linha") as ChaveDim) in DIMENSOES ? (params.get("linha") as ChaveDim) : "categoria")
);
const [coluna, setColuna] = useState(
((params.get("coluna") as ChaveDim) in DIMENSOES ? (params.get("coluna") as ChaveDim) : "diaSemana")
);
const [eventos, setEventos] = useState([]);
const [carregando, setCarregando] = useState(true);
const [erro, setErro] = useState(null);
const [copiado, setCopiado] = useState(false);
const [painelPublico, setPainelPublico] = useState(false);
const [links, setLinks] = useState([]);
const [gerando, setGerando] = useState(false);
const [comDetalhes, setComDetalhes] = useState(false);
const [validade, setValidade] = useState(30);
useEffect(() => {
const q = new URLSearchParams({ de, ate, linha, coluna });
router.replace(`/dashboard/agenda/relatorio?${q}`, { scroll: false });
}, [de, ate, linha, coluna, router]);
/* O titulo vira o nome sugerido do PDF, entao acompanha o periodo. */
useTituloDaPagina(nomeDoRelatorio(de, ate));
const ultima = useRef("");
const buscar = useCallback(
async (forcar = false) => {
const chave = `${de}|${ate}`;
if (!forcar && ultima.current === chave) return;
if (de > ate) {
setErro("A data inicial é depois da final.");
return;
}
ultima.current = chave;
setCarregando(true);
setErro(null);
try {
const supabase = getSupabaseClient();
const { data, error } = await supabase.rpc("get_agenda_range", { p_inicio: de, p_fim: ate });
if (error) throw new Error(error.message);
setEventos((data as EventoAgenda[]) ?? []);
} catch (e) {
const msg = e instanceof Error ? e.message : "Não foi possível carregar.";
setErro(/intervalo/i.test(msg) ? "Escolha um período de até 400 dias." : msg);
setEventos([]);
} finally {
setCarregando(false);
}
},
[de, ate]
);
useEffect(() => {
buscar();
}, [buscar]);
const carregarLinks = useCallback(async () => {
const supabase = getSupabaseClient();
const { data } = await supabase
.from("agenda_report_shares")
.select("id, token, periodo_inicio, periodo_fim, incluir_detalhes, expires_at, acessos")
.is("revoked_at", null)
.gt("expires_at", new Date().toISOString())
.order("created_at", { ascending: false })
.limit(10);
setLinks((data as LinkPublico[]) ?? []);
}, []);
useEffect(() => {
if (painelPublico) carregarLinks();
}, [painelPublico, carregarLinks]);
const gerarLink = async () => {
setGerando(true);
try {
const supabase = getSupabaseClient();
const { data, error } = await supabase.rpc("criar_link_relatorio_agenda", {
p_inicio: de,
p_fim: ate,
p_linha: linha,
p_coluna: coluna,
p_dias_validade: validade,
p_incluir_detalhes: comDetalhes,
});
if (error) throw new Error(error.message);
const token = (data as { token: string }[])?.[0]?.token;
if (!token) throw new Error("Não foi possível gerar o link.");
const url = `${window.location.origin}/relatorio/${token}`;
await navigator.clipboard.writeText(url).catch(() => {});
aviso.sucesso("Link público criado e copiado.");
carregarLinks();
} catch (e) {
aviso.erro(e instanceof Error ? e.message : "Não foi possível gerar o link.");
} finally {
setGerando(false);
}
};
const revogar = async (id: string) => {
try {
const supabase = getSupabaseClient();
const { error } = await supabase.rpc("revogar_link_relatorio_agenda", { p_id: id });
if (error) throw new Error(error.message);
aviso.sucesso("Link revogado. Quem tiver a URL não abre mais.");
carregarLinks();
} catch (e) {
aviso.erro(e instanceof Error ? e.message : "Não foi possível revogar.");
}
};
const aplicarPreset = (chave: string) => {
if (chave === "mes") {
setDe(chaveDoDia(new Date(hoje.getFullYear(), hoje.getMonth(), 1)));
setAte(chaveDoDia(new Date(hoje.getFullYear(), hoje.getMonth() + 1, 0)));
return;
}
setDe(chaveDoDia(somaDias(hoje, -(Number(chave) - 1))));
setAte(chaveDoDia(hoje));
};
const copiarLinkInterno = async () => {
try {
await navigator.clipboard.writeText(window.location.href);
setCopiado(true);
aviso.sucesso("Link copiado. Abre para quem tem acesso à empresa.");
window.setTimeout(() => setCopiado(false), 2200);
} catch {
aviso.erro("Não foi possível copiar o link.");
}
};
const periodoLegivel = `${doTexto(de).toLocaleDateString("pt-BR")} a ${doTexto(ate).toLocaleDateString("pt-BR")}`;
return (