Comunidade Efí - Histórico de Mensagens

nalberth

15/11/2023

Boa noite estou implementando os métodos de pagamentos da efí, mas pra fazer a cobrança no cartão tem que ter o payment_token que não é mais capturado pelo back-end, o meu front-end é implementado com reactJs e TypeScrit ainda não consegui fazer essa implementação,a biblioteca sugerida na documentação simplesmente não possui tipagem para typescript, alguém passou por esse problema?

# pagamento-contas

nalberth

14/11/2023

Olá bom dia
A biblioteca "payment-token-efi" usada para
-identificar a bandeira do cartão
-busca informações de parcelamento
-gera o token de pagamento (payment_token) e a máscara do cartão (card_mask)
possui suporte para typescript para ser usada no front-end com ReactJs?

# cartões

joaolucas_efi

23/10/2023

Bom dia @jamersonbernardo, tudo bem?

Você pode utilizar o seguinte exemplo para gerar o payment token com React.

Exemplo alternativo para gerar payment_token react:

js
"use client"
import { useEffect, useState } from 'react';

const App = () => {
const [message, setMessage] = useState('Hello React!');

useEffect(() => {
const script = document.createElement('script');
script.type = 'module';
script.src = 'https://cdn.jsdelivr.net/gh/efipay/js-payment-token-efi/dist/payment-token-efi.min.js';
script.onload = runEfiJsCode;
document.head.appendChild(script);
}, []);

const runEfiJsCode = async () => {
try {
EfiJs.CreditCard
.debugger(false)
.setAccount('')
.setEnvironment('') // 'production' or 'sandbox'
.setCreditCardData({
brand: '',
number: '',
cvv: '',
expirationMonth: '05',
expirationYear: '2029',
reuse: false
})
.getPaymentToken()
.then(data => {
const payment_token = data.payment_token;
const card_mask = data.card_mask;

setMessage(Payment_token: ${payment_token} | Card_mask: ${card_mask})
console.log('payment_token', payment_token);
console.log('card_mask', card_mask);
})
.catch(err => {
console.log('Código: ', err.code);
console.log('Nome: ', err.error);
console.log('Mensagem: ', err.error_description);
});
} catch (error) {
console.log('Código: ', error.code);
console.log('Nome: ', error.error);
console.log('Mensagem: ', error.error_description);
}
};

return (

{message}

);
};

export default function Home() {
return (

);
}

# cartões

_alexandrehenrique

03/07/2023

ola bom dia eu estou tentendo fazer a requisção do payment_token,e não esta dando certo, meu sistema esta em reactjs

# cartões

_alexandrehenrique

02/07/2023

eu presiso obter o Obtendo um "payment_token" alguem ja consiguiu fazer isso, eu estou tentado fazer no reactjs mas não estou conseguindo, e o exemplo que ten na documentoção não esta dando certo

# pagamento-contas