(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,872689,(e,t,a)=>{let s="/threadUIView";(window.__NEXT_P=window.__NEXT_P||[]).push([s,()=>e.r(348132)]),t.hot&&t.hot.dispose(function(){window.__NEXT_P.push([s])})},348132,e=>{"use strict";var t=e.i(391398),a=e.i(145246),s=e.i(191788),i=e.i(758568),r=e.i(995545),o=e.i(842633),d=s;e.i(966278);var n=e.i(318398),l=e.i(203828),h=e.i(799523),c=e.i(913083),x=e.i(911055),p=e.i(566573),m=e.i(567166),f=e.i(225499),b=e.i(739659),j=e.i(257378),g=e.i(748667),_=e.i(659497),u=e.i(823889),v=e.i(501584),k=e.i(765986),w=e.i(667803),N=e.i(332017),$=e.i(169545),y=e.i(368721),T=e.i(534358);let C=new String(".featured-threads.jsx-a6224f7e68115e4e{margin-bottom:10px}li.jsx-a6224f7e68115e4e{overflow:hidden}.thread-wrapper.jsx-a6224f7e68115e4e{justify-content:center;align-items:flex-start;margin-bottom:15px;display:flex}.thread-wrapper.jsx-a6224f7e68115e4e .title.jsx-a6224f7e68115e4e{flex:0 0 50%;margin-left:10px;font-size:14px;font-weight:600;line-height:20px}");C.__hash="a6224f7e68115e4e";let S=({threads:e=[]})=>(0,t.jsxs)("div",{className:`jsx-${C.__hash} featured-threads`,children:[(0,t.jsx)("ol",{className:`jsx-${C.__hash}`,children:e&&e.length>0&&e.map(e=>(0,t.jsx)(s.Fragment,{children:(0,t.jsx)("li",{className:`jsx-${C.__hash}`,children:(0,t.jsx)("a",{href:e.link,className:`jsx-${C.__hash}`,children:(0,t.jsxs)("div",{className:`jsx-${C.__hash} thread-wrapper`,children:[(0,t.jsx)(T.f,{ratio:21/13,thread:e,borderRadius:6,src:e.image}),(0,t.jsx)("p",{className:`jsx-${C.__hash} title`,children:e.title})]})})},e.id)},e.id))}),(0,t.jsx)(a.default,{id:C.__hash,children:C})]});S.apiFetches={threads:()=>({uri:c.a,success:e=>(0,i.default)(e,"threads",[]).map(c.U).slice(0,5)})};let P=y.f.subscribe(n.f.ApiConsumer(S));var D=e.i(575835),R=e.i(697680);let z=new String(".tags.jsx-90947146c1e49770{flex-wrap:wrap;align-items:flex-start;display:flex}.tag.jsx-90947146c1e49770{color:#fff;white-space:nowrap;background-color:#98c456;border-radius:8px;margin:0 5px 5px 0;padding:6px 12px;font-size:18px;font-weight:700}.tag.jsx-90947146c1e49770:nth-child(2){background-color:#65cecf}.tag.jsx-90947146c1e49770:nth-child(3){background-color:#d25735}.tag.jsx-90947146c1e49770:nth-child(4){background-color:#f3c144}.tag.jsx-90947146c1e49770:nth-child(5){background-color:#9c2e83}");z.__hash="90947146c1e49770";let A=({tags:e=[]})=>(0,t.jsxs)("div",{className:`jsx-${z.__hash} tags`,children:[e&&e.length>0&&e.map(e=>(0,t.jsx)(s.Fragment,{children:(0,t.jsx)("div",{className:`jsx-${z.__hash} tag`,children:(0,t.jsxs)("a",{href:e.link,onClick:()=>{var e;return e=D.f.gaHotTagClick,void ga("send",{hitType:"event",eventCategory:D.f.tinhteSummaryGAEventCategory,eventAction:D.f.gaEventClick,eventLabel:e,transport:"beacon"})},className:`jsx-${z.__hash}`,children:["#",e.tagText]})},e.id)},e.id)),(0,t.jsx)(a.default,{id:z.__hash,children:z})]});A.apiFetches={tags:()=>({uri:"/tinhte/hot-tags",success:e=>(0,i.default)(e,"tags",[]).map(R.f).slice(0,5)})};let I=n.f.ApiConsumer(A),M=new String(".threadpage.jsx-5191e8b86136941a{background-color:var(--page-background);border-radius:0;width:100%;margin:0 auto;padding:0 10px}@media (width>=576px){.threadpage.jsx-5191e8b86136941a{border-radius:8px;max-width:none;margin:24px auto 0;padding:0 20px}}@media (width>=1200px){.threadpage.jsx-5191e8b86136941a{max-width:1144px}}.deeptalk-thread.jsx-5191e8b86136941a{max-width:100%;margin:40px 0 0;padding:0}@media (width>=768px){.deeptalk-thread.jsx-5191e8b86136941a{margin:64px 0 0}}.bg-white.jsx-5191e8b86136941a{background-color:var(--page-background)}.block-title.jsx-5191e8b86136941a{margin-bottom:10px;font-size:20px;font-weight:600}.view-all-fact.jsx-5191e8b86136941a{color:var(--text-button-active);font-size:14px;font-weight:600}.hot-tags.jsx-5191e8b86136941a{margin-bottom:10px}@media (width<=700px){.mobile-hidden.jsx-5191e8b86136941a{display:none}.fst.jsx-5191e8b86136941a{overflow:hidden}}@media (width>=701px){.desktop-hidden.jsx-5191e8b86136941a{display:none}}@media (width<=480px){.section.jsx-5191e8b86136941a{margin-top:0}}.section.jsx-5191e8b86136941a{flex-wrap:wrap;margin-left:-10px;margin-right:-10px;display:flex}@media (width>=576px){.section.jsx-5191e8b86136941a{margin-left:-20px;margin-right:-20px}}.section.deeptalk-section.jsx-5191e8b86136941a{margin-left:0;margin-right:0}.snd.jsx-5191e8b86136941a{width:100%;padding-left:10px;padding-right:10px}@media (width>=576px){.snd.jsx-5191e8b86136941a{padding-left:20px;padding-right:20px}}@media (width>=992px){.snd.jsx-5191e8b86136941a{width:340px}}@media (width>=1500px){.snd.jsx-5191e8b86136941a{width:350px}}.fst.jsx-5191e8b86136941a{flex:auto;padding-left:10px;padding-right:10px}@media (width>=576px){.fst.jsx-5191e8b86136941a{padding-left:20px;padding-right:20px}}@media (width>=992px){.fst.jsx-5191e8b86136941a{flex:1 1 0}}.fst.deeptalk-fst.jsx-5191e8b86136941a{padding:0}@media (width>=1001px){.mt-12.jsx-5191e8b86136941a{margin-top:24px}}");M.__hash="5191e8b86136941a";var B=s,F=e.i(455404);e.i(473981);var E=e.i(48244),L=e.i(113503),U=e.i(363872),O=e.i(565715),H=e.i(574186),V=e.i(456310),q=e.i(298299),W=e.i(693084),G=e.i(149389),X=e.i(633241),Y=e.i(929424),K=e.i(612683),J=e.i(241427),Q=e.i(664346),Z=e.i(310717);e.i(888858);var ee=e.i(19012),et=e.i(148519);e.i(305646),e.i(961827);var ea=e.i(488335),es=e.i(109969),ei=e.i(962525),er=e.i(799338),eo=e.i(802653),ed=e.i(535044),en=e.i(867507),el=e.i(634529),eh=e.i(376422),ec=e.i(618488),ex=e.i(723661),ep=e.i(193618),em=e.i(94432),ef=e.i(6788),eb=e.i(624137),ej=e.i(617881);e.i(733191);var eg=s;let e_=new String(".event-block.jsx-a067741fe3eb4595{border:1px solid var(--color-accent-dark);background-color:var(--light-background);border-radius:4px;margin-bottom:10px;position:relative}.event-block[role=ended].jsx-a067741fe3eb4595{border:1px solid #f79500}.event-content.jsx-a067741fe3eb4595{display:flex}.event-time.jsx-a067741fe3eb4595{background-color:var(--color-accent-dark);color:#fff;text-align:center;border-bottom-right-radius:8px;border-bottom-left-radius:8px;flex:0 0 120px;width:120px;height:90px;margin-left:1rem;margin-right:1rem;padding:1rem}.event-time[role=ended].jsx-a067741fe3eb4595{background-color:var(--thread-event-background)}.event-time.jsx-a067741fe3eb4595 .date.jsx-a067741fe3eb4595{font-size:1.5rem;font-weight:700;font-family:var(--font-main)}.event-time.jsx-a067741fe3eb4595 .day.jsx-a067741fe3eb4595{font-family:var(--font-main)}.event.jsx-a067741fe3eb4595{width:100%;padding:1rem}.event-title.jsx-a067741fe3eb4595{font-size:1.2rem;font-weight:700;line-height:1.5rem;font-family:var(--font-main)}.event-footer.jsx-a067741fe3eb4595{width:100%}.event-info.jsx-a067741fe3eb4595{margin-bottom:.5rem}.event-info.jsx-a067741fe3eb4595 i.jsx-a067741fe3eb4595{margin-right:.5rem}.button-group.jsx-a067741fe3eb4595{text-align:center;margin-bottom:1.5rem}.register-button.jsx-a067741fe3eb4595{background:var(--color-accent-dark);color:var(--color-light-0);-webkit-letter-spacing:.5px;-moz-letter-spacing:.5px;-ms-letter-spacing:.5px;letter-spacing:.5px;border-radius:100px;flex:none;padding:0 24px;font-size:15px;font-weight:700;line-height:42px;box-shadow:0 1px 3px #a3a3a380}.break-line.jsx-a067741fe3eb4595{background-color:#dcdede;width:100%;height:1px;margin:1rem 0}@media (width<=500px){.event-time.jsx-a067741fe3eb4595{display:none}}");e_.__hash="a067741fe3eb4595";class eu extends eg.default.Component{constructor(e){super(e),this.state={}}render(){let{event:e}=this.props,s=(0,h.default)(e.time.start,"X"),i=(0,h.default)(e.time.end,"X");return(0,t.jsxs)("div",{className:`jsx-${e_.__hash}`,children:[(0,t.jsxs)("div",{role:e.status,className:`jsx-${e_.__hash} event-block`,children:[(0,t.jsxs)("div",{className:`jsx-${e_.__hash} event-content`,children:[(0,t.jsxs)("div",{role:e.status,className:`jsx-${e_.__hash} event-time`,children:[(0,t.jsxs)("p",{className:`jsx-${e_.__hash} date`,children:[s.format("DD"),"/",s.format("MM")]}),(0,t.jsx)("p",{className:`jsx-${e_.__hash} day`,children:s.format("dddd")})]}),(0,t.jsxs)("div",{className:`jsx-${e_.__hash} event`,children:[(0,t.jsx)("p",{className:`jsx-${e_.__hash} event-title`,children:e.title}),(0,t.jsx)("div",{className:`jsx-${e_.__hash} break-line`}),(0,t.jsxs)("div",{className:`jsx-${e_.__hash} event-footer`,children:[e.time&&e.time.start?(0,t.jsxs)("div",{className:`jsx-${e_.__hash} event-info`,children:[(0,t.jsx)("i",{className:`jsx-${e_.__hash} fas fa-clock`}),(0,t.jsxs)("span",{className:`jsx-${e_.__hash}`,children:[s.format("HH"),":",s.format("mm")," - ",i.format("HH"),":",i.format("mm"),", ngày ",s.format("dddd")," ",s.format("DD"),"/",s.format("MM"),"/",s.format("YYYY")]})]}):(0,t.jsx)("div",{className:`jsx-${e_.__hash}`}),e.location?(0,t.jsxs)("div",{className:`jsx-${e_.__hash} event-info`,children:[(0,t.jsx)("i",{className:`jsx-${e_.__hash} fas fa-map-marker-alt`}),(0,t.jsx)("span",{className:`jsx-${e_.__hash}`,children:e.location})]}):(0,t.jsx)("div",{className:`jsx-${e_.__hash}`})]})]})]}),(0,t.jsx)("div",{className:`jsx-${e_.__hash} button-group`,children:"register"===e.status?(0,t.jsx)("a",{href:e.attend.link,className:`jsx-${e_.__hash}`,children:(0,t.jsx)("button",{className:`jsx-${e_.__hash} register-button`,children:"Đăng ký"})}):(0,t.jsx)("p",{className:`jsx-${e_.__hash}`,children:"Sự kiện đã hết hạn đăng kí rồi bạn ơi :D"})})]}),(0,t.jsx)(a.default,{id:e_.__hash,children:e_})]})}}var ev=s,ek=e.i(41158);let ew=new String(".pagination.jsx-73e051160c8b81b3{white-space:nowrap;align-items:center;font-size:.8rem;display:flex;position:relative}.pagination.jsx-73e051160c8b81b3 .pagination--header.jsx-73e051160c8b81b3{margin-right:10px}.pagination.jsx-73e051160c8b81b3 .pagination--pages.jsx-73e051160c8b81b3{flex-flow:wrap;display:flex}.pagination.jsx-73e051160c8b81b3 .pagination--pages.jsx-73e051160c8b81b3 .page.jsx-73e051160c8b81b3{text-align:center;box-sizing:border-box;border:1px solid var(--border-dark);min-width:26px;height:26px;color:var(--text-dark);opacity:.5;background-color:#0000;border-radius:3px;outline:none;margin:0 3px 3px 0;padding:0 5px;line-height:24px;display:inline-block}.pagination.jsx-73e051160c8b81b3 .pagination--pages.jsx-73e051160c8b81b3 .page.jsx-73e051160c8b81b3:hover{background-color:var(--border-dark);border:1px solid var(--border-dark);color:var(--text-light)}.pagination.jsx-73e051160c8b81b3 .pagination--pages.jsx-73e051160c8b81b3 .current.jsx-73e051160c8b81b3{background-color:var(--border-dark);border:1px solid var(--border-dark);color:var(--text-light);opacity:1;border-radius:3px}@media (width<=500px){.pagination.jsx-73e051160c8b81b3 .pagination--header.jsx-73e051160c8b81b3{display:none}}");ew.__hash="73e051160c8b81b3";class eN extends ev.default.Component{constructor(e){super(e),this.state={current:this.props.current,total:this.props.total,slug:"",window:this.props.current-3,limit:5},this.next=this.next.bind(this),this.back=this.back.bind(this)}componentDidMount(){let{query:e}=l.default;this.setState({slug:e.threadId})}UNSAFE_componentWillReceiveProps({current:e,total:t,thread:a}){this.setState({...this.state,current:e,total:t,thread:a})}next(e){e.preventDefault();let{window:t}=this.state,{total:a,limit:s}=this.state;t<a-s&&(t+=s),this.setState({window:t})}back(e){e.preventDefault();let{window:t}=this.state,{limit:a}=this.state;t>0&&(t-=a),this.setState({window:t})}render(){let{current:e,total:s,window:i,limit:r,slug:o,thread:d}=this.state;return(0,t.jsxs)("div",{className:`jsx-${ew.__hash}`,children:[s>1?(0,t.jsx)("div",{className:`jsx-${ew.__hash} pagination`,children:(0,t.jsxs)("div",{className:`jsx-${ew.__hash} pagination--pages`,children:[(0,t.jsx)(ek.default,{href:d?d.link:`/thread${o}`,legacyBehavior:!0,children:(0,t.jsx)("a",{className:`jsx-${ew.__hash} page ${1===e?"current":""}`,children:"1"})},1),i>1&&(0,t.jsx)("button",{onClick:e=>this.back(e),className:`jsx-${ew.__hash} page`,children:"←"},"window-back"),(0,t.jsx)("div",{className:`jsx-${ew.__hash}`,children:Array.apply(0,{length:r}).map(Number.call,Number).map(a=>a+i+1<s&&a+i+1>1&&(0,t.jsx)(ek.default,{href:`${d?d.link:`/thread${o}/`}page-${a+i+1}`,legacyBehavior:!0,children:(0,t.jsx)("a",{className:`jsx-${ew.__hash} page ${e===a+i+1?"current":""}`,children:a+i+1})},a+i+1))}),i+r<s&&(0,t.jsx)("button",{onClick:e=>this.next(e),className:`jsx-${ew.__hash} page`,children:"→"},"window-next"),(0,t.jsx)(ek.default,{href:`${d?d.link:`/thread${o}/`}page-${s}`,legacyBehavior:!0,children:(0,t.jsx)("a",{className:`jsx-${ew.__hash} page ${e===s?"current":""}`,children:s})},s)]})}):(0,t.jsx)("div",{className:`jsx-${ew.__hash}`}),(0,t.jsx)(a.default,{id:ew.__hash,children:ew})]})}}var e$=s;let ey=new String('.related-threads.jsx-931e04a0e380a769{padding-top:1rem;padding-bottom:1rem;position:relative}.related-threads__title.jsx-931e04a0e380a769{color:var(--color-profile-sidebar);text-transform:uppercase;padding-bottom:6px;font-size:1.2rem;font-weight:700;position:relative}.related-threads__container.jsx-931e04a0e380a769{-webkit-flex-flow:wrap;flex-direction:row;align-items:stretch;margin:0 -8px;display:flex}.related-threads__container.compactMode.jsx-931e04a0e380a769{display:block}.related-thread.jsx-931e04a0e380a769{width:25%;margin:.75rem 0;position:relative}.related-thread.compactMode.jsx-931e04a0e380a769{width:100%;margin:.4rem 8px}.related-thread.jsx-931e04a0e380a769 .container.jsx-931e04a0e380a769{-webkit-flex-flow:row;flex-direction:row;align-items:stretch;height:100%;padding:0 8px;display:flex;position:relative}.related-thread.jsx-931e04a0e380a769 .container.jsx-931e04a0e380a769 .inner.jsx-931e04a0e380a769{border-radius:8px;-webkit-flex-flow:column;flex-direction:column;align-items:stretch;width:100%;display:flex;box-shadow:0 1px 4px #66626266}.related-thread__thumbnail.jsx-931e04a0e380a769{background-color:#08497e;background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:8px;border-top-right-radius:8px;width:100%;padding-bottom:62%;position:relative}.related-thread__info.jsx-931e04a0e380a769{border-bottom-right-radius:8px;border-bottom-left-radius:8px;flex-direction:column;align-items:flex-start;width:100%;height:100%;padding:10px 10px 0;display:flex}.related-thread__info__title.jsx-931e04a0e380a769{margin-top:.25rem;margin-bottom:10px;font-size:14px}.title-compact.jsx-931e04a0e380a769{color:var(--color-link);font-size:16px;display:flex}.title-compact.jsx-931e04a0e380a769:before{content:"• ";margin-right:5px}.title-compact.jsx-931e04a0e380a769:hover{color:var(--color-accent-dark)}.related-thread__info__author.jsx-931e04a0e380a769{color:var(--color-accent-dark);margin-right:.5rem;font-weight:700}@media (width<=1000px){.related-thread.jsx-931e04a0e380a769{width:50%}}');ey.__hash="931e04a0e380a769";class eT extends e$.default.Component{constructor(e){super(e),this.state={}}render(){let{relatedThreads:e,compactMode:s}=this.props;return e?(0,t.jsxs)("div",{className:`jsx-${ey.__hash}`,children:[e.length>0?(0,t.jsxs)("div",{className:`jsx-${ey.__hash} related-threads`,children:[(0,t.jsx)("h2",{className:`jsx-${ey.__hash} related-threads__title`,children:"CHỦ ĐỀ TƯƠNG TỰ"}),(0,t.jsx)("div",{className:`jsx-${ey.__hash} related-threads__container ${s?"compactMode":""}`,children:e.map(e=>(0,t.jsx)("div",{className:`jsx-${ey.__hash} related-thread ${s?"compactMode":""}`,children:s?(0,t.jsx)("div",{className:`jsx-${ey.__hash} container-compact`,children:(0,t.jsx)("a",{href:e.link,className:`jsx-${ey.__hash} title-compact`,children:(0,t.jsx)("h3",{className:`jsx-${ey.__hash}`,children:e.title})})}):(0,t.jsx)("div",{className:`jsx-${ey.__hash} container`,children:(0,t.jsxs)("a",{href:e.link,className:`jsx-${ey.__hash} inner`,children:[(0,t.jsx)("div",{style:{backgroundImage:`url(${e.image})`},className:`jsx-${ey.__hash} related-thread__thumbnail`}),(0,t.jsxs)("div",{className:`jsx-${ey.__hash} related-thread__info`,children:[(0,t.jsx)("div",{className:`jsx-${ey.__hash} related-thread__info__author`,children:e.author.name}),(0,t.jsx)("h3",{className:`jsx-${ey.__hash} related-thread__info__title ${s?"compactMode":""}`,children:e.title})]})]})})},e.id))})]}):(0,t.jsx)("div",{className:`jsx-${ey.__hash}`}),(0,t.jsx)(a.default,{id:ey.__hash,children:ey})]}):null}}eT.defaultProps={relatedThreads:[]};let eC=n.f.ApiConsumer(eT);var eS=s;let eP=new String('.related-community.jsx-3fb54c596481783d{background-color:var(--post-background);border-radius:8px;width:100%;margin-top:2rem;margin-bottom:1rem;padding:6px;position:relative}.related-community.jsx-3fb54c596481783d .title.jsx-3fb54c596481783d{text-transform:uppercase;padding:1rem 1rem 0;font-weight:700}.related-community.jsx-3fb54c596481783d .community.jsx-3fb54c596481783d{flex-flow:row;justify-content:flex-start;align-items:center;height:100%;padding:.8rem;display:flex}.single-community.jsx-3fb54c596481783d{position:relative}.blur-image.jsx-3fb54c596481783d:before{content:"";z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;border-radius:8px;width:100%;height:100%;position:absolute}.blur-image.jsx-3fb54c596481783d{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;border-radius:8px;width:100%;height:150px;margin:auto;transform:scaleX(-1)}.community-overlay.jsx-3fb54c596481783d{text-align:center;z-index:10;width:100%;height:150px;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.related-community.jsx-3fb54c596481783d .community.jsx-3fb54c596481783d .left-item.jsx-3fb54c596481783d{flex:0 0 32%}@media (width<=700px){.related-community.jsx-3fb54c596481783d .community.jsx-3fb54c596481783d .left-item.jsx-3fb54c596481783d{display:none}}.related-community.jsx-3fb54c596481783d .community.jsx-3fb54c596481783d .right-item.jsx-3fb54c596481783d{flex-direction:column;align-items:flex-start;margin-left:1rem;display:flex}.related-community.jsx-3fb54c596481783d .community.jsx-3fb54c596481783d .community-cover.jsx-3fb54c596481783d{border-radius:5px;width:100%;box-shadow:0 1px 4px 1px #969696cc}.related-community.jsx-3fb54c596481783d .community.jsx-3fb54c596481783d .community-title.jsx-3fb54c596481783d{color:var(--text-light);text-transform:uppercase;margin-bottom:.5rem;font-size:1.2rem;font-weight:700}@media (width<=700px){.related-community.jsx-3fb54c596481783d .community.jsx-3fb54c596481783d .community-title.jsx-3fb54c596481783d{font-size:1.4rem}}.related-community.jsx-3fb54c596481783d .community.jsx-3fb54c596481783d .community-description.jsx-3fb54c596481783d{color:#615e5e;font-size:14px;font-weight:200}.community-button.jsx-3fb54c596481783d{background-color:var(--button-dark);color:var(--text-light);text-transform:uppercase;border:none;border-radius:20px;margin-top:1rem;padding:.6rem 1.2rem;font-weight:700}.community-button.jsx-3fb54c596481783d:hover{background-color:var(--color-accent-dark);border:1px solid var(--color-accent-dark);color:var(--color-light-0)}@media (width<=700px){.related-community.jsx-3fb54c596481783d .community.jsx-3fb54c596481783d .community-button.jsx-3fb54c596481783d{width:100%;padding:.4rem 1rem;font-size:14px}}.related-community.jsx-3fb54c596481783d .communities.jsx-3fb54c596481783d{flex-flow:row;align-items:stretch;margin-top:1rem;padding:0 1rem 1rem;display:flex;overflow:auto hidden}@media (width<=700px){.related-community.jsx-3fb54c596481783d .communities.jsx-3fb54c596481783d{flex-wrap:wrap;justify-content:center}.related-community.jsx-3fb54c596481783d .communities.jsx-3fb54c596481783d .community-block.jsx-3fb54c596481783d{margin-bottom:1.5rem}}.related-community.jsx-3fb54c596481783d .communities.jsx-3fb54c596481783d .community-block.jsx-3fb54c596481783d{flex-direction:column;align-items:flex-start;margin-right:12px;display:flex;position:relative}.related-community.jsx-3fb54c596481783d .communities.jsx-3fb54c596481783d .community-cover.jsx-3fb54c596481783d{border-radius:5px;width:200px}.related-community.jsx-3fb54c596481783d .communities.jsx-3fb54c596481783d .community-title.jsx-3fb54c596481783d{color:#353535;margin-top:5px;font-size:.8rem;font-weight:700}.community-overlay-button.jsx-3fb54c596481783d{justify-content:center;width:100%;display:flex;position:absolute;bottom:-12%;left:0}.community-overlay-button.jsx-3fb54c596481783d .community-button.jsx-3fb54c596481783d{padding:.4rem .8rem;font-size:12px;font-weight:500}');eP.__hash="3fb54c596481783d";class eD extends eS.default.Component{constructor(e){super(e),this.state={colors:[]}}getColors(e){window.alert("Get colors");let{colors:t}=this.state;this.setState({colors:[...t,...e]})}render(){let{relatedCommunities:e}=this.props;return e&&e[0]?(0,t.jsxs)("div",{className:`jsx-${eP.__hash}`,children:[e.length>1?(0,t.jsx)("div",{className:`jsx-${eP.__hash} related-community`,children:(0,t.jsx)("div",{className:`jsx-${eP.__hash} communities`,children:e.map(e=>(0,t.jsxs)("a",{href:e.links.permalink,className:`jsx-${eP.__hash} community-block`,children:[(0,t.jsx)("img",{src:e.links.image,alt:e.fullName,className:`jsx-${eP.__hash} community-cover`}),(0,t.jsx)("div",{className:`jsx-${eP.__hash} community-overlay-button`,children:(0,t.jsx)("button",{type:"button",className:`jsx-${eP.__hash} community-button`,children:"Thảo luận ngay"})},e.tagId)]},e.tagId))})}):(0,t.jsx)("div",{className:`jsx-${eP.__hash} related-community`,children:(0,t.jsxs)("div",{className:`jsx-${eP.__hash} single-community`,children:[(0,t.jsx)("div",{style:{background:`
                    linear-gradient(
                      rgba(100, 100, 100, 0.05), 
                      rgba(100, 100, 100, 0.05)
                    ),
                    url(${e[0].links.image})
                  `},className:`jsx-${eP.__hash} blur-image`}),(0,t.jsx)("div",{className:`jsx-${eP.__hash} community-overlay`,children:(0,t.jsxs)("div",{className:`jsx-${eP.__hash} community`,children:[(0,t.jsx)("div",{className:`jsx-${eP.__hash} left-item`,children:(0,t.jsx)("a",{href:e[0].links.permalink,className:`jsx-${eP.__hash}`,children:(0,t.jsx)("img",{src:e[0].links.image,alt:e[0].fullName,className:`jsx-${eP.__hash} community-cover`})})}),(0,t.jsxs)("div",{className:`jsx-${eP.__hash} right-item`,children:[(0,t.jsx)("a",{href:e[0].links.permalink,className:`jsx-${eP.__hash}`,children:(0,t.jsx)("div",{className:`jsx-${eP.__hash} community-title`,children:`Cộng đồng ${e[0].fullName}`})}),(0,t.jsx)("div",{className:`jsx-${eP.__hash} community-description`,children:e[0].description}),(0,t.jsx)("a",{href:e[0].links.permalink,className:`jsx-${eP.__hash}`,children:(0,t.jsx)("button",{type:"button",className:`jsx-${eP.__hash} community-button`,children:"Thảo luận ngay"})})]})]})})]})}),(0,t.jsx)(a.default,{id:eP.__hash,children:eP})]}):null}}eD.defaultProps={relatedCommunities:[]},n.f.ApiConsumer(eD);var eR=e.i(704603);let ez=new String(".main.jsx-7174e6baea28d21{justify-content:center;min-width:296px;height:100px;padding-bottom:24px;display:flex}@media (width>=760px){.main.jsx-7174e6baea28d21{min-width:728px;height:90px}}");ez.__hash="7174e6baea28d21";let eA=({path:e})=>(0,t.jsxs)("div",{className:`jsx-${ez.__hash} main`,children:[(0,t.jsx)(eR.f,{path:e,sizes:[{viewport:[0,0],slot:[320,100]},{viewport:[760,0],slot:[728,90]}]}),(0,t.jsx)(a.default,{id:ez.__hash,children:ez})]}),eI=new String(".moderator-action__button.jsx-6ef1d72b436e0f72{color:var(--text-dark);cursor:pointer;background-color:#0000;border-radius:4px;margin-left:6px;padding:7px 12px;font-size:.8rem}.moderator-action__button.active.jsx-6ef1d72b436e0f72,.moderator-action__button.jsx-6ef1d72b436e0f72:hover{background-color:var(--hover-background)}.delete-confirmation-box.jsx-6ef1d72b436e0f72{margin-top:12px}.confirm-delete-text.jsx-6ef1d72b436e0f72{margin-bottom:12px;font-size:16px;font-weight:700}.confirm-button.jsx-6ef1d72b436e0f72{border-radius:4px;margin-right:12px;padding:6px 12px;font-size:14px;font-weight:700}.confirm-button.confirm-delete.jsx-6ef1d72b436e0f72{background-color:var(--active-indicator-red);color:var(--text-light)}.confirm-button.cancel.jsx-6ef1d72b436e0f72{background-color:var(--button-light);color:var(--text-dark)}.confirm-button.review-ui.jsx-6ef1d72b436e0f72{background-color:var(--button-high-contrast);color:var(--button-high-contrast-text)}.modal-title.jsx-6ef1d72b436e0f72{color:var(--text-dark);justify-content:space-between;align-items:center;font-size:18px;font-weight:700;display:flex}.modal-title.jsx-6ef1d72b436e0f72 .close.jsx-6ef1d72b436e0f72 svg path{fill:var(--text-dark)}.modal-description.jsx-6ef1d72b436e0f72{margin-top:12px;margin-bottom:12px}.modal-description.jsx-6ef1d72b436e0f72 p.jsx-6ef1d72b436e0f72{color:var(--text-dark);font-size:14px}.modal-controls.jsx-6ef1d72b436e0f72{margin-top:12px;margin-bottom:12px;display:flex}.modal-button.jsx-6ef1d72b436e0f72{text-align:center;background:var(--button-light);border-radius:4px;width:100%;margin:12px;padding:13px 10px;font-size:16px;font-weight:700}.modal-button.jsx-6ef1d72b436e0f72:first-child{margin-left:0}.modal-button.jsx-6ef1d72b436e0f72:nth-child(2){margin-right:0}.modal-button.jsx-6ef1d72b436e0f72:hover{background-color:var(--hover-background)}.modal-button.yes.jsx-6ef1d72b436e0f72{color:var(--button-high-contrast-text);background-color:var(--button-high-contrast)}.modal-button.yes.jsx-6ef1d72b436e0f72:hover{background-color:var(--button-high-contrast-hover)}");eI.__hash="6ef1d72b436e0f72";let eM=({thread:e,threadId:s})=>(0,t.jsxs)("div",{className:`jsx-${eI.__hash}`,children:[e&&e.isReviewArticle&&e.reviewExtraData&&e.reviewExtraData.productName?(0,t.jsx)("a",{href:`/review/edit/${s||e.id}/`,className:`jsx-${eI.__hash}`,children:(0,t.jsx)("div",{className:`jsx-${eI.__hash} moderator-action`,children:(0,t.jsx)("button",{className:`jsx-${eI.__hash} moderator-action__button`,children:"Sửa bài"})})}):(0,t.jsx)("a",{href:`/editorv2/edit/${s||e.id}/`,className:`jsx-${eI.__hash}`,children:(0,t.jsx)("div",{className:`jsx-${eI.__hash} moderator-action`,children:(0,t.jsx)("button",{className:`jsx-${eI.__hash} moderator-action__button`,children:"Sửa bài"})})}),(0,t.jsx)(a.default,{id:eI.__hash,children:eI})]}),eB=new String(".main.jsx-980e73d36ee146d1{border:2px solid var(--thread-intro-border);background-color:var(--thread-intro-background);border-radius:4px;align-items:center;padding:16px;font-size:18px;display:flex}@media (width<=767px){.main.jsx-980e73d36ee146d1{flex-direction:column;justify-content:center;margin:12px}}.logo.jsx-980e73d36ee146d1{width:180px;margin-bottom:12px;margin-right:16px}@media (width<=767px){.logo.jsx-980e73d36ee146d1{justify-content:center;margin-bottom:16px;display:block}}.intro.jsx-980e73d36ee146d1{color:var(--text-always-black)}.read-more.jsx-980e73d36ee146d1{margin-top:16px}@media (width<=767px){.read-more.jsx-980e73d36ee146d1{justify-content:center;align-items:center;display:flex}}.read-more.jsx-980e73d36ee146d1 .read-more-button.jsx-980e73d36ee146d1{color:var(--text-always-black);background-color:var(--thread-intro-border);text-align:center;border-radius:6px;width:100%;padding:8px 12px;font-size:16px;font-weight:700}");eB.__hash="980e73d36ee146d1";let eF=()=>(0,t.jsxs)("div",{className:`jsx-${eB.__hash} main`,children:[(0,t.jsx)("img",{src:"/static/images/deeptalk_logo_color.png",alt:"Deeptalk - các bài viết chất lượng",className:`jsx-${eB.__hash} logo`}),(0,t.jsxs)("div",{className:`jsx-${eB.__hash}`,children:[(0,t.jsxs)("p",{className:`jsx-${eB.__hash} intro`,children:[(0,t.jsx)("b",{className:`jsx-${eB.__hash}`,children:"Deeptalk"})," là dạng bài phân tích sâu, nội dung chất lượng với đồ họa đẹp, coi sướng con mắt. Hình ảnh trong bài Deeptalk được mở rộng ra tối đa để bạn có thể chiêm ngưỡng và đón nhận thông tin theo cách hoàn toàn mới. Hãy pha một ly cà phê thật ngon, vừa nhâm nhi vừa đọc bài Deeptalk nhé, sẽ phê lắm đó!"]}),(0,t.jsx)("div",{className:`jsx-${eB.__hash} read-more`,children:(0,t.jsx)("a",{href:"/deeptalk",target:"_blank",rel:"noreferrer",className:`jsx-${eB.__hash} read-more-button`,children:"Xem thêm các bài Deeptalk"})})]}),(0,t.jsx)(a.default,{id:eB.__hash,children:eB})]}),eE=new String(".tag-intro-box-wrapper.jsx-d05db5f5da505036{max-width:768px;margin:auto}.main.jsx-d05db5f5da505036{border:2px solid var(--thread-intro-border);background-color:var(--thread-intro-background);border-radius:4px;align-items:center;margin-top:12px;padding:16px;font-size:18px;display:flex}@media (width<=767px){.main.jsx-d05db5f5da505036{flex-direction:column;justify-content:center;margin:12px}}.main-text.jsx-d05db5f5da505036{color:var(--text-always-black)}.logo.jsx-d05db5f5da505036{width:180px;height:56px;margin-bottom:12px;margin-right:16px}@media (width<=767px){.logo.jsx-d05db5f5da505036{justify-content:center;display:block}}.read-more.jsx-d05db5f5da505036{margin-top:16px}@media (width<=767px){.read-more.jsx-d05db5f5da505036{justify-content:center;align-items:center;display:flex}}.read-more.jsx-d05db5f5da505036 .read-more-button.jsx-d05db5f5da505036{background-color:var(--thread-intro-border);color:var(--text-always-black);text-align:center;border-radius:6px;width:100%;padding:8px 12px;font-size:16px;font-weight:700}");eE.__hash="d05db5f5da505036";let eL=(0,v.f)(E.f.subscribe(({tagIntroBoxConfig:e,thread:s})=>{let i=s.tags;if(!i||i.length<=0)return null;let r=[];return e.forEach(e=>{i.forEach(t=>{if(e.tag===t.tag){let t={...e};t.htmlText=t.text.replace(e.highlight_text,`<b>${e.highlight_text}</b>`),r.push(t)}})}),(0,t.jsxs)("div",{className:`jsx-${eE.__hash} tag-intro-box-wrapper`,children:[r.map((e,a)=>(0,t.jsx)("div",{className:`jsx-${eE.__hash} main`,children:(0,t.jsxs)("div",{className:`jsx-${eE.__hash}`,children:[(0,t.jsx)("div",{dangerouslySetInnerHTML:{__html:`<p>${e.htmlText}</p>`},className:`jsx-${eE.__hash} main-text`}),(0,t.jsx)("div",{className:`jsx-${eE.__hash} read-more`,children:(0,t.jsx)("a",{href:e.url,target:"_blank",rel:"noreferrer",className:`jsx-${eE.__hash} read-more-button`,children:e.button_text})})]})},`tag-intro-box-${a}`)),(0,t.jsx)(a.default,{id:eE.__hash,children:eE})]})},({tagIntroBox:e})=>({tagIntroBoxConfig:e})),{errorMsg:"Lỗi box :( Anh em báo mod giùm nha"}),eU=new String("");eU.__hash="e43e7f1a484b1acb";let eO=new String(".ttbc23-thankyou-container.jsx-cbdd8ec626dee8da{color:#000;background-color:#fff;width:100%;padding:50px 0 0;position:relative}.logo.jsx-cbdd8ec626dee8da{justify-content:center;align-items:center;margin:20px auto 10px;display:flex}.logo.jsx-cbdd8ec626dee8da .tinhte-logo.jsx-cbdd8ec626dee8da{vertical-align:middle;width:60px;display:inline-block}.logo.jsx-cbdd8ec626dee8da .tinhte-logo.jsx-cbdd8ec626dee8da svg{display:block}.logo.jsx-cbdd8ec626dee8da .tinhte-text.jsx-cbdd8ec626dee8da{vertical-align:middle;color:#fff;margin-left:12px;font-size:32px;font-weight:500;display:inline-block}.ttbc23-sponsor-footer__thankyou.jsx-cbdd8ec626dee8da{text-align:center;color:#000;text-transform:uppercase;width:90%;max-width:680px;margin:0 auto 1rem;font-size:32px;font-weight:700;line-height:1.5}.ttbc23-sponsor-footer-wrapper.jsx-cbdd8ec626dee8da{flex-direction:column;align-items:center;display:flex}.ttbc23-sponsor-footer-wrapper.jsx-cbdd8ec626dee8da:last-child{padding-bottom:50px}.ttbc23-sponsor-footer__line.jsx-cbdd8ec626dee8da{background-image:linear-gradient(270deg,#0000 0%,#0003 51.56%,#0000 100%);width:50%;height:2px}.ttbc23-sponsor-footer__label.jsx-cbdd8ec626dee8da{margin-top:2rem;font-size:24px;font-weight:700}.ttbc23-sponsor-footer__logos.jsx-cbdd8ec626dee8da{flex-flow:wrap;justify-content:center;align-items:center;max-width:1024px;padding:20px 0 30px;display:flex}.ttbc23-sponsor-footer__logo.jsx-cbdd8ec626dee8da{max-width:200px;margin:15px}.ttbc23-sponsor-footer__logo.max-height.jsx-cbdd8ec626dee8da{max-width:none}@media (width<=600px){.ttbc23-sponsor-footer__thankyou.jsx-cbdd8ec626dee8da{line-height:1.4}.ttbc23-sponsor-footer__logo.small.jsx-cbdd8ec626dee8da{width:80px}.ttbc23-sponsor-footer__logo.small.short.jsx-cbdd8ec626dee8da{width:auto;height:50px}}");eO.__hash="cbdd8ec626dee8da";let eH=n.f.ApiConsumer(({sponsors:e})=>(0,t.jsxs)("div",{id:"sponsors",className:`jsx-${eO.__hash} ttbc23-thankyou-container`,children:[(0,t.jsx)("p",{className:`jsx-${eO.__hash} ttbc23-sponsor-footer__thankyou`,children:e&&e.title}),e&&e.golds&&e.golds.length>0&&(0,t.jsxs)("div",{className:`jsx-${eO.__hash} ttbc23-sponsor-footer-wrapper`,children:[(0,t.jsx)("p",{className:`jsx-${eO.__hash} ttbc23-sponsor-footer__label`,children:"Nhà tài trợ Vàng"}),(0,t.jsx)("div",{className:`jsx-${eO.__hash} ttbc23-sponsor-footer__logos`,children:e.golds.map(e=>(0,t.jsx)("a",{href:e.link,target:"_blank",rel:"noreferrer",className:`jsx-${eO.__hash} ttbc23-sponsor-footer__link`,children:(0,t.jsx)("img",{style:{maxHeight:e.height},alt:"Nhà tài trợ TTBC22",src:e.logo,className:`jsx-${eO.__hash} ttbc23-sponsor-footer__logo ${e.height?"max-height":""}`})},e.logo))})]}),e&&e.silvers&&e.silvers.length>0&&(0,t.jsxs)("div",{className:`jsx-${eO.__hash} ttbc23-sponsor-footer-wrapper`,children:[(0,t.jsx)("div",{className:`jsx-${eO.__hash} ttbc23-sponsor-footer__line`}),(0,t.jsx)("p",{className:`jsx-${eO.__hash} ttbc23-sponsor-footer__label`,children:"Nhà tài trợ Bạc"}),(0,t.jsx)("div",{className:`jsx-${eO.__hash} ttbc23-sponsor-footer__logos`,children:e.silvers.map(e=>(0,t.jsx)("a",{href:e.link,target:"_blank",rel:"noreferrer",className:`jsx-${eO.__hash} ttbc23-sponsor-footer__link`,children:(0,t.jsx)("img",{style:{maxHeight:e.height},alt:"Nhà tài trợ TTBC22",src:e.logo,className:`jsx-${eO.__hash} ttbc23-sponsor-footer__logo ${e.height?"max-height":""}`})},e.logo))})]}),e&&e.bronzes&&e.bronzes.length>0&&(0,t.jsxs)("div",{className:`jsx-${eO.__hash} ttbc23-sponsor-footer-wrapper`,children:[(0,t.jsx)("div",{className:`jsx-${eO.__hash} ttbc23-sponsor-footer__line`}),(0,t.jsx)("p",{className:`jsx-${eO.__hash} ttbc23-sponsor-footer__label`,children:"Nhà tài trợ chính"}),(0,t.jsx)("div",{className:`jsx-${eO.__hash} ttbc23-sponsor-footer__logos`,children:e.bronzes.map(e=>(0,t.jsx)("a",{href:e.link,target:"_blank",rel:"noreferrer",className:`jsx-${eO.__hash} ttbc23-sponsor-footer__link`,children:(0,t.jsx)("img",{style:{maxHeight:e.height},alt:"Nhà tài trợ TTBC22",src:e.logo,className:`jsx-${eO.__hash} ttbc23-sponsor-footer__logo ${e.height?"max-height":""}`})},e.logo))})]}),e&&e.partners&&e.partners.length>0&&(0,t.jsxs)("div",{className:`jsx-${eO.__hash} ttbc23-sponsor-footer-wrapper`,children:[(0,t.jsx)("div",{className:`jsx-${eO.__hash} ttbc23-sponsor-footer__line`}),(0,t.jsx)("p",{className:`jsx-${eO.__hash} ttbc23-sponsor-footer__label`,children:"Đơn vị đồng hành"}),(0,t.jsx)("div",{className:`jsx-${eO.__hash} ttbc23-sponsor-footer__logos`,children:e.partners.map(e=>(0,t.jsx)("a",{href:e.link,target:"_blank",rel:"noreferrer",className:`jsx-${eO.__hash} ttbc23-sponsor-footer__link`,children:(0,t.jsx)("img",{style:{maxHeight:e.height},alt:"Nhà tài trợ TTBC22",src:e.logo,className:`jsx-${eO.__hash} ttbc23-sponsor-footer__logo ${e.height?"max-height":""}`})},e.logo))})]}),(0,t.jsx)(a.default,{id:eO.__hash,children:eO})]})),eV=n.f.ApiConsumer(e=>{let[i,r]=(0,s.useState)({});return(0,s.useEffect)(()=>{(()=>{let{api:t}=e;t.get({uri:"/threads/4069501",headers:{"Api-Post-Tree":1}}).then(e=>{e.thread&&r(JSON.parse(e.thread.first_post.post_body_plain_text||"{}").sponsors)}).catch(e=>{let{message:t}=(0,p.f)(e);console.log(t)})})()},[]),(0,t.jsxs)("div",{id:"sponsors",className:`jsx-${eU.__hash} ttbc-thankyou-container`,children:[(0,t.jsx)(eH,{sponsors:i}),(0,t.jsx)(a.default,{id:eU.__hash,children:eU})]})}),eq=new String("");eq.__hash="2dc03891fcfb6e36";let eW=n.f.ApiConsumer(e=>{let[i,r]=(0,s.useState)(""),[o,d]=(0,s.useState)("");return(0,s.useEffect)(()=>{(()=>{let{api:t}=e;t.get({uri:"/posts/66346354"}).then(e=>{let t=JSON.parse(e.post.post_body_plain_text)||{};r(t.sponsorBoxDesktop),d(t.sponsorBoxMobile)}).catch(e=>{let{message:t}=(0,p.f)(e);console.log(t)})})()},[]),(0,t.jsxs)("div",{className:`jsx-${eq.__hash} main`,children:[(0,t.jsxs)("a",{href:"/ttbc?utm_source=internal&utm_medium=ttbc24_thread_sponsors_box",className:`jsx-${eq.__hash}`,children:[(0,t.jsx)("img",{alt:"Nhà tài trợ Tinh tế Bình chọn",src:i,className:`jsx-${eq.__hash} hidden-xs`}),(0,t.jsx)("img",{alt:"Nhà tài trợ Tinh tế Bình chọn",src:o,className:`jsx-${eq.__hash} visible-xs`})]}),(0,t.jsx)(a.default,{id:eq.__hash,children:eq})]})}),eG=new String("");eG.__hash="e43e7f1a484b1acb";let eX=new String(".ttbc23-thankyou-container.jsx-4e8d41dfd97120e8{color:#000;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:50px 0 0;display:flex;position:relative}.logo.jsx-4e8d41dfd97120e8{justify-content:center;align-items:center;margin:20px auto 10px;display:flex}.logo.jsx-4e8d41dfd97120e8 .tinhte-logo.jsx-4e8d41dfd97120e8{vertical-align:middle;width:60px;display:inline-block}.logo.jsx-4e8d41dfd97120e8 .tinhte-logo.jsx-4e8d41dfd97120e8 svg{display:block}.logo.jsx-4e8d41dfd97120e8 .tinhte-text.jsx-4e8d41dfd97120e8{vertical-align:middle;color:#fff;margin-left:12px;font-size:32px;font-weight:500;display:inline-block}.ttbc23-sponsor-footer__thankyou.jsx-4e8d41dfd97120e8{text-align:center;color:#000;text-transform:uppercase;width:90%;max-width:680px;margin:0 auto 1rem;font-size:32px;font-weight:700;line-height:1.5}.ttbc23-sponsor-footer-wrapper.jsx-4e8d41dfd97120e8{flex-direction:column;align-items:center;display:flex}.ttbc23-sponsor-footer-wrapper.jsx-4e8d41dfd97120e8:last-child{padding-bottom:50px}.ttbc23-sponsor-footer__line.jsx-4e8d41dfd97120e8{background-image:linear-gradient(270deg,#0000 0%,#0003 51.56%,#0000 100%);width:50%;height:2px}.ttbc23-sponsor-footer__label.jsx-4e8d41dfd97120e8{margin-top:2rem;font-size:24px;font-weight:700}.ttbc23-sponsor-footer__logos.jsx-4e8d41dfd97120e8{flex-flow:wrap;justify-content:center;align-items:center;max-width:1024px;padding:20px 0 30px;display:flex}.ttbc23-sponsor-footer__logo.jsx-4e8d41dfd97120e8{max-width:200px;margin:15px}.ttbc23-sponsor-footer__logo.max-height.jsx-4e8d41dfd97120e8{max-width:none}.ttbc23-sponsor-footer__all-sponsors.jsx-4e8d41dfd97120e8{width:100%;max-width:1024px;margin:0 auto;padding:20px 0 30px}@media (width<=600px){.ttbc23-sponsor-footer__thankyou.jsx-4e8d41dfd97120e8{line-height:1.4}.ttbc23-sponsor-footer__logo.small.jsx-4e8d41dfd97120e8{width:80px}.ttbc23-sponsor-footer__logo.small.short.jsx-4e8d41dfd97120e8{width:auto;height:50px}}");eX.__hash="4e8d41dfd97120e8";let eY=n.f.ApiConsumer(({sponsors:e})=>(0,t.jsxs)("div",{id:"sponsors",className:`jsx-${eX.__hash} ttbc23-thankyou-container`,children:[(0,t.jsx)("p",{className:`jsx-${eX.__hash} ttbc23-sponsor-footer__thankyou`,children:e&&e.title}),e&&e.allSponsors&&(0,t.jsx)("img",{src:e.allSponsors,alt:"Nhà tài trợ TTBC25",className:`jsx-${eX.__hash} ttbc23-sponsor-footer__all-sponsors`}),e&&e.golds&&e.golds.length>0&&(0,t.jsxs)("div",{className:`jsx-${eX.__hash} ttbc23-sponsor-footer-wrapper`,children:[(0,t.jsx)("p",{className:`jsx-${eX.__hash} ttbc23-sponsor-footer__label`,children:"Nhà tài trợ Vàng"}),(0,t.jsx)("div",{className:`jsx-${eX.__hash} ttbc23-sponsor-footer__logos`,children:e.golds.map(e=>(0,t.jsx)("a",{href:e.link,target:"_blank",rel:"noreferrer",className:`jsx-${eX.__hash} ttbc23-sponsor-footer__link`,children:(0,t.jsx)("img",{style:{maxHeight:e.height},alt:"Nhà tài trợ TTBC22",src:e.logo,className:`jsx-${eX.__hash} ttbc23-sponsor-footer__logo ${e.height?"max-height":""}`})},e.logo))})]}),e&&e.silvers&&e.silvers.length>0&&(0,t.jsxs)("div",{className:`jsx-${eX.__hash} ttbc23-sponsor-footer-wrapper`,children:[(0,t.jsx)("div",{className:`jsx-${eX.__hash} ttbc23-sponsor-footer__line`}),(0,t.jsx)("p",{className:`jsx-${eX.__hash} ttbc23-sponsor-footer__label`,children:"Nhà tài trợ Bạc"}),(0,t.jsx)("div",{className:`jsx-${eX.__hash} ttbc23-sponsor-footer__logos`,children:e.silvers.map(e=>(0,t.jsx)("a",{href:e.link,target:"_blank",rel:"noreferrer",className:`jsx-${eX.__hash} ttbc23-sponsor-footer__link`,children:(0,t.jsx)("img",{style:{maxHeight:e.height},alt:"Nhà tài trợ TTBC22",src:e.logo,className:`jsx-${eX.__hash} ttbc23-sponsor-footer__logo ${e.height?"max-height":""}`})},e.logo))})]}),e&&e.bronzes&&e.bronzes.length>0&&(0,t.jsxs)("div",{className:`jsx-${eX.__hash} ttbc23-sponsor-footer-wrapper`,children:[(0,t.jsx)("div",{className:`jsx-${eX.__hash} ttbc23-sponsor-footer__line`}),(0,t.jsx)("p",{className:`jsx-${eX.__hash} ttbc23-sponsor-footer__label`,children:"Nhà tài trợ chính"}),(0,t.jsx)("div",{className:`jsx-${eX.__hash} ttbc23-sponsor-footer__logos`,children:e.bronzes.map(e=>(0,t.jsx)("a",{href:e.link,target:"_blank",rel:"noreferrer",className:`jsx-${eX.__hash} ttbc23-sponsor-footer__link`,children:(0,t.jsx)("img",{style:{maxHeight:e.height},alt:"Nhà tài trợ TTBC22",src:e.logo,className:`jsx-${eX.__hash} ttbc23-sponsor-footer__logo ${e.height?"max-height":""}`})},e.logo))})]}),e&&e.partners&&e.partners.length>0&&(0,t.jsxs)("div",{className:`jsx-${eX.__hash} ttbc23-sponsor-footer-wrapper`,children:[(0,t.jsx)("div",{className:`jsx-${eX.__hash} ttbc23-sponsor-footer__line`}),(0,t.jsx)("p",{className:`jsx-${eX.__hash} ttbc23-sponsor-footer__label`,children:"Đơn vị đồng hành"}),(0,t.jsx)("div",{className:`jsx-${eX.__hash} ttbc23-sponsor-footer__logos`,children:e.partners.map(e=>(0,t.jsx)("a",{href:e.link,target:"_blank",rel:"noreferrer",className:`jsx-${eX.__hash} ttbc23-sponsor-footer__link`,children:(0,t.jsx)("img",{style:{maxHeight:e.height},alt:"Nhà tài trợ TTBC22",src:e.logo,className:`jsx-${eX.__hash} ttbc23-sponsor-footer__logo ${e.height?"max-height":""}`})},e.logo))})]}),(0,t.jsx)(a.default,{id:eX.__hash,children:eX})]})),eK=n.f.ApiConsumer(e=>{let[i,r]=(0,s.useState)({});return(0,s.useEffect)(()=>{(()=>{let{api:t}=e;t.get({uri:"/threads/4069501",headers:{"Api-Post-Tree":1}}).then(e=>{e.thread&&r(JSON.parse(e.thread.first_post.post_body_plain_text||"{}").sponsors)}).catch(e=>{let{message:t}=(0,p.f)(e);console.log(t)})})()},[]),(0,t.jsxs)("div",{id:"sponsors",className:`jsx-${eG.__hash} ttbc-thankyou-container`,children:[(0,t.jsx)(eY,{sponsors:i}),(0,t.jsx)(a.default,{id:eG.__hash,children:eG})]})});var eJ=e.i(770267);function eQ(){return(eQ=Object.assign.bind()).apply(null,arguments)}let eZ=function(e){return s.createElement("svg",eQ({xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",viewBox:"0 0 30 30"},e),s.createElement("path",{d:"M29.5 2.7c.6-.6.6-1.6 0-2.3-.6-.6-1.6-.6-2.3 0L15 12.7 2.7.5C2.1-.1 1.1-.1.4.5s-.6 1.6 0 2.3L12.7 15 .5 27.3c-.6.6-.6 1.6 0 2.3.6.6 1.6.6 2.3 0L15 17.3l12.3 12.3c.6.6 1.6.6 2.3 0 .6-.6.6-1.6 0-2.3L17.3 15z",style:{fillRule:"evenodd",clipRule:"evenodd",fill:"#2d3748"}}))},e0=new String(".modal.jsx-d18e960f5662a7bf{background:var(--color-light-0);position:relative}.modal-title.jsx-d18e960f5662a7bf{background:var(--page-background);border-bottom:1px solid var(--border-light);flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:12px 24px;display:flex;position:relative}.title-text.jsx-d18e960f5662a7bf{color:var(--primary-text);font-size:16px;font-weight:600;line-height:2}.modal-button__close.jsx-d18e960f5662a7bf{z-index:2;width:18px;height:18px}.model-content.jsx-d18e960f5662a7bf{color:#000;background:var(--page-background);height:100%;min-height:300px;padding:12px 24px;overflow:auto}.block-title.jsx-d18e960f5662a7bf{color:var(--primary-text);margin-bottom:12px;font-size:16px;font-weight:600}.tag-input.jsx-d18e960f5662a7bf{background-color:var(--dropdown-control-background);border:1px solid var(--dropdown-control-border);width:100%;min-height:100px;color:var(--editor-control-text);resize:none;border-radius:4px;padding:12px;font-size:16px;line-height:24px}.save-button.jsx-d18e960f5662a7bf{background-color:var(--color-accent-dark);color:var(--color-light-0);border-radius:4px;width:100%;margin:24px 0;padding:12px 48px;font-size:18px;font-weight:700}.error.jsx-d18e960f5662a7bf{color:red}");e0.__hash="d18e960f5662a7bf",eJ.default.setAppElement("body");let e3={content:{maxWidth:"680px",width:"90%",top:"50%",left:"50%",maxHeight:"90%",right:"auto",bottom:"auto",marginRight:"-50%",padding:"0 !important",transform:"translate(-50%, -50%)",boxShadow:"-10px 10px #3DE4D1",display:"flex",flexDirection:"column",border:"1px solid var(--border-light)"}},e5=n.f.ApiConsumer(({isOpen:e,thread:i,handleCloseModal:r,api:o})=>{let[d,n]=(0,s.useState)(e),[l,h]=(0,s.useState)(null),[c,x]=(0,s.useState)(null),[p,m]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{n(e)},[e]),(0,s.useEffect)(()=>{h(i.tagString)},[i]),(0,t.jsxs)("div",{className:`jsx-${e0.__hash} modal`,children:[(0,t.jsxs)(eJ.default,{isOpen:d,onRequestClose:r,onAfterOpen:()=>void(window.document.body.style.overflow="hidden"),style:e3,shouldCloseOnOverlayClick:!0,children:[(0,t.jsxs)("div",{className:`jsx-${e0.__hash} modal-title`,children:[(0,t.jsx)("p",{className:`jsx-${e0.__hash} title-text`,children:"Phân loại bài viết"}),(0,t.jsx)("button",{onClick:()=>r(),className:`jsx-${e0.__hash} modal-button__close`,children:(0,t.jsx)(eZ,{})})]}),(0,t.jsxs)("div",{className:`jsx-${e0.__hash} model-content`,children:[(0,t.jsx)(ee.f,{threadId:i.id,forumId:i.forumId,thread:i}),(0,t.jsx)("p",{className:`jsx-${e0.__hash} block-title`,children:"Thêm tag vào bài viết của bạn"}),(0,t.jsx)("textarea",{type:"text",value:l,onChange:e=>{h(e.target.value)},placeholder:"Bạn có thể thêm nhiều tag bằng việc ngăn cách bằng dấu phẩy. (Ví dụ: điện thoại, iphone14)",className:`jsx-${e0.__hash} tag-input`}),(0,t.jsx)("button",{onClick:()=>(m(!0),void o.put({uri:`https://tinhte.vn/appforo/index.php?threads/${i.id}`,params:{thread_tags:l}}).then(()=>{m(!1),r()}).catch(e=>{m(!1),console.log(e),x(e.toString())})),disabled:p,className:`jsx-${e0.__hash} save-button ${p?"isSubmitting":""}`,children:p?"Đang lưu, chờ xíu nhen...":"Xác nhận"}),(0,t.jsx)("p",{className:`jsx-${e0.__hash} error`,children:c})]})]}),(0,t.jsx)(a.default,{id:e0.__hash,children:e0})]})});var e1=e.i(210578),e4=e.i(628377),e2=e.i(239423),e6=e.i(313821),e7=e.i(934574),e8=e.i(212005);let e9=new String('.thread-view--container.jsx-5ed43f3a323db305{width:100%;height:100%;position:relative}.thread-view--content-wrapper.jsx-5ed43f3a323db305{position:relative}.thread-view.jsx-5ed43f3a323db305{background-color:var(--page-background);word-wrap:break-word;border:none;border-radius:3px;width:100%;margin-bottom:2rem;font-size:11pt;line-height:1.4;position:relative}.thread-deleted.jsx-5ed43f3a323db305{background-color:var(--active-indicator-red);color:var(--text-light);width:100%;padding:12px;font-weight:700}.thread-is-moderated.jsx-5ed43f3a323db305{color:var(--text-dark);background-color:#f9bc6d;justify-content:space-between;align-items:center;width:100%;padding:6px;font-size:14px;font-weight:700;display:flex}.thread-is-moderated.jsx-5ed43f3a323db305 .icon-info.jsx-5ed43f3a323db305{color:var(--color-alert-badge);padding:4px;font-size:16px}.thread-is-draft.jsx-5ed43f3a323db305{background-color:var(--active-indicator);color:var(--text-dark);align-items:center;width:100%;padding:6px;font-size:14px;font-weight:700;display:flex}.thread-is-draft.jsx-5ed43f3a323db305 .edit.jsx-5ed43f3a323db305{margin-left:12px;text-decoration:underline}.thread-is-draft.jsx-5ed43f3a323db305 .edit.jsx-5ed43f3a323db305 .moderator-action__button{text-decoration:underline}.thread-cover.jsx-5ed43f3a323db305{width:100%;padding:.5rem 0;position:relative}.thread-cover.deeptalk.jsx-5ed43f3a323db305{padding-top:0;padding-bottom:2.5rem}.thread-cover.deeptalk.jsx-5ed43f3a323db305 img.jsx-5ed43f3a323db305{border-radius:0}.thread-cover.jsx-5ed43f3a323db305 .thread-cover__image.jsx-5ed43f3a323db305{cursor:pointer;border-radius:12px;width:100%;height:auto;margin:0;padding:0;display:block}.thread-breadcrumb.jsx-5ed43f3a323db305{flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:500;display:flex;position:relative}@media (width<=700px){.thread-breadcrumb.jsx-5ed43f3a323db305 .forum-wrapper.jsx-5ed43f3a323db305{white-space:nowrap;width:100%;margin-bottom:1rem;overflow:auto}}.thread-breadcrumb.jsx-5ed43f3a323db305 .forums.jsx-5ed43f3a323db305{flex-wrap:nowrap;display:flex}.subbrand.jsx-5ed43f3a323db305{margin-top:12px;margin-bottom:12px}.subbrand.jsx-5ed43f3a323db305 a.jsx-5ed43f3a323db305{align-items:center;display:flex}.subbrand.jsx-5ed43f3a323db305 a.jsx-5ed43f3a323db305 .subbrand-img.jsx-5ed43f3a323db305{width:60px;margin-right:14px}.subbrand.jsx-5ed43f3a323db305 a.jsx-5ed43f3a323db305 .subbrand-name.jsx-5ed43f3a323db305{color:var(--text-dark);font-size:27px;font-weight:700}.subbrand.jsx-5ed43f3a323db305 a.jsx-5ed43f3a323db305 .subbrand-name.jsx-5ed43f3a323db305:hover{color:var(--text-link);cursor:pointer}.subbrand.jsx-5ed43f3a323db305 a.jsx-5ed43f3a323db305 .subbrand-name.jsx-5ed43f3a323db305 .subbrand-main-name.jsx-5ed43f3a323db305{margin-right:6px}.subbrand.jsx-5ed43f3a323db305 a.jsx-5ed43f3a323db305 .subbrand-name.jsx-5ed43f3a323db305 .subbrand-main-name.xe.jsx-5ed43f3a323db305{color:var(--color-accent-dark-xe)}.subbrand.jsx-5ed43f3a323db305 a.jsx-5ed43f3a323db305 .subbrand-name.jsx-5ed43f3a323db305 .subbrand-main-name.audio.jsx-5ed43f3a323db305{color:var(--color-accent-dark-audio)}.subbrand.jsx-5ed43f3a323db305 a.jsx-5ed43f3a323db305 .subbrand-name.jsx-5ed43f3a323db305 .subbrand-domain.jsx-5ed43f3a323db305{font-size:14px}.notification-action.jsx-5ed43f3a323db305{justify-content:center;align-items:center;margin:0 10px;font-size:18px;display:flex}.notification-action.jsx-5ed43f3a323db305 .notification-action__button.jsx-5ed43f3a323db305{color:var(--text-dark)}.notification-action.jsx-5ed43f3a323db305 .notification-action__button.active.jsx-5ed43f3a323db305{color:var(--button-high-contrast)}.bookmark-button.jsx-5ed43f3a323db305{height:40px}.moderator-action.jsx-5ed43f3a323db305{align-items:center;display:flex}.moderator-action.edit.jsx-5ed43f3a323db305{margin-right:12px}.moderator-action.jsx-5ed43f3a323db305 a.jsx-5ed43f3a323db305{margin-right:1rem}.moderator-action.jsx-5ed43f3a323db305 a.jsx-5ed43f3a323db305:last-child{margin-right:0}.moderator-action__button.jsx-5ed43f3a323db305{text-align:left;width:100%;color:var(--text-dark);cursor:pointer;white-space:nowrap;background-color:#0000;border-radius:4px;padding:7px 12px!important}.moderator-action__button.active.jsx-5ed43f3a323db305,.moderator-action__button.jsx-5ed43f3a323db305:hover{background-color:var(--hover-background)}.thread-breadcrumb.jsx-5ed43f3a323db305 .label.jsx-5ed43f3a323db305{align-items:center;margin-right:10px;display:flex;position:relative}.thread-breadcrumb.jsx-5ed43f3a323db305 .label.jsx-5ed43f3a323db305:last-child{font-weight:700}.thread-breadcrumb.jsx-5ed43f3a323db305 .label.jsx-5ed43f3a323db305:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:5px solid #a8a8a8;width:0;height:0;margin-left:10px;display:flex}.thread-breadcrumb.jsx-5ed43f3a323db305 .label.jsx-5ed43f3a323db305:last-child:after{content:"";display:none}.thread-title__block.jsx-5ed43f3a323db305{flex-direction:row;align-items:center;display:flex}.thread-title__edit.jsx-5ed43f3a323db305,.thread-title__confirm.jsx-5ed43f3a323db305,.thread-title__cancel.jsx-5ed43f3a323db305{color:var(--trending-threads-text-dark);margin-left:1rem;font-size:1.2rem}.thread-tag__edit.jsx-5ed43f3a323db305{margin-left:.5rem;margin-right:.3rem}.thread-title__confirm.jsx-5ed43f3a323db305{color:var(--text-light);background-color:var(--color-accent-dark);text-align:center;border-radius:50%;width:2rem;height:2rem;line-height:2rem}.thread-title__confirm.isUpdating.jsx-5ed43f3a323db305{background-color:var(--color-light-2)}.thread-title__cancel.jsx-5ed43f3a323db305{font-size:1rem}.thread-title__input.jsx-5ed43f3a323db305{border:1px solid #f1f1f1;border-radius:4px;outline:none;width:calc(100% - 6rem);margin:15px 0;padding:3px 5px;font-size:1.5rem}.thread-title__block.small.jsx-5ed43f3a323db305 .thread-title__input.jsx-5ed43f3a323db305{font-size:1rem;line-height:1.5rem}.thread-title.jsx-5ed43f3a323db305{color:var(--text-dark);padding:1rem 0;font-size:32px;font-weight:700;display:flex}@media (width<=700px){.thread-title.jsx-5ed43f3a323db305{font-size:25px;line-height:1.2}}.title-error.jsx-5ed43f3a323db305{margin-bottom:12px}.title-error-message.jsx-5ed43f3a323db305{color:var(--color-error);font-weight:700}.thread-info.jsx-5ed43f3a323db305{justify-content:space-between;align-items:center;padding-bottom:15px;display:flex;position:relative}.deeptalk-thread-info.jsx-5ed43f3a323db305{padding:12px}.thread-info.jsx-5ed43f3a323db305 .info-block--left.jsx-5ed43f3a323db305,.thread-info.jsx-5ed43f3a323db305 .info-block--right.jsx-5ed43f3a323db305{justify-content:space-between;display:flex}.menu-content-row.jsx-5ed43f3a323db305{margin:0;padding:0 12px 12px}.thread-info.jsx-5ed43f3a323db305 .info-block--right.jsx-5ed43f3a323db305{justify-content:flex-end;align-items:center;column-gap:15px}.thread-info.jsx-5ed43f3a323db305 .avatar.jsx-5ed43f3a323db305{background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--avatar-background-dark);border:2px solid var(--user-color);border-radius:50%;width:40px;height:40px;margin-right:15px;position:relative}.thread-info.jsx-5ed43f3a323db305 .avatar-moderator-content.jsx-5ed43f3a323db305{border:2px solid var(--color-moderator-content)}.info.jsx-5ed43f3a323db305{align-items:center;display:flex}.author-name.jsx-5ed43f3a323db305{text-rendering:optimizelegibility;color:var(--user-color);margin-bottom:6px;font-size:1rem;font-weight:700;display:flex}.author-name.jsx-5ed43f3a323db305 i.jsx-5ed43f3a323db305{color:var(--color-accent-dark);margin-left:7px}.thread-info.jsx-5ed43f3a323db305 .date-comment-view.jsx-5ed43f3a323db305{color:var(--text-grey);flex-flow:wrap;font-size:.8rem;display:flex}.thread-info.jsx-5ed43f3a323db305 .date-comment-view.jsx-5ed43f3a323db305 .comment.jsx-5ed43f3a323db305{margin:0}.thread-info.jsx-5ed43f3a323db305 .date-comment-view.jsx-5ed43f3a323db305 .icon-hot.jsx-5ed43f3a323db305{margin-top:-5px;margin-left:5px}.thread-info.jsx-5ed43f3a323db305 .date-comment-view.jsx-5ed43f3a323db305 .comment.jsx-5ed43f3a323db305:before,.thread-info.jsx-5ed43f3a323db305 .date-comment-view.jsx-5ed43f3a323db305 .view.jsx-5ed43f3a323db305:before{content:"•";margin-left:5px;margin-right:5px;padding-left:0}.thread-view.jsx-5ed43f3a323db305 .pagination.jsx-5ed43f3a323db305{white-space:nowrap;align-items:center;font-size:.8rem;display:flex;position:relative}.thread-view.jsx-5ed43f3a323db305 .pagination.jsx-5ed43f3a323db305 .pagination--header.jsx-5ed43f3a323db305{margin-right:10px}.thread-view.jsx-5ed43f3a323db305 .pagination.jsx-5ed43f3a323db305 .pagination--pages.jsx-5ed43f3a323db305 .page.jsx-5ed43f3a323db305{text-align:center;box-sizing:border-box;border:1px solid var(--border-dark);width:26px;height:26px;color:var(--text-dark);opacity:.5;background-color:#0000;border-radius:3px;margin:0 3px 3px 0;line-height:24px;display:inline-block}.thread-view.jsx-5ed43f3a323db305 .pagination.jsx-5ed43f3a323db305 .pagination--pages.jsx-5ed43f3a323db305 .page.jsx-5ed43f3a323db305:hover{color:var(--text-light);background-color:var(--button-dark);border:1px solid var(--button-dark)}.thread-view.jsx-5ed43f3a323db305 .pagination.jsx-5ed43f3a323db305 .pagination--pages.jsx-5ed43f3a323db305 .current.jsx-5ed43f3a323db305{background-color:var(--button-dark);border:1px solid var(--button-dark);color:var(--text-light);opacity:1;border-radius:3px}.thread-view.jsx-5ed43f3a323db305 .content.jsx-5ed43f3a323db305{margin-top:1rem;font-size:15px;line-height:1.3}.thread-view.jsx-5ed43f3a323db305 .content.deeptalk-content.jsx-5ed43f3a323db305{margin-top:-20px}@media (width>=768px){.thread-view.jsx-5ed43f3a323db305 .content.deeptalk-content.jsx-5ed43f3a323db305{margin-top:-16px}}.thread-view.jsx-5ed43f3a323db305 .content.jsx-5ed43f3a323db305 .xfBody.jsx-5ed43f3a323db305{font-size:17px}.thread-view.jsx-5ed43f3a323db305 .content.jsx-5ed43f3a323db305 a.jsx-5ed43f3a323db305{color:#176093;border-radius:0;margin:0 -3px;padding:0 3px;text-decoration:none}.thread-actions.jsx-5ed43f3a323db305{color:var(--text-light-2);flex-flow:wrap;justify-content:space-between;align-items:center;margin-top:10px;display:flex}.thread-actions.border.jsx-5ed43f3a323db305{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:8px 0}.thread-actions__left.jsx-5ed43f3a323db305,.thread-actions__right.jsx-5ed43f3a323db305{flex-direction:row;align-items:center;display:flex}.moderator-tool.jsx-5ed43f3a323db305{display:flex;position:relative}.moderator-tool.jsx-5ed43f3a323db305 .close-moderator-tool.jsx-5ed43f3a323db305{font-size:21px;display:inline-block;position:absolute;top:12px;right:12px}@media (width<=700px){.thread-actions__left.jsx-5ed43f3a323db305,.thread-actions__right.jsx-5ed43f3a323db305{margin-top:12px}}.thread-actions__right.jsx-5ed43f3a323db305 .moderator-action__button.jsx-5ed43f3a323db305{margin-top:0}.thread-like.jsx-5ed43f3a323db305,.thread-unlike.jsx-5ed43f3a323db305,.thread-comment.jsx-5ed43f3a323db305{border-radius:4px;justify-content:center;align-items:center;width:25%;padding:10px;display:flex;position:relative}.thread-like.jsx-5ed43f3a323db305:hover,.thread-unlike.jsx-5ed43f3a323db305:hover,.thread-comment.jsx-5ed43f3a323db305:hover{background-color:var(--post-background)}.thread-like.jsx-5ed43f3a323db305 svg,.thread-unlike.jsx-5ed43f3a323db305 svg,.thread-comment.jsx-5ed43f3a323db305 svg{display:block}@media (width<=700px){.thread-like.jsx-5ed43f3a323db305,.thread-unlike.jsx-5ed43f3a323db305,.thread-comment.jsx-5ed43f3a323db305{padding:0}}.thread-comment.jsx-5ed43f3a323db305 svg{margin-right:10px}.thread-like_deco-left.jsx-5ed43f3a323db305{background-color:var(--color-reward-green);border-top-right-radius:100%;border-bottom-right-radius:100%;width:6px;height:36px}.thread-like_deco-right.jsx-5ed43f3a323db305{background-color:var(--color-reward-green);border-top-left-radius:100%;border-bottom-left-radius:100%;width:6px;height:36px}.thread-like__button.jsx-5ed43f3a323db305{background-color:var(--post-background);color:var(--text-dark);border-top:2px solid var(--color-reward-green);border-bottom:2px solid var(--color-reward-green);border-radius:3px;outline:none;justify-content:center;align-items:center;margin-right:10px;font-size:.9rem;font-weight:600;display:flex}.thread-like__button.active.jsx-5ed43f3a323db305{background-color:var(--color-accent-dark)}.thread-like__button.jsx-5ed43f3a323db305 i.jsx-5ed43f3a323db305{margin-right:5px}.thread-like__button.active.jsx-5ed43f3a323db305{background-color:var(--color-accent-dark);color:var(--text-light)}.thread-like_info.jsx-5ed43f3a323db305{justify-content:center;align-items:center;margin-left:24px;margin-right:24px;display:flex}.thread-share-fact.jsx-5ed43f3a323db305{margin-right:12px}.thread-share.jsx-5ed43f3a323db305{width:25%;color:var(--text-light-2);cursor:pointer;border-radius:3px;outline:none;justify-content:center;align-items:center;height:42px;padding:10px;display:flex}.thread-share.jsx-5ed43f3a323db305:hover{background-color:var(--post-background)}.thread-share.jsx-5ed43f3a323db305 .thread-share-button.jsx-5ed43f3a323db305{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.thread-share.jsx-5ed43f3a323db305 .thread-share-button.jsx-5ed43f3a323db305 .icon.jsx-5ed43f3a323db305{margin-top:5px;margin-right:10px}.thread-share.jsx-5ed43f3a323db305 .thread-share-button.jsx-5ed43f3a323db305 .text.jsx-5ed43f3a323db305{white-space:nowrap}@media (width<=700px){.thread-share.jsx-5ed43f3a323db305{padding:0}}.thread-fb-share.jsx-5ed43f3a323db305{justify-content:center;align-items:center;padding-bottom:10px;display:flex}.thread-fb-share.jsx-5ed43f3a323db305 .icon.jsx-5ed43f3a323db305{margin-right:10px}.thread-share-count.jsx-5ed43f3a323db305{margin-left:6px}.thread-break-line.jsx-5ed43f3a323db305{background-color:var(--border-light);width:100%;height:1px;margin:15px 0;position:relative}.thread-comments.jsx-5ed43f3a323db305{flex-flow:wrap;justify-content:space-between;align-items:center;display:flex}.thread-comments__count.jsx-5ed43f3a323db305{font-weight:700}.bottom-pagination.jsx-5ed43f3a323db305{justify-content:flex-end;align-items:flex-end;display:flex}.thread-tags.jsx-5ed43f3a323db305{flex-wrap:wrap;align-items:center;padding-bottom:1rem;display:flex}.thread-tags-container.jsx-5ed43f3a323db305{margin-top:12px}.thread-tags.jsx-5ed43f3a323db305 .text.jsx-5ed43f3a323db305{margin-right:5px;font-weight:700}.thread-tags.jsx-5ed43f3a323db305 .tag.jsx-5ed43f3a323db305{background-color:var(--button-light);border-radius:15px;margin:3px 5px 3px 0;padding:5px 15px;font-size:13px}.thread-tags.jsx-5ed43f3a323db305 .tag.jsx-5ed43f3a323db305:hover{background-color:var(--color-accent-dark);color:var(--text-light)}button.jsx-5ed43f3a323db305{outline:none}.share-buttons.jsx-5ed43f3a323db305{flex-direction:column;align-items:flex-start;display:flex}.share-buttons.jsx-5ed43f3a323db305 button.jsx-5ed43f3a323db305{column-gap:5px}@media (width<=1000px){.thread-info.jsx-5ed43f3a323db305{flex-direction:row;padding-bottom:5px}.thread-info.jsx-5ed43f3a323db305 .info-block--left.jsx-5ed43f3a323db305{justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem}.thread-info.jsx-5ed43f3a323db305 .info-block--left.jsx-5ed43f3a323db305 .more-button.jsx-5ed43f3a323db305{display:block}}@media (width<=700px){.thread-comments__count.jsx-5ed43f3a323db305{margin-bottom:10px}.thread-title__block.editing.jsx-5ed43f3a323db305{flex-direction:column}.thread-title__input.jsx-5ed43f3a323db305{width:100%}.thread-title__button-group.jsx-5ed43f3a323db305{align-self:flex-end;margin-bottom:1.5rem}}.thread-view-promotion.jsx-5ed43f3a323db305{margin-top:12px;margin-bottom:12px}@media (width>=701px){.thread-view-promotion.jsx-5ed43f3a323db305{margin-top:24px;margin-bottom:12px}}.thread-with-background-container.jsx-5ed43f3a323db305{justify-content:center;align-items:center;display:flex}.thread-tools.jsx-5ed43f3a323db305{border:2px solid var(--color-accent-dark);border-radius:6px;flex-wrap:wrap;margin-top:0;margin-bottom:12px;padding:12px;display:flex}.quick-tool-action.jsx-5ed43f3a323db305{flex:0 0 20px;width:20px;height:100%}.thread-tool-action.jsx-5ed43f3a323db305{border-radius:6px;justify-content:center;align-items:center;margin-top:12px;margin-bottom:12px;padding:6px 12px;display:flex}.thread-tool-action.cancel.jsx-5ed43f3a323db305{background-color:var(--color-light-1)}.switch-to-old-version.jsx-5ed43f3a323db305{font-size:16px}.more-facts.jsx-5ed43f3a323db305{width:100%;max-width:840px;position:relative;overflow:hidden}.create-your-fact.jsx-5ed43f3a323db305{text-align:center;z-index:1;margin-top:12px;position:relative}.thread-view.jsx-5ed43f3a323db305 .content.jsx-5ed43f3a323db305 .create-your-fact.jsx-5ed43f3a323db305 a.jsx-5ed43f3a323db305{color:var(--color-light-2)}.thread-comment__single-attachment-container.jsx-5ed43f3a323db305{margin-top:12px}@media (width>=768px){.thread-comment__single-attachment-container.jsx-5ed43f3a323db305{place-content:center;align-items:center;display:flex}}.thread-comment__single-attachment-inside.multiple.jsx-5ed43f3a323db305{padding:12px}.thread-comment__single-attachment-container__img.jsx-5ed43f3a323db305{border-radius:6px;max-height:500px}.thread-comment__attachments-container.jsx-5ed43f3a323db305{margin-top:24px}.thread-comment__attachments.jsx-5ed43f3a323db305{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%;margin:10px 0;display:flex;position:relative}.thread-comment__attachment.jsx-5ed43f3a323db305{border-radius:4px;width:auto;max-width:300px;margin-right:10px}.thread-comment__attachment.jsx-5ed43f3a323db305 img.jsx-5ed43f3a323db305{border:2px solid var(--color-light-border-box);border-radius:4px}.thread-comment__attachment.jsx-5ed43f3a323db305 img.jsx-5ed43f3a323db305:hover{border:2px solid var(--color-accent-dark)}@media (width<=700px){.thread-comment__attachment.jsx-5ed43f3a323db305{width:45%;max-width:200px}}@media (width>=701px){.thread-comment__attachment.jsx-5ed43f3a323db305{width:32%;max-width:150px}}@media (width>=1200px){.thread-comment__attachment.jsx-5ed43f3a323db305{width:32%;max-width:180px}}.thread-rating-section.jsx-5ed43f3a323db305{border-bottom:1px solid var(--border-light);padding:12px 0 11px}.thread-rating-stats.jsx-5ed43f3a323db305{border-bottom:1px solid var(--border-light);justify-content:center;align-items:center;padding:18px 0;display:flex}.thread-rating-wrapper.jsx-5ed43f3a323db305{background-color:var(--role-badge);opacity:.8;border-top-right-radius:24px;border-bottom-right-radius:24px;height:24px;padding-right:12px}.thread-rating-avg.jsx-5ed43f3a323db305{color:--text-light}.thread-rating-avg-number.jsx-5ed43f3a323db305{margin-right:6px}.pre-avg.jsx-5ed43f3a323db305{background-color:var(--role-badge);border-top-left-radius:24px;border-bottom-left-radius:24px;width:14px;height:24px}.rating-message-container.jsx-5ed43f3a323db305{justify-content:center;align-items:center;margin-left:6px;display:flex}.rating-message.jsx-5ed43f3a323db305{color:var(--role-badge);text-transform:uppercase;margin-right:6px;font-weight:700}.rating-count.jsx-5ed43f3a323db305{font-size:12px}.comment-toogle-container.jsx-5ed43f3a323db305{max-width:320px;margin-bottom:24px;display:flex}.comment-toogle.jsx-5ed43f3a323db305{background-color:var(--post-background);height:30px;color:var(--color-dark-1);border-radius:4px;flex:1;margin-right:12px;padding:6px 12px;font-size:12px}.comment-toogle.selected.jsx-5ed43f3a323db305{background-color:var(--button-dark);color:var(--text-light);font-weight:700}.comment-toogle.selected.rating-comment.jsx-5ed43f3a323db305{background-color:var(--role-badge);color:var(--color-light-0);font-weight:700}.livestream-game-container.jsx-5ed43f3a323db305{margin-top:12px;margin-bottom:12px}@media (width<=700px){.livestream-game-container.jsx-5ed43f3a323db305{margin-top:12px;margin-bottom:12px}}@media (width>=701px){.livestream-game-container.jsx-5ed43f3a323db305{margin-top:24px;margin-bottom:48px}}.deeptalk-content.jsx-5ed43f3a323db305{justify-content:center;align-items:center;display:flex}.deeptalk.jsx-5ed43f3a323db305{width:100%}.deeptalk-comments.jsx-5ed43f3a323db305{max-width:700px;margin:auto;padding:6px}@media (width>=768px){.deeptalk-comments.jsx-5ed43f3a323db305{padding:0}}.deeptalk-hidden.jsx-5ed43f3a323db305{display:none}.deeptalk-below-first-post.jsx-5ed43f3a323db305{padding:12px}@media (width>=768px){.deeptalk-below-first-post.jsx-5ed43f3a323db305{max-width:768px;margin:24px auto auto;padding:0}}.deeptalk-comment-toogle-container.jsx-5ed43f3a323db305{margin:auto auto 24px}@media (width>=768px){.deeptalk-intro-box.jsx-5ed43f3a323db305{max-width:768px;margin:24px auto auto;padding:0}}.ttbc-intro-box.jsx-5ed43f3a323db305{margin-top:24px}@media (width>=768px){.mobile-bookmark.jsx-5ed43f3a323db305{display:none}}.table-of-content.jsx-5ed43f3a323db305{background-color:var(--post-background);border-radius:8px;width:100%;margin-bottom:1rem;padding:1rem}.table-of-content.deeptalk.jsx-5ed43f3a323db305{border-radius:0;margin-bottom:0}.table-of-content.jsx-5ed43f3a323db305 .table-header.jsx-5ed43f3a323db305{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.table-of-content.jsx-5ed43f3a323db305 .table-header.jsx-5ed43f3a323db305 .table-header-text.jsx-5ed43f3a323db305{font-size:20px;font-weight:700}.table-of-content.jsx-5ed43f3a323db305 .table-header.jsx-5ed43f3a323db305 .table-header-button.jsx-5ed43f3a323db305{background-color:var(--dark-background);border:none;border-radius:20px;justify-content:center;align-items:center;padding:5px 12px;display:flex}.table-of-content.jsx-5ed43f3a323db305 .table-header.jsx-5ed43f3a323db305 .table-header-button.jsx-5ed43f3a323db305 i.jsx-5ed43f3a323db305{color:var(--text-light-3);margin-left:5px}.table-of-content.jsx-5ed43f3a323db305 .table-header.jsx-5ed43f3a323db305 .table-header-button.jsx-5ed43f3a323db305 .toggle-button.jsx-5ed43f3a323db305{color:var(--text-light-3)}.table-of-content.jsx-5ed43f3a323db305 .anchor.jsx-5ed43f3a323db305{word-break:break-word;margin:10px 0;font-weight:500}.table-of-content.jsx-5ed43f3a323db305 .anchor.jsx-5ed43f3a323db305:hover{color:var(--color-accent-dark)}.table-of-content.jsx-5ed43f3a323db305 .anchor.H3.jsx-5ed43f3a323db305{margin-left:10px;list-style-type:disc;list-style-position:inside;display:list-item}.below-first-post.jsx-5ed43f3a323db305 .total-reactions{margin-right:var(--gap-thread-action)}.below-first-post.jsx-5ed43f3a323db305 .thread-like.jsx-5ed43f3a323db305 .reactions{min-width:180px}@media (width<=700px){.below-first-post.jsx-5ed43f3a323db305 .thread-like.jsx-5ed43f3a323db305 .reactions{min-width:80px}}.more-button.jsx-5ed43f3a323db305,.margin-right-12px.jsx-5ed43f3a323db305{margin-right:12px}.trending-threads.jsx-5ed43f3a323db305{padding:20px 0 32px}.block-title.jsx-5ed43f3a323db305{color:var(--primary-text);margin:0 0 16px;font-size:18px;font-weight:700}.hide-on-mobile.jsx-5ed43f3a323db305{display:inherit}@media (width<=1000px){.hide-on-mobile.jsx-5ed43f3a323db305{display:none}}.icon.jsx-5ed43f3a323db305{width:18px}.dark .icon-light-mode.jsx-5ed43f3a323db305{display:none}.dark .icon-dark-mode.jsx-5ed43f3a323db305,.light .icon-light-mode.jsx-5ed43f3a323db305{display:block}.light .icon-dark-mode.jsx-5ed43f3a323db305{display:none}');e9.__hash="5ed43f3a323db305";var te=e.i(734673),tt=e.i(602692);let ta=["Bạn cần đăng nhập và đủ quyền để thực hiện thao tác này. Nếu chưa xác thực tài khoản thì vào https://tinhte.vn/xacthuc để xác thực.","Không thể tìm thấy chủ đề này. "],{SlotName:ts,PageName:ti}=m.f;class tr extends B.default.Component{constructor(e){super(e);let{thread:t}=this.props;this.state={threadViewPromotion:this.props.threadViewPromotion,forums:this.props.forums,currentPage:this.props.currentPage,event:this.props.event,thread:t,firstPost:this.props.posts&&this.props.posts[0]?this.props.posts[0]:{},posts:this.props.posts,links:this.props.links,onEditTitle:!1,newTags:this.getTags(t?t.tags:[]),onEditTags:!1,user:{},isTagUpdating:!1,isLikeStopped:!0,isLikePaused:!0,currentUserDidRate:!0,showComment:!0,showLightBox:!1,showTOC:!0,threadPrefixModalIsOpen:!1,photoIndex:0,error:null,lightBoxImgSrc:null,totalReaction:this.props.posts&&this.props.posts[0]?this.props.posts[0].reaction.total:0},this.setTitle=this.setTitle.bind(this),this.editTitle=this.editTitle.bind(this),this.updateThreadTitle=this.updateThreadTitle.bind(this),this.setTags=this.setTags.bind(this),this.editTags=this.editTags.bind(this),this.updateTags=this.updateTags.bind(this),this.loadNewPage=this.loadNewPage.bind(this),this.addPost=this.addPost.bind(this),this.receiveMessage=this.receiveMessage.bind(this),this.toggleLikePost=this.toggleLikePost.bind(this),this.hideOrShowTOC=this.hideOrShowTOC.bind(this),this.onReact=this.onReact.bind(this),this.scrollToComment=this.scrollToComment.bind(this),this.openThreadPrefixModal=this.openThreadPrefixModal.bind(this),this.onReportClick=this.onReportClick.bind(this),this.handleCloseModal=this.handleCloseModal.bind(this)}componentDidMount(){window.addEventListener("message",this.receiveMessage,!1),this.getUserProfile()}componentDidUpdate(e,t){if(JSON.stringify(t.posts)!==JSON.stringify(this.state.posts)&&window.location.hash&&"#post"===window.location.hash.split("-")[0]){let e=window.location.hash;(0,er.f)(e)}this.state.error&&console.log("XXX: ",this.state.error)}onReact(e,t,a){let{totalReaction:s}=this.state,i={...this.state.firstPost};e===em.U.Up&&(s=this.state.totalReaction+1,i.reaction.postReactions[t]=i.reaction.postReactions[t]+1,i.reaction.userReactionId=t),e===em.U.Down&&(s=this.state.totalReaction-1,i.reaction.postReactions[a]=i.reaction.postReactions[a]-1,i.reaction.userReactionId=null),e===em.U.Neutral&&(i.reaction.postReactions[a]=i.reaction.postReactions[a]-1,i.reaction.postReactions[t]=i.reaction.postReactions[t]+1,i.reaction.userReactionId=t),this.setState({totalReaction:s,firstPost:{...i}})}onCoverImageClick(){let{thread:e}=this.state;this.setState({showLightBox:!0,lightBoxImgSrc:e.image})}onShareClick(){let e=document.getElementById("btn-share");e&&e.click()}onReportClick(){this.state.firstPost.id&&(0,te._)(this.props.api,this.state.firstPost.id).then(e=>{e.errors?F.c.error(e.errors):F.c.success("Báo xấu thành công")}).catch(e=>{F.c.error(e)})}getTags(e){return!e||e.length<=0?"":e.map(e=>e.tag).join(", ")}setTags(e){let t=e.target.value;this.setState({newTags:t})}setTitle(e){let{thread:t}=this.state;t.title=e.target.value,this.setState({thread:t})}getUserProfile(){let{api:e,currentPage:t}=this.props;e&&e.onAuthenticated(()=>{e.getUserId()>0?e.get("users/me").then(e=>{let a=(0,O.U)(e.user||{});this.setState({user:a}),a&&a.id&&this.fetchThreads(t)},()=>{}):this.markThreadAsRead()})}editTitle(){let{onEditTitle:e}=this.state;this.setState({onEditTitle:!e})}hideOrShowTOC(){let{showTOC:e}=this.state;this.setState({showTOC:!e})}markThreadAsRead(){let{thread:e,api:t}=this.props;t.post({uri:c.z,params:{thread_id:e.id}}).catch(e=>console.log(`Failed to mark thread as read. Error: ${e}`))}updateThreadTitle(){let{api:e,threadId:t}=this.props,{thread:a}=this.state,s={thread_title:a.title};e.put({uri:`threads/${a.id||t}`,params:s}).then(({data:e,errors:t})=>{if(t)throw Error(t.toString());this.setState({onEditTitle:!1,thread:a})}).catch(e=>{console.log(e)})}editTags(){this.setState({onEditTags:!this.state.onEditTags,newTags:this.getTags(this.state.thread.tags)})}updateTags(){let{api:e}=this.props,t={thread_tags:this.state.newTags};this.setState({isTagUpdating:!0}),e.put({uri:`https://tinhte.vn/appforo/index.php?threads/${this.state.thread.id}`,params:t}).then(e=>{let t=(0,c.U)(e.thread);this.setState({onEditTags:!this.state.onEditTags,isTagUpdating:!1,thread:{...this.state.thread,tags:t.tags}})}).catch(e=>{console.log(e)})}postKhaoSatToComment(e,t){let{api:a}=this.props;a.post({uri:"posts",params:{thread_id:t,post_body:e}}).then(({post:e,errors:t})=>{if(t&&F.c.error(t),e){let{links:e}=this.state;this.loadNewPage(e.pages)}}).catch(e=>{console.log(e)})}shareFBLink(t){let{api:a}=this.props,{thread:s}=this.state;e.g.FB&&FB.ui({method:"share",display:"popup",href:t},e=>{console.log("share to facebook",e)}),a.onAuthenticated(()=>{let e=new H.U(a),t=[{key:"thread_id",value:s.id}];e.trackEvent(V.f.ThreadView_Share_Facebook_Click,a.getUserId(),t)})}receiveMessage(e){if(e.origin&&"https://khaosat.me"===e.origin){let t=e[e.message?"message":"data"],a=t.content,{threadURL:s}=t,i=s?s.match(/threads\/([^/]+\.)?(\d+)\/$/)||s.match(/thread\/([^/]+\.)?(\d+)\/$/):null,r=i&&i[2]?i[2]:this.state.thread.id;r&&a&&this.postKhaoSatToComment(a,r)}}async toggleLikePost(){let{api:e}=this.props,{firstPost:t,user:a}=this.state;try{let s=await (0,Y.f)(e,t),i={user_id:a.id,username:a.name},{likeUsers:r}=t;if(r){let e=r.findIndex(e=>e.user_id===i.user_id);e>-1?s.likeUsers.splice(e,1):s.likeUsers.unshift(i)}else s.likeUsers=[i];this.setState({firstPost:s,isLikePaused:!s.isLiked,isLikeStopped:!s.isLiked})}catch(e){console.error(e)}}addPost(e,t){let{posts:a}=this.state;"top"===t?a.unshift(e):"bottom"===t&&a.push(e),this.setState({posts:a})}openThreadPrefixModal(){this.setState({threadPrefixModalIsOpen:!0})}handleCloseModal(){window.document.body.style.overflow="initial",this.setState({threadPrefixModalIsOpen:!1})}toogleFollowThread(){let{thread:e}=this.state,{api:t}=this.props,a=e.isFollowed;t[a?"del":"post"]({uri:`threads/${e.id}/followers`}).then(t=>{"ok"===t.status&&(e.isFollowed=!a,this.setState({thread:e}))})}fetchThreads(e){let{api:t,threadId:a}=this.props,{links:s}=this.state;t.onAuthenticated(()=>{let s="",i=e;if(window.location.hash){let e=window.location.hash.split("-")[0];"#post"===e?s=window.location.hash.split("-")[1]:"#page"===e&&(s=null,i=parseInt(window.location.hash.split("-")[1],10))}s?t.get({uri:"/posts",headers:{"Api-Post-Tree":1},params:{page_of_post_id:s,fields_include:"*,review_extra_data"}}).then(e=>{let{thread:t}=e;t.posts=e.posts,t.pagination=e.links;let a=(0,c.U)(t||{}),s=1;void 0!==e.links&&(s=e.links.page&&e.links.page<e.links.pages?e.links.page:e.links.pages),this.setState({thread:a,posts:a.posts,firstPost:a.firstPost,currentPage:s})}).catch(e=>{console.log("Error",e)}):t.get({uri:"/posts",headers:{"Api-Post-Tree":1},params:{thread_id:a,page:i,fields_include:"*,review_extra_data,thread.*,thread.bdContentList_promote_item,user_is_moderator_content,user_is_moderator_honor,user_is_moderator_news"}}).then(e=>{let{thread:t}=e;t.posts=e.posts,t.pagination=e.links;let a=(0,c.U)(t||{});this.setState({thread:a,posts:a.posts,firstPost:a.firstPost,currentPage:i})}).catch(e=>{let t=(0,p.f)(e),a=t&&t.message;ta.includes(a)&&l.default.push("/404"),this.setState({error:t})})})}loadNewPage(e){this.fetchThreads(e)}scrollToComment(){this.commentRef.scrollIntoView()}render(){let{threadId:e,relatedThreads:s,relatedCommunities:i}=this.props,{threadViewPromotion:r,currentPage:o,thread:d,posts:n,links:l,user:h,firstPost:c,event:x,onEditTitle:p,forums:m,onEditTags:f,newTags:j,showOptionMenu:g,isTagUpdating:_,isLikeStopped:u,isLikePaused:v,currentUserDidRate:k,showComment:w,showLightBox:N,showTOC:$,photoIndex:y,error:T,lightBoxImgSrc:C,totalReaction:S,threadPrefixModalIsOpen:P}=this.state;if(T&&T.message&&(!d||d.id<0))return(0,t.jsx)(eh.f,{message:T.message});if(!c||!c.author)return(0,t.jsx)("p",{children:"Đang tải..."});let D=!1,R=!1;d.tags&&d.tags.forEach(e=>{"tinhtefact"===e.tag&&(D=!0),"livestreamgame"===e.tag&&(R=!0)}),d.firstPost=c;let z=[];c.attachments&&c.attachments.length>0&&c.attachments.map(e=>z.push(e.links.permalink));let A="";A=window.location.origin+window.location.pathname;let M="var(--primary-text)";return d.author&&(M=(0,tt.f)(d.author)),(0,t.jsxs)("div",{className:`jsx-${e9.__hash} thread-view--container`,children:[d&&(0,t.jsxs)("div",{className:`jsx-${e9.__hash} thread-view`,children:[d.isDeleted&&(0,t.jsx)("div",{className:`jsx-${e9.__hash} thread-deleted`,children:(0,t.jsx)("p",{className:`jsx-${e9.__hash}`,children:"Bài này đã bị xóa"})}),d.isModerated&&(0,t.jsxs)("div",{className:`jsx-${e9.__hash} thread-is-moderated`,children:[(0,t.jsx)("span",{className:`jsx-${e9.__hash}`,children:"Bài này đang chờ kiểm duyệt trước khi hiển thị công khai."}),(0,t.jsx)("i",{className:`jsx-${e9.__hash} fas fa-info-circle icon-info`})]}),d.isDraft&&(0,t.jsxs)("div",{className:`jsx-${e9.__hash} thread-is-draft`,children:[(0,t.jsx)("span",{className:`jsx-${e9.__hash}`,children:"Bài này đang ở chế độ Nháp, người khác sẽ không xem được bài của bạn"}),(0,t.jsx)("div",{className:`jsx-${e9.__hash} edit`,children:(0,t.jsx)(eM,{thread:this.state.thread||this.props.thread,threadId:e})})]}),(0,t.jsxs)("div",{className:`jsx-${e9.__hash} thread-view--content-wrapper`,children:[(0,t.jsxs)("div",{className:`jsx-${e9.__hash} thread-breadcrumb ${d.isDeepTalkArticle&&"deeptalk-hidden"}`,children:[(0,t.jsx)("div",{className:`jsx-${e9.__hash} forum-wrapper`,children:(0,t.jsx)("div",{className:`jsx-${e9.__hash} forums`,children:(0,t.jsx)(B.Fragment,{children:m&&m.elements&&m.elements.length>0&&m.elements.map(e=>"category"===e.navigation_type?(0,t.jsx)("a",{href:e.links.permalink,className:`jsx-${e9.__hash} label`,children:e.category_title},e.navigation_id):(0,t.jsx)("a",{href:e.links.permalink,className:`jsx-${e9.__hash} label`,children:e.forum_title},e.navigation_id))})})}),l&&(0,t.jsx)(eN,{current:o,total:l.pages,position:"top",thread:d})]}),(0,t.jsxs)("main",{className:`jsx-${e9.__hash}`,children:[p?(0,t.jsxs)("div",{className:`jsx-${e9.__hash} thread-title__block editing`,children:[(0,t.jsx)("textarea",{type:"text",placeholder:d.title,value:d.title,onChange:this.setTitle,className:`jsx-${e9.__hash} thread-title__input`}),(0,t.jsxs)("div",{className:`jsx-${e9.__hash} thread-title__button-group`,children:[(0,t.jsx)("button",{onClick:this.updateThreadTitle,className:`jsx-${e9.__hash} thread-title__confirm`,children:(0,t.jsx)("i",{className:`jsx-${e9.__hash} fas fa-check`})}),(0,t.jsx)("button",{onClick:this.editTitle,className:`jsx-${e9.__hash} thread-title__cancel`,children:(0,t.jsx)("i",{className:`jsx-${e9.__hash} fas fa-times`})})]})]}):(0,t.jsx)("div",{className:`jsx-${e9.__hash} thread-title__block ${d.isDeepTalkArticle&&"deeptalk-hidden"}`,children:(0,t.jsxs)("div",{className:`jsx-${e9.__hash} thread-title`,children:[(0,t.jsx)("h1",{className:`jsx-${e9.__hash}`,children:d.title}),c&&c.permissions&&c.permissions.edit&&(0,t.jsx)("button",{onClick:this.editTitle,className:`jsx-${e9.__hash} thread-title__edit`,children:(0,t.jsx)("i",{className:`jsx-${e9.__hash} fas fa-edit`})})]})}),p&&d.title&&d.title.length>100&&(0,t.jsx)("div",{className:`jsx-${e9.__hash} title-error`,children:(0,t.jsx)("p",{className:`jsx-${e9.__hash} title-error-message`,children:"Tiêu đề không được dài hơn 100 kí tự"})}),(!d.isDeepTalkArticle||d.isDeepTalkArticle&&h.isModerator)&&(0,t.jsxs)("div",{className:`jsx-${e9.__hash} thread-info ${d.isDeepTalkArticle&&"deeptalk-thread-info"}`,children:[d.author&&(0,t.jsx)("div",{style:{"--user-color":M},className:`jsx-${e9.__hash} info-block--left`,children:(0,t.jsxs)("div",{className:`jsx-${e9.__hash} info`,children:[(0,t.jsx)("a",{href:d.author.link,className:`jsx-${e9.__hash}`,children:(0,t.jsx)("div",{style:{backgroundImage:`url(${d.author.avatar})`},className:`jsx-${e9.__hash} avatar`})}),(0,t.jsx)("div",{className:`jsx-${e9.__hash}`,children:(0,t.jsxs)("div",{className:`jsx-${e9.__hash}`,children:[(0,t.jsxs)("div",{className:`jsx-${e9.__hash} author-name`,children:[(0,t.jsxs)("a",{href:d.author.link,className:`jsx-${e9.__hash}`,children:[d.author.name,d.author.verified_badge?(0,t.jsx)("i",{className:`jsx-${e9.__hash} fas fa-check-circle`}):(0,t.jsx)("i",{className:`jsx-${e9.__hash}`})]}),(0,t.jsx)(ea.f,{userToFollow:d.author}),(0,t.jsx)(es.f,{thread:d})]}),(0,t.jsxs)("div",{className:`jsx-${e9.__hash} date-comment-view`,children:[(0,t.jsx)("span",{className:`jsx-${e9.__hash} date`,children:(0,t.jsx)(G.f,{value:d.since,format:"DD/MM/YYYY HH:MM"})}),h&&(h.id===d.author.id||h.isModerator)&&(0,t.jsxs)("span",{className:`jsx-${e9.__hash} view`,children:["Lượt xem: ",(0,t.jsx)(K.f,{value:d.stats.view})]}),(0,t.jsxs)("span",{className:`jsx-${e9.__hash} comment`,children:["Phản hồi: ",(0,t.jsx)(K.f,{value:d.stats.comment})]}),d.stats.comment>=30?(0,t.jsx)("span",{className:`jsx-${e9.__hash} icon-hot`,children:(0,t.jsx)("img",{width:"21",src:"/static/images/icon-hot.png",alt:"",className:`jsx-${e9.__hash}`})}):(0,t.jsx)("span",{className:`jsx-${e9.__hash}`})]})]})})]})}),(0,t.jsxs)("div",{className:`jsx-${e9.__hash} info-block--right`,children:[(0,t.jsxs)("a",{href:`/editorv2/edit/${e||d.id}/`,className:`jsx-${e9.__hash} hide-on-mobile quick-tool-action`,children:[(0,t.jsx)("img",{src:e4.default,alt:"Edit",className:`jsx-${e9.__hash} icon icon-light-mode`}),(0,t.jsx)("img",{src:e1.default,alt:"Edit",className:`jsx-${e9.__hash} icon icon-dark-mode`})]}),(0,t.jsx)(el.f,{position:"left",title:(0,t.jsxs)("div",{className:`jsx-${e9.__hash} hide-on-mobile quick-tool-action`,children:[(0,t.jsx)("img",{src:e6.default,alt:"Share",className:`jsx-${e9.__hash} icon icon-light-mode`}),(0,t.jsx)("img",{src:e2.default,alt:"Share",className:`jsx-${e9.__hash} icon icon-dark-mode`})]}),menuItems:(0,t.jsxs)("div",{className:`jsx-${e9.__hash} share-buttons`,children:[(0,t.jsx)(eb.f,{thread:d}),(0,t.jsxs)("button",{onClick:()=>this.shareFBLink(d.link),className:`jsx-${e9.__hash} thread-fb-share`,children:[(0,t.jsx)(ej.f,{}),(0,t.jsx)("span",{className:`jsx-${e9.__hash}`,children:"Facebook"})]})]})}),(c.permissions.edit||h.isModerator)&&(0,t.jsxs)(B.Fragment,{children:[(0,t.jsxs)("button",{onClick:()=>this.setState({showOptionMenu:!g}),className:`jsx-${e9.__hash} quick-tool-action`,children:[(0,t.jsx)("img",{src:e8.default,alt:"Menu",className:`jsx-${e9.__hash} icon icon-light-mode`}),(0,t.jsx)("img",{src:e7.default,alt:"Menu",className:`jsx-${e9.__hash} icon icon-dark-mode`})]}),(0,t.jsx)("div",{className:`jsx-${e9.__hash} moderator-action`,children:h&&h.isModerator&&(0,t.jsxs)(B.Fragment,{children:[!1===[215,123].includes(d.forumId)&&d.prefixes&&d.prefixes.length>0&&(0,t.jsx)("a",{href:`https://tinhte.vn/threads/${d.id}/manage-list`,className:`jsx-${e9.__hash}`,children:(0,t.jsx)("button",{className:`jsx-${e9.__hash} moderator-action__button`,children:"Duyệt"})}),(0,t.jsx)("a",{href:`https://tinhte.vn/threads/${d.id}?_xfNoRedirect=1`,className:`jsx-${e9.__hash}`,children:(0,t.jsx)("span",{className:`jsx-${e9.__hash} switch-to-old-version`,children:"→"})})]})})]})]})]}),g&&(0,t.jsxs)("div",{className:`jsx-${e9.__hash} moderator-tool`,children:[(0,t.jsx)("button",{onClick:()=>this.setState({showOptionMenu:!g}),className:`jsx-${e9.__hash} close-moderator-tool`,children:(0,t.jsx)("i",{className:`jsx-${e9.__hash} fas fa-times`})}),(0,t.jsx)("div",{className:`jsx-${e9.__hash}`,children:(0,t.jsx)(ee.f,{threadId:d.id,forumId:d.forumId,thread:d,onSelected:()=>this.fetchThreads()})}),(0,t.jsxs)("div",{className:`jsx-${e9.__hash} thread-tools`,children:[(0,t.jsx)("a",{href:`/editorv2/edit/${e||d.id}/`,className:`jsx-${e9.__hash} thread-tool-action`,children:"Sửa bài"}),(0,t.jsx)("button",{onClick:this.openThreadPrefixModal,className:`jsx-${e9.__hash} thread-tool-action`,children:"Sửa tag"}),(0,t.jsx)("a",{href:`https://tinhte.vn/threads/${d.id}/move`,className:`jsx-${e9.__hash} thread-tool-action`,children:"Move"}),(0,t.jsx)("a",{href:`https://tinhte.vn/threads/${d.id}/manage-list`,className:`jsx-${e9.__hash} thread-tool-action`,children:"Duyệt"}),(0,t.jsx)("a",{href:`https://tinhte.vn/threads/${d.id}/attach-reserve`,className:`jsx-${e9.__hash} thread-tool-action`,children:"Event"}),!d.threadHasPoll&&(0,t.jsx)("a",{href:`https://tinhte.vn/threads/${d.id}/poll/add`,className:`jsx-${e9.__hash} thread-tool-action`,children:"Poll"}),(0,t.jsx)("a",{href:`https://tinhte.vn/threads/${d.id}/shareable-link`,className:`jsx-${e9.__hash} thread-tool-action`,children:"Link share"}),(0,t.jsx)("a",{href:`https://tinhte.vn/threads/${d.id}/livestream`,className:`jsx-${e9.__hash} thread-tool-action`,children:"Livestream"}),(0,t.jsx)("a",{href:`https://tinhte.vn/posts/${c.id}/delete`,className:`jsx-${e9.__hash} thread-tool-action`,children:"Xóa"}),(0,t.jsx)("a",{onClick:this.onReportClick,className:`jsx-${e9.__hash} thread-tool-action`,children:"Báo xấu"}),(0,t.jsx)("a",{href:`https://tinhte.vn/members/mem.${c.author.id}/warn-smart?content_type=post&content_id=${c.id}`,className:`jsx-${e9.__hash} thread-tool-action`,children:"Cảnh báo"}),h.isAdmin&&(0,t.jsx)("a",{href:`/thread-analytics/${d.id}`,className:`jsx-${e9.__hash} thread-tool-action`,children:"Analytics"}),h.isAdmin&&(0,t.jsx)("a",{href:`/thread-seo/${d.id}`,className:`jsx-${e9.__hash} thread-tool-action`,children:"SEO"})]})]}),d&&d.tableOfContent&&!d.isDeepTalkArticle&&(0,t.jsxs)("div",{className:`jsx-${e9.__hash} table-of-content ${d.isDeepTalkArticle&&"deeptalk"}`,children:[(0,t.jsxs)("div",{className:`jsx-${e9.__hash} table-header`,children:[(0,t.jsx)("p",{className:`jsx-${e9.__hash} table-header-text`,children:"Xem nhanh"}),(0,t.jsxs)("button",{onClick:this.hideOrShowTOC,className:`jsx-${e9.__hash} table-header-button`,children:[(0,t.jsx)("span",{className:`jsx-${e9.__hash} toggle-button`,children:$?"Ẩn":"Hiện"}),(0,t.jsx)("i",{className:`jsx-${e9.__hash} fas fa-angle-${$?"up":"down"}`})]})]}),$&&(0,t.jsx)("ol",{className:`jsx-${e9.__hash} content-list`,children:d.tableOfContent&&d.tableOfContent.length>0&&d.tableOfContent.map(e=>(0,t.jsx)("li",{className:`jsx-${e9.__hash}`,children:(0,t.jsx)("a",{href:`${A}#${e.id}`,className:`jsx-${e9.__hash}`,children:(0,t.jsx)("p",{className:`jsx-${e9.__hash} anchor ${e.type}`,children:e.heading})},e.id)}))})]}),d.image&&!D&&1===o&&(0,t.jsx)("div",{className:`jsx-${e9.__hash} thread-cover ${d.isDeepTalkArticle&&"deeptalk"}`,children:(0,t.jsx)("img",{src:d.image,alt:d.title,onClick:()=>this.onCoverImageClick(),className:`jsx-${e9.__hash} thread-cover__image`})}),x&&x.id?(0,t.jsx)(eu,{event:x}):(0,t.jsx)("div",{className:`jsx-${e9.__hash}`}),(0,t.jsx)(ep.f,{threadId:d.id}),d&&1===o&&(0,t.jsxs)(B.Fragment,{children:[(0,t.jsxs)("article",{className:`jsx-${e9.__hash} content ${d.isDeepTalkArticle?"deeptalk-content":""}`,children:[!c.isThreadBackground&&(0,t.jsx)(B.Fragment,{children:D?(0,t.jsx)(J.f,{thread:d}):(0,t.jsx)("div",{className:`jsx-${e9.__hash} ${d.isDeepTalkArticle?"deeptalk":""}`,children:(0,t.jsx)(W.f,{body:c.bodyHtml,author:c.author.name,isFirstPost:!0,isDeepTalkArticle:d.isDeepTalkArticle,noInArticleAds:d.isDeepTalkArticle,thread:d})})}),c.isThreadBackground&&(0,t.jsx)("div",{className:`jsx-${e9.__hash} thread-with-background-container`,children:(0,t.jsx)(Z.f,{firstPost:c})})]}),R&&(0,t.jsx)("div",{className:`jsx-${e9.__hash} livestream-game-container`,children:(0,t.jsx)(eo.f,{threadId:d.id,numberOfQuestion:10})}),d.isDeepTalkArticle&&(0,t.jsx)("div",{className:`jsx-${e9.__hash} deeptalk-intro-box`,children:(0,t.jsx)(eF,{})}),(0,t.jsx)(eL,{thread:d}),d.isTTBC&&(0,t.jsx)("div",{className:`jsx-${e9.__hash} ttbc-intro-box`,children:(0,t.jsx)(eV,{})}),d.isTTBC24&&(0,t.jsx)("div",{className:`jsx-${e9.__hash} ttbc-intro-box`,children:(0,t.jsx)(eW,{})}),d.isTTBC25&&(0,t.jsx)("div",{className:`jsx-${e9.__hash} ttbc-intro-box`,children:(0,t.jsx)(eK,{})}),N&&(0,t.jsx)(L.f,{mainSrc:C||z[y],nextSrc:C?null:z[(y+1)%z.length],prevSrc:C?null:z[(y+z.length-1)%z.length],onCloseRequest:()=>this.setState({showLightBox:!1,lightBoxImgSrc:null}),onMovePrevRequest:()=>this.setState({photoIndex:(y+z.length-1)%z.length}),onMoveNextRequest:()=>this.setState({photoIndex:(y+1)%z.length})})]})]}),(0,t.jsxs)("div",{className:`jsx-${e9.__hash} no-user-select below-first-post ${d.isDeepTalkArticle&&"deeptalk-below-first-post"}`,children:[(0,t.jsxs)("div",{className:`jsx-${e9.__hash} thread-actions`,children:[(0,t.jsxs)("div",{className:`jsx-${e9.__hash} thread-actions__left`,children:[(0,t.jsx)(ex.f,{commentMode:!1,totalReaction:S,post:c}),d.stats.comment>0&&(0,t.jsxs)("div",{className:`jsx-${e9.__hash}`,children:[(0,t.jsx)("span",{className:`jsx-${e9.__hash}`,children:(0,t.jsx)(K.f,{value:d.stats.comment})})," bình luận"]})]}),(0,t.jsxs)("div",{className:`jsx-${e9.__hash} thread-actions__right`,children:[c.permissions.edit&&(0,t.jsx)("div",{className:`jsx-${e9.__hash} moderator-action edit`,children:(0,t.jsx)(eM,{thread:this.state.thread||this.props.thread,threadId:e})}),(0,t.jsx)("div",{className:`jsx-${e9.__hash} more-button`,children:(0,t.jsx)(el.f,{position:"right",menuItems:(0,t.jsxs)(B.Fragment,{children:[(0,t.jsx)("button",{onClick:this.openThreadPrefixModal,className:`jsx-${e9.__hash} moderator-action`,children:(0,t.jsx)("div",{className:`jsx-${e9.__hash} moderator-action__button`,children:"Tag"})}),c.permissions.report&&(0,t.jsx)("a",{onClick:this.onReportClick,className:`jsx-${e9.__hash}`,children:(0,t.jsx)("div",{className:`jsx-${e9.__hash} moderator-action`,children:(0,t.jsx)("button",{className:`jsx-${e9.__hash} moderator-action__button`,children:"Báo xấu"})})}),h&&h.isModerator&&(0,t.jsx)("a",{href:`https://tinhte.vn/members/mem.${c.author.id}/warn-smart?content_type=post&content_id=${c.id}`,className:`jsx-${e9.__hash}`,children:(0,t.jsx)("div",{className:`jsx-${e9.__hash} moderator-action`,children:(0,t.jsx)("button",{className:`jsx-${e9.__hash} moderator-action__button`,children:"Cảnh báo"})})}),c.permissions.delete&&(0,t.jsx)("a",{href:`https://tinhte.vn/posts/${c.id}/delete`,className:`jsx-${e9.__hash}`,children:(0,t.jsx)("div",{className:`jsx-${e9.__hash} moderator-action`,children:(0,t.jsx)("button",{className:`jsx-${e9.__hash} moderator-action__button`,children:"Xóa"})})})]})})})]})]}),(0,t.jsxs)("div",{className:`jsx-${e9.__hash} thread-actions border`,children:[em.q.map(e=>(0,t.jsx)("div",{className:`jsx-${e9.__hash} thread-like`,children:(0,t.jsx)(ec.f,{commentMode:!1,post:c,onReact:this.onReact,reactionButtonId:e})},`${e}`)),(0,t.jsx)("button",{onClick:this.scrollToComment,className:`jsx-${e9.__hash} thread-comment`,children:(0,t.jsx)(ef.f,{})}),(0,t.jsx)("div",{onClick:this.onShareClick,className:`jsx-${e9.__hash} thread-share`,children:(0,t.jsx)(et.f,{thread:d,icon:(0,t.jsx)(q.f,{})})})]}),r&&r.title&&(0,t.jsx)("div",{className:`jsx-${e9.__hash} thread-view-promotion`,children:(0,t.jsx)(Q.f,{threadViewPromotion:r})}),(0,t.jsx)("br",{className:`jsx-${e9.__hash}`}),(0,t.jsx)(b.f,{slotName:ts.belowThreadView,mobilePageName:ti.threadViewMobileWeb,desktopPageName:ti.threadViewDesktopWeb,doNotLazyLoad:!0,showGDN:!0,customGdnComponent:(0,t.jsx)(B.Fragment,{children:(0,t.jsx)("div",{"data-cptid":"1562702_tinhte.vn_728x90",style:{width:728,height:90,display:"block"},className:`jsx-${e9.__hash}`,children:(0,t.jsx)("script",{dangerouslySetInnerHTML:{__html:`
                            window.gnshbrequest.cmd.push(function() {
                              window.gnshbrequest.applyPassback("1562702_tinhte.vn_728x90", "[data-cptid='1562702_tinhte.vn_728x90']");
                            });
                            `},className:`jsx-${e9.__hash}`})})}),options:{thread:d},checkShowAdsThreadView:!0}),(0,t.jsx)("div",{className:`jsx-${e9.__hash} trending-threads`,children:(0,t.jsx)(ei.f,{})}),!U.isMobile&&(0,t.jsxs)("div",{className:`jsx-${e9.__hash} hot-tags visible-sm`,children:[(0,t.jsx)("p",{className:`jsx-${e9.__hash} block-title`,children:"Xu hướng"}),(0,t.jsx)(I,{})]})]}),w&&(0,t.jsxs)("div",{ref:e=>{this.commentRef=e},className:`jsx-${e9.__hash} `+((d.isDeepTalkArticle?"deeptalk-comments":"")||""),children:[(0,t.jsx)(en.f,{ref:e=>{this.postReply=e},api:this.props.api,postToReply:c,user:h,addPost:this.addPost,position:"top",noReply:!0}),n&&n.length>0&&(0,t.jsx)(ed.f,{user:h,posts:n}),(0,t.jsx)("div",{className:`jsx-${e9.__hash} bottom-pagination`,children:l&&(0,t.jsx)(eN,{current:o,total:l.pages,position:"bottom",thread:d})}),n&&n.length>4&&(0,t.jsx)(en.f,{ref:e=>{this.postReply=e},api:this.props.api,postToReply:c,user:h,addPost:this.addPost,position:"bottom",noReply:!0})]}),!D&&!d.isDeepTalkArticle&&(0,t.jsx)(eC,{relatedThreads:s,threadId:d.id}),n&&n.length>4&&(0,t.jsx)(eA,{path:"Bottom"}),(0,t.jsx)(e5,{isOpen:P,handleCloseModal:this.handleCloseModal,user:h,thread:d})]}),(0,t.jsx)(X.f,{})]}),(0,t.jsx)(a.default,{id:e9.__hash,children:e9})]})}}let to=(0,v.f)(E.f.subscribe(n.f.ApiConsumer(tr),({threadUIViewPromotion:e})=>({threadViewPromotion:e})),{errorMsg:"Lỗi Thread trong Thread Theme"});var td=e.i(585378);let{SlotName:tn,PageName:tl}=m.f,th=(0,v.f)(n.f.ApiConsumer(({threadId:e,thread:i,currentAdsBlocks:r,forums:o,currentPage:d,relatedThreads:n,relatedCommunities:l,event:h})=>{let[c,x]=(0,s.useState)(i),p=!0;return r&&r.length>0&&r.forEach(e=>{("masthead_hero"===e.slot_name||"masthead_desktop"===e.slot_name)&&(p=!e.options||!0!==e.options.is_display_all_pages)}),(0,s.useEffect)(()=>{x({...i})},[i]),(0,t.jsxs)(s.Fragment,{children:[(0,t.jsx)(k.f,{blackHeader:c&&c.isDeepTalkArticle,headerSpecialLogo:c&&c.isDeepTalkArticle&&"/static/images/deeptalk_logo_white.png",headerSpecialUrl:c&&c.isDeepTalkArticle&&"/deeptalk",headerSpecialTitle:c&&c.isDeepTalkArticle&&"Deeptalk - Bài hay Tinhte.vn",mobileCompactMode:c&&c.isDeepTalkArticle}),(0,t.jsxs)("div",{className:`jsx-${M.__hash} threadpage ${c&&c.isDeepTalkArticle&&"deeptalk-thread"}`,children:[(0,t.jsxs)("div",{className:`jsx-${M.__hash} bg-white`,children:[c&&!c.isDeepTalkArticle&&(0,t.jsx)("br",{className:`jsx-${M.__hash}`}),c&&!c.isDeepTalkArticle&&(0,t.jsx)(b.f,{slotName:tn.mobileMasthead,pageName:tl.threadViewMobileWeb,doNotLazyLoad:!0,mobileOnly:!0,showGDN:c&&!c.isDeepTalkArticle,showGDNBothSize:!0,customGdnComponent:(0,t.jsx)($.f,{mobileOnly:!0,adsId:"kmd75j6t",minHeight:"calc(100vw/2)"}),options:{thread:c}}),p&&!c.isDeepTalkArticle&&(0,t.jsx)($.f,{desktopOnly:!0,adsId:"kmd69fot",minHeight:90}),c&&!c.isDeepTalkArticle&&(0,t.jsxs)(s.Fragment,{children:[(0,t.jsx)("br",{className:`jsx-${M.__hash}`}),(0,t.jsx)("br",{className:`jsx-${M.__hash}`})]})]}),(0,t.jsxs)("div",{className:`jsx-${M.__hash} section bg-white ${c&&c.isDeepTalkArticle&&"deeptalk-section"}`,children:[(0,t.jsx)("div",{className:`jsx-${M.__hash} fst ${c&&c.isDeepTalkArticle&&"deeptalk-fst"}`,children:(0,t.jsx)(to,{threadId:e,thread:c,posts:c.posts,links:c.pagination,forums:o,currentPage:d,relatedThreads:n,relatedCommunities:l,event:h})}),c&&!c.isDeepTalkArticle&&(0,t.jsxs)("div",{className:`jsx-${M.__hash} snd`,children:[(0,t.jsxs)("div",{className:`jsx-${M.__hash} hot-tags mobile-hidden`,children:[(0,t.jsx)("p",{className:`jsx-${M.__hash} block-title`,children:"Xu hướng"}),(0,t.jsx)(I,{})]}),(0,t.jsxs)("div",{className:`jsx-${M.__hash} recent-threads`,children:[(0,t.jsx)("p",{className:`jsx-${M.__hash} block-title`,children:"Bài mới"}),(0,t.jsx)(P,{})]}),(0,t.jsx)(b.f,{slotName:tn.mediumRectangle,mobilePageName:tl.homeMobileWeb,desktopPageName:tl.homeDesktopWeb,desktopOnly:!0,doNotLazyLoad:!0,showGDN:!0,customGdnComponent:(0,t.jsx)(N.f,{path:"Desktop_Forum_Right_1",size:[300,250],thread:c}),options:{thread:c},checkShowAdsThreadView:!0}),(0,t.jsx)("br",{className:`jsx-${M.__hash}`}),(0,t.jsx)("br",{className:`jsx-${M.__hash}`}),(0,t.jsx)($.f,{desktopOnly:!0,adsId:"kmd65c33"}),(0,t.jsx)($.f,{mobileOnly:!0,adsId:"kmd75yxs"}),(0,t.jsx)("br",{className:`jsx-${M.__hash}`}),(0,t.jsx)(b.f,{slotName:tn.halfPage1,mobilePageName:tl.homeMobileWeb,desktopPageName:tl.homeDesktopWeb,desktopOnly:!0,doNotLazyLoad:!0,showGDN:!0,customGdnComponent:(0,t.jsx)($.f,{adsId:"kmd6509n"}),options:{thread:c}}),(0,t.jsx)("br",{className:`jsx-${M.__hash}`}),(0,t.jsx)(b.f,{slotName:tn.halfPage2,mobilePageName:tl.homeMobileWeb,desktopPageName:tl.homeDesktopWeb,desktopOnly:!0,doNotLazyLoad:!0,showGDN:!0,customGdnComponent:(0,t.jsx)(N.f,{path:"Right_Banner_3",size:[300,600],thread:c}),options:{thread:c},checkShowAdsThreadView:!0}),(0,t.jsx)("br",{className:`jsx-${M.__hash}`}),(0,t.jsx)("div",{className:`jsx-${M.__hash}`,children:(0,t.jsx)("div",{"data-cptid":"1562704_tinhte.vn_300x250",style:{width:300,height:250,display:"block",margin:"0 auto"},className:`jsx-${M.__hash}`,children:(0,t.jsx)("script",{dangerouslySetInnerHTML:{__html:`
                        window.gnshbrequest.cmd.push(function() {
                          window.gnshbrequest.applyPassback("1562704_tinhte.vn_300x250", "[data-cptid='1562704_tinhte.vn_300x250']");
                        });
                      `},className:`jsx-${M.__hash}`})})}),(0,t.jsx)("br",{className:`jsx-${M.__hash}`}),(0,t.jsx)(td.f,{adsId:"pw_50016"}),(0,t.jsx)("br",{className:`jsx-${M.__hash}`}),(0,t.jsx)(td.f,{adsId:"pw_50015"})]})]})]}),(0,t.jsx)("br",{className:`jsx-${M.__hash}`}),(0,t.jsx)(w.f,{}),(0,t.jsx)(a.default,{id:M.__hash,children:M})]})}),{errorMsg:"Lỗi Thread Theme"});e.i(230184);var tc=e.i(937712);e.i(33536),e.i(974968);var tx=e.i(798591),tp=e.i(131254),tm=e.i(328515),tf=e.i(251533);let tb=new String(".display-linebreak.jsx-9ce21aa51612f655{white-space:pre-line;overflow-wrap:break-word}.no-comments.jsx-9ce21aa51612f655{text-align:center;padding:16px}.live-comments.jsx-9ce21aa51612f655{flex-direction:column-reverse;height:150px;padding:16px 16px 0;display:flex;overflow:auto}@media (width>=992px){.live-comments.jsx-9ce21aa51612f655{height:auto}}.comment-wrapper.jsx-9ce21aa51612f655{margin-bottom:16px;position:relative}.comment-wrapper.jsx-9ce21aa51612f655 .avatar{float:left;margin-right:12px}.comment-wrapper.jsx-9ce21aa51612f655 .comment.jsx-9ce21aa51612f655{margin-left:44px;font-size:15px}.comment-wrapper.jsx-9ce21aa51612f655 .comment.jsx-9ce21aa51612f655 .author.jsx-9ce21aa51612f655{color:var(--secondary-text)}.comment-wrapper.jsx-9ce21aa51612f655 .comment.jsx-9ce21aa51612f655 .author.jsx-9ce21aa51612f655 .name.jsx-9ce21aa51612f655{color:var(--primary-color)}.comment-wrapper.jsx-9ce21aa51612f655 .comment.jsx-9ce21aa51612f655 .content.jsx-9ce21aa51612f655{margin-top:3px}.comment-wrapper.jsx-9ce21aa51612f655:hover .menu-container .menu-trigger{display:block}.comment-wrapper.jsx-9ce21aa51612f655 .menu-container{position:absolute;top:0;right:0}.comment-wrapper.jsx-9ce21aa51612f655 .menu-container .menu-trigger{color:var(--secondary-text);font-size:13px;display:none}.comment-wrapper.jsx-9ce21aa51612f655 .thread-tool-menu__items.jsx-9ce21aa51612f655{text-align:left;width:100%;padding:6px 12px;display:block}");tb.__hash="9ce21aa51612f655";let tj=({api:e,commentsFromRedis:i,livestream:r,threadId:o,permissions:d})=>{let[n,l]=(0,s.useState)([]),c=(0,s.useRef)(2),x=(0,s.useRef)(null),p=(0,s.useRef)(null),m=e=>Array.isArray(e)?e.sort((e,t)=>e.createDate-t.createDate):[],f=()=>{null!=x&&null!=p&&x.current.scrollTop<p.current.offsetTop&&(()=>{if(e&&"number"==typeof c.current&&c.current){let t={thread_id:o,page:c.current};e.get({uri:"/tinhte/threads/posts",params:t}).then(e=>{let t=m((0,tm.Q)(e).posts);t&&t.length>0?(l(e=>[...m([...t,...e.splice(0,10)]),...e]),c.current=c.current+1):c.current=null}).catch(e=>console.log(e))}})()};return(0,s.useEffect)(()=>{l(m(i||[]))},[i]),(0,s.useEffect)(()=>{if(r){let e=(0,tx.io)(r.socketUrl,{transports:["websocket"],reconnectionDelayMax:5e3});e.on("connect",()=>{e.emit("join",r.socketJoinToken)}),e.on("new-message",e=>{let t=(0,tm.o)(e.post);l(e=>{let a=m([...e.splice(e.length-10,10),t]);return[...e,...a]})})}return x.current.addEventListener("scroll",(0,tp.default)(()=>{f()},1e3)),()=>x&&x.current&&x.current.removeEventListener("scroll",f)},[]),(0,t.jsxs)("div",{ref:x,className:`jsx-${tb.__hash} live-comments no-custom-scrollbar`,children:[n&&n.length<=0?(0,t.jsx)("div",{className:`jsx-${tb.__hash} no-comments`,children:"Đang tải bình luận"}):(0,t.jsxs)("div",{className:`jsx-${tb.__hash}`,children:[(0,t.jsx)("div",{ref:p,className:`jsx-${tb.__hash} marker`}),n.map(a=>{let s;return(0,t.jsxs)("div",{className:`jsx-${tb.__hash} comment-wrapper`,children:[(0,t.jsx)(tf.f,{src:a.author.avatar,alt:a.author.name,width:"32px",height:"32px",noBorder:!0}),(0,t.jsxs)("div",{className:`jsx-${tb.__hash} comment`,children:[(0,t.jsxs)("div",{className:`jsx-${tb.__hash} author`,children:[(0,t.jsx)("span",{className:`jsx-${tb.__hash} name`,children:a.author.name})," • ",(0,t.jsx)("span",{className:`jsx-${tb.__hash} time`,children:(s=new Date(1e3*a.createDate),(0,h.default)(s).calendar(null,{sameDay:"HH:mm",lastDay:"HH:mm [hôm qua]",lastWeek:"HH:mm ddd",sameElse:"HH:mm DD/MM/YYYY"}))})]}),(0,t.jsx)("div",{className:`jsx-${tb.__hash} content display-linebreak`,children:a.body})]}),d&&d.reply_bans&&(0,t.jsx)(el.f,{position:"right",menuItems:(0,t.jsx)("div",{className:`jsx-${tb.__hash} thread-tool-menu`,children:(0,t.jsx)("button",{onClick:()=>((t,a)=>{if(!e)return;let s=`/threads/${o}/reply-bans`;e.post({uri:s,params:{user_id:t}}).then(()=>F.c.success(`Đ\xe3 chặn b\xecnh luận của ${a}`))})(a.author.id,a.author.name),className:`jsx-${tb.__hash} thread-tool-menu__items`,children:"Chặn bình luận"})})})]},`${a.id}-${Math.random()}`)})," "]}),(0,t.jsx)(a.default,{id:tb.__hash,children:tb})]})};tj.defaultProps={commentsFromRedis:[].map(tm.o)},tj.apiFetchesWithAuth={commentsFromRedis:(e,{threadId:t})=>({uri:"/tinhte/threads/posts",params:{thread_id:t},success:e=>e.posts.map(tm.o)})};let tg=s.default.memo(n.f.ApiConsumer(tj));var t_=e.i(979021),tu=e.i(827808);let tv=new String('.live-comment-input.jsx-6fbee4b4e4512825{border-top:1px solid var(--primary-border);padding:16px}.live-comment-input.jsx-6fbee4b4e4512825:after{content:"";clear:both;display:block}.live-comment-input.jsx-6fbee4b4e4512825 .flex-wrapper.jsx-6fbee4b4e4512825{display:flex}.live-comment-input.jsx-6fbee4b4e4512825 .flex-wrapper.jsx-6fbee4b4e4512825 .avatar{flex:none;margin-right:12px}.live-comment-input.jsx-6fbee4b4e4512825 .comment-input{resize:none;background-color:var(--input-background);border-radius:8px;outline:none;width:100%;min-height:50px;padding:8px 12px;font-size:15px}.live-comment-input.jsx-6fbee4b4e4512825 .post-button.jsx-6fbee4b4e4512825{float:right;margin-top:12px}');tv.__hash="6fbee4b4e4512825";let tk=n.f.ApiConsumer(({api:e,user:i,threadId:r,permissions:o})=>{let[d,n]=(0,s.useState)(""),l=(0,t_.default)(async()=>{if(d&&d.trim()){n("");try{await void(e&&e.onAuthenticated(()=>{e.post({uri:"/tinhte/threads/posts",params:{thread_id:r,post_body:d}}).then().catch()}))}catch(e){console.log("Error in submit live comment",e)}}},100);return null==i?null:(0,t.jsxs)("div",{className:`jsx-${tv.__hash} live-comment-input`,children:[(0,t.jsxs)("div",{className:`jsx-${tv.__hash} flex-wrapper`,children:[(0,t.jsx)(tf.f,{src:i.avatar,alt:i.name,width:"32px",height:"32px",noBorder:!0}),(0,t.jsx)(tu.f,{className:"comment-input",placeholder:o.post?"Viết bình luận nào bạn ơi...":"Bình luận bị khoá",autoFocus:!0,disabled:!o.post,value:d,onChange:e=>{n(e.target.value)},onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),e.stopPropagation(),l())}})]}),(0,t.jsx)(a.default,{id:tv.__hash,children:tv})]})}),tw=new String("@media (width>=992px){.livestream-thread.jsx-2d69564c274b4dbb{height:calc(100vh - 88px);margin:auto;display:flex;overflow:hidden}.left.jsx-2d69564c274b4dbb{flex:1 1 0;overflow:auto}.right.jsx-2d69564c274b4dbb{flex-direction:column;width:280px;display:flex}}@media (width>=1024px){.right.jsx-2d69564c274b4dbb{width:400px}}.livestream-info.jsx-2d69564c274b4dbb{padding:0 16px 16px}@media (width>=992px){.livestream-info.jsx-2d69564c274b4dbb{padding:0 60px 30px}}.live-comment-wrapper.jsx-2d69564c274b4dbb{background-color:var(--grey-background);flex-direction:column;height:100%;display:flex}.title-container.jsx-2d69564c274b4dbb{align-items:center;margin-top:24px;margin-bottom:12px;display:flex}.live-onair.jsx-2d69564c274b4dbb{color:#fff;background-color:var(--color-alert-badge);text-transform:uppercase;border-radius:4px;margin-right:12px;padding:1px 12px;font-size:12px;font-weight:700}.title.jsx-2d69564c274b4dbb{font-size:24px;font-weight:700;line-height:32px}.sub-section.jsx-2d69564c274b4dbb{justify-content:space-between;margin-top:24px;margin-bottom:12px;display:flex}.author.jsx-2d69564c274b4dbb{display:flex}.author.jsx-2d69564c274b4dbb .author-name.jsx-2d69564c274b4dbb{color:var(--color-accent-dark);margin-bottom:6px;font-size:18px}.author.jsx-2d69564c274b4dbb .avatar.jsx-2d69564c274b4dbb{border:2px solid var(--color-accent-dark);border-radius:50%;width:40px;height:40px}.author.jsx-2d69564c274b4dbb .info.jsx-2d69564c274b4dbb{margin-left:12px}.stats.jsx-2d69564c274b4dbb{color:var(--text-light-2);align-items:center;margin-top:12px;margin-bottom:12px;display:flex}.stats.jsx-2d69564c274b4dbb .total-reactions{margin-right:0}.thread-actions.jsx-2d69564c274b4dbb{color:var(--text-light-2);flex-flow:wrap;justify-content:space-between;align-items:center;margin-top:24px;display:flex}.thread-actions.border.jsx-2d69564c274b4dbb{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:8px 0}.thread-actions__left.jsx-2d69564c274b4dbb,.thread-actions__right.jsx-2d69564c274b4dbb{flex-direction:row;align-items:center;display:flex}.thread-actions__right.jsx-2d69564c274b4dbb .moderator-action__button.jsx-2d69564c274b4dbb{margin-top:0}.thread-like.jsx-2d69564c274b4dbb,.thread-comment.jsx-2d69564c274b4dbb{background-color:var(--post-background);border-radius:4px;align-items:center;margin-right:12px;padding:10px;display:flex;position:relative}.thread-like.jsx-2d69564c274b4dbb svg,.thread-comment.jsx-2d69564c274b4dbb svg{display:block}.thread-comment.jsx-2d69564c274b4dbb svg{margin-right:10px}.thread-like_deco-left.jsx-2d69564c274b4dbb{background-color:var(--color-reward-green);border-top-right-radius:100%;border-bottom-right-radius:100%;width:6px;height:36px}.thread-like_deco-right.jsx-2d69564c274b4dbb{background-color:var(--color-reward-green);border-top-left-radius:100%;border-bottom-left-radius:100%;width:6px;height:36px}.thread-like__button.jsx-2d69564c274b4dbb{background-color:var(--post-background);color:var(--text-dark);border-top:2px solid var(--color-reward-green);border-bottom:2px solid var(--color-reward-green);border-radius:3px;outline:none;justify-content:center;align-items:center;margin-right:10px;font-size:.9rem;font-weight:600;display:flex}.thread-like__button.active.jsx-2d69564c274b4dbb{background-color:var(--color-accent-dark)}.thread-like__button.jsx-2d69564c274b4dbb i.jsx-2d69564c274b4dbb{margin-right:5px}.thread-like__button.active.jsx-2d69564c274b4dbb{background-color:var(--color-accent-dark);color:var(--text-light)}.thread-like_info.jsx-2d69564c274b4dbb{justify-content:center;align-items:center;margin-left:24px;margin-right:24px;display:flex}.thread-share-fact.jsx-2d69564c274b4dbb{margin-right:12px}.thread-share.jsx-2d69564c274b4dbb{background-color:var(--button-facebook);color:var(--text-light);border-radius:3px;outline:none;padding:10px;font-size:.9rem}.thread-share.jsx-2d69564c274b4dbb .fa.jsx-2d69564c274b4dbb{margin-right:6px}.thread-share-count.jsx-2d69564c274b4dbb{margin-right:6px;font-weight:700}.thread-tool-menu__items.jsx-2d69564c274b4dbb{padding:12px}.thread-tool-menu__items.jsx-2d69564c274b4dbb:hover{background-color:var(--hover-background)}");tw.__hash="2d69564c274b4dbb";let{SlotName:tN,PageName:t$}=m.f,ty=(0,v.f)(n.f.ApiConsumer(({api:r,thread:o})=>{let[d,n]=(0,s.useState)(null),[l,c]=(0,s.useState)(o.firstPost),[x,p]=(0,s.useState)(o.firstPost.reaction.total||0),[m,f]=(0,s.useState)({}),[b,j]=(0,s.useState)({});(0,s.useEffect)(()=>void(r&&r.onAuthenticated(()=>{r.getUserId()>0&&r.get("users/me").then(e=>{n((0,O.U)(e.user||{}))},()=>{})})),[]),(0,s.useEffect)(()=>{d&&r.onAuthenticated(()=>{r.get(`threads/${o.id}`).then(e=>{f((0,i.default)(e,"thread.permissions",{})),j((0,i.default)(e,"thread.first_post.permissions",{}))},()=>{})})},[d]);let g=Math.floor(Date.now()/1e3);return(0,t.jsxs)("div",{className:`jsx-${tw.__hash}`,children:[(0,t.jsx)(k.f,{}),(0,t.jsxs)("div",{className:`jsx-${tw.__hash} livestream-thread`,children:[(0,t.jsxs)("div",{className:`jsx-${tw.__hash} left no-custom-scrollbar`,children:[(0,t.jsx)(tc.f,{livestream:o.livestream}),(0,t.jsxs)("div",{className:`jsx-${tw.__hash} livestream-info`,children:[(0,t.jsxs)("div",{className:`jsx-${tw.__hash} title-container`,children:[o.livestream.end&&g<o.livestream.end&&(0,t.jsx)("span",{className:`jsx-${tw.__hash} live-onair`,children:"Live"}),(0,t.jsx)("h1",{className:`jsx-${tw.__hash} title`,children:o.title})]}),(0,t.jsxs)("div",{className:`jsx-${tw.__hash} sub-section`,children:[(0,t.jsxs)("a",{href:o.author.link,className:`jsx-${tw.__hash} author`,children:[(0,t.jsx)("img",{src:o.author.avatar,alt:o.author.name,className:`jsx-${tw.__hash} avatar`}),(0,t.jsxs)("div",{className:`jsx-${tw.__hash} info`,children:[(0,t.jsx)("div",{className:`jsx-${tw.__hash} author-name`,children:o.author.name}),(0,t.jsxs)("div",{className:`jsx-${tw.__hash} since`,children:["Livestream vào lúc ",(0,h.default)(1e3*o.livestream.since).format("DD/MM/YYYY HH:mm:ss")]})]})]}),(0,t.jsx)("div",{className:`jsx-${tw.__hash}`,children:(0,t.jsx)(el.f,{position:"right",menuItems:(0,t.jsxs)("div",{className:`jsx-${tw.__hash} thread-tool-menu`,children:[b&&b.edit&&(0,t.jsx)("div",{className:`jsx-${tw.__hash} thread-tool-menu__items`,children:(0,t.jsx)("a",{href:`/editorv2/edit/${o.id}`,className:`jsx-${tw.__hash}`,children:"Sửa bài"})}),d&&d.isModerator&&(0,t.jsx)("div",{className:`jsx-${tw.__hash} thread-tool-menu__items`,children:(0,t.jsx)("a",{href:`/threads/${o.id}/manage-list`,className:`jsx-${tw.__hash}`,children:"Duyệt bài"})}),d&&d.isModerator&&(0,t.jsx)("div",{className:`jsx-${tw.__hash} thread-tool-menu__items`,children:(0,t.jsx)("a",{href:`/threads/${o.id}/livestream`,className:`jsx-${tw.__hash}`,children:"Chỉnh sửa livestream"})})]})})})]}),(0,t.jsx)(W.f,{body:l.bodyHtml,author:l.author.name}),(0,t.jsx)("div",{className:`jsx-${tw.__hash}`,children:(0,t.jsxs)("div",{className:`jsx-${tw.__hash} stats`,children:[(0,t.jsx)(ex.f,{commentMode:!1,totalReaction:x,post:l}),o.stats.comment>0&&(0,t.jsxs)("span",{className:`jsx-${tw.__hash}`,children:[" • ",(0,t.jsx)(K.f,{value:o.stats.comment})," bình luận"]})]})}),(0,t.jsxs)("div",{className:`jsx-${tw.__hash} thread-actions border`,children:[(0,t.jsx)("div",{className:`jsx-${tw.__hash} thread-actions__left`,children:(0,t.jsx)("div",{className:`jsx-${tw.__hash} thread-like`,children:(0,t.jsx)(ec.f,{commentMode:!1,post:l,onReact:(e,t,a)=>{let s={...l},i=x;e===em.U.Up&&(i=x+1,s.reaction.postReactions[t]=s.reaction.postReactions[t]+1,s.reaction.userReactionId=t),e===em.U.Down&&(i=x-1,s.reaction.postReactions[a]=s.reaction.postReactions[a]-1,s.reaction.userReactionId=null),e===em.U.Neutral&&(s.reaction.postReactions[a]=s.reaction.postReactions[a]-1,s.reaction.postReactions[t]=s.reaction.postReactions[t]+1,s.reaction.userReactionId=t),c(s),p(i)},noManualWidth:!0})})}),(0,t.jsxs)("div",{className:`jsx-${tw.__hash} thread-actions__right`,children:[(0,t.jsx)("div",{className:`jsx-${tw.__hash} thread-share-fact`,children:(0,t.jsx)(eb.f,{thread:o})}),(0,t.jsxs)("button",{onClick:()=>{var t;return t=o.link,void(e.g.FB&&FB.ui({method:"share",display:"popup",href:t},e=>{console.log("share to facebook",e)}),r.onAuthenticated(()=>{let e=new H.U(r),t=[{key:"thread_id",value:o.id}];e.trackEvent(V.f.ThreadView_Share_Facebook_Click,r.getUserId(),t)}))},className:`jsx-${tw.__hash} thread-share`,children:[(0,t.jsx)("i",{className:`jsx-${tw.__hash} fa fa-share`}),(0,t.jsx)("span",{className:`jsx-${tw.__hash}`,children:"Facebook"})]})]})]})]})]}),(0,t.jsx)("div",{className:`jsx-${tw.__hash} right no-custom-scrollbar`,children:(0,t.jsxs)("div",{className:`jsx-${tw.__hash} live-comment-wrapper`,children:[(0,t.jsx)(tg,{livestream:o.livestream,threadId:o.id,permissions:m}),(0,t.jsx)(tk,{user:d,threadId:o.id,permissions:m})]})})]}),(0,t.jsx)(a.default,{id:tw.__hash,children:tw})]})}),{errorMsg:"Lỗi livestream"}),tT=new String(".masthead-selector-container.jsx-beae9ddd942f63e2{background-color:var(--light-background-2);justify-content:center;align-items:center;padding:6px;display:flex}@media (width<=767px){.masthead-selector-container.jsx-beae9ddd942f63e2{display:none}}.masthead-selector.jsx-beae9ddd942f63e2{border:2px solid var(--color-accent-dark);border-radius:4px;margin-left:12px;padding:10px}");tT.__hash="beae9ddd942f63e2";var tC=e.i(519088),tS=e.i(437994);let tP=new String(".thread-view__container.jsx-95164c14d01addb5{background-color:var(--page-background);padding:15px}.thread-view__container.jsx-95164c14d01addb5 .thread-react.jsx-95164c14d01addb5{align-items:center;gap:var(--gap-thread-action);justify-content:space-between;margin-top:12px;display:flex}.thread-view__container.jsx-95164c14d01addb5 .thread-react.jsx-95164c14d01addb5 .react-item.jsx-95164c14d01addb5{align-items:center;gap:4px;font-size:12px;line-height:20px;display:flex}.thread-view__container.jsx-95164c14d01addb5 .thread-react.jsx-95164c14d01addb5 .separate.jsx-95164c14d01addb5{color:var(--secondary-text);font-size:14px}.thread-view__container.jsx-95164c14d01addb5 .thread-react.jsx-95164c14d01addb5 .reacted-text.jsx-95164c14d01addb5{color:var(--primary-color);font-weight:700}.thread-view__container.jsx-95164c14d01addb5 .reactions{width:unset}.thread-view__container.jsx-95164c14d01addb5 .reactions .icon{margin-right:0}.thread-view__container.jsx-95164c14d01addb5 .reactions .reaction-text{display:none}.comment-reply.jsx-95164c14d01addb5{background-color:var(--page-background);z-index:100;flex-direction:column;display:flex;position:fixed;inset:0}.comment-reply.jsx-95164c14d01addb5 .reply-head.jsx-95164c14d01addb5{border-bottom:1px solid var(--light-grey-background);color:var(--text-dark);align-items:center;gap:10px;padding:16px;font-size:20px;font-weight:600;line-height:28px;display:flex}.comment-reply.jsx-95164c14d01addb5 .reply-head.jsx-95164c14d01addb5 .btn-close.jsx-95164c14d01addb5{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.comment-reply.jsx-95164c14d01addb5 .reply-input{resize:none;flex:1;padding-top:4px}.comment-reply.jsx-95164c14d01addb5 .reply-input:focus-visible{outline:none}.comment-reply.jsx-95164c14d01addb5 .btn-submit-reply.jsx-95164c14d01addb5{color:#fff;background-color:#3280f6;border-radius:16px;justify-content:center;align-items:center;height:32px;margin:0 10px 16px;font-size:14px;font-weight:600;line-height:20px;transition:bottom .3s;display:flex;position:absolute;bottom:0;left:0;right:0}");tP.__hash="95164c14d01addb5";var tD=e.i(490839);let tR=new String(".header.jsx-f9974b8048f4ad4c{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}");tR.__hash="f9974b8048f4ad4c";var tz=e.i(618646);let tA=({thread:e,changeTheme:s})=>(0,t.jsxs)("div",{className:`jsx-${tR.__hash} header`,children:[(0,t.jsx)(tD.f,{user:e.author,thread:e,userRank:e.firstPost.posterRank.rankName,postedSince:e.since}),(0,t.jsx)(tz.f,{thread:e,changeTheme:s}),(0,t.jsx)(a.default,{id:tR.__hash,children:tR})]});var tI=e.i(158586);let tM=new String(".comment-box.jsx-a04700727b0b2445{background-color:var(--page-background);margin:2px 0;padding:16px 10px;display:flex}.comment-box.jsx-a04700727b0b2445 .comment-input-initial{height:unset!important}.comment-box.jsx-a04700727b0b2445 .comment-input{resize:none;flex:1;padding:4px 12px 0}.comment-box.jsx-a04700727b0b2445 .comment-input:focus-visible{outline:none}.comment-box.jsx-a04700727b0b2445 .btn-submit.jsx-a04700727b0b2445{color:#fff;background-color:#3280f6;border-radius:16px;align-items:center;height:32px;padding:0 16px;font-size:14px;font-weight:600;line-height:20px;display:flex}.comment-box.jsx-a04700727b0b2445 .btn-submit-disabled.jsx-a04700727b0b2445{opacity:.5}");tM.__hash="a04700727b0b2445";let tB=({onComment:e,user:i,initialText:r,isEdit:o})=>{let[d,n]=(0,s.useState)(""),[l,h]=(0,s.useState)(!1),c=(0,s.useMemo)(()=>!d.trim(),[d]),x=(0,s.useCallback)(()=>{c||(e(d),n(""))},[c,d]);return(0,s.useEffect)(()=>{r&&n(r)},[r]),(0,t.jsxs)("div",{className:`jsx-${tM.__hash} comment-box`,children:[i&&(0,t.jsx)(tf.f,{src:i.avatar,alt:i.name,profile:i.link,noScale:!0}),(0,t.jsx)(tu.f,{className:`comment-input ${!l?"comment-input-initial":""}`,value:d,minRows:1,maxRows:4,placeholder:"Bạn nghĩ gì về chủ đề này?",onChange:e=>n(e.target.value),onHeightChange:()=>h(!0)}),(0,t.jsx)("button",{onClick:x,className:`jsx-${tM.__hash} btn-submit ${c?"btn-submit-disabled":""}`,children:o?"Lưu":"Gửi"}),(0,t.jsx)(a.default,{id:tM.__hash,children:tM})]})};var tF=e.i(532123),tE=s;let tL=new String(".thread-report.jsx-455cb366028dc040{background-color:var(--thread-report-background);border:1px solid var(--thread-report-border);border-radius:3px;width:100%;margin-top:1rem;padding:1rem;position:relative}.thread-report__title.jsx-455cb366028dc040{color:#f79500;margin:0 1rem 0 0;font-size:14px;font-weight:700}.thread-report__reasons.jsx-455cb366028dc040{align-items:center;margin-top:1rem;display:flex;position:relative}.title.jsx-455cb366028dc040{flex:4rem;margin-right:1rem}.reason.jsx-455cb366028dc040{width:100%;color:var(--text-always-black);background-color:#f5e8d7;border-radius:5px;outline:none;flex-grow:1;padding:5px 1rem}.thread-report__submit.jsx-455cb366028dc040{text-align:right;width:100%}.button.jsx-455cb366028dc040{color:#8e8e8e;background-color:#f5e8d7;border-radius:4px;outline:none;margin-top:1rem;padding:5px 2rem}.button.active.jsx-455cb366028dc040{color:#fff;background-color:#f79500;border-radius:4px;outline:none;margin-top:1rem;padding:5px 2rem}@media (width<=600px){.thread-report__reasons.jsx-455cb366028dc040{display:inline-block}.thread-report__reasons.jsx-455cb366028dc040 .title.jsx-455cb366028dc040{margin-bottom:5px}}");tL.__hash="455cb366028dc040";class tU extends tE.default.Component{constructor(e){super(e),this.state={reportMessage:""},this.toggleReportPost=this.toggleReportPost.bind(this),this.reportMessageComposing=this.reportMessageComposing.bind(this)}reportMessageComposing(e){this.setState({reportMessage:e.target.value})}async toggleReportPost(){let{api:e,post:t}=this.props,{reportMessage:a}=this.state;try{let s=await (0,te.U)(e,t,a);this.props.reportPost(s)}catch(e){}}render(){let{reportMessage:e}=this.state;return(0,t.jsxs)("div",{className:`jsx-${tL.__hash} `,children:[(0,t.jsxs)("div",{className:`jsx-${tL.__hash} thread-report`,children:[(0,t.jsx)("p",{className:`jsx-${tL.__hash} thread-report__title`,children:"Thông báo bài xấu"}),(0,t.jsxs)("div",{className:`jsx-${tL.__hash} thread-report__reasons`,children:[(0,t.jsx)("p",{className:`jsx-${tL.__hash} title`,children:"Lý do:"}),(0,t.jsxs)("select",{onChange:e=>this.reportMessageComposing(e),className:`jsx-${tL.__hash} reason`,children:[(0,t.jsx)("option",{value:"",className:`jsx-${tL.__hash}`,children:"-- Chọn lý do --"}),(0,t.jsx)("option",{value:"Tiếng Việt không dấu",className:`jsx-${tL.__hash}`,children:"Tiếng Việt không dấu"}),(0,t.jsx)("option",{value:"Nội dung vi phạm nội quy",className:`jsx-${tL.__hash}`,children:"Nội dung vi phạm nội quy"}),(0,t.jsx)("option",{value:"Cố tình spam, làm loãng hoặc phá hỏng chủ đề của thành viên khác",className:`jsx-${tL.__hash}`,children:"Cố tình spam, làm loãng hoặc phá hỏng chủ đề của thành viên khác"}),(0,t.jsx)("option",{value:"Từ ngữ không tinh tế hay thô tục",className:`jsx-${tL.__hash}`,children:"Từ ngữ không tinh tế hay thô tục"}),(0,t.jsx)("option",{value:"Vi phạm bản quyền phần mềm",className:`jsx-${tL.__hash}`,children:"Vi phạm bản quyền phần mềm"}),(0,t.jsx)("option",{value:"Nôi dung liên quan hay bàn về chính trị",className:`jsx-${tL.__hash}`,children:"Nôi dung liên quan hay bàn về chính trị"}),(0,t.jsx)("option",{value:"Kích động, cố tình gây cãi nhau",className:`jsx-${tL.__hash}`,children:"Kích động, cố tình gây cãi nhau"}),(0,t.jsx)("option",{value:"Phá hoại chủ đề",className:`jsx-${tL.__hash}`,children:"Phá hoại chủ đề"}),(0,t.jsx)("option",{value:"Spam/Quảng cáo",className:`jsx-${tL.__hash}`,children:"Spam/Quảng cáo"}),(0,t.jsx)("option",{value:"Bóc tem, xé tem",className:`jsx-${tL.__hash}`,children:"Bóc tem, xé tem"}),(0,t.jsx)("option",{value:"Cố tình chửi nhau, xúc phạm nhau",className:`jsx-${tL.__hash}`,children:"Cố tình chửi nhau, xúc phạm nhau"})]})]}),(0,t.jsxs)("div",{className:`jsx-${tL.__hash} thread-report__reasons`,children:[(0,t.jsx)("p",{className:`jsx-${tL.__hash} title`,children:"Khác:"}),(0,t.jsx)("input",{type:"text",placeholder:"Nhập lý do khác tại đây",onChange:e=>this.reportMessageComposing(e),className:`jsx-${tL.__hash} reason`})]}),(0,t.jsx)("div",{className:`jsx-${tL.__hash} thread-report__submit`,children:e?(0,t.jsx)("button",{onClick:this.toggleReportPost,className:`jsx-${tL.__hash} button active`,children:"Gửi"}):(0,t.jsx)("button",{disabled:!0,className:`jsx-${tL.__hash} button`,children:"Gửi"})})]}),(0,t.jsx)(a.default,{id:tL.__hash,children:tL})]})}}var tO=e.i(210147);let tH=new String(".post-item__container.jsx-99835176ff4e17f9{background-color:var(--page-background);padding:15px}.post-item__container.jsx-99835176ff4e17f9+.post-item__container.jsx-99835176ff4e17f9{margin-top:2px}.post-item__container.jsx-99835176ff4e17f9 .post-body.jsx-99835176ff4e17f9{padding-left:40px}.post-item__container.jsx-99835176ff4e17f9 .post-body.jsx-99835176ff4e17f9 .comment-box{border:1px solid var(--border-light);border-radius:10px}.post-item__container.jsx-99835176ff4e17f9 .fact-images{height:192px;padding-left:40px}.post-item__container.jsx-99835176ff4e17f9 .thread-react.jsx-99835176ff4e17f9{align-items:center;gap:var(--gap-thread-action);margin-top:12px;margin-left:40px;display:flex}.post-item__container.jsx-99835176ff4e17f9 .thread-react.jsx-99835176ff4e17f9 .react-item.jsx-99835176ff4e17f9{align-items:center;gap:4px;font-size:12px;line-height:20px;display:flex}.post-item__container.jsx-99835176ff4e17f9 .thread-react.jsx-99835176ff4e17f9 .react-item.jsx-99835176ff4e17f9 .reacted-text.jsx-99835176ff4e17f9{color:var(--primary-color);font-weight:700}.post-item__container.jsx-99835176ff4e17f9 .thread-react.jsx-99835176ff4e17f9 .separate.jsx-99835176ff4e17f9{color:var(--secondary-text);font-size:14px}.post-item__container.jsx-99835176ff4e17f9 .reactions{width:unset}.post-item__container.jsx-99835176ff4e17f9 .reactions .icon{margin-right:0}.post-item__container.jsx-99835176ff4e17f9 .reactions .reaction-text{display:none}.post-item__container.jsx-99835176ff4e17f9 .replies.jsx-99835176ff4e17f9{border-left:1px solid var(--border-light);margin-top:12px;margin-left:40px}.post-item__container.jsx-99835176ff4e17f9 .replies.jsx-99835176ff4e17f9 .post-item__container.jsx-99835176ff4e17f9{padding-right:0}.post-item__container.jsx-99835176ff4e17f9 .replies.jsx-99835176ff4e17f9 .btn-more.jsx-99835176ff4e17f9{color:var(--color-accent-dark);padding:0 15px;font-size:.8rem}");tH.__hash="99835176ff4e17f9";let tV=new String(".header.jsx-d4c7ef87160ef1fa{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}");tV.__hash="d4c7ef87160ef1fa";let tq=({post:e,renderMenu:s})=>(0,t.jsxs)("div",{className:`jsx-${tV.__hash} header`,children:[(0,t.jsx)(tD.f,{user:e.author,userRank:e.posterRank.rankName,postedSince:e.since}),s(),(0,t.jsx)(a.default,{id:tV.__hash,children:tV})]});var tW=e.i(661655),tG=e.i(314390);let tX=({post:e,user:i,api:r,onReply:o})=>{let[d,n]=(0,s.useState)(!1),[l,h]=(0,s.useState)(!1),[c,x]=(0,s.useState)(!1),[p,m]=(0,s.useState)([]),[f,b]=(0,s.useState)(e),j=(0,s.useCallback)(()=>{o(f)},[f]),g=(e,t,a)=>{b(s=>{let i=s.reaction.total;return e===em.U.Up&&(i+=1,s.reaction.postReactions[t]=s.reaction.postReactions[t]+1,s.reaction.userReactionId=t),e===em.U.Down&&(i-=1,s.reaction.postReactions[a]=s.reaction.postReactions[a]-1,s.reaction.userReactionId=null),e===em.U.Neutral&&(s.reaction.postReactions[a]=s.reaction.postReactions[a]-1,s.reaction.postReactions[t]=s.reaction.postReactions[t]+1,s.reaction.userReactionId=t),s.reaction.total=i,{...s}})},_=(0,s.useCallback)(t=>{t&&fetch(t).then(e=>e.json()).then(a=>{let s=[...p],i=[];a&&a.parent_post&&a.parent_post&&a.parent_post.post_replies&&a.parent_post.post_replies.map((t,r)=>{if(t.post_id){let r=a.replies.find(e=>e.post_id===t.post_id);r&&-1===s.findIndex(e=>e.id===r.post_id)&&i.push((0,tW.U)(r,e.thread))}else if(0===r){let e=s.findIndex(e=>e.id===t.from),a=s.findIndex(e=>e.id===t.to);(-1===e||-1===a)&&i.push(t)}return!0});let r=s.findIndex(e=>e.link===t);r>-1&&s.splice(r,1,...i),m(s)})},[p]),u=(0,s.useCallback)(()=>{h(e=>!e)},[]),v=(0,s.useCallback)(()=>{x(e=>!e)},[]),k=(0,s.useCallback)(()=>{(0,te._)(r,f.id).then(e=>{e.errors?F.c.error(e.errors):F.c.success("Báo xấu thành công")}).catch(e=>{F.c.error(e)})},[]),w=(0,s.useCallback)(()=>(0,t.jsxs)("div",{className:"thread-controls",children:[f&&(f.permissions.edit||f.permissions.delete||f.permissions.report)&&(0,t.jsx)(el.f,{position:"right",menuItems:(0,t.jsxs)(s.Fragment,{children:[f.permissions.edit&&(0,t.jsx)("button",{onClick:u,children:"Sửa"}),f.permissions.delete&&(0,t.jsx)("button",{onClick:v,children:"Xoá"}),f.permissions.report&&f.reported?(0,t.jsx)("button",{className:"dropdown-action disabled",children:"Đã báo xấu"}):d?(0,t.jsx)("button",{className:"dropdown-action selected",onClick:k,children:(0,t.jsx)("span",{children:"Hủy"})}):(0,t.jsx)("button",{onClick:k,children:"Báo xấu"}),i&&i.id&&(i.isAdmin||i.isModerator)&&(0,t.jsx)("a",{href:`https://tinhte.vn/spam-cleaner/${f.author.id}/`,children:(0,t.jsx)("span",{children:"Spam"})}),i&&i.id&&(i.isAdmin||i.isModerator)&&(0,t.jsx)("a",{href:`https://tinhte.vn/members/mem.${f.author.id}/warn-smart?content_type=post&content_id=${f.id}`,children:(0,t.jsx)("span",{children:"Cảnh báo"})})]})}),f.isDeleted&&(0,t.jsx)(tF.f,{className:"deleted-marker"})]}),[f,k,v,u,d]),N=(0,s.useCallback)(t=>{let a=t,s=(0,tG.E)(e.body);s&&s.length>0&&s.forEach(e=>{a=`${e}
${a}`});let i=new URLSearchParams;i.append("thread_id",e.thread.id),i.append("post_body",a),r.put({uri:`posts/${e.id}`,body:i}).then(t=>{t.errors&&F.c.error(t.errors);let a=(0,tW.U)(t.post,e.thread);a.postReplyTo=e.postReplyTo,b(a),h(!1)}).catch(e=>{F.c.error(e),h(!1)})},[]);return((0,s.useEffect)(()=>{e.postRepliesDetail&&m(e.postRepliesDetail)},[e.postRepliesDetail]),(0,s.useEffect)(()=>{e&&b(e)},[e]),f.isFirstPost||f.isDeleted)?null:(0,t.jsxs)("div",{className:`jsx-${tH.__hash} post-item__container`,children:[(0,t.jsx)(tq,{post:f,renderMenu:w}),(0,t.jsx)("div",{className:`jsx-${tH.__hash} post-body`,children:l?(0,t.jsx)(tB,{isEdit:!0,initialText:f.bodyPlain,onComment:N}):(0,t.jsx)(W.f,{body:f.bodyHtml,author:f.author.name})}),(0,t.jsx)(tI.f,{post:f,noBorderRadius:!0}),(0,t.jsxs)("div",{className:`jsx-${tH.__hash} thread-react`,children:[em.q.map(e=>{let a=f&&f.reaction&&f.reaction.userReactionId===e,i=f&&f.reaction&&f.reaction.postReactions[e]||0;return(0,t.jsx)(s.Fragment,{children:(0,t.jsxs)("div",{className:`jsx-${tH.__hash} react-item`,children:[(0,t.jsx)(ec.f,{commentMode:!1,post:f,onReact:g,reactionButtonId:e}),(0,t.jsx)("span",{className:`jsx-${tH.__hash} ${a?"reacted-text":""}`,children:i})]})},`${e}`)}),(0,t.jsx)("button",{onClick:j,className:`jsx-${tH.__hash} react-item`,children:(0,t.jsx)(ef.f,{})}),(l||c||d)&&(0,t.jsx)(s.Fragment,{children:(0,t.jsx)("button",{onClick:()=>{x(!1),h(!1),n(!1)},className:`jsx-${tH.__hash} react-item`,children:"Huỷ"})})]}),d&&(0,t.jsx)(tU,{api:r,post:f,user:i,reportPost:b}),c&&(0,t.jsx)(tO.f,{api:r,post:f,user:i,deletePost:b}),p.length>0&&(0,t.jsx)("div",{className:`jsx-${tH.__hash} replies`,children:p.map(e=>e.id?e.isIgnored?null:(0,t.jsx)(tX,{post:e,user:i,api:r,onReply:o},e.id):(0,t.jsxs)("button",{onClick:()=>_(e.link),className:`jsx-${tH.__hash} btn-more`,children:["Xem thêm ",e.post_reply_count," trả lời cũ hơn..."]},`${e.from}-${e.to}`))}),(0,t.jsx)(a.default,{id:tH.__hash,children:tH})]})},tY=n.f.ApiConsumer(({thread:i,api:r,changeTheme:o})=>{let{isKeyboardVisible:d,keyboardOffset:n}=(()=>{let[e,t]=(0,s.useState)(!1),[a,i]=(0,s.useState)(0);return(0,s.useEffect)(()=>{let e=()=>{if(window.visualViewport){let{height:e,offsetTop:a}=window.visualViewport,s=window.innerHeight;e<s?(t(!0),i(s-e-a)):(t(!1),i(0))}};return window.visualViewport&&(window.visualViewport.addEventListener("resize",e),window.visualViewport.addEventListener("scroll",e),e()),()=>{window.visualViewport&&(window.visualViewport.removeEventListener("resize",e),window.visualViewport.removeEventListener("scroll",e))}},[]),{isKeyboardVisible:e,keyboardOffset:a}})(),[l,h]=(0,s.useState)(),[x,p]=(0,s.useState)(!1),[m,f]=(0,s.useState)(null),[b,j]=(0,s.useState)(""),[g,_]=(0,s.useState)(i),u=(0,s.useMemo)(()=>!b.trim(),[b]),v=(0,s.useCallback)(e=>{if(!x){p(!0);let t=new window.FormData;t.append("thread_id",i.id),t.append("post_body",e),r.post({uri:"posts",body:t}).then(({post:e,errors:t})=>{t&&F.c.error(t),p(!1);let a=(0,tW.U)(e,i);_(e=>({...e,posts:[a,...e.posts]}))}).catch(e=>{p(!1),F.c.error(e)})}console.log(e)},[]),k=(e,t,a)=>{_(s=>{let i=s.firstPost.reaction.total;return e===em.U.Up&&(i+=1,s.firstPost.reaction.postReactions[t]=s.firstPost.reaction.postReactions[t]+1,s.firstPost.reaction.userReactionId=t),e===em.U.Down&&(i-=1,s.firstPost.reaction.postReactions[a]=s.firstPost.reaction.postReactions[a]-1,s.firstPost.reaction.userReactionId=null),e===em.U.Neutral&&(s.firstPost.reaction.postReactions[a]=s.firstPost.reaction.postReactions[a]-1,s.firstPost.reaction.postReactions[t]=s.firstPost.reaction.postReactions[t]+1,s.firstPost.reaction.userReactionId=t),s.firstPost.reaction.total=i,{...s,firstPost:{...s.firstPost}}})},w=(0,s.useCallback)(()=>{g.pagination.next&&r.get({uri:g.pagination.next,headers:{"Api-Post-Tree":1}}).then(e=>{let{posts:t,links:a}=e,s=(0,tW.e)(g,t.map(e=>(0,tW.U)(e,g))).reverse(),i=(0,tS.default)([...g.posts||[],...s],"id"),r={...g};r.posts=i,r.pagination=a,_(r)})},[g]),N=(0,s.useCallback)(e=>{l&&(f(e),j(""))},[l]),$=(0,s.useCallback)(()=>{if(!u){let e={thread_id:g.id,post_body:b,quote_post_id:m.id};r.post({uri:"posts",params:e}).then(({post:e,errors:t})=>{t&&F.c.error(t),f(null);let a=(0,tW.U)(e,m.thread);a.postReplyTo=m.id,_(e=>({...e,posts:e.posts.map(e=>{if(e.id===m.id)return e.postRepliesDetail.unshift(a),{...e};let t=!1;return(e.postRepliesDetail.forEach((s,i)=>{a.postReplyTo===s.id&&(t=!0,e.postRepliesDetail.splice(i+1,0,a))}),t)?{...e}:e})}))}).catch(e=>{F.c.error(e)})}},[g.id,m,b,u]);return(0,s.useEffect)(()=>{U.isMobile&&r.onAuthenticated(()=>{if(r&&r.getUserId()&&r.get("users/me").then(e=>{h((0,O.U)(e.user||{}))}).catch(e=>{console.log("#a7148f Fetching user error: ",e)}),i){let e={thread_id:i.id,page:1,fields_include:"*,review_extra_data"};r.get({uri:"/posts",params:e,headers:{"Api-Post-Tree":1}}).then(e=>{var t;let a,s=e.posts?e.posts:[],o=e.links?e.links:{};t=i.id,a=`/threads/${t}`,r.get({uri:a,params:{fields_include:"*,review_extra_data"}}).then(e=>{let t=e.thread?e.thread:{};t.posts=s,t.pagination=o,_({...(0,c.U)(t)})})})}})},[]),(0,t.jsxs)(s.Fragment,{children:[(0,t.jsxs)("div",{className:`jsx-${tP.__hash} thread-view__container`,children:[(0,t.jsx)(tA,{thread:g,changeTheme:o}),(0,t.jsx)(ep.f,{threadId:g.id}),g.firstPost.isThreadBackground&&!g.isEmbedVideo?(0,t.jsx)("div",{className:`jsx-${tP.__hash} thread-with-background-container`,children:(0,t.jsx)(Z.f,{firstPost:g.firstPost})}):(0,t.jsxs)(s.Fragment,{children:[(0,t.jsx)(W.f,{body:g.firstPost.bodyHtml,author:g.firstPost.author.name}),(0,t.jsx)(tI.f,{thread:g,post:g.firstPost,noBorderRadius:!0})]}),(0,t.jsxs)("div",{className:`jsx-${tP.__hash} thread-react`,children:[em.q.map(e=>{let a=g.firstPost&&g.firstPost.reaction&&g.firstPost.reaction.userReactionId===e,i=g.firstPost&&g.firstPost.reaction&&g.firstPost.reaction.postReactions[e]||0;return(0,t.jsx)(s.Fragment,{children:(0,t.jsxs)("div",{className:`jsx-${tP.__hash} react-item`,children:[(0,t.jsx)(ec.f,{commentMode:!1,post:g.firstPost,onReact:k,reactionButtonId:e}),(0,t.jsx)("span",{className:`jsx-${tP.__hash} ${a?"reacted-text":""}`,children:i})]})},`${e}`)}),(0,t.jsxs)("div",{className:`jsx-${tP.__hash} react-item`,children:[(0,t.jsx)(ef.f,{}),(0,t.jsx)("span",{className:`jsx-${tP.__hash}`,children:g.stats.comment})]}),(0,t.jsx)("button",{onClick:()=>{var t;return t=i.link,void(e.g.FB&&FB.ui({method:"share",display:"popup",href:t},e=>{console.log("xxxx",e)}))},className:`jsx-${tP.__hash} react-item`,children:(0,t.jsx)(q.f,{})})]}),m&&(0,t.jsxs)("div",{className:`jsx-${tP.__hash} comment-reply`,children:[(0,t.jsxs)("div",{className:`jsx-${tP.__hash} reply-head`,children:[(0,t.jsx)("button",{onClick:()=>f(null),className:`jsx-${tP.__hash} btn-close`,children:(0,t.jsx)("i",{className:`jsx-${tP.__hash} icon fas fa-times`})}),"Bình luận"]}),(0,t.jsxs)("div",{style:{flex:1,display:"flex",padding:"16px 10px",paddingBottom:64},className:`jsx-${tP.__hash}`,children:[(0,t.jsx)(tf.f,{src:l.avatar,alt:l.name,profile:l.link,noScale:!0}),(0,t.jsx)(tu.f,{className:"reply-input",value:b,minRows:1,maxRows:4,placeholder:"Đăng trả lời của bạn",onChange:e=>j(e.target.value),autoFocus:!0})]}),(0,t.jsx)("button",{style:{opacity:u?.5:1,bottom:d?n:0},onClick:$,className:`jsx-${tP.__hash} btn-submit-reply`,children:"Gửi"})]}),(0,t.jsx)(a.default,{id:tP.__hash,children:tP})]}),(0,t.jsx)("div",{id:"comment-box"}),l&&(0,t.jsx)(tB,{onComment:v,user:l}),g.posts&&(0,t.jsxs)(s.Fragment,{children:[g.posts.map(e=>e.isIgnored?null:(0,t.jsx)(tX,{post:e,api:r,onReply:N,user:l},e.id)),(0,t.jsx)(tC.f,{dataLength:g.posts.length,next:w,loader:g.pagination.next?(0,t.jsx)("div",{className:"loader",children:"đang tải ..."},0):(0,t.jsx)("div",{}),hasMore:!0})]})]})}),tK=n.f.ApiConsumer(({thread:e,changeTheme:a})=>(0,t.jsxs)(s.Fragment,{children:[(0,t.jsx)(k.f,{blackHeader:e&&e.isDeepTalkArticle,headerSpecialLogo:e&&e.isDeepTalkArticle&&"/static/images/deeptalk_logo_white.png",headerSpecialUrl:e&&e.isDeepTalkArticle&&"/deeptalk",headerSpecialTitle:e&&e.isDeepTalkArticle&&"Deeptalk - Bài hay Tinhte.vn",mobileCompactMode:e&&e.isDeepTalkArticle}),(0,t.jsx)(tY,{thread:e,changeTheme:a}),(0,t.jsx)(w.f,{})]}));var tJ=e.i(561696);let{SlotName:tQ,PageName:tZ}=m.f;class t0 extends d.default.Component{constructor(e){super(e);let{router:t}=this.props,a=!1;t&&t.asPath&&t.asPath.includes("ads-demo")&&(a=!0),this.state={selectedDemoMasthead:tQ.heroMasthead,tinhteFactTheme:this.props.response&&this.props.response.thread&&this.props.response.thread.isTinhteFact,isDemo:a,currentAdsBlocks:[],facts:this.props.facts||[],currentFact:this.props.response?this.props.response.thread:null},this.changeTheme=this.changeTheme.bind(this),this.nextItem=this.nextItem.bind(this),this.previousItem=this.previousItem.bind(this)}selectDemoMasthead(e){this.setState({selectedDemoMasthead:e})}onAdsLoaded(e){let{currentAdsBlocks:t}=this.state;this.setState({currentAdsBlocks:[...t,e]})}changeTheme(){let{tinhteFactTheme:e}=this.state;this.setState({tinhteFactTheme:!e})}nextItem(){let{facts:e}=this.state,t=this.state.currentFact,a=e.findIndex(e=>e.id===t.id);if(a>-1)if(a<e.length-1){let t=e[a+1];this.setState({currentFact:t})}else this.setState({currentFact:e[0]});else this.setState({currentFact:e[0]})}previousItem(){let{facts:e}=this.state,t=this.props.response?this.props.response.thread:null,a=this.state.currentFact,s=t?e.findIndex(e=>e.id===t.id):-1,i=e.findIndex(e=>e.id===a.id);if(i>-1)if(i>0){let t=e[i-1];this.setState({currentFact:t})}else s<0&&this.setState({currentFact:this.props.response?this.props.response.thread:null})}render(){let{selectedDemoMasthead:e,isDemo:s,currentAdsBlocks:i,tinhteFactTheme:o,currentFact:n,facts:l}=this.state,{response:c,threadUrl:x,forums:p,currentPage:m,relatedThreads:v,relatedCommunities:k,event:w,router:N}=this.props,{thread:$,error:y}=c,T=o?l.findIndex(e=>e.id===n.id):-1,C=o?l.findIndex(e=>e.id===$.id):-1,{elements:S}=p,P=null,D=null;if(S)switch(S[0].category_id){case 70:P="UA-2120640-14",D="G-59VY7FE1K6";break;case 585:P="UA-2120640-22",D="G-LSM3JSMKPJ";break;case 737:P="UA-2120640-26",D="G-0V8FQWVGD9";break;default:P="UA-2120640-1",D="G-EHPF9BTE3E"}let R=[];if($){let e="https://tinhte.vn";p&&p.elements&&p.elements.length>0&&(e=p.elements[0].links.permalink);try{var z;let t,a="Tác giả";$.author&&(a=$.author.name);let s={"@id":"https://tinhte.vn/#Organization","@type":"Organization",name:"Tinhte.vn",logo:{"@type":"ImageObject",url:"https://tinhte.vn/static/images/tinhte_logo_length_black.png",width:289,height:67}},i={"@type":"Person",name:a,url:`https://tinhte.vn/profile/${$.author.id}/`},r=$.posts.filter(e=>!e.isFirstPost),o=(z=e,t={"@context":"https://schema.org","@type":"DiscussionForumPosting",mainEntityOfPage:$.link,headline:$?$.title:"Tinh tế",image:{url:$.imageDetail.link||$.image,"@type":"ImageObject",width:$.imageDetail.width,height:$.imageDetail.height},url:$.link,datePublished:$?$.sinceDateDb:"",interactionStatistic:{"@type":"InteractionCounter",interactionType:"https://schema.org/LikeAction",userInteractionCount:$.stats.like},dateModified:$?$.updatedDateDb:"",author:i,publisher:s,genre:z,description:$?(0,tJ.encode)($.excerpt):"",comment:[]},r.forEach(e=>{if(!e.isFirstPost){let a={"@type":"Comment",datePublished:(0,h.default)(e.since,"X"),author:{"@type":"Person",name:e.author.name,url:`https://tinhte.vn/profile/${e.author.name}.${e.author.id}/`},text:(0,tJ.encode)(e.bodyPlain)};e.attachments.length>0&&(a.image=e.attachments[0].links.permalink),t.comment.push(a)}}),t);if(R=[{"@context":"https://schema.org","@type":"Organization",url:"https://www.tinhte.vn",logo:"https://photo2.tinhte.vn/data/attachment-files/2021/02/5358457_tinhte_logo.jpg"},{"@type":"WebPage","@context":"https://schema.org","@id":`${$.link}#WebPage`,url:$.link,inLanguage:["EN","VN"],name:$.title,datePublished:$?$.sinceDateDb:"",dateModified:$?$.updatedDateDb:"",publisher:s,description:$?(0,tJ.encode)($.excerpt):"",isPartOf:e,author:i,commentCount:$.stats.comment,wordCount:$.wordCount},o,{"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:p&&p.elements&&p&&p.elements.length>0&&p.elements.map((e,t)=>({"@type":"ListItem",position:t+1,name:e.category_title||e.forum_title,item:e.links.permalink}))}],$&&$.stats&&$.stats.rating&&$.stats.rating.count>=5){let e={"@context":"https://schema.org","@type":"AggregateRating",ratingValue:$.stats.rating.total/$.stats.rating.count,ratingCount:$.stats.rating.count,itemReviewed:{"@type":"CreativeWorkSeries",name:$.title,image:$.imageDetail.link||$.image}};R.push(e)}if($&&$.tagString&&($.tagString.indexOf("thủ thuật")>-1||$.tagString.indexOf("hướng dẫn")>-1)){let e=$.tableOfContent&&$.tableOfContent.map((e,t)=>({"@type":"HowToStep",name:`Phần ${t+1}:`,text:e.heading,url:`${$.link}#${e.id}`}))||[],t={"@context":"https://schema.org","@type":"HowTo",image:{"@type":"ImageObject",url:$.imageDetail.link||$.image},name:$.title,step:e};R.push(t)}if(w&&w.id){let e=(0,h.default)(w.time.start,"X"),t=(0,h.default)(w.time.end,"X"),a={"@context":"https://schema.org","@type":"Event",name:$.title,startDate:e,endDate:t,description:w.description,location:{"@type":"Place",name:w.location,address:{"@type":"PostalAddress",streetAddress:w.location}}};R.push(a)}if($&&$.tagString&&($.tagString.indexOf("hỏi đáp")>-1||$.tagString.indexOf("hỏi tinh tế")>-1)){let e=$.posts.sort((e,t)=>t.reaction.total-e.reaction.total).slice(1,3),t=$.posts.reduce((e,t)=>t.reaction.total>e.reaction.total?t:e,$.posts[0]),a={"@context":"https://schema.org","@type":"QAPage",mainEntity:{"@type":"Question",name:$.title,text:$.description,answerCount:$.stats.comment,acceptedAnswer:{"@type":"Answer",text:t?t.excerpt:"",upvoteCount:t?t.reaction.total:0,url:t?t.link:""},suggestedAnswer:e.map(e=>({"@type":"Answer",text:e?e.excerpt:"",upvoteCount:e?e.reaction.total:0,url:e?e.link:""}))}};R.push(a)}}catch(e){console.error(e)}}return(0,t.jsxs)(d.Fragment,{children:[$&&(0,t.jsxs)(r.f,{title:$?`${$.title}${$.author&&!$.author.verified_badge?` | Viết bởi ${$.author.name}`:""}`:"",description:$?$.excerpt:"",ogImageUrl:$?$.image||$.videoThumbnail:"",url:$?$.link:x,error:y,gaId:P,ga4Id:D,structuredSchema:R,wordCount:$?$.wordCount:null,author:$&&$.author?$.author.name:null,threadView:!0,noIndex:$&&$.tinhteseoNoindex,children:[(0,t.jsx)(f.f,{}),s&&(0,t.jsxs)("div",{className:`jsx-${tT.__hash} masthead-selector-container`,children:[(0,t.jsx)("span",{className:`jsx-${tT.__hash}`,children:"Chọn kiểu masthead"}),(0,t.jsxs)("select",{type:"select",value:e,onChange:e=>this.selectDemoMasthead(e.target.value),className:`jsx-${tT.__hash} masthead-selector`,children:[(0,t.jsx)("option",{value:tQ.heroMasthead,className:`jsx-${tT.__hash}`,children:"Hero Masthead"}),(0,t.jsx)("option",{value:tQ.desktopMasthead,className:`jsx-${tT.__hash}`,children:"Desktop Masthead"})]})]}),s?(0,t.jsx)(d.Fragment,{children:(0,t.jsx)(b.f,{slotName:e,pageName:tZ.homeDesktopWeb,doNotLazyLoad:!0,desktopOnly:!0,options:{thread:$}})}):(0,t.jsx)(d.Fragment,{children:$&&!$.isDeepTalkArticle&&(0,t.jsxs)(d.Fragment,{children:[(0,t.jsx)(b.f,{slotName:tQ.heroMasthead,pageName:tZ.homeDesktopWeb,doNotLazyLoad:!0,desktopOnly:!0,onAdsLoaded:e=>this.onAdsLoaded(e),options:{thread:$},fitSize:!0,threadView:!0}),(0,t.jsx)(b.f,{slotName:tQ.desktopMasthead,pageName:tZ.homeDesktopWeb,doNotLazyLoad:!0,desktopOnly:!0,onAdsLoaded:e=>this.onAdsLoaded(e),options:{thread:$}})]})}),(0,t.jsx)(u.f,{pageDesktopName:tZ.threadViewDesktopWeb,pageMobileName:tZ.threadViewMobileWeb,extraData:$?{thread_id:$.id}:null,taPageName:_.f.ThreadView_Detail,taFromBlock:this.props.taFromBlock,taAttributes:$?[{key:"thread_id",value:$.id},{key:"page_number",value:m||1}]:null}),(0,t.jsx)(g.f,{pageName:_.f.ThreadView_Detail,threadId:$?$.id:null}),$.livestream&&$.livestream.end&&(0,t.jsx)(ty,{thread:$}),!$.livestream&&(0,t.jsx)(d.Fragment,{children:o?(0,t.jsxs)(d.Fragment,{children:[(0,t.jsx)("div",{className:`jsx-${tT.__hash} visible-xs`,children:(0,t.jsx)(tK,{thread:$,changeTheme:this.changeTheme})}),(0,t.jsx)("div",{className:`jsx-${tT.__hash} hidden-xs`,children:(0,t.jsx)(j.f,{threadId:n.id,thread:n,page:m,changeTheme:this.changeTheme,nextItem:this.nextItem,previousItem:C<0&&0===T||T>0?this.previousItem:void 0,handleCloseModal:()=>{window.history.back()}})})]}):(0,t.jsx)(th,{threadId:this.props.threadId,thread:$,currentAdsBlocks:i,forums:p,currentPage:m,relatedThreads:v,relatedCommunities:k,event:w})})]}),(0,t.jsx)(a.default,{id:tT.__hash,children:tT})]})}}t0.defaultProps={forums:{},response:{error:null,thread:null,theme:"DEFAULT"},event:{},relatedThreads:[],relatedCommunities:[]},t0.apiFetches={response:(e,{threadId:t,currentPage:a})=>({uri:"/posts",headers:{"Api-Post-Tree":1,"Api-Ignore-Log-View":"thread"},params:{thread_id:t,page:a,fields_include:"*,review_extra_data,thread.*,thread.bdContentList_promote_item,thread.tinhte_seo"},success:e=>{let t=e.thread||{};return t.posts=e.posts,t.pagination=e.links,{error:null,thread:(0,c.U)(t||{})}},error:e=>({error:(0,p.f)(e),thread:(0,c.U)({})})}),facts:()=>({uri:"/tinhte-facts",params:{page:1,limit:15,_bdImageApiThreadThumbnailWidth:"200",_bdImageApiThreadThumbnailHeight:"sw",fields_include:(0,c.X)("content.")},success:e=>{let t=(0,i.default)(e,"facts",[]).filter(e=>"thread"===e.content_type).filter(e=>null!==e.image&&""!==e.image).map(c.U);return t&&t.length>0?t:[]},error:()=>[]}),forums:(e,{threadId:t})=>({uri:`threads/${t}/navigation`,success:e=>e}),event:(e,{threadId:t})=>({uri:"/events",headers:{"Api-Post-Tree":1},success:e=>{let a={};return e&&e.events&&(a=e.events.find(e=>e.extra_data&&e.extra_data.thread&&e.extra_data.thread.thread_id&&e.extra_data.thread.thread_id.toString()===t.toString()),a=(0,x.f)(a)),a}}),relatedThreads:(e,{threadId:t})=>({uri:"/tags/related-threads",headers:{"Api-Post-Tree":1},params:{thread_id:t,limit:12},success:e=>{let t=(e=>{if(!e)return[];let t=Object.keys(e),a=Object.values(e),s=[];return t.map((e,t)=>(s.push(a[t]),null)),s})(e.related_threads);return(t=t.slice(0,4)).map(c.U)}}),relatedCommunities:(e,{threadId:t})=>({uri:"/feature-pages/by-thread",headers:{"Api-Post-Tree":1},params:{thread_id:t},success:e=>e.feature_pages})};let t3=(0,l.withRouter)(n.f.ApiConsumer(t0)),t5=new String(".thread-view.jsx-f770f46d277d8e9d{background:var(--light-grey-background)}");t5.__hash="f770f46d277d8e9d";let t1=(0,o.f)(e=>{let{query:s,error:r}=e,o=(0,i.default)(s,"threadId",""),d=(0,i.default)(s,"threadUrl",""),n=`https://tinhte.vn/thread/${d}`,l=(0,i.default)(s,"taFromBlock",""),h=1,c=(0,i.default)(s,"currentPage","");return c&&(h=parseInt(c.split("-").pop(),10)),(0,t.jsxs)("div",{className:`jsx-${t5.__hash} thread-view`,children:[(0,t.jsx)(t3,{threadId:o,threadUrl:n,currentPage:h,taFromBlock:l,error:r}),(0,t.jsx)(a.default,{id:t5.__hash,children:t5})]})});e.s(["default",0,t1],348132)}]);