Página para el cumplimiento de GDPR

`; var isEmailValid = función(correo electrónico) { let regex = /^(([^()\[\]\\.,;:\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,}))$/; si (correo electrónico == '' || correo electrónico == indefinido) { devolver falso; } de lo contrario { devolver regex.test(correo electrónico); } } var gdprSendRequest = función(devolución de llamada) { buscar('https://www.cloudflare.com/cdn-cgi/trace', { método: 'GET', encabezados: { 'Tipo de contenido': 'texto/sin formato', }, }) .then(resp => resp.text()) .entonces(resp => { si (!resp.error) { let ipInfo = resp; let formData = new FormData(); formData.append('comercio', Shopify.shop); formData.append('correo electrónico', correo electrónico); formData.append('tipo', tipo); formData.append('fuenteDeSolicitud', 1); formData.append('direcciónip', ipInfo); formData.append('consentimientoDado', consentimientoDado); formData.append('página', 'gdpr'); formData.append('largo', 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', cuerpo: formData }) .then(resp => resp.json()) .then(resp => { si (!resp.error) { gdprSlideUpAll(); si (resp.message.length) { alerta(resp.message); } else { alert('Su solicitud ha sido enviada exitosamente. Por favor revise su correo electrónico para más información.'); } } else { alert(resp.message); } si (tipo de devolución de llamada == 'función') { devolución de llamada (resp); } }) .catch (error => { alerta(error.message); }) } else { alerta(resp.message); } }) } //Agrega modal al cuerpo, porque de lo contrario no permanecerá centrado (incluso si la posición es fija) document.querySelector("cuerpo").insertAdjacentHTML( 'beforeend', verificaciónModalContent); document.addEventListener("DOMContentLoaded", function() { // Cuando el usuario hace clic en (x), cierra el modal document.querySelector('.data-verification-close').addEventListener('clic', función(e) { e.preventDefault(); cerrarVerificaciónModal(); }); document.querySelector('#icono-de-verificacion-de-datos, #contenedor-de-verificacion-de-datos p').addEventListener('clic', function(e) { e.preventDefault(); // Detecta el clic de un href, porque se sobrescribe. if(e.target.tagName === "A") { window.open(e.target.href, '_blank'); retorno; } document.querySelector('#icono-de-verificacion-de-datos').classList.add("hizo clic"); setTimeout(()=>{ alternarFadeiSense(document.querySelector("#modal-de-verificacion-de-datos"), falso); document.querySelector('#data-verification-background .loading').style.display = 'inline-block'; consentGiven = verdadero; gdprSendRequest(función(resp) { consentGiven = falso; closeVerificationModal(); }); }, 400); }); }); función openVerificationModal(){ if(!isEmailValid(email)) { alert('Correo electrónico no válido'); return; } toggleFadeiSense(document.querySelector("#modal-de-verificación-de-datos"), verdadero); toggleFadeiSense(document.querySelector('#data-verification-background'), verdadero); document.querySelector('#entrada del contenedor de verificación de datos').focus(); } función closeVerificationModal(){ toggleFadeiSense(document.querySelector("#verificacion-de-datos-antecedentes"), falso); document.querySelector('#icono-de-verificacion-de-datos').classList.remove("hizo clic"); document.querySelector('#data-verification-background .loading').style.display = 'none'; // Enfocar el botón del tipo de solicitud que fue seleccionado let gdprForms = document.querySelectorAll('.form-gdpr-request'); gdprForms.forEach(función(gdprForm) { si (gdprForm.style.display !== "ninguno") { deja gdprFormLinks = gdprForm.previousElementSibling.querySelectorAll('li'); si (gdprFormLinks.length === 1) { gdprFormLinks[0].querySelector('button').focus(); } else { // Lógica de enfoque para solicitudes de portabilidad de datos gdprFormLinks = gdprForm.parentElement; si (gdprFormLinks.nodeName === 'LI') { gdprFormLinks.querySelector('botón').focus(); } } } }); } document.querySelector('#btn-gdpr-edit-account-request').addEventListener('clic', función(e) { e.preventDefault(); deje que se expanda = this.getAttribute('aria-expandida') === 'verdadero' ? verdadero : falso; gdprSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#formulario-gdpr-editar-cuenta-solicitud'), 200); this.setAttribute("aria-expandida", "verdadero"); } else { slideUp(document.querySelector('#formulario-gdpr-editar-cuenta-solicitud'), 200); this.setAttribute("aria-expandida", "falso"); } }); document.querySelector('#form-gdpr-edit-account-request-submit').addEventListener('clic', función(e) { e.preventDefault(); correo electrónico = document.querySelector('#form-gdpr-edit-account-request-email').valor; tipo = 'cliente/editar'; openVerificationModal(); }); document.querySelector('#btn-gdpr-requests-request').addEventListener('clic', función(e) { e.preventDefault(); deje que se expanda = this.getAttribute('aria-expandida') === 'verdadero' ? verdadero : falso; gdprSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#formulario-gdpr-solicitudes-solicitud'), 200); this.setAttribute("aria-expandida", "verdadero"); } else { slideUp(document.querySelector('#formulario-gdpr-solicitudes-solicitud'), 200); this.setAttribute("aria-expandida", "falso"); } }); document.querySelector('#form-gdpr-requests-request-submit').addEventListener('clic', función(e) { e.preventDefault(); correo electrónico = document.querySelector('#form-gdpr-requests-request-email').valor; tipo = 'cliente/solicitudes'; openVerificationModal(); }); document.querySelector('#btn-gdpr-solicitud-de-información-personal').addEventListener('clic', función(e) { e.preventDefault(); deje que se expanda = this.getAttribute('aria-expandida') === 'verdadero' ? verdadero : falso; gdprSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#formulario-gdpr-solicitud-de-informacion-personal'), 200); this.setAttribute("aria-expandida", "verdadero"); } else { slideUp(document.querySelector('#formulario-gdpr-solicitud-de-informacion-personal'), 200); this.setAttribute("aria-expandida", "falso"); } }); document.querySelector('#form-gdpr-personal-information-solicitude-enviar').addEventListener('clic', function(e) { e.preventDefault(); correo electrónico = document.querySelector('#form-gdpr-personal-information-request-email').valor; tipo = 'cliente/información_personal'; openVerificationModal(); }); document.querySelector('#btn-gdpr-orders-request').addEventListener('clic', función(e) { e.preventDefault(); deje que se expanda = this.getAttribute('aria-expandida') === 'verdadero' ? verdadero : falso; gdprSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#formulario-gdpr-pedidos-solicitud'), 200); this.setAttribute("aria-expandida", "verdadero"); } else { slideUp(document.querySelector('#formulario-gdpr-pedidos-solicitud'), 200); this.setAttribute("aria-expandida", "falso"); } }); document.querySelector('#form-gdpr-orders-request-submit').addEventListener('clic', función(e) { e.preventDefault(); correo electrónico = document.querySelector('#form-gdpr-orders-request-email').valor; tipo = 'cliente/pedidos'; openVerificationModal(); }); document.querySelector('#btn-gdpr-solicitud-de-informe-de-datos-personales').addEventListener('clic', función(e) { e.preventDefault(); deje que se expanda = this.getAttribute('aria-expandida') === 'verdadero' ? verdadero : falso; gdprSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#formulario-solicitud-de-informe-de-datos-personales'), 200); this.setAttribute("aria-expandida", "verdadero"); } else { slideUp(document.querySelector('#formulario-solicitud-de-informe-de-datos-personales'), 200); this.setAttribute("aria-expandida", "falso"); } }); document.querySelector('#form-gdpr-personal-data-report-request-submit').addEventListener('clic', función(e) { e.preventDefault(); correo electrónico = document.querySelector('#form-gdpr-personal-data-report-request-email').valor; tipo = 'cliente/informe'; openVerificationModal(); }); document.querySelector('#btn-gdpr-solicitud-de-eliminación-de-cuenta').addEventListener('clic', función(e) { e.preventDefault(); deje que se expanda = this.getAttribute('aria-expandida') === 'verdadero' ? verdadero : falso; gdprSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#formulario-gdpr-solicitud-de-eliminación-de-cuenta'), 200); this.setAttribute("aria-expandida", "verdadero"); } else { slideUp(document.querySelector('#formulario-gdpr-solicitud-de-eliminación-de-cuenta'), 200); this.setAttribute("aria-expandida", "falso"); } }); document.querySelector('#formulario-gdpr-solicitud-de-eliminación-de-cuenta-envío').addEventListener('clic', función(e) { e.preventDefault(); correo electrónico = document.querySelector('#form-gdpr-delete-account-request-email').value; type = 'customer/delete'; openVerificationModal(); }); // Navegación con el teclado en el modal de verificación de datos para accesibilidad document.querySelector('#data-verification-modal').addEventListener('keydown', function(e) { let isTabPressed = e.keyCode === 9 || e.key === "Tab" || e.code === "Tab"; deje que se presione isEscape = e.keyCode === 27 || e.key === "Escapar" || e.code === "Escape"; deje que se presione el espacio = event.keyCode === 32 || e.key === " " || event.code === "Espacio"; deje que isEnterPressed = event.keyCode === 13 || e.key === "Entrar" || event.code === "Entrar"; deja que dataVerificationCloseButton = document.querySelector('.data-verification-close'); deja que dataVerificationCheckbox = document.querySelector('entrada del contenedor de verificación de datos'); deje que dataVerificationLink = document.querySelector('#data-verification-container a'); // Esta función nos ahorra el problema de llamar e.preventDefault() después de cada enfoque, let executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();} si (isEscapePressed) { si (botónCerrarVerificaciónDeDatos) { dataVerificationCloseButton.click(); } } si (estáPresionadoEspacio ||estáPresionadoEntrada) { si (document.activeElement === casilla de verificación de datos) { document.querySelector('#contenedor-de-verificacion-de-datos #icono-de-verificacion-de-datos').click(); } } if (isTabPressed) { if (e.shiftKey) { si (botón de cierre de verificación de datos &erio;&erio; document.activeElement === BotónCerrarVerificaciónDeDatos) { ejecutarEnfoque(EnlaceVerificaciónDeDatos); } } de lo contrario { si (EnlaceVerificaciónDeDatos &erio;&erio; document.activeElement === dataVerificationLink) { ejecutarFocus(botonCerrarVerificacióndedatos); } } } });