Glauber Silva

Olá pessoal!

Eu estava tendo o mesmo problema…

Os pagamentos feitos com cartão de crédito no checkout transparente estavam funcionando OK via PC com Windows, mas no meu smartphone android sempre retornava essa mensagem de cartão inválido – em ambos dispositivos eu testei usando o Google Chrome como navegador.

Logo percebi que isso acontece porque o plugin da Juno não está adicionando a formatação correta para o campo onde informamos a data de expiração do cartão, ao que parece esse problema está ocorrendo apenas em alguns dispositivos mobile.

Portanto, pra contornar a situação, eu criei um pequeno plugin que força a formatação correta no campo onde inserimos a data de expiração do cartão.

Segue o link para download:
https://gist.github.com/glaubersilva/351f9340b4ea3bca0431e6802c8e0112

Depois de baixar o snippet acima, é preciso descompactar e colocar o arquivo gs-fix-juno-credit-card-expiry-mask.php dentro da pasta /wp-content/mu-plugins/ da sua instalação WP.

Mais sobre mu-plugins aqui: https://wordpress.org/support/article/must-use-plugins/

Tenho usado essa solução já há alguns meses e tem funcionado bem…

Espero que ajude outras pessoas também! =)

Um abraço e sucesso,
Glauber Silva

I had the same problem and to solve that I edited this file:

my-domain.com/superpwa-sw.js

Replacing this block of code:

// Revving strategy
	if ( e.request.mode === 'navigate' && navigator.onLine ) {
		e.respondWith(
			fetch(e.request).then(function(response) {
				return caches.open(cacheName).then(function(cache) {
					cache.put(e.request, response.clone());
					return response;
				});  
			})
		);
		return;
	}

By this another block of code:

// Revving strategy
	if ( e.request.mode === 'navigate' && navigator.onLine ) {
		e.respondWith(
			fetch(e.request).then(function(response) {
				return caches.open(cacheName).then(function(cache) {
					cache.put(e.request, response.clone());
					return response;
				});  
			}).catch(function( error ) {
				console.log('There has been a problem with the "Revving strategy" operation: ' + error.message);
				return caches.match(offlinePage);
			})
		);
		return;
	}

If you use the OneSignal integration you’ll need to edit this same block of code, but on the following path:

my-domain.com/OneSignalSDKWorker.js.php

If you want to understand what this block of code does, take a look at this commentary on GitHub: https://github.com/SuperPWA/Super-Progressive-Web-Apps/issues/36#issuecomment-388105238

I hope these informations help someone! 🙂

Kind regards,
Glauber Silva