`;
document.body.insertAdjacentHTML('beforeend', html);
}
/* =========================
EVENTS
========================= */
function bindStaticEvents() {
var overlay = document.getElementById('npw-overlay');
var btn = document.getElementById('npw-btn');
var nameInput = document.getElementById('npw-name');
var phoneInput = document.getElementById('npw-phone');
var submit = document.getElementById('npw-submit');
NPW.state.buttonHTML = btn.innerHTML;
phoneInput.addEventListener('input', maskPhone);
btn.addEventListener('click', toggleModal);
overlay.addEventListener('click', function (e) {
if (e.target === overlay) closeModal();
});
submit.addEventListener('click', function () {
handleSubmit(nameInput, phoneInput);
});
}
/* =========================
MODAL
========================= */
function toggleModal() {
var overlay = document.getElementById('npw-overlay');
var btn = document.getElementById('npw-btn');
var open = overlay.style.display === 'flex';
overlay.style.display = open ? 'none' : 'flex';
btn.innerHTML = open ? NPW.state.buttonHTML : 'Fechar';
if (!open) document.getElementById('npw-name').focus();
}
function closeModal() {
document.getElementById('npw-overlay').style.display = 'none';
document.getElementById('npw-btn').innerHTML = NPW.state.buttonHTML;
NPW.state.pendingUrl = null;
document.getElementById('npw-name').value = '';
document.getElementById('npw-phone').value = '';
}
/* =========================
WHATS LINKS (SPA SAFE)
========================= */
function observeWhatsLinks() {
bindWhatsLinks();
new MutationObserver(bindWhatsLinks)
.observe(document.body, { childList: true, subtree: true });
}
function bindWhatsLinks() {
document.querySelectorAll(NPW.config.interceptSelector).forEach(function (link) {
if (link.__npwBound) return;
link.__npwBound = true;
link.addEventListener('click', function (e) {
e.preventDefault();
NPW.state.pendingUrl = link.href;
openModal();
});
});
}
function openModal() {
document.getElementById('npw-overlay').style.display = 'flex';
document.getElementById('npw-btn').innerHTML = 'Fechar';
document.getElementById('npw-name').focus();
}
/* =========================
FORM
========================= */
function getParam(key) {
const params = new URLSearchParams(window.location.search);
return params.get(key);
}
function maskPhone(e) {
var v = e.target.value.replace(/\D/g, '').slice(0, 11);
v = v.replace(/^(\d{2})(\d)/, '($1) $2');
v = v.replace(/(\d{5})(\d)/, '$1-$2');
e.target.value = v;
}
async function handleSubmit(nameInput, phoneInput) {
var name = nameInput.value.trim();
var phoneDigits = phoneInput.value.replace(/\D/g, '');
if (name.length < NPW.config.minNameLength) return alert('Informe seu nome.');
if (phoneDigits.length !== NPW.config.phoneDigits) return alert('Número inválido.');
await fetch(NPW.config.apiURL, {
method: 'POST',
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
body:
'number=' + encodeURIComponent(phoneDigits) +
'&name=' + encodeURIComponent(name) +
'&id=' + encodeURIComponent(NPW.config.clientId) +
'&gclid=' + encodeURIComponent(getParam('gclid')) +
'&utm_source=' + encodeURIComponent(getParam('utm_source')) +
'&utm_campaign=' + encodeURIComponent(getParam('utm_campaign')) +
'&utm_medium=' + encodeURIComponent(getParam('utm_medium'))
});
window.dataLayer = window.dataLayer || [];
dataLayer.push({
event: 'whatsapp_lead_submit',
user_phone: '+55' + phoneDigits,
user_name: name,
});
//window.open(NPW.state.pendingUrl || NPW.config.defaultWhatsLink, '_blank');
window.location.href = NPW.state.pendingUrl || NPW.config.defaultWhatsLink;
closeModal();
}
})();