`;\n });\n }\n\n if (response.isInStockNearbyStores && !response.product.available) {\n $(\".in-stock-nearby-label\").show();\n } else {\n $(\".in-stock-nearby-label\").hide();\n }\n \n $productContainer.trigger('product:updateAvailability', {\n product: response.product,\n $productContainer: $productContainer,\n message: availabilityValue,\n resources: response.resources,\n inStore : true\n });\n\n // $('button.add-to-cart, button.add-to-cart-global, button.update-cart-product-global').trigger('product:updateAddToCart', {\n // product: response.product, $productContainer: $productContainer\n // });\n\n if ($('.product-feature-box-in-store-only').hasClass('is-ropis') || $('.product-feature-box-in-store-only').hasClass('is-online') ) {\n if (response.atsValue != 0 || response.isInStockNearbyStores) {\n $('.product-feature-box-in-store-only').show();\n } else {\n $('.product-feature-box-in-store-only').hide();\n }\n } \n\n //updateQOptions($quantitySelector, productAtsValue);\n }\n });\n}\n\nfunction getQuantitySelect($target) {\n var $quantitySelect;\n\n if ($target.closest('#quickViewModal').length) {\n $quantitySelect = $target.closest('#quickViewModal').find('.modal-footer .quantity-select');\n } else {\n $quantitySelect = $target.closest('.product-detail').find('.quantity-select');\n }\n\n return $quantitySelect;\n}\n\n/**\n * Finds stores with inventory proximate to the user's preferred store\n * @param {string} pid - The product ID to search for\n * @param {number} quantity - Number of products to search inventory for; defaults to 1\n * @param {number} selectedPostalCode - The postal code to search for inventory\n * @param {number} selectedRadius - The radius to search for inventory; defaults 100\n */\n function getStoresWithInventory(url, productId, radius=90, quantity=1) {\n var requestData = {\n productId: productId,\n radius: radius,\n quantity: quantity,\n storeId: $('.my-store').data('store-id')\n }\n\n $.ajax({\n url: url,\n data: requestData,\n method: 'GET',\n success: function (response) {\n var $storeWithInventory = $('.selected-store-with-inventory');\n $storeWithInventory.find('button.change-store').hide();\n $storeWithInventory.find('.card-footer').append(response.resultsHtml)\n },\n error: function () {\n console.log('error');\n }\n });\n}\n\nmodule.exports = {\n updateSelectStore: function () {\n $('body').on('product:updateAddToCart', function (e, response) {\n $('.btn-get-in-store-inventory', response.$productContainer).attr('disabled',\n (!response.product.readyToOrder || !response.product.available ||\n !response.product.availInStorePickup));\n });\n },\n updateSelectedStoreOnAttributeChange: function () {\n $('body').on('product:afterAttributeSelect', function (e, response) {\n var storeId = $(response.container).find('.selected-store-with-inventory [data-store-id]').data('store-id');\n response.container.attr('data-pid', response.data.product.id);\n\n if (storeId) {\n updateQuantityOptions(response.data.product.id, storeId)\n } else {\n deselectStore(response.container);\n\n // update qty stepper if enabled\n var $qtyStepper = $(response.container).closest('.modal').length\n ? (response.container).closest('.modal').find('.modal-footer .quantity-stepper')\n : (response.container).find('.quantity-stepper');\n if ($qtyStepper.length) {\n var qtyMax = $qtyStepper.closest('.quantity').find('.quantity-select option').length;\n $qtyStepper.attr('data-max', qtyMax);\n base.enableQuantitySteppers($qtyStepper.closest('.quantity'));\n }\n }\n $(response.container).find('button.change-store').show();\n $(response.container).find('.stores-with-inventory-container').remove();\n });\n },\n updateAddToCartFormData: function () {\n $('body').on('updateAddToCartFormData', function (e, form) {\n var storeElement = $('.product-detail[data-pid=\"'\n + form.pid\n + '\"]');\n\n if ($(storeElement).length) {\n form.storeId = $(storeElement).find('.store-name') // eslint-disable-line\n .attr('data-store-id');\n }\n });\n },\n showInStoreInventory: function () {\n $('body').on('click', '.btn-get-in-store-inventory', event => {\n var $target = $(event.target);\n var pid = $target.closest('.product-detail').attr('data-pid');\n var $quantitySelect = getQuantitySelect($target);\n var quantity = $quantitySelect.val();\n\n getModalHtmlElement();\n fillModalElement(pid, quantity);\n event.stopPropagation();\n });\n },\n removeStoreSelection: function () {\n $('body').on('click', '#remove-store-selection', event => {\n var $target = $(event.target);\n var $quantitySelect = getQuantitySelect($target);\n\n deselectStore($target.closest('.product-detail'));\n $(document).trigger('store:afterRemoveStoreSelection', $quantitySelect);\n });\n },\n selectStoreWithInventory: function () {\n $('body').on('store:selected', function (e, data) {\n var searchPID = $('.btn-storelocator-search').attr('data-search-pid');\n var $storeElement = $('.product-detail[data-pid=\"' + searchPID + '\"]');\n var $storeNameElement = $storeElement.find('.selected-store-with-inventory .store-name');\n $storeNameElement.text(data.storeName);\n $storeNameElement.data('store-id', data.storeID);\n $storeElement.find('.selected-store-with-inventory').closest('.row').removeClass('d-none');\n\n var $changeStoreButton = $storeElement.find('.change-store');\n $changeStoreButton.data('postal', data.searchPostalCode);\n $changeStoreButton.data('radius', data.searchRadius);\n\n $storeElement.find('.btn-get-in-store-inventory').closest('.row').addClass('d-none');\n\n updateQuantityOptions(searchPID, data.storeID);\n\n $('#inStoreInventoryModal').modal('hide');\n $('#inStoreInventoryModal').remove();\n });\n },\n changeStore: function () {\n $('body').on('click', '.change-store', event => {\n var $target = $(event.target);\n $target.hide();\n var pid = $target.closest('.product-detail').attr('data-pid');\n var url = $target.attr('data-action-url');\n getStoresWithInventory(url, pid);\n });\n }\n};\n","'use strict';\n\nvar modal = require('core/components/modal');\nvar base = require('core/product/base');\nconst editReservelistProductModalSelector = '#editReservelistProductModal';\n\n/**\n * shows reservelist toast message\n * @param {string} data - data returned from the server's ajax call\n */\nfunction displayMessage(data) {\n $.spinner().stop();\n var status = data.success ? 'alert-success' : 'alert-danger';\n\n if ($('.add-to-wishlist-messages').length === 0) {\n $('body').append('');\n }\n\n $('.add-to-wishlist-messages').append('
' + data.msg + '
');\n\n setTimeout(function () {\n $('.add-to-wishlist-messages').remove();\n }, 5000);\n}\n\n/**\n * update window reservelist data\n * @param {string} data - data returned from the server's ajax call\n */\nfunction updateReservelistUncachedData(data, isToggle) {\n if (data.success && !isToggle) {\n var reserveListPIDs = new Array();\n for(var i = 0; i < data.list.items.length; i++){\n reserveListPIDs.push(data.list.items[i].pid);\n }\n var reservelistPIDs = new Set(reserveListPIDs);\n }\n\n else {\n var reservelistPIDs = new Set(window.UncachedData.reservelistPIDs);\n if (data.add) {\n reservelistPIDs.add(data.reservelistpid);\n } else {\n reservelistPIDs.delete(data.reservelistpid);\n }\n }\n\n window.UncachedData.reservelistPIDs = Array.from(reservelistPIDs);\n}\n\n/**\n * update clicked links attributes and text\n * @param {Object} specificLinks - jQuery object representing selection of reservelist links\n */\nfunction updateReservelistLinkData(specificLinks, newProductId) {\n if (!window || !window.UncachedData || !window.UncachedData.reservelistPIDs) {\n return;\n }\n\n var reservelistLinks = specificLinks || $('a.reservelist');\n if (!reservelistLinks || !reservelistLinks.length) {\n return;\n }\n\n var reservelistPIDs = new Set(window.UncachedData.reservelistPIDs);\n\n reservelistLinks.each((_i, reservelistLink) => {\n var $reservelistLink = $(reservelistLink);\n var reservelistpid;\n if(newProductId){\n reservelistpid = newProductId;\n } else{\n reservelistpid = $reservelistLink.attr('data-reservelistpid');\n }\n var reservebtn = $('.reservelist-icon');\n if (reservelistpid) {\n var isInReservelist = reservelistPIDs.has(reservelistpid);\n\n $reservelistLink.attr('data-inreservelist', isInReservelist);\n if (isInReservelist) {\n $reservelistLink.attr('title', $reservelistLink.attr('data-removemessage'));\n reservebtn.html($reservelistLink.attr('data-removemessage'));\n } else {\n $reservelistLink.attr('title', $reservelistLink.attr('data-addmessage'));\n reservebtn.html($reservelistLink.attr('data-addmessage'));\n }\n\n var icon = $reservelistLink.find('.reservelist-icon');\n if (icon && icon.length) {\n $(icon).toggleClass('selected', isInReservelist);\n }\n }\n });\n}\n\n\nfunction initReservelistData(newProductId) {\n var $xhr = [null, null];\n var url = $('a.reservelist').attr('data-getlisturl');\n if(url){\n if($xhr[0] && $xhr[0].abort){\n $xhr[0].abort(); //< abort a previous identical ajax call if it's still running\n }\n $xhr[0] = $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n data: {\n },\n success: function (data) {\n updateReservelistUncachedData(data, false);\n updateReservelistLinkData();\n }\n });\n\n var storeId = $('.my-store').data('store-id');\n var getAtsUrl = $('a.reservelist').attr('data-getatsactionurl');\n var isDropShipROPIS = $('a.reservelist').data('isropisdropship');\n var isInStoreROPIS = $('a.reservelist').data('isropisinstore');\n var isDcROPIS = $('a.reservelist').data('isropisdc');\n var pid;\n if (newProductId){\n pid = newProductId;\n }\n else{\n pid = $('span.product-id').text().trim();\n }\n var requestData = {\n pid: pid,\n storeId: storeId\n };\n if($xhr[1] && $xhr[1].abort){\n $xhr[1].abort(); //< abort a previous identical ajax call if it's still running\n }\n\n $('.availability-container').remove(); //< ROPIS items don't use the regular availability.isml container\n if(isInStoreROPIS){\n $xhr[1] = $.ajax({\n url: getAtsUrl,\n data: requestData,\n method: 'GET',\n success: function (response) {\n updateReservelistLinkData(null, newProductId);\n if(newProductId){\n var $reservelink = $('.reservecontainer a.reservelist.btn-primary');\n $reservelink.attr('data-reservelistpid', newProductId);\n }\n if (response.product && !response.product.readyToOrder) {\n //disable reserve button\n var $reserveButton = $('.reservecontainer');\n if($reserveButton.length > 0){\n var $nearbyStoresCTA = $('.in-store-availability .selected-store-with-inventory .card-footer button');\n var reserveButtonHTML = $reserveButton.html();\n $reserveButton.html(reserveButtonHTML.replace('
0){\n var $nearbyStoresCTA = $('.in-store-availability .selected-store-with-inventory .card-footer button');\n var reserveButtonHTML = $reserveButton.html();\n $reserveButton.html(reserveButtonHTML.replace('
0;\n if(dropshipOutOfStock){\n var $reserveButton = $('.reservecontainer');\n if($reserveButton.length > 0){\n var $nearbyStoresCTA = $('.in-store-availability .selected-store-with-inventory .card-footer button');\n var reserveButtonHTML = $reserveButton.html();\n $reserveButton.html(reserveButtonHTML.replace('
{\n var selectedProduct = data.data.product;\n if(selectedProduct && selectedProduct.id){\n initReservelistData(selectedProduct.id);\n }\n});\n\n/**\n * update clicked links attributes and text\n * @param {string} data - data returned from the server's ajax call\n * @param {Object} $targetElement - the element that needs caused the need for a modal change\n */\nfunction updateReservelistCartStatus(data, $targetElement) {\n if (data.success && data.add && $targetElement.hasClass('move')) {\n var itemToMove = {\n actionUrl: $targetElement.data('nextaction'),\n productID: $targetElement.data('reservelistpid'),\n productName: $targetElement.data('productname'),\n uuid: $targetElement.data('uuid')\n };\n\n // listener prefills #removeProductModal\n $('body').trigger('afterRemoveFromCart', itemToMove);\n\n setTimeout(function () {\n $('#removeProductModal').modal();\n }, 1000);\n }\n}\n\n/**\n * update display of items after a cart update (edit item in modal on cart show)\n */\nfunction cartUpdate() {\n $('body').on('cart:update', function(e, data, uuid) {\n var updatedProduct = $('a.reservelist[data-uuid=' + uuid + ']');\n if (updatedProduct.length) {\n //TODO RVW is this good enough or do I need to update reservelist icon name/messaging etc...\n updatedProduct.attr('data-reservelistpid', data.newProductId);\n updateReservelistLinkData();\n }\n });\n}\n\n/**\n * attach onclick for reservelist icon toggle functionality\n */\nfunction toggleReservelist() {\n $('body').on('click', 'a.reservelist', function (e) {\n var clicked = $(this);\n e.preventDefault();\n var url = clicked.attr('href');\n var reservelistpid = clicked.attr('data-reservelistpid');\n\n //TODO RVW option products\n // var optionId = $(this).closest('.product-detail').find('.product-option').attr('data-option-id');\n // var optionVal = $(this).closest('.product-detail').find('.options-select option:selected').attr('data-value-id');\n // optionId = optionId || null;\n // optionVal = optionVal || null;\n if (!url || !reservelistpid) {\n return;\n }\n\n var $this = $(this);\n\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: {\n reservelistpid: reservelistpid,\n // optionId: optionId,\n // optionVal: optionVal\n },\n success: function (data) {\n displayMessage(data);\n updateReservelistUncachedData(data, true);\n updateReservelistLinkData();\n updateReservelistCartStatus(data, $this);\n $('.minicart').trigger('count:update', data);\n },\n error: function (err) {\n displayMessage(err);\n }\n });\n });\n}\n\n\n/**\n * make link button work on reservelist social icons to create a sharing url\n */\nfunction copyReservelistLink() {\n $('body').on('click', '.wl-social .share-link', function () {\n var $temp = $('');\n $('body').append($temp);\n $temp.val($('#wlShareUrl').val()).select();\n document.execCommand('copy');\n $temp.remove();\n $('.copy-link-message').removeClass('d-none');\n setTimeout(function () {\n $('.copy-link-message').addClass('d-none');\n }, 3000);\n });\n}\n\n/**\n * attach on quickview:ready listener so that icon is correct in quickview on load\n */\nfunction updateQuickView(e) {\n $('body').on('quickview:ready', function() {\n initReservelistData();\n updateReservelistLinkData();\n });\n}\n\n/**\n * attach on click on reservelist-show edit button to launch modal\n */\nfunction viewProductViaEdit() {\n $('body').on('click', '.edit-add-to-reservelist .edit', function (e) {\n e.preventDefault();\n\n var editProductUrl = $(this).attr('href');\n $(e.target).trigger('editreservelistproduct:show');\n modal.getModalHtmlElement('editReservelistProductModal', 'quick-view-dialog');\n fillModalElement(editProductUrl);\n });\n}\n\n/**\n * replaces the content in the modal window for product variation to be edited.\n * @param {string} editProductUrl - url to be used to retrieve a new product model\n */\n//TODO RVW unified in some way with quickView.js fillModalElement function?\nfunction fillModalElement(editProductUrl) {\n var $modal = $(editReservelistProductModalSelector);\n $modal.find('.modal-body').spinner().start();\n $.ajax({\n url: editProductUrl,\n method: 'GET',\n dataType: 'json',\n success: function (data) {\n var parsedHtml = modal.parseHtml(data.renderedTemplate);\n\n $modal.find('.modal-body').empty();\n $modal.find('.modal-body').html(parsedHtml.body);\n $modal.find('.modal-footer').html(parsedHtml.footer);\n $modal.find('.modal-header .close .sr-only').text(data.closeButtonText);\n $modal.find('.enter-message').text(data.enterDialogMessage);\n $modal.find(editReservelistProductModalSelector).modal('show');\n\n $('body').trigger('editreservelistproduct:ready', $(editReservelistProductModalSelector));\n\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n\n/**\n * handles opening reservelist modal\n */\nfunction focusEditReservelistProductModal() {\n $('body').on('shown.bs.modal', editReservelistProductModalSelector, function () {\n $(editReservelistProductModalSelector).siblings().attr('aria-hidden', 'true');\n $(editReservelistProductModalSelector + ' .close').focus();\n });\n}\n\n/**\n * handles closing reservelist modal\n */\nfunction onClosingEditReservelistProductModal() {\n $('body').on('hidden.bs.modal', editReservelistProductModalSelector, function () {\n $(editReservelistProductModalSelector).remove();\n $('.modal-backdrop').remove();\n $('body').removeClass('modal-open');\n\n $(editReservelistProductModalSelector).siblings().attr('aria-hidden', 'false');\n });\n}\n\n/**\n * handles tabbing on reservelist modal\n */\nfunction trapEditReservelistProductModalFocus() {\n $('body').on('keydown', editReservelistProductModalSelector, function (e) {\n var focusParams = {\n event: e,\n containerSelector: editReservelistProductModalSelector,\n firstElementSelector: '.close',\n lastElementSelector: '.btn-update-reservelist-product',\n nextToLastElementSelector: '.select-size'\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n}\n\n/**\n * handles update button on click for edit reservelist modal from reservelist-show and others\n */\nfunction updateReservelistItem() {\n $('body').on('click', '.btn-update-reservelist-product', function (e) {\n e.preventDefault();\n\n var updateButtonBlock = $(this).closest('.reservelist-item-update-button-block').find('.update-reservelist-url');\n var updateProductUrl = updateButtonBlock.val();\n var uuid = updateButtonBlock.data('uuid');\n\n var form = {\n uuid: uuid,\n pid: base.methods.getPidValue($(this))\n };\n\n $(editReservelistProductModalSelector).spinner().start();\n\n $.ajax({\n url: updateProductUrl,\n type: 'post',\n context: this,\n data: form,\n dataType: 'json',\n success: function () {\n $.spinner().start();\n $(editReservelistProductModalSelector).spinner().stop();\n $(editReservelistProductModalSelector).remove();\n $('.modal-backdrop').remove();\n $('body').removeClass('modal-open');\n var pageNumber = $('.reservelistItemCardsData').data('page-number') - 1;\n renderNewPageOfItems(pageNumber, false, '.product-info .edit-add-to-reservelist .edit:first');\n },\n error: function () {\n var msg = $('.btn-update-reservelist-product').data('error-msg');\n\n $(editReservelistProductModalSelector).spinner().stop();\n $(editReservelistProductModalSelector).remove();\n $('.modal-backdrop').remove();\n $('body').removeClass('modal-open');\n\n if ($('.update-reservelist-messages').length === 0) {\n $('body').append(\n ''\n );\n }\n\n $('.update-reservelist-messages')\n .append('
' + msg + '
');\n\n setTimeout(function () {\n $('.update-reservelist-messages').remove();\n }, 5000);\n }\n });\n });\n}\n\n/**\n * renders the list up to a given page number\n * @param {number} pageNumber - current page number\n * @param {boolean} spinner - if the spinner has already started\n * @param {string} focusElementSelector - selector of the element to focus on\n */\nfunction renderNewPageOfItems(pageNumber, spinner, focusElementSelector) {\n var publicView = $('.reservelistItemCardsData').data('public-view');\n var listUUID = $('.reservelistItemCardsData').data('uuid');\n var url = $('.reservelistItemCardsData').data('href');\n if (spinner) {\n $.spinner().start();\n }\n var scrollPosition = document.documentElement.scrollTop;\n var newPageNumber = pageNumber;\n $.ajax({\n url: url,\n method: 'get',\n data: {\n pageNumber: ++newPageNumber,\n publicView: publicView,\n id: listUUID\n }\n }).done(function (data) {\n $('.reservelistItemCards').empty();\n $('body .reservelistItemCards').parent().html(data);\n\n if (focusElementSelector) {\n $(focusElementSelector).focus();\n } else {\n document.documentElement.scrollTop = scrollPosition;\n }\n }).fail(function () {\n $('.more-wl-items').remove();\n });\n $.spinner().stop();\n}\n\n/**\n * handles add to cart on click for add to cart button on reservelist-show and others\n */\nfunction addToCartFromReservelist() {\n $('body').on('click', '.add-to-cart', function () {\n var pid;\n var addToCartUrl;\n var pidsQty;\n\n $('body').trigger('product:beforeAddToCart', this);\n\n pid = $(this).data('pid');\n addToCartUrl = $(this).data('url');\n pidsQty = parseInt($(this).closest('.product-info').find('.quantity').val(), 10);\n\n var form = {\n pid: pid,\n quantity: pidsQty\n };\n\n if ($(this).data('option')) {\n form.options = JSON.stringify($(this).data('option'));\n }\n\n $(this).trigger('updateAddToCartFormData', form);\n if (addToCartUrl) {\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: form,\n success: function (data) {\n handlePostCartAdd(data);\n $('body').trigger('product:afterAddToCart', data);\n $.spinner().stop();\n base.miniCartReportingUrl(data.reportingURL, data.error);\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n });\n}\n\n\n/**\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\n * @param {string} response - ajax response from clicking the add to cart button\n */\nfunction handlePostCartAdd(response) {\n $('.minicart').trigger('count:update', response);\n var messageType = response.error ? 'alert-danger' : 'alert-success';\n\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append(\n ''\n );\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/**\n * attaches on click for checkbox to toggle public status for whole list on reserveslist show\n */\nfunction toggleReservelistStatus() {\n $('#isPublicList').on('click', function () {\n var listID = $('#isPublicList').data('id');\n updatePublicStatus(listID, null, null);\n });\n}\n\n/**\n * attaches on click for checkbox to toggle public status for individual items on reservelist show\n */\nfunction toggleReservelistItemStatus() {\n $('body').on('click', '.reservelist-item-checkbox', function () {\n var itemID = $(this).closest('.reservelist-hide').find('.custom-control-input').data('id');\n var el = $(this).siblings('input');\n var resetCheckBox = function () {\n return el.prop('checked')\n ? el.prop('checked', false)\n : el.prop('checked', true);\n };\n\n updatePublicStatus(null, itemID, resetCheckBox);\n });\n}\n\n/**\n * toggles the public / private status of the item or reservelist item\n * @param {string} listID - the order model\n * @param {string} itemID - the customer model\n * @param {Object} callback - function to run if the ajax call returns with an\n * error so that the checkbox can be reset to it's original state\n */\nfunction updatePublicStatus(listID, itemID, callback) {\n var url = $('#isPublicList').data('url');\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: {\n listID: listID,\n itemID: itemID\n },\n success: function (data) {\n if (callback && !data.success) { callback(); }\n displayMessage(data, null);\n },\n error: function (err) {\n if (callback) { callback(); }\n displayMessage(err);\n }\n });\n}\n\n/**\n * attaches on click for clicking the \"x\" from reservelist show or account show\n */\nfunction removeFromReservelist() {\n $('body').on('click', '.remove-from-reservelist', function (e) {\n e.preventDefault();\n var url = $(this).data('url');\n var elMyAccount = $('.account-page').length;\n // If user is in my account page, call Reservelist-RemoveProductAccount() end point and replace html with response\n if (elMyAccount > 0) {\n $('.reservelist-account-card').spinner().start();\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'html',\n data: {},\n success: function (html) {\n $('.reservelist-account-card>.order-card').remove();\n $('.reservelist-account-card').append(html);\n $('.reservelist-account-card').spinner().stop();\n },\n error: function () {\n var $elToAppend = $('.reservelist-account-card');\n $elToAppend.spinner().stop();\n var msg = $elToAppend.data('error-msg');\n displayMessage($elToAppend, msg);\n }\n });\n // else user is in reservelist landing page, call Reservelist-RemoveProduct() end point and re-render container page\n } else {\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n data: {},\n success: function () {\n var pageNumber = $('.reservelistItemCardsData').data('page-number') - 1;\n renderNewPageOfItems(pageNumber, false);\n },\n error: function () {\n $.spinner().stop();\n var $elToAppendWL = $('.reservelistItemCards');\n var msg = $elToAppendWL.data('error-msg');\n displayMessage($elToAppendWL, msg);\n }\n });\n }\n });\n}\n\nfunction moreWLItems() {\n $('body').on('click', '.more-wl-items', function () {\n var pageNumber = $('.reservelistItemCardsData').data('page-number');\n renderNewPageOfItems(pageNumber, true);\n });\n}\n\nmodule.exports = {\n cartUpdate: cartUpdate,\n toggleReservelist: toggleReservelist,\n updateReservelistLinkData: updateReservelistLinkData,\n updateReservelistUncachedData: updateReservelistUncachedData,\n displayMessage: displayMessage,\n copyReservelistLink: copyReservelistLink,\n updateQuickView: updateQuickView,\n viewProductViaEdit: viewProductViaEdit,\n focusEditReservelistProductModal: focusEditReservelistProductModal,\n onClosingEditReservelistProductModal: onClosingEditReservelistProductModal,\n trapEditReservelistProductModalFocus: trapEditReservelistProductModalFocus,\n updateReservelistItem: updateReservelistItem,\n renderNewPageOfItems: renderNewPageOfItems,\n addToCartFromReservelist: addToCartFromReservelist,\n handlePostCartAdd: handlePostCartAdd,\n toggleReservelistStatus: toggleReservelistStatus,\n toggleReservelistItemStatus: toggleReservelistItemStatus,\n updatePublicStatus: updatePublicStatus,\n removeFromReservelist: removeFromReservelist,\n moreWLItems: moreWLItems,\n init: function() {\n cartUpdate();\n toggleReservelist();\n updateReservelistLinkData();\n copyReservelistLink();\n updateQuickView();\n viewProductViaEdit();\n focusEditReservelistProductModal();\n onClosingEditReservelistProductModal();\n trapEditReservelistProductModalFocus();\n updateReservelistItem();\n addToCartFromReservelist();\n toggleReservelistStatus();\n toggleReservelistItemStatus();\n removeFromReservelist();\n moreWLItems();\n initReservelistData();\n\n $('body').on('click', '.cancel-ropis-order', function (e) {\n e.preventDefault();\n \n var orderID = $(this).data('oid');\n\n var $ropisCancelConfirmBtn = $('.ropis-order-cancel-confirmation-btn');\n\n $ropisCancelConfirmBtn.data('oid', orderID);\n });\n\n $('body').on('click', '.ropis-order-cancel-confirmation-btn', function (e) {\n $.spinner().start();\n var url = $(this).data('action') + \"?oid=\" + $(this).data('oid');\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n success: function (data) {\n location.reload();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n module.exports.createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n });\n }\n};\n\n","'use strict';\n\nvar exports = $.extend({}, require('core/storeLocator/storeLocator'));\nvar toastHelpers = require('core/components/toast');\n\nexports.selectStore = function () {\n $('.store-locator-container').on('click', '.select-store', (function (e) {\n e.preventDefault();\n var selectedStore = $(':checked', '.results-card .results');\n var data = {\n storeName: selectedStore.siblings('label').find('.store-name').text(),\n storeID: selectedStore.val(),\n searchRadius: $('#radius').val(),\n searchPostalCode: $('.results').data('search-key').postalCode,\n storeDetailsHtml: selectedStore.siblings('label').find('.store-details').html(),\n event: e\n };\n\n $('body').trigger('store:selected', data);\n }));\n};\n\nexports.setAsPreferredStore = function () {\n $('body').on('click', '.set-as-your-store', function (e) {\n e.preventDefault();\n var $this = $(this);\n var url = $this.data('action-url');\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n if (!data.error) {\n const yourStoreText = $this.data('your-store-text');\n const setStoreText = $this.data('set-store-text');\n var $oldStore = $('.is-your-store');\n if ($oldStore.length > 0) {\n $oldStore.first().toggleClass('set-as-your-store is-your-store').text(setStoreText);\n }\n $this.toggleClass('set-as-your-store is-your-store').text(yourStoreText);\n var $myStoreHeader = $('header .my-store');\n const headerLinkUrl = $myStoreHeader.first().data('store-page-url');\n $myStoreHeader.each( function() {\n $(this).attr('href', headerLinkUrl + '?storeID=' + data.store.id).children('.my-store--name').first().text(data.store.name);\n });\n toastHelpers.methods.show('success', data.message, false);\n } else {\n toastHelpers.methods.show('warning', data.message, false);\n }\n },\n error: function (data) {\n if (data.message) {\n toastHelpers.methods.show('danger', data.message, false);\n }\n },\n complete: function (data) {\n $('.minicart').trigger('count:update', data.responseJSON);\n }\n });\n });\n};\n\nexports.requiredFields = function () {\n $(\"form[name='storelocator']\").submit(function (e) {\n $(this).children('.no-zipcode').hide();\n if ($('#store-postal-code').val() === '' && $('#store-dropdown').val() === '') {\n e.preventDefault();\n $(this).children('.no-zipcode').show();\n }\n })\n}\n\n\nmodule.exports = exports;\n","/*! JsBarcode v3.11.3 | (c) Johan Lindell | MIT license */\n!function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(t,\"__esModule\",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&\"object\"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,\"default\",{enumerable:!0,value:t}),2&e&&\"string\"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,\"a\",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p=\"\",n(n.s=15)}([function(t,e,n){\"use strict\";Object.defineProperty(e,\"__esModule\",{value:!0});e.default=function t(e,n){!function(t,e){if(!(t instanceof e))throw new TypeError(\"Cannot call a class as a function\")}(this,t),this.data=e,this.text=n.text||e,this.options=n}},function(t,e,n){\"use strict\";var r;function o(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}Object.defineProperty(e,\"__esModule\",{value:!0});var i=e.SET_A=0,a=e.SET_B=1,u=e.SET_C=2,f=(e.SHIFT=98,e.START_A=103),c=e.START_B=104,s=e.START_C=105;e.MODULO=103,e.STOP=106,e.FNC1=207,e.SET_BY_CODE=(o(r={},f,i),o(r,c,a),o(r,s,u),r),e.SWAP={101:i,100:a,99:u},e.A_START_CHAR=String.fromCharCode(208),e.B_START_CHAR=String.fromCharCode(209),e.C_START_CHAR=String.fromCharCode(210),e.A_CHARS=\"[\\0-_È-Ï]\",e.B_CHARS=\"[ -È-Ï]\",e.C_CHARS=\"(Ï*[0-9]{2}Ï*)\",e.BARS=[11011001100,11001101100,11001100110,10010011e3,10010001100,10001001100,10011001e3,10011000100,10001100100,11001001e3,11001000100,11000100100,10110011100,10011011100,10011001110,10111001100,10011101100,10011100110,11001110010,11001011100,11001001110,11011100100,11001110100,11101101110,11101001100,11100101100,11100100110,11101100100,11100110100,11100110010,11011011e3,11011000110,11000110110,10100011e3,10001011e3,10001000110,10110001e3,10001101e3,10001100010,11010001e3,11000101e3,11000100010,10110111e3,10110001110,10001101110,10111011e3,10111000110,10001110110,11101110110,11010001110,11000101110,11011101e3,11011100010,11011101110,11101011e3,11101000110,11100010110,11101101e3,11101100010,11100011010,11101111010,11001000010,11110001010,1010011e4,10100001100,1001011e4,10010000110,10000101100,10000100110,1011001e4,10110000100,1001101e4,10011000010,10000110100,10000110010,11000010010,1100101e4,11110111010,11000010100,10001111010,10100111100,10010111100,10010011110,10111100100,10011110100,10011110010,11110100100,11110010100,11110010010,11011011110,11011110110,11110110110,10101111e3,10100011110,10001011110,10111101e3,10111100010,11110101e3,11110100010,10111011110,10111101110,11101011110,11110101110,11010000100,1101001e4,11010011100,1100011101011]},function(t,e,n){\"use strict\";Object.defineProperty(e,\"__esModule\",{value:!0});e.SIDE_BIN=\"101\",e.MIDDLE_BIN=\"01010\",e.BINARIES={L:[\"0001101\",\"0011001\",\"0010011\",\"0111101\",\"0100011\",\"0110001\",\"0101111\",\"0111011\",\"0110111\",\"0001011\"],G:[\"0100111\",\"0110011\",\"0011011\",\"0100001\",\"0011101\",\"0111001\",\"0000101\",\"0010001\",\"0001001\",\"0010111\"],R:[\"1110010\",\"1100110\",\"1101100\",\"1000010\",\"1011100\",\"1001110\",\"1010000\",\"1000100\",\"1001000\",\"1110100\"],O:[\"0001101\",\"0011001\",\"0010011\",\"0111101\",\"0100011\",\"0110001\",\"0101111\",\"0111011\",\"0110111\",\"0001011\"],E:[\"0100111\",\"0110011\",\"0011011\",\"0100001\",\"0011101\",\"0111001\",\"0000101\",\"0010001\",\"0001001\",\"0010111\"]},e.EAN2_STRUCTURE=[\"LL\",\"LG\",\"GL\",\"GG\"],e.EAN5_STRUCTURE=[\"GGLLL\",\"GLGLL\",\"GLLGL\",\"GLLLG\",\"LGGLL\",\"LLGGL\",\"LLLGG\",\"LGLGL\",\"LGLLG\",\"LLGLG\"],e.EAN13_STRUCTURE=[\"LLLLLL\",\"LLGLGG\",\"LLGGLG\",\"LLGGGL\",\"LGLLGG\",\"LGGLLG\",\"LGGGLL\",\"LGLGLG\",\"LGLGGL\",\"LGGLGL\"]},function(t,e,n){\"use strict\";Object.defineProperty(e,\"__esModule\",{value:!0});var r=n(2);e.default=function(t,e,n){var o=t.split(\"\").map((function(t,n){return r.BINARIES[e[n]]})).map((function(e,n){return e?e[t[n]]:\"\"}));if(n){var i=t.length-1;o=o.map((function(t,e){return e=200){i=t.shift()-105;var a=u.SWAP[i];void 0!==a?o=e.next(t,n+1,a):(r!==u.SET_A&&r!==u.SET_B||i!==u.SHIFT||(t[0]=r===u.SET_A?t[0]>95?t[0]-96:t[0]:t[0]<32?t[0]+96:t[0]),o=e.next(t,n+1,r))}else i=e.correctIndex(t,r),o=e.next(t,n+1,r);var f=i*n;return{result:e.getBar(i)+o.result,checksum:f+o.checksum}}}]),e}(a.default);e.default=f},function(t,e,n){\"use strict\";Object.defineProperty(e,\"__esModule\",{value:!0}),e.mod10=function(t){for(var e=0,n=0;n10*n.width?10*n.width:n.fontSize,r.guardHeight=n.height+r.fontSize/2+n.textMargin,r}return function(t,e){if(\"function\"!=typeof e&&null!==e)throw new TypeError(\"Super expression must either be null or a function, not \"+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),r(e,[{key:\"encode\",value:function(){return this.options.flat?this.encodeFlat():this.encodeGuarded()}},{key:\"leftText\",value:function(t,e){return this.text.substr(t,e)}},{key:\"leftEncode\",value:function(t,e){return(0,i.default)(t,e)}},{key:\"rightText\",value:function(t,e){return this.text.substr(t,e)}},{key:\"rightEncode\",value:function(t,e){return(0,i.default)(t,e)}},{key:\"encodeGuarded\",value:function(){var t={fontSize:this.fontSize},e={height:this.guardHeight};return[{data:o.SIDE_BIN,options:e},{data:this.leftEncode(),text:this.leftText(),options:t},{data:o.MIDDLE_BIN,options:e},{data:this.rightEncode(),text:this.rightText(),options:t},{data:o.SIDE_BIN,options:e}]}},{key:\"encodeFlat\",value:function(){return{data:[o.SIDE_BIN,this.leftEncode(),o.MIDDLE_BIN,this.rightEncode(),o.SIDE_BIN].join(\"\"),text:this.text}}}]),e}(a(n(0)).default);e.default=u},function(t,e,n){\"use strict\";Object.defineProperty(e,\"__esModule\",{value:!0});var r=function(){function t(t,e){for(var n=0;n10*n.width?r.fontSize=10*n.width:r.fontSize=n.fontSize,r.guardHeight=n.height+r.fontSize/2+n.textMargin,r}return function(t,e){if(\"function\"!=typeof e&&null!==e)throw new TypeError(\"Super expression must either be null or a function, not \"+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),r(e,[{key:\"valid\",value:function(){return-1!==this.data.search(/^[0-9]{12}$/)&&this.data[11]==u(this.data)}},{key:\"encode\",value:function(){return this.options.flat?this.flatEncoding():this.guardedEncoding()}},{key:\"flatEncoding\",value:function(){var t=\"\";return t+=\"101\",t+=(0,o.default)(this.data.substr(0,6),\"LLLLLL\"),t+=\"01010\",t+=(0,o.default)(this.data.substr(6,6),\"RRRRRR\"),{data:t+=\"101\",text:this.text}}},{key:\"guardedEncoding\",value:function(){var t=[];return this.displayValue&&t.push({data:\"00000000\",text:this.text.substr(0,1),options:{textAlign:\"left\",fontSize:this.fontSize}}),t.push({data:\"101\"+(0,o.default)(this.data[0],\"L\"),options:{height:this.guardHeight}}),t.push({data:(0,o.default)(this.data.substr(1,5),\"LLLLL\"),text:this.text.substr(1,5),options:{fontSize:this.fontSize}}),t.push({data:\"01010\",options:{height:this.guardHeight}}),t.push({data:(0,o.default)(this.data.substr(6,5),\"RRRRR\"),text:this.text.substr(6,5),options:{fontSize:this.fontSize}}),t.push({data:(0,o.default)(this.data[11],\"R\")+\"101\",options:{height:this.guardHeight}}),this.displayValue&&t.push({data:\"00000000\",text:this.text.substr(11,1),options:{textAlign:\"right\",fontSize:this.fontSize}}),t}}]),e}(i(n(0)).default);function u(t){var e,n=0;for(e=1;e<11;e+=2)n+=parseInt(t[e]);for(e=0;e<11;e+=2)n+=3*parseInt(t[e]);return(10-n%10)%10}e.default=a},function(t,e,n){\"use strict\";Object.defineProperty(e,\"__esModule\",{value:!0});var r,o=function(){function t(t,e){for(var n=0;n0?e.fontSize+e.textMargin:0)+e.marginTop+e.marginBottom}function u(t,e,n){if(n.displayValue&&ee&&(e=t[n].height);return e},e.getEncodingHeight=a,e.getBarcodePadding=u,e.calculateEncodingAttributes=function(t,e,n){for(var r=0;r=i(t);return e+String.fromCharCode(r?206:205)+u(t,r)}e.default=function(t){var e=void 0;if(a(t).length>=2)e=r.C_START_CHAR+f(t);else{var n=o(t)>i(t);e=(n?r.A_START_CHAR:r.B_START_CHAR)+u(t,n)}return e.replace(/[\\xCD\\xCE]([^])[\\xCD\\xCE]/,(function(t,e){return String.fromCharCode(203)+e}))}},function(t,e,n){\"use strict\";Object.defineProperty(e,\"__esModule\",{value:!0});var r,o=function(){function t(t,e){for(var n=0;n10*n.width?r.fontSize=10*n.width:r.fontSize=n.fontSize,r.guardHeight=n.height+r.fontSize/2+n.textMargin,r}return function(t,e){if(\"function\"!=typeof e&&null!==e)throw new TypeError(\"Super expression must either be null or a function, not \"+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),r(e,[{key:\"valid\",value:function(){return this.isValid}},{key:\"encode\",value:function(){return this.options.flat?this.flatEncoding():this.guardedEncoding()}},{key:\"flatEncoding\",value:function(){var t=\"\";return t+=\"101\",t+=this.encodeMiddleDigits(),{data:t+=\"010101\",text:this.text}}},{key:\"guardedEncoding\",value:function(){var t=[];return this.displayValue&&t.push({data:\"00000000\",text:this.text[0],options:{textAlign:\"left\",fontSize:this.fontSize}}),t.push({data:\"101\",options:{height:this.guardHeight}}),t.push({data:this.encodeMiddleDigits(),text:this.text.substring(1,7),options:{fontSize:this.fontSize}}),t.push({data:\"010101\",options:{height:this.guardHeight}}),this.displayValue&&t.push({data:\"00000000\",text:this.text[7],options:{textAlign:\"right\",fontSize:this.fontSize}}),t}},{key:\"encodeMiddleDigits\",value:function(){var t=this.upcA[0],e=this.upcA[this.upcA.length-1],n=s[parseInt(e)][parseInt(t)];return(0,o.default)(this.middleDigits,n)}}]),e}(i.default);function p(t,e){for(var n=parseInt(t[t.length-1]),r=c[n],o=\"\",i=0,u=0;u=3&&this.number<=131070}}]),e}(((r=i)&&r.__esModule?r:{default:r}).default);e.pharmacode=a},function(t,e,n){\"use strict\";Object.defineProperty(e,\"__esModule\",{value:!0}),e.codabar=void 0;var r,o=function(){function t(t,e){for(var n=0;n0?(n=0,o.textAlign=\"left\"):\"right\"==t.textAlign?(n=e.width-1,o.textAlign=\"right\"):(n=e.width/2,o.textAlign=\"center\"),o.fillText(e.text,n,r))}},{key:\"moveCanvasDrawing\",value:function(t){this.canvas.getContext(\"2d\").translate(t.width,0)}},{key:\"restoreCanvas\",value:function(){this.canvas.getContext(\"2d\").restore()}}]),t}();e.default=f},function(t,e,n){\"use strict\";Object.defineProperty(e,\"__esModule\",{value:!0});var r,o=function(){function t(t,e){for(var n=0;n0&&(this.drawRect(a-e.width*i,r,e.width*i,e.height,t),i=0);i>0&&this.drawRect(a-e.width*(i-1),r,e.width*i,e.height,t)}},{key:\"drawSVGText\",value:function(t,e,n){var r,o,i=this.document.createElementNS(f,\"text\");e.displayValue&&(i.setAttribute(\"style\",\"font:\"+e.fontOptions+\" \"+e.fontSize+\"px \"+e.font),o=\"top\"==e.textPosition?e.fontSize-e.textMargin:e.height+e.textMargin+e.fontSize,\"left\"==e.textAlign||n.barcodePadding>0?(r=0,i.setAttribute(\"text-anchor\",\"start\")):\"right\"==e.textAlign?(r=n.width-1,i.setAttribute(\"text-anchor\",\"end\")):(r=n.width/2,i.setAttribute(\"text-anchor\",\"middle\")),i.setAttribute(\"x\",r),i.setAttribute(\"y\",o),i.appendChild(this.document.createTextNode(n.text)),t.appendChild(i))}},{key:\"setSvgAttributes\",value:function(t,e){var n=this.svg;n.setAttribute(\"width\",t+\"px\"),n.setAttribute(\"height\",e+\"px\"),n.setAttribute(\"x\",\"0px\"),n.setAttribute(\"y\",\"0px\"),n.setAttribute(\"viewBox\",\"0 0 \"+t+\" \"+e),n.setAttribute(\"xmlns\",f),n.setAttribute(\"version\",\"1.1\"),n.setAttribute(\"style\",\"transform: translate(0,0)\")}},{key:\"createGroup\",value:function(t,e,n){var r=this.document.createElementNS(f,\"g\");return r.setAttribute(\"transform\",\"translate(\"+t+\", \"+e+\")\"),n.appendChild(r),r}},{key:\"setGroupOptions\",value:function(t,e){t.setAttribute(\"style\",\"fill:\"+e.lineColor+\";\")}},{key:\"drawRect\",value:function(t,e,n,r,o){var i=this.document.createElementNS(f,\"rect\");return i.setAttribute(\"x\",t),i.setAttribute(\"y\",e),i.setAttribute(\"width\",n),i.setAttribute(\"height\",r),o.appendChild(i),i}}]),t}();e.default=c},function(t,e,n){\"use strict\";Object.defineProperty(e,\"__esModule\",{value:!0});var r=function(){function t(t,e){for(var n=0;n' +\n '' + data.valid.message + '
';\n\n $('.cart-error').append(errorHtml);\n } else if (data.quantityTotal === 0) {\n $('.cart').empty().append('
' +\n '
' +\n '
' + data.resources.emptyCartMsg + '
' +\n '
' +\n '
'\n );\n $('.number-of-items').empty().append(data.numItems == 1 ? data.resources.numberOfItem : data.resources.numberOfItems);\n $('.minicart-quantity').empty().append(data.numItems);\n $('.minicart-link').attr({\n 'aria-label': data.resources.minicartCountOfItems,\n title: data.resources.minicartCountOfItems\n });\n $('.minicart .popover').empty();\n $('.minicart .popover').removeClass('show');\n } else if (data.quantityTotal > 0 && data.reserveListLength && data.reserveListLength > 0){\n var $checkoutBtn = $('.reserve-cta-js.checkout-btn');\n $checkoutBtn.attr('href', 'javascript:;');\n $checkoutBtn.text(\" Reserve \");\n $checkoutBtn.addClass(\"reserve-only\");\n $('.not-reserve-cart-message').empty();\n }\n if(data.valid.message || data.quantityTotal === 0){\n $('.checkout-btn').addClass('disabled');\n }\n } else {\n $('.checkout-btn').removeClass('disabled');\n }\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.numItems == 1 ? data.resources.numberOfItem : data.resources.numberOfItems);\n $('.shipping-cost span').empty().append(data.totals.totalShippingCost);\n $('.tax-total span').empty().append(data.totals.totalTax);\n $('.grand-total span').empty().append(data.totals.grandTotalLessGiftCertificatePaymentInstrumentsFormatted);\n $('.sub-total span').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').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 span').empty().append('- ' +\n data.totals.shippingLevelDiscountTotal.formatted);\n } else {\n $('.shipping-discount').addClass('hide-shipping-discount');\n }\n\n if (data.payment.giftCertificatePaymentInstruments.length) {\n $('.giftcertificate-discount').removeClass('d-none');\n $('.giftcertificate-discount-label').text(data.totals.giftCertificatePaymentInstrumentsLabel);\n $('.giftcertificate-discount-total').text('- ' + data.totals.giftCertificatePaymentInstrumentsTotalFormatted);\n } else {\n $('.giftcertificate-discount').addClass('d-none');\n }\n\n if (data.totals.grandTotalLessGiftCertificatePaymentInstrumentsValue) {\n $('.cartAdditionalPaymentButtons').removeClass('d-none');\n } else {\n $('.cartAdditionalPaymentButtons').addClass('d-none');\n }\n\n data.items.forEach(function (item) {\n if (data.totals.orderLevelDiscountTotal.value > 0) {\n $('.coupons-and-promos').empty().append(data.totals.discountsHtml);\n }\n if (item.renderedPromotions) {\n $('.item-' + item.UUID).empty().append(item.renderedPromotions);\n } else {\n $('.item-' + item.UUID).empty();\n }\n $('.uuid-' + item.UUID + ' .unit-price').empty().append(item.renderedPrice);\n $('.line-item-price-' + item.UUID + ' .unit-price').empty().append(item.renderedPrice);\n $('.item-total-' + item.UUID).empty().append(item.priceTotal.renderedPrice);\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 '' + message + '
';\n\n $('.cart-error').append(errorHtml);\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 $('.approaching-discounts').append(html);\n}\n\n/**\n * Updates the availability of a product line item\n * @param {Object} data - AJAX response from the server\n * @param {string} uuid - The uuid of the product line item to update\n */\nfunction updateAvailability(data, uuid) {\n var lineItem;\n var messages = '';\n\n for (var i = 0; i < data.items.length; i++) {\n if (data.items[i].UUID === uuid) {\n lineItem = data.items[i];\n break;\n }\n }\n\n if (lineItem != null) {\n $('.availability-' + lineItem.UUID).empty();\n\n if (lineItem.availability) {\n if (lineItem.availability.messages) {\n lineItem.availability.messages.forEach(function (message) {\n messages += '
' + message + '
';\n });\n }\n\n if (lineItem.availability.inStockDate) {\n messages += '
'\n + lineItem.availability.inStockDate\n + '
';\n }\n }\n\n $('.availability-' + lineItem.UUID).html(messages);\n }\n}\n\n/**\n * Finds an element in the array that matches search parameter\n * @param {array} array - array of items to search\n * @param {function} match - function that takes an element and returns a boolean indicating if the match is made\n * @returns {Object|null} - returns an element of the array that matched the query.\n */\nfunction findItem(array, match) {\n for (var i = 0, l = array.length; i < l; i++) {\n if (match.call(this, array[i])) {\n return array[i];\n }\n }\n return null;\n}\n\n/**\n * Updates details of a product line item\n * @param {Object} data - AJAX response from the server\n * @param {string} uuid - The uuid of the product line item to update\n */\nfunction updateProductDetails(data, uuid) {\n $('.card .product-info.uuid-' + uuid).parent().replaceWith(data.renderedTemplate);\n base.enableQuantitySteppers();\n}\n\n/**\n * Parses the html for a modal window\n * @param {string} html - representing the body and footer of the modal window\n *\n * @return {Object} - Object with properties body and footer.\n */\nfunction parseHtml(html) {\n var $html = $('
').append($.parseHTML(html));\n\n var body = $html.find('.product-quickview');\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * replace content of modal\n * @param {string} actionUrl - url to be used to remove product\n * @param {string} productID - pid\n * @param {string} productName - product name\n * @param {string} uuid - uuid\n */\nfunction confirmDelete(actionUrl, productID, productName, uuid) {\n var $deleteConfirmBtn = $('.cart-delete-confirmation-btn');\n var $productToRemoveSpan = $('.product-to-remove');\n\n $deleteConfirmBtn.data('pid', productID);\n $deleteConfirmBtn.data('action', actionUrl);\n $deleteConfirmBtn.data('uuid', uuid);\n\n $productToRemoveSpan.empty().append(productName);\n}\n\nfunction displayMessage(msg, msgType, timeout) {\n if (!timeout) {\n var timeout = 5000;\n }\n\n if ($('.add-to-wishlist-messages').length === 0) {\n $('body').append('');\n }\n\n $('.add-to-wishlist-messages').append('
' + msg + '
');\n\n setTimeout(function () {\n $('.add-to-wishlist-messages').remove();\n }, timeout);\n}\n\nfunction init () {\n if ($('.cart-page').length > 0) {\n if ($('.item-attributes').length && $('.item-attributes')[0]) {\n var reserveMsgOffset = $('.item-attributes')[0].offsetLeft + 'px';\n $('.reserve-card-info').css('padding-left', reserveMsgOffset).show();\n }\n\n var removedItems = $('.removed-items-js').data('removeditems');\n if (removedItems) {\n removedItems.split(',').forEach(function (itemName) {\n var msg = \"Sorry we don't have inventory for \" + itemName + \" at this time. We've removed it from your reserve list.\"\n displayMessage(msg, 'alert-info', 10000);\n });\n }\n\n var stateRestrictedItems = $('.removed-items-js').data('staterestrictions');\n try {\n stateRestrictedItems.forEach((item) => {\n var msg = \"Sorry we don't sell \" + item + \" in your state. We've removed it from your reserve list.\"\n displayMessage(msg, 'alert-info', 10000);\n });\n } catch (e) {\n console.log(e)\n }\n\n $('.remove-from-wishlist').on('click', function () {\n var $reserveContainer = $(this).closest('.reserve-container-js')\n $reserveContainer.hide();\n var visibleReserveItems = $('.reserve-container-js:visible').length;\n if (visibleReserveItems > 0) {\n var $reservedTotal = $('.reserved-total-js')\n var removedValue = $reserveContainer.find('.line-item-total-price-amount').text().split('$')[1].trim();\n var originalValue = $reservedTotal.data('reserved-start-total');\n var updatedValue = Number(originalValue) - Number(removedValue);\n if (!Number.isNaN(updatedValue)) {\n $reservedTotal.data('reserved-start-total', updatedValue);\n $reservedTotal.find('.reserved-item-cost').text('$' + updatedValue.toFixed(2));\n }\n } else {\n $('.pickup-info').hide();\n $('.reserved-total-js').hide();\n $('.reserve-info').hide();\n $('.reserve-cta-js').removeAttr('data-href').text($('.cta-container-js').data('originaltext')).removeClass('reserve-cta-js');\n window.setTimeout(function () {\n if ($('.cart-page > .card-body:visible').length === 0) {\n $('.reserve-only').addClass('disabled');\n }\n }, 100);\n }\n });\n }\n\n $('body').on('click', '.remove-product', function (e) {\n e.preventDefault();\n\n var actionUrl = $(this).data('action');\n var productID = $(this).data('pid');\n var productName = $(this).data('name');\n var uuid = $(this).data('uuid');\n module.exports.confirmDelete(actionUrl, productID, productName, uuid);\n });\n\n $('body').on('afterRemoveFromCart', function (e, data) {\n e.preventDefault();\n module.exports.confirmDelete(data.actionUrl, data.productID, data.productName, data.uuid);\n });\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 urlParams = {\n pid: productID,\n uuid: uuid\n };\n\n url = module.exports.appendToUrl(url, urlParams);\n\n $('body > .modal-backdrop').remove();\n\n $('body').trigger('cart:beforeUpdate');\n\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n if (data.quantityTotal === 0) {\n $('.cart').empty().append('
' +\n '
' +\n '
' + data.basket.resources.emptyCartMsg + '
' +\n '
' +\n '
'\n );\n $('.number-of-items').empty().append(data.basket.resources.numberOfItems);\n $('.number-of-items-container').removeClass('text-md-right');\n $('.minicart-quantity').empty().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 (data.toBeDeletedUUIDs && data.toBeDeletedUUIDs.length > 0) {\n for (var i = 0; i < data.toBeDeletedUUIDs.length; i++) {\n $('.uuid-' + data.toBeDeletedUUIDs[i]).closest('.card').remove();\n }\n }\n $('.uuid-' + uuid).closest('.card').remove();\n if (!data.basket.hasBonusProduct) {\n $('.bonus-product').remove();\n }\n // NOTE: there's an open issue for problems with removing products with bonus items: https://github.com/SalesforceCommerceCloud/storefront-reference-architecture/issues/748\n $('.coupons-and-promos').empty().append(data.basket.totals.discountsHtml);\n module.exports.updateCartTotals(data.basket);\n module.exports.updateApproachingDiscounts(data.basket.approachingDiscounts);\n $('body').trigger('setShippingMethodSelection', data.basket);\n module.exports.validateBasket(data.basket);\n }\n\n $('body').trigger('cart:update', [data, uuid]);\n $('.minicart').trigger('count:update', 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 module.exports.createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n });\n\n $('body').on('quantityStepper:change', (event, stepper) => {\n var $stepper = $(stepper);\n var $select = $stepper.closest('.quantity-form').find('.quantity');\n var value = parseInt($stepper.find('input').val());\n\n $select.find('option[value=\"' + value + '\"]').prop('selected', true).change();\n });\n\n $('body').on('change', '.quantity-form > .quantity', function() {\n var url = $(this).data('action');\n if (!url) {\n return;\n }\n\n var preSelectQty = $(this).data('pre-select-qty');\n var quantity = $(this).val();\n var productID = $(this).data('pid');\n var uuid = $(this).data('uuid');\n var urlParams = {\n pid: productID,\n quantity: quantity,\n uuid: uuid\n };\n url = module.exports.appendToUrl(url, urlParams);\n\n $(this).parents('.card').spinner().start();\n\n $('body').trigger('cart:beforeUpdate');\n\n $.ajax({\n url: url,\n type: 'get',\n context: this,\n dataType: 'json',\n success: function (data) {\n $('.quantity[data-uuid=\"' + uuid + '\"]').val(quantity);\n $('.coupons-and-promos').empty().append(data.totals.discountsHtml);\n module.exports.updateCartTotals(data);\n module.exports.updateApproachingDiscounts(data.approachingDiscounts);\n module.exports.updateAvailability(data, uuid);\n module.exports.validateBasket(data);\n $(this).data('pre-select-qty', quantity);\n\n $('body').trigger('cart:update', [data, uuid]);\n\n $.spinner().stop();\n if ($(this).parents('.product-info').hasClass('bonus-product-line-item') && $('.cart-page').length) {\n location.reload();\n }\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n module.exports.createErrorNotification(err.responseJSON.errorMessage);\n $(this).val(parseInt(preSelectQty, 10));\n $.spinner().stop();\n }\n }\n });\n });\n\n $('body').on('click', '.reserve-cta-js', function (e) {\n var $this = $(this);\n \n e.preventDefault();\n\n $('.ropis-error').html('').hide();\n\n var reserveOnly = $(this).hasClass('reserve-only');\n var ropisAuthEnabled = $(this).data('ropis-auth-enabled');\n\n if (ropisAuthEnabled) {\n var paymentCardUUID = $('#ropisPaymentCard').val();\n var billingAddressUUID = $('#ropisBillingAddress').val();\n\n var errors = [];\n if (!paymentCardUUID) { errors.push('Payment Card must be selected'); }\n if (!billingAddressUUID) { errors.push('Billing Address must be selected'); }\n\n if (errors.length > 0) {\n var ansstring = $.map(errors, function (value) {\n return '
' + value + '
'\n }).join('');\n $('.ropis-error').html('
' + ansstring + '
').show();\n return; \n }\n }\n \n $.spinner().start();\n $(this).attr('disabled', 'disabled');\n var urlParams = { paymentCard: paymentCardUUID, billingAddress: billingAddressUUID};\n\n var url = $(this).data('href');\n url = module.exports.appendToUrl(url, urlParams);\n\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n success: function (data) {\n if (!data.success) {\n window.sessionStorage.setItem('ropis_order_not_placed', true);\n window.sessionStorage.setItem('ropis_item_names', $('.reserve-info-js').data('reserve-item-names'));\n window.sessionStorage.setItem('ropis_store_name', $('.reserve-info-js').data('reserve-store-name'));\n\n $('.ropis-error').html(data.errorMessage).show();\n $this.removeAttr('disabled');\n $.spinner().stop();\n } else {\n window.sessionStorage.setItem('ropis_order_placed', true);\n window.sessionStorage.setItem('ropis_item_names', $('.reserve-info-js').data('reserve-item-names'));\n window.sessionStorage.setItem('ropis_store_name', $('.reserve-info-js').data('reserve-store-name'));\n\n if (reserveOnly) {\n window.location.replace(data.redirect);\n } else {\n window.location = $this.attr('href');\n }\n }\n },\n error: function (err) {\n $this.removeAttr('disabled');\n $.spinner().stop();\n console.log(err);\n }\n });\n });\n\n $('body').on('click', '.reserve-list-qty-stepper button', function () {\n var $reserveList = $(this).closest('.reserve-list-qty-stepper');\n var url = $reserveList.data('href');\n var productID = $reserveList.data('pid');\n var uuid = $reserveList.data('uuid');\n var qty = $reserveList.find('input').val();\n var increase = $(this).data('action') === 'increase';\n var urlParams = {\n pid: productID,\n qty: qty,\n uuid: uuid\n };\n url = module.exports.appendToUrl(url, urlParams);\n $.ajax({\n url: url,\n type: 'post',\n context: this,\n dataType: 'json',\n success: function (data) {\n if (data.newTotal) {\n $reserveList.closest('.reserve-container-js').find('.item-total-reserve .line-item-total-price-amount').text(data.newTotal);\n }\n\n if (data.itemTotal) {\n var $reservedOverallTotal = $('.reserved-item-cost span');\n var reservedText = $reservedOverallTotal.text();\n var currencySymbol = reservedText.substring(0, 1);\n var remainder = reservedText.substring(1, reservedText.length).replace(',', '');\n var updatedTotal = increase ? Number(remainder) + data.itemTotal : Number(remainder) - data.itemTotal;\n $reservedOverallTotal.text(currencySymbol + updatedTotal.toFixed(2));\n $('.reserved-total-js').attr('data-reserved-start-total', updatedTotal);\n $('.minicart').trigger('count:update', data);\n \n }\n\n $('.authfee').html(data.totalReservatonFee);\n $('.ropisQty').html(data.reserveListLength);\n },\n error: function (err) {\n console.log(err);\n }\n });\n });\n\n $('.shippingMethods').change(function () {\n var url = $(this).attr('data-actionUrl');\n var urlParams = {\n methodID: $(this).find(':selected').attr('data-shipping-id')\n };\n // url = module.exports.appendToUrl(url, urlParams);\n\n $('.totals').spinner().start();\n $('body').trigger('cart:beforeShippingMethodSelected');\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: urlParams,\n success: function (data) {\n if (data.error) {\n window.location.href = data.redirectUrl;\n } else {\n $('.coupons-and-promos').empty().append(data.totals.discountsHtml);\n module.exports.updateCartTotals(data);\n module.exports.updateApproachingDiscounts(data.approachingDiscounts);\n module.exports.validateBasket(data);\n }\n $('body').trigger('cart:shippingMethodSelected', data);\n $.spinner().stop();\n },\n error: function (err) {\n if (err.redirectUrl) {\n window.location.href = err.redirectUrl;\n } else {\n module.exports.createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n });\n\n $('.promo-code-form').submit(function (e) {\n e.preventDefault();\n $.spinner().start();\n $('.coupon-missing-error').hide();\n $('.coupon-error-message').empty();\n if (!$('.coupon-code-field').val()) {\n $('.promo-code-form .form-control').addClass('is-invalid');\n $('.promo-code-form .form-control').attr('aria-describedby', 'missingCouponCode');\n $('.coupon-missing-error').show();\n $.spinner().stop();\n return false;\n }\n var $form = $('.promo-code-form');\n $('.promo-code-form .form-control').removeClass('is-invalid');\n $('.coupon-error-message').empty();\n $('body').trigger('promotion:beforeUpdate');\n\n $.ajax({\n url: $form.attr('action'),\n type: 'GET',\n dataType: 'json',\n data: $form.serialize(),\n success: function (data) {\n if (data.error) {\n $('.promo-code-form .form-control').addClass('is-invalid');\n $('.promo-code-form .form-control').attr('aria-describedby', 'invalidCouponCode');\n $('.coupon-error-message').empty().append(data.errorMessage);\n $('body').trigger('promotion:error', data);\n } else {\n $('.coupons-and-promos').empty().append(data.totals.discountsHtml);\n module.exports.updateCartTotals(data);\n module.exports.updateApproachingDiscounts(data.approachingDiscounts);\n module.exports.validateBasket(data);\n $('body').trigger('promotion:success', data);\n }\n $('.coupon-code-field').val('');\n $.spinner().stop();\n },\n error: function (err) {\n $('body').trigger('promotion:error', err);\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n module.exports.createErrorNotification(err.errorMessage);\n $.spinner().stop();\n }\n }\n });\n return false;\n });\n\n $('body').on('click', '.remove-coupon', function (e) {\n e.preventDefault();\n\n var couponCode = $(this).data('code');\n var uuid = $(this).data('uuid');\n var $deleteConfirmBtn = $('.delete-coupon-confirmation-btn');\n var $productToRemoveSpan = $('.coupon-to-remove');\n\n $deleteConfirmBtn.data('uuid', uuid);\n $deleteConfirmBtn.data('code', couponCode);\n\n $productToRemoveSpan.empty().append(couponCode);\n });\n\n $('body').on('click', '.delete-coupon-confirmation-btn', function (e) {\n e.preventDefault();\n\n var url = $(this).data('action');\n var uuid = $(this).data('uuid');\n var couponCode = $(this).data('code');\n var urlParams = {\n code: couponCode,\n uuid: uuid\n };\n\n url = module.exports.appendToUrl(url, urlParams);\n\n $('body > .modal-backdrop').remove();\n\n $.spinner().start();\n $('body').trigger('promotion:beforeUpdate');\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n $('.coupon-uuid-' + uuid).remove();\n module.exports.updateCartTotals(data);\n module.exports.updateApproachingDiscounts(data.approachingDiscounts);\n module.exports.validateBasket(data);\n $.spinner().stop();\n $('body').trigger('promotion:success', data);\n },\n error: function (err) {\n $('body').trigger('promotion:error', err);\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n module.exports.createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n });\n $('body').on('click', '.cart-page .bonus-product-button', function () {\n $.spinner().start();\n $(this).addClass('launched-modal');\n $.ajax({\n url: $(this).data('url'),\n method: 'GET',\n dataType: 'json',\n success: function (data) {\n $('body').trigger('bonusproduct:edit', data);\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n\n $('body').on('hidden.bs.modal', '#chooseBonusProductModal', function () {\n $('#chooseBonusProductModal').remove();\n $('.modal-backdrop').remove();\n $('body').removeClass('modal-open');\n\n if ($('.cart-page').length) {\n $('.launched-modal .btn-outline-primary').trigger('focus');\n $('.launched-modal').removeClass('launched-modal');\n } else {\n $('.product-detail .add-to-cart').focus();\n }\n });\n\n $('body').on('change', '.quantity-select', function () {\n var selectedQuantity = $(this).val();\n $('.modal.show .update-cart-url').data('quantity', selectedQuantity);\n });\n\n $('body').on('change', '.options-select', function () {\n var selectedOptionValueId = $(this).children('option:selected').data('value-id');\n $('.modal.show .update-cart-url').data('selected-option-value-id', selectedOptionValueId);\n });\n\n $('body').on('click', '.update-cart-product-global', function (e) {\n e.preventDefault();\n var updateProductUrl = $(this).closest('.cart-and-ipay').find('.update-cart-url').val();\n var form = $(this).closest('.cart-and-ipay').find('.update-cart-url').data();\n\n form.pid = module.exports.getPidValue($(this))\n\n $(this).parents('.card').spinner().start();\n\n $('body').trigger('cart:beforeUpdate');\n\n if (updateProductUrl) {\n $.ajax({\n url: updateProductUrl,\n type: 'post',\n context: this,\n data: form,\n dataType: 'json',\n success: function (data) {\n $('#quickViewModal').modal('hide');\n\n $('.coupons-and-promos').empty().append(data.cartModel.totals.discountsHtml);\n module.exports.updateCartTotals(data.cartModel);\n module.exports.updateApproachingDiscounts(data.cartModel.approachingDiscounts);\n module.exports.updateAvailability(data.cartModel, form.uuid);\n module.exports.updateProductDetails(data, form.uuid);\n\n if (data.uuidToBeDeleted) {\n $('.uuid-' + data.uuidToBeDeleted).remove();\n }\n\n module.exports.validateBasket(data.cartModel);\n\n $('body').trigger('cart:update', [data, form.uuid]);\n\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n module.exports.createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n }\n });\n\n $('body').on('product:afterAddToCartQuickview', () => {\n var verifyCartPage = $('body').find('.page').data('action');\n if (verifyCartPage == 'Cart-Show') {\n location.reload();\n }\n });\n\n //responsible for filling edit gift cert modal with information from line item on cart page\n $('body').on('click', 'a.edit.editGiftCertificateLineItem', function (e) {\n e.preventDefault();\n\n var anchor = $(this);\n var uuid = anchor.data('uuid');\n var parentContainer = anchor.parents('.product-info.uuid-' + uuid);\n var from = parentContainer.find('.dwfrm_giftCertificate_purchase_from-' + uuid).data('value');\n var recipient = parentContainer.find('.dwfrm_giftCertificate_purchase_recipient-' + uuid).data('value');\n var recipientEmail = parentContainer.find('.dwfrm_giftCertificate_purchase_recipientEmail-' + uuid).data('value');\n var message = parentContainer.find('.dwfrm_giftCertificate_purchase_message-' + uuid).attr('title');\n var amount = parentContainer.find('.pricing.item-total-' + uuid).data('value');\n\n var modal = $('#editGiftCertificateLineItemModal');\n modal.find('#from').attr('value', from);\n modal.find('#recipient').attr('value', recipient);\n modal.find('#recipientEmail').attr('value', recipientEmail);\n modal.find('#confirmRecipientEmail').attr('value', recipientEmail);\n modal.find('#message').html(message || '');\n modal.find('#amount').attr('value', (('' + amount) || '0.0').split('.')[0]);\n modal.find('.btn-update-giftcertificate-incart').attr('data-uuid', uuid);\n modal.find('.btn-update-giftcertificate-incart').data('uuid', uuid);\n });\n}\n\nmodule.exports = {\n getPidValue: getPidValue,\n appendToUrl: appendToUrl,\n validateBasket: validateBasket,\n updateCartTotals: updateCartTotals,\n createErrorNotification: createErrorNotification,\n updateApproachingDiscounts: updateApproachingDiscounts,\n updateAvailability: updateAvailability,\n updateProductDetails: updateProductDetails,\n confirmDelete: confirmDelete,\n init: init\n};\n","'use strict';\n\nvar base = require('base/checkout/address');\n\nvar siteIntegrations = require('../integrations/siteIntegrationsUtils');\nvar toggleObject = siteIntegrations.getIntegrationSettings();\n\nif(toggleObject.googlePlacesEnabled) {\n var googleAutoComplete = require('../thirdParty/googleAutoComplete');\n base.initAutocomplete = googleAutoComplete.initAutocomplete;\n} else {\n base.initAutocomplete = function() { /* no autocomplete configuration enabled */ };\n}\n\nmodule.exports = base;\n","'use strict';\n\nvar scrollAnimate = require('base/components/scrollAnimate');\n\n/**\n * Display error messages and highlight form fields with errors.\n * @param {string} parentSelector - the form which contains the fields\n * @param {Object} fieldErrors - the fields with errors\n */\nfunction loadFormErrors(parentSelector, fieldErrors) { // eslint-disable-line\n // Display error messages and highlight form fields with errors.\n $.each(fieldErrors, function (attr) {\n $('*[name=' + attr + ']', parentSelector)\n .addClass('is-invalid')\n .siblings('.invalid-feedback')\n .html(fieldErrors[attr]);\n });\n // Animate to top of form that has errors\n scrollAnimate($(parentSelector));\n}\n\n/**\n * Clear the form errors.\n * @param {string} parentSelector - the parent form selector.\n */\nfunction clearPreviousErrors(parentSelector) {\n //default clientSideValidation.js will remove .is-invalid only for html5 errors\n //let our manual call here clear all messaging on .invalid-feedback always\n $(parentSelector).find('.form-control.is-invalid').removeClass('is-invalid');\n $(parentSelector).find('.invalid-feedback').html('');\n $('.error-message').hide();\n}\n\nmodule.exports = {\n loadFormErrors: loadFormErrors,\n clearPreviousErrors: clearPreviousErrors\n};\n","'use strict';\n\nvar baseShipping = require('base/checkout/shipping');\n\nfunction updateShippingAddressFormValues(shipping) {\n var addressObject = $.extend({}, shipping.shippingAddress);\n\n if (!addressObject) {\n addressObject = {\n firstName: null,\n lastName: null,\n address1: null,\n address2: null,\n city: null,\n postalCode: null,\n stateCode: null,\n countryCode: null,\n phone: null\n };\n }\n\n addressObject.isGift = shipping.isGift;\n addressObject.giftMessage = shipping.giftMessage;\n\n $('input[value=' + shipping.UUID + ']').each(function (formIndex, el) {\n var form = el.form;\n if (!form) return;\n var countryCode = addressObject.countryCode;\n\n $('input[name$=_firstName]', form).val(addressObject.firstName ? addressObject.firstName : $('input[name$=_firstName]', form).val());\n $('input[name$=_lastName]', form).val(addressObject.lastName ? addressObject.lastName : $('input[name$=_lastName]', form).val());\n $('input[name$=_address1]', form).val(addressObject.address1 ? addressObject.address1 : $('input[name$=_address1]', form).val());\n $('input[name$=_address2]', form).val(addressObject.address2 ? addressObject.address2 : $('input[name$=_address2]', form).val());\n $('input[name$=_city]', form).val(addressObject.city ? addressObject.city : $('input[name$=_city]', form).val());\n $('input[name$=_postalCode]', form).val(addressObject.postalCode ? addressObject.postalCode : $('input[name$=_postalCode]', form).val());\n $('select[name$=_stateCode],input[name$=_stateCode]', form)\n .val(addressObject.stateCode ? addressObject.stateCode : $('select[name$=_stateCode],input[name$=_stateCode]', form).val());\n\n if (countryCode && typeof countryCode === 'object') {\n $('select[name$=_country]', form).val(addressObject.countryCode.value ? addressObject.countryCode.value : $('select[name$=_country]', form).val());\n }\n\n $('input[name$=_phone]', form).val(addressObject.phone ? addressObject.phone : $('input[name$=_phone]', form).val());\n\n $('textarea[name$=_giftMessage]', form).val(addressObject.giftMessage ? addressObject.giftMessage : $('textarea[name$=_giftMessage]', form).val());\n });\n\n $('body').trigger('shipping:updateShippingAddressFormValues', { shipping: shipping });\n}\n\nbaseShipping.selectSingleShipping = function () {\n $('body').on('shipping:selectSingleShipping', function () {\n $('.single-shipping .shipping-address, .shipping-summary .single-shipping').removeClass('d-none');\n $('.shipping-summary .multi-shipping').addClass('d-none');\n });\n};\n\nbaseShipping.selectMultiShipping = function () {\n $('body').on('shipping:selectMultiShipping', function (e, data) {\n $('.multi-shipping .shipping-address, .single-shipping .shipping-address, .shipping-summary .single-shipping').addClass('d-none');\n $('.shipping-summary .multi-shipping').removeClass('d-none');\n });\n};\n\nbaseShipping.selectSingleShipAddress = function () {\n $('.single-shipping .addressSelector').on('change', function () {\n var form = $(this).parents('form')[0];\n var selectedOption = $('option:selected', this);\n var attrs = selectedOption.data();\n var shipmentUUID = selectedOption[0].value;\n var originalUUID = $('input[name=shipmentUUID]', form).val();\n var element;\n Object.keys(attrs).forEach(function (attr) {\n element = attr === 'countryCode' ? 'country' : attr;\n if (element === 'country' && shipmentUUID === 'new') {\n // don't clear out the country dropdown\n } else {\n $('[name$=' + element + ']', form).val(attrs[attr]);\n }\n });\n $('[name$=stateCode]', form).trigger('change');\n $('.shippingZipCode', form).trigger('change');\n if (shipmentUUID === 'new') {\n $(form).attr('data-address-mode', 'new');\n $(form).find('.shipping-address-block').removeClass('d-none');\n } else if (shipmentUUID === originalUUID) {\n $(form).attr('data-address-mode', 'shipment');\n } else if (shipmentUUID.indexOf('ab_') === 0) {\n $(form).attr('data-address-mode', 'customer');\n } else {\n $(form).attr('data-address-mode', 'edit');\n }\n });\n};\n\nbaseShipping.methods.updateShippingAddressFormValues = updateShippingAddressFormValues;\n\nmodule.exports = baseShipping;\n","'use strict';\nvar base = require('base/components/clientSideValidation');\n\n/**\n * Validate whole form. Requires `this` to be set to form object\n * @param {jQuery.event} event - Event to be canceled if form is invalid.\n * @returns {boolean} - Flag to indicate if form is valid\n */\nbase.validateForm = function validateForm(event) {\n var valid = true;\n\n if (this.checkValidity && !this.checkValidity()) {\n valid = false;\n if (event) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n }\n\n if (!this.validity.valid) {\n if ($(this).is('input, select')) {\n // handle where 'this' is a form field\n $(this).trigger('invalid', this.validity);\n } else {\n $(this).find('input, select').each(function () {\n // handle where 'this' is a form\n $(this).trigger('invalid', this.validity);\n });\n }\n }\n }\n\n return valid;\n}\n/**\n * Password Messaging Helper Functions\n */\n\nvar $passwordFields = $(\"input[type='password']\");\n\nif ($passwordFields.length) {\n var $passwordInput = $('.password-validate'),\n $value = '';\n\n // change the border of the input field to alert the user of acceptance|error \n function validatePassword() {\n var $passwordHelper = $(\".password-validation-helper li\");\n if ($passwordHelper.hasClass(\"error\") || $passwordHelper.hasClass(\"empty\")) {\n $passwordInput.removeClass(\"is-valid\")\n .addClass(\"is-invalid\"); \n $passwordHelper.not(\".valid\")\n .addClass(\"error\")\n .removeClass(\"empty\");\n } else {\n $passwordInput.addClass(\"is-valid\")\n .removeClass(\"is-invalid\"); \n } \n }; \n\n /**\n * Display validation messages and highlight \n * each one of the requirements for the password\n * @param {string} clearClasses - which classes to clear\n */\n function checkEachRequirement(clearClasses){\n $(\".password-validation-helper li\").each( function () {\n var $reg = new RegExp($(this).data(\"val-regex\"));\n $(this).removeClass(clearClasses);\n if ($reg.test($value)) {\n $(this).addClass(\"valid\")\n .removeClass(\"error empty\");\n } \n else if (!$reg.test($value) && $passwordInput.focus) {\n $(this).addClass(\"empty\")\n .removeClass(\"valid\");\n }\n else {\n $(this).addClass(\"error\")\n .removeClass(\"valid empty\");\n } \n });\n };\n\n //show password checkbox\n $(\"#show-password\").on('click', function(){\n $(this).prop('checked') ? $passwordFields.attr(\"type\", \"text\") : $passwordFields.attr(\"type\", \"password\");\n });\n\n $passwordInput.on(\"keyup\", function () {\n $value = $(this).val();\n\n // first check if the form is in error state, then re-eval \n if($(this).hasClass(\"is-invalid\")){\n // leave the \"error\" states until valid\n checkEachRequirement(\"valid empty\");\n validatePassword();\n } else{\n checkEachRequirement(\"error valid empty\");\n };\n\n // change input decoration when user leaves \n $(this).on(\"blur\", validatePassword);\n });\n}\n\n\nfunction validateFormFix(form, event) {\n base.validateForm.call(form, event || null);\n}\n\nbase.functions.validateForm = validateFormFix;\nmodule.exports = base;\n","'use strict';\n\n/**\n * Renders a modal window that will track the users consenting to accepting site tracking policy\n */\nvar consent = {\n getString: (urlAccept, textAccept) => {\n //immediately return a calculate string value\n return `
\n \n
\n \n
\n
`;\n },\n showConsentDrawer: ($trackingElement) => {\n if ([undefined, null].indexOf($trackingElement) !== -1 || !$trackingElement.data('caonline')) {\n return;\n }\n\n var namespace = '.consenttrackingdrawer ',\n urlContent = $trackingElement.data('url'),\n urlAccept = $trackingElement.data('accept'),\n textAccept = $trackingElement.data('accepttext');\n\n var htmlString = consent.getString(urlAccept, textAccept);\n\n $('body').append(htmlString);\n\n var $consentTracking = $('#consent-tracking');\n\n $.ajax({\n url: urlContent,\n type: 'get',\n dataType: 'html',\n context: $consentTracking,\n success: function (response) {\n this.find('.consent-text-wrapper').html(response);\n },\n error: function () {\n this.remove();\n }\n });\n\n $consentTracking.find('.consent-button-wrapper button').on('click' + namespace, (event) => {\n event.preventDefault();\n var url = $(event.target).data('url');\n\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n context: $consentTracking,\n complete: function () {\n this.remove();\n },\n error: function () {\n this.remove();\n }\n });\n });\n },\n init: () => {\n var namespace = '.consenttracking ',\n $body = $('body'),\n $trackingConsent = $('.tracking-consent');\n\n if ($('.consented').length === 0 && $trackingConsent.hasClass('api-true')) {\n consent.showConsentDrawer($trackingConsent);\n }\n\n $trackingConsent.each((index, element) => {\n var $this = $(this);\n\n if ($this.hasClass('api-true')) {\n $this.on('click' + namespace, () => {\n consent.showConsentDrawer($this);\n });\n }\n });\n }\n};\n\nmodule.exports = consent;\n","'use strict';\n\nvar einsteinUtils = require('./einsteinUtils');\nvar productTile = require('./productTile');\nvar abSlider = require('./slider');\n\nmodule.exports = {};\n\n/**\n * Gets all placeholder elements, which hold einstein recommendations queries the details from the\n * einstein engine and feeds them back to the dom element\n * @param {Object} e jquery event\n * @returns {Object} jquery targets\n */\nmodule.exports.loadRecommendations = function (e) {\n var $context = $(this);\n var $recommendationTargets = $context.hasClass('.einstein-data') ? $context : $context.find('.einstein-data');\n\n return $recommendationTargets.each(function () {\n var $recTrigger = $(this);\n var data = $recTrigger.data() || {};\n var asyncUrl = data.url;\n\n einsteinUtils.getRecommendations(data, function (einsteinResponse) {\n var response = einsteinUtils.interpretResponse(data, einsteinResponse);\n\n // Add replace content URL\n $.each(response, function (i, rec) {\n if (!rec || !rec.id) return null;\n\n var pidURL = asyncUrl;\n pidURL += (pidURL.indexOf('?') === -1 ? '?' : '&') + 'pid=' + rec.id;\n $recTrigger.find('.product[data-pid=\"placeholder\"]:not([data-replace-content])')\n .first()\n .attr('data-replace-content', pidURL); //Must be attr to allow productTile.js async selector rule to catch recommendation\n });\n\n // Remove empty slides\n $recTrigger.find('.slide:has(.product[data-pid=\"placeholder\"]:not([data-replace-content]))').remove();\n\n // Prepare Slider Container\n var $sliderContainer = $recTrigger.closest('.slider-container').removeClass('delay-init');\n\n // Initialize sliders\n abSlider.initializeSliders($sliderContainer.parent());\n\n //Trigger ASYNC update\n productTile.init($recTrigger.find('.product'));\n });\n });\n}\n\nmodule.exports.init = function (context) {\n // Re-triggerable dom event\n $(document).off('load.einstein')\n .on('load.einstein', module.exports.loadRecommendations);\n\n context = context && 'trigger' in context ? context : $(document);\n\n return context.triggerHandler('load.einstein');\n};\n","'use strict';\n\nmodule.exports = {};\n\n/**\n * Validates and Return the cquotient namespace provided by the commerce cloud platform\n * @returns {Object} - einsteinUtils or null\n */\nmodule.exports.getEinsteinUtils = function () {\n var einsteinUtils = window.CQuotient;\n if (einsteinUtils && (typeof einsteinUtils.getCQUserId === 'function') && (typeof einsteinUtils.getCQCookieId === 'function')) {\n return einsteinUtils;\n }\n return null;\n}\n\n /**\n * Processes a recommendation tile, with an already initialized category specific anchors array\n * @param {Object} data object to carry info to CQuotient calls\n * @param {Function} callback handler function\n */\nmodule.exports.getRecommendations = function(data, callback) {\n var einsteinUtils = module.exports.getEinsteinUtils();\n\n var params = {\n userId: einsteinUtils.getCQUserId(),\n cookieId: einsteinUtils.getCQCookieId(),\n ccver: '1.01'\n };\n\n if (data.anchors && data.anchors.length > 0) {\n params.anchors = data.anchors;\n }\n\n if (einsteinUtils.getRecs) {\n einsteinUtils.getRecs(einsteinUtils.clientId, data.recommender, params, callback);\n } else {\n einsteinUtils.widgets = einsteinUtils.widgets || []; // eslint-disable-line no-param-reassign\n einsteinUtils.widgets.push({\n recommenderName: data.recommender,\n parameters: params,\n callback: callback\n });\n }\n}\n\n/**\n * Processes a response and format data structure\n * @param {Object} request object to carry info to CQuotient calls\n * @param {Object} response data returned from CQuotient calls\n * @returns {Object}\n */\nmodule.exports.interpretResponse = function (request, response) {\n return response[request.recommender].recs;\n}\n","'use strict';\n\nvar scrollAnimate = require('base/components/scrollAnimate');\n\n/**\n * appends params to a url\n * @param {string} data - data returned from the server's ajax call\n * @param {Object} button - button that was clicked for email sign-up\n */\nfunction displayMessage(success, msg) {\n var status = success ? 'alert-success' : 'alert-danger';\n\n if ($('.email-signup-message').length === 0) {\n $('body').append('');\n }\n\n $('.email-signup-message').append('
' + msg + '
');\n\n setTimeout(function () {\n $('.email-signup-message').remove();\n }, 3000);\n}\n\nvar footer = {\n 'elementNameMap': {\n 'hpEmailSignUp': 'emailId'\n },\n 'backToTop': function () {\n $('.back-to-top').click(function () {\n scrollAnimate();\n });\n },\n 'forms': 'footer .email-signup-form form',\n 'init': function () {\n var nameMap = this.elementNameMap;\n\n // Prevent Multi Form event collision\n var $forms = $(this.forms);\n $forms.each(function () {\n var $form = $(this);\n var $inputs = $form.find(':input:not(:disabled)');\n\n //TODO: Security Update with CSRF\n\n // Update Form Name for SFRA compatibility\n if (nameMap) {\n $inputs.each(function () {\n var $input = $(this);\n var oldName = $input.attr('name');\n var newName = oldName && nameMap[oldName];\n\n if (newName) {\n $input.attr('name', newName);\n }\n });\n }\n\n $form.on('submit', function (e, urlOverride) {\n e.preventDefault();\n\n var $btn = $(this);\n var xhr = $form.data('xhr');\n\n $form.data('xhr', $.ajax({\n url: urlOverride || $form.attr('action'),\n type: $form.attr('method') || 'post',\n data: $inputs.serialize(),\n dataType: 'json',\n beforeSend: function () {\n // Drop duplicate requests\n xhr && xhr.abort && xhr.abort();\n\n $.spinner().start();\n\n $btn.attr('disabled', true);\n },\n success: function (data) {\n displayMessage(data.success, data.msg);\n },\n error: function ($xhr, err, other) {\n var msg = $xhr.responseJSON && $xhr.responseJSON.message;\n displayMessage(false, msg);\n },\n complete: function () {\n $.spinner().stop();\n $btn.removeAttr('disabled');\n $form[0].reset();\n }\n }));\n })\n\n // For SFRA compatibility\n $form.find('.subscribe-email').on('click', function (e) {\n e.preventDefault();\n $form.trigger('submit', $(this).data('href'));\n });\n });\n }\n};\n\nmodule.exports = footer;\n","'use strict';\n\nvar updateHeader = status => {\n var $headerNav = $('.header-nav');\n var headerNavHeight = $headerNav.outerHeight();\n var $page = $('.page');\n\n if (status === 'fixed') {\n $headerNav.addClass('fixed');\n if (!($headerNav.closest('.transparent-header').length)) {\n $page.css('margin-top', headerNavHeight + 'px');\n }\n $headerNav.removeClass('transparent-nav');\n } else {\n $headerNav.removeClass('fixed');\n $page.css('margin-top', '');\n var isMobileOpen = $('body').hasClass('mobile-menu-in');\n if (!isMobileOpen){\n $headerNav.addClass('transparent-nav');\n }\n }\n}\n\nmodule.exports = function() {\n\n // Fix/unfix header to top of screen, dependent on class added by custom preference\n // Note: This is intentionally not using utilities/scroll.js so that it can fix immediately vs. being debounced. Should be replaced with CSS position:sticky once IE11 support is dropped.\n var hasFixedHeader = $('header').hasClass('fixed-header');\n $(window).scroll(event => {\n if (hasFixedHeader) {\n var $headerBanner = $('.header-banner');\n var headerBannerHeight = $headerBanner.length ? $headerBanner.outerHeight() : 0;\n var scrollTop = $(event.target).scrollTop();\n\n if (scrollTop > headerBannerHeight) {\n updateHeader('fixed');\n } else {\n updateHeader('unfixed');\n }\n }\n });\n\n var isMobile = window.isMobile();\n if ($('header').hasClass('transparent-header') && !isMobile) {\n $('.header-nav').hover(\n function() {\n $(this).removeClass('transparent-nav');\n }, function() {\n $(this).addClass('transparent-nav');\n }\n );\n }\n\n // Check for presence of content assets in MegaMenu\n var $megamenuDropdown = $('.megamenu > .dropdown-menu');\n\n $megamenuDropdown.each((index, element) => {\n var $megamenu = $(element);\n if ($megamenu.find('.megamenu-asset-1').children().length) {\n $megamenu.addClass('has-asset-1');\n }\n if ($megamenu.find('.megamenu-asset-2').children().length) {\n $megamenu.addClass('has-asset-2');\n }\n });\n\n // Show/hide content assets on mobile based on category level\n if (isMobile) {\n var $thirdMenuBackBtn = $('.megamenu .menu-subcategories > .dropdown-item'),\n $thirdSubLink = $('.megamenu .menu-subcategories > .dropdown-item > .dropdown-link');\n\n $thirdSubLink.on('click', function () {\n $('.megamenu.show .menu-subcategories').parent('li').addClass('thirdCatOpen');\n });\n $thirdMenuBackBtn.on('click', function () {\n $('.megamenu.show .menu-subcategories').parent('li').removeClass('thirdCatOpen');\n });\n }\n\n $('.main-menu .navbar-nav').on('mouseenter mouseleave', function () {\n $(this).toggleClass('nav-item-hover');\n });\n\n $('header .site-search').on('mouseenter', event => {\n var $siteSearch = $(event.target).closest('.site-search');\n $siteSearch.addClass('expanded');\n });\n\n $('header .site-search').on('mouseleave', event => {\n var $siteSearch = $(event.target).closest('.site-search');\n var $input = $siteSearch.find('input');\n // Only collapse if the user isn't typing and hasn't entered text\n if (!$input.is(':focus') && !$input.val()) {\n $siteSearch.removeClass('expanded');\n }\n });\n\n $('form[name=simpleSearch]').on('submit', event => {\n var $form = $(event.target);\n var $input = $('input[name=q]',$form);\n //keep search from submitting if query is empty\n if ($input.val() == \"\") {\n $input.focus();\n event.preventDefault();\n }\n });\n\n $('#headerSubscribe').on('click', function(e) {\n e.preventDefault();\n var emailValue = $('input[type=\"text\"].headersignup').val();\n $(\"#footercontent\").find(\".form-control\").val(emailValue);\n $('#footercontent .subscribe-email').trigger('click');\n });\n};\n","'use strict';\n\nvar keyboardAccessibility = require('base/components/keyboardAccessibility');\nvar SiteConstants = require('constants/SiteConstants');\nvar hoverIntent = require('jquery-hoverintent');\n\nfunction clearSelection(element) {\n var $currentPane = $(element).closest('.custom-dropdown.show');\n\n $currentPane.removeClass('show');\n\n // Adjust DOM after drawer finishes closing (mobile) or dropdown finishes hiding (desktop)\n setTimeout(() => {\n $currentPane.find('.nav-link').attr('aria-expanded', 'false');\n $currentPane.find('.dropdown-menu').attr('aria-hidden', 'true');\n $currentPane.find('.top-category').detach();\n $currentPane.find('.nav-menu').detach();\n\n if (!$currentPane.closest('.custom-dropdown.show').length) {\n $currentPane.closest('.menu-group').find('.nav.navbar-nav > li.nav-item > a').attr('aria-hidden', 'false');\n }\n }, SiteConstants.TransitionSpeed);\n};\n\nfunction toggleDrawer(status) {\n var $header = $('header');\n var $headerBanner = $header.find('.header-banner');\n var $headerNav = $header.find('.header-nav');\n var headerNavHeight = !$headerBanner.hasClass('d-none') ? $headerNav.outerHeight() + $headerBanner.outerHeight() : $headerNav.outerHeight();\n var $mainMenu = $header.find('.main-menu');\n var $navbar = $mainMenu.find('.navbar-nav');\n var $modalBackground = $('.modal-background');\n\n if (status === 'open') {\n $('html, body').scrollTop($headerNav.offset().top);\n $('html, body').addClass('lock-scroll');\n $('body').addClass('mobile-menu-in');\n $mainMenu\n .addClass('in')\n .attr('aria-hidden', 'false')\n .css('top', headerNavHeight)\n .siblings().attr('aria-hidden', 'true');\n $modalBackground\n .fadeIn(SiteConstants.TransitionSpeed)\n .css('top', headerNavHeight);\n $header\n .siblings().attr('aria-hidden', 'true');\n $navbar\n .find('.nav-link').first().focus();\n\n } else {\n $('body').removeClass('mobile-menu-in');\n $navbar\n .find('.nav-menu, .top-category').detach();\n $navbar\n .find('.thirdCatOpen').removeClass('thirdCatOpen');\n $navbar\n .find('.show').removeClass('show');\n $mainMenu\n .removeClass('in')\n .attr('aria-hidden', 'true')\n .siblings().attr('aria-hidden', 'false');\n $header\n .siblings().attr('aria-hidden', 'false');\n $modalBackground\n .fadeOut(SiteConstants.TransitionSpeed);\n\n setTimeout(() => {\n $modalBackground.css('top', '');\n $('html, body').removeClass('lock-scroll');\n $headerNav.addClass('transparent-nav');\n }, SiteConstants.TransitionSpeed);\n }\n};\n\nfunction headerBanner() {\n var headerBannerStatus = window.sessionStorage.getItem('hide_header_banner');\n $('.header-banner .close').on('click', () => {\n $('.header-banner').addClass('d-none');\n window.sessionStorage.setItem('hide_header_banner', '1');\n });\n\n if (!headerBannerStatus || headerBannerStatus < 0) {\n $('.header-banner').removeClass('d-none');\n }\n};\n\nfunction kbAccessibility() {\n keyboardAccessibility('.main-menu .nav-link, .main-menu .dropdown-link, .header-account-container .nav-link',\n {\n 40: function(menuItem) { // down\n if (menuItem.hasClass('nav-item')) { // top level\n $('.navbar-nav .show').removeClass('show')\n .children('.dropdown-menu')\n .removeClass('show');\n menuItem.addClass('show').children('.dropdown-menu').addClass('show');\n menuItem.find('ul > li > a').first().focus();\n } else {\n menuItem.removeClass('show').children('.dropdown-menu').removeClass('show');\n if (!(menuItem.next().length > 0)) { // if this is the last menuItem\n menuItem.parent().parent().find('li > a').first().focus(); // set focus to the first menuitem\n } else {\n menuItem.next().children().first().focus();\n }\n }\n },\n 39: function(menuItem) { // right\n if (menuItem.hasClass('nav-item')) { // top level\n menuItem.removeClass('show').children('.dropdown-menu').removeClass('show');\n $(this).attr('aria-expanded', 'false');\n menuItem.next().children().first().focus();\n } else if (menuItem.hasClass('dropdown')) {\n menuItem.addClass('show').children('.dropdown-menu').addClass('show');\n $(this).attr('aria-expanded', 'true');\n menuItem.find('ul > li > a').first().focus();\n }\n },\n 38: function(menuItem) { // up\n if (menuItem.hasClass('nav-item')) { // top level\n menuItem.removeClass('show').children('.dropdown-menu').removeClass('show');\n } else if (menuItem.prev().length === 0) { // first menuItem\n menuItem.parent().parent().removeClass('show')\n .children('.nav-link')\n .attr('aria-expanded', 'false');\n menuItem.parent().children().last().children().first().focus(); // set the focus to the last menuItem\n } else {\n menuItem.prev().children().first().focus();\n }\n },\n 37: function(menuItem) { // left\n if (menuItem.hasClass('nav-item')) { // top level\n menuItem.removeClass('show').children('.dropdown-menu').removeClass('show');\n $(this).attr('aria-expanded', 'false');\n menuItem.prev().children().first().focus();\n } else {\n menuItem.closest('.show').removeClass('show')\n .closest('li.show').removeClass('show')\n .children().first().focus().attr('aria-expanded', 'false');\n }\n },\n 27: function(menuItem) { // escape\n var parentMenu = menuItem.hasClass('show')\n ? menuItem\n : menuItem.closest('li.show');\n parentMenu.children('.show').removeClass('show');\n parentMenu.removeClass('show').children('.nav-link')\n .attr('aria-expanded', 'false');\n parentMenu.children().first().focus();\n }\n },\n function () {\n return $(this).parent();\n }\n );\n}\n\nfunction searchExpand() {\n //if only search icon is visible, show the input on focus\n $( \".search-field\" ).focus(function() {\n $(this).closest('.site-search').addClass('expanded');\n });\n};\n\nfunction dropdownMenu() {\n // Custom dropdown behaviors for top menu\n var $dropdownMenu = $('.custom-dropdown:not(.disabled) [data-toggle=\"dropdown\"]');\n $dropdownMenu.on('click', event => {\n event.stopPropagation(); // Prevent Bootstrap dropdown click events\n if (window.isMobile()) {\n // Drawer behavior on mobile\n event.preventDefault();\n var $dropdownLink = $(event.target);\n var $dropdown = $dropdownLink.closest('.custom-dropdown');\n var $li = $('');\n var $closeMenu = $('');\n var link = $dropdownLink.clone().removeClass('dropdown-toggle')\n .removeAttr('data-toggle')\n .removeAttr('aria-expanded')\n .attr('aria-haspopup', 'false');\n $li.append(link);\n $closeMenu.append($('.close-menu').first().clone());\n $dropdown.children('.dropdown-menu')\n .prepend($li)\n .prepend($closeMenu)\n .attr('aria-hidden', 'false')\n .find('a').removeAttr('tabindex', '-1');\n $dropdown.addClass('show');\n $dropdownLink.attr('aria-expanded', 'true');\n $dropdown.closest('.menu-group').find('.nav.navbar-nav > li.nav-item > a').attr('aria-hidden', 'true');\n $(link).focus();\n $('.dropdown-menu').scrollTop(0);\n } else {\n // Restore link behavior on desktop\n link = $(event.target).attr('href');\n if (link) {\n location.href = $(event.target).attr('href');\n }\n }\n });\n\n // Desktop - open menu using hoverIntent to prevent unintentional opening\n $dropdownMenu.hoverIntent({\n over: event => {\n if (!window.isMobile()) {\n var eventElement = event.target;\n // Close all dropdowns\n $('.navbar-nav > li').each((index, element) => {\n if (!$.contains(element, eventElement)) {\n var $navItem = $(element);\n $navItem.find('.show').each(() => {\n clearSelection(element);\n });\n if ($navItem.hasClass('show')) {\n $navItem.removeClass('show');\n $navItem.children('ul.dropdown-menu').removeClass('show');\n $navItem.children('.nav-link').attr('aria-expanded', 'false');\n }\n }\n });\n // Open current dropdown\n $(eventElement).parent().addClass('show');\n $(eventElement).siblings('.dropdown-menu').addClass('show').attr('aria-hidden', 'false');\n $(eventElement).attr('aria-expanded', 'true');\n }\n },\n out: () => {\n // this 'out' handler is left empty, since it's triggered from parent, handled in mouseleave event below\n },\n interval: 50\n });\n // Desktop - close menu on mouseleave\n $dropdownMenu.parent().on('mouseleave', event => {\n if (!window.isMobile()) {\n var $dropdown = $(event.currentTarget);\n // Close current dropdown\n $dropdown.removeClass('show');\n $dropdown.children('.dropdown-menu').removeClass('show').attr('aria-hidden', 'true');\n $dropdown.children('.nav-link').attr('aria-expanded', 'false');\n }\n });\n};\n\nfunction megaLeftHover() {\n //Megamenu Mega-left menu\n $('.mega-left-menu-link').hoverIntent( function() {\n var menuName = this.id,\n menuRight = $('#' + menuName + '-right'),\n menuLeft = $(this).parent().parent(),\n menuRightParent = menuRight.closest('.mega-left');\n\n if (!window.isMobile()) {\n // clear classes\n menuLeft.find('.active').removeClass('active');\n menuRightParent.removeClass('has-sub-asset');\n menuRightParent.find('.active-list').removeClass('active-list');\n // add classes\n $(this).addClass('active');\n menuRight.parent().addClass('active-list');\n // add a class to the parent Ul if a third level asset is displayed; css-hides the top level asset\n if (menuRight.parent().next().hasClass('sub-asset-1') || menuRight.parent().next().hasClass('sub-asset-2')) {\n menuRightParent.addClass('has-sub-asset');\n }\n }\n },\n 50\n );\n};\n\nfunction navbarBackBtn() {\n $('.navbar-nav').on('click', '.back', event => {\n event.preventDefault();\n clearSelection(event.target);\n });\n};\n\nfunction navbarToggler() {\n $('.navbar-toggler').click(event => {\n event.preventDefault();\n if ($('body').hasClass('mobile-menu-in')) {\n toggleDrawer('close');\n $('.header-nav').addClass('transparent-nav');\n } else {\n toggleDrawer('open');\n $('.header-nav').removeClass('transparent-nav');\n }\n });\n\n $('html').on('click', '.mobile-menu-in .modal-background', () => toggleDrawer('close'));\n};\n\nfunction mobileSearchFix() {\n // Prevent iOS from scrolling to bad position on search field input focus\n $('.search-mobile .search-field').focus(event => {\n if (window.isMobile()) {\n var currentScrollPosition = $('html').scrollTop();\n setTimeout(() => {\n $('html').scrollTop(currentScrollPosition);\n $('.modal-background').show();\n }, SiteConstants.TransitionSpeed);\n }\n });\n};\n\nmodule.exports = {\n clearSelection: clearSelection,\n toggleDrawer: toggleDrawer,\n headerBanner: headerBanner,\n kbAccessibility: kbAccessibility,\n searchExpand: searchExpand,\n dropdownMenu: dropdownMenu,\n megaLeftHover: megaLeftHover,\n navbarBackBtn: navbarBackBtn,\n navbarToggler: navbarToggler,\n mobileSearchFix: mobileSearchFix\n}\n","'use strict';\n\nvar SiteConstants = require('constants/SiteConstants');\nvar updateMiniCart = true;\n\nfunction setMiniCartBodyMaxHeight(minicart) {\n var $minicart = $(minicart);\n var $minicartScrollable = $minicart.find('.product-summary');\n var minicartHeight = $minicart.outerHeight();\n var minicartScrollableHeight = $minicartScrollable.outerHeight();\n var minicartNonScrollableHeight = minicartHeight - minicartScrollableHeight;\n var minicartOffset = $minicart.offset().top - $(window).scrollTop();\n var subtractHeight = minicartOffset + minicartNonScrollableHeight + SiteConstants.Spacer;\n\n $minicartScrollable.css('max-height', 'calc(100vh - ' + subtractHeight + 'px)');\n}\n\nmodule.exports = function () {\n $('.minicart').on('count:update', (event, count) => {\n if (count && $.isNumeric(count.quantityTotal)) {\n $('.minicart .minicart-quantity').text(count.quantityTotal);\n if(count.minicartCountOfItems){\n $('.minicart .minicart-link').attr({\n 'aria-label': count.minicartCountOfItems,\n title: count.minicartCountOfItems\n });\n }\n else{\n var cartTitle = $('.minicart .minicart-link').attr('title');\n cartTitle = cartTitle.split(' ');\n cartTitle[1] = count.quantityTotal.toString();\n cartTitle = cartTitle.join(' ');\n if(count.quantityTotal === 1){\n cartTitle = cartTitle.slice(0, -1);\n }\n $('.minicart .minicart-link').attr({\n 'aria-label': cartTitle,\n title: cartTitle\n });\n }\n }\n updateMiniCart = true;\n });\n\n $('.minicart').on('mouseenter focusin touchstart', () => {\n if ($('.search:visible').length === 0) {\n return;\n }\n var url = $('.minicart').data('action-url');\n var count = parseInt($('.minicart .minicart-quantity').text(), 10);\n\n if (count !== 0 && $('.minicart .popover.show').length === 0) {\n if (!updateMiniCart) {\n $('.minicart .popover').addClass('show');\n return;\n }\n\n $('.minicart .popover').addClass('show');\n $('.minicart .popover').spinner().start();\n $.get(url, data => {\n $('.minicart .popover').empty();\n $('.minicart .popover').append(data);\n updateMiniCart = false;\n $.spinner().stop();\n $('body').trigger('minicart:loaded', $('.minicart .popover'));\n });\n }\n });\n\n $('body').on('touchstart click', event => {\n if ($('.minicart').has(event.target).length <= 0) {\n $('.minicart .popover').removeClass('show');\n }\n });\n\n $('.minicart').on('mouseleave focusout', event => {\n if ((event.type === 'focusout' && $('.minicart').has(event.target).length > 0)\n || (event.type === 'mouseleave' && $(event.target).is('.minicart .quantity'))\n || $('body').hasClass('modal-open')) {\n event.stopPropagation();\n return;\n }\n $('.minicart .popover').removeClass('show');\n });\n\n $('body').on('change', '.minicart .quantity', event => {\n if ($(event.target).parents('.bonus-product-line-item').length && $('.cart-page').length) {\n location.reload();\n }\n });\n\n $('body').on('product:afterAddToCart cart:update', () => {\n updateMiniCart = true;\n });\n\n $('body').on('minicart:loaded', (event, minicart) => {\n setMiniCartBodyMaxHeight(minicart);\n });\n};\n","'use strict';\n\nfunction setModalBodyMaxHeight($modal) {\n var $modalBody = $modal.find('.modal-body');\n var headerHeight = $modal.find('.modal-header').outerHeight();\n var footerHeight = $modal.find('.modal-footer').length ? $modal.find('.modal-footer').outerHeight() : 0;\n var $modalDialog = $modal.find('.modal-dialog');\n var dialogMarginTop = parseInt($modalDialog.css('margin-top').split('px')[0]);\n var dialogMarginBottom = parseInt($modalDialog.css('margin-bottom').split('px')[0]);\n var dialogMarginHeight = dialogMarginTop + dialogMarginBottom;\n var $modalContent = $modal.find('.modal-content');\n var contentBorderTop = parseInt($modalContent.css('border-top-width').split('px')[0]);\n var contentBorderBottom = parseInt($modalContent.css('border-bottom-width').split('px')[0]);\n var subtractHeight = headerHeight + footerHeight + dialogMarginHeight + contentBorderTop + contentBorderBottom;\n\n $modalBody.css('max-height', '400px');\n $modalBody.css('max-height', 'calc(100vh - ' + subtractHeight + 'px)');\n}\n\n/**\n * Generates the modal window on the first call.\n *\n */\nfunction getModalHtmlElement(elementID, dialogClasses) {\n var id = elementID || 'customModal';\n var qvPDPLink = (id == 'quickViewModal') ? ' ' : '';\n dialogClasses = dialogClasses || '';\n\n if ($('#' + id).length !== 0) {\n $('#' + id).remove();\n }\n var htmlString = '
'\n + ''\n + '
'\n + ''\n + '
'\n + '
'\n + qvPDPLink\n + ' '\n + '
'\n + ''\n + ''\n + '
'\n + '
'\n + '
';\n $('body').append(htmlString);\n}\n\nfunction onShownBsModal() {\n $('body').on('shown.bs.modal', '.modal', function() {\n $('body').trigger('modal:loaded', this);\n });\n}\n\nfunction onModalLoaded() {\n $('body').on('modal:loaded', function(event, modal) {\n var $modal = $(modal);\n\n // Check for modal-scrollbody helper class and adjust body max-height if found\n if ($modal.find('.modal-scrollbody').length\n || $modal.find('.quick-view-dialog').length\n || $modal.find('.choose-bonus-product-dialog').length) {\n setModalBodyMaxHeight($modal);\n }\n });\n}\n\n/**\n * Parse HTML code in Ajax response\n *\n * @param {string} html - Rendered HTML from quickview template\n * @return {QuickViewHtml} - QuickView content components\n */\nfunction parseHtml(html) {\n var $html = $('
').append($.parseHTML(html));\n\n var body = $html.find('.product-quickview');\n if(body.length == 0) {\n body = $html.find('.modal-body').children()\n }\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * replaces the content in the modal window on for the selected product variation.\n * @param {string} selectedValueUrl - url to be used to retrieve a new product model\n */\nfunction fillModalElement(selectedValueUrl, data, $modal) {\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n data: data,\n dataType: 'json',\n success: function(data) {\n var parsedHtml = parseHtml(data.renderedTemplate);\n\n $modal.find('.modal-body').empty();\n $modal.find('.modal-body').html(parsedHtml.body);\n $modal.find('.modal-footer').html(parsedHtml.footer);\n $modal.find('.modal-header .close .sr-only').text(data.closeButtonText);\n $modal.find('.enter-message').text(data.enterDialogMessage);\n $modal.modal('show');\n\n if (data.dialogTitle) {\n $modal.find('.modal-header').prepend('
' + data.dialogTitle + '
')\n }\n }\n });\n}\n\nfunction initCustomModal() {\n $('body').on('click', '.custom-modal', function (e) {\n e.preventDefault();\n var cid = $(this).attr('data-cid');\n var title = $(this).attr('data-title');\n var dialogClasses = $(this).attr('data-dialog-classes');\n var selectedValueUrl = $(this).attr('href');\n\n getModalHtmlElement('customModal', dialogClasses);\n fillModalElement(selectedValueUrl, {cid: cid, title: title}, $('#customModal'));\n });\n}\n\nmodule.exports = {\n setModalBodyMaxHeight: setModalBodyMaxHeight,\n getModalHtmlElement: getModalHtmlElement,\n onShownBsModal: onShownBsModal,\n onModalLoaded: onModalLoaded,\n parseHtml: parseHtml,\n init: function() {\n onShownBsModal();\n onModalLoaded();\n initCustomModal();\n }\n};\n","'use strict';\n\nvar promiseChains = [null, null, null, null, null],\n promiseIndex = 0;\n\nmodule.exports = {\n selectors: {\n processing: '.processing',\n sending: '.sending'\n },\n init: function ($context = $('.product[data-replace-content], .product [data-replace-content]')) {\n var scope = this;\n\n $context\n .filter(':not(' + scope.selectors.processing + ')')\n .each(function (i, replace) {\n var $target = $(replace).addClass(scope.selectors.processing.replace(/\\./gi,' '));\n var asyncUrl = $target.data('replace-content') || $target.attr('data-replace-content');\n var deferment = $.Deferred();\n\n if (['', null, undefined].indexOf(asyncUrl) === -1) {\n // Only track deferment if url is requestable\n $target.data('deferment', deferment);\n\n promiseChains[promiseIndex] = (promiseChains[promiseIndex] || $.when()).then(function () {\n // Seperate deferment-ness of ajax request from actual deferment to allow failures to progress current promise group\n $target.data('$xhr', $.ajax({\n url: asyncUrl,\n dataType: 'html',\n timeout: 60000,\n context: $target,\n beforeSend: function () {\n this.addClass(scope.selectors.sending.replace(/\\./gi,' '));\n },\n success: function (data) {\n // Per AJAX response populate the product tile placeholder\n this.replaceWith(data);\n },\n complete: function () {\n deferment.resolve();\n }\n }));\n\n return deferment;\n });\n\n promiseIndex = (promiseIndex + 1) % promiseChains.length;\n }\n });\n }\n}\n","\n'use strict';\n\nfunction check(e, next) {\n\n let captcha = $('[name=g-recaptcha-response]');\n\n if (next.data) {\n var formData = next.data.split('&');\n\n for(var x=0; x {\n var $slideElement = $('').attr('class', 'slide');\n var $imageElement = $('');\n\n if (!isThumbnail) {\n $slideElement.attr('data-zoom-image', images['hi-res'].length ? images['hi-res'][image.index].url : images['large'][image.index].url);\n }\n\n $imageElement.attr({\n 'src': image.url,\n 'alt': image.alt + ' image number ' + (parseInt(image.index) + 1).toFixed(0),\n 'class': 'd-block img-fluid',\n 'itemprop': 'image'\n });\n\n $slideElement.append($imageElement);\n slideItems.push($slideElement[0]);\n });\n\n return slideItems;\n}\n\n// Listen for the slider:update event and reinitialize slider with new slides\nabSlider.bindSliderUpdateEvent = function($sliderContainer, slider) {\n $sliderContainer.off('slider:update').on('slider:update', '.slider', (event, data) => {\n var $updatedSliderContainer = $(event.target).closest('.slider-container');\n var isThumbnail = $updatedSliderContainer.hasClass('slider-thumbnails');\n var updatedSlideItems = data !== undefined ? abSlider.getUpdatedSlideItems(data.images, isThumbnail) : null;\n var updatedParams = abSlider.getSliderParams($updatedSliderContainer, updatedSlideItems);\n\n // Update carousel classes to handle number of images changing\n if (isThumbnail) {\n var $thumbnailContainer = $updatedSliderContainer.closest('.primary-images-thumbnails');\n var $mainImageContainer = $thumbnailContainer.prev('.primary-images-main');\n\n if (data.images.small && data.images.small.length > 1) {\n $thumbnailContainer.removeClass('d-none');\n $mainImageContainer.addClass('product-has-thumbnails col-lg-9');\n } else {\n $thumbnailContainer.addClass('d-none');\n $mainImageContainer.removeClass('product-has-thumbnails col-lg-9');\n }\n }\n\n // Remove and re-add slider markup if there are new slides to show\n if (updatedParams.slideItems) {\n var $newSliderElement = $('').attr({\n 'class': 'slider',\n 'id': updatedParams.container.id\n });\n var $newSliderControls = $updatedSliderContainer.find('.slider-thumbnail-controls').addClass('d-none');\n $newSliderElement.html(updatedParams.slideItems);\n $updatedSliderContainer.html($newSliderElement);\n updatedParams.container = $newSliderElement[0];\n\n // If this is a thumbnails slider, also add the arrow controls and update the item count\n if (isThumbnail) {\n $updatedSliderContainer.append($newSliderControls);\n updatedParams.items = updatedParams.slideItems.length;\n updatedParams.responsive[mediumBreakpoint].items = updatedParams.slideItems.length;\n updatedParams.responsive[largeBreakpoint].items = updatedParams.slideItems.length;\n }\n }\n\n // Reinitialize slider using new params\n slider = tinySlider.tns(updatedParams);\n slider.events.on('transitionEnd', abSlider.slideIntoView);\n abSlider.enableImageZoom($updatedSliderContainer);\n\n if (isThumbnail) {\n abSlider.handleThumbnailArrows($updatedSliderContainer, slider);\n }\n });\n}\n\n// Enables zoomed images using jquery-zoom\nabSlider.enableImageZoom = function($sliderContainer) {\n if ($sliderContainer.closest('.primary-images').length\n && !$sliderContainer.hasClass('slider-thumbnails')\n && !window.isMobile()) {\n var $slides = $sliderContainer.find('.slide');\n $slides.each((index, slide) => {\n var $slide = $(slide);\n\n if (!$slide.hasClass('no-zoom')) {\n var zoomImageUrl = $slide.data('zoom-image') || $slide.find('img').attr('src');\n $slide.zoom({\n url: zoomImageUrl,\n magnify: 1,\n touch: false\n });\n }\n });\n }\n}\n\n// Determine whether to show thumbnail arrows based on overflow state\nabSlider.handleThumbnailArrows = function($sliderContainer, slider) {\n if ($sliderContainer.hasClass('slider-thumbnails')) {\n var $slider = $sliderContainer.find('.slider');\n var $arrows = $sliderContainer.find('.slider-thumbnail-controls');\n var buffer = 5; // adding a buffer to prevent arrows from showing if the last slide is mostly visible\n var containerSize;\n var sliderSize;\n\n $slider.imagesLoaded().done(() => {\n if (window.isMobile()) {\n containerSize = $sliderContainer.outerWidth();\n sliderSize = $slider[0].scrollWidth;\n } else {\n containerSize = $sliderContainer.outerHeight();\n sliderSize = $slider[0].scrollHeight;\n }\n\n if (sliderSize - buffer >= containerSize) {\n $arrows.removeClass('d-none');\n }\n });\n }\n}\n\n// Check for videos and pause them when they're not in the active slide\nabSlider.handleSliderVideos = function($sliderContainer, slider) {\n var $videos = $sliderContainer.find('.hero-media.video-container, .experience-commerce_assets-video>.video-container');\n\n if ($videos.length) {\n slider.events.on('indexChanged', activeSlider => {\n $videos.each((_i, element) => {\n var $videoContainer = $(element);\n var videoID = $videoContainer.find('.video-player').attr('id');\n var player = window.Players[videoID];\n\n if (player) {\n if (!$videoContainer.closest('.tns-slide-active').length) {\n player.pause();\n } else if (player.config.autoplay) {\n player.play();\n }\n }\n });\n });\n }\n}\n\n// Handle Pause/Play Button\nabSlider.bindPauseButton = function($sliderContainer, slider) {\n var sliderButtonPlacement = $sliderContainer.attr('data-slider-pause-button-placement');\n\n if ($sliderContainer[0].hasAttribute('data-slider-autoplay') && $sliderContainer.attr('data-slider-autoplay') != 'false' && $sliderContainer[0].hasAttribute('data-slider-pause-button-placement') && $sliderContainer.attr('data-slider-pause-button-placement') != \"none\") {\n if (sliderButtonPlacement == 'with-pagination') {\n $sliderContainer.find('.tns-nav').addClass('with-pagination-btn').append('stop and start slider');\n } else {\n $sliderContainer.prepend('stop and start slider');\n };\n\n $('.tns-nav-controller').addClass(sliderButtonPlacement);\n\n $sliderContainer.on('click', '.tns-nav-controller', function() {\n event.preventDefault();\n $(this).toggleClass('pause');\n $sliderContainer.toggleClass('slider-pause');\n\n if ($sliderContainer.hasClass('slider-pause')) {\n slider.pause();\n } else {\n slider.play();\n }\n });\n }\n};\n\nabSlider.initializeSliders = function($context = $('body')) {\n var scope = this;\n // delay-init is different from replace-content\n var $sliderContainers = $context.find('.slider-container:not(.delay-init)');\n\n $sliderContainers.each((i, slider) => {\n var $sliderContainer = $(slider);\n var params = scope.getSliderParams($sliderContainer);\n var promisegroup = [];\n var $replace = $sliderContainer.find('[data-replace-content]');\n\n $replace.each(function (i, replace) {\n var $target = $(replace);\n var deferment = $target.data('deferment');\n\n if (deferment && !deferment.isResolved && deferment.state() === 'pending') {\n promisegroup.push(deferment);\n }\n });\n\n // Done will also execute if promisegroup is empty []\n $.when.apply($, promisegroup).done(function () {\n scope.applyTinySlider($sliderContainer, params);\n });\n });\n}\n\nabSlider.applyTinySlider = function ($container, params) {\n if (!$container) return;\n\n var tslider = tinySlider.tns(params);\n\n if (!!tslider) {\n tslider.events.on('transitionStart', this.slideIntoView);\n\n this.bindPauseButton($container, tslider);\n this.bindSliderUpdateEvent($container, tslider);\n this.enableImageZoom($container);\n this.handleThumbnailArrows($container, tslider);\n this.handleSliderVideos($container, tslider);\n\n $('body').trigger('slider:init.sliderEvents', [$container]);\n }\n $container.trigger('tooltip:init');\n}\n\nabSlider.initializeQuickviewModalSliders = function() {\n $('body').off('quickview:ready').on('quickview:ready', (event, modal) => {\n abSlider.initializeSliders($(modal));\n });\n}\n\nabSlider.initializeWishlistModalSliders = function() {\n $('body').off('editwishlistproduct:ready').on('editwishlistproduct:ready', (event, modal) => {\n abSlider.initializeSliders($(modal));\n });\n}\n\nabSlider.initializeTargetSliders = function() {\n $('body').off('targetslider:ready').on('targetslider:ready', (event, target) => {\n abSlider.initializeSliders($(target));\n });\n}\n\nabSlider.init = function() {\n abSlider.initializeSliders();\n abSlider.initializeQuickviewModalSliders();\n abSlider.initializeWishlistModalSliders();\n abSlider.initializeTargetSliders();\n}\n\nmodule.exports = abSlider;\n","'use strict';\n\nmodule.exports = {\n handleTabVideos: () => {\n var $tabPane = $('.tab-pane');\n var $videos = $tabPane.find('.hero-media.video-container, .background-image.video-container, .experience-commerce_assets-video>.video-container');\n\n if ($videos.length) {\n $('a[data-toggle=\"tab\"]').on('show.bs.tab', event => {\n var $newTab = $(event.target.hash);\n var newTabVideoId = $newTab.find('.video-player').attr('id');\n var videoToPlay = window.Players[newTabVideoId];\n var $oldTab = $(event.relatedTarget.hash);\n var oldTabVideoId = $oldTab.find('.video-player').attr('id');\n var videoToPause = window.Players[oldTabVideoId];\n\n if (videoToPause) {\n videoToPause.pause();\n }\n\n if (videoToPlay) {\n videoToPlay.play();\n }\n });\n }\n }\n};\n","'use strict';\n\nfunction show(type, message, dismissible) {\n var dismissibleClass = dismissible ? 'alert-dismissible' : '';\n var indexClass = 'alert-' + $('.toast-messages .alert').length || 0;\n var closeButton = dismissible ? '' : '';\n\n if (!$('.toast-messages').length) {\n $('body').append('');\n }\n\n $('.toast-messages').append(\n '
' + message + closeButton + '
'\n );\n\n // Remove non-dismissible alerts from the DOM after 5 seconds\n setTimeout(function() {\n $('.toast-messages').find('.' + indexClass + ':not(.alert-dismissible)').remove();\n }, 5000);\n \n}\n\nmodule.exports = {\n methods: {\n show: show\n },\n bindToastButtonClicks: function() {\n $('body').on('click', '[data-toast]', function(event) {\n event.preventDefault();\n var $button = $(event.target);\n var type = $button.data('toast');\n var message = $button.data('content');\n var dismissible = $button.data('dismissible') || false;\n\n show(type, message, dismissible);\n });\n }\n};\n","'use strict';\n\nfunction getTooltipTitle() {\n return $(this).find('.tooltip');\n}\n\nfunction enableTooltipsAndPopovers() {\n // Initialize tooltips. This also replaces the SFRA custom tooltip with the Bootstrap one\n // \"trigger\" is set to manual in order to add functionality to allow for tooltip to stay open on hover\n $('[data-toggle=\"tooltip\"], .info-icon').tooltip({\n title: getTooltipTitle,\n trigger: 'manual',\n sanitize: false // prevents removal of inline styles in tooltip content markup\n }).on('mouseenter', buttonEnterEvent => {\n var $button = $(buttonEnterEvent.target).closest('[data-toggle=\"tooltip\"]');\n var showDelay = $button.data('delay') && $button.data('delay').show || 0;\n var hideDelay = $button.data('delay') && $button.data('delay').hide || 0;\n\n setTimeout(() => {\n $button.tooltip('show');\n }, showDelay);\n\n $('body').on('mouseleave', '.tooltip', tooltipLeaveEvent => {\n setTimeout(() => {\n $(tooltipLeaveEvent.target).closest('.tooltip').tooltip('hide');\n }, hideDelay);\n });\n }).on('mouseleave', buttonLeaveEvent => {\n var $button = $(buttonLeaveEvent.target).closest('[data-toggle=\"tooltip\"]');\n var hideDelay = $button.data('delay') && $button.data('delay').hide || 0;\n\n setTimeout(() => {\n if (!$('.tooltip:hover').length) {\n $(buttonLeaveEvent.target).tooltip('hide');\n }\n }, hideDelay);\n });\n\n // Enables Bootstrap Popovers, which rely on the Tooltip library and provide extra functionality\n $('[data-toggle=\"popover\"]').popover({\n html: true,\n trigger: 'focus',\n sanitize: false // prevents removal of inline styles in tooltip content markup\n });\n}\n\nmodule.exports = function() {\n enableTooltipsAndPopovers();\n\n $('body').on('tooltip:init', enableTooltipsAndPopovers);\n};\n","'use strict';\n\nconst debounce = require('lodash/debounce');\nconst VideoHelper = require('./videoHelper');\n\nconst PlayerDefaults = {\n autoplay: false,\n controls: true,\n muted: false,\n loop: false,\n modal: false,\n hasThumb: false\n};\n\n/**\n * initDomElements()\n * \n * Saves generalized references to DOM elements needed by the player to operate. \n * \n * player.domElements.$player - div used to init the player API, also holds the configuration data\n * player.domElements.$thumb - thumbnail/preview image that masks the player on screen while not playing\n * player.domElements.$cntr - outer div container used to attach dimensions when needed\n */\nfunction initDomElements() {\n let player = this;\n let $elem = $('#' + player.id);\n \n player.domElements = {\n $player: $elem,\n $thumb: $elem.siblings('.video-thumbnail'),\n $cntr: $elem.closest('.video-container')\n };\n}\n\n/**\n * initConfig()\n * \n * Parses and stores the configuration data attributes set by the content asset.\n * In case of parse error, fallback to this module's PlayerDefaults.\n */\nfunction initConfig() {\n let player = this;\n \n let playerAttrData = {};\n try {\n playerAttrData = JSON.parse(player.domElements.$player.attr('data-player-attr'));\n } catch (ex) {\n playerAttrData = PlayerDefaults;\n }\n\n player.config = {\n autoplay: !!playerAttrData.autoplay,\n controls: !!playerAttrData.controls,\n muted: !!playerAttrData.mute,\n loop: !!playerAttrData.loop,\n hasThumb: playerAttrData.hasThumb,\n modal: !!playerAttrData.modal,\n videoId: player.domElements.$player.attr('data-video-id')\n };\n}\n\n/**\n * createApiPlayer()\n * \n * Create and store the vendor specific API Player.\n * The configurations set in the content asset can be overridden for specific use cases, like turning off autoplay when closing the modal.\n * \n * Also attaches any needed playback events to the player. \n * \n * @param {object} overrides - attributes that can override the defined player.config attributes\n * @returns {Promise} - Vimeo player ready() Promise is returned so we don't make any calls too early\n */\nfunction createApiPlayer(overrides) {\n let player = this;\n let config = player.config;\n\n let onReadyCallback = (e) => {\n if (overrides.onReady) {\n overrides.onReady(e);\n delete overrides['onReady'];\n }\n };\n \n // apply overrides attributes\n if (overrides) {\n config = $.extend({}, player.config, overrides);\n }\n\n player.apiObj = new videojs(player.id, {\n autoplay: config.autoplay,\n playsinline: config.autoplay,\n controls: config.controls,\n loop: config.loop,\n muted: config.muted\n }, onReadyCallback);\n\n player.apiObj.on('pause', () => {\n // save the current location\n player.cache.time = player.apiObj.currentTime();\n });\n\n player.apiObj.on('ended', () => {\n $('body').trigger('video:ended', player);\n });\n}\n\n/**\n * initPageEvents()\n * \n * Initializes any page load event logic for the player. \n */\nfunction initPageEvents() {\n let player = this;\n let $playerContainer = player.domElements.$cntr;\n\n // pause all players at init, before deciding if they should play\n player.pause();\n\n if (player.config.hasThumb) {\n //handle thumbnail click\n player.domElements.$thumb.on('click', event => {\n event.preventDefault();\n\n if (player.config.modal) {\n player.launchModal();\n } else {\n let paused = player.apiObj.paused();\n\n if (!paused) {\n player.pause();\n } else {\n var playPromise = player.domElements.$player[0].play();\n\n if (playPromise !== undefined) {\n playPromise.then(() => {\n player.domElements.$thumb.addClass('faded');\n }).catch(error => {\n console.error('play error:', error);\n });\n }\n }\n }\n });\n }\n\n if (player.domElements.$cntr.closest('.modal').length) {\n $(window).on('resize', debounce(() => player.removeSize(), 100));\n }\n\n if (VideoHelper.shouldPlay($playerContainer) && player.config.autoplay && !player.config.modal) {\n let autoplayPromise = player.domElements.$player[0].play();\n\n if (autoplayPromise !== undefined) {\n player.play();\n }\n }\n\n $(window).on('scrollUpdate', () => {\n if (VideoHelper.shouldPlay($playerContainer)) {\n if (player.config.autoplay && !player.config.modal) {\n let autoplayPromise = player.domElements.$player[0].play();\n\n if (autoplayPromise !== undefined) {\n player.play();\n }\n }\n } else {\n if (!player.apiObj.paused()) {\n player.pause();\n }\n }\n });\n}\n\nmodule.exports = function(playerId) {\n var player = this;\n this.id = playerId;\n this.type = 'hosted';\n this.cache = {};\n \n /**********************************************************\n ** Calls to initialize the player and event listeners **\n **********************************************************/\n \n initDomElements.call(player);\n \n initConfig.call(player);\n\n createApiPlayer.call(player, {onReady: () => initPageEvents.call(player)});\n\n\n /**************************************\n ** Generalized playback functions **\n **************************************/\n \n this.play = () => {\n player.apiObj.play();\n if (player.domElements.$thumb.length && !player.config.modal) {\n player.domElements.$thumb.addClass('faded');\n }\n }\n \n this.pause = () => {\n player.apiObj.pause();\n if (player.domElements.$thumb.length) {\n player.domElements.$thumb.removeClass('faded');\n }\n }\n \n this.mute = () => {\n player.apiObj.getVolume().then((volume) => {\n player.cache.volume = volume;\n });\n \n player.apiObj.setVolume(0);\n };\n \n this.unmute = () => {\n let volume = 1;\n if (player.cachedVolume) {\n volume = player.cache.volume;\n }\n \n player.apiObj.setVolume(volume);\n };\n \n \n /*********************************************************\n ** Functions to support playing the video in a modal **\n *********************************************************/\n \n this.setSize = () => {\n player.domElements.$cntr.css({\n height: player.domElements.$cntr.outerHeight(),\n width: player.domElements.$cntr.outerWidth()\n });\n };\n \n this.removeSize = () => {\n player.domElements.$cntr.css({\n height: 'auto',\n width: 'auto'\n });\n };\n \n this.setModal = (VideoModal) => {\n player.modal = VideoModal;\n };\n \n this.launchModal = () => {\n player.setSize();\n player.modal.launch(player);\n };\n \n \n /*****************************************************\n ** Event Handlers for the modal events **\n *****************************************************/\n \n this.getShowEventHandler = () => {\n let $modal = player.modal.getModalObj();\n let $body = $('.modal-body', $modal).empty().removeClass();\n $body.addClass('modal-body ' + player.domElements.$cntr.attr('class'));\n\n if (player.apiObj && player.apiObj.dispose) {\n var $player = player.domElements.$player;\n\n // create new, uninitialized video element for use in modal\n var $newPlayer = $('', {\n 'data-asset-id': $player.data('asset-id'),\n 'data-video': $player.data('video'),\n 'data-player-attr': JSON.stringify($player.data('player-attr')),\n 'data-video-id': $player.data('video-id'),\n 'class': 'video-player video-js',\n 'id': $player.attr('id')\n });\n\n var $newPlayerSource = $('', {\n 'src': $player.attr('data-video-id'),\n 'type': $player.attr('data-filetype')\n });\n\n // remove old player\n delete player.apiObj;\n videojs($player[0]).dispose();\n\n // add new player and update player properties\n $newPlayer.append($newPlayerSource);\n $body.append($newPlayer);\n player.domElements.$player = $newPlayer;\n player.id = $newPlayer.attr('id');\n }\n\n createApiPlayer.call(player, {\n onReady: (e) => {\n // set the current location if one is saved\n if (player.cache.time) {\n player.apiObj.currentTime(player.cache.time);\n }\n player.play();\n }\n });\n };\n \n this.getHideEventHandler = () => {\n // save the current location\n player.cache.time = player.apiObj.currentTime();\n\n if (videojs.getPlayers()[player.id]) {\n delete videojs.getPlayers()[player.id];\n }\n\n createApiPlayer.call(player, {autoplay: false});\n };\n \n return this;\n}\n","'use strict';\n\nconst YouTube = require('./youtube');\nconst Vimeo = require('./vimeo');\nconst Hosted = require('./hosted');\nconst VideoModal = require('./videoModal');\nconst videojs = require('video.js/dist/video.min.js');\nrequire('@babel/polyfill'); // adds support for ES6 Promises to IE11\n\nwindow.Players = {};\n\nvar initPlayers = ($context = $('body'), isAjaxEvent = false) => {\n let $ytElements = $context.find('.video-player[data-video=youtube]');\n let $vimeoElements = $context.find('.video-player[data-video=vimeo]');\n let $hostedElements = $context.find('video[data-video=hosted]');\n\n if ($vimeoElements.length) {\n loadVimeoAPI().then(() => {\n $vimeoElements.each((index, element) => {\n // don't create player for videos in sliders until slider has been initialized\n if (!$(element).closest('.slider-container').length\n || $context.is('.slider-container') && $(element).closest($context).length) {\n let playerId = getUniquePlayerId(index, element, isAjaxEvent);\n\n if (!window.Players.hasOwnProperty(playerId) || isAjaxEvent) {\n window.Players[playerId] = new Vimeo(playerId);\n window.Players[playerId].setModal(VideoModal);\n }\n }\n });\n }).catch((err) => {\n if (console && console.error) {\n console.error(err);\n }\n });\n }\n\n if ($ytElements.length) {\n loadYouTubeAPI().then(() => {\n $ytElements.each((index, element) => {\n // don't create player for videos in sliders until slider has been initialized\n if (!$(element).closest('.slider-container').length\n || $context.is('.slider-container') && $(element).closest($context).length) {\n let playerId = getUniquePlayerId(index, element, isAjaxEvent);\n\n if (!window.Players.hasOwnProperty(playerId) || isAjaxEvent) {\n window.Players[playerId] = new YouTube(playerId);\n window.Players[playerId].setModal(VideoModal);\n }\n }\n });\n }).catch((err) => {\n if (console && console.error) {\n console.error(err);\n }\n });\n }\n\n if ($hostedElements.length) {\n window.videojs = videojs;\n\n $hostedElements.each((index, element) => {\n // don't create player for videos in sliders until slider has been initialized\n if (!$(element).closest('.slider-container').length\n || $context.is('.slider-container') && $(element).closest($context).length) {\n let playerId = getUniquePlayerId(index, element, isAjaxEvent);\n\n if (!window.Players.hasOwnProperty(playerId) || isAjaxEvent) {\n window.Players[playerId] = new Hosted(playerId);\n window.Players[playerId].setModal(VideoModal);\n }\n }\n });\n }\n\n if ($vimeoElements.length || $ytElements.length || $hostedElements.length) {\n $('body').on('video:ended', (event, player) => {\n if (player.domElements.$thumb.length) {\n player.domElements.$thumb.removeClass('faded');\n }\n\n // prevent videos from replaying on scroll if they've already finished\n player.config.autoplay = false;\n });\n\n // Reinitialze videos if slider loads, to allow creation of unique IDs\n $('body').off('.sliderEvents').on('slider:init.sliderEvents', (event, $sliderContainer) => {\n initPlayers($sliderContainer);\n });\n\n // Reinitialize videos in case of ajax partial page load\n $('body').off('.ajaxEvents').on('ajax:load.ajaxEvents', (event, $container) => {\n initPlayers($container);\n });\n }\n\n // Initialize/reinitialize videos in case of ajax partial page load\n $('body').off('.ajaxEvents').on('ajax:load.ajaxEvents', (event, $container) => {\n initPlayers($container, true);\n });\n}\n\nlet ytPromise = null;\n\nvar loadYouTubeAPI = () => {\n if (ytPromise) {\n return ytPromise;\n }\n\n return ytPromise = new Promise((resolve) => {\n let tag = document.createElement('script');\n tag.src = \"https://www.youtube.com/iframe_api\";\n tag.onerror = () => {\n throw new Error('YouTube iframe API load error');\n };\n\n let firstScriptTag = document.getElementsByTagName('script')[0];\n firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n\n window.onYouTubeIframeAPIReady = () => resolve();\n });\n}\n\nvar loadVimeoAPI = () => {\n return new Promise(function(resolve) {\n let tag = document.createElement('script');\n tag.src = \"https://player.vimeo.com/api/player.js\";\n tag.onload = resolve;\n tag.onerror = () => {\n throw new Error('Vimeo player SDK load error');\n };\n\n let firstScriptTag = document.getElementsByTagName('script')[0];\n firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n });\n}\n\n// handle cases where multiple videos with the same ID exist, like looping sliders\nvar getUniquePlayerId = (index, element, isAjaxEvent) => {\n let playerId = $(element).attr('id');\n\n if (window.Players.hasOwnProperty(playerId) && !isAjaxEvent) {\n playerId = playerId + '-' + index;\n $(element).attr('id', playerId);\n }\n\n return playerId;\n}\n\n/**\n * TODO:\n * - document everything\n * - Youtube API pageload errors\n */\nmodule.exports = () => initPlayers();\n","'use strict';\n\n// Checks if a video player is visible in the viewport\nfunction isPlayerVisible($playerContainer, onlyPlayWhenFullyInView) {\n let fitsInViewport = ($playerContainer.height() - 10) <= $(window).height();\n let pageTop = $(window).scrollTop();\n let pageBottom = pageTop + $(window).height();\n let elementTop = $playerContainer.offset().top;\n let elementBottom = elementTop + $playerContainer.height();\n\n if (onlyPlayWhenFullyInView && fitsInViewport) {\n return ((pageTop <= elementTop) && (pageBottom >= elementBottom));\n } else {\n return ((elementTop <= pageBottom) && (elementBottom >= pageTop));\n }\n}\n\n// Checks if a video player is inside an inactive slide within a slider\nfunction isPlayerInInactiveSlide($playerContainer) {\n return !!$playerContainer.closest('.slider').length\n && !$playerContainer.closest('.tns-slide-active').length\n && !$playerContainer.closest('.hero-button').length;\n}\n\n// Checks if a video player is inside an inactive tab within a tab component\nfunction isPlayerInInactiveTab($playerContainer) {\n return !!$playerContainer.closest('.tab-pane').length\n && !$playerContainer.closest('.tab-pane.active').length;\n}\n\n// Check if a video should be played\nfunction shouldPlay($playerContainer) {\n let onlyPlayWhenFullyInView = $playerContainer.data('play-when-fully-in-view');\n\n return isPlayerVisible($playerContainer, onlyPlayWhenFullyInView) \n && !isPlayerInInactiveSlide($playerContainer)\n && !isPlayerInInactiveTab($playerContainer);\n}\n\n\nmodule.exports = {\n shouldPlay: shouldPlay\n}\n","'use strict';\n\nconst ModalTemplate = `
\n
\n
\n
\n \n \n
\n \n
\n
\n
`;\n\nconst ModalStates = {\n NOT_READY: 0,\n READY: 1,\n OPEN: 2,\n CLOSED: 3\n};\n\nmodule.exports = (() => {\n var myState = ModalStates.NOT_READY;\n var currentVideo = '';\n \n if (!$('#videoModal').length) {\n $(ModalTemplate).appendTo('body');\n myState = ModalStates.READY;\n }\n\n const $modal = $('#videoModal');\n\n return {\n States: ModalStates,\n\n launch: (player) => {\n //test if modal is already in use\n if (myState === ModalStates.OPEN) {\n console.error('Cannot launch' + player.id + ', Modal is already in use for: ' + currentVideo);\n } else {\n $modal.on('show.bs.modal', () => {\n if(typeof player.getShowEventHandler === 'function') {\n player.getShowEventHandler();\n }\n myState = ModalStates.OPEN;\n currentVideo = player.id;\n\n }).on('shown.bs.modal', () => {\n if(typeof player.getShownEventHandler === 'function') {\n player.getShownEventHandler();\n }\n \n }).on('hide.bs.modal', () => {\n if(typeof player.getHideEventHandler === 'function') {\n player.getHideEventHandler();\n }\n myState = ModalStates.CLOSED;\n \n }).on('hidden.bs.modal', () => {\n if(typeof player.getHiddenEventHandler === 'function') {\n player.getHiddenEventHandler();\n }\n \n $modal.modal('dispose');\n }).modal();\n }\n },\n \n setState: (state) => {\n if (ModalStates[state]) {\n myState = state;\n }\n },\n \n getState: () => myState,\n \n is: (state) => (myState === state),\n \n getModalObj: () => $modal\n };\n})();","'use strict';\n\nconst debounce = require('lodash/debounce');\nconst VideoHelper = require('./videoHelper');\n\nconst PlayerDefaults = {\n autoplay: false,\n controls: true,\n muted: false,\n loop: false,\n modal: false,\n hasThumb: false\n};\n\n/**\n * initDomElements()\n * \n * Saves generalized references to DOM elements needed by the player to operate. \n * \n * player.domElements.$player - div used to init the player API, also holds the configuration data\n * player.domElements.$thumb - thumbnail/preview image that masks the player on screen while not playing\n * player.domElements.$cntr - outer div container used to attach dimensions when needed\n */\nfunction initDomElements() {\n let player = this;\n let $elem = $('#' + player.id);\n \n player.domElements = {\n $player: $elem,\n $thumb: $elem.siblings('.video-thumbnail'),\n $cntr: $elem.closest('.video-container')\n };\n}\n\n/**\n * initConfig()\n * \n * Parses and stores the configuration data attributes set by the content asset.\n * In case of parse error, fallback to this module's PlayerDefaults.\n */\nfunction initConfig() {\n let player = this;\n \n let playerAttrData = {};\n try {\n playerAttrData = JSON.parse(player.domElements.$player.attr('data-player-attr'));\n } catch (ex) {\n playerAttrData = PlayerDefaults;\n }\n \n player.config = {\n autoplay: !!playerAttrData.autoplay,\n controls: !!playerAttrData.controls,\n muted: !!playerAttrData.mute,\n loop: !!playerAttrData.loop,\n background: !!playerAttrData.autoplay && !playerAttrData.controls && !!playerAttrData.mute && !!playerAttrData.loop,\n autopause: !(!!playerAttrData.autoplay && !playerAttrData.controls && !!playerAttrData.mute),\n hasThumb: playerAttrData.hasThumb,\n modal: !!playerAttrData.modal,\n videoId: player.domElements.$player.attr('data-video-id')\n };\n}\n\n/**\n * createApiPlayer()\n * \n * Create and store the vendor specific API Player.\n * The configurations set in the content asset can be overridden for specific use cases, like turning off autoplay when closing the modal.\n * \n * Also attaches any needed playback events to the player. \n * \n * @param {object} overrides - attributes that can override the defined player.config attributes\n * @returns {Promise} - Vimeo player ready() Promise is returned so we don't make any calls too early\n */\nfunction createApiPlayer(overrides) {\n let player = this;\n let config = player.config;\n \n // apply overrides attributes\n if (overrides) {\n config = $.extend({}, player.config, overrides);\n }\n \n player.apiObj = new Vimeo.Player(player.id, {\n id: config.videoId,\n autoplay: config.autoplay,\n controls: config.controls,\n loop: config.loop,\n muted: config.muted,\n background: config.background,\n autopause: config.autopause\n });\n\n player.apiObj.on('pause', () => {\n // save the current location\n player.apiObj.getCurrentTime().then((seconds) => {\n player.cache.time = seconds;\n });\n });\n\n player.apiObj.on('ended', () => {\n $('body').trigger('video:ended', player);\n });\n\n return player.apiObj.ready();\n}\n\n/**\n * initPageEvents()\n * \n * Initializes any page load event logic for the player. \n */\nfunction initPageEvents() {\n let player = this;\n let $playerContainer = player.domElements.$player.closest('.video-container');\n\n // pause all players at init, before deciding if they should play\n player.pause();\n\n if (player.config.hasThumb) {\n //handle thumbnail click\n player.domElements.$thumb.on('click', event => {\n event.preventDefault();\n\n if (player.config.modal) {\n player.launchModal();\n } else {\n player.apiObj.getPaused().then(paused => {\n if (!paused) {\n player.pause();\n } else {\n player.play();\n }\n }).catch(error => console.error('error getting paused status:', error));\n }\n });\n }\n \n if (player.domElements.$cntr.closest('.modal').length) {\n $(window).on('resize', debounce(() => player.removeSize(), 100));\n }\n\n if (VideoHelper.shouldPlay($playerContainer) && player.config.autoplay && !player.config.modal) {\n player.play();\n }\n\n $(window).on('scrollUpdate', () => {\n if (VideoHelper.shouldPlay($playerContainer)) {\n if (player.config.autoplay && !player.config.modal) {\n player.apiObj.getPaused().then(paused => {\n if (paused) {\n player.play();\n }\n }).catch(error => console.error('error getting paused status:', error));\n }\n } else {\n player.apiObj.getPaused().then(paused => {\n if (!paused) {\n player.pause();\n }\n }).catch(error => console.error('error getting paused status:', error));\n }\n });\n}\n\nmodule.exports = function(playerId) {\n var player = this;\n this.id = playerId;\n this.type = 'vimeo';\n this.cache = {};\n \n /**********************************************************\n ** Calls to initialize the player and event listeners **\n **********************************************************/\n \n initDomElements.call(player);\n \n initConfig.call(player);\n \n createApiPlayer.call(player).then(() => initPageEvents.call(player));\n \n\n /**************************************\n ** Generalized playback functions **\n **************************************/\n \n this.play = () => {\n player.apiObj.play()\n if (player.domElements.$thumb.length && !player.config.modal) {\n player.domElements.$thumb.addClass('faded');\n }\n };\n \n this.pause = () => {\n player.apiObj.pause();\n if (player.domElements.$thumb.length) {\n player.domElements.$thumb.removeClass('faded');\n }\n }\n \n this.mute = () => {\n player.apiObj.getVolume().then((volume) => {\n player.cache.volume = volume;\n });\n \n player.apiObj.setVolume(0);\n };\n \n this.unmute = () => {\n let volume = 1;\n if (player.cachedVolume) {\n volume = player.cache.volume;\n }\n \n player.apiObj.setVolume(volume);\n };\n \n \n /*********************************************************\n ** Functions to support playing the video in a modal **\n *********************************************************/\n \n this.setSize = () => {\n player.domElements.$cntr.css({\n height: player.domElements.$cntr.outerHeight(),\n width: player.domElements.$cntr.outerWidth()\n });\n };\n \n this.removeSize = () => {\n player.domElements.$cntr.css({\n height: 'auto',\n width: 'auto'\n });\n };\n \n this.setModal = (VideoModal) => {\n player.modal = VideoModal;\n };\n \n this.launchModal = () => {\n player.setSize();\n player.modal.launch(player);\n };\n \n \n /*****************************************************\n ** Event Handlers for the Bootstrap modal events **\n *****************************************************/\n \n this.getShowEventHandler = () => {\n let $modal = player.modal.getModalObj();\n let $body = $('.modal-body', $modal).empty().removeClass();\n $body.addClass('modal-body ' + player.domElements.$cntr.attr('class'));\n player.domElements.$player.appendTo($body);\n \n player.apiObj.destroy().then(() => createApiPlayer.call(player)).then(() => {\n // set the current location if one is saved\n if (player.cache.time) {\n player.apiObj.setCurrentTime(player.cache.time);\n }\n player.play();\n });\n };\n \n this.getHideEventHandler = () => {\n // save the current location\n player.apiObj.getCurrentTime().then((seconds) => {\n player.cache.time = seconds;\n }).then(() => {\n // vimeo doesnt like to be moved around the DOM, and loses all its event listeners\n // so lets destroy and re-init whenever we move it to and from a modal\n player.domElements.$player.prependTo(player.domElements.$cntr);\n \n player.apiObj.destroy().then(() => {\n //create a new api player but dont let it autoplay\n createApiPlayer.call(player, {autoplay: false});\n });\n });\n };\n \n return this;\n}\n","'use strict';\n\nconst debounce = require('lodash/debounce');\nconst VideoHelper = require('./videoHelper');\n\nconst PlayerDefaults = {\n autoplay: 0,\n playsinline: 0,\n controls: 1,\n mute: 0,\n loop: 0,\n modal: false,\n hasThumb: false,\n playlist: ''\n};\n\nconst origin = window.location.protocol + '//' + window.location.host;\n\n/**\n * initDomElements()\n *\n * Saves generalized references to DOM elements needed by the player to operate.\n *\n * player.domElements.$player - div used to init the player API, also holds the configuration data\n * player.domElements.$thumb - thumbnail/preview image that masks the player on screen while not playing\n * player.domElements.$cntr - outer div container used to attach dimensions when needed\n */\nfunction initDomElements() {\n let player = this;\n let $elem = $('#' + player.id);\n\n player.domElements = {\n $player: $elem,\n $thumb: $elem.siblings('.video-thumbnail'),\n $cntr: $elem.closest('.video-container'),\n };\n}\n\n/**\n * initConfig()\n *\n * Parses and stores the configuration data attributes set by the content asset.\n * In case of parse error, fallback to this module's PlayerDefaults.\n */\nfunction initConfig() {\n let player = this;\n\n let playerAttrData = {};\n try {\n playerAttrData = JSON.parse(player.domElements.$player.attr('data-player-attr'));\n } catch (ex) {\n playerAttrData = PlayerDefaults;\n }\n\n let videoId = player.domElements.$player.attr('data-video-id');\n let playlist = playerAttrData.loop === 1 ? videoId : '';\n\n player.config = {\n autoplay: playerAttrData.autoplay,\n playsinline: playerAttrData.autoplay === 1 ? 1 : 0,\n controls: playerAttrData.controls,\n mute: playerAttrData.mute,\n loop: playerAttrData.loop,\n hasThumb: playerAttrData.hasThumb,\n modal: playerAttrData.modal,\n videoId: videoId,\n modestbranding: 1\n };\n if (playlist != '') {\n player.config.playlist = playlist\n }\n}\n\n/**\n * createApiPlayer()\n *\n * Create and store the vendor specific API Player.\n * The configurations set in the content asset can be overridden for specific use cases, like turning off autoplay when closing the modal.\n *\n * Also attaches any needed playback events to the player.\n *\n * @param {object} overrides - attributes that can override the defined player.config attributes\n */\nfunction createApiPlayer(overrides) {\n let player = this;\n let config = player.config;\n\n let onReadyCallback = (e) => {\n commonOnReady.call(player, e);\n\n if (overrides.onReady) {\n overrides.onReady(e);\n delete overrides['onReady'];\n }\n };\n\n // apply overrides attributes\n if (overrides) {\n config = $.extend({}, player.config, overrides);\n }\n\n player.apiObj = new YT.Player(player.id, {\n videoId: config.videoId,\n playerVars: {\n autoplay: config.autoplay,\n playsinline: config.playsinline,\n controls: config.controls,\n mute: config.mute,\n loop: config.loop,\n playlist: config.playlist,\n enablejsapi: 1,\n origin: origin,\n widget_referrer: origin\n },\n host: 'https://www.youtube.com', // prevents 'postMessage' origin mismatch error\n events: {\n onReady: onReadyCallback,\n onStateChange: (e) => {\n if (e.data === YT.PlayerState.PAUSED) {\n // save the current location\n player.cache.time = e.target.getCurrentTime();\n } else if (e.data === YT.PlayerState.PLAYING) {\n // not currently using the on play event, but it's here for future use\n }\n\n if (e.data === 0) {\n $('body').trigger('video:ended', player);\n }\n },\n onError: (e) => {\n if (console && console.error) {\n console.error('onError: ' + e.data);\n }\n }\n }\n });\n}\n\n/**\n * initPageEvents()\n *\n * Initializes any page event logic for the player.\n */\nfunction initPageEvents() {\n let player = this;\n let $playerContainer = player.domElements.$player.closest('.video-container');\n\n // pause all players at init, before deciding if they should play\n player.pause();\n\n // honor the auto mute settings when launching modal\n if (player.config.mute === 1) {\n player.mute();\n } else {\n player.unmute();\n }\n\n if (player.config.hasThumb) {\n //handle thumbnail click\n player.domElements.$thumb.on('click', event => {\n event.preventDefault();\n\n if (player.config.modal) {\n player.launchModal();\n } else {\n let playerState = player.apiObj.getPlayerState();\n let playing = playerState === 1;\n\n if (playing) {\n player.pause();\n } else {\n player.play();\n }\n }\n });\n }\n\n if (player.domElements.$cntr.closest('.modal').length) {\n $(window).on('resize', debounce(() => player.removeSize(), 100));\n }\n\n if (VideoHelper.shouldPlay($playerContainer) && player.config.autoplay && !player.config.modal) {\n player.play();\n }\n\n $(window).on('scrollUpdate', () => {\n let playerState = player.apiObj.getPlayerState();\n let playing = playerState === 1;\n\n if (VideoHelper.shouldPlay($playerContainer)) {\n if (player.config.autoplay && !playing && !player.config.modal) {\n player.play();\n }\n } else if (playing) {\n player.pause();\n }\n });\n}\n\nfunction commonOnReady(e) {\n let player = this;\n\n // update player dom reference\n player.domElements.$player = $('#' + player.id);\n\n // if we have an auto play, auto mute, modal, then honor the config,\n // else let the app maintain the volume state\n if (typeof player.cache.mute !== 'undefined') {\n if (player.cache.mute === 1) {\n e.target.mute();\n } else {\n e.target.unMute();\n }\n\n delete player.cache.mute;\n }\n}\n\n\nmodule.exports = function(playerId) {\n var player = this;\n this.id = playerId;\n this.type = 'youtube';\n this.cache = {};\n\n /**********************************************************\n ** Calls to initialize the player and event listeners **\n **********************************************************/\n\n initDomElements.call(player);\n\n initConfig.call(player);\n\n createApiPlayer.call(player, {onReady: () => initPageEvents.call(player)});\n\n\n /***************************************\n ** Generalized playback functions **\n ***************************************/\n\n this.play = () => {\n player.apiObj.playVideo();\n if (player.domElements.$thumb.length && !player.config.modal) {\n player.domElements.$thumb.addClass('faded');\n }\n }\n\n this.pause = () => {\n player.apiObj.pauseVideo();\n if (player.domElements.$thumb.length) {\n player.domElements.$thumb.removeClass('faded');\n }\n }\n\n this.mute = () => {\n player.apiObj.mute();\n player.cache.mute = 1;\n };\n\n this.unmute = () => {\n player.apiObj.unMute();\n player.cache.mute = 0;\n };\n\n\n /*********************************************************\n ** Functions to support playing the video in a modal **\n *********************************************************/\n\n this.setSize = () => player.domElements.$cntr.css({\n height: player.domElements.$cntr.outerHeight(),\n width: player.domElements.$cntr.outerWidth()\n });\n\n this.removeSize = () => player.domElements.$cntr.css({\n height: 'auto',\n width: 'auto'\n });\n\n this.setModal = (VideoModal) => {\n player.modal = VideoModal;\n };\n\n this.launchModal = () => {\n player.setSize();\n player.modal.launch(player);\n };\n\n\n /*****************************************************\n ** Event Handlers for the Bootstrap modal events **\n *****************************************************/\n\n this.getShowEventHandler = () => {\n // move the video player to the modal body\n let $modal = player.modal.getModalObj();\n let $body = $('.modal-body', $modal).empty().removeClass();\n $body.addClass('modal-body ' + player.domElements.$cntr.attr('class'));\n player.domElements.$player.appendTo($body);\n\n // rebuild the API player to maintain event handlers\n if (player.apiObj && player.apiObj.destroy) {\n player.apiObj.destroy();\n }\n createApiPlayer.call(player, {\n onReady: (e) => {\n // set the current location if one is saved\n if (player.cache.time) {\n player.apiObj.seekTo(player.cache.time, true);\n }\n player.play();\n }\n });\n };\n\n this.getHideEventHandler = () => {\n // save current location\n player.cache.time = player.apiObj.getCurrentTime();\n\n // move the video player from the modal back to its page container\n player.domElements.$player.prependTo(player.domElements.$cntr);\n\n // rebuild the API player to maintain event handlers\n if (player.apiObj && player.apiObj.destroy) {\n player.apiObj.destroy();\n }\n createApiPlayer.call(player, {autoplay: 0});\n };\n\n return this;\n}\n","\n'use strict';\n\nvar formErrors = require('../checkout/formErrors');\nvar formValidation = require('base/components/formValidation');\nvar cart = require('../cart/cart');\nvar recaptcha = require('../components/recaptcha');\n\n/**\n * shows giftcert toast message\n * @param {string} data - data returned from the server's ajax call\n */\nfunction displayMessage(data, button) {\n $.spinner().stop();\n\n $('.minicart').trigger('count:update', data);\n var status = data.success ? 'alert-success' : 'alert-danger';\n\n if ($('.add-giftcertificate-messages').length === 0) {\n $('body').append('');\n }\n\n $('.add-giftcertificate-messages').append('
' + (data.msg || 'There was an error') + '
');\n\n setTimeout(function () {\n $('.add-giftcertificate-messages').remove();\n if (button) {\n button.removeAttr('disabled');\n }\n }, 5000);\n}\n\nfunction giftCertificateFormSubmission() {\n $('body').on('submit', 'form.GiftCertificateForm', function (e) {\n e.preventDefault();\n\n var form = $(this);\n var isEdit = false;\n var button = form.find('.btn-add-giftcertificate-tocart');\n if (!button || !button.length) {\n button = form.find('.btn-update-giftcertificate-incart');\n isEdit = true;\n } else {\n $('body').trigger('product:beforeAddToCart', this);\n }\n form.parents('.card').spinner().start();\n\n var url = form.attr('action');\n var queryString = form.serialize() + '&format=ajax';\n if (isEdit) {\n queryString += '&uuid=' + button.data('uuid');\n }\n button.attr('disabled', true);\n recaptcha.check(e, {\n url: url,\n method: 'POST',\n dataType: 'json',\n data: queryString,\n success: function (data) {\n if (data.success) {\n if (isEdit) {\n $('#editGiftCertificateLineItemModal').modal('hide');\n cart.updateCartTotals(data.cartModel);\n updateGiftCertificateLineItem(data.cartModel, button.data('uuid'));\n $('body').trigger('cart:update', [data, button.data('uuid')]);\n } else {\n $('body').trigger('product:afterAddToCart', data);\n }\n form.trigger('reset');\n formErrors.clearPreviousErrors(form);\n } else {\n if (data.redirectUrl) {\n window.location.href = data.redirectUrl;\n } else {\n formValidation(form, data);\n }\n }\n\n displayMessage(data, button);\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n displayMessage(err, button);\n }\n });\n })\n};\n\nfunction updateGiftCertificateLineItem(data, uuid) {\n var lineItem;\n for (var i = 0; i < data.items.length; i++) {\n if (data.items[i].UUID === uuid) {\n lineItem = data.items[i];\n break;\n }\n }\n\n if (lineItem) {\n $('.dwfrm_giftCertificate_purchase_from-' + uuid + ' span').html(lineItem.senderName);\n $('.dwfrm_giftCertificate_purchase_from-' + uuid).data('value', lineItem.senderName);\n $('.dwfrm_giftCertificate_purchase_recipient-' + uuid + ' span').html(lineItem.recipientName);\n $('.dwfrm_giftCertificate_purchase_recipient-' + uuid).data('value', lineItem.recipientName);\n $('.dwfrm_giftCertificate_purchase_recipientEmail-' + uuid + ' span').html(lineItem.recipientEmail);\n $('.dwfrm_giftCertificate_purchase_recipientEmail-' + uuid).data('value', lineItem.recipientEmail);\n $('.dwfrm_giftCertificate_purchase_message-' + uuid + ' span').html(lineItem.message || '');\n $('.dwfrm_giftCertificate_purchase_message-' + uuid).attr('title', lineItem.message || '');\n $('.pricing.item-total-' + uuid).html(lineItem.priceTotal.price);\n $('.pricing.item-total-' + uuid).data('value', lineItem.priceTotal.priceValue + '');\n }\n}\n\nfunction checkBalanceFormSubmission() {\n $('body').on('submit', 'form.check-balance', function (e) {\n e.preventDefault();\n\n var form = $(this);\n form.spinner().start();\n\n var button = form.find('.js-checkbalancebutton');\n var url = form.attr('action');\n var queryString = form.serialize() + '&format=ajax';\n button.attr('disabled', true);\n\n //because the error is not an html5 error typically (balance is 0 or does not exist)\n //we must clear the previous error + message manually\n formErrors.clearPreviousErrors(form);\n recaptcha.check(e, {\n url: url,\n method: 'POST',\n dataType: 'json',\n data: queryString,\n success: function (data) {\n if (data.success) {\n form.find('.balancemsg').html(data.balance);\n } else {\n form.find('.balancemsg').html('');\n formValidation(form, data);\n if (data.msg) {\n displayMessage(data, button);\n }\n }\n\n $.spinner().stop();\n button.removeAttr('disabled');\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n displayMessage(err, button);\n }\n });\n });\n}\n\nfunction applyGiftCertificateToBasket () {\n $('body').on('click', '.giftcertificate-information .js-applybalancebutton', function (e) {\n e.preventDefault();\n\n var button = $(this);\n button.attr('disabled', true);\n var container = button.parents('.giftcertificate-information');\n var checkoutForm = button.parents('form');\n\n container.spinner().start();\n\n var url = button.data('action');\n\n //because the error is not an html5 error typically (balance is 0 or does not exist)\n //we must clear the previous error + message manually\n formErrors.clearPreviousErrors(container);\n recaptcha.check(e, {\n url: url,\n method: 'POST',\n data: checkoutForm.serialize() + '&format=ajax',\n success: function (data) {\n if (data.success) {\n displayMessage(data, button);\n $('.js-giftcertificatepaymentinstruments').html(data.template);\n\n $('body').trigger('checkout:updateCheckoutViewPaymentInformation', { order: data.order });\n } else {\n if (data.redirectUrl) {\n window.location.href = data.redirectUrl;\n } else {\n container.find('.js-balancemsg').html('');\n formValidation(container, data);\n if (data.msg) {\n displayMessage(data, button);\n }\n }\n }\n\n $.spinner().stop();\n button.removeAttr('disabled');\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n displayMessage(err, button);\n }\n });\n\n })\n}\n\nfunction removeGiftCertificatePaymentInstrument() {\n $('body').on('click', '.js-remove-giftcertificate-pi', function (e) {\n e.preventDefault();\n\n var button = $(this);\n button.attr('disabled', true);\n\n var container = button.parents('.giftcertificate-information');\n container.spinner().start();\n\n var url = button.data('action');\n var giftCertificateCode = button.data('giftcertificatecode');\n $.ajax({\n url: url,\n method: 'POST',\n dataType: 'json',\n data: '&giftCertificateCode=' + giftCertificateCode,\n success: function (data) {\n if (data.success) {\n $('.js-giftcertificatepaymentinstruments').html(data.template);\n\n $('body').trigger('checkout:updateCheckoutViewPaymentInformation', { order: data.order });\n }\n\n $.spinner().stop();\n displayMessage(data, button);\n },\n error: function (err) {\n displayMessage(err, button);\n }\n });\n });\n}\n\nmodule.exports = {\n displayMessage: displayMessage,\n giftCertificateFormSubmission: giftCertificateFormSubmission,\n updateGiftCertificateLineItem: updateGiftCertificateLineItem,\n checkBalanceFormSubmission: checkBalanceFormSubmission,\n applyGiftCertificateToBasket: applyGiftCertificateToBasket,\n removeGiftCertificatePaymentInstrument: removeGiftCertificatePaymentInstrument,\n init: function () {\n module.exports.giftCertificateFormSubmission();\n module.exports.checkBalanceFormSubmission();\n module.exports.applyGiftCertificateToBasket();\n module.exports.removeGiftCertificatePaymentInstrument();\n }\n};\n","'use strict';\n\n/**\n * This client-side js file just acts as a wrapper for the site preference config toggles\n * that are outputted by Controller: Integrations-OutputIntegrationsConfig\n */\n\nfunction getIntegrationSettings() {\n return window.CachedData.siteIntegrations;\n}\n\nmodule.exports = {\n getIntegrationSettings : getIntegrationSettings\n};\n","var SiteConstants = require('constants/SiteConstants');\n\nwindow.jQuery = window.$ = require('jquery');\nwindow.isMobile = () => $(window).width() < SiteConstants.BreakpointSizes.lg;\n\nvar processInclude = require('base/util');\n\n/**\n * A list of base Files, leave these in order they are listed\n */\nvar baseFiles = {\n menu: require('./components/menu'),\n cookie: require('base/components/cookie'),\n consentTracking: require('./components/consentTracking'),\n footer: require('./components/footer'),\n miniCart: require('./components/miniCart'),\n collapsibleItem: require('base/components/collapsibleItem'),\n search: require('base/components/search'),\n clientSideValidation: require('./components/clientSideValidation'),\n countrySelector: require('base/components/countrySelector'),\n header: require('./components/header'),\n tabs: require('./components/tabs'),\n toast: require('./components/toast'),\n toolTip: require('./components/toolTip'),\n video: require('./components/video'),\n tile: require('./product/tile'),\n base: require('./product/base'),\n quickView: require('./product/quickView'),\n productTile: require('./components/productTile'),\n giftCertificate: require('./giftCertificate/giftCertificate').init,\n modal: require('./components/modal').init,\n slider: require('./components/slider').init,\n einsteinRecs: require('./components/einsteinRecs').init,\n wishlist: require('./wishlist/wishlist').init,\n cart: require('./cart'),\n scroll: require('./utilities/scroll'),\n pageDesigner: require('./pageDesigner')\n};\n\n$(document).ready(() => {\n Object.keys(baseFiles).forEach(function (key) {\n processInclude(baseFiles[key]);\n });\n});\n\nrequire('./thirdParty/bootstrap');\nrequire('focus-visible/dist/focus-visible.min.js');\nrequire('base/components/spinner');\n\nmodule.exports = {\n baseFiles\n};\n","'use strict';\n\nmodule.exports = function() {\n\n // add class to sliders containing animated hero banners\n if ($('.slider').find('.hero-text[data-animation]')) {\n var heroAnimationSliders = $('.slider').find('.hero-text[data-animation]').closest('.slider-container');\n \n for (var i = 0; i < heroAnimationSliders.length; i++) {\n heroAnimationSliders[i].classList.add('hero-has-animation');\n }\n }\n\n // if hero background video is set to play once, hide when finished and show replay button\n $('body').on('video:ended', (event, player) => {\n var $playerContainer = player.domElements.$cntr;\n \n if ($playerContainer.hasClass('hero-media') && $playerContainer.data('play-once') === true) {\n var $replayButton = $playerContainer.next('.replay-video');\n $playerContainer.addClass('video-stopped');\n\n $replayButton.click(event => {\n $playerContainer.removeClass('video-stopped');\n player.config.autoplay = true;\n if (player.type === 'youtube') {\n player.apiObj.seekTo(0);\n }\n if (player.type === 'hosted') {\n player.apiObj.currentTime(0);\n }\n if (player.type === 'vimeo') {\n player.apiObj.setCurrentTime(0);\n }\n player.play();\n });\n }\n });\n\n};\n","'use strict';\n\nconst Hero = require('./hero');\n\nfunction checkIfVisible($element, context) {\n var pageTop = $(window).scrollTop();\n var pageBottom = pageTop + $(window).height();\n var elementHeight = $element.height();\n var elementTop = $element.offset().top;\n var elementBottom = elementTop + elementHeight;\n\n // on ititial load if animated element is already in or above viewable area, animate immediately\n if (context === 'initialPageLoad' && elementTop <= pageBottom) {\n return true;\n }\n\n if (context === 'reset') {\n // element is above fold\n return (elementTop <= pageBottom);\n } else {\n // any portion of element is in viewport\n return ((elementTop <= pageBottom) && (elementBottom >= pageTop));\n }\n}\n\nfunction animateIfVisible($elements, context) {\n $elements.each((index, element) => {\n var $element = $(element);\n var animationClass = $element.data('animation');\n var isVisible = checkIfVisible($element, context);\n\n if (isVisible) {\n $element.removeClass('animation-initial-state').addClass(animationClass);\n }\n });\n}\n\nfunction resetAnimationElement($elements) {\n $elements.each((index, element) => {\n var $element = $(element);\n var shouldReset = !$element.data('animation-play-once');\n\n if (shouldReset) {\n var animationClass = $element.data('animation');\n var isVisible = checkIfVisible($element, 'reset');\n\n if (!isVisible) {\n $element.removeClass(animationClass).addClass('animation-initial-state');\n void element.offsetWidth; // allows animation to retrigger\n }\n }\n });\n}\n\nfunction initScrollEvents() {\n\n // trigger animations when animated component is scrolled to\n var $animationElements = $('[data-animation]');\n\n if ($animationElements.length) {\n animateIfVisible($animationElements, 'initialPageLoad');\n\n window.addEventListener('scrollUpdate', event => {\n var direction = event.detail.direction;\n\n if (direction === 'down') {\n animateIfVisible($animationElements, null);\n }\n\n if (direction === 'up') {\n resetAnimationElement($animationElements);\n }\n });\n }\n\n};\n\n\nmodule.exports = {\n initScrollEvents: initScrollEvents,\n hero: Hero\n};\n","'use strict';\nvar focusHelper = require('base/components/focus');\nvar abSlider = require('core/components/slider');\n\n/**\n * Retrieves the relevant pid value\n * @param {jquery} $el - DOM container for a given add to cart button\n * @return {string} - value to be used when adding product to cart\n */\nfunction getPidValue($el) {\n var pid;\n\n if ($('#quickViewModal').hasClass('show') && !$('.product-set').length) {\n pid = $($el).closest('.modal-content').find('.product-quickview').data('pid');\n } else if ($('.product-set-detail').length || $('.product-set').length) {\n pid = $($el).closest('.product-detail').find('.product-id').text();\n } else {\n pid = $('.product-detail:not(\".bundle-item\")').data('pid');\n }\n\n return pid;\n}\n\n/**\n * Retrieve contextual quantity selector\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {jquery} - quantity selector DOM container\n */\nfunction getQuantitySelector($el) {\n var quantitySelected;\n if ($el && $('.set-items').length) {\n quantitySelected = $($el).closest('.product-detail').find('.quantity-select');\n } else if ($el && $('.product-bundle').length) {\n var quantitySelectedModal = $($el).closest('.modal-footer').find('.quantity-select');\n var quantitySelectedPDP = $($el).closest('.bundle-footer').find('.quantity-select');\n if (quantitySelectedModal.val() === undefined) {\n quantitySelected = quantitySelectedPDP;\n } else {\n quantitySelected = quantitySelectedModal;\n }\n } else {\n quantitySelected = $('.quantity-select');\n }\n return quantitySelected;\n}\n\n/**\n * Retrieves the value associated with the Quantity pull-down menu\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {string} - value found in the quantity input\n */\nfunction getQuantitySelected($el) {\n return this.getQuantitySelector($el).val();\n}\n\n/**\n * Process the attribute values for an attribute that has image swatches\n *\n * @param {Object} attr - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {Object[]} attr.values - Array of attribute value objects\n * @param {string} attr.values.value - Attribute coded value\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\n * selected. If there is no variant that corresponds to a specific combination of attribute\n * values, an attribute may be disabled in the Product Detail Page\n * @param {jQuery} $productContainer - DOM container for a given product\n * @param {Object} msgs - object containing resource messages\n */\nfunction processSwatchValues(attr, $productContainer, msgs) {\n if (attr.attributeId == 'color') {\n $productContainer.find('.color-display-value').text(attr.displayValue || '');\n };\n\n if (attr.attributeId == 'size') {\n $productContainer.find('.non-color-display-value').text(attr.displayValue || '');\n };\n\n attr.values.forEach(function (attrValue) {\n var $attrValue = $productContainer.find('[data-attr=\"' + attr.id + '\"] [data-attr-value=\"' + attrValue.value + '\"]');\n\n var $swatchButton = $attrValue.parent('button');\n\n if (attrValue.selected) {\n $attrValue.addClass('selected');\n $attrValue.siblings('.selected-assistive-text').text(msgs.assistiveSelectedText);\n $attrValue.attr('selected', 'selected');\n } else {\n $attrValue.removeClass('selected');\n $attrValue.siblings('.selected-assistive-text').empty();\n $attrValue.removeAttr('selected');\n }\n\n if (attrValue.url) {\n $swatchButton.attr('data-url', attrValue.url);\n } else {\n $swatchButton.removeAttr('data-url');\n }\n\n // Disable if not selectable\n $attrValue.removeClass('selectable unselectable available unavailable');\n\n $attrValue.addClass(attrValue.selectable ? 'selectable' : 'selectable');\n $attrValue.addClass(attrValue.available ? 'available' : 'available');\n\n $attrValue.attr('value', attrValue.url).removeAttr('disabled');\n if (!attrValue.selectable) {\n // $attrValue.attr('disabled', true);\n }\n });\n}\n\n/**\n * Check to see if the attribute button element can be clicked\n *\n * @param {Object} $attributeButtonElement - Attribute element button\n */\nfunction checkForClickableAttribute($attributeButtonElement) {\n return ($attributeButtonElement.attr('disabled') || $attributeButtonElement.data('url') === null || $attributeButtonElement.find('.unselectable').length || $attributeButtonElement.find('.selected').length);\n}\n\n\n/**\n * Process attribute values associated with an attribute that does not have image swatches\n *\n * @param {Object} attr - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {Object[]} attr.values - Array of attribute value objects\n * @param {string} attr.values.value - Attribute coded value\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\n * selected. If there is no variant that corresponds to a specific combination of attribute\n * values, an attribute may be disabled in the Product Detail Page\n * @param {jQuery} $productContainer - DOM container for a given product\n */\nfunction processNonSwatchValues(attr, $productContainer) {\n var $attr = '.custom-select[data-attr=\"' + attr.id + '\"]';\n var $defaultOption = $productContainer.find($attr + ' .select-' + attr.id + ' option:first');\n $defaultOption.attr('value', attr.resetUrl);\n\n attr.values.forEach(function (attrValue) {\n var $attrValue = $productContainer.find($attr + ' [data-attr-value=\"' + attrValue.value + '\"]');\n $attrValue.attr('value', attrValue.url).removeAttr('disabled');\n\n if (!attrValue.selectable) {\n // $attrValue.attr('disabled', true);\n }\n });\n}\n\n/**\n * Routes the handling of attribute processing depending on whether the attribute has image\n * swatches or not\n *\n * @param {Object} attrs - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {jQuery} $productContainer - DOM element for a given product\n * @param {Object} msgs - object containing resource messages\n */\nfunction updateAttrs(attrs, $productContainer, msgs) {\n var methods = this;\n\n //Get the available swatchable attribute array ['color','size'] (currently defined as a site pref, and added as a data attribute to the product container element\n var attrsWithSwatches = $productContainer.data('swatchable-attributes');\n\n attrs.forEach(function (attr) {\n if (attrsWithSwatches && attrsWithSwatches.indexOf(attr.attributeId) > -1) {\n methods.processSwatchValues(attr, $productContainer, msgs);\n } else {\n methods.processNonSwatchValues(attr, $productContainer);\n }\n });\n}\n\n/**\n * Updates the availability status in the Product Detail Page\n *\n * @param {Object} response - Ajax response object after an\n * attribute value has been [de]selected\n * @param {jQuery} $productContainer - DOM element for a given product\n */\nfunction updateAvailabilityProcess(response, $productContainer) {\n var availabilityValue = '';\n var availabilityMessages = response.product.availability.messages;\n if (!response.product.readyToOrder) {\n availabilityValue = '
';\n });\n }\n });\n\n return html;\n}\n\n/**\n * @typedef UpdatedOptionValue\n * @type Object\n * @property {string} id - Option value ID for look up\n * @property {string} url - Updated option value selection URL\n */\n\n/**\n * @typedef OptionSelectionResponse\n * @type Object\n * @property {string} priceHtml - Updated price HTML code\n * @property {Object} options - Updated Options\n * @property {string} options.id - Option ID\n * @property {UpdatedOptionValue[]} options.values - Option values\n */\n\n/**\n * Updates DOM using post-option selection Ajax response\n *\n * @param {OptionSelectionResponse} optionsHtml - Ajax response optionsHtml from selecting a product option\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction updateOptions(optionsHtml, $productContainer) {\n\t// Update options\n $productContainer.find('.product-options').empty().html(optionsHtml);\n}\n\n/**\n * Updates slider for PDP main images and thumbnails from response containing images\n * @param {Object[]} imgs - Array of large product images,along with related information\n * @param {jQuery} $productContainer - DOM element for a given product\n */\nfunction createSlider(images, $productContainer) {\n var $sliderContainers = $productContainer.find('.slider-container');\n var data = images !== null ? {images} : null;\n\n // Reversing order in which to update sliders so that thumbnails get initialized first\n $($sliderContainers.get().reverse()).each((index, sliderContainer) => {\n var $slider = $(sliderContainer).find('.slider');\n $slider.trigger('slider:update', data);\n });\n}\n\n/**\n * Parses JSON from Ajax call made whenever an attribute value is [de]selected\n * @param {Object} response - response from Ajax call\n * @param {Object} response.product - Product object\n * @param {string} response.product.id - Product ID\n * @param {Object[]} response.product.variationAttributes - Product attributes\n * @param {Object[]} response.product.images - Product images\n * @param {boolean} response.product.hasRequiredAttrsSelected - Flag as to whether all required\n * attributes have been selected. Used partially to\n * determine whether the Add to Cart button can be enabled\n * @param {jQuery} $productContainer - DOM element for a given product.\n */\nfunction handleVariantResponse(response, $productContainer) {\n var isChoiceOfBonusProducts = $productContainer.parents('.choose-bonus-product-dialog').length > 0;\n var isVariant;\n if (response.product.variationAttributes) {\n this.updateAttrs(response.product.variationAttributes, $productContainer, response.resources);\n isVariant = response.product.productType === 'variant';\n if (isChoiceOfBonusProducts && isVariant) {\n $productContainer.parent('.bonus-product-item').data('pid', response.product.id);\n $productContainer.parent('.bonus-product-item').data('ready-to-order', response.product.readyToOrder);\n }\n }\n\n // Update primary images\n var primaryImages = response.product.images;\n var $oldWishlistIcon = $productContainer.find('div.slide a.wishlist');\n this.createSlider(primaryImages, $productContainer);\n\n // Update pricing\n if (!isChoiceOfBonusProducts) {\n var $priceSelector = $('.prices .price', $productContainer).length\n ? $('.prices .price', $productContainer)\n : $('.prices .price');\n $priceSelector.replaceWith(response.product.price.html);\n }\n\n // Update promotions\n $productContainer.find('.promotions').empty().html(response.product.promotionsHtml);\n\n this.updateAvailabilityProcess(response, $productContainer);\n\n if (isChoiceOfBonusProducts) {\n var $selectButton = $productContainer.find('.select-bonus-product');\n $selectButton.trigger('bonusproduct:updateSelectButton', {\n product: response.product, $productContainer: $productContainer\n });\n } else {\n // Enable \"Add to Cart\" button if all required attributes have been selected\n $('button.add-to-cart, button.add-to-cart-global, button.update-cart-product-global').trigger('product:updateAddToCart', {\n product: response.product, $productContainer: $productContainer\n }).trigger('product:statusUpdate', response.product);\n }\n\n // Update attributes\n $productContainer.find('.main-attributes').empty().html(this.getAttributesHtml(response.product.attributes));\n\n // Update wishlist\n if ($oldWishlistIcon && $oldWishlistIcon.length) {\n var $newWishlistIcon = $($oldWishlistIcon[0]);\n $newWishlistIcon.attr('data-wishlistpid', response.product.wishlistpid);\n\n //Make heart icon accurate\n var wishlist = require('../wishlist/wishlist.js');\n wishlist.updateWishlistLinkData($newWishlistIcon);\n\n var $newSliderMainImages = $productContainer.find('div.primary-images-main div.slide img');\n $newSliderMainImages.each((_i, newImage) => {\n var $newImage = $(newImage);\n $newImage.after($newWishlistIcon.clone(true));\n });\n }\n}\n\n/**\n * @typespec UpdatedQuantity\n * @type Object\n * @property {boolean} selected - Whether the quantity has been selected\n * @property {string} value - The number of products to purchase\n * @property {string} url - Compiled URL that specifies variation attributes, product ID, options,\n * etc.\n */\n\n/**\n * Updates the quantity DOM elements post Ajax call\n * @param {UpdatedQuantity[]} quantities -\n * @param {jQuery} $productContainer - DOM container for a given product\n */\nfunction updateQuantities(quantities, $productContainer) {\n if ($productContainer.parent('.bonus-product-item').length <= 0) {\n var optionsHtml = quantities.map(function (quantity) {\n var selected = quantity.selected ? ' selected ' : '';\n return '';\n }).join('');\n this.getQuantitySelector($productContainer).empty().html(optionsHtml);\n }\n}\n\n/**\n * updates the product view when a product attribute is selected or deselected or when\n * changing quantity\n * @param {string} selectedValueUrl - the Url for the selected variation value\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction attributeSelect(selectedValueUrl, $productContainer) {\n var methods = this;\n\n if (selectedValueUrl) {\n $('body').trigger('product:beforeAttributeSelect',\n { url: selectedValueUrl, container: $productContainer });\n\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n success: function (data) {\n methods.handleVariantResponse(data, $productContainer);\n methods.updateOptions(data.product.optionsHtml, $productContainer);\n methods.updateQuantities(data.product.quantities, $productContainer);\n $('body').trigger('product:afterAttributeSelect',\n { data: data, container: $productContainer });\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @return {string} - The provided URL to use when adding a product to the cart\n */\nfunction getAddToCartUrl($productContainer) {\n return $productContainer.find('.add-to-cart-url').val();\n}\n\n/**\n * Parses the html for a modal window\n * @param {string} html - representing the body and footer of the modal window\n *\n * @return {Object} - Object with properties body and footer.\n */\nfunction parseHtml(html) {\n var $html = $('
').append($.parseHTML(html));\n var body = $html.find('.choice-of-bonus-product');\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @param {Object} data - data object used to fill in dynamic portions of the html\n */\nfunction chooseBonusProducts(data) {\n var methods = this;\n\n $('.modal-body').spinner().start();\n\n if ($('#chooseBonusProductModal').length !== 0) {\n $('#chooseBonusProductModal').remove();\n }\n var bonusUrl;\n if (data.bonusChoiceRuleBased) {\n bonusUrl = data.showProductsUrlRuleBased;\n } else {\n bonusUrl = data.showProductsUrlListBased;\n }\n\n var htmlString = ''\n + '