').parent();\n _.$slideTrack.css('opacity', 0);\n\n if (_.options.centerMode === true || _.options.swipeToSlide === true) {\n _.options.slidesToScroll = 1;\n }\n\n $('img[data-lazy]', _.$slider).not('[src]').addClass('slick-loading');\n\n _.setupInfinite();\n\n _.buildArrows();\n\n _.buildDots();\n\n _.updateDots();\n\n\n _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);\n\n if (_.options.draggable === true) {\n _.$list.addClass('draggable');\n }\n\n };\n\n Slick.prototype.buildRows = function() {\n\n var _ = this, a, b, c, newSlides, numOfSlides, originalSlides,slidesPerSection;\n\n newSlides = document.createDocumentFragment();\n originalSlides = _.$slider.children();\n\n if(_.options.rows > 0) {\n\n slidesPerSection = _.options.slidesPerRow * _.options.rows;\n numOfSlides = Math.ceil(\n originalSlides.length / slidesPerSection\n );\n\n for(a = 0; a < numOfSlides; a++){\n var slide = document.createElement('div');\n for(b = 0; b < _.options.rows; b++) {\n var row = document.createElement('div');\n for(c = 0; c < _.options.slidesPerRow; c++) {\n var target = (a * slidesPerSection + ((b * _.options.slidesPerRow) + c));\n if (originalSlides.get(target)) {\n row.appendChild(originalSlides.get(target));\n }\n }\n slide.appendChild(row);\n }\n newSlides.appendChild(slide);\n }\n\n _.$slider.empty().append(newSlides);\n _.$slider.children().children().children()\n .css({\n 'width':(100 / _.options.slidesPerRow) + '%',\n 'display': 'inline-block'\n });\n\n }\n\n };\n\n Slick.prototype.checkResponsive = function(initial, forceUpdate) {\n\n var _ = this,\n breakpoint, targetBreakpoint, respondToWidth, triggerBreakpoint = false;\n var sliderWidth = _.$slider.width();\n var windowWidth = window.innerWidth || $(window).width();\n\n if (_.respondTo === 'window') {\n respondToWidth = windowWidth;\n } else if (_.respondTo === 'slider') {\n respondToWidth = sliderWidth;\n } else if (_.respondTo === 'min') {\n respondToWidth = Math.min(windowWidth, sliderWidth);\n }\n\n if ( _.options.responsive &&\n _.options.responsive.length &&\n _.options.responsive !== null) {\n\n targetBreakpoint = null;\n\n for (breakpoint in _.breakpoints) {\n if (_.breakpoints.hasOwnProperty(breakpoint)) {\n if (_.originalSettings.mobileFirst === false) {\n if (respondToWidth < _.breakpoints[breakpoint]) {\n targetBreakpoint = _.breakpoints[breakpoint];\n }\n } else {\n if (respondToWidth > _.breakpoints[breakpoint]) {\n targetBreakpoint = _.breakpoints[breakpoint];\n }\n }\n }\n }\n\n if (targetBreakpoint !== null) {\n if (_.activeBreakpoint !== null) {\n if (targetBreakpoint !== _.activeBreakpoint || forceUpdate) {\n _.activeBreakpoint =\n targetBreakpoint;\n if (_.breakpointSettings[targetBreakpoint] === 'unslick') {\n _.unslick(targetBreakpoint);\n } else {\n _.options = $.extend({}, _.originalSettings,\n _.breakpointSettings[\n targetBreakpoint]);\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n }\n triggerBreakpoint = targetBreakpoint;\n }\n } else {\n _.activeBreakpoint = targetBreakpoint;\n if (_.breakpointSettings[targetBreakpoint] === 'unslick') {\n _.unslick(targetBreakpoint);\n } else {\n _.options = $.extend({}, _.originalSettings,\n _.breakpointSettings[\n targetBreakpoint]);\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n }\n triggerBreakpoint = targetBreakpoint;\n }\n } else {\n if (_.activeBreakpoint !== null) {\n _.activeBreakpoint = null;\n _.options = _.originalSettings;\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n triggerBreakpoint = targetBreakpoint;\n }\n }\n\n // only trigger breakpoints during an actual break. not on initialize.\n if( !initial && triggerBreakpoint !== false ) {\n _.$slider.trigger('breakpoint', [_, triggerBreakpoint]);\n }\n }\n\n };\n\n Slick.prototype.changeSlide = function(event, dontAnimate) {\n\n var _ = this,\n $target = $(event.currentTarget),\n indexOffset, slideOffset, unevenOffset;\n\n // If target is a link, prevent default action.\n if($target.is('a')) {\n event.preventDefault();\n }\n\n // If target is not the
element (ie: a child), find the .\n if(!$target.is('li')) {\n $target = $target.closest('li');\n }\n\n unevenOffset = (_.slideCount % _.options.slidesToScroll !== 0);\n indexOffset = unevenOffset ? 0 : (_.slideCount - _.currentSlide) % _.options.slidesToScroll;\n\n switch (event.data.message) {\n\n case 'previous':\n slideOffset = indexOffset === 0 ? _.options.slidesToScroll : _.options.slidesToShow - indexOffset;\n if (_.slideCount > _.options.slidesToShow) {\n _.slideHandler(_.currentSlide - slideOffset, false, dontAnimate);\n }\n break;\n\n case 'next':\n slideOffset = indexOffset === 0 ? _.options.slidesToScroll : indexOffset;\n if (_.slideCount > _.options.slidesToShow) {\n _.slideHandler(_.currentSlide + slideOffset, false, dontAnimate);\n }\n break;\n\n case 'index':\n var index = event.data.index === 0 ? 0 :\n event.data.index || $target.index() * _.options.slidesToScroll;\n\n _.slideHandler(_.checkNavigable(index), false, dontAnimate);\n $target.children().trigger('focus');\n break;\n\n default:\n return;\n }\n\n };\n\n Slick.prototype.checkNavigable = function(index) {\n\n var _ = this,\n navigables, prevNavigable;\n\n navigables = _.getNavigableIndexes();\n prevNavigable = 0;\n if (index > navigables[navigables.length - 1]) {\n index = navigables[navigables.length - 1];\n } else {\n for (var n in navigables) {\n if (index < navigables[n]) {\n index = prevNavigable;\n break;\n }\n prevNavigable = navigables[n];\n }\n }\n\n return index;\n };\n\n Slick.prototype.cleanUpEvents = function() {\n\n var _ = this;\n\n if (_.options.dots && _.$dots !== null) {\n\n $('li', _.$dots)\n .off('click.slick', _.changeSlide)\n .off('mouseenter.slick', $.proxy(_.interrupt, _, true))\n .off('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n if (_.options.accessibility === true) {\n _.$dots.off('keydown.slick', _.keyHandler);\n }\n }\n\n _.$slider.off('focus.slick blur.slick');\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n _.$prevArrow && _.$prevArrow.off('click.slick', _.changeSlide);\n _.$nextArrow && _.$nextArrow.off('click.slick', _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$prevArrow && _.$prevArrow.off('keydown.slick', _.keyHandler);\n _.$nextArrow && _.$nextArrow.off('keydown.slick', _.keyHandler);\n }\n }\n\n _.$list.off('touchstart.slick mousedown.slick', _.swipeHandler);\n _.$list.off('touchmove.slick mousemove.slick', _.swipeHandler);\n _.$list.off('touchend.slick mouseup.slick', _.swipeHandler);\n _.$list.off('touchcancel.slick mouseleave.slick', _.swipeHandler);\n\n _.$list.off('click.slick', _.clickHandler);\n\n $(document).off(_.visibilityChange, _.visibility);\n\n _.cleanUpSlideEvents();\n\n if (_.options.accessibility === true) {\n _.$list.off('keydown.slick', _.keyHandler);\n }\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().off('click.slick', _.selectHandler);\n }\n\n $(window).off('orientationchange.slick.slick-' + _.instanceUid, _.orientationChange);\n\n $(window).off('resize.slick.slick-' + _.instanceUid, _.resize);\n\n $('[draggable!=true]', _.$slideTrack).off('dragstart', _.preventDefault);\n\n $(window).off('load.slick.slick-' + _.instanceUid, _.setPosition);\n\n };\n\n Slick.prototype.cleanUpSlideEvents = function() {\n\n var _ = this;\n\n _.$list.off('mouseenter.slick', $.proxy(_.interrupt, _, true));\n _.$list.off('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n };\n\n Slick.prototype.cleanUpRows = function() {\n\n var _ = this, originalSlides;\n\n if(_.options.rows > 0) {\n originalSlides = _.$slides.children().children();\n originalSlides.removeAttr('style');\n _.$slider.empty().append(originalSlides);\n }\n\n };\n\n Slick.prototype.clickHandler = function(event) {\n\n var _ = this;\n\n if (_.shouldClick === false) {\n event.stopImmediatePropagation();\n event.stopPropagation();\n event.preventDefault();\n }\n\n };\n\n Slick.prototype.destroy = function(refresh) {\n\n var _ = this;\n\n _.autoPlayClear();\n\n _.touchObject = {};\n\n _.cleanUpEvents();\n\n $('.slick-cloned', _.$slider).detach();\n\n if (_.$dots) {\n _.$dots.remove();\n }\n\n if ( _.$prevArrow && _.$prevArrow.length ) {\n\n _.$prevArrow\n .removeClass('slick-disabled slick-arrow slick-hidden')\n .removeAttr('aria-hidden aria-disabled tabindex')\n .css('display','');\n\n if ( _.htmlExpr.test( _.options.prevArrow )) {\n _.$prevArrow.remove();\n }\n }\n\n if ( _.$nextArrow && _.$nextArrow.length ) {\n\n _.$nextArrow\n .removeClass('slick-disabled slick-arrow slick-hidden')\n .removeAttr('aria-hidden aria-disabled tabindex')\n .css('display','');\n\n if ( _.htmlExpr.test( _.options.nextArrow )) {\n _.$nextArrow.remove();\n }\n }\n\n\n if (_.$slides) {\n\n _.$slides\n .removeClass('slick-slide slick-active slick-center slick-visible slick-current')\n .removeAttr('aria-hidden')\n .removeAttr('data-slick-index')\n .each(function(){\n $(this).attr('style', $(this).data('originalStyling'));\n });\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.detach();\n\n _.$list.detach();\n\n _.$slider.append(_.$slides);\n }\n\n _.cleanUpRows();\n\n _.$slider.removeClass('slick-slider');\n _.$slider.removeClass('slick-initialized');\n _.$slider.removeClass('slick-dotted');\n\n _.unslicked = true;\n\n if(!refresh) {\n _.$slider.trigger('destroy', [_]);\n }\n\n };\n\n Slick.prototype.disableTransition = function(slide) {\n\n var _ = this,\n transition = {};\n\n transition[_.transitionType] = '';\n\n if (_.options.fade === false) {\n _.$slideTrack.css(transition);\n } else {\n _.$slides.eq(slide).css(transition);\n }\n\n };\n\n Slick.prototype.fadeSlide = function(slideIndex, callback) {\n\n var _ = this;\n\n if (_.cssTransitions === false) {\n\n _.$slides.eq(slideIndex).css({\n zIndex: _.options.zIndex\n });\n\n _.$slides.eq(slideIndex).animate({\n opacity: 1\n }, _.options.speed, _.options.easing, callback);\n\n } else {\n\n _.applyTransition(slideIndex);\n\n _.$slides.eq(slideIndex).css({\n opacity: 1,\n zIndex: _.options.zIndex\n });\n\n if (callback) {\n setTimeout(function() {\n\n _.disableTransition(slideIndex);\n\n callback.call();\n }, _.options.speed);\n }\n\n }\n\n };\n\n Slick.prototype.fadeSlideOut = function(slideIndex) {\n\n var _ = this;\n\n if (_.cssTransitions === false) {\n\n _.$slides.eq(slideIndex).animate({\n opacity: 0,\n zIndex: _.options.zIndex - 2\n }, _.options.speed, _.options.easing);\n\n } else {\n\n _.applyTransition(slideIndex);\n\n _.$slides.eq(slideIndex).css({\n opacity: 0,\n zIndex: _.options.zIndex - 2\n });\n\n }\n\n };\n\n Slick.prototype.filterSlides = Slick.prototype.slickFilter = function(filter) {\n\n var _ = this;\n\n if (filter !== null) {\n\n _.$slidesCache = _.$slides;\n\n _.unload();\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slidesCache.filter(filter).appendTo(_.$slideTrack);\n\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.focusHandler = function() {\n\n var _ = this;\n\n _.$slider\n .off('focus.slick blur.slick')\n .on('focus.slick blur.slick', '*', function(event) {\n\n event.stopImmediatePropagation();\n var $sf = $(this);\n\n setTimeout(function() {\n\n if( _.options.pauseOnFocus ) {\n _.focussed = $sf.is(':focus');\n _.autoPlay();\n }\n\n }, 0);\n\n });\n };\n\n Slick.prototype.getCurrent = Slick.prototype.slickCurrentSlide = function() {\n\n var _ = this;\n return _.currentSlide;\n\n };\n\n Slick.prototype.getDotCount = function() {\n\n var _ = this;\n\n var breakPoint = 0;\n var counter = 0;\n var pagerQty = 0;\n\n if (_.options.infinite === true) {\n if (_.slideCount <= _.options.slidesToShow) {\n ++pagerQty;\n } else {\n while (breakPoint < _.slideCount) {\n ++pagerQty;\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n }\n } else if (_.options.centerMode === true) {\n pagerQty = _.slideCount;\n } else if(!_.options.asNavFor) {\n pagerQty = 1 + Math.ceil((_.slideCount - _.options.slidesToShow) / _.options.slidesToScroll);\n }else {\n while (breakPoint < _.slideCount) {\n ++pagerQty;\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n }\n\n return pagerQty - 1;\n\n };\n\n Slick.prototype.getLeft = function(slideIndex) {\n\n var _ = this,\n targetLeft,\n verticalHeight,\n verticalOffset = 0,\n targetSlide,\n coef;\n\n _.slideOffset = 0;\n verticalHeight = _.$slides.first().outerHeight(true);\n\n if (_.options.infinite === true) {\n if (_.slideCount > _.options.slidesToShow) {\n _.slideOffset = (_.slideWidth * _.options.slidesToShow) * -1;\n coef = -1\n\n if (_.options.vertical === true && _.options.centerMode === true) {\n if (_.options.slidesToShow === 2) {\n coef = -1.5;\n } else if (_.options.slidesToShow === 1) {\n coef = -2\n }\n }\n verticalOffset = (verticalHeight * _.options.slidesToShow) * coef;\n }\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n if (slideIndex + _.options.slidesToScroll > _.slideCount && _.slideCount > _.options.slidesToShow) {\n if (slideIndex > _.slideCount) {\n _.slideOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * _.slideWidth) * -1;\n verticalOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * verticalHeight) * -1;\n } else {\n _.slideOffset = ((_.slideCount % _.options.slidesToScroll) * _.slideWidth) * -1;\n verticalOffset = ((_.slideCount % _.options.slidesToScroll) * verticalHeight) * -1;\n }\n }\n }\n } else {\n if (slideIndex + _.options.slidesToShow > _.slideCount) {\n _.slideOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * _.slideWidth;\n verticalOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * verticalHeight;\n }\n }\n\n if (_.slideCount <= _.options.slidesToShow) {\n _.slideOffset = 0;\n verticalOffset = 0;\n }\n\n if (_.options.centerMode === true && _.slideCount <= _.options.slidesToShow) {\n _.slideOffset = ((_.slideWidth * Math.floor(_.options.slidesToShow)) / 2) - ((_.slideWidth * _.slideCount) / 2);\n } else if (_.options.centerMode === true && _.options.infinite === true) {\n _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2) - _.slideWidth;\n } else if (_.options.centerMode === true) {\n _.slideOffset = 0;\n _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2);\n }\n\n if (_.options.vertical === false) {\n targetLeft = ((slideIndex * _.slideWidth) * -1) + _.slideOffset;\n } else {\n targetLeft = ((slideIndex * verticalHeight) * -1) + verticalOffset;\n }\n\n if (_.options.variableWidth === true) {\n\n if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);\n } else {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow);\n }\n\n if (_.options.rtl === true) {\n if (targetSlide[0]) {\n targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\n } else {\n targetLeft = 0;\n }\n } else {\n targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\n }\n\n if (_.options.centerMode === true) {\n if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);\n } else {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow + 1);\n }\n\n if (_.options.rtl === true) {\n if (targetSlide[0]) {\n targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\n } else {\n targetLeft = 0;\n }\n } else {\n targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\n }\n\n targetLeft += (_.$list.width() - targetSlide.outerWidth()) / 2;\n }\n }\n\n return targetLeft;\n\n };\n\n Slick.prototype.getOption = Slick.prototype.slickGetOption = function(option) {\n\n var _ = this;\n\n return _.options[option];\n\n };\n\n Slick.prototype.getNavigableIndexes = function() {\n\n var _ = this,\n breakPoint = 0,\n counter = 0,\n indexes = [],\n max;\n\n if (_.options.infinite === false) {\n max = _.slideCount;\n } else {\n breakPoint = _.options.slidesToScroll * -1;\n counter = _.options.slidesToScroll * -1;\n max = _.slideCount * 2;\n }\n\n while (breakPoint < max) {\n indexes.push(breakPoint);\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n\n return indexes;\n\n };\n\n Slick.prototype.getSlick = function() {\n\n return this;\n\n };\n\n Slick.prototype.getSlideCount = function() {\n\n var _ = this,\n slidesTraversed, swipedSlide, centerOffset;\n\n centerOffset = _.options.centerMode === true ? _.slideWidth * Math.floor(_.options.slidesToShow / 2) : 0;\n\n if (_.options.swipeToSlide === true) {\n _.$slideTrack.find('.slick-slide').each(function(index, slide) {\n if (slide.offsetLeft - centerOffset + ($(slide).outerWidth() / 2) > (_.swipeLeft * -1)) {\n swipedSlide = slide;\n return false;\n }\n });\n\n slidesTraversed = Math.abs($(swipedSlide).attr('data-slick-index') - _.currentSlide) || 1;\n\n return slidesTraversed;\n\n } else {\n return _.options.slidesToScroll;\n }\n\n };\n\n Slick.prototype.goTo = Slick.prototype.slickGoTo = function(slide, dontAnimate) {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'index',\n index: parseInt(slide)\n }\n }, dontAnimate);\n\n };\n\n Slick.prototype.init = function(creation) {\n\n var _ = this;\n\n if (!$(_.$slider).hasClass('slick-initialized')) {\n\n $(_.$slider).addClass('slick-initialized');\n\n _.buildRows();\n _.buildOut();\n _.setProps();\n _.startLoad();\n _.loadSlider();\n _.initializeEvents();\n _.updateArrows();\n _.updateDots();\n _.checkResponsive(true);\n _.focusHandler();\n\n }\n\n if (creation) {\n _.$slider.trigger('init', [_]);\n }\n\n if (_.options.accessibility === true) {\n _.initADA();\n }\n\n if ( _.options.autoplay ) {\n\n _.paused = false;\n _.autoPlay();\n\n }\n\n };\n\n Slick.prototype.initADA = function() {\n var _ = this,\n numDotGroups = Math.ceil(_.slideCount / _.options.slidesToShow),\n tabControlIndexes = _.getNavigableIndexes().filter(function(val) {\n return (val >= 0) && (val < _.slideCount);\n });\n\n _.$slides.add(_.$slideTrack.find('.slick-cloned')).attr({\n 'aria-hidden': 'true',\n 'tabindex': '-1'\n }).find('a, input, button, select').attr({\n 'tabindex': '-1'\n });\n\n if (_.$dots !== null) {\n _.$slides.not(_.$slideTrack.find('.slick-cloned')).each(function(i) {\n var slideControlIndex = tabControlIndexes.indexOf(i);\n\n $(this).attr({\n 'role': 'tabpanel',\n 'id': 'slick-slide' + _.instanceUid + i,\n 'tabindex': -1\n });\n\n if (slideControlIndex !== -1) {\n var ariaButtonControl = 'slick-slide-control' + _.instanceUid + slideControlIndex\n if ($('#' + ariaButtonControl).length) {\n $(this).attr({\n 'aria-describedby': ariaButtonControl\n });\n }\n }\n });\n\n _.$dots.attr('role', 'tablist').find('li').each(function(i) {\n var mappedSlideIndex = tabControlIndexes[i];\n\n $(this).attr({\n 'role': 'presentation'\n });\n\n $(this).find('button').first().attr({\n 'role': 'tab',\n 'id': 'slick-slide-control' + _.instanceUid + i,\n 'aria-controls': 'slick-slide' + _.instanceUid + mappedSlideIndex,\n 'aria-label': (i + 1) + ' of ' + numDotGroups,\n 'aria-selected': null,\n 'tabindex': '-1'\n });\n\n }).eq(_.currentSlide).find('button').attr({\n 'aria-selected': 'true',\n 'tabindex': '0'\n }).end();\n }\n\n for (var i=_.currentSlide, max=i+_.options.slidesToShow; i < max; i++) {\n if (_.options.focusOnChange) {\n _.$slides.eq(i).attr({'tabindex': '0'});\n } else {\n _.$slides.eq(i).removeAttr('tabindex');\n }\n }\n\n _.activateADA();\n\n };\n\n Slick.prototype.initArrowEvents = function() {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n _.$prevArrow\n .off('click.slick')\n .on('click.slick', {\n message: 'previous'\n }, _.changeSlide);\n _.$nextArrow\n .off('click.slick')\n .on('click.slick', {\n message: 'next'\n }, _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$prevArrow.on('keydown.slick', _.keyHandler);\n _.$nextArrow.on('keydown.slick', _.keyHandler);\n }\n }\n\n };\n\n Slick.prototype.initDotEvents = function() {\n\n var _ = this;\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n $('li', _.$dots).on('click.slick', {\n message: 'index'\n }, _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$dots.on('keydown.slick', _.keyHandler);\n }\n }\n\n if (_.options.dots === true && _.options.pauseOnDotsHover === true && _.slideCount > _.options.slidesToShow) {\n\n $('li', _.$dots)\n .on('mouseenter.slick', $.proxy(_.interrupt, _, true))\n .on('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n }\n\n };\n\n Slick.prototype.initSlideEvents = function() {\n\n var _ = this;\n\n if ( _.options.pauseOnHover ) {\n\n _.$list.on('mouseenter.slick', $.proxy(_.interrupt, _, true));\n _.$list.on('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n }\n\n };\n\n Slick.prototype.initializeEvents = function() {\n\n var _ = this;\n\n _.initArrowEvents();\n\n _.initDotEvents();\n _.initSlideEvents();\n\n _.$list.on('touchstart.slick mousedown.slick', {\n action: 'start'\n }, _.swipeHandler);\n _.$list.on('touchmove.slick mousemove.slick', {\n action: 'move'\n }, _.swipeHandler);\n _.$list.on('touchend.slick mouseup.slick', {\n action: 'end'\n }, _.swipeHandler);\n _.$list.on('touchcancel.slick mouseleave.slick', {\n action: 'end'\n }, _.swipeHandler);\n\n _.$list.on('click.slick', _.clickHandler);\n\n $(document).on(_.visibilityChange, $.proxy(_.visibility, _));\n\n if (_.options.accessibility === true) {\n _.$list.on('keydown.slick', _.keyHandler);\n }\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().on('click.slick', _.selectHandler);\n }\n\n $(window).on('orientationchange.slick.slick-' + _.instanceUid, $.proxy(_.orientationChange, _));\n\n $(window).on('resize.slick.slick-' + _.instanceUid, $.proxy(_.resize, _));\n\n $('[draggable!=true]', _.$slideTrack).on('dragstart', _.preventDefault);\n\n $(window).on('load.slick.slick-' + _.instanceUid, _.setPosition);\n $(_.setPosition);\n\n };\n\n Slick.prototype.initUI = function() {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n\n _.$prevArrow.show();\n _.$nextArrow.show();\n\n }\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n _.$dots.show();\n\n }\n\n };\n\n Slick.prototype.keyHandler = function(event) {\n\n var _ = this;\n //Dont slide if the cursor is inside the form fields and arrow keys are pressed\n if(!event.target.tagName.match('TEXTAREA|INPUT|SELECT')) {\n if (event.keyCode === 37 && _.options.accessibility === true) {\n _.changeSlide({\n data: {\n message: _.options.rtl === true ? 'next' : 'previous'\n }\n });\n } else if (event.keyCode === 39 && _.options.accessibility === true) {\n _.changeSlide({\n data: {\n message: _.options.rtl === true ? 'previous' : 'next'\n }\n });\n }\n }\n\n };\n\n Slick.prototype.lazyLoad = function() {\n\n var _ = this,\n loadRange, cloneRange, rangeStart, rangeEnd;\n\n function loadImages(imagesScope) {\n\n $('img[data-lazy]', imagesScope).each(function() {\n\n var image = $(this),\n imageSource = $(this).attr('data-lazy'),\n imageSrcSet = $(this).attr('data-srcset'),\n imageSizes = $(this).attr('data-sizes') || _.$slider.attr('data-sizes'),\n imageToLoad = document.createElement('img');\n\n imageToLoad.onload = function() {\n\n image\n .animate({ opacity: 0 }, 100, function() {\n\n if (imageSrcSet) {\n image\n .attr('srcset', imageSrcSet );\n\n if (imageSizes) {\n image\n .attr('sizes', imageSizes );\n }\n }\n\n image\n .attr('src', imageSource)\n .animate({ opacity: 1 }, 200, function() {\n image\n .removeAttr('data-lazy data-srcset data-sizes')\n .removeClass('slick-loading');\n });\n _.$slider.trigger('lazyLoaded', [_, image, imageSource]);\n });\n\n };\n\n imageToLoad.onerror = function() {\n\n image\n .removeAttr( 'data-lazy' )\n .removeClass( 'slick-loading' )\n .addClass( 'slick-lazyload-error' );\n\n _.$slider.trigger('lazyLoadError', [ _, image, imageSource ]);\n\n };\n\n imageToLoad.src = imageSource;\n\n });\n\n }\n\n if (_.options.centerMode === true) {\n if (_.options.infinite === true) {\n rangeStart = _.currentSlide + (_.options.slidesToShow / 2 + 1);\n rangeEnd = rangeStart + _.options.slidesToShow + 2;\n } else {\n rangeStart = Math.max(0, _.currentSlide - (_.options.slidesToShow / 2 + 1));\n rangeEnd = 2 + (_.options.slidesToShow / 2 + 1) + _.currentSlide;\n }\n } else {\n rangeStart = _.options.infinite ? _.options.slidesToShow + _.currentSlide : _.currentSlide;\n rangeEnd = Math.ceil(rangeStart + _.options.slidesToShow);\n if (_.options.fade === true) {\n if (rangeStart > 0) rangeStart--;\n if (rangeEnd <= _.slideCount) rangeEnd++;\n }\n }\n\n loadRange = _.$slider.find('.slick-slide').slice(rangeStart, rangeEnd);\n\n if (_.options.lazyLoad === 'anticipated') {\n var prevSlide = rangeStart - 1,\n nextSlide = rangeEnd,\n $slides = _.$slider.find('.slick-slide');\n\n for (var i = 0; i < _.options.slidesToScroll; i++) {\n if (prevSlide < 0) prevSlide = _.slideCount - 1;\n loadRange = loadRange.add($slides.eq(prevSlide));\n loadRange = loadRange.add($slides.eq(nextSlide));\n prevSlide--;\n nextSlide++;\n }\n }\n\n loadImages(loadRange);\n\n if (_.slideCount <= _.options.slidesToShow) {\n cloneRange = _.$slider.find('.slick-slide');\n loadImages(cloneRange);\n } else\n if (_.currentSlide >= _.slideCount - _.options.slidesToShow) {\n cloneRange = _.$slider.find('.slick-cloned').slice(0, _.options.slidesToShow);\n loadImages(cloneRange);\n } else if (_.currentSlide === 0) {\n cloneRange = _.$slider.find('.slick-cloned').slice(_.options.slidesToShow * -1);\n loadImages(cloneRange);\n }\n\n };\n\n Slick.prototype.loadSlider = function() {\n\n var _ = this;\n\n _.setPosition();\n\n _.$slideTrack.css({\n opacity: 1\n });\n\n _.$slider.removeClass('slick-loading');\n\n _.initUI();\n\n if (_.options.lazyLoad === 'progressive') {\n _.progressiveLazyLoad();\n }\n\n };\n\n Slick.prototype.next = Slick.prototype.slickNext = function() {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'next'\n }\n });\n\n };\n\n Slick.prototype.orientationChange = function() {\n\n var _ = this;\n\n _.checkResponsive();\n _.setPosition();\n\n };\n\n Slick.prototype.pause = Slick.prototype.slickPause = function() {\n\n var _ = this;\n\n _.autoPlayClear();\n _.paused = true;\n\n };\n\n Slick.prototype.play = Slick.prototype.slickPlay = function() {\n\n var _ = this;\n\n _.autoPlay();\n _.options.autoplay = true;\n _.paused = false;\n _.focussed = false;\n _.interrupted = false;\n\n };\n\n Slick.prototype.postSlide = function(index) {\n\n var _ = this;\n\n if( !_.unslicked ) {\n\n _.$slider.trigger('afterChange', [_, index]);\n\n _.animating = false;\n\n if (_.slideCount > _.options.slidesToShow) {\n _.setPosition();\n }\n\n _.swipeLeft = null;\n\n if ( _.options.autoplay ) {\n _.autoPlay();\n }\n\n if (_.options.accessibility === true) {\n _.initADA();\n\n if (_.options.focusOnChange) {\n var $currentSlide = $(_.$slides.get(_.currentSlide));\n $currentSlide.attr('tabindex', 0).focus();\n }\n }\n\n }\n\n };\n\n Slick.prototype.prev = Slick.prototype.slickPrev = function() {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'previous'\n }\n });\n\n };\n\n Slick.prototype.preventDefault = function(event) {\n\n event.preventDefault();\n\n };\n\n Slick.prototype.progressiveLazyLoad = function( tryCount ) {\n\n tryCount = tryCount || 1;\n\n var _ = this,\n $imgsToLoad = $( 'img[data-lazy]', _.$slider ),\n image,\n imageSource,\n imageSrcSet,\n imageSizes,\n imageToLoad;\n\n if ( $imgsToLoad.length ) {\n\n image = $imgsToLoad.first();\n imageSource = image.attr('data-lazy');\n imageSrcSet = image.attr('data-srcset');\n imageSizes = image.attr('data-sizes') || _.$slider.attr('data-sizes');\n imageToLoad = document.createElement('img');\n\n imageToLoad.onload = function() {\n\n if (imageSrcSet) {\n image\n .attr('srcset', imageSrcSet );\n\n if (imageSizes) {\n image\n .attr('sizes', imageSizes );\n }\n }\n\n image\n .attr( 'src', imageSource )\n .removeAttr('data-lazy data-srcset data-sizes')\n .removeClass('slick-loading');\n\n if ( _.options.adaptiveHeight === true ) {\n _.setPosition();\n }\n\n _.$slider.trigger('lazyLoaded', [ _, image, imageSource ]);\n _.progressiveLazyLoad();\n\n };\n\n imageToLoad.onerror = function() {\n\n if ( tryCount < 3 ) {\n\n /**\n * try to load the image 3 times,\n * leave a slight delay so we don't get\n * servers blocking the request.\n */\n setTimeout( function() {\n _.progressiveLazyLoad( tryCount + 1 );\n }, 500 );\n\n } else {\n\n image\n .removeAttr( 'data-lazy' )\n .removeClass( 'slick-loading' )\n .addClass( 'slick-lazyload-error' );\n\n _.$slider.trigger('lazyLoadError', [ _, image, imageSource ]);\n\n _.progressiveLazyLoad();\n\n }\n\n };\n\n imageToLoad.src = imageSource;\n\n } else {\n\n _.$slider.trigger('allImagesLoaded', [ _ ]);\n\n }\n\n };\n\n Slick.prototype.refresh = function( initializing ) {\n\n var _ = this, currentSlide, lastVisibleIndex;\n\n lastVisibleIndex = _.slideCount - _.options.slidesToShow;\n\n // in non-infinite sliders, we don't want to go past the\n // last visible index.\n if( !_.options.infinite && ( _.currentSlide > lastVisibleIndex )) {\n _.currentSlide = lastVisibleIndex;\n }\n\n // if less slides than to show, go to start.\n if ( _.slideCount <= _.options.slidesToShow ) {\n _.currentSlide = 0;\n\n }\n\n currentSlide = _.currentSlide;\n\n _.destroy(true);\n\n $.extend(_, _.initials, { currentSlide: currentSlide });\n\n _.init();\n\n if( !initializing ) {\n\n _.changeSlide({\n data: {\n message: 'index',\n index: currentSlide\n }\n }, false);\n\n }\n\n };\n\n Slick.prototype.registerBreakpoints = function() {\n\n var _ = this, breakpoint, currentBreakpoint, l,\n responsiveSettings = _.options.responsive || null;\n\n if ( $.type(responsiveSettings) === 'array' && responsiveSettings.length ) {\n\n _.respondTo = _.options.respondTo || 'window';\n\n for ( breakpoint in responsiveSettings ) {\n\n l = _.breakpoints.length-1;\n\n if (responsiveSettings.hasOwnProperty(breakpoint)) {\n currentBreakpoint = responsiveSettings[breakpoint].breakpoint;\n\n // loop through the breakpoints and cut out any existing\n // ones with the same breakpoint number, we don't want dupes.\n while( l >= 0 ) {\n if( _.breakpoints[l] && _.breakpoints[l] === currentBreakpoint ) {\n _.breakpoints.splice(l,1);\n }\n l--;\n }\n\n _.breakpoints.push(currentBreakpoint);\n _.breakpointSettings[currentBreakpoint] = responsiveSettings[breakpoint].settings;\n\n }\n\n }\n\n _.breakpoints.sort(function(a, b) {\n return ( _.options.mobileFirst ) ? a-b : b-a;\n });\n\n }\n\n };\n\n Slick.prototype.reinit = function() {\n\n var _ = this;\n\n _.$slides =\n _.$slideTrack\n .children(_.options.slide)\n .addClass('slick-slide');\n\n _.slideCount = _.$slides.length;\n\n if (_.currentSlide >= _.slideCount && _.currentSlide !== 0) {\n _.currentSlide = _.currentSlide - _.options.slidesToScroll;\n }\n\n if (_.slideCount <= _.options.slidesToShow) {\n _.currentSlide = 0;\n }\n\n _.registerBreakpoints();\n\n _.setProps();\n _.setupInfinite();\n _.buildArrows();\n _.updateArrows();\n _.initArrowEvents();\n _.buildDots();\n _.updateDots();\n _.initDotEvents();\n _.cleanUpSlideEvents();\n _.initSlideEvents();\n\n _.checkResponsive(false, true);\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().on('click.slick', _.selectHandler);\n }\n\n _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);\n\n _.setPosition();\n _.focusHandler();\n\n _.paused = !_.options.autoplay;\n _.autoPlay();\n\n _.$slider.trigger('reInit', [_]);\n\n };\n\n Slick.prototype.resize = function() {\n\n var _ = this;\n\n if ($(window).width() !== _.windowWidth) {\n clearTimeout(_.windowDelay);\n _.windowDelay = window.setTimeout(function() {\n _.windowWidth = $(window).width();\n _.checkResponsive();\n if( !_.unslicked ) { _.setPosition(); }\n }, 50);\n }\n };\n\n Slick.prototype.removeSlide = Slick.prototype.slickRemove = function(index, removeBefore, removeAll) {\n\n var _ = this;\n\n if (typeof(index) === 'boolean') {\n removeBefore = index;\n index = removeBefore === true ? 0 : _.slideCount - 1;\n } else {\n index = removeBefore === true ? --index : index;\n }\n\n if (_.slideCount < 1 || index < 0 || index > _.slideCount - 1) {\n return false;\n }\n\n _.unload();\n\n if (removeAll === true) {\n _.$slideTrack.children().remove();\n } else {\n _.$slideTrack.children(this.options.slide).eq(index).remove();\n }\n\n _.$slides = _.$slideTrack.children(this.options.slide);\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.append(_.$slides);\n\n _.$slidesCache = _.$slides;\n\n _.reinit();\n\n };\n\n Slick.prototype.setCSS = function(position) {\n\n var _ = this,\n positionProps = {},\n x, y;\n\n if (_.options.rtl === true) {\n position = -position;\n }\n x = _.positionProp == 'left' ? Math.ceil(position) + 'px' : '0px';\n y = _.positionProp == 'top' ? Math.ceil(position) + 'px' : '0px';\n\n positionProps[_.positionProp] = position;\n\n if (_.transformsEnabled === false) {\n _.$slideTrack.css(positionProps);\n } else {\n positionProps = {};\n if (_.cssTransitions === false) {\n positionProps[_.animType] = 'translate(' + x + ', ' + y + ')';\n _.$slideTrack.css(positionProps);\n } else {\n positionProps[_.animType] = 'translate3d(' + x + ', ' + y + ', 0px)';\n _.$slideTrack.css(positionProps);\n }\n }\n\n };\n\n Slick.prototype.setDimensions = function() {\n\n var _ = this;\n\n if (_.options.vertical === false) {\n if (_.options.centerMode === true) {\n _.$list.css({\n padding: ('0px ' + _.options.centerPadding)\n });\n }\n } else {\n _.$list.height(_.$slides.first().outerHeight(true) * _.options.slidesToShow);\n if (_.options.centerMode === true) {\n _.$list.css({\n padding: (_.options.centerPadding + ' 0px')\n });\n }\n }\n\n _.listWidth = _.$list.width();\n _.listHeight = _.$list.height();\n\n\n if (_.options.vertical === false && _.options.variableWidth === false) {\n _.slideWidth = Math.ceil(_.listWidth / _.options.slidesToShow);\n _.$slideTrack.width(Math.ceil((_.slideWidth * _.$slideTrack.children('.slick-slide').length)));\n\n } else if (_.options.variableWidth === true) {\n _.$slideTrack.width(5000 * _.slideCount);\n } else {\n _.slideWidth = Math.ceil(_.listWidth);\n _.$slideTrack.height(Math.ceil((_.$slides.first().outerHeight(true) * _.$slideTrack.children('.slick-slide').length)));\n }\n\n var offset = _.$slides.first().outerWidth(true) - _.$slides.first().width();\n if (_.options.variableWidth === false) _.$slideTrack.children('.slick-slide').width(_.slideWidth - offset);\n\n };\n\n Slick.prototype.setFade = function() {\n\n var _ = this,\n targetLeft;\n\n _.$slides.each(function(index, element) {\n targetLeft = (_.slideWidth * index) * -1;\n if (_.options.rtl === true) {\n $(element).css({\n position: 'relative',\n right: targetLeft,\n top: 0,\n zIndex: _.options.zIndex - 2,\n opacity: 0\n });\n } else {\n $(element).css({\n position: 'relative',\n left: targetLeft,\n top: 0,\n zIndex: _.options.zIndex - 2,\n opacity: 0\n });\n }\n });\n\n _.$slides.eq(_.currentSlide).css({\n zIndex: _.options.zIndex - 1,\n opacity: 1\n });\n\n };\n\n Slick.prototype.setHeight = function() {\n\n var _ = this;\n\n if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) {\n var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true);\n _.$list.css('height', targetHeight);\n }\n\n };\n\n Slick.prototype.setOption =\n Slick.prototype.slickSetOption = function() {\n\n /**\n * accepts arguments in format of:\n *\n * - for changing a single option's value:\n * .slick(\"setOption\", option, value, refresh )\n *\n * - for changing a set of responsive options:\n * .slick(\"setOption\", 'responsive', [{}, ...], refresh )\n *\n * - for updating multiple values at once (not responsive)\n * .slick(\"setOption\", { 'option': value, ... }, refresh )\n */\n\n var _ = this, l, item, option, value, refresh = false, type;\n\n if( $.type( arguments[0] ) === 'object' ) {\n\n option = arguments[0];\n refresh = arguments[1];\n type = 'multiple';\n\n } else if ( $.type( arguments[0] ) === 'string' ) {\n\n option = arguments[0];\n value = arguments[1];\n refresh = arguments[2];\n\n if ( arguments[0] === 'responsive' && $.type( arguments[1] ) === 'array' ) {\n\n type = 'responsive';\n\n } else if ( typeof arguments[1] !== 'undefined' ) {\n\n type = 'single';\n\n }\n\n }\n\n if ( type === 'single' ) {\n\n _.options[option] = value;\n\n\n } else if ( type === 'multiple' ) {\n\n $.each( option , function( opt, val ) {\n\n _.options[opt] = val;\n\n });\n\n\n } else if ( type === 'responsive' ) {\n\n for ( item in value ) {\n\n if( $.type( _.options.responsive ) !== 'array' ) {\n\n _.options.responsive = [ value[item] ];\n\n } else {\n\n l = _.options.responsive.length-1;\n\n // loop through the responsive object and splice out duplicates.\n while( l >= 0 ) {\n\n if( _.options.responsive[l].breakpoint === value[item].breakpoint ) {\n\n _.options.responsive.splice(l,1);\n\n }\n\n l--;\n\n }\n\n _.options.responsive.push( value[item] );\n\n }\n\n }\n\n }\n\n if ( refresh ) {\n\n _.unload();\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.setPosition = function() {\n\n var _ = this;\n\n _.setDimensions();\n\n _.setHeight();\n\n if (_.options.fade === false) {\n _.setCSS(_.getLeft(_.currentSlide));\n } else {\n _.setFade();\n }\n\n _.$slider.trigger('setPosition', [_]);\n\n };\n\n Slick.prototype.setProps = function() {\n\n var _ = this,\n bodyStyle = document.body.style;\n\n _.positionProp = _.options.vertical === true ? 'top' : 'left';\n\n if (_.positionProp === 'top') {\n _.$slider.addClass('slick-vertical');\n } else {\n _.$slider.removeClass('slick-vertical');\n }\n\n if (bodyStyle.WebkitTransition !== undefined ||\n bodyStyle.MozTransition !== undefined ||\n bodyStyle.msTransition !== undefined) {\n if (_.options.useCSS === true) {\n _.cssTransitions = true;\n }\n }\n\n if ( _.options.fade ) {\n if ( typeof _.options.zIndex === 'number' ) {\n if( _.options.zIndex < 3 ) {\n _.options.zIndex = 3;\n }\n } else {\n _.options.zIndex = _.defaults.zIndex;\n }\n }\n\n if (bodyStyle.OTransform !== undefined) {\n _.animType = 'OTransform';\n _.transformType = '-o-transform';\n _.transitionType = 'OTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.MozTransform !== undefined) {\n _.animType = 'MozTransform';\n _.transformType = '-moz-transform';\n _.transitionType = 'MozTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.MozPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.webkitTransform !== undefined) {\n _.animType = 'webkitTransform';\n _.transformType = '-webkit-transform';\n _.transitionType = 'webkitTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.msTransform !== undefined) {\n _.animType = 'msTransform';\n _.transformType = '-ms-transform';\n _.transitionType = 'msTransition';\n if (bodyStyle.msTransform === undefined) _.animType = false;\n }\n if (bodyStyle.transform !== undefined && _.animType !== false) {\n _.animType = 'transform';\n _.transformType = 'transform';\n _.transitionType = 'transition';\n }\n _.transformsEnabled = _.options.useTransform && (_.animType !== null && _.animType !== false);\n };\n\n\n Slick.prototype.setSlideClasses = function(index) {\n\n var _ = this,\n centerOffset, allSlides, indexOffset, remainder;\n\n allSlides = _.$slider\n .find('.slick-slide')\n .removeClass('slick-active slick-center slick-current')\n .attr('aria-hidden', 'true');\n\n _.$slides\n .eq(index)\n .addClass('slick-current');\n\n if (_.options.centerMode === true) {\n\n var evenCoef = _.options.slidesToShow % 2 === 0 ? 1 : 0;\n\n centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n if (_.options.infinite === true) {\n\n if (index >= centerOffset && index <= (_.slideCount - 1) - centerOffset) {\n _.$slides\n .slice(index - centerOffset + evenCoef, index + centerOffset + 1)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else {\n\n indexOffset = _.options.slidesToShow + index;\n allSlides\n .slice(indexOffset - centerOffset + 1 + evenCoef, indexOffset + centerOffset + 2)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n }\n\n if (index === 0) {\n\n allSlides\n .eq(allSlides.length - 1 - _.options.slidesToShow)\n .addClass('slick-center');\n\n } else if (index === _.slideCount - 1) {\n\n allSlides\n .eq(_.options.slidesToShow)\n .addClass('slick-center');\n\n }\n\n }\n\n _.$slides\n .eq(index)\n .addClass('slick-center');\n\n } else {\n\n if (index >= 0 && index <= (_.slideCount - _.options.slidesToShow)) {\n\n _.$slides\n .slice(index, index + _.options.slidesToShow)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else if (allSlides.length <= _.options.slidesToShow) {\n\n allSlides\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else {\n\n remainder = _.slideCount % _.options.slidesToShow;\n indexOffset = _.options.infinite === true ? _.options.slidesToShow + index : index;\n\n if (_.options.slidesToShow == _.options.slidesToScroll && (_.slideCount - index) < _.options.slidesToShow) {\n\n allSlides\n .slice(indexOffset - (_.options.slidesToShow - remainder), indexOffset + remainder)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else {\n\n allSlides\n .slice(indexOffset, indexOffset + _.options.slidesToShow)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n }\n\n }\n\n }\n\n if (_.options.lazyLoad === 'ondemand' || _.options.lazyLoad === 'anticipated') {\n _.lazyLoad();\n }\n };\n\n Slick.prototype.setupInfinite = function() {\n\n var _ = this,\n i, slideIndex, infiniteCount;\n\n if (_.options.fade === true) {\n _.options.centerMode = false;\n }\n\n if (_.options.infinite === true && _.options.fade === false) {\n\n slideIndex = null;\n\n if (_.slideCount > _.options.slidesToShow) {\n\n if (_.options.centerMode === true) {\n infiniteCount = _.options.slidesToShow + 1;\n } else {\n infiniteCount = _.options.slidesToShow;\n }\n\n for (i = _.slideCount; i > (_.slideCount -\n infiniteCount); i -= 1) {\n slideIndex = i - 1;\n $(_.$slides[slideIndex]).clone(true).attr('id', '')\n .attr('data-slick-index', slideIndex - _.slideCount)\n .prependTo(_.$slideTrack).addClass('slick-cloned');\n }\n for (i = 0; i < infiniteCount + _.slideCount; i += 1) {\n slideIndex = i;\n $(_.$slides[slideIndex]).clone(true).attr('id', '')\n .attr('data-slick-index', slideIndex + _.slideCount)\n .appendTo(_.$slideTrack).addClass('slick-cloned');\n }\n _.$slideTrack.find('.slick-cloned').find('[id]').each(function() {\n $(this).attr('id', '');\n });\n\n }\n\n }\n\n };\n\n Slick.prototype.interrupt = function( toggle ) {\n\n var _ = this;\n\n if( !toggle ) {\n _.autoPlay();\n }\n _.interrupted = toggle;\n\n };\n\n Slick.prototype.selectHandler = function(event) {\n\n var _ = this;\n\n var targetElement =\n $(event.target).is('.slick-slide') ?\n $(event.target) :\n $(event.target).parents('.slick-slide');\n\n var index = parseInt(targetElement.attr('data-slick-index'));\n\n if (!index) index = 0;\n\n if (_.slideCount <= _.options.slidesToShow) {\n\n _.slideHandler(index, false, true);\n return;\n\n }\n\n _.slideHandler(index);\n\n };\n\n Slick.prototype.slideHandler = function(index, sync, dontAnimate) {\n\n var targetSlide, animSlide, oldSlide, slideLeft, targetLeft = null,\n _ = this, navTarget;\n\n sync = sync || false;\n\n if (_.animating === true && _.options.waitForAnimate === true) {\n return;\n }\n\n if (_.options.fade === true && _.currentSlide === index) {\n return;\n }\n\n if (sync === false) {\n _.asNavFor(index);\n }\n\n targetSlide = index;\n targetLeft = _.getLeft(targetSlide);\n slideLeft = _.getLeft(_.currentSlide);\n\n _.currentLeft = _.swipeLeft === null ? slideLeft : _.swipeLeft;\n\n if (_.options.infinite === false && _.options.centerMode === false && (index < 0 || index > _.getDotCount() * _.options.slidesToScroll)) {\n if (_.options.fade === false) {\n targetSlide = _.currentSlide;\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(slideLeft, function() {\n _.postSlide(targetSlide);\n });\n } else {\n _.postSlide(targetSlide);\n }\n }\n return;\n } else if (_.options.infinite === false && _.options.centerMode === true && (index < 0 || index > (_.slideCount - _.options.slidesToScroll))) {\n if (_.options.fade === false) {\n targetSlide = _.currentSlide;\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(slideLeft, function() {\n _.postSlide(targetSlide);\n });\n } else {\n _.postSlide(targetSlide);\n }\n }\n return;\n }\n\n if ( _.options.autoplay ) {\n clearInterval(_.autoPlayTimer);\n }\n\n if (targetSlide < 0) {\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n animSlide = _.slideCount - (_.slideCount % _.options.slidesToScroll);\n } else {\n animSlide = _.slideCount + targetSlide;\n }\n } else if (targetSlide >= _.slideCount) {\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n animSlide = 0;\n } else {\n animSlide = targetSlide - _.slideCount;\n }\n } else {\n animSlide = targetSlide;\n }\n\n _.animating = true;\n\n _.$slider.trigger('beforeChange', [_, _.currentSlide, animSlide]);\n\n oldSlide = _.currentSlide;\n _.currentSlide = animSlide;\n\n _.setSlideClasses(_.currentSlide);\n\n if ( _.options.asNavFor ) {\n\n navTarget = _.getNavTarget();\n navTarget = navTarget.slick('getSlick');\n\n if ( navTarget.slideCount <= navTarget.options.slidesToShow ) {\n navTarget.setSlideClasses(_.currentSlide);\n }\n\n }\n\n _.updateDots();\n _.updateArrows();\n\n if (_.options.fade === true) {\n if (dontAnimate !== true) {\n\n _.fadeSlideOut(oldSlide);\n\n _.fadeSlide(animSlide, function() {\n _.postSlide(animSlide);\n });\n\n } else {\n _.postSlide(animSlide);\n }\n _.animateHeight();\n return;\n }\n\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(targetLeft, function() {\n _.postSlide(animSlide);\n });\n } else {\n _.postSlide(animSlide);\n }\n\n };\n\n Slick.prototype.startLoad = function() {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n\n _.$prevArrow.hide();\n _.$nextArrow.hide();\n\n }\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n _.$dots.hide();\n\n }\n\n _.$slider.addClass('slick-loading');\n\n };\n\n Slick.prototype.swipeDirection = function() {\n\n var xDist, yDist, r, swipeAngle, _ = this;\n\n xDist = _.touchObject.startX - _.touchObject.curX;\n yDist = _.touchObject.startY - _.touchObject.curY;\n r = Math.atan2(yDist, xDist);\n\n swipeAngle = Math.round(r * 180 / Math.PI);\n if (swipeAngle < 0) {\n swipeAngle = 360 - Math.abs(swipeAngle);\n }\n\n if ((swipeAngle <= 45) && (swipeAngle >= 0)) {\n return (_.options.rtl === false ? 'left' : 'right');\n }\n if ((swipeAngle <= 360) && (swipeAngle >= 315)) {\n return (_.options.rtl === false ? 'left' : 'right');\n }\n if ((swipeAngle >= 135) && (swipeAngle <= 225)) {\n return (_.options.rtl === false ? 'right' : 'left');\n }\n if (_.options.verticalSwiping === true) {\n if ((swipeAngle >= 35) && (swipeAngle <= 135)) {\n return 'down';\n } else {\n return 'up';\n }\n }\n\n return 'vertical';\n\n };\n\n Slick.prototype.swipeEnd = function(event) {\n\n var _ = this,\n slideCount,\n direction;\n\n _.dragging = false;\n _.swiping = false;\n\n if (_.scrolling) {\n _.scrolling = false;\n return false;\n }\n\n _.interrupted = false;\n _.shouldClick = ( _.touchObject.swipeLength > 10 ) ? false : true;\n\n if ( _.touchObject.curX === undefined ) {\n return false;\n }\n\n if ( _.touchObject.edgeHit === true ) {\n _.$slider.trigger('edge', [_, _.swipeDirection() ]);\n }\n\n if ( _.touchObject.swipeLength >= _.touchObject.minSwipe ) {\n\n direction = _.swipeDirection();\n\n switch ( direction ) {\n\n case 'left':\n case 'down':\n\n slideCount =\n _.options.swipeToSlide ?\n _.checkNavigable( _.currentSlide + _.getSlideCount() ) :\n _.currentSlide + _.getSlideCount();\n\n _.currentDirection = 0;\n\n break;\n\n case 'right':\n case 'up':\n\n slideCount =\n _.options.swipeToSlide ?\n _.checkNavigable( _.currentSlide - _.getSlideCount() ) :\n _.currentSlide - _.getSlideCount();\n\n _.currentDirection = 1;\n\n break;\n\n default:\n\n\n }\n\n if( direction != 'vertical' ) {\n\n _.slideHandler( slideCount );\n _.touchObject = {};\n _.$slider.trigger('swipe', [_, direction ]);\n\n }\n\n } else {\n\n if ( _.touchObject.startX !== _.touchObject.curX ) {\n\n _.slideHandler( _.currentSlide );\n _.touchObject = {};\n\n }\n\n }\n\n };\n\n Slick.prototype.swipeHandler = function(event) {\n\n var _ = this;\n\n if ((_.options.swipe === false) || ('ontouchend' in document && _.options.swipe === false)) {\n return;\n } else if (_.options.draggable === false && event.type.indexOf('mouse') !== -1) {\n return;\n }\n\n _.touchObject.fingerCount = event.originalEvent && event.originalEvent.touches !== undefined ?\n event.originalEvent.touches.length : 1;\n\n _.touchObject.minSwipe = _.listWidth / _.options\n .touchThreshold;\n\n if (_.options.verticalSwiping === true) {\n _.touchObject.minSwipe = _.listHeight / _.options\n .touchThreshold;\n }\n\n switch (event.data.action) {\n\n case 'start':\n _.swipeStart(event);\n break;\n\n case 'move':\n _.swipeMove(event);\n break;\n\n case 'end':\n _.swipeEnd(event);\n break;\n\n }\n\n };\n\n Slick.prototype.swipeMove = function(event) {\n\n var _ = this,\n edgeWasHit = false,\n curLeft, swipeDirection, swipeLength, positionOffset, touches, verticalSwipeLength;\n\n touches = event.originalEvent !== undefined ? event.originalEvent.touches : null;\n\n if (!_.dragging || _.scrolling || touches && touches.length !== 1) {\n return false;\n }\n\n curLeft = _.getLeft(_.currentSlide);\n\n _.touchObject.curX = touches !== undefined ? touches[0].pageX : event.clientX;\n _.touchObject.curY = touches !== undefined ? touches[0].pageY : event.clientY;\n\n _.touchObject.swipeLength = Math.round(Math.sqrt(\n Math.pow(_.touchObject.curX - _.touchObject.startX, 2)));\n\n verticalSwipeLength = Math.round(Math.sqrt(\n Math.pow(_.touchObject.curY - _.touchObject.startY, 2)));\n\n if (!_.options.verticalSwiping && !_.swiping && verticalSwipeLength > 4) {\n _.scrolling = true;\n return false;\n }\n\n if (_.options.verticalSwiping === true) {\n _.touchObject.swipeLength = verticalSwipeLength;\n }\n\n swipeDirection = _.swipeDirection();\n\n if (event.originalEvent !== undefined && _.touchObject.swipeLength > 4) {\n _.swiping = true;\n event.preventDefault();\n }\n\n positionOffset = (_.options.rtl === false ? 1 : -1) * (_.touchObject.curX > _.touchObject.startX ? 1 : -1);\n if (_.options.verticalSwiping === true) {\n positionOffset = _.touchObject.curY > _.touchObject.startY ? 1 : -1;\n }\n\n\n swipeLength = _.touchObject.swipeLength;\n\n _.touchObject.edgeHit = false;\n\n if (_.options.infinite === false) {\n if ((_.currentSlide === 0 && swipeDirection === 'right') || (_.currentSlide >= _.getDotCount() && swipeDirection === 'left')) {\n swipeLength = _.touchObject.swipeLength * _.options.edgeFriction;\n _.touchObject.edgeHit = true;\n }\n }\n\n if (_.options.vertical === false) {\n _.swipeLeft = curLeft + swipeLength * positionOffset;\n } else {\n _.swipeLeft = curLeft + (swipeLength * (_.$list.height() / _.listWidth)) * positionOffset;\n }\n if (_.options.verticalSwiping === true) {\n _.swipeLeft = curLeft + swipeLength * positionOffset;\n }\n\n if (_.options.fade === true || _.options.touchMove === false) {\n return false;\n }\n\n if (_.animating === true) {\n _.swipeLeft = null;\n return false;\n }\n\n _.setCSS(_.swipeLeft);\n\n };\n\n Slick.prototype.swipeStart = function(event) {\n\n var _ = this,\n touches;\n\n _.interrupted = true;\n\n if (_.touchObject.fingerCount !== 1 || _.slideCount <= _.options.slidesToShow) {\n _.touchObject = {};\n return false;\n }\n\n if (event.originalEvent !== undefined && event.originalEvent.touches !== undefined) {\n touches = event.originalEvent.touches[0];\n }\n\n _.touchObject.startX = _.touchObject.curX = touches !== undefined ? touches.pageX : event.clientX;\n _.touchObject.startY = _.touchObject.curY = touches !== undefined ? touches.pageY : event.clientY;\n\n _.dragging = true;\n\n };\n\n Slick.prototype.unfilterSlides = Slick.prototype.slickUnfilter = function() {\n\n var _ = this;\n\n if (_.$slidesCache !== null) {\n\n _.unload();\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slidesCache.appendTo(_.$slideTrack);\n\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.unload = function() {\n\n var _ = this;\n\n $('.slick-cloned', _.$slider).remove();\n\n if (_.$dots) {\n _.$dots.remove();\n }\n\n if (_.$prevArrow && _.htmlExpr.test(_.options.prevArrow)) {\n _.$prevArrow.remove();\n }\n\n if (_.$nextArrow && _.htmlExpr.test(_.options.nextArrow)) {\n _.$nextArrow.remove();\n }\n\n _.$slides\n .removeClass('slick-slide slick-active slick-visible slick-current')\n .attr('aria-hidden', 'true')\n .css('width', '');\n\n };\n\n Slick.prototype.unslick = function(fromBreakpoint) {\n\n var _ = this;\n _.$slider.trigger('unslick', [_, fromBreakpoint]);\n _.destroy();\n\n };\n\n Slick.prototype.updateArrows = function() {\n\n var _ = this,\n centerOffset;\n\n centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n if ( _.options.arrows === true &&\n _.slideCount > _.options.slidesToShow &&\n !_.options.infinite ) {\n\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n if (_.currentSlide === 0) {\n\n _.$prevArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n } else if (_.currentSlide >= _.slideCount - _.options.slidesToShow && _.options.centerMode === false) {\n\n _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n } else if (_.currentSlide >= _.slideCount - 1 && _.options.centerMode === true) {\n\n _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n }\n\n }\n\n };\n\n Slick.prototype.updateDots = function() {\n\n var _ = this;\n\n if (_.$dots !== null) {\n\n _.$dots\n .find('li')\n .removeClass('slick-active')\n .end();\n\n _.$dots\n .find('li')\n .eq(Math.floor(_.currentSlide / _.options.slidesToScroll))\n .addClass('slick-active');\n\n }\n\n };\n\n Slick.prototype.visibility = function() {\n\n var _ = this;\n\n if ( _.options.autoplay ) {\n\n if ( document[_.hidden] ) {\n\n _.interrupted = true;\n\n } else {\n\n _.interrupted = false;\n\n }\n\n }\n\n };\n\n $.fn.slick = function() {\n var _ = this,\n opt = arguments[0],\n args = Array.prototype.slice.call(arguments, 1),\n l = _.length,\n i,\n ret;\n for (i = 0; i < l; i++) {\n if (typeof opt == 'object' || typeof opt == 'undefined')\n _[i].slick = new Slick(_[i], opt);\n else\n ret = _[i].slick[opt].apply(_[i].slick, args);\n if (typeof ret != 'undefined') return ret;\n }\n return _;\n };\n\n}));\n\n\n/***/ }),\n\n/***/ 468:\n/***/ (function(module, exports, __webpack_require__) {\n\nvar Handlebars = __webpack_require__(405);\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\\r\\n\\r\\n\\r\\n\\r\\n\t
\\r\\n\t\t
\\r\\n\t\t\t
\\r\\n\t\t\t
\\r\\n\t\t\t
\\r\\n\t\t\t
\\r\\n\t\t\t
\\r\\n\t\t\t
\\r\\n\t\t\t\t
\\r\\n\t\t
\\r\\n\t
\\r\\n
\\r\\n\t
\\r\\n\t
\\r\\n\t\t
\\r\\n\t
\\r\\n\t\t
\\r\\n
\\r\\n\t\t\t
\"\n + ((stack1 = ((helper = (helper = lookupProperty(helpers,\"desc\") || (depth0 != null ? lookupProperty(depth0,\"desc\") : depth0)) != null ? helper : alias4),(typeof helper === alias5 ? helper.call(alias3,{\"name\":\"desc\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":7,\"column\":30},\"end\":{\"line\":7,\"column\":40}}}) : helper))) != null ? stack1 : \"\")\n + \" \\r\\n\t\t\t
\\r\\n\t\t\t\t \\r\\n\t\t
\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"each\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"items\") : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(1, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":5,\"column\":1},\"end\":{\"line\":12,\"column\":10}}})) != null ? stack1 : \"\")\n + \"
\\r\\n\\r\\n\\r\\n\";\n},\"useData\":true,\"useDepths\":true});\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// 1742452116000.blk-product-quick-view-chunk.js","// CONSTANTS are all caps.\nconst NS = 'QuantityInput';\nconst CLS = 'quantityInput';\nconst WG = '.' + CLS + '-';\n\n// Import stuff here if you need to or even better to import them dynamically\n// for ex. of dynamic import check out src/scripts/loadWg/quantityInput.js using Webpack dynamic imports as chunks.\n// import $ from 'jquery'\n\n\nexport class QuantityInput {\n\tconstructor($el) {\n\t\t// $el is the widget node return by the loadQuantityInput function\n\t\tthis.$el = $el;\n\t\tthis.removeZero = false;\n\t}\n\n\tinit() {\n\t\tthis.checkRemoveZero();\n\t\tthis.setQuantityInput();\n\t}\n\n\tcheckRemoveZero() {\n\t\tconst removeZero = $(this.$el).attr('remove-zero');\n\t\tthis.removeZero = typeof removeZero !== 'undefined' && removeZero !== false;\n\t}\n\n\tsetQuantityInput() {\n\t\t// Add Some logic here\n\t\tlet This = this;\n\t\tlet $wg = $(this.$el);\n\t\tlet $btns = $wg.find('.btn-up, .btn-down');\n\t\tlet $btnsUp = $wg.find('.btn-up');\n\t\tlet $btnsDown = $wg.find('.btn-down');\n\n\t\tlet $input = $wg.find('input');\n\t\tlet maxInput = parseInt($input.attr('max'));\n\t\tlet minInput = parseInt($input.attr('min'));\n\t\tlet stepInput = parseInt($input.attr('step'));\n\t\tlet oldValue = $input.val();\n\t\tlet timeOut = null;\n\n\t\tif (maxInput < 0 ) {\n\t\t\t$input.removeAttr('max');\n\t\t\tmaxInput = null;\n\t\t}\n\n\t\tfunction getValidValue(value, min = minInput, max = maxInput) {\n\t\t\tlet val = parseInt(value);\n\t\t\tif (isNaN(val)) {\n\t\t\t\treturn minInput;\n\t\t\t}\n\t\t\tif (val < min) {\n\t\t\t\tval = min;\n\t\t\t}\n\t\t\tif (max && val > max) {\n\t\t\t\tval = max;\n\t\t\t}\n\t\t\treturn val;\n\t\t}\n\n\n\t\tfunction calcValue(value, max=maxInput, min =minInput, step=stepInput, status ) {\n\t\t\tlet val = parseInt(value);\n\t\t\tif (isNaN(val) || (val + stepInput) < minInput) {\n\t\t\t\treturn minInput;\n\t\t\t}\n\n\t\t\tif ( status == 'increase' && $btnsUp.hasClass('disabled')== true) {\n\t\t\t\treturn val;\n\t\t\t}\n\t\t\telse if ( status == 'increase' && $btnsUp.hasClass('disabled')== false) {\n\t\t\t\tif (maxInput) {\n\t\t\t\t\tval = (val < (maxInput - stepInput)) ? val + stepInput : maxInput;\n\t\t\t\t} else {\n\t\t\t\t\tval = val + stepInput;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tval = (val > (minInput + stepInput) ) ? val- stepInput : minInput;\n\t\t\t}\n\t\t\treturn val;\n\t\t}\n\n\t\t$input.on('keypress', function(e) {\n\t\t\tlet code = e.keyCode || e.which;\n\t\t\t// prevent (. , + - e)\n\t\t\tif (code == 46 || code == 44 || code == 43 || code == 45 || code == 101) {\n\t\t\t\te.preventDefault();\n\t\t\t\treturn false;\n\t\t\t}\n\t\t});\n\n\t\t$input.on('keyup', function(e) {\n\t\t\tThis.checkRemoveZero();\n\t\t\tlet code = e.keyCode || e.which;\n\t\t\tif (code == 40) {\n\t\t\t\t$(this).val(calcValue(oldValue, maxInput, minInput, stepInput, 'decrease' ));\n\t\t\t\toldValue = $input.val();\n\t\t\t\t$(this).trigger('change');\n\t\t\t}\n\t\t\tif (code == 38) {\n\t\t\t\t$(this).val(calcValue(oldValue, maxInput, minInput, stepInput, 'increase' ));\n\t\t\t\toldValue = $input.val();\n\t\t\t\t$(this).trigger('change');\n\t\t\t}\n\t\t\toldValue = $input.val();\n\t\t\tif (oldValue<= maxInput) {\n\t\t\t\t$btnsUp.removeClass('disabled');\n\t\t\t}\n\t\t\tif (oldValue >= minInput) {\n\t\t\t\t$btnsDown.removeClass('disabled');\n\t\t\t}\n\t\t});\n\n\t\t$input.on('blur', function() {\n\t\t\tThis.checkRemoveZero();\n\t\t\ttimeOut =\tsetTimeout(function() {\n\t\t\t\t$(this).val(getValidValue(parseInt($(this).val()), minInput, maxInput));\n\t\t\t\tif (getValidValue(parseInt($(this).val())) <= maxInput) {\n\t\t\t\t\t$btnsUp.removeClass('disabled');\n\t\t\t\t}\n\t\t\t\tif (getValidValue(parseInt($(this).val())) >= minInput) {\n\t\t\t\t\t$btnsDown.removeClass('disabled');\n\t\t\t\t}\n\t\t\t\t$(this).trigger('change');\n\t\t\t}.bind(this), 200);\n\t\t});\n\n\t\t$btns.on('click', function(e) {\n\t\t\tThis.checkRemoveZero();\n\t\t\tclearTimeout(timeOut);\n\t\t\tif($(this).hasClass('disabled')) {\n\t\t\t\te.stopPropagation();\n\t\t\t\treturn;\n\t\t\t};\n\n\t\t\tlet currentVal = $input.val();\n\t\t\tif ($(this).hasClass('btn-up')) {\n\t\t\t\t$input.val(calcValue(currentVal, maxInput, minInput, stepInput, 'increase' ));\n\t\t\t\tlet incr = $input.val();\n\t\t\t\tif (parseInt(incr) === maxInput) {\n\t\t\t\t\t$(this).addClass('disabled');\n\t\t\t\t}\n\t\t\t\tif ($btnsDown.hasClass('disabled')) {\n\t\t\t\t\t$btnsDown.removeClass('disabled');\n\t\t\t\t}\n\t\t\t\tif ($btnsDown.hasClass('zero')) {\n\t\t\t\t\t$btnsDown.removeClass('zero');\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet decr = $input.val();\n\t\t\t\tif (parseInt(decr) === 1 && This.removeZero) {\n\t\t\t\t\t$(this).addClass('zero');\n\t\t\t\t}\n\n\t\t\t\t$input.val(calcValue(currentVal, maxInput, minInput, stepInput, 'decrease' ));\n\t\t\t\tdecr = $input.val();\n\n\t\t\t\tif (parseInt(decr) === minInput && !This.removeZero) {\n\t\t\t\t\t$(this).addClass('disabled');\n\t\t\t\t}\n\t\t\t\tif ($btnsUp.hasClass('disabled')) {\n\t\t\t\t\t$btnsUp.removeClass('disabled');\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t$input.trigger('change');\n\t\t});\n\n\t\t// on load, check the max and min is not reached\n\t\tif (parseInt(oldValue) === minInput && !This.removeZero) {\n\t\t\t$btnsDown.addClass('disabled');\n\t\t}\n\t\tif (parseInt(oldValue) === 1 && This.removeZero) {\n\t\t\t$btnsDown.addClass('zero');\n\t\t}\n\t\tif (parseInt(oldValue) === maxInput) {\n\t\t\t$btnsUp.addClass('disabled');\n\t\t}\n\t}\n\n\t// Add more functions like on above here\n}\n\nexport const updateQuantity = ($element, {remove, quantity}) => {\n\tif (quantity){\n\t\t$element.find('input').val(quantity);\n\t}\n\tconst value = $element.find('input').val();\n\tif (remove) {\n\t\t$element.attr('remove-zero', true);\n\t\tif (value == 1) {\n\t\t\t$element.find('.btn-down').removeClass('disabled').addClass('zero');\n\t\t}\n\t} else {\n\t\t$element.removeAttr('remove-zero');\n\t\tif (value == 1) {\n\t\t\t$element.find('.btn-down').removeClass('zero').addClass('disabled');\n\t\t} else {\n\t\t\t$element.find('.btn-down').removeClass('disabled');\n\t\t}\n\t}\n};\n\n\n\n// WEBPACK FOOTER //\n// D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/src/views/widgets/quantityInput/js/quantityInput.js","import { callApi } from \"../../../../global/js/api\";\nimport * as dataLayer from \"../../../../global/js/dataLayer\";\nimport { QuantityInput, updateQuantity } from \"../../../widgets/quantityInput/js/quantityInput\";\nimport { ShoppingCartItem } from \"../../../widgets/shoppingCartItem/js/shoppingCartItem\";\n\n// CONSTANTS are all caps.\nconst NS = 'PromotionalList';\nconst CLS = 'promotionalList';\nconst BLK = '.' + CLS + '-';\n\n// Import stuff here if you need to or even better to import them dynamically\n// for ex. of dynamic import check out ./loadBlk.js using Webpack dynamic imports as chunks.\n// import $ from 'jquery'\n\nexport class PromotionalList {\n\n\tconstructor($el) {\n\t\tthis.$el = $el;\n\t\tthis.$queryBlock = $(this.$el);\n\t}\n\n\tinit() {\n\t\tthis.registerEvent();\n\t}\n\n\tactionAnimation() {\n\t\tthis.$queryBlock.find('[data-progress]').each((index, $element) => {\n\t\t\t$element.style.width = `${$element.dataset.progress}%`\n\t\t});\n\t}\n\n\tregisterEvent() {\n\t\t$(document).on('promotional.update', (event, promotionalList, lineItemPrices) => {\n\t\t\tthis.updateShoppingCartItems(lineItemPrices);\n\t\t\tthis.updatePromotionItems(promotionalList);\n\t\t});\n\n\t\tthis.$queryBlock.on('click', '[data-add-promotion]', (event) => {\n\t\t\tconst $addToCart = event.currentTarget;\n\t\t\tconst {\n\t\t\t\tcode,\n\t\t\t\tquantity,\n\t\t\t\taddPromotion: endpoint\n\t\t\t} = $addToCart.dataset;\n\t\t\tconst reload = () => window.location.reload();\n\t\t\t$('.loading-spinner').addClass('is-active');\n\n\t\t\tthis.addPromotionItem({\n\t\t\t\tendpoint,\n\t\t\t\tcode,\n\t\t\t\tquantity,\n\t\t\t}, reload, reload);\n\t\t});\n\t}\n\n\tupdatePromotionItems(promotionalList) {\n\t\tthis.$queryBlock.html((promotionalList || []).map((promotionalItem) => {\n\t\t\treturn this.renderPromotionItem(promotionalItem);\n\t\t}));\n\t\tsetTimeout(() => {\n\t\t\tthis.actionAnimation();\n\t\t}, 100);\n\t}\n\n\tupdateShoppingCartItems(lineItemPrices) {\n\t\tconst ids = $('[data-wg=\"ShoppingCartItem\"]').toArray().map(($element) => `${$element.dataset.id}`);\n\t\tconst shoppingCartItems = lineItemPrices.filter(({ id }) => !ids.includes(`${id}`));\n\t\tconst deletedIds = ids.filter((id) => !lineItemPrices.map(({ id }) => `${id}`).includes(`${id}`));\n\n\t\tdeletedIds.map((id) => {\n\t\t\t$(`.shoppingCartItem[data-id=\"${id}\"]`).remove();\n\t\t});\n\n\t\t$('.list-product:not(.promotionalList)').append(shoppingCartItems.map((item) => {\n\t\t\tconst $item = this.renderLineItemPrice(item);\n\t\t\t(new QuantityInput($item.find('.quantityInput'))).init();\n\t\t\t(new ShoppingCartItem($item[0])).init();\n\n\t\t\treturn $item;\n\t\t}));\n\n\t\tconst lineItem = (lineItemPrices || []).reduce((acc, cur) => {\n\t\t\tacc[cur.id] = cur;\n\t\t\treturn acc;\n\t\t}, {});\n\n\t\t$('[check-hide-remove-button]').each((index, element) => {\n\t\t\tconst id = element.dataset.id;\n\t\t\tif (lineItem[id]) {\n\t\t\t\tconst $quantity = $(element).find('.quantityInput');\n\t\t\t\tif (lineItem[id].shouldHideRemoveButton) {\n\t\t\t\t\t$(element).addClass('is-hide-remove-button');\n\t\t\t\t\tupdateQuantity($quantity, { remove: false, quantity: lineItem[id].quantity});\n\t\t\t\t} else {\n\t\t\t\t\t$(element).removeClass('is-hide-remove-button');\n\t\t\t\t\tupdateQuantity($quantity, { remove: true, quantity: lineItem[id].quantity});\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\n\trenderPromotionItem({\n\t\tBadgeBackgroundColor,\n\t\tBadgeName,\n\t\tBadgeTextColor,\n\t\tDetails,\n\t\tHeader,\n\t\tIsRedeemed,\n\t\tHasDiscountedItemInCart,\n\t\tIsFreeGiftDiscount,\n\t\tMissingAmount,\n\t\tProductImage,\n\t\tProductPrice,\n\t\tProductUrl,\n\t\tProgress,\n\t\tRequiredAmount,\n\t\tTandCUrl,\n\t\tVariationCode\n\t}) {\n\t\tconst $beforeProgess = this.$queryBlock.find(`[data-progress-code=\"${VariationCode}\"]`);\n\t\tconst beforeProgessStyle = $beforeProgess[0] ? $($beforeProgess[0]).attr('style') : '';\n\t\tconst cssAddedToCart = IsRedeemed && HasDiscountedItemInCart ? \"is-added-to-cart\" : \"is-add-to-cart\";\n\t\tconst cssQualify = MissingAmount <= 0 ? \"is-qualify\" : \"no-qualify\";\n\t\tconst cssFreeGiftDiscount = IsFreeGiftDiscount ? \"is-free-gift\" : \"is-free-item\";\n\t\tconst cssClass = [cssAddedToCart, cssQualify, cssFreeGiftDiscount].join(' ');\n\n\t\treturn $(`\n\t\t`);\n\t}\n\n\taddPromotionItem(prop, succesCB, failCB) {\n\t\tconst {\n\t\t\tcode,\n\t\t\tquantity,\n\t\t\tendpoint\n\t\t} = prop;\n\t\tcallApi(endpoint, { code, quantity }).then((data) => {\n\t\t\tif (data.result == 'SUCCESS') {\n\t\t\t\tconst res = data.response;\n\t\t\t\tconst productObj = {\n\t\t\t\t\tcode: prop.code,\n\t\t\t\t\tquantity: prop.quantity,\n\t\t\t\t\tsize: prop.size || '',\n\t\t\t\t\titems: prop.items || [],\n\t\t\t\t};\n\t\t\t\tdataLayer.pushAddToCart(productObj, prop.datalayerDataSource);\n\t\t\t\tif (res.cartItems) {\n\t\t\t\t\tlet cartItems = res.cartItems;\n\t\t\t\t\tif (typeof cartItems === 'string') {\n\t\t\t\t\t\tcartItems = JSON.parse(cartItems);\n\t\t\t\t\t}\n\n\t\t\t\t\tdataLayer.pushCartItems(cartItems);\n\t\t\t\t}\n\n\t\t\t\tif (succesCB) succesCB(data);\n\t\t\t} else {\n\t\t\t\tif (failCB) failCB(data);\n\t\t\t}\n\t\t});\n\t}\n\n\trenderLineItemPrice({\n id,\n\t\timage,\n\t\turl,\n\t\tname,\n\t\tbarcode,\n\t\tshouldHideRemoveButton,\n\t\tisClickCollectNotAvailable,\n quantity,\n extendedPrice,\n\t\tisAustralianVendor,\n\t\tisHeavy,\n\t\tisDropship,\n\t\tbonusBuyBadges,\n\t\tcolourName,\n\t\tsizeDescription,\n\t}) {\n\t\tlet htmlAuVendorText = '';\n\t\tlet htmlClickCollectMessage = '';\n\t\tlet htmlBonusBuyBadges = '';\n\n\t\tif (isAustralianVendor && isHeavy) {\n\t\t\thtmlAuVendorText = window.heavyAustralianVendorText;\n\t\t} else if (isAustralianVendor) {\n\t\t\thtmlAuVendorText = window.australianVendorText;\n\t\t}\n\n\t\tif (isClickCollectNotAvailable || isDropship) {\n\t\t\thtmlClickCollectMessage = `${ window.clickCollectNotAvailableMessage }
`;\n\t\t}\n\n\t\tif (bonusBuyBadges && bonusBuyBadges.length) {\n\t\t\t// Append html for call refreshBonusBuyBadge to update view.\n\t\t\thtmlBonusBuyBadges = `\n\t\t\t\n\t\t\t\tAvailable Promotions: \n\t\t\t
\n\t\t\t
\n\t\t\t`;\n\t\t}\n\n\t\treturn $(``);\n\t}\n}\n\nexport function updatePomotional(freeOrDiscountedPromotionalItems, lineItemPrices = []) {\n\t$(document).trigger('promotional.update', [freeOrDiscountedPromotionalItems, lineItemPrices]);\n}\n\n\n\n// WEBPACK FOOTER //\n// D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/src/views/blocks/promotionalList/js/promotionalList.js","// CONSTANTS are all caps.\nconst CLS_ACTIVE = 'is-active';\nconst CLS_SHOW_CONFIRM = 'is-active';\nimport * as Api from '../../../../global/js/api';\nimport {updatePriceItem, refreshBonusBuyBadge} from '../../../../global/js/cart';\nimport {getEpiRecommendations} from '../../../../global/js/epiTrack';\nimport {RecommendationsBlock} from '../../../blocks/recommendationsBlock/js/recommendationsBlock';\nimport {QuantityInput} from '../../quantityInput/js/quantityInput';\n\nexport const UPDATE_CART = 'updateCartHeader';\nexport function updateHeaderCart(count) {\n\tif (count !== null) {\n\t\tconst $cartCount = $('.js-cartCount');\n\t\tif ($cartCount.length && count) {\n\t\t\t$cartCount.removeClass('invisible').text(count);\n\t\t} else if ($cartCount.length ) {\n\t\t\t$cartCount.addClass('invisible').text(count);\n\t\t}\n\t}\n\tHeaderCart.updateHeaderCartView();\n}\n\nexport class HeaderCart {\n\tconstructor($el) {\n\t\tthis.$el = $el;\n\t\tthis.$wg = $($el);\n\t}\n\n\tinit() {\n\t\tthis.registerEvent();\n\t\tthis.initRecommendationsBlock();\n\t\tthis.updateSwiper();\n\t}\n\n\tregisterEvent() {\n\t\tconst This = this;\n\n\t\tthis.$wg.on('click', '.btn-up:not(.disabled), .btn-down', function() {\n\t\t\tconst item = $(this).closest('.cart-item');\n\t\t\tconst currentVal = item.find('.quantityInput input').val();\n\t\t\tconst prevQuantity = item.data('prevQuantity');\n\t\t\tif (prevQuantity !== currentVal) {\n\t\t\t\tThis.updateItemQuantity(item);\n\t\t\t\titem.data('prevQuantity', currentVal);\n\t\t\t}\n\t\t});\n\n\t\tthis.$wg.on('click', '.cart-button-remove', function() {\n\t\t\tconst item = $(this).closest('.cart-item');\n\t\t\titem.find('.remove-overlay').addClass(CLS_SHOW_CONFIRM);\n\t\t});\n\n\t\tthis.$wg.on('click', '.cancel-button', function() {\n\t\t\tconst item = $(this).closest('.cart-item');\n\t\t\titem.find('.remove-overlay').removeClass(CLS_SHOW_CONFIRM);\n\t\t});\n\n\t\tthis.$wg.on('click', '.remove-confirm', function() {\n\t\t\tconst item = $(this).closest('.cart-item');\n\t\t\tThis.removeCartItem(item);\n\t\t});\n\n\t\t$(document).on(UPDATE_CART, function() {\n\t\t\tconst getMiniCartDetails = This.$wg.data('getMiniCartDetails');\n\t\t\tApi.getHtml(getMiniCartDetails).then((html) => {\n\t\t\t\tconst $cartContent = This.$wg.find('.cart-content');\n\t\t\t\tlet lineItemsCount = 0;\n\n\t\t\t\t$cartContent.html(html);\n\t\t\t\t$cartContent.find('[data-wg=\"QuantityInput\"]').each(function() {\n\t\t\t\t\tconst quantityInput = new QuantityInput(this);\n\t\t\t\t\tquantityInput.init();\n\t\t\t\t});\n\n\t\t\t\tThis.initRecommendationsBlock();\n\n\t\t\t\t$cartContent.find('.cart-item').each(function() {\n\t\t\t\t\tlineItemsCount = lineItemsCount + $(this).data('quantityInit');\n\t\t\t\t});\n\n\t\t\t\tThis.updateLineItemsCount(lineItemsCount);\n\t\t\t});\n\t\t});\n\t}\n\n\tinitRecommendationsBlock() {\n\t\tconst $recommendationsBlock = this.$wg.find('[data-blk=\"RecommendationsHeader\"]');\n\t\t$recommendationsBlock.length && getEpiRecommendations($recommendationsBlock, () => {\n\t\t\tconst recommendationsBlock = new RecommendationsBlock($recommendationsBlock[0]);\n\t\t\trecommendationsBlock.init();\n\t\t});\n\t}\n\n\tupdateSwiper() {\n\t\tconst $li = this.$wg.closest('li');\n\t\t$li.on('click', function() {\n\t\t\tconst hasSwiper = $li.hasClass('active') && $li.find('.swiper-container').length && $li.find('.swiper-container')[0].swiper;\n\t\t\tif (hasSwiper) {\n\t\t\t\t$li.find('.swiper-container')[0].swiper.update();\n\t\t\t}\n\t\t});\n\t}\n\n\tremoveCartItem(item) {\n\t\tconst This = this;\n\t\t$('.loading-spinner').addClass(CLS_ACTIVE);\n\t\tthis.removeCartItemCall(item).then(function(data) {\n\t\t\tHeaderCart.updateHeaderCartView();\n\t\t\t$('.loading-spinner').removeClass(CLS_ACTIVE);\n\t\t}).catch(function() {\n\t\t\t$('.loading-spinner').removeClass(CLS_ACTIVE);\n\t\t});\n\t}\n\n\tstatic updateHeaderCartView() {\n\t\t$(document).trigger(UPDATE_CART);\n\t}\n\n\thandleMessageItem(data, $item) {\n\t\tif (data.message) {\n\t\t\t$item.find('.error-messages').addClass(CLS_ACTIVE).text(data.message);\n\t\t\t$item.find('.quantityInput input').val(data.quantity);\n\t\t\t$item.find('.quantityInput .btn-up').addClass('disabled');\n\t\t} else {\n\t\t\t$item.find('.error-messages').removeClass(CLS_ACTIVE).text('');\n\t\t\t$item.find('.quantityInput .btn-up').removeClass('disabled');\n\t\t}\n\t}\n\n\tremoveCartItemCall(item) {\n\t\tconst removeItemApiEndpoint = item.data('removeItemApiEndpoint');\n\t\tconst id = item.data('id');\n\t\tconst data = {\n\t\t\tid,\n\t\t};\n\n\t\treturn Api.callApi(removeItemApiEndpoint, data);\n\t}\n\n\tupdateItemQuantity(item) {\n\t\tconst This = this;\n\t\t$('.loading-spinner').addClass(CLS_ACTIVE);\n\t\tthis.updateItemQuantityCall(item).then(function(data) {\n\t\t\tHeaderCart.updateHeaderCartView();\n\t\t\t$('.loading-spinner').removeClass(CLS_ACTIVE);\n\t\t}).catch(function() {\n\t\t\t$('.loading-spinner').removeClass(CLS_ACTIVE);\n\t\t});\n\t}\n\n\tupdateItemQuantityCall(item) {\n\t\tconst quantity = item.find('.quantityInput input').val();\n\t\tconst updateItemApiEndpoint = item.data('updateItemApiEndpoint');\n\t\tconst id = item.data('id');\n\t\tconst data = {\n\t\t\tid,\n\t\t\tquantity,\n\t\t};\n\n\t\treturn Api.callApi(updateItemApiEndpoint, data);\n\t}\n\n\tupdateTotal(subtotal) {\n\t\tconst subtotalText = parseFloat(subtotal).toFixed(2);\n\t\tthis.$wg.find('.cart-summary-price').text(`$${subtotalText}`);\n\t}\n\n\tupdateLineItemsCount(lineitemscount) {\n\t\tconst $siteHeaderCartCount = $('.js-cartCount');\n\t\tif (lineitemscount == 0) {\n\t\t\t$siteHeaderCartCount.text(lineitemscount).addClass('invisible');\n\t\t} else {\n\t\t\t$siteHeaderCartCount.text(lineitemscount).removeClass('invisible');\n\t\t}\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/src/views/widgets/headerCart/js/headerCart.js","// CONSTANTS are all caps.\nconst NS = 'RecommendationsBlock';\nconst CLS = 'recommendationsBlock';\nconst BLK = '.' + CLS + '-';\nconst CLS_LOADING = 'is-loading';\nconst CLS_HIDE = 'd-none';\nconst CLS_ACTIVE = 'is-active';\nconst CLS_ACTIVE_VARIANT = 'is-active-variant';\nconst CLS_HAS_INITED = 'has-inited';\nconst CLS_HAS_VARIANT = 'has-variant';\n\nconst D_VAR_CODE = 'variant-code';\nconst D_ITEM_DESC = 'item-description';\nconst D_ITEM_CODE = 'item-code';\nconst D_PROD_TYPE = 'product-type';\nconst D_REC_ID = 'recommendation-id';\nconst D_SALE_AVAIL = 'sale-availability';\nconst D_SKU = 'sku';\nconst BLK_PROD_LIST = 'productListingBlock';\nconst SALE_AVAILABILITY_INSTORE_NO_PRICE_VALUE = \"ISONP\";\nconst SALE_AVAILABILITY_INSTORE_VALUE = \"ISOOP\";\nconst PRODUCT_TYPE = {\n\tGENERIC: 'generic',\n\tCOLOR: 'color',\n\tSIZE: 'size',\n\tCOLOR_SIZE: 'colorsize'\n};\n\nconst PRODUCT_CLASS = {\n\tCOLOR: 'colors',\n\tSIZE: 'sizes',\n\tGENERIC: 'generic'\n}\n\nimport * as utils from '../../../../global/js/utils';\nimport * as Api from '../../../../global/js/api';\nimport * as klevuService from '../../../../global/js/klevuService';\nimport Handlebars from 'handlebars';\nimport '../../../../global/helpers/obj';\nimport {addToCart} from '../../../../global/js/cart';\nimport {EVENT_PRODUCT_QUICKVEW_SHOW} from '../../../../global/js/constants';\n\nexport class RecommendationsBlock {\n\tconstructor(el) {\n\t\tthis.el = el;\n\t\tthis.$el = $(el);\n\n\t\tthis.getProductsUrl = this.$el.data('getProductsUrl') || '';\n\t\tthis.products = this.$el.data('products') || '';\n\t\tthis.recommendationsType = this.$el.data('recommendationsType');\n\t\tthis.refCode = this.$el.data('productcode') || '';\n \tthis.productName = this.$el.data('productname') || '';\n \tthis.recs = this.$el.data('recs') || '';\n\t\tthis.contentTmpl;\n\t\tthis.sliderItemTmpl;\n\t\tthis.isMini = this.$el.hasClass(`${CLS}--mini`);\n\t\tthis.isModal = this.$el.hasClass(`${CLS}--modal`);\n\t\tthis.isCartDropdown = this.$el.hasClass(`${CLS}--cartDropdown`);\n\t\tthis.isKlevu = !window.enableOptiRecommenations;\n\t}\n\n\tinit() {\n\t\tconsole.log(\"Kesini: \", this.getProductsUrl);\n\t\t// prevent call initialization twice\n\t\tif (this.$el.hasClass(CLS_HAS_INITED)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setContentTemplate();\n\t\tthis.setSliderTemplate();\n\n\t\tlet contentModel = {\n\t\t\ttitle: this.$el.data('title') || '',\n\t\t\tcontent: this.$el.data('content') || '',\n\t\t\talignCenter: this.$el.data('alignCenterHeader'),\n\t\t\tviewMoreLink: this.$el.data('viewMoreLink') || '',\n\t\t};\n\t\tthis.renderContent(contentModel);\n\t\tthis.getProducts();\n\t}\n\n\trenderContent(conteModel) {\n\t\tthis.$el.html(this.contentTmpl(conteModel));\n\t\tthis.$slider = this.$el.find(`.${CLS}-slider`);\n\t\tthis.$sliderWrap = this.$el.find(`.${CLS}-sliderWrap`);\n\t\tthis.$errorMessages = this.$el.find('.error-messages');\n\t}\n\n\tgetProducts() {\n\t\tif (!this.getProductsUrl || !this.products) return;\n\n\t\tlet handleError = (errorMsg) => {\n\t\t\tthis.$el.addClass(CLS_HIDE);\n\t\t\tthis.$errorMessages.html(errorMsg).addClass(CLS_ACTIVE);\n\t\t\tthis.$el.removeClass(CLS_LOADING);\n\t\t\tthis.renderItem([]);\n\t\t};\n\n\t\tthis.$el.addClass(CLS_LOADING);\n\t\tthis.$el.removeClass(CLS_ACTIVE);\n\t\tthis.getProductRecommendations().then((items) => {\n\t\t\tif (items) {\n\t\t\t\tthis.renderItem(items);\n\t\t\t\tif (this.isMini) {\n\t\t\t\t\tlet badges = this.$el.find('.productItem-label');\n\t\t\t\t\tif (badges.length) {\n\t\t\t\t\t\tthis.$el.addClass('has-badges');\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.renderItem([]);\n\t\t\t}\n\t\t}).catch((error) => {\n\t\t\thandleError(error);\n\t\t});\n\t}\n\n\tgetProductRecommendations() {\n\t\tif (this.isKlevu) {\n\t\t\treturn klevuService.searchByFilters([\n\t\t\t\t{\n\t\t\t\t\tkey: 'productCode',\n\t\t\t\t\tsettings: {\n\t\t\t\t\t\tsingleSelect: false,\n\t\t\t\t\t},\n\t\t\t\t\tvalues: this.products.split(','),\n\t\t\t\t},\n\t\t\t], klevuService.convertData);\n\t\t} else {\n\t\t\treturn this.getProductRecommendationsFromOpti();\n\t\t}\n\t}\n\n\tgetProductRecommendationsFromOpti() {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tApi.getApi(`${this.getProductsUrl}/${this.products}`).then((response) => {\n\t\t\t\tif (typeof response === 'string') {\n\t\t\t\t\tlet data = JSON.parse(response);\n\t\t\t\t\tif (data.result == 'SUCCESS') {\n\t\t\t\t\t\tlet items = data.response && data.response.items;\n\t\t\t\t\t\tresolve(items);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tlet errorMsg = data.message || data.error || '';\n\t\t\t\t\t\treject(errorMsg);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tlet errorMsg = response.message || response.error || '';\n\t\t\t\t\treject(errorMsg);\n\t\t\t\t}\n\t\t\t}).catch((error) => {\n\t\t\t\treject(error);\n\t\t\t});\n\t\t});\n\t}\n\n\tcheckAvailableSale(saleAvailability) {\n\t\treturn ![SALE_AVAILABILITY_INSTORE_NO_PRICE_VALUE, SALE_AVAILABILITY_INSTORE_VALUE].includes(saleAvailability);\n\t}\n\n\trenderItem(items) {\n\t\tlet itemHtml = '';\n\t\tconst limitProductToShowRecommendBlock = 5;\n\t\tconst itemAvailableSales = items.filter((item) => !item.saleAvailability || this.checkAvailableSale(item.saleAvailability));\n\t\tconst isShowRecommendBlock = itemAvailableSales.length >= limitProductToShowRecommendBlock;\n\t\tif (isShowRecommendBlock) {\n\t\t\t// prepare model\n\t\t\tfor (let i = 0; i < itemAvailableSales.length; i++) {\n\t\t\t\tlet itemModel = itemAvailableSales[i];\n\t\t\t\tlet hasDiscount = itemModel.isDiscountPrice;\n\t\t\t\titemModel.hasVariant = (itemModel.colors && itemModel.colors.items.length > 1) || (itemModel.sizes && itemModel.sizes.items.length > 1);\n\t\t\t\titemModel.imageUrl = (itemModel.images && itemModel.images.length > 0 && itemModel.images[0].thumb);\n\t\t\t\titemModel.price = itemModel.displayPrice;\n\t\t\t\titemModel.isMini = this.isMini;\n\t\t\t\titemModel.itemCode = (itemModel.variants && itemModel.variants.length > 0 && itemModel.variants[0].code);\n\t\t\t\titemModel.productType = itemModel.type;\n\t\t\t\titemModel.showCLROverlay = itemModel.isClearancePrice;\n\t\t\t\titemModel.showKNOverlay = itemModel.isKnockDownPrice;\n\t\t\t\titemModel.showPercentOverlay = hasDiscount;\n\t\t\t\titemModel.showHPOverlay = itemModel.isHotPrice;\n\t\t\t\titemModel.isKlevu = this.isKlevu;\n\n\t\t\t\tif (itemModel.showKNOverlay && itemModel.discountCode) {\n\t\t\t\t\titemModel.discountCode = `${itemModel.discountCode}`;\n\t\t\t\t}\n\n\t\t\t\tif (hasDiscount) {\n\t\t\t\t\tlet saleCode = '';\n\t\t\t\t\tif (itemModel.variants && itemModel.variants.length > 0) {\n\t\t\t\t\t\tsaleCode = itemModel.variants[0].price.saleCode;\n\t\t\t\t\t\titemModel.discountCode = utils.getDiscountText(saleCode);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tlet recommendationId = this.getRecommendationId(itemModel.code);\n\t\t\t\tif (recommendationId) {\n\t\t\t\t\titemModel.url = `${itemModel.url}?recommendationId=${recommendationId}`;\n\t\t\t\t\titemModel.recommendationId = recommendationId;\n\t\t\t\t}\n\n\t\t\t\tif (itemModel.newInText) {\n\t\t\t\t\titemModel.customLabel = {\n\t\t\t\t\t\ttext: itemModel.newInText,\n\t\t\t\t\t\tcolor: itemModel.newInTextColor,\n\t\t\t\t\t\tbgColor: itemModel.newInTextBackgroundColor,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tif (!this.isKlevu) {\n\t\t\t\t\tlet colours = itemModel.colors.items;\n\t\t\t\t\tif (colours && colours.length) {\n\t\t\t\t\t\tcolours.forEach((item, index) => {\n\t\t\t\t\t\t\tif (item.hexColour) {\n\t\t\t\t\t\t\t\tlet splitColourSwatch = item.hexColour.split(',');\n\t\t\t\t\t\t\t\tcolours[index].arrColourSwatch = splitColourSwatch;\n\t\t\t\t\t\t\t\tcolours[index].firstColor = splitColourSwatch[0];\n\t\t\t\t\t\t\t\tcolours[index].secondColor = splitColourSwatch[1];\n\t\t\t\t\t\t\t\tcolours[index].thirdColor = splitColourSwatch[2];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tlet sliderItem = this.sliderItemTmpl(itemModel);\n\t\t\t\t// Limit badges <= 2\n\t\t\t\tlet sliderItemHtml = $.parseHTML(sliderItem);\n\t\t\t\tif (!this.isKlevu) {\n\t\t\t\t\tlet badges = $(sliderItemHtml).find('.productItem-labelWrap .productItem-label');\n\t\t\t\t\tbadges = badges.splice(0, 2);\n\t\t\t\t\t$(sliderItemHtml).find('.productItem-labelWrap').html(badges);\n\t\t\t\t}\n\n\t\t\t\tlet sliderItemFiltered = sliderItemHtml[1].outerHTML;\n\t\t\t\titemHtml += sliderItemFiltered;\n\t\t\t}\n\t\t\tthis.$slider.html(itemHtml);\n\t\t\tthis.handleAddBtn();\n\t\t\tthis.checkImageLoad();\n\t\t} else {\n\t\t\tthis.removeRecommendedBlock();\n\t\t\tthis.updateRecommendedProductsTab();\n\t\t}\n\t}\n\n\tremoveRecommendedBlock() {\n\t\tthis.$slider.closest('.pdp-info-item, .wrap-recommendations-hide-not-items, .productrecsblock').remove();\n\t}\n\n\tupdateRecommendedProductsTab() {\n\t\tconst hasRecommendedProducts = $(\"#recommendedProductsTab\").children().length;\n\t\tif (!hasRecommendedProducts) {\n\t\t\t$('.recommendedProductsTab').remove();\n\t\t}\n\t}\n\n\tgetRecommendationId(refCode) {\n\t\tif (!this.recs) return;\n\t\tlet curRecs = this.recs.find(o => o.refCode === refCode);\n\t\treturn curRecs && curRecs.id;\n\t}\n\n\tcheckImageLoad() {\n\t\tlet totalImages = this.$slider.find('img').length;\n\n\t\tconst checkTotalImage = (imgCount) => {\n\t\t\tif (totalImages === imgCount) {\n\t\t\t\tthis.initSwiper();\n\t\t\t}\n\t\t};\n\n\t\tlet imgCount = 0;\n\t\tthis.$slider.find('img').each((i, el) => {\n\t\t\tlet $target = $(el);\n\t\t\tlet img = new Image();\n\t\t\timg.onload = function() {\n\t\t\t\timgCount += 1;\n\t\t\t\tcheckTotalImage(imgCount);\n\t\t\t}\n\n\t\t\timg.onerror = function() {\n\t\t\t\timgCount += 1;\n\t\t\t\tcheckTotalImage(imgCount);\n\t\t\t}\n\n\t\t\timg.src = $target.attr('src');\n\t\t});\n\t}\n\n\tinitSwiper() {\n\t\t// from mobile to desktop\n\t\tlet slideToShow = 1.5;\n\t\tlet slideToShowSm = 2;\n\t\tlet slideToShowMd = 3;\n\t\tlet slideToShowLg = 4;\n\n\t\tif (this.isMini) {\n\t\t\tslideToShow = slideToShowLg = slideToShowMd = slideToShowSm = 1;\n\t\t} else if (this.isModal) {\n\t\t\tslideToShow = slideToShowLg = slideToShowMd = slideToShowSm = 2;\n\t\t} else if (this.isCartDropdown) {\n\t\t\tslideToShow = slideToShowLg = slideToShowMd = slideToShowSm = 2.35;\n\t\t}\n\n\t\tconst swiper = new Swiper(this.$sliderWrap[0], {\n\t\t\tinit: false,\n\t\t\tslidesPerView: slideToShow,\n\t\t\tspaceBetween: this.isCartDropdown ? 20 : 16,\n\t\t\tfreeMode: !this.isMini,\n\t\t\tmousewheel: true,\n\t\t\tnavigation: {\n\t\t\t\tnextEl: this.$el.find('.swiper-button-next')[0],\n\t\t\t\tprevEl: this.$el.find('.swiper-button-prev')[0],\n\t\t\t},\n\t\t\tscrollbar: this.isMini ? false : {\n\t\t\t\tel: this.$sliderWrap.find('.swiper-scrollbar')[0],\n\t\t\t\tdraggable: true,\n\t\t\t},\n\t\t\tpagination: !this.isMini ? false : {\n\t\t\t\tel: this.$el.find('.swiper-pagination')[0],\n\t\t\t\tclickable: true,\n\t\t\t},\n\t\t\tbreakpoints: {\n\t\t\t\t[utils.BREAKPOINT.SM]: {\n\t\t\t\t\tslidesPerView: slideToShowSm,\n\t\t\t\t},\n\t\t\t\t[utils.BREAKPOINT.MD]: {\n\t\t\t\t\tslidesPerView: slideToShowMd,\n\t\t\t\t},\n\t\t\t\t[utils.BREAKPOINT.LG]: {\n\t\t\t\t\tslidesPerView: slideToShowLg,\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\n\t\tswiper.on('init', () => {\n\t\t\tthis.handleItemClick();\n\t\t\tif (!this.isKlevu) {\n\t\t\t\tthis.handleOptionClick();\n\t\t\t}\n\t\t\tthis.$el.removeClass(CLS_LOADING);\n\t\t\tthis.$el.addClass(CLS_HAS_INITED);\n\t\t\tthis.$el.removeClass(CLS_HIDE);\n\t\t});\n\n\t\tswiper.init();\n\t}\n\n\thandleAddBtn() {\n\t\t\tthis.$el.find(`${BLK}btn`).on('click', (e) => {\n\t\t\t\tlet $btn = $(e.target);\n\t\t\t\tlet $item = $btn.closest(`${BLK}item`);\n\t\t\t\te.preventDefault();\n\n\t\t\t\t// if mini redirect to PDP if has-variant\n\t\t\t\tif (this.isMini) {\n\t\t\t\t\tlet url = $item.find(`.${CLS}-itemInner`).data('url');\n\t\t\t\t\tif (url) {\n\t\t\t\t\t\twindow.location.href = url;\n\t\t\t\t\t}\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (this.isKlevu) {\n\t\t\t\t\tconst itemId = $item.attr('data-ref-code');\n\t\t\t\t\tconst productImage = $item.attr('data-image');\n\n\t\t\t\t\t$('[data-blk=\"ProductQuickView\"]').trigger(EVENT_PRODUCT_QUICKVEW_SHOW, [{itemId, productImage}]);\n\t\t\t\t} else {\n\t\t\t\t\tif (!this.checkSelectedVariant($item)) return;\n\t\t\t\t\tthis.$el.addClass(CLS_LOADING);\n\t\t\t\t\tlet prop = this.prepareProductProp($item);\n\t\t\t\t\taddToCart(prop, () => {\n\t\t\t\t\t\t// success callback\n\t\t\t\t\t\tthis.$el.removeClass(CLS_LOADING);\n\t\t\t\t\t}, () => {\n\t\t\t\t\t\t// fail callback\n\t\t\t\t\t\tthis.$el.removeClass(CLS_LOADING);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\thandleItemClick() {\n\t\tthis.$el.find(`${BLK}itemInner`).each((i, item) => {\n\t\t\t$(item).on('click', (e) => {\n\t\t\t\tlet $target = $(e.target);\n\t\t\t\t//Â redirect on click except on button or variant click\n\t\t\t\tif (!$target.hasClass(`${CLS}-btn`) && $target.closest(`.${CLS}-itemDetail`).length === 0) {\n\t\t\t\t\twindow.location.href = item.getAttribute('data-url');\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tprepareProductProp($item) {\n\t\treturn {\n\t\t\tendpoint: $('.endpoints-definition').data('add-to-bag-endpoint') || '',\n\t\t\tcode: $item.data(D_VAR_CODE) || $item.data(D_ITEM_CODE) || '',\n\t\t\tquantity: '1',\n\t\t\tsize: '',\n\t\t\tdatalayerDataSource: '',\n\t\t\ttitle: $item.find(`.${CLS}-itemTitle`).text() || '',\n\t\t\tcartLink: $('[data-cart-link]').data('cart-link') || '',\n\t\t\tprodImg: $item.find(`.${CLS}-itemImg`).attr('src') || '',\n\t\t\trecommendationId: $item.data(D_REC_ID) || '',\n\t\t};\n\t}\n\n\thandleOptionClick() {\n\t\tthis.$el.find('.productListingBlock-option').on('click', (e) => {\n\t\t\te.preventDefault();\n\t\t\tlet $option = $(e.target);\n\t\t\tlet $item = $option.closest(`.${CLS}-item`);\n\t\t\tif (!$option.hasClass('productListingBlock-option')) {\n\t\t\t\t$option = $option.closest('.productListingBlock-option');\n\t\t\t}\n\t\t\tthis.setActiveOption($item, $option);\n\t\t});\n\t}\n\n\tsetActiveOption($item, $option) {\n\t\tlet currentVariant = {\n\t\t\tsize: '',\n\t\t\tcolor: '',\n\t\t};\n\n\t\tcurrentVariant.size = $item.find(`.${BLK_PROD_LIST}-option.item-size.is-active.is-active-variant:visible`).data(D_ITEM_DESC) || '';\n\t\tif ($option.parent().hasClass(PRODUCT_CLASS.COLOR)) {\n\t\t\tcurrentVariant.color = $option.data(D_VAR_CODE);\n\t\t\t// when change the color, if the selected size existed then make the size 'active'\n\t\t\tlet $sizeOptions = $item.find(`[data-parent-itemid=\"${currentVariant.color}\"]`).find('.productListingBlock-options').children();\n\t\t\tfor (let i = 0; i < $sizeOptions.length; i++) {\n\t\t\t\tif ($($sizeOptions[i]).data(D_ITEM_DESC) === currentVariant.size) {\n\t\t\t\t\t// keep existing the size selection\n\t\t\t\t\t$($sizeOptions[i]).addClass(CLS_ACTIVE);\n\t\t\t\t\t$($sizeOptions[i]).addClass(CLS_ACTIVE_VARIANT);\n\t\t\t\t} else {\n\t\t\t\t\t// remove active selection\n\t\t\t\t\t$($sizeOptions[i]).removeClass(CLS_ACTIVE);\n\t\t\t\t\t$($sizeOptions[i]).removeClass(CLS_ACTIVE_VARIANT);\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tcurrentVariant.size = $option.data(D_ITEM_DESC);\n\t\t}\n\n\t\t// check if this option has sizes then show the size with the same product id\n\t\tlet variantCode;\n\t\tlet desc = $option.data(D_ITEM_DESC);\n\t\tlet prodType = $item.data(D_PROD_TYPE);\n\n\t\tif ($option.hasClass('has-sizes')) {\n\t\t\tlet itemCode = $option.data(D_VAR_CODE);\n\t\t\t$item.find('[data-parent-itemid]').addClass(CLS_HIDE);\n\t\t\t$item.find('[data-parent-itemid=\"' + itemCode + '\"]').removeClass(CLS_HIDE);\n\t\t\tvariantCode= $item.find(`.${BLK_PROD_LIST}-optionsWrapper:not(.${CLS_HIDE}) .sizes .${CLS_ACTIVE_VARIANT}`).data(D_SKU);\n\t\t\tlet sizeTextActive = $item.find(`.${BLK_PROD_LIST}-optionsWrapper:not(.${CLS_HIDE}) .sizes .${CLS_ACTIVE_VARIANT}`).text();\n\t\t\t$item.find('[data-parent-itemid=\"' + itemCode + '\"]').find(`.${BLK_PROD_LIST}-optionText`).text(sizeTextActive);\n\t\t}\n\n\t\t$option.closest(`.${BLK_PROD_LIST}-optionsWrapper`).find(`.${BLK_PROD_LIST}-optionText`).text(desc);\n\t\t$option.closest(`.${BLK_PROD_LIST}-optionsWrapper`).find(`.${BLK_PROD_LIST}-option:not(.slide)`).removeClass(CLS_ACTIVE);\n\n\t\t$option.closest(`.${BLK_PROD_LIST}-optionsWrapper`).find(`.${BLK_PROD_LIST}-option`).removeClass(CLS_ACTIVE_VARIANT);\n\t\t$option.addClass(CLS_ACTIVE_VARIANT);\n\n\t\t// cleanup styles\n\t\t$option.not('.slide').addClass(CLS_ACTIVE);\n\n\t\tif (prodType !== PRODUCT_TYPE.COLOR_SIZE) {\n\t\t\tvariantCode = this.getVariantCode($item);\n\t\t} else {\n\t\t\tvariantCode = $option.data(D_SKU);\n\t\t}\n\n\t\tif (!variantCode && $option.hasClass(PRODUCT_CLASS.GENERIC)) {\n\t\t\tvariantCode = $option.data(D_VAR_CODE);\n\t\t}\n\n\t\tif (variantCode) {\n\t\t\t$item.data(D_VAR_CODE, variantCode);\n\t\t}\n\t}\n\n\tgetVariantCode($item) {\n\t\tlet prodType = $item.data(D_PROD_TYPE);\n\t\tlet itemCode = $item.data(D_ITEM_CODE);\n\t\tlet colorSku = $item.find(`.${BLK_PROD_LIST}-options.colors .${CLS_ACTIVE_VARIANT}`).data(D_SKU) || null;\n\t\tlet sizeSku = $item.find(`.${BLK_PROD_LIST}-options.sizes .${CLS_ACTIVE_VARIANT}`).data(D_SKU) || null;\n\n\t\tif (prodType === PRODUCT_TYPE.COLOR_SIZE) {\n\t\t\tsizeSku = $item.find(`.${BLK_PROD_LIST}-optionsWrapper:not(.${CLS_HIDE}) .sizes .${CLS_ACTIVE_VARIANT}`).data(D_SKU) || null;\n\t\t}\n\n\t\tlet variantCode;\n\t\tswitch (prodType) {\n\t\t\tcase PRODUCT_TYPE.SIZE:\n\t\t\t\tvariantCode = sizeSku;\n\t\t\t\tbreak;\n\t\t\tcase PRODUCT_TYPE.COLOR:\n\t\t\t\tvariantCode = colorSku;\n\t\t\t\tbreak;\n\t\t\tcase PRODUCT_TYPE.COLOR_SIZE:\n\t\t\t\tvariantCode = sizeSku;\n\t\t\t\tbreak;\n\t\t\tcase PRODUCT_TYPE.GENERIC:\n\t\t\t\tvariantCode = itemCode;\n\t\t\t\tbreak;\n\t\t}\n\t\treturn variantCode;\n\t}\n\n\tcheckSelectedVariant($item) {\n\t\tlet errorMsg = `Please select product options before adding this product to your cart`;\n\t\t$item.find('.error-messages.add-to-cart-errors').text('').removeClass(CLS_ACTIVE);\n\n\t\t// if no variant code selected\n\t\t// if no options exist, don't check the add to cart\n\t\tlet optionsCount = $item.find(`.${BLK_PROD_LIST}-option:visible`).length;\n\t\t// if no options has been selected\n\t\tif (optionsCount > 0) {\n\t\t\t// color only\n\t\t\tlet colorOption = $item.find(`.${BLK_PROD_LIST}-options.colors .${BLK_PROD_LIST}-option.is-active.is-active-variant:not(.has-sizes)`);\n\t\t\t// color and size\n\t\t\tlet colorSizeOption = $item.find(`.${BLK_PROD_LIST}-option.has-sizes.is-active.is-active-variant`);\n\t\t\t// size only\n\t\t\tlet sizeOption = $item.find(`.${BLK_PROD_LIST}-option.item-size.is-active.is-active-variant`);\n\t\t\t// generic\n\t\t\tlet genericOptions = $item.find(`.${BLK_PROD_LIST}-option.generic.is-active.is-active-variant`);\n\n\t\t\t// no variant has been selected\n\t\t\tif (\n\t\t\t\tcolorOption.length == 0 &&\n\t\t\t\tcolorSizeOption.length == 0 &&\n\t\t\t\tsizeOption.length == 0 &&\n\t\t\t\tgenericOptions.length == 0\n\t\t\t) {\n\t\t\t\t$item.find('.error-messages.add-to-cart-errors').addClass(CLS_ACTIVE).text(errorMsg);\n\t\t\t\t$('.loading-spinner').removeClass(CLS_ACTIVE);\n\t\t\t\treturn false;\n\t\t\t} else {\n\t\t\t\tif (colorSizeOption.length != 0) {\n\t\t\t\t\tlet parentId = colorSizeOption.data(D_VAR_CODE);\n\t\t\t\t\tlet sizeOption = $item.find('[data-parent-itemid=\"'+parentId+'\"]').find(`.${BLK_PROD_LIST}-option.item-size.is-active.is-active-variant`);\n\t\t\t\t\tif (sizeOption.length == 0) {\n\t\t\t\t\t\t$item.find('.error-messages.add-to-cart-errors').addClass(CLS_ACTIVE).text(errorMsg);\n\t\t\t\t\t\t$('.loading-spinner').removeClass(CLS_ACTIVE);\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\tpreventRedirect() {\n\t\tthis.$el.find(`.${CLS}-itemDetail`).on('click', (e) => {\n\t\t\te.preventDefault();\n\t\t});\n\t}\n\n\tsetContentTemplate() {\n\t\tlet itemFile = require('../../../blocks/recommendationsBlock/tmpl/recommendationsContent.hbs');\n\t\tHandlebars.registerPartial('recommendationsContent', itemFile);\n\n\t\tlet itemTmpl = `\n\t\t\t{{> recommendationsContent\n\t\t\t\tblk=\"recommendationsBlock\"\n\t\t\t}}\n\t\t`;\n\n\t\tlet precompiled = new Function('return ' + Handlebars.precompile(itemTmpl))();\n\t\tthis.contentTmpl = Handlebars.template(precompiled);\n\t}\n\n\tsetSliderTemplate() {\n\t\tlet itemFile = require('../../../blocks/recommendationsBlock/tmpl/recommendationsItem.hbs');\n\t\tlet optionSizeFile = require('../../../blocks/recommendationsBlock/tmpl/optionSize.hbs');\n\t\tlet optionColorFile = require('../../../blocks/recommendationsBlock/tmpl/optionColor.hbs');\n\t\tlet itemLabel = require('../../../widgets/productItem/tmpl/_productItemLabel.hbs');\n\t\t// _productItemPrice\n\t\tHandlebars.registerPartial('recommendationsItem', itemFile);\n\t\tHandlebars.registerPartial('optionSize', optionSizeFile);\n\t\tHandlebars.registerPartial('optionColor', optionColorFile);\n\t\tHandlebars.registerPartial('_productItemLabel', itemLabel);\n\n\t\tlet itemTmpl = `\n\t\t\t{{> recommendationsItem\n\t\t\t\tblk=\"recommendationsBlock\"\n\t\t\t}}\n\t\t`;\n\n\t\tlet precompiled = new Function('return ' + Handlebars.precompile(itemTmpl))();\n\t\tthis.sliderItemTmpl = Handlebars.template(precompiled);\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/src/views/blocks/recommendationsBlock/js/recommendationsBlock.js","const NS = 'RegionStorePopup';\nconst CLS = 'regionStorePopup';\nconst CLS_IS_SELECTED = 'is-selected';\nexport const EVT_SET_REGION = `${CLS}.setStore`;\n\nimport * as Api from '../../../../global/js/api';\nimport GoogleMapsApi from '../../../../global/js/googleMapsApi';\nimport {saveSelectedStore, checkLocalStorage, storeNameShorter} from '../../../../global/js/findInStore';\nimport * as checkout from '../../../../global/js/checkout';\nimport {handleTimeOutRequest} from '../../../../global/js/cart';\nimport {dispatchEvent} from '../../../../global/js/utils';\nexport class RegionStorePopup {\n\tconstructor(el) {\n\t\tthis.el = el;\n\t\tthis.$el = $(el);\n\t\tthis.gmapApi = new GoogleMapsApi('callback_regionStorePopup');\n\t\tthis.tableContainer = this.$el.find('.regionStorePopup-body');\n\t\tthis.resultsContainer = this.$el.find('.regionStorePopup-tbody');\n\t\tthis.regionDetail = $('.siteHeader-regionDetail');\n\t\tthis.storeSelected = $('.siteHeader-regionDetail .selected-store');\n\t\tthis.modal = $(`#${CLS}-modal`);\n\t\tthis.storeInfo = {\n\t\t\tstoreId: '',\n\t\t\tstoreName: '',\n\t\t\tcontentLinkID: '',\n\t\t\tregionId: '',\n\t\t\tbranchSearch: '',\n\t\t};\n\t}\n\n\tinit() {\n\t\tthis.initCustomEvent();\n\t\tthis.initPopup();\n\t\tthis.handleStoreClick();\n\t\tthis.handleEventModal();\n\t}\n\n\tinitCustomEvent() {\n\t\tthis.el.addEventListener(EVT_SET_REGION, (e) => {\n\t\t\tlet localStorage = checkLocalStorage();\n\t\t\tthis.storeInfo = localStorage.storeInfo;\n\t\t\tthis.regionDetail.addClass('selected');\n\t\t\tthis.storeSelected.html(storeNameShorter(this.storeInfo.storeName));\n\t\t});\n\t}\n\n\tinitPopup() {\n\t\tconst This = this;\n\t\tconst $pg = $(this.$el);\n\t\tlet googleApiKey = window.googleApiKey;\n\t\tlet locationInput = $pg.find('#input-search-store');\n\n\t\tlet localStorage = checkLocalStorage();\n\t\tthis.storeInfo = localStorage.storeInfo;\n\t\tif (this.storeInfo.storeName) {\n\t\t\tthis.regionDetail.addClass('selected');\n\t\t\tthis.storeSelected.html(storeNameShorter(this.storeInfo.storeName));\n\t\t}\n\n\t\t$('.regionStorePopup-formInput .btn-search').on('click', function() {\n\t\t\tThis.geoLocSearchCall();\n\t\t});\n\n\t\tlocationInput.on('input', function() {\n\t\t\tlet $val = $(this).val();\n\t\t\tsetTimeout(function() {\n\t\t\t\tif (locationInput.val() == $val) { // check if value has changed within the set timeout value\n\t\t\t\t\tif ($val.length > 1 && !window.callInProgress) {\n\t\t\t\t\t\twindow.callInProgress = true;\n\t\t\t\t\t\tThis.geoLocSearchCall();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}, 500); // 1/2 sec delay to check if user is done typing\n\t\t});\n\n\t\t// clicks outside pg and outside the results wrapper will close it and clear its content\n\t\t$(document).on('click', function(event) {\n\t\t\tif (!$(event.target).closest('#input-search-store, .predictions-results').length) {\n\t\t\t\tlet resultsWrapper = $pg.find('.predictions-results');\n\t\t\t\tresultsWrapper.find('ul').empty();\n\t\t\t\tresultsWrapper.removeClass('is-active');\n\t\t\t}\n\t\t});\n\n\t\tthis.gmapApi.load(googleApiKey);\n\n\t\t$pg.on('click', '.predictions-results li:not(.empty-result)', function() {\n\t\t\tlet text = $(this).text();\n\t\t\tlocationInput.val(text);\n\t\t\t// carry on with the previous sequence of finding the stores\n\t\t\t// hide results\n\t\t\tlet resultsWrapper = $pg.find('.predictions-results');\n\t\t\tresultsWrapper.find('ul').empty();\n\t\t\tresultsWrapper.removeClass('is-active');\n\t\t\tThis.storeInfo.branchSearch = text;\n\t\t\tThis.initPostcodeSearch();\n\t\t});\n\n\t\t// Handle click store in case fallback\n\t\t$pg.on('change', '#selectBoxStore', function(_, data) {\n\t\t\tThis.storeInfo.regionId = data.value;\n\t\t\tconst storeList = JSON.parse(data.store);\n\t\t\tThis.initPostcodeSearch(storeList);\n\t\t});\n\t}\n\n\thandleEventModal() {\n\t\tconst $html = $('html');\n\t\tlet scrollTop = 0;\n\t\t$('.regionStorePopup-modal, .storeAvailNew-modal')\n\t\t\t.on('show.bs.modal', () => {\n\t\t\t\tscrollTop = $html.scrollTop();\n\t\t\t\t$html.css({\n\t\t\t\t\ttop: -scrollTop + 'px',\n\t\t\t\t\twidth: '100vw',\n\t\t\t\t\tposition: 'fixed',\n\t\t\t\t\toverflow: 'hiden',\n\t\t\t\t});\n\t\t\t})\n\t\t\t.on('hide.bs.modal', () => {\n\t\t\t\t$html.css({\n\t\t\t\t\ttop: '',\n\t\t\t\t\twidth: '',\n\t\t\t\t\tposition: '',\n\t\t\t\t\toverflow: '',\n\t\t\t\t});\n\t\t\t\t$html.scrollTop(scrollTop);\n\t\t\t});\n\t}\n\n\tgeoLocSearchCall() {\n\t\tlet This = this;\n\t\tlet $pg = this.$el;\n\t\twindow.$storePopup = $pg;\n\t\tlet searchTerm = $pg.find('#input-search-store').val();\n\t\tlet iconSpinner = $pg.find('.icon-spinner');\n\t\tlet cntry = 'NZL';\n\t\thandleTimeOutRequest(\n\t\t\t(resolve, reject) => {\n\t\t\t\ttry {\n\t\t\t\t\tthis.gmapApi.getPlacePredictions(searchTerm, {\n\t\t\t\t\t\toffset: searchTerm.length,\n\t\t\t\t\t\tcomponentRestrictions: {country: cntry},\n\t\t\t\t\t\ttypes: ['(regions)'],\n\t\t\t\t\t}).then((response)=> {\n\t\t\t\t\t\tlet predictions = response.predictions;\n\t\t\t\t\t\tlet status = response.status;\n\t\t\t\t\t\tresolve({\n\t\t\t\t\t\t\tpredictions,\n\t\t\t\t\t\t\tstatus,\n\t\t\t\t\t\t});\n\t\t\t\t\t}).catch((error)=> {\n\t\t\t\t\t\tresolve(error);\n\t\t\t\t\t});\n\t\t\t\t} catch (error) {\n\t\t\t\t\treject(error);\n\t\t\t\t}\n\t\t\t},\n\t\t\tthis.displayGeoLocResults,\n\t\t\tthis.displayChoseStoreFallback.bind(this)\n\t\t);\n\n\t\ticonSpinner.addClass('is-active');\n\t}\n\n\tdisplayChoseStoreFallback() {\n\t\tthis.$el.find('.regionStorePopup-normal').hide();\n\t\tthis.$el.find('.regionStorePopup-fallback').show();\n\t}\n\n\tdisplayGeoLocResults(predictions, status) {\n\t\tlet resultsWrapper = window.$storePopup.find('.predictions-results');\n\t\tresultsWrapper.find('ul').empty();\n\t\tresultsWrapper.addClass('is-active');\n\t\t// eslint-disable-next-line no-undef\n\t\tif (status !== 'OK') {\n\t\t\t// an error occurd or no results\n\t\t\tresultsWrapper.find('ul').append(` No results found. Please try a more generic keyword. `);\n\t\t} else {\n\t\t\tpredictions.forEach(function(prediction) {\n\t\t\t\tlet predTypes = prediction.types;\n\t\t\t\tif (\n\t\t\t\t\t$.inArray('country', predTypes) == -1 &&\n\t\t\t\t\t$.inArray('point_of_interest', predTypes) == -1\n\t\t\t\t) {\n\t\t\t\t\tresultsWrapper.find('ul').append(`
${prediction.description} `);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t\twindow.callInProgress = false;\n\t\twindow.$storePopup.find('.icon-spinner').removeClass('is-active');\n\t}\n\n\tinitPostcodeSearch(storeList = null) {\n\t\tconst $pg = $(this.$el);\n\t\tconst This = this;\n\t\tlet iconSpinner = $pg.find('.icon-spinner');\n\t\tthis.resultsContainer.empty();\n\t\t// toggle spinners\n\t\t$(iconSpinner).addClass('is-active');\n\t\t$pg.find('.error-messages').removeClass('is-active');\n\n\t\tThis.initPostcodeSearchCall(storeList).then((data) => {\n\t\t\tif (data.result == 'SUCCESS') {\n\t\t\t\tlet res = data.response;\n\t\t\t\tif ((res) && (res.length > 0)) {\n\t\t\t\t\tthis.renderStoreList(res);\n\t\t\t\t\tthis.handleStoreClick();\n\t\t\t\t} else {\n\t\t\t\t\tlet errorMsg = 'Please search for a branch and select one from the autocomplete list. If no branch is found, please select a different address';\n\t\t\t\t\t$pg.find('.error-messages').addClass('is-active').text(errorMsg);\n\t\t\t\t}\n\t\t\t\t$(iconSpinner).removeClass('is-active');\n\t\t\t} else {\n\t\t\t\t// show error div\n\t\t\t\t$pg.find('.error-messages').addClass('is-active').text(data.message);\n\t\t\t\t$(iconSpinner).removeClass('is-active');\n\t\t\t}\n\t\t});\n\t}\n\n\trenderStoreList(list) {\n\t\tfor (let i = 0; i < list.length; i++) {\n\t\t\tlet item = list[i];\n\t\t\tlet itemHtml = `\n\t\t\t\t\n\t\t\t`;\n\t\t\t$(this.resultsContainer).append(itemHtml);\n\t\t}\n\t\t$(this.tableContainer).removeClass('d-none');\n\t}\n\n\tinitPostcodeSearchCall(storeList = null) {\n\t\tconst $pg = $(this.$el);\n\t\tlet $branchSearchApiEndpoint = $pg.data('branchSearchApiEndpoint');\n\t\tlet $data = {\n\t\t\t'branch': this.storeInfo.branchSearch,\n\t\t};\n\n\t\tif (storeList) {\n\t\t\treturn checkout.getStoreList(storeList);\n\t\t} else {\n\t\t\treturn Api.callApi($branchSearchApiEndpoint, $data);\n\t\t}\n\t}\n\n\thandleStoreClick() {\n\t\t$('.regionStorePopup-myStoreBtn').on('click', (e) => {\n\t\t\tlet $target = $(e.target);\n\t\t\tlet itemSelected = $target.closest('.regionStorePopup-trow');\n\t\t\t$('.regionStorePopup-trow.is-selected').removeClass(CLS_IS_SELECTED);\n\t\t\titemSelected.addClass(CLS_IS_SELECTED);\n\n\t\t\tthis.storeInfo.storeId = $(itemSelected).data('id');\n\t\t\tthis.storeInfo.storeName = storeNameShorter($(itemSelected).data('name'));\n\t\t\tthis.storeInfo.contentLinkID = $(itemSelected).data('content-link-id');\n\t\t\tthis.regionDetail.addClass('selected');\n\t\t\tthis.storeSelected.html(this.storeInfo.storeName);\n\n\t\t\tsaveSelectedStore(this.storeInfo, () => {\n\t\t\t\tthis.modal.modal('hide');\n\n\t\t\t\tdispatchEvent('[data-wg=\"StoreAvailNew\"]', 'storeAvailNew.setRegion');\n\t\t\t\tdispatchEvent('[data-pg=\"ProductDetailsUpdate\"]', 'pdp.setStore', {resetNearbyStore: true});\n\t\t\t\tdispatchEvent('.guaranteed-nextday-delivery', 'checkStoreVariantDetail');\n\t\t\t\tdispatchEvent('#mainContent', 'checkStoreVariantDetail');\n\t\t\t\tcheckout.saveStoreSuccess();\n\t\t\t});\n\t\t});\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/src/views/widgets/regionStorePopup/js/regionStorePopup.js","// CONSTANTS are all caps.\nconst NS = 'ShoppingCartItem';\nconst CLS = 'shoppingCartItem';\nconst WG = '.' + CLS + '-';\nconst CLS_IS_ACTIVE = \"is-active\";\nconst CLS_INVISIBLE = \"invisible\";\nconst CLS_HIDE = \"d-none\";\n\n// Import stuff here if you need to or even better to import them dynamically\n// for ex. of dynamic import check out src/scripts/loadWg/shoppingCartItem.js using Webpack dynamic imports as chunks.\n// import $ from 'jquery'\nimport * as utils from '../../../../global/js/utils';\nimport * as Api from '../../../../global/js/api';\nimport * as wishlist from '../../../../global/js/wishlist';\nimport * as checkout from '../../../../global/js/checkout';\nimport {handleDiscountView, handleCouponShipping, updatePriceItem, refreshBonusBuyBadge, splitEmailEgiftCard} from '../../../../global/js/cart';\nimport {updateHeaderCart} from '../../headerCart/js/headerCart';\nimport {updatePomotional} from '../../../blocks/promotionalList/js/promotionalList';\n\nexport class ShoppingCartItem {\n\tconstructor($el) {\n\t\t// $el is the widget node return by the loadShoppingCartItem function\n\t\tthis.$el = $el;\n\t}\n\n\tinit() {\n\t\tthis.setShoppingCartItem();\n\t}\n\n\tsetShoppingCartItem() {\n\t\t// Add Some logic here\n\t\tconst $wg = $(this.$el);\n\t\tconst This = this;\n\t\tlet $itemOverlay = $wg.find('.remove-item-overlay');\n\t\tconst $emailList = $('.email-split');\n\t\tif ($emailList.length) {\n\t\t\t$emailList.each(function(index, el) {\n\t\t\t\tsplitEmailEgiftCard($(el), 40, 40);\n\t\t\t});\n\t\t}\n\n\t\tlet updateFun = () => {\n\t\t\tlet isWishlist = $wg.hasClass(`${CLS}--wishlist`);\n\t\t\tlet $currentVal = $wg.find('.quantityInput input').val();\n\t\t\tlet $prevQuantity = $wg.data('prevQuantity');\n\n\t\t\tif (isWishlist) {\n\t\t\t\tThis.updateWishlistQuantity($currentVal);\n\t\t\t} else {\n\t\t\t\tThis.updateItemQuantity($currentVal);\n\t\t\t}\n\n\t\t\t$wg.data('prevQuantity', $currentVal);\n\t\t};\n\n\t\t$wg.on('click', '.item-remove-btn', function() {\n\t\t\t$itemOverlay.addClass('is-active');\n\t\t});\n\n\t\t$wg.on('click', '.cancel-button', function() {\n\t\t\t$itemOverlay.removeClass('is-active');\n\t\t});\n\n\t\t$wg.on('click', '.remove-confirm', function() {\n\t\t\tlet isWishlist = $wg.hasClass(`${CLS}--wishlist`);\n\n\t\t\tif (isWishlist) {\n\t\t\t\tThis.removeWishlistItem($(this));\n\t\t\t} else {\n\t\t\t\tThis.removeCartItem();\n\t\t\t}\n\t\t});\n\n\t\t$wg.on('click', '.quantityInput-up:not(.disabled), .quantityInput-down:not(.zero)', function() {\n\t\t\tupdateFun();\n\t\t});\n\n\t\t// update Qty on enter\n\t\t$wg.on('keyup', '.quantityInput input.form-control', function(e) {\n\t\t\tif (e.keyCode === 13) {\n\t\t\t\tupdateFun();\n\t\t\t}\n\t\t});\n\n\t\t$wg.on('click', '.quantityInput-down.zero', function() {\n\t\t\t$itemOverlay.addClass('is-active');\n\t\t});\n\n\t\t// handle move to cart\n\t\t$wg.on('click', `${WG}moveToCartBtn`, function () {\n\t\t\t$wg.find(`${WG}moveToCartOverlay`).addClass('is-active');\n\t\t});\n\n\t\t$wg.on('click', `${WG}moveToCartCancel`, function () {\n\t\t\t$wg.find(`${WG}moveToCartOverlay`).removeClass('is-active');\n\t\t});\n\n\t\t$wg.on('click', `${WG}moveToCartConfirm`, function () {\n\t\t\tThis.moveToCart();\n\t\t});\n\t\t// end of handle move to cart\n\t}\n\n\tupdateItemQuantity($currentVal) {\n\t\tconst $wg = $(this.$el);\n\t\tconst This = this;\n\t\tconst $error = $wg.find('.error-messages');\n\n\t\t// toggle spinners\n\t\tutils.showLoading();\n\n\t\t$error.text('');\n\t\t$error.removeClass(CLS_IS_ACTIVE);\n\n\t\tThis.updateItemQuantityCall().then((data) => {\n\t\t\tif (data.result == 'SUCCESS') {\n\t\t\t\tif (data.quantity < Number($currentVal)) {\n\t\t\t\t\t// the updated quantity cannot exceede the data.quantity\n\t\t\t\t\t$wg.find('.quantityInput input').val(data.quantity);\n\t\t\t\t\t$wg.find('.quantityInput .btn-up').addClass('disabled');\n\t\t\t\t\tutils.hideLoading();\n\t\t\t\t} else {\n\t\t\t\t\t$wg.find('.quantityInput .btn-up').removeClass('disabled');\n\t\t\t\t}\n\t\t\t\tlet res = data.response;\n\t\t\t\t// get values and the item updated\n\t\t\t\tlet itemId = res.itemcode || null;\n\t\t\t\tlet itemTotal = res.extendedprice || 0;\n\t\t\t\tlet taxes = res.totaltaxes || 0;\n\t\t\t\tlet subtotal = res.subtotal || 0;\n\t\t\t\tlet total = res.total || 0;\n\t\t\t\tlet totalWithoutShipping = res.totalWithoutShipping || 0;\n\t\t\t\tlet cartCount = res.lineitemscount || 0;\n\t\t\t\tlet item = $('.shoppingCartItem[data-id=' + itemId + ']');\n\t\t\t\tlet discounttotal = res.discounttotal || '0';\n\t\t\t\tlet couponCodes = res.couponCodes || [];\n\t\t\t\tlet shippingTotal = res.shippingTotal || 0;\n\t\t\t\tlet shippingCouponCode = res.shippingCouponCode || '';\n\t\t\t\t$(document).find('.shipping-value').text('$' + parseFloat(shippingTotal).toFixed(2));\n\t\t\t\t// update markup on the item\n\t\t\t\titem.find('.item-total').text('$' + parseFloat(itemTotal).toFixed(2));\n\t\t\t\t// update markup on the totals summary\n\t\t\t\t$(document).find('.subtotal-value').text('$' + parseFloat(subtotal).toFixed(2));\n\t\t\t\t$(document).find('.tax-value').text('$' + parseFloat(taxes).toFixed(2));\n\t\t\t\t$(document).find('.total-value').text('$' + parseFloat(total).toFixed(2));\n\t\t\t\t$(document).find('.total-without-shipping').text('$' + parseFloat(totalWithoutShipping).toFixed(2));\n\n\t\t\t\t$(document).find('.siteHeader-subTotal').text(' = $' + parseFloat(subtotal).toFixed(2));\n\t\t\t\t$(document).find('.js-cartCount').text(cartCount);\n\n\t\t\t\t// Sync shopping cart to header cart\n\t\t\t\tupdateHeaderCart(cartCount);\n\n\t\t\t\tupdatePomotional(res.freeOrDiscountedPromotionalItems, res.lineItemPrices);\n\t\t\t\thandleDiscountView(discounttotal, couponCodes);\n\t\t\t\thandleCouponShipping(shippingCouponCode);\n\t\t\t\tupdatePriceItem(res);\n\t\t\t\trefreshBonusBuyBadge(data.response.lineItemPrices, $('.shoppingCartItem'));\n\t\t\t\tconst url = $wg.data('get-stock-data-url');\n\t\t\t\tif (url) {\n\t\t\t\t\tcheckout.updateStockData({\n\t\t\t\t\t\turl,\n\t\t\t\t\t}).then(utils.hideLoading).catch(utils.hideLoading);\n\t\t\t\t} else {\n\t\t\t\t\tutils.hideLoading();\n\t\t\t\t}\n\n\t\t\t\tif (data.message) {\n\t\t\t\t\t$error.addClass(CLS_IS_ACTIVE).text(data.message);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// show error div\n\t\t\t\t$error.addClass(CLS_IS_ACTIVE).text(data.message);\n\t\t\t\tutils.hideLoading();\n\t\t\t}\n\t\t});\n\t}\n\n\tgtmRemoveFromCart(productObj) {\n\t\t// Measure the removal of a product from a shopping cart.\n\t\twindow.dataLayer = window.dataLayer || [];\n\t\t// defined in the root file\n\t\tlet datasource = datalayerDataSource || [];\n\t\tlet result = datasource.find((obj) => {\n\t\t\treturn obj.code === productObj.code;\n\t\t});\n\n\t\tif (result) {\n\t\t\twindow.dataLayer.push({\n\t\t\t\t'event': 'removeFromCart',\n\t\t\t\t'ecommerce': {\n\t\t\t\t\t'remove': { // 'add' actionFieldObject measures.\n\t\t\t\t\t\t'products': [{ // adding a product to a shopping cart.\n\t\t\t\t\t\t\t'name': result.name,\n\t\t\t\t\t\t\t'id': result.id,\n\t\t\t\t\t\t\t'price': result.price,\n\t\t\t\t\t\t\t'brand': result.brand,\n\t\t\t\t\t\t\t'category': result.category,\n\t\t\t\t\t\t\t'variant': result.colour,\n\t\t\t\t\t\t\t'dimension5': result.size,\n\t\t\t\t\t\t\t'dimension6': result.stock,\n\t\t\t\t\t\t\t'dimension7': result.priceType,\n\t\t\t\t\t\t\t'quantity': productObj.quantity,\n\t\t\t\t\t\t}],\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t});\n\t\t}\n\t}\n\n\tremoveCartItem() {\n\t\tconst $wg = $(this.$el);\n\t\tconst This = this;\n\n\t\t// toggle spinners\n\t\tutils.showLoading();\n\n\t\tThis.removeCartItemCall().then((data) => {\n\t\t\tif (data.result == 'SUCCESS') {\n\t\t\t\tlet res = data.response;\n\t\t\t\t// get values and the item updated\n\t\t\t\tlet itemId = res.itemcode || null;\n\t\t\t\tlet taxes = res.totaltaxes || 0;\n\t\t\t\tlet subtotal = res.subtotal || 0;\n\t\t\t\tlet total = res.total || 0;\n\t\t\t\tlet totalWithoutShipping = res.totalWithoutShipping || 0;\n\t\t\t\tlet cartCount = res.lineitemscount || 0;\n\t\t\t\tlet discounttotal = res.discounttotal || '0';\n\t\t\t\tlet couponCodes = res.couponCodes || [];\n\t\t\t\tlet item = $('.shoppingCartItem[data-id=' + itemId + ']');\n\t\t\t\tlet shippingTotal = res.shippingTotal || 0;\n\t\t\t\tlet shippingCouponCode = res.shippingCouponCode || '';\n\t\t\t\tlet $cartCount = $(document).find('.siteHeader-cart .js-cartCount');\n\n\t\t\t\t$(document).find('.shipping-value').text('$' + parseFloat(shippingTotal).toFixed(2));\n\t\t\t\t// update markup on the totals summary\n\t\t\t\t$(document).find('.subtotal-value').text('$' + parseFloat(subtotal).toFixed(2));\n\t\t\t\t$(document).find('.tax-value').text('$' + parseFloat(taxes).toFixed(2));\n\t\t\t\t$(document).find('.total-value').text('$' + parseFloat(total).toFixed(2));\n\t\t\t\t$(document).find('.total-without-shipping').text('$' + parseFloat(totalWithoutShipping).toFixed(2));\n\t\t\t\t$(document).find('.discounttotal-value').text('-$' + parseFloat(discounttotal).toFixed(2));\n\n\t\t\t\thandleDiscountView(discounttotal, couponCodes);\n\t\t\t\thandleCouponShipping(shippingCouponCode);\n\t\t\t\tif ($cartCount.length > 0) {\n\t\t\t\t\t$(document).find('.siteHeader-subTotal').text(' = $' + parseFloat(subtotal).toFixed(2));\n\t\t\t\t\t$cartCount.text(cartCount);\n\t\t\t\t}\n\n\t\t\t\t// Sync shopping cart to header cart\n\t\t\t\tupdateHeaderCart(cartCount);\n\n\t\t\t\tupdatePomotional(res.freeOrDiscountedPromotionalItems, res.lineItemPrices);\n\t\t\t\tupdatePriceItem(res);\n\n\t\t\t\t// remove the item\n\t\t\t\t$wg.find('.remove-item-overlay').removeClass('is-active');\n\t\t\t\t// remove from cart (use the id returned by the fetch call)\n\t\t\t\titem.fadeOut(500, function() {\n\t\t\t\t\t$(this).remove();\n\t\t\t\t\t// check remaining items\n\t\t\t\t\tlet cartItems = $('.shoppingCartItem').length;\n\t\t\t\t\tif (cartItems == 0) {\n\t\t\t\t\t\t$(document).find('.shipping-value').text('$' + '0.00');\n\t\t\t\t\t\t$(document).find('.no-cart-items').removeClass('d-none');\n\t\t\t\t\t\t// disabled continue button\n\t\t\t\t\t\t$(document).find('.checkout-btn')\n\t\t\t\t\t\t\t.attr({'href': 'javascript:void(0)'})\n\t\t\t\t\t\t\t.addClass('is-disabled-link');\n\t\t\t\t\t\t$cartCount.addClass(CLS_INVISIBLE);\n\t\t\t\t\t}\n\t\t\t\t\trefreshBonusBuyBadge(data.response.lineItemPrices, $('.shoppingCartItem'));\n\t\t\t\t});\n\n\t\t\t\t// send dataLayer to Google Tag Manager\n\t\t\t\tlet quantity = $wg.find('.quantityInput input').val();\n\t\t\t\tlet productObj = {\n\t\t\t\t\tcode: itemId,\n\t\t\t\t\tquantity: quantity,\n\t\t\t\t};\n\t\t\t\tThis.gtmRemoveFromCart(productObj);\n\t\t\t\tconst url = $wg.data('get-stock-data-url');\n\t\t\t\tif (url && cartCount > 0) {\n\t\t\t\t\tcheckout.updateStockData({\n\t\t\t\t\t\turl,\n\t\t\t\t\t}).then(utils.hideLoading).catch(utils.hideLoading);\n\t\t\t\t} else {\n\t\t\t\t\tutils.hideLoading();\n\t\t\t\t}\n\n\t\t\t\tThis.hideDonate(cartCount);\n\t\t\t} else {\n\t\t\t\t// show error div\n\t\t\t\t$wg.find('.remove-item-overlay').removeClass('is-active');\n\t\t\t\t$wg.find('.error-messages').addClass('is-active').text(data.message);\n\t\t\t\tutils.hideLoading();\n\t\t\t}\n\t\t});\n\t}\n\n\thideDonate(cartCount) {\n\t\tconst $donate = $('.donate');\n\t\tconst notDonate = !$donate.find('.donate-radio:checked').length;\n\t\tif (cartCount == 0 && notDonate) {\n\t\t\t$('.donate').hide();\n\t\t}\n\t}\n\n\tremoveCartItemCall() {\n\t\tconst $wg = $(this.$el);\n\t\tlet $removeItemApiEndpoint = $wg.data('removeItemApiEndpoint');\n\t\tlet $itemId = $wg.data('id');\n\t\tlet $data = {\n\t\t\t'id': $itemId,\n\t\t};\n\n\t\treturn Api.callApi($removeItemApiEndpoint, $data);\n\t}\n\n\tupdateItemQuantityCall() {\n\t\tconst $wg = $(this.$el);\n\t\tlet $quantity = $wg.find('.quantityInput input').val();\n\t\tlet $updateItemApiEndpoint = $wg.data('updateItemApiEndpoint');\n\t\tlet $itemId = $wg.data('id');\n\t\tlet $data = {\n\t\t\t'id': $itemId,\n\t\t\t'quantity': $quantity,\n\t\t};\n\n\t\treturn Api.callApi($updateItemApiEndpoint, $data);\n\t}\n\n\tremoveWishlistItem($btn) {\n\t\tconst $wg = $(this.$el);\n\t\tconst This = this;\n\t\tlet $itemId = $wg.data('id');\n\t\tlet param = {\n\t\t\tcode: $itemId,\n\t\t};\n\n\t\tlet removeEndpoint = $wg.data('removeItemApiEndpoint');\n\t\twishlist.remove($wg, $btn, removeEndpoint, param, (resp) => {\n\t\t\tThis.removeWishlistItemCB();\n\t\t});\n\t}\n\n\tmoveToCart() {\n\t\tconst $wg = $(this.$el);\n\t\tconst This = this;\n\t\tlet $endpoint = $wg.data('moveItemApiEndpoint');\n\t\tlet $itemId = $wg.data('code');\n\t\tlet $quantity = $wg.find('.quantityInput input').val();\n\t\tlet $data = {\n\t\t\t'id': $itemId,\n\t\t\t'quantity': $quantity,\n\t\t};\n\n\t\twishlist.moveToCart($wg, $endpoint, $data, (data) => {\n\t\t\t// movedCB\n\t\t\tlet $cartCount = $(document).find('.siteHeader-cart .js-cartCount');\n\t\t\t$cartCount.removeClass(CLS_INVISIBLE).html(data.response.cartCount);\n\t\t\tThis.removeWishlistItemCB();\n\t\t\t// Sync shopping cart to header cart\n\t\t\tupdateHeaderCart(data.response.cartCount);\n\t\t});\n\t}\n\n\tupdateWishlistQuantity($currentVal) {\n\t\tconst $wg = $(this.$el);\n\t\tlet $endpoint = $wg.data('updateItemApiEndpoint');\n\t\tlet $itemId = $wg.data('id');\n\t\tlet $quantity = $wg.find('.quantityInput input').val();\n\t\tlet $data = {\n\t\t\t'id': $itemId,\n\t\t\t'quantity': $quantity,\n\t\t};\n\n\t\twishlist.updateQuantity($wg, $endpoint, $data, (resp) => {\n\t\t\t//updatedCB\n\t\t\tif (resp.quantity < Number($currentVal)) {\n\t\t\t\t// the updated quantity cannot exceede the resp.quantity\n\t\t\t\t$wg.find('.quantityInput input').val(resp.quantity);\n\t\t\t\t$wg.find('.quantityInput .btn-up').addClass('disabled');\n\t\t\t} else {\n\t\t\t\t$wg.find('.quantityInput .btn-up').removeClass('disabled');\n\t\t\t}\n\n\t\t\t$wg.find('.itemSubTotal').text('$' + resp.response.extendedprice);\n\t\t});\n\t}\n\n\tremoveWishlistItemCB() {\n\t\tconst $wg = $(this.$el);\n\t\t$wg.fadeOut(500, function() {\n\t\t\t$(this).remove();\n\n\t\t\t// check if there's any wishist item\n\t\t\tlet items = $('.shoppingCartItem');\n\t\t\tif (items.length === 0) {\n\t\t\t\t$(document).find('.wishlistPage-empty').removeClass(CLS_HIDE);\n\t\t\t\t$(document).find('.wishlistPage-moveAllBtn').addClass(CLS_HIDE);\n\t\t\t}\n\t\t});\n\t}\n\n\t// Add more functions like on above here\n}\n\n\n\n// WEBPACK FOOTER //\n// D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/src/views/widgets/shoppingCartItem/js/shoppingCartItem.js","\nconst CLS = 'productListingBlock';\nconst BLK = '.' + CLS + '-';\nconst CLS_LIST_ADDED = 'has-added';\nconst CLS_ACTIVE = 'is-active';\n\nimport * as Api from '../../../../global/js/api';\nimport * as wishlist from '../../../../global/js/wishlist';\nimport * as giftRegistry from '../../../../global/js/giftRegistry';\nimport * as utils from '../../../../global/js/utils';\nimport Handlebars from 'handlebars';\nimport { loadNotifications } from '../../../widgets/notifications/js/loadWg';\nimport '../../../../global/helpers/obj';\nimport * as dataLayer from '../../../../global/js/dataLayer';\nimport { addToCart } from '../../../../global/js/cart';\nimport 'slick-carousel';\nimport {DISCLAIMER_TEXT, EVENT_PRODUCT_QUICKVEW_SHOW} from '../../../../global/js/constants';\nimport {QuantityInput} from '../../../widgets/quantityInput/js/quantityInput';\n\n/**\n * Clone logic form ProductListingBlock.js\n */\nexport class ProductQuickView {\n\tconstructor($el) {\n\t\tthis.$el = $el;\n\t\tthis.$blk = $($el);\n\t}\n\n\tinit() {\n\t\twindow.productData = {};\n\t\tthis.searchParamsObj = new URLSearchParams(location.search);\n\t\tthis.setProductQuickView();\n\t\tthis.handleQuickViewClick();\n\t}\n\n\thandleQuickViewClick() {\n\t\tconst That = this;\n\t\tklevu.coreEvent.attach(\"setRemoteConfigLanding\", {\n\t\t\tname: \"product-quick-view\",\n\t\t\tfire: function () {\n\t\t\t\tklevu.search.landing.getScope().chains.template.render.add({\n\t\t\t\t\tname: \"handleButtonQuickView\",\n\t\t\t\t\tfire: function (data, scope) {\n\t\t\t\t\t\tklevu.each(document.querySelectorAll('.klevuProductQuickView'), function (_, button) {\n\t\t\t\t\t\t\tbutton.addEventListener('click', function () {\n\t\t\t\t\t\t\t\tconst itemId = $(this).data('item-id');\n\t\t\t\t\t\t\t\tconst productImage = $(this).data('product-image');\n\t\t\t\t\t\t\t\tThat.showQuickView(itemId, productImage);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\tthis.$blk.on(EVENT_PRODUCT_QUICKVEW_SHOW, (_, {itemId, productImage}) => {\n\t\t\tThat.showQuickView(itemId, productImage);\n\t\t});\n\t}\n\n\tsetProductQuickView() {\n\t\tconst That = this;\n\t\tlet $this = $(this.$el);\n\n\t\t$this.on('click', '.quickView-btn', function () {\n\t\t\tThat.prodId = $(this).closest('.productItem').data('itemId');\n\t\t\tThat.prodImg = $(this).closest('.productItem').data('thumbImg');\n\n\t\t\tThat.launchPopup();\n\t\t});\n\n\t\t$this.on('click', '.add-to-cart', function () {\n\t\t\tif (That.saleAvailability === 'ISOOP' || That.saleAvailability === 'ISONP') {\n\t\t\t\twindow.location.assign(That.contactUsPageLink);\n\t\t\t} else {\n\t\t\t\tThat.modal = $(this).closest('.modal');\n\t\t\t\tThat.addToBag();\n\t\t\t}\n\t\t});\n\t}\n\n\tshowQuickView(itemId, prodImg) {\n\t\tthis.prodId = itemId;\n\t\tthis.prodImg = prodImg;\n\t\tthis.launchPopup();\n\t}\n\n\tsetVisibleProduct() {\n\t\tconst That = this;\n\t\tlet $modal = $(`${BLK}modal`);\n\t\tlet colors = $modal.find(`${BLK}options.colors`).find(BLK + 'option');\n\n\t\tif (colors.length > 0) {\n\t\t\tlet colorTxt = colors.first().data('itemDescription');\n\t\t\tlet $firstColor = colors.first();\n\t\t\tlet selVariantCode = $firstColor.data('variant-code');\n\t\t\tlet $parentSize = $modal.find(`${BLK}optionsWrapper[data-parent-itemid=\"${selVariantCode}\"]`);\n\n\t\t\t$firstColor.trigger('click');\n\n\t\t\tif ($parentSize.length > 0) {\n\t\t\t\tlet sizes = $parentSize.find(`${BLK}options.sizes .item-size`);\n\n\t\t\t\t// if there's only one size option, tick it\n\t\t\t\tif (sizes.length === 1) {\n\t\t\t\t\tThat.noDLPush = true;\n\t\t\t\t\tsizes.first().trigger('click');\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\ttemplatePopupQuickView(data) {\n\t\tlet colours = data.colors.items;\n\t\tif (colours && colours.length) {\n\t\t\tcolours.forEach((item, index) => {\n\t\t\t\tif (item.hexColour) {\n\t\t\t\t\tlet splitColourSwatch = item.hexColour.split(',');\n\t\t\t\t\tcolours[index].arrColourSwatch = splitColourSwatch;\n\t\t\t\t\tcolours[index].firstColor = splitColourSwatch[0];\n\t\t\t\t\tcolours[index].secondColor = splitColourSwatch[1];\n\t\t\t\t\tcolours[index].thirdColor = splitColourSwatch[2];\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t\tconsole.log(data);\n\t\tlet $this = $(this.$el);\n\t\tconst That = this;\n\t\tlet starRating = require('../../../widgets/starRating/tmpl/starRating.hbs');\n\t\tHandlebars.registerPartial('starRating', starRating);\n\t\tlet quantityInput = require('../../../widgets/quantityInput/tmpl/quantityInput.hbs');\n\t\tHandlebars.registerPartial('quantityInput', quantityInput);\n\t\tlet paymentInfo = require('../../../widgets/paymentInfo/tmpl/paymentInfo.hbs');\n\t\tHandlebars.registerPartial('paymentInfo', paymentInfo);\n\t\tdata['thumbImg'] = That.prodImg;\n\t\tlet templateColor = `\n\t\t{{#if colors}}\n\t\t
\n\t\t\t
\n\t\t\t\tColour: \n\t\t\t\t
\n\t\t\t
\n\t\t\t\t{{#each colors.items as |item|}}\n\t\t\t\t
\n\t\t\t\t\t{{#if imageUrl}}\n\t\t\t\t\t\t
\n\t\t\t\t\t{{else if hexColour}}\n\t\t\t\t\t\t{{#if (eq item.arrColourSwatch.length 3)}}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{{else if (eq item.arrColourSwatch.length 2)}}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{{else}}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{{/if}}\n\t\t\t\t\t{{else if variantImageUrl}}\n\t\t\t\t\t\t
\n\t\t\t\t\t{{/if}}\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t{{/each}}\n\t\t\t
\n\t\t
\n\t\t{{/if}}\n\t\t`;\n\n\t\tlet templateSize = `\n\t\t{{#if sizes}}\n\t\t
\n\t\t\t
\n\t\t\t\tSize: \n\t\t\t\t
\n\t\t\t
\n\t\t\t\t{{#each sizes.items}}\n\t\t\t\t
\n\t\t\t\t\t{{sizeDescription}}\n\t\t\t\t
\n\t\t\t\t{{/each}}\n\t\t\t
\n\t\t
\n\t\t{{/if}}\n\t\t`;\n\n\t\tlet templateGeneric = `\n\t\t{{#if colors}}\n\t\t{{else}}\n\t\t{{#if sizes}}\n\t\t{{else}}\n\t\t{{#if variants}}\n\t\t
\n\t\t\t
\n\t\t\t\t{{#each variants}}\n\t\t\t\t
\n\t\t\t\t{{#each images}}\n\t\t\t\t\t{{#if @first}}\n\t\t\t\t\t
\n\t\t\t\t\t{{/if}}\n\t\t\t\t{{/each}}\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t{{/each}}\n\t\t\t
\n\t\t
\n\t\t{{/if}}\n\t\t{{/if}}\n\t\t{{/if}}\n\t\t`;\n\n\t\tlet templateMarkup = `\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t{{!-- image slider holder --}}\n\t\t\t\t\t{{!--\n\t\t\t\t\t{{#if colors}}\n\t\t\t\t\t
\n\t\t\t\t\t\t{{#each colors.items}}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t{{/each}}\n\t\t\t\t\t
\n\t\t\t\t\t{{else}}\n\t\t\t\t\t
\n\t\t\t\t\t{{/if}}\n\t\t\t\t\t--}}\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t{{!--\n\t\t\t\t\t
\n\t\t\t\t\t--}}\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
{{title}} \n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t{{> paymentInfo\n\t\t\t\t\t\t\titems=paymentInfo\n\t\t\t\t\t\t\twg=\"paymentInfo\"\n\t\t\t\t\t\t\tns=\"PaymentInfo\"\n\t\t\t\t\t\t}}\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{{> starRating\n\t\t\t\t\t\t\t\twg=\"starRating\"\n\t\t\t\t\t\t\t\tns=\"StarRating\"\n\t\t\t\t\t\t\t\tstarPercentage=\"percent-80\"\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t{{#if reviews}}\n\t\t\t\t\t\t\t
{{reviews}} Reviews \n\t\t\t\t\t\t\t
| \n\t\t\t\t\t\t\t
Write a review \n\t\t\t\t\t\t\t{{/if}}\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tShare:
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\t{{!-- if only color --}}\n\t\t\t\t\t{{#if (eq type 'color')}}\n\t\t\t\t\t\t{{#if (gt colors.items.length 1)}}\n\t\t\t\t\t\t{{#if colors}}\n\t\t\t\t\t\t\t\t${templateColor}\n\t\t\t\t\t\t{{/if}}\n\t\t\t\t\t\t{{/if}}\n\t\t\t\t\t{{/if}}\n\n\t\t\t\t\t{{!-- if color size --}}\n\t\t\t\t\t{{#if (eq type 'colorsize')}}\n\t\t\t\t\t\t{{#if colors}}\n\t\t\t\t\t\t\t${templateColor}\n\t\t\t\t\t\t{{#each colors.items }}\n\n\t\t\t\t\t\t{{#if sizes}}\n\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\tSize: \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{{#each sizes.items}}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{{sizeDescription}}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{{/each}}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t{{/if}}\n\t\t\t\t\t\t{{/each}}\n\t\t\t\t\t\t{{/if}}\n\t\t\t\t\t{{/if}}\n\n\t\t\t\t\t{{!-- if only size --}}\n\t\t\t\t\t{{#if (eq type 'size')}}\n\t\t\t\t\t\t{{#if (gt sizes.items.length 1)}}\n\t\t\t\t\t\t{{#if sizes}}\n\t\t\t\t\t\t\t\t${templateSize}\n\t\t\t\t\t\t{{/if}}\n\t\t\t\t\t\t{{/if}}\n\t\t\t\t\t{{/if}}\n\n\t\t\t\t\t{{#if variants}}\n\t\t\t\t\t\t{{#if (gt variants.length 1)}}\n\t\t\t\t\t\t\t${templateGeneric}\n\t\t\t\t\t\t{{/if}}\n\t\t\t\t\t{{/if}}\n\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tQuantity: \n\t\t\t\t\t\t\t{{> quantityInput mods=\"is-36\"\n\t\t\t\t\t\t\t\twg=\"quantityInput\"\n\t\t\t\t\t\t\t\tns=\"QuantityInput\"\n\t\t\t\t\t\t\t\tmin=\"1\"\n\t\t\t\t\t\t\t\tstep=\"1\"\n\t\t\t\t\t\t\t\tdefaultValue=\"1\"\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\tAdd To Cart \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t{{#if hasActiveGiftRegistry}}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t{{/if}}\n\t\t\t\t\t
\n\t\t\t\t\t{{#if enableAustraliaSupplier}}\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t{{/if}}\n\t\t\t\t\t
\n\t\t\t\t\t{{#if clickCollectMessage}}\n\t\t\t\t\t
{{clickCollectMessage}}
\n\t\t\t\t\t
\n\t\t\t\t\t{{/if}}\n\t\t\t\t\t
See all details \n\t\t\t\t
\n\t\t\t
\n\t\t\t`;\n\n\t\tlet precompiled = new Function('return ' + Handlebars.precompile(templateMarkup))();\n\t\tlet theTemplate = Handlebars.template(precompiled);\n\t\tlet theCompiledHtml = theTemplate(data);\n\t\tlet $modal = $this.find(BLK + 'modal');\n\t\t$modal.find('.modal-body').html(theCompiledHtml);\n\n\t\t// set default product options in case there is only one option\n\t\t$modal.find(BLK + 'optionsWrapper').each(function () {\n\t\t\tlet $this = $(this);\n\t\t\tlet options = $this.find(BLK + 'option');\n\t\t\tif (options.length === 1) {\n\t\t\t\toptions.addClass('is-active is-active-variant');\n\t\t\t}\n\t\t});\n\n\t\t// Re-init script for quantity input widget\n\t\t$modal.find('[data-wg=\"QuantityInput\"]').each(function() {\n\t\t\tnew QuantityInput(this).init();\n\t\t});\n\t}\n\n\tlaunchPopup() {\n\t\tlet That = this;\n\t\tlet $this = $(this.$el);\n\t\t$('.loading-spinner.plp-spinner').addClass('is-active');\n\t\tlet prodId = That.prodId;\n\t\tlet $modal = $this.find(BLK + 'modal');\n\t\tThat.modal = $modal;\n\n\t\t// set modal itemCode\n\t\t$modal.attr('data-item-code', prodId);\n\n\t\t// get clicks on options\n\t\t$modal.on('click', BLK + 'option', function() {\n\t\t\tif (!$(this).hasClass('is-active-variant')) {\n\t\t\t\tThat.wasNotActive = true;\n\t\t\t}\n\n\t\t\t// keep the current selected size\n\t\t\tThat.currentVariant = {\n\t\t\t\tsize: '',\n\t\t\t\tcolor: '',\n\t\t\t};\n\n\t\t\tThat.currentVariant.size = $modal.find(BLK + 'option.item-size.is-active.is-active-variant:visible').attr('data-item-description') || '';\n\n\t\t\tif ($(this).parent().hasClass('colors')) {\n\t\t\t\tThat.currentVariant.color = $(this).attr('data-variant-code');\n\t\t\t\t// when change the color, if the selected size existed then make the size 'active'\n\t\t\t\tlet sizeNodeList = $modal.find(`[data-parent-itemid=\"${That.currentVariant.color}\"]`).find(BLK + 'options').children();\n\t\t\t\tfor (let i = 0; i < sizeNodeList.length; i++) {\n\t\t\t\t\tif ($(sizeNodeList[i]).attr('data-item-description') == That.currentVariant.size) {\n\t\t\t\t\t\t// keep existing the size selection\n\t\t\t\t\t\t$(sizeNodeList[i]).addClass('is-active');\n\t\t\t\t\t\t$(sizeNodeList[i]).addClass('is-active-variant');\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// remove active selection\n\t\t\t\t\t\t$(sizeNodeList[i]).removeClass('is-active');\n\t\t\t\t\t\t$(sizeNodeList[i]).removeClass('is-active-variant');\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tThat.currentVariant.size = $(this).attr('data-item-description');\n\t\t\t}\n\n\t\t\t// check if this option has sizes then show the size with the same product id\n\t\t\tlet variantCode;\n\t\t\tlet curVariantCode = $modal.attr('data-variant-code');\n\n\n\n\t\t\tlet desc = $(this).data('itemDescription');\n\n\t\t\t$(this).closest(BLK + 'optionsWrapper').find(BLK + 'optionText').text(desc);\n\t\t\t$(this).closest(BLK + 'optionsWrapper').find(BLK + 'option:not(.slide)').removeClass('is-active');\n\n\t\t\t$(this).closest(BLK + 'optionsWrapper').find(BLK + 'option').removeClass('is-active-variant');\n\t\t\t$(this).addClass('is-active-variant');\n\n\t\t\t// cleanup styles\n\t\t\t$(this).not('.slide').addClass('is-active');\n\n\t\t\tif (That.prodType !== 'colorsize') {\n\t\t\t\t// call variant\n\t\t\t\tThat.getVariantCode();\n\t\t\t}\n\t\t\tif (That.prodType !== 'color' || That.prodType !== 'size') {\n\t\t\t\tvariantCode = $(this).data('sku');\n\t\t\t}\n\n\t\t\tif ($(this).hasClass('has-sizes')) {\n\t\t\t\tlet itemCode = $(this).data('variantCode');\n\t\t\t\t$modal.find('[data-parent-itemid]').addClass('d-none');\n\t\t\t\t$modal.find('[data-parent-itemid=\"' + itemCode + '\"]').removeClass('d-none');\n\t\t\t\tvariantCode = $modal.find(BLK + 'optionsWrapper:not(.d-none) .sizes .is-active-variant').attr('data-sku');\n\t\t\t\tlet sizeTextActive = $modal.find(BLK + 'optionsWrapper:not(.d-none) .sizes .is-active-variant').text();\n\t\t\t\t$modal.find('[data-parent-itemid=\"' + itemCode + '\"]').find(BLK + 'optionText').text(sizeTextActive);\n\t\t\t\tvariantCode = That.modal.find(BLK + 'optionsWrapper:not(.d-none) .productListingBlock-option.item-size.is-active-variant').attr('data-sku');\n\t\t\t\tif (!variantCode) variantCode = $(this).data('sku');\n\t\t\t}\n\n\t\t\tif (variantCode) {\n\t\t\t\t$modal.attr('data-variant-code', variantCode);\n\t\t\t}\n\n\t\t\tif ((curVariantCode !== variantCode) || That.wasNotActive) {\n\t\t\t\t$modal.trigger('variantChanged');\n\t\t\t}\n\n\t\t\tif ($modal.attr('data-variant-code') && $modal.attr('data-variant-code') != '') {\n\t\t\t\tif (That.saleAvailability !== 'ISONP') {\n\t\t\t\t\tThat.setPrice();\n\t\t\t\t\tThat.setBonusBuy();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tThat.wasNotActive = false;\n\t\t});\n\n\t\t// do the slider stuff here\n\t\t// then show the modal once everything is ready\n\t\t// the api call returns variants and their images in an array\n\t\t// it also returns images as an array for the default (main variant)\n\t\t// we will create a slider for each variant with a data attribute to reference it, insert them into the modal\n\t\t// then we will show / hide them based on the active variant\n\n\t\tThat.popupCall = true;\n\n\t\t// 1. call the api (get)\n\t\tThat.getProductApiCall(prodId).then((data) => {\n\t\t\tconst That = this;\n\t\t\tThat.price = {};\n\t\t\tThat.producItemInfo = {};\n\t\t\tThat.firstRun = true;\n\n\t\t\t// save the data object for future use (if it doesn't exist)\n\t\t\tif (!window.productData[prodId]) {\n\t\t\t\twindow.productData[prodId] = data;\n\t\t\t}\n\n\t\t\tif (data.result == 'SUCCESS') {\n\t\t\t\tlet res = data.response;\n\t\t\t\tThat.templatePopupQuickView(res);\n\t\t\t\tThat.modal.attr('data-item-type', res.type);\n\t\t\t\tThat.prodType = res.type;\n\t\t\t\tThat.datalayerDataSource = res.datalayerDataSource;\n\n\t\t\t\tThat.saleAvailability = res.saleAvailability;\n\t\t\t\tThat.contactUsPageLink = res.contactUsPageLink;\n\n\t\t\t\tlet slider = $modal.find(BLK + 'imgSlider');\n\n\t\t\t\t// main slider is the (res.images)\n\t\t\t\tif (res.images && res.images.length > 0) {\n\t\t\t\t\tfor (let i = 0; i < res.images.length; i++) {\n\t\t\t\t\t\tlet imgSrc = res.images[i].detail;\n\n\t\t\t\t\t\t// let imgThumbSrc = res.images[i].thumb;\n\t\t\t\t\t\tlet imgZoomSrc = res.images[i].zoom;\n\t\t\t\t\t\tlet slide = `\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t`;\n\t\t\t\t\t\tslider.append(slide);\n\t\t\t\t\t}\n\t\t\t\t\t// generic slick options\n\t\t\t\t\tlet $sliderOptions = {\n\t\t\t\t\t\tdots: false,\n\t\t\t\t\t\tarrows: true,\n\t\t\t\t\t};\n\t\t\t\t\tslider.slick($sliderOptions);\n\t\t\t\t}\n\t\t\t\t// if we have variants, we will loop through them and get the slider ready for each variant\n\t\t\t\tif (res.variants && res.variants.length > 0) {\n\t\t\t\t\t// loop through variants\n\t\t\t\t\tfor (let i = 0; i < res.variants.length; i++) {\n\t\t\t\t\t\tlet variantCode = res.variants[i].code;\n\t\t\t\t\t\tlet variantImages = res.variants[i].images;\n\t\t\t\t\t\tlet variantPrice = res.variants[i].price;\n\t\t\t\t\t\tlet paymentInfo = res.variants[i].paymentInfo;\n\t\t\t\t\t\tThat.price[variantCode] = variantPrice;\n\n\t\t\t\t\t\tif (!That.paymentInfo) That.paymentInfo = {};\n\t\t\t\t\t\tThat.paymentInfo[variantCode] = paymentInfo;\n\n\t\t\t\t\t\t// create the variant slider dom element\n\t\t\t\t\t\tslider.after(`
`);\n\t\t\t\t\t\tif (variantImages && variantImages.length > 0) {\n\t\t\t\t\t\t\t// loop through variant images\n\t\t\t\t\t\t\t// create a slider for each variant\n\t\t\t\t\t\t\tfor (let i = 0; i < variantImages.length; i++) {\n\t\t\t\t\t\t\t\tlet imgSrc = variantImages[i].detail;\n\t\t\t\t\t\t\t\tlet imgZoomSrc = variantImages[i].zoom;\n\t\t\t\t\t\t\t\tlet slide = `\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t`;\n\t\t\t\t\t\t\t\t$modal.find(`.variant-slider[data-variant-code=\"${variantCode}\"]`).append(slide);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// store variants\n\t\t\t\t\tThat.prodVariants = res.variants;\n\t\t\t\t}\n\n\t\t\t\tThat.getVariantCode();\n\n\t\t\t\tif ((res.type === 'generic' && res.variants && res.variants[0]) ||\n\t\t\t\t ((res.type === 'size' || res.type === 'color') && res.variants && res.variants.length === 1)) {\n\t\t\t\t\tThat.modal.attr('data-variant-code', res.variants[0].code);\n\t\t\t\t}\n\n\t\t\t\tThat.producItemInfo = res;\n\n\t\t\t\t// not sure why it's deleted\n\t\t\t\t// TODO: investigate this further\n\t\t\t\t// if (That.producItemInfo && That.producItemInfo['variants']) {\n\t\t\t\t// \tdelete That.producItemInfo['variants'];\n\t\t\t\t// }\n\n\t\t\t\tif (res.displayPrice) {\n\t\t\t\t\tThat.displayPrice = res.displayPrice;\n\t\t\t\t\tThat.modal.find(BLK + 'modal__price-detail').html(res.displayPrice);\n\t\t\t\t}\n\n\t\t\t\tif (res.bonusBuyBadges) {\n\t\t\t\t\tThat.bonusBuyBadges = res.bonusBuyBadges;\n\t\t\t\t\tThat.setBonusBuy();\n\t\t\t\t}\n\n\t\t\t\t// Price should display \"displayPrice\"\n\t\t\t\t// Part Payment options (Laybuy, Afterpay, Humm) shouldn't be displayed\n\t\t\t\tif (That.saleAvailability === 'ISONP') {\n\t\t\t\t\tThat.modal.find(BLK + 'modal__paymentInfo').addClass('d-none');\n\t\t\t\t}\n\n\t\t\t\t// \"Add to Cart\" button changes to \"Contact Us\" using\n\t\t\t\tif (That.saleAvailability === 'ISOOP' || That.saleAvailability === 'ISONP') {\n\t\t\t\t\tThat.modal.find('.add-to-cart')\n\t\t\t\t\t\t.attr('title', 'Contact Us')\n\t\t\t\t\t\t.text('Contact Us');\n\t\t\t\t}\n\n\t\t\t\tif (res.paymentInfo) {\n\t\t\t\t\tThat.paymentInfoInit = res.paymentInfo;\n\t\t\t\t}\n\n\n\n\t\t\t\tThat.setVisibleProduct();\n\n\t\t\t\tif (That.saleAvailability !== 'ISONP') {\n\t\t\t\t\tThat.setPrice();\n\t\t\t\t}\n\t\t\t\tThat.setDiscountBadgeOnInit();\n\n\t\t\t\t// For auto active only 1 option size/color\n\t\t\t\tThat.modal.find('.productListingBlock-optionsWrapper:not(.d-none) .productListingBlock-option.is-active-variant').each(function(i, el) {\n\t\t\t\t\tThat.checkWishAndGiftLists(true);\n\t\t\t\t});\n\t\t\t\t// For generic\n\t\t\t\tif (!$modal.find('.productListingBlock-option').length) {\n\t\t\t\t\tThat.checkWishAndGiftLists(true);\n\t\t\t\t}\n\n\t\t\t\t// re-init addThis\n\t\t\t\tif (typeof addthis !== 'undefined') {\n\t\t\t\t\t// eslint-disable-next-line no-undef\n\t\t\t\t\taddthis.layers.refresh();\n\t\t\t\t}\n\n\t\t\t\t$modal.modal('show');\n\n\t\t\t\t// push the view to the dataLayer\n\t\t\t\tlet variantCode = $modal.attr('data-variant-code');\n\t\t\t\tlet itemQnty = $modal.find('.quantityInput input').val();\n\n\t\t\t\tlet productObj = {\n\t\t\t\t\tcode: variantCode,\n\t\t\t\t\tquantity: itemQnty,\n\t\t\t\t\tsize: $modal.find('.item-size.is-active-variant').text() || '',\n\t\t\t\t};\n\n\t\t\t\tif (!That.prodVariants) That.prodVariants = [];\n\n\t\t\t\tif (That.prodVariants.length == 1 && !That.noDLPush) {\n\t\t\t\t\tif (That.checkSelectedVariant('cart')) {\n\t\t\t\t\t\tdataLayer.pushProductView(productObj, That.datalayerDataSource);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// reset\n\t\t\t\tThat.noDLPush = false;\n\t\t\t}\n\n\t\t\tthis.popupCall = false;\n\t\t\tThat.checkAUVendor();\n\t\t});\n\n\n\t\t$modal.on('variantChanged', function() {\n\t\t\t// new variant, change the slider\n\t\t\tlet variantCode = $modal.attr('data-variant-code');\n\t\t\tlet slider = $modal.find(BLK + 'imgSlider');\n\t\t\tlet variantSlider = $modal.find(`.variant-slider[data-variant-code=\"${variantCode}\"]`);\n\t\t\tif (variantSlider.length > 0) {\n\t\t\t\t$modal.find('.product-img').addClass('d-none');\n\t\t\t\tlet variantSliderHtml = $modal.find(`.variant-slider[data-variant-code=\"${variantCode}\"]`).html();\n\t\t\t\t// unslick\n\t\t\t\tif (slider.hasClass('slick-initialized')) {\n\t\t\t\t\tslider.slick('unslick');\n\t\t\t\t}\n\t\t\t\t// add content\n\t\t\t\tslider.html(variantSliderHtml);\n\t\t\t\t// init again\n\t\t\t\t// generic slick options\n\t\t\t\tlet $sliderOptions = {\n\t\t\t\t\tdots: false,\n\t\t\t\t\tarrows: true,\n\t\t\t\t};\n\t\t\t\tslider.slick($sliderOptions);\n\t\t\t} else {\n\t\t\t\tif (variantCode) {\n\t\t\t\t\t// show an image of the product (generic image / default)\n\t\t\t\t\tif (slider.hasClass('slick-initialized')) {\n\t\t\t\t\t\tslider.slick('unslick').empty();\n\t\t\t\t\t}\n\t\t\t\t\t// in this case, no zoom image, so, we just use the same image as a fall back\n\t\t\t\t\tlet imgZoomSrc = $modal.find('.product-img').attr('src');\n\t\t\t\t\t$modal.find('.product-img').removeClass('d-none').attr('data-zoom-image', imgZoomSrc);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tThat.checkWishAndGiftLists(true);\n\n\t\t\tlet productObj = {\n\t\t\t\tcode: variantCode,\n\t\t\t\tquantity: $modal.find('.quantityInput input').val(),\n\t\t\t\tsize: $modal.find('.item-size.is-active-variant').text() || '',\n\t\t\t};\n\n\t\t\tconst isAddToCartErrorsShowing = !!$modal.find('.add-to-cart-errors.is-active').length;\n\n\t\t\tif (isAddToCartErrorsShowing && That.checkSelectedVariant('cart')) {\n\t\t\t\tdataLayer.pushProductView(productObj, That.datalayerDataSource);\n\t\t\t}\n\t\t\tThat.checkAUVendor();\n\t\t});\n\n\t\t// redraw sliders after the modal is up\n\t\t// reinit fb and pinterest\n\t\t// remove spinners\n\t\t$modal.on('shown.bs.modal', function () {\n\t\t\t// initial slider set position to 0\n\t\t\tlet slider = $modal.find(BLK + 'imgSlider');\n\t\t\t// a slight delay until handlebar finishes the template generation\n\t\t\tsetTimeout(function () {\n\t\t\t\tif (slider.hasClass('slick-initialized')) {\n\t\t\t\t\tslider.slick('setPosition', 0);\n\t\t\t\t}\n\t\t\t}, 100);\n\n\t\t\t$('.loading-spinner.plp-spinner').removeClass('is-active');\n\t\t});\n\n\t\t$modal.on('hidden.bs.modal', function () {\n\t\t\t// remove all event handlers\n\t\t\t$modal.find('.product-img').addClass('d-none');\n\t\t\t$modal.off();\n\t\t});\n\n\t\t$modal.on('click', '.wishlistBtn', function () {\n\t\t\tlet $btn = $(this);\n\t\t\tlet $pg = $modal.closest('main');\n\t\t\tlet code = $modal.attr('data-variant-code');\n\t\t\tlet qty = 1;\n\n\t\t\tif (!$btn.hasClass(CLS_LIST_ADDED)) {\n\t\t\t\t// check variant selected\n\t\t\t\tif (!That.checkSelectedVariant('wishlist')) return;\n\t\t\t\tlet addEnpoint = $this.data('addToWishlistEndpoint');\n\t\t\t\tlet param = {\n\t\t\t\t\tcode: code,\n\t\t\t\t\tqty: qty,\n\t\t\t\t};\n\t\t\t\twindow.itemTitle = $modal.find('.prod-title').text();\n\t\t\t\twindow.itemImg = That.prodImg;\n\t\t\t\twishlist.add($pg, $btn, addEnpoint, param).then((lineItemId) => {\n\t\t\t\t\tThat.variantStates.lineItemId = lineItemId;\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tlet lineItemId = That.variantStates.lineItemId;\n\t\t\t\tlet removeEnpoint = $this.data('removeFromWishlistEndpoint');\n\t\t\t\tlet param = {\n\t\t\t\t\tcode: lineItemId,\n\t\t\t\t\tqty: qty,\n\t\t\t\t};\n\t\t\t\twishlist.remove($pg, $btn, removeEnpoint, param);\n\t\t\t}\n\t\t});\n\n\t\t$modal.on('click', '.addToGiftBtn', function() {\n\t\t\tif (!That.checkSelectedVariant('gift registry')) return;\n\t\t\tlet $btn = $(this);\n\t\t\tlet $pg = $modal.closest('main');\n\t\t\tif (!$btn.hasClass(CLS_LIST_ADDED)) {\n\t\t\t\tlet code = $modal.attr('data-variant-code');\n\t\t\t\tlet qty = $modal.find('.quantityInput input').val();\n\t\t\t\tconst addEnpoint = $this.data('addToGiftRegistryEndpoint');\n\t\t\t\tlet param = {\n\t\t\t\t\tid: code,\n\t\t\t\t\tquantity: qty,\n\t\t\t\t};\n\n\t\t\t\tgiftRegistry.add($pg, addEnpoint, param, (data) => {\n\t\t\t\t\tlet details = {\n\t\t\t\t\t\tmods: data.message ? 'has-error' : '',\n\t\t\t\t\t\ttitle: $modal.find('.prod-title').text(),\n\t\t\t\t\t\taddedText: 'Added to gift registry',\n\t\t\t\t\t\tqty: data.quantityActual,\n\t\t\t\t\t\titemImg: That.prodImg,\n\t\t\t\t\t\terrorMsg: data.message,\n\t\t\t\t\t};\n\t\t\t\t\tThat.showPopper(details);\n\n\t\t\t\t\tif (data.result == 'SUCCESS') {\n\t\t\t\t\t\t$btn.addClass(CLS_LIST_ADDED);\n\t\t\t\t\t\tThat.variantStates.giftRegistryLineItemId = data.lineItemId;\n\t\t\t\t\t\tThat.variantStates.giftRegistryId = data.giftRegistryId;\n\t\t\t\t\t} else {\n\t\t\t\t\t\t$btn.removeClass(CLS_LIST_ADDED);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tconst removeEnpoint = $this.data('removeGiftRegistryEndpoint');\n\t\t\t\tlet param = {\n\t\t\t\t\tid: That.variantStates.giftRegistryLineItemId,\n\t\t\t\t\tgiftRegistryId: That.variantStates.giftRegistryId,\n\t\t\t\t};\n\t\t\t\tgiftRegistry.remove($pg, removeEnpoint, param, (data) => {\n\t\t\t\t\tif (data.result == 'SUCCESS') {\n\t\t\t\t\t\t$btn.removeClass(CLS_LIST_ADDED);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tsetAUVendor(auVendor = false) {\n\t\tconst $msgAUVendor = this.modal.find('.australian-vendor');\n\t\tif (auVendor) {\n\t\t\t$msgAUVendor.removeClass('d-none');\n\t\t} else {\n\t\t\t$msgAUVendor.hasClass('d-none') ? '' : $msgAUVendor.addClass('d-none');\n\t\t}\n\t}\n\n\tcheckAUVendor() {\n\t\tconst That = this;\n\t\tif (window.enableAustraliaSupplier) {\n\t\t\tlet optionsSelected = That.modal.find(`.${CLS}-optionsWrapper:not(.d-none) .${CLS}-option.item-size.is-active`);\n\t\t\tlet productType = That.modal.attr('data-item-type');\n\t\t\tif (productType === 'color') {\n\t\t\t\toptionsSelected = That.modal.find(`.${CLS}-options.colors .${CLS}-option.is-active`);\n\t\t\t}\n\t\t\tif (optionsSelected.length) {\n\t\t\t\tlet auVendor = optionsSelected.attr('data-australianvendor') === 'true';\n\t\t\t\tif (auVendor) {\n\t\t\t\t\tThat.setAUVendor(true);\n\t\t\t\t} else {\n\t\t\t\t\tThat.setAUVendor(false);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (productType === 'colorsize') {\n\t\t\t\t\tThat.setAUVendor(false);\n\t\t\t\t} else {\n\t\t\t\t\t// generic\n\t\t\t\t\tlet auVendor = That.producItemInfo.variants[0].isAustralianVendor;\n\t\t\t\t\tThat.setAUVendor(auVendor);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tbannerText(className, text, customStyle = {}) {\n\t\treturn `
`;\n\t}\n\n\tmultiBannerText(bannerData) {\n\t\treturn `
${bannerData.reduce((acc, item) => (acc += `
${item.text || ''}
`), '')}
`;\n\t}\n\n\tshowPriceText(className, price, isBold) {\n\t\tlet isBoldClass = isBold ? 'isBold' : '';\n\t\tlet htmlPrice = `
${price} `;\n\t\treturn htmlPrice;\n\t}\n\n\thasSelectedVariant() {\n\t\tconst That = this;\n\t\t// check if there are no options selected, then show the displayPrice instead\n\t\tlet selectedVariant = true;\n\t\t// if no options exist, don't check the add to cart\n\t\tlet optionsCount = That.modal.find('.productListingBlock-option').length;\n\t\t// if no options has been selected\n\t\tif (optionsCount > 0) {\n\t\t\t// color only\n\t\t\tlet colorOption = That.modal.find(`.${CLS}-options.colors .${CLS}-option.is-active.is-active-variant:not(.has-sizes)`);\n\t\t\t// color and size\n\t\t\tlet colorSizeOption = That.modal.find(`.${CLS}-option.has-sizes.is-active.is-active-variant`);\n\t\t\t// size only\n\t\t\tlet sizeOption = That.modal.find(`.${CLS}-option.item-size.is-active.is-active-variant`);\n\t\t\t// generic\n\t\t\tlet genericOptions = That.modal.find(`.${CLS}-option.generic.is-active.is-active-variant`);\n\t\t\t// no variant has been selected\n\t\t\tif (\n\t\t\t\tcolorOption.length == 0 &&\n\t\t\t\tcolorSizeOption.length == 0 &&\n\t\t\t\tsizeOption.length == 0 &&\n\t\t\t\tgenericOptions.length == 0\n\t\t\t) {\n\t\t\t\t// return false\n\t\t\t\tselectedVariant = false;\n\t\t\t} else {\n\t\t\t\tif (colorSizeOption.length != 0) {\n\t\t\t\t\tlet parentId = colorSizeOption.attr('data-variant-code');\n\t\t\t\t\tlet sizeOption = That.modal.find('[data-parent-itemid=\"' + parentId + '\"]').find('.productListingBlock-option.item-size.is-active.is-active-variant');\n\t\t\t\t\tif (sizeOption.length == 0) {\n\t\t\t\t\t\t// return false\n\t\t\t\t\t\tselectedVariant = false;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn selectedVariant;\n\t}\n\n\tsetDiscountBadgeOnInit() {\n\t\tconst selectedVariant = this.hasSelectedVariant();\n\t\tif (selectedVariant) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet bannerText = '';\n\t\tlet $wrapperBannerText = this.modal.find(BLK + 'productPhoto');\n\t\tconst { discountPriceDiscountCode, hotPriceDiscountCode, badgeBgColour, isClearancePrice, isKnockDownPrice, isDiscountPrice, isPromotionPrice } = this.producItemInfo;\n\t\tconst hasBadge = (isClearancePrice && discountPriceDiscountCode) || isClearancePrice || isKnockDownPrice || isDiscountPrice || isPromotionPrice;\n\t\tconst banners = [];\n\t\tconst showBadge = () => {\n\t\t\tbannerText = this.multiBannerText(banners);\n\t\t\tif ($wrapperBannerText.length > 0) {\n\t\t\t\tif ($wrapperBannerText.find('.productItem-labelWrap').length > 0) {\n\t\t\t\t\t$wrapperBannerText.find('.productItem-labelWrap').remove();\n\t\t\t\t}\n\t\t\t\tif (bannerText) {\n\t\t\t\t\t$wrapperBannerText.append(bannerText);\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tif ((hotPriceDiscountCode || discountPriceDiscountCode) && !hasBadge) {\n\t\t\tif (hotPriceDiscountCode) {\n\t\t\t\tbanners.push({\n\t\t\t\t\tclassName: 'new',\n\t\t\t\t\ttext: `HOT PRICE${hotPriceDiscountCode && hotPriceDiscountCode != \"HOT PRICE\" ? \" - \" + hotPriceDiscountCode : ''}`,\n\t\t\t\t});\n\t\t\t}\n\t\t\tif(discountPriceDiscountCode) {\n\t\t\t\tbanners.push({\n\t\t\t\t\tclassName: 'sale',\n\t\t\t\t\ttext: discountPriceDiscountCode,\n\t\t\t\t\tcustomStyle: utils.getStyle(badgeBgColour ? { background: badgeBgColour } : {}),\n\t\t\t\t});\n\t\t\t}\n\t\t\tshowBadge();\n\t\t} else if (discountPriceDiscountCode) {\n\t\t\tif(discountPriceDiscountCode) {\n\t\t\t\tbanners.push({\n\t\t\t\t\tclassName: 'sale',\n\t\t\t\t\ttext: discountPriceDiscountCode,\n\t\t\t\t\tcustomStyle: utils.getStyle(badgeBgColour ? { background: badgeBgColour } : {}),\n\t\t\t\t});\n\t\t\t\tbannerText = this.multiBannerText(banners);\n\t\t\t}\n\t\t\tshowBadge();\n\t\t}\n\t}\n\n\tsetPrice() {\n\t\tconst That = this;\n\t\tlet variantCode = That.modal.attr('data-variant-code');\n\t\tlet $wrapperPrice = That.modal.find(BLK + 'modal__price-detail');\n\t\tlet $wrapperBannerText = That.modal.find(BLK + 'productPhoto');\n\t\tlet priceVariant = That.price && That.price[variantCode];\n\t\tlet clearanceMessage = That.producItemInfo.clearanceMessage;\n\t\tlet knockDownMessage = window.KNOCKDOWN_STYLING.Text;\n\t\tlet paymentInfoVariant = That.paymentInfo && That.paymentInfo[variantCode];\n\t\tlet selectedVariant = That.hasSelectedVariant();\n\n\t\tconst initBanner = () => {\n\t\t\tconst {isDiscountPrice, isClearancePrice, isKnockDownPrice, isPromotionPrice, discountBadgeBgColour, discountPriceDiscountCode} = That.producItemInfo;\n\t\t\tif (isDiscountPrice || isClearancePrice || isKnockDownPrice || isPromotionPrice || discountPriceDiscountCode) {\n\t\t\t\tconst firstVariantCode = Object.keys(That.price || {})[0];\n\t\t\t\tconst firstVariant = That.price[firstVariantCode] || {};\n\t\t\t\tconst discountCode = firstVariant.discountCode || '';\n\t\t\t\tconst discountBadgeBgColour = firstVariant.discountBadgeBgColour || '';\n\t\t\t\tconst saleCode = firstVariant.saleCode;\n\t\t\t\tlet bannerText = '';\n\t\t\t\tif (isClearancePrice && discountPriceDiscountCode) {\n\t\t\t\t\tconst banners = [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tclassName: 'clearance',\n\t\t\t\t\t\t\ttext: 'CLEARANCE',\n\t\t\t\t\t\t},\n\t\t\t\t\t];\n\n\t\t\t\t\tbanners.push({\n\t\t\t\t\t\tclassName: 'discount',\n\t\t\t\t\t\ttext: `${utils.getDiscountWithClearanceBadgePrefixText(window.DISCOUNT_WITH_CLEARANCE_STYLE.Text || discountPriceDiscountCode)}`,\n\t\t\t\t\t\tcustomStyle: utils.getStyle(window.DISCOUNT_WITH_CLEARANCE_STYLE || {}),\n\t\t\t\t\t});\n\n\t\t\t\t\tbannerText = That.multiBannerText(banners);\n\t\t\t\t} else if (isClearancePrice) {\n\t\t\t\t\tbannerText = That.bannerText('clearance', 'CLEARANCE');\n\t\t\t\t} else if (isKnockDownPrice) {\n\t\t\t\t\tlet banners = [\n\t\t\t\t\t\t{className: 'knockdown', text: window.KNOCKDOWN_STYLING.Badge, customStyle: window.KNOCKDOWN_STYLING.CustomStyle},\n\t\t\t\t\t];\n\t\t\t\t\tif (discountCode) {\n\t\t\t\t\t\tbanners.unshift({className: 'sale', text: `${utils.getDiscountText(discountCode)}`, customStyle: ''});\n\t\t\t\t\t}\n\t\t\t\t\tbannerText = That.multiBannerText(banners);\n\t\t\t\t} else if (isDiscountPrice) {\n\t\t\t\t\tbannerText = That.bannerText('sale', `${utils.getDiscountText(saleCode)}`, { 'background-color': discountBadgeBgColour });\n\t\t\t\t} else if (isPromotionPrice) {\n\t\t\t\t\tbannerText = That.bannerText('new', 'HOT PRICE');\n\t\t\t\t}\n\t\t\t\tif ($wrapperBannerText.length > 0) {\n\t\t\t\t\tif ($wrapperBannerText.find('.productItem-labelWrap').length > 0) {\n\t\t\t\t\t\t$wrapperBannerText.find('.productItem-labelWrap').remove();\n\t\t\t\t\t}\n\t\t\t\t\tif (bannerText) {\n\t\t\t\t\t\t$wrapperBannerText.append(bannerText);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tif (priceVariant && selectedVariant) {\n\t\t\tconst {showWasNowFlag, listPrice, salePrice, isDiscountPrice, isClearancePrice, isKnockDownPrice, isPromotionPrice, saleCode, discountCode, discountBadgeBgColour} = priceVariant;\n\t\t\t(listPrice.amount) ? listPrice.amount = Number(listPrice.amount).toFixed(2) : null;\n\t\t\t(salePrice.amount) ? salePrice.amount = Number(salePrice.amount).toFixed(2) : null;\n\n\t\t\tlet detailDisplay = '';\n\t\t\tlet bannerText = '';\n\t\t\tlet originPrice = listPrice.amount ? That.showPriceText('normalPrice', `Was $${listPrice.amount}`) : '';\n\t\t\tlet nowPrice = salePrice.amount ? That.showPriceText('nowPrice', `Now $${salePrice.amount}`) : '';\n\t\t\tlet normalPrice = salePrice.amount ? That.showPriceText('normalPrice', `$${salePrice.amount}`) : '';\n\t\t\tlet nowPriceBold = salePrice.amount ? That.showPriceText('nowPrice isBold', `Now $${salePrice.amount}`) : '';\n\n\t\t\tif (isClearancePrice && isDiscountPrice) {\n\t\t\t\tdetailDisplay = nowPriceBold;\n\t\t\t\tconst banners = [\n\t\t\t\t\t{\n\t\t\t\t\t\tclassName: 'clearance',\n\t\t\t\t\t\ttext: 'CLEARANCE',\n\t\t\t\t\t},\n\t\t\t\t];\n\n\t\t\t\tif (isDiscountPrice) {\n\t\t\t\t\tbanners.push({\n\t\t\t\t\t\tclassName: 'discount',\n\t\t\t\t\t\ttext: `${utils.getDiscountWithClearanceBadgePrefixText(discountCode)}`,\n\t\t\t\t\t\tcustomStyle: utils.getStyle(window.DISCOUNT_WITH_CLEARANCE_STYLE || {}),\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tbannerText = That.multiBannerText(banners);\n\t\t\t} else if (isClearancePrice) {\n\t\t\t\tdetailDisplay = nowPriceBold;\n\t\t\t\tbannerText = That.bannerText('clearance', 'CLEARANCE');\n\n\t\t\t} else if (isKnockDownPrice) {\n\t\t\t\tdetailDisplay = nowPriceBold;\n\t\t\t\tdetailDisplay += `
${knockDownMessage ? knockDownMessage : ''}
`;\n\t\t\t\tlet banners = [\n\t\t\t\t\t{className: 'knockdown', text: window.KNOCKDOWN_STYLING.Badge, customStyle: window.KNOCKDOWN_STYLING.CustomStyle},\n\t\t\t\t];\n\t\t\t\tif (discountCode) {\n\t\t\t\t\tbanners.unshift({className: 'sale', text: `${discountCode}`, customStyle: ''});\n\t\t\t\t}\n\t\t\t\tbannerText = That.multiBannerText(banners);\n\t\t\t} else if (isDiscountPrice) {\n\t\t\t\tbannerText = That.bannerText('sale', utils.getDiscountText(saleCode), { 'background-color': discountBadgeBgColour });\n\t\t\t\tdetailDisplay = nowPriceBold;\n\t\t\t} else if (isPromotionPrice) {\n\t\t\t\tbannerText = That.bannerText('new', 'HOT PRICE');\n\t\t\t\tif (showWasNowFlag) {\n\t\t\t\t\tdetailDisplay = originPrice + nowPrice;\n\t\t\t\t} else {\n\t\t\t\t\tdetailDisplay = nowPrice;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tdetailDisplay = normalPrice;\n\t\t\t}\n\t\t\t$wrapperPrice.html(detailDisplay);\n\n\t\t\tif ($wrapperBannerText.length > 0) {\n\t\t\t\tif ($wrapperBannerText.find('.productItem-labelWrap').length > 0) {\n\t\t\t\t\t$wrapperBannerText.find('.productItem-labelWrap').remove();\n\t\t\t\t}\n\t\t\t\tif (bannerText) {\n\t\t\t\t\t$wrapperBannerText.append(bannerText);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// prices for partpayment variants\n\t\t\tif (paymentInfoVariant && paymentInfoVariant.length > 0) {\n\t\t\t\tfor (let i = 0; i < paymentInfoVariant.length; i++) {\n\t\t\t\t\tThat.modal.find(`.paymentInfo-detail[data-name=\"${paymentInfoVariant[i].name}\"] .payment-desc`).html(paymentInfoVariant[i].desc);\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (!priceVariant) {\n\t\t\tinitBanner();\n\t\t} else {\n\t\t\t// show display price\n\t\t\tif (That.displayPrice) {\n\t\t\t\t$wrapperPrice.html(`${That.displayPrice}`);\n\t\t\t}\n\n\t\t\t// display prices for partpayment variants\n\t\t\tif (That.paymentInfoInit && That.paymentInfoInit.length > 0) {\n\t\t\t\tfor (let i = 0; i < That.paymentInfoInit.length; i++) {\n\t\t\t\t\tThat.modal.find(`.paymentInfo-detail[data-name=\"${That.paymentInfoInit[i].name}\"] .payment-desc`).html(That.paymentInfoInit[i].desc);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tsetBonusBuy() {\n\t\tconst That = this;\n\t\tconst $blk = That.modal;\n\t\tlet variantCode = $blk.attr('data-variant-code');\n\t\tif ($blk.attr('data-generic-sku') && $blk.attr('data-item-type') == 'generic') {\n\t\t\tvariantCode = $blk.attr('data-generic-sku');\n\t\t}\n\t\tlet $wrapperBonusBuy = $blk.find(`.${CLS}-bonus-buy`);\n\t\tlet variantData = That.prodVariants && That.prodVariants.filter((variant) => variant.code === variantCode)[0];\n\t\tlet selectedVariant = That.hasSelectedVariant();\n\t\tlet bonusHtml = '';\n\t\tconst setTempBonus = function(arr) {\n\t\t\tlet html = '';\n\t\t\tarr.forEach((item) => {\n\t\t\t\tconst bonusTemp = `
\n\t\t\t\t\t\t\t\t\t
${item.name}
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t${item.description} ${item.browseText ? `-
${item.browseText} ` : ''}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
`;\n\t\t\t\thtml = html + bonusTemp;\n\t\t\t});\n\t\t\treturn html;\n\t\t};\n\t\tlet bonusBadges = [];\n\t\tif (variantData && selectedVariant) {\n\t\t\tbonusBadges = variantData.bonusBuyBadges;\n\t\t} else {\n\t\t\tbonusBadges = That.bonusBuyBadges;\n\t\t}\n\n\t\tif (bonusBadges.length) {\n\t\t\tbonusHtml = setTempBonus(bonusBadges);\n\t\t}\n\t\t$wrapperBonusBuy.html(bonusHtml);\n\t}\n\n\tgetProductApiCall(prodId) {\n\t\t// if we have the product data, return early\n\t\tif (this.popupCall && window.productData[prodId]) {\n\t\t\treturn Promise.resolve(window.productData[prodId]);\n\t\t}\n\n\t\t// get (appends the prodId to the url)\n\t\tlet $this = $(this.$el);\n\t\tlet $isClearance = !!window.PRODUCT_LISTING_BLOCK_CONFIG && !!window.PRODUCT_LISTING_BLOCK_CONFIG.ShowOnlyClearance;\n\t\tlet $endpoint = $this.data('getProductEndpoint') + `${prodId}?isQuickView=true&isClearance=${$isClearance}`;\n\n\t\treturn Api.getApi($endpoint);\n\t}\n\n\tgetVariantCode() {\n\t\tconst This = this;\n\t\tThis.getVariantCodeCall();\n\t}\n\n\tgetVariantCodeCall() {\n\t\tlet This = this;\n\t\tlet prodType = This.modal.attr('data-item-type');\n\t\tlet itemCode = This.modal.attr('data-item-code');\n\t\tlet colorSku = This.modal.find(BLK + 'options.colors .is-active-variant').data('sku') || null;\n\t\tlet sizeSku = This.modal.find(BLK + 'options.sizes .is-active-variant').data('sku') || null;\n\n\t\tif (prodType === 'colorsize') {\n\t\t\tsizeSku = This.modal.find(BLK + 'optionsWrapper:not(.d-none) .sizes .is-active-variant').data('sku') || null;\n\t\t}\n\n\t\tlet variantCode;\n\t\tswitch (prodType) {\n\t\t\tcase 'size':\n\t\t\t\tvariantCode = sizeSku;\n\t\t\t\tbreak;\n\t\t\tcase 'color':\n\t\t\t\tvariantCode = colorSku;\n\t\t\t\tbreak;\n\t\t\tcase 'colorsize':\n\t\t\t\tvariantCode = sizeSku;\n\t\t\t\tbreak;\n\t\t\tcase 'generic':\n\t\t\t\tvariantCode = itemCode;\n\t\t\t\tbreak;\n\t\t}\n\n\t\tThis.modal.attr('data-variant-code', variantCode);\n\t}\n\n\taddToBag() {\n\t\tconst This = this;\n\t\tconst $blk = $(this.$el);\n\t\tconst $error = $blk.find(`${BLK}error`);\n\t\t// toggle spinners\n\t\t$('.loading-spinner.plp-spinner').addClass(CLS_ACTIVE);\n\n\t\t// reset the error msg\n\t\tThis.modal.find('.error-messages.add-to-cart-errors').text('');\n\t\tThis.modal.find('.error-messages.add-to-cart-errors').removeClass(CLS_ACTIVE);\n\t\t$error.removeClass(CLS_ACTIVE);\n\n\t\tif (!This.checkSelectedVariant('cart')) return;\n\n\t\tlet prop = this.prepareProductProp();\n\t\taddToCart(prop, () => {\n\t\t\t// success callback\n\t\t\tthis.modal.modal('hide');\n\t\t\t$('.loading-spinner.plp-spinner').removeClass(CLS_ACTIVE);\n\t\t}, (data) => {\n\t\t\t// fail callback\n\t\t\t// show error div\n\t\t\tthis.modal.find('.error-messages.add-to-cart-errors').addClass(CLS_ACTIVE).text(data.message);\n\t\t\t$('.loading-spinner.plp-spinner').removeClass(CLS_ACTIVE);\n\t\t});\n\t}\n\n\tprepareProductProp() {\n\t\tlet itemCode = this.modal.attr('data-variant-code');\n\t\tlet itemQty = this.modal.find('.quantityInput input').val();\n\n\t\treturn {\n\t\t\tendpoint: $('.endpoints-definition').data('add-to-bag-endpoint') || '',\n\t\t\tcode: itemCode,\n\t\t\tquantity: itemQty,\n\t\t\tsize: '',\n\t\t\tdatalayerDataSource: this.datalayerDataSource,\n\t\t\ttitle: this.modal.find('.prod-title').text() || '',\n\t\t\tcartLink: this.$blk.data('cartLink') || '#',\n\t\t\tprodImg: this.prodImg || ''\n\t\t};\n\t}\n\n\tshowPopper(data) {\n\t\t// only for visible blocks\n\t\t// because we have 4 blocks on the styleguide\n\t\tif ($(this.$el).is(':visible')) {\n\t\t\t// register the template\n\t\t\tlet partial = require('../../../widgets/notifications/tmpl/notifications.hbs');\n\t\t\tHandlebars.registerPartial('notifications', partial);\n\t\t\tlet theTemplateScript = `\n\t\t\t\t{{> notifications wg=\"notifications\" ns=\"Notifications\" }}\n\t\t\t`;\n\t\t\tlet precompiled = new Function('return ' + Handlebars.precompile(theTemplateScript))();\n\t\t\tlet theTemplate = Handlebars.template(precompiled);\n\t\t\tlet theCompiledHtml = theTemplate(data);\n\t\t\t$(document).find('body').append(theCompiledHtml);\n\t\t\t// Re-init script for notifications widget\n\t\t\tloadNotifications(document.body, false, true).then((wg) => {\n\t\t\t\twg ? wg.init(data.recommendationsApi) : '';\n\t\t\t}).catch((error) => `${error} An error occurred while loading notifications script`);\n\t\t}\n\t}\n\n\tcheckSelectedVariant(state) {\n\t\tconst This = this;\n\t\tlet errorMsg = `Please select product options before adding this product to your ${state}`;\n\n\t\t// reset errors\n\t\tThis.modal.find('.error-messages.add-to-cart-errors').text('').removeClass('is-active');\n\n\t\t// if no variant code selected\n\t\t// if no options exist, don't check the add to cart\n\t\tlet optionsCount = This.modal.find(BLK + 'option:visible').length;\n\t\t// if no options has been selected\n\t\tif (optionsCount > 0) {\n\t\t\t// color only\n\t\t\tlet colorOption = This.modal.find(`.${CLS}-options.colors .${CLS}-option.is-active.is-active-variant:not(.has-sizes)`);\n\t\t\t// color and size\n\t\t\tlet colorSizeOption = This.modal.find(`.${CLS}-option.has-sizes.is-active.is-active-variant`);\n\t\t\t// size only\n\t\t\tlet sizeOption = This.modal.find(`.${CLS}-option.item-size.is-active.is-active-variant`);\n\t\t\t// generic\n\t\t\tlet genericOptions = This.modal.find(`.${CLS}-option.generic.is-active.is-active-variant`);\n\n\t\t\t// no variant has been selected\n\t\t\tif (\n\t\t\t\tcolorOption.length == 0 &&\n\t\t\t\tcolorSizeOption.length == 0 &&\n\t\t\t\tsizeOption.length == 0 &&\n\t\t\t\tgenericOptions.length == 0\n\t\t\t) {\n\t\t\t\tThis.modal.find('.error-messages.add-to-cart-errors').addClass('is-active').text(errorMsg);\n\t\t\t\t$('.loading-spinner').removeClass('is-active');\n\t\t\t\treturn false;\n\t\t\t} else {\n\t\t\t\tif (colorSizeOption.length != 0) {\n\t\t\t\t\tlet parentId = colorSizeOption.attr('data-variant-code');\n\t\t\t\t\tlet sizeOption = This.modal.find('[data-parent-itemid=\"' + parentId + '\"]').find(BLK + 'option.item-size.is-active.is-active-variant');\n\t\t\t\t\tif (sizeOption.length == 0) {\n\t\t\t\t\t\tThis.modal.find('.error-messages.add-to-cart-errors').addClass('is-active').text(errorMsg);\n\t\t\t\t\t\t$('.loading-spinner').removeClass('is-active');\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\tcheckWishAndGiftLists(getVariants) {\n\t\tconst That = this;\n\t\tlet variant = That.modal.attr('data-variant-code');\n\t\tlet variantsList = [];\n\n\t\tif (variant && variant != '') {\n\t\t\tif (getVariants) {\n\t\t\t\t// get wishList and giftList states for the selected variant\n\t\t\t\tThat.getVariantWishListAndGiftState(variant).then((data) => {\n\t\t\t\t\tif (data.result == 'SUCCESS') {\n\t\t\t\t\t\tThat.variantStates = data.response;\n\t\t\t\t\t\tThat.handleWishListAndGiftVariantObj(null, null);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tvariantsList = That.prodVariants;\n\t\t\t\tThat.handleWishListAndGiftVariantObj(variantsList, variant);\n\t\t\t}\n\t\t}\n\t}\n\n\tgetVariantWishListAndGiftState(variant) {\n\t\tlet $endpoint = $(this.$el).data('getWishlistGiftlistStatesEndpoint');\n\t\treturn Api.getApi($endpoint + variant);\n\t}\n\n\thandleWishListAndGiftVariantObj(variantsList, variant) {\n\t\tconst That = this;\n\t\tlet variantObj;\n\n\t\tif (!variantsList && !variant) {\n\t\t\tvariantObj = That.variantStates;\n\t\t} else {\n\t\t\tvariantObj = variantsList.find((item) => {\n\t\t\t\treturn item.code == variant;\n\t\t\t});\n\t\t}\n\n\t\tif (variantObj.isAddedIntoGiftRegistry) {\n\t\t\tThat.modal.find('.addToGiftBtn').addClass(CLS_LIST_ADDED);\n\t\t} else {\n\t\t\tThat.modal.find('.addToGiftBtn').removeClass(CLS_LIST_ADDED);\n\t\t}\n\n\t\tif (variantObj.isAddedIntoWishlist) {\n\t\t\tThat.modal.find('.wishlistBtn').addClass(CLS_LIST_ADDED);\n\t\t} else {\n\t\t\tThat.modal.find('.wishlistBtn').removeClass(CLS_LIST_ADDED);\n\t\t}\n\t}\n\n}\n\n\n\n// WEBPACK FOOTER //\n// D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/src/views/blocks/productQuickView/js/productQuickView.js","'use strict';\n\nexports.__esModule = true;\nexports.extend = extend;\nexports.indexOf = indexOf;\nexports.escapeExpression = escapeExpression;\nexports.isEmpty = isEmpty;\nexports.createFrame = createFrame;\nexports.blockParams = blockParams;\nexports.appendContextPath = appendContextPath;\nvar escape = {\n '&': '&',\n '<': '<',\n '>': '>',\n '\"': '"',\n \"'\": ''',\n '`': '`',\n '=': '='\n};\n\nvar badChars = /[&<>\"'`=]/g,\n possible = /[&<>\"'`=]/;\n\nfunction escapeChar(chr) {\n return escape[chr];\n}\n\nfunction extend(obj /* , ...source */) {\n for (var i = 1; i < arguments.length; i++) {\n for (var key in arguments[i]) {\n if (Object.prototype.hasOwnProperty.call(arguments[i], key)) {\n obj[key] = arguments[i][key];\n }\n }\n }\n\n return obj;\n}\n\nvar toString = Object.prototype.toString;\n\nexports.toString = toString;\n// Sourced from lodash\n// https://github.com/bestiejs/lodash/blob/master/LICENSE.txt\n/* eslint-disable func-style */\nvar isFunction = function isFunction(value) {\n return typeof value === 'function';\n};\n// fallback for older versions of Chrome and Safari\n/* istanbul ignore next */\nif (isFunction(/x/)) {\n exports.isFunction = isFunction = function (value) {\n return typeof value === 'function' && toString.call(value) === '[object Function]';\n };\n}\nexports.isFunction = isFunction;\n\n/* eslint-enable func-style */\n\n/* istanbul ignore next */\nvar isArray = Array.isArray || function (value) {\n return value && typeof value === 'object' ? toString.call(value) === '[object Array]' : false;\n};\n\nexports.isArray = isArray;\n// Older IE versions do not directly support indexOf so we must implement our own, sadly.\n\nfunction indexOf(array, value) {\n for (var i = 0, len = array.length; i < len; i++) {\n if (array[i] === value) {\n return i;\n }\n }\n return -1;\n}\n\nfunction escapeExpression(string) {\n if (typeof string !== 'string') {\n // don't escape SafeStrings, since they're already safe\n if (string && string.toHTML) {\n return string.toHTML();\n } else if (string == null) {\n return '';\n } else if (!string) {\n return string + '';\n }\n\n // Force a string conversion as this will be done by the append regardless and\n // the regex test will do this transparently behind the scenes, causing issues if\n // an object's to string has escaped characters in it.\n string = '' + string;\n }\n\n if (!possible.test(string)) {\n return string;\n }\n return string.replace(badChars, escapeChar);\n}\n\nfunction isEmpty(value) {\n if (!value && value !== 0) {\n return true;\n } else if (isArray(value) && value.length === 0) {\n return true;\n } else {\n return false;\n }\n}\n\nfunction createFrame(object) {\n var frame = extend({}, object);\n frame._parent = object;\n return frame;\n}\n\nfunction blockParams(params, ids) {\n params.path = ids;\n return params;\n}\n\nfunction appendContextPath(contextPath, id) {\n return (contextPath ? contextPath + '.' : '') + id;\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2xpYi9oYW5kbGViYXJzL3V0aWxzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxJQUFNLE1BQU0sR0FBRztBQUNiLEtBQUcsRUFBRSxPQUFPO0FBQ1osS0FBRyxFQUFFLE1BQU07QUFDWCxLQUFHLEVBQUUsTUFBTTtBQUNYLEtBQUcsRUFBRSxRQUFRO0FBQ2IsS0FBRyxFQUFFLFFBQVE7QUFDYixLQUFHLEVBQUUsUUFBUTtBQUNiLEtBQUcsRUFBRSxRQUFRO0NBQ2QsQ0FBQzs7QUFFRixJQUFNLFFBQVEsR0FBRyxZQUFZO0lBQzNCLFFBQVEsR0FBRyxXQUFXLENBQUM7O0FBRXpCLFNBQVMsVUFBVSxDQUFDLEdBQUcsRUFBRTtBQUN2QixTQUFPLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQztDQUNwQjs7QUFFTSxTQUFTLE1BQU0sQ0FBQyxHQUFHLG9CQUFvQjtBQUM1QyxPQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtBQUN6QyxTQUFLLElBQUksR0FBRyxJQUFJLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTtBQUM1QixVQUFJLE1BQU0sQ0FBQyxTQUFTLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDLEVBQUU7QUFDM0QsV0FBRyxDQUFDLEdBQUcsQ0FBQyxHQUFHLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztPQUM5QjtLQUNGO0dBQ0Y7O0FBRUQsU0FBTyxHQUFHLENBQUM7Q0FDWjs7QUFFTSxJQUFJLFFBQVEsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQzs7Ozs7O0FBS2hELElBQUksVUFBVSxHQUFHLG9CQUFTLEtBQUssRUFBRTtBQUMvQixTQUFPLE9BQU8sS0FBSyxLQUFLLFVBQVUsQ0FBQztDQUNwQyxDQUFDOzs7QUFHRixJQUFJLFVBQVUsQ0FBQyxHQUFHLENBQUMsRUFBRTtBQUNuQixVQU9PLFVBQVUsR0FQakIsVUFBVSxHQUFHLFVBQVMsS0FBSyxFQUFFO0FBQzNCLFdBQ0UsT0FBTyxLQUFLLEtBQUssVUFBVSxJQUMzQixRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLG1CQUFtQixDQUM1QztHQUNILENBQUM7Q0FDSDtRQUNRLFVBQVUsR0FBVixVQUFVOzs7OztBQUlaLElBQU0sT0FBTyxHQUNsQixLQUFLLENBQUMsT0FBTyxJQUNiLFVBQVMsS0FBSyxFQUFFO0FBQ2QsU0FBTyxLQUFLLElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxHQUNyQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLGdCQUFnQixHQUN6QyxLQUFLLENBQUM7Q0FDWCxDQUFDOzs7OztBQUdHLFNBQVMsT0FBTyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUU7QUFDcEMsT0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxHQUFHLEtBQUssQ0FBQyxNQUFNLEVBQUUsQ0FBQyxHQUFHLEdBQUcsRUFBRSxDQUFDLEVBQUUsRUFBRTtBQUNoRCxRQUFJLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxLQUFLLEVBQUU7QUFDdEIsYUFBTyxDQUFDLENBQUM7S0FDVjtHQUNGO0FBQ0QsU0FBTyxDQUFDLENBQUMsQ0FBQztDQUNYOztBQUVNLFNBQVMsZ0JBQWdCLENBQUMsTUFBTSxFQUFFO0FBQ3ZDLE1BQUksT0FBTyxNQUFNLEtBQUssUUFBUSxFQUFFOztBQUU5QixRQUFJLE1BQU0sSUFBSSxNQUFNLENBQUMsTUFBTSxFQUFFO0FBQzNCLGFBQU8sTUFBTSxDQUFDLE1BQU0sRUFBRSxDQUFDO0tBQ3hCLE1BQU0sSUFBSSxNQUFNLElBQUksSUFBSSxFQUFFO0FBQ3pCLGFBQU8sRUFBRSxDQUFDO0tBQ1gsTUFBTSxJQUFJLENBQUMsTUFBTSxFQUFFO0FBQ2xCLGFBQU8sTUFBTSxHQUFHLEVBQUUsQ0FBQztLQUNwQjs7Ozs7QUFLRCxVQUFNLEdBQUcsRUFBRSxHQUFHLE1BQU0sQ0FBQztHQUN0Qjs7QUFFRCxNQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRTtBQUMxQixXQUFPLE1BQU0sQ0FBQztHQUNmO0FBQ0QsU0FBTyxNQUFNLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQztDQUM3Qzs7QUFFTSxTQUFTLE9BQU8sQ0FBQyxLQUFLLEVBQUU7QUFDN0IsTUFBSSxDQUFDLEtBQUssSUFBSSxLQUFLLEtBQUssQ0FBQyxFQUFFO0FBQ3pCLFdBQU8sSUFBSSxDQUFDO0dBQ2IsTUFBTSxJQUFJLE9BQU8sQ0FBQyxLQUFLLENBQUMsSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtBQUMvQyxXQUFPLElBQUksQ0FBQztHQUNiLE1BQU07QUFDTCxXQUFPLEtBQUssQ0FBQztHQUNkO0NBQ0Y7O0FBRU0sU0FBUyxXQUFXLENBQUMsTUFBTSxFQUFFO0FBQ2xDLE1BQUksS0FBSyxHQUFHLE1BQU0sQ0FBQyxFQUFFLEVBQUUsTUFBTSxDQUFDLENBQUM7QUFDL0IsT0FBSyxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUM7QUFDdkIsU0FBTyxLQUFLLENBQUM7Q0FDZDs7QUFFTSxTQUFTLFdBQVcsQ0FBQyxNQUFNLEVBQUUsR0FBRyxFQUFFO0FBQ3ZDLFFBQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFDO0FBQ2xCLFNBQU8sTUFBTSxDQUFDO0NBQ2Y7O0FBRU0sU0FBUyxpQkFBaUIsQ0FBQyxXQUFXLEVBQUUsRUFBRSxFQUFFO0FBQ2pELFNBQU8sQ0FBQyxXQUFXLEdBQUcsV0FBVyxHQUFHLEdBQUcsR0FBRyxFQUFFLENBQUEsR0FBSSxFQUFFLENBQUM7Q0FDcEQiLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJjb25zdCBlc2NhcGUgPSB7XG4gICcmJzogJyZhbXA7JyxcbiAgJzwnOiAnJmx0OycsXG4gICc+JzogJyZndDsnLFxuICAnXCInOiAnJnF1b3Q7JyxcbiAgXCInXCI6ICcmI3gyNzsnLFxuICAnYCc6ICcmI3g2MDsnLFxuICAnPSc6ICcmI3gzRDsnXG59O1xuXG5jb25zdCBiYWRDaGFycyA9IC9bJjw+XCInYD1dL2csXG4gIHBvc3NpYmxlID0gL1smPD5cIidgPV0vO1xuXG5mdW5jdGlvbiBlc2NhcGVDaGFyKGNocikge1xuICByZXR1cm4gZXNjYXBlW2Nocl07XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBleHRlbmQob2JqIC8qICwgLi4uc291cmNlICovKSB7XG4gIGZvciAobGV0IGkgPSAxOyBpIDwgYXJndW1lbnRzLmxlbmd0aDsgaSsrKSB7XG4gICAgZm9yIChsZXQga2V5IGluIGFyZ3VtZW50c1tpXSkge1xuICAgICAgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChhcmd1bWVudHNbaV0sIGtleSkpIHtcbiAgICAgICAgb2JqW2tleV0gPSBhcmd1bWVudHNbaV1ba2V5XTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICByZXR1cm4gb2JqO1xufVxuXG5leHBvcnQgbGV0IHRvU3RyaW5nID0gT2JqZWN0LnByb3RvdHlwZS50b1N0cmluZztcblxuLy8gU291cmNlZCBmcm9tIGxvZGFzaFxuLy8gaHR0cHM6Ly9naXRodWIuY29tL2Jlc3RpZWpzL2xvZGFzaC9ibG9iL21hc3Rlci9MSUNFTlNFLnR4dFxuLyogZXNsaW50LWRpc2FibGUgZnVuYy1zdHlsZSAqL1xubGV0IGlzRnVuY3Rpb24gPSBmdW5jdGlvbih2YWx1ZSkge1xuICByZXR1cm4gdHlwZW9mIHZhbHVlID09PSAnZnVuY3Rpb24nO1xufTtcbi8vIGZhbGxiYWNrIGZvciBvbGRlciB2ZXJzaW9ucyBvZiBDaHJvbWUgYW5kIFNhZmFyaVxuLyogaXN0YW5idWwgaWdub3JlIG5leHQgKi9cbmlmIChpc0Z1bmN0aW9uKC94LykpIHtcbiAgaXNGdW5jdGlvbiA9IGZ1bmN0aW9uKHZhbHVlKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIHR5cGVvZiB2YWx1ZSA9PT0gJ2Z1bmN0aW9uJyAmJlxuICAgICAgdG9TdHJpbmcuY2FsbCh2YWx1ZSkgPT09ICdbb2JqZWN0IEZ1bmN0aW9uXSdcbiAgICApO1xuICB9O1xufVxuZXhwb3J0IHsgaXNGdW5jdGlvbiB9O1xuLyogZXNsaW50LWVuYWJsZSBmdW5jLXN0eWxlICovXG5cbi8qIGlzdGFuYnVsIGlnbm9yZSBuZXh0ICovXG5leHBvcnQgY29uc3QgaXNBcnJheSA9XG4gIEFycmF5LmlzQXJyYXkgfHxcbiAgZnVuY3Rpb24odmFsdWUpIHtcbiAgICByZXR1cm4gdmFsdWUgJiYgdHlwZW9mIHZhbHVlID09PSAnb2JqZWN0J1xuICAgICAgPyB0b1N0cmluZy5jYWxsKHZhbHVlKSA9PT0gJ1tvYmplY3QgQXJyYXldJ1xuICAgICAgOiBmYWxzZTtcbiAgfTtcblxuLy8gT2xkZXIgSUUgdmVyc2lvbnMgZG8gbm90IGRpcmVjdGx5IHN1cHBvcnQgaW5kZXhPZiBzbyB3ZSBtdXN0IGltcGxlbWVudCBvdXIgb3duLCBzYWRseS5cbmV4cG9ydCBmdW5jdGlvbiBpbmRleE9mKGFycmF5LCB2YWx1ZSkge1xuICBmb3IgKGxldCBpID0gMCwgbGVuID0gYXJyYXkubGVuZ3RoOyBpIDwgbGVuOyBpKyspIHtcbiAgICBpZiAoYXJyYXlbaV0gPT09IHZhbHVlKSB7XG4gICAgICByZXR1cm4gaTtcbiAgICB9XG4gIH1cbiAgcmV0dXJuIC0xO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gZXNjYXBlRXhwcmVzc2lvbihzdHJpbmcpIHtcbiAgaWYgKHR5cGVvZiBzdHJpbmcgIT09ICdzdHJpbmcnKSB7XG4gICAgLy8gZG9uJ3QgZXNjYXBlIFNhZmVTdHJpbmdzLCBzaW5jZSB0aGV5J3JlIGFscmVhZHkgc2FmZVxuICAgIGlmIChzdHJpbmcgJiYgc3RyaW5nLnRvSFRNTCkge1xuICAgICAgcmV0dXJuIHN0cmluZy50b0hUTUwoKTtcbiAgICB9IGVsc2UgaWYgKHN0cmluZyA9PSBudWxsKSB7XG4gICAgICByZXR1cm4gJyc7XG4gICAgfSBlbHNlIGlmICghc3RyaW5nKSB7XG4gICAgICByZXR1cm4gc3RyaW5nICsgJyc7XG4gICAgfVxuXG4gICAgLy8gRm9yY2UgYSBzdHJpbmcgY29udmVyc2lvbiBhcyB0aGlzIHdpbGwgYmUgZG9uZSBieSB0aGUgYXBwZW5kIHJlZ2FyZGxlc3MgYW5kXG4gICAgLy8gdGhlIHJlZ2V4IHRlc3Qgd2lsbCBkbyB0aGlzIHRyYW5zcGFyZW50bHkgYmVoaW5kIHRoZSBzY2VuZXMsIGNhdXNpbmcgaXNzdWVzIGlmXG4gICAgLy8gYW4gb2JqZWN0J3MgdG8gc3RyaW5nIGhhcyBlc2NhcGVkIGNoYXJhY3RlcnMgaW4gaXQuXG4gICAgc3RyaW5nID0gJycgKyBzdHJpbmc7XG4gIH1cblxuICBpZiAoIXBvc3NpYmxlLnRlc3Qoc3RyaW5nKSkge1xuICAgIHJldHVybiBzdHJpbmc7XG4gIH1cbiAgcmV0dXJuIHN0cmluZy5yZXBsYWNlKGJhZENoYXJzLCBlc2NhcGVDaGFyKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGlzRW1wdHkodmFsdWUpIHtcbiAgaWYgKCF2YWx1ZSAmJiB2YWx1ZSAhPT0gMCkge1xuICAgIHJldHVybiB0cnVlO1xuICB9IGVsc2UgaWYgKGlzQXJyYXkodmFsdWUpICYmIHZhbHVlLmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybiB0cnVlO1xuICB9IGVsc2Uge1xuICAgIHJldHVybiBmYWxzZTtcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gY3JlYXRlRnJhbWUob2JqZWN0KSB7XG4gIGxldCBmcmFtZSA9IGV4dGVuZCh7fSwgb2JqZWN0KTtcbiAgZnJhbWUuX3BhcmVudCA9IG9iamVjdDtcbiAgcmV0dXJuIGZyYW1lO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gYmxvY2tQYXJhbXMocGFyYW1zLCBpZHMpIHtcbiAgcGFyYW1zLnBhdGggPSBpZHM7XG4gIHJldHVybiBwYXJhbXM7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBhcHBlbmRDb250ZXh0UGF0aChjb250ZXh0UGF0aCwgaWQpIHtcbiAgcmV0dXJuIChjb250ZXh0UGF0aCA/IGNvbnRleHRQYXRoICsgJy4nIDogJycpICsgaWQ7XG59XG4iXX0=\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/node_modules/handlebars/dist/cjs/handlebars/utils.js\n// module id = 403\n// module chunks = 0 1 2 3 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24","'use strict';\n\nexports.__esModule = true;\nvar errorProps = ['description', 'fileName', 'lineNumber', 'endLineNumber', 'message', 'name', 'number', 'stack'];\n\nfunction Exception(message, node) {\n var loc = node && node.loc,\n line = undefined,\n endLineNumber = undefined,\n column = undefined,\n endColumn = undefined;\n\n if (loc) {\n line = loc.start.line;\n endLineNumber = loc.end.line;\n column = loc.start.column;\n endColumn = loc.end.column;\n\n message += ' - ' + line + ':' + column;\n }\n\n var tmp = Error.prototype.constructor.call(this, message);\n\n // Unfortunately errors are not enumerable in Chrome (at least), so `for prop in tmp` doesn't work.\n for (var idx = 0; idx < errorProps.length; idx++) {\n this[errorProps[idx]] = tmp[errorProps[idx]];\n }\n\n /* istanbul ignore else */\n if (Error.captureStackTrace) {\n Error.captureStackTrace(this, Exception);\n }\n\n try {\n if (loc) {\n this.lineNumber = line;\n this.endLineNumber = endLineNumber;\n\n // Work around issue under safari where we can't directly set the column value\n /* istanbul ignore next */\n if (Object.defineProperty) {\n Object.defineProperty(this, 'column', {\n value: column,\n enumerable: true\n });\n Object.defineProperty(this, 'endColumn', {\n value: endColumn,\n enumerable: true\n });\n } else {\n this.column = column;\n this.endColumn = endColumn;\n }\n }\n } catch (nop) {\n /* Ignore if the browser is very particular */\n }\n}\n\nException.prototype = new Error();\n\nexports['default'] = Exception;\nmodule.exports = exports['default'];\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2xpYi9oYW5kbGViYXJzL2V4Y2VwdGlvbi5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSxJQUFNLFVBQVUsR0FBRyxDQUNqQixhQUFhLEVBQ2IsVUFBVSxFQUNWLFlBQVksRUFDWixlQUFlLEVBQ2YsU0FBUyxFQUNULE1BQU0sRUFDTixRQUFRLEVBQ1IsT0FBTyxDQUNSLENBQUM7O0FBRUYsU0FBUyxTQUFTLENBQUMsT0FBTyxFQUFFLElBQUksRUFBRTtBQUNoQyxNQUFJLEdBQUcsR0FBRyxJQUFJLElBQUksSUFBSSxDQUFDLEdBQUc7TUFDeEIsSUFBSSxZQUFBO01BQ0osYUFBYSxZQUFBO01BQ2IsTUFBTSxZQUFBO01BQ04sU0FBUyxZQUFBLENBQUM7O0FBRVosTUFBSSxHQUFHLEVBQUU7QUFDUCxRQUFJLEdBQUcsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUM7QUFDdEIsaUJBQWEsR0FBRyxHQUFHLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQztBQUM3QixVQUFNLEdBQUcsR0FBRyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUM7QUFDMUIsYUFBUyxHQUFHLEdBQUcsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDOztBQUUzQixXQUFPLElBQUksS0FBSyxHQUFHLElBQUksR0FBRyxHQUFHLEdBQUcsTUFBTSxDQUFDO0dBQ3hDOztBQUVELE1BQUksR0FBRyxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUM7OztBQUcxRCxPQUFLLElBQUksR0FBRyxHQUFHLENBQUMsRUFBRSxHQUFHLEdBQUcsVUFBVSxDQUFDLE1BQU0sRUFBRSxHQUFHLEVBQUUsRUFBRTtBQUNoRCxRQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsR0FBRyxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0dBQzlDOzs7QUFHRCxNQUFJLEtBQUssQ0FBQyxpQkFBaUIsRUFBRTtBQUMzQixTQUFLLENBQUMsaUJBQWlCLENBQUMsSUFBSSxFQUFFLFNBQVMsQ0FBQyxDQUFDO0dBQzFDOztBQUVELE1BQUk7QUFDRixRQUFJLEdBQUcsRUFBRTtBQUNQLFVBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO0FBQ3ZCLFVBQUksQ0FBQyxhQUFhLEdBQUcsYUFBYSxDQUFDOzs7O0FBSW5DLFVBQUksTUFBTSxDQUFDLGNBQWMsRUFBRTtBQUN6QixjQUFNLENBQUMsY0FBYyxDQUFDLElBQUksRUFBRSxRQUFRLEVBQUU7QUFDcEMsZUFBSyxFQUFFLE1BQU07QUFDYixvQkFBVSxFQUFFLElBQUk7U0FDakIsQ0FBQyxDQUFDO0FBQ0gsY0FBTSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsV0FBVyxFQUFFO0FBQ3ZDLGVBQUssRUFBRSxTQUFTO0FBQ2hCLG9CQUFVLEVBQUUsSUFBSTtTQUNqQixDQUFDLENBQUM7T0FDSixNQUFNO0FBQ0wsWUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7QUFDckIsWUFBSSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7T0FDNUI7S0FDRjtHQUNGLENBQUMsT0FBTyxHQUFHLEVBQUU7O0dBRWI7Q0FDRjs7QUFFRCxTQUFTLENBQUMsU0FBUyxHQUFHLElBQUksS0FBSyxFQUFFLENBQUM7O3FCQUVuQixTQUFTIiwiZmlsZSI6ImV4Y2VwdGlvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbImNvbnN0IGVycm9yUHJvcHMgPSBbXG4gICdkZXNjcmlwdGlvbicsXG4gICdmaWxlTmFtZScsXG4gICdsaW5lTnVtYmVyJyxcbiAgJ2VuZExpbmVOdW1iZXInLFxuICAnbWVzc2FnZScsXG4gICduYW1lJyxcbiAgJ251bWJlcicsXG4gICdzdGFjaydcbl07XG5cbmZ1bmN0aW9uIEV4Y2VwdGlvbihtZXNzYWdlLCBub2RlKSB7XG4gIGxldCBsb2MgPSBub2RlICYmIG5vZGUubG9jLFxuICAgIGxpbmUsXG4gICAgZW5kTGluZU51bWJlcixcbiAgICBjb2x1bW4sXG4gICAgZW5kQ29sdW1uO1xuXG4gIGlmIChsb2MpIHtcbiAgICBsaW5lID0gbG9jLnN0YXJ0LmxpbmU7XG4gICAgZW5kTGluZU51bWJlciA9IGxvYy5lbmQubGluZTtcbiAgICBjb2x1bW4gPSBsb2Muc3RhcnQuY29sdW1uO1xuICAgIGVuZENvbHVtbiA9IGxvYy5lbmQuY29sdW1uO1xuXG4gICAgbWVzc2FnZSArPSAnIC0gJyArIGxpbmUgKyAnOicgKyBjb2x1bW47XG4gIH1cblxuICBsZXQgdG1wID0gRXJyb3IucHJvdG90eXBlLmNvbnN0cnVjdG9yLmNhbGwodGhpcywgbWVzc2FnZSk7XG5cbiAgLy8gVW5mb3J0dW5hdGVseSBlcnJvcnMgYXJlIG5vdCBlbnVtZXJhYmxlIGluIENocm9tZSAoYXQgbGVhc3QpLCBzbyBgZm9yIHByb3AgaW4gdG1wYCBkb2Vzbid0IHdvcmsuXG4gIGZvciAobGV0IGlkeCA9IDA7IGlkeCA8IGVycm9yUHJvcHMubGVuZ3RoOyBpZHgrKykge1xuICAgIHRoaXNbZXJyb3JQcm9wc1tpZHhdXSA9IHRtcFtlcnJvclByb3BzW2lkeF1dO1xuICB9XG5cbiAgLyogaXN0YW5idWwgaWdub3JlIGVsc2UgKi9cbiAgaWYgKEVycm9yLmNhcHR1cmVTdGFja1RyYWNlKSB7XG4gICAgRXJyb3IuY2FwdHVyZVN0YWNrVHJhY2UodGhpcywgRXhjZXB0aW9uKTtcbiAgfVxuXG4gIHRyeSB7XG4gICAgaWYgKGxvYykge1xuICAgICAgdGhpcy5saW5lTnVtYmVyID0gbGluZTtcbiAgICAgIHRoaXMuZW5kTGluZU51bWJlciA9IGVuZExpbmVOdW1iZXI7XG5cbiAgICAgIC8vIFdvcmsgYXJvdW5kIGlzc3VlIHVuZGVyIHNhZmFyaSB3aGVyZSB3ZSBjYW4ndCBkaXJlY3RseSBzZXQgdGhlIGNvbHVtbiB2YWx1ZVxuICAgICAgLyogaXN0YW5idWwgaWdub3JlIG5leHQgKi9cbiAgICAgIGlmIChPYmplY3QuZGVmaW5lUHJvcGVydHkpIHtcbiAgICAgICAgT2JqZWN0LmRlZmluZVByb3BlcnR5KHRoaXMsICdjb2x1bW4nLCB7XG4gICAgICAgICAgdmFsdWU6IGNvbHVtbixcbiAgICAgICAgICBlbnVtZXJhYmxlOiB0cnVlXG4gICAgICAgIH0pO1xuICAgICAgICBPYmplY3QuZGVmaW5lUHJvcGVydHkodGhpcywgJ2VuZENvbHVtbicsIHtcbiAgICAgICAgICB2YWx1ZTogZW5kQ29sdW1uLFxuICAgICAgICAgIGVudW1lcmFibGU6IHRydWVcbiAgICAgICAgfSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmNvbHVtbiA9IGNvbHVtbjtcbiAgICAgICAgdGhpcy5lbmRDb2x1bW4gPSBlbmRDb2x1bW47XG4gICAgICB9XG4gICAgfVxuICB9IGNhdGNoIChub3ApIHtcbiAgICAvKiBJZ25vcmUgaWYgdGhlIGJyb3dzZXIgaXMgdmVyeSBwYXJ0aWN1bGFyICovXG4gIH1cbn1cblxuRXhjZXB0aW9uLnByb3RvdHlwZSA9IG5ldyBFcnJvcigpO1xuXG5leHBvcnQgZGVmYXVsdCBFeGNlcHRpb247XG4iXX0=\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/node_modules/handlebars/dist/cjs/handlebars/exception.js\n// module id = 404\n// module chunks = 0 1 2 3 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24","// Create a simple path alias to allow browserify to resolve\n// the runtime on a supported path.\nmodule.exports = require('./dist/cjs/handlebars.runtime')['default'];\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/node_modules/handlebars/runtime.js\n// module id = 405\n// module chunks = 0 1 2 3 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24","import * as Api from './api';\nimport {CdcService} from './cdc';\nimport {isLoggedin} from './utils';\n\nconst NS = 'findInStore';\n\nexport function saveSelectedStore(store, successCB) {\n\tconst cdcService = new CdcService();\n\tlet saveToLocalStorage = () => {\n\t\tif (!window.localStorage) return;\n\n\t\tstore = convertStore(store);\n\n\t\twindow.localStorage.setItem(`bris.${NS}.value`, JSON.stringify(store));\n\t};\n\n\tlet saveToDb = () => {\n\t\tlet endpoint = $('.endpoints-definition').data('set-store-endpoint');\n\t\tif (!endpoint) {\n\t\t\tconsole.error(`\"data-select-store-endpoint\" couldn't find. Please set the endpoint on \"endpoints-definition\". Returned early.`);\n\t\t}\n\n\t\tlet param = {\n\t\t\tstoreId: store.storeId,\n\t\t};\n\n\t\twindow.gigya && cdcService.setStoreById(store.storeId);\n\n\t\tApi.callApi(endpoint, param).then((data) => {\n\t\t\tsaveToLocalStorage();\n\t\t\tif (data.result == 'SUCCESS') {\n\t\t\t\tif (successCB) {\n\t\t\t\t\tsuccessCB();\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.error(data.message || 'Find in store. Error set store.');\n\t\t\t}\n\t\t}).catch(saveToLocalStorage);\n\t};\n\n\tsaveToDb();\n}\n\nexport function checkLocalStorage() {\n\tconst data = {\n\t\tstoreInfo: {\n\t\t\tstoreId: '',\n\t\t\tstoreName: '',\n\t\t\tcontentLinkID: '',\n\t\t\tregionId: '',\n\t\t\tbranchSearch: '',\n\t\t},\n\t};\n\n\tif (isLoggedin() && window.selectedStore && window.localStorage) {\n\t\tconst storeInfo = {\n\t\t\tstoreName: storeNameShorter(window.selectedStore.name),\n\t\t\tstoreId: window.selectedStore.fulfilmentNumber,\n\t\t\tcontentLinkID: window.selectedStore.contentLinkID,\n\t\t};\n\t\twindow.localStorage.setItem(`bris.${NS}.value`, JSON.stringify(storeInfo));\n\t\tdelete window.selectedStore;\n\t}\n\tif (window.localStorage) {\n\t\tlet storeValue = window.localStorage.getItem(`bris.${NS}.value`);\n\t\tif (storeValue) {\n\t\t\tdata.storeInfo = JSON.parse(storeValue);\n\t\t\tdata.storeInfo.store = convertStore(data.storeInfo.store);\n\t\t}\n\t}\n\n\treturn data;\n}\n\nexport function convertStore(store) {\n\tif (store && store.storeName) {\n\t\tstore.storeName = storeNameShorter(store.storeName);\n\t}\n\treturn store;\n}\n\nexport function storeNameShorter(name) {\n\treturn name\n\t\t.replace('Briscoes ', '')\n\t\t.replace('Rebel Sport ', '')\n\t\t.replace('Living & Giving ', '')\n\t\t.replace('Living & Giving ', '');\n}\n\n\n\n// WEBPACK FOOTER //\n// ./findInStore.js","import * as Api from \"./api\";\nimport * as utils from \"./utils\";\nimport Handlebars from 'handlebars';\nimport '../helpers/obj';\nimport {loadNotifications} from '../../views/widgets/notifications/js/loadWg';\nimport {loadRecommendationsModal} from '../../views/widgets/recommendationsModal/js/loadWg';\nimport * as dataLayer from './dataLayer';\nimport {getPriceOrFree} from \"./checkout\";\nimport {updatePomotional} from \"../../views/blocks/promotionalList/js/promotionalList\";\n\nconst CLS_INVALID = 'invalid';\nconst CLS_HIDE = 'd-none';\nconst CLS_INVISIBLE = 'invisible';\nconst CLS_ACTIVE = 'is-active';\n\n// TODO:\n// Move remove/update item to here\n\n/**\n * Apply promo code API\n * @param {JQuery element} $el - Parent element\n * @param {Object} couponObj - Contain (api, value)\n */\nexport function applyPromoCode($el, couponObj) {\n\tlet $discountLabel = $el.find(`.discounttotal-label`) || $(document).find(`.discounttotal-label`);\n\tlet $discountValue = $el.find(`.discounttotal-value`) || $(document).find(`.discounttotal-value`);\n\tlet $errorMessage = $el.find('#couponCodeMessage');\n\tlet $couponShipping = $el.find('.coupon-shipping-js') || $(document).find('.coupon-shipping-js');\n\t// let $couponCode = $el.find('#couponCode') || $('#couponCode');\n\tlet $deleteCouponCodeForm = $el.find('#deleteCouponCodeForm') || $('#deleteCouponCodeForm');\n\tlet param = {\n\t\t'couponValue': couponObj.value,\n\t};\n\n\t// toggle spinners\n\t$('.loading-spinner').addClass('is-active');\n\n\tApi.callApi(couponObj.api, param).then((data) => {\n\t\tif (data.result == 'SUCCESS') {\n\t\t\tlet res = data.response;\n\t\t\t// get values\n\t\t\tlet taxes = res.totaltaxes || 0;\n\t\t\tlet subtotal = res.subtotal || 0;\n\t\t\tlet total = res.total || 0;\n\t\t\tlet cartCount = res.lineitemscount || 0;\n\t\t\tlet discounttotal = res.discounttotal || '0';\n\t\t\tlet shippingTotal = res.shippingTotal || 0;\n\t\t\tlet orderCouponCode = res.orderCouponCode || '';\n\t\t\tlet shippingCouponCode = res.shippingCouponCode || '';\n\t\t\tlet totalWithoutShipping = res.totalWithoutShipping || '';\n\n\t\t\t// $couponCode.val('');\n\n\t\t\t// Update total price method\n\t\t\tupdateTotalPriceShippingMethod(res.shippingMethods || null);\n\n\t\t\t// update markup\n\t\t\t$el.find('.subtotal-value').text('$' + parseFloat(subtotal).toFixed(2));\n\t\t\t$el.find('.tax-value').text('$' + parseFloat(taxes).toFixed(2));\n\t\t\t$el.find('.total-value').text('$' + parseFloat(total).toFixed(2));\n\t\t\t$el.find('.total-without-shipping').text('$' + parseFloat(totalWithoutShipping).toFixed(2));\n\t\t\t$el.find('.shipping-value').text('$' + parseFloat(shippingTotal).toFixed(2));\n\n\t\t\t// handle discount\n\t\t\tif (parseFloat(discounttotal || 0) && orderCouponCode) {\n\t\t\t\t$discountValue.text('-$' + parseFloat(discounttotal).toFixed(2)).removeClass(CLS_HIDE);\n\t\t\t\t$discountLabel.removeClass(CLS_HIDE);\n\t\t\t\t$discountLabel.find('.coupon-text').html(couponTag(orderCouponCode)).removeClass(CLS_HIDE);\n\t\t\t} else {\n\t\t\t\t$discountValue.addClass(CLS_HIDE);\n\t\t\t\t$discountLabel.addClass(CLS_HIDE);\n\t\t\t\t$discountLabel.find('.coupon-text').addClass(CLS_HIDE);\n\t\t\t}\n\n\t\t\t// Handle shipping\n\t\t\tif (shippingCouponCode) {\n\t\t\t\t$couponShipping.find('.coupon-text').html(couponTag(shippingCouponCode)).removeClass(CLS_HIDE);\n\t\t\t} else {\n\t\t\t\t$couponShipping.find('.coupon-text').html('').addClass(CLS_HIDE);\n\t\t\t}\n\n\t\t\tif ($(document).find('.siteHeader-cartCount').length > 0) {\n\t\t\t\t$(document).find('.siteHeader-cartCount').text(cartCount);\n\t\t\t\t$(document).find('.siteHeader-subTotal').text(' = $' + parseFloat(res.subtotal).toFixed(2));\n\t\t\t}\n\n\t\t\t$errorMessage.removeClass('is-active');\n\t\t\t$el.find('#couponCode').removeClass(CLS_INVALID);\n\t\t\t$('.loading-spinner').removeClass('is-active');\n\t\t\t$el.find('#couponCode').val('');\n\n\t\t\tupdatePomotional(res.freeOrDiscountedPromotionalItems, res.lineItemPrices);\n\t\t} else {\n\t\t\t// show error div\n\t\t\t$errorMessage.addClass('is-active').html(data.message);\n\t\t\t$el.find('#couponCode').addClass(CLS_INVALID);\n\t\t\t$('.loading-spinner').removeClass('is-active');\n\t\t}\n\t});\n}\n\nexport function couponTag(code) {\n\treturn [\n\t\t$(`
\"${code}\" `),\n\t\t$(`
`),\n\t];\n}\n\nexport function updateTotalPriceShippingMethod(shippingMethods = []) {\n\tshippingMethods && shippingMethods.forEach(method => {\n\t\tconst price = method.Price.Amount;\n\t\tconst {BasePrice, HeavyItemPrice, Id} = method;\n\t\tconst isFree = parseFloat(price) == 0;\n\t\t// Rural off.\n\t\t$(`[shipping-method-id=\"${Id}\"] .totalPrice:not(.heavy-item)`).text(`\n\t\t\t${isFree ? 'FREE' : BasePrice}\n\t\t`);\n\n\t\t$(`[shipping-method-id=\"${Id}\"] .totalPrice.heavy-item`).text(`\n\t\t\t${isFree ? 'FREE' : HeavyItemPrice}\n\t\t`);\n\t\t// Rural on.\n\t\t$(`[shipping-method-id=\"${Id}\"] .heavy-item-price:not(.has-from)`).text(`\n\t\t\t${isFree ? 'FREE' : HeavyItemPrice}\n\t\t`);\n\n\t\t$(`[shipping-method-id=\"${Id}\"] .normal-item-price:not('.has-from')`).text(`\n\t\t\t${isFree ? 'FREE' : BasePrice}\n\t\t`);\n\n\t\t$(`[shipping-method-id=\"${Id}\"] .heavy-item-price.has-from`).text(`\n\t\t\t${isFree ? 'FREE' : 'From ' + HeavyItemPrice}\n\t\t`);\n\n\t\t$(`[shipping-method-id=\"${Id}\"] .normal-item-price.has-from`).text(`\n\t\t\t${isFree ? 'FREE' : 'From ' + BasePrice}\n\t\t`);\n\n\t});\n}\n\nexport function handleDiscountView(discounttotal, couponCodes) {\n\tlet $discountLabel = $(document).find(`.discounttotal-label`);\n\tlet $discountValue = $(document).find(`.discounttotal-value`);\n\n\tif (discounttotal !== '0' && couponCodes.length > 0) {\n\t\t$discountValue.text('-$' + parseFloat(discounttotal).toFixed(2)).removeClass(CLS_HIDE);\n\t\t$discountLabel.removeClass(CLS_HIDE);\n\t} else {\n\t\t$discountValue.text('').addClass(CLS_HIDE);\n\t\t$discountLabel.addClass(CLS_HIDE);\n\t}\n}\n\nexport function handleCouponShipping(shippingCouponCode) {\n\tconst $couponShipping = $('.coupon-shipping-js');\n\tif (shippingCouponCode) {\n\t\t$couponShipping.find('.coupon-text').text(`\"${shippingCouponCode}\"`).removeClass(CLS_HIDE);\n\t} else {\n\t\t$couponShipping.find('.coupon-text').text('').addClass(CLS_HIDE);\n\t}\n}\n\nexport function addToCart(prop, succesCB, failCB) {\n\tif (!prop.endpoint) {\n\t\tif (failCB) failCB({\n\t\t\tmessage: `Can't find Endpoint. Returned early.`,\n\t\t});\n\t\treturn;\n\t}\n\n\n\tlet param = {};\n\n\tif(prop.isBundles){\n\t\tparam = {\n\t\t\t'items': prop.items,\n\t\t};\n\t} else {\n\t\tparam = {\n\t\t\t'code': prop.code,\n\t\t\t'quantity': prop.quantity,\n\t\t};\n\t\tif (prop.customAmount !== '') param.customAmount = prop.customAmount;\n\t\tif (prop.settingAmount !== '') param.settingAmount = prop.settingAmount;\n\t}\n\n\tlet $endpointDef = $('.endpoints-definition');\n\n\tApi.callApi(prop.endpoint, param).then((data) => {\n\t\tif (data.result == 'SUCCESS') {\n\t\t\t// update cart count and total in the siteHeader\n\t\t\tlet $cartCount = $(document).find('.siteHeader-cart .siteHeader-cartCount');\n\n\t\t\tlet productObj = {\n\t\t\t\tcode: prop.code,\n\t\t\t\tquantity: prop.quantity,\n\t\t\t\tsize: prop.size || '',\n\t\t\t\titems: prop.items,\n\t\t\t};\n\n\t\t\tdataLayer.pushAddToCart(productObj, prop.datalayerDataSource);\n\n\t\t\tlet res = data.response;\n\n\t\t\tif ($cartCount.length > 0) {\n\t\t\t\t$cartCount.text(res.cartCount);\n\n\t\t\t\tif (res.cartCount > 0) {\n\t\t\t\t\t$cartCount.removeClass(CLS_INVISIBLE);\n\t\t\t\t} else {\n\t\t\t\t\t$cartCount.addClass(CLS_INVISIBLE);\n\t\t\t\t}\n\n\t\t\t\t$(document).find('.siteHeader-subTotal').text(' = $' + parseFloat(res.cartTotal).toFixed(2));\n\t\t\t}\n\n\t\t\tlet details = {\n\t\t\t\tmods: data.message ? 'has-error' : '',\n\t\t\t\tisCart: true,\n\t\t\t\tcount: res.cartCount,\n\t\t\t\ttitle: prop.title,\n\t\t\t\ttotal: '$' + parseFloat(res.cartTotal).toFixed(2),\n\t\t\t\taddedText: 'Added to your cart',\n\t\t\t\tlink: prop.cartLink || '#',\n\t\t\t\tqty: data.quantityActual,\n\t\t\t\titemImg: prop.prodImg,\n\t\t\t\terrorMsg: data.message,\n\t\t\t\tproductCode: prop.code,\n\t\t\t\trecommendationsApi: utils.getRecommendationsApi($endpointDef.data('recommendations-endpoint') || ''),\n\t\t\t\trecommendationsTitle: res.recommendationsTitle || '',\n\t\t\t\trecommendationsViewMoreLink: res.recommendationsViewMoreLink || '',\n\t\t\t\trecommendationId: prop.recommendationId || '',\n\t\t\t};\n\n\t\t\tlet dataShowRecsModal = $endpointDef.data('showrecsmodal');\n\t\t\tif ((window.innerWidth > utils.BREAKPOINT.LG) && (dataShowRecsModal === true || dataShowRecsModal === 'true' || dataShowRecsModal === 'True')) {\n\t\t\t\t// close/remove all modal first\n\t\t\t\t$(`[data-wg=\"RecommendationsModal\"]`).modal('hide');\n\n\t\t\t\t// add timeout to wait the modal hide first\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tshowRecsModal(details);\n\t\t\t\t}, 500);\n\t\t\t} else {\n\t\t\t\tshowNotification(details);\n\t\t\t}\n\n\t\t\tif (res.cartItems) {\n\t\t\t\tlet cartItems = res.cartItems;\n\t\t\t\tif (typeof cartItems === 'string') {\n\t\t\t\t\tcartItems = JSON.parse(cartItems);\n\t\t\t\t}\n\n\t\t\t\tdataLayer.pushCartItems(cartItems);\n\t\t\t}\n\n\t\t\tif (succesCB) succesCB(data);\n\t\t} else {\n\t\t\tif (failCB) failCB(data);\n\t\t}\n\t});\n}\n\nexport function giftCardAddToCart(prop, succesCB, failCB) {\n\tif (!prop.endpoint) {\n\t\tif (failCB) failCB({\n\t\t\tmessage: `Can't find Endpoint. Returned early.`\n\t\t});\n\t\treturn;\n\t}\n\n\tlet param = {\n\t\t'code': prop.code,\n\t\t'quantity': prop.quantity,\n\t\t'giftAmount': prop.giftAmount,\n\t\t'giftersName': prop.giftersName,\n\t\t'recipientName': prop.recipientName,\n\t\t'recipientEmail': prop.recipientEmail,\n\t\t'selectedDate': prop.selectedDate,\n\t\t'messageToRecipient': prop.messageToRecipient,\n\t};\n\tif (prop.customAmount !== '') param.customAmount = prop.customAmount;\n\tif (prop.settingAmount !== '') param.settingAmount = prop.settingAmount;\n\n\tlet $endpointDef = $('.endpoints-definition');\n\n\tApi.callApi(prop.endpoint, param).then((data) => {\n\t\tif (data.result == 'SUCCESS') {\n\t\t\t// update cart count and total in the siteHeader\n\t\t\tlet $cartCount = $(document).find('.siteHeader-cart .siteHeader-cartCount');\n\n\t\t\tlet productObj = {\n\t\t\t\tcode: prop.code,\n\t\t\t\tquantity: prop.quantity,\n\t\t\t\tgiftAmount: prop.giftAmount,\n\t\t\t\tgiftersName: prop.giftersName,\n\t\t\t\trecipientName: prop.recipientName,\n\t\t\t\trecipientEmail: prop.recipientEmail,\n\t\t\t\tselectedDate: prop.selectedDate,\n\t\t\t\tmessageToRecipient: prop.messageToRecipient,\n\t\t\t};\n\n\t\t\tdataLayer.pushAddToCart(productObj, prop.datalayerDataSource);\n\n\t\t\tlet res = data.response;\n\n\t\t\tif ($cartCount.length > 0) {\n\t\t\t\t$cartCount.text(res.cartCount);\n\n\t\t\t\tif (res.cartCount > 0) {\n\t\t\t\t\t$cartCount.removeClass(CLS_INVISIBLE);\n\t\t\t\t} else {\n\t\t\t\t\t$cartCount.addClass(CLS_INVISIBLE);\n\t\t\t\t}\n\n\t\t\t\t$(document).find('.siteHeader-subTotal').text(' = $' + parseFloat(res.cartTotal).toFixed(2));\n\t\t\t}\n\n\t\t\tlet details = {\n\t\t\t\tmods: data.message ? 'has-error' : '',\n\t\t\t\tisCart: true,\n\t\t\t\tcount: res.cartCount,\n\t\t\t\ttitle: prop.title,\n\t\t\t\ttotal: '$' + parseFloat(res.cartTotal).toFixed(2),\n\t\t\t\taddedText: 'Added to your cart',\n\t\t\t\tlink: prop.cartLink || '#',\n\t\t\t\tqty: data.quantityActual,\n\t\t\t\titemImg: prop.prodImg,\n\t\t\t\terrorMsg: data.message,\n\t\t\t\tproductCode: prop.code,\n\t\t\t\trecommendationsApi: utils.getRecommendationsApi($endpointDef.data('recommendations-endpoint') || ''),\n\t\t\t\trecommendationsTitle: res.recommendationsTitle || '',\n\t\t\t\trecommendationsViewMoreLink: res.recommendationsViewMoreLink || '',\n\t\t\t\trecommendationId: prop.recommendationId || '',\n\t\t\t};\n\n\t\t\tlet dataShowRecsModal = $endpointDef.data('showrecsmodal');\n\t\t\tif ((window.innerWidth > utils.BREAKPOINT.LG) && (dataShowRecsModal === true || dataShowRecsModal === 'true' || dataShowRecsModal === 'True')) {\n\t\t\t\t// close/remove all modal first\n\t\t\t\t$(`[data-wg=\"RecommendationsModal\"]`).modal('hide');\n\n\t\t\t\t// add timeout to wait the modal hide first\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tshowRecsModal(details);\n\t\t\t\t}, 500);\n\t\t\t} else {\n\t\t\t\tshowNotification(details);\n\t\t\t}\n\n\t\t\tif (res.cartItems) {\n\t\t\t\tlet cartItems = res.cartItems;\n\t\t\t\tif (typeof cartItems === 'string') {\n\t\t\t\t\tcartItems = JSON.parse(cartItems);\n\t\t\t\t}\n\n\t\t\t\tdataLayer.pushCartItems(cartItems);\n\t\t\t}\n\n\t\t\tif (succesCB) succesCB(data);\n\t\t} else {\n\t\t\tif (failCB) failCB(data);\n\t\t}\n\t});\n}\n\nexport function showNotification(data) {\n\t// register the template\n\tlet partial = require('../../views/widgets/notifications/tmpl/notifications.hbs');\n\tHandlebars.registerPartial('notifications', partial);\n\tlet theTemplateScript = `\n\t\t{{> notifications wg=\"notifications\" ns=\"Notifications\" }}\n\t`;\n\tlet precompiled = new Function('return ' + Handlebars.precompile(theTemplateScript))();\n\tlet theTemplate = Handlebars.template(precompiled);\n\tlet theCompiledHtml = theTemplate(data);\n\t$(document).find('body').append(theCompiledHtml);\n\n\t// Re-init script for notifications widget\n\tloadNotifications(document.body, false, true).then((wg) => {\n\t\tlet hasRecommendations = !!data.recommendationsApi;\n\t\tif (wg) {\n\t\t\twg.$el.data('recommendation-id', data.recommendationId);\n\t\t\twg.init(hasRecommendations);\n\t\t}\n\t}).catch((error) => `${error} An error occurred while loading notifications script`);\n}\n\nfunction showRecsModal(data) {\n\t// register the template\n\tlet partial = require('../../views/widgets/recommendationsModal/tmpl/recommendationsModal.hbs');\n\tHandlebars.registerPartial('recommendationsModal', partial);\n\tlet theTemplateScript = `\n\t\t{{> recommendationsModal wg=\"recommendationsModal\" ns=\"RecommendationsModal\" }}\n\t`;\n\tlet precompiled = new Function('return ' + Handlebars.precompile(theTemplateScript))();\n\tlet theTemplate = Handlebars.template(precompiled);\n\tlet theCompiledHtml = theTemplate(data);\n\t$(document).find('body').append(theCompiledHtml);\n\n\t// Re-init script for notifications widget\n\tloadRecommendationsModal(document.body, false, true).then((wg) => {\n\t\tif (wg) {\n\t\t\twg.$el.data('recommendation-id', data.recommendationId);\n\t\t\twg.init();\n\t\t}\n\t}).catch((error) => `${error} An error occurred while loading notifications script`);\n}\n\nexport function handleTimeOutRequest(getPlacePrediction, callBackSuccess, callBackTimeOut) {\n const TIMEOUT_STATUS \t= 'REQUEST_TIMEOUT';\n const UNIT_MILLISECOND \t= 1000;\n const DEFAULT_SECOND \t= 10;\n\tconst time = Number.parseFloat(window.timeToShowIsCnCStoreDropdown || 0);\n\n\tconst getTime = () => {\n\t\tif (time <= 0) {\n\t\t\treturn DEFAULT_SECOND * UNIT_MILLISECOND;\n\t\t}\n\n\t\treturn time * UNIT_MILLISECOND;\n\t};\n\n const optionList = [\n new Promise(getPlacePrediction),\n new Promise(resolve => {\n setTimeout(resolve, getTime(), {\n status: TIMEOUT_STATUS\n });\n })\n ];\n\n Promise\n .race(optionList)\n .then(({ predictions, status }) => {\n if (status === TIMEOUT_STATUS) {\n callBackTimeOut();\n } else {\n callBackSuccess(predictions, status);\n }\n })\n\t\t.catch(() => {\n\t\t\tcallBackTimeOut();\n\t\t});\n\n}\n\nexport function handleDonate({$page, url, payload, callback}) {\n\t$('.loading-spinner').addClass('is-active');\n\tApi.callApi(url, payload || {}).then(function(response) {\n\t\tupdateSummaryByDonate($page, response);\n\t\t$('.loading-spinner').removeClass('is-active');\n\t\tcallback && callback();\n\t}).catch(function() {\n\t\t$('.loading-spinner').removeClass('is-active');\n\t\tcallback && callback();\n\t});\n\n\tconst getPrice = (price) => '$'+ parseFloat(price).toFixed(2);\n\tconst updateSummaryByDonate = ($page, response) => {\n\t\tconst {\n\t\t\tamount,\n\t\t\ttotal,\n\t\t\ttotalWithoutShipping,\n\t\t} = response;\n\t\t$page.find('.donate-value-text').text(getPrice(amount));\n\t\tif (amount > 0) {\n\t\t\t$page.find('.js-donate').removeClass('d-none');\n\t\t} else {\n\t\t\t$page.find('.js-donate').addClass('d-none');\n\n\t\t\t// only action in checkout page.\n\t\t\t$page.find('.donate-radio').prop('checked', false);\n\t\t\t$page.find('.is-donate').removeClass('is-donate');\n\t\t}\n\t\t$page.find('.total-value').text(getPrice(total));\n\t\t$page.find('.total-without-shipping').text(getPrice(totalWithoutShipping));\n\t};\n}\n\nexport function handleRemoveCoupon(el, api = $('[data-delete-coupon-endpoint]').attr('data-delete-coupon-endpoint') || '/api/cart/delete-promo/') {\n\t$(el).on('click', `.delete-coupon-btn`, function(e) {\n\t\te.preventDefault();\n\t\tconst discountCode = $(this).attr('discount-code');\n\t\tapplyPromoCode($(el), {\n\t\t\tapi,\n\t\t\tvalue: discountCode,\n\t\t});\n\t});\n}\n\nexport function updatePriceItem({lineItemPrices}) {\n\tconst itemElement = (id) => $(`.shoppingCartItem[data-id=\"${id}\"], .miniCart-item[data-item-id=\"${id}\"], .cart-list .cart-item[data-id=\"${id}\"]`);\n\t(lineItemPrices || []).forEach(({extendedPrice, unitPrice, id, unitPriceInfos}) => {\n\t\tconst $item = itemElement(id);\n\t\t$item.find('.itemSubTotal, .item-subtotal').text(getPriceOrFree(extendedPrice));\n\t\tconst $cartTotal = $item.find('.shoppingCartItem-total');\n\t\tconst $itemPrice = $item.find('.shoppingCartItem-itemPrice .price, .cart-item-price');\n\t\tif (unitPriceInfos) {\n\t\t\tif (unitPriceInfos.length === 1) {\n\t\t\t\t$itemPrice.html(`${\n\t\t\t\t\t\tunitPriceInfos[0].IsFree\n\t\t\t\t\t\t?\n\t\t\t\t\t\t`
FREE `\n\t\t\t\t\t\t:\n\t\t\t\t\t\t`
$${unitPriceInfos[0].current} $${unitPriceInfos[0].new} `\n\t\t\t\t\t}`);\n\t\t\t} else if (unitPriceInfos.length > 1) {\n\t\t\t\tlet pricesList = '';\n\t\t\t\tunitPriceInfos.forEach((item) => {\n\t\t\t\t\tlet li = `
${item.quantity} x \n\t\t\t\t\t\t\t\t${\n\t\t\t\t\t\t\t\t\titem.IsFree\n\t\t\t\t\t\t\t\t\t?\n\t\t\t\t\t\t\t\t\t`FREE `\n\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t(item.new === '' ? `${item.current} ` : `$${item.current} $${item.new} `)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t `;\n\t\t\t\t\tpricesList = pricesList + li;\n\t\t\t\t});\n\t\t\t\t$itemPrice.html(`
`);\n\t\t\t}\n\t\t\tif ($cartTotal) {\n\t\t\t\t$cartTotal.hasClass('highlight') ? '' : $cartTotal.addClass('highlight');\n\t\t\t}\n\t\t} else {\n\t\t\t$itemPrice.html(getPriceOrFree(unitPrice));\n\t\t\tif ($cartTotal) {\n\t\t\t\t$cartTotal.removeClass('highlight');\n\t\t\t}\n\t\t}\n\t});\n}\n\nexport function refreshBonusBuyBadge(arrBonusBuy, itemsCart) {\n\titemsCart.each((index, item) => {\n\t\tif (arrBonusBuy) {\n\t\t\tlet bonusHtml = '';\n\t\t\tconst bonusWrapper = $(item).find('.bonus-wrapper');\n\t\t\tconst _item = arrBonusBuy[index];\n\t\t\tif (!_item) return;\n\t\t\t_item.bonusBuyBadges.forEach((bonus, i) => {\n\t\t\t\tlet tempBonus = `
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
${bonus.name}
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
`;\n\t\t\t\tlet tempBonusScore = `
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
${bonus.name}
\n\t\t\t\t\t\t\t\t\t\t\t
${bonus.scoreMessage}
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
`;\n\t\t\t\tbonusHtml = bonusHtml + (bonus.isScore ? tempBonusScore : tempBonus);\n\t\t\t});\n\t\t\tbonusWrapper.html(bonusHtml);\n\t\t}\n\t});\n}\n\nexport function updateBonusBadgeOrderSummary(arrBonusBuy, itemsCart) {\n\titemsCart.each((index, item) => {\n\t\tif (arrBonusBuy) {\n\t\t\tlet bonusHtml = '';\n\t\t\tconst bonusWrapper = $(item).find('.bonus-wrapper');\n\t\t\tarrBonusBuy[index].bonusBuyBadges.forEach((bonus, i) => {\n\t\t\t\tlet tempBonus = `
\n\t\t\t\t\t\t\t\t\t${bonus.name}\n\t\t\t\t\t\t\t\t
`;\n\t\t\t\tbonusHtml = bonusHtml + tempBonus;\n\t\t\t});\n\t\t\tbonusWrapper.html(bonusHtml);\n\t\t}\n\t});\n}\n\nexport function splitEmailEgiftCard(el, numberCharacterInline, numberCharacterInlineMobile) {\n\tlet newFormatEmail = '';\n\t// const $el = $(el);\n\tconst string = el.text();\n\tconst splitE = string.split('@');\n\tconst beforeE = splitE[0];\n\tconst afterE = splitE[1];\n\tif (!el.hasClass('formatted')) {\n\t\tif ((string.length > numberCharacterInline && window.innerWidth > 768) ||\n\t\t(string.length > numberCharacterInlineMobile && window.innerWidth <= 425)) {\n\t\t\tnewFormatEmail = `${beforeE}
@${afterE}`;\n\t\t\tel.html(newFormatEmail);\n\t\t}\n\t\tel.addClass('formatted');\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./cart.js","import {\n\tEVENT_SETSTORE_SUCCESS,\n\tLOCAL_STORE_POSTCODE,\n\tPICKUP_CLASS,\n\tSTOCK_CLASS,\n} from './constants';\nimport {callApi} from './api';\nimport {checkLocalStorage, saveSelectedStore, storeNameShorter} from './findInStore';\nimport {dispatchEvent} from './utils';\nimport {EVT_SET_REGION} from '../../views/widgets/regionStorePopup/js/regionStorePopup';\nimport _ from 'lodash';\n\nexport function updateStockData(\n\t{\n\t\taddressName,\n\t\tstoreId,\n\t\turl = '/api/check-out/stock-data',\n\t}\n) {\n\tconst {\n\t\tstoreInfo: {\n\t\t\tcontentLinkID,\n\t\t\tstoreName,\n\t\t},\n\t} = checkLocalStorage();\n\n\tconst storeSelectedID = storeId || contentLinkID;\n\tconst $nearbyContainer = $('.delivery-description.clickCollect, .nearby-store-container');\n\tconst $collectionStoreContainer = $('.search-click-collect-stores');\n\tconst $availability = $('.availability-text');\n\n\treturn new Promise((resolve, reject) => {\n\t\tif (storeSelectedID) {\n\t\t\tconst $clickColletDescription = $('.deliveryMethodItemDescription-clickAndCollect');\n\t\t\tconst $statusStock = $('.branch-item.is-selected .status-stock');\n\t\t\tconst $statusStockMethod = $('.delivery-description .status-stock');\n\t\t\tconst $addressName = $('.clickCollect .delivery-description-title');\n\t\t\tcallApi(url, {\n\t\t\t\tcontentLinkID: storeSelectedID,\n\t\t\t}).then(function(res) {\n\t\t\t\tif (res.result === 'SUCCESS') {\n\t\t\t\t\tconst $miniCartStockPickup = $('.miniCart-stock-pickup');\n\t\t\t\t\tconst $collectionStore = $('#collectionStore');\n\t\t\t\t\tconst {\n\t\t\t\t\t\tDeliveryMethodResponse,\n\t\t\t\t\t\tStockData: {\n\t\t\t\t\t\t\tPickupStatusMsg,\n\t\t\t\t\t\t\tVariantStockValue,\n\t\t\t\t\t\t\tIsSamedayClickAndCollect,\n\t\t\t\t\t\t\tPickupStatus,\n\t\t\t\t\t\t\tStoreAddress,\n\t\t\t\t\t\t\tStoreName,\n\t\t\t\t\t\t\tMessageOnOrder,\n\t\t\t\t\t\t\tStoreId,\n\t\t\t\t\t\t\tHasAnyHeavyItem,\n\t\t\t\t\t\t},\n\t\t\t\t\t} = res;\n\n\t\t\t\t\t$('#IsSamedayClickAndCollect').val(IsSamedayClickAndCollect);\n\t\t\t\t\t$collectionStore.val(storeId || contentLinkID);\n\t\t\t\t\t$clickColletDescription.text(StoreAddress);\n\t\t\t\t\t$addressName.text(StoreName);\n\t\t\t\t\tupdatePrice(DeliveryMethodResponse);\n\t\t\t\t\tupdateHeavyClass(HasAnyHeavyItem);\n\t\t\t\t\tupdateNearbyStore(StoreId);\n\n\t\t\t\t\t// Check is same day in setting\n\t\t\t\t\tif (window.enableSameDayClickAndCollect) {\n\t\t\t\t\t\t$availability\n\t\t\t\t\t\t\t.text(MessageOnOrder)\n\t\t\t\t\t\t\t.removeClass(Object.values(PICKUP_CLASS).join(' '))\n\t\t\t\t\t\t\t.addClass(PICKUP_CLASS[PickupStatus] || '');\n\n\t\t\t\t\t\t$miniCartStockPickup\n\t\t\t\t\t\t\t.text(PickupStatusMsg)\n\t\t\t\t\t\t\t.removeClass(Object.values(PICKUP_CLASS).join(' '))\n\t\t\t\t\t\t\t.addClass(PICKUP_CLASS[PickupStatus] || '');\n\n\t\t\t\t\t\tconst $pickup = $(`
${PickupStatusMsg || ''}
`);\n\t\t\t\t\t\t$statusStock.length && $statusStock.html($pickup);\n\t\t\t\t\t\t$statusStockMethod.length && $statusStockMethod.html($pickup.clone());\n\t\t\t\t\t\tsetStockMiniCart(VariantStockValue, addressName || storeName);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t$clickColletDescription.text($clickColletDescription.data('description'));\n\t\t\t\t}\n\t\t\t\tresolve();\n\t\t\t}).catch(function() {\n\t\t\t\t$clickColletDescription.text($clickColletDescription.data('description'));\n\t\t\t\treject();\n\t\t\t});\n\t\t} else {\n\t\t\t$nearbyContainer.addClass('d-none');\n\t\t\t$collectionStoreContainer.addClass('is-active');\n\t\t\treject();\n\t\t}\n\t});\n}\n\nexport function getStockData($store, storeInfo, {\n\tcontentLinkId,\n\taddressName,\n url = '/api/check-out/stock-data',\n}) {\n\tconst $content = $store.find('.icon-wrapper, .name-address, .status-stock');\n\tconst $statusStock = $store.find('.status-stock');\n\tconst $statusStockMethod = $('.delivery-description .status-stock');\n\tconst $clickColletDescription = $('.deliveryMethodItemDescription-clickAndCollect');\n\tconst $addressName = $('.clickCollect .delivery-description-title');\n\tconst $loading = $(`\n\t
\n\t\t
\n\t\t\tLoading... \n\t\t
\n\t
`);\n\tconst $deliveryDescription = $('.delivery-description.clickCollect');\n\tconst $searchClickCollectStores = $('.search-click-collect-stores');\n\tconst $nearbyStoreContainer = $('.nearby-store-container');\n\tconst $availability = $('.availability-text');\n\n\t$store\n\t\t.append($loading)\n\t\t.css('pointer-events', 'none');\n\n\t$loading.animate({opacity: 1}, 'fast');\n\t$content.animate({opacity: 0.1}, 'fast');\n\n\tfunction handleApiError() {\n\t\t$content.animate({opacity: 1}, 'fast');\n\t\t$loading.animate({opacity: 0}, 'fast', () => {\n\t\t\t$loading.remove();\n\t\t});\n\t\t$clickColletDescription.text($clickColletDescription.data('description'));\n\t\t$store.css('pointer-events', 'initial');\n\t\tcleanStock();\n\t}\n\n\tsaveStore(storeInfo, function() {\n\t\tcallApi(url, {\n\t\t\tcontentLinkId,\n\t\t}).then(function(res) {\n\t\t\tif (res.result === 'SUCCESS') {\n\t\t\t\tconst {\n\t\t\t\t\tDeliveryMethodResponse,\n\t\t\t\t\tStockData: {\n\t\t\t\t\t\tPickupStatus,\n\t\t\t\t\t\tPickupStatusMsg,\n\t\t\t\t\t\tVariantStockValue,\n\t\t\t\t\t\tIsSamedayClickAndCollect,\n\t\t\t\t\t\tStoreAddress,\n\t\t\t\t\t\tStoreName,\n\t\t\t\t\t\tMessageOnOrder,\n\t\t\t\t\t\tHasAnyHeavyItem,\n\t\t\t\t\t},\n\t\t\t\t} = res;\n\n\t\t\t\t$addressName.text(StoreName);\n\t\t\t\t$clickColletDescription.text(StoreAddress);\n\t\t\t\t$content.animate({opacity: 1}, 'fast');\n\t\t\t\t$loading.animate({opacity: 0}, 'fast', () => {\n\t\t\t\t\t$loading.remove();\n\t\t\t\t});\n\n\t\t\t\t$store.css('pointer-events', 'initial');\n\t\t\t\t$deliveryDescription.removeClass('d-none');\n\t\t\t\t$searchClickCollectStores.removeClass('is-active');\n\t\t\t\t$nearbyStoreContainer.removeClass('d-none');\n\t\t\t\tupdatePrice(DeliveryMethodResponse);\n\t\t\t\tupdateNearbyStore(storeInfo.storeId);\n\t\t\t\tupdateHeavyClass(HasAnyHeavyItem);\n\t\t\t\t$('#IsSamedayClickAndCollect').val(IsSamedayClickAndCollect);\n\n\t\t\t\t// Check is same day in setting\n\t\t\t\tif (window.enableSameDayClickAndCollect) {\n\t\t\t\t\tconst $pickup = $(`
${PickupStatusMsg || ''}
`);\n\t\t\t\t\t$statusStock.html($pickup);\n\t\t\t\t\t$statusStockMethod.length && $statusStockMethod.html($pickup.clone());\n\t\t\t\t\tsetStockMiniCart(VariantStockValue, addressName);\n\t\t\t\t\t$availability\n\t\t\t\t\t\t.text(MessageOnOrder)\n\t\t\t\t\t\t.removeClass(Object.values(PICKUP_CLASS).join(' '))\n\t\t\t\t\t\t.addClass(PICKUP_CLASS[PickupStatus] || '');\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\thandleApiError();\n\t\t\t}\n\t\t}).catch(function() {\n\t\t\thandleApiError();\n\t\t});\n\t});\n}\n\nfunction updateNearbyStore(storeId) {\n\tconst $nearbyStores = $('.nearbyStores');\n\t$nearbyStores.length && $nearbyStores.attr('data-store-id', storeId);\n}\n\nfunction renderDescription(addressName, pickupStatusMsg) {\n\treturn `${storeNameShorter(addressName)} ${!isNullOrWhiteSpace(pickupStatusMsg) ? ` - ${pickupStatusMsg}` : ''}`;\n}\n\nexport function isNullOrWhiteSpace(value) {\n\treturn !value || !value.replace(/\\s/gi, '').length;\n}\n\nexport function cleanStock() {\n\t$('.miniCart .miniCart-stock, .cartStep_1Page .shoppingCartItem-stock').empty();\n}\n\nfunction updatePrice(data) {\n\tconst {\n\t\tshipping,\n\t\ttotal,\n\t\ttotaltaxes,\n\t\ttotalWithoutShipping,\n\t} = data;\n\n\tconst getPrice = (price) => `$${parseFloat(price).toFixed(2)}`;\n\n\tconst $main = $('.cartStep_3GuestPage, .cartStep_3LoggedInPage, .cartStep_1Page, .cartStep_4PaymentPage');\n\tconst $shippingValue = $main.find('.shipping-value');\n\tconst $methodPrice = $main.find('[data-method=\"clickCollect\"]');\n\tconst $totalValue = $main.find('.total-value');\n\tconst $cartTotalValue = $main.find('.total-without-shipping');\n\tconst $taxValue = $main.find('.tax-value');\n\n\tshipping && $($shippingValue).text(getPrice(shipping));\n\tshipping &&\t$($methodPrice).text(getPriceOrFree(shipping));\n\ttotal && $($totalValue).text(getPrice(total));\n\ttotalWithoutShipping && $($cartTotalValue).text(getPrice(totalWithoutShipping));\n\ttotaltaxes && $($taxValue).text(getPrice(totaltaxes));\n}\n\nfunction setStockMiniCart(\n\tvariantStockValue,\n\taddressName\n) {\n\tvariantStockValue.forEach(({\n\t\tBarcode,\n\t\tPickupStatus,\n\t\tPickupStatusMsg,\n\t\tIsHeavyItem,\n\t}) => {\n\t\tconst $itemCartList = $(`.miniCart-item[data-item-barcode=\"${Barcode}\"], .shoppingCartItem-content[data-item-barcode=\"${Barcode}\"]:not([data-is-click-collect-not-available=\"True\"])`);\n\n\t\t$itemCartList.each((_, itemCart) => {\n\t\t\tconst isHeavyUncheckClass = getIsHeavyUncheckClass(IsHeavyItem);\n\t\t\tconst $stockStatus = $(`
${PickupStatusMsg || ''}
`);\n\t\t\tconst $shoppingCartStockStatus = $(`
${PickupStatusMsg || ''} at ${getNameStore(addressName)}
`);\n\t\t\t$(itemCart).find('.miniCart-stock').html($stockStatus);\n\t\t\t$(itemCart).find('.shoppingCartItem-stock').html($shoppingCartStockStatus);\n\t\t});\n\t});\n}\n\nexport function getStoreList(storeList, regionId) {\n\treturn new Promise((resolve) => {\n\t\tresolve({\n\t\t\tresult: 'SUCCESS',\n\t\t\tresponse: storeList.map((store) => ({\n\t\t\t\tstoreId: store.ContentLinkID,\n\t\t\t\tcontentLinkID: store.ContentLinkID,\n\t\t\t\tfulfilmentNumber: store.storeId, // Use for header\n\t\t\t\taddress: store.address,\n\t\t\t\tname: store.name,\n\t\t\t\thours: store.hours,\n\t\t\t\tendTime: store.endTime,\n\t\t\t\tcutOffTime: store.cutOffTime,\n\t\t\t\tregionId: regionId || '',\n\t\t\t})),\n\t\t});\n\t});\n}\n\nexport function getNameStore(name) {\n\treturn `${storeNameShorter(name)} Store`;\n}\n\nexport function saveStore(storeInfo, callBack) {\n\tsaveSelectedStore(storeInfo, () => {\n\t\tdispatchEvent('[data-wg=\"RegionStorePopup\"]', EVT_SET_REGION, storeInfo);\n\t\tcallBack();\n\t});\n}\n\nexport function saveStoreSuccess() {\n\t$('[data-wg=\"RegionStorePopup\"]').trigger(EVENT_SETSTORE_SUCCESS);\n}\n\nexport function getPriceOrFree(price) {\n\tconst priceFloat = parseFloat(price || 0);\n\treturn priceFloat ? '$' + priceFloat.toFixed(2) : 'FREE';\n}\n\nexport function isStoreSeleted() {\n\tconst {\n\t\tstoreInfo: {\n\t\t\tcontentLinkID,\n\t\t\tstoreName,\n\t\t},\n\t} = checkLocalStorage();\n\n\treturn storeName || contentLinkID;\n}\n\nexport function closeNearbyStores() {\n\t$('.nearbyStores').trigger('list.close');\n}\n\nfunction updateHeavyClass(hasAnyHeavyItem) {\n\tconst $section = $('.card-delivery-option, .availability-text');\n\tif (!window.enableChangeHeavyItemWording && hasAnyHeavyItem) {\n\t\t$section.addClass('is-heavy-uncheck');\n\t} else {\n\t\t$section.removeClass('is-heavy-uncheck');\n\t}\n}\n\nexport function getIsHeavyUncheckClass(isHeavy) {\n\treturn !window.enableChangeHeavyItemWording && isHeavy ? 'is-heavy-uncheck' : '';\n}\n\nexport function handleSubmit(form, event, action) {\n\tconst method = $(event.submitter).val();\n\taction[method || 'submit'](form, event);\n}\n\nexport const DELIVERY_MAIN_CLASS = {\n\tACTIVE_STEP_1: 'active-rural-step-1',\n\tACTIVE_STEP_2: 'active-rural-step-2',\n\tIS_RURAL: 'is-rural-delivery',\n\tIS_STANDARD: 'is-standard-delivery',\n\tIS_NEXTDAY: 'is-nextday-delivery',\n\tIS_CNC: 'click-collect-selected',\n\tSELECTED: 'rural-or-standard-selected',\n\tINCLUDE_HEAVY_ITEM: 'include-heavy-item',\n\tIS_SAMEDAY: 'is-sameday-delivery',\n};\nexport class RuralService {\n\tconstructor($el) {\n\t\tthis.$el = $el;\n\t\tthis.$page = $($el);\n\t}\n\n\tonBackDeliveryForm() {\n\t\tthis.$page.addClass(DELIVERY_MAIN_CLASS.ACTIVE_STEP_1).removeClass(DELIVERY_MAIN_CLASS.ACTIVE_STEP_2);\n\t\tif (this.$page.find('input[name=\"deliveryMethod\"]:checked').val() == 'clickCollect') {\n\t\t\tthis.setIgnoreValidate(false);\n\t\t} else {\n\t\t\tthis.setIgnoreValidate(true);\n\t\t}\n\t\tthis.resetDeliveryTabSelected();\n\t}\n\n\tresetDeliveryTabSelected() {\n\t\tthis.$page\n\t\t\t.addClass(DELIVERY_MAIN_CLASS.IS_STANDARD)\n\t\t\t.removeClass(DELIVERY_MAIN_CLASS.IS_NEXTDAY)\n\t\t\t.removeClass(DELIVERY_MAIN_CLASS.IS_RURAL);\n\t\t$(this.$el).find('.delivery-tab-box:visible:nth(0) input').prop('checked', true);\n\t}\n\n\tregisterEvent() {\n\t\tthis.$page.find('.rural-address')\n\t\t\t.on('click', '.edit', () => {\n\t\t\t\tthis.onBackDeliveryForm();\n\t\t\t}).on('click', '.delete', () => {\n\t\t\t\tthis.onBackDeliveryForm();\n\t\t\t\tthis.resetDeliveryForm();\n\t\t\t});\n\t}\n\n\tresetDeliveryForm() {\n\t\tconst deliveryInputs = [\n\t\t\t'#firstNameDelivery',\n\t\t\t'#lastNameDelivery',\n\t\t\t'#addressDelivery',\n\t\t\t'#suburbDelivery',\n\t\t\t'#cityDelivery',\n\t\t\t'#stateProvinceDelivery',\n\t\t\t'#postcodeDelivery',\n\t\t\t'#companyDelivery',\n\t\t];\n\n\t\tthis.$page.find(deliveryInputs.join(', ')).val('');\n\t}\n\n\tsetIgnoreValidate(isIgnore) {\n\t\tconst isUseDeliveryAddress = this.$page.find('[name=\"UseDeliveryAddress\"]').prop('checked');\n\t\tconst addressInputs = [\n\t\t\t'#phoneNumber',\n\t\t];\n\n\t\tconst billingInputs = [\n\t\t\t'#firstNameBilling',\n\t\t\t'#lastNameBilling',\n\t\t\t'#addressBilling',\n\t\t\t'#suburbBilling',\n\t\t\t'#cityBilling',\n\t\t\t'#stateProvinceBilling',\n\t\t\t'#postcodeBilling',\n\t\t\t'#countryBilling',\n\t\t];\n\n\t\tconst inputs = (isUseDeliveryAddress ? addressInputs : _.concat(addressInputs, billingInputs)).map((input) => input + ':not(.is-commercial)');\n\n\t\tif (isIgnore) {\n\t\t\tthis.$page.find(inputs.join(', ')).addClass('ignore-validation');\n\t\t} else {\n\t\t\tthis.$page.find(inputs.join(', ')).removeClass('ignore-validation');\n\t\t}\n\t}\n\n\tupdateDeliveryMethod(event, callBack) {\n\t\tconst isClickAndCollect = event.target.value === 'clickCollect';\n\t\tconst isRuralOrStandardSelected = !isClickAndCollect;\n\t\tconst disableRural = !window.ENABLE_RURAL_DELIVERY;\n\n\t\tthis.setRuralOrStandarSelected(isRuralOrStandardSelected);\n\n\t\tif (disableRural || isClickAndCollect) {\n\t\t\tthis.setIgnoreValidate(false);\n\t\t} else {\n\t\t\tthis.setIgnoreValidate(true);\n\t\t}\n\t\tcallBack();\n\t}\n\n\trenderAddressInfo(form) {\n\t\tconst data = $(form).serializeArray().reduce((acc, cur) => {\n\t\t\tacc[cur.name] = cur.value;\n\t\t\treturn acc;\n\t\t}, {});\n\t\t$(this.$el).find('[rural-address]').each(function() {\n\t\t\tconst name = $(this).attr('rural-address');\n\t\t\t$(this).text(data[name] || '');\n\t\t});\n\t\t$(this.$el).find('.rural-address').show();\n\t}\n\n\tcheckRuralDelivery(form) {\n\t\treturn new Promise((resolve) => {\n\t\t\tthis.$page.addClass(DELIVERY_MAIN_CLASS.ACTIVE_STEP_2).removeClass(DELIVERY_MAIN_CLASS.ACTIVE_STEP_1);\n\t\t\tconst isRural = this.isRural();\n\n\t\t\tif (isRural) {\n\t\t\t\tthis.$page\n\t\t\t\t\t.addClass(DELIVERY_MAIN_CLASS.IS_RURAL)\n\t\t\t\t\t.removeClass(DELIVERY_MAIN_CLASS.IS_STANDARD)\n\t\t\t\t\t.removeClass(DELIVERY_MAIN_CLASS.IS_NEXTDAY);\n\t\t\t\tconst shippingMethodId = this.$page.find('.delivery-tab-item:visible').attr('for');\n\t\t\t\tthis.$page.find(`input[name=\"deliveryMethod\"][value=\"${shippingMethodId}\"]`).prop('checked', true);\n\t\t\t} else {\n\t\t\t\tthis.$page.removeClass(DELIVERY_MAIN_CLASS.IS_RURAL);\n\t\t\t}\n\t\t\tresolve(isRural);\n\t\t\tthis.renderAddressInfo(form);\n\t\t\tthis.setIgnoreValidate(false);\n\t\t});\n\t}\n\n\tisRural() {\n\t\tconst postcodeDelivery = this.$page.find('[name=\"postcodeDelivery\"]').val();\n\t\treturn (window.RURAL_POSTCODES || '').split(',').includes(postcodeDelivery);\n\t}\n\n\tsetRuralOrStandarSelected(isRuralOrStandard) {\n\t\tthis.actionByMode(() => {\n\t\t\tif (isRuralOrStandard) {\n\t\t\t\tthis.$page.addClass(DELIVERY_MAIN_CLASS.SELECTED);\n\t\t\t} else {\n\t\t\t\tthis.$page.removeClass(DELIVERY_MAIN_CLASS.SELECTED);\n\t\t\t}\n\t\t});\n\t}\n\n\tupdateHeavyState(includeHeavyItem) {\n\t\tthis.actionByMode(() => {\n\t\t\tif (includeHeavyItem) {\n\t\t\t\tthis.$page.addClass(DELIVERY_MAIN_CLASS.INCLUDE_HEAVY_ITEM);\n\t\t\t} else {\n\t\t\t\tthis.$page.removeClass(DELIVERY_MAIN_CLASS.INCLUDE_HEAVY_ITEM);\n\t\t\t}\n\t\t});\n\t}\n\n\tactionByMode(onRural, offRural = () => {}) {\n\t\tif (window.ENABLE_RURAL_DELIVERY) {\n\t\t\tonRural();\n\t\t} else {\n\t\t\toffRural();\n\t\t}\n\t}\n}\n\nexport class GuaranteedNextdayService {\n\tconstructor($el) {\n\t\tthis.$nextdayDeliveryOption = $('.guaranteed-nextday');\n\t\tthis.$samedayDeliveryOption = $('[shipping-type=\"sameday\"]');\n\t\tthis.$page = $($el);\n\t}\n\n\tregisterEvent() {\n\t\tthis.$page.on('click', '.delivery-description', (event) => {\n\t\t\tconst $currentTarget = $(event.currentTarget);\n\t\t\tconst shippingMethodId = $currentTarget.attr('shipping-method-id');\n\t\t\tconst shippingType = $currentTarget.attr('shipping-type');\n\n\t\t\t$(`.delivery-tab-item[for=\"${shippingMethodId}\"]`).trigger('click');\n\n\t\t\tthis.actionByType(shippingType, {\n\t\t\t\tnextday: () => {\n\t\t\t\t\tthis.addClassNextdayForMain();\n\t\t\t\t},\n\t\t\t\tstandard: () => {\n\t\t\t\t\tthis.addClassStandardForMain();\n\t\t\t\t},\n\t\t\t\tsameday: () => {\n\t\t\t\t\tthis.addClassSamedayForMain();\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\tthis.$page[0].addEventListener('checkStoreVariantDetail', () => {\n\t\t\tthis.checkNextdayDelivery();\n\t\t});\n\n\t\tthis.$page.on('change', '.delivery-radio', (event) => {\n\t\t\tevent.preventDefault();\n\t\t\tconst $tab = $(event.target).closest('.delivery-tab-box');\n\t\t\tif ($tab.hasClass('show-is-nextday') || $tab.hasClass('show-is-standard')) {\n\t\t\t\tthis.checkNextdayDelivery();\n\t\t\t}\n\t\t});\n\t}\n\n\taddClassSamedayForMain() {\n\t\tthis.$page\n\t\t\t.removeClass(DELIVERY_MAIN_CLASS.IS_STANDARD)\n\t\t\t.removeClass(DELIVERY_MAIN_CLASS.IS_NEXTDAY)\n\t\t\t.addClass(DELIVERY_MAIN_CLASS.IS_SAMEDAY);\n\t}\n\n\taddClassNextdayForMain() {\n\t\tthis.$page\n\t\t\t.removeClass(DELIVERY_MAIN_CLASS.IS_STANDARD)\n\t\t\t.removeClass(DELIVERY_MAIN_CLASS.IS_SAMEDAY)\n\t\t\t.addClass(DELIVERY_MAIN_CLASS.IS_NEXTDAY);\n\t}\n\n\taddClassStandardForMain() {\n\t\tthis.$page\n\t\t\t.removeClass(DELIVERY_MAIN_CLASS.IS_NEXTDAY)\n\t\t\t.removeClass(DELIVERY_MAIN_CLASS.IS_SAMEDAY)\n\t\t\t.addClass(DELIVERY_MAIN_CLASS.IS_STANDARD);\n\t}\n\n\tactionByType(type, action) {\n\t\treturn action[type] && action[type]();\n\t}\n\n\tcheckNextdayDelivery() {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tconst isCNC = $(this.$page).find('.delivery-radio:checked').val() === 'clickCollect';\n\t\t\tif (window.ENABLE_GUARANTEED_NEXTDAY_DELIVERY && !isCNC) {\n\t\t\t\tconst postcode = $('#postcodeDelivery').val();\n\t\t\t\tconst endpoint = '/api/findinstore/check-stock-data-by-postcode/';\n\t\t\t\tcallApi(endpoint, {\n\t\t\t\t\tpostcode,\n\t\t\t\t\tisCheckout: true,\n\t\t\t\t}).then((res) => {\n\t\t\t\t\tif (res.result === 'SUCCESS') {\n\t\t\t\t\t\tconst storeList = _.get(res, 'response', []);\n\t\t\t\t\t\tconst {\n\t\t\t\t\t\t\tGuaranteedNextDayDelivery,\n\t\t\t\t\t\t\tSameDayDelivery,\n\t\t\t\t\t\t} = this.checkStoreAvailable(storeList);\n\n\t\t\t\t\t\tthis.updateNextdayOption({\n\t\t\t\t\t\t\tGuaranteedNextDayDelivery,\n\t\t\t\t\t\t\tSameDayDelivery,\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tresolve(GuaranteedNextDayDelivery);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treject(false);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\treject(false);\n\t\t\t}\n\t\t});\n\t}\n\n\tcheckStoreAvailable(storeList) {\n\t\tconst targetData = {\n\t\t\tGuaranteedNextDayDelivery: false,\n\t\t\tSameDayDelivery: false,\n\t\t};\n\n\t\treturn storeList.reduce((acc, store) => {\n\t\t\tfor (const key in acc) {\n\t\t\t\tacc[key] = acc[key] || _.get(store, `StockData.${key}.IsAvailableForDelivery`);\n\t\t\t}\n\n\t\t\treturn acc;\n\t\t}, targetData);\n\t}\n\n\tupdateNextdayOption({ GuaranteedNextDayDelivery, SameDayDelivery }) {\n\t\tconst {\n\t\t\tENABLE_SAME_DAY_DELIVERY: enableSameDay,\n\t\t\tENABLE_GUARANTEED_NEXTDAY_DELIVERY: enableNextDay\n\t\t} = window;\n\n\t\tconst showSameday = SameDayDelivery && enableSameDay;\n\t\tconst showNextday = !showSameday && GuaranteedNextDayDelivery && enableNextDay;\n\n\t\t[\n\t\t\t{\n\t\t\t\tisAvailable: showNextday,\n\t\t\t\t$el: this.$nextdayDeliveryOption,\n\t\t\t},\n\t\t\t{\n\t\t\t\tisAvailable: showSameday,\n\t\t\t\t$el: this.$samedayDeliveryOption,\n\t\t\t}\n\t\t].forEach(({ isAvailable, $el }) => {\n\t\t\tif (isAvailable) {\n\t\t\t\t$el.show();\n\t\t\t} else {\n\t\t\t\t$el.hide();\n\t\t\t}\n\t\t});\n\t}\n\n\tactiveNextday() {\n\t\tthis.$nextdayDeliveryOption.show();\n\t\tthis.$page.find('.delivery-description[shipping-type=\"nextday\"]').trigger('click');\n\t}\n\n\tactiveStandard() {\n\t\tthis.$page.find('.delivery-description[shipping-type=\"standard\"]').trigger('click');\n\t}\n}\n\nexport function isSameDay() {\n\tconst [h, m, s] = (window.SAME_DAY_DELIVERY_TIME || '00:00:00').split(':');\n\t\tconst date = new Date();\n\t\tconst currentDate = new Date();\n\t\tdate.setHours(h);\n\t\tdate.setMinutes(m);\n\t\tdate.setSeconds(s);\n\n\tconst isAfter = currentDate.getTime() <= date.getTime();\n\tconst isDayOfWeek = (window.SAME_DAY_DELIVERY_DAYS_OF_WEEK || []).includes(currentDate.getDay().toString());\n\tconst enableSameDay = window.ENABLE_SAME_DAY_DELIVERY || false;\n\n\treturn isDayOfWeek && isAfter && enableSameDay;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./checkout.js","import moment from 'moment';\nimport {callApi, getApi} from './api';\nimport {CDC_ACCOUNT_DATA, CDC_ERROR_CODE, CDC_LOCAL_STORE, LOCAL_STORE_POSTCODE, STAFF_CARD_NO} from './constants';\nimport * as utils from './utils';\nimport _ from 'lodash';\nimport {checkLocalStorage} from './findInStore';\n\nexport default class CDC {\n constructor($el) {\n this.$el = $el;\n this.$blockQuery = $($el);\n this.successUrl = $(this.$el).attr('success-url');\n this._messageSelecter = '#errorMessageCDC';\n this._site = $('body').hasClass('is-bris') ? 'briscoes' : 'rebel';\n this._extendField = $('body').hasClass('is-bris') ? 'Briscoes' : 'Rebel';\n this._initCDC($el);\n this.$el.cdc = this;\n }\n\n _initCDC($el) {\n const screenSet = $($el).attr('screen-set');\n const startScreen = $($el).attr('start-screen');\n const containerID = $($el).attr('id');\n\n startScreen && utils.showScreenSet({\n screenSet,\n startScreen,\n containerID,\n onAfterScreenLoad: typeof this['_onAfterScreenLoad'] === 'function' ? this['_onAfterScreenLoad'].bind(this) : () => {},\n onSubmit: typeof this['_onSubmit'] === 'function' ? this['_onSubmit'].bind(this) : () => {},\n onFieldChanged: typeof this['_onFieldChanged'] === 'function' ? this['_onFieldChanged'].bind(this) : () => {},\n onBeforeValidation: this._customValidation.bind(this),\n\t\t\tonAfterSubmit: typeof this['_onAfterSubmit'] === 'function' ? this['_onAfterSubmit'].bind(this) : () => {},\n });\n this._registerEvent();\n }\n\n _customValidation(form) {\n const formData = form.formData;\n const beforeValidate = {};\n\n return new Promise((resolve) => {\n if (typeof this['validate'] !== 'undefined') {\n for (const [key, validates] of Object.entries(this.validate)) {\n if (typeof formData[key] !== 'undefined') {\n validates.forEach((validate) => {\n let value = formData[key];\n if (typeof validate === 'function') {\n const errorMessage = validate(form);\n if (errorMessage) {\n beforeValidate[key] = errorMessage;\n }\n } else {\n switch (validate) {\n case 'required':\n if (utils.isNullOrWhiteSpace(value)) {\n beforeValidate[key] = 'This field is required';\n }\n break;\n\n case 'mobile-number':\n if (value) {\n if (!(/^[a-zA-Z0-9]*$/).test(value)) {\n beforeValidate[key] = 'Please remove any special characters';\n } else if (!(/^[0-9]*$/).test(value)) {\n beforeValidate[key] = 'Please enter a valid phone number';\n } else if (!(/^0[0-9]*$/).test(value)) {\n beforeValidate[key] = 'Phone number should begin with 0';\n } else if ((/^0[0-9]*$/).test(value) && !(/^.{7,12}$/).test(value)) {\n beforeValidate[key] = 'Phone should be within 7 and 12 numbers';\n }\n }\n break;\n\n case 'password':\n if (value) {\n if (!(/^.{8,}$/).test(value)) {\n beforeValidate[key] = 'The password you entered does not meet the minimum length of 8 characters. Please enter a valid password.';\n } else if (!(/^.{8,64}$/).test(value)) {\n beforeValidate[key] = 'The password you entered exceeds the maximum length of 64 characters. Please enter a valid password.';\n } else if (!(/(?=.*[A-Z])/).test(value)) {\n beforeValidate[key] = 'The password you entered does not contain at least one uppercase letter. Please enter a valid password.';\n } else if (!(/(?=.*[a-z])/).test(value)) {\n beforeValidate[key] = 'The password you entered does not contain at least one lowercase letter. Please enter a valid password.';\n } else if (!(/(?=.*\\d)/).test(value)) {\n beforeValidate[key] = 'The password you entered does not contain at least one number. Please enter a valid password.';\n }\n }\n break;\n\n case 'first-name':\n if (value) {\n if (!(/^.{0,50}$/).test(value)) {\n beforeValidate[key] = 'The first name you entered exceeds the maximum length of 50 characters.';\n }\n }\n break;\n\n case 'last-name':\n if (value) {\n if (!(/^.{0,50}$/).test(value)) {\n beforeValidate[key] = 'The last name you entered exceeds the maximum length of 50 characters.';\n }\n }\n break;\n\n\t\t\t\t\t\t\t\t\tcase 'email':\n\t\t\t\t\t\t\t\t\t\tif (value) {\n\t\t\t\t\t\t\t\t\t\t\tif (!(/^(?!.*\\.\\@)(?!.*[.!#$%&'*+/=?^_`{|}~-]{2})(?!.*[.!#$%&'*+/=?^_`{|}~-]$)(?!^[.!#$%&'*+/=?^_`{|}~-])[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]{1,64}@[a-zA-Z0-9]+([.-]?[a-zA-Z0-9]+)*\\.[a-zA-Z]{2,}$/).test(value)) {\n\t\t\t\t\t\t\t\t\t\t\t\tbeforeValidate[key] = 'Please enter a valid email address';\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tbreak;\n\n default:\n break;\n }\n }\n });\n }\n }\n }\n resolve(typeof this['_onBeforeValidation'] === 'function' ? this['_onBeforeValidation'].bind(this)(beforeValidate, form) : beforeValidate);\n });\n }\n\n _registerEvent() {\n\t\twindow.gigya && window.gigya.socialize.addEventHandlers({\n\t\t\tonAfterResponse: this._onAfterResponse.bind(this),\n });\n\t}\n\n _onAfterResponse(data) {\n const {\n methodName,\n response,\n } = data;\n if (typeof this[methodName] === 'function') {\n const promise = new Promise((resolve, reject) => {\n const {errorCode} = response;\n if (errorCode == CDC_ERROR_CODE.SUCCESS) {\n resolve(data);\n } else {\n reject(data);\n }\n });\n this[methodName](promise, data);\n }\n }\n\n _showMessage(message) {\n\t\tutils.hideLoading();\n const $message = $(this._messageSelecter);\n if (message && $message.length) {\n $message.html('');\n if (typeof message === 'object') {\n const $ul = $('
');\n $ul.html(message.map((item) => {\n const $li = $('');\n $li.text(item);\n return $li;\n }));\n $message.html($ul);\n } else {\n $message.html(message);\n }\n $message.addClass('is-active');\n }\n\t}\n\n _hideMessage() {\n const $message = $(this._messageSelecter);\n $message.removeClass('is-active');\n }\n\n _showForm() {\n if (this._loading) {\n this._loading.$spinner.hide(0, () => this._loading.$content.show());\n }\n }\n\n _replaceLink($element, link) {\n\t\t$element.length && utils.replaceElemnt($element[0])\n\t\t\t.addEventListener('click', () => {\n\t\t\t\twindow.location.href = link;\n\t\t\t});\n\t}\n\n _saveIdToken(token) {\n window.localStorage && window.localStorage.setItem('bris.cdc.token', token);\n }\n\n _renderFieldError(fieldName, errorCode = 0, message = '') {\n const $form = $(this.$el).find('form[data-screenset-roles]:visible');\n $form.length && $form[0].screenSetInstanceOf[0].renderFieldError({\n errorCode,\n fieldName,\n }, true, message);\n }\n\n _reset() {\n const $form = $(this.$el).find('form[data-screenset-roles]:visible');\n $form.length && $form[0].reset();\n }\n\n _renderLocalStore(selected = null, defaults = []) {\n if (utils.enableRenderStore()) {\n const $localStore = $(this.$el).find(`[name=\"${CDC_LOCAL_STORE[this._site]}\"]:visible`);\n if ($localStore.length) {\n const $option = (name, value) => $(`${name} `);\n const $optionList = utils.getStoreList(defaults).map((store) => $option(store.name, store.storeId));\n $localStore.html($optionList);\n selected && $localStore.val(selected);\n }\n }\n\t}\n}\n\nexport class CdcService {\n constructor() {\n this.site = $('body').hasClass('is-bris') ? 'briscoes' : 'rebel';\n }\n\n isAvailableLoginID(parameters) {\n return new Promise((resolve, reject) => {\n window.gigya.accounts.isAvailableLoginID(\n _.merge(\n parameters,\n {\n callback: (data) => {\n this.verifyResponse(data, resolve, reject);\n },\n },\n )\n );\n });\n }\n\n initRegistration(parameters = {}) {\n return new Promise((resolve, reject) => {\n window.gigya.accounts.initRegistration(\n _.merge(\n parameters,\n {\n callback: (data) => {\n this.verifyResponse(data, resolve, reject);\n },\n }\n )\n );\n });\n }\n\n register(parameters) {\n return new Promise(async (resolve, reject) => {\n const {regToken} = await this.initRegistration();\n window.gigya.accounts.register(\n _.merge(\n parameters,\n {\n regToken,\n callback: (data) => {\n this.verifyResponse(data, resolve, reject);\n },\n }\n )\n );\n });\n }\n\n setAccountInfoLite(parameters) {\n return new Promise(async (resolve, reject) => {\n parameters.callback = (data) => {\n this.verifyResponse(data, resolve, reject);\n };\n const {regToken} = await this.initRegistration({isLite: true});\n parameters.regToken = regToken;\n window.gigya.accounts.setAccountInfo(parameters);\n });\n }\n\n setAccountInfo(parameters) {\n return new Promise(async (resolve, reject) => {\n parameters.callback = (data) => {\n this.verifyResponse(data, resolve, reject);\n };\n window.gigya.accounts.setAccountInfo(parameters);\n });\n }\n\n setAccountInfoWithToken(parameters) {\n return new Promise(async (resolve, reject) => {\n parameters.callback = (data) => {\n this.verifyResponse(data, resolve, reject);\n };\n const {regToken} = await this.initRegToken();\n parameters.regToken = regToken;\n window.gigya.accounts.setAccountInfo(parameters);\n });\n }\n\n\tinitRegToken() {\n const {apiKey, defaultApiDomain, dataCenter} = window.gigya;\n const initRegistrationEndpoint = `https://accounts.${dataCenter}.${defaultApiDomain}/accounts.initRegistration?apiKey=${apiKey}&isLite=true`;\n\n\t\treturn fetch(initRegistrationEndpoint, {method: 'POST'})\n .then((response) => response.json())\n .then((response) => {\n return Promise.resolve(response);\n });\n\t}\n\n updateLocalStore(data) {\n const {storeInfo: {storeId}} = checkLocalStorage();\n const storeIdCDC = _.get(data, 'response.data.localStore' + {briscoes: 'Briscoes', rebel: 'Rebel'}[this.site], 0);\n\n return new Promise((resolve) => {\n if (storeId && storeId !== storeIdCDC) {\n const parameters = {\n data: {\n ['localStore' + {briscoes: 'Briscoes', rebel: 'Rebel'}[this.site]]: storeId,\n },\n callback: () => {\n resolve(data);\n },\n };\n window.gigya.accounts.setAccountInfo(parameters);\n } else {\n resolve(data);\n }\n });\n }\n\n verifyLogin() {\n return new Promise((resolve, reject) => {\n window.gigya.accounts.verifyLogin({\n callback: (data) => {\n this.verifyResponse(data, resolve, reject);\n },\n });\n });\n }\n\n getJWT() {\n return new Promise((resolve, reject) => {\n window.gigya.accounts.getJWT({\n callback: (data) => {\n this.verifyResponse(data, resolve, reject);\n },\n }\n );\n });\n }\n\n getAccountInfo() {\n\t\treturn new Promise(async (resolve, reject) => {\n const {id_token} = await this.getJWT();\n\t\t\twindow.gigya.accounts.getAccountInfo({\n\t\t\t\tinclude: 'profile,data,preferences, emails',\n\t\t\t\textraProfileFields: 'phones', // Default get account info note included phones.\n\t\t\t\tcallback: (data) => {\n data.idToken = id_token;\n this.verifyResponse(data, resolve, reject);\n\t\t\t\t},\n\t\t\t});\n\t\t});\n\t}\n\n getAccountInfoWithConfig(include = '', extraProfileFields = '') {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\twindow.gigya.accounts.getAccountInfo({\n\t\t\t\tinclude: include,\n\t\t\t\textraProfileFields: extraProfileFields, // Default get account info note included phones.\n\t\t\t\tcallback: (data) => {\n this.verifyResponse(data, resolve, reject);\n\t\t\t\t},\n\t\t\t});\n\t\t});\n\t}\n\n getAddress() {\n return new Promise((resolve) => {\n this.getAccountInfoWithConfig('data').then((res) => {\n resolve(_.get(res, 'data.address'), []);\n }).catch(() => {\n resolve([]);\n });\n });\n }\n\n getDeliveryPostcode() {\n return new Promise((resolve, reject) => {\n this.getAddress().then((address) => {\n const shipping = address.find(({shippingDefault}) => shippingDefault);\n if (shipping) {\n const {postCode} = shipping;\n if (postCode) {\n resolve(shipping);\n }\n } else {\n reject();\n }\n });\n });\n }\n\n setDeliveryPostcode(postCode = _.get(window, 'postcodeDelivery.value', '')) {\n window.localStorage && window.localStorage.setItem(LOCAL_STORE_POSTCODE, postCode);\n $('.siteHeader-modalDetail .selected-postcode').html(postCode);\n $('#input-search-postcode').val(postCode);\n }\n\n\tgetDeliveryGlobalPostcode(postCode = _.get(window, 'postcodeDelivery.value', '')) {\n\t\treturn window.localStorage.getItem(LOCAL_STORE_POSTCODE) || postCode;\n\t}\n\n setStoreById(storeId) {\n return new Promise((resolve) => {\n const parameters = {\n data: {\n ['localStore' + {briscoes: 'Briscoes', rebel: 'Rebel'}[this.site]]: storeId,\n },\n callback: resolve,\n };\n window.gigya.accounts.setAccountInfo(parameters);\n });\n }\n\n replaceEmail(responseAccountInfo) {\n const email = _.get(responseAccountInfo, 'profile.email');\n const emails = _.get(responseAccountInfo, 'emails');\n const removeLoginEmails = _.concat(emails.unverified, emails.verified).filter(\n (item) => (item || '').toLocaleLowerCase() !== (email || '').toLocaleLowerCase()\n ).join(',');\n\n return new Promise((resolve) => {\n if (removeLoginEmails) {\n window.gigya.accounts.setAccountInfo({\n removeLoginEmails,\n callback: resolve,\n });\n } else {\n resolve();\n }\n });\n }\n\n getParameterEmailSubscribe(isEmailSubscribe, profile = null, data = null, site = this.site) {\n\t\tconst extendField = {\n\t\t\tbriscoes: 'Briscoes',\n\t\t\trebel: 'Rebel',\n\t\t};\n\t\tconst SEND_ME_ALL_THE_EMAILS = 1;\n const parameters = {\n\t\t\tpreferences: {\n\t\t\t\t[site]: {\n\t\t\t\t\tcommunications: {\n\t\t\t\t\t\temail: {\n\t\t\t\t\t\t\tisConsentGranted: isEmailSubscribe,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n terms: {\n [site]: {\n isConsentGranted: true,\n },\n },\n privacy: {\n [site]: {\n isConsentGranted: true,\n },\n },\n data: {\n ['customerBrand' + extendField[this.site]]: true,\n sourceOfLastUpdate: CDC_ACCOUNT_DATA.SOURCE_OF_LAST_UPDATE,\n },\n\t\t};\n\n if (data) {\n parameters.data['customerTypeCode'] = data.customerTypeCode;\n parameters.data['acquisitionChannel' + extendField[site]] = data.acquisitionChannel;\n\t\t\tdata[STAFF_CARD_NO] && (parameters.data[STAFF_CARD_NO] = data[STAFF_CARD_NO]);\n }\n\n if (isEmailSubscribe) {\n parameters.data['emailFrequency' + extendField[this.site]] = SEND_ME_ALL_THE_EMAILS;\n }\n\n if (profile) {\n parameters.profile = profile;\n }\n\n return parameters;\n }\n\n regsiterOpt(parameters) {\n return new Promise((resolve, reject) => {\n callApi('/api/cdc/register/', parameters)\n .then((data) => this.verifyResponse(data, resolve, reject))\n .catch(reject);\n });\n }\n\n loginOpt(parameters) {\n return new Promise((resolve, reject) => {\n callApi('/api/cdc/login/', parameters)\n .then((data) => this.verifyResponse(data, resolve, reject))\n .catch(reject);\n });\n }\n\n searchAccountByEmail(email) {\n\t\tconst getAccountInfoApi = (email) => getApi(`/api/cdc/getaccountinfo?email=${encodeURIComponent(email)}`);\n\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tgetAccountInfoApi(email).then((data) => {\n\t\t\t\tconst emailToLowerCase = email.toLowerCase();\n\t\t\t\tif (data || emailToLowerCase === email) {\n\t\t\t\t\treturn data;\n\t\t\t\t} else {\n\t\t\t\t\treturn getAccountInfoApi(emailToLowerCase);\n\t\t\t\t}\n })\n\t\t\t.then((data) => {\n\t\t\t\tif (data) {\n const extendField = {\n briscoes: 'Briscoes',\n rebel: 'Rebel',\n };\n const response = _.merge(data, data[extendField[this.site]]);\n resolve(response);\n } else {\n\t\t\t\t\tresolve(data);\n }\n\t\t\t})\n .catch(reject);\n });\n }\n\n verifyResponse(data, callback, fallback) {\n if (data.errorCode === CDC_ERROR_CODE.SUCCESS || data.result == 'SUCCESS') {\n callback(data);\n } else {\n fallback(data);\n }\n }\n\n overWrite(data, path, fallback) {\n return _.get(data, path, fallback) || fallback;\n }\n\n pushLastTransactedDate() {\n window.gigya && window.gigya.accounts.setAccountInfo({\n data: {\n lastTransactedDate: moment().format('YYYY-MM-DDTHH:mm'),\n sourceOfLastUpdate: CDC_ACCOUNT_DATA.SOURCE_OF_LAST_UPDATE,\n },\n });\n }\n\n setAcquisitionChannel(event, accountByEmail, channel, optIn = false) {\n const extendField = {\n briscoes: 'Briscoes',\n\t\t\trebel: 'Rebel',\n\t\t};\n const acquisitionChannel = `acquisitionChannel${extendField[this.site]}`;\n optIn = _.get(event.formModel, `preferences.${this.site}.communications.email.isConsentGranted`, optIn);\n\n if (accountByEmail.AcquisitionChannel) {\n event.formModel.data[acquisitionChannel] = accountByEmail.AcquisitionChannel;\n } else if (optIn) {\n event.formModel.data[acquisitionChannel] = channel;\n }\n }\n\n copyDataLiteToFull(event, accountByEmail) {\n const copyBySite = {\n rebel: {\n acquisitionChannelBriscoes: 'Briscoes.AcquisitionChannel',\n customerRegistrationDateBriscoes: 'Briscoes.CustomerRegistrationDate',\n lastTransactedDate: 'LastTransactedDate',\n },\n briscoes: {\n acquisitionChannelRebel: 'Rebel.AcquisitionChannel',\n customerRegistrationDateRebel: 'Rebel.CustomerRegistrationDate',\n lastTransactedDate: 'LastTransactedDate',\n },\n };\n\n for (const [cdcDataKey, optiDataKey] of Object.entries(copyBySite[this.site])) {\n const optiDataValue = _.get(accountByEmail, optiDataKey);\n if (optiDataValue) {\n event.formModel.data[cdcDataKey] = optiDataValue;\n }\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./cdc.js","/* eslint-disable no-trailing-spaces */\n/* eslint no-console: [\"error\", { allow: [\"warn\", \"error\", \"info\"] }] */\n/* eslint no-invalid-this: 0 */\n/* eslint max-len: 0 */\n\nexport function pushCheckoutError(errorMsg, step = null) {\n\twindow.dataLayer = window.dataLayer || [];\n\n\tif (errorMsg) {\n\t\tlet dataLayerObj = {\n\t\t\t'event': 'checkout error',\n\t\t\t'text': errorMsg,\n\t\t};\n\n\t\t// content grouping\n\t\tif (step == 3) {\n\t\t\tdataLayerObj.pageType = 'login';\n\t\t}\n\n\t\tif (step == 4) {\n\t\t\tdataLayerObj.pageType = 'delivery';\n\t\t}\n\n\t\twindow.dataLayer.push(dataLayerObj);\n\t}\n}\n\nexport async function puchCheckoutSteps(step, option, pushProducts = false, url = false, form = false) {\n\t// Measure adding a product to a shopping cart by using an 'add' actionFieldObject\n\t// and a list of productFieldObjects.\n\twindow.dataLayer = window.dataLayer || [];\n\tif (form) {\n\t\tform.removeAttr('submited');\n\t}\n\n\tlet datasource = [];\n\n\t// defined globally by BE;\n\t// eslint-disable-next-line no-undef\n\tif (typeof datalayerDataSource != 'undefined') {\n\t\t// defined globally by BE;\n\t\t// eslint-disable-next-line no-undef\n\t\tdatasource = datalayerDataSource || [];\n\t}\n\n\tif (datasource.length > 0) {\n\t\tlet first = datasource[0];\n\t\tlet dataLayerObj = {\n\t\t\t'event': 'checkout',\n\t\t\t'ecommerce': {\n\t\t\t\t'currencyCode': first.currency,\n\t\t\t\t'checkout': {\n\t\t\t\t\t'actionField': {\n\t\t\t\t\t\t'step': step,\n\t\t\t\t\t\t'option': option,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t\t'eventCallback': function() {\n\t\t\t\tif (url) {\n\t\t\t\t\twindow.location = window.location.pathname;\n\t\t\t\t\treturn Promise.resolve();\n\t\t\t\t}\n\t\t\t\tif (form) {\n\t\t\t\t\tif(!form.attr('submited')) {\n\t\t\t\t\t\tform.submit();\n\t\t\t\t\t\tform.attr('submited', true);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn Promise.resolve();\n\t\t\t\t}\n\t\t\t\treturn Promise.resolve();\n\t\t\t},\n\t\t};\n\t\tif (pushProducts) {\n\t\t\tdataLayerObj.ecommerce.checkout.products = datasource;\n\t\t}\n\n\t\t// content grouping\n\t\tif (step == 3) {\n\t\t\tdataLayerObj.pageType = 'login';\n\t\t}\n\n\t\tif (step == 4) {\n\t\t\tdataLayerObj.pageType = 'delivery';\n\t\t}\n\n\t\twindow.dataLayer.push(dataLayerObj);\n\t}\n}\n\nexport async function pushEmailsWithPromise() {\n\t// Measure adding a product to a shopping cart by using an 'add' actionFieldObject\n\t// and a list of productFieldObjects.\n\twindow.dataLayer = window.dataLayer || [];\n\tlet dataLayerObj = {\n\t\t'event': 'signUp',\n\t\t'eventCategory': 'Sign Up',\n\t\t'eventAction': 'Email Updates',\n\t\t'eventCallback': function() {\n\t\t\treturn Promise.resolve();\n\t\t},\n\t};\n\tif (window.userId) {\n\t\tdataLayerObj.userId = window.userId;\n\t}\n\twindow.dataLayer.push(dataLayerObj);\n}\n\nexport function pushAddToCart(productObj, plpDatalayerDataSource = null) {\n\t// Measure adding a product to a shopping cart by using an 'add' actionFieldObject\n\t// and a list of productFieldObjects.\n\twindow.dataLayer = window.dataLayer || [];\n\n\tlet datasource = [];\n\n\t// defined globally by BE;\n\t// eslint-disable-next-line no-undef\n\tif (typeof datalayerDataSource != 'undefined') {\n\t\t// defined globally by BE;\n\t\t// eslint-disable-next-line no-undef\n\t\tdatasource = datalayerDataSource || [];\n\t}\n\n\tif (plpDatalayerDataSource) {\n\t\tdatasource = plpDatalayerDataSource;\n\t}\n\n\tlet result = datasource.find((obj) => {\n\t\treturn obj.code === productObj.code;\n\t});\n\n\tif (result) {\n\t\twindow.dataLayer.push({\n\t\t\t'event': 'addToCart',\n\t\t\t'ecommerce': {\n\t\t\t\t'currencyCode': result.currency,\n\t\t\t\t'add': { // 'add' actionFieldObject measures.\n\t\t\t\t\t'products': prepGtmProduct(result, productObj), // adding a product to a shopping cart.\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n}\n\nexport function pushProductView(productObj, plpDatalayerDataSource = null) {\n\t// Measure adding a product to a shopping cart by using an 'add' actionFieldObject\n\t// and a list of productFieldObjects.\n\twindow.dataLayer = window.dataLayer || [];\n\n\tlet datasource = [];\n\n\t// defined globally by BE;\n\t// eslint-disable-next-line no-undef\n\tif (typeof datalayerDataSource != 'undefined') {\n\t\t// defined globally by BE;\n\t\t// eslint-disable-next-line no-undef\n\t\tdatasource = datalayerDataSource || [];\n\t}\n\n\tif (plpDatalayerDataSource) {\n\t\tdatasource = plpDatalayerDataSource;\n\t}\n\n\tlet result = datasource.find((obj) => {\n\t\treturn obj.code === productObj.code;\n\t});\n\n\tif (result) {\n\t\twindow.dataLayer.push({\n\t\t\t'pageType': (plpDatalayerDataSource) ? 'plp' : 'pdp',\n\t\t\t'event': 'productDetail',\n\t\t\t'ecommerce': {\n\t\t\t\t'currencyCode': result.currency || null,\n\t\t\t\t'detail': {\n\t\t\t\t\t'actionField': {'list': result.category || null},\n\t\t\t\t\t'products': prepGtmProduct(result, productObj),\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n}\n\nexport function prepGtmProduct(result, productObj) {\n\tconst data = {\n\t\t'name': result.name || null,\n\t\t'id': result.id || null,\n\t\t'price': result.price || null,\n\t\t'brand': result.brand || null,\n\t\t'category': result.category || null,\n\t\t'variant': result.colour || null,\n\t\t'dimension5': productObj.size || null,\n\t\t'dimension6': result.stock || null,\n\t\t'dimension7': result.priceType || null,\n\t\t'dimension10': result.code || null,\n\t\t'quantity': productObj.quantity || null,\n\t};\n\n\tdata['collectionType'] = result.collectionType;\n\n\tif (result.collectionType && result.collectionType!== 'no') {\n\t\tdata['collectionID'] = result.collectionID || null;\n\t\tdata['collectionName'] = result.collectionName || null;\n\t}\n\n\treturn [data];\n}\n\nexport async function pushLogin(option, form = false) {\n\twindow.dataLayer = window.dataLayer || [];\n\tlet dataLayerObj = {\n\t\t'event': 'login',\n\t\t'eventCategory': 'login',\n\t\t'eventAction': option,\n\t\t'eventCallback': function() {\n\t\t\tif (form) {\n\t\t\t\tform.submit();\n\t\t\t\treturn Promise.resolve();\n\t\t\t}\n\n\t\t\treturn Promise.resolve();\n\t\t},\n\t};\n\n\t// content grouping\n\tdataLayerObj.pageType = 'login';\n\twindow.dataLayer.push(dataLayerObj);\n}\n\nexport function pushLoginError(errorMsg) {\n\twindow.dataLayer = window.dataLayer || [];\n\n\tif (errorMsg) {\n\t\tlet dataLayerObj = {\n\t\t\t'event': 'login error',\n\t\t\t'text': errorMsg,\n\t\t};\n\n\t\tdataLayerObj.pageType = 'login';\n\n\t\twindow.dataLayer.push(dataLayerObj);\n\t}\n}\n\nexport function pushUserInfo(email) {\n\twindow.dataLayer = window.dataLayer || [];\n\tif (email) {\n\t\tlet dataLayerObj = {\n\t\t\t'event': 'userIdentified',\n\t\t\t'identifier': email,\n\t\t};\n\t\twindow.dataLayer.push(dataLayerObj);\n\t}\n}\n\n// Trigger immediately after any item is added to cart to indicate the total contents in the cart\nexport function pushCartItems(cartItems) {\n\twindow.dataLayer = window.dataLayer || [];\n\tif (cartItems) {\n\t\tlet dataLayerObj = {\n\t\t\t'event': 'cartItemsPush',\n\t\t\t'cartItems': cartItems,\n\t\t};\n\t\twindow.dataLayer.push(dataLayerObj);\n\t}\n}\n\nexport function pushReviewSubmited(data) {\n\twindow.dataLayer = window.dataLayer || [];\n\tif (data) {\n\t\twindow.dataLayer.push(data);\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./dataLayer.js","'use strict';\n\nexports.__esModule = true;\nexports.HandlebarsEnvironment = HandlebarsEnvironment;\n// istanbul ignore next\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nvar _utils = require('./utils');\n\nvar _exception = require('./exception');\n\nvar _exception2 = _interopRequireDefault(_exception);\n\nvar _helpers = require('./helpers');\n\nvar _decorators = require('./decorators');\n\nvar _logger = require('./logger');\n\nvar _logger2 = _interopRequireDefault(_logger);\n\nvar _internalProtoAccess = require('./internal/proto-access');\n\nvar VERSION = '4.7.7';\nexports.VERSION = VERSION;\nvar COMPILER_REVISION = 8;\nexports.COMPILER_REVISION = COMPILER_REVISION;\nvar LAST_COMPATIBLE_COMPILER_REVISION = 7;\n\nexports.LAST_COMPATIBLE_COMPILER_REVISION = LAST_COMPATIBLE_COMPILER_REVISION;\nvar REVISION_CHANGES = {\n 1: '<= 1.0.rc.2', // 1.0.rc.2 is actually rev2 but doesn't report it\n 2: '== 1.0.0-rc.3',\n 3: '== 1.0.0-rc.4',\n 4: '== 1.x.x',\n 5: '== 2.0.0-alpha.x',\n 6: '>= 2.0.0-beta.1',\n 7: '>= 4.0.0 <4.3.0',\n 8: '>= 4.3.0'\n};\n\nexports.REVISION_CHANGES = REVISION_CHANGES;\nvar objectType = '[object Object]';\n\nfunction HandlebarsEnvironment(helpers, partials, decorators) {\n this.helpers = helpers || {};\n this.partials = partials || {};\n this.decorators = decorators || {};\n\n _helpers.registerDefaultHelpers(this);\n _decorators.registerDefaultDecorators(this);\n}\n\nHandlebarsEnvironment.prototype = {\n constructor: HandlebarsEnvironment,\n\n logger: _logger2['default'],\n log: _logger2['default'].log,\n\n registerHelper: function registerHelper(name, fn) {\n if (_utils.toString.call(name) === objectType) {\n if (fn) {\n throw new _exception2['default']('Arg not supported with multiple helpers');\n }\n _utils.extend(this.helpers, name);\n } else {\n this.helpers[name] = fn;\n }\n },\n unregisterHelper: function unregisterHelper(name) {\n delete this.helpers[name];\n },\n\n registerPartial: function registerPartial(name, partial) {\n if (_utils.toString.call(name) === objectType) {\n _utils.extend(this.partials, name);\n } else {\n if (typeof partial === 'undefined') {\n throw new _exception2['default']('Attempting to register a partial called \"' + name + '\" as undefined');\n }\n this.partials[name] = partial;\n }\n },\n unregisterPartial: function unregisterPartial(name) {\n delete this.partials[name];\n },\n\n registerDecorator: function registerDecorator(name, fn) {\n if (_utils.toString.call(name) === objectType) {\n if (fn) {\n throw new _exception2['default']('Arg not supported with multiple decorators');\n }\n _utils.extend(this.decorators, name);\n } else {\n this.decorators[name] = fn;\n }\n },\n unregisterDecorator: function unregisterDecorator(name) {\n delete this.decorators[name];\n },\n /**\n * Reset the memory of illegal property accesses that have already been logged.\n * @deprecated should only be used in handlebars test-cases\n */\n resetLoggedPropertyAccesses: function resetLoggedPropertyAccesses() {\n _internalProtoAccess.resetLoggedProperties();\n }\n};\n\nvar log = _logger2['default'].log;\n\nexports.log = log;\nexports.createFrame = _utils.createFrame;\nexports.logger = _logger2['default'];\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2xpYi9oYW5kbGViYXJzL2Jhc2UuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7cUJBQThDLFNBQVM7O3lCQUNqQyxhQUFhOzs7O3VCQUNJLFdBQVc7OzBCQUNSLGNBQWM7O3NCQUNyQyxVQUFVOzs7O21DQUNTLHlCQUF5Qjs7QUFFeEQsSUFBTSxPQUFPLEdBQUcsT0FBTyxDQUFDOztBQUN4QixJQUFNLGlCQUFpQixHQUFHLENBQUMsQ0FBQzs7QUFDNUIsSUFBTSxpQ0FBaUMsR0FBRyxDQUFDLENBQUM7OztBQUU1QyxJQUFNLGdCQUFnQixHQUFHO0FBQzlCLEdBQUMsRUFBRSxhQUFhO0FBQ2hCLEdBQUMsRUFBRSxlQUFlO0FBQ2xCLEdBQUMsRUFBRSxlQUFlO0FBQ2xCLEdBQUMsRUFBRSxVQUFVO0FBQ2IsR0FBQyxFQUFFLGtCQUFrQjtBQUNyQixHQUFDLEVBQUUsaUJBQWlCO0FBQ3BCLEdBQUMsRUFBRSxpQkFBaUI7QUFDcEIsR0FBQyxFQUFFLFVBQVU7Q0FDZCxDQUFDOzs7QUFFRixJQUFNLFVBQVUsR0FBRyxpQkFBaUIsQ0FBQzs7QUFFOUIsU0FBUyxxQkFBcUIsQ0FBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRTtBQUNuRSxNQUFJLENBQUMsT0FBTyxHQUFHLE9BQU8sSUFBSSxFQUFFLENBQUM7QUFDN0IsTUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLElBQUksRUFBRSxDQUFDO0FBQy9CLE1BQUksQ0FBQyxVQUFVLEdBQUcsVUFBVSxJQUFJLEVBQUUsQ0FBQzs7QUFFbkMsa0NBQXVCLElBQUksQ0FBQyxDQUFDO0FBQzdCLHdDQUEwQixJQUFJLENBQUMsQ0FBQztDQUNqQzs7QUFFRCxxQkFBcUIsQ0FBQyxTQUFTLEdBQUc7QUFDaEMsYUFBVyxFQUFFLHFCQUFxQjs7QUFFbEMsUUFBTSxxQkFBUTtBQUNkLEtBQUcsRUFBRSxvQkFBTyxHQUFHOztBQUVmLGdCQUFjLEVBQUUsd0JBQVMsSUFBSSxFQUFFLEVBQUUsRUFBRTtBQUNqQyxRQUFJLGdCQUFTLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxVQUFVLEVBQUU7QUFDdEMsVUFBSSxFQUFFLEVBQUU7QUFDTixjQUFNLDJCQUFjLHlDQUF5QyxDQUFDLENBQUM7T0FDaEU7QUFDRCxvQkFBTyxJQUFJLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxDQUFDO0tBQzVCLE1BQU07QUFDTCxVQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQztLQUN6QjtHQUNGO0FBQ0Qsa0JBQWdCLEVBQUUsMEJBQVMsSUFBSSxFQUFFO0FBQy9CLFdBQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztHQUMzQjs7QUFFRCxpQkFBZSxFQUFFLHlCQUFTLElBQUksRUFBRSxPQUFPLEVBQUU7QUFDdkMsUUFBSSxnQkFBUyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssVUFBVSxFQUFFO0FBQ3RDLG9CQUFPLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLENBQUM7S0FDN0IsTUFBTTtBQUNMLFVBQUksT0FBTyxPQUFPLEtBQUssV0FBVyxFQUFFO0FBQ2xDLGNBQU0seUVBQ3dDLElBQUksb0JBQ2pELENBQUM7T0FDSDtBQUNELFVBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEdBQUcsT0FBTyxDQUFDO0tBQy9CO0dBQ0Y7QUFDRCxtQkFBaUIsRUFBRSwyQkFBUyxJQUFJLEVBQUU7QUFDaEMsV0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO0dBQzVCOztBQUVELG1CQUFpQixFQUFFLDJCQUFTLElBQUksRUFBRSxFQUFFLEVBQUU7QUFDcEMsUUFBSSxnQkFBUyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssVUFBVSxFQUFFO0FBQ3RDLFVBQUksRUFBRSxFQUFFO0FBQ04sY0FBTSwyQkFBYyw0Q0FBNEMsQ0FBQyxDQUFDO09BQ25FO0FBQ0Qsb0JBQU8sSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsQ0FBQztLQUMvQixNQUFNO0FBQ0wsVUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUM7S0FDNUI7R0FDRjtBQUNELHFCQUFtQixFQUFFLDZCQUFTLElBQUksRUFBRTtBQUNsQyxXQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUM7R0FDOUI7Ozs7O0FBS0QsNkJBQTJCLEVBQUEsdUNBQUc7QUFDNUIsZ0RBQXVCLENBQUM7R0FDekI7Q0FDRixDQUFDOztBQUVLLElBQUksR0FBRyxHQUFHLG9CQUFPLEdBQUcsQ0FBQzs7O1FBRW5CLFdBQVc7UUFBRSxNQUFNIiwiZmlsZSI6ImJhc2UuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVGcmFtZSwgZXh0ZW5kLCB0b1N0cmluZyB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IEV4Y2VwdGlvbiBmcm9tICcuL2V4Y2VwdGlvbic7XG5pbXBvcnQgeyByZWdpc3RlckRlZmF1bHRIZWxwZXJzIH0gZnJvbSAnLi9oZWxwZXJzJztcbmltcG9ydCB7IHJlZ2lzdGVyRGVmYXVsdERlY29yYXRvcnMgfSBmcm9tICcuL2RlY29yYXRvcnMnO1xuaW1wb3J0IGxvZ2dlciBmcm9tICcuL2xvZ2dlcic7XG5pbXBvcnQgeyByZXNldExvZ2dlZFByb3BlcnRpZXMgfSBmcm9tICcuL2ludGVybmFsL3Byb3RvLWFjY2Vzcyc7XG5cbmV4cG9ydCBjb25zdCBWRVJTSU9OID0gJzQuNy43JztcbmV4cG9ydCBjb25zdCBDT01QSUxFUl9SRVZJU0lPTiA9IDg7XG5leHBvcnQgY29uc3QgTEFTVF9DT01QQVRJQkxFX0NPTVBJTEVSX1JFVklTSU9OID0gNztcblxuZXhwb3J0IGNvbnN0IFJFVklTSU9OX0NIQU5HRVMgPSB7XG4gIDE6ICc8PSAxLjAucmMuMicsIC8vIDEuMC5yYy4yIGlzIGFjdHVhbGx5IHJldjIgYnV0IGRvZXNuJ3QgcmVwb3J0IGl0XG4gIDI6ICc9PSAxLjAuMC1yYy4zJyxcbiAgMzogJz09IDEuMC4wLXJjLjQnLFxuICA0OiAnPT0gMS54LngnLFxuICA1OiAnPT0gMi4wLjAtYWxwaGEueCcsXG4gIDY6ICc+PSAyLjAuMC1iZXRhLjEnLFxuICA3OiAnPj0gNC4wLjAgPDQuMy4wJyxcbiAgODogJz49IDQuMy4wJ1xufTtcblxuY29uc3Qgb2JqZWN0VHlwZSA9ICdbb2JqZWN0IE9iamVjdF0nO1xuXG5leHBvcnQgZnVuY3Rpb24gSGFuZGxlYmFyc0Vudmlyb25tZW50KGhlbHBlcnMsIHBhcnRpYWxzLCBkZWNvcmF0b3JzKSB7XG4gIHRoaXMuaGVscGVycyA9IGhlbHBlcnMgfHwge307XG4gIHRoaXMucGFydGlhbHMgPSBwYXJ0aWFscyB8fCB7fTtcbiAgdGhpcy5kZWNvcmF0b3JzID0gZGVjb3JhdG9ycyB8fCB7fTtcblxuICByZWdpc3RlckRlZmF1bHRIZWxwZXJzKHRoaXMpO1xuICByZWdpc3RlckRlZmF1bHREZWNvcmF0b3JzKHRoaXMpO1xufVxuXG5IYW5kbGViYXJzRW52aXJvbm1lbnQucHJvdG90eXBlID0ge1xuICBjb25zdHJ1Y3RvcjogSGFuZGxlYmFyc0Vudmlyb25tZW50LFxuXG4gIGxvZ2dlcjogbG9nZ2VyLFxuICBsb2c6IGxvZ2dlci5sb2csXG5cbiAgcmVnaXN0ZXJIZWxwZXI6IGZ1bmN0aW9uKG5hbWUsIGZuKSB7XG4gICAgaWYgKHRvU3RyaW5nLmNhbGwobmFtZSkgPT09IG9iamVjdFR5cGUpIHtcbiAgICAgIGlmIChmbikge1xuICAgICAgICB0aHJvdyBuZXcgRXhjZXB0aW9uKCdBcmcgbm90IHN1cHBvcnRlZCB3aXRoIG11bHRpcGxlIGhlbHBlcnMnKTtcbiAgICAgIH1cbiAgICAgIGV4dGVuZCh0aGlzLmhlbHBlcnMsIG5hbWUpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmhlbHBlcnNbbmFtZV0gPSBmbjtcbiAgICB9XG4gIH0sXG4gIHVucmVnaXN0ZXJIZWxwZXI6IGZ1bmN0aW9uKG5hbWUpIHtcbiAgICBkZWxldGUgdGhpcy5oZWxwZXJzW25hbWVdO1xuICB9LFxuXG4gIHJlZ2lzdGVyUGFydGlhbDogZnVuY3Rpb24obmFtZSwgcGFydGlhbCkge1xuICAgIGlmICh0b1N0cmluZy5jYWxsKG5hbWUpID09PSBvYmplY3RUeXBlKSB7XG4gICAgICBleHRlbmQodGhpcy5wYXJ0aWFscywgbmFtZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIGlmICh0eXBlb2YgcGFydGlhbCA9PT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgICAgdGhyb3cgbmV3IEV4Y2VwdGlvbihcbiAgICAgICAgICBgQXR0ZW1wdGluZyB0byByZWdpc3RlciBhIHBhcnRpYWwgY2FsbGVkIFwiJHtuYW1lfVwiIGFzIHVuZGVmaW5lZGBcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICAgIHRoaXMucGFydGlhbHNbbmFtZV0gPSBwYXJ0aWFsO1xuICAgIH1cbiAgfSxcbiAgdW5yZWdpc3RlclBhcnRpYWw6IGZ1bmN0aW9uKG5hbWUpIHtcbiAgICBkZWxldGUgdGhpcy5wYXJ0aWFsc1tuYW1lXTtcbiAgfSxcblxuICByZWdpc3RlckRlY29yYXRvcjogZnVuY3Rpb24obmFtZSwgZm4pIHtcbiAgICBpZiAodG9TdHJpbmcuY2FsbChuYW1lKSA9PT0gb2JqZWN0VHlwZSkge1xuICAgICAgaWYgKGZuKSB7XG4gICAgICAgIHRocm93IG5ldyBFeGNlcHRpb24oJ0FyZyBub3Qgc3VwcG9ydGVkIHdpdGggbXVsdGlwbGUgZGVjb3JhdG9ycycpO1xuICAgICAgfVxuICAgICAgZXh0ZW5kKHRoaXMuZGVjb3JhdG9ycywgbmFtZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZGVjb3JhdG9yc1tuYW1lXSA9IGZuO1xuICAgIH1cbiAgfSxcbiAgdW5yZWdpc3RlckRlY29yYXRvcjogZnVuY3Rpb24obmFtZSkge1xuICAgIGRlbGV0ZSB0aGlzLmRlY29yYXRvcnNbbmFtZV07XG4gIH0sXG4gIC8qKlxuICAgKiBSZXNldCB0aGUgbWVtb3J5IG9mIGlsbGVnYWwgcHJvcGVydHkgYWNjZXNzZXMgdGhhdCBoYXZlIGFscmVhZHkgYmVlbiBsb2dnZWQuXG4gICAqIEBkZXByZWNhdGVkIHNob3VsZCBvbmx5IGJlIHVzZWQgaW4gaGFuZGxlYmFycyB0ZXN0LWNhc2VzXG4gICAqL1xuICByZXNldExvZ2dlZFByb3BlcnR5QWNjZXNzZXMoKSB7XG4gICAgcmVzZXRMb2dnZWRQcm9wZXJ0aWVzKCk7XG4gIH1cbn07XG5cbmV4cG9ydCBsZXQgbG9nID0gbG9nZ2VyLmxvZztcblxuZXhwb3J0IHsgY3JlYXRlRnJhbWUsIGxvZ2dlciB9O1xuIl19\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/node_modules/handlebars/dist/cjs/handlebars/base.js\n// module id = 411\n// module chunks = 0 1 2 3 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24","'use strict';\n\nexports.__esModule = true;\nexports.registerDefaultHelpers = registerDefaultHelpers;\nexports.moveHelperToHooks = moveHelperToHooks;\n// istanbul ignore next\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nvar _helpersBlockHelperMissing = require('./helpers/block-helper-missing');\n\nvar _helpersBlockHelperMissing2 = _interopRequireDefault(_helpersBlockHelperMissing);\n\nvar _helpersEach = require('./helpers/each');\n\nvar _helpersEach2 = _interopRequireDefault(_helpersEach);\n\nvar _helpersHelperMissing = require('./helpers/helper-missing');\n\nvar _helpersHelperMissing2 = _interopRequireDefault(_helpersHelperMissing);\n\nvar _helpersIf = require('./helpers/if');\n\nvar _helpersIf2 = _interopRequireDefault(_helpersIf);\n\nvar _helpersLog = require('./helpers/log');\n\nvar _helpersLog2 = _interopRequireDefault(_helpersLog);\n\nvar _helpersLookup = require('./helpers/lookup');\n\nvar _helpersLookup2 = _interopRequireDefault(_helpersLookup);\n\nvar _helpersWith = require('./helpers/with');\n\nvar _helpersWith2 = _interopRequireDefault(_helpersWith);\n\nfunction registerDefaultHelpers(instance) {\n _helpersBlockHelperMissing2['default'](instance);\n _helpersEach2['default'](instance);\n _helpersHelperMissing2['default'](instance);\n _helpersIf2['default'](instance);\n _helpersLog2['default'](instance);\n _helpersLookup2['default'](instance);\n _helpersWith2['default'](instance);\n}\n\nfunction moveHelperToHooks(instance, helperName, keepHelper) {\n if (instance.helpers[helperName]) {\n instance.hooks[helperName] = instance.helpers[helperName];\n if (!keepHelper) {\n delete instance.helpers[helperName];\n }\n }\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2xpYi9oYW5kbGViYXJzL2hlbHBlcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O3lDQUF1QyxnQ0FBZ0M7Ozs7MkJBQzlDLGdCQUFnQjs7OztvQ0FDUCwwQkFBMEI7Ozs7eUJBQ3JDLGNBQWM7Ozs7MEJBQ2IsZUFBZTs7Ozs2QkFDWixrQkFBa0I7Ozs7MkJBQ3BCLGdCQUFnQjs7OztBQUVsQyxTQUFTLHNCQUFzQixDQUFDLFFBQVEsRUFBRTtBQUMvQyx5Q0FBMkIsUUFBUSxDQUFDLENBQUM7QUFDckMsMkJBQWEsUUFBUSxDQUFDLENBQUM7QUFDdkIsb0NBQXNCLFFBQVEsQ0FBQyxDQUFDO0FBQ2hDLHlCQUFXLFFBQVEsQ0FBQyxDQUFDO0FBQ3JCLDBCQUFZLFFBQVEsQ0FBQyxDQUFDO0FBQ3RCLDZCQUFlLFFBQVEsQ0FBQyxDQUFDO0FBQ3pCLDJCQUFhLFFBQVEsQ0FBQyxDQUFDO0NBQ3hCOztBQUVNLFNBQVMsaUJBQWlCLENBQUMsUUFBUSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUU7QUFDbEUsTUFBSSxRQUFRLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxFQUFFO0FBQ2hDLFlBQVEsQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLEdBQUcsUUFBUSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsQ0FBQztBQUMxRCxRQUFJLENBQUMsVUFBVSxFQUFFO0FBQ2YsYUFBTyxRQUFRLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDO0tBQ3JDO0dBQ0Y7Q0FDRiIsImZpbGUiOiJoZWxwZXJzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHJlZ2lzdGVyQmxvY2tIZWxwZXJNaXNzaW5nIGZyb20gJy4vaGVscGVycy9ibG9jay1oZWxwZXItbWlzc2luZyc7XG5pbXBvcnQgcmVnaXN0ZXJFYWNoIGZyb20gJy4vaGVscGVycy9lYWNoJztcbmltcG9ydCByZWdpc3RlckhlbHBlck1pc3NpbmcgZnJvbSAnLi9oZWxwZXJzL2hlbHBlci1taXNzaW5nJztcbmltcG9ydCByZWdpc3RlcklmIGZyb20gJy4vaGVscGVycy9pZic7XG5pbXBvcnQgcmVnaXN0ZXJMb2cgZnJvbSAnLi9oZWxwZXJzL2xvZyc7XG5pbXBvcnQgcmVnaXN0ZXJMb29rdXAgZnJvbSAnLi9oZWxwZXJzL2xvb2t1cCc7XG5pbXBvcnQgcmVnaXN0ZXJXaXRoIGZyb20gJy4vaGVscGVycy93aXRoJztcblxuZXhwb3J0IGZ1bmN0aW9uIHJlZ2lzdGVyRGVmYXVsdEhlbHBlcnMoaW5zdGFuY2UpIHtcbiAgcmVnaXN0ZXJCbG9ja0hlbHBlck1pc3NpbmcoaW5zdGFuY2UpO1xuICByZWdpc3RlckVhY2goaW5zdGFuY2UpO1xuICByZWdpc3RlckhlbHBlck1pc3NpbmcoaW5zdGFuY2UpO1xuICByZWdpc3RlcklmKGluc3RhbmNlKTtcbiAgcmVnaXN0ZXJMb2coaW5zdGFuY2UpO1xuICByZWdpc3Rlckxvb2t1cChpbnN0YW5jZSk7XG4gIHJlZ2lzdGVyV2l0aChpbnN0YW5jZSk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBtb3ZlSGVscGVyVG9Ib29rcyhpbnN0YW5jZSwgaGVscGVyTmFtZSwga2VlcEhlbHBlcikge1xuICBpZiAoaW5zdGFuY2UuaGVscGVyc1toZWxwZXJOYW1lXSkge1xuICAgIGluc3RhbmNlLmhvb2tzW2hlbHBlck5hbWVdID0gaW5zdGFuY2UuaGVscGVyc1toZWxwZXJOYW1lXTtcbiAgICBpZiAoIWtlZXBIZWxwZXIpIHtcbiAgICAgIGRlbGV0ZSBpbnN0YW5jZS5oZWxwZXJzW2hlbHBlck5hbWVdO1xuICAgIH1cbiAgfVxufVxuIl19\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/node_modules/handlebars/dist/cjs/handlebars/helpers.js\n// module id = 412\n// module chunks = 0 1 2 3 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24","'use strict';\n\nexports.__esModule = true;\n\nvar _utils = require('./utils');\n\nvar logger = {\n methodMap: ['debug', 'info', 'warn', 'error'],\n level: 'info',\n\n // Maps a given level value to the `methodMap` indexes above.\n lookupLevel: function lookupLevel(level) {\n if (typeof level === 'string') {\n var levelMap = _utils.indexOf(logger.methodMap, level.toLowerCase());\n if (levelMap >= 0) {\n level = levelMap;\n } else {\n level = parseInt(level, 10);\n }\n }\n\n return level;\n },\n\n // Can be overridden in the host environment\n log: function log(level) {\n level = logger.lookupLevel(level);\n\n if (typeof console !== 'undefined' && logger.lookupLevel(logger.level) <= level) {\n var method = logger.methodMap[level];\n // eslint-disable-next-line no-console\n if (!console[method]) {\n method = 'log';\n }\n\n for (var _len = arguments.length, message = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n message[_key - 1] = arguments[_key];\n }\n\n console[method].apply(console, message); // eslint-disable-line no-console\n }\n }\n};\n\nexports['default'] = logger;\nmodule.exports = exports['default'];\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2xpYi9oYW5kbGViYXJzL2xvZ2dlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O3FCQUF3QixTQUFTOztBQUVqQyxJQUFJLE1BQU0sR0FBRztBQUNYLFdBQVMsRUFBRSxDQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE9BQU8sQ0FBQztBQUM3QyxPQUFLLEVBQUUsTUFBTTs7O0FBR2IsYUFBVyxFQUFFLHFCQUFTLEtBQUssRUFBRTtBQUMzQixRQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsRUFBRTtBQUM3QixVQUFJLFFBQVEsR0FBRyxlQUFRLE1BQU0sQ0FBQyxTQUFTLEVBQUUsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7QUFDOUQsVUFBSSxRQUFRLElBQUksQ0FBQyxFQUFFO0FBQ2pCLGFBQUssR0FBRyxRQUFRLENBQUM7T0FDbEIsTUFBTTtBQUNMLGFBQUssR0FBRyxRQUFRLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDO09BQzdCO0tBQ0Y7O0FBRUQsV0FBTyxLQUFLLENBQUM7R0FDZDs7O0FBR0QsS0FBRyxFQUFFLGFBQVMsS0FBSyxFQUFjO0FBQy9CLFNBQUssR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDOztBQUVsQyxRQUNFLE9BQU8sT0FBTyxLQUFLLFdBQVcsSUFDOUIsTUFBTSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLElBQUksS0FBSyxFQUN6QztBQUNBLFVBQUksTUFBTSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUM7O0FBRXJDLFVBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEVBQUU7QUFDcEIsY0FBTSxHQUFHLEtBQUssQ0FBQztPQUNoQjs7d0NBWG1CLE9BQU87QUFBUCxlQUFPOzs7QUFZM0IsYUFBTyxDQUFDLE1BQU0sT0FBQyxDQUFmLE9BQU8sRUFBWSxPQUFPLENBQUMsQ0FBQztLQUM3QjtHQUNGO0NBQ0YsQ0FBQzs7cUJBRWEsTUFBTSIsImZpbGUiOiJsb2dnZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpbmRleE9mIH0gZnJvbSAnLi91dGlscyc7XG5cbmxldCBsb2dnZXIgPSB7XG4gIG1ldGhvZE1hcDogWydkZWJ1ZycsICdpbmZvJywgJ3dhcm4nLCAnZXJyb3InXSxcbiAgbGV2ZWw6ICdpbmZvJyxcblxuICAvLyBNYXBzIGEgZ2l2ZW4gbGV2ZWwgdmFsdWUgdG8gdGhlIGBtZXRob2RNYXBgIGluZGV4ZXMgYWJvdmUuXG4gIGxvb2t1cExldmVsOiBmdW5jdGlvbihsZXZlbCkge1xuICAgIGlmICh0eXBlb2YgbGV2ZWwgPT09ICdzdHJpbmcnKSB7XG4gICAgICBsZXQgbGV2ZWxNYXAgPSBpbmRleE9mKGxvZ2dlci5tZXRob2RNYXAsIGxldmVsLnRvTG93ZXJDYXNlKCkpO1xuICAgICAgaWYgKGxldmVsTWFwID49IDApIHtcbiAgICAgICAgbGV2ZWwgPSBsZXZlbE1hcDtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGxldmVsID0gcGFyc2VJbnQobGV2ZWwsIDEwKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gbGV2ZWw7XG4gIH0sXG5cbiAgLy8gQ2FuIGJlIG92ZXJyaWRkZW4gaW4gdGhlIGhvc3QgZW52aXJvbm1lbnRcbiAgbG9nOiBmdW5jdGlvbihsZXZlbCwgLi4ubWVzc2FnZSkge1xuICAgIGxldmVsID0gbG9nZ2VyLmxvb2t1cExldmVsKGxldmVsKTtcblxuICAgIGlmIChcbiAgICAgIHR5cGVvZiBjb25zb2xlICE9PSAndW5kZWZpbmVkJyAmJlxuICAgICAgbG9nZ2VyLmxvb2t1cExldmVsKGxvZ2dlci5sZXZlbCkgPD0gbGV2ZWxcbiAgICApIHtcbiAgICAgIGxldCBtZXRob2QgPSBsb2dnZXIubWV0aG9kTWFwW2xldmVsXTtcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1jb25zb2xlXG4gICAgICBpZiAoIWNvbnNvbGVbbWV0aG9kXSkge1xuICAgICAgICBtZXRob2QgPSAnbG9nJztcbiAgICAgIH1cbiAgICAgIGNvbnNvbGVbbWV0aG9kXSguLi5tZXNzYWdlKTsgLy8gZXNsaW50LWRpc2FibGUtbGluZSBuby1jb25zb2xlXG4gICAgfVxuICB9XG59O1xuXG5leHBvcnQgZGVmYXVsdCBsb2dnZXI7XG4iXX0=\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/node_modules/handlebars/dist/cjs/handlebars/logger.js\n// module id = 413\n// module chunks = 0 1 2 3 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24","'use strict';\n\nexports.__esModule = true;\nexports.createProtoAccessControl = createProtoAccessControl;\nexports.resultIsAllowed = resultIsAllowed;\nexports.resetLoggedProperties = resetLoggedProperties;\n// istanbul ignore next\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj['default'] = obj; return newObj; } }\n\nvar _createNewLookupObject = require('./create-new-lookup-object');\n\nvar _logger = require('../logger');\n\nvar logger = _interopRequireWildcard(_logger);\n\nvar loggedProperties = Object.create(null);\n\nfunction createProtoAccessControl(runtimeOptions) {\n var defaultMethodWhiteList = Object.create(null);\n defaultMethodWhiteList['constructor'] = false;\n defaultMethodWhiteList['__defineGetter__'] = false;\n defaultMethodWhiteList['__defineSetter__'] = false;\n defaultMethodWhiteList['__lookupGetter__'] = false;\n\n var defaultPropertyWhiteList = Object.create(null);\n // eslint-disable-next-line no-proto\n defaultPropertyWhiteList['__proto__'] = false;\n\n return {\n properties: {\n whitelist: _createNewLookupObject.createNewLookupObject(defaultPropertyWhiteList, runtimeOptions.allowedProtoProperties),\n defaultValue: runtimeOptions.allowProtoPropertiesByDefault\n },\n methods: {\n whitelist: _createNewLookupObject.createNewLookupObject(defaultMethodWhiteList, runtimeOptions.allowedProtoMethods),\n defaultValue: runtimeOptions.allowProtoMethodsByDefault\n }\n };\n}\n\nfunction resultIsAllowed(result, protoAccessControl, propertyName) {\n if (typeof result === 'function') {\n return checkWhiteList(protoAccessControl.methods, propertyName);\n } else {\n return checkWhiteList(protoAccessControl.properties, propertyName);\n }\n}\n\nfunction checkWhiteList(protoAccessControlForType, propertyName) {\n if (protoAccessControlForType.whitelist[propertyName] !== undefined) {\n return protoAccessControlForType.whitelist[propertyName] === true;\n }\n if (protoAccessControlForType.defaultValue !== undefined) {\n return protoAccessControlForType.defaultValue;\n }\n logUnexpecedPropertyAccessOnce(propertyName);\n return false;\n}\n\nfunction logUnexpecedPropertyAccessOnce(propertyName) {\n if (loggedProperties[propertyName] !== true) {\n loggedProperties[propertyName] = true;\n logger.log('error', 'Handlebars: Access has been denied to resolve the property \"' + propertyName + '\" because it is not an \"own property\" of its parent.\\n' + 'You can add a runtime option to disable the check or this warning:\\n' + 'See https://handlebarsjs.com/api-reference/runtime-options.html#options-to-control-prototype-access for details');\n }\n}\n\nfunction resetLoggedProperties() {\n Object.keys(loggedProperties).forEach(function (propertyName) {\n delete loggedProperties[propertyName];\n });\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYi9oYW5kbGViYXJzL2ludGVybmFsL3Byb3RvLWFjY2Vzcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O3FDQUFzQyw0QkFBNEI7O3NCQUMxQyxXQUFXOztJQUF2QixNQUFNOztBQUVsQixJQUFNLGdCQUFnQixHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7O0FBRXRDLFNBQVMsd0JBQXdCLENBQUMsY0FBYyxFQUFFO0FBQ3ZELE1BQUksc0JBQXNCLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztBQUNqRCx3QkFBc0IsQ0FBQyxhQUFhLENBQUMsR0FBRyxLQUFLLENBQUM7QUFDOUMsd0JBQXNCLENBQUMsa0JBQWtCLENBQUMsR0FBRyxLQUFLLENBQUM7QUFDbkQsd0JBQXNCLENBQUMsa0JBQWtCLENBQUMsR0FBRyxLQUFLLENBQUM7QUFDbkQsd0JBQXNCLENBQUMsa0JBQWtCLENBQUMsR0FBRyxLQUFLLENBQUM7O0FBRW5ELE1BQUksd0JBQXdCLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQzs7QUFFbkQsMEJBQXdCLENBQUMsV0FBVyxDQUFDLEdBQUcsS0FBSyxDQUFDOztBQUU5QyxTQUFPO0FBQ0wsY0FBVSxFQUFFO0FBQ1YsZUFBUyxFQUFFLDZDQUNULHdCQUF3QixFQUN4QixjQUFjLENBQUMsc0JBQXNCLENBQ3RDO0FBQ0Qsa0JBQVksRUFBRSxjQUFjLENBQUMsNkJBQTZCO0tBQzNEO0FBQ0QsV0FBTyxFQUFFO0FBQ1AsZUFBUyxFQUFFLDZDQUNULHNCQUFzQixFQUN0QixjQUFjLENBQUMsbUJBQW1CLENBQ25DO0FBQ0Qsa0JBQVksRUFBRSxjQUFjLENBQUMsMEJBQTBCO0tBQ3hEO0dBQ0YsQ0FBQztDQUNIOztBQUVNLFNBQVMsZUFBZSxDQUFDLE1BQU0sRUFBRSxrQkFBa0IsRUFBRSxZQUFZLEVBQUU7QUFDeEUsTUFBSSxPQUFPLE1BQU0sS0FBSyxVQUFVLEVBQUU7QUFDaEMsV0FBTyxjQUFjLENBQUMsa0JBQWtCLENBQUMsT0FBTyxFQUFFLFlBQVksQ0FBQyxDQUFDO0dBQ2pFLE1BQU07QUFDTCxXQUFPLGNBQWMsQ0FBQyxrQkFBa0IsQ0FBQyxVQUFVLEVBQUUsWUFBWSxDQUFDLENBQUM7R0FDcEU7Q0FDRjs7QUFFRCxTQUFTLGNBQWMsQ0FBQyx5QkFBeUIsRUFBRSxZQUFZLEVBQUU7QUFDL0QsTUFBSSx5QkFBeUIsQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLEtBQUssU0FBUyxFQUFFO0FBQ25FLFdBQU8seUJBQXlCLENBQUMsU0FBUyxDQUFDLFlBQVksQ0FBQyxLQUFLLElBQUksQ0FBQztHQUNuRTtBQUNELE1BQUkseUJBQXlCLENBQUMsWUFBWSxLQUFLLFNBQVMsRUFBRTtBQUN4RCxXQUFPLHlCQUF5QixDQUFDLFlBQVksQ0FBQztHQUMvQztBQUNELGdDQUE4QixDQUFDLFlBQVksQ0FBQyxDQUFDO0FBQzdDLFNBQU8sS0FBSyxDQUFDO0NBQ2Q7O0FBRUQsU0FBUyw4QkFBOEIsQ0FBQyxZQUFZLEVBQUU7QUFDcEQsTUFBSSxnQkFBZ0IsQ0FBQyxZQUFZLENBQUMsS0FBSyxJQUFJLEVBQUU7QUFDM0Msb0JBQWdCLENBQUMsWUFBWSxDQUFDLEdBQUcsSUFBSSxDQUFDO0FBQ3RDLFVBQU0sQ0FBQyxHQUFHLENBQ1IsT0FBTyxFQUNQLGlFQUErRCxZQUFZLG9JQUNILG9IQUMyQyxDQUNwSCxDQUFDO0dBQ0g7Q0FDRjs7QUFFTSxTQUFTLHFCQUFxQixHQUFHO0FBQ3RDLFFBQU0sQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxPQUFPLENBQUMsVUFBQSxZQUFZLEVBQUk7QUFDcEQsV0FBTyxnQkFBZ0IsQ0FBQyxZQUFZLENBQUMsQ0FBQztHQUN2QyxDQUFDLENBQUM7Q0FDSiIsImZpbGUiOiJwcm90by1hY2Nlc3MuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVOZXdMb29rdXBPYmplY3QgfSBmcm9tICcuL2NyZWF0ZS1uZXctbG9va3VwLW9iamVjdCc7XG5pbXBvcnQgKiBhcyBsb2dnZXIgZnJvbSAnLi4vbG9nZ2VyJztcblxuY29uc3QgbG9nZ2VkUHJvcGVydGllcyA9IE9iamVjdC5jcmVhdGUobnVsbCk7XG5cbmV4cG9ydCBmdW5jdGlvbiBjcmVhdGVQcm90b0FjY2Vzc0NvbnRyb2wocnVudGltZU9wdGlvbnMpIHtcbiAgbGV0IGRlZmF1bHRNZXRob2RXaGl0ZUxpc3QgPSBPYmplY3QuY3JlYXRlKG51bGwpO1xuICBkZWZhdWx0TWV0aG9kV2hpdGVMaXN0Wydjb25zdHJ1Y3RvciddID0gZmFsc2U7XG4gIGRlZmF1bHRNZXRob2RXaGl0ZUxpc3RbJ19fZGVmaW5lR2V0dGVyX18nXSA9IGZhbHNlO1xuICBkZWZhdWx0TWV0aG9kV2hpdGVMaXN0WydfX2RlZmluZVNldHRlcl9fJ10gPSBmYWxzZTtcbiAgZGVmYXVsdE1ldGhvZFdoaXRlTGlzdFsnX19sb29rdXBHZXR0ZXJfXyddID0gZmFsc2U7XG5cbiAgbGV0IGRlZmF1bHRQcm9wZXJ0eVdoaXRlTGlzdCA9IE9iamVjdC5jcmVhdGUobnVsbCk7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wcm90b1xuICBkZWZhdWx0UHJvcGVydHlXaGl0ZUxpc3RbJ19fcHJvdG9fXyddID0gZmFsc2U7XG5cbiAgcmV0dXJuIHtcbiAgICBwcm9wZXJ0aWVzOiB7XG4gICAgICB3aGl0ZWxpc3Q6IGNyZWF0ZU5ld0xvb2t1cE9iamVjdChcbiAgICAgICAgZGVmYXVsdFByb3BlcnR5V2hpdGVMaXN0LFxuICAgICAgICBydW50aW1lT3B0aW9ucy5hbGxvd2VkUHJvdG9Qcm9wZXJ0aWVzXG4gICAgICApLFxuICAgICAgZGVmYXVsdFZhbHVlOiBydW50aW1lT3B0aW9ucy5hbGxvd1Byb3RvUHJvcGVydGllc0J5RGVmYXVsdFxuICAgIH0sXG4gICAgbWV0aG9kczoge1xuICAgICAgd2hpdGVsaXN0OiBjcmVhdGVOZXdMb29rdXBPYmplY3QoXG4gICAgICAgIGRlZmF1bHRNZXRob2RXaGl0ZUxpc3QsXG4gICAgICAgIHJ1bnRpbWVPcHRpb25zLmFsbG93ZWRQcm90b01ldGhvZHNcbiAgICAgICksXG4gICAgICBkZWZhdWx0VmFsdWU6IHJ1bnRpbWVPcHRpb25zLmFsbG93UHJvdG9NZXRob2RzQnlEZWZhdWx0XG4gICAgfVxuICB9O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gcmVzdWx0SXNBbGxvd2VkKHJlc3VsdCwgcHJvdG9BY2Nlc3NDb250cm9sLCBwcm9wZXJ0eU5hbWUpIHtcbiAgaWYgKHR5cGVvZiByZXN1bHQgPT09ICdmdW5jdGlvbicpIHtcbiAgICByZXR1cm4gY2hlY2tXaGl0ZUxpc3QocHJvdG9BY2Nlc3NDb250cm9sLm1ldGhvZHMsIHByb3BlcnR5TmFtZSk7XG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGNoZWNrV2hpdGVMaXN0KHByb3RvQWNjZXNzQ29udHJvbC5wcm9wZXJ0aWVzLCBwcm9wZXJ0eU5hbWUpO1xuICB9XG59XG5cbmZ1bmN0aW9uIGNoZWNrV2hpdGVMaXN0KHByb3RvQWNjZXNzQ29udHJvbEZvclR5cGUsIHByb3BlcnR5TmFtZSkge1xuICBpZiAocHJvdG9BY2Nlc3NDb250cm9sRm9yVHlwZS53aGl0ZWxpc3RbcHJvcGVydHlOYW1lXSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgcmV0dXJuIHByb3RvQWNjZXNzQ29udHJvbEZvclR5cGUud2hpdGVsaXN0W3Byb3BlcnR5TmFtZV0gPT09IHRydWU7XG4gIH1cbiAgaWYgKHByb3RvQWNjZXNzQ29udHJvbEZvclR5cGUuZGVmYXVsdFZhbHVlICE9PSB1bmRlZmluZWQpIHtcbiAgICByZXR1cm4gcHJvdG9BY2Nlc3NDb250cm9sRm9yVHlwZS5kZWZhdWx0VmFsdWU7XG4gIH1cbiAgbG9nVW5leHBlY2VkUHJvcGVydHlBY2Nlc3NPbmNlKHByb3BlcnR5TmFtZSk7XG4gIHJldHVybiBmYWxzZTtcbn1cblxuZnVuY3Rpb24gbG9nVW5leHBlY2VkUHJvcGVydHlBY2Nlc3NPbmNlKHByb3BlcnR5TmFtZSkge1xuICBpZiAobG9nZ2VkUHJvcGVydGllc1twcm9wZXJ0eU5hbWVdICE9PSB0cnVlKSB7XG4gICAgbG9nZ2VkUHJvcGVydGllc1twcm9wZXJ0eU5hbWVdID0gdHJ1ZTtcbiAgICBsb2dnZXIubG9nKFxuICAgICAgJ2Vycm9yJyxcbiAgICAgIGBIYW5kbGViYXJzOiBBY2Nlc3MgaGFzIGJlZW4gZGVuaWVkIHRvIHJlc29sdmUgdGhlIHByb3BlcnR5IFwiJHtwcm9wZXJ0eU5hbWV9XCIgYmVjYXVzZSBpdCBpcyBub3QgYW4gXCJvd24gcHJvcGVydHlcIiBvZiBpdHMgcGFyZW50LlxcbmAgK1xuICAgICAgICBgWW91IGNhbiBhZGQgYSBydW50aW1lIG9wdGlvbiB0byBkaXNhYmxlIHRoZSBjaGVjayBvciB0aGlzIHdhcm5pbmc6XFxuYCArXG4gICAgICAgIGBTZWUgaHR0cHM6Ly9oYW5kbGViYXJzanMuY29tL2FwaS1yZWZlcmVuY2UvcnVudGltZS1vcHRpb25zLmh0bWwjb3B0aW9ucy10by1jb250cm9sLXByb3RvdHlwZS1hY2Nlc3MgZm9yIGRldGFpbHNgXG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gcmVzZXRMb2dnZWRQcm9wZXJ0aWVzKCkge1xuICBPYmplY3Qua2V5cyhsb2dnZWRQcm9wZXJ0aWVzKS5mb3JFYWNoKHByb3BlcnR5TmFtZSA9PiB7XG4gICAgZGVsZXRlIGxvZ2dlZFByb3BlcnRpZXNbcHJvcGVydHlOYW1lXTtcbiAgfSk7XG59XG4iXX0=\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/node_modules/handlebars/dist/cjs/handlebars/internal/proto-access.js\n// module id = 414\n// module chunks = 0 1 2 3 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24","var Handlebars = require('D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/node_modules/handlebars/runtime.js');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\t\t\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"isCart\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(2, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":15,\"column\":3},\"end\":{\"line\":21,\"column\":10}}})) != null ? stack1 : \"\")\n + \"\t\t \\r\\n\";\n},\"2\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\t\t\t\\r\\n\t\t\t\tCart (\"\n + alias4(((helper = (helper = lookupProperty(helpers,\"count\") || (depth0 != null ? lookupProperty(depth0,\"count\") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"count\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":17,\"column\":35},\"end\":{\"line\":17,\"column\":44}}}) : helper)))\n + \" ):\\r\\n\t\t\t
\\r\\n\t\t\t \"\n + alias4(((helper = (helper = lookupProperty(helpers,\"total\") || (depth0 != null ? lookupProperty(depth0,\"total\") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"total\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":19,\"column\":30},\"end\":{\"line\":19,\"column\":39}}}) : helper)))\n + \"
\\r\\n\t\t\t\\r\\n\t\t\t
\\r\\n\t\t
Qty: \"\n + alias4(((helper = (helper = lookupProperty(helpers,\"qty\") || (depth0 != null ? lookupProperty(depth0,\"qty\") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"qty\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":35,\"column\":40},\"end\":{\"line\":35,\"column\":47}}}) : helper)))\n + \"
\\r\\n\";\n},\"8\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\t\t\tColour: \"\n + alias4(((helper = (helper = lookupProperty(helpers,\"color\") || (depth0 != null ? lookupProperty(depth0,\"color\") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"color\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":38,\"column\":43},\"end\":{\"line\":38,\"column\":52}}}) : helper)))\n + \"
\\r\\n\";\n},\"10\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\t\t\tSize: \"\n + alias4(((helper = (helper = lookupProperty(helpers,\"size\") || (depth0 != null ? lookupProperty(depth0,\"size\") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"size\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":41,\"column\":41},\"end\":{\"line\":41,\"column\":49}}}) : helper)))\n + \"
\\r\\n\";\n},\"12\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\t\t\\r\\n\t\t\t\\r\\n\t\t
\\r\\n\";\n},\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\\r\\n\\r\\n\t\\r\\n\t
\\r\\n\t\t
\\r\\n\t\t\t
\\r\\n\t\t
\\r\\n\t\t\t
\\r\\n\t\t\t\t\"\n + alias4(((helper = (helper = lookupProperty(helpers,\"addedText\") || (depth0 != null ? lookupProperty(depth0,\"addedText\") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"addedText\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":10,\"column\":4},\"end\":{\"line\":10,\"column\":17}}}) : helper)))\n + \"\\r\\n\t\t\t
\\r\\n\t\t
\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"link\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":13,\"column\":2},\"end\":{\"line\":23,\"column\":9}}})) != null ? stack1 : \"\")\n + \"\t
\\r\\n\t
\"\n + alias4(((helper = (helper = lookupProperty(helpers,\"errorMsg\") || (depth0 != null ? lookupProperty(depth0,\"errorMsg\") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"errorMsg\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":25,\"column\":42},\"end\":{\"line\":25,\"column\":54}}}) : helper)))\n + \"
\\r\\n\t
\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"itemImg\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(4, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":27,\"column\":2},\"end\":{\"line\":31,\"column\":9}}})) != null ? stack1 : \"\")\n + \"\t\t
\\r\\n\t\t\t
\"\n + alias4(((helper = (helper = lookupProperty(helpers,\"title\") || (depth0 != null ? lookupProperty(depth0,\"title\") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":33,\"column\":32},\"end\":{\"line\":33,\"column\":41}}}) : helper)))\n + \"
\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"qty\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(6, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":34,\"column\":3},\"end\":{\"line\":36,\"column\":10}}})) != null ? stack1 : \"\")\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"color\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(8, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":37,\"column\":3},\"end\":{\"line\":39,\"column\":10}}})) != null ? stack1 : \"\")\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"size\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(10, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":40,\"column\":3},\"end\":{\"line\":42,\"column\":10}}})) != null ? stack1 : \"\")\n + \"\t\t
\\r\\n\t
\\r\\n\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"recommendationsApi\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(12, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":46,\"column\":1},\"end\":{\"line\":56,\"column\":8}}})) != null ? stack1 : \"\")\n + \"\t\\r\\n
${dataLocal['detailDisplay'] || ''}
`;\n\t} else {\n\t\tif (dataLocal['originalPriceText'] != undefined && dataLocal['originalPriceText'] !== '') {\n\t\t\tdisplayPriceText += `${dataLocal['originalPriceText'] || ''}
`;\n\t\t}\n\t\tif ((dataLocal['isClearancePrice'] !== undefined && dataLocal['isClearancePrice'] !== '' && dataLocal['isDiscountPrice'].toLowerCase() === 'true') || dataLocal['isDiscountPrice'] === true ||\n\t\t\t(dataLocal['isClearancePrice'] !== undefined && dataLocal['isClearancePrice'] !== '' && dataLocal['isClearancePrice'].toLowerCase() === 'true') || dataLocal['isClearancePrice'] === true ||\n (dataLocal['isKnockDownPrice'] !== undefined && dataLocal['isKnockDownPrice'] !== '' && dataLocal['isKnockDownPrice'].toLowerCase() === 'true') || dataLocal['isKnockDownPrice'] === true ||\n\t\t\t(dataLocal['isHotPrice'] !== undefined && dataLocal['isHotPrice'] !== '' && dataLocal['isHotPrice'].toLowerCase() === 'true') || dataLocal['isHotPrice'] === true) {\n\t\t\tif (dataLocal['wasPriceText'] != undefined && dataLocal['wasPriceText'] !== '') {\n\t\t\t\tdisplayPriceText += `${dataLocal['wasPriceText'] || ''}
`;\n\t\t\t}\n\t\t\tdisplayPriceText += `${dataLocal['discountPriceText'] || ''}
`;\n\t\t} else {\n\t\t\tdisplayPriceText += `${dataLocal['discountPriceText'] || ''}
`;\n\t\t}\n if (((dataLocal['isKnockDownPrice'] !== undefined && dataLocal['isKnockDownPrice'] !== '' && dataLocal['isKnockDownPrice'].toLowerCase() === 'true') || dataLocal['isKnockDownPrice'] === true) && window.KNOCKDOWN_STYLING.Text) {\n displayPriceText += `${window.KNOCKDOWN_STYLING.Text}
`;\n }\n\t\tif (dataLocal['specialOffersText'] != undefined && dataLocal['specialOffersText'] !== '') {\n\t\t\tdisplayPriceText += `${dataLocal['specialOffersText'] || ''}
`;\n\t\t}\n\t}\n\n\treturn displayPriceText;\n}\n\nfunction displayBadges(dataLocal) {\n\tlet badges = '';\n\tlet badgesCount = 0;\n window.KNOCKDOWN_STYLING = window.KNOCKDOWN_STYLING || {};\n\tconst isClearance = (dataLocal[\"isClearancePrice\"] !== undefined && dataLocal[\"isClearancePrice\"] !== \"\" && dataLocal[\"isClearancePrice\"].toLowerCase() === \"true\") || dataLocal[\"isClearancePrice\"] === true;\n\tconst isDiscountPrice = !!dataLocal['discount'];\n\tconst isHotPrice = !!dataLocal['discountHP'];\n\n\tif (dataLocal['saleAvailability'] === undefined || dataLocal['saleAvailability'].toUpperCase() !== 'ISONP') {\n\t\tif (isClearance) {\n\t\t\tbadges += `CLEARANCE
`;\n\t\t\tbadgesCount++;\n\t\t\tif (isDiscountPrice) {\n\t\t\t\tbadges += `\n\t\t\t\t\t${getDiscountWithClearanceBadgePrefixText(window.DISCOUNT_WITH_CLEARANCE_STYLE.Text || dataLocal[\"discount\"])} \n\t\t\t\t
`;\n\t\t\t\tbadgesCount++;\n\t\t\t}\n } else if ((dataLocal['isKnockDownPrice'] !== undefined && dataLocal['isKnockDownPrice'] !== '' && dataLocal['isKnockDownPrice'].toLowerCase() === 'true') || dataLocal['isKnockDownPrice'] === true) {\n if (dataLocal['discount'] !== undefined && dataLocal['discount'] !== '') {\n badges += `${dataLocal['discount']}
`;\n badgesCount++;\n }\n badges += `${window.KNOCKDOWN_STYLING.Badge}
`;\n badgesCount++;\n\t\t} else if (isDiscountPrice || isHotPrice) {\n\t\t\tif (isDiscountPrice) {\n\t\t\t\tbadges += `${dataLocal['discount']}
`;\n\t\t\t\tbadgesCount++;\n\t\t\t}\n\t\t\tif (isHotPrice) {\n\t\t\t\tbadges += `${getHotPrice(dataLocal['discountHP'] || '')}
`;\n\t\t\t\tbadgesCount++;\n\t\t\t}\n\t\t}\n\t}\n\tif (!isClearance && (badgesCount < 2 && (window.NEW_IN_STYLING && (dataLocal['isNewIn'] !== undefined && dataLocal['isNewIn'] !== '' && dataLocal['isNewIn'].toLowerCase() === 'true') || dataLocal['isNewIn'] === true))) {\n\t\tbadges += `\n\t\t\t${window.NEW_IN_STYLING.Text} \n\t\t
`;\n\t\tbadgesCount++;\n\t}\n\tif (badgesCount === 0) {\n\t\tif ((dataLocal['badgeName0'] !== undefined && dataLocal['badgeName0'] !== '')) {\n\t\t\tbadges += `${dataLocal['badgeName0']}
`;\n\t\t}\n\t\tif ((dataLocal['badgeName1'] !== undefined && dataLocal['badgeName1'] !== '')) {\n\t\t\tbadges += `${dataLocal['badgeName1']}
`;\n\t\t}\n\t}\n\tif (badgesCount === 1) {\n\t\tif ((dataLocal['badgeName0'] !== undefined && dataLocal['badgeName0'] !== '')) {\n\t\t\tbadges += `${dataLocal['badgeName0']}
`;\n\t\t}\n\t}\n\n\treturn badges ? `${badges}
` : '';\n}\n\nfunction displayColorWrap(dataLocal) {\n let colors = '';\n const getColorTag = (color) => {\n let tag = '';\n if (color.ImageUrl) {\n tag += `
`;\n }\n\n return tag;\n };\n\n if (dataLocal.bundleColor || dataLocal.productColor) {\n utils.showColor(\n (dataLocal.bundleColor || dataLocal.productColor),\n (color) => {\n colors += `\n \n ${getColorTag(color)}\n
\n `;\n },\n (more) => {\n colors += `\n \n +${more} \n
`;\n }\n );\n }\n\n if (colors) {\n return `\n `;\n }\n return '';\n}\n\nfunction getInlineRating(dataLocal) {\n if (dataLocal['isBundle'] === undefined || dataLocal['isBundle'] === 'False') {\n return `
`;\n }\n return '';\n}\n\nfunction displayBonusBuy(dataLocal) {\n\tlet bonusBuyBadges = '';\n\tlet hasBonus = true;\n\tlet i = 0;\n\twhile (hasBonus) {\n\t\tlet bonusBadge = `bonusBuyBadgeName${i}`;\n\t\tlet bonusBadgeColor = `bonusBuyBadgeTextColor${i}`;\n\t\tlet bonusBadgeBg = `bonusBuyBadgeBgColor${i}`;\n\t\tif ((dataLocal[bonusBadge] !== undefined && dataLocal[bonusBadge] !== '')) {\n\t\t\tbonusBuyBadges += `${dataLocal[bonusBadge]}
`;\n\t\t} else {\n\t\t\thasBonus = false;\n\t\t}\n\t\ti++;\n\t}\n\treturn bonusBuyBadges ? bonusBuyBadges : '';\n}\n\nexport function convertData(data) {\n\tif (utils.enableVisitorGroupDiscount()) {\n\t\treturn new Promise((resolve) => {\n\t\t\tcallApi('/api/brisproduct/product-prices/', {\n\t\t\t\tproductCodes: data.queryResults[0].records.map(({ productCode }) => productCode),\n\t\t\t}).then((staffDiscount) => {\n\t\t\t\tstaffDiscount.forEach((discount) => {\n\t\t\t\t\tconst record = data.queryResults[0].records.find((record) => record.productCode === discount.code);\n\t\t\t\t\tif (record) {\n\t\t\t\t\t\tklevu.extend(record, discount, {\n\t\t\t\t\t\t\tisDiscountPrice: (discount.isDiscountPrice || discount.isDiscountPrice === 'True') ? 'true' : 'false',\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tresolve(data.queryResults[0].records.map(getProduct));\n\t\t\t}).catch((e) => {\n\t\t\t\tresolve(data.queryResults[0].records.map(getProduct));\n\t\t\t});\n\t\t});\n\t} else {\n\t\tconst productRecommendation = data.queryResults[0].records.map(getProduct);\n\t\treturn Promise.resolve(productRecommendation);\n\t}\n}\n\n\nexport function getImage(dataLocal) {\n\tif (window.USE_THUMBNAIL_IMAGE && window.USE_THUMBNAIL_IMAGE === 'True' && dataLocal.thumbnailImage) {\n\t\treturn decodeURIComponent(dataLocal.thumbnailImage);\n\t} else {\n\t\treturn dataLocal.image;\n\t}\n}\n\nexport function convertDataWithFallback(data) {\n\tif (utils.enableVisitorGroupDiscount()) {\n\t\treturn new Promise((resolve) => {\n\t\t\tcallApi('/api/brisproduct/product-prices/', {\n\t\t\t\tproductCodes: data.queryResults.reduce((acc, queryResult) => {\n\t\t\t\t\tconst productCodes = queryResult.records.map(({ productCode }) => productCode);\n\t\t\t\t\treturn acc.concat(productCodes);\n\t\t\t\t}, []),\n\t\t\t}).then((staffDiscount) => {\n\t\t\t\tstaffDiscount.forEach((discount) => {\n\t\t\t\t\tdata.queryResults.map((queryResult) => {\n\t\t\t\t\t\tconst record = queryResult.records.find((record) => record.productCode === discount.code);\n\t\t\t\t\t\tif (record) {\n\t\t\t\t\t\t\tklevu.extend(record, discount, {\n\t\t\t\t\t\t\t\tisDiscountPrice: (discount.isDiscountPrice || discount.isDiscountPrice === 'True') ? 'true' : 'false',\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t\tresolve(data.queryResults.map((queryResult) => queryResult.records.map(getProduct)));\n\t\t\t}).catch((e) => {\n\t\t\t\tresolve(data.queryResults.map((queryResult) => queryResult.records.map(getProduct)));\n\t\t\t});\n\t\t});\n\t} else {\n\t\tconst results = data.queryResults.map((queryResult) => queryResult.records.map(getProduct));\n\t\treturn Promise.resolve(results);\n\t}\n}\n\nfunction getProduct(record) {\n\tconst getBoolean = (value) => value === 'True';\n\treturn {\n\t\t'title': record.displayTitle,\n\t\t'code': record.productCode,\n\t\t'url': record.url,\n\t\t'type': '',\n\t\t'isClearancePrice': getBoolean(record.isClearancePrice),\n\t\t'isHotPrice': getBoolean(record.isHotPrice),\n\t\t'isDiscountPrice': getBoolean(record.isDiscountPrice),\n\t\t'isNewInVisible': getBoolean(record.isNewIn),\n\t\t'newInText': '',\n\t\t'newInTextBackgroundColour': '',\n\t\t'newInTextColor': '',\n\t\t'displayPrice': displayPrices(record),\n\t\t'displayBadge': displayBadges(record),\n 'displayColorWrap': displayColorWrap(record),\n\t\t'shippingPromotionInfo': null,\n\t\t'saleAvailability': record.saleAvailability || '',\n\t\t'inlineRating': getInlineRating(record),\n\t\t'bonusBuy': displayBonusBuy(record),\n\t\t'images': [{\n\t\t\t'zoom': record.imageUrl || '',\n\t\t\t'detail': record.imageUrl || '',\n\t\t\t'thumb': getImage(record) || '',\n\t\t\t'alt': null,\n\t\t\t'video': null,\n\t\t}],\n\t};\n}\n\nexport function getKlevuConfig() {\n const $endpoinds = $('.endpoints-definition');\n let klevuConfig = {\n searchUrl: null,\n apiKey: null,\n };\n\n if ($endpoinds.length) {\n const endpoindStringMap = $endpoinds[0].dataset;\n klevuConfig = {\n searchUrl: endpoindStringMap.searchUrl,\n apiKey: endpoindStringMap.apiKey,\n };\n }\n\n return klevuConfig;\n}\n\nfunction applyFilter(filters = [], backupfilters = null, limit = TOTAL_OF_RESUTL) {\n const config = {\n context: {\n apiKeys: [getKlevuConfig().apiKey],\n },\n recordQueries: [getRecordQueries(filters, 'productList', limit)],\n };\n\n if (backupfilters) {\n\t\tif (_.isArray(backupfilters)) {\n\t\t\tconfig.recordQueries.push(getRecordQueries(backupfilters, 'fallback', limit));\n\t\t} else {\n\t\t\tfor (const key in backupfilters) {\n\t\t\t\tconfig.recordQueries.push(getRecordQueries(backupfilters[key], key, limit));\n\t\t\t}\n\t\t}\n }\n\n return config;\n}\n\nfunction getRecordQueries(filters, id = 'productList', limit = TOTAL_OF_RESUTL) {\n return {\n id,\n typeOfRequest: 'SEARCH',\n settings: {\n typeOfRecords: [\n 'KLEVU_PRODUCT',\n ],\n limit,\n searchPrefs: [\n 'searchCompoundsAsAndQuery',\n 'hideOutOfStockProducts',\n ],\n sort: 'RELEVANCE',\n },\n filters: {\n applyFilters: {\n filters,\n },\n },\n };\n}\n\nexport function searchByFilters(filters, convertData = null, backupfilters = null, limit = TOTAL_OF_RESUTL) {\n\tconst payload = applyFilter(filters, backupfilters, limit);\n const url = getKlevuConfig().searchUrl;\n\n\treturn post(url, payload, convertData);\n}\n\n\n\n// WEBPACK FOOTER //\n// ./klevuService.js","var Handlebars = require('D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/node_modules/handlebars/runtime.js');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\\r\\n\t\\r\\n\t\t
\\r\\n\t\t\t
\\r\\n\t\t\t\t
\\r\\n\t\t\t\t\t \\r\\n\t\t\t\t
\\r\\n\t\t\t\t\t
\\r\\n\t\t\t\t\t\t
\\r\\n\t\t\t\t\t\t\t
\\r\\n\"\n + ((stack1 = container.invokePartial(lookupProperty(partials,\"_productItemLabel\"),depth0,{\"name\":\"_productItemLabel\",\"hash\":{\"badges\":(depth0 != null ? lookupProperty(depth0,\"badges\") : depth0),\"customLabel\":(depth0 != null ? lookupProperty(depth0,\"customLabel\") : depth0),\"showNewIn\":(depth0 != null ? lookupProperty(depth0,\"isNewInVisible\") : depth0),\"showHPOverlay\":(depth0 != null ? lookupProperty(depth0,\"isHotPrice\") : depth0),\"discountCode\":(depth0 != null ? lookupProperty(depth0,\"discountCode\") : depth0),\"showPercentOverlay\":(depth0 != null ? lookupProperty(depth0,\"isDiscountPrice\") : depth0),\"showKNOverlay\":(depth0 != null ? lookupProperty(depth0,\"isKnockDownPrice\") : depth0),\"showCLROverlay\":(depth0 != null ? lookupProperty(depth0,\"isClearancePrice\") : depth0),\"wg\":\"productItem\"},\"data\":data,\"indent\":\"\\t\\t\\t\\t\\t\\t\\t\\t\",\"helpers\":helpers,\"partials\":partials,\"decorators\":container.decorators})) != null ? stack1 : \"\")\n + \"\t\t\t\t\t\t\t\t
\\r\\n\t\t\t\t\t\t\t\t\t
\\r\\n\t\t\t\t\t\t\t\t
\\r\\n\t\t\t\t\t\t\t\t
\"\n + alias4(((helper = (helper = lookupProperty(helpers,\"title\") || (depth0 != null ? lookupProperty(depth0,\"title\") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":25,\"column\":38},\"end\":{\"line\":25,\"column\":47}}}) : helper)))\n + \"
\\r\\n\t\t\t\t\t\t\t\t
added to your cart
\\r\\n\t\t\t\t\t\t\t\t
\\r\\n\t\t\t\t\t\t\t
\\r\\n\t\t\t\t\t\t
\\r\\n\t\t\t\t\t
\\r\\n\\r\\n\t\t\t\t\t
\\r\\n\t\t\t\t\t\t
\\r\\n\t\t\t\t\t\t\t
\\r\\n\t\t\t\t\t\t\t\t\\r\\n\t\t\t\t\t\t\t
\\r\\n\t\t\t\t\t\t
\\r\\n\t\t\t\t\t
\\r\\n\t\t\t\t
\\r\\n\t\t\t
\\r\\n\t\t
\\r\\n\t
\";\n},\"usePartial\":true,\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/src/views/widgets/recommendationsModal/tmpl/recommendationsModal.hbs\n// module id = 444\n// module chunks = 0 1 2 3 5 6 7 8 9 10 11 12 13 14 17 18 19 20 21","var Handlebars = require('D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/node_modules/handlebars/runtime.js');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n return \"text-center\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\t\t\t\t\"\n + ((stack1 = ((helper = (helper = lookupProperty(helpers,\"title\") || (depth0 != null ? lookupProperty(depth0,\"title\") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":5,\"column\":30},\"end\":{\"line\":5,\"column\":41}}}) : helper))) != null ? stack1 : \"\")\n + \" \\r\\n\";\n},\"5\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\t\t\t\t\"\n + ((stack1 = ((helper = (helper = lookupProperty(helpers,\"content\") || (depth0 != null ? lookupProperty(depth0,\"content\") : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"content\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":8,\"column\":22},\"end\":{\"line\":8,\"column\":35}}}) : helper))) != null ? stack1 : \"\")\n + \"
\\r\\n\";\n},\"7\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\t\t\t\t\\r\\n\";\n},\"9\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\t\t\t\\r\\n\";\n},\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\\r\\n\t
\\r\\n\t\t
\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"title\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":4,\"column\":3},\"end\":{\"line\":6,\"column\":10}}})) != null ? stack1 : \"\")\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"content\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(5, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":7,\"column\":3},\"end\":{\"line\":9,\"column\":10}}})) != null ? stack1 : \"\")\n + \"\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"viewMoreLink\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(7, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":11,\"column\":3},\"end\":{\"line\":15,\"column\":10}}})) != null ? stack1 : \"\")\n + \"\t\t
\\r\\n\\r\\n\t\t
\\r\\n\\r\\n\t\t
\\r\\n\t\t\t
\\r\\n\t\t\t\t
\\r\\n\t\t\t\t
\\r\\n\t\t\t
\\r\\n\t\t\t
\\r\\n\t\t\t
\\r\\n\t\t\t
\\r\\n\t\t
\\r\\n\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"viewMoreLink\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(9, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":30,\"column\":2},\"end\":{\"line\":34,\"column\":9}}})) != null ? stack1 : \"\")\n + \"\\r\\n\t\t
Loading...
\\r\\n\t
\\r\\n
\"\n + ((stack1 = ((helper = (helper = lookupProperty(helpers,\"bonusBuy\") || (depth0 != null ? lookupProperty(depth0,\"bonusBuy\") : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"bonusBuy\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":37,\"column\":33},\"end\":{\"line\":37,\"column\":47}}}) : helper))) != null ? stack1 : \"\")\n + \"
\\r\\n\";\n},\"11\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\t\t\t\t\\r\\n\t\t\t\t\t\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"isKlevu\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(12, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":44,\"column\":6},\"end\":{\"line\":46,\"column\":13}}})) != null ? stack1 : \"\")\n + ((stack1 = lookupProperty(helpers,\"unless\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"isKlevu\") : depth0),{\"name\":\"unless\",\"hash\":{},\"fn\":container.program(14, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":47,\"column\":6},\"end\":{\"line\":49,\"column\":17}}})) != null ? stack1 : \"\")\n + \"\t\t\t\t\t \\r\\n\t\t\t\t
\\r\\n\";\n},\"12\":function(container,depth0,helpers,partials,data) {\n return \"\t\t\t\t\t\t\tQUICK VIEW\\r\\n\";\n},\"14\":function(container,depth0,helpers,partials,data) {\n return \"\t\t\t\t\t\t\tQUICK BUY\\r\\n\";\n},\"16\":function(container,depth0,helpers,partials,data) {\n var helper, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\t\t\tADD \t\t\t\\r\\n\";\n},\"18\":function(container,depth0,helpers,partials,data) {\n var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return ((stack1 = lookupProperty(helpers,\"if\").call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? lookupProperty(depth0,\"hasVariant\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(19, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":59,\"column\":3},\"end\":{\"line\":94,\"column\":10}}})) != null ? stack1 : \"\");\n},\"19\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\t\t\t\t\\r\\n\t\t\t\t\t
\\r\\n\t\t\t\t\t\t
\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(lookupProperty(helpers,\"eq\")||(depth0 && lookupProperty(depth0,\"eq\"))||alias2).call(alias1,(depth0 != null ? lookupProperty(depth0,\"type\") : depth0),\"color\",{\"name\":\"eq\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":64,\"column\":12},\"end\":{\"line\":64,\"column\":29}}}),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(20, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":64,\"column\":6},\"end\":{\"line\":70,\"column\":13}}})) != null ? stack1 : \"\")\n + \"\t\t\t\t\t\t\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(lookupProperty(helpers,\"eq\")||(depth0 && lookupProperty(depth0,\"eq\"))||alias2).call(alias1,(depth0 != null ? lookupProperty(depth0,\"type\") : depth0),\"colorsize\",{\"name\":\"eq\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":73,\"column\":12},\"end\":{\"line\":73,\"column\":33}}}),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(24, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":73,\"column\":6},\"end\":{\"line\":82,\"column\":13}}})) != null ? stack1 : \"\")\n + \"\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(lookupProperty(helpers,\"eq\")||(depth0 && lookupProperty(depth0,\"eq\"))||alias2).call(alias1,(depth0 != null ? lookupProperty(depth0,\"type\") : depth0),\"size\",{\"name\":\"eq\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":85,\"column\":12},\"end\":{\"line\":85,\"column\":28}}}),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(29, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":85,\"column\":6},\"end\":{\"line\":91,\"column\":13}}})) != null ? stack1 : \"\")\n + \"\t\t\t\t\t
\\r\\n\t\t\t\t
\\r\\n\t
\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"unless\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"isKlevu\") : depth0),{\"name\":\"unless\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":10,\"column\":2},\"end\":{\"line\":21,\"column\":13}}})) != null ? stack1 : \"\")\n + \"\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"isKlevu\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(5, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":23,\"column\":2},\"end\":{\"line\":25,\"column\":9}}})) != null ? stack1 : \"\")\n + \"\\r\\n\t\t
\\r\\n\t\t\t
\\r\\n\t\t
\\r\\n\\r\\n\t\t
\\r\\n\t\t\t
\"\n + alias4(((helper = (helper = lookupProperty(helpers,\"title\") || (depth0 != null ? lookupProperty(depth0,\"title\") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":32,\"column\":34},\"end\":{\"line\":32,\"column\":43}}}) : helper)))\n + \"
\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"isKlevu\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(7, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":33,\"column\":3},\"end\":{\"line\":35,\"column\":10}}})) != null ? stack1 : \"\")\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"bonusBuy\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(9, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":36,\"column\":3},\"end\":{\"line\":38,\"column\":10}}})) != null ? stack1 : \"\")\n + \"\t\t\t
\"\n + ((stack1 = ((helper = (helper = lookupProperty(helpers,\"price\") || (depth0 != null ? lookupProperty(depth0,\"price\") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"price\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":39,\"column\":34},\"end\":{\"line\":39,\"column\":45}}}) : helper))) != null ? stack1 : \"\")\n + \"
\\r\\n\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"unless\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"isMini\") : depth0),{\"name\":\"unless\",\"hash\":{},\"fn\":container.program(11, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":41,\"column\":3},\"end\":{\"line\":52,\"column\":14}}})) != null ? stack1 : \"\")\n + \"\t\t
\\r\\n\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"isMini\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(16, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":55,\"column\":2},\"end\":{\"line\":57,\"column\":9}}})) != null ? stack1 : \"\")\n + ((stack1 = lookupProperty(helpers,\"unless\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"isKlevu\") : depth0),{\"name\":\"unless\",\"hash\":{},\"fn\":container.program(18, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":58,\"column\":2},\"end\":{\"line\":95,\"column\":13}}})) != null ? stack1 : \"\")\n + \"\t
\\r\\n
\\r\\n\t\t\t\t\"\n + alias1(((helper = (helper = lookupProperty(helpers,\"sizeDescription\") || (depth0 != null ? lookupProperty(depth0,\"sizeDescription\") : depth0)) != null ? helper : alias3),(typeof helper === alias4 ? helper.call(alias2,{\"name\":\"sizeDescription\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":23,\"column\":4},\"end\":{\"line\":23,\"column\":23}}}) : helper)))\n + \"\\r\\n\t\t\t
\\r\\n\";\n},\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\\r\\n\t
\\r\\n\t\tSize: \\r\\n\t\t
\\r\\n\t
\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"each\").call(alias1,((stack1 = (depth0 != null ? lookupProperty(depth0,\"sizes\") : depth0)) != null ? lookupProperty(stack1,\"items\") : stack1),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(6, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":21,\"column\":2},\"end\":{\"line\":25,\"column\":11}}})) != null ? stack1 : \"\")\n + \"\t
\\r\\n
\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias3,(depth0 != null ? lookupProperty(depth0,\"imageUrl\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(10, data, 0, blockParams, depths),\"inverse\":container.program(12, data, 0, blockParams, depths),\"data\":data,\"blockParams\":blockParams,\"loc\":{\"start\":{\"line\":9,\"column\":4},\"end\":{\"line\":21,\"column\":11}}})) != null ? stack1 : \"\")\n + \"\t\t\t\t
\\r\\n\t\t\t
\\r\\n\t
\\r\\n\t\tColour: \\r\\n\t\t
\\r\\n\t
\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"each\").call(alias1,((stack1 = (depth0 != null ? lookupProperty(depth0,\"colors\") : depth0)) != null ? lookupProperty(stack1,\"items\") : stack1),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(5, data, 1, blockParams, depths),\"inverse\":container.noop,\"data\":data,\"blockParams\":blockParams,\"loc\":{\"start\":{\"line\":7,\"column\":2},\"end\":{\"line\":24,\"column\":11}}})) != null ? stack1 : \"\")\n + \"\t
\\r\\n
CLEARANCE
\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return ((stack1 = lookupProperty(helpers,\"if\").call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? lookupProperty(depth0,\"showKNOverlay\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(4, data, 0),\"inverse\":container.program(7, data, 0),\"data\":data,\"loc\":{\"start\":{\"line\":4,\"column\":1},\"end\":{\"line\":15,\"column\":1}}})) != null ? stack1 : \"\");\n},\"4\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"discountCode\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(5, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":5,\"column\":2},\"end\":{\"line\":7,\"column\":9}}})) != null ? stack1 : \"\")\n + \"\t\t\"\n + alias4((lookupProperty(helpers,\"knockDownObj\")||(depth0 && lookupProperty(depth0,\"knockDownObj\"))||alias2).call(alias1,\"Badge\",{\"name\":\"knockDownObj\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":8,\"column\":97},\"end\":{\"line\":8,\"column\":121}}}))\n + \"
\\r\\n\";\n},\"5\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\t\t\t\"\n + alias4(((helper = (helper = lookupProperty(helpers,\"discountCode\") || (depth0 != null ? lookupProperty(depth0,\"discountCode\") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"discountCode\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":6,\"column\":54},\"end\":{\"line\":6,\"column\":70}}}) : helper)))\n + \"
\\r\\n\";\n},\"7\":function(container,depth0,helpers,partials,data) {\n var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return ((stack1 = lookupProperty(helpers,\"if\").call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? lookupProperty(depth0,\"showPercentOverlay\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(8, data, 0),\"inverse\":container.program(10, data, 0),\"data\":data,\"loc\":{\"start\":{\"line\":9,\"column\":1},\"end\":{\"line\":15,\"column\":1}}})) != null ? stack1 : \"\");\n},\"8\":function(container,depth0,helpers,partials,data) {\n var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return ((stack1 = lookupProperty(helpers,\"if\").call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? lookupProperty(depth0,\"discountCode\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(5, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":10,\"column\":2},\"end\":{\"line\":12,\"column\":9}}})) != null ? stack1 : \"\");\n},\"10\":function(container,depth0,helpers,partials,data) {\n var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return ((stack1 = lookupProperty(helpers,\"if\").call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? lookupProperty(depth0,\"showHPOverlay\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(11, data, 0),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":13,\"column\":1},\"end\":{\"line\":15,\"column\":1}}})) != null ? stack1 : \"\");\n},\"11\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\t\tHOT PRICE
\\r\\n\t\";\n},\"13\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return ((stack1 = lookupProperty(helpers,\"if\").call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? lookupProperty(depth0,\"customLabel\") : depth0)) != null ? lookupProperty(stack1,\"length\") : stack1),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(14, data, 0, blockParams, depths),\"inverse\":container.program(20, data, 0, blockParams, depths),\"data\":data,\"blockParams\":blockParams,\"loc\":{\"start\":{\"line\":18,\"column\":2},\"end\":{\"line\":32,\"column\":9}}})) != null ? stack1 : \"\");\n},\"14\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return ((stack1 = lookupProperty(helpers,\"each\").call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? lookupProperty(depth0,\"customLabel\") : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(15, data, 1, blockParams, depths),\"inverse\":container.noop,\"data\":data,\"blockParams\":blockParams,\"loc\":{\"start\":{\"line\":19,\"column\":3},\"end\":{\"line\":25,\"column\":12}}})) != null ? stack1 : \"\");\n},\"15\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression, alias3=depth0 != null ? depth0 : (container.nullContext || {}), lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\t\t\t\t\\r\\n\t\t\t\t\t\"\n + alias2(alias1(((stack1 = blockParams[0][0]) != null ? lookupProperty(stack1,\"text\") : stack1), depth0))\n + \" \\r\\n\t\t\t\t
\\r\\n\";\n},\"16\":function(container,depth0,helpers,partials,data,blockParams) {\n var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"color: \"\n + container.escapeExpression(container.lambda(((stack1 = blockParams[1][0]) != null ? lookupProperty(stack1,\"color\") : stack1), depth0))\n + \";\";\n},\"18\":function(container,depth0,helpers,partials,data,blockParams) {\n var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"background-color: \"\n + container.escapeExpression(container.lambda(((stack1 = blockParams[1][0]) != null ? lookupProperty(stack1,\"bgColor\") : stack1), depth0))\n + \" \";\n},\"20\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\t\t\t\\r\\n\t\t\t\t\"\n + alias4(container.lambda(((stack1 = (depth0 != null ? lookupProperty(depth0,\"customLabel\") : depth0)) != null ? lookupProperty(stack1,\"text\") : stack1), depth0))\n + \" \\r\\n\t\t\t
\\r\\n\";\n},\"21\":function(container,depth0,helpers,partials,data) {\n var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"color: \"\n + container.escapeExpression(container.lambda(((stack1 = (depth0 != null ? lookupProperty(depth0,\"customLabel\") : depth0)) != null ? lookupProperty(stack1,\"color\") : stack1), depth0))\n + \";\";\n},\"23\":function(container,depth0,helpers,partials,data) {\n var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"background-color: \"\n + container.escapeExpression(container.lambda(((stack1 = (depth0 != null ? lookupProperty(depth0,\"customLabel\") : depth0)) != null ? lookupProperty(stack1,\"bgColor\") : stack1), depth0))\n + \" \";\n},\"25\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return ((stack1 = lookupProperty(helpers,\"if\").call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? lookupProperty(depth0,\"badges\") : depth0)) != null ? lookupProperty(stack1,\"length\") : stack1),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(26, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data,\"blockParams\":blockParams,\"loc\":{\"start\":{\"line\":36,\"column\":2},\"end\":{\"line\":44,\"column\":9}}})) != null ? stack1 : \"\");\n},\"26\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return ((stack1 = lookupProperty(helpers,\"each\").call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? lookupProperty(depth0,\"badges\") : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(27, data, 1, blockParams, depths),\"inverse\":container.noop,\"data\":data,\"blockParams\":blockParams,\"loc\":{\"start\":{\"line\":37,\"column\":3},\"end\":{\"line\":43,\"column\":12}}})) != null ? stack1 : \"\");\n},\"27\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression, alias3=depth0 != null ? depth0 : (container.nullContext || {}), lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\t\t\t\t\\r\\n\t\t\t\t\t\"\n + alias2(alias1(((stack1 = blockParams[0][0]) != null ? lookupProperty(stack1,\"badgeName\") : stack1), depth0))\n + \" \\r\\n\t\t\t\t
\\r\\n\";\n},\"28\":function(container,depth0,helpers,partials,data,blockParams) {\n var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"color: \"\n + container.escapeExpression(container.lambda(((stack1 = blockParams[1][0]) != null ? lookupProperty(stack1,\"badgeTextColor\") : stack1), depth0))\n + \";\";\n},\"30\":function(container,depth0,helpers,partials,data,blockParams) {\n var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"background-color: \"\n + container.escapeExpression(container.lambda(((stack1 = blockParams[1][0]) != null ? lookupProperty(stack1,\"badgeBackgroundColor\") : stack1), depth0))\n + \" \";\n},\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"showCLROverlay\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(1, data, 0, blockParams, depths),\"inverse\":container.program(3, data, 0, blockParams, depths),\"data\":data,\"blockParams\":blockParams,\"loc\":{\"start\":{\"line\":2,\"column\":1},\"end\":{\"line\":15,\"column\":8}}})) != null ? stack1 : \"\")\n + \"\t\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"customLabel\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(13, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data,\"blockParams\":blockParams,\"loc\":{\"start\":{\"line\":17,\"column\":1},\"end\":{\"line\":33,\"column\":8}}})) != null ? stack1 : \"\")\n + \"\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"if\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"badges\") : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(25, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data,\"blockParams\":blockParams,\"loc\":{\"start\":{\"line\":35,\"column\":1},\"end\":{\"line\":45,\"column\":8}}})) != null ? stack1 : \"\")\n + \"
\\r\\n\";\n},\"useData\":true,\"useDepths\":true,\"useBlockParams\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/src/views/widgets/productItem/tmpl/_productItemLabel.hbs\n// module id = 449\n// module chunks = 0 1 2 3 5 6 7 8 9 10 11 12 13 14 17 18 19 20 21","/* eslint-disable no-trailing-spaces */\n/* eslint no-console: [\"error\", { allow: [\"warn\", \"error\", \"info\"] }] */\n/* eslint no-invalid-this: 0 */\n/* eslint max-len: 0 */\n\nimport * as Api from './api';\n\nconst NS = 'giftRegistry';\nconst $loadingSpinner = $('.loading-spinner');\n\nexport function add($pg, endpoint, param, addedCB) {\n // console.log(`${NS}.add`, endpoint, param);\n\n if (!endpoint) {\n console.warn(`${NS}.add. Please supply endpoint variable. Returned early;`);\n return;\n }\n\n if (!$pg) {\n console.warn(`${NS}.add. Please supply $pg variable. Returned early;`);\n return;\n }\n\n // toggle spinners, remove errors\n $pg.find('.error-messages').removeClass('is-active').text('');\n $loadingSpinner.addClass('is-active');\n let apiParam = {\n id: param.id,\n quantity: param.quantity,\n };\n\n addToGiftRegistryCall(endpoint, apiParam).then((response) => {\n if (response && response.result === 'SUCCESS') {\n if (addedCB) addedCB(response);\n } else {\n // show error div\n $pg.find('.error-messages').addClass('is-active').text(response.message);\n }\n\n $loadingSpinner.removeClass('is-active');\n });\n\n function addToGiftRegistryCall(endpoint, $data) {\n return Api.callApi(endpoint, $data);\n }\n}\n\nexport function remove($pg, endpoint, param, removedCB) {\n // console.log(`${NS}.add`, endpoint, param);\n\n if (!endpoint) {\n console.warn(`${NS}.add. Please supply endpoint variable. Returned early;`);\n return;\n }\n\n if (!$pg) {\n console.warn(`${NS}.add. Please supply $pg variable. Returned early;`);\n return;\n }\n\n // toggle spinners, remove errors\n $pg.find('.error-messages').removeClass('is-active').text('');\n $loadingSpinner.addClass('is-active');\n\n removeGiftRegistryCall(endpoint, param).then((response) => {\n if (response && response.result === 'SUCCESS') {\n if (removedCB) removedCB(response);\n } else {\n // show error div\n $pg.find('.error-messages').addClass('is-active').text(response.message);\n }\n\n $loadingSpinner.removeClass('is-active');\n });\n\n function removeGiftRegistryCall(endpoint, $data) {\n return Api.callApi(endpoint, $data);\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./giftRegistry.js","/*\n _ _ _ _\n ___| (_) ___| | __ (_)___\n/ __| | |/ __| |/ / | / __|\n\\__ \\ | | (__| < _ | \\__ \\\n|___/_|_|\\___|_|\\_(_)/ |___/\n |__/\n\n Version: 1.8.1\n Author: Ken Wheeler\n Website: http://kenwheeler.github.io\n Docs: http://kenwheeler.github.io/slick\n Repo: http://github.com/kenwheeler/slick\n Issues: http://github.com/kenwheeler/slick/issues\n\n */\n/* global window, document, define, jQuery, setInterval, clearInterval */\n;(function(factory) {\n 'use strict';\n if (typeof define === 'function' && define.amd) {\n define(['jquery'], factory);\n } else if (typeof exports !== 'undefined') {\n module.exports = factory(require('jquery'));\n } else {\n factory(jQuery);\n }\n\n}(function($) {\n 'use strict';\n var Slick = window.Slick || {};\n\n Slick = (function() {\n\n var instanceUid = 0;\n\n function Slick(element, settings) {\n\n var _ = this, dataSettings;\n\n _.defaults = {\n accessibility: true,\n adaptiveHeight: false,\n appendArrows: $(element),\n appendDots: $(element),\n arrows: true,\n asNavFor: null,\n prevArrow: 'Previous ',\n nextArrow: 'Next ',\n autoplay: false,\n autoplaySpeed: 3000,\n centerMode: false,\n centerPadding: '50px',\n cssEase: 'ease',\n customPaging: function(slider, i) {\n return $(' ').appendTo(_.$slider) :\n _.$slides.wrapAll('
').parent();\n\n _.$list = _.$slideTrack.wrap(\n '
').parent();\n _.$slideTrack.css('opacity', 0);\n\n if (_.options.centerMode === true || _.options.swipeToSlide === true) {\n _.options.slidesToScroll = 1;\n }\n\n $('img[data-lazy]', _.$slider).not('[src]').addClass('slick-loading');\n\n _.setupInfinite();\n\n _.buildArrows();\n\n _.buildDots();\n\n _.updateDots();\n\n\n _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);\n\n if (_.options.draggable === true) {\n _.$list.addClass('draggable');\n }\n\n };\n\n Slick.prototype.buildRows = function() {\n\n var _ = this, a, b, c, newSlides, numOfSlides, originalSlides,slidesPerSection;\n\n newSlides = document.createDocumentFragment();\n originalSlides = _.$slider.children();\n\n if(_.options.rows > 0) {\n\n slidesPerSection = _.options.slidesPerRow * _.options.rows;\n numOfSlides = Math.ceil(\n originalSlides.length / slidesPerSection\n );\n\n for(a = 0; a < numOfSlides; a++){\n var slide = document.createElement('div');\n for(b = 0; b < _.options.rows; b++) {\n var row = document.createElement('div');\n for(c = 0; c < _.options.slidesPerRow; c++) {\n var target = (a * slidesPerSection + ((b * _.options.slidesPerRow) + c));\n if (originalSlides.get(target)) {\n row.appendChild(originalSlides.get(target));\n }\n }\n slide.appendChild(row);\n }\n newSlides.appendChild(slide);\n }\n\n _.$slider.empty().append(newSlides);\n _.$slider.children().children().children()\n .css({\n 'width':(100 / _.options.slidesPerRow) + '%',\n 'display': 'inline-block'\n });\n\n }\n\n };\n\n Slick.prototype.checkResponsive = function(initial, forceUpdate) {\n\n var _ = this,\n breakpoint, targetBreakpoint, respondToWidth, triggerBreakpoint = false;\n var sliderWidth = _.$slider.width();\n var windowWidth = window.innerWidth || $(window).width();\n\n if (_.respondTo === 'window') {\n respondToWidth = windowWidth;\n } else if (_.respondTo === 'slider') {\n respondToWidth = sliderWidth;\n } else if (_.respondTo === 'min') {\n respondToWidth = Math.min(windowWidth, sliderWidth);\n }\n\n if ( _.options.responsive &&\n _.options.responsive.length &&\n _.options.responsive !== null) {\n\n targetBreakpoint = null;\n\n for (breakpoint in _.breakpoints) {\n if (_.breakpoints.hasOwnProperty(breakpoint)) {\n if (_.originalSettings.mobileFirst === false) {\n if (respondToWidth < _.breakpoints[breakpoint]) {\n targetBreakpoint = _.breakpoints[breakpoint];\n }\n } else {\n if (respondToWidth > _.breakpoints[breakpoint]) {\n targetBreakpoint = _.breakpoints[breakpoint];\n }\n }\n }\n }\n\n if (targetBreakpoint !== null) {\n if (_.activeBreakpoint !== null) {\n if (targetBreakpoint !== _.activeBreakpoint || forceUpdate) {\n _.activeBreakpoint =\n targetBreakpoint;\n if (_.breakpointSettings[targetBreakpoint] === 'unslick') {\n _.unslick(targetBreakpoint);\n } else {\n _.options = $.extend({}, _.originalSettings,\n _.breakpointSettings[\n targetBreakpoint]);\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n }\n triggerBreakpoint = targetBreakpoint;\n }\n } else {\n _.activeBreakpoint = targetBreakpoint;\n if (_.breakpointSettings[targetBreakpoint] === 'unslick') {\n _.unslick(targetBreakpoint);\n } else {\n _.options = $.extend({}, _.originalSettings,\n _.breakpointSettings[\n targetBreakpoint]);\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n }\n triggerBreakpoint = targetBreakpoint;\n }\n } else {\n if (_.activeBreakpoint !== null) {\n _.activeBreakpoint = null;\n _.options = _.originalSettings;\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n triggerBreakpoint = targetBreakpoint;\n }\n }\n\n // only trigger breakpoints during an actual break. not on initialize.\n if( !initial && triggerBreakpoint !== false ) {\n _.$slider.trigger('breakpoint', [_, triggerBreakpoint]);\n }\n }\n\n };\n\n Slick.prototype.changeSlide = function(event, dontAnimate) {\n\n var _ = this,\n $target = $(event.currentTarget),\n indexOffset, slideOffset, unevenOffset;\n\n // If target is a link, prevent default action.\n if($target.is('a')) {\n event.preventDefault();\n }\n\n // If target is not the
element (ie: a child), find the .\n if(!$target.is('li')) {\n $target = $target.closest('li');\n }\n\n unevenOffset = (_.slideCount % _.options.slidesToScroll !== 0);\n indexOffset = unevenOffset ? 0 : (_.slideCount - _.currentSlide) % _.options.slidesToScroll;\n\n switch (event.data.message) {\n\n case 'previous':\n slideOffset = indexOffset === 0 ? _.options.slidesToScroll : _.options.slidesToShow - indexOffset;\n if (_.slideCount > _.options.slidesToShow) {\n _.slideHandler(_.currentSlide - slideOffset, false, dontAnimate);\n }\n break;\n\n case 'next':\n slideOffset = indexOffset === 0 ? _.options.slidesToScroll : indexOffset;\n if (_.slideCount > _.options.slidesToShow) {\n _.slideHandler(_.currentSlide + slideOffset, false, dontAnimate);\n }\n break;\n\n case 'index':\n var index = event.data.index === 0 ? 0 :\n event.data.index || $target.index() * _.options.slidesToScroll;\n\n _.slideHandler(_.checkNavigable(index), false, dontAnimate);\n $target.children().trigger('focus');\n break;\n\n default:\n return;\n }\n\n };\n\n Slick.prototype.checkNavigable = function(index) {\n\n var _ = this,\n navigables, prevNavigable;\n\n navigables = _.getNavigableIndexes();\n prevNavigable = 0;\n if (index > navigables[navigables.length - 1]) {\n index = navigables[navigables.length - 1];\n } else {\n for (var n in navigables) {\n if (index < navigables[n]) {\n index = prevNavigable;\n break;\n }\n prevNavigable = navigables[n];\n }\n }\n\n return index;\n };\n\n Slick.prototype.cleanUpEvents = function() {\n\n var _ = this;\n\n if (_.options.dots && _.$dots !== null) {\n\n $('li', _.$dots)\n .off('click.slick', _.changeSlide)\n .off('mouseenter.slick', $.proxy(_.interrupt, _, true))\n .off('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n if (_.options.accessibility === true) {\n _.$dots.off('keydown.slick', _.keyHandler);\n }\n }\n\n _.$slider.off('focus.slick blur.slick');\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n _.$prevArrow && _.$prevArrow.off('click.slick', _.changeSlide);\n _.$nextArrow && _.$nextArrow.off('click.slick', _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$prevArrow && _.$prevArrow.off('keydown.slick', _.keyHandler);\n _.$nextArrow && _.$nextArrow.off('keydown.slick', _.keyHandler);\n }\n }\n\n _.$list.off('touchstart.slick mousedown.slick', _.swipeHandler);\n _.$list.off('touchmove.slick mousemove.slick', _.swipeHandler);\n _.$list.off('touchend.slick mouseup.slick', _.swipeHandler);\n _.$list.off('touchcancel.slick mouseleave.slick', _.swipeHandler);\n\n _.$list.off('click.slick', _.clickHandler);\n\n $(document).off(_.visibilityChange, _.visibility);\n\n _.cleanUpSlideEvents();\n\n if (_.options.accessibility === true) {\n _.$list.off('keydown.slick', _.keyHandler);\n }\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().off('click.slick', _.selectHandler);\n }\n\n $(window).off('orientationchange.slick.slick-' + _.instanceUid, _.orientationChange);\n\n $(window).off('resize.slick.slick-' + _.instanceUid, _.resize);\n\n $('[draggable!=true]', _.$slideTrack).off('dragstart', _.preventDefault);\n\n $(window).off('load.slick.slick-' + _.instanceUid, _.setPosition);\n\n };\n\n Slick.prototype.cleanUpSlideEvents = function() {\n\n var _ = this;\n\n _.$list.off('mouseenter.slick', $.proxy(_.interrupt, _, true));\n _.$list.off('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n };\n\n Slick.prototype.cleanUpRows = function() {\n\n var _ = this, originalSlides;\n\n if(_.options.rows > 0) {\n originalSlides = _.$slides.children().children();\n originalSlides.removeAttr('style');\n _.$slider.empty().append(originalSlides);\n }\n\n };\n\n Slick.prototype.clickHandler = function(event) {\n\n var _ = this;\n\n if (_.shouldClick === false) {\n event.stopImmediatePropagation();\n event.stopPropagation();\n event.preventDefault();\n }\n\n };\n\n Slick.prototype.destroy = function(refresh) {\n\n var _ = this;\n\n _.autoPlayClear();\n\n _.touchObject = {};\n\n _.cleanUpEvents();\n\n $('.slick-cloned', _.$slider).detach();\n\n if (_.$dots) {\n _.$dots.remove();\n }\n\n if ( _.$prevArrow && _.$prevArrow.length ) {\n\n _.$prevArrow\n .removeClass('slick-disabled slick-arrow slick-hidden')\n .removeAttr('aria-hidden aria-disabled tabindex')\n .css('display','');\n\n if ( _.htmlExpr.test( _.options.prevArrow )) {\n _.$prevArrow.remove();\n }\n }\n\n if ( _.$nextArrow && _.$nextArrow.length ) {\n\n _.$nextArrow\n .removeClass('slick-disabled slick-arrow slick-hidden')\n .removeAttr('aria-hidden aria-disabled tabindex')\n .css('display','');\n\n if ( _.htmlExpr.test( _.options.nextArrow )) {\n _.$nextArrow.remove();\n }\n }\n\n\n if (_.$slides) {\n\n _.$slides\n .removeClass('slick-slide slick-active slick-center slick-visible slick-current')\n .removeAttr('aria-hidden')\n .removeAttr('data-slick-index')\n .each(function(){\n $(this).attr('style', $(this).data('originalStyling'));\n });\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.detach();\n\n _.$list.detach();\n\n _.$slider.append(_.$slides);\n }\n\n _.cleanUpRows();\n\n _.$slider.removeClass('slick-slider');\n _.$slider.removeClass('slick-initialized');\n _.$slider.removeClass('slick-dotted');\n\n _.unslicked = true;\n\n if(!refresh) {\n _.$slider.trigger('destroy', [_]);\n }\n\n };\n\n Slick.prototype.disableTransition = function(slide) {\n\n var _ = this,\n transition = {};\n\n transition[_.transitionType] = '';\n\n if (_.options.fade === false) {\n _.$slideTrack.css(transition);\n } else {\n _.$slides.eq(slide).css(transition);\n }\n\n };\n\n Slick.prototype.fadeSlide = function(slideIndex, callback) {\n\n var _ = this;\n\n if (_.cssTransitions === false) {\n\n _.$slides.eq(slideIndex).css({\n zIndex: _.options.zIndex\n });\n\n _.$slides.eq(slideIndex).animate({\n opacity: 1\n }, _.options.speed, _.options.easing, callback);\n\n } else {\n\n _.applyTransition(slideIndex);\n\n _.$slides.eq(slideIndex).css({\n opacity: 1,\n zIndex: _.options.zIndex\n });\n\n if (callback) {\n setTimeout(function() {\n\n _.disableTransition(slideIndex);\n\n callback.call();\n }, _.options.speed);\n }\n\n }\n\n };\n\n Slick.prototype.fadeSlideOut = function(slideIndex) {\n\n var _ = this;\n\n if (_.cssTransitions === false) {\n\n _.$slides.eq(slideIndex).animate({\n opacity: 0,\n zIndex: _.options.zIndex - 2\n }, _.options.speed, _.options.easing);\n\n } else {\n\n _.applyTransition(slideIndex);\n\n _.$slides.eq(slideIndex).css({\n opacity: 0,\n zIndex: _.options.zIndex - 2\n });\n\n }\n\n };\n\n Slick.prototype.filterSlides = Slick.prototype.slickFilter = function(filter) {\n\n var _ = this;\n\n if (filter !== null) {\n\n _.$slidesCache = _.$slides;\n\n _.unload();\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slidesCache.filter(filter).appendTo(_.$slideTrack);\n\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.focusHandler = function() {\n\n var _ = this;\n\n _.$slider\n .off('focus.slick blur.slick')\n .on('focus.slick blur.slick', '*', function(event) {\n\n event.stopImmediatePropagation();\n var $sf = $(this);\n\n setTimeout(function() {\n\n if( _.options.pauseOnFocus ) {\n _.focussed = $sf.is(':focus');\n _.autoPlay();\n }\n\n }, 0);\n\n });\n };\n\n Slick.prototype.getCurrent = Slick.prototype.slickCurrentSlide = function() {\n\n var _ = this;\n return _.currentSlide;\n\n };\n\n Slick.prototype.getDotCount = function() {\n\n var _ = this;\n\n var breakPoint = 0;\n var counter = 0;\n var pagerQty = 0;\n\n if (_.options.infinite === true) {\n if (_.slideCount <= _.options.slidesToShow) {\n ++pagerQty;\n } else {\n while (breakPoint < _.slideCount) {\n ++pagerQty;\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n }\n } else if (_.options.centerMode === true) {\n pagerQty = _.slideCount;\n } else if(!_.options.asNavFor) {\n pagerQty = 1 + Math.ceil((_.slideCount - _.options.slidesToShow) / _.options.slidesToScroll);\n }else {\n while (breakPoint < _.slideCount) {\n ++pagerQty;\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n }\n\n return pagerQty - 1;\n\n };\n\n Slick.prototype.getLeft = function(slideIndex) {\n\n var _ = this,\n targetLeft,\n verticalHeight,\n verticalOffset = 0,\n targetSlide,\n coef;\n\n _.slideOffset = 0;\n verticalHeight = _.$slides.first().outerHeight(true);\n\n if (_.options.infinite === true) {\n if (_.slideCount > _.options.slidesToShow) {\n _.slideOffset = (_.slideWidth * _.options.slidesToShow) * -1;\n coef = -1\n\n if (_.options.vertical === true && _.options.centerMode === true) {\n if (_.options.slidesToShow === 2) {\n coef = -1.5;\n } else if (_.options.slidesToShow === 1) {\n coef = -2\n }\n }\n verticalOffset = (verticalHeight * _.options.slidesToShow) * coef;\n }\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n if (slideIndex + _.options.slidesToScroll > _.slideCount && _.slideCount > _.options.slidesToShow) {\n if (slideIndex > _.slideCount) {\n _.slideOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * _.slideWidth) * -1;\n verticalOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * verticalHeight) * -1;\n } else {\n _.slideOffset = ((_.slideCount % _.options.slidesToScroll) * _.slideWidth) * -1;\n verticalOffset = ((_.slideCount % _.options.slidesToScroll) * verticalHeight) * -1;\n }\n }\n }\n } else {\n if (slideIndex + _.options.slidesToShow > _.slideCount) {\n _.slideOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * _.slideWidth;\n verticalOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * verticalHeight;\n }\n }\n\n if (_.slideCount <= _.options.slidesToShow) {\n _.slideOffset = 0;\n verticalOffset = 0;\n }\n\n if (_.options.centerMode === true && _.slideCount <= _.options.slidesToShow) {\n _.slideOffset = ((_.slideWidth * Math.floor(_.options.slidesToShow)) / 2) - ((_.slideWidth * _.slideCount) / 2);\n } else if (_.options.centerMode === true && _.options.infinite === true) {\n _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2) - _.slideWidth;\n } else if (_.options.centerMode === true) {\n _.slideOffset = 0;\n _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2);\n }\n\n if (_.options.vertical === false) {\n targetLeft = ((slideIndex * _.slideWidth) * -1) + _.slideOffset;\n } else {\n targetLeft = ((slideIndex * verticalHeight) * -1) + verticalOffset;\n }\n\n if (_.options.variableWidth === true) {\n\n if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);\n } else {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow);\n }\n\n if (_.options.rtl === true) {\n if (targetSlide[0]) {\n targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\n } else {\n targetLeft = 0;\n }\n } else {\n targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\n }\n\n if (_.options.centerMode === true) {\n if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);\n } else {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow + 1);\n }\n\n if (_.options.rtl === true) {\n if (targetSlide[0]) {\n targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\n } else {\n targetLeft = 0;\n }\n } else {\n targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\n }\n\n targetLeft += (_.$list.width() - targetSlide.outerWidth()) / 2;\n }\n }\n\n return targetLeft;\n\n };\n\n Slick.prototype.getOption = Slick.prototype.slickGetOption = function(option) {\n\n var _ = this;\n\n return _.options[option];\n\n };\n\n Slick.prototype.getNavigableIndexes = function() {\n\n var _ = this,\n breakPoint = 0,\n counter = 0,\n indexes = [],\n max;\n\n if (_.options.infinite === false) {\n max = _.slideCount;\n } else {\n breakPoint = _.options.slidesToScroll * -1;\n counter = _.options.slidesToScroll * -1;\n max = _.slideCount * 2;\n }\n\n while (breakPoint < max) {\n indexes.push(breakPoint);\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n\n return indexes;\n\n };\n\n Slick.prototype.getSlick = function() {\n\n return this;\n\n };\n\n Slick.prototype.getSlideCount = function() {\n\n var _ = this,\n slidesTraversed, swipedSlide, centerOffset;\n\n centerOffset = _.options.centerMode === true ? _.slideWidth * Math.floor(_.options.slidesToShow / 2) : 0;\n\n if (_.options.swipeToSlide === true) {\n _.$slideTrack.find('.slick-slide').each(function(index, slide) {\n if (slide.offsetLeft - centerOffset + ($(slide).outerWidth() / 2) > (_.swipeLeft * -1)) {\n swipedSlide = slide;\n return false;\n }\n });\n\n slidesTraversed = Math.abs($(swipedSlide).attr('data-slick-index') - _.currentSlide) || 1;\n\n return slidesTraversed;\n\n } else {\n return _.options.slidesToScroll;\n }\n\n };\n\n Slick.prototype.goTo = Slick.prototype.slickGoTo = function(slide, dontAnimate) {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'index',\n index: parseInt(slide)\n }\n }, dontAnimate);\n\n };\n\n Slick.prototype.init = function(creation) {\n\n var _ = this;\n\n if (!$(_.$slider).hasClass('slick-initialized')) {\n\n $(_.$slider).addClass('slick-initialized');\n\n _.buildRows();\n _.buildOut();\n _.setProps();\n _.startLoad();\n _.loadSlider();\n _.initializeEvents();\n _.updateArrows();\n _.updateDots();\n _.checkResponsive(true);\n _.focusHandler();\n\n }\n\n if (creation) {\n _.$slider.trigger('init', [_]);\n }\n\n if (_.options.accessibility === true) {\n _.initADA();\n }\n\n if ( _.options.autoplay ) {\n\n _.paused = false;\n _.autoPlay();\n\n }\n\n };\n\n Slick.prototype.initADA = function() {\n var _ = this,\n numDotGroups = Math.ceil(_.slideCount / _.options.slidesToShow),\n tabControlIndexes = _.getNavigableIndexes().filter(function(val) {\n return (val >= 0) && (val < _.slideCount);\n });\n\n _.$slides.add(_.$slideTrack.find('.slick-cloned')).attr({\n 'aria-hidden': 'true',\n 'tabindex': '-1'\n }).find('a, input, button, select').attr({\n 'tabindex': '-1'\n });\n\n if (_.$dots !== null) {\n _.$slides.not(_.$slideTrack.find('.slick-cloned')).each(function(i) {\n var slideControlIndex = tabControlIndexes.indexOf(i);\n\n $(this).attr({\n 'role': 'tabpanel',\n 'id': 'slick-slide' + _.instanceUid + i,\n 'tabindex': -1\n });\n\n if (slideControlIndex !== -1) {\n var ariaButtonControl = 'slick-slide-control' + _.instanceUid + slideControlIndex\n if ($('#' + ariaButtonControl).length) {\n $(this).attr({\n 'aria-describedby': ariaButtonControl\n });\n }\n }\n });\n\n _.$dots.attr('role', 'tablist').find('li').each(function(i) {\n var mappedSlideIndex = tabControlIndexes[i];\n\n $(this).attr({\n 'role': 'presentation'\n });\n\n $(this).find('button').first().attr({\n 'role': 'tab',\n 'id': 'slick-slide-control' + _.instanceUid + i,\n 'aria-controls': 'slick-slide' + _.instanceUid + mappedSlideIndex,\n 'aria-label': (i + 1) + ' of ' + numDotGroups,\n 'aria-selected': null,\n 'tabindex': '-1'\n });\n\n }).eq(_.currentSlide).find('button').attr({\n 'aria-selected': 'true',\n 'tabindex': '0'\n }).end();\n }\n\n for (var i=_.currentSlide, max=i+_.options.slidesToShow; i < max; i++) {\n if (_.options.focusOnChange) {\n _.$slides.eq(i).attr({'tabindex': '0'});\n } else {\n _.$slides.eq(i).removeAttr('tabindex');\n }\n }\n\n _.activateADA();\n\n };\n\n Slick.prototype.initArrowEvents = function() {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n _.$prevArrow\n .off('click.slick')\n .on('click.slick', {\n message: 'previous'\n }, _.changeSlide);\n _.$nextArrow\n .off('click.slick')\n .on('click.slick', {\n message: 'next'\n }, _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$prevArrow.on('keydown.slick', _.keyHandler);\n _.$nextArrow.on('keydown.slick', _.keyHandler);\n }\n }\n\n };\n\n Slick.prototype.initDotEvents = function() {\n\n var _ = this;\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n $('li', _.$dots).on('click.slick', {\n message: 'index'\n }, _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$dots.on('keydown.slick', _.keyHandler);\n }\n }\n\n if (_.options.dots === true && _.options.pauseOnDotsHover === true && _.slideCount > _.options.slidesToShow) {\n\n $('li', _.$dots)\n .on('mouseenter.slick', $.proxy(_.interrupt, _, true))\n .on('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n }\n\n };\n\n Slick.prototype.initSlideEvents = function() {\n\n var _ = this;\n\n if ( _.options.pauseOnHover ) {\n\n _.$list.on('mouseenter.slick', $.proxy(_.interrupt, _, true));\n _.$list.on('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n }\n\n };\n\n Slick.prototype.initializeEvents = function() {\n\n var _ = this;\n\n _.initArrowEvents();\n\n _.initDotEvents();\n _.initSlideEvents();\n\n _.$list.on('touchstart.slick mousedown.slick', {\n action: 'start'\n }, _.swipeHandler);\n _.$list.on('touchmove.slick mousemove.slick', {\n action: 'move'\n }, _.swipeHandler);\n _.$list.on('touchend.slick mouseup.slick', {\n action: 'end'\n }, _.swipeHandler);\n _.$list.on('touchcancel.slick mouseleave.slick', {\n action: 'end'\n }, _.swipeHandler);\n\n _.$list.on('click.slick', _.clickHandler);\n\n $(document).on(_.visibilityChange, $.proxy(_.visibility, _));\n\n if (_.options.accessibility === true) {\n _.$list.on('keydown.slick', _.keyHandler);\n }\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().on('click.slick', _.selectHandler);\n }\n\n $(window).on('orientationchange.slick.slick-' + _.instanceUid, $.proxy(_.orientationChange, _));\n\n $(window).on('resize.slick.slick-' + _.instanceUid, $.proxy(_.resize, _));\n\n $('[draggable!=true]', _.$slideTrack).on('dragstart', _.preventDefault);\n\n $(window).on('load.slick.slick-' + _.instanceUid, _.setPosition);\n $(_.setPosition);\n\n };\n\n Slick.prototype.initUI = function() {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n\n _.$prevArrow.show();\n _.$nextArrow.show();\n\n }\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n _.$dots.show();\n\n }\n\n };\n\n Slick.prototype.keyHandler = function(event) {\n\n var _ = this;\n //Dont slide if the cursor is inside the form fields and arrow keys are pressed\n if(!event.target.tagName.match('TEXTAREA|INPUT|SELECT')) {\n if (event.keyCode === 37 && _.options.accessibility === true) {\n _.changeSlide({\n data: {\n message: _.options.rtl === true ? 'next' : 'previous'\n }\n });\n } else if (event.keyCode === 39 && _.options.accessibility === true) {\n _.changeSlide({\n data: {\n message: _.options.rtl === true ? 'previous' : 'next'\n }\n });\n }\n }\n\n };\n\n Slick.prototype.lazyLoad = function() {\n\n var _ = this,\n loadRange, cloneRange, rangeStart, rangeEnd;\n\n function loadImages(imagesScope) {\n\n $('img[data-lazy]', imagesScope).each(function() {\n\n var image = $(this),\n imageSource = $(this).attr('data-lazy'),\n imageSrcSet = $(this).attr('data-srcset'),\n imageSizes = $(this).attr('data-sizes') || _.$slider.attr('data-sizes'),\n imageToLoad = document.createElement('img');\n\n imageToLoad.onload = function() {\n\n image\n .animate({ opacity: 0 }, 100, function() {\n\n if (imageSrcSet) {\n image\n .attr('srcset', imageSrcSet );\n\n if (imageSizes) {\n image\n .attr('sizes', imageSizes );\n }\n }\n\n image\n .attr('src', imageSource)\n .animate({ opacity: 1 }, 200, function() {\n image\n .removeAttr('data-lazy data-srcset data-sizes')\n .removeClass('slick-loading');\n });\n _.$slider.trigger('lazyLoaded', [_, image, imageSource]);\n });\n\n };\n\n imageToLoad.onerror = function() {\n\n image\n .removeAttr( 'data-lazy' )\n .removeClass( 'slick-loading' )\n .addClass( 'slick-lazyload-error' );\n\n _.$slider.trigger('lazyLoadError', [ _, image, imageSource ]);\n\n };\n\n imageToLoad.src = imageSource;\n\n });\n\n }\n\n if (_.options.centerMode === true) {\n if (_.options.infinite === true) {\n rangeStart = _.currentSlide + (_.options.slidesToShow / 2 + 1);\n rangeEnd = rangeStart + _.options.slidesToShow + 2;\n } else {\n rangeStart = Math.max(0, _.currentSlide - (_.options.slidesToShow / 2 + 1));\n rangeEnd = 2 + (_.options.slidesToShow / 2 + 1) + _.currentSlide;\n }\n } else {\n rangeStart = _.options.infinite ? _.options.slidesToShow + _.currentSlide : _.currentSlide;\n rangeEnd = Math.ceil(rangeStart + _.options.slidesToShow);\n if (_.options.fade === true) {\n if (rangeStart > 0) rangeStart--;\n if (rangeEnd <= _.slideCount) rangeEnd++;\n }\n }\n\n loadRange = _.$slider.find('.slick-slide').slice(rangeStart, rangeEnd);\n\n if (_.options.lazyLoad === 'anticipated') {\n var prevSlide = rangeStart - 1,\n nextSlide = rangeEnd,\n $slides = _.$slider.find('.slick-slide');\n\n for (var i = 0; i < _.options.slidesToScroll; i++) {\n if (prevSlide < 0) prevSlide = _.slideCount - 1;\n loadRange = loadRange.add($slides.eq(prevSlide));\n loadRange = loadRange.add($slides.eq(nextSlide));\n prevSlide--;\n nextSlide++;\n }\n }\n\n loadImages(loadRange);\n\n if (_.slideCount <= _.options.slidesToShow) {\n cloneRange = _.$slider.find('.slick-slide');\n loadImages(cloneRange);\n } else\n if (_.currentSlide >= _.slideCount - _.options.slidesToShow) {\n cloneRange = _.$slider.find('.slick-cloned').slice(0, _.options.slidesToShow);\n loadImages(cloneRange);\n } else if (_.currentSlide === 0) {\n cloneRange = _.$slider.find('.slick-cloned').slice(_.options.slidesToShow * -1);\n loadImages(cloneRange);\n }\n\n };\n\n Slick.prototype.loadSlider = function() {\n\n var _ = this;\n\n _.setPosition();\n\n _.$slideTrack.css({\n opacity: 1\n });\n\n _.$slider.removeClass('slick-loading');\n\n _.initUI();\n\n if (_.options.lazyLoad === 'progressive') {\n _.progressiveLazyLoad();\n }\n\n };\n\n Slick.prototype.next = Slick.prototype.slickNext = function() {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'next'\n }\n });\n\n };\n\n Slick.prototype.orientationChange = function() {\n\n var _ = this;\n\n _.checkResponsive();\n _.setPosition();\n\n };\n\n Slick.prototype.pause = Slick.prototype.slickPause = function() {\n\n var _ = this;\n\n _.autoPlayClear();\n _.paused = true;\n\n };\n\n Slick.prototype.play = Slick.prototype.slickPlay = function() {\n\n var _ = this;\n\n _.autoPlay();\n _.options.autoplay = true;\n _.paused = false;\n _.focussed = false;\n _.interrupted = false;\n\n };\n\n Slick.prototype.postSlide = function(index) {\n\n var _ = this;\n\n if( !_.unslicked ) {\n\n _.$slider.trigger('afterChange', [_, index]);\n\n _.animating = false;\n\n if (_.slideCount > _.options.slidesToShow) {\n _.setPosition();\n }\n\n _.swipeLeft = null;\n\n if ( _.options.autoplay ) {\n _.autoPlay();\n }\n\n if (_.options.accessibility === true) {\n _.initADA();\n\n if (_.options.focusOnChange) {\n var $currentSlide = $(_.$slides.get(_.currentSlide));\n $currentSlide.attr('tabindex', 0).focus();\n }\n }\n\n }\n\n };\n\n Slick.prototype.prev = Slick.prototype.slickPrev = function() {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'previous'\n }\n });\n\n };\n\n Slick.prototype.preventDefault = function(event) {\n\n event.preventDefault();\n\n };\n\n Slick.prototype.progressiveLazyLoad = function( tryCount ) {\n\n tryCount = tryCount || 1;\n\n var _ = this,\n $imgsToLoad = $( 'img[data-lazy]', _.$slider ),\n image,\n imageSource,\n imageSrcSet,\n imageSizes,\n imageToLoad;\n\n if ( $imgsToLoad.length ) {\n\n image = $imgsToLoad.first();\n imageSource = image.attr('data-lazy');\n imageSrcSet = image.attr('data-srcset');\n imageSizes = image.attr('data-sizes') || _.$slider.attr('data-sizes');\n imageToLoad = document.createElement('img');\n\n imageToLoad.onload = function() {\n\n if (imageSrcSet) {\n image\n .attr('srcset', imageSrcSet );\n\n if (imageSizes) {\n image\n .attr('sizes', imageSizes );\n }\n }\n\n image\n .attr( 'src', imageSource )\n .removeAttr('data-lazy data-srcset data-sizes')\n .removeClass('slick-loading');\n\n if ( _.options.adaptiveHeight === true ) {\n _.setPosition();\n }\n\n _.$slider.trigger('lazyLoaded', [ _, image, imageSource ]);\n _.progressiveLazyLoad();\n\n };\n\n imageToLoad.onerror = function() {\n\n if ( tryCount < 3 ) {\n\n /**\n * try to load the image 3 times,\n * leave a slight delay so we don't get\n * servers blocking the request.\n */\n setTimeout( function() {\n _.progressiveLazyLoad( tryCount + 1 );\n }, 500 );\n\n } else {\n\n image\n .removeAttr( 'data-lazy' )\n .removeClass( 'slick-loading' )\n .addClass( 'slick-lazyload-error' );\n\n _.$slider.trigger('lazyLoadError', [ _, image, imageSource ]);\n\n _.progressiveLazyLoad();\n\n }\n\n };\n\n imageToLoad.src = imageSource;\n\n } else {\n\n _.$slider.trigger('allImagesLoaded', [ _ ]);\n\n }\n\n };\n\n Slick.prototype.refresh = function( initializing ) {\n\n var _ = this, currentSlide, lastVisibleIndex;\n\n lastVisibleIndex = _.slideCount - _.options.slidesToShow;\n\n // in non-infinite sliders, we don't want to go past the\n // last visible index.\n if( !_.options.infinite && ( _.currentSlide > lastVisibleIndex )) {\n _.currentSlide = lastVisibleIndex;\n }\n\n // if less slides than to show, go to start.\n if ( _.slideCount <= _.options.slidesToShow ) {\n _.currentSlide = 0;\n\n }\n\n currentSlide = _.currentSlide;\n\n _.destroy(true);\n\n $.extend(_, _.initials, { currentSlide: currentSlide });\n\n _.init();\n\n if( !initializing ) {\n\n _.changeSlide({\n data: {\n message: 'index',\n index: currentSlide\n }\n }, false);\n\n }\n\n };\n\n Slick.prototype.registerBreakpoints = function() {\n\n var _ = this, breakpoint, currentBreakpoint, l,\n responsiveSettings = _.options.responsive || null;\n\n if ( $.type(responsiveSettings) === 'array' && responsiveSettings.length ) {\n\n _.respondTo = _.options.respondTo || 'window';\n\n for ( breakpoint in responsiveSettings ) {\n\n l = _.breakpoints.length-1;\n\n if (responsiveSettings.hasOwnProperty(breakpoint)) {\n currentBreakpoint = responsiveSettings[breakpoint].breakpoint;\n\n // loop through the breakpoints and cut out any existing\n // ones with the same breakpoint number, we don't want dupes.\n while( l >= 0 ) {\n if( _.breakpoints[l] && _.breakpoints[l] === currentBreakpoint ) {\n _.breakpoints.splice(l,1);\n }\n l--;\n }\n\n _.breakpoints.push(currentBreakpoint);\n _.breakpointSettings[currentBreakpoint] = responsiveSettings[breakpoint].settings;\n\n }\n\n }\n\n _.breakpoints.sort(function(a, b) {\n return ( _.options.mobileFirst ) ? a-b : b-a;\n });\n\n }\n\n };\n\n Slick.prototype.reinit = function() {\n\n var _ = this;\n\n _.$slides =\n _.$slideTrack\n .children(_.options.slide)\n .addClass('slick-slide');\n\n _.slideCount = _.$slides.length;\n\n if (_.currentSlide >= _.slideCount && _.currentSlide !== 0) {\n _.currentSlide = _.currentSlide - _.options.slidesToScroll;\n }\n\n if (_.slideCount <= _.options.slidesToShow) {\n _.currentSlide = 0;\n }\n\n _.registerBreakpoints();\n\n _.setProps();\n _.setupInfinite();\n _.buildArrows();\n _.updateArrows();\n _.initArrowEvents();\n _.buildDots();\n _.updateDots();\n _.initDotEvents();\n _.cleanUpSlideEvents();\n _.initSlideEvents();\n\n _.checkResponsive(false, true);\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().on('click.slick', _.selectHandler);\n }\n\n _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);\n\n _.setPosition();\n _.focusHandler();\n\n _.paused = !_.options.autoplay;\n _.autoPlay();\n\n _.$slider.trigger('reInit', [_]);\n\n };\n\n Slick.prototype.resize = function() {\n\n var _ = this;\n\n if ($(window).width() !== _.windowWidth) {\n clearTimeout(_.windowDelay);\n _.windowDelay = window.setTimeout(function() {\n _.windowWidth = $(window).width();\n _.checkResponsive();\n if( !_.unslicked ) { _.setPosition(); }\n }, 50);\n }\n };\n\n Slick.prototype.removeSlide = Slick.prototype.slickRemove = function(index, removeBefore, removeAll) {\n\n var _ = this;\n\n if (typeof(index) === 'boolean') {\n removeBefore = index;\n index = removeBefore === true ? 0 : _.slideCount - 1;\n } else {\n index = removeBefore === true ? --index : index;\n }\n\n if (_.slideCount < 1 || index < 0 || index > _.slideCount - 1) {\n return false;\n }\n\n _.unload();\n\n if (removeAll === true) {\n _.$slideTrack.children().remove();\n } else {\n _.$slideTrack.children(this.options.slide).eq(index).remove();\n }\n\n _.$slides = _.$slideTrack.children(this.options.slide);\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.append(_.$slides);\n\n _.$slidesCache = _.$slides;\n\n _.reinit();\n\n };\n\n Slick.prototype.setCSS = function(position) {\n\n var _ = this,\n positionProps = {},\n x, y;\n\n if (_.options.rtl === true) {\n position = -position;\n }\n x = _.positionProp == 'left' ? Math.ceil(position) + 'px' : '0px';\n y = _.positionProp == 'top' ? Math.ceil(position) + 'px' : '0px';\n\n positionProps[_.positionProp] = position;\n\n if (_.transformsEnabled === false) {\n _.$slideTrack.css(positionProps);\n } else {\n positionProps = {};\n if (_.cssTransitions === false) {\n positionProps[_.animType] = 'translate(' + x + ', ' + y + ')';\n _.$slideTrack.css(positionProps);\n } else {\n positionProps[_.animType] = 'translate3d(' + x + ', ' + y + ', 0px)';\n _.$slideTrack.css(positionProps);\n }\n }\n\n };\n\n Slick.prototype.setDimensions = function() {\n\n var _ = this;\n\n if (_.options.vertical === false) {\n if (_.options.centerMode === true) {\n _.$list.css({\n padding: ('0px ' + _.options.centerPadding)\n });\n }\n } else {\n _.$list.height(_.$slides.first().outerHeight(true) * _.options.slidesToShow);\n if (_.options.centerMode === true) {\n _.$list.css({\n padding: (_.options.centerPadding + ' 0px')\n });\n }\n }\n\n _.listWidth = _.$list.width();\n _.listHeight = _.$list.height();\n\n\n if (_.options.vertical === false && _.options.variableWidth === false) {\n _.slideWidth = Math.ceil(_.listWidth / _.options.slidesToShow);\n _.$slideTrack.width(Math.ceil((_.slideWidth * _.$slideTrack.children('.slick-slide').length)));\n\n } else if (_.options.variableWidth === true) {\n _.$slideTrack.width(5000 * _.slideCount);\n } else {\n _.slideWidth = Math.ceil(_.listWidth);\n _.$slideTrack.height(Math.ceil((_.$slides.first().outerHeight(true) * _.$slideTrack.children('.slick-slide').length)));\n }\n\n var offset = _.$slides.first().outerWidth(true) - _.$slides.first().width();\n if (_.options.variableWidth === false) _.$slideTrack.children('.slick-slide').width(_.slideWidth - offset);\n\n };\n\n Slick.prototype.setFade = function() {\n\n var _ = this,\n targetLeft;\n\n _.$slides.each(function(index, element) {\n targetLeft = (_.slideWidth * index) * -1;\n if (_.options.rtl === true) {\n $(element).css({\n position: 'relative',\n right: targetLeft,\n top: 0,\n zIndex: _.options.zIndex - 2,\n opacity: 0\n });\n } else {\n $(element).css({\n position: 'relative',\n left: targetLeft,\n top: 0,\n zIndex: _.options.zIndex - 2,\n opacity: 0\n });\n }\n });\n\n _.$slides.eq(_.currentSlide).css({\n zIndex: _.options.zIndex - 1,\n opacity: 1\n });\n\n };\n\n Slick.prototype.setHeight = function() {\n\n var _ = this;\n\n if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) {\n var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true);\n _.$list.css('height', targetHeight);\n }\n\n };\n\n Slick.prototype.setOption =\n Slick.prototype.slickSetOption = function() {\n\n /**\n * accepts arguments in format of:\n *\n * - for changing a single option's value:\n * .slick(\"setOption\", option, value, refresh )\n *\n * - for changing a set of responsive options:\n * .slick(\"setOption\", 'responsive', [{}, ...], refresh )\n *\n * - for updating multiple values at once (not responsive)\n * .slick(\"setOption\", { 'option': value, ... }, refresh )\n */\n\n var _ = this, l, item, option, value, refresh = false, type;\n\n if( $.type( arguments[0] ) === 'object' ) {\n\n option = arguments[0];\n refresh = arguments[1];\n type = 'multiple';\n\n } else if ( $.type( arguments[0] ) === 'string' ) {\n\n option = arguments[0];\n value = arguments[1];\n refresh = arguments[2];\n\n if ( arguments[0] === 'responsive' && $.type( arguments[1] ) === 'array' ) {\n\n type = 'responsive';\n\n } else if ( typeof arguments[1] !== 'undefined' ) {\n\n type = 'single';\n\n }\n\n }\n\n if ( type === 'single' ) {\n\n _.options[option] = value;\n\n\n } else if ( type === 'multiple' ) {\n\n $.each( option , function( opt, val ) {\n\n _.options[opt] = val;\n\n });\n\n\n } else if ( type === 'responsive' ) {\n\n for ( item in value ) {\n\n if( $.type( _.options.responsive ) !== 'array' ) {\n\n _.options.responsive = [ value[item] ];\n\n } else {\n\n l = _.options.responsive.length-1;\n\n // loop through the responsive object and splice out duplicates.\n while( l >= 0 ) {\n\n if( _.options.responsive[l].breakpoint === value[item].breakpoint ) {\n\n _.options.responsive.splice(l,1);\n\n }\n\n l--;\n\n }\n\n _.options.responsive.push( value[item] );\n\n }\n\n }\n\n }\n\n if ( refresh ) {\n\n _.unload();\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.setPosition = function() {\n\n var _ = this;\n\n _.setDimensions();\n\n _.setHeight();\n\n if (_.options.fade === false) {\n _.setCSS(_.getLeft(_.currentSlide));\n } else {\n _.setFade();\n }\n\n _.$slider.trigger('setPosition', [_]);\n\n };\n\n Slick.prototype.setProps = function() {\n\n var _ = this,\n bodyStyle = document.body.style;\n\n _.positionProp = _.options.vertical === true ? 'top' : 'left';\n\n if (_.positionProp === 'top') {\n _.$slider.addClass('slick-vertical');\n } else {\n _.$slider.removeClass('slick-vertical');\n }\n\n if (bodyStyle.WebkitTransition !== undefined ||\n bodyStyle.MozTransition !== undefined ||\n bodyStyle.msTransition !== undefined) {\n if (_.options.useCSS === true) {\n _.cssTransitions = true;\n }\n }\n\n if ( _.options.fade ) {\n if ( typeof _.options.zIndex === 'number' ) {\n if( _.options.zIndex < 3 ) {\n _.options.zIndex = 3;\n }\n } else {\n _.options.zIndex = _.defaults.zIndex;\n }\n }\n\n if (bodyStyle.OTransform !== undefined) {\n _.animType = 'OTransform';\n _.transformType = '-o-transform';\n _.transitionType = 'OTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.MozTransform !== undefined) {\n _.animType = 'MozTransform';\n _.transformType = '-moz-transform';\n _.transitionType = 'MozTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.MozPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.webkitTransform !== undefined) {\n _.animType = 'webkitTransform';\n _.transformType = '-webkit-transform';\n _.transitionType = 'webkitTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.msTransform !== undefined) {\n _.animType = 'msTransform';\n _.transformType = '-ms-transform';\n _.transitionType = 'msTransition';\n if (bodyStyle.msTransform === undefined) _.animType = false;\n }\n if (bodyStyle.transform !== undefined && _.animType !== false) {\n _.animType = 'transform';\n _.transformType = 'transform';\n _.transitionType = 'transition';\n }\n _.transformsEnabled = _.options.useTransform && (_.animType !== null && _.animType !== false);\n };\n\n\n Slick.prototype.setSlideClasses = function(index) {\n\n var _ = this,\n centerOffset, allSlides, indexOffset, remainder;\n\n allSlides = _.$slider\n .find('.slick-slide')\n .removeClass('slick-active slick-center slick-current')\n .attr('aria-hidden', 'true');\n\n _.$slides\n .eq(index)\n .addClass('slick-current');\n\n if (_.options.centerMode === true) {\n\n var evenCoef = _.options.slidesToShow % 2 === 0 ? 1 : 0;\n\n centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n if (_.options.infinite === true) {\n\n if (index >= centerOffset && index <= (_.slideCount - 1) - centerOffset) {\n _.$slides\n .slice(index - centerOffset + evenCoef, index + centerOffset + 1)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else {\n\n indexOffset = _.options.slidesToShow + index;\n allSlides\n .slice(indexOffset - centerOffset + 1 + evenCoef, indexOffset + centerOffset + 2)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n }\n\n if (index === 0) {\n\n allSlides\n .eq(allSlides.length - 1 - _.options.slidesToShow)\n .addClass('slick-center');\n\n } else if (index === _.slideCount - 1) {\n\n allSlides\n .eq(_.options.slidesToShow)\n .addClass('slick-center');\n\n }\n\n }\n\n _.$slides\n .eq(index)\n .addClass('slick-center');\n\n } else {\n\n if (index >= 0 && index <= (_.slideCount - _.options.slidesToShow)) {\n\n _.$slides\n .slice(index, index + _.options.slidesToShow)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else if (allSlides.length <= _.options.slidesToShow) {\n\n allSlides\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else {\n\n remainder = _.slideCount % _.options.slidesToShow;\n indexOffset = _.options.infinite === true ? _.options.slidesToShow + index : index;\n\n if (_.options.slidesToShow == _.options.slidesToScroll && (_.slideCount - index) < _.options.slidesToShow) {\n\n allSlides\n .slice(indexOffset - (_.options.slidesToShow - remainder), indexOffset + remainder)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else {\n\n allSlides\n .slice(indexOffset, indexOffset + _.options.slidesToShow)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n }\n\n }\n\n }\n\n if (_.options.lazyLoad === 'ondemand' || _.options.lazyLoad === 'anticipated') {\n _.lazyLoad();\n }\n };\n\n Slick.prototype.setupInfinite = function() {\n\n var _ = this,\n i, slideIndex, infiniteCount;\n\n if (_.options.fade === true) {\n _.options.centerMode = false;\n }\n\n if (_.options.infinite === true && _.options.fade === false) {\n\n slideIndex = null;\n\n if (_.slideCount > _.options.slidesToShow) {\n\n if (_.options.centerMode === true) {\n infiniteCount = _.options.slidesToShow + 1;\n } else {\n infiniteCount = _.options.slidesToShow;\n }\n\n for (i = _.slideCount; i > (_.slideCount -\n infiniteCount); i -= 1) {\n slideIndex = i - 1;\n $(_.$slides[slideIndex]).clone(true).attr('id', '')\n .attr('data-slick-index', slideIndex - _.slideCount)\n .prependTo(_.$slideTrack).addClass('slick-cloned');\n }\n for (i = 0; i < infiniteCount + _.slideCount; i += 1) {\n slideIndex = i;\n $(_.$slides[slideIndex]).clone(true).attr('id', '')\n .attr('data-slick-index', slideIndex + _.slideCount)\n .appendTo(_.$slideTrack).addClass('slick-cloned');\n }\n _.$slideTrack.find('.slick-cloned').find('[id]').each(function() {\n $(this).attr('id', '');\n });\n\n }\n\n }\n\n };\n\n Slick.prototype.interrupt = function( toggle ) {\n\n var _ = this;\n\n if( !toggle ) {\n _.autoPlay();\n }\n _.interrupted = toggle;\n\n };\n\n Slick.prototype.selectHandler = function(event) {\n\n var _ = this;\n\n var targetElement =\n $(event.target).is('.slick-slide') ?\n $(event.target) :\n $(event.target).parents('.slick-slide');\n\n var index = parseInt(targetElement.attr('data-slick-index'));\n\n if (!index) index = 0;\n\n if (_.slideCount <= _.options.slidesToShow) {\n\n _.slideHandler(index, false, true);\n return;\n\n }\n\n _.slideHandler(index);\n\n };\n\n Slick.prototype.slideHandler = function(index, sync, dontAnimate) {\n\n var targetSlide, animSlide, oldSlide, slideLeft, targetLeft = null,\n _ = this, navTarget;\n\n sync = sync || false;\n\n if (_.animating === true && _.options.waitForAnimate === true) {\n return;\n }\n\n if (_.options.fade === true && _.currentSlide === index) {\n return;\n }\n\n if (sync === false) {\n _.asNavFor(index);\n }\n\n targetSlide = index;\n targetLeft = _.getLeft(targetSlide);\n slideLeft = _.getLeft(_.currentSlide);\n\n _.currentLeft = _.swipeLeft === null ? slideLeft : _.swipeLeft;\n\n if (_.options.infinite === false && _.options.centerMode === false && (index < 0 || index > _.getDotCount() * _.options.slidesToScroll)) {\n if (_.options.fade === false) {\n targetSlide = _.currentSlide;\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(slideLeft, function() {\n _.postSlide(targetSlide);\n });\n } else {\n _.postSlide(targetSlide);\n }\n }\n return;\n } else if (_.options.infinite === false && _.options.centerMode === true && (index < 0 || index > (_.slideCount - _.options.slidesToScroll))) {\n if (_.options.fade === false) {\n targetSlide = _.currentSlide;\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(slideLeft, function() {\n _.postSlide(targetSlide);\n });\n } else {\n _.postSlide(targetSlide);\n }\n }\n return;\n }\n\n if ( _.options.autoplay ) {\n clearInterval(_.autoPlayTimer);\n }\n\n if (targetSlide < 0) {\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n animSlide = _.slideCount - (_.slideCount % _.options.slidesToScroll);\n } else {\n animSlide = _.slideCount + targetSlide;\n }\n } else if (targetSlide >= _.slideCount) {\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n animSlide = 0;\n } else {\n animSlide = targetSlide - _.slideCount;\n }\n } else {\n animSlide = targetSlide;\n }\n\n _.animating = true;\n\n _.$slider.trigger('beforeChange', [_, _.currentSlide, animSlide]);\n\n oldSlide = _.currentSlide;\n _.currentSlide = animSlide;\n\n _.setSlideClasses(_.currentSlide);\n\n if ( _.options.asNavFor ) {\n\n navTarget = _.getNavTarget();\n navTarget = navTarget.slick('getSlick');\n\n if ( navTarget.slideCount <= navTarget.options.slidesToShow ) {\n navTarget.setSlideClasses(_.currentSlide);\n }\n\n }\n\n _.updateDots();\n _.updateArrows();\n\n if (_.options.fade === true) {\n if (dontAnimate !== true) {\n\n _.fadeSlideOut(oldSlide);\n\n _.fadeSlide(animSlide, function() {\n _.postSlide(animSlide);\n });\n\n } else {\n _.postSlide(animSlide);\n }\n _.animateHeight();\n return;\n }\n\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(targetLeft, function() {\n _.postSlide(animSlide);\n });\n } else {\n _.postSlide(animSlide);\n }\n\n };\n\n Slick.prototype.startLoad = function() {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n\n _.$prevArrow.hide();\n _.$nextArrow.hide();\n\n }\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n _.$dots.hide();\n\n }\n\n _.$slider.addClass('slick-loading');\n\n };\n\n Slick.prototype.swipeDirection = function() {\n\n var xDist, yDist, r, swipeAngle, _ = this;\n\n xDist = _.touchObject.startX - _.touchObject.curX;\n yDist = _.touchObject.startY - _.touchObject.curY;\n r = Math.atan2(yDist, xDist);\n\n swipeAngle = Math.round(r * 180 / Math.PI);\n if (swipeAngle < 0) {\n swipeAngle = 360 - Math.abs(swipeAngle);\n }\n\n if ((swipeAngle <= 45) && (swipeAngle >= 0)) {\n return (_.options.rtl === false ? 'left' : 'right');\n }\n if ((swipeAngle <= 360) && (swipeAngle >= 315)) {\n return (_.options.rtl === false ? 'left' : 'right');\n }\n if ((swipeAngle >= 135) && (swipeAngle <= 225)) {\n return (_.options.rtl === false ? 'right' : 'left');\n }\n if (_.options.verticalSwiping === true) {\n if ((swipeAngle >= 35) && (swipeAngle <= 135)) {\n return 'down';\n } else {\n return 'up';\n }\n }\n\n return 'vertical';\n\n };\n\n Slick.prototype.swipeEnd = function(event) {\n\n var _ = this,\n slideCount,\n direction;\n\n _.dragging = false;\n _.swiping = false;\n\n if (_.scrolling) {\n _.scrolling = false;\n return false;\n }\n\n _.interrupted = false;\n _.shouldClick = ( _.touchObject.swipeLength > 10 ) ? false : true;\n\n if ( _.touchObject.curX === undefined ) {\n return false;\n }\n\n if ( _.touchObject.edgeHit === true ) {\n _.$slider.trigger('edge', [_, _.swipeDirection() ]);\n }\n\n if ( _.touchObject.swipeLength >= _.touchObject.minSwipe ) {\n\n direction = _.swipeDirection();\n\n switch ( direction ) {\n\n case 'left':\n case 'down':\n\n slideCount =\n _.options.swipeToSlide ?\n _.checkNavigable( _.currentSlide + _.getSlideCount() ) :\n _.currentSlide + _.getSlideCount();\n\n _.currentDirection = 0;\n\n break;\n\n case 'right':\n case 'up':\n\n slideCount =\n _.options.swipeToSlide ?\n _.checkNavigable( _.currentSlide - _.getSlideCount() ) :\n _.currentSlide - _.getSlideCount();\n\n _.currentDirection = 1;\n\n break;\n\n default:\n\n\n }\n\n if( direction != 'vertical' ) {\n\n _.slideHandler( slideCount );\n _.touchObject = {};\n _.$slider.trigger('swipe', [_, direction ]);\n\n }\n\n } else {\n\n if ( _.touchObject.startX !== _.touchObject.curX ) {\n\n _.slideHandler( _.currentSlide );\n _.touchObject = {};\n\n }\n\n }\n\n };\n\n Slick.prototype.swipeHandler = function(event) {\n\n var _ = this;\n\n if ((_.options.swipe === false) || ('ontouchend' in document && _.options.swipe === false)) {\n return;\n } else if (_.options.draggable === false && event.type.indexOf('mouse') !== -1) {\n return;\n }\n\n _.touchObject.fingerCount = event.originalEvent && event.originalEvent.touches !== undefined ?\n event.originalEvent.touches.length : 1;\n\n _.touchObject.minSwipe = _.listWidth / _.options\n .touchThreshold;\n\n if (_.options.verticalSwiping === true) {\n _.touchObject.minSwipe = _.listHeight / _.options\n .touchThreshold;\n }\n\n switch (event.data.action) {\n\n case 'start':\n _.swipeStart(event);\n break;\n\n case 'move':\n _.swipeMove(event);\n break;\n\n case 'end':\n _.swipeEnd(event);\n break;\n\n }\n\n };\n\n Slick.prototype.swipeMove = function(event) {\n\n var _ = this,\n edgeWasHit = false,\n curLeft, swipeDirection, swipeLength, positionOffset, touches, verticalSwipeLength;\n\n touches = event.originalEvent !== undefined ? event.originalEvent.touches : null;\n\n if (!_.dragging || _.scrolling || touches && touches.length !== 1) {\n return false;\n }\n\n curLeft = _.getLeft(_.currentSlide);\n\n _.touchObject.curX = touches !== undefined ? touches[0].pageX : event.clientX;\n _.touchObject.curY = touches !== undefined ? touches[0].pageY : event.clientY;\n\n _.touchObject.swipeLength = Math.round(Math.sqrt(\n Math.pow(_.touchObject.curX - _.touchObject.startX, 2)));\n\n verticalSwipeLength = Math.round(Math.sqrt(\n Math.pow(_.touchObject.curY - _.touchObject.startY, 2)));\n\n if (!_.options.verticalSwiping && !_.swiping && verticalSwipeLength > 4) {\n _.scrolling = true;\n return false;\n }\n\n if (_.options.verticalSwiping === true) {\n _.touchObject.swipeLength = verticalSwipeLength;\n }\n\n swipeDirection = _.swipeDirection();\n\n if (event.originalEvent !== undefined && _.touchObject.swipeLength > 4) {\n _.swiping = true;\n event.preventDefault();\n }\n\n positionOffset = (_.options.rtl === false ? 1 : -1) * (_.touchObject.curX > _.touchObject.startX ? 1 : -1);\n if (_.options.verticalSwiping === true) {\n positionOffset = _.touchObject.curY > _.touchObject.startY ? 1 : -1;\n }\n\n\n swipeLength = _.touchObject.swipeLength;\n\n _.touchObject.edgeHit = false;\n\n if (_.options.infinite === false) {\n if ((_.currentSlide === 0 && swipeDirection === 'right') || (_.currentSlide >= _.getDotCount() && swipeDirection === 'left')) {\n swipeLength = _.touchObject.swipeLength * _.options.edgeFriction;\n _.touchObject.edgeHit = true;\n }\n }\n\n if (_.options.vertical === false) {\n _.swipeLeft = curLeft + swipeLength * positionOffset;\n } else {\n _.swipeLeft = curLeft + (swipeLength * (_.$list.height() / _.listWidth)) * positionOffset;\n }\n if (_.options.verticalSwiping === true) {\n _.swipeLeft = curLeft + swipeLength * positionOffset;\n }\n\n if (_.options.fade === true || _.options.touchMove === false) {\n return false;\n }\n\n if (_.animating === true) {\n _.swipeLeft = null;\n return false;\n }\n\n _.setCSS(_.swipeLeft);\n\n };\n\n Slick.prototype.swipeStart = function(event) {\n\n var _ = this,\n touches;\n\n _.interrupted = true;\n\n if (_.touchObject.fingerCount !== 1 || _.slideCount <= _.options.slidesToShow) {\n _.touchObject = {};\n return false;\n }\n\n if (event.originalEvent !== undefined && event.originalEvent.touches !== undefined) {\n touches = event.originalEvent.touches[0];\n }\n\n _.touchObject.startX = _.touchObject.curX = touches !== undefined ? touches.pageX : event.clientX;\n _.touchObject.startY = _.touchObject.curY = touches !== undefined ? touches.pageY : event.clientY;\n\n _.dragging = true;\n\n };\n\n Slick.prototype.unfilterSlides = Slick.prototype.slickUnfilter = function() {\n\n var _ = this;\n\n if (_.$slidesCache !== null) {\n\n _.unload();\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slidesCache.appendTo(_.$slideTrack);\n\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.unload = function() {\n\n var _ = this;\n\n $('.slick-cloned', _.$slider).remove();\n\n if (_.$dots) {\n _.$dots.remove();\n }\n\n if (_.$prevArrow && _.htmlExpr.test(_.options.prevArrow)) {\n _.$prevArrow.remove();\n }\n\n if (_.$nextArrow && _.htmlExpr.test(_.options.nextArrow)) {\n _.$nextArrow.remove();\n }\n\n _.$slides\n .removeClass('slick-slide slick-active slick-visible slick-current')\n .attr('aria-hidden', 'true')\n .css('width', '');\n\n };\n\n Slick.prototype.unslick = function(fromBreakpoint) {\n\n var _ = this;\n _.$slider.trigger('unslick', [_, fromBreakpoint]);\n _.destroy();\n\n };\n\n Slick.prototype.updateArrows = function() {\n\n var _ = this,\n centerOffset;\n\n centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n if ( _.options.arrows === true &&\n _.slideCount > _.options.slidesToShow &&\n !_.options.infinite ) {\n\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n if (_.currentSlide === 0) {\n\n _.$prevArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n } else if (_.currentSlide >= _.slideCount - _.options.slidesToShow && _.options.centerMode === false) {\n\n _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n } else if (_.currentSlide >= _.slideCount - 1 && _.options.centerMode === true) {\n\n _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n }\n\n }\n\n };\n\n Slick.prototype.updateDots = function() {\n\n var _ = this;\n\n if (_.$dots !== null) {\n\n _.$dots\n .find('li')\n .removeClass('slick-active')\n .end();\n\n _.$dots\n .find('li')\n .eq(Math.floor(_.currentSlide / _.options.slidesToScroll))\n .addClass('slick-active');\n\n }\n\n };\n\n Slick.prototype.visibility = function() {\n\n var _ = this;\n\n if ( _.options.autoplay ) {\n\n if ( document[_.hidden] ) {\n\n _.interrupted = true;\n\n } else {\n\n _.interrupted = false;\n\n }\n\n }\n\n };\n\n $.fn.slick = function() {\n var _ = this,\n opt = arguments[0],\n args = Array.prototype.slice.call(arguments, 1),\n l = _.length,\n i,\n ret;\n for (i = 0; i < l; i++) {\n if (typeof opt == 'object' || typeof opt == 'undefined')\n _[i].slick = new Slick(_[i], opt);\n else\n ret = _[i].slick[opt].apply(_[i].slick, args);\n if (typeof ret != 'undefined') return ret;\n }\n return _;\n };\n\n}));\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/node_modules/slick-carousel/slick/slick.js\n// module id = 466\n// module chunks = 1 5 6 7","var Handlebars = require('D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/node_modules/handlebars/runtime.js');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"\\r\\n\\r\\n\\r\\n\\r\\n\t
\\r\\n\t\t
\\r\\n\t\t\t
\\r\\n\t\t\t
\\r\\n\t\t\t
\\r\\n\t\t\t
\\r\\n\t\t\t
\\r\\n\t\t\t
\\r\\n\t\t\t\t
\\r\\n\t\t
\\r\\n\t
\\r\\n
\\r\\n\t
\\r\\n\t
\\r\\n\t\t
\\r\\n\t
\\r\\n\t\t
\\r\\n
\\r\\n\t\t\t
\"\n + ((stack1 = ((helper = (helper = lookupProperty(helpers,\"desc\") || (depth0 != null ? lookupProperty(depth0,\"desc\") : depth0)) != null ? helper : alias4),(typeof helper === alias5 ? helper.call(alias3,{\"name\":\"desc\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":7,\"column\":30},\"end\":{\"line\":7,\"column\":40}}}) : helper))) != null ? stack1 : \"\")\n + \" \\r\\n\t\t\t
\\r\\n\t\t\t\t \\r\\n\t\t
\\r\\n\"\n + ((stack1 = lookupProperty(helpers,\"each\").call(alias1,(depth0 != null ? lookupProperty(depth0,\"items\") : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(1, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":5,\"column\":1},\"end\":{\"line\":12,\"column\":10}}})) != null ? stack1 : \"\")\n + \"
\\r\\n\\r\\n\\r\\n\";\n},\"useData\":true,\"useDepths\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// D:/AzureDevops/vsts-agent-win-x64-2.202.1_06/_work/151/s/FrontEnd/src/views/widgets/paymentInfo/tmpl/paymentInfo.hbs\n// module id = 475\n// module chunks = 6 7"],"sourceRoot":""} ![](\\\"\")
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t