wickes-css2 2.103.0-IC-976-pre-commit-lint.1 → 2.103.0-IC-976-pre-commit-lint.3

package/build/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/build/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,
-      },
-    });
+        const swiper = new Swiper(sliderElement, {
+            speed: 400,
+            navigation: {
+                nextEl: nextButtonElement,
+                prevEl: prevButtonElement,
+            },
+        });
 
-    Wick.PLPCardSwiper[id] = swiper;
-  });
+        Wick.PLPCardSwiper[id] = swiper;
+    });
 });

package/build/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,153 +8,157 @@ 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);
+(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);
     }
-  });
-  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, ',');
+
+    function transformStripStickerDataForHbs(stickers) {
+        return stickers.map((sticker) => ({
+            text: sticker.text,
+            background: sticker.backgroundColour,
+            text_colour: sticker.textColour,
+        }));
     }
 
-    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);
-  });
-})()
+    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/build/js/page/kitchen/kitchen-card.js

@@ -1,81 +1,79 @@
-(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/build/js/page/kitchen/mobile-nav.js

@@ -1,34 +1,33 @@
-(function() {
-  const SELECTORS = {
-    $filters: $('.plp-filters'),
-    $filterBar: $('.plp-filters__bar-mobile'),
-    $filterModal: $('.filter-modal'),
+(function () {
+    const SELECTORS = {
+        $filters: $('.plp-filters'),
+        $filterBar: $('.plp-filters__bar-mobile'),
+        $filterModal: $('.filter-modal'),
+    };
+    const CLASSES = {
+        plpFiltersStuck: 'plp-filters__bar-stuck',
+    };
 
-  }
-  const CLASSES = {
-    plpFiltersStuck: 'plp-filters__bar-stuck',
-  };
+    function observeStickyBehavior() {
+        const stickyOffset = SELECTORS.$filters.offset().top;
 
-  function observeStickyBehavior() {
-    const stickyOffset = SELECTORS.$filters.offset().top;
-
-      if (Wick.Responsive.getCurrentBreakpoint() === 'down-sm') {
-        if ($(window).scrollTop() >= stickyOffset) {
-          SELECTORS.$filterBar.addClass(CLASSES.plpFiltersStuck);
-        } else {
-          SELECTORS.$filterBar.removeClass(CLASSES.plpFiltersStuck);
+        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');
+    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);
+    });
 })();