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

package/src/js/components/general/search.js

@@ -1,43 +1,41 @@
 var Wick = Wick || {};
 
-Wick.Search = (function() {
-  var $searchBtn = $('#search-button'),
-    $searchWrapper = $('#search-wrapper'),
-    $searchInput = $('#search'),
-    searchWrapperActive = 'search-wrapper--active',
-    searchActive = 'search--active',
-    navButton = $('.header-hamburger-menu'),
-    openNavClass = 'header-hamburger-menu_close-visible';
+Wick.Search = (function () {
+    var $searchBtn = $('#search-button'),
+        $searchWrapper = $('#search-wrapper'),
+        $searchInput = $('#search'),
+        searchWrapperActive = 'search-wrapper--active',
+        searchActive = 'search--active',
+        navButton = $('.header-hamburger-menu'),
+        openNavClass = 'header-hamburger-menu_close-visible';
 
     var closeNav = function () {
-      if (navButton.hasClass(openNavClass)) {
-        navButton
-          .trigger('click')
-          .trigger('blur')
-      }
+        if (navButton.hasClass(openNavClass)) {
+            navButton.trigger('click').trigger('blur');
+        }
     };
 
     var showSearch = function () {
-      $searchWrapper.addClass(searchWrapperActive);
-      $searchInput.focus();
-      $searchBtn.addClass(searchActive);
-      closeNav();
+        $searchWrapper.addClass(searchWrapperActive);
+        $searchInput.focus();
+        $searchBtn.addClass(searchActive);
+        closeNav();
     };
 
     var hideSearch = function () {
-      $searchWrapper.removeClass(searchWrapperActive);
-      $searchBtn.removeClass(searchActive);
+        $searchWrapper.removeClass(searchWrapperActive);
+        $searchBtn.removeClass(searchActive);
     };
 
-    $searchInput.focusout(function() {
-      setTimeout(hideSearch,0);
-    })
+    $searchInput.focusout(function () {
+        setTimeout(hideSearch, 0);
+    });
 
     $searchBtn.click(function () {
-      if ($searchBtn.hasClass(searchActive)) {
-        hideSearch();
-      } else {
-        showSearch();
-      }
-    })
-})()
+        if ($searchBtn.hasClass(searchActive)) {
+            hideSearch();
+        } else {
+            showSearch();
+        }
+    });
+})();

package/src/js/components/general/snack-bar.js

@@ -5,7 +5,7 @@ Wick.SnackBar = {
     types: {
         SUCCESS: 'success',
         ERROR: 'error',
-        WARNING: 'warning'
+        WARNING: 'warning',
     },
 };
 
@@ -46,13 +46,12 @@ Wick.SnackBar = {
             console.warn('Snack bar already initialized');
             return;
         }
-        const wrapper = $("<div>", { class: overlayClassName });
+        const wrapper = $('<div>', { class: overlayClassName });
         $(document.body).append(wrapper);
     },
 
     defineOverlayListener() {
-        $(Wick.SnackBar.overlaySelector)
-            .on('click', Wick.SnackBar.hideOverlayByOutsideClick);
+        $(Wick.SnackBar.overlaySelector).on('click', Wick.SnackBar.hideOverlayByOutsideClick);
     },
 
     getDefaultOptionsForMessageType(type) {
@@ -61,7 +60,9 @@ Wick.SnackBar = {
 
     show(messageOptions) {
         const id = Date.now();
-        const defaultMessageOptions = Wick.SnackBar.getDefaultOptionsForMessageType(messageOptions.type);
+        const defaultMessageOptions = Wick.SnackBar.getDefaultOptionsForMessageType(
+            messageOptions.type
+        );
         const templateArgs = {
             ...defaultMessageOptions,
             ...messageOptions,
@@ -80,7 +81,7 @@ Wick.SnackBar = {
             <span class="icon notification__close">
                 <span class="far fa-times"></span>
             </span>
-        `)
+        `);
         closeBtn.on('click', function (e) {
             e.stopPropagation();
             const message = $(this).closest('.snack-bar-notification-wrapper');
@@ -93,7 +94,7 @@ Wick.SnackBar = {
                     Wick.SnackBar.hideOverlay();
                 }
             });
-        })
+        });
         template.find('.snack-bar-notification-popup').append(closeBtn);
     },
 
@@ -105,7 +106,7 @@ Wick.SnackBar = {
         $(Wick.SnackBar.overlaySelector).fadeOut();
     },
 
-    getTemplate(text = '', icon, className){
+    getTemplate(text = '', icon, className) {
         return $(`
         <div class="snack-bar-notification-wrapper">
           <div class="snack-bar-notification-wrapper-inner">
@@ -121,7 +122,7 @@ Wick.SnackBar = {
     },
 
     addTemplateId(template, id) {
-        template.attr('data-message-id', id)
+        template.attr('data-message-id', id);
     },
 
     hasChildren(selector) {
@@ -137,9 +138,17 @@ Wick.SnackBar = {
         });
     },
 
-    createMessageTemplate({ text, icon, className, withCloseButton, id, delayBeforeClose, autoClose }) {
+    createMessageTemplate({
+        text,
+        icon,
+        className,
+        withCloseButton,
+        id,
+        delayBeforeClose,
+        autoClose,
+    }) {
         const templateWithText = Wick.SnackBar.getTemplate(text, icon, className);
-        Wick.SnackBar.addTemplateId(templateWithText, id)
+        Wick.SnackBar.addTemplateId(templateWithText, id);
         if (withCloseButton) {
             Wick.SnackBar.addCloseBtn(templateWithText);
         }

package/src/js/components/general/sticky_header.js

@@ -1,6 +1,5 @@
 var Wick = Wick || {};
 Wick.StickyHeader = (function () {
-
     var position = $(window).scrollTop(),
         headerTopLine = $('.header__top-line'),
         headerWrapper = $('.header-wrapper'),
@@ -21,13 +20,12 @@ Wick.StickyHeader = (function () {
             } else if (scroll < position && flag === 0) {
                 showTop(scroll, position);
             }
-        } else if (mainNavDisplay === 'block' && flag === 0){
+        } else if (mainNavDisplay === 'block' && flag === 0) {
             showTop(scroll, position);
         }
         position = scroll;
     });
 
-
     function hideTop(pageOffsetTop, scrolledPosition) {
         if (pageOffsetTop + scrolledPosition <= 0) {
             return;
@@ -48,15 +46,18 @@ Wick.StickyHeader = (function () {
     }
 
     function goBack() {
-        $('.header-back-btn').click(function(e){
+        $('.header-back-btn').click(function (e) {
             e.stopPropagation();
             e.preventDefault();
-            if (navigator.userAgent.match(/TradeProMobile_iOS|TradeProMobile_Android|DIYMobile_iOS|DIYMobile_Android/i)) {
-	            window.history.back();
+            if (
+                navigator.userAgent.match(
+                    /TradeProMobile_iOS|TradeProMobile_Android|DIYMobile_iOS|DIYMobile_Android/i
+                )
+            ) {
+                window.history.back();
             }
         });
     }
 
     goBack();
-
 })();

package/src/js/components/general/switchVat.js

@@ -1,164 +1,164 @@
 var Wick = window.Wick || {};
 
 Wick.VatToggle = {
-  VAT_COOKIE: 'isVatChecked',
-  TOGGLE_VAT_EVENT_NAME: 'toggleVat',
-  HIDDEN_CLASS_NAME: 'd-none',
-  el: {
-    switchVatLabel: '.switch-vat-label',
-    includingVat: '.including-vat',
-    excludingVat: '.excluding-vat',
-    includingVatGlobalClass: 'including-vat-global',
-    excludingVatGlobalClass: 'excluding-vat-global',
-    switchVatInput: '.switch-vat input',
-    isHidden: 'd-none',
-    switchLabelCheckedClass: 'switch-label__checked',
-  },
-
-  toggle: function () {
-    const newSwitcherValue = !Wick.VatToggle.isOn();
-
-    Wick.VatToggle.setLabelState();
-    Wick.VatToggle.setSwitcherState(newSwitcherValue);
-
-    Wick.VatToggle.setCookie(Wick.VatToggle.VAT_COOKIE, newSwitcherValue);
-
-    const event = Wick.VatToggle.createToggleEvent(newSwitcherValue);
-    window.dispatchEvent(event);
-  },
-
-  setLabelState: function() {
-    Wick.VatToggle.toggleLabelClass();
-  },
-
-  setSwitcherState: function(isToggled) {
-    $(Wick.VatToggle.el.switchVatInput).attr('checked', isToggled);
-  },
-
-  getSwitcherState: function() {
-    if ($(Wick.VatToggle.el.switchVatInput).length) {
-      return !!$(Wick.VatToggle.el.switchVatInput).attr('checked');
-    } else {
-      return null;
-    }
-  },
-
-  createToggleEvent: function(isToggled) {
-    return new CustomEvent(Wick.VatToggle.TOGGLE_VAT_EVENT_NAME, {
-      detail: { toggled: isToggled },
-    });
-  },
-
-  toggleLabelClass: function () {
-    $(Wick.VatToggle.el.switchVatLabel).toggleClass(Wick.VatToggle.el.switchLabelCheckedClass);
-  },
-
-  isToggleVatAvailable: function() {
-    //added so that it doesn't trigger in the local environment
-    if (!Wick.checkLocalEnv) {
-      return window.ACC.app.isVatToggleAvailable;
-    }
-  },
-
-  isOn: function () {
-    return !!Wick.VatToggle.getCookie(Wick.VatToggle.VAT_COOKIE);
-  },
-
-  toggleDisplayClass: function () {
-    const includingVatEl = Wick.VatToggle.el.includingVat;
-    const excludingVat = Wick.VatToggle.el.excludingVat;
-    const hiddenClassName = Wick.VatToggle.HIDDEN_CLASS_NAME;
-
-    $(includingVatEl).toggleClass(hiddenClassName);
-    $(excludingVat).toggleClass(hiddenClassName);
-  },
-  reapplyDisplayClass: function () {
-    const includingVatEl = Wick.VatToggle.el.includingVat;
-    const excludingVatEl = Wick.VatToggle.el.excludingVat;
-    const hiddenClassName = Wick.VatToggle.HIDDEN_CLASS_NAME;
-
-    let vatState = null;
-
-    // check switcher state for web or cookie for app
-    if (Wick.VatToggle.getSwitcherState() !== null) {
-      vatState = Wick.VatToggle.getSwitcherState();
-    } else {
-      vatState = Wick.VatToggle.isOn();
-    }
-
-    if (vatState) {
-      $(includingVatEl).addClass(hiddenClassName);
-      $(excludingVatEl).removeClass(hiddenClassName);
-    } else {
-      $(includingVatEl).removeClass(hiddenClassName);
-      $(excludingVatEl).addClass(hiddenClassName);
-    }
-  },
-
-  updateGlobalClass: function () {
-    const includingVatGlobal = Wick.VatToggle.el.includingVatGlobalClass;
-    const excludingVatGlobal = Wick.VatToggle.el.excludingVatGlobalClass;
-
-    if (Wick.VatToggle.isOn()) {
-      $('body').removeClass(includingVatGlobal).addClass(excludingVatGlobal);
-    } else {
-      $('body').removeClass(excludingVatGlobal).addClass(includingVatGlobal);
-    }
-  },
-
-  getCookie: function(cookieName) {
-    const cookie = decodeURIComponent(document.cookie)
-      .split(';')
-      .map((cookie = '') => cookie.trim())
-      .find((cookie = '') => cookie.startsWith(`${cookieName}=`));
-
-    if(cookie) {
-      const cookieValue = cookie.replace(`${cookieName}=`, '');
-      return covertStringBooleanToBoolean(cookieValue);
-    }
-
-    return '';
-  },
-
-  setCookie: function(cookie, value) {
-    const cookiesString = (`${cookie}=${encodeURIComponent(value)};path=/`);
-    document.cookie = cookiesString;
-  },
-
-  init: function() {
-    const isVatShouldBeToggled = Wick.VatToggle.isOn();
-    const isVatToggled = !!Wick.VatToggle.getSwitcherState();
-
-    if(isVatShouldBeToggled) {
-      Wick.VatToggle.setLabelState();
-    }
-    Wick.VatToggle.setSwitcherState(isVatShouldBeToggled);
-    Wick.VatToggle.updateGlobalClass();
-
-    $(Wick.VatToggle.el.switchVatInput).on('change', Wick.VatToggle.toggle);
-
-    $(window).on(Wick.VatToggle.TOGGLE_VAT_EVENT_NAME, function (e) {
-      Wick.VatToggle.toggleDisplayClass();
-      Wick.VatToggle.updateGlobalClass();
-    })
-
-    if(isVatShouldBeToggled !== isVatToggled) {
-      const event = Wick.VatToggle.createToggleEvent(isVatShouldBeToggled);
-      window.dispatchEvent(event);
-    }
-  }
+    VAT_COOKIE: 'isVatChecked',
+    TOGGLE_VAT_EVENT_NAME: 'toggleVat',
+    HIDDEN_CLASS_NAME: 'd-none',
+    el: {
+        switchVatLabel: '.switch-vat-label',
+        includingVat: '.including-vat',
+        excludingVat: '.excluding-vat',
+        includingVatGlobalClass: 'including-vat-global',
+        excludingVatGlobalClass: 'excluding-vat-global',
+        switchVatInput: '.switch-vat input',
+        isHidden: 'd-none',
+        switchLabelCheckedClass: 'switch-label__checked',
+    },
+
+    toggle: function () {
+        const newSwitcherValue = !Wick.VatToggle.isOn();
+
+        Wick.VatToggle.setLabelState();
+        Wick.VatToggle.setSwitcherState(newSwitcherValue);
+
+        Wick.VatToggle.setCookie(Wick.VatToggle.VAT_COOKIE, newSwitcherValue);
+
+        const event = Wick.VatToggle.createToggleEvent(newSwitcherValue);
+        window.dispatchEvent(event);
+    },
+
+    setLabelState: function () {
+        Wick.VatToggle.toggleLabelClass();
+    },
+
+    setSwitcherState: function (isToggled) {
+        $(Wick.VatToggle.el.switchVatInput).attr('checked', isToggled);
+    },
+
+    getSwitcherState: function () {
+        if ($(Wick.VatToggle.el.switchVatInput).length) {
+            return !!$(Wick.VatToggle.el.switchVatInput).attr('checked');
+        } else {
+            return null;
+        }
+    },
+
+    createToggleEvent: function (isToggled) {
+        return new CustomEvent(Wick.VatToggle.TOGGLE_VAT_EVENT_NAME, {
+            detail: { toggled: isToggled },
+        });
+    },
+
+    toggleLabelClass: function () {
+        $(Wick.VatToggle.el.switchVatLabel).toggleClass(Wick.VatToggle.el.switchLabelCheckedClass);
+    },
+
+    isToggleVatAvailable: function () {
+        //added so that it doesn't trigger in the local environment
+        if (!Wick.checkLocalEnv) {
+            return window.ACC.app.isVatToggleAvailable;
+        }
+    },
+
+    isOn: function () {
+        return !!Wick.VatToggle.getCookie(Wick.VatToggle.VAT_COOKIE);
+    },
+
+    toggleDisplayClass: function () {
+        const includingVatEl = Wick.VatToggle.el.includingVat;
+        const excludingVat = Wick.VatToggle.el.excludingVat;
+        const hiddenClassName = Wick.VatToggle.HIDDEN_CLASS_NAME;
+
+        $(includingVatEl).toggleClass(hiddenClassName);
+        $(excludingVat).toggleClass(hiddenClassName);
+    },
+    reapplyDisplayClass: function () {
+        const includingVatEl = Wick.VatToggle.el.includingVat;
+        const excludingVatEl = Wick.VatToggle.el.excludingVat;
+        const hiddenClassName = Wick.VatToggle.HIDDEN_CLASS_NAME;
+
+        let vatState = null;
+
+        // check switcher state for web or cookie for app
+        if (Wick.VatToggle.getSwitcherState() !== null) {
+            vatState = Wick.VatToggle.getSwitcherState();
+        } else {
+            vatState = Wick.VatToggle.isOn();
+        }
+
+        if (vatState) {
+            $(includingVatEl).addClass(hiddenClassName);
+            $(excludingVatEl).removeClass(hiddenClassName);
+        } else {
+            $(includingVatEl).removeClass(hiddenClassName);
+            $(excludingVatEl).addClass(hiddenClassName);
+        }
+    },
+
+    updateGlobalClass: function () {
+        const includingVatGlobal = Wick.VatToggle.el.includingVatGlobalClass;
+        const excludingVatGlobal = Wick.VatToggle.el.excludingVatGlobalClass;
+
+        if (Wick.VatToggle.isOn()) {
+            $('body').removeClass(includingVatGlobal).addClass(excludingVatGlobal);
+        } else {
+            $('body').removeClass(excludingVatGlobal).addClass(includingVatGlobal);
+        }
+    },
+
+    getCookie: function (cookieName) {
+        const cookie = decodeURIComponent(document.cookie)
+            .split(';')
+            .map((cookie = '') => cookie.trim())
+            .find((cookie = '') => cookie.startsWith(`${cookieName}=`));
+
+        if (cookie) {
+            const cookieValue = cookie.replace(`${cookieName}=`, '');
+            return covertStringBooleanToBoolean(cookieValue);
+        }
+
+        return '';
+    },
+
+    setCookie: function (cookie, value) {
+        const cookiesString = `${cookie}=${encodeURIComponent(value)};path=/`;
+        document.cookie = cookiesString;
+    },
+
+    init: function () {
+        const isVatShouldBeToggled = Wick.VatToggle.isOn();
+        const isVatToggled = !!Wick.VatToggle.getSwitcherState();
+
+        if (isVatShouldBeToggled) {
+            Wick.VatToggle.setLabelState();
+        }
+        Wick.VatToggle.setSwitcherState(isVatShouldBeToggled);
+        Wick.VatToggle.updateGlobalClass();
+
+        $(Wick.VatToggle.el.switchVatInput).on('change', Wick.VatToggle.toggle);
+
+        $(window).on(Wick.VatToggle.TOGGLE_VAT_EVENT_NAME, function () {
+            Wick.VatToggle.toggleDisplayClass();
+            Wick.VatToggle.updateGlobalClass();
+        });
+
+        if (isVatShouldBeToggled !== isVatToggled) {
+            const event = Wick.VatToggle.createToggleEvent(isVatShouldBeToggled);
+            window.dispatchEvent(event);
+        }
+    },
 };
 
 function covertStringBooleanToBoolean(stringBoolean) {
-  if (stringBoolean === 'true') {
-    return true;
-  }
-  if (stringBoolean === 'false') {
-    return false;
-  }
-  return stringBoolean;
+    if (stringBoolean === 'true') {
+        return true;
+    }
+    if (stringBoolean === 'false') {
+        return false;
+    }
+    return stringBoolean;
 }
 
 $(document).ready(function () {
-  Wick.VatToggle.init();
+    Wick.VatToggle.init();
 });

package/src/js/components/general/text-clamp.js

@@ -14,13 +14,11 @@ Wick.TextClamp = (function () {
     function clampText(selector, size) {
         if (selector.length) {
             selector.each(function (index, value) {
-                $clamp(value, {clamp: size});
+                $clamp(value, { clamp: size });
             });
         }
     }
 
-
-
     function clampOrderTitle() {
         if (window.matchMedia('(min-width: 768px)').matches) {
             clampText(orderItemTitle, 2);
@@ -31,37 +29,38 @@ Wick.TextClamp = (function () {
 
     if (wismoProductLink.length) {
         wismoProductLink.each(function (index, value) {
-            $clamp(value, {clamp: 2});
+            $clamp(value, { clamp: 2 });
         });
     }
 
     if (rangeListCardDescr.length) {
         rangeListCardDescr.each(function (index, value) {
-            $clamp(value, {clamp: 2});
+            $clamp(value, { clamp: 2 });
         });
     }
 
     if (categoryHubCardDescr.length) {
         categoryHubCardDescr.each(function (index, value) {
-            $clamp(value, {clamp: 3});
+            $clamp(value, { clamp: 3 });
         });
     }
 
-    if (categoryLandingCards.length) { //TODO: make one function
+    if (categoryLandingCards.length) {
+        //TODO: make one function
         categoryLandingCards.each(function (index, value) {
-            $clamp(value, {clamp: 3});
+            $clamp(value, { clamp: 3 });
         });
     }
 
     if (productCardHorizontal.length && !customSlider.length) {
         productCardHorizontal.each(function (index, value) {
-            $clamp(value, {clamp: 3});
+            $clamp(value, { clamp: 3 });
         });
     }
 
     if (complementCardHeader.length) {
         complementCardHeader.each(function (index, value) {
-            $clamp(value, {clamp: 3});
+            $clamp(value, { clamp: 3 });
         });
     }
 
@@ -71,13 +70,13 @@ Wick.TextClamp = (function () {
         if (window.matchMedia('(min-width: 768px)').matches) {
             if (productCardList.length) {
                 productCardList.each(function (index, value) {
-                    $clamp(value, {clamp: 2});
+                    $clamp(value, { clamp: 2 });
                 });
             }
         } else {
             if (productCardList.length) {
                 productCardList.each(function (index, value) {
-                    $clamp(value, {clamp: 3});
+                    $clamp(value, { clamp: 3 });
                 });
             }
         }
@@ -85,18 +84,17 @@ Wick.TextClamp = (function () {
         if (window.matchMedia('(min-width: 768px)').matches) {
             if (productCardDesc.length) {
                 productCardDesc.each(function (index, value) {
-                    $clamp(value, {clamp: 2});
+                    $clamp(value, { clamp: 2 });
                 });
             }
         } else {
             if (productCardDesc.length) {
                 productCardDesc.each(function (index, value) {
-                    $clamp(value, {clamp: 3});
+                    $clamp(value, { clamp: 3 });
                 });
             }
         }
 
         clampOrderTitle();
-    }
-
+    };
 })();

package/src/js/components/general/tooltips.js

@@ -1,8 +1,8 @@
 var Wick = Wick || {};
-Wick.Tooltips = (function(){
+Wick.Tooltips = (function () {
     var init = function () {
         $('[data-toggle="tooltip"]').tooltip();
-    }
+    };
 
     init();
 })();