Register Log in ',p=c(),m=d("div"),N(h.$$.fragment),v=c(),N(b.$$.fragment),x=c(),$=d("div"),w&&w.c(),g(u,"class","modal-close-button"),g(m,"class","login-formToggle_toggle"),g($,"class","login-form_inner"),g(a,"class","login-form_outer_wrapper"),g(i,"class","modal-content"),g(t,"class","modal-overlay"),g(e,"class","modalPortal"),g(e,"id","modal-portal")},m(o,l){r(o,e,l),s(e,t),s(t,i),s(i,a),s(a,u),s(a,p),s(a,m),B(h,m,null),s(m,v),B(b,m,null),s(a,x),s(a,$),~_&&k[_].m($,null),y=!0,E||(S=f(u,"click",n[5]),E=!0)},p(n,[e]){const t={};1&e&&(t.buttonsTopState=n[0]),h.$set(t);const i={};1&e&&(i.buttonsTopState=n[0]),b.$set(i);let a=_;_=O(n),_===a?~_&&k[_].p(n,e):(w&&(C={r:0,c:[],p:C},q(k[a],1,1,(()=>{k[a]=null})),C.r||o(C.c),C=C.p),~_?(w=k[_],w?w.p(n,e):(w=k[_]=T[_](n),w.c()),z(w,1),w.m($,null)):w=null)},i(n){y||(z(h.$$.fragment,n),z(b.$$.fragment,n),z(w),y=!0)},o(n){q(h.$$.fragment,n),q(b.$$.fragment,n),q(w),y=!1},d(n){n&&l(e),I(h),I(b),~_&&k[_].d(),E=!1,S()}}}function ne(n,e,t){const o={REGISTER:"register",LOGIN:"login",FORGOTPASSWORD:"forgotpassword",EXISTSACCOUNT:"existsaccount",COMPLETEFORGOTPASSWORD:"completeforgotpassword",COMPLETEREGISTRATION:"completeregistration"};let i=o.REGISTER,a=o.REGISTER,s=!1,r={email_address:{value:"",valid:!1,hasBeenEdited:!1,requestError:!1,requestErrorMessage:""},password:{value:"",valid:!1,hasBeenEdited:!1},sendSpetialOffer:!1,globalRequestError:!1};const l=(n,e)=>{n&&n.preventDefault(),t(2,s=!!e)},d=()=>{t(3,r={email_address:{value:"",valid:!1,hasBeenEdited:!1,requestError:!1,requestErrorMessage:""},password:{value:"",valid:!1,hasBeenEdited:!1},sendSpetialOffer:!1,globalRequestError:!1})},u=(n,e,s)=>{n&&n.preventDefault(),t(1,a=e),"login"===e?(t(0,i=o.LOGIN),window.dataLayer.push({event:"account",action:"login_started"})):"register"===e&&(t(0,i=o.REGISTER),window.dataLayer.push({event:"account",action:"registration_started"})),l(null,!1),s||d()};return x((()=>{new MutationObserver((function(n,e){for(var t of n)l(null,!1),d(),window.modalState&&("login"===window.modalState.state?u(null,o.LOGIN):"register"===window.modalState.state&&u(null,o.REGISTER))})).observe(document.getElementById("modal-portal"),{attributes:!0})})),[i,a,s,r,o,n=>{n.preventDefault(),document.getElementById("modal-portal").style.display="none"},n=>String(n).toLowerCase().match(/^(([^()[\]\\.,;:\s@"]+(\.[^()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/),n=>n&&n.length>=8,l,(n,e)=>{n&&n.preventDefault(),t(3,r.sendSpetialOffer=!!e,r)},u,()=>{var n=function(n,e,t,o){var i=new(XMLHttpRequest||ActiveXObject)("MSXML2.XMLHTTP.3.0");return i.open("POST",n,!0),i.setRequestHeader("Content-type","application/json"),i.setRequestHeader("Accept","application/json"),i.onreadystatechange=function(){if(4===i.readyState){var n;try{n=JSON.parse(i.response)}catch(e){n=i.response}return o(i.status,n)}},t?i.send(t):i.send()};if("register"===a&&(r.email_address.valid||t(3,r.email_address.hasBeenEdited=!0,r),r.password.valid||t(3,r.password.hasBeenEdited=!0,r),r.email_address.valid&&r.password.valid)){let e;location&&(e=location.host.includes(".au")?"TSA":"TSE");const i={identifiers:{email_address:r.email_address.value},validators:{password:r.password.value},attributes:{"opt-out-aus":!!r.sendSpetialOffer,publication:e}};n("/blaize/register",0,JSON.stringify(i),(function(n,e){200===n?(window.dataLayer.push({event:"account",action:"registration_success"}),u(null,o.COMPLETEREGISTRATION),setTimeout((()=>{location.reload(!0)}),3e3)):409===n?(u(null,o.EXISTSACCOUNT,!0),window.dataLayer.push({event:"account",action:"registration_failed"}),t(3,r.email_address.requestErrorMessage="Looks like you already have an account with this email. You can sing in with it by clicking on the Sign In tab above.",r)):(window.dataLayer.push({event:"account",action:"registration_failed"}),t(3,r.globalRequestError="Something went wrong.",r))}))}if("login"===a&&(r.email_address.valid||t(3,r.email_address.hasBeenEdited=!0,r),r.password.valid||t(3,r.password.hasBeenEdited=!0,r),r.email_address.valid&&r.password.valid)){const e={identifiers:{email_address:r.email_address.value},validators:{password:r.password.value}};n("/blaize/login",0,JSON.stringify(e),(function(n,e){200===n?e.cookie&&(document.cookie=e.cookie,window.dataLayer.push({event:"account",action:"login_success"}),location.reload(!0)):404===n||401===n?(window.dataLayer.push({event:"account",action:"login_failed"}),t(3,r.globalRequestError="The combination of email and password is not recognised, please try again or reset your password.",r)):(window.dataLayer.push({event:"account",action:"login_failed"}),t(3,r.globalRequestError="Something went wrong.",r))}))}if("forgotpassword"===a&&r.email_address.valid){const e={identifiers:{email_address:r.email_address.value}};n("/blaize/users/reset",0,JSON.stringify(e),(function(n,e){t(3,r.globalRequestError=!1,r),u(null,o.COMPLETEFORGOTPASSWORD)}))}},function(n){r=n,t(3,r)},function(n){r=n,t(3,r)},function(n){r=n,t(3,r)},function(n){r=n,t(3,r)}]}class ee extends A{constructor(n){super(),G(this,n,ne,Qn,a,{})}}function te(e){let t,o,i,a,u;return o=new ee({}),{c(){t=d("main"),N(o.$$.fragment),i=c(),a=d("style"),a.textContent='.modalPortal h1 {\n margin: 0;\n padding: 0;\n line-height: 1;\n font-weight: inherit;\n }\n .modalPortal h2 {\n margin: 0;\n padding: 0;\n line-height: 1;\n font-weight: inherit;\n }\n .modalPortal h3 {\n margin: 0;\n padding: 0;\n line-height: 1;\n font-weight: inherit;\n }\n .modalPortal h4 {\n margin: 0;\n padding: 0;\n line-height: 1;\n font-weight: inherit;\n }\n .modalPortal h5 {\n margin: 0;\n padding: 0;\n line-height: 1;\n font-weight: inherit;\n }\n .modalPortal h6 {\n margin: 0;\n padding: 0;\n line-height: 1;\n font-weight: inherit;\n }\n\n .modalPortal p {\n /* margin: 0;\n padding: 0; */\n line-height: 1;\n font-weight: inherit;\n }\n \n .login-form_href-link {\n cursor: pointer !important;\n color: rgb(0, 100, 200) !important;\n text-decoration: underline !important;\n }\n /*MODAL*/\n #modal-portal {\n display: none;\n }\n\n .modal-overlay {\n position: fixed;\n inset: 0px;\n background-color: rgba(18, 18, 20, 0.5);\n z-index: 300050;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n top: 0;\n }\n\n .modal-close-button {\n position: absolute;\n top: -17px;\n right: -17px;\n width: 40px;\n height: 40px;\n color: #eb0e20;\n -webkit-border-radius: 25px;\n -moz-border-radius: 25px;\n border-radius: 25px;\n background: #ffffff;\n text-align: center;\n cursor: pointer;\n }\n\n .modal-close-button:focus {\n outline: 0;\n }\n\n .modal-close-button-symbol {\n font-size: 19px;\n font-weight: 600;\n color: black;\n padding-top: 9px;\n }\n\n .modal-content {\n inset: 40px;\n border: none;\n background: white;\n border-radius: 4px;\n outline: none;\n padding: 0px;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0px 48px;\n }\n\n .text-center {\n text-align: center;\n width: 100%;\n }\n /*LOGIN FORM*/\n .login-form_outer_wrapper {\n display: flex;\n flex-direction: column;\n width: 544px;\n position: relative;\n }\n\n .login-formToggle_toggle {\n display: flex;\n width: 100%;\n }\n\n /*Top Buttons*/\n .login-formToggle_button_container {\n width: 100%;\n font-weight: 600;\n text-transform: uppercase;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0;\n cursor: pointer;\n }\n\n .login-formToggle_button_active {\n color: #262222;\n padding-top: 16px;\n padding-bottom: 12px;\n background-color: #fff;\n border: none;\n border-top: 4px solid #d30d1d !important;\n }\n .login-formToggle_button_active:focus {\n outline: 0;\n }\n\n .login-formToggle_button_no-active {\n color: rgba(38, 34, 34, 0.6);\n padding-top: 20px;\n padding-bottom: 11px;\n background-color: #faf9f7;\n border: 1px solid rgba(38, 34, 34, 0.1);\n border-top: none;\n border-left: none;\n }\n\n .login-formToggle_button_no-active:focus {\n outline: 0;\n }\n\n .login-form_inner {\n margin: 32px;\n }\n\n .login-form_form-container {\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n align-items: flex-start;\n width: 100%;\n }\n\n .login-form_input-container {\n width: 100%;\n }\n\n .login-form_input-container:nth-of-type(2) {\n margin-top: 10px;\n }\n\n .login_form_input-label {\n font-weight: 400;\n font-size: 13px;\n line-height: 16px;\n letter-spacing: 0;\n color: rgba(38, 34, 34, 0.8);\n }\n\n .login_form_input-label-error {\n color: #d30d1d;\n }\n\n .login-form_error {\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n letter-spacing: 0;\n color: #d30d1d;\n margin-bottom: 5px;\n }\n\n .login-form_input-field-icon-container {\n position: relative;\n display: flex;\n justify-content: end;\n align-items: center;\n }\n\n .login-form_input-field_error {\n border: 1.5px solid #d30d1d !important;\n }\n\n .login-form_input-field-icon-container {\n position: relative;\n display: flex;\n justify-content: end;\n align-items: center;\n }\n\n .login-form_input-field {\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n letter-spacing: 0;\n padding: 12px 16px;\n margin: 4px 0;\n width: 100%;\n border: 1.5px solid rgba(38, 34, 34, 0.2);\n box-sizing: border-box;\n border-radius: 4px;\n outline: none;\n background: #fff;\n }\n\n .login-form_input-field:focus {\n border: 2px solid !important;\n border-color: black !important;\n }\n\n .login_form_input-eye-icon {\n cursor: pointer;\n width: 30px;\n height: 30px;\n position: absolute;\n right: 10px;\n }\n\n .login-form_input-eye-open {\n background: url("https://www.spectator.co.uk/_next/static/media/eye-open.2b673ace.png");\n background-size: 16px 16px;\n background-repeat: no-repeat;\n background-position: 50%;\n }\n\n .login-form_input-eye-close {\n background: url("https://www.spectator.co.uk/_next/static/media/eye-close.b497bc47.png");\n background-size: 16px 16px;\n background-repeat: no-repeat;\n background-position: 50%;\n }\n\n .login-form_submit-button {\n margin-top: 20px;\n padding: 5px 10px;\n }\n\n .login-form_submit-button:focus {\n outline: 0;\n }\n\n .login_form-button-submit-container {\n cursor: pointer;\n margin-top: 20px;\n padding: 14px 10px;\n background: #d30d1d;\n color: #fff;\n min-height: 22px;\n border-radius: 18px;\n font-size: 14px;\n font-weight: 600;\n line-height: 16px;\n font-style: normal;\n border: none;\n display: flex;\n text-align: center;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n width: 100%;\n text-transform: uppercase;\n }\n\n .login_form-button-submit-container:hover {\n background-color: #eb0e20;\n }\n .login_form-button-submit-container:focus {\n outline: 0;\n }\n\n .login-form_link-container {\n display: flex;\n font-size: 16px;\n line-height: 24px;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: 5px;\n }\n\n .login-form_red-link {\n font-weight: 400;\n letter-spacing: 0;\n color: #d30d1d;\n -webkit-text-decoration-line: underline;\n text-decoration-line: underline;\n cursor: pointer;\n }\n\n .login-form_info-text {\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n letter-spacing: 0;\n color: rgba(38, 34, 34, 0.8);\n margin-top: 10px;\n margin-bottom: 10px;\n grid-gap: 5px;\n gap: 5px;\n font-weight: 400;\n }\n\n .login-form-text-header {\n font-weight: 400;\n font-size: 28px;\n line-height: 26px;\n letter-spacing: 0px;\n width: 100%;\n margin-top: 10px;\n margin-bottom: 10px !important;\n text-align: center;\n }\n\n /*CHECKBOX*/\n .login_form-checkbox-container {\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n letter-spacing: 0;\n color: rgba(38, 34, 34, 0.8);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5px 0;\n grid-gap: 5px;\n gap: 5px;\n }\n\n .checkbox {\n width: 16px;\n height: 16px;\n border-radius: 4px;\n }\n\n .checkbox_not-checked {\n width: 16px;\n height: 16px;\n border: 1px solid rgba(38, 34, 34, 0.8);\n }\n\n .checkbox-checked {\n background: url("https://www.spectator.co.uk/_next/static/media/tick.6d2dfb2b.png")\n #407da0;\n background-repeat: no-repeat;\n background-position: 50%;\n background-size: 10px 8px;\n }\n\n /*MOBILE*/\n @media only screen and (max-width: 768px) {\n .login-formToggle_button_container {\n text-transform: uppercase;\n font-size: 14px;\n line-height: 16px;\n }\n .login-form_error {\n font-size: 17px;\n }\n .login-form-text-header {\n font-size: 24px;\n line-height: 24px;\n }\n .login-form_info-text {\n font-size: 17px;\n line-height: 24px;\n }\n .login-form_link-container {\n font-size: 17px;\n }\n .login_form-checkbox-container {\n font-size: 17px;\n line-height: 24px;\n }\n .login-form_outer_wrapper {\n display: flex;\n width: 554px;\n /* width:80%; */\n flex-direction: column;\n position: relative;\n }\n }\n\n @media only screen and (max-width: 544px) {\n .login-form_outer_wrapper {\n display: flex;\n flex-direction: column;\n width: 450px;\n position: relative;\n }\n }\n\n @media only screen and (max-width: 480px) {\n .login-formToggle_button_container {\n text-transform: uppercase;\n font-size: 13px;\n line-height: 16px;\n }\n .login-form_error {\n font-size: 16px;\n }\n .login-form_info-text {\n font-size: 16px;\n line-height: 20px;\n }\n .login-form_link-container {\n font-size: 13px;\n }\n .login-form-text-header {\n font-size: 23px;\n line-height: 24px;\n }\n .login_form-checkbox-container {\n font-size: 13px;\n line-height: 26px;\n }\n .login-form_outer_wrapper {\n display: flex;\n flex-direction: column;\n width: 272px;\n position: relative;\n }\n .login-form_inner {\n margin: 16px;\n }\n .login-form_info-text {\n margin-top: 5px;\n margin-bottom: 5px;\n }\n .login_form-button-submit-container {\n margin-top: 10px;\n }\n .register_btn {\n width: 70%;\n }\n .login_btn {\n width: 30%;\n }\n }'},m(n,e){r(n,t,e),B(o,t,null),s(t,i),s(t,a),u=!0},p:n,i(n){u||(z(o.$$.fragment,n),u=!0)},o(n){q(o.$$.fragment,n),u=!1},d(n){n&&l(t),I(o)}}}return new class extends A{constructor(n){super(),G(this,n,null,te,a,{})}}({target:document.body,props:{}})}(); //# sourceMappingURL=bundle.js.map