'; var isEmailValid = fonction(email) { soit 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 == indéfini) { renvoie faux ; } autre { renvoyer regex.test(email); } } var apanzpaSendRequest = fonction(rappel) { récupérer('https://www.cloudflare.com/cdn-cgi/trace', { méthode : 'GET' , en-têtes : { 'Type de contenu' : 'texte/plain', }, }) .then(resp => resp.texte()) .puis(resp => { si (!resp.erreur) { laissez ipInfo = resp; laissez formData = new FormData(); formData.append('boutique', Shopify.shop); formData.append('email', email); formData.append('type', type); formData.append('sourceOfRequest', 8); formData.append('adresse IP', ipInfo); formData.append('consentGiven', consentementGiven); formData.append('page', 'apa-nzpa'); formData.append('lang', Shopify.locale ? Shopify.locale : ''); formData.append('gtranslateLang', isenseGDPR.Cookies.get('googtrans') ? isenseGDPR.Cookies.get('googtrans') : ''); récupérer('https://gdpr.apps.isenselabs.com/gdprRequests/submitRequest', { méthode : 'POST', corps : formData }) .then(resp => resp.json()) .puis(resp => { si (!resp.erreur) { apanzpaSlideUpAll(); si (resp.message.length) { alerte(resp.message); } autre { alert('Votre demande a été soumise avec succès. Veuillez vérifier votre courrier électronique pour plus d'informations.'); } } autre { alerte(resp.message); } si (typeof callback == 'fonction') { rappel(resp); } }) .catch(erreur => { alerte(message d'erreur); }) } autre { alerte(resp.message); } }) } //Ajouter le modal au corps, car sinon il ne restera pas centré (même si la position est fixe) document.querySelector("body").insertAdjacentHTML( 'beforeend', verificationModalContent); document.addEventListener("DOMContentLoaded", function() { // Lorsque l'utilisateur clique sur (x), fermez la modale document.querySelector('.data-verification-close').addEventListener('click', function(e) { e.preventDefault(); closeVerificationModal(); }); document.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('click', function(e) { e.preventDefault(); // Détecter le clic d'un href, car il est écrasé. si(e.target.tagName === "A") { fenêtre.open(e.target.href, '_blank'); retour; } document.querySelector('#data-verification-icon').classList.add("cliqué"); setTimeout(()=>{ toggleFadeiSense(document.querySelector("#data-verification-modal"), false); document.querySelector('#data-verification-background .loading').style.display = 'inline-block'; consentementDonné = vrai; apanzpaSendRequest(fonction(resp) { consentementDonné = faux; closeVerificationModal(); }); }, 400); }); }); fonction openVerificationModal(){ si(!isEmailValid(email)) { alert('E-mail invalide'); retour; } toggleFadeiSense(document.querySelector("#data-verification-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), true); document.querySelector('#entrée du conteneur de vérification des données').focus(); } fonction closeVerificationModal(){ toggleFadeiSense(document.querySelector("#data-verification-background"), false); document.querySelector('#data-verification-icon').classList.remove("cliqué"); document.querySelector('#data-verification-background .loading').style.display = 'none'; // Focaliser le bouton du type de requête qui a été sélectionné laissez apanzpaForms = document.querySelectorAll('.form-apanzpa-request'); apanzpaForms.forEach(fonction(apanzpaForm) { si (apanzpaForm.style.display !== "aucun") { laissez apanzpaFormLinks = apanzpaForm.previousElementSibling.querySelectorAll('li'); si (apanzpaFormLinks.length === 1) { apanzpaFormLinks[0].querySelector('bouton').focus(); } autre { // Logique de focus pour les demandes de portabilité des données apanzpaFormLinks = apanzpaForm.parentElement; si (apanzpaFormLinks.nodeName === 'LI') { apanzpaFormLinks.querySelector('bouton').focus(); } } } }); } document.querySelector('#btn-apanzpa-edit-account-request').addEventListener('clic', function(e) { e.preventDefault(); apanzpaSlideUpAll(); slideDown(document.querySelector('#form-apanzpa-edit-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-apanzpa-edit-account-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-apanzpa-edit-account-request-email').value; type = 'client/modifier'; openVerificationModal(); }); document.querySelector('#btn-apanzpa-requests-request').addEventListener('click', function(e) { e.preventDefault(); apanzpaSlideUpAll(); slideDown(document.querySelector('#form-apanzpa-requests-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-apanzpa-requests-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-apanzpa-requests-request-email').value; type = 'client/demandes'; openVerificationModal(); }); document.querySelector('#btn-apanzpa-personal-information-request').addEventListener('clic', function(e) { e.preventDefault(); apanzpaSlideUpAll(); slideDown(document.querySelector('#form-apanzpa-personal-information-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-apanzpa-personal-information-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-apanzpa-personal-information-request-email').value; type = 'client/informations_personnelles'; openVerificationModal(); }); document.querySelector('#btn-apanzpa-orders-request').addEventListener('clic', function(e) { e.preventDefault(); apanzpaSlideUpAll(); slideDown(document.querySelector('#form-apanzpa-orders-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-apanzpa-orders-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-apanzpa-orders-request-email').value; type = 'client/commandes'; openVerificationModal(); }); document.querySelector('#btn-apanzpa-personal-data-report-request').addEventListener('clic', function(e) { e.preventDefault(); apanzpaSlideUpAll(); slideDown(document.querySelector('#form-apanzpa-personal-data-report-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-apanzpa-personal-data-report-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-apanzpa-personal-data-report-request-email').value; type = 'client/rapport'; openVerificationModal(); }); document.querySelector('#btn-apanzpa-delete-account-request').addEventListener('clic', function(e) { e.preventDefault(); apanzpaSlideUpAll(); slideDown(document.querySelector('#form-apanzpa-delete-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-apanzpa-delete-account-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-apanzpa-delete-account-request-email').value; type = 'client/supprimer'; openVerificationModal(); }); // Navigation au clavier dans la fenêtre modale de vérification des données pour l'accessibilité document.querySelector('#data-verification-modal').addEventListener('keydown', function(e) { laissez isTabPressed = e.keyCode === 9 || e.key === "Tab" || e.code === "Tab"; laissez isEscapePressed = e.keyCode === 27 || e.key === "Échap" || e.code === "Échapper"; laissez isSpacePressed = event.keyCode === 32 || e.key === " " || event.code === "Espace"; laissez isEnterPressed = event.keyCode === 13 || e.key === "Entrée" || event.code === "Entrée"; laissez dataVerificationCloseButton = document.querySelector('.data-verification-close'); laissez dataVerificationCheckbox = document.querySelector('#data-verification-container input'); laissez dataVerificationLink = document.querySelector('#data-verification-container a'); // Cette fonction nous évite d'avoir à appeler e.preventDefault() après chaque mise au point laissez executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();} si (isEscapePressed) { si (dataVerificationCloseButton) { dataVerificationCloseButton.click(); } } si (estEspacePressé || estEntréePressée) { if (document.activeElement === dataVerificationCheckbox) { document.querySelector('#conteneur-de-vérification-de-données #icône-de-vérification-de-données').click(); } } si (isTabPressed) { si (e.shiftKey) { si (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) { executeFocus(dataVerificationLink); } } autre { if (dataVerificationLink && document.activeElement === dataVerificationLink) { executeFocus(dataVerificationCloseButton); } } } });