wickes-css2 2.102.0-lg-788-improve-mini-basket.5 → 2.102.0-lg-788-improve-mini-basket.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wickes-css2",
-  "version": "2.102.0-lg-788-improve-mini-basket.5",
+  "version": "2.102.0-lg-788-improve-mini-basket.7",
   "description": "CSS and JS and page templates in use by Wickes",
   "main": "index.js",
   "scripts": {

package/src/js/components/general/create-popup-slider.js

@@ -170,7 +170,7 @@ function createPopupSlider({ type, sliderSelector, onAppendEvent, onAppend, onCl
     bindClosePopup();
 
     if (onAppendEvent && onAppend) {
-      document.addEventListener(onAppendEvent, (event) => {
+      window.addEventListener(onAppendEvent, (event) => {
         onAppend(event, { showSlider, handleScroll, el });
       });
     }

package/src/js/page/components/mini-basket-slider.js

@@ -44,7 +44,10 @@ Wick.MiniBasketSliderFE = {
   events: {
     MINI_BASKET_CHECKOUT: 'MINI_BASKET_CHECKOUT',
     MINI_BASKET_VIEW_BASKET: 'MINI_BASKET_VIEW_BASKET',
-    SHOW_MINI_BASKET: 'SHOW_MINI_BASKET'
+    SHOW_MINI_BASKET: 'SHOW_MINI_BASKET',
+    MINI_BASKET_QUANTITY_INCREASE: 'MINI_BASKET_QUANTITY_INCREASE',
+    MINI_BASKET_QUANTITY_DECREASE: 'MINI_BASKET_QUANTITY_DECREASE',
+    MINI_BASKET_ITEM_REMOVE: 'MINI_BASKET_ITEM_REMOVE'
   },
   el: {
     miniBasket: '.custom-slider.mini-basket',
@@ -71,6 +74,7 @@ Wick.MiniBasketSliderFE = {
     productCardPreview: '.card.product-card-preview',
     notifications: '.custom-slider__notifications',
     btnQuantity: '.card .btn--quantity',
+    btnQuantityMinus: '.btn--quantity[data-action="minus"]',
     btnRemove: '.card .btn--remove',
     customSliderWrap: '.custom-slider__wrap',
     miniBasketFooter: '.custom-slider__footer',
@@ -139,6 +143,7 @@ Wick.MiniBasketSliderFE = {
   },
   isInitial: true,
   isMiniBasketOpened: false,
+  actionEventType: null,
   miniBasketUpdateItemQuantity(e) {
     const $item = $(e.currentTarget).closest(Wick.MiniBasketSliderFE.el.productCardPreview);
     const quantityElement = $item.find(Wick.MiniBasketSliderFE.el.quantityValue)
@@ -146,6 +151,10 @@ Wick.MiniBasketSliderFE = {
     const action = $(e.currentTarget).attr('data-action');
     const entryNumber = +$item.attr('data-id');
 
+    if (action === 'plus') Wick.MiniBasketSliderFE.actionEventType = Wick.MiniBasketSliderFE.events.MINI_BASKET_QUANTITY_INCREASE;
+    if (action === 'minus') Wick.MiniBasketSliderFE.actionEventType = Wick.MiniBasketSliderFE.events.MINI_BASKET_QUANTITY_DECREASE;
+    if (action === 'remove') Wick.MiniBasketSliderFE.actionEventType = Wick.MiniBasketSliderFE.events.MINI_BASKET_ITEM_REMOVE;
+
     handleQuantityChange({
       quantityInput: quantityElement,
       action,
@@ -153,7 +162,7 @@ Wick.MiniBasketSliderFE = {
       context: $item,
       entryNumber,
       onQuantityChange: Wick.MiniBasketSliderFE.updateQuantityAction,
-      debounceQuantityChange: Wick.MiniBasketSliderFE.debounceQuantityChange,
+      debounceQuantityChange: Wick.MiniBasketSliderFE.debounceQuantityChange
     });
   },
   debounceQuantityChange: _.debounce(function (entryNumber, value, quantityInput, context) {
@@ -175,6 +184,16 @@ Wick.MiniBasketSliderFE = {
       routes: ROUTES,
       isMiniBasket: true,
     });
+
+    Wick.MiniBasketSliderFE.toggleMinusButtonState(context, quantityToUpdate);
+  },
+  toggleMinusButtonState($item, value) {
+    const $minusBtn = $item.find(Wick.MiniBasketSliderFE.el.btnQuantityMinus);
+    if (value > 1) {
+      $minusBtn.prop('disabled', false);
+    } else {
+      $minusBtn.prop('disabled', true);
+    }
   },
   updateAction: function (response, quantityToUpdate, quantityInput, context, successCallback) {
     Wick.MiniBasketSliderFE.updateQuantityOperation(
@@ -260,9 +279,27 @@ Wick.MiniBasketSliderFE = {
       extraActionsMiniBasket: () => {
         Wick.MiniBasketSliderFE.toggleMiniBasketEmptyView();
         Wick.MiniBasketSliderFE.updateItemsCount(response);
+
+        if (Wick.MiniBasketSliderFE.actionEventType) {
+          Wick.MiniBasketSliderFE.fireMiniBasketActionEvent(Wick.MiniBasketSliderFE.actionEventType, response);
+        }
       }
     });
   },
+  fireMiniBasketActionEvent(eventType, cartData) {
+    if (!eventType) return;
+    const payload = {
+      orderType: cartData.orderType,
+      deliveryOrderGroups: cartData.deliveryOrderGroups,
+      pickupOrderGroups: cartData.pickupOrderGroups
+    };
+    const event = createEvent(
+      eventType,
+      payload,
+      {}
+    );
+    window.dispatchEvent(event);
+  },
   removeOrderItem(data) {
     Wick.MiniBasketSliderFE.updateItemsCount(data);
   },
@@ -398,6 +435,7 @@ Wick.MiniBasketSliderFE = {
       onClose: function () {
         $(Wick.MiniBasketSliderFE.el.notifications).empty();
         Wick.MiniBasketSliderFE.isMiniBasketOpened = false;
+        Wick.MiniBasketSliderFE.actionEventType = null;
       }
     });
   },
@@ -472,7 +510,7 @@ Wick.MiniBasketSliderFE = {
         {},
         eventDetail
       );
-      document.dispatchEvent(event);
+      window.dispatchEvent(event);
     });
   },
   bindMiniBasketBtnHandler(selector, eventName) {