obrigado, agora vi sim que tem o discount mas ele fica no corpo do json ou dentro de alguma tag como payment ou credit_card ??
Termos mais procurados:
Histórico de mensagens sobre js em cartões
PROCURE NO HISTÓRICO
CANAIS DE TEXTO
DISCUSSÕES
- Conceito de Payload Locations no PIX
- Inserção automática do formato do Pix copia e cola pelo WhatsApp
- Autenticação com Certificado em NextJS
- Consulta de Chave PIX na API de Envio
- Configuração de URLs para Recebimento de Status
- Acionamento de Webhooks em Pagamentos e Devoluções
- Implementação da SDK do Pix em Next.js ou React
- Cobrança em Período de Teste Grátis de 7 dias
- Especificação da URL do Webhook no Exemplo Pix
- Repetição do Processo de Criação com txid
- Recebimento de Pagamentos via QR Code e Arduino
- Implementação do Módulo Gerencianet no Perfex CRM
- Tempo Médio de Análise de Documentos na Abertura de Conta
- Teste de Status de Pagamento em Ambiente de Homologação
- Integrações com o Laravel e SDK de PHP da EFI
- Problemas com Token em Ambiente de Homologação
- Funcionamento do Webhook em Ambiente de Homologação
- Geração de Link de Pagamento e Reembolso
- Resolução de Delay nas Chamadas de Geração de QR Code e Pix em Node
- Retenção de Pagamento no PIX em Marketplace
- Cancelamento de Boleto e Remoção do DDA
- Integração de Pix no Bubble (Plataforma No-Code)
- Notificações de Pagamento de Boleto e Pix
- Utilização de Endpoints e Payload no Pix
- Interpretação do Campo 'Solicitação ao Pagador' no Webhook GN
EXIBINDO CONVERSAS RECENTES:
Texto: js
Canal: cartões
boa tarde, pessoal.
na criação da combrança, como passar o valor de desconto para o cliente caso este tenha entrado, por exemplo, com um cupom de desconto ofereciado pelo e-commerce?
no json de envio da documentação abaixo eu não vejo nada relacionado
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 (
);
}
"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 (
);
}
isso depende!, se for o do meu backend ele vai via post pois meu front envia os dados via json, depois e feito pelo SDK
boa tarde estou com problema para gerar o payment_token, está aparecendo este erro abaixo mas a dependência jsdom já está instalada.
Error: Biblioteca "jsdom" não está instalada. Execute npm i jsdom ou yarn add jsdom
at p6.getPaymentToken (payment-token-efi.js:1:71499)
CreditForm.tsx:78 Código: 500
CreditForm.tsx:79 Nome: library_error
CreditForm.tsx:80 Mensagem: Biblioteca "jsdom" não está instalada. Execute npm i jsdom ou yarn add jsdom
at p6.getPaymentToken (payment-token-efi.js:1:71499)
CreditForm.tsx:78 Código: 500
CreditForm.tsx:79 Nome: library_error
CreditForm.tsx:80 Mensagem: Biblioteca "jsdom" não está instalada. Execute npm i jsdom ou yarn add jsdom
Estou usando RemixJs no front.
ola pessoal tudo bem eu estou com um problema como os meus clientes de cartão de credito, eu fiz a integração via nodejs e estava tudo certo ate umas semanas atrás quando eu começeis a identificar que 60% do pagamentos cartão de credito é reprovado pelas operadoras
Algo que eu possa intervir do meu lado? Pq estou usando a biblioteca JS conforme documentação... Então não sei o que pode ter dado errado em alguns casos aparece essa msg
boa tarde estou com problema para gerar o payment_token, está aparecendo este erro abaixo mas a dependência jsdom já está instalada.
Error: Biblioteca "jsdom" não está instalada. Execute npm i jsdom ou yarn add jsdom
at p6.getPaymentToken (payment-token-efi.js:1:71499)
CreditForm.tsx:78 Código: 500
CreditForm.tsx:79 Nome: library_error
CreditForm.tsx:80 Mensagem: Biblioteca "jsdom" não está instalada. Execute npm i jsdom ou yarn add jsdom
at p6.getPaymentToken (payment-token-efi.js:1:71499)
CreditForm.tsx:78 Código: 500
CreditForm.tsx:79 Nome: library_error
CreditForm.tsx:80 Mensagem: Biblioteca "jsdom" não está instalada. Execute npm i jsdom ou yarn add jsdom
Estou utilizando Remix, alguém sabe como resolver este problema ??
Bom dia! Alguma ideia sobre o que pode ser este erro ao tentar gerar o payment_token do cartão? Grato!
payment-token-efi.min.js:1 Fetch failed loading: GET "https://tokenizer.gerencianet.com.br/salt".
getSalt @ payment-token-efi.min.js:1
getPaymentToken @ payment-token-efi.min.js:1
getPaymentToken @ profile:1728
onsubmit @ VM5551
Código: undefined
Nome: undefined
Mensagem: undefined
getSalt @ payment-token-efi.min.js:1
getPaymentToken @ payment-token-efi.min.js:1
getPaymentToken @ profile:1728
onsubmit @ VM5551
Código: undefined
Nome: undefined
Mensagem: undefined
Bom dia! Estou com esse erro ao tentar gerar o payment_token de um cartão (com qualquer final) no ambiente sandbox, alguma dica?
payment-token-efi.min.js:1
GET https://device.clearsale.com.br/p/fp.js net::ERR_ADDRESS_INVALID
await in getPaymentToken (async)
getPaymentToken @ profile:1717
onsubmit @ VM1212 profile:1
profile:1728 Código: 500
profile:1729 Nome: erro_cs_token
profile:1730 Mensagem: Falha na execução do FingerPrint
GET https://device.clearsale.com.br/p/fp.js net::ERR_ADDRESS_INVALID
await in getPaymentToken (async)
getPaymentToken @ profile:1717
onsubmit @ VM1212 profile:1
profile:1728 Código: 500
profile:1729 Nome: erro_cs_token
profile:1730 Mensagem: Falha na execução do FingerPrint
Isto aqui tem cara de que resolve:
https://www.npmjs.com/package/html-webpack-inline-source-plugin
E aí você só precisa monitorar os pacotes da Efí para ver se algum mudou, e quando mudar, gerar nova versão do seu app.
Boa noite tenho um app que será cobrado assinatura com cartão .
A parte de assinatura e cobrança ficará no backend.
Mas para gerar o pyament_token na própria documentação está alertando para não fazer no backend.
Mas só tem a opção para o front com um cdn ou uma biblioteca para nodejs.
Mas estou no react-native gostaria de uma luz de como proceder da melhor forma para conseguir esse pyamenth_token .
Obrigado.
Olá boa tarde, estou usando o vuejs para front end e coloquei o script no head do meu html, mas sem chamar nenhuma funçao somente adicionando o script aparece essa mensagem de erro, alguém poderia me ajudar?
resolvido, o problema estava no meu endpoint tive que fazer essa configuração no node.js
app.use(bodyParser.urlencoded({ extended: false }));
Eu só uso API Pix, mas no SDK NodeJS da Efí tem exemplo com NodeJS. No front-end você vai precisar de ReactJS, não tem componente de cartão da Efí para React Native.