From fa04365d21a1f8c203b527a2508fe1a95551e7e0 Mon Sep 17 00:00:00 2001 From: hywznn Date: Wed, 19 Aug 2026 16:36:39 +0900 Subject: [PATCH] =?UTF-8?q?feat(auth):=20=EB=B2=95=EC=A0=81=20=EA=B3=A0?= =?UTF-8?q?=EC=A7=80=EC=99=80=20=ED=8C=8C=EC=9D=BC=20=EC=B2=98=EB=A6=AC=20?= =?UTF-8?q?=EC=95=88=EB=82=B4=20=EC=83=81=EC=84=B8=ED=99=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../LegalPolicyPage.module.css | 113 ++++++- .../LegalPolicyPage/LegalPolicyPage.test.tsx | 25 +- src/pages/LegalPolicyPage/LegalPolicyPage.tsx | 310 ++++++++++++++---- src/pages/SignupPage/SignupPage.test.tsx | 12 +- src/pages/SignupPage/SignupPage.tsx | 8 + src/routes.tsx | 5 + 6 files changed, 398 insertions(+), 75 deletions(-) diff --git a/src/pages/LegalPolicyPage/LegalPolicyPage.module.css b/src/pages/LegalPolicyPage/LegalPolicyPage.module.css index 1a077b2..47d98a0 100644 --- a/src/pages/LegalPolicyPage/LegalPolicyPage.module.css +++ b/src/pages/LegalPolicyPage/LegalPolicyPage.module.css @@ -6,7 +6,7 @@ } .header { - width: min(880px, 100%); + width: min(1080px, 100%); min-height: 72px; margin: 0 auto; display: flex; @@ -36,10 +36,11 @@ .nav a[aria-current='page'] { color: var(--brand-primary); + font-weight: 700; } .document { - width: min(880px, 100%); + width: min(1080px, 100%); margin: 0 auto; padding: 56px clamp(24px, 6vw, 72px); border: 1px solid var(--border-default); @@ -83,13 +84,47 @@ line-height: 1.6; } +.contentLayout { + margin-top: 40px; + display: grid; + grid-template-columns: minmax(150px, 190px) minmax(0, 1fr); + gap: clamp(32px, 5vw, 64px); + align-items: start; +} + +.toc { + position: sticky; + top: 24px; + display: grid; + gap: 10px; + padding-right: 20px; + border-right: 1px solid var(--border-default); +} + +.toc strong { + margin-bottom: 4px; + font-size: 13px; +} + +.toc a { + color: var(--text-secondary); + font-size: 12px; + line-height: 1.45; + text-decoration: none; +} + +.toc a:hover, +.toc a:focus-visible { + color: var(--brand-primary); +} + .sections { - margin-top: 36px; display: grid; gap: 30px; } .sections section { + scroll-margin-top: 24px; padding-bottom: 30px; border-bottom: 1px solid var(--border-default); } @@ -99,13 +134,34 @@ font-size: 17px; } -.sections p { - margin: 10px 0 0; +.sections p, +.sections li { color: var(--text-secondary); font-size: 14px; line-height: 1.8; } +.sections p { + margin: 10px 0 0; +} + +.sections ul { + margin: 12px 0 0; + padding-left: 20px; +} + +.sections li + li { + margin-top: 6px; +} + +.sections .sectionNote { + margin-top: 14px; + padding: 12px 14px; + border-left: 3px solid var(--status-warning); + background: var(--surface-subtle); + font-size: 13px; +} + .documentFooter { margin-top: 36px; } @@ -117,12 +173,57 @@ text-decoration: none; } -@media (max-width: 560px) { +@media (max-width: 760px) { .page { padding-inline: 12px; } + .header { + align-items: flex-start; + flex-direction: column; + padding-block: 20px; + } + + .nav { + width: 100%; + gap: 16px; + } + .document { padding-block: 36px; } + + .contentLayout { + grid-template-columns: 1fr; + gap: 32px; + } + + .toc { + position: static; + grid-template-columns: repeat(2, minmax(0, 1fr)); + padding: 16px; + border: 1px solid var(--border-default); + border-radius: var(--fowoco-radius-6); + background: var(--surface-subtle); + } + + .toc strong { + grid-column: 1 / -1; + } +} + +@media (max-width: 420px) { + .nav { + justify-content: space-between; + gap: 4px; + } + + .nav a { + font-size: 12px; + white-space: nowrap; + } + + .toc { + grid-template-columns: 1fr; + } } diff --git a/src/pages/LegalPolicyPage/LegalPolicyPage.test.tsx b/src/pages/LegalPolicyPage/LegalPolicyPage.test.tsx index 7417ca0..37a9ac9 100644 --- a/src/pages/LegalPolicyPage/LegalPolicyPage.test.tsx +++ b/src/pages/LegalPolicyPage/LegalPolicyPage.test.tsx @@ -22,7 +22,11 @@ beforeEach(() => { required: true, content_path: '/legal/privacy', }, - marketing: { version: '1.0', required: false, content_path: null }, + marketing: { + version: '1.0', + required: false, + content_path: '/legal/marketing', + }, }, }), { status: 200, headers: { 'Content-Type': 'application/json' } }, @@ -45,7 +49,7 @@ describe('LegalPolicyPage', () => { expect(screen.getByRole('heading', { name: '서비스 이용약관' })).toBeInTheDocument() expect(await screen.findByText(/버전 2.0/)).toBeInTheDocument() - expect(screen.getByText('3. AI 업무보조의 범위')).toBeInTheDocument() + expect(screen.getByRole('heading', { name: '3. AI 업무보조의 범위' })).toBeInTheDocument() }) it('renders the privacy processing notice and current version', async () => { @@ -57,6 +61,21 @@ describe('LegalPolicyPage', () => { expect(screen.getByRole('heading', { name: '개인정보 처리 안내' })).toBeInTheDocument() expect(await screen.findByText(/버전 3.0/)).toBeInTheDocument() - expect(screen.getByText('3. 보관과 접근')).toBeInTheDocument() + expect( + screen.getByRole('heading', { name: '5. 업로드 문서의 검증과 저장' }), + ).toBeInTheDocument() + expect(screen.getByText(/일반 문서와 근로자 제출 파일은 파일당 최대 20MB/)).toBeInTheDocument() + }) + + it('renders the optional marketing notice and current version', async () => { + render( + + + , + ) + + expect(screen.getByRole('heading', { name: '제품 소식 수신 안내' })).toBeInTheDocument() + expect(await screen.findByText(/버전 1.0/)).toBeInTheDocument() + expect(screen.getByRole('heading', { name: '5. 선택 동의의 영향' })).toBeInTheDocument() }) }) diff --git a/src/pages/LegalPolicyPage/LegalPolicyPage.tsx b/src/pages/LegalPolicyPage/LegalPolicyPage.tsx index d2f51aa..fdf2f1e 100644 --- a/src/pages/LegalPolicyPage/LegalPolicyPage.tsx +++ b/src/pages/LegalPolicyPage/LegalPolicyPage.tsx @@ -3,62 +3,226 @@ import { Link } from 'react-router-dom' import { fetchSignupPolicy } from '../../api/signupPolicy' import styles from './LegalPolicyPage.module.css' -type PolicyKind = 'terms' | 'privacy' +type PolicyKind = 'terms' | 'privacy' | 'marketing' interface LegalPolicyPageProps { kind: PolicyKind } -const TERMS_SECTIONS = [ - { - title: '1. 서비스 목적', - body: 'FOWOCO는 외국인 근로자 관련 HR 행정업무의 기한 확인, 문서 초안 작성, 안내와 응답 추적을 지원하는 업무보조 서비스입니다.', - }, - { - title: '2. 계정과 사업장 정보', - body: '사용자는 정확한 사업장 정보를 입력하고 계정 접근수단을 안전하게 관리해야 합니다. 계정으로 수행된 업무 검토와 승인 결과는 해당 사업장의 행위로 기록됩니다.', - }, - { - title: '3. AI 업무보조의 범위', - body: 'AI가 생성한 분류, 체크리스트, 문서와 안내문은 담당자 검토를 위한 초안입니다. 기관 제출, 법적 판단, 급여 계산과 최종 승인은 담당자가 확인하고 수행합니다.', - }, - { - title: '4. 금지 행위', - body: '타인의 계정이나 개인정보를 무단으로 사용하거나, 서비스 안정성을 해치거나, 허위·위법한 목적으로 서비스를 이용할 수 없습니다.', - }, - { - title: '5. 서비스 변경과 제한', - body: '프로젝트 검증 과정에서 기능과 제공 범위가 변경될 수 있습니다. 점검이나 장애가 발생하면 일부 기능이 일시적으로 제한될 수 있습니다.', - }, -] +interface PolicySection { + title: string + paragraphs: string[] + items?: string[] + note?: string +} -const PRIVACY_SECTIONS = [ - { - title: '1. 처리하는 정보', - body: '회원가입 시 회사명, 담당자 이름, 업무용 이메일, 비밀번호의 해시값과 선택 입력한 연락처를 처리합니다. 사업장이 업로드한 근로자 문서와 업무 이력은 서비스 제공 범위에서만 처리합니다.', - }, - { - title: '2. 이용 목적', - body: '계정 인증, 사업장 업무 공간 제공, 문서·기한 관리, 근로자 안내와 응답 연결, 오류 조사와 감사 이력 확인을 위해 정보를 사용합니다.', - }, - { - title: '3. 보관과 접근', - body: '정보는 프로젝트 운영과 서비스 검증에 필요한 기간 동안 보관하며, 사업장 권한과 역할에 따라 접근 범위를 제한합니다. 비밀번호 원문은 저장하지 않습니다.', +interface PolicyDocument { + title: string + summary: string + agreementKey: 'service_terms' | 'privacy_policy' | 'marketing' + sections: PolicySection[] +} + +const POLICY_DOCUMENTS: Record = { + terms: { + title: '서비스 이용약관', + summary: 'FOWOCO 계정과 AI 업무보조 기능을 이용할 때 적용되는 기본 운영 기준입니다.', + agreementKey: 'service_terms', + sections: [ + { + title: '1. 목적과 적용 범위', + paragraphs: [ + '이 약관은 FOWOCO가 제공하는 외국인 근로자 HR 업무보조 기능의 이용 조건과 사용자 및 서비스 운영 주체의 책임 범위를 정합니다.', + 'FOWOCO는 KT AIVLE School 빅프로젝트에서 개발한 검증용 프로토타입이며, 실제 사업장 도입 전 별도의 법률·노무 검토가 필요합니다.', + ], + }, + { + title: '2. 계정과 사업장 정보', + paragraphs: [ + '사용자는 본인과 사업장의 정확한 정보를 입력하고 비밀번호 등 계정 접근수단을 안전하게 관리해야 합니다.', + '사업장 계정에서 수행된 문서 검토, 승인, 근로자 안내와 상태 변경은 해당 사업장의 업무 이력으로 기록될 수 있습니다.', + ], + }, + { + title: '3. AI 업무보조의 범위', + paragraphs: [ + 'AI가 제공하는 Intent 분류, 필수정보 확인, 체크리스트, 문서와 안내문은 담당자 검토를 위한 초안입니다.', + '기관 제출, 법적 판단, 급여 계산, 근로조건 확정과 외부 발송의 최종 책임은 권한을 가진 담당자에게 있습니다.', + ], + }, + { + title: '4. 문서 업로드와 결과물 이용', + paragraphs: [ + '사용자는 업무 처리 권한이 있는 문서만 업로드해야 하며, 업로드 전 개인정보 처리 근거와 사내 권한을 확인해야 합니다.', + 'OCR 추출값과 HWPX 초안은 원본 문서와 대조한 뒤 사용해야 하며, 생성 결과를 검토 없이 기관에 제출해서는 안 됩니다.', + ], + }, + { + title: '5. 근로자 안내와 응답', + paragraphs: [ + '근로자용 링크와 다국어 안내는 담당자가 승인한 내용의 전달과 응답 회수를 지원합니다.', + '번역 결과는 날짜·금액·문서명 등 핵심 정보가 보존되었는지 담당자가 최종 확인해야 합니다.', + ], + }, + { + title: '6. 금지 행위', + paragraphs: ['다음 행위는 허용되지 않습니다.'], + items: [ + '타인의 계정 또는 개인정보를 권한 없이 사용하는 행위', + '허위 문서를 생성하거나 위법한 목적으로 서비스를 이용하는 행위', + '서비스의 접근 통제, 파일 검증 또는 감사기록을 우회하는 행위', + '서비스의 안정성을 해치거나 비정상적인 부하를 발생시키는 행위', + ], + }, + { + title: '7. 서비스 변경과 제한', + paragraphs: [ + '프로젝트 검증 과정에서 기능, 지원 문서와 제공 범위가 변경될 수 있습니다. 점검, 장애 또는 보안상 필요한 경우 일부 기능이 일시적으로 제한될 수 있습니다.', + ], + }, + { + title: '8. 책임의 제한', + paragraphs: [ + 'FOWOCO는 행정업무 준비와 검토를 보조하며 특정 기관의 접수 또는 허가 결과를 보장하지 않습니다.', + '사용자가 입력한 정보, 업로드한 원본 또는 담당자 검토의 오류로 발생한 결과는 프로젝트의 보증 범위에 포함되지 않습니다.', + ], + }, + { + title: '9. 문의와 정책 변경', + paragraphs: [ + '약관 변경 시 시행일과 주요 변경 내용을 서비스 화면에 알립니다. 프로젝트 관련 문의는 FOWOCO 팀의 공식 안내 채널을 통해 접수합니다.', + ], + }, + ], }, - { - title: '4. 외부 처리와 전송', - body: 'OCR, 번역, 알림 등 외부 제공자를 사용하는 기능은 필요한 정보만 전달하도록 구성합니다. 실제 민감정보 사용 전에는 사업장 정책과 제공자 조건을 별도로 확인해야 합니다.', + privacy: { + title: '개인정보 처리 안내', + summary: '회원·사업장·근로자 정보와 업로드 문서를 처리하는 범위와 보호 기준입니다.', + agreementKey: 'privacy_policy', + sections: [ + { + title: '1. 처리 원칙과 역할', + paragraphs: [ + 'FOWOCO는 서비스 제공에 필요한 최소 범위에서 정보를 처리하고, 사업장·역할·업무 단위로 접근 범위를 제한합니다.', + '사업장은 근로자 정보를 등록하거나 문서를 업로드하기 전에 적법한 처리 근거와 담당자의 업무 권한을 확인해야 합니다.', + ], + }, + { + title: '2. 처리하는 정보', + paragraphs: ['서비스 이용 과정에서 다음 정보가 처리될 수 있습니다.'], + items: [ + '회원 정보: 회사명, 담당자 이름, 업무용 이메일, 선택 입력 연락처, 비밀번호 해시값', + '근로자 정보: 성명, 국적·언어, 체류·계약 일정, 담당 업무와 응답 상태', + '문서 정보: 여권·외국인등록증·계약서 등 사용자가 업로드한 파일과 OCR 추출값', + '운영 정보: 접속기록, 업무 상태 변경, 승인·다운로드·업로드 감사 이벤트', + ], + }, + { + title: '3. 이용 목적', + paragraphs: [ + '계정 인증, 사업장 업무 공간 제공, 기한 감지, 문서 초안 작성, 근로자 안내와 응답 연결, 장애 조사와 감사 이력 확인을 위해 정보를 사용합니다.', + ], + }, + { + title: '4. 최소 수집과 화면 표시', + paragraphs: [ + '목록 화면에는 업무 판단에 필요한 최소 정보만 표시하고, 상세 개인정보는 권한이 있는 사용자가 필요한 단계에서만 확인하도록 구성합니다.', + '비밀번호 원문은 저장하지 않으며, 화면·로그·오류 응답에서 민감정보가 불필요하게 노출되지 않도록 제한합니다.', + ], + }, + { + title: '5. 업로드 문서의 검증과 저장', + paragraphs: [ + '일반 문서와 근로자 제출 파일은 파일당 최대 20MB, 근로자 일괄등록 CSV·XLSX 파일은 최대 5MB로 제한합니다.', + '파일 확장자와 MIME 유형을 허용 목록으로 검사하며, HWP·HWPX는 파일 서명과 내부 구조를 추가 확인합니다. 저장 시 원본 파일명 대신 임의 식별자를 사용하고 정규화된 저장 경로 밖으로 벗어나는 요청을 차단합니다.', + '파일 접근은 사업장, 담당 업무와 근로자 범위로 제한하고 업로드·다운로드 행위를 감사 이벤트로 기록합니다.', + ], + note: '이미지·PDF의 정밀 파일 서명 검사와 악성코드 탐지는 정식 운영 전 추가할 보안 고도화 항목입니다.', + }, + { + title: '6. OCR·번역·알림 처리', + paragraphs: [ + 'OCR, 번역, 문자 알림 등 외부 처리 기능에는 해당 작업에 필요한 정보만 전달하는 것을 원칙으로 합니다.', + '실제 민감정보를 외부 제공자에게 전송하기 전에는 제공 항목, 처리 위치, 보관 조건과 사업장 정책을 별도로 확인해야 합니다.', + ], + }, + { + title: '7. 접근 권한과 감사기록', + paragraphs: [ + '인증된 사용자에게 역할 기반 권한을 적용하고, 변경 API와 주요 파일 작업에는 수행 주체와 시점을 기록합니다.', + '근로자용 보안 링크는 허용된 업무와 유효기간 안에서만 사용할 수 있도록 제한합니다.', + ], + }, + { + title: '8. 보관과 삭제', + paragraphs: [ + '정보는 프로젝트 운영과 서비스 검증에 필요한 기간 동안 보관합니다. 계정 또는 업무 종료 후의 구체적인 보관기간과 파기 절차는 정식 서비스 전환 시 확정합니다.', + '삭제 요청이 접수되면 관련 법령 또는 분쟁 대응을 위해 보관해야 하는 범위를 제외하고 처리 상태를 확인합니다.', + ], + }, + { + title: '9. 이용자의 권리', + paragraphs: [ + '사용자는 자신의 계정 정보 확인과 정정을 요청할 수 있으며, 선택 동의는 철회할 수 있습니다.', + '근로자 정보의 열람·정정·삭제 요청은 해당 정보를 등록한 사업장 담당자를 통해 처리하는 것을 원칙으로 합니다.', + ], + }, + { + title: '10. 안전성 확보 조치', + paragraphs: [ + '비밀번호 해시 저장, 역할 기반 접근 통제, 파일 형식·크기 검증, 경로 이탈 차단과 감사기록을 기본 보호조치로 적용합니다.', + '현재 프로젝트는 더미·합성 데이터를 우선 사용하며, 실제 운영 전 HTTPS 강제, 취약점 점검과 보관·파기 정책 검증이 필요합니다.', + ], + }, + { + title: '11. 변경과 문의', + paragraphs: [ + '처리 항목 또는 외부 제공자가 변경되는 경우 시행 전에 주요 내용을 알립니다. 개인정보 관련 문의는 FOWOCO 팀의 공식 안내 채널을 통해 접수합니다.', + ], + }, + ], }, - { - title: '5. 이용자 권리', - body: '사용자는 자신의 계정 정보 확인과 정정을 요청할 수 있습니다. 동의 철회와 삭제 절차는 정식 서비스 전환 시 운영 정책과 함께 확정합니다.', + marketing: { + title: '제품 소식 수신 안내', + summary: 'FOWOCO의 기능 업데이트와 파일럿 소식 수신에 관한 선택 동의 기준입니다.', + agreementKey: 'marketing', + sections: [ + { + title: '1. 수신 목적', + paragraphs: [ + '신규 기능, 파일럿 참여, 서비스 점검과 설문 등 FOWOCO 프로젝트 관련 소식을 안내하기 위해 사용합니다.', + ], + }, + { + title: '2. 이용 정보', + paragraphs: ['담당자 이름, 업무용 이메일과 선택 입력한 연락처를 사용합니다.'], + }, + { + title: '3. 수신 방법', + paragraphs: ['이메일 또는 문자 등 사용자가 제공하고 동의한 채널로 안내할 수 있습니다.'], + }, + { + title: '4. 보관과 철회', + paragraphs: [ + '동의 철회 또는 프로젝트 종료 시까지 보관하며, 사용자는 언제든 수신 동의를 철회할 수 있습니다.', + ], + }, + { + title: '5. 선택 동의의 영향', + paragraphs: [ + '제품 소식 수신에 동의하지 않아도 회원가입과 기본 서비스 이용에는 제한이 없습니다.', + ], + }, + ], }, -] +} + +function sectionId(title: string) { + return `section-${title.split('.')[0]}` +} export function LegalPolicyPage({ kind }: LegalPolicyPageProps) { - const isTerms = kind === 'terms' - const sections = isTerms ? TERMS_SECTIONS : PRIVACY_SECTIONS - const title = isTerms ? '서비스 이용약관' : '개인정보 처리 안내' + const document = POLICY_DOCUMENTS[kind] const [version, setVersion] = useState(null) useEffect(() => { @@ -66,11 +230,7 @@ export function LegalPolicyPage({ kind }: LegalPolicyPageProps) { void fetchSignupPolicy() .then((policy) => { if (!active) return - setVersion( - isTerms - ? policy.agreements.service_terms.version - : policy.agreements.privacy_policy.version, - ) + setVersion(policy.agreements[document.agreementKey].version) }) .catch(() => { if (active) setVersion(null) @@ -79,7 +239,7 @@ export function LegalPolicyPage({ kind }: LegalPolicyPageProps) { return () => { active = false } - }, [isTerms]) + }, [document.agreementKey]) return (
@@ -88,21 +248,22 @@ export function LegalPolicyPage({ kind }: LegalPolicyPageProps) { FOWOCO

FOWOCO PROJECT POLICY

-

{title}

-

- KT AIVLE School 빅프로젝트의 FOWOCO 프로토타입 운영 기준입니다. -

+

{document.title}

+

{document.summary}

{version ? `버전 ${version}` : '현재 버전 확인 중'} · 시행일 2026년 8월 19일

@@ -111,13 +272,34 @@ export function LegalPolicyPage({ kind }: LegalPolicyPageProps) { 실제 사업장 도입 전 법률·노무 검토와 정식 운영 정책 확정이 필요한 프로젝트 안내입니다. -
- {sections.map((section) => ( -
-

{section.title}

-

{section.body}

-
- ))} +
+ + +
+ {document.sections.map((section) => ( +
+

{section.title}

+ {section.paragraphs.map((paragraph) => ( +

{paragraph}

+ ))} + {section.items && ( +
    + {section.items.map((item) => ( +
  • {item}
    • + ))} +
+ )} + {section.note &&

{section.note}

} +
+ ))} +
diff --git a/src/pages/SignupPage/SignupPage.test.tsx b/src/pages/SignupPage/SignupPage.test.tsx index d9d90fc..4558370 100644 --- a/src/pages/SignupPage/SignupPage.test.tsx +++ b/src/pages/SignupPage/SignupPage.test.tsx @@ -55,7 +55,11 @@ function signupPolicyResponse( required: true, content_path: '/legal/privacy', }, - marketing: { version: marketingVersion, required: false, content_path: null }, + marketing: { + version: marketingVersion, + required: false, + content_path: '/legal/marketing', + }, }, }) } @@ -211,7 +215,7 @@ describe('SignupPage', () => { expect(fetch).toHaveBeenCalledTimes(1) }) - it('links to the readable terms and privacy pages', async () => { + it('links to every readable agreement page', async () => { vi.mocked(fetch).mockResolvedValueOnce(signupPolicyResponse()) renderPage() @@ -223,6 +227,10 @@ describe('SignupPage', () => { 'href', '/legal/privacy', ) + expect(screen.getByRole('link', { name: '수신 안내' })).toHaveAttribute( + 'href', + '/legal/marketing', + ) }) it('keeps signup blocked and offers retry when policy loading fails', async () => { diff --git a/src/pages/SignupPage/SignupPage.tsx b/src/pages/SignupPage/SignupPage.tsx index 4ec68e8..07d7bde 100644 --- a/src/pages/SignupPage/SignupPage.tsx +++ b/src/pages/SignupPage/SignupPage.tsx @@ -411,6 +411,14 @@ export function SignupPage() { disabled={!signupPolicy} onChange={(event) => setMarketingOptIn(event.target.checked)} /> + + 수신 안내 +
{fieldErrors.terms &&

{fieldErrors.terms}

} diff --git a/src/routes.tsx b/src/routes.tsx index d423aad..27679a7 100644 --- a/src/routes.tsx +++ b/src/routes.tsx @@ -82,6 +82,11 @@ export const router = createBrowserRouter([ element: , errorElement: , }, + { + path: '/legal/marketing', + element: , + errorElement: , + }, { path: '/forgot-password', element: , errorElement: }, { path: '/email-sent', element: , errorElement: }, { path: '/reset-password', element: , errorElement: },