';\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 * Dynamically creates Bootstrap carousel 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 createCarousel(imgs, $productContainer) {\n var carousel = $productContainer.find('.carousel');\n $(carousel).carousel('dispose');\n var carouselId = $(carousel).attr('id');\n $(carousel).empty().append('' + $(carousel).data('prev') + '' + $(carousel).data('next') + '');\n for (var i = 0; i < imgs.length; i++) {\n $('
').appendTo($(carousel).find('.carousel-inner'));\n $('').appendTo($(carousel).find('.carousel-indicators'));\n }\n $($(carousel).find('.carousel-item')).first().addClass('active');\n $($(carousel).find('.carousel-indicators > li')).first().addClass('active');\n if (imgs.length === 1) {\n $($(carousel).find('.carousel-indicators, a[class^=\"carousel-control-\"]')).detach();\n }\n $(carousel).carousel();\n $($(carousel).find('.carousel-indicators')).attr('aria-hidden', true);\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 =\n $productContainer.parents('.choose-bonus-product-dialog').length > 0;\n var isVaraint;\n if (response.product.variationAttributes) {\n updateAttrs(response.product.variationAttributes, $productContainer, response.resources);\n isVaraint = response.product.productType === 'variant';\n if (isChoiceOfBonusProducts && isVaraint) {\n $productContainer.parent('.bonus-product-item')\n .data('pid', response.product.id);\n\n $productContainer.parent('.bonus-product-item')\n .data('ready-to-order', response.product.readyToOrder);\n }\n }\n\n // Update primary images\n var primaryImageUrls = response.product.images.large;\n createCarousel(primaryImageUrls, $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 updateAvailability(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()\n .html(getAttributesHtml(response.product.attributes));\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 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 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 handleVariantResponse(data, $productContainer);\n updateOptions(data.product.optionsHtml, $productContainer);\n 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() {\n return $('.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\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 $('.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 + '
'\n );\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n if ($('.cart-page').length) {\n location.reload();\n }\n }, 1500);\n }\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n },\n\n getPidValue: getPidValue,\n getQuantitySelected: getQuantitySelected,\n miniCartReportingUrl: miniCartReportingUrl\n};\n","'use strict';\n\nmodule.exports = function (include) {\n if (typeof include === 'function') {\n include();\n } else if (typeof include === 'object') {\n Object.keys(include).forEach(function (key) {\n if (typeof include[key] === 'function') {\n include[key]();\n }\n });\n }\n};\n","'use strict';\nconst validationHelper = require('../util/validation');\n\nmodule.exports = function (formElement, payload) {\n // clear form validation first\n $('.form-group.is-invalid', formElement).removeClass('is-invalid');\n $('.form-feedback', formElement).remove();\n\n if (!payload) {\n return true;\n }\n\n if (typeof payload === 'object' && payload.fields) {\n Object.keys(payload.fields).forEach(function (key) {\n if (payload.fields[key]) {\n var formGroup = $(formElement).find('[name=\"' + key + '\"]')\n .parents('.form-group');\n var feedbackElement = formGroup\n .children('.invalid-feedback');\n\n if (feedbackElement.length > 0) {\n if (Array.isArray(payload[key])) {\n feedbackElement.html(payload.fields[key].join(' '));\n } else {\n feedbackElement.html(payload.fields[key]);\n }\n formGroup.addClass('is-invalid');\n }\n }\n });\n validationHelper.scrollToFirstInvalidElement($(formElement));\n }\n\n if (payload && payload.error) {\n var form = $(formElement).closest('form');\n\n form.prepend('
'\n + payload.error.join(' ') + '
');\n }\n\n if (payload.fields && payload.fields.length > 0) {\n return false;\n }\n\n return true;\n};\n","'use strict';\n\nvar FlyOut = {};\nconst loginContainer = $('.header-flyout-login');\nconst loginFlyout = '.header-flyout-content';\nconst desktopFlyout = '.header-flyout .header-flyout-content';\nconst mobileFlyout = '.mobile-flyout .header-flyout-content';\nvar win = $(window);\nconst responsive = require('../util/responsive');\nconst overlay = require('../util/overlay');\nconst closeFlyouts = require('../util/closeFlyouts');\nconst $header = $('header');\nconst formValidation = require('./formValidation');\nvar Recaptcha = require('../util/recaptcha');\n\n/**\n * Initializes the FlyOut component\n */\nFlyOut.init = function () {\n FlyOut.login();\n FlyOut.onCloseClick();\n FlyOut.onClick();\n FlyOut.onOrientationChange();\n FlyOut.openOnInit();\n};\n\n/**\n * Open the login flyout on init when url has login parameter that is set to true\n */\nFlyOut.openOnInit = function () {\n let searchParams = new URLSearchParams(window.location.search);\n\n if (searchParams.get('login') === 'true') {\n FlyOut.openFlyout();\n }\n};\n\n/**\n * Opens the login flyout so it renders for both mobile & desktop\n * @param {any} $event - click event if needed\n */\nFlyOut.openFlyout = function ($event) {\n const isMobile = responsive.isMobile();\n if (isMobile && $(mobileFlyout).length === 0) {\n $(desktopFlyout).clone().appendTo('.mobile-flyout');\n }\n\n $(desktopFlyout).toggleClass('d-none', isMobile);\n $(mobileFlyout).toggleClass('d-none', !isMobile);\n\n if ($event) {\n $event.preventDefault();\n $event.stopPropagation();\n }\n\n FlyOut.makeFlyoutVisible();\n};\n\n/**\n * Shows the login flyout\n */\nFlyOut.makeFlyoutVisible = function () {\n // Close all other flyouts\n closeFlyouts.closeSearchSuggestions();\n\n $header.addClass('flyout-open');\n $(loginFlyout).slideDown('fast');\n loginContainer.addClass('open');\n overlay.insertBefore($(loginFlyout));\n FlyOut.onOverlayClick();\n $('.modal-background-page').show();\n};\n\n/**\n * Hides the login flyout\n */\nFlyOut.hideFlyout = function () {\n $(loginFlyout).slideUp('fast');\n $header.removeClass('flyout-open');\n\n loginContainer.removeClass('open');\n overlay.remove();\n $('.modal-background-page').hide();\n};\n\n/**\n * The click listener for the login link\n */\nFlyOut.onClick = function () {\n loginContainer.click(function ($event) {\n FlyOut.openFlyout($event);\n });\n};\n\nFlyOut.onOverlayClick = function () {\n overlay.onClick(FlyOut.hideFlyout);\n};\n\n/**\n * Click listener for the flyout close button or esc key press\n */\nFlyOut.onCloseClick = function () {\n $(document).on('click', '.header-flyout-content-close', function () {\n FlyOut.hideFlyout();\n });\n\n $(document).keyup(function (e) {\n if (e.keyCode === 27) FlyOut.hideFlyout(); // esc\n });\n};\n\n/**\n * Event listener for the device orientation change\n */\nFlyOut.onOrientationChange = function () {\n win.bind('orientationchange', function () {\n FlyOut.hideFlyout();\n });\n};\n\n/**\n * Click listener for the flyout login button\n */\nFlyOut.login = () => {\n $('form.login [type=\"submit\"]').prop('disabled', false);\n\n $(document).on('submit', 'form.login', function (e) {\n var form = $(this);\n e.preventDefault();\n var url = form.attr('action');\n\n form.spinner().start();\n Recaptcha.generateToken('account_login').then(function (token) {\n var dataAction = $('.page').data('action') || 'Home-Show';\n if (dataAction === 'Search-Show' || dataAction === 'Page-Show') {\n dataAction += '?' + $('.page').data('querystring');\n }\n var requestData = form.serialize();\n requestData += '&endpoint=' + dataAction + '&g-recaptcha-response=' + token;\n\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: requestData,\n success: function (data) {\n form.spinner().stop();\n if (data.success && data.redirectUrl) {\n form.trigger('login:success');\n location.href = data.redirectUrl;\n } else if (!data.success && data.redirectUrl) {\n location.href = data.redirectUrl;\n } else if (!data.success) {\n formValidation(form, data);\n form.trigger('login:error');\n } else if (form.parents('.header-flyout-content').length) {\n const $csrfErrorPage = $('.js-csrf-error-page');\n\n form.trigger('login:error');\n\n if ($csrfErrorPage.length) {\n location.href = $csrfErrorPage.data('homepage-url');\n } else {\n location.reload(true);\n }\n }\n },\n error: function (data) {\n form.trigger('login:error');\n\n if (data.responseJSON.redirectUrl) {\n window.location.href = data.responseJSON.redirectUrl;\n } else {\n form.spinner().stop();\n }\n }\n });\n });\n return false;\n });\n};\n\nmodule.exports = FlyOut;\n","'use strict';\n\n/**\n * Updates product icon depending on if product was added to the wishlist or removed.\n * @param {boolean} adding - True if we were adding a product to the wishlist. False if we were removing one.\n * @param {Object} $button - button that was clicked to add/remove a product to the wishlist\n */\nfunction updateProductIcon(adding, $button) {\n if (adding) {\n $button.find('.icon')\n .removeClass('icon-wishlist-add')\n .addClass('icon-wishlist-added')\n .parent()\n .attr('title', function () {\n return $(this).data('remove-title');\n })\n .attr('data-added', 'true');\n } else {\n $button.find('.icon')\n .removeClass('icon-wishlist-added')\n .addClass('icon-wishlist-add')\n .parent()\n .attr('title', function () {\n return $(this).data('add-title');\n })\n .removeAttr('data-added');\n }\n}\n\n/**\n * Updates header's icon count and changes its icon depending on whether if it has any product or not\n * @param {Object} data - Response\n */\nfunction updateHeaderIcon(data) {\n if (data && data.products) {\n const $wishlist = $('.wishlist-count');\n $wishlist.attr('data-products', data.products);\n $wishlist.text(data.count);\n if (data.count > 0) {\n $wishlist.prev()\n .removeClass('icon-wishlist')\n .addClass('icon-wishlist-active');\n } else {\n $wishlist.prev()\n .removeClass('icon-wishlist-active')\n .addClass('icon-wishlist');\n }\n }\n}\n\nmodule.exports = {\n addToWishlist: function () {\n $('body').on('click', '.add-to-wish-list', function (e) {\n e.preventDefault();\n const adding = !$(this).attr('data-added');\n const url = adding ? $(this).attr('data-add-url') : $(this).attr('data-remove-url');\n const pid = $(this).closest('[data-pid]').data('pid');\n let optionId = $(this).closest('.product-detail').find('.product-option').attr('data-option-id');\n let 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 || !pid) {\n return;\n }\n\n $.spinner().start();\n $.ajax({\n url: url,\n type: adding ? 'post' : 'get',\n dataType: 'json',\n data: {\n pid: pid,\n optionId: optionId,\n optionVal: optionVal\n }\n })\n .done(data => {\n updateProductIcon(adding, $(this));\n updateHeaderIcon(data);\n })\n .always(() => $.spinner().stop());\n });\n },\n initProducts: function () {\n /**\n * Sets wishlist icon active for products already added to the wishlist\n */\n function updateProductsWishlistIcons() {\n const products = JSON.parse($('.wishlist-count').attr('data-products'));\n products.forEach(productSku => {\n var productIcons = $(`[data-pid=\"${productSku}\"]`).find('.add-to-wish-list:first');\n updateProductIcon(true, productIcons);\n });\n $('.add-to-wish-list').removeClass('d-none');\n }\n\n updateProductsWishlistIcons();\n\n $(document).on('search:showMore', updateProductsWishlistIcons);\n $(document).on('search:filter', updateProductsWishlistIcons);\n },\n updateHeaderIcon: updateHeaderIcon\n};\n","'use strict';\n\nvar closeFlyouts = {};\n\n// ------------------------------\n// SEARCH SUGGESTIONS\n// ------------------------------\n\n/**\n * Toggle search field icon from search to close and vice-versa\n *\n * @param {string} action - Action to toggle to\n */\ncloseFlyouts.toggleSuggestionsIcon = function (action) {\n var mobileSearchIcon = '.search-mobile button.';\n var iconSearch = 'fa-search';\n var iconSearchClose = 'fa-close';\n\n if (action === 'close') {\n $(mobileSearchIcon + iconSearch).removeClass(iconSearch).addClass(iconSearchClose).attr('type', 'button');\n } else {\n $(mobileSearchIcon + iconSearchClose).removeClass(iconSearchClose).addClass(iconSearch).attr('type', 'submit');\n }\n};\n\n/**\n * Remove modal classes needed for mobile suggestions\n *\n */\ncloseFlyouts.clearSuggestionsModals = function () {\n $('body').removeClass('modal-open');\n $('header').removeClass('flyout-open').siblings().attr('aria-hidden', 'false');\n $('.suggestions').removeClass('modal');\n};\n\n/**\n * Tear down Suggestions panel\n */\ncloseFlyouts.tearDownSuggestions = function () {\n $('input.search-field').val('');\n closeFlyouts.clearSuggestionsModals();\n $('.search-mobile .suggestions').unbind('scroll');\n $('.suggestions-wrapper').empty();\n};\n\n/**\n * Close search suggestions modal\n */\ncloseFlyouts.closeSearchSuggestions = function () {\n if ($('.suggestions').length > 0) {\n $('.suggestions').hide();\n closeFlyouts.toggleSuggestionsIcon('search');\n closeFlyouts.tearDownSuggestions();\n }\n};\n\n// ------------------------------\n// MINICART\n// ------------------------------\n\n/**\n * Close all modals when hover over minicart\n */\ncloseFlyouts.onHoverMinicart = function () {\n $('.minicart').on('mouseenter', function () {\n closeFlyouts.closeSearchSuggestions();\n });\n};\n\n// ------------------------------\n// INIT\n// ------------------------------\n\ncloseFlyouts.init = function () {\n closeFlyouts.onHoverMinicart();\n};\n\nmodule.exports = closeFlyouts;\n","/**\n * Fetches the current transparant overlay instance\n * @returns {jQuery} The element\n */\nfunction getInstance() {\n return $('.transparant-overlay');\n}\n\n/**\n * Appends an overlay div into the element\n * @param {jQuery} element The element to append the overlay into\n * @param {boolean} ignoreScroll don't disable body scroll\n */\nfunction insertBefore(element) {\n if (!getInstance().length) {\n $('').insertBefore(element);\n }\n}\n\n/**\n * Removes the transparant overlay\n */\nfunction remove() {\n getInstance().detach();\n}\n\n/**\n * Click listener for the transparant overlay\n * @param {Function} callback The callback function to execute on click\n */\nfunction onClick(callback) {\n getInstance().click(function () {\n callback();\n $('body').focus();\n });\n}\n\nmodule.exports = {\n insertBefore: insertBefore,\n remove: remove,\n getInstance: getInstance,\n onClick: onClick\n};\n","'use strict';\n\nmodule.exports = {\n addRecaptchaToForm: function (form, action) {\n grecaptcha.ready(function () {\n var key = $('.js-captchaKey').text();\n grecaptcha.execute(key, { action: action })\n .then(function (token) {\n $(form).find('input[name=\"g-recaptcha-response\"]').remove();\n\n $('').attr({\n type: 'hidden',\n name: 'g-recaptcha-response',\n value: token\n }).appendTo(form);\n });\n });\n },\n generateToken: function (action) {\n var key = $('.js-captchaKey').text();\n if (!key || key === 'null') {\n return new Promise((resolve) => resolve());\n }\n return grecaptcha.execute(key, { action: action });\n }\n};\n","var Responsive = {};\n\nResponsive.getBreakpoint = function (breakpoint) {\n var stringValue = getComputedStyle(document.documentElement).getPropertyValue('--breakpoint-' + breakpoint);\n return parseInt(stringValue.replace(/(.*)px$/, '$1'), 10);\n};\n\nResponsive.isBelowBreakpoint = function (breakpoint) {\n return window.innerWidth < Responsive.getBreakpoint(breakpoint);\n};\n\nResponsive.isEqualOrBelowBreakpoint = function (breakpoint) {\n return window.innerWidth <= Responsive.getBreakpoint(breakpoint);\n};\n\n/**\n * Checks if the current browser window is in mobile view or not\n * @returns {boolean} The boolean result of the test\n */\nResponsive.isMobile = function () {\n return Responsive.isEqualOrBelowBreakpoint('md');\n};\n\n\n/**\n * Checks if the current browser window is in mobile or tablet view or not\n * @returns {boolean} The boolean result of the test\n */\nResponsive.isTabletOrSmaller = function () {\n return Responsive.isBelowBreakpoint('lg');\n};\n\nmodule.exports = Responsive;\n","'use strict';\n\n/**\n *\n * @param {jQuery} $form the form element containing invalid fields\n */\nfunction scrollToFirstInvalidElement($form) {\n var $target = $form.find('.invalid-feedback').closest(':visible');\n if ($target && $target.length > 0) {\n $('html, body')\n .animate({\n scrollTop: $target\n .offset().top - $('header').innerHeight()\n }, 500);\n }\n}\n\nmodule.exports = {\n scrollToFirstInvalidElement: scrollToFirstInvalidElement\n};\n","'use strict';\n\nvar processInclude = require('base/util');\n\n$(document).ready(function () {\n processInclude(require('./product/wishlist'));\n processInclude(require('./wishlist/wishlist'));\n processInclude(require('./wishlist/shareWishlistModal'));\n});\n","'use strict';\n\nmodule.exports = {\n submitShareList: function () {\n $('body').on('click', '.js-share-wishlist-submit', function (e) {\n e.preventDefault();\n\n var url = $(this).data('action');\n\n var shareListReceiverField = $('.share-list-receiver-field');\n var wishlistID = shareListReceiverField.data('wishlist-id');\n\n $.spinner().start();\n\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'html',\n data: {\n shareListReceiver: shareListReceiverField.val(),\n wishlistID: wishlistID\n },\n success: function () {\n $('.shareWishlistModal').modal('hide');\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n },\n\n makePublicList: function () {\n $('body').on('click', '.js-share-public-wishlist', function () {\n var url = $(this).data('url');\n var publicList = $(this).data('public');\n\n if (!publicList) {\n $.spinner().start();\n\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n success: function () {\n $.spinner().stop();\n },\n error: function () {\n // Show notification\n var $errorElement = $('.js-sharewishlist-public-error');\n var textContent = $errorElement.data('textcontent');\n $errorElement.text(textContent);\n\n $.spinner().stop();\n }\n });\n }\n });\n }\n};\n","'use strict';\n\nconst base = require('base/product/base');\nconst wishlistProduct = require('../product/wishlist');\nconst loginFlyout = require('../components/login-flyout');\nconst focusHelper = require('base/components/focus');\n\n/**\n * Generates the modal window on the first call.\n *\n */\nfunction getModalHtmlElement() {\n if ($('#editProductModal').length !== 0) {\n $('#editProductModal').remove();\n }\n var htmlString = ''\n + '
'\n + ''\n + '
'\n + ''\n + '
'\n + '
'\n + ' '\n + '
'\n + ''\n + ''\n + '
'\n + '
'\n + '
';\n $('body').append(htmlString);\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 * 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 */\nfunction fillModalElement(editProductUrl) {\n $('#editWishlistProductModal').spinner().start();\n\n $.ajax({\n url: editProductUrl,\n method: 'GET',\n dataType: 'json',\n success: function (data) {\n var parsedHtml = parseHtml(data.renderedTemplate);\n\n $('#editWishlistProductModal .modal-body').empty();\n $('#editWishlistProductModal .modal-body').html(parsedHtml.body);\n $('#editWishlistProductModal .modal-footer').html(parsedHtml.footer);\n $('#editWishlistProductModal .modal-header .close .sr-only').text(data.closeButtonText);\n $('#editWishlistProductModal .enter-message').text(data.enterDialogMessage);\n $('#editWishlistProductModal').modal('show');\n $('body').trigger('editwishlistproduct:ready');\n $.spinner().stop();\n },\n error: function () {\n $('#editWishlistProductModal').spinner().stop();\n }\n });\n}\n\n/**\n * show toast response\n * @param {Object} res - from the call to set the public status of a list or item in a list\n */\nfunction showResponseMsg(res) {\n $.spinner().stop();\n var status;\n\n if (res.success) {\n status = 'alert-success';\n } else {\n status = 'alert-danger';\n }\n\n if ($('.add-to-wishlist-messages').length === 0) {\n $('body').append(\n ''\n );\n }\n\n $('.add-to-wishlist-messages')\n .append('
' + res.msg + '
');\n\n setTimeout(function () {\n $('.add-to-wishlist-messages').remove();\n }, 3000);\n}\n\n/**\n * toggles the public / private status of the item or wishlist 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 showResponseMsg(data, null);\n },\n error: function (err) {\n if (callback) { callback(); }\n showResponseMsg(err);\n }\n });\n}\n/**\n * @param {Object} $elementAppendTo - The element to append error html to\n * @param {string} msg - The error message\n * display error message if remove item from wishlist failed\n */\nfunction displayErrorMessage($elementAppendTo, msg) {\n if ($('.remove-from-wishlist-messages').length === 0) {\n $elementAppendTo.append(\n ''\n );\n }\n $('.remove-from-wishlist-messages')\n .append('
' + msg + '
');\n\n setTimeout(function () {\n $('.remove-from-wishlist-messages').remove();\n }, 3000);\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 * @param {number} pageSize - number of items on one page\n */\nfunction renderNewPageOfItems(pageNumber, spinner, focusElementSelector, pageSize) {\n var publicView = $('.wishlistItemCardsData').data('public-view');\n var listUUID = $('.wishlistItemCardsData').data('uuid');\n var url = $('.wishlistItemCardsData').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 pagesize: pageSize,\n publicView: publicView,\n id: listUUID\n }\n }).done(function (data) {\n $('.wishlistItemCards').empty();\n $('body .wishlistItemCards').append(data);\n\n if (focusElementSelector) {\n $(focusElementSelector).focus();\n } else {\n document.documentElement.scrollTop = scrollPosition;\n }\n $.spinner().stop();\n }).fail(function () {\n $('.more-wl-items').remove();\n $.spinner().stop();\n });\n}\n\nmodule.exports = {\n removeFromWishlist: function () {\n $('body').on('click', '.remove-from-wish-list', function (e) {\n e.preventDefault();\n var url = $(this).data('url');\n var elMyAccount = $('.account-wishlist-item').length;\n\n // If user is in my account page, call removeWishlistAccount() end point, re-render wishlist cards\n if (elMyAccount > 0) {\n $('.wishlist-account-card').spinner().start();\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'html',\n data: {},\n success: function (data) {\n $('.wishlist-account-card>.card').remove();\n $('.wishlist-account-card').append(data);\n $('.wishlist-account-card').spinner().stop();\n wishlistProduct.updateHeaderIcon(data);\n },\n error: function () {\n var $elToAppend = $('.wishlist-account-card');\n $elToAppend.spinner().stop();\n var msg = $elToAppend.data('error-msg');\n displayErrorMessage($elToAppend, msg);\n }\n });\n // else user is in wishlist landing page, call removeProduct() end point, then remove this card\n } else {\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n data: {},\n success: function (data) {\n var pageNumber = $('.wishlistItemCardsData').data('page-number') - 1;\n renderNewPageOfItems(pageNumber, false);\n wishlistProduct.updateHeaderIcon(data);\n },\n error: function () {\n $.spinner().stop();\n var $elToAppendWL = $('.wishlistItemCards');\n var msg = $elToAppendWL.data('error-msg');\n displayErrorMessage($elToAppendWL, msg);\n }\n });\n }\n });\n },\n\n removeAllFromWishlist: function () {\n $('body').on('click', '.remove-all-from-wishlist', function (e) {\n e.preventDefault();\n var url = $(this).data('url');\n var elMyAccount = $('.account-wishlist-item').length;\n\n // If user is in my account page, call removeWishlistAccount() end point, re-render wishlist cards\n if (elMyAccount > 0) {\n $('.wishlist-account-card').spinner().start();\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'html',\n data: {},\n success: function (data) {\n $('.wishlist-account-card>.card').remove();\n $('.wishlist-account-card').append(data);\n $('.wishlist-account-card').spinner().stop();\n wishlistProduct.updateHeaderIcon(data);\n },\n error: function () {\n var $elToAppend = $('.wishlist-account-card');\n $elToAppend.spinner().stop();\n var msg = $elToAppend.data('error-msg');\n displayErrorMessage($elToAppend, msg);\n }\n });\n // else user is in wishlist landing page, call removeProduct() end point, then remove this card\n } else {\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n data: {},\n success: function (data) {\n var pageNumber = $('.wishlistItemCardsData').data('page-number') - 1;\n renderNewPageOfItems(pageNumber, false);\n wishlistProduct.updateHeaderIcon(data);\n },\n error: function () {\n $.spinner().stop();\n var $elToAppendWL = $('.wishlistItemCards');\n var msg = $elToAppendWL.data('error-msg');\n displayErrorMessage($elToAppendWL, msg);\n }\n });\n }\n });\n },\n\n viewProductViaEdit: function () {\n $('body').on('click', '.edit-add-to-wishlist .edit', function (e) {\n e.preventDefault();\n\n var editProductUrl = $(this).attr('href');\n $(e.target).trigger('editwishlistproduct:show');\n getModalHtmlElement();\n fillModalElement(editProductUrl);\n });\n },\n\n viewProductViaSelectAttribute: function () {\n $('body').on('click', '.select-attributes-btn', function (e) {\n e.preventDefault();\n\n var editProductUrl = $(this).data('get-product-url');\n getModalHtmlElement();\n fillModalElement(editProductUrl);\n });\n },\n\n focusEditWishlistProductModal: function () {\n $('body').on('shown.bs.modal', '#editWishlistProductModal', function () {\n $('#editWishlistProductModal').siblings().attr('aria-hidden', 'true');\n $('#editWishlistProductModal .close').focus();\n });\n },\n\n onClosingEditWishlistProductModal: function () {\n $('body').on('hidden.bs.modal', '#editWishlistProductModal', function () {\n $('#editWishlistProductModal').remove();\n $('.modal-backdrop').remove();\n $('body').removeClass('modal-open');\n\n $('#editWishlistProductModal').siblings().attr('aria-hidden', 'false');\n });\n },\n\n trapEditWishlistProductModalFocus: function () {\n $('body').on('keydown', '#editWishlistProductModal', function (e) {\n var focusParams = {\n event: e,\n containerSelector: '#editWishlistProductModal',\n firstElementSelector: '.close',\n lastElementSelector: '.btn-update-wishlist-product',\n nextToLastElementSelector: '.select-size'\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n },\n\n updateWishlistUpdateButton: function () {\n $('body').on('product:updateAddToCart', function (e, response) {\n response.$productContainer.find('.btn-update-wishlist-product').attr('disabled', !response.product.readyToOrder || !response.product.available);\n });\n },\n\n updateWishListItem: function () {\n $('body').on('click', '.btn-update-wishlist-product', function (e) {\n e.preventDefault();\n\n var updateButtonBlock = $(this).closest('.wishlist-item-update-button-block').find('.update-wishlist-url');\n var updateProductUrl = updateButtonBlock.val();\n var uuid = updateButtonBlock.data('uuid');\n\n var form = {\n uuid: uuid,\n pid: base.getPidValue($(this))\n };\n\n $('#editWishlistProductModal').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 $('#editWishlistProductModal').spinner().stop();\n $('#editWishlistProductModal').remove();\n $('.modal-backdrop').remove();\n $('body').removeClass('modal-open');\n var pageNumber = $('.wishlistItemCardsData').data('page-number') - 1;\n renderNewPageOfItems(pageNumber, false, '.product-info .edit-add-to-wishlist .edit:first');\n },\n error: function () {\n var msg = $('.btn-update-wishlist-product').data('error-msg');\n\n $('#editWishlistProductModal').spinner().stop();\n $('#editWishlistProductModal').remove();\n $('.modal-backdrop').remove();\n $('body').removeClass('modal-open');\n\n if ($('.update-wishlist-messages').length === 0) {\n $('body').append(\n ''\n );\n }\n\n $('.update-wishlist-messages')\n .append('
' + msg + '
');\n\n setTimeout(function () {\n $('.update-wishlist-messages').remove();\n }, 5000);\n }\n });\n });\n },\n\n toggleWishlistStatus: function () {\n $('#isPublicList').on('click', function () {\n var listID = $('#isPublicList').data('id');\n updatePublicStatus(listID, null, null);\n });\n },\n\n toggleWishlistItemStatus: function () {\n $('body').on('click', '.wishlist-item-checkbox', function () {\n var itemID = $(this).closest('.wishlist-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 addToCartFromWishlist: function () {\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('.input-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 $.spinner().start();\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: form,\n success: function (data) {\n $('.minicart').trigger('count:update', data);\n if (!data.error) {\n $('body').trigger('product:afterAddToCart', data);\n } else {\n // Show message when added / or couldn't be added to the cart\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append(\n ''\n );\n }\n $('.add-to-cart-messages').append(\n '
'\n + data.message\n + '
'\n );\n // Remove message after certain amount of time\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n }, 5000);\n }\n $.spinner().stop();\n base.miniCartReportingUrl(data.reportingURL, data.error);\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n });\n },\n moreWLItems: function () {\n $('body').on('click', '.more-wl-items', function () {\n var pageNumber = $('.wishlistItemCardsData').data('page-number');\n renderNewPageOfItems(pageNumber, true);\n });\n },\n copyWishlistLink: function () {\n $('body').on('click', '.fa-link', function () {\n var $temp = $('');\n $('body').append($temp);\n $temp.val($('#shareUrl').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 submitWishlistSearch: function () {\n $('body').on('click', '#wishlist-search button', function (e) {\n var firstName = $('#wishlist-search-first-name').val();\n var lastName = $('#wishlist-search-last-name').val();\n var email = $('#wishlist-search-email').val();\n\n if ((!firstName && !lastName && !email)\n || (firstName && !lastName && !email)\n || (!firstName && lastName && !email)) {\n e.preventDefault();\n $('.wishlist-error-search div').addClass('alert alert-danger');\n var errorText = $('.wishlist-error-search').data('error-msg');\n $('.wishlist-error-search div').html(errorText);\n }\n });\n },\n moreWLSearchResults: function () {\n $('body').on('click', '.more-wl-results', function () {\n var firstName = $(this).data('search-fname');\n var lastName = $(this).data('search-lname');\n var pageNumber = $(this).data('page-number');\n var uuids = [];\n $('.wl-hit').each(function () {\n uuids.push($(this).find('a').data('id'));\n });\n var url = $(this).data('url');\n $.spinner().start();\n $.ajax({\n url: url,\n method: 'POST',\n data: {\n firstName: firstName,\n lastName: lastName,\n uuids: JSON.stringify(uuids),\n pageNumber: ++pageNumber\n },\n success: function (data) {\n if (data.results.changedList) {\n $('.wl-hits .wl-hit').remove();\n }\n $('#result-count').html(data.results.totalString);\n data.results.hits.forEach(function (hit) {\n var divString = '