const emailInput = document.querySelector('.pn-inline__input');
const emailRegExp = /^(([^<>()\[\]\\.,;:\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,}))$/;
const errorMessage = document.querySelector('.pn-inline__error-message');
let templateScope;
document.querySelector('.pn-inline__button').addEventListener('click', () => {
if (emailRegExp.test(emailInput.value)) {
templateScope = angular.element('.pn-newsletter-inline').scope();
window.parent.postMessage({pianoUserEmail: emailInput.value}, '*');
emailInput.classList.remove('pn-inline__input--invalid');
errorMessage.innerText = '';
document.querySelector('.pn-inline__success-message').style.display = 'block';
document.querySelector('.pn-inline__form').style.display = 'none';
} else if (emailInput.value === '') {
emailInput.classList.add('pn-inline__input--invalid');
errorMessage.innerText = 'Please enter your email';
} else {
emailInput.classList.add('pn-inline__input--invalid');
errorMessage.innerText = 'Please enter a valid email';
}
});
emailInput.addEventListener('input', () => {
if (emailRegExp.test(emailInput.value)) {
emailInput.classList.remove('pn-inline__input--invalid');
errorMessage.innerText = '';
}
});