').append($.parseHTML(html));\r\n\r\n var body = $html.find('.choice-of-bonus-product');\r\n var footer = $html.find('.modal-footer').children();\r\n\r\n return { body, footer };\r\n}\r\n\r\n/**\r\n * Retrieves url to use when adding a product to the cart\r\n *\r\n * @param {Object} data - data object used to fill in dynamic portions of the html\r\n */\r\nfunction chooseBonusProducts(data) {\r\n $('.modal-body').spinner().start();\r\n\r\n if ($('#chooseBonusProductModal').length !== 0) {\r\n $('#chooseBonusProductModal').remove();\r\n }\r\n var bonusUrl;\r\n if (data.bonusChoiceRuleBased) {\r\n bonusUrl = data.showProductsUrlRuleBased;\r\n } else {\r\n bonusUrl = data.showProductsUrlListBased;\r\n }\r\n\r\n var htmlString =\r\n '' +\r\n '
';\r\n $('body').append(htmlString);\r\n $('.modal-body').spinner().start();\r\n\r\n $.ajax({\r\n url: bonusUrl,\r\n method: 'GET',\r\n dataType: 'json',\r\n success(response) {\r\n var parsedHtml = parseHtml(response.renderedTemplate);\r\n $('#chooseBonusProductModal .modal-body').empty();\r\n $('#chooseBonusProductModal .enter-message').text(response.enterDialogMessage);\r\n $('#chooseBonusProductModal .modal-header .close .sr-only').text(response.closeButtonText);\r\n $('#chooseBonusProductModal .modal-body').html(parsedHtml.body);\r\n $('#chooseBonusProductModal .modal-footer').html(parsedHtml.footer);\r\n $('#chooseBonusProductModal').modal('show');\r\n $.spinner().stop();\r\n },\r\n error() {\r\n $.spinner().stop();\r\n }\r\n });\r\n}\r\n\r\n/**\r\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\r\n * @param {string} response - ajax response from clicking the add to cart button\r\n */\r\nfunction handlePostCartAdd(response) {\r\n $('.minicart').trigger('count:update', response);\r\n var messageType = response.error ? 'alert-danger' : 'alert-success';\r\n // show add to cart toast\r\n if (response.newBonusDiscountLineItem && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\r\n chooseBonusProducts(response.newBonusDiscountLineItem);\r\n } else if (response.modalData && Object.keys(response.modalData).length > 0) {\r\n modalHelper.renderGenericCtaModal(\r\n response.modalData.title,\r\n response.modalData.msg,\r\n // First button controls\r\n response.modalData.btnText,\r\n response.modalData.btnAction,\r\n response.modalData.btnType,\r\n response.modalData.openInNewTab,\r\n // Secondary button controls\r\n response.modalData.secondaryBtnText,\r\n response.modalData.secondaryBtnAction,\r\n response.modalData.secondaryBtnType,\r\n response.modalData.secondaryBtnOpenInNewTab\r\n );\r\n } else {\r\n if ($('.add-to-cart-messages').length === 0) {\r\n $('body').append('
');\r\n }\r\n\r\n $('.add-to-cart-messages').append(\r\n `
`\r\n );\r\n if (messageType === 'alert-danger') {\r\n setTimeout(function () {\r\n $('.add-to-basket-alert').remove();\r\n }, 8000);\r\n } else {\r\n setTimeout(function () {\r\n $('.add-to-basket-alert').remove();\r\n }, 5000);\r\n }\r\n }\r\n}\r\n\r\n/**\r\n * Retrieves the bundle product item ID's for the Controller to replace bundle master product\r\n * items with their selected variants\r\n *\r\n * @return {string[]} - List of selected bundle product item ID's\r\n */\r\nfunction getChildProducts() {\r\n var childProducts = [];\r\n $('.bundle-item').each(function () {\r\n childProducts.push({\r\n pid: $(this).find('.product-id').text(),\r\n quantity: parseInt($(this).find('label.quantity').data('quantity'), 10)\r\n });\r\n });\r\n\r\n return childProducts.length ? JSON.stringify(childProducts) : [];\r\n}\r\n\r\n/**\r\n * Retrieve product options\r\n *\r\n * @param {jQuery} $productContainer - DOM element for current product\r\n * @return {string} - Product options and their selected values\r\n */\r\nfunction getOptions($productContainer) {\r\n var options = $productContainer\r\n .find('.product-option')\r\n .map(function () {\r\n var $elOption = $(this).find('.options-select');\r\n var urlValue = $elOption.val();\r\n var selectedValueId = $elOption.find(`option[value=\"${urlValue}\"]`).data('value-id');\r\n return { optionId: $(this).data('option-id'), selectedValueId };\r\n })\r\n .toArray();\r\n\r\n return JSON.stringify(options);\r\n}\r\n\r\n/**\r\n * Makes a call to the server to report the event of adding an item to the cart\r\n *\r\n * @param {string | boolean} url - a string representing the end point to hit so that the event can be recorded or false\r\n */\r\nfunction miniCartReportingUrl(url) {\r\n if (url) {\r\n $.ajax({\r\n url,\r\n method: 'GET',\r\n success() {\r\n // reporting urls hit on the server\r\n },\r\n error() {\r\n // no reporting urls hit on the server\r\n }\r\n });\r\n }\r\n}\r\n\r\nmodule.exports = {\r\n attributeSelect,\r\n methods: {\r\n editBonusProducts(data) {\r\n chooseBonusProducts(data);\r\n }\r\n },\r\n\r\n focusChooseBonusProductModal() {\r\n $('body').on('shown.bs.modal', '#chooseBonusProductModal', function () {\r\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'true');\r\n $('#chooseBonusProductModal .close').focus();\r\n });\r\n },\r\n\r\n onClosingChooseBonusProductModal() {\r\n $('body').on('hidden.bs.modal', '#chooseBonusProductModal', function () {\r\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'false');\r\n });\r\n },\r\n\r\n trapChooseBonusProductModalFocus() {\r\n $('body').on('keydown', '#chooseBonusProductModal', function (e) {\r\n var focusParams = {\r\n event: e,\r\n containerSelector: '#chooseBonusProductModal',\r\n firstElementSelector: '.close',\r\n lastElementSelector: '.add-bonus-products'\r\n };\r\n focusHelper.setTabNextFocus(focusParams);\r\n });\r\n },\r\n\r\n colorAttribute() {\r\n $(document).on('click', '[data-attr=\"color\"] button', function (e) {\r\n e.preventDefault();\r\n\r\n if ($(this).attr('disabled')) {\r\n return;\r\n }\r\n var $productContainer = $(this).closest('.set-item');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.product-detail');\r\n }\r\n\r\n attributeSelect($(this).attr('data-url'), $productContainer);\r\n });\r\n },\r\n\r\n selectAttribute() {\r\n $(document).on('change', 'select[class*=\"select-\"], .options-select', function (e) {\r\n e.preventDefault();\r\n\r\n var $productContainer = $(this).closest('.set-item');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.product-detail');\r\n }\r\n attributeSelect(e.currentTarget.value, $productContainer);\r\n });\r\n },\r\n\r\n availability() {\r\n $(document).on('change', '.quantity-select', function (e) {\r\n e.preventDefault();\r\n\r\n var $productContainer = $(this).closest('.product-detail');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.modal-content').find('.product-quickview');\r\n }\r\n\r\n if ($('.bundle-items', $productContainer).length === 0) {\r\n // Avoid recreating the image carousel by passing false as the 'updateImages' param value,\r\n // as changing the product quantity doen't affect them\r\n attributeSelect($(e.currentTarget).find('option:selected').data('url'), $productContainer, false);\r\n }\r\n });\r\n // Ensure our quantity selector's status is the right one after adding a product to the cart,\r\n // removing one, updating the quantity...\r\n $('body').on('cart:update product:afterAddToCart', function (e) {\r\n var $productContainer = $(this).find('.product-detail');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.modal-content').find('.product-quickview');\r\n }\r\n\r\n if ($('.bundle-items', $productContainer).length === 0) {\r\n var selectedQuantityUrl;\r\n if (\r\n $(\"input[name='purchaseType']:checked\").val() === 'subscription' ||\r\n $('.subscription-oop-option-only').length > 0\r\n ) {\r\n selectedQuantityUrl = $(e.currentTarget)\r\n .find('.custom-quantity-selector__select.subscription-quantity-selector option:selected')\r\n .data('url');\r\n } else {\r\n selectedQuantityUrl = $(e.currentTarget)\r\n .find('.custom-quantity-selector__select:not(.subscription-quantity-selector) option:selected')\r\n .data('url');\r\n }\r\n // Avoid recreating the image carousel by passing false as the 'updateImages' param value,\r\n // as changing the product quantity doen't affect them\r\n attributeSelect(selectedQuantityUrl, $productContainer, false, true);\r\n }\r\n });\r\n },\r\n\r\n addToCart() {\r\n $(document).on('click', 'button.add-to-cart, button.add-to-cart-global', function () {\r\n var addToCartUrl;\r\n var pid;\r\n var pidsObj;\r\n var setPids;\r\n\r\n $('body').trigger('product:beforeAddToCart', this);\r\n\r\n if ($('.set-items').length && $(this).hasClass('add-to-cart-global')) {\r\n setPids = [];\r\n\r\n $('.product-detail').each(function () {\r\n if (!$(this).hasClass('product-set-detail')) {\r\n var quantitySelector = getCustomQuantitySelector();\r\n setPids.push({\r\n pid: $(this).find('.product-id').text(),\r\n qty: $(this).find(quantitySelector).val(),\r\n options: getOptions($(this))\r\n });\r\n }\r\n });\r\n pidsObj = JSON.stringify(setPids);\r\n }\r\n\r\n pid = getPidValue($(this));\r\n\r\n var $productContainer = $(this).closest('.product-detail');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.quick-view-dialog').find('.product-detail');\r\n }\r\n\r\n addToCartUrl = getAddToCartUrl();\r\n\r\n var form = {\r\n pid,\r\n pidsObj,\r\n childProducts: getChildProducts(),\r\n quantity: getQuantitySelected($(this)),\r\n trainingDone: $('.product-detail').attr('training-done'),\r\n // Check if we have the banner for completing a prescription order (valid prescription)\r\n prescriptionValid: !!$('.prescription-complete').length, // TODO: pick this INFO from API response\r\n // True if the clicked button is the one from the pop up that confirms the add to cart\r\n confirmAddToCart: $(this).hasClass('cta-modal-action')\r\n };\r\n\r\n if (!$('.bundle-item').length) {\r\n form.options = getOptions($productContainer);\r\n }\r\n\r\n $(this).trigger('updateAddToCartFormData', form);\r\n if (addToCartUrl) {\r\n $.ajax({\r\n url: addToCartUrl,\r\n method: 'POST',\r\n data: form,\r\n success(data) {\r\n handlePostCartAdd(data);\r\n $('body').trigger('product:afterAddToCart', data);\r\n $.spinner().stop();\r\n miniCartReportingUrl(data.reportingURL);\r\n },\r\n error() {\r\n $.spinner().stop();\r\n }\r\n });\r\n }\r\n });\r\n },\r\n selectBonusProduct() {\r\n $(document).on('click', '.select-bonus-product', function () {\r\n var $choiceOfBonusProduct = $(this).parents('.choice-of-bonus-product');\r\n var pid = $(this).data('pid');\r\n var maxPids = $('.choose-bonus-product-dialog').data('total-qty');\r\n var submittedQty = parseInt($choiceOfBonusProduct.find('.bonus-quantity-select').val(), 10);\r\n var totalQty = 0;\r\n $.each($('#chooseBonusProductModal .selected-bonus-products .selected-pid'), function () {\r\n totalQty += $(this).data('qty');\r\n });\r\n totalQty += submittedQty;\r\n var optionID = $choiceOfBonusProduct.find('.product-option').data('option-id');\r\n var valueId = $choiceOfBonusProduct.find('.options-select option:selected').data('valueId');\r\n if (totalQty <= maxPids) {\r\n var selectedBonusProductHtml =\r\n '' +\r\n '
';\r\n $('#chooseBonusProductModal .selected-bonus-products').append(selectedBonusProductHtml);\r\n $('.pre-cart-products').html(totalQty);\r\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\r\n } else {\r\n $('.selected-bonus-products .bonus-summary').addClass('alert-danger');\r\n }\r\n });\r\n },\r\n removeBonusProduct() {\r\n $(document).on('click', '.selected-pid', function () {\r\n $(this).remove();\r\n var $selected = $('#chooseBonusProductModal .selected-bonus-products .selected-pid');\r\n var count = 0;\r\n if ($selected.length) {\r\n $selected.each(function () {\r\n count += parseInt($(this).data('qty'), 10);\r\n });\r\n }\r\n\r\n $('.pre-cart-products').html(count);\r\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\r\n });\r\n },\r\n enableBonusProductSelection() {\r\n $('body').on('bonusproduct:updateSelectButton', function (e, response) {\r\n $('button.select-bonus-product', response.$productContainer).attr(\r\n 'disabled',\r\n !response.product.readyToOrder || !response.product.available\r\n );\r\n var pid = response.product.id;\r\n $('button.select-bonus-product', response.$productContainer).data('pid', pid);\r\n });\r\n },\r\n showMoreBonusProducts() {\r\n $(document).on('click', '.show-more-bonus-products', function () {\r\n var url = $(this).data('url');\r\n $('.modal-content').spinner().start();\r\n $.ajax({\r\n url,\r\n method: 'GET',\r\n success(html) {\r\n var parsedHtml = parseHtml(html);\r\n $('.modal-body').append(parsedHtml.body);\r\n $('.show-more-bonus-products:first').remove();\r\n $('.modal-content').spinner().stop();\r\n },\r\n error() {\r\n $('.modal-content').spinner().stop();\r\n }\r\n });\r\n });\r\n },\r\n addBonusProductsToCart() {\r\n $(document).on('click', '.add-bonus-products', function () {\r\n var $readyToOrderBonusProducts = $('.choose-bonus-product-dialog .selected-pid');\r\n var queryString = '?pids=';\r\n var url = $('.choose-bonus-product-dialog').data('addtocarturl');\r\n var pidsObject = { bonusProducts: [] };\r\n\r\n $.each($readyToOrderBonusProducts, function () {\r\n var qtyOption = parseInt($(this).data('qty'), 10);\r\n\r\n var option = null;\r\n if (qtyOption > 0) {\r\n if ($(this).data('optionid') && $(this).data('option-selected-value')) {\r\n option = {};\r\n option.optionId = $(this).data('optionid');\r\n option.productId = $(this).data('pid');\r\n option.selectedValueId = $(this).data('option-selected-value');\r\n }\r\n pidsObject.bonusProducts.push({ pid: $(this).data('pid'), qty: qtyOption, options: [option] });\r\n pidsObject.totalQty = parseInt($('.pre-cart-products').html(), 10);\r\n }\r\n });\r\n queryString += JSON.stringify(pidsObject);\r\n queryString = `${queryString}&uuid=${$('.choose-bonus-product-dialog').data('uuid')}`;\r\n queryString = `${queryString}&pliuuid=${$('.choose-bonus-product-dialog').data('pliuuid')}`;\r\n $.spinner().start();\r\n $.ajax({\r\n url: url + queryString,\r\n method: 'POST',\r\n success(data) {\r\n $.spinner().stop();\r\n if (data.error) {\r\n $('#chooseBonusProductModal').modal('hide');\r\n if ($('.add-to-cart-messages').length === 0) {\r\n $('body').append('
');\r\n }\r\n $('.add-to-cart-messages').append(\r\n '
`\r\n );\r\n setTimeout(function () {\r\n $('.add-to-basket-alert').remove();\r\n }, 3000);\r\n } else {\r\n $('.configure-bonus-product-attributes').html(data);\r\n $('.bonus-products-step2').removeClass('hidden-xl-down');\r\n $('#chooseBonusProductModal').modal('hide');\r\n\r\n if ($('.add-to-cart-messages').length === 0) {\r\n $('body').append('
');\r\n }\r\n $('.minicart-quantity').html(data.totalQty);\r\n $('.add-to-cart-messages').append(\r\n '
`\r\n );\r\n setTimeout(function () {\r\n $('.add-to-basket-alert').remove();\r\n if ($('.cart-page').length) {\r\n location.reload();\r\n }\r\n }, 1500);\r\n }\r\n },\r\n error() {\r\n $.spinner().stop();\r\n }\r\n });\r\n });\r\n },\r\n getPidValue,\r\n getQuantitySelected,\r\n miniCartReportingUrl,\r\n getQuantitySelector\r\n};\r\n","'use strict';\r\n\r\nvar focusHelper = require('base/components/focus');\r\nvar base = require('./base');\r\n\r\n/**\r\n * Generates the modal window on the first call.\r\n *\r\n */\r\nfunction getModalHtmlElement() {\r\n if ($('#quickViewModal').length !== 0) {\r\n $('#quickViewModal').remove();\r\n }\r\n var htmlString =\r\n '' +\r\n '
';\r\n $('body').append(htmlString);\r\n}\r\n\r\n/**\r\n * @typedef {Object} QuickViewHtml\r\n * @property {string} body - Main Quick View body\r\n * @property {string} footer - Quick View footer content\r\n */\r\n\r\n/**\r\n * Parse HTML code in Ajax response\r\n *\r\n * @param {string} html - Rendered HTML from quickview template\r\n * @return {QuickViewHtml} - QuickView content components\r\n */\r\nfunction parseHtml(html) {\r\n var $html = $('
').append($.parseHTML(html));\r\n\r\n var body = $html.find('.product-quickview');\r\n var footer = $html.find('.modal-footer').children();\r\n\r\n return { body, footer };\r\n}\r\n\r\n/**\r\n * replaces the content in the modal window on for the selected product variation.\r\n * @param {string} selectedValueUrl - url to be used to retrieve a new product model\r\n */\r\nfunction fillModalElement(selectedValueUrl) {\r\n $('.modal-body').spinner().start();\r\n $.ajax({\r\n url: selectedValueUrl,\r\n method: 'GET',\r\n dataType: 'json',\r\n success(data) {\r\n var parsedHtml = parseHtml(data.renderedTemplate);\r\n\r\n $('.modal-body').empty();\r\n $('.modal-body').html(parsedHtml.body);\r\n $('.modal-footer').html(parsedHtml.footer);\r\n $('.full-pdp-link').text(data.quickViewFullDetailMsg);\r\n $('#quickViewModal .full-pdp-link').attr('href', data.productUrl);\r\n $('#quickViewModal .size-chart').attr('href', data.productUrl);\r\n $('#quickViewModal .modal-header .close .sr-only').text(data.closeButtonText);\r\n $('#quickViewModal .enter-message').text(data.enterDialogMessage);\r\n $('#quickViewModal').modal('show');\r\n $('body').trigger('quickview:ready');\r\n\r\n $.spinner().stop();\r\n },\r\n error() {\r\n $.spinner().stop();\r\n }\r\n });\r\n}\r\n\r\nmodule.exports = {\r\n showQuickview() {\r\n $('body').on('click', '.quickview', function (e) {\r\n e.preventDefault();\r\n var selectedValueUrl = $(this).closest('a.quickview').attr('href');\r\n $(e.target).trigger('quickview:show');\r\n getModalHtmlElement();\r\n fillModalElement(selectedValueUrl);\r\n });\r\n },\r\n focusQuickview() {\r\n $('body').on('shown.bs.modal', '#quickViewModal', function () {\r\n $('#quickViewModal .close').focus();\r\n });\r\n },\r\n trapQuickviewFocus() {\r\n $('body').on('keydown', '#quickViewModal', function (e) {\r\n var focusParams = {\r\n event: e,\r\n containerSelector: '#quickViewModal',\r\n firstElementSelector: '.full-pdp-link',\r\n lastElementSelector: '.add-to-cart-global',\r\n nextToLastElementSelector: '.modal-footer .quantity-select'\r\n };\r\n focusHelper.setTabNextFocus(focusParams);\r\n });\r\n },\r\n availability: base.availability,\r\n addToCart: base.addToCart,\r\n showSpinner() {\r\n $('body').on('product:beforeAddToCart', function (e, data) {\r\n $(data).closest('.modal-content').spinner().start();\r\n });\r\n },\r\n hideDialog() {\r\n $('body').on('product:afterAddToCart', function () {\r\n $('#quickViewModal').modal('hide');\r\n });\r\n },\r\n beforeUpdateAttribute() {\r\n $('body').on('product:beforeAttributeSelect', function () {\r\n $('.modal.show .modal-content').spinner().start();\r\n });\r\n },\r\n updateAttribute() {\r\n $('body').on('product:afterAttributeSelect', function (e, response) {\r\n if ($('.modal.show .product-quickview>.bundle-items').length) {\r\n $('.modal.show').find(response.container).data('pid', response.data.product.id);\r\n $('.modal.show').find(response.container).find('.product-id').text(response.data.product.id);\r\n } else if ($('.set-items').length) {\r\n response.container.find('.product-id').text(response.data.product.id);\r\n } else {\r\n $('.modal.show .product-quickview').data('pid', response.data.product.id);\r\n $('.modal.show .full-pdp-link').attr('href', response.data.product.selectedProductUrl);\r\n }\r\n });\r\n },\r\n updateAddToCart() {\r\n $('body').on('product:updateAddToCart', function (e, response) {\r\n // update local add to cart (for sets)\r\n $('button.add-to-cart', response.$productContainer).attr(\r\n 'disabled',\r\n !response.product.readyToOrder || !response.product.available || response.invalidQuantity\r\n );\r\n\r\n // update global add to cart (single products, bundles)\r\n var dialog = $(response.$productContainer).closest('.quick-view-dialog');\r\n\r\n $('.add-to-cart-global', dialog).attr(\r\n 'disabled',\r\n !$('.global-availability', dialog).data('ready-to-order') ||\r\n !$('.global-availability', dialog).data('available')\r\n );\r\n });\r\n },\r\n updateAvailability() {\r\n $('body').on('product:updateAvailability', function (e, response) {\r\n // bundle individual products\r\n $('.product-availability', response.$productContainer)\r\n .data('ready-to-order', response.product.readyToOrder)\r\n .data('available', response.product.available)\r\n .find('.availability-msg')\r\n .empty()\r\n .html(response.message);\r\n\r\n var dialog = $(response.$productContainer).closest('.quick-view-dialog');\r\n\r\n if ($('.product-availability', dialog).length) {\r\n // bundle all products\r\n var allAvailable = $('.product-availability', dialog)\r\n .toArray()\r\n .every(function (item) {\r\n return $(item).data('available');\r\n });\r\n\r\n var allReady = $('.product-availability', dialog)\r\n .toArray()\r\n .every(function (item) {\r\n return $(item).data('ready-to-order');\r\n });\r\n\r\n $('.global-availability', dialog).data('ready-to-order', allReady).data('available', allAvailable);\r\n\r\n $('.global-availability .availability-msg', dialog)\r\n .empty()\r\n .html(allReady ? response.message : response.resources.info_selectforstock);\r\n } else {\r\n // single product\r\n $('.global-availability', dialog)\r\n .data('ready-to-order', response.product.readyToOrder)\r\n .data('available', response.product.available)\r\n .find('.availability-msg')\r\n .empty()\r\n .html(response.message);\r\n }\r\n });\r\n }\r\n};\r\n","'use strict';\r\n\r\n/**\r\n * Update DOM elements with Ajax results\r\n *\r\n * @param {Object} $results - jQuery DOM element\r\n * @param {string} selector - DOM element to look up in the $results\r\n * @return {undefined}\r\n */\r\nfunction updateDom($results, selector) {\r\n var $updates = $results.find(selector);\r\n $(selector).empty().html($updates.html());\r\n}\r\n\r\n/**\r\n * Keep refinement panes expanded/collapsed after Ajax refresh\r\n *\r\n * @param {Object} $results - jQuery DOM element\r\n * @return {undefined}\r\n */\r\nfunction handleRefinements($results) {\r\n $('.refinement.active').each(function () {\r\n $(this).removeClass('active');\r\n var activeDiv = $results.find(`.${$(this)[0].className.replace(/ /g, '.')}`);\r\n activeDiv.addClass('active');\r\n activeDiv.find('button.title').attr('aria-expanded', 'true');\r\n });\r\n\r\n updateDom($results, '.refinements');\r\n}\r\n\r\n/**\r\n * Parse Ajax results and updated select DOM elements\r\n *\r\n * @param {string} response - Ajax response HTML code\r\n * @return {undefined}\r\n */\r\nfunction parseResults(response) {\r\n var $results = $(response);\r\n var specialHandlers = {\r\n '.refinements': handleRefinements\r\n };\r\n\r\n // Update DOM elements that do not require special handling\r\n ['.grid-header', '.header-bar', '.header.page-title', '.product-grid', '.show-more', '.filter-bar'].forEach(\r\n function (selector) {\r\n updateDom($results, selector);\r\n }\r\n );\r\n\r\n Object.keys(specialHandlers).forEach(function (selector) {\r\n specialHandlers[selector]($results);\r\n });\r\n}\r\n\r\n/**\r\n * This function retrieves another page of content to display in the content search grid\r\n * @param {JQuery} $element - the jquery element that has the click event attached\r\n * @param {JQuery} $target - the jquery element that will receive the response\r\n * @return {undefined}\r\n */\r\nfunction getContent($element, $target) {\r\n var showMoreUrl = $element.data('url');\r\n $.spinner().start();\r\n $.ajax({\r\n url: showMoreUrl,\r\n method: 'GET',\r\n success(response) {\r\n $target.append(response);\r\n $.spinner().stop();\r\n },\r\n error() {\r\n $.spinner().stop();\r\n }\r\n });\r\n}\r\n\r\n/**\r\n * Update sort option URLs from Ajax response\r\n *\r\n * @param {string} response - Ajax response HTML code\r\n * @return {undefined}\r\n */\r\nfunction updateSortOptions(response) {\r\n var $tempDom = $('
').append($(response));\r\n var sortOptions = $tempDom.find('.grid-footer').data('sort-options').options;\r\n sortOptions.forEach(function (option) {\r\n $(`option.${option.id}`).val(option.url);\r\n });\r\n}\r\n\r\nmodule.exports = {\r\n filter() {\r\n // Display refinements bar when Menu icon clicked\r\n $('.container').on('click', 'button.filter-results', function () {\r\n $('.refinement-bar, .modal-background').show();\r\n $('.refinement-bar').siblings().attr('aria-hidden', true);\r\n $('.refinement-bar').closest('.row').siblings().attr('aria-hidden', true);\r\n $('.refinement-bar').closest('.tab-pane.active').siblings().attr('aria-hidden', true);\r\n $('.refinement-bar').closest('.container.search-results').siblings().attr('aria-hidden', true);\r\n $('.refinement-bar .close').focus();\r\n });\r\n },\r\n\r\n closeRefinements() {\r\n // Refinements close button\r\n $('body').on('click', '.refinement-bar button.close-filter, .modal-background', function () {\r\n $('.refinement-bar, .modal-background').hide();\r\n $('.refinement-bar').siblings().attr('aria-hidden', false);\r\n $('.refinement-bar').closest('.row').siblings().attr('aria-hidden', false);\r\n $('.refinement-bar').closest('.tab-pane.active').siblings().attr('aria-hidden', false);\r\n $('.refinement-bar').closest('.container.search-results').siblings().attr('aria-hidden', false);\r\n $('.btn.filter-results').focus();\r\n });\r\n },\r\n\r\n sort() {\r\n // Handle sort order menu selection\r\n $('.container').on('change', '[name=sort-order]', function (e) {\r\n e.preventDefault();\r\n\r\n $.spinner().start();\r\n $(this).trigger('search:sort', this.value);\r\n $.ajax({\r\n url: this.value,\r\n data: { selectedUrl: this.value },\r\n method: 'GET',\r\n success(response) {\r\n $('.product-grid').empty().html(response);\r\n $.spinner().stop();\r\n },\r\n error() {\r\n $.spinner().stop();\r\n }\r\n });\r\n });\r\n },\r\n\r\n showMore() {\r\n // Show more products\r\n $('.container').on('click', '.show-more button', function (e) {\r\n e.stopPropagation();\r\n var showMoreUrl = $(this).data('url');\r\n e.preventDefault();\r\n\r\n $.spinner().start();\r\n $(this).trigger('search:showMore', e);\r\n $.ajax({\r\n url: showMoreUrl,\r\n data: { selectedUrl: showMoreUrl },\r\n method: 'GET',\r\n success(response) {\r\n $('.grid-footer').replaceWith(response);\r\n updateSortOptions(response);\r\n $.spinner().stop();\r\n },\r\n error() {\r\n $.spinner().stop();\r\n }\r\n });\r\n });\r\n },\r\n\r\n applyFilter() {\r\n // Handle refinement value selection and reset click\r\n $('.container').on(\r\n 'click',\r\n '.refinements li button, .refinement-bar button.reset, .filter-value button, .swatch-filter button',\r\n function (e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n if ($(this).data('href')) {\r\n $.spinner().start();\r\n $(this).trigger('search:filter', e);\r\n var attributeId = `#${$(this).find('span').last().attr('id')}`;\r\n $.ajax({\r\n url: $(this).data('href'),\r\n data: {\r\n page: $('.grid-footer').data('page-number'),\r\n selectedUrl: $(this).data('href')\r\n },\r\n method: 'GET',\r\n success(response) {\r\n parseResults(response);\r\n $.spinner().stop();\r\n $(attributeId).parent('button').focus();\r\n },\r\n error() {\r\n $.spinner().stop();\r\n $(attributeId).parent('button').focus();\r\n }\r\n });\r\n }\r\n }\r\n );\r\n },\r\n\r\n showContentTab() {\r\n // Display content results from the search\r\n $('.container').on('click', '.content-search', function () {\r\n if ($('#content-search-results').html() === '') {\r\n getContent($(this), $('#content-search-results'));\r\n }\r\n });\r\n\r\n // Display the next page of content results from the search\r\n $('.container').on('click', '.show-more-content button', function () {\r\n getContent($(this), $('#content-search-results'));\r\n $('.show-more-content').remove();\r\n });\r\n }\r\n};\r\n","'use strict';\r\n\r\nmodule.exports = {\r\n setTabNextFocus: function (focusParams) {\r\n var KEYCODE_TAB = 9;\r\n var isTabPressed = (focusParams.event.key === 'Tab' || focusParams.event.keyCode === KEYCODE_TAB);\r\n\r\n if (!isTabPressed) {\r\n return;\r\n }\r\n\r\n var firstFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.firstElementSelector);\r\n var lastFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.lastElementSelector);\r\n\r\n if ($(focusParams.containerSelector + ' ' + focusParams.lastElementSelector).is(':disabled')) {\r\n lastFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.nextToLastElementSelector);\r\n if ($('.product-quickview.product-set').length > 0) {\r\n var linkElements = $(focusParams.containerSelector + ' a#fa-link.share-icons');\r\n lastFocusableEl = linkElements[linkElements.length - 1];\r\n }\r\n }\r\n\r\n if (focusParams.event.shiftKey) /* shift + tab */ {\r\n if ($(':focus').is(firstFocusableEl)) {\r\n lastFocusableEl.focus();\r\n focusParams.event.preventDefault();\r\n }\r\n } else /* tab */ {\r\n if ($(':focus').is(lastFocusableEl)) { // eslint-disable-line\r\n firstFocusableEl.focus();\r\n focusParams.event.preventDefault();\r\n }\r\n }\r\n }\r\n};\r\n","'use strict';\r\n\r\nmodule.exports = function (include) {\r\n if (typeof include === 'function') {\r\n include();\r\n } else if (typeof include === 'object') {\r\n Object.keys(include).forEach(function (key) {\r\n if (typeof include[key] === 'function') {\r\n include[key]();\r\n }\r\n });\r\n }\r\n};\r\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","'use strict';\r\n\r\nvar processInclude = require('base/util');\r\n\r\n$(document).ready(function () {\r\n processInclude(require('./search/search'));\r\n processInclude(require('./product/quickView'));\r\n});\r\n"],"names":["renderGenericCtaModal","title","msg","btnText","btnAction","btnType","openInNewTab","secondaryBtnText","secondaryBtnAction","secondaryBtnType","secondaryBtnOpenInNewTab","$","remove","modalHtml","concat","append","removeClass","modal","module","exports","focusHelper","require","modalHelper","getPidValue","$el","pid","hasClass","length","closest","find","data","text","isSubscriptionSelected","val","getCustomQuantitySelector","getQuantitySelector","quantitySelected","quantitySelector","quantitySelectedModal","quantitySelectedPDP","undefined","getQuantitySelected","processSwatchValues","attr","$productContainer","msgs","values","forEach","attrValue","$attrValue","id","value","$swatchButton","parent","selected","addClass","siblings","assistiveSelectedText","empty","url","removeAttr","selectable","processNonSwatchValues","$attr","$defaultOption","resetUrl","updateAttrs","attrs","attrsWithSwatches","indexOf","updateAvailability","response","availabilityValue","availabilityMessages","product","availability","messages","readyToOrder","resources","info_selectforstock","message","trigger","getAttributesHtml","attributes","html","attributeGroup","ID","attribute","label","updateOptions","optionsHtml","createCarousel","imgs","carousel","carouselId","i","alt","parseInt","index","appendTo","first","detach","getQtyInCartForPurchaseType","qtyAlreadyInCart","isProductInBasketSubscription","isSubscription","qtyInCart","handleVariantResponse","updateImages","isChoiceOfBonusProducts","parents","isVaraint","variationAttributes","productType","primaryImageUrls","images","large","$totalPriceSelector","replaceWith","totalPriceHtml","promotionsHtml","getAllQuantities","_product$quantities","_$productContainer$fi","selectedFrequency","_product$subscription","possibleQuantities","subscriptionQuantities","reduce","acc","frequency","quantities","getQuantityOptions","quantity","push","updateQuantities","disableCartForActiveSubs","resetQuantity","quantityOptions","currentValue","selectedQuantity","currentUrl","replace","toString","join","previousValue","$selectButton","invalidQuantity","disableCartForSubs","attributeSelect","selectedValueUrl","arguments","container","params","issubscription","ajax","method","success","spinner","stop","error","getAddToCartUrl","parseHtml","$html","parseHTML","body","footer","children","chooseBonusProducts","start","bonusUrl","bonusChoiceRuleBased","showProductsUrlRuleBased","showProductsUrlListBased","htmlString","maxBonusItems","uuid","pliUUID","addToCartUrl","pageSize","labels","selectprods","dataType","parsedHtml","renderedTemplate","enterDialogMessage","closeButtonText","handlePostCartAdd","messageType","newBonusDiscountLineItem","Object","keys","modalData","setTimeout","getChildProducts","childProducts","each","JSON","stringify","getOptions","options","map","$elOption","urlValue","selectedValueId","optionId","toArray","miniCartReportingUrl","methods","editBonusProducts","focusChooseBonusProductModal","on","focus","onClosingChooseBonusProductModal","trapChooseBonusProductModalFocus","e","focusParams","event","containerSelector","firstElementSelector","lastElementSelector","setTabNextFocus","colorAttribute","document","preventDefault","selectAttribute","currentTarget","selectedQuantityUrl","addToCart","pidsObj","setPids","qty","form","trainingDone","prescriptionValid","confirmAddToCart","reportingURL","selectBonusProduct","$choiceOfBonusProduct","maxPids","submittedQty","totalQty","optionID","valueId","selectedBonusProductHtml","removeBonusProduct","$selected","count","enableBonusProductSelection","available","showMoreBonusProducts","addBonusProductsToCart","$readyToOrderBonusProducts","queryString","pidsObject","bonusProducts","qtyOption","option","productId","errorMessage","msgSuccess","location","reload","base","getModalHtmlElement","fillModalElement","quickViewFullDetailMsg","productUrl","showQuickview","target","focusQuickview","trapQuickviewFocus","nextToLastElementSelector","showSpinner","hideDialog","beforeUpdateAttribute","updateAttribute","selectedProductUrl","updateAddToCart","dialog","allAvailable","every","item","allReady","updateDom","$results","selector","$updates","handleRefinements","activeDiv","className","parseResults","specialHandlers","getContent","$element","$target","showMoreUrl","updateSortOptions","$tempDom","sortOptions","filter","show","closeRefinements","hide","sort","selectedUrl","showMore","stopPropagation","applyFilter","attributeId","last","page","showContentTab","KEYCODE_TAB","isTabPressed","key","keyCode","firstFocusableEl","lastFocusableEl","is","linkElements","shiftKey","_typeof","obj","Symbol","iterator","constructor","prototype","include","processInclude","ready"],"sourceRoot":""}