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

package/src/js/page/track-my-order.js

@@ -1,165 +1,181 @@
 import {
-  isValidEmail,
-  isValidOrderNumber,
-  isValidPhoneNumber,
-  isValidTitle, removeErrorStyling,
-  updateStylingError
-} from "./utils/validation";
+    isValidEmail,
+    isValidOrderNumber,
+    isValidPhoneNumber,
+    isValidTitle,
+    removeErrorStyling,
+    updateStylingError,
+} from './utils/validation';
 
 var Wick = window.Wick || {};
 
 Wick.TrackMyOrder = {
-  el: {
-    $trackMyOrder: $('.track-order'),
-    $tabOptionsInputs: $('input[name="track-order-options"]'),
-    $trackOrderForm: $('.track-order-form'),
-    $trackOrderMainSection: $('.track-order__main'),
-    formRow: '.track-order-form .form-row',
-    formRowOptionsInput: '.track-order-form .tab-content input',
-    orderInput: '#order',
-    telInput: '#tel',
-    emailInput: '#email',
-    postcodeInput: '#postcode',
-    formInvalidClass: 'form_invalid',
-    notification: '.notification',
-    fieldError: '.form-row.form-row_validation-error',
-    tabContentActive: '.tab-content .tab-pane.active',
-    options: '.tab-content',
-    $myOrderSection: $('.my-order'),
-    btnPrint: '.btn--print',
-    tooltip: '.icon-info-component',
-  },
-  errorMessages: {
-    errorOrderNumber: 'Please enter a valid order number',
-    errorTel: 'Please enter a valid phone number',
-    errorPostcode: 'Please enter a valid billing postcode',
-    errorEmail: 'Please enter a valid email address',
-  },
-  getFieldsConfigurations: function () {
-    return [
-      {
-        input: Wick.TrackMyOrder.el.orderInput,
-        validator: isValidOrderNumber,
-        error: Wick.TrackMyOrder.errorMessages.errorOrderNumber
-      },
-      {
-        input: Wick.TrackMyOrder.el.telInput,
-        validator: isValidPhoneNumber,
-        error: Wick.TrackMyOrder.errorMessages.errorTel
-      },
-      {
-        input: Wick.TrackMyOrder.el.postcodeInput,
-        validator: isValidTitle,
-        error: Wick.TrackMyOrder.errorMessages.errorPostcode
-      },
-      {
-        input: Wick.TrackMyOrder.el.emailInput,
-        validator: isValidEmail,
-        error: Wick.TrackMyOrder.errorMessages.errorEmail
-      }
-    ]
-  },
-  validateInput: function (input, validatorFunction, errorMsg) {
-    const trimmedValue = $(input).val().trim();
-    $(input).val(trimmedValue);
-
-    const isValid = validatorFunction(trimmedValue);
-    updateStylingError(input, isValid, errorMsg);
-
-    return isValid;
-  },
-  validateForm: function() {
-    let isValid = true;
-
-    const alwaysActiveFields = $(Wick.TrackMyOrder.el.orderInput);
-    isValid = Wick.TrackMyOrder.validateInput(alwaysActiveFields, isValidOrderNumber, Wick.TrackMyOrder.errorMessages.errorOrderNumber) && isValid;
-
-    const activeField = $(Wick.TrackMyOrder.el.tabContentActive).find('input');
-
-    if (isValid && activeField.length) {
-      const fieldConfig = Wick.TrackMyOrder.getFieldsConfigurations().find(
-        (field) => field.input === `#${activeField.attr("id")}`
-      );
-
-      if (fieldConfig) {
-        isValid = Wick.TrackMyOrder.validateInput(fieldConfig.input, fieldConfig.validator, fieldConfig.error) && isValid;
-      }
-    }
-
-    return isValid;
-  },
-  resetTabContentFieldInputs () {
-    const getAllInputs = $(Wick.TrackMyOrder.el.formRowOptionsInput);
-
-    getAllInputs.each(function () {
-      $(this).val('');
-    });
-  },
-  bindTabOptionsClick() {
-    Wick.TrackMyOrder.el.$tabOptionsInputs.click(function () {
-      $(this).tab('show');
-      $(this).removeClass('active');
-
-      const getErrorElementOptions = $(Wick.TrackMyOrder.el.options).find(Wick.TrackMyOrder.el.fieldError)
-
-      if (getErrorElementOptions.length) {
-        removeErrorStyling(getErrorElementOptions);
-      }
-
-      Wick.TrackMyOrder.resetTabContentFieldInputs();
-    });
-  },
-  handleTrackOrderFormSubmit() {
-    Wick.TrackMyOrder.el.$trackOrderForm.on('submit', function (event) {
-      event.preventDefault();
-
-      if (Wick.TrackMyOrder.validateForm()) {
-        event.target.submit();
-      }
-    });
-  },
-  scrollToElement($element) {
-    if ($element.length) {
-      $('html, body').animate({
-        scrollTop: $element.offset().top - 20
-      }, 300);
-    }
-  },
-  handleScrollBehaviorOnLoad() {
-    const $formFieldWithError = $(Wick.TrackMyOrder.el.fieldError);
-
-    if ($formFieldWithError.length) {
-      Wick.TrackMyOrder.scrollToElement(Wick.TrackMyOrder.el.$trackOrderMainSection);
-    } else if (Wick.TrackMyOrder.el.$myOrderSection.length) {
-      Wick.TrackMyOrder.scrollToElement(Wick.TrackMyOrder.el.$myOrderSection);
-    }
-  },
-  handlePrint() {
-    $(Wick.TrackMyOrder.el.btnPrint).click((e) => {
-      e.preventDefault();
-      console.log("Print button clicked");
-      window.print();
-    })
-  },
-  handleTooltip() {
-    $(Wick.TrackMyOrder.el.tooltip).on("click", function (event) {
-      event.preventDefault();
-      event.stopPropagation();
-    });
-  },
-  init() {
-    Wick.TrackMyOrder.handleScrollBehaviorOnLoad();
-    Wick.TrackMyOrder.handleTrackOrderFormSubmit();
-    Wick.TrackMyOrder.bindTabOptionsClick();
-    Wick.TrackMyOrder.handlePrint();
-    Wick.TrackMyOrder.handleTooltip();
-  }
-}
+    el: {
+        $trackMyOrder: $('.track-order'),
+        $tabOptionsInputs: $('input[name="track-order-options"]'),
+        $trackOrderForm: $('.track-order-form'),
+        $trackOrderMainSection: $('.track-order__main'),
+        formRow: '.track-order-form .form-row',
+        formRowOptionsInput: '.track-order-form .tab-content input',
+        orderInput: '#order',
+        telInput: '#tel',
+        emailInput: '#email',
+        postcodeInput: '#postcode',
+        formInvalidClass: 'form_invalid',
+        notification: '.notification',
+        fieldError: '.form-row.form-row_validation-error',
+        tabContentActive: '.tab-content .tab-pane.active',
+        options: '.tab-content',
+        $myOrderSection: $('.my-order'),
+        btnPrint: '.btn--print',
+        tooltip: '.icon-info-component',
+    },
+    errorMessages: {
+        errorOrderNumber: 'Please enter a valid order number',
+        errorTel: 'Please enter a valid phone number',
+        errorPostcode: 'Please enter a valid billing postcode',
+        errorEmail: 'Please enter a valid email address',
+    },
+    getFieldsConfigurations: function () {
+        return [
+            {
+                input: Wick.TrackMyOrder.el.orderInput,
+                validator: isValidOrderNumber,
+                error: Wick.TrackMyOrder.errorMessages.errorOrderNumber,
+            },
+            {
+                input: Wick.TrackMyOrder.el.telInput,
+                validator: isValidPhoneNumber,
+                error: Wick.TrackMyOrder.errorMessages.errorTel,
+            },
+            {
+                input: Wick.TrackMyOrder.el.postcodeInput,
+                validator: isValidTitle,
+                error: Wick.TrackMyOrder.errorMessages.errorPostcode,
+            },
+            {
+                input: Wick.TrackMyOrder.el.emailInput,
+                validator: isValidEmail,
+                error: Wick.TrackMyOrder.errorMessages.errorEmail,
+            },
+        ];
+    },
+    validateInput: function (input, validatorFunction, errorMsg) {
+        const trimmedValue = $(input).val().trim();
+        $(input).val(trimmedValue);
+
+        const isValid = validatorFunction(trimmedValue);
+        updateStylingError(input, isValid, errorMsg);
+
+        return isValid;
+    },
+    validateForm: function () {
+        let isValid = true;
+
+        const alwaysActiveFields = $(Wick.TrackMyOrder.el.orderInput);
+        isValid =
+            Wick.TrackMyOrder.validateInput(
+                alwaysActiveFields,
+                isValidOrderNumber,
+                Wick.TrackMyOrder.errorMessages.errorOrderNumber
+            ) && isValid;
+
+        const activeField = $(Wick.TrackMyOrder.el.tabContentActive).find('input');
+
+        if (isValid && activeField.length) {
+            const fieldConfig = Wick.TrackMyOrder.getFieldsConfigurations().find(
+                (field) => field.input === `#${activeField.attr('id')}`
+            );
+
+            if (fieldConfig) {
+                isValid =
+                    Wick.TrackMyOrder.validateInput(
+                        fieldConfig.input,
+                        fieldConfig.validator,
+                        fieldConfig.error
+                    ) && isValid;
+            }
+        }
+
+        return isValid;
+    },
+    resetTabContentFieldInputs() {
+        const getAllInputs = $(Wick.TrackMyOrder.el.formRowOptionsInput);
+
+        getAllInputs.each(function () {
+            $(this).val('');
+        });
+    },
+    bindTabOptionsClick() {
+        Wick.TrackMyOrder.el.$tabOptionsInputs.click(function () {
+            $(this).tab('show');
+            $(this).removeClass('active');
+
+            const getErrorElementOptions = $(Wick.TrackMyOrder.el.options).find(
+                Wick.TrackMyOrder.el.fieldError
+            );
+
+            if (getErrorElementOptions.length) {
+                removeErrorStyling(getErrorElementOptions);
+            }
+
+            Wick.TrackMyOrder.resetTabContentFieldInputs();
+        });
+    },
+    handleTrackOrderFormSubmit() {
+        Wick.TrackMyOrder.el.$trackOrderForm.on('submit', function (event) {
+            event.preventDefault();
+
+            if (Wick.TrackMyOrder.validateForm()) {
+                event.target.submit();
+            }
+        });
+    },
+    scrollToElement($element) {
+        if ($element.length) {
+            $('html, body').animate(
+                {
+                    scrollTop: $element.offset().top - 20,
+                },
+                300
+            );
+        }
+    },
+    handleScrollBehaviorOnLoad() {
+        const $formFieldWithError = $(Wick.TrackMyOrder.el.fieldError);
+
+        if ($formFieldWithError.length) {
+            Wick.TrackMyOrder.scrollToElement(Wick.TrackMyOrder.el.$trackOrderMainSection);
+        } else if (Wick.TrackMyOrder.el.$myOrderSection.length) {
+            Wick.TrackMyOrder.scrollToElement(Wick.TrackMyOrder.el.$myOrderSection);
+        }
+    },
+    handlePrint() {
+        $(Wick.TrackMyOrder.el.btnPrint).click((e) => {
+            e.preventDefault();
+            console.log('Print button clicked');
+            window.print();
+        });
+    },
+    handleTooltip() {
+        $(Wick.TrackMyOrder.el.tooltip).on('click', function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+        });
+    },
+    init() {
+        Wick.TrackMyOrder.handleScrollBehaviorOnLoad();
+        Wick.TrackMyOrder.handleTrackOrderFormSubmit();
+        Wick.TrackMyOrder.bindTabOptionsClick();
+        Wick.TrackMyOrder.handlePrint();
+        Wick.TrackMyOrder.handleTooltip();
+    },
+};
 
 $(document).ready(function () {
-  if (!Wick.TrackMyOrder.el.$trackMyOrder.length) {
-    return;
-  }
+    if (!Wick.TrackMyOrder.el.$trackMyOrder.length) {
+        return;
+    }
 
-  Wick.TrackMyOrder.init();
+    Wick.TrackMyOrder.init();
 });

package/src/js/page/tradePro-rewards.js

@@ -1,46 +1,44 @@
-import {copyToClipboard} from "./utils/copy-to-clipboard";
+import { copyToClipboard } from './utils/copy-to-clipboard';
 
 var Wick = window.Wick || {};
 
 Wick.TradeProRewards = {
-  el: {
-    $tradeProRewards: $('.page_tradePro-rewards'),
-    buttonSelector: '.copy-tradePro-barcode',
-  },
-  message: 'Code copied to clipboard',
-  copyToClipboardInit() {
-    Wick.SnackBar.init();
-    $(Wick.TradeProRewards.el.buttonSelector).on('click', function (e) {
-      e.preventDefault();
-      e.stopPropagation();
-      var discountCode = $(this).parent().find('input');
-      var discountCodeValue = discountCode.val().trim();
-      discountCode.removeAttr('disabled').attr('readonly', 'readonly');
+    el: {
+        $tradeProRewards: $('.page_tradePro-rewards'),
+        buttonSelector: '.copy-tradePro-barcode',
+    },
+    message: 'Code copied to clipboard',
+    copyToClipboardInit() {
+        Wick.SnackBar.init();
+        $(Wick.TradeProRewards.el.buttonSelector).on('click', function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            var discountCode = $(this).parent().find('input');
+            var discountCodeValue = discountCode.val().trim();
+            discountCode.removeAttr('disabled').attr('readonly', 'readonly');
 
-      copyToClipboard(discountCodeValue, e.currentTarget, { noUpperCase: true });
+            copyToClipboard(discountCodeValue, e.currentTarget, { noUpperCase: true });
 
-      discountCode.attr('disabled', 'disabled').removeAttr('readonly');
-      window.getSelection().removeAllRanges();
+            discountCode.attr('disabled', 'disabled').removeAttr('readonly');
+            window.getSelection().removeAllRanges();
 
-      Wick.SnackBar.show(
-        {
-          text: Wick.TradeProRewards.message,
-          type: Wick.SnackBar.types.SUCCESS,
-          withCloseButton: false,
-          autoClose: true,
-          delayBeforeClose: 3000
-        }
-      );
-      return false;
-    });
-  },
-  init() {
-    Wick.TradeProRewards.copyToClipboardInit();
-  }
-}
+            Wick.SnackBar.show({
+                text: Wick.TradeProRewards.message,
+                type: Wick.SnackBar.types.SUCCESS,
+                withCloseButton: false,
+                autoClose: true,
+                delayBeforeClose: 3000,
+            });
+            return false;
+        });
+    },
+    init() {
+        Wick.TradeProRewards.copyToClipboardInit();
+    },
+};
 
 $(document).ready(function () {
-  if (Wick.TradeProRewards.el.$tradeProRewards.length) {
-    Wick.TradeProRewards.init();
-  }
+    if (Wick.TradeProRewards.el.$tradeProRewards.length) {
+        Wick.TradeProRewards.init();
+    }
 });

package/src/js/page/utils/array-utils.js

@@ -1,10 +1,13 @@
-export function arrayToObjectByIndex (array) {
-  if (!Array.isArray(array)) {
-    throw new TypeError("Invalid input: arrayToObjectById expects an array.");
-  }
-  
-  return array.reduce((acc, item, index) => ({
-    ...acc,
-    [index]: item,
-  }), {});
-};
+export function arrayToObjectByIndex(array) {
+    if (!Array.isArray(array)) {
+        throw new TypeError('Invalid input: arrayToObjectById expects an array.');
+    }
+
+    return array.reduce(
+        (acc, item, index) => ({
+            ...acc,
+            [index]: item,
+        }),
+        {}
+    );
+}

package/src/js/page/utils/copy-to-clipboard.js

@@ -1,56 +1,56 @@
 export function copyToClipboard(copyValue, currentSelector, options = {}) {
-  const $temp = $('<textarea>').css({
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    opacity: 0
-  });
-
-  $(currentSelector).parent().append($temp);
-
-  let str;
-  if (options.noUpperCase) {
-    str = copyValue;
-  } else {
-    str = copyValue.replace(/(^\w|\s\w)/g, function (m) {
-      return m.toUpperCase()
+    const $temp = $('<textarea>').css({
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        opacity: 0,
     });
-  }
 
-  const textFiltered = str.split(' ').filter(function (value) {
-    return value !== ''
-  });
+    $(currentSelector).parent().append($temp);
 
-  const textTrimmed = textFiltered.join(' ');
+    let str;
+    if (options.noUpperCase) {
+        str = copyValue;
+    } else {
+        str = copyValue.replace(/(^\w|\s\w)/g, function (m) {
+            return m.toUpperCase();
+        });
+    }
 
-  $temp.val(textTrimmed);
+    const textFiltered = str.split(' ').filter(function (value) {
+        return value !== '';
+    });
+
+    const textTrimmed = textFiltered.join(' ');
+
+    $temp.val(textTrimmed);
 
-  if (navigator.userAgent.match(/TradeProMobile_iOS|DIYMobile_iOS/i)) {
-    iosCopyToClipboard($temp);
-  } else if (navigator.userAgent.match(/ipad|ipod|iphone/i)) {
-    $temp.select();
-    $temp[0].setSelectionRange(0, 999999);
-  } else {
-    $temp.select();
-  }
+    if (navigator.userAgent.match(/TradeProMobile_iOS|DIYMobile_iOS/i)) {
+        iosCopyToClipboard($temp);
+    } else if (navigator.userAgent.match(/ipad|ipod|iphone/i)) {
+        $temp.select();
+        $temp[0].setSelectionRange(0, 999999);
+    } else {
+        $temp.select();
+    }
 
-  document.execCommand("copy");
-  $temp.remove();
+    document.execCommand('copy');
+    $temp.remove();
 }
 
 function iosCopyToClipboard($input) {
-  const el = $input.get(0);
-  const editable = el.contentEditable;
-  const readOnly = el.readOnly;
-  const range = document.createRange();
-  const sel = window.getSelection();
-
-  el.contentEditable = true;
-  el.readOnly = false;
-  range.selectNodeContents(el);
-  sel.removeAllRanges();
-  sel.addRange(range);
-  el.setSelectionRange(0, 999999);
-  el.contentEditable = editable;
-  el.readOnly = readOnly;
+    const el = $input.get(0);
+    const editable = el.contentEditable;
+    const readOnly = el.readOnly;
+    const range = document.createRange();
+    const sel = window.getSelection();
+
+    el.contentEditable = true;
+    el.readOnly = false;
+    range.selectNodeContents(el);
+    sel.removeAllRanges();
+    sel.addRange(range);
+    el.setSelectionRange(0, 999999);
+    el.contentEditable = editable;
+    el.readOnly = readOnly;
 }

package/src/js/page/utils/create-event.js

@@ -1,9 +1,9 @@
 export 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,
+        },
+    });
+}

package/src/js/page/utils/errorMesages.js

@@ -1,14 +1,15 @@
 const errorMessages = {
-  errorName: 'Please enter a first name',
-  errorSurname: 'Please enter a surname',
-  errorAddress: 'Please complete your address details',
-  errorAddressLine1: 'Please enter address line 1',
-  errorAddressLine2: 'Please enter address line 2',
-  errorTown: 'Please enter a town/city',
-  errorPostcode: 'Please enter a valid postcode',
-  errorMobilePhoneEmpty: 'Please enter mobile number',
-  errorMobilePhone: 'Please enter a valid mobile number with no spaces e.g. 07700900000',
-  errorHomePhone: 'Please enter a valid phone number. It should be 10 or 11 digits e.g. 01234 123456, 0123 412 3456'
-}
+    errorName: 'Please enter a first name',
+    errorSurname: 'Please enter a surname',
+    errorAddress: 'Please complete your address details',
+    errorAddressLine1: 'Please enter address line 1',
+    errorAddressLine2: 'Please enter address line 2',
+    errorTown: 'Please enter a town/city',
+    errorPostcode: 'Please enter a valid postcode',
+    errorMobilePhoneEmpty: 'Please enter mobile number',
+    errorMobilePhone: 'Please enter a valid mobile number with no spaces e.g. 07700900000',
+    errorHomePhone:
+        'Please enter a valid phone number. It should be 10 or 11 digits e.g. 01234 123456, 0123 412 3456',
+};
 
 export default errorMessages;

package/src/js/page/utils/helpers.js

@@ -3,7 +3,7 @@ export function highlightCharacter(str, char, charClass) {
         return str;
     }
 
-    const pattern = new RegExp(`\\${char}+`, "g");
+    const pattern = new RegExp(`\\${char}+`, 'g');
     const replacement = `<span class="${charClass}">$&</span>`;
 
     return str.replace(pattern, replacement);
@@ -12,7 +12,7 @@ export function highlightCharacter(str, char, charClass) {
 export function createImageElements(images, alt) {
     return images.map((link) => {
         return $('<img>').attr('src', link).attr('alt', alt);
-    })
+    });
 }
 
 export function countLetters(str) {
@@ -35,15 +35,17 @@ export function isKeyboardOpen() {
     return screenHeight !== screenHeightWithoutKeyboard;
 }
 
-export function isTouchDevice () {
+export function isTouchDevice() {
     return 'ontouchstart' in window;
 }
 
-export function isApp () {
-    return navigator.userAgent.match(/TradeProMobile_iOS|TradeProMobile_Android|DIYMobile_iOS|DIYMobile_Android|DIYApp_Guest_Mobile_iOS|DIYApp_Guest_Mobile_Android|AGENT_PLACEHOLDER/i);
+export function isApp() {
+    return navigator.userAgent.match(
+        /TradeProMobile_iOS|TradeProMobile_Android|DIYMobile_iOS|DIYMobile_Android|DIYApp_Guest_Mobile_iOS|DIYApp_Guest_Mobile_Android|AGENT_PLACEHOLDER/i
+    );
 }
 
-export function trimFields () {
+export function trimFields() {
     const fields = Wick.AddressBook.getFieldsConfigurations();
     fields.forEach((field) => {
         const trimmedValue = field.input.val().trim();
@@ -55,8 +57,11 @@ export function scrollToElement(element, offset = 20) {
     const targetElement = $(element);
 
     if (targetElement.length > 0) {
-        $('html, body').animate({
-            scrollTop: targetElement.offset().top - offset
-        }, 300);
+        $('html, body').animate(
+            {
+                scrollTop: targetElement.offset().top - offset,
+            },
+            300
+        );
     }
 }