wickes-css2 2.94.0-develop.20 → 2.94.0-develop.22
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 -0
- package/build/css/pages/tradePro-signup.css +1 -1
- package/build/js/page/quiz.js +20 -11
- package/build/js/quiz.min.js +1 -1
- package/package.json +10 -2
- package/src/components/date-selection.hbs +1 -1
- package/src/components/order-item.hbs +3 -3
- package/src/components/partner-signup-form.hbs +4 -0
- package/src/data/data_shopping-cart-v2.json +24 -0
- package/src/js/page/quiz.js +20 -11
- package/src/page_tradePro-signup.html +1 -1
- package/src/scss/components/_marketing-preferences.scss +1 -1
- package/src/scss/pages/tradePro-signup.scss +27 -0
package/Readme.md
CHANGED
|
@@ -234,6 +234,7 @@ While using breakpoints we should use right order of its placement:
|
|
|
234
234
|
```
|
|
235
235
|
|
|
236
236
|
* Preferable way is to use one way of breakpoints direction: -up or -down, and to use them both only in exceptional cases
|
|
237
|
+
|
|
237
238
|
* -only breakpoints should be placed only after group of -up or -down
|
|
238
239
|
|
|
239
240
|
## Js
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.signup-tradepro__modal-info{font-size:1rem;padding:15px 0}.signup-tradepro__modal-info .tradepro-id-counter_wrap{display:inline-block;font-weight:700}.signup-tradepro__modal-fields{margin-bottom:30px}.signup-tradepro__modal-fields .form-row{margin-bottom:10px}.signup-tradepro__modal-fields .form-row__field{margin-top:-12px}.signup-tradepro__modal-fields .tradepro-field{font-size:1rem;padding:15px 0;border-bottom:1px solid #eee;position:relative}.signup-tradepro__modal-fields .tradepro-field:hover{border-bottom:1px solid #0277bd;cursor:pointer}.signup-tradepro__modal-fields .tradepro-field:hover .icon__camera,.signup-tradepro__modal-fields .tradepro-field:hover .icon__edit,.signup-tradepro__modal-fields .tradepro-field:hover .icon__link,.signup-tradepro__modal-fields .tradepro-field:hover .icon__paperclip,.signup-tradepro__modal-fields .tradepro-field:hover .icon__pencil{color:#3e3e3e}.signup-tradepro__modal-fields .tradepro-field .icon__camera,.signup-tradepro__modal-fields .tradepro-field .icon__edit,.signup-tradepro__modal-fields .tradepro-field .icon__link,.signup-tradepro__modal-fields .tradepro-field .icon__paperclip,.signup-tradepro__modal-fields .tradepro-field .icon__pencil{font-size:1.25rem;color:#0277bd;margin-right:10px}@media (max-width:991.98px){.signup-tradepro__modal-fields .tradepro-field .icon__paperclip{display:none}}.signup-tradepro__modal-fields .tradepro-field .icon__camera,.signup-tradepro__modal-fields .tradepro-field .icon__camera+a{vertical-align:middle}.signup-tradepro__modal-fields .tradepro-field .tradepro-attachment{position:absolute;left:0;opacity:0;cursor:pointer}.signup-tradepro__modal-fields .tradepro-field img{margin-right:10px;width:30px;height:30px}.signup-tradepro__modal-fields .tradepro-field .tradepro-field{border:0;padding:0}@media (min-width:768px){.signup-tradepro__modal-fields .btn{width:120px}}.signup-tradepro__modal-action{padding-top:10px;display:none}.signup-tradepro__modal-action input:hover{border:1px solid #0277bd}.signup-tradepro__modal-buttons .row{margin:0}.signup-tradepro__modal-buttons .button-done{margin-right:15px}@media (max-width:767.98px){.signup-tradepro__modal-action .form-row{padding-right:0}.signup-tradepro__modal-buttons{position:relative;width:100%;min-height:1px;flex:0 0 100%;max-width:100%;padding:0}.signup-tradepro__modal-buttons .button-cancel,.signup-tradepro__modal-buttons .button-delete,.signup-tradepro__modal-buttons .button-done{position:relative;width:100%;min-height:1px;flex:0 0 50%;max-width:50%}.signup-tradepro__modal-buttons .button-cancel button,.signup-tradepro__modal-buttons .button-delete button,.signup-tradepro__modal-buttons .button-done button{width:100%}.signup-tradepro__modal-buttons .button-done{padding-left:0;padding-right:10px;margin-right:0}.signup-tradepro__modal-buttons .button-cancel,.signup-tradepro__modal-buttons .button-delete{padding-right:0;padding-left:10px}}.signup-tradepro__modal-trigger{color:#3e3e3e;text-decoration:none}.signup-tradepro__modal-trigger:hover{text-decoration:none}.id-type-signup .modal-box__inner-columns .notification_warning{margin:20px 0 0}.id-type .modal-content .modal-header .modal-title{margin-bottom:0}.id-capture{padding-bottom:30px}.capture__heading{font-size:1rem;padding:10px 0}.capture__heading .icon__camera{font-size:1.25rem;color:#0277bd;margin-right:10px}.capture__img{padding:0 30px}.capture__img img{width:100%}.capture__info{margin-top:1rem;text-align:center}.capture__actions{padding:0 30px}.capture__actions .btn{width:100%}.capture__actions .btn:last-of-type{margin-top:1rem}.capture .modal-header .modal-title{margin-bottom:0!important}.page_signup-tradepro .page-header__info{font-size:.875rem;margin-top:1rem;margin-bottom:0}@media (min-width:576px){.page_signup-tradepro .page-header__info:not(:last-child){margin-top:0}}.page_signup-tradepro .page-header__intro .img-responsive{margin-bottom:15px}.page_signup-tradepro .st-loc-link{padding-top:1rem;margin-bottom:2rem}.page_signup-tradepro .small-print{font-size:.75rem;line-height:1rem}.page_signup-tradepro .choose-id{display:block}.page_signup-tradepro .choose-id .actions__link{text-decoration:underline;font-weight:500}.page_signup-tradepro .choose-id .btn{color:#fff;margin-right:10px}.page_signup-tradepro .choose-id .btn:hover .btn,.page_signup-tradepro .choose-id:hover .btn{background-color:#fff;border-color:#0277bd;color:#0277bd}.page_signup-tradepro .tradePro-card .card__title{font-size:1.125rem}.page_signup-tradepro .tradePro-card .card__descr,.page_signup-tradepro .tradePro-card .card__list{font-size:1rem;line-height:1.5rem}.page_signup-tradepro .tradePro-card .card__list-link,.page_signup-tradepro .tradePro-card:first-of-type .card__actions-wrap{display:none}.page_signup-tradepro .divider-desk{display:block}.page_signup-tradepro .divider-mob{display:none}@media (max-width:767.98px){.page_signup-tradepro .page-header__info:not(:last-child){margin-top:0}.page_signup-tradepro .st-loc-link{padding-left:15px;padding-right:15px}.page_signup-tradepro .tradePro-card-wrap .col{padding-right:0}.page_signup-tradepro .tradePro-card{min-width:100%}.page_signup-tradepro .tradePro-card .card__actions .btn{width:100%;white-space:inherit}.page_signup-tradepro .left-aside{margin-bottom:60px}.page_signup-tradepro .divider-desk{display:none}.page_signup-tradepro .divider-mob{display:block}}.page_signup-tradepro .notification_warning{width:100%;margin:0 0 25px}.signup-tradepro{padding-top:5px}.signup-tradepro__attach_id{margin-top:15px}.signup-tradepro__attach .btn-primary .btn__text,.signup-tradepro__attach a{font-size:1rem}.signup-tradepro__title{font-size:1.25rem}.signup-tradepro__title:nth-of-type(4){margin-top:30px}.signup-tradepro__row:nth-child(2) .signup-tradepro__paragraph:first-of-type{margin-top:20px}@media (max-width:767.98px){.signup-tradepro{padding:20px 15px 30px;margin-right:-15px}.signup-tradepro-wrap{padding:0}.signup-tradepro__row:nth-child(2) .signup-tradepro__paragraph:first-of-type{margin-top:20px}}@media (min-width:768px){.id-type-signup .modal-box__inner-columns{flex:0 0 90%;max-width:90%}.page_signup-tradepro .content .container{padding-right:0}.signup-tradepro__row:nth-child(2) .signup-tradepro__descr:nth-child(2){border-top:1px solid #ccc;padding-top:15px}.signup-tradepro .form-row__action .tradepro-submit{width:160px}}.signup-tradepro .form-row__action{margin-top:10px;padding-top:0}.signup-tradepro .form-row__action:before{content:none}@media (min-width:992px){.signup-tradepro__modal-fields .tradepro-field .icon__camera{display:none}.signup-tradepro .form-row__action .tradepro-submit{width:260px}}.signup-tradepro__descr .warning-required{font-size:.875rem;line-height:1.57143;font-weight:400}.signup-tradepro__descr .warning-required:first-of-type{font-size:.75rem;margin-bottom:10px;font-weight:500}.signup-tradepro__descr .row-title .ddn{width:160px}.signup-tradepro__descr .tradepro-terms .warning-required{font-size:inherit;font-weight:400}@media (max-width:767.98px){.signup-tradepro .form-row__action{margin-top:20px}.signup-tradepro .form-row__col-btn{padding-left:30px}.signup-tradepro .form-row{padding:0}.signup-tradepro__descr .warning-required{margin:20px 0}.signup-tradepro__descr .tradepro-terms{border-top:1px solid #ccc;padding-top:20px}.signup-tradepro__paragraph{padding-right:15px}}.signup-tradepro__descr .chosen-form-container .chosen-form{position:relative;display:flex;justify-content:space-between;line-height:30px}.signup-tradepro__descr .chosen-form-container .chosen-form img{width:30px;height:30px}.signup-tradepro__descr .chosen-form-container .chosen-form-wrap{margin:10px 0 0;display:table}.signup-tradepro__descr .chosen-form-container .chosen-form-wrap .form-row__error{margin-top:0;padding:5px 0}.signup-tradepro__descr .chosen-form-container .chosen-form .icon__notification{position:inherit;top:3px;min-width:24px}.signup-tradepro__descr .chosen-proofs-error{margin:0;display:flex}.signup-tradepro__descr .form-row.chosen-proofs-error .form-row__error{padding-left:0;margin-bottom:15px}.signup-tradepro__paragraph.warning-required{font-size:.875rem;margin-top:0;font-weight:400!important}.signup-tradepro .icon__notification{position:absolute;right:0;color:#67a509}.signup-tradepro .icon__notification svg{vertical-align:middle}
|
|
1
|
+
.signup-tradepro__modal-info{font-size:1rem;padding:15px 0}.signup-tradepro__modal-info .tradepro-id-counter_wrap{display:inline-block;font-weight:700}.signup-tradepro__modal-fields{margin-bottom:30px}.signup-tradepro__modal-fields .form-row{margin-bottom:10px}.signup-tradepro__modal-fields .form-row__field{margin-top:-12px}.signup-tradepro__modal-fields .tradepro-field{font-size:1rem;padding:15px 0;border-bottom:1px solid #eee;position:relative}.signup-tradepro__modal-fields .tradepro-field:hover{border-bottom:1px solid #0277bd;cursor:pointer}.signup-tradepro__modal-fields .tradepro-field:hover .icon__camera,.signup-tradepro__modal-fields .tradepro-field:hover .icon__edit,.signup-tradepro__modal-fields .tradepro-field:hover .icon__link,.signup-tradepro__modal-fields .tradepro-field:hover .icon__paperclip,.signup-tradepro__modal-fields .tradepro-field:hover .icon__pencil{color:#3e3e3e}.signup-tradepro__modal-fields .tradepro-field .icon__camera,.signup-tradepro__modal-fields .tradepro-field .icon__edit,.signup-tradepro__modal-fields .tradepro-field .icon__link,.signup-tradepro__modal-fields .tradepro-field .icon__paperclip,.signup-tradepro__modal-fields .tradepro-field .icon__pencil{font-size:1.25rem;color:#0277bd;margin-right:10px}@media (max-width:991.98px){.signup-tradepro__modal-fields .tradepro-field .icon__paperclip{display:none}}.signup-tradepro__modal-fields .tradepro-field .icon__camera,.signup-tradepro__modal-fields .tradepro-field .icon__camera+a{vertical-align:middle}.signup-tradepro__modal-fields .tradepro-field .tradepro-attachment{position:absolute;left:0;opacity:0;cursor:pointer}.signup-tradepro__modal-fields .tradepro-field img{margin-right:10px;width:30px;height:30px}.signup-tradepro__modal-fields .tradepro-field .tradepro-field{border:0;padding:0}@media (min-width:768px){.signup-tradepro__modal-fields .btn{width:120px}}.signup-tradepro__modal-action{padding-top:10px;display:none}.signup-tradepro__modal-action input:hover{border:1px solid #0277bd}.signup-tradepro__modal-buttons .row{margin:0}.signup-tradepro__modal-buttons .button-done{margin-right:15px}@media (max-width:767.98px){.signup-tradepro__modal-action .form-row{padding-right:0}.signup-tradepro__modal-buttons{position:relative;width:100%;min-height:1px;flex:0 0 100%;max-width:100%;padding:0}.signup-tradepro__modal-buttons .button-cancel,.signup-tradepro__modal-buttons .button-delete,.signup-tradepro__modal-buttons .button-done{position:relative;width:100%;min-height:1px;flex:0 0 50%;max-width:50%}.signup-tradepro__modal-buttons .button-cancel button,.signup-tradepro__modal-buttons .button-delete button,.signup-tradepro__modal-buttons .button-done button{width:100%}.signup-tradepro__modal-buttons .button-done{padding-left:0;padding-right:10px;margin-right:0}.signup-tradepro__modal-buttons .button-cancel,.signup-tradepro__modal-buttons .button-delete{padding-right:0;padding-left:10px}}.signup-tradepro__modal-trigger{color:#3e3e3e;text-decoration:none}.signup-tradepro__modal-trigger:hover{text-decoration:none}.id-type-signup .modal-box__inner-columns .notification_warning{margin:20px 0 0}.id-type .modal-content .modal-header .modal-title{margin-bottom:0}.id-capture{padding-bottom:30px}.capture__heading{font-size:1rem;padding:10px 0}.capture__heading .icon__camera{font-size:1.25rem;color:#0277bd;margin-right:10px}.capture__img{padding:0 30px}.capture__img img{width:100%}.capture__info{margin-top:1rem;text-align:center}.capture__actions{padding:0 30px}.capture__actions .btn{width:100%}.capture__actions .btn:last-of-type{margin-top:1rem}.capture .modal-header .modal-title{margin-bottom:0!important}.page_signup-tradepro .page-header__info{font-size:.875rem;margin-top:1rem;margin-bottom:0}@media (min-width:576px){.page_signup-tradepro .page-header__info:not(:last-child){margin-top:0}}.page_signup-tradepro .page-header__intro .img-responsive{margin-bottom:15px}.page_signup-tradepro .st-loc-link{padding-top:1rem;margin-bottom:2rem}.page_signup-tradepro .small-print{font-size:.75rem;line-height:1rem}.page_signup-tradepro .choose-id{display:block}.page_signup-tradepro .choose-id .actions__link{text-decoration:underline;font-weight:500}.page_signup-tradepro .choose-id .btn{color:#fff;margin-right:10px}.page_signup-tradepro .choose-id .btn:hover .btn,.page_signup-tradepro .choose-id:hover .btn{background-color:#fff;border-color:#0277bd;color:#0277bd}.page_signup-tradepro .tradePro-card .card__title{font-size:1.125rem}.page_signup-tradepro .tradePro-card .card__descr,.page_signup-tradepro .tradePro-card .card__list{font-size:1rem;line-height:1.5rem}.page_signup-tradepro .tradePro-card .card__list-link,.page_signup-tradepro .tradePro-card:first-of-type .card__actions-wrap{display:none}.page_signup-tradepro .divider-desk{display:block}.page_signup-tradepro .divider-mob{display:none}@media (max-width:767.98px){.page_signup-tradepro .page-header__info:not(:last-child){margin-top:0}.page_signup-tradepro .st-loc-link{padding-left:15px;padding-right:15px}.page_signup-tradepro .tradePro-card-wrap .col{padding-right:0}.page_signup-tradepro .tradePro-card{min-width:100%}.page_signup-tradepro .tradePro-card .card__actions .btn{width:100%;white-space:inherit}.page_signup-tradepro .left-aside{margin-bottom:60px}.page_signup-tradepro .divider-desk{display:none}.page_signup-tradepro .divider-mob{display:block}}.page_signup-tradepro .notification_warning{width:100%;margin:0 0 25px}.signup-tradepro{padding-top:5px}.signup-tradepro__attach_id{margin-top:15px}.signup-tradepro__attach .btn-primary .btn__text,.signup-tradepro__attach a{font-size:1rem}.signup-tradepro__title{font-size:1.25rem}.signup-tradepro__title:nth-of-type(4){margin-top:30px}.signup-tradepro__row:nth-child(2) .signup-tradepro__paragraph:first-of-type{margin-top:20px}@media (max-width:767.98px){.page_signup-tradepro .fill-remaining{margin-right:-15px;width:auto}.signup-tradepro{padding:20px 15px 30px;margin-right:-15px}.signup-tradepro-wrap{padding:0}.signup-tradepro__row:nth-child(2) .signup-tradepro__paragraph:first-of-type{margin-top:20px}}@media (min-width:768px){.id-type-signup .modal-box__inner-columns{flex:0 0 90%;max-width:90%}.page_signup-tradepro .content .container{padding-right:0}.signup-tradepro__row:nth-child(2) .signup-tradepro__descr:nth-child(2){border-top:1px solid #ccc;padding-top:15px}.signup-tradepro .form-row__action .tradepro-submit{width:160px}}.signup-tradepro .form-row__action{margin-top:10px;padding-top:0}.signup-tradepro .form-row__action:before{content:none}@media (min-width:992px){.signup-tradepro__modal-fields .tradepro-field .icon__camera{display:none}.signup-tradepro .form-row__action .tradepro-submit{width:260px}}.signup-tradepro__descr .warning-required{font-size:.875rem;line-height:1.57143;font-weight:400}.signup-tradepro__descr .warning-required:first-of-type{font-size:.75rem;margin-bottom:10px;font-weight:500}.signup-tradepro__descr .row-title .ddn{width:160px}.signup-tradepro__descr .tradepro-terms .warning-required{font-size:inherit;font-weight:400}@media (max-width:767.98px){.signup-tradepro .form-row__action{margin-top:20px}.signup-tradepro .form-row__col-btn{padding-left:30px}.signup-tradepro .form-row{padding:0}.signup-tradepro__descr .warning-required{margin:20px 0}.signup-tradepro__descr .tradepro-terms{border-top:1px solid #ccc;padding-top:20px}.signup-tradepro__paragraph{padding-right:15px}}.signup-tradepro__descr .chosen-form-container .chosen-form{position:relative;display:flex;justify-content:space-between;line-height:30px}.signup-tradepro__descr .chosen-form-container .chosen-form img{width:30px;height:30px}.signup-tradepro__descr .chosen-form-container .chosen-form-wrap{margin:10px 0 0;display:table}.signup-tradepro__descr .chosen-form-container .chosen-form-wrap .form-row__error{margin-top:0;padding:5px 0}.signup-tradepro__descr .chosen-form-container .chosen-form .icon__notification{position:inherit;top:3px;min-width:24px}.signup-tradepro__descr .chosen-proofs-error{margin:0;display:flex}.signup-tradepro__descr .form-row.chosen-proofs-error .form-row__error{padding-left:0;margin-bottom:15px}.signup-tradepro__paragraph.warning-required{font-size:.875rem;margin-top:0;font-weight:400!important}.signup-tradepro .icon__notification{position:absolute;right:0;color:#67a509}.signup-tradepro .icon__notification svg{vertical-align:middle}.notification.fill-remaining{margin:0 16px 24px}@media (min-width:576px){.notification.fill-remaining{margin:0 0 24px}}@media (max-width:575.98px){.notification.fill-remaining--local{margin-right:0;width:auto}}@media (min-width:576px) and (max-width:767.98px){.notification.fill-remaining--local{margin-right:-15px;width:auto}}
|
package/build/js/page/quiz.js
CHANGED
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
isValidInputTextField,
|
|
5
5
|
updateStylingError
|
|
6
6
|
} from "./utils/validation";
|
|
7
|
-
import {isTouchDevice
|
|
7
|
+
import {isTouchDevice} from "./utils/helpers";
|
|
8
8
|
|
|
9
9
|
var Wick = window.Wick || {};
|
|
10
10
|
Wick.Quiz = {
|
|
@@ -209,9 +209,25 @@ Wick.Quiz = {
|
|
|
209
209
|
};
|
|
210
210
|
|
|
211
211
|
html2pdf()
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
212
|
+
.set(options)
|
|
213
|
+
.from(selector)
|
|
214
|
+
.output('datauristring')
|
|
215
|
+
.then(function (pdfAsDataUri) {
|
|
216
|
+
|
|
217
|
+
const postMessage = {
|
|
218
|
+
event: 'matchMakertoolResultBase64',
|
|
219
|
+
data: {
|
|
220
|
+
filename: options.filename,
|
|
221
|
+
file: pdfAsDataUri
|
|
222
|
+
}
|
|
223
|
+
};
|
|
224
|
+
|
|
225
|
+
if (window.ReactNativeWebView && window.ReactNativeWebView.postMessage) {
|
|
226
|
+
window.ReactNativeWebView.postMessage(JSON.stringify(postMessage));
|
|
227
|
+
} else {
|
|
228
|
+
console.warn('ReactNativeWebView not available');
|
|
229
|
+
}
|
|
230
|
+
}).save();
|
|
215
231
|
}).catch(error => console.error("Error converting SVGs:", error));
|
|
216
232
|
},
|
|
217
233
|
|
|
@@ -251,12 +267,6 @@ Wick.Quiz = {
|
|
|
251
267
|
};
|
|
252
268
|
},
|
|
253
269
|
|
|
254
|
-
disablePrintButtonOnMobileApp: function() {
|
|
255
|
-
if (isApp()) {
|
|
256
|
-
Wick.Quiz.disableButton(Wick.Quiz.el.btnPrintResultQuiz);
|
|
257
|
-
}
|
|
258
|
-
},
|
|
259
|
-
|
|
260
270
|
handlePrintOrPDFInteraction: function (event) {
|
|
261
271
|
event.preventDefault();
|
|
262
272
|
|
|
@@ -284,7 +294,6 @@ Wick.Quiz = {
|
|
|
284
294
|
debouncedHandleInteraction(event);
|
|
285
295
|
});
|
|
286
296
|
|
|
287
|
-
Wick.Quiz.disablePrintButtonOnMobileApp();
|
|
288
297
|
}
|
|
289
298
|
};
|
|
290
299
|
|
package/build/js/quiz.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function n(r,o,a){function l(t,e){if(!o[t]){if(!r[t]){var i="function"==typeof require&&require;if(!e&&i)return i(t,!0);if(u)return u(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}i=o[t]={exports:{}},r[t][0].call(i.exports,function(e){return l(r[t][1][e]||e)},i,i.exports,n,r,o,a)}return o[t].exports}for(var u="function"==typeof require&&require,e=0;e<a.length;e++)l(a[e]);return l}({1:[function(e,t,i){"use strict";var r=e("./utils/create-event"),n=e("./utils/validation"),o=e("./utils/helpers");function a(e){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function l(t,e){var i,n=Object.keys(t);return Object.getOwnPropertySymbols&&(i=Object.getOwnPropertySymbols(t),e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,i)),n}function u(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?l(Object(r),!0).forEach(function(e){var t,i;t=n,i=r[e=e],(e=function(e){e=function(e,t){if("object"!==a(e)||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!==a(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}(e,"string");return"symbol"===a(e)?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))})}return n}var d=window.Wick||{};d.Quiz={STYLE_QUIZ_EMAIL:"styleQuizEmail",el:{quizContainer:".main-quiz",quizActions:".quiz-actions",body:"body",html:"html",input:'input[type="text"]',modal:".quiz-modal",modalEmail:"#quiz-modal",modalEmailFinal:"#quiz-modal-final",btnQuizEmail:"#email-results-quiz",cancelBtn:".quiz-modal__controls .btn-cancel",submitBtn:'.quiz-modal__controls [type="submit"]',quizForm:".quiz-modal__form",btnPrintResultQuiz:"#print-results-quiz",emailInput:"#email",firstNameInput:"#firstName",surnameInput:"#surname",formInvalidClass:"form_invalid"},errorMessages:{errorFirstName:"Please enter a first name",errorSurname:"Please enter a surname",errorEmail:"Please enter a valid email address"},getFieldsConfigurations:function(){return[{input:d.Quiz.el.firstNameInput,validator:n.isValidInputTextField,error:d.Quiz.errorMessages.errorFirstName},{input:d.Quiz.el.surnameInput,validator:n.isValidInputTextField,error:d.Quiz.errorMessages.errorSurname},{input:d.Quiz.el.emailInput,validator:n.isValidEmail,error:d.Quiz.errorMessages.errorEmail}]},showModal:function(e){$(e).modal("show")},closeModal:function(e,t){t&&t.preventDefault(),$(e).modal("hide")},validateInput:function(e,t,i){t=t($(e).val());return(0,n.updateStylingError)(e,t,i),t},validateForm:function(){var e=d.Quiz.getFieldsConfigurations(),t=!0;return e.forEach(function(e){e=d.Quiz.validateInput(e.input,e.validator,e.error);t=t&&e}),t},clearAllForm:function(){$(d.Quiz.el.modalEmail+" ".concat(d.Quiz.el.input)).val("")},disableButton:function(e){$(e).attr("disabled",!0)},enableButton:function(e){$(e).removeAttr("disabled")},requestToEmailResult:function(){var n={email:$(d.Quiz.el.emailInput).val(),firstName:$(d.Quiz.el.firstNameInput).val(),lastName:$(d.Quiz.el.surnameInput).val()};return d.Quiz.disableButton(d.Quiz.el.submitBtn),new Promise(function(e,t){var i=u({},n),i=(0,r.createEvent)(d.Quiz.STYLE_QUIZ_EMAIL,i,{resolve:e,reject:t});window.dispatchEvent(i)}).then(function(){d.Quiz.closeModal(d.Quiz.el.modalEmail)}).catch(function(e){console.error(e)}).finally(function(){d.Quiz.clearAllForm(),d.Quiz.showModal(d.Quiz.el.modalEmailFinal),d.Quiz.enableButton(d.Quiz.el.submitBtn)})},submitForm:function(e){e.preventDefault(),d.Quiz.validateForm()?d.Quiz.requestToEmailResult():$(d.Quiz.el.quizForm).addClass(d.Quiz.el.formInvalidClass)},loadScript:function(e,t){var i=document.createElement("script");i.src=e,i.onload=t,i.onerror=function(){return console.error("Failed to load script:",e)},document.head.appendChild(i)},handleSaveAsPDF:function(){"undefined"==typeof html2pdf?d.Quiz.loadScript("https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.2/html2pdf.bundle.min.js",function(){d.Quiz.generatePDF()}):d.Quiz.generatePDF()},convertSvgToCanvas:function(t){return new Promise(function(r,o){var e=document.querySelectorAll(t+' img[src*=".svg"]'),a=e.length;0===a&&r(),e.forEach(function(e){var t=document.createElement("canvas"),i=t.getContext("2d"),n=new Image;n.crossOrigin="Anonymous",n.onload=function(){t.width=2*n.width,t.height=2*n.height,i.drawImage(n,0,0,t.width,t.height);try{e.src=t.toDataURL("image/png"),--a}catch(e){return void o(e)}0===a&&r()},n.onerror=function(){o(new Error("Failed to load image"))},n.src=e.src})})},generatePDF:function(){var e=document.body.querySelector(d.Quiz.el.quizContainer);d.Quiz.convertSvgToCanvas(d.Quiz.el.quizContainer).then(function(){html2pdf().set({margin:1,filename:"Wickes Matchmaker Quiz result.pdf",image:{type:"jpeg",quality:.98},html2canvas:{scale:2,useCORS:!0,windowWidth:770},jsPDF:{format:[695.28,200]}}).from(e).save()}).catch(function(e){return console.error("Error converting SVGs:",e)})},handlePrint:function(){var e=d.Quiz.el.html,t=document.createElement("iframe"),i=(t.name="printFrame",t.style.display="none",document.body.appendChild(t),t.contentWindow),e=(i.document.write("<html><head>"),$('[type="text/css"]').each(function(e,t){i.document.write(t.outerHTML)}),i.document.write("</head><body>"),$(e).clone());e.find("script, iframe").remove(),e.find("svg").each(function(){this.setAttribute("xmlns","http://www.w3.org/2000/svg")}),i.document.write(e.html()),i.document.write("</body></html>"),i.document.close(),i.focus(),t.onload=function(){setTimeout(function(){i.print(),document.body.removeChild(t)},500)}},disablePrintButtonOnMobileApp:function(){(0,o.isApp)()&&d.Quiz.disableButton(d.Quiz.el.btnPrintResultQuiz)},handlePrintOrPDFInteraction:function(e){e.preventDefault(),(0,o.isTouchDevice)()?d.Quiz.handleSaveAsPDF():d.Quiz.handlePrint()},init:function(){$(d.Quiz.el.body).on("click",d.Quiz.el.btnQuizEmail,function(e){e.preventDefault(),d.Quiz.showModal(d.Quiz.el.modalEmail)}),$(d.Quiz.el.cancelBtn).on("click",function(e){d.Quiz.closeModal(d.Quiz.el.modal,e)}),$(d.Quiz.el.body).on("submit",d.Quiz.el.quizForm,d.Quiz.submitForm);var t=_.debounce(d.Quiz.handlePrintOrPDFInteraction,500);$(d.Quiz.el.btnPrintResultQuiz).on("click",function(e){e.preventDefault(),t(e)}),d.Quiz.disablePrintButtonOnMobileApp()}},$(document).ready(function(){d.Quiz.init()})},{"./utils/create-event":2,"./utils/helpers":3,"./utils/validation":4}],2:[function(e,t,i){"use strict";Object.defineProperty(i,"__esModule",{value:!0}),i.createEvent=function(e,t,i){return new CustomEvent(e,{detail:{payload:t,resolve:i.resolve,reject:i.reject}})}},{}],3:[function(e,t,i){"use strict";Object.defineProperty(i,"__esModule",{value:!0}),i.countLetters=function(e){e=e.match(/[a-zA-Z]/g);return e?e.length:0},i.createImageElements=function(e,t){return e.map(function(e){return $("<img>").attr("src",e).attr("alt",t)})},i.highlightCharacter=function(e,t,i){return e.includes(t)?(t=new RegExp("\\".concat(t,"+"),"g"),i='<span class="'.concat(i,'">$&</span>'),e.replace(t,i)):e},i.isApp=function(){return navigator.userAgent.match(/TradeProMobile_iOS|TradeProMobile_Android|DIYMobile_iOS|DIYMobile_Android|DIYApp_Guest_Mobile_iOS|DIYApp_Guest_Mobile_Android|AGENT_PLACEHOLDER/i)},i.isHasSymbol=function(e,t){return e.includes(t)},i.isKeyboardOpen=function(){var e=window.innerHeight,t=window.visualViewport.height;return e!==t},i.isTouchDevice=function(){return"ontouchstart"in window},i.scrollToTop=function(e){e.scrollTop(0)}},{}],4:[function(e,t,i){"use strict";Object.defineProperty(i,"__esModule",{value:!0}),i.addErrorMessage=A,i.addFieldValidation=function(e,i){$(e).each(function(e,t){$(t).blur(function(){a(this),i(this),n.idsOfInputsWithNoNeedToUpdateDuringTyping.includes(t.id)||$(this).keyup(function(){a(this),i(this)})})})},i.clearValidationErrors=function(e){e=$(e);e.hasClass("form_invalid")&&e.removeClass("form_invalid").find(".form-row[data-row-required]").removeClass("form-row_validation-error").find(".form-row__error").remove()},i.isNameOnCardContainsAtLeast14Digits=b,i.isNameOnCardContainsOnly16Digits=w,i.isValidAddress2=h,i.isValidAddressSelection=p,i.isValidEmail=l,i.isValidFieldSize=s,i.isValidHouseName=v,i.isValidInputTextField=c,i.isValidPassword=u,i.isValidPhoneNumber=f,i.isValidPostcodeField=m,i.isValidStoreId=z,i.isValidTitle=d,i.isValidVoucher=g,i.removeErrorStyling=Q,i.showValidationErrors=function(e,t){e=$(e);e.hasClass(r.formInvalid)?e.find(r.fieldRow).find(".form-row__error").text(t):(e.find(".form-row__error").remove(),e.addClass(r.formInvalid).find(r.fieldRow).append(function(e){return'<div class="form-row__error"> '.concat(e||"Error message here","</div>")}(t)).addClass(r.rowValidationError));t=e.find(r.fieldRow).first();{var i;t.length&&!function(e){"function"==typeof jQuery&&e instanceof jQuery&&(e=e[0]);e=e.getBoundingClientRect();return 0<=e.top&&0<=e.left&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}(t)&&(e=t.closest(".modal").length,i=e?t.closest(".modal"):$("html, body"),e=e?0:t.offset().top-30,i.animate({scrollTop:e},300))}},i.updateInputValueBeforeValidation=a,i.updateStylingError=y,i.updateStylingErrorForElement=E,i.validateAddress1=function(e){y(e.id,c(e.value),invalidAddressOne)},i.validateAddress2=function(e){y(e.id,h(e.value),invalidAddressTwo)},i.validateAddressSelection=function(e){y(e.id,p(e),selectAddressMessage)},i.validateCity=function(e){y(e.id,c(e.value),invalidTownCity)},i.validateEmail=function(e){y(e.id,l(e.value),invalidEmailAddress)},i.validateFirstName=function(e){y(e.id,c(e.value),invalidFirstName)},i.validateGuidPattern=function(e){return o.guidPattern.test(e)},i.validateHouseName=function(e){y(e.id,v(e.value))},i.validateLastName=function(e){y(e.id,c(e.value),invalidLastName)},i.validateMobile=function(e,t){y(e.id,f(e.value,t),invalidMobile)},i.validateNameOnCard=function(e){y(e.id,!0);var t=c(e.value);t?e.value.length>nameOnCardMaxLength?y(e.id,!1,invalidNameOnCardLength):w(e.value)?y(e.id,!1,invalidCustomNameOnCard):b(e.value)&&y(e.id,!1,validationWarnNameOnCard):y(e.id,t,invalidNameOnCard)},i.validatePassword=function(e){y(e.id,u(e.value),invalidPassword)},i.validatePhone=function(e){y(e.id,f(e.value,!0),invalidTelephone)},i.validatePostcode=function(e,t){var i=e.value,n=m(i);t&&n&&(i=i.replace(/\s/g,""),$("#"+$.escapeSelector(e.id)).val(i.substr(0,i.length-3)+" "+i.substr(i.length-3)));y(e.id,n,invalidPostCode)},i.validateStoreId=function(e){y(e.id,z(e.value),invalidStoreId)},i.validateTitle=function(e){y(e.id,d(e.value),invalidTitle)},i.validateUserFriendlyIdPattern=function(e){return o.userFriendlyIdPattern.test(e)},i.validateVoucher=function(e){E(e,g(e.value),invalidVoucherCode)},i.wrapWithError=P;var n={idsOfInputsWithNoNeedToUpdateDuringTyping:["address-lookup-query","modal-address-lookup-query"]},r={formInvalid:"form_invalid",fieldRow:".form-row[data-row-required]",rowValidationError:"form-row_validation-error"},o={guidPattern:/^[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}$/i,userFriendlyIdPattern:/^[A-Za-z]{2,3}\d{6}$/};function a(e){$(e).val($.trim($(e).val()))}function l(e){var t=new RegExp("^(?=.{1,64}@)[\\w\\+-]+(\\.[\\w\\+-]+)*@(([A-Za-z\\d]+[A-Za-z\\d-]*\\.){1,3}[A-Za-z]{2,16}|(?:(?:25[0-5]|2[0-4][\\d]|[01]?[\\d][\\d]?)\\.){3}(?:25[0-5]|2[0-4][\\d]|[01]?[\\d][\\d]?))$"),i=e.length<=254;return t.test(e)&&i}function u(e){return 0<e.length}function d(e){return 0<e.length}function s(e){return 0<e.length&&e.length<255}function c(e){var t=new RegExp("^[\\w ()/&.,'-]+$|^$");return s(e)&&t.test(e)}function f(e,t){var i=new RegExp("^0{1}\\d{10}$|^0{1}\\d{5}\\s{1}\\d{5}$|^0{1}\\d{4}\\s{1}\\d{6}$|^0{1}\\d{3}\\s{1}\\d{3}\\s{1}\\d{4}$|^0{1}\\d{2}\\s{1}\\d{4}\\s{1}\\d{4}$|^0{1}\\d{3}\\s{1}\\d{7}$"),n=new RegExp("^0{1}\\d{9}$|^0{1}\\d{5}\\s{1}\\d{4}$|^0{1}\\d{4}\\s{1}\\d{5}$"),i=i.test(e)||n.test(e);return t?0===e.length||i:0<e.length&&i}function m(e){var e=e.toUpperCase().replaceAll(" ",""),t=new RegExp("^(GIR 0AA)|((([A-PR-UWYZ][0-9][0-9]?)|([A-PR-UWYZ][A-HK-Y][0-9][0-9]?)|([A-PR-UWYZ][0-9][A-HJKSTUW])|([A-PR-UWYZ][A-HK-Y][0-9][ABEHMNPRVWXY]))[0-9][A-BD-HJLNP-UW-Z]{2})$");return 4<e.replace(/\s+/g,"").length&&t.test(e)}function v(e){var t=new RegExp("^[\\w ()/&.,'-]+$|^$");return 0<e.length&&t.test(e)}function p(e){return!$("#"+$.escapeSelector(e.id)).is(":visible")}function h(e){var t=new RegExp("^[\\w ().,'-]+$|^$");return 0===e.length||t.test(e)}function g(e){return 0<e.trim().length}function w(e){return new RegExp("^\\d{16}$").test(e)}function b(e){return new RegExp("^(.*\\d){14,}.*$").test(e)}function z(e){return"0"!==e}function y(e,t,i){E($(e),t,i)}function E(e,t,i){e=$(e).closest(".form-row");e.is(":visible")&&(Q(e),t||(P(e),A(e,i)))}function Q(e){e.removeClass("form-row_validation-error"),e.find(".form-row__error").remove()}function P(e){$(e).addClass("form-row_validation-error")}function A(e,t){t&&$(e).append('<div class="form-row__error">'+t+"</div>")}},{}]},{},[1]);
|
|
1
|
+
!function n(r,o,a){function l(t,e){if(!o[t]){if(!r[t]){var i="function"==typeof require&&require;if(!e&&i)return i(t,!0);if(u)return u(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}i=o[t]={exports:{}},r[t][0].call(i.exports,function(e){return l(r[t][1][e]||e)},i,i.exports,n,r,o,a)}return o[t].exports}for(var u="function"==typeof require&&require,e=0;e<a.length;e++)l(a[e]);return l}({1:[function(e,t,i){"use strict";var r=e("./utils/create-event"),n=e("./utils/validation"),o=e("./utils/helpers");function a(e){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function l(t,e){var i,n=Object.keys(t);return Object.getOwnPropertySymbols&&(i=Object.getOwnPropertySymbols(t),e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,i)),n}function u(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?l(Object(r),!0).forEach(function(e){var t,i;t=n,i=r[e=e],(e=function(e){e=function(e,t){if("object"!==a(e)||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!==a(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}(e,"string");return"symbol"===a(e)?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))})}return n}var d=window.Wick||{};d.Quiz={STYLE_QUIZ_EMAIL:"styleQuizEmail",el:{quizContainer:".main-quiz",quizActions:".quiz-actions",body:"body",html:"html",input:'input[type="text"]',modal:".quiz-modal",modalEmail:"#quiz-modal",modalEmailFinal:"#quiz-modal-final",btnQuizEmail:"#email-results-quiz",cancelBtn:".quiz-modal__controls .btn-cancel",submitBtn:'.quiz-modal__controls [type="submit"]',quizForm:".quiz-modal__form",btnPrintResultQuiz:"#print-results-quiz",emailInput:"#email",firstNameInput:"#firstName",surnameInput:"#surname",formInvalidClass:"form_invalid"},errorMessages:{errorFirstName:"Please enter a first name",errorSurname:"Please enter a surname",errorEmail:"Please enter a valid email address"},getFieldsConfigurations:function(){return[{input:d.Quiz.el.firstNameInput,validator:n.isValidInputTextField,error:d.Quiz.errorMessages.errorFirstName},{input:d.Quiz.el.surnameInput,validator:n.isValidInputTextField,error:d.Quiz.errorMessages.errorSurname},{input:d.Quiz.el.emailInput,validator:n.isValidEmail,error:d.Quiz.errorMessages.errorEmail}]},showModal:function(e){$(e).modal("show")},closeModal:function(e,t){t&&t.preventDefault(),$(e).modal("hide")},validateInput:function(e,t,i){t=t($(e).val());return(0,n.updateStylingError)(e,t,i),t},validateForm:function(){var e=d.Quiz.getFieldsConfigurations(),t=!0;return e.forEach(function(e){e=d.Quiz.validateInput(e.input,e.validator,e.error);t=t&&e}),t},clearAllForm:function(){$(d.Quiz.el.modalEmail+" ".concat(d.Quiz.el.input)).val("")},disableButton:function(e){$(e).attr("disabled",!0)},enableButton:function(e){$(e).removeAttr("disabled")},requestToEmailResult:function(){var n={email:$(d.Quiz.el.emailInput).val(),firstName:$(d.Quiz.el.firstNameInput).val(),lastName:$(d.Quiz.el.surnameInput).val()};return d.Quiz.disableButton(d.Quiz.el.submitBtn),new Promise(function(e,t){var i=u({},n),i=(0,r.createEvent)(d.Quiz.STYLE_QUIZ_EMAIL,i,{resolve:e,reject:t});window.dispatchEvent(i)}).then(function(){d.Quiz.closeModal(d.Quiz.el.modalEmail)}).catch(function(e){console.error(e)}).finally(function(){d.Quiz.clearAllForm(),d.Quiz.showModal(d.Quiz.el.modalEmailFinal),d.Quiz.enableButton(d.Quiz.el.submitBtn)})},submitForm:function(e){e.preventDefault(),d.Quiz.validateForm()?d.Quiz.requestToEmailResult():$(d.Quiz.el.quizForm).addClass(d.Quiz.el.formInvalidClass)},loadScript:function(e,t){var i=document.createElement("script");i.src=e,i.onload=t,i.onerror=function(){return console.error("Failed to load script:",e)},document.head.appendChild(i)},handleSaveAsPDF:function(){"undefined"==typeof html2pdf?d.Quiz.loadScript("https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.2/html2pdf.bundle.min.js",function(){d.Quiz.generatePDF()}):d.Quiz.generatePDF()},convertSvgToCanvas:function(t){return new Promise(function(r,o){var e=document.querySelectorAll(t+' img[src*=".svg"]'),a=e.length;0===a&&r(),e.forEach(function(e){var t=document.createElement("canvas"),i=t.getContext("2d"),n=new Image;n.crossOrigin="Anonymous",n.onload=function(){t.width=2*n.width,t.height=2*n.height,i.drawImage(n,0,0,t.width,t.height);try{e.src=t.toDataURL("image/png"),--a}catch(e){return void o(e)}0===a&&r()},n.onerror=function(){o(new Error("Failed to load image"))},n.src=e.src})})},generatePDF:function(){var e=document.body.querySelector(d.Quiz.el.quizContainer);d.Quiz.convertSvgToCanvas(d.Quiz.el.quizContainer).then(function(){var t={margin:1,filename:"Wickes Matchmaker Quiz result.pdf",image:{type:"jpeg",quality:.98},html2canvas:{scale:2,useCORS:!0,windowWidth:770},jsPDF:{format:[695.28,200]}};html2pdf().set(t).from(e).output("datauristring").then(function(e){window.ReactNativeWebView&&window.ReactNativeWebView.postMessage?window.ReactNativeWebView.postMessage(JSON.stringify({event:"matchMakertoolResultBase64",data:{filename:t.filename,file:e}})):console.warn("ReactNativeWebView not available")}).save()}).catch(function(e){return console.error("Error converting SVGs:",e)})},handlePrint:function(){var e=d.Quiz.el.html,t=document.createElement("iframe"),i=(t.name="printFrame",t.style.display="none",document.body.appendChild(t),t.contentWindow),e=(i.document.write("<html><head>"),$('[type="text/css"]').each(function(e,t){i.document.write(t.outerHTML)}),i.document.write("</head><body>"),$(e).clone());e.find("script, iframe").remove(),e.find("svg").each(function(){this.setAttribute("xmlns","http://www.w3.org/2000/svg")}),i.document.write(e.html()),i.document.write("</body></html>"),i.document.close(),i.focus(),t.onload=function(){setTimeout(function(){i.print(),document.body.removeChild(t)},500)}},handlePrintOrPDFInteraction:function(e){e.preventDefault(),(0,o.isTouchDevice)()?d.Quiz.handleSaveAsPDF():d.Quiz.handlePrint()},init:function(){$(d.Quiz.el.body).on("click",d.Quiz.el.btnQuizEmail,function(e){e.preventDefault(),d.Quiz.showModal(d.Quiz.el.modalEmail)}),$(d.Quiz.el.cancelBtn).on("click",function(e){d.Quiz.closeModal(d.Quiz.el.modal,e)}),$(d.Quiz.el.body).on("submit",d.Quiz.el.quizForm,d.Quiz.submitForm);var t=_.debounce(d.Quiz.handlePrintOrPDFInteraction,500);$(d.Quiz.el.btnPrintResultQuiz).on("click",function(e){e.preventDefault(),t(e)})}},$(document).ready(function(){d.Quiz.init()})},{"./utils/create-event":2,"./utils/helpers":3,"./utils/validation":4}],2:[function(e,t,i){"use strict";Object.defineProperty(i,"__esModule",{value:!0}),i.createEvent=function(e,t,i){return new CustomEvent(e,{detail:{payload:t,resolve:i.resolve,reject:i.reject}})}},{}],3:[function(e,t,i){"use strict";Object.defineProperty(i,"__esModule",{value:!0}),i.countLetters=function(e){e=e.match(/[a-zA-Z]/g);return e?e.length:0},i.createImageElements=function(e,t){return e.map(function(e){return $("<img>").attr("src",e).attr("alt",t)})},i.highlightCharacter=function(e,t,i){return e.includes(t)?(t=new RegExp("\\".concat(t,"+"),"g"),i='<span class="'.concat(i,'">$&</span>'),e.replace(t,i)):e},i.isApp=function(){return navigator.userAgent.match(/TradeProMobile_iOS|TradeProMobile_Android|DIYMobile_iOS|DIYMobile_Android|DIYApp_Guest_Mobile_iOS|DIYApp_Guest_Mobile_Android|AGENT_PLACEHOLDER/i)},i.isHasSymbol=function(e,t){return e.includes(t)},i.isKeyboardOpen=function(){var e=window.innerHeight,t=window.visualViewport.height;return e!==t},i.isTouchDevice=function(){return"ontouchstart"in window},i.scrollToTop=function(e){e.scrollTop(0)}},{}],4:[function(e,t,i){"use strict";Object.defineProperty(i,"__esModule",{value:!0}),i.addErrorMessage=_,i.addFieldValidation=function(e,i){$(e).each(function(e,t){$(t).blur(function(){a(this),i(this),n.idsOfInputsWithNoNeedToUpdateDuringTyping.includes(t.id)||$(this).keyup(function(){a(this),i(this)})})})},i.clearValidationErrors=function(e){e=$(e);e.hasClass("form_invalid")&&e.removeClass("form_invalid").find(".form-row[data-row-required]").removeClass("form-row_validation-error").find(".form-row__error").remove()},i.isNameOnCardContainsAtLeast14Digits=b,i.isNameOnCardContainsOnly16Digits=w,i.isValidAddress2=h,i.isValidAddressSelection=p,i.isValidEmail=l,i.isValidFieldSize=s,i.isValidHouseName=v,i.isValidInputTextField=c,i.isValidPassword=u,i.isValidPhoneNumber=f,i.isValidPostcodeField=m,i.isValidStoreId=y,i.isValidTitle=d,i.isValidVoucher=g,i.removeErrorStyling=Q,i.showValidationErrors=function(e,t){e=$(e);e.hasClass(r.formInvalid)?e.find(r.fieldRow).find(".form-row__error").text(t):(e.find(".form-row__error").remove(),e.addClass(r.formInvalid).find(r.fieldRow).append(function(e){return'<div class="form-row__error"> '.concat(e||"Error message here","</div>")}(t)).addClass(r.rowValidationError));t=e.find(r.fieldRow).first();{var i;t.length&&!function(e){"function"==typeof jQuery&&e instanceof jQuery&&(e=e[0]);e=e.getBoundingClientRect();return 0<=e.top&&0<=e.left&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}(t)&&(e=t.closest(".modal").length,i=e?t.closest(".modal"):$("html, body"),e=e?0:t.offset().top-30,i.animate({scrollTop:e},300))}},i.updateInputValueBeforeValidation=a,i.updateStylingError=z,i.updateStylingErrorForElement=E,i.validateAddress1=function(e){z(e.id,c(e.value),invalidAddressOne)},i.validateAddress2=function(e){z(e.id,h(e.value),invalidAddressTwo)},i.validateAddressSelection=function(e){z(e.id,p(e),selectAddressMessage)},i.validateCity=function(e){z(e.id,c(e.value),invalidTownCity)},i.validateEmail=function(e){z(e.id,l(e.value),invalidEmailAddress)},i.validateFirstName=function(e){z(e.id,c(e.value),invalidFirstName)},i.validateGuidPattern=function(e){return o.guidPattern.test(e)},i.validateHouseName=function(e){z(e.id,v(e.value))},i.validateLastName=function(e){z(e.id,c(e.value),invalidLastName)},i.validateMobile=function(e,t){z(e.id,f(e.value,t),invalidMobile)},i.validateNameOnCard=function(e){z(e.id,!0);var t=c(e.value);t?e.value.length>nameOnCardMaxLength?z(e.id,!1,invalidNameOnCardLength):w(e.value)?z(e.id,!1,invalidCustomNameOnCard):b(e.value)&&z(e.id,!1,validationWarnNameOnCard):z(e.id,t,invalidNameOnCard)},i.validatePassword=function(e){z(e.id,u(e.value),invalidPassword)},i.validatePhone=function(e){z(e.id,f(e.value,!0),invalidTelephone)},i.validatePostcode=function(e,t){var i=e.value,n=m(i);t&&n&&(i=i.replace(/\s/g,""),$("#"+$.escapeSelector(e.id)).val(i.substr(0,i.length-3)+" "+i.substr(i.length-3)));z(e.id,n,invalidPostCode)},i.validateStoreId=function(e){z(e.id,y(e.value),invalidStoreId)},i.validateTitle=function(e){z(e.id,d(e.value),invalidTitle)},i.validateUserFriendlyIdPattern=function(e){return o.userFriendlyIdPattern.test(e)},i.validateVoucher=function(e){E(e,g(e.value),invalidVoucherCode)},i.wrapWithError=P;var n={idsOfInputsWithNoNeedToUpdateDuringTyping:["address-lookup-query","modal-address-lookup-query"]},r={formInvalid:"form_invalid",fieldRow:".form-row[data-row-required]",rowValidationError:"form-row_validation-error"},o={guidPattern:/^[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}$/i,userFriendlyIdPattern:/^[A-Za-z]{2,3}\d{6}$/};function a(e){$(e).val($.trim($(e).val()))}function l(e){var t=new RegExp("^(?=.{1,64}@)[\\w\\+-]+(\\.[\\w\\+-]+)*@(([A-Za-z\\d]+[A-Za-z\\d-]*\\.){1,3}[A-Za-z]{2,16}|(?:(?:25[0-5]|2[0-4][\\d]|[01]?[\\d][\\d]?)\\.){3}(?:25[0-5]|2[0-4][\\d]|[01]?[\\d][\\d]?))$"),i=e.length<=254;return t.test(e)&&i}function u(e){return 0<e.length}function d(e){return 0<e.length}function s(e){return 0<e.length&&e.length<255}function c(e){var t=new RegExp("^[\\w ()/&.,'-]+$|^$");return s(e)&&t.test(e)}function f(e,t){var i=new RegExp("^0{1}\\d{10}$|^0{1}\\d{5}\\s{1}\\d{5}$|^0{1}\\d{4}\\s{1}\\d{6}$|^0{1}\\d{3}\\s{1}\\d{3}\\s{1}\\d{4}$|^0{1}\\d{2}\\s{1}\\d{4}\\s{1}\\d{4}$|^0{1}\\d{3}\\s{1}\\d{7}$"),n=new RegExp("^0{1}\\d{9}$|^0{1}\\d{5}\\s{1}\\d{4}$|^0{1}\\d{4}\\s{1}\\d{5}$"),i=i.test(e)||n.test(e);return t?0===e.length||i:0<e.length&&i}function m(e){var e=e.toUpperCase().replaceAll(" ",""),t=new RegExp("^(GIR 0AA)|((([A-PR-UWYZ][0-9][0-9]?)|([A-PR-UWYZ][A-HK-Y][0-9][0-9]?)|([A-PR-UWYZ][0-9][A-HJKSTUW])|([A-PR-UWYZ][A-HK-Y][0-9][ABEHMNPRVWXY]))[0-9][A-BD-HJLNP-UW-Z]{2})$");return 4<e.replace(/\s+/g,"").length&&t.test(e)}function v(e){var t=new RegExp("^[\\w ()/&.,'-]+$|^$");return 0<e.length&&t.test(e)}function p(e){return!$("#"+$.escapeSelector(e.id)).is(":visible")}function h(e){var t=new RegExp("^[\\w ().,'-]+$|^$");return 0===e.length||t.test(e)}function g(e){return 0<e.trim().length}function w(e){return new RegExp("^\\d{16}$").test(e)}function b(e){return new RegExp("^(.*\\d){14,}.*$").test(e)}function y(e){return"0"!==e}function z(e,t,i){E($(e),t,i)}function E(e,t,i){e=$(e).closest(".form-row");e.is(":visible")&&(Q(e),t||(P(e),_(e,i)))}function Q(e){e.removeClass("form-row_validation-error"),e.find(".form-row__error").remove()}function P(e){$(e).addClass("form-row_validation-error")}function _(e,t){t&&$(e).append('<div class="form-row__error">'+t+"</div>")}},{}]},{},[1]);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "wickes-css2",
|
|
3
|
-
"version": "2.94.0-develop.
|
|
3
|
+
"version": "2.94.0-develop.22",
|
|
4
4
|
"description": "CSS and JS and page templates in use by Wickes",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -108,7 +108,15 @@
|
|
|
108
108
|
"branches": [
|
|
109
109
|
"alt-master",
|
|
110
110
|
{
|
|
111
|
-
"name": "
|
|
111
|
+
"name": "develop",
|
|
112
|
+
"prerelease": true
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
"name": "preprod",
|
|
116
|
+
"prerelease": true
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"name": "custom-tag/*",
|
|
112
120
|
"prerelease": "${name.replace(/^custom-tag\\//g, '')}"
|
|
113
121
|
}
|
|
114
122
|
],
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
<div class="price-vat">Inc.VAT</div>
|
|
88
88
|
</div>
|
|
89
89
|
<div class="excluding-vat d-none">
|
|
90
|
-
<span class="order-item__value">£{{
|
|
90
|
+
<span class="order-item__value">£{{priceExcVat}}</span>
|
|
91
91
|
<div class="price-vat">Exc.VAT</div>
|
|
92
92
|
</div>
|
|
93
93
|
{{else}}
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
<div class="price-vat">Inc.VAT</div>
|
|
107
107
|
</div>
|
|
108
108
|
<div class="excluding-vat d-none">
|
|
109
|
-
<span class="order-item__value">£{{
|
|
109
|
+
<span class="order-item__value">£{{pricePerSQMExcVat.value}}</span>
|
|
110
110
|
<div class="price-vat">Exc.VAT</div>
|
|
111
111
|
</div>
|
|
112
112
|
{{else}}
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
<div class="price-vat">Inc.VAT</div>
|
|
128
128
|
</div>
|
|
129
129
|
<div class="excluding-vat d-none">
|
|
130
|
-
<span class="order-item__value">£{{
|
|
130
|
+
<span class="order-item__value">£{{totalExcVat}}</span>
|
|
131
131
|
<div class="price-vat">Exc.VAT</div>
|
|
132
132
|
</div>
|
|
133
133
|
{{else}}
|
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
<div class="col-md-12 pl-0">
|
|
4
4
|
<div class="row">
|
|
5
5
|
<div class="col-md-7 signup-tradepro-wrap">
|
|
6
|
+
{{#if fill-remaining}}
|
|
7
|
+
{{> notifications notification-page.warning classModifier="notification_warning fill-remaining fill-remaining--local"
|
|
8
|
+
text="Please fill in the remaining fields below, in order to create your account."}}
|
|
9
|
+
{{/if}}
|
|
6
10
|
<form class="signup-tradepro form-bg">
|
|
7
11
|
<div class="signup-tradepro__row">
|
|
8
12
|
<div class="signup-tradepro__descr">
|
|
@@ -78,8 +78,10 @@
|
|
|
78
78
|
"title": "Wickes General Purpose Claw \nHammer - 16oz",
|
|
79
79
|
"code": "123123",
|
|
80
80
|
"price": "16",
|
|
81
|
+
"priceExcVat": "15",
|
|
81
82
|
"quantity": 2,
|
|
82
83
|
"total": "32",
|
|
84
|
+
"totalExcVat": "30",
|
|
83
85
|
"offers": [
|
|
84
86
|
"Buy 2 for 3 — Add 1 to qualify",
|
|
85
87
|
"Buy 2 for 3 — Add 1 to qualify"
|
|
@@ -87,6 +89,9 @@
|
|
|
87
89
|
"pricePerSQM": {
|
|
88
90
|
"value": "12"
|
|
89
91
|
},
|
|
92
|
+
"pricePerSQMExcVat": {
|
|
93
|
+
"value": "10"
|
|
94
|
+
},
|
|
90
95
|
"message": "Purchased 12 times since your last visit 1 day ago",
|
|
91
96
|
"click-and-collect": {
|
|
92
97
|
"store": "Watford",
|
|
@@ -328,8 +333,10 @@
|
|
|
328
333
|
"title": "Wickes General Purpose Claw \nHammer - 16oz asd asd asd as das d asd as as d",
|
|
329
334
|
"code": "123124",
|
|
330
335
|
"price": "16",
|
|
336
|
+
"priceExcVat": "15",
|
|
331
337
|
"quantity": 123,
|
|
332
338
|
"total": "19776",
|
|
339
|
+
"totalExcVat": "19000",
|
|
333
340
|
"message": "Purchased 12 times since your last visit 1 day ago",
|
|
334
341
|
"click-and-collect": {
|
|
335
342
|
"otherStores": [
|
|
@@ -561,8 +568,10 @@
|
|
|
561
568
|
"title": "Wickes General Purpose Claw \nHammer - 16oz asdasd as das da sd as daasd as das as sd asa",
|
|
562
569
|
"code": "123125",
|
|
563
570
|
"price": "16",
|
|
571
|
+
"priceExcVat": "15",
|
|
564
572
|
"quantity": 2,
|
|
565
573
|
"total": "32",
|
|
574
|
+
"totalExcVat": "30",
|
|
566
575
|
"click-and-collect": {
|
|
567
576
|
"otherStores": [
|
|
568
577
|
{
|
|
@@ -792,6 +801,9 @@
|
|
|
792
801
|
"title": "Wickes General Purpose Claw test",
|
|
793
802
|
"code": "123126",
|
|
794
803
|
"price": "16",
|
|
804
|
+
"priceExcVat": "15",
|
|
805
|
+
"total": "32",
|
|
806
|
+
"totalExcVat": "30",
|
|
795
807
|
"quantity": 1,
|
|
796
808
|
"totalMobile": "16",
|
|
797
809
|
"click-and-collect": {
|
|
@@ -1029,8 +1041,10 @@
|
|
|
1029
1041
|
"title": "Wickes General Purpose Claw \nHammer - 16oz",
|
|
1030
1042
|
"code": "123127",
|
|
1031
1043
|
"price": "16",
|
|
1044
|
+
"priceExcVat": "15",
|
|
1032
1045
|
"quantity": 2,
|
|
1033
1046
|
"total": "32",
|
|
1047
|
+
"totalExcVat": "30",
|
|
1034
1048
|
"offers": [
|
|
1035
1049
|
"Buy 2 for 3 — Add 1 to qualify",
|
|
1036
1050
|
"Buy 2 for 3 — Add 1 to qualify"
|
|
@@ -1046,8 +1060,10 @@
|
|
|
1046
1060
|
"title": "Wickes General Purpose Claw \nHammer - 16oz asd asd asd as das d asd as as d",
|
|
1047
1061
|
"code": "123128",
|
|
1048
1062
|
"price": "16",
|
|
1063
|
+
"priceExcVat": "15",
|
|
1049
1064
|
"quantity": 123,
|
|
1050
1065
|
"total": "19776",
|
|
1066
|
+
"totalExcVat": "19000",
|
|
1051
1067
|
"message": "Purchased 12 times since your last visit 1 day ago",
|
|
1052
1068
|
"address": "Watford",
|
|
1053
1069
|
"updateable": true
|
|
@@ -1059,8 +1075,10 @@
|
|
|
1059
1075
|
"title": "Wickes General Purpose Claw \nHammer - 16oz asdasd as das da sd as daasd as das as sd asa",
|
|
1060
1076
|
"code": "123129",
|
|
1061
1077
|
"price": "16",
|
|
1078
|
+
"priceExcVat": "15",
|
|
1062
1079
|
"quantity": 2,
|
|
1063
1080
|
"total": "32",
|
|
1081
|
+
"totalExcVat": "30",
|
|
1064
1082
|
"updateable": true
|
|
1065
1083
|
|
|
1066
1084
|
},
|
|
@@ -1069,7 +1087,9 @@
|
|
|
1069
1087
|
"image": "./img/tile-buying-guide.jpg",
|
|
1070
1088
|
"title": "Wickes General Purpose Claw test",
|
|
1071
1089
|
"price": "16",
|
|
1090
|
+
"priceExcVat": "15",
|
|
1072
1091
|
"total": "32",
|
|
1092
|
+
"totalExcVat": "30",
|
|
1073
1093
|
"code": "1231210",
|
|
1074
1094
|
"quantity": 1,
|
|
1075
1095
|
"totalMobile": "16",
|
|
@@ -1080,7 +1100,9 @@
|
|
|
1080
1100
|
"image": "./img/tile-buying-guide.jpg",
|
|
1081
1101
|
"title": "Wickes General Purpose Claw test",
|
|
1082
1102
|
"price": "0",
|
|
1103
|
+
"priceExcVat": "0",
|
|
1083
1104
|
"total": "0",
|
|
1105
|
+
"totalExcVat": "0",
|
|
1084
1106
|
"updateable": false,
|
|
1085
1107
|
"code": "1231211",
|
|
1086
1108
|
"quantity": 1,
|
|
@@ -1094,9 +1116,11 @@
|
|
|
1094
1116
|
"image": "./img/tile-buying-guide.jpg",
|
|
1095
1117
|
"title": "Euramax Carolina 2 Sidelight Right Hand Hung uPVC White Door Set - 2085 x 1520mm",
|
|
1096
1118
|
"price": "968",
|
|
1119
|
+
"priceExcVat": "960",
|
|
1097
1120
|
"code": "121570",
|
|
1098
1121
|
"quantity": 1,
|
|
1099
1122
|
"total": "968",
|
|
1123
|
+
"totalExcVat": "960",
|
|
1100
1124
|
"deliveryStock": true,
|
|
1101
1125
|
"onlyDeliveryType": true
|
|
1102
1126
|
}
|
package/src/js/page/quiz.js
CHANGED
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
isValidInputTextField,
|
|
5
5
|
updateStylingError
|
|
6
6
|
} from "./utils/validation";
|
|
7
|
-
import {isTouchDevice
|
|
7
|
+
import {isTouchDevice} from "./utils/helpers";
|
|
8
8
|
|
|
9
9
|
var Wick = window.Wick || {};
|
|
10
10
|
Wick.Quiz = {
|
|
@@ -209,9 +209,25 @@ Wick.Quiz = {
|
|
|
209
209
|
};
|
|
210
210
|
|
|
211
211
|
html2pdf()
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
212
|
+
.set(options)
|
|
213
|
+
.from(selector)
|
|
214
|
+
.output('datauristring')
|
|
215
|
+
.then(function (pdfAsDataUri) {
|
|
216
|
+
|
|
217
|
+
const postMessage = {
|
|
218
|
+
event: 'matchMakertoolResultBase64',
|
|
219
|
+
data: {
|
|
220
|
+
filename: options.filename,
|
|
221
|
+
file: pdfAsDataUri
|
|
222
|
+
}
|
|
223
|
+
};
|
|
224
|
+
|
|
225
|
+
if (window.ReactNativeWebView && window.ReactNativeWebView.postMessage) {
|
|
226
|
+
window.ReactNativeWebView.postMessage(JSON.stringify(postMessage));
|
|
227
|
+
} else {
|
|
228
|
+
console.warn('ReactNativeWebView not available');
|
|
229
|
+
}
|
|
230
|
+
}).save();
|
|
215
231
|
}).catch(error => console.error("Error converting SVGs:", error));
|
|
216
232
|
},
|
|
217
233
|
|
|
@@ -251,12 +267,6 @@ Wick.Quiz = {
|
|
|
251
267
|
};
|
|
252
268
|
},
|
|
253
269
|
|
|
254
|
-
disablePrintButtonOnMobileApp: function() {
|
|
255
|
-
if (isApp()) {
|
|
256
|
-
Wick.Quiz.disableButton(Wick.Quiz.el.btnPrintResultQuiz);
|
|
257
|
-
}
|
|
258
|
-
},
|
|
259
|
-
|
|
260
270
|
handlePrintOrPDFInteraction: function (event) {
|
|
261
271
|
event.preventDefault();
|
|
262
272
|
|
|
@@ -284,7 +294,6 @@ Wick.Quiz = {
|
|
|
284
294
|
debouncedHandleInteraction(event);
|
|
285
295
|
});
|
|
286
296
|
|
|
287
|
-
Wick.Quiz.disablePrintButtonOnMobileApp();
|
|
288
297
|
}
|
|
289
298
|
};
|
|
290
299
|
|
|
@@ -25,7 +25,7 @@ text="Sorry, your TradePro application has already been submitted with this info
|
|
|
25
25
|
{{> aside-nav2 trade-pages page-name="Wickes TradePro"}}
|
|
26
26
|
{{/content}}
|
|
27
27
|
{{#content "main"}}
|
|
28
|
-
{{> partner-signup-form }}
|
|
28
|
+
{{> partner-signup-form fill-remaining=true}}
|
|
29
29
|
<div class="component container divider-desk pl-0 pr-0">
|
|
30
30
|
<div class="row">
|
|
31
31
|
<div class="col-12">
|
|
@@ -148,6 +148,13 @@
|
|
|
148
148
|
margin: 0;
|
|
149
149
|
margin-bottom: 25px;
|
|
150
150
|
}
|
|
151
|
+
|
|
152
|
+
.fill-remaining {
|
|
153
|
+
@include media-breakpoint-down(sm) {
|
|
154
|
+
margin-right: -15px;
|
|
155
|
+
width: auto;
|
|
156
|
+
}
|
|
157
|
+
}
|
|
151
158
|
}
|
|
152
159
|
|
|
153
160
|
.signup-tradepro {
|
|
@@ -349,3 +356,23 @@
|
|
|
349
356
|
}
|
|
350
357
|
}
|
|
351
358
|
}
|
|
359
|
+
|
|
360
|
+
.notification.fill-remaining {
|
|
361
|
+
margin: 0 16px 24px;
|
|
362
|
+
|
|
363
|
+
@include media-breakpoint-up(sm) {
|
|
364
|
+
margin: 0 0 24px;
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
&--local {
|
|
368
|
+
@include media-breakpoint-only(xs) {
|
|
369
|
+
margin-right: 0;
|
|
370
|
+
width: auto;
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
@include media-breakpoint-only(sm) {
|
|
374
|
+
margin-right: -15px;
|
|
375
|
+
width: auto;
|
|
376
|
+
}
|
|
377
|
+
}
|
|
378
|
+
}
|