').append($.parseHTML(html));\r\n\r\n var body = $html.find('.choice-of-bonus-product');\r\n var footer = $html.find('.modal-footer').children();\r\n\r\n return { body: body, footer: footer };\r\n}\r\n\r\n/**\r\n * Retrieves url to use when adding a product to the cart\r\n *\r\n * @param {Object} data - data object used to fill in dynamic portions of the html\r\n */\r\nfunction chooseBonusProducts(data) {\r\n $('.modal-body').spinner().start();\r\n\r\n if ($('#chooseBonusProductModal').length !== 0) {\r\n $('#chooseBonusProductModal').remove();\r\n }\r\n var bonusUrl;\r\n if (data.bonusChoiceRuleBased) {\r\n bonusUrl = data.showProductsUrlRuleBased;\r\n } else {\r\n bonusUrl = data.showProductsUrlListBased;\r\n }\r\n\r\n var htmlString = ''\r\n + '
'\r\n + '
'\r\n + '
'\r\n + ''\r\n + '
'\r\n + ''\r\n + '
'\r\n + ''\r\n + '
'\r\n + '
'\r\n + '
';\r\n $('body').append(htmlString);\r\n $('.modal-body').spinner().start();\r\n\r\n $.ajax({\r\n url: bonusUrl,\r\n method: 'GET',\r\n dataType: 'json',\r\n success: function (response) {\r\n var parsedHtml = parseHtml(response.renderedTemplate);\r\n $('#chooseBonusProductModal .modal-body').empty();\r\n $('#chooseBonusProductModal .enter-message').text(response.enterDialogMessage);\r\n $('#chooseBonusProductModal .modal-header .close .sr-only').text(response.closeButtonText);\r\n $('#chooseBonusProductModal .modal-body').html(parsedHtml.body);\r\n $('#chooseBonusProductModal .modal-footer').html(parsedHtml.footer);\r\n $('#chooseBonusProductModal').modal('show');\r\n $.spinner().stop();\r\n },\r\n error: function () {\r\n $.spinner().stop();\r\n }\r\n });\r\n}\r\n\r\n/**\r\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\r\n * @param {string} response - ajax response from clicking the add to cart button\r\n */\r\nfunction handlePostCartAdd(response) {\r\n $('.minicart').trigger('count:update', response);\r\n var messageType = response.error ? 'alert-danger' : 'alert-success';\r\n // show add to cart toast\r\n if (response.newBonusDiscountLineItem\r\n && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\r\n chooseBonusProducts(response.newBonusDiscountLineItem);\r\n } else {\r\n if ($('.add-to-cart-messages').length === 0) {\r\n $('body').append(\r\n '
'\r\n );\r\n }\r\n\r\n $('.add-to-cart-messages').append(\r\n '
'\r\n + response.message\r\n + '
'\r\n );\r\n\r\n setTimeout(function () {\r\n $('.add-to-basket-alert').remove();\r\n }, 5000);\r\n }\r\n}\r\n\r\n/**\r\n * Retrieves the bundle product item ID's for the Controller to replace bundle master product\r\n * items with their selected variants\r\n *\r\n * @return {string[]} - List of selected bundle product item ID's\r\n */\r\nfunction getChildProducts() {\r\n var childProducts = [];\r\n $('.bundle-item').each(function () {\r\n childProducts.push({\r\n pid: $(this).find('.product-id').text(),\r\n quantity: parseInt($(this).find('label.quantity').data('quantity'), 10)\r\n });\r\n });\r\n\r\n return childProducts.length ? JSON.stringify(childProducts) : [];\r\n}\r\n\r\n/**\r\n * Retrieve product options\r\n *\r\n * @param {jQuery} $productContainer - DOM element for current product\r\n * @return {string} - Product options and their selected values\r\n */\r\nfunction getOptions($productContainer) {\r\n var options = $productContainer\r\n .find('.product-option')\r\n .map(function () {\r\n var $elOption = $(this).find('.options-select');\r\n var urlValue = $elOption.val();\r\n var selectedValueId = $elOption.find('option[value=\"' + urlValue + '\"]')\r\n .data('value-id');\r\n return {\r\n optionId: $(this).data('option-id'),\r\n selectedValueId: selectedValueId\r\n };\r\n }).toArray();\r\n\r\n return JSON.stringify(options);\r\n}\r\n\r\n/**\r\n * Makes a call to the server to report the event of adding an item to the cart\r\n *\r\n * @param {string | boolean} url - a string representing the end point to hit so that the event can be recorded, or false\r\n */\r\nfunction miniCartReportingUrl(url) {\r\n if (url) {\r\n $.ajax({\r\n url: url,\r\n method: 'GET',\r\n success: function () {\r\n // reporting urls hit on the server\r\n },\r\n error: function () {\r\n // no reporting urls hit on the server\r\n }\r\n });\r\n }\r\n}\r\n\r\nmodule.exports = {\r\n attributeSelect: attributeSelect,\r\n methods: {\r\n editBonusProducts: function (data) {\r\n chooseBonusProducts(data);\r\n }\r\n },\r\n\r\n focusChooseBonusProductModal: function () {\r\n $('body').on('shown.bs.modal', '#chooseBonusProductModal', function () {\r\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'true');\r\n $('#chooseBonusProductModal .close').focus();\r\n });\r\n },\r\n\r\n onClosingChooseBonusProductModal: function () {\r\n $('body').on('hidden.bs.modal', '#chooseBonusProductModal', function () {\r\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'false');\r\n });\r\n },\r\n\r\n trapChooseBonusProductModalFocus: function () {\r\n $('body').on('keydown', '#chooseBonusProductModal', function (e) {\r\n var focusParams = {\r\n event: e,\r\n containerSelector: '#chooseBonusProductModal',\r\n firstElementSelector: '.close',\r\n lastElementSelector: '.add-bonus-products'\r\n };\r\n focusHelper.setTabNextFocus(focusParams);\r\n });\r\n },\r\n\r\n colorAttribute: function () {\r\n $(document).on('click', '[data-attr=\"color\"] button', function (e) {\r\n e.preventDefault();\r\n\r\n if ($(this).attr('disabled')) {\r\n return;\r\n }\r\n var $productContainer = $(this).closest('.set-item');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.product-detail');\r\n }\r\n\r\n attributeSelect($(this).attr('data-url'), $productContainer);\r\n });\r\n },\r\n\r\n selectAttribute: function () {\r\n $(document).on('change', 'select[class*=\"select-\"], .options-select', function (e) {\r\n e.preventDefault();\r\n\r\n var $productContainer = $(this).closest('.set-item');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.product-detail');\r\n }\r\n attributeSelect(e.currentTarget.value, $productContainer);\r\n });\r\n },\r\n\r\n availability: function () {\r\n $(document).on('change', '.quantity-select', function (e) {\r\n e.preventDefault();\r\n\r\n var $productContainer = $(this).closest('.product-detail');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.modal-content').find('.product-quickview');\r\n }\r\n\r\n if ($('.bundle-items', $productContainer).length === 0) {\r\n attributeSelect(\r\n $(e.currentTarget).find('option:selected').data('url'),\r\n $productContainer\r\n );\r\n }\r\n });\r\n },\r\n\r\n addToCart: function () {\r\n $(document).on('click', 'button.add-to-cart, button.add-to-cart-global', function () {\r\n var addToCartUrl;\r\n var pid;\r\n var pidsObj;\r\n var setPids;\r\n\r\n $('body').trigger('product:beforeAddToCart', this);\r\n\r\n if ($('.set-items').length && $(this).hasClass('add-to-cart-global')) {\r\n setPids = [];\r\n\r\n $('.product-detail').each(function () {\r\n if (!$(this).hasClass('product-set-detail')) {\r\n setPids.push({\r\n pid: $(this).find('.product-id').text(),\r\n qty: $(this).find('.quantity-select').val(),\r\n options: getOptions($(this))\r\n });\r\n }\r\n });\r\n pidsObj = JSON.stringify(setPids);\r\n }\r\n\r\n pid = getPidValue($(this));\r\n\r\n var $productContainer = $(this).closest('.product-detail');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.quick-view-dialog').find('.product-detail');\r\n }\r\n\r\n addToCartUrl = getAddToCartUrl();\r\n\r\n var form = {\r\n pid: pid,\r\n pidsObj: pidsObj,\r\n childProducts: getChildProducts(),\r\n quantity: getQuantitySelected($(this))\r\n };\r\n\r\n if (!$('.bundle-item').length) {\r\n form.options = getOptions($productContainer);\r\n }\r\n\r\n $(this).trigger('updateAddToCartFormData', form);\r\n if (addToCartUrl) {\r\n $.ajax({\r\n url: addToCartUrl,\r\n method: 'POST',\r\n data: form,\r\n success: function (data) {\r\n handlePostCartAdd(data);\r\n $('body').trigger('product:afterAddToCart', data);\r\n $.spinner().stop();\r\n miniCartReportingUrl(data.reportingURL);\r\n },\r\n error: function () {\r\n $.spinner().stop();\r\n }\r\n });\r\n }\r\n });\r\n },\r\n selectBonusProduct: function () {\r\n $(document).on('click', '.select-bonus-product', function () {\r\n var $choiceOfBonusProduct = $(this).parents('.choice-of-bonus-product');\r\n var pid = $(this).data('pid');\r\n var maxPids = $('.choose-bonus-product-dialog').data('total-qty');\r\n var submittedQty = parseInt($choiceOfBonusProduct.find('.bonus-quantity-select').val(), 10);\r\n var totalQty = 0;\r\n $.each($('#chooseBonusProductModal .selected-bonus-products .selected-pid'), function () {\r\n totalQty += $(this).data('qty');\r\n });\r\n totalQty += submittedQty;\r\n var optionID = $choiceOfBonusProduct.find('.product-option').data('option-id');\r\n var valueId = $choiceOfBonusProduct.find('.options-select option:selected').data('valueId');\r\n if (totalQty <= maxPids) {\r\n var selectedBonusProductHtml = ''\r\n + '
'\r\n + '
'\r\n + $choiceOfBonusProduct.find('.product-name').html()\r\n + '
'\r\n + '
'\r\n + '
';\r\n $('#chooseBonusProductModal .selected-bonus-products').append(selectedBonusProductHtml);\r\n $('.pre-cart-products').html(totalQty);\r\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\r\n } else {\r\n $('.selected-bonus-products .bonus-summary').addClass('alert-danger');\r\n }\r\n });\r\n },\r\n removeBonusProduct: function () {\r\n $(document).on('click', '.selected-pid', function () {\r\n $(this).remove();\r\n var $selected = $('#chooseBonusProductModal .selected-bonus-products .selected-pid');\r\n var count = 0;\r\n if ($selected.length) {\r\n $selected.each(function () {\r\n count += parseInt($(this).data('qty'), 10);\r\n });\r\n }\r\n\r\n $('.pre-cart-products').html(count);\r\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\r\n });\r\n },\r\n enableBonusProductSelection: function () {\r\n $('body').on('bonusproduct:updateSelectButton', function (e, response) {\r\n $('button.select-bonus-product', response.$productContainer).attr(\r\n 'disabled',\r\n (!response.product.readyToOrder || !response.product.available)\r\n );\r\n var pid = response.product.id;\r\n $('button.select-bonus-product', response.$productContainer).data('pid', pid);\r\n });\r\n },\r\n showMoreBonusProducts: function () {\r\n $(document).on('click', '.show-more-bonus-products', function () {\r\n var url = $(this).data('url');\r\n $('.modal-content').spinner().start();\r\n $.ajax({\r\n url: url,\r\n method: 'GET',\r\n success: function (html) {\r\n var parsedHtml = parseHtml(html);\r\n $('.modal-body').append(parsedHtml.body);\r\n $('.show-more-bonus-products:first').remove();\r\n $('.modal-content').spinner().stop();\r\n },\r\n error: function () {\r\n $('.modal-content').spinner().stop();\r\n }\r\n });\r\n });\r\n },\r\n addBonusProductsToCart: function () {\r\n $(document).on('click', '.add-bonus-products', function () {\r\n var $readyToOrderBonusProducts = $('.choose-bonus-product-dialog .selected-pid');\r\n var queryString = '?pids=';\r\n var url = $('.choose-bonus-product-dialog').data('addtocarturl');\r\n var pidsObject = {\r\n bonusProducts: []\r\n };\r\n\r\n $.each($readyToOrderBonusProducts, function () {\r\n var qtyOption = parseInt($(this)\r\n .data('qty'), 10);\r\n\r\n var option = null;\r\n if (qtyOption > 0) {\r\n if ($(this).data('optionid') && $(this).data('option-selected-value')) {\r\n option = {};\r\n option.optionId = $(this).data('optionid');\r\n option.productId = $(this).data('pid');\r\n option.selectedValueId = $(this).data('option-selected-value');\r\n }\r\n pidsObject.bonusProducts.push({\r\n pid: $(this).data('pid'),\r\n qty: qtyOption,\r\n options: [option]\r\n });\r\n pidsObject.totalQty = parseInt($('.pre-cart-products').html(), 10);\r\n }\r\n });\r\n queryString += JSON.stringify(pidsObject);\r\n queryString = queryString + '&uuid=' + $('.choose-bonus-product-dialog').data('uuid');\r\n queryString = queryString + '&pliuuid=' + $('.choose-bonus-product-dialog').data('pliuuid');\r\n $.spinner().start();\r\n $.ajax({\r\n url: url + queryString,\r\n method: 'POST',\r\n success: function (data) {\r\n $.spinner().stop();\r\n if (data.error) {\r\n $('#chooseBonusProductModal').modal('hide');\r\n if ($('.add-to-cart-messages').length === 0) {\r\n $('body').append('
');\r\n }\r\n $('.add-to-cart-messages').append(\r\n '
'\r\n + data.errorMessage + '
'\r\n );\r\n setTimeout(function () {\r\n $('.add-to-basket-alert').remove();\r\n }, 3000);\r\n } else {\r\n $('.configure-bonus-product-attributes').html(data);\r\n $('.bonus-products-step2').removeClass('hidden-xl-down');\r\n $('#chooseBonusProductModal').modal('hide');\r\n\r\n if ($('.add-to-cart-messages').length === 0) {\r\n $('body').append('
');\r\n }\r\n $('.minicart-quantity').html(data.totalQty);\r\n $('.add-to-cart-messages').append(\r\n '
'\r\n + data.msgSuccess + '
'\r\n );\r\n setTimeout(function () {\r\n $('.add-to-basket-alert').remove();\r\n if ($('.cart-page').length) {\r\n location.reload();\r\n }\r\n }, 1500);\r\n }\r\n },\r\n error: function () {\r\n $.spinner().stop();\r\n }\r\n });\r\n });\r\n },\r\n\r\n getPidValue: getPidValue,\r\n getQuantitySelected: getQuantitySelected,\r\n miniCartReportingUrl: miniCartReportingUrl\r\n};\r\n","'use strict';\r\n\r\n/**\r\n * Alert handler model\r\n */\r\nclass AlertHandlerModel {\r\n constructor() {\r\n this.$flashMessagesContainer = document.querySelector('.js-flash-messages-container');\r\n this.$alertTemplate = document.querySelector('.js-alert-template');\r\n }\r\n\r\n /**\r\n * Creates an alert message\r\n * @param {string} alertMessage alert message\r\n * @param {string} alertType alert type, i.e. danger, warning, info etc\r\n */\r\n createAlertMessage(alertMessage, alertType) {\r\n const $alertContainer = this.$alertTemplate.cloneNode(true);\r\n\r\n $alertContainer.classList.add(`alert-${alertType}`, 'show');\r\n $alertContainer.classList.remove('d-none');\r\n\r\n $alertContainer.append(alertMessage);\r\n this.$flashMessagesContainer.append($alertContainer);\r\n }\r\n\r\n /**\r\n * ---- General method which should be used for cases when error came from Braintree ----\r\n * Shows an error notification by message\r\n * @param {string} errorMessage message to display inside error notification\r\n */\r\n showError(errorMessage) {\r\n this.createAlertMessage(errorMessage, window.braintreeConstants.FLASH_MESSAGE_DANGER);\r\n }\r\n\r\n /**\r\n * ---- General method which should be used for cases when error came from Braintree ----\r\n * Shows an error notification by error Object from BT\r\n * NOTE this.alertMessages come from a child class that has alertMessages as an argument\r\n * @param {Object} error error object from BT\r\n * @param {Object} errorMessages object with error messages\r\n */\r\n showBraintreeError(error, errorMessages) {\r\n const message = error.message;\r\n const errorCode = error.code;\r\n const alertMessages = errorMessages || this.alertMessages;\r\n const errorMessage = alertMessages[errorCode] || message || alertMessages.CLIENT_GATEWAY_NETWORK;\r\n\r\n this.showError(errorMessage);\r\n }\r\n\r\n /**\r\n * Shows a warning message\r\n * @param {string} warningMessage warning message\r\n */\r\n showWarning(warningMessage) {\r\n this.createAlertMessage(warningMessage, window.braintreeConstants.FLASH_MESSAGE_WARNING);\r\n }\r\n\r\n /**\r\n * Shows a warning message\r\n * @param {string} infoMessage warning message\r\n */\r\n showInfo(infoMessage) {\r\n this.createAlertMessage(infoMessage, window.braintreeConstants.FLASH_MESSAGE_INFO);\r\n }\r\n\r\n /**\r\n * Hides alert messages that are created by AlertHandler model\r\n */\r\n hideAlerts() {\r\n const $alertContainers = document.querySelectorAll('.js-alert-template');\r\n\r\n $alertContainers.forEach((element) => element.classList.add('d-none'));\r\n }\r\n\r\n /**\r\n * Hides alert messages that are created by FlashMessages controller\r\n */\r\n hideControllerCreatedAlerts() {\r\n const $alertContainers = document.querySelectorAll('.js-alert-dismissible');\r\n\r\n $alertContainers.forEach((element) => element.classList.add('d-none'));\r\n }\r\n}\r\n\r\nmodule.exports = AlertHandlerModel;\r\n","'use strict';\r\n\r\n/**\r\n * Inits APMA functionality\r\n */\r\nfunction init() {\r\n const payPalBusinessLogic = require('./paypal/payPal');\r\n const paymentMethodGeneral = require('./paymentMethodGeneral');\r\n\r\n payPalBusinessLogic.init(paymentMethodGeneral.createGeneralClientInstancePromise());\r\n payPalBusinessLogic.initAPMA(paymentMethodGeneral.createGeneralClientInstancePromise());\r\n}\r\n\r\nmodule.exports = {\r\n init\r\n};\r\n","'use strict';\r\n\r\nconst AlertHandlerModel = require('../../alertHandler');\r\n\r\n/**\r\n * ApplePay alert handler model\r\n */\r\nclass ApplePayAlertHandlerModel extends AlertHandlerModel {\r\n constructor(alertMessages) {\r\n super();\r\n this.alertMessages = alertMessages;\r\n }\r\n\r\n /**\r\n * Handles an error by type\r\n * @param {Object} error Error object or error message\r\n */\r\n handleApplePayError(error) {\r\n if (error.name === 'BraintreeError') {\r\n this.showBraintreeError(error);\r\n } else {\r\n this.showError(error.message);\r\n }\r\n }\r\n}\r\n\r\nmodule.exports = ApplePayAlertHandlerModel;\r\n","'use strict';\r\n\r\nconst braintreeApplePayModelBuilder = require('./braintreesdk/braintreeApplePayModelBuilder');\r\nconst applePayPaymentProcessing = require('./components/applePayPaymentProcessing');\r\nconst applePayErrorMessages = require('./constants/errorMessages');\r\n\r\nconst AlertHandlerModel = require('./alerthandler/applePayAlertHandlerModel');\r\n\r\nlet braintreeApplePayModelResponse;\r\nlet applePayMessages;\r\n\r\n/**\r\n * Inits Apple Pay payment processing on Cart/Checkout Page\r\n */\r\nfunction initApplePay() {\r\n const alertHandler = new AlertHandlerModel(applePayMessages);\r\n\r\n if (!braintreeApplePayModelResponse || braintreeApplePayModelResponse.error) {\r\n const error = braintreeApplePayModelResponse.error || applePayErrorMessages.NO_APPLE_PAY_BRAINTREE_CONFIGURATIONS;\r\n\r\n alertHandler.handleApplePayError(error);\r\n }\r\n\r\n applePayPaymentProcessing.init(braintreeApplePayModelResponse.btApplePayModel,\r\n alertHandler);\r\n}\r\n\r\n/**\r\n * Inits Apple Pay on the Cart/Billing-Checkout Pages\r\n */\r\nfunction init() {\r\n braintreeApplePayModelResponse = braintreeApplePayModelBuilder.init();\r\n\r\n if (!braintreeApplePayModelResponse.error) {\r\n applePayMessages = braintreeApplePayModelResponse.btApplePayConfigs.messages;\r\n }\r\n}\r\n\r\nmodule.exports = {\r\n init,\r\n initApplePay\r\n};\r\n","'use strict';\r\n\r\n/* global Promise braintree $ */\r\n\r\nconst applePayErrorMessages = require('../constants/errorMessages');\r\n\r\nconst braintreeApplePaySDK = require('./braintreeApplePaySDK');\r\nconst braintreeGeneral = require('../../braintreeGeneral');\r\nconst helper = require('../../helper');\r\n\r\n// Global variables\r\n// Is Froud tools enabled\r\nlet isFtEnabled;\r\nlet btClientInstancePromise;\r\nlet apInstance;\r\nlet amount;\r\nlet shippingOptions;\r\nlet fromContactSelect;\r\nlet fromInit;\r\nlet fromErrorState;\r\n\r\n/**\r\n * Init braintree Apple Pay model\r\n * @param {Promise} braintreeClientInstancePromise Braintree client instance promise\r\n * @param {boolean} isFraudToolsEnabled Is fraud tools enabled value\r\n */\r\nfunction init(braintreeClientInstancePromise, isFraudToolsEnabled) {\r\n braintreeApplePaySDK.init(braintreeClientInstancePromise);\r\n\r\n btClientInstancePromise = braintreeClientInstancePromise;\r\n isFtEnabled = isFraudToolsEnabled;\r\n}\r\n\r\n/**\r\n * Returns fraud data from dataCollector payload\r\n * @returns {Object} Payload with fraud data\r\n */\r\nfunction collectFraudData() {\r\n let response;\r\n\r\n if (isFtEnabled) {\r\n response = braintreeGeneral.collectFraudData(btClientInstancePromise);\r\n } else {\r\n response = Promise.resolve({\r\n customMessage: applePayErrorMessages.FRAUD_DATA_CELLECTION_ISNOT_ENABLED\r\n });\r\n }\r\n\r\n return response;\r\n}\r\n\r\n/**\r\n * Preparing Apple Pay payment\r\n * @param {Object} ApplePaySession Apple Pay session\r\n * @returns {Promise} Promise with 'canMakePayments' boolean value\r\n */\r\nfunction initApplePay(ApplePaySession) {\r\n return braintreeApplePaySDK.createApplePayPayment()\r\n .then(function(applePayInstance) {\r\n apInstance = applePayInstance;\r\n\r\n return ApplePaySession.canMakePaymentsWithActiveCard(applePayInstance.merchantIdentifier);\r\n });\r\n}\r\n\r\n/**\r\n * Merges a payment request with Braintree defaults to return an {external:ApplePayPaymentRequest}\r\n * @param {Object} applePayConfigs Apple Pay config object\r\n * @returns {Object} Payment request object\r\n */\r\nfunction createPaymentDataRequest(applePayConfigs) {\r\n return braintreeApplePaySDK.createPaymentDataRequest(apInstance, applePayConfigs, amount);\r\n}\r\n\r\n/**\r\n * Validates merchant website, as required by ApplePaySession before payment can be authorized\r\n * @param {Object} sessionEvent Apple Pay session event\r\n * @param {Object} applePayConfigs Apple Pay config object\r\n * @returns {Promise} Promise with merchant session\r\n */\r\nfunction onValidateMerchant(sessionEvent, applePayConfigs) {\r\n return braintreeApplePaySDK.performValidation(apInstance, sessionEvent, applePayConfigs);\r\n}\r\n\r\n/**\r\n * Tokenizes an Apple Pay payment\r\n * @param {Object} sessionEvent Apple Pay session event\r\n * @returns {Promise} Promise with tokenized payload\r\n */\r\nfunction onPaymentAuthorized(sessionEvent) {\r\n return braintreeApplePaySDK.tokenize(apInstance, sessionEvent);\r\n}\r\n\r\n/**\r\n * TCS CUSTOM: Heavily customized to work with the unique TCS shipping method\r\n * data setup and to fix issues with Braintree and Apple Pay update logic\r\n * Adds shipping methods based on the address\r\n * @param {Object} sessionEvent Apple Pay session event\r\n * @param {Object} applePayConfigs Apple Pay config object\r\n * @returns {Promise} Promise with applicable shipping options\r\n */\r\nasync function onShippingContactSelected(sessionEvent, applePayConfigs) {\r\n const shippingAddress = sessionEvent.shippingContact;\r\n const city = shippingAddress.locality;\r\n const stateCode = shippingAddress.administrativeArea;\r\n const countryCode = shippingAddress.countryCode;\r\n const postalCode = shippingAddress.postalCode;\r\n const addressQueryString = `city=${city}&stateCode=${stateCode}&countryCode=${countryCode}&postalCode=${postalCode}`;\r\n const paymentMethodId = window.braintreeConstants.PAYMENT_METHOD_ID_APPLEPAY;\r\n const url = `${window.braintreeUrls.getApplicableShippingOptions}?paymentMethodId=${paymentMethodId}&${addressQueryString}`;\r\n\r\n let shippingOptionsData = await helper.getApplicableShippingOptions(url);\r\n\r\n shippingOptions = shippingOptionsData.applicableShippingMethods;\r\n let stateExclusion = shippingOptionsData.stateExclusion;\r\n let updateData = {};\r\n\r\n if (shippingOptions.length === 0 || stateExclusion) {\r\n // TCS CUSTOM: Adds in custom ApplePayError message for when no shipping methods are returned or there are State Exclusions\r\n fromErrorState = true;\r\n // eslint-disable-next-line max-len\r\n const zipAppleError = new ApplePayError('addressUnserviceable', 'administrativeArea', 'One or more items are unable to ship to the selected state');\r\n\r\n updateData = {\r\n newTotal: {\r\n label: 'error',\r\n amount: '1',\r\n type: 'pending'\r\n },\r\n errors: [zipAppleError],\r\n newShippingMethods: []\r\n };\r\n\r\n return updateData;\r\n } else {\r\n var newLineData = [];\r\n\r\n if (shippingOptions && shippingOptions[0]) {\r\n shippingOptions[0].selected = true;\r\n newLineData = [{\r\n label: shippingOptions[0].label,\r\n amount: shippingOptions[0].amount\r\n }];\r\n }\r\n\r\n let contactAmount = amount;\r\n\r\n if (fromInit && fromErrorState && shippingOptions && shippingOptions[0]) {\r\n contactAmount = await helper.updateAmountForShippingOption(shippingOptions[0].identifier);\r\n } else if (fromInit && !fromErrorState && shippingOptions && shippingOptions[0]) {\r\n contactAmount = await helper.updateAmountForShippingOption(shippingOptions[0].identifier);\r\n } else {\r\n contactAmount = amount;\r\n }\r\n\r\n updateData = {\r\n status: ApplePaySession.STATUS_SUCCESS,\r\n newTotal: {\r\n label: applePayConfigs.options.displayName,\r\n amount: contactAmount\r\n },\r\n newLineItems: newLineData,\r\n newShippingMethods: shippingOptions\r\n };\r\n\r\n fromErrorState = false;\r\n }\r\n\r\n fromContactSelect = !fromInit;\r\n fromInit = false;\r\n\r\n return updateData;\r\n}\r\n\r\n/**\r\n * TCS CUSTOM: Customized to fix errors with Braintree and Apple Pay\r\n * shipping method selection being out of sync with the actual selection\r\n * in certain use cases like changing contacts or re-opening the modal\r\n * Updates price based on a selected shipping method\r\n * @param {Object} sessionEvent Apple Pay session event\r\n * @param {Object} applePayConfigs Apple Pay config object\r\n * @returns {Promise} Promise with new order amount\r\n */\r\nasync function onShippingMethodSelected(sessionEvent, applePayConfigs) {\r\n var newShippingMethod = sessionEvent.shippingMethod;\r\n var shippingOptionId = newShippingMethod.identifier;\r\n var shippingAmount = newShippingMethod.amount;\r\n var shippingLabel = newShippingMethod.label;\r\n\r\n if (fromContactSelect && shippingOptions) {\r\n shippingOptionId = shippingOptions[0].identifier;\r\n shippingAmount = shippingOptions[0].amount;\r\n shippingLabel = shippingOptions[0].label;\r\n }\r\n\r\n var updatedAmount = await helper.updateAmountForShippingOption(shippingOptionId);\r\n\r\n // reset it\r\n fromContactSelect = false;\r\n\r\n return {\r\n newLineItems: [{\r\n label: shippingLabel,\r\n amount: shippingAmount\r\n }],\r\n newTotal: {\r\n label: applePayConfigs.options.displayName,\r\n amount: updatedAmount\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Update order amount\r\n * @param {Object} applePayConfigs Apple Pay config object\r\n */\r\nfunction updateApplePayAmount(applePayConfigs) {\r\n // TCS CUSTOM START\r\n // Reverting the call from a fetch to ajax (v23.1.0 code) due to how\r\n // fetch returns a promise that is triggering the await function call early\r\n $.ajax({\r\n url: applePayConfigs.getOrderInfoUrl,\r\n async: false,\r\n type: 'get',\r\n dataType: 'json',\r\n success: function(data) {\r\n amount = data.amount;\r\n fromInit = true;\r\n },\r\n error: function() {\r\n window.location.reload();\r\n }\r\n });\r\n // TCS CUSTOM END\r\n}\r\n\r\nmodule.exports = {\r\n init,\r\n collectFraudData,\r\n initApplePay,\r\n createPaymentDataRequest,\r\n onValidateMerchant,\r\n onPaymentAuthorized,\r\n updateApplePayAmount,\r\n onShippingContactSelected,\r\n onShippingMethodSelected\r\n};\r\n","'use strict';\r\n\r\nconst applePayHelper = require('../helpers/applePayHelper');\r\nconst braintreeGeneral = require('../../braintreeGeneral');\r\nconst braintreeApplePayModel = require('./braintreeApplePayModel');\r\n\r\nconst applePayErrorMessages = require('../constants/errorMessages');\r\n\r\n/**\r\n * Initialize Braintree Apple Pay Model. Pattern Builder is used\r\n * @returns {Object} Object with booleam \"error\" flag and \"message\" attribute with error message\r\n */\r\nfunction init() {\r\n const braintreeApplePayConfigs = applePayHelper.getBraintreeApplePayConfigs();\r\n const response = {\r\n error: false,\r\n message: '',\r\n btApplePayModel: null,\r\n btApplePayConfigs: null\r\n };\r\n\r\n let clientToken;\r\n let btClientInstancePromise;\r\n\r\n if (braintreeApplePayConfigs) {\r\n clientToken = braintreeApplePayConfigs.clientToken;\r\n btClientInstancePromise = braintreeGeneral.createClientInstance(clientToken);\r\n\r\n braintreeApplePayModel.init(btClientInstancePromise,\r\n braintreeApplePayConfigs.isFraudToolsEnabled);\r\n\r\n response.btApplePayModel = braintreeApplePayModel;\r\n response.btApplePayConfigs = braintreeApplePayConfigs;\r\n } else {\r\n response.error = true;\r\n response.message = applePayErrorMessages.NO_APPLE_PAY_BRAINTREE_CONFIGURATIONS;\r\n }\r\n\r\n return response;\r\n}\r\n\r\nmodule.exports = {\r\n init\r\n};\r\n","'use strict';\r\n\r\n/* global braintreeUtils braintree $ */\r\n\r\nlet btClientInstancePromise;\r\n\r\n/**\r\n * Creates Apple Pay payment instance\r\n * @returns {Promise} A promise resolve with the Apple Pay instance\r\n */\r\n\r\nfunction createApplePayPayment() {\r\n return btClientInstancePromise\r\n .then(function(btClientInstance) {\r\n return braintree.applePay.create({\r\n client: btClientInstance\r\n });\r\n });\r\n}\r\n\r\n/**\r\n * Creates a configuration object for creation an Apple Pay session\r\n * @param {applePayInstance} applePayInstance Apple Pay instance\r\n * @param {Object} applePayConfigs Apple Pay configs object\r\n * @param {number} amount Order total amount\r\n * @returns {Object} Configuration object\r\n */\r\nfunction createPaymentDataRequest(applePayInstance, applePayConfigs, amount) {\r\n return applePayInstance.createPaymentRequest({\r\n total: {\r\n label: applePayConfigs.options.displayName,\r\n amount: amount\r\n }\r\n });\r\n}\r\n\r\n/**\r\n * Validates merchant website, as required by Apple Pay Session before payment can be authorized\r\n * @param {applePayInstance} applePayInstance Apple Pay instance\r\n * @param {Object} sessionEvent Apple Pay session event\r\n * @param {Object} applePayConfigs Apple Pay configs object\r\n * @returns {Promise} Promise that resolve with 'merchantSession'\r\n */\r\nfunction performValidation(applePayInstance, sessionEvent, applePayConfigs) {\r\n return applePayInstance.performValidation({\r\n validationURL: sessionEvent.validationURL,\r\n displayName: applePayConfigs.options.displayName\r\n });\r\n}\r\n\r\n/**\r\n * Tokenizes an Apple Pay payment\r\n * @param {applePayInstance} applePayInstance Apple pay instance\r\n * @param {Object} sessionEvent Apple pay session event\r\n * @returns {Promise} Promise that resolve with 'tokenizePayload'\r\n */\r\nfunction tokenize(applePayInstance, sessionEvent) {\r\n return applePayInstance.tokenize({\r\n token: sessionEvent.payment.token\r\n });\r\n}\r\n\r\n/**\r\n * Inits braintreeApplePaySDK with client instance promise\r\n * @param {Promise} braintreeClientInstancePromise Braintree client instance promise\r\n */\r\n\r\nfunction init(braintreeClientInstancePromise) {\r\n btClientInstancePromise = braintreeClientInstancePromise;\r\n}\r\n\r\nmodule.exports = {\r\n createApplePayPayment,\r\n createPaymentDataRequest,\r\n performValidation,\r\n tokenize,\r\n init\r\n};\r\n","'use strict';\r\n\r\nconst helper = require('../../helper');\r\nconst paymentMethodGeneral = require('../../paymentMethodGeneral');\r\nconst $applePayButton = document.querySelector('.js-braintree-applepay-button');\r\n\r\nlet paymentData;\r\nlet $braintreeCartButtons;\r\nlet applePayCheckoutFormData;\r\nlet alertHandler;\r\n\r\n/**\r\n * Expends Apple Pay Checkout Form with required data\r\n */\r\nfunction expandApplePayCheckoutFormData() {\r\n const $csrfToken = document.querySelector('.js-braintree-cart-buttons-wrap #csrf_token');\r\n\r\n applePayCheckoutFormData.append($csrfToken.name, $csrfToken.value);\r\n applePayCheckoutFormData.append('braintreeApplePayNonce', paymentData.nonce);\r\n applePayCheckoutFormData.append('braintreeApplePayDeviceDataInput', paymentData.deviceData);\r\n applePayCheckoutFormData.append('braintreeApplePayShippingAddress',\r\n JSON.stringify(paymentData.shippingAddress) || '{}');\r\n applePayCheckoutFormData.append('braintreeApplePayBillingAddress',\r\n JSON.stringify(paymentData.billingAddress) || '{}');\r\n}\r\n\r\n/**\r\n * Process Apple Pay on the Cart Page\r\n */\r\nfunction processCartFlow() {\r\n // TCS CUSTOM - start the spinner and disable the buttons\r\n $.spinner().start();\r\n $('.js-checkout-options').addClass('disabled');\r\n\r\n const billingAddressData = paymentData.billingAddress;\r\n const paymentMethodName = helper.tryParseJSON($applePayButton.getAttribute('data-braintree-config')).paymentMethodName;\r\n const placeOrderUrl = window.braintreeUrls.placeOrderUrl;\r\n const checkoutSubmitPayment = window.braintreeUrls.checkoutSubmitPayment;\r\n const checkoutFormFields = $braintreeCartButtons.getAttribute('data-checkout-form-fields');\r\n const paymentFieldData = helper.getPaymentFieldsData(billingAddressData, paymentMethodName);\r\n\r\n applePayCheckoutFormData = helper.createPaymentFormData(checkoutFormFields, paymentFieldData);\r\n applePayCheckoutFormData.append('pageFlowCart', true);\r\n expandApplePayCheckoutFormData();\r\n // submit customer form with email (CheckoutServices-SubmitCustomer)\r\n // as we skip step \"login via guest/registered user\" while express checkout\r\n // email is set only in case of guest checkout and if email is not already set\r\n paymentMethodGeneral.submitCustomerForm(billingAddressData.email);\r\n\r\n /**\r\n * TCS CUSTOM START\r\n * Adds in Recaptcha support for the CheckoutServices-SubmitPayment path\r\n */\r\n // eslint-disable-next-line max-len\r\n var recaptcha = require('../../../../../../../../../../rvw_autobahn_core/cartridges/rvw_autobahn_core/cartridge/client/default/js/components/recaptcha');\r\n var object = {};\r\n\r\n applePayCheckoutFormData.forEach(function(value, key) {\r\n object[key] = value;\r\n });\r\n var updatedFormData = $.param(object);\r\n\r\n recaptcha.check(null, {\r\n url: checkoutSubmitPayment,\r\n method: 'POST',\r\n data: updatedFormData,\r\n dataType: 'json',\r\n success: function(data) {\r\n if (data.error) {\r\n let errorMessage = '';\r\n\r\n if ('fieldErrors' in data && data.fieldErrors && data.fieldErrors.length) {\r\n data.fieldErrors.forEach(function(error, index) {\r\n const keys = Object.keys(error);\r\n\r\n if (keys.length) {\r\n errorMessage += `${keys[index].replace('dwfrm_billing_', '')\r\n .replace('_', ' ')} ${data.fieldErrors[index][keys[index]]}. `;\r\n }\r\n });\r\n alertHandler.handleApplePayError(errorMessage);\r\n }\r\n\r\n if ('serverErrors' in data && data.serverErrors && data.serverErrors.length) {\r\n data.serverErrors.forEach(function(error) {\r\n errorMessage += `${error}. `;\r\n });\r\n\r\n alertHandler.handleApplePayError({\r\n message: errorMessage\r\n });\r\n }\r\n\r\n if (data.cartError) {\r\n window.location.href = data.redirectUrl;\r\n } else {\r\n // TCS CUSTOM: stop the spinner and enable the buttons\r\n $.spinner().stop();\r\n $('.js-checkout-options').removeClass('disabled');\r\n }\r\n\r\n return;\r\n }\r\n\r\n // Check if skipping the review step\r\n if (window.CachedData.disableBraintreeReviewstep) {\r\n // Send to Place Order and check the recaptcha there\r\n recaptcha.check(null, {\r\n url: placeOrderUrl,\r\n method: 'POST',\r\n success: function(secondData) {\r\n $('body').trigger('checkout:updateCheckoutViewError', secondData); // TCS CUSTOM - ADOBE ANALYTICS TRACKING\r\n $('body').trigger('checkout:afterPlaceOrder', secondData);\r\n if (secondData.error) {\r\n if (secondData.cartError) {\r\n window.location.href = secondData.redirectUrl;\r\n } else {\r\n // TCS CUSTOM: stop the spinner and enable the buttons\r\n $.spinner().stop();\r\n $('.js-checkout-options').removeClass('disabled');\r\n\r\n if ('serverErrors' in secondData && secondData.serverErrors && secondData.serverErrors.length) {\r\n secondData.serverErrors.forEach(function(error) {\r\n $('.error-message').show();\r\n $('.error-message-text').text(error);\r\n scrollAnimate($('.error-message'));\r\n });\r\n }\r\n }\r\n } else {\r\n var redirect = $('