Alerta de "COPIADO" não funciona no Checkout Bricks

[rlcoldx]

Olá equipe Mercado Pago,

Estou enfrentando um problema com o Checkout Bricks ao implementar a opção de pagamento via PIX. Ao clicar no botão de copiar a chave PIX, o alerta de "COPIADO" não está sendo exibido para o usuário.

Passos para reproduzir o problema:

Integrei o Checkout Bricks conforme a documentação fornecida.
No momento do checkout, selecionei a opção de pagamento via PIX.
Cliquei no botão "Copiar chave PIX".
A chave é copiada para a área de transferência, mas nenhum alerta ou mensagem de confirmação é exibido.
Comportamento esperado:

Ao clicar no botão de copiar a chave PIX, deve ser exibido um alerta ou mensagem informando que a chave foi copiada com sucesso.

Codigo:

// Em seuscript.js
window.startPagamento = function(codigo_reserva, valor, preferenceId) {
    const mp = new MercadoPago('##########################', {locale: 'pt-br'});
    const bricksBuilder = mp.bricks();
        
    const renderPaymentBrick = async (bricksBuilder) => {
        const settings = {
            initialization: {
                amount: valor,
                preferenceId: preferenceId,
            },
            customization: {
                paymentMethods: {
                    creditCard: "all",
                    debitCard: "all",
                    bankTransfer: "all",
                    atm: "all",
                    onboarding_credits: "all",
                    maxInstallments: 1
                },
                visual: {
                    style: {
                        customVariables: {
                            formBackgroundColor: "#ffffff",
                            baseColor: "#5d0c1d",
                        }
                    }
                }
            },
            callbacks: {
                onReady: () => {},
                onSubmit: ({ selectedPaymentMethod, formData }) => {
                // callback chamado ao clicar no botão de submissão dos dados
                return new Promise((resolve, reject) => {
                    fetch("LINK", {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json",
                    },
                    body: JSON.stringify(formData),
                    })
                    .then((response) => response.json())
                    .then((response) => {

                        const renderStatusScreenBrick = async (bricksBuilder) => {
                            const settings = {
                                initialization: {
                                    paymentId: response.id, // id do pagamento a ser mostrado
                                },
                                callbacks: {
                                    onReady: () => {
                                        document.getElementById("paymentBrick_container").style.display = "none";
                                    },
                                    onError: (error) => {
                                        // callback chamado para todos os casos de erro do Brick
                                        console.error(error);
                                    },
                                },
                                customization: {
                                    visual: {
                                        showExternalReference: true
                                    }
                                }
                            };
                                window.statusScreenBrickController = await bricksBuilder.create(
                                'statusScreen',
                                'statusScreenBrick_container',
                                settings,
                            );  
                        };
                        renderStatusScreenBrick(bricksBuilder);    
                  
                        
                        resolve();
                    })
                    .catch((error) => {
                        // lidar com a resposta de erro ao tentar criar o pagamento
                        reject();
                    });
                });
                },
                onError: (error) => {
                // callback chamado para todos os casos de erro do Brick
                console.error(error);
                },
            },
        };
        window.paymentBrickController = await bricksBuilder.create(
            "payment",
            "paymentBrick_container",
            settings
        );
   };
   renderPaymentBrick(bricksBuilder);
   
};

Observações adicionais:
Estou usando Ionic 8 com angujar.

[icaldana]

Olá @rlcoldx,

Pedimos desculpas pela demora. Informamos que já comunicamos essa questão à nossa equipe de experiência, que está trabalhando em melhorias para o fluxo.

Gostaríamos de esclarecer que o Bricks está localizado no projeto https://github.com/mercadopago/sdk-js, e não em sdk-nodejs.

Estamos à disposição para qualquer dúvida!