wickes-css2 2.113.0-ripple.7 → 2.113.0

package/build/js/page/bloomreach-widget/why-not-add-widget.js

@@ -1,230 +1,12 @@
-var Wick = window.Wick || {};
-
-import { createLoadingButton } from '../utils/create-loading-button';
-import { createBloomreachWidgetTracking } from './bloomreach-widget-tracking';
-
-const Handlebars = require('hbsfy/runtime');
-
-Handlebars.registerPartial('loader', require('../../../elements/loader.hbs'));
-Handlebars.registerPartial('button', require('../../../components/base/button.hbs'));
-Handlebars.registerPartial(
-    'bloomreach/why-not-add',
-    require('../../../components/bloomreach/why-not-add.hbs')
-);
-Handlebars.registerPartial(
-    'bloomreach/why-not-add-skeleton',
-    require('../../../components/bloomreach/why-not-add-skeleton.hbs')
-);
-Handlebars.registerPartial(
-    'bloomreach/why-not-add-card-skeleton',
-    require('../../../components/bloomreach/why-not-add-card-skeleton.hbs')
-);
-Handlebars.registerPartial(
-    'bloomreach/why-not-add-card',
-    require('../../../components/bloomreach/why-not-add-card.hbs')
-);
-Handlebars.registerPartial('reviews-rating', require('../../../components/reviews-rating.hbs'));
-
-const whyNotAddTemplate = require('../../../components/bloomreach/why-not-add-content.hbs');
-
-const WhyNotAddWidget = {
-    ADD_TO_CART_EVENT: 'addToCart',
-
-    products: [],
-    sliders: [],
-    loadingButton: null,
-    tracking: createBloomreachWidgetTracking(),
-
-    el: {
-        cta: '.why-not-add-card__cta',
-        next: '[data-why-not-add-next]',
-        pagination: '[data-why-not-add-pagination]',
-        productCard: '.why-not-add-card',
-        productCodeAttr: 'data-product-code',
-        productLink: '.why-not-add-card__title',
-        prev: '[data-why-not-add-prev]',
-        root: '[data-why-not-add]',
-        slider: '[data-why-not-add-slider]',
-        widgetContainer: '[data-why-not-add-widget]',
-    },
-
-    normalizeProducts(payloadData) {
-        return Wick.BloomreachWidget.normalizePayload(payloadData)
-            .map(function (item) {
-                return item.baseProduct || item;
-            })
-            .slice(0, 5);
-    },
-
-    renderWidget($container, payloadData) {
-        const products = WhyNotAddWidget.normalizeProducts(payloadData);
-
-        if (!products.length) {
-            $container.empty().hide();
-            return;
-        }
-
-        WhyNotAddWidget.products = products;
-
-        $container
-            .html(
-                whyNotAddTemplate({
-                    products: products.map(Wick.BloomreachWidget.getProductRenderData),
-                    isSingleProduct: products.length === 1,
-                })
-            )
-            .show();
-    },
-
-    destroySliders() {
-        WhyNotAddWidget.sliders.forEach(function (slider) {
-            if (slider && slider.destroy) {
-                slider.destroy(true, true);
-            }
-        });
-
-        WhyNotAddWidget.sliders = [];
-    },
-
-    initSliders($root) {
-        WhyNotAddWidget.destroySliders();
-
-        $root.find(WhyNotAddWidget.el.slider).each(function () {
-            const $slider = $(this);
-            const $widget = $slider.closest(WhyNotAddWidget.el.root);
-            const slidesCount = $slider.find('.swiper-slide').length;
-
-            if (slidesCount <= 1) {
-                return;
-            }
-
-            const slider = new Swiper(this, {
-                roundLengths: true,
-                slidesPerView: 1,
-                spaceBetween: 12,
-                watchOverflow: true,
-                navigation: {
-                    nextEl: $widget.find(WhyNotAddWidget.el.next)[0],
-                    prevEl: $widget.find(WhyNotAddWidget.el.prev)[0],
-                    disabledClass: 'why-not-add__arrow--disabled',
-                },
-                pagination: {
-                    el: $widget.find(WhyNotAddWidget.el.pagination)[0],
-                    clickable: true,
-                    renderBullet(index, className) {
-                        return `<button class="${className}" type="button" aria-label="Go to slide ${
-                            index + 1
-                        }"></button>`;
-                    },
-                    bulletClass: 'why-not-add__pagination-item',
-                    bulletActiveClass: 'why-not-add__pagination-item--active',
-                },
-            });
-
-            WhyNotAddWidget.sliders.push(slider);
-        });
-    },
-
-    bindProductTracking($root) {
-        $root.off('click.bloomreachWidgetTracking', WhyNotAddWidget.el.productLink);
-        $root.on('click.bloomreachWidgetTracking', WhyNotAddWidget.el.productLink, function () {
-            const productCode = $(this)
-                .closest(WhyNotAddWidget.el.productCard)
-                .attr(WhyNotAddWidget.el.productCodeAttr);
-
-            WhyNotAddWidget.tracking.trackClick(productCode);
-        });
-    },
-
-    bindAddToCart($root) {
-        $root.off('click.whyNotAdd', WhyNotAddWidget.el.cta);
-        $root.on('click.whyNotAdd', WhyNotAddWidget.el.cta, function (event) {
-            event.preventDefault();
-
-            const $button = $(this);
-            const $card = $button.closest(WhyNotAddWidget.el.productCard);
-            const productCode = $card.attr(WhyNotAddWidget.el.productCodeAttr);
-
-            if (!productCode || WhyNotAddWidget.loadingButton.isLoading($button)) {
-                return;
-            }
-
-            const payload = {
-                productCode,
-            };
-
-            WhyNotAddWidget.tracking.trackAddToCart([
-                {
-                    item_id: productCode,
-                    sku: productCode,
-                },
-            ]);
-
-            WhyNotAddWidget.loadingButton.start($button);
-
-            Wick.BloomreachWidget.dispatchWidgetEvent(WhyNotAddWidget.ADD_TO_CART_EVENT, payload)
-                .then(function () {
-                    WhyNotAddWidget.loadingButton.stop($button);
-                    Wick.MiniBasketSliderFE.isMiniBasketLoaded = false;
-                })
-                .catch(function () {
-                    WhyNotAddWidget.loadingButton.stop($button);
-                });
-        });
-    },
-
-    bindVatToggle() {
-        if (Wick.BloomreachWidget.bindVatToggle) {
-            Wick.BloomreachWidget.bindVatToggle('whyNotAddVatToggle');
-        }
-    },
-
-    initRenderedWidget($container) {
-        const $root = $container.find(WhyNotAddWidget.el.root);
-
-        if (!$root.length) {
-            return;
-        }
-
-        if (!WhyNotAddWidget.loadingButton) {
-            WhyNotAddWidget.loadingButton = createLoadingButton({
-                text: Wick.BloomreachWidget.el.loadingButtonText,
-                loader: Wick.BloomreachWidget.el.loadingButtonLoader,
-            });
-        }
-
-        Wick.BloomreachWidget.removeBlankTargets($root);
-
-        Wick.BloomreachWidget.drawRating($root);
-        WhyNotAddWidget.initSliders($root);
-        WhyNotAddWidget.bindAddToCart($root);
-        WhyNotAddWidget.bindProductTracking($root);
-        WhyNotAddWidget.bindVatToggle();
-        Wick.BloomreachWidget.reapplyVatDisplay();
-    },
-
-    init(payloadData) {
-        const $containers = $(WhyNotAddWidget.el.widgetContainer);
-
-        WhyNotAddWidget.tracking.setPayload(payloadData);
-
-        if (!payloadData) {
-            $containers.empty().hide();
-            return;
-        }
-
-        $containers.each(function () {
-            const $container = $(this);
-
-            WhyNotAddWidget.renderWidget($container, payloadData);
-            WhyNotAddWidget.initRenderedWidget($container);
-        });
-
-        WhyNotAddWidget.tracking.observeView([
-            $containers.find(WhyNotAddWidget.el.productLink).get(0),
-            $containers.find(WhyNotAddWidget.el.cta).get(0),
-        ]);
-    },
-};
+import { createBloomreachRecommendationCarouselWidget } from './bloomreach-recommendation-carousel-widget';
+
+const WhyNotAddWidget = createBloomreachRecommendationCarouselWidget({
+    namespace: 'whyNotAdd',
+    title: 'Why not add',
+    widgetContainer: '[data-why-not-add-widget]',
+    disableAfterSuccess: false,
+    disableAfterFailure: false,
+    hideBadge: true,
+});
 
 export default WhyNotAddWidget;

package/build/js/page/plp-load-more.js

@@ -1,92 +1,77 @@
-import { createEvent } from './utils/create-event';
-import { appendLoader, showLoader, hideLoader } from './utils/loader';
+import {createEvent} from "./utils/create-event";
+import {appendLoader, showLoader, hideLoader} from "./utils/loader";
 
 var Wick = window.Wick || {};
 
 Wick.PLPLoadMore = {
-    PLP_LOAD_MORE_EVENT: 'loadMore',
-    HIDDEN_CLASS_NAME: 'd-none',
-    MAX_PRODUCTS_PER_PAGE: 32,
-    initialPageNumber: 0,
-    el: {
-        $loadMoreBtn: $('.btn-load-more'),
-        loader: '.loader-wrapper',
-        $sortOptions: $('#sort_form1'),
-        productsList: $('.package-plp__cards').length ? '.package-plp__cards' : '.products-list',
-        $packageContent: $('.package-plp__content'),
-    },
-    numberOfPagesPLP: $('#numberOfPagesPLP').val(),
-    loaderPayload: {
-        wrapper: 'body',
-        hidden: true,
-        modifier: 'basket-loader',
-    },
-    loadMore() {
-        showLoader(Wick.PLPLoadMore.el.loader);
+  PLP_LOAD_MORE_EVENT: 'loadMore',
+  HIDDEN_CLASS_NAME: 'd-none',
+  initialPageNumber: 0,
+  el: {
+    $loadMoreBtn: $('.btn-load-more'),
+    loader: '.loader-wrapper',
+    $sortOptions: $('#sort_form1'),
+    productsList: '.products-list'
+  },
+  numberOfPagesPLP: $('#numberOfPagesPLP').val(),
+  loaderPayload: {
+    wrapper: 'body',
+    hidden: true,
+    modifier: 'basket-loader',
+  },
+  loadMore () {
+    showLoader(Wick.PLPLoadMore.el.loader);
 
-        return new Promise((resolve, reject) => {
-            const eventDetail = { resolve, reject };
-            const payload = {
-                currentPage: ++Wick.PLPLoadMore.initialPageNumber,
-                sort: Wick.PLPLoadMore.el.$sortOptions.val() || '',
-                isRippleData: Wick.PLPLoadMore.el.$packageContent.length,
-            };
-            const event = createEvent(Wick.PLPLoadMore.PLP_LOAD_MORE_EVENT, payload, eventDetail);
-            window.dispatchEvent(event);
-        })
-            .then((response) => {
-                if (!response.length) {
-                    return;
-                }
-
-                Wick.PLPLoadMore.showNewCards(response);
-                Wick.PLPLoadMore.toggleLoadMoreBtn();
-                Wick.VatToggle.reapplyDisplayClass();
-            })
-            .finally(() => {
-                hideLoader(Wick.PLPLoadMore.el.loader);
-                Wick.PLPLoadMore.el.$loadMoreBtn.blur();
-                Wick.BannerPlacementManager.checkProductsInColumn();
-                $(window).trigger('productBannerPositionChanged');
-                Wick.EnergyEfficiency.drawEnergyLabels();
-                Wick.PLP?.bindEvents();
-            });
-    },
-    showNewCards(newProductsHtml) {
-        const $newProductsHtml = $(newProductsHtml);
-        $(Wick.PLPLoadMore.el.productsList).append($newProductsHtml);
-        Wick.PackageCards.alignGridRows();
-    },
-    toggleLoadMoreBtn(checkCardsAmount = false) {
-        const isLastPage =
-            Wick.PLPLoadMore.initialPageNumber + 1 >= +Wick.PLPLoadMore.numberOfPagesPLP;
-        let shouldHide = isLastPage;
-
-        if (checkCardsAmount) {
-            const cardsCount = $(Wick.PLPLoadMore.el.productsList).children().length;
-            shouldHide = cardsCount <= Wick.PLPLoadMore.MAX_PRODUCTS_PER_PAGE && isLastPage;
+    return new Promise((resolve, reject) => {
+      const eventDetail = {resolve, reject};
+      const payload = {
+        currentPage: ++Wick.PLPLoadMore.initialPageNumber,
+        sort: Wick.PLPLoadMore.el.$sortOptions.val() || '',
+      };
+      const event = createEvent(Wick.PLPLoadMore.PLP_LOAD_MORE_EVENT, payload, eventDetail);
+      window.dispatchEvent(event);
+    })
+      .then((response) => {
+        if (!response.length) {
+          return;
         }
 
-        Wick.PLPLoadMore.el.$loadMoreBtn.toggleClass(
-            Wick.PLPLoadMore.HIDDEN_CLASS_NAME,
-            shouldHide
-        );
-    },
-    init() {
-        if (!Wick.PLPLoadMore.el.$loadMoreBtn.length) {
-            return;
-        }
+        Wick.PLPLoadMore.showNewCards(response);
+        Wick.PLPLoadMore.toggleLoadMoreBtn();
+        Wick.VatToggle.reapplyDisplayClass();
+      })
+      .finally(() => {
+        hideLoader(Wick.PLPLoadMore.el.loader);
+        Wick.PLPLoadMore.el.$loadMoreBtn.blur();
+        Wick.BannerPlacementManager.checkProductsInColumn();
+        $(window).trigger('productBannerPositionChanged');
+        Wick.EnergyEfficiency.drawEnergyLabels();
+        Wick.PLP?.bindEvents();
+      })
+  },
+  showNewCards (newProductsHtml) {
+    const $newProductsHtml = $(newProductsHtml);
+    $(Wick.PLPLoadMore.el.productsList).append($newProductsHtml);
+  },
+  toggleLoadMoreBtn() {
+    if (Wick.PLPLoadMore.initialPageNumber + 1 >= +Wick.PLPLoadMore.numberOfPagesPLP) {
+      Wick.PLPLoadMore.el.$loadMoreBtn.addClass(Wick.PLPLoadMore.HIDDEN_CLASS_NAME);
+    }
+  },
+  init () {
+    if (!Wick.PLPLoadMore.el.$loadMoreBtn.length) {
+      return;
+    }
+    appendLoader(Wick.PLPLoadMore.loaderPayload);
 
-        if (Wick.PLPLoadMore.el.$packageContent.length) {
-            Wick.PLPLoadMore.toggleLoadMoreBtn(true);
-        }
-
-        appendLoader(Wick.PLPLoadMore.loaderPayload);
-
-        Wick.PLPLoadMore.el.$loadMoreBtn.on('click', Wick.PLPLoadMore.loadMore);
-    },
-};
+    Wick.PLPLoadMore.el.$loadMoreBtn.on('click', Wick.PLPLoadMore.loadMore);
+  }
+}
 
 $(document).ready(function () {
-    Wick.PLPLoadMore.init();
+  if (!Wick.PLPLoadMore.el.$loadMoreBtn.length) {
+    return;
+  }
+
+  Wick.PLPLoadMore.init();
 });

package/build/js/page/utils/validation.js

@@ -148,7 +148,7 @@ export function validatePostcode(element, ifConvert) {
 export function isValidPostcodeField(value) {
     const transformedValue = value.toUpperCase().replaceAll(' ', '');
     const regExp = new RegExp(
-        '^((GIR0AA)|((([A-PR-UWYZ][0-9][0-9]?)|([A-PR-UWYZ][A-HK-Y][0-9][0-9]?)|([A-PR-UWYZ][0-9][A-HJKSTUW])|([A-PR-UWYZ][A-HK-Y][0-9][ABEHMNPRVWXY]))[0-9][A-BD-HJLNP-UW-Z]{2}))$'
+        '^(GIR 0AA)|((([A-PR-UWYZ][0-9][0-9]?)|([A-PR-UWYZ][A-HK-Y][0-9][0-9]?)|([A-PR-UWYZ][0-9][A-HJKSTUW])|([A-PR-UWYZ][A-HK-Y][0-9][ABEHMNPRVWXY]))[0-9][A-BD-HJLNP-UW-Z]{2})$'
     );
     return transformedValue.replace(/\s+/g, '').length > 4 && regExp.test(transformedValue);
 }