PE Hub | Database

Sign in or Register
- Email
"; regErrorContainer.innerHTML = RegErrorMsg; return; } var passwordlessData = { identifiers: { email_address: email, }, delivery: { method: "email", destination: email, action: "login", redirect: window.location.href.replace( window.location.origin, "", ), }, }; var xhrPasswordless = new (XMLHttpRequest || ActiveXObject)( "MSXML2.XMLHTTP.3.0", ); xhrPasswordless.open("POST", "/blaize/token-exchange", true); xhrPasswordless.setRequestHeader( "Content-type", "application/json; charset=utf-8", ); xhrPasswordless.onreadystatechange = function () { if (xhrPasswordless.readyState === 4) { if (xhrPasswordless.status === 201) { form.style.display = "none"; var messageTemplate = document.getElementById( "success-message-email", ); var messageClone = document.importNode( messageTemplate.content, true, ); message.appendChild(messageClone); triggerLoginDoneEvent(email); } if ( xhrPasswordless.status >= 400 && xhrPasswordless.status <= 500 ) { console.log("User does not exist"); RegErrorMsg = "
- Email address not recognised
Issues with signing in? Click here
"; regErrorContainer.innerHTML = RegErrorMsg; } if (xhrPasswordless.status === 504) { console.log("timeout"); var RegErrorMsg = "Something went wrong! Please try again."; regErrorContainer.innerHTML = RegErrorMsg; } } }; xhrPasswordless.send(JSON.stringify(passwordlessData)); }); })();
Need help signing in?

Issues with signing in? Click here

Don't have an account? Register now

Your email address is already registered with us. Click here to receive a verification link and login.'; reg_email_validation_message .querySelector("#resend-login-link") .addEventListener("click", resendLoginLink); } }, ); }; const resendLoginLink = function (e) { const identifier = reg_email.value, payloadData = JSON.stringify({ identifiers: { email_address: identifier, }, delivery: { method: "email", destination: identifier, action: "login", redirect: window.location.href.replace( window.location.origin, "", ), }, }); blaizeRequest( "/blaize/token-exchange", payloadData, function (status, response) { if (status === 201) { if (response.message) { reg_email_validation_message.innerHTML = response.message; } } else if (status === 401) { reg_email_validation_message.innerHTML = "The email address you entered is incorrect."; } else if (status === 404) { reg_email_validation_message.innerHTML = "User not found."; } else if (status === 429) { reg_email_validation_message.innerHTML = "To gain login access, please contact your administrator."; } else { reg_email_validation_message.innerHTML = "Something went wrong! Please try again later."; } }, ); }; reg_email.addEventListener("input", removeIncorrectChars); reg_email.addEventListener("change", removeIncorrectChars); reg_email.addEventListener("change", checkEmailExists); login_email.addEventListener("input", removeIncorrectChars); login_email.addEventListener("change", removeIncorrectChars); } function handleUSstate() { const country = document.getElementById("country"), USstate = document.getElementById("USstate"), labelUSstate = document.querySelector('label[for="USstate"]'); country.addEventListener("change", function (e) { const val = e.target.value; if (val === US_COUNTRY_CODE) { labelUSstate.style.display = "block"; USstate.disabled = false; USstate.setAttribute("required", "required"); } else { labelUSstate.style.display = "none"; USstate.value = ""; USstate.disabled = true; USstate.removeAttribute("required"); } }); } function handleSuccessfulRegistration() { const addGAEvent = function () { window.dataLayer = window.dataLayer || []; dataLayer.push({ event: "visitor interaction", interaction_name: "registration", }); }; window.Blaize.registerFormPostProcessor( "registration-form", function (formData, response) { if ( response.message === BLAIZE_SUCCESS_RESPONSE && response.tracking_id ) { addGAEvent(); } else { console.log("Registration error: ", response.message); } }, ); } function handleForms() { const section = document.getElementById("zephr-registration-form"), formRegister = section.querySelector(".blaize-form-register"), formLogin = section.querySelector(".blaize-form-login"), registerError = formRegister.querySelector(".blaize-error"), registerSuccess = formRegister.querySelector(".blaize-success"), loginError = formLogin.querySelector(".blaize-error"), loginSuccess = formLogin.querySelector(".blaize-success"); const processMessage = function (message) { return message .replace(" ", " ") .replace(/<[^>]+>/gi, "") // strip tags .trim(); }; const addTrailingDot = function (message) { if (!/\.$/.test(message)) { message += "."; } return message; }; const getUserAttributes = function () { const attributes = {}, inputs = formRegister .querySelector(".blaize-user-attributes") .querySelectorAll("input[name], textarea[name], select[name]"); let input; for (let i = 0; i < inputs.length; i++) { input = inputs[i]; if (!input.name) { continue; } if ("checkbox" === input.type) { attributes[input.name] = input.checked; } else { attributes[input.name] = input.value; } } return attributes; }; const showRegisterSuccess = function (message) { if (message === false) { registerSuccess.style.display = "none"; return; } registerSuccess.innerHTML = message; registerSuccess.style.display = "block"; }; const showRegisterError = function (message) { if (message === false) { registerError.style.display = "none"; return; } registerError.innerHTML = message; registerError.style.display = "block"; }; const showRegisterLoader = function () { const button = formRegister.querySelector('button[type="submit"]'); button.querySelector(".button-text").style.display = "none"; button.querySelector(".button-loader").style.display = "block"; button.disabled = true; }; const hideRegisterLoader = function () { const button = formRegister.querySelector('button[type="submit"]'); button.querySelector(".button-text").style.display = "block"; button.querySelector(".button-loader").style.display = "none"; button.disabled = false; }; const hideRegisterFormPartsWhenDone = function () { formRegister.querySelector(".blaize-user-attributes").style.display = "none"; formRegister.querySelector(".blaize-validators").style.display = "none"; formRegister.querySelector(".blaize-to-login").style.display = "none"; }; const showLoginSuccess = function (message) { if (message === false) { loginSuccess.style.display = "none"; return; } loginSuccess.innerHTML = message; loginSuccess.style.display = "block"; }; const showLoginError = function (message) { if (message === false) { loginError.style.display = "none"; return; } loginError.innerHTML = message; loginError.style.display = "block"; }; const showLoginLoader = function () { const button = formLogin.querySelector('button[type="submit"]'); button.querySelector(".button-text").style.display = "none"; button.querySelector(".button-loader").style.display = "block"; button.disabled = true; }; const hideLoginFormPartsWhenDone = function () { formLogin.querySelector(".blaize-login-passwordless").style.display = "none"; formLogin.querySelector(".blaize-validators").style.display = "none"; formLogin.querySelector(".blaize-to-register").style.display = "none"; }; const triggerRegisterPreSubmitEvent = function (attributes) { const event = new CustomEvent("registration-form-pre-submit", { detail: attributes, }); document.body.dispatchEvent(event); }; const triggerRegisterDoneEvent = function (identifier) { const event = new CustomEvent("registration-form-done", { detail: identifier, }); document.body.dispatchEvent(event); }; const triggerLoginDoneEvent = function (identifier) { const event = new CustomEvent("login-form-done", { detail: identifier, }); document.body.dispatchEvent(event); }; const handleRegister = function (e) { e.preventDefault(); const identifier = formRegister.querySelector( 'input[name="email_address"]', ).value, attributes = getUserAttributes(); triggerRegisterPreSubmitEvent(attributes); const registerData = window.Blaize.preProcessFormData( formRegister.getAttribute("data-blaize-form"), { identifiers: { email_address: identifier, }, validators: {}, attributes: attributes, }, ); showRegisterSuccess(false); showRegisterError(false); // Handle error message from preprocessors if (typeof registerData === "string") { showRegisterError(registerData); return; } showRegisterLoader(); blaizeRequest( "/blaize/register", JSON.stringify(registerData), function (status, response) { window.Blaize.postProcessFormData( formRegister.getAttribute("data-blaize-form"), registerData, response, ); if (status === 200) { const registerMessage = response.message || "", passwordlessData = { identifiers: { email_address: identifier, }, delivery: { method: "email", destination: identifier, action: "register", redirect: window.location.href.replace( window.location.origin, "", ), }, }; blaizeRequest( "/blaize/token-exchange", JSON.stringify(passwordlessData), function (status, response) { if (status === 201) { if (response.message) { hideRegisterFormPartsWhenDone(); showRegisterSuccess( addTrailingDot(registerMessage) + "
" + processMessage(response.message), ); triggerRegisterDoneEvent(identifier); } } else { showRegisterError( "Something went wrong! Please try again later.", ); } }, ); } else if (status === 409) { showRegisterError( "Your email is already registered with us. To access this site simply sign in using the link below.", ); hideRegisterLoader(); } else if (status === 400 || status === 402) { showRegisterError(processMessage(response.message)); hideRegisterLoader(); } else { showRegisterError( "Something went wrong! Please try again later.", ); hideRegisterLoader(); } }, ); }; const handleLogin = function (e) { e.preventDefault(); const identifier = formLogin.querySelector( 'input[name="email_address"]', ).value, payloadData = JSON.stringify({ identifiers: { email_address: identifier, }, delivery: { method: "email", destination: identifier, action: "login", redirect: window.location.href.replace( window.location.origin, "", ), }, }); showLoginSuccess(false); showLoginError(false); showLoginLoader(); blaizeRequest( "/blaize/token-exchange", payloadData, function (status, response) { if (status === 200) { if (response.cookie) { document.cookie = response.cookie; window.location.reload(true); } } else if (status === 201) { if (response.message) { hideLoginFormPartsWhenDone(); showLoginSuccess(processMessage(response.message)); triggerLoginDoneEvent(identifier); } } else if (status === 401) { showLoginError("The email address you entered is incorrect."); } else if (status === 404) { showLoginError("User not found."); } else if (status === 429) { showLoginError( "To gain login access, please contact your administrator.", ); } else { showLoginError("Something went wrong! Please try again later."); } }, ); }; const switchForms = function () { section.querySelector(".blaize-to-login a").onclick = function (e) { e.preventDefault(); formRegister.style.display = "none"; formLogin.style.display = "block"; }; section.querySelector(".blaize-to-register a").onclick = function ( e, ) { e.preventDefault(); formLogin.style.display = "none"; formRegister.style.display = "block"; }; }; const handleFormsSubmit = function () { formRegister.addEventListener("submit", handleRegister); formLogin.addEventListener("submit", handleLogin); }; switchForms(); handleFormsSubmit(); } document.addEventListener("DOMContentLoaded", function () { createBlaizeObject(); setSourceRegistration(); handleForms(); handleEmail(); handleUSstate(); handleSuccessfulRegistration(); }); })();

Copyright PEI Media

Not for publication, email or dissemination