Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/cartforge.co/pub/static/adminhtml/Magento/backend/en_US/PayPal_Braintree/js/ |
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
/*browser:true*/
/*global define*/
define([
'jquery',
'uiComponent',
'Magento_Ui/js/modal/alert',
'Magento_Ui/js/lib/view/utils/dom-observer',
'mage/translate',
'PayPal_Braintree/js/validator',
'braintree',
'braintreeHostedFields'
], function ($, Class, alert, domObserver, $t, validator, client, hostedFields) {
'use strict';
return Class.extend({
defaults: {
$container: null,
container: 'payment_form_braintree',
braintree: null,
selectedCardType: null,
hostedFieldsInstance: null
},
/**
* Set list of observable attributes
* @returns {exports.initObservable}
*/
initObservable: function () {
var self = this;
validator.setConfig(this);
self.$container = $('#' + self.container);
this._super()
.observe([
'selectedCardType'
]);
domObserver.get('#' + self.container, function () {
self.initBraintree();
});
return this;
},
/**
* Setup Braintree SDK
*/
initBraintree: function () {
var self = this;
try {
$('body').trigger('processStart');
client.create({
authorization: self.clientToken
}, function (clientErr, clientInstance) {
if (clientErr) {
alert({
content: $t('Please configure your Braintree Payments account in order to use the virtual terminal.')
});
console.error('Error!', clientErr);
return self.error(response.clientErr);
}
hostedFields.create({
client: clientInstance,
fields: self.getHostedFields()
}, function (createErr, hostedFieldsInstance) {
if (createErr) {
self.error($t(createErr));
console.error('Error!', createErr);
return;
}
self.hostedFieldsInstance = hostedFieldsInstance;
self.$container.on('takePayment', self.submitOrder.bind(self));
$('body').trigger('processStop');
}.bind(this));
}.bind(this));
} catch (e) {
$('body').trigger('processStop');
self.error(e.message);
console.log(e);
}
},
/**
* Get hosted fields configuration
* @returns {Object}
*/
getHostedFields: function () {
return {
number: {
selector: this.getSelector('cc_number'),
placeholder: $t('4111 1111 1111 1111')
},
expirationMonth: {
selector: this.getSelector('cc_exp_month'),
placeholder: $t('MM')
},
expirationYear: {
selector: this.getSelector('cc_exp_year'),
placeholder: $t('YY')
},
cvv: {
selector: this.getSelector('cc_cid'),
placeholder: $t('123')
}
};
},
/**
* Show alert message
* @param {String} message
*/
error: function (message) {
alert({
content: message
});
},
/**
* Store payment details
* @param {String} nonce
*/
setPaymentDetails: function (nonce) {
var $container = $('#' + this.container);
$container.find('[name="payment_method_nonce"]').val(nonce);
},
/**
* Trigger order submit
*/
submitOrder: function (event) {
event.preventDefault();
this.$container.validate().form();
this.$container.trigger('afterValidate.beforeSubmit');
$('body').trigger('processStop');
// validate parent form
if (this.$container.validate().errorList.length) {
return false;
}
$('body').trigger('processStart');
this.tokenizeHostedFields();
},
/**
* Place order
*/
placeOrder: function () {
this.$container.submit();
},
/**
* Get list of currently available card types
* @returns {Array}
*/
getCcAvailableTypes: function () {
var types = [],
$options = $(this.getSelector('cc_type')).find('option');
$.map($options, function (option) {
types.push($(option).val());
});
return types;
},
/**
* Get jQuery selector
* @param {String} field
* @returns {String}
*/
getSelector: function (field) {
return '#' + this.code + '_' + field;
},
tokenizeHostedFields: function () {
this.hostedFieldsInstance.tokenize({
vault: false // vault or no?
}, function (tokenizeErr, payload) {
if (tokenizeErr) {
$('body').trigger('processStop');
switch (tokenizeErr.code) {
case 'HOSTED_FIELDS_FIELDS_EMPTY':
// occurs when none of the fields are filled in
this.error($t('Please enter a card number, expiration date and CVV'));
break;
case 'HOSTED_FIELDS_FIELDS_INVALID':
// occurs when certain fields do not pass client side validation
this.error($t('Please correct the problems with the Credit Card fields.'));
console.error('Some fields are invalid:', tokenizeErr.details.invalidFieldKeys);
break;
case 'HOSTED_FIELDS_TOKENIZATION_FAIL_ON_DUPLICATE':
// occurs when:
// * the client token used for client authorization was generated
// with a customer ID and the fail on duplicate payment method
// option is set to true
// * the card being tokenized has previously been vaulted (with any customer)
// See: https://developers.braintreepayments.com/reference/request/client-token/generate/#options.fail_on_duplicate_payment_method
this.error($t('The payment method used, already exists in the user\'s vault. Please use the vault option instead.'));
break;
case 'HOSTED_FIELDS_TOKENIZATION_CVV_VERIFICATION_FAILED':
// occurs when:
// * the client token used for client authorization was generated
// with a customer ID and the verify card option is set to true
// and you have credit card verification turned on in the Braintree
// control panel
// * the cvv does not pass verfication (https://developers.braintreepayments.com/reference/general/testing/#avs-and-cvv/cid-responses)
// See: https://developers.braintreepayments.com/reference/request/client-token/generate/#options.verify_card
this.error($t('CVV did not pass verification'));
break;
case 'HOSTED_FIELDS_FAILED_TOKENIZATION':
// occurs for any other tokenization error on the server
this.error($t('There was an issue tokenizing the card. Please check the card is valid.'));
console.error('Tokenization failed server side. Is the card valid?');
break;
case 'HOSTED_FIELDS_TOKENIZATION_NETWORK_ERROR':
// occurs when the Braintree gateway cannot be contacted
this.error($t('There was an error connecting to Braintree. Please try again.'));
break;
default:
this.error($t('There was an issue processing the payment. Please try again.'));
console.error('Braintree error', tokenizeErr);
break;
}
} else {
this.setPaymentDetails(payload.nonce);
this.placeOrder();
}
}.bind(this));
}
});
});