${message}
`);\n }\n if (data.levels.PREORDER > 0) {\n if (data.levels.IN_STOCK === 0 && data.levels.BACKORDER === 0 && data.levels.NOT_AVAILABLE === 0) {\n message = Resources.PREORDER;\n } else {\n message = data.preOrderMsg;\n }\n $availabilityMsg.append(`${message}
`);\n }\n if (data.levels.BACKORDER > 0) {\n if (data.levels.IN_STOCK === 0 && data.levels.PREORDER === 0 && data.levels.NOT_AVAILABLE === 0) {\n message = Resources.BACKORDER;\n } else {\n message = data.backOrderMsg;\n }\n $availabilityMsg.append(`${message}
`);\n }\n if (data.inStockDate !== '') {\n $availabilityMsg.append(`${String.format(Resources.IN_STOCK_DATE, data.inStockDate)}
`);\n }\n if (data.levels.NOT_AVAILABLE > 0) {\n if (data.levels.PREORDER === 0 && data.levels.BACKORDER === 0 && data.levels.IN_STOCK === 0) {\n message = Resources.NOT_AVAILABLE;\n } else {\n message = Resources.REMAIN_NOT_AVAILABLE;\n }\n $availabilityMsg.append(`${message}
`);\n }\n}\n\nfunction getAvailability() {\n ajax.getJson({\n url: util.appendParamsToUrl(Urls.getAvailability, {\n pid: $('#pid').val(),\n Quantity: $(this).val(),\n }),\n callback: updateContainer,\n });\n}\n\nmodule.exports = function availability() {\n $('body').on('change', '.pdpForm input[name=\"Quantity\"], .pdpForm select[name=\"Quantity\"]', getAvailability);\n};\n","const dialog = require('../../dialog');\nconst tooltip = require('../../tooltip');\nconst util = require('../../util');\nconst addToCart = require('./addToCart');\nconst availability = require('./availability');\nconst image = require('./image');\nconst productNav = require('./productNav');\nconst productSet = require('./productSet');\nconst variant = require('./variant');\n\n/**\n * @description Initialize product detail page with reviews, recommendation and product navigation.\n */\nfunction initializeDom() {\n productNav();\n tooltip.init();\n $('.recommendations-container .tiles-container').slick({\n speed: 300,\n dots: false,\n arrows: true,\n slide: '.grid-tile',\n slidesToShow: 4,\n slidesToScroll: 1,\n responsive: [\n {\n breakpoint: util.getViewports('md'),\n settings: {\n slidesToShow: 2,\n },\n },\n {\n breakpoint: 690,\n settings: {\n slidesToShow: 1,\n },\n },\n ],\n });\n}\n\n/**\n * @description Initialize event handlers on product detail page\n */\nfunction initializeEvents() {\n const $pdpMain = $('#pdpMain');\n\n addToCart();\n availability();\n variant();\n image();\n productSet();\n util.initDynamicCarousel('[id^=\"cq_recomm_slot\"]', '.recommendations-container .tiles-container', 0);\n util.initDynamicCarousel('[id^=\"cq_recomm_slot\"]', '.recommendations-container .tiles-container', 1);\n\n // Add to Wishlist and Add to Gift Registry links behaviors\n $pdpMain.on('click', '[data-action=\"wishlist\"], [data-action=\"gift-registry\"]', (e) => {\n const data = util.getQueryStringParams($('.pdpForm').serialize());\n if (data.cartAction) {\n delete data.cartAction;\n }\n const url = util.appendParamsToUrl(e.currentTarget.href, data);\n e.currentTarget.setAttribute('href', url);\n });\n\n $pdpMain.on('click', '#ask-a-question-link', (event) => {\n const $askAQuestionLink = $(event.target);\n\n const $quickViewDialog = $askAQuestionLink.closest('#QuickViewDialog');\n const $fullPdpLinkWithHashParam = $('.pdp-linkto-questions');\n if ($quickViewDialog.length && $fullPdpLinkWithHashParam.length) {\n $fullPdpLinkWithHashParam[0].click();\n return;\n }\n\n const $prQuestionBtn = $('#pr-question-form-link');\n $('.tab.questions .tab-header').addClass('expanded');\n\n $prQuestionBtn.trigger('click');\n if ($prQuestionBtn.offset().top) {\n $('html, body').animate({\n scrollTop: ($prQuestionBtn.offset().top),\n }, 200);\n }\n });\n\n // product options\n $pdpMain.on('change', '.product-options select', (e) => {\n const salesPrice = $pdpMain.find('.product-add-to-cart .price-sales');\n const selectedItem = $(e.currentTarget).children().filter(':selected').first();\n salesPrice.text(selectedItem.data('combined'));\n });\n\n // prevent default behavior of thumbnail link and add this Button\n $pdpMain.on('click', '.thumbnail-link, .unselectable a', (e) => {\n e.preventDefault();\n });\n\n // convert personalization fields to all caps that require uppercase\n $pdpMain.on('blur', '.personalization-input.uppercase', (e) => {\n $(e.currentTarget).val($(e.currentTarget).val().toUpperCase());\n });\n\n // show hidden personalization fields when the 'Show More Options' link is clicked\n $pdpMain.on('click', '.show-more', (e) => {\n e.preventDefault();\n $('.personalization-option.visually-hidden').removeClass('visually-hidden');\n $(e.currentTarget).hide();\n });\n\n // show hidden optional personalization fields when the checkbox is checked\n $pdpMain.on('click', '#personalized-check', (e) => {\n if ($(e.currentTarget).is(':checked')) {\n $(e.currentTarget).closest('.personalization-box').find('.optional-personalization').css('display', 'block');\n $pdpMain.find('.swatchanchor').each((index, element) => {\n element.setAttribute('href', util.appendParamsToUrl(element.href, {personalizedChecked: 'true'}));\n });\n } else {\n $(e.currentTarget).closest('.personalization-box').find('.optional-personalization').css('display', 'none');\n $pdpMain.find('.swatchanchor').each((index, element) => {\n element.setAttribute('href', util.removeParamFromURL(element.href, 'personalizedChecked'));\n });\n }\n });\n\n // dynamic max quantity values for pick n choose products\n $pdpMain.on('change', 'input.pnc-qty', () => {\n const packCount = parseInt($('.pnc').data('packcount'), 10);\n let totalQty = 0;\n // calculate the total quantity of pick n choose items\n $('input.pnc-qty').each((index, element) => {\n totalQty += parseInt($(element).val(), 10);\n });\n // set the new max quantity based on quantity remaining in the selected pack\n const remainingQty = packCount - totalQty;\n $('input.pnc-qty:not(.disabled)').each((index, element) => {\n const maxAmount = parseInt($(element).val(), 10) + remainingQty;\n const maxAvailable = parseInt($(element).data('available'), 10);\n // make sure max is not more than the amount available\n $(element).prop('max', maxAmount > maxAvailable ? maxAvailable : maxAmount);\n });\n if (totalQty <= packCount && totalQty >= 0) {\n $pdpMain.find('.pnc-remain-count').text(totalQty);\n }\n });\n\n $('.size-chart-link a').on('click', (e) => {\n e.preventDefault();\n dialog.open({\n url: $(e.target).attr('href'),\n });\n });\n\n $pdpMain.on('click', '.tab-header', (e) => {\n $(e.currentTarget).toggleClass('expanded');\n }).on('click', '.open-dialog', (e) => {\n e.preventDefault();\n dialog.open({\n url: $(e.currentTarget).attr('href'),\n doClose: $('.pt_product-search-result').length === 0,\n options: {\n title: $(e.currentTarget).find('.visually-hidden').text() || $(e.currentTarget).attr('title'),\n },\n });\n }).on('click', '.restrictions-dialog', (e) => {\n e.preventDefault();\n dialog.open({\n url: $(e.target).attr('href'),\n doClose: $('.pt_product-search-result').length === 0,\n options: {\n width: 540,\n title: $(e.target).attr('title'),\n dialogClass: 'restrictions-dialog',\n },\n });\n });\n\n // Pick 'n Choose\n const pncAttribute = $('ul.colpackcount');\n if (pncAttribute.length > 0) {\n // Trigger Pick 'n Choose quantity inputs to reset max quantity\n $pdpMain.find('.pnc-qty').trigger('change');\n }\n}\n\nconst product = {\n initializeEvents,\n init() {\n initializeDom();\n initializeEvents();\n },\n};\n\nmodule.exports = product;\n","const ajax = require('../../ajax');\nconst util = require('../../util');\n\n/**\n * @description loads product's navigation\n * */\nmodule.exports = () => {\n const $pidInput = $('.pdpForm input[name=\"pid\"]').last();\n const $navContainer = $('#product-nav-container');\n // if no hash exists, or no pid exists, or nav container does not exist, return\n if (window.location.hash.length <= 1 || $pidInput.length === 0 || $navContainer.length === 0) {\n return;\n }\n\n const pid = $pidInput.val();\n const hash = window.location.hash.substr(1);\n const url = util.appendParamToURL(`${Urls.productNav}?${hash}`, 'pid', pid);\n\n ajax.load({\n url,\n target: $navContainer,\n });\n};\n","const ajax = require('../../ajax');\nconst tooltip = require('../../tooltip');\nconst util = require('../../util');\n\nmodule.exports = () => {\n const $addToCart = $('#add-to-cart');\n const $addAllToCart = $('#add-all-to-cart');\n const $productSetList = $('#product-set-list');\n\n const updateAddToCartButtons = () => {\n if ($productSetList.find('.add-to-cart-disabled').length > 0) {\n $addAllToCart.attr('disabled', 'disabled');\n // product set does not have an add-to-cart button, but product bundle does\n $addToCart.attr('disabled', 'disabled');\n } else {\n $addAllToCart.removeAttr('disabled');\n $addToCart.removeAttr('disabled');\n }\n };\n\n const updateAddAllToCartButton = () => {\n if ($productSetList.find('.product-set-item form').not('.suppressed').length === 0) {\n $addAllToCart.attr('disabled', 'disabled');\n } else if ($productSetList.find('.add-to-cart-disabled').length === 0) {\n $addAllToCart.removeAttr('disabled');\n }\n };\n\n const suppressForm = (el) => {\n const qtyVal = el.val();\n const parentForm = el.parents('form');\n if (qtyVal < 1 || qtyVal === '') {\n parentForm.addClass('suppressed');\n } else {\n parentForm.removeClass('suppressed');\n }\n updateAddAllToCartButton();\n };\n\n if ($productSetList.length > 0) {\n updateAddToCartButtons();\n }\n // click on swatch for product set\n $productSetList.on('click', '.product-set-item .swatchanchor', (e) => {\n e.preventDefault();\n if ($(e.currentTarget).parents('li').hasClass('unselectable')) { return; }\n const url = Urls.getSetItem + e.currentTarget.search;\n const $container = $(e.currentTarget).closest('.product-set-item');\n const qty = $container.find('form input[name=\"Quantity\"], form select[name=\"Quantity\"]').first().val();\n\n const ratingHtml = $container.find('.rating-wrapper').html();\n\n ajax.load({\n url: util.appendParamToURL(url, 'Quantity', Number.isNaN(qty) ? '1' : qty),\n target: $container,\n callback() {\n updateAddToCartButtons();\n tooltip.init();\n const newQtyField = $container.find('form input[name=\"Quantity\"], form select[name=\"Quantity\"]').first();\n suppressForm(newQtyField);\n if (ratingHtml) {\n $container.find('.rating-wrapper').html(ratingHtml);\n }\n },\n });\n // handle selects for product sets\n }).on('change', '.product-set-item .variation-select', (e) => {\n e.preventDefault();\n const selectedOptionURL = $(e.currentTarget).val();\n const selectedOptionURLtrim = selectedOptionURL.indexOf('?');\n const variationValue = selectedOptionURL.substring(selectedOptionURLtrim);\n const url = Urls.getSetItem + variationValue;\n const $container = $(e.currentTarget).closest('.product-set-item');\n const qty = $container.find('form input[name=\"Quantity\"], form select[name=\"Quantity\"]').first().val();\n\n ajax.load({\n url: util.appendParamToURL(url, 'Quantity', Number.isNaN(qty) ? '1' : qty),\n target: $container,\n callback() {\n updateAddToCartButtons();\n tooltip.init();\n const newQtyField = $container.find('form input[name=\"Quantity\"], form select[name=\"Quantity\"]').first();\n suppressForm(newQtyField);\n },\n });\n }).on('change', '.product-set-item input[name=\"Quantity\"]', (e) => {\n suppressForm($(e.currentTarget));\n }).on('click', '.add-to-cart', (e) => {\n const parentForm = $(e.currentTarget).parents('.product-add-to-cart');\n if (parentForm.hasClass('suppressed')) {\n parentForm.removeClass('suppressed');\n updateAddAllToCartButton();\n }\n });\n\n /* global pwr */\n if (SitePreferences.ENABLE_POWER_REVIEWS) {\n window.pwr = window.pwr || function initPwr(...args) {\n (pwr.q = pwr.q || []).push(args);\n };\n\n const snippets = $('.ps-review-snippet');\n\n if (snippets.length > 0) {\n const prArray = [];\n snippets.each((idx, snippet) => {\n const $snippet = $(snippet);\n prArray.push({\n ENABLE_CLIENT_SIDE_STRUCTURED_DATA: false,\n api_key: SitePreferences.PR_API_KEY,\n locale: SitePreferences.PR_LOCALE,\n merchant_group_id: SitePreferences.PR_MERCHANT_GROUP_ID,\n merchant_id: SitePreferences.PR_MERCHANT_ID,\n page_id: $snippet.data('page-id'),\n components: {\n CategorySnippet: snippet.id,\n },\n });\n });\n\n pwr('render', prArray);\n const targetNode = document.getElementById('product-set-list');\n\n const observer = new MutationObserver((mutationList) => {\n mutationList.forEach((mutation) => {\n if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {\n const $links = $(mutation.target).find('.pr-no-reviews').parents('.rating-wrapper').find('.links');\n if ($links.length > 0) {\n $($links.children()[0]).hide();\n $($links.children()[1]).html(Resources.WRITE_FIRST_REVIEW);\n }\n }\n });\n });\n\n observer.observe(targetNode, {childList: true, subtree: true});\n }\n }\n};\n","const ajax = require('../../ajax');\nconst image = require('./image');\nconst progress = require('../../progress');\nconst productStoreInventory = require('../../storeinventory/product');\nconst tooltip = require('../../tooltip');\nconst util = require('../../util');\nconst validator = require('../../validator');\n\n/**\n * @description restore form values when product content is updated (Personalization and Pick 'n Choose)\n * @param {Array} formdata - array with name/value objects\n * @param {String} eventType - the type of event to trigger on the updated field\n * */\nfunction restoreFormValues(formdata, eventType) {\n $.each(formdata, (i, val) => {\n if (val.value !== '' && $(`#${val.name}`).length > 0) {\n // Update value and trigger event for validation/update\n $(`#${val.name}`).val(val.value).trigger(eventType);\n }\n });\n}\n\n/**\n * @function\n * @desc Replaces the PDP header with the updated variation information\n */\nfunction replaceHeader() {\n const $newHeading = $('.update-product-content-header');\n const $targetHeading = $('.product-col-1');\n\n if ($newHeading.length && $targetHeading.length) {\n $targetHeading.html($newHeading.html());\n $newHeading.remove();\n }\n}\n\n/**\n * @description update product content with new variant from href, load new content to #product-content panel\n * @param {String} href - url of the new product variant\n * */\nfunction updateContent(href) {\n const $pdpForm = $('.pdpForm');\n const qty = $pdpForm.find('input[name=\"Quantity\"], select[name=\"Quantity\"]').first().val();\n const params = {\n Quantity: Number.isNaN(qty) ? '1' : qty,\n format: 'ajax',\n productlistid: $pdpForm.find('input[name=\"productlistid\"]').first().val(),\n };\n // Save personalized values before refreshing content\n const personalizationValues = $('.personalization-options input, .personalization-options select').serializeArray();\n const pncOldPackSize = $('.pnc').data('packcount');\n const pncValues = $('.pnc input').serializeArray();\n const showMore = $('a.show-more').is(':hidden');\n\n progress.show($('#pdpMain'));\n\n ajax.load({\n url: util.appendParamsToUrl(href, params),\n target: $('#product-content'),\n callback() {\n if (SitePreferences.STORE_PICKUP) {\n productStoreInventory.init();\n }\n\n // Replace the PDP images\n image.replaceImages();\n // Replace the PDP heading content (name, id, price)\n replaceHeader();\n // Re-init the tooltips\n tooltip.init();\n if ($('#product-content').length > 0) {\n image.heroCarousel();\n image.wistiaThumbmail();\n }\n if (personalizationValues.length > 0) {\n // Re-init the validator\n validator.init();\n // Restore personalization values\n restoreFormValues(personalizationValues, 'blur');\n // Show extra options if 'Show More Options' has already been clicked\n if (showMore) {\n $('a.show-more').click();\n }\n }\n // Restore Pick 'n Choose quantities\n if (pncValues.length > 0) {\n const pncNewPackSize = $('.pnc').data('packcount');\n // Only restore quantities if moving to a larger pack size\n if (parseInt(pncNewPackSize, 10) > parseInt(pncOldPackSize, 10)) {\n restoreFormValues(pncValues, 'change');\n // Trigger one more change because the 'X of X items selected' text doesn't consistently update\n $('input.pnc-qty').change();\n }\n }\n },\n });\n}\n\nmodule.exports = () => {\n const $pdpMain = $('#pdpMain');\n\n // click on swatch - should replace product content with new variant\n $pdpMain.on('click', '.product-detail .swatchanchor', (e) => {\n e.preventDefault();\n if ($(e.currentTarget).parents('li').hasClass('unselectable')) { return; }\n updateContent(e.currentTarget.href);\n });\n\n // change drop down variation attribute - should replace product content with new variant\n $pdpMain.on('change', '.variation-select', (e) => {\n const $productSetList = $('#product-set-list');\n if ($(e.currentTarget).val().length === 0) { return; }\n if ($productSetList.length === 0) {\n updateContent($(e.currentTarget).val());\n }\n });\n};\n","const forEach = require('lodash.foreach');\nconst map = require('lodash.map');\nconst TPromise = require('promise');\nconst dialog = require('../dialog');\nconst util = require('../util');\n\nfunction storeTemplate(store, selectedStoreId, selectedStoreText) {\n return [\n `',\n ` ${store.address1}
`,\n ` ${store.city}, ${store.stateCode} ${store.postalCode}`,\n '
${store.status}
`,\n ` ',\n '