wickes-css2 2.117.0-develop.1 → 2.117.0-develop.3

package/build/js/page/bloomreach-widget/why-not-add-widget.js

@@ -2,7 +2,7 @@ import { createBloomreachRecommendationCarouselWidget } from './bloomreach-recom
 
 const WhyNotAddWidget = createBloomreachRecommendationCarouselWidget({
     namespace: 'whyNotAdd',
-    title: 'Why not add',
+    title: 'You might also like',
     widgetContainer: '[data-why-not-add-widget]',
     disableAfterSuccess: false,
     disableAfterFailure: false,

package/build/js/page/components/store-locator.js

@@ -0,0 +1,165 @@
+var Wick = window.Wick || (window.Wick = {});
+
+Wick.StoreLocator = {
+    el: {
+        wrapper: '.store-locator-wrapper',
+        openSearch: '.locator__open-search',
+        formRow: '.form-row',
+        formRowError: '.form-row__error',
+        pageContainer: 'body.store-locator main.container',
+        postcode: '#postcode-town',
+        store: '#store-id',
+    },
+
+    classes: {
+        collapsed: 'store-locator_search-collapsed',
+        notification: 'store-locator__notification',
+        rowError: 'form-row_validation-error',
+    },
+
+    messages: {
+        postcode: 'Check that you entered a valid postcode or place name.',
+        geolocation:
+            'To search for the stores nearest you, please enable geolocation services on your device.',
+        store: 'Please choose a store.',
+    },
+
+    isDesktopLayout() {
+        return Wick.Responsive.getCurrentBreakpoint() === 'up-lg';
+    },
+
+    collapseSearch() {
+        if (!Wick.StoreLocator.isDesktopLayout()) {
+            return;
+        }
+
+        $(Wick.StoreLocator.el.wrapper).addClass(Wick.StoreLocator.classes.collapsed);
+    },
+
+    openSearch() {
+        $(Wick.StoreLocator.el.wrapper).removeClass(Wick.StoreLocator.classes.collapsed);
+    },
+
+    removeTopMessage() {
+        $(Wick.StoreLocator.el.pageContainer)
+            .children('.' + Wick.StoreLocator.classes.notification)
+            .remove();
+    },
+
+    removeFieldError(selector) {
+        const $field = $(selector);
+
+        if (!$field.length) {
+            return;
+        }
+
+        if (Wick.Validation && Wick.Validation.removeValidationError) {
+            Wick.Validation.removeValidationError($field);
+            return;
+        }
+
+        $field
+            .closest(Wick.StoreLocator.el.formRow)
+            .removeClass(Wick.StoreLocator.classes.rowError)
+            .find(Wick.StoreLocator.el.formRowError)
+            .remove();
+    },
+
+    showFieldError(selector, message) {
+        let $field = $(selector),
+            $row;
+
+        if (!$field.length) {
+            return;
+        }
+
+        Wick.StoreLocator.removeFieldError(selector);
+
+        if (Wick.Validation && Wick.Validation.displayValidationError) {
+            Wick.Validation.displayValidationError($field, message);
+            return;
+        }
+
+        $row = $field.closest(Wick.StoreLocator.el.formRow);
+        $row.addClass(Wick.StoreLocator.classes.rowError).append(
+            $('<div/>', {
+                class: 'form-row__error',
+                text: message,
+            })
+        );
+    },
+
+    showTopMessage(type, message, closeBtn) {
+        let notification;
+
+        Wick.StoreLocator.removeTopMessage();
+
+        if (!Wick.Notification || !Wick.Notification.show) {
+            return;
+        }
+
+        notification = Wick.Notification.show({
+            container: Wick.StoreLocator.el.pageContainer,
+            type: type,
+            text: message,
+            closeBtn: closeBtn,
+        });
+
+        if (notification && notification.$self) {
+            notification.$self.addClass(Wick.StoreLocator.classes.notification);
+        }
+    },
+
+    clearFeedback() {
+        Wick.StoreLocator.removeTopMessage();
+        Wick.StoreLocator.removeFieldError(Wick.StoreLocator.el.postcode);
+        Wick.StoreLocator.removeFieldError(Wick.StoreLocator.el.store);
+    },
+
+    showPostcodeError() {
+        Wick.StoreLocator.openSearch();
+        Wick.StoreLocator.clearFeedback();
+        Wick.StoreLocator.showTopMessage('error', Wick.StoreLocator.messages.postcode, false);
+        Wick.StoreLocator.showFieldError(
+            Wick.StoreLocator.el.postcode,
+            Wick.StoreLocator.messages.postcode
+        );
+    },
+
+    showGeolocationWarning() {
+        Wick.StoreLocator.openSearch();
+        Wick.StoreLocator.clearFeedback();
+        Wick.StoreLocator.showTopMessage('warning', Wick.StoreLocator.messages.geolocation, true);
+    },
+
+    showStoreSelectionError() {
+        Wick.StoreLocator.openSearch();
+        Wick.StoreLocator.clearFeedback();
+        Wick.StoreLocator.showTopMessage('error', Wick.StoreLocator.messages.store, false);
+        Wick.StoreLocator.showFieldError(
+            Wick.StoreLocator.el.store,
+            Wick.StoreLocator.messages.store
+        );
+    },
+
+    showResults() {
+        Wick.StoreLocator.clearFeedback();
+        Wick.StoreLocator.collapseSearch();
+    },
+
+    bindEvents() {
+        $(document).on('click', Wick.StoreLocator.el.openSearch, Wick.StoreLocator.openSearch);
+    },
+
+    init() {
+        Wick.StoreLocator.bindEvents();
+
+        var searched = new URLSearchParams(window.location.search).get('searched');
+
+        if (searched === 'true') {
+            Wick.StoreLocator.collapseSearch();
+        }
+    },
+};
+
+Wick.StoreLocator.init();