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,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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
19
|
+
setTimeout(() => {
|
|
20
|
+
$(paymentLoader).addClass(paymentLoaderHideClass);
|
|
21
|
+
}, 1000);
|
|
22
|
+
};
|
|
23
23
|
|
|
24
24
|
Object.entries(paymentTypeSelectors).forEach(([type, triggerSelector]) => {
|
|
25
|
-
|
|
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
|
-
|
|
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
|
-
|
|
31
|
-
|
|
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
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
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
|
-
|
|
80
|
-
|
|
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
|
-
|
|
87
|
-
return;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
Wick.pdfFileLoader.init();
|
|
88
|
+
Wick.pdfFileLoader.init();
|
|
91
89
|
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
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
|
+
});
|