wickes-css2 2.109.0-develop.5 → 2.109.0-develop.7

package/build/js/emulation.min.js

@@ -1430,6 +1430,39 @@ module.exports = HandlebarsCompiler.template({"1":function(container,depth0,help
 },"useData":true});
 
 },{"hbsfy/runtime":23}],25:[function(require,module,exports){
+// hbsfy compiled Handlebars template
+var HandlebarsCompiler = require('hbsfy/runtime');
+module.exports = HandlebarsCompiler.template({"1":function(container,depth0,helpers,partials,data) {
+    return "d-none";
+},"3":function(container,depth0,helpers,partials,data) {
+    var helper, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "        <h2>"
+    + container.escapeExpression(((helper = (helper = lookupProperty(helpers,"titleLoader") || (depth0 != null ? lookupProperty(depth0,"titleLoader") : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{"name":"titleLoader","hash":{},"data":data,"loc":{"start":{"line":8,"column":12},"end":{"line":8,"column":27}}}) : helper)))
+    + "</h2>\n";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "<div class=\"loader-wrapper "
+    + container.escapeExpression(((helper = (helper = lookupProperty(helpers,"modifier") || (depth0 != null ? lookupProperty(depth0,"modifier") : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === "function" ? helper.call(alias1,{"name":"modifier","hash":{},"data":data,"loc":{"start":{"line":1,"column":27},"end":{"line":1,"column":39}}}) : helper)))
+    + " "
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"hidden") : depth0),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":1,"column":40},"end":{"line":1,"column":67}}})) != null ? stack1 : "")
+    + "\">\n    <div class=\"loader-spinner\">\n        <svg class=\"circular-loader\" viewBox=\"25 25 50 50\">\n            <circle class=\"loader-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\"/>\n        </svg>\n    </div>\n"
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"titleLoader") : depth0),{"name":"if","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":7,"column":4},"end":{"line":9,"column":11}}})) != null ? stack1 : "")
+    + "</div>\n";
+},"useData":true});
+
+},{"hbsfy/runtime":23}],26:[function(require,module,exports){
 "use strict";
 
 function returnMembers() {
@@ -1475,7 +1508,7 @@ $(document).ready(function () {
   initAccountHubFunctionality();
 });
 
-},{}],26:[function(require,module,exports){
+},{}],27:[function(require,module,exports){
 "use strict";
 
 var ALREADY_EXIST_EMAIL = 'fe@wickes.co.uk';
@@ -1529,7 +1562,7 @@ $(document).ready(function () {
   initAccountMembersFunctionality();
 });
 
-},{}],27:[function(require,module,exports){
+},{}],28:[function(require,module,exports){
 "use strict";
 
 var validProjectListId = ['45d94c37-06b1-4961-9fae-89d9082bc97b', 'AAA123456', 'AA123456'];
@@ -1565,7 +1598,7 @@ $(document).ready(function () {
   initAddProjectListId();
 });
 
-},{}],28:[function(require,module,exports){
+},{}],29:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -1610,7 +1643,7 @@ Wick.addToAnyCustomisation = {
 };
 Wick.addToAnyCustomisation.init();
 
-},{}],29:[function(require,module,exports){
+},{}],30:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -1727,57 +1760,189 @@ Wick.Autocomplete = function () {
   init();
 }();
 
-},{}],30:[function(require,module,exports){
+},{}],31:[function(require,module,exports){
 "use strict";
 
 // Simulate prompt for input
-function getInputs() {
-  var productBannerPositions = prompt("Enter Product Banner Positions:", "2") || "";
-  var sponsorProductPositions = prompt("Enter Sponsor Product Positions (comma-separated):", "6,7,8") || "";
-  var sponsorBannerPositions = prompt("Enter Sponsor Banner Positions:", "10") || "";
-  return {
-    productBannerPositions: productBannerPositions ? productBannerPositions.split(",").map(Number) : [],
-    sponsorProductPositions: sponsorProductPositions ? sponsorProductPositions.split(",").map(Number) : [],
-    sponsorBannerPositions: sponsorBannerPositions ? sponsorBannerPositions.split(",").map(Number) : []
-  };
+
+function parseSlots(value) {
+  if (!value) {
+    return [];
+  }
+  return String(value).split(',').map(function (item) {
+    return parseInt(item.trim(), 10);
+  }).filter(function (item) {
+    return Number.isInteger(item) && item >= 0;
+  });
+}
+function isBloomreachDisabled(slots) {
+  return !slots.length || slots.every(function (s) {
+    return s === 0;
+  });
+}
+function toggleHybrisProductBanners(inputs) {
+  var banners = document.querySelectorAll('.card-product-banner');
+  var disabled = isBloomreachDisabled(inputs.bloomreachSlots);
+  banners.forEach(function (banner) {
+    if (disabled) {
+      banner.classList.remove('d-none');
+      banner.classList.remove('card-product-banner--inactive');
+    } else {
+      banner.classList.add('d-none');
+      banner.classList.add('card-product-banner--inactive');
+    }
+  });
 }
 function getPositionAttr() {
   var isMobile = Wick.BannerPlacementManager.isMobileResolution();
   return isMobile ? 'data-mobile-position' : 'data-desktop-position';
 }
-function updatePositions(inputs) {
-  var productBannerElements = document.querySelectorAll(".card-product-banner");
-  productBannerElements.forEach(function (el, index) {
-    if (inputs.productBannerPositions[index] !== undefined) {
-      el.setAttribute(getPositionAttr(), inputs.productBannerPositions[index]);
+function setUnifiedPosition(el, slot) {
+  el.setAttribute('data-desktop-position', String(slot));
+  el.setAttribute('data-mobile-position', String(slot));
+}
+function hasLegacyBanners() {
+  return Boolean(document.querySelector('.card-product-banner') || document.querySelector('.card-sponsor-product') || document.querySelector('.card-sponsor-banner'));
+}
+function getInputs() {
+  var hasLegacy = hasLegacyBanners();
+  var bloomreachSlots = parseSlots(prompt('Enter Bloomreach Banner Slots (comma-separated):', '3') || '');
+  if (!hasLegacy) {
+    return {
+      bloomreachSlots: bloomreachSlots,
+      sponsorProductPositions: [],
+      sponsorBannerPositions: [],
+      productBannerPositions: []
+    };
+  }
+  var productBannerPositions = prompt('Enter Product Banner Positions (comma-separated):', '2') || '';
+  var sponsorProductPositions = prompt('Enter Sponsor Product Positions (comma-separated):', '6,7,8') || '';
+  var sponsorBannerPositions = prompt('Enter Sponsor Banner Positions (comma-separated):', '10') || '';
+  return {
+    productBannerPositions: parseSlots(productBannerPositions),
+    sponsorProductPositions: parseSlots(sponsorProductPositions),
+    sponsorBannerPositions: parseSlots(sponsorBannerPositions),
+    bloomreachSlots: bloomreachSlots
+  };
+}
+function updateBannerPositions(selector, positions) {
+  if (!(positions !== null && positions !== void 0 && positions.length)) {
+    return;
+  }
+  var positionAttr = getPositionAttr();
+  var elements = document.querySelectorAll(selector);
+  elements.forEach(function (el, index) {
+    if (positions[index] !== undefined) {
+      el.setAttribute(positionAttr, String(positions[index]));
     }
   });
-  var sponsorProductElements = document.querySelectorAll(".card-sponsor-product");
-  sponsorProductElements.forEach(function (el, index) {
-    if (inputs.sponsorProductPositions[index] !== undefined) {
-      el.setAttribute(getPositionAttr(), inputs.sponsorProductPositions[index]);
+}
+function updatePositions(inputs) {
+  updateBannerPositions('.card-product-banner', inputs.productBannerPositions);
+  updateBannerPositions('.card-sponsor-product', inputs.sponsorProductPositions);
+  updateBannerPositions('.card-sponsor-banner', inputs.sponsorBannerPositions);
+}
+function patchBannerPlacementManagerForBloomreachEmulation(inputs) {
+  var _window$Wick, _inputs$bloomreachSlo;
+  var manager = (_window$Wick = window.Wick) === null || _window$Wick === void 0 ? void 0 : _window$Wick.BannerPlacementManager;
+  if (!manager || manager.__bloomreachEmulationPatched) {
+    return;
+  }
+  var shouldDisableProductBanners = Boolean((_inputs$bloomreachSlo = inputs.bloomreachSlots) === null || _inputs$bloomreachSlo === void 0 ? void 0 : _inputs$bloomreachSlo.length);
+  manager.el.bloomreachBanners = '.card-bloomreach-media-banner';
+  manager.el.allBanners = shouldDisableProductBanners ? '.card-bloomreach-media-banner, .card-sponsor-banner, .card-sponsor-product' : '.card-product-banner, .card-bloomreach-media-banner, .card-sponsor-banner, .card-sponsor-product';
+  manager.el.allListSlots = shouldDisableProductBanners ? '.product-card, .card-bloomreach-media-banner, .card-sponsor-banner, .card-sponsor-product' : '.product-card, .card-product-banner, .card-bloomreach-media-banner, .card-sponsor-banner, .card-sponsor-product';
+  manager.classes.bloomreachBanners = 'card-bloomreach-media-banner';
+  manager.getListSlots = function () {
+    return $(manager.el.productsWrap).children(manager.el.allListSlots).filter(function () {
+      if ($(this).hasClass(manager.classes.productBanners) || $(this).hasClass(manager.classes.bloomreachBanners)) {
+        var position = manager.getBannerPosition(this);
+        var productsCount = manager.getListLength();
+        return position <= productsCount;
+      }
+      return true;
+    });
+  };
+  manager.arrangeBannersInRightOrder = function () {
+    var $allBanners = $(manager.el.allBanners);
+    function getSameSlotInsertionOrder(el) {
+      if ($(el).hasClass(manager.classes.bloomreachBanners)) {
+        return 0;
+      }
+      if ($(el).hasClass(manager.classes.sponsorBanners)) {
+        return 1;
+      }
+      if ($(el).hasClass(manager.classes.sponsorProducts)) {
+        return 2;
+      }
+      if ($(el).hasClass(manager.classes.productBanners)) {
+        return 3;
+      }
+      return 4;
     }
+    $allBanners.sort(function (a, b) {
+      var positionA = manager.getBannerPosition(a);
+      var positionB = manager.getBannerPosition(b);
+      if (positionA !== positionB) {
+        return positionA - positionB;
+      }
+      return getSameSlotInsertionOrder(a) - getSameSlotInsertionOrder(b);
+    }).appendTo(manager.el.productsWrap);
+  };
+  manager.__bloomreachEmulationPatched = true;
+}
+function rebuildBloomreachBannersForEmulation(inputs) {
+  var slots = inputs.bloomreachSlots || [];
+  var productsWrap = document.querySelector('.products-list.products-list-v2');
+  if (!productsWrap) {
+    return;
+  }
+  var existingBanners = document.querySelectorAll('.card-bloomreach-media-banner');
+  if (isBloomreachDisabled(slots)) {
+    existingBanners.forEach(function (banner) {
+      return banner.remove();
+    });
+    return;
+  }
+  if (!existingBanners.length) {
+    return;
+  }
+  var template = existingBanners[0].cloneNode(true);
+  existingBanners.forEach(function (banner) {
+    return banner.remove();
   });
-  var sponsorBannerElements = document.querySelectorAll(".card-sponsor-banner");
-  sponsorBannerElements.forEach(function (el, index) {
-    if (inputs.sponsorBannerPositions[index] !== undefined) {
-      el.setAttribute(getPositionAttr(), inputs.sponsorBannerPositions[index]);
-    }
+  var fragment = document.createDocumentFragment();
+  slots.forEach(function (slot) {
+    if (slot === 0) return;
+    var node = template.cloneNode(true);
+    node.removeAttribute('data-slots');
+    setUnifiedPosition(node, slot);
+    fragment.appendChild(node);
   });
+  productsWrap.appendChild(fragment);
 }
-function init() {
+function applyBloomreachEmulation() {
   var inputs = getInputs();
   updatePositions(inputs);
+  var isDisabled = isBloomreachDisabled(inputs.bloomreachSlots);
+  toggleHybrisProductBanners(inputs);
+  if (!isDisabled) {
+    patchBannerPlacementManagerForBloomreachEmulation(inputs);
+  }
+  rebuildBloomreachBannersForEmulation(inputs);
+  if (window.Wick && Wick.BannerPlacementManager && typeof Wick.BannerPlacementManager.checkProductsInColumn === 'function') {
+    Wick.BannerPlacementManager.checkProductsInColumn();
+  }
 }
 $(document).ready(function () {
-  if ($('.retail-media .products-list.products-list-v2').length) {
+  if ($('.products-list.products-list-v2').length) {
     setTimeout(function () {
-      return init();
+      applyBloomreachEmulation();
     }, 100);
   }
 });
 
-},{}],31:[function(require,module,exports){
+},{}],32:[function(require,module,exports){
 "use strict";
 
 window.Wick = window.Wick || {};
@@ -3841,7 +4006,7 @@ Wick.BasketData = function () {
   };
 }();
 
-},{}],32:[function(require,module,exports){
+},{}],33:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -3895,7 +4060,7 @@ var Wick = Wick || {};
   bindEvents();
 })();
 
-},{}],33:[function(require,module,exports){
+},{}],34:[function(require,module,exports){
 "use strict";
 
 var Wick = window.Wick = window.Wick || {};
@@ -4646,7 +4811,7 @@ Wick.BigWinsProto = function () {
   init();
 }();
 
-},{}],34:[function(require,module,exports){
+},{}],35:[function(require,module,exports){
 "use strict";
 
 (function () {
@@ -4703,7 +4868,7 @@ Wick.BigWinsProto = function () {
   });
 })();
 
-},{}],35:[function(require,module,exports){
+},{}],36:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -4725,7 +4890,7 @@ Wick.ChatBot = function () {
   init();
 }();
 
-},{}],36:[function(require,module,exports){
+},{}],37:[function(require,module,exports){
 "use strict";
 
 window.Wick = window.Wick || {};
@@ -4741,7 +4906,7 @@ Wick.checkLocalEnv = function () {
   };
 }();
 
-},{}],37:[function(require,module,exports){
+},{}],38:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -4776,7 +4941,7 @@ Wick.CheckoutData = function () {
   };
 }();
 
-},{}],38:[function(require,module,exports){
+},{}],39:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -4808,7 +4973,7 @@ Wick.DeliveryDetails = function () {
   bindEvents();
 }();
 
-},{}],39:[function(require,module,exports){
+},{}],40:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -4854,7 +5019,7 @@ Wick.PaymentDetails = function () {
   bindEvents();
 }();
 
-},{}],40:[function(require,module,exports){
+},{}],41:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -4893,7 +5058,7 @@ Wick.CheckoutSignInEmulation = function () {
   bindEvents();
 }();
 
-},{}],41:[function(require,module,exports){
+},{}],42:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -4976,7 +5141,7 @@ Wick.YourDetails = function () {
   init();
 }();
 
-},{}],42:[function(require,module,exports){
+},{}],43:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -5000,7 +5165,7 @@ Wick.ClickAndCollectModal = function () {
   });
 }();
 
-},{}],43:[function(require,module,exports){
+},{}],44:[function(require,module,exports){
 "use strict";
 
 function showNotification() {
@@ -5017,7 +5182,7 @@ $(document).ready(function () {
   showNotification();
 });
 
-},{}],44:[function(require,module,exports){
+},{}],45:[function(require,module,exports){
 "use strict";
 
 function simulateHybrisSendingHtml() {
@@ -5042,7 +5207,7 @@ $(document).ready(function () {
   bindResolveEvent(['CLOSE_JUST_ADDED', 'CLOSE_MINI_BASKET', 'MINI_BASKET_CHECKOUT', 'MINI_BASKET_VIEW_BASKET']);
 });
 
-},{}],45:[function(require,module,exports){
+},{}],46:[function(require,module,exports){
 "use strict";
 
 var DS_EL = {
@@ -5173,7 +5338,7 @@ $(document).ready(function () {
   initDateSelection();
 });
 
-},{}],46:[function(require,module,exports){
+},{}],47:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -5264,7 +5429,7 @@ $(document).ready(function () {
   Wick.DefaultStoreProto.init();
 });
 
-},{}],47:[function(require,module,exports){
+},{}],48:[function(require,module,exports){
 "use strict";
 
 var errorPoductId = '321312';
@@ -5306,7 +5471,7 @@ $(document).ready(function () {
   initLocalFavouriteProductEvent();
 });
 
-},{}],48:[function(require,module,exports){
+},{}],49:[function(require,module,exports){
 "use strict";
 
 var _showMoreLess = require("../page/utils/show-more-less");
@@ -5432,7 +5597,7 @@ function waitFor(getter, cb, opts) {
   });
 })();
 
-},{"../page/utils/show-more-less":92}],49:[function(require,module,exports){
+},{"../page/utils/show-more-less":94}],50:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -5471,7 +5636,7 @@ Wick.DeliveryDetails = function () {
   bindEvents();
 }();
 
-},{}],50:[function(require,module,exports){
+},{}],51:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -5499,7 +5664,7 @@ Wick.FooterСurrentYear = function () {
   init();
 }();
 
-},{}],51:[function(require,module,exports){
+},{}],52:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -5813,7 +5978,7 @@ Wick.Forms = function () {
   };
 }();
 
-},{}],52:[function(require,module,exports){
+},{}],53:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -5852,7 +6017,7 @@ $(document).ready(function () {
   Wick.GenerateProjectIdLocal.init();
 });
 
-},{}],53:[function(require,module,exports){
+},{}],54:[function(require,module,exports){
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
@@ -6051,9 +6216,10 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
     });
   }
   $(document).ready(function () {
+    var _Wick$GiftCard;
     mock.giftCards = [];
     recomputeTotalsAndOrder();
-    Wick.GiftCard.init({
+    (_Wick$GiftCard = Wick.GiftCard) === null || _Wick$GiftCard === void 0 ? void 0 : _Wick$GiftCard.init({
       giftCardsLimit: GIFT_CARDS_LIMIT,
       errorCode: PAY_ERROR_CODE,
       giftCards: mock.giftCards.slice()
@@ -6062,7 +6228,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
   $(document).ready(initGiftCardMock);
 })();
 
-},{}],54:[function(require,module,exports){
+},{}],55:[function(require,module,exports){
 "use strict";
 
 var suggestions = [{
@@ -6201,7 +6367,7 @@ $(document).ready(function () {
   initLocalSearchBar();
 });
 
-},{}],55:[function(require,module,exports){
+},{}],56:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -6237,7 +6403,7 @@ Wick.GoogleMapsStoreInfo = function () {
   init();
 }();
 
-},{}],56:[function(require,module,exports){
+},{}],57:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -6293,7 +6459,7 @@ $(document).ready(function () {
   init();
 });
 
-},{}],57:[function(require,module,exports){
+},{}],58:[function(require,module,exports){
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
@@ -6891,7 +7057,7 @@ if (!Array.prototype.reduce) {
   });
 }
 
-},{}],58:[function(require,module,exports){
+},{}],59:[function(require,module,exports){
 "use strict";
 
 $(document).ready(function () {
@@ -10562,7 +10728,7 @@ $(document).ready(function () {
   }, 100);
 });
 
-},{}],59:[function(require,module,exports){
+},{}],60:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -10598,7 +10764,7 @@ Wick.orders = function () {
   initialize();
 }();
 
-},{}],60:[function(require,module,exports){
+},{}],61:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -11459,7 +11625,7 @@ Wick.MainNavData = function () {
   };
 }();
 
-},{}],61:[function(require,module,exports){
+},{}],62:[function(require,module,exports){
 "use strict";
 
 window.Wick = window.Wick || {};
@@ -12474,7 +12640,7 @@ Wick.MiniBasketData = function () {
   };
 }();
 
-},{}],62:[function(require,module,exports){
+},{}],63:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -12509,7 +12675,7 @@ Wick.ShoppingCart = function () {
   };
 }();
 
-},{}],63:[function(require,module,exports){
+},{}],64:[function(require,module,exports){
 "use strict";
 
 $(document).ready(function () {
@@ -12525,7 +12691,7 @@ $(document).ready(function () {
   });
 });
 
-},{}],64:[function(require,module,exports){
+},{}],65:[function(require,module,exports){
 "use strict";
 
 var Wick = window.Wick || {};
@@ -12568,7 +12734,7 @@ Wick.FEMock = {
   cartPDPError: "\n    <div class=\"custom-slider__wrap slider-mini-basket popover-mini-basket\">\n      <div class=\"custom-slider__header\">\n        <button class=\"btn btn-link p-0 link close-popup\" type=\"button\">\n          <span class=\"icon-wrap\">\n            <svg class=\"svg-inline--fa fa-angle-left fa-w-6\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"angle-left\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 192 512\" data-fa-i2svg=\"\">\n              <path fill=\"currentColor\" d=\"M4.2 247.5L151 99.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17L69.3 256l118.5 119.7c4.7 4.7 4.7 12.3 0 17L168 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 264.5c-4.7-4.7-4.7-12.3 0-17z\"></path>\n            </svg>\n          </span>\n          Continue Shopping\n        </button>\n\n        <button class=\"icon-wrap close-popup\" type=\"button\">\n          <svg class=\"svg-inline--fa fa-times fa-w-10 icon\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"times\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\" data-fa-i2svg=\"\">\n            <path fill=\"currentColor\" d=\"M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z\"></path>\n          </svg>\n        </button>\n      </div>\n\n      <div class=\"custom-slider__message\">\n        <span class=\"icon-wrap error\">\n          <svg class=\"svg-inline--fa fa-times-circle fa-w-16\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"times-circle\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" data-fa-i2svg=\"\">\n            <path fill=\"currentColor\" d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z\"></path>\n          </svg>\n        </span>\n\n        <div class=\"messages popover-mini-basket__not-added\">\n          <p class=\"messages__text\">\n            Invalid quantity entered. Please enter a number to the field \u2018quantity\u2019.\n          </p>\n        </div>\n      </div>\n\n      <div class=\"products popover-mini-basket__cards-holder\">\n        <div class=\"card product-card-preview\">\n          <div class=\"products__item card__inner\" data-name=\"Blue Circle Ready To Use Postcrete - 20kg\" data-id=\"221100\" data-price=\"7.50\" data-position=\"0\">\n            <a href=\"/Blue-Circle-Ready-To-Use-Postcrete---20kg/p/221100\" class=\"card__img-wrap card__img-wrap_link products__image\">\n              <img loading=\"lazy\" class=\"product-img\" src=\"//media.wickes.co.uk/is/image/wickes/B3182_221100_00?$thumbnail$\" alt=\"Blue Circle Ready To Use Postcrete - 20kg\" title=\"Blue Circle Ready To Use Postcrete - 20kg\">\n            </a>\n\n            <div class=\"products__details\">\n              <a href=\"/Blue-Circle-Ready-To-Use-Postcrete---20kg/p/221100\" class=\"title product-card__title\">\n                Blue Circle Ready To Use Postcrete - 20kg\n              </a>\n\n              <p class=\"price\">\n                <span class=\"product-card__price-value\">\xA37.50</span>\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"custom-slider__content\"></div>\n    </div>\n  "
 };
 
-},{}],65:[function(require,module,exports){
+},{}],66:[function(require,module,exports){
 "use strict";
 
 function getOrdersHtmlByCurrentPage(_ref) {
@@ -12631,7 +12797,7 @@ $(document).ready(function () {
   initMyOrdersEvent();
 });
 
-},{}],66:[function(require,module,exports){
+},{}],67:[function(require,module,exports){
 "use strict";
 
 function initNotifyMeEmulation() {
@@ -12643,7 +12809,7 @@ $(document).ready(function () {
   initNotifyMeEmulation();
 });
 
-},{}],67:[function(require,module,exports){
+},{}],68:[function(require,module,exports){
 "use strict";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -12680,7 +12846,7 @@ Object.entries(paymentTypeSelectors).forEach(function (_ref) {
   });
 });
 
-},{}],68:[function(require,module,exports){
+},{}],69:[function(require,module,exports){
 "use strict";
 
 var Wick = window.Wick = window.Wick || {};
@@ -12774,7 +12940,7 @@ $(document).ready(function () {
   }
 });
 
-},{}],69:[function(require,module,exports){
+},{}],70:[function(require,module,exports){
 "use strict";
 
 function handleClickAndScroll(cta, elementToScroll) {
@@ -12794,7 +12960,7 @@ $(document).ready(function () {
   handleClickAndScroll('.pdp-price-sale__value .pdp-price__excluding-delivery', '.pdp__fulfilment');
 });
 
-},{}],70:[function(require,module,exports){
+},{}],71:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -12880,7 +13046,7 @@ $(document).ready(function () {
   initPersonalDetails();
 });
 
-},{}],71:[function(require,module,exports){
+},{}],72:[function(require,module,exports){
 "use strict";
 
 function getHtmlByCurrentPage(_ref) {
@@ -12909,7 +13075,7 @@ $(document).ready(function () {
   initPLPLoadMoreFunctionality();
 });
 
-},{}],72:[function(require,module,exports){
+},{}],73:[function(require,module,exports){
 "use strict";
 
 var Wick = window.Wick = window.Wick || {};
@@ -13127,7 +13293,7 @@ Wick.MiniBasket = function () {
   };
 }();
 
-},{}],73:[function(require,module,exports){
+},{}],74:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -13168,7 +13334,7 @@ $(document).ready(function () {
   Wick.ProductCounter.bind();
 });
 
-},{}],74:[function(require,module,exports){
+},{}],75:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -13203,7 +13369,7 @@ $(document).ready(function () {
   Wick.ProjectListMultiple.bindAll();
 });
 
-},{}],75:[function(require,module,exports){
+},{}],76:[function(require,module,exports){
 "use strict";
 
 var Wick = window.Wick = window.Wick || {};
@@ -13490,7 +13656,7 @@ $(document).ready(function () {
   init();
 });
 
-},{}],76:[function(require,module,exports){
+},{}],77:[function(require,module,exports){
 "use strict";
 
 function initProjectShadowList() {
@@ -13552,7 +13718,7 @@ $(document).ready(function () {
   initProjectShadowList();
 });
 
-},{}],77:[function(require,module,exports){
+},{}],78:[function(require,module,exports){
 "use strict";
 
 function initQuizEmail() {
@@ -13572,7 +13738,7 @@ $(document).ready(function () {
   initQuizEmail();
 });
 
-},{}],78:[function(require,module,exports){
+},{}],79:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -13672,7 +13838,7 @@ Wick.ReferenceField = function () {
   init();
 }();
 
-},{}],79:[function(require,module,exports){
+},{}],80:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -13702,7 +13868,7 @@ Wick.RepaymentToggle = function () {
   bindEvents();
 }();
 
-},{}],80:[function(require,module,exports){
+},{}],81:[function(require,module,exports){
 "use strict";
 
 $(document).on('click', '.filter-results__clear', function () {
@@ -13711,7 +13877,7 @@ $(document).on('click', '.filter-results__clear', function () {
   form.submit();
 });
 
-},{}],81:[function(require,module,exports){
+},{}],82:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -13737,7 +13903,7 @@ Wick.Selectable = function () {
   bindEvents();
 }();
 
-},{}],82:[function(require,module,exports){
+},{}],83:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -13820,7 +13986,7 @@ $(document).ready(function () {
   Wick.ShoppingList.bindAll();
 });
 
-},{}],83:[function(require,module,exports){
+},{}],84:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -13845,26 +14011,64 @@ Wick.SignUp = function () {
   });
 }();
 
-},{}],84:[function(require,module,exports){
+},{}],85:[function(require,module,exports){
 "use strict";
 
-//TODO: needs refactoring in future, gather tother with range-type.js for common script
-var Wick = Wick || {};
-Wick.StoreLocator = function () {
-  var $button = $('.store-locator__load-button'),
-    cardsListOpenClass = 'cards-store-list_open',
-    $cardsList = $('.cards-store-wrapper'),
-    $buttons = $cardsList.find($button);
-  $buttons.on('click', function () {
-    if ($cardsList.hasClass(cardsListOpenClass)) {
-      $('html, body').scrollTop($cardsList.parents('.cards-store-holder').offset().top + 20);
-    }
-    $cardsList.toggleClass(cardsListOpenClass);
-    $buttons.toggle();
-  });
-}();
+var _loader = require("../page/utils/loader");
+function initStoreLocatorLoadMore() {
+  var PAGE_SIZE = 8;
+  var SELECTORS = {
+    cards: '.cards-store-list',
+    btnMore: '.store-locator__load-button_more',
+    loader: '.store-locator-loader'
+  };
+  var loaderPayload = {
+    wrapper: 'body',
+    hidden: true,
+    modifier: 'store-locator-loader'
+  };
+  var $cards = $(SELECTORS.cards);
+  var $btnMore = $(SELECTORS.btnMore);
+  var visibleCount = PAGE_SIZE;
+  function updateVisibility() {
+    var _Wick$StoreCardsAlign;
+    $cards.each(function (index) {
+      $(this).toggle(index < visibleCount);
+    });
+    if (visibleCount >= $cards.length) {
+      $btnMore.hide();
+    } else {
+      $btnMore.show();
+    }
+    (_Wick$StoreCardsAlign = Wick.StoreCardsAlign) === null || _Wick$StoreCardsAlign === void 0 ? void 0 : _Wick$StoreCardsAlign.align();
+  }
+  function loadMore() {
+    (0, _loader.showLoader)(SELECTORS.loader);
+    $btnMore.prop('disabled', true);
+    setTimeout(function () {
+      visibleCount += PAGE_SIZE;
+      updateVisibility();
+      (0, _loader.hideLoader)(SELECTORS.loader);
+      $btnMore.prop('disabled', false).blur();
+    }, 1000);
+  }
+  function init() {
+    if (!$cards.length || !$btnMore.length) {
+      return;
+    }
+    if (!$(SELECTORS.loader).length) {
+      (0, _loader.appendLoader)(loaderPayload);
+    }
+    updateVisibility();
+    $btnMore.on('click', loadMore);
+  }
+  init();
+}
+$(document).ready(function () {
+  initStoreLocatorLoadMore();
+});
 
-},{}],85:[function(require,module,exports){
+},{"../page/utils/loader":93}],86:[function(require,module,exports){
 "use strict";
 
 var Wick = window.Wick || {};
@@ -13905,7 +14109,7 @@ $(document).ready(function () {
   }, 250));
 });
 
-},{}],86:[function(require,module,exports){
+},{}],87:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -13927,7 +14131,7 @@ $(document).ready(function () {
   Wick.addListToBasket.addAllProjectList();
 });
 
-},{}],87:[function(require,module,exports){
+},{}],88:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -13965,7 +14169,7 @@ Wick.User = function () {
   };
 }();
 
-},{}],88:[function(require,module,exports){
+},{}],89:[function(require,module,exports){
 "use strict";
 
 var suppressQuantityReportValidityOnBlur = false;
@@ -13992,14 +14196,14 @@ $(document).off('keydown.quantityValidation', '#quantity-field').on('keydown.qua
   }, 150);
 });
 
-},{}],89:[function(require,module,exports){
+},{}],90:[function(require,module,exports){
 "use strict";
 
 window.ACC = window.ACC || {};
 window.ACC.app = window.ACC.app || {};
 window.ACC.app.isVatToggleAvailable = !!$('.switch-vat input').length;
 
-},{}],90:[function(require,module,exports){
+},{}],91:[function(require,module,exports){
 "use strict";
 
 var Wick = window.Wick = window.Wick || {};
@@ -14031,7 +14235,7 @@ Wick.Wismo = function () {
   });
 }();
 
-},{}],91:[function(require,module,exports){
+},{}],92:[function(require,module,exports){
 "use strict";
 
 var Wick = Wick || {};
@@ -14110,7 +14314,33 @@ Wick.YourDetails = function () {
   });
 }();
 
-},{}],92:[function(require,module,exports){
+},{}],93:[function(require,module,exports){
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.appendLoader = appendLoader;
+exports.hideLoader = hideLoader;
+exports.showLoader = showLoader;
+var _loader = _interopRequireDefault(require("../../../elements/loader.hbs"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var defaultLoader = '.loader-wrapper';
+var HIDDEN_CLASS_NAME = 'd-none';
+function defineLoaderWrapper(loader) {
+  return loader ? loader : defaultLoader;
+}
+function appendLoader(payload) {
+  $(payload.wrapper).append((0, _loader["default"])(payload));
+}
+function showLoader(loaderSelector) {
+  $(defineLoaderWrapper(loaderSelector)).removeClass(HIDDEN_CLASS_NAME);
+}
+function hideLoader(loaderSelector) {
+  $(defineLoaderWrapper(loaderSelector)).addClass(HIDDEN_CLASS_NAME);
+}
+
+},{"../../../elements/loader.hbs":25}],94:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -14347,4 +14577,4 @@ function createShowMoreLess() {
   };
 }
 
-},{"../../../elements/btn.hbs":24}]},{},[25,26,27,28,29,30,31,32,33,34,35,36,41,37,38,39,40,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91]);
+},{"../../../elements/btn.hbs":24}]},{},[26,27,28,29,30,31,32,33,34,35,36,37,42,38,39,40,41,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92]);