wickes-css2 2.116.0 → 2.117.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 (32) hide show
  1. package/build/css/pages/checkout-new.css +1 -1
  2. package/build/css/pages/checkout.css +1 -1
  3. package/build/css/pages/tradePro-signup.css +1 -1
  4. package/build/css/pdp-main-non-critical.css +1 -1
  5. package/build/img/file-pdf-solid-full.svg +3 -0
  6. package/build/img/lorem_ipsum.pdf +150 -0
  7. package/build/js/emulation.min.js +151 -11
  8. package/build/js/pdf-preview.min.js +1 -0
  9. package/package.json +1 -1
  10. package/src/components/modal-capture.hbs +1 -1
  11. package/src/components/modal-id-type.hbs +271 -0
  12. package/src/components/modal-pdf-preview.hbs +70 -0
  13. package/src/components/partner-signup-form.hbs +1 -231
  14. package/src/img/file-pdf-solid-full.svg +3 -0
  15. package/src/img/lorem_ipsum.pdf +150 -0
  16. package/src/js/emulation/tradepro-id-pdf.js +182 -0
  17. package/src/js/libs/pdf-preview.js +1177 -0
  18. package/src/page_checkout_confirmation-billie.html +5 -231
  19. package/src/page_checkout_confirmation-clearpay.html +5 -231
  20. package/src/page_checkout_confirmation-new-apple.html +5 -231
  21. package/src/page_checkout_confirmation-new-google.html +5 -231
  22. package/src/page_checkout_confirmation-new-klarna.html +5 -231
  23. package/src/page_checkout_confirmation-new-paypal.html +5 -231
  24. package/src/page_pdf-preview-example.html +955 -0
  25. package/src/page_tradePro-checkout-summary-klarna.html +4 -231
  26. package/src/page_tradePro-checkout-summary.html +4 -231
  27. package/src/page_tradePro-signup.html +5 -0
  28. package/src/scss/components/_id-type-modal.scss +39 -0
  29. package/src/scss/components/_pdf-preview-modal.scss +122 -0
  30. package/src/scss/pages/_checkout-tradepro.scss +1 -0
  31. package/src/scss/pages/tradePro-signup.scss +1 -0
  32. package/src/sitemap.html +1 -0
@@ -64,237 +64,7 @@ logout=true}}
64
64
  <div class="signup-tradepro__attach checkout-tradepro__attach_id">
65
65
  {{> attach-make make-attachment=true}}
66
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}}
67
+ {{> modal-id-type }}
298
68
  </div>
299
69
  <div class="chosen-form-container">
300
70
  <div class="chosen-form-wrap">
@@ -333,7 +103,11 @@ logout=true}}
333
103
  {{/content}}
334
104
 
335
105
  {{#content "foot" mode="append"}}
106
+ <script src="./js/pdf-preview.min.js"></script>
336
107
  <script defer src="./js/page/checkout-confirmation-new.js"></script>
337
108
  {{/content}}
338
109
 
339
110
  {{/extend}}
111
+ {{> modal-capture }}
112
+ {{> modal-pdf-preview }}
113
+ {{> loader hidden=true modifier="basket-loader tradepro-id-loader"}}
@@ -64,237 +64,7 @@ logout=true}}
64
64
  <div class="signup-tradepro__attach checkout-tradepro__attach_id">
65
65
  {{> attach-make make-attachment=true}}
66
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}}
67
+ {{> modal-id-type }}
298
68
  </div>
299
69
  <div class="chosen-form-container">
300
70
  <div class="chosen-form-wrap">
@@ -333,7 +103,11 @@ logout=true}}
333
103
  {{/content}}
334
104
 
335
105
  {{#content "foot" mode="append"}}
106
+ <script src="./js/pdf-preview.min.js"></script>
336
107
  <script defer src="./js/page/checkout-confirmation-new.js"></script>
337
108
  {{/content}}
338
109
 
339
110
  {{/extend}}
111
+ {{> modal-capture }}
112
+ {{> modal-pdf-preview }}
113
+ {{> loader hidden=true modifier="basket-loader tradepro-id-loader"}}