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

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

@@ -1,190 +1,196 @@
 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 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);
     }
+  }
 
-    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 showSlider() {
+    if (isSmallBreakpoint()) {
+      adjustHeight();
     }
 
-    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();
-            }
+    const animationClass = getAnimationClass();
+    const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;
+    $(el.slider)
+      .removeClass('bottom-to-top right-to-left')
+      .addClass(animationClass);
 
-            $(el.slider).addClass('d-none');
-        }, 400);
-    }
+    $('html, body').animate({ scrollTop: 0 }, 300, () => {
+      Wick.Backdrop.show();
+      $(el.slider).removeClass('d-none');
 
-    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);
-        }
-    }
+      setTimeout(() => {
+        $(el.slider).addClass('show');
+        handleScroll(el.sliderWrap);
+        el.$body.addClass(el.scrollDisable);
 
-    function showSlider() {
-        if (isSmallBreakpoint()) {
-            adjustHeight();
+        if (!isSmallBreakpoint()) {
+          el.$body.css('padding-right', `${scrollBarWidth}px`);
         }
-
-        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();
-            });
+      }, 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();
+      }
     }
-
-    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 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 handleResize() {
-        const animationClass = getAnimationClass();
+    $(window).on('resize', _.debounce(handleResize, 100));
 
-        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();
-            }
+    $('body').on('click', async (event) => {
+      if (shouldClosePopup(event)) {
+        if (type === 'cart') {
+          await handleSliderClose(events.CLOSE_JUST_ADDED);
         }
-    }
 
-    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 });
-            });
+        if (type === 'miniBasket') {
+          await handleSliderClose(events.CLOSE_MINI_BASKET)
         }
+      }
+    });
+  }
 
-        $(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();
+  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,97 +1,67 @@
 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,43 +1,37 @@
 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();
 });