'; var isEmailValid = функция(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,}))$/; если (email == '' || email == не определено) { вернуть ложь; } еще { вернуть регулярное выражение.тест(email); } } var pipedaSendRequest = функция (обратный вызов) { fetch('https://www.cloudflare.com/cdn-cgi/trace', { метод: «ПОЛУЧИТЬ», заголовки: { «Тип содержимого»: «текст/обычный», }, }) .then(соотв. => соотв.текст()) .тогда(соотв. => { если (!соотв.ошибка) { пусть ipInfo = соответственно; пусть formData = новый FormData(); formData.append('магазин', Shopify.shop); formData.append('email', email); formData.append('тип', тип); formData.append('sourceOfRequest', 4); formData.append('ipAddress', ipInfo); formData.append('consentGiven', agreeGiven); formData.append('page', 'pipeda'); formData.append('язык', Shopify.locale ? Shopify.locale : ''); formData.append('gtranslateLang', isenseGDPR.Cookies.get('googtrans') ? isenseGDPR.Cookies.get('googtrans'): ''); fetch('https://gdpr.apps.isenselabs.com/gdprRequests/submitRequest', { метод: «ПОСТ», тело: formData }) .then(соотв. => соотв.json()) .тогда(соотв. => { если (!соотв.ошибка) { pipedaSlideUpAll(); если (соотв.длина.сообщения) { оповещение (соответственно сообщение); } еще { alert('Ваш запрос успешно отправлен. Пожалуйста, проверьте свою электронную почту для получения дополнительной информации.'); } } еще { оповещение (соответственно сообщение); } если (тип обратного вызова == 'функция') { обратный вызов(соотв.); } }) .поймать(ошибка => { оповещение(сообщение об ошибке); }) } еще { оповещение (соответственно сообщение); } }) } //Добавляем модальное окно к телу, иначе оно не будет оставаться по центру (даже если положение фиксировано) document.querySelector("body").insertAdjacentHTML('beforeend', verificationModalContent); document.addEventListener("DOMContentLoaded", функция () { // Когда пользователь нажимает (x), закрыть модальное окно document.querySelector('.data-verification-close').addEventListener('click', function (e) { e.preventDefault(); закрытьПроверкаМодальная(); // Фокусируем кнопку выбранного типа запроса пусть pipedaForms = document.querySelectorAll('.form-pipeda-request'); pipedaForms.forEach(функция(pipedaForm) { если (pipedaForm.style.display !== "none") { пусть pipedaFormLinks = pipedaForm.previousElementSibling.querySelectorAll('li'); если (pipedaFormLinks.длина === 1) { pipedaFormLinks[0].querySelector('button').focus(); } } }); }); document.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('click', function (e) { e.preventDefault(); // Обнаруживаем нажатие href, поскольку оно перезаписывается. если (e.target.tagName === "A") { окно. открыть(e.target.href, '_blank'); возвращаться; } document.querySelector('#data-verification-icon').classList.add("clicked"); установитьTimeout(() => { toggleFadeiSense(document.querySelector("#data-verification-modal"), false); document.querySelector('#data-verification-background .loading').style.display = 'inline-block'; согласиеДано = правда; pipedaSendRequest(функция (соотв.) { согласиеДано = ложь; закрытьПроверкаМодальная(); }); }, 400); }); }); функция openVerificationModal() { если(!isEmailValid(email)) { alert('Неверный адрес электронной почты'); возвращаться; } toggleFadeiSense(document.querySelector("#data-verification-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), true); document.querySelector('#data-verification-container input').focus(); } функция 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'; // Фокусируем кнопку выбранного типа запроса пусть pipedaForms = document.querySelectorAll('.form-pipeda-request'); pipedaForms.forEach(функция(pipedaForm) { если (pipedaForm.style.display !== "none") { пусть pipedaFormLinks = pipedaForm.previousElementSibling.querySelectorAll('li'); если (pipedaFormLinks.длина === 1) { pipedaFormLinks[0].querySelector('button').focus(); } еще { // Фокус логики для запросов переносимости данных pipedaFormLinks = pipedaForm.parentElement; если (pipedaFormLinks.nodeName === 'LI') { pipedaFormLinks.querySelector('button').focus(); } } } }); } 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(); электронная почта = document.querySelector('#form-pipeda-edit-account-request-email').value; тип = 'клиент/редактирование'; openVerificationModal(); }); document.querySelector('#btn-pipeda-requests-request').addEventListener('click', function(e) { e.preventDefault(); pipedaSlideUpAll(); slideDown(document.querySelector('#form-pipeda-requests-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-pipeda-requests-request-submit').addEventListener('click', function(e) { e.preventDefault(); электронная почта = document.querySelector('#form-pipeda-requests-request-email').value; тип = 'клиент/запросы'; openVerificationModal(); }); document.querySelector('#btn-pipeda-personal-information-request').addEventListener('click', function(e) { e.preventDefault(); pipedaSlideUpAll(); slideDown(document.querySelector('#form-pipeda-personal-information-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-pipeda-personal-information-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-pipeda-personal-information-request-email').value; тип = 'клиент/персональная_информация'; openVerificationModal(); }); document.querySelector('#btn-pipeda-orders-request').addEventListener('click', function(e) { e.preventDefault(); pipedaSlideUpAll(); slideDown(document.querySelector('#form-pipeda-orders-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-pipeda-orders-request-submit').addEventListener('click', function(e) { e.preventDefault(); электронная почта = document.querySelector('#form-pipeda-orders-request-email').value; тип = 'клиент/заказы'; openVerificationModal(); }); document.querySelector('#btn-pipeda-personal-data-report-request').addEventListener('click', 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; тип = 'клиент/отчет'; openVerificationModal(); }); document.querySelector('#btn-pipeda-delete-account-request').addEventListener('click', function(e) { e.preventDefault(); pipedaSlideUpAll(); slideDown(document.querySelector('#form-pipeda-delete-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-pipeda-delete-account-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-pipeda-delete-account-request-email').value; тип = 'клиент/удалить'; openVerificationModal(); }); // Навигация с помощью клавиатуры в модальном окне проверки данных для обеспечения доступности document.querySelector('#data-verification-modal').addEventListener('keydown', function(e) { пусть isTabPressed = e.keyCode === 9 || e.key === "Tab" || e.code === "Вкладка"; пусть isEscapePressed = e.keyCode === 27 || e.key === "Выход" || e.code === "Выход"; пусть isSpacePressed = event.keyCode === 32 || e.key === " " || event.code === "Пробел"; пусть isEnterPressed = event.keyCode === 13 || e.key === "Ввод" || event.code === "Ввод"; пусть dataVerificationCloseButton = document.querySelector('.data-verification-close'); пусть dataVerificationCheckbox = document.querySelector('#data-verification-container input'); пусть dataVerificationLink = document.querySelector('#data-verification-container a'); // Эта функция избавляет нас от необходимости вызывать e.preventDefault() после каждого фокусирования пусть executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();} если (isEscapePressed) { если (dataVerificationCloseButton) { dataVerificationCloseButton.click(); } } если (isSpacePressed || isEnterPressed) { if (document.activeElement === dataVerificationCheckbox) { document.querySelector('#data-verification-container #data-verification-icon').click(); } } если (isTabPressed) { если (e.shiftKey) { если (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) { executeFocus(dataVerificationLink); } } еще { if (dataVerificationLink && document.activeElement === dataVerificationLink) { executeFocus(dataVerificationCloseButton); } } } }); // ]]>