wickes-css2 2.113.0-develop.2 → 2.113.0-develop.20

package/src/js/emulation/just-added-scenarios-emulation.js

@@ -0,0 +1,131 @@
+var Wick = window.Wick || {};
+
+const cartAddScenarios = [
+    {
+        status: 'SUCCESS',
+        icon: 'fas fa-check-circle',
+        iconClass: 'success',
+        message: "You've just added",
+        description: 'Excluding items already in basket',
+        showDontForget: true,
+    },
+    {
+        status: 'PARTIAL_INSUFFICIENT_STOCK',
+        icon: 'fas fa-exclamation-circle',
+        iconClass: 'warning',
+        message:
+            'A lower quantity of this product has been added to your Basket due to insufficient stock',
+        description: '',
+        showDontForget: true,
+    },
+    {
+        status: 'PARTIAL_MAX_QTY',
+        icon: 'fas fa-exclamation-circle',
+        iconClass: 'warning',
+        message: 'A lower quantity of product(s) was added to the basket',
+        description:
+            'We are only able to fulfil a maximum of 30 Blue Circle Ready To Use Postcrete - 20kg per order',
+        showDontForget: true,
+    },
+    {
+        status: 'MAX_QTY_ERROR',
+        icon: 'fas fa-times-circle',
+        iconClass: 'error',
+        message: 'Maximum of 30 Blue Circle Ready To Use Postcrete - 20kg per order',
+        description: '',
+        showDontForget: true,
+    },
+    {
+        status: 'MIN_QTY_ERROR',
+        icon: 'fas fa-times-circle',
+        iconClass: 'error',
+        message: 'Minimum of 2 Blue Circle Ready To Use Postcrete - 20kg per order',
+        description: '',
+        showDontForget: true,
+    },
+    {
+        status: 'PRODUCT_NOT_FOUND',
+        icon: 'fas fa-times-circle',
+        iconClass: 'error',
+        message: 'Unable to add to basket',
+        description: 'An error occurred when adding to basket',
+        showDontForget: false,
+    },
+    {
+        status: 'INSUFFICIENT_STOCK_ERROR',
+        icon: 'fas fa-times-circle',
+        iconClass: 'error',
+        message: 'Not added to basket due to insufficient stock',
+        description: '',
+        showDontForget: false,
+    },
+];
+
+let currentScenarioIndex = 0;
+
+export function getNextCartAddScenario() {
+    const scenario = cartAddScenarios[currentScenarioIndex];
+
+    currentScenarioIndex = (currentScenarioIndex + 1) % cartAddScenarios.length;
+
+    return scenario;
+}
+
+function getMockRecommendationWidget(html) {
+    if (!html || !Wick.FEMock || !Wick.FEMock.dataBloomreach) {
+        return null;
+    }
+
+    const $html = $(html);
+    const $sliderWrap = $html
+        .filter('.custom-slider__wrap')
+        .add($html.find('.custom-slider__wrap'))
+        .first();
+
+    const mockDataKey = $sliderWrap.attr('data-mock-key');
+
+    return mockDataKey ? Wick.FEMock.dataBloomreach[mockDataKey] : null;
+}
+
+export function createCartScenarioHtml(baseHtml, scenario) {
+    const $root = $('<div>').html(baseHtml);
+    const $message = $root.find('.custom-slider__message');
+    const $notice = $message.find('.messages__notice');
+
+    $message.find('.icon-wrap').first().replaceWith(`
+        <span class="icon-wrap ${scenario.iconClass}">
+            <i class="${scenario.icon}"></i>
+        </span>
+    `);
+
+    $message.find('.messages__text span').text(scenario.message);
+
+    if (scenario.description) {
+        $notice.text(scenario.description);
+    } else {
+        $notice.remove();
+    }
+
+    if (!scenario.showDontForget) {
+        $root.find('.custom-slider__wrap').removeAttr('data-mock-key');
+    }
+
+    return $root.html();
+}
+
+export function dispatchCartScenario(baseHtml, scenario) {
+    const html = createCartScenarioHtml(baseHtml, scenario);
+    const recommendationWidget = scenario.showDontForget ? getMockRecommendationWidget(html) : null;
+
+    window.dispatchEvent(
+        new CustomEvent('productAddedToCart', {
+            detail: {
+                html,
+                cartPopupHtml: html,
+                addToCartStatus: scenario.status,
+                showDontForget: scenario.showDontForget,
+                recommendationWidget,
+            },
+        })
+    );
+}

package/src/js/emulation/mini-basket.js

@@ -1,39 +1,39 @@
 var Wick = Wick || {};
-Wick.ShoppingCart = (function(){
-  var $btn = $('.header-minicart__switcher');
-
-  function isEmpty() {
-    return localStorage.isEmpty === 'true';
-  }
-
-  function clear() {
-    localStorage.isEmpty = true;
-    $btn.find('.header-minicart__counter').removeClass('_is-visible');
-    Wick.MiniBasket.disableRollover();
-  }
-
-  function add() {
-    localStorage.isEmpty = false;
-    $btn.find('.header-minicart__counter').addClass('_is-visible');
-  }
-
-  function bindEvents() {
-    $('.btn-add-to-basket, .page-product-details .card-store-collect__btn').on('click', add);
-  }
-
-  var init = function () {
-    bindEvents();
-
-    if(isEmpty()){
-      clear();
-    } else {
-      $btn.find('.header-minicart__counter').addClass('_is-visible');
+Wick.ShoppingCart = (function () {
+    var $btn = $('.header-minicart__switcher');
+
+    function isEmpty() {
+        return localStorage.isEmpty === 'true';
+    }
+
+    function clear() {
+        localStorage.isEmpty = true;
+        $btn.find('.header-minicart__counter').removeClass('_is-visible');
+        Wick.MiniBasket.disableRollover();
+    }
+
+    function add() {
+        localStorage.isEmpty = false;
+        $btn.find('.header-minicart__counter').addClass('_is-visible');
     }
-  };
 
-  $(document).ready(init);
+    function bindEvents() {
+        $('.btn-add-to-basket, .page-product-details .card-store-collect__btn').on('click', add);
+    }
+
+    var init = function () {
+        bindEvents();
+
+        if (isEmpty()) {
+            clear();
+        } else {
+            $btn.find('.header-minicart__counter').addClass('_is-visible');
+        }
+    };
+
+    $(document).ready(init);
 
-  return {
-    clear: clear
-  };
+    return {
+        clear: clear,
+    };
 })();