21 publicações com a etiqueta "pagamentos"

Semana 03–05/04 — Rede 7k chega à Nigéria e à Finlândia​

• Duas marcas novas nascem no mesmo dia: ng-7k-bet (7c7bcbe0a) e fi-7k-bet (e83078a76) ganham árvore de override completa em overrides/<brand>/app/config/ — tema, features.config.ts, menu.config.ts, sidebar.config.ts, linhas de home/cassino e itens de navegação. O acabamento veio na sequência: 224653ac7 fecha o branding da ng-7k-bet, 750fd7f5c ajusta features e cores da fi-7k-bet, e 0359f4e2e / f6b0ce82c trocam favicon e ícones PWA de cada uma. Como overrides/* é ignorado por padrão no .gitignore, cada marca só passa a ser versionada quando entra na lista de exceções (!overrides/<brand>/) — é esse commit que "cria" a marca aos olhos do git.
• Manifest PWA passa a sair do tema (1dff5bffc): theme.config.ts ganha um bloco manifest com theme-color e background-color, e a rota app/routes/manifest[.]json.ts lê dali em vez de ter os valores fixos — o mesmo bloco foi propagado para todos os overrides.
• Licenciamento por jurisdição: 24d0b6ebf padroniza o texto de licença entre as configs, 7f46e5604 troca o texto da ng-7k-bet para inglês e 9a9a38be0 ajusta o textLicense do licenses.config.ts dessa mesma marca. Marca nova em jurisdição nova não reaproveita o rodapé regulatório brasileiro.
• Suporte de país no core: @cactus-agents/country-config ganha suporte ao documento NIN e a localização da Nigéria (8a5d11d) — é dessa config que o registro tira qual documento pedir e como validá-lo.

Recompensas e Gamificação​

• Adicionada a primeira versão da seção de Recompensas, incluindo a página principal, componentes de listagem e o modal para resgate de prêmios.
• Integradas as rotas de API, o hook useRewards e a store Zustand para gerenciamento de estado das recompensas.
• Adicionada a aba de Recompensas na navegação do usuário e a configuração de feature flag para controle de acesso.
• Implementado o sistema de votos em jogos, com carregamento assíncrono dos votos do usuário e contagem pública.
• Corrigido o formato da API de votos para alinhar com o backend (is_like como string, casinoGameId como número).

Autenticação (Login / Registro / Recuperação de senha)​

• Campo de documento (CPF) adicionado ao modal de registro com estilização nova e auto-validação ao preencher
• Overlay de confirmação de saída no modal de registro ("tem certeza que quer sair?") — cobre o painel completo incluindo header
• Logo responsivo da marca exibido nos modais de login, registro e recuperação de senha
• Banner visual nos modais de login e recuperação de senha (imagem lateral)
• Animação fade-in/fade-out no backdrop dos modais
• Feature skipDocumentMask na recuperação de senha (para marcas que não usam máscara de documento)
• Integração do Turnstile (captcha Cloudflare) nos fluxos de autenticação (login, registro, recuperação)

Autenticação / Recuperação de senha​

• Correção no estado de erro do formulário de recuperação de senha — erro agora limpa automaticamente quando o form fica válido
• Imagem de banner adicionada ao modal de registro
• Máscaras de input corrigidas nos formulários de auth

Autenticação / Login / Registro​

• Modal de recuperação de senha implementado e integrado ao fluxo de login ("Esqueceu a senha?")
• Tela de confirmação de saída no modal de registro — previne fechamento acidental
• Reset dos campos de login/senha/erro ao fechar o modal de login
• Termos pré-marcados configuráveis e links legais clicáveis no formulário de registro
• Opção para esconder botão de fechar no RegisterModal durante estado de confirmação
• Melhoria na interação do overlay — cursor-default e pointer-events-none no backdrop

Layout e Responsividade​

• Corrigido o viewport meta tag para melhorar a usabilidade em mobile, prevenindo zoom indesejado com os atributos maximum-scale e user-scalable
• Atualizado o layout principal para usar altura dinâmica (h-dvh), melhorando a adaptação em diferentes dispositivos
• Ajustado o overflow do body para hidden com overscroll-behavior: none, garantindo melhor controle de scroll na aplicação

Área do Usuário (front-web-base)​

• Substituição completa do menu lateral por navegação em abas (tabs): geral, histórico e configurações
• Adicionadas páginas de conteúdo tabuladas: general.tsx (info da conta, segurança, métodos de pagamento), config.tsx (proteção, jogo responsável) e history.tsx (histórico de transações e de login)
• Removidas páginas legadas separadas: conta, segurança, proteção da conta, IRPF, histórico de login
• Seções de conta e segurança refatoradas com painéis colapsáveis e ícones
• Sections Pix, Clabe, Senha e Autenticação em dois fatores agora são componentes auto-contidos com gerenciamento de estado próprio
• Adicionado componente UserSummaryHeader com info do usuário e ações rápidas

Jogos​

• Modal fullscreen para o player de jogos no mobile: ao clicar em Jogar, o jogo abre em tela cheia com header próprio (botão voltar e botão Depositar)
• Detecção de dispositivo móvel no GameIframe para ajustar comportamento de exibição
• Carrossel de jogos relacionados atualizado com setas de navegação e link "Ver todos"
• Carrossel de provedores adicionado na página de detalhe do jogo
• Grid de jogos ajustado para 3 colunas com espaçamento mais compacto
• Deduplicação de jogos no cache para evitar itens repetidos nas linhas
• Chaves de componentes migradas de game.id para game.slug para maior consistência
• Ajuste no fallback de estatísticas: API pode retornar objeto com valores zerados, agora verificado corretamente antes de cair no mock

i18n — Suporte multi-idioma completo​

O maior entregável do dia: infraestrutura de internacionalização integrada em toda a plataforma.

• Adicionada infraestrutura base de i18n com i18next e react-i18next, incluindo alias ~i18n no Vite para seleção de idioma em tempo de build e constante __BRAND_LANGUAGE__
• Criados contextos CountryProvider (hook useCountry) e TranslationProvider com suporte a overrides por fork
• Migrados componentes de layout (Header, Sidebar, MobileBottomNav, Footer) para usar t() em todos os textos
• Migrados modais de autenticação (Login e Registro) com tipo de documento dinâmico por país (CPF/RUT/CURP)
• Migrados componentes de pagamento (Depósito, Saque, Cupom, Pix, resultados) para t() com locale dinâmico via useCountry().intlLocale
• Migrados steps de validação KYC (documentos, endereço, limites, termos, telefone, e-mail, senha) com símbolo de moeda e tipo de doc por país
• Migrada área do usuário (conta, carteira, proteção, segurança) com 26 labels de status antes hardcoded em PT-BR
• Migrados jogos, widgets da home e busca (títulos de seção, filtros, contagens, mensagens de resultado vazio)
• Migrados componentes de gamificação e rotas VIP (torneios, missões, loja, níveis, badges, bônus)
• Adicionados i18nKey nos arquivos de configuração de navegação (header, sidebar, bottomnav, menu horizontal, account-menu)
• Substituídas strings PT-BR hardcoded remanescentes por chamadas t() em validação, senha, sidebar e busca

Validações (front-web-base + front-cactus-core)​

• Adicionado motor de validações no core SDK: stores Zustand, hooks e serviços para gerenciar fluxo de validação de jogadores por contexto (depósito, saque, casino, esportes)
• Implementado ValidationBlockerOverlay: tela bloqueante com anti-tamper (MutationObserver + interval), bloqueio de ESC e carrossel de steps
• Criado ValidationStepsModal: modal fechável para validações contextuais, com visual idêntico ao overlay porém com botão de fechar
• Adicionados 10 componentes de step: Email, Telefone, Endereço, Documentos, Senha, Limites, KYC, Termos, GPS e Conta Bancária
• Primitivos de UI criados: OTPInput, InputField, SelectField, PrimaryButton, ResendButton, SuccessState, StepCarousel
• Todos os modais tematizados com tokens auth.* do theme.config.ts
• Gates de validação conectados nos módulos existentes: GameIframe (antes de abrir jogo), DepositModal, WithdrawModal, Sports layout, e seções da conta do usuário (endereço, documentos, limites, autoexclusão, timeout)
• 14 rotas de API criadas para todos os endpoints de validação
• Utilitário buildValidationSnapshot adicionado
• AuthInitializer conectado com sincronização de runtime
• Pacote validations publicado no core com motor de regras, tipos TypeScript e testes unitários