https://www.bonatour.co.kr/_next/static/chunks/pages/community/[co…/posts/[post_id]-6320f40e608343de.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4165],{27791:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/community/[community_id]/posts/[post_id]",function(){return n(11284)}])},7055:function(t,e,n){"use strict";class o{createTimeFormat(t,e){let n=+new Date(t),o=+new Date-n;for(let t of[{unit:e("communityMinute"),milliSeconds:6e4},{unit:e("communityHour"),milliSeconds:36e5},{unit:e("communityDay"),milliSeconds:864e5},{unit:e("communityMonth"),milliSeconds:2592e6},{unit:e("communityYear"),milliSeconds:31536e6}].reverse()){let n=Math.floor(o/t.milliSeconds);if(n>0)return"".concat(n).concat(t.unit).concat(e("communityTimeUnit"))}return e("communityNow")}convertDataToHtml(t){let e="";return t.map(t=>{switch(t.type){case"header":e+="<h".concat(t.data.level,">").concat(t.data.text,"</h").concat(t.data.level,">");break;case"embded":e+='<div><iframe width="560" height="315" src="'.concat(t.data.embed,'" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>');break;case"paragraph":e+="<p>".concat(t.data.text,"</p>");break;case"delimiter":e+="<hr />";break;case"image":e+='<img style="width: auto; max-width: 100%; height: auto" src="'.concat(t.data.file.url,'" alt="image" /><br />');break;case"list":e+="<ul>",t.data.items.forEach(function(t){e+="<li>".concat(t,"</li>")}),e+="</ul>"}}

1),e}}let i=new o;e.Z=i},11073:function(t,e,n){"use strict";n.d(e,{Pj:function(){return r},YN:function(){return c},qI:function(){return l},y$:function(){return i}});var o=n(4480);let i=(0,o.cn)({key:"isCommentState",default:!1});(0,o.cn)({key:"isReplyCommentState",default:!1});let c=(0,o.cn)({key:"commentInfoState",default:{mentionId:"",parentCommentId:""}}),r=(0,o.cn)({key:"postInfoState",default:{title:"",content:{},thumbnail:""}}),l=(0,o.cn)({key:"commenListSate",default:[]})},11284:function(t,e,n){"use strict";n.r(e),n.d(e,{__N_SSP:function(){return S},default:function(){return I}});var o=n(67194),i=n(4480),c=n(11073),r=n(80795),l=n(67294),a=n(8051),s=n(7055),m=n(62436),u=n(11163),p=(t,e,n)=>{let[o,r]=(0,i.FV)(c.qI);return{comments:o,refresh:(0,l.useCallback)(async()=>{r((await a.b.getWithTravelAgent("/community/".concat(e,"/posts/").concat(n),t)).data.comments)},[e,n])}},x=n(47849),d=n(72819),h=n(28677),g=t=>{let{isReplyCommentInput:e=!1,userId:n="",agentInfo:s,showCommentInput:g=null}=t,{t:f}=(0,h.$G)("common"),[y,C]=(0,l.useState)(""),[w,k]=(0,i.FV)(c.YN),{mentionId:B,parentCommentId:Z}=w,[b,{mutate:v,loading:_}]=(0,m.a)(),L=(0,l.useRef)(null),S=(0,u.useRouter)(),I=(0,x.oX)(),{community_id:M,post_id:X}=S.query,{refresh:F}=p(s,M,X);(0,l.useEffect)(()=>{e&&n.length>0?(C("@".concat(n," ")),L.current.focus()):C("")},[n]);let W=async()=>{let{is_logged:t,is_auth_required:n}=b;if(!t){I.openWarning({showConfirmButton:!0,showCancelButton:!0,text:f("communityLoginMsg1"),confirmButtonText:f("communityLoginMsg2"),cancelButtonText:f("communityLoginMsg3")}).then(()=>{S.push("/login")});return}if(y.length>200){I.openWarning({text:f("communityCommentMsg1")});return}try{I.openLoading({});let t=await a.b.postWithTravelAgent("/community/".concat(M,"/posts/").concat(X,"/comment"),s,{content:y,parent_comment_id:Z},{travel_agent_url:s.url,jwt_token:b.jwtToken});200===t.status&&(I.closeLoading({}),C(""),k({mentionId:"",parentCommentId:""}),e&&g(),F())}catch(t){I.closeLoading({}),d.Z.error(t)}};return(0,o.BX)(r.kC,{sx:{mt:["0px","30px"]},children:[(0,o.BX)("svg",{width:"48",height:"48",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg",sx:{display:["none","block"]},children:[(0,o.tZ)("circle",{cx:"28",cy:"28",r:"28",fill:"none",sx:{fill:"secondary_2"}}),(0,o.tZ)("circle",{cx:"27.9987",cy:"27.9987",r:"18.6667",fill:"white"}),(0,o.tZ)("path",{d:"M37.3327 29.5547C37.3327 34.7093 33.154 38.888 27.9993 38.888C22.8447 38.888 18.666 34.7093 18.666 29.5547",stroke:"#B1B1B1",strokeWidth:"1.55556",strokeLinecap:"round"}),(0,o.tZ)("circle",{cx:"20.9993",cy:"22.554",r:"2.33333",fill:"#B1B1B1"}),(0,o.tZ)("circle",{cx:"34.9993",cy:"22.554",r:"2.33333",fill:"#B1B1B1"})]}),(0,o.BX)(r.kC,{sx:{ml:["0px","12px"],width:"100%"},children:[(0,o.tZ)(r.gx,{rows:1,ref:L,name:"comment",id:"comment",placeholder:f("communityCommentMsg2"),value:y,sx:{pl:"12px",pt:"12px",resize:"none",borderRadius:"4px","&::placeholder":{fontSize:"15px",color:"#767676",lineHeight:"20px"}},onChange:t=>C(t.target.value)}),(0,o.tZ)(r.zx,{sx:{ml:"12px",height:"100%",backgroundColor:"".concat(y?"deep":"#999999")},onClick:()=>y&&W(),children:f("communityCommentPost")})]})]})},f=t=>{var e;let{comment:n,isMobile:a,agentInfo:p,onDeleteComment:x}=t,{t:d}=(0,h.$G)("common"),[f,y]=(0,l.useState)(!1),[C,w]=(0,i.FV)(c.y$),[k,B]=(0,i.FV)(c.YN),{mentionId:Z,parentCommentId:b}=k,{community_id:v,post_id:_}=(0,u.useRouter)().query,[L,{mutate:S,loading:I}]=(0,m.a)(),M=()=>{if(a&&!Z){w(!C),B({mentionId:n.user,parentCommentId:n.parent_comment_id});return}y(!f),f||B({mentionId:n.user,parentCommentId:n.parent_comment_id})};return(0,o.BX)(r.kC,{sx:{flexDirection:"column"},children:[(0,o.tZ)(r.xu,{sx:{width:"fit-content",backgroundColor:"#F2F2F6",borderRadius:"4px",p:"16px"},children:(0,o.BX)(r.kC,{sx:{mr:"12px"},children:[(0,o.tZ)(r.xu,{sx:{flexShrink:0,width:["24px","32px"],height:["24px","32px"]},children:(0,o.BX)("svg",{width:"100%",height:"100%",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,o.tZ)("circle",{cx:"28",cy:"28",r:"28",fill:"none",sx:{fill:"secondary_2"}}),(0,o.tZ)("circle",{cx:"27.9987",cy:"27.9987",r:"18.6667",fill:"white"}),(0,o.tZ)("path",{d:"M37.3327 29.5547C37.3327 34.7093 33.154 38.888 27.9993 38.888C22.8447 38.888 18.666 34.7093 18.666 29.5547",stroke:"#B1B1B1",strokeWidth:"1.55556",strokeLinecap:"round"}),(0,o.tZ)("circle",{cx:"20.9993",cy:"22.554",r:"2.33333",fill:"#B1B1B1"}),(0,o.tZ)("circle",{cx:"34.9993",cy:"22.554",r:"2.33333",fill:"#B1B1B1"})]})}),(0,o.BX)(r.kC,{sx:{flexDirection:"column",gap:"8px",ml:"12px"},children:[(0,o.BX)(r.kC,{sx:{justifyContent:"space-between"},children:[(0,o.tZ)(r.xv,{sx:{fontSize:"15px",fontWeight:"bold"},children:n.user}),n.use_flag&&(null==L?void 0:L.memberCode)==n.writer_id&&(0,o.tZ)(r.kC,{sx:{cursor:"pointer",width:"20px",height:"20px",alignItems:"center",justifyContent:"center"},onClick:()=>x(v,_,n.id),children:(0,o.tZ)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.tZ)("path",{d:"M12 1.20857L10.7914 0L6 4.79143L1.20857 0L0 1.20857L4.79143 6L0 10.7914L1.20857 12L6 7.20857L10.7914 12L12 10.7914L7.20857 6L12 1.20857Z",fill:"#767676"})})})]}),(0,o.tZ)(r.xv,{as:"div",sx:{fontSize:["14px","15px"],color:"text",lineHeight:"26px",whiteSpace:"pre-wrap",wordBreak:"break-all"},children:n.use_flag?(null===(e=n.content)||void 0===e?void 0:e.split(" ")[0].includes("@"))?(0,o.BX)(o.HY,{children:[(0,o.tZ)(r.xv,{sx:{fontWeight:"bold"},children:n.content.split(" ")[0]})," ","\xa0",(0,o.tZ)(r.xv,{children:n.content.split(" ").slice(1).join(" ")})]}):(0,o.tZ)(r.xv,{children:n.content}):d("communityCommentDeleteMsg1")}),(0,o.tZ)(r.xu,{children:(0,o.BX)("ul",{sx:{m:0,p:0,display:"flex",fontSize:"13px",color:"text3",listStyle:"none",li:{position:"relative",margin:"0 10px"},"li:first-of-type":{marginLeft:"0px"},"li:first-of-type:hover":{cursor:n.use_flag&&"pointer",textDecoration:n.use_flag&&"underline"},"li:first-of-type::after":{content:n.use_flag&&'"|"',position:"absolute",right:"-10px",height:"10px"}},children:[n.use_flag&&(0,o.tZ)("li",{onClick:()=>M(),children:d("communityCommentDeleteMsg2")}),(0,o.tZ)("li",{children:s.Z.createTimeFormat(n.created_time,d)})]})})]})]})}),f&&!a&&(0,o.tZ)(g,{isReplyCommentInput:f,userId:n.user,agentInfo:p,showCommentInput:M})]})},y=t=>{let{comments:e,parentCommentId:n,isMobile:i,agentInfo:c,onDeleteComment:a}=t,{t:s}=(0,h.$G)("common"),[m,u]=(0,l.useState)([]),[p,x]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{u(e.filter(t=>t.parent_comment_id===n))},[e,n]),(0,o.BX)(r.kC,{sx:{flexDirection:"column",gap:"12px",mt:"16px"},children:[null==m?void 0:m.slice(0,p?m.length:3).map(t=>(0,o.tZ)(f,{comment:t,isMobile:i,agentInfo:c,onDeleteComment:a},t.id)),m.length>3&&(0,o.tZ)("button",{onClick:()=>x(!p),sx:{display:"block",p:0,border:"none",outline:"none",background:"transparent",textAlign:"left",cursor:"pointer","&:hover":{textDecoration:["none","none","none","underline"]},"&.active":{textDecoration:"none"}},children:s(p?"communityCommentClose":"communityCommentMsg4")})]})},C=n(27484),w=n.n(C),k=t=>{let{comment:e,comments:n,isMobile:f,agentInfo:C}=t,{t:k}=(0,h.$G)("common"),[B,Z]=(0,l.useState)(!1),[b,v]=(0,i.FV)(c.y$),[_,L]=(0,i.FV)(c.YN),{mentionId:S,parentCommentId:I}=_,[M,{mutate:X,loading:F}]=(0,m.a)(),{community_id:W,post_id:D}=(0,u.useRouter)().query,{refresh:T}=p(C,W,D),z=(0,x.oX)(),j=()=>{f||Z(!B),f&&!S&&v(!b),B||L({parentCommentId:e.id,mentionId:e.user})};(0,l.useEffect)(()=>{Z(!1)},[n]);let E=async(t,e,n)=>{M.is_logged&&z.openWarning({showConfirmButton:!0,showCancelButton:!0,text:k("communityCommentDeleteMsg3"),confirmButtonText:k("communityCommentDeleteMsg4"),cancelButtonText:k("communityCommentDeleteMsg5")}).then(async()=>{try{let o=await a.b.deleteWithTravelAgentWithUser("/community/".concat(t,"/posts/").concat(e,"/comment/").concat(n),C,M,{travel_agent_url:C.url});200===o.status&&(L({mentionId:"",parentCommentId:""}),T())}catch(t){d.Z.error(t)}})};return(0,o.tZ)(o.HY,{children:(0,o.BX)(r.kC,{children:[(0,o.tZ)(r.xu,{sx:{flexShrink:0,width:["36px","48px"],height:["36px","48px"]},children:(0,o.BX)("svg",{width:"100%",height:"100%",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,o.tZ)("circle",{cx:"28",cy:"28",r:"28",fill:"none",sx:{fill:"secondary_2"}}),(0,o.tZ)("circle",{cx:"27.9987",cy:"27.9987",r:"18.6667",fill:"white"}),(0,o.tZ)("path",{d:"M37.3327 29.5547C37.3327 34.7093 33.154 38.888 27.9993 38.888C22.8447 38.888 18.666 34.7093 18.666 29.5547",stroke:"#B1B1B1",strokeWidth:"1.55556",strokeLinecap:"round"}),(0,o.tZ)("circle",{cx:"20.9993",cy:"22.554",r:"2.33333",fill:"#B1B1B1"}),(0,o.tZ)("circle",{cx:"34.9993",cy:"22.554",r:"2.33333",fill:"#B1B1B1"})]})}),(0,o.BX)(r.kC,{sx:{flexDirection:"column",ml:"12px",flex:1},children:[(0,o.BX)(r.kC,{sx:{justifyContent:"space-between"},children:[(0,o.tZ)(r.xv,{sx:{fontSize:"15px",mb:"8px",fontWeight:"bold"},children:e.user}),e.use_flag&&(null==M?void 0:M.memberCode)==e.writer_id&&(0,o.tZ)(r.kC,{sx:{cursor:"pointer",width:"20px",height:"20px",alignItems:"center",justifyContent:"center"},onClick:()=>E(W,D,e.id),children:(0,o.tZ)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.tZ)("path",{d:"M12 1.20857L10.7914 0L6 4.79143L1.20857 0L0 1.20857L4.79143 6L0 10.7914L1.20857 12L6 7.20857L10.7914 12L12 10.7914L7.20857 6L12 1.20857Z",fill:"#767676"})})})]}),(0,o.tZ)(r.xu,{sx:{fontSize:["14px","15px"],mb:"8px",color:"text",whiteSpace:"pre-wrap",wordBreak:"break-all"},children:e.use_flag?e.content:k("communityCommentDeleteMsg1")}),(0,o.tZ)(r.xu,{children:(0,o.BX)("ul",{sx:{m:0,p:0,display:"flex",fontSize:"13px",color:"text3",listStyle:"none",li:{position:"relative",margin:"0 10px"},"li:first-of-type":{marginLeft:"0px"},"li:first-of-type:hover":{cursor:e.use_flag&&"pointer",textDecoration:e.use_flag&&"underline"},"li:first-of-type::after":{content:e.use_flag&&'"|"',position:"absolute",right:"-10px",height:"10px"}},children:[e.use_flag&&(0,o.tZ)("li",{onClick:()=>j(),children:k("communityCommentDeleteMsg2")}),(0,o.BX)("li",{children:[" ",s.Z.createTimeFormat(w()(e.created_time).add(9,"hour").format(),k)]})]})}),B&&!f&&(0,o.tZ)(g,{isReplyCommentInput:B,userId:e.user,agentInfo:C,showCommentInput:j}),(0,o.tZ)(y,{comments:n,parentCommentId:e.id,isMobile:f,agentInfo:C,onDeleteComment:E})]})]},e.id)})},B=t=>{let{comments:e,isMobile:n,agentInfo:i}=t,[c,a]=(0,l.useState)([]);return(0,l.useEffect)(()=>{a(e.filter(t=>null==t.parent_comment_id))},[e]),(0,o.tZ)(r.xu,{sx:{mt:["0px","32px"]},children:c.map(t=>(0,o.tZ)(r.kC,{sx:{mt:["20px","32px"],flexDirection:"column"},children:(0,o.tZ)(k,{comment:t,comments:e,isMobile:n,agentInfo:i})},t.id))})},Z=t=>{let{isMobile:e,comments:n,agentInfo:i}=t,{t:c}=(0,h.$G)("common");return(0,o.BX)(r.xu,{sx:{mt:["24px","45px"],height:["".concat(n.length<5&&"75vh"),"auto"]},children:[(0,o.tZ)(r.xu,{sx:{display:["none","block"]}}),0==n.length?(0,o.BX)(r.kC,{sx:{flexDirection:"column",justifyContent:"center",alignItems:"center",height:["320px","500px"],fontSize:["14px","15px"]},children:[(0,o.tZ)(r.Ee,{sx:{width:"112px",height:"102px",mb:"16px"},src:"/images/noBoard.svg",alt:"댓글없음"}),(0,o.tZ)(r.xu,{children:c("communityCommentMsg3")})]}):(0,o.tZ)(B,{comments:n,isMobile:e,agentInfo:i})]})},b=n(70917),v=t=>{let{agentInfo:e}=t,{t:n}=(0,h.$G)("common"),[s,g]=(0,l.useState)(""),[f,y]=(0,i.FV)(c.YN),C=(0,i.Zl)(c.y$),{mentionId:w,parentCommentId:k}=f,[B,{mutate:Z,loading:b}]=(0,m.a)(),v=(0,l.useRef)(null),_=(0,u.useRouter)(),L=(0,x.oX)(),{community_id:S,post_id:I}=_.query,{refresh:M}=p(e,S,I);(0,l.useEffect)(()=>{w.length>0?(g("@".concat(w," ")),v.current.focus()):g("")},[w]);let X=async()=>{let{is_logged:t,is_auth_required:o}=B;if(!t){L.openWarning({showConfirmButton:!0,showCancelButton:!0,text:n("communityLoginMsg1"),confirmButtonText:n("communityLoginMsg2"),cancelButtonText:n("communityLoginMsg3")}).then(()=>{_.push("/login")});return}if(s.length>200){L.openWarning({text:n("communityCommentMsg1")});return}try{L.openLoading({});let t=await a.b.postWithTravelAgent("/community/".concat(S,"/posts/").concat(I,"/comment"),e,{content:s,parent_comment_id:k},{travel_agent_url:e.url,jwt_token:B.jwtToken});200===t.status&&(L.closeLoading({}),g(""),C(!1),y({mentionId:"",parentCommentId:""}),M())}catch(t){L.closeLoading({}),d.Z.error(t)}};return(0,o.BX)(r.kC,{sx:{mt:["0px","20px"]},children:[(0,o.BX)("svg",{width:"48",height:"48",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg",sx:{dis

1play:["none","block"]},children:[(0,o.tZ)("circle",{cx:"28",cy:"28",r:"28",fill:"none",sx:{fill:"secondary_2"}}),(0,o.tZ)("circle",{cx:"27.9987",cy:"27.9987",r:"18.6667",fill:"white"}),(0,o.tZ)("path",{d:"M37.3327 29.5547C37.3327 34.7093 33.154 38.888 27.9993 38.888C22.8447 38.888 18.666 34.7093 18.666 29.5547",stroke:"#B1B1B1",strokeWidth:"1.55556",strokeLinecap:"round"}),(0,o.tZ)("circle",{cx:"20.9993",cy:"22.554",r:"2.33333",fill:"#B1B1B1"}),(0,o.tZ)("circle",{cx:"34.9993",cy:"22.554",r:"2.33333",fill:"#B1B1B1"})]}),(0,o.BX)(r.kC,{sx:{ml:["0px","12px"],width:"100%"},children:[(0,o.tZ)(r.gx,{rows:1,ref:v,name:"comment",id:"comment",placeholder:n("communityCommentMsg2"),value:s,sx:{pl:"12px",borderRadius:"4px",resize:"none","&::placeholder":{fontSize:"15px",color:"#767676"}},onChange:t=>g(t.target.value)}),(0,o.tZ)(r.zx,{sx:{ml:"12px",height:"100%",backgroundColor:"".concat(s?"deep":"#999999")},onClick:()=>s&&X(),children:n("communityCommentPost")})]})]})},_=t=>{let{agentInfo:e,likeCount:n,likedPost:i,commentCount:c}=t,{t:s}=(0,h.$G)("common"),[p,{mutate:g,loading:f}]=(0,m.a)(),[y,C]=(0,l.useState)(!1),[w,k]=(0,l.useState)(0),B=(0,x.oX)(),Z=(0,u.useRouter)(),{community_id:v,post_id:_}=Z.query;(0,l.useEffect)(()=>{k(n),i?C(!0):C(!1)},[]);let L=async()=>{if(!p.is_logged){B.openWarning({showConfirmButton:!0,showCancelButton:!0,text:s("communityLoginMsg1"),confirmButtonText:s("communityLoginMsg2"),cancelButtonText:s("communityLoginMsg3")}).then(()=>{Z.push("/login")});return}if(C(!y),y?k(w-1):k(w+1),y)try{await a.b.deleteWithTravelAgentWithUser("/community/".concat(v,"/posts/").concat(_,"/like"),e,p,{travel_agent_url:e.url})}catch(t){d.Z.error(t)}else try{await a.b.postWithTravelAgentWithUser("/community/".concat(v,"/posts/").concat(_,"/like"),e,p,{travel_agent_url:e.url})}catch(t){d.Z.error(t)}},S=(0,b.F4)({from:{transform:"scale(1.2)",opacity:"1"},"50%":{transform:"scale(1)",opacity:"1"},to:{transform:"scale(1)"}});return(0,o.BX)(r.xu,{children:[(0,o.tZ)(r.xu,{sx:{display:["block","none"],width:"100vw",ml:"calc(-50vw + 50%)",height:"6px",backgroundColor:"#ededed"}}),(0,o.BX)(r.kC,{sx:{fontSize:"15px",alignItems:"center",py:["16px","0px"]},children:[(0,o.BX)(r.kC,{sx:{mr:"10px",columnGap:"5px",cursor:"pointer"},onClick:()=>L(),children:[(0,o.tZ)("img",{src:"/images/".concat(y?"like":"like-empty",".svg"),sx:{mt:"3px",width:"16px",height:"16px",animation:"".concat(y&&"".concat(S," .3s ease-in"))}}),(0,o.tZ)("span",{children:s("communityLike")}),(0,o.tZ)("span",{sx:{fontWeight:"bold"},children:w})]}),(0,o.BX)(r.kC,{sx:{columnGap:"5px"},children:[(0,o.tZ)("img",{src:"/images/comment.svg",sx:{mt:"3px",width:"16px",height:"16px",pt:"2px"}}),(0,o.tZ)("span",{children:s("communityReply")}),(0,o.tZ)("span",{sx:{fontWeight:"bold"},children:c})]})]}),(0,o.tZ)(r.iz,{sx:{display:["block","block"],width:["100vw","100%"],mt:["0px","24px"],mb:0,ml:["calc(-50vw + 50%)",0],borderBottomColor:"#C6C6C6"}})]})};n(19132);var L=t=>{let{props:e}=t,{t:n}=(0,h.$G)("common"),f="".concat(e.agentInfo.custom_width,"px"),[y,C]=(0,i.FV)(c.y$),[k,B]=(0,i.FV)(c.YN),[L,S]=(0,i.FV)(c.qI),{mentionId:I,parentCommentId:M}=k,[X,{mutate:F,loading:W}]=(0,m.a)(),D=(0,u.useRouter)(),{community_id:T,post_id:z,pageNum:j}=D.query,E=(0,x.oX)(),[R,N]=(0,i.FV)(c.Pj),[$,V]=(0,l.useState)(!1),{agentInfo:Y,isMobile:G,postInfo:{content:q,created_time:H,like_count:A,liked_post:O,thumbnail:P,title:U,user:J,comment_count:K,writer_id:Q}}=e,{refresh:tt}=p(Y,T,z);(0,l.useEffect)(()=>(tt(),()=>{S([]),C(!1),B({mentionId:"",parentCommentId:""})}),[]),(0,l.useEffect)(()=>{N({title:U,content:Object.values(JSON.parse(q).blocks).map(t=>t),thumbnail:P})},[q]);let te=()=>{X&&(D.push("/community/modify/".concat(T,"/").concat(z)),N({title:U,content:q,thumbnail:P}))},tn=()=>{J&&E.openWarning({showConfirmButton:!0,showCancelButton:!0,text:n("communityDeleteMsg1"),confirmButtonText:n("communityCommentDeleteMsg4"),cancelButtonText:n("communityCommentDeleteMsg5")}).then(()=>{try{V(!0),E.openLoading({}),a.b.deleteWithTravelAgentWithUser("/community/".concat(T,"/posts/").concat(z),Y,X,{travel_agent_url:Y.url}),V(!1),E.closeLoading({}),E.openInfo({text:n("communityDeleteMsg2")}).then(()=>{D.replace("/community/".concat(T))})}catch(t){d.Z.error(t),E.closeLoading({}),E.openError({title:n("communityDeleteMsg3")})}})},to=()=>{C(!1),B({mentionId:"",parentCommentId:""})},ti=(0,b.F4)({from:{transform:"translateY(35px)",opacity:0}

1,"70%":{opacity:0},to:{transform:"translateY(0)",opacity:1}});return(0,o.BX)(r.xu,{sx:{pt:["0px","40px"],mb:["0px","100px"]},children:[(0,o.BX)(r.xu,{sx:{width:["100%","100%","100%",f],margin:"0 auto",px:["16px","16px","16px","0px"],pb:["20px","0px"]},children:[(0,o.tZ)(r.xu,{sx:{fontSize:["16px","24px"],fontWeight:"bold",lineHeight:["26px","34px"],color:"#191919",mb:["10px","40px"]},style:{WebkitLineClamp:2,MozBoxOrient:"vertical",WebkitBoxOrient:"vertical",display:"-webkit-box",overflow:"hidden",textOverflow:"ellipsis"},children:U}),(0,o.BX)(r.kC,{sx:{alignItems:"baseline",justifyContent:"space-between"},children:[(0,o.BX)(r.xu,{sx:{span:{position:"relative",margin:"0 10px"},"span:first-of-type":{marginLeft:"0px"},"span:first-of-type::after":{content:'"|"',position:"absolute",right:"-12px",height:"10px",color:"text3"}},children:[(0,o.tZ)(r.xv,{sx:{fontSize:["13px","18px"],fontWeight:"bold",mr:"12px"},children:J}),(0,o.tZ)(r.xv,{sx:{color:"#767676",fontSize:["13px","15px"]},children:s.Z.createTimeFormat(w()(H).add(9,"hour").format(),n)})]}),(null==X?void 0:X.memberCode)==Q&&(0,o.BX)(r.xu,{sx:{fontSize:"15px",color:"text3",cursor:"pointer",span:{position:"relative",margin:"0 10px"},"span:first-of-type":{marginLeft:"0px"},"span:first-of-type::after":{content:'"|"',position:"absolute",right:"-12px",height:"10px"}},children:[(0,o.tZ)(r.xv,{onClick:()=>te(),children:n("communityDeleteMsg4")}),(0,o.tZ)(r.xv,{onClick:()=>tn(),children:n("communityDeleteMsg5")})]})]}),(0,o.tZ)(r.iz,{sx:{my:["24px","40px"],borderBottomColor:"#C6C6C6"}}),P&&(0,o.tZ)(r.Ee,{sx:{maxWidth:"100%",height:"auto"},src:"https://media.eoding.com/"+P,alt:"thumbnail"}),"object"==typeof R.content&&0!==Object.keys(R.content).length&&(0,o.tZ)(r.xu,{sx:{mb:["20px","50px"],fontSize:["14px","16px"]},children:(0,o.tZ)(function(t){let{htmlString:e}=t;return(0,o.tZ)("div",{dangerouslySetInnerHTML:{__html:e}})},{htmlString:s.Z.convertDataToHtml(R.content)})}),(0,o.tZ)(_,{agentInfo:Y,likeCount:A,likedPost:O,commentCount:K}),!G&&(0,o.tZ)(g,{agentInfo:Y}),(0,o.tZ)(Z,{isMobile:G,comments:L,agentInfo:Y}),(0,o.tZ)("button",{sx:{display:["none","block"],mt:"32px",backgroundColor:"#FFFFFF",border:"1px solid #C6C6C6",borderRadius:"4px",width:"80px",height:"36px",cursor:"pointer",color:"#191919",fontWeight:"500"},onClick:()=>D.push("/community/".concat(T,"?pageSize=8&pageNum=").concat(j||1)),children:n("backToList")})]}),G?(0,o.BX)(r.xu,{sx:{position:"sticky",bottom:0},children:[y?(0,o.BX)(r.kC,{sx:{justifyContent:"space-between",p:"8px 20px",width:"100%",height:"35px",backgroundColor:"#F7F7F7",fontSize:"12px",animation:"".concat(ti," .2s ease-in")},children:[(0,o.tZ)(r.xv,{children:"".concat(I).concat(n("communityCommentMsg5"))}),(0,o.tZ)(r.xv,{sx:{cursor:"pointer"},onClick:()=>to(),children:n("communityLoginMsg3")})]}):void 0,(0,o.tZ)(r.kC,{sx:{display:["block","none"],width:"100%",backgroundColor:"#FFFFFF",boxShadow:"0px -3px 7px rgba(240, 240, 240, 0.81)",py:"15px",px:"20px"},children:(0,o.tZ)(v,{agentInfo:Y})})]}):void 0]})},S=!0,I=t=>(0,o.tZ)(L,{props:t})}},function(t){t.O(0,[92888,49774,40179],function(){return t(t.s=27791)}),_N_E=t.O()}]);