wickes-css2 2.105.0-develop.6 → 2.105.0-develop.8

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 (209) hide show
  1. package/Readme.md +2 -2
  2. package/build/css/category-main.css +1 -1
  3. package/build/css/homepage-main.css +1 -1
  4. package/build/css/kitchen-plp-main.css +1 -1
  5. package/build/css/main.css +1 -1
  6. package/build/css/my-account-main-v2.css +1 -1
  7. package/build/css/my-account-main.css +1 -1
  8. package/build/css/pages/my-account-v2.css +1 -1
  9. package/build/css/pages/page_discount.css +1 -1
  10. package/build/css/pages/page_product_search.css +1 -1
  11. package/build/css/pages/page_products-list-combined.css +1 -1
  12. package/build/css/pages/page_products-list.css +1 -1
  13. package/build/css/pages/tradePro-rewards.css +1 -1
  14. package/build/css/pdp-main-before-combine.css +1 -1
  15. package/build/css/pdp-main-non-critical.css +1 -1
  16. package/build/css/pdp-main.css +1 -1
  17. package/build/css/plp-main.css +1 -1
  18. package/build/css/store-locator-main.css +1 -1
  19. package/build/js/basket.min.js +2 -2
  20. package/build/js/bundle.min.js +1 -1
  21. package/build/js/checkout.min.js +2 -2
  22. package/build/js/emulation.min.js +10255 -10784
  23. package/build/js/general.bundle.min.js +1 -1
  24. package/build/js/kitchen/kitchen-plp.min.js +9 -1
  25. package/build/js/merged-checkout.min.js +2 -2
  26. package/build/js/mini-basket-slider.min.js +1 -1
  27. package/build/js/my-account.min.js +1 -1
  28. package/build/js/page/accordion.js +35 -0
  29. package/build/js/page/basket/basket-update-cart-action.js +56 -59
  30. package/build/js/page/basket/basket-update-cart.js +27 -27
  31. package/build/js/page/basket/basket-utils.js +33 -40
  32. package/build/js/page/basket/mini-basket-total.js +66 -70
  33. package/build/js/page/basket/quantity-change-handler.js +55 -73
  34. package/build/js/page/basket/update-quantity-operation.js +30 -39
  35. package/build/js/page/basket/update-quantity.js +62 -62
  36. package/build/js/page/basket-v2.js +229 -362
  37. package/build/js/page/billie-business-type.js +27 -27
  38. package/build/js/page/checkout-payment-details.js +299 -301
  39. package/build/js/page/components/discounts.js +36 -39
  40. package/build/js/page/components/mini-basket-slider.js +545 -604
  41. package/build/js/page/kitchen/plp-filters-chips.js +90 -0
  42. package/build/js/page/kitchen/plp-filters-mobile.js +72 -0
  43. package/build/js/page/kitchen/plp-filters-panel.js +119 -0
  44. package/build/js/page/kitchen/plp-filters-utils.js +65 -0
  45. package/build/js/page/kitchen/plp-filters.js +205 -0
  46. package/build/js/page/kitchen/sort-by.js +157 -0
  47. package/build/js/page/klarna-modal-scroll-disable.js +4 -4
  48. package/build/js/page/my-account.js +14 -29
  49. package/build/js/page/online-exclusive.js +30 -28
  50. package/build/js/page/tradePro-rewards.js +39 -69
  51. package/build/js/page/utils/copy-to-clipboard.js +47 -79
  52. package/build/js/page/utils/helpers.js +9 -14
  53. package/build/js/pdp.bundle.min.js +1 -1
  54. package/build/js/plp.bundle.min.js +1 -1
  55. package/build/js/project-list.min.js +85 -143
  56. package/build/js/tradePro-rewards.min.js +1 -1
  57. package/package.json +3 -3
  58. package/src/components/.DS_Store +0 -0
  59. package/src/components/accordion.hbs +2 -2
  60. package/src/components/kitchen/dropdown.hbs +3 -6
  61. package/src/components/kitchen/filter-modal.hbs +13 -10
  62. package/src/components/kitchen/plp-filters.hbs +1 -3
  63. package/src/components/kitchen/sort-by.hbs +1 -1
  64. package/src/components/my-account/barcode.hbs +1 -3
  65. package/src/components/my-account/cards-swap.hbs +10 -0
  66. package/src/components/my-account/clipboard-code-card.hbs +3 -3
  67. package/src/components/my-account/discount.hbs +1 -1
  68. package/src/components/my-account/greetings.hbs +1 -1
  69. package/src/components/search-filter.hbs +112 -121
  70. package/src/data/data_plp_load-more.json +1 -1
  71. package/src/data/my-account/data_my-account.json +9 -0
  72. package/src/js/components/cards-swap.js +72 -0
  73. package/src/js/components/general/accordion.js +33 -44
  74. package/src/js/components/general/cart-slider.js +16 -19
  75. package/src/js/components/general/create-popup-slider.js +173 -168
  76. package/src/js/components/general/search-filter.js +21 -0
  77. package/src/js/components/share-project-list.js +53 -0
  78. package/src/js/emulation/big-wins.js +904 -1081
  79. package/src/js/emulation/billie-modal.js +19 -23
  80. package/src/js/emulation/checkout-payment-details.js +38 -47
  81. package/src/js/emulation/custom-slider-emulation.js +13 -17
  82. package/src/js/emulation/forms.js +323 -360
  83. package/src/js/emulation/mini-basket-data.js +923 -1051
  84. package/src/js/emulation/paymentLoader.js +17 -17
  85. package/src/js/emulation/pdf-file-loader.js +91 -89
  86. package/src/js/emulation/popover-mini-basket.js +239 -246
  87. package/src/js/emulation/project-list-pdp.js +316 -320
  88. package/src/js/emulation/repayment-toggle.js +24 -23
  89. package/src/js/emulation/selectable.js +18 -22
  90. package/src/js/emulation/wismo-details.js +31 -23
  91. package/src/js/page/accordion.js +35 -0
  92. package/src/js/page/basket/basket-update-cart-action.js +56 -59
  93. package/src/js/page/basket/basket-update-cart.js +27 -27
  94. package/src/js/page/basket/basket-utils.js +33 -40
  95. package/src/js/page/basket/mini-basket-total.js +66 -70
  96. package/src/js/page/basket/quantity-change-handler.js +55 -73
  97. package/src/js/page/basket/update-quantity-operation.js +30 -39
  98. package/src/js/page/basket/update-quantity.js +62 -62
  99. package/src/js/page/basket-v2.js +229 -362
  100. package/src/js/page/billie-business-type.js +27 -27
  101. package/src/js/page/checkout-payment-details.js +299 -301
  102. package/src/js/page/components/discounts.js +36 -39
  103. package/src/js/page/components/mini-basket-slider.js +545 -604
  104. package/src/js/page/kitchen/plp-filters-chips.js +90 -0
  105. package/src/js/page/kitchen/plp-filters-mobile.js +72 -0
  106. package/src/js/page/kitchen/plp-filters-panel.js +119 -0
  107. package/src/js/page/kitchen/plp-filters-utils.js +65 -0
  108. package/src/js/page/kitchen/plp-filters.js +205 -0
  109. package/src/js/page/kitchen/sort-by.js +157 -0
  110. package/src/js/page/klarna-modal-scroll-disable.js +4 -4
  111. package/src/js/page/my-account.js +14 -29
  112. package/src/js/page/online-exclusive.js +30 -28
  113. package/src/js/page/tradePro-rewards.js +39 -69
  114. package/src/js/page/utils/copy-to-clipboard.js +47 -79
  115. package/src/js/page/utils/helpers.js +9 -14
  116. package/src/page_empty-shared-project-list-bicester-hub.html +0 -4
  117. package/src/page_empty-shopping-list_guest.html +0 -1
  118. package/src/page_kitchen-plp.html +2 -2
  119. package/src/page_my-account-installer.html +1 -1
  120. package/src/page_my-account-trade-pro-carousel-double.html +127 -0
  121. package/src/page_my-account-trade-pro-carousel.html +134 -0
  122. package/src/page_my-account-trade-pro.html +1 -1
  123. package/src/page_my-shopping-list-add-notes.html +0 -1
  124. package/src/page_my-shopping-list-energy.html +0 -1
  125. package/src/page_my-shopping-list-hide-download.html +1 -2
  126. package/src/page_my-shopping-list-pdf.html +0 -2
  127. package/src/page_my-shopping-list-saved-ref.html +0 -1
  128. package/src/page_my-shopping-list-wisdom-oos-registered.html +0 -1
  129. package/src/page_my-shopping-list-wisdom-oos.html +0 -1
  130. package/src/page_my-shopping-list-wisdom-partial-registered.html +0 -1
  131. package/src/page_my-shopping-list-wisdom-registered.html +0 -1
  132. package/src/page_my-shopping-list-wisdom.html +0 -1
  133. package/src/page_my-shopping-list.html +0 -1
  134. package/src/page_my-shopping-list_not-register.html +0 -3
  135. package/src/page_plp-with-paint.html +7 -2
  136. package/src/page_plp.html +7 -2
  137. package/src/page_plp_v2-energy-efficiency.html +6 -1
  138. package/src/page_plp_v2-favourite-products.html +7 -6
  139. package/src/page_plp_v2-vat.html +7 -2
  140. package/src/page_plp_v2.html +9 -22
  141. package/src/page_product_search-vat.html +7 -2
  142. package/src/page_product_search.html +7 -2
  143. package/src/page_project-list-generate-project-list-ID.html +0 -3
  144. package/src/page_project-list-vat.html +0 -4
  145. package/src/page_project-list-with-new-share-popup-android.html +1 -3
  146. package/src/page_project-list-with-new-share-popup-ios.html +1 -3
  147. package/src/page_project-list-with-new-share-popup.html +1 -2
  148. package/src/page_search-results.html +7 -2
  149. package/src/page_shared-project-list-bicester-hub.html +1 -3
  150. package/src/page_tradepro-discount-app.html +1 -1
  151. package/src/page_tradepro-discount-double.html +109 -0
  152. package/src/page_tradepro-discount.html +36 -2
  153. package/src/scss/common/_common.scss +4 -5
  154. package/src/scss/components/_accordion.scss +3 -1
  155. package/src/scss/components/_custom-slider.scss +14 -15
  156. package/src/scss/components/_date-selection-add-new-styles.scss +7 -6
  157. package/src/scss/components/_date-selection.scss +1 -1
  158. package/src/scss/components/_popover-mini-basket.scss +3 -3
  159. package/src/scss/components/_search-filter.scss +15 -95
  160. package/src/scss/components/checkout-chip.scss +2 -2
  161. package/src/scss/components/checkout-payment-repayment-terms.scss +1 -1
  162. package/src/scss/components/{_filter-modal.scss → kitchen/_filter-modal.scss} +4 -55
  163. package/src/scss/components/{_plp-filters.scss → kitchen/_plp-filters.scss} +13 -31
  164. package/src/scss/components/my-account/_barcode.scss +8 -0
  165. package/src/scss/components/my-account/_cards-swap.scss +58 -0
  166. package/src/scss/components/my-account/_clipboard-code.scss +8 -0
  167. package/src/scss/components/my-account/_discount.scss +10 -0
  168. package/src/scss/globals/_global-components.scss +0 -3
  169. package/src/scss/helpers/_colors-semantic.scss +68 -68
  170. package/src/scss/helpers/_variables.scss +196 -242
  171. package/src/scss/kitchen-plp-main.scss +3 -0
  172. package/src/scss/main.scss +65 -65
  173. package/src/scss/pages/my-account-v2.scss +37 -0
  174. package/src/scss/pages/page_discount.scss +8 -4
  175. package/src/scss/pages/page_product-details-v2.scss +4 -1
  176. package/src/scss/pages/page_product_search.scss +1 -9
  177. package/src/scss/pages/page_products-list-combined.scss +24 -28
  178. package/src/scss/pages/page_products-list.scss +0 -8
  179. package/src/scss/pages/tradePro-rewards.scss +4 -3
  180. package/src/sitemap.html +3 -0
  181. package/build/js/page/filters/desktop-nav.js +0 -64
  182. package/build/js/page/filters/mobile-nav.js +0 -93
  183. package/build/js/page/filters/plp-filters-chips.js +0 -92
  184. package/build/js/page/filters/plp-filters-mobile.js +0 -150
  185. package/build/js/page/filters/plp-filters-panel.js +0 -123
  186. package/build/js/page/filters/plp-filters-utils.js +0 -66
  187. package/build/js/page/filters/plp-filters.js +0 -256
  188. package/build/js/page/filters/sort-by.js +0 -172
  189. package/build/js/page/search-filter.js +0 -62
  190. package/build/js/page/share-project-list.js +0 -57
  191. package/build/js/page/utils/show-more-less.js +0 -273
  192. package/src/components/kitchen/filter-modal-content-kitchen.hbs +0 -10
  193. package/src/components/search-filter-modal-content.hbs +0 -102
  194. package/src/elements/btn.hbs +0 -7
  195. package/src/js/emulation/filters-emulation.js +0 -164
  196. package/src/js/emulation/product-counter.js +0 -50
  197. package/src/js/emulation/reset-filter-desktop.js +0 -5
  198. package/src/js/page/filters/desktop-nav.js +0 -64
  199. package/src/js/page/filters/mobile-nav.js +0 -93
  200. package/src/js/page/filters/plp-filters-chips.js +0 -92
  201. package/src/js/page/filters/plp-filters-mobile.js +0 -150
  202. package/src/js/page/filters/plp-filters-panel.js +0 -123
  203. package/src/js/page/filters/plp-filters-utils.js +0 -66
  204. package/src/js/page/filters/plp-filters.js +0 -256
  205. package/src/js/page/filters/sort-by.js +0 -172
  206. package/src/js/page/search-filter.js +0 -62
  207. package/src/js/page/share-project-list.js +0 -57
  208. package/src/js/page/utils/show-more-less.js +0 -273
  209. package/src/scss/components/_sort-by.scss +0 -190
@@ -1,26 +1,22 @@
1
1
  (function () {
2
- const ORDER = ['30', '30_60', '30_90', '30_60_90'];
2
+ const ORDER = ["30", "30_60", "30_90", "30_60_90"];
3
3
 
4
4
  const COPY = {
5
- 30: {
6
- heading: 'Buy now, pay within 30 days',
7
- repayment:
8
- 'From the point of collection / delivery of goods you’ll have 30 days to pay',
5
+ "30": {
6
+ heading: "Buy now, pay within 30 days",
7
+ repayment: "From the point of collection / delivery of goods you’ll have 30 days to pay",
9
8
  },
10
- '30_60': {
11
- heading: 'Buy now and choose to pay within 30 or 60 days',
12
- repayment:
13
- "From the point of collection / delivery of goods, you'll have until the end of your chosen repayment term to pay",
9
+ "30_60": {
10
+ heading: "Buy now and choose to pay within 30 or 60 days",
11
+ repayment: "From the point of collection / delivery of goods, you'll have until the end of your chosen repayment term to pay",
14
12
  },
15
- '30_90': {
16
- heading: 'Buy now and choose to pay within 30 or 90 days',
17
- repayment:
18
- "From the point of collection / delivery of goods, you'll have until the end of your chosen repayment term to pay",
13
+ "30_90": {
14
+ heading: "Buy now and choose to pay within 30 or 90 days",
15
+ repayment: "From the point of collection / delivery of goods, you'll have until the end of your chosen repayment term to pay",
19
16
  },
20
- '30_60_90': {
21
- heading: 'Buy now and choose to pay within 30, 60 or 90 days',
22
- repayment:
23
- "From the point of collection / delivery of goods, you'll have until the end of your chosen repayment term to pay",
17
+ "30_60_90": {
18
+ heading: "Buy now and choose to pay within 30, 60 or 90 days",
19
+ repayment: "From the point of collection / delivery of goods, you'll have until the end of your chosen repayment term to pay",
24
20
  },
25
21
  };
26
22
 
@@ -32,15 +28,15 @@
32
28
  }
33
29
 
34
30
  function applyBillieTerms(terms) {
35
- const copy = COPY[terms] || COPY['30'];
36
- const $modal = $('#billieLearnMoreModal');
31
+ const copy = COPY[terms] || COPY["30"];
32
+ const $modal = $("#billieLearnMoreModal");
37
33
 
38
- $modal.find('.js-billie-terms-heading').text(copy.heading);
39
- $modal.find('.js-billie-repayment-line').text(copy.repayment);
40
- $modal.attr('data-billie-terms', terms);
34
+ $modal.find(".js-billie-terms-heading").text(copy.heading);
35
+ $modal.find(".js-billie-repayment-line").text(copy.repayment);
36
+ $modal.attr("data-billie-terms", terms);
41
37
  }
42
38
 
43
- $(document).on('click', '.billie__link', function (e) {
39
+ $(document).on("click", ".billie__link", function (e) {
44
40
  e.preventDefault();
45
41
 
46
42
  const terms = nextTerms();
@@ -1,53 +1,44 @@
1
1
  var Wick = Wick || {};
2
2
 
3
- Wick.PaymentDetails = (function () {
4
- var $btnEnterDetails = $('.btn-enter-details'),
5
- $form = $btnEnterDetails.parents('form'),
6
- isGuestPage = $('.page_checkout-payment-details_guest').length;
3
+ Wick.PaymentDetails = (function() {
4
+ var $btnEnterDetails = $('.btn-enter-details'),
5
+ $form = $btnEnterDetails.parents('form'),
6
+ isGuestPage = $('.page_checkout-payment-details_guest').length;
7
7
 
8
- function bindEvents() {
9
- $btnEnterDetails.on('click', function () {
10
- if (
11
- $form.find('#card-name').val()?.length &&
12
- $form.find('#first-line-address').val().length &&
13
- $form.find('#address-line-1').val().length &&
14
- $form.find('#town-city').val().length &&
15
- $form.find('#postcode_additional').val().length
16
- ) {
17
- $('.checkout-payment-details__card-details').removeClass(
18
- 'checkout-payment-details__card-details_hidden'
19
- );
20
- $('html, body').animate(
21
- {
22
- scrollTop: $('.checkout-payment-details__card-details').offset().top - 15,
23
- },
24
- 700
25
- );
26
- return false;
27
- }
28
- Wick.Forms.showValidationErrors($form[0]);
29
- return false;
30
- });
8
+ function bindEvents() {
9
+ $btnEnterDetails.on('click', function() {
10
+ if ($form.find('#card-name').val()?.length &&
11
+ $form.find('#first-line-address').val().length &&
12
+ $form.find('#address-line-1').val().length &&
13
+ $form.find('#town-city').val().length &&
14
+ $form.find('#postcode_additional').val().length) {
15
+ $('.checkout-payment-details__card-details').removeClass('checkout-payment-details__card-details_hidden');
16
+ $('html, body').animate({
17
+ scrollTop: $('.checkout-payment-details__card-details').offset().top - 15,
18
+ }, 700);
19
+ return false;
20
+ }
21
+ Wick.Forms.showValidationErrors($form[0]);
22
+ return false;
23
+ });
31
24
 
32
- $('.checkout-payment-details__card-details').on('submit', function () {
33
- var $form = $(this);
34
- if (
35
- $form.find('#card-type').val() &&
36
- $form.find('#card-name1').val().length &&
37
- $form.find('#card-number').val().length &&
38
- $form.find('#month').val() &&
39
- $form.find('#year').val() &&
40
- $form.find('#security-code').val()
41
- ) {
42
- window.location.href = isGuestPage
43
- ? './page_checkout_confirmation_guest.html'
44
- : './page_checkout_confirmation.html';
45
- return false;
46
- }
47
- Wick.Forms.showValidationErrors(this);
48
- return false;
49
- });
50
- }
25
+ $('.checkout-payment-details__card-details').on('submit', function() {
26
+ var $form = $(this);
27
+ if ($form.find('#card-type').val() &&
28
+ $form.find('#card-name1').val().length &&
29
+ $form.find('#card-number').val().length &&
30
+ $form.find('#month').val() &&
31
+ $form.find('#year').val() &&
32
+ $form.find('#security-code').val()) {
33
+ window.location.href = isGuestPage
34
+ ? './page_checkout_confirmation_guest.html'
35
+ : './page_checkout_confirmation.html';
36
+ return false;
37
+ }
38
+ Wick.Forms.showValidationErrors(this);
39
+ return false;
40
+ });
41
+ }
51
42
 
52
- bindEvents();
43
+ bindEvents();
53
44
  })();
@@ -1,26 +1,22 @@
1
+
1
2
  function simulateHybrisSendingHtml() {
2
- const htmlFromHybris = Wick.FEMock.cartPDP;
3
- const event = new CustomEvent('productAddedToCart', {
4
- detail: { html: htmlFromHybris },
5
- });
6
- document.dispatchEvent(event);
3
+ const htmlFromHybris = Wick.FEMock.cartPDP;
4
+ const event = new CustomEvent('productAddedToCart', {
5
+ detail: { html: htmlFromHybris }
6
+ });
7
+ document.dispatchEvent(event);
7
8
  }
8
9
 
9
10
  function bindResolveEvent(events) {
10
- $(window).on(events.join(' '), function ({ detail: { resolve } }) {
11
- setTimeout(() => {
12
- resolve();
13
- }, 200);
14
- });
11
+ $(window).on(events.join(' '), function ({ detail: { resolve } }) {
12
+ setTimeout(() => {
13
+ resolve();
14
+ }, 200);
15
+ });
15
16
  }
16
17
 
17
18
  $(document).ready(function () {
18
- $('.btn-add-to-basket').on('click', simulateHybrisSendingHtml);
19
+ $('.btn-add-to-basket').on('click', simulateHybrisSendingHtml);
19
20
 
20
- bindResolveEvent([
21
- 'CLOSE_JUST_ADDED',
22
- 'CLOSE_MINI_BASKET',
23
- 'MINI_BASKET_CHECKOUT',
24
- 'MINI_BASKET_VIEW_BASKET',
25
- ]);
21
+ bindResolveEvent(['CLOSE_JUST_ADDED', 'CLOSE_MINI_BASKET', 'MINI_BASKET_CHECKOUT', 'MINI_BASKET_VIEW_BASKET']);
26
22
  });