Initial SeConectai briefing system

2026-10-04 10:42:23 -03:00
commit 45cd8d2f03
163 changed files with 12659 additions and 0 deletions
@@ -0,0 +1,131 @@
+import Link from "next/link";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { getRevisaoBriefing } from "@/lib/briefing-service";
+import { EnvioBriefingForm } from "./envio-briefing-form";
+
+function respostaTexto(resposta: {
+  texto: string | null;
+  complemento: string | null;
+  selecionadas: unknown;
+}) {
+  const partes: string[] = [];
+  const selecionadas = Array.isArray(resposta.selecionadas)
+    ? resposta.selecionadas.filter((item): item is string => typeof item === "string")
+    : [];
+
+  if (resposta.texto?.trim()) {
+    partes.push(resposta.texto.trim());
+  }
+
+  if (selecionadas.length > 0) {
+    partes.push(selecionadas.join(", "));
+  }
+
+  if (resposta.complemento?.trim()) {
+    partes.push(`Complemento: ${resposta.complemento.trim()}`);
+  }
+
+  return partes.join(" | ");
+}
+
+export default async function RevisaoBriefingPage({ params }: { params: { id: string } }) {
+  const { briefing, secoes, confirmacaoCliente } = await getRevisaoBriefing(params.id);
+  const perguntas = secoes.flatMap((secao) => secao.perguntas);
+  const perguntasEmBranco = perguntas.filter((pergunta) => {
+    const resposta = pergunta.respostas[0];
+    const anexos = "anexos" in pergunta && Array.isArray(pergunta.anexos) ? pergunta.anexos : [];
+    return (!resposta || !respostaTexto(resposta)) && anexos.length === 0;
+  }).length;
+
+  return (
+    <main className="container py-8">
+      <div className="mb-8 flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
+        <div>
+          <Badge variant="muted">{briefing.status.replace("_", " ")}</Badge>
+          <h1 className="mt-3 text-3xl font-semibold">Revisao do briefing</h1>
+          <p className="mt-2 text-sm text-muted-foreground">
+            Confira as respostas antes de enviar para analise.
+          </p>
+        </div>
+        <Button asChild variant="outline">
+          <Link href={`/briefings/${briefing.id}`}>Voltar para abertura</Link>
+        </Button>
+        {briefing.status !== "RASCUNHO" ? (
+          <Button asChild>
+            <a href={`/api/briefings/${briefing.id}/pdf`}>Baixar PDF</a>
+          </Button>
+        ) : null}
+      </div>
+
+      <div className="grid gap-6 lg:grid-cols-[1fr_360px]">
+        <div className="grid gap-4">
+          {secoes.map((secao) => (
+          <Card key={secao.id}>
+            <CardHeader>
+              <CardTitle className="text-lg">{secao.ordem}. {secao.titulo}</CardTitle>
+            </CardHeader>
+            <CardContent className="space-y-4">
+              {secao.perguntas.map((pergunta) => {
+                const resposta = pergunta.respostas[0];
+                const texto = resposta ? respostaTexto(resposta) : "";
+                const anexos = "anexos" in pergunta && Array.isArray(pergunta.anexos) ? pergunta.anexos : [];
+
+                return (
+                  <div key={pergunta.id} className="rounded-md border p-3">
+                    <div className="flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between">
+                      <p className="text-sm font-medium">{pergunta.rotulo}</p>
+                      {!texto && anexos.length === 0 ? <Badge variant="outline">Em branco</Badge> : null}
+                    </div>
+                    <p className="mt-2 whitespace-pre-wrap text-sm leading-6 text-muted-foreground">
+                      {texto || "Sem resposta informada."}
+                    </p>
+                    {anexos.length > 0 ? (
+                      <ul className="mt-3 space-y-1 text-sm text-muted-foreground">
+                        {anexos.map((anexo) => (
+                          <li key={anexo.id}>
+                            <a className="text-primary underline-offset-4 hover:underline" href={`/api/anexos/${anexo.id}`}>
+                              {anexo.nomeOriginal}
+                            </a>
+                          </li>
+                        ))}
+                      </ul>
+                    ) : null}
+                  </div>
+                );
+              })}
+              {briefing.status === "RASCUNHO" ? (
+                <Button asChild variant="outline">
+                  <Link href={`/briefings/${briefing.id}/${secao.ordem}`}>Editar secao</Link>
+                </Button>
+              ) : null}
+            </CardContent>
+          </Card>
+          ))}
+        </div>
+
+        <aside className="lg:sticky lg:top-6 lg:self-start">
+          {briefing.status === "RASCUNHO" ? (
+            <EnvioBriefingForm
+              briefingId={briefing.id}
+              confirmacaoCliente={String(confirmacaoCliente ?? "")}
+              perguntasEmBranco={perguntasEmBranco}
+            />
+          ) : (
+            <Card>
+              <CardHeader>
+                <CardTitle className="text-lg">Briefing enviado</CardTitle>
+              </CardHeader>
+              <CardContent>
+                <p className="text-sm leading-6 text-muted-foreground">
+                  Este briefing foi enviado e esta bloqueado para edicao.
+                </p>
+              </CardContent>
+            </Card>
+          )}
+        </aside>
+      </div>
+    </main>
+  );
+}