@parcelaexpress/checkout-react-component

    2.3.0 • Public • Published

    Parcela Express Checkout Component

    npm

    Instalação

    Siga as instruções abaixo para realizar a instalação do componente em sua aplicação.

    NPM

    1. Instale o componente Parcela Checkout Component:
    npm install @parcelaexpress/checkout-react-component --save
    1. Importe o componente dentro de sua aplicação:
    import Checkout from '@parcelaexpress/checkout-react-component';
    
    const App = () => {
      const checkoutSubmitHandle = (state) => {
        alert(JSON.stringify(state));
      };
    
      const checkoutOnChangeHandle = (state) => {      
        console.log('state', state)
      };
    
      const onErrorHandle = (err) => {
        console.log(err);
    
        return;
      };
    
      return (
        <Checkout environment={'TEST'} 
          customerData={{
            amount_cents: 1000,
            description: 'Venda Teste',
            form_payment: 'debit',
            installment_plan: {
              number_installments: 1,
            },
            customer: {
              email: 'email@email.com.br',
              ip: '00.000.000.00',
              first_name: 'Testando',
              last_name: 'Teste',
              document: '00000000000',
              billing_address: {
                city: 'São Paulo',
                country: 'BR',
                house_number_or_name: '10',
                postal_code: '0000000',
                state: 'SP',
                street: 'Rua Teste'
              }
            },
            has_split_rules: true,
            split_rules: [
              {
                amount: 10000,
                seller_id: "d6a245d2-b705-42a1-8d4a-0956aaa00fed",
              },
              {
                amount: 5000,
                seller_id: "99d1f231-557a-44b9-ae5d-9b5f533c684e",
              }
            ],         
          }}
          sellerKey={'key'}
          clientKey={'clientKey'}
          onSubmit={checkoutSubmitHandle} 
          onChange={checkoutOnChangeHandle}
          onSubmitError={onErrorHandle} />
      );
    }

    Os campos has_split_rules e split_rules(opcionais) são usados para dividir o valor da venda entre os estabelecimentos

    Install

    npm i @parcelaexpress/checkout-react-component

    DownloadsWeekly Downloads

    34

    Version

    2.3.0

    License

    MIT

    Unpacked Size

    3.59 MB

    Total Files

    1130

    Last publish

    Collaborators

    • isathais
    • vinicius-miranda
    • antonioribdev
    • giorgiolucca
    • esdras_silva