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;