Cumplimiento de APA-NZPA

'; 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) { devuelve falso; } demás { devolver regex.test(correo electrónico); } } var apanzpaSendRequest = función(devolución de llamada) { obtener('https://www.cloudflare.com/cdn-cgi/trace', { método: 'GET' , encabezados: { 'Tipo de contenido': 'texto/sin formato', }, }) .then(resp => resp.texto()) .then(resp => { si (!resp.error) { deje que ipInfo = resp; let formData = new FormData(); formData.append('tienda', Shopify.tienda); formData.append('correo electrónico', correo electrónico); formData.append('tipo', tipo); formData.append('fuenteDeLaSolicitud', 8); formData.append('direcciónip', ipInfo); formData.append('consentimientoDado', consentimientoDado); formData.append('página', 'apa-nzpa'); formData.append('lang', Shopify.locale ? Shopify.locale : ''); formData.append('gtranslateLang', isenseGDPR.Cookies.get('googtrans') ? isenseGDPR.Cookies.get('googtrans') : ''); obtener('https://gdpr.apps.isenselabs.com/gdprRequests/submitRequest', { método: 'POST', cuerpo: formData }) .then(resp => resp.json()) .then(resp => { si (!resp.error) { apanzpaSlideUpAll(); si (resp.mensaje.longitud) { alerta(resp.mensaje); } demás { alert('Su solicitud ha sido enviada exitosamente. Por favor revise su correo electrónico para más información.'); } } demás { alerta(resp.mensaje); } si (tipo de devolución de llamada == 'función') { devolución de llamada(resp); } }) .catch(error => { alerta(error.mensaje); }) } demás { alerta(resp.mensaje); } }) } //Agrega modal al cuerpo, porque de lo contrario no permanecerá centrado (incluso si la posición es fija) document.querySelector("body").insertAdjacentHTML( 'beforeend', verificaciónModalContent); document.addEventListener("DOMContentLoaded", función() { // 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. si (e.objetivo.nombreDeEtiqueta === "A") { ventana.open(e.target.href, '_blank'); devolver; } document.querySelector('#data-verification-icon').classList.add("hizo clic"); establecerTiempo de espera(()=>{ toggleFadeiSense(document.querySelector("#modal-de-verificacion-de-datos"), false); document.querySelector('#data-verification-background .loading').style.display = 'inline-block'; consentimientoDado = verdadero; apanzpaSendRequest(función(resp) { consentimientoDado = falso; cerrarVerificaciónModal(); }); }, 400); }); }); función openVerificationModal(){ if(!isEmailValid(correo electrónico)) { alert('Correo electrónico inválido'); devolver; } toggleFadeiSense(document.querySelector("#modal-de-verificacion-de-datos"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), verdadero); document.querySelector('#entrada-del-contenedor-de-verificacion-de-datos').focus(); } función cerrarVerificaciónModal(){ toggleFadeiSense(document.querySelector("#data-verification-background"), false); document.querySelector('#data-verification-icon').classList.remove("hizo clic"); document.querySelector('#data-verification-background .loading').style.display = 'none'; // Enfocar el botón del tipo de solicitud que fue seleccionado deje que apanzpaForms = document.querySelectorAll('.form-apanzpa-request'); apanzpaForms.forEach(función(apanzpaForm) { si (apanzpaForm.style.display !== "ninguno") { deje que apanzpaFormLinks = apanzpaForm.previousElementSibling.querySelectorAll('li'); si (apanzpaFormLinks.length === 1) { apanzpaFormLinks[0].querySelector('botón').focus(); } demás { // Lógica de enfoque para solicitudes de portabilidad de datos apanzpaFormLinks = apanzpaForm.parentElement; si (apanzpaFormLinks.nodeName === 'LI') { apanzpaFormLinks.querySelector('botón').focus(); } } } }); } document.querySelector('#btn-apanzpa-edit-account-request').addEventListener('clic', función(e) { e.preventDefault(); apanzpaSlideUpAll(); slideDown(documento.querySelector('#form-apanzpa-edit-account-request'), 200); este.setAttribute("aria-expandida", "verdadero"); }); document.querySelector('#form-apanzpa-edit-account-request-submit').addEventListener('clic', función(e) { e.preventDefault(); correo electrónico = document.querySelector('#form-apanzpa-edit-account-request-email').value; tipo = 'cliente/editar'; openVerificationModal(); }); document.querySelector('#btn-apanzpa-requests-request').addEventListener('clic', función(e) { e.preventDefault(); apanzpaSlideUpAll(); slideDown(documento.querySelector('#form-apanzpa-requests-request'), 200); este.setAttribute("aria-expandido", "verdadero"); }); document.querySelector('#form-apanzpa-requests-request-submit').addEventListener('clic', función(e) { e.preventDefault(); correo electrónico = document.querySelector('#form-apanzpa-requests-solicitud-correo-electrónico').valor; tipo = 'cliente/solicitudes'; openVerificationModal(); }); document.querySelector('#btn-apanzpa-solicitud-de-informacion-personal').addEventListener('clic', function(e) { e.preventDefault(); apanzpaSlideUpAll(); slideDown(document.querySelector('#form-apanzpa-solicitud-de-informacion-personal'), 200); este.setAttribute("aria-expandida", "verdadero"); }); document.querySelector('#form-apanzpa-personal-information-solicitude-submit').addEventListener('clic', function(e) { e.preventDefault(); correo electrónico = document.querySelector('#formulario-apanzpa-solicitud-de-informacion-personal-correo-electrónico').valor; tipo = 'cliente/info_personal'; openVerificationModal(); }); document.querySelector('#btn-apanzpa-orders-request').addEventListener('clic', función(e) { e.preventDefault(); apanzpaSlideUpAll(); slideDown(documento.querySelector('#form-apanzpa-orders-request'), 200); este.setAttribute("aria-expandida", "verdadero"); }); document.querySelector('#form-apanzpa-orders-request-submit').addEventListener('clic', función(e) { e.preventDefault(); correo electrónico = document.querySelector('#form-apanzpa-orders-request-email').value; tipo = 'cliente/pedidos'; openVerificationModal(); }); document.querySelector('#btn-apanzpa-personal-data-report-request').addEventListener('clic', función(e) { e.preventDefault(); apanzpaSlideUpAll(); slideDown(document.querySelector('#form-apanzpa-solicitud-de-informe-de-datos-personales'), 200); este.setAttribute("aria-expandido", "verdadero"); }); document.querySelector('#form-apanzpa-personal-data-report-request-submit').addEventListener('clic', function(e) { e.preventDefault(); correo electrónico = document.querySelector('#formulario-apanzpa-solicitud-de-informe-de-datos-personales-correo-electrónico').valor; tipo = 'cliente/informe'; openVerificationModal(); }); document.querySelector('#btn-apanzpa-delete-account-request').addEventListener('clic', función(e) { e.preventDefault(); apanzpaSlideUpAll(); slideDown(documento.querySelector('#form-apanzpa-solicitud-de-eliminación-de-cuenta'), 200); este.setAttribute("aria-expandido", "verdadero"); }); document.querySelector('#form-apanzpa-delete-account-request-submit').addEventListener('clic', función(e) { e.preventDefault(); correo electrónico = document.querySelector('#form-apanzpa-solicitud-de-eliminación-de-cuenta-email').valor; tipo = 'cliente/eliminar'; openVerificationModal(); }); // Navegación mediante teclado en el modo de verificación de datos para accesibilidad document.querySelector('#data-verification-modal').addEventListener('keydown', function(e) { deje que isTabPressed = e.keyCode === 9 || e.key === "Tab" || e.code === "Tab"; deje que isEscapePressed = e.keyCode === 27 || e.key === "Escape" || e.code === "Escape"; deje que isSpacePressed = evento.keyCode === 32 || e.key === " " || evento.code === "Espacio"; deje que isEnterPressed = evento.keyCode === 13 || tecla electrónica === "Entrar" || evento.code === "Entrar"; deje que dataVerificationCloseButton = document.querySelector('.data-verification-close'); deje que dataVerificationCheckbox = document.querySelector('#data-verification-container input'); deje que dataVerificationLink = document.querySelector('#data-verification-container a'); // Esta función nos ahorra el problema de llamar a e.preventDefault() después de cada enfoque. deje que executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();} si (isEscapePressed) { si (botónCerrarVerificaciónDeDatos) { dataVerificationCloseButton.click(); } } si (sePresionaEspacio || sePresionaEntrada) { if (document.activeElement === dataVerificationCheckbox) { document.querySelector('#contenedor-de-verificacion-de-datos #icono-de-verificacion-de-datos').click(); } } si (isTabPressed) { si (e.shiftKey) { si (botonCerrarVerificaciónDeDatos && documento.elementoActivo === botonCerrarVerificaciónDeDatos) { ejecutarFocus(enlaceVerificaciónDatos); } } demás { if (enlace de verificación de datos && document.activeElement === enlace de verificación de datos) { ejecutarFocus(botonCerrarVerificacionDatos); } } } });