Card.js example for WooCommerce and Cielo payment method

CardComponent.js

var debitCard = new Card({
    form: '.payment_method_cielo_debit',
    container: '.payment_method_cielo_debit.payment_box',
    formSelectors: {
        numberInput: '#cielo-card-number', 
        expiryInput: '#cielo-card-expiry', 
        cvcInput: '#cielo-card-cvc', 
        nameInput: '#cielo-card-holder-name' 
    },
    formatting: false, 
});
    
var creditCard = new Card({
    form: '.payment_method_cielo_credit',
    container: '.payment_method_cielo_credit.payment_box',
    formSelectors: {
        numberInput: '#cielo-card-number', 
        expiryInput: '#cielo-card-expiry', 
        cvcInput: '#cielo-card-cvc', 
        nameInput: '#cielo-card-holder-name' 
    },
    formatting: false, 
});