wickes-css2 2.106.0-develop.1 → 2.106.0-develop.10

package/src/js/components/general/notification.js

@@ -1,50 +1,70 @@
 var Wick = Wick || {};
-Wick.Notification = (function(){
-  function Notification(params){
-    var self = this,
-        iconSuccess = '<span class="icon notification__icon"><span class="fas fa-check-circle"></span></span>',
-        iconWarning = '<span class="icon notification__icon"><span class="fas fa-exclamation-circle"></span></span>',
-        closeBtn = '<span class="icon notification__close"><span class="far fa-times"></span></span>';
+Wick.Notification = (function () {
+    function Notification(params) {
+        var self = this,
+            iconSuccess =
+                '<span class="icon notification__icon"><span class="fas fa-check-circle"></span></span>',
+            iconWarning =
+                '<span class="icon notification__icon"><span class="fas fa-exclamation-circle"></span></span>',
+            iconError =
+                '<span class="icon notification__icon"><span class="fas fa-times-circle"></span></span>',
+            closeBtn =
+                '<span class="icon notification__close"><span class="far fa-times"></span></span>';
 
-    this.$self = $('<div/>', {
-      'class': 'notification notification_general notification_' + params.type,
-      html: params.text
-    })
-        .prepend(params.type === 'success' ? iconSuccess : params.type === 'warning' ? iconWarning : params.type === 'error' ? iconWarning : '')
-        .prepend(params.closeBtn ? closeBtn : '')
-        .prependTo(params.container);
+        this.$self = $('<div/>', {
+            class: 'notification notification_general notification_' + params.type,
+            html: params.text,
+        })
+            .prepend(
+                params.type === 'success'
+                    ? iconSuccess
+                    : params.type === 'warning'
+                      ? iconWarning
+                      : params.type === 'error'
+                        ? iconError
+                        : ''
+            )
+            .prepend(params.closeBtn ? closeBtn : '')
+            .prependTo(params.container);
 
-    this.hide = function(){
-      self.$self.remove();
+        this.hide = function () {
+            self.$self.remove();
+        };
     }
-  }
 
-  $(document).on('click', '.notification__close', function(){
-    $(this).parents('.notification, .notification_app, .sticky-wrapper').remove();
-  });
+    $(document).on('click', '.notification__close', function () {
+        $(this).parents('.notification, .notification_app, .sticky-wrapper').remove();
+    });
 
-  return {
-    show: function(params){
+    return {
+        show: function (params) {
+            var $oldNote = $(params.container).find('.notification');
+            if ($oldNote.length) {
+                $oldNote.remove();
+            }
 
-      var $oldNote = $(params.container).find('.notification');
-      if ($oldNote.length) {
-        $oldNote.remove();
-      }
+            var newNote = new Notification(params),
+                offset = Wick.OfferBanner ? Wick.OfferBanner.$element.outerHeight(true) : 0,
+                stickyHeaderOffset = $('body.tp-app').length
+                    ? $('.sticky-header-wrapper').height() || 0
+                    : 0;
 
-      var newNote = new Notification(params),
-          offset = (Wick.OfferBanner ? Wick.OfferBanner.$element.outerHeight(true) : 0),
-          stickyHeaderOffset = ($('body.tp-app').length ? $('.sticky-header-wrapper').height() || 0 : 0);
+            if (params.noScrolling === undefined) {
+                $('html, body').animate(
+                    { scrollTop: newNote.$self.offset()?.top - offset - stickyHeaderOffset - 30 },
+                    300
+                );
+            }
 
-      if (params.noScrolling === undefined) {
-        $('html, body').animate({ scrollTop: newNote.$self.offset()?.top - offset - stickyHeaderOffset - 30 }, 300);
-      }
-
-      if (params.temporary !== undefined) {
-        setTimeout(function () {
-          newNote.hide();
-        }, params.delay ? params.delay : 5000)
-      }
-      return newNote;
-    }
-  };
+            if (params.temporary !== undefined) {
+                setTimeout(
+                    function () {
+                        newNote.hide();
+                    },
+                    params.delay ? params.delay : 5000
+                );
+            }
+            return newNote;
+        },
+    };
 })();

package/src/js/components/general/switchVat.js

@@ -1,164 +1,161 @@
 var Wick = window.Wick || {};
 
 Wick.VatToggle = {
-  VAT_COOKIE: 'isVatChecked',
-  TOGGLE_VAT_EVENT_NAME: 'toggleVat',
-  HIDDEN_CLASS_NAME: 'd-none',
-  el: {
-    switchVatLabel: '.switch-vat-label',
-    includingVat: '.including-vat',
-    excludingVat: '.excluding-vat',
-    includingVatGlobalClass: 'including-vat-global',
-    excludingVatGlobalClass: 'excluding-vat-global',
-    switchVatInput: '.switch-vat input',
-    isHidden: 'd-none',
-    switchLabelCheckedClass: 'switch-label__checked',
-  },
-
-  toggle: function () {
-    const newSwitcherValue = !Wick.VatToggle.isOn();
-
-    Wick.VatToggle.setLabelState();
-    Wick.VatToggle.setSwitcherState(newSwitcherValue);
-
-    Wick.VatToggle.setCookie(Wick.VatToggle.VAT_COOKIE, newSwitcherValue);
-
-    const event = Wick.VatToggle.createToggleEvent(newSwitcherValue);
-    window.dispatchEvent(event);
-  },
-
-  setLabelState: function() {
-    Wick.VatToggle.toggleLabelClass();
-  },
-
-  setSwitcherState: function(isToggled) {
-    $(Wick.VatToggle.el.switchVatInput).attr('checked', isToggled);
-  },
-
-  getSwitcherState: function() {
-    if ($(Wick.VatToggle.el.switchVatInput).length) {
-      return !!$(Wick.VatToggle.el.switchVatInput).attr('checked');
-    } else {
-      return null;
-    }
-  },
-
-  createToggleEvent: function(isToggled) {
-    return new CustomEvent(Wick.VatToggle.TOGGLE_VAT_EVENT_NAME, {
-      detail: { toggled: isToggled },
-    });
-  },
-
-  toggleLabelClass: function () {
-    $(Wick.VatToggle.el.switchVatLabel).toggleClass(Wick.VatToggle.el.switchLabelCheckedClass);
-  },
-
-  isToggleVatAvailable: function() {
-    //added so that it doesn't trigger in the local environment
-    if (!Wick.checkLocalEnv) {
-      return window.ACC.app.isVatToggleAvailable;
-    }
-  },
-
-  isOn: function () {
-    return !!Wick.VatToggle.getCookie(Wick.VatToggle.VAT_COOKIE);
-  },
-
-  toggleDisplayClass: function () {
-    const includingVatEl = Wick.VatToggle.el.includingVat;
-    const excludingVat = Wick.VatToggle.el.excludingVat;
-    const hiddenClassName = Wick.VatToggle.HIDDEN_CLASS_NAME;
-
-    $(includingVatEl).toggleClass(hiddenClassName);
-    $(excludingVat).toggleClass(hiddenClassName);
-  },
-  reapplyDisplayClass: function () {
-    const includingVatEl = Wick.VatToggle.el.includingVat;
-    const excludingVatEl = Wick.VatToggle.el.excludingVat;
-    const hiddenClassName = Wick.VatToggle.HIDDEN_CLASS_NAME;
-
-    let vatState = null;
-
-    // check switcher state for web or cookie for app
-    if (Wick.VatToggle.getSwitcherState() !== null) {
-      vatState = Wick.VatToggle.getSwitcherState();
-    } else {
-      vatState = Wick.VatToggle.isOn();
-    }
-
-    if (vatState) {
-      $(includingVatEl).addClass(hiddenClassName);
-      $(excludingVatEl).removeClass(hiddenClassName);
-    } else {
-      $(includingVatEl).removeClass(hiddenClassName);
-      $(excludingVatEl).addClass(hiddenClassName);
-    }
-  },
-
-  updateGlobalClass: function () {
-    const includingVatGlobal = Wick.VatToggle.el.includingVatGlobalClass;
-    const excludingVatGlobal = Wick.VatToggle.el.excludingVatGlobalClass;
-
-    if (Wick.VatToggle.isOn()) {
-      $('body').removeClass(includingVatGlobal).addClass(excludingVatGlobal);
-    } else {
-      $('body').removeClass(excludingVatGlobal).addClass(includingVatGlobal);
-    }
-  },
-
-  getCookie: function(cookieName) {
-    const cookie = decodeURIComponent(document.cookie)
-      .split(';')
-      .map((cookie = '') => cookie.trim())
-      .find((cookie = '') => cookie.startsWith(`${cookieName}=`));
-
-    if(cookie) {
-      const cookieValue = cookie.replace(`${cookieName}=`, '');
-      return covertStringBooleanToBoolean(cookieValue);
-    }
-
-    return '';
-  },
-
-  setCookie: function(cookie, value) {
-    const cookiesString = (`${cookie}=${encodeURIComponent(value)};path=/`);
-    document.cookie = cookiesString;
-  },
-
-  init: function() {
-    const isVatShouldBeToggled = Wick.VatToggle.isOn();
-    const isVatToggled = !!Wick.VatToggle.getSwitcherState();
-
-    if(isVatShouldBeToggled) {
-      Wick.VatToggle.setLabelState();
-    }
-    Wick.VatToggle.setSwitcherState(isVatShouldBeToggled);
-    Wick.VatToggle.updateGlobalClass();
-
-    $(Wick.VatToggle.el.switchVatInput).on('change', Wick.VatToggle.toggle);
-
-    $(window).on(Wick.VatToggle.TOGGLE_VAT_EVENT_NAME, function (e) {
-      Wick.VatToggle.toggleDisplayClass();
-      Wick.VatToggle.updateGlobalClass();
-    })
-
-    if(isVatShouldBeToggled !== isVatToggled) {
-      const event = Wick.VatToggle.createToggleEvent(isVatShouldBeToggled);
-      window.dispatchEvent(event);
-    }
-  }
+    VAT_COOKIE: 'isVatChecked',
+    TOGGLE_VAT_EVENT_NAME: 'toggleVat',
+    HIDDEN_CLASS_NAME: 'd-none',
+    el: {
+        switchVatLabel: '.switch-vat-label',
+        includingVat: '.including-vat',
+        excludingVat: '.excluding-vat',
+        includingVatGlobalClass: 'including-vat-global',
+        excludingVatGlobalClass: 'excluding-vat-global',
+        switchVatInput: '.switch-vat input',
+        isHidden: 'd-none',
+        switchLabelCheckedClass: 'switch-label__checked',
+    },
+
+    toggle: function () {
+        const newSwitcherValue = !Wick.VatToggle.isOn();
+
+        Wick.VatToggle.setLabelState();
+        Wick.VatToggle.setSwitcherState(newSwitcherValue);
+
+        Wick.VatToggle.setCookie(Wick.VatToggle.VAT_COOKIE, newSwitcherValue);
+
+        const event = Wick.VatToggle.createToggleEvent(newSwitcherValue);
+        window.dispatchEvent(event);
+    },
+
+    setLabelState: function () {
+        Wick.VatToggle.toggleLabelClass();
+    },
+
+    setSwitcherState: function (isToggled) {
+        $(Wick.VatToggle.el.switchVatInput).attr('checked', isToggled);
+    },
+
+    getSwitcherState: function () {
+        if ($(Wick.VatToggle.el.switchVatInput).length) {
+            return !!$(Wick.VatToggle.el.switchVatInput).attr('checked');
+        } else {
+            return null;
+        }
+    },
+
+    createToggleEvent: function (isToggled) {
+        return new CustomEvent(Wick.VatToggle.TOGGLE_VAT_EVENT_NAME, {
+            detail: { toggled: isToggled },
+        });
+    },
+
+    toggleLabelClass: function () {
+        $(Wick.VatToggle.el.switchVatLabel).toggleClass(Wick.VatToggle.el.switchLabelCheckedClass);
+    },
+
+    isToggleVatAvailable: function () {
+        return window.ACC.app.isVatToggleAvailable;
+    },
+
+    isOn: function () {
+        return !!Wick.VatToggle.getCookie(Wick.VatToggle.VAT_COOKIE);
+    },
+
+    toggleDisplayClass: function () {
+        const includingVatEl = Wick.VatToggle.el.includingVat;
+        const excludingVat = Wick.VatToggle.el.excludingVat;
+        const hiddenClassName = Wick.VatToggle.HIDDEN_CLASS_NAME;
+
+        $(includingVatEl).toggleClass(hiddenClassName);
+        $(excludingVat).toggleClass(hiddenClassName);
+    },
+    reapplyDisplayClass: function () {
+        const includingVatEl = Wick.VatToggle.el.includingVat;
+        const excludingVatEl = Wick.VatToggle.el.excludingVat;
+        const hiddenClassName = Wick.VatToggle.HIDDEN_CLASS_NAME;
+
+        let vatState = null;
+
+        // check switcher state for web or cookie for app
+        if (Wick.VatToggle.getSwitcherState() !== null) {
+            vatState = Wick.VatToggle.getSwitcherState();
+        } else {
+            vatState = Wick.VatToggle.isOn();
+        }
+
+        if (vatState) {
+            $(includingVatEl).addClass(hiddenClassName);
+            $(excludingVatEl).removeClass(hiddenClassName);
+        } else {
+            $(includingVatEl).removeClass(hiddenClassName);
+            $(excludingVatEl).addClass(hiddenClassName);
+        }
+    },
+
+    updateGlobalClass: function () {
+        const includingVatGlobal = Wick.VatToggle.el.includingVatGlobalClass;
+        const excludingVatGlobal = Wick.VatToggle.el.excludingVatGlobalClass;
+
+        if (Wick.VatToggle.isOn()) {
+            $('body').removeClass(includingVatGlobal).addClass(excludingVatGlobal);
+        } else {
+            $('body').removeClass(excludingVatGlobal).addClass(includingVatGlobal);
+        }
+    },
+
+    getCookie: function (cookieName) {
+        const cookie = decodeURIComponent(document.cookie)
+            .split(';')
+            .map((cookie = '') => cookie.trim())
+            .find((cookie = '') => cookie.startsWith(`${cookieName}=`));
+
+        if (cookie) {
+            const cookieValue = cookie.replace(`${cookieName}=`, '');
+            return covertStringBooleanToBoolean(cookieValue);
+        }
+
+        return '';
+    },
+
+    setCookie: function (cookie, value) {
+        const cookiesString = `${cookie}=${encodeURIComponent(value)};path=/`;
+        document.cookie = cookiesString;
+    },
+
+    init: function () {
+        const isVatShouldBeToggled = Wick.VatToggle.isOn();
+        const isVatToggled = !!Wick.VatToggle.getSwitcherState();
+
+        if (isVatShouldBeToggled) {
+            Wick.VatToggle.setLabelState();
+        }
+        Wick.VatToggle.setSwitcherState(isVatShouldBeToggled);
+        Wick.VatToggle.updateGlobalClass();
+
+        $(Wick.VatToggle.el.switchVatInput).on('change', Wick.VatToggle.toggle);
+
+        $(window).on(Wick.VatToggle.TOGGLE_VAT_EVENT_NAME, function () {
+            Wick.VatToggle.toggleDisplayClass();
+            Wick.VatToggle.updateGlobalClass();
+        });
+
+        if (isVatShouldBeToggled !== isVatToggled) {
+            const event = Wick.VatToggle.createToggleEvent(isVatShouldBeToggled);
+            window.dispatchEvent(event);
+        }
+    },
 };
 
 function covertStringBooleanToBoolean(stringBoolean) {
-  if (stringBoolean === 'true') {
-    return true;
-  }
-  if (stringBoolean === 'false') {
-    return false;
-  }
-  return stringBoolean;
+    if (stringBoolean === 'true') {
+        return true;
+    }
+    if (stringBoolean === 'false') {
+        return false;
+    }
+    return stringBoolean;
 }
 
 $(document).ready(function () {
-  Wick.VatToggle.init();
+    Wick.VatToggle.init();
 });

package/src/js/components/pdp-billie-modal-scroll-reset.js

@@ -2,52 +2,56 @@ var Wick = window.Wick || {};
 window.Wick = Wick;
 
 Wick.BillieModalScrollReset = (function () {
-  const MODAL_ID = '#billieLearnMoreModal';
-  const OPEN_LINK = '.billie__link[data-target="#billieLearnMoreModal"]';
-  const SCROLL_BODY = '.modal-body.modal-box__body';
-  const CONTENT = '.modal-content.modal-box__content';
-
-  function resetScroll($modal) {
-    if (!$modal || !$modal.length) {
-      return;
+    const MODAL_ID = '#billieLearnMoreModal';
+    const OPEN_LINK = '.billie__link[data-target="#billieLearnMoreModal"]';
+    const SCROLL_BODY = '.modal-body.modal-box__body';
+    const CONTENT = '.modal-content.modal-box__content';
+
+    function resetScroll($modal) {
+        if (!$modal || !$modal.length) {
+            return;
+        }
+
+        let bodyEl = $modal.find(SCROLL_BODY)[0];
+        if (bodyEl) {
+            bodyEl.scrollTop = 0;
+        }
+
+        $modal.find(CONTENT).attr('data-scroll-state', 'top');
     }
 
-    let bodyEl = $modal.find(SCROLL_BODY)[0];
-    if (bodyEl) {
-      bodyEl.scrollTop = 0;
+    function bindEvents($modal) {
+        $(document).on('click', OPEN_LINK, function () {
+            resetScroll($modal);
+        });
+
+        $(document).on('shown.bs.modal', MODAL_ID, function () {
+            resetScroll($modal);
+            requestAnimationFrame(function () {
+                resetScroll($modal);
+            });
+            setTimeout(function () {
+                resetScroll($modal);
+            }, 30);
+        });
+
+        $(document).on('hidden.bs.modal', MODAL_ID, function () {
+            resetScroll($modal);
+        });
     }
 
-    $modal.find(CONTENT).attr('data-scroll-state', 'top');
-  }
-
-  function bindEvents($modal) {
-    $(document).on('click', OPEN_LINK, function () {
-      resetScroll($modal);
-    });
-
-    $(document).on('shown.bs.modal', MODAL_ID, function () {
-      resetScroll($modal);
-      requestAnimationFrame(function () { resetScroll($modal); });
-      setTimeout(function () { resetScroll($modal); }, 30);
-    });
-
-    $(document).on('hidden.bs.modal', MODAL_ID, function () {
-      resetScroll($modal);
-    });
-  }
-
-  function init() {
-    $(function () {
-      let $modal = $(MODAL_ID);
-      if (!$modal.length) return;
-
-      bindEvents($modal);
-    });
-  }
-
-  return {
-    init: init,
-  };
+    function init() {
+        $(function () {
+            let $modal = $(MODAL_ID);
+            if (!$modal.length) return;
+
+            bindEvents($modal);
+        });
+    }
+
+    return {
+        init: init,
+    };
 })();
 
 Wick.BillieModalScrollReset.init();