wickes-css2 2.117.0-develop.3 → 2.117.0-gift-cards.1

package/build/js/quiz.min.js

@@ -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.scrollToElement=function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:20,e=$(e);0<e.length&&$("html, body").animate({scrollTop:e.offset().top-t},300)},i.scrollToTop=function(e){e.scrollTop(0)},i.trimFields=function(){Wick.AddressBook.getFieldsConfigurations().forEach(function(e){var t=e.input.val().trim();e.input.val(t)})}},{}],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.clearErrorText=C,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.isValidOrderNumber=function(e){return 9<=e.length},i.isValidPassword=u,i.isValidPasswordSize=function(e){return 5<e.length&&e.length<256},i.isValidPhoneNumber=f,i.isValidPostcodeField=m,i.isValidStoreId=y,i.isValidTitle=d,i.isValidVoucher=g,i.removeErrorStyling=Q,i.showErrorText=_,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.validateExactDigits=function(e,i,t,n){return function(e,t,i,n){var r=n.fieldSelector,o=n.errorText,a=n.fieldError,n=n.ariaInvalidAttr,t=!!t(String(e.val()||""));t?C(e,r,o,a,n):_(e,i,r,o,a,n);return t}(e,function(e){return t=i,function(e){return String(e||"").replace(/\D/g,"")}(e).length===Number(t);var t},t,n)},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<256}function c(e){var t=new RegExp("^[\\w ()/&.,'-]+$|^$");return s(e)&&t.test(e)}function f(e,t){e=e.replace(/\s+/g,"");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("^((GIR0AA)|((([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),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>")}function _(e,t,i,n,r,o){i=e.closest(i),i.addClass(r),e.attr(o,"true"),r=i.find(n);(r=r.length?r:$('<div class="'.concat(n.slice(1),'" />')).appendTo(i)).text(t)}function C(e,t,i,n,r){t=e.closest(t);t.removeClass(n),e.removeAttr(r),t.find(i).remove()}},{}]},{},[1]);
+!function i(r,o,a){function l(t,e){if(!o[t]){if(!r[t]){var n="function"==typeof require&&require;if(!e&&n)return n(t,!0);if(u)return u(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}n=o[t]={exports:{}},r[t][0].call(n.exports,function(e){return l(r[t][1][e]||e)},n,n.exports,i,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,n){"use strict";var r=e("./utils/create-event"),i=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 n,i=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),i.push.apply(i,n)),i}function u(i){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,n;t=i,n=r[e=e],(e=function(e){e=function(e,t){if("object"!==a(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!==a(n))return n;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:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n}):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach(function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(r,e))})}return i}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:i.isValidInputTextField,error:d.Quiz.errorMessages.errorFirstName},{input:d.Quiz.el.surnameInput,validator:i.isValidInputTextField,error:d.Quiz.errorMessages.errorSurname},{input:d.Quiz.el.emailInput,validator:i.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,n){t=t($(e).val());return(0,i.updateStylingError)(e,t,n),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 i={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 n=u({},i),n=(0,r.createEvent)(d.Quiz.STYLE_QUIZ_EMAIL,n,{resolve:e,reject:t});window.dispatchEvent(n)}).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 n=document.createElement("script");n.src=e,n.onload=t,n.onerror=function(){return console.error("Failed to load script:",e)},document.head.appendChild(n)},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"),n=t.getContext("2d"),i=new Image;i.crossOrigin="Anonymous",i.onload=function(){t.width=2*i.width,t.height=2*i.height,n.drawImage(i,0,0,t.width,t.height);try{e.src=t.toDataURL("image/png"),--a}catch(e){return void o(e)}0===a&&r()},i.onerror=function(){o(new Error("Failed to load image"))},i.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"),n=(t.name="printFrame",t.style.display="none",document.body.appendChild(t),t.contentWindow),e=(n.document.write("<html><head>"),$('[type="text/css"]').each(function(e,t){n.document.write(t.outerHTML)}),n.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")}),n.document.write(e.html()),n.document.write("</body></html>"),n.document.close(),n.focus(),t.onload=function(){setTimeout(function(){n.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,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.createEvent=function(e,t,n){return new CustomEvent(e,{detail:{payload:t,resolve:n.resolve,reject:n.reject}})}},{}],3:[function(e,t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.countLetters=function(e){e=e.match(/[a-zA-Z]/g);return e?e.length:0},n.createImageElements=function(e,t){return e.map(function(e){return $("<img>").attr("src",e).attr("alt",t)})},n.highlightCharacter=function(e,t,n){return e.includes(t)?(t=new RegExp("\\".concat(t,"+"),"g"),n='<span class="'.concat(n,'">$&</span>'),e.replace(t,n)):e},n.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)},n.isHasSymbol=function(e,t){return e.includes(t)},n.isKeyboardOpen=function(){var e=window.innerHeight,t=window.visualViewport.height;return e!==t},n.isTouchDevice=function(){return"ontouchstart"in window},n.scrollToElement=function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:20,e=$(e);0<e.length&&$("html, body").animate({scrollTop:e.offset().top-t},300)},n.scrollToTop=function(e){e.scrollTop(0)},n.trimFields=function(){Wick.AddressBook.getFieldsConfigurations().forEach(function(e){var t=e.input.val().trim();e.input.val(t)})}},{}],4:[function(e,t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.addErrorMessage=_,n.addFieldValidation=function(e,n){$(e).each(function(e,t){$(t).blur(function(){a(this),n(this),i.idsOfInputsWithNoNeedToUpdateDuringTyping.includes(t.id)||$(this).keyup(function(){a(this),n(this)})})})},n.bindBlurValidation=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{},i=n.namespace,i=void 0===i?"":i,r=n.onChange;$(document).on("change".concat(i),e,function(){a(this),t(this),r&&r(this)}).on("blur".concat(i),e,function(){I.add(this),a(this),t(this)}).on("input".concat(i),e,function(){I.has(this)&&t(this)})},n.clearErrorText=O,n.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()},n.isAntiXssValid=function(e){return o.antiXssPattern.test(e)},n.isElementInViewport=S,n.isFieldRowVisible=A,n.isNameOnCardContainsAtLeast14Digits=b,n.isNameOnCardContainsOnly16Digits=w,n.isValidAddress2=h,n.isValidAddressSelection=p,n.isValidEmail=l,n.isValidFieldSize=s,n.isValidHouseName=v,n.isValidInputTextField=c,n.isValidLookupPostcode=function(e){return o.lookupPostcodePattern.test(e)},n.isValidOrderNumber=function(e){return 9<=e.length},n.isValidPassword=u,n.isValidPasswordSize=function(e){return 5<e.length&&e.length<256},n.isValidPhoneNumber=f,n.isValidPostcodeField=m,n.isValidStoreId=y,n.isValidTitle=d,n.isValidVoucher=g,n.removeErrorStyling=P,n.removeErrorStylingForElement=function(e){P($(e).closest(".form-row"))},n.resetBlurValidation=function(e){$(e).each(function(e,t){return I.delete(t)})},n.showErrorText=C,n.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 n;t.length&&!S(t)&&(e=t.closest(".modal").length,n=e?t.closest(".modal"):$("html, body"),e=e?0:t.offset().top-30,n.animate({scrollTop:e},300))}},n.updateInputValueBeforeValidation=a,n.updateStylingError=z,n.updateStylingErrorForElement=E,n.validateAddress1=function(e){z(e.id,c(e.value),invalidAddressOne)},n.validateAddress2=function(e){z(e.id,h(e.value),invalidAddressTwo)},n.validateAddressSelection=function(e){z(e.id,p(e),selectAddressMessage)},n.validateCity=function(e){z(e.id,c(e.value),invalidTownCity)},n.validateEmail=function(e){z(e.id,l(e.value),invalidEmailAddress)},n.validateExactDigits=function(e,n,t,i){return function(e,t,n,i){var r=i.fieldSelector,o=i.errorText,a=i.fieldError,i=i.ariaInvalidAttr,t=!!t(String(e.val()||""));t?O(e,r,o,a,i):C(e,n,r,o,a,i);return t}(e,function(e){return t=n,function(e){return String(e||"").replace(/\D/g,"")}(e).length===Number(t);var t},t,i)},n.validateFieldByRule=function(e,t){var n,i=t.required,r=t.validate,t=t.message;return!e.length||!A(e)||(n=(e.val()||"").trim(),r=n?r(n):!i,E(e,r,t),r)},n.validateFirstName=function(e){z(e.id,c(e.value),invalidFirstName)},n.validateGuidPattern=function(e){return o.guidPattern.test(e)},n.validateHouseName=function(e){z(e.id,v(e.value))},n.validateLastName=function(e){z(e.id,c(e.value),invalidLastName)},n.validateMobile=function(e,t){z(e.id,f(e.value,t),invalidMobile)},n.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)},n.validatePassword=function(e){z(e.id,u(e.value),invalidPassword)},n.validatePhone=function(e){z(e.id,f(e.value,!0),invalidTelephone)},n.validatePostcode=function(e,t){var n=e.value,i=m(n);t&&i&&(n=n.replace(/\s/g,""),$("#"+$.escapeSelector(e.id)).val(n.substr(0,n.length-3)+" "+n.substr(n.length-3)));z(e.id,i,invalidPostCode)},n.validateStoreId=function(e){z(e.id,y(e.value),invalidStoreId)},n.validateTitle=function(e){z(e.id,d(e.value),invalidTitle)},n.validateUserFriendlyIdPattern=function(e){return o.userFriendlyIdPattern.test(e)},n.validateVoucher=function(e){E(e,g(e.value),invalidVoucherCode)},n.wrapWithError=Q;var i={idsOfInputsWithNoNeedToUpdateDuringTyping:["address-lookup-query","modal-address-lookup-query"]},r={formInvalid:"form_invalid",fieldRow:".form-row[data-row-required]",rowValidationError:"form-row_validation-error"},o={antiXssPattern:new RegExp("^[\\w()/&.,'`-]+[\\w ()/&.,'`-]*[\\w()/&.,'`-]+$|^[\\w()/&.,'`-]$"),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}$/,lookupPostcodePattern: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})$")};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]?))$"),n=e.length<=254;return t.test(e)&&n}function u(e){return 0<e.length}function d(e){return 0<e.length}function s(e){return 0<e.length&&e.length<256}function c(e){var t=new RegExp("^[\\w ()/&.,'-]+$|^$");return s(e)&&t.test(e)}function f(e,t){e=e.replace(/\s+/g,"");var n=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}$"),i=new RegExp("^0{1}\\d{9}$|^0{1}\\d{5}\\s{1}\\d{4}$|^0{1}\\d{4}\\s{1}\\d{5}$"),n=n.test(e)||i.test(e);return t?0===e.length||n:0<e.length&&n}function m(e){var e=e.toUpperCase().replaceAll(" ",""),t=new RegExp("^((GIR0AA)|((([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,n){E($(e),t,n)}function E(e,t,n){e=$(e).closest(".form-row");e.is(":visible")&&(P(e),t||(Q(e),_(e,n)))}function P(e){e.removeClass("form-row_validation-error"),e.find(".form-row__error").remove()}function A(e){return $(e).closest(".form-row").is(":visible")}function Q(e){$(e).addClass("form-row_validation-error")}function _(e,t){t&&$(e).append('<div class="form-row__error">'+t+"</div>")}function S(e){e=(e="function"==typeof jQuery&&e instanceof jQuery?e[0]:e).getBoundingClientRect();return 0<=e.top&&0<=e.left&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function C(e,t,n,i,r,o){n=e.closest(n),n.addClass(r),e.attr(o,"true"),r=n.find(i);(r=r.length?r:$('<div class="'.concat(i.slice(1),'" />')).appendTo(n)).text(t)}function O(e,t,n,i,r){t=e.closest(t);t.removeClass(i),e.removeAttr(r),t.find(n).remove()}var I=new WeakSet},{}]},{},[1]);

package/build/js/track-my-order.min.js

@@ -1 +1 @@
-!function n(i,a,o){function d(e,r){if(!a[e]){if(!i[e]){var t="function"==typeof require&&require;if(!r&&t)return t(e,!0);if(l)return l(e,!0);throw(r=new Error("Cannot find module '"+e+"'")).code="MODULE_NOT_FOUND",r}t=a[e]={exports:{}},i[e][0].call(t.exports,function(r){return d(i[e][1][r]||r)},t,t.exports,n,i,a,o)}return a[e].exports}for(var l="function"==typeof require&&require,r=0;r<o.length;r++)d(o[r]);return d}({1:[function(r,e,t){"use strict";var i=r("./utils/validation"),n=window.Wick||{};n.TrackMyOrder={el:{$trackMyOrder:$(".track-order"),$tabOptionsInputs:$('input[name="track-order-options"]'),$trackOrderForm:$(".track-order-form"),$trackOrderMainSection:$(".track-order__main"),formRow:".track-order-form .form-row",formRowOptionsInput:".track-order-form .tab-content input",orderInput:"#order",telInput:"#tel",emailInput:"#email",postcodeInput:"#postcode",formInvalidClass:"form_invalid",notification:".notification",fieldError:".form-row.form-row_validation-error",tabContentActive:".tab-content .tab-pane.active",options:".tab-content",$myOrderSection:$(".my-order"),btnPrint:".btn--print",tooltip:".icon-info-component"},errorMessages:{errorOrderNumber:"Please enter a valid order number",errorTel:"Please enter a valid phone number",errorPostcode:"Please enter a valid billing postcode",errorEmail:"Please enter a valid email address"},getFieldsConfigurations:function(){return[{input:n.TrackMyOrder.el.orderInput,validator:i.isValidOrderNumber,error:n.TrackMyOrder.errorMessages.errorOrderNumber},{input:n.TrackMyOrder.el.telInput,validator:i.isValidPhoneNumber,error:n.TrackMyOrder.errorMessages.errorTel},{input:n.TrackMyOrder.el.postcodeInput,validator:i.isValidTitle,error:n.TrackMyOrder.errorMessages.errorPostcode},{input:n.TrackMyOrder.el.emailInput,validator:i.isValidEmail,error:n.TrackMyOrder.errorMessages.errorEmail}]},validateInput:function(r,e,t){var n=$(r).val().trim(),e=($(r).val(n),e(n));return(0,i.updateStylingError)(r,e,t),e},validateForm:function(){var r=!0,e=$(n.TrackMyOrder.el.orderInput),r=n.TrackMyOrder.validateInput(e,i.isValidOrderNumber,n.TrackMyOrder.errorMessages.errorOrderNumber)&&r,t=$(n.TrackMyOrder.el.tabContentActive).find("input");return r=r&&t.length&&(e=n.TrackMyOrder.getFieldsConfigurations().find(function(r){return r.input==="#".concat(t.attr("id"))}))?n.TrackMyOrder.validateInput(e.input,e.validator,e.error)&&r:r},resetTabContentFieldInputs:function(){$(n.TrackMyOrder.el.formRowOptionsInput).each(function(){$(this).val("")})},bindTabOptionsClick:function(){n.TrackMyOrder.el.$tabOptionsInputs.click(function(){$(this).tab("show"),$(this).removeClass("active");var r=$(n.TrackMyOrder.el.options).find(n.TrackMyOrder.el.fieldError);r.length&&(0,i.removeErrorStyling)(r),n.TrackMyOrder.resetTabContentFieldInputs()})},handleTrackOrderFormSubmit:function(){n.TrackMyOrder.el.$trackOrderForm.on("submit",function(r){r.preventDefault(),n.TrackMyOrder.validateForm()&&r.target.submit()})},scrollToElement:function(r){r.length&&$("html, body").animate({scrollTop:r.offset().top-20},300)},handleScrollBehaviorOnLoad:function(){$(n.TrackMyOrder.el.fieldError).length?n.TrackMyOrder.scrollToElement(n.TrackMyOrder.el.$trackOrderMainSection):n.TrackMyOrder.el.$myOrderSection.length&&n.TrackMyOrder.scrollToElement(n.TrackMyOrder.el.$myOrderSection)},handlePrint:function(){$(n.TrackMyOrder.el.btnPrint).click(function(r){r.preventDefault(),console.log("Print button clicked"),window.print()})},handleTooltip:function(){$(n.TrackMyOrder.el.tooltip).on("click",function(r){r.preventDefault(),r.stopPropagation()})},init:function(){n.TrackMyOrder.handleScrollBehaviorOnLoad(),n.TrackMyOrder.handleTrackOrderFormSubmit(),n.TrackMyOrder.bindTabOptionsClick(),n.TrackMyOrder.handlePrint(),n.TrackMyOrder.handleTooltip()}},$(document).ready(function(){n.TrackMyOrder.el.$trackMyOrder.length&&n.TrackMyOrder.init()})},{"./utils/validation":2}],2:[function(r,e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addErrorMessage=E,t.addFieldValidation=function(r,t){$(r).each(function(r,e){$(e).blur(function(){o(this),t(this),n.idsOfInputsWithNoNeedToUpdateDuringTyping.includes(e.id)||$(this).keyup(function(){o(this),t(this)})})})},t.clearErrorText=P,t.clearValidationErrors=function(r){r=$(r);r.hasClass("form_invalid")&&r.removeClass("form_invalid").find(".form-row[data-row-required]").removeClass("form-row_validation-error").find(".form-row__error").remove()},t.isNameOnCardContainsAtLeast14Digits=T,t.isNameOnCardContainsOnly16Digits=h,t.isValidAddress2=g,t.isValidAddressSelection=p,t.isValidEmail=d,t.isValidFieldSize=u,t.isValidHouseName=m,t.isValidInputTextField=c,t.isValidOrderNumber=function(r){return 9<=r.length},t.isValidPassword=l,t.isValidPasswordSize=function(r){return 5<r.length&&r.length<256},t.isValidPhoneNumber=f,t.isValidPostcodeField=v,t.isValidStoreId=y,t.isValidTitle=s,t.isValidVoucher=O,t.removeErrorStyling=M,t.showErrorText=C,t.showValidationErrors=function(r,e){r=$(r);r.hasClass(i.formInvalid)?r.find(i.fieldRow).find(".form-row__error").text(e):(r.find(".form-row__error").remove(),r.addClass(i.formInvalid).find(i.fieldRow).append(function(r){return'<div class="form-row__error"> '.concat(r||"Error message here","</div>")}(e)).addClass(i.rowValidationError));e=r.find(i.fieldRow).first();{var t;e.length&&!function(r){"function"==typeof jQuery&&r instanceof jQuery&&(r=r[0]);r=r.getBoundingClientRect();return 0<=r.top&&0<=r.left&&r.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&r.right<=(window.innerWidth||document.documentElement.clientWidth)}(e)&&(r=e.closest(".modal").length,t=r?e.closest(".modal"):$("html, body"),r=r?0:e.offset().top-30,t.animate({scrollTop:r},300))}},t.updateInputValueBeforeValidation=o,t.updateStylingError=k,t.updateStylingErrorForElement=w,t.validateAddress1=function(r){k(r.id,c(r.value),invalidAddressOne)},t.validateAddress2=function(r){k(r.id,g(r.value),invalidAddressTwo)},t.validateAddressSelection=function(r){k(r.id,p(r),selectAddressMessage)},t.validateCity=function(r){k(r.id,c(r.value),invalidTownCity)},t.validateEmail=function(r){k(r.id,d(r.value),invalidEmailAddress)},t.validateExactDigits=function(r,t,e,n){return function(r,e,t,n){var i=n.fieldSelector,a=n.errorText,o=n.fieldError,n=n.ariaInvalidAttr,e=!!e(String(r.val()||""));e?P(r,i,a,o,n):C(r,t,i,a,o,n);return e}(r,function(r){return e=t,function(r){return String(r||"").replace(/\D/g,"")}(r).length===Number(e);var e},e,n)},t.validateFirstName=function(r){k(r.id,c(r.value),invalidFirstName)},t.validateGuidPattern=function(r){return a.guidPattern.test(r)},t.validateHouseName=function(r){k(r.id,m(r.value))},t.validateLastName=function(r){k(r.id,c(r.value),invalidLastName)},t.validateMobile=function(r,e){k(r.id,f(r.value,e),invalidMobile)},t.validateNameOnCard=function(r){k(r.id,!0);var e=c(r.value);e?r.value.length>nameOnCardMaxLength?k(r.id,!1,invalidNameOnCardLength):h(r.value)?k(r.id,!1,invalidCustomNameOnCard):T(r.value)&&k(r.id,!1,validationWarnNameOnCard):k(r.id,e,invalidNameOnCard)},t.validatePassword=function(r){k(r.id,l(r.value),invalidPassword)},t.validatePhone=function(r){k(r.id,f(r.value,!0),invalidTelephone)},t.validatePostcode=function(r,e){var t=r.value,n=v(t);e&&n&&(t=t.replace(/\s/g,""),$("#"+$.escapeSelector(r.id)).val(t.substr(0,t.length-3)+" "+t.substr(t.length-3)));k(r.id,n,invalidPostCode)},t.validateStoreId=function(r){k(r.id,y(r.value),invalidStoreId)},t.validateTitle=function(r){k(r.id,s(r.value),invalidTitle)},t.validateUserFriendlyIdPattern=function(r){return a.userFriendlyIdPattern.test(r)},t.validateVoucher=function(r){w(r,O(r.value),invalidVoucherCode)},t.wrapWithError=b;var n={idsOfInputsWithNoNeedToUpdateDuringTyping:["address-lookup-query","modal-address-lookup-query"]},i={formInvalid:"form_invalid",fieldRow:".form-row[data-row-required]",rowValidationError:"form-row_validation-error"},a={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 o(r){$(r).val($.trim($(r).val()))}function d(r){var e=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]?))$"),t=r.length<=254;return e.test(r)&&t}function l(r){return 0<r.length}function s(r){return 0<r.length}function u(r){return 0<r.length&&r.length<256}function c(r){var e=new RegExp("^[\\w ()/&.,'-]+$|^$");return u(r)&&e.test(r)}function f(r,e){r=r.replace(/\s+/g,"");var t=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}$"),t=t.test(r)||n.test(r);return e?0===r.length||t:0<r.length&&t}function v(r){var r=r.toUpperCase().replaceAll(" ",""),e=new RegExp("^((GIR0AA)|((([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<r.replace(/\s+/g,"").length&&e.test(r)}function m(r){var e=new RegExp("^[\\w ()/&.,'-]+$|^$");return 0<r.length&&e.test(r)}function p(r){return!$("#"+$.escapeSelector(r.id)).is(":visible")}function g(r){var e=new RegExp("^[\\w ().,'-]+$|^$");return 0===r.length||e.test(r)}function O(r){return 0<r.trim().length}function h(r){return new RegExp("^\\d{16}$").test(r)}function T(r){return new RegExp("^(.*\\d){14,}.*$").test(r)}function y(r){return"0"!==r}function k(r,e,t){w($(r),e,t)}function w(r,e,t){r=$(r).closest(".form-row");r.is(":visible")&&(M(r),e||(b(r),E(r,t)))}function M(r){r.removeClass("form-row_validation-error"),r.find(".form-row__error").remove()}function b(r){$(r).addClass("form-row_validation-error")}function E(r,e){e&&$(r).append('<div class="form-row__error">'+e+"</div>")}function C(r,e,t,n,i,a){t=r.closest(t),t.addClass(i),r.attr(a,"true"),i=t.find(n);(i=i.length?i:$('<div class="'.concat(n.slice(1),'" />')).appendTo(t)).text(e)}function P(r,e,t,n,i){e=r.closest(e);e.removeClass(n),r.removeAttr(i),e.find(t).remove()}},{}]},{},[1]);
+!function n(i,o,a){function d(e,r){if(!o[e]){if(!i[e]){var t="function"==typeof require&&require;if(!r&&t)return t(e,!0);if(l)return l(e,!0);throw(r=new Error("Cannot find module '"+e+"'")).code="MODULE_NOT_FOUND",r}t=o[e]={exports:{}},i[e][0].call(t.exports,function(r){return d(i[e][1][r]||r)},t,t.exports,n,i,o,a)}return o[e].exports}for(var l="function"==typeof require&&require,r=0;r<a.length;r++)d(a[r]);return d}({1:[function(r,e,t){"use strict";var i=r("./utils/validation"),n=window.Wick||{};n.TrackMyOrder={el:{$trackMyOrder:$(".track-order"),$tabOptionsInputs:$('input[name="track-order-options"]'),$trackOrderForm:$(".track-order-form"),$trackOrderMainSection:$(".track-order__main"),formRow:".track-order-form .form-row",formRowOptionsInput:".track-order-form .tab-content input",orderInput:"#order",telInput:"#tel",emailInput:"#email",postcodeInput:"#postcode",formInvalidClass:"form_invalid",notification:".notification",fieldError:".form-row.form-row_validation-error",tabContentActive:".tab-content .tab-pane.active",options:".tab-content",$myOrderSection:$(".my-order"),btnPrint:".btn--print",tooltip:".icon-info-component"},errorMessages:{errorOrderNumber:"Please enter a valid order number",errorTel:"Please enter a valid phone number",errorPostcode:"Please enter a valid billing postcode",errorEmail:"Please enter a valid email address"},getFieldsConfigurations:function(){return[{input:n.TrackMyOrder.el.orderInput,validator:i.isValidOrderNumber,error:n.TrackMyOrder.errorMessages.errorOrderNumber},{input:n.TrackMyOrder.el.telInput,validator:i.isValidPhoneNumber,error:n.TrackMyOrder.errorMessages.errorTel},{input:n.TrackMyOrder.el.postcodeInput,validator:i.isValidTitle,error:n.TrackMyOrder.errorMessages.errorPostcode},{input:n.TrackMyOrder.el.emailInput,validator:i.isValidEmail,error:n.TrackMyOrder.errorMessages.errorEmail}]},validateInput:function(r,e,t){var n=$(r).val().trim(),e=($(r).val(n),e(n));return(0,i.updateStylingError)(r,e,t),e},validateForm:function(){var r=!0,e=$(n.TrackMyOrder.el.orderInput),r=n.TrackMyOrder.validateInput(e,i.isValidOrderNumber,n.TrackMyOrder.errorMessages.errorOrderNumber)&&r,t=$(n.TrackMyOrder.el.tabContentActive).find("input");return r=r&&t.length&&(e=n.TrackMyOrder.getFieldsConfigurations().find(function(r){return r.input==="#".concat(t.attr("id"))}))?n.TrackMyOrder.validateInput(e.input,e.validator,e.error)&&r:r},resetTabContentFieldInputs:function(){$(n.TrackMyOrder.el.formRowOptionsInput).each(function(){$(this).val("")})},bindTabOptionsClick:function(){n.TrackMyOrder.el.$tabOptionsInputs.click(function(){$(this).tab("show"),$(this).removeClass("active");var r=$(n.TrackMyOrder.el.options).find(n.TrackMyOrder.el.fieldError);r.length&&(0,i.removeErrorStyling)(r),n.TrackMyOrder.resetTabContentFieldInputs()})},handleTrackOrderFormSubmit:function(){n.TrackMyOrder.el.$trackOrderForm.on("submit",function(r){r.preventDefault(),n.TrackMyOrder.validateForm()&&r.target.submit()})},scrollToElement:function(r){r.length&&$("html, body").animate({scrollTop:r.offset().top-20},300)},handleScrollBehaviorOnLoad:function(){$(n.TrackMyOrder.el.fieldError).length?n.TrackMyOrder.scrollToElement(n.TrackMyOrder.el.$trackOrderMainSection):n.TrackMyOrder.el.$myOrderSection.length&&n.TrackMyOrder.scrollToElement(n.TrackMyOrder.el.$myOrderSection)},handlePrint:function(){$(n.TrackMyOrder.el.btnPrint).click(function(r){r.preventDefault(),console.log("Print button clicked"),window.print()})},handleTooltip:function(){$(n.TrackMyOrder.el.tooltip).on("click",function(r){r.preventDefault(),r.stopPropagation()})},init:function(){n.TrackMyOrder.handleScrollBehaviorOnLoad(),n.TrackMyOrder.handleTrackOrderFormSubmit(),n.TrackMyOrder.bindTabOptionsClick(),n.TrackMyOrder.handlePrint(),n.TrackMyOrder.handleTooltip()}},$(document).ready(function(){n.TrackMyOrder.el.$trackMyOrder.length&&n.TrackMyOrder.init()})},{"./utils/validation":2}],2:[function(r,e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addErrorMessage=P,t.addFieldValidation=function(r,t){$(r).each(function(r,e){$(e).blur(function(){a(this),t(this),n.idsOfInputsWithNoNeedToUpdateDuringTyping.includes(e.id)||$(this).keyup(function(){a(this),t(this)})})})},t.bindBlurValidation=function(r,e){var t=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{},n=t.namespace,n=void 0===n?"":n,i=t.onChange;$(document).on("change".concat(n),r,function(){a(this),e(this),i&&i(this)}).on("blur".concat(n),r,function(){I.add(this),a(this),e(this)}).on("input".concat(n),r,function(){I.has(this)&&e(this)})},t.clearErrorText=V,t.clearValidationErrors=function(r){r=$(r);r.hasClass("form_invalid")&&r.removeClass("form_invalid").find(".form-row[data-row-required]").removeClass("form-row_validation-error").find(".form-row__error").remove()},t.isAntiXssValid=function(r){return o.antiXssPattern.test(r)},t.isElementInViewport=A,t.isFieldRowVisible=b,t.isNameOnCardContainsAtLeast14Digits=w,t.isNameOnCardContainsOnly16Digits=O,t.isValidAddress2=g,t.isValidAddressSelection=p,t.isValidEmail=d,t.isValidFieldSize=u,t.isValidHouseName=m,t.isValidInputTextField=c,t.isValidLookupPostcode=function(r){return o.lookupPostcodePattern.test(r)},t.isValidOrderNumber=function(r){return 9<=r.length},t.isValidPassword=l,t.isValidPasswordSize=function(r){return 5<r.length&&r.length<256},t.isValidPhoneNumber=f,t.isValidPostcodeField=v,t.isValidStoreId=T,t.isValidTitle=s,t.isValidVoucher=h,t.removeErrorStyling=M,t.removeErrorStylingForElement=function(r){M($(r).closest(".form-row"))},t.resetBlurValidation=function(r){$(r).each(function(r,e){return I.delete(e)})},t.showErrorText=C,t.showValidationErrors=function(r,e){r=$(r);r.hasClass(i.formInvalid)?r.find(i.fieldRow).find(".form-row__error").text(e):(r.find(".form-row__error").remove(),r.addClass(i.formInvalid).find(i.fieldRow).append(function(r){return'<div class="form-row__error"> '.concat(r||"Error message here","</div>")}(e)).addClass(i.rowValidationError));e=r.find(i.fieldRow).first();{var t;e.length&&!A(e)&&(r=e.closest(".modal").length,t=r?e.closest(".modal"):$("html, body"),r=r?0:e.offset().top-30,t.animate({scrollTop:r},300))}},t.updateInputValueBeforeValidation=a,t.updateStylingError=y,t.updateStylingErrorForElement=k,t.validateAddress1=function(r){y(r.id,c(r.value),invalidAddressOne)},t.validateAddress2=function(r){y(r.id,g(r.value),invalidAddressTwo)},t.validateAddressSelection=function(r){y(r.id,p(r),selectAddressMessage)},t.validateCity=function(r){y(r.id,c(r.value),invalidTownCity)},t.validateEmail=function(r){y(r.id,d(r.value),invalidEmailAddress)},t.validateExactDigits=function(r,t,e,n){return function(r,e,t,n){var i=n.fieldSelector,o=n.errorText,a=n.fieldError,n=n.ariaInvalidAttr,e=!!e(String(r.val()||""));e?V(r,i,o,a,n):C(r,t,i,o,a,n);return e}(r,function(r){return e=t,function(r){return String(r||"").replace(/\D/g,"")}(r).length===Number(e);var e},e,n)},t.validateFieldByRule=function(r,e){var t,n=e.required,i=e.validate,e=e.message;return!r.length||!b(r)||(t=(r.val()||"").trim(),i=t?i(t):!n,k(r,i,e),i)},t.validateFirstName=function(r){y(r.id,c(r.value),invalidFirstName)},t.validateGuidPattern=function(r){return o.guidPattern.test(r)},t.validateHouseName=function(r){y(r.id,m(r.value))},t.validateLastName=function(r){y(r.id,c(r.value),invalidLastName)},t.validateMobile=function(r,e){y(r.id,f(r.value,e),invalidMobile)},t.validateNameOnCard=function(r){y(r.id,!0);var e=c(r.value);e?r.value.length>nameOnCardMaxLength?y(r.id,!1,invalidNameOnCardLength):O(r.value)?y(r.id,!1,invalidCustomNameOnCard):w(r.value)&&y(r.id,!1,validationWarnNameOnCard):y(r.id,e,invalidNameOnCard)},t.validatePassword=function(r){y(r.id,l(r.value),invalidPassword)},t.validatePhone=function(r){y(r.id,f(r.value,!0),invalidTelephone)},t.validatePostcode=function(r,e){var t=r.value,n=v(t);e&&n&&(t=t.replace(/\s/g,""),$("#"+$.escapeSelector(r.id)).val(t.substr(0,t.length-3)+" "+t.substr(t.length-3)));y(r.id,n,invalidPostCode)},t.validateStoreId=function(r){y(r.id,T(r.value),invalidStoreId)},t.validateTitle=function(r){y(r.id,s(r.value),invalidTitle)},t.validateUserFriendlyIdPattern=function(r){return o.userFriendlyIdPattern.test(r)},t.validateVoucher=function(r){k(r,h(r.value),invalidVoucherCode)},t.wrapWithError=E;var n={idsOfInputsWithNoNeedToUpdateDuringTyping:["address-lookup-query","modal-address-lookup-query"]},i={formInvalid:"form_invalid",fieldRow:".form-row[data-row-required]",rowValidationError:"form-row_validation-error"},o={antiXssPattern:new RegExp("^[\\w()/&.,'`-]+[\\w ()/&.,'`-]*[\\w()/&.,'`-]+$|^[\\w()/&.,'`-]$"),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}$/,lookupPostcodePattern: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})$")};function a(r){$(r).val($.trim($(r).val()))}function d(r){var e=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]?))$"),t=r.length<=254;return e.test(r)&&t}function l(r){return 0<r.length}function s(r){return 0<r.length}function u(r){return 0<r.length&&r.length<256}function c(r){var e=new RegExp("^[\\w ()/&.,'-]+$|^$");return u(r)&&e.test(r)}function f(r,e){r=r.replace(/\s+/g,"");var t=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}$"),t=t.test(r)||n.test(r);return e?0===r.length||t:0<r.length&&t}function v(r){var r=r.toUpperCase().replaceAll(" ",""),e=new RegExp("^((GIR0AA)|((([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<r.replace(/\s+/g,"").length&&e.test(r)}function m(r){var e=new RegExp("^[\\w ()/&.,'-]+$|^$");return 0<r.length&&e.test(r)}function p(r){return!$("#"+$.escapeSelector(r.id)).is(":visible")}function g(r){var e=new RegExp("^[\\w ().,'-]+$|^$");return 0===r.length||e.test(r)}function h(r){return 0<r.trim().length}function O(r){return new RegExp("^\\d{16}$").test(r)}function w(r){return new RegExp("^(.*\\d){14,}.*$").test(r)}function T(r){return"0"!==r}function y(r,e,t){k($(r),e,t)}function k(r,e,t){r=$(r).closest(".form-row");r.is(":visible")&&(M(r),e||(E(r),P(r,t)))}function M(r){r.removeClass("form-row_validation-error"),r.find(".form-row__error").remove()}function b(r){return $(r).closest(".form-row").is(":visible")}function E(r){$(r).addClass("form-row_validation-error")}function P(r,e){e&&$(r).append('<div class="form-row__error">'+e+"</div>")}function A(r){r=(r="function"==typeof jQuery&&r instanceof jQuery?r[0]:r).getBoundingClientRect();return 0<=r.top&&0<=r.left&&r.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&r.right<=(window.innerWidth||document.documentElement.clientWidth)}function C(r,e,t,n,i,o){t=r.closest(t),t.addClass(i),r.attr(o,"true"),i=t.find(n);(i=i.length?i:$('<div class="'.concat(n.slice(1),'" />')).appendTo(t)).text(e)}function V(r,e,t,n,i){e=r.closest(e);e.removeClass(n),r.removeAttr(i),e.find(t).remove()}var I=new WeakSet},{}]},{},[1]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wickes-css2",
-  "version": "2.117.0-develop.3",
+  "version": "2.117.0-gift-cards.1",
   "description": "CSS and JS and page templates in use by Wickes",
   "main": "index.js",
   "scripts": {
@@ -125,6 +125,10 @@
       {
         "name": "develop",
         "prerelease": true
+      },
+      {
+        "name": "custom-tag/gift-cards",
+        "prerelease": "${name.replace(/^custom-tag\\//g, '')}"
       }
     ],
     "plugins": [

package/src/components/checkout-payment-details-v2.hbs

@@ -239,6 +239,7 @@
         </div>
       </div>
       <div class="billing-address">
+        {{> order-address}}
         {{> checkout-edit-billing-address
           actionBlock="true"
           no-set-card="true"

package/src/components/checkout_order-summary-new.hbs

@@ -49,6 +49,12 @@
               <span class="checkout-widget__detail-value">£0.00</span>
             </li>
         {{/if}}
+        {{#if giftCardDiscount}}
+            <li class="checkout-widget__item checkout-widget__item-bold checkout-widget__gift-card">
+                <span>Gift Card:</span>
+                <span class="checkout-widget__item-value">-£300.00</span>
+            </li>
+        {{/if}}
     </ul>
   {{#unless mobile}}
     <div class="checkout-widget__total" data-sticky-observe>

package/src/components/checkout_payment-new.hbs

@@ -59,26 +59,53 @@
           <img src="./img/clearpay-logo.svg" alt="clearpay">
         </div>
       </div>
-    {{else}}
-        <ul class="checkout-widget__details">
+    {{else if giftcard}}
+        <div class="checkout-widget__details checkout-payment__giftcard">
+            <div class="checkout-widget__details__item checkout-payment__giftcard-header">
+                <div>Gift Card:</div>
+
+                <div class="checkout-payment__giftcard-logo">
+                    <img src="./img/giftcard.svg" alt="giftcard">
+                </div>
+            </div>
+            <div class="checkout-payment__giftcard-list">
+                {{#each giftcards}}
+                    <div class="checkout-widget__details__item">
+                        <div class="checkout-payment__giftcard-label">Gift card number:</div>
+                        <div class="checkout-payment__giftcard-value">{{this}}</div>
+                    </div>
+                {{/each}}
+            </div>
+        </div>
+    {{/if}}
+    {{#if (or (and giftcard split) (not (anyOf paypal klarna billie apple google clearpay giftcard)))}}
+        <ul class="checkout-widget__details checkout-payment__card-details">
+            <li class="checkout-widget__details__item">
+                <span class="checkout-payment__card-label">Card type:</span>
+                <span class="checkout-payment__card-value">Visa</span>
+            </li>
             <li class="checkout-widget__details__item">
-                <span>Card type:</span>
-                <span>Visa</span>
+                <span class="checkout-payment__card-label">Card number:</span>
+                <span class="checkout-payment__card-value">456000*******0053</span>
             </li>
             <li class="checkout-widget__details__item">
-                <span>Card number:</span>
-                <span>**** **** **** 1234</span>
+                <span class="checkout-payment__card-label">Expiry date:</span>
+                <span class="checkout-payment__card-value">07/2023</span>
             </li>
             <li class="checkout-widget__details__item">
-                <span>Expiry date:</span>
-                <span>07/2023</span>
+                <span class="checkout-payment__card-label">Name on card:</span>
+                <span class="checkout-payment__card-value">James Smith</span>
             </li>
         </ul>
     {{/if}}
 
     {{#unless (anyOf klarna clearpay billie)}}
     <div class="checkout-widget__details__address">
+      {{#if (and giftcard (not split))}}
+        <div class="heading">Order address</div>
+      {{else}}
         <div class="heading">Billing address</div>
+      {{/if}}
         <div class="address">
             Mx Petra Mendez<br/>
             23 High Street<br/>

package/src/components/gift-cards.hbs

@@ -1,27 +1,20 @@
 <div class="form-row giftcard-row">
   <div class="giftcard">
     <div class="giftcard__wrapper">
-      <span
-          class="giftcard-add"
-          id="giftcard-toggle"
-          role="button"
-          tabindex="0"
-          aria-controls="giftcard-inline"
-          aria-expanded="false"
-      >
-        <span class="icon">
-          <i class="fas fa-plus giftcard-add__icon" aria-hidden="true"></i>
-        </span>
-        <span class="giftcard-add__text">Add Wickes Gift Card</span>
-      </span>
-      <span class="giftcard-hint">Combine with Credit/Debit card</span>
+      <span class="giftcard-add" id="giftcard-toggle" role="button" tabindex="0">
+  <span class="giftcard-add__icon-wrap" aria-hidden="true">
+    <i class="fas fa-plus giftcard-add__icon" aria-hidden="true"></i>
+  </span>
+  <span class="giftcard-add__text">Add Wickes Gift Card</span>
+</span>
+      <span class="giftcard-hint">Available with Credit/Debit card only</span>
     </div>
 
     <div class="giftcard__container">
       <div class="giftcard-inline" id="giftcard-inline" hidden>
         <div class="giftcard-inline__header">
           <span class="giftcard-inline__title">Add Wickes Gift Card</span>
-            <a href="https://www.showmybalance.com/" target="_blank" class="giftcard-inline__balance">Check balance</a>
+            <a href="https://wickes.showmybalance.com/" target="_blank" class="giftcard-inline__balance">Check balance</a>
           <span class="giftcard-inline__close">
             <i class="fal fa-times" aria-hidden="true"></i>
           </span>

package/src/components/order-address.hbs

@@ -0,0 +1,28 @@
+<div class="order-address d-none" data-order-address>
+  <div class="order-address__descr">
+    <h3 class="checkout-payment-details__title order-address__title">
+      Order address
+      {{> info-icon
+        title="Address details will only be stored and used to support order location should you need to call our Customer Services Team in the future."
+        data-placement="top"
+      }}
+    </h3>
+    <div class="warning-required">Required fields</div>
+
+    <div class="form-row">
+      <div class="form-row__field">
+        {{> checkbox
+          id="chb-order-address-delivery"
+          label="Use my delivery address"
+        }}
+      </div>
+    </div>
+
+    <div class="order-address__cols">
+      {{> form-row id="order-first-name" label="First name" required="true" maxlength="255" skipGlobalValidation=true}}
+      {{> form-row id="order-surname" label="Surname" required="true" maxlength="255" skipGlobalValidation=true}}
+    </div>
+
+    {{> postcode-lookup-v2 context="order-address"}}
+  </div>
+</div>

package/src/components/payments.hbs

@@ -1,16 +1,17 @@
 <div class="payways">
   <p class="payways__title">Ways to Pay</p>
-  <ul class="payways__list">
-    {{#if billieIcon}}
-      <li class="payways__item">
-        <img class="payways__image" src="./img/payment/footer/billie.svg" alt="Billie">
-      </li>
-    {{else}}
+  <ul class="payways__list payways__list--small">
+    {{#if klarnaIcon}}
       <li class="payways__item">
         <img class="payways__image" src="./img/payment/footer/klarna.svg" alt="klarna">
       </span>
       </li>
     {{/if}}
+    {{#if billieIcon}}
+      <li class="payways__item">
+        <img class="payways__image" src="./img/payment/footer/billie.svg" alt="Billie">
+      </li>
+    {{/if}}
     {{#each payments-list}}
       <li class="payways__item">
         <img class="payways__image" src="{{src}}" alt="{{payment}}">

package/src/components/postcode-lookup-v2.hbs

@@ -0,0 +1,85 @@
+<div class="postcode-lookup" data-postcode-lookup="{{context}}">
+  <button type="button" class="postcode-lookup__expand-btn btn btn-tertiary d-none" data-postcode-lookup-expand>
+    <i class="fas fa-search" aria-hidden="true"></i>
+    <span>Address lookup</span>
+  </button>
+
+  <div class="postcode-lookup-autocomplete" data-postcode-lookup-search>
+    {{> form-row
+        id=(concat context "-address-search")
+        label="Find your address"
+        required="true"
+        textarea="true"
+        textareaRows="1"
+        placeholder="Type your postcode or first line of address"
+        autocomplete="disabled"
+        skipGlobalValidation=true
+        dataAttr="data-postcode-lookup-input"
+    }}
+    <i class="fas fa-search icon-element" aria-hidden="true"></i>
+
+    <div class="d-none" data-postcode-lookup-dropdown>
+      <ul role="listbox" data-postcode-lookup-list>
+        <li class="empty d-none" data-postcode-lookup-hint>
+          <i class="far fa-map-marked-alt map-icon" aria-hidden="true"></i>
+          <span class="hint">Start typing your postcode or first line of address</span>
+        </li>
+        <li class="manual-entry d-none" data-postcode-lookup-manual>
+          <span class="manual-entry-text">Don’t see your address?</span>
+          <button type="button" class="manual-entry-btn" data-postcode-lookup-manual-btn>
+            Enter address manually
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+
+  <div class="postcode-lookup__cols">
+    {{> form-row
+      id=(concat context "-address-line-1")
+      label="Address line 1"
+      required="true"
+      maxlength="255"
+      autocomplete="disabled"
+      skipGlobalValidation=true
+      dataAttr="data-postcode-lookup-line1"
+    }}
+
+    <div class="postcode-lookup__line2">
+      <button type="button" class="show-line2-btn btn btn-tertiary" data-postcode-lookup-add-line2>
+        <i class="fas fa-plus" aria-hidden="true"></i>
+        <span>Add address line 2</span>
+      </button>
+      <div class="d-none" data-postcode-lookup-line2-wrap>
+        {{> form-row
+          id=(concat context "-address-line-2")
+          label="Address line 2"
+          maxlength="255"
+          autocomplete="disabled"
+          dataAttr="data-postcode-lookup-line2"
+        }}
+      </div>
+    </div>
+  </div>
+
+  <div class="postcode-lookup__cols">
+    {{> form-row
+      id=(concat context "-town-city")
+      label="Town/City"
+      required="true"
+      maxlength="255"
+      autocomplete="disabled"
+      skipGlobalValidation=true
+      dataAttr="data-postcode-lookup-town"
+    }}
+    {{> form-row
+      id=(concat context "-postcode")
+      label="Postcode"
+      required="true"
+      autocomplete="disabled"
+      skipGlobalValidation=true
+      dataAttr="data-postcode-lookup-postcode"
+    }}
+  </div>
+</div>
+

package/src/components/wismo-giftcard-payment-item.hbs

@@ -0,0 +1,29 @@
+<div class="wrap-item">
+  <div class="wrap-item__name">{{{name}}}</div>
+  <div class="wrap-item__value">
+    {{#if gift-cards}}
+      <div class="split-payment">
+        {{#if card-info}}
+          <span class="split-additional-info">
+            {{card-info.provider}}
+            <br>
+            {{card-info.maskedPin}}
+            <br>
+            {{card-info.expires}}
+          </span>
+        {{/if}}
+        <div class='giftcard-logo'>
+          <img src='./img/giftcard.svg' alt='giftcard'>
+        </div>
+        <span class="giftcard-title">Gift Card</span>
+        <ul class='giftcard-list'>
+          {{#each gift-cards}}
+            <li>{{this}}</li>
+          {{/each}}
+        </ul>
+      </div>
+    {{else}}
+      {{{value}}}
+    {{/if}}
+  </div>
+</div>

package/src/components/wismo-payment.hbs

@@ -96,6 +96,16 @@
           </div>
         </div>
       {{/each}}
+    {{else if payment-giftcard}}
+      {{#if split}}
+        {{#each wismo-order-payment-giftcard-split.items}}
+          {{> wismo-giftcard-payment-item}}
+        {{/each}}
+      {{else}}
+        {{#each wismo-order-payment-giftcard.items}}
+          {{> wismo-giftcard-payment-item}}
+        {{/each}}
+      {{/if}}
     {{else}}
         {{#each wismo-order-payment.items}}
             <div class="wrap-item">

package/src/data/data_checkout-giftcards.json

@@ -0,0 +1,7 @@
+{
+  "giftcards": [
+    "************92713",
+    "************18735",
+    "************76946"
+  ]
+}

package/src/data/data_delivery-address-v2.json

@@ -77,6 +77,10 @@
         {
           "payment": "PayPal",
           "src": "./img/payment/checkout/paypal.svg"
+        },
+        {
+          "payment": "Gift Card",
+          "src": "./img/payment/checkout/giftcard.svg"
         }
       ]
     }

package/src/data/data_payments-checkout.json

@@ -23,6 +23,10 @@
     {
       "payment": "PayPal",
       "src": "./img/payment/checkout/paypal.svg"
+    },
+    {
+      "payment": "Gift Card",
+      "src": "./img/payment/checkout/giftcard.svg"
     }
   ]
 }