').append($.parseHTML(html));\n\n var body = $html.find('.choice-of-bonus-product');\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @param {Object} data - data object used to fill in dynamic portions of the html\n */\nfunction chooseBonusProducts(data) {\n $('.modal-body').spinner().start();\n\n if ($('#chooseBonusProductModal').length !== 0) {\n $('#chooseBonusProductModal').remove();\n }\n var bonusUrl;\n if (data.bonusChoiceRuleBased) {\n bonusUrl = data.showProductsUrlRuleBased;\n } else {\n bonusUrl = data.showProductsUrlListBased;\n }\n\n var htmlString = ''\n + '
';\n $('body').append(htmlString);\n $('.modal-body').spinner().start();\n\n $.ajax({\n url: bonusUrl,\n method: 'GET',\n dataType: 'json',\n success: function (response) {\n var parsedHtml = parseHtml(response.renderedTemplate);\n $('#chooseBonusProductModal .modal-body').empty();\n $('#chooseBonusProductModal .enter-message').text(response.enterDialogMessage);\n $('#chooseBonusProductModal .modal-header .close .sr-only').text(response.closeButtonText);\n $('#chooseBonusProductModal .modal-body').html(parsedHtml.body);\n $('#chooseBonusProductModal .modal-footer').html(parsedHtml.footer);\n $('#chooseBonusProductModal').modal('show');\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n/**\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\n * @param {string} response - ajax response from clicking the add to cart button\n */\nfunction handlePostCartAdd(response) {\n $('.minicart').trigger('count:update', response);\n var messageType = response.error ? 'alert-danger' : 'alert-success';\n // show add to cart toast\n if (response.newBonusDiscountLineItem\n && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\n chooseBonusProducts(response.newBonusDiscountLineItem);\n } else {\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append(\n '
'\n );\n }\n\n $('.add-to-cart-messages').append(\n '
'\n );\n\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n }, 5000);\n }\n}\n\n/**\n * Retrieves the bundle product item ID's for the Controller to replace bundle master product\n * items with their selected variants\n *\n * @return {string[]} - List of selected bundle product item ID's\n */\nfunction getChildProducts() {\n var childProducts = [];\n $('.bundle-item').each(function () {\n childProducts.push({\n pid: $(this).find('.product-id').text(),\n quantity: parseInt($(this).find('label.quantity').data('quantity'), 10)\n });\n });\n\n return childProducts.length ? JSON.stringify(childProducts) : [];\n}\n\n/**\n * Retrieve product options\n *\n * @param {jQuery} $productContainer - DOM element for current product\n * @return {string} - Product options and their selected values\n */\nfunction getOptions($productContainer) {\n var options = $productContainer\n .find('.product-option')\n .map(function () {\n var $elOption = $(this).find('.options-select');\n var urlValue = $elOption.val();\n var selectedValueId = $elOption.find('option[value=\"' + urlValue + '\"]')\n .data('value-id');\n return {\n optionId: $(this).data('option-id'),\n selectedValueId: selectedValueId\n };\n }).toArray();\n\n return JSON.stringify(options);\n}\n\n/**\n * Makes a call to the server to report the event of adding an item to the cart\n *\n * @param {string | boolean} url - a string representing the end point to hit so that the event can be recorded, or false\n */\nfunction miniCartReportingUrl(url) {\n if (url) {\n $.ajax({\n url: url,\n method: 'GET',\n success: function () {\n // reporting urls hit on the server\n },\n error: function () {\n // no reporting urls hit on the server\n }\n });\n }\n}\n\nmodule.exports = {\n attributeSelect: attributeSelect,\n methods: {\n editBonusProducts: function (data) {\n chooseBonusProducts(data);\n }\n },\n\n focusChooseBonusProductModal: function () {\n $('body').on('shown.bs.modal', '#chooseBonusProductModal', function () {\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'true');\n $('#chooseBonusProductModal .close').focus();\n });\n },\n\n onClosingChooseBonusProductModal: function () {\n $('body').on('hidden.bs.modal', '#chooseBonusProductModal', function () {\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'false');\n });\n },\n\n trapChooseBonusProductModalFocus: function () {\n $('body').on('keydown', '#chooseBonusProductModal', function (e) {\n var focusParams = {\n event: e,\n containerSelector: '#chooseBonusProductModal',\n firstElementSelector: '.close',\n lastElementSelector: '.add-bonus-products'\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n },\n\n colorAttribute: function () {\n $(document).on('click', '[data-attr=\"color\"] button', function (e) {\n e.preventDefault();\n\n if ($(this).attr('disabled')) {\n return;\n }\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n\n attributeSelect($(this).attr('data-url'), $productContainer);\n });\n },\n\n selectAttribute: function () {\n $(document).on('change', 'select[class*=\"select-\"], .options-select', function (e) {\n e.preventDefault();\n\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n attributeSelect(e.currentTarget.value, $productContainer);\n });\n },\n\n availability: function () {\n $(document).on('change', '.quantity-select', function (e) {\n e.preventDefault();\n\n var $productContainer = $(this).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.modal-content').find('.product-quickview');\n }\n\n if ($('.bundle-items', $productContainer).length === 0) {\n attributeSelect(\n $(e.currentTarget).find('option:selected').data('url'),\n $productContainer\n );\n }\n });\n },\n\n addToCart: function () {\n $(document).on('click', 'button.add-to-cart, button.add-to-cart-global', function () {\n var addToCartUrl;\n var pid;\n var pidsObj;\n var setPids;\n\n $('body').trigger('product:beforeAddToCart', this);\n\n if ($('.set-items').length && $(this).hasClass('add-to-cart-global')) {\n setPids = [];\n\n $('.product-detail').each(function () {\n if (!$(this).hasClass('product-set-detail')) {\n setPids.push({\n pid: $(this).find('.product-id').text(),\n qty: $(this).find('.quantity-select').val(),\n options: getOptions($(this))\n });\n }\n });\n pidsObj = JSON.stringify(setPids);\n }\n\n pid = getPidValue($(this));\n\n var $productContainer = $(this).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.quick-view-dialog').find('.product-detail');\n }\n\n addToCartUrl = getAddToCartUrl();\n\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: getChildProducts(),\n quantity: getQuantitySelected($(this))\n };\n\n if (!$('.bundle-item').length) {\n form.options = getOptions($productContainer);\n }\n\n $(this).trigger('updateAddToCartFormData', form);\n if (addToCartUrl) {\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: form,\n success: function (data) {\n handlePostCartAdd(data);\n $('body').trigger('product:afterAddToCart', data);\n $.spinner().stop();\n miniCartReportingUrl(data.reportingURL);\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n });\n },\n selectBonusProduct: function () {\n $(document).on('click', '.select-bonus-product', function () {\n var $choiceOfBonusProduct = $(this).parents('.choice-of-bonus-product');\n var pid = $(this).data('pid');\n var maxPids = $('.choose-bonus-product-dialog').data('total-qty');\n var submittedQty = parseInt($choiceOfBonusProduct.find('.bonus-quantity-select').val(), 10);\n var totalQty = 0;\n $.each($('#chooseBonusProductModal .selected-bonus-products .selected-pid'), function () {\n totalQty += $(this).data('qty');\n });\n totalQty += submittedQty;\n var optionID = $choiceOfBonusProduct.find('.product-option').data('option-id');\n var valueId = $choiceOfBonusProduct.find('.options-select option:selected').data('valueId');\n if (totalQty <= maxPids) {\n var selectedBonusProductHtml = ''\n + '
';\n $('#chooseBonusProductModal .selected-bonus-products').append(selectedBonusProductHtml);\n $('.pre-cart-products').html(totalQty);\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\n } else {\n $('.selected-bonus-products .bonus-summary').addClass('alert-danger');\n }\n });\n },\n removeBonusProduct: function () {\n $(document).on('click', '.selected-pid', function () {\n $(this).remove();\n var $selected = $('#chooseBonusProductModal .selected-bonus-products .selected-pid');\n var count = 0;\n if ($selected.length) {\n $selected.each(function () {\n count += parseInt($(this).data('qty'), 10);\n });\n }\n\n $('.pre-cart-products').html(count);\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\n });\n },\n enableBonusProductSelection: function () {\n $('body').on('bonusproduct:updateSelectButton', function (e, response) {\n $('button.select-bonus-product', response.$productContainer).attr(\n 'disabled',\n (!response.product.readyToOrder || !response.product.available)\n );\n var pid = response.product.id;\n $('button.select-bonus-product', response.$productContainer).data('pid', pid);\n });\n },\n showMoreBonusProducts: function () {\n $(document).on('click', '.show-more-bonus-products', function () {\n var url = $(this).data('url');\n $('.modal-content').spinner().start();\n $.ajax({\n url: url,\n method: 'GET',\n success: function (html) {\n var parsedHtml = parseHtml(html);\n $('.modal-body').append(parsedHtml.body);\n $('.show-more-bonus-products:first').remove();\n $('.modal-content').spinner().stop();\n },\n error: function () {\n $('.modal-content').spinner().stop();\n }\n });\n });\n },\n addBonusProductsToCart: function () {\n $(document).on('click', '.add-bonus-products', function () {\n var $readyToOrderBonusProducts = $('.choose-bonus-product-dialog .selected-pid');\n var queryString = '?pids=';\n var url = $('.choose-bonus-product-dialog').data('addtocarturl');\n var pidsObject = {\n bonusProducts: []\n };\n\n $.each($readyToOrderBonusProducts, function () {\n var qtyOption = parseInt($(this)\n .data('qty'), 10);\n\n var option = null;\n if (qtyOption > 0) {\n if ($(this).data('optionid') && $(this).data('option-selected-value')) {\n option = {};\n option.optionId = $(this).data('optionid');\n option.productId = $(this).data('pid');\n option.selectedValueId = $(this).data('option-selected-value');\n }\n pidsObject.bonusProducts.push({\n pid: $(this).data('pid'),\n qty: qtyOption,\n options: [option]\n });\n pidsObject.totalQty = parseInt($('.pre-cart-products').html(), 10);\n }\n });\n queryString += JSON.stringify(pidsObject);\n queryString = queryString + '&uuid=' + $('.choose-bonus-product-dialog').data('uuid');\n queryString = queryString + '&pliuuid=' + $('.choose-bonus-product-dialog').data('pliuuid');\n $.spinner().start();\n $.ajax({\n url: url + queryString,\n method: 'POST',\n success: function (data) {\n $.spinner().stop();\n if (data.error) {\n $('#chooseBonusProductModal').modal('hide');\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append('
');\n }\n $('.add-to-cart-messages').append(\n '
'\n );\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n }, 3000);\n } else {\n $('.configure-bonus-product-attributes').html(data);\n $('.bonus-products-step2').removeClass('hidden-xl-down');\n $('#chooseBonusProductModal').modal('hide');\n\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append('
');\n }\n $('.minicart-quantity').html(data.totalQty);\n $('.add-to-cart-messages').append(\n '
'\n );\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n if ($('.cart-page').length) {\n location.reload();\n }\n }, 1500);\n }\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n },\n\n getPidValue: getPidValue,\n getQuantitySelected: getQuantitySelected,\n miniCartReportingUrl: miniCartReportingUrl\n};\n","'use strict';\n\nconst AlertHandlerModel = require('../../alertHandler');\nconst googlePayErrorMessages = require('../constants/errorMessages');\n\n/**\n * Google Pay alert handler model\n */\nclass GooglePayAlertHandlerModel extends AlertHandlerModel {\n constructor(alertMessages) {\n super();\n this.alertMessages = alertMessages;\n }\n\n /**\n * Shows order total equal 0 error\n */\n showOrderTotalError() {\n this.showError(googlePayErrorMessages.ORDER_TOTAL_0);\n }\n\n /**\n * Handles Google Pay error by types\n * @param {Object} error Error object or error message\n */\n handleGooglePayError(error) {\n if (error.name === 'BraintreeError') {\n this.showBraintreeError(error);\n } else if (error.statusCode === 'DEVELOPER_ERROR') {\n this.showError(error.statusMessage);\n } else if (error.message !== googlePayErrorMessages.GOOGLE_PAY_WINDOW_CLOSED) {\n this.showError(error.message);\n }\n }\n\n /**\n * Creates a Google Pay error object to show on Google Pay popup\n * @param {string} intent Intent of Google Pay error\n * @param {string} errorMessage Error message\n * @returns {Object} An error pbject\n */\n getPaymentDataError(intent, errorMessage) {\n const googlePayConstants = require('../constants/googlePayPaymentProcessingConstants');\n const errorMessages = require('../constants/errorMessages');\n\n if (intent === googlePayConstants.INTENT_SHIPPING_OPTION) {\n return {\n reason: googlePayConstants.REASON_SHIPPING_OPTION_INVALID,\n message: errorMessage || errorMessages.SHIPPING_OPTION_INVALID,\n intent: intent\n };\n }\n\n if (intent === googlePayConstants.INTENT_SHIPPING_ADDRESS) {\n return {\n reason: googlePayConstants.REASON_SHIPPING_ADDRESS_UNSERVICEABLE,\n message: errorMessages.SHIPPING_ADDRESS_UNSERVICEABLE,\n intent: intent\n };\n }\n\n return {};\n }\n}\n\nmodule.exports = GooglePayAlertHandlerModel;\n","'use strict';\n\n/**\n * Display shipping address as selected billing address option\n */\nfunction displayShippingAddressAsSelected() {\n const billingAddressSelector = document.getElementById('billingAddressSelector');\n\n if (billingAddressSelector) {\n const shipmentIndex = 2;\n const shippingAddressToSelect = billingAddressSelector.children[shipmentIndex];\n\n if (shippingAddressToSelect) {\n shippingAddressToSelect.selected = true;\n }\n }\n}\n\nmodule.exports = {\n displayShippingAddressAsSelected\n};\n","'use strict';\n\nconst helper = require('../../helper');\nconst CreditCardVaultManagerModel = require('../components/creditCardVaultManagerModel');\n\nconst cardPlaceholder = '************';\nconst btSessionCreditAccountSelectorID = 'braintreeSessionCreditAccount';\nconst ATTR_DATA_EXPIRATION = 'data-expiration';\n\n/**\n * Displays stores Credit Cards list on the Billing Page\n */\nfunction displayStoredCreditCardList() {\n const $creditCardAccount = document.querySelector('.js-braintree-used-creditcard-account');\n\n $creditCardAccount.classList.remove('used-creditcard-account-hide');\n $creditCardAccount.classList.add('used-creditcard-account');\n}\n\n/**\n * Fills the Credit Card form hidden inputs with payload data\n * @param {Object} braintreeResponse Object contains the data of new payment method\n */\nfunction fillCreditCardFormWithPayloadData(braintreeResponse) {\n const btResponse = braintreeResponse.btTokenizePayload;\n const $creditCardFieldsCardNumber = document.querySelector('input[name=dwfrm_billing_creditCardFields_cardNumber]');\n\n if (btResponse) {\n const btResponseDetails = btResponse.details;\n\n document.getElementById('braintreeCardType').value = btResponseDetails.cardType;\n document.getElementById('braintreeCardMaskNumber').value = cardPlaceholder + btResponseDetails.lastFour;\n document.getElementById('braintreeCardExpirationMonth').value = btResponseDetails.expirationMonth;\n document.getElementById('braintreeCardExpirationYear').value = btResponseDetails.expirationYear.substr(2);\n document.getElementById('braintreeCardHolder').value = btResponseDetails.cardholderName;\n\n if ($creditCardFieldsCardNumber) {\n $creditCardFieldsCardNumber.value = cardPlaceholder + btResponseDetails.lastFour;\n }\n\n document.querySelector('input[name=braintreePaymentMethodNonce]').value = btResponse.nonce;\n }\n}\n\n/**\n * Fills the session Credit Card form inputs with payload data\n * @param {Object} braintreeResponse Object contains the data of new payment method\n */\nfunction fillSessionCreditCardFormWithPayloadData(braintreeResponse) {\n const btResponse = braintreeResponse.btTokenizePayload;\n const usedCreditCardAccount = Boolean(document.querySelector('.js-braintree-used-creditcard-account'));\n\n if (usedCreditCardAccount && btResponse) {\n const btResponseDetails = btResponse.details;\n const $sessionCreditCard = document.getElementById(btSessionCreditAccountSelectorID);\n\n // Fields filling for displaying session card fields to the buyer\n document.getElementById('braintree-cardholder-name-to-display').textContent = btResponseDetails.cardholderName;\n document.getElementById('braintree-number-to-display').textContent = cardPlaceholder + btResponseDetails.lastFour;\n document.getElementById('braintree-expiration-date-to-display').textContent\n = `${btResponseDetails.expirationMonth}/${btResponseDetails.expirationYear.substr(2)}`;\n\n // Fields filling for displaying session card option value\n $sessionCreditCard.textContent = `${$sessionCreditCard.getAttribute('data-type')}\n ${$sessionCreditCard.getAttribute('data-number')}\n ${$sessionCreditCard.getAttribute(ATTR_DATA_EXPIRATION)}\n ${$sessionCreditCard.getAttribute('data-owner')}`;\n }\n}\n\n/**\n * Fills new/session credit card attributes to available option for using them in business logic (client/server)\n * @param {Object} braintreeResponse Tokenize payload from braintree\n * @param {boolean} isSessionCard Whether session card or not, depending on Session Payments Enabled pref\n */\nfunction setCreditCardDataAttributes(braintreeResponse, isSessionCard) {\n const $sessionCreditCard = document.getElementById(`${isSessionCard ? btSessionCreditAccountSelectorID : 'newCardAccount'}`);\n const $braintreeSaveCreditCard = document.getElementById('braintreeSaveCreditCard');\n\n const btResponse = braintreeResponse.btTokenizePayload;\n const btResponseDetails = btResponse.details;\n const isSavedCard = $braintreeSaveCreditCard ? $braintreeSaveCreditCard.checked : false;\n\n $sessionCreditCard.classList.remove('used-creditcard-account-hide');\n $sessionCreditCard.setAttribute('data-number', cardPlaceholder + btResponseDetails.lastFour);\n $sessionCreditCard.setAttribute(ATTR_DATA_EXPIRATION, `${btResponseDetails.expirationMonth}/${btResponseDetails.expirationYear.substr(2)}`);\n $sessionCreditCard.setAttribute('data-type', btResponseDetails.cardType);\n $sessionCreditCard.setAttribute('data-last-four', btResponseDetails.lastFour);\n $sessionCreditCard.setAttribute('data-owner', btResponseDetails.cardholderName);\n $sessionCreditCard.setAttribute('data-nonce', btResponse.nonce);\n $sessionCreditCard.setAttribute('data-session-account', isSessionCard);\n $sessionCreditCard.setAttribute('data-save-card', isSavedCard);\n}\n\n/**\n * Marks a session Credit Card account as selected\n */\nfunction markAsSelectedSessionAccount() {\n const $newCCAccount = document.getElementById('newCardAccount');\n const $sessionCreditCard = document.getElementById(btSessionCreditAccountSelectorID);\n\n $newCCAccount.removeAttribute('selected');\n $sessionCreditCard.selected = true;\n}\n\n/**\n * Returns a Credit Card flow ID from selector\n * @param {Object} $creditCardList Selector contained the Credit Card flow ID\n * @returns {string} Credit Card flow ID\n */\nfunction getCreditCardFlowID($creditCardList) {\n const selectedOptionValue = $creditCardList.value;\n const newCardID = 'newcard';\n const sessionCardID = 'sessioncard';\n const storedCardID = 'js-stored-card';\n\n let selectedOption = null;\n let creditCardFlowID = null;\n\n switch (selectedOptionValue) {\n case newCardID:\n creditCardFlowID = newCardID;\n\n break;\n\n case sessionCardID:\n creditCardFlowID = sessionCardID;\n\n break;\n\n default:\n selectedOption = helper.getSelectedOption($creditCardList);\n\n if (selectedOption.classList.contains(storedCardID)) {\n creditCardFlowID = storedCardID;\n }\n\n break;\n }\n\n return creditCardFlowID;\n}\n\n/**\n * Returns object with nonce related to stored card\n * @param {Promise} clientInstancePromise Client instance promise\n * @param {Object} $creditCardList Selector with needed data\n * @returns {Object} Response object\n */\nfunction getNonceFromStoredCard(clientInstancePromise, $creditCardList) {\n const CreditCardVaultManagerModelInstance = new CreditCardVaultManagerModel(clientInstancePromise);\n const $selectedOption = helper.getSelectedOption($creditCardList);\n const cardType = $selectedOption.getAttribute('data-type').toLowerCase();\n const lastFour = $selectedOption.getAttribute('data-last-four').toString();\n const [month, year] = $selectedOption.getAttribute(ATTR_DATA_EXPIRATION).split('/');\n const expiration = { month, year };\n\n return CreditCardVaultManagerModelInstance.getNonceByCardData(lastFour, cardType, expiration);\n}\n\n/**\n * Fills 3DS data\n * @param {Object} threeDSecureDataValidationPayload 3DS information about the card\n */\nfunction fill3DsData(threeDSecureDataValidationPayload) {\n const $braintreeIs3dSecureRequired = document.getElementById('braintreeIs3dSecureRequired');\n\n document.getElementById('braintreeCreditCardNonce').value = threeDSecureDataValidationPayload.nonce;\n\n if (threeDSecureDataValidationPayload && threeDSecureDataValidationPayload.liabilityShifted) {\n $braintreeIs3dSecureRequired.value = 'true';\n }\n}\n\n/**\n * Returns whether Credit Card tab is active on the Billing Page\n * @returns {boolean} true/false\n */\nfunction isActiveCreditCardTab() {\n return document\n .querySelector('.payment-options[role=tablist] a[data-toggle=\"tab\"][href=\"#creditcard-content\"]')\n .classList\n .contains('active');\n}\n\nmodule.exports = {\n displayStoredCreditCardList,\n fillCreditCardFormWithPayloadData,\n fillSessionCreditCardFormWithPayloadData,\n setCreditCardDataAttributes,\n markAsSelectedSessionAccount,\n getCreditCardFlowID,\n getNonceFromStoredCard,\n fill3DsData,\n isActiveCreditCardTab\n};\n","'use strict';\n\n/**\n * Display billing address of passed payment option (of selected Credit Card payment option)\n * @param {Object} $selectedCreditCardPayment Selected PayPal payment option\n */\nfunction displaySelectedStoredBillingAddress($selectedCreditCardPayment) {\n const paymentMethodGeneralHelper = require('../../paymentMethodGeneralHelper');\n\n if ($selectedCreditCardPayment) {\n const selectedOptionClassList = $selectedCreditCardPayment.classList;\n const storedCcAddressClassName = 'js-stored-credit-card-address';\n const $storedCreditCardAddressOption = document.querySelector(`.${storedCcAddressClassName}`);\n\n if (selectedOptionClassList.contains('js-stored-card')) {\n const billingAddressAsString = paymentMethodGeneralHelper.getBillingAddressAsString($selectedCreditCardPayment);\n\n if (billingAddressAsString !== '') {\n if ($storedCreditCardAddressOption) {\n $storedCreditCardAddressOption.innerText = billingAddressAsString;\n $storedCreditCardAddressOption.selected = true;\n } else {\n const option = document.createElement('option');\n\n option.innerHTML = billingAddressAsString;\n option.selected = true;\n option.classList.add(storedCcAddressClassName);\n\n document.getElementById('billingAddressSelector').append(option);\n }\n }\n } else if ($storedCreditCardAddressOption) {\n $storedCreditCardAddressOption.selected = false;\n }\n }\n}\n\n/**\n * Shows or hides a billing info alert for the credit cart payment method\n * @param {Object} savedBillingAddress A billing Address object\n */\nfunction initBillingInfoAlert(savedBillingAddress) {\n const $creditCardBillingInfoAlert = document.querySelector('.js-creditcard-billing-address-info-alert');\n // Shows or hides a billing info alert for Credit card payment\n\n if (savedBillingAddress) {\n $creditCardBillingInfoAlert.style.display = 'block';\n } else {\n $creditCardBillingInfoAlert.style.display = 'none';\n }\n}\n\n/**\n * Creates a valid billing address for Credit card payment method\n * @returns {Object} A billing address object\n */\nfunction createCreditCardBillingAddress() {\n const helper = require('../../helper');\n\n const billingData = helper.getBillingAddressFormValues();\n\n return {\n firstName: billingData.firstName,\n lastName: billingData.lastName,\n address1: decodeURIComponent(billingData.address1),\n address2: decodeURIComponent(billingData.address2),\n city: decodeURIComponent(billingData.city),\n stateCode: billingData.stateCode,\n postalCode: decodeURIComponent(billingData.postalCode),\n country: decodeURIComponent(billingData.country),\n phone: billingData.phone\n };\n}\n\n/**\n * Fills a credit card billing address input the with billing address data\n * @param {Object} billingAddress A billing address object\n */\nfunction setCreditCardBillingAddress(billingAddress) {\n document.getElementById('braintreeCardBillingAddress').value = JSON.stringify(billingAddress);\n}\n\nmodule.exports = {\n initBillingInfoAlert,\n createCreditCardBillingAddress,\n setCreditCardBillingAddress,\n displaySelectedStoredBillingAddress\n};\n","'use strict';\n\n/**\n * Populate the Billing Address Summary View\n * @param {string} parentSelector - the top level DOM selector for a unique address summary\n * @param {Object} address - the address data\n */\nfunction populateAddressSummary(parentSelector, address) {\n $.each(address, function (attr) {\n var val = address[attr];\n $('.' + attr, parentSelector).text(val || '');\n });\n}\n\n/**\n * returns a formed
element\n * @param {Object} shipping - the shipping object (shipment model)\n * @param {boolean} selected - current shipping is selected (for PLI)\n * @param {order} order - the Order model\n * @param {Object} [options] - options\n * @returns {Object} - the jQuery / DOMElement\n */\nfunction optionValueForAddress(shipping, selected, order, options) {\n var safeOptions = options || {};\n var isBilling = safeOptions.type && safeOptions.type === 'billing';\n var className = safeOptions.className || '';\n var isSelected = selected;\n var isNew = !shipping;\n if (typeof shipping === 'string') {\n return $('
');\n }\n var safeShipping = shipping || {};\n var shippingAddress = safeShipping.shippingAddress || {};\n\n if (isBilling && isNew && !order.billing.matchingAddressId) {\n shippingAddress = order.billing.billingAddress.address || {};\n isNew = false;\n isSelected = true;\n safeShipping.UUID = 'manual-entry';\n }\n\n var uuid = safeShipping.UUID ? safeShipping.UUID : 'new';\n var optionEl = $('
');\n optionEl.val(uuid);\n\n var title;\n\n if (isNew) {\n title = order.resources.addNewAddress;\n } else {\n title = [];\n if (shippingAddress.firstName) {\n title.push(shippingAddress.firstName);\n }\n if (shippingAddress.lastName) {\n title.push(shippingAddress.lastName);\n }\n if (shippingAddress.address1) {\n title.push(shippingAddress.address1);\n }\n if (shippingAddress.address2) {\n title.push(shippingAddress.address2);\n }\n if (shippingAddress.city) {\n if (shippingAddress.state) {\n title.push(shippingAddress.city + ',');\n } else {\n title.push(shippingAddress.city);\n }\n }\n if (shippingAddress.stateCode) {\n title.push(shippingAddress.stateCode);\n }\n if (shippingAddress.postalCode) {\n title.push(shippingAddress.postalCode);\n }\n if (!isBilling && safeShipping.selectedShippingMethod) {\n title.push('-');\n title.push(safeShipping.selectedShippingMethod.displayName);\n }\n\n if (title.length > 2) {\n title = title.join(' ');\n } else {\n title = order.resources.newAddress;\n }\n }\n optionEl.text(title);\n\n var keyMap = {\n 'data-first-name': 'firstName',\n 'data-last-name': 'lastName',\n 'data-address1': 'address1',\n 'data-address2': 'address2',\n 'data-city': 'city',\n 'data-state-code': 'stateCode',\n 'data-postal-code': 'postalCode',\n 'data-country-code': 'countryCode',\n 'data-phone': 'phone'\n };\n $.each(keyMap, function (key) {\n var mappedKey = keyMap[key];\n var mappedValue = shippingAddress[mappedKey];\n // In case of country code\n if (mappedValue && typeof mappedValue === 'object') {\n mappedValue = mappedValue.value;\n }\n\n optionEl.attr(key, mappedValue || '');\n });\n\n var giftObj = {\n 'data-is-gift': 'isGift',\n 'data-gift-message': 'giftMessage'\n };\n\n $.each(giftObj, function (key) {\n var mappedKey = giftObj[key];\n var mappedValue = safeShipping[mappedKey];\n optionEl.attr(key, mappedValue || '');\n });\n\n if (isSelected) {\n optionEl.attr('selected', true);\n }\n\n return optionEl;\n}\n\n/**\n * returns address properties from a UI form\n * @param {Form} form - the Form element\n * @returns {Object} - a JSON object with all values\n */\nfunction getAddressFieldsFromUI(form) {\n var address = {\n firstName: $('input[name$=_firstName]', form).val(),\n lastName: $('input[name$=_lastName]', form).val(),\n address1: $('input[name$=_address1]', form).val(),\n address2: $('input[name$=_address2]', form).val(),\n city: $('input[name$=_city]', form).val(),\n postalCode: $('input[name$=_postalCode]', form).val(),\n stateCode: $('select[name$=_stateCode],input[name$=_stateCode]', form).val(),\n countryCode: $('select[name$=_country]', form).val(),\n phone: $('input[name$=_phone]', form).val()\n };\n return address;\n}\n\nmodule.exports = {\n methods: {\n populateAddressSummary: populateAddressSummary,\n optionValueForAddress: optionValueForAddress,\n getAddressFieldsFromUI: getAddressFieldsFromUI\n },\n\n showDetails: function () {\n $('.btn-show-details').on('click', function () {\n var form = $(this).closest('form');\n\n form.attr('data-address-mode', 'details');\n form.find('.multi-ship-address-actions').removeClass('d-none');\n form.find('.multi-ship-action-buttons .col-12.btn-save-multi-ship').addClass('d-none');\n });\n },\n\n addNewAddress: function () {\n $('.btn-add-new').on('click', function () {\n var $el = $(this);\n if ($el.parents('#dwfrm_billing').length > 0) {\n // Handle billing address case\n $('body').trigger('checkout:clearBillingForm');\n var $option = $($el.parents('form').find('.addressSelector option')[0]);\n $option.attr('value', 'new');\n var $newTitle = $('#dwfrm_billing input[name=localizedNewAddressTitle]').val();\n $option.text($newTitle);\n $option.prop('selected', 'selected');\n $el.parents('[data-address-mode]').attr('data-address-mode', 'new');\n } else {\n // Handle shipping address case\n var $newEl = $el.parents('form').find('.addressSelector option[value=new]');\n $newEl.prop('selected', 'selected');\n $newEl.parent().trigger('change');\n }\n });\n }\n};\n","'use strict';\n\nmodule.exports = {\n FLOW_CHECKOUT_NAME: 'checkout',\n FLOW_CART_NAME: 'cart'\n};\n","'use strict';\n\nvar braintreeGeneral = require('base_braintree/braintree/braintreeGeneral');\n\n// Components\nvar payPalStoredBillingAddressComponent = require('base_braintree/braintree/paypal/components/payPalStoredBillingAddress');\nvar venmoBillingAddressComponent = require('base_braintree/braintree/venmo/components/venmoBillingAddress');\n\n// Helpers\nvar paymentMethodGeneralHelper = require('./paymentMethodGeneralHelper');\nvar helper = require('./helper');\nvar googlePayHelper = require('base_braintree/braintree/googlepay/helpers/googlePayHelper');\nvar srcHelper = require('base_braintree/braintree/src/helpers/srcHelper');\nvar venmoHelper = require('base_braintree/braintree/venmo/helpers/venmoHelper');\nvar applePayHelper = require('base_braintree/braintree/applepay/helpers/applePayHelper');\nvar payPalListHelper = require('base_braintree/braintree/paypal/helpers/payPalListHelper');\nvar creditCardPaymentProcessingHelper = require('base_braintree/braintree/creditcard/helpers/creditCardPaymentProcessingHelper');\n\n// Constants used only for \"createGeneralClientInstancePromise\" function\nvar creditCardPaymentProcessingConstants = require('base_braintree/braintree/creditcard/constants/creditCardPaymentProcessingConstants');\n\nvar CHECKOUT_PAGE = 'checkout_page';\nvar CART_MINICART_PRODUCT_PAGE = 'cart_minicart_product_page';\nvar LOCAL_PAYMENT_METHODS_LIST = ['sepa', 'bancontact', 'eps', 'giropay', 'ideal', 'mybank', 'p24'];\nvar PAYMENT_METHODS_WITH_DISABLED_BILLING_ADDRESS_FUNCTIONALITY = ['PayPal', 'GooglePay', 'SRC', 'ApplePay', 'Venmo'];\n\n// Other constants\nvar DATA_METHOD_ID_ATTRIBUTE = 'data-method-id';\nvar DATA_BILLING_ADDRESS_ATTRIBUTE = 'data-billing-address';\nvar PAYMENT_OPTIONS_CLASS = '.payment-options';\n\n/**\n * Returns current page name\n * @returns {string} name of the current page\n */\nfunction getApplicablePageType() {\n const isCheckoutPage = Boolean(document.getElementById('checkout-main'));\n // It is so, since MiniCart is exists on all mentioned pages\n const isCartMiniCartProductPage = Boolean(document.getElementsByClassName('minicart').length);\n\n let currentPageType;\n\n if (isCheckoutPage) {\n currentPageType = CHECKOUT_PAGE;\n } else if (isCartMiniCartProductPage) {\n currentPageType = CART_MINICART_PRODUCT_PAGE;\n }\n\n return currentPageType;\n}\n\n/**\n* Create Braintree Client Instance\n* @returns {Promise} with Braintree Client Instance\n*/\nfunction createGeneralClientInstancePromise() {\n const applycablePageType = getApplicablePageType();\n const attrBtClientToken = 'data-bt-client-token';\n\n let clientToken = null;\n let clientInstancePromise = null;\n let $billingElement;\n let $btExpressCheckoutPayPalButtonWrapper;\n let $btAccountPayPalButtonWrapper;\n let $btApmaPayPalButtonWrapper;\n\n // eslint-disable-next-line default-case\n switch (applycablePageType) {\n case CHECKOUT_PAGE:\n $billingElement = document.querySelector('.js-braintree-cart-paypal-buttons-wrap');\n\n if($billingElement) {\n clientToken = $billingElement.getAttribute(attrBtClientToken);\n }\n\n break;\n\n case CART_MINICART_PRODUCT_PAGE:\n $btExpressCheckoutPayPalButtonWrapper = document.querySelector('.js-braintree-cart-paypal-buttons-wrap');\n $btAccountPayPalButtonWrapper = document.querySelector('.js-braintree-account-paypal-button-wrapper');\n $btApmaPayPalButtonWrapper = document.querySelector('.js-braintree-apma-paypal-button-wrapper');\n\n if ($btExpressCheckoutPayPalButtonWrapper) {\n clientToken = $btExpressCheckoutPayPalButtonWrapper.getAttribute(attrBtClientToken);\n } else if ($btAccountPayPalButtonWrapper) {\n clientToken = $btAccountPayPalButtonWrapper.getAttribute(attrBtClientToken);\n } else if ($btApmaPayPalButtonWrapper) {\n clientToken = $btApmaPayPalButtonWrapper.getAttribute(attrBtClientToken);\n }\n\n break;\n }\n\n if (clientToken) {\n clientInstancePromise = braintreeGeneral.createClientInstance(clientToken);\n }\n\n return clientInstancePromise;\n}\n\n/**\n * Method override default SFRA payment-details filling behavior.\n * Method fill payment-details block with the right payment methdo data (like name, account, etc.)\n */\nfunction fillPaymentSummaryContainer() {\n const $summaryDetails = document.querySelector('.summary-details .payment-details');\n\n if ($summaryDetails) {\n $summaryDetails.classList.add('js-braintree-payment-details');\n $summaryDetails.classList.remove('payment-details');\n\n $('body').on('checkout:updateCheckoutView', helper.updateCheckoutView);\n }\n}\n\n/**\n * May be used for all payment methods\n * Create error container and append it after PayPal button\n * @param {string} payPalButtonSelector selector of PayPal button\n * @returns {Object} return created error container\n */\nfunction createErrorContainerAfterPayPalButton(payPalButtonSelector) {\n const $errorContainer = document.createElement('div');\n const $payPalButton = document.querySelector(payPalButtonSelector);\n\n $errorContainer.classList.add('alert-danger');\n $errorContainer.style.cssText = 'text-align: center';\n\n $payPalButton.parentNode.insertBefore($errorContainer, $payPalButton.nextSibling);\n\n return $errorContainer;\n}\n\n/**\n * Initiates all necessary manipulation for credit card billing address due tab click\n *\n * @param {Element} paymentOption - payment option for which specific billing address needs to be selected\n */\nfunction initCreditCardBillingAddressBehavior(paymentOption) {\n const creditCardHelper = require('base_braintree/braintree/creditcard/helpers/creditCardHelper');\n const creditCardBillingAddressHelper = require('base_braintree/braintree/creditcard/helpers/creditCardBillingAddressHelper');\n\n const $creditCardList = document.getElementById('braintreeCreditCardList');\n const $selectedCcAccountOption = creditCardHelper.getSelectedCcAccountOption();\n const creditCardFlow = creditCardPaymentProcessingHelper.getCreditCardFlowID($creditCardList);\n const savedBillingAddress = $selectedCcAccountOption.getAttribute('data-billing-address');\n\n if ((creditCardFlow === creditCardPaymentProcessingConstants.FLOW_STORED_CARD_NAME && savedBillingAddress)) {\n paymentMethodGeneralHelper.disableBillingAddressFunctionality();\n creditCardBillingAddressHelper.displaySelectedStoredBillingAddress($selectedCcAccountOption);\n } else {\n const billingAddressSelector = document.getElementById('billingAddressSelector');\n const billingAddressId = paymentMethodGeneralHelper.getStoredBillingAddressId(paymentOption);\n\n if (billingAddressId) {\n const billingAddressToSelect = Array.from(billingAddressSelector.children).find((option) => {\n const stroredBillingAddress = option.getAttribute('value');\n\n return stroredBillingAddress === billingAddressId\n || stroredBillingAddress === `ab_${billingAddressId}`\n || `ab_${stroredBillingAddress}` === billingAddressId;\n });\n\n if (billingAddressToSelect) {\n billingAddressToSelect.selected = true;\n }\n }\n\n paymentMethodGeneralHelper.enableBillingAddressFunctionality();\n }\n}\n\n/**\n * Deselects all selected options\n * @param {Element} billingAddressSelector selector of billing addresses\n */\nfunction deselectAllOptions(billingAddressSelector) {\n Array.from(billingAddressSelector.children).forEach((option) => {\n option.selected = false;\n option.removeAttribute('selected');\n });\n}\n\n/**\n * Removes option that was added by payment method\n */\nfunction removeAddedOption() {\n const optionToRemove = document.querySelector('.stored-billing-address');\n\n if (optionToRemove) {\n optionToRemove.remove();\n }\n}\n\n/**\n * Selects billing address\n *\n * @param {Element} paymentOption payment option for which specific billing address needs to be selected\n */\nfunction selectBillingAddress(paymentOption) {\n const selectedMethodID = paymentOption.getAttribute(DATA_METHOD_ID_ATTRIBUTE);\n const optionClass = 'stored-billing-address';\n\n switch (selectedMethodID) {\n case window.braintreeConstants.PAYMENT_METHOD_ID_PAYPAL: {\n const payPalAccountList = document.getElementById('braintreePaypalAccountsList');\n const selectedPayPalAccountOption = payPalAccountList.options[payPalAccountList.selectedIndex];\n\n // Display billing address of selected PayPal account\n payPalStoredBillingAddressComponent.displaySelectedStoredBillingAddress(selectedPayPalAccountOption);\n\n break;\n }\n\n case window.braintreeConstants.PAYMENT_METHOD_ID_GOOGLEPAY: {\n const googlePayBtn = document.querySelector('.js-braintree-googlepay-button');\n\n paymentMethodGeneralHelper.createBillingAddressOption(optionClass, googlePayBtn.getAttribute(DATA_BILLING_ADDRESS_ATTRIBUTE));\n\n break;\n }\n\n case window.braintreeConstants.PAYMENT_METHOD_ID_SRC: {\n const srcBtn = document.querySelector('.js-braintree-src-button');\n\n paymentMethodGeneralHelper.createBillingAddressOption(optionClass, srcBtn.getAttribute(DATA_BILLING_ADDRESS_ATTRIBUTE));\n\n break;\n }\n\n case window.braintreeConstants.PAYMENT_METHOD_ID_APPLEPAY: {\n const applePayBtn = document.querySelector('.js-braintree-applepay-button');\n\n paymentMethodGeneralHelper.createBillingAddressOption(optionClass, applePayBtn.getAttribute(DATA_BILLING_ADDRESS_ATTRIBUTE));\n\n break;\n }\n\n case window.braintreeConstants.PAYMENT_METHOD_ID_VENMO: {\n const $billingForm = document.querySelector('.card-body [id=dwfrm_billing]');\n\n if (!$billingForm.checkValidity()) {\n const address = require('base/checkout/address');\n\n const shippingForm = document.querySelector('.card-body [id=dwfrm_shipping]');\n const shippingFields = address.methods.getAddressFieldsFromUI(shippingForm);\n\n helper.updateStorefrontBillingData(shippingFields);\n }\n\n // Display shipping address as selected billing address\n venmoBillingAddressComponent.displayShippingAddressAsSelected();\n\n break;\n }\n\n default:\n }\n}\n\n/**\n * Handles billing address functionality (disable/enable)\n * @param {Element} paymentOption payment option\n */\nfunction handleBillingAddressFunctionality(paymentOption) {\n const selectedMethodID = paymentOption.getAttribute(DATA_METHOD_ID_ATTRIBUTE);\n\n paymentMethodGeneralHelper.showBillingAddressBlock();\n\n if (PAYMENT_METHODS_WITH_DISABLED_BILLING_ADDRESS_FUNCTIONALITY.includes(selectedMethodID)) {\n paymentMethodGeneralHelper.disableBillingAddressFunctionality();\n } else if (selectedMethodID === 'CREDIT_CARD') {\n initCreditCardBillingAddressBehavior(paymentOption);\n\n if (window.braintreePreferences.isFastlaneEnabled) {\n const fastlaneHelper = require('base_braintree/braintree/fastlane/fastlaneHelper');\n\n fastlaneHelper.handleFastlaneBillingAddressBehavior();\n }\n } else {\n paymentMethodGeneralHelper.enableBillingAddressFunctionality();\n }\n}\n\n/**\n * Handles submit payment button for specific payment method\n * @param {Element} paymentOption payment option\n */\nfunction handlePaymentMethodsFunctionality(paymentOption) {\n let selectedMethodID = paymentOption.getAttribute(DATA_METHOD_ID_ATTRIBUTE);\n\n if (LOCAL_PAYMENT_METHODS_LIST.includes(selectedMethodID)) {\n selectedMethodID = 'LPM';\n }\n\n switch (selectedMethodID) {\n case window.braintreeConstants.PAYMENT_METHOD_ID_PAYPAL: {\n // Submit Payment button behavior\n const isAccountListHidden = document.querySelector('.js-braintree-used-paypal-account').classList.contains('used-paypal-account-hide');\n\n if (isAccountListHidden) {\n paymentMethodGeneralHelper.hideSubmitPaymentButton();\n } else if (!payPalListHelper.isNewPayPalAccountOptionSelected()) {\n paymentMethodGeneralHelper.showSubmitPaymentButton();\n } else {\n paymentMethodGeneralHelper.hideSubmitPaymentButton();\n }\n\n break;\n }\n\n case window.braintreeConstants.PAYMENT_METHOD_ID_GOOGLEPAY: {\n googlePayHelper.googlePayContentTabHandler(true);\n\n break;\n }\n\n case window.braintreeConstants.PAYMENT_METHOD_ID_SRC: {\n srcHelper.srcContentTabHandler(true);\n\n break;\n }\n\n case window.braintreeConstants.PAYMENT_METHOD_ID_APPLEPAY: {\n applePayHelper.toggleContinueButtonOnBillingPage();\n\n break;\n }\n\n case window.braintreeConstants.PAYMENT_METHOD_ID_CREDIT_CARD: {\n // Submit Payment button behavior\n paymentMethodGeneralHelper.showSubmitPaymentButton();\n\n break;\n }\n\n case window.braintreeConstants.PAYMENT_METHOD_ID_VENMO: {\n const isBtVenmoAccountsList = Boolean(document.getElementById('braintreeVenmoAccountsList'));\n const isSessionAccountExist = Boolean(document.querySelector('.js-used-venmo-account'));\n // Handles continue button visibility on the Billing Page in Venmo tab\n // Case for the registered user with saved account\n\n if (isBtVenmoAccountsList) {\n venmoHelper.venmoContentTabHandler();\n } else if (isSessionAccountExist) {\n // Case when only session account exist without saved account\n helper.continueButtonToggle(false);\n } else {\n // Case when no session/saved account exist and Venmo button is shown\n helper.continueButtonToggle(true);\n }\n\n break;\n }\n\n case window.braintreeConstants.PAYMENT_METHOD_ID_LPM: {\n paymentMethodGeneralHelper.hideSubmitPaymentButton();\n\n break;\n }\n\n default:\n }\n}\n\n/**\n * Saves selected billing address on tab changing\n */\nfunction saveSelectedBillingAddressFromPreviousTab() {\n const billingAddressSelector = document.getElementById('billingAddressSelector');\n const paymentOptions = document.querySelector(PAYMENT_OPTIONS_CLASS);\n\n const paymentOptionToSaveBillingAddress = Array.from(paymentOptions.children).find((option) => {\n return option.firstElementChild.classList.contains('active');\n });\n\n const selectedMethodID = paymentOptionToSaveBillingAddress.getAttribute(DATA_METHOD_ID_ATTRIBUTE);\n\n if (!PAYMENT_METHODS_WITH_DISABLED_BILLING_ADDRESS_FUNCTIONALITY.includes(selectedMethodID)) {\n const selectedBillingAddressOption = billingAddressSelector.options[billingAddressSelector.selectedIndex];\n\n paymentMethodGeneralHelper.setStoredBillingAddressId(paymentOptionToSaveBillingAddress, selectedBillingAddressOption);\n }\n}\n\n/**\n * Inits billing address behavior on shipping change, so that:\n * When the checkout stage changes to payment, trigger a custom event that will select the billing\n * address based on the active payment option.\n */\nfunction initChangeShippingBehavior() {\n const checkoutStageElement = document.querySelector('.data-checkout-stage');\n\n const observer = new MutationObserver(() => {\n if (checkoutStageElement.getAttribute('data-checkout-stage') === 'payment') {\n const shippingChangeEvent = new Event('shipping:update');\n\n document.dispatchEvent(shippingChangeEvent);\n }\n });\n\n observer.observe(checkoutStageElement, { attributes: true });\n\n document.addEventListener('shipping:update', () => {\n const paymentOptions = document.querySelector(PAYMENT_OPTIONS_CLASS);\n const billingAddressSelector = document.getElementById('billingAddressSelector');\n\n if (paymentOptions && billingAddressSelector) {\n const activePaymentOption = Array.from(paymentOptions.children).find((option) => {\n return option.firstElementChild.classList.contains('active');\n });\n\n selectBillingAddress(activePaymentOption);\n handleBillingAddressFunctionality(activePaymentOption);\n }\n });\n}\n\n/**\n * Inits functionality of billing selector change\n */\nfunction initBillingSelectorChangeFunctionality() {\n const billingAddressSelector = document.getElementById('billingAddressSelector');\n const paymentOptions = document.querySelector(PAYMENT_OPTIONS_CLASS);\n\n if (billingAddressSelector && paymentOptions) {\n billingAddressSelector.addEventListener('change', () => {\n const selectedBillingAddressOption = billingAddressSelector.options[billingAddressSelector.selectedIndex];\n const activePaymentOption = Array.from(paymentOptions.children).find((option) => {\n return option.firstElementChild.classList.contains('active');\n });\n\n paymentMethodGeneralHelper.setStoredBillingAddressId(activePaymentOption, selectedBillingAddressOption);\n });\n }\n}\n\n/**\n * Init behavior which should be triggered when buyer clicked on Payment Method tab.\n * Currently we handle billing address modification enabling/disabling.\n * We also have init behavior of \"Submit Payment\" button\n */\nfunction initPaymentMethodTabClickBehavior() {\n const navLinks = document.querySelectorAll('.payment-options .nav-item .nav-link');\n\n navLinks.forEach((navLink) => {\n navLink.addEventListener('click', (e) => {\n const clickedPaymentOption = e.target.closest('.nav-item');\n const billingAddressSelector = document.getElementById('billingAddressSelector');\n\n saveSelectedBillingAddressFromPreviousTab();\n\n removeAddedOption();\n deselectAllOptions(billingAddressSelector);\n\n handleBillingAddressFunctionality(clickedPaymentOption);\n handlePaymentMethodsFunctionality(clickedPaymentOption);\n\n selectBillingAddress(clickedPaymentOption);\n });\n });\n}\n\n/**\n * Creates customer form with email to submit it to CheckoutServices-SubmitCustomer endpoint\n * @param {string} email email from payment method's response\n * @returns {Object} customer form data\n */\nfunction createCustomerFormData(email) {\n const data = {\n email: email\n };\n\n const $csrfToken = document.querySelector('.js-braintree-cart-buttons-wrap #csrf_token');\n const checkoutCustomerFormFields = document.querySelector('.js-braintree-cart-buttons-wrap').getAttribute('data-checkout-customer-form-fields');\n const customerFormData = helper.createPaymentFormData(checkoutCustomerFormFields, data);\n\n customerFormData.append($csrfToken.name, $csrfToken.value);\n\n return customerFormData;\n}\n\n/**\n * Submits customer form with email to CheckoutServices-SubmitCustomer endpoint\n * Call is triggered only in case if email in basket is empty (guest first checkout from cart)\n * @param {string} email email from payment method's response\n * @returns {Promise} call to CheckoutServices-SubmitCustomer endpoint\n */\nasync function submitCustomerForm(email) {\n const buttonsWrapper = document.querySelector('.js-braintree-cart-buttons-wrap');\n const isCustomerEmailEmpty = helper.tryParseJSON(buttonsWrapper.getAttribute('data-is-customer-email-empty'));\n\n let result;\n // Could be \"true\" only in case if email in basket is empty (first guest checkout from cart)\n\n if (isCustomerEmailEmpty) {\n const submitCustomerUrl = window.braintreeUrls.submitCustomerUrl;\n const customerFormData = createCustomerFormData(email);\n\n result = await fetch(submitCustomerUrl, {\n method: 'POST',\n body: customerFormData\n });\n }\n\n return result;\n}\n\n/**\n * Handles active CC session payment, removes active session payment if order amount changed\n * to avoid a mismatch error between nonce amount and actual amount\n * @param {number} lastAmount - amount of the last order\n */\nfunction handleActiveCCSessionPayment(lastAmount) {\n fetch(helper.getUrlWithCsrfToken(window.braintreeUrls.getOrderInfoUrl))\n .then((response) => response.json())\n .then((data) => {\n if (data.amount !== lastAmount) {\n const creditCardSessionAccount = require('base_braintree/braintree/creditcard/components/creditCardSessionAccount');\n\n creditCardSessionAccount.removeSessionNonce();\n }\n });\n}\n\n/**\n * Inits payment amount observer\n */\nfunction initAmountObserver() {\n const checkoutStageElement = document.querySelector('.data-checkout-stage');\n\n const observer = new MutationObserver(() => {\n if (checkoutStageElement.getAttribute('data-checkout-stage') === 'placeOrder') {\n const amountElement = document.querySelector('.grand-total-sum');\n const amount = parseFloat(amountElement.textContent.replace(/[^0-9.]/g, ''));\n\n window.sessionStorage.setItem('amount-used', amount);\n }\n });\n\n observer.observe(checkoutStageElement, { attributes: true });\n}\n\nmodule.exports = {\n createGeneralClientInstancePromise,\n fillPaymentSummaryContainer,\n createErrorContainerAfterPayPalButton,\n initPaymentMethodTabClickBehavior,\n initChangeShippingBehavior,\n initBillingSelectorChangeFunctionality,\n submitCustomerForm,\n saveSelectedBillingAddressFromPreviousTab,\n handleActiveCCSessionPayment,\n initAmountObserver\n};\n","'use strict';\n\nconst helper = require('../../helper');\nconst loaderInstance = require('../../loaderHelper');\nconst venmoHelper = require('../helpers/venmoHelper');\nconst VenmoAlertHandlerModel = require('../alerthandler/venmoAlertHandlerModel');\nconst alertHandler = new VenmoAlertHandlerModel();\n\nconst $venmoButton = document.querySelector('.js-braintree-account-venmo-button');\n\nlet venmoLoader;\n\n/**\n * Makes Venmo account as default one\n * @param {Event} e event to identify target element\n */\nfunction makeDefaultVenmo(e) {\n const target = e.target;\n const url = window.braintreeUrls.makePaymentMethodDefaultUrl;\n const id = target.getAttribute('data-id');\n const paymentMethodID = window.braintreePreferences.paymentMethods.BRAINTREE_VENMO.paymentMethodId;\n const $loaderContainter = document.querySelector(`#${target.getAttribute('data-loader')}`);\n const loader = loaderInstance($loaderContainter);\n\n alertHandler.hideAlerts();\n loader.show();\n\n helper.setDefaultProperty({\n url: url,\n id: id,\n paymentMethodID: paymentMethodID,\n loader: loader\n });\n}\n\n/**\n * Remove Venmo account\n * @param {Event} e event to identify target element\n */\nfunction removeVenmoPayment(e) {\n const target = e.target;\n const $loaderContainter = document.getElementById(target.getAttribute('data-loader'));\n\n venmoLoader = loaderInstance($loaderContainter);\n venmoLoader.show();\n\n fetch(helper.getUrlWithCsrfToken(`${window.braintreeUrls.deletePaymentUrl}?UUID=${target.getAttribute('data-id')}`), { method: 'GET' })\n .then((response) => {\n return response.json();\n })\n .then((data => {\n if (data.error && data.error.message) {\n // Show error message in a case of current PI removal is not allowed\n alertHandler.showError(data.error.message);\n } else {\n document.getElementById(`uuid-${data.UUID}`).remove();\n\n if (data.newDefaultAccount) {\n document.getElementById(`uuid-${data.newDefaultAccount}`).classList.add('font-weight-bold');\n document.getElementById(`uuid-${data.newDefaultAccount}`).classList.add('d-none');\n }\n }\n\n venmoLoader.hide();\n }))\n .catch(() => {\n location.reload();\n venmoLoader.hide();\n });\n}\n\n/**\n * Creates Venmo form data on account page\n * @param {string} nonce Braintree Venmo nonce\n * @param {string} userId Braintree Venmo userID\n * @returns {Object} object with Venmo form data\n */\nfunction createVenmoAccountFormData(nonce, userId) {\n const venmoAccountFormFields = $venmoButton.getAttribute('data-venmo-account-form-fields');\n const csrfToken = document.querySelector('.js-braintree-account-venmo-button-wrapper #csrf_token');\n\n const venmoAccountFormData = helper.createPaymentFormData(venmoAccountFormFields, {\n nonce: nonce,\n userId: userId\n });\n\n venmoAccountFormData.append(csrfToken.name, csrfToken.value);\n\n return venmoAccountFormData;\n}\n\n/**\n * Stores new Venmo account\n * @param {Object} data tokenized payload data with Venmo nonce\n * @returns {Promise} call to Braintree-AccountAddVenmoHandle endpoint\n */\nfunction storeNewVenmoAccount(data) {\n const venmoAddAccountHandlerUrl = $venmoButton.getAttribute('data-venmo-add-account-handler');\n const venmoAccountFormData = createVenmoAccountFormData(data.nonce, data.details.username);\n const encodedFormData = btoa(JSON.stringify(Object.fromEntries(venmoAccountFormData)));\n\n venmoLoader.show();\n\n return fetch(helper.getUrlWithCsrfToken(venmoAddAccountHandlerUrl), {\n method: 'POST',\n body: encodedFormData,\n headers: { 'Content-Type': 'application/json' }\n })\n .then((response) => response.json())\n .then((paymentData) => {\n venmoLoader.hide();\n if (paymentData.error) {\n alertHandler.showError(paymentData.error);\n } else {\n venmoHelper.hideVenmoAccountBtn();\n fetch(paymentData.renderAccountsUrl)\n .then((template) => template.text())\n .then((templateHTML => {\n document.querySelector('.js-venmo-accounts').innerHTML = templateHTML;\n document.querySelectorAll('.js-venmo-accounts .js-remove-bt-payment').forEach((el) => {\n el.addEventListener('click', removeVenmoPayment);\n });\n }));\n }\n });\n}\n\n/**\n * Inits Venmo functionality\n * @param {Object} btVenmoModel Braintree Venmo model\n */\nfunction init(btVenmoModel) {\n const isVenmoButtonEnabledOnAccountPage = Boolean(document.querySelector('.js-braintree-account-venmo-button'));\n const isVenmoAccountBlockExists = Boolean(document.querySelector('.js-venmo-accounts'));\n const $braintreeVenmoLoader = document.getElementById('braintreeVenmoAccLoader');\n\n venmoLoader = loaderInstance($braintreeVenmoLoader);\n\n if (isVenmoButtonEnabledOnAccountPage || isVenmoAccountBlockExists) {\n // \"Make default\" button functionality initiation\n document.querySelectorAll('.js-venmo-accounts .js-braintree-make-default-card')\n .forEach((el) => el.addEventListener('click', makeDefaultVenmo));\n // \"Remove\" button functionality initiation\n document.querySelectorAll('.js-venmo-accounts .js-remove-bt-payment')\n .forEach((el) => el.addEventListener('click', removeVenmoPayment));\n }\n\n if (isVenmoButtonEnabledOnAccountPage) {\n const $addVenmoAccountButton = document.querySelector('.js-add-venmo-account');\n\n $addVenmoAccountButton.addEventListener('click', function() {\n const venmoButton = require('../components/venmoButton');\n // Hide venmo account error container\n\n alertHandler.hideAlerts();\n venmoHelper.showVenmoAccountBtn();\n\n if (!window.venmoAccountButtonInited) {\n window.venmoAccountButtonInited = true;\n\n venmoButton.init(btVenmoModel, $venmoButton);\n }\n });\n }\n}\n\nmodule.exports = {\n init,\n storeNewVenmoAccount\n};\n","'use strict';\n\nconst helper = require('../../helper');\n\n/**\n * General validation of params needed for initialization of Venmo button\n * @param {Object} braintreeVenmoConfig Braintree Venmo button configurations (they came from server via data attr)\n * @returns {Object} object with \"error\" boolean flag and array of error messages from \"messages\" attr\n */\nfunction generalVenmoValidation(braintreeVenmoConfig) {\n const response = {\n error: false,\n messages: ''\n };\n\n try {\n const isBraintreeVenmoConfigValid = typeof braintreeVenmoConfig !== 'object' || braintreeVenmoConfig !== null;\n\n if (!isBraintreeVenmoConfigValid) {\n response.error = true;\n response.messages = 'Venmo button has not valid data-braintree-config';\n }\n } catch (error) {\n response.error = true;\n response.messages = error;\n }\n\n return response;\n}\n\n/**\n * Init Venmo button functionality\n * @param {Object} btVenmoModel Braintree Venmo model\n * @param {Object} $venmoButton Venmo button element\n * @param {boolean} isBillingPage value to identify flow page\n */\nfunction init(btVenmoModel, $venmoButton, isBillingPage) {\n const braintreeVenmoConfig = helper.tryParseJSON($venmoButton.getAttribute('data-braintree-config'));\n const VenmoAlertHandlerModel = require('../alerthandler/venmoAlertHandlerModel');\n const alertHandler = new VenmoAlertHandlerModel();\n\n if (isBillingPage && !window.braintreePreferences.venmoAvailabilityCountries.includes(braintreeVenmoConfig.countryCode)) {\n const $venmoTab = document.querySelector('.venmo-tab');\n\n if ($venmoTab) {\n $venmoTab.parentElement.classList.add('d-none');\n }\n\n return;\n }\n\n try {\n const generalValidation = generalVenmoValidation(braintreeVenmoConfig);\n\n if (generalValidation.error && generalValidation.messages.length) {\n throw generalValidation.messages;\n }\n\n // Fraud Data collecting\n // For more details go inside \"btVenmoModel.collectFraudData\" function logic\n btVenmoModel.collectFraudData()\n .then(function(fraudDataPayload) {\n const venmoHelper = require('../helpers/venmoHelper');\n\n venmoHelper.setVenmoDeviceData(fraudDataPayload.deviceData);\n\n return btVenmoModel.isBrowserSupported()\n .then(function(isBrowserSupported) {\n if (!isBrowserSupported) {\n alertHandler.handleNoBrowserSupportError(braintreeVenmoConfig);\n }\n\n return btVenmoModel.initVenmo($venmoButton, isBillingPage);\n });\n });\n\n // To prevent repeatable Venmo button initialization\n window.venmoCheckoutButtonInited = true;\n } catch (error) {\n alertHandler.showError(error);\n }\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst loaderInstance = require('../../loaderHelper');\nconst venmoButton = require('./venmoButton');\nconst venmoList = require('./venmoList');\nconst venmoHelper = require('../helpers/venmoHelper');\nconst venmoSessionAccount = require('./venmoSessionAccount');\nconst helper = require('../../helper');\n\nconst $braintreeVenmoNonce = document.getElementById('braintreeVenmoNonce');\nconst $braintreeVenmoUserId = document.getElementById('braintreeVenmoUserId');\nconst $sessionVenmoAccount = document.getElementById('sessionVenmoAccount');\nconst $newVenmoAccount = document.getElementById('newVenmoAccount');\nconst $venmoBillingInput = document.getElementById('braintreeVenmoBilling');\nconst $venmoContent = document.querySelector('.js-braintree-venmo-content');\nconst $venmoButton = document.querySelector('.js-braintree-venmo-button');\nconst $venmoAccountContainer = document.querySelector('.js-braintree-used-venmo-account');\nconst $continueButton = document.querySelector('button.submit-payment');\nconst $submitShippingBtn = document.querySelector('.button, .submit-shipping');\n\nconst dataAttrIsValidStage = 'data-is-valid-stage';\n\nlet hashChange;\n\n/**\n * Process Venmo on the Billing/Checkout Page\n * @param {Object} data tokenized Venmo payload data\n */\nfunction processCheckoutFlow(data) {\n const $loaderContainer = venmoHelper.createLoaderContainter(document.querySelector('.page'));\n\n loaderInstance($loaderContainer).show();\n\n $braintreeVenmoNonce.value = data.nonce;\n $braintreeVenmoUserId.value = data.details.username;\n // In case when stage is correct we proceed with usual flow\n if (window.history.state !== 'shipping') {\n $continueButton.click();\n document.querySelector('.js-braintree-venmo-loader').remove();\n\n return;\n }\n\n // In case when Venmo has returned from Venmo app to NOT correct stage (for example, to shipping stage)\n // we redirect user to correct stage and set required data\n venmoHelper.updateBillingAddressFormValues(helper.tryParseJSON($venmoBillingInput.value));\n // Move to stage payment\n $submitShippingBtn.click();\n $venmoButton.setAttribute(dataAttrIsValidStage, true);\n document.querySelector('.js-braintree-venmo-loader').remove();\n}\n\n/**\n * Inits Venmo checkout components\n * @param {Object} btVenmoModel Braintree Venmo model\n */\nfunction init(btVenmoModel) {\n // MutationObserver is triggered on each URL change to avoid conflict between URL passed to Venmo application\n // and URL with already changed stage on storefront (checkout stage)\n // case when user is redirected from Venmo application\n hashChange = new MutationObserver(function(mutations) {\n let result = false;\n\n const isSessionPaymentsEnabled = window.braintreePreferences.isSessionPaymentsEnabled;\n const mutation = mutations.find(function(element) {\n return element.attributeName === 'data-checkout-stage'\n && ['payment', 'shipping', 'customer'].includes(element.target.dataset.checkoutStage);\n });\n\n if (!mutation) {\n return result;\n }\n\n if ($braintreeVenmoNonce.value && helper.tryParseJSON($venmoButton.getAttribute(dataAttrIsValidStage))) {\n $venmoButton.setAttribute(dataAttrIsValidStage, false);\n $continueButton.click();\n\n result = true;\n\n return result;\n }\n\n // Case when user has proceeded with Venmo session account and clicked on \"edit\" button\n if (isSessionPaymentsEnabled && $venmoContent.classList.contains('active') && ['placeOrder', 'shipping'].includes(mutation.oldValue)) {\n // Show dropdown with used Venmo session account\n venmoSessionAccount.showVenmoAccount();\n\n if ($braintreeVenmoUserId && $braintreeVenmoUserId.value !== 'Venmo') {\n $venmoAccountContainer.classList.remove('used-venmo-account-hide');\n $venmoAccountContainer.classList.add('js-used-venmo-account');\n $sessionVenmoAccount.classList.remove('used-venmo-account-hide');\n $sessionVenmoAccount.classList.add('js-used-venmo-account');\n $sessionVenmoAccount.textContent = $braintreeVenmoUserId.value;\n $sessionVenmoAccount.selected = true;\n $newVenmoAccount.selected = false;\n }\n\n // Set attribute to show \"place order\" button\n $venmoContent.setAttribute('data-paypal-is-hide-continue-button', false);\n // Hide Venmo button\n $venmoButton.setAttribute('data-is-hide-venmo-button', true);\n }\n\n return result;\n });\n\n hashChange.observe(document.getElementById('checkout-main'), { attributeOldValue: true });\n\n // Venmo button functionality is initiated once in case if it was not inited yet\n // based on existence of window.venmoCheckoutButtonInited (set while Venmo button initiation)\n if (!window.venmoCheckoutButtonInited) {\n venmoButton.init(btVenmoModel, $venmoButton, true);\n venmoList.init();\n }\n\n const sessionPaymentMethodId = helper.tryParseJSON($venmoContent.getAttribute('data-braintree-config')).sessionPaymentMethodId;\n // if exists Venmo session account - we make Venmo tab active on page reload\n\n if (sessionPaymentMethodId === 'Venmo') {\n document.querySelector('.venmo-tab').click();\n }\n}\n\nmodule.exports = {\n init,\n processCheckoutFlow\n};\n","'use strict';\n\nmodule.exports = {\n FLOW_NAME_ACCOUNT: 'account',\n FLOW_NAME_BILLING_CHECKOUT: 'billing'\n};\n","'use strict';\n\nconst lpmHelper = require('../helpers/lpmHelper');\nconst braintreeLpmSDK = require('./braintreeLpmSDK');\n\nconst lpmConfigs = lpmHelper.getBraintreeLpmConfigs();\n// Global variables\nlet lpmInstance;\nlet shippingAddress;\nlet amount;\n\n/**\n * Init Braintree LPM pay model\n * @param {Promise} braintreeClientInstancePromise Braintree client instance promise\n */\n\nfunction init(braintreeClientInstancePromise) {\n braintreeLpmSDK.init(braintreeClientInstancePromise);\n}\n\n/**\n * Inits LPM instance for the next payment actions\n * @returns {Promise} Promise resolved with the 'createLpmClickListener' boolean value\n */\nfunction initLpm() {\n return braintreeLpmSDK.createLpmPayment()\n .then(function(localPaymentInstance) {\n lpmInstance = localPaymentInstance;\n\n return {\n createLpmClickListener: true\n };\n });\n}\n\n/**\n * Updates order data\n * @param {Object} updatedShippingAddress Updates order shipping address from backend\n * @param {number} updatedAmount Updated order amount from backend\n */\nfunction updateLpmOrderData(updatedShippingAddress, updatedAmount) {\n shippingAddress = updatedShippingAddress;\n amount = updatedAmount;\n}\n\n/**\n * Returns order shipping address\n * @returns {Object} Shipping address\n */\nfunction getShippingAddress() {\n return shippingAddress;\n}\n\n/**\n * Creates and returns object with all options for initiating the lpm payment flow\n * @param {string} paymentMethodName Payment method name\n * @param {string} email Email address\n * @returns {Object} {Object} Options object\n */\nfunction createRequestData(paymentMethodName, email) {\n return Object.assign(braintreeLpmSDK.createRequestData(shippingAddress,\n lpmConfigs,\n paymentMethodName,\n email,\n amount),\n {\n onPaymentStart: function(_, continueCallback) {\n continueCallback();\n }\n });\n}\n\n/**\n * Launches the local payment flow and returns a nonce payload\n * @param {Object} reqData Options object\n * @returns {Promise} Promise resolved with a startPaymentPayload\n */\nfunction startPayment(reqData) {\n return braintreeLpmSDK.startPayment(lpmInstance, reqData);\n}\n\nmodule.exports = {\n init,\n initLpm,\n updateLpmOrderData,\n getShippingAddress,\n createRequestData,\n startPayment\n};\n","'use strict';\n\nmodule.exports = {\n NO_LPM_BRAINTREE_CONFIGURATIONS: 'No Lpm Braintree Configurations',\n ORDER_TOTAL_0: 'Order total 0 is not allowed for '\n};\n","'use strict';\n\nconst lpmModel = require('../braintreesdk/braintreeLpmModel');\nconst helper = require('../../helper');\n\n/**\n * Whether 'details' parameter is exist returns 'details' or shipping address if not exist\n *\n * @param {Object} details Details object from StartPaymentPayload\n * @param {string} email Email Address\n * @returns {Object} Details object\n */\nfunction getPaymentDetailsParameter(details, email) {\n const shippingAddress = lpmModel.getShippingAddress();\n\n shippingAddress.email = email;\n\n return jQuery.isEmptyObject(details) ? shippingAddress : details;\n}\n\n/**\n *\n * @param {Object} lpmConfigs LPM configs object\n * @param {string} paymentMethodName Payment method name\n * @param {string} email Email address\n * @param {Object} startPaymentPayload StartPaymnetPayload\n * @returns {Promise} Promise resolved with 'redirectUrl'\n */\nfunction confirmPayment(lpmConfigs, paymentMethodName, email, startPaymentPayload) {\n return fetch(helper.getUrlWithCsrfToken(lpmConfigs.paymentConfirmUrl), {\n method: 'POST',\n body: JSON.stringify({\n nonce: startPaymentPayload.nonce,\n lpmName: paymentMethodName,\n details: getPaymentDetailsParameter(startPaymentPayload.details, email),\n deviceData: JSON.stringify({ correlation_id: startPaymentPayload.correlationId })\n })\n });\n}\n\n/**\n * Creates a redirecting form to Order-Confirm endpoint\n * @param {Object} params The helping object for creating a from\n * @returns {Object} form element\n */\nfunction createConfirmForm(params) {\n const form = document.createElement('form');\n const orderIdInput = document.createElement('input');\n const orderTokenInput = document.createElement('input');\n\n form.method = 'POST';\n form.action = params.url;\n\n orderIdInput.value = params.orderID;\n orderIdInput.name = 'orderID';\n form.appendChild(orderIdInput);\n\n orderTokenInput.value = params.orderToken;\n orderTokenInput.name = 'orderToken';\n form.appendChild(orderTokenInput);\n\n document.body.appendChild(form);\n\n return form;\n}\n\n/**\n * Prepare and submits form in order to confirm order with Lpm\n * @param {string} redirectUrl Redirect Url\n */\nfunction processLpmConfirmForm(redirectUrl) {\n const splitUrl = redirectUrl.split('?');\n const url = splitUrl.shift();\n const searchParams = new URLSearchParams(splitUrl.join());\n const formParam = {\n orderID: searchParams.get('orderID'),\n orderToken: searchParams.get('orderToken'),\n url: url\n };\n\n const form = createConfirmForm(formParam);\n\n form.submit();\n}\n\nmodule.exports = {\n getPaymentDetailsParameter,\n confirmPayment,\n processLpmConfirmForm,\n createConfirmForm\n};\n","'use strict';\n\nconst lpmHelper = require('../helpers/lpmHelper');\nconst lpmErrorMessages = require('../constants/errorMessages');\nconst AlertHandlerModel = require('../../alertHandler');\n\n/**\n * LPM alert handler model\n */\nclass LpmAlertHandlerModel extends AlertHandlerModel {\n constructor() {\n super();\n const lpmConfigs = lpmHelper.getBraintreeLpmConfigs();\n\n if (lpmConfigs) {\n this.alertMessages = lpmConfigs.messages;\n }\n }\n\n /**\n * Process error form Braintree or Braintree-PaymentConfirm endpoint\n * @param {Object} error Error object\n */\n handleLpmError(error) {\n if (error.name === 'BraintreeError') {\n this.showBraintreeError(error);\n } else {\n this.showError(error.responseText);\n }\n }\n\n /**\n * Creates and throws an error if order amount is 0\n * @param {string} paymentMethodName Payment method name\n */\n handleZeroAmountOnCheckoutError(paymentMethodName) {\n const zeroAmountErrorMsg = lpmErrorMessages.ORDER_TOTAL_0.concat('', paymentMethodName);\n\n this.showError(zeroAmountErrorMsg);\n throw zeroAmountErrorMsg;\n }\n}\n\nmodule.exports = LpmAlertHandlerModel;\n","'use strict';\n\nconst PayPalBaseModel = require('./payPalBaseModel');\nconst PayPalExpressModel = require('./payPalExpressModel');\nconst PayPalProductModelHelper = require('../helpers/payPalProductPageModelHelper');\nconst payPalExpressModelHelper = require('../helpers/payPalExpressModelHelper');\nconst requestsHelper = require('../helpers/payPalRequestsHelperGlobal');\n\n/**\n * PayPal product model constructor\n * @param {Object} alertHandlerModel alert handler model\n * @param {Promise} btClientInstancePromise BT client instance promise\n * @param {string} payPalButtonSelector PayPal button selector\n * @param {Object} payPalConfigurations configs from server (taken from data attr)\n * @param {Object} $csrfToken CSRF token js container\n * @param {Object} $loaderContainer loader js container\n */\nfunction PayPalProductModel(alertHandlerModel,\n btClientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n $csrfToken,\n $loaderContainer) {\n // Init PayPalExpressModel constructor\n PayPalExpressModel.call(this,\n alertHandlerModel,\n btClientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n $csrfToken,\n $loaderContainer);\n\n this.changePMButtonEnabled = payPalConfigurations.changePMButtonEnabled;\n}\n\n// ES5 inheritance\nPayPalProductModel.prototype = Object.create(PayPalExpressModel.prototype);\n\n// Dummy function to override default behavior and do not execute \"GetOrderInfo\" call.\n// Instead, we will get basket data inside \"onOrderCreateCallback\"\nPayPalProductModel.prototype.onPayPalButtonClickCallback = function(e) {\n PayPalBaseModel.prototype.onPayPalButtonClickCallback.call(this, e);\n};\n\n// Add product to the Cart\nPayPalProductModel.prototype.onOrderCreateCallback = async function() {\n const regex = /pdp|pvp/g;\n const flow = this.payPalButtonSelector.match(regex).join();\n\n await requestsHelper.addProductToCart(this.payPalButtonSelector, flow);\n\n this.basketData = await requestsHelper.getBasketData(this.basketDataUrl);\n\n const isUseSavedPaypalAddress = this.changePMButtonEnabled && !this.basketData.shippingAddress;\n\n if (isUseSavedPaypalAddress) {\n this.savedPaypalAddress = payPalExpressModelHelper.getSavedPaypalAddress(this.payPalButtonSelector);\n }\n\n return PayPalBaseModel.prototype.onOrderCreateCallback.call(this);\n};\n\n// On error remove added product from Cart\nPayPalProductModel.prototype.onErrorPaymentCallback = function(error) {\n PayPalExpressModel.prototype.onErrorPaymentCallback.call(this, error);\n\n PayPalProductModelHelper.removeProductFromCart();\n};\n\n// On cancel remove added product from Cart\nPayPalProductModel.prototype.onCancelPaymentCallback = function() {\n PayPalProductModelHelper.removeProductFromCart();\n};\n\nmodule.exports = PayPalProductModel;\n","'use strict';\n\nconst helper = require('../../helper');\n\n/**\n * Remove product from Cart\n */\nfunction removeProductFromCart() {\n fetch(helper.getUrlWithCsrfToken(window.braintreeUrls.removeAllProductsFromCart));\n}\n\nmodule.exports = {\n removeProductFromCart\n};\n","'use strict';\n\nconst helper = require('../../helper');\n\n/**\n * Save PayPal account to DW\n * @param {string} addPayPalAccountUrl add PayPal account url\n * @param {FormData} paymentFormData payment FormData\n * @returns {Promise} response from server\n */\nfunction savePayPalAccount(addPayPalAccountUrl, paymentFormData) {\n return fetch(helper.getUrlWithCsrfToken(addPayPalAccountUrl), {\n method: 'POST',\n body: btoa(JSON.stringify(Object.fromEntries(paymentFormData))),\n headers: { 'Content-Type': 'application/json' }\n });\n}\n\n/**\n * Render PayPal account\n * @param {string} renderAccountsUrl render PayPal accounts URL\n * @returns {Promise} promise with html of PayPal account list\n */\nfunction renderPayPalAccounts(renderAccountsUrl) {\n return fetch(renderAccountsUrl);\n}\n\n/**\n * Hide PayPal account button\n */\nfunction hidePaypalAccountBtn() {\n const $addNewPaypalAccountBtn = document.querySelector('.js-add-paypal-account');\n const $paypalAccountButtonWrapper = document.querySelector('.js-braintree-account-paypal-button-wrapper');\n\n // Display add new paypal account button\n $addNewPaypalAccountBtn.classList.remove('d-none');\n // Hide PayPal Account button\n $paypalAccountButtonWrapper.classList.add('d-none');\n}\n\n/**\n * Add PayPal accounts html template to the DOM\n * @param {string} accountListTemplate html template with PayPal account list\n */\nfunction addPayPalAccountsToTheTemplate(accountListTemplate) {\n const $payPalAccountsContainer = document.querySelector('.js-paypal-accounts');\n\n $payPalAccountsContainer.innerHTML = accountListTemplate;\n}\n\n/**\n * Trigger cart:updates event\n */\nfunction throwCartUpdate() {\n $('body').trigger('cart:update');\n}\n\nmodule.exports = {\n savePayPalAccount,\n renderPayPalAccounts,\n hidePaypalAccountBtn,\n addPayPalAccountsToTheTemplate,\n throwCartUpdate\n};\n","require('./braintree/braintreeSFRA')();\n","'use strict';\n//const paymentMethodGeneral = require(\"./paymentMethodGeneral\");\n\n/**\n * Inits credit card functionality on Storefront\n * @returns {void}\n */\nfunction initCreditCardFunctionality() {\n const creditCardOnAccountEnabled = Boolean(document.querySelector('.js-braintree-add-credit-card-form'));\n const creditCardEnabledOnCheckout = Boolean(document.querySelector('.js_braintree_creditCardContent'));\n\n let creditCardBusinessLogic;\n\n if (creditCardOnAccountEnabled || creditCardEnabledOnCheckout) {\n creditCardBusinessLogic = require('./creditcard/creditCard');\n creditCardBusinessLogic.init();\n }\n\n if (creditCardOnAccountEnabled) {\n creditCardBusinessLogic.initAccount();\n }\n\n if (creditCardEnabledOnCheckout) {\n creditCardBusinessLogic.initCheckout();\n }\n}\n\n// /**\n// * Inits PayPal functionality on Storefront\n// * @param {Promise} clientTokenPromise promise with Braintree Client Instance\n// * @returns {void}\n// */\nasync function initPayPalFunctionality(clientTokenPromise) {\n const payPalBusinessLogic = require('./paypal/payPal');\n\n const payPalEnabledOnCheckout = Boolean(document.querySelector('.js-braintree-paypal-cart-button'));\n const payPalEnabledOnProduct = Boolean(document.querySelector('.prices-add-to-cart-actions .js-braintree-paypal-cart-button'));\n const payPalEnabledOnPvp = Boolean(document.querySelector('#quickViewModal .js-braintree-paypal-cart-button'));\n const payPalEnabledOnCart = Boolean(document.querySelector('.js-braintree-paypal-cart-button'));\n const payPalEnabledOnAccountPage = Boolean(document.querySelector('.js-paypal-accounts'));\n const payPalEnabledOnLoginPage = Boolean(document.querySelector('.login-form-nav'));\n const cwppEnabledOnPage = Boolean(document.getElementById('js-cwpp-button'));\n\n payPalBusinessLogic.init(clientTokenPromise);\n\n const availablePages = [\n payPalEnabledOnProduct, payPalEnabledOnCart,\n payPalEnabledOnCheckout, payPalEnabledOnLoginPage,\n payPalEnabledOnAccountPage, cwppEnabledOnPage,\n payPalEnabledOnPvp\n ];\n\n if (availablePages.includes(true)) {\n const PayPalScriptLoading = require('base_braintree/braintree/paypal/models/payPalScriptLoading');\n const cwpp = require('base_braintree/braintree/paypal/components/connectWithPayPal.js');\n\n const payPalScriptLoading = new PayPalScriptLoading();\n\n if (cwpp.isContainerExist()) {\n await payPalScriptLoading.loadPayPalSDK();\n\n payPalScriptLoading.loadConnectWithPayPal(cwpp.init);\n }\n }\n if (payPalEnabledOnCart) {\n payPalBusinessLogic.initCart();\n }\n}\n\n/**\n * Inits GooglePay functionality on Storefront\n * @returns {void}\n */\nfunction initGooglePayFunctionality() {\n const googlePayBusinnessLogic = require('base_braintree/braintree/googlepay/googlePay');\n\n const googlePayEnabledOnCheckout = Boolean(document.querySelector('.js-braintree-billing-googlepay-button'));\n const googlePayEnabledOnCart = Boolean(document.querySelector('.js-braintree-cart-googlepay-button'));\n\n googlePayBusinnessLogic.init();\n\n if (googlePayEnabledOnCheckout) {\n googlePayBusinnessLogic.initCheckout();\n }\n\n if (googlePayEnabledOnCart) {\n googlePayBusinnessLogic.initCart();\n }\n}\n\n/**\n * Inits ApplePay functionality on Storefront\n * @returns {void}\n */\nfunction initApplePayFunctionality() {\n const applePayBusinessLogic = require('./applepay/applePay');\n\n const applePayEnabledOnCheckout = Boolean(document.querySelector('.js-braintree-applepay-content'));\n const applePayEnabledOnCart = Boolean(document.querySelector('.js-braintree-applepay-button'));\n const $appleButtonWrap = document.querySelector('.js_braintree_applepayButtonsWrap');\n if (window.ApplePaySession) {\n if ($appleButtonWrap) {\n $appleButtonWrap.classList.add('d-block');\n }\n }\n applePayBusinessLogic.init();\n\n if (applePayEnabledOnCart || applePayEnabledOnCheckout) {\n applePayBusinessLogic.initApplePay();\n }\n}\n\n/**\n * Inits Venmo functionality on Storefront\n * @returns {void}\n */\nfunction initVenmoFunctionality() {\n const venmoBusinessLogic = require('base_braintree/braintree/venmo/venmo');\n\n const isVenmoEnabledOnAccountPage = Boolean(document.querySelector('.js-venmo-accounts'));\n const isVenmoEnabledOnBillingPage = Boolean(document.querySelector('.js-braintree-venmo-content'));\n\n if (isVenmoEnabledOnAccountPage || isVenmoEnabledOnBillingPage) {\n venmoBusinessLogic.init();\n }\n\n if (isVenmoEnabledOnAccountPage) {\n venmoBusinessLogic.initAccount();\n }\n\n if (isVenmoEnabledOnBillingPage) {\n venmoBusinessLogic.initBillingCheckout();\n }\n}\n\n/**\n * Inits SRC functionality on Storefront\n * @returns {void}\n */\nfunction initSRCFunctionality() {\n const srcBusinessLogic = require('base_braintree/braintree/src/src');\n\n const isSrcEnabledOnAccountPage = Boolean(document.querySelector('.js-braintree-account-add-src'));\n const isSrcEnabledOnCartPage = Boolean(document.querySelector('.js-braintree-cart-src-button'));\n const isSrcEnabledOnBillingPage = Boolean(document.querySelector('.js-braintree-billing-src-button'));\n\n srcBusinessLogic.init();\n\n if (isSrcEnabledOnAccountPage) {\n srcBusinessLogic.initAccount();\n }\n\n if (isSrcEnabledOnCartPage) {\n srcBusinessLogic.initCartCheckout();\n }\n\n if (isSrcEnabledOnBillingPage) {\n srcBusinessLogic.initBillingCheckout();\n }\n}\n\n/**\n * Inits LPM functionality on Storefront\n * @returns {void}\n */\nfunction initLPMFunctionality() {\n const lpmBusinessLogic = require('base_braintree/braintree/local/lpm');\n const isLpmEnebledOnBillingPage = Boolean(document.querySelector('.js-braintree-lpm-content'));\n\n if (isLpmEnebledOnBillingPage) {\n lpmBusinessLogic.init();\n }\n\n // LPM fallback process\n if (document.querySelector('.js-lpm-fallback')) {\n const lpmFallback = require('base_braintree/braintree/local/lpmFallBack');\n\n lpmFallback.process();\n }\n}\n\n/**\n * Inits APMA functionality on Storefront\n * @returns {void}\n */\nfunction initAPMAFunctionality() {\n const apmaBusinessLogic = require('base_braintree/braintree/apma');\n const isApmaEnebled = Boolean(document.getElementById('js-apma-button-paypal'));\n\n if (isApmaEnebled) {\n apmaBusinessLogic.init();\n }\n}\n\n/**\n * Inits Fastlane functionality on Storefront\n * @returns {void}\n */\nasync function initFastlaneFunctionality() {\n const isFastlaneEnabled = Boolean(document.querySelector('.js-braintree-fastlane-content'));\n\n if (isFastlaneEnabled) {\n const Fastlane = require('base_braintree/braintree/fastlane/fastlane');\n\n await new Fastlane().init();\n }\n}\n\n// /**\n// * Handle payment`s errors on checkout page\n// * @returns {void}\n// */\nfunction handlePaymentMethodErrorCheckout() {\n const helper = require('./helper');\n\n $(document).on('ajaxSuccess', function(event, jqXHR, ajaxSettings, response) {\n if (response.error && ['CheckoutServices-SubmitPayment', 'CheckoutServices-PlaceOrder'].includes(response.action)) {\n fetch(helper.getUrlWithCsrfToken(`${window.braintreeUrls.deleteSessionPayments}`))\n .catch(() => {\n location.reload();\n });\n\n helper.removeActiveSessionPayment(true);\n }\n });\n}\n module.exports = async function() {\n const { handleAdditionalAutotestCheckboxAttributes } = require('./helper');\n // Used only for Paypal. In future \"client token\" generation approach will be refactored\n const paymentMethodGeneral = require('./paymentMethodGeneral');\n\n // General global variables\n const isCheckoutPage = Boolean(document.getElementById('checkout-main'));\n const isAccountPage = Boolean(document.querySelector('.js-account-dashboard'));\n\n /* ------------------------General Account functionality------------------------ */\n if (isAccountPage) {\n const btAccountBusinessLogic = require('base_braintree/braintree/braintreeAccount');\n // Common Credit Card and SRC Account functionality\n\n btAccountBusinessLogic.initAccount();\n }\n\n /* ------------------------General Checkout functionality----------------------- */\n if (isCheckoutPage) {\n paymentMethodGeneral.fillPaymentSummaryContainer();\n paymentMethodGeneral.initPaymentMethodTabClickBehavior();\n paymentMethodGeneral.initChangeShippingBehavior();\n paymentMethodGeneral.initBillingSelectorChangeFunctionality();\n paymentMethodGeneral.initAmountObserver();\n handlePaymentMethodErrorCheckout();\n handleAdditionalAutotestCheckboxAttributes();\n\n const lastAmount = parseFloat(window.sessionStorage.getItem('amount-used'));\n const isSessionPaymentsEnabled = window.braintreePreferences.isSessionPaymentsEnabled;\n\n if (!window.braintreePreferences.isFastlaneEnabled\n && ['auto', 'always', 'always_challengeRequested'].includes(window.braintreePreferences.cc3DSecureFlow)\n && lastAmount && isSessionPaymentsEnabled) {\n paymentMethodGeneral.handleActiveCCSessionPayment(lastAmount);\n }\n\n /* --------------------------Fastlane--------------------------- */\n if (window.braintreePreferences.isFastlaneEnabled) {\n await initFastlaneFunctionality();\n }\n }\n\n /* ------------------------Credit Card------------------------ */\n\n initCreditCardFunctionality();\n\n // /* --------------------------PayPal-------------------------- */\n $('body').on('initMiniCartButton:ready', async() => {\n initApplePayFunctionality();\n await initPayPalFunctionality(paymentMethodGeneral.createGeneralClientInstancePromise());\n });\n\n await initPayPalFunctionality(paymentMethodGeneral.createGeneralClientInstancePromise());\n //\n // /* --------------------------GooglePay------------------------- */\n //\n initGooglePayFunctionality();\n //\n // /* --------------------------ApplePay------------------------- */\n //\n initApplePayFunctionality();\n //\n // /* --------------------------Venmo---------------------------- */\n //\n // initVenmoFunctionality();\n //\n // /* --------------------------SRC------------------------------ */\n //\n // initSRCFunctionality();\n //\n // /* --------------------------LPM-------------------------- */\n //\n // initLPMFunctionality();\n //\n // /* --------------------------APMA-------------------------- */\n //\n // initAPMAFunctionality();\n};\n","'use strict';\n\n// Braintree SDK model builder, we need to init Braintree Credit Card model on this level, since we are using it on step of \"creditCardFields.init()\"\n// and on step of \"creditCardPayment.init()\".\n\nvar creditCardFields = require('./components/creditCardFields');\n\nvar HostedFieldsModel = require('../creditcard/braintreesdk/hostedFieldsModel');\nvar CreditCardAlertHandlerModel = require('../creditcard/alertHandler/creditCardAlertHandlerModel');\n\nvar hostedFieldsInstance = new HostedFieldsModel();\n\nvar btCreditCardModelResponse;\nvar creditCardMessages;\n\n/**\n * Inits Credit Card functionality on the Account Page\n * @returns {void}\n */\nfunction initAccount() {\n var creditCardAccount = require('./components/creditCardAccount');\n\n var alertHandler = new CreditCardAlertHandlerModel(creditCardMessages);\n var { basicFlowConfigs, styles } = hostedFieldsInstance.getFieldsOptions();\n\n // Sets an appropriate hosted fields options object for Account page\n hostedFieldsInstance.setHostedFieldsOptions({\n styles: styles,\n configs: basicFlowConfigs\n });\n\n if (!btCreditCardModelResponse || btCreditCardModelResponse.error) {\n alertHandler.handleCreditCardError(btCreditCardModelResponse.message);\n }\n\n creditCardAccount.init(btCreditCardModelResponse.btCreditCardModel,\n alertHandler,\n creditCardMessages,\n hostedFieldsInstance);\n\n creditCardFields.init(btCreditCardModelResponse.btCreditCardModel,\n alertHandler,\n hostedFieldsInstance);\n}\n\n/**\n * Inits Credit Card functionality on the Checkout Page\n * @returns {void}\n */\nasync function initCheckout() {\n var creditCardList = require('./components/creditCardList');\n var creditCardPaymentProcessing = require('./components/creditCardPaymentProcessing');\n\n var alertHandler = new CreditCardAlertHandlerModel(creditCardMessages);\n // Hosted fields options initializations\n var fieldsOptions = hostedFieldsInstance.getFieldsOptions();\n var isReVerifyFlow = hostedFieldsInstance.hostedFieldsConfigs.isCcReVerifyEnabled && hostedFieldsInstance.hostedFieldsConfigs.isSavedCreditCard;\n var configs = isReVerifyFlow ? fieldsOptions.reverifyFlowConfigs : fieldsOptions.basicFlowConfigs;\n\n // Sets an appropriate hosted fields options object for Checkout page\n hostedFieldsInstance.setHostedFieldsOptions({\n styles: fieldsOptions.styles,\n configs\n });\n\n if (!btCreditCardModelResponse || btCreditCardModelResponse.error) {\n alertHandler.handleCreditCardError(btCreditCardModelResponse.message);\n }\n\n // Call server to update data from basket\n await btCreditCardModelResponse.btCreditCardModel.updateOrderData();\n\n creditCardFields.init(btCreditCardModelResponse.btCreditCardModel,\n alertHandler,\n hostedFieldsInstance);\n\n creditCardList.init(btCreditCardModelResponse.btCreditCardModel,\n alertHandler,\n hostedFieldsInstance);\n\n creditCardPaymentProcessing.init(alertHandler,\n hostedFieldsInstance);\n\n creditCardFields.addNewCardModalTriggerInputID();\n}\n\n/**\n * Inits 'braintreeCreditCardModelBuilder' on creditCard level\n */\nfunction init() {\n var braintreeCreditCardModelBuilder = require('./braintreesdk/braintreeCreditCardModelBuilder');\n\n btCreditCardModelResponse = braintreeCreditCardModelBuilder.init();\n\n if (!btCreditCardModelResponse.error) {\n creditCardMessages = btCreditCardModelResponse.btCreditCardConfigs.messages;\n }\n}\n\nmodule.exports = {\n initAccount,\n initCheckout,\n init\n};\n","'use strict';\n\nvar helper = require('../../helper');\n\n/**\n * General validation of params needed for initialization of hosted fields\n * @param {Object} $braintreeCreditCardFieldsContainer Braintree Credit Card fields container\n * @param {Object} braintreeCreditCardConfig Braintree Credit Card configurations (they came from server via data attr)\n * @returns {Object} object with \"error\" boolean flag and array of error messages from \"massages\" attr\n */\nfunction generalHfValidation($braintreeCreditCardFieldsContainer, braintreeCreditCardConfig) {\n const response = {\n error: false,\n messages: ''\n };\n\n try {\n const isHostedFieldsWasInited = helper.tryParseJSON($braintreeCreditCardFieldsContainer.getAttribute('data-is-inited'));\n const isBraintreeCreditCardConfigValid = typeof braintreeCreditCardConfig !== 'object' || braintreeCreditCardConfig !== null;\n\n if (isHostedFieldsWasInited) {\n // do not add error msg since this case is expected (hosted fields should be inited just once)\n response.error = true;\n }\n\n if (!isBraintreeCreditCardConfigValid) {\n response.error = true;\n response.messages = '.js-braintree-credit-card-fields has not valid data-braintree-config';\n }\n } catch (error) {\n response.error = true;\n response.messages = error;\n }\n\n return response;\n}\n\n/**\n * Init Credit Card fields functionality\n * @param {Object} btCreditCardModel Braintree Credit Card model\n * @param {Constructor} alertHandlerModel Alert handling model\n * @param {Object} hostedFieldsInstance A Hosted fields instance\n */\nfunction init(btCreditCardModel, alertHandlerModel, hostedFieldsInstance) {\n alertHandlerModel.hideAlerts();\n var loader = $('#braintreeCreditCardLoader');\n document.querySelectorAll('.js-braintree-credit-card-fields').forEach(function(el) {\n try {\n const $braintreeCreditCardFieldsContainer = el;\n const braintreeCreditCardConfig = helper.tryParseJSON($braintreeCreditCardFieldsContainer.getAttribute('data-braintree-config'));\n const generalHostedFieldsValidation = generalHfValidation($braintreeCreditCardFieldsContainer, braintreeCreditCardConfig);\n\n if (generalHostedFieldsValidation.error && generalHostedFieldsValidation.messages.length) {\n throw generalHostedFieldsValidation.messages;\n }\n loader.show();\n // Fraud Data will be only collected in case if corresponding Site Preference is enabled\n // For more details go inside \"btCreditCardModel.collectFraudData\" function logic\n btCreditCardModel.collectFraudData()\n .then(function(fraudDataPayload) {\n // const $braintreeDeviceData = document.getElementById('braintreeDeviceData');\n\n if (fraudDataPayload.deviceData) {\n // $braintreeDeviceData.value = fraudDataPayload.deviceData;\n $('input[name=\"braintreeDeviceData\"]').val(fraudDataPayload.deviceData);\n }\n loader.hide();\n // Init \"Credit Card Hosted Fields\"\n return hostedFieldsInstance.initHostedFields();\n })\n .then(function(hostedFieldsInstance) {\n // Customization - Attach 'cardTypeChange' listener after hosted fields are initialized\n hostedFieldsInstance.on('cardTypeChange', (event) => {\n if (event.cards.length === 1) {\n const cardType = event.cards[0].type;\n $('.card-image').attr('class', `card-image ${cardType}`);\n } else {\n $('.card-image').attr('class', 'card-image');\n }\n });\n\n hostedFieldsInstance.on('blur', function (event) {\n var field = event.fields[event.emittedBy];\n if (!field.isValid) {\n $(field.container).addClass('braintree-hosted-fields-invalid')\n } else {\n $(field.container).removeClass('braintree-hosted-fields-invalid')\n }\n });\n })\n .catch(function(error) {\n loader.hide();\n alertHandlerModel.handleCreditCardError(error);\n });\n // Update order data inside BT model each time when buyer update checkout view\n $('body').on('checkout:updateCheckoutView', btCreditCardModel.updateOrderData);\n\n // To prevent from repeatable Credit Card hosted fields initialization\n $braintreeCreditCardFieldsContainer.setAttribute('data-is-inited', true);\n } catch (error) {\n loader.hide();\n alertHandlerModel.handleCreditCardError(error);\n }\n });\n}\n\nfunction addNewCardModalTriggerInputID() {\n const addCardModal = '#addCardModal';\n const savedCard = '#dwfrm_billing';\n var inputIDs = ['braintreeCardBillingAddress', 'braintreeCardType', 'braintreeCardMaskNumber', 'braintreeCardExpirationMonth', 'braintreeCardExpirationYear', 'braintreeCardHolder', 'braintreeCreditCardNonce', 'braintreeIs3dSecureRequired', 'braintreeCreditCardBin', 'braintreeCvvOnlyNonce', 'braintreeCreditCardErrorContainer', 'customCreditCardErrorContainer', 'braintreeCreditCardLoader', 'cardOwnerName'];\n var inputNames = ['dwfrm_billing_creditCardFields_cardNumber', 'braintreePaymentMethodNonce'];\n $(addCardModal).on('show.bs.modal', function (event) {\n $.each(inputIDs, function(index, value) {\n $(`${addCardModal} #${value}-inactive`).attr('id',`${value}`);\n $(`${savedCard} #${value}`).attr('id',`${value}-inactive`);\n });\n $.each(inputNames, function(index, value) {\n $(`${addCardModal} input[name=${value}-inactive]`).attr('name',`${value}`);\n $(`${savedCard} input[name=${value}]`).attr('name',`${value}-inactive`);\n });\n });\n $(addCardModal).on('hide.bs.modal', function (event) {\n $.each(inputIDs, function(index, value) {\n $(`${addCardModal} #${value}`).attr('id',`${value}-inactive`);\n $(`${savedCard} #${value}-inactive`).attr('id',`${value}`);\n });\n $.each(inputNames, function(index, value) {\n $(`${addCardModal} input[name=${value}]`).attr('name',`${value}-inactive`);\n $(`${savedCard} input[name=${value}-inactive]`).attr('name',`${value}`);\n });\n });\n}\n\nmodule.exports = {\n init,\n addNewCardModalTriggerInputID\n};\n","'use strict';\n\nconst creditCardFormFieldHelper = require('../helpers/creditCardFormFieldsHelper');\n\n/**\n * Clears Credit Card fields of session account\n */\nfunction clearCreditCardFields() {\n const creditCardFieldsArray = creditCardFormFieldHelper.getCCFields().asArray;\n\n creditCardFieldsArray.forEach(function(el) {\n el.value = '';\n });\n}\n\n/**\n * Clears Credit Card nonce of session account\n */\nfunction clearCreditCardNonceField() {\n document.getElementById('braintreeCreditCardNonce').value = '';\n}\n\nmodule.exports = {\n clearCreditCardFields,\n clearCreditCardNonceField\n};\n","'use strict';\n\nconst DISPLAY_NONE_CLASS = 'd-none';\n\n/**\n * Shows a zero amount SRC button and hides a normal SRC button\n */\nfunction showZeroAmountSrcButton() {\n document.querySelector('.js-v-button-zero-amount').classList.remove(DISPLAY_NONE_CLASS);\n document.querySelector('.js-v-button').classList.add(DISPLAY_NONE_CLASS);\n}\n\n/**\n * Hides a zero amount SRC button and show a normal SRC button\n */\nfunction hideZeroAmountSrcButton() {\n document.querySelector('.js-v-button-zero-amount').classList.add(DISPLAY_NONE_CLASS);\n document.querySelector('.js-v-button').classList.remove(DISPLAY_NONE_CLASS);\n}\n\n/**\n * Handles whether show or hide zero amount SRC button\n * @param {number} totalAmount Total amount of order\n */\nfunction handleZeroAmountButtonVisibility(totalAmount) {\n if (totalAmount === 0) {\n showZeroAmountSrcButton();\n } else {\n hideZeroAmountSrcButton();\n }\n}\n\n/**\n * Adds event listener to the zero amount button on the Cart/Checkout Page\n * @param {DOMElement} $zeroAmountButton DOM element of zero amount SRC button\n * @param {Object} alertHandler Alert handling model\n */\nfunction addZeroAmountButtonEventListener($zeroAmountButton, alertHandler) {\n $zeroAmountButton.addEventListener('click', () => {\n alertHandler.hideAlerts();\n alertHandler.showZeroAmountError();\n });\n}\n\n/**\n * Creates a mutation obserber for total amount element\n * @param {DOMElement} totalAmountElement DOM Element that includes the total cost\n */\nfunction initTotalAmountElementObserver(totalAmountElement) {\n const config = { attributes: true, childList: true, subtree: true };\n\n const observer = new MutationObserver((element) => {\n const totalAmount = Number.parseFloat(element[0].target.textContent.slice(1));\n\n // Handles whether show or hide zero amount SRC button\n handleZeroAmountButtonVisibility(totalAmount);\n });\n\n observer.observe(totalAmountElement, config);\n}\n\nmodule.exports = {\n initTotalAmountElementObserver: initTotalAmountElementObserver,\n addZeroAmountButtonEventListener: addZeroAmountButtonEventListener,\n hideZeroAmountSrcButton: hideZeroAmountSrcButton,\n showZeroAmountSrcButton: showZeroAmountSrcButton,\n handleZeroAmountButtonVisibility: handleZeroAmountButtonVisibility\n};\n","'use strict';\n\n/* global Promise */\n\nconst braintreeCreditCardSDK = require('base_braintree/braintree/creditcard/braintreesdk/braintreeCreditCardSDK');\nconst creditCardFormFieldHelper = require('../helpers/creditCardFormFieldsHelper');\nconst braintreeCreditCardSdkHelper = require('../helpers/braintreeCreditCardSdkHelper');\nconst helper = require('../../helper');\n\n/**\n * Returns a hosted fields config object\n * @returns {Object} A hosted fields config object\n */\nconst getHostedFieldsConfig = () => {\n const $braintreeCreditCardsFields = document.querySelector('.js-braintree-credit-card-fields');\n\n return helper.tryParseJSON($braintreeCreditCardsFields.getAttribute('data-braintree-config'));\n};\n\n/**\n * HostedFields constructor\n */\nfunction HostedFieldsModel() {\n this.sdkHfInstance = null;\n this.fieldsOptions = null;\n this.hostedFieldsConfigs = getHostedFieldsConfig();\n this.verifiedCardsArray = [];\n}\n\n/**\n * Returns an object of hosted fields initiated to the DOM\n * @returns {Object} An object of dom elements\n */\nHostedFieldsModel.prototype.getCcFields = function() {\n return Object.keys(this.fieldsOptions.configs).reduce((accum, curr) => {\n const selector = this.fieldsOptions.configs[curr].container;\n\n accum[selector.slice(1)] = document.querySelector(selector);\n\n return accum;\n }, {});\n};\n\n/**\n * Sets an UUID of a Credit card if it is already verified\n * @param {string} ccUUID A Credit card UUID\n */\nHostedFieldsModel.prototype.setVerifiedCardUUIDtoArray = function(ccUUID) {\n this.verifiedCardsArray.push(ccUUID);\n};\n\n/**\n * Returns whether a given credit card need to be verify\n * @param {string} ccUUID A Credit card UUID\n * @returns {boolean} True/False\n */\nHostedFieldsModel.prototype.isCcReVerifyRequired = function(ccUUID) {\n return this.hostedFieldsConfigs.isCcReVerifyEnabled && !this.verifiedCardsArray.includes(ccUUID);\n};\n\n/**\n * Initiates an observer to handle a credit card re-verify, when it is sucessfully occurred\n * @param {string} ccUUID A credit card UUID\n */\nHostedFieldsModel.prototype.initPaymentDetailsSelectorObserver = function(ccUUID) {\n const that = this;\n\n const observer = new MutationObserver(function() {\n if (that.hostedFieldsConfigs.isCcReVerifyEnabled) {\n if (!that.verifiedCardsArray.includes(ccUUID)) {\n that.setVerifiedCardUUIDtoArray(ccUUID);\n }\n\n creditCardFormFieldHelper.hideCardElements(creditCardFormFieldHelper.getCcCvvField().asArray);\n creditCardFormFieldHelper.showCardElements(creditCardFormFieldHelper.getCcCvvToDisplayField().asArray);\n document.getElementById('braintreeCvvOnlyNonce').value = '';\n }\n });\n\n observer.observe(document.querySelector('.js-braintree-payment-details'), { childList: true });\n};\n\n/**\n * Validates whether the sdkHfInstance exist\n * @returns {Object} An object\n */\nHostedFieldsModel.prototype.sdkHfInstanceValidation = function() {\n if (!this.sdkHfInstance) {\n return {\n exist: false,\n errorMessage: this.hostedFieldsConfigs.customMessages.HOSTED_FIELDS_INSTANCE_NOT_DEFINE\n };\n }\n\n return {\n exist: true\n };\n};\n\n/**\n * Sets whether a re-verify or basic hosted fields options to the instance\n * @param {Object} options A hosted fields options\n */\nHostedFieldsModel.prototype.setHostedFieldsOptions = function(options) {\n this.fieldsOptions = options;\n};\n\n/**\n * Initiates a hosted fileds instance\n * @returns {HostedFields} A Hosted fields instance\n */\nHostedFieldsModel.prototype.initHostedFields = function() {\n const that = this;\n\n return braintreeCreditCardSDK.createHostedFields(this.fieldsOptions)\n .then(function(hfInstance) {\n // init hosted fields instance globally\n that.sdkHfInstance = hfInstance;\n\n return hfInstance;\n });\n};\n\n// eslint-disable-next-line valid-jsdoc\n/**\n * Tokenizes previouselly filled hosted Credit Card fields and returns a nonce payload\n * @returns {Promise} Promise with { error: false, result: 'ok'} inside in case of positive response and\n * { error: true} in case of negative (reject, case)\n */\nHostedFieldsModel.prototype.tokenize = function(isCheckoutPage) {\n const btCreditCardModel = require('../braintreesdk/braintreeCreditCardModel');\n\n let tokenizationOptions;\n\n if (isCheckoutPage) {\n // Pull billing address from Storefront. Passed data will be tokenized and sent to Braintree\n tokenizationOptions = braintreeCreditCardSdkHelper.createTokenizationOptions();\n } else {\n tokenizationOptions = {};\n }\n\n btCreditCardModel.addAuthenticationInsight(tokenizationOptions);\n\n return braintreeCreditCardSDK.tokenize(this.sdkHfInstance, tokenizationOptions)\n .then(function(payload) {\n return {\n btTokenizePayload: payload\n };\n });\n};\n\n/**\n * Tokenizes previouselly filled hosted Credit Card fields and returns a nonce payload\n * @returns {Promise} Promise with { error: false, result: 'ok'} inside in case of positive response and\n * { error: true} in case of negative (reject, case)\n */\nHostedFieldsModel.prototype.tokenizeCvv = function() {\n return braintreeCreditCardSDK.tokenize(this.sdkHfInstance)\n .then(function(cvvPayload) {\n return {\n btTokenizePayload: cvvPayload\n };\n });\n};\n\n/**\n * Clear Credit Card hosted fields\n */\nHostedFieldsModel.prototype.clearHostedFields = function() {\n const that = this;\n\n Object.keys(this.fieldsOptions.configs).forEach(option => {\n that.sdkHfInstance.clear(option);\n });\n};\n\n/**\n * Cleanly remove anything set up to the Hosted fields\n */\nHostedFieldsModel.prototype.teardown = function() {\n this.sdkHfInstance.teardown();\n};\n\n/**\n * Returns An object contains the hosted fileds options for basic as weel as re-verify flow\n * @returns {Object} The hosted fields options\n */\nHostedFieldsModel.prototype.getFieldsOptions = function() {\n const basicFlow = this.hostedFieldsConfigs.fields.reduce((accumulator, field) => {\n var placeholderNames = {\n cardholderName: 'Name (as written on card)*',\n number: 'Card Number*',\n cvv: 'Security Code*',\n expirationDate: '(MM/YY)*'\n }\n accumulator[field] = {\n container: '#braintree-' + helper.toKebabCase(field),\n placeholder: placeholderNames[field]\n };\n\n return accumulator;\n }, {});\n\n const reverifyFlow = {\n cvv: {\n container: '#braintree-cvv',\n placeholder: this.hostedFieldsConfigs.customMessages.REVERIFY_CC\n }\n };\n\n const styles = creditCardFormFieldHelper.getHostedFieldsStyles();\n\n return {\n reverifyFlowConfigs: reverifyFlow,\n basicFlowConfigs: basicFlow,\n styles: styles\n };\n};\n\nmodule.exports = HostedFieldsModel;\n","'use strict';\n\n/**\n * Creates tokenization options for 'tokenize' function.\n * @returns {Object} Object with tokenization options.\n */\nfunction createTokenizationOptions() {\n const creditCardBillingAddressHelper = require('./creditCardBillingAddressHelper');\n\n return {\n billingAddress: creditCardBillingAddressHelper.createCreditCardBillingAddress()\n };\n}\n\nmodule.exports = {\n createTokenizationOptions\n};\n","'use strict';\n\nconst AlertHandlerModel = require('base_braintree/braintree/alertHandler');\nconst creditCardFormFieldValidation = require('./creditCardFormFieldsValidator');\n\n/**\n * Credit card alert handler model\n */\nclass CreditCardAlertHandlerModel extends AlertHandlerModel {\n constructor(alertMessages) {\n super();\n this.alertMessages = alertMessages;\n }\n\n /**\n * Converts Braintree fields\n * @param {Array} arrayOfBtFormFields Credit Cards hosted fileds in array\n * @returns {Array} Converted array\n */\n convertBtFromFieldsToDw(arrayOfBtFormFields) {\n const helper = require('../../helper');\n const creditCardHelper = require('../helpers/creditCardHelper');\n const hostedFieldsConfig = creditCardHelper.getCheckoutBraintreeCreditCardConfigs();\n\n const creditCardFieldsMap = hostedFieldsConfig.fields.reduce((accumulator, field) => {\n accumulator[field] = 'braintree-' + helper.toKebabCase(field);\n\n return accumulator;\n }, {});\n\n return arrayOfBtFormFields.map((fieldName) => creditCardFieldsMap[fieldName]);\n }\n\n /**\n * Handles all fields are empty behavior\n */\n allFieldsAreEmptyErrorBehavior() {\n creditCardFormFieldValidation.makeAllFormFieldsInvalid(this.ccFields);\n }\n\n /**\n * Handles some fileds are empty behavior\n * @param {Array} btInvalidHostedFields Invalid fileds\n */\n someFieldsAreInvalidErrorBehavior(btInvalidHostedFields) {\n const convertedFormFields = this.convertBtFromFieldsToDw(btInvalidHostedFields);\n\n creditCardFormFieldValidation.makeFormFieldsInvalid(convertedFormFields, this.ccFields);\n }\n\n /**\n * Process and validates case when buyer left hosted feieds empty\n * @param {Object} errorPayload Payload with error information\n * @param {string} braintreeErrorCode Error code\n */\n processBraintreeHostedFiledsErrors(errorPayload, braintreeErrorCode) {\n const ALL_HOSTED_FIELDS_FIELDS_EMPTY = 'HOSTED_FIELDS_FIELDS_EMPTY';\n const HOSTED_FIELDS_FIELDS_INVALID = 'HOSTED_FIELDS_FIELDS_INVALID';\n\n switch (braintreeErrorCode) {\n case ALL_HOSTED_FIELDS_FIELDS_EMPTY:\n this.allFieldsAreEmptyErrorBehavior();\n\n break;\n\n case HOSTED_FIELDS_FIELDS_INVALID: {\n const invalidFields = errorPayload.details.invalidFieldKeys;\n\n this.someFieldsAreInvalidErrorBehavior(invalidFields);\n\n break;\n }\n\n default:\n break;\n }\n }\n\n /**\n * Handle \"Credit Card\" error cases.\n * Cases can be split on Custom (errors trigered via \"Promise.reject\" from our side)\n * and on Braintree (errors from Braintree Client SDK)\n * @param {Object} error Error payload from \".catch()\" block\n * @param {Object} ccFieldsInitiated An object with initiated hosted fields\n */\n handleCreditCardError(error, ccFieldsInitiated) {\n if (error.name === 'BraintreeError') {\n this.ccFields = ccFieldsInitiated;\n // Puts error on the top of the Credit Page\n this.showBraintreeError(error);\n this.processBraintreeHostedFiledsErrors(error, error.code);\n } else {\n let errorMsg;\n\n // Handles the cases when 3ds secure failed\n if (error.customError) {\n errorMsg = this.alertMessages.secure3DFailed;\n // Not braintree errors\n } else {\n errorMsg = error.message ? error.message : error;\n\n const showDetailsBtn = document.querySelector(\n '.billing-address-block .address-selector-block .form-group .row .btn-show-details'\n );\n\n // Highlights the invalid fields to the buyer\n if (showDetailsBtn) {\n showDetailsBtn.click();\n }\n }\n\n this.showError(errorMsg);\n }\n }\n}\n\nmodule.exports = CreditCardAlertHandlerModel;\n","'use strict';\n\n// File for form fields validation (applying red, green, yellow frame)\n// This file is used ONLY for validation of Owner field (since Owner field isn't a Hosted Field provided by Braintree client SDK)\n\nconst creditCardFormFieldsHelper = require('../helpers/creditCardFormFieldsHelper');\n\nconst BRAINTREE_ERROR_SELECTOR = 'braintree-hosted-fields-invalid';\nconst BRAINTREE_VALID_SELECTOR = 'braintree-hosted-fields-valid';\nconst BRAINTREE_FOCUSED_SELECTOR = 'braintree-hosted-fields-focused';\n\n/**\n * Returns array of filed containers\n * @param {Array} arrayOfFormFields Array of invalid fields\n * @param {Object} ccFields An object of DOM credit card fields\n * @returns {Array} Array of filed containers\n */\nfunction getArrayOfFieldContainers(arrayOfFormFields, ccFields) {\n const arrayOfFieldContainers = [];\n let fieldContainer;\n\n arrayOfFormFields.forEach(function(fieldName) {\n fieldContainer = ccFields[fieldName];\n\n if (fieldContainer) {\n arrayOfFieldContainers.push(fieldContainer);\n }\n });\n\n return arrayOfFieldContainers;\n}\n\n/**\n * Sets 'BRAINTREE_ERROR_SELECTOR' selector to the invalid form fields\n * @param {Array} arrayOfInvalidFieldsFrom Array of invalisd fields\n * @param {Object} ccFields An object of DOM credit card fields\n */\nfunction makeFormFieldsInvalid(arrayOfInvalidFieldsFrom, ccFields) {\n const arrayOfInvalidFormFields = getArrayOfFieldContainers(arrayOfInvalidFieldsFrom, ccFields);\n\n arrayOfInvalidFormFields.forEach(function($field) {\n // remove \"field valid\" class\n $field.classList.remove(BRAINTREE_VALID_SELECTOR);\n // add \"field not valid\" class\n $field.classList.add(BRAINTREE_ERROR_SELECTOR);\n });\n}\n\n/**\n * Makes all fields invalid\n * @param {Object} ccFields An object of DOM credit card fields\n */\nfunction makeAllFormFieldsInvalid(ccFields) {\n const arrayOfCreditCardFieldNames = Object.keys(ccFields);\n\n makeFormFieldsInvalid(arrayOfCreditCardFieldNames, ccFields);\n}\n\n/**\n * Makes all form fields valid\n */\nfunction makeAllFormFieldsValid() {\n const arrayOfCreditCardFields = creditCardFormFieldsHelper.getCCFields().asArray;\n\n arrayOfCreditCardFields.forEach(function($field) {\n // remove \"field in focuse\" class\n $field.classList.remove(BRAINTREE_FOCUSED_SELECTOR);\n // remove \"field not valid\" class\n $field.classList.remove(BRAINTREE_ERROR_SELECTOR);\n // add \"field valid\" class\n $field.classList.add(BRAINTREE_VALID_SELECTOR);\n });\n}\n\nmodule.exports = {\n makeFormFieldsInvalid,\n makeAllFormFieldsInvalid,\n makeAllFormFieldsValid\n};\n","'use strict';\n\nvar helper = require('../../helper');\n\nvar braintreeCreditCardModel;\nvar addNewCreditCardLoader;\nvar alertHandler;\nvar ccMessages;\n\nvar hfFieldsInstance;\nvar loaderInstance = require('base_braintree/braintree/loaderHelper');\n\n/**\n * Closes js-braintree-add-new-card-block & clears hosted fields input data\n */\nfunction closeAddNewCardBlock() {\n const $addNewCardBlock = document.querySelector('#add-creditcard-modal');\n // Clear hosted fields input data\n $addNewCardBlock.classList.add('d-none');\n hfFieldsInstance.clearHostedFields();\n}\n\n/**\n * Shows message if Credit Card was updated\n * @param {Object} data addCreditCard response\n */\nfunction showCardUpdateMessage(data) {\n if (data.isCardNumberUpdated) {\n alertHandler.showInfo(data.cardNumberUpdatedMessage);\n }\n}\n\n/**\n * Stores new Credit Card on account page\n * @param {Object} event Event object\n * @returns {void}\n */\nfunction storeNewCreditCard(event) {\n const creditCardAccountHelper = require('base_braintree/braintree/creditcard/helpers/creditCardAccount');\n const braintreeAccount = require('base_braintree/braintree/braintreeAccount');\n\n const $customCreditCardErrorContainer = document.getElementById('customCreditCardErrorContainer');\n const customErrorList = helper.tryParseJSON($customCreditCardErrorContainer.getAttribute('data-errors'));\n\n const isCheckoutPage = false;\n\n // Clears error messages on the top of the Account Page\n alertHandler.hideAlerts();\n\n try {\n if (!braintreeCreditCardModel) {\n throw ccMessages.CLIENT_MISSING_GATEWAY_CONFIGURATION;\n }\n\n addNewCreditCardLoader.show();\n\n const addCreditCardFormEl = document.querySelector('.js-braintree-add-credit-card-form');\n\n helper.clearForm(addCreditCardFormEl);\n\n hfFieldsInstance.tokenize(isCheckoutPage)\n .then(function(btModelPayload) {\n const formValidation = require('customBase/components/formValidation');\n\n const tokenizePayload = btModelPayload.btTokenizePayload;\n const addCreditCardFormUrl = addCreditCardFormEl.getAttribute('action');\n const isValidCardholderName = helper.validateCardholderName(btModelPayload, addCreditCardFormEl);\n\n if (!helper.validateForm(addCreditCardFormEl) || !isValidCardholderName) {\n addNewCreditCardLoader.hide();\n return Promise.reject(customErrorList.VALIDATION_INVALID); // eslint-disable-line no-undef\n }\n\n return helper.checkForDuplicatedCC(tokenizePayload)\n .then(function(result) {\n if (result.error) {\n formValidation(addCreditCardFormEl, {error: result.message});\n throw result;\n }\n })\n .then(function() {\n return creditCardAccountHelper.verifyCard3dSecure(addCreditCardFormEl, braintreeCreditCardModel, tokenizePayload);\n })\n .then(function() {\n // Sets value of Credit Card hidden fields needed for server side\n creditCardAccountHelper.setCardHiddenFields(tokenizePayload);\n\n // Call to Braintree-AccountAddCreditCardHandle preparation\n const formData = new FormData(addCreditCardFormEl);\n const $braintreeCreditCardNonce = document.getElementById('braintreeCreditCardNonce');\n\n fetch(`${addCreditCardFormUrl}?braintreePaymentMethodNonce=${$braintreeCreditCardNonce.value}`, {\n method: 'POST',\n body: formData\n })\n .then((response) => response.json())\n .then((data) => {\n if (!data.success) {\n addNewCreditCardLoader.hide();\n alertHandler.handleCreditCardError(data.success);\n delete data.success;\n formValidation(addCreditCardFormEl, data);\n } else {\n closeAddNewCardBlock();\n addNewCreditCardLoader.hide();\n location.reload();\n }\n });\n });\n })\n .catch(function(error) {\n addNewCreditCardLoader.hide();\n alertHandler.handleCreditCardError(error, hfFieldsInstance.getCcFields());\n\n helper.validateForm(addCreditCardFormEl);\n });\n\n event.preventDefault();\n event.stopPropagation();\n } catch (error) {\n addNewCreditCardLoader.hide();\n alertHandler.handleCreditCardError(error);\n }\n}\n\n/**\n * Inits Credit Card account loaders\n */\nfunction initCreditCartAccountLoaders() {\n // const $braintreeCreditCardLoader = document.getElementById('braintreeCreditCardLoader');\n // const braintreeCreditCardLoaderExists = Boolean($braintreeCreditCardLoader);\n\n // if (braintreeCreditCardLoaderExists) {\n // addNewCreditCardLoader = loaderInstance($braintreeCreditCardLoader);\n // }\n addNewCreditCardLoader = $('.loader-preventive')\n}\nfunction removeBtPayment(e) {\n let target = e.target;\n var $loaderContainter = document.querySelector('#' + target.getAttribute('data-loader'));\n var accountsLoader = loaderInstance($loaderContainter);\n accountsLoader.show();\n $.get(target.getAttribute('data-url') + '?UUID=' + target.getAttribute('data-id') +'&'+target.getAttribute('data-csrf-name')+\"=\"+target.getAttribute('data-csrf-token'))\n .then((data => {\n $('#uuid-' + data.UUID).remove();\n if (data.newDefaultAccount) {\n document.querySelector('#uuid-' + data.newDefaultAccount + ' span').style.fontWeight = 'bold';\n document.querySelector('#uuid-' + data.newDefaultAccount + ' button.braintree-make-default-card').style.display = 'none';\n }\n accountsLoader.hide();\n }))\n .fail(() => {\n location.reload();\n accountsLoader.hide();\n });\n}\nfunction setDefaultProperty(params) {\n return $.get(params.url + '?UUID=' + params.id + '&pmID=' + params.paymentMethodID +'&'+params.tokenName +\"=\" + params.tokenValue)\n .then((data) => {\n location.reload();\n // document.querySelector('#uuid-' + data.newDefaultProperty + ' span').style.fontWeight = 'bold';\n // document.querySelector('.braintree-make-default-card.uuid-' + data.newDefaultProperty).style.display = 'none';\n // document.querySelector('#uuid-' + data.toRemoveDefaultProperty + ' span').style.fontWeight = 'normal';\n // document.querySelector('.braintree-make-default-card.uuid-' + data.toRemoveDefaultProperty).style.display = 'inline';\n // if(data && data.redirectUrl){\n // location.reload();\n // }\n //params.loader.hide();\n })\n .fail(() => {\n params.loader.hide();\n });\n}\n/**\n * Init Credit Card Account functionality\n * @param {Object} btCreditCardModel Braintree Credit Card model\n * @param {Constructor} alertHandlerModel Alert handling model\n * @param {Object} creditCardMessages List of Credit Card error messages\n * @param {Object} hostedFieldsInstance A Hosted fields instance\n */\nfunction init(btCreditCardModel, alertHandlerModel, creditCardMessages, hostedFieldsInstance) {\n ccMessages = creditCardMessages;\n alertHandler = alertHandlerModel;\n braintreeCreditCardModel = btCreditCardModel;\n hfFieldsInstance = hostedFieldsInstance;\n\n const addNewCreditCardFormExists = Boolean(document.querySelector('.js-braintree-add-credit-card-form'));\n\n initCreditCartAccountLoaders();\n\n if (addNewCreditCardFormExists) {\n document.querySelector('.js-braintree-add-new-card-save-btn').addEventListener('click', storeNewCreditCard);\n document.querySelector('.js-braintree-add-new-card-cancel-btn').addEventListener('click', closeAddNewCardBlock);\n }\n const cardManipulation = Boolean(document.querySelector('.creditCard-accounts'));\n\n if(cardManipulation) {\n document.querySelector('.creditCard-accounts').onclick = function (e) {\n var tokenName = e.target.getAttribute('data-csrf-name');\n var tokenValue = e.target.getAttribute('data-csrf-token');\n if (e.target.classList.contains('remove-bt-payment') && tokenName && tokenValue) {\n removeBtPayment(e);\n } else if (e.target.classList.contains('braintree-make-default-card') && tokenName && tokenValue) {\n var target = e.target;\n var url = target.getAttribute('data-make-default-url');\n var id = target.getAttribute('data-id');\n var paymentMethodID = 'CARD';\n var $loaderContainter = document.querySelector('#' + target.getAttribute('data-loader'));\n var loader = loaderInstance($loaderContainter);\n loader.show();\n setDefaultProperty({\n url: url,\n id: id,\n paymentMethodID: paymentMethodID,\n loader: loader,\n tokenName: tokenName,\n tokenValue: tokenValue\n });\n }\n };\n }\n}\n\nmodule.exports = {\n init,\n closeAddNewCardBlock\n};\n","'use strict';\nconst ZootoolsEmailSpellChecker = require('@zootools/email-spell-checker');\n//Lodash is removed from codebase. If we need to use this functionality need to implement lodash api with plain JS\n/*var _ = require('lodash');\n*/\nvar util = {\n /**\n * @function\n * @description appends the parameter with the given name and value to the given url and returns the changed url\n * @param {String} url the url to which the parameter will be added\n * @param {String} name the name of the parameter\n * @param {String} value the value of the parameter\n */\n appendParamToURL: function (url, name, value) {\n // quit if the param already exists\n if (url.indexOf(name + '=') !== -1) {\n return url;\n }\n var separator = url.indexOf('?') !== -1 ? '&' : '?';\n return url + separator + name + '=' + encodeURIComponent(value);\n },\n\n /**\n * @function\n * @description remove the parameter and its value from the given url and returns the changed url\n * @param {String} url the url from which the parameter will be removed\n * @param {String} name the name of parameter that will be removed from url\n */\n removeParamFromURL: function (url, name) {\n if (url.indexOf('?') === -1 || url.indexOf(name + '=') === -1) {\n return url;\n }\n var hash;\n var params;\n var domain = url.split('?')[0];\n var paramUrl = url.split('?')[1];\n var newParams = [];\n // if there is a hash at the end, store the hash\n if (paramUrl.indexOf('#') > -1) {\n hash = paramUrl.split('#')[1] || '';\n paramUrl = paramUrl.split('#')[0];\n }\n params = paramUrl.split('&');\n for (var i = 0; i < params.length; i++) {\n // put back param to newParams array if it is not the one to be removed\n if (params[i].split('=')[0] !== name) {\n newParams.push(params[i]);\n }\n }\n return domain + '?' + newParams.join('&') + (hash ? '#' + hash : '');\n },\n\n /**\n * @function\n * @description appends the parameters to the given url and returns the changed url\n * @param {String} url the url to which the parameters will be added\n * @param {Object} params\n */\n appendParamsToUrl: function (url, params) {\n var _url = url;\n\t\tObject.keys(params).forEach(function(item){\n\t\t\t_url = this.appendParamToURL(_url, item, params[\"\"+item+\"\"])\n\t\t},this)\n\t\t/*params.map(function(item){\n\t\t\t_url = this.appendParamToURL(_url, item.key, value);\n\t\t}).bind(this)\n _.each(params, function (value, name) {\n _url = this.appendParamToURL(_url, name, value);\n }.bind(this));*/\n return _url;\n },\n /**\n * @function\n * @description extract the query string from URL\n * @param {String} url the url to extra query string from\n **/\n getQueryString: function (url) {\n var qs;\n if (!this.isString(url)) { return; }\n var a = document.createElement('a');\n a.href = url;\n if (a.search) {\n qs = a.search.substr(1); // remove the leading ?\n }\n return qs;\n },\n /**\n * @function\n * @description\n * @param {String}\n * @param {String}\n */\n elementInViewport: function (el, offsetToTop) {\n var top = el.offsetTop,\n left = el.offsetLeft,\n width = el.offsetWidth,\n height = el.offsetHeight;\n\n while (el.offsetParent) {\n el = el.offsetParent;\n top += el.offsetTop;\n left += el.offsetLeft;\n }\n\n if (typeof(offsetToTop) !== 'undefined') {\n top -= offsetToTop;\n }\n\n if (window.pageXOffset !== null) {\n return (\n top < (window.pageYOffset + window.innerHeight) &&\n left < (window.pageXOffset + window.innerWidth) &&\n (top + height) > window.pageYOffset &&\n (left + width) > window.pageXOffset\n );\n }\n\n if (document.compatMode === 'CSS1Compat') {\n return (\n top < (window.document.documentElement.scrollTop + window.document.documentElement.clientHeight) &&\n left < (window.document.documentElement.scrollLeft + window.document.documentElement.clientWidth) &&\n (top + height) > window.document.documentElement.scrollTop &&\n (left + width) > window.document.documentElement.scrollLeft\n );\n }\n },\n\n /**\n * @function\n * @description Appends the parameter 'format=ajax' to a given path\n * @param {String} path the relative path\n */\n ajaxUrl: function (path) {\n return this.appendParamToURL(path, 'format', 'ajax');\n },\n\n /**\n * @function\n * @description\n * @param {String} url\n */\n toAbsoluteUrl: function (url) {\n if (url.indexOf('http') !== 0 && url.charAt(0) !== '/') {\n url = '/' + url;\n }\n return url;\n },\n /**\n * @function\n * @description Loads css dynamically from given urls\n * @param {Array} urls Array of urls from which css will be dynamically loaded.\n */\n loadDynamicCss: function (urls) {\n var i, len = urls.length;\n for (i = 0; i < len; i++) {\n this.loadedCssFiles.push(this.loadCssFile(urls[i]));\n }\n },\n\n /**\n * @function\n * @description Loads css file dynamically from given url\n * @param {String} url The url from which css file will be dynamically loaded.\n */\n loadCssFile: function (url) {\n return $('
').appendTo($('head')).attr({\n type: 'text/css',\n rel: 'stylesheet'\n }).attr('href', url); // for i.e. <9, href must be added after link has been appended to head\n },\n // array to keep track of the dynamically loaded CSS files\n loadedCssFiles: [],\n\n /**\n * @function\n * @description Loads js file dynamically from given url\n * @param {String} url The url from which js file will be dynamically loaded.\n */\n loadJsFile: function (url) {\n return $('').appendTo($('head')).attr({\n type: 'text/javascript',\n src: url\n });\n },\n\n /**\n * @function\n * @description Removes all css files which were dynamically loaded\n */\n clearDynamicCss: function () {\n var i = this.loadedCssFiles.length;\n while (0 > i--) {\n $(this.loadedCssFiles[i]).remove();\n }\n this.loadedCssFiles = [];\n },\n /**\n * @function\n * @description Extracts all parameters from a given query string into an object\n * @param {String} qs The query string from which the parameters will be extracted\n */\n getQueryStringParams: function (qs) {\n if (!qs || qs.length === 0) { return {}; }\n var params = {},\n unescapedQS = decodeURIComponent(qs);\n // Use the String::replace method to iterate over each\n // name-value pair in the string.\n unescapedQS.replace(new RegExp('([^?=&]+)(=([^&]*))?', 'g'),\n function ($0, $1, $2, $3) {\n params[$1] = $3;\n }\n );\n return params;\n },\n\n fillAddressFields: function (address, $form) {\n for (var field in address) {\n if (field === 'ID' || field === 'UUID' || field === 'key') {\n continue;\n }\n // if the key in address object ends with 'Code', remove that suffix\n // keys that ends with 'Code' are postalCode, stateCode and countryCode\n $form.find('[name$=\"' + field.replace('Code', '') + '\"]').val(address[field]);\n // update the state fields\n if (field === 'countryCode') {\n $form.find('[name$=\"country\"]');\n // retrigger state selection after country has changed\n // this results in duplication of the state code, but is a necessary evil\n // for now because sometimes countryCode comes after stateCode\n $form.find('[name$=\"state\"]').val(address.stateCode);\n $form.find('[name$=\"state\"]').attr('data-selectedValue', address.stateCode);\n }\n }\n },\n /**\n * @function\n * @description Updates the number of the remaining character\n * based on the character limit in a text area\n */\n limitCharacters: function () {\n $('form').find('textarea[data-character-limit]').each(function () {\n var characterLimit = $(this).data('character-limit');\n var charCountHtml = String.format(Resources.CHAR_LIMIT_MSG,\n '
');\n var charCountContainer = $(this).next('div.char-count');\n if (charCountContainer.length === 0) {\n charCountContainer = $('
').insertAfter($(this));\n }\n charCountContainer.html(charCountHtml);\n // trigger the keydown event so that any existing character data is calculated\n $(this).change();\n });\n },\n /**\n * @function\n * @description Binds the onclick-event to a delete button on a given container,\n * which opens a confirmation box with a given message\n * @param {String} container The name of element to which the function will be bind\n * @param {String} message The message the will be shown upon a click\n */\n setDeleteConfirmation: function (container, message) {\n $(container).on('click', '.delete', function () {\n return window.confirm(message);\n });\n },\n /**\n * @function\n * @description Scrolls a browser window to a given x point\n * @param {String} The x coordinate\n */\n scrollBrowser: function (xLocation) {\n $('html, body').animate({scrollTop: xLocation}, 500);\n },\n\n isMobile: function () {\n var mobileAgentHash = ['mobile', 'tablet', 'phone', 'ipad', 'ipod', 'android', 'blackberry', 'windows ce', 'opera mini', 'palm'];\n var idx = 0;\n var isMobile = false;\n var userAgent = (navigator.userAgent).toLowerCase();\n\n while (mobileAgentHash[idx] && !isMobile) {\n isMobile = (userAgent.indexOf(mobileAgentHash[idx]) >= 0);\n idx++;\n }\n return isMobile;\n },\n\n\tisString: function(element){\n\t\treturn typeof(element) ===\"string\";\n\t},\n\n /**\n * @function\n * @description Get the unique list\n * @param list\n @returns {[]}\n */\n uniqueList: function (list){\n var result = [];\n $.each(list, function(i, e) {\n if ($.inArray(e, result) == -1) result.push(e);\n });\n return result;\n },\n\n formatUSPhoneNumber: function (phone) {\n var hasPlusSign = phone.substring(0, 2) === '+1',\n n = hasPlusSign ? phone.replace(/[()-/\\s]/g,'') : phone.replace(/[+()-/\\s]/g,''),\n plusSign= '';\n\n if (hasPlusSign || phone.charAt(0) === '1') {\n plusSign = '+1'\n n = n.charAt(0) === '1' ? n.substring(1, 11) : n.substring(2, 12)\n }\n if (n.length >= 3) {\n var dash = n.length > 6 ? '-' : '';\n phone = `${plusSign}(${n.substring(0, 3)})${n.substring(3, 6)}${dash}${n.substring(6, 10)}`;\n }\n return phone;\n },\n togglePasswordType: {\n clickEvent: function () {\n var _self = this;\n $(document).on('click', '[data-toggle-password]', function (e) {\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n _self.action($(this));\n });\n },\n keypressEvent: function () {\n var _self = this;\n $(document).on('keypress', '[data-toggle-password]', function (e) {\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n var key = e.which;\n if (key == 13) // the enter key code\n {\n _self.action($(this));\n }\n });\n },\n action: function (target) {\n var parent = target.closest('.form-group');\n var inputValue = parent.find('.form-control');\n target.find('.icon').toggleClass('d-none');\n if (inputValue.attr(\"type\") == \"password\") {\n // target.find('svg').attr(\"data-icon\", 'eye');\n inputValue.attr(\"type\", \"text\");\n target.attr('aria-label','Hide Password');\n } else {\n // target.find('svg').attr(\"data-icon\", 'eye-slash');\n inputValue.attr(\"type\", \"password\");\n target.attr('aria-label','Show Password');\n }\n },\n init:function(){\n this.clickEvent();\n this.keypressEvent();\n }\n },\n showMoreLink: function () {\n $('[data-show-more=\"cta\"]').click(function(e) {\n e.preventDefault();\n var start = Number($(this).attr('data-start'));\n var totalCount = start + Number($(this).attr('data-load'));\n for(i=start; i < totalCount; i++){\n $(`[data-show-more=\"item-${i}.0\"]`).removeClass('d-none')\n }\n if(Number($(this).attr('data-length')) >= totalCount) {\n $(this).attr('data-start', totalCount+'.0')\n } else {\n $(this).addClass('d-none')\n }\n });\n },\n getAlertHtml: function (msg, iconID, iconClass, wrapperClass) {\n return `
` +\n `\n ` + msg + '
';\n },\n getAlertInnerHtml: function (msg, iconID, iconClass) {\n return `
\n ` + msg ;\n },\n getCountryCode: function (){\n const queryString = window.location.search;\n var countryCode = 'US';\n if(queryString){\n const urlParams = new URLSearchParams(queryString);\n countryCode = urlParams.get('country') ? urlParams.get('country') : 'US';\n }\n return countryCode;\n },\n emailSpellChecker: function(elem) {\n const emailSpellCheckerConfig = window.emailSpellCheckerConfig ? window.emailSpellCheckerConfig : {};\n const id = elem.attr('id');\n const suggestedEmail = ZootoolsEmailSpellChecker.run({\n email: elem.val(),\n domains: emailSpellCheckerConfig.domains ? emailSpellCheckerConfig.domains : [...ZootoolsEmailSpellChecker.POPULAR_DOMAINS],\n topLevelDomains: emailSpellCheckerConfig.topLevelDomains ? emailSpellCheckerConfig.topLevelDomains : [],\n });\n if(suggestedEmail) {\n const getButton = $(`#${id}-email-checker`);\n const msg = `Did you mean
${suggestedEmail.full}? `;\n if(getButton.length) {\n getButton.attr('data-value', suggestedEmail.full).html(msg)\n } else {\n var html = `
${msg} `;\n var parentElement = elem.closest('.form-group');\n parentElement.addClass('has-email-checker');\n if($('#checkout-main').length) {\n parentElement.find('.float-label').after(html);\n } else {\n elem.after(html);\n }\n }\n } else {\n util.clearEmailSpellChecker(elem.attr('id'));\n }\n },\n emailSpellCheckerClickEvent: function() {\n $(document).on('click','[data-email-spell-checker=\"button\"]',function(e) {\n e.preventDefault();\n var id = $(this).attr('data-target');\n $(`#${id}`).val($(this).attr('data-value')).focus();\n util.clearEmailSpellChecker(id);\n });\n },\n clearEmailSpellChecker: function(id) {\n $(`#${id}-email-checker`).remove();\n $(`#${id}`).closest('.form-group').removeClass('has-email-checker');\n }\n};\n\nmodule.exports = util;\n","\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.POPULAR_TLDS = exports.POPULAR_DOMAINS = exports.run = void 0;\nconst run_1 = __importDefault(require(\"./lib/run\"));\nexports.run = run_1.default;\nconst config_1 = require(\"./lib/config\");\nObject.defineProperty(exports, \"POPULAR_DOMAINS\", { enumerable: true, get: function () { return config_1.POPULAR_DOMAINS; } });\nObject.defineProperty(exports, \"POPULAR_TLDS\", { enumerable: true, get: function () { return config_1.POPULAR_TLDS; } });\nconst MailSpellChecker = {\n run: run_1.default,\n POPULAR_DOMAINS: config_1.POPULAR_DOMAINS,\n POPULAR_TLDS: config_1.POPULAR_TLDS,\n};\nexports.default = MailSpellChecker;\n","\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst assert_valid_user_options_1 = __importDefault(require(\"./helpers/assert-valid-user-options\"));\nconst suggest_email_1 = __importDefault(require(\"./suggest-email\"));\nconst get_options_1 = __importDefault(require(\"./helpers/get-options\"));\nfunction run(userOptions) {\n const options = get_options_1.default(userOptions);\n assert_valid_user_options_1.default(options || {});\n const email = suggest_email_1.default(options);\n if (!email && userOptions.empty) {\n userOptions.empty();\n }\n if (email && userOptions.suggested) {\n userOptions.suggested(email);\n }\n return email;\n}\nexports.default = run;\n","\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst assert_1 = __importDefault(require(\"./assert\"));\nfunction assertValidUserOptions(options) {\n assert_1.default(Array.isArray(options.domains), 'domains must be an array');\n assert_1.default(Array.isArray(options.topLevelDomains), 'topLevelDomains must be an array');\n assert_1.default(Array.isArray(options.secondLevelDomains), 'secondLevelDomains must be an array');\n assert_1.default(typeof options.distanceFunction === 'function', 'distanceFunction must be a function');\n}\nexports.default = assertValidUserOptions;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nfunction assert(condition, message) {\n if (!condition) {\n throw new Error(message);\n }\n}\nexports.default = assert;\n","\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst encode_email_1 = __importDefault(require(\"./helpers/encode-email\"));\nconst find_closest_domain_1 = __importDefault(require(\"./helpers/find-closest-domain\"));\nconst parse_email_1 = __importDefault(require(\"./helpers/parse-email\"));\nfunction suggestEmail(opts) {\n const encodedEmail = encode_email_1.default(opts.email.toLowerCase());\n const email = parse_email_1.default(encodedEmail);\n if (!email) {\n return undefined;\n }\n const { domains, domainThreshold, distanceFunction, secondLevelDomains, topLevelDomains, } = opts;\n if (secondLevelDomains && topLevelDomains) {\n // If the email is a valid 2nd-level + top-level, do not suggest anything.\n // if (hasValidSecondLevelDomain(email) && hasValidTopLevelDomain(email)) {\n if (secondLevelDomains.indexOf(email.secondLevelDomain) !== -1 &&\n topLevelDomains.indexOf(email.topLevelDomain) !== -1) {\n return undefined;\n }\n }\n let closestDomain = find_closest_domain_1.default({\n domain: email.domain,\n domains,\n distanceFunction,\n threshold: domainThreshold,\n });\n if (closestDomain) {\n if (closestDomain == email.domain) {\n // The email address exactly matches one of the supplied domains; do not return a suggestion.\n return undefined;\n }\n else {\n // The email address closely matches one of the supplied domains; return a suggestion\n return {\n address: email.address,\n domain: closestDomain,\n full: email.address + '@' + closestDomain,\n };\n }\n }\n // The email address does not closely match one of the supplied domains\n const closestSecondLevelDomain = find_closest_domain_1.default({\n domain: email.secondLevelDomain,\n domains: secondLevelDomains,\n distanceFunction,\n threshold: opts.secondLevelThreshold,\n });\n const closestTopLevelDomain = find_closest_domain_1.default({\n domain: email.topLevelDomain,\n domains: topLevelDomains,\n distanceFunction,\n threshold: opts.topLevelThreshold,\n });\n if (email.domain) {\n closestDomain = email.domain;\n let rtrn = false;\n if (closestSecondLevelDomain &&\n closestSecondLevelDomain != email.secondLevelDomain) {\n // The email address may have a mispelled second-level domain; return a suggestion\n closestDomain = closestDomain.replace(email.secondLevelDomain, closestSecondLevelDomain);\n rtrn = true;\n }\n if (closestTopLevelDomain &&\n closestTopLevelDomain != email.topLevelDomain &&\n email.secondLevelDomain !== '') {\n // The email address may have a mispelled top-level domain; return a suggestion\n closestDomain = closestDomain.replace(new RegExp(email.topLevelDomain + '$'), closestTopLevelDomain);\n rtrn = true;\n }\n if (rtrn) {\n return {\n address: email.address,\n domain: closestDomain,\n full: email.address + '@' + closestDomain,\n };\n }\n }\n /* The email address exactly matches one of the supplied domains, does not closely\n * match any domain and does not appear to simply have a mispelled top-level domain,\n * or is an invalid email address; do not return a suggestion.\n */\n return undefined;\n}\nexports.default = suggestEmail;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// Encode the email address to prevent XSS but leave in valid\n// characters, following this official spec:\n// http://en.wikipedia.org/wiki/Email_address#Syntax\n//\n// We have to replace all the possible characters.\n// that's why we use a regex with a global flag.\nfunction encodeEmail(email) {\n const result = encodeURI(email)\n .replace(/%20/g, ' ')\n .replace(/%25/g, '%')\n .replace(/%5E/g, '^')\n .replace(/%60/g, '`')\n .replace(/%7B/g, '{')\n .replace(/%7C/g, '|')\n .replace(/%7D/g, '}');\n return result;\n}\nexports.default = encodeEmail;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nfunction findClosestDomain(opts) {\n const { domain, domains, distanceFunction, threshold } = opts;\n let dist;\n let minDist = Infinity;\n let closestDomain = null;\n if (!domain || !domains) {\n return undefined;\n }\n for (let i = 0; i < domains.length; i++) {\n if (domain === domains[i]) {\n return domain;\n }\n dist = distanceFunction(domain, domains[i]);\n if (dist < minDist) {\n minDist = dist;\n closestDomain = domains[i];\n }\n }\n if (minDist <= threshold && closestDomain !== null) {\n return closestDomain;\n }\n else {\n return undefined;\n }\n}\nexports.default = findClosestDomain;\n","\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst trim_1 = __importDefault(require(\"./trim\"));\nconst MINIUM_EMAIL_PARTS = 2;\nfunction parseEmail(emailStr) {\n const email = trim_1.default(emailStr);\n const parts = email.split('@');\n if (parts.length < MINIUM_EMAIL_PARTS) {\n return false;\n }\n for (let i = 0; i < parts.length; i++) {\n if (parts[i] === '') {\n return false;\n }\n }\n // FYI, in hello@example.com\n // secondLevelDomain -> example\n // topLevelDomain -> com\n let sld = '';\n let tld = '';\n const domain = parts.pop();\n const domainParts = domain.split('.');\n if (domainParts.length === 0) {\n // The address does not have a top-level domain\n return false;\n }\n else if (domainParts.length == 1) {\n // The address has only a top-level domain (valid under RFC)\n tld = domainParts[0];\n }\n else {\n // The address has a domain and a top-level domain\n sld = domainParts[0];\n for (let j = 1; j < domainParts.length; j++) {\n tld += domainParts[j] + '.';\n }\n tld = tld.substring(0, tld.length - 1);\n }\n return {\n topLevelDomain: tld,\n secondLevelDomain: sld,\n domain,\n address: parts.join('@'),\n };\n}\nexports.default = parseEmail;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst WHITESPACE_PATTERN = /\\s/;\n/**\n * Just in case a browser doesn't support .trim\n * Copied from https://github.com/Trott/trim\n * Credits to them\n */\nfunction trim(str) {\n if (str.trim) {\n return str.trim();\n }\n return right(left(str));\n}\nfunction left(str) {\n if (str.trimLeft)\n return str.trimLeft();\n return str.replace(/^\\s\\s*/, '');\n}\nfunction right(str) {\n if (str.trimRight)\n return str.trimRight();\n let i = str.length;\n while (WHITESPACE_PATTERN.test(str.charAt(--i)))\n ;\n return str.slice(0, i + 1);\n}\nexports.default = trim;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst config_1 = require(\"../config\");\nfunction getOptions(userOptions) {\n return {\n email: userOptions.email,\n domains: userOptions.domains || config_1.DEFAULT_CONFIG.domains,\n topLevelDomains: userOptions.topLevelDomains || config_1.DEFAULT_CONFIG.topLevelDomains,\n secondLevelDomains: userOptions.secondLevelDomains || config_1.DEFAULT_CONFIG.secondLevelDomains,\n distanceFunction: userOptions.distanceFunction || config_1.DEFAULT_CONFIG.distanceFunction,\n domainThreshold: userOptions.domainThreshold || config_1.DEFAULT_CONFIG.domainThreshold,\n secondLevelThreshold: userOptions.secondLevelThreshold || config_1.DEFAULT_CONFIG.secondLevelThreshold,\n topLevelThreshold: userOptions.topLevelThreshold || config_1.DEFAULT_CONFIG.topLevelThreshold,\n suggested: userOptions.suggested || undefined,\n empty: userOptions.suggested || undefined,\n };\n}\nexports.default = getOptions;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nfunction sift3Distance(s1, s2) {\n // sift3: http://siderite.blogspot.com/2007/04/super-fast-and-accurate-string-distance.html\n if (s1 == null || s1.length === 0) {\n if (s2 == null || s2.length === 0) {\n return 0;\n }\n else {\n return s2.length;\n }\n }\n if (s2 == null || s2.length === 0) {\n return s1.length;\n }\n let c = 0;\n let offset1 = 0;\n let offset2 = 0;\n let lcs = 0;\n const maxOffset = 5;\n while (c + offset1 < s1.length && c + offset2 < s2.length) {\n if (s1.charAt(c + offset1) == s2.charAt(c + offset2)) {\n lcs++;\n }\n else {\n offset1 = 0;\n offset2 = 0;\n for (let i = 0; i < maxOffset; i++) {\n if (c + i < s1.length && s1.charAt(c + i) == s2.charAt(c)) {\n offset1 = i;\n break;\n }\n if (c + i < s2.length && s1.charAt(c) == s2.charAt(c + i)) {\n offset2 = i;\n break;\n }\n }\n }\n c++;\n }\n return (s1.length + s2.length) / 2 - lcs;\n}\nexports.default = sift3Distance;\n","'use strict';\n\nvar { setCheckboxAutotestAttributes } = require('../../helper');\nvar creditCardFormFieldHelper = require('../helpers/creditCardFormFieldsHelper');\nvar creditCardHelper = require('base_braintree/braintree/creditcard/helpers/creditCardHelper');\nvar paymentMethodGeneralHelper = require('../../paymentMethodGeneralHelper');\nvar creditCardBillingAddressHelper = require('../helpers/creditCardBillingAddressHelper');\n\nvar hostedFieldsInstance;\n\n/**\n * Makes the necessary setting for 'Save Credit Card block' on the Billing Page\n * @param {boolean} saveCreditCard true/false\n * @param {boolean} displaySaveCreditCardBlock true/false\n */\nfunction saveCreditCardBlockManipulation(saveCreditCard, displaySaveCreditCardBlock) {\n const $saveCreditCard = document.getElementById('braintreeSaveCreditCard');\n const $braintreeSaveCardContainer = document.getElementById('braintreeSaveCardContainer');\n\n if ($braintreeSaveCardContainer) {\n $braintreeSaveCardContainer.style.display = displaySaveCreditCardBlock ? 'block' : 'none';\n $saveCreditCard.checked = saveCreditCard;\n setCheckboxAutotestAttributes($saveCreditCard);\n }\n}\n\n/**\n * Handles changing of Credit Card list on the Billing Page\n * @param {Constructor} alertHandlerModel Alert handling model\n */\nfunction cardListChange(alertHandlerModel) {\n const btUtils = require('base_braintree/braintree/braintreeUtils');\n\n const $creditCardList = creditCardFormFieldHelper.getCreditCardListContainer();\n const $braintreeCreditCardNonce = creditCardFormFieldHelper.getCreditCardNonceFieldContainer();\n const $braintreeCardPaymentMethod = document.getElementById('braintreeCardPaymentMethod');\n const creditCardOption = $creditCardList.selectedOptions[0];\n const creditCardOptionID = creditCardOption.id;\n const creditCardFiledsToDisplayObject = creditCardFormFieldHelper.getCCFieldsToDisplay().asObject;\n\n let creditCardFieldsToDisplayArray = creditCardFormFieldHelper.getCCFieldsToDisplay().asArray;\n let creditCardHostedFieldsArray = creditCardFormFieldHelper.getCCFields().asArray;\n // Variables only for \"braintreeSessionCreditAccount\" case\n let selectedCreditCard;\n let nonce = '';\n let saveCreditCard = true;\n let showSaveCreditCardBlock = true;\n\n const isSecureRemoteCommerce = creditCardOption.dataset.paymentMethod?.toLowerCase() === 'src';\n const isReVerifyFlow = hostedFieldsInstance.hostedFieldsConfigs.isCcReVerifyEnabled\n && hostedFieldsInstance.hostedFieldsConfigs.isSavedCreditCard;\n\n const ccCvvToDisplayField = creditCardFormFieldHelper.getCcCvvToDisplayField();\n const ccCvvField = creditCardFormFieldHelper.getCcCvvField();\n const $selectedCcAccountOption = creditCardHelper.getSelectedCcAccountOption();\n const savedBillingAddress = $selectedCcAccountOption.getAttribute('data-billing-address');\n const isCcReVerifyRequired = hostedFieldsInstance.isCcReVerifyRequired($selectedCcAccountOption.value) && !isSecureRemoteCommerce;\n\n // Clear error messages on the Billing Page\n alertHandlerModel.hideAlerts();\n\n if (!savedBillingAddress) {\n paymentMethodGeneralHelper.enableBillingAddressFunctionality();\n }\n\n // creditCardBillingAddressHelper.displaySelectedStoredBillingAddress($selectedCcAccountOption);\n\n // Shows or hides a billing info alert for Credit card payment\n // creditCardBillingAddressHelper.initBillingInfoAlert(savedBillingAddress);\n\n switch (creditCardOptionID) {\n // When buyer selected \"new cc\"\n case 'newCardAccount':\n // Initiates a basic hosted fields for new card only\n if (hostedFieldsInstance.sdkHfInstance && isReVerifyFlow) {\n const { basicFlowConfigs, styles } = hostedFieldsInstance.getFieldsOptions();\n\n hostedFieldsInstance.teardown();\n // Sets an appropriate hosted fields options object for Checkout page\n hostedFieldsInstance.setHostedFieldsOptions({\n styles: styles,\n configs: basicFlowConfigs\n });\n // Initiates the appropriate hosted fileds for new Card account\n hostedFieldsInstance.initHostedFields();\n }\n\n // Hide 'toDisplay' fields\n creditCardFormFieldHelper.hideCardElements(creditCardFieldsToDisplayArray.concat(ccCvvToDisplayField.asArray));\n\n creditCardFormFieldHelper.showCardElements(creditCardHostedFieldsArray.concat(ccCvvField.asArray));\n\n // Display \"Save Credit Card\" block, and mark it as checked\n saveCreditCardBlockManipulation(saveCreditCard, showSaveCreditCardBlock);\n\n $braintreeCreditCardNonce.value = '';\n $braintreeCardPaymentMethod.value = 'CREDIT';\n\n break;\n\n case 'braintreeSessionCreditAccount':\n selectedCreditCard = btUtils.getSelectedData($creditCardList);\n nonce = selectedCreditCard['data-nonce'].value;\n saveCreditCard = selectedCreditCard['data-save-card'].value;\n\n // Display \"Save Credit Card\" block, and mark it as checked\n saveCreditCardBlockManipulation(saveCreditCard, showSaveCreditCardBlock);\n\n creditCardFiledsToDisplayObject.cardCvvToDisplay = ccCvvToDisplayField.asObject.cardCvvToDisplay;\n\n // Add values to the \"toDisplay\" and hidden input fields.\n creditCardFormFieldHelper.setCardFields(selectedCreditCard, creditCardFiledsToDisplayObject);\n\n creditCardFormFieldHelper.hideCardElements(creditCardHostedFieldsArray.concat(ccCvvField.asArray));\n creditCardFormFieldHelper.showCardElements(creditCardFieldsToDisplayArray.concat(ccCvvToDisplayField.asArray));\n\n $braintreeCreditCardNonce.value = nonce;\n $braintreeCardPaymentMethod.value = selectedCreditCard['data-payment-method'].value.toUpperCase();\n\n break;\n\n // Case for saved credit cards\n default:\n if (hostedFieldsInstance.sdkHfInstance && isCcReVerifyRequired) {\n const { reverifyFlowConfigs, styles } = hostedFieldsInstance.getFieldsOptions();\n\n hostedFieldsInstance.teardown();\n // Sets an appropriate hosted fields options object for Checkout page\n hostedFieldsInstance.setHostedFieldsOptions({\n styles: styles,\n configs: reverifyFlowConfigs\n });\n // Initiates the appropriate hosted fileds for new Card account\n hostedFieldsInstance.initHostedFields();\n }\n\n saveCreditCard = false;\n showSaveCreditCardBlock = false;\n selectedCreditCard = btUtils.getSelectedData($creditCardList);\n\n if (isCcReVerifyRequired) {\n creditCardFieldsToDisplayArray = creditCardFieldsToDisplayArray.concat(ccCvvField.asArray);\n creditCardHostedFieldsArray = creditCardHostedFieldsArray.concat(ccCvvToDisplayField.asArray);\n } else {\n creditCardFieldsToDisplayArray = creditCardFieldsToDisplayArray.concat(ccCvvToDisplayField.asArray);\n creditCardHostedFieldsArray = creditCardHostedFieldsArray.concat(ccCvvField.asArray);\n }\n\n // Add values to the 'toDisplay' and hidden input fields\n creditCardFormFieldHelper.setCardFields(selectedCreditCard, creditCardFiledsToDisplayObject);\n\n // Show these fields to the buyer\n creditCardFormFieldHelper.showCardElements(creditCardFieldsToDisplayArray);\n\n // Hide hosted fields (since we don't need them)\n creditCardFormFieldHelper.hideCardElements(creditCardHostedFieldsArray);\n\n // Display \"Save Credit Card\" block, and uncheck it\n saveCreditCardBlockManipulation(saveCreditCard, showSaveCreditCardBlock);\n\n if (savedBillingAddress) {\n paymentMethodGeneralHelper.disableBillingAddressFunctionality();\n }\n\n $braintreeCreditCardNonce.value = nonce;\n $braintreeCardPaymentMethod.value = selectedCreditCard['data-payment-method'].value.toUpperCase();\n\n break;\n }\n}\n\n/**\n * Inits Credit Card list functionality\n * @param {Object} btCreditCardModel BT Credit Card model\n * @param {Constructor} alertHandlerModel alertHandlerModel Error handling model\n * @param {Object} hfInstance A Hosted fields instance\n */\nfunction init(btCreditCardModel, alertHandlerModel, hfInstance) {\n const $creditCardList = document.getElementById('braintreeCreditCardList');\n const creditCardListExist = Boolean($creditCardList);\n\n hostedFieldsInstance = hfInstance;\n\n if (creditCardListExist) {\n $creditCardList.addEventListener('change', function() {\n cardListChange(alertHandlerModel);\n });\n }\n\n cardListChange(alertHandlerModel);\n}\n\nmodule.exports = {\n init,\n cardListChange\n};\n","'use strict';\n\nmodule.exports = {\n getSelectedData: function(selectElement) {\n let option = null;\n\n if (!selectElement) {\n return option;\n }\n\n const options = selectElement.getElementsByTagName('option');\n\n for (let i = 0; i < options.length; i++) {\n option = options[i];\n\n if (option.selected) {\n break;\n }\n }\n\n return option.attributes;\n }\n};\n","/* eslint-disable no-console */\n\n'use strict';\n\n/* global Promise braintree $ */\n\nvar helper = require('../../helper');\nvar btCreditCardModel = require('../braintreesdk/braintreeCreditCardModel');\nvar creditCardPaymentProcessingHelper = require('../helpers/creditCardPaymentProcessingHelper');\n// var loaderInstance = require('base_braintree/braintree/loaderHelper');\nvar creditCardPaymentProcessingConstants = require('base_braintree/braintree/creditcard/constants/creditCardPaymentProcessingConstants');\nvar creditCardHelper = require('base_braintree/braintree/creditcard/helpers/creditCardHelper');\n\nvar creditCardBillingAddressHelper = require('.././helpers/creditCardBillingAddressHelper');\nvar formValidation = require('customBase/components/formValidation');\nvar billingHelpers = require('customBase/checkout/billing');\n\nvar $continueButton = document.querySelector('button.submit-payment');\nvar $addNewCardButton = document.querySelector('button.submit-newcard');\nvar $creditCardList = document.getElementById('braintreeCreditCardList');\n// var $braintreeCreditCardLoader = document.getElementById('braintreeCreditCardLoader');\nvar $customCreditCardErrorContainer = document.getElementById('customCreditCardErrorContainer');\n\nvar loader;\nvar alertHandler;\n\nvar hfInstance;\n\n/**\n * Checking for customError property in payload\n * @param {Object} payload object with btPayload\n * @throws {Object} when customError property exists in payload\n */\nfunction checkForErrorInPayload(payload) {\n if (Object.hasOwnProperty.call(payload, 'customError')) {\n throw payload;\n }\n}\n\n/**\n * Process a stored card\n * @param {clientInstancePromise} clientInstancePromise A ClientInstancePromise\n * @param {string} email An email address\n * @param {string} billingData A billing address data\n * @returns {Promise} A promise\n */\nvar processStoredCard = (clientInstancePromise, email, billingData) => {\n const savedCcBillingAddressAsString = creditCardHelper.getSavedCcBillingAddressAsString();\n\n // Fills a credit card billing address input with billing address data\n if (savedCcBillingAddressAsString) {\n // Case when a Credit card has a saved billing address\n // Using only for updating a billing address on the server side\n creditCardBillingAddressHelper.setCreditCardBillingAddress(helper.tryParseJSON(savedCcBillingAddressAsString));\n } else {\n // Case when a Credit Card does not have a saved billing address\n creditCardBillingAddressHelper.setCreditCardBillingAddress(creditCardBillingAddressHelper.createCreditCardBillingAddress());\n }\n\n const $selectedCcOption = creditCardHelper.getSelectedCcAccountOption();\n const selectedCcOptionId = $selectedCcOption.value;\n const isSecureRemoteCommerce = $selectedCcOption.dataset.paymentMethod?.toLowerCase() === 'src';\n const cvvOnlyNonceEl = document.getElementById('braintreeCvvOnlyNonce');\n\n if (isSecureRemoteCommerce && cvvOnlyNonceEl) {\n cvvOnlyNonceEl.value = '';\n }\n\n if (hfInstance.isCcReVerifyRequired(selectedCcOptionId) && !isSecureRemoteCommerce) {\n hfInstance\n .tokenizeCvv()\n .then(tokenizePaylaod => {\n hfInstance.initPaymentDetailsSelectorObserver(selectedCcOptionId);\n cvvOnlyNonceEl.value = tokenizePaylaod.btTokenizePayload.nonce;\n }).catch(() => {\n cvvOnlyNonceEl.value = 'error';\n });\n }\n\n return creditCardPaymentProcessingHelper.getNonceFromStoredCard(clientInstancePromise, $creditCardList)\n .then(function(response) {\n if (!response) {\n throw Error('Payment method was not found in vault manager.');\n }\n\n return btCreditCardModel.getAuthInsightRegulationEnvironment(response.nonce);\n })\n .then(function(response) {\n return creditCardPaymentProcessingHelper.getNonceFromStoredCard(clientInstancePromise, $creditCardList)\n .then(function(paymentMethodResponse) {\n paymentMethodResponse.authenticationInsight = {\n regulationEnvironment: response.regulationEnvironment\n };\n\n return btCreditCardModel.processStoredCard(email, billingData, paymentMethodResponse)\n .then(function(btStoredCardPayload) {\n checkForErrorInPayload(btStoredCardPayload);\n\n const threeDSecureDataValidationPayload = btStoredCardPayload.threeDSecureDataValidationPayload;\n\n if (threeDSecureDataValidationPayload) {\n creditCardPaymentProcessingHelper.fill3DsData(threeDSecureDataValidationPayload);\n } else {\n document.getElementById('braintreeCreditCardNonce').value = btStoredCardPayload.nonce;\n }\n\n return Promise.resolve(btStoredCardPayload);\n });\n });\n });\n};\n\n/**\n * Processes a new card\n * @param {Object} btPayload Payload from Braintree\n * @returns {Promise} A promise\n */\nvar processNewCard = (btPayload) => {\n const $addCardModal = document.getElementById('addCardModal');\n const isNewCardModal = ($addCardModal !== null && $addCardModal.classList.contains('show')) ? 'addCreditCardForm' : 'dwfrm_billing';\n var isSessionPaymentsEnabled = window.braintreePreferences.isSessionPaymentsEnabled;\n\n // Fills a credit card billing address input with billing address data\n creditCardBillingAddressHelper.setCreditCardBillingAddress(creditCardBillingAddressHelper.createCreditCardBillingAddress());\n\n document.getElementById('braintreeCreditCardBin').value = btPayload.btTokenizePayload.details.bin;\n\n // Fill hidden inputs CreditCard fields and Session CreditCard div fields\n creditCardPaymentProcessingHelper.fillCreditCardFormWithPayloadData(btPayload);\n\n // Filling of session card attributes for using them in business logic (client/server)\n creditCardPaymentProcessingHelper.setCreditCardDataAttributes(btPayload, isSessionPaymentsEnabled);\n\n if (isSessionPaymentsEnabled) {\n var creditCardFormFieldHelper = require('../helpers/creditCardFormFieldsHelper');\n\n // Fill 'toDisplay' fields with data to display them for buyer\n creditCardPaymentProcessingHelper.fillSessionCreditCardFormWithPayloadData(btPayload);\n // Select \"Session Account Option\" in \"Account List\"\n creditCardPaymentProcessingHelper.markAsSelectedSessionAccount();\n // Display \"Stored Accounts\" list\n creditCardPaymentProcessingHelper.displayStoredCreditCardList();\n // Show \"Session Credit Card\" fields (in div blocks)\n creditCardFormFieldHelper.showCardElements(creditCardFormFieldHelper\n .getCCFieldsToDisplay().asArray.concat(creditCardFormFieldHelper.getCcCvvToDisplayField().asArray));\n // Hide hosted fields (iframe fields)\n creditCardFormFieldHelper.hideCardElements(creditCardFormFieldHelper\n .getCCFields().asArray.concat(creditCardFormFieldHelper.getCcCvvField().asArray));\n }\n\n // Clear \"Hosted Fields\" (from iframe)\n hfInstance.clearHostedFields();\n if(!isNewCardModal) {\n helper.continueButtonToggle(false);\n }\n\n return Promise.resolve(btPayload);\n};\n\n/**\n * Process Credit Card on the Billing Page\n * @param {Object} event Event object\n * @returns {void}\n */\nfunction processCreditCard(event) {\n event.preventDefault();\n event.stopPropagation();\n\n // Removes error messages on the Billing Page\n alertHandler.hideAlerts();\n\n try {\n const customErrorMessages = helper.tryParseJSON($customCreditCardErrorContainer.getAttribute('data-errors'));\n const basketDataValidResponse = btCreditCardModel.isBasketDataValid(customErrorMessages.TOTAL_BASKET_AMOUNT_INVALID);\n const clientInstancePromise = btCreditCardModel.getClientInstancePromise();\n const creditCardFlow = creditCardPaymentProcessingHelper.getCreditCardFlowID($creditCardList);\n // const isNewCardModal = event.target.id === 'addCreditCardForm';\n const $addCardModal = document.getElementById('addCardModal');\n const isNewCardModal = $addCardModal !== null && $addCardModal.classList.contains('show');\n\n if (basketDataValidResponse.error) {\n throw basketDataValidResponse.customErrorMessage;\n }\n\n // Data passed inside \"braintreeCreditCardModel\"\n const billingData = helper.getBillingAddressFormValues();\n const email = document.querySelector('.customer-summary-email').textContent;\n const isCheckoutFlow = true;\n\n let result;\n\n // \"Hosted Field Instance\" validation\n const sdkHfInstanceValResult = hfInstance.sdkHfInstanceValidation();\n\n if (!sdkHfInstanceValResult.exist) {\n if ($('.error-message').length && $('.error-message-text').length) {\n $('.error-message').show().addClass('d-flex');\n $('.error-message-text').text('We are currently experiencing an issue, please try again later.');\n }\n throw sdkHfInstanceValResult.errorMessage;\n }\n \n loader.show();\n\n const $billingForm = document.getElementById(isNewCardModal ? 'addCreditCardForm' : 'dwfrm_billing');\n\n helper.clearForm($billingForm);\n\n switch (creditCardFlow) {\n // Case for new card\n case creditCardPaymentProcessingConstants.FLOW_NEW_CARD_NAME:\n result = btCreditCardModel.processNewCard(email, billingData, isCheckoutFlow, hfInstance)\n .then(async(btPayload) => {\n var isValidCardholderName = helper.validateCardholderName(btPayload, $billingForm);\n checkForErrorInPayload(btPayload);\n checkSameAsShipping(btPayload); // Keep this function above always form validation\n if (!helper.validateForm($billingForm) || !isValidCardholderName) {\n loader.hide();\n return Promise.reject(customErrorMessages.VALIDATION_INVALID);\n }\n\n // const $saveCardCheckbox = document.getElementById('braintreeSaveCreditCard');\n //\n // if ($saveCardCheckbox && $saveCardCheckbox.checked) {\n // const response = await helper.checkForDuplicatedCC(btPayload);\n //\n // if (response.error) {\n // return Promise.reject(response.message);\n // }\n // }\n\n return btPayload;\n })\n .then((btPayload) => processNewCard(btPayload));\n\n break;\n\n // Case for session card\n case creditCardPaymentProcessingConstants.FLOW_SESSION_CARD_NAME:\n result = btCreditCardModel.processSessionCard();\n\n break;\n\n // Case for stored card\n case creditCardPaymentProcessingConstants.FLOW_STORED_CARD_NAME:\n result = processStoredCard(clientInstancePromise, email, billingData);\n\n break;\n default:\n // Handle error with wrong checkout flow\n result = Promise.reject(customErrorMessages.WROND_CHECKOUT_FLOW);\n\n break;\n }\n\n result\n .then(function() {\n loader.hide();\n if(isNewCardModal) {\n addCreditCardForm()\n } else {\n billingHelpers.methods.updateStateValue();\n // Trigger \"Submit Payment\" button\n event.target.click();\n }\n })\n .catch(function(error) {\n loader.hide();\n\n // Braintree Errors\n alertHandler.handleCreditCardError(error, hfInstance.getCcFields());\n\n helper.validateForm($billingForm);\n });\n } catch (error) {\n loader.hide();\n alertHandler.handleCreditCardError(error);\n }\n}\n/**\n * Check for Same shipping address\n * @param {Object} btPayload Passing TokenizePayload\n **/\nfunction checkSameAsShipping(btPayload) {\n if (!$('#sameasshippingselector').is(':checked')) {\n if(btPayload.btTokenizePayload && btPayload.btTokenizePayload.details && btPayload.btTokenizePayload.details.cardholderName) {\n var firstName = btPayload.btTokenizePayload.details.cardholderName;\n var lastName = firstName;\n if (firstName && firstName.length > 0 && firstName.split(' ').length > 1) {\n var a = firstName;\n var b = a.split(' ');\n var c = b[0];\n firstName = c;\n lastName = a.split(c)[1].trim();\n }\n $('#billingFirstName').val(firstName);\n $('#billingLastName').val(lastName);\n }\n }\n}\nfunction addCreditCardForm() {\n loader.show();\n var addCreditCardForm = $('#addCreditCardForm');\n var country = addCreditCardForm.find('#billingCountry').val();\n addCreditCardForm.find('.alert').remove();\n if (country === 'US') {\n addCreditCardForm.find('#billingStatedefault').val(addCreditCardForm.find('#billingStateUS').val());\n } else if (country === 'CA') {\n addCreditCardForm.find('#billingStatedefault').val(addCreditCardForm.find('#billingStateNonUS').val());\n } else {\n var countryWithState = addCreditCardForm.find('#countryWithState').val();\n if (countryWithState.indexOf(country) > -1) {\n addCreditCardForm.find('#billingStatedefault').val(addCreditCardForm.find('#billingStateText').val());\n } else {\n addCreditCardForm.find('#billingStatedefault').val('');\n }\n }\n if ($('.spc-billing-same-as-shipping-modal:checkbox:checked').length === 0) {\n updateBillingForm();\n }\n $.ajax({\n url: addCreditCardForm.attr('action'),\n type: 'post',\n dataType: 'json',\n data: addCreditCardForm.serialize(),\n success: function (data) {\n loader.hide();\n if (!data.success) {\n formValidation(addCreditCardForm[0], data);\n } else {\n $('#addCardModal').modal('hide');\n location.reload();\n }\n },\n error: function (err) {\n loader.hide();\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n }\n });\n}\nfunction updateBillingForm() {\n $('.billing-address-block .billing-address').find('.billingFirstName').val($('#addCardModal .billingFirstName').val());\n $('.billing-address-block .billing-address').find('.billingLastName').val($('#addCardModal .billingLastName').val());\n $('.billing-address-block .billing-address').find('.billingZipCode').val($('#addCardModal .billingZipCode').val());\n $('.billing-address-block .billing-address').find('.billingState').val($('#addCardModal .billingState').val());\n $('.billing-address-block .billing-address').find('.billingAddressCity').val($('#addCardModal .billingAddressCity').val());\n $('.billing-address-block .billing-address').find('.billingAddressOne').val($('#addCardModal .billingAddressOne').val());\n $('.billing-address-block .billing-address').find('.phone').val($('#addCardModal .phone').val());\n}\n/**\n * Inits Credit Card process on the Billing Page\n * @param {Constructor} alertHandlerModel Alert handling constructor\n * @param {Object} hostedFieldsInstance A hosted fields instance\n */\nfunction init(alertHandlerModel, hostedFieldsInstance) {\n // loader = loaderInstance($braintreeCreditCardLoader);\n loader = $('.loader-preventive');\n alertHandler = alertHandlerModel;\n hfInstance = hostedFieldsInstance;\n\n $continueButton.addEventListener('click', function(event) {\n if(!$continueButton.classList.contains('js-skip-creditcard-validation')) {\n //const isCreditCardTabActive = creditCardPaymentProcessingHelper.isActiveCreditCardTab();\n \n // Removes active session payment method once 'Next: Place order' button clicked\n helper.removeActiveSessionPayment();\n \n if (!event.isTrusted) {\n return;\n }\n processCreditCard(event);\n\n }\n });\n\n if ($addNewCardButton !== null) {\n $addNewCardButton.addEventListener('click', function(event) {\n //const isCreditCardTabActive = creditCardPaymentProcessingHelper.isActiveCreditCardTab();\n\n // Removes active session payment method once 'Next: Place order' button clicked\n helper.removeActiveSessionPayment();\n\n if (!event.isTrusted) {\n return;\n }\n processCreditCard(event);\n });\n }\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst helper = require('../../helper');\nconst CreditCardVaultManagerModel = require('base_braintree/braintree/creditcard/components/creditCardVaultManagerModel');\n\nconst cardPlaceholder = '************';\nconst btSessionCreditAccountSelectorID = 'braintreeSessionCreditAccount';\nconst ATTR_DATA_EXPIRATION = 'data-expiration';\n\n/**\n * Displays stores Credit Cards list on the Billing Page\n */\nfunction displayStoredCreditCardList() {\n const $creditCardAccount = document.querySelector('.js-braintree-used-creditcard-account');\n\n $creditCardAccount.classList.remove('used-creditcard-account-hide');\n $creditCardAccount.classList.add('used-creditcard-account');\n}\n\n/**\n * Fills the Credit Card form hidden inputs with payload data\n * @param {Object} braintreeResponse Object contains the data of new payment method\n */\nfunction fillCreditCardFormWithPayloadData(braintreeResponse) {\n const btResponse = braintreeResponse.btTokenizePayload;\n const $creditCardFieldsCardNumber = document.querySelector('input[name=dwfrm_billing_creditCardFields_cardNumber]');\n\n if (btResponse) {\n const btResponseDetails = btResponse.details;\n\n document.getElementById('braintreeCardType').value = btResponseDetails.cardType;\n document.getElementById('braintreeCardMaskNumber').value = cardPlaceholder + btResponseDetails.lastFour;\n document.getElementById('braintreeCardExpirationMonth').value = btResponseDetails.expirationMonth;\n document.getElementById('braintreeCardExpirationYear').value = btResponseDetails.expirationYear.substr(2);\n document.getElementById('braintreeCardHolder').value = btResponseDetails.cardholderName;\n document.getElementById('cardOwnerName').value = btResponseDetails.cardholderName;\n\n if ($creditCardFieldsCardNumber) {\n $creditCardFieldsCardNumber.value = cardPlaceholder + btResponseDetails.lastFour;\n }\n\n document.querySelector('input[name=braintreePaymentMethodNonce]').value = btResponse.nonce;\n }\n}\n\n/**\n * Fills the session Credit Card form inputs with payload data\n * @param {Object} braintreeResponse Object contains the data of new payment method\n */\nfunction fillSessionCreditCardFormWithPayloadData(braintreeResponse) {\n const btResponse = braintreeResponse.btTokenizePayload;\n const usedCreditCardAccount = Boolean(document.querySelector('.js-braintree-used-creditcard-account'));\n\n if (usedCreditCardAccount && btResponse) {\n const btResponseDetails = btResponse.details;\n const $sessionCreditCard = document.getElementById(btSessionCreditAccountSelectorID);\n\n // Fields filling for displaying session card fields to the buyer\n document.getElementById('braintree-cardholder-name-to-display').textContent = btResponseDetails.cardholderName;\n document.getElementById('braintree-number-to-display').textContent = cardPlaceholder + btResponseDetails.lastFour;\n document.getElementById('braintree-expiration-date-to-display').textContent\n = `${btResponseDetails.expirationMonth}/${btResponseDetails.expirationYear.substr(2)}`;\n\n // Fields filling for displaying session card option value\n $sessionCreditCard.textContent = `${$sessionCreditCard.getAttribute('data-type')}\n ${$sessionCreditCard.getAttribute('data-number')}\n ${$sessionCreditCard.getAttribute(ATTR_DATA_EXPIRATION)}\n ${$sessionCreditCard.getAttribute('data-owner')}`;\n }\n}\n\n/**\n * Fills new/session credit card attributes to available option for using them in business logic (client/server)\n * @param {Object} braintreeResponse Tokenize payload from braintree\n * @param {boolean} isSessionCard Whether session card or not, depending on Session Payments Enabled pref\n */\nfunction setCreditCardDataAttributes(braintreeResponse, isSessionCard) {\n const $sessionCreditCard = document.getElementById(`${isSessionCard ? btSessionCreditAccountSelectorID : 'newCardAccount'}`);\n const $braintreeSaveCreditCard = document.getElementById('braintreeSaveCreditCard');\n\n const btResponse = braintreeResponse.btTokenizePayload;\n const btResponseDetails = btResponse.details;\n const isSavedCard = $braintreeSaveCreditCard ? $braintreeSaveCreditCard.checked : false;\n\n $sessionCreditCard.classList.remove('used-creditcard-account-hide');\n $sessionCreditCard.setAttribute('data-number', cardPlaceholder + btResponseDetails.lastFour);\n $sessionCreditCard.setAttribute(ATTR_DATA_EXPIRATION, `${btResponseDetails.expirationMonth}/${btResponseDetails.expirationYear.substr(2)}`);\n $sessionCreditCard.setAttribute('data-type', btResponseDetails.cardType);\n $sessionCreditCard.setAttribute('data-last-four', btResponseDetails.lastFour);\n $sessionCreditCard.setAttribute('data-owner', btResponseDetails.cardholderName);\n $sessionCreditCard.setAttribute('data-nonce', btResponse.nonce);\n $sessionCreditCard.setAttribute('data-session-account', isSessionCard);\n $sessionCreditCard.setAttribute('data-save-card', isSavedCard);\n}\n\n/**\n * Marks a session Credit Card account as selected\n */\nfunction markAsSelectedSessionAccount() {\n const $newCCAccount = document.getElementById('newCardAccount');\n const $sessionCreditCard = document.getElementById(btSessionCreditAccountSelectorID);\n\n $newCCAccount.removeAttribute('selected');\n $sessionCreditCard.selected = true;\n}\n\n/**\n * Returns a Credit Card flow ID from selector\n * @param {Object} $creditCardList Selector contained the Credit Card flow ID\n * @returns {string} Credit Card flow ID\n */\nfunction getCreditCardFlowID($creditCardList) {\n const selectedOptionValue = $creditCardList.value;\n const newCardID = 'newcard';\n const sessionCardID = 'sessioncard';\n const storedCardID = 'js-stored-card';\n\n let selectedOption = null;\n let creditCardFlowID = null;\n\n switch (selectedOptionValue) {\n case newCardID:\n creditCardFlowID = newCardID;\n\n break;\n\n case sessionCardID:\n creditCardFlowID = sessionCardID;\n\n break;\n\n default:\n selectedOption = helper.getSelectedOption($creditCardList);\n\n if (selectedOption.classList.contains(storedCardID)) {\n creditCardFlowID = storedCardID;\n }\n\n break;\n }\n\n return creditCardFlowID;\n}\n\n/**\n * Returns object with nonce related to stored card\n * @param {Promise} clientInstancePromise Client instance promise\n * @param {Object} $creditCardList Selector with needed data\n * @returns {Object} Response object\n */\nfunction getNonceFromStoredCard(clientInstancePromise, $creditCardList) {\n const CreditCardVaultManagerModelInstance = new CreditCardVaultManagerModel(clientInstancePromise);\n const $selectedOption = helper.getSelectedOption($creditCardList);\n const cardType = $selectedOption.getAttribute('data-type').toLowerCase();\n const lastFour = $selectedOption.getAttribute('data-last-four').toString();\n const [month, year] = $selectedOption.getAttribute(ATTR_DATA_EXPIRATION).split('/');\n const expiration = { month, year };\n\n return CreditCardVaultManagerModelInstance.getNonceByCardData(lastFour, cardType, expiration);\n}\n\n/**\n * Fills 3DS data\n * @param {Object} threeDSecureDataValidationPayload 3DS information about the card\n */\nfunction fill3DsData(threeDSecureDataValidationPayload) {\n const $braintreeIs3dSecureRequired = document.getElementById('braintreeIs3dSecureRequired');\n\n document.getElementById('braintreeCreditCardNonce').value = threeDSecureDataValidationPayload.nonce;\n\n if (threeDSecureDataValidationPayload && threeDSecureDataValidationPayload.liabilityShifted) {\n $braintreeIs3dSecureRequired.value = 'true';\n }\n}\n\n/**\n * Returns whether Credit Card tab is active on the Billing Page\n * @returns {boolean} true/false\n */\nfunction isActiveCreditCardTab() {\n return document\n .querySelector('.payment-options[role=tablist] a[data-toggle=\"tab\"][href=\"#creditcard-content\"]')\n .classList\n .contains('active');\n}\n\nmodule.exports = {\n displayStoredCreditCardList,\n fillCreditCardFormWithPayloadData,\n fillSessionCreditCardFormWithPayloadData,\n setCreditCardDataAttributes,\n markAsSelectedSessionAccount,\n getCreditCardFlowID,\n getNonceFromStoredCard,\n fill3DsData,\n isActiveCreditCardTab\n};\n","'use strict';\n\nvar addressHelpers = require('./address');\nvar cleave = require('base/components/cleave');\n\nfunction updateAddressValueForSameAsShipping(shipping, selected, order, options) {\n var safeOptions = options || {};\n var isBilling = safeOptions.type && safeOptions.type === 'billing';\n var className = safeOptions.className || '';\n var isSelected = selected;\n var isNew = !shipping;\n if (typeof shipping === 'string') {\n return $('
' + shipping + ' ');\n }\n var safeShipping = shipping || {};\n var shippingAddress = safeShipping.shippingAddress || {};\n\n if (isBilling && isNew && !order.billing.matchingAddressId) {\n shippingAddress = order.billing.billingAddress.address || {};\n isNew = false;\n isSelected = true;\n safeShipping.UUID = 'manual-entry';\n }\n\n var uuid = safeShipping.UUID ? safeShipping.UUID : 'new';\n var optionEl = $('
');\n optionEl.val(uuid);\n\n var title;\n\n /* if (isNew) {\n title = order.resources.addNewAddress;\n } else {\n title = [];\n if (shippingAddress.firstName) {\n title.push(shippingAddress.firstName);\n }\n if (shippingAddress.lastName) {\n title.push(shippingAddress.lastName);\n }\n if (shippingAddress.address1) {\n title.push(shippingAddress.address1);\n }\n if (shippingAddress.address2) {\n title.push(shippingAddress.address2);\n }\n if (shippingAddress.city) {\n if (shippingAddress.state) {\n title.push(shippingAddress.city + ',');\n } else {\n title.push(shippingAddress.city);\n }\n }\n if (shippingAddress.stateCode) {\n title.push(shippingAddress.stateCode);\n }\n if (shippingAddress.postalCode) {\n title.push(shippingAddress.postalCode);\n }\n if (!isBilling && safeShipping.selectedShippingMethod) {\n title.push('-');\n title.push(safeShipping.selectedShippingMethod.displayName);\n }\n\n if (title.length > 2) {\n title = title.join(' ');\n } else {\n title = order.resources.newAddress;\n }\n }\n optionEl.text(title); */\n\n var rsData = {};\n\n var keyMap = {\n 'data-first-name': 'firstName',\n 'data-last-name': 'lastName',\n 'data-address1': 'address1',\n 'data-address2': 'address2',\n 'data-city': 'city',\n 'data-state-code': 'stateCode',\n 'data-postal-code': 'postalCode',\n 'data-country-code': 'countryCode',\n 'data-phone': 'phone'\n };\n $.each(keyMap, function (key) {\n var mappedKey = keyMap[key];\n var mappedValue = shippingAddress[mappedKey];\n // In case of country code\n if (mappedValue && typeof mappedValue === 'object') {\n mappedValue = mappedValue.value;\n }\n rsData[key] = mappedValue;\n optionEl.attr(key, mappedValue || '');\n });\n\n var giftObj = {\n 'data-is-gift': 'isGift',\n 'data-gift-message': 'giftMessage'\n };\n\n $.each(giftObj, function (key) {\n var mappedKey = giftObj[key];\n var mappedValue = safeShipping[mappedKey];\n rsData[key] = mappedValue;\n optionEl.attr(key, mappedValue || '');\n });\n\n if (isSelected) {\n optionEl.attr('selected', true);\n }\n\n return rsData;\n}\n\n/**\n * updates the billing address selector within billing forms\n * @param {Object} order - the order model\n * @param {Object} customer - the customer model\n */\nfunction updateBillingAddressSelector(order, customer) {\n var shippings = order.shipping;\n\n var form = $('form[name$=billing]')[0];\n var $billingAddressSelector = $('.addressSelector', form);\n var hasSelectedAddress = false;\n\n if ($billingAddressSelector && $billingAddressSelector.length === 1) {\n $billingAddressSelector.empty();\n // Add New Address option\n /* $billingAddressSelector.append(addressHelpers.methods.optionValueForAddress(\n null,\n false,\n order,\n { type: 'billing' }));\n\n // Separator -\n $billingAddressSelector.append(addressHelpers.methods.optionValueForAddress(\n order.resources.shippingAddresses, false, order, {\n // className: 'multi-shipping',\n type: 'billing'\n }\n )); */\n\n shippings.forEach(function (aShipping) {\n var isSelected = order.billing.matchingAddressId === aShipping.UUID;\n hasSelectedAddress = hasSelectedAddress || isSelected;\n // Shipping Address option\n var billingAddressData = updateAddressValueForSameAsShipping(aShipping, isSelected, order, {\n // className: 'multi-shipping',\n type: 'billing'\n });\n\n $billingAddressSelector.attr('data-address', JSON.stringify(billingAddressData));\n /* $billingAddressSelector.append(\n addressHelpers.methods.optionValueForAddress(aShipping, isSelected, order,\n {\n // className: 'multi-shipping',\n type: 'billing'\n }\n )\n ); */\n });\n\n if (customer.addresses && customer.addresses.length > 0) {\n $billingAddressSelector.append(addressHelpers.methods.optionValueForAddress(order.resources.accountAddresses, false, order));\n customer.addresses.forEach(function (address) {\n var isSelected = order.billing.matchingAddressId === address.ID;\n hasSelectedAddress = hasSelectedAddress || isSelected;\n // Customer Address option\n $billingAddressSelector.append(\n addressHelpers.methods.optionValueForAddress({\n UUID: 'ab_' + address.ID,\n shippingAddress: address\n }, isSelected, order, { type: 'billing' })\n );\n });\n }\n }\n\n if (hasSelectedAddress\n || (!order.billing.matchingAddressId && order.billing.billingAddress.address)) {\n // show\n $(form).attr('data-address-mode', 'edit');\n } else {\n $(form).attr('data-address-mode', 'new');\n }\n\n $billingAddressSelector.show();\n}\n\n/**\n * Updates the billing address form values within payment forms without any payment instrument validation\n * @param {Object} order - the order model\n */\nfunction updateBillingAddress(order) {\n var billing = order.billing;\n if (!billing.billingAddress || !billing.billingAddress.address) return;\n\n var form = $('form[name=dwfrm_billing]');\n if (!form) return;\n\n $('input[name$=_firstName]', form).val(billing.billingAddress.address.firstName);\n $('input[name$=_lastName]', form).val(billing.billingAddress.address.lastName);\n $('input[name$=_address1]', form).val(billing.billingAddress.address.address1);\n $('input[name$=_address2]', form).val(billing.billingAddress.address.address2);\n $('input[name$=_city]', form).val(billing.billingAddress.address.city);\n $('input[name$=_postalCode]', form).val(billing.billingAddress.address.postalCode);\n $('select[name$=_stateCode],input[name$=_stateCode]', form)\n .val(billing.billingAddress.address.stateCode);\n var country = billing.billingAddress.address.countryCode.value;\n var stateCode = billing.billingAddress.address.stateCode;\n var addCardModalForm = $('#addCreditCardForm');\n var countryWithState = form.find('#countryWithState').val();\n $('select[name$=_country]', form).val(country).trigger('change');\n addCardModalForm.find('#billingCountry').val(country).trigger('change');\n\n if (country === 'US') {\n form.find('#billingStateUS').val(stateCode);\n addCardModalForm.find('#billingStateUS').val(stateCode);\n } else if (country === 'CA') {\n form.find('#billingStateNonUS').val(stateCode);\n addCardModalForm.find('#billingStateNonUS').val(stateCode);\n } else if (countryWithState.indexOf(country) > -1) {\n form.find('#billingStateText').val(stateCode);\n addCardModalForm.find('#billingStateText').val(stateCode);\n } else {\n form.find('#billingStatedefault').val('');\n addCardModalForm.find('#billingStatedefault').val('');\n }\n $('select[name$=_country]', form).val(billing.billingAddress.address.countryCode.value);\n $('input[name$=_phone]', form).val(billing.billingAddress.address.phone);\n $('input[name$=_email]', form).val(order.orderEmail);\n}\n\nfunction updateStateValue() {\n var $form = $('.billing-payment-sec');\n var country = $form.find('#billingCountry').val();\n var billingStatedefault = $form.find('#billingStatedefault');\n if (country === 'US') {\n billingStatedefault.val($form.find('#billingStateUS').val());\n } else if (country === 'CA') {\n billingStatedefault.val($form.find('#billingStateNonUS').val());\n } else {\n var countryWithState = $form.find('#countryWithState').val();\n if (countryWithState.indexOf(country) > -1) {\n billingStatedefault.val($form.find('#billingStateText').val());\n } else {\n billingStatedefault.val('');\n }\n }\n}\n\n/**\n * Validate and update payment instrument form fields\n * @param {Object} order - the order model\n */\nfunction validateAndUpdateBillingPaymentInstrument(order) {\n var billing = order.billing;\n if (!billing.payment || !billing.payment.selectedPaymentInstruments\n || billing.payment.selectedPaymentInstruments.length <= 0) return;\n\n var form = $('form[name=dwfrm_billing]');\n if (!form) return;\n\n var instrument = billing.payment.selectedPaymentInstruments[0];\n $('select[name$=expirationMonth]', form).val(instrument.expirationMonth);\n $('select[name$=expirationYear]', form).val(instrument.expirationYear);\n // Force security code and card number clear\n $('input[name$=securityCode]', form).val('');\n if ($('input[name$=cardNumber]').data('cleave')) {\n // Cleave throwing error in Safari (Temporary fix until new version is updated)\n try {\n $('input[name$=cardNumber]').data('cleave').setRawValue('');\n } catch (e) {}\n }\n}\n\n/**\n * Updates the billing address form values within payment forms\n * @param {Object} order - the order model\n */\nfunction updateBillingAddressFormValues(order) {\n module.exports.methods.updateBillingAddress(order);\n module.exports.methods.validateAndUpdateBillingPaymentInstrument(order);\n}\n\n/**\n * clears the billing address form values\n */\nfunction clearBillingAddressFormValues() {\n updateBillingAddressFormValues({\n billing: {\n billingAddress: {\n address: {\n countryCode: {}\n }\n }\n }\n });\n}\n\n/**\n * update billing address summary and contact information\n * @param {Object} order - checkout model to use as basis of new truth\n */\nfunction updateBillingAddressSummary(order) {\n // update billing address summary\n addressHelpers.methods.populateAddressSummary(\n '.billing .address-summary',\n order.billing.billingAddress.address\n );\n\n if (order.billing && order.billing.payment.selectedPaymentInstruments.length && (order.billing.payment.selectedPaymentInstruments[0].paymentMethod === 'AFTERPAY_PBI' || order.billing.payment.selectedPaymentInstruments[0].paymentMethod === 'PayPal' || order.billing.payment.selectedPaymentInstruments[0].paymentMethod === 'AMAZON_PAY')) {\n $('.billing-summary').addClass('d-none');\n } else {\n $('.billing-summary').removeClass('d-none');\n }\n\n if (!order.sameAsShipping) {\n $('.payment-address-wrap').addClass('d-none');\n $('.billing-address-summary').removeClass('d-none');\n } else {\n $('.billing-address-summary').addClass('d-none');\n $('.payment-address-wrap').removeClass('d-none');\n }\n\n // update billing parts of order summary\n $('.order-summary-email').text(order.orderEmail);\n\n if (order.billing.billingAddress.address) {\n $('.order-summary-phone').text(order.billing.billingAddress.address.phone);\n }\n}\n\n/**\n * Updates the billing information in checkout, based on the supplied order model\n * @param {Object} order - checkout model to use as basis of new truth\n * @param {Object} customer - customer model to use as basis of new truth\n * @param {Object} [options] - options\n */\nfunction updateBillingInformation(order, customer) {\n updateBillingAddressSelector(order, customer);\n\n // update billing address form\n updateBillingAddressFormValues(order);\n\n // update billing address summary and billing parts of order summary\n updateBillingAddressSummary(order);\n}\n\n/**\n * Updates the payment information in checkout, based on the supplied order model\n * @param {Object} order - checkout model to use as basis of new truth\n */\nfunction updatePaymentInformation(order) {\n // update payment details\n var $paymentSummary = $('.card-payment-summary');\n $paymentSummary.empty();\n $('.payment-info-submitted .no-gutters').find('.giftcert-payment-type').remove();\n var selectedPIs = order.billing.payment.selectedPaymentInstruments;\n var tmpl = $('.payment-summary-sec').clone();\n var hasCreditCard = false;\n var hasGCPI = false;\n\n selectedPIs.forEach(function (selectedPI) {\n var cardType = '';\n var selectedCardImg = '';\n switch (selectedPI.paymentMethod) {\n case 'CREDIT_CARD': {\n hasCreditCard = true;\n var lastFour = selectedPI.lastFour;\n var cardEnding = 'ending in ' + lastFour;\n if (selectedPI.type) {\n cardType = selectedPI.type;\n if (cardType.toLowerCase() === 'american express' || cardType === 'Amex') {\n cardType = 'American-express';\n } else if (cardType === 'JCB') {\n cardType = 'Jcb';\n } else if (cardType === 'Master' || cardType.toLowerCase() == 'mastercard') {\n cardType = 'Mastercard';\n } else if (cardType === 'Visa') {\n cardType = 'Visa';\n } else if (cardType.toLowerCase() === 'discover') {\n cardType = 'Discover';\n }\n var selectedCardImg = $('.' + cardType + '-img').html();\n }\n $('.img-sec', tmpl)\n .html(selectedCardImg);\n $('.ending-in', tmpl)\n .html(cardEnding);\n $paymentSummary.append(tmpl);\n break;\n }\n case 'BOLT_PAY': {\n hasCreditCard = true;\n var lastFour = selectedPI.lastFour;\n var cardEnding = 'ending in ' + lastFour;\n if (selectedPI.type) {\n cardType = selectedPI.type;\n if (cardType.toLowerCase() === 'amex') {\n cardType = 'American-express';\n } else if (cardType.toLowerCase() === 'jcb') {\n cardType = 'Jcb';\n } else if (cardType.toLowerCase() === 'master' || cardType.toLowerCase() == 'mastercard') {\n cardType = 'Mastercard';\n } else if (cardType.toLowerCase() === 'visa') {\n cardType = 'Visa';\n } else if (cardType.toLowerCase() === 'discover') {\n cardType = 'Discover';\n }\n var selectedCardImg = $('.' + cardType + '-img').html();\n }\n $('.img-sec', tmpl)\n .html(selectedCardImg);\n $('.ending-in', tmpl)\n .html(cardEnding);\n $paymentSummary.append(tmpl);\n break;\n }\n case 'GIFT_CERTIFICATE': {\n hasGCPI = true;\n var giftHtml1 = '
Gift Card
';\n var giftHtml2 = '
' + '$' + selectedPI.amount + ' from a gift card has been applied.
';\n var giftPaymentHtml = giftHtml1 + giftHtml2;\n $('.payment-info-submitted .no-gutters').prepend(giftPaymentHtml);\n break;\n }\n default: { /* empty */ }\n }\n });\n if (order.totals.nonGcAmount !== 0) {\n $paymentSummary.find('.payment-summary-sec').removeClass('d-none');\n } else if (order.totals.nonGcAmount === 0) {\n $('.payment-info-submitted').find('.card-payment-summary').remove();\n }\n}\n\n/**\n * clears the credit card form\n */\nfunction clearCreditCardForm() {\n $('input[name$=\"_cardNumber\"]').data('cleave').setRawValue('');\n $('select[name$=\"_expirationMonth\"]').val('');\n $('select[name$=\"_expirationYear\"]').val('');\n $('input[name$=\"_securityCode\"]').val('');\n}\n\n/*\n* Update payment section view , if the selected stage is payment\n* default payment: credit card\n* default billing address: same as shipping\n* * */\nfunction updatepaymentView() {\n var paymentElm = $('.payment-form');\n if (paymentElm.length > 0) {\n // Select default payment option\n $('#is-CREDIT_CARD').attr('checked', true);\n $('#is-AFTERPAY_PBI').attr('checked', false);\n $('.creditcard-pay').show();\n $('#containerAfterPay').hide();\n }\n}\n\nmodule.exports = {\n methods: {\n updateBillingAddressSelector: updateBillingAddressSelector,\n updateBillingAddressFormValues: updateBillingAddressFormValues,\n clearBillingAddressFormValues: clearBillingAddressFormValues,\n updateBillingInformation: updateBillingInformation,\n updatePaymentInformation: updatePaymentInformation,\n clearCreditCardForm: clearCreditCardForm,\n updateBillingAddress: updateBillingAddress,\n validateAndUpdateBillingPaymentInstrument: validateAndUpdateBillingPaymentInstrument,\n updateBillingAddressSummary: updateBillingAddressSummary,\n updatepaymentView: updatepaymentView,\n updateStateValue: updateStateValue\n \n },\n showBillingDetails: function () {\n $('.btn-show-billing-details').on('click', function () {\n $(this).parents('[data-address-mode]').attr('data-address-mode', 'new');\n });\n },\n\n hideBillingDetails: function () {\n $('.btn-hide-billing-details').on('click', function () {\n $(this).parents('[data-address-mode]').attr('data-address-mode', 'shipment');\n });\n },\n\n selectBillingAddress: function () {\n $('.payment-form .addressSelector').on('click', function () {\n var form = $(this).parents('form')[0];\n\n if ($(this).is(':checked')) {\n $(form).attr('data-address-mode', 'shipment');\n } else {\n $(form).attr('data-address-mode', 'new');\n }\n\n // Copy fields\n var attrs = $(this).attr('data-address');\n\n if (attrs.length > 0) {\n var attrData = JSON.parse(attrs);\n var element;\n var value;\n Object.keys(attrData).forEach(function (attr) {\n element = attr === 'countryCode' ? 'country' : attr;\n value = attr === 'countryCode' ? attrData[attr].value : attrData[attr];\n if (element.indexOf('data-') > -1) {\n element = element.split('data-')[1];\n }\n if (element === 'cardNumber') {\n $('.cardNumber').data('cleave').setRawValue(value);\n } else if (element.toLocaleLowerCase() !== 'id') {\n $('[name$=' + element + ']', form).val(value);\n }\n });\n }\n }),\n\n /*\n * Billing form Country Change\n */\n $(document).on('change', '#billingCountry', function (e) {\n var $form = $(this).closest('form');\n var selectedCountry = $form.find('#billingCountry').val();\n switch (selectedCountry) {\n case 'US':\n $form.find('#billingStateUS').attr('required', '');\n $form.find('#billingStateText').removeAttr('required');\n $form.find('#billingStateNonUS').removeAttr('required');\n $form.find('#billingStateUS').show();\n $form.find('#billingStateText').hide().removeClass('is-invalid');\n $form.find('#billingStateNonUS').hide();\n $form.find('.billing-state-label').removeClass('d-none');\n if ($form.find('.billingZipCode').parent().hasClass('col-12')) {\n $form.find('.billingZipCode').parent().removeClass('col-12').addClass('col-md-6');\n }\n $('.billingZipCode').attr('pattern', '^\\\\d{5}(?:[\\\\-\\\\s]\\\\d{4})?$');\n break;\n case 'CA':\n $form.find('#billingStateText').removeAttr('required');\n $form.find('#billingStateUS').removeAttr('required');\n $form.find('#billingStateText').hide().removeClass('is-invalid');\n $form.find('#billingStateUS').hide();\n $form.find('#billingStateNonUS').attr('required', '');\n $form.find('#billingStateNonUS').show();\n $form.find('.billing-state-label').removeClass('d-none');\n if ($form.find('.billingZipCode').parent().hasClass('col-12')) {\n $form.find('.billingZipCode').parent().removeClass('col-12').addClass('col-md-6');\n }\n $('.billingZipCode').attr('pattern', '^[A-Z]\\\\d[A-Z] \\\\d[A-Z]\\\\d$');\n break;\n default:\n var selectedCntry = $form.find('#billingCountry').val();\n var countryWithState = $form.find('#countryWithState').val();\n $form.find('#billingStatedefault').val('');\n if (countryWithState.indexOf(selectedCntry) > -1) {\n $form.find('#billingStateText').show();\n $form.find('#billingStateText').attr('pattern', '\\\\S(.*\\\\S)?');\n $form.find('#billingStateText').attr('required', '');\n $form.find('.billing-state-label').removeClass('d-none');\n if ($form.find('.billingZipCode').parent().hasClass('col-12')) {\n $form.find('.billingZipCode').parent().removeClass('col-12').addClass('col-md-6');\n }\n } else {\n $form.find('#billingStateText').hide().removeClass('is-invalid');\n $form.find('#billingStateText').removeAttr('required');\n $form.find('#billingStateText').removeAttr('pattern');\n $form.find('.billing-state-label').addClass('d-none');\n $form.find('.invalid-feedback.billing-state').html('');\n if ($form.find('.billingZipCode').parent().hasClass('col-md-6')) {\n $form.find('.billingZipCode').parent().removeClass('col-md-6').addClass('col-12');\n }\n }\n $form.find('#billingStateUS').removeAttr('required');\n $form.find('#billingStateNonUS').removeAttr('required');\n $form.find('#billingStateUS').hide();\n $form.find('#billingStateNonUS').hide();\n // $form.find(\".stateFieldWrapper\").hide();\n $('.billingZipCode').attr('pattern', '\\\\S(.*\\\\S)?');\n }\n\n if (e.originalEvent !== undefined) {\n $form.find('#billingAddressOne, #billingAddressTwo, #billingAddressCity, #billingZipCode').val('');\n\t\t\t\t if (selectedCountry === 'US') {\n\t\t\t\t $form.find('#billingStateUS').val('');\n\t\t\t\t } else if (selectedCountry === 'CA') {\n\t\t\t\t $form.find('#billingStateNonUS').val('');\n\t\t\t\t } else {\n\t\t\t\t $form.find('#billingStateText').val('');\n\t\t\t\t }\n\t\t\t \t}\n });\n },\n\n handleCreditCardNumber: function () {\n if ($('.cardNumber').length) {\n cleave.handleCreditCardNumber('.cardNumber', '#cardType');\n }\n },\n\n santitizeForm: function () {\n $('body').on('checkout:serializeBilling', function (e, data) {\n var serializedForm = cleave.serializeData(data.form);\n\n data.callback(serializedForm);\n });\n },\n\n selectSavedPaymentInstrument: function () {\n $(document).on('click', '.saved-payment-instrument', function (e) {\n e.preventDefault();\n $('.saved-payment-security-code').val('');\n $('.saved-payment-instrument').removeClass('selected-payment');\n $(this).addClass('selected-payment');\n $('.saved-payment-instrument .card-image').removeClass('checkout-hidden');\n $('.saved-payment-instrument .security-code-input').addClass('checkout-hidden');\n $('.saved-payment-instrument.selected-payment'\n + ' .card-image').addClass('checkout-hidden');\n $('.saved-payment-instrument.selected-payment '\n + '.security-code-input').removeClass('checkout-hidden');\n });\n },\n\n addNewPaymentInstrument: function () {\n $('.btn.add-payment').on('click', function (e) {\n e.preventDefault();\n $('.payment-information').data('is-new-payment', true);\n clearCreditCardForm();\n $('.credit-card-form').removeClass('checkout-hidden');\n $('.user-payment-instruments').addClass('checkout-hidden');\n });\n },\n\n cancelNewPayment: function () {\n $('.cancel-new-payment').on('click', function (e) {\n e.preventDefault();\n $('.payment-information').data('is-new-payment', false);\n clearCreditCardForm();\n $('.user-payment-instruments').removeClass('checkout-hidden');\n $('.credit-card-form').addClass('checkout-hidden');\n });\n },\n\n clearBillingForm: function () {\n $('body').on('checkout:clearBillingForm', function () {\n clearBillingAddressFormValues();\n });\n },\n\n paymentTabs: function () {\n $('.payment-options .nav-item').on('click', function (e) {\n e.preventDefault();\n var methodID = $(this).data('method-id');\n $('.payment-information').data('payment-method-id', methodID);\n });\n }\n};\n","'use strict';\n\n/* eslint-env jquery */\n\n/**\n * Populate the Billing Address Summary View\n * @param {string} parentSelector - the top level DOM selector for a unique address summary\n * @param {Object} address - the address data\n */\nfunction populateAddressSummary(parentSelector, address) {\n $.each(address, function (attr) {\n var val = address[attr];\n if (attr == 'city') {\n \t$('.' + attr, parentSelector).text(val + ','|| '');\n } else if (attr == 'stateCode' && val && val.trim() !== '') {\n $('.' + attr, parentSelector).text(val + ','|| '');\n } else if (attr == 'countryCode') {\n $('.' + attr, parentSelector).text(val.value || '');\n } else {\n $('.' + attr, parentSelector).text(val || ''); \n }\n });\n}\n\n/**\n * returns a formed
element\n * @param {Object} shipping - the shipping object (shipment model)\n * @param {boolean} selected - current shipping is selected (for PLI)\n * @param {order} order - the Order model\n * @param {Object} [options] - options\n * @returns {Object} - the jQuery / DOMElement\n */\nfunction optionValueForAddress(shipping, selected, order, options) {\n var safeOptions = options || {};\n var isBilling = safeOptions.type && safeOptions.type === 'billing';\n var className = safeOptions.className || '';\n var isSelected = selected;\n var isNew = !shipping;\n if (typeof shipping === 'string') {\n return $('
' + shipping + ' ');\n }\n var safeShipping = shipping || {};\n var shippingAddress = safeShipping.shippingAddress || {};\n\n if (isBilling && isNew && !order.billing.matchingAddressId) {\n shippingAddress = order.billing.billingAddress.address || {};\n isNew = false;\n isSelected = true;\n safeShipping.UUID = 'manual-entry';\n }\n\n var uuid = safeShipping.UUID ? safeShipping.UUID : 'new';\n var optionEl = $('
');\n optionEl.val(uuid);\n\n var title;\n\n if (isNew) {\n title = order.resources.addNewAddress;\n } else {\n title = [];\n if (shippingAddress.firstName) {\n title.push(shippingAddress.firstName);\n }\n if (shippingAddress.lastName) {\n title.push(shippingAddress.lastName);\n }\n if (shippingAddress.address1) {\n title.push(shippingAddress.address1);\n }\n if (shippingAddress.address2) {\n title.push(shippingAddress.address2);\n }\n if (shippingAddress.city) {\n if (shippingAddress.state) {\n title.push(shippingAddress.city + ',');\n } else {\n title.push(shippingAddress.city);\n }\n }\n if (shippingAddress.stateCode) {\n title.push(shippingAddress.stateCode);\n }\n if (shippingAddress.postalCode) {\n title.push(shippingAddress.postalCode);\n }\n if (!isBilling && safeShipping.selectedShippingMethod) {\n title.push('-');\n title.push(safeShipping.selectedShippingMethod.displayName);\n }\n\n if (title.length > 2) {\n title = title.join(' ');\n } else {\n title = order.resources.newAddress;\n }\n }\n optionEl.text(title);\n\n var keyMap = {\n 'data-first-name': 'firstName',\n 'data-last-name': 'lastName',\n 'data-address1': 'address1',\n 'data-address2': 'address2',\n 'data-city': 'city',\n 'data-state-code': 'stateCode',\n 'data-postal-code': 'postalCode',\n 'data-country-code': 'countryCode',\n 'data-phone': 'phone'\n };\n $.each(keyMap, function (key) {\n var mappedKey = keyMap[key];\n var mappedValue = shippingAddress[mappedKey];\n // In case of country code\n if (mappedValue && typeof mappedValue === 'object') {\n mappedValue = mappedValue.value;\n }\n\n optionEl.attr(key, mappedValue || '');\n });\n\n var giftObj = {\n 'data-is-gift': 'isGift',\n 'data-gift-message': 'giftMessage'\n };\n\n $.each(giftObj, function (key) {\n var mappedKey = giftObj[key];\n var mappedValue = safeShipping[mappedKey];\n optionEl.attr(key, mappedValue || '');\n });\n\n if (isSelected) {\n optionEl.attr('selected', true);\n }\n\n return optionEl;\n}\n\n/**\n * returns address properties from a UI form\n * @param {Form} form - the Form element\n * @returns {Object} - a JSON object with all values\n */\nfunction getAddressFieldsFromUI(form) {\n var address = {\n firstName: $('input[name$=_firstName]', form).val(),\n lastName: $('input[name$=_lastName]', form).val(),\n address1: $('input[name$=_address1]', form).val(),\n address2: $('input[name$=_address2]', form).val(),\n city: $('input[name$=_city]', form).val(),\n postalCode: $('input[name$=_postalCode]', form).val(),\n stateCode: $('select[name$=_stateCode],input[name$=_stateCode]', form).val(),\n countryCode: $('select[name$=_country]', form).val(),\n phone: $('input[name$=_phone]', form).val()\n };\n return address;\n}\n\nmodule.exports = {\n methods: {\n populateAddressSummary: populateAddressSummary,\n optionValueForAddress: optionValueForAddress,\n getAddressFieldsFromUI: getAddressFieldsFromUI\n },\n\n showDetails: function () {\n $('.btn-show-details').on('click', function () {\n var form = $(this).closest('form');\n\n form.attr('data-address-mode', 'details');\n form.find('.multi-ship-address-actions').removeClass('d-none');\n form.find('.multi-ship-action-buttons .col-12.btn-save-multi-ship').addClass('d-none');\n });\n },\n\n addNewAddress: function () {\n $('.btn-add-new').on('click', function () {\n var $el = $(this);\n if ($el.parents('#dwfrm_billing').length > 0) {\n // Handle billing address case\n $('body').trigger('checkout:clearBillingForm');\n var $option = $($el.parents('form').find('.addressSelector option')[0]);\n $option.attr('value', 'new');\n var $newTitle = $('#dwfrm_billing input[name=localizedNewAddressTitle]').val();\n $option.text($newTitle);\n $option.prop('selected', 'selected');\n $el.parents('[data-address-mode]').attr('data-address-mode', 'new');\n } else {\n // Handle shipping address case\n var $newEl = $el.parents('form').find('.addressSelector option[value=new]');\n $newEl.prop('selected', 'selected');\n $newEl.parent().trigger('change');\n }\n });\n }\n};\n","'use strict';\n\nvar Cleave = require('cleave.js').default;\n\nmodule.exports = {\n handleCreditCardNumber: function (cardFieldSelector, cardTypeSelector) {\n var cleave = new Cleave(cardFieldSelector, {\n creditCard: true,\n onCreditCardTypeChanged: function (type) {\n var creditCardTypes = {\n visa: 'Visa',\n mastercard: 'Master Card',\n amex: 'Amex',\n discover: 'Discover',\n unknown: 'Unknown'\n };\n\n var cardType = creditCardTypes[Object.keys(creditCardTypes).indexOf(type) > -1\n ? type\n : 'unknown'];\n $(cardTypeSelector).val(cardType);\n $('.card-number-wrapper').attr('data-type', type);\n if (type === 'visa' || type === 'mastercard' || type === 'discover') {\n $('#securityCode').attr('maxlength', 3);\n } else {\n $('#securityCode').attr('maxlength', 4);\n }\n }\n });\n\n $(cardFieldSelector).data('cleave', cleave);\n },\n\n serializeData: function (form) {\n var serializedArray = form.serializeArray();\n\n serializedArray.forEach(function (item) {\n if (item.name.indexOf('cardNumber') > -1) {\n item.value = $('#cardNumber').data('cleave').getRawValue(); // eslint-disable-line\n }\n });\n\n return $.param(serializedArray);\n }\n};\n","var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};\n\nvar NumeralFormatter = function (numeralDecimalMark,\n numeralIntegerScale,\n numeralDecimalScale,\n numeralThousandsGroupStyle,\n numeralPositiveOnly,\n stripLeadingZeroes,\n prefix,\n signBeforePrefix,\n tailPrefix,\n delimiter) {\n var owner = this;\n\n owner.numeralDecimalMark = numeralDecimalMark || '.';\n owner.numeralIntegerScale = numeralIntegerScale > 0 ? numeralIntegerScale : 0;\n owner.numeralDecimalScale = numeralDecimalScale >= 0 ? numeralDecimalScale : 2;\n owner.numeralThousandsGroupStyle = numeralThousandsGroupStyle || NumeralFormatter.groupStyle.thousand;\n owner.numeralPositiveOnly = !!numeralPositiveOnly;\n owner.stripLeadingZeroes = stripLeadingZeroes !== false;\n owner.prefix = (prefix || prefix === '') ? prefix : '';\n owner.signBeforePrefix = !!signBeforePrefix;\n owner.tailPrefix = !!tailPrefix;\n owner.delimiter = (delimiter || delimiter === '') ? delimiter : ',';\n owner.delimiterRE = delimiter ? new RegExp('\\\\' + delimiter, 'g') : '';\n};\n\nNumeralFormatter.groupStyle = {\n thousand: 'thousand',\n lakh: 'lakh',\n wan: 'wan',\n none: 'none' \n};\n\nNumeralFormatter.prototype = {\n getRawValue: function (value) {\n return value.replace(this.delimiterRE, '').replace(this.numeralDecimalMark, '.');\n },\n\n format: function (value) {\n var owner = this, parts, partSign, partSignAndPrefix, partInteger, partDecimal = '';\n\n // strip alphabet letters\n value = value.replace(/[A-Za-z]/g, '')\n // replace the first decimal mark with reserved placeholder\n .replace(owner.numeralDecimalMark, 'M')\n\n // strip non numeric letters except minus and \"M\"\n // this is to ensure prefix has been stripped\n .replace(/[^\\dM-]/g, '')\n\n // replace the leading minus with reserved placeholder\n .replace(/^\\-/, 'N')\n\n // strip the other minus sign (if present)\n .replace(/\\-/g, '')\n\n // replace the minus sign (if present)\n .replace('N', owner.numeralPositiveOnly ? '' : '-')\n\n // replace decimal mark\n .replace('M', owner.numeralDecimalMark);\n\n // strip any leading zeros\n if (owner.stripLeadingZeroes) {\n value = value.replace(/^(-)?0+(?=\\d)/, '$1');\n }\n\n partSign = value.slice(0, 1) === '-' ? '-' : '';\n if (typeof owner.prefix != 'undefined') {\n if (owner.signBeforePrefix) {\n partSignAndPrefix = partSign + owner.prefix;\n } else {\n partSignAndPrefix = owner.prefix + partSign;\n }\n } else {\n partSignAndPrefix = partSign;\n }\n \n partInteger = value;\n\n if (value.indexOf(owner.numeralDecimalMark) >= 0) {\n parts = value.split(owner.numeralDecimalMark);\n partInteger = parts[0];\n partDecimal = owner.numeralDecimalMark + parts[1].slice(0, owner.numeralDecimalScale);\n }\n\n if(partSign === '-') {\n partInteger = partInteger.slice(1);\n }\n\n if (owner.numeralIntegerScale > 0) {\n partInteger = partInteger.slice(0, owner.numeralIntegerScale);\n }\n\n switch (owner.numeralThousandsGroupStyle) {\n case NumeralFormatter.groupStyle.lakh:\n partInteger = partInteger.replace(/(\\d)(?=(\\d\\d)+\\d$)/g, '$1' + owner.delimiter);\n\n break;\n\n case NumeralFormatter.groupStyle.wan:\n partInteger = partInteger.replace(/(\\d)(?=(\\d{4})+$)/g, '$1' + owner.delimiter);\n\n break;\n\n case NumeralFormatter.groupStyle.thousand:\n partInteger = partInteger.replace(/(\\d)(?=(\\d{3})+$)/g, '$1' + owner.delimiter);\n\n break;\n }\n\n if (owner.tailPrefix) {\n return partSign + partInteger.toString() + (owner.numeralDecimalScale > 0 ? partDecimal.toString() : '') + owner.prefix;\n }\n\n return partSignAndPrefix + partInteger.toString() + (owner.numeralDecimalScale > 0 ? partDecimal.toString() : '');\n }\n};\n\nvar NumeralFormatter_1 = NumeralFormatter;\n\nvar DateFormatter = function (datePattern, dateMin, dateMax) {\n var owner = this;\n\n owner.date = [];\n owner.blocks = [];\n owner.datePattern = datePattern;\n owner.dateMin = dateMin\n .split('-')\n .reverse()\n .map(function(x) {\n return parseInt(x, 10);\n });\n if (owner.dateMin.length === 2) owner.dateMin.unshift(0);\n\n owner.dateMax = dateMax\n .split('-')\n .reverse()\n .map(function(x) {\n return parseInt(x, 10);\n });\n if (owner.dateMax.length === 2) owner.dateMax.unshift(0);\n \n owner.initBlocks();\n};\n\nDateFormatter.prototype = {\n initBlocks: function () {\n var owner = this;\n owner.datePattern.forEach(function (value) {\n if (value === 'Y') {\n owner.blocks.push(4);\n } else {\n owner.blocks.push(2);\n }\n });\n },\n\n getISOFormatDate: function () {\n var owner = this,\n date = owner.date;\n\n return date[2] ? (\n date[2] + '-' + owner.addLeadingZero(date[1]) + '-' + owner.addLeadingZero(date[0])\n ) : '';\n },\n\n getBlocks: function () {\n return this.blocks;\n },\n\n getValidatedDate: function (value) {\n var owner = this, result = '';\n\n value = value.replace(/[^\\d]/g, '');\n\n owner.blocks.forEach(function (length, index) {\n if (value.length > 0) {\n var sub = value.slice(0, length),\n sub0 = sub.slice(0, 1),\n rest = value.slice(length);\n\n switch (owner.datePattern[index]) {\n case 'd':\n if (sub === '00') {\n sub = '01';\n } else if (parseInt(sub0, 10) > 3) {\n sub = '0' + sub0;\n } else if (parseInt(sub, 10) > 31) {\n sub = '31';\n }\n\n break;\n\n case 'm':\n if (sub === '00') {\n sub = '01';\n } else if (parseInt(sub0, 10) > 1) {\n sub = '0' + sub0;\n } else if (parseInt(sub, 10) > 12) {\n sub = '12';\n }\n\n break;\n }\n\n result += sub;\n\n // update remaining string\n value = rest;\n }\n });\n\n return this.getFixedDateString(result);\n },\n\n getFixedDateString: function (value) {\n var owner = this, datePattern = owner.datePattern, date = [],\n dayIndex = 0, monthIndex = 0, yearIndex = 0,\n dayStartIndex = 0, monthStartIndex = 0, yearStartIndex = 0,\n day, month, year, fullYearDone = false;\n\n // mm-dd || dd-mm\n if (value.length === 4 && datePattern[0].toLowerCase() !== 'y' && datePattern[1].toLowerCase() !== 'y') {\n dayStartIndex = datePattern[0] === 'd' ? 0 : 2;\n monthStartIndex = 2 - dayStartIndex;\n day = parseInt(value.slice(dayStartIndex, dayStartIndex + 2), 10);\n month = parseInt(value.slice(monthStartIndex, monthStartIndex + 2), 10);\n\n date = this.getFixedDate(day, month, 0);\n }\n\n // yyyy-mm-dd || yyyy-dd-mm || mm-dd-yyyy || dd-mm-yyyy || dd-yyyy-mm || mm-yyyy-dd\n if (value.length === 8) {\n datePattern.forEach(function (type, index) {\n switch (type) {\n case 'd':\n dayIndex = index;\n break;\n case 'm':\n monthIndex = index;\n break;\n default:\n yearIndex = index;\n break;\n }\n });\n\n yearStartIndex = yearIndex * 2;\n dayStartIndex = (dayIndex <= yearIndex) ? dayIndex * 2 : (dayIndex * 2 + 2);\n monthStartIndex = (monthIndex <= yearIndex) ? monthIndex * 2 : (monthIndex * 2 + 2);\n\n day = parseInt(value.slice(dayStartIndex, dayStartIndex + 2), 10);\n month = parseInt(value.slice(monthStartIndex, monthStartIndex + 2), 10);\n year = parseInt(value.slice(yearStartIndex, yearStartIndex + 4), 10);\n\n fullYearDone = value.slice(yearStartIndex, yearStartIndex + 4).length === 4;\n\n date = this.getFixedDate(day, month, year);\n }\n\n // mm-yy || yy-mm\n if (value.length === 4 && (datePattern[0] === 'y' || datePattern[1] === 'y')) {\n monthStartIndex = datePattern[0] === 'm' ? 0 : 2;\n yearStartIndex = 2 - monthStartIndex;\n month = parseInt(value.slice(monthStartIndex, monthStartIndex + 2), 10);\n year = parseInt(value.slice(yearStartIndex, yearStartIndex + 2), 10);\n\n fullYearDone = value.slice(yearStartIndex, yearStartIndex + 2).length === 2;\n\n date = [0, month, year];\n }\n\n // mm-yyyy || yyyy-mm\n if (value.length === 6 && (datePattern[0] === 'Y' || datePattern[1] === 'Y')) {\n monthStartIndex = datePattern[0] === 'm' ? 0 : 4;\n yearStartIndex = 2 - 0.5 * monthStartIndex;\n month = parseInt(value.slice(monthStartIndex, monthStartIndex + 2), 10);\n year = parseInt(value.slice(yearStartIndex, yearStartIndex + 4), 10);\n\n fullYearDone = value.slice(yearStartIndex, yearStartIndex + 4).length === 4;\n\n date = [0, month, year];\n }\n\n date = owner.getRangeFixedDate(date);\n owner.date = date;\n\n var result = date.length === 0 ? value : datePattern.reduce(function (previous, current) {\n switch (current) {\n case 'd':\n return previous + (date[0] === 0 ? '' : owner.addLeadingZero(date[0]));\n case 'm':\n return previous + (date[1] === 0 ? '' : owner.addLeadingZero(date[1]));\n case 'y':\n return previous + (fullYearDone ? owner.addLeadingZeroForYear(date[2], false) : '');\n case 'Y':\n return previous + (fullYearDone ? owner.addLeadingZeroForYear(date[2], true) : '');\n }\n }, '');\n\n return result;\n },\n\n getRangeFixedDate: function (date) {\n var owner = this,\n datePattern = owner.datePattern,\n dateMin = owner.dateMin || [],\n dateMax = owner.dateMax || [];\n\n if (!date.length || (dateMin.length < 3 && dateMax.length < 3)) return date;\n\n if (\n datePattern.find(function(x) {\n return x.toLowerCase() === 'y';\n }) &&\n date[2] === 0\n ) return date;\n\n if (dateMax.length && (dateMax[2] < date[2] || (\n dateMax[2] === date[2] && (dateMax[1] < date[1] || (\n dateMax[1] === date[1] && dateMax[0] < date[0]\n ))\n ))) return dateMax;\n\n if (dateMin.length && (dateMin[2] > date[2] || (\n dateMin[2] === date[2] && (dateMin[1] > date[1] || (\n dateMin[1] === date[1] && dateMin[0] > date[0]\n ))\n ))) return dateMin;\n\n return date;\n },\n\n getFixedDate: function (day, month, year) {\n day = Math.min(day, 31);\n month = Math.min(month, 12);\n year = parseInt((year || 0), 10);\n\n if ((month < 7 && month % 2 === 0) || (month > 8 && month % 2 === 1)) {\n day = Math.min(day, month === 2 ? (this.isLeapYear(year) ? 29 : 28) : 30);\n }\n\n return [day, month, year];\n },\n\n isLeapYear: function (year) {\n return ((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0);\n },\n\n addLeadingZero: function (number) {\n return (number < 10 ? '0' : '') + number;\n },\n\n addLeadingZeroForYear: function (number, fullYearMode) {\n if (fullYearMode) {\n return (number < 10 ? '000' : (number < 100 ? '00' : (number < 1000 ? '0' : ''))) + number;\n }\n\n return (number < 10 ? '0' : '') + number;\n }\n};\n\nvar DateFormatter_1 = DateFormatter;\n\nvar TimeFormatter = function (timePattern, timeFormat) {\n var owner = this;\n\n owner.time = [];\n owner.blocks = [];\n owner.timePattern = timePattern;\n owner.timeFormat = timeFormat;\n owner.initBlocks();\n};\n\nTimeFormatter.prototype = {\n initBlocks: function () {\n var owner = this;\n owner.timePattern.forEach(function () {\n owner.blocks.push(2);\n });\n },\n\n getISOFormatTime: function () {\n var owner = this,\n time = owner.time;\n\n return time[2] ? (\n owner.addLeadingZero(time[0]) + ':' + owner.addLeadingZero(time[1]) + ':' + owner.addLeadingZero(time[2])\n ) : '';\n },\n\n getBlocks: function () {\n return this.blocks;\n },\n\n getTimeFormatOptions: function () {\n var owner = this;\n if (String(owner.timeFormat) === '12') {\n return {\n maxHourFirstDigit: 1,\n maxHours: 12,\n maxMinutesFirstDigit: 5,\n maxMinutes: 60\n };\n }\n\n return {\n maxHourFirstDigit: 2,\n maxHours: 23,\n maxMinutesFirstDigit: 5,\n maxMinutes: 60\n };\n },\n\n getValidatedTime: function (value) {\n var owner = this, result = '';\n\n value = value.replace(/[^\\d]/g, '');\n\n var timeFormatOptions = owner.getTimeFormatOptions();\n\n owner.blocks.forEach(function (length, index) {\n if (value.length > 0) {\n var sub = value.slice(0, length),\n sub0 = sub.slice(0, 1),\n rest = value.slice(length);\n\n switch (owner.timePattern[index]) {\n\n case 'h':\n if (parseInt(sub0, 10) > timeFormatOptions.maxHourFirstDigit) {\n sub = '0' + sub0;\n } else if (parseInt(sub, 10) > timeFormatOptions.maxHours) {\n sub = timeFormatOptions.maxHours + '';\n }\n\n break;\n\n case 'm':\n case 's':\n if (parseInt(sub0, 10) > timeFormatOptions.maxMinutesFirstDigit) {\n sub = '0' + sub0;\n } else if (parseInt(sub, 10) > timeFormatOptions.maxMinutes) {\n sub = timeFormatOptions.maxMinutes + '';\n }\n break;\n }\n\n result += sub;\n\n // update remaining string\n value = rest;\n }\n });\n\n return this.getFixedTimeString(result);\n },\n\n getFixedTimeString: function (value) {\n var owner = this, timePattern = owner.timePattern, time = [],\n secondIndex = 0, minuteIndex = 0, hourIndex = 0,\n secondStartIndex = 0, minuteStartIndex = 0, hourStartIndex = 0,\n second, minute, hour;\n\n if (value.length === 6) {\n timePattern.forEach(function (type, index) {\n switch (type) {\n case 's':\n secondIndex = index * 2;\n break;\n case 'm':\n minuteIndex = index * 2;\n break;\n case 'h':\n hourIndex = index * 2;\n break;\n }\n });\n\n hourStartIndex = hourIndex;\n minuteStartIndex = minuteIndex;\n secondStartIndex = secondIndex;\n\n second = parseInt(value.slice(secondStartIndex, secondStartIndex + 2), 10);\n minute = parseInt(value.slice(minuteStartIndex, minuteStartIndex + 2), 10);\n hour = parseInt(value.slice(hourStartIndex, hourStartIndex + 2), 10);\n\n time = this.getFixedTime(hour, minute, second);\n }\n\n if (value.length === 4 && owner.timePattern.indexOf('s') < 0) {\n timePattern.forEach(function (type, index) {\n switch (type) {\n case 'm':\n minuteIndex = index * 2;\n break;\n case 'h':\n hourIndex = index * 2;\n break;\n }\n });\n\n hourStartIndex = hourIndex;\n minuteStartIndex = minuteIndex;\n\n second = 0;\n minute = parseInt(value.slice(minuteStartIndex, minuteStartIndex + 2), 10);\n hour = parseInt(value.slice(hourStartIndex, hourStartIndex + 2), 10);\n\n time = this.getFixedTime(hour, minute, second);\n }\n\n owner.time = time;\n\n return time.length === 0 ? value : timePattern.reduce(function (previous, current) {\n switch (current) {\n case 's':\n return previous + owner.addLeadingZero(time[2]);\n case 'm':\n return previous + owner.addLeadingZero(time[1]);\n case 'h':\n return previous + owner.addLeadingZero(time[0]);\n }\n }, '');\n },\n\n getFixedTime: function (hour, minute, second) {\n second = Math.min(parseInt(second || 0, 10), 60);\n minute = Math.min(minute, 60);\n hour = Math.min(hour, 60);\n\n return [hour, minute, second];\n },\n\n addLeadingZero: function (number) {\n return (number < 10 ? '0' : '') + number;\n }\n};\n\nvar TimeFormatter_1 = TimeFormatter;\n\nvar PhoneFormatter = function (formatter, delimiter) {\n var owner = this;\n\n owner.delimiter = (delimiter || delimiter === '') ? delimiter : ' ';\n owner.delimiterRE = delimiter ? new RegExp('\\\\' + delimiter, 'g') : '';\n\n owner.formatter = formatter;\n};\n\nPhoneFormatter.prototype = {\n setFormatter: function (formatter) {\n this.formatter = formatter;\n },\n\n format: function (phoneNumber) {\n var owner = this;\n\n owner.formatter.clear();\n\n // only keep number and +\n phoneNumber = phoneNumber.replace(/[^\\d+]/g, '');\n\n // strip non-leading +\n phoneNumber = phoneNumber.replace(/^\\+/, 'B').replace(/\\+/g, '').replace('B', '+');\n\n // strip delimiter\n phoneNumber = phoneNumber.replace(owner.delimiterRE, '');\n\n var result = '', current, validated = false;\n\n for (var i = 0, iMax = phoneNumber.length; i < iMax; i++) {\n current = owner.formatter.inputDigit(phoneNumber.charAt(i));\n\n // has ()- or space inside\n if (/[\\s()-]/g.test(current)) {\n result = current;\n\n validated = true;\n } else {\n if (!validated) {\n result = current;\n }\n // else: over length input\n // it turns to invalid number again\n }\n }\n\n // strip ()\n // e.g. US: 7161234567 returns (716) 123-4567\n result = result.replace(/[()]/g, '');\n // replace library delimiter with user customized delimiter\n result = result.replace(/[\\s-]/g, owner.delimiter);\n\n return result;\n }\n};\n\nvar PhoneFormatter_1 = PhoneFormatter;\n\nvar CreditCardDetector = {\n blocks: {\n uatp: [4, 5, 6],\n amex: [4, 6, 5],\n diners: [4, 6, 4],\n discover: [4, 4, 4, 4],\n mastercard: [4, 4, 4, 4],\n dankort: [4, 4, 4, 4],\n instapayment: [4, 4, 4, 4],\n jcb15: [4, 6, 5],\n jcb: [4, 4, 4, 4],\n maestro: [4, 4, 4, 4],\n visa: [4, 4, 4, 4],\n mir: [4, 4, 4, 4],\n unionPay: [4, 4, 4, 4],\n general: [4, 4, 4, 4]\n },\n\n re: {\n // starts with 1; 15 digits, not starts with 1800 (jcb card)\n uatp: /^(?!1800)1\\d{0,14}/,\n\n // starts with 34/37; 15 digits\n amex: /^3[47]\\d{0,13}/,\n\n // starts with 6011/65/644-649; 16 digits\n discover: /^(?:6011|65\\d{0,2}|64[4-9]\\d?)\\d{0,12}/,\n\n // starts with 300-305/309 or 36/38/39; 14 digits\n diners: /^3(?:0([0-5]|9)|[689]\\d?)\\d{0,11}/,\n\n // starts with 51-55/2221–2720; 16 digits\n mastercard: /^(5[1-5]\\d{0,2}|22[2-9]\\d{0,1}|2[3-7]\\d{0,2})\\d{0,12}/,\n\n // starts with 5019/4175/4571; 16 digits\n dankort: /^(5019|4175|4571)\\d{0,12}/,\n\n // starts with 637-639; 16 digits\n instapayment: /^63[7-9]\\d{0,13}/,\n\n // starts with 2131/1800; 15 digits\n jcb15: /^(?:2131|1800)\\d{0,11}/,\n\n // starts with 2131/1800/35; 16 digits\n jcb: /^(?:35\\d{0,2})\\d{0,12}/,\n\n // starts with 50/56-58/6304/67; 16 digits\n maestro: /^(?:5[0678]\\d{0,2}|6304|67\\d{0,2})\\d{0,12}/,\n\n // starts with 22; 16 digits\n mir: /^220[0-4]\\d{0,12}/,\n\n // starts with 4; 16 digits\n visa: /^4\\d{0,15}/,\n\n // starts with 62/81; 16 digits\n unionPay: /^(62|81)\\d{0,14}/\n },\n\n getStrictBlocks: function (block) {\n var total = block.reduce(function (prev, current) {\n return prev + current;\n }, 0);\n\n return block.concat(19 - total);\n },\n\n getInfo: function (value, strictMode) {\n var blocks = CreditCardDetector.blocks,\n re = CreditCardDetector.re;\n\n // Some credit card can have up to 19 digits number.\n // Set strictMode to true will remove the 16 max-length restrain,\n // however, I never found any website validate card number like\n // this, hence probably you don't want to enable this option.\n strictMode = !!strictMode;\n\n for (var key in re) {\n if (re[key].test(value)) {\n var matchedBlocks = blocks[key];\n return {\n type: key,\n blocks: strictMode ? this.getStrictBlocks(matchedBlocks) : matchedBlocks\n };\n }\n }\n\n return {\n type: 'unknown',\n blocks: strictMode ? this.getStrictBlocks(blocks.general) : blocks.general\n };\n }\n};\n\nvar CreditCardDetector_1 = CreditCardDetector;\n\nvar Util = {\n noop: function () {\n },\n\n strip: function (value, re) {\n return value.replace(re, '');\n },\n\n getPostDelimiter: function (value, delimiter, delimiters) {\n // single delimiter\n if (delimiters.length === 0) {\n return value.slice(-delimiter.length) === delimiter ? delimiter : '';\n }\n\n // multiple delimiters\n var matchedDelimiter = '';\n delimiters.forEach(function (current) {\n if (value.slice(-current.length) === current) {\n matchedDelimiter = current;\n }\n });\n\n return matchedDelimiter;\n },\n\n getDelimiterREByDelimiter: function (delimiter) {\n return new RegExp(delimiter.replace(/([.?*+^$[\\]\\\\(){}|-])/g, '\\\\$1'), 'g');\n },\n\n getNextCursorPosition: function (prevPos, oldValue, newValue, delimiter, delimiters) {\n // If cursor was at the end of value, just place it back.\n // Because new value could contain additional chars.\n if (oldValue.length === prevPos) {\n return newValue.length;\n }\n\n return prevPos + this.getPositionOffset(prevPos, oldValue, newValue, delimiter ,delimiters);\n },\n\n getPositionOffset: function (prevPos, oldValue, newValue, delimiter, delimiters) {\n var oldRawValue, newRawValue, lengthOffset;\n\n oldRawValue = this.stripDelimiters(oldValue.slice(0, prevPos), delimiter, delimiters);\n newRawValue = this.stripDelimiters(newValue.slice(0, prevPos), delimiter, delimiters);\n lengthOffset = oldRawValue.length - newRawValue.length;\n\n return (lengthOffset !== 0) ? (lengthOffset / Math.abs(lengthOffset)) : 0;\n },\n\n stripDelimiters: function (value, delimiter, delimiters) {\n var owner = this;\n\n // single delimiter\n if (delimiters.length === 0) {\n var delimiterRE = delimiter ? owner.getDelimiterREByDelimiter(delimiter) : '';\n\n return value.replace(delimiterRE, '');\n }\n\n // multiple delimiters\n delimiters.forEach(function (current) {\n current.split('').forEach(function (letter) {\n value = value.replace(owner.getDelimiterREByDelimiter(letter), '');\n });\n });\n\n return value;\n },\n\n headStr: function (str, length) {\n return str.slice(0, length);\n },\n\n getMaxLength: function (blocks) {\n return blocks.reduce(function (previous, current) {\n return previous + current;\n }, 0);\n },\n\n // strip prefix\n // Before type | After type | Return value\n // PEFIX-... | PEFIX-... | ''\n // PREFIX-123 | PEFIX-123 | 123\n // PREFIX-123 | PREFIX-23 | 23\n // PREFIX-123 | PREFIX-1234 | 1234\n getPrefixStrippedValue: function (value, prefix, prefixLength, prevResult, delimiter, delimiters, noImmediatePrefix, tailPrefix, signBeforePrefix) {\n // No prefix\n if (prefixLength === 0) {\n return value;\n }\n\n // Value is prefix\n if (value === prefix && value !== '') {\n return '';\n }\n\n if (signBeforePrefix && (value.slice(0, 1) == '-')) {\n var prev = (prevResult.slice(0, 1) == '-') ? prevResult.slice(1) : prevResult;\n return '-' + this.getPrefixStrippedValue(value.slice(1), prefix, prefixLength, prev, delimiter, delimiters, noImmediatePrefix, tailPrefix, signBeforePrefix);\n }\n\n // Pre result prefix string does not match pre-defined prefix\n if (prevResult.slice(0, prefixLength) !== prefix && !tailPrefix) {\n // Check if the first time user entered something\n if (noImmediatePrefix && !prevResult && value) return value;\n return '';\n } else if (prevResult.slice(-prefixLength) !== prefix && tailPrefix) {\n // Check if the first time user entered something\n if (noImmediatePrefix && !prevResult && value) return value;\n return '';\n }\n\n var prevValue = this.stripDelimiters(prevResult, delimiter, delimiters);\n\n // New value has issue, someone typed in between prefix letters\n // Revert to pre value\n if (value.slice(0, prefixLength) !== prefix && !tailPrefix) {\n return prevValue.slice(prefixLength);\n } else if (value.slice(-prefixLength) !== prefix && tailPrefix) {\n return prevValue.slice(0, -prefixLength - 1);\n }\n\n // No issue, strip prefix for new value\n return tailPrefix ? value.slice(0, -prefixLength) : value.slice(prefixLength);\n },\n\n getFirstDiffIndex: function (prev, current) {\n var index = 0;\n\n while (prev.charAt(index) === current.charAt(index)) {\n if (prev.charAt(index++) === '') {\n return -1;\n }\n }\n\n return index;\n },\n\n getFormattedValue: function (value, blocks, blocksLength, delimiter, delimiters, delimiterLazyShow) {\n var result = '',\n multipleDelimiters = delimiters.length > 0,\n currentDelimiter = '';\n\n // no options, normal input\n if (blocksLength === 0) {\n return value;\n }\n\n blocks.forEach(function (length, index) {\n if (value.length > 0) {\n var sub = value.slice(0, length),\n rest = value.slice(length);\n\n if (multipleDelimiters) {\n currentDelimiter = delimiters[delimiterLazyShow ? (index - 1) : index] || currentDelimiter;\n } else {\n currentDelimiter = delimiter;\n }\n\n if (delimiterLazyShow) {\n if (index > 0) {\n result += currentDelimiter;\n }\n\n result += sub;\n } else {\n result += sub;\n\n if (sub.length === length && index < blocksLength - 1) {\n result += currentDelimiter;\n }\n }\n\n // update remaining string\n value = rest;\n }\n });\n\n return result;\n },\n\n // move cursor to the end\n // the first time user focuses on an input with prefix\n fixPrefixCursor: function (el, prefix, delimiter, delimiters) {\n if (!el) {\n return;\n }\n\n var val = el.value,\n appendix = delimiter || (delimiters[0] || ' ');\n\n if (!el.setSelectionRange || !prefix || (prefix.length + appendix.length) <= val.length) {\n return;\n }\n\n var len = val.length * 2;\n\n // set timeout to avoid blink\n setTimeout(function () {\n el.setSelectionRange(len, len);\n }, 1);\n },\n\n // Check if input field is fully selected\n checkFullSelection: function(value) {\n try {\n var selection = window.getSelection() || document.getSelection() || {};\n return selection.toString().length === value.length;\n } catch (ex) {\n // Ignore\n }\n\n return false;\n },\n\n setSelection: function (element, position, doc) {\n if (element !== this.getActiveElement(doc)) {\n return;\n }\n\n // cursor is already in the end\n if (element && element.value.length <= position) {\n return;\n }\n\n if (element.createTextRange) {\n var range = element.createTextRange();\n\n range.move('character', position);\n range.select();\n } else {\n try {\n element.setSelectionRange(position, position);\n } catch (e) {\n // eslint-disable-next-line\n console.warn('The input element type does not support selection');\n }\n }\n },\n\n getActiveElement: function(parent) {\n var activeElement = parent.activeElement;\n if (activeElement && activeElement.shadowRoot) {\n return this.getActiveElement(activeElement.shadowRoot);\n }\n return activeElement;\n },\n\n isAndroid: function () {\n return navigator && /android/i.test(navigator.userAgent);\n },\n\n // On Android chrome, the keyup and keydown events\n // always return key code 229 as a composition that\n // buffers the user’s keystrokes\n // see https://github.com/nosir/cleave.js/issues/147\n isAndroidBackspaceKeydown: function (lastInputValue, currentInputValue) {\n if (!this.isAndroid() || !lastInputValue || !currentInputValue) {\n return false;\n }\n\n return currentInputValue === lastInputValue.slice(0, -1);\n }\n};\n\nvar Util_1 = Util;\n\n/**\n * Props Assignment\n *\n * Separate this, so react module can share the usage\n */\nvar DefaultProperties = {\n // Maybe change to object-assign\n // for now just keep it as simple\n assign: function (target, opts) {\n target = target || {};\n opts = opts || {};\n\n // credit card\n target.creditCard = !!opts.creditCard;\n target.creditCardStrictMode = !!opts.creditCardStrictMode;\n target.creditCardType = '';\n target.onCreditCardTypeChanged = opts.onCreditCardTypeChanged || (function () {});\n\n // phone\n target.phone = !!opts.phone;\n target.phoneRegionCode = opts.phoneRegionCode || 'AU';\n target.phoneFormatter = {};\n\n // time\n target.time = !!opts.time;\n target.timePattern = opts.timePattern || ['h', 'm', 's'];\n target.timeFormat = opts.timeFormat || '24';\n target.timeFormatter = {};\n\n // date\n target.date = !!opts.date;\n target.datePattern = opts.datePattern || ['d', 'm', 'Y'];\n target.dateMin = opts.dateMin || '';\n target.dateMax = opts.dateMax || '';\n target.dateFormatter = {};\n\n // numeral\n target.numeral = !!opts.numeral;\n target.numeralIntegerScale = opts.numeralIntegerScale > 0 ? opts.numeralIntegerScale : 0;\n target.numeralDecimalScale = opts.numeralDecimalScale >= 0 ? opts.numeralDecimalScale : 2;\n target.numeralDecimalMark = opts.numeralDecimalMark || '.';\n target.numeralThousandsGroupStyle = opts.numeralThousandsGroupStyle || 'thousand';\n target.numeralPositiveOnly = !!opts.numeralPositiveOnly;\n target.stripLeadingZeroes = opts.stripLeadingZeroes !== false;\n target.signBeforePrefix = !!opts.signBeforePrefix;\n target.tailPrefix = !!opts.tailPrefix;\n\n // others\n target.swapHiddenInput = !!opts.swapHiddenInput;\n \n target.numericOnly = target.creditCard || target.date || !!opts.numericOnly;\n\n target.uppercase = !!opts.uppercase;\n target.lowercase = !!opts.lowercase;\n\n target.prefix = (target.creditCard || target.date) ? '' : (opts.prefix || '');\n target.noImmediatePrefix = !!opts.noImmediatePrefix;\n target.prefixLength = target.prefix.length;\n target.rawValueTrimPrefix = !!opts.rawValueTrimPrefix;\n target.copyDelimiter = !!opts.copyDelimiter;\n\n target.initValue = (opts.initValue !== undefined && opts.initValue !== null) ? opts.initValue.toString() : '';\n\n target.delimiter =\n (opts.delimiter || opts.delimiter === '') ? opts.delimiter :\n (opts.date ? '/' :\n (opts.time ? ':' :\n (opts.numeral ? ',' :\n (opts.phone ? ' ' :\n ' '))));\n target.delimiterLength = target.delimiter.length;\n target.delimiterLazyShow = !!opts.delimiterLazyShow;\n target.delimiters = opts.delimiters || [];\n\n target.blocks = opts.blocks || [];\n target.blocksLength = target.blocks.length;\n\n target.root = (typeof commonjsGlobal === 'object' && commonjsGlobal) ? commonjsGlobal : window;\n target.document = opts.document || target.root.document;\n\n target.maxLength = 0;\n\n target.backspace = false;\n target.result = '';\n\n target.onValueChanged = opts.onValueChanged || (function () {});\n\n return target;\n }\n};\n\nvar DefaultProperties_1 = DefaultProperties;\n\n/**\n * Construct a new Cleave instance by passing the configuration object\n *\n * @param {String | HTMLElement} element\n * @param {Object} opts\n */\nvar Cleave = function (element, opts) {\n var owner = this;\n var hasMultipleElements = false;\n\n if (typeof element === 'string') {\n owner.element = document.querySelector(element);\n hasMultipleElements = document.querySelectorAll(element).length > 1;\n } else {\n if (typeof element.length !== 'undefined' && element.length > 0) {\n owner.element = element[0];\n hasMultipleElements = element.length > 1;\n } else {\n owner.element = element;\n }\n }\n\n if (!owner.element) {\n throw new Error('[cleave.js] Please check the element');\n }\n\n if (hasMultipleElements) {\n try {\n // eslint-disable-next-line\n console.warn('[cleave.js] Multiple input fields matched, cleave.js will only take the first one.');\n } catch (e) {\n // Old IE\n }\n }\n\n opts.initValue = owner.element.value;\n\n owner.properties = Cleave.DefaultProperties.assign({}, opts);\n\n owner.init();\n};\n\nCleave.prototype = {\n init: function () {\n var owner = this, pps = owner.properties;\n\n // no need to use this lib\n if (!pps.numeral && !pps.phone && !pps.creditCard && !pps.time && !pps.date && (pps.blocksLength === 0 && !pps.prefix)) {\n owner.onInput(pps.initValue);\n\n return;\n }\n\n pps.maxLength = Cleave.Util.getMaxLength(pps.blocks);\n\n owner.isAndroid = Cleave.Util.isAndroid();\n owner.lastInputValue = '';\n owner.isBackward = '';\n\n owner.onChangeListener = owner.onChange.bind(owner);\n owner.onKeyDownListener = owner.onKeyDown.bind(owner);\n owner.onFocusListener = owner.onFocus.bind(owner);\n owner.onCutListener = owner.onCut.bind(owner);\n owner.onCopyListener = owner.onCopy.bind(owner);\n\n owner.initSwapHiddenInput();\n\n owner.element.addEventListener('input', owner.onChangeListener);\n owner.element.addEventListener('keydown', owner.onKeyDownListener);\n owner.element.addEventListener('focus', owner.onFocusListener);\n owner.element.addEventListener('cut', owner.onCutListener);\n owner.element.addEventListener('copy', owner.onCopyListener);\n\n\n owner.initPhoneFormatter();\n owner.initDateFormatter();\n owner.initTimeFormatter();\n owner.initNumeralFormatter();\n\n // avoid touch input field if value is null\n // otherwise Firefox will add red box-shadow for
\n if (pps.initValue || (pps.prefix && !pps.noImmediatePrefix)) {\n owner.onInput(pps.initValue);\n }\n },\n\n initSwapHiddenInput: function () {\n var owner = this, pps = owner.properties;\n if (!pps.swapHiddenInput) return;\n\n var inputFormatter = owner.element.cloneNode(true);\n owner.element.parentNode.insertBefore(inputFormatter, owner.element);\n\n owner.elementSwapHidden = owner.element;\n owner.elementSwapHidden.type = 'hidden';\n\n owner.element = inputFormatter;\n owner.element.id = '';\n },\n\n initNumeralFormatter: function () {\n var owner = this, pps = owner.properties;\n\n if (!pps.numeral) {\n return;\n }\n\n pps.numeralFormatter = new Cleave.NumeralFormatter(\n pps.numeralDecimalMark,\n pps.numeralIntegerScale,\n pps.numeralDecimalScale,\n pps.numeralThousandsGroupStyle,\n pps.numeralPositiveOnly,\n pps.stripLeadingZeroes,\n pps.prefix,\n pps.signBeforePrefix,\n pps.tailPrefix,\n pps.delimiter\n );\n },\n\n initTimeFormatter: function() {\n var owner = this, pps = owner.properties;\n\n if (!pps.time) {\n return;\n }\n\n pps.timeFormatter = new Cleave.TimeFormatter(pps.timePattern, pps.timeFormat);\n pps.blocks = pps.timeFormatter.getBlocks();\n pps.blocksLength = pps.blocks.length;\n pps.maxLength = Cleave.Util.getMaxLength(pps.blocks);\n },\n\n initDateFormatter: function () {\n var owner = this, pps = owner.properties;\n\n if (!pps.date) {\n return;\n }\n\n pps.dateFormatter = new Cleave.DateFormatter(pps.datePattern, pps.dateMin, pps.dateMax);\n pps.blocks = pps.dateFormatter.getBlocks();\n pps.blocksLength = pps.blocks.length;\n pps.maxLength = Cleave.Util.getMaxLength(pps.blocks);\n },\n\n initPhoneFormatter: function () {\n var owner = this, pps = owner.properties;\n\n if (!pps.phone) {\n return;\n }\n\n // Cleave.AsYouTypeFormatter should be provided by\n // external google closure lib\n try {\n pps.phoneFormatter = new Cleave.PhoneFormatter(\n new pps.root.Cleave.AsYouTypeFormatter(pps.phoneRegionCode),\n pps.delimiter\n );\n } catch (ex) {\n throw new Error('[cleave.js] Please include phone-type-formatter.{country}.js lib');\n }\n },\n\n onKeyDown: function (event) {\n var owner = this,\n charCode = event.which || event.keyCode;\n\n owner.lastInputValue = owner.element.value;\n owner.isBackward = charCode === 8;\n },\n\n onChange: function (event) {\n var owner = this, pps = owner.properties,\n Util = Cleave.Util;\n\n owner.isBackward = owner.isBackward || event.inputType === 'deleteContentBackward';\n\n var postDelimiter = Util.getPostDelimiter(owner.lastInputValue, pps.delimiter, pps.delimiters);\n\n if (owner.isBackward && postDelimiter) {\n pps.postDelimiterBackspace = postDelimiter;\n } else {\n pps.postDelimiterBackspace = false;\n }\n\n this.onInput(this.element.value);\n },\n\n onFocus: function () {\n var owner = this,\n pps = owner.properties;\n owner.lastInputValue = owner.element.value;\n\n if (pps.prefix && pps.noImmediatePrefix && !owner.element.value) {\n this.onInput(pps.prefix);\n }\n\n Cleave.Util.fixPrefixCursor(owner.element, pps.prefix, pps.delimiter, pps.delimiters);\n },\n\n onCut: function (e) {\n if (!Cleave.Util.checkFullSelection(this.element.value)) return;\n this.copyClipboardData(e);\n this.onInput('');\n },\n\n onCopy: function (e) {\n if (!Cleave.Util.checkFullSelection(this.element.value)) return;\n this.copyClipboardData(e);\n },\n\n copyClipboardData: function (e) {\n var owner = this,\n pps = owner.properties,\n Util = Cleave.Util,\n inputValue = owner.element.value,\n textToCopy = '';\n\n if (!pps.copyDelimiter) {\n textToCopy = Util.stripDelimiters(inputValue, pps.delimiter, pps.delimiters);\n } else {\n textToCopy = inputValue;\n }\n\n try {\n if (e.clipboardData) {\n e.clipboardData.setData('Text', textToCopy);\n } else {\n window.clipboardData.setData('Text', textToCopy);\n }\n\n e.preventDefault();\n } catch (ex) {\n // empty\n }\n },\n\n onInput: function (value) {\n var owner = this, pps = owner.properties,\n Util = Cleave.Util;\n\n // case 1: delete one more character \"4\"\n // 1234*| -> hit backspace -> 123|\n // case 2: last character is not delimiter which is:\n // 12|34* -> hit backspace -> 1|34*\n // note: no need to apply this for numeral mode\n var postDelimiterAfter = Util.getPostDelimiter(value, pps.delimiter, pps.delimiters);\n if (!pps.numeral && pps.postDelimiterBackspace && !postDelimiterAfter) {\n value = Util.headStr(value, value.length - pps.postDelimiterBackspace.length);\n }\n\n // phone formatter\n if (pps.phone) {\n if (pps.prefix && (!pps.noImmediatePrefix || value.length)) {\n pps.result = pps.prefix + pps.phoneFormatter.format(value).slice(pps.prefix.length);\n } else {\n pps.result = pps.phoneFormatter.format(value);\n }\n owner.updateValueState();\n\n return;\n }\n\n // numeral formatter\n if (pps.numeral) {\n // Do not show prefix when noImmediatePrefix is specified\n // This mostly because we need to show user the native input placeholder\n if (pps.prefix && pps.noImmediatePrefix && value.length === 0) {\n pps.result = '';\n } else {\n pps.result = pps.numeralFormatter.format(value);\n }\n owner.updateValueState();\n\n return;\n }\n\n // date\n if (pps.date) {\n value = pps.dateFormatter.getValidatedDate(value);\n }\n\n // time\n if (pps.time) {\n value = pps.timeFormatter.getValidatedTime(value);\n }\n\n // strip delimiters\n value = Util.stripDelimiters(value, pps.delimiter, pps.delimiters);\n\n // strip prefix\n value = Util.getPrefixStrippedValue(value, pps.prefix, pps.prefixLength, pps.result, pps.delimiter, pps.delimiters, pps.noImmediatePrefix, pps.tailPrefix, pps.signBeforePrefix);\n\n // strip non-numeric characters\n value = pps.numericOnly ? Util.strip(value, /[^\\d]/g) : value;\n\n // convert case\n value = pps.uppercase ? value.toUpperCase() : value;\n value = pps.lowercase ? value.toLowerCase() : value;\n\n // prevent from showing prefix when no immediate option enabled with empty input value\n if (pps.prefix) {\n if (pps.tailPrefix) {\n value = value + pps.prefix;\n } else {\n value = pps.prefix + value;\n }\n\n\n // no blocks specified, no need to do formatting\n if (pps.blocksLength === 0) {\n pps.result = value;\n owner.updateValueState();\n\n return;\n }\n }\n\n // update credit card props\n if (pps.creditCard) {\n owner.updateCreditCardPropsByValue(value);\n }\n\n // strip over length characters\n value = Util.headStr(value, pps.maxLength);\n\n // apply blocks\n pps.result = Util.getFormattedValue(\n value,\n pps.blocks, pps.blocksLength,\n pps.delimiter, pps.delimiters, pps.delimiterLazyShow\n );\n\n owner.updateValueState();\n },\n\n updateCreditCardPropsByValue: function (value) {\n var owner = this, pps = owner.properties,\n Util = Cleave.Util,\n creditCardInfo;\n\n // At least one of the first 4 characters has changed\n if (Util.headStr(pps.result, 4) === Util.headStr(value, 4)) {\n return;\n }\n\n creditCardInfo = Cleave.CreditCardDetector.getInfo(value, pps.creditCardStrictMode);\n\n pps.blocks = creditCardInfo.blocks;\n pps.blocksLength = pps.blocks.length;\n pps.maxLength = Util.getMaxLength(pps.blocks);\n\n // credit card type changed\n if (pps.creditCardType !== creditCardInfo.type) {\n pps.creditCardType = creditCardInfo.type;\n\n pps.onCreditCardTypeChanged.call(owner, pps.creditCardType);\n }\n },\n\n updateValueState: function () {\n var owner = this,\n Util = Cleave.Util,\n pps = owner.properties;\n\n if (!owner.element) {\n return;\n }\n\n var endPos = owner.element.selectionEnd;\n var oldValue = owner.element.value;\n var newValue = pps.result;\n\n endPos = Util.getNextCursorPosition(endPos, oldValue, newValue, pps.delimiter, pps.delimiters);\n\n // fix Android browser type=\"text\" input field\n // cursor not jumping issue\n if (owner.isAndroid) {\n window.setTimeout(function () {\n owner.element.value = newValue;\n Util.setSelection(owner.element, endPos, pps.document, false);\n owner.callOnValueChanged();\n }, 1);\n\n return;\n }\n\n owner.element.value = newValue;\n if (pps.swapHiddenInput) owner.elementSwapHidden.value = owner.getRawValue();\n\n Util.setSelection(owner.element, endPos, pps.document, false);\n owner.callOnValueChanged();\n },\n\n callOnValueChanged: function () {\n var owner = this,\n pps = owner.properties;\n\n pps.onValueChanged.call(owner, {\n target: {\n name: owner.element.name,\n value: pps.result,\n rawValue: owner.getRawValue()\n }\n });\n },\n\n setPhoneRegionCode: function (phoneRegionCode) {\n var owner = this, pps = owner.properties;\n\n pps.phoneRegionCode = phoneRegionCode;\n owner.initPhoneFormatter();\n owner.onChange();\n },\n\n setRawValue: function (value) {\n var owner = this, pps = owner.properties;\n\n value = value !== undefined && value !== null ? value.toString() : '';\n\n if (pps.numeral) {\n value = value.replace('.', pps.numeralDecimalMark);\n }\n\n pps.postDelimiterBackspace = false;\n\n owner.element.value = value;\n owner.onInput(value);\n },\n\n getRawValue: function () {\n var owner = this,\n pps = owner.properties,\n Util = Cleave.Util,\n rawValue = owner.element.value;\n\n if (pps.rawValueTrimPrefix) {\n rawValue = Util.getPrefixStrippedValue(rawValue, pps.prefix, pps.prefixLength, pps.result, pps.delimiter, pps.delimiters, pps.noImmediatePrefix, pps.tailPrefix, pps.signBeforePrefix);\n }\n\n if (pps.numeral) {\n rawValue = pps.numeralFormatter.getRawValue(rawValue);\n } else {\n rawValue = Util.stripDelimiters(rawValue, pps.delimiter, pps.delimiters);\n }\n\n return rawValue;\n },\n\n getISOFormatDate: function () {\n var owner = this,\n pps = owner.properties;\n\n return pps.date ? pps.dateFormatter.getISOFormatDate() : '';\n },\n\n getISOFormatTime: function () {\n var owner = this,\n pps = owner.properties;\n\n return pps.time ? pps.timeFormatter.getISOFormatTime() : '';\n },\n\n getFormattedValue: function () {\n return this.element.value;\n },\n\n destroy: function () {\n var owner = this;\n\n owner.element.removeEventListener('input', owner.onChangeListener);\n owner.element.removeEventListener('keydown', owner.onKeyDownListener);\n owner.element.removeEventListener('focus', owner.onFocusListener);\n owner.element.removeEventListener('cut', owner.onCutListener);\n owner.element.removeEventListener('copy', owner.onCopyListener);\n },\n\n toString: function () {\n return '[Cleave Object]';\n }\n};\n\nCleave.NumeralFormatter = NumeralFormatter_1;\nCleave.DateFormatter = DateFormatter_1;\nCleave.TimeFormatter = TimeFormatter_1;\nCleave.PhoneFormatter = PhoneFormatter_1;\nCleave.CreditCardDetector = CreditCardDetector_1;\nCleave.Util = Util_1;\nCleave.DefaultProperties = DefaultProperties_1;\n\n// for angular directive\n((typeof commonjsGlobal === 'object' && commonjsGlobal) ? commonjsGlobal : window)['Cleave'] = Cleave;\n\n// CommonJS\nvar Cleave_1 = Cleave;\n\nexport default Cleave_1;\n","var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n","'use strict';\n\nconst braintreeCreditCardModel = require('./braintreeCreditCardModel');\nconst braintreeGeneral = require('base_braintree/braintree/braintreeGeneral');\nconst creditCardHelper = require('../helpers/creditCardHelper');\n\n/**\n * Initialize Braintree Credit Card Model. Pattern Builder is used\n * @returns {Object} object with booleam \"error\" flag and \"message\" attribute with error message\n */\nfunction init() {\n const braintreeCreditCardConfigs = creditCardHelper.getCheckoutBraintreeCreditCardConfigs();\n const response = {\n error: false,\n message: '',\n btCreditCardModel: null,\n btCreditCardConfigs: null\n };\n\n let clientToken;\n let btClientInstancePromise;\n let isFraudToolsEnabled;\n\n if (braintreeCreditCardConfigs) {\n clientToken = braintreeCreditCardConfigs.clientToken;\n btClientInstancePromise = braintreeGeneral.createClientInstance(clientToken);\n isFraudToolsEnabled = braintreeCreditCardConfigs.isFraudToolsEnabled;\n\n braintreeCreditCardModel.init(btClientInstancePromise, isFraudToolsEnabled);\n\n response.btCreditCardModel = braintreeCreditCardModel;\n response.btCreditCardConfigs = braintreeCreditCardConfigs;\n } else {\n response.error = true;\n response.message = 'No Credit Card Braintree Configurations';\n }\n\n return response;\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nvar payPalCartPage = require('./components/payPalCartPage');\n\nvar btClientInstancePromise;\n\n/**\n * Init PayPal functionality on Cart\n */\nfunction initCart() {\n payPalCartPage.init(btClientInstancePromise);\n}\nfunction init(clientInstancePromise) {\n btClientInstancePromise = clientInstancePromise;\n}\n\nmodule.exports = {\n init,\n initCart\n};\n","'use strict';\n\nvar PayPalCartModel = require('../models/payPalCartModel');\nvar PaypalAlertHandlerModel = require('base_braintree/braintree/paypal/alerthandler/paypalAlertHandlerModel');\nvar helper = require('../../helper');\nvar payPalButtonDisplayBehavior = require('base_braintree/braintree/paypal/components/payPalButtonDisplayBehavior');\n\n/**\n * Initialize Cart page PayPal button\n * @param {Promise} clientInstancePromise Client instance promise\n */\nfunction init(clientInstancePromise) {\n const payPalButtonSelector = '.js-braintree-paypal-cart-button';\n const $payPalButton = document.querySelector(payPalButtonSelector);\n const payPalConfigurations = helper.tryParseJSON($payPalButton.getAttribute('data-braintree-config'));\n\n const $csrfToken = document.querySelector('.js-braintree-cart-paypal-buttons-wrap #csrf_token');\n const $loaderContainer = document.querySelector('.loader-preventive');\n\n const alertHandler = new PaypalAlertHandlerModel(payPalConfigurations.messages);\n const PayPalExpress = new PayPalCartModel(alertHandler,\n clientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n $csrfToken,\n $loaderContainer);\n\n // Generate Fraud Data if enabled\n PayPalExpress.generateFraudData();\n // Init PayPal button\n PayPalExpress.initPayment();\n\n payPalButtonDisplayBehavior.initPaypalCreditMessagesBehavior();\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nvar PayPalExpressModel = require('./payPalExpressModel');\n\n/**\n * PayPal cart model constructor\n * @param {Object} alertHandlerModel alert handler model\n * @param {Promise} btClientInstancePromise BT client instance promise\n * @param {string} payPalButtonSelector PayPal button selector\n * @param {Object} payPalConfigurations configs from server (taken from data attr)\n * @param {Object} $csrfToken CSRF token js container\n * @param {Object} $loaderContainer loader js container\n */\nfunction PayPalCartModel(alertHandlerModel,\n btClientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n $csrfToken,\n $loaderContainer) {\n // Init PayPalExpressModel constructor\n PayPalExpressModel.call(this,\n alertHandlerModel,\n btClientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n $csrfToken,\n $loaderContainer);\n\n this.changePMButtonEnabled = payPalConfigurations.changePMButtonEnabled;\n}\n\n// ES5 inheritance\nPayPalCartModel.prototype = Object.create(PayPalExpressModel.prototype);\n\n// Show error in case if current basket has zero total price\nPayPalCartModel.prototype.onPayPalButtonClickCallback = async function(_, actions) {\n await PayPalExpressModel.prototype.onPayPalButtonClickCallback.call(this, _, actions);\n let action;\n\n if (this.basketData.amount === 0) {\n this.alertHandlerModel.showZeroAmountError();\n\n action = actions.reject();\n }\n\n return action;\n};\n\nmodule.exports = PayPalCartModel;\n","'use strict';\n\nconst PayPalBaseModel = require('./payPalBaseModel');\nconst payPalExpressModelHelper = require('base_braintree/braintree/paypal/helpers/payPalExpressModelHelper');\nconst billingFormHelper = require('../helpers/payPalBillingFormHelperGlobal');\nconst requestHelper = require('../helpers/payPalRequestsHelperGlobal');\nconst helper = require('../../helper');\n// const loaderInstance = require('base_braintree/braintree/loaderHelper');\n\n/**\n * PayPal express model constructor\n * @param {Object} alertHandlerModel alert handler model\n * @param {Promise} btClientInstancePromise BT client instance promise\n * @param {string} payPalButtonSelector PayPal button selector\n * @param {Object} payPalConfigurations configs from server (taken from data attr)\n * @param {Object} $csrfToken CSRF token js container\n * @param {Object} $loaderContainer loader js container\n */\nfunction PayPalExpressModel(alertHandlerModel,\n btClientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n $csrfToken,\n $loaderContainer) {\n // Init PayPalBaseModel constructor\n PayPalBaseModel.call(this,\n alertHandlerModel,\n btClientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n $loaderContainer);\n\n this.$csrfToken = $csrfToken;\n this.changePMButtonEnabled = payPalConfigurations.changePMButtonEnabled;\n this.loader = $('.loader-preventive');\n}\n\n// ES5 inheritance\nPayPalExpressModel.prototype = Object.create(PayPalBaseModel.prototype);\n\n// For more details see same method from \"PayPalBaseModel\"\n// Add additional configs which are needed for \"Change payment method button\" feature\nPayPalExpressModel.prototype.payPalCheckoutInstanceConfigs = function(btClientInstance) {\n const checkoutInstanceConfigs = PayPalBaseModel.prototype.payPalCheckoutInstanceConfigs.call(this, btClientInstance);\n\n if (this.changePMButtonEnabled) {\n checkoutInstanceConfigs.autoSetDataUserIdToken = true;\n }\n\n return checkoutInstanceConfigs;\n};\n\n/**\n * Method triggers when buyer clicked on PayPal button and PayPal modal is opening\n * @returns {Object} Amount and Shipping address from basket\n */\nPayPalExpressModel.prototype.onOrderCreateCallback = async function() {\n const basketDataUrl = this.basketDataUrl;\n\n try {\n if (this.removeGiftCertificateURL) {\n await requestHelper.removeGiftCertificate(this.removeGiftCertificateURL);\n }\n } catch (error) {\n console.error(\"Error removing gift certificate:\", error);\n }\n\n this.basketData = await requestHelper.getBasketData(basketDataUrl);\n\n const isUseSavedPaypalAddress = this.changePMButtonEnabled && !this.basketData.shippingAddress;\n\n if (isUseSavedPaypalAddress) {\n this.savedPaypalAddress = payPalExpressModelHelper.getSavedPaypalAddress(this.payPalButtonSelector);\n }\n\n return PayPalBaseModel.prototype.onOrderCreateCallback.call(this);\n};\n\n// For more details see same method from \"PayPalBaseModel\"\n// Create and submit billing data to the server. Redirect on order reivew checkout step\nPayPalExpressModel.prototype.onApprovePaymentCallback = function(payload) {\n // Calling parrent method to proceed with PayPal payload validation\n PayPalBaseModel.prototype.onApprovePaymentCallback.call(this, payload, true);\n\n // Error will be handled on BaseModel level\n if (this.error) {\n return;\n }\n\n this.loader.show();\n\n const PayPalExpressInstance = this;\n const payloadDetails = payload.details;\n const $payPalButtonWrapper = document.querySelector('.js-braintree-cart-paypal-buttons-wrap');\n const $braintreePayPalFundingSource = document.getElementById('braintreePaypalFundingSource');\n const braintreePayPalFundingSource = $braintreePayPalFundingSource.value;\n\n const paypalCheckoutFormFields = helper.tryParseJSON($payPalButtonWrapper.getAttribute('data-paypal-checkout-form-fields'));\n payloadDetails.billingAddress = payloadDetails.shippingAddress;\n const billingAddressData = billingFormHelper.createBillingAddressData(payloadDetails);\n try {\n if((typeof billingAddressData.phone === \"undefined\") || !billingAddressData.phone) {\n billingAddressData.phone = '0000000000';\n }\n\n if((typeof payloadDetails.shippingAddress.phone === \"undefined\") || !payloadDetails.shippingAddress.phone) {\n payloadDetails.shippingAddress.phone = '0000000000';\n }\n } catch (err) {\n console.log('phone number not valid');\n }\n\n // Create form data only with billing address\n const billingFormData = billingFormHelper.createBillingAddressFormData(paypalCheckoutFormFields, billingAddressData);\n\n billingFormHelper.appendCsrfTokenToFormData(billingFormData, PayPalExpressInstance.$csrfToken);\n billingFormHelper.appendBraintreePaypalFundingSourceToFormData(billingFormData, braintreePayPalFundingSource);\n\n //mParticle Event trigger\n if(window.mParticleCheckoutInitiated) {\n var page = window.location.href;\n window.mParticleCheckoutInitiated('paypal', page);\n }\n\n // REGEX for js-braintree-(pdp|pvp)-button, js-braintree-(pdp|pvp)-button-global\n // const BRAINTREE_BUTTON_REGEX = /(^|\\s)js-braintree-p[dv]p-button(-global)?(\\s|$)/;\n\n // It will generate FFraud data only if it Fraud Data collection was enabled\n PayPalExpressInstance.fraudDataPromise\n .then(function(data) {\n if (!data.fraudDataCollectionDisabled) {\n billingFormHelper.appendFraudDataToFormData(billingFormData, data.deviceData);\n }\n }).then(function() {\n\n let shippingAddressData;\n\n // If shipping address was presented in PayPal payload, create a shipping address object,\n // stringify it and store in FormData as an input\n if (payloadDetails.shippingAddress) {\n shippingAddressData = payPalExpressModelHelper.createShippingAddressData(payloadDetails);\n\n payPalExpressModelHelper.appendShippingDataAsStringToFormData(billingFormData, shippingAddressData);\n }\n\n // Create a shipping address object, stringify it and store in FormData as an input\n billingFormHelper.appendBillingAddressAsStringToFormData(billingFormData, billingAddressData);\n\n billingFormHelper.appendEmailAsStringToFormData(billingFormData, payloadDetails.email);\n\n billingFormHelper.appendBtPaymentFieldsToFormData(billingFormData, payload);\n\n }).then(function() {\n // Submit customer form with email (CheckoutServices-SubmitCustomer)\n // as we skip step \"login via guest/registered user\" while express checkout\n // email is set only in case of guest checkout and if email is not already set\n payPalExpressModelHelper.submitCustomerForm(payloadDetails.email);\n })\n .then(function() {\n requestHelper.submitPaymentDataToServerPromise(PayPalExpressInstance.submitPaymentUrl,\n billingFormData,\n PayPalExpressInstance.placeOrderStageUrl,\n PayPalExpressInstance.loader,\n PayPalExpressInstance.alertHandlerModel);\n PayPalExpressInstance.loader.show();\n })\n .catch(function(error) {\n PayPalExpressInstance.alertHandlerModel.showError(error);\n\n PayPalExpressInstance.loader.hide();\n });\n};\n\nmodule.exports = PayPalExpressModel;\n","'use strict';\n\n/* global Promise $ */\n\nconst braintreePayPalSDK = require('base_braintree/braintree/paypal/braintreesdk/braintreePayPalSDK');\nconst braintreeGeneral = require('base_braintree/braintree/braintreeGeneral');\nconst requestsHelper = require('base_braintree/braintree/paypal/helpers/payPalRequestsHelperGlobal');\n\nconst loaderInstance = require('base_braintree/braintree/loaderHelper');\n\n/**\n * PayPal base model constructor\n * @param {Object} alertHandlerModel alert handler model\n * @param {Promise} btClientInstancePromise BT client instance promise\n * @param {string} payPalButtonSelector PayPal button selector\n * @param {Object} payPalConfigurations configs from server (taken from data attr)\n * @param {Object} $loaderContainer loader js container\n */\nfunction PayPalBaseModel(alertHandlerModel,\n btClientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n $loaderContainer) {\n this.isVaultMode = payPalConfigurations.options.flow !== 'checkout';\n this.requestBillingAgreement = payPalConfigurations.options.requestBillingAgreement;\n this.btClientInstancePromise = btClientInstancePromise;\n this.payPalButtonSelector = payPalButtonSelector;\n this.payPalConfigurations = payPalConfigurations;\n // Fraud data related\n this.isFraudToolsEnabled = payPalConfigurations.isFraudToolsEnabled;\n // Setup init fraudData value for default case (default case: fraud data disabled)\n this.fraudDataPromise = Promise.resolve({ fraudDataCollectionDisabled: true });\n\n // URLs\n this.basketDataUrl = payPalConfigurations.getOrderInfoUrl;\n this.submitPaymentUrl = payPalConfigurations.paypalHandle;\n this.placeOrderStageUrl = payPalConfigurations.redirectUrl;\n this.validateAddressesUrl = payPalConfigurations.validateAddressesUrl;\n this.updateShippingMethodsListUrl = payPalConfigurations.updateShippingMethodsListUrl;\n\n this.braintreePayPalSDK = braintreePayPalSDK.payPalButtonRendering;\n\n this.alertHandlerModel = alertHandlerModel;\n this.loader = loaderInstance($loaderContainer);\n\n this.basketData = null;\n this.error = null;\n this.removeGiftCertificateURL = payPalConfigurations.removeGiftCertificateURL\n}\n\n/* -------------------- Payment Callbacks -------------------- */\n\n/**\n * Method triggers when buyer approved payment in PayPal modal and they passed succesfully\n * THIS METHOD NEEDS TO BE OVERRIDDEN in children class\n * @param {Object} payload buyer's data from PayPal\n * @param {boolean} isExpressCheckout true or false/undefined depending on whether it's EC or not\n * @returns {void} either updates paypalBaseModel error/placeOrderStageUrl properties or payload billing address\n */\nPayPalBaseModel.prototype.onApprovePaymentCallback = function(payload, isExpressCheckout) {\n // basic payload validation\n const ppDetails = payload.details;\n const ppShippingAddress = ppDetails.shippingAddress;\n const city = ppShippingAddress.city;\n const state = ppShippingAddress.state;\n const country = ppShippingAddress.countryCode;\n const postalCode = ppShippingAddress.postalCode;\n\n if (!ppDetails.billingAddress) {\n try {\n ppDetails.billingAddress = {\n city: city,\n countryCode: country,\n line1: ppShippingAddress.line1,\n line2: ppShippingAddress.line2 || '',\n postalCode: postalCode,\n state: state\n };\n } catch (error) {\n this.alertHandlerModel.showBillingAddressIsNotSupportedError();\n this.error = error;\n }\n }\n\n if (isExpressCheckout) {\n const helper = require('../../helper');\n\n const paymentMethodId = window.braintreeConstants.PAYMENT_METHOD_ID_PAYPAL;\n const addressQueryString = `city=${city.replaceAll(' ', '%20')}&stateCode=${state}&countryCode=${country}&postalCode=${postalCode}`;\n const url = `${window.braintreeUrls.getApplicableShippingOptions}?paymentMethodId=${paymentMethodId}&${addressQueryString}`;\n\n helper.getApplicableShippingOptions(url)\n .then((shippingOptions) => {\n if (!shippingOptions.some((shippingOption) => shippingOption.selected === true)) {\n this.placeOrderStageUrl = `${window.braintreeUrls.chooseShippingUrl}&errorId=error.shippingoption.invalid`;\n }\n });\n }\n};\n\n/**\n * Method triggers when buyer canceled payment in PayPal modal\n * THIS METHOD CAN BE OVERRIDDEN in children class\n */\nPayPalBaseModel.prototype.onCancelPaymentCallback = function() {};\n\n/**\n * Method triggers when buyer clicked on PayPal button and PayPal modal is opening\n * THIS METHOD CAN BE OVERRIDDEN in children class\n * @returns {Object} Amount and Shipping address from basket\n */\nPayPalBaseModel.prototype.onOrderCreateCallback = async function() {\n // Hide custom error on buyer PayPal button click.\n this.alertHandlerModel.hideAlerts();\n\n const payPalCheckoutModelHelper = require('base_braintree/braintree/paypal/helpers/payPalCheckoutModelHelper');\n\n // Get basket again in case if \"onPayPalButtonClickCallback\" wasn't triggered (Change Payment Method Button case)\n const basketData = this.basketData || await requestsHelper.getBasketData(this.basketDataUrl);\n const shippingAddress = basketData.shippingAddress || this.savedPaypalAddress;\n\n const payPalConfigurations = this.payPalConfigurations;\n const mainPayPalConfigurations = payPalConfigurations.options;\n\n const paymentObjectData = {\n amount: basketData.amount,\n currency: mainPayPalConfigurations.currency,\n flow: mainPayPalConfigurations.flow,\n intent: mainPayPalConfigurations.intent,\n locale: mainPayPalConfigurations.locale,\n enableShippingAddress: mainPayPalConfigurations.enableShippingAddress,\n billingAgreementDescription: mainPayPalConfigurations.billingAgreementDescription,\n displayName: mainPayPalConfigurations.displayName\n };\n\n // Vaulting a new PayPal account is possible when:\n // - the vaultPayPal site preference is enabled &&\n // - customer has no saved accounts on both PayPal side and customer wallet &&\n // - billing page flow\n if (payPalCheckoutModelHelper.isCheckoutWithVaultFow(mainPayPalConfigurations.requestBillingAgreement)) {\n // It will be automatically stored in the vault after transacting\n paymentObjectData.requestBillingAgreement = true;\n\n if (mainPayPalConfigurations.billingAgreementDetails) {\n paymentObjectData.billingAgreementDetails = {\n description: mainPayPalConfigurations.billingAgreementDetails.description\n };\n }\n }\n\n // Case when process from PDP & Cart & Mini Cart & Checkout and basket isn't empty or we on Account page\n if (shippingAddress) {\n // shippingAddressEditable should be always false for ChangePaymentMehtod button, and true for smart PayPal button\n paymentObjectData.shippingAddressEditable = !payPalConfigurations.changePMButtonEnabled;\n paymentObjectData.shippingAddressOverride = {\n line1: shippingAddress.line1,\n line2: shippingAddress.line2,\n city: shippingAddress.city,\n state: shippingAddress.state,\n postalCode: shippingAddress.postalCode,\n countryCode: shippingAddress.countryCode,\n phone: shippingAddress.phone,\n recipientName: shippingAddress.recipientName\n };\n }\n\n return paymentObjectData;\n};\n\n/**\n * Callback triggers when buyer clicked on PayPal button\n * @param {Object} _ first not used param\n * @param {Object} actions BT actions object\n */\n// eslint-disable-next-line no-unused-vars\nPayPalBaseModel.prototype.onPayPalButtonClickCallback = async function(fundingSourceResponse) {\n // Hide custom error on buyer PayPal button click.\n this.alertHandlerModel.hideAlerts();\n this.basketData = this.basketDataUrl ? await requestsHelper.getBasketData(this.basketDataUrl) : null;\n\n if (document.getElementById('braintreePaypalFundingSource')) {\n document.getElementById('braintreePaypalFundingSource').value = fundingSourceResponse.fundingSource;\n }\n};\n\n/**\n * Method triggers when error happens during PayPal modal payment processing\n * THIS METHOD CAN BE OVERRIDDEN in children class\n * @param {Object} error error object with \"message\" and \"code\" inside\n */\nPayPalBaseModel.prototype.onErrorPaymentCallback = function(error) {\n this.alertHandlerModel.showBraintreeError(error);\n};\n\n/**\n * This method is executed when creating paypalCheckoutInstance. Should contain configs for \"braintree.paypalCheckout.create\" method.\n * Should only be used inside \"braintreePayPalSDK\" file\n * @param {Object} btClientInstance Braintree client instance\n * @returns {Object} object with additional configurations\n */\nPayPalBaseModel.prototype.payPalCheckoutInstanceConfigs = function(btClientInstance) {\n return {\n client: btClientInstance\n };\n};\n\n/**\n * This method is executed when loading PayPal SDK\n * @returns {Object} object with Checkout mode PayPal SDK configs\n */\nPayPalBaseModel.prototype.payPalCheckoutSdkConfigs = function() {\n const isChangePaymentButtonActive = this.payPalConfigurations.changePMButtonEnabled;\n const intent = this.payPalConfigurations.options.intent;\n const currency = this.payPalConfigurations.options.currency;\n const enableFundingList = this.payPalConfigurations.options.enableFundingList;\n let disableFundingList = this.payPalConfigurations.options.disableFundingList;\n const payPalSDKConfigObject = {\n intent: intent,\n currency: currency,\n components: 'buttons,messages',\n commit: false\n };\n\n // Functionality for disabling Debit/Credit Card Button when Change Payment Method Button is enabled\n if (isChangePaymentButtonActive && disableFundingList !== undefined) {\n disableFundingList += ',card';\n } else if (isChangePaymentButtonActive && disableFundingList === undefined) {\n disableFundingList = 'card';\n }\n\n if (enableFundingList !== undefined) {\n payPalSDKConfigObject['enable-funding'] = enableFundingList;\n }\n\n if (disableFundingList !== undefined) {\n payPalSDKConfigObject['disable-funding'] = disableFundingList;\n }\n\n return payPalSDKConfigObject;\n};\n\n/**\n * This method is executed when loading PayPal SDK\n * Is used only on the Account page\n * @returns {Object} object with Vault mode PayPal SDK configs\n */\nPayPalBaseModel.prototype.payPalVaultSdkConfigs = function() {\n const isChangePaymentButtonActive = this.payPalConfigurations.changePMButtonEnabled;\n const enableFundingList = this.payPalConfigurations.options.enableFundingList;\n let disableFundingList = this.payPalConfigurations.options.disableFundingList;\n\n // Functionality for disabling Debit/Credit Card Button when Change Payment Method Button is enabled\n if (isChangePaymentButtonActive && disableFundingList !== undefined) {\n disableFundingList += ',card';\n } else if (isChangePaymentButtonActive && disableFundingList === undefined) {\n disableFundingList = 'card';\n }\n\n const payPalVaultSdkConfigsObject = {\n vault: true,\n components: 'buttons,messages'\n };\n\n if (enableFundingList !== undefined) {\n payPalVaultSdkConfigsObject['enable-funding'] = enableFundingList;\n }\n\n if (disableFundingList !== undefined) {\n payPalVaultSdkConfigsObject['disable-funding'] = disableFundingList;\n }\n\n return payPalVaultSdkConfigsObject;\n};\n\n/* -------------------- Payment logic -------------------- */\n\n/**\n * Function which should be called when we need to init PayPal payment button\n * @returns {Promise} PayPal button\n */\nPayPalBaseModel.prototype.initPayment = function() {\n const CurrentPayPalPaymenProcessorModelInstance = this;\n\n return this.braintreePayPalSDK(this.btClientInstancePromise,\n this.isVaultMode,\n this.payPalConfigurations,\n [CurrentPayPalPaymenProcessorModelInstance]);\n};\n\n/**\n * Generate fraud data if enabled\n */\nPayPalBaseModel.prototype.generateFraudData = function() {\n if (this.isFraudToolsEnabled) {\n this.fraudDataPromise = braintreeGeneral.collectFraudData(this.btClientInstancePromise);\n }\n // Don't need \"else\" case, since default value was inited in constructor\n};\n\nmodule.exports = PayPalBaseModel;\n","'use strict';\n\nmodule.exports = {\n setTabNextFocus: function (focusParams) {\n var KEYCODE_TAB = 9;\n var isTabPressed = (focusParams.event.key === 'Tab' || focusParams.event.keyCode === KEYCODE_TAB);\n\n if (!isTabPressed) {\n return;\n }\n\n var firstFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.firstElementSelector);\n var lastFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.lastElementSelector);\n\n if ($(focusParams.containerSelector + ' ' + focusParams.lastElementSelector).is(':disabled')) {\n lastFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.nextToLastElementSelector);\n if ($('.product-quickview.product-set').length > 0) {\n var linkElements = $(focusParams.containerSelector + ' a#fa-link.share-icons');\n lastFocusableEl = linkElements[linkElements.length - 1];\n }\n }\n\n if (focusParams.event.shiftKey) /* shift + tab */ {\n if ($(':focus').is(firstFocusableEl)) {\n lastFocusableEl.focus();\n focusParams.event.preventDefault();\n }\n } else /* tab */ {\n if ($(':focus').is(lastFocusableEl)) { // eslint-disable-line\n firstFocusableEl.focus();\n focusParams.event.preventDefault();\n }\n }\n }\n};\n","'use strict';\n\nconst helper = require('../../helper');\n\n/**\n * Fill DW billing form with billing address from Bt\n * @param {Object} braintreeAddress Billing address from BT\n * @param {Object} btDetails Details from BT\n * @returns {Object} Object with billing form fields and it's values\n */\nfunction mapBraintreeWithDwBillingAddress(braintreeAddress, btDetails) {\n const $btPaymentMethodWrapper = document.querySelector('.braintree-cart-paypal-buttons-wrap');\n const dwBillingFormFieldNames = helper.tryParseJSON($btPaymentMethodWrapper.getAttribute('data-paypal-checkout-form-fields'));\n\n dwBillingFormFieldNames.dwfrm_billing_addressFields_firstName = btDetails.firstName;\n dwBillingFormFieldNames.dwfrm_billing_addressFields_lastName = btDetails.lastName;\n dwBillingFormFieldNames.dwfrm_billing_addressFields_address1 = braintreeAddress.line1;\n dwBillingFormFieldNames.dwfrm_billing_addressFields_address2 = braintreeAddress.line2;\n dwBillingFormFieldNames.dwfrm_billing_addressFields_city = braintreeAddress.city;\n dwBillingFormFieldNames.dwfrm_billing_addressFields_postalCode = decodeURIComponent(braintreeAddress.postalCode);\n dwBillingFormFieldNames.dwfrm_billing_addressFields_states_stateCode = braintreeAddress.state;\n dwBillingFormFieldNames.dwfrm_billing_addressFields_country = braintreeAddress.countryCode;\n dwBillingFormFieldNames.dwfrm_billing_contactInfoFields_phone = btDetails.phone;\n\n return dwBillingFormFieldNames;\n}\n\n/**\n * Create billing address data\n * @param {Object} payloadDetails BT paymload details\n * @returns {Object} Mapped billing data\n */\nfunction createBillingAddressData(payloadDetails) {\n const billingAddress = payloadDetails.billingAddress;\n\n billingAddress.firstName = payloadDetails.firstName;\n billingAddress.lastName = payloadDetails.lastName;\n billingAddress.email = payloadDetails.email;\n billingAddress.phone = payloadDetails.phone;\n billingAddress.countryCodeAlpha2 = billingAddress.countryCode;\n billingAddress.streetAddress = billingAddress.line1;\n billingAddress.extendedAddress = billingAddress.line2;\n billingAddress.locality = billingAddress.city;\n billingAddress.region = billingAddress.state;\n\n return billingAddress;\n}\n\n/**\n * Copy PayPal billing address to DW billing form\n * @param {Object} braintreeBillingAddress Billing address from BT\n * @param {Object} btDetails Details from bt\n */\nfunction copyPayPalBillingAddressToDw(braintreeBillingAddress, btDetails) {\n //const $braintreePaypalBillingAddressInput = document.querySelector('input[name=braintreePaypalBillingAddress]');\n\n const paypalBillingData = mapBraintreeWithDwBillingAddress(braintreeBillingAddress, btDetails);\n\n // Store billing address inside hidden input in order to send it to the server and\n // proccess with billing address server logic (the logic - billing address can't be overrided by\n // buyer. Only PayPal billing address should be used)\n //$braintreePaypalBillingAddressInput.value = JSON.stringify(paypalBillingData);\n helper.updateBillingFormValues(paypalBillingData);\n}\n\n/**\n * Create billig address FormData\n * @param {Object} paypalBillingFormFields PayPal billing form fields\n * @param {Object} billingAddressData Billing address data\n * @returns {FormData} Billing FormData\n */\nfunction createBillingAddressFormData(paypalBillingFormFields, billingAddressData) {\n return helper.createPaymentFormData(paypalBillingFormFields, {\n firstName: billingAddressData.firstName,\n lastName: billingAddressData.lastName,\n address1: billingAddressData.streetAddress,\n address2: billingAddressData.extendedAddress || '',\n city: billingAddressData.locality,\n postalCode: decodeURIComponent(billingAddressData.postalCode),\n stateCode: billingAddressData.state,\n country: billingAddressData.countryCodeAlpha2,\n email: billingAddressData.email,\n phone: billingAddressData.phone,\n paymentMethod: 'PayPal'\n });\n}\n\n/**\n * Fill PayPal payment fields with payment data\n * @param {Object} btDetails Details from BT\n */\nfunction fillPayPalPaymentFields(btDetails) {\n const $braintreePaypalEmailInput = document.getElementById('braintreePaypalEmail');\n const btEmail = btDetails.email;\n\n $braintreePaypalEmailInput.value = btEmail;\n}\n\n/**\n * Fill fraud data input with fraud data\n * @param {Object} data Fraud data\n */\nfunction fillFraudDataInput(data) {\n const $braintreePaypalRiskDataInput = document.querySelector('input[name=braintreePaypalRiskData]');\n\n $braintreePaypalRiskDataInput.value = data.deviceData;\n}\n\n/**\n * Append CSRF token to the billing FormData\n * @param {FormData} formData Billing form data\n * @param {Object} $csrfToken CSRF token js container\n */\nfunction appendCsrfTokenToFormData(formData, $csrfToken) {\n formData.append($csrfToken.name, $csrfToken.value);\n}\n\n/**\n * Append funding source to the billing FormData\n * @param {FormData} formData Billing form data\n * @param {string} fundingSource funding source\n */\nfunction appendBraintreePaypalFundingSourceToFormData(formData, fundingSource) {\n formData.append('braintreePaypalFundingSource', fundingSource);\n}\n\n/**\n * Append email to the billing FormData\n * @param {FormData} formData billing form data\n * @param {string} email user email\n */\nfunction appendEmailAsStringToFormData(formData, email) {\n formData.append('braintreePaypalEmail', email);\n}\n\n/**\n * Append fraud data to the FormData\n * @param {FormData} billingFromData billing FormData\n * @param {Object} fraudData fraud data\n */\nfunction appendFraudDataToFormData(billingFromData, fraudData) {\n billingFromData.append('braintreePaypalRiskData', fraudData);\n}\n\n/**\n * Append billing address data as a string to the FromData\n * @param {FormData} billingFromData Billing FormData\n * @param {Object} billingData Billing data\n */\nfunction appendBillingAddressAsStringToFormData(billingFromData, billingData) {\n billingFromData.append('braintreePaypalBillingAddress', JSON.stringify(billingData));\n}\n\n/**\n * Append BT payment fields to the FromData\n * @param {FormData} billingFromData Billing FormData\n * @param {Object} payload payload from BT\n */\nfunction appendBtPaymentFieldsToFormData(billingFromData, payload) {\n billingFromData.append('braintreePaypalNonce', payload.nonce);\n billingFromData.append('braintreeSavePaypalAccount', true);\n}\n\n/**\n * Append params to the URL\n * @param {string} url To which append params\n * @param {Object} param Which should be appended to the URL\n * @returns {string} Final URL with passed params\n */\nfunction appendToUrl(url, param) {\n let newUrl = url;\n\n newUrl += (newUrl.indexOf('?') !== -1 ? '&' : '?') + Object.keys(param).map(function(key) {\n return `${key }=${encodeURIComponent(param[key])}`;\n }).join('&');\n\n return newUrl;\n}\n\nmodule.exports = {\n copyPayPalBillingAddressToDw,\n createBillingAddressFormData,\n createBillingAddressData,\n fillPayPalPaymentFields,\n fillFraudDataInput,\n appendCsrfTokenToFormData,\n appendFraudDataToFormData,\n appendBillingAddressAsStringToFormData,\n appendBtPaymentFieldsToFormData,\n appendEmailAsStringToFormData,\n appendBraintreePaypalFundingSourceToFormData,\n // Utils\n appendToUrl\n};\n","'use strict';\n\nconst base = require('base/product/base');\nconst helper = require('../../helper');\n\nconst PRODUCT_DETAIL_SELECTOR = '.product-detail';\n\n/**\n * Add product to the Cart on PVP\n * @param {string} ppBtnSelector - payPal button selector\n * @param {string} flow - payPal button flow (pdp/pvp)\n * @returns {void}\n */\nfunction addProductToCart(ppBtnSelector, flow) {\n /**\n * Gets options\n * @param {Object} productContainer - product container\n * @returns {string} options\n */\n function getOptions(productContainer) {\n return JSON.stringify(Array.from(productContainer.querySelectorAll('.product-option'))\n .map(elOption => {\n const selectedValue = elOption.querySelector('.options-select').value;\n const selectedOption = elOption.querySelector(`.options-select option[value=\"${selectedValue}\"]`);\n\n return {\n optionId: elOption.getAttribute('data-option-id'),\n selectedValueId: selectedOption.getAttribute('data-value-id')\n };\n }));\n }\n\n const bundleItems = document.querySelectorAll('.bundle-item');\n const setItems = document.querySelectorAll('.set-item');\n\n const ppBtnContainer = document.querySelector(ppBtnSelector).closest(`.js-braintree-${flow}-button, .js-braintree-${flow}-button-global`);\n const isGlobalButton = ppBtnContainer.classList.contains(`js-braintree-${flow}-button-global`);\n\n const pid = base.getPidValue(ppBtnContainer);\n const form = new FormData();\n\n let productContainer;\n let data = {};\n\n if (isGlobalButton || !setItems.length) {\n productContainer = document.querySelector(ppBtnSelector).closest(PRODUCT_DETAIL_SELECTOR) || document.querySelector(PRODUCT_DETAIL_SELECTOR);\n } else {\n productContainer = document.querySelector(ppBtnSelector).closest('.set-item');\n }\n\n if (bundleItems.length) {\n const quantity = document.querySelector('.modal-footer, .bundle-footer').querySelector('.quantity-select').value;\n\n data = {\n pid: pid,\n quantity: quantity\n };\n\n const items = Array.from(bundleItems).map(function(item) {\n return {\n pid: item.querySelector('.product-id').innerText,\n quantity: parseInt(item.querySelector('.quantity').getAttribute('data-quantity'), 10)\n };\n });\n\n data.childProducts = JSON.stringify(items);\n } else if (setItems.length && isGlobalButton) {\n const items = Array.from(setItems).map(function(item) {\n return {\n pid: base.getPidValue(item),\n qty: parseInt(base.getQuantitySelected(item), 10),\n options: getOptions(item)\n };\n });\n\n data.pidsObj = JSON.stringify(items);\n } else {\n data = {\n pid: pid,\n quantity: base.getQuantitySelected(ppBtnContainer),\n options: getOptions(productContainer)\n };\n }\n\n Object.keys(data).forEach((key) => {\n form.append(key, data[key]);\n });\n\n return fetch(document.querySelector('.js-add-to-cart-url').value, {\n method: 'POST',\n body: form\n });\n}\n\n/**\n * Get basket data\n * @param {string} url Braintree-GetOrderInfo URL\n * @returns {Object} Object with basket data from DW\n */\nfunction getBasketData(url) {\n return fetch(helper.getUrlWithCsrfToken(url)).then((response) => response.json());\n}\n\n/**\n * @param {string} url Validate address url\n * @param {Object} payload Payload form data\n * @returns {Promise} Promise with response result\n */\nfunction validateAddresses(url, payload) {\n return fetch(helper.getUrlWithCsrfToken(url), {\n method: 'POST',\n body: JSON.stringify(payload),\n headers: { 'Content-Type': 'application/json' }\n }).then((response) => response.json());\n}\n\n/**\n * Submit payment (billing) data to the server\n * @param {string} submitPaymentUrl Submit payment URL\n * @param {FormData} billingFormData Billing Form Data\n * @param {string} redirectUrl Redirect URL after succesfull payment data submit\n * @param {Object} loader Loader\n * @param {Object} alertHandler Alert Handler Model instance\n * @returns {Promise} Promise with response result\n */\nfunction submitPaymentDataToServerPromise(submitPaymentUrl, billingFormData, redirectUrl, loader, alertHandler) {\n return fetch(helper.getUrlWithCsrfToken(submitPaymentUrl), {\n method: 'POST',\n body: billingFormData\n })\n .then(function(response) {\n return response.json();\n })\n .then(function(data) {\n if (!helper.handleSubmitPaymentErrors(data, alertHandler)) {\n sessionStorage.setItem('pageState', 'cart');\n window.location.href = redirectUrl;\n }\n\n // loader.hide();\n })\n .catch(function(error) {\n loader.hide();\n\n if (error && error.redirectUrl) {\n window.location.href = error.redirectUrl;\n }\n });\n}\n\n/**\n * Removes all Gift Certificate items from the cart\n * @param {string} url\n */\nasync function removeGiftCertificate(url) {\n await fetch(url).then((response) => response.json());\n return;\n}\n\n\nmodule.exports = {\n addProductToCart,\n getBasketData,\n validateAddresses,\n submitPaymentDataToServerPromise,\n removeGiftCertificate\n};\n","'use strict';\n\nconst helper = require('../../helper');\nconst PayPalScriptLoading = class {\n constructor() {\n this.clientToken = this.getClientToken();\n this.configurations = this.getConfigurations();\n }\n\n getValueByAttributeName(attributeName) {\n const $element = document.querySelector(`[${attributeName}]`);\n\n return $element ? $element.getAttribute(attributeName) : null;\n }\n\n getClientToken() {\n return this.getValueByAttributeName('data-bt-client-token');\n }\n\n getConfigurations() {\n const attributeName = 'data-braintree-config';\n const $element = document.querySelector(`[${attributeName}*=\"paypalConfig\"]`);\n\n return $element ? helper.tryParseJSON($element.getAttribute(attributeName)) : null;\n }\n\n createClientInstance() {\n return braintree.client.create({\n authorization: this.clientToken\n });\n }\n\n createPayPalCheckoutInstance() {\n return this.createClientInstance().then((clientInstance) => {\n return braintree.paypalCheckout.create({\n client: clientInstance\n });\n });\n }\n\n getPayPalSdkUrlCongifuration() {\n const config = { components: 'buttons,messages' };\n\n const {\n options: configOptions,\n changePMButtonEnabled: isChangePaymentButtonActive\n } = this.configurations;\n\n const isVaultMode = configOptions.flow !== 'checkout';\n const enableFundingList = configOptions.enableFundingList;\n let disableFundingList = configOptions.disableFundingList;\n\n if (isVaultMode) {\n config.vault = true;\n } else {\n config.commit = false;\n config.intent = configOptions.intent;\n config.currency = configOptions.currency;\n }\n\n // Functionality for disabling Debit/Credit Card Button when Change Payment Method Button is enabled\n if (isChangePaymentButtonActive && disableFundingList !== undefined) {\n disableFundingList += ',card';\n } else if (isChangePaymentButtonActive && disableFundingList === undefined) {\n disableFundingList = 'card';\n }\n\n if (enableFundingList !== undefined) {\n config['enable-funding'] = enableFundingList;\n }\n\n if (disableFundingList !== undefined) {\n config['disable-funding'] = disableFundingList;\n }\n\n return config;\n }\n\n loadPayPalSDK() {\n // eslint-disable-next-line no-undef\n const promise = new Promise(resolve => resolve(this));\n\n if (window.isPayPalSDKLoaded) {\n return promise;\n }\n\n // In case if paypal SDK is loaded only for credit messages, we need to delete it\n // and load again to avoid getting unhandled errors in console\n if (window.isPayPalCreditMessageLoaded) {\n delete window.paypal;\n }\n\n if (!this.clientToken || !this.configurations) {\n // eslint-disable-next-line no-console\n console.warn('An error has occurred. Failed to find client token or configuration.');\n\n return promise;\n }\n\n const options = this.getPayPalSdkUrlCongifuration();\n\n return this.createPayPalCheckoutInstance().then((payPalCheckoutInstance) => {\n return payPalCheckoutInstance.loadPayPalSDK(options).then(() => {\n window.isPayPalSDKLoaded = true;\n\n return this;\n });\n });\n }\n\n /**\n * This callback runs after the script is loaded\n * @callback onLoadCallback\n */\n\n /**\n * @param {onLoadCallback} [onLoadCallback] - A callback runs after the script is loaded\n * @returns {ScriptLoading} - A ScriptLoading object\n */\n loadConnectWithPayPal(onLoadCallback) {\n const value = this.getValueByAttributeName('data-cwpp-sdk');\n\n if (!value) {\n return this;\n }\n\n const script = document.createElement('script');\n\n script.src = value;\n script.async = true;\n script.id = 'paypal-api';\n\n if (onLoadCallback && typeof onLoadCallback === 'function') {\n script.onload = onLoadCallback;\n }\n\n script.onerror = () => {\n // eslint-disable-next-line no-console\n console.error(`An upload error occurred and the file ${value} could not be uploaded.`);\n };\n\n document.body.appendChild(script);\n\n return this;\n }\n\n loadPayPalCreditMessages() {\n const promise = new Promise(resolve => resolve(this));\n\n if (window.isPayPalCreditMessageLoaded || window.isPayPalSDKLoaded) {\n return promise;\n }\n\n if (!this.clientToken) {\n // eslint-disable-next-line no-console\n console.warn('An error has occurred. Failed to find client token.');\n\n return promise;\n }\n\n const options = {\n components: 'buttons,messages',\n dataAttributes: { namespace: 'paypalSDK' }\n };\n\n return this.createPayPalCheckoutInstance().then((payPalCheckoutInstance) => {\n return payPalCheckoutInstance.loadPayPalSDK(options).then(() => {\n const payPalButtonDisplayBehavior = require('../components/payPalButtonDisplayBehavior');\n\n helper.hidePayPalBannerIfNotEligible();\n payPalButtonDisplayBehavior.initPaypalCreditMessagesBehavior();\n\n return this;\n });\n });\n }\n};\n\nmodule.exports = PayPalScriptLoading;\n","'use strict';\n\nconst helper = require('../../helper');\n\nfunction showPayPalStaticImageButton() {\n const $staticImage = document.getElementById('js-cwpp-static-image');\n\n if ($staticImage) {\n $staticImage.classList.remove('d-none');\n }\n}\n\nfunction isContainerExist() {\n if (!document.getElementById('js-cwpp-button')) {\n showPayPalStaticImageButton();\n\n return false;\n }\n\n return true;\n}\n\n/**\n * Connect with PayPal\n * @link {https://developer.paypal.com/docs/log-in-with-paypal/integrate/generate-button}\n */\nfunction initConnectWithPayPal() {\n const $container = document.getElementById('js-cwpp-button');\n\n if (!isContainerExist()) {\n return;\n }\n\n const MIN_NUMBER_OF_PARAMETERS = 8;\n const parameters = helper.tryParseJSON($container.getAttribute('data-parameters'));\n\n if (!(window.paypal && Object.keys(parameters).length > MIN_NUMBER_OF_PARAMETERS)) {\n showPayPalStaticImageButton();\n\n return;\n }\n\n window.paypal.use(['login'], function(login) {\n login.render(parameters);\n });\n}\n\n/**\n * Function which initiate PayPal functionality on the Login Page\n */\nfunction init() {\n initConnectWithPayPal();\n}\n\nmodule.exports = {\n init,\n isContainerExist\n};\n","'use strict';\n\nconst braintreeGooglePayModelBuilder = require('./braintreesdk/braintreeGooglePayModelBuilder');\n\nconst googlePayHelper = require('./helpers/googlePayHelper');\n\n// Components\nconst googlePayList = require('./components/googlePayList');\nconst googlePayPaymentProcessing = require('./components/googlePayPaymentProcessing');\n\nconst GooglePayAlertHandlerModel = require('./alerthandler/googlePayAlertHandlerModel');\n\nconst googlePayErrorMessages = require('./constants/errorMessages');\n\nlet braintreeGooglePayModelResponse;\nlet googlePayMessages;\n\n/**\n * Inits Google Pay on the Cart Page\n */\nfunction initCart() {\n const alertHandler = new GooglePayAlertHandlerModel(googlePayMessages);\n\n if (!braintreeGooglePayModelResponse || braintreeGooglePayModelResponse.error) {\n const error = braintreeGooglePayModelResponse.error || googlePayErrorMessages.NO_GOOGLE_PAY_BRAINTREE_CONFIGURATIONS;\n\n alertHandler.handleGooglePayError(error);\n }\n\n // Initialize a Google Pay 'PaymentsClient' object\n braintreeGooglePayModelResponse.btGooglePayModel.initPaymentsClient(braintreeGooglePayModelResponse.btGooglePayConfigs.instanceType,\n window.braintreeConstants.PAGE_FLOW_CART);\n\n googlePayPaymentProcessing.init(braintreeGooglePayModelResponse.btGooglePayModel,\n alertHandler);\n}\n\n/**\n * Inits Google Pay on the Checkout Page\n */\nfunction initCheckout() {\n const alertHandler = new GooglePayAlertHandlerModel(googlePayMessages);\n\n if (!braintreeGooglePayModelResponse || braintreeGooglePayModelResponse.error) {\n const error = braintreeGooglePayModelResponse.error || googlePayErrorMessages.NO_GOOGLE_PAY_BRAINTREE_CONFIGURATIONS;\n\n alertHandler.handleGooglePayError(error);\n }\n\n // Triggers the Google Pay tab if Google Pay session account uses\n googlePayHelper.triggerGooglePayTab(braintreeGooglePayModelResponse.btGooglePayConfigs);\n\n // Initialize a Google Pay 'PaymentsClient' object\n braintreeGooglePayModelResponse.btGooglePayModel.initPaymentsClient(braintreeGooglePayModelResponse.btGooglePayConfigs.instanceType);\n\n googlePayPaymentProcessing.init(braintreeGooglePayModelResponse.btGooglePayModel,\n alertHandler);\n\n googlePayList.init();\n}\n\n/**\n * Inits Google Pay components\n */\nfunction init() {\n braintreeGooglePayModelResponse = braintreeGooglePayModelBuilder.init();\n\n if (!braintreeGooglePayModelResponse.error) {\n googlePayMessages = braintreeGooglePayModelResponse.btGooglePayConfigs.messages;\n }\n}\n\nmodule.exports = {\n init,\n initCart,\n initCheckout\n};\n","'use strict';\n\nconst braintreeGooglePayModel = require('./braintreeGooglePayModel');\nconst braintreeGeneral = require('../../braintreeGeneral');\nconst googlePayHelper = require('../helpers/googlePayHelper');\n\nconst googlePayErrorMessages = require('../constants/errorMessages');\n\n/**\n * Initialize Braintree Google Pay Model. Pattern Builder is used\n * @returns {Object} Object with booleam \"error\" flag and \"message\" attribute with error message\n */\nfunction init() {\n const braintreeGooglePayConfigs = googlePayHelper.getBraintreeGooglePayConfigs();\n const response = {\n error: false,\n message: '',\n btGooglePayModel: null,\n btGooglePayConfigs: null\n };\n\n let clientToken;\n let btClientInstancePromise;\n\n if (braintreeGooglePayConfigs) {\n clientToken = braintreeGooglePayConfigs.clientToken;\n btClientInstancePromise = braintreeGeneral.createClientInstance(clientToken);\n\n braintreeGooglePayModel.init(btClientInstancePromise,\n braintreeGooglePayConfigs.isFraudToolsEnabled);\n\n response.btGooglePayModel = braintreeGooglePayModel;\n response.btGooglePayConfigs = braintreeGooglePayConfigs;\n } else {\n response.error = true;\n response.message = googlePayErrorMessages.NO_GOOGLE_PAY_BRAINTREE_CONFIGURATIONS;\n }\n\n return response;\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst braintreeGeneral = require('../../braintreeGeneral');\nconst braintreeGooglePaySDK = require('../braintreesdk/braintreeGooglePaySDK');\nconst helper = require('../../helper');\n\n/* global Promise braintree $ */\n\n// Global variables\n// Is Froud tools enabled\nlet isFtEnabled;\nlet btClientInstancePromise;\nlet googlePaymentInstance;\nlet paymentsClient;\n\nlet orderData;\nlet amount;\nlet currencyCode;\n\nlet shippingOptionId;\n\n/**\n * Init Baintree Credit Card model\n * @param {Promise} braintreeClientInstancePromise Braintree client instance promise\n * @param {boolean} isFraudToolsEnabled Is fraud tools enabled value\n */\nfunction init(braintreeClientInstancePromise, isFraudToolsEnabled) {\n braintreeGooglePaySDK.init(braintreeClientInstancePromise);\n\n btClientInstancePromise = braintreeClientInstancePromise;\n isFtEnabled = isFraudToolsEnabled;\n}\n\n/**\n * Returns fraud data from dataCollector payload\n * @returns {Object} Payload with fraud data\n */\nfunction collectFraudData() {\n let response;\n\n if (isFtEnabled) {\n response = braintreeGeneral.collectFraudData(btClientInstancePromise);\n } else {\n response = Promise.resolve({\n customMessage: 'Fraud Data collection isn\\t enabled via Custom Site Preference'\n });\n }\n\n return response;\n}\n\n/**\n * Preparing googlePay payment\n * @param {string} googleMerchantId Google Pay merchant identifier\n * @returns {Promise} Promise with resolve 'true' if ready to pay\n */\nfunction initGooglePay(googleMerchantId) {\n return braintreeGooglePaySDK.createGooglePayment(googleMerchantId)\n .then(function(gpInstance) {\n const allowedPaymentMethods = gpInstance.createPaymentDataRequest().allowedPaymentMethods;\n\n googlePaymentInstance = gpInstance;\n\n return paymentsClient.isReadyToPay({\n // see https://developers.google.com/pay/api/web/reference/object#IsReadyToPayRequest\n apiVersion: 2,\n apiVersionMinor: 0,\n allowedPaymentMethods: allowedPaymentMethods\n });\n });\n}\n\n/**\n * Creates a configuration object for use in the loadPaymentData method.\n * @param {Object} options Object with payment options\n * @returns {Object} Configuration object\n */\nfunction createPaymentDataRequest(options) {\n return braintreeGooglePaySDK.createPaymentDataRequest(googlePaymentInstance, options, amount);\n}\n\n/**\n * Parse the response from the tokenization.\n * @param {Object} paymentData The response back from the Google Pay tokenization.\n * @returns {Promise} Promise that resolve with a tokenizePayload\n */\nfunction parseResponse(paymentData) {\n return braintreeGooglePaySDK.parseResponse(paymentData, googlePaymentInstance);\n}\n\n/**\n * Update order amount\n * @returns {Promise} resolved promise which updates the amount\n */\nfunction googlePayUpdateAmount() {\n const config = helper.tryParseJSON(document.querySelector('.js-braintree-googlepay-button').getAttribute('data-braintree-config'));\n\n return fetch(helper.getUrlWithCsrfToken(config.getOrderInfoUrl))\n .then((response) => {\n if (!response.ok) {\n window.location.reload();\n }\n\n return response.json();\n })\n .then((data) => {\n const braintreeCreditCardModel = require('../../creditcard/braintreesdk/braintreeCreditCardModel');\n\n data.shippingAdditionalInfo = data.shippingAddress ? braintreeCreditCardModel.getShippingAdditionalInfo(data.shippingAddress) : null;\n amount = data.amount;\n currencyCode = data.currencyCode;\n orderData = data;\n });\n}\n\n/**\n * Handles dynamic buy flow shipping address and shipping options callback intents.\n * @param {Object} intermediatePaymentData response from Google Pay API a shipping address or shipping option is selected in the payment sheet.\n * @returns {Promise} Promise of PaymentDataRequestUpdate object to update the payment sheet.\n */\nasync function onPaymentDataChanged(intermediatePaymentData) {\n const googlePayConstants = require('../constants/googlePayPaymentProcessingConstants');\n const GooglePayAlertHandlerModel = require('../alerthandler/googlePayAlertHandlerModel');\n\n const alertHandler = new GooglePayAlertHandlerModel();\n const shippingAddress = intermediatePaymentData.shippingAddress;\n const paymentDataRequestUpdate = {};\n\n let isShippingMethodApplicable;\n\n shippingOptionId = intermediatePaymentData.shippingOptionData.id;\n\n if (shippingAddress) {\n const city = shippingAddress.locality;\n const stateCode = shippingAddress.administrativeArea;\n const countryCode = shippingAddress.countryCode;\n const postalCode = shippingAddress.postalCode;\n const addressQueryString = `city=${city}&stateCode=${stateCode}&countryCode=${countryCode}&postalCode=${postalCode}`;\n const paymentMethodId = window.braintreeConstants.PAYMENT_METHOD_ID_GOOGLEPAY;\n const url = `${window.braintreeUrls.getApplicableShippingOptions}?paymentMethodId=${paymentMethodId}&${addressQueryString}`;\n\n const applicableShippingMethods = await helper.getApplicableShippingOptions(url);\n\n isShippingMethodApplicable = applicableShippingMethods.find((shippingMethod) => shippingMethod.id === shippingOptionId);\n }\n\n if (intermediatePaymentData.callbackTrigger === googlePayConstants.INTENT_INITIALIZE\n || intermediatePaymentData.callbackTrigger === googlePayConstants.INTENT_SHIPPING_ADDRESS) {\n // Showing error if store doesn't ship to the address selected in Google Pay\n if (!shippingAddress) {\n return Promise.reject(paymentDataRequestUpdate);\n }\n\n if (!isShippingMethodApplicable) {\n paymentDataRequestUpdate.error = alertHandler.getPaymentDataError(googlePayConstants.INTENT_SHIPPING_ADDRESS);\n }\n } else if (intermediatePaymentData.callbackTrigger === googlePayConstants.INTENT_SHIPPING_OPTION) {\n // Showing error if store doesn't ship to the address selected in Google Pay\n if (!isShippingMethodApplicable) {\n paymentDataRequestUpdate.error = alertHandler.getPaymentDataError(googlePayConstants.INTENT_SHIPPING_OPTION);\n }\n\n // Recalculation amount taking into account new shipping price\n // Showing new amount in Google Pay\n const totalAmount = await helper.updateAmountForShippingOption(shippingOptionId);\n\n paymentDataRequestUpdate.newTransactionInfo = {\n currencyCode: currencyCode,\n totalPriceStatus: 'FINAL',\n totalPrice: totalAmount,\n totalPriceLabel: 'Final'\n };\n }\n\n return Promise.resolve(paymentDataRequestUpdate);\n}\n\n/**\n * Inits 'Google Pay' payment client object into braintreeGooglePayModel\n * @param {string} instanceType The type of the instance TEST/PRODUCTION\n * @param {string} flow Page flow\n */\nfunction initPaymentsClient(instanceType, flow) {\n const paymentDataCallbacks = {\n onPaymentAuthorized: () => Promise.resolve({ transactionState: 'SUCCESS' })\n };\n\n if (flow === window.braintreeConstants.PAGE_FLOW_CART) {\n paymentDataCallbacks.onPaymentDataChanged = onPaymentDataChanged;\n }\n\n paymentsClient = new google.payments.api.PaymentsClient({ // eslint-disable-line no-undef\n environment: instanceType, // TEST/PRODUCTION\n paymentDataCallbacks: paymentDataCallbacks\n });\n}\n\n/**\n * Gets 'Google Pay' payment client object\n * @returns {Object} 'Google Pay' payment client object\n */\nfunction getPaymentsClient() {\n return paymentsClient;\n}\n\n/**\n * Launch the 3D Secure login flow, returning a nonce payload.\n * @param {Object} paymentData payment data\n * @param {Object} tokenizePayload Object with Credit Card billing data\n * @returns {Object} 3DS instance\n */\nfunction threeDSecureVerification(paymentData, tokenizePayload) {\n if (window.braintreePreferences.googlepay3DSecureFlow === 'enabled') {\n const verifyCardObject = {\n amount: amount,\n nonce: tokenizePayload.nonce,\n bin: tokenizePayload.details.bin || '',\n email: paymentData.email,\n billingAddress: paymentData.paymentMethodData.info.billingAddress,\n additionalInformation: orderData.shippingAdditionalInfo\n };\n\n return braintreeGooglePaySDK.apply3dSecureValidation(verifyCardObject, window.braintreePreferences.googlepay3DSecureFlow)\n .then(function(payload) {\n return payload;\n })\n .catch((error) => {\n throw error;\n });\n }\n\n return Promise.resolve(tokenizePayload);\n}\n\nmodule.exports = {\n init,\n collectFraudData,\n initGooglePay,\n createPaymentDataRequest,\n parseResponse,\n googlePayUpdateAmount,\n // initialize a Google Pay 'PaymentsClient' object\n initPaymentsClient,\n getPaymentsClient,\n threeDSecureVerification\n};\n","'use strict';\n\n/* global braintreeUtils braintree $ */\n\nconst googlePaySDKHelper = require('../helpers/googlePaySDKHelper');\n\nlet btClientInstancePromise;\n\n/**\n * Creates googlePayment instance\n * @param {string} googleMerchantId Google Pay merchant identifier\n * @returns {Promise} A promise resolve with the GooglePayment instance\n */\nfunction createGooglePayment(googleMerchantId) {\n return btClientInstancePromise\n .then(function(btClientInstance) {\n const googlePayOptions = googlePaySDKHelper.createGooglePayOptions(btClientInstance,\n googleMerchantId);\n\n return braintree.googlePayment.create(googlePayOptions);\n });\n}\n\n/**\n * Creates a configuration object for use in the loadPaymentData method.\n * @param {googlePaymentInstance} googlePaymentInstance Google Pay instance\n * @param {Object} options Object with payment options\n * @param {number} amount Order total amount\n * @returns {Object} Configuration object\n */\nfunction createPaymentDataRequest(googlePaymentInstance, options, amount) {\n const requestObject = {\n transactionInfo: {\n currencyCode: options.currency,\n totalPriceStatus: 'FINAL',\n totalPrice: String(amount)\n },\n merchantInfo: {\n merchantName: options.displayName\n },\n shippingAddressRequired: options.isShippingAddressRequired,\n shippingAddressParameters: {\n allowedCountryCodes: options.countries,\n phoneNumberRequired: true\n },\n emailRequired: true,\n callbackIntents: ['PAYMENT_AUTHORIZATION']\n };\n\n if (options.isShippingOptionRequired) {\n requestObject.shippingOptionRequired = options.isShippingOptionRequired;\n requestObject.shippingOptionParameters = {\n defaultSelectedOptionId: googlePaySDKHelper.getSelectedShippingId(),\n shippingOptions: options.shippingOptions\n };\n requestObject.callbackIntents.push('SHIPPING_ADDRESS', 'SHIPPING_OPTION');\n }\n\n if (options.merchantId) {\n requestObject.merchantInfo.merchantId = options.merchantId;\n }\n\n return googlePaymentInstance.createPaymentDataRequest(requestObject);\n}\n\n/**\n * Parse the response from the tokenization.\n * @param {Object} paymentData The response back from the Google Pay tokenization.\n * @param {googlePaymentInstance} googlePaymentInstance Google Pay instance\n * @returns {Promise} Promise that resolve with a tokenizePayload\n */\nfunction parseResponse(paymentData, googlePaymentInstance) {\n return googlePaymentInstance.parseResponse(paymentData);\n}\n\n/**\n * Parse the billingAddress from GooglePay to 3DS form\n * @param {Object} oldBillingData billingAddress from GooglePay.\n * @returns {Object} parsed to 3DS form billing data\n */\nfunction parseGooglePayBillingDataTo3DSForm(oldBillingData) {\n return {\n givenName: oldBillingData.name,\n surname: oldBillingData.lastName,\n phoneNumber: oldBillingData.phoneNumber,\n streetAddress: oldBillingData.address1,\n extendedAddress: oldBillingData.address2,\n locality: oldBillingData.locality,\n region: oldBillingData.administrativeArea,\n postalCode: oldBillingData.postalCode,\n countryCodeAlpha2: oldBillingData.countryCode\n };\n}\n\n/**\n * Launch the 3D Secure login flow, returning a nonce payload.\n * @param {Object} verifyCardObject Object with Credit Card info for verification\n * @param {string} threeDSecureFlow 3DSecure flow value\n * @returns {Object} 3DS instance\n */\nfunction apply3dSecureValidation(verifyCardObject, threeDSecureFlow) {\n const braintreeCreditCardSDK = require('../../creditcard/braintreesdk/braintreeCreditCardSDK');\n\n return btClientInstancePromise\n .then(function(btClientInstance) {\n verifyCardObject.billingAddress = parseGooglePayBillingDataTo3DSForm(verifyCardObject.billingAddress);\n\n return braintreeCreditCardSDK\n .create3DSecureRequest(btClientInstance,\n verifyCardObject,\n threeDSecureFlow\n );\n });\n}\n\n/**\n * Inits braintreeGooglePaySDK with client instance promise\n * @param {Promise} braintreeClientInstancePromise Braintree client instance promise\n */\nfunction init(braintreeClientInstancePromise) {\n btClientInstancePromise = braintreeClientInstancePromise;\n}\n\nmodule.exports = {\n createGooglePayment,\n createPaymentDataRequest,\n parseResponse,\n apply3dSecureValidation,\n init\n};\n","'use strict';\n\n/**\n * Creates an object of configuration for creating a Google Pay payment\n * @param {Client} btClientInstance A client instance\n * @param {string} googleMerchantId Google Pay merchant identifier\n * @returns {Object} Configuration object\n */\nfunction createGooglePayOptions(btClientInstance, googleMerchantId) {\n const gpOptions = {\n client: btClientInstance,\n googlePayVersion: 2\n };\n\n if (googleMerchantId !== '' && googleMerchantId !== null) {\n gpOptions.googleMerchantId = googleMerchantId;\n }\n\n return gpOptions;\n}\n\n/**\n * Gets selected shipping id\n * @returns {string} Selected shipping id\n */\nfunction getSelectedShippingId() {\n const shippingMethods = document.getElementById('shippingMethods');\n const selectedShippingMethod = shippingMethods.options[shippingMethods.selectedIndex];\n\n return selectedShippingMethod.dataset.shippingId;\n}\n\nmodule.exports = {\n createGooglePayOptions,\n getSelectedShippingId\n};\n","'use strict';\n\nconst braintreeCreditCardSDK = require('./braintreeCreditCardSDK');\nconst braintreeGeneral = require('../../braintreeGeneral');\nconst helper = require('../../helper');\n\n/* global Promise braintree $ */\n\n// global variables\nlet btClientInstancePromise;\nlet orderData;\nlet sitePrefs = {};\n\n/**\n * Init Braintree Credit Card model\n * @param {Promise} braintreeClientInstancePromise Braintree client instance promise\n * @param {boolean} isFraudToolsEnabled Is fraud tools enabled value\n */\nfunction init(braintreeClientInstancePromise, isFraudToolsEnabled) {\n braintreeCreditCardSDK.init(braintreeClientInstancePromise);\n\n btClientInstancePromise = braintreeClientInstancePromise;\n sitePrefs = {\n isFraudToolsEnabled: isFraudToolsEnabled\n };\n}\n\n/**\n * Gets required additional shipping info for 3ds\n *\n * @param {Object} orderAddress - User's shipping address\n * @returns {Object} an object with required fields\n */\nfunction getShippingAdditionalInfo(orderAddress) {\n return {\n workPhoneNumber: orderAddress.phone,\n shippingGivenName: orderAddress.recipientName.split(' ').slice(0, -1).join(' '),\n shippingSurname: orderAddress.recipientName.split(' ').slice(-1).join(' '),\n shippingPhone: orderAddress.phone,\n shippingAddress: {\n streetAddress: orderAddress.line1,\n extendedAddress: orderAddress.line2,\n locality: orderAddress.city,\n region: orderAddress.state,\n postalCode: decodeURIComponent(orderAddress.postalCode),\n countryCodeAlpha2: orderAddress.countryCode\n }\n };\n}\n\n/**\n * Updates Order data on Checkout\n */\nfunction updateOrderData() {\n fetch(helper.getUrlWithCsrfToken(`${window.braintreeUrls.getOrderInfoUrl}?qwe=2344`))\n .then((response) => {\n if (!response.ok) {\n window.location.reload();\n }\n\n return response.json();\n })\n .then((data) => {\n data.shippingAdditionalInfo = data.shippingAddress ? getShippingAdditionalInfo(data.shippingAddress) : null;\n orderData = data;\n });\n}\n\n/**\n * Returns fraud data from dataCollector payload\n * @returns {Object} Payload with fraud data\n */\nfunction collectFraudData() {\n let response;\n\n if (sitePrefs && sitePrefs.isFraudToolsEnabled) {\n response = braintreeGeneral.collectFraudData(btClientInstancePromise);\n } else {\n response = Promise.resolve({\n customMessage: 'Fraud Data collection isn\\t enabled via Custom Site Preference'\n });\n }\n\n return response;\n}\n\n/**\n * @param {Object} tokenizationOptions Tokenize options\n */\nfunction addAuthenticationInsight(tokenizationOptions) {\n const braintreeCreditCardConfigs = require('../helpers/creditCardHelper').getCheckoutBraintreeCreditCardConfigs();\n\n if (braintreeCreditCardConfigs) {\n tokenizationOptions.authenticationInsight = {\n merchantAccountId: braintreeCreditCardConfigs.merchantAccountId\n };\n }\n}\n\n/**\n * @param {string} nonce payment nonce value\n * @returns {Object} regulation environment value of false if an error occurs\n */\nfunction getAuthInsightRegulationEnvironment(nonce) {\n const config = require('../helpers/creditCardHelper').getCheckoutBraintreeCreditCardConfigs();\n const token = document.querySelector('#dwfrm_billing [name=\"csrf_token\"]').value;\n\n return fetch(config.vaultCreditCardUrl, {\n method: 'POST',\n body: `nonce=${nonce}&csrf_token=${token}`,\n headers: { 'Content-Type': 'application/x-www-form-urlencoded' }\n }).then(response => response.json());\n}\n\n/**\n * Launch the 3D Secure login flow, returning a nonce payload.\n * @param {Object} verifyCardObject Object with Credit Card info for verification\n * @param {Object} btTokenizePayload Tokenize payload\n * @param {sring} threeDSecureFlow 3DSecure flow value\n * @returns {Object} Object with nonce payload or custom error\n */\nfunction apply3dSecureValidation(verifyCardObject, btTokenizePayload, threeDSecureFlow) {\n return braintreeCreditCardSDK.apply3dSecureValidation(verifyCardObject, threeDSecureFlow)\n .then(function(payload) {\n if (btTokenizePayload) {\n // For stored card use case we don't need this param\n btTokenizePayload.nonce = payload.nonce;\n }\n\n return {\n threeDSecureDataValidationPayload: payload,\n btTokenizePayload: btTokenizePayload\n };\n });\n}\n\n/**\n * @param {string} customPreference Custom preference value\n * @param {Object} payload Payload\n * @returns {boolean} 3DSecure flow or not\n */\nfunction is3DSecureFlow(customPreference, payload) {\n if (['always', 'always_challengeRequested'].includes(customPreference)) {\n return true;\n }\n\n if (customPreference === 'auto') {\n const regulationEnvironment = helper.getValueByKey(payload, 'authenticationInsight.regulationEnvironment', '');\n\n return ['unavailable', 'psd2', 'psdtwo'].includes(regulationEnvironment);\n }\n\n return false;\n}\n\n/**\n * Process the new Credit Card\n * @param {string} email Email\n * @param {Object} billingData Object with Credit Card billing data\n * @param {boolean} isCheckoutPage Is checkout flow flag\n * @param {HostedFields} hfInstance A hosted fields instance\n * @returns {Object} Object with nonce payload or custom error\n */\nfunction processNewCard(email, billingData, isCheckoutPage, hfInstance) {\n const orderAmount = orderData.amount;\n const shippingAdditionalInfo = orderData.shippingAdditionalInfo;\n\n let result = hfInstance.tokenize(isCheckoutPage);\n\n if (['auto', 'always', 'always_challengeRequested'].includes(window.braintreePreferences.cc3DSecureFlow)) {\n const resultTokenize = result;\n\n result = result\n .then(function(payload) {\n const nonce = payload.btTokenizePayload.nonce;\n const bin = payload.btTokenizePayload.details ? payload.btTokenizePayload.details.bin : '';\n\n if (window.braintreePreferences.cc3DSecureFlow === 'auto'\n && !is3DSecureFlow(window.braintreePreferences.cc3DSecureFlow, payload.btTokenizePayload)) {\n return resultTokenize;\n }\n\n const verifyCardObject = {\n amount: orderAmount,\n nonce: nonce,\n bin: bin || '',\n email: email,\n billingAddress: billingData,\n additionalInformation: shippingAdditionalInfo\n };\n\n return apply3dSecureValidation(verifyCardObject,\n payload.btTokenizePayload,\n window.braintreePreferences.cc3DSecureFlow);\n });\n }\n\n return result;\n}\n\n/**\n * Process the stored Credit Card\n * @param {string} email Email\n * @param {Object} billingData Object with Credit Card billing data\n * @param {Object} paymentMethodResponse Payment method resonse\n * @returns {Object} Object with nonce payload or custom error\n */\nfunction processStoredCard(email, billingData, paymentMethodResponse) {\n const nonce = paymentMethodResponse.nonce;\n const bin = paymentMethodResponse.details ? paymentMethodResponse.details.bin : '';\n\n const orderAmount = orderData.amount;\n const shippingAdditionalInfo = orderData.shippingAdditionalInfo;\n\n let result = Promise.resolve({\n nonce,\n email,\n bin\n });\n\n // Case when we have a nonce, it is the case when buyer use stored credit card\n // otherwise, it is the case when buyer use new credit card\n if (is3DSecureFlow(window.braintreePreferences.cc3DSecureFlow, paymentMethodResponse)) {\n const verifyCardObject = {\n nonce: nonce,\n amount: orderAmount,\n email: email,\n bin: bin || '',\n billingAddress: billingData,\n additionalInformation: shippingAdditionalInfo\n };\n\n result = apply3dSecureValidation(verifyCardObject, undefined, window.braintreePreferences.cc3DSecureFlow);\n }\n\n return result;\n}\n\n/**\n * In case of session card we can do nothing since the nonce, 3ds, hosted fields validation already was passed\n * @returns {Promise} return Promise with success data\n */\nasync function processSessionCard() {\n const saveCreditCardCheckboxEl = document.getElementById('braintreeSaveCreditCard');\n\n if (saveCreditCardCheckboxEl?.checked) {\n const ccSessionAccountEl = document.getElementById('braintreeSessionCreditAccount');\n const expiryDate = ccSessionAccountEl.dataset.expiration.split('/');\n const expiryYear = expiryDate[1].length === 2 ? expiryDate[1].replace(/^/, '20') : expiryDate[1];\n const sessionCardData = {\n details: {\n lastFour: ccSessionAccountEl.dataset.lastFour,\n expirationMonth: expiryDate[0],\n expirationYear: expiryYear,\n cardType: ccSessionAccountEl.dataset.type\n }\n };\n\n const response = await helper.checkForDuplicatedCC(sessionCardData);\n\n if (response.error) {\n return Promise.reject(response.message);\n }\n }\n\n return Promise.resolve({});\n}\n\n/**\n * Checks whether the basket is valid\n * @param {string} errorMessage Error message\n * @returns {Object} response object\n */\nfunction isBasketDataValid(errorMessage) {\n const response = {\n error: false,\n customErrorMessage: ''\n };\n\n if (!orderData || orderData.amount === 0) {\n response.error = true;\n response.customErrorMessage = errorMessage;\n }\n\n return response;\n}\n\n/**\n * Get BT client instance which is used currently in the model\n * @returns {Promise} BT client instance promise\n */\nfunction getClientInstancePromise() {\n return btClientInstancePromise;\n}\n\nmodule.exports = {\n init,\n // \"tokenize\" or \"processNewCard\", or \"processStoredCard\"\n // can be called only after excution of \"initCreditCardFields\"\n processNewCard,\n processStoredCard,\n processSessionCard,\n getShippingAdditionalInfo,\n getClientInstancePromise,\n getAuthInsightRegulationEnvironment,\n addAuthenticationInsight,\n // \"isBasketDataValid\" can be called only after calling of \"updateOrderData\"\n isBasketDataValid,\n updateOrderData,\n collectFraudData,\n is3DSecureFlow\n};\n","'use strict';\n\nconst googlePayHelper = require('../helpers/googlePayHelper');\n\n/**\n * Inits Google Pay list components\n */\nfunction init() {\n const $googlepayCardDescription = document.getElementById('braintreeGooglePayCardDescription');\n const $btGooglepayAccountsList = document.getElementById('braintreeGooglepayAccountsList');\n const googlePayAccountListExist = Boolean($btGooglepayAccountsList);\n\n if (googlePayAccountListExist) {\n $btGooglepayAccountsList.addEventListener('change', function() {\n googlePayHelper.googlePayContentTabHandler(true);\n });\n }\n\n if ($googlepayCardDescription.value === 'GooglePay') {\n $googlepayCardDescription.value = $btGooglepayAccountsList.selectedOptions[0].label;\n }\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\n// Helpers\nconst googlePayHelper = require('../helpers/googlePayHelper');\nconst loaderInstance = require('../../loaderHelper');\nconst googlePayPaymentProcessingHelper = require('../helpers/googlePayPaymentProcessingHelper');\nconst helper = require('../../helper');\n\n// Components\nconst googlePayCart = require('../components/googlePayCart');\nconst googlePayCheckout = require('../components/googlePayCheckout');\nconst googlePaySessionAccount = require('../components/googlePaySessionAccount');\nconst googlePayPaymentProcessingConstants = require('../constants/googlePayPaymentProcessingConstants');\n\n// Global varibales\nlet googlePayModel;\nlet paymentsClient;\nlet googlePayConfig;\nlet alertHandler;\n\nconst $googlePayButton = document.querySelector('.js-braintree-googlepay-button');\nconst $braintreeGooglePayLoader = document.querySelector('.js-braintree-googlepay-loader');\nconst $continueButton = document.querySelector('button.submit-payment');\n\nlet loader;\n\n/**\n * Checking for customError property in payload\n * @param {Object} payload object with btPayload\n * @throws {Object} when customError property exists in payload\n */\nfunction checkForErrorInPayload(payload) {\n if (Object.hasOwnProperty.call(payload, 'customError')) {\n throw payload;\n }\n}\n\n/**\n * Hide loader and show error msg in popup\n * @param {Object} error caught error\n */\nfunction handleError(error) {\n loader.hide();\n alertHandler.handleGooglePayError(error);\n}\n\n/**\n * Functionality over tokenized payment\n * @param {Object} data data object\n * @param {Object} result data object\n */\nfunction onTokenizePayment(data, result) {\n // General functionality for Cart and Billing Page\n const googlePayNonce = result.nonce;\n const googlePayPaymentType = result.type;\n const gpCardDescription = `${result.details.cardType} ${result.details.lastFour}`;\n const billingAddressData = googlePayPaymentProcessingHelper.createGooglepayBillingAddressData(data);\n const googlePayFlow = googlePayPaymentProcessingHelper.getGooglePayFlowId();\n\n let shippingAddressData;\n\n helper.removeActiveSessionPayment();\n\n switch (googlePayFlow) {\n case googlePayPaymentProcessingConstants.FLOW_CART_NAME:\n shippingAddressData = googlePayPaymentProcessingHelper.createGooglepayShippingAddressData(data.shippingAddress);\n\n googlePayCart.init(billingAddressData, shippingAddressData, googlePayNonce, googlePayPaymentType, gpCardDescription, alertHandler);\n\n break;\n case googlePayPaymentProcessingConstants.FLOW_CHECKOUT_NAME:\n const isSessionPaymentsEnabled = window.braintreePreferences.isSessionPaymentsEnabled;\n\n googlePayCheckout.init(googlePayNonce, gpCardDescription, googlePayPaymentType, billingAddressData);\n\n if (isSessionPaymentsEnabled) {\n googlePaySessionAccount.showGooglepayAccount(gpCardDescription);\n }\n\n $continueButton.click();\n\n break;\n default:\n break;\n }\n}\n\n/**\n * Call back function to be resolved when on Google Pay payment button is clicked\n * @returns {void}\n */\nasync function onGooglePaymentButtonClicked() { // eslint-disable-line no-inner-declarations\n const options = googlePayConfig.options;\n const amount = options.amount;\n\n if (googlePayConfig.googleMerchantId) {\n options.merchantId = googlePayConfig.googleMerchantId;\n }\n\n alertHandler.hideAlerts();\n\n try {\n if (amount === 0) {\n alertHandler.showOrderTotalError();\n\n return;\n }\n\n loader.show();\n\n // Updates order amount for paymentDataRequest\n await googlePayModel.googlePayUpdateAmount();\n\n if (options.isShippingOptionRequired) {\n const paymentMethodId = window.braintreeConstants.PAYMENT_METHOD_ID_GOOGLEPAY;\n const url = `${window.braintreeUrls.getApplicableShippingOptions}?paymentMethodId=${paymentMethodId}`;\n const shippingOptions = await helper.getApplicableShippingOptions(url);\n\n options.shippingOptions = shippingOptions;\n }\n\n // Create a configuration object for use in the loadPaymentData method.\n const paymentDataRequest = googlePayModel.createPaymentDataRequest(options);\n\n // Update card payment methods to require billing address\n const cardPaymentMethod = paymentDataRequest.allowedPaymentMethods[0];\n\n cardPaymentMethod.parameters.billingAddressRequired = true;\n cardPaymentMethod.parameters.billingAddressParameters = {\n format: 'FULL',\n phoneNumberRequired: true\n };\n\n paymentsClient.loadPaymentData(paymentDataRequest)\n .then(function(paymentData) {\n googlePayModel.parseResponse(paymentData)\n .then(function(tokenizePayload) {\n googlePayModel.threeDSecureVerification(paymentData, tokenizePayload)\n .then(function(payload) {\n loader.hide();\n checkForErrorInPayload(payload);\n onTokenizePayment(paymentData, payload);\n })\n .catch(function(error) {\n handleError(error);\n });\n });\n })\n .catch(function(error) {\n handleError(error);\n });\n } catch (error) {\n alertHandler.handleGooglePayError(error);\n }\n}\n\n/**\n * Init and add Google Pay on the Cart or Billing Page\n */\nfunction initGooglePay() {\n // This class generated by the Google Pay API, if size mode in BM is set to fill\n const $googlePayButtonFillStyle = document.querySelector('.gpay-button-fill-new-style');\n\n if (!$googlePayButtonFillStyle) {\n $googlePayButton.classList.add('googlepay-container');\n }\n\n // added default Google Pay style configuration in case of an error\n let googlePayButtonStyle = {\n buttonColor: 'black',\n buttonType: 'buy',\n buttonSizeMode: 'static'\n };\n\n const googlePayButtonConfigs = googlePayHelper.getBraintreeGooglePayConfigs();\n\n if (googlePayButtonConfigs && googlePayButtonConfigs.style) {\n googlePayButtonStyle = googlePayButtonConfigs.style;\n }\n\n const result = googlePayModel.collectFraudData()\n .then(function(fraudDataPayload) {\n googlePayHelper.setGooglePayDeviceData(fraudDataPayload);\n loader.hide();\n\n return googlePayModel.initGooglePay(googlePayConfig.googleMerchantId)\n .then(function(response) {\n if (response.result) {\n // Creates 'Google Pay Button' and append to the DOM\n googlePayButtonStyle.onClick = onGooglePaymentButtonClicked;\n const button = paymentsClient.createButton(googlePayButtonStyle);\n\n $googlePayButton.appendChild(button);\n }\n });\n });\n\n result.catch(function(error) {\n loader.hide();\n alertHandler.handleGooglePayError(error);\n });\n}\n\n/**\n * Inits Google Pay payment processing components\n * @param {Object} braintreeGooglePayModel Google Pay model\n * @param {Constructor} alertHandlerModel Alert handler model\n */\nfunction init(braintreeGooglePayModel, alertHandlerModel) {\n loader = loaderInstance($braintreeGooglePayLoader);\n googlePayModel = braintreeGooglePayModel;\n paymentsClient = braintreeGooglePayModel.getPaymentsClient();\n googlePayConfig = helper.tryParseJSON($googlePayButton.getAttribute('data-braintree-config'));\n alertHandler = alertHandlerModel;\n\n initGooglePay();\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst googlePayPaymentProcessingConstants = require('../constants/googlePayPaymentProcessingConstants');\n\n/**\n * Returns current Google Pay flow\n * @returns {string} Flow id checkout/cart/newGpAccount\n */\nfunction getGooglePayFlowId() {\n const googlePayEnabledOnCart = Boolean(document.querySelector('.js-braintree-cart-googlepay-button'));\n const googlePayEnabledOnCheckout = Boolean(document.querySelector('.js-braintree-billing-googlepay-button'));\n let googlePayFlowId = null;\n\n const flows = {\n checkout: googlePayPaymentProcessingConstants.FLOW_CHECKOUT_NAME,\n cart: googlePayPaymentProcessingConstants.FLOW_CART_NAME,\n newGpAccount: googlePayPaymentProcessingConstants.FLOW_NEW_GP_ACCOUNT_NAME\n };\n\n if (googlePayEnabledOnCart) {\n googlePayFlowId = flows.cart;\n } else if (googlePayEnabledOnCheckout) {\n googlePayFlowId = flows.checkout;\n } else {\n googlePayFlowId = flows.newGpAccount;\n }\n\n return googlePayFlowId;\n}\n\n/**\n * Creates Google Pay billing address from payload data\n * @param {Object} data Data object\n * @returns {Objcet} billing address data object\n */\nfunction createGooglepayBillingAddressData(data) {\n const billingData = data.paymentMethodData.info.billingAddress;\n const billingAddress = {};\n const recipientName = billingData.name.split(' ');\n\n billingAddress.firstName = recipientName[0];\n billingAddress.lastName = recipientName[1];\n billingAddress.phone = billingData.phoneNumber;\n billingAddress.countryCodeAlpha2 = billingData.countryCode;\n billingAddress.streetAddress = billingData.address1;\n billingAddress.extendedAddress = billingData.address2;\n billingAddress.locality = billingData.locality;\n billingAddress.stateCode = billingData.administrativeArea;\n billingAddress.postalCode = decodeURIComponent(billingData.postalCode);\n billingAddress.email = data.email;\n\n return billingAddress;\n}\n\n/**\n * Creates shipping address object\n * @param {Object} shippingData Shipping data object\n * @returns {Object} Shipping data object in required format\n */\nfunction createGooglepayShippingAddressData(shippingData) {\n const shippingAddress = {};\n const recipientName = shippingData.name.split(' ');\n\n shippingAddress.firstName = recipientName[0];\n shippingAddress.lastName = recipientName[1];\n shippingAddress.phone = shippingData.phoneNumber;\n shippingAddress.countryCodeAlpha2 = shippingData.countryCode;\n shippingAddress.streetAddress = shippingData.address1;\n shippingAddress.extendedAddress = shippingData.address2;\n shippingAddress.locality = shippingData.locality;\n shippingAddress.region = shippingData.administrativeArea;\n shippingAddress.postalCode = decodeURIComponent(shippingData.postalCode);\n\n return shippingAddress;\n}\n\nmodule.exports = {\n getGooglePayFlowId,\n createGooglepayBillingAddressData,\n createGooglepayShippingAddressData\n};\n","'use strict';\n\nconst helper = require('../../helper');\nconst loaderInstance = require('../../loaderHelper');\nconst paymentMethodGeneral = require('../../paymentMethodGeneral');\n\nconst $braintreeGooglePayLoader = document.querySelector('.js-braintree-googlepay-loader');\n\n// Global variables\nlet googlePayConfigs;\nlet googlePayBillingAddressData;\nlet googlePayShippingAddressData;\nlet googlePayNonce;\nlet googlepayPaymentType;\nlet googlePayCardDescription;\nlet googlepayCheckoutFormData;\nlet alertHandler;\nlet loader;\n\n/**\n * Expends Google Pay checkout form with required data\n */\nfunction expandGooglePayCheckoutFormData() {\n const deviceData = document.getElementById('braintreeGooglePayDeviceData').value;\n const $csrfToken = document.querySelector('.js-braintree-cart-buttons-wrap #csrf_token');\n\n googlepayCheckoutFormData.append($csrfToken.name, $csrfToken.value);\n googlepayCheckoutFormData.append('braintreeGooglePayNonce', googlePayNonce);\n googlepayCheckoutFormData.append('braintreeGooglePayDeviceData', deviceData);\n googlepayCheckoutFormData.append('braintreeGooglePayCardDescription', googlePayCardDescription);\n googlepayCheckoutFormData.append('braintreeGooglepayPaymentType', googlepayPaymentType);\n googlepayCheckoutFormData.append('braintreeGooglePayShippingAddress', JSON.stringify(googlePayShippingAddressData) || '{}');\n googlepayCheckoutFormData.append('braintreeGooglePayBillingAddress', JSON.stringify(googlePayBillingAddressData) || '{}');\n}\n\n/**\n * Process Google Pay on the Cart Page\n */\nfunction processCartFlow() {\n const $braintreeCartButtons = document.querySelector('.js-braintree-cart-buttons-wrap');\n const placeOrderUrl = window.braintreeUrls.placeOrderUrl;\n const checkoutSubmitPayment = window.braintreeUrls.checkoutSubmitPayment;\n const checkoutFormFields = $braintreeCartButtons.getAttribute('data-checkout-form-fields');\n const paymentFieldsData = helper.getPaymentFieldsData(googlePayBillingAddressData, googlePayConfigs.paymentMethodName);\n\n // Creates and updates Google Pay checkout form for service side\n googlepayCheckoutFormData = helper.createPaymentFormData(checkoutFormFields, paymentFieldsData);\n googlepayCheckoutFormData.append('pageFlowCart', true);\n expandGooglePayCheckoutFormData();\n // submit customer form with email (CheckoutServices-SubmitCustomer)\n // as we skip step \"login via guest/registered user\" while express checkout\n // email is set only in case of guest checkout and if email is not already set\n paymentMethodGeneral.submitCustomerForm(googlePayBillingAddressData.email);\n\n fetch(helper.getUrlWithCsrfToken(checkoutSubmitPayment), {\n method: 'POST',\n body: googlepayCheckoutFormData\n })\n .then((response) => response.json())\n .then((data) => {\n if (!helper.handleSubmitPaymentErrors(data, alertHandler)) {\n sessionStorage.setItem('pageState', 'cart');\n window.location.href = placeOrderUrl;\n }\n\n loader.hide();\n })\n .catch((error) => {\n if (error && error.redirectUrl) {\n window.location.href = error.redirectUrl;\n }\n });\n}\n\n/**\n * Inits Google Pay cart components\n * @param {Object} billingAddressData Billing address data object\n * @param {Object} shippingAddressData Shipping address data object\n * @param {string} nonce Payment method nonce\n * @param {string} paymentType Payment method type\n * @param {string} description Google Pay card description\n * @param {Constructor} alertHandlerModel Alert handler Model\n */\nfunction init(billingAddressData, shippingAddressData, nonce, paymentType, description, alertHandlerModel) {\n const $googlepayButton = document.querySelector('.js-braintree-googlepay-button');\n\n googlePayConfigs = helper.tryParseJSON($googlepayButton.getAttribute('data-braintree-config'));\n googlePayBillingAddressData = billingAddressData;\n googlePayShippingAddressData = shippingAddressData;\n googlePayNonce = nonce;\n googlepayPaymentType = paymentType;\n googlePayCardDescription = description;\n loader = loaderInstance($braintreeGooglePayLoader);\n alertHandler = alertHandlerModel;\n\n processCartFlow();\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst helper = require('../../helper');\n\n// Global variables\nlet googlePayBillingAddressData;\nlet googlePayNonce;\nlet googlepayPaymentType;\nlet googlePayCardDescription;\n\nconst $googlepayNonce = document.getElementById('braintreeGooglePayNonce');\nconst $googlepayCardDescription = document.getElementById('braintreeGooglePayCardDescription');\nconst $braintreeGooglepayPaymentType = document.getElementById('braintreeGooglepayPaymentType');\nconst $googlePayBillingAddress = document.getElementById('braintreeGooglePayBillingAddress');\n\n/**\n * Process Google Pay on the Checkout Page\n */\nfunction processCheckoutFlow() {\n $googlepayNonce.value = googlePayNonce;\n $googlepayCardDescription.value = googlePayCardDescription;\n $braintreeGooglepayPaymentType.value = googlepayPaymentType;\n\n // Updating Storefront Billing Form data with GooglePay Billing\n const storeFrontBillingData = helper.getUpdatedStoreFrontBillingData(googlePayBillingAddressData);\n\n $googlePayBillingAddress.value = JSON.stringify(googlePayBillingAddressData);\n\n helper.updateBillingFormValues(storeFrontBillingData);\n}\n\n/**\n * Inits Google Pay checkout components\n * @param {string} nonce Payment method nonce\n * @param {string} description Google Pay card description\n * @param {string} paymentType Payment method type\n * @param {Object} billingAddressData Billing address data object\n */\nfunction init(nonce, description, paymentType, billingAddressData) {\n googlePayBillingAddressData = billingAddressData;\n googlePayNonce = nonce;\n googlepayPaymentType = paymentType;\n googlePayCardDescription = description;\n\n processCheckoutFlow();\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst braintreeApplePayModelBuilder = require('base_braintree/braintree/applepay/braintreesdk/braintreeApplePayModelBuilder');\nconst applePayPaymentProcessing = require('./components/applePayPaymentProcessing');\nconst applePayErrorMessages = require('base_braintree/braintree/applepay/constants/errorMessages');\n\nconst AlertHandlerModel = require('base_braintree/braintree/applepay/alerthandler/applePayAlertHandlerModel');\n\nlet braintreeApplePayModelResponse;\nlet applePayMessages;\n\n/**\n * Inits Apple Pay payment processing on Cart/Checkout Page\n */\nfunction initApplePay() {\n const alertHandler = new AlertHandlerModel(applePayMessages);\n\n if (!braintreeApplePayModelResponse || braintreeApplePayModelResponse.error) {\n const error = braintreeApplePayModelResponse.error || applePayErrorMessages.NO_APPLE_PAY_BRAINTREE_CONFIGURATIONS;\n\n alertHandler.handleApplePayError(error);\n }\n applePayPaymentProcessing.init(braintreeApplePayModelResponse.btApplePayModel,\n alertHandler);\n}\n\n/**\n * Inits Apple Pay on the Cart/Billing-Checkout Pages\n */\nfunction init() {\n braintreeApplePayModelResponse = braintreeApplePayModelBuilder.init();\n\n if (!braintreeApplePayModelResponse.error) {\n applePayMessages = braintreeApplePayModelResponse.btApplePayConfigs.messages;\n }\n}\n\nmodule.exports = {\n init,\n initApplePay\n};\n","'use strict';\n\nconst applePayHelper = require('../helpers/applePayHelper');\nconst braintreeGeneral = require('../../braintreeGeneral');\nconst braintreeApplePayModel = require('./braintreeApplePayModel');\n\nconst applePayErrorMessages = require('../constants/errorMessages');\n\n/**\n * Initialize Braintree Apple Pay Model. Pattern Builder is used\n * @returns {Object} Object with booleam \"error\" flag and \"message\" attribute with error message\n */\nfunction init() {\n const braintreeApplePayConfigs = applePayHelper.getBraintreeApplePayConfigs();\n const response = {\n error: false,\n message: '',\n btApplePayModel: null,\n btApplePayConfigs: null\n };\n\n let clientToken;\n let btClientInstancePromise;\n\n if (braintreeApplePayConfigs) {\n clientToken = braintreeApplePayConfigs.clientToken;\n btClientInstancePromise = braintreeGeneral.createClientInstance(clientToken);\n\n braintreeApplePayModel.init(btClientInstancePromise,\n braintreeApplePayConfigs.isFraudToolsEnabled);\n\n response.btApplePayModel = braintreeApplePayModel;\n response.btApplePayConfigs = braintreeApplePayConfigs;\n } else {\n response.error = true;\n response.message = applePayErrorMessages.NO_APPLE_PAY_BRAINTREE_CONFIGURATIONS;\n }\n\n return response;\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\n/* global Promise braintree $ */\n\nconst applePayErrorMessages = require('../constants/errorMessages');\n\nconst braintreeApplePaySDK = require('./braintreeApplePaySDK');\nconst braintreeGeneral = require('../../braintreeGeneral');\nconst helper = require('../../helper');\n\n// Global variables\n// Is Froud tools enabled\nlet isFtEnabled;\nlet btClientInstancePromise;\nlet apInstance;\nlet amount;\n\n/**\n * Init braintree Apple Pay model\n * @param {Promise} braintreeClientInstancePromise Braintree client instance promise\n * @param {boolean} isFraudToolsEnabled Is fraud tools enabled value\n */\nfunction init(braintreeClientInstancePromise, isFraudToolsEnabled) {\n braintreeApplePaySDK.init(braintreeClientInstancePromise);\n\n btClientInstancePromise = braintreeClientInstancePromise;\n isFtEnabled = isFraudToolsEnabled;\n}\n\n/**\n * Returns fraud data from dataCollector payload\n * @returns {Object} Payload with fraud data\n */\nfunction collectFraudData() {\n let response;\n\n if (isFtEnabled) {\n response = braintreeGeneral.collectFraudData(btClientInstancePromise);\n } else {\n response = Promise.resolve({\n customMessage: applePayErrorMessages.FRAUD_DATA_CELLECTION_ISNOT_ENABLED\n });\n }\n\n return response;\n}\n\n/**\n * Preparing Apple Pay payment\n * @param {Object} ApplePaySession Apple Pay session\n * @returns {Promise} Promise with 'canMakePayments' boolean value\n */\nfunction initApplePay(ApplePaySession) {\n return braintreeApplePaySDK.createApplePayPayment()\n .then(function(applePayInstance) {\n apInstance = applePayInstance;\n\n return ApplePaySession.canMakePaymentsWithActiveCard(applePayInstance.merchantIdentifier);\n });\n}\n\n/**\n * Merges a payment request with Braintree defaults to return an {external:ApplePayPaymentRequest}\n * @param {Object} applePayConfigs Apple Pay config object\n * @returns {Object} Payment request object\n */\nfunction createPaymentDataRequest(applePayConfigs) {\n return braintreeApplePaySDK.createPaymentDataRequest(apInstance, applePayConfigs, amount);\n}\n\n/**\n * Validates merchant website, as required by ApplePaySession before payment can be authorized\n * @param {Object} sessionEvent Apple Pay session event\n * @param {Object} applePayConfigs Apple Pay config object\n * @returns {Promise} Promise with merchant session\n */\nfunction onValidateMerchant(sessionEvent, applePayConfigs) {\n return braintreeApplePaySDK.performValidation(apInstance, sessionEvent, applePayConfigs);\n}\n\n/**\n * Tokenizes an Apple Pay payment\n * @param {Object} sessionEvent Apple Pay session event\n * @returns {Promise} Promise with tokenized payload\n */\nfunction onPaymentAuthorized(sessionEvent) {\n return braintreeApplePaySDK.tokenize(apInstance, sessionEvent);\n}\n\n/**\n * Adds shipping methods based on the address\n * @param {Object} sessionEvent Apple Pay session event\n * @param {Object} applePayConfigs Apple Pay config object\n * @returns {Promise} Promise with applicable shipping options\n */\nasync function onShippingContactSelected(sessionEvent, applePayConfigs) {\n const shippingAddress = sessionEvent.shippingContact;\n const city = shippingAddress.locality;\n const stateCode = shippingAddress.administrativeArea;\n const countryCode = shippingAddress.countryCode;\n const postalCode = shippingAddress.postalCode;\n const addressQueryString = `city=${city}&stateCode=${stateCode}&countryCode=${countryCode}&postalCode=${postalCode}`;\n const paymentMethodId = window.braintreeConstants.PAYMENT_METHOD_ID_APPLEPAY;\n const url = `${window.braintreeUrls.getApplicableShippingOptions}?paymentMethodId=${paymentMethodId}&${addressQueryString}`;\n\n const shippingOptions = await helper.getApplicableShippingOptions(url);\n\n return {\n newTotal: {\n label: applePayConfigs.options.displayName,\n amount: amount\n },\n newShippingMethods: shippingOptions\n };\n}\n\n/**\n * Updates price based on a selected shipping method\n * @param {Object} sessionEvent Apple Pay session event\n * @param {Object} applePayConfigs Apple Pay config object\n * @returns {Promise} Promise with new order amount\n */\nasync function onShippingMethodSelected(sessionEvent, applePayConfigs) {\n const newShippingMethod = sessionEvent.shippingMethod;\n const shippingOptionId = newShippingMethod.identifier;\n\n const updatedAmount = await helper.updateAmountForShippingOption(shippingOptionId);\n\n return {\n newTotal: {\n label: applePayConfigs.options.displayName,\n amount: updatedAmount\n }\n };\n}\n\n/**\n * Update order amount\n * @param {Object} applePayConfigs Apple Pay config object\n */\nfunction updateApplePayAmount(applePayConfigs) {\n // Need to use the ajax approach here because of Apple Pay session limitations\n $.ajax({\n url: helper.getUrlWithCsrfToken(applePayConfigs.getOrderInfoUrl),\n async: false,\n type: 'get',\n dataType: 'json',\n success: function(data) {\n amount = data.amount;\n },\n error: function() {\n window.location.reload();\n }\n });\n}\n\nmodule.exports = {\n init,\n collectFraudData,\n initApplePay,\n createPaymentDataRequest,\n onValidateMerchant,\n onPaymentAuthorized,\n updateApplePayAmount,\n onShippingContactSelected,\n onShippingMethodSelected\n};\n","'use strict';\n\n/* global braintreeUtils braintree $ */\n\nlet btClientInstancePromise;\n\n/**\n * Creates Apple Pay payment instance\n * @returns {Promise} A promise resolve with the Apple Pay instance\n */\n\nfunction createApplePayPayment() {\n return btClientInstancePromise\n .then(function(btClientInstance) {\n return braintree.applePay.create({\n client: btClientInstance\n });\n });\n}\n\n/**\n * Creates a configuration object for creation an Apple Pay session\n * @param {applePayInstance} applePayInstance Apple Pay instance\n * @param {Object} applePayConfigs Apple Pay configs object\n * @param {number} amount Order total amount\n * @returns {Object} Configuration object\n */\nfunction createPaymentDataRequest(applePayInstance, applePayConfigs, amount) {\n return applePayInstance.createPaymentRequest({\n total: {\n label: applePayConfigs.options.displayName,\n amount: amount\n }\n });\n}\n\n/**\n * Validates merchant website, as required by Apple Pay Session before payment can be authorized\n * @param {applePayInstance} applePayInstance Apple Pay instance\n * @param {Object} sessionEvent Apple Pay session event\n * @param {Object} applePayConfigs Apple Pay configs object\n * @returns {Promise} Promise that resolve with 'merchantSession'\n */\nfunction performValidation(applePayInstance, sessionEvent, applePayConfigs) {\n return applePayInstance.performValidation({\n validationURL: sessionEvent.validationURL,\n displayName: applePayConfigs.options.displayName\n });\n}\n\n/**\n * Tokenizes an Apple Pay payment\n * @param {applePayInstance} applePayInstance Apple pay instance\n * @param {Object} sessionEvent Apple pay session event\n * @returns {Promise} Promise that resolve with 'tokenizePayload'\n */\nfunction tokenize(applePayInstance, sessionEvent) {\n return applePayInstance.tokenize({\n token: sessionEvent.payment.token\n });\n}\n\n/**\n * Inits braintreeApplePaySDK with client instance promise\n * @param {Promise} braintreeClientInstancePromise Braintree client instance promise\n */\n\nfunction init(braintreeClientInstancePromise) {\n btClientInstancePromise = braintreeClientInstancePromise;\n}\n\nmodule.exports = {\n createApplePayPayment,\n createPaymentDataRequest,\n performValidation,\n tokenize,\n init\n};\n","'use strict';\n\n/* global braintreeUtils braintree $ ApplePaySession */\n\n// Helpers\nvar loaderInstance = require('base_braintree/braintree/loaderHelper');\nvar applePayHelper = require('../helpers/applePayHelper');\nvar applePayPaymentProcessingHelper = require('../helpers/applePayPaymentProcessingHelper');\nvar helper = require('base_braintree/braintree/helper');\n\nvar applePayPaymentProcessingConstants = require('base_braintree/braintree/applepay/constants/applePayPaymentProcessingConstants');\n\n// Components\nvar applePayCart = require('../components/applePayCart');\n//var applePayCheckout = require('base_braintree/braintree/applepay/components/applePayCheckout');\n\nvar $braintreeApplePayLoader = document.querySelector('.js-braintree-applepay-loader');\n\nvar $continueButton = document.querySelector('button.submit-payment');\nvar applePayEnabledOnCheckout = Boolean(document.querySelector('.js-braintree-applepay-content'));\n\n// global variables\nvar loader;\nvar applePayModel;\nvar applePayButtonConfig;\nvar alertHandler;\n\n/**\n * Functionality over tokenized payment\n * @param {Object} paymentData Apple Pay payment data\n */\nfunction onTokenizedPayment(paymentData) {\n const applePayFlow = applePayPaymentProcessingHelper.getApplePayFlowId();\n\n helper.removeActiveSessionPayment();\n\n switch (applePayFlow) {\n case applePayPaymentProcessingConstants.FLOW_CHECKOUT_NAME:\n applePayCart.init(paymentData , alertHandler);\n //$continueButton.click();\n break;\n case applePayPaymentProcessingConstants.FLOW_CART_NAME:\n applePayCart.init(paymentData, alertHandler);\n\n break;\n default:\n break;\n }\n}\n\n/**\n * Creates Apple Pay session. Opens and processes Apple Pay payment window.\n */\nfunction createApplePaySession() {\n // Replace the button loader with a full-page loader.\n loader = $('.loader-preventive');\n \n // Updates order amount for paymentDataRequest\n applePayModel.updateApplePayAmount(applePayButtonConfig);\n\n // Creates a configuration object for creating Apple pay session\n const paymentDataRequest = applePayModel.createPaymentDataRequest(applePayButtonConfig);\n\n if (applePayButtonConfig.isRequiredBillingContactFields) {\n paymentDataRequest.requiredBillingContactFields = ['postalAddress', 'name'];\n }\n\n if (applePayButtonConfig.isRequiredShippingContactFields) {\n paymentDataRequest.requiredShippingContactFields = ['postalAddress', 'name', 'phone', 'email'];\n }\n\n // Creates new Apple Pay session\n const session = new ApplePaySession(1, paymentDataRequest);\n //const applePayFlow = applePayPaymentProcessingHelper.getApplePayFlowId();\n\n // if (applePayFlow === applePayPaymentProcessingConstants.FLOW_CART_NAME) {\n // // Adds shipping methods based on the address\n // session.onshippingcontactselected = function(event) {\n // applePayModel.onShippingContactSelected(event, applePayButtonConfig)\n // .then((applePayShippingContactUpdate) => {\n // session.completeShippingContactSelection(applePayShippingContactUpdate);\n // })\n // .catch((error) => {\n // alertHandler.handleApplePayError(error);\n // session.abort();\n // });\n // };\n //\n // // Updates price based on a selected shipping method\n // session.onshippingmethodselected = function(event) {\n // applePayModel.onShippingMethodSelected(event, applePayButtonConfig)\n // .then((applePayShippingMethodUpdate) => {\n // session.completeShippingMethodSelection(applePayShippingMethodUpdate);\n // })\n // .catch((error) => {\n // alertHandler.handleApplePayError(error);\n // session.abort();\n // });\n // };\n // }\n\n // Validates merchant website\n session.onvalidatemerchant = function(event) {\n applePayModel.onValidateMerchant(event, applePayButtonConfig)\n .then(function(merchantSession) {\n session.completeMerchantValidation(merchantSession);\n })\n .catch(function(error) {\n alertHandler.handleApplePayError(error);\n session.abort();\n });\n };\n\n // Tokenizes an Apple Pay payment\n session.onpaymentauthorized = function(event) {\n loader.show();\n\n applePayModel.onPaymentAuthorized(event)\n .then(function(tokenizedPayload) {\n session.completePayment(ApplePaySession.STATUS_SUCCESS);\n\n const TokenizedPaymentData = applePayPaymentProcessingHelper.getTokenizedPaymentData(event, tokenizedPayload);\n\n onTokenizedPayment(TokenizedPaymentData);\n\n // loader.hide();\n })\n .catch(function(error) {\n session.completePayment(ApplePaySession.STATUS_FAILURE);\n loader.hide();\n alertHandler.handleApplePayError(error);\n });\n };\n\n session.begin();\n}\n\n/**\n * Call back function to be resolved when Apple Pay payment button is clicked\n */\nfunction onApplePayButtonClick() {\n alertHandler.hideAlerts();\n\n // Billing flow\n if (applePayEnabledOnCheckout) {\n // Validates email and phone fields on the Billing page\n if (applePayHelper.isBilligFiledsValid()) {\n createApplePaySession();\n }\n // Cart flow\n } else {\n createApplePaySession();\n }\n}\n\n/**\n * Init and add Apple Pay on the Cart or Billing page\n */\nfunction initApplePay() {\n loader.show();\n\n const result = applePayModel.collectFraudData()\n .then(function(fraudDataPayload) {\n applePayHelper.setApplePayDeviceData(fraudDataPayload);\n loader.hide();\n\n return applePayModel.initApplePay(ApplePaySession)\n .then(function(canMakePayments) {\n loader.hide();\n applePayHelper.renderApplePayButton(applePayButtonConfig.applePayConfig.style);\n\n if (!canMakePayments) {\n applePayHelper.makeApplePayButtonDisabled();\n } else {\n const $applePayBtn = document.getElementById('apple-pay-btn');\n\n $applePayBtn.addEventListener('click', onApplePayButtonClick);\n }\n });\n });\n\n result\n .catch(function(error) {\n loader.hide();\n alertHandler.handleApplePayError(error);\n });\n}\n\n/**\n * Inits Apple Pay payment processing components\n * @param {Object} braintreeApplePayModel Apple Pay model\n * @param {Constructor} alertHandlingModel Alert handling model\n */\nfunction init(braintreeApplePayModel, alertHandlingModel) {\n var applePayActiveClass = 'c-payment-buttons--applepay-enabled';\n var $paymentButtns = $('[data-c-payment-buttons]');\n var $braintreeApplePayLoader = document.querySelector('.js-braintree-applepay-loader');\n loader = loaderInstance($braintreeApplePayLoader);\n applePayModel = braintreeApplePayModel;\n var $applePayButtonContainer = document.querySelector('.js-braintree-applepay-button');\n applePayButtonConfig = helper.tryParseJSON($applePayButtonContainer.getAttribute('data-braintree-config'));\n alertHandler = alertHandlingModel;\n\n if (window.ApplePaySession) {\n initApplePay();\n $paymentButtns.addClass(applePayActiveClass);\n } else {\n applePayHelper.hideApplePayTab();\n $paymentButtns.removeClass(applePayActiveClass);\n }\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nvar helper = require('base_braintree/braintree/helper');\n\nvar $applepayDataMethod = document.querySelector('.payment-options[role=tablist] .nav-item[data-method-id=\"ApplePay\"]');\nvar $phoneField = document.querySelector('.contact-info-block [name=dwfrm_billing_contactInfoFields_phone]');\n\n\n/**\n * Returns Braintree Apple Pay configs\n * @returns {Object} Braintree Apple Pay configs\n */\nfunction getBraintreeApplePayConfigs() {\n let braintreeApplePayButtonConfigs = null;\n\n try {\n braintreeApplePayButtonConfigs = helper.tryParseJSON(document.querySelector('.js-braintree-applepay-button')\n .getAttribute('data-braintree-config'));\n } catch (error) {\n return braintreeApplePayButtonConfigs;\n }\n\n return braintreeApplePayButtonConfigs;\n}\n\n/**\n * Sets device data from 'data collector' to corresponding input field\n * @param {Object} fraudDataPayload Froud payload data\n */\n\nfunction setApplePayDeviceData(fraudDataPayload) {\n const $braintreeApplePayDeviceData = document.getElementById('braintreeApplePayDeviceData');\n\n if (fraudDataPayload.deviceData) {\n $braintreeApplePayDeviceData.value = fraudDataPayload.deviceData;\n }\n}\n\n/**\n * Builds and shows Apple Pay button\n * @param {Object} buttonStyles An object with Apple pay button styles\n */\nfunction renderApplePayButton(buttonStyles) {\n var $applePayButton = document.querySelector('.js-braintree-applepay-button');\n const $applePayBtn = document.getElementById('apple-pay-btn');\n\n // Builds an Apple pay button by parameters\n $applePayBtn.setAttribute('type', buttonStyles.type);\n $applePayBtn.setAttribute('buttonstyle', buttonStyles.buttonStyle);\n\n // Shows an Apple pay container\n $applePayButton.classList.add('d-block');\n\n // Shows an Apple pay tab on the billing page\n if ($applepayDataMethod) {\n $applepayDataMethod.classList.add('d-block');\n }\n}\n\n/**\n * Hides Apple Pay tab on the Checkout/Billing page\n */\nfunction hideApplePayTab() {\n // const $applePayButtonContainer = document.querySelector('.js-applepay-container');\n const $applePayButtonContainer = document.querySelector('.js_braintree_applepayButtonsWrap');\n\n if ($applepayDataMethod) {\n $applepayDataMethod.classList.add('d-none');\n }\n\n if ($applePayButtonContainer) {\n $applePayButtonContainer.classList.add('d-none');\n }\n}\n\n/**\n * Marks Apple Pay button as disabled\n */\nfunction makeApplePayButtonDisabled() {\n var $applePayButton = document.querySelector('.js-braintree-applepay-button');\n $applePayButton.classList.add('js-braintree-applepay-button_disabled');\n}\n\n/**\n * Remove session Apple Pay nonce\n */\nfunction removeSessionNonce() {\n document.getElementById('braintreeApplePayNonce').value = '';\n document.getElementById('braintreeApplePayDeviceData').value = '';\n}\n\n/**\n * Validates required billing form fields\n * @returns {boolean} Whether billing form fields are valid\n */\nfunction isBilligFiledsValid() {\n return helper.isValidInputField($phoneField);\n}\n\n/**\n * Depends of the 'data-paypal-is-hide-continue-button' hides or shows continue button on the Billing Page\n */\nfunction toggleContinueButtonOnBillingPage() {\n const applePayContent = document.querySelector('.js-braintree-applepay-content');\n\n helper.continueButtonToggle(applePayContent.getAttribute('data-paypal-is-hide-continue-button'));\n}\n\nmodule.exports = {\n getBraintreeApplePayConfigs,\n setApplePayDeviceData,\n renderApplePayButton,\n makeApplePayButtonDisabled,\n removeSessionNonce,\n isBilligFiledsValid,\n hideApplePayTab,\n toggleContinueButtonOnBillingPage\n};\n","'use strict';\n\nvar applePayPaymentProcessingConstants = require('base_braintree/braintree/applepay/constants/applePayPaymentProcessingConstants');\n\n/**\n * Returns current Apple Pay flow\n * @returns {string} Flow id checkout/cart\n */\nfunction getApplePayFlowId() {\n const applePayEnabledOnCheckout = Boolean(document.querySelector('.js-braintree-applepay-content'));\n\n return applePayEnabledOnCheckout ? applePayPaymentProcessingConstants.FLOW_CHECKOUT_NAME : applePayPaymentProcessingConstants.FLOW_CART_NAME;\n}\n\n/**\n * Returns shipping address based on Apple Pay payment shipping contact\n * @param {Object} shippingContact Shipping address data\n * @returns {Object} Shipping address with required fields\n */\nfunction getShippingAddress(shippingContact) {\n var fullAddress = shippingContact.addressLines[0];\n if(fullAddress && fullAddress.length >= 50){\n shippingContact.addressLines[0] = fullAddress.slice(0, 50);\n }\n return {\n streetAddress: shippingContact.addressLines[0],\n extendedAddress: shippingContact.addressLines[1],\n locality: shippingContact.locality,\n region: shippingContact.administrativeArea.toUpperCase(),\n postalCode: decodeURIComponent(shippingContact.postalCode),\n countryCodeAlpha2: shippingContact.countryCode.toUpperCase(),\n firstName: shippingContact.givenName,\n lastName: shippingContact.familyName,\n phone: shippingContact.phoneNumber,\n email: shippingContact.emailAddress\n };\n}\n\n/**\n * Returns billing address based on Apple Pay payment billing contact\n * @param {Object} billingContact Billing address data\n * @param {string} email Email\n * @param {string} phone Phone number\n * @returns {Object} Billing address with required fields\n */\nfunction getBillingAddress(billingContact, email, phone) {\n return {\n streetAddress: billingContact.addressLines[0],\n extendedAddress: billingContact.addressLines[1],\n locality: billingContact.locality,\n region: billingContact.administrativeArea.toUpperCase(),\n postalCode: decodeURIComponent(billingContact.postalCode),\n countryCodeAlpha2: billingContact.countryCode.toUpperCase(),\n firstName: billingContact.givenName,\n lastName: billingContact.familyName,\n email: email,\n phone: phone\n };\n}\n\n/**\n * Returns Apple Pay payment object with required data for backend\n * @param {Object} sessionEvent Apple Pay Session event\n * @param {Object} tokenizedPayload Apple Pay payment data\n * @returns {Object} Apple Pay payment object with required fileds\n */\nfunction getTokenizedPaymentData(sessionEvent, tokenizedPayload) {\n const data = {\n event: sessionEvent,\n payload: tokenizedPayload,\n nonce: tokenizedPayload.nonce,\n deviceData: document.getElementById('braintreeApplePayDeviceData').value\n };\n\n let shippingAddressData = sessionEvent.payment.shippingContact;\n\n if (shippingAddressData) {\n data.shippingAddress = getShippingAddress(shippingAddressData);\n } else {\n shippingAddressData = {\n emailAddress: document.querySelector('#emailaddress').value,\n phoneNumber: document.querySelector('[name=dwfrm_shipping_shippingAddress_addressFields_phone]').value\n };\n }\n\n const billingAddressData = sessionEvent.payment.billingContact;\n\n if (billingAddressData) {\n data.billingAddress = getBillingAddress(billingAddressData, shippingAddressData.emailAddress, shippingAddressData.phoneNumber);\n }\n\n return data;\n}\n\nmodule.exports = {\n getApplePayFlowId,\n getShippingAddress,\n getBillingAddress,\n getTokenizedPaymentData\n};\n","'use strict';\n\nvar helper = require('../../helper');\nvar paymentMethodGeneral = require('../../paymentMethodGeneral');\nvar $applePayButton = document.querySelector('.js-braintree-applepay-button');\n\nvar paymentData;\nvar $braintreeCartButtons;\nvar applePayCheckoutFormData;\nvar alertHandler;\n\n/**\n * Expends Apple Pay Checkout Form with required data\n */\nfunction expandApplePayCheckoutFormData() {\n const $csrfToken = document.querySelector('.js-braintree-cart-buttons-wrap #csrf_token');\n\n applePayCheckoutFormData.append($csrfToken.name, $csrfToken.value);\n applePayCheckoutFormData.append('braintreeApplePayNonce', paymentData.nonce);\n applePayCheckoutFormData.append('braintreeApplePayDeviceDataInput', paymentData.deviceData);\n applePayCheckoutFormData.append('braintreeApplePayShippingAddress',\n JSON.stringify(paymentData.shippingAddress) || '{}');\n applePayCheckoutFormData.append('braintreeApplePayBillingAddress',\n JSON.stringify(paymentData.billingAddress) || '{}');\n const billingField = Boolean(document.querySelector('.js-braintree-billingAddress'));\n if(billingField){\n var storeFrontBillingData = JSON.parse(document.querySelector('.braintree-billing-payment-wrap').getAttribute('data-billing-form-fields-names'));\n var applePayBillingData = paymentData.billingAddress;\n storeFrontBillingData.dwfrm_billing_addressFields_firstName = applePayBillingData.firstName;\n storeFrontBillingData.dwfrm_billing_addressFields_lastName = applePayBillingData.lastName;\n storeFrontBillingData.dwfrm_billing_addressFields_address1 = applePayBillingData.streetAddress;\n storeFrontBillingData.dwfrm_billing_addressFields_address2 = applePayBillingData.extendedAddress || '';\n storeFrontBillingData.dwfrm_billing_addressFields_city = applePayBillingData.locality;\n storeFrontBillingData.dwfrm_billing_addressFields_postalCode = applePayBillingData.postalCode;\n storeFrontBillingData.dwfrm_billing_addressFields_states_stateCode = applePayBillingData.state;\n storeFrontBillingData.dwfrm_billing_addressFields_country = applePayBillingData.countryCodeAlpha2;\n storeFrontBillingData.dwfrm_billing_contactInfoFields_email = applePayBillingData.email;\n storeFrontBillingData.dwfrm_billing_contactInfoFields_phone = applePayBillingData.phone;\n helper.updateBillingFormValues(storeFrontBillingData);\n }\n}\n\n/**\n * Process Apple Pay on the Cart Page\n */\nfunction processCartFlow() {\n const $applePayButton = document.querySelector('.js-braintree-applepay-button');\n const billingAddressData = paymentData.billingAddress;\n const paymentMethodName = helper.tryParseJSON($applePayButton.getAttribute('data-braintree-config')).paymentMethodName;\n const placeOrderUrl = window.braintreeUrls.placeOrderUrl;\n const checkoutSubmitPayment = window.braintreeUrls.checkoutSubmitPayment;\n const checkoutFormFields = $braintreeCartButtons.getAttribute('data-checkout-form-fields');\n const paymentFieldData = helper.getPaymentFieldsData(billingAddressData, paymentMethodName);\n\n applePayCheckoutFormData = helper.createPaymentFormData(checkoutFormFields, paymentFieldData);\n applePayCheckoutFormData.append('pageFlowCart', true);\n expandApplePayCheckoutFormData();\n // submit customer form with email (CheckoutServices-SubmitCustomer)\n // as we skip step \"login via guest/registered user\" while express checkout\n // email is set only in case of guest checkout and if email is not already set\n paymentMethodGeneral.submitCustomerForm(billingAddressData.email);\n\n fetch(helper.getUrlWithCsrfToken(checkoutSubmitPayment), {\n method: 'POST',\n body: applePayCheckoutFormData\n })\n .then((response) => response.json())\n .then((data) => {\n if (!helper.handleSubmitPaymentErrors(data, alertHandler)) {\n window.location.href = placeOrderUrl;\n }\n })\n .catch((error) => {\n if (error && error.redirectUrl) {\n window.location.href = error.redirectUrl;\n }\n });\n}\n\n/**\n * Inits Apple Pay Cart components\n * @param {Object} data Apple Pay payment data\n * @param {Constructor} alertHandlingModel Alert handling model\n */\nfunction init(data, alertHandlingModel) {\n paymentData = data;\n const $applePayButton = document.querySelector('.js-braintree-applepay-button');\n $braintreeCartButtons = document.querySelector('.js_braintree_applepayButtonsWrap');\n $applePayButton.setAttribute('data-is-inited', true);\n alertHandler = alertHandlingModel;\n\n processCartFlow();\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst AlertHandlerModel = require('../../alertHandler');\n\n/**\n * ApplePay alert handler model\n */\nclass ApplePayAlertHandlerModel extends AlertHandlerModel {\n constructor(alertMessages) {\n super();\n this.alertMessages = alertMessages;\n }\n\n /**\n * Handles an error by type\n * @param {Object} error Error object or error message\n */\n handleApplePayError(error) {\n if (error.name === 'BraintreeError') {\n this.showBraintreeError(error);\n } else {\n this.showError(error.message);\n }\n }\n}\n\nmodule.exports = ApplePayAlertHandlerModel;\n","'use strict';\n\n// Braintree SDK model builder, we need to init Braintree Venmo model on this level, since we are using it on step of \"venmoAccount.init()\"\n// and on step of \"venmoCheckout.init()\".\nconst braintreeVenmoModelBuilder = require('./braintreesdk/braintreeVenmoModelBuilder');\n\n// components\nconst venmoAccount = require('./components/venmoAccount');\nconst venmoCheckout = require('./components/venmoCheckout');\n\nlet btVenmoModelResponse;\n\n/**\n * Inits Venmo functionality on the Account Page\n */\nfunction initAccount() {\n venmoAccount.init(btVenmoModelResponse.btVenmoModel);\n}\n\n/**\n * Inits Venmo functionality on the Billing Page\n */\nfunction initBillingCheckout() {\n venmoCheckout.init(btVenmoModelResponse.btVenmoModel);\n}\n\n/**\n * Inits braintreeVenmoModelBuilder on Venmo level\n */\nfunction init() {\n btVenmoModelResponse = braintreeVenmoModelBuilder.init();\n}\n\nmodule.exports = {\n initAccount,\n initBillingCheckout,\n init\n};\n","'use strict';\n\nconst braintreeVenmoModel = require('./braintreeVenmoModel');\nconst braintreeGeneral = require('../../braintreeGeneral');\nconst venmoHelper = require('../helpers/venmoHelper');\n\n/**\n * Initialize Braintree Venmo Model. Pattern Builder is used\n * @returns {Object} object with boolean \"error\" flag and \"message\" attribute with error message\n */\nfunction init() {\n const braintreeVenmoButtonConfigs = venmoHelper.getBraintreeVenmoButtonConfigs();\n const response = {\n error: false,\n message: '',\n btVenmoModel: null\n };\n\n let clientToken;\n let btClientInstancePromise;\n\n if (braintreeVenmoButtonConfigs) {\n clientToken = braintreeVenmoButtonConfigs.clientToken;\n btClientInstancePromise = braintreeGeneral.createClientInstance(clientToken);\n\n braintreeVenmoModel.init(btClientInstancePromise);\n\n response.btVenmoModel = braintreeVenmoModel;\n } else {\n response.error = true;\n response.message = 'No Braintree Venmo Configurations';\n }\n\n return response;\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst braintreeVenmoSDK = require('./braintreeVenmoSDK');\nconst braintreeGeneral = require('../../braintreeGeneral');\nconst venmoProcessing = require('../components/venmoProcessing');\nconst venmoHelper = require('../helpers/venmoHelper');\n\n/* global Promise braintree $ */\n\n// global variables\nlet btClientInstancePromise;\n\n/**\n * Init Braintree Venmo model\n * @param {Promise} braintreeClientInstancePromise Braintree client instance promise\n */\nfunction init(braintreeClientInstancePromise) {\n braintreeVenmoSDK.init(braintreeClientInstancePromise);\n\n btClientInstancePromise = braintreeClientInstancePromise;\n}\n\n/**\n * Returns fraud data from dataCollector payload\n * @returns {Object} Payload with fraud data\n */\nfunction collectFraudData() {\n let response;\n\n try {\n response = braintreeGeneral.collectFraudData(btClientInstancePromise);\n } catch (error) {\n response = Promise.resolve({\n customMessage: 'Fraud Data collection isn`t enabled via Custom Site Preference'\n });\n }\n\n return response;\n}\n\n/**\n * Checks whether browser supports Venmo\n * @returns {Promise} with isBrowserSupported value\n */\nfunction isBrowserSupported() {\n return braintreeVenmoSDK.isBrowserSupported();\n}\n\n/**\n * Inits Venmo button\n * @param {Element} $venmoButton Venmo button element\n * @param {Booleean} isBillingPage \"true/false\" value to identify flow page\n * @returns {Promise} Promise resolved with a tokenized payload\n */\nfunction initVenmo($venmoButton, isBillingPage) {\n return braintreeVenmoSDK.createVenmo()\n .then(function(venmoInstance) {\n $venmoButton.addEventListener('click', function() {\n // Check billing form to close Venmo pop-up and prevent tokenize action if any error (empty email input)\n // Check if amount is not zero to close Venmo pop-up and show appropriate error\n if (isBillingPage && (!venmoHelper.checkBillingForm() || venmoHelper.checkZeroAmount())) {\n return undefined;\n }\n\n return braintreeVenmoSDK.tokenize(venmoInstance)\n .then(function(payload) {\n return venmoProcessing.processVenmo(payload);\n })\n .catch(function(error) {\n const VenmoAlertHandlerModel = require('../alerthandler/venmoAlertHandlerModel');\n const alertHandler = new VenmoAlertHandlerModel();\n\n alertHandler.showError(error.message);\n });\n });\n });\n}\n\nmodule.exports = {\n init,\n collectFraudData,\n isBrowserSupported,\n initVenmo\n};\n","'use strict';\n\n/* global braintreeUtils braintree $ */\n\nlet btClientInstancePromise;\nlet venmoClientInstance;\n\n/**\n * Checks whether browser supports Venmo\n * @returns {Promise} with isBrowserSupported value\n */\nfunction isBrowserSupported() {\n return btClientInstancePromise\n .then(function(btClientInstance) {\n venmoClientInstance = btClientInstance;\n\n return braintree.venmo.isBrowserSupported({\n allowNewBrowserTab: false,\n allowDesktop: true\n });\n });\n}\n\n/**\n * Creates Venmo instance\n * @returns {Promise} Promise resolved with Venmo instance\n */\nfunction createVenmo() {\n return braintree.venmo.create({\n client: venmoClientInstance,\n allowNewBrowserTab: false,\n ignoreHistoryChanges: true,\n allowDesktop: true\n });\n}\n\n/**\n * Tokenizes Venmo payment\n * @param {Object} venmoInstance Venmo instance\n * @returns {Promise} Promise resolved with tokenized payload\n */\nfunction tokenize(venmoInstance) {\n return venmoInstance.tokenize({ processResultsDelay: 10 });\n}\n\n/**\n * Inits braintreeVenmoSDK with client instance promise\n * @param {Promise} braintreeClientInstancePromise Braintree Venmo client instance promise\n */\nfunction init(braintreeClientInstancePromise) {\n btClientInstancePromise = braintreeClientInstancePromise;\n}\n\nmodule.exports = {\n init,\n isBrowserSupported,\n createVenmo,\n tokenize\n};\n","'use strict';\n\nconst helper = require('../../helper');\nconst venmoAccount = require('./venmoAccount');\nconst venmoCheckout = require('./venmoCheckout');\nconst venmoConstants = require('../constants/venmoConstants');\nconst venmoProcessingHelper = require('../helpers/venmoProcessingHelper');\n\n/**\n * Process Venmo flow for Account/Billing Page flows\n * @param {Object} venmoData Venmo data received from tokenize\n */\nfunction processVenmo(venmoData) {\n const $venmoButton = document.querySelector('.js-braintree-account-venmo-button, .js-braintree-venmo-button');\n\n if ($venmoButton && helper.tryParseJSON($venmoButton.getAttribute('data-braintree-config'))) {\n const VenmoAlertHandlerModel = require('../alerthandler/venmoAlertHandlerModel');\n const alertHandler = new VenmoAlertHandlerModel();\n\n alertHandler.hideAlerts();\n }\n\n const venmoFlowName = venmoProcessingHelper.getVenmoFlowName();\n\n switch (venmoFlowName) {\n case venmoConstants.FLOW_NAME_ACCOUNT:\n\n venmoAccount.storeNewVenmoAccount(venmoData);\n\n break;\n\n case venmoConstants.FLOW_NAME_BILLING_CHECKOUT:\n helper.removeActiveSessionPayment();\n venmoCheckout.processCheckoutFlow(venmoData);\n\n break;\n\n default:\n break;\n }\n}\n\nmodule.exports = {\n processVenmo\n};\n","'use strict';\n\nconst venmoHelper = require('../helpers/venmoHelper');\nconst helper = require('../../helper');\n\nconst $btVenmoAccountsList = document.getElementById('braintreeVenmoAccountsList');\nconst $venmoButton = document.querySelector('.js-braintree-venmo-button');\n\n/**\n * Inits Venmo list functionality\n */\nfunction init() {\n // Attribute is set as \"true\" when user has saved Venmo account in wallet\n // or when user has proceeded with Venmo session account\n const isHideVenmoButtonAttribute = helper.tryParseJSON($venmoButton.getAttribute('data-is-hide-venmo-button'));\n // Case when we already have session account in disabled dropdown\n // and user returns to the Billing Page from Cart or other page (from not billing page/stages)\n // only in this case we need to hide Venmo button\n // in other cases button and dropdown behavior is handled by venmoContentTabHandler function\n // because disabled dropdown with session Venmo account and with saved Venmo and \"new account\" option are separated\n\n if (isHideVenmoButtonAttribute && $btVenmoAccountsList.value !== 'newaccount') {\n $venmoButton.style.display = 'none';\n }\n\n if ($btVenmoAccountsList) {\n $btVenmoAccountsList.addEventListener('change', function() {\n venmoHelper.venmoContentTabHandler();\n });\n }\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst venmoConstants = require('../constants/venmoConstants');\n\n/**\n * Gets Venmo flow name (corresponding page)\n * @returns {string} Flow ID (page) Account/Billing\n */\nfunction getVenmoFlowName() {\n const isVenmoEnabledOnAccountPage = Boolean(document.querySelector('.js-braintree-account-venmo-button'));\n const isVenmoEnabledOnBillingPage = Boolean(document.querySelector('.js-braintree-venmo-content'));\n\n let venmoFlowName;\n\n if (isVenmoEnabledOnAccountPage) {\n venmoFlowName = venmoConstants.FLOW_NAME_ACCOUNT;\n } else if (isVenmoEnabledOnBillingPage) {\n venmoFlowName = venmoConstants.FLOW_NAME_BILLING_CHECKOUT;\n }\n\n return venmoFlowName;\n}\n\nmodule.exports = {\n getVenmoFlowName\n};\n","'use strict';\n\nconst braintreeGeneral = require('../braintreeGeneral');\nconst srcHelper = require('./helpers/srcHelper');\n\n// Components\nconst srcAccount = require('./components/srcAccount');\nconst srcCardList = require('./components/srcList');\nconst checkoutComponent = require('./components/srcCheckout');\nconst cartComponent = require('./components/srcCart');\n\nlet btClientInstancePromise;\n\n/**\n * Inits SRC functionality on the Account Page\n */\nfunction initAccount() {\n srcAccount.init(btClientInstancePromise);\n}\n\n/**\n * Inits SRC functionality on the Cart Page\n */\nfunction initCartCheckout() {\n cartComponent.init(btClientInstancePromise);\n}\n\n/**\n * Inits SRC functionality on the Billing Page\n */\nfunction initBillingCheckout() {\n checkoutComponent.init(btClientInstancePromise);\n srcCardList.init();\n}\n\n/**\n * Inits braintreeSrcModelBuilder on SRC level\n */\nfunction init() {\n const braintreeSrcConfigs = srcHelper.getBraintreeSRCButtonConfigs();\n let clientToken;\n\n if (braintreeSrcConfigs) {\n clientToken = braintreeSrcConfigs.clientToken;\n btClientInstancePromise = braintreeGeneral.createClientInstance(clientToken);\n }\n}\n\nmodule.exports = {\n initAccount,\n initCartCheckout,\n initBillingCheckout,\n init\n};\n","'use strict';\n\n/**\n * Inits SRC account functionality on the Account Page\n * @param {Promise} clientInstancePromise client instance promise\n */\nfunction init(clientInstancePromise) {\n const loaderInstance = require('../../loaderHelper');\n const srcHelper = require('../helpers/srcHelper');\n\n const SrcAlertHandlerModel = require('../alerthandler/srcAlertHandlerModel');\n const SrcAccountModel = require('../models/srcAccount');\n\n const $braintreeSrcLoader = document.querySelector('.js-braintree-src-loader');\n const $braintreeSrcButton = document.querySelector('.js-braintree-src-account-button');\n\n const srcButtonConfigurations = srcHelper.getBraintreeSRCButtonConfigs();\n const $braintreeSrcDeviceDataInput = null;\n const srcLoader = loaderInstance($braintreeSrcLoader);\n\n const alertHandler = new SrcAlertHandlerModel(srcButtonConfigurations.messages);\n const SrcAccountModelInstance = new SrcAccountModel(clientInstancePromise,\n srcButtonConfigurations,\n $braintreeSrcDeviceDataInput,\n srcLoader,\n alertHandler);\n\n // Hides errors on the Account Page\n $braintreeSrcButton.addEventListener('click', alertHandler.hideAlerts);\n\n SrcAccountModelInstance.initSrcButton();\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst SrcBaseModel = require('./srcBaseModel');\nconst helper = require('../../helper');\n\n// See description of \"srcBaseModel\" for more info\n\n/**\n * Creates a new SrcAccountModel instance\n * @param {Promise} clientInstancePromise client instance promise.\n * @param {Object} srcButtonConfigurations - Braintree SRC configs.\n * @param {Object} $braintreeSrcDeviceDataInput - input data.\n * @param {Instance} loader - instance of loaderInstance\n * @param {Instance} alertHandler - instance of SrcAlertHandlerModel\n */\nfunction SrcAccountModel(clientInstancePromise, srcButtonConfigurations, $braintreeSrcDeviceDataInput, loader, alertHandler) {\n SrcBaseModel.call(this,\n clientInstancePromise,\n srcButtonConfigurations,\n $braintreeSrcDeviceDataInput,\n loader,\n alertHandler);\n}\n\nSrcAccountModel.prototype = Object.create(SrcBaseModel.prototype);\n\n// See description of \"srcBaseModel\" for more info\n// Method set nonce data in to hidden input and submit the form to the server\nSrcAccountModel.prototype.onTokenizeCallback = function(srcPayload) {\n SrcBaseModel.prototype.onTokenizeCallback.call(this, srcPayload);\n const srcLoader = this.loader;\n const alertHandler = this.alertHandler;\n const addSrcAccountFormEl = document.querySelector('.js-braintree-account-add-src');\n const addSrcFormUrl = addSrcAccountFormEl.getAttribute('action');\n const srcNonceEl = document.getElementById('braintreeSrcNonce');\n const srcBillingAddressEl = document.getElementById('braintreeSrcBillingAddress');\n\n srcLoader.show();\n\n srcNonceEl.value = srcPayload.nonce;\n srcBillingAddressEl.value = JSON.stringify(srcPayload.billingAddress);\n\n return helper.checkForDuplicatedCC(srcPayload)\n .then(function(result) {\n if (result.error) {\n throw result.message;\n }\n })\n .then(function() {\n const creditCardAccount = require('../../creditcard/components/creditCardAccount');\n const braintreeAccount = require('../../braintreeAccount');\n\n const formData = new FormData(addSrcAccountFormEl);\n const encodedCCData = window.btoa(JSON.stringify(Object.fromEntries(formData)));\n\n return fetch(helper.getUrlWithCsrfToken(addSrcFormUrl), {\n method: 'POST',\n body: encodedCCData,\n headers: { 'Content-Type': 'application/json' }\n })\n .then((response) => response.json())\n .then((data) => {\n if (data.error) {\n alertHandler.showError(data.error);\n } else {\n fetch(data.renderAccountsUrl)\n .then((template) => template.text())\n .then((templateHtml) => {\n creditCardAccount.closeAddNewCardBlock();\n document.querySelector('.js-src-cards').innerHTML = templateHtml;\n // \"Make default\" link functionality reinitiation\n braintreeAccount.initMakeDefaultCardEvent();\n // \"Remove Card\" link functionality reinitiation\n braintreeAccount.initRemoveCardEvent();\n });\n }\n });\n })\n .catch(function(error) {\n srcLoader.hide();\n alertHandler.showError(error);\n })\n .finally(function() {\n srcLoader.hide();\n });\n};\n\n// See description of \"srcBaseModel\" for more info\nSrcAccountModel.prototype.initSrcButton = function() {\n const SrcAccountModelInstance = this;\n\n SrcAccountModelInstance.braintreeSrcSdkButtonInit(SrcAccountModelInstance)\n .catch(function(error) {\n SrcAccountModelInstance.alertHandler.handleSrcError(error);\n });\n};\n\nmodule.exports = SrcAccountModel;\n","'use strict';\n\n/* eslint-disable no-undef */\n/* global braintreeUtils braintree $ */\n\n/**\n * Creates visa checkout instance\n * @param {Promise} btClientInstancePromise BT Client Instance Promise\n * @returns {Promise} visaCheckoutInstance SRC instance\n */\nfunction createVisaCheckout(btClientInstancePromise) {\n return btClientInstancePromise\n .then(function(btClientInstance) {\n return braintree.visaCheckout.create({\n client: btClientInstance\n });\n });\n}\n\n/**\n * Initialized SRC with options and pass payload data after tokenize\n * @param {Object} SrcBaseModelInstance Instance of SrcBaseModel or it's child classes\n * @returns {Promise} SRC button\n */\nfunction visaCheckoutInitialized(SrcBaseModelInstance) {\n const visaCheckoutInstancePromise = createVisaCheckout(SrcBaseModelInstance.clientInstancePromise);\n\n return visaCheckoutInstancePromise\n .then(function(visaCheckoutInstance) {\n const srcInitOptions = visaCheckoutInstance.createInitOptions(SrcBaseModelInstance.getInitOptionsObject());\n\n V.init(srcInitOptions);\n\n // Event which is triggered when payment successfully completed on SRC end\n V.on('payment.success', function(payment) {\n visaCheckoutInstance.tokenize(payment).then(function(payload) {\n SrcBaseModelInstance.onTokenizeCallback(payload);\n });\n });\n V.on('payment.error', function(_, error) {\n SrcBaseModelInstance.alertHandler.handleSrcError(error);\n });\n V.on('payment.cancel', function(payment) {\n if (payment.error) {\n SrcBaseModelInstance.alertHandler.showError(SrcBaseModelInstance.alertHandler.alertMessages.CLIENT_GATEWAY_NETWORK);\n }\n });\n });\n}\n\nmodule.exports = {\n visaCheckoutInitialized\n};\n","'use strict';\n\nconst helper = require('../../helper');\n\nlet braintreeCreditCardModel;\nlet addNewCreditCardLoader;\nlet alertHandler;\nlet ccMessages;\n\nlet hfFieldsInstance;\n\n/**\n * Closes js-braintree-add-new-card-block & clears hosted fields input data\n */\nfunction closeAddNewCardBlock() {\n const $addNewCardButton = document.querySelector('.js-braintree-add-new-card-btn');\n const $addNewCardBlock = document.querySelector('.js-braintree-add-new-card-block');\n\n // Hide \"Add New Card\" form\n $addNewCardBlock.classList.add('d-none');\n // Show \"Add New Card\" button\n $addNewCardButton.classList.remove('d-none');\n // Clear hosted fields input data\n hfFieldsInstance.clearHostedFields();\n}\n\n/**\n * Shows message if Credit Card was updated\n * @param {Object} data addCreditCard response\n */\nfunction showCardUpdateMessage(data) {\n if (data.isCardNumberUpdated) {\n alertHandler.showInfo(data.cardNumberUpdatedMessage);\n }\n}\n\n/**\n * Stores new Credit Card on account page\n * @param {Object} event Event object\n * @returns {void}\n */\nfunction storeNewCreditCard(event) {\n const creditCardAccountHelper = require('../helpers/creditCardAccount');\n const braintreeAccount = require('../../braintreeAccount');\n\n const $customCreditCardErrorContainer = document.getElementById('customCreditCardErrorContainer');\n const customErrorList = helper.tryParseJSON($customCreditCardErrorContainer.getAttribute('data-errors'));\n\n const isCheckoutPage = false;\n\n // Clears error messages on the top of the Account Page\n alertHandler.hideAlerts();\n\n try {\n if (!braintreeCreditCardModel) {\n throw ccMessages.CLIENT_MISSING_GATEWAY_CONFIGURATION;\n }\n\n addNewCreditCardLoader.show();\n\n const addCreditCardFormEl = document.querySelector('.js-braintree-add-credit-card-form');\n\n helper.clearForm(addCreditCardFormEl);\n\n hfFieldsInstance.tokenize(isCheckoutPage)\n .then(function(btModelPayload) {\n const formValidation = require('base/components/formValidation');\n\n const tokenizePayload = btModelPayload.btTokenizePayload;\n const addCreditCardFormUrl = addCreditCardFormEl.getAttribute('action');\n\n if (!helper.validateForm(addCreditCardFormEl)) {\n addNewCreditCardLoader.hide();\n\n return Promise.reject(customErrorList.VALIDATION_INVALID); // eslint-disable-line no-undef\n }\n\n return helper.checkForDuplicatedCC(tokenizePayload)\n .then(function(result) {\n if (result.error) {\n throw result;\n }\n })\n .then(function() {\n return creditCardAccountHelper.verifyCard3dSecure(addCreditCardFormEl, braintreeCreditCardModel, tokenizePayload);\n })\n .then(function() {\n // Sets value of Credit Card hidden fields needed for server side\n creditCardAccountHelper.setCardHiddenFields(tokenizePayload);\n\n // Call to Braintree-AccountAddCreditCardHandle preparation\n const formData = new FormData(addCreditCardFormEl);\n const $braintreeCreditCardNonce = document.getElementById('braintreeCreditCardNonce');\n\n fetch(`${addCreditCardFormUrl}?braintreePaymentMethodNonce=${$braintreeCreditCardNonce.value}`, {\n method: 'POST',\n body: formData\n })\n .then((response) => response.json())\n .then((data) => {\n if (data.error) {\n addNewCreditCardLoader.hide();\n alertHandler.handleCreditCardError(data.error);\n delete data.error;\n\n formValidation(addCreditCardFormEl, data);\n } else {\n fetch(data.renderAccountsUrl)\n .then((template) => template.text())\n .then((templateHtml) => {\n closeAddNewCardBlock();\n addNewCreditCardLoader.hide();\n document.querySelector('.js-credit-cards').innerHTML = templateHtml;\n // \"Make default\" link functionality reinitiation\n braintreeAccount.initMakeDefaultCardEvent();\n // \"Remove Card\" link functionality reinitiation\n braintreeAccount.initRemoveCardEvent();\n showCardUpdateMessage(data);\n });\n }\n });\n });\n })\n .catch(function(error) {\n addNewCreditCardLoader.hide();\n alertHandler.handleCreditCardError(error, hfFieldsInstance.getCcFields());\n\n helper.validateForm(addCreditCardFormEl);\n });\n\n event.preventDefault();\n event.stopPropagation();\n } catch (error) {\n addNewCreditCardLoader.hide();\n alertHandler.handleCreditCardError(error);\n }\n}\n\n/**\n * Inits Credit Card account loaders\n */\nfunction initCreditCartAccountLoaders() {\n const loaderInstance = require('../../loaderHelper');\n const $braintreeCreditCardLoader = document.getElementById('braintreeCreditCardLoader');\n const braintreeCreditCardLoaderExists = Boolean($braintreeCreditCardLoader);\n\n if (braintreeCreditCardLoaderExists) {\n addNewCreditCardLoader = loaderInstance($braintreeCreditCardLoader);\n }\n}\n\n/**\n * Init Credit Card Account functionality\n * @param {Object} btCreditCardModel Braintree Credit Card model\n * @param {Constructor} alertHandlerModel Alert handling model\n * @param {Object} creditCardMessages List of Credit Card error messages\n * @param {Object} hostedFieldsInstance A Hosted fields instance\n */\nfunction init(btCreditCardModel, alertHandlerModel, creditCardMessages, hostedFieldsInstance) {\n ccMessages = creditCardMessages;\n alertHandler = alertHandlerModel;\n braintreeCreditCardModel = btCreditCardModel;\n hfFieldsInstance = hostedFieldsInstance;\n\n const addNewCreditCardFormExists = Boolean(document.querySelector('.js-braintree-add-credit-card-form'));\n\n initCreditCartAccountLoaders();\n\n if (addNewCreditCardFormExists) {\n document.querySelector('.js-braintree-add-new-card-save-btn').addEventListener('click', storeNewCreditCard);\n document.querySelector('.js-braintree-add-new-card-cancel-btn').addEventListener('click', closeAddNewCardBlock);\n }\n}\n\nmodule.exports = {\n init,\n closeAddNewCardBlock\n};\n","'use strict';\n\n/**\n * Remove all validation. Should be called every time before revalidating form\n * @param {element} form - Form to be cleared\n * @returns {void}\n */\nfunction clearFormErrors(form) {\n $(form).find('.form-control.is-invalid').removeClass('is-invalid');\n}\n\nmodule.exports = function (formElement, payload) {\n // clear form validation first\n clearFormErrors(formElement);\n $('.alert', formElement).remove();\n\n if (typeof payload === 'object' && payload.fields) {\n Object.keys(payload.fields).forEach(function (key) {\n if (payload.fields[key]) {\n var feedbackElement = $(formElement).find('[name=\"' + key + '\"]')\n .parent()\n .children('.invalid-feedback');\n\n if (feedbackElement.length > 0) {\n if (Array.isArray(payload[key])) {\n feedbackElement.html(payload.fields[key].join('
'));\n } else {\n feedbackElement.html(payload.fields[key]);\n }\n feedbackElement.siblings('.form-control').addClass('is-invalid');\n }\n }\n });\n }\n if (payload && payload.error) {\n var form = $(formElement).prop('tagName') === 'FORM'\n ? $(formElement)\n : $(formElement).parents('form');\n\n form.prepend('
'\n + payload.error.join('
');\n }\n};\n","'use strict';\n\nconst srcHelper = require('../helpers/srcHelper');\nconst srcListHelper = require('../helpers/srcListHelper');\n\n/**\n * Inits SRC list functionality\n */\nfunction init() {\n const $srcAccountList = document.getElementById('braintreeSrcAccountsList');\n const srcListExist = Boolean($srcAccountList);\n\n if (srcListExist) {\n srcListHelper.srsListStateHandler();\n\n $srcAccountList.addEventListener('change', function() {\n srcHelper.srcContentTabHandler(true);\n });\n }\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst srcHelper = require('../helpers/srcHelper');\nconst loaderInstance = require('../../loaderHelper');\n\n// Models\nconst SrcCheckoutModel = require('../models/srcCheckoutModel');\nconst SrcAlertHandlerModel = require('../alerthandler/srcAlertHandlerModel');\n\nconst $braintreeBillingPageSrcButton = document.querySelector('.js-braintree-billing-src-button');\n\n/**\n * Inits SRC account functionality on the Checkout Page\n * @param {Promise} clientInstancePromise client instance promise\n */\nfunction init(clientInstancePromise) {\n const $braintreeSrcLoader = document.querySelector('.js-braintree-src-loader');\n const $totalAmount = document.querySelector('.grand-total-sum');\n const srcLoader = loaderInstance($braintreeSrcLoader);\n const srcButtonConfigurations = srcHelper.getBraintreeSRCButtonConfigs();\n const $braintreeSrcDeviceDataInput = document.querySelector('input[name=braintreeSrcDeviceDataInput]');\n const alertHandler = new SrcAlertHandlerModel(srcButtonConfigurations.messages);\n\n const SrcCheckoutModelInstance = new SrcCheckoutModel(clientInstancePromise,\n srcButtonConfigurations,\n $braintreeSrcDeviceDataInput,\n srcLoader,\n alertHandler);\n\n // Hides errors on the Checkout/Billing Page\n $braintreeBillingPageSrcButton.addEventListener('click', alertHandler.hideAlerts);\n\n SrcCheckoutModelInstance.initSrcButton();\n\n // Tracks cases when total amount equal zero and throw an error\n srcHelper.zeroAmountSrcButtonBehavior($totalAmount, alertHandler);\n\n // Click SRC tab if session payment ID is SRC and session account value is filled\n // in case of checkout through saved SRC card session payment id will be SRC\n // but session account value will be empty\n const sessionPaymentMethodId = srcButtonConfigurations.sessionPaymentMethodId;\n const isSrcSessionAccountExist = document.getElementById('sessionSrcAccount')?.value !== '';\n\n if (sessionPaymentMethodId === 'SRC' && isSrcSessionAccountExist) {\n document.querySelector('.src-tab').click();\n }\n\n // Close alert saying to chose a diffrent shipping option on submit shipping button click\n // in case of express checkout with address to which default shipping option doesn't deliver\n // when a customer is redirected to checkout stage shipping\n const $submitShippingBtn = document.querySelector('.submit-shipping');\n\n $submitShippingBtn.addEventListener('click', alertHandler.hideControllerCreatedAlerts);\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst SrcBaseModel = require('./srcBaseModel');\n\n// Helpers\nconst srcHelper = require('../helpers/srcHelper');\nconst helper = require('../../helper');\n\n// See description of \"srcBaseModel\" for more info\nfunction SrcCheckoutModel(clientInstancePromise, srcButtonConfigurations, $braintreeSrcDeviceDataInput, loader, alertHandler) {\n SrcBaseModel.call(this,\n clientInstancePromise,\n srcButtonConfigurations,\n $braintreeSrcDeviceDataInput,\n loader,\n alertHandler);\n}\n\nSrcCheckoutModel.prototype = Object.create(SrcBaseModel.prototype);\n\n// See description of \"srcBaseModel\" for more info\n// Add nonce and billing data to the from and trigger click on \"SubmitPayment\" button\nSrcCheckoutModel.prototype.onTokenizeCallback = function(srcPayload) {\n SrcBaseModel.prototype.onTokenizeCallback.call(this, srcPayload);\n\n this.loader.show();\n\n const that = this;\n\n const saveCardCheckboxEl = document.getElementById('braintreeSaveSRCAccount');\n let checkForDuplicatedCCPromise;\n\n if (saveCardCheckboxEl && saveCardCheckboxEl.checked) {\n checkForDuplicatedCCPromise = helper.checkForDuplicatedCC(srcPayload);\n } else {\n checkForDuplicatedCCPromise = Promise.resolve(); // eslint-disable-line no-undef\n }\n\n checkForDuplicatedCCPromise\n .then((response) => {\n if (response && response.error) {\n return Promise.reject(response); // eslint-disable-line no-undef\n }\n\n return Promise.resolve(); // eslint-disable-line no-undef\n })\n .then(() => {\n helper.removeActiveSessionPayment();\n\n const isSessionPaymentsEnabled = false;\n const srcNonceEl = document.getElementById('braintreeSRCNonce');\n const srcBillingAddressEl = document.getElementById('braintreeSrcBillingAddress');\n const continueButtonEl = document.querySelector('button.submit-payment');\n const srcBillingData = srcPayload.billingAddress;\n\n srcPayload.billingAddressString = srcHelper.createSrcBillingAddress(srcPayload.billingAddress, srcPayload.userData);\n\n srcNonceEl.value = srcPayload.nonce;\n srcBillingData.email = srcPayload.userData.userEmail;\n srcBillingAddressEl.value = JSON.stringify(srcBillingData);\n\n if (isSessionPaymentsEnabled) {\n const srcSessionAccountComponent = require('../components/srcSessionAccount');\n\n srcSessionAccountComponent.showSrcSessionAccount(srcPayload);\n }\n\n helper.updateStorefrontBillingData(srcBillingData);\n\n continueButtonEl.click();\n })\n .catch((error) => {\n that.alertHandler.handleSrcError(error);\n })\n .finally(() => {\n that.loader.hide();\n });\n};\n\nmodule.exports = SrcCheckoutModel;\n","'use strict';\n\nconst srcHelper = require('../helpers/srcHelper');\nconst loaderInstance = require('../../loaderHelper');\n\n// Models\nconst SrcCartModel = require('../models/srcCartModel');\nconst SrcAlertHandlerModel = require('../alerthandler/srcAlertHandlerModel');\n\nconst $braintreeCartSrcButton = document.querySelector('.js-braintree-cart-src-button');\n\n/**\n * Inits SRC account functionality on the Cart Page\n * @param {Promise} clientInstancePromise client instance promise\n */\nfunction init(clientInstancePromise) {\n const $braintreeSrcLoader = document.querySelector('.js-braintree-src-loader');\n const $totalAmount = document.querySelector('.grand-total');\n const srcLoader = loaderInstance($braintreeSrcLoader);\n const srcButtonConfigurations = srcHelper.getBraintreeSRCButtonConfigs();\n const $braintreeSrcDeviceDataInput = document.querySelector('input[name=braintreeSrcDeviceDataInput]');\n const alertHandler = new SrcAlertHandlerModel(srcButtonConfigurations.messages);\n\n const SrcCheckoutModelInstance = new SrcCartModel(clientInstancePromise,\n srcButtonConfigurations,\n $braintreeSrcDeviceDataInput,\n srcLoader,\n alertHandler);\n\n // Hides errors on the Cart Page\n $braintreeCartSrcButton.addEventListener('click', alertHandler.hideAlerts);\n\n SrcCheckoutModelInstance.initSrcButton();\n\n // Tracks cases when total amount equal zero and throw an error\n srcHelper.zeroAmountSrcButtonBehavior($totalAmount, alertHandler);\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst SrcBaseModel = require('./srcBaseModel');\nconst srcHelper = require('../helpers/srcHelper');\nconst srcPaymentProcessingHelper = require('../helpers/srcPaymentProcessingHelper');\nconst helper = require('../../helper');\n\n// See description of \"srcBaseModel\" for more info\nfunction SrcCartModel(clientInstancePromise, srcButtonConfigurations, $braintreeSrcDeviceDataInput, loader, alertHandler) {\n SrcBaseModel.call(this,\n clientInstancePromise,\n srcButtonConfigurations,\n $braintreeSrcDeviceDataInput,\n loader,\n alertHandler);\n}\n\nSrcCartModel.prototype = Object.create(SrcBaseModel.prototype);\n\n// See description of \"srcBaseModel\" for more info\n// Add nonce and billing data to the from and submit to the \"CheckoutService-SubmitPayment\" endpoint\nSrcCartModel.prototype.onTokenizeCallback = async function(srcPayload) {\n SrcBaseModel.prototype.onTokenizeCallback.call(this, srcPayload);\n\n this.loader.show();\n // Checking if preselected shipping option delivers to the chosen shipping address\n\n const billingAddress = srcPayload.billingAddress;\n const city = billingAddress.locality;\n const state = billingAddress.region;\n const country = billingAddress.countryCode;\n const postalCode = billingAddress.postalCode;\n const addressQueryString = `city=${city.replace(/\\s/g, '%20')}&stateCode=${state}&countryCode=${country}&postalCode=${postalCode}`;\n const paymentMethodId = window.braintreeConstants.PAYMENT_METHOD_NOT_SUPPORTING_SHIPPING_OPTIONS;\n const url = `${window.braintreeUrls.getApplicableShippingOptions}?paymentMethodId=${paymentMethodId}&${addressQueryString}`;\n\n const shippingOptions = await helper.getApplicableShippingOptions(url);\n\n let chooseShippingUrl;\n\n if (!shippingOptions.find((shippingOption) => shippingOption.selected === true)) {\n chooseShippingUrl = `${window.braintreeUrls.chooseShippingUrl}&errorId=error.shippingoption.invalid`;\n }\n\n // Proceeding with checkout\n const $srcButton = document.querySelector('.js-braintree-src-button');\n\n srcPayload.billingAddressString = srcHelper.createSrcBillingAddress(srcPayload.billingAddress, srcPayload.userData);\n\n const paymentMethodName = helper.tryParseJSON($srcButton.getAttribute('data-braintree-config')).paymentMethodName;\n const srcFormData = srcHelper.createSrcFormData(srcPayload, paymentMethodName);\n const srcCheckoutFormData = srcHelper.createSrcCheckoutFormData(srcFormData, srcPayload, window.braintreeConstants.PAGE_FLOW_CART);\n\n const self = this;\n const requestHelper = require('../../paypal/helpers/payPalRequestsHelperGlobal');\n\n requestHelper.validateAddresses(window.braintreeUrls.validateAddressesUrl, srcPayload)\n .then((validationResult) => {\n if (validationResult.error) {\n throw new Error(validationResult.message);\n }\n\n srcPaymentProcessingHelper.checkoutFromCartCall(\n srcCheckoutFormData, srcPayload.userData.userEmail, self.alertHandler, chooseShippingUrl\n )\n .finally(() => {\n self.loader.hide();\n });\n })\n .catch((error) => {\n self.loader.hide();\n self.alertHandler.showError(error.message);\n });\n};\n\nmodule.exports = SrcCartModel;\n","'use strict';\n\nconst srcConstants = require('../constants/srcConstants');\nconst paymentMethodGeneral = require('../../paymentMethodGeneral');\n\n/**\n * Gets SRC flow name(corresponding page)\n * @returns {string} Flow id(page) account/cart/billing\n */\nfunction getSrcFlowName() {\n const isSrcEnabledOnAccountPage = Boolean(document.querySelector('.js-braintree-account-add-src'));\n const isSrcEnabledOnCartPage = Boolean(document.querySelector('.js-braintree-cart-src-button'));\n const isSrcEnabledOnBillingPage = Boolean(document.querySelector('.js-braintree-src-content'));\n\n let srcFlowName;\n\n if (isSrcEnabledOnAccountPage) {\n srcFlowName = srcConstants.FLOW_NAME_ACCOUNT;\n } else if (isSrcEnabledOnCartPage) {\n srcFlowName = srcConstants.FLOW_NAME_CART_CHECKOUT;\n } else if (isSrcEnabledOnBillingPage) {\n srcFlowName = srcConstants.FLOW_NAME_BILLING_CHECKOUT;\n }\n\n return srcFlowName;\n}\n\n/**\n * Makes call to checkoutFrom Cart endpoint\n * @param {Object} srcCheckoutFormData SRC form data passed to server side\n * @param {string} email SRC email from response\n * @param {Object} alertHandler Alert handling model\n * @param {string} chooseShippingUrl Link to checkout stage shipping\n * @returns {Promise} call to checkoutFrom Cart endpoint\n */\nfunction checkoutFromCartCall(srcCheckoutFormData, email, alertHandler, chooseShippingUrl) {\n const checkoutSubmitPayment = window.braintreeUrls.checkoutSubmitPayment;\n const redirectUrl = chooseShippingUrl || window.braintreeUrls.placeOrderUrl;\n // Submit customer form with email (CheckoutServices-SubmitCustomer)\n // as we skip step \"login via guest/registered user\" while express checkout\n // email is set only in case of guest checkout and if email is not already set\n\n paymentMethodGeneral.submitCustomerForm(email);\n\n return fetch(checkoutSubmitPayment, {\n method: 'POST',\n body: srcCheckoutFormData\n })\n .then(function(data) {\n if (data.error) {\n alertHandler.handleCheckoutFromCartError(data);\n }\n\n sessionStorage.setItem('pageState', 'cart');\n window.location.href = redirectUrl;\n })\n .catch(function(error) {\n if (error && error.redirectUrl) {\n window.location.href = error.redirectUrl;\n }\n });\n}\n\nmodule.exports = {\n getSrcFlowName,\n checkoutFromCartCall\n};\n","'use strict';\n\nmodule.exports = {\n FLOW_NAME_ACCOUNT: 'account',\n FLOW_NAME_CART_CHECKOUT: 'cart',\n FLOW_NAME_BILLING_CHECKOUT: 'billing'\n};\n","'use strict';\n\nconst braintreeLpmModelBuilder = require('./braintreesdk/braintreeLpmModelBuilder');\nconst lpmPaymentProcessing = require('./components/lpmPaymentProcessing');\n\n/**\n * Inits LPM on the Billing-Checkout Page\n */\nfunction init() {\n const braintreeLpmModelResponse = braintreeLpmModelBuilder.init();\n\n lpmPaymentProcessing.init(braintreeLpmModelResponse.btLpmModel);\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst lpmHelper = require('../helpers/lpmHelper');\nconst braintreeGeneral = require('../../braintreeGeneral');\nconst braintreeLpmModel = require('./braintreeLpmModel');\n\nconst lpmErrorMessages = require('../constants/errorMessages');\n\n/**\n * Initialize Braintree Lpm Model. Pattern Builder is used\n * @returns {Object} Object with booleam \"error\" flag and \"message\" attribute with error message\n */\nfunction init() {\n const braintreeLpmConfigs = lpmHelper.getBraintreeLpmConfigs();\n const response = {\n error: false,\n message: '',\n btLpmModel: null\n };\n\n let clientToken;\n let btClientInstancePromise;\n\n if (braintreeLpmConfigs) {\n clientToken = braintreeLpmConfigs.clientToken;\n btClientInstancePromise = braintreeGeneral.createClientInstance(clientToken);\n\n braintreeLpmModel.init(btClientInstancePromise);\n\n response.btLpmModel = braintreeLpmModel;\n } else {\n response.error = true;\n response.message = lpmErrorMessages.NO_LPM_BRAINTREE_CONFIGURATIONS;\n }\n\n return response;\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\n/* global braintreeUtils braintree $ */\n\nlet btClientInstancePromise;\n\n/**\n * Creates Lpm payment instance\n * @returns {Promise} A promise resolved with the Lpm instance\n */\n\nfunction createLpmPayment() {\n return btClientInstancePromise\n .then(function(btClientInstance) {\n return braintree.localPayment.create({\n client: btClientInstance\n });\n });\n}\n\n/**\n * Creates and returns object with all options for initiating the LPM payment flow\n * @param {Object} shippingData Order Shipping address\n * @param {Object} lpmConfigs LPM configs object\n * @param {string} paymentMethodName Payment method name\n * @param {string} email Email address\n * @param {number} amount Order total amount\n * @returns {Object} Options object\n */\nfunction createRequestData(shippingData, lpmConfigs, paymentMethodName, email, amount) {\n const recipientName = shippingData.recipientName.split(' ');\n\n shippingData.firstName = recipientName[0];\n shippingData.lastName = recipientName[1];\n\n return {\n paymentType: paymentMethodName,\n amount: amount,\n fallback: {\n url: `${lpmConfigs.fallbackUrl}?lpmName=${paymentMethodName}&email=${email}`,\n buttonText: 'Complete Payment'\n },\n currencyCode: lpmConfigs.options.currency,\n shippingAddressRequired: false,\n email: email,\n phone: shippingData && shippingData.phone,\n givenName: shippingData && shippingData.firstName,\n surname: shippingData && shippingData.lastName,\n address: {\n countryCode: shippingData && shippingData.countryCode\n }\n };\n}\n\n/**\n *\n * @param {lpmInstance} localPaymentInstance LPM instance\n * @param {Object} reqData Options object\n * @returns {Promise} Promise resolved with a startPaymentPayload\n */\nfunction startPayment(localPaymentInstance, reqData) {\n return localPaymentInstance.startPayment(reqData);\n}\n\n/**\n * Inits braintreeLpmSDK with client instance promise\n * @param {Promise} braintreeClientInstancePromise Braintree client instance promise\n */\nfunction init(braintreeClientInstancePromise) {\n btClientInstancePromise = braintreeClientInstancePromise;\n}\n\nmodule.exports = {\n init,\n createLpmPayment,\n createRequestData,\n startPayment\n};\n","'use strict';\n\n// Helpers\nconst lpmHelper = require('../helpers/lpmHelper');\nconst loaderInstance = require('../../loaderHelper');\nconst lpmPaymentProcessingHelper = require('../helpers/lpmPaymentProcessorHelper');\n\nconst LpmAlertHandlerModel = require('../alerthandler/lpmAlertHandlerModel');\nconst helper = require('../../helper');\nconst alertHandler = new LpmAlertHandlerModel();\n\nconst $braintreeLpmLoader = document.querySelector('.js-braintree-loader-container');\n\n// Global variables\nlet lpmConfigs;\nlet loader;\nlet lpmModel;\n\n/**\n * Opens LPM page and process a payment\n * @param {Object} reqData Options object\n * @param {string} paymentMethodName Payment method name\n */\nfunction startLpmPayment(reqData, paymentMethodName) {\n lpmModel.startPayment(reqData)\n .then(function(startPaymentPayload) {\n // Handles LPM processing messages on the Billing-Checkout Page\n alertHandler.hideAlerts();\n alertHandler.showInfo(alertHandler.alertMessages.LPM_PAYMENT_SUCCESS);\n\n // Sends payment details to the backend\n return lpmPaymentProcessingHelper.confirmPayment(lpmConfigs,\n paymentMethodName,\n reqData.email,\n startPaymentPayload);\n })\n .then(function(response) {\n return response.json();\n })\n .then(function(data) {\n lpmPaymentProcessingHelper.processLpmConfirmForm(data.redirectUrl);\n loader.hide();\n })\n .catch(function(error) {\n loader.hide();\n alertHandler.handleLpmError(error);\n });\n}\n\n/**\n * Prepares and checks all necessary options for start LPM payment\n * @param {Object} event On LPM button click event\n */\nfunction onLpmButtonClick(event) {\n const $email = document.querySelector('.customer-summary-email');\n const paymentMethodName = this.dataset.localPaymentMethodName;\n\n alertHandler.hideAlerts();\n event.preventDefault();\n\n try {\n if (lpmConfigs.options.amount === 0) {\n loader.hide();\n alertHandler.handleZeroAmountOnCheckoutError(paymentMethodName);\n }\n\n fetch(helper.getUrlWithCsrfToken(lpmConfigs.getOrderInfoUrl))\n .then((response) => response.json())\n .then((data) => {\n loader.show();\n alertHandler.showInfo(alertHandler.alertMessages.LPM_PAYMENT_PROCESSING);\n\n // Updates shipping address and amount of order from server\n lpmModel.updateLpmOrderData(data.shippingAddress, data.amount);\n\n // Creates all options for initiating the local payment payment flow.\n const reqData = lpmModel.createRequestData(paymentMethodName, $email.textContent);\n\n startLpmPayment(reqData, paymentMethodName);\n })\n // Handles errors form Braintree-GetOrderInfo endpoint\n .catch((error) => {\n loader.hide();\n alertHandler.showError(error.responseJSON.message);\n });\n loader.hide();\n } catch (error) {\n alertHandler.showError(error);\n }\n}\n\n/**\n * Inits LPM functionality on the Checkout-Billing Page\n */\nfunction initLpm() {\n lpmModel.initLpm()\n .then(function(response) {\n if (response.createLpmClickListener) {\n document.querySelectorAll('.js-braintree-lpm-button').forEach((button) => {\n button.addEventListener('click', onLpmButtonClick);\n });\n }\n })\n .catch(function(error) {\n alertHandler.showError(error.message);\n });\n}\n\n/**\n * Inits LPM payment processing components\n * @param {Object} braintreeLpmModel LPM model\n */\nfunction init(braintreeLpmModel) {\n loader = loaderInstance($braintreeLpmLoader);\n lpmConfigs = lpmHelper.getBraintreeLpmConfigs();\n lpmModel = braintreeLpmModel;\n\n initLpm();\n}\n\nmodule.exports = {\n init\n};\n","const LpmAlertHandlerModel = require('./alerthandler/lpmAlertHandlerModel');\nconst helper = require('../helper');\n\nconst $lpmFallback = document.querySelector('.js-lpm-fallback');\nconst $lpmLoader = document.querySelector('.js-braintree-loader-container');\nconst lpmData = helper.tryParseJSON($lpmFallback.getAttribute('data-braintree-config'));\nconst alertHandler = new LpmAlertHandlerModel();\n\n/**\n * LPM fallback process\n */\nconst process = () => {\n braintree.client.create({\n authorization: lpmData.clientToken\n })\n .then(clientInstance => {\n $lpmLoader.style.display = 'block';\n\n return braintree.localPayment.create({\n client: clientInstance\n });\n })\n .then(localPaymentInstance => {\n localPaymentInstance.tokenize()\n .then(function({ nonce, details }) {\n const buyerAddressDetails = Object.keys(details).length ? details : { email: lpmData.customerEmail };\n\n alertHandler.showInfo(alertHandler.alertMessages.LPM_PAYMENT_SUCCESS);\n\n fetch(helper.getUrlWithCsrfToken(lpmData.paymentConfirmUrl), {\n method: 'POST',\n body: JSON.stringify({\n nonce: nonce,\n lpmName: lpmData.lpmName,\n details: buyerAddressDetails\n }),\n headers: { 'Content-Type': 'application/json' }\n })\n .then(response => response.json())\n .then(data => {\n const lpmPaymentProcessorHelper = require('../local/helpers/lpmPaymentProcessorHelper');\n\n lpmPaymentProcessorHelper.processLpmConfirmForm(data.redirectUrl);\n });\n })\n .catch(() => {\n alertHandler.showError(alertHandler.alertMessages.LPM_PAYMENT_ERROR);\n });\n });\n};\n\nmodule.exports = {\n process\n};\n","'use strict';\n\n/**\n * Inits APMA functionality\n */\nfunction init() {\n const payPalBusinessLogic = require('./paypal/payPal');\n const paymentMethodGeneral = require('./paymentMethodGeneral');\n\n payPalBusinessLogic.init(paymentMethodGeneral.createGeneralClientInstancePromise());\n payPalBusinessLogic.initAPMA(paymentMethodGeneral.createGeneralClientInstancePromise());\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst payPalProductPage = require('./components/payPalProductPage');\nconst payPalProductViewPage = require('./components/payPalProductViewPage');\nconst payPalMiniCartPage = require('./components/payPalMiniCartPage');\nconst payPalCartPage = require('./components/payPalCartPage');\nconst payPalAccountPage = require('./components/payPalAccountPage');\nconst apmaPage = require('./components/apmaPage');\nconst payPalCheckoutPage = require('./components/payPalCheckoutPage');\n\nlet btClientInstancePromise;\n\n/**\n * Init PayPal functionality on PDP\n */\nfunction initProduct() {\n payPalProductPage.init(btClientInstancePromise);\n}\n\n/**\n * Init PayPal functionality on PVP\n */\nfunction initQuickView() {\n payPalProductViewPage.init(btClientInstancePromise);\n}\n\n/**\n * Init PayPal functionality on MiniCart\n */\nfunction initMiniCart() {\n // For MiniCart we generate client instance inside component.\n // This is, since general code which generate client instance executes before client token appear\n // This is only applicable for MiniCart\n payPalMiniCartPage.init();\n}\n\n/**\n * Init PayPal functionality on Cart\n */\nfunction initCart() {\n payPalCartPage.init(btClientInstancePromise);\n}\n\n/**\n * Init PayPal functionality on Checkout\n */\nfunction initCheckout() {\n payPalCheckoutPage.init(btClientInstancePromise);\n}\n\n/**\n * Init PayPal functionality on Account\n */\nfunction initAccount() {\n payPalAccountPage.init(btClientInstancePromise);\n}\n\n/**\n * Init PayPal functionality on APMA page\n */\nfunction initAPMA() {\n apmaPage.init(btClientInstancePromise);\n}\n\n/**\n * Init general variables which are used on all pages\n * @param {Object} clientInstancePromise client instance promise\n */\nfunction init(clientInstancePromise) {\n btClientInstancePromise = clientInstancePromise;\n}\n\nmodule.exports = {\n init,\n initCheckout,\n initProduct,\n initQuickView,\n initMiniCart,\n initCart,\n initAccount,\n initAPMA\n};\n","'use strict';\n\nconst PayPalProductPageModel = require('../models/payPalProductModel');\nconst PaypalAlertHandlerModel = require('../alerthandler/paypalAlertHandlerModel');\n\nconst payPalButtonDisplayBehavior = require('./payPalButtonDisplayBehavior');\nconst braintreePayPalSDK = require('../braintreesdk/braintreePayPalSDK');\nconst helper = require('../../helper');\n\n/**\n * Init PayPal button on the Product Page\n * @param {Promise} clientInstancePromise Client Instance Promise\n */\nfunction init(clientInstancePromise) {\n const pvpModels = [];\n const PP_BTN_SELECTOR = '.js-braintree-paypal-cart-button';\n const paypalButtonContainers = document.querySelectorAll('.js-braintree-pdp-button, .js-braintree-pdp-button-global');\n\n let isVaultMode;\n let payPalConfigurations;\n\n if (paypalButtonContainers) {\n paypalButtonContainers.forEach((container, index) => {\n const $payPalButton = container.querySelector(PP_BTN_SELECTOR);\n const $loaderContainer = container.querySelector('.js-braintree-paypal-loader');\n const $csrfToken = container.querySelector('.js-braintree-cart-paypal-buttons-wrap #csrf_token');\n\n if ($payPalButton) {\n $payPalButton.classList.add(`${PP_BTN_SELECTOR.slice(1)}-${index}-pdp`);\n\n const selector = `.${Array.from($payPalButton.classList).join('.')}`;\n\n payPalConfigurations = helper.tryParseJSON($payPalButton.getAttribute('data-braintree-config'));\n isVaultMode = payPalConfigurations.options.flow !== 'checkout';\n\n const alertHandler = new PaypalAlertHandlerModel(payPalConfigurations.messages);\n\n const PayPalProductPage = new PayPalProductPageModel(alertHandler,\n clientInstancePromise,\n selector,\n payPalConfigurations,\n $csrfToken,\n $loaderContainer);\n\n // Generate Fraud Data if enabled\n PayPalProductPage.generateFraudData();\n\n pvpModels.push(PayPalProductPage);\n }\n });\n\n // Init PayPal buttons\n braintreePayPalSDK.payPalButtonRendering(clientInstancePromise,\n isVaultMode,\n payPalConfigurations,\n pvpModels);\n\n // Init behavior for hide/show PayPal button\n payPalButtonDisplayBehavior.initProductPage();\n }\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst PayPalProductViewPageModel = require('../models/payPalProductModel');\nconst PaypalAlertHandlerModel = require('../alerthandler/paypalAlertHandlerModel');\n\nconst payPalButtonDisplayBehavior = require('./payPalButtonDisplayBehavior');\nconst braintreePayPalSDK = require('../braintreesdk/braintreePayPalSDK');\nconst helper = require('../../helper');\n\n/**\n * Init PayPal button on the Product View Page\n * @param {Promise} clientInstancePromise Client Instance Promise\n */\nfunction init(clientInstancePromise) {\n const PP_BTN_SELECTOR = '.js-braintree-paypal-cart-button';\n\n const pvpModels = [];\n\n let isVaultMode;\n let payPalConfigurations;\n\n const paypalButtonContainers\n = document.querySelectorAll('.quick-view-dialog .js-braintree-pvp-button, .quick-view-dialog .js-braintree-pvp-button-global');\n\n if (paypalButtonContainers) {\n paypalButtonContainers.forEach((container, index) => {\n const $payPalButton = container.querySelector(PP_BTN_SELECTOR);\n const $loaderContainer = container.querySelector('.js-braintree-paypal-loader');\n const $csrfToken = container.querySelector('.js-braintree-cart-paypal-buttons-wrap #csrf_token');\n\n if ($payPalButton) {\n $payPalButton.classList.add(`${PP_BTN_SELECTOR.slice(1)}-${index}-pvp`);\n\n const selector = `.${Array.from($payPalButton.classList).join('.')}`;\n\n payPalConfigurations = helper.tryParseJSON($payPalButton.getAttribute('data-braintree-config'));\n isVaultMode = payPalConfigurations.options.flow !== 'checkout';\n\n const alertHandler = new PaypalAlertHandlerModel(payPalConfigurations.messages);\n\n const PayPalProductViewPage = new PayPalProductViewPageModel(alertHandler,\n clientInstancePromise,\n selector,\n payPalConfigurations,\n $csrfToken,\n $loaderContainer);\n\n // Generate Fraud Data if enabled\n PayPalProductViewPage.generateFraudData();\n\n pvpModels.push(PayPalProductViewPage);\n }\n });\n\n // Init PayPal buttons\n braintreePayPalSDK.payPalButtonRendering(clientInstancePromise,\n isVaultMode,\n payPalConfigurations,\n pvpModels);\n\n // Init behavior for hide/show PayPal button\n payPalButtonDisplayBehavior.initProductViewPage();\n }\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst PayPalExpressModel = require('../models/payPalExpressModel');\nconst PaypalAlertHandlerModel = require('../alerthandler/paypalAlertHandlerModel');\nconst paymentMethodGeneral = require('../../paymentMethodGeneral');\nconst paypalMinicartButtonBehavior = require('./payPalButtonDisplayBehavior');\nconst helper = require('../../helper');\n\nconst PAYPAL_BUTTON_SELECTOR = '.js-paypal-minicart-button .js-braintree-paypal-cart-button';\n\nlet $payPalButton;\n\n/**\n * Init PayPal on the MiniCart Page\n * @returns {void} stop function execution in case if PayPal button wasn't rendered\n */\nfunction initPayPalOnMiniCart() {\n const $paypalMinicartButton = document.querySelector('.js-paypal-minicart-button');\n\n // Case when buyer remove product from the Cart\n $('body').on('cart:update', function() {\n paypalMinicartButtonBehavior.paypalMinicartButtonBehavior($paypalMinicartButton);\n });\n\n paypalMinicartButtonBehavior.paypalMinicartButtonBehavior($paypalMinicartButton);\n\n const payPalConfigurations = helper.tryParseJSON($payPalButton.getAttribute('data-braintree-config'));\n const isPayPalButtonWasInited = helper.tryParseJSON($payPalButton.getAttribute('data-is-inited'));\n\n // Do not init PayPal button if it was already inited or PayPal configs are empty\n if (isPayPalButtonWasInited || typeof payPalConfigurations !== 'object' || payPalConfigurations === null) {\n return;\n }\n\n const $csrfToken = document.querySelector('.js-braintree-cart-paypal-buttons-wrap #csrf_token');\n const $loaderContainer = document.querySelector('.js-braintree-paypal-loader');\n\n const clientInstancePromise = paymentMethodGeneral.createGeneralClientInstancePromise();\n\n const alertHandler = new PaypalAlertHandlerModel(payPalConfigurations.messages);\n const PayPalExpress = new PayPalExpressModel(alertHandler,\n clientInstancePromise,\n PAYPAL_BUTTON_SELECTOR,\n payPalConfigurations,\n $csrfToken,\n $loaderContainer);\n\n // Generate Fraud Data if enabled\n PayPalExpress.generateFraudData();\n\n // Init PayPal button\n PayPalExpress.initPayment();\n\n // Indicate that PayPal button was already inited.\n $payPalButton.setAttribute('data-is-inited', true);\n}\n\n/**\n * Init PayPal button on the MiniCart Page\n */\nfunction init() {\n const $minicartPopover = document.querySelector('.minicart .popover');\n\n // To avoid execution of this code on checkout page\n if ($minicartPopover) {\n const observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(mutation) {\n if (mutation.addedNodes.length < 2) {\n return;\n }\n\n $payPalButton = document.querySelector(PAYPAL_BUTTON_SELECTOR);\n\n if ($payPalButton) {\n initPayPalOnMiniCart();\n }\n });\n });\n\n observer.observe($minicartPopover, { childList: true });\n }\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst PayPalCartModel = require('../models/payPalCartModel');\nconst PaypalAlertHandlerModel = require('../alerthandler/paypalAlertHandlerModel');\nconst helper = require('../../helper');\nconst payPalButtonDisplayBehavior = require('./payPalButtonDisplayBehavior');\n\n/**\n * Initialize Cart page PayPal button\n * @param {Promise} clientInstancePromise Client instance promise\n */\nfunction init(clientInstancePromise) {\n const payPalButtonSelector = '.cart-page .js-braintree-paypal-cart-button';\n const $payPalButton = document.querySelector(payPalButtonSelector);\n const payPalConfigurations = helper.tryParseJSON($payPalButton.getAttribute('data-braintree-config'));\n\n const $csrfToken = document.querySelector('.js-braintree-cart-paypal-buttons-wrap #csrf_token');\n const $loaderContainer = document.querySelector('.js-braintree-paypal-loader');\n\n const alertHandler = new PaypalAlertHandlerModel(payPalConfigurations.messages);\n const PayPalExpress = new PayPalCartModel(alertHandler,\n clientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n $csrfToken,\n $loaderContainer);\n\n // Generate Fraud Data if enabled\n PayPalExpress.generateFraudData();\n // Init PayPal button\n PayPalExpress.initPayment();\n\n payPalButtonDisplayBehavior.initPaypalCreditMessagesBehavior();\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst PayPalExpressModel = require('./payPalExpressModel');\n\n/**\n * PayPal cart model constructor\n * @param {Object} alertHandlerModel alert handler model\n * @param {Promise} btClientInstancePromise BT client instance promise\n * @param {string} payPalButtonSelector PayPal button selector\n * @param {Object} payPalConfigurations configs from server (taken from data attr)\n * @param {Object} $csrfToken CSRF token js container\n * @param {Object} $loaderContainer loader js container\n */\nfunction PayPalCartModel(alertHandlerModel,\n btClientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n $csrfToken,\n $loaderContainer) {\n // Init PayPalExpressModel constructor\n PayPalExpressModel.call(this,\n alertHandlerModel,\n btClientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n $csrfToken,\n $loaderContainer);\n\n this.changePMButtonEnabled = payPalConfigurations.changePMButtonEnabled;\n}\n\n// ES5 inheritance\nPayPalCartModel.prototype = Object.create(PayPalExpressModel.prototype);\n\n// Show error in case if current basket has zero total price\nPayPalCartModel.prototype.onPayPalButtonClickCallback = async function(_, actions) {\n await PayPalExpressModel.prototype.onPayPalButtonClickCallback.call(this, _, actions);\n let action;\n\n if (this.basketData.amount === 0) {\n this.alertHandlerModel.showZeroAmountError();\n\n action = actions.reject();\n }\n\n return action;\n};\n\nmodule.exports = PayPalCartModel;\n","'use strict';\n\nconst helper = require('../../helper');\n\n/**\n * Init add new PayPal account button\n * @param {Object} PayPalAccount PayPal Account model instance\n */\nfunction initAddNewPayPalAccountEvent(PayPalAccount) {\n const payPalAccountPageHelper = require('../helpers/payPalAccountPage');\n const $addNewPayPalAccountButton = document.querySelector('.js-add-paypal-account');\n\n $addNewPayPalAccountButton.addEventListener('click', function() {\n payPalAccountPageHelper.showPayPalAccountBtn();\n\n if (!window.accountPayPalButtonInited) {\n window.accountPayPalButtonInited = true;\n PayPalAccount.initPayment();\n }\n });\n}\n\n/**\n * Function which initiate PayPal functionality on the Account Page\n * @param {Object} btClientInstancePromise BT Client Instance promise\n */\nfunction init(btClientInstancePromise) {\n const payPalButtonSelector = '.js-braintree-account-paypal-button-wrapper .js-braintree-account-paypal-button';\n const $payPalButton = document.querySelector(payPalButtonSelector);\n\n const PayPalAccountModel = require('../models/payPalAccount');\n\n if ($payPalButton) {\n const PaypalAlertHandlerModel = require('../alerthandler/paypalAlertHandlerModel');\n\n const payPalConfigurations = helper.tryParseJSON($payPalButton.getAttribute('data-braintree-config'));\n const addPayPalAccountUrl = window.braintreeUrls.paypalAddAccountHandlerUrl;\n\n const $csrfToken = document.querySelector('.js-braintree-account-paypal-button-wrapper #csrf_token');\n const $loaderContainer = document.getElementById('braintreePayPalAccLoader');\n\n // Init params for AccountErrorHandling model\n const errorMessages = payPalConfigurations.messages;\n\n const alertHandler = new PaypalAlertHandlerModel(errorMessages);\n const PayPalAccount = new PayPalAccountModel(alertHandler,\n btClientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n $csrfToken,\n addPayPalAccountUrl,\n $loaderContainer);\n\n initAddNewPayPalAccountEvent(PayPalAccount);\n }\n\n PayPalAccountModel.initRemovePayPalAccountEvent();\n PayPalAccountModel.initMakeDefaultPayPalAccountEvent();\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\n/**\n * Show PayPal Account button\n */\nfunction showPayPalAccountBtn() {\n const $addPaypalAccountBtn = document.querySelector('.js-add-paypal-account');\n const $paypalAccountWrapper = document.querySelector('.js-braintree-account-paypal-button-wrapper');\n\n $addPaypalAccountBtn.classList.add('d-none');\n $paypalAccountWrapper.classList.remove('d-none');\n}\n\nmodule.exports = {\n showPayPalAccountBtn\n};\n","'use strict';\n\nconst PayPalBaseModel = require('./payPalBaseModel');\nconst helper = require('../../helper');\n\nfunction PayPalAccountModel(alertHandlerModel,\n btClientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n $csrfToken,\n addPayPalAccountUrl,\n $loaderContainer) {\n PayPalBaseModel.call(this,\n alertHandlerModel,\n btClientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n $loaderContainer);\n\n this.$csrfToken = $csrfToken;\n this.addPayPalAccountUrl = addPayPalAccountUrl;\n}\n\n// ES5 inheritance\nPayPalAccountModel.prototype = Object.create(PayPalBaseModel.prototype);\n\n/**\n * For whole description open \"payPalBaseModel\".\n * We don't generate and send fraud data from Account. That's why \"generateFraudData\" isn't used\n * @param {Object} payload Buyer data from PayPal (like address, nonce, etc.)\n */\nPayPalAccountModel.prototype.onApprovePaymentCallback = function(payload) {\n // Calling parrent method to proceed with PayPal payload validation\n PayPalBaseModel.prototype.onApprovePaymentCallback.call(this, payload);\n\n // Error will be handled on BaseModel level\n if (this.error) {\n return;\n }\n\n this.loader.show();\n\n const payPalAccountModelHelper = require('../helpers/payPalAccountModel');\n const billingFormHelper = require('../helpers/payPalBillingFormHelperGlobal');\n\n const $payPalButton = document.querySelector(this.payPalButtonSelector);\n const paypalAccountFormFields = $payPalButton.getAttribute('data-paypal-account-form-fields');\n\n const payPalAccountModelInstance = this;\n const btDetails = payload.details;\n const payPalBraintreeAddressData = billingFormHelper.createBillingAddressData(btDetails);\n const paypalAccountFormData = helper.createPaymentFormData(paypalAccountFormFields, {\n nonce: payload.nonce,\n email: payload.details.email,\n addresses: JSON.stringify(payPalBraintreeAddressData),\n shippingAddress: JSON.stringify(payload.details.shippingAddress)\n });\n // Apped CSRF token\n\n billingFormHelper.appendCsrfTokenToFormData(paypalAccountFormData, this.$csrfToken);\n\n payPalAccountModelHelper.savePayPalAccount(this.addPayPalAccountUrl, paypalAccountFormData)\n .then((response) => response.json())\n .then((data) => {\n if (data.error) {\n const error = data.error;\n\n payPalAccountModelInstance.alertHandlerModel.showError(error);\n payPalAccountModelInstance.loader.hide();\n } else {\n const renderAccountsUrl = data.renderAccountsUrl;\n\n payPalAccountModelHelper.hidePaypalAccountBtn();\n payPalAccountModelHelper.renderPayPalAccounts(renderAccountsUrl)\n .then((accountListTemplate) => accountListTemplate.text())\n .then((accountListTemplateHTML) => {\n payPalAccountModelHelper.addPayPalAccountsToTheTemplate(accountListTemplateHTML);\n payPalAccountModelHelper.throwCartUpdate();\n PayPalAccountModel.initRemovePayPalAccountEvent();\n PayPalAccountModel.initMakeDefaultPayPalAccountEvent();\n\n payPalAccountModelInstance.loader.hide();\n });\n }\n });\n};\n\n/**\n * Triggers when buyer clicked on the PayPal button and PayPal modal started loading\n * @returns {Object} Object which will be passed directly into Braintree PayPal SDK as an order data\n */\nPayPalAccountModel.prototype.onOrderCreateCallback = async function() {\n const orderCreateParams = this.payPalConfigurations.options;\n\n // Hide custom error on buyer PayPal button click.\n this.alertHandlerModel.hideAlerts();\n\n return {\n flow: orderCreateParams.flow,\n enableShippingAddress: orderCreateParams.enableShippingAddress,\n displayName: orderCreateParams.displayName,\n billingAgreementDescription: orderCreateParams.billingAgreementDescription\n };\n};\n\n/**\n * Init Remove PayPal Account button listener\n */\nPayPalAccountModel.initRemovePayPalAccountEvent = function() {\n const $allRemovePayPalAccountButtons = document.querySelectorAll('.js-paypal-accounts .js-remove-bt-payment');\n\n $allRemovePayPalAccountButtons.forEach((btn) => btn.addEventListener('click', helper.removeBtPayment));\n};\n\n/**\n * Init Make Default PayPal account button listener\n */\nPayPalAccountModel.initMakeDefaultPayPalAccountEvent = function() {\n const loaderInstance = require('../../loaderHelper');\n const $makeDefaultBtns = document.querySelectorAll('.js-paypal-accounts .js-braintree-make-default-card');\n\n $makeDefaultBtns.forEach((btn) => btn.addEventListener('click', function() {\n const makeDefaultUrl = window.braintreeUrls.makePaymentMethodDefaultUrl;\n const paymentMehtodId = this.dataset.id;\n const paymentProcessorId = window.braintreePreferences.paymentMethods.BRAINTREE_PAYPAL.paymentMethodId;\n const loaderContainer = document.getElementById('paypalAccountBtLoader');\n const loader = loaderInstance(loaderContainer);\n\n loader.show();\n\n helper.setDefaultProperty({\n url: makeDefaultUrl,\n id: paymentMehtodId,\n paymentMethodID: paymentProcessorId,\n loader\n });\n }));\n};\n\nmodule.exports = PayPalAccountModel;\n","'use strict';\n\nconst ApmaModel = require('../models/apma');\nconst PaypalAlertHandlerModel = require('../alerthandler/paypalAlertHandlerModel');\nconst helper = require('../../helper');\n\n/**\n * Function which initiate PayPal functionality on the Account Page\n * @param {Object} btClientInstancePromise BT Client Instance promise\n */\nfunction init(btClientInstancePromise) {\n const payPalButtonSelector = '#js-apma-button-paypal';\n const $payPalButton = document.querySelector(payPalButtonSelector);\n\n if ($payPalButton) {\n const redirectUrl = $payPalButton.getAttribute('data-redirect-url');\n const isAccountPage = redirectUrl.toLowerCase().includes(window.braintreeConstants.PAGE_FLOW_ACCOUNT);\n const addressObject = helper.tryParseJSON($payPalButton.getAttribute('data-address-object'));\n const payPalConfigurations = helper.tryParseJSON($payPalButton.getAttribute('data-braintree-config'));\n const addPayPalAccountUrl = $payPalButton.getAttribute('data-paypal-add-account-handler');\n\n const errorMessages = payPalConfigurations.messages;\n\n const alertHandler = new PaypalAlertHandlerModel(errorMessages);\n const PayPalAPMA = new ApmaModel(\n alertHandler,\n btClientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n {\n addPayPalAccountUrl,\n addressObject,\n isAccountPage,\n redirectUrl\n }\n );\n\n PayPalAPMA.initPayment();\n PayPalAPMA.initAddButtonEvent();\n }\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst PayPalBaseModel = require('./payPalBaseModel');\nconst helper = require('../../helper');\nconst payPalAccountModelHelper = require('../helpers/payPalAccountModel');\nconst billingFormHelper = require('../helpers/payPalBillingFormHelperGlobal');\n\nconst $loaderContainer = document.querySelector('.braintree-loader-container');\n\n/**\n * @param {Object} apmaModelInstance apma model instance\n * Save address details to address book from PP side\n * @returns {Promise} apmaModelInstance\n */\nfunction saveAddressDetails(apmaModelInstance) {\n return apmaModelInstance.savePaypalDefaultAddress()\n .then(() => {\n window.location.href = apmaModelInstance.redirectUrl;\n });\n}\n\n/**\n * PayPal APMA model constructor\n * @param {Object} alertHandlerModel alert handler model\n * @param {Promise} btClientInstancePromise BT client instance promise\n * @param {string} payPalButtonSelector PayPal button selector\n * @param {Object} payPalConfigurations Configs from server (taken from data attr)\n * @param {Object} additional - Additional data\n * @param {string} additional.addPayPalAccountUrl Add PayPal account URL\n * @param {Object} additional.addressObject Address object we get from CWPP\n * @param {boolean} additional.isAccountPage Account flow identifier\n * @param {string} additional.redirectUrl Account show URL\n */\nfunction PayPalAPMAModel(\n alertHandlerModel,\n btClientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n {\n addPayPalAccountUrl,\n addressObject,\n isAccountPage,\n redirectUrl\n }\n) {\n PayPalBaseModel.call(this,\n alertHandlerModel,\n btClientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n $loaderContainer);\n\n this.addPayPalAccountUrl = addPayPalAccountUrl + window.braintreeConstants.APMA_QUERY_PARAMETER_TRUE;\n this.addressObject = addressObject;\n this.isAccountPage = isAccountPage;\n this.redirectUrl = redirectUrl;\n}\n\n// ES5 inheritance\nPayPalAPMAModel.prototype = Object.create(PayPalBaseModel.prototype);\n\n/**\n * Makes call on saving a PayPal default address to the storefront customer.\n * @returns {Object} Whether a success or failed JSON response body.\n */\nPayPalAPMAModel.prototype.savePaypalDefaultAddress = function() {\n const addressObject = this.addressObject;\n const isAccountPage = this.isAccountPage;\n\n return fetch(window.braintreeUrls.savePaypalDefaultAddressUrl, {\n method: 'POST',\n contentType: 'application/json',\n body: JSON.stringify({ addressObject, isAccountPage })\n });\n};\n\nPayPalAPMAModel.prototype.initAddButtonEvent = function() {\n const $apmaButtonPayPal = document.querySelector(this.payPalButtonSelector);\n const addingStage = $apmaButtonPayPal.getAttribute('data-adding-stage');\n\n if (addingStage === window.braintreeConstants.APMA_STAGE_ADDRESS) {\n $apmaButtonPayPal.classList.add('hide-block');\n\n document.getElementById('js-apma-button-yes').addEventListener('click', () => {\n saveAddressDetails(this);\n });\n }\n};\n\n/**\n * For whole description open \"payPalBaseModel\".\n * We don't generate and send fraud data from Account. That's why \"generateFraudData\" isn't used\n * @param {Object} payload Buyer data from PayPal (like address, nonce, etc.)\n */\nPayPalAPMAModel.prototype.onApprovePaymentCallback = function(payload) {\n // Calling parrent method to proceed with PayPal payload validation\n PayPalBaseModel.prototype.onApprovePaymentCallback.call(this, payload);\n\n // Error will be handled on BaseModel level\n if (this.error) {\n return;\n }\n\n this.loader.show();\n\n const apmaModelInstance = this;\n const btDetails = payload.details;\n const nonce = payload.nonce;\n const email = payload.details.email;\n const $payPalButton = document.querySelector(this.payPalButtonSelector);\n const paypalAccountFormFields = $payPalButton.getAttribute('data-paypal-account-form-fields');\n // Append Shippig/Billing data to FormData\n const payPalBraintreeAddressData = billingFormHelper.createBillingAddressData(btDetails);\n const paypalAccountFormData = helper.createPaymentFormData(paypalAccountFormFields, {\n nonce: nonce,\n email: email,\n addresses: JSON.stringify(payPalBraintreeAddressData),\n shippingAddress: JSON.stringify(payload.details.shippingAddress)\n });\n\n this.addPayPalAccountUrl += `&apmaStage=${$payPalButton.getAttribute('data-adding-stage')}`;\n\n // Apped CSRF token\n const $csrfToken = document.getElementById('csrf_token');\n\n billingFormHelper.appendCsrfTokenToFormData(paypalAccountFormData, $csrfToken);\n // Save payment instrument from PP side\n payPalAccountModelHelper.savePayPalAccount(this.addPayPalAccountUrl, paypalAccountFormData)\n .then(() => {\n saveAddressDetails(apmaModelInstance);\n })\n .catch(function(errorPayload) {\n const error = errorPayload.responseJSON.error;\n\n apmaModelInstance.alertHandlerModel.showError(error);\n apmaModelInstance.loader.hide();\n });\n};\n\n/**\n * Triggers when buyer clicked on the PayPal button and PayPal modal started loading\n * @returns {Object} Object which will be passed directly into Braintree PayPal SDK as an order data\n */\nPayPalAPMAModel.prototype.onOrderCreateCallback = async function() {\n const payPalButtonConfigs = this.payPalConfigurations;\n const orderCreateParams = payPalButtonConfigs.options;\n\n // Hide custom error on buyer PayPal button click.\n this.alertHandlerModel.hideAlerts();\n\n return {\n flow: orderCreateParams.flow,\n enableShippingAddress: orderCreateParams.enableShippingAddress,\n displayName: orderCreateParams.displayName,\n billingAgreementDescription: orderCreateParams.billingAgreementDescription\n };\n};\n\nmodule.exports = PayPalAPMAModel;\n","'use strict';\n\nconst PayPalCheckoutModel = require('../models/payPalCheckoutModel');\nconst PaypalAlertHandlerModel = require('../alerthandler/paypalAlertHandlerModel');\nconst payPalAccountList = require('./payPalList');\nconst helper = require('../../helper');\n\nlet braintreeClientInstancePromise;\nlet payPalConfigs;\n\n/**\n * Initialize Checkout PayPal button functionality\n * @param {Promise} btClientInstancePromise BT Client Instance promise\n * @param {Object} payPalConfigurations PayPal checkout configurations object\n */\nfunction initCheckout(btClientInstancePromise, payPalConfigurations) {\n const payPalButtonSelector = '.js-braintree-paypal-billing-button';\n const $continueButton = document.querySelector('button.submit-payment');\n\n const $loaderContainer = document.querySelector('.js-braintree-paypal-loader');\n\n const alertHandler = new PaypalAlertHandlerModel(payPalConfigurations.messages);\n const PayPalCheckoutPayment = new PayPalCheckoutModel(alertHandler,\n btClientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n $continueButton,\n $loaderContainer);\n\n // Generate Fraud Data if enabled\n PayPalCheckoutPayment.generateFraudData();\n // Init account list\n payPalAccountList.init(PayPalCheckoutPayment.fraudDataPromise);\n // Init PayPal button\n PayPalCheckoutPayment.initPayment();\n}\n\n/**\n * Initialize Checkout PayPal button functionality.\n * Additional code was added which is used for total amount extracting which is needed for \"Change Payment Method button\" feature\n * @param {Promise} btClientInstancePromise BT Client Instance promise\n */\nfunction init(btClientInstancePromise) {\n const $payPalButton = document.querySelector('.js-braintree-paypal-billing-button');\n const $paypalTab = document.querySelector('.payment-options .nav-item[data-method-id=\"PayPal\"]');\n\n payPalConfigs = helper.tryParseJSON($payPalButton.getAttribute('data-braintree-config'));\n braintreeClientInstancePromise = btClientInstancePromise;\n\n // To load PayPal button only when buyer click (or from code) on PayPal Checkout tab\n $paypalTab.addEventListener('click', function() {\n const selectedMethodID = this.dataset.methodId;\n\n if (selectedMethodID === 'PayPal' && !window.payPalCheckoutWasInited) {\n window.payPalCheckoutWasInited = true;\n\n initCheckout(braintreeClientInstancePromise, payPalConfigs);\n }\n });\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst PayPalBaseModel = require('./payPalBaseModel');\nconst helper = require('../../helper');\nconst billingFormHelper = require('../helpers/payPalBillingFormHelperGlobal');\nconst paypalListHelper = require('../helpers/payPalListHelper');\n\n/**\n * PayPal checkout model constructor\n * @param {Object} alertHandlerModel alert handler model\n * @param {Promise} btClientInstancePromise BT client instance promise\n * @param {string} payPalButtonSelector PayPal button selector\n * @param {Object} payPalConfigurations configs from server (taken from data attr)\n * @param {Object} $continueButton continue button js container\n * @param {Object} $loaderContainer loader js container\n */\nfunction PayPalCheckoutPaymentModel(alertHandlerModel,\n btClientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n $continueButton,\n $loaderContainer) {\n PayPalBaseModel.call(this,\n alertHandlerModel,\n btClientInstancePromise,\n payPalButtonSelector,\n payPalConfigurations,\n $loaderContainer);\n\n this.$continueButton = $continueButton;\n this.changePMButtonEnabled = payPalConfigurations.changePMButtonEnabled;\n}\n\n// ES5 inheritance\nPayPalCheckoutPaymentModel.prototype = Object.create(PayPalBaseModel.prototype);\n\n// For more details see same method from \"PayPalBaseModel\"\n// Add additional configs which are needed for \"Change Payment Method Button\" feature\nPayPalCheckoutPaymentModel.prototype.payPalCheckoutInstanceConfigs = function(btClientInstance) {\n const checkoutInstanceConfigs = PayPalBaseModel.prototype.payPalCheckoutInstanceConfigs.call(this, btClientInstance);\n\n if (this.changePMButtonEnabled) {\n checkoutInstanceConfigs.autoSetDataUserIdToken = true;\n }\n\n return checkoutInstanceConfigs;\n};\n\n// For more details see same method from \"PayPalBaseModel\"\n// Show error in case if current basket has zero total price\nPayPalCheckoutPaymentModel.prototype.onPayPalButtonClickCallback = async function(_, actions) {\n await PayPalBaseModel.prototype.onPayPalButtonClickCallback.call(this, _, actions);\n let action;\n\n if (this.basketData.amount === 0) {\n this.alertHandlerModel.showZeroAmountError();\n\n action = actions.reject();\n }\n\n return action;\n};\n\n// For more details see same method from \"PayPalBaseModel\"\n// Mark new account as the session one, fill billing form with data from paypal\nPayPalCheckoutPaymentModel.prototype.onApprovePaymentCallback = function(payload) {\n // Calling parrent method to proceed with PayPal payload validation\n PayPalBaseModel.prototype.onApprovePaymentCallback.call(this, payload);\n\n // Error will be handled on BaseModel level\n if (this.error) {\n return;\n }\n\n this.loader.show();\n\n const PayPalCheckoutPaymentModelInstance = this;\n const isBuyerAuthenificated = PayPalCheckoutPaymentModelInstance.payPalConfigurations.isBuyerAuthenticated;\n const btDetails = payload.details;\n const nonce = payload.nonce;\n const btBillingAddress = btDetails ? btDetails.billingAddress : null;\n\n // Remove all other Payments session payments\n helper.removeActiveSessionPayment();\n\n // Fill just PayPal related form fields\n billingFormHelper.fillPayPalPaymentFields(btDetails);\n\n // Copy billing address from PayPal to DW billing address form fields\n if (btBillingAddress && btDetails) {\n billingFormHelper.copyPayPalBillingAddressToDw(btBillingAddress, btDetails);\n }\n\n // Check whether buyer has proceeded with the same email which is already stored\n // if \"yes\" we hide stored account with the same email in dropdown\n // if \"no\" we show all existent PP accounts in dropdown\n paypalListHelper.handleStoredAccountsShowing(isBuyerAuthenificated);\n\n const $formNonce = document.getElementById('braintreePayPalNonce');\n\n if ($formNonce && $formNonce.value !== nonce) {\n $formNonce.value = nonce;\n }\n\n // Gennerate and add fraud data in to the billing form\n PayPalCheckoutPaymentModelInstance.fraudDataPromise\n .then(function(data) {\n // We have \"fraudDataCollectionDisabled\" flag only in case if we have fraud data collection disabled\n if (!data.fraudDataCollectionDisabled) {\n billingFormHelper.fillFraudDataInput(data);\n }\n })\n .then(function() {\n // Submit payment to server\n PayPalCheckoutPaymentModelInstance.$continueButton.click();\n\n PayPalCheckoutPaymentModelInstance.loader.hide();\n });\n};\n\nmodule.exports = PayPalCheckoutPaymentModel;\n","'use strict';\n\nconst payPalStoredBillingAddressComponent = require('./payPalStoredBillingAddress');\nconst {\n isVaultModeEnabled,\n getAccountType,\n setNonceInputValue,\n hideSavePayPalAccountBlock,\n displaySavePayPalAccountBlock,\n displayPayPalButton,\n hidePayPalButon,\n displayContinueButton,\n hideContinueButon,\n isBuyerAuthenticated,\n selectPayPalCheckoutTab,\n setBraintreePayPalEmailInput,\n handleStoredAccountsShowing\n} = require('../helpers/payPalListHelper');\n\nconst paymentMethodGeneral = require('../../paymentMethodGeneral');\n\nlet $payPalAccountList;\nlet $continueButton;\nlet $savePaypalAccountCountainer;\nlet $braintreePayPalNonce;\nlet $paypalButton;\nlet $payPalTab;\nlet $braintreePaypalEmail;\n\nconst constantList = {\n NEW_ACCOUNT: 'new_account',\n STORED_ACCOUNT: 'stored_account'\n};\n\n/**\n * The function which manages what should be done when stored/new account was selected from the account dropdown\n * @param {Promise} fraudDataPromise A promise received as a result of generating fraud data\n */\nasync function accountsListChange(fraudDataPromise) {\n const billingFormHelper = require('../helpers/payPalBillingFormHelperGlobal');\n\n const accountType = getAccountType($payPalAccountList, constantList);\n const buyerAuthentificated = isBuyerAuthenticated($payPalAccountList);\n const vaultModeEnabled = isVaultModeEnabled($paypalButton);\n const $selectedPayPalAccountOption = $payPalAccountList.options[$payPalAccountList.selectedIndex];\n\n // eslint-disable-next-line default-case\n switch (accountType) {\n // Buyer selected new PayPal account\n case constantList.NEW_ACCOUNT:\n displayPayPalButton($paypalButton);\n hideContinueButon($continueButton);\n\n if (vaultModeEnabled && buyerAuthentificated) {\n displaySavePayPalAccountBlock($savePaypalAccountCountainer);\n }\n\n payPalStoredBillingAddressComponent.displaySelectedStoredBillingAddress($selectedPayPalAccountOption);\n\n break;\n\n // Buyer selected stored account\n case constantList.STORED_ACCOUNT:\n const selectedAccountEmail = $selectedPayPalAccountOption.text;\n\n if (vaultModeEnabled) {\n hideSavePayPalAccountBlock($savePaypalAccountCountainer);\n }\n\n setNonceInputValue($braintreePayPalNonce, '');\n displayContinueButton($continueButton);\n hidePayPalButon($paypalButton);\n\n selectPayPalCheckoutTab($payPalTab);\n setBraintreePayPalEmailInput($braintreePaypalEmail, selectedAccountEmail);\n\n // Display billing address of selected PayPal account\n payPalStoredBillingAddressComponent.displaySelectedStoredBillingAddress($selectedPayPalAccountOption);\n\n // Set Device data\n const fraudData = await fraudDataPromise;\n\n if (!fraudData.fraudDataCollectionDisabled) {\n billingFormHelper.fillFraudDataInput(fraudData);\n }\n\n break;\n }\n}\n\n/**\n * Init PayPal Account list functionality\n * @param {Promise} fraudDataPromise A promise received as a result of generating fraud data\n */\nfunction init(fraudDataPromise) {\n $payPalAccountList = document.getElementById('braintreePaypalAccountsList');\n $savePaypalAccountCountainer = document.getElementById('braintreeSavePaypalAccountContainer');\n $braintreePayPalNonce = document.getElementById('braintreePayPalNonce');\n $paypalButton = document.querySelector('.js-braintree-paypal-billing-button');\n $continueButton = document.querySelector('button.submit-payment');\n $payPalTab = document.querySelector('.js-paypal-tab');\n $braintreePaypalEmail = document.getElementById('braintreePaypalEmail');\n\n const buyerAuthenticated = isBuyerAuthenticated($payPalAccountList);\n\n // Add on change \"account list\" event\n $payPalAccountList.addEventListener('change', () => accountsListChange(fraudDataPromise));\n // Saves selected billing address from CREDIT_CARD tab\n paymentMethodGeneral.saveSelectedBillingAddressFromPreviousTab();\n // Execute \"account list\" change function to setup init values\n accountsListChange(fraudDataPromise);\n // Check whether buyer has proceeded with the same email which is already stored\n // if yes we hide stored account with the same email in dropdown\n // if no we show all existent PP accounts in dropdown\n handleStoredAccountsShowing(buyerAuthenticated);\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\nconst helper = require('../helper');\nconst AlertHandler = require('../alertHandler');\nconst fastlaneHelper = require('./fastlaneHelper');\nconst braintreeGeneral = require('../braintreeGeneral');\n\nconst ROLE_USER = 'user';\nconst ROLE_GUEST = 'guest';\n\nconst CSS_CLASS_D_NONE = 'd-none';\nconst FASTLANE_USER_ROLE = 'fastlaneUserRole';\nconst FASTLANE_EMAIL = 'fastlaneEmail';\nconst FASTLANE_CARD = 'fastlaneCard';\nconst CSS_CLASS_SHIP_TO_PHONE = '.ship-to-phone';\n\nclass Fastlane {\n #isPhonePrefilled = false;\n\n constructor() {\n if (this.isSandbox()) {\n localStorage.setItem('axoEnv', 'SANDBOX');\n localStorage.setItem('fastlaneEnv', 'sandbox');\n }\n\n this.isUserFlowRunOnce = true;\n this.isGuestFlowRunOnce = true;\n this.isCheckoutFromBeginning = false;\n\n this.isPaymentUI = window.braintreePreferences.isFastlanePaymentUiEnabled;\n this.isCardholderNameEnabled = window.braintreePreferences.fastlaneCardholderName;\n\n this.loginWatermarkEl = document.getElementById('login-watermark');\n this.cardWatermarkEl = document.getElementById('card-watermark');\n this.walletContainerEl = document.getElementById('fastlane-wallet-container');\n this.hostedFieldsEl = document.getElementById('fastlane-fields-container');\n this.lookupCustomerButtonEl = document.getElementById('submit-fastlane-customer');\n this.cardContainerEl = document.getElementById('fastlane-card-container');\n this.cardWatermarkContainerEl = document.querySelector('.card-watermark-container');\n this.addressContainerAllEls = document.querySelectorAll('.fastlane-address');\n this.firstAddressContainer = fastlaneHelper.getFirstElement(this.addressContainerAllEls);\n this.secondAddressContainer = fastlaneHelper.getSecondElement(this.addressContainerAllEls);\n\n this.checkoutMainEl = document.getElementById('checkout-main');\n this.cardListEl = document.getElementById('braintreeCreditCardList');\n this.multishipCheckbox = document.getElementById('multiShipCheck');\n this.submitShippingButtonEl = document.querySelector('button.submit-shipping');\n this.submitPaymentButtonEl = document.querySelector('button.submit-payment');\n this.creditCardTab = document.querySelector('.creditcard-tab');\n this.billingAddressSelectorBlockEl = document.querySelector('.address-selector-block');\n this.allShippingAddressForms = document.querySelectorAll('form[name=dwfrm_shipping]');\n this.firstShippingForm = fastlaneHelper.getFirstElement(this.allShippingAddressForms);\n this.secondShippingForm = fastlaneHelper.getSecondElement(this.allShippingAddressForms);\n this.allShipmentSelectorBlockEls = document.querySelectorAll('.shipment-selector-block');\n this.secondShipmentSelectorBlockEl = fastlaneHelper.getSecondElement(this.allShipmentSelectorBlockEls);\n this.allBtnEnterMultiship = document.querySelectorAll('.btn-enter-multi-ship');\n this.secondBtnEnterMultiship = fastlaneHelper.getSecondElement(this.allBtnEnterMultiship);\n this.customErrorMessages = helper.tryParseJSON(document.getElementById('customCreditCardErrorContainer').getAttribute('data-errors'));\n\n const { styles, sessionId } = helper.tryParseJSON(this.lookupCustomerButtonEl.dataset.fastlaneConfig);\n\n this.styles = styles;\n this.sessionId = sessionId;\n this.addressOptions = { allowedLocations: this.getAllowedCountries() };\n\n this.alertHandler = new AlertHandler();\n }\n\n async init() {\n try {\n await this.initCheckout();\n await this.initWatermarks();\n\n this.addEvents();\n this.setDeviceData();\n this.renderWatermarkWithTooltip(this.loginWatermarkEl);\n\n if (this.isNotCustomerStage()) {\n await this.determineFlow();\n }\n } catch (error) {\n this.alertHandler.showError(error.message);\n }\n }\n\n /**\n * Check that instanse type to be a Sandbox\n * @returns {boolean} True if it is not a production, false otherwise.\n */\n isSandbox() {\n return !window.braintreePreferences.isProduction;\n }\n\n /**\n * Checks if the current checkout stage is not 'customer'\n * @returns {boolean} Returns `true` if the current checkout stage is not 'customer', otherwise `false`.\n */\n isNotCustomerStage() {\n return this.checkoutMainEl.dataset.checkoutStage !== 'customer';\n }\n\n /**\n * Initializes checkout\n */\n async initCheckout() {\n const authorization = this.lookupCustomerButtonEl.dataset.btClientToken;\n\n const clientInstance = await braintreeGeneral.createClientInstance(authorization);\n\n this.dataCollector = await braintree.dataCollector.create({\n client: clientInstance,\n riskCorrelationId: this.sessionId\n });\n\n this.fastlane = await braintree.fastlane.create({\n authorization: authorization,\n client: clientInstance,\n deviceData: this.dataCollector.deviceData,\n styles: this.styles,\n shippingAddressOptions: this.addressOptions\n });\n\n this.identity = this.fastlane.identity;\n this.profile = this.fastlane.profile;\n }\n\n /**\n * Initialize watermarks\n */\n async initWatermarks() {\n this.watermark = await this.fastlane.FastlaneWatermarkComponent({ includeAdditionalInfo: false });\n this.watermarkWithTooltip = await this.fastlane.FastlaneWatermarkComponent({ includeAdditionalInfo: true });\n }\n\n /**\n * Render watermark with additional information (tooltip)\n * @param {HTMLElement} watermarkEl - watermark element\n */\n renderWatermarkWithTooltip(watermarkEl) {\n if (watermarkEl) {\n this.watermarkWithTooltip.render('#' + watermarkEl.id);\n }\n }\n\n /**\n * Render watermark without additional information\n * @param {HTMLElement} watermarkEl - watermark element\n */\n renderWatermark(watermarkEl) {\n if (watermarkEl) {\n this.watermark.render('#' + watermarkEl.id);\n }\n }\n\n /**\n * Render card component\n */\n async renderCardComponent() {\n let cardComponent;\n\n const fieldsParams = {\n fields: this.createFieldsParams()\n };\n\n if (!this.isPaymentUI) {\n cardComponent = await this.fastlane.FastlaneCardComponent(fieldsParams);\n } else {\n cardComponent = await this.fastlane.FastlanePaymentComponent(fieldsParams);\n\n const shippingAddress = fastlaneHelper.formatShippingAddress();\n\n if (shippingAddress) {\n await cardComponent.setShippingAddress(shippingAddress);\n }\n }\n\n this.cardComponent = cardComponent.render('#' + this.hostedFieldsEl.id);\n }\n\n /**\n * Render payment component\n */\n async renderPaymentComponent() {\n const paymentComponent = await this.fastlane.FastlanePaymentComponent();\n\n this.paymentComponent = paymentComponent.render('#' + this.walletContainerEl.id);\n }\n\n /**\n * Add event listeners\n */\n addEvents() {\n this.cardListEl.addEventListener('change', this.cardListChange.bind(this));\n this.submitPaymentButtonEl.addEventListener('click', this.handlePlaceOrderStep.bind(this));\n this.lookupCustomerButtonEl.addEventListener('click', this.handleLookupStep.bind(this));\n\n $(document).on('ajaxSuccess', this.handleAjaxSuccess.bind(this));\n }\n\n /**\n * Place order step\n * @param {Object} event - Event object\n * @returns {void}\n */\n async handlePlaceOrderStep(event) {\n if (!event.isTrusted) {\n return;\n }\n\n const isBillingFormValid = helper.validateForm(document.getElementById('dwfrm_billing'));\n\n fastlaneHelper.applyPreventEventMethods(event);\n helper.removeActiveSessionPayment();\n\n if ((fastlaneHelper.isFastlaneRoleGuest() || sessionStorage.getItem(FASTLANE_CARD) === 'false') && fastlaneHelper.isNewCardFlow()) {\n if (!isBillingFormValid) {\n this.alertHandler.showError(this.customErrorMessages.VALIDATION_INVALID);\n\n return;\n }\n\n await this.submitGuestPayment();\n } else if (this.isPaymentUI && fastlaneHelper.isFastlaneRoleUser() && sessionStorage.getItem(FASTLANE_CARD) === 'true') {\n const profileName = this.profileData?.name;\n const phoneNumber = this.profileData?.shippingAddress?.phoneNumber ?? '';\n\n const paymentData = await this.paymentComponent.getPaymentToken();\n\n if (paymentData) {\n this.billingAddress = fastlaneHelper.prepareAddressData(paymentData.paymentSource?.card?.billingAddress, profileName, phoneNumber);\n\n fastlaneHelper.handleBillingAddressUpdate(this.billingAddress);\n fastlaneHelper.setCardData(paymentData.paymentSource?.card, paymentData.id);\n\n if (!helper.validateForm(document.getElementById('dwfrm_billing'))) {\n return;\n }\n }\n } else if (!isBillingFormValid) {\n return;\n }\n\n event.target.click();\n }\n\n /**\n * Look up step\n * @param {Object} event Event\n * @returns {void}\n */\n async handleLookupStep(event) {\n if (!event.isTrusted) {\n return;\n }\n\n if (!this.checkEmailField()) {\n return;\n }\n\n fastlaneHelper.applyPreventEventMethods(event);\n\n this.isCheckoutFromBeginning = true;\n this.lookupCustomerButtonEl.disabled = true;\n\n await this.determineFlow();\n }\n\n /**\n * Handle Ajax Success event\n * @param {Object} _event - The event object\n * @param {Object} _jqXHR - XMLHttpRequest object\n * @param {Object} _ajaxOptions - Ajax options object\n * @param {Object} response - Response\n */\n async handleAjaxSuccess(_event, _jqXHR, _ajaxOptions, response) {\n const isSubmitCustomerEndpoint = response.action === 'CheckoutServices-SubmitCustomer';\n const isSubmitShippingEndpoint = response.action === 'CheckoutShippingServices-SubmitShipping';\n const isOneClickPossible = !response.error && fastlaneHelper.isFastlaneRoleUser() && !fastlaneHelper.nonFastlaneNonceExist();\n const checkoutStage = this.checkoutMainEl?.dataset?.checkoutStage;\n const isShippingStage = checkoutStage === 'shipping';\n const isPaymentStage = checkoutStage === 'payment';\n const isFastlaneShippingData = this.profileData?.shippingAddress;\n const isFastlaneCardData = this.profileData?.card?.paymentSource?.card;\n\n if (isSubmitCustomerEndpoint) {\n this.lookupCustomerButtonEl.disabled = false;\n }\n\n if (isSubmitShippingEndpoint && isPaymentStage && this.isPaymentUI && fastlaneHelper.isFastlaneRoleGuest()) {\n await this.cardComponent.setShippingAddress(fastlaneHelper.formatShippingAddress());\n }\n\n if (isSubmitCustomerEndpoint && isOneClickPossible && isShippingStage && isFastlaneShippingData) {\n this.submitShippingButtonEl.click();\n }\n\n if (isSubmitShippingEndpoint && isOneClickPossible && isPaymentStage && isFastlaneCardData) {\n this.submitPaymentButtonEl.click();\n }\n }\n\n /**\n * Determines which flow should be handled on checkout (Fastlane guest/user flow)\n */\n async determineFlow() {\n const customerEmail = this.getCustomerEmail();\n\n if (customerEmail && customerEmail !== 'null') {\n if (this.isCheckoutFromBeginning) {\n this.handleCustomerLogin(customerEmail);\n\n if (!this.creditCardTab.classList.contains('active')) {\n this.creditCardTab.click();\n }\n } else if (fastlaneHelper.nonFastlaneNonceExist()) {\n this.handleGuestFlow();\n\n return;\n }\n\n const {\n customerContextId\n } = await this.lookupCustomerByEmail(customerEmail);\n\n if (customerContextId) {\n const {\n authenticationState,\n profileData\n } = await this.triggerAuthenticationFlow(customerContextId);\n\n this.triggerContinueAsGuestClick();\n\n if (authenticationState === 'succeeded') {\n this.profileData = profileData;\n this.handleUserFlow();\n } else {\n this.handleGuestFlow();\n }\n } else {\n this.triggerContinueAsGuestClick();\n this.handleGuestFlow();\n }\n }\n }\n\n /**\n * Look up for customer by customer's email\n * @param {string} email email value from input\n * @returns {Promise} Promise\n */\n lookupCustomerByEmail(email) {\n return this.identity.lookupCustomerByEmail(email.trim());\n }\n\n /**\n * Triggers authentication flow\n * @param {string} customerId customer id value\n * @returns {Promise} Promise\n */\n triggerAuthenticationFlow(customerId) {\n return this.identity.triggerAuthenticationFlow(customerId);\n }\n\n /**\n * Handle guest flow\n */\n async handleGuestFlow() {\n sessionStorage.setItem(FASTLANE_USER_ROLE, ROLE_GUEST);\n\n fastlaneHelper.showShippingAddressFormBlock();\n fastlaneHelper.hideFastlaneAddressBlock(this.addressContainerAllEls);\n fastlaneHelper.hideAddressWatermark();\n fastlaneHelper.clearElementContent(this.walletContainerEl);\n\n fastlaneHelper.addClass(this.cardContainerEl, CSS_CLASS_D_NONE);\n fastlaneHelper.addClass(this.walletContainerEl, CSS_CLASS_D_NONE);\n fastlaneHelper.addClass(this.cardWatermarkEl, CSS_CLASS_D_NONE);\n fastlaneHelper.addClass(this.cardWatermarkContainerEl, CSS_CLASS_D_NONE);\n\n if (this.multishipCheckbox?.checked) {\n this.showFormForMultishipFlow();\n }\n\n if (fastlaneHelper.isFastlaneRoleGuest()) {\n !this.isPaymentUI ? fastlaneHelper.removeClass(this.billingAddressSelectorBlockEl, CSS_CLASS_D_NONE)\n : fastlaneHelper.addClass(this.billingAddressSelectorBlockEl, CSS_CLASS_D_NONE);\n }\n\n if (fastlaneHelper.isSessionCardFlow()) {\n fastlaneHelper.showSessionCardBlock();\n fastlaneHelper.setNonce();\n } else {\n fastlaneHelper.removeClass(this.hostedFieldsEl, CSS_CLASS_D_NONE);\n }\n\n this.renderCardComponent();\n\n if (this.isGuestFlowRunOnce) {\n $('body').on('checkout:updateCheckoutView', this.handlePhoneNumberPrefill.bind(this));\n $('body').on('shipping:selectMultiShipping', this.showFormForMultishipFlow.bind(this));\n\n this.isGuestFlowRunOnce = false;\n }\n }\n\n /**\n * Handle phone number prefill\n * @param {Object} _ - Event object\n * @param {Object} data - Response data\n */\n handlePhoneNumberPrefill(_, data) {\n const phone = data?.order?.billing?.billingAddress?.address?.phone;\n\n if (phone && !this.#isPhonePrefilled) {\n this.renderCardComponent();\n }\n }\n\n /**\n * Handle user flow\n */\n handleUserFlow() {\n sessionStorage.setItem(FASTLANE_USER_ROLE, ROLE_USER);\n\n fastlaneHelper.addClass(this.hostedFieldsEl, CSS_CLASS_D_NONE);\n\n this.shippingAddressHandler(this.profileData.shippingAddress);\n this.cardHandler();\n\n if (this.isUserFlowRunOnce) {\n $('body').on('checkout:updateCheckoutView', this.handleUpdateCheckoutView.bind(this));\n $('body').on('shipping:selectMultiShipping', this.handleMultishipSelect.bind(this));\n $('body').on('shipping:selectSingleShipping', this.handleSingleshipSelect.bind(this));\n $('body').on('shipping:updateShippingAddressSelector', this.createMultishipSummaryWatermark.bind(this));\n\n this.addEventToButtonForChange();\n\n this.isUserFlowRunOnce = false;\n }\n }\n\n /**\n * Add event for change button\n */\n addEventToButtonForChange() {\n const changeAddressEl = document.querySelectorAll('.js-change-fastlane-address');\n const changeCardEl = document.getElementById('js-change-fastlane-card');\n\n Array.from(changeAddressEl).forEach(el => {\n el.addEventListener('click', this.changeAddressHandler.bind(this));\n });\n\n changeCardEl?.addEventListener('click', this.changeCardHandler.bind(this));\n }\n\n /**\n * Handles change card event for Fastlane checkout\n * @param {event} event current event\n */\n async changeCardHandler(event) {\n fastlaneHelper.applyPreventEventMethods(event);\n\n const {\n selectionChanged,\n selectedCard\n } = await this.profile.showCardSelector();\n\n if (selectionChanged) {\n const profileName = this.profileData.name;\n const cardData = selectedCard.paymentSource.card;\n const phoneNumber = this.profileData.shippingAddress?.phoneNumber ?? fastlaneHelper.getShippingPhone();\n\n fastlaneHelper.handleBillingAddressUpdate(fastlaneHelper.prepareAddressData(cardData.billingAddress, profileName, phoneNumber));\n fastlaneHelper.setCardData(cardData, selectedCard.id);\n fastlaneHelper.showCard(cardData);\n }\n }\n\n /**\n * Handles change address event for Fastlane checkout\n * @param {Object} event current event\n */\n async changeAddressHandler(event) {\n fastlaneHelper.applyPreventEventMethods(event);\n\n const {\n selectionChanged,\n selectedAddress\n } = await this.profile.showShippingAddressSelector();\n\n if (selectionChanged) {\n this.shippingAddress = fastlaneHelper.prepareAddressData(selectedAddress);\n\n if (this.multishipCheckbox) {\n fastlaneHelper.handleAddressUpdate(this.secondShippingForm, this.shippingAddress, this.secondAddressContainer);\n }\n\n fastlaneHelper.handleAddressUpdate(this.firstShippingForm, this.shippingAddress, this.firstAddressContainer);\n }\n }\n\n /**\n * Get customer email value\n * @returns {string} - customer email\n */\n getCustomerEmail() {\n const guestEmailEl = document.getElementById('email-guest');\n const customerEmailEl = document.querySelector('.customer-summary-email');\n\n return guestEmailEl?.value || customerEmailEl?.textContent;\n }\n\n /**\n * Validates the email input field.\n * @returns {boolean} Returns true if the email field has a value and is valid, otherwise false.\n */\n checkEmailField() {\n const fieldEl = document.getElementById('email-guest');\n\n return fieldEl?.value && fieldEl.checkValidity();\n }\n\n /**\n * Set device data into html field\n */\n setDeviceData() {\n const deviceDataEl = document.getElementById('braintreeDeviceData');\n\n if (deviceDataEl) {\n deviceDataEl.value = this.dataCollector.deviceData;\n }\n }\n\n /**\n * Triggers click on 'Continue as guest' button on customer step\n */\n triggerContinueAsGuestClick() {\n if (this.isCheckoutFromBeginning) {\n this.lookupCustomerButtonEl.disabled = false;\n this.lookupCustomerButtonEl.click();\n this.lookupCustomerButtonEl.disabled = true;\n }\n }\n\n /**\n * Handles card list select change\n */\n cardListChange() {\n const selectedOption = fastlaneHelper.getSelectedOption(this.cardListEl);\n\n switch (selectedOption.id) {\n case 'newCardAccount':\n fastlaneHelper.removeClass(this.walletContainerEl, CSS_CLASS_D_NONE);\n fastlaneHelper.removeClass(this.hostedFieldsEl, CSS_CLASS_D_NONE);\n\n break;\n\n case 'fastlaneSessionCreditCard':\n fastlaneHelper.addClass(this.walletContainerEl, CSS_CLASS_D_NONE);\n fastlaneHelper.addClass(this.hostedFieldsEl, CSS_CLASS_D_NONE);\n\n break;\n }\n }\n\n /**\n * Creates params from fastlane hosted fields render\n * @returns {Object} - params object\n */\n createFieldsParams() {\n const billingData = helper.getBillingAddressFormValues();\n const phoneNumber = billingData.phone || fastlaneHelper.getShippingPhone();\n\n this.#isPhonePrefilled = !!phoneNumber;\n\n const fieldParams = {\n phoneNumber: {\n prefill: phoneNumber\n },\n cardholderName: {\n enabled: this.isCardholderNameEnabled\n }\n };\n\n if (this.isCardholderNameEnabled) {\n fieldParams.cardholderName.prefill = fastlaneHelper.getCardholderName();\n }\n\n return fieldParams;\n }\n\n /**\n * Gets array with allowed for shipping countries/states\n * @returns {Array} - allowed countries/states array\n */\n getAllowedCountries() {\n const allowedCountryOptions = document.querySelector('.shippingCountry')?.options;\n const allowedStateOptions = document.querySelector('.shippingState')?.options;\n\n if (!allowedCountryOptions) {\n return [];\n }\n\n return Array.from(allowedCountryOptions).reduce((allowedLocations, country) => {\n if (country.id) {\n const isUSCountry = country.id === 'US';\n\n if (isUSCountry && allowedStateOptions) {\n Array.from(allowedStateOptions).forEach((state) => {\n if (state.id && state.id.toLowerCase() !== 'other') {\n allowedLocations.push(`${country.id}:${state.id}`);\n }\n });\n } else {\n allowedLocations.push(country.id);\n }\n }\n\n return allowedLocations;\n }, []);\n }\n\n /**\n * Handles multiship flow for Fastlane user\n * @param {Object} shippingAddress - shipping address used for update\n */\n handleMultiship(shippingAddress) {\n const elementException = 2;\n\n fastlaneHelper.addClass(this.secondShipmentSelectorBlockEl, CSS_CLASS_D_NONE);\n\n this.secondBtnEnterMultiship.click();\n\n fastlaneHelper.hideFastlaneAddressBlock(this.addressContainerAllEls, elementException);\n\n const secondFastlanePhoneNumberEl = fastlaneHelper.getSecondElement(document.querySelectorAll('.fastlane-phone-number'));\n\n this.addAddressWatermark(secondFastlanePhoneNumberEl);\n\n fastlaneHelper.showShippingAddressFormBlock(elementException);\n fastlaneHelper.handleAddressUpdate(this.secondShippingForm, shippingAddress, this.secondAddressContainer);\n fastlaneHelper.removeClass(this.secondAddressContainer, CSS_CLASS_D_NONE);\n }\n\n /**\n * Shows shipping form when multiship flow for Fastlane guest user\n */\n showFormForMultishipFlow() {\n if (fastlaneHelper.isFastlaneRoleGuest()) {\n const elementException = 1;\n\n fastlaneHelper.showShippingAddressFormBlock(elementException);\n }\n }\n\n /**\n * Handles multiship select event flow\n */\n handleMultishipSelect() {\n if (fastlaneHelper.isFastlaneRoleUser() && this.shippingAddress) {\n this.handleMultiship(this.shippingAddress);\n } else {\n this.showFormForMultishipFlow();\n }\n }\n\n /**\n * Handles singleship select event flow\n */\n handleSingleshipSelect() {\n if (fastlaneHelper.isFastlaneRoleUser()) {\n fastlaneHelper.handleAddressUpdate(this.firstShippingForm, this.shippingAddress, this.firstAddressContainer);\n }\n }\n\n /**\n * Handles update checkout view event\n */\n handleUpdateCheckoutView() {\n if (fastlaneHelper.isFastlaneRoleUser()) {\n if (this.profileData?.card) {\n fastlaneHelper.setCardNumber(this.profileData.card.paymentSource?.card?.lastDigits);\n\n this.addCardSummaryWatermark();\n }\n\n fastlaneHelper.handleAddressUpdate(\n this.firstShippingForm, this.shippingAddress, this.firstAddressContainer);\n\n if (this.multishipCheckbox) {\n fastlaneHelper.handleAddressUpdate(\n this.secondShippingForm, this.shippingAddress, this.secondAddressContainer);\n }\n\n if (this.billingAddress) {\n fastlaneHelper.handleBillingAddressUpdate(this.billingAddress);\n }\n\n this.createMultishipSummaryWatermark();\n this.createMultishipGeneralSummaryWatermark();\n }\n }\n\n /**\n * Saves customer email into session\n * @param {string} customerEmail - customer's email\n */\n saveCustomerEmail(customerEmail) {\n sessionStorage.setItem(FASTLANE_EMAIL, customerEmail);\n }\n\n /**\n * Handles customer login step: compares used for login email address and clears session payment if needed\n * @param {string} customerEmail - customer's email\n */\n handleCustomerLogin(customerEmail) {\n const usedCustomerEmail = sessionStorage.getItem(FASTLANE_EMAIL);\n\n if (!usedCustomerEmail) {\n this.saveCustomerEmail(customerEmail);\n } else if (usedCustomerEmail !== customerEmail) {\n helper.removeActiveSessionPayment(true);\n\n this.saveCustomerEmail(customerEmail);\n }\n }\n\n createMultishipSummaryWatermark() {\n const multishipShipBlockEls = document.querySelectorAll('.shipping-section div.multi-shipping .card');\n const firstMultishipShipBlockEl = fastlaneHelper.getFirstElement(multishipShipBlockEls);\n\n if (firstMultishipShipBlockEl) {\n this.dataShipmentUUID = firstMultishipShipBlockEl.getAttribute('data-shipment-uuid');\n this.productLineItemUUID = firstMultishipShipBlockEl.querySelector('input[name=productLineItemUUID]')?.value;\n\n this.addAddressWatermark(firstMultishipShipBlockEl.querySelector(CSS_CLASS_SHIP_TO_PHONE));\n }\n }\n\n createMultishipGeneralSummaryWatermark() {\n const summaryMultishipBlockEls = document.querySelectorAll('.order-product-summary .multi-shipping');\n const orderProductSummaryEls = document.querySelectorAll('.order-product-summary .shipment-block');\n\n if (summaryMultishipBlockEls.length && this.dataShipmentUUID) {\n summaryMultishipBlockEls.forEach(block => {\n if (block.getAttribute('data-shipment-summary') === this.dataShipmentUUID) {\n this.addAddressWatermark(block.querySelector(CSS_CLASS_SHIP_TO_PHONE));\n }\n });\n } else if (orderProductSummaryEls.length && this.productLineItemUUID) {\n orderProductSummaryEls.forEach(el => {\n Array.from(el.querySelectorAll('.product-line-item')).forEach(item => {\n if (item.getAttribute('data-product-line-item') === this.productLineItemUUID) {\n this.addAddressWatermark(el.querySelector(CSS_CLASS_SHIP_TO_PHONE));\n }\n });\n });\n }\n }\n\n /**\n * Adds watermark after specific address element, creates watermark if is not created already\n * @param {HTMLElement} insertAfterEl - element after which watermark must be inserted\n */\n addAddressWatermark(insertAfterEl) {\n if (!insertAfterEl) {\n return;\n }\n\n const watermarkName = 'fastlane-watermark';\n const watermarkEl = document.getElementById(watermarkName);\n\n if (!watermarkEl) {\n const createdDiv = document.createElement('div');\n\n createdDiv.id = watermarkName;\n createdDiv.className = 'watermark-container';\n\n insertAfterEl.parentNode.insertBefore(createdDiv, createdDiv.nextSibling);\n\n this.renderWatermark(document.getElementById(watermarkName));\n } else {\n const nextElementSibling = insertAfterEl.nextElementSibling;\n\n if (nextElementSibling?.id === watermarkName) {\n if (nextElementSibling.classList.contains(CSS_CLASS_D_NONE)) {\n fastlaneHelper.removeClass(nextElementSibling, CSS_CLASS_D_NONE);\n }\n\n return;\n }\n\n const clonedDiv = watermarkEl.cloneNode(true);\n\n insertAfterEl.parentNode.insertBefore(clonedDiv, clonedDiv.nextSibling);\n }\n }\n\n /**\n * Adds watermark after specific element on payment summary block\n * @param {HTMLElement} insertAfterEl - element after which watermark must be inserted\n */\n addCardSummaryWatermark() {\n if (this.cardWatermarkEl) {\n const creditCardTypeEL = document.querySelector('.credit-card-type');\n const btPaymentDetailsEl = document.querySelector('.js-braintree-payment-details');\n const paymentSummaryChildEls = btPaymentDetailsEl?.children;\n\n let insertAfterEl = creditCardTypeEL;\n\n if (btPaymentDetailsEl && paymentSummaryChildEls.length > 1) {\n insertAfterEl = paymentSummaryChildEls[paymentSummaryChildEls.length - 2];\n }\n\n if (!insertAfterEl || insertAfterEl.nextElementSibling?.classList.contains('card-watermark')) {\n return;\n }\n\n const clonedDiv = this.cardWatermarkEl.cloneNode(true);\n\n insertAfterEl.insertBefore(clonedDiv, clonedDiv.nextSibling);\n }\n }\n\n /**\n * Handles shipping address behavior, cases with and without address from Fastlane side\n * @param {Object} shippingAddress - shipping address from Fastlane side\n */\n shippingAddressHandler(shippingAddress) {\n if (shippingAddress) {\n this.addAddressWatermark(document.querySelector('.single-shipping .fastlane-phone-number'));\n this.addAddressWatermark(document.querySelector('.single-shipping .shipping-phone'));\n\n fastlaneHelper.showFastlaneAddressBlock(this.addressContainerAllEls);\n fastlaneHelper.hideShippingAddressFormBlock();\n\n this.shippingAddress = fastlaneHelper.prepareAddressData(shippingAddress);\n\n fastlaneHelper.handleAddressUpdate(this.firstShippingForm, this.shippingAddress, this.firstAddressContainer);\n\n if (this.multishipCheckbox?.checked) {\n this.handleMultiship(this.shippingAddress);\n } else if (!fastlaneHelper.nonFastlaneNonceExist() && this.checkoutMainEl.dataset.checkoutStage === 'shipping') {\n this.submitShippingButtonEl.click();\n }\n } else {\n fastlaneHelper.showShippingAddressFormBlock();\n fastlaneHelper.hideFastlaneAddressBlock(this.addressContainerAllEls);\n fastlaneHelper.hideAddressWatermark();\n\n if (this.multishipCheckbox?.checked) {\n this.showFormForMultishipFlow();\n }\n }\n }\n\n /**\n * Handles credit card behavior, cases for flexible/component with and without card data from Fastlane side\n */\n async cardHandler() {\n let cardData;\n let cardToken;\n\n const shippingAddress = this.profileData.shippingAddress;\n const profileName = this.profileData.name;\n const phoneNumber = shippingAddress?.phoneNumber ?? '';\n\n if (this.profileData?.card) {\n sessionStorage.setItem(FASTLANE_CARD, true);\n\n fastlaneHelper.addClass(this.billingAddressSelectorBlockEl, CSS_CLASS_D_NONE);\n fastlaneHelper.hideSessionCardBlock();\n\n if (!this.isPaymentUI) {\n cardData = this.profileData.card?.paymentSource?.card;\n cardToken = this.profileData.card.id;\n\n fastlaneHelper.removeClass(this.cardContainerEl, CSS_CLASS_D_NONE);\n fastlaneHelper.removeClass(this.cardWatermarkEl, CSS_CLASS_D_NONE);\n fastlaneHelper.removeClass(this.cardWatermarkContainerEl, CSS_CLASS_D_NONE);\n\n this.billingAddress = fastlaneHelper.prepareAddressData(cardData?.billingAddress, profileName, phoneNumber);\n\n fastlaneHelper.handleBillingAddressUpdate(this.billingAddress);\n fastlaneHelper.setCardData(cardData, cardToken);\n\n fastlaneHelper.showCard(cardData);\n this.createMultishipSummaryWatermark();\n this.createMultishipGeneralSummaryWatermark();\n } else {\n fastlaneHelper.removeClass(this.walletContainerEl, CSS_CLASS_D_NONE);\n\n await this.renderPaymentComponent();\n\n if (this.paymentComponent) {\n let tokenizationObject = {};\n\n if (!this.isCardholderNameEnabled) {\n tokenizationObject.cardholderName = fastlaneHelper.getCardholderName();\n }\n\n const paymentData = await this.paymentComponent.getPaymentToken(tokenizationObject);\n\n cardData = paymentData.paymentSource.card;\n cardToken = paymentData.id;\n }\n }\n\n this.renderWatermark(this.cardWatermarkEl);\n this.addCardSummaryWatermark();\n fastlaneHelper.removeClass(this.cardWatermarkEl, CSS_CLASS_D_NONE);\n\n this.billingAddress = fastlaneHelper.prepareAddressData(cardData?.billingAddress, profileName, phoneNumber);\n\n fastlaneHelper.handleBillingAddressUpdate(this.billingAddress);\n fastlaneHelper.setCardData(cardData, cardToken);\n } else {\n sessionStorage.setItem(FASTLANE_CARD, false);\n fastlaneHelper.removeClass(this.billingAddressSelectorBlockEl, CSS_CLASS_D_NONE);\n fastlaneHelper.clearElementContent(this.walletContainerEl);\n\n await this.renderCardComponent();\n\n if (this.isPaymentUI) {\n fastlaneHelper.addClass(this.billingAddressSelectorBlockEl, CSS_CLASS_D_NONE);\n }\n\n fastlaneHelper.removeClass(this.hostedFieldsEl, CSS_CLASS_D_NONE);\n fastlaneHelper.addClass(this.cardContainerEl, CSS_CLASS_D_NONE);\n fastlaneHelper.addClass(this.walletContainerEl, CSS_CLASS_D_NONE);\n fastlaneHelper.addClass(this.cardWatermarkEl, CSS_CLASS_D_NONE);\n fastlaneHelper.addClass(this.cardWatermarkContainerEl, CSS_CLASS_D_NONE);\n }\n }\n\n /**\n * Handles payment data submit, updates necessary fields and data to submit payment\n */\n async submitGuestPayment() {\n const tokenizationObject = fastlaneHelper.formatBillingAddress();\n\n if (!this.isCardholderNameEnabled) {\n tokenizationObject.cardholderName = fastlaneHelper.getCardholderName();\n }\n\n const { paymentSource, id } = await this.cardComponent.getPaymentToken(tokenizationObject);\n const cardData = paymentSource.card;\n\n fastlaneHelper.fillFormWithPayloadData(cardData, id);\n\n fastlaneHelper.setSessionCardAttributes(cardData, id);\n fastlaneHelper.showSessionCardBlock();\n fastlaneHelper.setSessionCardData();\n\n if (this.isPaymentUI) {\n fastlaneHelper.handleBillingAddressUpdate(fastlaneHelper.prepareAddressData(cardData?.billingAddress,\n cardData?.name,\n fastlaneHelper.getBillingPhone()));\n }\n\n fastlaneHelper.setBillingAddress(fastlaneHelper.createBillingAddress());\n\n this.renderCardComponent();\n }\n}\n\nmodule.exports = Fastlane;\n"],"sourceRoot":""}