wickes-css2 2.105.0-develop.2 → 2.105.0-develop.4

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 (168) hide show
  1. package/Readme.md +3 -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/page_product_search.css +1 -1
  9. package/build/css/pages/page_products-list-combined.css +1 -1
  10. package/build/css/pages/page_products-list.css +1 -1
  11. package/build/css/pdp-main-before-combine.css +1 -1
  12. package/build/css/pdp-main-non-critical.css +1 -1
  13. package/build/css/pdp-main.css +1 -1
  14. package/build/css/plp-main.css +1 -1
  15. package/build/css/store-locator-main.css +1 -1
  16. package/build/js/account-members.min.js +1 -1
  17. package/build/js/basket.min.js +2 -2
  18. package/build/js/bundle.min.js +1 -1
  19. package/build/js/checkout.min.js +2 -2
  20. package/build/js/emulation.min.js +12122 -11594
  21. package/build/js/general.bundle.min.js +1 -1
  22. package/build/js/kitchen/kitchen-plp.min.js +1 -9
  23. package/build/js/merged-checkout.min.js +2 -2
  24. package/build/js/mini-basket-slider.min.js +1 -1
  25. package/build/js/page/basket/basket-update-cart-action.js +59 -56
  26. package/build/js/page/basket/basket-update-cart.js +27 -27
  27. package/build/js/page/basket/basket-utils.js +40 -33
  28. package/build/js/page/basket/mini-basket-total.js +70 -66
  29. package/build/js/page/basket/quantity-change-handler.js +73 -55
  30. package/build/js/page/basket/update-quantity-operation.js +39 -30
  31. package/build/js/page/basket/update-quantity.js +62 -62
  32. package/build/js/page/basket-v2.js +362 -229
  33. package/build/js/page/billie-business-type.js +27 -27
  34. package/build/js/page/checkout-payment-details.js +301 -299
  35. package/build/js/page/components/discounts.js +39 -36
  36. package/build/js/page/components/mini-basket-slider.js +604 -545
  37. package/build/js/page/filters/desktop-nav.js +64 -0
  38. package/build/js/page/filters/mobile-nav.js +93 -0
  39. package/build/js/page/filters/plp-filters-chips.js +92 -0
  40. package/build/js/page/filters/plp-filters-mobile.js +150 -0
  41. package/build/js/page/filters/plp-filters-panel.js +123 -0
  42. package/build/js/page/filters/plp-filters-utils.js +66 -0
  43. package/build/js/page/filters/plp-filters.js +256 -0
  44. package/build/js/page/filters/sort-by.js +172 -0
  45. package/build/js/page/klarna-modal-scroll-disable.js +4 -4
  46. package/build/js/page/online-exclusive.js +28 -30
  47. package/build/js/page/search-filter.js +62 -0
  48. package/build/js/page/utils/helpers.js +14 -9
  49. package/build/js/page/utils/show-more-less.js +273 -0
  50. package/build/js/pdp.bundle.min.js +1 -1
  51. package/build/js/plp-filters.min.js +9 -0
  52. package/build/js/plp.bundle.min.js +1 -1
  53. package/build/js/project-list.min.js +1 -1
  54. package/build/js/search-filter.min.js +1 -0
  55. package/package.json +5 -3
  56. package/src/components/accordion.hbs +2 -2
  57. package/src/components/generate-project-id.hbs +1 -1
  58. package/src/components/kitchen/dropdown.hbs +6 -3
  59. package/src/components/kitchen/filter-modal-content-kitchen.hbs +10 -0
  60. package/src/components/kitchen/filter-modal.hbs +10 -13
  61. package/src/components/kitchen/plp-filters.hbs +3 -1
  62. package/src/components/kitchen/sort-by.hbs +1 -1
  63. package/src/components/search-filter-modal-content.hbs +102 -0
  64. package/src/components/search-filter.hbs +121 -112
  65. package/src/components/shopping-list-with-share-list-v2.hbs +28 -10
  66. package/src/components/shopping-list.hbs +5 -5
  67. package/src/data/data_plp_load-more.json +1 -1
  68. package/src/elements/btn.hbs +7 -0
  69. package/src/js/components/general/accordion.js +38 -29
  70. package/src/js/components/general/cart-slider.js +19 -16
  71. package/src/js/components/general/create-popup-slider.js +168 -173
  72. package/src/js/emulation/big-wins.js +1081 -904
  73. package/src/js/emulation/billie-modal.js +23 -19
  74. package/src/js/emulation/checkout-payment-details.js +47 -38
  75. package/src/js/emulation/custom-slider-emulation.js +17 -13
  76. package/src/js/emulation/filters-emulation.js +164 -0
  77. package/src/js/emulation/forms.js +360 -323
  78. package/src/js/emulation/mini-basket-data.js +1051 -923
  79. package/src/js/emulation/paymentLoader.js +17 -17
  80. package/src/js/emulation/pdf-file-loader.js +89 -91
  81. package/src/js/emulation/popover-mini-basket.js +246 -239
  82. package/src/js/emulation/product-counter.js +50 -0
  83. package/src/js/emulation/project-list-pdp.js +321 -316
  84. package/src/js/emulation/repayment-toggle.js +23 -24
  85. package/src/js/emulation/reset-filter-desktop.js +5 -0
  86. package/src/js/emulation/selectable.js +22 -18
  87. package/src/js/emulation/wismo-details.js +23 -31
  88. package/src/js/page/basket/basket-update-cart-action.js +59 -56
  89. package/src/js/page/basket/basket-update-cart.js +27 -27
  90. package/src/js/page/basket/basket-utils.js +40 -33
  91. package/src/js/page/basket/mini-basket-total.js +70 -66
  92. package/src/js/page/basket/quantity-change-handler.js +73 -55
  93. package/src/js/page/basket/update-quantity-operation.js +39 -30
  94. package/src/js/page/basket/update-quantity.js +62 -62
  95. package/src/js/page/basket-v2.js +362 -229
  96. package/src/js/page/billie-business-type.js +27 -27
  97. package/src/js/page/checkout-payment-details.js +301 -299
  98. package/src/js/page/components/discounts.js +39 -36
  99. package/src/js/page/components/mini-basket-slider.js +604 -545
  100. package/src/js/page/filters/desktop-nav.js +64 -0
  101. package/src/js/page/filters/mobile-nav.js +93 -0
  102. package/src/js/page/filters/plp-filters-chips.js +92 -0
  103. package/src/js/page/filters/plp-filters-mobile.js +150 -0
  104. package/src/js/page/filters/plp-filters-panel.js +123 -0
  105. package/src/js/page/filters/plp-filters-utils.js +66 -0
  106. package/src/js/page/filters/plp-filters.js +256 -0
  107. package/src/js/page/filters/sort-by.js +172 -0
  108. package/src/js/page/klarna-modal-scroll-disable.js +4 -4
  109. package/src/js/page/online-exclusive.js +28 -30
  110. package/src/js/page/search-filter.js +62 -0
  111. package/src/js/page/utils/helpers.js +14 -9
  112. package/src/js/page/utils/show-more-less.js +273 -0
  113. package/src/page_empty-shared-project-list-bicester-hub.html +3 -0
  114. package/src/page_kitchen-plp.html +2 -2
  115. package/src/page_my-shopping-list-hide-download.html +1 -1
  116. package/src/page_plp-with-paint.html +2 -7
  117. package/src/page_plp.html +2 -7
  118. package/src/page_plp_v2-energy-efficiency.html +1 -6
  119. package/src/page_plp_v2-favourite-products.html +6 -7
  120. package/src/page_plp_v2-vat.html +2 -7
  121. package/src/page_plp_v2.html +22 -9
  122. package/src/page_product_search-vat.html +2 -7
  123. package/src/page_product_search.html +2 -7
  124. package/src/page_project-list-with-new-share-popup-android.html +15 -0
  125. package/src/page_project-list-with-new-share-popup-ios.html +15 -0
  126. package/src/page_project-list-with-new-share-popup.html +1 -0
  127. package/src/page_search-results.html +2 -7
  128. package/src/page_shared-project-list-bicester-hub.html +1 -0
  129. package/src/scss/common/_common.scss +5 -4
  130. package/src/scss/components/_accordion.scss +1 -3
  131. package/src/scss/components/_custom-slider.scss +15 -14
  132. package/src/scss/components/_date-selection-add-new-styles.scss +6 -7
  133. package/src/scss/components/_date-selection.scss +1 -1
  134. package/src/scss/components/{kitchen/_filter-modal.scss → _filter-modal.scss} +55 -4
  135. package/src/scss/components/{kitchen/_plp-filters.scss → _plp-filters.scss} +31 -13
  136. package/src/scss/components/_popover-mini-basket.scss +3 -3
  137. package/src/scss/components/_search-filter.scss +95 -15
  138. package/src/scss/components/_shared-shopping-list.scss +22 -0
  139. package/src/scss/components/_shopping-list.scss +18 -8
  140. package/src/scss/components/_sort-by.scss +190 -0
  141. package/src/scss/components/checkout-chip.scss +2 -2
  142. package/src/scss/components/checkout-payment-repayment-terms.scss +1 -1
  143. package/src/scss/globals/_global-components.scss +3 -0
  144. package/src/scss/helpers/_colors-semantic.scss +68 -68
  145. package/src/scss/helpers/_variables.scss +242 -196
  146. package/src/scss/kitchen-plp-main.scss +0 -3
  147. package/src/scss/main.scss +65 -65
  148. package/src/scss/pages/page_product-details-v2.scss +1 -4
  149. package/src/scss/pages/page_product_search.scss +9 -1
  150. package/src/scss/pages/page_products-list-combined.scss +28 -24
  151. package/src/scss/pages/page_products-list.scss +8 -0
  152. package/src/scss/pages/tradePro-rewards.scss +2 -3
  153. package/src/sitemap.html +9 -1
  154. package/build/js/page/accordion.js +0 -35
  155. package/build/js/page/kitchen/plp-filters-chips.js +0 -90
  156. package/build/js/page/kitchen/plp-filters-mobile.js +0 -72
  157. package/build/js/page/kitchen/plp-filters-panel.js +0 -119
  158. package/build/js/page/kitchen/plp-filters-utils.js +0 -65
  159. package/build/js/page/kitchen/plp-filters.js +0 -205
  160. package/build/js/page/kitchen/sort-by.js +0 -157
  161. package/src/js/components/general/search-filter.js +0 -21
  162. package/src/js/page/accordion.js +0 -35
  163. package/src/js/page/kitchen/plp-filters-chips.js +0 -90
  164. package/src/js/page/kitchen/plp-filters-mobile.js +0 -72
  165. package/src/js/page/kitchen/plp-filters-panel.js +0 -119
  166. package/src/js/page/kitchen/plp-filters-utils.js +0 -65
  167. package/src/js/page/kitchen/plp-filters.js +0 -205
  168. package/src/js/page/kitchen/sort-by.js +0 -157
@@ -1,26 +1,26 @@
1
1
  var Wick = Wick || {};
2
2
 
3
- const paymentLoader= '.payment-loader';
4
- const paymentLoaderHideClass= 'payment-loader--hidden';
5
- const paymentLoaderModal = '.payment-loader__modal'
3
+ const paymentLoader = '.payment-loader';
4
+ const paymentLoaderHideClass = 'payment-loader--hidden';
5
+ const paymentLoaderModal = '.payment-loader__modal';
6
6
  const paymentTypeSelectors = {
7
- apple: '.apple__button',
8
- google: '.google__button',
9
- clearpay: '#checkout-payment-details-clearpay',
10
- paypal: '#checkout-payment-details-paypal'
7
+ apple: '.apple__button',
8
+ google: '.google__button',
9
+ clearpay: '#checkout-payment-details-clearpay',
10
+ paypal: '#checkout-payment-details-paypal',
11
11
  };
12
12
 
13
- Wick.showPaymentLoader = function(paymentType) {
14
- $(paymentLoader).find(`${paymentLoaderModal} > div`).hide();
15
- $(`.${paymentType}-checkout-logo`).show();
16
- $(`${paymentLoader} .spinner`).show();
17
- $(paymentLoader).removeClass(paymentLoaderHideClass);
13
+ Wick.showPaymentLoader = function (paymentType) {
14
+ $(paymentLoader).find(`${paymentLoaderModal} > div`).hide();
15
+ $(`.${paymentType}-checkout-logo`).show();
16
+ $(`${paymentLoader} .spinner`).show();
17
+ $(paymentLoader).removeClass(paymentLoaderHideClass);
18
18
 
19
- setTimeout(() => {
20
- $(paymentLoader).addClass(paymentLoaderHideClass);
21
- }, 1000);
22
- }
19
+ setTimeout(() => {
20
+ $(paymentLoader).addClass(paymentLoaderHideClass);
21
+ }, 1000);
22
+ };
23
23
 
24
24
  Object.entries(paymentTypeSelectors).forEach(([type, triggerSelector]) => {
25
- $(document).on('click', triggerSelector, () => Wick.showPaymentLoader(type));
25
+ $(document).on('click', triggerSelector, () => Wick.showPaymentLoader(type));
26
26
  });
@@ -1,100 +1,98 @@
1
- var Wick = Wick || {};
1
+ var Wick = (window.Wick = window.Wick || {});
2
2
 
3
3
  Wick.pdfFileLoader = {
4
- maximumFileSize: 100000,
5
- fileSizeErrorText: 'File size exceeds the maximum limit',
6
- fileTypeErrorText: 'File type must be PDF',
7
- class: {
8
- disableButtonsClass: 'pdf-loader__buttons--disable',
9
- },
10
- fileInput: (typeof Wick.fileLoader === 'function') ? Wick.fileLoader('pdf-loader') : null,
11
- loader: (typeof Wick.Loader === 'function') ? new Wick.Loader('.pdf-loader-wrapper') : null,
12
- elements: {
13
- buttonsLoader: $('.pdf-loader__buttons'),
14
- addProjectList: $('#add-to-project-list'),
15
- convertToCSV: $('#convert-to-csv'),
16
- },
17
-
18
- enableButton() {
19
- this.elements.buttonsLoader.removeClass(this.class.disableButtonsClass)
20
- },
21
- disableButton() {
22
- this.elements.buttonsLoader.addClass(this.class.disableButtonsClass)
23
- },
24
-
25
- validateFile(files) {
26
- const { name, size } = files[0];
27
-
28
- if (size > Wick.pdfFileLoader.maximumFileSize) {
29
- Wick.pdfFileLoader.fileInput.showError(Wick.pdfFileLoader.fileSizeErrorText);
30
- Wick.pdfFileLoader.disableButton();
31
- return false
32
- }
33
-
34
- if(!name.endsWith('pdf')) {
35
- Wick.pdfFileLoader.fileInput.showError(Wick.pdfFileLoader.fileTypeErrorText);
36
- Wick.pdfFileLoader.disableButton();
37
- return false
38
- }
39
-
40
- return true
41
- },
42
-
43
- bindEvents() {
44
- Wick.pdfFileLoader.fileInput.getElementInput().change(function() {
45
- const fileName = this.files[0].name;
46
-
47
- if (this.files.length) {
48
- if (Wick.pdfFileLoader.validateFile(this.files)) {
49
- Wick.pdfFileLoader.fileInput.hideError();
50
- Wick.pdfFileLoader.enableButton();
4
+ maximumFileSize: 100000,
5
+ fileSizeErrorText: 'File size exceeds the maximum limit',
6
+ fileTypeErrorText: 'File type must be PDF',
7
+ class: {
8
+ disableButtonsClass: 'pdf-loader__buttons--disable',
9
+ },
10
+ fileInput: typeof Wick.fileLoader === 'function' ? Wick.fileLoader('pdf-loader') : null,
11
+ loader: typeof Wick.Loader === 'function' ? new Wick.Loader('.pdf-loader-wrapper') : null,
12
+ elements: {
13
+ buttonsLoader: $('.pdf-loader__buttons'),
14
+ addProjectList: $('#add-to-project-list'),
15
+ convertToCSV: $('#convert-to-csv'),
16
+ },
17
+
18
+ enableButton() {
19
+ this.elements.buttonsLoader.removeClass(this.class.disableButtonsClass);
20
+ },
21
+ disableButton() {
22
+ this.elements.buttonsLoader.addClass(this.class.disableButtonsClass);
23
+ },
24
+
25
+ validateFile(files) {
26
+ const { name, size } = files[0];
27
+
28
+ if (size > Wick.pdfFileLoader.maximumFileSize) {
29
+ Wick.pdfFileLoader.fileInput.showError(Wick.pdfFileLoader.fileSizeErrorText);
30
+ Wick.pdfFileLoader.disableButton();
31
+ return false;
51
32
  }
52
33
 
53
- Wick.pdfFileLoader.fileInput.setLabelText(fileName);
54
- } else {
55
- Wick.pdfFileLoader.fileInput.clearFileLoader()
56
- Wick.pdfFileLoader.disableButton()
57
- }
58
- })
59
-
60
- Wick.pdfFileLoader.elements.addProjectList.click(() => {
61
- Wick.pdfFileLoader.loader.showLoader();
62
- setTimeout(() => {
63
- Wick.pdfFileLoader.loader.hideLoader()
64
- Wick.pdfFileLoader.fileInput.clearFileLoader();
65
- Wick.pdfFileLoader.disableButton();
66
- }, 1000)
67
-
68
- })
69
- Wick.pdfFileLoader.elements.convertToCSV.click(() => {
70
- Wick.pdfFileLoader.loader.showLoader();
71
- setTimeout(() => {
72
- Wick.pdfFileLoader.loader.hideLoader()
73
- Wick.pdfFileLoader.fileInput.clearFileLoader();
74
- Wick.pdfFileLoader.disableButton();
75
- }, 1000)
76
- })
77
- },
34
+ if (!name.endsWith('pdf')) {
35
+ Wick.pdfFileLoader.fileInput.showError(Wick.pdfFileLoader.fileTypeErrorText);
36
+ Wick.pdfFileLoader.disableButton();
37
+ return false;
38
+ }
78
39
 
79
- init() {
80
- Wick.pdfFileLoader.bindEvents();
81
- }
82
- }
40
+ return true;
41
+ },
42
+
43
+ bindEvents() {
44
+ Wick.pdfFileLoader.fileInput.getElementInput().change(function () {
45
+ const fileName = this.files[0].name;
46
+
47
+ if (this.files.length) {
48
+ if (Wick.pdfFileLoader.validateFile(this.files)) {
49
+ Wick.pdfFileLoader.fileInput.hideError();
50
+ Wick.pdfFileLoader.enableButton();
51
+ }
52
+
53
+ Wick.pdfFileLoader.fileInput.setLabelText(fileName);
54
+ } else {
55
+ Wick.pdfFileLoader.fileInput.clearFileLoader();
56
+ Wick.pdfFileLoader.disableButton();
57
+ }
58
+ });
59
+
60
+ Wick.pdfFileLoader.elements.addProjectList.click(() => {
61
+ Wick.pdfFileLoader.loader.showLoader();
62
+ setTimeout(() => {
63
+ Wick.pdfFileLoader.loader.hideLoader();
64
+ Wick.pdfFileLoader.fileInput.clearFileLoader();
65
+ Wick.pdfFileLoader.disableButton();
66
+ }, 1000);
67
+ });
68
+ Wick.pdfFileLoader.elements.convertToCSV.click(() => {
69
+ Wick.pdfFileLoader.loader.showLoader();
70
+ setTimeout(() => {
71
+ Wick.pdfFileLoader.loader.hideLoader();
72
+ Wick.pdfFileLoader.fileInput.clearFileLoader();
73
+ Wick.pdfFileLoader.disableButton();
74
+ }, 1000);
75
+ });
76
+ },
77
+
78
+ init() {
79
+ Wick.pdfFileLoader.bindEvents();
80
+ },
81
+ };
83
82
 
84
83
  $(document).ready(() => {
84
+ if (!$('.pdf-loader-wrapper').length) {
85
+ return;
86
+ }
85
87
 
86
- if (!$('.pdf-loader-wrapper').length) {
87
- return;
88
- }
89
-
90
- Wick.pdfFileLoader.init();
88
+ Wick.pdfFileLoader.init();
91
89
 
92
- if (Wick.pdfFileLoader.fileInput.getElementLabel().length) {
93
- Wick.Responsive.onBreakpoint(function () {
94
- $clamp(Wick.pdfFileLoader.fileInput.getElementLabel()[0], {clamp: 1});
95
- }, 'up-lg');
96
- Wick.Responsive.onBreakpoint(function () {
97
- $clamp(Wick.pdfFileLoader.fileInput.getElementLabel()[0], {clamp: 2});
98
- }, 'down-lg');
99
- }
100
- })
90
+ if (Wick.pdfFileLoader.fileInput.getElementLabel().length) {
91
+ Wick.Responsive.onBreakpoint(function () {
92
+ $clamp(Wick.pdfFileLoader.fileInput.getElementLabel()[0], { clamp: 1 });
93
+ }, 'up-lg');
94
+ Wick.Responsive.onBreakpoint(function () {
95
+ $clamp(Wick.pdfFileLoader.fileInput.getElementLabel()[0], { clamp: 2 });
96
+ }, 'down-lg');
97
+ }
98
+ });