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

package/src/js/page/utils/http-action.js

@@ -1,9 +1,9 @@
-import {retryAction} from "../components/retry-action";
-import {generateUrlWithQuery} from "./url-query";
+import { retryAction } from '../components/retry-action';
+import { generateUrlWithQuery } from './url-query';
 
 const routes = {
     origin: window.location.origin,
-}
+};
 
 export function callAction(payload, callback, ...args) {
     $.ajax({
@@ -22,7 +22,6 @@ export function callAction(payload, callback, ...args) {
                 payload.error && payload.error(xhr, ...args);
             }
         },
-        complete: payload.complete
+        complete: payload.complete,
     });
 }
-

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,97 +1,91 @@
 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) {
@@ -107,23 +101,27 @@ 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) {
@@ -137,22 +135,26 @@ 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) {
@@ -161,30 +163,24 @@ 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) {
@@ -198,9 +194,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 {
@@ -208,21 +204,18 @@ 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) {
@@ -236,13 +229,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);
     }
 }
 
@@ -251,13 +244,10 @@ 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>');
@@ -268,7 +258,11 @@ 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);
     }
@@ -279,7 +273,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);
     }
 }
 
@@ -297,22 +291,25 @@ 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,59 +1,66 @@
 $(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();
 })();