wickes-css2 2.103.0-IC-976-pre-commit-lint.1 → 2.103.0-IC-976-pre-commit-lint.3

package/src/js/page/components/charity.js

@@ -1,168 +1,162 @@
-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),
-    productCode = getCurrentProductCode(context);
-
-  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);
+
+    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/src/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/src/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)) {
-    $(osEl.discountItem).show();
-    osEl.$discountList.empty();
+    if (Array.isArray(data.promotionsInfo) && data.promotionsInfo.length && !isVoucher) {
+        $(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/src/js/page/components/favourite-product.js

@@ -1,120 +1,132 @@
-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 (!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)
+    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);
         }
-      })
-      .catch(({ message }) => {
-        if (message) {
-          Wick.FavouriteProduct.showErrorMessage(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();
         }
-        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);
+    },
+};