${escapeHtml(src)}`, fallback: true };
const raw = window.marked.parse(String(src || ''), { gfm: true, breaks: false });
return { html: window.DOMPurify.sanitize(raw, { FORBID_TAGS: ['style', 'form', 'input'], FORBID_ATTR: ['style'] }), fallback: false };
};
const todayKst = () => new Date(Date.now() + 9 * 3600e3).toISOString().slice(0, 10);
// 시행일 하한: 오늘(KST)과 이미 게시된 판들의 가장 늦은 시행일 중 늦은 쪽(같은 날은 됩니다). 서버도 3087 로 막습니다.
const termsMinEffective = (rows) => rows
.filter((r) => TF.status(r) !== 'DRAFT' && TF.effective(r))
.map((r) => ymd(TF.effective(r)) || TF.effective(r))
.reduce((a, b) => (b > a ? b : a), todayKst());
const TermsAdmin = () => {
const types = useLive(() => api.live.terms.types(), []);
const typeList = types.data || [];
const [code, setCode] = React.useState(null);
React.useEffect(() => { if (!code && typeList.length) setCode(TF.typeCode(typeList[0])); }, [typeList.length]);
const versions = useLive(() => (code ? api.live.terms.versions(code) : Promise.resolve([])), [code]);
const rows = versions.data || [];
const [openId, setOpenId] = React.useState(null);
const [busy, setBusy] = React.useState(false);
const [error, setError] = React.useState('');
const hasDraft = rows.some((v) => TF.status(v) === 'DRAFT');
const current = rows.find((v) => TF.status(v) === 'CURRENT');
const latestPublished = rows.find((v) => TF.status(v) !== 'DRAFT');
const copySource = current || latestPublished;
const typeName = (c) => { const t = typeList.find((x) => TF.typeCode(x) === c); return t ? TF.typeName(t) : c; };
const reloadAll = () => { versions.reload(); types.reload(); };
const createVersion = async () => {
if (!window.confirm(copySource
? `${termsNo(copySource)}(${(TERMS_STATUS[TF.status(copySource)] || {}).label})을 복사해 새 판을 만들까요?\n새 판은 "작성 중"으로 만들어지고, 게시하기 전에는 공개되지 않습니다.`
: '빈 새 판을 만들까요? 게시하기 전에는 공개되지 않습니다.')) return;
setBusy(true); setError('');
try {
const made = await api.live.terms.create(code, copySource ? TF.id(copySource) : null);
reloadAll();
if (made && made.versionId != null) setOpenId(made.versionId);
} catch (e) { setError(`새 판을 만들지 못했습니다: ${errorText(e)}`); } finally { setBusy(false); }
};
// 종류가 17개라 탭 대신 대상별로 묶은 선택 상자를 씁니다.
const groups = typeList.reduce((acc, t) => { const a = TF.audience(t) || 'COMMON'; (acc[a] = acc[a] || []).push(t); return acc; }, {});
const selected = typeList.find((t) => TF.typeCode(t) === code);
return (
| 판 | 제목 | 상태 | 개정일 | 시행일 | 게시 | |
|---|---|---|---|---|---|---|
| {termsNo(v) || '—'} | {TF.title(v) || '—'} | {TF.revised(v) ? ymd(TF.revised(v)) || TF.revised(v) : '—'} | {TF.effective(v) ? ymd(TF.effective(v)) || TF.effective(v) : '—'} | {TF.published(v) ? `${fmtDT(TF.published(v))}${TF.aid(v) ? ` · 어드민 #${TF.aid(v)}` : ''}` : '—'} | e.stopPropagation()}> {TERMS_CAN.view(TF.status(v)) && ( 파트너스에서 보기 )} |