wickes-css2 2.103.0-IC-976-pre-commit-lint.2 → 2.103.0-IC-976-pre-commit-lint.4

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

@@ -1,196 +1,190 @@
 function createEvent(eventName, payload, eventDetail) {
-  return new CustomEvent(eventName, {
-    detail: {
-      payload,
-      resolve: eventDetail.resolve,
-      reject: eventDetail.reject,
-    },
-  });
+    return new CustomEvent(eventName, {
+        detail: {
+            payload,
+            resolve: eventDetail.resolve,
+            reject: eventDetail.reject,
+        },
+    });
 }
-
+/* eslint no-unused-vars: off */
 function createPopupSlider({ type, sliderSelector, onAppendEvent, onAppend }) {
-  const events = {
-    CLOSE_JUST_ADDED: 'CLOSE_JUST_ADDED',
-    CLOSE_MINI_BASKET: 'CLOSE_MINI_BASKET'
-  }
-
-  const el = {
-    $body: $('body'),
-    slider: sliderSelector,
-    sliderWrap: `${sliderSelector} .custom-slider__wrap`,
-    sliderWrapScroll: 'custom-slider__wrap--scroll',
-    footer: '.custom-slider__footer',
-    closePopup: `${sliderSelector} .close-popup`,
-    $stickyWrapper: $('.sticky-wrapper'),
-    $headerWrapper: $('.header-wrapper'),
-    scrollDisable: 'slider-scroll-disable',
-    footerFixed: 'footer-fixed',
-    btnMiniBasket: '.header-minicart__btn',
-  };
-
-  function isSmallBreakpoint() {
-    return Wick.Responsive.getCurrentBreakpoint() === 'down-sm';
-  }
-
-  function getAnimationClass() {
-    return isSmallBreakpoint() ? 'bottom-to-top' : 'right-to-left';
-  }
-
-  function adjustHeight() {
-    const stickyWrapperHeight = el.$stickyWrapper.outerHeight() || 0;
-    const headerWrapperHeight = el.$headerWrapper.outerHeight() || 0;
-
-    const totalHeight = stickyWrapperHeight + headerWrapperHeight;
-    $(el.slider).css('height', `calc(100% - ${totalHeight}px)`);
-  }
-
-  function hideSlider() {
-    $(el.slider).removeClass('show');
-
-    setTimeout(() => {
-      el.$body.removeClass(el.scrollDisable);
-
-      if (!isSmallBreakpoint()) {
-        el.$body.css('padding-right', '');
-      }
-
-      if (type === 'cart') {
-        $(el.slider)
-          .removeAttr('style')
-          .empty();
-      }
-
-      $(el.slider).addClass('d-none');
-    }, 400);
-  }
-
-  function handleScroll(sliderWrap) {
-    const scrollHeight = $(sliderWrap)[0].scrollHeight;
-    const scrollTop = $(sliderWrap).scrollTop();
-    const clientHeight = $(sliderWrap)[0].clientHeight;
-    const scrollBottom = scrollHeight - scrollTop - clientHeight;
-
-    if (scrollBottom > 75) {
-      $(el.footer).addClass(el.footerFixed);
-      $(sliderWrap).addClass(el.sliderWrapScroll);
-    } else {
-      $(el.footer).removeClass(el.footerFixed);
-      $(sliderWrap).removeClass(el.sliderWrapScroll);
+    const events = {
+        CLOSE_JUST_ADDED: 'CLOSE_JUST_ADDED',
+        CLOSE_MINI_BASKET: 'CLOSE_MINI_BASKET',
+    };
+
+    const el = {
+        $body: $('body'),
+        slider: sliderSelector,
+        sliderWrap: `${sliderSelector} .custom-slider__wrap`,
+        sliderWrapScroll: 'custom-slider__wrap--scroll',
+        footer: '.custom-slider__footer',
+        closePopup: `${sliderSelector} .close-popup`,
+        $stickyWrapper: $('.sticky-wrapper'),
+        $headerWrapper: $('.header-wrapper'),
+        scrollDisable: 'slider-scroll-disable',
+        footerFixed: 'footer-fixed',
+        btnMiniBasket: '.header-minicart__btn',
+    };
+
+    function isSmallBreakpoint() {
+        return Wick.Responsive.getCurrentBreakpoint() === 'down-sm';
+    }
+
+    function getAnimationClass() {
+        return isSmallBreakpoint() ? 'bottom-to-top' : 'right-to-left';
     }
-  }
 
-  function showSlider() {
-    if (isSmallBreakpoint()) {
-      adjustHeight();
+    function adjustHeight() {
+        const stickyWrapperHeight = el.$stickyWrapper.outerHeight() || 0;
+        const headerWrapperHeight = el.$headerWrapper.outerHeight() || 0;
+
+        const totalHeight = stickyWrapperHeight + headerWrapperHeight;
+        $(el.slider).css('height', `calc(100% - ${totalHeight}px)`);
     }
 
-    const animationClass = getAnimationClass();
-    const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;
-    $(el.slider)
-      .removeClass('bottom-to-top right-to-left')
-      .addClass(animationClass);
+    function hideSlider() {
+        $(el.slider).removeClass('show');
+
+        setTimeout(() => {
+            el.$body.removeClass(el.scrollDisable);
+
+            if (!isSmallBreakpoint()) {
+                el.$body.css('padding-right', '');
+            }
+
+            if (type === 'cart') {
+                $(el.slider).removeAttr('style').empty();
+            }
 
-    $('html, body').animate({ scrollTop: 0 }, 300, () => {
-      Wick.Backdrop.show();
-      $(el.slider).removeClass('d-none');
+            $(el.slider).addClass('d-none');
+        }, 400);
+    }
 
-      setTimeout(() => {
-        $(el.slider).addClass('show');
-        handleScroll(el.sliderWrap);
-        el.$body.addClass(el.scrollDisable);
+    function handleScroll(sliderWrap) {
+        const scrollHeight = $(sliderWrap)[0].scrollHeight;
+        const scrollTop = $(sliderWrap).scrollTop();
+        const clientHeight = $(sliderWrap)[0].clientHeight;
+        const scrollBottom = scrollHeight - scrollTop - clientHeight;
+
+        if (scrollBottom > 75) {
+            $(el.footer).addClass(el.footerFixed);
+            $(sliderWrap).addClass(el.sliderWrapScroll);
+        } else {
+            $(el.footer).removeClass(el.footerFixed);
+            $(sliderWrap).removeClass(el.sliderWrapScroll);
+        }
+    }
 
-        if (!isSmallBreakpoint()) {
-          el.$body.css('padding-right', `${scrollBarWidth}px`);
+    function showSlider() {
+        if (isSmallBreakpoint()) {
+            adjustHeight();
         }
-      }, 100);
-    });
-  }
-
-  function handleSliderClose(eventName) {
-    return new Promise((resolve, reject) => {
-      const eventDetail = {resolve, reject};
-      const event = createEvent(eventName, {}, eventDetail);
-      window.dispatchEvent(event);
-    })
-      .then(() => {})
-      .catch((error) => {
-        console.error(error);
-      })
-      .finally(() => {
-        hideSlider();
-        Wick.Backdrop.hide();
-      })
-  }
-
-  function bindClosePopup() {
-    $(document).on('click', el.closePopup, async () => {
-      if (type === 'cart') {
-        await handleSliderClose(events.CLOSE_JUST_ADDED);
-      }
-
-      if (type === 'miniBasket') {
-        await handleSliderClose(events.CLOSE_MINI_BASKET)
-      }
-
-      hideSlider();
-      Wick.Backdrop.hide();
-    });
-  }
-
-  function handleResize() {
-    const animationClass = getAnimationClass();
-
-    if ($(el.slider).hasClass('show')) {
-      $(el.slider)
-        .removeClass('bottom-to-top right-to-left')
-        .addClass(animationClass);
-
-      if (isSmallBreakpoint()) {
-        adjustHeight();
-      } else {
-        $(el.slider).css('height', '');
-        Wick.Backdrop.show();
-      }
+
+        const animationClass = getAnimationClass();
+        const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;
+        $(el.slider).removeClass('bottom-to-top right-to-left').addClass(animationClass);
+
+        $('html, body').animate({ scrollTop: 0 }, 300, () => {
+            Wick.Backdrop.show();
+            $(el.slider).removeClass('d-none');
+
+            setTimeout(() => {
+                $(el.slider).addClass('show');
+                handleScroll(el.sliderWrap);
+                el.$body.addClass(el.scrollDisable);
+
+                if (!isSmallBreakpoint()) {
+                    el.$body.css('padding-right', `${scrollBarWidth}px`);
+                }
+            }, 100);
+        });
+    }
+
+    function handleSliderClose(eventName) {
+        return new Promise((resolve, reject) => {
+            const eventDetail = { resolve, reject };
+            const event = createEvent(eventName, {}, eventDetail);
+            window.dispatchEvent(event);
+        })
+            .then(() => {})
+            .catch((error) => {
+                console.error(error);
+            })
+            .finally(() => {
+                hideSlider();
+                Wick.Backdrop.hide();
+            });
     }
-  }
-
-  function shouldClosePopup(event) {
-    const $target = $(event.target);
-    return (
-      !$target.closest(el.slider).length &&
-      !$target.closest(el.closePopup).length &&
-      $(el.slider).hasClass('show')
-    );
-  }
-
-  function init() {
-    bindClosePopup();
-
-    if (onAppendEvent && onAppend) {
-      document.addEventListener(onAppendEvent, (event) => {
-        onAppend(event, { showSlider, handleScroll, el });
-      });
+
+    function bindClosePopup() {
+        $(document).on('click', el.closePopup, async () => {
+            if (type === 'cart') {
+                await handleSliderClose(events.CLOSE_JUST_ADDED);
+            }
+
+            if (type === 'miniBasket') {
+                await handleSliderClose(events.CLOSE_MINI_BASKET);
+            }
+
+            hideSlider();
+            Wick.Backdrop.hide();
+        });
     }
 
-    $(window).on('resize', _.debounce(handleResize, 100));
+    function handleResize() {
+        const animationClass = getAnimationClass();
 
-    $('body').on('click', async (event) => {
-      if (shouldClosePopup(event)) {
-        if (type === 'cart') {
-          await handleSliderClose(events.CLOSE_JUST_ADDED);
+        if ($(el.slider).hasClass('show')) {
+            $(el.slider).removeClass('bottom-to-top right-to-left').addClass(animationClass);
+
+            if (isSmallBreakpoint()) {
+                adjustHeight();
+            } else {
+                $(el.slider).css('height', '');
+                Wick.Backdrop.show();
+            }
         }
+    }
 
-        if (type === 'miniBasket') {
-          await handleSliderClose(events.CLOSE_MINI_BASKET)
+    function shouldClosePopup(event) {
+        const $target = $(event.target);
+        return (
+            !$target.closest(el.slider).length &&
+            !$target.closest(el.closePopup).length &&
+            $(el.slider).hasClass('show')
+        );
+    }
+
+    function init() {
+        bindClosePopup();
+
+        if (onAppendEvent && onAppend) {
+            document.addEventListener(onAppendEvent, (event) => {
+                onAppend(event, { showSlider, handleScroll, el });
+            });
         }
-      }
-    });
-  }
 
-  init();
+        $(window).on('resize', _.debounce(handleResize, 100));
+
+        $('body').on('click', async (event) => {
+            if (shouldClosePopup(event)) {
+                if (type === 'cart') {
+                    await handleSliderClose(events.CLOSE_JUST_ADDED);
+                }
+
+                if (type === 'miniBasket') {
+                    await handleSliderClose(events.CLOSE_MINI_BASKET);
+                }
+            }
+        });
+    }
+
+    init();
 
-  return {
-    showSlider,
-    handleScroll,
-  };
+    return {
+        showSlider,
+        handleScroll,
+    };
 }

package/src/js/components/general/device-type.js

@@ -1,6 +1,6 @@
 var Wick = Wick || {};
-Wick.Device = function() {
-    if (Wick.Responsive.isTouchDevice()){
+Wick.Device = (function () {
+    if (Wick.Responsive.isTouchDevice()) {
         $('html').addClass('touch-device');
     }
-}();
+})();

package/src/js/components/general/footer.js

@@ -1,67 +1,97 @@
 var Wick = Wick || {};
-Wick.Footer = (function(){
-  let $accordion = $('.footer-menu__inner .accordion'),
-    $accordionContent = $('.footer-menu__inner .accordion__content'),
-    $paymentList = $('footer .payments__list'),
-    $waysToPayList = $('footer .payways__list'),
-    $paymentListCheckoutFooter = $('footer .payments-checkout__list'),
-    $paymentListOrderSummery = $('.right-aside .footer-checkout .payments-checkout__list'),
-    paymentSmallListClass = 'payments__list--small',
-    waysToPaySmallListClass = 'payways__list--small',
-    paymentCheckoutSmallListClass = 'payments-checkout__list--small',
-    collapsedState = "accordion_collapsed",
-    windowWidth = $(window).width();
+Wick.Footer = (function () {
+    let $accordion = $('.footer-menu__inner .accordion'),
+        $accordionContent = $('.footer-menu__inner .accordion__content'),
+        $paymentList = $('footer .payments__list'),
+        $waysToPayList = $('footer .payways__list'),
+        $paymentListCheckoutFooter = $('footer .payments-checkout__list'),
+        $paymentListOrderSummery = $('.right-aside .footer-checkout .payments-checkout__list'),
+        paymentSmallListClass = 'payments__list--small',
+        waysToPaySmallListClass = 'payways__list--small',
+        paymentCheckoutSmallListClass = 'payments-checkout__list--small',
+        collapsedState = 'accordion_collapsed',
+        windowWidth = $(window).width();
 
-  const elementClassAdjustments = [
-    { $element: $paymentList, count: 6, className: paymentSmallListClass },
-    { $element: $paymentListOrderSummery, count: 6, className: paymentCheckoutSmallListClass, isGreaterThan: true },
-    { $element: $paymentListCheckoutFooter, count: 6, className: paymentCheckoutSmallListClass, isGreaterThan: false },
-    { $element: $waysToPayList, count: 6, className: waysToPaySmallListClass, isGreaterThan: false, checkForWindowWidth: true }
-  ];
+    const elementClassAdjustments = [
+        { $element: $paymentList, count: 6, className: paymentSmallListClass },
+        {
+            $element: $paymentListOrderSummery,
+            count: 6,
+            className: paymentCheckoutSmallListClass,
+            isGreaterThan: true,
+        },
+        {
+            $element: $paymentListCheckoutFooter,
+            count: 6,
+            className: paymentCheckoutSmallListClass,
+            isGreaterThan: false,
+        },
+        {
+            $element: $waysToPayList,
+            count: 6,
+            className: waysToPaySmallListClass,
+            isGreaterThan: false,
+            checkForWindowWidth: true,
+        },
+    ];
 
-  function accordionClickHandler() {
-    if ($(this).find($accordionContent).is(':visible')) {
-      $accordionContent.hide()
-      $accordion.not($(this)).removeClass(collapsedState)
-      $(this).find($accordionContent).show()
+    function accordionClickHandler() {
+        if ($(this).find($accordionContent).is(':visible')) {
+            $accordionContent.hide();
+            $accordion.not($(this)).removeClass(collapsedState);
+            $(this).find($accordionContent).show();
+        }
     }
-  }
 
-  function applyClassBasedOnChildrenCount($element, count, className, isGreaterThan = false, checkForWindowWidth = false) {
-    let hasEnoughChildren = isGreaterThan ? $element.children().length > count : $element.children().length < count;
+    function applyClassBasedOnChildrenCount(
+        $element,
+        count,
+        className,
+        isGreaterThan = false,
+        checkForWindowWidth = false
+    ) {
+        let hasEnoughChildren = isGreaterThan
+            ? $element.children().length > count
+            : $element.children().length < count;
 
-    if(checkForWindowWidth && windowWidth < 576) {
-      if(hasEnoughChildren) {
-        $element.addClass(className);
-      }
-    } else if (!checkForWindowWidth) {
-      if(hasEnoughChildren) {
-        $element.addClass(className);
-      }
+        if (checkForWindowWidth && windowWidth < 576) {
+            if (hasEnoughChildren) {
+                $element.addClass(className);
+            }
+        } else if (!checkForWindowWidth) {
+            if (hasEnoughChildren) {
+                $element.addClass(className);
+            }
+        }
     }
-  }
 
-  function onWindowResize() {
-    windowWidth = $(window).width();
+    function onWindowResize() {
+        windowWidth = $(window).width();
 
-    let isChildrenCountLessThanSix = $waysToPayList.children().length < 6;
+        let isChildrenCountLessThanSix = $waysToPayList.children().length < 6;
 
-    if(isChildrenCountLessThanSix && windowWidth > 576 ) {
-      $waysToPayList.removeClass(waysToPaySmallListClass);
-    } else if (isChildrenCountLessThanSix) {
-      $waysToPayList.addClass(waysToPaySmallListClass);
+        if (isChildrenCountLessThanSix && windowWidth > 576) {
+            $waysToPayList.removeClass(waysToPaySmallListClass);
+        } else if (isChildrenCountLessThanSix) {
+            $waysToPayList.addClass(waysToPaySmallListClass);
+        }
     }
-  }
 
-  function init () {
-    $accordion.click(accordionClickHandler);
+    function init() {
+        $accordion.click(accordionClickHandler);
 
-    elementClassAdjustments.forEach(function(item) {
-      applyClassBasedOnChildrenCount(item.$element, item.count, item.className, item.isGreaterThan, item.checkForWindowWidth);
-    });
+        elementClassAdjustments.forEach(function (item) {
+            applyClassBasedOnChildrenCount(
+                item.$element,
+                item.count,
+                item.className,
+                item.isGreaterThan,
+                item.checkForWindowWidth
+            );
+        });
 
-    $(window).resize(_.debounce(onWindowResize, 200));
-  }
+        $(window).resize(_.debounce(onWindowResize, 200));
+    }
 
-  init();
-})();
+    init();
+})();

package/src/js/components/general/handleAccordion.js

@@ -1,35 +1,35 @@
 var Wick = Wick || {};
 
 Wick.HandleAccordions = {
-  el: {
-    $body: $('body'),
-    $accordions: $(".account-nav .accordion"),
-    accordionContent: '.accordion__content',
-    accordionHeader: '.accordion__header',
-    accordionCollapsed: 'accordion_collapsed',
-  },
-  handleOutsideClick() {
-    document.addEventListener("click", function (event) {
-      Wick.HandleAccordions.el.$accordions.each(function () {
-        const $accordion = $(this);
-        const $content = $accordion.find(Wick.HandleAccordions.el.accordionContent);
-        const $toggle = $accordion.find(Wick.HandleAccordions.el.accordionHeader);
+    el: {
+        $body: $('body'),
+        $accordions: $('.account-nav .accordion'),
+        accordionContent: '.accordion__content',
+        accordionHeader: '.accordion__header',
+        accordionCollapsed: 'accordion_collapsed',
+    },
+    handleOutsideClick() {
+        document.addEventListener('click', function (event) {
+            Wick.HandleAccordions.el.$accordions.each(function () {
+                const $accordion = $(this);
+                const $content = $accordion.find(Wick.HandleAccordions.el.accordionContent);
+                const $toggle = $accordion.find(Wick.HandleAccordions.el.accordionHeader);
 
-        const toggleButton = $toggle[0];
-        const content = $content[0];
+                const toggleButton = $toggle[0];
+                const content = $content[0];
 
-        if (!toggleButton || !content) {
-          return;
-        }
+                if (!toggleButton || !content) {
+                    return;
+                }
 
-        if (!toggleButton.contains(event.target) && !content.contains(event.target)) {
-          if ($content.is(":visible")) {
-            $content.hide();
-            $accordion.addClass(Wick.HandleAccordions.el.accordionCollapsed);
-            $accordion.attr("aria-expanded", "false");
-          }
-        }
-      });
-    });
-  }
+                if (!toggleButton.contains(event.target) && !content.contains(event.target)) {
+                    if ($content.is(':visible')) {
+                        $content.hide();
+                        $accordion.addClass(Wick.HandleAccordions.el.accordionCollapsed);
+                        $accordion.attr('aria-expanded', 'false');
+                    }
+                }
+            });
+        });
+    },
 };

package/src/js/components/general/is-trade-pro.js

@@ -1,37 +1,43 @@
 var Wick = Wick || {};
-Wick.isTradeProAndroid = (function(){
+Wick.isTradeProAndroid = (function () {
     if (navigator.userAgent.match(/TradeProMobile_Android|DIYMobile_Android/i)) {
         return true;
     }
 })();
 
-Wick.isTradeProiOS = (function(){
+Wick.isTradeProiOS = (function () {
     if (navigator.userAgent.match(/TradeProMobile_iOS|DIYMobile_iOS/i)) {
         return true;
     }
 })();
 
-Wick.isTradePro = (function(){
-    if (navigator.userAgent.match(/TradeProMobile_iOS|TradeProMobile_Android|DIYMobile_iOS|DIYMobile_Android/i)) {
+Wick.isTradePro = (function () {
+    if (
+        navigator.userAgent.match(
+            /TradeProMobile_iOS|TradeProMobile_Android|DIYMobile_iOS|DIYMobile_Android/i
+        )
+    ) {
         return true;
     }
 })();
 
 $(document).ready(function () {
-    if (navigator.userAgent.match(/TradeProMobile_iOS|TradeProMobile_Android|DIYMobile_iOS|DIYMobile_Android/i)) {
+    if (
+        navigator.userAgent.match(
+            /TradeProMobile_iOS|TradeProMobile_Android|DIYMobile_iOS|DIYMobile_Android/i
+        )
+    ) {
         $('body').addClass('tp-app');
     }
 });
 
-$(function() {
+$(function () {
     if (Wick.isTradeProAndroid) {
         $('body').addClass('tp-android');
     }
     if (Wick.isTradeProiOS) {
         $('body').addClass('tp-ios');
-        if (
-          window.matchMedia('(min-width: 768px)').matches
-        ) {
+        if (window.matchMedia('(min-width: 768px)').matches) {
             $('body').addClass('tp-ios-notch');
         }
     }

package/src/js/components/general/main-nav.js

@@ -1,16 +1,16 @@
 var Wick = Wick || {};
 
 Wick.MainNav = (function () {
-  return {
-    createMainNav: function () {
-      Wick.Nav();
-      Wick.Responsive.callBr();
-    }
-  }
+    return {
+        createMainNav: function () {
+            Wick.Nav();
+            Wick.Responsive.callBr();
+        },
+    };
 })();
 
 $(document).ready(function () {
-  if (!$('#main-nav').length) return;
+    if (!$('#main-nav').length) return;
 
-  Wick.MainNav.createMainNav();
+    Wick.MainNav.createMainNav();
 });