Naleving van CCPA-CPRA

'; var ccpaSendRequest = function(callback) { fetch(''https://www.cloudflare.com/cdn-cgi/trace'', { method: ''GET'' , headers: { ''Content-Type'': ''text/plain'',' '11': "headers: { }, }) .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 }); window.Shopify.trackingConsent.setTrackingConsent(false,function() { console.log(''setTrackingConsent false'')}); if (window.Shopify.customerPrivacy.userDataCanBeSold()) { window.Shopify.customerPrivacy.setCCPAConsent(false, () => {}); } if (document.querySelector(''.cc-window'')) { document.querySelector('.cc-window').style.display = 'none'; } // reset popup tekst document.querySelector('#ccpa-modal-container-text').innerHTML = 'Ik geef mijn toestemming voor het verzamelen van mijn e-mail en IP-adres voor het verwerken van dit verzoek. Voor meer informatie, bekijk Privacy Policy &amp Terms of Service.'; } formData.append('shop', Shopify.shop); formData.append('email', email); formData.append('type', type); formData.append('sourceOfRequest', 6); formData.append('ipAddress', ipInfo); formData.append('consentGiven', consentGiven); formData.append('page', 'ccpa-cpra'); 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) { ccpaSlideUpAll(); if (resp.message.length) { alert(resp.message); } else { alert('Je aanvraag is succesvol ingediend. Controleer je e-mail voor meer informatie.'); } } else { alert(resp.message); } if (typeof callback == 'function') { callback(resp); } }) .catch(error => { alert(error.message); }) } else { alert(resp.message); } }) } //Modal toevoegen aan body, want anders blijft het niet gecentreerd (zelfs als de positie fixed is) 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(); // Detecteer een klik op een href, omdat deze is overschreven. 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; ccpaSendRequest(function(resp) { consentGiven = false; closeVerificationModal(); }); }, 400); }); }); function openVerificationModal(){ 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'; // Focus de knop van het type verzoek dat gekozen is let ccpaForms = document.querySelectorAll('.form-ccpa-request'); ccpaForms.forEach(function(ccpaForm) { if (ccpaForm.style.display !== "none") { let ccpaFormLinks = ccpaForm.previousElementSibling.querySelectorAll('li'); if (ccpaFormLinks.length === 1) { ccpaFormLinks[0].querySelector('button').focus(); } else if (ccpaFormLinks.length > 1) { ccpaFormPickedLinkValue = document.querySelector('#form-ccpa-data-account-request-request-type').value; switch (ccpaFormPickedLinkValue) { case 'customer/requests': ccpaFormLinks[0].querySelector('button').focus(); break; case 'customer/personal_info': ccpaFormLinks[1].querySelector('button').focus(); break; case 'customer/orders': ccpaFormLinks[2].querySelector('button').focus(); break; default: break; } } } }); } document.querySelector('#btn-ccpa-edit-account-request').addEventListener('click', function(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('click', function(e) { e.preventDefault(); email = document.querySelector('#form-ccpa-edit-account-request-email').value; type = 'customer/edit'; openVerificationModal(); }); document.querySelectorAll('#btn-ccpa-requests-request, #btn-ccpa-personal-information-request, #btn-ccpa-orders-request').forEach(element => { element.addEventListener('click', function(e) { e.preventDefault(); ccpaSlideUpAll(); type = ''; // Reset het popupbericht document.querySelector('#ccpa-modal-container-text').innerHTML = 'Ik geef mijn toestemming voor het verzamelen van mijn e-mail en IP-adres voor het verwerken van dit verzoek. Voor meer informatie, bekijk Privacy Policy &amp Terms of Service.'; switch(this.getAttribute('id')) { case 'btn-ccpa-requests-request': type = 'customer/requests'; break; case 'btn-ccpa-personal-information-request': type = 'customer/personal_info'; break; case 'btn-ccpa-orders-request': type = 'customer/orders'; break; } 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('click', function(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('click', function(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('click', function(e) { e.preventDefault(); email = document.querySelector('#form-ccpa-personal-data-report-request-email').value; type = 'customer/report'; openVerificationModal(); }); document.querySelectorAll('#btn-ccpa-do-not-sell-request, #btn-ccpa-limit-use-request').forEach(element => { element.addEventListener('click', function(e) { e.preventDefault(); ccpaSlideUpAll(); type = ''; switch(this.getAttribute('id')) { case 'btn-ccpa-do-not-sell-request': type = 'customer/do-not-sell'; break; case 'btn-ccpa-limit-use-request': type = 'customer/limit-use'; break; } 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('click', 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; // Controleer of de klant is ingelogd if (__st.cid != undefined) { document.querySelector('#ccpa-modal-container-text').innerHTML = 'Ik geef mijn toestemming voor het verzamelen van mijn e-mail en IP-adres voor het verwerken van dit verzoek. Voor meer informatie, bekijk Privacy Policy &amp Terms of Service.'; } else { document.querySelector('#ccpa-modal-container-text').innerHTML = 'Ik geef mijn toestemming voor het verzamelen van mijn e-mail en IP-adres voor het verwerken van dit verzoek. Voor meer informatie, bekijk Privacy Policy &amp Terms of Service. Opmerking: Als je een gastgebruiker bent of niet bent ingelogd op je account, is je afmeldkeuze alleen van toepassing voor deze browsersessie.'; } openVerificationModal(); }); document.querySelector('#btn-ccpa-delete-account-request').addEventListener('click', function(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('click', function(e) { e.preventDefault(); email = document.querySelector('#form-ccpa-delete-account-request-email').value; type = 'customer/delete'; openVerificationModal(); }); // Keyboard navigatie voor de verzoeken op de compliance pagina document.querySelector('#ccpa_page').addEventListener('keydown', function(e) { let isTabPressed = e.keyCode === 9 || e.key === "Tab" || e.code === "Tab"; // Deze functie bespaart ons de moeite om e.preventDefault() na elke focus aanroep te doen let executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();} if (isTabPressed) { let ccpaFormPickedLinkValue = document.querySelector('#form-ccpa-data-account-request-request-type').value; let ccpaRequestsButton = document.querySelector('#btn-ccpa-requests-request'); let personalInformationButton = document.querySelector('#btn-ccpa-personal-information-request'); let ordersButton = document.querySelector('#btn-ccpa-orders-request'); let personalDataReportButton = document.querySelector('#btn-ccpa-personal-data-report-request'); let dataAccountFormEmailField = document.querySelector('#form-ccpa-data-account-request-email'); let dataAccountFormSubmitButton = document.querySelector('#form-ccpa-data-account-request-submit'); if (e.shiftKey) { if ((document.activeElement === personalInformationButton && ccpaFormPickedLinkValue === 'customer/requests') || (document.activeElement === ordersButton && ccpaFormPickedLinkValue === 'customer/personal_info')) { executeFocus(dataAccountFormSubmitButton); } else if (document.activeElement === dataAccountFormEmailField) { if (ccpaFormPickedLinkValue === 'customer/requests') { executeFocus(ccpaRequestsButton); } else if (ccpaFormPickedLinkValue === 'customer/personal_info') { executeFocus(personalInformationButton); } } else if (document.activeElement === personalDataReportButton) { if (ccpaFormPickedLinkValue !== 'customer/orders') { executeFocus(ordersButton); } } } else { if ((document.activeElement === ccpaRequestsButton && ccpaFormPickedLinkValue === 'customer/requests') || (document.activeElement === personalInformationButton && ccpaFormPickedLinkValue === 'customer/personal_info')) { executeFocus(dataAccountFormEmailField); } else if (document.activeElement === dataAccountFormSubmitButton) { if (ccpaFormPickedLinkValue === 'customer/requests') { executeFocus(personalInformationButton); } else if (ccpaFormPickedLinkValue === 'customer/personal_info') { executeFocus(ordersButton); } } else if (document.activeElement === ordersButton) { if (ccpaFormPickedLinkValue !== 'customer/orders') { executeFocus(personalDataReportButton); } } } } }); // Toetsenbordnavigatie in data verificatie modal voor toegankelijkheid 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'); // Deze functie bespaart ons de moeite om e.preventDefault() na elke focus aanroep te doen 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); } } } });