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,64 +1,82 @@
1
1
  export function handleQuantityChange(params) {
2
- const {
3
- quantityInput,
4
- action,
5
- value,
6
- context,
7
- charity = false,
8
- entryNumber,
9
- onQuantityChange,
10
- debounceQuantityChange,
11
- onRemoveQuantityDisable,
12
- parentWrap,
13
- } = params
2
+ const {
3
+ quantityInput,
4
+ action,
5
+ value,
6
+ context,
7
+ charity = false,
8
+ entryNumber,
9
+ onQuantityChange,
10
+ debounceQuantityChange,
11
+ onRemoveQuantityDisable,
12
+ parentWrap,
13
+ } = params;
14
14
 
15
- let newValue = value;
15
+ let newValue = value;
16
16
 
17
- switch (action) {
18
- case 'plus':
19
- newValue = Number.parseInt(value, 10) + 1;
20
- if (newValue) {
21
- updateQuantity(quantityInput, newValue, parentWrap);
22
- debounceQuantityChange(entryNumber, newValue, quantityInput, context, onQuantityChange);
23
- }
24
- break;
25
- case 'minus':
26
- newValue = Number.parseInt(value, 10) - 1;
27
- if (newValue > 0) {
28
- updateQuantity(quantityInput, newValue, parentWrap);
29
- debounceQuantityChange(entryNumber, newValue, quantityInput, context, onQuantityChange);
30
- } else {
31
- if (typeof onRemoveQuantityDisable === 'function') {
32
- onRemoveQuantityDisable();
33
- }
34
- }
35
- break;
36
- case 'remove':
37
- newValue = 0;
38
- if (!charity) updateQuantity(quantityInput, newValue, parentWrap);
39
- debounceQuantityChange(entryNumber, newValue, quantityInput, context, onQuantityChange);
40
- break;
41
- default:
42
- if (+newValue !== 0) {
43
- updateQuantity(quantityInput, newValue, parentWrap);
44
- debounceQuantityChange(entryNumber, newValue, quantityInput, context, onQuantityChange);
45
- }
46
- break;
47
- }
17
+ switch (action) {
18
+ case 'plus':
19
+ newValue = Number.parseInt(value, 10) + 1;
20
+ if (newValue) {
21
+ updateQuantity(quantityInput, newValue, parentWrap);
22
+ debounceQuantityChange(
23
+ entryNumber,
24
+ newValue,
25
+ quantityInput,
26
+ context,
27
+ onQuantityChange
28
+ );
29
+ }
30
+ break;
31
+ case 'minus':
32
+ newValue = Number.parseInt(value, 10) - 1;
33
+ if (newValue > 0) {
34
+ updateQuantity(quantityInput, newValue, parentWrap);
35
+ debounceQuantityChange(
36
+ entryNumber,
37
+ newValue,
38
+ quantityInput,
39
+ context,
40
+ onQuantityChange
41
+ );
42
+ } else {
43
+ if (typeof onRemoveQuantityDisable === 'function') {
44
+ onRemoveQuantityDisable();
45
+ }
46
+ }
47
+ break;
48
+ case 'remove':
49
+ newValue = 0;
50
+ if (!charity) updateQuantity(quantityInput, newValue, parentWrap);
51
+ debounceQuantityChange(entryNumber, newValue, quantityInput, context, onQuantityChange);
52
+ break;
53
+ default:
54
+ if (+newValue !== 0) {
55
+ updateQuantity(quantityInput, newValue, parentWrap);
56
+ debounceQuantityChange(
57
+ entryNumber,
58
+ newValue,
59
+ quantityInput,
60
+ context,
61
+ onQuantityChange
62
+ );
63
+ }
64
+ break;
65
+ }
48
66
  }
49
67
 
50
68
  export function updateQuantity(quantityInput, value, parentWrap) {
51
- if (quantityInput.is('input')) {
52
- quantityInput.val(value);
53
- } else {
54
- quantityInput.text(value);
55
- }
56
- quantityInput.attr('value', value);
69
+ if (quantityInput.is('input')) {
70
+ quantityInput.val(value);
71
+ } else {
72
+ quantityInput.text(value);
73
+ }
74
+ quantityInput.attr('value', value);
57
75
 
58
- if (parentWrap) {
59
- const $card = quantityInput.closest(parentWrap);
60
- if ($card.length) {
61
- $card.attr('data-quantity', value);
76
+ if (parentWrap) {
77
+ const $card = quantityInput.closest(parentWrap);
78
+ if ($card.length) {
79
+ $card.attr('data-quantity', value);
80
+ }
62
81
  }
63
- }
64
82
  }
@@ -1,37 +1,46 @@
1
- export function updateQuantityOperation(quantityToUpdate, quantityInput, context, data, helpers = {}) {
2
- const charity = context.hasClass && context.hasClass('charity-new');
3
- const negativeStatus = data.statusMessage !== 'accConfirmedMsgs';
4
- const messageInfo = helpers.isMessageExist ? helpers.isMessageExist(data) && helpers.getMessageInfo(data) : data.message && data.statusMessage && { message: data.message, status: data.statusMessage };
5
- let maxValue, minValue;
1
+ export function updateQuantityOperation(
2
+ quantityToUpdate,
3
+ quantityInput,
4
+ context,
5
+ data,
6
+ helpers = {}
7
+ ) {
8
+ const charity = context.hasClass && context.hasClass('charity-new');
9
+ const negativeStatus = data.statusMessage !== 'accConfirmedMsgs';
10
+ const messageInfo = helpers.isMessageExist
11
+ ? helpers.isMessageExist(data) && helpers.getMessageInfo(data)
12
+ : data.message &&
13
+ data.statusMessage && { message: data.message, status: data.statusMessage };
14
+ let maxValue, minValue;
6
15
 
7
- if (!charity) {
8
- maxValue = +quantityInput.attr('max');
9
- minValue = +quantityInput.attr('min');
10
- }
16
+ if (!charity) {
17
+ maxValue = +quantityInput.attr('max');
18
+ minValue = +quantityInput.attr('min');
19
+ }
11
20
 
12
- minValue === 0 ? minValue = 1 : minValue = minValue;
21
+ minValue = minValue === 0 ? 1 : minValue;
13
22
 
14
- if (negativeStatus) {
15
- helpers.updateCart && helpers.updateCart(messageInfo);
16
- helpers.updateQuantity && helpers.updateQuantity(quantityInput, data.quantity);
17
- helpers.showNotification && helpers.showNotification(data);
18
- } else {
19
- if (charity) {
20
- helpers.updateCart && helpers.updateCart();
23
+ if (negativeStatus) {
24
+ helpers.updateCart && helpers.updateCart(messageInfo);
25
+ helpers.updateQuantity && helpers.updateQuantity(quantityInput, data.quantity);
26
+ helpers.showNotification && helpers.showNotification(data);
21
27
  } else {
22
- if (maxValue > 1 || minValue > 1) {
23
- if (quantityToUpdate > maxValue || quantityToUpdate < minValue) {
24
- helpers.showNotification && helpers.showNotification(data);
25
- }
26
- }
28
+ if (charity) {
29
+ helpers.updateCart && helpers.updateCart();
30
+ } else {
31
+ if (maxValue > 1 || minValue > 1) {
32
+ if (quantityToUpdate > maxValue || quantityToUpdate < minValue) {
33
+ helpers.showNotification && helpers.showNotification(data);
34
+ }
35
+ }
27
36
 
28
- if (quantityToUpdate === 0) {
29
- helpers.showNotification && helpers.showNotification(data);
30
- helpers.updateCart && helpers.updateCart(messageInfo);
31
- } else {
32
- helpers.updateItemTotal && helpers.updateItemTotal(data, context);
33
- helpers.updateCart && helpers.updateCart(null, context);
34
- }
37
+ if (quantityToUpdate === 0) {
38
+ helpers.showNotification && helpers.showNotification(data);
39
+ helpers.updateCart && helpers.updateCart(messageInfo);
40
+ } else {
41
+ helpers.updateItemTotal && helpers.updateItemTotal(data, context);
42
+ helpers.updateCart && helpers.updateCart(null, context);
43
+ }
44
+ }
35
45
  }
36
- }
37
46
  }
@@ -1,65 +1,65 @@
1
1
  export function updateQuantityAction(params) {
2
- const {
3
- entryNumber,
4
- quantityToUpdate,
5
- quantityInput,
6
- context,
7
- addQuantityDisable,
8
- removeQuantityDisable,
9
- hideLoader,
10
- loaderSelector,
11
- updateAction,
12
- updateQuantityOperation,
13
- basketData,
14
- isLocalEnv,
15
- callActionFn,
16
- routes,
17
- basketSectionSelector
18
- } = params;
19
- console.log('case(api) to update quantity', entryNumber, quantityToUpdate);
20
- if (!isLocalEnv) {
21
- addQuantityDisable && addQuantityDisable(context);
22
- const payload = {
23
- url: `${routes.BASKET_ADD_STOCK}/${entryNumber}`,
24
- queries: { quantity: quantityToUpdate },
25
- type: 'PUT',
26
- complete: () => {
27
- removeQuantityDisable && removeQuantityDisable();
28
- hideLoader(loaderSelector);
29
- },
30
- };
2
+ const {
3
+ entryNumber,
4
+ quantityToUpdate,
5
+ quantityInput,
6
+ context,
7
+ addQuantityDisable,
8
+ removeQuantityDisable,
9
+ hideLoader,
10
+ loaderSelector,
11
+ updateAction,
12
+ updateQuantityOperation,
13
+ basketData,
14
+ isLocalEnv,
15
+ callActionFn,
16
+ routes,
17
+ basketSectionSelector,
18
+ } = params;
19
+ console.log('case(api) to update quantity', entryNumber, quantityToUpdate);
20
+ if (!isLocalEnv) {
21
+ addQuantityDisable && addQuantityDisable(context);
22
+ const payload = {
23
+ url: `${routes.BASKET_ADD_STOCK}/${entryNumber}`,
24
+ queries: { quantity: quantityToUpdate },
25
+ type: 'PUT',
26
+ complete: () => {
27
+ removeQuantityDisable && removeQuantityDisable();
28
+ hideLoader(loaderSelector);
29
+ },
30
+ };
31
31
 
32
- callActionFn(
33
- payload,
34
- updateAction,
35
- quantityToUpdate,
36
- quantityInput,
37
- context,
38
- (response) => {
39
- if (response.statusMessage === 'accConfirmedMsgs') {
40
- $(document).trigger("EEUpdateCart", {
41
- cartEntryNumber: entryNumber,
42
- initialCartQuantity: response.quantity - response.quantityAdded,
43
- newCartQuantity: response.quantity,
44
- fulfillment: context.hasClass('charity-new')
45
- ? 'Delivery'
46
- : context.closest(basketSectionSelector).attr('data-type'),
47
- });
48
- }
49
- context.find('.order-item__action').removeClass('disabled');
50
- }
51
- );
52
- } else {
53
- updateQuantityOperation(
54
- quantityToUpdate,
55
- quantityInput,
56
- context,
57
- basketData.updateQuantity
58
- );
59
- addQuantityDisable && addQuantityDisable(context);
60
- setTimeout(() => {
61
- removeQuantityDisable && removeQuantityDisable();
62
- hideLoader && hideLoader(loaderSelector);
63
- }, 500);
64
- }
32
+ callActionFn(
33
+ payload,
34
+ updateAction,
35
+ quantityToUpdate,
36
+ quantityInput,
37
+ context,
38
+ (response) => {
39
+ if (response.statusMessage === 'accConfirmedMsgs') {
40
+ $(document).trigger('EEUpdateCart', {
41
+ cartEntryNumber: entryNumber,
42
+ initialCartQuantity: response.quantity - response.quantityAdded,
43
+ newCartQuantity: response.quantity,
44
+ fulfillment: context.hasClass('charity-new')
45
+ ? 'Delivery'
46
+ : context.closest(basketSectionSelector).attr('data-type'),
47
+ });
48
+ }
49
+ context.find('.order-item__action').removeClass('disabled');
50
+ }
51
+ );
52
+ } else {
53
+ updateQuantityOperation(
54
+ quantityToUpdate,
55
+ quantityInput,
56
+ context,
57
+ basketData.updateQuantity
58
+ );
59
+ addQuantityDisable && addQuantityDisable(context);
60
+ setTimeout(() => {
61
+ removeQuantityDisable && removeQuantityDisable();
62
+ hideLoader && hideLoader(loaderSelector);
63
+ }, 500);
64
+ }
65
65
  }