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.
- package/Readme.md +3 -1
- package/build/css/components/checkout-payment-details-v2.css +1 -1
- package/build/js/account-members.min.js +1 -1
- package/build/js/add-project-list-id.min.js +1 -1
- package/build/js/address-book.min.js +1 -1
- package/build/js/basket.min.js +2 -2
- package/build/js/bundle.min.js +1 -1
- package/build/js/change-password.min.js +1 -1
- package/build/js/checkout.min.js +2 -2
- package/build/js/emulation.min.js +35 -273
- package/build/js/general.bundle.min.js +1 -1
- package/build/js/merged-checkout.min.js +2 -2
- package/build/js/page/components/order-summary.js +25 -42
- package/build/js/page/utils/validation.js +1 -46
- package/build/js/pdp.bundle.min.js +1 -1
- package/build/js/personal-details.min.js +1 -1
- package/build/js/plp.bundle.min.js +1 -1
- package/build/js/project-list.min.js +1 -44
- package/build/js/quiz.min.js +1 -1
- package/build/js/track-my-order.min.js +1 -1
- package/package.json +2 -2
- package/src/components/checkout-payment-details-v2.hbs +17 -5
- package/src/components/checkout-payment-repayment-terms.hbs +25 -0
- package/src/elements/form-row.hbs +1 -1
- package/src/elements/input.hbs +2 -31
- package/src/js/components/general/notification.js +1 -2
- package/src/js/components/toggle-password-visibility.js +58 -0
- package/src/js/emulation/checkout-payment-details.js +14 -23
- package/src/js/emulation/forms.js +21 -8
- package/src/js/page/components/order-summary.js +25 -42
- package/src/js/page/utils/validation.js +1 -46
- package/src/layouts/checkout.hbs +5 -1
- package/src/page_my-account_change-password.html +0 -1
- package/src/page_payment-details-with-gift-card.html +5 -8
- package/src/scss/components/checkout-payment-details-v2.scss +1 -2
- package/src/scss/components/checkout-payment-repayment-terms.scss +103 -0
- package/src/scss/pages/page_checkout_delivery-new.scss +0 -26
- package/build/css/components/energy-efficiency.css +0 -1
- package/build/css/components/global-search.css +0 -1
- package/build/css/components/kitchen/strip-stickers.css +0 -1
- package/build/css/components/legal-info.css +0 -1
- package/build/css/components/loader.css +0 -1
- package/build/css/components/long-banner.css +0 -1
- package/build/css/components/payment-details-BPS-form.css +0 -1
- package/build/css/components/pdf-loader.css +0 -1
- package/build/css/components/pdp-favourite-product.css +0 -1
- package/build/css/components/plp-favourite-product.css +0 -1
- package/build/css/components/price-block-v2-critical.css +0 -1
- package/build/css/components/price-block-v2.css +0 -1
- package/build/css/components/special-opening-schedule-v2.css +0 -1
- package/build/css/components/special-opening-schedule.css +0 -1
- package/build/css/components/store-locator-about.css +0 -1
- package/build/css/components/store-locator-facilities.css +0 -1
- package/build/css/components/store-locator-lookup.css +0 -1
- package/build/css/components/store-locator-v2-details.css +0 -1
- package/build/css/components/strip-stickers.css +0 -1
- package/build/css/components/tile-calculator.css +0 -1
- package/build/css/components/trade-pro-extras.css +0 -1
- package/build/css/pages/bicester-header.css +0 -1
- package/build/css/pages/bicester-project-list.css +0 -1
- package/build/css/pages/checkout-new.css +0 -1
- package/build/css/pages/checkout.css +0 -1
- package/build/css/pages/design-appointment.css +0 -1
- package/build/css/pages/home-movers.css +0 -1
- package/build/css/pages/iframe-paypage.css +0 -1
- package/build/css/pages/my-account-v2.css +0 -1
- package/build/css/pages/my-account.css +0 -1
- package/build/css/pages/new-usp-bar.css +0 -1
- package/build/css/pages/oldweb_header.css +0 -1
- package/build/css/pages/page_account-deletion.css +0 -1
- package/build/css/pages/page_act-trade-pro.css +0 -1
- package/build/css/pages/page_address-book.css +0 -1
- package/build/css/pages/page_bathroom-trends.css +0 -1
- package/build/css/pages/page_book-consultant-thank-you-new.css +0 -1
- package/build/css/pages/page_change-password.css +0 -1
- package/build/css/pages/page_checkout-payment-details.css +0 -1
- package/build/css/pages/page_checkout_delivery-new.css +0 -1
- package/build/css/pages/page_cms_homepage.css +0 -1
- package/build/css/pages/page_contact-us.css +0 -1
- package/build/css/pages/page_content.css +0 -1
- package/build/css/pages/page_coshh.css +0 -1
- package/build/css/pages/page_default-store.css +0 -1
- package/build/css/pages/page_discount.css +0 -1
- package/build/css/pages/page_empty-basket.css +0 -1
- package/build/css/pages/page_favourite-list.css +0 -1
- package/build/css/pages/page_fdl-management.css +0 -1
- package/build/css/pages/page_fdl-product.css +0 -1
- package/build/css/pages/page_fi.css +0 -1
- package/build/css/pages/page_forgotten-password.css +0 -1
- package/build/css/pages/page_half-login.css +0 -1
- package/build/css/pages/page_home.css +0 -1
- package/build/css/pages/page_hotspot-guttering.css +0 -1
- package/build/css/pages/page_in-store-checkout.css +0 -1
- package/build/css/pages/page_in-store_MVP_order-summary-submitted.css +0 -1
- package/build/css/pages/page_in-store_MVP_order-summary.css +0 -1
- package/build/css/pages/page_installation.css +0 -1
- package/build/css/pages/page_installer.css +0 -1
- package/build/css/pages/page_installer_form.css +0 -1
- package/build/css/pages/page_kitchen-claims.css +0 -1
- package/build/css/pages/page_kitchen-list.css +0 -1
- package/build/css/pages/page_login.css +0 -1
- package/build/css/pages/page_marketing-preferences.css +0 -1
- package/build/css/pages/page_merged-basket.css +0 -1
- package/build/css/pages/page_my-account_tradePro.css +0 -1
- package/build/css/pages/page_my-order.css +0 -1
- package/build/css/pages/page_my-orders.css +0 -1
- package/build/css/pages/page_new-checkout-forgot.css +0 -1
- package/build/css/pages/page_new-checkout_login-register.css +0 -1
- package/build/css/pages/page_no-results.css +0 -1
- package/build/css/pages/page_online-exclusive.css +0 -1
- package/build/css/pages/page_paint-mixing-error.css +0 -1
- package/build/css/pages/page_personal-details.css +0 -1
- package/build/css/pages/page_pre_home.css +0 -1
- package/build/css/pages/page_pre_home_thank-you.css +0 -1
- package/build/css/pages/page_product-details-critical.css +0 -1
- package/build/css/pages/page_product-details-v2-critical.css +0 -1
- package/build/css/pages/page_product-details-v2.css +0 -1
- package/build/css/pages/page_product-details.css +0 -1
- package/build/css/pages/page_product_search.css +0 -1
- package/build/css/pages/page_products-list-combined.css +0 -1
- package/build/css/pages/page_products-list-phone.css +0 -1
- package/build/css/pages/page_products-list.css +0 -1
- package/build/css/pages/page_products-list_v2.css +0 -1
- package/build/css/pages/page_projects.css +0 -1
- package/build/css/pages/page_quiz.css +0 -1
- package/build/css/pages/page_rate-review.css +0 -1
- package/build/css/pages/page_registration.css +0 -1
- package/build/css/pages/page_shopping-cart-v2.css +0 -1
- package/build/css/pages/page_shopping-cart.css +0 -1
- package/build/css/pages/page_split-orders.css +0 -1
- package/build/css/pages/page_store-locator-details.css +0 -1
- package/build/css/pages/page_store-locator.css +0 -1
- package/build/css/pages/page_thankyou.css +0 -1
- package/build/css/pages/page_ti.css +0 -1
- package/build/css/pages/page_tiling-calculator-generic.css +0 -1
- package/build/css/pages/page_top-rated.css +0 -1
- package/build/css/pages/page_track-my-order.css +0 -1
- package/build/css/pages/page_track_your_order.css +0 -1
- package/build/css/pages/page_trade_installer.css +0 -1
- package/build/css/pages/page_upd-pass.css +0 -1
- package/build/css/pages/page_wismo-details.css +0 -1
- package/build/css/pages/page_wismo-order-history.css +0 -1
- package/build/css/pages/page_wismo-orders.css +0 -1
- package/build/css/pages/print_quiz.css +0 -1
- package/build/css/pages/sticky_header.css +0 -1
- package/build/css/pages/tradePro-about.css +0 -1
- package/build/css/pages/tradePro-address-book.css +0 -1
- package/build/css/pages/tradePro-delivery-details.css +0 -1
- package/build/css/pages/tradePro-discount.css +0 -1
- package/build/css/pages/tradePro-order-history.css +0 -1
- package/build/css/pages/tradePro-payment-details.css +0 -1
- package/build/css/pages/tradePro-rewards-old.css +0 -1
- package/build/css/pages/tradePro-rewards.css +0 -1
- package/build/css/pages/tradePro-signup.css +0 -1
- package/build/css/pages/tradePro-thankyou-activate.css +0 -1
- package/build/img/giftcard.svg +0 -28
- package/build/js/gift-cards.min.js +0 -1
- package/build/js/page/components/gift-cards.js +0 -887
- package/build/js/page/components/toggle-password-visibility.js +0 -22
- package/build/js/page/utils/gift-cards-utils.js +0 -151
- package/build/js/page/utils/input-handling.js +0 -92
- package/build/js/page/utils/show-hide-input.js +0 -28
- package/build/js/toggle-password-visibility.min.js +0 -1
- package/src/components/gift-cards-hint.hbs +0 -9
- package/src/components/gift-cards.hbs +0 -90
- package/src/components/giftcard-chip.hbs +0 -23
- package/src/components/giftcard-summary.hbs +0 -6
- package/src/img/giftcard.svg +0 -28
- package/src/js/emulation/checkout-data.js +0 -35
- package/src/js/emulation/gift-cards.js +0 -205
- package/src/js/page/components/gift-cards.js +0 -887
- package/src/js/page/components/toggle-password-visibility.js +0 -22
- package/src/js/page/utils/gift-cards-utils.js +0 -151
- package/src/js/page/utils/input-handling.js +0 -92
- package/src/js/page/utils/show-hide-input.js +0 -28
- package/src/scss/components/_gift-cards.scss +0 -361
package/build/js/quiz.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function n(r,o,a){function l(t,e){if(!o[t]){if(!r[t]){var i="function"==typeof require&&require;if(!e&&i)return i(t,!0);if(u)return u(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}i=o[t]={exports:{}},r[t][0].call(i.exports,function(e){return l(r[t][1][e]||e)},i,i.exports,n,r,o,a)}return o[t].exports}for(var u="function"==typeof require&&require,e=0;e<a.length;e++)l(a[e]);return l}({1:[function(e,t,i){"use strict";var r=e("./utils/create-event"),n=e("./utils/validation"),o=e("./utils/helpers");function a(e){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function l(t,e){var i,n=Object.keys(t);return Object.getOwnPropertySymbols&&(i=Object.getOwnPropertySymbols(t),e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,i)),n}function u(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?l(Object(r),!0).forEach(function(e){var t,i;t=n,i=r[e=e],(e=function(e){e=function(e,t){if("object"!==a(e)||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!==a(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}(e,"string");return"symbol"===a(e)?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))})}return n}var d=window.Wick||{};d.Quiz={STYLE_QUIZ_EMAIL:"styleQuizEmail",el:{quizContainer:".main-quiz",quizActions:".quiz-actions",body:"body",html:"html",input:'input[type="text"]',modal:".quiz-modal",modalEmail:"#quiz-modal",modalEmailFinal:"#quiz-modal-final",btnQuizEmail:"#email-results-quiz",cancelBtn:".quiz-modal__controls .btn-cancel",submitBtn:'.quiz-modal__controls [type="submit"]',quizForm:".quiz-modal__form",btnPrintResultQuiz:"#print-results-quiz",emailInput:"#email",firstNameInput:"#firstName",surnameInput:"#surname",formInvalidClass:"form_invalid"},errorMessages:{errorFirstName:"Please enter a first name",errorSurname:"Please enter a surname",errorEmail:"Please enter a valid email address"},getFieldsConfigurations:function(){return[{input:d.Quiz.el.firstNameInput,validator:n.isValidInputTextField,error:d.Quiz.errorMessages.errorFirstName},{input:d.Quiz.el.surnameInput,validator:n.isValidInputTextField,error:d.Quiz.errorMessages.errorSurname},{input:d.Quiz.el.emailInput,validator:n.isValidEmail,error:d.Quiz.errorMessages.errorEmail}]},showModal:function(e){$(e).modal("show")},closeModal:function(e,t){t&&t.preventDefault(),$(e).modal("hide")},validateInput:function(e,t,i){t=t($(e).val());return(0,n.updateStylingError)(e,t,i),t},validateForm:function(){var e=d.Quiz.getFieldsConfigurations(),t=!0;return e.forEach(function(e){e=d.Quiz.validateInput(e.input,e.validator,e.error);t=t&&e}),t},clearAllForm:function(){$(d.Quiz.el.modalEmail+" ".concat(d.Quiz.el.input)).val("")},disableButton:function(e){$(e).attr("disabled",!0)},enableButton:function(e){$(e).removeAttr("disabled")},requestToEmailResult:function(){var n={email:$(d.Quiz.el.emailInput).val(),firstName:$(d.Quiz.el.firstNameInput).val(),lastName:$(d.Quiz.el.surnameInput).val()};return d.Quiz.disableButton(d.Quiz.el.submitBtn),new Promise(function(e,t){var i=u({},n),i=(0,r.createEvent)(d.Quiz.STYLE_QUIZ_EMAIL,i,{resolve:e,reject:t});window.dispatchEvent(i)}).then(function(){d.Quiz.closeModal(d.Quiz.el.modalEmail)}).catch(function(e){console.error(e)}).finally(function(){d.Quiz.clearAllForm(),d.Quiz.showModal(d.Quiz.el.modalEmailFinal),d.Quiz.enableButton(d.Quiz.el.submitBtn)})},submitForm:function(e){e.preventDefault(),d.Quiz.validateForm()?d.Quiz.requestToEmailResult():$(d.Quiz.el.quizForm).addClass(d.Quiz.el.formInvalidClass)},loadScript:function(e,t){var i=document.createElement("script");i.src=e,i.onload=t,i.onerror=function(){return console.error("Failed to load script:",e)},document.head.appendChild(i)},handleSaveAsPDF:function(){"undefined"==typeof html2pdf?d.Quiz.loadScript("https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.2/html2pdf.bundle.min.js",function(){d.Quiz.generatePDF()}):d.Quiz.generatePDF()},convertSvgToCanvas:function(t){return new Promise(function(r,o){var e=document.querySelectorAll(t+' img[src*=".svg"]'),a=e.length;0===a&&r(),e.forEach(function(e){var t=document.createElement("canvas"),i=t.getContext("2d"),n=new Image;n.crossOrigin="Anonymous",n.onload=function(){t.width=2*n.width,t.height=2*n.height,i.drawImage(n,0,0,t.width,t.height);try{e.src=t.toDataURL("image/png"),--a}catch(e){return void o(e)}0===a&&r()},n.onerror=function(){o(new Error("Failed to load image"))},n.src=e.src})})},generatePDF:function(){var e=document.body.querySelector(d.Quiz.el.quizContainer);d.Quiz.convertSvgToCanvas(d.Quiz.el.quizContainer).then(function(){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-
|
|
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-
|
|
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
|
|
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
|
|
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}}
|
|
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}}
|
package/src/elements/input.hbs
CHANGED
|
@@ -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' ?
|
|
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
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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.
|
|
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
|
-
|
|
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
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
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
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
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
|
-
|
|
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
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
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
|
-
}
|
package/src/layouts/checkout.hbs
CHANGED
|
@@ -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>
|