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

Subscribe to form button click only once

Browse source
This commit is contained in:
Alex P 2021-09-07 17:58:17 +03:00
parent 10d7574e22
commit a41f678ac6
1 changed files with 42 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -9,6 +9,7 @@ class CreditCardRenderer {
this.cardValid = false; this.cardValid = false;
this.formValid = false; this.formValid = false;
this.currentHostedFieldsInstance = null; this.currentHostedFieldsInstance = null;
this.formSubmissionSubscribed = false;
} }
render(wrapper, contextConfig) { render(wrapper, contextConfig) {
@ -100,36 +101,9 @@ class CreditCardRenderer {
} }
}).then(hostedFields => { }).then(hostedFields => {
this.currentHostedFieldsInstance = hostedFields; this.currentHostedFieldsInstance = hostedFields;
const submitEvent = (event) => {
this.spinner.block();
if (event) {
event.preventDefault();
}
this.errorHandler.clear();
if (this.formValid && this.cardValid) { hostedFields.on('inputSubmitRequest', () => {
const save_card = this.defaultConfig.save_card ? true : false; this._submit(contextConfig);
const vault = document.getElementById('ppcp-credit-card-vault') ?
document.getElementById('ppcp-credit-card-vault').checked : save_card;
hostedFields.submit({
contingencies: ['SCA_WHEN_REQUIRED'],
vault: vault
}).then((payload) => {
payload.orderID = payload.orderId;
this.spinner.unblock();
return contextConfig.onApprove(payload);
}).catch(() => {
this.errorHandler.genericError();
this.spinner.unblock();
});
} else {
this.spinner.unblock();
const message = ! this.cardValid ? this.defaultConfig.hosted_fields.labels.card_not_supported : this.defaultConfig.hosted_fields.labels.fields_not_valid;
this.errorHandler.message(message);
}
}
hostedFields.on('inputSubmitRequest', function () {
submitEvent(null);
}); });
hostedFields.on('cardTypeChange', (event) => { hostedFields.on('cardTypeChange', (event) => {
if ( ! event.cards.length ) { if ( ! event.cards.length ) {
@ -145,11 +119,18 @@ class CreditCardRenderer {
}); });
this.formValid = formValid; this.formValid = formValid;
}) });
document.querySelector(wrapper + ' button').addEventListener(
'click', if (!this.formSubmissionSubscribed) {
submitEvent document.querySelector(wrapper + ' button').addEventListener(
); 'click',
event => {
event.preventDefault();
this._submit(contextConfig);
}
);
this.formSubmissionSubscribed = true;
}
}); });
document.querySelector('#payment_method_ppcp-credit-card-gateway').addEventListener( document.querySelector('#payment_method_ppcp-credit-card-gateway').addEventListener(
@ -159,5 +140,32 @@ class CreditCardRenderer {
} }
) )
} }
_submit(contextConfig) {
this.spinner.block();
this.errorHandler.clear();
if (this.formValid && this.cardValid) {
const save_card = this.defaultConfig.save_card ? true : false;
const vault = document.getElementById('ppcp-credit-card-vault') ?
document.getElementById('ppcp-credit-card-vault').checked : save_card;
this.currentHostedFieldsInstance.submit({
contingencies: ['SCA_WHEN_REQUIRED'],
vault: vault
}).then((payload) => {
payload.orderID = payload.orderId;
this.spinner.unblock();
return contextConfig.onApprove(payload);
}).catch(err => {
console.error(err);
this.errorHandler.genericError();
this.spinner.unblock();
});
} else {
this.spinner.unblock();
const message = ! this.cardValid ? this.defaultConfig.hosted_fields.labels.card_not_supported : this.defaultConfig.hosted_fields.labels.fields_not_valid;
this.errorHandler.message(message);
}
}
} }
export default CreditCardRenderer; export default CreditCardRenderer;