Jacek Pyziak
d39433f0d4
- Implemented Google Pay parser in bongooglepay.js - Added Buckaroo 3 payment parser in buckaroo3.js - Introduced DataTrans CW Mastercard parser in datatranscw.js - Created DataTrans CW Credit Card parser in datatranscw_creditcard.js - Developed DHL Assistant shipping parser in dhlassistant.js - Added Estimated Delivery parser in estimateddelivery.js - Implemented Floapay payment parser in floapay.js - Created FS Pickup at Store shipping parser in fspickupatstore.js - Developed Generic Iframe parser in generic_iframe_parser.js - Added Geodis Officiel shipping parser in geodisofficiel.js - Implemented Glob Kurier module shipping parser in globkuriermodule.js - Created Latvija Post Express Pickup Terminal parser in latvijaspastsexpresspastspostterminalslv.js - Developed LP Shipping parser in lpshipping.js - Added Mijora Venipak parser in mijoravenipak.js - Implemented Apple Pay parser in pm_applepay.js - Created Przelewy24 payment parser in przelewy24.js - Developed Pshugls shipping parser in pshugls.js - Added Redsys Insite payment parser in redsysinsite.js - Implemented Tpay payment parser in tpay.js - Updated third-party integration documentation for FedEx DotCom
368 lines
15 KiB
JavaScript
368 lines
15 KiB
JavaScript
/**
|
|
* NOTICE OF LICENSE
|
|
*
|
|
* This source file is subject to the Software License Agreement
|
|
* that is bundled with this package in the file LICENSE.txt.
|
|
*
|
|
* @author Peter Sliacky (Zelarg)
|
|
* @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
|
|
*/
|
|
|
|
var payment = (function () {
|
|
|
|
var self = this;
|
|
|
|
self.confirmationSelector = '#tc-payment-confirmation';
|
|
self.paymentSelector = '#payment-section';
|
|
self.conditionsSelector = '#conditions-to-approve';
|
|
self.conditionAlertSelector = '.js-alert-payment-conditions';
|
|
self.additionalInformationSelector = '.js-additional-information';
|
|
self.optionsForm = '.js-payment-option-form';
|
|
self.saveAccountOverlay = $('.save-account-overlay');
|
|
self.confirmationButton = $('#tc-payment-confirmation #confirm_order');
|
|
|
|
|
|
function init(selectedOption, selectPaymentOptionCallback) {
|
|
|
|
self.selectPaymentOptionCallback = selectPaymentOptionCallback;
|
|
|
|
if (debug_js_controller) {
|
|
console.info('payment.js parsing re-init');
|
|
}
|
|
|
|
$(self.paymentSelector + ' input[type="checkbox"][disabled]').attr('disabled', false);
|
|
|
|
if ("undefined" !== typeof selectedOption) {
|
|
setSelectedOption(selectedOption);
|
|
prestashop.emit('thecheckout_setSelectedPaymentOption', {
|
|
reason: 'update',
|
|
});
|
|
}
|
|
|
|
var $body = $('body');
|
|
|
|
// $body.on('change', self.conditionsSelector + ' input[type="checkbox"]', $.proxy(self.toggleOrderButton, self));
|
|
$body.off('change.payments').on('change.payments', 'input[name="payment-option"]', $.proxy(toggleOrderButton, self));
|
|
// $body.on('click', self.confirmationSelector + ' button', $.proxy(self.confirm, self));
|
|
|
|
toggleOrderButton();
|
|
|
|
/* stripe_official uses button click handler directly, no necessary with thecheckout module. */
|
|
$('#tc-payment-confirmation button').off('click');
|
|
|
|
$('#tc-payment-confirmation > #payment_binaries').html('');
|
|
$('.js-payment-binary').appendTo($('#tc-payment-confirmation > #payment_binaries'));
|
|
|
|
}
|
|
|
|
function collapseOptions(selectedOption) {
|
|
$(self.additionalInformationSelector + ', ' + self.optionsForm).not(selectedOption).stop().hide();
|
|
}
|
|
|
|
function getSelectedOption() {
|
|
return $('input[name="payment-option"]:checked').attr('id');
|
|
}
|
|
|
|
function setSelectedOption(selectedOption) {
|
|
if (0 == $(selectedOption).length) {
|
|
// Only now try to select by default set in checkout options
|
|
// Changed to 'starts with' selector, e.g. paypal module has data-module-name=paypal_plus
|
|
selectedOption = '[data-module-name^=' + config_default_payment_method + ' i]';
|
|
}
|
|
if (0 == $(selectedOption).length && config_default_payment_method != '') {
|
|
selectedOption = '.' + config_default_payment_method + ' [name=payment-option]:first';
|
|
}
|
|
|
|
return $(selectedOption).eq(0).prop('checked', true);
|
|
}
|
|
|
|
function getSelectedOptionModuleName() {
|
|
return $('input[name="payment-option"]:checked').data('moduleName')
|
|
}
|
|
|
|
function hideConfirmation() {
|
|
$(this.confirmationSelector).hide();
|
|
}
|
|
|
|
function showConfirmation() {
|
|
$(this.confirmationSelector).show();
|
|
}
|
|
|
|
function hideSaveAccountOverlay() {
|
|
self.saveAccountOverlay.addClass('hidden');
|
|
}
|
|
|
|
function showSaveAccountOverlay() {
|
|
self.saveAccountOverlay.removeClass('hidden');
|
|
}
|
|
|
|
function parsePrice(text) {
|
|
var price = 0;
|
|
if ('undefined' !== typeof text) {
|
|
price = Number(text.replace(',', '.').replace(/[^0-9\.]+/g, ""));
|
|
}
|
|
return price;
|
|
}
|
|
|
|
function isPopupPaymentType(option) {
|
|
return $('#' + option).hasClass('popup-payment')
|
|
}
|
|
|
|
function shallRemoveSubmitBtn(option) {
|
|
return $('#' + option).hasClass('remove-submit-btn')
|
|
}
|
|
|
|
function toggleOrderButton() {
|
|
|
|
$('#thecheckout-payment .error-msg').hide();
|
|
checkAndHideGlobalError();
|
|
|
|
var selectedOption = getSelectedOption();
|
|
|
|
var selectedAdditionalInfoSelector = '#' + selectedOption + '-additional-information';
|
|
var selectedPaymentFormSelector = '#pay-with-' + selectedOption + '-form';
|
|
var selectedPaymentFeeSelector = '#' + selectedOption + '-fee';
|
|
|
|
if (isPopupPaymentType(selectedOption)) {
|
|
// Attention, side effect; this will make .js controller believe there's no 'form' selector
|
|
// for selected payment method and thus it won't appear (which is desired action)
|
|
selectedPaymentFormSelector = '#no-selected-option';
|
|
}
|
|
|
|
collapseOptions(selectedAdditionalInfoSelector + ',' + selectedPaymentFormSelector);
|
|
|
|
if ($(selectedAdditionalInfoSelector).height()) {
|
|
$(selectedAdditionalInfoSelector).slideDown();
|
|
}
|
|
|
|
if ($(selectedPaymentFormSelector).height()) {
|
|
$(selectedPaymentFormSelector).slideDown();
|
|
}
|
|
|
|
$('.js-payment-binary').hide();
|
|
if ($('#' + selectedOption).hasClass('binary')) {
|
|
// For binary payment modules, show save-account-overlay:
|
|
// 20.1.2019 - disabled right now, we'll be solving this by replacing main order confirmation button with
|
|
// binary content (Atos, Sagepay)
|
|
/*
|
|
var additionalInformationEl = $('.binary').closest('.payment-option').parent().next('.additional-information');
|
|
if (additionalInformationEl.length) {
|
|
additionalInformationEl.prepend(self.saveAccountOverlay);
|
|
self.saveAccountOverlay.removeClass('hidden');
|
|
}
|
|
*/
|
|
} else {
|
|
showConfirmation();
|
|
self.saveAccountOverlay.addClass('hidden');
|
|
}
|
|
// Check if there's Fee set by TheCheckout or Legacy fee modules
|
|
|
|
var feeAmount = 0;
|
|
|
|
var feeEl = $(selectedPaymentFeeSelector);
|
|
if (feeEl.length) {
|
|
var feeAmount = parsePrice(feeEl.text());
|
|
if (feeAmount.isNan) {
|
|
feeAmount = 0;
|
|
}
|
|
}
|
|
|
|
self.selectPaymentOptionCallback(selectedOption, feeAmount);
|
|
}
|
|
|
|
function getPaymentOptionSelector(option) {
|
|
var moduleName = $('#' + option).data('module-name').replace(/-\d+/,'');
|
|
|
|
return '.js-payment-' + moduleName;
|
|
}
|
|
|
|
function showBinary(option, dont_remove_confirmation_button = false) {
|
|
var paymentOption = getPaymentOptionSelector(option);
|
|
$(paymentOption).slideDown();
|
|
if (!dont_remove_confirmation_button) {
|
|
self.confirmationButton.hide();
|
|
}
|
|
}
|
|
|
|
function hideBinary() {
|
|
self.confirmationButton.show();
|
|
$('#payment_binaries .js-payment-binary').hide();
|
|
}
|
|
|
|
function openPopupPayment(option) {
|
|
var selectedPaymentFormSelector = '#pay-with-' + option + '-form';
|
|
var selectedPaymentAdditionalInformationSelector = '#' + option + '-additional-information';
|
|
var popupContainer = $('.popup-payment-content');
|
|
var paymentMethodName = $(selectedPaymentFormSelector).closest('.tc-main-title').attr('data-payment-module');
|
|
popupContainer.attr('data-payment-module', '');
|
|
if ('undefined' !== typeof paymentMethodName) {
|
|
popupContainer.attr('data-payment-module', paymentMethodName);
|
|
}
|
|
// Attach loader; through CSS transition, height is animated with delay, so let's immediately change height
|
|
// and let CSS take care of smooth delay / remove curtain
|
|
popupContainer.prepend(tc_loaderHtml);
|
|
|
|
// todo: remove after new stripe_official version
|
|
setTimeout(function () {
|
|
$('.popup-payment-content .tc-ajax-loading').css('height', 0);
|
|
$('.popup-payment-content .tc-ajax-loading').hide();
|
|
}, 1000);
|
|
|
|
// Some modules, e.g. checkout.com does disable confirmation button once clicked, and it won't be re-enabled
|
|
// automatically, so let's take care of that
|
|
$('.popup-payment-content').off('click.reenable').on('click.reenable', '#payment-confirmation button.btn', function(el) {
|
|
setTimeout( function() {
|
|
$(el.currentTarget).removeClass('disabled');
|
|
}, 1000)
|
|
})
|
|
|
|
var popupPaymentForm = popupContainer.find('.popup-payment-form');
|
|
if (shallRemoveSubmitBtn(option)) {
|
|
popupContainer.find('.popup-payment-button').hide();
|
|
} else {
|
|
popupContainer.find('.popup-payment-button').show();
|
|
}
|
|
popupPaymentForm.html('');
|
|
$(selectedPaymentFormSelector).show().appendTo(popupPaymentForm);
|
|
if ($(selectedPaymentAdditionalInformationSelector).not('.popup-notice').length) {
|
|
$(selectedPaymentAdditionalInformationSelector).show().appendTo(popupPaymentForm);
|
|
}
|
|
// Update 'pay-amount' on action button
|
|
if ('undefined' !== typeof prestashop.cart &&
|
|
'undefined' !== typeof prestashop.cart.totals &&
|
|
'undefined' !== typeof prestashop.cart.totals.total_including_tax) {
|
|
$('#payment-confirmation .pay-amount').html(prestashop.cart.totals.total_including_tax.value);
|
|
}
|
|
|
|
// E.g. Amazon is disabling confirmation button, and it can remain disabled also for other payment methods
|
|
// so let's re-enable it
|
|
$('.popup-payment-button button[type=submit]').prop('disabled', false);
|
|
|
|
// try to load popup library again (if it's not yet; on some themes, $.fn.paymentpopup method was discarded between initial call and now)
|
|
loadPaymentPopupLibrary(function() {
|
|
popupContainer.paymentpopup({
|
|
onopen: function () {
|
|
popupCallback(paymentMethodName, option)
|
|
},
|
|
onclose: function() {
|
|
popupCloseCallback(paymentMethodName);
|
|
if ($('.popup-payment-button ~ #payment_binaries').length) {
|
|
$('.popup-payment-button ~ #payment_binaries').appendTo($('#tc-payment-confirmation'));
|
|
}
|
|
hideBinary();
|
|
},
|
|
autoopen: true,
|
|
opacity: 0.75,
|
|
blur: false,
|
|
escape: false,
|
|
closeelement: '.popup-payment-content .popup-close-icon, #ps_checkout-card-buttons-container button[type=submit]'
|
|
});
|
|
});
|
|
|
|
// if popup payment is also binary (ps_checkout or amazonpay for instance), let's replace confirmation button
|
|
if ($('#' + option).hasClass('binary')) {
|
|
// var confirmation_container = $('.popup-payment-button #payment-confirmation');
|
|
// confirmation_container.html('');
|
|
// var data_mod_name = $('#' + option).attr('data-module-name');
|
|
// $('.js-payment-binary.js-payment-'+data_mod_name).appendTo(confirmation_container);
|
|
//confirmation_container.find('.js-payment-binary').show();
|
|
|
|
$('.popup-payment-button').after($('#payment_binaries'));
|
|
$('#payment-confirmation').hide();
|
|
showBinary(option, true);
|
|
|
|
// var paymentOption = getPaymentOptionSelector(option);
|
|
//
|
|
// setTimeout(function() {
|
|
// $('.popup-payment-button #payment-confirmation').html($(paymentOption));
|
|
// $(paymentOption).show();
|
|
// }, 2000);
|
|
} else {
|
|
$('#payment-confirmation').show();
|
|
}
|
|
}
|
|
|
|
function popupCallback(paymentMethodName, optionId) {
|
|
if ('undefined' !== typeof checkoutPaymentParser[paymentMethodName]
|
|
&& 'undefined' !== typeof checkoutPaymentParser[paymentMethodName].popup_onopen_callback) {
|
|
console.info('popup open callback for ' + paymentMethodName + ' called');
|
|
checkoutPaymentParser[paymentMethodName].popup_onopen_callback(optionId);
|
|
}
|
|
}
|
|
|
|
function popupCloseCallback(paymentMethodName) {
|
|
if ('undefined' !== typeof checkoutPaymentParser[paymentMethodName]
|
|
&& 'undefined' !== typeof checkoutPaymentParser[paymentMethodName].popup_onclose_callback) {
|
|
console.info('popup close callback for ' + paymentMethodName + ' called');
|
|
checkoutPaymentParser[paymentMethodName].popup_onclose_callback();
|
|
}
|
|
}
|
|
|
|
function confirm() {
|
|
var option = getSelectedOption();
|
|
if (option) {
|
|
if (isPopupPaymentType(option)) {
|
|
if (debug_js_controller) {
|
|
console.info('opening popup payment for: ' + option);
|
|
}
|
|
openPopupPayment(option);
|
|
|
|
} else if ($('#' + option).hasClass('binary')) {
|
|
// Do not confirm form, rather replace "Confirm my order" with binary content; maybe highlight it a bit
|
|
// Also take care of replacing it back in case of any modification in address, shipping, payment
|
|
if (debug_js_controller) {
|
|
console.info('binary payment confirmation for: ' + option);
|
|
}
|
|
showBinary(option);
|
|
} else {
|
|
if (debug_js_controller) {
|
|
console.info('standard redirect/submit payment for: ' + option);
|
|
}
|
|
setTimeout(function () {
|
|
$('#pay-with-' + option + '-form form').submit();
|
|
}, 1000);
|
|
//$('#pay-with-' + option + '-form form').submit();
|
|
}
|
|
}
|
|
}
|
|
|
|
// Shared routines, used in parsers
|
|
// private
|
|
function loadPaymentPopupLibrary(callback) {
|
|
if ('undefined' === typeof $.fn.paymentpopup) {
|
|
$.getScript(tcModuleBaseUrl + '/lib/jquery.popupoverlay.min.js', callback);
|
|
} else {
|
|
callback();
|
|
}
|
|
}
|
|
|
|
// public
|
|
function isConfirmationTrigger(triggerElementName) {
|
|
return ('undefined' !== typeof triggerElementName && 'thecheckout-confirm' === triggerElementName);
|
|
}
|
|
|
|
function setPopupPaymentType(element, removeSubmitBtn) {
|
|
loadPaymentPopupLibrary(function (data, textStatus, jqxhr) {});
|
|
element.find('input[name=payment-option]').addClass('popup-payment');
|
|
if ('undefined' !== typeof removeSubmitBtn && removeSubmitBtn) {
|
|
element.find('input[name=payment-option]').addClass('remove-submit-btn');
|
|
}
|
|
}
|
|
|
|
return {
|
|
init: init,
|
|
confirm: confirm,
|
|
getSelectedOption: getSelectedOption,
|
|
getSelectedOptionModuleName: getSelectedOptionModuleName,
|
|
hideSaveAccountOverlay: hideSaveAccountOverlay,
|
|
showSaveAccountOverlay: showSaveAccountOverlay,
|
|
hideBinary: hideBinary,
|
|
parsePrice: parsePrice,
|
|
isConfirmationTrigger: isConfirmationTrigger,
|
|
setPopupPaymentType: setPopupPaymentType
|
|
}
|
|
|
|
}());
|
|
|
|
|