wickes-css2 2.107.0-ripple.2 → 2.107.0-ripple.21

package/src/js/emulation/notify-me.js

@@ -0,0 +1,9 @@
+function initNotifyMeEmulation() {
+    $(document).on('submit', Wick.NotifyMeSubscription?.el.form, () =>
+        Wick.NotifyMeSubscription.showSuccessState()
+    );
+}
+
+$(document).ready(function () {
+    initNotifyMeEmulation();
+});

package/src/js/emulation/plp-load-more.js

@@ -1,7 +1,16 @@
-function getHtmlByCurrentPage({ currentPage }) {
-    const pagesData = Wick.VatToggle.isToggleVatAvailable()
-        ? Wick.FEMock.productListVatPagesData
-        : Wick.FEMock.productListPagesData;
+function getHtmlByCurrentPage({ currentPage, isRippleData }) {
+    let pagesData;
+
+    if (isRippleData) {
+        pagesData = Wick.VatToggle.isToggleVatAvailable()
+            ? Wick.FEMock.productListVatRippleData
+            : Wick.FEMock.productListRippleData;
+    } else {
+        pagesData = Wick.VatToggle.isToggleVatAvailable()
+            ? Wick.FEMock.productListVatPagesData
+            : Wick.FEMock.productListPagesData;
+    }
+
     const matchingData = pagesData.find((item) => item.page === currentPage);
 
     return matchingData.html;

package/src/js/emulation/postcode-checker.js

@@ -0,0 +1,11 @@
+function bindPostcodeCheckAvailabilityEvent() {
+    $(window).on('postcodeCheckAviability', function ({ detail: { payload, resolve } }) {
+        setTimeout(function () {
+            resolve({ postcode: payload.postcode, isAvailable: true });
+        }, 600);
+    });
+}
+
+$(document).ready(function () {
+    bindPostcodeCheckAvailabilityEvent();
+});

package/src/js/emulation/store-locator-load-more.js

@@ -0,0 +1,69 @@
+import { appendLoader, showLoader, hideLoader } from '../page/utils/loader';
+
+function initStoreLocatorLoadMore() {
+    const PAGE_SIZE = 8;
+
+    const SELECTORS = {
+        cards: '.cards-store-list',
+        btnMore: '.store-locator__load-button_more',
+        loader: '.store-locator-loader',
+    };
+
+    const loaderPayload = {
+        wrapper: 'body',
+        hidden: true,
+        modifier: 'store-locator-loader',
+    };
+
+    const $cards = $(SELECTORS.cards);
+    const $btnMore = $(SELECTORS.btnMore);
+
+    let visibleCount = PAGE_SIZE;
+
+    function updateVisibility() {
+        $cards.each(function (index) {
+            $(this).toggle(index < visibleCount);
+        });
+
+        if (visibleCount >= $cards.length) {
+            $btnMore.hide();
+        } else {
+            $btnMore.show();
+        }
+
+        Wick.StoreCardsAlign?.align();
+    }
+
+    function loadMore() {
+        showLoader(SELECTORS.loader);
+        $btnMore.prop('disabled', true);
+
+        setTimeout(() => {
+            visibleCount += PAGE_SIZE;
+            updateVisibility();
+
+            hideLoader(SELECTORS.loader);
+            $btnMore.prop('disabled', false).blur();
+        }, 1000);
+    }
+
+    function init() {
+        if (!$cards.length || !$btnMore.length) {
+            return;
+        }
+
+        if (!$(SELECTORS.loader).length) {
+            appendLoader(loaderPayload);
+        }
+
+        updateVisibility();
+
+        $btnMore.on('click', loadMore);
+    }
+
+    init();
+}
+
+$(document).ready(function () {
+    initStoreLocatorLoadMore();
+});

package/src/js/emulation/switchCalendar.js

@@ -16,20 +16,21 @@ Wick.Calendar = {
         if ($(this).hasClass(Wick.Calendar.el.switchBtnEarlier)) {
             $currentCalendar = $currentCalendar.prev();
             $currentCalendar.removeClass(Wick.Calendar.el.dateSectionHidden);
-
         } else if ($(this).hasClass(Wick.Calendar.el.switchBtnLatest)) {
             $currentCalendar = $currentCalendar.next(Wick.Calendar.el.dateSection);
             $currentCalendar.removeClass(Wick.Calendar.el.dateSectionHidden);
         }
     },
-
 };
 
 $(document).ready(function () {
     function init() {
-
         if (Wick.checkLocalEnv) {
-            $(Wick.Calendar.el.componentDateSection).on('click', Wick.Calendar.el.switchBtn, Wick.Calendar.SwitchCalendar);
+            $(Wick.Calendar.el.componentDateSection).on(
+                'click',
+                Wick.Calendar.el.switchBtn,
+                Wick.Calendar.SwitchCalendar
+            );
         }
     }
 
@@ -39,8 +40,11 @@ $(document).ready(function () {
 
     init();
 
-    $(window).on('resize', _.debounce(function () {
-        unbind();
-        init();
-    }, 250));
+    $(window).on(
+        'resize',
+        _.debounce(function () {
+            unbind();
+            init();
+        }, 250)
+    );
 });

package/src/js/page/basket/mini-basket-total.js

@@ -1,10 +1,11 @@
 import { updateDiscount } from '../components/discounts';
 
 const osEl = {
-    $totalSection: $('.mini-basket__total'),
+    totalSection: '.mini-basket__total',
     checkoutWidgetDetailsDiscount: '.checkout-widget__details-discount',
     checkoutWidgetDetails: '.checkout-widget__details',
     delivery: '.checkout-widget__item-delivery',
+    deliveryCostMessage: '.checkout-widget__item-delivery-cost-message',
     cc: '.checkout-widget__item-cc',
     itemFree: '.checkout-widget__item-free',
     itemDeficit: '.checkout-widget__item-deficit',
@@ -37,26 +38,40 @@ export function updateTotal(data, equalMap, isVoucher) {
 }
 
 function createCheckoutWidgetItem(obj) {
+    const isDelivery = obj.item === osEl.delivery;
     return `
       <li class="checkout-widget__item ${obj.item.substr(1)}">
         <span>${obj.title}</span>
           <span class="checkout-widget__item-value">${obj.dataValue}</span>
       </li>
+      ${
+          isDelivery
+              ? `
+      <li class="checkout-widget__item checkout-widget__item-delivery-cost-message">
+        <span class="checkout-widget__item-value" id="order-delivery-cost-message">
+          Final delivery cost confirmed at checkout
+        </span>
+      </li>`
+              : ''
+      }
     `;
 }
 
 function hideUnusedDeliveryTypeCost(data, isVoucher) {
     $(osEl.delivery).show();
+    $(osEl.deliveryCostMessage).show();
     $(osEl.cc).show();
     if (isVoucher) {
         if (!data.deliveryOrder) {
             $(osEl.delivery).hide();
+            $(osEl.deliveryCostMessage).hide();
         } else if (!data.clickAndCollectOrder) {
             $(osEl.cc).hide();
         }
     } else {
         if (data.clickAndCollectOnly) {
             $(osEl.delivery).hide();
+            $(osEl.deliveryCostMessage).hide();
         } else if (data.deliveryItemsQuantity > 0 && data.pickupItemsQuantity === 0) {
             $(osEl.cc).hide();
         }
@@ -64,7 +79,7 @@ function hideUnusedDeliveryTypeCost(data, isVoucher) {
 }
 
 function calculateFreeDelivery(data) {
-    osEl.$totalSection.each(function () {
+    $(osEl.totalSection).each(function () {
         let $free = $(this).find(osEl.itemFree);
         let $deficit = $(this).find(osEl.itemDeficit);