';\n }\n\n if ($paymentSummary) {\n $paymentSummary.innerHTML = htmlToAppend;\n }\n}\n\n/**\n * Validates whether input field is valid\n * @param {Object} field Input filed\n * @returns {boolean} true/false\n */\nfunction isValidInputField(field) {\n if (!field.checkValidity()) {\n if (!field.classList.contains('is-invalid')) {\n field.classList.add('is-invalid');\n }\n return false;\n }\n if (field.checkValidity() && field.classList.contains('is-invalid')) {\n field.classList.remove('is-invalid');\n }\n return true;\n}\n/*\n Adding *active* line to the tab-content class in a case if it isn't already active\n Use case: customer checkout from Cart (page) and\n (under the place Order page) hit the 'edit' button\n**/\nfunction updatePaymentMethodTab() {\n let paymentMethodName = document.querySelectorAll('[data-braintree-payment-method]')[0].dataset.braintreePaymentMethod;\n let content = document.querySelector(`.js_braintree_${paymentMethodName.toLowerCase()}Content`).classList.contains('active');\n if (!content) {\n document.querySelectorAll(`[data-method-id=${paymentMethodName}]`)[0].children[0].click();\n }\n}\n\n/**\n * Gets Billing Address Form Values\n *\n * @returns {Object} with Billing Address\n */\nfunction getBillingAddressFormValues() {\n return $('#dwfrm_billing').serialize().split('&')\n .map(function (el) {\n return el.split('=');\n })\n .reduce(function (accumulator, item) {\n var elem = item[0].lastIndexOf('_');\n if (elem < 0) {\n accumulator[item[0]] = item[1];\n } else {\n elem = item[0].substring(elem + 1);\n accumulator[elem] = item[1];\n }\n return accumulator;\n }, {});\n\n delete billingData.stateCode;\n\n var address1 = billingData.address1;\n if (address1.length > 50) {\n if (!billingData.address2) {\n billingData.address1 = address1.substr(0, 50);\n billingData.address2 = address1.substr(50, 50);\n } else {\n var allAddress = billingData.address1 + billingData.address2;\n billingData.address1 = allAddress.substr(0, 50);\n billingData.address2 = allAddress.substr(50, 50);\n }\n }\n\n return billingData;\n}\n\n/**\n * Gets Nonce depending on payment method name\n *\n * @param {string} paymentMethodName - payment method name\n * @returns {boolean} nonce exist\n */\n\nfunction isNonceExist(paymentMethodName) {\n // Payment method name\n var pmName = paymentMethodName;\n\n // Сhange 'CREDIT_CARD' to 'CreditCard' in order to get braintreewCreditCardNonce input\n if (paymentMethodName === 'CREDIT_CARD') {\n pmName = 'CreditCard';\n }\n\n var $nonce = document.querySelector(`#braintree${pmName}Nonce`);\n\n if (!$nonce) return false;\n\n var nonceValue = $nonce.value;\n var $tab = document.querySelector(`.${pmName.toLowerCase()}-tab`);\n var isActiveTab;\n if ($tab) {\n isActiveTab = $tab.classList.contains('active');\n }\n\n return !isActiveTab && nonceValue;\n}\n\nvar loaderInstance = require('./loaderHelper');\nvar accountsLoader;\n\nfunction removeBtPayment(e) {\n let target = e.target;\n var $loaderContainter = document.querySelector('#' + target.getAttribute('data-loader'));\n accountsLoader = loaderInstance($loaderContainter);\n accountsLoader.show();\n\n $.get(target.getAttribute('data-url') + '?UUID=' + target.getAttribute('data-id'))\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 $('body').trigger('cart:update');\n accountsLoader.hide();\n }))\n .fail(() => {\n location.reload();\n accountsLoader.hide();\n });\n}\n\n/**\n * Create formData from fields data\n *\n * @param {Object} paymentFields fields data values\n * @param {Object} fieldsData fields data values\n * @returns {Object} cart billing form data\n */\nfunction createPaymentFormData(paymentFields, fieldsData) {\n var paymentFieldsParsed;\n\n if (typeof paymentFields === 'object') {\n paymentFieldsParsed = paymentFields;\n } else {\n paymentFieldsParsed = JSON.parse(paymentFields);\n }\n\n return Object.entries(paymentFieldsParsed).reduce(function (formData, entry) {\n const [key, field] = entry;\n if (typeof field === 'object') {\n formData.append(field.name, fieldsData && fieldsData[key] !== null ? fieldsData[key] : field.value);\n }\n return formData;\n }, new FormData());\n}\n\nfunction setDefaultProperty(params) {\n return $.get(params.url + '?UUID=' + params.id + '&pmID=' + params.paymentMethodID)\n .then((data) => {\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 params.loader.hide();\n })\n .fail(() => {\n params.loader.hide();\n });\n}\n\n/**\n * Checks authenticated customer, account list for default Payment Method\n *\n * @param {string} selector - querySelector\n * @returns {Object} default data attribute or null\n */\nfunction getOptionByDataDefault(selector) {\n if (!document.querySelector(selector)) { return null; }\n\n return Array.apply(null, document.querySelector(selector).options).find(function (el) {\n return el.getAttribute('data-default') ? JSON.parse(el.getAttribute('data-default')) : null;\n });\n}\n\n/**\n * Checks authenticated customer, account list for session Account\n *\n * @param {Object} params querySelector + el.id\n * @returns {Object} session account object\n */\nfunction getSessionAccountOption(params) {\n return Array.apply(null, document.querySelector(params.querySelector).options).find(function (el) {\n return el.id === params.id && JSON.parse(el.getAttribute('data-session-account'));\n });\n}\n\n/**\n * This method is called to remove active session account but just in case\n * if tab of currently active session payment isn't active (buyer submited another payment method)\n * @returns {function}function call\n */\nfunction removeActiveSessionPayment() {\n const activePaymentMethods = [];\n document.querySelectorAll('.payment-options[role=tablist] li').forEach(function (el) {\n activePaymentMethods.push(el.dataset.methodId);\n });\n var helpers = {\n PayPal: require('./paypal/components/payPalSessionAccount'),\n Venmo: require('./venmo/components/venmoSessionAccount'),\n GooglePay: require('./googlepay/components/googlePaySessionAccount'),\n CREDIT_CARD: require('./creditcard/components/creditCardSessionAccount'),\n SRC: require('./src/components/srcSessionAccount'),\n ApplePay: require('./applepay/helpers/applePayHelper')\n };\n var activePM = activePaymentMethods.find(function (el) {\n return isNonceExist(el);\n });\n if (activePM) {\n return helpers[activePM].removeSessionNonce();\n }\n}\n\nfunction showCartErrorMsg(message) {\n $('.checkout-btn').addClass('disabled');\n $('.cart-error').append(\n `
\n \n ${message}\n
`\n );\n window.scrollTo(0, 0);\n}\n\n/**\n * Update Checkout Billing form values\n *\n * @param {Object} billingData fields data values\n */\nfunction updateBillingFormValues(billingData) {\n var $billingFormFields = document.querySelectorAll('.billing-address select, .billing-address input, .contact-info-block input');\n\n $billingFormFields.forEach(function (el) {\n if (billingData[el.name]) {\n el.value = billingData[el.name];\n }\n });\n}\n\n/**\n * Returns selected option from select container\n * @param {Object} $selectContainer Select container\n * @returns {Object} Selected option\n */\nfunction getSelectedOption($selectContainer) {\n var selectedOptionIndex = $selectContainer.selectedIndex;\n var selectedOption = $selectContainer.options[selectedOptionIndex];\n\n return selectedOption;\n}\n\n/**\n * Returns payment field data to be send on backend\n * @param {Object} addressData Address data to be set\n * @param {string} paymentMethodName Payment method name\n * @returns {Object} payment data\n */\nfunction getPaymentFieldsData(addressData, paymentMethodName) {\n return {\n firstName: addressData.firstName,\n lastName: addressData.lastName,\n address1: addressData.streetAddress,\n address2: addressData.extendedAddress || '',\n city: addressData.locality,\n postalCode: addressData.postalCode,\n stateCode: addressData.stateCode || addressData.region,\n country: addressData.countryCodeAlpha2,\n phone: addressData.phone,\n paymentMethod: paymentMethodName\n };\n}\n\nfunction getUpdatedStoreFrontBillingData(billingAddress) {\n var storeFrontBillingData = JSON.parse(document.querySelector('.braintree-billing-payment-wrap').getAttribute('data-billing-form-fields-names'));\n\n storeFrontBillingData.dwfrm_billing_addressFields_firstName = billingAddress.firstName;\n storeFrontBillingData.dwfrm_billing_addressFields_lastName = billingAddress.lastName;\n storeFrontBillingData.dwfrm_billing_addressFields_address1 = billingAddress.streetAddress;\n storeFrontBillingData.dwfrm_billing_addressFields_address2 = billingAddress.extendedAddress || '';\n storeFrontBillingData.dwfrm_billing_addressFields_city = billingAddress.locality;\n storeFrontBillingData.dwfrm_billing_addressFields_postalCode = billingAddress.postalCode;\n storeFrontBillingData.dwfrm_billing_addressFields_states_stateCode = billingAddress.stateCode || billingAddress.region;\n storeFrontBillingData.dwfrm_billing_addressFields_country = billingAddress.countryCodeAlpha2;\n storeFrontBillingData.dwfrm_billing_contactInfoFields_phone = billingAddress.phone;\n\n return storeFrontBillingData;\n}\n\nmodule.exports = {\n initCartUpdateEvent,\n paymentMethodChangeHandle,\n continueButtonToggle,\n updateCheckoutView,\n isValidInputField,\n updatePaymentMethodTab,\n getBillingAddressFormValues,\n removeBtPayment,\n createPaymentFormData,\n isNonceExist,\n setDefaultProperty,\n getOptionByDataDefault,\n removeActiveSessionPayment,\n getSessionAccountOption,\n showCartErrorMsg,\n updateBillingFormValues,\n getSelectedOption,\n getPaymentFieldsData,\n getUpdatedStoreFrontBillingData\n};\n","\nmodule.exports = function (containerElement) {\n if (!containerElement) {\n // eslint-disable-next-line no-console\n console.error('Braintree: No container for showing loaders');\n }\n function Constructor() {\n this.containerEl = containerElement;\n }\n Constructor.prototype.show = function () {\n this.containerEl.style.display = 'block';\n };\n Constructor.prototype.hide = function () {\n this.containerEl.style.display = 'none';\n };\n return new Constructor();\n};\n","'use strict';\n\nvar helper = require('../../helper');\nvar payPalSessionAccountHelper = require('../helpers/payPalSessionAccountHelper');\n\n/**\n * Function which remove session nonce and related to the session account data\n */\nfunction removeSessionNonce() {\n var $braintreePayPalNonce = document.querySelector('#braintreePayPalNonce');\n var $braintreePaypalAccount = document.querySelector('#braintreePaypalAccount');\n\n var sessionOption = helper.getSessionAccountOption({\n querySelector: '#braintreePaypalAccountsList',\n id: 'braintreePaypalAccount'\n });\n\n if (sessionOption) {\n $braintreePayPalNonce.value = '';\n $braintreePaypalAccount.selected = false;\n\n sessionOption.classList.add('used-paypal-account-hide');\n sessionOption.classList.remove('used-paypal-account');\n sessionOption.value = '';\n sessionOption.text = '';\n sessionOption.setAttribute('data-session-account', false);\n sessionOption.setAttribute('data-save', false);\n\n // Handles a behavior inside PayPal tab, when session PayPal account was deleted\n payPalSessionAccountHelper.handlePaypalTabBehavior();\n }\n}\n\nmodule.exports = {\n removeSessionNonce\n};\n","'use strict';\n\nvar helper = require('../../helper');\n\nvar $btSavePaypalAccountContainer = document.querySelector('#braintreeSavePaypalAccountContainer');\nvar $paypalContent = document.querySelector('.js_braintree_paypalContent');\nvar $btPayPalBillingButton = document.querySelector('.js_braintree_paypal_billing_button');\n\n/**\n * Hides PayPal Smart Button functionality inside PayPal tab\n */\nfunction hidePaypalSmartButtonFunctionality() {\n $btSavePaypalAccountContainer.style.display = 'none';\n $btPayPalBillingButton.style.display = 'none';\n $paypalContent.setAttribute('data-paypal-is-hide-continue-button', false);\n}\n\n/**\n * Shows PayPal Smart Button functionality inside PayPal tab\n */\nfunction showPaypalSmartButtonFunctionality() {\n $btPayPalBillingButton.style.display = 'block';\n $paypalContent.setAttribute('data-paypal-is-hide-continue-button', true);\n}\n\n/**\n * Handles a behavior inside PayPal tab, when session PayPal account was deleted\n */\nfunction handlePaypalTabBehavior() {\n var $payPalAccountList = document.querySelector('#braintreePaypalAccountsList');\n var $defaultOption = helper.getOptionByDataDefault('#braintreePaypalAccountsList');\n var $selectedOption = helper.getSelectedOption($payPalAccountList);\n var isSelectedPaypalAccount = $selectedOption.value !== 'newaccount';\n var paypalButtonConfigs = JSON.parse($btPayPalBillingButton.getAttribute('data-braintree-config'));\n var isChangePmButton = paypalButtonConfigs.changePMButtonEnabled;\n\n // Case when buyer selected another PM (CC,GP..)\n if ($defaultOption && !isSelectedPaypalAccount) {\n // Shows ChangePM button if buyer has already saved PP account and ChangePM button is enabled\n if (isChangePmButton) {\n $btSavePaypalAccountContainer.style.display = 'block';\n\n showPaypalSmartButtonFunctionality();\n // Shows default PayPal account\n } else {\n $defaultOption.selected = true;\n\n hidePaypalSmartButtonFunctionality();\n }\n // Case when buyer selected PayPal account from paypalAccountList\n } else if (isSelectedPaypalAccount) {\n hidePaypalSmartButtonFunctionality();\n // Case when buyer does not have saved PayPal account\n } else {\n var $btUsedPayPalAccount = document.querySelector('.form-group.braintree_used_paypal_account');\n\n $btUsedPayPalAccount.classList.remove('used-paypal-account');\n $btUsedPayPalAccount.classList.add('used-paypal-account-hide');\n\n showPaypalSmartButtonFunctionality();\n }\n\n [].forEach.call($payPalAccountList, function (el) {\n if (el.style.display === 'none') el.style.display = 'block';\n });\n}\n\nmodule.exports = {\n handlePaypalTabBehavior,\n hidePaypalSmartButtonFunctionality,\n showPaypalSmartButtonFunctionality\n};\n","'use strict';\n\n// Helpers\nvar helper = require('../../helper');\nvar srcListHelper = require('../helpers/srcListHelper');\nvar srcHelper = require('../helpers/srcHelper');\n\nvar $srcSessionAccount = document.querySelector('#sessionSrcAccount');\nvar $srcButton = document.querySelector('.js_braintree_src_button');\nvar $accountListBlock = document.querySelector('.braintree_used_src_account');\nvar $srcCardDescription = document.querySelector('#braintreeSrcCardDescription');\nvar $braintreeSrcCardType = document.querySelector('#braintreeSrcCardType');\nvar $braintreeSrcLastFourDigits = document.querySelector('#braintreeSrcLastFourDigits');\nvar $braintreeSrcCreditCardNumber = document.querySelector('#braintreeSrcCreditCardNumber');\n/**\n * Shows used session account(card) in dropdown and handles checkout view\n * @param {Object} srcPayload payload with card data from tokenization\n */\nfunction showSrcSessionAccount(srcPayload) {\n // description of used card(ex. Visa ending in 1111)\n var cardDescription = srcPayload.details.cardType + ' ' + srcPayload.description;\n\n $srcSessionAccount.value = cardDescription;\n $srcSessionAccount.text = cardDescription;\n $srcCardDescription.value = cardDescription;\n $srcSessionAccount.selected = true;\n $accountListBlock.style.display = 'block';\n $srcButton.style.display = 'none';\n\n // Inputs required for identifying already saved cards\n $braintreeSrcCardType.value = srcPayload.details.cardType;\n $braintreeSrcLastFourDigits.value = srcPayload.details.lastFour;\n $braintreeSrcCreditCardNumber.value = '************' + srcPayload.details.lastFour;\n\n srcListHelper.handleSaveSrcAccountCheckbox($srcSessionAccount, true);\n srcListHelper.setIsHideContinueButtonAttr(false);\n helper.continueButtonToggle(false);\n}\n\n/*\n* Removes method was used and changes appearance of SRC tab\n**/\nfunction removeSessionNonce() {\n $srcSessionAccount.value = '';\n $srcSessionAccount.text = '';\n $accountListBlock.style.display = 'none';\n $srcSessionAccount.setAttribute('data-save', false);\n\n document.querySelector('#braintreeSRCNonce').value = '';\n document.querySelector('#braintreeSrcBillingAddress').value = '';\n document.querySelector('#braintreeSrcCardDescription').value = '';\n document.querySelector('#newSrcAccount').selected = true;\n\n srcHelper.srcContentTabHandler(false);\n}\n\nmodule.exports = {\n showSrcSessionAccount,\n removeSessionNonce\n};\n","'use strict';\n\n/**\n * Shows a zero amount SRC button and hides a normal SRC button\n */\nfunction showZeroAmountSrcButton() {\n $('.v-button-zero-amount').show();\n $('.v-button').hide();\n}\n\n/**\n * Hides a zero amount SRC button and show a normal SRC button\n */\nfunction hideZeroAmountSrcButton() {\n $('.v-button-zero-amount').hide();\n $('.v-button').show();\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 Page\n * @param {DOMElement} $zeroAmountButton DOM element of zero amount SRC button\n * @param {Object} errorHandlingModel Checkout error handling model\n */\nfunction addZeroAmountButtonEventListenerOnCart($zeroAmountButton, errorHandlingModel) {\n $zeroAmountButton.addEventListener('click', () => {\n errorHandlingModel.hideError();\n errorHandlingModel.showZeroAmountOnCart();\n });\n}\n\n/**\n * Adds event listener to the zero amount SRC button on the Checkout Page\n * @param {DOMElement} $zeroAmountButton DOM element of zero amount SRC button\n * @param {Object} errorHandlingModel Checkout error handling model\n */\nfunction addZeroAmountButtonEventListenerOnCheckout($zeroAmountButton, errorHandlingModel) {\n $zeroAmountButton.addEventListener('click', () => {\n errorHandlingModel.hideError();\n errorHandlingModel.showZeroAmountOnCheckout();\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 var config = { attributes: true, childList: true, subtree: true };\n\n var observer = new MutationObserver((element) => {\n var 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 addZeroAmountButtonEventListenerOnCheckout: addZeroAmountButtonEventListenerOnCheckout,\n addZeroAmountButtonEventListenerOnCart: addZeroAmountButtonEventListenerOnCart,\n hideZeroAmountSrcButton: hideZeroAmountSrcButton,\n showZeroAmountSrcButton: showZeroAmountSrcButton,\n handleZeroAmountButtonVisibility: handleZeroAmountButtonVisibility\n};\n","'use strict';\n\nvar helper = require('../../helper');\nvar srcListHelper = require('./srcListHelper');\nvar srcButtonHelper = require('./srcButtonHelper');\n\n/**\n * Returns Braintree SRC configs\n * @returns {Object} Braintree SRC configs\n */\nfunction getBraintreeSRCButtonConfigs() {\n var braintreeSrcButtonConfigs = null;\n var $srcButton = document.querySelector('.js_braintree_src_button') || document.querySelector('.js_braintree_src_account_button');\n\n try {\n braintreeSrcButtonConfigs = JSON.parse($srcButton.getAttribute('data-braintree-config'));\n } catch (error) {\n return braintreeSrcButtonConfigs;\n }\n\n return braintreeSrcButtonConfigs;\n}\n\n/**\n * Returns stringified SRC shipping address\n * @param {Object} shippingData SRC shipping\n * @returns {string} stringified shipping address\n */\nfunction createSrcShippingAddressData(shippingData) {\n var shippingAddress = {};\n shippingAddress.recipientName = shippingData.firstName + ' ' + shippingData.lastName;\n shippingAddress.phone = shippingData.phoneNumber;\n shippingAddress.countryCodeAlpha2 = shippingData.countryCode;\n shippingAddress.streetAddress = shippingData.streetAddress;\n shippingAddress.extendedAddress = shippingData.extendedAddress;\n shippingAddress.locality = shippingData.locality;\n shippingAddress.region = shippingData.region;\n shippingAddress.postalCode = shippingData.postalCode;\n\n return JSON.stringify(shippingAddress);\n}\n\n/**\n * Returns stringified SRC billing address\n * @param {Object} billingData SRC billing\n * @param {Object} userData user data with email\n * @returns {string} stringified billing address\n */\nfunction createSrcBillingAddress(billingData, userData) {\n var srcBillingAddress = {};\n srcBillingAddress.recipientName = billingData.firstName + ' ' + billingData.lastName;\n srcBillingAddress.phone = billingData.phoneNumber;\n srcBillingAddress.countryCodeAlpha2 = billingData.countryCode;\n srcBillingAddress.streetAddress = billingData.streetAddress;\n srcBillingAddress.extendedAddress = billingData.streetAddress;\n srcBillingAddress.locality = billingData.locality;\n srcBillingAddress.region = billingData.region;\n srcBillingAddress.postalCode = billingData.postalCode;\n srcBillingAddress.email = userData.userEmail;\n\n return JSON.stringify(srcBillingAddress);\n}\n\n/**\n * Creates SRC checkout form data\n * @param {Object} srcCheckoutFormData SRC form data\n * @param {Object} srcResponseData payload from SRC\n * @returns {Object} SRC Checkout Form with appended SRC data\n */\nfunction createSrcCheckoutFormData(srcCheckoutFormData, srcResponseData) {\n var csrfToken = document.querySelector('.braintree-cart-buttons-wrap #csrf_token');\n\n var cardDescription = srcResponseData.details.cardType + ' ' + srcResponseData.description;\n var deviceData = document.querySelector('input[name=braintreeSrcDeviceDataInput]').value;\n var shippingAddressData = createSrcShippingAddressData(srcResponseData.shippingAddress);\n\n srcCheckoutFormData.append(csrfToken.name, csrfToken.value);\n srcCheckoutFormData.append('braintreeSrcNonce', srcResponseData.nonce);\n srcCheckoutFormData.append('braintreeSrcDeviceDataInput', deviceData);\n srcCheckoutFormData.append('braintreeSrcShippingAddress', shippingAddressData || '{}');\n srcCheckoutFormData.append('braintreeSrcCardDescription', cardDescription);\n srcCheckoutFormData.append('braintreeSrcCardType', srcResponseData.details.cardType);\n srcCheckoutFormData.append('braintreeSrcCreditCardNumber', '************' + srcResponseData.details.lastFour);\n\n return srcCheckoutFormData;\n}\n\n/**\n * Creates SRC form data\n * @param {Object} responseData data received after SRC tokenize\n * @param {string} paymentMethodName SRC payment method name\n * @returns {Object} SRC payment form data\n */\nfunction createSrcFormData(responseData, paymentMethodName) {\n var srcData = {};\n var checkoutFormFields = document.querySelector('.braintree-cart-buttons-wrap').getAttribute('data-checkout-form-fields');\n\n srcData.firstName = responseData.userData.userFirstName;\n srcData.lastName = responseData.userData.userLastName;\n srcData.address1 = responseData.billingAddress.streetAddress;\n srcData.address2 = responseData.billingAddress.extendedAddress || '';\n srcData.city = responseData.billingAddress.locality;\n srcData.postalCode = responseData.billingAddress.postalCode;\n srcData.stateCode = responseData.billingAddress.region;\n srcData.country = responseData.billingAddress.countryCode;\n srcData.email = responseData.userData.userEmail;\n srcData.phone = responseData.billingAddress.phoneNumber;\n srcData.paymentMethod = paymentMethodName;\n\n return helper.createPaymentFormData(checkoutFormFields, srcData);\n}\n\n/**\n * Updates Storefront billing data form with SRC data\n * @param {Object} srcBillingData SRC billing address data/phone/email\n */\nfunction updateStorefrontBillingData(srcBillingData) {\n var storefrontBillingData = JSON.parse(document.querySelector('.braintree-billing-payment-wrap').getAttribute('data-billing-form-fields-names'));\n storefrontBillingData.dwfrm_billing_addressFields_firstName = srcBillingData.firstName;\n storefrontBillingData.dwfrm_billing_addressFields_lastName = srcBillingData.lastName;\n storefrontBillingData.dwfrm_billing_addressFields_address1 = srcBillingData.streetAddress;\n storefrontBillingData.dwfrm_billing_addressFields_address2 = srcBillingData.extendedAddress || '';\n storefrontBillingData.dwfrm_billing_addressFields_city = srcBillingData.locality;\n storefrontBillingData.dwfrm_billing_addressFields_postalCode = srcBillingData.postalCode;\n storefrontBillingData.dwfrm_billing_addressFields_states_stateCode = srcBillingData.region;\n storefrontBillingData.dwfrm_billing_addressFields_country = srcBillingData.countryCode;\n storefrontBillingData.dwfrm_billing_contactInfoFields_email = srcBillingData.email;\n storefrontBillingData.dwfrm_billing_contactInfoFields_phone = srcBillingData.phoneNumber;\n\n helper.updateBillingFormValues(storefrontBillingData);\n}\n\n/**\n * Handles all behavior related to the src content tab\n * SRC list (dropdown) change - actions for new/session account showing\n * @param {bollean} isSrcTabActive Whether Src tab is active\n */\nfunction srcContentTabHandler(isSrcTabActive) {\n var $srcAccountList = document.querySelector('#braintreeSrcAccountsList');\n var srcOptionId = $srcAccountList.value;\n var $srcButton = document.querySelector('.js_braintree_src_button');\n var $srcZeroAmountButton = document.querySelector('.braintree-billingpage-src-button-zero-amount');\n var $alertInfo = document.querySelector('.billingAddressInfoAlert');\n var $srcSessionAccount = document.querySelector('#sessionSrcAccount');\n\n switch (srcOptionId) {\n case 'newaccount':\n $srcButton.style.display = 'block';\n $srcZeroAmountButton.style.display = 'block';\n $alertInfo.style.display = 'block';\n\n if (isSrcTabActive) {\n helper.continueButtonToggle(true);\n }\n\n srcListHelper.setIsHideContinueButtonAttr(true);\n // Case when registered user and vaulting is enabled\n srcListHelper.handleSaveSrcAccountCheckbox($srcSessionAccount, true);\n break;\n default:\n $srcButton.style.display = 'none';\n $srcZeroAmountButton.style.display = 'none';\n $alertInfo.style.display = 'none';\n\n helper.continueButtonToggle(false);\n srcListHelper.setIsHideContinueButtonAttr(false);\n // Case when registered user and vaulting is enabled\n srcListHelper.handleSaveSrcAccountCheckbox($srcSessionAccount, JSON.parse($srcSessionAccount.getAttribute('data-save')));\n }\n}\n\n/**\n * Treats the behavior of the SRC button in the SRC tab based on the total cost\n * Shows/hides the required SRC button if the total value is/isn't 0\n * @param {DOMElement} totalAmountElement DOM Element that includes the total cost\n * @param {Object} errorHandlingModel ErrorHandling cart or checkout model\n */\nfunction zeroAmountSrcButtonBehavior(totalAmountElement, errorHandlingModel) {\n var $braintreeCartZeroAmountSrcButton = document.querySelector('.braintree-cart-src-button-zero-amount');\n var $braintreeBillingPageZeroAmountSrcButton = document.querySelector('.braintree-billingpage-src-button-zero-amount');\n var totalAmount = Number.parseFloat(totalAmountElement.textContent.slice(1));\n\n // Add event listener for cart zero amount button\n if ($braintreeCartZeroAmountSrcButton) {\n srcButtonHelper.addZeroAmountButtonEventListenerOnCart($braintreeCartZeroAmountSrcButton, errorHandlingModel);\n }\n\n // Add event listener for checkout zero amount button\n if ($braintreeBillingPageZeroAmountSrcButton) {\n srcButtonHelper.addZeroAmountButtonEventListenerOnCheckout($braintreeBillingPageZeroAmountSrcButton, errorHandlingModel);\n }\n\n // Handles whether show or hide zero amount button\n srcButtonHelper.handleZeroAmountButtonVisibility(totalAmount);\n\n // Creates a mutation obserber for total amount element\n srcButtonHelper.initTotalAmountElementObserver(totalAmountElement);\n}\n\nmodule.exports = {\n getBraintreeSRCButtonConfigs,\n createSrcShippingAddressData,\n createSrcBillingAddress,\n createSrcFormData,\n updateStorefrontBillingData,\n srcContentTabHandler,\n createSrcCheckoutFormData,\n zeroAmountSrcButtonBehavior\n};\n","var helper = require('../../helper');\n\nvar $srcAccountList = document.querySelector('#braintreeSrcAccountsList');\nvar $srcButton = document.querySelector('.js_braintree_src_button');\nvar $accoutnListBlock = document.querySelector('.braintree_used_src_account');\nvar $alertInfo = document.querySelector('.billingAddressInfoAlert');\nvar $saveSRCAccountCheckbox = document.querySelector('#braintreeSaveSRCAccount');\nvar $saveSRCAccountCheckboxContainter = document.querySelector('#braintreeSaveSRCContainer');\n\n/**\n * Sets value to data-paypal-is-hide-continue-button attribute\n * @param {boolean} value true/false\n */\nfunction setIsHideContinueButtonAttr(value) {\n var $srcContent = document.querySelector('.js_braintree_srcContent');\n\n $srcContent.setAttribute('data-paypal-is-hide-continue-button', value);\n}\n\n/**\n * Handles actions based on selected value in SRC dropdown for checkout view\n */\nfunction srsListStateHandler() {\n var srcOptionId = $srcAccountList.value;\n switch (srcOptionId) {\n case 'newaccount':\n\n if ($alertInfo) {\n $alertInfo.style.display = 'block';\n }\n\n $accoutnListBlock.style.display = 'none';\n break;\n default:\n $srcButton.style.display = 'none';\n\n if ($alertInfo) {\n $alertInfo.style.display = 'none';\n }\n\n helper.continueButtonToggle(false);\n setIsHideContinueButtonAttr(false);\n }\n}\n\n/**\n * Get stored card by card type and last four digits\n * @param {string} cardType card type\n * @param {string} lastFour last four card digits\n * @returns {Object} jquery object of found stored card\n */\nfunction getStoredCardByData(cardType, lastFour) {\n var $foundCard;\n\n $('.js_stored_card').each(function (_, $el) {\n var $card = $($el);\n var storedCardType = $card.data('type').replace(/\\s/g, '').toLowerCase();\n var storedCardLastFour = $card.data('last-four').toString();\n\n if (storedCardType === cardType && storedCardLastFour === lastFour) {\n $foundCard = $card;\n }\n });\n\n return $foundCard;\n}\n\n/**\n * Checks whether SRC session card is already stored\n * @param {string} cardType card type\n * @param {string} lastFour last four card digits\n * @returns {boolean} \"true/false\" value whether session card is already stored\n */\nfunction isSessionCardAlreadyStored(cardType, lastFour) {\n var $storedCard = getStoredCardByData(cardType, lastFour);\n var flag = false;\n\n if ($storedCard) {\n flag = true;\n }\n\n return flag;\n}\n\n/**\n * Sets value to \"Save SRC account\" checkbox\n * @param {Element} srcSessionAccount element from which we recognize session account existence\n * @param {boolean} value true/false\n */\nfunction handleSaveSrcAccountCheckbox(srcSessionAccount, value) {\n var isSrcSessionCardExist = srcSessionAccount.value !== '';\n var isAddNewOptionSelected = $srcAccountList.value === 'newaccount';\n\n if ($saveSRCAccountCheckbox) {\n // In case if session account exists and is chosen in dropdown\n // we check whether used SRC card is already stored\n // if card is already stored \"save\" checkbox is hidden and unchecked\n if (isSrcSessionCardExist && !isAddNewOptionSelected) {\n var $braintreeSrcCardType = document.querySelector('#braintreeSrcCardType');\n var $braintreeSrcLastFourDigits = document.querySelector('#braintreeSrcLastFourDigits');\n var sessionCardType = $braintreeSrcCardType.value;\n var sessionCardLastFour = $braintreeSrcLastFourDigits.value;\n sessionCardType = sessionCardType.replace(/\\s/g, '').toLowerCase();\n\n var isSrcSessionCardAlreadyStored = isSessionCardAlreadyStored(sessionCardType, sessionCardLastFour);\n\n if (isSrcSessionCardAlreadyStored) {\n $saveSRCAccountCheckbox.checked = false;\n $saveSRCAccountCheckboxContainter.style.display = 'none';\n }\n\n return;\n }\n // In case if session card does not exist/user chooses option \"Add New\"\n // or session card is not stored yet\n // checkbox is checked and shown\n $saveSRCAccountCheckboxContainter.style.display = 'block';\n $saveSRCAccountCheckbox.checked = value;\n }\n}\n\nmodule.exports = {\n setIsHideContinueButtonAttr,\n srsListStateHandler,\n handleSaveSrcAccountCheckbox\n};\n","'use strict';\n\nvar helper = require('../../helper');\nvar venmoHelper = require('../helpers/venmoHelper');\n\nvar $venmoButton = document.querySelector('.js_braintree_venmo_button');\nvar $braintreeVenmoSessionAccount = document.getElementById('braintreeVenmoAccount');\nvar $venmoAccountBlock = document.querySelector('.js_braintree_used_venmo_account');\nvar $braintreeVenmoUserId = document.querySelector('#braintreeVenmoUserId');\n\n/**\n * Handles showing Venmo session account\n */\nfunction showVenmoAccount() {\n var btVenmoAccountsList = document.querySelector('#braintreeVenmoAccountsList');\n\n if (!btVenmoAccountsList) {\n $venmoAccountBlock.classList.remove('used-venmo-account-hide');\n $braintreeVenmoSessionAccount.options[0].text = $braintreeVenmoUserId.value;\n }\n\n $venmoButton.style.display = 'none';\n\n helper.continueButtonToggle(false);\n}\n\n/**\n * Removes method was used and change appearance of Venmo tab\n */\nfunction removeSessionNonce() {\n var defaultOption = helper.getOptionByDataDefault('#braintreeVenmoAccountsList');\n var braintreeVenmoNonce = document.querySelector('#braintreeVenmoNonce');\n var braintreeVenmoBilling = document.querySelector('#braintreeVenmoBilling');\n\n if (defaultOption) {\n defaultOption.selected = true;\n\n venmoHelper.venmoContentTabHandler();\n } else {\n $venmoAccountBlock.classList.remove('used-venmo-account');\n $venmoAccountBlock.classList.add('used-venmo-account-hide');\n $venmoButton.style.display = 'block';\n }\n\n braintreeVenmoNonce.value = '';\n braintreeVenmoBilling.value = '';\n}\n\nmodule.exports = {\n showVenmoAccount,\n removeSessionNonce\n};\n","'use strict';\n\nvar $addVenmoAccountBtn = document.querySelector('.add-venmo-account');\nvar $venmoAccountWrapper = document.querySelector('.js_braintree_accountVenmoButton_wrapper');\nvar $venmoErrorContainer = document.querySelector('#venmoAccountErrorContainer');\n\n/**\n * Shows error on the Account Page and hides Venmo block in case when browser is not supported\n * @param {Object} braintreeVenmoConfig Braintree Venmo config\n */\nfunction handleNoBrowserSupportErrorOnAccount(braintreeVenmoConfig) {\n $addVenmoAccountBtn.style.display = 'none';\n $venmoAccountWrapper.style.display = 'block';\n document.querySelector('#venmoAccountErrorContainer').textContent = braintreeVenmoConfig.messages.VENMO_BROWSER_NOT_SUPPORTED;\n\n [].slice.call($venmoAccountWrapper.children).forEach(function (item) {\n if (!item.classList.contains('error')) {\n item.style.display = 'none';\n }\n });\n}\n\n/**\n * Hides Venmo tab on the Billing Page - in case when browser is not supported\n */\nfunction hideVenmoTab() {\n document.querySelector('.js_braintree_venmo_button').parentElement.firstElementChild.style.display = 'none';\n document.querySelector('.payment-options[role=tablist] .nav-item[data-method-id=\"Venmo\"]').style.display = 'none'; // Remove the venmo select payment method radiobutton\n}\n\n/**\n * Handles error flows in case when browser is not supported for Billing/Account Pages\n * @param {Object} braintreeVenmoConfig Braintree Venmo config\n */\nfunction handleNoBrowserSupport(braintreeVenmoConfig) {\n if ($venmoAccountWrapper) {\n handleNoBrowserSupportErrorOnAccount(braintreeVenmoConfig);\n } else {\n hideVenmoTab();\n }\n}\n\n/**\n * Shows error container and passed error message\n * @param {string} error error text\n */\nfunction showVenmoError(error) {\n $venmoErrorContainer.style.display = 'block';\n $venmoErrorContainer.textContent = error;\n}\n\n/**\n * Hides error container and clear existing error\n */\nfunction clearVenmoError() {\n $venmoErrorContainer.textContent = '';\n $venmoErrorContainer.style.display = 'none';\n}\n\n/**\n * Show checkout error message on top of the page\n * @param {string} message Error message\n */\nfunction showCheckoutErrorMsg(message) {\n document.querySelector('.error-message-text').textContent = '';\n document.querySelector('.error-message').style.display = 'block';\n document.querySelector('.error-message-text').append(message);\n\n window.scrollTo(0, 0);\n}\n\n/**\n * Inits Venmo error handler components\n * @param {Element} $venmoButton Venmo button element\n */\nfunction init($venmoButton) {\n // For account page flow error container already exist\n var isVenmoErrorContainerExists = Boolean($venmoErrorContainer);\n\n // For the Billing Page we create error containter\n if (!isVenmoErrorContainerExists) {\n $venmoErrorContainer = document.createElement('div');\n $venmoErrorContainer.className = 'venmo-error';\n $venmoButton.parentNode.insertBefore($venmoErrorContainer, $venmoButton.nextSibling);\n }\n}\n\nmodule.exports = {\n init,\n handleNoBrowserSupport,\n showVenmoError,\n clearVenmoError,\n showCheckoutErrorMsg\n};\n","'use strict';\n\nvar helper = require('../../helper');\nvar venmoErrorHandler = require('../errorhandler/venmoErrorHandler');\n\nvar $addVenmoAccountBtn = document.querySelector('.add-venmo-account');\nvar $venmoAccountWrapper = document.querySelector('.js_braintree_accountVenmoButton_wrapper');\n\n/**\n * Returns Braintree Venmo configs\n * @returns {Object} Braintree Venmo configs\n */\nfunction getBraintreeVenmoButtonConfigs() {\n var braintreeVenmoButtonConfigs = null;\n var $venmoButton = document.querySelector('.js_braintree_venmo_button') || document.querySelector('.js_braintree_accountVenmoButton');\n\n try {\n braintreeVenmoButtonConfigs = JSON.parse($venmoButton.getAttribute('data-braintree-config'));\n } catch (error) {\n return braintreeVenmoButtonConfigs;\n }\n\n return braintreeVenmoButtonConfigs;\n}\n\n/**\n * Creates loader container on the Billing page\n * @param {Element} $target Venmo button target for which loader container is created\n * @returns {Element} created loader container element\n */\nfunction createLoaderContainter($target) {\n var $loaderContainter = document.createElement('div');\n\n $loaderContainter.className = 'venmo-braintree-loader';\n\n helper.continueButtonToggle(true);\n\n return $target.parentNode.insertBefore($loaderContainter, $target);\n}\n\n\n/**\n * Updates the billing address form values within saved billing\n * @param {Object} billingAddress billing address\n */\nfunction updateBillingAddressFormValues(billingAddress) {\n var form = $('form[name=dwfrm_billing]');\n var inputNames = ['firstName', 'lastName', 'address1', 'address2', 'city', 'postalCode', 'country'];\n\n if (!form) {\n return;\n }\n\n $.each(inputNames, function (index, value) {\n $(`input[name$=_${value}]`, form).val(decodeURIComponent(billingAddress[value]));\n });\n\n $('select[name$=_stateCode],input[name$=_stateCode]', form)\n .val(billingAddress.stateCode);\n}\n\n/**\n * Shows Venmo button on the Account Page and hides \"add new\" button\n */\nfunction showVenmoAccountBtn() {\n $addVenmoAccountBtn.style.display = 'none';\n $venmoAccountWrapper.style.display = 'block';\n}\n\n/**\n * Hides Venmo button on the Account Page and shows \"add new\" button\n */\nfunction hideVenmoAccountBtn() {\n $addVenmoAccountBtn.style.display = 'block';\n $venmoAccountWrapper.style.display = 'none';\n}\n\n/**\n * Saves Venmo device (risk) data to hidden input\n * @param {string} deviceData Venmo device (risk) data\n */\nfunction setVenmoDeviceData(deviceData) {\n var $braintreeVenmoDeviceData = document.querySelector('#braintreeVenmoDeviceData');\n\n if ($braintreeVenmoDeviceData) {\n $braintreeVenmoDeviceData.value = deviceData;\n }\n}\n\n/**\n * Checks billing form on the Billing Page\n * If billing form is valid, saves/updates billing address to input\n * If not valid (possible case: empty email) - add error class to email input\n * @returns {boolean} billing form check result value\n */\nfunction checkBillingForm() {\n var $billingForm = document.querySelector('.card-body [id=dwfrm_billing]');\n var $venmoBillingInput = document.querySelector('#braintreeVenmoBilling');\n\n if ($billingForm.checkValidity()) {\n /**\n * Setting current customer Billing address to form\n * For the case when SFCC redirects customer from payment stage to shipping stage\n * after successful Venmo app response\n */\n $venmoBillingInput.value = JSON.stringify(helper.getBillingAddressFormValues());\n\n return true;\n }\n\n return false;\n}\n\n/**\n * Checks zero amount on the Billing Page\n * If amount is zero Venmo pop-up is closed and appropriate error is shown\n * If amount is acceptable by Venmo user could proceed through pop-up\n * @returns {boolean} zero amount check result value\n */\nfunction checkZeroAmount() {\n var $venmoButton = document.querySelector('.js_braintree_venmo_button');\n var venmoButtonConfig = JSON.parse($venmoButton.getAttribute('data-braintree-config'));\n var amount = venmoButtonConfig.options.amount;\n\n if (amount === 0) {\n var errorMessage = venmoButtonConfig.messages.VENMO_ZERO_AMOUNT_ERROR;\n\n venmoErrorHandler.showCheckoutErrorMsg(errorMessage);\n\n return true;\n }\n\n return false;\n}\n\n/**\n * Handles all behavior related to the Venmo content tab\n */\nfunction venmoContentTabHandler() {\n var $btVenmoAccountsList = document.querySelector('#braintreeVenmoAccountsList');\n var $saveVenmoAccountCheckboxContainer = document.querySelector('#braintreeSaveVenmoAccountContainer');\n var $saveVenmoAccountCheckbox = document.querySelector('#braintreeSaveVenmoAccount');\n var $venmoButton = document.querySelector('.js_braintree_venmo_button');\n var $venmoContent = document.querySelector('.js_braintree_venmoContent');\n var venmoOptionId = $btVenmoAccountsList.value;\n\n switch (venmoOptionId) {\n // Case when option \"new account\" is selected in dropdown\n case 'newaccount':\n $venmoButton.style.display = 'block';\n\n helper.continueButtonToggle(true);\n $venmoContent.setAttribute('data-paypal-is-hide-continue-button', true);\n\n break;\n // Case when saved account is selected in dropdown\n default:\n $venmoButton.style.display = 'none';\n\n helper.continueButtonToggle(false);\n $venmoContent.setAttribute('data-paypal-is-hide-continue-button', false);\n // Case when registered user and vaulting is enabled\n if ($saveVenmoAccountCheckboxContainer) {\n $saveVenmoAccountCheckbox.checked = false;\n $saveVenmoAccountCheckboxContainer.style.display = 'none';\n }\n }\n}\n\n\nmodule.exports = {\n getBraintreeVenmoButtonConfigs,\n createLoaderContainter,\n updateBillingAddressFormValues,\n showVenmoAccountBtn,\n hideVenmoAccountBtn,\n setVenmoDeviceData,\n checkBillingForm,\n checkZeroAmount,\n venmoContentTabHandler\n};\n","/**\n * Property of OSF GLOBAL SERVICES INC. , an OSF Digital company. OSF remains the sole owner of all right, title and interest in the software. Do not copy, sell, reverse engineer or otherwise attempt to derive or obtain information about the functioning, manufacture or operation therein.\n */\n\n\"use strict\";\n\n/**\n * appends params to a url\n * @param {string} url - Original url\n * @param {Object} params - Parameters to append\n * @returns {string} result url with appended parameters\n */\nfunction appendToUrl(url, params) {\n var newUrl = url;\n newUrl += (newUrl.indexOf(\"?\") !== -1 ? \"&\" : \"?\") +\n Object.keys(params)\n .map(function (key) {\n return key + \"=\" + encodeURIComponent(params[key]);\n })\n .join(\"&\");\n\n return newUrl;\n}\n\n/**\n * re-renders the order totals and the number of items in the cart\n * @param {Object} data - AJAX response from the server\n */\nfunction updateCartTotals(data) {\n $(\".number-of-items\").empty().append(data.resources.numberOfItems);\n $(\".shipping-cost\").empty().append(data.totals.totalShippingCost);\n $(\".tax-total\").empty().append(data.totals.totalTax);\n $(\".grand-total\").empty().append(data.totals.grandTotal);\n $(\".sub-total\").empty().append(data.totals.subTotal);\n $(\".minicart-quantity\").empty().append(data.numItems);\n $(\".minicart-link\").attr({\n \"aria-label\": data.resources.minicartCountOfItems,\n title: data.resources.minicartCountOfItems\n });\n if (data.totals.orderLevelDiscountTotal.value > 0) {\n $(\".order-discount\").removeClass(\"hide-order-discount\");\n $(\".order-discount-total\")\n .empty()\n .append(\"- \" + data.totals.orderLevelDiscountTotal.formatted);\n } else {\n $(\".order-discount\").addClass(\"hide-order-discount\");\n }\n\n if (data.totals.shippingLevelDiscountTotal.value > 0) {\n $(\".shipping-discount\").removeClass(\"hide-shipping-discount\");\n $(\".shipping-discount-total\")\n .empty()\n .append(\n \"- \" + data.totals.shippingLevelDiscountTotal.formatted\n );\n } else {\n $(\".shipping-discount\").addClass(\"hide-shipping-discount\");\n }\n\n data.items.forEach(function (item) {\n if (item.renderedPromotions) {\n $(\".item-\" + item.UUID)\n .empty()\n .append(item.renderedPromotions);\n }\n if (item.priceTotal && item.priceTotal.renderedPrice) {\n $(\".item-total-\" + item.UUID)\n .empty()\n .append(item.priceTotal.renderedPrice);\n }\n });\n}\n\n/**\n * re-renders the approaching discount messages\n * @param {Object} approachingDiscounts - updated approaching discounts for the cart\n */\nfunction updateApproachingDiscounts(approachingDiscounts) {\n var html = \"\";\n $(\".approaching-discounts\").empty();\n if (approachingDiscounts.length > 0) {\n approachingDiscounts.forEach(function (item) {\n html += \"
\" +\n item.discountMsg +\n \"
\";\n });\n }\n $(\".approaching-discounts\").append(html);\n}\n\n/**\n * Checks whether the basket is valid. if invalid displays error message and disables\n * checkout button\n * @param {Object} data - AJAX response from the server\n */\nfunction validateBasket(data) {\n var $cartError = $(\".cart-error\");\n var $cart = $(\".cart\");\n var $numberOfItems = $(\".number-of-items\");\n var $minicartQuantity = $(\".minicart-quantity\");\n var $minicartLink = $(\".minicart-link\");\n var $minicartPopover = $(\".minicart .popover\");\n var $checkoutBtn = $(\".checkout-btn\");\n var $buyseparatelyBannerInCart = $(\".buyseparately-banner[data-incartpage='true']\");\n var $jsBraintreeApplepayButtonsWrap = $(\".js_braintree_applepayButtonsWrap\");\n\n if (data.valid.error) {\n if (data.valid.message) {\n var errorHtml = `
\n `);\n $numberOfItems.empty().append(data.resources.numberOfItems);\n $minicartQuantity.empty().append(data.numItems);\n $minicartLink.attr({\n \"aria-label\": data.resources.minicartCountOfItems,\n title: data.resources.minicartCountOfItems\n });\n $minicartPopover.empty().removeClass(\"show\");\n }\n\n $checkoutBtn.addClass(\"disabled\");\n } else {\n $checkoutBtn.toggleClass(\"disabled\", data.isMixedBasketGV);\n }\n\n if ($buyseparatelyBannerInCart.length) {\n if (data.isMixedBasketGV) {\n $buyseparatelyBannerInCart.slideDown();\n } else {\n $buyseparatelyBannerInCart.slideUp();\n }\n }\n if ($jsBraintreeApplepayButtonsWrap.length) {\n $jsBraintreeApplepayButtonsWrap.toggleClass(\"disabled\", data.isMixedBasketGV);\n }\n}\n\n/**\n * re-renders the order totals and the number of items in the cart\n * @param {Object} message - Error message to display\n */\nfunction createErrorNotification(message) {\n var errorHtml = \"
\" +\n \"\" +\n message +\n \"
\";\n\n $(\".cart-error\").append(errorHtml);\n}\n\nmodule.exports = function () {\n $(\"body\").on(\"click\", \".remove-giftcertificate\", function (e) {\n e.preventDefault();\n var $this = $(this);\n var actionUrl = $this.data(\"action\");\n var uuid = $this.data(\"uuid\");\n var $deleteConfirmBtn = $(\".delete-giftcertificate-confirmation-btn\");\n $deleteConfirmBtn.data(\"uuid\", uuid);\n $deleteConfirmBtn.data(\"action\", actionUrl);\n var $minicart = $(\".minicart .popover\");\n if ($minicart.hasClass(\"show\")) {\n $minicart.removeClass(\"show\");\n }\n });\n\n $(\"body\").off(\"click\", \".delete-giftcertificate-confirmation-btn\");\n\n $(\"body\").on(\"click\", \".delete-giftcertificate-confirmation-btn\", function (e) {\n e.preventDefault();\n var $this = $(this);\n var url = $this.data(\"action\");\n var uuid = $this.data(\"uuid\");\n var urlParams = {\n uuid: uuid\n };\n url = appendToUrl(url, urlParams);\n $(\"body > .modal-backdrop\").remove();\n $.spinner().start();\n $.ajax({\n url: url,\n type: \"get\",\n dataType: \"json\",\n success: function (data) {\n if (\n data.items.length === 0 && data.giftcertificates.length === 0\n ) {\n $(\".cart\")\n .empty()\n .append(\n \"
\" +\n \"
\" +\n \"
\" +\n data.resources.emptyCartMsg +\n \"
\" +\n \"
\" +\n \"
\"\n );\n var $minicart = $(\".minicart\");\n var $minicartPopover = $minicart.find(\".popover\");\n\n $(\".number-of-items\")\n .empty()\n .append(data.resources.numberOfItems);\n $(\".minicart-quantity\").empty().append(data.numItems);\n $minicartPopover.empty().removeClass(\"show\");\n $(\"body\").removeClass(\"modal-open\");\n $(\"html\").removeClass(\"veiled\");\n } else {\n $(\".uuid-\" + uuid).remove();\n $(\".coupons-and-promos\")\n .empty()\n .append(data.totals.discountsHtml);\n updateCartTotals(data);\n updateApproachingDiscounts(data.approachingDiscounts);\n $(\"body\").trigger(\"setShippingMethodSelection\", data);\n validateBasket(data);\n }\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n });\n\n $(\"body\").off(\"click\", \".cart-delete-confirmation-btn\");\n\n $(\"body\").on(\"click\", \".cart-delete-confirmation-btn\", function (e) {\n e.preventDefault();\n\n var productID = $(this).data(\"pid\");\n var url = $(this).data(\"action\");\n var uuid = $(this).data(\"uuid\");\n var relatedproduct = $(this).data(\"relatedproduct\");\n var urlParams = {\n pid: productID,\n uuid: uuid\n };\n\n if (relatedproduct) {\n urlParams.relatedproduct = relatedproduct;\n }\n\n url = appendToUrl(url, urlParams);\n\n $(\"body > .modal-backdrop\").remove();\n\n $.spinner().start();\n\n $(\"body\").trigger(\"cart:beforeUpdate\");\n\n $.ajax({\n url: url,\n type: \"get\",\n dataType: \"json\",\n success: function (data) {\n if (\n data.basket.items.length === 0 && data.basket.giftcertificates.length === 0\n ) {\n $(\".cart\")\n .empty()\n .append(\n \"
\" +\n \"
\" +\n \"
\" +\n data.basket.resources.emptyCartMsg +\n \"
\" +\n \"
\" +\n \"
\"\n );\n $(\".number-of-items\")\n .empty()\n .append(data.basket.resources.numberOfItems);\n $(\".minicart-quantity\")\n .empty()\n .append(data.basket.numItems);\n $(\".minicart-link\").attr({\n \"aria-label\": data.basket.resources.minicartCountOfItems,\n title: data.basket.resources.minicartCountOfItems\n });\n $(\".minicart .popover\").empty();\n $(\".minicart .popover\").removeClass(\"show\");\n $(\"body\").removeClass(\"modal-open\");\n $(\"html\").removeClass(\"veiled\");\n } else {\n if (\n data.toBeDeletedUUIDs && data.toBeDeletedUUIDs.length > 0\n ) {\n for (let i = 0; i < data.toBeDeletedUUIDs.length; i += 1) {\n $(\".uuid-\" + data.toBeDeletedUUIDs[i]).remove();\n }\n }\n $(\".uuid-\" + uuid).remove();\n if (!data.basket.hasBonusProduct) {\n $(\".bonus-product\").remove();\n }\n $(\".coupons-and-promos\")\n .empty()\n .append(data.basket.totals.discountsHtml);\n updateCartTotals(data.basket);\n updateApproachingDiscounts(\n data.basket.approachingDiscounts\n );\n $(\"body\").trigger(\n \"setShippingMethodSelection\",\n data.basket\n );\n validateBasket(data.basket);\n if (data.basket.giftcertificates.length === data.basket.numItems) {\n $(\".cart-shipping-item\").fadeOut(500);\n $(\".shipping-cost-block\").fadeOut(500);\n }\n }\n\n $(\"body\").trigger(\"cart:update\");\n\n $.spinner().stop();\n }\n });\n });\n};\n","/**\r\n * Property of OSF GLOBAL SERVICES INC. , an OSF Digital company. OSF remains the sole owner of all right, title and interest in the software. Do not copy, sell, reverse engineer or otherwise attempt to derive or obtain information about the functioning, manufacture or operation therein.\r\n */\r\n\r\n\"use strict\";\r\n/* global $ */\r\n\r\n/**\r\n * Remove all validation. Should be called every time before revalidating form\r\n * @param {element} form - Form to be cleared\r\n * @returns {void}\r\n */\r\nfunction clearFormErrors(form) {\r\n $(form).find(\".form-control.is-invalid\").removeClass(\"is-invalid\");\r\n}\r\n\r\nmodule.exports = function (formElement, payload) {\r\n // clear form validation first\r\n clearFormErrors(formElement);\r\n $(\".alert\", formElement).remove();\r\n\r\n if (typeof payload === \"object\" && payload.fields) {\r\n Object.keys(payload.fields).forEach(function (key) {\r\n if (payload.fields[key]) {\r\n var feedbackElement = $(formElement).find(\"[name=\\\"\" + key + \"\\\"]\")\r\n .parent()\r\n .children(\".invalid-feedback\");\r\n\r\n if (feedbackElement.length > 0) {\r\n if (Array.isArray(payload[key])) {\r\n feedbackElement.html(payload.fields[key].join(\" \"));\r\n } else {\r\n feedbackElement.html(payload.fields[key]);\r\n }\r\n feedbackElement.siblings(\".form-control\").addClass(\"is-invalid\");\r\n }\r\n }\r\n });\r\n }\r\n if (payload && payload.error) {\r\n var form = $(formElement).prop(\"tagName\") === \"FORM\"\r\n ? $(formElement)\r\n : $(formElement).parents(\"form\");\r\n\r\n form.prepend(\"
\"\r\n + payload.error.join(\" \") + \"
\");\r\n }\r\n};\r\n","/**\n * Property of OSF GLOBAL SERVICES INC. , an OSF Digital company. OSF remains the sole owner of all right, title and interest in the software. Do not copy, sell, reverse engineer or otherwise attempt to derive or obtain information about the functioning, manufacture or operation therein.\n */\n\n\"use strict\";\n\n/**\n * Sanitize the input string\n * @param {string} input - The input string\n * @returns {string} - The sanitized string\n */\nmodule.exports = function (input) {\n if (input && typeof input === \"string\") {\n return input.replace(/[&<>\"'/]/g, \"\");\n }\n return input;\n};\n","/**\n * Property of OSF GLOBAL SERVICES INC. , an OSF Digital company. OSF remains the sole owner of all right, title and interest in the software. Do not copy, sell, reverse engineer or otherwise attempt to derive or obtain information about the functioning, manufacture or operation therein.\n */\n\n\"use strict\";\n\nvar formValidation = require(\"./egFormValidation\");\n\n/**\n * @param {Object} $elementAppendTo - The element to append error html to\n * @param {string} msg - The error message\n * display error message if remove gift registry failed\n */\nfunction displayErrorMessage($elementAppendTo, msg) {\n if ($(\".remove-gift-registry-error-messages\").length === 0) {\n $elementAppendTo.append(\n \"\"\n );\n }\n $(\".remove-gift-registry-error-messages\").append(\n \"
\"\n + msg\n + \"
\"\n );\n\n setTimeout(function () {\n $(\".remove-gift-registry-error-messages\").remove();\n }, 3000);\n}\n\n/**\n * re-renders the order totals and the number of items in the cart\n * @param {Object} message - Error message to display\n */\nfunction createErrorNotification(message) {\n var errorHtml = \"
\"\n + \"\" + message + \"
\";\n $(\".cart-error\").append(errorHtml);\n}\n\nmodule.exports = function () {\n $(\"body\").off(\"click\", \".remove-item-from-gift-registry\");\n $(\"body\").on(\n \"click\",\n \".remove-item-from-gift-registry\",\n function (e) {\n e.preventDefault();\n\n $(\".gr-item-cards\").spinner().start();\n var url = $(this).data(\"url\");\n\n $.ajax({\n url: url,\n type: \"get\",\n dataType: \"json\",\n data: {},\n success: function (data) {\n $(\".uuid-\" + data.UUID).remove();\n if (data.listIsEmpty && $(\"#add-items\").length === 0) {\n var html = \"
\";\n $(\".wl-hits\").append(divString);\n });\n if (data.results.showMore) {\n $(\".find-another-wl .more-wl-results\").data(\n \"page-number\",\n data.results.pageNumber\n );\n } else {\n $(\".find-another-wl .more-wl-results\").remove();\n }\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n};\n","/**\n * Property of OSF GLOBAL SERVICES INC. , an OSF Digital company. OSF remains the sole owner of all right, title and interest in the software. Do not copy, sell, reverse engineer or otherwise attempt to derive or obtain information about the functioning, manufacture or operation therein.\n */\n\"use strict\";\n\nvar formValidation = require(\"./egFormValidation\");\nvar sanitize = require(\"./egInputSanitization\");\nvar braintreeCreditCardModel = require(\"../../../../../../int_braintree/cartridge/client/default/js/braintree/creditcard/braintreesdk/braintreeCreditCardModel\");\n\n\nmodule.exports = function () {\n var $body = $(\"body\");\n\n $(\"#GiftCertificateForm\").submit(function (e) {\n e.preventDefault();\n });\n\n /**\n * @description Handles the visibility of the V12 tab based on the value of the \"showGiftCardGroup\" input.\n */\n function handleV12TabVisibility() {\n var $showGiftCardGroup = $(\"input[name='showGiftCardGroup']\");\n var v12Tab = $(\".js-nav-item-v12\");\n if (v12Tab.length) {\n if ($showGiftCardGroup.val()) {\n v12Tab.fadeOut(500);\n var $paymentInformation = $(\".payment-information\");\n // If selected payment instrument was V12 one, select credit-card after disabling V12\n if ($paymentInformation.attr(\"data-payment-method-id\").match(new RegExp(/^V12.*$/))) {\n $(\"li.nav-item[data-method-id='CREDIT_CARD'] > a\").click();\n }\n } else {\n v12Tab.fadeIn(500);\n }\n }\n }\n\n /**\n * Handles the visibility of the Klarna tab based on the validity of the Klarna payment method.\n * @param {boolean} klarnaValid - Whether the Klarna payment method is valid or not.\n */\n function handleKlarnaTabVisibility(klarnaValid) {\n var klarnaMainContainer = $(\".klarna-main-container\");\n if (klarnaMainContainer.length) {\n if (!klarnaValid) {\n klarnaMainContainer.fadeOut(500);\n var $paymentInformation = $(\".payment-information\");\n // If selected payment instrument was klarna one, select credit-card after disabling klarna\n if ($paymentInformation.attr(\"data-payment-method-id\").match(new RegExp(/^klarna.*$/))) {\n $(\"li.nav-item[data-method-id='CREDIT_CARD'] > a\").click();\n }\n } else {\n klarnaMainContainer.fadeIn(500);\n }\n }\n }\n\n /**\n * @description Handles the visibility of the gift certificate form tab based on the state of the checkbox.\n * @param {Object} checkbox - The checkbox element that triggers the visibility change.\n */\n function handleGiftCertificateFormTabVisibility(checkbox) {\n let giftCertifcateTab = $(\"#GiftCertificateForm-Tab\");\n if (checkbox.is(\":checked\")) {\n giftCertifcateTab.fadeIn(500);\n } else {\n giftCertifcateTab.fadeOut(500);\n }\n }\n\n /**\n * @description hide/show credit credit card section if gift certificate is applied\n */\n function hideCardCheckout() {\n var $creditCardForm = $(\".credit-card-form-cart\");\n var $userPayment = $(\".user-payment-instruments\");\n var $cardPlaceOrderButton = $(\".submit-payment\");\n var $giftCardPlaceOrderButton = $(\".submit-payment-gift-cert-only\");\n var $addAnotherGiftCardButton = $(\".add-another-gift-card\");\n var $giftCertificateInputGroup = $(\".gift-certificate-input-group\");\n\n if ($(\".success.giftcert-pi\").length > 0) {\n var addedGiftCertificate = $(\".success.giftcert-pi\")\n .last()\n .data(\"gcpiTotal\");\n var totalCartPrice = $(\".success.giftcert-pi\").data(\"totalPrice\");\n\n if (addedGiftCertificate === totalCartPrice) {\n $creditCardForm.addClass(\"d-none\");\n $userPayment.addClass(\"d-none\");\n $giftCardPlaceOrderButton.show();\n $cardPlaceOrderButton.hide();\n $addAnotherGiftCardButton.addClass(\"d-none\");\n $giftCertificateInputGroup.addClass(\"d-none\");\n } else {\n $creditCardForm.removeClass(\"d-none\");\n $userPayment.removeClass(\"d-none\");\n $giftCardPlaceOrderButton.hide();\n $cardPlaceOrderButton.show();\n $addAnotherGiftCardButton.removeClass(\"d-none\");\n $giftCertificateInputGroup.removeClass(\"d-none\");\n }\n } else {\n $creditCardForm.removeClass(\"d-none\");\n $userPayment.removeClass(\"d-none\");\n $giftCardPlaceOrderButton.hide();\n $cardPlaceOrderButton.show();\n $giftCertificateInputGroup.removeClass(\"d-none\");\n }\n }\n\n /**\n * @description hide/show gift certificate section on checkout\n * @param {string} amountOfGCs - amount\n */\n function giftCertificateCheckout(amountOfGCs) {\n var $giftCertCode = $(\".gift-certificate-checkout\");\n var $giftCertMax = $(\".gift-certificate-maximum\");\n\n if (amountOfGCs && $(\".success.giftcert-pi\").length === amountOfGCs) {\n $giftCertCode.addClass(\"d-none\");\n $giftCertMax.removeClass(\"d-none\");\n } else {\n $giftCertCode.removeClass(\"d-none\");\n $giftCertMax.addClass(\"d-none\");\n }\n }\n\n /**\n * display the notification after the customer has pressed the \"Add to Cart\" button for gift certificates\n * @param {string} response - ajax response from clicking the add to cart button\n */\n function showNotificationGiftCertificate(response) {\n if ($(\".add-to-cart-messages\").length === 0) {\n $(\"body\").append(\"\");\n }\n\n $(\".add-to-cart-messages\").append(\n \"
\" +\n response.message +\n \"
\"\n );\n\n setTimeout(function () {\n $(\".add-to-basket-alert\").remove();\n }, 5000);\n }\n\n /**\n * @description This function validates the gift certificate purchase form on the client side.\n * @returns {boolean} true if the form is valid, false otherwise\n */\n function validateGiftCertPurchaseFormOnClientSide() {\n var recipient = $(\"#recipient\");\n var recipientEmail = $(\"#recipientEmail\");\n var amount = $(\"#amount\");\n var valid = true;\n\n if (!recipient.val() || !recipientEmail.val() || !amount.val()) {\n valid = false;\n }\n\n return valid;\n }\n\n /**\n * Displays a message based on the data received from the server.\n * @returns {void}\n */\n function updateWishListUI(RemoveGiftCertificateURL) {\n var $addBtn = $(\".add-giftcert-to-wish-list\");\n var $removeBtn = $(\".remove-giftcert-from-wish-list\");\n $.spinner().stop();\n var oldWishlishlLength = $(\".wishlist-quantity\").html();\n oldWishlishlLength = parseInt(oldWishlishlLength, 10);\n\n if ($addBtn.hasClass(\"d-none\")) {\n $removeBtn.addClass(\"d-none\");\n $addBtn.removeClass(\"d-none\");\n $(\".wishlist-quantity\").html(oldWishlishlLength - 1);\n } else {\n $addBtn.addClass(\"d-none\");\n $removeBtn.removeClass(\"d-none\");\n $(\".wishlist-quantity\").html(oldWishlishlLength + 1);\n // Update Remove GiftCert URL\n if (RemoveGiftCertificateURL) {\n var $RemoveGiftCertificateURL = $(\"input[name='RemoveGiftCertificateURL']\");\n $RemoveGiftCertificateURL.val(RemoveGiftCertificateURL);\n }\n }\n }\n\n $body.on(\"click\", \".giftcert-purchase-btn\", function (e) {\n $(\"body\").trigger(\"effect:Ripple\", {\n button: $(this),\n event: e\n });\n\n if (!validateGiftCertPurchaseFormOnClientSide()) {\n return;\n }\n\n var $form = $(this).closest(\"form\");\n var url = $form.attr(\"action\");\n $(\"#giftcertificate-generalerror\").type = \"hidden\";\n $form.spinner().start();\n $.ajax({\n url: url,\n type: \"POST\",\n dataType: \"json\",\n cache: false,\n data: $form.serialize()\n })\n .done(function (data) {\n $form.spinner().stop();\n if (!data.success) {\n if (data.GeneralError) {\n $(\"#giftcertificate-generalerror\").type = \"text\";\n $(\"#giftcertificate-generalerror\").value = data.GeneralError;\n } else {\n formValidation($form, data);\n }\n } else {\n if (data.showBuyseparatelyBanner) {\n var $buyseparatelybanner = $(\".buyseparately-banner\");\n if ($buyseparatelybanner.css(\"display\") === \"none\" && $buyseparatelybanner.find(\"div.content-asset\").length !== 0) {\n $buyseparatelybanner.slideDown(\"slow\", function () {\n $buyseparatelybanner.delay(5000).slideUp(\"slow\");\n });\n }\n }\n\n if (!$(\".giftcert-purchase-btn\").data(\"update\")) {\n $form.each(function () {\n this.reset();\n });\n\n $(\".js-preview-value\").html($(\"#amount\").val());\n $(\".js-preview-from\").html($(\"#from\").val());\n $(\".js-preview-to\").html($(\"#recipient\").val());\n $(\".js-preview-message\").html($(\"#message\").val());\n } else {\n window.location.href = $(\".giftcert-purchase-btn\").data(\n \"cartpage\"\n );\n }\n $(\".minicart\").trigger(\"count:update\", data);\n $(\"body\").trigger(\"cart:update\");\n var minicartTime = $(\".minicart-total\").attr(\"data-minicartshowtime\");\n if (minicartTime) {\n $(\".minicart\").trigger(\"open\");\n setTimeout(function () {\n $(\".minicart .popover\").removeClass(\"show\");\n }, minicartTime);\n }\n showNotificationGiftCertificate(data);\n updateRemainingCharsForMessageInput();\n }\n })\n .fail(function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n $form.spinner().stop();\n });\n });\n\n $(\"#GiftCertificateBalanceForm\").submit(function (e) {\n e.preventDefault();\n });\n\n /**\n * egPayCheck\n */\n function egPayCheck() {\n var addedGiftCertificate = $(\".success.giftcert-pi\")\n .last()\n .data(\"gcpiTotal\");\n var totalCartPrice = $(\".success.giftcert-pi\").data(\"totalPrice\");\n var cvvCode = $(\n \".saved-payment-instrument.\" +\n \"selected-payment .saved-payment-security-code\"\n );\n if (addedGiftCertificate && (addedGiftCertificate === totalCartPrice)) {\n cvvCode.val(\" \");\n } else {\n cvvCode.val(\"\");\n }\n }\n egPayCheck();\n\n $(\"#add-giftcert\").on(\"click\", function () {\n var url = $(this).data(\"url\");\n var $invalidFeedback = $(\".invalid-feedback-checkout\");\n\n $.ajax({\n url: url,\n type: \"GET\",\n cache: false\n })\n .done(function (data) {\n //braintreeCreditCardModel.updateOrderData();\n $invalidFeedback.empty();\n $(\".invalid-feedback\").empty();\n $(\".gift-cert-balance-value\").empty();\n if (!data.status) {\n $(\"#giftcerts-applied\").html(data);\n egPayCheck();\n hideCardCheckout();\n giftCertificateCheckout(data.amountOfGCs);\n $(\".gift-certificate-input-group\").addClass(\"d-none\");\n $(\".gift-card-balance\").addClass(\"d-none\");\n } else {\n $invalidFeedback.html(data.message);\n $(\".gift-card-balance\").addClass(\"d-none\");\n }\n handleV12TabVisibility();\n $(\"body\").trigger(\"checkout:updateOrderData\");\n })\n .fail(function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n handleV12TabVisibility();\n $(\"body\").trigger(\"checkout:updateOrderData\");\n });\n });\n\n $(\"#giftcerts-applied\").on(\"click\", \".remove-checkout-gc\", function (e) {\n e.preventDefault();\n var url = $(this).attr(\"href\");\n url += $(this).attr(\"id\").split(\"-\")[1];\n $.ajax({\n url: url,\n type: \"GET\",\n cache: false\n })\n .done(function (data) {\n if (!data.status) {\n $(\"#giftcerts-applied\").html(data);\n egPayCheck();\n hideCardCheckout();\n giftCertificateCheckout();\n $(\"#giftCertCode\").removeClass(\"is-invalid\");\n $(\".invalid-feedback-checkout\").empty();\n }\n handleV12TabVisibility();\n $(\"body\").trigger(\"checkout:updateOrderData\");\n // else handle errors\n })\n .fail(function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n handleV12TabVisibility();\n $(\"body\").trigger(\"checkout:updateOrderData\");\n });\n });\n\n /**\n * @function\n * @description Validate the check balance form on the client side\n * @return {boolean} - True if the form is valid, false otherwise\n */\n function validateCheckBalanceFormOnClientSide($invalidFeedback) {\n var giftcertID = $(\"#giftCertID\");\n // Alphanumeric regular expression pattern\n const alphaNumericPattern = /^[a-zA-Z0-9_.-]*$/;\n if (!giftcertID.val()) {\n $invalidFeedback.html(window.egift_resources.fieldisrequired);\n return false;\n } else if (!alphaNumericPattern.test(giftcertID.val())) {\n $invalidFeedback.html(window.egift_resources.notfound);\n return false;\n }\n return true;\n }\n\n var giftCardArray = [];\n\n $body.on(\"click\", \".gc-check-balance-button\", function () {\n var $invalidFeedback = $(\"#GiftCertificateBalanceForm > .form-group > .invalid-feedback\");\n var checkBalanceContainer = $(\".check-balance-container\");\n\n $invalidFeedback.empty();\n checkBalanceContainer.empty();\n if (!validateCheckBalanceFormOnClientSide($invalidFeedback)) {\n return;\n }\n\n var $form = $(this).closest(\"form\");\n var url = $form.attr(\"action\");\n $form.spinner().start();\n $.ajax({\n url: url,\n type: \"POST\",\n dataType: \"json\",\n cache: false,\n data: $form.serialize()\n })\n .done(function (data) {\n $form.spinner().stop();\n if (!data.success) {\n formValidation($form, data);\n let errorMsg = data.ErrorMsg || data.fields.dwfrm_giftcert_balance_giftCertID;\n if (errorMsg) {\n $invalidFeedback.html(errorMsg);\n }\n } else {\n var contentHtml = \"\";\n\n var isDuplicate = false;\n giftCardArray.forEach(element => {\n if (element.giftcode === data.maskedGiftCertCode) {\n isDuplicate = true;\n }\n });\n\n if (!isDuplicate) {\n giftCardArray.push({\n img: data.imgSmallPNG,\n amount: data.value,\n giftcode: data.maskedGiftCertCode,\n expDate: data.expDate,\n isExpired: data.isExpired\n });\n }\n\n contentHtml += `\n