wickes-css2 2.109.0-develop.2 → 2.109.0-develop.4

package/build/js/page/components/notify-me.js

@@ -0,0 +1,99 @@
+import { showValidationErrors, clearValidationErrors, isValidEmail } from '../utils/validation';
+
+var Wick = window.Wick || {};
+
+Wick.NotifyMeSubscription = {
+    NOTIFY_ME_EVENT: 'NOTIFY_ME',
+    HIDDEN_CLASS_NAME: 'd-none',
+    el: {
+        notifyMePopup: '#modal-notify-me',
+        notifyMeBtn: '.btn--notify-open',
+
+        form: '#modal-notify-me .notify-me-form',
+        emailInput: '#modal-notify-me #notify-me-email',
+        stateForm: '#modal-notify-me [data-notify-state="form"]',
+        stateSuccess: '#modal-notify-me [data-notify-state="success"]',
+        headerForm: '#modal-notify-me [data-notify-header="form"]',
+        headerSuccess: '#modal-notify-me [data-notify-header="success"]',
+        productId: '#product-code-val',
+    },
+    defaultErrorMessage: 'Something went wrong',
+    invalidEmailMessage: 'Please enter a valid email address',
+    showCustomModal() {
+        $(Wick.NotifyMeSubscription.el.notifyMePopup).modal('show');
+    },
+    getEmail() {
+        return ($(Wick.NotifyMeSubscription.el.emailInput).val() || '').toString().trim();
+    },
+    isEmailValid() {
+        const email = Wick.NotifyMeSubscription.getEmail();
+
+        return isValidEmail(email);
+    },
+    showFormState() {
+        $(Wick.NotifyMeSubscription.el.stateSuccess).addClass(
+            Wick.NotifyMeSubscription.HIDDEN_CLASS_NAME
+        );
+        $(Wick.NotifyMeSubscription.el.stateForm).removeClass(
+            Wick.NotifyMeSubscription.HIDDEN_CLASS_NAME
+        );
+
+        $(Wick.NotifyMeSubscription.el.headerSuccess).addClass(
+            Wick.NotifyMeSubscription.HIDDEN_CLASS_NAME
+        );
+        $(Wick.NotifyMeSubscription.el.headerForm).removeClass(
+            Wick.NotifyMeSubscription.HIDDEN_CLASS_NAME
+        );
+    },
+    showSuccessState() {
+        $(Wick.NotifyMeSubscription.el.stateForm).addClass(
+            Wick.NotifyMeSubscription.HIDDEN_CLASS_NAME
+        );
+        $(Wick.NotifyMeSubscription.el.stateSuccess).removeClass(
+            Wick.NotifyMeSubscription.HIDDEN_CLASS_NAME
+        );
+
+        $(Wick.NotifyMeSubscription.el.headerForm).addClass(
+            Wick.NotifyMeSubscription.HIDDEN_CLASS_NAME
+        );
+        $(Wick.NotifyMeSubscription.el.headerSuccess).removeClass(
+            Wick.NotifyMeSubscription.HIDDEN_CLASS_NAME
+        );
+    },
+    resetValidation() {
+        clearValidationErrors(Wick.NotifyMeSubscription.el.form);
+    },
+    validateForm() {
+        Wick.NotifyMeSubscription.resetValidation();
+
+        if (!Wick.NotifyMeSubscription.isEmailValid()) {
+            showValidationErrors(
+                Wick.NotifyMeSubscription.el.form,
+                Wick.NotifyMeSubscription.invalidEmailMessage
+            );
+            return false;
+        }
+
+        return true;
+    },
+    showError(err = {}) {
+        const msg = err.errMsg || err.errorMessage || Wick.NotifyMeSubscription.defaultErrorMessage;
+
+        showValidationErrors(Wick.NotifyMeSubscription.el.form, msg);
+    },
+    init() {
+        $(document).on('click', Wick.NotifyMeSubscription.el.notifyMeBtn, function (e) {
+            e.preventDefault();
+            Wick.NotifyMeSubscription.showCustomModal();
+        });
+
+        $(Wick.NotifyMeSubscription.el.notifyMePopup).on('hidden.bs.modal', function () {
+            Wick.NotifyMeSubscription.showFormState();
+            clearValidationErrors(Wick.NotifyMeSubscription.el.form);
+        });
+    },
+};
+
+$(document).ready(function () {
+    Wick.NotifyMeSubscription.init();
+});

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

@@ -5,6 +5,7 @@ const osEl = {
     checkoutWidgetDetailsDiscount: '.checkout-widget__details-discount',
     checkoutWidgetDetails: '.checkout-widget__details',
     delivery: '.checkout-widget__item-delivery',
+    deliveryCostMessage: '.checkout-widget__item-delivery-cost-message',
     cc: '.checkout-widget__item-cc',
     itemFree: '.checkout-widget__item-free',
     itemDeficit: '.checkout-widget__item-deficit',
@@ -26,6 +27,22 @@ export function updateOrderSummary(data, equalMap, isVoucher) {
             }
         }
 
+        if (obj.item === osEl.delivery) {
+            $(osEl.delivery).each(function () {
+                if (
+                    !$(this).siblings(osEl.deliveryCostMessage).length &&
+                    !$(this).closest('[data-hide-delivery-cost-message]').length
+                ) {
+                    $(this).after(`
+                      <li class="checkout-widget__item checkout-widget__item-delivery-cost-message">
+                        <span class="checkout-widget__item-value" id="order-delivery-cost-message">
+                          Final delivery cost confirmed at checkout
+                        </span>
+                      </li>`);
+                }
+            });
+        }
+
         $(obj.item).find(obj.itemValue).text(obj.dataValue);
         if (isVoucher ? obj.dataValue : obj.value && obj.dataValue) {
             $(obj.item).find(obj.itemValue).show();
@@ -64,20 +81,37 @@ export function updateOrderSummary(data, equalMap, isVoucher) {
 }
 
 function createCheckoutWidgetItem(obj) {
+    const isDelivery = obj.item === osEl.delivery;
+    const hideMessage = $(osEl.checkoutWidgetDetails).closest(
+        '[data-hide-delivery-cost-message]'
+    ).length;
+    const costMessageExists = $(osEl.deliveryCostMessage).length > 0;
     return `
       <li class="checkout-widget__item ${obj.item.substr(1)}">
         <span>${obj.title}</span>
           <span class="checkout-widget__item-value">${obj.dataValue}</span>
       </li>
+      ${
+          isDelivery && !hideMessage && !costMessageExists
+              ? `
+      <li class="checkout-widget__item checkout-widget__item-delivery-cost-message">
+        <span class="checkout-widget__item-value" id="order-delivery-cost-message">
+          Final delivery cost confirmed at checkout
+        </span>
+      </li>`
+              : ''
+      }
     `;
 }
 
 function hideUnusedDeliveryTypeCost(data, isVoucher) {
     $(osEl.delivery).show();
+    $(osEl.deliveryCostMessage).show();
     $(osEl.cc).show();
     if (isVoucher) {
         if ('deliveryOrder' in data && data.deliveryOrder === false) {
             $(osEl.delivery).hide();
+            $(osEl.deliveryCostMessage).hide();
         }
 
         if ('clickAndCollectOrder' in data && data.clickAndCollectOrder === false) {
@@ -86,6 +120,7 @@ function hideUnusedDeliveryTypeCost(data, isVoucher) {
     } else {
         if (data.clickAndCollectOnly) {
             $(osEl.delivery).hide();
+            $(osEl.deliveryCostMessage).hide();
         } else if (data.deliveryItemsQuantity > 0 && data.pickupItemsQuantity === 0) {
             $(osEl.cc).hide();
         }