미국 법률 준수

<스타일> #form-us-laws-edit-account-요청, #양식-우리-법률-요청-요청, #form-us-laws-개인정보-요청, #양식-법률-주문-요청, #form-us-laws-개인 데이터-보고서-요청, #form-us-laws-delete-account-request , #form-us-laws-do-not-sell-request { 디스플레이: 없음; } #us_page 버튼 { 배경색: 투명; 테두리: 0; 테두리 하단: 1px 단색 검정색; 패딩: 0px; } /* 모달 배경 */ #데이터 검증-배경 { 디스플레이: 없음; 위치: 고정; Z-색인: 1; 패딩 상단: calc(50vh - 83px); 왼쪽: 0; 상단: 0; 너비: 100%; 높이: 100%; 오버플로: 자동; 배경색: rgb(0,0,0); 배경색: rgba(0,0,0,0.4); 불투명도: 설정되지 않음; Z-색인: 9999; } /* 모달 콘텐츠 */ #데이터 검증-모달 { 배경색: #fefefe; 여백: 자동; 패딩: 16px; 테두리: 1px 실선 #888; 너비: 38%; } /* 모달 닫기 버튼 */ .데이터 검증-닫기 { 색상: #aaaaaa; 플로트: 오른쪽; 글꼴 크기: 28px; 글꼴 두께: 굵게; 줄 높이: 17px; 배경색: 투명; 테두리: 0px; 패딩: 0px; } .data-verification-close:hover { 색상: #000; 텍스트 장식: 없음; 커서: 포인터; } /* 체크박스 텍스트 */ #데이터 검증-컨테이너 p{ 디스플레이: 인라인 블록; 패딩: 0; 여백: 0; 줄 높이: 24px; 왼쪽 패딩: 10px; 수직 정렬: 상단; 너비: 계산(100% - 45px); } #데이터 검증-컨테이너 a, #데이터 검증-컨테이너 a:hover{ 텍스트 장식: 밑줄!중요; 색상: #4285f4; } #데이터 검증-컨테이너 입력 { 불투명도: 0; 너비: 0; 높이: 0; 여백: 0; 패딩: 0; } /* 체크박스 아이콘 */ #데이터 검증-아이콘 { 커서: 포인터; 위치: 상대; 여백: 자동; 너비: 18px; 높이: 18px; -webkit-tap-highlight-color: 투명; 변환: 번역3d(0, 0, 0); 여백 상단: 2px; } #데이터 검증 아이콘:이전 { 콘텐츠: ""; 위치: 절대; 상단: -7px; 왼쪽: -7px; 너비: 32px; 높이: 32px; 테두리 반경: 50%; 배경: rgba(34,50,84,0.03); 불투명도: 0; 전환: 불투명도 0.2초 용이성; } #데이터 검증 아이콘 svg { 위치: 상대; Z-색인: 1; 채우기: 없음; 스트로크 라인 캡: 원형; 스트로크 라인 조인: 라운드; 스트로크: #c8ccd4; 획 너비: 1.5; 변환: 번역3d(0, 0, 0); 전환: 모두 0.2초 용이성; } #데이터 검증 아이콘 svg 경로 { 스트로크-다샤레이: 60; 스트로크 대시 오프셋: 0; } #데이터 검증 아이콘 svg 폴리라인 { 스트로크-다샤레이: 22; 스트로크 대시 오프셋: 66; } #data-verification-icon:hover:이전 { 불투명도: 1; } #데이터 검증 컨테이너:호버 #데이터 검증 아이콘 svg { 스트로크: #4285f4; } #데이터 검증-아이콘.클릭 svg { 스트로크: #4285f4; } #data-verification-icon.clicked svg 경로 { 스트로크 대시 오프셋: 60; 전환: 모두 0.3초 선형; } #data-verification-icon.clicked svg 폴리라인 { 스트로크 대시 오프셋: 42; 전환: 모두 0.2초 선형; 전환 지연: 0.15초; } /* 접근성 디자인 */ #데이터 검증-아이콘:초점, .데이터 검증-닫기:초점, #데이터 검증-컨테이너 입력:초점 ~ #데이터 검증-아이콘 svg, #데이터 검증-컨테이너 a:초점 { 상자 그림자: 0 0 0 3px rgba(21, 156, 228, 0.4); 전환: 모두 0.3초 용이성; 개요: 없음; 변환: scale(1.06); } #us_page .list-스타일이 지정되지 않은 li 버튼 { 커서: 포인터; } .show-isense { 전환: 불투명도 400ms !중요; } .hide-isense { 불투명도: 0!중요; 전환: 0.4초 완화; } /* 모바일 해상도의 모달 변경*/ @media 전용 화면 및 (최대 너비: 600px) { #데이터 검증-모달 { 너비: 90%; } } /* 요소 로딩 */ .로드 중 { 디스플레이: 없음; 상단:50vh; 왼쪽:50vw; 위치:고정; } .loading:not(:required):after { 콘텐츠: ''; 디스플레이: 블록; 글꼴 크기: 10px; 너비: 1em; 높이: 1em; 여백 상단: -0.5em; -webkit-animation: 스피너 1500ms 무한 선형; -moz-animation: 스피너 1500ms 무한 선형; -ms-애니메이션: 스피너 1500ms 무한 선형; -o-애니메이션: 스피너 1500ms 무한 선형; 애니메이션: 스피너 1500ms 무한 선형; 국경 반경: 0.5em; -webkit-box-shadow: rgba(255,255,255, 1) 1.5em 0 0 0, rgba(255,255,255, 1) 1.1em 1.1em 0 0, rgba(255,255,255, 1) 0 1.5em 0 0, rgba(255,255,255, 1) -1.1em 1.1em 0 0, rgba(255,255,255, 1) -1.5em 0 0 0, rgba(255,255,255, 1) -1.1em -1.1em 0 0, rgba(255,255,255, 1) 0 -1.5em 0 0, rgba (255,255,255, 1) 1.1em -1.1em 0 0; Box -Shadow : RGBA (255,255,255, 1) 1.5EM 0 0 0, RGBA (255,255,255, 1) 1.1em 1.1em 0, RGBA (255,255,255, 1) 0 1.5em 0, RGBA (255,255,255, 1) -1M.1EM. 1.1em 0 0, rgba(255,255,255, 1) -1.5em 0 0 0, rgba(255,255,255, 1) -1.1em -1.1em 0 0, rgba(255,255,255, 1) 0 -1.5em 0 0, rgba(255,255,255, 1) 1.1em -1.1em 0 0; } /* 애니메이션 */ @-webkit-keyframes 스피너 { 0% { -웹킷 변환: 회전(0deg); -moz-변환: 회전(0deg); -ms-변환: 회전(0deg); -o-변환: 회전(0deg); 변환: 회전(0deg); } 100% { -웹킷 변환: 회전(360deg); -moz-변환: 회전(360deg); -ms-변환: 회전(360deg); -o-변환: 회전(360deg); 변환: 회전(360deg); } } @-moz-keyframes 스피너 { 0% { -웹킷 변환: 회전(0deg); -moz-변환: 회전(0deg); -ms-변환: 회전(0deg); -o-변환: 회전(0deg); 변환: 회전(0deg); } 100% { -웹킷 변환: 회전(360deg); -moz-변환: 회전(360deg); -ms-변환: 회전(360deg); -o-변환: 회전(360deg); 변환: 회전(360deg); } } @-o-keyframes 스피너 { 0% { -웹킷 변환: 회전(0deg); -moz-변환: 회전(0deg); -ms-변환: 회전(0deg); -o-변환: 회전(0deg); 변환: 회전(0deg); } 100% { -웹킷 변환: 회전(360deg); -moz-변환: 회전(360deg); -ms-변환: 회전(360deg); -o-변환: 회전(360deg); 변환: 회전(360deg); } } @keyframes 스피너 { 0% { -웹킷 변환: 회전(0deg); -moz-변환: 회전(0deg); -ms-변환: 회전(0deg); -o-변환: 회전(0deg); 변환: 회전(0deg); } 100% { -웹킷 변환: 회전(360deg); -moz-변환: 회전(360deg); -ms-변환: 회전(360deg); -o-변환: 회전(360deg); 변환: 회전(360deg); } } <스크립트> /* 슬라이드 업 */ 슬라이드업 = (대상, 기간=500) => { target.style.transitionProperty = '높이, 여백, 패딩'; target.style.transitionDuration = 기간 + 'ms'; target.style.boxSizing = '테두리 상자'; target.style.height = target.offsetHeight + 'px'; target.offsetHeight; target.style.overflow = '숨김'; target.style.height = 0; target.style.paddingTop = 0; target.style.paddingBottom = 0; target.style.marginTop = 0; target.style.marginBottom = 0; window.setTimeout( () => { target.style.display = '없음'; target.style.removeProperty('높이'); target.style.removeProperty('padding-top'); target.style.removeProperty('padding-bottom'); target.style.removeProperty('margin-top'); target.style.removeProperty('margin-bottom'); target.style.removeProperty('overflow'); target.style.removeProperty('transition-duration'); target.style.removeProperty('transition-property'); }, 지속); } /* 아래로 슬라이드 */ 슬라이드다운 = (대상, 기간=500) => { setTimeout(함수(){ target.style.removeProperty('display'); 디스플레이 = window.getCompulatedStyle(target).display; if (display === '없음') display = '차단'; target.style.display = 표시; 높이 = target.offsetHeight; target.style.overflow = '숨김'; target.style.height = 0; target.style.paddingTop = 0; target.style.paddingBottom = 0; target.style.marginTop = 0; target.style.marginBottom = 0; target.offsetHeight; target.style.boxSizing = '테두리 상자'; target.style.transitionProperty = "높이, 여백, 패딩"; target.style.transitionDuration = 기간 + 'ms'; target.style.height = 높이 + 'px'; target.style.removeProperty('padding-top'); target.style.removeProperty('padding-bottom'); target.style.removeProperty('margin-top'); target.style.removeProperty('margin-bottom'); window.setTimeout( () => { target.style.removeProperty('높이'); target.style.removeProperty('overflow'); target.style.removeProperty('transition-duration'); target.style.removeProperty('transition-property'); }, 지속); }, 100) } /* 투글 */ var SlideToggle = (대상, 기간 = 500) => { if (window.getCompulatedStyle(target).display === 'none') { return SlideDown(대상, 기간); } 또 다른 { return SlideUp(대상, 기간); } } /* 페이드 */ var 토글FadeiSense = (요소, 표시) => { 만약 (표시) { elem.style.display = "차단"; setTimeout(함수(){ elem.classList.add('show-isense'); elem.classList.remove('hide-isense'); },20) } 또 다른 { elem.classList.remove('show-isense'); elem.classList.add('hide-isense'); setTimeout(() => { elem.style.display = '없음'; }, 400) } } var usSlideUpAll = 함수() { SlideUp(document.querySelector('#form-us-laws-edit-account-request'), 100); SlideUp(document.querySelector('#form-us-laws-requests-request'), 100); SlideUp(document.querySelector('#form-us-laws-personal-information-request'), 100); SlideUp(document.querySelector('#form-us-laws-orders-request'), 100); SlideUp(document.querySelector('#form-us-laws-personal-data-report-request'), 100); SlideUp(document.querySelector('#form-us-laws-do-not-sell-request'), 100); SlideUp(document.querySelector('#form-us-laws-delete-account-request'), 100); document.querySelector('#us_page 버튼').setAttribute("aria-expanded", "false"); }; var 이메일, 유형, 동의Given = false; var verifyModalContent = ''; var usSendRequest = function(콜백) { fetch('https://www.cloudflare.com/cdn-cgi/trace', { 메소드: 'GET' , 헤더: { '콘텐츠 유형': '텍스트/일반', }, }) .then(resp => resp.text()) .then(resp => { if (!resp.error) { ipInfo = resp; formData = new FormData()를 허용합니다. if (type === '고객/판매 금지') { isenseGDPR.Cookies.set('cookieconsent_preferences_disabled', '분석,마케팅,기능,', { 만료: 365 }); isenseGDPR.Cookies.set('cookieconsent_status', 'accept_selected', { 만료: 365 }); if (window.Shopify.customerPrivacy 유형 !== '정의되지 않음') { isInSaleOfDataRegion = window.Shopify.customerPrivacy.saleOfDataRegion 유형 === '함수' ? window.Shopify.customerPrivacy.saleOfDataRegion() : false; if (typeof window.Shopify.customerPrivacy.setTrackingConsent === 'function' && isInSaleOfDataRegion) { window.Shopify.customerPrivacy.setTrackingConsent( { "sale_of_data": 거짓 }, () => { console.log('sale_of_data: false')} ); } } 또 다른 { console.log('현재 페이지에는 Customer Privacy API가 정의되어 있지 않습니다.'); } if (document.querySelector('.cc-window')) { document.querySelector('.cc-window').style.display = 'none'; } // 팝업 텍스트 재설정 document.querySelector('#us-laws-modal-container-text').innerHTML = '나는 이 요청을 처리할 목적으로 내 이메일과 IP 주소를 수집하는 데 동의합니다. 자세한 내용은 개인정보 보호정책 및 서비스 약관을 확인하세요.'; } formData.append('상점', Shopify.shop); formData.append('이메일', 이메일); formData.append('type', 유형); formData.append('sourceOfRequest', 7); formData.append('ipAddress', ipInfo); formData.append('consentGiven', 동의Given); formData.append('page', '미국 법률'); 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', { 메소드: 'POST', 본문: formData }) .then(resp => resp.json()) .then(resp => { if (!resp.error) { usSlideUpAll(); if (resp.message.length) { 경고(resp.message); } 또 다른 { Alert('귀하의 요청이 성공적으로 제출되었습니다. 자세한 내용은 이메일을 확인하세요.'); } } 또 다른 { 경고(resp.message); } if (콜백 유형 == '함수') { 콜백(resp); } }) .catch(오류 => { 경고(오류.메시지); }) } 또 다른 { 경고(resp.message); } }) } //몸에 모달을 추가합니다. 그렇지 않으면 중앙에 유지되지 않기 때문입니다(위치가 고정된 경우에도). document.querySelector("body").insertAdjacentHTML( 'beforeend', verifyModalContent); document.addEventListener("DOMContentLoaded", function() { let searchParams = new URLSearchParams(window.location.search); let param = searchParams.get('id'); if(매개변수) { document.getElementById(param).scrollIntoView(); } // 사용자가 (x)을 클릭하면 모달을 닫습니다. document.querySelector('.data-verification-close').addEventListener('클릭', function(e) { e.preventDefault(); closeVerificationModal(); }); document.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('click', function(e) { e.preventDefault(); // 덮어쓰기 때문에 href의 클릭을 감지합니다. if(e.target.tagName === "A") { window.open(e.target.href, '_blank'); 반품; } document.querySelector('#data-verification-icon').classList.add("clicked"); setTimeout(()=>{ ggleFadeiSense(document.querySelector("#data-verification-modal"), false); document.querySelector('#data-verification-Background .loading').style.display = 'inline-block'; 동의 제공 = true; usSendRequest(함수(resp) { 동의 제공 = 거짓; closeVerificationModal(); }); }, 400); }); }); 함수 openVerificationModal(){ ggleFadeiSense(document.querySelector("#data-verification-modal"), true); ggleFadeiSense(document.querySelector('#data-verification-Background'), true); document.querySelector('#data-verification-container 입력').focus(); } 함수 closeVerificationModal(){ ggleFadeiSense(document.querySelector("#data-verification-Background"), false); document.querySelector('#data-verification-icon').classList.remove("clicked"); document.querySelector('#data-verification-Background .loading').style.display = 'none'; // 선택한 요청 유형의 버튼에 초점을 맞춥니다. let usLawsForms = document.querySelectorAll('.form-us-laws-request'); usLawsForms.forEach(함수(usLawsForm) { if (usLawsForm.style.display !== "없음") { usLawsFormLinks = usLawsForm.previousElementSibling.querySelectorAll('li'); if (usLawsFormLinks.length === 1) { usLawsFormLinks[0].querySelector('button').focus(); } 또 다른 { // 데이터 이동성 요청에 대한 포커스 로직 usLawsFormLinks = usLawsForm.parentElement; if (usLawsFormLinks.nodeName === 'LI') { usLawsFormLinks.querySelector('button').focus(); } } } }); } document.querySelector('#btn-us-laws-edit-account-request').addEventListener('클릭', function(e) { e.preventDefault(); usSlideUpAll(); SlideDown(document.querySelector('#form-us-laws-edit-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-us-laws-edit-account-request-submit').addEventListener('클릭', function(e) { e.preventDefault(); email = document.querySelector('#form-us-laws-edit-account-request-email').value; 유형 = '고객/수정'; openVerificationModal(); }); document.querySelector('#btn-us-laws-requests-request').addEventListener('클릭', function(e) { e.preventDefault(); usSlideUpAll(); SlideDown(document.querySelector('#form-us-laws-requests-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-us-laws-requests-request-submit').addEventListener('클릭', function(e) { e.preventDefault(); email = document.querySelector('#form-us-laws-requests-request-email').value; 유형 = '고객/요청'; openVerificationModal(); }); document.querySelector('#btn-us-laws-personal-information-request').addEventListener('클릭', function(e) { e.preventDefault(); usSlideUpAll(); SlideDown(document.querySelector('#form-us-laws-personal-information-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-us-laws-personal-information-request-submit').addEventListener('클릭', function(e) { e.preventDefault(); email = document.querySelector('#form-us-laws-personal-information-request-email').value; 유형 = '고객/개인_정보'; openVerificationModal(); }); document.querySelector('#btn-us-laws-orders-request').addEventListener('클릭', function(e) { e.preventDefault(); usSlideUpAll(); SlideDown(document.querySelector('#form-us-laws-orders-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-us-laws-orders-request-submit').addEventListener('클릭', function(e) { e.preventDefault(); email = document.querySelector('#form-us-laws-orders-request-email').value; 유형 = '고객/주문'; openVerificationModal(); }); document.querySelector('#btn-us-laws-personal-data-report-request').addEventListener('클릭', function(e) { e.preventDefault(); usSlideUpAll(); SlideDown(document.querySelector('#form-us-laws-personal-data-report-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-us-laws-personal-data-report-request-submit').addEventListener('클릭', function(e) { e.preventDefault(); email = document.querySelector('#form-us-laws-personal-data-report-request-email').value; 유형 = '고객/보고서'; openVerificationModal(); }); document.querySelector('#btn-us-laws-do-not-sell-request').addEventListener('클릭', function(e) { e.preventDefault(); usSlideUpAll(); SlideDown(document.querySelector('#form-us-laws-do-not-sell-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-us-laws-do-not-sell-request-submit').addEventListener('클릭', function(e) { e.preventDefault(); email = document.querySelector('#form-us-laws-do-not-sell-request-email').value; type = '고객/판매 금지'; // 고객이 로그인되어 있는지 확인 if (__st.cid != 정의되지 않음) { document.querySelector('#us-laws-modal-container-text').innerHTML = '나는 이 요청을 처리할 목적으로 내 이메일과 IP 주소를 수집하는 데 동의합니다. 자세한 내용은 개인정보 보호정책 및 서비스 약관을 확인하세요.'; } 또 다른 { document.querySelector('#us-laws-modal-container-text').innerHTML = '나는 이 요청을 처리할 목적으로 내 이메일과 IP 주소를 수집하는 데 동의합니다. 자세한 내용은 개인정보처리방침 및 서비스 약관을 확인하세요.
참고: 귀하가 게스트 사용자이거나 귀하의 계정에 로그인하지 않은 경우, 귀하의 선택 해제 선택은 이 브라우저 세션에만 유효합니다.'; } openVerificationModal(); }); document.querySelector('#btn-us-laws-delete-account-request').addEventListener('클릭', function(e) { e.preventDefault(); usSlideUpAll(); SlideDown(document.querySelector('#form-us-laws-delete-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-us-laws-delete-account-request-submit').addEventListener('클릭', function(e) { e.preventDefault(); email = document.querySelector('#form-us-laws-delete-account-request-email').value; 유형 = '고객/삭제'; openVerificationModal(); }); // 접근성을 위한 데이터 검증 모달의 키보드 탐색 document.querySelector('#data-verification-modal').addEventListener('keydown', function(e) { let isTabPressed = e.keyCode === 9 || e.key === "탭" || e.code === "탭"; let isEscapePressed = e.keyCode === 27 || e.key === "Escape" || e.code === "탈출"; let isSpacePressed = event.keyCode === 32 || e.key === " " || event.code === "공간"; let isEnterPressed = event.keyCode === 13 || e.key === "Enter" || event.code === "입력"; let dataVerificationCloseButton = document.querySelector('.data-verification-close'); let dataVerificationCheckbox = document.querySelector('#data-verification-container 입력'); let dataVerificationLink = document.querySelector('#data-verification-container a'); // 이 함수는 초점을 맞출 때마다 e.preventDefault()를 호출하는 수고를 덜어줍니다. 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) { excuteFocus(dataVerificationLink); } } 또 다른 { if (dataVerificationLink && document.activeElement === dataVerificationLink) { excuteFocus(dataVerificationCloseButton); } } } });