wickes-css2 2.111.0-why-not-add-refactor-fix.2 → 2.112.0-develop.1

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 (40) hide show
  1. package/Readme.md +1 -1
  2. package/build/css/kitchen-plp-main.css +1 -1
  3. package/build/css/pdp-main-before-combine.css +1 -1
  4. package/build/css/pdp-main-non-critical.css +1 -1
  5. package/build/css/pdp-main.css +1 -1
  6. package/build/js/bloomreach-widget.min.js +1 -1
  7. package/build/js/emulation.min.js +8 -334
  8. package/build/js/page/{bloomreach-widget/complete-your-project-widget.js → bloomreach-widget.js} +359 -205
  9. package/package.json +1 -1
  10. package/src/components/.DS_Store +0 -0
  11. package/src/components/bloomreach/complete-card.hbs +32 -4
  12. package/src/components/pdp-price-actions.hbs +2 -2
  13. package/src/components/price-block-v2.hbs +0 -2
  14. package/src/data/data_kitchen-plp.json +7 -16
  15. package/src/js/emulation/bloomreach-widget-loading.js +2 -2
  16. package/src/js/emulation/mock.js +0 -309
  17. package/src/js/page/.DS_Store +0 -0
  18. package/src/js/page/{bloomreach-widget/complete-your-project-widget.js → bloomreach-widget.js} +359 -205
  19. package/src/page_product-details-bloomreach.html +1 -1
  20. package/src/page_product-details-with-global-search-v2.html +1 -2
  21. package/src/scss/components/bloomreach/_bloomreach.scss +0 -3
  22. package/src/scss/components/bloomreach/_complete-card.scss +38 -0
  23. package/src/scss/components/kitchen/_colour-swatches.scss +9 -3
  24. package/src/sitemap.html +4 -10
  25. package/build/js/page/bloomreach-widget/bloomreach-widget.js +0 -241
  26. package/build/js/page/bloomreach-widget/why-not-add-widget.js +0 -196
  27. package/src/components/bloomreach/why-not-add-card-skeleton.hbs +0 -14
  28. package/src/components/bloomreach/why-not-add-card.hbs +0 -73
  29. package/src/components/bloomreach/why-not-add-content.hbs +0 -41
  30. package/src/components/bloomreach/why-not-add-skeleton.hbs +0 -9
  31. package/src/components/bloomreach/why-not-add.hbs +0 -6
  32. package/src/components/reviews-rating.hbs +0 -22
  33. package/src/js/emulation/why-not-add-loading.js +0 -11
  34. package/src/js/emulation/why-not-add.js +0 -28
  35. package/src/js/page/bloomreach-widget/bloomreach-widget.js +0 -241
  36. package/src/js/page/bloomreach-widget/why-not-add-widget.js +0 -196
  37. package/src/page_product-details-with-why-not-add-single.html +0 -131
  38. package/src/scss/components/bloomreach/_reviews.scss +0 -60
  39. package/src/scss/components/bloomreach/_why-not-add-card.scss +0 -212
  40. package/src/scss/components/bloomreach/_why-not-add.scss +0 -143
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "wickes-css2",
3
- "version": "2.111.0-why-not-add-refactor-fix.2",
3
+ "version": "2.112.0-develop.1",
4
4
  "description": "CSS and JS and page templates in use by Wickes",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/components/.DS_Store ADDED
Binary file
package/src/components/bloomreach/complete-card.hbs CHANGED
@@ -25,10 +25,38 @@
25
25
  {{name}}
26
26
  </a>
27
27
 
28
- {{> reviews-rating
29
- externalAverageRating=externalAverageRating
30
- externalReviewCount=externalReviewCount
31
- }}
28
+ <div class="complete-card__reviews">
29
+ <div class="rating-bg">
30
+ <i class="fa fa-star star-in" aria-hidden="true"></i>
31
+ <i class="fa fa-star star-in" aria-hidden="true"></i>
32
+ <i class="fa fa-star star-in" aria-hidden="true"></i>
33
+ <i class="fa fa-star star-in" aria-hidden="true"></i>
34
+ <i class="fa fa-star star-in" aria-hidden="true"></i>
35
+
36
+ <div class="rating-overlay"
37
+ data-rating="{{#if externalAverageRating}}{{externalAverageRating}}{{else}}0{{/if}}">
38
+ <span class="star-overlay">
39
+ <i class="fa fa-star" aria-hidden="true"></i>
40
+ </span>
41
+ <span class="star-overlay">
42
+ <i class="fa fa-star" aria-hidden="true"></i>
43
+ </span>
44
+ <span class="star-overlay">
45
+ <i class="fa fa-star" aria-hidden="true"></i>
46
+ </span>
47
+ <span class="star-overlay">
48
+ <i class="fa fa-star" aria-hidden="true"></i>
49
+ </span>
50
+ <span class="star-overlay">
51
+ <i class="fa fa-star" aria-hidden="true"></i>
52
+ </span>
53
+ </div>
54
+
55
+ <span class="complete-card__reviews-count">
56
+ (<span class="complete-card__reviews-count-value">{{externalReviewCount}}</span>)
57
+ </span>
58
+ </div>
59
+ </div>
32
60
  </div>
33
61
  <div class="complete-card__options">
34
62
  {{#if dropdownOptions.length}}
package/src/components/pdp-price-actions.hbs CHANGED
@@ -1,7 +1,7 @@
1
1
  {{#if c-and-c}}
2
2
  <div class="{{#if tile-measurement}}ti__total{{else}}pdp-price{{/if}}__control-holder">
3
- <button class="btn btn-action btn_full" data-toggle="modal" data-target="#modal-click-and-collect">
4
- <span class="btn__text">Click & Collect</span>
3
+ <button class="btn btn-primary btn_full" data-toggle="modal" data-target="#modal-click-and-collect">
4
+ <span class="btn__text">FREE Click & Collect within 30 minutes</span>
5
5
  </button>
6
6
  </div>
7
7
  {{/if}}
package/src/components/price-block-v2.hbs CHANGED
@@ -196,8 +196,6 @@
196
196
  </div>
197
197
  {{/if}}
198
198
 
199
- {{> bloomreach/why-not-add context=mockDataKey}}
200
-
201
199
  {{#if mfeProductCalculator}}
202
200
  <div class="pdp-price__quantity-calculator">MFE Calculator Placeholder</div>
203
201
  {{/if}}
package/src/data/data_kitchen-plp.json CHANGED
@@ -1944,22 +1944,13 @@
1944
1944
  "stickers": [],
1945
1945
  "colourSwatches": [
1946
1946
  {
1947
- "id": "bltaa8fc0a4682394fb",
1948
- "colourCode": "cream",
1949
- "colourSwatch": "#f6efe5",
1950
- "colourName": "Cream",
1951
- "colourInFilter": "White",
1952
- "wheelImage": null,
1953
- "type": "swatches"
1954
- },
1955
- {
1956
- "id": "bltde19eea079d20685",
1957
- "colourCode": "white",
1958
- "colourSwatch": "#f7f7f7",
1959
- "colourName": "White",
1960
- "colourInFilter": "White",
1961
- "wheelImage": null,
1962
- "type": "swatches"
1947
+ "id": "blt6289a8ed3e012aa0",
1948
+ "colourCode": null,
1949
+ "colourSwatch": null,
1950
+ "colourName": "Available in 10 colours",
1951
+ "colourInFilter": null,
1952
+ "wheelImage": "https://eu-images.contentstack.com/v3/assets/blt176fda34ff2a0cbd/blt30f53ac019534a4a/6a3cf03bd5c6b8ace3175b5b/Colour_Bars.png?branch=whisk",
1953
+ "type": "wheel"
1963
1954
  }
1964
1955
  ],
1965
1956
  "pdpUrl": "/kitchens/intelliga-glencoe/cream",
package/src/js/emulation/bloomreach-widget-loading.js CHANGED
@@ -3,9 +3,9 @@ var Wick = window.Wick || {};
3
3
  $(document).ready(function () {
4
4
  window.setTimeout(function () {
5
5
  const $container = $('[data-complete-widget]');
6
- const contextKey = $container.data('mock-key');
6
+ const contextKey = $container.data('context-key');
7
7
  const payloadData = Wick.FEMock.dataBloomreach[contextKey];
8
8
 
9
- Wick.BloomreachWidget.init('completeYourProject', payloadData);
9
+ Wick.BloomreachWidget.init(payloadData);
10
10
  }, 3000);
11
11
  });
package/src/js/emulation/mock.js CHANGED
@@ -9,315 +9,6 @@ Wick.FEMock = {
9
9
  );
10
10
  },
11
11
  dataBloomreach: {
12
- whyNotAddRecommendationsSingle: {
13
- recommendedProducts: [
14
- {
15
- baseProduct: {
16
- code: '153731',
17
- name: 'Wickes Trade Paint Roller Set - 9in',
18
- url: '/Wickes-Trade-Paint-Roller-Set---9in/p/153731',
19
- purchasable: true,
20
- productType: 'ProductModel',
21
- isBaseProduct: false,
22
- availabilityRestriction: 'NO_RESTRICTIONS',
23
- fulfilmentType: 'STANDARD',
24
- stock: {
25
- stockLevelStatus: {
26
- code: 'inStock',
27
- },
28
- },
29
- fulfillmentAttributes: {
30
- type: 'STANDARD',
31
- },
32
- images: [
33
- {
34
- imageType: 'PRIMARY',
35
- format: 'product',
36
- url: 'https://placehold.co/68x68?text=roller',
37
- altText: 'Wickes Trade Paint Roller Set - 9in',
38
- },
39
- ],
40
- externalAverageRating: 5,
41
- externalReviewCount: 100,
42
- displayPrice: {
43
- currencyIso: 'GBP',
44
- value: 9999,
45
- priceType: 'BUY',
46
- formattedValue: '£9,999.00',
47
- formattedPriceWithoutCurrencySymbol: '16',
48
- currencySymbol: '£',
49
- vatRatePercentage: 20,
50
- valueInPence: 999900,
51
- wasPrice: 30,
52
- },
53
- displayPriceExclusiveVat: {
54
- currencyIso: 'GBP',
55
- value: 9998,
56
- priceType: 'BUY',
57
- formattedValue: '£9,998.00',
58
- formattedPriceWithoutCurrencySymbol: '13.33',
59
- currencySymbol: '£',
60
- valueInPence: 999800,
61
- wasPrice: 25,
62
- },
63
- },
64
- },
65
- ],
66
- },
67
- whyNotAddRecommendations: {
68
- recommendedProducts: [
69
- {
70
- baseProduct: {
71
- code: '153731',
72
- name: 'Wickes Trade Paint Roller Set - 9in',
73
- url: '/Wickes-Trade-Paint-Roller-Set---9in/p/153731',
74
- purchasable: true,
75
- productType: 'ProductModel',
76
- isBaseProduct: false,
77
- availabilityRestriction: 'NO_RESTRICTIONS',
78
- fulfilmentType: 'STANDARD',
79
- stock: {
80
- stockLevelStatus: {
81
- code: 'inStock',
82
- },
83
- },
84
- fulfillmentAttributes: {
85
- type: 'STANDARD',
86
- },
87
- images: [
88
- {
89
- imageType: 'PRIMARY',
90
- format: 'product',
91
- url: 'https://placehold.co/68x68?text=roller',
92
- altText: 'Wickes Trade Paint Roller Set - 9in',
93
- },
94
- ],
95
- externalAverageRating: 5,
96
- externalReviewCount: 100,
97
-
98
- displayPrice: {
99
- currencyIso: 'GBP',
100
- value: 9999,
101
- priceType: 'BUY',
102
- formattedValue: '£9,999.00',
103
- formattedPriceWithoutCurrencySymbol: '16',
104
- currencySymbol: '£',
105
- vatRatePercentage: 20,
106
- valueInPence: 999900,
107
- wasPrice: 3000,
108
- },
109
- displayPriceExclusiveVat: {
110
- currencyIso: 'GBP',
111
- value: 9998,
112
- priceType: 'BUY',
113
- formattedValue: '£9,998.00',
114
- formattedPriceWithoutCurrencySymbol: '13.33',
115
- currencySymbol: '£',
116
- valueInPence: 999800,
117
- wasPrice: 2500,
118
- },
119
- },
120
- },
121
- {
122
- baseProduct: {
123
- code: '349137',
124
- name: 'Wickes Microfibre Paint Roller Sleeve - 9in',
125
- url: '/Wickes-Microfibre-Paint-Roller-Sleeve---9in/p/349137',
126
- purchasable: true,
127
- productType: 'ProductModel',
128
- isBaseProduct: false,
129
- availabilityRestriction: 'NO_RESTRICTIONS',
130
- fulfilmentType: 'STANDARD',
131
- stock: {
132
- stockLevelStatus: {
133
- code: 'inStock',
134
- },
135
- },
136
- fulfillmentAttributes: {
137
- type: 'STANDARD',
138
- },
139
- images: [
140
- {
141
- imageType: 'PRIMARY',
142
- format: 'product',
143
- url: 'https://placehold.co/68x68?text=sleeve',
144
- altText: 'Wickes Microfibre Paint Roller Sleeve - 9in',
145
- },
146
- ],
147
- externalAverageRating: 4.2,
148
- externalReviewCount: 48,
149
- displayPrice: {
150
- currencyIso: 'GBP',
151
- value: 9999,
152
- priceType: 'BUY',
153
- formattedValue: '£7.5220',
154
- formattedPriceWithoutCurrencySymbol: '7.50',
155
- currencySymbol: '£',
156
- vatRatePercentage: 20,
157
- valueInPence: 999900,
158
- },
159
- displayPriceExclusiveVat: {
160
- currencyIso: 'GBP',
161
- value: 9998,
162
- priceType: 'BUY',
163
- formattedValue: '£6.25',
164
- formattedPriceWithoutCurrencySymbol: '6.25',
165
- currencySymbol: '£',
166
- valueInPence: 999800,
167
- },
168
- },
169
- },
170
- {
171
- baseProduct: {
172
- code: '221048',
173
- name: 'Wickes Paint Tray - 9in',
174
- url: '/Wickes-Paint-Tray---9in/p/221048',
175
- purchasable: true,
176
- productType: 'ProductModel',
177
- isBaseProduct: false,
178
- availabilityRestriction: 'NO_RESTRICTIONS',
179
- fulfilmentType: 'STANDARD',
180
- stock: {
181
- stockLevelStatus: {
182
- code: 'inStock',
183
- },
184
- },
185
- fulfillmentAttributes: {
186
- type: 'STANDARD',
187
- },
188
- images: [
189
- {
190
- imageType: 'PRIMARY',
191
- format: 'product',
192
- url: 'https://placehold.co/68x68?text=tray',
193
- altText: 'Wickes Paint Tray - 9in',
194
- },
195
- ],
196
- externalAverageRating: 3.8,
197
- externalReviewCount: 19,
198
- displayPrice: {
199
- currencyIso: 'GBP',
200
- value: 4,
201
- priceType: 'BUY',
202
- formattedValue: '£4',
203
- formattedPriceWithoutCurrencySymbol: '4',
204
- currencySymbol: '£',
205
- vatRatePercentage: 20,
206
- valueInPence: 400,
207
- },
208
- displayPriceExclusiveVat: {
209
- currencyIso: 'GBP',
210
- value: 3.33,
211
- priceType: 'BUY',
212
- formattedValue: '£3.33',
213
- formattedPriceWithoutCurrencySymbol: '3.33',
214
- currencySymbol: '£',
215
- valueInPence: 333,
216
- },
217
- },
218
- },
219
- {
220
- baseProduct: {
221
- code: '654221',
222
- name: 'Wickes Professional Masking Tape - 48mm x 50m',
223
- url: '/Wickes-Professional-Masking-Tape---48mm-x-50m/p/654221',
224
- purchasable: true,
225
- productType: 'ProductModel',
226
- isBaseProduct: false,
227
- availabilityRestriction: 'NO_RESTRICTIONS',
228
- fulfilmentType: 'STANDARD',
229
- stock: {
230
- stockLevelStatus: {
231
- code: 'inStock',
232
- },
233
- },
234
- fulfillmentAttributes: {
235
- type: 'STANDARD',
236
- },
237
- images: [
238
- {
239
- imageType: 'PRIMARY',
240
- format: 'product',
241
- url: 'https://placehold.co/68x68?text=tape',
242
- altText: 'Wickes Professional Masking Tape - 48mm x 50m',
243
- },
244
- ],
245
- externalAverageRating: 4.6,
246
- externalReviewCount: 72,
247
- displayPrice: {
248
- currencyIso: 'GBP',
249
- value: 5.5,
250
- priceType: 'BUY',
251
- formattedValue: '£5.50',
252
- formattedPriceWithoutCurrencySymbol: '5.50',
253
- currencySymbol: '£',
254
- vatRatePercentage: 20,
255
- valueInPence: 550,
256
- },
257
- displayPriceExclusiveVat: {
258
- currencyIso: 'GBP',
259
- value: 4.58,
260
- priceType: 'BUY',
261
- formattedValue: '£4.58',
262
- formattedPriceWithoutCurrencySymbol: '4.58',
263
- currencySymbol: '£',
264
- valueInPence: 458,
265
- },
266
- },
267
- },
268
- {
269
- baseProduct: {
270
- code: '782913',
271
- name: 'Wickes Dust Sheet Cotton Twill - 3.6m x 2.7m Extra Long Product Name For Two Line Truncation Test',
272
- url: '/Wickes-Dust-Sheet-Cotton-Twill---3-6m-x-2-7m/p/782913',
273
- purchasable: true,
274
- productType: 'ProductModel',
275
- isBaseProduct: false,
276
- availabilityRestriction: 'NO_RESTRICTIONS',
277
- fulfilmentType: 'STANDARD',
278
- stock: {
279
- stockLevelStatus: {
280
- code: 'inStock',
281
- },
282
- },
283
- fulfillmentAttributes: {
284
- type: 'STANDARD',
285
- },
286
- images: [
287
- {
288
- imageType: 'PRIMARY',
289
- format: 'product',
290
- url: 'https://placehold.co/68x68?text=sheet',
291
- altText: 'Wickes Dust Sheet Cotton Twill - 3.6m x 2.7m',
292
- },
293
- ],
294
- externalAverageRating: 4.1,
295
- externalReviewCount: 34,
296
- displayPrice: {
297
- currencyIso: 'GBP',
298
- value: 12,
299
- priceType: 'BUY',
300
- formattedValue: '£12',
301
- formattedPriceWithoutCurrencySymbol: '12',
302
- currencySymbol: '£',
303
- vatRatePercentage: 20,
304
- valueInPence: 1200,
305
- wasPrice: 18,
306
- },
307
- displayPriceExclusiveVat: {
308
- currencyIso: 'GBP',
309
- value: 10,
310
- priceType: 'BUY',
311
- formattedValue: '£10',
312
- formattedPriceWithoutCurrencySymbol: '10',
313
- currencySymbol: '£',
314
- valueInPence: 1000,
315
- wasPrice: 15,
316
- },
317
- },
318
- },
319
- ],
320
- },
321
12
  completeYourProject3Recomendations: [
322
13
  {
323
14
  baseProduct: {
package/src/js/page/.DS_Store ADDED
Binary file