\r\n ![](\"${!product.imageUrl)
\r\n
\r\n `;\r\n }).join('');\r\n};\r\n\r\nconst init = function (opts) {\r\n\r\n const defaults = {\r\n selectors: {\r\n widget: '.js-search-header',\r\n toggle: '.js-search-header-toggle',\r\n form: '.js-search-header-form',\r\n formInput: '.js-search-header-form-input',\r\n shoppingCart: '.js-header-cart',\r\n shoppingCartLink: '.js-header-cart-link',\r\n shoppingCartPopup: '.js-header-cart-popup',\r\n shoppingCartLabel: '.js-header-cart-label',\r\n shoppingCartList: '.js-header-cart-list',\r\n shoppingCartTotal: '.js-header-cart-total',\r\n shoppingCartTotalWithVat: '.js-header-cart-total-with-vat',\r\n hero: '.search-hero',\r\n msg: '.js-header-cart-msg'\r\n },\r\n modifiers: {\r\n widget: {\r\n open: 'search--open'\r\n }\r\n }\r\n };\r\n\r\n const options = $.extend(true, defaults, opts);\r\n\r\n searchWidget = $(options.selectors.widget);\r\n if (searchWidget.length < 1) return;\r\n\r\n hasSearchHero = $(options.selectors.hero).length > 0;\r\n if (hasSearchHero) {\r\n searchWidget.remove();\r\n return;\r\n }\r\n\r\n searchToggle = $(options.selectors.toggle, searchWidget);\r\n searchForm = $(options.selectors.form, searchWidget);\r\n searchFormInput = $(options.selectors.formInput, searchForm);\r\n shoppingCart = $(options.selectors.shoppingCart, searchWidget);\r\n shoppingCartLink = $(options.selectors.shoppingCartLink, searchWidget);\r\n shoppingCartPopup = $(options.selectors.shoppingCartPopup, searchWidget);\r\n shoppingCartLabel = $(options.selectors.shoppingCartLabel, searchWidget);\r\n shoppingCartList = $(options.selectors.shoppingCartList, searchWidget);\r\n shoppingCartTotal = $(options.selectors.shoppingCartTotal, searchWidget);\r\n shoppingCartTotalWithVat = $(options.selectors.shoppingCartTotalWithVat, searchWidget);\r\n\r\n autoSuggestAPI = addAutoCompleteSuggestions(searchFormInput);\r\n\r\n searchToggle.on('click', function (e) {\r\n e.preventDefault();\r\n searchWidget.toggleClass(options.modifiers.widget.open);\r\n if (searchWidget.hasClass(options.modifiers.widget.open)) {\r\n searchFormInput.focus();\r\n } else {\r\n autoSuggestAPI.clearSuggestionList();\r\n }\r\n });\r\n\r\n shoppingCartLink.on('mouseover', () => {\r\n if (window.innerWidth <= 570) return;\r\n\r\n shoppingCart.addClass('open');\r\n if (!searchWidget.hasClass('search--open')) {\r\n searchWidget.addClass('search--collapsed');\r\n }\r\n });\r\n\r\n shoppingCartLink.on('mouseleave', () => {\r\n if (window.innerWidth <= 570) return;\r\n\r\n if ($(`${options.selectors.shoppingCartPopup}:hover`).length !== 0) return;\r\n\r\n shoppingCart.removeClass('open');\r\n if (!searchWidget.hasClass('search--open')) {\r\n searchWidget.removeClass('search--collapsed');\r\n }\r\n });\r\n\r\n shoppingCartPopup.on('mouseleave', () => {\r\n if (window.innerWidth <= 570) return;\r\n\r\n shoppingCart.removeClass('open');\r\n if (!searchWidget.hasClass('search--open')) {\r\n searchWidget.removeClass('search--collapsed');\r\n }\r\n });\r\n\r\n // On cart update\r\n\r\n hub.subscribe(hub.event.shoppingCartUpdate, function (e, data) {\r\n // console.log('hub.event.shoppingCartUpdate', data);\r\n const $msg = $(options.selectors.msg);\r\n shoppingCartList.html(getCartHtml(data.CartItems));\r\n shoppingCartTotal.text(data.LocalizedTotalWithCurrency);\r\n shoppingCartLabel.text(data.CartItems.reduce((total, item) => {\r\n return total + item.Quantity;\r\n }, 0));\r\n\r\n if (data.IsB2B) {\r\n shoppingCartTotalWithVat.text(data.LocalizedTotalWithCurrencyWithVat);\r\n shoppingCartTotalWithVat.parent().removeClass('u-hidden');\r\n }\r\n\r\n const hasExceededQnt = data.CartItems.filter((product) => {\r\n return product.Quantity === data.maxQnt;\r\n });\r\n\r\n\r\n if (data.HasRelevantPromotions) {\r\n if (data.PotentialPromotions.length) {\r\n let promotionTpl = '';\r\n\r\n data.PotentialPromotions.forEach((item) => {\r\n if (!item.IsFulfilled) {\r\n if (item.PromotionTypeName === 'SpendAmountForFreeShipping') {\r\n promotionTpl += `\r\n \r\n
\r\n ${product.ProductName}
\r\n ${product.VariantDisplayName.DisplayNameSlash}
\r\n \r\n
\r\n ${product.HasDiscountedPrice ? product.LocalizedDiscountPriceWithCurrency : product.LocalizedPlacedPriceWithCurrency}
\r\n ${product.Quantity} ${product.SalesUnit}
\r\n \r\n ${item.Description && item.Description.replace('##AMOUNT##', item.LocalizedRemainingAmountWithCurrency).replace('##PERCENTAGE##', item.Percentage)}\r\n
`;\r\n\r\n } else {\r\n promotionTpl += `\r\n \r\n ${item.Description && item.Description.replace('##AMOUNT##', item.LocalizedRemainingAmountWithCurrency).replace('##PERCENTAGE##', item.Percentage)}\r\n
`;\r\n }\r\n }\r\n });\r\n\r\n $('.js-header-cart-promotions').html(promotionTpl);\r\n }\r\n }\r\n\r\n if (hasExceededQnt.length) {\r\n $msg.show();\r\n } else {\r\n $msg.hide();\r\n }\r\n\r\n if (window.innerWidth < 570) return;\r\n shoppingCart.addClass('open');\r\n if (!searchWidget.hasClass('search--open')) {\r\n searchWidget.addClass('search--collapsed');\r\n }\r\n setTimeout(function () {\r\n shoppingCart.removeClass('open');\r\n searchWidget.removeClass('search--collapsed');\r\n }, 5000);\r\n });\r\n};\r\n\r\nexport default {\r\n init\r\n};\r\n","'use strict';\nvar $ = require('../internals/export');\nvar $reduce = require('../internals/array-reduce').left;\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\nvar arrayMethodUsesToLength = require('../internals/array-method-uses-to-length');\n\nvar STRICT_METHOD = arrayMethodIsStrict('reduce');\nvar USES_TO_LENGTH = arrayMethodUsesToLength('reduce', { 1: 0 });\n\n// `Array.prototype.reduce` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.reduce\n$({ target: 'Array', proto: true, forced: !STRICT_METHOD || !USES_TO_LENGTH }, {\n reduce: function reduce(callbackfn /* , initialValue */) {\n return $reduce(this, callbackfn, arguments.length, arguments.length > 1 ? arguments[1] : undefined);\n }\n});\n","var aFunction = require('../internals/a-function');\nvar toObject = require('../internals/to-object');\nvar IndexedObject = require('../internals/indexed-object');\nvar toLength = require('../internals/to-length');\n\n// `Array.prototype.{ reduce, reduceRight }` methods implementation\nvar createMethod = function (IS_RIGHT) {\n return function (that, callbackfn, argumentsLength, memo) {\n aFunction(callbackfn);\n var O = toObject(that);\n var self = IndexedObject(O);\n var length = toLength(O.length);\n var index = IS_RIGHT ? length - 1 : 0;\n var i = IS_RIGHT ? -1 : 1;\n if (argumentsLength < 2) while (true) {\n if (index in self) {\n memo = self[index];\n index += i;\n break;\n }\n index += i;\n if (IS_RIGHT ? index < 0 : length <= index) {\n throw TypeError('Reduce of empty array with no initial value');\n }\n }\n for (;IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {\n memo = callbackfn(memo, self[index], index, O);\n }\n return memo;\n };\n};\n\nmodule.exports = {\n // `Array.prototype.reduce` method\n // https://tc39.github.io/ecma262/#sec-array.prototype.reduce\n left: createMethod(false),\n // `Array.prototype.reduceRight` method\n // https://tc39.github.io/ecma262/#sec-array.prototype.reduceright\n right: createMethod(true)\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar $map = require('../internals/array-iteration').map;\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\nvar arrayMethodUsesToLength = require('../internals/array-method-uses-to-length');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('map');\n// FF49- issue\nvar USES_TO_LENGTH = arrayMethodUsesToLength('map');\n\n// `Array.prototype.map` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.map\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT || !USES_TO_LENGTH }, {\n map: function map(callbackfn /* , thisArg */) {\n return $map(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n }\n});\n"],"sourceRoot":""}