Histórico

@joaolucas_efi entendi, entao o identificador pode ficar show de bola, porém se eu precisasse usar o client ou o secret o recomendado seria fazer todas as transações de pagamento etc... no backend mesmo certo?

de qualquer forma, é bom vc proteger as chaves da aplicação

vai compactar a aplicação e desativar a geração de arquivos source map

@johnnyzada o identificador da conta não é um dado sensível, ele ficará exposto na página html através do script de obtenção do payment_token

coloca seu .env no .gitignore e essa linha no começo do arquivo antes de dar o 'npm run build'

provavelmente vai atender

muito obrigado vou dar uma pesquisada se isso resolve kk

ao menos o código não ficaria exposto

vou pesquisar oque seria isso nunca ouvi fala

'GENERATE_SOURCEMAP=false' no .env não ajudaria?

estou usando vite com react

então, pensei nisso colocar em um .env porém até onde eu sei, quando eu rodar o build da aplicação ele vai injetar o valor la e vai ficar no js normalmente correto?

coloca em uma variável de ambiente

estou tentando fazer uma integração para assinaturas, porém previamente preciso do payment_token, ja consegui fazer rodar no React, para pegar essa info, porém alguem sabe uma forma segura de guardar o identificador_da_conta pois imagino eu que deva ser algo sensivel se o usuario pegar correto?

Bom dia pessoal

faça a Importação por CDN

no arquivo public/index.html
E em seguida faça a implementacao do código...
try {
window.EfiJs.CreditCard
.setAccount('Identificador_de_conta_aqui')
.setEnvironment('production') // 'production' or 'sandbox'
.setCreditCardData({
brand: 'visa',
number: '4485785674290087',
cvv: '123',
expirationMonth: '05',
expirationYear: '2029',
reuse: false
})
.getPaymentToken()
.then(data => {
const payment_token = data.payment_token;
const card_mask = data.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);
}

Alguem sabe como ultilizar o payment-token-efi no ReactJs???