';\r\n } else if (paymnetMethodId === braintreeConstants.PAYMENT_METHOD_ID_PAYPAL) {\r\n htmlToAppend += '
' + getPaymentMethodToLowerCase(paymnetMethodId) + '
';\r\n } else {\r\n htmlToAppend += '
' + getPaymentMethodToLowerCase(paymnetMethodId) + '
';\r\n }\r\n\r\n if (selectedPaymentInstrument.maskedCreditCardNumber) {\r\n htmlToAppend += '
' + selectedPaymentInstrument.maskedCreditCardNumber + '
';\r\n }\r\n\r\n if (paymnetMethodId === braintreeConstants.PAYMENT_METHOD_ID_PAYPAL) {\r\n htmlToAppend += '
' + selectedPaymentInstrument.braintreePaypalEmail + '
';\r\n }\r\n\r\n if (paymnetMethodId === braintreeConstants.PAYMENT_METHOD_ID_VENMO) {\r\n htmlToAppend += '
' + selectedPaymentInstrument.braintreeVenmoUserId + '
';\r\n }\r\n\r\n if (selectedPaymentInstrument.type) {\r\n htmlToAppend += '
' + selectedPaymentInstrument.type + '
';\r\n }\r\n htmlToAppend += '
' + order.priceTotal.charAt(0) + selectedPaymentInstrument.amount + '
';\r\n }\r\n\r\n if ($paymentSummary) {\r\n $paymentSummary.innerHTML = htmlToAppend;\r\n }\r\n}\r\n\r\n/**\r\n * Validates whether input field is valid\r\n * @param {Object} field Input filed\r\n * @returns {boolean} true/false\r\n */\r\nfunction isValidInputField(field) {\r\n if (!field.checkValidity()) {\r\n if (!field.classList.contains('is-invalid')) {\r\n field.classList.add('is-invalid');\r\n }\r\n return false;\r\n }\r\n if (field.checkValidity() && field.classList.contains('is-invalid')) {\r\n field.classList.remove('is-invalid');\r\n }\r\n return true;\r\n}\r\n/*\r\n Adding *active* line to the tab-content class in a case if it isn't already active\r\n Use case: customer checkout from Cart (page) and\r\n (under the place Order page) hit the 'edit' button\r\n**/\r\nfunction updatePaymentMethodTab() {\r\n let paymentMethodName = document.querySelectorAll('[data-braintree-payment-method]')[0].dataset.braintreePaymentMethod;\r\n let content = document.querySelector(`.js_braintree_${paymentMethodName.toLowerCase()}Content`).classList.contains('active');\r\n if (!content) {\r\n document.querySelectorAll(`[data-method-id=${paymentMethodName}]`)[0].children[0].click();\r\n }\r\n}\r\n\r\n/**\r\n * Gets Billing Address Form Values\r\n *\r\n * @returns {Object} with Billing Address\r\n */\r\nfunction getBillingAddressFormValues() {\r\n return $('#dwfrm_billing').serialize().split('&')\r\n .map(function (el) {\r\n return el.split('=');\r\n })\r\n .reduce(function (accumulator, item) {\r\n var elem = item[0].lastIndexOf('_');\r\n if (elem < 0) {\r\n accumulator[item[0]] = item[1];\r\n } else {\r\n elem = item[0].substring(elem + 1);\r\n accumulator[elem] = item[1];\r\n }\r\n return accumulator;\r\n }, {});\r\n}\r\n\r\n/**\r\n * Gets Nonce depending on payment method name\r\n *\r\n * @param {string} paymentMethodName - payment method name\r\n * @returns {boolean} nonce exist\r\n */\r\n\r\nfunction isNonceExist(paymentMethodName) {\r\n // Payment method name\r\n var pmName = paymentMethodName;\r\n\r\n // Сhange 'CREDIT_CARD' to 'CreditCard' in order to get braintreewCreditCardNonce input\r\n if (paymentMethodName === 'CREDIT_CARD') {\r\n pmName = 'CreditCard';\r\n }\r\n\r\n var $nonce = document.querySelector(`#braintree${pmName}Nonce`);\r\n\r\n if (!$nonce) return false;\r\n\r\n var nonceValue = $nonce.value;\r\n var $tab = document.querySelector(`.${pmName.toLowerCase()}-tab`);\r\n var isActiveTab;\r\n if ($tab) {\r\n isActiveTab = $tab.classList.contains('active');\r\n }\r\n\r\n return !isActiveTab && nonceValue;\r\n}\r\n\r\nvar loaderInstance = require('./loaderHelper');\r\nvar accountsLoader;\r\n\r\nfunction removeBtPayment(e) {\r\n var target = e.target;\r\n\r\n var $loaderContainter = document.querySelector('#' + target.getAttribute('data-loader'));\r\n accountsLoader = loaderInstance($loaderContainter);\r\n accountsLoader.show();\r\n\r\n $.get(target.getAttribute('data-url') + '?UUID=' + target.getAttribute('data-id'))\r\n .then((data => {\r\n $('#uuid-' + data.UUID).remove();\r\n if (data.newDefaultAccount) {\r\n document.querySelector('#uuid-' + data.newDefaultAccount + ' span').style.fontWeight = 'bold';\r\n document.querySelector('#uuid-' + data.newDefaultAccount + ' button.braintree-make-default-card').style.display = 'none';\r\n }\r\n $('body').trigger('cart:update');\r\n accountsLoader.hide();\r\n }))\r\n .fail(() => {\r\n location.reload();\r\n accountsLoader.hide();\r\n });\r\n}\r\n\r\n/**\r\n * Create formData from fields data\r\n *\r\n * @param {Object} paymentFields fields data values\r\n * @param {Object} fieldsData fields data values\r\n * @returns {Object} cart billing form data\r\n */\r\nfunction createPaymentFormData(paymentFields, fieldsData) {\r\n var paymentFieldsParsed;\r\n\r\n if (typeof paymentFields === 'object') {\r\n paymentFieldsParsed = paymentFields;\r\n } else {\r\n paymentFieldsParsed = JSON.parse(paymentFields);\r\n }\r\n\r\n return Object.entries(paymentFieldsParsed).reduce(function (formData, entry) {\r\n const [key, field] = entry;\r\n if (typeof field === 'object') {\r\n formData.append(field.name, fieldsData && fieldsData[key] !== null ? fieldsData[key] : field.value);\r\n }\r\n return formData;\r\n }, new FormData());\r\n}\r\n\r\nfunction setDefaultProperty(params) {\r\n return $.get(params.url + '?UUID=' + params.id + '&pmID=' + params.paymentMethodID)\r\n .then((data) => {\r\n document.querySelector('#uuid-' + data.newDefaultProperty + ' span').style.fontWeight = 'bold';\r\n document.querySelector('.braintree-make-default-card.uuid-' + data.newDefaultProperty).style.display = 'none';\r\n document.querySelector('#uuid-' + data.toRemoveDefaultProperty + ' span').style.fontWeight = 'normal';\r\n document.querySelector('.braintree-make-default-card.uuid-' + data.toRemoveDefaultProperty).style.display = 'inline';\r\n params.loader.hide();\r\n })\r\n .fail(() => {\r\n params.loader.hide();\r\n });\r\n}\r\n\r\n/**\r\n * Checks authenticated customer, account list for default Payment Method\r\n *\r\n * @param {string} selector - querySelector\r\n * @returns {Object} default data attribute or null\r\n */\r\nfunction getOptionByDataDefault(selector) {\r\n if (!document.querySelector(selector)) { return null; }\r\n\r\n return Array.apply(null, document.querySelector(selector).options).find(function (el) {\r\n return el.getAttribute('data-default') ? JSON.parse(el.getAttribute('data-default')) : null;\r\n });\r\n}\r\n\r\n/**\r\n * Checks authenticated customer, account list for session Account\r\n *\r\n * @param {Object} params querySelector + el.id\r\n * @returns {Object} session account object\r\n */\r\nfunction getSessionAccountOption(params) {\r\n return Array.apply(null, document.querySelector(params.querySelector).options).find(function (el) {\r\n return el.id === params.id && JSON.parse(el.getAttribute('data-session-account'));\r\n });\r\n}\r\n\r\n/**\r\n * This method is called to remove active session account but just in case\r\n * if tab of currently active session payment isn't active (buyer submited another payment method)\r\n * @returns {function}function call\r\n */\r\nfunction removeActiveSessionPayment() {\r\n const activePaymentMethods = [];\r\n document.querySelectorAll('.payment-options[role=tablist] li').forEach(function (el) {\r\n activePaymentMethods.push(el.dataset.methodId);\r\n });\r\n var helpers = {\r\n PayPal: require('./paypal/components/payPalSessionAccount'),\r\n Venmo: require('./venmo/components/venmoSessionAccount'),\r\n GooglePay: require('./googlepay/components/googlePaySessionAccount'),\r\n CREDIT_CARD: require('./creditcard/components/creditCardSessionAccount'),\r\n SRC: require('./src/components/srcSessionAccount'),\r\n ApplePay: require('./applepay/helpers/applePayHelper')\r\n };\r\n var activePM = activePaymentMethods.find(function (el) {\r\n return isNonceExist(el);\r\n });\r\n if (activePM) {\r\n return helpers[activePM].removeSessionNonce();\r\n }\r\n}\r\n\r\nfunction showCartErrorMsg(message) {\r\n $('.checkout-btn').addClass('disabled');\r\n $('.cart-error').append(\r\n `
\r\n \r\n ${message}\r\n
`\r\n );\r\n window.scrollTo(0, 0);\r\n}\r\n\r\n/**\r\n * Update Checkout Billing form values\r\n *\r\n * @param {Object} billingData fields data values\r\n */\r\nfunction updateBillingFormValues(billingData) {\r\n var $billingFormFields = document.querySelectorAll('.billing-address select, .billing-address input, .contact-info-block input');\r\n\r\n $billingFormFields.forEach(function (el) {\r\n if (billingData[el.name]) {\r\n if (el.nodeName == 'SELECT'){\r\n $(el).val(billingData[el.name]).change();\r\n } else {\r\n el.value = billingData[el.name];\r\n }\r\n }\r\n });\r\n}\r\n\r\n/**\r\n * Returns selected option from select container\r\n * @param {Object} $selectContainer Select container\r\n * @returns {Object} Selected option\r\n */\r\nfunction getSelectedOption($selectContainer) {\r\n var selectedOptionIndex = $selectContainer.selectedIndex;\r\n var selectedOption = $selectContainer.options[selectedOptionIndex];\r\n\r\n return selectedOption;\r\n}\r\n\r\n/**\r\n * Returns payment field data to be send on backend\r\n * @param {Object} addressData Address data to be set\r\n * @param {string} paymentMethodName Payment method name\r\n * @returns {Object} payment data\r\n */\r\nfunction getPaymentFieldsData(addressData, paymentMethodName) {\r\n return {\r\n firstName: addressData.firstName,\r\n lastName: addressData.lastName,\r\n address1: addressData.streetAddress,\r\n address2: addressData.extendedAddress || '',\r\n city: addressData.locality,\r\n postalCode: decodeURIComponent(addressData.postalCode),\r\n stateCode: addressData.stateCode || addressData.region,\r\n country: addressData.countryCodeAlpha2,\r\n phone: addressData.phone,\r\n paymentMethod: paymentMethodName\r\n };\r\n}\r\n\r\nfunction getUpdatedStoreFrontBillingData(billingAddress) {\r\n var storeFrontBillingData = JSON.parse(document.querySelector('.braintree-billing-payment-wrap').getAttribute('data-billing-form-fields-names'));\r\n\r\n storeFrontBillingData.dwfrm_billing_addressFields_firstName = billingAddress.firstName;\r\n storeFrontBillingData.dwfrm_billing_addressFields_lastName = billingAddress.lastName;\r\n storeFrontBillingData.dwfrm_billing_addressFields_address1 = billingAddress.streetAddress;\r\n storeFrontBillingData.dwfrm_billing_addressFields_address2 = billingAddress.extendedAddress || '';\r\n storeFrontBillingData.dwfrm_billing_addressFields_city = billingAddress.locality;\r\n storeFrontBillingData.dwfrm_billing_addressFields_postalCode = decodeURIComponent(billingAddress.postalCode);\r\n storeFrontBillingData.dwfrm_billing_addressFields_states_stateCode = billingAddress.stateCode || billingAddress.region;\r\n storeFrontBillingData.dwfrm_billing_addressFields_country = billingAddress.countryCodeAlpha2;\r\n storeFrontBillingData.dwfrm_billing_contactInfoFields_phone = billingAddress.phone;\r\n\r\n return storeFrontBillingData;\r\n}\r\n\r\nmodule.exports = {\r\n initCartUpdateEvent,\r\n paymentMethodChangeHandle,\r\n continueButtonToggle,\r\n updateCheckoutView,\r\n isValidInputField,\r\n updatePaymentMethodTab,\r\n getBillingAddressFormValues,\r\n removeBtPayment,\r\n createPaymentFormData,\r\n isNonceExist,\r\n setDefaultProperty,\r\n getOptionByDataDefault,\r\n removeActiveSessionPayment,\r\n getSessionAccountOption,\r\n showCartErrorMsg,\r\n updateBillingFormValues,\r\n getSelectedOption,\r\n getPaymentFieldsData,\r\n getUpdatedStoreFrontBillingData\r\n};\r\n","\r\nmodule.exports = function (containerElement) {\r\n if (!containerElement) {\r\n // eslint-disable-next-line no-console\r\n console.error('Braintree: No container for showing loaders');\r\n }\r\n function Constructor() {\r\n this.containerEl = containerElement;\r\n }\r\n Constructor.prototype.show = function () {\r\n this.containerEl.style.display = 'block';\r\n };\r\n Constructor.prototype.hide = function () {\r\n this.containerEl.style.display = 'none';\r\n };\r\n return new Constructor();\r\n};\r\n","'use string';\r\n\r\nvar lpmHelper = require('../helpers/lpmHelper');\r\n\r\nvar braintreeLpmSDK = require('./braintreeLpmSDK');\r\n\r\n// Global variables\r\nvar lpmConfigs = lpmHelper.getBraintreeLpmConfigs();\r\nvar lpmInstance;\r\nvar shippingAddress;\r\nvar amount;\r\n\r\n/**\r\n * Init Braintree LPM pay model\r\n * @param {Promise} braintreeClientInstancePromise Braintreee client instance promise\r\n */\r\n\r\nfunction init(braintreeClientInstancePromise) {\r\n braintreeLpmSDK.init(braintreeClientInstancePromise);\r\n}\r\n\r\n/**\r\n * Inits LPM instance for the next payment actions\r\n * @returns {Promise} Promise resolved with the 'createLpmClickListener' boolean value\r\n */\r\nfunction initLpm() {\r\n return braintreeLpmSDK.createLpmPayment()\r\n .then(function (localPaymentInstance) {\r\n lpmInstance = localPaymentInstance;\r\n\r\n return {\r\n createLpmClickListener: true\r\n };\r\n });\r\n}\r\n\r\n/**\r\n * Updates order data\r\n * @param {Object} updatedShippingAddress Updates order shipping address from backend\r\n * @param {number} updatedAmount Updated order amount from backend\r\n */\r\nfunction updateLpmOrderData(updatedShippingAddress, updatedAmount) {\r\n shippingAddress = updatedShippingAddress;\r\n amount = updatedAmount;\r\n}\r\n\r\n/**\r\n * Returns order shipping address\r\n * @returns {Object} Shipping address\r\n */\r\nfunction getShippingAddress() {\r\n return shippingAddress;\r\n}\r\n\r\n/**\r\n * Creates and returns object with all options for initiating the lpm payment flow\r\n * @param {string} paymentMethodName Payment method name\r\n * @param {string} email Email address\r\n * @returns {Object} {Object} Options object\r\n */\r\nfunction createRequestData(paymentMethodName, email) {\r\n return Object.assign(braintreeLpmSDK.createRequestData(\r\n shippingAddress,\r\n lpmConfigs,\r\n paymentMethodName,\r\n email,\r\n amount\r\n ),\r\n {\r\n onPaymentStart: function (_, continueCallback) {\r\n continueCallback();\r\n }\r\n });\r\n}\r\n\r\n/**\r\n * Launches the local payment flow and returns a nonce payload\r\n * @param {Object} reqData Options object\r\n * @returns {Promise} Promise resolved with a startPaymentPayload\r\n */\r\nfunction startPayment(reqData) {\r\n return braintreeLpmSDK.startPayment(lpmInstance, reqData);\r\n}\r\n\r\nmodule.exports = {\r\n init,\r\n initLpm,\r\n updateLpmOrderData,\r\n getShippingAddress,\r\n createRequestData,\r\n startPayment\r\n};\r\n","'use strict';\r\n\r\nvar lpmHelper = require('../helpers/lpmHelper');\r\nvar braintreeGeneral = require('../../braintreeGeneral');\r\nvar braintreeLpmModel = require('./braintreeLpmModel');\r\n\r\nvar lpmErrorMessages = require('../constants/errorMessages');\r\n\r\n/**\r\n * Initialize Braintree Lpm Model. Pattern Builder is used\r\n * @returns {Object} Object with booleam \"error\" flag and \"message\" attribute with error message\r\n */\r\nfunction init() {\r\n var braintreeLpmConfigs = lpmHelper.getBraintreeLpmConfigs();\r\n var clientToken;\r\n var btClientInstancePromise;\r\n var response = {\r\n error: false,\r\n message: '',\r\n btLpmModel: null\r\n };\r\n\r\n if (braintreeLpmConfigs) {\r\n clientToken = braintreeLpmConfigs.clientToken;\r\n btClientInstancePromise = braintreeGeneral.createClientInstance(clientToken);\r\n\r\n braintreeLpmModel.init(\r\n btClientInstancePromise\r\n );\r\n\r\n response.btLpmModel = braintreeLpmModel;\r\n } else {\r\n response.error = true;\r\n response.message = lpmErrorMessages.NO_LPM_BRAINTREE_CONFIGURATIONS;\r\n }\r\n\r\n return response;\r\n}\r\n\r\nmodule.exports = {\r\n init\r\n};\r\n","'use strict';\r\n\r\n/* global braintreeUtils braintree $ */\r\n\r\nvar btClientInstancePromise;\r\n\r\n/**\r\n * Creates Lpm payment instance\r\n * @returns {Promise} A promise resolved with the Lpm instance\r\n */\r\n\r\nfunction createLpmPayment() {\r\n return btClientInstancePromise\r\n .then(function (btClientInstance) {\r\n return braintree.localPayment.create({\r\n client: btClientInstance\r\n });\r\n });\r\n}\r\n\r\n/**\r\n * Creates and returns object with all options for initiating the LPM payment flow\r\n * @param {Object} shippingData Order Shipping address\r\n * @param {Object} lpmConfigs LPM configs object\r\n * @param {string} paymentMethodName Payment method name\r\n * @param {string} email Email address\r\n * @param {number} amount Order total amount\r\n * @returns {Object} Options object\r\n */\r\nfunction createRequestData(shippingData, lpmConfigs, paymentMethodName, email, amount) {\r\n var recipientName = shippingData.recipientName.split(' ');\r\n shippingData.firstName = recipientName[0];\r\n shippingData.lastName = recipientName[1];\r\n\r\n return {\r\n paymentType: paymentMethodName,\r\n amount: amount,\r\n fallback: {\r\n url: lpmConfigs.fallbackUrl + '?lpmName=' + paymentMethodName + '&email=' + email,\r\n buttonText: 'Complete Payment'\r\n },\r\n currencyCode: lpmConfigs.options.currency,\r\n shippingAddressRequired: false,\r\n email: email,\r\n phone: shippingData && shippingData.phone,\r\n givenName: shippingData && shippingData.firstName,\r\n surname: shippingData && shippingData.lastName,\r\n address: {\r\n countryCode: shippingData && shippingData.countryCode\r\n }\r\n };\r\n}\r\n\r\n/**\r\n *\r\n * @param {lpmInstance} localPaymentInstance LPM instance\r\n * @param {Object} reqData Options object\r\n * @returns {Promise} Promise resolved with a startPaymentPayload\r\n */\r\nfunction startPayment(localPaymentInstance, reqData) {\r\n return localPaymentInstance.startPayment(reqData);\r\n}\r\n\r\n/**\r\n * Inits braintreeLpmSDK with client instance promise\r\n * @param {Promise} braintreeClientInstancePromise Braintree client instance promise\r\n */\r\nfunction init(braintreeClientInstancePromise) {\r\n btClientInstancePromise = braintreeClientInstancePromise;\r\n}\r\n\r\nmodule.exports = {\r\n init,\r\n createLpmPayment,\r\n createRequestData,\r\n startPayment\r\n};\r\n","'use string';\r\n\r\n// Helpers\r\nvar lpmHelper = require('../helpers/lpmHelper');\r\nvar loaderInstance = require('../../loaderHelper');\r\nvar lpmPaymentProcessingHelper = require('../helpers/lpmPaymentProcessorHelper');\r\n\r\nvar lpmErrorHandler = require('../errorhandler/lpmErrorHandler');\r\n\r\nvar $braintreeLpmLoader = document.querySelector('.lpmLoader');\r\n\r\n// Global variables\r\nvar lpmConfigs;\r\nvar loader;\r\nvar lpmModel;\r\n\r\n/**\r\n * Opens LPM page and process a payment\r\n * @param {Object} reqData Options object\r\n * @param {string} paymentMethodName Payment method name\r\n */\r\nfunction startLpmPayment(reqData, paymentMethodName) {\r\n lpmModel.startPayment(reqData)\r\n .then(function (startPaymentPayload) {\r\n // Handles LPM processing messages on the Billing-Checkout Page\r\n lpmPaymentProcessingHelper.hideProcessingMsg();\r\n lpmPaymentProcessingHelper.showFinalProcessingMsg();\r\n\r\n // Sends payment details to the backend\r\n return lpmPaymentProcessingHelper.confirmPayment(\r\n lpmConfigs,\r\n paymentMethodName,\r\n reqData.email,\r\n startPaymentPayload\r\n );\r\n })\r\n .then(function (response) {\r\n loader.hide();\r\n lpmPaymentProcessingHelper.processLpmConfirmForm(response.redirectUrl);\r\n })\r\n .catch(function (err) {\r\n loader.hide();\r\n lpmErrorHandler.processStartLpmPaymentError(err);\r\n });\r\n}\r\n\r\n/**\r\n * Prepares and checks all necessary options for start LPM payment\r\n * @param {Object} event On LPM button click event\r\n */\r\nfunction onLpmButtonClick(event) {\r\n var $email = document.querySelector('.customer-summary-email');\r\n var paymentMethodName = this.dataset.localPaymentMethodName;\r\n var reqData;\r\n\r\n lpmErrorHandler.hideError();\r\n\r\n event.preventDefault();\r\n\r\n try {\r\n if (lpmConfigs.options.amount === 0) {\r\n loader.hide();\r\n lpmErrorHandler.handleZeroAmountOnCheckout(paymentMethodName);\r\n }\r\n\r\n $.getJSON(lpmConfigs.getOrderInfoUrl)\r\n .then(function (data) {\r\n loader.show();\r\n lpmPaymentProcessingHelper.showProcessingMsg();\r\n\r\n // Updates shipping address and amount of order from server\r\n lpmModel.updateLpmOrderData(data.shippingAddress, data.amount);\r\n\r\n // Creates all options for initiating the local payment payment flow.\r\n reqData = lpmModel.createRequestData(paymentMethodName, $email.textContent);\r\n\r\n startLpmPayment(reqData, paymentMethodName);\r\n })\r\n // Handles errors form Braintree-GetOrderInfo endpoint\r\n .catch(function (err) {\r\n loader.hide();\r\n lpmErrorHandler.showErrorByMessage(err.responseJSON.message);\r\n });\r\n loader.hide();\r\n } catch (err) {\r\n lpmErrorHandler.showErrorByMessage(err);\r\n }\r\n}\r\n\r\n/**\r\n * Inits LPM functionality on the Checkout-Billing Page\r\n */\r\nfunction initLpm() {\r\n lpmModel.initLpm()\r\n .then(function (response) {\r\n if (response.createLpmClickListener) {\r\n $('.tab-content').on('click', '.js_braintree_lpm_button', onLpmButtonClick);\r\n }\r\n })\r\n .catch(function (err) {\r\n lpmErrorHandler.showErrorByMessage(err.message);\r\n });\r\n}\r\n\r\n/**\r\n * Inits LPM payment processing components\r\n * @param {Object} braintreeLpmModel LPM model\r\n */\r\nfunction init(braintreeLpmModel) {\r\n loader = loaderInstance($braintreeLpmLoader);\r\n lpmConfigs = lpmHelper.getBraintreeLpmConfigs();\r\n lpmModel = braintreeLpmModel;\r\n\r\n initLpm();\r\n}\r\n\r\nmodule.exports = {\r\n init\r\n};\r\n","'use strict';\r\n\r\nmodule.exports = {\r\n NO_LPM_BRAINTREE_CONFIGURATIONS: 'No Lpm Braintree Configurations',\r\n ORDER_TOTAL_0: 'Order total 0 is not allowed for '\r\n};\r\n","'use strict';\r\n\r\nvar lpmErrorMessages = require('../constants/errorMessages');\r\nvar lpmHelper = require('../helpers/lpmHelper');\r\n\r\nvar $topErrorMessageText;\r\nvar $topErrorMessageWrapper;\r\nvar braintreeErrorMessages;\r\n\r\n/**\r\n * Shows error message on the top of the Checkout Page\r\n * @param {string} message Error message\r\n */\r\nfunction createErrorNotification(message) {\r\n $topErrorMessageText.textContent = '';\r\n $topErrorMessageWrapper.style.display = 'block';\r\n $topErrorMessageText.append(message);\r\n window.scrollTo(0, 0);\r\n}\r\n\r\n// General method which should be used for cases when error came from Braintree\r\nfunction showErrorByObject(error) {\r\n var msg = error.message;\r\n var code = error.code;\r\n var errorMessage = braintreeErrorMessages[code] || msg || braintreeErrorMessages.CLIENT_GATEWAY_NETWORK;\r\n\r\n createErrorNotification(errorMessage);\r\n}\r\n\r\n/**\r\n * Shows error by message\r\n * @param {string} message Error Message\r\n */\r\nfunction showErrorByMessage(message) {\r\n createErrorNotification(message);\r\n}\r\n\r\n/**\r\n * Process error form Braintree or Braintree-PaymentConfirm endpoint\r\n * @param {Object} error Error object\r\n */\r\nfunction processStartLpmPaymentError(error) {\r\n if (error.name === 'BraintreeError') {\r\n showErrorByObject(error);\r\n } else {\r\n showErrorByMessage(error.responseText);\r\n }\r\n}\r\n\r\n/**\r\n * Hides error message form the top of the Checkout Page\r\n */\r\nfunction hideError() {\r\n $topErrorMessageWrapper.style.display = 'none';\r\n $topErrorMessageText.innerHTML = '';\r\n}\r\n\r\n/**\r\n * Creates and throws an error if order amount is 0\r\n * @param {string} paymentMethodName Payment method name\r\n */\r\nfunction handleZeroAmountOnCheckout(paymentMethodName) {\r\n var zeroAmountErrorMsg = lpmErrorMessages.ORDER_TOTAL_0 + paymentMethodName;\r\n\r\n throw zeroAmountErrorMsg;\r\n}\r\n\r\n/**\r\n * Inits LPM error handler components\r\n */\r\nfunction init() {\r\n $topErrorMessageText = document.querySelector('.error-message-text');\r\n $topErrorMessageWrapper = document.querySelector('.error-message');\r\n braintreeErrorMessages = lpmHelper.getBraintreeLpmConfigs().messages;\r\n}\r\n\r\nmodule.exports = {\r\n processStartLpmPaymentError,\r\n showErrorByObject,\r\n showErrorByMessage,\r\n createErrorNotification,\r\n handleZeroAmountOnCheckout,\r\n hideError,\r\n init\r\n};\r\n","'use strict';\r\n\r\n/**\r\n * Returns Braintree LPM configs\r\n * @returns {Object} Braintree LPM configs\r\n */\r\nfunction getBraintreeLpmConfigs() {\r\n var braintreeLpmConfigs = null;\r\n\r\n try {\r\n braintreeLpmConfigs = JSON.parse(document.querySelector('.js_braintree_lpm_button').getAttribute('data-braintree-config'));\r\n } catch (error) {\r\n return braintreeLpmConfigs;\r\n }\r\n\r\n return braintreeLpmConfigs;\r\n}\r\n\r\nmodule.exports = {\r\n getBraintreeLpmConfigs\r\n};\r\n","'use strict';\r\n\r\nvar lpmModel = require('../braintreesdk/braintreeLpmModel');\r\n\r\nvar processingMsg = document.querySelector('.processingMsg');\r\nvar finalProcessingMsg = document.querySelector('.finalProcessingMsg');\r\n\r\n/**\r\n * Whether 'details' parameter is exist returns 'details' or shipping address if not exist\r\n *\r\n * @param {Object} details Details object from StartPaymentPayload\r\n * @param {string} email Email Address\r\n * @returns {Object} Details object\r\n */\r\nfunction getPaymentDetailsParameter(details, email) {\r\n var shippingAddress = lpmModel.getShippingAddress();\r\n shippingAddress.email = email;\r\n\r\n return jQuery.isEmptyObject(details) ? shippingAddress : details;\r\n}\r\n\r\n/**\r\n * Shows processing message on the Billing Page\r\n */\r\nfunction showProcessingMsg() {\r\n processingMsg.style.display = 'block';\r\n}\r\n\r\n/**\r\n * Hides processing message on the Billing Page\r\n */\r\nfunction hideProcessingMsg() {\r\n processingMsg.style.display = 'none';\r\n}\r\n\r\n/**\r\n * Show final processing message on the Billing Page\r\n */\r\nfunction showFinalProcessingMsg() {\r\n finalProcessingMsg.style.display = 'block';\r\n}\r\n\r\n/**\r\n *\r\n * @param {Object} lpmConfigs LPM configs object\r\n * @param {string} paymentMethodName Payment method name\r\n * @param {string} email Email address\r\n * @param {Object} startPaymentPayload StartPaymnetPayload\r\n * @returns {Promise} Promise resolved with 'redirectUrl'\r\n */\r\nfunction confirmPayment(lpmConfigs, paymentMethodName, email, startPaymentPayload) {\r\n return $.ajax({\r\n url: lpmConfigs.paymentConfirmUrl,\r\n type: 'POST',\r\n contentType: 'application/json',\r\n data: JSON.stringify({\r\n nonce: startPaymentPayload.nonce,\r\n lpmName: paymentMethodName,\r\n details: getPaymentDetailsParameter(startPaymentPayload.details, email),\r\n deviceData: JSON.stringify({ correlation_id: startPaymentPayload.correlationId })\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 var form = $('