符合 POPIA 规定

'； var isEmailValid = 函数（电子邮件）{ 让正则表达式 = /^(([^()\[\]\\.,;:\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,}))$/; 如果（电子邮件 == '' || 电子邮件 == 未定义）{ 返回 false； } 别的 { 返回 regex.test(email); } } var popiaSendRequest = 函数（回调）{ 获取（'https://www.cloudflare.com/cdn-cgi/trace'，{ 方法：'GET'， 标题：{ ‘内容类型’：‘text/plain’， }， }） .then(resp => resp.text()) .then(resp => { 如果（！resp.error）{ 让 ipInfo = resp; 让 formData = new FormData(); formData.append（'shop'，Shopify.shop）； formData.append（'电子邮件'，电子邮件）； formData.append（'类型'，类型）； 表单数据.append('sourceOfRequest', 10); formData.append（'ipAddress'，ipInfo）; formData.append（'同意'，同意）； formData.append（'页面'，'popia'）; formData.append（'lang'，Shopify.locale？Shopify.locale：''）; formData.append('gtranslateLang', isenseGDPR.Cookies.get('googtrans') ? isenseGDPR.Cookies.get('googtrans') : ''); 获取（'https://gdpr.apps.isenselabs.com/gdprRequests/submitRequest'，{ 方法：'POST'， 正文：formData }） .then（resp => resp.json（）） .then(resp => { 如果（！resp.error）{ popiaSlideUpAll()； 如果（resp.message.length）{ 警报（响应消息）； } 别的 { alert('您的请求已成功提交。请查看您的电子邮件以获取更多信息。'); } } 别的 { 警报（响应消息）； } 如果 (typeof 回调 == 'function') { 回调（resp）； } }） .catch（错误 => { 警报（错误消息）； }） } 别的 { 警报（响应消息）； } }） } //将模态框附加到主体，否则它将不会保持居中（即使位置是固定的） document.querySelector("body").insertAdjacentHTML('beforeend'，verificationModalContent); document.addEventListener("DOMContentLoaded", 函数 () { // 当用户点击（x）时，关闭模态框 document.querySelector('.data-verification-close').addEventListener('click', function (e) { 防止默认设置（）； 关闭验证模式（）； // 聚焦所选请求类型的按钮 让 popiaForms = document.querySelectorAll('.form-popia-request'); popiaForms.forEach(函数(popiaForm) { 如果 (popiaForm.style.display !== "无") { 让 popiaFormLinks = popiaForm.previousElementSibling.querySelectorAll('li'); 如果 (popiaFormLinks.length === 1) { popiaFormLinks[0].querySelector('按钮').focus(); } } }); }); document.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('click', function (e) { 防止默认设置（）； // 检测 href 的点击，因为它被覆盖了。 如果 (e.target.tagName === “A”) { 窗口.打开（e.target.href，'_blank'）； 返回; } document.querySelector('#data-verification-icon').classList.add("点击"); 设置超时（（）=> { 切换FadeiSense（document.querySelector（“#data-verification-modal”），false）； document.querySelector('#data-verification-background .loading').style.display = 'inline-block'; 同意 = true; popiaSendRequest（函数（resp）{ 同意=假； 关闭验证模式（）； }); },400); }); }); 函数 openVerificationModal() { 如果（！isEmailValid（电子邮件））{ alert('无效的电子邮件'); 返回; } 切换FadeiSense（document.querySelector（“#data-verification-modal”），true）； 切换FadeiSense（document.querySelector（'#data-verification-background'），true）； document.querySelector('#data-verification-container 输入').focus(); } 函数 closeVerificationModal() { 切换FadeiSense（document.querySelector（“#data-verification-background”），false）； document.querySelector('#data-verification-icon').classList.remove("已点击"); document.querySelector('#data-verification-background .loading').style.display = 'none'; // 聚焦所选请求类型的按钮 让 popiaForms = document.querySelectorAll('.form-popia-request'); popiaForms.forEach(函数(popiaForm) { 如果 (popiaForm.style.display !== "无") { 让 popiaFormLinks = popiaForm.previousElementSibling.querySelectorAll('li'); 如果 (popiaFormLinks.length === 1) { popiaFormLinks[0].querySelector('按钮').focus(); } 别的 { // 数据可移植性请求的焦点逻辑 popiaFormLinks = popiaForm.parentElement; 如果 (popiaFormLinks.nodeName === 'LI') { popiaFormLinks.querySelector('按钮').focus(); } } } }); } document.querySelector('#btn-popia-edit-account-request').addEventListener('click', function (e) { 防止默认设置（）； popiaSlideUpAll()； 向下滑动（document.querySelector（'#form-popia-edit-account-request'），200）； 这个.setAttribute（ “aria-expanded”， “true”）； }); document.querySelector('#form-popia-edit-account-request-submit').addEventListener('click', function (e) { 防止默认设置（）； 电子邮件 = document.querySelector（'#form-popia-edit-account-request-email'）。值； 类型 = '客户/编辑'; 打开验证模式（）； }); document.querySelector('#btn-popia-requests-request').addEventListener('点击', function(e) { 防止默认设置（）； popiaSlideUpAll()； 向下滑动（document.querySelector（'#form-popia-requests-request'），200）； 这个.setAttribute（ “aria-expanded”， “true”）； }); document.querySelector('#form-popia-requests-request-submit').addEventListener('click', function(e) { 防止默认设置（）； 电子邮件 = document.querySelector（'#form-popia-requests-request-email'）。值； 类型 = '客户/请求'; 打开验证模式（）； }); document.querySelector('#btn-popia-personal-information-request').addEventListener('click', function(e) { 防止默认设置（）； popiaSlideUpAll()； 向下滑动（document.querySelector（'#form-popia-personal-information-request'），200）； 这个.setAttribute（ “aria-expanded”， “true”）； }); document.querySelector('#form-popia-personal-information-request-submit').addEventListener('click', function(e) { 防止默认设置（）； 电子邮件 = document.querySelector（'#form-popia-personal-information-request-email'）。值； 类型 = '客户/个人信息'; 打开验证模式（）； }); document.querySelector('#btn-popia-orders-request').addEventListener('点击', function(e) { 防止默认设置（）； popiaSlideUpAll()； 向下滑动（document.querySelector（'#form-popia-orders-request'），200）； 这个.setAttribute（ “aria-expanded”， “true”）； }); document.querySelector('#form-popia-orders-request-submit').addEventListener('click', function(e) { 防止默认设置（）； 电子邮件 = document.querySelector（'#form-popia-orders-request-email'）。值； 类型 = '客户/订单'; 打开验证模式（）； }); document.querySelector('#btn-popia-personal-data-report-request').addEventListener('click', function (e) { 防止默认设置（）； popiaSlideUpAll()； 向下滑动（document.querySelector（'#form-popia-personal-data-report-request'），200）； 这个.setAttribute（ “aria-expanded”， “true”）； }); document.querySelector('#form-popia-personal-data-report-request-submit').addEventListener('click', function (e) { 防止默认设置（）； 电子邮件 = document.querySelector（'#form-popia-personal-data-report-request-email'）。值； 类型 = '客户/报告'; 打开验证模式（）； }); document.querySelector('#btn-popia-delete-account-request').addEventListener('click', function(e) { 防止默认设置（）； popiaSlideUpAll()； 向下滑动（document.querySelector（'#form-popia-delete-account-request'），200）； 这个.setAttribute（ “aria-expanded”， “true”）； }); document.querySelector('#form-popia-delete-account-request-submit').addEventListener('click', function(e) { 防止默认设置（）； 电子邮件 = document.querySelector（'#form-popia-delete-account-request-email'）。值； 类型 = '客户/删除'; 打开验证模式（）； }); // 数据验证模式中的键盘导航，以实现无障碍功能 document.querySelector（'＃data-verification-modal'）。addEventListener（'keydown'，function（e）{ 让 isTabPressed = e.keyCode === 9 || e.key ===“Tab”|| e.code === "Tab"; 让 isEscapePressed = e.keyCode === 27 || e.key === “退出” || e.code === "逃脱"; 让 isSpacePressed = 事件.keyCode === 32 || e.密钥 ===“ ”|| event.code === "空间"; 让 isEnterPressed = 事件.keyCode === 13 || e.key ===“输入”||事件.code === "输入"; 让 dataVerificationCloseButton = document.querySelector('.data-verification-close'); 让 dataVerificationCheckbox = document.querySelector('#data-verification-container 输入'); 让 dataVerificationLink = document.querySelector('#data-verification-container a'); // 此函数省去了我们每次聚焦后调用 e.preventDefault() 的麻烦 让 executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();} 如果 (isEscapePressed) { 如果（数据验证关闭按钮）{ dataVerificationCloseButton.click(); } } 如果 (isSpacePressed || isEnterPressed) { if (document.activeElement === dataVerificationCheckbox) { document.querySelector('#data-verification-container #data-verification-icon').click(); } } 如果（isTabPressed）{ 如果 (e.shiftKey) { 如果 (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) { 执行焦点（数据验证链接）； } } 别的 { if (dataVerificationLink && document.activeElement === dataVerificationLink) { 执行焦点（数据验证关闭按钮）； } } } }); // ]]>