wickes-css2 2.94.0-billie.3 → 2.94.0-develop.10

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

@@ -25,6 +25,10 @@
 
   .right-aside {
     margin-top: 0;
+
+    .voucher {
+      display: none;
+    }
   }
 
   .content {
@@ -80,7 +84,8 @@
 
   .summary {
     .checkout-widget_order-summary {
-      background-color: $gray-bg;
+      margin-left: -20px;
+      margin-right: -20px;
 
       .checkout-widget__details {
         flex-direction: column;
@@ -93,7 +98,6 @@
           &__item {
             &-bold {
               order: -5;
-              padding: 0;
             }
 
             &-vat {
@@ -133,35 +137,12 @@
 
     .checkout-widget_order-summary,
     .checkout-info-wrap.checkout-widget__details {
-      padding: 0;
+      padding-top: 0;
 
       .checkout-widget {
         &__item {
           font-weight: 400;
           font-size: .875rem;
-          padding: 10px 0;
-          margin: 0;
-
-          &:nth-child(1) {
-            margin: 0;
-            padding: 0;
-          }
-
-          &:nth-child(2) {
-            margin: 0;
-            padding-bottom: 10px;
-          }
-
-          &:nth-child(3) {
-            margin: 0;
-            padding-bottom: 10px;
-          }
-
-          &:last-child {
-            margin: 0;
-            padding: 0;
-          }
-
 
           &:not(.checkout-widget__item-vat) {
             margin-top: 0;
@@ -172,8 +153,8 @@
           }
 
           &-vat {
-            margin: 0;
-            padding: 0 0 10px;
+            padding-bottom: 10px;
+            margin-bottom: 10px;
             color: $warm-grey;
             font-size: .75rem;
             border-bottom: 1px solid #eee;
@@ -199,7 +180,7 @@
 
         &__details {
           &-discount {
-            margin-top: 10px;
+            margin-top: 0;
           }
         }
 
@@ -221,54 +202,6 @@
     background-color: transparent;
     padding: 0;
     border: 0;
-
-    .voucher__btn {
-      max-width: 100%;
-      margin-top: 20px;
-      height: 40px;
-    }
-
-    .form-row__error {
-      font-weight: 400;
-    }
-
-    &.voucher-applied {
-      background: $white;
-      margin-bottom: 8px;
-      height: 40px;
-
-      .voucher-applied__inner {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        & .icon {
-          display: inline-block;
-          margin-top: 8px;
-
-          &__check {
-            width: 24px;
-            height: 24px;
-
-            i {
-              font-size: 24px;
-              line-height: 24px;
-            }
-          }
-        }
-
-        & .fa-check-circle {
-          font-size: 1rem;
-          margin-bottom: 0;
-        }
-
-        & h5 {
-          margin: 0;
-          margin-top: 8px;
-          font-size: .875rem;
-        }
-      }
-    }
   }
 }
 
@@ -360,6 +293,12 @@
       max-width: 100%;
       padding-right: 5px;
     }
+
+    .summary {
+      &__aside {
+        padding: 20px 20px 0;
+      }
+    }
   }
 }
 
@@ -377,17 +316,13 @@
         .checkout-voucher {
           padding: 0;
 
-          .form-row__error {
-            white-space: pre-line;
-          }
-
           form {
             display: flex;
             align-items: flex-start;
+            margin-bottom: 27px;
 
             .form-row {
-              max-width: 100%;
-              flex: 1;
+              @include make-col(7);
               margin-right: 0;
 
               &__field {
@@ -409,13 +344,27 @@
 
             .voucher__btn {
               margin-top: 0;
-              margin-left: 16px;
+              margin-left: 15px;
             }
 
             &.form_invalid {
               margin-bottom: 0;
             }
           }
+
+          &.voucher-applied {
+            background: $white;
+
+            & .fa-check-circle {
+              font-size: 2rem;
+              margin-bottom: 0;
+            }
+
+            & h3 {
+              font-size: 1.25rem;
+              margin-bottom: 0;
+            }
+          }
         }
       }
 
@@ -475,16 +424,6 @@
           display: flex;
         }
       }
-
-      .checkout-widget__item-bold {
-        margin: 10px 0;
-        padding: 5px 0;
-      }
-
-      .checkout-widget__item-vat {
-        padding-bottom: 10px;
-        margin-bottom: 10px;
-      }
     }
 
     .checkout-title {

package/src/sitemap.html

@@ -538,6 +538,8 @@
                         <li><a href="page_personal-details-installer.html" target="_blank">My Account Personal Details Installer</a></li>
                         <li><a href="page_default-store-page-empty.html" target="_blank">Default Store Page Empty</a></li>
                         <li><a href="page_default-store-page.html" target="_blank">Default Store Page</a></li>
+                        <li><a href="page_my-orders.html" target="_blank">My Orders</a></li>
+                        <li><a href="page_my-orders-empty.html" target="_blank">My Orders Empty</a></li>
                     </ul>
                     <h3>Project list</h3>
                     <ul>
@@ -891,23 +893,6 @@
                             </a>
                         </li>
                     </ul>
-                    <h3>
-                        Pages with Billie payment
-                    </h3>
-                    <ul>
-                        <li>
-                            <span class="page-id">1</span>
-                            <a href="page_payment-details-with-billie.html" target="_blank">
-                                Billie - Payment details
-                            </a>
-                        </li>
-                        <li>
-                            <span class="page-id">2</span>
-                            <a href="page_product-details-billie.html" target="_blank">
-                                Billie PDP
-                            </a>
-                        </li>
-                    </ul>
                 </div>
                 <div class="col">
                     <h3>Basket</h3>

package/build/img/billie-spinner.svg

@@ -1,5 +0,0 @@
-<svg width="111" height="38" viewBox="0 0 111 38" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Group">
-<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M24.1126 11.634C24.1126 13.086 23.953 14.675 23.6486 16.1599L23.6533 16.1552C26.5152 18.4111 28.2071 21.8351 28.2071 25.4578C28.2071 32.0125 22.7928 37.3473 16.1458 37.3473H0V11.8895C0 8.62159 1.38251 5.46225 3.79482 3.22538C6.04258 1.1445 8.97215 0 12.0419 0C12.3027 0 12.5688 0.00946354 12.8297 0.0236584C19.0465 0.411457 24.1126 5.61839 24.1126 11.634ZM11.1958 31.7857H16.1364C19.6701 31.7857 22.5464 28.9481 22.5464 25.4626C22.5464 23.7222 21.8357 22.1521 20.6852 21.0076C18.5051 25.1032 15.3966 28.6358 11.1958 31.7857ZM18.1907 14.6088C18.3456 13.7292 18.4663 12.6841 18.4663 11.6292C18.4663 8.5033 15.7787 5.784 12.477 5.58054C10.6835 5.46698 8.97687 6.07235 7.67178 7.28309C6.36642 8.49383 5.64631 10.1301 5.64631 11.8942V14.6088H18.1907ZM16.1364 19.1347H5.64631H5.6366V30.0879C10.6979 26.9049 14.1736 23.396 16.4891 19.1442C16.3731 19.1347 16.2524 19.1347 16.1364 19.1347ZM47.3827 0.657363V31.6106C47.3827 35.6968 49.6837 38 53.5751 38C55.1608 38 56.6496 37.6217 57.7035 37.1533L56.3596 32.9255C55.9777 33.0627 55.4943 33.157 54.9673 33.157C53.9087 33.157 53.5268 32.5943 53.5268 31.4216V0L47.3827 0.657363ZM62.2048 0.657363V31.6106C62.2048 35.6968 64.5059 38 68.3973 38C69.9829 38 71.4717 37.6217 72.5256 37.1533L71.1817 32.9255C70.7999 33.0627 70.3165 33.157 69.7895 33.157C68.7308 33.157 68.349 32.5943 68.349 31.4216V0L62.2048 0.657363ZM110.86 26.7493H95.1006C95.5743 31.7623 97.9478 33.3892 101.274 33.3892C103.502 33.3892 105.354 32.6939 107.539 31.209L110.053 34.5999C107.582 36.5532 104.546 37.8962 100.747 37.8962C92.9591 37.8962 88.7825 32.8358 88.7825 25.0751C88.7825 17.3144 92.819 11.9323 99.9397 11.9323C107.06 11.9323 111 16.5766 111 24.3325C111 24.973 110.94 25.7345 110.891 26.3477C110.88 26.4907 110.869 26.6257 110.86 26.7493ZM104.866 22.5827C104.866 18.5391 103.396 16.1273 99.9735 16.1273C97.1261 16.1273 95.3229 17.9858 94.9893 22.8618H104.866V22.5827ZM40.8387 3.71171C40.8387 5.70746 39.2677 7.28699 36.9908 7.28699V7.28226C34.7572 7.28226 33.191 5.75004 33.191 3.70698C33.191 1.66392 34.709 0.0843347 36.9908 0.0843347C39.2725 0.0843347 40.8387 1.71594 40.8387 3.71171ZM34.0069 12.052V37.0086H40.151V11.3993L34.0069 12.052ZM83.6587 3.71171C83.6587 5.70746 82.0878 7.28699 79.8109 7.28699V7.28226C77.5775 7.28226 76.011 5.75004 76.011 3.70698C76.011 1.66392 77.534 0.0843347 79.8109 0.0843347C82.0878 0.0843347 83.6587 1.71594 83.6587 3.71171ZM76.6687 12.052V37.0086H82.8129V11.3993L76.6687 12.052Z" fill="white"/>
-</g>
-</svg>

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

@@ -1,4 +0,0 @@
-<svg width="48" height="30" viewBox="0 0 48 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="48" height="30" rx="3" fill="#1C1C1E"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5745 12.7945C14.5745 13.2293 14.5266 13.705 14.4352 14.1496L14.4366 14.1482C15.296 14.8236 15.8041 15.8488 15.8041 16.9334C15.8041 18.8959 14.1782 20.4932 12.1821 20.4932H7.3335V12.871C7.3335 11.8926 7.74866 10.9467 8.47308 10.277C9.14808 9.65395 10.0278 9.31128 10.9497 9.31128C11.028 9.31128 11.1079 9.31411 11.1862 9.31836C13.0532 9.43447 14.5745 10.9934 14.5745 12.7945ZM10.6956 18.828H12.1792C13.2404 18.828 14.1042 17.9784 14.1042 16.9349C14.1042 16.4138 13.8907 15.9437 13.5452 15.601C12.8906 16.8273 11.9571 17.8849 10.6956 18.828ZM12.7962 13.6852C12.8427 13.4219 12.8789 13.1089 12.8789 12.7931C12.8789 11.8572 12.0718 11.043 11.0803 10.9821C10.5417 10.9481 10.0292 11.1294 9.63733 11.4919C9.24533 11.8544 9.02908 12.3443 9.02908 12.8724V13.6852H12.7962ZM12.1792 15.0403H9.02908H9.02616V18.3197C10.5461 17.3667 11.5898 16.3161 12.2852 15.0431C12.2503 15.0403 12.2141 15.0403 12.1792 15.0403ZM21.5625 9.5081V18.7756C21.5625 19.999 22.2535 20.6886 23.4221 20.6886C23.8982 20.6886 24.3453 20.5754 24.6618 20.4351L24.2582 19.1693C24.1436 19.2104 23.9984 19.2386 23.8402 19.2386C23.5222 19.2386 23.4076 19.0701 23.4076 18.719V9.31128L21.5625 9.5081ZM26.0136 9.5081V18.7756C26.0136 19.999 26.7046 20.6886 27.8732 20.6886C28.3493 20.6886 28.7964 20.5754 29.1129 20.4351L28.7093 19.1693C28.5947 19.2104 28.4495 19.2386 28.2912 19.2386C27.9733 19.2386 27.8587 19.0701 27.8587 18.719V9.31128L26.0136 9.5081ZM40.6247 17.3201H35.8922C36.0344 18.821 36.7472 19.3081 37.746 19.3081C38.4152 19.3081 38.9712 19.0999 39.6273 18.6554L40.3822 19.6706C39.6404 20.2554 38.7287 20.6575 37.5877 20.6575C35.2491 20.6575 33.9948 19.1424 33.9948 16.8189C33.9948 14.4953 35.207 12.8839 37.3453 12.8839C39.4837 12.8839 40.6667 14.2744 40.6667 16.5965C40.6667 16.7883 40.6486 17.0163 40.634 17.1999C40.6306 17.2427 40.6274 17.2831 40.6247 17.3201ZM38.8246 16.0726C38.8246 14.8619 38.3832 14.1399 37.3555 14.1399C36.5004 14.1399 35.9589 14.6963 35.8587 16.1562H38.8246V16.0726ZM19.5973 10.4226C19.5973 11.0201 19.1256 11.493 18.4418 11.493V11.4916C17.7711 11.4916 17.3007 11.0329 17.3007 10.4212C17.3007 9.80946 17.7566 9.33653 18.4418 9.33653C19.127 9.33653 19.5973 9.82504 19.5973 10.4226ZM17.5457 12.9197V20.3918H19.3908V12.7243L17.5457 12.9197ZM32.4562 10.4226C32.4562 11.0201 31.9844 11.493 31.3007 11.493V11.4916C30.63 11.4916 30.1596 11.0329 30.1596 10.4212C30.1596 9.80946 30.6169 9.33653 31.3007 9.33653C31.9844 9.33653 32.4562 9.82504 32.4562 10.4226ZM30.3571 12.9197V20.3918H32.2022V12.7243L30.3571 12.9197Z" fill="white"/>
-</svg>

package/build/js/page/basket/summary-mobile.js

@@ -1,17 +0,0 @@
-const summaryMobileEl = {
-  summaryAside: '.summary__aside',
-  backToTop : '#back-to-top',
-};
-
-export function addClassToSummaryAside(data) {
-  const payPalEnabled = data?.paymentInfos?.payPalEnabled;
-  const clickAndCollectOnly = data.clickAndCollectOnly;
-  const isPayPalAllowed = payPalEnabled && clickAndCollectOnly;
-  const $aside = $(summaryMobileEl.summaryAside);
-  const $backToTop = $(summaryMobileEl.backToTop);
-
-  if (isPayPalAllowed === false) {
-    $aside.addClass('single-button');
-    $backToTop.addClass('single-button');
-  }
-}

package/build/js/page/components/sticky-order-observer.js

@@ -1,49 +0,0 @@
-export function initStickyObserver(observedElements, stickyElements, collapseSelector) {
-  let io;
-
-  const $observed = observedElements instanceof jQuery
-    ? observedElements
-    : $(observedElements);
-
-  const $sticky = stickyElements instanceof jQuery
-    ? stickyElements
-    : $(stickyElements);
-
-  if (!$observed.length || !$sticky.length) return;
-
-  function toggle(hide) {
-    $sticky.toggleClass('is-hidden', hide);
-    $('body').toggleClass('summary-hidden', hide);
-    if (hide) {
-      $(collapseSelector).collapse('hide');
-    }
-  }
-
-  if ('IntersectionObserver' in window) {
-    io = new IntersectionObserver(
-      entries => {
-        const anyInView = entries.some(e => e.isIntersecting);
-        toggle(anyInView);
-      },
-      { rootMargin: '0px 0px -20% 0px', threshold: 0 }
-    );
-    $observed.each((_, el) => io.observe(el));
-  } else {
-    // Fallback for older browsers
-    function check() {
-      let anyInView = false;
-      $observed.each(function () {
-        const r = this.getBoundingClientRect();
-        if (r.top < window.innerHeight * 0.8 && r.bottom > 0) {
-          anyInView = true;
-          return false; // break
-        }
-      });
-      toggle(anyInView);
-    }
-    $(window)
-      .off('scroll.sticky resize.sticky')
-      .on('scroll.sticky resize.sticky', check);
-    check();
-  }
-}

package/src/components/checkout-payment-info-block.hbs

@@ -1,47 +0,0 @@
-<div {{#if dataAttr}}{{dataAttr}}{{/if}} class="{{blockClass}}" style="display: none;">
-  <div class="{{infoClass}}">
-    <div class="{{infoClass}}__header">
-      <h4 class="{{infoClass}}__header_title">{{{heading}}}</h4>
-      <div class="{{infoClass}}__logo-img-big">
-        {{{brandLogoHtml}}}
-      </div>
-    </div>
-
-    <ul class="{{infoClass}}__list">
-        <li class="{{infoClass}}__list_item">
-          <i class="fa fa-check"></i>{{listItem1}}
-        </li>
-
-        <li class="{{infoClass}}__list_item">
-          <i class="fa fa-check"></i>{{listItem2}}
-        </li>
-
-        <li class="{{infoClass}}__list_item">
-          <i class="fa fa-check"></i>{{listItem3}}
-        </li>
-    </ul>
-
-    {{#if learnMoreHtml}}
-      <div class="{{infoClass}}__learn-more">
-        {{{learnMoreHtml}}}
-      </div>
-    {{/if}}
-
-    <div class="{{infoClass}}__accept-info">
-      {{{acceptInfo}}}
-    </div>
-  </div>
-
-  <div class="form-row form-row__action form-row__action_custom">
-    <div class="form-row__col-btn">
-      <button class="btn btn-primary btn_full {{ctaButtonClass}}">
-        <span class="btn__text">{{ctaButtonLabel}}</span>
-      </button>
-    </div>
-    <div class="form-row__col-terms">
-      <p>
-        {{{ctaFooterHtml}}}
-      </p>
-    </div>
-  </div>
-</div>

package/src/components/checkout-payment-option.hbs

@@ -1,40 +0,0 @@
-<div {{#if dataAttr}}{{dataAttr}}{{/if}} class="{{blockClass}}" style="display: none;">
-  <div class="payment-info">
-    <div class="payment-info__header">
-      <h4 class="payment-info__header_title">{{{heading}}}</h4>
-      <div class="payment-info__logo-img-big">
-        <img
-            src="{{logoImgSrc}}"
-            alt="{{logoImgAlt}}"
-            width="70"
-            height="35"
-        >
-      </div>
-    </div>
-
-    <ul class="payment-info__list">
-      {{#each infoList}}
-        <li class="payment-info__list_item">
-          <i class="fa fa-check"></i>{{this}}
-        </li>
-      {{/each}}
-    </ul>
-
-    <div class="payment-info__accept-info">
-      {{{acceptInfo}}}
-    </div>
-  </div>
-
-  <div class="form-row form-row__action form-row__action_custom">
-    <div class="form-row__col-btn">
-      <button class="btn btn-primary btn_full btn-enter-details">
-        <span class="btn__text">{{payButtonText}}</span>
-      </button>
-    </div>
-    <div class="form-row__col-terms">
-      <p>
-        {{{termsText}}}
-      </p>
-    </div>
-  </div>
-</div>

package/src/components/checkout-voucher-accordion.hbs

@@ -1,15 +0,0 @@
-<li class="checkout-widget__voucher-accordion">
-  <div
-      class="checkout-widget__voucher-toggle collapsed"
-      data-toggle="collapse"
-      data-target="#checkout-voucher-accordion-{{id}}"
-  >
-    Got a voucher?
-    <span class="checkout-widget__icon">
-            <i class="fal fa-angle-up fa-2x"></i>
-          </span>
-  </div>
-  <div class="collapse" id="checkout-voucher-accordion-{{id}}">
-    {{> checkout_voucher_large  id=id title=""}}
-  </div>
-</li>

package/src/components/summary-mobile-bar.hbs

@@ -1,17 +0,0 @@
-<div class="summary__mobile-bar" data-sticky-element>
-  <div class="summary__mobile-order collapsed"
-       data-toggle="collapse"
-       aria-expanded="false"
-       data-target="#checkout-summary-mobile-accordion-{{id}}">
-    <div class="summary__mobile-container container">
-      <span class="summary__mobile-bar-label">Order Summary</span>
-      <div class="summary__icon-container">
-        <span class="summary__mobile-bar-total">{{ total.value }}</span>
-        <span class="summary__icon summary__icon-up">
-          <i class="fal fa-angle-up fa-2x"></i>
-        </span>
-      </div>
-    </div>
-  </div>
-    {{> checkout-action container="true" hidePaypalEmail="true"}}
-</div>

package/src/img/billie-spinner.svg

@@ -1,5 +0,0 @@
-<svg width="111" height="38" viewBox="0 0 111 38" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Group">
-<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M24.1126 11.634C24.1126 13.086 23.953 14.675 23.6486 16.1599L23.6533 16.1552C26.5152 18.4111 28.2071 21.8351 28.2071 25.4578C28.2071 32.0125 22.7928 37.3473 16.1458 37.3473H0V11.8895C0 8.62159 1.38251 5.46225 3.79482 3.22538C6.04258 1.1445 8.97215 0 12.0419 0C12.3027 0 12.5688 0.00946354 12.8297 0.0236584C19.0465 0.411457 24.1126 5.61839 24.1126 11.634ZM11.1958 31.7857H16.1364C19.6701 31.7857 22.5464 28.9481 22.5464 25.4626C22.5464 23.7222 21.8357 22.1521 20.6852 21.0076C18.5051 25.1032 15.3966 28.6358 11.1958 31.7857ZM18.1907 14.6088C18.3456 13.7292 18.4663 12.6841 18.4663 11.6292C18.4663 8.5033 15.7787 5.784 12.477 5.58054C10.6835 5.46698 8.97687 6.07235 7.67178 7.28309C6.36642 8.49383 5.64631 10.1301 5.64631 11.8942V14.6088H18.1907ZM16.1364 19.1347H5.64631H5.6366V30.0879C10.6979 26.9049 14.1736 23.396 16.4891 19.1442C16.3731 19.1347 16.2524 19.1347 16.1364 19.1347ZM47.3827 0.657363V31.6106C47.3827 35.6968 49.6837 38 53.5751 38C55.1608 38 56.6496 37.6217 57.7035 37.1533L56.3596 32.9255C55.9777 33.0627 55.4943 33.157 54.9673 33.157C53.9087 33.157 53.5268 32.5943 53.5268 31.4216V0L47.3827 0.657363ZM62.2048 0.657363V31.6106C62.2048 35.6968 64.5059 38 68.3973 38C69.9829 38 71.4717 37.6217 72.5256 37.1533L71.1817 32.9255C70.7999 33.0627 70.3165 33.157 69.7895 33.157C68.7308 33.157 68.349 32.5943 68.349 31.4216V0L62.2048 0.657363ZM110.86 26.7493H95.1006C95.5743 31.7623 97.9478 33.3892 101.274 33.3892C103.502 33.3892 105.354 32.6939 107.539 31.209L110.053 34.5999C107.582 36.5532 104.546 37.8962 100.747 37.8962C92.9591 37.8962 88.7825 32.8358 88.7825 25.0751C88.7825 17.3144 92.819 11.9323 99.9397 11.9323C107.06 11.9323 111 16.5766 111 24.3325C111 24.973 110.94 25.7345 110.891 26.3477C110.88 26.4907 110.869 26.6257 110.86 26.7493ZM104.866 22.5827C104.866 18.5391 103.396 16.1273 99.9735 16.1273C97.1261 16.1273 95.3229 17.9858 94.9893 22.8618H104.866V22.5827ZM40.8387 3.71171C40.8387 5.70746 39.2677 7.28699 36.9908 7.28699V7.28226C34.7572 7.28226 33.191 5.75004 33.191 3.70698C33.191 1.66392 34.709 0.0843347 36.9908 0.0843347C39.2725 0.0843347 40.8387 1.71594 40.8387 3.71171ZM34.0069 12.052V37.0086H40.151V11.3993L34.0069 12.052ZM83.6587 3.71171C83.6587 5.70746 82.0878 7.28699 79.8109 7.28699V7.28226C77.5775 7.28226 76.011 5.75004 76.011 3.70698C76.011 1.66392 77.534 0.0843347 79.8109 0.0843347C82.0878 0.0843347 83.6587 1.71594 83.6587 3.71171ZM76.6687 12.052V37.0086H82.8129V11.3993L76.6687 12.052Z" fill="white"/>
-</g>
-</svg>

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

@@ -1,4 +0,0 @@
-<svg width="48" height="30" viewBox="0 0 48 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="48" height="30" rx="3" fill="#1C1C1E"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5745 12.7945C14.5745 13.2293 14.5266 13.705 14.4352 14.1496L14.4366 14.1482C15.296 14.8236 15.8041 15.8488 15.8041 16.9334C15.8041 18.8959 14.1782 20.4932 12.1821 20.4932H7.3335V12.871C7.3335 11.8926 7.74866 10.9467 8.47308 10.277C9.14808 9.65395 10.0278 9.31128 10.9497 9.31128C11.028 9.31128 11.1079 9.31411 11.1862 9.31836C13.0532 9.43447 14.5745 10.9934 14.5745 12.7945ZM10.6956 18.828H12.1792C13.2404 18.828 14.1042 17.9784 14.1042 16.9349C14.1042 16.4138 13.8907 15.9437 13.5452 15.601C12.8906 16.8273 11.9571 17.8849 10.6956 18.828ZM12.7962 13.6852C12.8427 13.4219 12.8789 13.1089 12.8789 12.7931C12.8789 11.8572 12.0718 11.043 11.0803 10.9821C10.5417 10.9481 10.0292 11.1294 9.63733 11.4919C9.24533 11.8544 9.02908 12.3443 9.02908 12.8724V13.6852H12.7962ZM12.1792 15.0403H9.02908H9.02616V18.3197C10.5461 17.3667 11.5898 16.3161 12.2852 15.0431C12.2503 15.0403 12.2141 15.0403 12.1792 15.0403ZM21.5625 9.5081V18.7756C21.5625 19.999 22.2535 20.6886 23.4221 20.6886C23.8982 20.6886 24.3453 20.5754 24.6618 20.4351L24.2582 19.1693C24.1436 19.2104 23.9984 19.2386 23.8402 19.2386C23.5222 19.2386 23.4076 19.0701 23.4076 18.719V9.31128L21.5625 9.5081ZM26.0136 9.5081V18.7756C26.0136 19.999 26.7046 20.6886 27.8732 20.6886C28.3493 20.6886 28.7964 20.5754 29.1129 20.4351L28.7093 19.1693C28.5947 19.2104 28.4495 19.2386 28.2912 19.2386C27.9733 19.2386 27.8587 19.0701 27.8587 18.719V9.31128L26.0136 9.5081ZM40.6247 17.3201H35.8922C36.0344 18.821 36.7472 19.3081 37.746 19.3081C38.4152 19.3081 38.9712 19.0999 39.6273 18.6554L40.3822 19.6706C39.6404 20.2554 38.7287 20.6575 37.5877 20.6575C35.2491 20.6575 33.9948 19.1424 33.9948 16.8189C33.9948 14.4953 35.207 12.8839 37.3453 12.8839C39.4837 12.8839 40.6667 14.2744 40.6667 16.5965C40.6667 16.7883 40.6486 17.0163 40.634 17.1999C40.6306 17.2427 40.6274 17.2831 40.6247 17.3201ZM38.8246 16.0726C38.8246 14.8619 38.3832 14.1399 37.3555 14.1399C36.5004 14.1399 35.9589 14.6963 35.8587 16.1562H38.8246V16.0726ZM19.5973 10.4226C19.5973 11.0201 19.1256 11.493 18.4418 11.493V11.4916C17.7711 11.4916 17.3007 11.0329 17.3007 10.4212C17.3007 9.80946 17.7566 9.33653 18.4418 9.33653C19.127 9.33653 19.5973 9.82504 19.5973 10.4226ZM17.5457 12.9197V20.3918H19.3908V12.7243L17.5457 12.9197ZM32.4562 10.4226C32.4562 11.0201 31.9844 11.493 31.3007 11.493V11.4916C30.63 11.4916 30.1596 11.0329 30.1596 10.4212C30.1596 9.80946 30.6169 9.33653 31.3007 9.33653C31.9844 9.33653 32.4562 9.82504 32.4562 10.4226ZM30.3571 12.9197V20.3918H32.2022V12.7243L30.3571 12.9197Z" fill="white"/>
-</svg>

package/src/js/page/basket/summary-mobile.js

@@ -1,17 +0,0 @@
-const summaryMobileEl = {
-  summaryAside: '.summary__aside',
-  backToTop : '#back-to-top',
-};
-
-export function addClassToSummaryAside(data) {
-  const payPalEnabled = data?.paymentInfos?.payPalEnabled;
-  const clickAndCollectOnly = data.clickAndCollectOnly;
-  const isPayPalAllowed = payPalEnabled && clickAndCollectOnly;
-  const $aside = $(summaryMobileEl.summaryAside);
-  const $backToTop = $(summaryMobileEl.backToTop);
-
-  if (isPayPalAllowed === false) {
-    $aside.addClass('single-button');
-    $backToTop.addClass('single-button');
-  }
-}

package/src/js/page/components/sticky-order-observer.js

@@ -1,49 +0,0 @@
-export function initStickyObserver(observedElements, stickyElements, collapseSelector) {
-  let io;
-
-  const $observed = observedElements instanceof jQuery
-    ? observedElements
-    : $(observedElements);
-
-  const $sticky = stickyElements instanceof jQuery
-    ? stickyElements
-    : $(stickyElements);
-
-  if (!$observed.length || !$sticky.length) return;
-
-  function toggle(hide) {
-    $sticky.toggleClass('is-hidden', hide);
-    $('body').toggleClass('summary-hidden', hide);
-    if (hide) {
-      $(collapseSelector).collapse('hide');
-    }
-  }
-
-  if ('IntersectionObserver' in window) {
-    io = new IntersectionObserver(
-      entries => {
-        const anyInView = entries.some(e => e.isIntersecting);
-        toggle(anyInView);
-      },
-      { rootMargin: '0px 0px -20% 0px', threshold: 0 }
-    );
-    $observed.each((_, el) => io.observe(el));
-  } else {
-    // Fallback for older browsers
-    function check() {
-      let anyInView = false;
-      $observed.each(function () {
-        const r = this.getBoundingClientRect();
-        if (r.top < window.innerHeight * 0.8 && r.bottom > 0) {
-          anyInView = true;
-          return false; // break
-        }
-      });
-      toggle(anyInView);
-    }
-    $(window)
-      .off('scroll.sticky resize.sticky')
-      .on('scroll.sticky resize.sticky', check);
-    check();
-  }
-}

package/src/page_payment-details-with-billie.html

@@ -1,66 +0,0 @@
-{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Billie" isAsideSticky="true" clearPayIcon=true}}
-
-{{#content "head" mode="append"}}
-<link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
-<link type="text/css" rel="stylesheet" href="./css/pages/page_checkout_delivery-new.css">
-<link type="text/css" rel="stylesheet" href="./css/components/payment-details-BPS-form.css">
-<link type="text/css" rel="stylesheet" href="./css/components/checkout-payment-details-v2.css">
-
-<script src="https://applepay.cdn-apple.com/jsapi/v1/apple-pay-sdk.js"></script>
-{{/content}}
-{{#content "notification"}}
-{{> notifications notification-page.error text="Sorry, there are errors on this page. Please review the information you've entered and update sections marked in red."}}
-{{/content}}
-{{#content "steps"}}
-{{> steps-three-steps active-step-index="2"}}
-{{/content}}
-
-{{#content "aside"}}
-{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon}}
-{{/content}}
-
-
-{{#content "main"}}
-<div class="delivery-block">
-  <h3 class="delivery-block__heading">Delivery Information</h3>
-  <div class="delivery-block__wrapper">
-    {{#with checkoutOrder.deliveryPayments.[0]}}
-    <div class="checkout-order">
-      {{> checkout-order-block}}
-    </div>
-    {{/with}}
-  </div>
-</div>
-
-<div class="click-collect-block">
-  <h3 class="click-collect-block__heading">Click & Collect</h3>
-  <div class="click-collect-block__wrapper">
-    {{#with checkoutOrder.clickCollectDeliveryAddress.[0]}}
-    <div class="checkout-order">
-      {{> checkout-order-block}}
-    </div>
-    {{/with}}
-  </div>
-</div>
-
-<div class="billing-payment-block">
-  <h3 class="billing-payment-block__heading">Billing & Payment</h3>
-  <div class="billing-payment-block__wrapper">
-    {{> checkout-payment-details-v2 apple-pay=true google-pay=true clear-pay=true billie=true}}
-  </div>
-</div>
-
-{{/content}}
-
-{{#content "foot" mode="append"}}
-<script
-    async
-    src="https://pay.google.com/gp/p/js/pay.js">
-</script>
-<script defer src="./js/page/checkout-confirmation-new.js"></script>
-<script defer src="./js/page/checkout-payment-details.js"></script>
-<script defer src="./js/page/klarna-modal-scroll-disable.js"></script>
-{{> checkout-terms-and-conditions-modal }}
-{{> payment-loader billie-logo="true" hidden="true"}}
-{{/content}}
-{{/extend}}