wickes-css2 2.98.0-billie.1 → 2.98.0-develop.2

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 billieIcon=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 billieIcon=true paymentsCheckoutV2=true}}
-{{/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}}

package/src/page_product-details-billie.html

@@ -1,86 +0,0 @@
-{{#extend "base" pageClass="page-product-details" title="Product details page new with Billie"
-isDiscount=true
-isSQM=true
-isDescription=true
-isCashback=false
-isSize=true
-hourly-delivery=true
-badge-text='15% off'
-badge-color='yellow'
-badge-text-color='gray'
-step3=true
-currentlyInStock=true
-pagePdp=true
-}}
-{{#content "body"}}
-
-
-<main class="pdp__main">
-  <div class="container">
-    <div class="pdp">
-      <div class="pdp__title">
-        <h1 class="pdp__heading">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill Example with long
-          title in two rows
-        </h1>
-        <div class="pdp__reviews_small">
-          <span class="product-code product-code-v2">Product code: <strong id="product-code-val">236334</strong></span>
-          <div class="product-card__reviews review-star">
-            <div class="product-rating product-rating-v2">
-              <div class="rating-bg">
-                <i class="fa fa-star" aria-hidden="true"></i>
-                <i class="fa fa-star" aria-hidden="true"></i>
-                <i class="fa fa-star" aria-hidden="true"></i>
-                <i class="fa fa-star" aria-hidden="true"></i>
-                <i class="fa fa-star" aria-hidden="true"></i>
-                <div class="rating-overlay"
-                     data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
-                  <i class="fa fa-star" aria-hidden="true"></i>
-                  <i class="fa fa-star" aria-hidden="true"></i>
-                  <i class="fa fa-star" aria-hidden="true"></i>
-                  <i class="fa fa-star" aria-hidden="true"></i>
-                  <i class="fa fa-star" aria-hidden="true"></i>
-                </div>
-              </div>
-            </div>
-            <span class="review-star-average review-star-average-v2">(4.6)</span>
-          </div>
-          <span class="pdp__reviews-link-wrap"><a href="#" data-link="#pdp-reviews" id="open-review">82 reviews</a></span>
-        </div>
-      </div>
-
-      <div class="pdp__gallery">
-        {{> gallery-pdp-v2 }}
-      </div>
-      <div class="pdp__aside">
-        {{> price-block-v2
-        isProductSaved=false
-        isUserLogedOut=true
-        install=true
-        sample=true
-        big-wins=true
-        stock-accordion="stock-accordion"
-        cc=false
-        nearestAmount=12
-        isUserNonRegistered=true
-        delivery=true
-        nearest-purchase=true
-        clearpay-placement=true
-        }}
-        {{> fulfilment-accordions }}
-      </div>
-      <div class="pdp__description">
-        {{> product-main-info-v2 isAdvice=true}}
-      </div>
-    </div>
-  </div>
-</main>
-{{/content}}
-{{#content "foot" mode="append"}}
-<script type="text/html" id="mini-basket-popup">
-  {{> popover-mini-basket mod="popover-mini-basket_just-added" products=mini-basket.just-added just-added=true}}
-</script>
-<script defer src="./js/page/pdp.js"></script>
-{{> click-and-collect-modal}}
-{{> thank-you-modal}}
-{{/content}}
-{{/extend}}

package/src/page_shopping-cart-charity.html

@@ -1,56 +0,0 @@
-{{#extend "right-aside" page_shopping-cart pageClass="page_basket" title="Basket" pageBasket=true}}
-  {{#content "head" mode="append"}}
-    <link type="text/css" rel="stylesheet" href="./css/pages/page_shopping-cart.css">
-    <link type="text/css" rel="stylesheet" href="./css/pages/checkout.css">
-  {{/content}}
-  {{#content "heading"}}
-    <div class="notification-area desktop">
-      {{> notifications notification-page.warning-tiles-changed withCloseBtn="true"}}
-    </div>
-
-    <div class="page-header">
-      <a href="./" class="page-header__back-link">Continue shopping</a>
-
-      <div class="notification-area mobile">
-        {{> notifications notification-page.warning-tiles-changed withCloseBtn="true"}}
-      </div>
-
-      <h1 class="page-header__title">Your Basket</h1>
-    </div>
-  {{/content}}
-  {{#content "main"}}
-    {{> checkout_actions
-        top-actions=true
-        modifier="checkout-widget__basket-block_small"}}
-    {{> checkout_order-summary_basket label="Total: " id=1 }}
-    {{#extend "lines-group" name="For delivery" count=4 id=136589003}}
-      {{#content "content"}}
-        {{#each linesDelivery}}
-          {{>order-line mod="order-line_shrink" dynamic=true deliveryChecked=true pageShopCart=true}}
-        {{/each}}
-      {{/content}}
-    {{/extend}}
-    {{#if charityDonations}}
-        {{> charity-donations charityDonations}}
-        {{#each linesCharity}}
-          {{>order-line mod="order-line_shrink" dynamic=true}}
-        {{/each}}
-    {{/if}}
-  {{/content}}
-  {{#content "aside"}}
-      {{> checkout_order-summary_basket label="Total: " id=2}}
-  {{/content}}
-  {{#content "prefooter"}}
-<div class="container component pb-0">
-    <hr>
-</div>
-
-  {{/content}}
-  {{#content "footer"}}
-    {{> footer_basket }}
-  {{/content}}
-  {{#content "foot" mode="append"}}
-    <script defer src="./js/page/basket.js"></script>
-    {{> click-and-collect-modal }}
-  {{/content}}
-{{/extend}}

package/src/scss/components/my-account/_payment-status.scss

@@ -1,36 +0,0 @@
-.payment-status {
-  display: flex;
-  align-items: center;
-  padding: 8px;
-  background-color: $gray-bg;
-  gap: 8px;
-  margin-top: 12px;
-  grid-area: paymentStatus;
-
-  &__logo {
-    width: 38px;
-    height: 24px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-
-    .payments-status__image {
-      max-width: 100%;
-      height: auto;
-      display: block;
-    }
-  }
-
-  &__text {
-    font-size: .75rem;
-    font-weight: 400;
-    line-height: 1rem;
-  }
-}
-
-@include media-breakpoint-up(lg) {
-  .payment-status {
-    margin-top: 16px;
-  }
-}