wickes-css2 2.103.0-RG-1756-incorrect-payment-method-when-proceed-payment-with-gift-card.2 → 2.103.0-RG-1742-billie-30-60-90-days.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (176) hide show
  1. package/Readme.md +3 -1
  2. package/build/css/components/checkout-payment-details-v2.css +1 -1
  3. package/build/js/account-members.min.js +1 -1
  4. package/build/js/add-project-list-id.min.js +1 -1
  5. package/build/js/address-book.min.js +1 -1
  6. package/build/js/basket.min.js +2 -2
  7. package/build/js/bundle.min.js +1 -1
  8. package/build/js/change-password.min.js +1 -1
  9. package/build/js/checkout.min.js +2 -2
  10. package/build/js/emulation.min.js +35 -273
  11. package/build/js/general.bundle.min.js +1 -1
  12. package/build/js/merged-checkout.min.js +2 -2
  13. package/build/js/page/components/order-summary.js +25 -42
  14. package/build/js/page/utils/validation.js +1 -46
  15. package/build/js/pdp.bundle.min.js +1 -1
  16. package/build/js/personal-details.min.js +1 -1
  17. package/build/js/plp.bundle.min.js +1 -1
  18. package/build/js/project-list.min.js +1 -44
  19. package/build/js/quiz.min.js +1 -1
  20. package/build/js/track-my-order.min.js +1 -1
  21. package/package.json +2 -2
  22. package/src/components/checkout-payment-details-v2.hbs +17 -5
  23. package/src/components/checkout-payment-repayment-terms.hbs +25 -0
  24. package/src/elements/form-row.hbs +1 -1
  25. package/src/elements/input.hbs +2 -31
  26. package/src/js/components/general/notification.js +1 -2
  27. package/src/js/components/toggle-password-visibility.js +58 -0
  28. package/src/js/emulation/checkout-payment-details.js +14 -23
  29. package/src/js/emulation/forms.js +21 -8
  30. package/src/js/page/components/order-summary.js +25 -42
  31. package/src/js/page/utils/validation.js +1 -46
  32. package/src/layouts/checkout.hbs +5 -1
  33. package/src/page_my-account_change-password.html +0 -1
  34. package/src/page_payment-details-with-gift-card.html +5 -8
  35. package/src/scss/components/checkout-payment-details-v2.scss +1 -2
  36. package/src/scss/components/checkout-payment-repayment-terms.scss +103 -0
  37. package/src/scss/pages/page_checkout_delivery-new.scss +0 -26
  38. package/build/css/components/energy-efficiency.css +0 -1
  39. package/build/css/components/global-search.css +0 -1
  40. package/build/css/components/kitchen/strip-stickers.css +0 -1
  41. package/build/css/components/legal-info.css +0 -1
  42. package/build/css/components/loader.css +0 -1
  43. package/build/css/components/long-banner.css +0 -1
  44. package/build/css/components/payment-details-BPS-form.css +0 -1
  45. package/build/css/components/pdf-loader.css +0 -1
  46. package/build/css/components/pdp-favourite-product.css +0 -1
  47. package/build/css/components/plp-favourite-product.css +0 -1
  48. package/build/css/components/price-block-v2-critical.css +0 -1
  49. package/build/css/components/price-block-v2.css +0 -1
  50. package/build/css/components/special-opening-schedule-v2.css +0 -1
  51. package/build/css/components/special-opening-schedule.css +0 -1
  52. package/build/css/components/store-locator-about.css +0 -1
  53. package/build/css/components/store-locator-facilities.css +0 -1
  54. package/build/css/components/store-locator-lookup.css +0 -1
  55. package/build/css/components/store-locator-v2-details.css +0 -1
  56. package/build/css/components/strip-stickers.css +0 -1
  57. package/build/css/components/tile-calculator.css +0 -1
  58. package/build/css/components/trade-pro-extras.css +0 -1
  59. package/build/css/pages/bicester-header.css +0 -1
  60. package/build/css/pages/bicester-project-list.css +0 -1
  61. package/build/css/pages/checkout-new.css +0 -1
  62. package/build/css/pages/checkout.css +0 -1
  63. package/build/css/pages/design-appointment.css +0 -1
  64. package/build/css/pages/home-movers.css +0 -1
  65. package/build/css/pages/iframe-paypage.css +0 -1
  66. package/build/css/pages/my-account-v2.css +0 -1
  67. package/build/css/pages/my-account.css +0 -1
  68. package/build/css/pages/new-usp-bar.css +0 -1
  69. package/build/css/pages/oldweb_header.css +0 -1
  70. package/build/css/pages/page_account-deletion.css +0 -1
  71. package/build/css/pages/page_act-trade-pro.css +0 -1
  72. package/build/css/pages/page_address-book.css +0 -1
  73. package/build/css/pages/page_bathroom-trends.css +0 -1
  74. package/build/css/pages/page_book-consultant-thank-you-new.css +0 -1
  75. package/build/css/pages/page_change-password.css +0 -1
  76. package/build/css/pages/page_checkout-payment-details.css +0 -1
  77. package/build/css/pages/page_checkout_delivery-new.css +0 -1
  78. package/build/css/pages/page_cms_homepage.css +0 -1
  79. package/build/css/pages/page_contact-us.css +0 -1
  80. package/build/css/pages/page_content.css +0 -1
  81. package/build/css/pages/page_coshh.css +0 -1
  82. package/build/css/pages/page_default-store.css +0 -1
  83. package/build/css/pages/page_discount.css +0 -1
  84. package/build/css/pages/page_empty-basket.css +0 -1
  85. package/build/css/pages/page_favourite-list.css +0 -1
  86. package/build/css/pages/page_fdl-management.css +0 -1
  87. package/build/css/pages/page_fdl-product.css +0 -1
  88. package/build/css/pages/page_fi.css +0 -1
  89. package/build/css/pages/page_forgotten-password.css +0 -1
  90. package/build/css/pages/page_half-login.css +0 -1
  91. package/build/css/pages/page_home.css +0 -1
  92. package/build/css/pages/page_hotspot-guttering.css +0 -1
  93. package/build/css/pages/page_in-store-checkout.css +0 -1
  94. package/build/css/pages/page_in-store_MVP_order-summary-submitted.css +0 -1
  95. package/build/css/pages/page_in-store_MVP_order-summary.css +0 -1
  96. package/build/css/pages/page_installation.css +0 -1
  97. package/build/css/pages/page_installer.css +0 -1
  98. package/build/css/pages/page_installer_form.css +0 -1
  99. package/build/css/pages/page_kitchen-claims.css +0 -1
  100. package/build/css/pages/page_kitchen-list.css +0 -1
  101. package/build/css/pages/page_login.css +0 -1
  102. package/build/css/pages/page_marketing-preferences.css +0 -1
  103. package/build/css/pages/page_merged-basket.css +0 -1
  104. package/build/css/pages/page_my-account_tradePro.css +0 -1
  105. package/build/css/pages/page_my-order.css +0 -1
  106. package/build/css/pages/page_my-orders.css +0 -1
  107. package/build/css/pages/page_new-checkout-forgot.css +0 -1
  108. package/build/css/pages/page_new-checkout_login-register.css +0 -1
  109. package/build/css/pages/page_no-results.css +0 -1
  110. package/build/css/pages/page_online-exclusive.css +0 -1
  111. package/build/css/pages/page_paint-mixing-error.css +0 -1
  112. package/build/css/pages/page_personal-details.css +0 -1
  113. package/build/css/pages/page_pre_home.css +0 -1
  114. package/build/css/pages/page_pre_home_thank-you.css +0 -1
  115. package/build/css/pages/page_product-details-critical.css +0 -1
  116. package/build/css/pages/page_product-details-v2-critical.css +0 -1
  117. package/build/css/pages/page_product-details-v2.css +0 -1
  118. package/build/css/pages/page_product-details.css +0 -1
  119. package/build/css/pages/page_product_search.css +0 -1
  120. package/build/css/pages/page_products-list-combined.css +0 -1
  121. package/build/css/pages/page_products-list-phone.css +0 -1
  122. package/build/css/pages/page_products-list.css +0 -1
  123. package/build/css/pages/page_products-list_v2.css +0 -1
  124. package/build/css/pages/page_projects.css +0 -1
  125. package/build/css/pages/page_quiz.css +0 -1
  126. package/build/css/pages/page_rate-review.css +0 -1
  127. package/build/css/pages/page_registration.css +0 -1
  128. package/build/css/pages/page_shopping-cart-v2.css +0 -1
  129. package/build/css/pages/page_shopping-cart.css +0 -1
  130. package/build/css/pages/page_split-orders.css +0 -1
  131. package/build/css/pages/page_store-locator-details.css +0 -1
  132. package/build/css/pages/page_store-locator.css +0 -1
  133. package/build/css/pages/page_thankyou.css +0 -1
  134. package/build/css/pages/page_ti.css +0 -1
  135. package/build/css/pages/page_tiling-calculator-generic.css +0 -1
  136. package/build/css/pages/page_top-rated.css +0 -1
  137. package/build/css/pages/page_track-my-order.css +0 -1
  138. package/build/css/pages/page_track_your_order.css +0 -1
  139. package/build/css/pages/page_trade_installer.css +0 -1
  140. package/build/css/pages/page_upd-pass.css +0 -1
  141. package/build/css/pages/page_wismo-details.css +0 -1
  142. package/build/css/pages/page_wismo-order-history.css +0 -1
  143. package/build/css/pages/page_wismo-orders.css +0 -1
  144. package/build/css/pages/print_quiz.css +0 -1
  145. package/build/css/pages/sticky_header.css +0 -1
  146. package/build/css/pages/tradePro-about.css +0 -1
  147. package/build/css/pages/tradePro-address-book.css +0 -1
  148. package/build/css/pages/tradePro-delivery-details.css +0 -1
  149. package/build/css/pages/tradePro-discount.css +0 -1
  150. package/build/css/pages/tradePro-order-history.css +0 -1
  151. package/build/css/pages/tradePro-payment-details.css +0 -1
  152. package/build/css/pages/tradePro-rewards-old.css +0 -1
  153. package/build/css/pages/tradePro-rewards.css +0 -1
  154. package/build/css/pages/tradePro-signup.css +0 -1
  155. package/build/css/pages/tradePro-thankyou-activate.css +0 -1
  156. package/build/img/giftcard.svg +0 -28
  157. package/build/js/gift-cards.min.js +0 -1
  158. package/build/js/page/components/gift-cards.js +0 -887
  159. package/build/js/page/components/toggle-password-visibility.js +0 -22
  160. package/build/js/page/utils/gift-cards-utils.js +0 -151
  161. package/build/js/page/utils/input-handling.js +0 -92
  162. package/build/js/page/utils/show-hide-input.js +0 -28
  163. package/build/js/toggle-password-visibility.min.js +0 -1
  164. package/src/components/gift-cards-hint.hbs +0 -9
  165. package/src/components/gift-cards.hbs +0 -90
  166. package/src/components/giftcard-chip.hbs +0 -23
  167. package/src/components/giftcard-summary.hbs +0 -6
  168. package/src/img/giftcard.svg +0 -28
  169. package/src/js/emulation/checkout-data.js +0 -35
  170. package/src/js/emulation/gift-cards.js +0 -205
  171. package/src/js/page/components/gift-cards.js +0 -887
  172. package/src/js/page/components/toggle-password-visibility.js +0 -22
  173. package/src/js/page/utils/gift-cards-utils.js +0 -151
  174. package/src/js/page/utils/input-handling.js +0 -92
  175. package/src/js/page/utils/show-hide-input.js +0 -28
  176. package/src/scss/components/_gift-cards.scss +0 -361
@@ -1 +1 @@
1
- !function n(r,o,a){function l(t,e){if(!o[t]){if(!r[t]){var i="function"==typeof require&&require;if(!e&&i)return i(t,!0);if(u)return u(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}i=o[t]={exports:{}},r[t][0].call(i.exports,function(e){return l(r[t][1][e]||e)},i,i.exports,n,r,o,a)}return o[t].exports}for(var u="function"==typeof require&&require,e=0;e<a.length;e++)l(a[e]);return l}({1:[function(e,t,i){"use strict";var r=e("./utils/create-event"),n=e("./utils/validation"),o=e("./utils/helpers");function a(e){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function l(t,e){var i,n=Object.keys(t);return Object.getOwnPropertySymbols&&(i=Object.getOwnPropertySymbols(t),e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,i)),n}function u(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?l(Object(r),!0).forEach(function(e){var t,i;t=n,i=r[e=e],(e=function(e){e=function(e,t){if("object"!==a(e)||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!==a(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}(e,"string");return"symbol"===a(e)?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))})}return n}var d=window.Wick||{};d.Quiz={STYLE_QUIZ_EMAIL:"styleQuizEmail",el:{quizContainer:".main-quiz",quizActions:".quiz-actions",body:"body",html:"html",input:'input[type="text"]',modal:".quiz-modal",modalEmail:"#quiz-modal",modalEmailFinal:"#quiz-modal-final",btnQuizEmail:"#email-results-quiz",cancelBtn:".quiz-modal__controls .btn-cancel",submitBtn:'.quiz-modal__controls [type="submit"]',quizForm:".quiz-modal__form",btnPrintResultQuiz:"#print-results-quiz",emailInput:"#email",firstNameInput:"#firstName",surnameInput:"#surname",formInvalidClass:"form_invalid"},errorMessages:{errorFirstName:"Please enter a first name",errorSurname:"Please enter a surname",errorEmail:"Please enter a valid email address"},getFieldsConfigurations:function(){return[{input:d.Quiz.el.firstNameInput,validator:n.isValidInputTextField,error:d.Quiz.errorMessages.errorFirstName},{input:d.Quiz.el.surnameInput,validator:n.isValidInputTextField,error:d.Quiz.errorMessages.errorSurname},{input:d.Quiz.el.emailInput,validator:n.isValidEmail,error:d.Quiz.errorMessages.errorEmail}]},showModal:function(e){$(e).modal("show")},closeModal:function(e,t){t&&t.preventDefault(),$(e).modal("hide")},validateInput:function(e,t,i){t=t($(e).val());return(0,n.updateStylingError)(e,t,i),t},validateForm:function(){var e=d.Quiz.getFieldsConfigurations(),t=!0;return e.forEach(function(e){e=d.Quiz.validateInput(e.input,e.validator,e.error);t=t&&e}),t},clearAllForm:function(){$(d.Quiz.el.modalEmail+" ".concat(d.Quiz.el.input)).val("")},disableButton:function(e){$(e).attr("disabled",!0)},enableButton:function(e){$(e).removeAttr("disabled")},requestToEmailResult:function(){var n={email:$(d.Quiz.el.emailInput).val(),firstName:$(d.Quiz.el.firstNameInput).val(),lastName:$(d.Quiz.el.surnameInput).val()};return d.Quiz.disableButton(d.Quiz.el.submitBtn),new Promise(function(e,t){var i=u({},n),i=(0,r.createEvent)(d.Quiz.STYLE_QUIZ_EMAIL,i,{resolve:e,reject:t});window.dispatchEvent(i)}).then(function(){d.Quiz.closeModal(d.Quiz.el.modalEmail)}).catch(function(e){console.error(e)}).finally(function(){d.Quiz.clearAllForm(),d.Quiz.showModal(d.Quiz.el.modalEmailFinal),d.Quiz.enableButton(d.Quiz.el.submitBtn)})},submitForm:function(e){e.preventDefault(),d.Quiz.validateForm()?d.Quiz.requestToEmailResult():$(d.Quiz.el.quizForm).addClass(d.Quiz.el.formInvalidClass)},loadScript:function(e,t){var i=document.createElement("script");i.src=e,i.onload=t,i.onerror=function(){return console.error("Failed to load script:",e)},document.head.appendChild(i)},handleSaveAsPDF:function(){"undefined"==typeof html2pdf?d.Quiz.loadScript("https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.2/html2pdf.bundle.min.js",function(){d.Quiz.generatePDF()}):d.Quiz.generatePDF()},convertSvgToCanvas:function(t){return new Promise(function(r,o){var e=document.querySelectorAll(t+' img[src*=".svg"]'),a=e.length;0===a&&r(),e.forEach(function(e){var t=document.createElement("canvas"),i=t.getContext("2d"),n=new Image;n.crossOrigin="Anonymous",n.onload=function(){t.width=2*n.width,t.height=2*n.height,i.drawImage(n,0,0,t.width,t.height);try{e.src=t.toDataURL("image/png"),--a}catch(e){return void o(e)}0===a&&r()},n.onerror=function(){o(new Error("Failed to load image"))},n.src=e.src})})},generatePDF:function(){var e=document.body.querySelector(d.Quiz.el.quizContainer);d.Quiz.convertSvgToCanvas(d.Quiz.el.quizContainer).then(function(){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("^(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),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]);
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]);
@@ -1 +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("^(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 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]);
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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "wickes-css2",
3
- "version": "2.103.0-RG-1756-incorrect-payment-method-when-proceed-payment-with-gift-card.2",
3
+ "version": "2.103.0-RG-1742-billie-30-60-90-days.1",
4
4
  "description": "CSS and JS and page templates in use by Wickes",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -108,7 +108,7 @@
108
108
  "branches": [
109
109
  "alt-master",
110
110
  {
111
- "name": "custom-tag/RG-1756-incorrect-payment-method-when-proceed-payment-with-gift-card",
111
+ "name": "custom-tag/RG-1742-billie-30-60-90-days",
112
112
  "prerelease": "${name.replace(/^custom-tag\\//g, '')}"
113
113
  }
114
114
  ],
@@ -5,7 +5,7 @@
5
5
  <div class="checkout-payment-details__descr">
6
6
  <h3 class="checkout-payment-details__title">Payment method</h3>
7
7
  <div class="form-row">
8
- <div class="form-row__field form-row__card-payment">
8
+ <div class="form-row__field">
9
9
  {{> radiobutton
10
10
  labelIcons=(array "./img/visa-logo.svg" "./img/mastercard.svg")
11
11
  name="payment-method"
@@ -120,7 +120,7 @@
120
120
  </div>
121
121
  {{/if}}
122
122
  <div class="form-row">
123
- <div class="form-row__field form-row__field-paypal">
123
+ <div class="form-row__field">
124
124
  <label class="rbn rbn_align" for="checkout-payment-details-paypal">
125
125
  <input type="radio" id="checkout-payment-details-paypal" name="payment-method" value="paypal">
126
126
  <ins></ins>
@@ -128,7 +128,6 @@
128
128
  </label>
129
129
  </div>
130
130
  </div>
131
- {{> gift-cards }}
132
131
  </div>
133
132
  </div>
134
133
 
@@ -199,6 +198,21 @@
199
198
  </a>"
200
199
  }}
201
200
 
201
+
202
+ <div class="form-row" data-row-required data-message="Please select repayment terms">
203
+ <div class="form-row__field">
204
+ {{> checkout-payment-repayment-terms
205
+ name="repaymentTerms"
206
+ title="Select repayment terms"
207
+ repaymentTerms=(array
208
+ (hash id="repay-30" value="30" top="30" bottom="days")
209
+ (hash id="repay-60" value="60" top="60" bottom="days")
210
+ (hash id="repay-90" value="90" top="90" bottom="days")
211
+ )
212
+ }}
213
+ </div>
214
+ </div>
215
+
202
216
  {{> checkout-payment-info-block
203
217
  dataAttr="data-billie"
204
218
  blockClass="checkout-payment-details__billie"
@@ -227,8 +241,6 @@
227
241
  <img class="clearpay-widget__image" src="./img/payment/checkout/clearpay-widget.png" alt="clearpay widget">
228
242
  </div>
229
243
  </div>
230
-
231
-
232
244
  <div class="billing-address">
233
245
  {{> checkout-edit-billing-address actionBlock="true" no-set-card="true" billie-form=billie-form}}
234
246
  </div>
@@ -0,0 +1,25 @@
1
+ <div class="repayment-terms">
2
+ <div class="repayment-terms__title">
3
+ <span class="repayment-terms__asterisk">*</span>
4
+ <span>Select repayment terms</span>
5
+ </div>
6
+
7
+ <div class="repayment-terms__chips" role="radiogroup">
8
+ {{#each repaymentTerms}}
9
+ <div class="repayment-terms__chip">
10
+ <input
11
+ class="repayment-terms__input"
12
+ type="radio"
13
+ name="repaymentTerms"
14
+ id="{{id}}"
15
+ value="{{value}}"
16
+ />
17
+
18
+ <label class="repayment-terms__label" for="{{id}}">
19
+ <span class="repayment-terms__label-top">{{top}}</span>
20
+ <span class="repayment-terms__label-bottom">{{bottom}}</span>
21
+ </label>
22
+ </div>
23
+ {{/each}}
24
+ </div>
25
+ </div>
@@ -1,4 +1,4 @@
1
- <div class="form-row {{#if clearInput}}form-row--clear-input{{/if}} {{#if error}}form-row_validation-error{{/if}} {{#if locked}}form-row--locked{{/if}} {{row-mod}}" {{#if required}}data-row-required{{/if}} {{#if clearInput}}data-clearable{{/if}} {{#if showContent}}data-show-content{{/if}} {{#if skipGlobalValidation}}data-no-global-validation{{/if}} data-form-field>
1
+ <div class="form-row {{#if clearInput}}form-row--clear-input{{/if}} {{#if error}}form-row_validation-error{{/if}} {{#if locked}}form-row--locked{{/if}} {{row-mod}}" {{#if required}}data-row-required{{/if}} {{#if clearInput}}data-clearable{{/if}} {{#if showContent}}data-show-content{{/if}} data-form-field>
2
2
  <label class="form-row__label {{#if required}}form-row__label_required{{/if}} {{#if label-hidden}}sr-only{{/if}}" for="{{id}}">
3
3
  {{label}}
4
4
  {{#if tooltip}}
@@ -1,36 +1,7 @@
1
1
  {{#if textarea}}
2
2
  <textarea class="tbx {{#if textarea}}tbx_textarea{{/if}} {{#if error}}tbx_error{{/if}}" rows="{{textareaRows}}" cols="{{textareaCols}}" value="{{value}}" maxlength="{{maxlength}}" id="{{id}}" name="{{#if name}}{{name}}{{else}}{{id}}{{/if}}" {{#if disabled}}disabled{{/if}}></textarea>
3
3
  {{else if type}}
4
- <input
5
- type="{{type}}"
6
- class="tbx {{#if error}}tbx_error{{/if}} {{input-mod}}"
7
- value="{{value}}"
8
- id="{{id}}"
9
- name="{{#if name}}{{name}}{{else}}{{id}}{{/if}}"
10
- placeholder="{{placeholder}}"
11
- {{#if (or locked disabled)}}disabled{{/if}}
12
- {{#if need-pattern}}pattern=""{{/if}}
13
- {{#if readonly}}readonly{{/if}}
14
- {{#if data-tag}}data-tag="{{data-tag}}"{{/if}}
15
- {{#if maxlength}}maxlength="{{maxlength}}"{{/if}}
16
- {{#if inputmode}}inputmode="{{inputmode}}"{{/if}}
17
- {{#if autocomplete}}autocomplete="{{autocomplete}}"{{/if}}
18
- >
4
+ <input type="{{type}}" class="tbx {{#if error}}tbx_error{{/if}} {{input-mod}}" value="{{value}}" id="{{id}}" name="{{#if name}}{{name}}{{else}}{{id}}{{/if}}" placeholder="{{placeholder}}" {{#if (or locked disabled)}}disabled{{/if}} {{#if need-pattern}}pattern=""{{/if}} {{#if readonly}}readonly{{/if}} {{#if data-tag}}data-tag="{{data-tag}}"{{/if}}>
19
5
  {{else}}
20
- <input
21
- type="text"
22
- class="tbx {{#if error}}tbx_error{{/if}} {{input-mod}}"
23
- value="{{value}}"
24
- id="{{id}}"
25
- name="{{#if name}}{{name}}{{else}}{{id}}{{/if}}"
26
- placeholder="{{placeholder}}"
27
- {{#if (or locked disabled)}}disabled{{/if}}
28
- {{#if need-pattern}}pattern=""{{/if}}
29
- {{#if readonly}}readonly{{/if}}
30
- {{#if data-tag}}data-tag="{{data-tag}}"{{/if}}
31
- {{#if error}}aria-invalid="true"{{/if}}
32
- {{#if maxlength}}maxlength="{{maxlength}}"{{/if}}
33
- {{#if inputmode}}inputmode="{{inputmode}}"{{/if}}
34
- {{#if autocomplete}}autocomplete="{{autocomplete}}"{{/if}}
35
- >
6
+ <input type="text" class="tbx {{#if error}}tbx_error{{/if}} {{input-mod}}" value="{{value}}" id="{{id}}" name="{{#if name}}{{name}}{{else}}{{id}}{{/if}}" placeholder="{{placeholder}}" {{#if (or locked disabled)}}disabled{{/if}} {{#if need-pattern}}pattern=""{{/if}} {{#if readonly}}readonly{{/if}} {{#if data-tag}}data-tag="{{data-tag}}"{{/if}}>
36
7
  {{/if}}
@@ -4,14 +4,13 @@ Wick.Notification = (function(){
4
4
  var self = this,
5
5
  iconSuccess = '<span class="icon notification__icon"><span class="fas fa-check-circle"></span></span>',
6
6
  iconWarning = '<span class="icon notification__icon"><span class="fas fa-exclamation-circle"></span></span>',
7
- iconError = '<span class="icon notification__icon"><span class="fas fa-times-circle"></span></span>',
8
7
  closeBtn = '<span class="icon notification__close"><span class="far fa-times"></span></span>';
9
8
 
10
9
  this.$self = $('<div/>', {
11
10
  'class': 'notification notification_general notification_' + params.type,
12
11
  html: params.text
13
12
  })
14
- .prepend(params.type === 'success' ? iconSuccess : params.type === 'warning' ? iconWarning : params.type === 'error' ? iconError : '')
13
+ .prepend(params.type === 'success' ? iconSuccess : params.type === 'warning' ? iconWarning : params.type === 'error' ? iconWarning : '')
15
14
  .prepend(params.closeBtn ? closeBtn : '')
16
15
  .prependTo(params.container);
17
16
 
@@ -0,0 +1,58 @@
1
+ var Wick = window.Wick || {};
2
+
3
+ Wick.TogglePasswordVisibility = {
4
+ el: {
5
+ $toggleShow: $('[data-show-content] .toggle-show'),
6
+ inputWrap: $('.form-row[data-show-content] .input-wrap'),
7
+ toggleIcon: '.toggle-show',
8
+ },
9
+
10
+ updateIconVisibility(inputField, toggleIcon) {
11
+ const valueLength = inputField.val().length;
12
+ if (valueLength > 0) {
13
+ toggleIcon.show();
14
+ } else {
15
+ toggleIcon.hide();
16
+ }
17
+ },
18
+
19
+ attachInputListener(inputField, toggleIcon) {
20
+ inputField.on('input', function () {
21
+ Wick.TogglePasswordVisibility.updateIconVisibility($(this), toggleIcon);
22
+ });
23
+ },
24
+
25
+ attachToggleClickListener(inputField, toggleIcon) {
26
+ toggleIcon.on('click', function () {
27
+ const isPasswordType = inputField.attr('type') === 'password';
28
+ const iconSvg = $(this).find('svg');
29
+
30
+ if (isPasswordType) {
31
+ inputField.attr('type', 'text');
32
+ iconSvg.removeClass('fa-eye-slash').addClass('fa-eye');
33
+ } else {
34
+ inputField.attr('type', 'password');
35
+ iconSvg.removeClass('fa-eye').addClass('fa-eye-slash');
36
+ }
37
+ });
38
+ },
39
+
40
+ init() {
41
+ Wick.TogglePasswordVisibility.el.inputWrap.each(function () {
42
+ const inputField = $(this).find('input');
43
+ const toggleIcon = $(this).find(Wick.TogglePasswordVisibility.el.toggleIcon);
44
+
45
+ Wick.TogglePasswordVisibility.attachInputListener(inputField, toggleIcon);
46
+ Wick.TogglePasswordVisibility.updateIconVisibility(inputField, toggleIcon);
47
+ Wick.TogglePasswordVisibility.attachToggleClickListener(inputField, toggleIcon);
48
+ });
49
+ },
50
+ };
51
+
52
+ $(document).ready(function () {
53
+ if (!Wick.TogglePasswordVisibility.el.$toggleShow.length) {
54
+ return;
55
+ }
56
+
57
+ Wick.TogglePasswordVisibility.init();
58
+ });
@@ -2,33 +2,24 @@ var Wick = Wick || {};
2
2
 
3
3
  Wick.PaymentDetails = (function () {
4
4
  var $btnEnterDetails = $('.btn-enter-details'),
5
+ $form = $btnEnterDetails.parents('form'),
5
6
  isGuestPage = $('.page_checkout-payment-details_guest').length;
6
7
 
7
8
  function bindEvents () {
8
- $btnEnterDetails.on('click', function (e) {
9
- e.preventDefault();
10
- var $scope = $(this).closest('form');
11
- if (!$scope.length) $scope = $(this).closest('.billing-address');
12
- if (!$scope.length) $scope = $('.billing-address');
13
- var nameVal= ($scope.find('#card-name').val() || '').trim();
14
- var finderVal= ($scope.find('#first-line-address').val() || '').trim();
15
- var manualLine1= ($scope.find('#address-line-1').val() || '').trim();
16
- var manualTown= ($scope.find('#town-city').val() || '').trim();
17
- var manualPost= ($scope.find('#postcode_additional').val() || '').trim();
18
- var addressFinderOk = finderVal.length > 0;
19
- var addressManualOk = manualLine1 && manualTown && manualPost;
20
-
21
- if (nameVal && (addressFinderOk || addressManualOk)) {
22
- var $details = $('.checkout-payment-details__card-details');
23
- $details.removeClass('checkout-payment-details__card-details_hidden');
24
- $('html, body').animate({ scrollTop: $details.offset().top - 15 }, 700);
25
- return;
26
- }
27
-
28
- var formEl = $scope.closest('form').get(0) || $scope.get(0);
29
- if (formEl && Wick.Forms && Wick.Forms.showValidationErrors) {
30
- Wick.Forms.showValidationErrors(formEl);
9
+ $btnEnterDetails.on('click', function(){
10
+ if ($form.find('#card-name').val().length &&
11
+ $form.find('#first-line-address').val().length &&
12
+ $form.find('#address-line-1').val().length &&
13
+ $form.find('#town-city').val().length &&
14
+ $form.find('#postcode_additional').val().length){
15
+ $('.checkout-payment-details__card-details').removeClass('checkout-payment-details__card-details_hidden');
16
+ $('html, body').animate({
17
+ scrollTop: $('.checkout-payment-details__card-details').offset().top - 15
18
+ }, 700);
19
+ return false;
31
20
  }
21
+ Wick.Forms.showValidationErrors($form[0]);
22
+ return false;
32
23
  });
33
24
 
34
25
  $('.checkout-payment-details__card-details').on('submit', function(){
@@ -60,16 +60,11 @@ Wick.Forms = (function(){
60
60
 
61
61
  var showValidationErrors = function (form, errorMsg) {
62
62
  var $form = $(form);
63
- var $rows = $form.find(fieldRow).not('[data-no-global-validation]');
64
- if (!$rows.length) return;
65
- $rows.find('.form-row__error').remove();
66
-
67
63
  if (!$form.hasClass(formInvalid)) {
68
- $form.addClass(formInvalid);
64
+ $form.find('.form-row__error').remove();
65
+ $form.addClass(formInvalid).find(fieldRow).append(validationError(errorMsg)).addClass(rowValidationError);
69
66
  }
70
67
 
71
- $rows.append(validationError(errorMsg)).addClass(rowValidationError);
72
-
73
68
  var $firstMsg = $form.find(fieldRow).first();
74
69
  if($firstMsg.length && !isElementInViewport($firstMsg)){
75
70
  var inModal = $firstMsg.closest('.modal').length,
@@ -216,9 +211,27 @@ Wick.Forms = (function(){
216
211
  }
217
212
 
218
213
  function isNotEmpty(field){
219
- return !!$(field).val();
214
+ var $field = $(field);
215
+ var type = ($field.attr('type') || '').toLowerCase();
216
+
217
+ if (type === 'checkbox') {
218
+ return $field.is(':checked');
219
+ }
220
+
221
+ if (type === 'radio') {
222
+ var name = $field.attr('name');
223
+ if (!name) return false;
224
+
225
+ var $scope = $field.closest('[data-row-required]');
226
+ if (!$scope.length) $scope = $field.closest('form');
227
+
228
+ return $scope.find('input[type="radio"][name="' + name.replace(/"/g, '\\"') + '"]').is(':checked');
229
+ }
230
+
231
+ return !!$field.val();
220
232
  }
221
233
 
234
+
222
235
  if ($(form).is('#form-checkout-your-details')) {
223
236
  var requiredFields = $(form).find('[data-row-required]:visible :input');
224
237
  if (_.every(requiredFields, isNotEmpty)){
@@ -13,46 +13,31 @@ const osEl = {
13
13
  }
14
14
 
15
15
  export function updateOrderSummary(data, equalMap, isVoucher) {
16
- equalMap.forEach((obj) => {
17
- if (typeof obj.dataValue === 'undefined') return;
18
-
19
- if ($(obj.item).length) {
20
- $(obj.item).show();
21
- } else {
22
- if ($(osEl.checkoutWidgetDetailsDiscount).length) {
23
- $(osEl.checkoutWidgetDetailsDiscount).before(createCheckoutWidgetItem(obj));
24
- } else {
25
- $(osEl.checkoutWidgetDetails).append(createCheckoutWidgetItem(obj));
26
- }
27
- }
16
+ equalMap.forEach((obj) => {
17
+ if ($(obj.item).length) {
18
+ $(obj.item).show();
19
+ } else {
20
+ if ($(osEl.checkoutWidgetDetailsDiscount).length) {
21
+ $(osEl.checkoutWidgetDetailsDiscount).before(createCheckoutWidgetItem(obj))
22
+ } else {
23
+ $(osEl.checkoutWidgetDetails).append(createCheckoutWidgetItem(obj))
24
+ }
25
+ }
28
26
 
29
- $(obj.item).find(obj.itemValue).text(obj.dataValue);
30
- if (isVoucher ? obj.dataValue : obj.value && obj.dataValue) {
31
- $(obj.item).find(obj.itemValue).show();
32
- } else {
33
- $(obj.item).hide();
34
- }
35
- });
27
+ $(obj.item).find(obj.itemValue).text(obj.dataValue);
28
+ if (isVoucher ? obj.dataValue : obj.value && obj.dataValue) {
29
+ $(obj.item).find(obj.itemValue).show();
30
+ } else {
31
+ $(obj.item).hide();
32
+ }
33
+ })
36
34
 
37
- const keys = new Set(Object.keys(data || {}));
38
- const hasAny = (...arr) => arr.some(k => keys.has(k));
35
+ const value = data.totalPrice?.formattedValue || data.total;
39
36
 
40
- const value = data.totalPrice?.formattedValue || data.total;
41
- if (typeof value !== 'undefined' && hasAny('total', 'totalPrice')) {
42
- updateSummaryMobileBarTotal(value);
43
- }
44
-
45
- if (hasAny('promotionsInfo')) {
46
37
  updateDiscount(data, isVoucher);
47
- }
48
-
49
- if (hasAny('deliveryOrder', 'clickAndCollectOrder', 'clickAndCollectOnly', 'deliveryItemsQuantity', 'pickupItemsQuantity')) {
50
38
  hideUnusedDeliveryTypeCost(data, isVoucher);
51
- }
52
-
53
- if (hasAny('freeDelivery', 'messageForFreeDelivery', 'clickAndCollectOnly')) {
54
39
  calculateFreeDelivery(data);
55
- }
40
+ updateSummaryMobileBarTotal(value);
56
41
  }
57
42
 
58
43
  function createCheckoutWidgetItem(obj) {
@@ -68,14 +53,12 @@ function hideUnusedDeliveryTypeCost(data, isVoucher) {
68
53
  $(osEl.delivery).show()
69
54
  $(osEl.cc).show()
70
55
  if (isVoucher) {
71
- if ('deliveryOrder' in data && data.deliveryOrder === false) {
72
- $(osEl.delivery).hide();
73
- }
74
-
75
- if ('clickAndCollectOrder' in data && data.clickAndCollectOrder === false) {
76
- $(osEl.cc).hide();
77
- }
78
- } else {
56
+ if (!data.deliveryOrder) {
57
+ $(osEl.delivery).hide()
58
+ } else if (!data.clickAndCollectOrder) {
59
+ $(osEl.cc).hide()
60
+ }
61
+ } else {
79
62
  if (data.clickAndCollectOnly) {
80
63
  $(osEl.delivery).hide()
81
64
  } else if (data.deliveryItemsQuantity > 0 && data.pickupItemsQuantity === 0) {
@@ -257,6 +257,7 @@ export function wrapWithError(element) {
257
257
 
258
258
  }
259
259
 
260
+
260
261
  export function addErrorMessage(element, errorMessage) {
261
262
  if (errorMessage) {
262
263
  $(element).append('<div class="form-row__error">' + errorMessage + '</div>');
@@ -315,49 +316,3 @@ export function validateGuidPattern (value) {
315
316
  export function validateUserFriendlyIdPattern (value) {
316
317
  return patterns.userFriendlyIdPattern.test(value);
317
318
  }
318
-
319
- export function showErrorText($input, message, fieldSelector, errorTextClass, errorClass, ariaInvalidAttr) {
320
- const $field = $input.closest(fieldSelector);
321
- $field.addClass(errorClass);
322
- $input.attr(ariaInvalidAttr, 'true');
323
-
324
- let $err = $field.find(errorTextClass);
325
- if (!$err.length) {
326
- $err = $(`<div class="${errorTextClass.slice(1)}" />`).appendTo($field);
327
- }
328
- $err.text(message);
329
- }
330
-
331
- export function clearErrorText($input, fieldSelector, errorTextClass, errorClass, ariaInvalidAttr) {
332
- const $field = $input.closest(fieldSelector);
333
- $field.removeClass(errorClass);
334
- $input.removeAttr(ariaInvalidAttr);
335
- $field.find(errorTextClass).remove();
336
- }
337
-
338
- function digitsOnly(value) {
339
- return String(value || '').replace(/\D/g, '');
340
- }
341
-
342
- function hasExactDigits(value, n) {
343
- return digitsOnly(value).length === Number(n);
344
- }
345
-
346
- function validateByPredicate($input, predicate, message, {
347
- fieldSelector,
348
- errorText: errorTextClass,
349
- fieldError: errorClass,
350
- ariaInvalidAttr,
351
- }) {
352
- const ok = !!predicate(String($input.val() || ''));
353
- if (!ok) {
354
- showErrorText($input, message, fieldSelector, errorTextClass, errorClass, ariaInvalidAttr);
355
- } else {
356
- clearErrorText($input, fieldSelector, errorTextClass, errorClass, ariaInvalidAttr);
357
- }
358
- return ok;
359
- }
360
-
361
- export function validateExactDigits($input, n, message, cfg) {
362
- return validateByPredicate($input, (v) => hasExactDigits(v, n), message, cfg);
363
- }
@@ -22,10 +22,14 @@
22
22
  {{/block}}
23
23
  <a id="skip-to-content"></a>
24
24
  <main {{#if fullWidth}}class="full-width-content"{{/if}}>
25
+ <div class="globalMessages">
26
+ <div class="container">
27
+ {{#block "notification"}}{{/block}}
28
+ </div>
29
+ </div>
25
30
  <div class="container">
26
31
  <div class="row">
27
32
  {{#block "steps"}}{{/block}}
28
- {{#block "notification"}}{{/block}}
29
33
  <div class="content">
30
34
  {{#block "main"}}{{/block}}
31
35
  </div>
@@ -62,6 +62,5 @@
62
62
  }}
63
63
  <script src="./js/pstrength.min.js"></script>
64
64
  <script src="./js/change-password.min.js"></script>
65
- <script src="./js/toggle-password-visibility.min.js"></script>
66
65
  {{/content}}
67
66
  {{/extend}}