Respuesta de la función Appisendrequest y rotación de 0° o 360° en solicitudes de formulario

'; var isEmailValid = function(email) { 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 (email == '''' || email == undefined) { return false; } else { return regex.test(email); } } var appiSendRequest = function(callback) { fetch(''https://www.cloudflare.com/cdn-cgi/trace'', { method: ''GET'' , headers: { ''Content-Type'': ''text/plain'', }, }) .then(resp => resp.text()) .then(resp => { if (!resp.error) { let ipInfo = resp; let formData = new FormData(); si (type === ''customer/do-not-sell'') { isenseGDPR.Cookies.set(''cookieconsent_preferences_disabled'', ''analytics,marketing,functionality,'', { expires: 365 }); isenseGDPR.Cookies.set('cookieconsent_status', 'accept_selected', { expires: 365 }); if (typeof window.Shopify.customerPrivacy !== 'undefined' && typeof window.Shopify.customerPrivacy.setTrackingConsent === 'function') { window.Shopify.customerPrivacy.setTrackingConsent( { "venta_de_datos": false, }, () => { console.log('venta_de_datos: false')} ); } else { console.log('La API de Privacidad del Cliente no está definida en la página actual'); } if (document.querySelector('.cc-window')) { document.querySelector('.cc-window').style.display = 'none'; } // reiniciar texto emergente document.querySelector('#appi-modal-container-text').innerHTML = 'Doy mi consentimiento para recopilar mi correo electrónico y dirección IP con el propósito de procesar esta solicitud. Para más información, consulte Privacy Policy &amp Terms of Service.'; } formData.append('shop', Shopify.shop); formData.append('email', email); formData.append('type', type); formData.append('sourceOfRequest', 3); formData.append('ipAddress', ipInfo); formData.append('consentGiven', consentGiven); formData.append('page', 'appi'); formData.append('lang', Shopify.locale ? Shopify.locale : ''); formData.append('gtranslateLang', isenseGDPR.Cookies.get('googtrans') ? isenseGDPR.Cookies.get('googtrans') : ''); fetch('https://gdpr.apps.isenselabs.com/gdprRequests/submitRequest', { método: 'POST', body: formData }) .then(resp => resp.json()) .then(resp => { if (!resp.error) { appiSlideUpAll(); if (resp.message.length) { alert(resp.message); } else { alert('Su solicitud ha sido enviada con éxito. Por favor, revise su correo electrónico para más información.'); } } else { alert(resp.message); } if (typeof callback == 'function') { callback(resp); } }) .catch(error => { alert(error.message); }) } else { alert(resp.message); } }) } document.addEventListener("DOMContentLoaded", function() { //Agregar modal al body, porque de lo contrario no se mantendrá centrado (incluso si la posición es fixed) document.querySelector("body").insertAdjacentHTML( 'beforeend', verificationModalContent); let searchParams = new URLSearchParams(window.location.search); let param = searchParams.get('id'); if(param) { document.getElementById(param).scrollIntoView(); } // When the user clicks on (x), close the modal document.querySelector('.data-verification-close').addEventListener('click', function(e) { e.preventDefault(); cerrarModalDeVerificacion(); // Enfocar el botón del tipo de solicitud que fue seleccionado let appiForms = document.querySelectorAll('.form-appi-request'); appiForms.forEach(function(appiForm) { if (appiForm.style.display !== "none") { let appiFormLinks = appiForm.previousElementSibling.querySelectorAll('li'); if (appiFormLinks.length === 1) { appiFormLinks[0].querySelector('button').focus(); } } }); }); document.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('click', function(e) { e.preventDefault(); // Detectar el clic en un href, porque está sobrescrito. if(e.target.tagName === "A") { window.open(e.target.href, '_blank'); return; } document.querySelector('#data-verification-icon').classList.add("clicked"); setTimeout(()=>{ toggleFadeiSense(document.querySelector("#data-verification-modal"), false); document.querySelector('#data-verification-background .loading').style.display = 'inline-block'; consentGiven = true; appiSendRequest(function(resp) { consentGiven = false; cerrarModalDeVerificacion(); }); }, 400); }); }); function abrirModalDeVerificacion(){ if(!isEmailValid(email)) { alert('Correo electrónico inválido'); return; } toggleFadeiSense(document.querySelector("#data-verification-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), true); document.querySelector('#data-verification-container input').focus(); } function cerrarModalDeVerificacion(){ toggleFadeiSense(document.querySelector("#data-verification-background"), false); document.querySelector('#data-verification-icon').classList.remove("clicked"); document.querySelector('#data-verification-background .loading').style.display = 'none'; // Enfocar el botón del tipo de solicitud que fue seleccionado let appiForms = document.querySelectorAll('.form-appi-request'); appiForms.forEach(function(appiForm) { if (appiForm.style.display !== "none") { let appiFormLinks = appiForm.previousElementSibling.querySelectorAll('li'); if (appiFormLinks.length === 1) { appiFormLinks[0].querySelector('button').focus(); } else { // Lógica de enfoque para solicitudes de Portabilidad de Datos appiFormLinks = appiForm.parentElement; if (appiFormLinks.nodeName === 'LI') { appiFormLinks.querySelector('button').focus(); } } } }); } document.querySelector('#btn-appi-edit-account-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; appiSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-appi-edit-account-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-appi-edit-account-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-appi-edit-account-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-appi-edit-account-request-email').value; type = 'customer/edit'; appiSendRequest(function(resp) { consentGiven = true; }); }); document.querySelector('#btn-appi-requests-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; appiSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-appi-requests-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-appi-requests-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-appi-requests-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-appi-requests-request-email').value; type = 'customer/requests'; appiSendRequest(function(resp) { consentGiven = true; }); }); document.querySelector('#btn-appi-personal-information-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; appiSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-appi-personal-information-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-appi-personal-information-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-appi-personal-information-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-appi-personal-information-request-email').value; type = 'customer/personal_info'; appiSendRequest(function(resp) { consentGiven = true; }); }); document.querySelector('#btn-appi-orders-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; appiSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-appi-orders-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-appi-orders-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-appi-orders-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-appi-orders-request-email').value; type = 'customer/orders'; appiSendRequest(function(resp) { consentGiven = true; }); }); document.querySelector('#btn-appi-personal-data-report-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; appiSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-appi-personal-data-report-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-appi-personal-data-report-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-appi-personal-data-report-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-appi-personal-data-report-request-email').value; type = 'customer/report'; appiSendRequest(function(resp) { consentGiven = true; }); }); document.querySelector('#btn-appi-do-not-sell-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; appiSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-appi-do-not-sell-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-appi-do-not-sell-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-appi-do-not-sell-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-appi-do-not-sell-request-email').value; type = 'customer/do-not-sell'; // Verificar si el cliente ha iniciado sesión if (typeof __st !== "undefined" && __st.cid != undefined) { document.querySelector('#appi-modal-container-text').innerHTML = 'Doy mi consentimiento para recopilar mi correo electrónico y dirección IP con el propósito de procesar esta solicitud. Para más información, consulte Privacy Policy &amp Terms of Service.'; } else { document.querySelector('#appi-modal-container-text').innerHTML = 'Doy mi consentimiento para recopilar mi correo electrónico y dirección IP con el propósito de procesar esta solicitud. Para más información, consulte Privacy Policy &amp Terms of Service. Nota: Si es un usuario invitado o no ha iniciado sesión en su cuenta, su elección de exclusión solo será efectiva para esta sesión del navegador.'; } appiSendRequest(function(resp) { consentGiven = true; }); }); document.querySelector('#btn-appi-delete-account-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; appiSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-appi-delete-account-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-appi-delete-account-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-appi-delete-account-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-appi-delete-account-request-email').value; type = 'customer/delete'; appiSendRequest(function(resp) { consentGiven = true; }); }); // Navegación por 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"; let isEscapePressed = e.keyCode === 27 || e.key === "Escape" || e.code === "Escape"; let isSpacePressed = event.keyCode === 32 || e.key === " " || event.code === "Space"; let isEnterPressed = event.keyCode === 13 || e.key === "Enter" || event.code === "Enter"; let dataVerificationCloseButton = document.querySelector('.data-verification-close'); let dataVerificationCheckbox = document.querySelector('#data-verification-container input'); let dataVerificationLink = document.querySelector('#data-verification-container a'); // Esta función nos ahorra la molestia de llamar a e.preventDefault() después de cada enfoque let executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();} if (isEscapePressed) { if (dataVerificationCloseButton) { dataVerificationCloseButton.click(); } } if (isSpacePressed || isEnterPressed) { if (document.activeElement === dataVerificationCheckbox) { document.querySelector('#data-verification-container #data-verification-icon').click(); } } if (isTabPressed) { if (e.shiftKey) { if (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) { executeFocus(dataVerificationLink); } } else { if (dataVerificationLink && document.activeElement === dataVerificationLink) { executeFocus(dataVerificationCloseButton); } } } });