Page de chargement Donotsell de 1500 ms et document Togglefadeisense

'; "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 usSendRequest = 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(); if (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") { if (typeof localStorage.getItem("gdprCache") !== "undefined" && localStorage.getItem("gdprCache") !== null) { let gdprCache = JSON.parse(localStorage.getItem("gdprCache")); if (typeof gdprCache.userIsInSaleOfDataRegion !== "undefined" && (gdprCache.userIsInSaleOfDataRegion === "true" || gdprCache.userIsInSaleOfDataRegion === true)) { window.Shopify.customerPrivacy.setTrackingConsent( { "sale_of_data": false, }, () => { console.log("sale_of_data: false")} ); } } } else { console.log("L'API de confidentialité client n'est pas définie sur la page actuelle"); } if (document.querySelector(".cc-window")) { document.querySelector(".cc-window").style.display = "none"; } // réinitialiser le texte du popup document.querySelector('#donotsell-modal-container-text').innerHTML = 'Je donne mon consentement pour la collecte de mon email et de mon adresse IP dans le but de traiter cette demande. Pour plus d'informations, consultez Politique de confidentialité &amp Conditions d'utilisation.'; } formData.append("shop", Shopify.shop); formData.append("email", email); formData.append('type', type); formData.append('sourceOfRequest', 7); formData.append('ipAddress', ipInfo); formData.append('consentGiven', consentGiven); formData.append('page', 'us laws'); 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) { usSlideUpAll(); 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); }) } sinon { 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() { 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(); closeVerificationModal(); }); 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'); retourner; } 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; usSendRequest(function(resp) { consentGiven = false; closeVerificationModal(); }); }, 400); }); }); fonction openVerificationModal(){ si(!isEmailValid(email)) { alerte('Email invalide'); retourner; } toggleFadeiSense(document.querySelector("#data-verification-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), true); document.querySelector('#data-verification-container input').focus(); } fonction 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é laissez usLawsForms = document.querySelectorAll('.form-donotsell-request'); usLawsForms.forEach(function(usLawsForm) { si (usLawsForm.style.display !== "none") { laissez usLawsFormLinks = usLawsForm.previousElementSibling.querySelectorAll('li'); si (usLawsFormLinks.length === 1) { usLawsFormLinks[0].querySelector('button').focus(); } else { // Logique de focus pour les demandes de portabilité des données usLawsFormLinks = usLawsForm.parentElement; if (usLawsFormLinks.nodeName === 'LI') { usLawsFormLinks.querySelector('button').focus(); } } } }); } document.querySelector('#btn-donotsell-do-not-sell-request').addEventListener('change', function(e) { e.preventDefault(); let isExpanded = this.checked; usSlideUpAll(); if(isExpanded) { slideDown(document.querySelector('#form-donotsell-do-not-sell-request'), 200); } else { slideUp(document.querySelector('#form-donotsell-do-not-sell-request'), 200); } }); document.querySelector('#form-donotsell-do-not-sell-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-donotsell-do-not-sell-request-email').value; type = 'customer/do-not-sell'; // Vérifier si le client est connecté if (__st.cid != undefined) { document.querySelector('#donotsell-modal-container-text').innerHTML = 'Je donne mon consentement pour la collecte de mon email et de mon adresse IP dans le but de traiter cette demande. Pour plus d'informations, consultez Politique de confidentialité &amp Conditions d'utilisation.'; } else { document.querySelector('#donotsell-modal-container-text').innerHTML = 'Je donne mon consentement pour la collecte de mon email et de mon adresse IP dans le but de traiter cette demande. Pour plus d'informations, consultez Politique de confidentialité &amp Conditions d'utilisation. Note : 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(); }); // 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); } } } }); function showSuccessMessage() { var successMessageh3 = document.getElementById('pc--opt-out-success'); var successMessageEle = successMessageh3.getElementsByTagName('span')[0]; var successMessage = 'Désinscription réussie'; successMessageEle.innerHTML = successMessage; successMessageh3.style.display = 'flex'; } function showErrorMessage() { document.getElementById('pc--opt-out-error').style.display = 'flex'; } function showNotApplicableMessage() { document.getElementById("pc--opt-out-not-applicable").style.display = "block"; } function configurerFormulaire() { var formContainer = document.getElementById("pc--opt-out-form-container"); formContainer.style.display = "block"; } function loadFeatureCallback(erreur) { if (erreur) { lancer erreur; } configurerFormulaire(); } function chargeurCcpaOptOut() { window.Shopify.loadFeatures( [ { name: "consent-tracking-api", version: "0.1", }, ], loadFeatureCallback, ); } chargeurCcpaOptOut(); document.getElementById("btn-donotsell-opt-out").addEventListener("click", function (e) { e.preventDefault(); window.Shopify.customerPrivacy.setTrackingConsent({"sale_of_data": false}, () => { afficherMessageSucces(); }); }); if (typeof window.Shopify.customerPrivacy !== "undefined") { var values = window.Shopify.customerPrivacy.currentVisitorConsent(); }