wickes-css2 2.111.0-complete-your-project.9 → 2.111.0-develop.2

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

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

package/src/js/emulation/tradepro-discount-banner-emulation.js

@@ -0,0 +1,13 @@
+var Wick = window.Wick || {};
+
+$(document).ready(function () {
+    var href = window.location.href;
+    var isTargetPage =
+        href.indexOf('page_homepage-with-global-search-v2-vat') > -1 ||
+        href.indexOf('page_checkout_delivery-details-v2-asm') > -1 ||
+        href.indexOf('page_product-details-with-global-search-v2') > -1;
+
+    if (isTargetPage && Wick.TradeProDiscountBanner && !Wick.TradeProDiscountBanner.isOn()) {
+        Wick.TradeProDiscountBanner.init();
+    }
+});

package/src/js/page/basket-v2.js

@@ -901,6 +901,11 @@ Wick.BasketPage = {
             return '';
         }
     },
+    buildPromotion: function (entry) {
+        return Wick.VatToggle.isToggleVatAvailable() && entry.displayDescriptionExclusiveVat
+            ? `<div class="order-item__promo including-vat-inherit">${entry.displayDescription}</div><div class="order-item__promo excluding-vat-inherit">${entry.displayDescriptionExclusiveVat}</div>`
+            : `<div class="order-item__promo">${entry.displayDescription}</div>`;
+    },
     addPromotions: function (item, data) {
         let arr = [];
 
@@ -910,18 +915,12 @@ Wick.BasketPage = {
                     if (promo.orderEntryNumber === item.entryNumber) {
                         if (arr.length) {
                             let duplicate = arr.every((el) => {
-                                return (
-                                    el !==
-                                    `<div class="order-item__promo">${entry.description}</div>`
-                                );
+                                return el !== Wick.BasketPage.buildPromotion(entry);
                             });
 
-                            !duplicate ||
-                                arr.push(
-                                    `<div class="order-item__promo">${entry.description}</div>`
-                                );
+                            !duplicate || arr.push(Wick.BasketPage.buildPromotion(entry));
                         } else {
-                            arr.push(`<div class="order-item__promo">${entry.description}</div>`);
+                            arr.push(Wick.BasketPage.buildPromotion(entry));
                         }
                     }
                 });
@@ -933,18 +932,12 @@ Wick.BasketPage = {
                     if (promo.orderEntryNumber === item.entryNumber && entry.description) {
                         if (arr.length) {
                             let duplicate = arr.every((el) => {
-                                return (
-                                    el !==
-                                    `<div class="order-item__promo">${entry.description}</div>`
-                                );
+                                return el !== Wick.BasketPage.buildPromotion(entry);
                             });
 
-                            !duplicate ||
-                                arr.push(
-                                    `<div class="order-item__promo">${entry.description}</div>`
-                                );
+                            !duplicate || arr.push(Wick.BasketPage.buildPromotion(entry));
                         } else {
-                            arr.push(`<div class="order-item__promo">${entry.description}</div>`);
+                            arr.push(Wick.BasketPage.buildPromotion(entry));
                         }
                     }
                 });

package/src/js/page/components/discounts.js

@@ -17,10 +17,10 @@ export function updateDiscount(data, isVoucher) {
     if (isVoucher) {
         promotions.forEach((discountItem) => {
             osEl.$discountList().append(() => {
-                if (discountItem.usedCouponCode && discountItem.description) {
+                if (discountItem.usedCouponCode && discountItem.displayDescription) {
                     return `
             <li data-coupon-code="${discountItem.usedCouponCode}">
-              ${discountItem.description}
+              ${buildDescriptionHtml(discountItem)}
               <span class="icon checkout-widget__voucher-remove">
                 <span class="fas fa-times"></span>
               </span>
@@ -28,8 +28,8 @@ export function updateDiscount(data, isVoucher) {
           `;
                 }
 
-                if (discountItem.description) {
-                    return `<li>${discountItem.description}</li>`;
+                if (discountItem.displayDescription) {
+                    return `<li>${buildDescriptionHtml(discountItem)}</li>`;
                 }
 
                 return '';
@@ -46,20 +46,27 @@ export function updateDiscount(data, isVoucher) {
 
 function appendOrderPromotions(discountObj) {
     if (!_.isEmpty(discountObj)) {
-        if (discountObj.usedCouponCode && discountObj.description) {
+        if (discountObj.usedCouponCode && discountObj.displayDescription) {
             osEl.$discountList().append(createRemoveCouponItem(discountObj));
-        } else if (discountObj.description) {
+        } else if (discountObj.displayDescription) {
             osEl.$discountList().append(function () {
-                return `<li>${discountObj.description}</li>`;
+                return `<li>${buildDescriptionHtml(discountObj)}</li>`;
             });
         }
     }
 }
 
+function buildDescriptionHtml(obj) {
+    if (Wick.VatToggle.isToggleVatAvailable() && obj.displayDescriptionExclusiveVat) {
+        return `<span class="including-vat-inherit">${obj.displayDescription}</span><span class="excluding-vat-inherit">${obj.displayDescriptionExclusiveVat}</span>`;
+    }
+    return obj.displayDescription;
+}
+
 function createRemoveCouponItem(obj) {
     return `
     <li data-coupon-code="${obj.usedCouponCode}">
-      ${obj.description}
+      ${buildDescriptionHtml(obj)}
       <span class="icon checkout-widget__voucher-remove">
         <span class="fas fa-times"></span>
       </span>

package/src/js/page/components/mini-basket-slider.js

@@ -33,7 +33,7 @@ Handlebars.registerHelper('removeFirst', function (str, remove) {
 });
 
 Handlebars.registerHelper('isToggleVatAvailable', function () {
-    return Wick.checkLocalEnv ? false : window.ACC?.app?.isVatToggleAvailable;
+    return !!window.ACC?.app?.isVatToggleAvailable;
 });
 
 var Wick = window.Wick || {};
@@ -439,6 +439,15 @@ Wick.MiniBasketSliderFE = {
             Wick.MiniBasketSliderFE.addPromotions
         );
     },
+    buildPromoHtml: function (entry) {
+        const desc = entry.displayDescription;
+        const descExc = entry.displayDescriptionExclusiveVat;
+        const isVatAvailable = !!window.ACC?.app?.isVatToggleAvailable;
+        if (isVatAvailable && descExc) {
+            return `<div class="products__promo"><span class="including-vat-inherit">${desc}</span><span class="excluding-vat-inherit">${descExc}</span></div>`;
+        }
+        return `<div class="products__promo">${desc}</div>`;
+    },
     addPromotions: function (item, data) {
         let arr = [];
 
@@ -446,17 +455,9 @@ Wick.MiniBasketSliderFE = {
             data.potentialProductPromotions.forEach((entry) => {
                 entry.consumedEntries.forEach((promo) => {
                     if (promo.orderEntryNumber === item.entryNumber) {
-                        if (arr.length) {
-                            let duplicate = arr.every((el) => {
-                                return (
-                                    el !== `<div class="products__promo">${entry.description}</div>`
-                                );
-                            });
-
-                            !duplicate ||
-                                arr.push(`<div class="products__promo">${entry.description}</div>`);
-                        } else {
-                            arr.push(`<div class="products__promo">${entry.description}</div>`);
+                        const html = Wick.MiniBasketSliderFE.buildPromoHtml(entry);
+                        if (!arr.includes(html)) {
+                            arr.push(html);
                         }
                     }
                 });
@@ -465,18 +466,10 @@ Wick.MiniBasketSliderFE = {
         data.appliedProductPromotions &&
             data.appliedProductPromotions.forEach((entry) => {
                 entry.consumedEntries.forEach((promo) => {
-                    if (promo.orderEntryNumber === item.entryNumber && entry.description) {
-                        if (arr.length) {
-                            let duplicate = arr.every((el) => {
-                                return (
-                                    el !== `<div class="products__promo">${entry.description}</div>`
-                                );
-                            });
-
-                            !duplicate ||
-                                arr.push(`<div class="products__promo">${entry.description}</div>`);
-                        } else {
-                            arr.push(`<div class="products__promo">${entry.description}</div>`);
+                    if (promo.orderEntryNumber === item.entryNumber && entry.displayDescription) {
+                        const html = Wick.MiniBasketSliderFE.buildPromoHtml(entry);
+                        if (!arr.includes(html)) {
+                            arr.push(html);
                         }
                     }
                 });
@@ -550,6 +543,7 @@ Wick.MiniBasketSliderFE = {
             Wick.MiniBasketSliderFE.showMiniBasketEvent();
             setTimeout(() => {
                 Wick.MiniBasketSliderFE.isInitial = false;
+                Wick.MiniBasketSliderFE.isMiniBasketLoaded = true;
             }, 100);
             return;
         }

package/src/js/page/components/voucher.js

@@ -77,9 +77,49 @@ function executionVoucherApplying(value, context) {
     }
 }
 
+let pendingVoucherRemoval = null;
+
 export function voucherRemove() {
-    let voucher = $(this).parent(),
-        voucherCode = voucher.attr('data-coupon-code');
+    const voucher = $(this).parent();
+    const voucherCode = voucher.attr('data-coupon-code');
+    const couponName = getVoucherDisplayName(voucher) || voucherCode;
+    const $modal = $('#voucher-remove-popup');
+
+    if ($modal.length) {
+        $modal.find('.modal-box__title').text(`Remove ${couponName} discount?`);
+        $modal
+            .find('.description')
+            .html(
+                `Are you sure you want to remove your <span class='voucher-remove-modal__coupon-name'>${couponName} discount</span> from this order? The total cost of your order will increase.`
+            );
+        pendingVoucherRemoval = { voucherCode, voucher };
+
+        const scrollPos = $(window).scrollTop();
+        if (Wick.Responsive.isTouchDevice()) {
+            $modal.one('show.bs.modal', function (e) {
+                e.stopPropagation();
+                $('body').css({ position: 'fixed', top: -scrollPos, width: '100%' });
+            });
+            $modal.one('hidden.bs.modal', function () {
+                $('body').css({ position: '', top: '', width: '' });
+                window.requestAnimationFrame(function () {
+                    window.scrollTo(0, scrollPos);
+                });
+            });
+        }
+
+        $modal.modal('show');
+    } else {
+        voucher.addClass('checkout-widget__voucher-removed').text('Voucher removed');
+        voucherRemoveAction(voucherCode, voucher);
+    }
+}
+
+function confirmVoucherRemove() {
+    if (!pendingVoucherRemoval) return;
+    const { voucherCode, voucher } = pendingVoucherRemoval;
+    pendingVoucherRemoval = null;
+    $('#voucher-remove-popup').modal('hide');
     voucher.addClass('checkout-widget__voucher-removed').text('Voucher removed');
     voucherRemoveAction(voucherCode, voucher);
 }
@@ -115,6 +155,7 @@ function executionVoucherRemoving(data) {
     );
     updateClearpayPlacements(data.total);
     updateClearpayVisibility(data.total);
+    Wick.BasketPage && Wick.BasketPage.updateCart(true);
 }
 
 function applyVoucher(data, context) {
@@ -131,6 +172,7 @@ function applyVoucher(data, context) {
     );
     updateClearpayPlacements(data.total);
     updateClearpayVisibility(data.total);
+    Wick.BasketPage && Wick.BasketPage.updateCart(true);
     setTimeout(function () {
         voucherButton.attr('disabled', false);
         $voucherFormInput.val('');
@@ -196,6 +238,16 @@ function getNotAppliedVoucher() {
     }
 }
 
+function getVoucherDisplayName($voucher) {
+    if (Wick.VatToggle.isToggleVatAvailable()) {
+        const selector = Wick.VatToggle.isActive()
+            ? '.excluding-vat, .excluding-vat-inherit'
+            : '.including-vat, .including-vat-inherit';
+        return $voucher.find(selector).first().text().trim();
+    }
+    return $voucher.text().trim();
+}
+
 function clearValidationErrors(form) {
     var $form = $(form);
     if ($form.hasClass(voucherEl.formInvalid)) {
@@ -261,5 +313,7 @@ $(document).ready(function () {
         getCSRFToken();
     }
 
+    $(document).on('click', '[data-action="confirm-voucher-remove"]', confirmVoucherRemove);
+
     init();
 });

package/src/js/page/utils/create-count-stepper.js

@@ -18,8 +18,7 @@ function normalizeOptions(options) {
 }
 
 function toInt(value) {
-    const n = parseInt(`${value || ''}`.trim(), 10);
-
+    const n = parseInt(String(value || '').trim(), 10);
     return Number.isFinite(n) ? n : NaN;
 }
 
@@ -29,7 +28,6 @@ function clampMin(n, min) {
 
 function ensureQty(value, fallback) {
     const n = toInt(value);
-
     return Number.isFinite(n) ? n : fallback;
 }
 
@@ -60,15 +58,12 @@ function updateButtons($input, opt) {
 
     const $minus = getMinusBtn($wrap);
 
-    if ($minus.length) {
-        $minus.prop('disabled', qty <= opt.min);
-    }
+    if ($minus.length) $minus.prop('disabled', qty <= opt.min);
 }
 
 function setQty($input, opt, qty) {
     const next = clampMin(qty, opt.min);
-
-    $input.val(`${next}`);
+    $input.val(String(next));
     updateButtons($input, opt);
 
     if (typeof opt.onChange === 'function') {
@@ -88,13 +83,11 @@ function ensureButtons($input, opt) {
     if (!hasMinus) {
         $input.before(buildBtn('minus', true));
     }
-
     if (!hasPlus) {
         $input.after(buildBtn('plus', false));
     }
 
     const initial = ensureQty($input.val(), opt.min);
-
     setQty($input, opt, initial);
 }
 
@@ -102,24 +95,16 @@ function getInputs($root, inputSel) {
     const $scope = $root && $root.length ? $root : $(document);
     const $self = $scope.is(inputSel) ? $scope : $();
     const $found = $scope.find(inputSel);
-
     return $self.add($found);
 }
 
-function getNamespace(inputSel) {
-    return `.countStepper_${inputSel.replace(/[^a-zA-Z0-9_-]/g, '')}`;
-}
-
 // ===== FACTORY =====
 
 export function createCountStepper(options = {}) {
     const OPT = normalizeOptions(options);
+    if (!OPT.inputSel) throw new Error('[createCountStepper] Missing inputSel');
 
-    if (!OPT.inputSel) {
-        throw new Error('[createCountStepper] Missing inputSel');
-    }
-
-    const NS = getNamespace(OPT.inputSel);
+    const NS = `.cnt_${Math.random().toString(16).slice(2)}`;
 
     function init($root) {
         getInputs($root, OPT.inputSel).each(function () {
@@ -127,6 +112,7 @@ export function createCountStepper(options = {}) {
         });
     }
 
+    // +/- click
     $(document)
         .off(`click${NS}`, '[data-count-btn]')
         .on(`click${NS}`, '[data-count-btn]', function (e) {
@@ -134,22 +120,15 @@ export function createCountStepper(options = {}) {
             const $parent = $btn.parent();
             const $input = $parent.find(OPT.inputSel).first();
 
-            if (!$input.length) {
-                return;
-            }
+            if (!$input.length) return;
 
             e.preventDefault();
 
             const type = ($btn.attr('data-count-type') || '').toLowerCase();
             const current = ensureQty($input.val(), OPT.min);
 
-            if (type === 'plus') {
-                setQty($input, OPT, current + 1);
-            }
-
-            if (type === 'minus') {
-                setQty($input, OPT, current - 1);
-            }
+            if (type === 'plus') setQty($input, OPT, current + 1);
+            if (type === 'minus') setQty($input, OPT, current - 1);
         });
 
     $(document)

package/src/layouts/checkout.hbs

@@ -21,6 +21,7 @@
       {{> header_checkout }}
     {{/block}}
     <a id="skip-to-content"></a>
+    {{#block "banner"}}{{/block}}
     <main {{#if fullWidth}}class="full-width-content"{{/if}}>
       <div class="container">
         <div class="row">

package/src/page_basket-energy-efficiency.html

@@ -58,6 +58,10 @@
             <div class="modal-images"></div>
         {{/content}}
     {{/extend}}
+    {{> checkout-voucher-remove-modal
+        shopping-cart-v2.checkout.voucher-remove-popup
+        id="voucher-remove-popup"
+    }}
         <script defer src="./js/energy-efficiency.min.js"></script>
         <script defer src="./js/basket.min.js"></script>
     {{/content}}

package/src/page_checkout_confirmation-new-marketing-consent-error.html

@@ -66,4 +66,11 @@
   </div>
 </div>
 {{/content}}
+
+{{#content "foot" mode="append"}}
+{{> checkout-voucher-remove-modal
+    shopping-cart-v2.checkout.voucher-remove-popup
+    id="voucher-remove-popup"
+}}
+{{/content}}
 {{/extend}}

package/src/page_checkout_confirmation-new-marketing-consent.html

@@ -38,6 +38,10 @@
 {{/content}}
 
 {{#content "foot" mode="append"}}
+{{> checkout-voucher-remove-modal
+    shopping-cart-v2.checkout.voucher-remove-popup
+    id="voucher-remove-popup"
+}}
 <script defer src="./js/page/checkout-confirmation-new.js"></script>
 {{/content}}
 

package/src/page_checkout_delivery-address-v2.html

@@ -39,6 +39,10 @@
 {{/content}}
 
 {{#content "foot" mode="append"}}
+{{> checkout-voucher-remove-modal
+    shopping-cart-v2.checkout.voucher-remove-popup
+    id="voucher-remove-popup"
+}}
 <script defer src="./js/page/checkout-confirmation-new.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_checkout_delivery-details-v2-asm.html

@@ -12,7 +12,9 @@
     {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true email=true}}
   {{/content}}
 
-
+{{#content "banner"}}
+{{>tradepro-discount-banner}}
+{{/content}}
 {{#content "main"}}
     <div class="delivery-block">
         <h3 class="delivery-block__heading">Delivery Information</h3>
@@ -124,6 +126,10 @@
 {{/content}}
 
 {{#content "foot" mode="append"}}
+{{> checkout-voucher-remove-modal
+    shopping-cart-v2.checkout.voucher-remove-popup
+    id="voucher-remove-popup"
+}}
     <script defer src="./js/page/checkout-confirmation-new.js"></script>
     <script defer src="./js/page/select-address.js"></script>
 

package/src/page_checkout_delivery-details-v2-calendar-message.html

@@ -127,6 +127,10 @@
 {{/content}}
 
 {{#content "foot" mode="append"}}
+{{> checkout-voucher-remove-modal
+    shopping-cart-v2.checkout.voucher-remove-popup
+    id="voucher-remove-popup"
+}}
     <script defer src="./js/page/checkout-confirmation-new.js"></script>
     <script defer src="./js/page/select-address.js"></script>
 

package/src/page_checkout_delivery-details-v2-oos.html

@@ -151,6 +151,10 @@
 {{/content}}
 
 {{#content "foot" mode="append"}}
+{{> checkout-voucher-remove-modal
+    shopping-cart-v2.checkout.voucher-remove-popup
+    id="voucher-remove-popup"
+}}
     <script defer src="./js/page/checkout-confirmation-new.js"></script>
     <script defer src="./js/page/select-address.js"></script>
 

package/src/page_checkout_delivery-details-v2-wisdom-not-available.html

@@ -133,6 +133,10 @@
 {{/content}}
 
 {{#content "foot" mode="append"}}
+{{> checkout-voucher-remove-modal
+    shopping-cart-v2.checkout.voucher-remove-popup
+    id="voucher-remove-popup"
+}}
     <script defer src="./js/page/checkout-confirmation-new.js"></script>
     <script defer src="./js/page/select-address.js"></script>
 

package/src/page_checkout_delivery-details-v2-wisdom.html

@@ -130,6 +130,10 @@
 {{/content}}
 
 {{#content "foot" mode="append"}}
+{{> checkout-voucher-remove-modal
+    shopping-cart-v2.checkout.voucher-remove-popup
+    id="voucher-remove-popup"
+}}
     <script defer src="./js/page/checkout-confirmation-new.js"></script>
     <script defer src="./js/page/select-address.js"></script>
 

package/src/page_checkout_delivery-details-with-loader-v2.html

@@ -126,6 +126,10 @@
 {{/content}}
 
 {{#content "foot" mode="append"}}
+    {{> checkout-voucher-remove-modal
+        shopping-cart-v2.checkout.voucher-remove-popup
+        id="voucher-remove-popup"
+    }}
     <script defer src="./js/page/checkout-confirmation-new.js"></script>
     <script defer src="./js/page/select-address.js"></script>
 

package/src/page_checkout_delivery-details_guest-new.html

@@ -124,6 +124,10 @@
 {{/content}}
 
 {{#content "foot" mode="append"}}
+{{> checkout-voucher-remove-modal
+    shopping-cart-v2.checkout.voucher-remove-popup
+    id="voucher-remove-popup"
+}}
     <script defer src="./js/page/checkout-confirmation-new.js"></script>
 
   {{#extend "modal" classMod="edit-delivery-address" id="modalDeliveryEdit" title="Edit delivery address" fullWidth=true}}

package/src/page_checkout_delivery_address-asm-new.html

@@ -31,6 +31,10 @@
 {{/content}}
 
 {{#content "foot" mode="append"}}
+{{> checkout-voucher-remove-modal
+    shopping-cart-v2.checkout.voucher-remove-popup
+    id="voucher-remove-popup"
+}}
   <script defer src="./js/page/checkout-confirmation-new.js"></script>
   <script defer src="./js/page/select-address.js"></script>
 

package/src/page_checkout_merge-basket-v2.html

@@ -1,4 +1,4 @@
-{{#extend "base" pageClass="page_basket basket" title="Merged basket" hideBreadcrumbs=true footerCheckoutNew=true pageBasket=true}}
+{{#extend "base" pageClass="page_basket basket" title="Merged basket" hideBreadcrumbs=true footerCheckoutNew=true pageBasket=true bundle="basket"}}
 {{#content "head" mode="append"}}
   <link type="text/css" rel="stylesheet" href="./css/pages/checkout.css">
   <link type="text/css" rel="stylesheet" href="./css/pages/page_merged-basket.css">
@@ -55,7 +55,10 @@
   </main>
 {{/content}}
 {{#content "foot" mode="append"}}
-<script defer="defer" src="./js/page/checkout-confirmation-new.js"></script>
-<script defer src="./js/basket.min.js"></script>
+  {{> checkout-voucher-remove-modal
+      shopping-cart-v2.checkout.voucher-remove-popup
+      id="voucher-remove-popup"
+  }}
+  <script defer="defer" src="./js/page/checkout-confirmation-new.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_checkout_merge-basket-vat-v2.html

@@ -5,6 +5,7 @@
   footerCheckoutNew=true
   pageBasket=true
   switch-vat=true
+  bundle="basket"
 }}
 {{#content "head" mode="append"}}
   <link type="text/css" rel="stylesheet" href="./css/pages/checkout.css">
@@ -62,6 +63,10 @@
   </main>
 {{/content}}
 {{#content "foot" mode="append"}}
-<script defer="defer" src="./js/page/checkout-confirmation-new.js"></script>
+  {{> checkout-voucher-remove-modal
+      shopping-cart-v2.checkout.voucher-remove-popup
+      id="voucher-remove-popup"
+  }}
+  <script defer="defer" src="./js/page/checkout-confirmation-new.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_checkout_merge-basket-with-energy.html

@@ -61,6 +61,10 @@
     <div class="modal-images"></div>
   {{/content}}
 {{/extend}}
+{{> checkout-voucher-remove-modal
+    shopping-cart-v2.checkout.voucher-remove-popup
+    id="voucher-remove-popup"
+}}
 <script defer="defer" src="./js/page/checkout-confirmation-new.js"></script>
 <script defer src="./js/basket.min.js"></script>
 <script defer src="./js/energy-efficiency.min.js"></script>

package/src/page_checkout_next-day-delivery-details.html

@@ -133,6 +133,10 @@
 {{/content}}
 
 {{#content "foot" mode="append"}}
+{{> checkout-voucher-remove-modal
+    shopping-cart-v2.checkout.voucher-remove-popup
+    id="voucher-remove-popup"
+}}
 <script defer src="./js/page/checkout-confirmation-new.js"></script>
 <script defer src="./js/page/select-address.js"></script>
 

package/src/page_checkout_payment-details-v2-asm.html

@@ -48,6 +48,10 @@
 {{/content}}
 
 {{#content "foot" mode="append"}}
+{{> checkout-voucher-remove-modal
+    shopping-cart-v2.checkout.voucher-remove-popup
+    id="voucher-remove-popup"
+}}
     <script defer src="./js/page/checkout-confirmation-new.js"></script>
     <script defer src="./js/page/checkout-payment-details.js"></script>
     {{> checkout-terms-and-conditions-modal }}