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

package/src/js/page/utils/loader.js

@@ -1,20 +1,20 @@
-import loader from '../../../elements/loader.hbs';
+import loader from "../../../elements/loader.hbs";
 
 const defaultLoader = '.loader-wrapper';
 const HIDDEN_CLASS_NAME = 'd-none';
 
 function defineLoaderWrapper(loader) {
-    return loader ? loader : defaultLoader;
+  return loader ? loader : defaultLoader;
 }
 
 export function appendLoader(payload) {
-    $(payload.wrapper).append(loader(payload));
+  $(payload.wrapper).append(loader(payload));
 }
 
 export function showLoader(loaderSelector) {
-    $(defineLoaderWrapper(loaderSelector)).removeClass(HIDDEN_CLASS_NAME);
+  $(defineLoaderWrapper(loaderSelector)).removeClass(HIDDEN_CLASS_NAME);
 }
 
 export function hideLoader(loaderSelector) {
-    $(defineLoaderWrapper(loaderSelector)).addClass(HIDDEN_CLASS_NAME);
+  $(defineLoaderWrapper(loaderSelector)).addClass(HIDDEN_CLASS_NAME);
 }

package/src/js/page/utils/routes.js

@@ -1,10 +1,10 @@
 export const ROUTES = {
-    WISDOM_CHECK_AVAILABILITY: '/delivery-availability',
-    CHARITY_ADD: '/cart/add',
-    BASKET_GET_CART: '/checkout-rs/user/cart',
-    BASKET_ADD_STOCK: '/cart/entry',
-    VOUCHER_UPDATE: '/checkout-rs/user/cart/vouchers',
-    GET_CSRF_TOKEN: '/sites-rs/site',
-    PL_UPDATE_REFERENCE: '/project-list/update-notes',
-    PL_REMOVE_REFERENCE: '/project-list/remove-notes',
-};
+  WISDOM_CHECK_AVAILABILITY: '/delivery-availability',
+  CHARITY_ADD: '/cart/add',
+  BASKET_GET_CART: '/checkout-rs/user/cart',
+  BASKET_ADD_STOCK: '/cart/entry',
+  VOUCHER_UPDATE: '/checkout-rs/user/cart/vouchers',
+  GET_CSRF_TOKEN: '/sites-rs/site',
+  PL_UPDATE_REFERENCE: '/project-list/update-notes',
+  PL_REMOVE_REFERENCE: '/project-list/remove-notes',
+}

package/src/js/page/utils/url-query.js

@@ -1,11 +1,11 @@
 export function generateUrlWithQuery(url, queries) {
-    return queries ? `${url}${concatQueries(queries)}` : url;
+    return queries
+      ? `${url}${concatQueries(queries)}`
+      : url
 }
 
 function concatQueries(queries) {
     return queries
-        ? `?${Object.keys(queries)
-              .map((key) => `${key}=${queries[key]}`)
-              .join('&')}`
+        ? `?${Object.keys(queries).map((key) => `${key}=${(queries[key])}`).join('&')}`
         : '';
 }

package/src/js/page/utils/validation.js

@@ -1,91 +1,97 @@
 const validationEl = {
-    idsOfInputsWithNoNeedToUpdateDuringTyping: [
-        'address-lookup-query',
-        'modal-address-lookup-query',
-    ],
-};
+    idsOfInputsWithNoNeedToUpdateDuringTyping: ['address-lookup-query', 'modal-address-lookup-query']
+}
 
 const formElements = {
     formInvalid: 'form_invalid',
     fieldRow: '.form-row[data-row-required]',
     rowValidationError: 'form-row_validation-error',
-};
+}
 
 const patterns = {
     guidPattern: /^[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}$/i,
     userFriendlyIdPattern: /^[A-Za-z]{2,3}\d{6}$/,
-};
+}
 
 export function addFieldValidation(fieldSelector, validationFunction) {
-    $(fieldSelector).each(function (index, element) {
-        $(element).blur(function () {
+    $(fieldSelector).each(function(index, element) {
+        $(element).blur(function() {
             updateInputValueBeforeValidation(this);
-            validationFunction(this);
-            if (!validationEl.idsOfInputsWithNoNeedToUpdateDuringTyping.includes(element.id)) {
-                $(this).keyup(function () {
+             validationFunction(this);
+             if (!validationEl.idsOfInputsWithNoNeedToUpdateDuringTyping.includes(element.id)) {
+                $(this).keyup(function() {
                     updateInputValueBeforeValidation(this);
                     validationFunction(this);
                 });
-            }
+             }
         });
     });
 }
 
-export function updateInputValueBeforeValidation(element) {
+export function updateInputValueBeforeValidation (element) {
     $(element).val($.trim($(element).val()));
 }
 
 export function validateEmail(element) {
-    updateStylingError(element.id, isValidEmail(element.value), invalidEmailAddress);
-}
-
-export function isValidEmail(value) {
-    const ipAddressPattern =
-            '(?:(?:25[0-5]|2[0-4][\\d]|[01]?[\\d][\\d]?)\\.){3}(?:25[0-5]|2[0-4][\\d]|[01]?[\\d][\\d]?)',
-        emailPattern = new RegExp(
-            '^(?=.{1,64}@)[\\w\\+-]+(\\.[\\w\\+-]+)*@(([A-Za-z\\d]+[A-Za-z\\d-]*\\.){1,3}[A-Za-z]{2,16}|' +
-                ipAddressPattern +
-                ')$'
-        ),
-        charactersLimit = 254,
-        isCharactersLimitReached = value.length <= charactersLimit;
+    updateStylingError(element.id,
+        isValidEmail(element.value),
+        invalidEmailAddress);
+}
+
+export function isValidEmail (value) {
+    const ipAddressPattern = "(?:(?:25[0-5]|2[0-4][\\d]|[01]?[\\d][\\d]?)\\.){3}(?:25[0-5]|2[0-4][\\d]|[01]?[\\d][\\d]?)",
+          emailPattern = new RegExp("^(?=.{1,64}@)[\\w\\+-]+(\\.[\\w\\+-]+)*@(([A-Za-z\\d]+[A-Za-z\\d-]*\\.){1,3}[A-Za-z]{2,16}|" + ipAddressPattern + ")$"),
+          charactersLimit = 254,
+          isCharactersLimitReached = value.length <= charactersLimit;
     return emailPattern.test(value) && isCharactersLimitReached;
 }
 
-export function validatePassword(element) {
-    updateStylingError(element.id, isValidPassword(element.value), invalidPassword);
+export function validatePassword (element) {
+    updateStylingError(element.id,
+        isValidPassword(element.value),
+        invalidPassword);
 }
 
-export function isValidPassword(value) {
+export function isValidPassword (value) {
     return value.length > 0;
 }
 
-export function validateTitle(element) {
-    updateStylingError(element.id, isValidTitle(element.value), invalidTitle);
+export function validateTitle (element) {
+    updateStylingError(element.id,
+        isValidTitle(element.value),
+        invalidTitle);
 }
 
-export function isValidTitle(value) {
+export function isValidTitle (value) {
     return value.length > 0;
 }
 
-export function isValidOrderNumber(value) {
+export function isValidOrderNumber (value) {
     return value.length >= 9;
 }
 
-export function validateFirstName(element) {
-    updateStylingError(element.id, isValidInputTextField(element.value), invalidFirstName);
+export function validateFirstName (element) {
+    updateStylingError(element.id,
+        isValidInputTextField(element.value),
+        invalidFirstName);
 }
 
-export function validateLastName(element) {
-    updateStylingError(element.id, isValidInputTextField(element.value), invalidLastName);
+export function validateLastName (element) {
+    updateStylingError(element.id,
+        isValidInputTextField(element.value),
+        invalidLastName);
 }
 
-export function validateAddress1(element) {
-    updateStylingError(element.id, isValidInputTextField(element.value), invalidAddressOne);
+export function validateAddress1 (element) {
+    updateStylingError(element.id,
+        isValidInputTextField(element.value),
+        invalidAddressOne);
 }
 
 export function validateCity(element) {
-    updateStylingError(element.id, isValidInputTextField(element.value), invalidTownCity);
+    updateStylingError(element.id,
+        isValidInputTextField(element.value),
+        invalidTownCity);
 }
 
 export function isValidFieldSize(value) {
@@ -101,27 +107,23 @@ export function isValidInputTextField(value) {
     return isValidFieldSize(value) && regExp.test(value);
 }
 
-export function validateMobile(element, allowEmptyValue) {
-    updateStylingError(
-        element.id,
+export function validateMobile (element, allowEmptyValue) {
+    updateStylingError(element.id,
         isValidPhoneNumber(element.value, allowEmptyValue),
-        invalidMobile
-    );
+        invalidMobile);
 }
 
 export function validatePhone(element) {
-    updateStylingError(element.id, isValidPhoneNumber(element.value, true), invalidTelephone);
+    updateStylingError(element.id,
+        isValidPhoneNumber(element.value, true),
+        invalidTelephone);
 }
 
-export function isValidPhoneNumber(value, allowEmptyValue) {
-    value = value.replace(/\s+/g, '');
+export function isValidPhoneNumber(value,  allowEmptyValue) {
+    value = value.replace(/\s+/g, "");
 
-    var phonePatterElevenDigit = new RegExp(
-        '^0{1}\\d{10}$|^0{1}\\d{5}\\s{1}\\d{5}$|^0{1}\\d{4}\\s{1}\\d{6}$|^0{1}\\d{3}\\s{1}\\d{3}\\s{1}\\d{4}$|^0{1}\\d{2}\\s{1}\\d{4}\\s{1}\\d{4}$|^0{1}\\d{3}\\s{1}\\d{7}$'
-    );
-    var phonePatternTenDigit = new RegExp(
-        '^0{1}\\d{9}$|^0{1}\\d{5}\\s{1}\\d{4}$|^0{1}\\d{4}\\s{1}\\d{5}$'
-    );
+    var phonePatterElevenDigit = new RegExp("^0{1}\\d{10}$|^0{1}\\d{5}\\s{1}\\d{5}$|^0{1}\\d{4}\\s{1}\\d{6}$|^0{1}\\d{3}\\s{1}\\d{3}\\s{1}\\d{4}$|^0{1}\\d{2}\\s{1}\\d{4}\\s{1}\\d{4}$|^0{1}\\d{3}\\s{1}\\d{7}$");
+    var phonePatternTenDigit = new RegExp("^0{1}\\d{9}$|^0{1}\\d{5}\\s{1}\\d{4}$|^0{1}\\d{4}\\s{1}\\d{5}$");
     var result = phonePatterElevenDigit.test(value) || phonePatternTenDigit.test(value);
 
     if (allowEmptyValue) {
@@ -135,26 +137,22 @@ export function validatePostcode(element, ifConvert) {
     var elementValue = element.value;
     var isValid = isValidPostcodeField(elementValue);
     if (ifConvert && isValid) {
-        elementValue = elementValue.replace(/\s/g, '');
-        $('#' + $.escapeSelector(element.id)).val(
-            elementValue.substr(0, elementValue.length - 3) +
-                ' ' +
-                elementValue.substr(elementValue.length - 3)
-        );
+        elementValue = elementValue.replace(/\s/g, "");
+        $('#' + $.escapeSelector(element.id))
+            .val(elementValue.substr(0, elementValue.length-3) + " " + elementValue.substr(elementValue.length-3));
     }
     updateStylingError(element.id, isValid, invalidPostCode);
 }
 
 export function isValidPostcodeField(value) {
     const transformedValue = value.toUpperCase().replaceAll(' ', '');
-    const regExp = new RegExp(
-        '^(GIR 0AA)|((([A-PR-UWYZ][0-9][0-9]?)|([A-PR-UWYZ][A-HK-Y][0-9][0-9]?)|([A-PR-UWYZ][0-9][A-HJKSTUW])|([A-PR-UWYZ][A-HK-Y][0-9][ABEHMNPRVWXY]))[0-9][A-BD-HJLNP-UW-Z]{2})$'
-    );
-    return transformedValue.replace(/\s+/g, '').length > 4 && regExp.test(transformedValue);
+    const regExp = new RegExp("^(GIR 0AA)|((([A-PR-UWYZ][0-9][0-9]?)|([A-PR-UWYZ][A-HK-Y][0-9][0-9]?)|([A-PR-UWYZ][0-9][A-HJKSTUW])|([A-PR-UWYZ][A-HK-Y][0-9][ABEHMNPRVWXY]))[0-9][A-BD-HJLNP-UW-Z]{2})$");
+    return transformedValue.replace(/\s+/g, "").length > 4 && regExp.test(transformedValue);
 }
 
 export function validateHouseName(element) {
     updateStylingError(element.id, isValidHouseName(element.value));
+
 }
 
 export function isValidHouseName(value) {
@@ -163,24 +161,30 @@ export function isValidHouseName(value) {
 }
 
 export function validateAddressSelection(element) {
-    updateStylingError(element.id, isValidAddressSelection(element), selectAddressMessage);
+    updateStylingError(element.id,
+        isValidAddressSelection(element),
+        selectAddressMessage);
 }
 
 export function isValidAddressSelection(element) {
-    return !$('#' + $.escapeSelector(element.id)).is(':visible');
+    return !$('#' + $.escapeSelector(element.id)).is(":visible");
 }
 
 export function validateAddress2(element) {
-    updateStylingError(element.id, isValidAddress2(element.value), invalidAddressTwo);
+    updateStylingError(element.id,
+        isValidAddress2(element.value),
+        invalidAddressTwo);
 }
 
 export function isValidAddress2(value) {
     var regExp = new RegExp("^[\\w ().,'-]+$|^$");
-    return value.length === 0 || regExp.test(value);
+    return value.length === 0 || regExp.test( value);
 }
 
 export function validateVoucher(element) {
-    updateStylingErrorForElement(element, isValidVoucher(element.value), invalidVoucherCode);
+    updateStylingErrorForElement(element,
+        isValidVoucher(element.value),
+        invalidVoucherCode);
 }
 
 export function isValidVoucher(value) {
@@ -194,9 +198,9 @@ export function validateNameOnCard(element) {
     if (fieldSizeIsValid) {
         if (element.value.length > nameOnCardMaxLength) {
             updateStylingError(element.id, false, invalidNameOnCardLength);
-        } else if (isNameOnCardContainsOnly16Digits(element.value)) {
+        } else if(isNameOnCardContainsOnly16Digits(element.value)) {
             updateStylingError(element.id, false, invalidCustomNameOnCard);
-        } else if (isNameOnCardContainsAtLeast14Digits(element.value)) {
+        } else if(isNameOnCardContainsAtLeast14Digits(element.value)) {
             updateStylingError(element.id, false, validationWarnNameOnCard);
         }
     } else {
@@ -204,18 +208,21 @@ export function validateNameOnCard(element) {
     }
 }
 
+
 export function isNameOnCardContainsOnly16Digits(value) {
-    var regExp = new RegExp('^\\d{16}$');
+    var regExp = new RegExp("^\\d{16}$");
     return regExp.test(value);
 }
 
 export function isNameOnCardContainsAtLeast14Digits(value) {
-    var regExp = new RegExp('^(.*\\d){14,}.*$');
+    var regExp = new RegExp("^(.*\\d){14,}.*$");
     return regExp.test(value);
 }
 
 export function validateStoreId(element) {
-    updateStylingError(element.id, isValidStoreId(element.value), invalidStoreId);
+    updateStylingError(element.id,
+        isValidStoreId(element.value),
+        invalidStoreId);
 }
 
 export function isValidStoreId(value) {
@@ -229,13 +236,13 @@ export function updateStylingError(elementId, isValid, errorMessage) {
 
 export function updateStylingErrorForElement(element, isValid, errorMessage) {
     var parentElem = $(element).closest('.form-row');
-    if (!parentElem.is(':visible')) {
+    if (!parentElem.is(":visible")) {
         return;
     }
     removeErrorStyling(parentElem);
     if (!isValid) {
-        wrapWithError(parentElem);
-        addErrorMessage(parentElem, errorMessage);
+         wrapWithError(parentElem);
+         addErrorMessage(parentElem, errorMessage);
     }
 }
 
@@ -244,10 +251,13 @@ export function removeErrorStyling(element) {
     element.find('.form-row__error').remove();
 }
 
+
 export function wrapWithError(element) {
     $(element).addClass('form-row_validation-error');
+
 }
 
+
 export function addErrorMessage(element, errorMessage) {
     if (errorMessage) {
         $(element).append('<div class="form-row__error">' + errorMessage + '</div>');
@@ -258,11 +268,7 @@ export function showValidationErrors(form, errorMsg) {
     var $form = $(form);
     if (!$form.hasClass(formElements.formInvalid)) {
         $form.find('.form-row__error').remove();
-        $form
-            .addClass(formElements.formInvalid)
-            .find(formElements.fieldRow)
-            .append(validationError(errorMsg))
-            .addClass(formElements.rowValidationError);
+        $form.addClass(formElements.formInvalid).find(formElements.fieldRow).append(validationError(errorMsg)).addClass(formElements.rowValidationError);
     } else {
         $form.find(formElements.fieldRow).find('.form-row__error').text(errorMsg);
     }
@@ -273,7 +279,7 @@ export function showValidationErrors(form, errorMsg) {
             $scrollableEl = inModal ? $firstMsg.closest('.modal') : $('html, body'),
             y = inModal ? 0 : $firstMsg.offset().top - 30;
 
-        $scrollableEl.animate({ scrollTop: y }, 300);
+        $scrollableEl.animate({scrollTop: y}, 300);
     }
 }
 
@@ -291,25 +297,22 @@ function isElementInViewport(el) {
 }
 
 function validationError(errorMsg) {
-    return `<div class="form-row__error"> ${errorMsg || 'Error message here'}</div>`;
+    return `<div class="form-row__error"> ${errorMsg || 'Error message here'}</div>`
 }
 
 export function clearValidationErrors(form) {
     const $form = $(form);
     if ($form.hasClass('form_invalid')) {
-        $form
-            .removeClass('form_invalid')
-            .find('.form-row[data-row-required]')
-            .removeClass('form-row_validation-error')
-            .find('.form-row__error')
-            .remove();
+        $form.removeClass('form_invalid')
+          .find('.form-row[data-row-required]').removeClass('form-row_validation-error')
+          .find('.form-row__error').remove();
     }
 }
 
-export function validateGuidPattern(value) {
+export function validateGuidPattern (value) {
     return patterns.guidPattern.test(value);
 }
 
-export function validateUserFriendlyIdPattern(value) {
+export function validateUserFriendlyIdPattern (value) {
     return patterns.userFriendlyIdPattern.test(value);
 }

package/src/js/page/wickes-dc.js

@@ -1,66 +1,59 @@
 $(document).ready(applyDCFixes);
 
 function applyDCFixes() {
-    //add the empty button on desktop
-    $('.header-right-wrapp .header-right__item:eq(-2)').after(
-        '<li class="header-right__item"><a href="#" class="header-right__link swal-confirm"><span class="btn__text"><i class="fas fa-trash fa-2x"></i></span><span class="header-right__link-title">Empty</span></a></li>'
-    );
-    //add the empty button on mobile
-    $('.header-mobileicon a:eq(-1)').after(
-        '<a class="trash-button-dc swal-confirm" href="#"><div class="btn btn-primary header-shop-list"><span class="icon"><i class="svg-inline--fa fas fa-trash fa-w-12 fa-lg"></i></span></div></a>'
-    );
-    //add swal
-    $('head').append("<script src='https://unpkg.com/sweetalert/dist/sweetalert.min.js'></script>");
-    //hide when the screen is too small
-    $('head').append(
-        '<style>@media (max-width: 399px) { .trash-button-dc { display: none; } }</style>'
-    );
-    //disable hover on touch devices
-    if ('ontouchstart' in window) {
-        $('.trash-button-dc .btn').removeClass('btn-primary');
-    }
-    //link swal
-    $('.swal-confirm').click(function (e) {
-        e.preventDefault();
-        swal({
-            title: 'Are you sure?',
-            text: 'You will remove all the items from the basket, including any vouchers applied.',
-            buttons: true,
-            dangerMode: true,
-        }).then(function (willDelete) {
-            if (willDelete) {
-                addLoader();
-                // send post request to remove all items from the basket
-                $.post('/cart/clear')
-                    .fail(function () {
-                        // show error message
-                        swal({
-                            title: 'Error',
-                            text: 'Failed to remove items from the basket.',
-                            dangerMode: true,
-                        });
-                        removeLoader();
-                    })
-                    .done(function () {
-                        // reload the page
-                        location.reload();
-                    });
-            }
-        });
+  //add the empty button on desktop
+  $(".header-right-wrapp .header-right__item:eq(-2)").after("<li class=\"header-right__item\"><a href=\"#\" class=\"header-right__link swal-confirm\"><span class=\"btn__text\"><i class=\"fas fa-trash fa-2x\"></i></span><span class=\"header-right__link-title\">Empty</span></a></li>");
+  //add the empty button on mobile
+  $(".header-mobileicon a:eq(-1)").after("<a class=\"trash-button-dc swal-confirm\" href=\"#\"><div class=\"btn btn-primary header-shop-list\"><span class=\"icon\"><i class=\"svg-inline--fa fas fa-trash fa-w-12 fa-lg\"></i></span></div></a>");
+  //add swal
+  $("head").append("<script src='https://unpkg.com/sweetalert/dist/sweetalert.min.js'></script>");
+  //hide when the screen is too small
+  $("head").append("<style>@media (max-width: 399px) { .trash-button-dc { display: none; } }</style>");
+  //disable hover on touch devices
+  if ('ontouchstart' in window) {
+    $('.trash-button-dc .btn').removeClass('btn-primary');
+  }
+  //link swal
+  $(".swal-confirm").click(function(e) {
+    e.preventDefault();
+    swal({
+      title: "Are you sure?",
+      text: "You will remove all the items from the basket, including any vouchers applied.",
+      buttons: true,
+      dangerMode: true
+    }).then(function(willDelete) {
+      if (willDelete) {
+        addLoader();
+        // send post request to remove all items from the basket
+        $.post("/cart/clear")
+          .fail(function() {
+            // show error message
+            swal({
+              title: "Error",
+              text: "Failed to remove items from the basket.",
+              dangerMode: true
+            })
+            removeLoader();
+          })
+          .done(function() {
+            // reload the page
+            location.reload();
+          })
+      }
     });
+  });
 }
 
 function addLoader() {
-    var loader =
-        '<div class="loader-wrapper loader-wrapper--full-page">\
+  var loader = '<div class="loader-wrapper loader-wrapper--full-page">\
     <div class="loader-container">\
       <div class="loader"></div>\
       <div class="loader-message">Removing items from your basket</div>\
     </div>\
   </div>';
-    $('body').append(loader);
+  $('body').append(loader);
 }
 
 function removeLoader() {
-    $('.loader-wrapper').remove();
-}
+  $('.loader-wrapper').remove();
+}

package/src/js/page/wismo.js

@@ -1,17 +1,17 @@
 var Wick = Wick || {};
-Wick.Wismo = (function () {
-    var $page = $('.page_wismo-orders');
+Wick.Wismo = (function() {
+  var $page = $('.page_wismo-orders');
 
-    function init() {
-        $('.order-heading__print-link').click(function (e) {
-            e.preventDefault();
-            window.print();
-        });
-    }
+  function init() {
+      $('.order-heading__print-link').click(function(e) {
+        e.preventDefault();
+        window.print();
+      })
+  }
 
-    if (!$page.length) {
-        return;
-    }
+  if (!$page.length) {
+    return;
+  }
 
-    init();
+  init();
 })();