'; var pipedaSendRequest = función (devolución de llamada) { buscar('https://www.llamarada de nube.es/cdn-cgi/trace', { método: 'OBTENER', encabezados: { 'Tipo de contenido': 'texto/sin formato', }, }) .entonces(resp => resp.texto()) .entonces(resp => { si (!resp.error) { let ipInfo = resp; let formData = new FormData(); formularioDatos.append('tienda', Shopify.comercio); formularioDatos.append('correo electrónico', correo electrónico); formularioDatos.append('tipo', tipo); formularioDatos.append('fuenteDeRequest', 4); formularioDatos.append('direcciónip', informaciónip); formularioDatos.append('consentimiento dado', consentimiento dado); formularioDatos.append('página', 'pipeda'); formularioDatos.append('idioma', Shopify.¿lugar? Shopificar.configuración regional: ''); formularioDatos.append('gtranslateLang', isenseGDPR.Galletas.obtener('googtrans')? isenseRGPD.Galletas.obtener('googtrans') : ''); buscar('https://gdpr.aplicaciones.laboratorios isense.es/gdprRequests/submitRequest', { método: 'POST', cuerpo: datos de formulario }) .entonces(resp => resp.json()) .entonces(resp => { si (!resp.error) { pipedaSlideUpAll(); si (resp.mensaje.longitud) { alerta (resp.mensaje); } demás { alert('Su solicitud ha sido enviada exitosamente. Por favor revisa tu correo electrónico para más información.'); } } demás { alerta (resp.mensaje); } if (tipo de devolución de llamada == 'función') { devolución de llamada (resp); } }) .atrapar(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) documento.querySelector("cuerpo").insertAdjacentHTML('antes del fin', verificaciónModalContent); documento.addEventListener("DOMContentLoaded", función () { // Cuando el usuario hace clic en (x), cierra el modal documento.consultaSelector('cierre-de-verificación-de-datos').addEventListener('hacer clic', función (e) { mi.prevenirDefault(); closeVerificaciónModal(); // Enfoca el botón del tipo de solicitud que se seleccionó let pipedaForms = documento.consultaSelectorTodo('.formulario-pipeda-solicitud'); pipedaForms.para cada uno (función (pipedaForm) { si (pipedaForm.estilo.mostrar !== "ninguno") { let pipedaFormLinks = pipedaForm.anteriorElementSibling.querySelectorAll('li'); si (pipedaFormLinks.longitud === 1) { pipedaFormEnlaces[0].querySelector('botón').enfocar(); } más si (pipedaFormLinks.longitud > 1) { pipedaFormPickedLinkValue = documento.querySelector('#form-pipeda-data-account-solicitud-tipo-de-solicitud').valor; cambiar (pipedaFormPickedLinkValue) { caso 'cliente/solicitudes': pipedaFormEnlaces[0].querySelector('botón').enfocar(); romper; caso 'cliente/información_personal': pipedaFormEnlaces[1].querySelector('botón').enfocar(); romper; caso 'cliente/pedidos': pipedaFormEnlaces[2].querySelector('botón').enfocar(); romper; por defecto: romper; } } } }); }); documento.querySelector('#icono-de-verificación-de-datos, #contenedor-de-verificación-de-datos p').addEventListener('hacer clic', función (e) { mi.prevenirDefault(); // Detecta el clic de un href, porque está sobrescrito.si (ej.objetivonombre de etiqueta === "A") { ventana.abierto (ej.objetivohref, '_en blanco'); devolver; } documento.querySelector('#icono-de-verificación-de-datos').Lista de clase.agregar("se hizo clic"); setTimeout(() => { alternarFadeiSense(document.querySelector("#datos-verificación-modal"), falso); documento.querySelector('#fondo-de-verificación-de-datos.cargando').estilo.display = 'bloque en línea'; consentimiento dado = verdadero; pipedaSendRequest(función (resp) { consentimiento dado = falso; closeVerificaciónModal(); }); }, 400); }); }); función openVerificationModal() { alternarFadeiSense(document.querySelector("#data-verification-modal"), verdadero); alternarFadeiSense(document.querySelector('#fondo-de-verificación-de-datos'), verdadero); documento.querySelector('#entrada del contenedor de verificación de datos').enfocar(); } función cerrarModalVerificación() { alternarFadeiSense(document.querySelector("#fondo-de-verificación-de-datos"), falso); documento.querySelector('#icono-de-verificación-de-datos').Lista de clase.eliminar("se hizo clic"); documento.querySelector('#fondo-de-verificación-de-datos.cargando').estilo.mostrar = 'ninguno'; } documento.querySelector('#btn-pipeda-edit-account-solicitud').addEventListener('hacer clic', función (e) { mi.prevenirDefault(); pipedaSlideUpAll(); deslizar hacia abajo (documento.querySelector('#form-pipeda-edit-account-solicitud'), 200); este.setAttribute("aria-expandido", "verdadero"); }); documento.querySelector('#form-pipeda-edit-account-solicitud-enviar').addEventListener('hacer clic', función (e) { mi.prevenirDefault(); correo electrónico = documento.querySelector('#form-pipeda-edit-account-solicitud-correo electrónico').valor; tipo = 'cliente/editar'; openVerificaciónModal(); }); documento.querySelectorAll('#btn-pipeda-solicitudes-solicitud, #btn-pipeda-solicitud-de-información-personal, #btn-pipeda-pedidos-solicitud').para cada uno (elemento => { elemento.addEventListener('hacer clic', función (e) { mi.prevenirDefault(); pipedaSlideUpAll(); tipo = ''; cambiar (este.getAttribute('id')) { caso 'btn-pipeda-solicitudes-solicitud': tipo = 'cliente/solicitudes'; romper; caso 'solicitud-de-información-personal-btn-pipeda': tipo = 'cliente/información_personal'; romper; caso 'btn-pipeda-orders-solicitud': tipo = 'cliente/pedidos'; romper; } documento.querySelector('#form-pipeda-data-account-solicitud-tipo-de-solicitud').valor = tipo; deslizar hacia abajo (documento.querySelector('#form-pipeda-data-account-request'), 200); este.setAttribute("aria-expandido", "verdadero"); }) }); documento.querySelector('#form-pipeda-data-account-solicitud-enviar').addEventListener('hacer clic', función (e) { mi.prevenirDefault(); correo electrónico = documento.querySelector('#form-pipeda-data-account-solicitud-correo electrónico').valor; tipo = documento.querySelector('#form-pipeda-data-account-solicitud-tipo-de-solicitud').valor; openVerificaciónModal(); }); documento.querySelector('#btn-pipeda-solicitud-de-informe-de-datos-personales').addEventListener('hacer clic', función (e) { mi.prevenirDefault(); pipedaSlideUpAll(); deslizar hacia abajo (documento.querySelector('#form-pipeda-solicitud-de-informe-de-datos-personales'), 200); este.setAttribute("aria-expandido", "verdadero"); }); documento.querySelector('#form-pipeda-datos-personales-reporte-solicitud-enviar').addEventListener('hacer clic', función (e) { mi.prevenirDefault(); correo electrónico = documento.querySelector('#form-pipeda-datos-personales-reporte-solicitud-correo electrónico').valor; tipo = 'cliente/informe'; openVerificaciónModal(); }); // Navegación con teclado para las solicitudes de la página de cumplimiento documento.querySelector('#pipeda_page').addEventListener('keydown', función(e) { let isTabPressed = e.CódigoClave === 9 || mi.clave === "Tab" || mi.código === "Pestaña"; // Esta función nos ahorra la molestia de llamar a e.preventDefault() después de cada enfoque dejar ejecutarFocus = (focusElement) => {focusElement.focus();e.preventDefault();} si (isTabPressed) { let pipedaFormPickedLinkValue = documento.querySelector('#form-pipeda-data-account-solicitud-tipo-de-solicitud').valor; let pipedaRequestsButton = documento.querySelector('#btn-pipeda-solicitudes-solicitud'); let personalInformationButton = documento.querySelector('#btn-pipeda-solicitud-de-información-personal'); let pedidosButton = documento.querySelector('#btn-pipeda-pedidos-solicitud'); let personalDataReportButton = documento.querySelector('#btn-pipeda-solicitud-de-informe-de-datos-personales'); let dataAccountFormEmailField = documento.querySelector('#form-pipeda-data-account-solicitud-correo electrónico'); let dataAccountFormSubmitButton = documento.querySelector('#form-pipeda-data-account-solicitud-enviar'); si (ej.tecla Shift) { si ((documento.activeElement === personalInformationButton && pipedaFormPickedLinkValue === 'cliente/solicitudes') || (documento.activeElement === pedidosButton && pipedaFormPickedLinkValue === 'cliente/personal_info')) { ejecutarFocus(dataAccountFormSubmitButton); } más si (document.activeElement === dataAccountFormEmailField) { if (pipedaFormPickedLinkValue === 'cliente/solicitudes') { ejecutarFocus(pipedaRequestsButton); } else if (pipedaFormPickedLinkValue === 'cliente/información_personal') { ejecutarFocus(botón de información personal); } } más si (document.elemento activo === botón de informe de datos personales) { if (pipedaFormPickedLinkValue! == 'cliente/pedidos') { ejecutarFocus(pedidosBotón); } } } demás { si ((documento.activeElement === pipedaRequestsButton && pipedaFormPickedLinkValue === 'cliente/solicitudes') || (documento.activeElement === personalInformationButton && pipedaFormPickedLinkValue === 'cliente/personal_info')) { ejecutarFocus(dataAccountFormEmailField); } más si (document.elemento activo === dataAccountFormSubmitButton) { if (pipedaFormPickedLinkValue === 'cliente/solicitudes') { ejecutarFocus(botón de información personal); } else if (pipedaFormPickedLinkValue === 'cliente/información_personal') { ejecutarFocus(pedidosBotón); } } más si (document.elemento activo === botón de pedidos) { if (pipedaFormPickedLinkValue! == 'cliente/pedidos') { ejecutarFocus(personalDataReportButton); } } } } }); // Navegación por teclado en modo de verificación de datos para accesibilidad documento.querySelector('#modal-de-verificación-de-datos').addEventListener('keydown', función(e) { let isTabPressed = e.CódigoClave === 9 || mi.clave === "Tab" || mi.código === "Pestaña"; let isEscapePressed = e.CódigoClave === 27 || mi.clave === "Escape" || mi.código === "Escape"; let isSpacePressed = evento.CódigoClave === 32 || mi.clave === " " || evento.código === "Espacio"; let isEnterPressed = evento.CódigoClave === 13 || mi.clave === "Entrar" || evento.código === "Entrar"; let dataVerificationCloseButton = documento.consultaSelector('cierre-de-verificación-de-datos'); let dataVerificationCheckbox = documento.querySelector('#entrada del contenedor de verificación de datos'); let dataVerificationLink = documento.querySelector('#contenedor-de-verificación-de-datos a'); // Esta función nos ahorra la molestia de llamar a e.preventDefault() después de cada enfoque dejar ejecutarFocus = (focusElement) => {focusElement.focus();e.preventDefault();} si (isEscapePressed) { si (botón de cierre de verificación de datos) { botón de cierre de verificación de datos.hacer clic(); } } if (Espacio presionado || se presiona Enter) { de (document.elemento activo === casilla de verificación de verificación de datos) { documento.querySelector('#contenedor-de-verificación-de-datos #icono-de-verificación-de-datos').hacer clic(); } } si (isTabPressed) { si (ej.tecla Shift) { if (dataVerificationCloseButton && documento.elemento activo === botón de cierre de verificación de datos) { ejecutarFocus(enlace de verificación de datos); } } demás { if (datosVerificaciónEnlace && documento.elemento activo === enlace de verificación de datos) { ejecutarFocus(dataVerificationCloseButton); } } } }); // ]]>