Substituir a etapa Pro Bono por Anjos e Tutelados no onboarding

TLDR: o onboarding ainda mostrava o formulário legado de Pro Bono; a etapa é substituída diretamente pela experiência Anjos e Tutelados (Figma node 434:4468) — sem feature flag, já que é o mesmo endpoint de backend e trata-se de correção de bug.

Contexto

A página de onboarding pages/app/onboarding/pro-bono.tsx renderizava o legado OnBoardingProBono → ProBonoForm, enquanto o produto já havia substituído Pro Bono por Anjos e Tutelados (feito anteriormente em MySettings). O backend mantém o código de etapa pro_bono em /me/onboarding/ e o mesmo endpoint PUT me/pro_bonos (pro_bono_allowed), então a troca é uma questão puramente de renderização no frontend. Decisão: sem feature flag na etapa de onboarding — a tela antiga é simplesmente substituída. Referência de design: Figma PnMFg8pKLmpe70CKvQDu4J node 434-4468.

Objetivos

  • A etapa de onboarding do código pro_bono mostra a tela Anjos e Tutelados (novo título, descrição, select de participação, alerta de consentimento) conforme o design do Figma.
  • Manter o mesmo campo submetido (pro_bono_allowed via configureProBono) e o mesmo código de etapa no backend.

Fora de escopo

— (não registrado no documento original)

Mudanças

  • pages/app/onboarding/anjos-e-tutelados.tsx (renomeado de pro-bono.tsx)
    • Node esquerdo com título “Anjos e Tutelados” + descrição do Figma; renderiza o novo container OnBoardingAngelsAndTutees. Título da página “Configurar Anjos e Tutelados On Boarding”.
  • src/containers/OnBoarding/OnBoardingAngelsAndTutees/ (novo: OnBoardingAngelsAndTutees.tsx, index.ts, test/)
    • Espelha o antigo OnBoardingProBono: OneFlowForm + useMutation(configureProBono) com dispatch(true) no sucesso, renderizando FormAngelsAndTutees com withSave: false e withAbout: false. As ações “Avançar” / “Continuar depois” vêm do OneFlowForm (conforme Figma).
  • src/containers/OnBoarding/OnBoardingProBono/ — removido (não usado).
  • src/services/onboarding/constants.ts
    • Rota para o código de etapa pro_bono: /app/onboarding/anjos-e-tutelados; label: “Anjos e Tutelados” (também corrige RejectedProfileCard).
  • src/containers/MySettings/components/AngelsAndTuteesSettings/components/FormAngelsAndTutees.tsx
    • Novas props withSave?: boolean, withAbout?: boolean e withCard?: boolean (default true) que escondem o botão “Salvar” / AboutAngelsAndTutees / o card com borda do MySettingWrapper para reuso no onboarding. O alerta de consentimento é explicitamente alinhado à esquerda (a coluna do OneFlowForm no onboarding é centralizada). Comportamento em Settings inalterado.
  • Testes
    • FormAngelsAndTutees.test.tsx: novos casos para withSave={false} e withAbout={false} (testes existentes inalterados).
    • OnBoardingAngelsAndTutees.test.tsx: renderiza o select de participação, o node esquerdo, as ações “Avançar”/”Continuar depois”, sem “Salvar” e sem “Sobre”.

Como verificar

  • Com um onboarding em andamento, abrir o fluxo: a etapa mostra o título “Anjos e Tutelados”, descrição, select “Aceito participar do Anjos e Tutelados”, o alerta “Atenção” de consentimento quando “Sim” é selecionado, e “Avançar”/”Continuar depois”. Submeter avança o onboarding.
  • npm test passa; npx tsc --noEmit sem erros nos arquivos alterados.

Documentação

  • .project/docs/rules/onboarding/pro_bono_step_renders_anjos_e_tutelados.md documenta a regra de negócio: a etapa de onboarding pro_bono é renderizada como Anjos e Tutelados (mesmo código de etapa e campo de dados, UI nova, sem feature flag).