wickes-css2 2.117.0-gift-cards.2 → 2.117.1-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 (102) hide show
  1. package/Readme.md +1 -0
  2. package/build/css/category-main.css +1 -1
  3. package/build/css/components/checkout-payment-details-v2.css +1 -1
  4. package/build/css/homepage-main.css +1 -1
  5. package/build/css/kitchen-plp-main.css +1 -1
  6. package/build/css/main.css +1 -1
  7. package/build/css/my-account-main-v2.css +1 -1
  8. package/build/css/my-account-main.css +1 -1
  9. package/build/css/pages/checkout-new.css +1 -1
  10. package/build/css/pages/checkout.css +1 -1
  11. package/build/css/pages/page_my-order.css +1 -1
  12. package/build/css/pages/page_wismo-details.css +1 -1
  13. package/build/css/pdp-main-before-combine.css +1 -1
  14. package/build/css/pdp-main-critical.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/account-members.min.js +1 -1
  20. package/build/js/add-project-list-id.min.js +1 -1
  21. package/build/js/address-book.min.js +1 -1
  22. package/build/js/basket.min.js +2 -2
  23. package/build/js/bundle.min.js +1 -1
  24. package/build/js/change-password.min.js +1 -1
  25. package/build/js/checkout.min.js +2 -2
  26. package/build/js/emulation.min.js +83 -425
  27. package/build/js/general.bundle.min.js +1 -1
  28. package/build/js/gift-cards.min.js +1 -1
  29. package/build/js/merged-checkout.min.js +2 -2
  30. package/build/js/page/bloomreach-widget/bloomreach-widget-core.js +3 -1
  31. package/build/js/page/checkout-payment-details.js +10 -114
  32. package/build/js/page/components/gift-cards.js +115 -524
  33. package/build/js/page/ripple/bulk-add.js +2 -2
  34. package/build/js/page/ripple/thumb-gallery.js +8 -14
  35. package/build/js/page/utils/validation.js +1 -54
  36. package/build/js/pdp.bundle.min.js +2 -2
  37. package/build/js/personal-details.min.js +1 -1
  38. package/build/js/plp.bundle.min.js +1 -1
  39. package/build/js/postcode-checker.min.js +1 -1
  40. package/build/js/project-list.min.js +2 -57
  41. package/build/js/quiz.min.js +1 -1
  42. package/build/js/track-my-order.min.js +1 -1
  43. package/package.json +1 -5
  44. package/src/components/checkout-payment-details-v2.hbs +0 -1
  45. package/src/components/checkout_order-summary-new.hbs +0 -6
  46. package/src/components/checkout_payment-new.hbs +8 -35
  47. package/src/components/gift-cards.hbs +15 -8
  48. package/src/components/payments.hbs +6 -7
  49. package/src/components/wismo-payment.hbs +0 -10
  50. package/src/data/data_delivery-address-v2.json +0 -4
  51. package/src/data/data_payments-checkout.json +0 -4
  52. package/src/data/data_wismo.json +1 -46
  53. package/src/data/footer_menu.json +0 -4
  54. package/src/elements/input.hbs +1 -3
  55. package/src/js/components/general/footer.js +56 -63
  56. package/src/js/emulation/checkout-payment-details.js +0 -2
  57. package/src/js/emulation/gift-cards.js +1 -23
  58. package/src/js/emulation/mock.js +20 -21
  59. package/src/js/emulation/postcode-checker.js +1 -1
  60. package/src/js/page/bloomreach-widget/bloomreach-widget-core.js +3 -1
  61. package/src/js/page/checkout-payment-details.js +10 -114
  62. package/src/js/page/components/gift-cards.js +115 -524
  63. package/src/js/page/ripple/bulk-add.js +2 -2
  64. package/src/js/page/ripple/thumb-gallery.js +8 -14
  65. package/src/js/page/utils/validation.js +1 -54
  66. package/src/page_product-details-billie.html +0 -2
  67. package/src/page_product-details-clearpay.html +0 -1
  68. package/src/scss/common/_CTAs.scss +0 -4
  69. package/src/scss/components/_gift-cards.scss +9 -66
  70. package/src/scss/components/_payments-checkout.scss +2 -2
  71. package/src/scss/components/_payments-v2.scss +7 -5
  72. package/src/scss/components/checkout-payment-details-v2.scss +0 -1
  73. package/src/scss/helpers/_CTAs.scss +0 -26
  74. package/src/scss/helpers/_variables.scss +0 -2
  75. package/src/scss/pages/_checkout-confirmation-new.scss +3 -96
  76. package/src/scss/pages/page_wismo-details.scss +0 -29
  77. package/src/sitemap.html +0 -24
  78. package/build/img/payment/checkout/giftcard.svg +0 -28
  79. package/build/img/payment/footer/giftcard.svg +0 -28
  80. package/build/js/page/components/postcode-lookup/postcode-lookup-api.js +0 -56
  81. package/build/js/page/components/postcode-lookup/postcode-lookup-render.js +0 -98
  82. package/build/js/page/components/postcode-lookup/postcode-lookup-validation.js +0 -81
  83. package/build/js/page/components/postcode-lookup.js +0 -503
  84. package/build/js/page/utils/address-utils.js +0 -32
  85. package/src/components/order-address.hbs +0 -28
  86. package/src/components/postcode-lookup-v2.hbs +0 -85
  87. package/src/components/wismo-giftcard-payment-item.hbs +0 -29
  88. package/src/data/data_checkout-giftcards.json +0 -7
  89. package/src/data/data_postcode-lookup.json +0 -200
  90. package/src/img/payment/checkout/giftcard.svg +0 -28
  91. package/src/img/payment/footer/giftcard.svg +0 -28
  92. package/src/js/emulation/postcode-lookup.js +0 -122
  93. package/src/js/page/components/postcode-lookup/postcode-lookup-api.js +0 -56
  94. package/src/js/page/components/postcode-lookup/postcode-lookup-render.js +0 -98
  95. package/src/js/page/components/postcode-lookup/postcode-lookup-validation.js +0 -81
  96. package/src/js/page/components/postcode-lookup.js +0 -503
  97. package/src/js/page/utils/address-utils.js +0 -32
  98. package/src/page_checkout_confirmation-gift-card-split-payment.html +0 -339
  99. package/src/page_checkout_confirmation-gift-card.html +0 -339
  100. package/src/page_my_account_payment_info_gift_cards.html +0 -96
  101. package/src/page_my_account_payment_info_gift_cards_split_payment.html +0 -96
  102. package/src/scss/components/_postcode-lookup-v2.scss +0 -164
package/src/page_checkout_confirmation-gift-card-split-payment.html DELETED
@@ -1,339 +0,0 @@
1
- {{#extend "checkout-new" pageClass="page_checkout page_checkout-confirmation-new" title="Checkout - Confirmation"
2
- logout=true}}
3
- {{#content "steps"}}
4
- <div class="header-wrap">
5
- <h1 class="header__title">Order Confirmation</h1>
6
- <p class="header__order-block">Order number: <span class="header__order-number">143402004</span></p>
7
- </div>
8
- {{/content}}
9
- {{#content "main"}}
10
-
11
- <div class="confirmation-result-wrap">
12
- <div class="confirmation-result__notif">
13
- <span class="notif-check"><i class="fas fa-check"></i></span>
14
- <span class="notif-info">Your Order Was Successful!</span>
15
- </div>
16
-
17
- <p class="confirmation-result__info">
18
- We have emailed your order confirmation to <a href="mailto:petra.mendez@gmail.com">petra.mendez@gmail.com</a> with details of when your order will be delivered. This email will also contain our contact details should you wish to get in touch with us.
19
- </p>
20
-
21
- <div class="confirmation-result__action">
22
- <a href="https://www.wickes.co.uk/track-my-order" class="btn btn-primary"><i class="fas fa-map-marked-alt"></i> Track My Order</a>
23
- <a href="https://www.wickes.co.uk/my-account/orders" class="btn btn-primary">View My Order</a>
24
- <a href="./" class="btn btn-secondary">Return Shopping</a>
25
- </div>
26
- </div>
27
-
28
- {{#with checkoutOrder.delivery.[0]}}
29
- {{>checkout-order}}
30
- {{/with}}
31
-
32
-
33
- {{#with checkoutOrder.clickCollect.[0]}}
34
- {{>checkout-order}}
35
- {{/with}}
36
-
37
-
38
- {{#with checkoutOrder.charity.[0]}}
39
- {{>checkout-order charity="true"}}
40
- {{/with}}
41
-
42
-
43
- {{> checkout_payment-new giftcard=true giftcards=giftcards split=true}}
44
- {{> checkout_order-summary-new label="Subtotal:" confirmationSummary="true" giftCardDiscount="true"}}
45
-
46
- <form class="checkout-tradepro form-bg">
47
- <div class="checkout-tradepro__row">
48
- <div class="checkout-tradepro__descr">
49
- <div class="checkout-tradepro__info-wrap">
50
- <div class="checkout-tradepro__info">
51
- It looks like you're in the Trade?
52
- You could be eligible to join TradePro and get
53
- <strong>10% off future purchases whenever you shop in-store or online.</strong>
54
- </div>
55
- <a href="#" class="checkout-tradepro__learn-more">Learn more about TradePro</a>
56
- </div>
57
- <h3>TradePro Signup</h3>
58
- <div class="warning-required">Required fields</div>
59
- <h3 class="checkout-tradepro__title">Proof of Trade ID</h3>
60
- <p class="checkout-tradepro__paragraph warning-required">
61
- Please supply two forms of approved ID
62
- </p>
63
-
64
- <div class="signup-tradepro__attach checkout-tradepro__attach_id">
65
- {{> attach-make make-attachment=true}}
66
- {{> modal id="attac"}}
67
- {{#extend "modal" id="attach" title="Choose Type of ID" fullWidth=true classMod="id-type"}}
68
- {{#content "sections"}}
69
-
70
- {{#extend "modal-body-section" customSectionClass="id-type-signup"}}
71
- {{#content "body"}}
72
- {{> notifications notification-page.warning withCloseBtn="true"
73
- text="Unable to attach file. Only JPG, PNG, GIF, BMP, WEBP, TIFF and HEIF image files are supported."}}
74
- <div class="signup-tradepro__modal-info">
75
- Select two forms of ID.
76
- <div class="tradepro-id-counter_wrap">
77
- <span>1</span>
78
- of
79
- <span>2</span>
80
- </div>
81
- ID's chosen
82
- </div>
83
- <div class="signup-tradepro__modal-fields">
84
- <div class="tradepro-field">
85
- <span class="icon icon__link inactive-el">
86
- <i class="far fa-link"></i>
87
- </span>
88
- <a href="#" class="signup-tradepro__modal-trigger inactive-el">Trade business website</a>
89
- <div class="signup-tradepro__modal-action">
90
- <div class="form-row" data-row-required="">
91
- <label class="form-row__label"></label>
92
- <div class="form-row__field">
93
- {{> input need-pattern=true}}
94
- <div class="form-row__error">{{error}}</div>
95
- </div>
96
- </div>
97
- <div class="signup-tradepro__modal-buttons">
98
- <div class="row">
99
- <div class="button-done">
100
- <button class="btn btn-primary">
101
- Done
102
- </button>
103
- </div>
104
- <div class="button-cancel">
105
- <button class="btn btn-secondary">
106
- Cancel
107
- </button>
108
- </div>
109
- </div>
110
- </div>
111
- </div>
112
- </div>
113
- <div class="tradepro-field">
114
- <span class="icon icon__link">
115
- <i class="far fa-link"></i>
116
- </span>
117
- <span class="icon icon__pencil">
118
- <i class="far fa-pencil"></i>
119
- </span>
120
- <a href="#" class="signup-tradepro__modal-trigger">Check a trade profile</a>
121
- <div class="signup-tradepro__modal-action">
122
- <div class="form-row" data-row-required="">
123
- <label class="form-row__label"></label>
124
- <div class="form-row__field">
125
- {{> input need-pattern=true}}
126
- <div class="form-row__error">{{error}}</div>
127
- </div>
128
- </div>
129
- <div class="signup-tradepro__modal-buttons">
130
- <div class="row">
131
- <div class="button-done">
132
- <button class="btn btn-primary">
133
- Done
134
- </button>
135
- </div>
136
- <div class="button-cancel">
137
- <button class="btn btn-secondary">
138
- Cancel
139
- </button>
140
- </div>
141
- </div>
142
- </div>
143
- </div>
144
- </div>
145
- <div class="tradepro-field">
146
- <span class="icon icon__link">
147
- <i class="far fa-link"></i>
148
- </span>
149
- <a href="#" class="signup-tradepro__modal-trigger">Facebook trade business page</a>
150
- <span class="icon icon__notification">
151
- <span class="fas fa-check-circle"></span>
152
- </span>
153
- <div class="signup-tradepro__modal-action">
154
- <div class="form-row" data-row-required="">
155
- <label class="form-row__label"></label>
156
- <div class="form-row__field">
157
- {{> input need-pattern=true}}
158
- <div class="form-row__error">{{error}}</div>
159
- </div>
160
- </div>
161
- <div class="signup-tradepro__modal-buttons">
162
- <div class="row">
163
- <div class="button-done">
164
- <button class="btn btn-primary">
165
- Done
166
- </button>
167
- </div>
168
- <div class="button-cancel">
169
- <button class="btn btn-secondary">
170
- Cancel
171
- </button>
172
- </div>
173
- </div>
174
- </div>
175
- </div>
176
- </div>
177
- <div class="tradepro-field">
178
- <span class="icon icon__link">
179
- <i class="far fa-link"></i>
180
- </span>
181
- <a href="#" class="signup-tradepro__modal-trigger">Mybuilder profile</a>
182
- <div class="signup-tradepro__modal-action">
183
- <div class="form-row" data-row-required="">
184
- <label class="form-row__label"></label>
185
- <div class="form-row__field">
186
- {{> input need-pattern=true}}
187
- <div class="form-row__error">{{error}}</div>
188
- </div>
189
- </div>
190
- <div class="signup-tradepro__modal-buttons">
191
- <div class="row">
192
- <div class="button-done">
193
- <button class="btn btn-primary">
194
- Done
195
- </button>
196
- </div>
197
- <div class="button-cancel">
198
- <button class="btn btn-secondary">
199
- Cancel
200
- </button>
201
- </div>
202
- </div>
203
- </div>
204
- </div>
205
- </div>
206
- <div class="tradepro-field">
207
- <span class="icon icon__paperclip">
208
- <i class="far fa-paperclip"></i>
209
- </span>
210
- {{> attach-make make-capture=true}}
211
- <input class="tradepro-attachment" type="file" accept="image/*" capture>
212
- </div>
213
- <div class="tradepro-field">
214
- <img src="img/placeholders/thumbnail-sm.png"/>
215
- <span class="icon icon__paperclip">
216
- <i class="far fa-paperclip"></i>
217
- </span>
218
- <span class="icon icon__camera">
219
- <i class="far fa-camera"></i>
220
- </span>
221
- <a href="#" class="signup-tradepro__modal-trigger">Letterhead</a>
222
- <input class="tradepro-attachment" type="file" accept="image/*" capture>
223
- </div>
224
- <div class="tradepro-field">
225
- <span class="icon icon__paperclip">
226
- <i class="far fa-paperclip"></i>
227
- </span>
228
- <span class="icon icon__camera">
229
- <i class="far fa-camera"></i>
230
- </span>
231
- <a href="#" class="signup-tradepro__modal-trigger">Compliment slip</a>
232
- <input class="tradepro-attachment" type="file" accept="image/*" capture>
233
- </div>
234
- <div class="tradepro-field">
235
- <span class="icon icon__edit">
236
- <i class="fas fa-edit"></i>
237
- </span>
238
- <a href="#" class="signup-tradepro__modal-trigger">Ltd company: Registration number</a>
239
- <div class="signup-tradepro__modal-action">
240
- <div class="form-row" data-row-required="">
241
- <label class="form-row__label"></label>
242
- <div class="form-row__field">
243
- {{> input need-pattern=true}}
244
- <div class="form-row__error">{{error}}</div>
245
- </div>
246
- </div>
247
- <div class="signup-tradepro__modal-buttons">
248
- <div class="row">
249
- <div class="button-done">
250
- <button class="btn btn-primary">
251
- Done
252
- </button>
253
- </div>
254
- <div class="button-cancel">
255
- <button class="btn btn-secondary">
256
- Cancel
257
- </button>
258
- </div>
259
- </div>
260
- </div>
261
- </div>
262
- </div>
263
- <div class="tradepro-field">
264
- <span class="icon icon__edit">
265
- <i class="fas fa-edit"></i>
266
- </span>
267
- <a href="#" class="signup-tradepro__modal-trigger">Plc: Registration number</a>
268
- <div class="signup-tradepro__modal-action">
269
- <div class="form-row" data-row-required="">
270
- <label class="form-row__label"></label>
271
- <div class="form-row__field">
272
- {{> input need-pattern=true}}
273
- <div class="form-row__error">{{error}}</div>
274
- </div>
275
- </div>
276
- <div class="signup-tradepro__modal-buttons">
277
- <div class="row">
278
- <div class="button-done">
279
- <button class="btn btn-primary">
280
- Done
281
- </button>
282
- </div>
283
- <div class="button-cancel">
284
- <button class="btn btn-secondary">
285
- Cancel
286
- </button>
287
- </div>
288
- </div>
289
- </div>
290
- </div>
291
- </div>
292
- </div>
293
- {{/content}}
294
- {{/extend}}
295
-
296
- {{/content}}
297
- {{/extend}}
298
- </div>
299
- <div class="chosen-form-container">
300
- <div class="chosen-form-wrap">
301
- <div class="chosen-form">
302
- <div>
303
- <img class="mr-2" src="img/placeholders/thumbnail-sm.png"/>
304
- Trade business website
305
- </div>
306
- <span class="icon icon__notification">
307
- <span class="fas fa-check-circle"></span>
308
- </span>
309
- </div>
310
- <div class="form-row__error">Error message here</div>
311
- <div class="chosen-form">
312
- <div>
313
- <img class="mr-2" src="img/placeholders/thumbnail-sm.png"/>
314
- Ltd company: Registration number
315
- </div>
316
-
317
- <span class="icon icon__notification">
318
- <span class="fas fa-check-circle"></span>
319
- </span>
320
- </div>
321
- <div class="form-row__error">Error message here</div>
322
- </div>
323
- </div>
324
- {{> signup-form}}
325
- </div>
326
- </div>
327
- </form>
328
-
329
- {{/content}}
330
-
331
- {{#content "aside"}}
332
- {{> checkout_information info-icon="true"}}
333
- {{/content}}
334
-
335
- {{#content "foot" mode="append"}}
336
- <script defer src="./js/page/checkout-confirmation-new.js"></script>
337
- {{/content}}
338
-
339
- {{/extend}}