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

package/src/js/components/sticky-aside.js

@@ -6,104 +6,105 @@ var Wick = Wick || {};
 */
 
 Wick.StickyAside = (function () {
-  var $rightAside = $('.right-aside-sticky'),
-    $footer = $('.footer_sticky-right-aside'),
-    $body = $('body'),
-    stickyAsideTopMargin = 10,
-    asideWaypointInstance,
-    asideSimpleBarInstance;
+    var $rightAside = $('.right-aside-sticky'),
+        $footer = $('.footer_sticky-right-aside'),
+        $body = $('body'),
+        stickyAsideTopMargin = 10,
+        asideWaypointInstance,
+        asideSimpleBarInstance;
 
-  function resetAsideHeight () {
-    $rightAside.css('height', '');
-  }
+    function resetAsideHeight() {
+        $rightAside.css('height', '');
+    }
 
-  function calculateAsideHeight () {
-    var windowHeight = $(window).height(),
-      footerTopPosition = $footer[0].getBoundingClientRect().top,
-      isFooterVisible = windowHeight > footerTopPosition,
-      isRightAsideStuck = $rightAside.hasClass('stuck');
+    function calculateAsideHeight() {
+        var windowHeight = $(window).height(),
+            footerTopPosition = $footer[0].getBoundingClientRect().top,
+            isFooterVisible = windowHeight > footerTopPosition,
+            isRightAsideStuck = $rightAside.hasClass('stuck');
 
-    if (isFooterVisible && isRightAsideStuck) {
-      $rightAside.css('height', (footerTopPosition - stickyAsideTopMargin) + 'px');
-    } else {
-      resetAsideHeight();
+        if (isFooterVisible && isRightAsideStuck) {
+            $rightAside.css('height', footerTopPosition - stickyAsideTopMargin + 'px');
+        } else {
+            resetAsideHeight();
+        }
     }
-  }
 
-  function destroySimpleBar () {
-    var $simpleBarContent = $rightAside.find('.simplebar-content');
-    if ($simpleBarContent.length) {
-      $rightAside.removeAttr('data-simplebar');
-      $rightAside.find('.simplebar-track').remove();
-      $simpleBarContent.children().unwrap().unwrap();
-      asideSimpleBarInstance.unMount();
+    function destroySimpleBar() {
+        var $simpleBarContent = $rightAside.find('.simplebar-content');
+        if ($simpleBarContent.length) {
+            $rightAside.removeAttr('data-simplebar');
+            $rightAside.find('.simplebar-track').remove();
+            $simpleBarContent.children().unwrap().unwrap();
+            asideSimpleBarInstance.unMount();
+        }
     }
-  }
 
-  function destroyStickyAside () {
-    if ($rightAside.parent('.sticky-wrapper').length) {
-      asideWaypointInstance.destroy();
-      resetAsideHeight();
-      destroySimpleBar();
+    function destroyStickyAside() {
+        if ($rightAside.parent('.sticky-wrapper').length) {
+            asideWaypointInstance.destroy();
+            resetAsideHeight();
+            destroySimpleBar();
+        }
     }
-  }
 
-  function initStickyAside () {
-      asideWaypointInstance = new Waypoint.Sticky({
-        element: $rightAside[0],
-        handler: function () {
-          calculateAsideHeight();
-        },
-        offset: 10
-      });
-      asideSimpleBarInstance = new SimpleBar($rightAside[0], {
-        autoHide: false
-      });
-  }
+    function initStickyAside() {
+        asideWaypointInstance = new Waypoint.Sticky({
+            element: $rightAside[0],
+            handler: function () {
+                calculateAsideHeight();
+            },
+            offset: 10,
+        });
+        asideSimpleBarInstance = new SimpleBar($rightAside[0], {
+            autoHide: false,
+        });
+    }
 
-  function handleInitOnBreakpoint (bp) {
-    if ($body.hasClass('scroll-disable')) {
-      return;
+    function handleInitOnBreakpoint(bp) {
+        if ($body.hasClass('scroll-disable')) {
+            return;
+        }
+        if (bp === 'down-sm') {
+            destroyStickyAside();
+            unbindEvents();
+            return;
+        } else if ($rightAside.parent('.sticky-wrapper').length) {
+            calculateAsideHeight();
+            asideSimpleBarInstance.recalculate();
+        } else {
+            initStickyAside();
+        }
+        bindEvents();
     }
-    if (bp === 'down-sm') {
-      destroyStickyAside();
-      unbindEvents();
-      return;
-    } else if ($rightAside.parent('.sticky-wrapper').length) {
-      calculateAsideHeight();
-      asideSimpleBarInstance.recalculate();
-    } else {
-      initStickyAside();
+
+    function unbindEvents() {
+        $(window).off('.calculate.height').off('.bs.modal.sticky');
     }
-    bindEvents();
-  }
 
-  function unbindEvents () {
-    $(window).off('.calculate.height').off('.bs.modal.sticky');
-  }
+    function bindEvents() {
+        $(window).off('.calculate.height').on('scroll.calculate.height', calculateAsideHeight);
+        $(window)
+            .off('.bs.modal.sticky')
+            .on('show.bs.modal.sticky', destroyStickyAside)
+            .on('hide.bs.modal.sticky', function () {
+                handleInitOnBreakpoint(Wick.Responsive.getCurrentBreakpoint());
+            });
+    }
 
-  function bindEvents () {
-    $(window).off('.calculate.height').on('scroll.calculate.height', calculateAsideHeight);
-    $(window).off('.bs.modal.sticky')
-      .on('show.bs.modal.sticky', destroyStickyAside)
-      .on('hide.bs.modal.sticky', function () {
+    function init() {
         handleInitOnBreakpoint(Wick.Responsive.getCurrentBreakpoint());
-      });
-  }
-
-  function init () {
-    handleInitOnBreakpoint(Wick.Responsive.getCurrentBreakpoint());
 
-    Wick.Responsive.onBreakpoint(function () {
-      handleInitOnBreakpoint('down-sm');
-    }, 'down-sm');
-    Wick.Responsive.onBreakpoint(function () {
-      handleInitOnBreakpoint('only-md');
-    }, 'only-md');
-    Wick.Responsive.onBreakpoint(function () {
-      handleInitOnBreakpoint('up-lg');
-    }, 'up-lg');
-  }
+        Wick.Responsive.onBreakpoint(function () {
+            handleInitOnBreakpoint('down-sm');
+        }, 'down-sm');
+        Wick.Responsive.onBreakpoint(function () {
+            handleInitOnBreakpoint('only-md');
+        }, 'only-md');
+        Wick.Responsive.onBreakpoint(function () {
+            handleInitOnBreakpoint('up-lg');
+        }, 'up-lg');
+    }
 
-  $rightAside.length && init();
+    $rightAside.length && init();
 })();

package/src/js/components/store-locator-facilities.js

@@ -1,9 +1,8 @@
 var Wick = Wick || {};
-Wick.StoreLocatorFacilities = function () {
-
+Wick.StoreLocatorFacilities = (function () {
     const initialData = {
         facilities: [],
-    }
+    };
     function init() {
         const facilities = [...initialData.facilities],
             breakpoint = Wick.Responsive.getCurrentBreakpoint(),
@@ -28,7 +27,7 @@ Wick.StoreLocatorFacilities = function () {
         let index = 0;
 
         while (facilities.length) {
-            if(!columns[index]) {
+            if (!columns[index]) {
                 columns.push([]);
             }
 
@@ -40,25 +39,28 @@ Wick.StoreLocatorFacilities = function () {
             }
         }
 
-        columns.forEach((column, i) => {
+        columns.forEach((column) => {
             const el = $('<div class="store-locator__column"></div>');
-            column.forEach(facility => el.append(facility));
+            column.forEach((facility) => el.append(facility));
             parentContainer.append(el);
-        })
+        });
     }
 
     const removeEmptyColumn = function () {
         $('.store-locator__column:empty').remove();
-    }
+    };
 
     $(document).ready(function () {
-        initialData.facilities = $('.store-locator .facilities .facilities__facility').toArray(),
-        init();
+        ((initialData.facilities = $('.store-locator .facilities .facilities__facility').toArray()),
+            init());
         removeEmptyColumn();
     });
 
-    $(window).on('resize', _.debounce(function () {
-        init();
-        removeEmptyColumn()
-    }, 250));
-}();
+    $(window).on(
+        'resize',
+        _.debounce(function () {
+            init();
+            removeEmptyColumn();
+        }, 250)
+    );
+})();

package/src/js/components/tabs.js

@@ -1,22 +1,21 @@
 var Wick = Wick || {};
-Wick.Tabs = (function(){
-  var tabs = '.tabs';
+Wick.Tabs = (function () {
+    var tabs = '.tabs';
 
-  function bindEvents() {
-    $(tabs).on('click.scrollTo', '.nav-link', function () {
-      $('html, body').animate({
-        scrollTop: $(this).parents(tabs).offset().top - 30
-      }, 300);
-    })
-  }
+    function bindEvents() {
+        $(tabs).on('click.scrollTo', '.nav-link', function () {
+            $('html, body').animate(
+                {
+                    scrollTop: $(this).parents(tabs).offset().top - 30,
+                },
+                300
+            );
+        });
+    }
 
-  function unbindEvents() {
-    $(tabs).off('.scrollTo');
-  }
+    function init() {
+        bindEvents();
+    }
 
-  function init() {
-    bindEvents();
-  }
-
-  init();
+    init();
 })();

package/src/js/components/toggle-password-visibility.js

@@ -1,58 +1,58 @@
 var Wick = window.Wick || {};
 
 Wick.TogglePasswordVisibility = {
-  el: {
-    $toggleShow: $('[data-show-content] .toggle-show'),
-    inputWrap: $('.form-row[data-show-content] .input-wrap'),
-    toggleIcon: '.toggle-show',
-  },
-
-  updateIconVisibility(inputField, toggleIcon) {
-    const valueLength = inputField.val().length;
-    if (valueLength > 0) {
-      toggleIcon.show();
-    } else {
-      toggleIcon.hide();
-    }
-  },
-
-  attachInputListener(inputField, toggleIcon) {
-    inputField.on('input', function () {
-      Wick.TogglePasswordVisibility.updateIconVisibility($(this), toggleIcon);
-    });
-  },
-
-  attachToggleClickListener(inputField, toggleIcon) {
-    toggleIcon.on('click', function () {
-      const isPasswordType = inputField.attr('type') === 'password';
-      const iconSvg = $(this).find('svg');
-
-      if (isPasswordType) {
-        inputField.attr('type', 'text');
-        iconSvg.removeClass('fa-eye-slash').addClass('fa-eye');
-      } else {
-        inputField.attr('type', 'password');
-        iconSvg.removeClass('fa-eye').addClass('fa-eye-slash');
-      }
-    });
-  },
-
-  init() {
-    Wick.TogglePasswordVisibility.el.inputWrap.each(function () {
-      const inputField = $(this).find('input');
-      const toggleIcon = $(this).find(Wick.TogglePasswordVisibility.el.toggleIcon);
-
-      Wick.TogglePasswordVisibility.attachInputListener(inputField, toggleIcon);
-      Wick.TogglePasswordVisibility.updateIconVisibility(inputField, toggleIcon);
-      Wick.TogglePasswordVisibility.attachToggleClickListener(inputField, toggleIcon);
-    });
-  },
+    el: {
+        $toggleShow: $('[data-show-content] .toggle-show'),
+        inputWrap: $('.form-row[data-show-content] .input-wrap'),
+        toggleIcon: '.toggle-show',
+    },
+
+    updateIconVisibility(inputField, toggleIcon) {
+        const valueLength = inputField.val().length;
+        if (valueLength > 0) {
+            toggleIcon.show();
+        } else {
+            toggleIcon.hide();
+        }
+    },
+
+    attachInputListener(inputField, toggleIcon) {
+        inputField.on('input', function () {
+            Wick.TogglePasswordVisibility.updateIconVisibility($(this), toggleIcon);
+        });
+    },
+
+    attachToggleClickListener(inputField, toggleIcon) {
+        toggleIcon.on('click', function () {
+            const isPasswordType = inputField.attr('type') === 'password';
+            const iconSvg = $(this).find('svg');
+
+            if (isPasswordType) {
+                inputField.attr('type', 'text');
+                iconSvg.removeClass('fa-eye-slash').addClass('fa-eye');
+            } else {
+                inputField.attr('type', 'password');
+                iconSvg.removeClass('fa-eye').addClass('fa-eye-slash');
+            }
+        });
+    },
+
+    init() {
+        Wick.TogglePasswordVisibility.el.inputWrap.each(function () {
+            const inputField = $(this).find('input');
+            const toggleIcon = $(this).find(Wick.TogglePasswordVisibility.el.toggleIcon);
+
+            Wick.TogglePasswordVisibility.attachInputListener(inputField, toggleIcon);
+            Wick.TogglePasswordVisibility.updateIconVisibility(inputField, toggleIcon);
+            Wick.TogglePasswordVisibility.attachToggleClickListener(inputField, toggleIcon);
+        });
+    },
 };
 
 $(document).ready(function () {
-  if (!Wick.TogglePasswordVisibility.el.$toggleShow.length) {
-    return;
-  }
+    if (!Wick.TogglePasswordVisibility.el.$toggleShow.length) {
+        return;
+    }
 
-  Wick.TogglePasswordVisibility.init();
+    Wick.TogglePasswordVisibility.init();
 });

package/src/js/components/tradepro-notification-copy.js

@@ -1,16 +1,15 @@
 var Wick = Wick || {};
 Wick.TradeProVoucher = (function () {
-    
     function init() {
         $('.copy-barcode').on('click', function (e) {
             e.preventDefault();
             e.stopPropagation();
             var discountCode = $(this).parent().find('input');
-            
+
             if (discountCode.length === 0) {
                 discountCode = $('.tradepro-frame');
             }
-    
+
             discountCode.removeAttr('disabled').attr('readonly', 'readonly');
 
             if (navigator.userAgent.match(/TradeProMobile_iOS|DIYMobile_iOS/i)) {
@@ -22,9 +21,9 @@ Wick.TradeProVoucher = (function () {
                 discountCode[0].select();
             }
 
-            document.execCommand("copy");
+            document.execCommand('copy');
             discountCode.attr('disabled', 'disabled').removeAttr('readonly');
-            
+
             Wick.Notification.show({
                 text: 'Code copied to clipboard',
                 container: $(this).parents('.row').eq(0).find('.copy-barcode_notification'),
@@ -32,7 +31,7 @@ Wick.TradeProVoucher = (function () {
                 noScrolling: true,
                 temporary: true,
                 delay: 5000,
-                closeBtn: true
+                closeBtn: true,
             });
             return false;
         });

package/src/js/components/voucher-remove.js

@@ -14,6 +14,5 @@ Wick.VoucherRemove = (function () {
         return;
     }
 
-    init()
-
+    init();
 })();

package/src/js/components/wisdom.js

@@ -71,12 +71,7 @@ Wick.Wisdom = {
         return $(context).closest(Wick.Wisdom.el.mcfcModal).hasClass('show');
     },
     checkAvailability: function (context, postcode, quantityUpdated) {
-        let quantity,
-            notification,
-            available,
-            isPDP,
-            isPLP,
-            isMcfc;
+        let quantity, notification, available, isPDP, isPLP, isMcfc;
 
         if (context.find(Wick.Wisdom.el.wisdom).hasClass('wisdom-pdp')) {
             quantity = +context.find(Wick.Wisdom.el.quantityField).val();
@@ -95,7 +90,7 @@ Wick.Wisdom = {
             quantity = +context.find(Wick.Wisdom.el.quantityField).val();
             available = +context.find(Wick.Wisdom.el.wisdom).attr('data-available');
             isMcfc = true;
-            notification = 'Product added for Delivery'
+            notification = 'Product added for Delivery';
             Wick.Wisdom.doMcfcTransition(context, postcode);
         }
 
@@ -105,21 +100,25 @@ Wick.Wisdom = {
             if (available >= quantity) {
                 if (isPDP || isMcfc) {
                     quantityUpdated
-                        ? Wick.Wisdom.executeSuccessScenarioAfterPartialPDP(context, notification, postcode)
+                        ? Wick.Wisdom.executeSuccessScenarioAfterPartialPDP(
+                              context,
+                              notification,
+                              postcode
+                          )
                         : Wick.Wisdom.executeSuccessScenarioPDP(context, notification);
                 } else if (isPLP) {
                     Wick.Wisdom.executeSuccessScenarioPLP_Basket(context, postcode);
                 }
             } else {
                 if (isMcfc) {
-                    notification = `${available} added for Delivery`
+                    notification = `${available} added for Delivery`;
                     Wick.Wisdom.executeSuccessScenarioPDP(context, notification);
                 } else {
                     Wick.Wisdom.executePartialScenario(context, available, postcode);
                 }
             }
         } else {
-            Wick.Wisdom.executeErrorScenario(context, postcode)
+            Wick.Wisdom.executeErrorScenario(context, postcode);
         }
     },
     executeSuccessScenarioPDP: function (context, notification) {
@@ -131,10 +130,12 @@ Wick.Wisdom = {
         context.find(Wick.Wisdom.el.wisdomBtnAdd).attr('disabled', 'disabled');
         context.find(Wick.Wisdom.el.change).removeClass(Wick.Wisdom.el.changeHide);
         context.find(Wick.Wisdom.el.wisdom).addClass(Wick.Wisdom.el.wisdomPartialAdded);
-        context.find(Wick.Wisdom.el.descriptionPartialAdded).html(`Added to basket for delivery to: <b>${postcode}</b>`)
+        context
+            .find(Wick.Wisdom.el.descriptionPartialAdded)
+            .html(`Added to basket for delivery to: <b>${postcode}</b>`);
     },
     executeSuccessScenarioPLP_Basket: function (context, postcode) {
-        let notification = `Available for delivery to <b>${postcode}</b>`
+        let notification = `Available for delivery to <b>${postcode}</b>`;
         Wick.Wisdom.showAvailableCase(context, notification);
         context.find(Wick.Wisdom.el.change).removeClass(Wick.Wisdom.el.changeHide);
         context.find(Wick.Wisdom.el.wisdom).addClass(Wick.Wisdom.el.wisdomAdded);
@@ -142,12 +143,15 @@ Wick.Wisdom = {
     executePartialScenario: function (context, available, postcode) {
         context.find(Wick.Wisdom.el.quantityField).val(available);
         Wick.Wisdom.showPartialCase(context, available, postcode);
-        context.find(Wick.Wisdom.el.wisdomBtnAdd).find(Wick.Wisdom.el.textPartial).text(`Add ${available} for delivery`)
+        context
+            .find(Wick.Wisdom.el.wisdomBtnAdd)
+            .find(Wick.Wisdom.el.textPartial)
+            .text(`Add ${available} for delivery`);
         context.find(Wick.Wisdom.el.wisdom).addClass(Wick.Wisdom.el.wisdomPartial);
         context.find(Wick.Wisdom.el.change).removeClass(Wick.Wisdom.el.changeHide);
     },
     executeErrorScenario: function (context, postcode) {
-        Wick.Wisdom.showErrorCase(context, postcode)
+        Wick.Wisdom.showErrorCase(context, postcode);
         context.find(Wick.Wisdom.el.wisdom).addClass(Wick.Wisdom.el.wisdomOOS);
         context.find(Wick.Wisdom.el.change).removeClass(Wick.Wisdom.el.changeHide);
         context.find(Wick.Wisdom.el.wisdomBtnAdd).attr('disabled', 'disabled');
@@ -176,7 +180,6 @@ Wick.Wisdom = {
             $(context).closest(Wick.Wisdom.el.wisdomModalFull).modal('toggle');
             Wick.Wisdom.showDefaultStage($(context).closest(Wick.Wisdom.el.wisdomModal));
         }
-
     },
     doMcfcTransition: function (context, postcode) {
         $(Wick.Wisdom.el.mcfcModal).modal('toggle');
@@ -185,24 +188,27 @@ Wick.Wisdom = {
         context.find(Wick.Wisdom.el.BtnMcfc).hide();
     },
     createNotification: function (context, type, text) {
-        let icon,
-            className;
+        let icon, className;
 
         switch (type) {
             case 'added':
-                icon = '<span class="icon notification__icon"><span class="fas fa-check-circle"></span></span>';
+                icon =
+                    '<span class="icon notification__icon"><span class="fas fa-check-circle"></span></span>';
                 className = 'notification_success';
                 break;
             case 'oos':
-                icon = '<span class="icon notification__icon"><span class="fas fa-times-circle"></span></span>';
+                icon =
+                    '<span class="icon notification__icon"><span class="fas fa-times-circle"></span></span>';
                 className = 'notification_oos';
                 break;
             case 'partial':
-                icon = '<span class="icon notification__icon"><span class="fas fa-info-circle"></span></span>';
+                icon =
+                    '<span class="icon notification__icon"><span class="fas fa-info-circle"></span></span>';
                 className = 'notification_partial';
                 break;
             case 'available':
-                icon = '<span class="icon notification__icon"><span class="fas fa-check-circle"></span></span>';
+                icon =
+                    '<span class="icon notification__icon"><span class="fas fa-check-circle"></span></span>';
                 className = 'notification_available';
                 break;
         }
@@ -212,7 +218,7 @@ Wick.Wisdom = {
                 ${icon}
                 ${text}
             </div>
-        `
+        `;
         context.find(Wick.Wisdom.el.notificationBlock).empty();
 
         context.find(Wick.Wisdom.el.notificationBlock).append(template);
@@ -244,7 +250,7 @@ Wick.Wisdom = {
     onLinkChange: function (e) {
         e.preventDefault();
         Wick.Wisdom.showDefaultStage(null, this);
-    }
+    },
 };
 
 $(document).ready(function () {
@@ -255,10 +261,10 @@ $(document).ready(function () {
         if (Wick.checkLocalEnv) {
             //local usage
             if (window.location.pathname.includes('registered')) {
-                $('body').attr('data-is-logged-in', 'true')
+                $('body').attr('data-is-logged-in', 'true');
                 $(Wick.Wisdom.el.postcodeInput).val('RM6 4HX');
             } else {
-                $('body').attr('data-is-logged-in', 'false')
+                $('body').attr('data-is-logged-in', 'false');
             }
         }
 
@@ -273,7 +279,10 @@ $(document).ready(function () {
             $(Wick.Wisdom.el.wisdom).addClass(Wick.Wisdom.el.loggedIn);
             $(Wick.Wisdom.el.wisdomBtn).on('click', function () {
                 let targetSelector = $(this).attr('data-target');
-                Wick.Wisdom.checkAvailability($(targetSelector), $(targetSelector).find(Wick.Wisdom.el.postcodeInput).val())
+                Wick.Wisdom.checkAvailability(
+                    $(targetSelector),
+                    $(targetSelector).find(Wick.Wisdom.el.postcodeInput).val()
+                );
             });
         }
     }