';

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;

} anders {

return regex.test(email);

}

}

var appiSendRequest = function(callback) {

fetch('https://www.cloudflare.com/cdn-cgi/trace', {

method: 'GET' ,

headers: {

'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') {

window.Shopify.customerPrivacy.setTrackingConsent(

{

"sale_of_data": false,

},

() => { console.log('sale_of_data: false')}

);

} anders {

console.log('Customer Privacy API is niet gedefinieerd op de huidige pagina');

}

if (document.querySelector('.cc-window')) {

document.querySelector('.cc-window').style.display = 'none';

}

// reset popup tekst

document.querySelector('#appi-modal-container-text').innerHTML = 'Ik geef mijn toestemming voor het verzamelen van mijn e-mailadres en IP-adres voor het verwerken van dit verzoek. Voor meer informatie, zie Privacybeleid &amp Servicevoorwaarden.';

}

formData.append('shop', Shopify.shop);

formData.append('email', email);

formData.append('type', type);

formData.append('sourceOfRequest', 3);

formData.append('ipAddress', ipInfo);

formData.append('consentGiven', toestemmingGegeven);

formData.append('page', 'appi');

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', {

methode: 'POST',

body: formData

})

.then(resp => resp.json())

.then(resp => {

if (!resp.error) {

appiSlideUpAll();

if (resp.message.length) {

alert(resp.message);

} anders {

alert('Uw aanvraag is succesvol ingediend. Controleer uw e-mail voor meer informatie.');

}

} anders {

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 niet 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();

}

// Wanneer de gebruiker op (x) klikt, sluit de modal

document.querySelector('.data-verification-close').addEventListener('click', function(e) {

e.preventDefault();

sluitVerificatieModal();

// Focus de knop van het type verzoek dat is gekozen

let appiForms = document.querySelectorAll('.form-appi-request');

appiForms.forEach(function(appiForm) {

if (appiForm.style.display !== "none") {

let appiFormLinks = appiForm.previousElementSibling.querySelectorAll('li');

if (appiFormLinks.length === 1) {

appiFormLinks[0].querySelector('button').focus();

}

}

});

});

document.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('click', function(e) {

e.preventDefault();

// Detecteer een klik op href, omdat deze wordt 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';

toestemmingGegeven = true;

appiVerzoekVerzenden(function(resp) {

toestemmingGegeven = false;

sluitVerificatieModal();

});

}, 400);

});

});

function openVerificatieModal(){

if(!isEmailValid(email)) {

alert('Ongeldig e-mailadres');

return;

}

toggleFadeiSense(document.querySelector("#data-verification-modal"), true);

toggleFadeiSense(document.querySelector('#data-verification-background'), true);

document.querySelector('#data-verification-container input').focus();

}

function sluitVerificatieModal(){

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 is gekozen

let appiForms = document.querySelectorAll('.form-appi-request');

appiForms.forEach(function(appiForm) {

if (appiForm.style.display !== "none") {

let appiFormLinks = appiForm.previousElementSibling.querySelectorAll('li');

if (appiFormLinks.length === 1) {

appiFormLinks[0].querySelector('button').focus();

} anders {

// Focuslogica voor Data Portability-verzoeken

appiFormLinks = appiForm.parentElement;

if (appiFormLinks.nodeName === 'LI') {

appiFormLinks.querySelector('button').focus();

}

}

}

});

}

document.querySelector('#btn-appi-edit-account-request').addEventListener('click', function(e) {

e.preventDefault();

let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false;

appiSlideUpAll();

if(!isExpanded) {

slideDown(document.querySelector('#form-appi-edit-account-request'), 200);

this.setAttribute("aria-expanded", "true");

} anders {

slideUp(document.querySelector('#form-appi-edit-account-request'), 200);

this.setAttribute("aria-expanded", "false");

}

});

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 = 'customer/edit';

appiVerzoekVerzenden(function(resp) {

toestemmingGegeven = true;

});

});

document.querySelector('#btn-appi-requests-request').addEventListener('click', function(e) {

e.preventDefault();

let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false;

appiSlideUpAll();

if(!isExpanded) {

slideDown(document.querySelector('#form-appi-requests-request'), 200);

this.setAttribute("aria-expanded", "true");

} anders {

slideUp(document.querySelector('#form-appi-requests-request'), 200);

this.setAttribute("aria-expanded", "false");

}

});

document.querySelector('#form-appi-requests-request-submit').addEventListener('click', function(e) {

e.preventDefault();

email = document.querySelector('#form-appi-requests-request-email').value;

type = 'customer/requests';

appiVerzoekVerzenden(function(resp) {

toestemmingGegeven = true;

});

});

document.querySelector('#btn-appi-personal-information-request').addEventListener('click', function(e) {

e.preventDefault();

let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false;

appiSlideUpAll();

if(!isExpanded) {

slideDown(document.querySelector('#form-appi-personal-information-request'), 200);

this.setAttribute("aria-expanded", "true");

} anders {

slideUp(document.querySelector('#form-appi-personal-information-request'), 200);

this.setAttribute("aria-expanded", "false");

}

});

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 = 'customer/personal_info';

appiVerzoekVerzenden(function(resp) {

toestemmingGegeven = true;

});

});

document.querySelector('#btn-appi-orders-request').addEventListener('click', function(e) {

e.preventDefault();

let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false;

appiSlideUpAll();

if(!isExpanded) {

slideDown(document.querySelector('#form-appi-orders-request'), 200);

this.setAttribute("aria-expanded", "true");

} anders {

slideUp(document.querySelector('#form-appi-orders-request'), 200);

this.setAttribute("aria-expanded", "false");

}

});

document.querySelector('#form-appi-orders-request-submit').addEventListener('click', function(e) {

e.preventDefault();

email = document.querySelector('#form-appi-orders-request-email').value;

type = 'customer/orders';

appiVerzoekVerzenden(function(resp) {

toestemmingGegeven = true;

});

});

document.querySelector('#btn-appi-personal-data-report-request').addEventListener('click', function(e) {

e.preventDefault();

let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false;

appiSlideUpAll();

if(!isExpanded) {

slideDown(document.querySelector('#form-appi-personal-data-report-request'), 200);

this.setAttribute("aria-expanded", "true");

} anders {

slideUp(document.querySelector('#form-appi-personal-data-report-request'), 200);

this.setAttribute("aria-expanded", "false");

}

});

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 = 'customer/report';

appiVerzoekVerzenden(function(resp) {

toestemmingGegeven = true;

});

});

document.querySelector('#btn-appi-do-not-sell-request').addEventListener('click', function(e) {

e.preventDefault();

let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false;

appiSlideUpAll();

if(!isExpanded) {

slideDown(document.querySelector('#form-appi-do-not-sell-request'), 200);

this.setAttribute("aria-expanded", "true");

} anders {

slideUp(document.querySelector('#form-appi-do-not-sell-request'), 200);

this.setAttribute("aria-expanded", "false");

}

});

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 = 'customer/do-not-sell';

// Controleer of klant is ingelogd

if (__st.cid != undefined) {

document.querySelector('#appi-modal-container-text').innerHTML = 'Ik geef mijn toestemming voor het verzamelen van mijn e-mailadres en IP-adres voor het verwerken van dit verzoek. Voor meer informatie, zie Privacybeleid &amp Servicevoorwaarden.';

} anders {

document.querySelector('#appi-modal-container-text').innerHTML = 'Ik geef mijn toestemming voor het verzamelen van mijn e-mailadres en IP-adres voor het verwerken van dit verzoek. Voor meer informatie, zie Privacybeleid &amp Servicevoorwaarden. Opmerking: Als u een gastgebruiker bent of niet bent ingelogd op uw account, is uw afmeldkeuze alleen van kracht voor deze browsersessie.';

}

appiVerzoekVerzenden(function(resp) {

toestemmingGegeven = true;

});

});

document.querySelector('#btn-appi-delete-account-request').addEventListener('click', function(e) {

e.preventDefault();

let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false;

appiSlideUpAll();

if(!isExpanded) {

slideDown(document.querySelector('#form-appi-delete-account-request'), 200);

this.setAttribute("aria-expanded", "true");

} anders {

slideUp(document.querySelector('#form-appi-delete-account-request'), 200);

this.setAttribute("aria-expanded", "false");

}

});

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 = 'customer/delete';

appiVerzoekVerzenden(function(resp) {

toestemmingGegeven = true;

});

});

// 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 focusaanroep te moeten aanroepen

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);

}

} anders {

if (dataVerificationLink && document.activeElement === dataVerificationLink) {

executeFocus(dataVerificationCloseButton);

}

}

}

});