wickes-css2 2.94.0-develop.2 → 2.94.0-develop.21

package/src/js/page/basket-v2.js

@@ -29,6 +29,8 @@ import {
 } from './basket/session-sync'
 import {displayEnergyEfficiency} from "./basket/display-energy-efficiency";
 import {appendLoader, hideLoader, showLoader} from "./utils/loader";
+import {addClassToSummaryAside} from "./basket/summary-mobile";
+import { initStickyObserver } from './components/sticky-order-observer';
 
 var Wick = window.Wick || {};
 Wick.BasketPage = {
@@ -384,6 +386,7 @@ Wick.BasketPage = {
         } else {
             if (initial) {
                 Wick.BasketPage.getCartEntries(Wick.BasketData.updateCart);
+                addClassToSummaryAside(Wick.BasketData.updateCart);
                 const initialTotalPrice = Wick.BasketData.updateCart.totalPrice.value;
                 updateClearpayVisibility(initialTotalPrice);
             } else {
@@ -405,6 +408,7 @@ Wick.BasketPage = {
                 updateClearpayPlacements(Wick.BasketData.updateCart.totalPrice.value);
                 updateClearpayVisibility(Wick.BasketData.updateCart.totalPrice.value);
                 Wick.BasketPage.addPotentialPromo(Wick.BasketData.updateCart);
+                addClassToSummaryAside(Wick.BasketData.updateCart);
                 Wick.BasketPage.getCartEntries(Wick.BasketData.updateCart);
                 Wick.BasketPage.checkProductArrays(Wick.BasketData.updateCart) || Wick.BasketPage.removeOrderItem(repaintData);
                 updateBasketSession();
@@ -415,6 +419,7 @@ Wick.BasketPage = {
     },
     updateCartAction: function (response, info) {
         updateClearpayVisibility(response.totalPrice.value)
+        addClassToSummaryAside(response)
         if (info.initial) {
             Wick.BasketPage.getCartEntries(response);
         } else {
@@ -739,6 +744,7 @@ Wick.BasketPage = {
 
         Wick.BasketPage.paintActionButton();
         checkPayPalAvailability(data);
+        Wick.VatToggle.reapplyDisplayClass();
         $(document).trigger("cartRerender");
     },
     createBasketSection: function (type, group, data) {
@@ -848,11 +854,11 @@ Wick.BasketPage = {
                                     ? '<span class="order-item__value">FREE</span>'
                                     : Wick.VatToggle.isToggleVatAvailable()
                                         ? `
-                                            <div class="including-vat-inherit"><!--
+                                            <div class="including-vat"><!--
                                                 --><span class="order-item__value">${currentItem.basePrice.formattedValue}</span><!--
                                                 --><div class="price-vat">Inc.VAT</div>
                                             </div>
-                                            <div class="excluding-vat-inherit"><!--
+                                            <div class="excluding-vat"><!--
                                                 --><span class="order-item__value">${currentItem.basePriceExcVat.formattedValue}</span><!--
                                                 --><div class="price-vat">Exc.VAT</div>
                                             </div>
@@ -870,11 +876,11 @@ Wick.BasketPage = {
                                         ? '<span class="order-item__value">FREE</span>'
                                         : Wick.VatToggle.isToggleVatAvailable()
                                             ? `
-                                                <div class="including-vat-inherit"><!--
+                                                <div class="including-vat"><!--
                                                     --><span class="order-item__value">${currentItem.itemTotalWithoutDiscount.formattedValue}</span><!--
                                                     --><div class="price-vat">Inc.VAT</div><!--
                                                 --></div>
-                                                <div class="excluding-vat-inherit"><!--
+                                                <div class="excluding-vat"><!--
                                                     --><span class="order-item__value">${currentItem.itemTotalWithoutDiscountExcVat.formattedValue}</span><!--
                                                     --><div class="price-vat">Exc.VAT</div>
                                                 </div>
@@ -999,11 +1005,11 @@ Wick.BasketPage = {
                         ${
                             Wick.VatToggle.isToggleVatAvailable()
                                 ? `
-                                    <div class="including-vat-inherit"><!--
+                                    <div class="including-vat"><!--
                                         --><span class="order-item__value">£${item.product.pricePerSqm.formattedPriceWithoutCurrencySymbol}</span><!--
                                         --><div class="price-vat">Inc.VAT</div>
                                     </div>
-                                    <div class="excluding-vat-inherit"><!--
+                                    <div class="excluding-vat"><!--
                                         --><span class="order-item__value">£${item.product.pricePerSqmExcVat.formattedPriceWithoutCurrencySymbol}</span><!--
                                         --><div class="price-vat">Exc.VAT</div>
                                     </div>
@@ -1256,6 +1262,9 @@ Wick.BasketPage = {
         $(Wick.BasketPage.el.content).find(quantityButton).prop('disabled', false);
     }
 };
+
+$(document).on('cartUpdate', initStickyObserver);
+
 $(document).ready(function () {
     function init() {
 
@@ -1290,6 +1299,11 @@ $(document).ready(function () {
 
         $(Wick.BasketPage.el.voucherRemove).unbind('click');
         Wick.BasketPage.paintActionButton();
+        initStickyObserver(
+            $('[data-sticky-observe]'),
+            $('[data-sticky-element]'),
+            '.summary__aside.collapse.show'
+        );
         Wick.BasketPage.updateCart(...Array(3), true);
         setDefaultCharityValue();
         if (!$(Wick.BasketPage.el.loader).length) {

package/src/js/page/components/order-summary.js

@@ -1,4 +1,5 @@
 import {updateDiscount} from "./discounts";
+import {addClassToSummaryAside} from "../basket/summary-mobile";
 
 const osEl = {
     $summarySection: $('.summary'),
@@ -9,9 +10,9 @@ const osEl = {
     itemFree: '.checkout-widget__item-free',
     itemDeficit: '.checkout-widget__item-deficit',
     summaryDelivery: '.checkout-widget__item-delivery',
+    summaryMobileTotal: '.summary__mobile-bar-total',
 }
 
-
 export function updateOrderSummary(data, equalMap, isVoucher) {
     equalMap.forEach((obj) => {
         if ($(obj.item).length) {
@@ -32,9 +33,12 @@ export function updateOrderSummary(data, equalMap, isVoucher) {
         }
     })
 
+    const value = data.totalPrice?.formattedValue || data.total;
+
     updateDiscount(data, isVoucher);
     hideUnusedDeliveryTypeCost(data, isVoucher);
     calculateFreeDelivery(data);
+    updateSummaryMobileBarTotal(value);
 }
 
 function createCheckoutWidgetItem(obj) {
@@ -97,3 +101,6 @@ function calculateFreeDelivery(data) {
     })
 }
 
+function updateSummaryMobileBarTotal(formattedValue) {
+    $(osEl.summaryMobileTotal).text(formattedValue);
+}

package/src/js/page/components/sticky-order-observer.js

@@ -0,0 +1,49 @@
+export function initStickyObserver(observedElements, stickyElements, collapseSelector) {
+  let io;
+
+  const $observed = observedElements instanceof jQuery
+    ? observedElements
+    : $(observedElements);
+
+  const $sticky = stickyElements instanceof jQuery
+    ? stickyElements
+    : $(stickyElements);
+
+  if (!$observed.length || !$sticky.length) return;
+
+  function toggle(hide) {
+    $sticky.toggleClass('is-hidden', hide);
+    $('body').toggleClass('summary-hidden', hide);
+    if (hide) {
+      $(collapseSelector).collapse('hide');
+    }
+  }
+
+  if ('IntersectionObserver' in window) {
+    io = new IntersectionObserver(
+      entries => {
+        const anyInView = entries.some(e => e.isIntersecting);
+        toggle(anyInView);
+      },
+      { rootMargin: '0px 0px -20% 0px', threshold: 0 }
+    );
+    $observed.each((_, el) => io.observe(el));
+  } else {
+    // Fallback for older browsers
+    function check() {
+      let anyInView = false;
+      $observed.each(function () {
+        const r = this.getBoundingClientRect();
+        if (r.top < window.innerHeight * 0.8 && r.bottom > 0) {
+          anyInView = true;
+          return false; // break
+        }
+      });
+      toggle(anyInView);
+    }
+    $(window)
+      .off('scroll.sticky resize.sticky')
+      .on('scroll.sticky resize.sticky', check);
+    check();
+  }
+}

package/src/js/page/components/voucher.js

@@ -15,7 +15,7 @@ const voucherEl = {
     formInvalid: 'form_invalid',
     fieldRow: '.form-row[data-row-required]',
     rowValidationError: 'form-row_validation-error',
-    voucherHide: '.checkout-voucher-hide',
+    voucherHide: 'checkout-voucher-hide',
     fieldError: '.form-row__error',
     subtotal: '.checkout-widget__item-bold',
     vat: '.checkout-widget__item-vat',

package/src/js/page/default-store.js

@@ -0,0 +1,44 @@
+var Wick = window.Wick || {};
+
+Wick.DefaultStore = {
+  HIDDEN_CLASS_NAME: 'd-none',
+  el: {
+    searchForm: '.search-store',
+    $searchInput: $('.search-store #postcode'),
+    $btnClear: $('.search-store .btn--clear'),
+    $btnSubmit: $('.search-store .btn-search'),
+  },
+  getPostCode () {
+    return Wick.DefaultStore.el.$searchInput.val();
+  },
+  checkVisibilityOfClearButton () {
+    Wick.DefaultStore.el.$btnClear.toggleClass('d-block', Wick.DefaultStore.getPostCode().length > 0);
+  },
+  updateCollapseState() {
+    const dropdowns = $("#openingTimes, #specialTimes, #facilities");
+    const btn = $('[data-toggle="collapse"]');
+
+    if ($(window).width() >= 768) {
+      dropdowns.addClass("show");
+      if (btn.length) {
+        btn.attr("aria-expanded", "true");
+      }
+    } else {
+      dropdowns.removeClass("show");
+      if (btn.length) {
+        btn.attr("aria-expanded", "false");
+      }
+    }
+  },
+  init () {
+    Wick.DefaultStore.updateCollapseState();
+    $(window).resize( _.debounce(function () {
+      Wick.DefaultStore.updateCollapseState();
+    }, 200));
+    Wick.DefaultStore.el.$searchInput.on('input', Wick.DefaultStore.checkVisibilityOfClearButton);
+  }
+}
+
+$(document).ready(function () {
+  Wick.DefaultStore.init();
+});

package/src/js/page/my-orders.js

@@ -0,0 +1,165 @@
+import {createEvent} from "./utils/create-event";
+import {appendLoader, showLoader, hideLoader} from "./utils/loader";
+
+var Wick = window.Wick || {};
+
+Wick.MyOrders = {
+  events: {
+    MONTHLY_VIEW_EVENT: 'MONTHLY_VIEW_EVENT',
+    SORT_BY_EVENT: 'SORT_BY_EVENT',
+    LOAD_MORE_EVENT: 'LOAD_MORE_EVENT',
+    CATEGORY_EVENT: 'CATEGORY_EVENT',
+  },
+  HIDDEN_CLASS_NAME: 'd-none',
+  el: {
+    $myOrders: $('.my-orders'),
+    calendar: '#calendarInputFlatpickr',
+    loader: '.loader-wrapper',
+    $sortOrders: $('#sort_orders'),
+    $chooseDate: $('.flatpickr-datepicker[choose-date]'),
+    $showYears: $('.flatpickr-datepicker[show-years]'),
+    $desktopTabs: $('.nav-orders .nav-orders__item .link'),
+    $mobileTabs: $('.nav-orders .account-nav__link'),
+    $loadMoreBtn: $('.btn-load-more'),
+    oderList: '.active-orders',
+    $activeOrderState: $('.nav-orders .nav-orders__item.active .link')
+  },
+  initialPageNumber: 0,
+  numberOfPagesOrders: $('#numberOfPagesOrders').val(),
+  loaderPayload: {
+    wrapper: 'body',
+    hidden: true,
+    modifier: 'basket-loader',
+  },
+  chooseDate: '',
+  showYears: '',
+  getChooseDate () {
+    const attrValue = Wick.MyOrders.el.$chooseDate.attr('choose-date');
+    if (attrValue) {
+      Wick.MyOrders.chooseDate = attrValue
+    }
+  },
+  requestToUpdateOrders (currentEvent, payload) {
+    return new Promise((resolve, reject) => {
+      const eventDetail = {resolve, reject};
+      const event = createEvent(currentEvent, payload, eventDetail);
+      window.dispatchEvent(event);
+    })
+      .then(({url}) => {
+        if (!url) {
+          return;
+        }
+
+        window.location.href = url;
+      })
+      .catch((error) => {
+        console.error(error);
+      });
+  },
+  loadMore () {
+    showLoader(Wick.MyOrders.el.loader);
+
+    return new Promise((resolve, reject) => {
+      const eventDetail = {resolve, reject};
+      const payload = {
+        currentPage: ++Wick.MyOrders.initialPageNumber,
+        sort: Wick.MyOrders.el.$sortOrders.val() || '',
+        chooseDate: Wick.MyOrders.chooseDate,
+        orderState: Wick.MyOrders.getCurrentOrderState() || ''
+      };
+      const event = createEvent(Wick.MyOrders.events.LOAD_MORE_EVENT, payload, eventDetail);
+      window.dispatchEvent(event);
+    })
+      .then(({innerHTML, callback}) => {
+        if (!innerHTML) {
+          return;
+        }
+
+        Wick.MyOrders.showNewOrders(innerHTML);
+        Wick.MyOrders.toggleLoadMoreBtn();
+
+        if (callback) {
+          callback()
+        }
+      })
+      .finally(() => {
+        hideLoader(Wick.MyOrders.el.loader);
+        Wick.MyOrders.el.$loadMoreBtn.blur();
+      })
+  },
+  showNewOrders (newProductsHtml) {
+    const $newProductsHtml = $(newProductsHtml);
+    $(Wick.MyOrders.el.oderList).append($newProductsHtml);
+  },
+  toggleLoadMoreBtn () {
+    if (Wick.MyOrders.initialPageNumber + 1 >= +Wick.MyOrders.numberOfPagesOrders) {
+      Wick.MyOrders.el.$loadMoreBtn.addClass(Wick.MyOrders.HIDDEN_CLASS_NAME);
+    }
+  },
+  getShowYears () {
+    const attrValue = Wick.MyOrders.el.$showYears.attr('show-years');
+    if (attrValue) {
+      Wick.MyOrders.showYears = attrValue
+    }
+  },
+  initializeFlatpickr () {
+    Wick.Flatpickr.init({
+      id: Wick.MyOrders.el.calendar,
+      currentYear: new Date().getFullYear(),
+      minYear: new Date().getFullYear() - Wick.MyOrders.showYears,
+      dateFormat: "F Y",
+      static: true,
+      chooseDate: Wick.MyOrders.chooseDate,
+      onChangeCallback: function (dateStr) {
+        if (!dateStr || isNaN(new Date(dateStr))) {
+          Wick.MyOrders.chooseDate = "";
+        } else {
+          Wick.MyOrders.chooseDate = dateStr;
+        }
+
+        Wick.MyOrders.requestToUpdateOrders(Wick.MyOrders.events.MONTHLY_VIEW_EVENT, { chooseDate: Wick.MyOrders.chooseDate });
+      },
+    });
+  },
+  initializeSortOrdersHandler () {
+    Wick.MyOrders.el.$sortOrders.on('change', function () {
+      const selectedValue = $(this).val();
+      Wick.MyOrders.requestToUpdateOrders(Wick.MyOrders.events.SORT_BY_EVENT, { sortBy: selectedValue });
+    });
+  },
+  registerTabClickHandler (tabsElement) {
+    tabsElement.on('click', function (e) {
+      e.preventDefault();
+      const tabId = $(this).attr('id');
+      const orderState = tabId ? { orderState: tabId } : '';
+      Wick.MyOrders.requestToUpdateOrders(Wick.MyOrders.events.CATEGORY_EVENT, orderState);
+    });
+  },
+  handleCategoryTabClick () {
+    Wick.MyOrders.registerTabClickHandler(Wick.MyOrders.el.$desktopTabs);
+    Wick.MyOrders.registerTabClickHandler(Wick.MyOrders.el.$mobileTabs);
+  },
+  getCurrentOrderState () {
+    if (Wick.MyOrders.el.$activeOrderState.length) {
+      return Wick.MyOrders.el.$activeOrderState.attr('id')
+    }
+  },
+  init () {
+    Wick.MyOrders.getShowYears();
+    Wick.MyOrders.getChooseDate();
+    Wick.MyOrders.initializeFlatpickr();
+    Wick.MyOrders.initializeSortOrdersHandler()
+    Wick.MyOrders.handleCategoryTabClick();
+    appendLoader(Wick.MyOrders.loaderPayload);
+    Wick.MyOrders.el.$loadMoreBtn.on('click', Wick.MyOrders.loadMore);
+    Wick.HandleAccordions.handleOutsideClick();
+  }
+}
+
+$(document).ready(function () {
+  if (!Wick.MyOrders.el.$myOrders.length) {
+    return;
+  }
+
+  Wick.MyOrders.init();
+});

package/src/js/page/personal-details.js

@@ -24,25 +24,40 @@ Wick.PersonalDetails = {
     formInvalidClass: 'form_invalid',
     notification: '.notification',
     fieldError: '.form-row.form-row_validation-error',
+    changePasswordPopup: '#change-password-popup',
+    globalMessage: '.globalMessages',
   },
-  initialFormState: {},
   errorMessages: {
     errorFirstName: 'Please enter your first name',
     errorSurname: 'Please enter your surname',
-    errorEmail: 'Please enter you email',
-  },
-  fieldToLabelMap: {
-    titleCode: 'Title',
-    firstName: 'First name',
-    lastName: 'Surname',
-    email: 'Email',
-    tradeType: 'How would you describe yourself or your main trade',
+    errorEmail: 'Please enter your email address',
   },
   defaultNotificationConfig: {
-    container: '.globalMessages .col-12',
+    container: '.personal-details .globalMessages',
     closeBtn: true,
     noScrolling: true,
   },
+  isTradeTypeLabel() {
+    return $(Wick.PersonalDetails.el.userForm).find('label:contains("Trade type")').length;
+  },
+  fieldToLabelMap(name) {
+    let currentTradeType = ''
+    if (name === 'tradeType') {
+      currentTradeType = Wick.PersonalDetails.isTradeTypeLabel()
+        ? 'Trade type'
+        : 'How would you describe yourself or your main trade';
+    }
+
+    const fieldMap = {
+      titleCode: 'Title',
+      firstName: 'First name',
+      lastName: 'Surname',
+      email: 'Email address',
+      tradeType: currentTradeType,
+    };
+
+    return fieldMap[name] || name;
+  },
   getFieldsConfigurations: function () {
     return [
       {
@@ -111,11 +126,11 @@ Wick.PersonalDetails = {
           text: response.globalMessage.message,
           type: 'success',
         });
-        Wick.PersonalDetails.initialFormState = Wick.LeaveEvent.getState(Wick.PersonalDetails.el.userForm);
-        Wick.PersonalDetails.updateUserInformationSection(Wick.PersonalDetails.initialFormState);
-        Wick.PersonalDetails.updateFormFields(Wick.PersonalDetails.initialFormState);
+        Wick.LeaveEvent.initialFormState = Wick.LeaveEvent.getState(Wick.PersonalDetails.el.userForm);
+        Wick.PersonalDetails.updateUserInformationSection(Wick.LeaveEvent.initialFormState);
+        Wick.PersonalDetails.updateFormFields(Wick.LeaveEvent.initialFormState);
         Wick.PersonalDetails.hideForm();
-        Wick.LeaveEvent.removeLeaveEvent();
+        Wick.PersonalDetails.scrollToElement(Wick.PersonalDetails.el.globalMessage);
       })
       .catch((error) => {
         Wick.Notification.show({
@@ -124,11 +139,12 @@ Wick.PersonalDetails = {
           type: 'error',
         });
         Wick.PersonalDetails.handleFieldErrors(error);
+        Wick.PersonalDetails.scrollToElement(Wick.PersonalDetails.el.globalMessage);
       });
   },
-  handleFieldErrors(fieldErrors) {
-    if (fieldErrors && fieldErrors.length) {
-      fieldErrors.forEach((fieldError) => {
+  handleFieldErrors(error) {
+    if (error.fieldErrors && error.fieldErrors.length) {
+      error.fieldErrors.forEach((fieldError) => {
         const field = `#${fieldError.field}`;
         updateStylingError(field, false, fieldError.message);
       });
@@ -136,6 +152,15 @@ Wick.PersonalDetails = {
   },
   submitForm(event) {
     event.preventDefault();
+    Wick.PersonalDetails.trimAndRewriteInputs(Wick.PersonalDetails.el.userForm);
+
+    if (!Wick.PersonalDetails.hasUnsavedChanges()) {
+      Wick.PersonalDetails.hideForm();
+      $(Wick.PersonalDetails.el.notification).remove();
+      Wick.PersonalDetails.scrollToElement(Wick.PersonalDetails.el.globalMessage);
+      return;
+    }
+
     if (Wick.PersonalDetails.validateForm()) {
       Wick.PersonalDetails.requestToUpdateForm();
     } else {
@@ -144,6 +169,7 @@ Wick.PersonalDetails = {
         text: 'Please correct the errors below.',
         type: 'error',
       });
+      Wick.PersonalDetails.scrollToElement(Wick.PersonalDetails.el.globalMessage);
     }
   },
   updateUserInformationSection(personalDetails) {
@@ -153,27 +179,36 @@ Wick.PersonalDetails = {
 
     $userInformationList.empty();
 
-    personalDetails.forEach(({ name, value }) => {
-      const label = Wick.PersonalDetails.fieldToLabelMap[name] || name;
-
+    personalDetails.forEach(({ name, value, text }) => {
+      const label = Wick.PersonalDetails.fieldToLabelMap(name);
+      const textField = text || value
       $userInformationList.append(
         userInformationField({
           label,
-          value,
+          textField,
         })
       );
     });
+
+    Wick.PersonalDetails.hideParentListItemIfLabelExists('CSRFToken');
   },
   updateFormFields(personalDetails) {
-    personalDetails.forEach(({ name, value }) => {
+    personalDetails.forEach(({ name, value, text }) => {
       const field = document.querySelector(`#${name}`);
       if (field) {
-        field.value = value || '';
-        field.setAttribute('value', value || '');
-
-        if (field.tagName === 'SELECT' || field.tagName === 'INPUT') {
-          field.value = value || '';
-          field.setAttribute('value', value || '');
+        if (field.tagName === 'INPUT') {
+          field.value = text || value || '';
+          field.setAttribute('value', text || value || '');
+        } else {
+          const options = field.querySelectorAll('option');
+          options.forEach(option => {
+            if (option.textContent.trim() === value || option.value === value) {
+              option.setAttribute('selected', 'selected');
+              field.value = option.value;
+            } else {
+              option.removeAttribute('selected');
+            }
+          });
         }
       }
     });
@@ -182,18 +217,21 @@ Wick.PersonalDetails = {
     Wick.PersonalDetails.hideForm();
     $(Wick.PersonalDetails.el.notification).remove();
     $(Wick.LeaveEvent.el.leavePopup).modal('hide');
-    Wick.PersonalDetails.updateFormFields(Wick.PersonalDetails.initialFormState);
+    Wick.PersonalDetails.updateFormFields(Wick.LeaveEvent.initialFormState);
+  },
+  hasUnsavedChanges() {
+    const currentState = Wick.LeaveEvent.getState(Wick.PersonalDetails.el.userForm);
+
+    return !_.isEqual(currentState, Wick.LeaveEvent.initialFormState);
   },
   changePasswordHandler(event) {
     const changePasswordUrl = $(Wick.PersonalDetails.el.btnChangePassword).attr('href');
-    const currentState = Wick.LeaveEvent.getState(Wick.PersonalDetails.el.userForm);
-    const isDifferent = !_.isEqual(currentState, Wick.PersonalDetails.initialFormState);
 
-    if (isDifferent) {
+    if (Wick.PersonalDetails.hasUnsavedChanges()) {
       event.preventDefault();
-      $(Wick.LeaveEvent.el.leavePopup).modal('show');
+      $(Wick.PersonalDetails.el.changePasswordPopup).modal('show');
       Wick.LeaveEvent.proceedBrowserLeave = true;
-      $(Wick.LeaveEvent.el.leavePopup).find(Wick.PersonalDetails.el.btnContinue).off('click').on('click', function () {
+      $(Wick.PersonalDetails.el.changePasswordPopup).find(Wick.PersonalDetails.el.btnContinue).off('click').on('click', function () {
         Wick.LeaveEvent.removeLeaveEvent();
         $(Wick.LeaveEvent.el.leavePopup).modal('hide');
         window.location.href = changePasswordUrl;
@@ -202,9 +240,40 @@ Wick.PersonalDetails = {
       window.location.href = changePasswordUrl;
     }
   },
+  hideParentListItemIfLabelExists(labelText) {
+    const label = $(Wick.PersonalDetails.el.userInformationList).find(`label:contains("${labelText}")`);
+
+    if (label.length > 0) {
+      label.closest('li').hide();
+    }
+  },
+  scrollToElement(element) {
+    const globalMessage = $(element);
+
+    if (globalMessage.length > 0) {
+      $('html, body').animate({
+        scrollTop: globalMessage.offset().top - 20
+      }, 300);
+    }
+  },
+  trimAndRewriteInputs(formSelector) {
+    const $form = $(formSelector);
+
+    if (!$form.length) {
+      return;
+    }
+
+    $form.find('input[type="text"], input[type="email"]').each(function () {
+      $(this).val($.trim($(this).val()));
+    });
+  },
   init: function () {
-    Wick.LeaveEvent.bindEvent(Wick.PersonalDetails.el.userForm, Wick.PersonalDetails.el.btnCancel, Wick.PersonalDetails.el.btnContinue, Wick.PersonalDetails.resetFormToInitialState);
-    Wick.PersonalDetails.initialFormState = Wick.LeaveEvent.getState(Wick.PersonalDetails.el.userForm)
+    Wick.LeaveEvent.bindEvent(
+      Wick.PersonalDetails.el.userForm,
+      Wick.PersonalDetails.el.btnCancel,
+      Wick.PersonalDetails.el.btnContinue,
+      Wick.PersonalDetails.resetFormToInitialState
+    );
 
     $(Wick.PersonalDetails.el.btnEdit).on('click', Wick.PersonalDetails.showForm);
     $(Wick.PersonalDetails.el.btnSave).on('click', Wick.PersonalDetails.submitForm);