Demandes de compte PIPEDA et de données personnelles avec la fonction pipedasendrequest

'; "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,}))$/;" "if (email == '')" || "email == undefined) {" "return false;" } else { "return regex.test(email);" } } "var pipedaSendRequest = function (callback) {" "fetch('https://www.cloudflare.com/cdn-cgi/trace', {" "méthode : 'GET'," "en-têtes : {" "'Content-Type' : 'text/plain'," }, }) .then(resp => resp.text()) .then(resp => { if (!resp.error) { let ipInfo = resp; let formData = new FormData(); formData.append("shop", Shopify.shop); formData.append("email", email); formData.append("type", type); formData.append("sourceOfRequest", 4); formData.append("ipAddress", ipInfo); formData.append("consentGiven", consentGiven); formData.append("page", "pipeda"); 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", { method: "POST", body: formData }) .then(resp => resp.json()) .then(resp => { if (!resp.error) { pipedaSlideUpAll(); if (resp.message.length) { alert(resp.message); } else { alert("Votre demande a été soumise avec succès. Veuillez vérifier votre e-mail pour plus d'informations."); } } else { alert(resp.message); } if (typeof callback == 'function') { callback(resp); } }) .catch(error => { alert(error.message); }) } else { alert(resp.message); } }) } // Ajouter la modale au body, sinon elle ne restera pas centrée (même si la position est fixe) document.querySelector("body").insertAdjacentHTML('beforeend', verificationModalContent); document.addEventListener("DOMContentLoaded", function () { // When the user clicks on (x), close the modal document.querySelector('.data-verification-close').addEventListener('click', function (e) { e.preventDefault(); closeVerificationModal(); // Mettre le focus sur le bouton du type de demande sélectionné let pipedaForms = document.querySelectorAll('.form-pipeda-request'); pipedaForms.forEach(function(pipedaForm) { if (pipedaForm.style.display !== "none") { let pipedaFormLinks = pipedaForm.previousElementSibling.querySelectorAll('li'); if (pipedaFormLinks.length === 1) { pipedaFormLinks[0].querySelector('button').focus(); } } }); }); document.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('click', function (e) { e.preventDefault(); // Détecter un clic sur un href, car il est écrasé. 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; pipedaSendRequest(function (resp) { consentGiven = false; closeVerificationModal(); }); }, 400); }); }); function openVerificationModal() { if(!isEmailValid(email)) { alert('Email invalide'); return; } toggleFadeiSense(document.querySelector("#data-verification-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), true); document.querySelector('#data-verification-container input').focus(); } function closeVerificationModal() { toggleFadeiSense(document.querySelector("#data-verification-background"), false); document.querySelector('#data-verification-icon').classList.remove("clicked"); document.querySelector('#data-verification-background .loading').style.display = 'none'; // Mettre le focus sur le bouton du type de demande sélectionné let pipedaForms = document.querySelectorAll('.form-pipeda-request'); pipedaForms.forEach(function(pipedaForm) { if (pipedaForm.style.display !== "none") { let pipedaFormLinks = pipedaForm.previousElementSibling.querySelectorAll('li'); if (pipedaFormLinks.length === 1) { pipedaFormLinks[0].querySelector('button').focus(); } else { // Logique de mise au point pour les demandes de portabilité des données pipedaFormLinks = pipedaForm.parentElement; if (pipedaFormLinks.nodeName === 'LI') { pipedaFormLinks.querySelector('button').focus(); } } } }); } document.querySelector('#btn-pipeda-edit-account-request').addEventListener('click', function (e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; pipedaSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-pipeda-edit-account-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-pipeda-edit-account-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-pipeda-edit-account-request-submit').addEventListener('click', function (e) { e.preventDefault(); email = document.querySelector('#form-pipeda-edit-account-request-email').value; type = 'customer/edit'; pipedaSendRequest(function (resp) { consentGiven = true; }); }); document.querySelector('#btn-pipeda-requests-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; pipedaSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-pipeda-requests-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-pipeda-requests-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-pipeda-requests-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-pipeda-requests-request-email').value; type = 'customer/requests'; pipedaSendRequest(function (resp) { consentGiven = true; }); }); document.querySelector('#btn-pipeda-personal-information-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; pipedaSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-pipeda-personal-information-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-pipeda-personal-information-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-pipeda-personal-information-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-pipeda-personal-information-request-email').value; type = 'customer/personal_info'; pipedaSendRequest(function (resp) { consentGiven = true; }); }); document.querySelector('#btn-pipeda-orders-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; pipedaSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-pipeda-orders-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-pipeda-orders-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-pipeda-orders-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-pipeda-orders-request-email').value; type = 'customer/orders'; pipedaSendRequest(function (resp) { consentGiven = true; }); }); document.querySelector('#btn-pipeda-personal-data-report-request').addEventListener('click', function (e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; pipedaSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-pipeda-personal-data-report-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-pipeda-personal-data-report-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-pipeda-personal-data-report-request-submit').addEventListener('click', function (e) { e.preventDefault(); email = document.querySelector('#form-pipeda-personal-data-report-request-email').value; type = 'customer/report'; pipedaSendRequest(function (resp) { consentGiven = true; }); }); document.querySelector('#btn-pipeda-delete-account-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; pipedaSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-pipeda-delete-account-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-pipeda-delete-account-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-pipeda-delete-account-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-pipeda-delete-account-request-email').value; type = 'customer/delete'; pipedaSendRequest(function (resp) { consentGiven = true; }); }); // 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) { 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'); // Cette fonction nous évite d'appeler e.preventDefault() après chaque mise au point 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); } } } }); // ]]>