"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79224],{69661:(e,t,s)=>{s.d(t,{s:()=>i});var a=s(95155),n=s(12115),r=s(72985);function i({text:e,min:t,exempt:s}){let l=(0,n.useMemo)(()=>(0,r.g6)(e),[e]);if(s)return(0,a.jsx)("span",{className:"elc elc--exempt",children:"길이 제한 없음"});let c=l>=t;return(0,a.jsxs)("span",{className:`elc ${c?"elc--ok":"elc--bad"}`,children:["유효 ",(0,a.jsx)("strong",{children:l})," / ",t,"자",!c&&(0,a.jsxs)("span",{className:"elc-hint",children:[" ","\xb7 자음/모음 단독, 같은 글자 반복은 제외"]})]})}},72985:(e,t,s)=>{s.d(t,{H6:()=>n,Jp:()=>a,g6:()=>o,wK:()=>i});let a=20,n=10,r=new Set(["nbd","suggest","request"]);function i(e){return r.has(e)}let l=/[\u1100-\u11FF\u3130-\u318F\uA960-\uA97F]/g,c=/(.)\1{2,}/gu;function o(e){return[...e.replace(l,"").replace(/^\s+/,"").replace(c,"$1")].length}},79224:(e,t,s)=>{s.d(t,{CommentSection:()=>x});var a=s(95155),n=s(12115),r=s(37990),i=s(71595),l=s(52438),c=s(64027),o=s(69661),d=s(72985),m=s(69402);function h(e,t){if(!/^#[0-9a-fA-F]{6}$/.test(e))return"transparent";let s=parseInt(e.slice(1,3),16),a=parseInt(e.slice(3,5),16),n=parseInt(e.slice(5,7),16);return`rgba(${s},${a},${n},${t})`}function u({value:e,onChange:t,size:s=26}){let[r,i]=(0,n.useState)(0),l=r||e;return(0,a.jsxs)("div",{className:"cs-star-picker",onMouseLeave:()=>i(0),children:[[1,2,3,4,5].map(e=>(0,a.jsx)("button",{type:"button",className:`cs-star ${e<=l?"is-on":""}`,onMouseEnter:()=>i(e),onClick:()=>t(e),"aria-label":`${e}점`,style:{fontSize:s},children:"★"},e)),(0,a.jsx)("span",{className:"cs-star-label",children:l?`${l}점`:"별점 선택"})]})}function p({rating:e,size:t=14}){return(0,a.jsx)("span",{className:"cs-stars-display",style:{fontSize:t},"aria-label":`${e}점`,children:[1,2,3,4,5].map(t=>(0,a.jsx)("span",{className:t<=e?"is-on":"",children:"★"},t))})}function g({c:e,replies:t,kind:s,refId:m,episodeId:x,episodePath:j,currentUserId:f,isAdmin:b,onReplyAdded:N,onUpdated:k,onDeleted:y,onVoted:v,level:C,ipCollisionByValue:w,fpCollisionByValue:S,minComment:I,uploaderIdSet:$}){let[M,T]=(0,n.useState)(!1),[B,P]=(0,n.useState)(e.content),[A,D]=(0,n.useState)(e.rating??0),[F,U]=(0,n.useState)(!1),[L,V]=(0,n.useState)(""),[O,R]=(0,n.useState)(!1),[_,E]=(0,n.useTransition)(),[J,z]=(0,n.useState)(!1),[H,W]=(0,n.useState)(!1),q=f===e.authorId,K=q||b,Y="[삭제됨]"===e.content,G=e.bgColor?{"--c-bg":h(e.bgColor,.14),"--c-bg-strong":h(e.bgColor,.32)}:void 0;return(0,a.jsxs)("li",{id:`c-${e.id}`,className:`cs-item ${C>0?"cs-item--reply":""}${e.bgColor?" cs-item--has-bg":""}`,style:G,children:[(0,a.jsxs)("div",{className:"cs-item-head",children:[(0,a.jsxs)("div",{className:"cs-item-meta",children:[(0,a.jsxs)(i.NicknameDropdown,{userId:e.authorId,nickname:e.authorNickname,isBlockedByMe:e.isBlockedByMe,isMe:q,targetIsAdmin:"admin"===e.authorRole,role:e.authorRole,points:e.authorPoints,avatarUrl:e.authorAvatarUrl,effect:e.nicknameEffect,children:[(0,a.jsx)(l.s,{points:e.authorPoints,role:e.authorRole,avatarUrl:e.authorAvatarUrl}),(0,a.jsx)("strong",{children:e.authorNickname})]}),$.has(e.authorId)&&(0,a.jsx)("span",{className:"cs-uploader-tag",title:"이 작품을 등록한 역식자",children:"역식자"}),null===e.parentId&&null!=e.rating&&(0,a.jsx)(p,{rating:e.rating,size:13}),(0,a.jsxs)("span",{className:"cs-item-time",suppressHydrationWarning:!0,children:[function(e){let t=new Date(e),s=Math.floor((Date.now()-t.getTime())/1e3);if(s<60)return"방금 전";if(s<3600)return`${Math.floor(s/60)}분 전`;if(s<86400)return`${Math.floor(s/3600)}시간 전`;if(s<604800)return`${Math.floor(s/86400)}일 전`;let a=new Date(t.getTime()+324e5);return`${String(a.getUTCFullYear()).slice(2)}.${String(a.getUTCMonth()+1).padStart(2,"0")}.${String(a.getUTCDate()).padStart(2,"0")}`}(e.createdAt),e.updatedAt!==e.createdAt&&" \xb7 수정됨"]})]}),!M&&!Y&&(0,a.jsx)("div",{className:"cs-item-head-actions",children:(0,a.jsxs)("div",{className:"cs-vote-group",role:"group","aria-label":"추천",children:[(0,a.jsxs)("button",{type:"button",className:`cs-vote-btn cs-vote-btn--up ${1===e.myVote?"is-on":""}`,onClick:()=>(()=>{if(!f)return void alert("로그인 후 이용해주세요");if(J)return;z(!0);let t=+(1!==e.myVote);fetch("/api/comments",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"vote",kind:s,id:e.id,vote:t})}).then(e=>e.json()).then(t=>{t?.ok?v(e.id,t.likeCount,t.myVote):alert(t?.error||"처리 실패")}).finally(()=>z(!1))})(),disabled:J,"aria-label":"추천","aria-pressed":1===e.myVote,children:[(0,a.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("path",{d:"M7 10v12"}),(0,a.jsx)("path",{d:"M15 5.88L14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H7l-3-2"})]}),(0,a.jsx)("span",{children:e.likeCount})]}),(0,a.jsx)(r.ReportButton,{targetType:"manhwa"===s?"manhwa-comment":"novel"===s?"novel-comment":"manga"===s?"manga-comment":"work-comment",targetId:e.id,loggedIn:!!f,hidden:q,className:"cs-report-btn cs-report-btn--inline"})]})}),(q||K||b&&(e.authorIp||e.authorFp))&&!M&&!Y&&(0,a.jsxs)("div",{className:"cs-item-actions",children:[q&&(0,a.jsx)("button",{type:"button",onClick:()=>{T(!0),P(e.content),D(e.rating??0)},children:"수정"}),K&&(0,a.jsx)("button",{type:"button",onClick:()=>{confirm("댓글을 삭제하시겠습니까?")&&E(async()=>{let t=await fetch("/api/comments",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"delete",kind:s,id:e.id})}),a=await t.json().catch(()=>null);t.ok&&a?.ok?y(e.id):alert(a?.error||"삭제 실패")})},disabled:_,children:"삭제"}),b&&(e.authorIp||e.authorFp)&&(0,a.jsx)(c.AdminBlockButtons,{authorId:e.authorId,authorNickname:e.authorNickname,authorIp:e.authorIp??null,authorFp:e.authorFp??null,ipCollision:e.authorIp?w?.[e.authorIp]??[]:[],fpCollision:e.authorFp?S?.[e.authorFp]??[]:[],reason:`${s}-comment#${e.id} ${e.authorNickname}`})]})]}),M?(0,a.jsxs)("div",{className:"cs-edit",children:[null===e.parentId&&(0,a.jsx)(u,{value:A,onChange:D,size:20}),(0,a.jsx)("textarea",{value:B,onChange:e=>P(e.target.value),maxLength:1e3,rows:3}),(0,a.jsx)("div",{style:{marginTop:4,display:"flex",justifyContent:"flex-end"},children:(0,a.jsx)(o.s,{text:B,min:I})}),(0,a.jsxs)("div",{className:"cs-edit-foot",children:[(0,a.jsx)("button",{type:"button",className:"btn btn--outline",onClick:()=>T(!1),disabled:_,children:"취소"}),(0,a.jsx)("button",{type:"button",className:"btn btn--primary",onClick:()=>{B.trim()&&E(async()=>{let t=await fetch("/api/comments",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"update",kind:s,id:e.id,content:B.trim(),rating:null===e.parentId&&A>0?A:null})}),a=await t.json().catch(()=>null);t.ok&&a?.ok?(k(e.id,B.trim(),null===e.parentId&&A>0?A:null),T(!1)):alert(a?.error||"수정 실패")})},disabled:_||!B.trim()||(0,d.g6)(B)<I,children:"저장"})]})]}):e.isSpoiler&&!H?(0,a.jsxs)("div",{className:"cs-spoiler",children:[(0,a.jsx)("span",{children:"⚠ 스포일러가 포함된 댓글입니다."}),(0,a.jsx)("button",{type:"button",className:"cs-spoiler-btn",onClick:()=>W(!0),children:"보기"})]}):(0,a.jsx)("div",{className:"cs-item-body",children:e.content}),!M&&!Y&&C<2&&!!f&&(0,a.jsx)("div",{className:"cs-item-foot",children:(0,a.jsx)("button",{type:"button",className:"cs-reply-btn",onClick:()=>U(e=>!e),children:F?"취소":"답글"})}),F&&(0,a.jsxs)("div",{className:"cs-reply-form",children:[(0,a.jsx)("textarea",{value:L,onChange:e=>V(e.target.value),placeholder:`@${e.authorNickname} 에게 답글...`,maxLength:1e3,rows:2}),(0,a.jsx)("div",{style:{marginTop:4,display:"flex",justifyContent:"flex-end"},children:(0,a.jsx)(o.s,{text:L,min:I})}),(0,a.jsxs)("div",{className:"cs-edit-foot",children:[(0,a.jsxs)("label",{className:"cs-spoiler-check",children:[(0,a.jsx)("input",{type:"checkbox",checked:O,onChange:e=>R(e.target.checked)}),(0,a.jsx)("span",{children:"⚠ 스포일러"})]}),(0,a.jsx)("button",{type:"button",className:"btn btn--outline",onClick:()=>{U(!1),V(""),R(!1)},disabled:_,children:"취소"}),(0,a.jsx)("button",{type:"button",className:"btn btn--primary",onClick:()=>{L.trim()&&E(async()=>{let t=await fetch("/api/comments",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"create",kind:s,refId:m,episodeId:x,episodePath:j,parentId:e.id,content:L.trim(),isSpoiler:O})}),a=await t.json().catch(()=>null);if(!t.ok||!a?.ok){if(a?.error_code==="spam_blocked"){alert(`🚫 댓글 도배 감지 — 영구차단되었습니다.

${a.error}`),window.location.href="/";return}alert(a?.error||"답글 등록 실패");return}N(a.comment),V(""),R(!1),U(!1)})},disabled:_||!L.trim()||(0,d.g6)(L)<I,children:"답글 등록"})]})]}),t.length>0&&(0,a.jsx)("ul",{className:"cs-replies",children:t.map(e=>(0,a.jsx)(g,{c:e,replies:[],kind:s,refId:m,episodeId:x,episodePath:j,currentUserId:f,isAdmin:b,onReplyAdded:N,onUpdated:k,onDeleted:y,onVoted:v,level:C+1,ipCollisionByValue:w,fpCollisionByValue:S,minComment:I,uploaderIdSet:$},e.id))})]})}function x({kind:e,refId:t,episodeId:s=null,episodePath:r=null,initial:i,bestInitial:l,uploaderIds:c,page:h=1,totalPages:p=1,totalRoots:j,basePath:f,currentUserId:b,isAdmin:N,showRating:k=!0,summary:y=null,ipCollisionByValue:v,fpCollisionByValue:C,minComment:w}){let S,I,$=N?0:w??15,[M,T]=(0,n.useState)(i),[B,P]=(0,n.useState)("asc");(0,n.useEffect)(()=>{try{let e=window.localStorage.getItem("ntk_comment_sort");("asc"===e||"desc"===e)&&P(e)}catch{}},[]);let A=e=>{P(e);try{window.localStorage.setItem("ntk_comment_sort",e)}catch{}},[D,F]=(0,n.useState)(""),[U,L]=(0,n.useState)(0),[V,O]=(0,n.useState)(!1),[R,_]=(0,n.useTransition)(),[E,J]=(0,n.useState)(null),[z,H]=(0,n.useState)(h),[W,q]=(0,n.useState)(!1),K=(0,n.useCallback)(e=>{r?e.set("episodePath",r):s&&e.set("episodeId",s)},[r,s]);(0,n.useEffect)(()=>{if(!f)return;let s=async()=>{let s=new URL(window.location.href).searchParams.get("cpage"),a=s?Math.max(1,parseInt(s,10)||1):p;if(a!==z){q(!0);try{let s=new URLSearchParams({kind:e,refId:t,cpage:String(a)});K(s);let n=await fetch("/api/comments?"+s.toString(),{cache:"no-store"}),r=await n.json().catch(()=>null);if(!n.ok||!r?.ok)return;T(r.items),H(r.page)}finally{q(!1)}}};return window.addEventListener("popstate",s),()=>window.removeEventListener("popstate",s)},[f,z,p,e,t,K]);let Y=e=>f?e<=1?`${f}#comments-anchor`:`${f}?cpage=${e}#comments-anchor`:"#",G=async s=>{if(!f||s===z||W)return;H(s),q(!0);let a=document.getElementById("comments-anchor");a&&a.scrollIntoView({behavior:"smooth",block:"start"});try{let a=new URLSearchParams({kind:e,refId:t,cpage:String(s)});K(a);let n=await fetch("/api/comments?"+a.toString(),{cache:"no-store"}),r=await n.json().catch(()=>null);if(!n.ok||!r?.ok)return;T(r.items);let i=s<=1?f:`${f}?cpage=${s}`;window.history.replaceState(null,"",i+"#comments-anchor")}finally{q(!1)}},Q=void 0!==l,[X,Z]=(0,n.useState)(l??[]),ee=(0,n.useMemo)(()=>new Set(c??[]),[c]),{roots:et,repliesMap:es,perPageBestIds:ea}=(0,n.useMemo)(()=>{let e=[...M].sort((e,t)=>new Date(e.createdAt).getTime()-new Date(t.createdAt).getTime()),t=e.filter(e=>!e.parentId),s="desc"===B?[...t].reverse():t,a=new Map;for(let t of e)if(t.parentId){let e=a.get(t.parentId)??[];e.push(t),a.set(t.parentId,e)}return Q?{roots:s,repliesMap:a,perPageBestIds:new Set}:{roots:s,repliesMap:a,perPageBestIds:new Set(e.filter(e=>(e.likeCount??0)>=3).slice().sort((e,t)=>(t.likeCount??0)-(e.likeCount??0)).slice(0,3).map(e=>e.id))}},[M,B,Q]),en=(0,n.useMemo)(()=>Q?[...X].sort((e,t)=>(t.likeCount??0)-(e.likeCount??0)):M.filter(e=>ea.has(e.id)).sort((e,t)=>(t.likeCount??0)-(e.likeCount??0)),[Q,X,M,ea]),er=(0,n.useMemo)(()=>{if(y)return y;let e={1:0,2:0,3:0,4:0,5:0},t=0,s=0;for(let a of M)null!=a.rating&&a.rating>=1&&a.rating<=5&&(e[a.rating]++,t+=a.rating,s++);return{avgRating:s>0?t/s:null,ratingCount:s,ratingDist:e}},[y,M]),ei=e=>T(t=>[...t,e]),el=(e,t,s)=>{let a=a=>a.id===e?{...a,content:t,rating:s,updatedAt:new Date().toISOString()}:a;T(e=>e.map(a)),Z(e=>e.map(a))},ec=e=>{let t=t=>t.id!==e&&t.parentId!==e;T(e=>e.filter(t)),Z(e=>e.filter(t))},eo=(e,t,s)=>{let a=a=>a.id===e?{...a,likeCount:t,myVote:s}:a;T(e=>e.map(a)),Z(e=>e.map(a))},ed=M.length,em=M.filter(e=>e.parentId).length,eh=ed-em,eu=M.reduce((e,t)=>e+t.likeCount,0),ep=Math.max(1,...Object.values(er.ratingDist)),eg=er.avgRating,ex=eg?eg/5*100:0,ej=er.ratingCount>0?Math.round((er.ratingDist[4]+er.ratingDist[5])/er.ratingCount*100):0;return(0,a.jsxs)("section",{id:"comments-anchor",className:"cs-section",children:[(0,a.jsxs)("header",{className:"cs-head-v2",children:[(0,a.jsxs)("div",{className:"cs-title",children:[(0,a.jsxs)("h2",{children:[(0,a.jsx)("span",{"aria-hidden":!0,children:"\uD83D\uDCAC"})," 댓글"," ",(0,a.jsx)("span",{className:"cs-title-count",children:ed.toLocaleString()}),"개"]}),(0,a.jsxs)("div",{className:"cs-counts",children:[eh!==ed&&(0,a.jsxs)("span",{className:"cs-counts-meta",children:["댓글 ",eh," \xb7 답글 ",em]}),eu>0&&(0,a.jsxs)("span",{className:"cs-counts-meta",children:["\uD83D\uDC4D ",eu.toLocaleString()]}),(0,a.jsxs)("span",{className:"comments-sort",role:"tablist","aria-label":"댓글 정렬",children:[(0,a.jsx)("button",{type:"button",role:"tab","aria-selected":"asc"===B,className:`comments-sort-btn ${"asc"===B?"is-active":""}`,onClick:()=>A("asc"),children:"등록순"}),(0,a.jsx)("button",{type:"button",role:"tab","aria-selected":"desc"===B,className:`comments-sort-btn ${"desc"===B?"is-active":""}`,onClick:()=>A("desc"),children:"최신순"})]})]})]}),k&&er.ratingCount>0&&(0,a.jsxs)("div",{className:"cs-rating-card",children:[(0,a.jsxs)("div",{className:"cs-rating-score",children:[(0,a.jsxs)("div",{className:"cs-rating-num",children:[(0,a.jsx)("strong",{children:eg.toFixed(1)}),(0,a.jsx)("span",{className:"cs-rating-max",children:"/5.0"})]}),(0,a.jsxs)("div",{className:"cs-rating-stars-wrap","aria-label":`평균 ${eg.toFixed(1)}점`,children:[(0,a.jsx)("div",{className:"cs-rating-stars-bg",children:"★★★★★"}),(0,a.jsx)("div",{className:"cs-rating-stars-fg",style:{width:`${ex}%`},children:"★★★★★"})]}),(0,a.jsxs)("div",{className:"cs-rating-cnt",children:[(0,a.jsx)("strong",{children:er.ratingCount.toLocaleString()}),"명 평가",ej>0&&(0,a.jsxs)("span",{className:"cs-rating-rec",children:["\xb7 추천 ",ej,"%"]})]})]}),(0,a.jsx)("div",{className:"cs-rating-dist",children:[5,4,3,2,1].map(e=>{let t=er.ratingDist[e]??0,s=Math.round(t/er.ratingCount*100);return(0,a.jsxs)("div",{className:"cs-dist-row",children:[(0,a.jsxs)("span",{className:"cs-dist-num",children:[e,(0,a.jsx)("i",{children:"★"})]}),(0,a.jsx)("span",{className:"cs-dist-bar",children:(0,a.jsx)("span",{style:{width:`${t/ep*100}%`}})}),(0,a.jsx)("span",{className:"cs-dist-cnt",children:t>0?`${s}%`:"-"})]},e)})})]})]}),b?(0,a.jsxs)("form",{onSubmit:a=>{a.preventDefault(),J(null);let n=D.trim();n?n.replace(/[0-9]/g,"").length<10?J("댓글은 (숫자 제외) 10글자 이상 작성해주세요"):_(async()=>{let a=await fetch("/api/comments",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"create",kind:e,refId:t,episodeId:s,episodePath:r,content:D.trim(),rating:k&&U>0?U:null,isSpoiler:V})}),n=await a.json().catch(()=>null);if(!a.ok||!n?.ok){if(n?.error_code==="spam_blocked"){alert(`🚫 댓글 도배 감지 — 영구차단되었습니다.

${n.error}`),window.location.href="/";return}J(n?.error||"등록 실패");return}ei(n.comment),F(""),L(0),O(!1)}):J("내용을 입력하세요")},className:"cs-form",children:[k&&(0,a.jsx)(u,{value:U,onChange:L}),(0,a.jsx)("textarea",{value:D,onChange:e=>F(e.target.value),placeholder:"댓글을 남겨보세요",maxLength:1e3,rows:3}),(0,a.jsx)("div",{style:{marginTop:4,display:"flex",justifyContent:"flex-end"},children:(0,a.jsx)(o.s,{text:D,min:$})}),(0,a.jsx)("p",{className:"cs-form-warn",children:"⚠ 작품 감상평이 아닌 의미 없는 댓글(예: “감사합니다”, “잘봤어요” 등) 작성 시 댓글 삭제 및 영구 차단됩니다."}),"work"===e&&(0,a.jsx)("p",{className:"cs-form-warn",children:"⚠ 심한 워터마크는 크롤링 해가는 아류사이트들로 인한 조치이니 양해부탁드리며, 워터마크 관련 댓글은 분탕러로 간주하여 영구 차단합니다."}),"novel"===e&&(0,a.jsx)("p",{className:"cs-form-warn",children:"⚠ 일부 유료 회차는 크롤링해가는 아류사이트들로 인해 어쩔 수 없이 도입된 절차이니 양해부탁드리며, 관련 불평 댓글 작성 시 악용자로 간주하여 영구 차단합니다."}),(0,a.jsxs)("div",{className:"cs-form-foot",children:[(0,a.jsxs)("label",{className:"cs-spoiler-check",children:[(0,a.jsx)("input",{type:"checkbox",checked:V,onChange:e=>O(e.target.checked)}),(0,a.jsx)("span",{children:"⚠ 스포일러"})]}),E&&(0,a.jsxs)("span",{className:"cs-err",children:["⚠ ",E]}),(0,a.jsx)("button",{type:"submit",className:"btn btn--primary",disabled:R||(0,d.g6)(D)<$,children:R?"등록 중...":"댓글 등록"})]})]}):(0,a.jsxs)("div",{className:"cs-login",children:[(0,a.jsx)("p",{children:"댓글을 작성하려면 로그인이 필요합니다."}),(0,a.jsx)("a",{href:"#login","data-auth-open":"login",className:"btn btn--primary",children:"로그인"}),(0,a.jsx)("a",{href:"#signup","data-auth-open":"signup",className:"btn btn--outline",children:"회원가입"})]}),en.length>0&&(0,a.jsxs)("section",{className:"cs-best","aria-label":"베스트 댓글",children:[(0,a.jsxs)("div",{className:"cs-best-head",children:[(0,a.jsx)("span",{className:"cs-best-icon","aria-hidden":!0,children:"\uD83C\uDFC6"}),(0,a.jsx)("strong",{children:"베스트 댓글"}),(0,a.jsxs)("span",{className:"cs-best-hint",children:["추천 3개 이상 \xb7 상위 ",en.length,"개"]})]}),(0,a.jsx)("ul",{className:"cs-list cs-list--best",children:en.map(n=>(0,a.jsx)(g,{c:n,replies:[],kind:e,refId:t,episodeId:s,episodePath:r,currentUserId:b,isAdmin:N,onReplyAdded:ei,onUpdated:el,onDeleted:ec,onVoted:eo,level:0,ipCollisionByValue:v,fpCollisionByValue:C,minComment:$,uploaderIdSet:ee},`best-${n.id}`))})]}),0===et.length?(0,a.jsx)("div",{className:"cs-empty",children:"아직 댓글이 없어요. 첫 댓글을 남겨보세요!"}):(0,a.jsx)("ul",{className:`cs-list ${W?"is-loading":""}`,"aria-busy":W,children:et.map(n=>(0,a.jsx)(g,{c:n,replies:es.get(n.id)??[],kind:e,refId:t,episodeId:s,episodePath:r,currentUserId:b,isAdmin:N,onReplyAdded:ei,onUpdated:el,onDeleted:ec,onVoted:eo,level:0,ipCollisionByValue:v,fpCollisionByValue:C,minComment:$,uploaderIdSet:ee},n.id))}),p>1&&f&&(S=(0,m.sT)(z,p),I=(e,t)=>{e.preventDefault(),G(t)},(0,a.jsxs)("nav",{className:`pager pager-list cs-pager ${W?"is-loading":""}`,"aria-label":"댓글 페이지",children:[z>1&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("a",{href:Y(1),onClick:e=>I(e,1),className:"pager-arrow","aria-label":"첫 페이지",children:"\xab"}),S.prevBlockPage&&(0,a.jsx)("a",{href:Y(S.prevBlockPage),onClick:e=>I(e,S.prevBlockPage),className:"pager-arrow","aria-label":"이전 10페이지",children:"‹"})]}),S.start>1&&(0,a.jsx)("span",{className:"pager-gap",children:"…"}),S.pages.map(e=>(0,a.jsx)("a",{href:Y(e),onClick:t=>I(t,e),className:`pager-num-link ${e===z?"is-active":""}`,"aria-current":e===z?"page":void 0,children:e},e)),S.end<p&&(0,a.jsx)("span",{className:"pager-gap",children:"…"}),z<p&&(0,a.jsxs)(a.Fragment,{children:[S.nextBlockPage&&(0,a.jsx)("a",{href:Y(S.nextBlockPage),onClick:e=>I(e,S.nextBlockPage),className:"pager-arrow","aria-label":"다음 10페이지",children:"›"}),(0,a.jsx)("a",{href:Y(p),onClick:e=>I(e,p),className:"pager-arrow","aria-label":"마지막 페이지",children:"\xbb"})]})]}))]})}}}]);