'\r\n + order.billing.payment.selectedPaymentInstruments[0].maskedCreditCardNumber\r\n + '
').append($.parseHTML(html));\r\n\r\n var body = $html.find('.choice-of-bonus-product');\r\n var footer = $html.find('.modal-footer').children();\r\n\r\n return { body: body, footer: footer };\r\n}\r\n\r\n/**\r\n * Retrieves url to use when adding a product to the cart\r\n *\r\n * @param {Object} data - data object used to fill in dynamic portions of the html\r\n */\r\nfunction chooseBonusProducts(data) {\r\n $('.modal-body').spinner().start();\r\n\r\n if ($('#chooseBonusProductModal').length !== 0) {\r\n $('#chooseBonusProductModal').remove();\r\n }\r\n var bonusUrl;\r\n if (data.bonusChoiceRuleBased) {\r\n bonusUrl = data.showProductsUrlRuleBased;\r\n } else {\r\n bonusUrl = data.showProductsUrlListBased;\r\n }\r\n\r\n var htmlString = ''\r\n + '
'\r\n + '
'\r\n + '
'\r\n + ''\r\n + '
'\r\n + ''\r\n + '
'\r\n + ''\r\n + '
'\r\n + '
'\r\n + '
';\r\n $('body').append(htmlString);\r\n $('.modal-body').spinner().start();\r\n\r\n $.ajax({\r\n url: bonusUrl,\r\n method: 'GET',\r\n dataType: 'json',\r\n success: function (response) {\r\n var parsedHtml = parseHtml(response.renderedTemplate);\r\n $('#chooseBonusProductModal .modal-body').empty();\r\n $('#chooseBonusProductModal .enter-message').text(response.enterDialogMessage);\r\n $('#chooseBonusProductModal .modal-header .close .sr-only').text(response.closeButtonText);\r\n $('#chooseBonusProductModal .modal-body').html(parsedHtml.body);\r\n $('#chooseBonusProductModal .modal-footer').html(parsedHtml.footer);\r\n $('#chooseBonusProductModal').modal('show');\r\n $.spinner().stop();\r\n },\r\n error: function () {\r\n $.spinner().stop();\r\n }\r\n });\r\n}\r\n\r\n/**\r\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\r\n * @param {string} response - ajax response from clicking the add to cart button\r\n */\r\nfunction handlePostCartAdd(response) {\r\n $('.minicart').trigger('count:update', response);\r\n var messageType = response.error ? 'alert-danger' : 'alert-success';\r\n // show add to cart toast\r\n if (response.newBonusDiscountLineItem\r\n && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\r\n chooseBonusProducts(response.newBonusDiscountLineItem);\r\n } else {\r\n if ($('.add-to-cart-messages').length === 0) {\r\n $('body').append(\r\n '
'\r\n );\r\n }\r\n\r\n $('.add-to-cart-messages').append(\r\n '
'\r\n + response.message\r\n + '
'\r\n );\r\n\r\n setTimeout(function () {\r\n $('.add-to-basket-alert').remove();\r\n }, 5000);\r\n }\r\n}\r\n\r\n/**\r\n * Retrieves the bundle product item ID's for the Controller to replace bundle master product\r\n * items with their selected variants\r\n *\r\n * @return {string[]} - List of selected bundle product item ID's\r\n */\r\nfunction getChildProducts() {\r\n var childProducts = [];\r\n $('.bundle-item').each(function () {\r\n childProducts.push({\r\n pid: $(this).find('.product-id').text(),\r\n quantity: parseInt($(this).find('label.quantity').data('quantity'), 10)\r\n });\r\n });\r\n\r\n return childProducts.length ? JSON.stringify(childProducts) : [];\r\n}\r\n\r\n/**\r\n * Retrieve product options\r\n *\r\n * @param {jQuery} $productContainer - DOM element for current product\r\n * @return {string} - Product options and their selected values\r\n */\r\nfunction getOptions($productContainer) {\r\n var options = $productContainer\r\n .find('.product-option')\r\n .map(function () {\r\n var $elOption = $(this).find('.options-select');\r\n var urlValue = $elOption.val();\r\n var selectedValueId = $elOption.find('option[value=\"' + urlValue + '\"]')\r\n .data('value-id');\r\n return {\r\n optionId: $(this).data('option-id'),\r\n selectedValueId: selectedValueId\r\n };\r\n }).toArray();\r\n\r\n return JSON.stringify(options);\r\n}\r\n\r\n/**\r\n * Makes a call to the server to report the event of adding an item to the cart\r\n *\r\n * @param {string | boolean} url - a string representing the end point to hit so that the event can be recorded, or false\r\n */\r\nfunction miniCartReportingUrl(url) {\r\n if (url) {\r\n $.ajax({\r\n url: url,\r\n method: 'GET',\r\n success: function () {\r\n // reporting urls hit on the server\r\n },\r\n error: function () {\r\n // no reporting urls hit on the server\r\n }\r\n });\r\n }\r\n}\r\n\r\nmodule.exports = {\r\n attributeSelect: attributeSelect,\r\n methods: {\r\n editBonusProducts: function (data) {\r\n chooseBonusProducts(data);\r\n }\r\n },\r\n\r\n focusChooseBonusProductModal: function () {\r\n $('body').on('shown.bs.modal', '#chooseBonusProductModal', function () {\r\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'true');\r\n $('#chooseBonusProductModal .close').focus();\r\n });\r\n },\r\n\r\n onClosingChooseBonusProductModal: function () {\r\n $('body').on('hidden.bs.modal', '#chooseBonusProductModal', function () {\r\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'false');\r\n });\r\n },\r\n\r\n trapChooseBonusProductModalFocus: function () {\r\n $('body').on('keydown', '#chooseBonusProductModal', function (e) {\r\n var focusParams = {\r\n event: e,\r\n containerSelector: '#chooseBonusProductModal',\r\n firstElementSelector: '.close',\r\n lastElementSelector: '.add-bonus-products'\r\n };\r\n focusHelper.setTabNextFocus(focusParams);\r\n });\r\n },\r\n\r\n colorAttribute: function () {\r\n $(document).on('click', '[data-attr=\"color\"] button', function (e) {\r\n e.preventDefault();\r\n\r\n if ($(this).attr('disabled')) {\r\n return;\r\n }\r\n var $productContainer = $(this).closest('.set-item');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.product-detail');\r\n }\r\n\r\n attributeSelect($(this).attr('data-url'), $productContainer);\r\n });\r\n },\r\n\r\n selectAttribute: function () {\r\n $(document).on('change', 'select[class*=\"select-\"], .options-select', function (e) {\r\n e.preventDefault();\r\n\r\n var $productContainer = $(this).closest('.set-item');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.product-detail');\r\n }\r\n attributeSelect(e.currentTarget.value, $productContainer);\r\n });\r\n },\r\n\r\n availability: function () {\r\n $(document).on('change', '.quantity-select', function (e) {\r\n e.preventDefault();\r\n\r\n var $productContainer = $(this).closest('.product-detail');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.modal-content').find('.product-quickview');\r\n }\r\n\r\n if ($('.bundle-items', $productContainer).length === 0) {\r\n attributeSelect($(e.currentTarget).find('option:selected').data('url'),\r\n $productContainer);\r\n }\r\n });\r\n },\r\n\r\n addToCart: function () {\r\n $(document).on('click', 'button.add-to-cart, button.add-to-cart-global', function () {\r\n var addToCartUrl;\r\n var pid;\r\n var pidsObj;\r\n var setPids;\r\n\r\n $('body').trigger('product:beforeAddToCart', this);\r\n\r\n if ($('.set-items').length && $(this).hasClass('add-to-cart-global')) {\r\n setPids = [];\r\n\r\n $('.product-detail').each(function () {\r\n if (!$(this).hasClass('product-set-detail')) {\r\n setPids.push({\r\n pid: $(this).find('.product-id').text(),\r\n qty: $(this).find('.quantity-select').val(),\r\n options: getOptions($(this))\r\n });\r\n }\r\n });\r\n pidsObj = JSON.stringify(setPids);\r\n }\r\n\r\n pid = getPidValue($(this));\r\n\r\n var $productContainer = $(this).closest('.product-detail');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.quick-view-dialog').find('.product-detail');\r\n }\r\n\r\n addToCartUrl = getAddToCartUrl();\r\n\r\n var form = {\r\n pid: pid,\r\n pidsObj: pidsObj,\r\n childProducts: getChildProducts(),\r\n quantity: getQuantitySelected($(this))\r\n };\r\n\r\n if (!$('.bundle-item').length) {\r\n form.options = getOptions($productContainer);\r\n }\r\n\r\n $(this).trigger('updateAddToCartFormData', form);\r\n if (addToCartUrl) {\r\n $.ajax({\r\n url: addToCartUrl,\r\n method: 'POST',\r\n data: form,\r\n success: function (data) {\r\n handlePostCartAdd(data);\r\n $('body').trigger('product:afterAddToCart', data);\r\n $.spinner().stop();\r\n miniCartReportingUrl(data.reportingURL);\r\n },\r\n error: function () {\r\n $.spinner().stop();\r\n }\r\n });\r\n }\r\n });\r\n },\r\n selectBonusProduct: function () {\r\n $(document).on('click', '.select-bonus-product', function () {\r\n var $choiceOfBonusProduct = $(this).parents('.choice-of-bonus-product');\r\n var pid = $(this).data('pid');\r\n var maxPids = $('.choose-bonus-product-dialog').data('total-qty');\r\n var submittedQty = parseInt($choiceOfBonusProduct.find('.bonus-quantity-select').val(), 10);\r\n var totalQty = 0;\r\n $.each($('#chooseBonusProductModal .selected-bonus-products .selected-pid'), function () {\r\n totalQty += $(this).data('qty');\r\n });\r\n totalQty += submittedQty;\r\n var optionID = $choiceOfBonusProduct.find('.product-option').data('option-id');\r\n var valueId = $choiceOfBonusProduct.find('.options-select option:selected').data('valueId');\r\n if (totalQty <= maxPids) {\r\n var selectedBonusProductHtml = ''\r\n + '
'\r\n + '
'\r\n + $choiceOfBonusProduct.find('.product-name').html()\r\n + '
'\r\n + '
'\r\n + '
'\r\n ;\r\n $('#chooseBonusProductModal .selected-bonus-products').append(selectedBonusProductHtml);\r\n $('.pre-cart-products').html(totalQty);\r\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\r\n } else {\r\n $('.selected-bonus-products .bonus-summary').addClass('alert-danger');\r\n }\r\n });\r\n },\r\n removeBonusProduct: function () {\r\n $(document).on('click', '.selected-pid', function () {\r\n $(this).remove();\r\n var $selected = $('#chooseBonusProductModal .selected-bonus-products .selected-pid');\r\n var count = 0;\r\n if ($selected.length) {\r\n $selected.each(function () {\r\n count += parseInt($(this).data('qty'), 10);\r\n });\r\n }\r\n\r\n $('.pre-cart-products').html(count);\r\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\r\n });\r\n },\r\n enableBonusProductSelection: function () {\r\n $('body').on('bonusproduct:updateSelectButton', function (e, response) {\r\n $('button.select-bonus-product', response.$productContainer).attr('disabled',\r\n (!response.product.readyToOrder || !response.product.available));\r\n var pid = response.product.id;\r\n $('button.select-bonus-product', response.$productContainer).data('pid', pid);\r\n });\r\n },\r\n showMoreBonusProducts: function () {\r\n $(document).on('click', '.show-more-bonus-products', function () {\r\n var url = $(this).data('url');\r\n $('.modal-content').spinner().start();\r\n $.ajax({\r\n url: url,\r\n method: 'GET',\r\n success: function (html) {\r\n var parsedHtml = parseHtml(html);\r\n $('.modal-body').append(parsedHtml.body);\r\n $('.show-more-bonus-products:first').remove();\r\n $('.modal-content').spinner().stop();\r\n },\r\n error: function () {\r\n $('.modal-content').spinner().stop();\r\n }\r\n });\r\n });\r\n },\r\n addBonusProductsToCart: function () {\r\n $(document).on('click', '.add-bonus-products', function () {\r\n var $readyToOrderBonusProducts = $('.choose-bonus-product-dialog .selected-pid');\r\n var queryString = '?pids=';\r\n var url = $('.choose-bonus-product-dialog').data('addtocarturl');\r\n var pidsObject = {\r\n bonusProducts: []\r\n };\r\n\r\n $.each($readyToOrderBonusProducts, function () {\r\n var qtyOption =\r\n parseInt($(this)\r\n .data('qty'), 10);\r\n\r\n var option = null;\r\n if (qtyOption > 0) {\r\n if ($(this).data('optionid') && $(this).data('option-selected-value')) {\r\n option = {};\r\n option.optionId = $(this).data('optionid');\r\n option.productId = $(this).data('pid');\r\n option.selectedValueId = $(this).data('option-selected-value');\r\n }\r\n pidsObject.bonusProducts.push({\r\n pid: $(this).data('pid'),\r\n qty: qtyOption,\r\n options: [option]\r\n });\r\n pidsObject.totalQty = parseInt($('.pre-cart-products').html(), 10);\r\n }\r\n });\r\n queryString += JSON.stringify(pidsObject);\r\n queryString = queryString + '&uuid=' + $('.choose-bonus-product-dialog').data('uuid');\r\n queryString = queryString + '&pliuuid=' + $('.choose-bonus-product-dialog').data('pliuuid');\r\n $.spinner().start();\r\n $.ajax({\r\n url: url + queryString,\r\n method: 'POST',\r\n success: function (data) {\r\n $.spinner().stop();\r\n if (data.error) {\r\n $('#chooseBonusProductModal').modal('hide');\r\n if ($('.add-to-cart-messages').length === 0) {\r\n $('body').append('
');\r\n }\r\n $('.add-to-cart-messages').append(\r\n '
'\r\n + data.errorMessage + '
'\r\n );\r\n setTimeout(function () {\r\n $('.add-to-basket-alert').remove();\r\n }, 3000);\r\n } else {\r\n $('.configure-bonus-product-attributes').html(data);\r\n $('.bonus-products-step2').removeClass('hidden-xl-down');\r\n $('#chooseBonusProductModal').modal('hide');\r\n\r\n if ($('.add-to-cart-messages').length === 0) {\r\n $('body').append('
');\r\n }\r\n $('.minicart-quantity').html(data.totalQty);\r\n $('.add-to-cart-messages').append(\r\n '
'\r\n + data.msgSuccess + '
'\r\n );\r\n setTimeout(function () {\r\n $('.add-to-basket-alert').remove();\r\n if ($('.cart-page').length) {\r\n location.reload();\r\n }\r\n }, 1500);\r\n }\r\n },\r\n error: function () {\r\n $.spinner().stop();\r\n }\r\n });\r\n });\r\n },\r\n\r\n getPidValue: getPidValue,\r\n getQuantitySelected: getQuantitySelected,\r\n miniCartReportingUrl: miniCartReportingUrl\r\n};\r\n","const connectWithPayPal = require('./cwpp/connectWithPayPal');\r\n\r\nconst SessionStorageModel = require('./models/sessionStorage');\r\nconst AlertHandlerModel = require('./models/alertHandler');\r\n\r\nconst sessionStorageInstance = new SessionStorageModel();\r\n\r\nconst $applePayContent = document.querySelector('.js-apple-pay-content');\r\n// const amount = parseFloat(document.querySelector('.grand-total-sum').textContent.trim().replace(/[^0-9.-]/g, ''));\r\n// const isOrderZeroAmount = !isNaN(amount) && amount === 0;\r\nconst alertHandler = new AlertHandlerModel();\r\n\r\nif (window.paypalPreferences.isPayNowFlowEnabled) {\r\n $('.js-submit-shipping').on('click', function() {\r\n const ShipmentsDomModel = require('./models/shipmentsDom');\r\n\r\n const shipmentsDomInstance = new ShipmentsDomModel();\r\n\r\n shipmentsDomInstance.setOnlinePickUpShippingMethod();\r\n });\r\n}\r\n\r\nimport { updateCheckoutView } from './helpers/helper';\r\n\r\nimport {\r\n handleTabChange,\r\n togglePaypalBtnVisibility,\r\n toggleVenmoBtnVisibility,\r\n updateSessionAccountEmail,\r\n updateClientSide,\r\n updateSubmitOrderButton,\r\n shippingAddressFormFillingVerifing,\r\n isShippingAddressFormEmptyChecking\r\n} from './billing/billingHelper';\r\n\r\nimport {\r\n toggleBABtnVisibility,\r\n assignEmailForSavedBA,\r\n handleCheckboxChange\r\n} from './billing/registered/billingAgreementHelper';\r\n\r\n// Mark 'credit-card' tab as active if no tab is set in session\r\nif (!sessionStorageInstance.getActiveBillingPmTab()) {\r\n sessionStorageInstance.setActiveBillingPmTab(window.paypalConstants.CREDIT_CARD_TAB);\r\n}\r\n\r\nconst $restPaypalAccountsList = document.getElementById('restPaypalAccountsList');\r\nconst $isSavedPayPalAccount = document.getElementById('paypalAccountsDropdown');\r\nconst $restVenmoAccountsList = document.getElementById('restVenmoAccountsList');\r\nconst isRegisteredUser = document.querySelector('.data-checkout-stage').getAttribute('data-customer-type') === 'registered';\r\nconst $billingButtonContainer = document.getElementById('billing-paypal-button-container');\r\nconst isBAEnabled = $billingButtonContainer && window.paypalPreferences.billingAgreementEnabled;\r\nconst isHostedFields = window.paypal.HostedFields && window.paypal.HostedFields.isEligible();\r\n\r\nif (window.paypalPreferences.isCWPPEnabled) {\r\n connectWithPayPal.init();\r\n}\r\n\r\n/**\r\n * Activates the PayPal tab\r\n */\r\nconst activatePayPalTab = () => {\r\n const $ppPaymentOptionID = document.querySelector('.nav-link.paypal-tab').parentElement.getAttribute('data-method-id');\r\n const $activeTab = document.querySelector('.payment-information');\r\n\r\n document.querySelector('.nav-item .paypal-tab').click();\r\n\r\n if ($ppPaymentOptionID !== $activeTab.getAttribute('data-payment-method-id')) {\r\n $activeTab.setAttribute('data-payment-method-id', $ppPaymentOptionID);\r\n }\r\n};\r\n\r\nconst activateHostedFieldsTab = () => {\r\n const hostedFieldsTab = document.querySelector('.nav-item .js-credit-card-tab');\r\n const tabHash = hostedFieldsTab.hash;\r\n\r\n handleTabChange(tabHash, sessionStorageInstance);\r\n};\r\n\r\n$('body').on('checkout:updateCheckoutView', (e, data) => {\r\n e.stopPropagation();\r\n\r\n updateClientSide(data);\r\n updateCheckoutView(data);\r\n\r\n /*const isSessionPaymentsEnabled = JSON.parse(document.querySelector('.js-payment-information').dataset.sessionPaymentsEnabled);\r\n\r\n if ((!isRegisteredUser || !isBAEnabled) && isSessionPaymentsEnabled) {\r\n updateSessionAccountEmail(data);\r\n }\r\n\r\n if (!isBAEnabled) {\r\n updateSubmitOrderButton();\r\n }*/\r\n});\r\n\r\n$('.payment-options[role=tablist] a[data-toggle=\"tab\"]').on('shown.bs.tab', e => {\r\n handleTabChange(e, sessionStorageInstance);\r\n});\r\n\r\n// Order id flow\r\nif (window.paypal && !isBAEnabled) {\r\n const PayPalBaseModel = require('./models/buttons/payPalBase');\r\n const payPalBaseInstance = new PayPalBaseModel('.js-paypal-button-on-billing-form');\r\n const $lpmBtns = document.querySelectorAll('.js-lpm-btn');\r\n const $venmoContent = document.querySelector('.js-venmo-content');\r\n\r\n if ($venmoContent) {\r\n const venmoBaseInstance = new PayPalBaseModel('.js-venmo-btn');\r\n\r\n venmoBaseInstance.initPayPalButton(window.paypal.FUNDING.VENMO);\r\n }\r\n\r\n if ($lpmBtns.length) {\r\n const lpmsBuilder = require('./billing/lpmsBuilder');\r\n\r\n lpmsBuilder.initLpms($lpmBtns);\r\n }\r\n\r\n payPalBaseInstance.initPayPalButton();\r\n\r\n if (isHostedFields && payPalBaseInstance.isPayNowFlowEnabled) {\r\n activateHostedFieldsTab();\r\n }\r\n} else {\r\n if (window.paypal && isBAEnabled) {\r\n const PayPalBillingBAModel = require('./models/billingAgreement/payPalBilling');\r\n const payPalBillingInstance = new PayPalBillingBAModel('.paypal-checkout-ba-button');\r\n\r\n payPalBillingInstance.initPayPalButton();\r\n\r\n assignEmailForSavedBA();\r\n }\r\n\r\n activatePayPalTab();\r\n}\r\n\r\n// if ($isSavedPayPalAccount && isOrderZeroAmount) {\r\n// const $continueButton = document.querySelector('button.submit-payment');\r\n\r\n// $continueButton.addEventListener('click', event => {\r\n// event.preventDefault();\r\n// event.stopPropagation();\r\n\r\n// alertHandler.showError(window.paypalConstants.ZERO_AMOUNT_ERROR_MESSAGE);\r\n// });\r\n// }\r\n\r\nif ($restPaypalAccountsList) {\r\n $restPaypalAccountsList.onchange = function(e) {\r\n const $accountList = e ? e.target : $restPaypalAccountsList;\r\n\r\n if (!isBAEnabled) {\r\n togglePaypalBtnVisibility($accountList);\r\n } else {\r\n toggleBABtnVisibility($accountList);\r\n assignEmailForSavedBA();\r\n }\r\n };\r\n}\r\n\r\nif ($restVenmoAccountsList) {\r\n $restVenmoAccountsList.onchange = function() {\r\n toggleVenmoBtnVisibility(this);\r\n };\r\n}\r\n\r\nif (!isBAEnabled) {\r\n updateSubmitOrderButton();\r\n\r\n // document.querySelector('.payment-summary .edit-button').onclick = function() {\r\n // document.querySelector('button.place-order').innerText = 'Place Order';\r\n // };\r\n}\r\n\r\nif (document.querySelector('.paypal-checkbox-container')) {\r\n document.querySelectorAll('.paypal-checkbox-container .custom-checkbox')\r\n .forEach(checkbox => checkbox.addEventListener('change', handleCheckboxChange));\r\n}\r\n\r\n// This functionality checks that the shipping address form is filled out correctly\r\nconst isShippingAddressFormFillied = shippingAddressFormFillingVerifing();\r\nconst isShippingAddressFormEmpty = isShippingAddressFormEmptyChecking();\r\nconst $shippingEditButton = document.querySelector('.shipping-summary .edit-button');\r\nconst $shippingUpdateButton = document.querySelector('.shipping-address .shipment-selector-block .form-group .btn-show-details');\r\nconst $shippingSubmitButton = document.querySelector('.submit-shipping');\r\n\r\nif (window.location.hash === '#placeOrder' && !isShippingAddressFormFillied && $shippingEditButton && $shippingSubmitButton) {\r\n $shippingEditButton.click();\r\n $shippingSubmitButton.click();\r\n}\r\n\r\nif (window.location.hash === '#shipping'\r\n && !isShippingAddressFormEmpty\r\n && !isShippingAddressFormFillied\r\n && $shippingUpdateButton\r\n && $shippingSubmitButton) {\r\n $shippingUpdateButton.click();\r\n $shippingSubmitButton.click();\r\n}\r\n\r\nif (isHostedFields) {\r\n require('./billing/creditCard')();\r\n}\r\n\r\nif ($applePayContent) {\r\n const ApplePaySession = window.ApplePaySession;\r\n\r\n if (ApplePaySession && ApplePaySession.canMakePayments()) {\r\n const ApplePayModel = require('./models/buttons/applePay');\r\n const applePayInstance = new ApplePayModel();\r\n\r\n applePayInstance.initApplePay();\r\n }\r\n}\r\n\r\n// Selects first found billing address if switched to PPL and a new billing address was selected\r\nconst $paymentOptionPPLTab = document.querySelector('.js-nav-item-paypal');\r\nconst $billingAddressSelector = document.getElementById('billingAddressSelector');\r\n\r\nif ($paymentOptionPPLTab) {\r\n $paymentOptionPPLTab.addEventListener('click', function() {\r\n if ($billingAddressSelector && $billingAddressSelector.value === 'new') {\r\n const options = $billingAddressSelector.options;\r\n\r\n for (const option of options) {\r\n if (option.value !== 'new' && option.hasAttribute('data-first-name')) {\r\n $billingAddressSelector.value = option.value;\r\n\r\n break;\r\n }\r\n }\r\n }\r\n\r\n $billingAddressSelector.dispatchEvent(new Event('change'));\r\n });\r\n}\r\n","const billingAgreementHelper = require('./registered/billingAgreementHelper');\r\nconst billingAddressHelpers = require('../helpers/billingAddressHelpers');\r\n\r\nconst TAB_CONTENT_ID = {\r\n CC_CONTENT_ID: '#credit-card-content',\r\n PP_CONTENT_ID: '#paypal-content',\r\n VENMO_CONTENT_ID: '#venmo-content'\r\n};\r\n\r\nconst PP_BTN_SELECTOR = '.js-paypal-button-on-billing-form';\r\nconst OPTION_CHECKED_SELECTOR = 'option:checked';\r\n\r\nconst $paypalButton = document.querySelector(PP_BTN_SELECTOR);\r\nconst $venmoButton = document.querySelector('.js-venmo-btn');\r\nconst $continueButton = document.querySelector('button[value=place-order]');\r\nconst isRegisteredUser = document.querySelector('.data-checkout-stage')\r\n && document.querySelector('.data-checkout-stage').getAttribute('data-customer-type') === 'registered';\r\n\r\nconst $paypalAccountsDropdown = document.getElementById('paypalAccountsDropdown');\r\nconst $restPaypalAccountsList = document.getElementById('restPaypalAccountsList');\r\nconst $venmoAccountsDropdown = document.getElementById('venmoAccountsDropdown');\r\nconst $restVenmoAccountsList = document.getElementById('restVenmoAccountsList');\r\nconst $billingButtonContainer = document.getElementById('billing-paypal-button-container');\r\nconst $usedPaymentMethod = document.getElementById('usedPaymentMethod');\r\nconst isBAEnabled = $billingButtonContainer && window.paypalPreferences.billingAgreementEnabled;\r\nconst isHostedFields = window.paypal.HostedFields && window.paypal.HostedFields.isEligible();\r\n\r\nconst PayPalBase = require('../models/buttons/payPalBase');\r\nconst payPalBaseInstance = new PayPalBase(PP_BTN_SELECTOR);\r\n\r\nconst isPayNowFlow = $paypalButton !== null && payPalBaseInstance.isPayNowFlowEnabled;\r\n\r\n/**\r\n * Shows continue button if it's not visible\r\n */\r\nfunction showContinueButton() {\r\n if ($continueButton.disabled) {\r\n $continueButton.disabled = false;\r\n }\r\n\r\n // if ($continueButton.style.display !== '') {\r\n // $continueButton.style.display = '';\r\n // }\r\n}\r\n\r\n/**\r\n * Hides continue button if it's not hidden\r\n */\r\nfunction hideContinueButton() {\r\n if (!$continueButton.disabled && $usedPaymentMethod.value === 'PayPal') {\r\n $continueButton.disabled = true;\r\n }\r\n\r\n // if ($continueButton.style.display !== 'none') {\r\n // $continueButton.style.display = 'none';\r\n // }\r\n}\r\n\r\n/**\r\n * Shows PayPal div container if it's not visible and hides continue button\r\n */\r\nfunction showPaypalBtn() {\r\n if ($paypalButton.style.display !== 'block') {\r\n $paypalButton.style.display = 'block';\r\n }\r\n\r\n hideContinueButton();\r\n}\r\n\r\n/**\r\n * Hides PayPal div container if it's not hidden and shows continue button\r\n */\r\nfunction hidePaypalBtn() {\r\n if ($paypalButton.style.display !== 'none') {\r\n $paypalButton.style.display = 'none';\r\n }\r\n\r\n showContinueButton();\r\n}\r\n\r\n/**\r\n * Changes element class name\r\n * @param {Element} $element HTML element\r\n * @param {string} classNameFrom class name which should be either removed\r\n * @param {string} classNameTo class name which should be either added\r\n */\r\nfunction changeClassNameFromTo($element, classNameFrom, classNameTo) {\r\n if (!$element || typeof classNameFrom !== 'string' || typeof classNameTo !== 'string') {\r\n return;\r\n }\r\n\r\n if (!$element.classList.contains(classNameTo)) {\r\n $element.classList.remove(classNameFrom);\r\n $element.classList.add(classNameTo);\r\n }\r\n}\r\n\r\n/**\r\n * Shows Venmo div container if it's not visible and hides continue button\r\n */\r\nfunction showVenmoBtn() {\r\n changeClassNameFromTo($venmoButton, 'none', 'block');\r\n hideContinueButton();\r\n}\r\n\r\n/**\r\n * Hides Venmo div container if it's not hidden and shows continue button\r\n */\r\nfunction hideVenmoBtn() {\r\n changeClassNameFromTo($venmoButton, 'block', 'none');\r\n showContinueButton();\r\n}\r\n\r\n/**\r\n * Shows PayPal block with accounts dropdown if it's not visible\r\n */\r\nfunction showPaypalBlock() {\r\n if ($paypalAccountsDropdown.style.display !== 'block') {\r\n $paypalAccountsDropdown.style.display = 'block';\r\n }\r\n}\r\n\r\n/**\r\n * Hides PayPal block with accounts dropdown if it's visible\r\n */\r\nfunction hidePaypalBlock() {\r\n if ($paypalAccountsDropdown.style.display !== 'none') {\r\n $paypalAccountsDropdown.style.display = 'none';\r\n }\r\n}\r\n\r\n/**\r\n * Shows is new account selected\r\n * @param {Element} $accountList - $accountList element\r\n * @returns {boolean} value whether new account selected\r\n */\r\nfunction isNewAccountSelected($accountList) {\r\n return $accountList.querySelector(OPTION_CHECKED_SELECTOR).value === 'newaccount';\r\n}\r\n\r\n/**\r\n * Changes PayPal button visibility depending on checked option of element\r\n * @param {Element} $accountList - $accountList element\r\n */\r\nfunction togglePaypalBtnVisibility($accountList) {\r\n isNewAccountSelected($accountList) ? showPaypalBtn() : hidePaypalBtn();\r\n}\r\n\r\n/**\r\n * Changes Venmo button visibility depending on checked option of element\r\n * @param {Element} $accountList - $accountList element\r\n */\r\nfunction toggleVenmoBtnVisibility($accountList) {\r\n isNewAccountSelected($accountList) ? showVenmoBtn() : hideVenmoBtn();\r\n}\r\n\r\n/**\r\n * Enables Billing Agreeement if payment method is not Paypal\r\n */\r\nfunction activateBA() {\r\n billingAgreementHelper.clearSessionOption();\r\n const $defaultBA = $restPaypalAccountsList.querySelector('option[data-default=true]');\r\n\r\n if ($defaultBA) {\r\n $defaultBA.selected = true;\r\n } else {\r\n hidePaypalBlock();\r\n }\r\n\r\n billingAgreementHelper.toggleBABtnVisibility();\r\n}\r\n\r\n/**\r\n * Disables Billing Agreeement if payment method is not Paypal\r\n * @param {Element} $sessionPaypalAccount - $sessionPaypalAccount element\r\n */\r\nfunction deactivateBA($sessionPaypalAccount) {\r\n $sessionPaypalAccount.value = '';\r\n $restPaypalAccountsList.querySelector(OPTION_CHECKED_SELECTOR).value = 'newaccount';\r\n document.getElementById('usedPaymentMethod').value = '';\r\n hidePaypalBlock();\r\n togglePaypalBtnVisibility($restPaypalAccountsList);\r\n}\r\n\r\n/**\r\n * Handles switching of the tab content\r\n * @param {string} tabContentId The payment method tab contend id\r\n */\r\nconst adjustTabContent = tabContentId => {\r\n switch (tabContentId) {\r\n case TAB_CONTENT_ID.CC_CONTENT_ID:\r\n $usedPaymentMethod.value = window.paypalConstants.PAYMENT_METHOD_ID_PAYPAL_CREDIT_CARD;\r\n showContinueButton();\r\n\r\n break;\r\n case TAB_CONTENT_ID.PP_CONTENT_ID:\r\n $usedPaymentMethod.value = window.paypalConstants.PAYMENT_METHOD_ID_PAYPAL;\r\n isBAEnabled ? billingAgreementHelper.toggleBABtnVisibility($restPaypalAccountsList) : togglePaypalBtnVisibility($restPaypalAccountsList);\r\n\r\n break;\r\n case TAB_CONTENT_ID.VENMO_CONTENT_ID:\r\n $usedPaymentMethod.value = window.paypalConstants.PAYMENT_METHOD_ID_VENMO;\r\n toggleVenmoBtnVisibility($restVenmoAccountsList);\r\n\r\n break;\r\n // LPM\r\n default:\r\n $usedPaymentMethod.value = tabContentId.slice(1, tabContentId.indexOf('-'));\r\n hideContinueButton();\r\n\r\n break;\r\n }\r\n};\r\n\r\n/**\r\n * Handles switching of the tab content\r\n * @param {Object} shipmentsDomInstance instance of ShipmentsDomModel\r\n * @param {Function} sessionStorageInstance instance of SessionStorageModel\r\n * @param {Element} $addNewBillingFormBtn DOM element of the `add new button` for billing section\r\n */\r\nfunction handleTabCcChange(shipmentsDomInstance, sessionStorageInstance, $addNewBillingFormBtn) {\r\n billingAddressHelpers.enableBillingAddressFunctionality();\r\n\r\n // Unblocks shipment behavior in case if Pay now flow in enabled\r\n if (isPayNowFlow) {\r\n if (isHostedFields) {\r\n shipmentsDomInstance.hideShippingSectionsOnBillingPage();\r\n shipmentsDomInstance.showShippingAddressInfoMsg();\r\n\r\n billingAddressHelpers.disableBillingAddressList();\r\n $addNewBillingFormBtn.click();\r\n } else {\r\n shipmentsDomInstance.showShippingSectionsOnBillingPage();\r\n shipmentsDomInstance.hideShippingAddressInfoMsg();\r\n shipmentsDomInstance.setShippingMethodOnBillingPage();\r\n }\r\n }\r\n\r\n sessionStorageInstance.setActiveBillingPmTab(window.paypalConstants.CREDIT_CARD_TAB);\r\n}\r\n\r\n/**\r\n * Handles tabs changing\r\n * @param {event} e - event\r\n * @param {Function} sessionStorageInstance - An instance of sessionStorageModel\r\n */\r\nfunction handleTabChange(e, sessionStorageInstance) {\r\n const $addNewBillingFormBtn = document.querySelector('.billing-address-block .btn-add-new');\r\n\r\n let contentId;\r\n\r\n if (typeof e === 'string') {\r\n contentId = e;\r\n } else {\r\n contentId = e.target.hash;\r\n }\r\n\r\n let shipmentsDomInstance;\r\n\r\n if ($paypalButton) {\r\n const ShipmentsDomModel = require('../models/shipmentsDom');\r\n\r\n shipmentsDomInstance = new ShipmentsDomModel();\r\n }\r\n\r\n adjustTabContent(contentId);\r\n\r\n // Activates general credit card functionality\r\n if (contentId === TAB_CONTENT_ID.CC_CONTENT_ID) {\r\n handleTabCcChange(shipmentsDomInstance, sessionStorageInstance, $addNewBillingFormBtn);\r\n\r\n return;\r\n }\r\n\r\n // PayPal related functionality (Venmo, LPM, PayPal)\r\n\r\n sessionStorageInstance.setActiveBillingPmTab(window.paypalConstants.PAYPAL_TAB);\r\n\r\n // Applies shipment behavior for Pay now flow\r\n if (isPayNowFlow) {\r\n shipmentsDomInstance.hideShippingSectionsOnBillingPage();\r\n shipmentsDomInstance.showShippingAddressInfoMsg();\r\n shipmentsDomInstance.setOnlinePickUpShippingMethod();\r\n\r\n if (contentId === TAB_CONTENT_ID.CC_CONTENT_ID) {\r\n billingAddressHelpers.enableBillingAddressFunctionality();\r\n billingAddressHelpers.disableBillingAddressList();\r\n $addNewBillingFormBtn.click();\r\n } else {\r\n billingAddressHelpers.disableBillingAddressFunctionality();\r\n }\r\n } else {\r\n billingAddressHelpers.disableBillingAddressFunctionality();\r\n }\r\n\r\n if (isRegisteredUser && isBAEnabled) {\r\n billingAgreementHelper.assignEmailForSavedBA();\r\n billingAgreementHelper.handleCheckboxChange();\r\n }\r\n}\r\n\r\n/**\r\n * Updates session account email if it is differ from existed or email doesn't exist (for guest or disabled billing agreement) *\r\n */\r\nfunction updateSessionAccountEmail({ order: { paypalPayerEmail, paymentMethodId } }) {\r\n if (!paypalPayerEmail) {\r\n return;\r\n }\r\n\r\n let $sessionAccount;\r\n\r\n if (paymentMethodId === window.paypalConstants.PAYMENT_METHOD_ID_VENMO) {\r\n $sessionAccount = document.getElementById('sessionVenmoAccount');\r\n\r\n changeClassNameFromTo($venmoAccountsDropdown, 'none', 'block');\r\n hideVenmoBtn();\r\n } else {\r\n $sessionAccount = document.getElementById('sessionPaypalAccount');\r\n\r\n showPaypalBlock();\r\n }\r\n\r\n if ($sessionAccount && $sessionAccount.value !== paypalPayerEmail) {\r\n $sessionAccount.value = paypalPayerEmail;\r\n $sessionAccount.innerText = paypalPayerEmail;\r\n $sessionAccount.selected = true;\r\n\r\n $sessionAccount.hasAttribute('data-ba-id') ? $restPaypalAccountsList.onchange() : $restVenmoAccountsList.onchange();\r\n }\r\n}\r\n\r\n/**\r\n * Updates paypal content to initial state on client side if payment method was changed from paypal to different one\r\n * @param {Object} data - customer data object\r\n */\r\nfunction updateClientSide(data) {\r\n const selectedPaymentInstruments = data.order.billing.payment.selectedPaymentInstruments;\r\n const paypalPaymentMethod = document.querySelector('.nav-link.paypal-tab').parentElement.getAttribute('data-method-id');\r\n const giftCertTabLink = document.querySelector('.nav-link.gift-cert-tab');\r\n const $sessionPaypalAccount = $restPaypalAccountsList.querySelector('option[id=sessionPaypalAccount]');\r\n const $sessionVenmoAccount = document.getElementById('sessionVenmoAccount');\r\n const $activeTab = document.querySelector('.payment-options a[data-toggle=\"tab\"].active');\r\n\r\n if (!selectedPaymentInstruments) {\r\n return;\r\n }\r\n\r\n if ($activeTab && $activeTab.hash === TAB_CONTENT_ID.CC_CONTENT_ID && isPayNowFlow && isHostedFields) {\r\n document.querySelector('.billing-address-block .btn-add-new').click();\r\n }\r\n\r\n if ($sessionPaypalAccount && $sessionPaypalAccount.value) {\r\n selectedPaymentInstruments\r\n .filter((paymentInstr) => paymentInstr.paymentMethod !== paypalPaymentMethod)\r\n .forEach(() => {\r\n isBAEnabled ? activateBA() : deactivateBA($sessionPaypalAccount);\r\n\r\n if ($activeTab.getAttribute('href') !== TAB_CONTENT_ID.PP_CONTENT_ID) {\r\n showContinueButton();\r\n }\r\n });\r\n } else if ($sessionVenmoAccount\r\n && $sessionVenmoAccount.value\r\n && selectedPaymentInstruments.find((paymentInstr) => paymentInstr.paymentMethod !== 'Venmo')) {\r\n $sessionVenmoAccount.value = '';\r\n $restVenmoAccountsList.querySelector(OPTION_CHECKED_SELECTOR).value = 'newaccount';\r\n document.getElementById('usedPaymentMethod').value = '';\r\n\r\n changeClassNameFromTo($venmoAccountsDropdown, 'block', 'none');\r\n toggleVenmoBtnVisibility($restVenmoAccountsList);\r\n } else if (giftCertTabLink && selectedPaymentInstruments.find((paymentInstr) => {\r\n return paymentInstr.paymentMethod === giftCertTabLink.parentElement.getAttribute('data-method-id');\r\n })) {\r\n giftCertTabLink.click();\r\n }\r\n}\r\n\r\n/**\r\n * Updates \"Submit order\" button text on billing page in case of Venmo checkout\r\n * Needed in case of checkout NOT through smart button (when Venmo account is chosen in dropdown)\r\n */\r\nfunction updateSubmitOrderButton() {\r\n const placeOrderBtn = document.querySelector('button.place-order');\r\n\r\n if (placeOrderBtn && $usedPaymentMethod && $usedPaymentMethod.value === 'Venmo') {\r\n placeOrderBtn.innerText = 'Place Order with Venmo';\r\n }\r\n}\r\n\r\n/**\r\n * If the state and country fields exist and filled, return true, otherwise return false.\r\n * @returns {boolean} true/false\r\n */\r\nfunction shippingAddressFormFillingVerifing() {\r\n const $stateField = document.getElementById('shippingStatedefault');\r\n const $countryField = document.getElementById('shippingCountrydefault');\r\n\r\n if ($stateField && $countryField) {\r\n return $stateField.value !== '' && $countryField.value !== '';\r\n }\r\n\r\n return false;\r\n}\r\n\r\n/**\r\n * If the three fields exist, then return true if all three fields are not empty. Otherwise, return\r\n * true.\r\n * @returns {boolean} a boolean value.\r\n */\r\nfunction isShippingAddressFormEmptyChecking() {\r\n const $fistNameField = document.getElementById('shippingFirstNamedefault');\r\n const $secondNameField = document.getElementById('shippingLastNamedefault');\r\n const $addressField = document.getElementById('shippingAddressOnedefault');\r\n\r\n if ($fistNameField && $secondNameField && $addressField) {\r\n return $fistNameField.value.trim() === '' && $secondNameField.value.trim() === '' && $addressField.value.trim() === '';\r\n }\r\n\r\n return false;\r\n}\r\n\r\nexport {\r\n showPaypalBlock,\r\n showPaypalBtn,\r\n hidePaypalBtn,\r\n hideContinueButton,\r\n handleTabChange,\r\n togglePaypalBtnVisibility,\r\n toggleVenmoBtnVisibility,\r\n updateSessionAccountEmail,\r\n isNewAccountSelected,\r\n updateClientSide,\r\n showContinueButton,\r\n updateSubmitOrderButton,\r\n shippingAddressFormFillingVerifing,\r\n isShippingAddressFormEmptyChecking\r\n};\r\n","'use strict';\r\n\r\nmodule.exports = () => {\r\n const HostedFieldsModel = require('../models/creditCard/hostedFields');\r\n const hostedFieldsInstance = new HostedFieldsModel();\r\n\r\n if (hostedFieldsInstance.$paypalCreditCardList) {\r\n hostedFieldsInstance.processCcAccountList();\r\n hostedFieldsInstance.processBilligAddressList();\r\n }\r\n\r\n if (hostedFieldsInstance.$saveCreditCardAccountContainer) {\r\n hostedFieldsInstance.processSaveCheckbox();\r\n }\r\n\r\n hostedFieldsInstance.init();\r\n};\r\n","'use strict';\r\n\r\nmodule.exports = {\r\n /**\r\n * Initiates LPMs buttons on billing page\r\n * @param {NodeList} $lpmBtns A list of Lpms buttuns based on payment methods\r\n */\r\n initLpms: $lpmBtns => {\r\n Array.from($lpmBtns).forEach(btn => {\r\n const PayPalBase = require('../models/buttons/payPalBase');\r\n const fundingSource = btn.getAttribute('data-lpm-id');\r\n const payPalBaseInstance = new PayPalBase(`.js-${fundingSource}-btn`);\r\n\r\n payPalBaseInstance.initPayPalButton(fundingSource);\r\n\r\n if (payPalBaseInstance.isBtnEligible) {\r\n payPalBaseInstance.renderPaymentFields();\r\n } else {\r\n // Hides LPM tab on billing page\r\n document.querySelector(`.js-nav-item-${fundingSource}`).classList.add('none');\r\n }\r\n });\r\n }\r\n};\r\n","import {\r\n hideContinueButton,\r\n isNewAccountSelected,\r\n showContinueButton,\r\n showPaypalBlock\r\n} from '../billingHelper';\r\n\r\nconst dataAttributes = {\r\n ID: 'data-ba-id',\r\n APPEND: 'data-append',\r\n SAVED_ACCOUNT: 'data-has-saved-account',\r\n DEFAULT_ACCOUNT: 'data-has-default-account',\r\n LIMIT_REACHED: 'data-ba-limit-reached'\r\n};\r\n\r\nconst querySelectors = {\r\n OPTION_CHECKED: 'option:checked'\r\n};\r\n\r\nconst $billingBAbutton = document.querySelector('.paypal-checkout-ba-button');\r\nconst $restPaypalAccountsList = document.getElementById('restPaypalAccountsList');\r\nconst $paypalAccountSave = document.getElementById('savePaypalAccount');\r\nconst $paypalAccountMakeDefault = document.getElementById('paypalAccountMakeDefault');\r\nconst hasDefaultPaymentMethod = JSON.parse($restPaypalAccountsList.getAttribute(dataAttributes.DEFAULT_ACCOUNT));\r\n\r\n/**\r\n * Change css classes to show element\r\n * @param {string} element - html object\r\n*/\r\nfunction showElement(element) {\r\n element.classList.remove('none');\r\n element.classList.add('block');\r\n}\r\n\r\n/**\r\n * Change css classes to hide element\r\n * @param {string} element - html object\r\n*/\r\nfunction hideElement(element) {\r\n element.classList.remove('block');\r\n element.classList.add('none');\r\n}\r\n\r\n/**\r\n * Sets BA id & email to form values\r\n * @param {string} baID - billing agreement active ID\r\n * @param {string} baEmail - billing agreement active email\r\n*/\r\nfunction setBAFormValues(baID, baEmail) {\r\n document.getElementById('billingAgreementID').value = baID;\r\n document.getElementById('billingAgreementPayerEmail').value = baEmail;\r\n}\r\n\r\n/** Put value of checkbox makeDefault/saveAccount for backend\r\n*/\r\nfunction saveCheckboxState() {\r\n const $paypalMakeDefault = document.getElementById('paypal_makeDefault');\r\n const $paypalSaveAccount = document.getElementById('paypal_saveAccount');\r\n\r\n $paypalMakeDefault.value = $paypalAccountMakeDefault.checked;\r\n $paypalSaveAccount.value = $paypalAccountSave.checked;\r\n}\r\n\r\n/** Handle makeDefault/saveAccount checkboxes state on change\r\n*/\r\nfunction handleCheckboxChange() {\r\n const $selectedAccount = $restPaypalAccountsList && $restPaypalAccountsList.querySelector(querySelectors.OPTION_CHECKED);\r\n const isSessionAccountAppended = $selectedAccount && JSON.parse($selectedAccount.getAttribute(dataAttributes.APPEND));\r\n\r\n if (isSessionAccountAppended || $selectedAccount.value === 'newaccount') {\r\n if (!$paypalAccountSave.checked) {\r\n $paypalAccountMakeDefault.checked = false;\r\n $paypalAccountMakeDefault.disabled = true;\r\n } else {\r\n $paypalAccountMakeDefault.disabled = false;\r\n\r\n if (!hasDefaultPaymentMethod) {\r\n $paypalAccountMakeDefault.checked = true;\r\n }\r\n }\r\n }\r\n\r\n saveCheckboxState();\r\n}\r\n\r\n/** Show/hide/check/disable if it is new account or new session account\r\n*/\r\nfunction handleCheckbox() {\r\n const $paypalAccountMakeDefaultContainer = document.getElementById('paypalAccountMakeDefaultContainer');\r\n const $paypalAccountSaveContainer = document.getElementById('savePaypalAccountContainer');\r\n const hasPPSavedAccount = JSON.parse($restPaypalAccountsList.getAttribute(dataAttributes.SAVED_ACCOUNT));\r\n const isBALimitReached = JSON.parse($restPaypalAccountsList.getAttribute(dataAttributes.LIMIT_REACHED));\r\n const $newSelectedAccount = $restPaypalAccountsList && $restPaypalAccountsList.querySelector(querySelectors.OPTION_CHECKED);\r\n const isSessionAccountAppended = $newSelectedAccount && JSON.parse($newSelectedAccount.getAttribute(dataAttributes.APPEND));\r\n const isNewAccount = $newSelectedAccount.value === 'newaccount';\r\n\r\n if (!hasPPSavedAccount) {\r\n hideElement($paypalAccountMakeDefaultContainer);\r\n $paypalAccountMakeDefault.checked = true;\r\n $paypalAccountMakeDefault.disabled = false;\r\n showElement($paypalAccountSaveContainer);\r\n\r\n if ((isNewAccount && (hasDefaultPaymentMethod || isSessionAccountAppended))\r\n || (isNewAccount && !isSessionAccountAppended)) {\r\n $paypalAccountSave.checked = true;\r\n } else {\r\n $paypalAccountSave.checked = false;\r\n }\r\n\r\n saveCheckboxState();\r\n\r\n return;\r\n }\r\n\r\n handleCheckboxChange();\r\n\r\n if (isBALimitReached) {\r\n hideElement($paypalAccountSaveContainer);\r\n hideElement($paypalAccountMakeDefaultContainer);\r\n } else {\r\n showElement($paypalAccountSaveContainer);\r\n showElement($paypalAccountMakeDefaultContainer);\r\n }\r\n\r\n if (hasDefaultPaymentMethod) {\r\n return;\r\n }\r\n\r\n if (hasPPSavedAccount) {\r\n hideElement($paypalAccountMakeDefaultContainer);\r\n }\r\n\r\n $paypalAccountMakeDefault.checked = true;\r\n}\r\n\r\n/** Show/hide/check/disable checkboxes depends on selected type of account\r\n*/\r\nfunction toggleCustomCheckbox() {\r\n const $paypalAccountMakeDefaultContainer = document.getElementById('paypalAccountMakeDefaultContainer');\r\n const $paypalAccountSaveContainer = document.getElementById('savePaypalAccountContainer');\r\n const hasPPSavedAccount = JSON.parse($restPaypalAccountsList.getAttribute(dataAttributes.SAVED_ACCOUNT));\r\n const $newSelectedAccount = $restPaypalAccountsList && $restPaypalAccountsList.querySelector(querySelectors.OPTION_CHECKED);\r\n const isSessionAccountAppended = $newSelectedAccount && JSON.parse($newSelectedAccount.getAttribute(dataAttributes.APPEND));\r\n\r\n if (!$paypalAccountSaveContainer) {\r\n return;\r\n }\r\n\r\n if ($newSelectedAccount.dataset.default === 'true') {\r\n hideElement($paypalAccountMakeDefaultContainer);\r\n $paypalAccountMakeDefault.checked = true;\r\n $paypalAccountMakeDefault.disabled = false;\r\n\r\n if (hasPPSavedAccount && !hasDefaultPaymentMethod) {\r\n $paypalAccountSave.checked = true;\r\n } else {\r\n hideElement($paypalAccountSaveContainer);\r\n }\r\n\r\n saveCheckboxState();\r\n }\r\n\r\n const isDataSetDefault = ['false', 'null'].includes($newSelectedAccount.dataset.default);\r\n const isNewAccount = $newSelectedAccount.value === 'newaccount';\r\n\r\n if (isDataSetDefault && isNewAccount && !isSessionAccountAppended) {\r\n showElement($paypalAccountMakeDefaultContainer);\r\n hideElement($paypalAccountSaveContainer);\r\n $paypalAccountSave.checked = false;\r\n $paypalAccountMakeDefault.disabled = false;\r\n }\r\n\r\n if (isNewAccount || isSessionAccountAppended) {\r\n handleCheckbox();\r\n }\r\n}\r\n\r\n/** Show billing agreement btn - hide paypal btn and vise versa\r\n*/\r\nfunction toggleBABtnVisibility() {\r\n toggleCustomCheckbox();\r\n\r\n if (isNewAccountSelected($restPaypalAccountsList)) {\r\n showElement($billingBAbutton);\r\n hideContinueButton();\r\n\r\n return;\r\n }\r\n\r\n hideElement($billingBAbutton);\r\n showContinueButton();\r\n showPaypalBlock();\r\n}\r\n\r\n/** Assign billing agreement emails on change into input field\r\n*/\r\nfunction assignEmailForSavedBA() {\r\n const $paypalActiveAccount = document.getElementById('paypal_activeAccount');\r\n const $selectedAccount = $restPaypalAccountsList && $restPaypalAccountsList.querySelector(querySelectors.OPTION_CHECKED);\r\n\r\n if (isNewAccountSelected($restPaypalAccountsList)) {\r\n $paypalActiveAccount.value = '';\r\n document.getElementById('billingAgreementID').value = '';\r\n document.getElementById('billingAgreementPayerEmail').value = '';\r\n } else {\r\n $paypalActiveAccount.value = $restPaypalAccountsList.querySelector(querySelectors.OPTION_CHECKED).value;\r\n setBAFormValues($selectedAccount.dataset.baId, $selectedAccount.value);\r\n }\r\n}\r\n\r\n/**\r\n * Clear element to an Existing restPaypalAccountsList Collection\r\n *\r\n */\r\nfunction clearSessionOption() {\r\n const $option = document.getElementById('sessionPaypalAccount');\r\n\r\n $option.text = '';\r\n $option.value = '';\r\n $option.setAttribute(dataAttributes.APPEND, false);\r\n $option.selected = false;\r\n hideElement($option);\r\n $option.setAttribute(dataAttributes.ID, '');\r\n document.getElementById('billingAgreementID').value = '';\r\n document.getElementById('billingAgreementPayerEmail').value = '';\r\n toggleBABtnVisibility();\r\n}\r\n\r\n/**\r\n * Update element under restPaypalAccountsList Collection\r\n *\r\n * @param {string} email - billing agreement email\r\n */\r\nfunction updateSessionOption(email) {\r\n const $option = document.getElementById('sessionPaypalAccount');\r\n\r\n $option.text = email;\r\n $option.value = email;\r\n $option.selected = 'selected';\r\n showElement($option);\r\n $option.setAttribute(dataAttributes.APPEND, true);\r\n document.getElementById('restPaypalAccountsList').value = email;\r\n if($billingBAbutton) {\r\n hideElement($billingBAbutton);\r\n }\r\n showContinueButton();\r\n showPaypalBlock();\r\n}\r\n\r\nexport {\r\n toggleBABtnVisibility,\r\n assignEmailForSavedBA,\r\n handleCheckboxChange,\r\n clearSessionOption,\r\n updateSessionOption,\r\n setBAFormValues\r\n};\r\n","/* eslint-disable require-jsdoc */\r\nmodule.exports = function(containerElement) {\r\n function Constructor() {\r\n this.containerEl = containerElement;\r\n }\r\n\r\n Constructor.prototype.show = function() {\r\n this.containerEl.style.display = 'block';\r\n };\r\n\r\n Constructor.prototype.hide = function() {\r\n this.containerEl.style.display = 'none';\r\n };\r\n\r\n return new Constructor();\r\n};\r\n","'use strict';\r\n\r\nconst MIN_NUMBER_OF_PARAMETERS = 8;\r\n\r\nconst $container = document.getElementById('js-cwpp-button');\r\nconst $staticImage = document.getElementById('js-cwpp-static-image');\r\n\r\n/**\r\n * @returns {void}\r\n */\r\nfunction showPayPalStaticImageButton() {\r\n if ($staticImage) {\r\n $staticImage.classList.remove('d-none');\r\n }\r\n}\r\n\r\n/**\r\n * @returns {boolean} - returns true if container exists false if not\r\n */\r\nfunction isContainerExist() {\r\n if (!$container) {\r\n showPayPalStaticImageButton();\r\n\r\n return false;\r\n }\r\n\r\n return true;\r\n}\r\n\r\n/**\r\n * @param {*} callback - a callback function for onload event\r\n * @returns {void}\r\n */\r\nfunction addConnectWithPayPalScript(callback) {\r\n if (!isContainerExist()) {\r\n return;\r\n }\r\n\r\n const script = document.createElement('script');\r\n\r\n script.id = 'paypal-api';\r\n script.src = $container.getAttribute('data-cwpp-sdk');\r\n\r\n script.onload = () => {\r\n if (callback && typeof callback === 'function') {\r\n callback();\r\n }\r\n };\r\n\r\n script.onerror = showPayPalStaticImageButton;\r\n\r\n document.body.appendChild(script);\r\n}\r\n\r\n/**\r\n * Connect with PayPal\r\n * @link {https://developer.paypal.com/docs/log-in-with-paypal/integrate/generate-button}\r\n */\r\nfunction initConnectWithPayPal() {\r\n if (!isContainerExist()) {\r\n return;\r\n }\r\n\r\n const parameters = JSON.parse($container.getAttribute('data-parameters'));\r\n\r\n if (!(window.paypal && 'use' in window.paypal && Object.keys(parameters).length > MIN_NUMBER_OF_PARAMETERS)) {\r\n showPayPalStaticImageButton();\r\n\r\n return;\r\n }\r\n\r\n window.paypal.use(['login'], function(login) {\r\n login.render(parameters);\r\n });\r\n}\r\n\r\n/**\r\n * Function which initiate PayPal functionality on the Login Page\r\n */\r\nfunction init() {\r\n addConnectWithPayPalScript(initConnectWithPayPal);\r\n}\r\n\r\nmodule.exports = {\r\n init\r\n};\r\n","const loaderInstance = require('../components/loader');\r\nconst helper = require('./helper');\r\nconst $loaderContainer = document.querySelector('.paypalLoader');\r\nconst loader = loaderInstance($loaderContainer);\r\nconst CONTENT_TYPE_JSON = 'application/json';\r\n\r\nconst AlertHandlerModel = require('../models/alertHandler');\r\nconst alertHandler = new AlertHandlerModel();\r\n\r\n/**\r\n * Updates information about an order\r\n * @param {boolean} isAddressNeedChange - if we need to change shipping address\r\n * @returns {Object} Call handling result\r\n */\r\nfunction updateOrderData(isAddressNeedChange = false) {\r\n loader.show();\r\n\r\n return $.ajax({\r\n url: helper.getUrlWithCsrfToken([window.paypalUrls.updateOrderData,\r\n '?isCartFlow=true', '&isAddressNeedChange=', isAddressNeedChange].join('')),\r\n type: 'PATCH',\r\n success: () => {\r\n loader.hide();\r\n window.location.href = window.paypalUrls.placeOrderStage;\r\n },\r\n error: (err) => {\r\n const error = JSON.parse(err.responseText);\r\n\r\n loader.hide();\r\n alertHandler.showError(error.errorMsg);\r\n\r\n if (error.transactionExpired) {\r\n location.reload();\r\n }\r\n }\r\n });\r\n}\r\n\r\n/**\r\n * Gets Billing Agreement Token\r\n *\r\n * @param {boolean} isCartFlow - billing agreement flow from cart\r\n * @param {boolean} isSkipShippingAddress - whether skip or add possibility to edit the shipping address in PayPal window\r\n * @returns {string} billingToken - returns a JSON response that includes token, an approval URL\r\n */\r\nfunction getBillingAgreementToken(isCartFlow, isSkipShippingAddress = false) {\r\n const isAccountPage = Boolean(document.querySelector('.js-account-dashboard'));\r\n\r\n const query = [\r\n `isCartFlow=${isCartFlow}`,\r\n `isAccountPage=${isAccountPage}`,\r\n `isSkipShippingAddress=${isSkipShippingAddress}`\r\n ].join('&');\r\n\r\n const url = helper.getUrlWithCsrfToken(`${window.paypalUrls.createBillingAgreementToken}?${query}`);\r\n\r\n return $.get(url)\r\n .then((data) => data);\r\n}\r\n\r\n/**\r\n * Gets Billing Agreement\r\n * After buyer approval, you use a billing agreement token to create the agreement.\r\n * @returns {Object} JSON response body that includes the billing agreement ID,\r\n * the state of the agreement, which is ACTIVE, and information about the payer\r\n */\r\nfunction createBillingAgreementCall() {\r\n return $.ajax({\r\n url: helper.getUrlWithCsrfToken(window.paypalUrls.createBillingAgreement),\r\n type: 'POST',\r\n contentType: CONTENT_TYPE_JSON\r\n });\r\n}\r\n\r\n/**\r\n * Create billing formData from fields data\r\n *\r\n * @param {Object} fieldsData - fields data values\r\n * @param {Element} $button - button element\r\n * @returns {Object} cart billing form data\r\n */\r\nfunction createCartBillingFormData(fieldsData, $button) {\r\n const cartBillingFormData = new FormData();\r\n\r\n if (!$button) {\r\n $button = document.getElementById('paypal-static-image')\r\n || document.getElementById('paypal-image')\r\n || document.getElementById('venmo-image');\r\n }\r\n\r\n const cartBillingFields = $button && JSON.parse($button.getAttribute('data-paypal-billing-form-fields'));\r\n\r\n Object.entries(cartBillingFields)\r\n .forEach(entry => {\r\n const [key, field] = entry;\r\n\r\n if (typeof field === 'object') {\r\n cartBillingFormData.append(field.name, fieldsData && fieldsData[key] ? fieldsData[key] : field.value);\r\n }\r\n });\r\n\r\n return cartBillingFormData;\r\n}\r\n\r\n/**\r\n * Calls to returnFromCart endpoint for Static image button, redirects to place order stage or shows error if it exists\r\n * @param {boolean} isAddressNeedChange - true if static image address same as BA\r\n * @returns {Object} Call handling result\r\n */\r\nfunction returnFromCart(isAddressNeedChange = false) {\r\n loader.show();\r\n\r\n return helper.returnFromCart(isAddressNeedChange)\r\n .catch((error) => {\r\n loader.hide();\r\n alertHandler.showError(error.message);\r\n });\r\n}\r\n\r\n/**\r\n * Calls to Paypal-ValidateStaticImage endpoint\r\n * @returns {Promise} promise from fetch with response from Paypal-ValidateStaticImage endpoint\r\n */\r\nfunction validateStaticImageAddress() {\r\n const paypalStaticImage = document.getElementById('paypal-static-image')\r\n || document.getElementById('paypal-image');\r\n\r\n return fetch(helper.getUrlWithCsrfToken(window.paypalUrls.validateStaticImage), {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': CONTENT_TYPE_JSON\r\n },\r\n body: JSON.stringify({\r\n email: paypalStaticImage.getAttribute('data-paypal-default-ba-email'),\r\n formFields: paypalStaticImage.getAttribute('data-paypal-billing-form-fields')\r\n })\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n return data.isAddressNeedChange;\r\n })\r\n .catch(() => {\r\n return false;\r\n });\r\n}\r\n\r\n/**\r\n * Calls to Paypal-ValidatePayPalShippingAddress endpoint\r\n * @param {Object} shippingAddress Shipping address from PayPal\r\n */\r\nasync function validatePayPalShippingAddress(shippingAddress) {\r\n const response = await fetch(helper.getUrlWithCsrfToken(window.paypalUrls.validatePayPalShippingAddress), {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': CONTENT_TYPE_JSON\r\n },\r\n body: JSON.stringify({\r\n shippingAddress: shippingAddress\r\n })\r\n });\r\n\r\n return response.json();\r\n}\r\n\r\n/**\r\n * Call finishPayNow endpoint\r\n * @param {string} fundingSource The current paypal funding source\r\n * @returns {Promise} ajax call\r\n */\r\nfunction finishPayNowFlow(fundingSource) {\r\n const $usedPaymentMethod = document.querySelector('#usedPaymentMethod');\r\n const pmName = $usedPaymentMethod ? $usedPaymentMethod.value : fundingSource;\r\n\r\n return $.ajax({\r\n url: helper.getUrlWithCsrfToken(window.paypalUrls.finishPayNowFlow),\r\n type: 'POST',\r\n contentType: CONTENT_TYPE_JSON,\r\n data: JSON.stringify({\r\n pmName\r\n })\r\n });\r\n}\r\n\r\n/**\r\n * Makes call on saving a PayPal default address to the storefront customer.\r\n * @param {Object} addressObject PayPal address information.\r\n * @param {boolean} isAccountPage Identifies whether the source page is account.\r\n * @returns {Object} Whether a success or failed JSON response body.\r\n */\r\nfunction savePaypalDefaultAddress(addressObject, isAccountPage) {\r\n return $.ajax({\r\n url: window.paypalUrls.savePaypalDefaultAddress,\r\n type: 'POST',\r\n contentType: CONTENT_TYPE_JSON,\r\n data: JSON.stringify({ addressObject, isAccountPage })\r\n });\r\n}\r\n\r\n/**\r\n * Finish a PayPal payment by PayPal Pay Now flow\r\n * @param {string} usedPaymentMethod Current payment method name\r\n */\r\nfunction finishPayNowPayment(usedPaymentMethod) {\r\n finishPayNowFlow(usedPaymentMethod)\r\n .then(({ redirectUrl }) => {\r\n loader.hide();\r\n helper.processPayNowConfirmForm(redirectUrl);\r\n })\r\n .catch((err) => {\r\n loader.hide();\r\n if(err.responseJSON.message){\r\n var scrollAnimate = require('/cartridges/app_storefront_asu/cartridge/client/default/js/components/scrollAnimate');\r\n console.log('PaypalError:' + err.responseJSON.message);\r\n $('.error-message').show();\r\n $('.error-message-text').text(err.responseJSON.message);\r\n scrollAnimate($('.error-message'));\r\n }\r\n else {\r\n defer.reject(err);\r\n } \r\n });\r\n}\r\n\r\n/**\r\n * Creates and sets a payPal order id\r\n * @param {Object} paymentSourceData The payment source data (card, apple_pay...))\r\n * @returns {string} paypal order id\r\n */\r\nfunction getPaypalOrderId(paymentSourceData) {\r\n let url = helper.getUrlWithCsrfToken(window.paypalUrls.getPaypalOrderId);\r\n\r\n url = paymentSourceData ? [url, '&paymentSourceData=', JSON.stringify(paymentSourceData)].join('') : url;\r\n\r\nvar paymentForm = $('#dwfrm_billing').serialize();\r\n\r\n return $.ajax({\r\n url: url,\r\n type: 'GET',\r\n contentType: CONTENT_TYPE_JSON,\r\n data: paymentForm,\r\n async: false\r\n }).responseJSON;\r\n\t \r\n}\r\n\r\n/**\r\n * Returns paypal email\r\n * @returns {string} paypal email\r\n */\r\nfunction getPaypalOrder() {\r\n let url = helper.getUrlWithCsrfToken(window.paypalUrls.GetPaypalOrder);\r\n\r\n return $.ajax({\r\n url: url,\r\n type: 'GET',\r\n contentType: CONTENT_TYPE_JSON,\r\n async: false\r\n }).responseJSON;\r\n}\r\n\r\n/**\r\n * Validates the hosted fields\r\n * @param {Object} fieldsState contains fields and validation from PP side\r\n * @returns {Promise} call from server with validation result\r\n */\r\nfunction validateHostedFields(fieldsState) {\r\n return fetch(helper.getUrlWithCsrfToken(window.paypalUrls.validateHostedFields), {\r\n method: 'POST',\r\n body: JSON.stringify(fieldsState),\r\n headers: { 'Content-Type': 'application/json' }\r\n });\r\n}\r\n\r\n/**\r\n * Create the Apple pay order\r\n * @param {Object} paymentSource The Apple pay payment source object\r\n * @returns {Promise} The promise resolved with the data object\r\n */\r\nconst createApplePayOrder = paymentSource => {\r\n return fetch(helper.getUrlWithCsrfToken(window.paypalUrls.createApplePayOrder), {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': CONTENT_TYPE_JSON\r\n },\r\n body: JSON.stringify(paymentSource)\r\n })\r\n .then(response => response.json());\r\n};\r\n\r\n/**\r\n * Gets the basket data\r\n * @returns {Promise} The promise resolved with the basket data\r\n */\r\nconst getBasketData = () => {\r\n const url = helper.getUrlWithCsrfToken(window.paypalUrls.getBasketData);\r\n\r\n return $.ajax({\r\n url: url,\r\n type: 'GET',\r\n contentType: CONTENT_TYPE_JSON,\r\n async: false\r\n }).responseJSON;\r\n};\r\n\r\nexport {\r\n updateOrderData,\r\n getBillingAgreementToken,\r\n createBillingAgreementCall,\r\n returnFromCart,\r\n finishPayNowFlow,\r\n getPaypalOrder,\r\n createCartBillingFormData,\r\n savePaypalDefaultAddress,\r\n finishPayNowPayment,\r\n getPaypalOrderId,\r\n validateStaticImageAddress,\r\n validatePayPalShippingAddress,\r\n validateHostedFields,\r\n createApplePayOrder,\r\n getBasketData\r\n};\r\n","'use strict';\r\n\r\nconst HIDE_CLASS = 'none';\r\n\r\nconst $submitPayment = document.querySelector('.submit-payment');\r\nconst $billingAddressSelector = document.getElementById('billingAddressSelector');\r\nconst $addNewAddressButton = document.querySelector('.address-selector-block .btn-add-new');\r\nconst $billingAddressForm = document.querySelector('.billing-address-block .billing-address');\r\nconst $showAddressDetails = document.querySelector('.address-selector-block .btn-show-details');\r\nconst $contactInfoFieldPhone = document.querySelector('.dwfrm_billing_contactInfoFields_phone');\r\n\r\n/** @returns {void} */\r\nfunction hideBillingAddressManipulationButtons() {\r\n $showAddressDetails && $showAddressDetails.classList.add(HIDE_CLASS);\r\n $addNewAddressButton && $addNewAddressButton.classList.add(HIDE_CLASS);\r\n}\r\n\r\n/** @returns {void} */\r\nfunction showBillingAddressManipulationButtons() {\r\n $showAddressDetails && $showAddressDetails.classList.remove(HIDE_CLASS);\r\n $addNewAddressButton && $addNewAddressButton.classList.remove(HIDE_CLASS);\r\n}\r\n\r\n/** @returns {void} */\r\nfunction disableBillingAddressList() {\r\n $billingAddressSelector && $billingAddressSelector.setAttribute('disabled', 'disabled');\r\n}\r\n\r\n/** @returns {void} */\r\nfunction enableBillingAddressList() {\r\n $billingAddressSelector && $billingAddressSelector.removeAttribute('disabled');\r\n}\r\n\r\n/** @returns {void} */\r\nfunction hideSubmitPaymentButton() {\r\n $submitPayment && $submitPayment.classList.add(HIDE_CLASS);\r\n}\r\n\r\n/** @returns {void} */\r\nfunction showSubmitPaymentButton() {\r\n $submitPayment && $submitPayment.classList.remove(HIDE_CLASS);\r\n}\r\n\r\n/**\r\n * Hides biiling address form on the Billing Page for appropriate tabs.\r\n * Case when customer clicked 'Updated address' or 'Add New' button and flipped through the payment method tabs\r\n * @returns {void}\r\n */\r\nfunction hideBillingAddressForm() {\r\n $billingAddressForm && $billingAddressForm.classList.add(HIDE_CLASS);\r\n}\r\n\r\n/**\r\n * Shows biiling address form on the Billing Page for appropriate tabs.\r\n * Case when customer clicked 'Updated address' or 'Add New' button and flipped through the payment method tabs\r\n * @returns {void}\r\n */\r\nfunction showBillingAddressForm() {\r\n $billingAddressForm && $billingAddressForm.classList.remove(HIDE_CLASS);\r\n}\r\n\r\n/**\r\n * Hides phone field on the Billing Page for appropriate tabs\r\n * @returns {void}\r\n */\r\nfunction hidePhoneField() {\r\n $contactInfoFieldPhone && $contactInfoFieldPhone.classList.add(HIDE_CLASS);\r\n}\r\n\r\n/**\r\n * Shows phone field on the Billing Page for appropriate tabs\r\n * @returns {void}\r\n */\r\nfunction showPhoneField() {\r\n $contactInfoFieldPhone && $contactInfoFieldPhone.classList.remove(HIDE_CLASS);\r\n}\r\n\r\n/**\r\n * Disabled billing address functionality on the Billing Page\r\n * @returns {void}\r\n */\r\nfunction disableBillingAddressFunctionality() {\r\n disableBillingAddressList();\r\n hideBillingAddressManipulationButtons();\r\n hideBillingAddressForm();\r\n hidePhoneField();\r\n}\r\n\r\n/**\r\n * Enabled billing address functionality on the Billing Page\r\n * @returns {void}\r\n */\r\nfunction enableBillingAddressFunctionality() {\r\n showBillingAddressManipulationButtons();\r\n enableBillingAddressList();\r\n showBillingAddressForm();\r\n showPhoneField();\r\n}\r\n\r\nmodule.exports = {\r\n disableBillingAddressFunctionality,\r\n enableBillingAddressFunctionality,\r\n hideBillingAddressManipulationButtons,\r\n showBillingAddressManipulationButtons,\r\n disableBillingAddressList,\r\n enableBillingAddressList,\r\n hideBillingAddressForm,\r\n showBillingAddressForm,\r\n hideSubmitPaymentButton,\r\n showSubmitPaymentButton,\r\n hidePhoneField,\r\n showPhoneField\r\n};\r\n","'use strict';\r\n\r\nconst defaultStyle = {\r\n color: 'gold',\r\n shape: 'rect',\r\n layout: 'vertical',\r\n label: 'paypal',\r\n tagline: false\r\n};\r\n\r\nconst HIDE_CLASS = 'none';\r\nconst PRODUCT_DETAIL_CLASS = '.product-detail';\r\nconst PDP_PRICE_VALUE_CLASS = '.price .sales .value';\r\nconst INVALID_CLASSNAME = 'is-invalid';\r\n\r\nconst base = require('base/product/base');\r\n\r\n/**\r\n * Gets paypal button styles\r\n * @param {Element} button - button element\r\n * @returns {Object} with button styles or if error appears with default styles\r\n */\r\nfunction getPaypalButtonStyle(button) {\r\n try {\r\n const config = button.getAttribute('data-paypal-button-config');\r\n\r\n if (config) {\r\n const buttonConfigs = JSON.parse(config);\r\n\r\n return buttonConfigs.style;\r\n }\r\n\r\n return {\r\n style: defaultStyle\r\n };\r\n } catch (error) {\r\n return {\r\n style: defaultStyle\r\n };\r\n }\r\n}\r\n\r\n/**\r\n * Creates a redirecting form to Order-Confirm endpoint\r\n * @param {Object} param The helping object for creating a from\r\n * @returns {Object} form element\r\n */\r\nfunction createConfirmForm(param) {\r\n const form = $('