wickes-css2 2.105.0-develop.3 → 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.
- package/Readme.md +1 -2
- package/build/css/category-main.css +1 -1
- package/build/css/homepage-main.css +1 -1
- package/build/css/kitchen-plp-main.css +1 -1
- package/build/css/main.css +1 -1
- package/build/css/my-account-main-v2.css +1 -1
- package/build/css/my-account-main.css +1 -1
- package/build/css/pages/page_product_search.css +1 -1
- package/build/css/pages/page_products-list-combined.css +1 -1
- package/build/css/pages/page_products-list.css +1 -1
- package/build/css/pdp-main-before-combine.css +1 -1
- package/build/css/pdp-main-non-critical.css +1 -1
- package/build/css/pdp-main.css +1 -1
- package/build/css/plp-main.css +1 -1
- package/build/css/store-locator-main.css +1 -1
- package/build/js/basket.min.js +2 -2
- package/build/js/bundle.min.js +1 -1
- package/build/js/checkout.min.js +2 -2
- package/build/js/emulation.min.js +12122 -11594
- package/build/js/general.bundle.min.js +1 -1
- package/build/js/kitchen/kitchen-plp.min.js +1 -9
- package/build/js/merged-checkout.min.js +2 -2
- package/build/js/mini-basket-slider.min.js +1 -1
- package/build/js/page/basket/basket-update-cart-action.js +59 -56
- package/build/js/page/basket/basket-update-cart.js +27 -27
- package/build/js/page/basket/basket-utils.js +40 -33
- package/build/js/page/basket/mini-basket-total.js +70 -66
- package/build/js/page/basket/quantity-change-handler.js +73 -55
- package/build/js/page/basket/update-quantity-operation.js +39 -30
- package/build/js/page/basket/update-quantity.js +62 -62
- package/build/js/page/basket-v2.js +362 -229
- package/build/js/page/billie-business-type.js +27 -27
- package/build/js/page/checkout-payment-details.js +301 -299
- package/build/js/page/components/discounts.js +39 -36
- package/build/js/page/components/mini-basket-slider.js +604 -545
- package/build/js/page/filters/desktop-nav.js +64 -0
- package/build/js/page/filters/mobile-nav.js +93 -0
- package/build/js/page/filters/plp-filters-chips.js +92 -0
- package/build/js/page/filters/plp-filters-mobile.js +150 -0
- package/build/js/page/filters/plp-filters-panel.js +123 -0
- package/build/js/page/filters/plp-filters-utils.js +66 -0
- package/build/js/page/filters/plp-filters.js +256 -0
- package/build/js/page/filters/sort-by.js +172 -0
- package/build/js/page/klarna-modal-scroll-disable.js +4 -4
- package/build/js/page/online-exclusive.js +28 -30
- package/build/js/page/search-filter.js +62 -0
- package/build/js/page/utils/helpers.js +14 -9
- package/build/js/page/utils/show-more-less.js +273 -0
- package/build/js/pdp.bundle.min.js +1 -1
- package/build/js/plp-filters.min.js +9 -0
- package/build/js/plp.bundle.min.js +1 -1
- package/build/js/project-list.min.js +1 -1
- package/build/js/search-filter.min.js +1 -0
- package/package.json +3 -3
- package/src/components/accordion.hbs +2 -2
- package/src/components/kitchen/dropdown.hbs +6 -3
- package/src/components/kitchen/filter-modal-content-kitchen.hbs +10 -0
- package/src/components/kitchen/filter-modal.hbs +10 -13
- package/src/components/kitchen/plp-filters.hbs +3 -1
- package/src/components/kitchen/sort-by.hbs +1 -1
- package/src/components/search-filter-modal-content.hbs +102 -0
- package/src/components/search-filter.hbs +121 -112
- package/src/data/data_plp_load-more.json +1 -1
- package/src/elements/btn.hbs +7 -0
- package/src/js/components/general/accordion.js +38 -29
- package/src/js/components/general/cart-slider.js +19 -16
- package/src/js/components/general/create-popup-slider.js +168 -173
- package/src/js/emulation/big-wins.js +1081 -904
- package/src/js/emulation/billie-modal.js +23 -19
- package/src/js/emulation/checkout-payment-details.js +47 -38
- package/src/js/emulation/custom-slider-emulation.js +17 -13
- package/src/js/emulation/filters-emulation.js +164 -0
- package/src/js/emulation/forms.js +360 -323
- package/src/js/emulation/mini-basket-data.js +1051 -923
- package/src/js/emulation/paymentLoader.js +17 -17
- package/src/js/emulation/pdf-file-loader.js +89 -91
- package/src/js/emulation/popover-mini-basket.js +246 -239
- package/src/js/emulation/product-counter.js +50 -0
- package/src/js/emulation/project-list-pdp.js +321 -316
- package/src/js/emulation/repayment-toggle.js +23 -24
- package/src/js/emulation/reset-filter-desktop.js +5 -0
- package/src/js/emulation/selectable.js +22 -18
- package/src/js/emulation/wismo-details.js +23 -31
- package/src/js/page/basket/basket-update-cart-action.js +59 -56
- package/src/js/page/basket/basket-update-cart.js +27 -27
- package/src/js/page/basket/basket-utils.js +40 -33
- package/src/js/page/basket/mini-basket-total.js +70 -66
- package/src/js/page/basket/quantity-change-handler.js +73 -55
- package/src/js/page/basket/update-quantity-operation.js +39 -30
- package/src/js/page/basket/update-quantity.js +62 -62
- package/src/js/page/basket-v2.js +362 -229
- package/src/js/page/billie-business-type.js +27 -27
- package/src/js/page/checkout-payment-details.js +301 -299
- package/src/js/page/components/discounts.js +39 -36
- package/src/js/page/components/mini-basket-slider.js +604 -545
- package/src/js/page/filters/desktop-nav.js +64 -0
- package/src/js/page/filters/mobile-nav.js +93 -0
- package/src/js/page/filters/plp-filters-chips.js +92 -0
- package/src/js/page/filters/plp-filters-mobile.js +150 -0
- package/src/js/page/filters/plp-filters-panel.js +123 -0
- package/src/js/page/filters/plp-filters-utils.js +66 -0
- package/src/js/page/filters/plp-filters.js +256 -0
- package/src/js/page/filters/sort-by.js +172 -0
- package/src/js/page/klarna-modal-scroll-disable.js +4 -4
- package/src/js/page/online-exclusive.js +28 -30
- package/src/js/page/search-filter.js +62 -0
- package/src/js/page/utils/helpers.js +14 -9
- package/src/js/page/utils/show-more-less.js +273 -0
- package/src/page_empty-shared-project-list-bicester-hub.html +3 -0
- package/src/page_kitchen-plp.html +2 -2
- package/src/page_plp-with-paint.html +2 -7
- package/src/page_plp.html +2 -7
- package/src/page_plp_v2-energy-efficiency.html +1 -6
- package/src/page_plp_v2-favourite-products.html +6 -7
- package/src/page_plp_v2-vat.html +2 -7
- package/src/page_plp_v2.html +22 -9
- package/src/page_product_search-vat.html +2 -7
- package/src/page_product_search.html +2 -7
- package/src/page_project-list-with-new-share-popup-android.html +1 -0
- package/src/page_project-list-with-new-share-popup-ios.html +1 -0
- package/src/page_project-list-with-new-share-popup.html +1 -0
- package/src/page_search-results.html +2 -7
- package/src/page_shared-project-list-bicester-hub.html +1 -0
- package/src/scss/common/_common.scss +5 -4
- package/src/scss/components/_accordion.scss +1 -3
- package/src/scss/components/_custom-slider.scss +15 -14
- package/src/scss/components/_date-selection-add-new-styles.scss +6 -7
- package/src/scss/components/_date-selection.scss +1 -1
- package/src/scss/components/{kitchen/_filter-modal.scss → _filter-modal.scss} +55 -4
- package/src/scss/components/{kitchen/_plp-filters.scss → _plp-filters.scss} +31 -13
- package/src/scss/components/_popover-mini-basket.scss +3 -3
- package/src/scss/components/_search-filter.scss +95 -15
- package/src/scss/components/_sort-by.scss +190 -0
- package/src/scss/components/checkout-chip.scss +2 -2
- package/src/scss/components/checkout-payment-repayment-terms.scss +1 -1
- package/src/scss/globals/_global-components.scss +3 -0
- package/src/scss/helpers/_colors-semantic.scss +68 -68
- package/src/scss/helpers/_variables.scss +242 -196
- package/src/scss/kitchen-plp-main.scss +0 -3
- package/src/scss/main.scss +65 -65
- package/src/scss/pages/page_product-details-v2.scss +1 -4
- package/src/scss/pages/page_product_search.scss +9 -1
- package/src/scss/pages/page_products-list-combined.scss +28 -24
- package/src/scss/pages/page_products-list.scss +8 -0
- package/src/scss/pages/tradePro-rewards.scss +2 -3
- package/build/js/page/accordion.js +0 -35
- package/build/js/page/kitchen/plp-filters-chips.js +0 -90
- package/build/js/page/kitchen/plp-filters-mobile.js +0 -72
- package/build/js/page/kitchen/plp-filters-panel.js +0 -119
- package/build/js/page/kitchen/plp-filters-utils.js +0 -65
- package/build/js/page/kitchen/plp-filters.js +0 -205
- package/build/js/page/kitchen/sort-by.js +0 -157
- package/src/js/components/general/search-filter.js +0 -21
- package/src/js/page/accordion.js +0 -35
- package/src/js/page/kitchen/plp-filters-chips.js +0 -90
- package/src/js/page/kitchen/plp-filters-mobile.js +0 -72
- package/src/js/page/kitchen/plp-filters-panel.js +0 -119
- package/src/js/page/kitchen/plp-filters-utils.js +0 -65
- package/src/js/page/kitchen/plp-filters.js +0 -205
- package/src/js/page/kitchen/sort-by.js +0 -157
|
@@ -1,64 +1,82 @@
|
|
|
1
1
|
export function handleQuantityChange(params) {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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
|
-
|
|
15
|
+
let newValue = value;
|
|
16
16
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
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
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
69
|
+
if (quantityInput.is('input')) {
|
|
70
|
+
quantityInput.val(value);
|
|
71
|
+
} else {
|
|
72
|
+
quantityInput.text(value);
|
|
73
|
+
}
|
|
74
|
+
quantityInput.attr('value', value);
|
|
57
75
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
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(
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
16
|
+
if (!charity) {
|
|
17
|
+
maxValue = +quantityInput.attr('max');
|
|
18
|
+
minValue = +quantityInput.attr('min');
|
|
19
|
+
}
|
|
11
20
|
|
|
12
|
-
|
|
21
|
+
minValue = minValue === 0 ? 1 : minValue;
|
|
13
22
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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
|
-
|
|
23
|
-
|
|
24
|
-
|
|
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
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
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
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
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
|
}
|