'; var isEmailValid = fonction(email) { laissez 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 appiSendRequest = 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(); si (type === 'client/ne pas vendre') { isenseGDPR.Cookies.set('cookieconsent_preferences_disabled', 'analytics,marketing,functionality,', { expire: 365 }); isenseGDPR.Cookies.set('cookieconsent_status', 'accept_selected', { expire: 365 }); si (typeof window.Shopify.customerPrivacy !== 'undefined' && typeof window.Shopify.customerPrivacy.setTrackingConsent === 'function') { fenêtre.Shopify.customerPrivacy.setTrackingConsent( { "vente_de_données" : faux, }, () => { console.log('vente_de_données : false')} ); } autre { console.log('L'API de confidentialité client n'est pas définie dans la page actuelle'); } si (document.querySelector('.cc-window')) { document.querySelector('.cc-window').style.display = 'none'; } // réinitialiser le texte contextuel document.querySelector('#appi-modal-container-text').innerHTML = 'Je donne mon consentement à la collecte de mon e-mail et de mon adresse IP dans le but de traiter cette demande. Pour en savoir plus, consultez la politique de confidentialité et les conditions d'utilisation .'; } formData.append('boutique', Shopify.shop); formData.append('email', email); formData.append('type', type); formData.append('sourceOfRequest', 3); formData.append('adresse IP', ipInfo); formData.append('consentGiven', consentementGiven); formData.append('page', 'appi'); 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) { appSlideUpAll(); 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() { laissez searchParams = new URLSearchParams(window.location.search); laissez param = searchParams.get('id'); si(param) { document.getElementById(param).scrollIntoView(); } // Lorsque l'utilisateur clique sur (x), fermez la modale document.querySelector('.data-verification-close').addEventListener('click', function(e) { e.preventDefault(); closeVerificationModal(); // Focaliser le bouton du type de requête qui a été sélectionné laissez appiForms = document.querySelectorAll('.form-appi-request'); appiForms.forEach(fonction(appiForm) { si (appiForm.style.display !== "aucun") { laissez appiFormLinks = appiForm.previousElementSibling.querySelectorAll('li'); si (appiFormLinks.length === 1) { appiFormLinks[0].querySelector('bouton').focus(); } } }); }); 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; appiSendRequest(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 appiForms = document.querySelectorAll('.form-appi-request'); appiForms.forEach(fonction(appiForm) { si (appiForm.style.display !== "aucun") { laissez appiFormLinks = appiForm.previousElementSibling.querySelectorAll('li'); si (appiFormLinks.length === 1) { appiFormLinks[0].querySelector('bouton').focus(); } autre { // Logique de focus pour les demandes de portabilité des données appiFormLinks = appiForm.parentElement; si (appiFormLinks.nodeName === 'LI') { appiFormLinks.querySelector('bouton').focus(); } } } }); } document.querySelector('#btn-appi-edit-account-request').addEventListener('clic', function(e) { e.preventDefault(); appSlideUpAll(); slideDown(document.querySelector('#form-appi-edit-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); 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 = 'client/modifier'; openVerificationModal(); }); document.querySelector('#btn-appi-requests-request').addEventListener('click', function(e) { e.preventDefault(); appSlideUpAll(); slideDown(document.querySelector('#form-appi-requests-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-appi-requests-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-appi-requests-request-email').value; type = 'client/requêtes'; openVerificationModal(); }); document.querySelector('#btn-appi-personal-information-request').addEventListener('clic', function(e) { e.preventDefault(); appSlideUpAll(); slideDown(document.querySelector('#form-appi-personal-information-request'), 200); this.setAttribute("aria-expanded", "true"); }); 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 = 'client/informations_personnelles'; openVerificationModal(); }); document.querySelector('#btn-appi-orders-request').addEventListener('clic', function(e) { e.preventDefault(); appSlideUpAll(); slideDown(document.querySelector('#form-appi-orders-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-appi-orders-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-appi-orders-request-email').value; type = 'client/commandes'; openVerificationModal(); }); document.querySelector('#btn-appi-personal-data-report-request').addEventListener('clic', function(e) { e.preventDefault(); appSlideUpAll(); slideDown(document.querySelector('#form-appi-personal-data-report-request'), 200); this.setAttribute("aria-expanded", "true"); }); 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 = 'client/rapport'; openVerificationModal(); }); document.querySelector('#btn-appi-do-not-sell-request').addEventListener('clic', function(e) { e.preventDefault(); appSlideUpAll(); slideDown(document.querySelector('#form-appi-do-not-sell-request'), 200); this.setAttribute("aria-expanded", "true"); }); 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 = 'client/ne pas vendre'; // Vérifier si le client est connecté si (__st.cid != indéfini) { document.querySelector('#appi-modal-container-text').innerHTML = 'Je donne mon consentement à la collecte de mon e-mail et de mon adresse IP dans le but de traiter cette demande. Pour en savoir plus, consultez la politique de confidentialité et les conditions d'utilisation .'; } autre { document.querySelector('#appi-modal-container-text').innerHTML = 'Je donne mon consentement à la collecte de mon e-mail et de mon adresse IP dans le but de traiter cette demande. Pour en savoir plus, consultez la politique de confidentialité et les conditions d'utilisation . Remarque : si vous êtes un utilisateur invité ou si vous n'êtes pas connecté à votre compte, votre choix de désinscription ne sera effectif que pour cette session de navigateur. } openVerificationModal(); }); document.querySelector('#btn-appi-delete-account-request').addEventListener('clic', function(e) { e.preventDefault(); appSlideUpAll(); slideDown(document.querySelector('#form-appi-delete-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); 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 = '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); } } } });