wickes-css2 2.97.0-IM-1593-code-width.1 → 2.97.0-develop.2

package/build/js/pstrength.min.js

@@ -0,0 +1,161 @@
+/* jQuery Password Strength Plugin (pstrength) - A jQuery plugin to provide accessibility functions
+ * Author: Tane Piper (digitalspaghetti@gmail.com)
+ * Website: http://digitalspaghetti.me.uk
+ * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
+ * This code uses a modified version of Steve Moitozo's algorithm (http://www.geekwisdom.com/dyn/passwdmeter)
+ *
+ * === Changelog ===
+ * Version 1.2 (03/09/2007)
+ * Added more options for colors and common words
+ * Added common words checked to see if words like 'password' or 'qwerty' are being entered
+ * Added minimum characters required for password
+ * Re-worked scoring system to give better results
+ *
+ * Version 1.1 (20/08/2007)
+ * Changed code to be more jQuery-like
+ *
+ * Version 1.0 (20/07/2007)
+ * Initial version.
+ */
+(function($){
+  $.extend($.fn, {
+    pstrength : function(options) {
+      var options = $.extend({
+        verdicts:	["Very Weak","Weak","Medium","Strong","Very strong"],
+        colors: 	["red", "red", "orange", "green", "green"],
+        scores: 	[10,15,30,40],
+        minchar:	6,
+        tooShort:   "Too Short!",
+        minCharText: "Minimum length is %d characters"
+      },options);
+      return this.each(function(){
+        var infoarea = $(this).attr('id');
+        let parentElement = $(this).closest('.form-row__field');
+
+        var strengthDivs = `<div class="pstrength-bars" id="${infoarea}_bars" style="display: none">
+          <div class="pstrength-bar gray"></div>
+          <div class="pstrength-bar gray"></div>
+          <div class="pstrength-bar gray"></div>
+          <div class="pstrength-bar gray"></div>
+        </div>`;
+        parentElement.append(strengthDivs);
+        parentElement.append('<div class="pstrength-info" id="' + infoarea + '_text" style="display: none"></div>');
+
+        // Bind keyup event
+        $(this).on("keyup", function() {
+          $.fn.runPassword($(this).val(), infoarea, options);
+        });
+      });
+    },
+    runPassword : function (password, infoarea, options){
+      var nPerc = $.fn.checkPassword(password, options);
+
+      var numBars = 0;
+      var strColor = "";
+      var strText = "";
+
+      if (nPerc < 0) {
+        strColor = "#ccc";
+        strText = options.tooShort;
+        numBars = 0;
+      } else if (nPerc <= options.scores[0]) {
+        strColor = options.colors[0];
+        strText = options.verdicts[0];
+        numBars = 1;
+      } else if (nPerc > options.scores[0] && nPerc <= options.scores[1]) {
+        strColor = options.colors[1];
+        strText = options.verdicts[1];
+        numBars = 1;
+      } else if (nPerc > options.scores[1] && nPerc <= options.scores[2]) {
+        strColor = options.colors[2];
+        strText = options.verdicts[2];
+        numBars = 2;
+      } else if (nPerc > options.scores[2] && nPerc <= options.scores[3]) {
+        strColor = options.colors[3];
+        strText = options.verdicts[3];
+        numBars = 3;
+      } else {
+        strColor = options.colors[4];
+        strText = options.verdicts[4];
+        numBars = 4;
+      }
+
+      var $ctlBarsText = $("#" + infoarea + "_text");
+      var $ctlBars = $("#" + infoarea + "_bars");
+      var $ctlBarsChild = $("#" + infoarea + "_bars .pstrength-bar");
+      $ctlBarsText.show();
+      $ctlBars.show();
+      $ctlBarsChild.removeClass("red orange green").addClass("gray");
+      for (let i = 0; i < numBars; i++) {
+        $ctlBarsChild.eq(i).removeClass("gray").addClass(strColor);
+      }
+
+      var $ctlText = $("#" + infoarea + "_text");
+      $ctlText.html("<span>" + strText + "</span>");
+    },
+    checkPassword : function(password, options)
+    {
+      var intScore = 0;
+      var strVerdict = options.verdicts[0];
+      // PASSWORD LENGTH
+      if (password.length < options.minchar)                         // Password too short
+      {
+        intScore = (intScore - 100);
+      }
+      else if (password.length >= options.minchar && password.length <= (options.minchar + 2)) // Password Short
+      {
+        intScore = (intScore + 6);
+      }
+      else if (password.length >= (options.minchar + 3) && password.length <= (options.minchar + 4))// Password Medium
+      {
+        intScore = (intScore + 12);
+      }
+      else if (password.length >= (options.minchar + 5))                    // Password Large
+      {
+        intScore = (intScore + 18);
+      }
+      if (password.match(/[a-z]/))                              // [verified] at least one lower case letter
+      {
+        intScore = (intScore + 1);
+      }
+      if (password.match(/[A-Z]/))                              // [verified] at least one upper case letter
+      {
+        intScore = (intScore + 5);
+      }
+      // NUMBERS
+      if (password.match(/\d+/))                                 // [verified] at least one number
+      {
+        intScore = (intScore + 5);
+      }
+      if (password.match(/(.*[0-9].*[0-9].*[0-9])/))             // [verified] at least three numbers
+      {
+        intScore = (intScore + 7);
+      }
+      // SPECIAL CHAR
+      if (password.match(/.[!,@,#,$,%,^,&,*,?,_,~]/))            // [verified] at least one special character
+      {
+        intScore = (intScore + 5);
+      }
+      // [verified] at least two special characters
+      if (password.match(/(.*[!,@,#,$,%,^,&,*,?,_,~].*[!,@,#,$,%,^,&,*,?,_,~])/))
+      {
+        intScore = (intScore + 7);
+      }
+      // COMBOS
+      if (password.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/))        // [verified] both upper and lower case
+      {
+        intScore = (intScore + 2);
+      }
+      if (password.match(/([a-zA-Z])/) && password.match(/([0-9])/)) // [verified] both letters and numbers
+      {
+        intScore = (intScore + 3);
+      }
+      // [verified] letters, numbers, and special characters
+      if (password.match(/([a-zA-Z0-9].*[!,@,#,$,%,^,&,*,?,_,~])|([!,@,#,$,%,^,&,*,?,_,~].*[a-zA-Z0-9])/))
+      {
+        intScore = (intScore + 3);
+      }
+      return intScore;
+    }
+  });
+})(jQuery);

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.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.isValidOrderNumber=function(e){return 9<=e.length},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){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("^(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]);
+!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=_,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.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.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<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("^(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/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.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=y,t.isNameOnCardContainsOnly16Digits=h,t.isValidAddress2=O,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.isValidPhoneNumber=f,t.isValidPostcodeField=v,t.isValidStoreId=T,t.isValidTitle=s,t.isValidVoucher=g,t.removeErrorStyling=M,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,O(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.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):y(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,T(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,g(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<255}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("^(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<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 O(r){var e=new RegExp("^[\\w ().,'-]+$|^$");return 0===r.length||e.test(r)}function g(r){return 0<r.trim().length}function h(r){return new RegExp("^\\d{16}$").test(r)}function y(r){return new RegExp("^(.*\\d){14,}.*$").test(r)}function T(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>")}},{}]},{},[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.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=y,t.isNameOnCardContainsOnly16Digits=h,t.isValidAddress2=O,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=T,t.isValidTitle=s,t.isValidVoucher=g,t.removeErrorStyling=M,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,O(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.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):y(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,T(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,g(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("^(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<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 O(r){var e=new RegExp("^[\\w ().,'-]+$|^$");return 0===r.length||e.test(r)}function g(r){return 0<r.trim().length}function h(r){return new RegExp("^\\d{16}$").test(r)}function y(r){return new RegExp("^(.*\\d){14,}.*$").test(r)}function T(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>")}},{}]},{},[1]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wickes-css2",
-  "version": "2.97.0-IM-1593-code-width.1",
+  "version": "2.97.0-develop.2",
   "description": "CSS and JS and page templates in use by Wickes",
   "main": "index.js",
   "scripts": {
@@ -108,7 +108,15 @@
     "branches": [
       "alt-master",
       {
-        "name": "custom-tag/IM-1593-code-width",
+        "name": "develop",
+        "prerelease": true
+      },
+      {
+        "name": "preprod",
+        "prerelease": true
+      },
+      {
+        "name": "custom-tag/*",
         "prerelease": "${name.replace(/^custom-tag\\//g, '')}"
       }
     ],

package/src/components/address-card.hbs

@@ -0,0 +1,40 @@
+<div class="address-card {{#if default}}default{{/if}}" data-id="{{id}}">
+  {{#if default}}
+    <span class="status">
+      <span class="icon-wrap">
+        <i class="fas fa-check"></i>
+      </span>
+      Default
+    </span>
+  {{/if}}
+  <div class="address-card__type">
+    <i class="{{type.icon}} type-icon"></i>
+    <span class="type-address">{{type.name}} address</span>
+  </div>
+  <div class="address-card__information">
+    {{#each details}}
+     <p class="information">{{this}}</p>
+    {{/each}}
+  </div>
+  <div class="address-card__ctas">
+    {{> link
+        icon="fas fa-pen"
+        text="Edit"
+    }}
+    {{#unless isBusinessAddress}}
+      {{> link
+          modification="link--delete"
+          icon="fas fa-trash"
+          type-mod="button"
+          attr-mod=customAttrForDelete
+          text="Delete"
+      }}
+      {{#unless default}}
+        {{> link
+          modification="link--set-default"
+          text="Set as default"
+        }}
+      {{/unless}}
+    {{/unless}}
+  </div>
+</div>

package/src/components/base/link.hbs

@@ -0,0 +1,13 @@
+<a
+  href="{{url}}"
+  {{#if type-mod}}type="{{type-mod}}"{{/if}}
+  class="link {{#if icon}}link--icon{{/if}} {{modification}}"
+  {{#if attr-mod}}{{{attr-mod}}}{{/if}}
+>
+  {{#if icon}}
+    <span class="icon-wrap">
+      <i class="{{icon}}"></i>
+    </span>
+  {{/if}}
+  {{text}}
+</a>

package/src/components/leave-modal.hbs

@@ -0,0 +1,13 @@
+{{#extend "modal" classMod="leave-modal" title=title showCloseBtn=true backdrop=true}}
+  {{#content "header"}}
+    <i class="{{headerIcon}} info-icon"></i>
+  {{/content}}
+  {{#content "sections"}}
+    {{#extend "modal-body-section"}}
+      {{#content "body"}}
+        <p class="description">{{{description}}}</p>
+        {{> account-families/actions-bar actions}}
+      {{/content}}
+    {{/extend}}
+  {{/content}}
+{{/extend}}

package/src/components/my-account/delete-address-modal.hbs

@@ -0,0 +1,23 @@
+{{#extend "modal" classMod="delete-modal" backdrop=true}}
+  {{#content "header"}}
+    <span class="icon-wrap">
+      <i class="{{headerIcon}} trash-icon"></i>
+    </span>
+  {{/content}}
+  {{#content "sections"}}
+    {{#extend "modal-body-section"}}
+      {{#content "body"}}
+        <div class="address-info">
+          <div class="address-info__data"></div>
+          <p class="address-info__warning">
+            <span class="icon-wrap">
+              <i class="{{infoIcon}} info-icon"></i>
+            </span>
+            {{{infoDescription}}}
+          </p>
+        </div>
+        {{> account-families/actions-bar actions}}
+      {{/content}}
+    {{/extend}}
+  {{/content}}
+{{/extend}}

package/src/components/my-account/leave-modal.hbs

@@ -1,4 +1,4 @@
-{{#extend "modal" classMod="details-modal" title=title showCloseBtn=true backdrop=true}}
+{{#extend "modal" classMod=(concat "leave-modal " mod) title=title showCloseBtn=true backdrop=true}}
   {{#content "header"}}
     <i class="{{headerIcon}} info-icon"></i>
   {{/content}}

package/src/components/pdp-info-v2.hbs

@@ -174,6 +174,25 @@
                 </div>
             </div>
         </div>
+        <div class="accordion accordion_collapsed additional-info info__block" id="info-tile-estimation">
+            <a id="tile-estimation"></a>
+            <h5 class="accordion__header additional-info__header info__header">
+                Tile installation estimate
+            </h5>
+            <div class="accordion__content additional-info__content info__content" id="tile-estimation-content"
+                 style="display: none">
+                <div class="info-content">
+
+                    <section class="ti">
+                        {{> tile-banner}}
+                        {{> ti header-present=true
+                                tile-measurement=true}}
+                        {{> tile-why-wickes}}
+                    </section>
+
+                </div>
+            </div>
+        </div>
     {{/if}}
     {{#if floor}}
         <div class="accordion accordion_collapsed additional-info info__block tile-calculation"
@@ -195,5 +214,23 @@
                 </div>
             </div>
         </div>
+        <div class="accordion accordion_collapsed additional-info info__block" id="info-tile-estimation">
+            <a id="tile-estimation"></a>
+            <h5 class="accordion__header additional-info__header info__header">
+                Floor installation estimate
+            </h5>
+            <div class="accordion__content additional-info__content info__content" id="tile-estimation-content"
+                 style="display: none">
+                <div class="info-content">
+                    <section class="fi">
+                        {{> ti header-present=true
+                                flooring=true
+                                tile-measurement=true}}
+                        {{> tile-why-wickes}}
+                    </section>
+
+                </div>
+            </div>
+        </div>
     {{/if}}
 </div>

package/src/components/price-block-order.hbs

@@ -33,7 +33,6 @@
                             <strong>Saturday: 8am - 6pm</strong><br>
                             <strong>Sunday: 10am - 5pm</strong></div>
                     </div>
-                    <br/>
                 </div>
             </div>
         </div>

package/src/components/shopping-list-pdf.hbs

@@ -78,29 +78,10 @@
                           </span>
                           <div class="order-line__value">
                             <div class="product-card__price__value">
-                              {{#if switch-vat}}
-                                <div class="product-card__price__value including-vat-inherit">
-                                  <span class="isNotBulkDiscountOrWasPrice priceValue" itemprop="price" content="35">£35&nbsp;</span>
-                                  <div class="price-vat">Inc.VAT</div>
-                                </div>
-                                <div class="product-card__price__sqm including-vat-inherit">
-                                  <span>£14 per L&nbsp;</span>
-                                  <div class="price-vat">Inc.VAT</div>
-                                </div>
-                                <div class="product-card__price__value excluding-vat-inherit">
-                                  <span class="isNotBulkDiscountOrWasPrice priceValue" itemprop="price" content="34">£34&nbsp;</span>
-                                  <div class="price-vat">Exc.VAT</div>
-                                </div>
-                                <div class="product-card__price__sqm excluding-vat-inherit">
-                                  <span>£13 per L&nbsp;</span>
-                                  <div class="price-vat">Exc.VAT</div>
-                                </div>
-                              {{else}}
-                                <div class="product-card__price__value">
-                                  <span class="isNotBulkDiscountOrWasPrice priceValue" itemprop="price" content="35">£35</span>
-                                </div>
-                                <div class="product-card__price__sqm">£14 per L</div>
-                              {{/if}}
+                              <div class="product-card__price__value">
+                                <span class="isNotBulkDiscountOrWasPrice priceValue" itemprop="price" content="35">£35</span>
+                              </div>
+                              <div class="product-card__price__sqm">£14 per L</div>
                            </div>
                           </div>
                         </div>
@@ -108,20 +89,9 @@
                           <span class="order-line-shop-list__lbl">
                             Item total:
                           </span>
-                          {{#if switch-vat}}
-                            <span class="order-line__value including-vat-inherit">
-                              <span class="product-card__price__total">£35&nbsp;</span>
-                              <div class="price-vat">Inc.VAT</div>
-                            </span>
-                            <span class="order-line__value excluding-vat-inherit">
-                              <span class="product-card__price__total">£34&nbsp;</span>
-                              <div class="price-vat">Exc.VAT</div>
-                            </span>
-                          {{else}}
-                            <span class="order-line__value">
-                              <span class="product-card__price__total">£35</span>
-                            </span>
-                          {{/if}}
+                          <span class="order-line__value">
+                            <span class="product-card__price__total">£35</span>
+                          </span>
                         </div>
                       </div>
                     </div>

package/src/components/ti-header.hbs

@@ -0,0 +1,34 @@
+<header class="ti__header {{headerClass}}">
+    <h3>
+        {{#if number}}
+            <span class="ti__header-number">
+                {{number}}
+            </span>
+        {{/if}}
+        {{#if title}}
+            <span class="ti__header-title">
+                {{title}}
+            </span>
+        {{/if}}
+        {{#if hint}}
+            <span class="ti__header-hint">
+                (in square
+                <span class="ti__header-unit">
+                       meters
+                </span>
+                 -
+                {{#if flooring}}
+                    <span><span class="ti-unit_big">m</span><sup>2</sup></span>
+                {{else}}
+                    <span>SQ<span class="ti-unit_big">M</span></span>
+                {{/if}}
+                )
+            </span>
+        {{/if}}
+    </h3>
+    {{#if linkClass}}
+        <a href="#" class="{{linkClass}}">
+            View/Edit
+        </a>
+    {{/if}}
+</header>

package/src/components/ti-radio.hbs

@@ -0,0 +1,57 @@
+<div class="choose {{class}}">
+  {{#each step}}
+    {{> radiobutton
+            name=radioName
+            id=radioID
+            label=radioLabel
+            class=radioClass}}
+    {{#if additionalBlock}}
+      <div class="form-details">
+        <div class="form-details__row">
+          <div class="form-details__info">
+            Simply complete your details below and click "Continue".
+          </div>
+          <div class="form-details__descr">
+            <div class="warning-required">Required fields</div>
+          </div>
+        </div>
+
+        <div class="form-row" data-row-required>
+          <label class="form-row__label form-row__label_required" for="first-name">Your name:</label>
+          <div class="form-row__field">
+            <input type="text" class="tbx" id="first-name" name="first-name">
+          </div>
+            <div class="form-row__error">Please enter your name.</div>
+        </div>
+
+        <div class="form-row" data-row-required>
+          <label class="form-row__label form-row__label_required" for="mobile-telephone">Phone number:</label>
+          <div class="form-row__field">
+            <input type="tel" class="tbx" id="mobile-telephone" name="mobile-telephone">
+          </div>
+          <div class="form-row__error">Please enter a valid phone number.</div>
+        </div>
+
+        <div class="form-row" data-row-required>
+          <label class="form-row__label form-row__label_required" for="email">E-mail address:</label>
+          <div class="form-row__field">
+            <input type="email" class="tbx" id="email" name="email">
+          </div>
+          <div class="form-row__error">Please enter a valid email address. For example josmith@domain.com</div>
+        </div>
+      </div>
+    {{/if}}
+  {{/each}}
+    {{#if listTitle}}
+        <p class="choose__info">
+            {{ listTitle }}
+        </p>
+        <ul class="choose__list">
+            {{#each sourse }}
+                <li class="choose__item">
+                    {{label}}
+                </li>
+            {{/each}}
+        </ul>
+    {{/if}}
+</div>