'; var ccpaSendRequest = 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', 'analyse,marketing,fonctionnalité,', { expire : 365 }); isenseGDPR.Cookies.set('cookieconsent_status', 'accept_selected', { expire : 365 }); fenêtre.Shopify.trackingConsent.setTrackingConsent(false,function() { console.log('setTrackingConsent false')}); si (window.Shopify.customerPrivacy.userDataCanBeSold()) { fenêtre.Shopify.customerPrivacy.setCCPAConsent(false, () => {}); } si (document.querySelector('.cc-window')) { document.querySelector('.cc-window').style.display = 'none'; } // réinitialiser le texte de la fenêtre contextuelle document.querySelector('#ccpa-modal-container-text').innerHTML = 'J'autorise la collecte de mon adresse 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.boutique); formData.append('email', email); formData.append('type', type); formData.append('sourceOfRequest', 6); formData.append('adresse IP', ipInfo); formData.append('consentementDonné', consentementDonné); formData.append('page', 'ccpa-cpra'); 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 }) .puis(resp => resp.json()) .puis(resp => { si (!resp.erreur) { ccpaSlideUpAll(); 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", fonction() { 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('clic', fonction(e) { e.preventDefault(); fermerVerificationModal(); }); document.querySelector('#icône-de-vérification-des-données, #conteneur-de-vérification-des-données p').addEventListener('clic', fonction(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é"); définirTimeout(()=>{ toggleFadeiSense(document.querySelector("#data-verification-modal"), false); document.querySelector('#data-verification-background .loading').style.display = 'inline-block'; consentementDonné = vrai; ccpaSendRequest(fonction(resp) { consentementDonné = faux; fermerVerificationModal(); }); }, 400); }); }); fonction openVerificationModal(){ 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'; // Focalisez le bouton du type de requête qui a été sélectionné laissez ccpaForms = document.querySelectorAll('.form-ccpa-request'); ccpaForms.forEach(fonction(ccpaForm) { si (ccpaForm.style.display !== "aucun") { laissez ccpaFormLinks = ccpaForm.previousElementSibling.querySelectorAll('li'); si (ccpaFormLinks.length === 1) { ccpaFormLinks[0].querySelector('bouton').focus(); } sinon si (ccpaFormLinks.length > 1) { ccpaFormPickedLinkValue = document.querySelector('#form-ccpa-data-account-request-request-type').value; commutateur (ccpaFormPickedLinkValue) { cas 'client/requêtes' : ccpaFormLinks[0].querySelector('bouton').focus(); casser; cas 'customer/personal_info' : ccpaFormLinks[1].querySelector('bouton').focus(); casser; cas 'client/commandes' : ccpaFormLinks[2].querySelector('bouton').focus(); casser; défaut: casser; } } } }); } document.querySelector('#btn-ccpa-edit-account-request').addEventListener('clic', fonction(e) { e.preventDefault(); ccpaSlideUpAll(); slideDown(document.querySelector('#form-ccpa-edit-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-ccpa-edit-account-request-submit').addEventListener('clic', fonction(e) { e.preventDefault(); email = document.querySelector('#form-ccpa-edit-account-request-email').value; type = 'client/modifier'; openVerificationModal(); }); document.querySelectorAll('#btn-ccpa-requests-request, #btn-ccpa-personal-information-request, #btn-ccpa-orders-request').forEach(element => { élément.addEventListener('clic', fonction(e) { e.preventDefault(); ccpaSlideUpAll(); type = ''; // Réinitialiser le message contextuel document.querySelector('#ccpa-modal-container-text').innerHTML = 'J'autorise la collecte de mon adresse 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 .'; commutateur(ceci.getAttribute('id')) { cas 'btn-ccpa-requests-request' : type = 'client/requêtes'; casser; cas 'btn-ccpa-personal-information-request' : type = 'client/informations_personnelles'; casser; cas 'btn-ccpa-orders-request' : type = 'client/commandes'; casser; } document.querySelector('#form-ccpa-data-account-request-request-type').value = type; slideDown(document.querySelector('#form-ccpa-data-account-request'), 200); this.setAttribute("aria-expanded", "true"); }) }); document.querySelector('#form-ccpa-data-account-request-submit').addEventListener('clic', fonction(e) { e.preventDefault(); email = document.querySelector('#form-ccpa-data-account-request-email').value; type = document.querySelector('#form-ccpa-data-account-request-request-type').value; openVerificationModal(); }); document.querySelector('#btn-ccpa-personal-data-report-request').addEventListener('clic', fonction(e) { e.preventDefault(); ccpaSlideUpAll(); slideDown(document.querySelector('#form-ccpa-personal-data-report-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-ccpa-personal-data-report-request-submit').addEventListener('clic', function(e) { e.preventDefault(); email = document.querySelector('#form-ccpa-personal-data-report-request-email').value; type = 'client/rapport'; openVerificationModal(); }); document.querySelectorAll('#btn-ccpa-do-not-sell-request, #btn-ccpa-limit-use-request').forEach(element => { élément.addEventListener('clic', fonction(e) { e.preventDefault(); ccpaSlideUpAll(); type = ''; commutateur(ceci.getAttribute('id')) { cas 'btn-ccpa-do-not-sell-request' : type = 'client/ne pas vendre'; casser; cas 'btn-ccpa-limit-use-request' : type = 'client/limite-utilisation'; casser; } document.querySelector('#form-ccpa-do-not-sell-request-request-type').value = type; slideDown(document.querySelector('#form-ccpa-do-not-sell-request'), 200); this.setAttribute("aria-expanded", "true"); }) }); document.querySelector('#form-ccpa-do-not-sell-request-submit').addEventListener('clic', function(e) { e.preventDefault(); email = document.querySelector('#form-ccpa-do-not-sell-request-email').value; type = document.querySelector('#form-ccpa-do-not-sell-request-request-type').value; // Vérifiez si le client est connecté si (__st.cid != indéfini) { document.querySelector('#ccpa-modal-container-text').innerHTML = 'J'autorise la collecte de mon adresse 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('#ccpa-modal-container-text').innerHTML = 'J'autorise la collecte de mon adresse 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 navigation.'; } openVerificationModal(); }); document.querySelector('#btn-ccpa-delete-account-request').addEventListener('clic', fonction(e) { e.preventDefault(); ccpaSlideUpAll(); slideDown(document.querySelector('#form-ccpa-delete-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-ccpa-delete-account-request-submit').addEventListener('clic', fonction(e) { e.preventDefault(); email = document.querySelector('#form-ccpa-delete-account-request-email').value; type = 'client/supprimer'; openVerificationModal(); }); // Navigation au clavier pour les requêtes de la page de conformité document.querySelector('#ccpa_page').addEventListener('keydown', function(e) { laissez isTabPressed = e.keyCode === 9 || e.key === "Tab" || e.code === "Tab"; // Cette fonction nous évite d'avoir à appeler e.preventDefault() après chaque mise au point laissez executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();} si (isTabPressed) { laissez ccpaFormPickedLinkValue = document.querySelector('#form-ccpa-data-account-request-request-type').value; laissez ccpaRequestsButton = document.querySelector('#btn-ccpa-requests-request'); laissez personalInformationButton = document.querySelector('#btn-ccpa-personal-information-request'); laissez ordersButton = document.querySelector('#btn-ccpa-orders-request'); laissez personalDataReportButton = document.querySelector('#btn-ccpa-personal-data-report-request'); laissez dataAccountFormEmailField = document.querySelector('#form-ccpa-data-account-request-email'); laissez dataAccountFormSubmitButton = document.querySelector('#form-ccpa-data-account-request-submit'); si (e.shiftKey) { si ((document.activeElement === personalInformationButton && ccpaFormPickedLinkValue === 'client/requêtes') || (document.activeElement === ordersButton && ccpaFormPickedLinkValue === 'customer/personal_info')) { executeFocus(donnéesCompteFormeSubmitButton); } sinon si (document.activeElement === dataAccountFormEmailField) { si (ccpaFormPickedLinkValue === 'client/requêtes') { executeFocus(ccpaRequestsButton); } sinon si (ccpaFormPickedLinkValue === 'customer/personal_info') { executeFocus(bouton d'informations personnelles); } } sinon si (document.activeElement === personalDataReportButton) { si (ccpaFormPickedLinkValue !== 'client/commandes') { executeFocus(bouton de commandes); } } } autre { si ((document.activeElement === ccpaRequestsButton && ccpaFormPickedLinkValue === 'client/requêtes') || (document.activeElement === personalInformationButton && ccpaFormPickedLinkValue === 'customer/personal_info')) { executeFocus(donnéesCompteFormeEmailField); } sinon si (document.activeElement === dataAccountFormSubmitButton) { si (ccpaFormPickedLinkValue === 'client/requêtes') { executeFocus(bouton d'informations personnelles); } sinon si (ccpaFormPickedLinkValue === 'customer/personal_info') { executeFocus(bouton de commandes); } } sinon si (document.activeElement === ordersButton) { si (ccpaFormPickedLinkValue !== 'client/commandes') { executeFocus(personalDataReportButton); } } } } }); // 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 === "Échapper" || 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-des-données #icône-de-vérification-des-données').click(); } } si (isTabPressed) { si (e.shiftKey) { si (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) { executeFocus(dataVerificationLink); } } autre { if (dataVerificationLink && document.activeElement === dataVerificationLink) { executeFocus(donnéesVerificationCloseButton); } } } });