Parcela Express Checkout Library JS
Instalação
Esse pacote é um módulo Node.js disponibilizado pelo npm.
Siga as instruções abaixo para realizar a instalação do componente em sua aplicação.
- Instale o componente Parcela Checkout Library JS:
npm install @parcelaexpress/checkout-library-js --save
yarn add @parcelaexpress/checkout-library-js
Instalação
O componente pode ser usado da seguinte forma:
Importe o componente dentro de sua aplicação e adicione uma div container para renderizar o componente:
index.html
...
<body>
<div id='checkout-container'></div>
</body>
...
index.js
import * as ParcelaChekout from '@parcelaexpress/checkout-library-js';
import '@parcelaexpress/checkout-library-js/lib/main.css';
const customerData = {
amount_cents: 1000,
description: "Venda Teste",
form_payment: "debit",
installment_plan: {
number_installments: 1,
},
customer: {
email: "teste@fulano.com.br",
ip: "99.106.129.24",
first_name: "Testando",
last_name: "Teste",
document: "29896147027",
billing_address: {
city: "Belo Horizonte",
country: "BR",
house_number_or_name: '10',
postal_code: "31010500",
state: "MG",
street: "Rua Adamina",
},
},
pre_capture: false,
has_split_rules: true,
split_rules: [
{
amount: 10000,
seller_id: "d6a245d2-b705-42a1-8d4a-0956aaa00fed",
description: "Descrição do split",
},
{
amount: 5000,
seller_id: "99d1f231-557a-44b9-ae5d-9b5f533c684e",
no_cost: true,
}
],
confirmation_required: false,
active_3ds: true,
service_id: "seu id (opcional)",
protocol: "PROTOCOLO123658 (opcional)"
}
const config = {
clientKey: 'test_IBIF7UD6SNB7ZJG3KVEGM3UP5M57BJ4B',
environment: 'TEST',
apiUrl: "https://sandbox.parcelaexpress.com.br/",
sellerKey: "e137d1b6-8f84-4377-ab5c-d27dd24415bd",
successReturnUrl: "https://success-url.com.br",
errorReturnUrl: "https://error-url.com.br",
customerData,
onChange: (state) => console.log('onc', state),
onSubmit: (state) => console.log('ons', state),
onSubmitError: (state) => console.log('onerr', state),
beforeSubmit: (state) => console.log("before submit", state),
afterSubmit: (state) => console.log("after submit", state),
showPayButton: true
};
const checkoutInstance = new window.Checkout.Checkout(config);
checkoutInstance.mount('checkout-container');
Os campos has_split_rules e split_rules(opcionais) são usados para dividir o valor da venda entre os estabelecimentos