wickes-css2 2.113.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 (233) hide show
  1. package/Readme.md +1 -1
  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/components/checkout-payment-repayment-terms.css +1 -1
  5. package/build/css/components/price-block-v2-critical.css +1 -1
  6. package/build/css/components/price-block-v2.css +1 -1
  7. package/build/css/kitchen-plp-main.css +1 -1
  8. package/build/css/main.css +1 -1
  9. package/build/css/my-account-main-v2.css +1 -1
  10. package/build/css/my-account-main.css +1 -1
  11. package/build/css/pages/checkout-new.css +1 -1
  12. package/build/css/pages/checkout.css +1 -1
  13. package/build/css/pages/page_checkout_delivery-new.css +1 -1
  14. package/build/css/pages/page_product-details-v2-critical.css +1 -1
  15. package/build/css/pages/page_product-details-v2.css +1 -1
  16. package/build/css/pages/page_product-details.css +1 -1
  17. package/build/css/pages/page_products-list-combined.css +1 -1
  18. package/build/css/pages/page_products-list_v2.css +1 -1
  19. package/build/css/pages/tradePro-signup.css +1 -1
  20. package/build/css/pdp-main-before-combine.css +1 -1
  21. package/build/css/pdp-main-critical.css +1 -1
  22. package/build/css/pdp-main-non-critical.css +1 -1
  23. package/build/css/pdp-main.css +1 -1
  24. package/build/css/plp-main.css +1 -1
  25. package/build/css/store-locator-main.css +1 -1
  26. package/build/img/file-pdf-solid-full.svg +3 -0
  27. package/build/img/lorem_ipsum.pdf +150 -0
  28. package/build/js/account-members.min.js +1 -1
  29. package/build/js/add-project-list-id.min.js +1 -1
  30. package/build/js/address-book.min.js +1 -1
  31. package/build/js/basket.min.js +2 -2
  32. package/build/js/bloomreach-widget.min.js +1 -1
  33. package/build/js/bundle.min.js +1 -1
  34. package/build/js/change-password.min.js +1 -1
  35. package/build/js/checkout.min.js +2 -2
  36. package/build/js/emulation.min.js +400 -192
  37. package/build/js/general.bundle.min.js +1 -1
  38. package/build/js/gift-cards.min.js +1 -1
  39. package/build/js/kitchen/kitchen-plp.min.js +1 -1
  40. package/build/js/merged-checkout.min.js +2 -2
  41. package/build/js/package-bulk-add.min.js +1 -0
  42. package/build/js/page/bloomreach-widget/bloomreach-recommendation-carousel-widget.js +7 -6
  43. package/build/js/page/bloomreach-widget/bloomreach-widget-core.js +47 -27
  44. package/build/js/page/bloomreach-widget/bloomreach-widget.js +5 -0
  45. package/build/js/page/bloomreach-widget/complete-your-project/view.js +11 -6
  46. package/build/js/page/bloomreach-widget/complete-your-project/widget.js +0 -1
  47. package/build/js/page/bloomreach-widget/similar-products-widget.js +17 -0
  48. package/build/js/page/plp-load-more.js +81 -66
  49. package/build/js/page/ripple/bulk-add.js +71 -0
  50. package/build/js/page/ripple/package-bulk-add.js +43 -0
  51. package/build/js/page/ripple/postcode-checker.js +83 -0
  52. package/build/js/page/ripple/thumb-gallery.js +236 -0
  53. package/build/js/page/utils/validation.js +1 -1
  54. package/build/js/pdf-preview.min.js +1 -0
  55. package/build/js/pdp.bundle.min.js +2 -2
  56. package/build/js/personal-details.min.js +1 -1
  57. package/build/js/plp.bundle.min.js +1 -1
  58. package/build/js/postcode-checker.min.js +1 -0
  59. package/build/js/project-list.min.js +2 -2
  60. package/build/js/quiz.min.js +1 -1
  61. package/build/js/track-my-order.min.js +1 -1
  62. package/package.json +1 -1
  63. package/src/badges-ripple.html +120 -0
  64. package/src/badges.html +9 -18
  65. package/src/components/bloomreach/complete-card.hbs +1 -1
  66. package/src/components/bloomreach/why-not-add-card.hbs +26 -7
  67. package/src/components/bloomreach/why-not-add.hbs +1 -1
  68. package/src/components/fulfilment-accordions.hbs +1 -1
  69. package/src/components/image-accordion.hbs +18 -0
  70. package/src/components/kitchen/price.hbs +49 -29
  71. package/src/components/kitchen/strip-stickers.hbs +9 -3
  72. package/src/components/modal-capture.hbs +1 -1
  73. package/src/components/modal-id-type.hbs +271 -0
  74. package/src/components/modal-pdf-preview.hbs +70 -0
  75. package/src/components/package-card.hbs +30 -0
  76. package/src/components/partner-signup-form.hbs +1 -231
  77. package/src/components/pdp-price-actions.hbs +17 -0
  78. package/src/components/postcode-checker.hbs +24 -0
  79. package/src/components/price-badges.hbs +12 -10
  80. package/src/components/price-block-v2.hbs +289 -199
  81. package/src/components/product-main-info-v2.hbs +2 -0
  82. package/src/components/suite-includes.hbs +66 -0
  83. package/src/components/suite-product-card.hbs +47 -0
  84. package/src/components/thumb-gallery.hbs +23 -0
  85. package/src/data/data_badges.json +143 -0
  86. package/src/data/data_bathroom-plp.json +814 -0
  87. package/src/data/data_suite-includes-products.json +134 -0
  88. package/src/img/file-pdf-solid-full.svg +3 -0
  89. package/src/img/lorem_ipsum.pdf +150 -0
  90. package/src/js/components/banner-placement-manager.js +25 -9
  91. package/src/js/components/general/image-accordion.js +54 -0
  92. package/src/js/components/general/switchVat.js +8 -1
  93. package/src/js/components/package-card.js +69 -0
  94. package/src/js/components/store-locator-cards.js +76 -0
  95. package/src/js/emulation/banner-placement-manager.js +219 -188
  96. package/src/js/emulation/bloomreach-widget-calculations.js +1 -1
  97. package/src/js/emulation/mock.js +66 -34
  98. package/src/js/emulation/plp-load-more.js +13 -4
  99. package/src/js/emulation/postcode-checker.js +11 -0
  100. package/src/js/emulation/similar-products-loading.js +22 -0
  101. package/src/js/emulation/tradepro-id-pdf.js +182 -0
  102. package/src/js/libs/pdf-preview.js +1177 -0
  103. package/src/js/page/bloomreach-widget/bloomreach-recommendation-carousel-widget.js +7 -6
  104. package/src/js/page/bloomreach-widget/bloomreach-widget-core.js +47 -27
  105. package/src/js/page/bloomreach-widget/bloomreach-widget.js +5 -0
  106. package/src/js/page/bloomreach-widget/complete-your-project/view.js +11 -6
  107. package/src/js/page/bloomreach-widget/complete-your-project/widget.js +0 -1
  108. package/src/js/page/bloomreach-widget/similar-products-widget.js +17 -0
  109. package/src/js/page/plp-load-more.js +81 -66
  110. package/src/js/page/ripple/bulk-add.js +71 -0
  111. package/src/js/page/ripple/package-bulk-add.js +43 -0
  112. package/src/js/page/ripple/postcode-checker.js +83 -0
  113. package/src/js/page/ripple/thumb-gallery.js +236 -0
  114. package/src/js/page/utils/validation.js +1 -1
  115. package/src/page_bathroom-plp-vat.html +81 -0
  116. package/src/page_bathroom-plp-without-load-more.html +83 -0
  117. package/src/page_bathroom-plp.html +98 -0
  118. package/src/page_checkout_confirmation-billie.html +5 -231
  119. package/src/page_checkout_confirmation-clearpay.html +5 -231
  120. package/src/page_checkout_confirmation-new-apple.html +5 -231
  121. package/src/page_checkout_confirmation-new-google.html +5 -231
  122. package/src/page_checkout_confirmation-new-klarna.html +5 -231
  123. package/src/page_checkout_confirmation-new-paypal.html +5 -231
  124. package/src/page_checkout_delivery-details-v2-calendar-not-loaded.html +167 -0
  125. package/src/page_checkout_payment-details-v2-asm.html +2 -3
  126. package/src/page_checkout_payment-details-v2.html +2 -3
  127. package/src/page_checkout_payment-details_with-card-loader.html +2 -3
  128. package/src/page_checkout_payment-details_with-klarna-loader.html +2 -3
  129. package/src/page_checkout_payment-details_with-loader-v2.html +2 -3
  130. package/src/page_klarna_payment-details_with-klarna.html +2 -3
  131. package/src/page_payment-details-billie-registered-only.html +2 -3
  132. package/src/page_payment-details-billie-unregistered-only.html +2 -3
  133. package/src/page_payment-details-with-billie.html +2 -3
  134. package/src/page_payment-details-with-clearpay.html +2 -3
  135. package/src/page_payment-details-with-gift-card.html +2 -3
  136. package/src/page_payment-details_with_apple-pay.html +0 -1
  137. package/src/page_payment-details_with_google-pay.html +2 -3
  138. package/src/page_pdf-preview-example.html +955 -0
  139. package/src/page_product-details-banner.html +1 -3
  140. package/src/page_product-details-big-wins-disabled-delivery.html +1 -3
  141. package/src/page_product-details-big-wins-non-registered.html +1 -3
  142. package/src/page_product-details-big-wins-out-nearest.html +1 -3
  143. package/src/page_product-details-big-wins-unhappy.html +1 -3
  144. package/src/page_product-details-big-wins.html +1 -3
  145. package/src/page_product-details-billie.html +1 -3
  146. package/src/page_product-details-calculator.html +1 -3
  147. package/src/page_product-details-cashback-v2.html +1 -3
  148. package/src/page_product-details-clearpay.html +1 -3
  149. package/src/page_product-details-cnc-error-notification.html +1 -3
  150. package/src/page_product-details-cnc-success-notification-vat.html +1 -4
  151. package/src/page_product-details-cnc-success-notification.html +1 -3
  152. package/src/page_product-details-default-store.html +1 -3
  153. package/src/page_product-details-energy-efficiency.html +1 -3
  154. package/src/page_product-details-flooring-with-pr-placeholder.html +1 -3
  155. package/src/page_product-details-flooring.html +1 -3
  156. package/src/page_product-details-gallery-actual.html +1 -3
  157. package/src/page_product-details-mfe-calculator.html +1 -3
  158. package/src/page_product-details-mtm-doors.html +1 -3
  159. package/src/page_product-details-only-clearpay.html +1 -3
  160. package/src/page_product-details-paint-mixing.html +1 -3
  161. package/src/page_product-details-ripple-gallery-1-image.html +120 -0
  162. package/src/page_product-details-ripple-gallery-missing-image.html +121 -0
  163. package/src/page_product-details-ripple-gallery.html +121 -0
  164. package/src/page_product-details-saved-pl.html +1 -3
  165. package/src/page_product-details-suite-includes-banners.html +139 -0
  166. package/src/page_product-details-suite-includes-billie.html +128 -0
  167. package/src/page_product-details-suite-includes-klarna.html +120 -0
  168. package/src/page_product-details-suite-includes-vat.html +126 -0
  169. package/src/page_product-details-suite-includes.html +122 -0
  170. package/src/page_product-details-tile-steps-klarna-widget-with-method-ids.html +1 -3
  171. package/src/page_product-details-tile-steps-logout.html +1 -3
  172. package/src/page_product-details-tile-steps-no-new-project-list.html +1 -3
  173. package/src/page_product-details-tile-steps-with-klarna.html +1 -3
  174. package/src/page_product-details-tile-steps.html +1 -3
  175. package/src/page_product-details-v2.html +1 -3
  176. package/src/page_product-details-vat.html +1 -3
  177. package/src/page_product-details-wisdom-mcfc-registered.html +1 -3
  178. package/src/page_product-details-wisdom-mcfc.html +1 -3
  179. package/src/page_product-details-wisdom-oos-registered.html +1 -3
  180. package/src/page_product-details-wisdom-oos.html +1 -3
  181. package/src/page_product-details-wisdom-registered.html +1 -3
  182. package/src/page_product-details-wisdom.html +1 -3
  183. package/src/page_product-details-with-favourite.html +1 -3
  184. package/src/page_product-details-with-global-search-v2.html +2 -3
  185. package/src/page_product-details-with-similar-products-widget.html +132 -0
  186. package/src/page_product-details-with-why-not-add-single.html +1 -0
  187. package/src/page_product-details_no-previous-default.html +1 -3
  188. package/src/page_tradePro-checkout-summary-klarna.html +4 -231
  189. package/src/page_tradePro-checkout-summary.html +4 -231
  190. package/src/page_tradePro-signup.html +5 -0
  191. package/src/scss/common/_loading-button.scss +3 -1
  192. package/src/scss/components/_date-selection-add-new-styles.scss +53 -3
  193. package/src/scss/components/_gift-cards.scss +1 -1
  194. package/src/scss/components/_id-type-modal.scss +39 -0
  195. package/src/scss/components/_image-accordion.scss +54 -0
  196. package/src/scss/components/_kitchen-card.scss +1 -0
  197. package/src/scss/components/_map.scss +38 -0
  198. package/src/scss/components/_package-card.scss +65 -0
  199. package/src/scss/components/_package-plp.scss +88 -0
  200. package/src/scss/components/_pdf-preview-modal.scss +122 -0
  201. package/src/scss/components/_postcode-checker.scss +115 -0
  202. package/src/scss/components/_price-badges-critical.scss +10 -0
  203. package/src/scss/components/_price-badges.scss +10 -0
  204. package/src/scss/components/_price-block-critical.scss +1 -0
  205. package/src/scss/components/_price-block.scss +1 -0
  206. package/src/scss/components/_suite-includes.scss +141 -0
  207. package/src/scss/components/_suite-product-card.scss +98 -0
  208. package/src/scss/components/_thumb-gallery-critical.scss +35 -0
  209. package/src/scss/components/_thumb-gallery.scss +200 -0
  210. package/src/scss/components/bloomreach/_why-not-add.scss +3 -1
  211. package/src/scss/components/checkout-payment-details-v2.scss +44 -20
  212. package/src/scss/components/checkout-payment-repayment-terms.scss +0 -1
  213. package/src/scss/components/kitchen/_price.scss +10 -0
  214. package/src/scss/components/kitchen/_strip-stickers.scss +46 -0
  215. package/src/scss/components/price-block-v2-critical.scss +62 -0
  216. package/src/scss/components/price-block-v2.scss +62 -0
  217. package/src/scss/pages/_checkout-tradepro.scss +1 -0
  218. package/src/scss/pages/_checkout_delivery-details.scss +16 -104
  219. package/src/scss/pages/page_checkout_delivery-new.scss +252 -164
  220. package/src/scss/pages/page_product-details-v2-critical.scss +216 -109
  221. package/src/scss/pages/page_product-details-v2.scss +168 -107
  222. package/src/scss/pages/page_product-details.scss +11 -0
  223. package/src/scss/pages/page_products-list-combined.scss +8 -6
  224. package/src/scss/pages/page_products-list_v2.scss +8 -6
  225. package/src/scss/pages/tradePro-signup.scss +1 -0
  226. package/src/scss/pdp-main-critical.scss +1 -0
  227. package/src/scss/pdp-main.scss +6 -0
  228. package/src/scss/plp-main.scss +5 -0
  229. package/src/sitemap.html +30 -6
  230. package/build/css/components/kitchen/strip-stickers.css +0 -1
  231. package/build/css/components/strip-stickers.css +0 -1
  232. package/src/scss/components/kitchen/strip-stickers.scss +0 -18
  233. package/src/scss/components/strip-stickers.scss +0 -18
package/src/page_checkout_confirmation-billie.html CHANGED
@@ -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"}}
package/src/page_checkout_confirmation-clearpay.html CHANGED
@@ -64,237 +64,7 @@ logout=true clearPayIcon=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 clearPayIcon=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"}}