wickes-css2 2.98.0-develop.1 → 2.98.0-develop.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (147) hide show
  1. package/Readme.md +3 -3
  2. package/build/css/category-main.css +1 -1
  3. package/build/css/components/checkout-payment-details-v2.css +1 -1
  4. package/build/css/components/global-search.css +1 -1
  5. package/build/css/components/loader.css +1 -1
  6. package/build/css/components/price-block-v2-critical.css +1 -1
  7. package/build/css/components/price-block-v2.css +1 -1
  8. package/build/css/homepage-main.css +1 -1
  9. package/build/css/main.css +1 -1
  10. package/build/css/my-account-main-v2.css +1 -1
  11. package/build/css/my-account-main.css +1 -1
  12. package/build/css/pages/checkout-new.css +1 -1
  13. package/build/css/pages/checkout.css +1 -1
  14. package/build/css/pages/my-account-v2.css +1 -1
  15. package/build/css/pages/page_home.css +1 -1
  16. package/build/css/pages/page_my-order.css +1 -1
  17. package/build/css/pages/page_my-orders.css +1 -1
  18. package/build/css/pages/page_wismo-details.css +1 -1
  19. package/build/css/pdp-main-before-combine.css +1 -1
  20. package/build/css/pdp-main-critical.css +1 -1
  21. package/build/css/pdp-main-non-critical.css +1 -1
  22. package/build/css/pdp-main.css +1 -1
  23. package/build/css/plp-main.css +1 -1
  24. package/build/css/store-locator-main.css +1 -1
  25. package/build/img/billie-logo.svg +4 -0
  26. package/build/img/billie-modal.svg +4 -0
  27. package/build/img/billie-pdp.svg +11 -0
  28. package/build/img/billie-spinner.svg +5 -0
  29. package/build/img/billie.svg +4 -0
  30. package/build/img/calm-primary-logo.png +0 -0
  31. package/build/img/payment/checkout/billie.svg +4 -0
  32. package/build/img/payment/footer/billie.svg +4 -0
  33. package/build/js/basket.min.js +2 -2
  34. package/build/js/bundle.min.js +1 -1
  35. package/build/js/checkout.min.js +1 -1
  36. package/build/js/emulation.min.js +23 -33
  37. package/build/js/general.bundle.min.js +1 -1
  38. package/build/js/merged-checkout.min.js +1 -1
  39. package/build/js/page/basket-v2.js +16 -7
  40. package/build/js/page/billie-business-type.js +34 -0
  41. package/build/js/page/checkout-payment-details.js +8 -0
  42. package/build/js/page/components/charity.js +58 -43
  43. package/build/js/page/components/modal-observer.js +51 -0
  44. package/build/js/page/smart-banner.js +4 -1
  45. package/build/js/pdp.bundle.min.js +1 -1
  46. package/build/js/plp.bundle.min.js +1 -1
  47. package/build/js/project-list.min.js +1 -1
  48. package/build/js/smart-banner.min.js +1 -1
  49. package/package.json +1 -9
  50. package/src/components/address-billie.hbs +42 -0
  51. package/src/components/address-postcode-look-up.hbs +2 -2
  52. package/src/components/basket-charity-donations-new.hbs +40 -0
  53. package/src/components/billie-modal.hbs +41 -0
  54. package/src/components/billie-online-messaging.hbs +14 -0
  55. package/src/components/checkout-edit-billing-address.hbs +20 -6
  56. package/src/components/checkout-payment-details-v2.hbs +94 -55
  57. package/src/components/checkout-payment-info-block.hbs +49 -0
  58. package/src/components/checkout-payment-option.hbs +40 -0
  59. package/src/components/checkout_payment-new.hbs +10 -1
  60. package/src/components/donation-cart-new.hbs +38 -0
  61. package/src/components/modal.hbs +4 -1
  62. package/src/components/my-account/active-orders/list-orders.hbs +1 -1
  63. package/src/components/my-account/active-orders/order.hbs +2 -0
  64. package/src/components/my-account/active-orders/payment-status.hbs +17 -0
  65. package/src/components/my-account/payment-status.hbs +19 -0
  66. package/src/components/my-account/saving-totaliser.hbs +52 -0
  67. package/src/components/order-summary.hbs +3 -0
  68. package/src/components/payment-loader.hbs +59 -21
  69. package/src/components/payments-checkout-v2.hbs +12 -6
  70. package/src/components/payments-checkout.hbs +6 -0
  71. package/src/components/payments.hbs +10 -4
  72. package/src/components/price-block-v2.hbs +13 -8
  73. package/src/components/smart-banner.hbs +1 -1
  74. package/src/components/wismo-payment.hbs +16 -0
  75. package/src/data/data_shopping-cart-v2.json +51 -0
  76. package/src/data/data_wismo.json +53 -0
  77. package/src/data/my-account/data_my-account.json +57 -0
  78. package/src/elements/radiobutton.hbs +7 -0
  79. package/src/img/billie-logo.svg +4 -0
  80. package/src/img/billie-modal.svg +4 -0
  81. package/src/img/billie-pdp.svg +11 -0
  82. package/src/img/billie-spinner.svg +5 -0
  83. package/src/img/billie.svg +4 -0
  84. package/src/img/calm-primary-logo.png +0 -0
  85. package/src/img/payment/checkout/billie.svg +4 -0
  86. package/src/img/payment/footer/billie.svg +4 -0
  87. package/src/js/components/general/main-nav.js +6 -282
  88. package/src/js/components/general/notification.js +1 -1
  89. package/src/js/emulation/paymentLoader.js +22 -11
  90. package/src/js/page/basket-v2.js +16 -7
  91. package/src/js/page/billie-business-type.js +34 -0
  92. package/src/js/page/checkout-payment-details.js +8 -0
  93. package/src/js/page/components/charity.js +58 -43
  94. package/src/js/page/components/modal-observer.js +51 -0
  95. package/src/js/page/smart-banner.js +4 -1
  96. package/src/layouts/base.hbs +0 -3
  97. package/src/layouts/bicester-kitchen.hbs +0 -3
  98. package/src/layouts/my-account.hbs +0 -3
  99. package/src/page_basket-billie.html +54 -0
  100. package/src/page_checkout_confirmation-billie.html +339 -0
  101. package/src/page_checkout_delivery-address-customer-journey.html +2 -2
  102. package/src/page_my-account-trade-pro-components.html +27 -0
  103. package/src/page_my-account-trade-pro.html +7 -0
  104. package/src/page_my-account.html +1 -0
  105. package/src/page_my-order.html +1 -1
  106. package/src/page_payment-details-with-billie.html +67 -0
  107. package/src/page_product-details-billie.html +87 -0
  108. package/src/page_shopping-cart-v2.html +4 -3
  109. package/src/page_wismo-details.html +2 -2
  110. package/src/partials/head.hbs +1 -5
  111. package/src/partials/main-nav.hbs +0 -1
  112. package/src/scss/common/_app.scss +0 -1
  113. package/src/scss/common/_elements.scss +4 -0
  114. package/src/scss/components/_billie-modal.scss +181 -0
  115. package/src/scss/components/_billie-online-messaging.scss +46 -0
  116. package/src/scss/components/_charity-donations.scss +114 -186
  117. package/src/scss/components/_donation-cart-new.scss +192 -0
  118. package/src/scss/components/_payments-checkout.scss +2 -1
  119. package/src/scss/components/_payments-v2.scss +8 -0
  120. package/src/scss/components/_smart-banner.scss +4 -2
  121. package/src/scss/components/_tooltip.scss +19 -0
  122. package/src/scss/components/checkout-payment-details-v2.scss +237 -0
  123. package/src/scss/components/loader.scss +8 -0
  124. package/src/scss/components/my-account/_active-orders.scss +2 -0
  125. package/src/scss/components/my-account/_payment-status.scss +84 -0
  126. package/src/scss/components/my-account/_saving-totaliser.scss +175 -0
  127. package/src/scss/components/price-block-v2-critical.scss +4 -0
  128. package/src/scss/components/price-block-v2.scss +4 -0
  129. package/src/scss/globals/_global-components.scss +0 -1
  130. package/src/scss/main.scss +0 -1
  131. package/src/scss/pages/_checkout-confirmation-new.scss +10 -3
  132. package/src/scss/pages/checkout-new.scss +3 -0
  133. package/src/scss/pages/my-account-v2.scss +3 -0
  134. package/src/scss/pages/page_wismo-details.scss +1 -0
  135. package/src/scss/partials/_main-nav.scss +0 -31
  136. package/src/scss/pdp-main-critical.scss +1 -1
  137. package/src/scss/pdp-main.scss +2 -0
  138. package/src/sitemap.html +24 -19
  139. package/src/components/google-banner.hbs +0 -29
  140. package/src/js/emulation/main-nav-local.js +0 -21
  141. package/src/page_app_google_banner.html +0 -176
  142. package/src/page_my-account_tradePro-with-google-banner.html +0 -147
  143. package/src/page_old-navigation.html +0 -10
  144. package/src/page_product-details_google-banner.html +0 -124
  145. package/src/page_shopping-cart-charity.html +0 -56
  146. package/src/scss/components/_google_banner-critical.scss +0 -66
  147. package/src/scss/components/_google_banner.scss +0 -80
@@ -1,124 +0,0 @@
1
- {{#extend "base" pageClass="page-product-details" title="Product details page new"
2
- isDiscount=true
3
- isSQM=true
4
- isDescription=false
5
- isCashback=false
6
- isSize=true
7
- isGuide=true
8
- hourly-delivery=true
9
- badge-text='15% off'
10
- badge-color='yellow'
11
- badge-text-color='gray'
12
- currentlyInStock=true
13
- pagePdp=true
14
- googleBanner="true"
15
- }}
16
- {{#content "body"}}
17
- <main class="pdp__main">
18
- <div class="container">
19
- <div class="pdp">
20
- <div class="pdp__title">
21
- <h1 class="pdp__heading">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill Example with long
22
- title in two raws
23
- </h1>
24
- <div class="pdp__reviews_small">
25
- <span class="product-code product-code-v2">Product code: <strong>132176</strong></span>
26
- <div class="product-card__reviews review-star">
27
- <div class="product-rating product-rating-v2">
28
- <div class="rating-bg">
29
- <i class="fa fa-star" aria-hidden="true"></i>
30
- <i class="fa fa-star" aria-hidden="true"></i>
31
- <i class="fa fa-star" aria-hidden="true"></i>
32
- <i class="fa fa-star" aria-hidden="true"></i>
33
- <i class="fa fa-star" aria-hidden="true"></i>
34
- <div class="rating-overlay"
35
- data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
36
- <i class="fa fa-star" aria-hidden="true"></i>
37
- <i class="fa fa-star" aria-hidden="true"></i>
38
- <i class="fa fa-star" aria-hidden="true"></i>
39
- <i class="fa fa-star" aria-hidden="true"></i>
40
- <i class="fa fa-star" aria-hidden="true"></i>
41
- </div>
42
- </div>
43
- </div>
44
- <span class="review-star-average review-star-average-v2">(4.6)</span>
45
- </div>
46
- <span class="pdp__reviews-link-wrap"><a href="#" data-link="#pdp-reviews" id="open-review">82 reviews</a></span>
47
- </div>
48
- </div>
49
-
50
- <div class="pdp__gallery">
51
- {{> gallery-pdp-v2 }}
52
- </div>
53
- <div class="pdp__aside">
54
- {{>
55
- price-block-v2
56
- isProductSaved=false
57
- isUserLogedOut=true
58
- install=true
59
- sample=false
60
- def-store=true
61
- nearestAmount=12
62
- cc=false
63
- delivery=true
64
- default-store=true
65
- more-stores-present=true
66
- current-store-details=false
67
- toBeDefaultName="Watford"
68
- amount="12"
69
- nearestDistance="1.4"
70
- distance="1.4"
71
- nearestName="Watford"
72
- }}
73
- {{> fulfilment-accordions }}
74
- </div>
75
- <div class="pdp__description">
76
- {{> product-main-info-v2 }}
77
- </div>
78
- {{> fulfilment-accordions }}
79
- </div>
80
- </div>
81
- <div class="container container-info">
82
- <div class="pdp">
83
- <div class="pdp__info">
84
- {{> pdp-info-v2 }}
85
- </div>
86
- </div>
87
- </div>
88
- {{> recently-viewed }}
89
-
90
- {{> similar-products-v2 }}
91
-
92
- {{> seo-widgets title="More products" }}
93
- {{> seo-widgets title="Related category" }}
94
- </main>
95
- {{/content}}
96
- {{#content "foot" mode="append"}}
97
- <script type="text/html" id="mini-basket-popup">
98
- {{> popover-mini-basket mod="popover-mini-basket_just-added" products=mini-basket.just-added just-added=true}}
99
- </script>
100
- <script defer src="./js/page/pdp.js"></script>
101
- {{> click-and-collect-modal pdp=pdp}}
102
- {{/content}}
103
- {{/extend}}
104
- <!--<script defer src="./js/components/badge-cashback.js"></script>-->
105
- <script>
106
- if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
107
- $(document).ready(function () {
108
- $('.modal').on('scroll', function () {
109
- $(':focus').blur();
110
- });
111
- });
112
- }
113
-
114
- $(document).ready(function () {
115
-
116
- $('#info-details').toggleClass('accordion_collapsed');
117
- $('#details-content').css('display', 'block');
118
-
119
- $('#open-review').on('click', function () {
120
- $('#info-review').toggleClass('accordion_collapsed');
121
- $('#review-content').css('display', 'block');
122
- })
123
- })
124
- </script>
@@ -1,56 +0,0 @@
1
- {{#extend "right-aside" page_shopping-cart pageClass="page_basket" title="Basket" pageBasket=true}}
2
- {{#content "head" mode="append"}}
3
- <link type="text/css" rel="stylesheet" href="./css/pages/page_shopping-cart.css">
4
- <link type="text/css" rel="stylesheet" href="./css/pages/checkout.css">
5
- {{/content}}
6
- {{#content "heading"}}
7
- <div class="notification-area desktop">
8
- {{> notifications notification-page.warning-tiles-changed withCloseBtn="true"}}
9
- </div>
10
-
11
- <div class="page-header">
12
- <a href="./" class="page-header__back-link">Continue shopping</a>
13
-
14
- <div class="notification-area mobile">
15
- {{> notifications notification-page.warning-tiles-changed withCloseBtn="true"}}
16
- </div>
17
-
18
- <h1 class="page-header__title">Your Basket</h1>
19
- </div>
20
- {{/content}}
21
- {{#content "main"}}
22
- {{> checkout_actions
23
- top-actions=true
24
- modifier="checkout-widget__basket-block_small"}}
25
- {{> checkout_order-summary_basket label="Total: " id=1 }}
26
- {{#extend "lines-group" name="For delivery" count=4 id=136589003}}
27
- {{#content "content"}}
28
- {{#each linesDelivery}}
29
- {{>order-line mod="order-line_shrink" dynamic=true deliveryChecked=true pageShopCart=true}}
30
- {{/each}}
31
- {{/content}}
32
- {{/extend}}
33
- {{#if charityDonations}}
34
- {{> charity-donations charityDonations}}
35
- {{#each linesCharity}}
36
- {{>order-line mod="order-line_shrink" dynamic=true}}
37
- {{/each}}
38
- {{/if}}
39
- {{/content}}
40
- {{#content "aside"}}
41
- {{> checkout_order-summary_basket label="Total: " id=2}}
42
- {{/content}}
43
- {{#content "prefooter"}}
44
- <div class="container component pb-0">
45
- <hr>
46
- </div>
47
-
48
- {{/content}}
49
- {{#content "footer"}}
50
- {{> footer_basket }}
51
- {{/content}}
52
- {{#content "foot" mode="append"}}
53
- <script defer src="./js/page/basket.js"></script>
54
- {{> click-and-collect-modal }}
55
- {{/content}}
56
- {{/extend}}
@@ -1,66 +0,0 @@
1
- .google_banner {
2
- height: 115px;
3
-
4
- .banner {
5
- position: relative;
6
- width: 100%;
7
- background: $white;
8
- z-index: 1031;
9
-
10
- &-wrapper {
11
- @include make-container;
12
- @include make-container-max-widths;
13
- position: relative;
14
- }
15
-
16
- &-inner {
17
- @include make-row;
18
- flex-wrap: nowrap;
19
- padding: 16px 0;
20
- height: 115px;
21
-
22
- &__logo {
23
- @include make-col-ready;
24
- width: 75px;
25
- }
26
-
27
- &__head {
28
- @include make-col-ready;
29
- display: flex;
30
- flex-direction: column;
31
-
32
- .header-text {
33
- font-size: 16px;
34
- font-weight: 500;
35
- line-height: 19px;
36
- white-space: nowrap;
37
- margin-bottom: 10px;
38
- }
39
- }
40
-
41
- &__action {
42
- @include make-col-ready;
43
- display: flex;
44
- flex-direction: column;
45
- justify-content: space-between;
46
- align-items: flex-end;
47
-
48
- &-close {
49
- position: relative;
50
- top: 0;
51
- left: 0;
52
- font-size: 1.3125rem;
53
- }
54
-
55
- .btn_install {
56
- background-color: $blue-dark;
57
- color: $white;
58
- font-size: 14px;
59
- font-weight: 500;
60
- letter-spacing: .5px;
61
- line-height: 16px;
62
- }
63
- }
64
- }
65
- }
66
- }
@@ -1,80 +0,0 @@
1
- .google_banner {
2
- height: 115px;
3
-
4
- .banner {
5
- position: relative;
6
- width: 100%;
7
- background: $white;
8
- z-index: 1031;
9
-
10
- &-wrapper {
11
- @include make-container;
12
- @include make-container-max-widths;
13
- position: relative;
14
- }
15
-
16
- &-inner {
17
- @include make-row;
18
- flex-wrap: nowrap;
19
- padding: 16px 0;
20
- height: 115px;
21
-
22
- &__logo {
23
- @include make-col-ready;
24
- width: 75px;
25
- }
26
-
27
- &__head {
28
- @include make-col-ready;
29
- display: flex;
30
- flex-direction: column;
31
-
32
- .header-text {
33
- font-size: 16px;
34
- font-weight: 500;
35
- line-height: 19px;
36
- white-space: nowrap;
37
- margin-bottom: 10px;
38
- }
39
- }
40
-
41
- &__action {
42
- @include make-col-ready;
43
- display: flex;
44
- flex-direction: column;
45
- justify-content: space-between;
46
- align-items: flex-end;
47
-
48
- &-close {
49
- position: relative;
50
- top: 0;
51
- left: 0;
52
- font-size: 1.3125rem;
53
- }
54
-
55
- .btn_install {
56
- background-color: $blue-dark;
57
- color: $white;
58
- font-size: 14px;
59
- font-weight: 500;
60
- letter-spacing: .5px;
61
- line-height: 16px;
62
- }
63
- }
64
- }
65
- }
66
- }
67
-
68
- @include media-breakpoint-down(xs) {
69
- .google_banner {
70
- .banner-inner {
71
- &__action {
72
- padding-left: 0;
73
- }
74
-
75
- &__head {
76
- padding-right: 0;
77
- }
78
- }
79
- }
80
- }