diff --git a/modules/ppcp-button/resources/js/modules/Renderer/CardFieldsRenderer.js b/modules/ppcp-button/resources/js/modules/Renderer/CardFieldsRenderer.js index 1fb4fa81f..29514186a 100644 --- a/modules/ppcp-button/resources/js/modules/Renderer/CardFieldsRenderer.js +++ b/modules/ppcp-button/resources/js/modules/Renderer/CardFieldsRenderer.js @@ -150,116 +150,6 @@ class CardFieldsRenderer { return styles; } - - disableFields() { - if (this.currentHostedFieldsInstance) { - this.currentHostedFieldsInstance.setAttribute({ - field: 'number', - attribute: 'disabled' - }) - this.currentHostedFieldsInstance.setAttribute({ - field: 'cvv', - attribute: 'disabled' - }) - this.currentHostedFieldsInstance.setAttribute({ - field: 'expirationDate', - attribute: 'disabled' - }) - } - } - - enableFields() { - if (this.currentHostedFieldsInstance) { - this.currentHostedFieldsInstance.removeAttribute({ - field: 'number', - attribute: 'disabled' - }) - this.currentHostedFieldsInstance.removeAttribute({ - field: 'cvv', - attribute: 'disabled' - }) - this.currentHostedFieldsInstance.removeAttribute({ - field: 'expirationDate', - attribute: 'disabled' - }) - } - } - - _submit(contextConfig) { - this.spinner.block(); - this.errorHandler.clear(); - - if (this.formValid && this.cardValid) { - const save_card = this.defaultConfig.can_save_vault_token ? true : false; - let vault = document.getElementById('ppcp-credit-card-vault') ? - document.getElementById('ppcp-credit-card-vault').checked : save_card; - if (this.defaultConfig.enforce_vault) { - vault = true; - } - const contingency = this.defaultConfig.hosted_fields.contingency; - const hostedFieldsData = { - vault: vault - }; - if (contingency !== 'NO_3D_SECURE') { - hostedFieldsData.contingencies = [contingency]; - } - - if (this.defaultConfig.payer) { - hostedFieldsData.cardholderName = this.defaultConfig.payer.name.given_name + ' ' + this.defaultConfig.payer.name.surname; - } - if (!hostedFieldsData.cardholderName) { - const firstName = document.getElementById('billing_first_name') ? document.getElementById('billing_first_name').value : ''; - const lastName = document.getElementById('billing_last_name') ? document.getElementById('billing_last_name').value : ''; - - hostedFieldsData.cardholderName = firstName + ' ' + lastName; - } - - this.currentHostedFieldsInstance.submit(hostedFieldsData).then((payload) => { - payload.orderID = payload.orderId; - this.spinner.unblock(); - return contextConfig.onApprove(payload); - }).catch(err => { - this.spinner.unblock(); - this.errorHandler.clear(); - - if (err.data?.details?.length) { - this.errorHandler.message(err.data.details.map(d => `${d.issue} ${d.description}`).join('
')); - } else if (err.details?.length) { - this.errorHandler.message(err.details.map(d => `${d.issue} ${d.description}`).join('
')); - } else if (err.data?.errors?.length > 0) { - this.errorHandler.messages(err.data.errors); - } else if (err.data?.message) { - this.errorHandler.message(err.data.message); - } else if (err.message) { - this.errorHandler.message(err.message); - } else { - this.errorHandler.genericError(); - } - }); - } else { - this.spinner.unblock(); - - let message = this.defaultConfig.labels.error.generic; - if (this.emptyFields.size > 0) { - message = this.defaultConfig.hosted_fields.labels.fields_empty; - } else if (!this.cardValid) { - message = this.defaultConfig.hosted_fields.labels.card_not_supported; - } else if (!this.formValid) { - message = this.defaultConfig.hosted_fields.labels.fields_not_valid; - } - - this.errorHandler.message(message); - } - } - - _cardNumberFiledCLassNameByCardType(cardType) { - return cardType === 'american-express' ? 'amex' : cardType.replace('-', ''); - } - - _recreateElementClassAttribute(element, newClassName) { - element.removeAttribute('class') - element.setAttribute('class', newClassName); - } } export default CardFieldsRenderer;