Conformidade PIPEDA

'; var pipedaSendRequest = função (retorno de chamada) { fetch('https://www.cloudflare.com/cdn-cgi/trace', { método: 'GET', cabeçalhos: { 'Tipo de conteúdo': 'texto/simples', }, }) .então(resp => resp.text()) .então(resp => { se (!resp.error) { deixe ipInfo = resp; deixe formData = new FormData(); formData.append('loja', Shopify.loja); formData.append('email', e-mail); formData.append('tipo', tipo); formData.append('fonteDaSolicitação', 4); formData.append('endereçoip', ipInfo); formData.append('consentGiven', consentGiven); formData.append('página', 'pipeda'); 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', { método: 'POST', corpo: formData }) .então(resp => resp.json()) .then(resp => { if (!resp.error) { pipedaSlideUpAll(); se (resp.mensagem.comprimento) { alerta(resp.mensagem); } outro { alert('Sua solicitação foi enviada com sucesso. Verifique seu e-mail para obter mais informações.'); } } else { alert(resp.message); } se (tipo de retorno de chamada == 'função') { retorno de chamada(resp); } }) .catch(erro => { alerta(erro.mensagem); }) } else { alert(resp.message); } }) } //Append modal to body, because otherwise it will not stay centered(even if position is fixed) document.querySelector("corpo").insertAdjacentHTML('antes do fim', verificaçãoModalContent); document.addEventListener("DOMContentLoaded", função() { // When the user clicks on (x), feche o modal document.querySelector('.data-verification-close').addEventListener('click', function (e) { e.preventDefault(); fecharVerificaçãoModal(); // Focus the button of the request type that was picked deixe pipedaForms = document.querySelectorAll('.form-pipeda-request'); pipedaForms.forEach(função(pipedaForm) { if (pipedaForm.style.display! == "nenhum") { deixe pipedaFormLinks = pipedaForm.previousElementSibling.querySelectorAll('li'); se (pipedaFormLinks.length === 1) { pipedaFormLinks[0].querySelector('botão').focus(); } else if (pipedaFormLinks.length > 1) { pipedaFormPickedLinkValue = document.querySelector('#form-pipeda-data-account-request-request-type').value; interruptor (pipedaFormPickedLinkValue) { caso 'cliente/solicitações': pipedaFormLinks[0].querySelector('button').focus(); quebrar; caso 'cliente/informações_pessoais': pipedaFormLinks[1].querySelector('botão').focus(); break; caso 'cliente/pedidos': pipedaFormLinks[2].querySelector('botão').focus(); break; padrão: break; } } } }); }); document.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('click', function (e) { e.preventDefault(); // Detect a href's click, because it is overwritten. se (e.target.tagName === "A") { janela.abrir(e.target.href, '_blank'); retornar; } document.querySelector('#data-verification-icon').classList.add("clicado"); setTimeout(() => { toggleFadeiSense(document.querySelector("#data-verification-modal"), false); document.querySelector('#data-verification-background .loading').style.display = 'inline-block'; consentimentoDado = verdadeiro; pipedaSendRequest(função (resp) { consentimentoDado = falso; closeVerificationModal(); }); }, 400); }); }); função openVerificationModal() { toggleFadeiSense(document.querySelector("#data-verification-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), true); document.querySelector('#data-verification-container input').focus(); } função closeVerificationModal() { toggleFadeiSense(document.querySelector("#data-verification-background"), false); document.querySelector('#data-verification-icon').classList.remove("clicado"); document.querySelector('#data-verification-background .loading').style.display = 'none'; } document.querySelector('#btn-pipeda-edit-account-request').addEventListener('click', function (e) { e.preventDefault(); pipedaSlideUpAll(); slideDown(document.querySelector('#form-pipeda-edit-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-pipeda-edit-account-request-submit').addEventListener('click', function (e) { e.preventDefault(); email = document.querySelector('#form-pipeda-edit-account-request-email').value; tipo = 'cliente/editar'; abrirVerificaçãoModal(); }); document.querySelectorAll('#btn-pipeda-requests-request, #btn-pipeda-personal-information-request, #btn-pipeda-orders-request').forEach(element => { element.addEventListener('clique', função (e) { e.preventDefault(); pipedaSlideUpAll(); tipo = ''; alternar (this.getAttribute('id')) { caso 'btn-pipeda-requests-request': tipo = 'cliente/solicitações'; break; caso 'btn-pipeda-solicitação de informações pessoais': tipo = 'cliente/informações_pessoais'; break; caso 'btn-pipeda-orders-request': tipo = 'cliente/pedidos'; break; } document.querySelector('#form-pipeda-data-account-request-request-type').value = tipo; slideDown(document.querySelector('#form-pipeda-data-account-request'), 200); this.setAttribute("aria-expanded", "true"); }) }); document.querySelector('#form-pipeda-data-account-request-submit').addEventListener('click', function (e) { e.preventDefault(); email = document.querySelector('#form-pipeda-data-account-request-email').value; tipo = document.querySelector('#form-pipeda-data-account-request-request-type').value; openVerificationModal(); }); document.querySelector('#btn-pipeda-personal-data-report-request').addEventListener('clique', function (e) { e.preventDefault(); pipedaSlideUpAll(); slideDown(document.querySelector('#form-pipeda-personal-data-report-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-pipeda-personal-data-report-request-submit').addEventListener('click', function (e) { e.preventDefault(); email = document.querySelector('#form-pipeda-personal-data-report-request-email').value; tipo = 'cliente/relatório'; openVerificationModal(); }); // Keyboard navigation for the compliance page's requests document.querySelector('#pipeda_page').addEventListener('keydown', function(e) { deixe isTabPressed = e.keyCode === 9 || e.key === "Tab" || e.code === "Tab"; // This function saves us the trouble of calling e.preventDefault() after every focusing deixe executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();} se (éTabPressionado) { deixe pipedaFormPickedLinkValue = document.querySelector('#form-pipeda-data-account-request-request-type').value; deixe pipedaRequestsButton = document.querySelector('#btn-pipeda-requests-request'); deixe personalInformationButton = document.querySelector('#btn-pipeda-personal-information-request'); deixe pedidosButton = document.querySelector('#btn-pipeda-orders-request'); deixe personalDataReportButton = document.querySelector('#btn-pipeda-personal-data-report-request'); deixe dataAccountFormEmailField = document.querySelector('#form-pipeda-data-account-request-email'); deixe dataAccountFormSubmitButton = document.querySelector('#form-pipeda-data-account-request-submit'); se (e.shiftKey) { if ((document.activeElement === personalInformationButton && pipedaFormPickedLinkValue === 'cliente/solicitações') || (document.activeElement ===ordersButton && pipedaFormPickedLinkValue === 'cliente/informações_pessoais')) { executeFocus(dataAccountFormSubmitButton); } else if (document.activeElement === dataAccountFormEmailField) { if (pipedaFormPickedLinkValue === 'cliente/solicitações') { executeFocus(pipedaRequestsButton); } else if (pipedaFormPickedLinkValue === 'cliente/informações_pessoais') { executeFocus(personalInformationButton); } } else if (document.activeElement === personalDataReportButton) { if (pipedaFormPickedLinkValue !== 'cliente/pedidos') { executeFocus(botãopedidos); } } } else { if ((document.activeElement === pipedaRequestsButton && pipedaFormPickedLinkValue === 'cliente/solicitações') || (document.activeElement === personalInformationButton && pipedaFormPickedLinkValue === 'cliente/informações_pessoais')) { executeFocus(dataAccountFormEmailField); } else if (document.activeElement === dataAccountFormSubmitButton) { if (pipedaFormPickedLinkValue === 'customer/requests') { executeFocus(personalInformationButton); } else if (pipedaFormPickedLinkValue === 'customer/personal_info') { executeFocus(ordersButton); } } else if (document.activeElement ===orderButton) { if (pipedaFormPickedLinkValue !== 'customer/orders') { executeFocus(botãoRelatórioDadosPessoais); } } } } }); // Keyboard navigation in data verification modal for accesibility document.querySelector('#data-verification-modal').addEventListener('keydown', function(e) { let isTabPressed = e.keyCode === 9 || e.key === "Tab" || e.code === "Tab"; deixe isEscapePressed = e.keyCode === 27 || e.key === "Escape" || e.code === "Escape"; deixe isSpacePressed = event.keyCode === 32 || e.chave === " " || event.code === "Espaço"; deixe isEnterPressed = event.keyCode === 13 || e.key === "Entrar" || event.code === "Entrar"; deixe dataVerificationCloseButton = document.querySelector('.data-verification-close'); deixe dataVerificationCheckbox = document.querySelector('#data-verification-container input'); deixe dataVerificationLink = document.querySelector('#data-verification-container a'); // This function saves us the trouble of calling e.preventDefault() after every focusing let executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();} se (éEscapePressionado) { se (dataVerificationCloseButton) { dataVerificationCloseButton.click(); } } se (isSpacePressed || éEnterPressed) { 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); } } } }); // ]]>