🪞 Normalização no frontend (onboarding)
Documentação KOLOS

🪞 Normalização no frontend (onboarding)

🎯 Contexto

A normalização no backend garante consistência no banco, mas o usuário ainda pode ver valores “feios” no formulário até submeter. Queremos que a UI reflita o padrão final para evitar confusão e melhorar a percepção de qualidade.

✅ Decisão

  • Normalizar no Livewire principalmente em blur (para não atrapalhar digitação) e também imediatamente antes do submit.
  • Manter o backend como fonte de verdade (a normalização no frontend é UX, não segurança).

🧩 Implementação

  • Livewire RegisterPlayer:
    • Normaliza em updated* (executados no blur para os campos principais)
    • Executa uma normalização completa em submit() antes de validar
  • Blade do onboarding:
    • Troca wire:model.live por wire:model.blur em campos que devem “embelezar” ao sair do input (nome, email, número, complemento, apelido)

▶️ Passos (Sail)

  • Rode a suíte:
    • sail artisan test

📌 Impacto

  • Alterados:
    • app/Livewire/Onboarding/RegisterPlayer.php
    • resources/views/livewire/onboarding/register-player.blade.php