(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4579],{37899:function(t,e,i){"use strict";i.d(e,{l:function(){return s}});var o=i(85893),n=i(91256),a=i(95983),r=n.ZP.div.withConfig({displayName:"indexstyled__StyledBackgroundLayer",componentId:"sc-7jxv04-0"})(["position:absolute;z-index:1;bottom:0;left:0;height:calc(100% - 164px);width:100%;min-height:0;background:",";border-radius:40px 40px 0 0;&.pt-lg{height:calc(100% - 343px);}&.pt-md{height:calc(100% - 245px);}&.pt-sm{height:calc(100% - 92px);}",""],(function(t){var e;return null===(e=t.theme)||void 0===e?void 0:e.colors.neutral50}),a.fn?(0,n.iv)(["display:none;"]):""),s=function(t){var e=t.className,i=t.style;return(0,o.jsx)(r,{className:e,style:i})}},27083:function(t,e,i){"use strict";i.r(e),i.d(e,{__N_SSP:function(){return dt},default:function(){return ct}});var o=i(26265),n=i(85893),a=i(81036),r=i(809),s=i.n(r),l=i(32292),d=i(92447),c=i(67294),u=i(76496),p=i(15393),m=i(48560),v=i(19827),h=i(91938),y=i(27484),g=i.n(y),f=i(11163),x=i(86896),b=i(25559),j=i(2810),P=i(24169),T=i(37125),w=i(37899),C=i(78849),O=i(40875),S=i(52969),I=i(17985),_=i(38616),D=i(63593),E=i(73870),N=i(23932),k=i(90098),M=i(51681),L=i(89814),B=i(91256),U=i(16592),A=((0,B.ZP)(U.u).withConfig({displayName:"indexstyled__StyledInputCommentCard",componentId:"sc-7h3i9f-0"})(["","{display:none;}"],L.M.mbDown),B.ZP.div.withConfig({displayName:"indexstyled__StyledTopicPage",componentId:"sc-7h3i9f-1"})(["position:relative;width:100%;","{.container-fluid{padding:0;main{width:100%;padding:0 0 32px;}}}.tab-sort-container{width:100%;margin-bottom:1rem;","{margin-top:1rem;padding-left:1rem;padding-right:1rem;}}.outer-container{position:relative;z-index:2;max-width:var(--site-max-width);margin:auto;.breadcrumb{padding:16px 16px 19px 16px;}.main-article{margin-bottom:1rem;","{margin-bottom:0;}}}.inner-container{display:flex;width:100%;}.home-right{display:none;","{display:block;}flex:1;padding:0 1rem;pointer-events:none;> *{margin-bottom:1rem;}.ad-wrapper{min-height:2400px;.ad-container{height:100%;flex:1 1 0%;padding:1rem 0px;position:sticky;top:105px;margin-left:auto;margin-right:auto;max-width:300px;max-height:600px;}}.right-block-container{min-height:300px;display:flex;align-items:center;justify-content:center;}}main{width:var(--left-column);padding:0 0 32px 16px;","{width:100%;padding:32px 0;}.section-desc{padding:6px 16px 16px 16px;background:",";border-radius:6px;.section-heading{padding:10px 0;border-bottom:1px solid ",";margin-bottom:10px;color:",";font-weight:bold;}}.card-textbox-post{border:none;background:#fff;border-radius:6px;}.input-new-post{","{display:none;}}}"],L.M.mbDown,L.M.mbDown,L.M.mbDown,L.M.mbUp,L.M.mbDown,(function(t){var e;return null===(e=t.theme)||void 0===e?void 0:e.colors.white}),(function(t){var e;return null===(e=t.theme)||void 0===e?void 0:e.colors.neutral100}),(function(t){var e;return null===(e=t.theme)||void 0===e?void 0:e.colors.gray800}),L.M.mbDown)),G=i(3905),H=i(167),Y=i(19842),R=i(3055),W=i(26381),Z=i(95983),F=i(50572),z=i(5886),V=i(18833),X=i(50017),q=i(63792),J=i(43196),Q=i(14153),K=i(73963),$=i(21124),tt=i(44432),et=i(20367),it=i(51809);function ot(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,o)}return i}function nt(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ot(Object(i),!0).forEach((function(e){(0,o.Z)(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ot(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var at=function(t){var e,i,a,r,s,l,d=t.ssrMenuContent,p=t.isMobileSsr,y=t.pinnedPost,g=t.topic,f=t.topics,b=t.posts,j=t.postPagination,P=t.topicHealthTool,L=t.topicSubot,B=t.footerInfo,K=t.sitewideBanner,ot=t.community,at=t.communities,rt=t.hasGuidelineList,st=t.popularTopics,lt=t.hotDiscussion,dt=t.infiniteScroll,ct=t.mappingCategorySlug,ut=t.subcribeHealthStatus,pt=(0,x.Z)().formatMessage,mt=(0,R.g)(p),vt=(0,c.useState)("newest"),ht=vt[0],yt=vt[1],gt=(0,W.h)(),ft=gt.query,xt=ft.topicPostSlug,bt=ft.communitySlug,jt=gt.locale,Pt=(null===(e=gt.asPath.split("?"))||void 0===e||e[0],(0,v.rZ)()),Tt=Pt.colors,wt=(0,c.useContext)(z.I).dispatch,Ct=(0,c.useContext)(V.nj)||{},Ot=Ct.state,St=void 0===Ot?V.E3:Ot,It=Ct.dispatch,_t=(0,c.useState)(ut),Dt=_t[0],Et=_t[1],Nt=(0,u.c)(ct).type;(0,c.useEffect)((function(){It({type:X.m.updateMultiple,payload:{dataArr:at}})}),[at]),(0,c.useEffect)((function(){It({type:q.Q.updateMultiple,payload:{dataArr:f}})}),[f]),(0,c.useEffect)((function(){g.id&&It({type:q.Q.update,payload:{data:g}})}),[g]);var kt=(null===g||void 0===g?void 0:g.id)&&St.topicsById[g.id]||g,Mt=String(kt.id),Lt=(0,H.Y)({requestParams:{topicId:Mt,sort:ht},posts:b||[],postPagination:j}),Bt=Lt.posts,Ut=Lt.setPosts,At=Lt.loading,Gt=Lt.postContainerRef,Ht=Lt.handleCreateEditPost,Yt=Lt.handleDeletePost,Rt=(0,Y.b)({topicId:kt.id,postLength:Bt.length}),Wt=Rt.articles,Zt=Rt.frequency,Ft=Rt.isPinned,zt=(null===(i=Z.GK[jt])||void 0===i?void 0:i[bt])||"",Vt=(0,Q.od)({countryAdTag:(0,Q.Em)(jt,{isMobile:mt}),slug:zt}),Xt=(null===kt||void 0===kt||null===(a=kt.metaTag)||void 0===a?void 0:a.metaTitle)||kt.name,qt=(null===kt||void 0===kt||null===(r=kt.metaTag)||void 0===r?void 0:r.metaDesc)||kt.description,Jt=null===kt||void 0===kt||null===(s=kt.metaTag)||void 0===s?void 0:s.metaImage;return(0,c.useEffect)((function(){!Dt&&Et(ut)}),[ut]),(0,n.jsx)(G.x,{ssrMenuContent:d,title:Xt||pt({id:"home.seoTitle"}),description:qt||pt({id:"home.seoDescription"}),image:Jt||Z.CX[jt].HOMEPAGE_IMAGE,seoCustom:!!Xt,SEOData:{schemaData:pt({id:"home.seoSchema"}),isIndexable:!0,hasNoAmp:!0},footerMenu:B,sitewideBanner:K,onCreatePostClickOnBottomBar:function(){return wt({type:F.H.SHOW_CREATE_NEW_POST_POPUP,payload:!0})},topics:f,isCommunitySticky:!0,isCommunityPage:!0,communities:at,communityId:kt.communityId,selectedTopic:g,onPostCreatedEdited:function(t){var e;null!==(e=t.topics)&&void 0!==e&&e.find((function(t){return t.id===kt.id}))?Ht(t):Bt.find((function(e){return e.id===t.id}))&&Ut((function(e){return e.filter((function(e){return e.id!==t.id}))}))},defaultCommunity:{name:kt.communityName,id:kt.communityId},defaultTopics:[kt],showCreatePostSticky:!0,infiniteScroll:dt,children:(0,n.jsxs)($.Mv,{defaultParams:kt.slug?{_joinCommunityIds:[kt.communityId],_joinTopicIds:[kt.id]}:void 0,children:[(0,n.jsxs)("main",{children:[(0,n.jsx)(et.t,{useDiv:!0,styles:{root:{background:null===Tt||void 0===Tt||null===(l=Tt[Pt.primaryColor])||void 0===l?void 0:l[0]}},children:(0,n.jsx)(et.t.Container,{children:(0,n.jsx)(et.t.Row,{children:(0,n.jsxs)(et.t.WideCol,{children:[(0,n.jsx)(m.l,{className:"breadcrumb",styles:{control:{"&[data-inactive]":{width:0}}},children:[{label:pt({id:"breadcrumb.helloTogether"}),value:(0,J.k3)("/")},{label:kt.communityName||"Community",value:(0,J.k3)("/".concat(bt))},{label:kt.name,value:(0,J.k3)("/".concat(bt,"/").concat(xt))}].map((function(t){return(0,n.jsx)(m.l.Item,nt(nt({href:t.value},t),{},{children:t.label}),t.value)}))}),(0,n.jsx)("div",{className:"main-article",children:(0,n.jsx)(C.Y,{className:"card-topic",onCreatePostClick:function(){return wt({type:F.H.SHOW_CREATE_NEW_POST_POPUP,payload:!0})},size:"large",topic:kt,disableUrl:!0})})]})})})}),(0,n.jsx)(et.t,{useDiv:!0,style:{paddingTop:"36px"},children:(0,n.jsx)(et.t.Container,{children:(0,n.jsxs)(et.t.Row,{children:[(0,n.jsxs)(et.t.LeftCol,{children:[!mt&&(0,n.jsx)(_._,{onCreatePostClick:function(){return wt({type:F.H.SHOW_CREATE_NEW_POST_POPUP,payload:!0})},className:"input-new-post",style:{marginBottom:"24px"}}),y?(0,n.jsx)("div",{className:"pinned-post",children:(0,n.jsx)(U.u,{children:(0,n.jsx)(N.X,{id:y.id,title:y.title,slug:y.slug,community:y.community,author:y.author,isPinned:!0,postDate:y.createdDate,topics:y.topics,photos:y.photos,previewUrl:y.previewUrl,description:y.description,viewCount:y.totalView,loveCount:y.likeCount,isLiked:y.isLiked,post:y,isMobile:mt,hasLinkWrapper:!0,onDeletePost:function(){return y.id&&Yt(y.id)}})})}):Ft&&Wt.length>0?(0,n.jsxs)("div",{children:[(0,n.jsx)(S.w,{className:"post-pin"}),(0,n.jsx)(E.V,{articles:(0,Y.W)({startIndex:0,count:3,articles:Wt}),style:{borderTopLeftRadius:0,borderTopRightRadius:0}})]}):null!==P&&void 0!==P&&P.isPinned?(0,n.jsxs)("div",{children:[(0,n.jsx)(S.w,{className:"post-pin"}),(0,n.jsx)(U.u,{children:(0,n.jsx)(M.F,{topicHealthTool:P})})]}):null!==L&&void 0!==L&&L.isPinned?(0,n.jsxs)("div",{children:[(0,n.jsx)(S.w,{className:"post-pin"}),(0,n.jsx)(k.S,{chatBotId:String(L.chatBotId),belowCommunityPostId:"pinned"})]}):null,(0,n.jsx)(tt.C,{tabContent:[{name:pt({id:"choicePopover.latest"})},{name:pt({id:"choicePopover.popular"})}],onChange:function(t){return yt(0===t?"newest":"popularity")},initialTab:0,className:"tab-sort-container"}),(0,n.jsx)("div",{ref:Gt,className:"posts",children:null===Bt||void 0===Bt?void 0:Bt.map((function(t,e){var i=e>0?e%12===4?["TopBanner"]:e%12===8?["MidBanner1"]:e%12===0?["MidBanner2"]:null:null;return(0,n.jsxs)(c.Fragment,{children:[zt&&mt&&i&&(0,n.jsx)(T.t,{adUnitPath:Vt,size:[[300,250],[300,600]],divId:"div-gpt-ad-".concat(i.toString().toLowerCase(),"-mobile-")+e,pos:i,style:{margin:"1rem auto",borderColor:"#e4e8ec"},customTargetings:{sub_comm:xt}}),(0,n.jsx)(U.u,{children:(0,n.jsx)(N.X,{isMobile:mt,title:t.title,id:t.id,slug:t.slug,community:t.community,author:t.author,postDate:t.createdDate,topics:t.topics,photos:t.photos,previewUrl:t.previewUrl,description:t.description,viewCount:t.totalView,loveCount:t.likeCount,isLiked:t.isLiked,post:t,hasLinkWrapper:!0,onDeletePost:function(){return t.id&&Yt(t.id)}})}),(e+1)%2===0&&void 0!==Dt&&(0,n.jsx)(h.x,{sx:function(t){return(0,o.Z)({marginBottom:"24px"},t.fn.smallerThan("sm"),{padding:"0 16px",marginBottom:"8px"})},children:(0,n.jsx)(D.M,{type:Nt,categoryIds:[ot.mappedCategoryId||""].filter(Boolean),subcribeHealthStatus:Dt,onValueChange:function(t){return Et(nt(nt({},Dt),{},{value:t,article:0,source:"together"}))}})}),Wt.length>0&&(e+1)%Zt===0&&(0,n.jsx)(E.V,{articles:(0,Y.W)({startIndex:Math.floor((e+1)/Zt)+(Ft?1:0),count:3,articles:Wt})}),P&&(e+1)%((null===P||void 0===P?void 0:P.topicFrequency)||3)===0&&(0,n.jsx)(U.u,{children:(0,n.jsx)(M.F,{topicHealthTool:P})}),L&&(e+1)%((null===L||void 0===L?void 0:L.topicFrequency)||3)===0&&(0,n.jsx)(k.S,{chatBotId:String(L.chatBotId),belowCommunityPostId:t.id})]},t.id)}))}),(0,n.jsx)(it.ZY,{"data-show":At,children:(0,n.jsx)(I.W,{})})]}),(0,n.jsxs)(et.t.RightCol,{children:[!mt&&(0,n.jsx)(et.t.NewQuestionNoti,{}),!mt&&(0,n.jsx)(et.t.AboutIntro,{description:null===kt||void 0===kt?void 0:kt.communityDesc}),(0,n.jsx)(O.R,{isBanner:!0}),(0,n.jsx)(et.t.TopContributor,{communityId:String(null===kt||void 0===kt?void 0:kt.communityId),hasGuidelineList:rt}),(0,n.jsx)(et.t.FeedBlock,{popularTopics:st,hotDiscussion:lt,style:mt?{display:"none"}:{}}),!mt&&(0,n.jsx)(et.t.ForumIntro,{communities:at,topicsBySelectedCommunity:f,selectedCommunity:null===g||void 0===g?void 0:g.community,selectedTopic:g,showActiveTopic:!0}),zt&&!mt&&Bt.map((function(t,e){var i=e%3===0?["TopBanner"]:e%3===1?["MidBanner1"]:e%3===2?["MidBanner2"]:null;return i?(0,n.jsx)("div",{className:"ad-wrapper",children:(0,n.jsx)("div",{className:"ad-container",children:(0,n.jsx)(T.t,{adUnitPath:Vt,size:[[300,250],[300,600]],divId:"div-gpt-ad-".concat(i.toString().toLowerCase(),"-desktop-")+e,pos:i,style:{margin:"1rem auto",borderColor:"#e4e8ec"},customTargetings:{sub_comm:xt}})})},"div-gpt-ad-".concat(i.toString().toLowerCase(),"-desktop-")+e):null}))]})]})})})]}),zt&&(0,n.jsx)(T.E,{className:"article-bottom-ad",isMobile:mt,adUnitPath:Vt}),(0,n.jsxs)(A,{children:[(0,n.jsx)(w.l,{}),(0,n.jsx)("div",{className:"outer-container",children:(0,n.jsxs)("div",{className:"inner-container",children:[(0,n.jsx)("main",{}),(0,n.jsx)("div",{className:"home-right",children:(0,n.jsx)("div",{className:"right-block-container"})})]})})]})]})})},rt=function(t){var e=t.topic,i=t.topics,o=t.community,a=t.mappingCategorySlug,r=(0,f.useRouter)().locale,m=void 0===r?"vi-VN":r,v=(0,c.useContext)(z.I).state.userInfo,h=(0,u.c)(a).type,y=(0,c.useState)(),x=y[0],T=y[1];return(0,c.useEffect)((function(){"undefined"!==typeof v&&(0,d.Z)(s().mark((function t(){var n,a,r,d,c,u,v,y,f,x,w,C,O,S,I,_,D,E,N,k,M,L,B,U,A,G,H,Y,R,W,Z,F,z,V,X,q,J,Q,$,tt,et,it,ot,at;return s().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(E=String(e.id),N=String(e.communityId),k=(null===(n=i[0])||void 0===n?void 0:n.id)===E,M=new Date,L=g()().format("YYYY-MM-DD"),B=new Date(M.getTime()).setDate(M.getDate()-60),U=g()(B).format("YYYY-MM-DD"),t.t0=Promise,t.t1=(0,P.Jl)((0,P.cN)(j.yy.POST.LIST,{page:"1",topicId:E,sort:"newest",_locale:m}),"GET"),!k){t.next=15;break}return t.next=12,(0,P.t9)((0,P.cN)(j.yy.POST.LIST,{pin:"1",communityId:N,_locale:m,page:"1",sort:"newest"}),"GET");case 12:t.t2=t.sent,t.next=16;break;case 15:t.t2=void 0;case 16:return t.t3=t.t2,t.t4=(0,P.Jl)((0,P.cN)(j.yy.TOPIC.DETAIL_BY_ID_OR_SLUG,{idSlug:E,communityId:N,_locale:m}),"GET"),t.t5=(0,P.Jl)((0,P.cN)(j.yy.TOPIC.LIST,{communityId:N,_locale:m}),"GET"),t.t6=(0,P.t9)((0,P.cN)(j.yy.TOPIC.HEALTH_TOOLS,{_locale:m,topicId:E}),"GET"),t.t7=(0,P.t9)((0,P.cN)(j.yy.TOPIC.SUBOTS,{_locale:m,topicId:E}),"GET"),t.t8=(0,P.Jl)((0,P.cN)(j.yy.COMMUNITY.LIST,{_locale:m}),"GET"),t.t9=(0,P.t9)((0,P.cN)(j.yy.COMMUNITY.GET_POPULAR_TOPICS,{communityId:N,_locale:m}),"GET"),t.t10=(0,P.t9)((0,P.cN)(j.yy.COMMUNITY.GET_HOT_DISCUSSION,{communityId:N,pageSize:5,startDate:U,endDate:L,_locale:m}),"GET"),t.t11=(0,P.t9)((0,P.R4)(j.D9.CATEGORY.GET_DETAIL_BY_ID,{id:(null===o||void 0===o?void 0:o.mappedCategoryId)||""}),"GET"),t.t12=(0,P.cA)((0,P.cN)(j.yy.HEALTH_TOOL.GET_STATUS,{_locale:m,type:p.Y[p.X[h]]}),"GET"),t.t13=[t.t1,t.t3,t.t4,t.t5,t.t6,t.t7,t.t8,t.t9,t.t10,t.t11,t.t12],t.next=29,t.t0.all.call(t.t0,t.t13);case 29:return A=t.sent,t.next=32,(0,K.Q)(m);case 32:G=t.sent,H=(0,l.Z)(A,11),Y=H[0],R=H[1],W=H[2],Z=H[3],F=H[4],z=H[5],V=H[6],X=H[7],q=H[8],J=H[9],Q=H[10],$=(0,b.UA)(null===W||void 0===W?void 0:W.data),tt=(null===Z||void 0===Z||null===(a=Z.data)||void 0===a||null===(r=a.topics)||void 0===r?void 0:r.map(b.UA).sort((function(t,e){return(t.order||0)-(e.order||0)})))||[],et=(null===R||void 0===R||null===(d=R.data)||void 0===d||null===(c=d.posts)||void 0===c?void 0:c.filter((function(t){return t.is_pin})).map(b.W1).sort((function(t,e){return t.pinDate&&t.pinDate>(e.pinDate||"")?-1:e.pinDate&&(t.pinDate||"")<e.pinDate?1:0}))[0])||null,it=null===Y||void 0===Y||null===(u=Y.data)||void 0===u||null===(v=u.posts)||void 0===v?void 0:v.map(b.W1),ot=null!==F&&void 0!==F&&null!==(y=F.data)&&void 0!==y&&y[0]?(0,b.lS)(null===F||void 0===F||null===(f=F.data)||void 0===f?void 0:f[0]):null,at=null!==z&&void 0!==z&&null!==(x=z.data)&&void 0!==x&&x[0]?(0,b.fO)(null===z||void 0===z||null===(w=z.data)||void 0===w?void 0:w[0]):null,T(nt(nt({},G),{},{pinnedPost:et||null,posts:it||[],postPagination:null!==Y&&void 0!==Y&&null!==(C=Y.data)&&void 0!==C&&C.pagination&&(0,b.j5)(Y.data.pagination)||null,community:$.community,topic:$,topics:tt||[],topicHealthTool:ot,topicSubot:at,communities:((null===V||void 0===V||null===(O=V.data)||void 0===O?void 0:O.communities)||[]).map(b.yf),popularTopics:((null===X||void 0===X||null===(S=X.data)||void 0===S?void 0:S.topics)||[]).map(b.UA),hotDiscussion:((null===q||void 0===q||null===(I=q.data)||void 0===I?void 0:I.posts)||[]).map(b.W1),mappingCategorySlug:(null===J||void 0===J||null===(_=J.data)||void 0===_||null===(D=_.category)||void 0===D?void 0:D.slug)||"",subcribeHealthStatus:(null===Q||void 0===Q?void 0:Q.data)||null}));case 41:case"end":return t.stop()}}),t)})))()}),[v,e.id]),(0,n.jsx)(at,nt(nt({},t),x))};function st(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,o)}return i}function lt(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?st(Object(i),!0).forEach((function(e){(0,o.Z)(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):st(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var dt=!0,ct=function(t){return t.isTopic?(0,n.jsx)(rt,lt({},t)):t.isPost?(0,n.jsx)(a.ZP,lt({},t)):void 0}},2786:function(t,e,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[communitySlug]/[topicPostSlug]",function(){return i(27083)}])}},function(t){t.O(0,[6588,5789,4885,939,6359,874,6126,8836,9238,2090,9983,7065,9038,4618,3905,4694,6575,3414,9774,2888,179],(function(){return e=2786,t(t.s=e);var e}));var e=t.O();_N_E=e}]);