wickes-css2 2.107.0-test.1 → 2.108.0

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

@@ -256,7 +256,7 @@ $color-bar-radius: 3px;
     margin-right: -5px;
     margin-left: -5px;
     margin-top: 0;
-    padding-top: 40px;
+    padding-top: 20px;
     overflow-x: hidden;
   }
 
@@ -279,20 +279,6 @@ $color-bar-radius: 3px;
     padding: 3px 5px;
   }
 
-  .card {
-    &:nth-of-type(1)::before,
-    &:nth-of-type(2)::before {
-      @include media-breakpoint-down(sm) {
-        content: '';
-        position: absolute;
-        top: -20px;
-        left: 5px;
-        width: calc(100% - 10px);
-        border-bottom: 1px solid $gray;
-      }
-    }
-  }
-
   .card {
     @include media-breakpoint-down(sm) {
       margin-bottom: 20px;
@@ -300,24 +286,11 @@ $color-bar-radius: 3px;
       display: inline-block;
       vertical-align: top;
       max-width: 50%;
-      margin-right: -4px;
       padding-left: 5px;
       padding-right: 5px;
       width: 50%;
     }
 
-    &:nth-of-type(1)::before,
-    &:nth-of-type(2)::before {
-      @include media-breakpoint-down(sm) {
-        content: '';
-        position: absolute;
-        top: -20px;
-        left: 5px;
-        width: calc(100% - 10px);
-        border-bottom: 1px solid $gray;
-      }
-    }
-
     &__inner-v2.card__inner-v2.card__inner-v2 {
       padding-bottom: 0;
 

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

@@ -1,13 +1,11 @@
 @import '../helpers/helpers';
 
-
 .products-list-v2 {
-
   @include media-breakpoint-down(sm) {
     margin-right: -5px;
     margin-left: -5px;
     margin-top: 0;
-    padding-top: 40px;
+    padding-top: 20px;
     overflow-x: hidden;
   }
 
@@ -17,7 +15,7 @@
     font-size: 1rem;
 
     @include media-breakpoint-down(sm) {
-      font-size: .875rem;
+      font-size: 0.875rem;
     }
   }
 
@@ -31,28 +29,13 @@
   }
 
   .card {
-
     @include media-breakpoint-down(sm) {
       position: relative;
       display: inline-block;
       vertical-align: top;
       max-width: 50%;
-      margin-right: -4px;
       padding-left: 5px;
       padding-right: 5px;
-
-    }
-
-    &:nth-of-type(1)::before,
-    &:nth-of-type(2)::before {
-      @include media-breakpoint-down(sm) {
-        content: '';
-        position: absolute;
-        top: -20px;
-        left: 5px;
-        width: calc(100% - 10px);
-        border-bottom: 1px solid $gray;
-      }
     }
   }
 }

package/src/sitemap.html

@@ -527,6 +527,7 @@
                         <li><h5 class="mb-0">Account Pages Redesign</h5></li>
                         <li><span class="page-id">5.15</span><a href="page_my-account.html" target="_blank">My Account DIY</a></li>
                         <li><a href="page_my-account-installer.html" target="_blank">My Account Installer</a></li>
+                        <li><a href="page_my-account-installer-carousel.html" target="_blank">My Account Installer Carousel</a></li>
                         <li><a href="page_my-account-trade-pro.html" target="_blank">My Account TradePro</a></li>
                         <li><a href="page_my-account-trade-pro-carousel.html" target="_blank">My Account TradePro Carousel</a></li>
                         <li><a href="page_my-account-trade-pro-carousel-double.html" target="_blank">My Account TradePro Carousel Double</a></li>
@@ -989,12 +990,6 @@
                                 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/img/payment/checkout/giftcard.svg

@@ -1,28 +0,0 @@
-<svg width="36" height="23" viewBox="0 0 36 23" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_9103_110194)">
-<rect width="36" height="22.5" rx="2.25" fill="white"/>
-<path d="M31.875 19.5C29.625 19.125 27.375 15.75 27.375 15.75C27.375 15.75 25.5 18.75 23.25 19.5" stroke="#004587" stroke-width="1.35"/>
-<path d="M22.3396 13.7778C23.0733 14.7513 24.6901 15.0189 26.4425 15.3385C26.4181 13.8977 26.0629 12.4876 25.3293 11.514C24.5957 10.5405 23.4966 10.1294 22.523 10.863C21.5495 11.5966 21.606 12.8042 22.3396 13.7778Z" fill="white" stroke="#004587" stroke-width="1.35"/>
-<path d="M32.3733 13.7778C31.6396 14.7513 30.0228 15.0189 28.2703 15.3385C28.2948 13.8977 28.65 12.4876 29.3836 11.514C30.1172 10.5405 31.2163 10.1294 32.1899 10.863C33.1634 11.5966 33.1069 12.8042 32.3733 13.7778Z" fill="white" stroke="#004587" stroke-width="1.35"/>
-<g clip-path="url(#clip1_9103_110194)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 0V9.15602L12.3866 11.2286L22.532 9.13257V0H2.25Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2.92773 0.664062V8.61365L12.3876 10.5436L21.8607 8.61276V0.664062H2.92773Z" fill="#004587"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.8332 5.78902C11.8267 5.56557 11.6264 5.40914 11.4047 5.40914C10.9115 5.40914 10.8341 5.82081 10.8341 6.18699C10.8341 6.52756 10.9838 6.87855 11.3563 6.87855C11.6619 6.87855 11.8167 6.70611 11.8583 6.42585H12.7143C12.6351 7.13387 12.0747 7.53996 11.3623 7.53996C10.5538 7.53996 9.95312 6.99672 9.95312 6.18699C9.95312 5.34674 10.4972 4.74609 11.3623 4.74609C12.0287 4.74609 12.6251 5.09351 12.686 5.78902H11.8332Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.8652 3.83203H13.7461V5.70404L14.5498 4.82462H15.5691L14.5857 5.82161L15.6932 7.46473H14.6312L13.9753 6.40141L13.7461 6.61964V7.46473H12.8652V3.83203Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3009 6.35415C16.3162 6.71482 16.5282 6.95472 16.9022 6.95472C17.1135 6.95472 17.3203 6.85867 17.4044 6.66523H18.2271C18.0667 7.2766 17.491 7.53988 16.8903 7.53988C16.0166 7.53988 15.4199 7.02211 15.4199 6.13711C15.4199 5.32686 16.079 4.74609 16.8697 4.74609C17.8325 4.74609 18.3146 5.45947 18.2734 6.35415H16.3009ZM17.3928 5.87166C17.3778 5.57584 17.1651 5.33177 16.8697 5.33177C16.5594 5.33177 16.3526 5.55068 16.301 5.87166H17.3928Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M19.1879 6.59204C19.1879 6.72636 19.2428 6.82286 19.3324 6.88801C19.4145 6.94929 19.5336 6.98048 19.6585 6.98048C19.8295 6.98048 20.0734 6.91005 20.0734 6.69971C20.0734 6.49599 19.798 6.45675 19.6436 6.42071C19.0882 6.28297 18.3948 6.26592 18.3948 5.55634C18.3948 4.92099 19.0939 4.74609 19.6225 4.74609C20.2134 4.74609 20.8282 4.91504 20.86 5.60265H20.0463C20.0463 5.48933 20.0061 5.41889 19.9327 5.37154C19.8592 5.32679 19.7627 5.30482 19.6537 5.30482C19.5079 5.30482 19.276 5.32128 19.276 5.50489C19.276 5.75387 19.8658 5.79967 20.2703 5.88522C20.8122 5.99281 20.9534 6.37909 20.9534 6.59882C20.9534 7.30713 20.2703 7.53988 19.6638 7.53988C19.026 7.53988 18.3737 7.3323 18.3477 6.59204H19.1879Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.78099 7.46473H6.81584L6.30981 4.96222H6.29784L5.79173 7.46473H4.81408L3.81445 3.83203H4.77611L5.30124 6.48651H5.31011L5.85305 3.83203H6.75878L7.30308 6.48651H7.31323L7.83632 3.83203H8.79896L7.78099 7.46473Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.86499 4.49387H9.74677V3.83202H8.86499V4.49387ZM8.86499 7.46479H9.74677V4.82461H8.86499V7.46479Z" fill="white"/>
-</g>
-<path d="M27.375 0V16.125M27.375 22.5V16.125M27.375 16.125H35.625M27.375 16.125H0.75" stroke="#004587" stroke-width="1.35"/>
-</g>
-<rect x="0.375" y="0.375" width="35.25" height="21.75" rx="1.875" stroke="#CCCCCC" stroke-width="0.75"/>
-<defs>
-<clipPath id="clip0_9103_110194">
-<rect width="36" height="22.5" rx="2.25" fill="white"/>
-</clipPath>
-<clipPath id="clip1_9103_110194">
-<rect width="20.25" height="11.2277" fill="white" transform="translate(2.25)"/>
-</clipPath>
-</defs>
-</svg>

package/build/img/payment/footer/giftcard.svg

@@ -1,28 +0,0 @@
-<svg width="36" height="23" viewBox="0 0 36 23" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_9103_110194)">
-<rect width="36" height="22.5" rx="2.25" fill="white"/>
-<path d="M31.875 19.5C29.625 19.125 27.375 15.75 27.375 15.75C27.375 15.75 25.5 18.75 23.25 19.5" stroke="#004587" stroke-width="1.35"/>
-<path d="M22.3396 13.7778C23.0733 14.7513 24.6901 15.0189 26.4425 15.3385C26.4181 13.8977 26.0629 12.4876 25.3293 11.514C24.5957 10.5405 23.4966 10.1294 22.523 10.863C21.5495 11.5966 21.606 12.8042 22.3396 13.7778Z" fill="white" stroke="#004587" stroke-width="1.35"/>
-<path d="M32.3733 13.7778C31.6396 14.7513 30.0228 15.0189 28.2703 15.3385C28.2948 13.8977 28.65 12.4876 29.3836 11.514C30.1172 10.5405 31.2163 10.1294 32.1899 10.863C33.1634 11.5966 33.1069 12.8042 32.3733 13.7778Z" fill="white" stroke="#004587" stroke-width="1.35"/>
-<g clip-path="url(#clip1_9103_110194)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 0V9.15602L12.3866 11.2286L22.532 9.13257V0H2.25Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2.92773 0.664062V8.61365L12.3876 10.5436L21.8607 8.61276V0.664062H2.92773Z" fill="#004587"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.8332 5.78902C11.8267 5.56557 11.6264 5.40914 11.4047 5.40914C10.9115 5.40914 10.8341 5.82081 10.8341 6.18699C10.8341 6.52756 10.9838 6.87855 11.3563 6.87855C11.6619 6.87855 11.8167 6.70611 11.8583 6.42585H12.7143C12.6351 7.13387 12.0747 7.53996 11.3623 7.53996C10.5538 7.53996 9.95312 6.99672 9.95312 6.18699C9.95312 5.34674 10.4972 4.74609 11.3623 4.74609C12.0287 4.74609 12.6251 5.09351 12.686 5.78902H11.8332Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.8652 3.83203H13.7461V5.70404L14.5498 4.82462H15.5691L14.5857 5.82161L15.6932 7.46473H14.6312L13.9753 6.40141L13.7461 6.61964V7.46473H12.8652V3.83203Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3009 6.35415C16.3162 6.71482 16.5282 6.95472 16.9022 6.95472C17.1135 6.95472 17.3203 6.85867 17.4044 6.66523H18.2271C18.0667 7.2766 17.491 7.53988 16.8903 7.53988C16.0166 7.53988 15.4199 7.02211 15.4199 6.13711C15.4199 5.32686 16.079 4.74609 16.8697 4.74609C17.8325 4.74609 18.3146 5.45947 18.2734 6.35415H16.3009ZM17.3928 5.87166C17.3778 5.57584 17.1651 5.33177 16.8697 5.33177C16.5594 5.33177 16.3526 5.55068 16.301 5.87166H17.3928Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M19.1879 6.59204C19.1879 6.72636 19.2428 6.82286 19.3324 6.88801C19.4145 6.94929 19.5336 6.98048 19.6585 6.98048C19.8295 6.98048 20.0734 6.91005 20.0734 6.69971C20.0734 6.49599 19.798 6.45675 19.6436 6.42071C19.0882 6.28297 18.3948 6.26592 18.3948 5.55634C18.3948 4.92099 19.0939 4.74609 19.6225 4.74609C20.2134 4.74609 20.8282 4.91504 20.86 5.60265H20.0463C20.0463 5.48933 20.0061 5.41889 19.9327 5.37154C19.8592 5.32679 19.7627 5.30482 19.6537 5.30482C19.5079 5.30482 19.276 5.32128 19.276 5.50489C19.276 5.75387 19.8658 5.79967 20.2703 5.88522C20.8122 5.99281 20.9534 6.37909 20.9534 6.59882C20.9534 7.30713 20.2703 7.53988 19.6638 7.53988C19.026 7.53988 18.3737 7.3323 18.3477 6.59204H19.1879Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.78099 7.46473H6.81584L6.30981 4.96222H6.29784L5.79173 7.46473H4.81408L3.81445 3.83203H4.77611L5.30124 6.48651H5.31011L5.85305 3.83203H6.75878L7.30308 6.48651H7.31323L7.83632 3.83203H8.79896L7.78099 7.46473Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.86499 4.49387H9.74677V3.83202H8.86499V4.49387ZM8.86499 7.46479H9.74677V4.82461H8.86499V7.46479Z" fill="white"/>
-</g>
-<path d="M27.375 0V16.125M27.375 22.5V16.125M27.375 16.125H35.625M27.375 16.125H0.75" stroke="#004587" stroke-width="1.35"/>
-</g>
-<rect x="0.375" y="0.375" width="35.25" height="21.75" rx="1.875" stroke="#CCCCCC" stroke-width="0.75"/>
-<defs>
-<clipPath id="clip0_9103_110194">
-<rect width="36" height="22.5" rx="2.25" fill="white"/>
-</clipPath>
-<clipPath id="clip1_9103_110194">
-<rect width="20.25" height="11.2277" fill="white" transform="translate(2.25)"/>
-</clipPath>
-</defs>
-</svg>

package/build/js/toggle-password-visibility.min.js

@@ -1 +0,0 @@
-!function i(o,r,s){function u(t,e){if(!r[t]){if(!o[t]){var n="function"==typeof require&&require;if(!e&&n)return n(t,!0);if(a)return a(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}n=r[t]={exports:{}},o[t][0].call(n.exports,function(e){return u(o[t][1][e]||e)},n,n.exports,i,o,r,s)}return r[t].exports}for(var a="function"==typeof require&&require,e=0;e<s.length;e++)u(s[e]);return u}({1:[function(e,t,n){"use strict";var i=e("../utils/show-hide-input"),o=window.Wick||{};o.TogglePasswordVisibility={el:{$containers:$(".form-row[data-show-content] .input-wrap")},init:function(){this.el.$containers.length&&this.el.$containers.each(function(){(0,i.initializeInputToggle)($(this))})}},$(document).ready(function(){o.TogglePasswordVisibility.init()})},{"../utils/show-hide-input":2}],2:[function(e,t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.initializeInputToggle=function(e){var n=e.find("input"),i=e.find(".toggle-show");n.length&&i.length&&(e=function(){i.toggle(0<(n.val()||"").length)},i.off("click.passwordToggle mousedown.passwordToggle").on("mousedown.passwordToggle",function(e){e.preventDefault();var e="password"===String(n.attr("type")),t=(n.attr("type",e?"text":"password"),i.find("svg, i").first());t.length&&t.removeClass("fa-eye fa-eye-slash").addClass(e?"fa-eye":"fa-eye-slash")}),n.off("input.passwordToggle").on("input.passwordToggle",e),e())}},{}]},{},[1]);

package/src/data/data_checkout-giftcards.json

@@ -1,7 +0,0 @@
-{
-  "giftcards": [
-    "************92712",
-    "************18735",
-    "************76946"
-  ]
-}

package/src/img/payment/checkout/giftcard.svg

@@ -1,28 +0,0 @@
-<svg width="36" height="23" viewBox="0 0 36 23" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_9103_110194)">
-<rect width="36" height="22.5" rx="2.25" fill="white"/>
-<path d="M31.875 19.5C29.625 19.125 27.375 15.75 27.375 15.75C27.375 15.75 25.5 18.75 23.25 19.5" stroke="#004587" stroke-width="1.35"/>
-<path d="M22.3396 13.7778C23.0733 14.7513 24.6901 15.0189 26.4425 15.3385C26.4181 13.8977 26.0629 12.4876 25.3293 11.514C24.5957 10.5405 23.4966 10.1294 22.523 10.863C21.5495 11.5966 21.606 12.8042 22.3396 13.7778Z" fill="white" stroke="#004587" stroke-width="1.35"/>
-<path d="M32.3733 13.7778C31.6396 14.7513 30.0228 15.0189 28.2703 15.3385C28.2948 13.8977 28.65 12.4876 29.3836 11.514C30.1172 10.5405 31.2163 10.1294 32.1899 10.863C33.1634 11.5966 33.1069 12.8042 32.3733 13.7778Z" fill="white" stroke="#004587" stroke-width="1.35"/>
-<g clip-path="url(#clip1_9103_110194)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 0V9.15602L12.3866 11.2286L22.532 9.13257V0H2.25Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2.92773 0.664062V8.61365L12.3876 10.5436L21.8607 8.61276V0.664062H2.92773Z" fill="#004587"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.8332 5.78902C11.8267 5.56557 11.6264 5.40914 11.4047 5.40914C10.9115 5.40914 10.8341 5.82081 10.8341 6.18699C10.8341 6.52756 10.9838 6.87855 11.3563 6.87855C11.6619 6.87855 11.8167 6.70611 11.8583 6.42585H12.7143C12.6351 7.13387 12.0747 7.53996 11.3623 7.53996C10.5538 7.53996 9.95312 6.99672 9.95312 6.18699C9.95312 5.34674 10.4972 4.74609 11.3623 4.74609C12.0287 4.74609 12.6251 5.09351 12.686 5.78902H11.8332Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.8652 3.83203H13.7461V5.70404L14.5498 4.82462H15.5691L14.5857 5.82161L15.6932 7.46473H14.6312L13.9753 6.40141L13.7461 6.61964V7.46473H12.8652V3.83203Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3009 6.35415C16.3162 6.71482 16.5282 6.95472 16.9022 6.95472C17.1135 6.95472 17.3203 6.85867 17.4044 6.66523H18.2271C18.0667 7.2766 17.491 7.53988 16.8903 7.53988C16.0166 7.53988 15.4199 7.02211 15.4199 6.13711C15.4199 5.32686 16.079 4.74609 16.8697 4.74609C17.8325 4.74609 18.3146 5.45947 18.2734 6.35415H16.3009ZM17.3928 5.87166C17.3778 5.57584 17.1651 5.33177 16.8697 5.33177C16.5594 5.33177 16.3526 5.55068 16.301 5.87166H17.3928Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M19.1879 6.59204C19.1879 6.72636 19.2428 6.82286 19.3324 6.88801C19.4145 6.94929 19.5336 6.98048 19.6585 6.98048C19.8295 6.98048 20.0734 6.91005 20.0734 6.69971C20.0734 6.49599 19.798 6.45675 19.6436 6.42071C19.0882 6.28297 18.3948 6.26592 18.3948 5.55634C18.3948 4.92099 19.0939 4.74609 19.6225 4.74609C20.2134 4.74609 20.8282 4.91504 20.86 5.60265H20.0463C20.0463 5.48933 20.0061 5.41889 19.9327 5.37154C19.8592 5.32679 19.7627 5.30482 19.6537 5.30482C19.5079 5.30482 19.276 5.32128 19.276 5.50489C19.276 5.75387 19.8658 5.79967 20.2703 5.88522C20.8122 5.99281 20.9534 6.37909 20.9534 6.59882C20.9534 7.30713 20.2703 7.53988 19.6638 7.53988C19.026 7.53988 18.3737 7.3323 18.3477 6.59204H19.1879Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.78099 7.46473H6.81584L6.30981 4.96222H6.29784L5.79173 7.46473H4.81408L3.81445 3.83203H4.77611L5.30124 6.48651H5.31011L5.85305 3.83203H6.75878L7.30308 6.48651H7.31323L7.83632 3.83203H8.79896L7.78099 7.46473Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.86499 4.49387H9.74677V3.83202H8.86499V4.49387ZM8.86499 7.46479H9.74677V4.82461H8.86499V7.46479Z" fill="white"/>
-</g>
-<path d="M27.375 0V16.125M27.375 22.5V16.125M27.375 16.125H35.625M27.375 16.125H0.75" stroke="#004587" stroke-width="1.35"/>
-</g>
-<rect x="0.375" y="0.375" width="35.25" height="21.75" rx="1.875" stroke="#CCCCCC" stroke-width="0.75"/>
-<defs>
-<clipPath id="clip0_9103_110194">
-<rect width="36" height="22.5" rx="2.25" fill="white"/>
-</clipPath>
-<clipPath id="clip1_9103_110194">
-<rect width="20.25" height="11.2277" fill="white" transform="translate(2.25)"/>
-</clipPath>
-</defs>
-</svg>

package/src/img/payment/footer/giftcard.svg

@@ -1,28 +0,0 @@
-<svg width="36" height="23" viewBox="0 0 36 23" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_9103_110194)">
-<rect width="36" height="22.5" rx="2.25" fill="white"/>
-<path d="M31.875 19.5C29.625 19.125 27.375 15.75 27.375 15.75C27.375 15.75 25.5 18.75 23.25 19.5" stroke="#004587" stroke-width="1.35"/>
-<path d="M22.3396 13.7778C23.0733 14.7513 24.6901 15.0189 26.4425 15.3385C26.4181 13.8977 26.0629 12.4876 25.3293 11.514C24.5957 10.5405 23.4966 10.1294 22.523 10.863C21.5495 11.5966 21.606 12.8042 22.3396 13.7778Z" fill="white" stroke="#004587" stroke-width="1.35"/>
-<path d="M32.3733 13.7778C31.6396 14.7513 30.0228 15.0189 28.2703 15.3385C28.2948 13.8977 28.65 12.4876 29.3836 11.514C30.1172 10.5405 31.2163 10.1294 32.1899 10.863C33.1634 11.5966 33.1069 12.8042 32.3733 13.7778Z" fill="white" stroke="#004587" stroke-width="1.35"/>
-<g clip-path="url(#clip1_9103_110194)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 0V9.15602L12.3866 11.2286L22.532 9.13257V0H2.25Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2.92773 0.664062V8.61365L12.3876 10.5436L21.8607 8.61276V0.664062H2.92773Z" fill="#004587"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.8332 5.78902C11.8267 5.56557 11.6264 5.40914 11.4047 5.40914C10.9115 5.40914 10.8341 5.82081 10.8341 6.18699C10.8341 6.52756 10.9838 6.87855 11.3563 6.87855C11.6619 6.87855 11.8167 6.70611 11.8583 6.42585H12.7143C12.6351 7.13387 12.0747 7.53996 11.3623 7.53996C10.5538 7.53996 9.95312 6.99672 9.95312 6.18699C9.95312 5.34674 10.4972 4.74609 11.3623 4.74609C12.0287 4.74609 12.6251 5.09351 12.686 5.78902H11.8332Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.8652 3.83203H13.7461V5.70404L14.5498 4.82462H15.5691L14.5857 5.82161L15.6932 7.46473H14.6312L13.9753 6.40141L13.7461 6.61964V7.46473H12.8652V3.83203Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3009 6.35415C16.3162 6.71482 16.5282 6.95472 16.9022 6.95472C17.1135 6.95472 17.3203 6.85867 17.4044 6.66523H18.2271C18.0667 7.2766 17.491 7.53988 16.8903 7.53988C16.0166 7.53988 15.4199 7.02211 15.4199 6.13711C15.4199 5.32686 16.079 4.74609 16.8697 4.74609C17.8325 4.74609 18.3146 5.45947 18.2734 6.35415H16.3009ZM17.3928 5.87166C17.3778 5.57584 17.1651 5.33177 16.8697 5.33177C16.5594 5.33177 16.3526 5.55068 16.301 5.87166H17.3928Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M19.1879 6.59204C19.1879 6.72636 19.2428 6.82286 19.3324 6.88801C19.4145 6.94929 19.5336 6.98048 19.6585 6.98048C19.8295 6.98048 20.0734 6.91005 20.0734 6.69971C20.0734 6.49599 19.798 6.45675 19.6436 6.42071C19.0882 6.28297 18.3948 6.26592 18.3948 5.55634C18.3948 4.92099 19.0939 4.74609 19.6225 4.74609C20.2134 4.74609 20.8282 4.91504 20.86 5.60265H20.0463C20.0463 5.48933 20.0061 5.41889 19.9327 5.37154C19.8592 5.32679 19.7627 5.30482 19.6537 5.30482C19.5079 5.30482 19.276 5.32128 19.276 5.50489C19.276 5.75387 19.8658 5.79967 20.2703 5.88522C20.8122 5.99281 20.9534 6.37909 20.9534 6.59882C20.9534 7.30713 20.2703 7.53988 19.6638 7.53988C19.026 7.53988 18.3737 7.3323 18.3477 6.59204H19.1879Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.78099 7.46473H6.81584L6.30981 4.96222H6.29784L5.79173 7.46473H4.81408L3.81445 3.83203H4.77611L5.30124 6.48651H5.31011L5.85305 3.83203H6.75878L7.30308 6.48651H7.31323L7.83632 3.83203H8.79896L7.78099 7.46473Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.86499 4.49387H9.74677V3.83202H8.86499V4.49387ZM8.86499 7.46479H9.74677V4.82461H8.86499V7.46479Z" fill="white"/>
-</g>
-<path d="M27.375 0V16.125M27.375 22.5V16.125M27.375 16.125H35.625M27.375 16.125H0.75" stroke="#004587" stroke-width="1.35"/>
-</g>
-<rect x="0.375" y="0.375" width="35.25" height="21.75" rx="1.875" stroke="#CCCCCC" stroke-width="0.75"/>
-<defs>
-<clipPath id="clip0_9103_110194">
-<rect width="36" height="22.5" rx="2.25" fill="white"/>
-</clipPath>
-<clipPath id="clip1_9103_110194">
-<rect width="20.25" height="11.2277" fill="white" transform="translate(2.25)"/>
-</clipPath>
-</defs>
-</svg>

package/src/page_checkout_confirmation-gift-card.html

@@ -1,339 +0,0 @@
-{{#extend "checkout-new" pageClass="page_checkout page_checkout-confirmation-new" title="Checkout - Confirmation"
-logout=true}}
-{{#content "steps"}}
-<div class="header-wrap">
-    <h1 class="header__title">Order Confirmation</h1>
-    <p class="header__order-block">Order number: <span class="header__order-number">143402004</span></p>
-</div>
-{{/content}}
-{{#content "main"}}
-
-<div class="confirmation-result-wrap">
-    <div class="confirmation-result__notif">
-        <span class="notif-check"><i class="fas fa-check"></i></span>
-        <span class="notif-info">Your Order Was Successful!</span>
-    </div>
-
-    <p class="confirmation-result__info">
-        We have emailed your order confirmation to <a href="mailto:petra.mendez@gmail.com">petra.mendez@gmail.com</a> with details of when your order will be delivered. This email will also contain our contact details should you wish to get in touch with us.
-    </p>
-
-    <div class="confirmation-result__action">
-        <a href="https://www.wickes.co.uk/track-my-order" class="btn btn-primary"><i class="fas fa-map-marked-alt"></i> Track My Order</a>
-        <a href="https://www.wickes.co.uk/my-account/orders" class="btn btn-primary">View My Order</a>
-        <a href="./" class="btn btn-secondary">Return Shopping</a>
-    </div>
-</div>
-
-{{#with checkoutOrder.delivery.[0]}}
-{{>checkout-order}}
-{{/with}}
-
-
-{{#with checkoutOrder.clickCollect.[0]}}
-{{>checkout-order}}
-{{/with}}
-
-
-{{#with checkoutOrder.charity.[0]}}
-{{>checkout-order charity="true"}}
-{{/with}}
-
-
-{{> checkout_payment-new giftcard=true giftcards=giftcards}}
-{{> checkout_order-summary-new label="Subtotal:" confirmationSummary="true" giftCardDiscount="true"}}
-
-<form class="checkout-tradepro form-bg">
-    <div class="checkout-tradepro__row">
-        <div class="checkout-tradepro__descr">
-            <div class="checkout-tradepro__info-wrap">
-                <div class="checkout-tradepro__info">
-                    It looks like you're in the Trade?
-                    You could be eligible to join TradePro and get
-                    <strong>10% off future purchases whenever you shop in-store or online.</strong>
-                </div>
-                <a href="#" class="checkout-tradepro__learn-more">Learn more about TradePro</a>
-            </div>
-            <h3>TradePro Signup</h3>
-            <div class="warning-required">Required fields</div>
-            <h3 class="checkout-tradepro__title">Proof of Trade ID</h3>
-            <p class="checkout-tradepro__paragraph warning-required">
-                Please supply two forms of approved ID
-            </p>
-
-            <div class="signup-tradepro__attach checkout-tradepro__attach_id">
-                {{> attach-make make-attachment=true}}
-                {{> modal id="attac"}}
-                {{#extend "modal" id="attach" title="Choose Type of ID" fullWidth=true classMod="id-type"}}
-                {{#content "sections"}}
-
-                {{#extend "modal-body-section" customSectionClass="id-type-signup"}}
-                {{#content "body"}}
-                {{> notifications notification-page.warning withCloseBtn="true"
-                text="Unable to attach file. Only JPG, PNG, GIF, BMP, WEBP, TIFF and HEIF image files are supported."}}
-                <div class="signup-tradepro__modal-info">
-                    Select two forms of ID.
-                    <div class="tradepro-id-counter_wrap">
-                        <span>1</span>
-                        of
-                        <span>2</span>
-                    </div>
-                    ID's chosen
-                </div>
-                <div class="signup-tradepro__modal-fields">
-                    <div class="tradepro-field">
-              <span class="icon icon__link inactive-el">
-                <i class="far fa-link"></i>
-              </span>
-                        <a href="#" class="signup-tradepro__modal-trigger inactive-el">Trade business website</a>
-                        <div class="signup-tradepro__modal-action">
-                            <div class="form-row" data-row-required="">
-                                <label class="form-row__label"></label>
-                                <div class="form-row__field">
-                                    {{> input need-pattern=true}}
-                                    <div class="form-row__error">{{error}}</div>
-                                </div>
-                            </div>
-                            <div class="signup-tradepro__modal-buttons">
-                                <div class="row">
-                                    <div class="button-done">
-                                        <button class="btn btn-primary">
-                                            Done
-                                        </button>
-                                    </div>
-                                    <div class="button-cancel">
-                                        <button class="btn btn-secondary">
-                                            Cancel
-                                        </button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="tradepro-field">
-              <span class="icon icon__link">
-                <i class="far fa-link"></i>
-              </span>
-                        <span class="icon icon__pencil">
-                <i class="far fa-pencil"></i>
-              </span>
-                        <a href="#" class="signup-tradepro__modal-trigger">Check a trade profile</a>
-                        <div class="signup-tradepro__modal-action">
-                            <div class="form-row" data-row-required="">
-                                <label class="form-row__label"></label>
-                                <div class="form-row__field">
-                                    {{> input need-pattern=true}}
-                                    <div class="form-row__error">{{error}}</div>
-                                </div>
-                            </div>
-                            <div class="signup-tradepro__modal-buttons">
-                                <div class="row">
-                                    <div class="button-done">
-                                        <button class="btn btn-primary">
-                                            Done
-                                        </button>
-                                    </div>
-                                    <div class="button-cancel">
-                                        <button class="btn btn-secondary">
-                                            Cancel
-                                        </button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="tradepro-field">
-              <span class="icon icon__link">
-                <i class="far fa-link"></i>
-              </span>
-                        <a href="#" class="signup-tradepro__modal-trigger">Facebook trade business page</a>
-                        <span class="icon icon__notification">
-                <span class="fas fa-check-circle"></span>
-              </span>
-                        <div class="signup-tradepro__modal-action">
-                            <div class="form-row" data-row-required="">
-                                <label class="form-row__label"></label>
-                                <div class="form-row__field">
-                                    {{> input need-pattern=true}}
-                                    <div class="form-row__error">{{error}}</div>
-                                </div>
-                            </div>
-                            <div class="signup-tradepro__modal-buttons">
-                                <div class="row">
-                                    <div class="button-done">
-                                        <button class="btn btn-primary">
-                                            Done
-                                        </button>
-                                    </div>
-                                    <div class="button-cancel">
-                                        <button class="btn btn-secondary">
-                                            Cancel
-                                        </button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="tradepro-field">
-              <span class="icon icon__link">
-                <i class="far fa-link"></i>
-              </span>
-                        <a href="#" class="signup-tradepro__modal-trigger">Mybuilder profile</a>
-                        <div class="signup-tradepro__modal-action">
-                            <div class="form-row" data-row-required="">
-                                <label class="form-row__label"></label>
-                                <div class="form-row__field">
-                                    {{> input need-pattern=true}}
-                                    <div class="form-row__error">{{error}}</div>
-                                </div>
-                            </div>
-                            <div class="signup-tradepro__modal-buttons">
-                                <div class="row">
-                                    <div class="button-done">
-                                        <button class="btn btn-primary">
-                                            Done
-                                        </button>
-                                    </div>
-                                    <div class="button-cancel">
-                                        <button class="btn btn-secondary">
-                                            Cancel
-                                        </button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="tradepro-field">
-              <span class="icon icon__paperclip">
-                <i class="far fa-paperclip"></i>
-              </span>
-                        {{> attach-make make-capture=true}}
-                        <input class="tradepro-attachment" type="file" accept="image/*" capture>
-                    </div>
-                    <div class="tradepro-field">
-                        <img src="img/placeholders/thumbnail-sm.png"/>
-                        <span class="icon icon__paperclip">
-                  <i class="far fa-paperclip"></i>
-                </span>
-                        <span class="icon icon__camera">
-                <i class="far fa-camera"></i>
-              </span>
-                        <a href="#" class="signup-tradepro__modal-trigger">Letterhead</a>
-                        <input class="tradepro-attachment" type="file" accept="image/*" capture>
-                    </div>
-                    <div class="tradepro-field">
-              <span class="icon icon__paperclip">
-                <i class="far fa-paperclip"></i>
-              </span>
-                        <span class="icon icon__camera">
-                <i class="far fa-camera"></i>
-              </span>
-                        <a href="#" class="signup-tradepro__modal-trigger">Compliment slip</a>
-                        <input class="tradepro-attachment" type="file" accept="image/*" capture>
-                    </div>
-                    <div class="tradepro-field">
-              <span class="icon icon__edit">
-                <i class="fas fa-edit"></i>
-              </span>
-                        <a href="#" class="signup-tradepro__modal-trigger">Ltd company: Registration number</a>
-                        <div class="signup-tradepro__modal-action">
-                            <div class="form-row" data-row-required="">
-                                <label class="form-row__label"></label>
-                                <div class="form-row__field">
-                                    {{> input need-pattern=true}}
-                                    <div class="form-row__error">{{error}}</div>
-                                </div>
-                            </div>
-                            <div class="signup-tradepro__modal-buttons">
-                                <div class="row">
-                                    <div class="button-done">
-                                        <button class="btn btn-primary">
-                                            Done
-                                        </button>
-                                    </div>
-                                    <div class="button-cancel">
-                                        <button class="btn btn-secondary">
-                                            Cancel
-                                        </button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="tradepro-field">
-              <span class="icon icon__edit">
-                <i class="fas fa-edit"></i>
-              </span>
-                        <a href="#" class="signup-tradepro__modal-trigger">Plc: Registration number</a>
-                        <div class="signup-tradepro__modal-action">
-                            <div class="form-row" data-row-required="">
-                                <label class="form-row__label"></label>
-                                <div class="form-row__field">
-                                    {{> input need-pattern=true}}
-                                    <div class="form-row__error">{{error}}</div>
-                                </div>
-                            </div>
-                            <div class="signup-tradepro__modal-buttons">
-                                <div class="row">
-                                    <div class="button-done">
-                                        <button class="btn btn-primary">
-                                            Done
-                                        </button>
-                                    </div>
-                                    <div class="button-cancel">
-                                        <button class="btn btn-secondary">
-                                            Cancel
-                                        </button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                {{/content}}
-                {{/extend}}
-
-                {{/content}}
-                {{/extend}}
-            </div>
-            <div class="chosen-form-container">
-                <div class="chosen-form-wrap">
-                    <div class="chosen-form">
-                        <div>
-                            <img class="mr-2" src="img/placeholders/thumbnail-sm.png"/>
-                            Trade business website
-                        </div>
-                        <span class="icon icon__notification">
-              <span class="fas fa-check-circle"></span>
-            </span>
-                    </div>
-                    <div class="form-row__error">Error message here</div>
-                    <div class="chosen-form">
-                        <div>
-                            <img class="mr-2" src="img/placeholders/thumbnail-sm.png"/>
-                            Ltd company: Registration number
-                        </div>
-
-                        <span class="icon icon__notification">
-              <span class="fas fa-check-circle"></span>
-            </span>
-                    </div>
-                    <div class="form-row__error">Error message here</div>
-                </div>
-            </div>
-            {{> signup-form}}
-        </div>
-    </div>
-</form>
-
-{{/content}}
-
-{{#content "aside"}}
-{{> checkout_information info-icon="true"}}
-{{/content}}
-
-{{#content "foot" mode="append"}}
-<script defer src="./js/page/checkout-confirmation-new.js"></script>
-{{/content}}
-
-{{/extend}}