wickes-css2 2.98.0-develop.7 → 2.98.0-develop.9

package/build/js/emulation.min.js

@@ -3067,35 +3067,35 @@ Wick.BigWinsProto = function () {
       $temp.remove();
     });
 
-    // bwVar.$addForDelivery.on('click', function () {
-    //   Wick.SnackBar.show(
-    //       {
-    //         text: 'Notification success message for Delivery with Close Btn',
-    //         type: Wick.SnackBar.types.SUCCESS
-    //       }
-    //   );
-    //   Wick.SnackBar.show(
-    //       {
-    //         text: 'Notification warning message for Delivery with Close Btn',
-    //         type: Wick.SnackBar.types.WARNING
-    //       }
-    //   );
-    //   Wick.SnackBar.show(
-    //       {
-    //         text: 'Notification error message for Delivery with Close Btn',
-    //         type: Wick.SnackBar.types.ERROR
-    //       }
-    //   );
-    //   Wick.SnackBar.show(
-    //       {
-    //         text: 'Notification success message for Delivery with Autoclose',
-    //         type: Wick.SnackBar.types.SUCCESS,
-    //         withCloseButton: false,
-    //         autoClose: true,
-    //         delayBeforeClose: 3000
-    //       }
-    //   );
-    // });
+    bwVar.$addForDelivery.on('click', function () {
+      Wick.SnackBar.show(
+          {
+            text: 'Notification success message for Delivery with Close Btn',
+            type: Wick.SnackBar.types.SUCCESS
+          }
+      );
+      Wick.SnackBar.show(
+          {
+            text: 'Notification warning message for Delivery with Close Btn',
+            type: Wick.SnackBar.types.WARNING
+          }
+      );
+      Wick.SnackBar.show(
+          {
+            text: 'Notification error message for Delivery with Close Btn',
+            type: Wick.SnackBar.types.ERROR
+          }
+      );
+      Wick.SnackBar.show(
+          {
+            text: 'Notification success message for Delivery with Autoclose',
+            type: Wick.SnackBar.types.SUCCESS,
+            withCloseButton: false,
+            autoClose: true,
+            delayBeforeClose: 3000
+          }
+      );
+    });
 
     bwVar.$addClickAndCollect.on('click', function (e) {
       e.stopPropagation();
@@ -3687,35 +3687,6 @@ $(document).ready(function () {
   showNotification();
 });
 
-
-function simulateHybrisSendingHtml() {
-  const htmlFromHybris = Wick.FEMock.cartPDP;
-  const event = new CustomEvent('productAddedToCart', {
-    detail: { html: htmlFromHybris }
-  });
-  document.dispatchEvent(event);
-}
-
-function initCloseJustAddedDiff() {
-  $(window).on('CLOSE_JUST_ADDED CLOSE_MINI_BASKET', function ({ detail: { resolve }}) {
-    setTimeout(() => {
-      return resolve();
-    }, 200);
-  });
-};
-
-function simulateShowMiniBasket() {
-  const event = new CustomEvent('showMiniBasket', {});
-  document.dispatchEvent(event);
-}
-
-$(document).ready(function () {
-  $('.btn-add-to-basket').on('click', simulateHybrisSendingHtml);
-  $('.header-minicart__btn').on('click', simulateShowMiniBasket);
-
-  initCloseJustAddedDiff();
-});
-
 var Wick = Wick || {};
 Wick.DateSelection = (function(){
   var $self = $('.date-selection'),
@@ -6176,66 +6147,7 @@ Wick.FEMock = {
       "page": 2,
       "html": '<article class="active-orders__item"><header class="order-header"><h3 class="order-header__title">Order 940564001</h3><div class="order-status completed"><svg class="svg-inline--fa fa-check-circle fa-w-16 icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg><span>Complete</span></div></header><section class="order-details"><div class="order-details__summary"><span class="order-details__price">£92.75</span> <span class="order-details__count">7 item(s)</span></div><time class="order-details__date" datetime="21st November 2024 4:32 PM">21st November 2024 4:32 PM</time></section><div class="view-more"><a class="link" href="/"><span>View More</span> <svg class="svg-inline--fa fa-arrow-right fa-w-14 icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg></a></div></article><article class="active-orders__item"><header class="order-header"><h3 class="order-header__title">Order 940520002</h3><div class="order-status cancelled"><svg class="svg-inline--fa fa-times fa-w-10 icon" aria-hidden="true" focusable="false" data-prefix="far" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z"></path></svg><span>Cancelled</span></div></header><section class="order-details"><div class="order-details__summary"><span class="order-details__price">£32.00</span> <span class="order-details__count">1 item(s)</span></div><time class="order-details__date" datetime="28th October 2024 7:29 AM">28th October 2024 7:29 AM</time></section><div class="view-more"><a class="link" href="/"><span>View More</span> <svg class="svg-inline--fa fa-arrow-right fa-w-14 icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg></a></div></article>'
     }
-  ],
-  cartPDP: `
-          <div class="custom-slider__wrap slider-mini-basket popover-mini-basket">
-                <div class="custom-slider__header">
-                <a href="#" type="button" class="link close-popup">
-                    <span class="icon-wrap">
-                        <svg class="svg-inline--fa fa-angle-left fa-w-6" aria-hidden="true" focusable="false" data-prefix="far" data-icon="angle-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" data-fa-i2svg="">
-                            <path fill="currentColor" d="M4.2 247.5L151 99.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17L69.3 256l118.5 119.7c4.7 4.7 4.7 12.3 0 17L168 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 264.5c-4.7-4.7-4.7-12.3 0-17z"></path>
-                        </svg>
-                    </span>
-                    Continue Shopping
-                </a>
-                <a href="#" type="button" class="icon-wrap close-popup">
-                    <svg class="svg-inline--fa fa-times fa-w-10 icon" aria-hidden="true" focusable="false" data-prefix="far" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg="">
-                        <path fill="currentColor" d="M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z"></path>
-                    </svg>
-                </a>
-            </div>
-            <div class="custom-slider__message">
-                <span class="icon-wrap success">
-                    <svg class="svg-inline--fa fa-check-circle fa-w-16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg><!-- <i class="fas fa-check-circle"></i> Font Awesome fontawesome.com -->
-                </span>
-            
-                <div class="messages popover-mini-basket__added">
-                    <p class="messages__text">
-                        <span>
-                            You've just added</span>
-                        </p>
-            
-                    <span class="messages__notice">
-                            Excluding items already in basket</span>
-                    </div>
-            </div>
-            <div class="products popover-mini-basket__cards-holder">
-              <div class="card product-card-preview">
-                <div class="products__item card__inner" data-name="Blue Circle Ready To Use Postcrete - 20kg" data-id="221100" data-price="7.50" data-brand="Blue Circle" data-category="Building Materials/Cement &amp; Aggregates/Cement" data-position="0">
-                    <a href="/Blue-Circle-Ready-To-Use-Postcrete---20kg/p/221100" class="card__img-wrap card__img-wrap_link products__image">
-                        <img loading="lazy" class="product-img" src="//media.wickes.co.uk/is/image/wickes/B3182_221100_00?$thumbnail$" alt="Blue Circle Ready To Use Postcrete - 20kg" title="Blue Circle Ready To Use Postcrete - 20kg">
-                    </a>
-        
-                    <div class="products__details">
-                        <a href="/Blue-Circle-Ready-To-Use-Postcrete---20kg/p/221100" class="title product-card__title">Blue Circle Ready To Use Postcrete - 20kg</a>
-                        <p class="item">Added for delivery</p>
-                        <p class="item pdp-price__control-holder">Qty:
-                          <span class="value product-card__quantity-value">1</span>
-                        </p>
-                        <p class="price product-card__price-value">£7.50</p>
-                    </div>
-                  </div>
-                </div>
-            </div>
-            <div class="custom-slider__content">
-              <p>Product description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget. Product description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.</p>
-            </div>
-          </div>
-          <div class="custom-slider__footer">
-              <button class="btn btn_full btn-secondary close-popup">Continue Shopping</button>
-              <a href="/cart" class="btn btn-action btn_full btn-view-basket-cta" type="button">View Basket</a>
-          </div>
-      `
+  ]
 }
 
 function getOrdersHtmlByCurrentPage({currentPage}) {
@@ -6280,20 +6192,32 @@ $(document).ready(function () {
   initMyOrdersEvent();
 });
 
-const paymentLoader = '.payment-loader';
-const paymentLoaderHideClass = 'payment-loader--hidden';
-const applePayButton = '.apple__button';
-const googlePayButton = '.google__button';
-const clearPayRadioButton = '#checkout-payment-details-clearpay';
+const paymentLoader= '.payment-loader';
+const paymentLoaderHideClass= 'payment-loader--hidden';
+const paymentLoaderModal = '.payment-loader__modal'
+const paymentTypeSelectors = {
+  apple: '.apple__button',
+  google: '.google__button',
+  clearpay: '#checkout-payment-details-clearpay',
+  billie: '#checkout-payment-details-billie, .billie__button',
+  paypal: '#checkout-payment-details-paypal'
+};
 
-const showPaymentLoader = () => {
+function showPaymentLoader(paymentType) {
+  $(paymentLoader).find(`${paymentLoaderModal} > div`).hide();
+  $(`.${paymentType}-checkout-logo`).show();
+  $(`${paymentLoader} .spinner`).show();
   $(paymentLoader).removeClass(paymentLoaderHideClass);
-  setTimeout(() => $(paymentLoader).addClass(paymentLoaderHideClass), 1000);
-};
 
-$(document).on('click', applePayButton, showPaymentLoader);
-$(document).on('click', googlePayButton, showPaymentLoader);
-$(document).on('click', clearPayRadioButton, showPaymentLoader);
+  setTimeout(() => {
+    $(paymentLoader).addClass(paymentLoaderHideClass);
+  }, 1000);
+}
+
+Object.entries(paymentTypeSelectors).forEach(([type, triggerSelector]) => {
+  $(document).on('click', triggerSelector, () => showPaymentLoader(type));
+});
+
 var Wick = Wick || {};
 
 Wick.pdfFileLoader = {
@@ -6622,8 +6546,8 @@ Wick.MiniBasket = (function() {
       });
     },
     bindEvents: function(){
-      // this._bindEvents();
-      // this._bindTouchEvents();
+      this._bindEvents();
+      this._bindTouchEvents();
     },
     enable: function(){
       rollover.isDisabled = false;