;
}
// 정지 계정 안내 배너(23단계) — 서버가 실제 차단, 화면은 사유·기간·문의 경로를 상시 노출
function SuspensionBanner({S, set}) {
const sn = S.sanctionActive;
if (!sn) return null;
const until = sn.expires_at ? new Date(sn.expires_at).toLocaleString('ko-KR') : null;
return
이용이 제한된 계정이에요. {until?`${until}까지`:'영구적으로'} 모임 개설·참가·글·채팅이 제한돼요. 사유: {sn.reason||'커뮤니티 이용수칙 위반'}. 잘못된 조치라면 support@modumoyeo.com 으로 문의해주세요.
;
}
function Footer({go, set}) {
const linkStyle = {background:'none', border:'none', color:'var(--c-faint)', fontFamily:'inherit', fontSize:12.5, cursor:'pointer', padding:0};
return ;
}
// 웹 전용 이용수칙 모달 — 모바일 전용 파일(screens-b.jsx)에만 있던 RulesModal이 웹 번들에는
// 존재하지 않아 "전체 수칙 다시보기"·"참가 신청하기"를 누르면 컴포넌트를 찾지 못해 흰 화면으로
// 깨졌던 문제를 고치기 위해 추가한 웹 버전. 내용은 모바일판과 동일하게 유지.
function WRulesModal({S, set, go}) {
const [applyErr, setApplyErr] = React.useState(''); // 쿨다운·실패 안내 — 토스트는 3초 만에 사라져 '무반응'으로 오해됨(실사례)
const m = MEETUPS[S.detailId] || S.tempDetail || MEETUPS.m1;
const rules = ['서로 존중해주세요. 나이·학교·국가와 상관없이 예의를 지켜주세요.','과도한 스킨십은 금지돼 있어요.','식사·음료 등 개인 비용은 각자 결제하는 게 기본이에요. (스폰서 모임 예외)','노쇼 시 다음 모임 신청이 제한될 수 있어요.','불편한 상황에는 신고하기 — 성희롱·폭언·영업·다단계·사기·스토킹·사진 무단 게시 등 유형별로 접수돼요.','모임 사진은 참가자 동의 없이 SNS에 올릴 수 없어요.'];
return
set({rulesOpen:false})}>
e.stopPropagation()}>
함께 즐거운 모임을 위해
{m?.title} · {m?.when}
{rules.map((r,i)=>
{i+1}{r}
)}
{S.policyOpen&&
신뢰·안전 정책 (PRD 8장)
신고 유형 — 성희롱/폭언/영업·다단계/사기/스토킹/사진 무단 게시/기타로 분류되어 접수되고, 긴급 신고는 일반 불편 신고보다 우선 처리돼요.
차단 시 상대에게 내 프로필과 참가 예정 모임이 보이지 않도록 처리돼요.
신고 접수 후에는 임시 신청 제한이 검토되고, 채팅 기록은 신고 처리를 위한 최소 기간만 보관돼요.
}
{!(m&&S.joined[m.id])&&}
{applyErr&&
{applyErr}
}
{(S.detailId+'').startsWith('my')||!m||S.joined[m.id]
/* 이미 참가 중(확정·대기·승인대기)이면 읽기 전용 — 수칙 다시보기가 신청 버튼으로 둔갑해
확정자를 대기로 강등시키던 사고(2026-07-29 실제 발생) 방지 */
?set({rulesOpen:false})}/>
:(()=>{ const full = effectiveJoined(m) >= m.capMax; return {
if (S.joined[m.id]) { set({rulesOpen:false, ruleCheck:false}); return; } // 이중 안전장치
const status = full?'waitlisted':(m.approvalMode==='approval'?'pending':'confirmed');
const applyLocal = () => {
const patch = {rulesOpen:false, ruleCheck:false, joined:{...S.joined,[m.id]:status}};
// 확정 신청이면 인원 숫자·게이지가 즉시 올라가게 로컬 카운트도 바로 반영(서버 재조회 전까지의 표시용)
if (status==='confirmed') {
m.capJoined = (m.capJoined||0)+1;
if (S.tempDetail && S.tempDetail.id===m.id) patch.tempDetail = {...S.tempDetail, capJoined:m.capJoined};
}
if (full) {
patch.waitlists = joinWaitlist(m.id, S);
const pos = myWaitlistPosition(m.id, {waitlists:patch.waitlists}) || (patch.waitlists[m.id]||[]).length;
patch.toast = `대기 ${pos}번째로 등록됐어요`;
} else {
patch.toast = status==='pending' ? '신청이 접수됐어요 — 모임장 승인을 기다려주세요' : '참가가 확정됐어요 — 채팅방이 열렸어요';
}
set(patch);
};
// 취소 페널티 사전 안내 — 서버 트리거가 최종 강제하지만, 이 기기에서 취소한 기록이 있으면 즉시 알려줌
const penaltyUntil = Number((()=>{ try { return localStorage.getItem(nsKey('mm_cancel_penalty:'+((S.acctEmail||S.signupEmail||'').toLowerCase()))); } catch(e) { return 0; } })()||0);
if (Date.now() < penaltyUntil) {
const min = Math.max(1, Math.ceil((penaltyUntil-Date.now())/60000));
setApplyErr(`최근 참가를 취소해서 지금은 신청할 수 없어요 — 약 ${min}분 뒤에 다시 신청할 수 있어요 (취소 후 1시간 제한)`);
return;
}
// 서버에 저장된 모임이면 서버 신청이 성공한 뒤에만 화면을 바꾼다(12단계 서버화)
const email = S.acctEmail || S.signupEmail;
if (isServerMeetupId(m.id) && email) {
applyToMeetupServer(m.id, email, S.profile.nickname||'나', status).then(res=>{
if (res && res.error) {
const msg = String((res.error&&res.error.message)||'');
if (msg.includes('MM_APPLY_COOLDOWN_LONG')) setApplyErr('최근 취소가 잦아 24시간 동안 새 모임 신청이 제한돼요.');
else if (msg.includes('MM_APPLY_COOLDOWN')) setApplyErr('참가를 취소한 지 1시간이 지나지 않아 아직 신청할 수 없어요.');
else if (msg.includes('MM_SUSPENDED')) setApplyErr('이용이 제한된 계정이에요 — 제한 기간에는 모임에 참가할 수 없어요. 문의: support@modumoyeo.com');
else if (msg.includes('MM_NOSHOW_BANNED')) setApplyErr('최근 30일 안에 노쇼가 2회 기록되어 2주간 새 모임 신청이 제한됐어요. 어떤 모임의 기록인지는 알림함에서 확인할 수 있고, 잘못 기록됐다면 운영진 문의로 알려주세요.');
else setApplyErr('신청에 실패했어요 — 잠시 후 다시 시도해주세요.');
return;
}
// 서버가 정원 초과로 자동 대기 전환한 경우 — 화면도 대기 상태로 반영(14단계)
if (res && res.status === 'waitlisted' && status !== 'waitlisted') {
set({rulesOpen:false, ruleCheck:false, joined:{...S.joined,[m.id]:'waitlisted'}, waitlists:joinWaitlist(m.id, S), toast:'그 사이 정원이 가득 찼어요 — 대기 명단에 올려드렸어요. 자리가 나면 자동으로 확정돼요'});
return;
}
applyLocal();
});
} else applyLocal();
}}/>; })()}
;
}
// 모달 드래그 보호(앱 전체 공통) — 입력창에서 글자를 드래그하다 팝업 밖에서 마우스를 떼면 팝업이 닫히며
// 작성 중이던 내용이 날아가던 버그 방지. 브라우저의 click은 누른 지점과 뗀 지점의 공통 조상에서 발생하므로,
// "누르기 시작한 곳"이 오버레이 자신이 아니면 오버레이의 닫기 클릭을 여기서 차단한다.
(function(){
if (window.__mmOverlayGuard) return; window.__mmOverlayGuard = true;
let downTarget = null;
document.addEventListener('mousedown', function(e){ downTarget = e.target; }, true);
document.addEventListener('click', function(e){
if (e.target && e.target.classList && e.target.classList.contains('overlay') && downTarget && downTarget !== e.target) e.stopPropagation();
}, true);
})();
Object.assign(window, {injectWebCss, WNav, Footer, loadSession, saveSession, DevPanel, WRulesModal, startCreateMeetup, AuthDecor});