From 34c04d6966cb615f3e43b5f838aeef04777468a7 Mon Sep 17 00:00:00 2001
From: Francisco Solla <fsolla@pm.me>
Date: Tue, 25 Aug 2026 12:17:12 -0300
Subject: [PATCH] =?UTF-8?q?react-audit(fam=C3=ADlia=202):=20view=20model?=
 =?UTF-8?q?=20m=C3=ADnimo=20cruza=20o=20fio=20RSC=20=E2=80=94=20PetitionFo?=
 =?UTF-8?q?rm.tsx:29=20deixa=20de=20receber=20o=20doc=20Petition=20inteiro?=
 =?UTF-8?q?=20(richText/consent/tracking=20ficam=20no=20server)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/(frontend)/abaixo-assinado/[id]/page.tsx |  6 +++++-
 src/components/PetitionForm.tsx                  | 12 ++++++++++--
 tests/unit/petitionLead.unit.spec.tsx            |  2 +-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/app/(frontend)/abaixo-assinado/[id]/page.tsx b/src/app/(frontend)/abaixo-assinado/[id]/page.tsx
index 20efe4be..06fa5188 100644
--- a/src/app/(frontend)/abaixo-assinado/[id]/page.tsx
+++ b/src/app/(frontend)/abaixo-assinado/[id]/page.tsx
@@ -237,7 +237,11 @@ export default async function Page({ params }: { params: Promise<{ id: string }>
           <div className="rounded-xl border border-border bg-card p-5 text-card-foreground shadow-[0_24px_60px_rgb(122_25_18/0.12)] sm:p-7">
             <PetitionForm
               id="formulario"
-              petition={petition}
+              petition={{
+                id: petition.id,
+                title: petition.title,
+                form: { title: petition.form.title, subtitle: petition.form.subtitle },
+              }}
               consentHTML={consentHTML}
               facebookPixelId={facebookPixelId ?? undefined}
             />
diff --git a/src/components/PetitionForm.tsx b/src/components/PetitionForm.tsx
index 6d746ef2..bf39f619 100644
--- a/src/components/PetitionForm.tsx
+++ b/src/components/PetitionForm.tsx
@@ -11,7 +11,6 @@ import {
 } from '@/components/ui/field'
 import { trackMetaLead } from '@/lib/facebookPixel'
 import { petitionFormSchema, type PetitionFormInput } from '@/lib/schemas/petition-form'
-import { Petition } from '@/payload-types'
 import { zodResolver } from '@hookform/resolvers/zod'
 import { useState, useTransition } from 'react'
 import { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'
@@ -26,9 +25,18 @@ import { StateSelect } from './StateSelect'
 import { Button } from './ui/button'
 import { Textarea } from './ui/textarea'
 
+// View model — the server page selects only the fields this form renders, so
+// the full petition document (body richText, consent relation, tracking,
+// timestamps) never crosses the RSC wire into this client component.
+type PetitionFormPetition = {
+  id: string
+  title: string
+  form: { title?: string | null; subtitle?: string | null }
+}
+
 interface PetitionFormProps {
   id: string
-  petition: Petition
+  petition: PetitionFormPetition
   consentHTML: string
   facebookPixelId?: string
 }
diff --git a/tests/unit/petitionLead.unit.spec.tsx b/tests/unit/petitionLead.unit.spec.tsx
index ac8f9bd8..9bc6ad20 100644
--- a/tests/unit/petitionLead.unit.spec.tsx
+++ b/tests/unit/petitionLead.unit.spec.tsx
@@ -31,7 +31,7 @@ vi.mock('@/lib/facebookPixel', async (importOriginal) => {
 const PIXEL_ID = '123456789012345'
 
 const petition = {
-  id: 1,
+  id: '1',
   title: 'Pela manutenção do Hospital do Subúrbio',
   form: { title: 'Assine a petição', subtitle: '' },
 } as unknown as Petition