Skip to content

Captação — 8. Formulário de cadastro inicial (máscaras, ViaCEP) #237

Description

@tarcisiopgs

Parte do épico Captação de profissionais — landing page e aprovação interna (frente: frontend). Os mocks (Stitch/Notion) são base direcional, não fonte de verdade — ainda não há protótipo final.

Objetivo: Formulário de cadastro inicial (sem OTP), com máscaras, ViaCEP e estados completos.

Arquivos: Create src/features/landing/components/RegistrationForm.tsx · Modify src/kubb/ (regenerar) · Test src/__tests__/RegistrationForm.test.tsx
Dependências: developmentHC/conectaBemBack#84 (Swagger) + #236 (LP)

O que fazer:

  • Regenerar Kubb após o Swagger.
  • Form react-hook-form + Zod: nome, e-mail, telefone (react-imask), CPF (máscara), CEP (useCEP/ViaCEP), especialidades (seletor múltiplo reuso), comoConheceu, aceite de termos. Submete sem OTP, guarda o token, redireciona à tela "perfil em análise" (Captação — 9. Tela 'perfil em análise' pós-cadastro + engavetar o wizard #238).
  • Estados: ViaCEP (carregando / não encontrado / erro → manual); erros de submit (e-mail/CPF já cadastrados → erro no campo + link de login; rede/500 → banner retry); termos com link e erro no checkbox; inputMode (numeric CPF/CEP, tel telefone, email e-mail); touch targets ≥44px.

Test scenarios: validação por campo; máscaras; ViaCEP preenche/erro; e-mail/CPF duplicados; sem aceite bloqueia; submit cria conta e redireciona.

Pronto quando: o formulário cria a conta sem OTP, com máscaras e estados de erro completos, e leva à tela "perfil em análise".

Metadata

Metadata

Assignees

No one assigned

    Labels

    captaçãoFrente: Captação de profissionais (LP + cadastro + moderação)enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions