wickes-css2 2.103.0-IC-976-pre-commit-lint.5 → 2.103.0-IC-976-pre-commit-lint.8

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

@@ -1,181 +1,165 @@
 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;
+      }
+    }
 
-$(document).ready(function () {
-    if (!Wick.TrackMyOrder.el.$trackMyOrder.length) {
-        return;
+    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;
+  }
 
-    Wick.TrackMyOrder.init();
+  Wick.TrackMyOrder.init();
 });

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

@@ -1,44 +1,46 @@
-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,13 +1,10 @@
-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,
+  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()
     });
+  }
 
-    $(currentSelector).parent().append($temp);
+  const textFiltered = str.split(' ').filter(function (value) {
+    return value !== ''
+  });
 
-    let str;
-    if (options.noUpperCase) {
-        str = copyValue;
-    } else {
-        str = copyValue.replace(/(^\w|\s\w)/g, function (m) {
-            return m.toUpperCase();
-        });
-    }
+  const textTrimmed = textFiltered.join(' ');
 
-    const textFiltered = str.split(' ').filter(function (value) {
-        return value !== '';
-    });
-
-    const textTrimmed = textFiltered.join(' ');
-
-    $temp.val(textTrimmed);
+  $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,15 +1,14 @@
 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,17 +35,15 @@ 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();
@@ -57,11 +55,8 @@ 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);
     }
 }

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,6 +22,7 @@ export function callAction(payload, callback, ...args) {
                 payload.error && payload.error(xhr, ...args);
             }
         },
-        complete: payload.complete,
+        complete: payload.complete
     });
 }
+