wickes-css2 2.109.0-develop.3 → 2.109.0-gift-cards.1

package/src/scss/pages/page_products-list-combined.scss

@@ -51,17 +51,10 @@ $color-bar-radius: 3px;
     margin-bottom: 20px;
     margin-top: 10px;
 
-    &__picture {
-      display: flex;
-    }
-
     &__image {
       display: block;
       max-width: 100%;
-    }
-
-    img.sponsor-top-banner__image {
-      width: 100%;
+      margin-bottom: 20px;
     }
   }
 

package/src/scss/pages/page_products-list.scss

@@ -39,18 +39,11 @@
   }
 
   .sponsor-top-banner {
-    &__picture {
-      display: flex;
-    }
-
     &__image {
+      margin-bottom: 20px;
       display: block;
       max-width: 100%;
     }
-
-    img.sponsor-top-banner__image {
-      width: 100%;
-    }
   }
 }
 

package/src/scss/pages/page_shopping-cart-v2.scss

@@ -16,6 +16,7 @@
     @include make-col-ready;
   }
 
+
   &__main,
   .content,
   .right-aside {
@@ -101,16 +102,6 @@
           display: flex;
         }
 
-        &:has(.checkout-widget__item-delivery-cost-message) {
-          .checkout-widget__item-charity {
-            order: 0;
-          }
-
-          .checkout-widget__voucher-accordion {
-            order: 2;
-          }
-        }
-
         .checkout-widget {
           &__item {
             &-bold {
@@ -137,6 +128,7 @@
             }
           }
 
+
           &__details-discount {
             order: 1;
           }
@@ -159,7 +151,7 @@
       .checkout-widget {
         &__item {
           font-weight: 400;
-          font-size: 0.875rem;
+          font-size: .875rem;
           padding: 10px 0;
           margin: 0;
 
@@ -183,6 +175,7 @@
             padding: 0;
           }
 
+
           &:not(.checkout-widget__item-vat) {
             margin-top: 0;
           }
@@ -195,34 +188,15 @@
             margin: 0;
             padding: 0 0 10px;
             color: $warm-grey;
-            font-size: 0.75rem;
+            font-size: .75rem;
             border-bottom: 1px solid #eee;
           }
-
-          &-delivery:has(+ .checkout-widget__item-delivery-cost-message) {
-            padding-bottom: 0;
-          }
-
-          &-delivery-cost-message {
-            padding-top: 0;
-            margin-top: 4px !important;
-            margin-bottom: 0;
-            justify-content: flex-end;
-
-            #order-delivery-cost-message {
-              @include font-size(10);
-              @include line-height(12);
-
-              font-weight: 700;
-              color: $squant;
-            }
-          }
         }
 
         &__detail {
           &-name {
             font-weight: 400;
-            font-size: 0.875rem;
+            font-size: .875rem;
 
             .accordion__header-icon-small {
               left: 75px;
@@ -232,7 +206,7 @@
 
           &-value {
             color: $gray-dark;
-            font-size: 0.875rem;
+            font-size: .875rem;
           }
         }
 
@@ -302,7 +276,7 @@
         & h5 {
           margin: 0;
           margin-top: 8px;
-          font-size: 0.875rem;
+          font-size: .875rem;
         }
       }
     }
@@ -383,6 +357,7 @@
             }
           }
         }
+
       }
     }
   }
@@ -560,6 +535,7 @@
   }
 }
 
+
 @include media-breakpoint-up(xl) {
   .basket {
     .checkout-title {

package/src/scss/pdp-main.scss

@@ -81,7 +81,6 @@
 @import 'components/billie-online-messaging';
 @import 'components/billie-modal';
 @import 'components/input-counter';
-@import 'components/notify-me-modal';
 
 // Pages
 @import 'pages/page_ti';

package/src/sitemap.html

@@ -990,6 +990,12 @@
                                 Page with Gift Cards
                             </a>
                         </li>
+                        <li>
+                            <span class="page-id">2</span>
+                            <a href="page_checkout_confirmation-gift-card.html" target="_blank">
+                                Gift Card Checkout - Confirmation new
+                            </a>
+                        </li>
                   </ul>
                 </div>
                 <div class="col">

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

@@ -1,99 +0,0 @@
-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/wickes-dc.js

@@ -1 +0,0 @@
-!function a(i,n,s){function o(t,e){if(!n[t]){if(!i[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(l)return l(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}r=n[t]={exports:{}},i[t][0].call(r.exports,function(e){return o(i[t][1][e]||e)},r,r.exports,a,i,n,s)}return n[t].exports}for(var l="function"==typeof require&&require,e=0;e<s.length;e++)o(s[e]);return o}({1:[function(e,t,r){"use strict";$(document).ready(function(){$(".header-right-wrapp .header-right__item:eq(-2)").after('<li class="header-right__item"><a href="#" class="header-right__link swal-confirm"><span class="btn__text"><i class="fas fa-trash fa-2x"></i></span><span class="header-right__link-title">Empty</span></a></li>'),$(".header-mobileicon a:eq(-1)").after('<a class="trash-button-dc swal-confirm" href="#"><div class="btn btn-primary header-shop-list"><span class="icon"><i class="svg-inline--fa fas fa-trash fa-w-12 fa-lg"></i></span></div></a>'),$("head").append("<script src='https://unpkg.com/sweetalert/dist/sweetalert.min.js'><\/script>"),$("head").append("<style>@media (max-width: 399px) { .trash-button-dc { display: none; } }</style>"),"ontouchstart"in window&&$(".trash-button-dc .btn").removeClass("btn-primary");$(".swal-confirm").click(function(e){e.preventDefault(),swal({title:"Are you sure?",text:"You will remove all the items from the basket, including any vouchers applied.",buttons:!0,dangerMode:!0}).then(function(e){e&&($("body").append('<div class="loader-wrapper loader-wrapper--full-page">    <div class="loader-container">      <div class="loader"></div>      <div class="loader-message">Removing items from your basket</div>    </div>  </div>'),$.post("/cart/clear").fail(function(){swal({title:"Error",text:"Failed to remove items from the basket.",dangerMode:!0}),$(".loader-wrapper").remove()}).done(function(){location.reload()}))})})})},{}]},{},[1]);

package/src/components/modals/notify-me-modal.hbs

@@ -1,76 +0,0 @@
-{{#extend "modal"
-          id="modal-notify-me"
-          fullWidth=false
-          wide=true
-          backdrop=true
-          title=""
-          showCloseBtn=true
-          classMod=mod
-}}
-  {{#content "header"}}
-    <div class="notify-me__header">
-      <h3 class="modal-title modal-box__title"
-          data-notify-header="form">
-        <span class="icon-wrap">
-          <i class="fas fa-bell icon"></i>
-        </span>
-        Notify me when this product is back in stock
-      </h3>
-
-      <h3 class="modal-title modal-box__title d-none"
-          data-notify-header="success">
-        <i class="fas fa-check-circle text-success icon"></i>
-        You will receive an email when the product is back in stock
-      </h3>
-    </div>
-  {{/content}}
-
-  {{#content "sections"}}
-    {{#extend "modal-body-section"}}
-      {{#content "body"}}
-        <div class="notify-me" data-notify-root>
-          <div class="notify-me__state notify-me__state--form" data-notify-state="form">
-            <form class="notify-me-form" novalidate>
-              {{> form-row type="email" id="notify-me-email" name="email" label="Email address" value="test@test.com" required="true"}}
-
-              <p class="notify-me-form__note">
-                By providing your email address, you agree to receive email notifications until your product is back in
-                stock.
-                Your email will not be stored for any other purpose.
-              </p>
-
-              <div class="notify-me-form__ctas">
-                {{> base/button
-                text="Notify me"
-                modification="btn-primary btn--notify-submit"
-                type="submit"
-                }}
-                <button class="btn btn-outline-primary btn--notify-cancel" type="button" data-dismiss="modal">
-                  Cancel
-                </button>
-              </div>
-            </form>
-          </div>
-
-          <div class="notify-me__state notify-me__state--success d-none" data-notify-state="success">
-            <div class="notify-me__success">
-              <div class="notify-me-result">
-                <img
-                  src="./img/tile-buying-guide.jpg"
-                  alt="Wickes General Purpose Claw Hammer - 16oz"
-                  class="notify-me-result__img">
-                <p class="notify-me-result__title">
-                  Wickes General Purpose Claw Hammer - 16oz
-                </p>
-              </div>
-
-              <button class="btn btn-outline-primary btn--notify-close" type="button" data-dismiss="modal">
-                Close
-              </button>
-            </div>
-          </div>
-        </div>
-      {{/content}}
-    {{/extend}}
-  {{/content}}
-{{/extend}}

package/src/components/sponsor-top-banner.hbs

@@ -1,10 +0,0 @@
-{{#if search-result_v2.sponsor-top-banner}}
-<div class="sponsor-top-banner sponsored-ad">
-  <a class="sponsor-top-banner__link" href="{{search-result_v2.sponsor-top-banner.href}}">
-    <picture class="sponsor-top-banner__picture">
-      <source class="sponsor-top-banner__image" srcset="{{#if search-result_v2.sponsor-top-banner.mobile-src}}{{search-result_v2.sponsor-top-banner.mobile-src}}{{else}}{{search-result_v2.sponsor-top-banner.src}}{{/if}}" media="(max-width: 768px)">
-      <img class="sponsor-top-banner__image" src="{{search-result_v2.sponsor-top-banner.src}}" alt="banner">
-    </picture>
-  </a>
-</div>
-{{/if}}

package/src/js/emulation/notify-me.js

@@ -1,9 +0,0 @@
-function initNotifyMeEmulation() {
-    $(document).on('submit', Wick.NotifyMeSubscription.el.form, () =>
-        Wick.NotifyMeSubscription.showSuccessState()
-    );
-}
-
-$(document).ready(function () {
-    initNotifyMeEmulation();
-});

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

@@ -1,99 +0,0 @@
-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/src/scss/components/_notify-me-modal.scss

@@ -1,139 +0,0 @@
-.modal-notify-me {
-  .modal-dialog {
-    height: 100%;
-    margin: 0 auto;
-    max-width: 100%;
-  }
-
-  &.modal-box_wide {
-    .modal-box__columns {
-      max-width: 520px;
-      padding: 0;
-    }
-  }
-
-  .modal-box__inner-row {
-    margin: 0;
-
-    .modal-box__inner-columns {
-      padding: 0;
-      max-width: 100%;
-      flex: 0 0 100%;
-    }
-  }
-
-  .modal-header {
-    padding: 16px 35px 16px 24px;
-
-    .modal-title {
-      @include font-size(18);
-      @include line-height(24);
-      color: $gray-dark;
-      font-weight: 700;
-      display: flex;
-      align-items: center;
-      gap: 14px;
-
-      .icon-wrap {
-        width: 40px;
-        height: 40px;
-      }
-
-      .icon {
-        @include font-size(30);
-        color: $blue;
-        height: auto;
-      }
-    }
-
-    .close {
-      opacity: 1;
-      outline: 0;
-      right: 10px;
-    }
-
-    &:after {
-      left: 0;
-      right: 0;
-    }
-  }
-
-  .modal-body {
-    padding: 24px;
-
-    .form-row__label {
-      margin-bottom: 8px;
-    }
-
-    .notify-me-form {
-      &__note {
-        @include font-size(12);
-        @include line-height(16);
-        color: $squant;
-        font-weight: 400;
-        margin-bottom: 0;
-      }
-
-      &__ctas {
-        margin-top: 40px;
-        display: flex;
-        gap: 16px;
-
-        & > div {
-          display: contents;
-        }
-      }
-    }
-
-    .notify-me-result {
-      display: flex;
-      align-items: center;
-      gap: 15px;
-
-      &__img {
-        width: 64px;
-        height: 64px;
-        object-fit: cover;
-      }
-
-      &__title {
-        @include font-size(14);
-        @include line-height(22);
-        font-weight: 700;
-      }
-
-      & + .btn--notify-close {
-        margin-top: 40px;
-      }
-    }
-  }
-}
-
-@include media-breakpoint-down(xl) {
-  .modal-notify-me {
-    height: auto;
-    margin: 40px 16px 0;
-
-    &.modal-box_full .modal-box__inner-row {
-      margin: 0;
-    }
-
-    .modal-body {
-      .form-row {
-        padding: 0;
-        margin: 0 0 16px;
-      }
-
-      .form-row__label,
-      .form-row__field,
-      .form-row__error {
-        padding: 0;
-      }
-    }
-
-    .modal-body .notify-me-form__ctas,
-    .notify-me-result .btn--notify-close {
-      margin-top: 32px;
-    }
-  }
-}