Authentication scaffoldP0 9/70

/signup/terms

약관 동의

Firebase 계정 연결 전 로그인/가입 구조

인증 정책과 약관 동의 흐름은 먼저 배치하고, 실제 provider 연결은 계정 수령 후 진행합니다.

서툰 우리의 옆자리

Concept C — Social Event

안전한 입장 게이트

PASS 본인확인 성공 상태에서 약관 동의를 마치고 프로필·뱃지 온보딩으로 이어진다.

PDF 로고 반영 · 폰트/앱 아이콘 미확정

Route

/signup/terms약관 동의사용자 모바일 · P0

Template

auth시안 변경 시 family plan과 componentSet을 먼저 수정합니다.Balanced expression

Reusable components

ExtractedLogoWelcomeCardSafeLoginPanelTermsStepperStickyActionBar

Guardrails

검증된 오프라인 이벤트에 초대받는 밝고 설레는 경험투표/매칭 화면은 밝게, 인증/결제/관리자 화면은 절제한다실시간 채팅, AI 매칭, OCR, 구독/IAP처럼 보이는 UI를 만들지 않는다

Primary CTA

PASS 인증 후 동의 계속하기계약상 route action을 유지하고, 시각 표현만 Concept C 컴포넌트로 교체합니다.PASS 인증 후 동의 계속하기

약관 동의검증된 오프라인 이벤트

내

약관 확인

PASS 인증 성공 후 약관을 확인합니다

PASS 본인확인 결과를 받은 뒤 필수 약관을 확인하고, 이어서 온보딩 프로필과 뱃지 인증을 진행합니다.

공식 로고 반영계정 정책 확인 전계정 입력

서툰 우리의 옆자리

ASBU Social Entry

필수 동의 확인

서비스 이용, 개인정보 처리, 환불/취소 정책을 각각 분리해 읽기 쉽게 배치합니다.

PASS 인증 후 동의 계속하기

고객 원문 수령 전

약관 동의 문구 고객 원문 대기

고객 원문 대기: 필수/선택 동의 항목, 동의 버전, 철회 안내 문구는 고객 확정본 수령 후 반영합니다.

고객 원문 대기검토용 구조최종 문구 확정 전

동의 항목 목록
필수/선택 구분
동의 버전/개정일

고객 원문 수령 후 문구 교체 · 필수/선택 동의 구분 · 최종 문구 확정 전

입력 정보

계정 입력 항목

고객 계정과 보안 정책을 받기 전까지는 입력 순서와 안내 문구만 확인합니다.

PASS 본인확인 완료 상태체크박스 · 필수
동의 버전체크박스 · 필수

PASS 인증 후 동의 계속하기

fixture-only no-provider-call audit log preview

Template family

auth

Firebase Auth 연결 대기

01Credential fields

02Consent checklist

03Status notice

04CTA block

UI primitives

공통 컴포넌트 슬롯

AppShellFormFieldConsentChecklistStatusBadgeCallToAction

State contract

로딩·빈값·오류·차단·주요 행동

디자인과 실데이터를 기다리는 동안에도 모든 route가 같은 실패/대기/빈값 골격을 유지하도록 화면별 상태 계약을 고정합니다.

약관 동의 불러오는 중

약관 동의 화면은 PASS 본인확인 완료 상태와 동의 문서 계약을 동시에 기다리는 로딩 상태를 노출합니다.

Empty

약관 동의에 표시할 항목이 없습니다

PASS 인증 결과나 약관 데이터가 비어 있어도 완료되지 않은 가입 상태와 다음 행동을 유지합니다.

Error

약관 동의 데이터를 확인하지 못했습니다

PASS 인증 결과 검증 또는 약관 데이터를 확인하지 못해도 가입 완료로 처리하지 않고 재시도·문의 위치를 계약으로 고정합니다.

Blocked

약관 동의 고객 입력 대기

brandSkin, firebaseProject, authPolicy, passIdentityProvider, passCallbackPolicy, consentContent 항목이 확정되기 전까지 디자인과 실데이터를 잠그지 않습니다.

Success

약관 동의이 완료됐어요

계정 절차가 끊기지 않도록 다음 화면으로 이어집니다. 다음 단계는 프로필 등록에서 이어서 확인할 수 있어요.

Primary action

PASS 인증 후 동의 계속하기/profile/newcustomer input required

Required data

authProviderConfigconsentVersionredirectPolicypassIdentityProviderpassCallbackPolicyprimitive:AppShellprimitive:FormFieldprimitive:ConsentChecklistprimitive:StatusBadgeprimitive:CallToAction

Customer input

brandSkinfirebaseProjectauthPolicypassIdentityProviderpassCallbackPolicyconsentContent

Next routes

/profile/new/me

Action/Form contract

버튼·폼·상태전이 바인딩

`screen-action-contract.json` 기준 primary CTA, form field, 상태전이, provider 차단, audit requirement를 화면에 직접 표시합니다. 현재 경계는 fixture-only-no-provider-call이며 no provider calls before customer accounts 정책을 유지합니다.

Primary CTA

PASS 인증 후 동의 계속하기

약관 동의 화면의 PASS 인증 완료 후 동의 CTA를 submitForm contract로 고정합니다.

submitFormPASS 인증 후 동의 계속하기/profile/new

Provider block

no-provider-call-before-customer-accounts

Firebase·Toss·Storage·Auth production call은 고객 계정 수령 전까지 차단합니다.

Firebase AuthCloud Firestore

Audit requirement

audit log not required

none

none

준비idle

PASS 인증 후 동의 계속하기을 누르면 계정 진행 흐름으로 자연스럽게 이어집니다.

진행 중submitting

잠시만 기다리면 약관 동의 상태가 화면에 정리됩니다.

완료success

계정 절차가 끊기지 않도록 다음 화면으로 이어집니다. 다음 단계는 프로필 등록에서 이어서 확인할 수 있어요.

다시 확인error

입력한 내용과 화면 안내를 확인한 뒤 PASS 인증 후 동의 계속하기을 다시 눌러 주세요.

확인 필요blocked

계정 정책과 인증 방식 확인이 필요합니다. 준비되면 PASS 인증 후 동의 계속하기을 다시 진행할 수 있습니다.

action-signup-terms-primaryidle → submitting

사용자가 primary action을 실행합니다.

fixtureSuccesssubmitting → success

외부 provider 호출 없이 fixture 성공 상태를 표시합니다.

fixtureErrorsubmitting → error

검증/fixture 오류 상태를 표시합니다.

customerInputMissingidle → blocked

고객 로고/계정/정책 blocker가 남아 있으면 blocked 상태를 유지합니다.

customerInputResolvedblocked → idle

필수 입력이 해결되면 기본 상태로 돌아갑니다.

Fixture interaction runner

role·CTA·form·provider·audit 시뮬레이션

실 provider 호출 없이 primary CTA, role decision, form submit, state transition, audit requirement를 fixture-only로 점검합니다.

Role access

user6 denied roles

Primary flow

PASS 인증 후 동의 계속하기/profile/new

Form submit

submitFixture2 required fields provided by fixture

Audit/provider

audit not required2 blocked providers, 0 calls

Mock navigation fixture

실데이터 없이 클릭 가능한 대표 흐름

Firebase·Toss·정책 원문을 호출하지 않는 fixture-only 링크입니다. 동적 segment는 demo id로 치환해 브라우저에서 바로 route reachability를 확인합니다.

Seed

약관 동의 demo flowroute-signup-terms-fixturefixture-only-no-provider-call

Mocked entities

fixture:demoViewerfixture:consentChecklistfixture:authRedirectPolicyprimitive:AppShellprimitive:FormFieldprimitive:ConsentChecklistprimitive:StatusBadgeprimitive:CallToAction

primaryPASS 인증 후 동의 계속하기/profile/newnext마이페이지 보기/me

Fixture payload

화면별 최소 DTO preview

실제 Firebase/Toss/정책 원문 대신 사용할 최소 payload입니다. 화면 구조와 DTO 슬롯을 먼저 맞추고, 고객 계정·정책 수령 후 실제 데이터로 교체합니다.

Payload contract

authFormpayload-signup-termspolicyDocument

Summary

약관 동의 화면에 표시할 최소 PASS 인증 완료/동의 fixture payload입니다. 실제 provider 호출 없이 layout과 DTO 슬롯만 확인합니다.

route-signup-terms-fixture

readyP0 demo

fixture

pendingbrandSkin

blocked

준비됨

약관 동의 대표 데이터

auth 화면 검증용 fixture

userP0auth

Form fields

PASS 본인확인 완료 상태 · checkbox · required동의 버전 · checkbox · required

Table columns

이름 · title상태 · status

auth-policy-needed

guest/admin-guest guard

no real credentials