wickes-css2 2.105.0-develop.7 → 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 (211) 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/build/js/plp-filters.min.js +0 -9
  193. package/build/js/search-filter.min.js +0 -1
  194. package/src/components/kitchen/filter-modal-content-kitchen.hbs +0 -10
  195. package/src/components/search-filter-modal-content.hbs +0 -102
  196. package/src/elements/btn.hbs +0 -7
  197. package/src/js/emulation/filters-emulation.js +0 -164
  198. package/src/js/emulation/product-counter.js +0 -50
  199. package/src/js/emulation/reset-filter-desktop.js +0 -5
  200. package/src/js/page/filters/desktop-nav.js +0 -64
  201. package/src/js/page/filters/mobile-nav.js +0 -93
  202. package/src/js/page/filters/plp-filters-chips.js +0 -92
  203. package/src/js/page/filters/plp-filters-mobile.js +0 -150
  204. package/src/js/page/filters/plp-filters-panel.js +0 -123
  205. package/src/js/page/filters/plp-filters-utils.js +0 -66
  206. package/src/js/page/filters/plp-filters.js +0 -256
  207. package/src/js/page/filters/sort-by.js +0 -172
  208. package/src/js/page/search-filter.js +0 -62
  209. package/src/js/page/share-project-list.js +0 -57
  210. package/src/js/page/utils/show-more-less.js +0 -273
  211. package/src/scss/components/_sort-by.scss +0 -190
@@ -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,98 +1,100 @@
1
- var Wick = (window.Wick = window.Wick || {});
1
+ var Wick = 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
- }
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
+ },
33
42
 
34
- if (!name.endsWith('pdf')) {
35
- Wick.pdfFileLoader.fileInput.showError(Wick.pdfFileLoader.fileTypeErrorText);
36
- Wick.pdfFileLoader.disableButton();
37
- return false;
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();
38
51
  }
39
52
 
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
- };
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
+ },
78
+
79
+ init() {
80
+ Wick.pdfFileLoader.bindEvents();
81
+ }
82
+ }
82
83
 
83
84
  $(document).ready(() => {
84
- if (!$('.pdf-loader-wrapper').length) {
85
- return;
86
- }
87
85
 
88
- Wick.pdfFileLoader.init();
86
+ if (!$('.pdf-loader-wrapper').length) {
87
+ return;
88
+ }
89
89
 
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
- });
90
+ Wick.pdfFileLoader.init();
91
+
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
+ })