wickes-css2 2.103.0-IC-976-pre-commit-lint.5 → 2.103.0-IC-976-pre-commit-lint.8

package/src/js/page/instore-checkout.js

@@ -1,11 +1,11 @@
 var Wick = Wick || {};
 
 Wick.InstoreCheckout = (function () {
-    function bindEvents() {
+    function bindEvents () {
         $('#checkout-sign-in-submit').click(function () {
             Wick.Forms.showValidationErrors($(this).closest('form')[0]);
         });
     }
 
     bindEvents();
-})();
+})();

package/src/js/page/kitchen/card-carousel.js

@@ -3,29 +3,29 @@ var Wick = Wick || {};
 Wick.PLPCardSwiper = {};
 
 $(document).ready(function () {
-    const SELECTORS = {
-        kitchenCard: '.kitchen-card',
-        swiperContainer: '.swiper-container-main',
-        nextButton: '.kitchen-card__next-btn',
-        prevButton: '.kitchen-card__prev-btn',
-    };
+  const SELECTORS = {
+    kitchenCard: '.kitchen-card',
+    swiperContainer: '.swiper-container-main',
+    nextButton: '.kitchen-card__next-btn',
+    prevButton: '.kitchen-card__prev-btn',
+  };
 
-    $(SELECTORS.kitchenCard).each(function (index, container) {
-        const $container = $(container);
-        const id = $container.data('id');
+  $(SELECTORS.kitchenCard).each(function (index, container) {
+    const $container = $(container);
+    const id = $container.data('id');
 
-        const sliderElement = $container.find(SELECTORS.swiperContainer)[0];
-        const nextButtonElement = $container.find(SELECTORS.nextButton)[0];
-        const prevButtonElement = $container.find(SELECTORS.prevButton)[0];
+    const sliderElement = $container.find(SELECTORS.swiperContainer)[0];
+    const nextButtonElement = $container.find(SELECTORS.nextButton)[0];
+    const prevButtonElement = $container.find(SELECTORS.prevButton)[0];
 
-        const swiper = new Swiper(sliderElement, {
-            speed: 400,
-            navigation: {
-                nextEl: nextButtonElement,
-                prevEl: prevButtonElement,
-            },
-        });
-
-        Wick.PLPCardSwiper[id] = swiper;
+    const swiper = new Swiper(sliderElement, {
+      speed: 400,
+      navigation: {
+        nextEl: nextButtonElement,
+        prevEl: prevButtonElement,
+      },
     });
+
+    Wick.PLPCardSwiper[id] = swiper;
+  });
 });

package/src/js/page/kitchen/colour-swatches.js

@@ -1,6 +1,6 @@
-const Handlebars = require('hbsfy/runtime');
+const Handlebars = require("hbsfy/runtime");
 const markdown = require('helper-markdown');
-
+ 
 import { arrayToObjectByIndex } from '../utils/array-utils';
 
 import price from '../../../components/kitchen/price.hbs';
@@ -8,157 +8,153 @@ import stripStickers from '../../../components/kitchen/strip-stickers.hbs';
 import slide from '../../../components/kitchen/slide.hbs';
 import infoIcon from '../../../components/info-icon.hbs';
 
-(function () {
-    const CLASSES = {
-        activeSwatch: 'colour-swatch--active',
-        hiddenSwatch: 'colour-swatch--hidden',
-    };
-
-    const SELECTORS = {
-        kitchenCardsContainer: '.kitchen-cards',
-        cardContainer: '.kitchen-card',
-        colourSwatch: '.colour-swatch',
-        moreSwatchesButton: '.swatch-more',
-        hiddenSwatch: '.colour-swatch--hidden',
-        activeSwatch: '.colour-swatch--active',
-        swatchesText: '.colour-swatches__text',
-        designText: '.kitchen-card__design',
-        finishesText: '.kitchen-card__finishes',
-        ctaLink: '.kitchen-card__cta a',
-        stripsContainer: '.kitchen-card__strips',
-        priceContainer: '.kitchen-card__price',
-        tooltip: '[data-toggle="tooltip"]',
-    };
-
-    let kitchenData = [];
-
-    Handlebars.registerPartial('info-icon', infoIcon);
-
-    Handlebars.registerHelper('markdown', markdown());
-    Handlebars.registerHelper('ifCond', function (v1, operator, v2, options) {
-        if (operator === '||') {
-            return v1 || v2 ? options.fn(this) : options.inverse(this);
-        }
-    });
-    Handlebars.registerHelper('optimizeImageUrl', function (url, width) {
-        const queryParameters = `format=pjpg&auto=webp&quality=90&width=${width}`;
-        const connectSymbol = url.includes('?') ? '&' : '?';
-
-        return `${url}${connectSymbol}${queryParameters}`;
-    });
-    Handlebars.registerHelper('formatPrice', function (value) {
-        if (typeof value === 'number') {
-            return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-        }
-
-        return value;
-    });
-
-    function normalizeKitchenData(kitchens) {
-        const transformedKitchens = kitchens.map((kitchen) => ({
-            ...kitchen,
-            colourDatas: arrayToObjectByIndex(kitchen.colourDatas),
-        }));
-
-        return arrayToObjectByIndex(transformedKitchens);
-    }
-
-    function transformStripStickerDataForHbs(stickers) {
-        return stickers.map((sticker) => ({
-            text: sticker.text,
-            background: sticker.backgroundColour,
-            text_colour: sticker.textColour,
-        }));
-    }
-
-    function transformPriceDataForHbs(priceData) {
-        return {
-            price: priceData.price,
-            was_price: priceData.wasPrice,
-            finance_price: priceData.financePrice,
-            tooltip_text: priceData.tooltipText,
-            additional_text: priceData.additionalText,
-            price_offer: priceData.isPriceOffer,
-        };
-    }
-
-    function updateSwiperView($cardSwiper, images, sticker) {
-        $cardSwiper.removeAllSlides();
-        const newSlidesHtml = slide({ images, sticker });
-        $cardSwiper.appendSlide(newSlidesHtml);
-        $cardSwiper.slideTo(0, 0);
-    }
-
-    function updateSwatchesTextView($cardContainer, colourName) {
-        $cardContainer.find(SELECTORS.swatchesText).text(`in ${colourName}`);
-    }
-
-    function updateParametersView($cardContainer, design, finishes) {
-        $cardContainer.find(SELECTORS.designText).text(`${design} design`);
-        $cardContainer.find(SELECTORS.finishesText).text(`${finishes} finishes`);
-    }
-
-    function updateCTALink($cardContainer, url) {
-        $cardContainer.find(SELECTORS.ctaLink).attr('href', url);
-    }
-
-    function updateStickersView($cardContainer, stickersData) {
-        const updatedStickersData = transformStripStickerDataForHbs(stickersData);
-        const newStripStickersHtml = stripStickers({ strip_stickers: updatedStickersData });
-
-        $cardContainer.find(SELECTORS.stripsContainer).html(newStripStickersHtml);
-    }
-
-    function updatePriceView($cardContainer, priceData) {
-        const updatedPriceData = transformPriceDataForHbs(priceData);
-        const newPriceHtml = price({ price: updatedPriceData, small: true });
-
-        $cardContainer.find(SELECTORS.priceContainer).html(newPriceHtml);
-        $cardContainer.find(SELECTORS.tooltip).tooltip();
-    }
-
-    function handleMoreSwatchesClick() {
-        const $button = $(this);
-        $button.siblings(SELECTORS.hiddenSwatch).removeClass(CLASSES.hiddenSwatch);
-        $button.hide();
-        $(window).trigger('kitchenCardChanged');
-    }
-
-    function handleColourSwatchClick() {
-        const $swatch = $(this);
-        const $cardContainer = $swatch.closest(SELECTORS.cardContainer);
-        const $currentSwatchActive = $swatch.siblings(SELECTORS.activeSwatch);
-
-        const colourId = $swatch.data('id');
-        const kitchenId = $cardContainer.data('id');
-
-        const currentKitchenData = kitchenData[kitchenId];
-        const colourData = currentKitchenData.colourDatas[colourId];
-
-        const $cardSwiper = Wick.PLPCardSwiper[kitchenId];
-
-        updatePriceView($cardContainer, colourData.priceData);
-        updateStickersView($cardContainer, colourData.stickers);
-        updateSwatchesTextView($cardContainer, colourData.colourSwatch.colourName);
-        updateSwiperView($cardSwiper, colourData.images, currentKitchenData.rangeStickers[0]);
-        updateParametersView($cardContainer, colourData.design, colourData.finishes.join(', '));
-        updateCTALink($cardContainer, colourData.pdpUrl);
-
-        $currentSwatchActive.removeClass(CLASSES.activeSwatch);
-        $swatch.addClass(CLASSES.activeSwatch);
-        $(window).trigger('kitchenCardChanged');
+(function() {
+  const CLASSES = {
+    activeSwatch: 'colour-swatch--active',
+    hiddenSwatch: 'colour-swatch--hidden',
+  };
+
+  const SELECTORS = {
+    kitchenCardsContainer: '.kitchen-cards',
+    cardContainer: '.kitchen-card',
+    colourSwatch: '.colour-swatch',
+    moreSwatchesButton: '.swatch-more',
+    hiddenSwatch: '.colour-swatch--hidden',
+    activeSwatch: '.colour-swatch--active',
+    swatchesText: '.colour-swatches__text',
+    designText: '.kitchen-card__design',
+    finishesText: '.kitchen-card__finishes',
+    ctaLink: '.kitchen-card__cta a',
+    stripsContainer: '.kitchen-card__strips',
+    priceContainer: '.kitchen-card__price',
+    tooltip: '[data-toggle="tooltip"]',
+  };
+
+  let kitchenData = [];
+
+  Handlebars.registerPartial('info-icon', infoIcon);
+
+  Handlebars.registerHelper('markdown', markdown());
+  Handlebars.registerHelper('ifCond', function (v1, operator, v2, options) {
+    if (operator === '||') {
+      return (v1 || v2) ? options.fn(this) : options.inverse(this);
     }
-
-    function initKitchenPLP(_, PLPKitchenData) {
-        const $kitchenCardsContainer = $(SELECTORS.kitchenCardsContainer);
-
-        kitchenData = normalizeKitchenData(PLPKitchenData);
-
-        $kitchenCardsContainer.on('click', SELECTORS.colourSwatch, handleColourSwatchClick);
-        $kitchenCardsContainer.on('click', SELECTORS.moreSwatchesButton, handleMoreSwatchesClick);
+  });
+  Handlebars.registerHelper('optimizeImageUrl', function(url, width) {
+    const queryParameters = `format=pjpg&auto=webp&quality=90&width=${width}`
+    const connectSymbol = url.includes('?') ? '&' : '?'
+
+    return `${url}${connectSymbol}${queryParameters}`;
+  });
+  Handlebars.registerHelper('formatPrice', function (value) {
+    if (typeof value === 'number') {
+      return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
     }
 
-    $(document).ready(function () {
-        $(document).on('initKitchenPLP', initKitchenPLP);
-    });
-})();
+    return value;
+  });
+
+  function normalizeKitchenData(kitchens) {
+    const transformedKitchens = kitchens.map((kitchen) => ({
+      ...kitchen,
+      colourDatas: arrayToObjectByIndex(kitchen.colourDatas),
+    }));
+
+    return arrayToObjectByIndex(transformedKitchens);
+  };
+
+  function transformStripStickerDataForHbs(stickers) {
+    return stickers.map(sticker=> ({
+      text: sticker.text,
+      background: sticker.backgroundColour,
+      text_colour: sticker.textColour,
+    }));
+  }
+
+  function transformPriceDataForHbs(priceData) {
+    return {
+      price: priceData.price,
+      was_price: priceData.wasPrice,
+      finance_price: priceData.financePrice,
+      tooltip_text: priceData.tooltipText,
+      additional_text: priceData.additionalText,
+      price_offer: priceData.isPriceOffer
+    };
+  }
+
+  function updateSwiperView($cardSwiper, images, sticker) {
+    $cardSwiper.removeAllSlides();
+    const newSlidesHtml = slide({images, sticker});
+    $cardSwiper.appendSlide(newSlidesHtml);
+    $cardSwiper.slideTo(0, 0);
+  }
+  function updateSwatchesTextView($cardContainer, colourName) {
+    $cardContainer.find(SELECTORS.swatchesText).text(`in ${colourName}`)
+  }
+  function updateParametersView($cardContainer, design, finishes) {
+    $cardContainer.find(SELECTORS.designText).text(`${design} design`)
+    $cardContainer.find(SELECTORS.finishesText).text(`${finishes} finishes`)
+  }
+  function updateCTALink($cardContainer, url) {
+    $cardContainer.find(SELECTORS.ctaLink).attr('href', url)
+  }
+  function updateStickersView($cardContainer, stickersData) {
+    const updatedStickersData = transformStripStickerDataForHbs(stickersData);
+    const newStripStickersHtml = stripStickers({strip_stickers: updatedStickersData});
+
+    $cardContainer.find(SELECTORS.stripsContainer).html(newStripStickersHtml);
+  }
+
+  function updatePriceView($cardContainer, priceData) {
+    const updatedPriceData = transformPriceDataForHbs(priceData);
+    const newPriceHtml = price({price: updatedPriceData, small: true});
+
+    $cardContainer.find(SELECTORS.priceContainer).html(newPriceHtml);
+    $cardContainer.find(SELECTORS.tooltip).tooltip();
+  }
+
+  function handleMoreSwatchesClick() {
+    const $button = $(this);
+    $button.siblings(SELECTORS.hiddenSwatch).removeClass(CLASSES.hiddenSwatch);
+    $button.hide();
+    $(window).trigger('kitchenCardChanged');
+  }
+
+  function handleColourSwatchClick() {
+    const $swatch = $(this);
+    const $cardContainer = $swatch.closest(SELECTORS.cardContainer);
+    const $currentSwatchActive = $swatch.siblings(SELECTORS.activeSwatch);
+
+    const colourId = $swatch.data('id');
+    const kitchenId = $cardContainer.data('id');
+
+    const currentKitchenData = kitchenData[kitchenId];
+    const colourData = currentKitchenData.colourDatas[colourId];
+
+    const $cardSwiper = Wick.PLPCardSwiper[kitchenId];
+    
+    updatePriceView($cardContainer, colourData.priceData);
+    updateStickersView($cardContainer, colourData.stickers);
+    updateSwatchesTextView($cardContainer, colourData.colourSwatch.colourName);
+    updateSwiperView($cardSwiper, colourData.images, currentKitchenData.rangeStickers[0]);
+    updateParametersView($cardContainer, colourData.design, colourData.finishes.join(', '));
+    updateCTALink($cardContainer, colourData.pdpUrl);
+
+    $currentSwatchActive.removeClass(CLASSES.activeSwatch);
+    $swatch.addClass(CLASSES.activeSwatch);
+    $(window).trigger('kitchenCardChanged');
+  }
+
+  function initKitchenPLP(_, PLPKitchenData) {
+    const $kitchenCardsContainer = $(SELECTORS.kitchenCardsContainer);
+
+    kitchenData = normalizeKitchenData(PLPKitchenData);
+
+    $kitchenCardsContainer.on('click', SELECTORS.colourSwatch, handleColourSwatchClick);
+    $kitchenCardsContainer.on('click', SELECTORS.moreSwatchesButton, handleMoreSwatchesClick);
+  }
+
+  $(document).ready(function() {
+    $(document).on('initKitchenPLP', initKitchenPLP);
+  });
+})()

package/src/js/page/kitchen/kitchen-card.js

@@ -1,79 +1,81 @@
-(function () {
-    const SELECTORS = {
-        card: '.kitchen-card',
-        priceBlock: '.kitchen-card__price',
-        wasPriceBlock: '.price__was-block',
-        stickersBlock: '.strip-stickers',
-        colourSwatchesContainer: '.colour-swatches__container',
-    };
-    const CLASSES = {
-        pricePaddedTop: 'kitchen-card__price--padded-top',
-        pricePaddedBottom: 'kitchen-card__price--padded-bottom',
-    };
+(function() {
+  const SELECTORS = {
+    card: '.kitchen-card',
+    priceBlock: '.kitchen-card__price',
+    wasPriceBlock: '.price__was-block',
+    stickersBlock: '.strip-stickers',
+    colourSwatchesContainer: '.colour-swatches__container',
+  }
+  const CLASSES = {
+    pricePaddedTop: 'kitchen-card__price--padded-top',
+    pricePaddedBottom: 'kitchen-card__price--padded-bottom',
+  };
 
-    const ITEMS_PER_ROW_DESKTOP = 3;
-    const ITEMS_PER_ROW_MOBILE = 2;
-    const DEBOUNCE_DELAY = 200;
+  const ITEMS_PER_ROW_DESKTOP = 3;
+  const ITEMS_PER_ROW_MOBILE = 2;
+  const DEBOUNCE_DELAY = 200;
 
-    function getItemsPerRow() {
-        return Wick.Responsive.getCurrentBreakpoint() === 'up-lg'
-            ? ITEMS_PER_ROW_DESKTOP
-            : ITEMS_PER_ROW_MOBILE;
-    }
+  function getItemsPerRow() {
+    return Wick.Responsive.getCurrentBreakpoint() === 'up-lg'
+      ? ITEMS_PER_ROW_DESKTOP
+      : ITEMS_PER_ROW_MOBILE;
+  }
 
-    function alignRowItems($row, targetSelector, classToAdd) {
-        const $itemsWithElement = $row.filter(`:has(${targetSelector})`);
-        const $itemsWithoutElement = $row.not($itemsWithElement);
+  function alignRowItems($row, targetSelector, classToAdd) {
+    const $itemsWithElement = $row.filter(`:has(${targetSelector})`);
+    const $itemsWithoutElement = $row.not($itemsWithElement);
 
-        if ($itemsWithElement.length > 0 && $itemsWithoutElement.length > 0) {
-            $itemsWithoutElement.find(SELECTORS.priceBlock).addClass(classToAdd);
-        }
+    if ($itemsWithElement.length > 0 && $itemsWithoutElement.length > 0) {
+      $itemsWithoutElement
+        .find(SELECTORS.priceBlock)
+        .addClass(classToAdd);
     }
+  }
 
-    function updateHeightColourSwatches($row) {
-        const $container = $row.find(SELECTORS.colourSwatchesContainer);
-        let maxHeight = 0;
+  function updateHeightColourSwatches($row) {
+    const $container = $row.find(SELECTORS.colourSwatchesContainer)
+    let maxHeight = 0;
 
-        $container.each(function () {
-            const currentHeight = $(this).height();
-            if (currentHeight > maxHeight) {
-                maxHeight = currentHeight;
-            }
-        });
+    $container.each(function() {
+      const currentHeight = $(this).height();
+      if (currentHeight > maxHeight) {
+        maxHeight = currentHeight;
+      }
+    });
 
-        $container.height(maxHeight);
-    }
+    $container.height(maxHeight);
+  }
 
-    function clearCards($cards) {
-        $cards.find(SELECTORS.priceBlock).removeClass(CLASSES.pricePaddedTop);
-        $cards.find(SELECTORS.priceBlock).removeClass(CLASSES.pricePaddedBottom);
-        $cards.find(SELECTORS.colourSwatchesContainer).height('auto');
-    }
+  function clearCards($cards) {
+    $cards.find(SELECTORS.priceBlock).removeClass(CLASSES.pricePaddedTop);
+    $cards.find(SELECTORS.priceBlock).removeClass(CLASSES.pricePaddedBottom);
+    $cards.find(SELECTORS.colourSwatchesContainer).height('auto');
+  }
 
-    function alignCardsGrid() {
-        const $cards = $(SELECTORS.card);
-        const itemsPerRow = getItemsPerRow();
+  function alignCardsGrid() {
+    const $cards = $(SELECTORS.card);
+    const itemsPerRow = getItemsPerRow();
 
-        clearCards($cards);
+    clearCards($cards)
 
-        if (Wick.Responsive.getCurrentBreakpoint() === 'down-sm') {
-            return;
-        }
+    if(Wick.Responsive.getCurrentBreakpoint() === 'down-sm') {
+      return
+    }
 
-        const rowCount = Math.ceil($cards.length / itemsPerRow);
+    const rowCount = Math.ceil($cards.length / itemsPerRow);
 
-        for (let i = 0; i < rowCount; i++) {
-            const $currentRow = $cards.slice(i * itemsPerRow, (i + 1) * itemsPerRow);
+    for (let i = 0; i < rowCount; i++) {
+      const $currentRow = $cards.slice(i * itemsPerRow, (i + 1) * itemsPerRow);
 
-            alignRowItems($currentRow, SELECTORS.wasPriceBlock, CLASSES.pricePaddedTop);
-            alignRowItems($currentRow, SELECTORS.stickersBlock, CLASSES.pricePaddedBottom);
-            updateHeightColourSwatches($currentRow);
-        }
+      alignRowItems($currentRow, SELECTORS.wasPriceBlock, CLASSES.pricePaddedTop);
+      alignRowItems($currentRow, SELECTORS.stickersBlock, CLASSES.pricePaddedBottom);
+      updateHeightColourSwatches($currentRow);
     }
+  }
 
-    $(document).ready(function () {
-        alignCardsGrid();
-        $(window).on('resize', _.debounce(alignCardsGrid, DEBOUNCE_DELAY));
-        $(window).on('kitchenCardChanged', alignCardsGrid);
-    });
-})();
+  $(document).ready(function() {
+    alignCardsGrid();
+    $(window).on('resize', _.debounce(alignCardsGrid, DEBOUNCE_DELAY));
+    $(window).on('kitchenCardChanged', alignCardsGrid);
+  });
+})();

package/src/js/page/kitchen/mobile-nav.js

@@ -1,33 +1,34 @@
-(function () {
-    const SELECTORS = {
-        $filters: $('.plp-filters'),
-        $filterBar: $('.plp-filters__bar-mobile'),
-        $filterModal: $('.filter-modal'),
-    };
-    const CLASSES = {
-        plpFiltersStuck: 'plp-filters__bar-stuck',
-    };
+(function() {
+  const SELECTORS = {
+    $filters: $('.plp-filters'),
+    $filterBar: $('.plp-filters__bar-mobile'),
+    $filterModal: $('.filter-modal'),
 
-    function observeStickyBehavior() {
-        const stickyOffset = SELECTORS.$filters.offset().top;
+  }
+  const CLASSES = {
+    plpFiltersStuck: 'plp-filters__bar-stuck',
+  };
 
-        if (Wick.Responsive.getCurrentBreakpoint() === 'down-sm') {
-            if ($(window).scrollTop() >= stickyOffset) {
-                SELECTORS.$filterBar.addClass(CLASSES.plpFiltersStuck);
-            } else {
-                SELECTORS.$filterBar.removeClass(CLASSES.plpFiltersStuck);
-            }
-        }
-    }
+  function observeStickyBehavior() {
+    const stickyOffset = SELECTORS.$filters.offset().top;
 
-    function hideModal() {
-        if (Wick.Responsive.getCurrentBreakpoint() !== 'down-sm') {
-            SELECTORS.$filterModal.modal('hide');
+      if (Wick.Responsive.getCurrentBreakpoint() === 'down-sm') {
+        if ($(window).scrollTop() >= stickyOffset) {
+          SELECTORS.$filterBar.addClass(CLASSES.plpFiltersStuck);
+        } else {
+          SELECTORS.$filterBar.removeClass(CLASSES.plpFiltersStuck);
         }
+      }
+  }
+
+  function hideModal() {
+    if (Wick.Responsive.getCurrentBreakpoint() !== 'down-sm') {
+      SELECTORS.$filterModal.modal('hide');
     }
+  }
 
-    $(document).ready(function () {
-        $(window).on('scroll', _.debounce(observeStickyBehavior, 100));
-        $(window).on('resize', hideModal);
-    });
+  $(document).ready(function() {
+    $(window).on('scroll', _.debounce(observeStickyBehavior, 100));
+    $(window).on('resize', hideModal);
+  });
 })();