@parcelaexpress/checkout-library-js
TypeScript icon, indicating that this package has built-in type declarations

1.6.0 • Public • Published

Parcela Express Checkout Library JS

npm

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.

  1. 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

Dependents (0)

Package Sidebar

Install

npm i @parcelaexpress/checkout-library-js

Weekly Downloads

0

Version

1.6.0

License

MIT

Unpacked Size

2.35 MB

Total Files

13

Last publish

Collaborators

  • alexandrepex
  • joaootavio-parcela
  • vinicius-cintra
  • lucasvianas
  • esdras_silva