woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-06 18:16:38 +08:00
Code Issues Projects Packages Wiki Activity Actions

Merge pull request #1554 from woocommerce/PCP-1913-trigger-acdc-card-type-detection-earlier

Browse source 
Refactor hosted fields for early card detection
This commit is contained in:
Emili Castells 2023-08-01 17:34:47 +02:00 • committed by GitHub
commit 20bd01abbd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

13
modules/ppcp-button/resources/js/modules/Renderer/CreditCardRenderer.js
View file

@ -122,24 +122,17 @@ class CreditCardRenderer {
const className = this._cardNumberFiledCLassNameByCardType(event.cards[0].type); const className = this._cardNumberFiledCLassNameByCardType(event.cards[0].type);
this._recreateElementClassAttribute(cardNumber, cardNumberField.className); this._recreateElementClassAttribute(cardNumber, cardNumberField.className);
if (event.fields.number.isValid) { if (event.cards.length === 1) {
cardNumber.classList.add(className); cardNumber.classList.add(className);
} }
}) })
hostedFields.on('validityChange', (event) => { hostedFields.on('validityChange', (event) => {
const formValid = Object.keys(event.fields).every(function (key) { this.formValid = Object.keys(event.fields).every(function (key) {
return event.fields[key].isValid; return event.fields[key].isValid;
}); });
const className = event.cards.length ? this._cardNumberFiledCLassNameByCardType(event.cards[0].type) : '';
event.fields.number.isValid
? cardNumber.classList.add(className)
: this._recreateElementClassAttribute(cardNumber, cardNumberField.className);
this.formValid = formValid;
}); });
hostedFields.on('empty', (event) => { hostedFields.on('empty', (event) => {
this._recreateElementClassAttribute(cardNumber, cardNumberField.className);
this.emptyFields.add(event.emittedBy); this.emptyFields.add(event.emittedBy);
}); });
hostedFields.on('notEmpty', (event) => { hostedFields.on('notEmpty', (event) => {