wickes-css2 2.103.0-IC-976-pre-commit-lint.5 → 2.103.0-IC-976-pre-commit-lint.8

package/build/js/page/components/charity.js

@@ -1,162 +1,168 @@
-import { callAction } from '../utils/http-action';
-import { ROUTES } from '../utils/routes';
-import { showLoader } from '../utils/loader';
+import {callAction} from '../utils/http-action';
+import {ROUTES} from '../utils/routes';
+import {showLoader} from '../utils/loader';
 
 const charityEl = {
-    charityItem: '.charity-new',
-    charityMultiple: 'charity-multiple',
-    charityInput: '#donation',
-    charityTitleWrap: '.title-wrap',
-    donationCart: '.donation-cart',
-    donationCartHide: 'donation-cart__hide',
-    donationCartBtn: '.donation-cart__btn, .donation-cart-new__btn',
-    donationCartBtnSelected: '.donation-cart-new__btn.btn-selected',
-    donationCartHolder: '.donation-cart__holder, .donation-cart-new__holder',
-    donationCartValue: '.donation-cart__value, .donation-cart-new__value',
-    charityAdded: 'charity-added',
-    donationCartCostBlock: '.donation-cart-new__cost',
-    donationCartCostBlockHide: 'donation-cart-new__cost-hide',
-    donationCartRemove: '.donation-cart-new__cost .order-item__remove',
-};
+  charityItem: '.charity-new',
+  charityMultiple: 'charity-multiple',
+  charityInput: '#donation',
+  charityTitleWrap: '.title-wrap',
+  donationCart: '.donation-cart',
+  donationCartHide: 'donation-cart__hide',
+  donationCartBtn: '.donation-cart__btn, .donation-cart-new__btn',
+  donationCartBtnSelected: '.donation-cart-new__btn.btn-selected',
+  donationCartHolder: '.donation-cart__holder, .donation-cart-new__holder',
+  donationCartValue: '.donation-cart__value, .donation-cart-new__value',
+  charityAdded: 'charity-added',
+  donationCartCostBlock: '.donation-cart-new__cost',
+  donationCartCostBlockHide: 'donation-cart-new__cost-hide',
+  donationCartRemove: '.donation-cart-new__cost .order-item__remove',
+}
 
 export function updateCharity(button) {
-    if ($('#donation').attr('disabled') === 'disabled') {
-        $('#donation').removeAttr('disabled');
-    } else {
-        $('#donation').prop('disabled', (_, value) => !value);
-    }
-
-    const context = getCurrentCharityItem(button);
-    const productCode = getCurrentProductCode(context);
-    const quantity = getSelectedCharityAmount(button);
-
-    showLoader('.basket-loader');
-
-    if (context.hasClass(charityEl.charityAdded)) {
-        $(button).removeAttr('checked');
-    } else {
-        $(button).attr('checked', 'checked');
-        repaintCharityButton(button);
-        context.find(charityEl.donationCartValue).text(quantity);
-        showDonationCostBlock(context);
-        charityActionForAdd(productCode, quantity);
-    }
+  if ($('#donation').attr('disabled') === 'disabled') {
+    $('#donation').removeAttr('disabled');
+  } else {
+    $('#donation').prop('disabled', (_, value) => !value);
+  }
+
+  const context = getCurrentCharityItem(button);
+  const productCode = getCurrentProductCode(context);
+  const quantity = getSelectedCharityAmount(button);
+
+  showLoader('.basket-loader');
+
+  if (context.hasClass(charityEl.charityAdded)) {
+    $(button).removeAttr('checked');
+  } else {
+    $(button).attr('checked', 'checked');
+    repaintCharityButton(button);
+    context
+      .find(charityEl.donationCartValue)
+      .text(quantity);
+    showDonationCostBlock(context);
+    charityActionForAdd(productCode, quantity);
+  }
 }
 
 function getSelectedCharityAmount(context) {
-    return $(context).data('value');
+  return $(context).data('value');
 }
 
 function getCurrentCharityItem(context) {
-    return $(context).closest(charityEl.charityItem);
+  return $(context).closest(charityEl.charityItem);
 }
 
 function getCurrentProductCode(context) {
-    return context.find('input[name="productCode"]').val();
+  return context.find('input[name="productCode"]').val();
 }
 
 export function charityActionForAdd(value, quantity) {
-    if (!Wick.checkLocalEnv) {
-        const payload = {
-            url: ROUTES.CHARITY_ADD,
-            queries: {
-                productCodePost: value,
-                qty: quantity,
-            },
-            type: 'POST',
-        };
-        const productInfo = {
-            quantity: null,
-            fulfillment: 'Delivery',
-        };
-
-        callAction(payload, executeCharityAction, productInfo);
-    } else {
-        Wick.BasketPage.updateCart(...Array(2), true);
-    }
+  if (!Wick.checkLocalEnv) {
+    const payload = {
+      url: ROUTES.CHARITY_ADD,
+      queries: {
+        productCodePost: value,
+        qty: quantity,
+      },
+      type: 'POST',
+    };
+    const productInfo = {
+      quantity: null,
+      fulfillment: 'Delivery',
+    };
+
+    callAction(payload, executeCharityAction, productInfo);
+  } else {
+    Wick.BasketPage.updateCart(...Array(2), true);
+  }
 }
 
 function executeCharityAction(response, productInfo) {
-    if (response.addedProducts && response.addedProducts[0]) {
-        productInfo.quantity = response.addedProducts[0].qty;
-        $(document).trigger('EEAddToCart', productInfo);
-    }
+  if (response.addedProducts && response.addedProducts[0]) {
+    productInfo.quantity = response.addedProducts[0].qty;
+    $(document).trigger("EEAddToCart", productInfo);
+  }
 
-    Wick.BasketPage.updateCart(...Array(2), true);
+  Wick.BasketPage.updateCart(...Array(2), true);
 }
 
 export function changeCharityPrice() {
-    if ($(this).hasClass('btn-selected')) {
-        return;
-    }
-
-    const charityValue = $(this).attr('data-value'),
-        context = getCurrentCharityItem(this);
-
-    repaintCharityButton(this);
-    $(charityEl.donationCartValue).text(charityValue);
-    showDonationCostBlock(context);
-    charityActionForChangePrice(this);
+  if ($(this).hasClass('btn-selected')) {
+    return;
+  }
+
+  const charityValue = $(this).attr('data-value'),
+    context = getCurrentCharityItem(this),
+    productCode = getCurrentProductCode(context);
+
+  repaintCharityButton(this);
+  $(charityEl.donationCartValue).text(charityValue);
+  showDonationCostBlock(context);
+  charityActionForChangePrice(this);
 }
 
 function charityActionForChangePrice(context) {
-    const component = $(context).closest(Wick.BasketPage.el.charityItem);
-    const entryNumber = $(component).find('input[name="entryNumber"]').val();
-    const value = $(context).attr('data-value');
+  const component = $(context).closest(Wick.BasketPage.el.charityItem);
+  const entryNumber = $(component).find('input[name="entryNumber"]').val();
+  const value = $(context).attr('data-value');
 
-    showLoader('.basket-loader');
-    Wick.BasketPage.updateQuantityAction(entryNumber, value, context, component);
+  showLoader('.basket-loader');
+  Wick.BasketPage.updateQuantityAction(entryNumber, value, context, component);
 }
 
 function repaintCharityButton(context) {
-    const donationButtons = $(context)
-        .closest(charityEl.donationCartHolder)
-        .find(charityEl.donationCartBtn);
-    const btnSelected = 'btn-selected';
-    const btnSecondary = 'btn-secondary';
+  const donationButtons = $(context).closest(charityEl.donationCartHolder).find(charityEl.donationCartBtn);
+  const btnSelected = 'btn-selected';
+  const btnSecondary = 'btn-secondary';
 
-    donationButtons.each((i, btn) => {
-        $(btn).hasClass(btnSelected) && $(btn).removeClass(btnSelected).addClass(btnSecondary);
-    });
+  donationButtons.each((i, btn) => {
+    $(btn).hasClass(btnSelected) && $(btn).removeClass(btnSelected).addClass(btnSecondary);
+  })
 
-    $(context).removeClass(btnSecondary).addClass(btnSelected);
+  $(context).removeClass(btnSecondary).addClass(btnSelected);
 }
 
 function getDefaultCharityAmount() {
-    const donationButtons = $(charityEl.charityItem).find(charityEl.donationCartBtn);
-    return donationButtons.first().attr('data-value');
+  const donationButtons = $(charityEl.charityItem).find(charityEl.donationCartBtn);
+  return donationButtons.first().attr('data-value');
 }
 
 export function setDefaultCharityValue() {
-    $(charityEl.donationCartBtnSelected).each(function () {
-        const $btn = $(this);
-        const $item = $btn.closest(charityEl.charityItem);
-        const value = $btn.data('value');
-
-        $item.find(charityEl.donationCartValue).text(value);
-        $item
-            .find(charityEl.donationCartCostBlock)
-            .removeClass(charityEl.donationCartCostBlockHide);
-    });
+  $(charityEl.donationCartBtnSelected).each(function() {
+    const $btn   = $(this);
+    const $item  = $btn.closest(charityEl.charityItem);
+    const value  = $btn.data('value');
+
+    $item.find(charityEl.donationCartValue).text(value);
+    $item.find(charityEl.donationCartCostBlock)
+      .removeClass(charityEl.donationCartCostBlockHide);
+  });
 }
 
 function showDonationCostBlock($charity) {
-    $charity.find(charityEl.donationCartCostBlock).removeClass(charityEl.donationCartCostBlockHide);
+  $charity.find(charityEl.donationCartCostBlock)
+    .removeClass(charityEl.donationCartCostBlockHide);
 }
 
 function resetCharityValue() {
-    const defaultValue = getDefaultCharityAmount();
-    $(charityEl.donationCartValue).text(defaultValue);
+  const defaultValue = getDefaultCharityAmount();
+  $(charityEl.donationCartValue).text(defaultValue);
 }
 
 export function initCharityInteractions() {
-    $(document).on('click', charityEl.donationCartRemove, function (e) {
-        e.preventDefault();
-
-        const $item = $(this).closest(charityEl.charityItem);
-        $item.removeClass(charityEl.charityAdded);
-        $item.find(charityEl.donationCartCostBlock).addClass(charityEl.donationCartCostBlockHide);
-        $item.find(charityEl.donationCartBtn).removeClass('btn-selected').addClass('btn-secondary');
-        resetCharityValue();
-    });
+  $(document).on('click', charityEl.donationCartRemove, function(e) {
+    e.preventDefault();
+
+    const $item = $(this).closest(charityEl.charityItem);
+    $item.removeClass(charityEl.charityAdded);
+    $item
+      .find(charityEl.donationCartCostBlock)
+      .addClass(charityEl.donationCartCostBlockHide);
+    $item
+      .find(charityEl.donationCartBtn)
+      .removeClass('btn-selected')
+      .addClass('btn-secondary');
+    resetCharityValue();
+  });
 }

package/build/js/page/components/csrf.js

@@ -1,12 +1,12 @@
-import { callAction } from '../utils/http-action';
-import { ROUTES } from '../utils/routes';
+import {callAction} from "../utils/http-action";
+import {ROUTES} from '../utils/routes';
 
 export const CSRF = {
     token: '',
     getToken: function () {
         return this.token;
-    },
-};
+    }
+}
 
 export function getCSRFToken(promise) {
     if (!Wick.checkLocalEnv) {

package/build/js/page/components/discounts.js

@@ -1,65 +1,65 @@
 const osEl = {
-    $discountList: $('.checkout-widget__details-discount ul'),
-    discountItem: '.checkout-widget__details-discount',
-};
+  $discountList: $('.checkout-widget__details-discount ul'),
+  discountItem: '.checkout-widget__details-discount',
+}
 
 export function updateDiscount(data, isVoucher) {
-    if (Array.isArray(data.promotionsInfo) && data.promotionsInfo.length && !isVoucher) {
-        $(osEl.discountItem).show();
-        osEl.$discountList.empty();
+  if ((Array.isArray(data.promotionsInfo) && data.promotionsInfo.length)) {
+    $(osEl.discountItem).show();
+    osEl.$discountList.empty();
 
-        !data.promotionsInfo ||
-            data.promotionsInfo.forEach(function (discountObj) {
-                appendOrderPromotions(discountObj);
-            });
-    } else if (isVoucher && Array.isArray(data.promotionsInfo) && data.promotionsInfo.length) {
-        $(osEl.discountItem).show();
-        osEl.$discountList.empty();
+    !data.promotionsInfo || data.promotionsInfo.forEach(function (discountObj) {
+      appendOrderPromotions(discountObj);
+    });
+  } else if (isVoucher && (Array.isArray(data.promotionsInfo) && data.promotionsInfo.length)) {
+    $(osEl.discountItem).show();
+    osEl.$discountList.empty();
 
-        data.promotionsInfo.forEach(function (discountItem) {
-            osEl.$discountList.append(function () {
-                if (discountItem.usedCouponCode && discountItem.description) {
-                    return `
+    data.promotionsInfo.forEach(function (discountItem) {
+      osEl.$discountList.append(function () {
+        if (discountItem.usedCouponCode && discountItem.description) {
+          return `
             <li data-coupon-code="${discountItem.usedCouponCode}">
               ${discountItem.description}
               <span class="icon checkout-widget__voucher-remove">
                 <span class="fas fa-times"></span>
               </span>
             </li>
-          `;
-                } else if (discountItem.description) {
-                    return `
+          `
+        } else if (discountItem.description) {
+          return `
             <li>${discountItem.description}</li>
-          `;
-                } else {
-                    return '';
-                }
-            });
-        });
-    } else {
-        $(osEl.discountItem).hide();
-    }
+          `
+        } else {
+          return ''
+        }
+
+      });
+    });
+  } else {
+    $(osEl.discountItem).hide();
+  }
 }
 
 function appendOrderPromotions(discountObj) {
-    if (!_.isEmpty(discountObj)) {
-        if (discountObj.usedCouponCode && discountObj.description) {
-            osEl.$discountList.append(createRemoveCouponItem(discountObj));
-        } else if (discountObj.description) {
-            osEl.$discountList.append(function () {
-                return `<li>${discountObj.description}</li>`;
-            });
-        }
+  if (!_.isEmpty(discountObj)) {
+    if (discountObj.usedCouponCode && discountObj.description) {
+      osEl.$discountList.append(createRemoveCouponItem(discountObj));
+    } else if (discountObj.description) {
+      osEl.$discountList.append(function () {
+        return `<li>${discountObj.description}</li>`
+      });
     }
+  }
 }
 
 function createRemoveCouponItem(obj) {
-    return `
+  return `
     <li data-coupon-code="${obj.usedCouponCode}">
       ${obj.description}
       <span class="icon checkout-widget__voucher-remove">
         <span class="fas fa-times"></span>
       </span>
     </li>
-`;
+`
 }

package/build/js/page/components/favourite-product.js

@@ -1,132 +1,120 @@
-import { createEvent } from '../utils/create-event';
+import {createEvent} from "../utils/create-event";
 
 var Wick = window.Wick || {};
 
 Wick.FavouriteProduct = {
-    TOGGLE_FAVOURITE_PRODUCT_EVENT: 'toggleFavouriteProduct',
-    elementsData: {
-        favouriteButtonClass: '.favourite-product',
-        checkedClass: 'favourite-product-checked',
-        disableClass: 'favourite-product-disable',
-        favouriteStatusAttribute: 'data-favourite-status',
-    },
-    previousState: {},
-    productDebounceCollector: {},
-
-    toggleCheckedClass(favouriteButton) {
-        favouriteButton.toggleClass(Wick.FavouriteProduct.elementsData.checkedClass);
-    },
-
-    showSuccessMessage(text) {
-        Wick.SnackBar.show({
-            type: Wick.SnackBar.types.SUCCESS,
-            autoClose: true,
-            text,
-        });
-    },
-    showErrorMessage(text) {
-        Wick.SnackBar.show({
-            type: Wick.SnackBar.types.ERROR,
-            autoClose: true,
-            text,
-        });
-    },
-
-    enableFavouriteButton(favouriteButton) {
-        favouriteButton.removeClass(Wick.FavouriteProduct.elementsData.disableClass);
-    },
-    disableFavouriteButton(favouriteButton) {
-        favouriteButton.addClass(Wick.FavouriteProduct.elementsData.disableClass);
-    },
-
-    getStatus(favouriteButton) {
-        return favouriteButton.hasClass(Wick.FavouriteProduct.elementsData.checkedClass);
-    },
-    setPreviousStatus(favouriteButton, productId) {
-        if (!Object.prototype.hasOwnProperty.call(Wick.FavouriteProduct.previousState, productId)) {
-            Wick.FavouriteProduct.previousState[productId] =
-                Wick.FavouriteProduct.getStatus(favouriteButton);
+  TOGGLE_FAVOURITE_PRODUCT_EVENT: 'toggleFavouriteProduct',
+  elementsData: {
+    favouriteButtonClass: '.favourite-product',
+    checkedClass: 'favourite-product-checked',
+    disableClass: 'favourite-product-disable',
+    favouriteStatusAttribute: 'data-favourite-status',
+  },
+  previousState: {},
+  productDebounceCollector: {},
+
+  toggleCheckedClass(favouriteButton) {
+    favouriteButton.toggleClass(Wick.FavouriteProduct.elementsData.checkedClass);
+  },
+
+  showSuccessMessage(text) {
+    Wick.SnackBar.show({
+      type: Wick.SnackBar.types.SUCCESS,
+      autoClose: true,
+      text
+    });
+  },
+  showErrorMessage(text) {
+    Wick.SnackBar.show({
+      type: Wick.SnackBar.types.ERROR,
+      autoClose: true,
+      text
+    });
+  },
+
+  enableFavouriteButton(favouriteButton) {
+    favouriteButton.removeClass(Wick.FavouriteProduct.elementsData.disableClass);
+  },
+  disableFavouriteButton(favouriteButton) {
+    favouriteButton.addClass(Wick.FavouriteProduct.elementsData.disableClass);
+  },
+
+  getStatus(favouriteButton) {
+    return favouriteButton.hasClass(Wick.FavouriteProduct.elementsData.checkedClass)
+  },
+  setPreviousStatus(favouriteButton, productId) {
+    if (!Wick.FavouriteProduct.previousState.hasOwnProperty(productId)) {
+      Wick.FavouriteProduct.previousState[productId] = Wick.FavouriteProduct.getStatus(favouriteButton)
+    }
+  },
+  removePreviousStatus(productId) {
+    delete Wick.FavouriteProduct.previousState[productId]
+  },
+  isStatusChanged(favouriteButton, productId) {
+    return Wick.FavouriteProduct.previousState[productId] !== Wick.FavouriteProduct.getStatus(favouriteButton)
+  },
+
+  debounceRequest(favouriteButton, productId) {
+    if(!Wick.FavouriteProduct.productDebounceCollector[productId]) {
+      Wick.FavouriteProduct.productDebounceCollector[productId] = Wick.FavouriteProduct.createDebounce()
+    }
+
+    Wick.FavouriteProduct.productDebounceCollector[productId](favouriteButton, productId)
+  },
+
+  createDebounce() {
+    return _.debounce((favouriteButton, productId) => {
+      if (Wick.FavouriteProduct.isStatusChanged(favouriteButton, productId)) {
+        Wick.FavouriteProduct.sendRequest(favouriteButton, productId)
+      }
+
+      Wick.FavouriteProduct.removePreviousStatus(productId)
+    }, 500)
+  },
+
+  sendRequest(favouriteButton, productId) {
+    const payload = {
+      productId,
+      isChecked: Wick.FavouriteProduct.getStatus(favouriteButton),
+    }
+
+    Wick.FavouriteProduct.disableFavouriteButton(favouriteButton)
+
+    return new Promise((resolve, reject) => {
+      const eventDetail = {resolve, reject};
+      const event = createEvent(Wick.FavouriteProduct.TOGGLE_FAVOURITE_PRODUCT_EVENT, payload, eventDetail);
+      window.dispatchEvent(event);
+    })
+      .then(({ message }) => {
+        if (message) {
+          Wick.FavouriteProduct.showSuccessMessage(message)
         }
-    },
-    removePreviousStatus(productId) {
-        delete Wick.FavouriteProduct.previousState[productId];
-    },
-    isStatusChanged(favouriteButton, productId) {
-        return (
-            Wick.FavouriteProduct.previousState[productId] !==
-            Wick.FavouriteProduct.getStatus(favouriteButton)
-        );
-    },
-
-    debounceRequest(favouriteButton, productId) {
-        if (!Wick.FavouriteProduct.productDebounceCollector[productId]) {
-            Wick.FavouriteProduct.productDebounceCollector[productId] =
-                Wick.FavouriteProduct.createDebounce();
+      })
+      .catch(({ message }) => {
+        if (message) {
+          Wick.FavouriteProduct.showErrorMessage(message)
         }
+        Wick.FavouriteProduct.toggleCheckedClass(favouriteButton)
+      })
+      .finally(() => {
+        Wick.FavouriteProduct.enableFavouriteButton(favouriteButton)
+      })
+  },
+
+  setListenerForButtons (parentClass, getProductId) {
+    $(parentClass).on('click', Wick.FavouriteProduct.elementsData.favouriteButtonClass, function(){
+      const favouriteButton = $(this);
+      const productId = getProductId(favouriteButton);
+
+      Wick.FavouriteProduct.setPreviousStatus(favouriteButton, productId)
+      Wick.FavouriteProduct.toggleCheckedClass(favouriteButton)
+      Wick.FavouriteProduct.debounceRequest(favouriteButton, productId)
+    });
+  },
+
+  init (parentClass, getProductId) {
+    Wick.SnackBar.init()
+    Wick.FavouriteProduct.setListenerForButtons(parentClass, getProductId)
+  }
+}
 
-        Wick.FavouriteProduct.productDebounceCollector[productId](favouriteButton, productId);
-    },
-
-    createDebounce() {
-        return _.debounce((favouriteButton, productId) => {
-            if (Wick.FavouriteProduct.isStatusChanged(favouriteButton, productId)) {
-                Wick.FavouriteProduct.sendRequest(favouriteButton, productId);
-            }
-
-            Wick.FavouriteProduct.removePreviousStatus(productId);
-        }, 500);
-    },
-
-    sendRequest(favouriteButton, productId) {
-        const payload = {
-            productId,
-            isChecked: Wick.FavouriteProduct.getStatus(favouriteButton),
-        };
-
-        Wick.FavouriteProduct.disableFavouriteButton(favouriteButton);
-
-        return new Promise((resolve, reject) => {
-            const eventDetail = { resolve, reject };
-            const event = createEvent(
-                Wick.FavouriteProduct.TOGGLE_FAVOURITE_PRODUCT_EVENT,
-                payload,
-                eventDetail
-            );
-            window.dispatchEvent(event);
-        })
-            .then(({ message }) => {
-                if (message) {
-                    Wick.FavouriteProduct.showSuccessMessage(message);
-                }
-            })
-            .catch(({ message }) => {
-                if (message) {
-                    Wick.FavouriteProduct.showErrorMessage(message);
-                }
-                Wick.FavouriteProduct.toggleCheckedClass(favouriteButton);
-            })
-            .finally(() => {
-                Wick.FavouriteProduct.enableFavouriteButton(favouriteButton);
-            });
-    },
-
-    setListenerForButtons(parentClass, getProductId) {
-        $(parentClass).on(
-            'click',
-            Wick.FavouriteProduct.elementsData.favouriteButtonClass,
-            function () {
-                const favouriteButton = $(this);
-                const productId = getProductId(favouriteButton);
-
-                Wick.FavouriteProduct.setPreviousStatus(favouriteButton, productId);
-                Wick.FavouriteProduct.toggleCheckedClass(favouriteButton);
-                Wick.FavouriteProduct.debounceRequest(favouriteButton, productId);
-            }
-        );
-    },
-
-    init(parentClass, getProductId) {
-        Wick.SnackBar.init();
-        Wick.FavouriteProduct.setListenerForButtons(parentClass, getProductId);
-    },
-};