Problemas ao selecionar a opção PIX

[ObaPaguei]

Implementei o checkout seguindo o padrão:

const initialization = {
paymentId: '<PAYMENT_ID>', // id do pagamento a ser mostrado
};
const onError = async (error) => {
// callback chamado para todos os casos de erro do Brick
console.log(error);
};
const onReady = async () => {
/*
Callback chamado quando o Brick estiver pronto.
Aqui você pode ocultar loadings do seu site, por exemplo.
*/
};

A parte do pagamento via cartao de crédito funciona perfeitamente, porem no PIX, informo o e-mail, clico no botão confirmar e nada acontece. Existe algum processo diferente que precise ser feito?

[lemazzo]

Olá, boa tarde!

O trecho de código que enviou é referente à Status Screen Brick, que exibe o estado de um pagamento, o que acontece após a geração de um pagamento. Para Pix, deve ser feito pelo Payment Brick.

Essa parte da documentação pode te ajudar, já que junta os dois Bricks e parece ser o que você deseja

[ObaPaguei]

Hoje eu faço assim, seguindo a documentação da sdk-react:

<Payment
            initialization={{
              amount: tickets.reduce((acc, item) => acc + item.salePrice, 0),
            }}            
            locale="pt-BR"
            customization={{
              visual: {
                style: {
                  theme: "default",
                },
                hideFormTitle: true,
              },
              paymentMethods: {
                creditCard: "all",
                bankTransfer: "all",
                atm: "all",
                maxInstallments: 1,
              },
            }}
            onSubmit={async (param) => {
              const {
                issuer_id: issuerId,
                token,
                installments,
                payer: {
                  email,
                  identification: { number, type },
                },
                payment_method_id: paymentMethodId,
              } = param.formData
            }
            onError={(error) => {
              console.log('Erro no checkout ' + error)
            }}
          />

[icaldana]

Olá @ObaPaguei,

Para aceitar pagamentos PIX, você precisa incluir o paymentMethod bankTransfer: "all" no objeto de paymentMethods

Espero que isso ajude!

[ObaPaguei]

Bom dia amigo!!

Hoje já está!
Tava olhando aqui a documentação e pagamentos via PIX o processo e um pouco diferente. Incluive temos que implementar o statusScreen! To na duvida so quanto ao retorno do pagamento, no caso se foi pago ou nao

[icaldana]

Olá! Implementar o Status Screen para PIX não é obrigatório, mas ajuda bastante no processo de copiar/escanear o código de pagamento.

Sobre o retorno, como PIX não é instantâneo e dependente da ação do usuário, a forma de aguardar o retorno do pagamento recomendada são os webhooks.

Sobre a integração com Payment Brick, conseguiu fazer com que PIX fosse listado como uma opção de pagamento?

Até,

[ObaPaguei]

Olá!! Consegui sim. Consegui fazer tudo funcionar. muito obrigado