Página para conformidade com o GDPR

`; var gdprSendRequest = função(retorno de chamada) { buscar('https://www.cloudflare.com/cdn-cgi/trace', { método: 'GET' , cabeçalhos: { 'Tipo de conteúdo': 'texto/simples', }, }) .then(resp => resp.text()) .então(resp => { se (!resp.error) { deixe ipInfo = resp; deixe formData = new FormData(); formData.append('comprar', Shopify.shop); formData.append('e-mail', e-mail); formData.append('tipo', tipo); formData.append('fonteDeSolicitação', 1); formData.append('endereço IP', ipInfo); formData.append('consentGiven', consentimentoDado); formData.append('página', 'gdpr'); formData.append('longo', Shopify.locale ? Shopify.locale : ''); formData.append('gtranslateLang', isenseGDPR.Cookies.get('googtrans') ? isenseGDPR.Cookies.get('googtrans') : ''); buscar('https://gdpr.apps.isenselabs.com/gdprRequests/submitRequest', { método: 'POST', corpo: formData }) .then(resp => resp.json()) .então(resp => { se (!resp.error) { gdprSlideUpAll(); se (resp.message.length) { alerta(resp.message); } else { alert('Sua solicitação foi enviada com sucesso. Verifique seu e-mail para obter mais informações.'); } } else { alert(resp.message); } se (tipo de retorno de chamada == 'função') { retorno de chamada(resp); } }) .catch(erro => { alerta(error.message); }) } senão { alerta(resp.message); } }) } //Adicione modal ao corpo, porque caso contrário ele não ficará centralizado (mesmo que a posição seja fixa) document.querySelector("corpo").insertAdjacentHTML( 'beforeend', verificationModalContent); document.addEventListener("DOMContentLoaded", function() { // Quando o usuário clica em (x), feche o modal document.querySelector('.data-verification-close').addEventListener('clique', função(e) { e.preventDefault(); closeVerificationModal(); }); document.querySelector('#ícone-de-verificação-de-dados, #contêiner-de-verificação-de-dados p').addEventListener('clique', função(e) { e.preventDefault(); // Detecta o clique de um href, porque ele é sobrescrito. if(e.target.tagName === "Um") { window.open(e.target.href, '_blank'); retornar; } document.querySelector('#ícone-de-verificação-de-dados').classList.add("clicado"); setTimeout(()=>{ toggleFadeiSense(document.querySelector("#data-verification-modal"), falso); document.querySelector('#data-verification-background .loading').style.display = 'bloco embutido'; consentGiven = true; gdprSendRequest(function(resp) { consentGiven = false; closeVerificationModal(); }); }, 400); }); }); function openVerificationModal(){ toggleFadeiSense(document.querySelector("#data-verification-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), verdadeiro); document.querySelector('#data-verification-container input').focus(); } função closeVerificationModal(){ toggleFadeiSense(document.querySelector("#data-verification-background"), falso); document.querySelector('#ícone-de-verificação-de-dados').classList.remove("clicado"); document.querySelector('#data-verification-background .loading').style.display = 'none'; // Focalize o botão do tipo de solicitação que foi escolhido let gdprForms = document.querySelectorAll('.form-gdpr-request'); gdprForms.forEach(função(gdprForm) { se (gdprForm.style.display !== "nenhum") { deixe gdprFormLinks = gdprForm.previousElementSibling.querySelectorAll('li'); se (gdprFormLinks.length === 1) { gdprFormLinks[0].querySelector('button').focus(); } else { // Lógica de foco para solicitações de portabilidade de dados gdprFormLinks = gdprForm.parentElement; se (gdprFormLinks.nodeName === 'LI') { gdprFormLinks.querySelector('botão').foco(); } } } }); } document.querySelector('#btn-gdpr-edit-account-request').addEventListener('clique', função(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-edit-account-request'), 200); this.setAttribute("aria-expandido", "verdadeiro"); }); document.querySelector('#form-gdpr-edit-account-request-submit').addEventListener('clique', função(e) { e.preventDefault(); e-mail = document.querySelector('#form-gdpr-edit-account-request-email').valor; tipo = 'cliente/editar'; openVerificationModal(); }); document.querySelector('#btn-gdpr-requests-request').addEventListener('clique', função(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-requests-request'), 200); this.setAttribute("aria-expandido", "verdadeiro"); }); document.querySelector('#form-gdpr-requests-request-submit').addEventListener('clique', função(e) { e.preventDefault(); e-mail = document.querySelector('#form-gdpr-requests-request-email').value; type = 'cliente/solicitações'; openVerificationModal(); }); document.querySelector('#btn-gdpr-personal-information-request').addEventListener('clique', função(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-personal-information-request'), 200); this.setAttribute("aria-expandido", "verdadeiro"); }); document.querySelector('#form-gdpr-personal-information-request-submit').addEventListener('click', function(e) { e.preventDefault(); e-mail = document.querySelector('#form-gdpr-personal-information-request-email').value; type = 'cliente/informações_pessoais'; openVerificationModal(); }); document.querySelector('#btn-gdpr-orders-request').addEventListener('clique', função(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-orders-request'), 200); this.setAttribute("aria-expandido", "verdadeiro"); }); document.querySelector('#form-gdpr-orders-request-submit').addEventListener('clique', função(e) { e.preventDefault(); e-mail = document.querySelector('#form-gdpr-orders-request-email').value; type = 'cliente/pedidos'; openVerificationModal(); }); document.querySelector('#btn-gdpr-personal-data-report-request').addEventListener('clique', função(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-personal-data-report-request'), 200); this.setAttribute("aria-expandido", "verdadeiro"); }); document.querySelector('#form-gdpr-relatório-de-dados-pessoais-solicitação-envio').addEventListener('clique', função(e) { e.preventDefault(); e-mail = document.querySelector('#form-gdpr-personal-data-report-request-email').value; type = 'cliente/relatório'; openVerificationModal(); }); document.querySelector('#btn-gdpr-delete-account-request').addEventListener('clique', função(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-delete-account-request'), 200); this.setAttribute("aria-expandido", "verdadeiro"); }); document.querySelector('#form-gdpr-delete-account-request-submit').addEventListener('click', function(e) { e.preventDefault(); e-mail = document.querySelector('#form-gdpr-delete-account-request-email').value; type = 'customer/delete'; openVerificationModal(); }); // Navegação pelo teclado no modal de verificação de dados para acessibilidade document.querySelector('#data-verification-modal').addEventListener('keydown', function(e) { let isTabPressed = e.keyCode === 9 || e.key === "Guia" || e.code === "Tab"; deixe EscapePressionado = e.keyCode === 27 || e.key === "Fuga" || e.code === "Escape"; deixe isSpacePressed = event.keyCode === 32 || e.key === " " || event.code === "Espaço"; let isEnterPressed = event.keyCode === 13 || e.key === "Entrar" || event.code === "Enter"; deixe dataVerificationCloseButton = document.querySelector('.data-verification-close'); deixe dataVerificationCheckbox = document.querySelector('#entrada de verificação de dados-contêiner'); deixe dataVerificationLink = document.querySelector('#data-verification-container a'); // Esta função nos poupa o trabalho de chamar e.preventDefault() após cada foco, executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();} se (isEscapePressed) { se (dataVerificationCloseButton) { dataVerificationCloseButton.click(); } } se (isSpacePressed || isEnterPressed) { se (document.activeElement === caixa de seleção de verificação de dados) { document.querySelector('#container-de-verificação-de-dados #ícone-de-verificação-de-dados').click(); } } se (isTabPressed) { se (e.shiftKey) { se (dataVerificationCloseButton &lificador;&lificador; document.activeElement === dataVerificationCloseButton) { executeFocus(dataVerificationLink); } } senão { if (dataVerificationLink &lificador;&lificador; document.activeElement === dataVerificationLink) { executeFocus(dataVerificationCloseButton); } } } });