(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3905],{91720:function(e,t,n){"use strict";n.d(t,{cP:function(){return c},_g:function(){return l}});var i=n(809),o=n.n(i),r=n(92447),a=n(2810),s=n(24169),c=function(){var e=(0,r.Z)(o().mark((function e(t,n){var i,r,c=arguments;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return i=c.length>2&&void 0!==c[2]&&c[2],r=(0,s.cN)(a.yy.TOPIC.LIST,{website_url:t,communityId:n}),e.next=4,i?(0,s.cA)(r,"GET"):(0,s.Jl)(r,"GET");case 4:return e.abrupt("return",e.sent);case 5:case"end":return e.stop()}}),e)})));return function(t,n){return e.apply(this,arguments)}}(),l=function(){var e=(0,r.Z)(o().mark((function e(t,n){var i,r=arguments;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r.length>2&&void 0!==r[2]&&r[2],i=(0,s.cN)(a.yy.COMMENT.DETAIL,{website_url:t,id:n}),e.next=4,(0,s.cA)(i,"GET");case 4:return e.abrupt("return",e.sent);case 5:case"end":return e.stop()}}),e)})));return function(t,n){return e.apply(this,arguments)}}()},78849:function(e,t,n){"use strict";n.d(t,{Y:function(){return z}});var i=n(85893),o=n(26265),r=n(38347),a=n(67294),s=n(93692),c=n(48337),l=n(89708),d=n(48560),u=n(75529),p=n(89212),m=n(93178),f=n(32951),g=n(19827),h=n(11163),v=n(86896),x=n(24169),y=n(82408),b=n(13195),C=n(21124),j=n(95983),w=n(18833),O=n(43196),P=n(38987),_=n(30759),k=n(29874),S=n(89814),N=n(91256),I=n(56632),Z=N.ZP.a.withConfig({displayName:"indexstyled__StyledInfoWrapper",componentId:"sc-3929vo-0"})(["*{pointer-events:none;}"]),D=(0,N.ZP)(I.j).withConfig({displayName:"indexstyled__StyledBtn",componentId:"sc-3929vo-1"})(["&[data-size='sm']{padding-left:10px;padding-right:10px;}"]),T=N.ZP.div.withConfig({displayName:"indexstyled__StyledCardTopic",componentId:"sc-3929vo-2"})(["padding:1rem;a{text-decoration:none;}.button-icon-image{width:100%;height:100%;}","{min-width:80px;}&[data-size='medium']{display:flex;width:100%;align-items:center;margin-bottom:1rem;> ","{display:flex;flex:1;align-items:center;}.name-text{flex:1;margin-right:0.5rem;margin-left:10px;word-break:break-word;}}&[data-size='small']{display:flex;width:160px;height:160px;flex-direction:column;align-items:center;padding:0.5rem 1.3rem;text-align:center;.name-text{overflow:hidden;margin-top:12px;margin-bottom:12px;word-break:break-word;}}&[data-size='large']{.name-text{flex:1;margin-right:0.5rem;word-break:break-word;}.top-container{margin-bottom:1rem;.avatar-container{display:flex;align-items:center;text-decoration:none;.name-wrapper{display:flex;flex-direction:column;flex:1;margin-left:2rem;gap:1rem;}.info-wrapper{display:flex;flex-wrap:wrap;margin-right:0.5rem;.info-text{display:flex;&.info-post{margin-right:1.5rem;}}}}.button-container{margin-top:1rem;","{","{width:calc(100% - 60px);}}","{width:100%;}.button-create-post{flex:1;border:none;margin-left:0.5rem;}.button-more{.popover-menu__btn{margin-left:0.5rem;}}}}","{.top-container{display:flex;gap:2rem;.avatar-container{flex:1;}.button-container{margin:0;","{width:unset;}.button-create-post{display:none;}}}}}",""],D,Z,D,S.M.mbDown,D,S.M.mbUp,D,j.fn&&(0,N.iv)(["&[data-size='medium']{margin-bottom:0;",",","{height:unset;padding:8px 12px;}}&[data-size='large']{border:none;","{border-bottom:1px solid #f3f3f3;}",",","{flex:1;}.top-container{.avatar-container{margin-bottom:24px;","{margin-bottom:0;}.info-wrapper{.info-text{align-items:center;.info-text-icon{width:18px;height:18px;margin-right:6px;}}}}}.description-text{margin-bottom:24px;&.mid-position{","{display:none;}}&.bottom-position{margin-bottom:0.5rem;","{display:none;}}}}"],D,D,S.M.mbUp,D,D,S.M.mbUp,S.M.mbUp,S.M.mbDown));function M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var z=function(e){var t=e.topic,n=e.size,o=void 0===n?"medium":n,S=e.className,N=e.style,I=e.disableUrl,M=e.headingStyle,z=void 0===M?{}:M,L=(e.buttonStyle,e.avatarStyle),B=void 0===L?{}:L,A=e.avatarSize,W=void 0===A?96:A,H=e.checkCommunityOutside,F=e.showJoinState,R=((0,r.Z)(e,["topic","size","className","style","disableUrl","headingStyle","buttonStyle","avatarStyle","avatarSize","checkCommunityOutside","showJoinState"]),(0,v.Z)().formatMessage),U=(0,h.useRouter)().locale,q=void 0===U?"vi-VN":U,J=(0,g.rZ)(),V=t.id,G=t.image,Y=t.name,X=t.url,Q=t.description,K=t.joined,$=t.postCount,ee=void 0===$?0:$,te=t.memberCount,ne=void 0===te?0:te,ie=(null===t||void 0===t?void 0:t.communityId)||"",oe=!I&&X?"".concat(j.GW).concat(X,"/"):void 0,re="".concat((0,x.mg)(q)).concat(j.GW,"/").concat(t.communitySlug,"/").concat(t.slug),ae=(0,C.h0)({_joinCommunityIds:[ie],_joinTopicIds:[t.id],_location:"/".concat(t.communitySlug,"/").concat(t.slug)}).authActionWrapper,se=(0,b.d)({authActionWrapper:ae}),ce=se.onJoinLeave,le=se.loading,de=(0,a.useState)(!1),ue=de[0],pe=de[1],me=(0,a.useState)(K),fe=me[0],ge=me[1],he="medium"===o?"sm":"md",ve={href:oe,"data-event-category":j.UN,"data-event-action":"Topic Click","data-event-label":(0,x.mg)(q)+oe},xe=(0,a.useContext)(w.nj).state,ye=(void 0===xe?w.E3:xe).communitiesById;(0,a.useEffect)((function(){var e;!H||null!==ye&&void 0!==ye&&null!==(e=ye[ie])&&void 0!==e&&e.joined||ge(!1)}),[ye]),(0,a.useEffect)((function(){ge(K)}),[K]);var be=E({style:E({background:"white",borderRadius:"50%"},B),size:W,src:G||j.DP},F&&fe&&{withIndicator:!0,indicatorConfig:{size:14,label:(0,i.jsx)(k.Z,{size:10,color:d.t.green[6],style:{transform:"translate(3px, 3px)"}})}});return(0,i.jsxs)(C.Mv,{defaultParams:t.communitySlug&&t.slug?{_joinCommunityIds:[ie],_joinTopicIds:[t.id],_location:"/".concat(t.communitySlug,"/").concat(t.slug)}:void 0,children:[ue&&(0,i.jsx)(s.S,{url:re,avatar:G,trackingCategory:j.UN,text:R({id:"share.letsJoinTopic"},{name:Y}),onClose:function(){return pe(!1)}}),(0,i.jsx)(T,{"data-size":o,className:S,style:N,children:"medium"===o||"small"===o?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(Z,E(E({},ve),{},{children:[(0,i.jsx)(d.a,E({},be)),(0,i.jsx)(c.H,{tag:"h6",className:"name-text",style:z,children:Y})]})),fe?(0,i.jsx)(d.B,E(E({variant:"light",onClick:function(){return V&&ce({ids:[V],names:[Y],isJoin:!fe,communityIds:ie?[ie]:[],callback:function(e){return ge(e)}})}},{"data-event-category":j.UN,"data-event-action":"Leave Topic","data-event-label":(0,x.mg)(q)+oe}),{},{className:"button-following",size:he,color:"green",loading:le,leftIcon:j.fn?(0,i.jsx)(p.Z,{size:24,color:"currentColor"}):(0,i.jsx)(m.Z,{color:"currentColor"}),children:R({id:"cardTopic.following"})})):(0,i.jsx)(d.B,E(E({variant:"tertiary",className:"button-follow"},{"data-event-category":j.UN,"data-event-action":"Join Topic","data-event-label":(0,x.mg)(q)+oe}),{},{onClick:function(){return ae((function(){return V&&ce({ids:[V],names:[Y],isJoin:!fe,communityIds:ie?[ie]:[],callback:function(e){return ge(e)}})}),{action:"follow"})},size:he,loading:le,leftIcon:j.fn?(0,i.jsx)(_.Z,{color:J.fn.primaryColor()}):void 0,children:R({id:"cardTopic.follow"})}))]}):(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)("div",{className:"top-container",children:[(0,i.jsxs)("a",E(E({},ve),{},{className:"avatar-container",children:[(0,i.jsx)(d.a,E({},be)),(0,i.jsxs)("div",{className:"name-wrapper",children:[(0,i.jsx)(c.H,{tag:"h3",as:"h1",className:"name-text",children:Y}),(0,i.jsxs)("div",{className:"info-wrapper",children:[(0,i.jsxs)("div",{className:"info-text info-post",children:[j.fn&&(0,i.jsx)("img",{src:(0,O.k3)("/svg/marrybaby/note.svg"),className:"info-text-icon",alt:""}),(0,i.jsxs)(u.T,{size:"p3",weight:j.fn?void 0:"bold",children:[(0,l.a)(ee),"\xa0"]}),(0,i.jsx)(u.T,{size:"p3",children:R({id:"card.posts"})})]}),(0,i.jsxs)("div",{className:"info-text",children:[j.fn&&(0,i.jsx)("img",{src:(0,O.k3)("/svg/marrybaby/group.svg"),className:"info-text-icon",alt:""}),(0,i.jsxs)(u.T,{size:"p3",weight:j.fn?void 0:"bold",children:[(0,l.a)(ne),"\xa0"]}),(0,i.jsx)(u.T,{size:"p3",children:R({id:"card.members"})})]})]}),(0,i.jsx)(u.T,{size:"p4",className:"description-text mid-position",children:(0,i.jsx)("span",{dangerouslySetInnerHTML:{__html:Q||""}})})]})]})),(0,i.jsx)("div",{className:"button-container",children:fe?(0,i.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",gap:"8px"},children:[(0,i.jsx)(D,{variant:"light",onClick:function(){return V&&ce({ids:[V],names:[Y],isJoin:!fe,communityIds:ie?[ie]:[],callback:function(e){return ge(e)}})},className:"button-following",size:he,color:"green",loading:le,leftIcon:j.fn?(0,i.jsx)(p.Z,{size:24,color:"currentColor"}):(0,i.jsx)(m.Z,{color:"currentColor"}),children:R({id:"cardTopic.following"})}),(0,i.jsx)(y.M,{hideNotification:!0,className:"button-more",buttonProps:{color:"transparent",size:"md",leftIcon:(0,i.jsx)(P.Z,{})},url:oe||"",hasJoined:fe,onClickJoined:function(){return V&&ce({names:[Y],ids:[V],isJoin:!fe,communityIds:ie?[ie]:[],callback:function(e){return ge(e)}})},onClickShare:function(){return pe(!0)},hasBorderBtn:!0})]}):(0,i.jsx)(D,{className:"button-follow",onClick:function(){return ae((function(){return V&&ce({ids:[V],names:[Y],isJoin:!fe,communityIds:ie?[ie]:[],callback:function(e){return ge(e)}})}))},size:he,color:"tertiary",loading:le,leftIcon:j.fn?(0,i.jsx)(f.Z,{color:"#fff"}):void 0,children:R({id:"cardTopic.follow"})})})]})})})]})}},37773:function(e,t,n){"use strict";n.d(t,{H:function(){return l}});var i=n(26265),o=n(85893),r=n(38347),a=(n(67294),n(91256).ZP.div.withConfig({displayName:"indexstyled__StyledWrapper",componentId:"sc-1sts3rk-0"})(["width:40px;height:40px;display:flex;justify-content:center;align-items:center;box-shadow:0px 10px 16px rgba(0,0,0,0.04),0px 2px 8px rgba(0,0,0,0.04),0px 0px 1px rgba(0,0,0,0.04);margin-right:16px;border-radius:50%;background:white;"]));function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var l=function(e){var t=e.onClick,n=(0,r.Z)(e,["onClick"]);return(0,o.jsx)(a,c(c({},n),{},{onClick:t,children:(0,o.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("path",{d:"M10.929 11.9997L14.75 8.17866C15.164 7.76466 15.164 7.09266 14.75 6.67866C14.336 6.26466 13.664 6.26466 13.25 6.67866L8.63605 11.2927C8.24505 11.6837 8.24505 12.3167 8.63605 12.7067L13.25 17.3207C13.664 17.7347 14.336 17.7347 14.75 17.3207C15.164 16.9067 15.164 16.2347 14.75 15.8207L10.929 11.9997Z",fill:"#595959"})})}))}},56632:function(e,t,n){"use strict";n.d(t,{j:function(){return s}});var i=n(26265),o=n(85893),r=n(48560);function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}var s=function(e){return(0,o.jsx)(r.B,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e))}},83272:function(e,t,n){"use strict";n.d(t,{O:function(){return b}});var i=n(26265),o=n(85893),r=n(38347),a=n(67294),s=n(73935),c=n(46784),l=n(91256),d=n(95983),u=n(37773),p=l.ZP.div.withConfig({displayName:"indexstyled__StyledWrapper",componentId:"sc-1uc66j7-0"})(["position:fixed;top:0;left:0;bottom:0;width:100%;background:",";transition:all ","ms ease;transform:translate(20%,0);opacity:0;display:flex;flex-direction:column;&[data-show='true']{opacity:1;transform:translate(0,0);}",""],c.t.colors.neutral50,(function(e){return e.speed}),d.fn&&(0,l.iv)(["background:white;"])),m=l.ZP.div.withConfig({displayName:"indexstyled__StyledHeading",componentId:"sc-1uc66j7-1"})(["font-size:18px;line-height:28px;font-weight:600;color:",";width:calc(100% - 56px);"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray800})),f=l.ZP.div.withConfig({displayName:"indexstyled__StyledHeader",componentId:"sc-1uc66j7-2"})(["display:flex;align-items:center;position:sticky;left:0;top:-1px;padding:16px;background:",";",""],c.t.colors.neutral50,d.fn&&(0,l.iv)(["background:white;"])),g=l.ZP.div.withConfig({displayName:"indexstyled__StyledDesc",componentId:"sc-1uc66j7-3"})(["font-size:14px;line-height:22px;margin-top:16px;color:",";"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray800})),h=l.ZP.div.withConfig({displayName:"indexstyled__StyledContent",componentId:"sc-1uc66j7-4"})(["overflow-y:auto;padding:16px 16px 0 16px;"]),v=(0,l.ZP)(u.H).withConfig({displayName:"indexstyled__StyledCloseBtn",componentId:"sc-1uc66j7-5"})([""]);function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var b=function(e){var t=e.title,n=e.description,i=e.children,c=e.className,l=void 0===c?"":c,d=e.show,u=e.onClose,x=(0,r.Z)(e,["title","description","children","className","show","onClose"]),b=(0,a.useState)(d),C=b[0],j=b[1],w=(0,a.useState)(!1),O=w[0],P=w[1];return(0,a.useEffect)((function(){d?(j(!0),setTimeout((function(){P(!0)}),100)):(P(!1),setTimeout((function(){j(!1)}),300))}),[d]),C&&(0,s.createPortal)((0,o.jsxs)(p,y(y({className:l},x),{},{"data-show":O,speed:300,children:[(0,o.jsxs)(f,{children:[(0,o.jsx)(v,{onClick:function(){return null===u||void 0===u?void 0:u()}}),(0,o.jsx)(m,{children:t})]}),n&&(0,o.jsx)(g,{dangerouslySetInnerHTML:{__html:n}}),i&&(0,o.jsx)(h,{children:i})]})),document.body)||null}},91527:function(e,t,n){"use strict";var i=n(26265),o=n(85893),r=n(38347);n(67294);function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}t.Z=function(e){var t=e.size,n=void 0===t?24:t,i=e.color,a=void 0===i?"#fff":i,c=(0,r.Z)(e,["size","color"]);return(0,o.jsx)("svg",s(s({width:n,height:n,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c),{},{children:(0,o.jsx)("path",{d:"M13.4092 2.65142C13.6771 2.38353 14.0266 2.25 14.3789 2.25C14.7311 2.25 15.0805 2.38345 15.3483 2.65118C15.8839 3.18723 15.8836 4.05579 15.3486 4.59076L15 4.93934L13.0607 3L13.4092 2.65142ZM3 15V13.0607L10.875 5.18566L12.8143 7.125L4.93934 15H3Z",fill:a,stroke:a,strokeWidth:"1.5"})}))}},38987:function(e,t,n){"use strict";var i=n(26265),o=n(85893),r=n(38347);n(67294);function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}t.Z=function(e){var t=e.size,n=void 0===t?18:t,i=e.color,a=void 0===i?"#595959":i,c=(0,r.Z)(e,["size","color"]);return(0,o.jsx)("svg",s(s({width:n,height:n,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c),{},{children:(0,o.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 6.66659C10.9167 6.66659 11.6667 5.91659 11.6667 4.99992C11.6667 4.08325 10.9167 3.33325 10 3.33325C9.08334 3.33325 8.33334 4.08325 8.33334 4.99992C8.33334 5.91659 9.08334 6.66659 10 6.66659ZM10 8.33325C9.08334 8.33325 8.33334 9.08325 8.33334 9.99992C8.33334 10.9166 9.08334 11.6666 10 11.6666C10.9167 11.6666 11.6667 10.9166 11.6667 9.99992C11.6667 9.08325 10.9167 8.33325 10 8.33325ZM8.33334 14.9999C8.33334 14.0833 9.08334 13.3333 10 13.3333C10.9167 13.3333 11.6667 14.0833 11.6667 14.9999C11.6667 15.9166 10.9167 16.6666 10 16.6666C9.08334 16.6666 8.33334 15.9166 8.33334 14.9999Z",fill:a,fillOpacity:"0.8"})}))}},30759:function(e,t,n){"use strict";var i=n(26265),o=n(85893),r=n(38347);n(67294);function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}t.Z=function(e){var t=e.size,n=void 0===t?18:t,i=e.color,a=void 0===i?"currentColor":i,c=(0,r.Z)(e,["size","color"]);return(0,o.jsx)("svg",s(s({width:n,height:n,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c),{},{children:(0,o.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.9996 6.3501C12.3586 6.3501 12.6496 6.64111 12.6496 7.0001V11.3501H16.9996C17.3586 11.3501 17.6496 11.6411 17.6496 12.0001C17.6496 12.3591 17.3586 12.6501 16.9996 12.6501H12.6496V17.0001C12.6496 17.3591 12.3586 17.6501 11.9996 17.6501C11.6406 17.6501 11.3496 17.3591 11.3496 17.0001V12.6501H6.99961C6.64062 12.6501 6.34961 12.3591 6.34961 12.0001C6.34961 11.6411 6.64062 11.3501 6.99961 11.3501H11.3496V7.0001C11.3496 6.64111 11.6406 6.3501 11.9996 6.3501Z",fill:a})}))}},29874:function(e,t,n){"use strict";var i=n(26265),o=n(85893),r=n(38347);n(67294);function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c=n(91256).ZP.div.withConfig({displayName:"RoundCheck__StyledWrapper",componentId:"sc-myv6ua-0"})(["border-radius:50%;display:flex;align-items:center;justify-content:center;width:","px;height:","px;background:",";"],(function(e){return e.size}),(function(e){return e.size}),(function(e){return e.color}));t.Z=function(e){var t=e.size,n=void 0===t?24:t,i=e.color,a=void 0===i?"#595959":i,l=(0,r.Z)(e,["size","color"]);return(0,o.jsx)(c,s(s({size:n,color:a},l),{},{children:(0,o.jsx)("svg",{width:"6",height:"4",viewBox:"0 0 6 4",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("path",{d:"M4.9165 0.75L2.1665 3.25L0.916504 2.11364",stroke:"white",strokeLinecap:"round",strokeLinejoin:"round"})})}))}},87841:function(e,t,n){"use strict";n.d(t,{C:function(){return g}});var i=n(26265),o=n(85893),r=n(38347),a=n(46784);n(67294);function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var l=function(e){var t=e.size,n=void 0===t?24:t,i=e.color,a=void 0===i?"#fff":i,s=(0,r.Z)(e,["size","color"]);return(0,o.jsx)("svg",c(c({width:n,height:n,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s),{},{children:(0,o.jsx)("path",{d:"M12.5 21.125L12.35 18.5H11.5C9.26667 18.5 7.375 17.725 5.825 16.175C4.275 14.625 3.5 12.7333 3.5 10.5C3.5 8.26667 4.275 6.375 5.825 4.825C7.375 3.275 9.26667 2.5 11.5 2.5C12.6167 2.5 13.6583 2.70833 14.625 3.125C15.5917 3.54167 16.4377 4.11267 17.163 4.838C17.8877 5.56267 18.4583 6.40833 18.875 7.375C19.2917 8.34167 19.5 9.38333 19.5 10.5C19.5 12.7833 18.8373 14.854 17.512 16.712C16.1873 18.5707 14.5167 20.0417 12.5 21.125ZM11.5 15.775C11.75 15.775 11.9583 15.6873 12.125 15.512C12.2917 15.3373 12.375 15.1333 12.375 14.9C12.375 14.65 12.2917 14.4373 12.125 14.262C11.9583 14.0873 11.75 14 11.5 14C11.25 14 11.0417 14.0873 10.875 14.262C10.7083 14.4373 10.625 14.65 10.625 14.9C10.625 15.1333 10.7083 15.3373 10.875 15.512C11.0417 15.6873 11.25 15.775 11.5 15.775ZM11.525 12.725C11.6583 12.725 11.7877 12.6707 11.913 12.562C12.0377 12.454 12.125 12.3083 12.175 12.125C12.2083 11.8917 12.3 11.675 12.45 11.475C12.6 11.275 12.8667 10.9833 13.25 10.6C13.55 10.3167 13.7917 10.0127 13.975 9.688C14.1583 9.36267 14.25 9 14.25 8.6C14.25 7.81667 13.9793 7.21667 13.438 6.8C12.896 6.38333 12.2583 6.175 11.525 6.175C10.975 6.175 10.496 6.304 10.088 6.562C9.67933 6.82067 9.35 7.14167 9.1 7.525C9 7.675 8.97933 7.829 9.038 7.987C9.096 8.14567 9.21667 8.25833 9.4 8.325C9.53333 8.375 9.67067 8.375 9.812 8.325C9.954 8.275 10.075 8.175 10.175 8.025C10.3083 7.825 10.4833 7.654 10.7 7.512C10.9167 7.37067 11.1917 7.3 11.525 7.3C12.025 7.3 12.4 7.44167 12.65 7.725C12.9 8.00833 13.025 8.31667 13.025 8.65C13.025 8.95 12.9417 9.21267 12.775 9.438C12.6083 9.66267 12.3917 9.90833 12.125 10.175C11.6917 10.5417 11.396 10.8583 11.238 11.125C11.0793 11.3917 10.9833 11.725 10.95 12.125C10.9333 12.275 10.9793 12.4123 11.088 12.537C11.196 12.6623 11.3417 12.725 11.525 12.725ZM14 17V18.35C15.1833 17.35 16.1457 16.1793 16.887 14.838C17.629 13.496 18 12.05 18 10.5C18 8.68333 17.371 7.14567 16.113 5.887C14.8543 4.629 13.3167 4 11.5 4C9.68333 4 8.146 4.629 6.888 5.887C5.62933 7.14567 5 8.68333 5 10.5C5 12.3167 5.62933 13.8543 6.888 15.113C8.146 16.371 9.68333 17 11.5 17H14Z",fill:a})}))},d=n(91256),u=(d.ZP.div.withConfig({displayName:"indexstyled__StyledContainer",componentId:"sc-fpo09j-0"})(["background:",";padding:16px;border-radius:8px;display:flex;align-items:center;gap:8px;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:",";"],a.t.colors.yellow50,a.t.colors.gray600),d.ZP.div.withConfig({displayName:"indexstyled__StyledIcon",componentId:"sc-fpo09j-1"})(["position:relative;line-height:0;"])),p=d.ZP.div.withConfig({displayName:"indexstyled__StyledNoti",componentId:"sc-fpo09j-2"})(["position:absolute;top:0;right:0;width:8px;height:8px;border-radius:50%;background-color:#f44d2c;"]);function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=function(e){var t=e.disableDot,n=(0,r.Z)(e,["disableDot"]);return(0,o.jsxs)(u,f(f({},n),{},{children:[(0,o.jsx)(l,{color:a.t.colors.gray600}),!t&&(0,o.jsx)(p,{})]}))}},35712:function(e,t,n){"use strict";n.d(t,{s:function(){return ce}});var i=n(85893),o=n(26265),r=n(38347),a=n(67294),s=n(46784),c=n(89708),l=n(93692),d=n(48560),u=n(89212),p=n(93178),m=n(69984),f=n(11163),g=n(86896),h=n(24169),v=n(37773),x=n(38987),y=n(30759),b=n(37302),C=n(21124),j=n(95983),w=n(43196),O=n(89814),P=n(48337),_=n(91256),k=n(56632),S=n(29874),N=_.ZP.div.withConfig({displayName:"indexstyled__StyledWrapper",componentId:"sc-hq433l-0"})([""]),I=(0,_.ZP)(k.j).withConfig({displayName:"indexstyled__StyledJoinBtn",componentId:"sc-hq433l-1"})(["pointer-events:auto;"]),Z=_.ZP.a.withConfig({displayName:"indexstyled__StyledLinkWrapper",componentId:"sc-hq433l-2"})(["*{pointer-events:none;}"]),D=_.ZP.div.withConfig({displayName:"indexstyled__StyledActions",componentId:"sc-hq433l-3"})(["display:flex;align-items:center;justify-content:space-between;white-space:nowrap;","{width:100%;order:1;}.button-more{pointer-events:auto;order:2;& + ","{width:calc(100% - 30px);}","{.popover-menu__content{width:250px;}}}"],I,I,O.M.mbDown),T=_.ZP.a.withConfig({displayName:"indexstyled__StyledBackToComunityBtn",componentId:"sc-hq433l-4"})(["position:absolute;top:16px;left:16px;z-index:2;"]),M=_.ZP.div.withConfig({displayName:"indexstyled__StyledCoverBannerWrapper",componentId:"sc-hq433l-5"})(["position:relative;"]),E=(_.ZP.div.withConfig({displayName:"indexstyled__StyledCarouselWrapper",componentId:"sc-hq433l-6"})([""]),(0,_.ZP)(d.n).withConfig({displayName:"indexstyled__StyledCarousel",componentId:"sc-hq433l-7"})([""])),z=_.ZP.div.withConfig({displayName:"indexstyled__StyledCoverBanner",componentId:"sc-hq433l-8"})(["border-radius:inherit;overflow:hidden;.cover-container{position:relative;overflow:hidden;width:100%;padding-top:56.25%;.cover-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;&.cover-image-desktop{","{display:none;}}&.cover-image-mobile{","{display:none;}}}}"],O.M.mbDown,O.M.mbUp),L=(_.ZP.div.withConfig({displayName:"indexstyled__StyledCountTopics",componentId:"sc-hq433l-9"})([""]),_.ZP.div.withConfig({displayName:"indexstyled__StyledHeadingWrapper",componentId:"sc-hq433l-10"})([""])),B=_.ZP.span.withConfig({displayName:"indexstyled__StyledCountItemLabel",componentId:"sc-hq433l-11"})(["font-weight:600;color:",";",""],s.t.colors.gray800,j.fn&&(0,_.iv)(["font-weight:normal;"])),A=_.ZP.img.withConfig({displayName:"indexstyled__StyledCountItemIcon",componentId:"sc-hq433l-12"})(["width:18px;margin-right:4px;"]),W=_.ZP.span.withConfig({displayName:"indexstyled__StyledCountItemValue",componentId:"sc-hq433l-13"})(["color:",";"],s.t.colors.gray600),H=_.ZP.div.withConfig({displayName:"indexstyled__StyledCountItem",componentId:"sc-hq433l-14"})(["display:flex;align-items:center;font-size:14px;line-height:22px;"]),F=_.ZP.div.withConfig({displayName:"indexstyled__StyledCountBar",componentId:"sc-hq433l-15"})(["display:flex;"]),R=(0,_.ZP)(P.H).withConfig({displayName:"indexstyled__StyledHeading",componentId:"sc-hq433l-16"})(["font-size:16px;line-height:24px;color:",";"],s.t.colors.gray800),U=_.ZP.div.withConfig({displayName:"indexstyled__StyledAvatarWrapper",componentId:"sc-hq433l-17"})(["position:relative;overflow:hidden;"]),q=_.ZP.div.withConfig({displayName:"indexstyled__StyledAvatar",componentId:"sc-hq433l-18"})(["position:relative;background:white;width:56px;border-radius:50%;border:4px solid ",";overflow:hidden;",""],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.white}),j.fn&&(0,_.iv)(["border:0;border-radius:8px;"])),J=_.ZP.div.withConfig({displayName:"indexstyled__StyledAvatarInner",componentId:"sc-hq433l-19"})(["height:0;padding-bottom:100%;"]),V=_.ZP.img.withConfig({displayName:"indexstyled__StyledAvatarImg",componentId:"sc-hq433l-20"})(["position:absolute;width:100%;height:100%;object-fit:cover;object-position:center center;"]),G=(0,_.ZP)(S.Z).withConfig({displayName:"indexstyled__StyledAvatarJoinIcon",componentId:"sc-hq433l-21"})(["position:absolute;right:0;bottom:0;"]),Y=_.ZP.div.withConfig({displayName:"indexstyled__StyledDetailInfo",componentId:"sc-hq433l-22"})([""]),X=_.ZP.div.withConfig({displayName:"indexstyled__StyledMainInfo",componentId:"sc-hq433l-23"})([""]),Q=_.ZP.div.withConfig({displayName:"indexstyled__StyledLargeInfo",componentId:"sc-hq433l-24"})(["display:flex;flex-direction:column;padding:16px;background:white;justify-content:center;","{position:relative;z-index:2;}","{width:72px;}","{margin-right:16px;}","{margin-left:1.5rem;&:first-child{margin-left:0;}}","{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;}","{","{width:100%;margin-bottom:16px;}","{width:100%;}}","{flex-direction:row;justify-content:space-between;","{display:flex;flex-direction:row;align-items:center;}}"],O.M.mbDown,q,U,H,X,O.M.mbDown,Y,F,O.M.mbUp,X),K=_.ZP.div.withConfig({displayName:"indexstyled__StyledBannerLayout",componentId:"sc-hq433l-25"})(["box-shadow:0px 4px 8px rgba(0,0,0,0.04),0px 0px 2px rgba(0,0,0,0.06),0px 0px 1px rgba(0,0,0,0.04);","{font-weight:700;font-size:26px;line-height:36px;letter-spacing:-0.8px;}","{position:relative;z-index:1;.cover-container{padding-top:32%;","{padding-top:56.25%;.cover-image{border-radius:0;}}}}","{margin-top:8px;}","{","{font-size:20px;letter-spacing:-0.7px;line-height:26px;}","{z-index:2;padding-top:30px;}","{width:64px;}","{position:absolute;left:0;top:0;transform:translate(0,calc(-50% - 16px));}.mantine-Carousel-indicators{right:16px;justify-content:flex-end;}}",""],R,z,O.M.mbDown,F,O.M.mbDown,R,X,q,U,j.fn&&(0,_.iv)(["background:white;","{","{border-radius:1rem 1rem 0 0;overflow:hidden;}","{border:4px solid white;border-radius:1rem;background-color:rgb(255,249,235);}","{justify-content:space-between;}","{font-size:12px;width:auto;margin:0;}}"],O.M.mbDown,E,q,F,H)),$=_.ZP.div.withConfig({displayName:"indexstyled__StyledActionWrapper",componentId:"sc-hq433l-26"})(["padding:0 1rem 1rem;"]),ee=_.ZP.div.withConfig({displayName:"indexstyled__StyledSmallBanner",componentId:"sc-hq433l-27"})(["position:relative;border-radius:inherit;","{width:56px;","}","{position:absolute;left:16px;top:100%;transform:translate(0,-50%);}"],q,j.fn&&(0,_.iv)(["width:32px;"]),U),te=_.ZP.div.withConfig({displayName:"indexstyled__StyledMiniHorizontalLayout",componentId:"sc-hq433l-28"})(["display:flex;align-items:center;justify-content:space-between;","{width:",";border-radius:",";border-width:",";}","{margin-right:10px;}","{width:auto;padding-left:10px;padding-right:10px;font-size:12px;}","{display:flex;align-items:center;}.count-label{font-weight:normal;}.count-item{font-size:12px;line-height:16px;color:",";}"],q,(function(e){return e.avatarSize||"40px"}),(function(e){return e.avatarRadiusSize||"50%"}),(function(e){return e.avatarBorderWidth||"4px"}),U,I,X,s.t.colors.gray600),ne=_.ZP.div.withConfig({displayName:"indexstyled__StyledHorizontalLayout",componentId:"sc-hq433l-29"})(["position:relative;.link-wrapper{*{pointer-events:none;}}","{display:flex;}","{margin-bottom:8px;}","{display:flex;flex-direction:column;align-items:flex-start;width:33.33%;}","{width:100%;border-radius:",";border-width:",";}","{width:",";margin-right:0.75rem;}","{display:flex;flex-direction:column;justify-content:space-between;flex:1;}","{position:absolute;left:calc(35% + 1rem);right:0;bottom:1rem;}"],N,R,H,q,(function(e){return e.avatarRadiusSize||"6px"}),(function(e){return e.avatarBorderWidth||"0"}),U,(function(e){return e.avatarSize||"35%"}),X,D),ie=_.ZP.div.withConfig({displayName:"indexstyled__StyledVerticalLayout",componentId:"sc-hq433l-30"})(["position:relative;display:flex;flex-direction:column;justify-content:space-between;background:white;text-decoration:none;","{border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom-right-radius:0;border-bottom-left-radius:0;}","{font-size:18px;line-height:28px;margin-top:24px;","}","{width:",";border-radius:",";border-width:",";background:white;}","{margin-right:10px;}","{","}","{"," ","}","{display:none;}","{display:flex;flex-direction:column;justify-content:space-between;padding:16px 16px;& + ","{padding-top:0;margin-top:-8px;}}"],z,R,j.fn&&(0,_.iv)(["margin-top:16px;"]),q,(function(e){return e.avatarSize||(j.fn?"32px":"56px")}),(function(e){return e.avatarRadiusSize||(j.fn?"8px":"50%")}),(function(e){return e.avatarBorderWidth||(j.fn?0:"4px")}),U,F,!j.fn&&(0,_.iv)(["display:flex;justify-content:space-around;"]),H,!j.fn&&(0,_.iv)(["flex-direction:column;font-weight:normal;"]),j.fn&&(0,_.iv)(["font-size:10px;line-height:10px;position:relative;padding-left:10px;&:before{content:'';width:3px;height:3px;border-radius:50%;background-color:",";display:inline-block;position:absolute;left:3px;top:50%;transform:translate(0,-50%);}&:first-child{padding-left:0px;&:before{content:none;}}"],s.t.mbColors.midGray),A,Y,Y),oe=_.ZP.div.withConfig({displayName:"indexstyled__StyledOnlyBtnLayout",componentId:"sc-hq433l-31"})([".popover-menu__btn{border:1px solid ",";width:32px;height:32px;border-radius:4px;padding:0;.mantine-Button-icon{display:flex;align-items:center;justify-content:center;}}"],s.t.colors.gray300),re=n(82408);function ae(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function se(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ae(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ae(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ce=function(e){var t=e.community,n=(e.isMobile,e.type),o=void 0===n?"banner":n,O=(e.style,e.activeTabIndex,e.setTabIndex,e.onCreatePostClick,e.align,e.hasBackBtn),P=e.hideJoinBtn,_=e.avatarSize,k=e.avatarRadiusSize,S=e.avatarBorderWidth,ae=e.avatarShowJoinIcon,ce=e.headingTag,le=void 0===ce?"h2":ce,de=e.joinRequestLabelBtn,ue=e.joinedLabel,pe=e.joinCustomBtn,me=e.onCallback,fe=e.onClickBtnCallback,ge=e.authRedirect,he=e.btnProps,ve=(0,r.Z)(e,["community","isMobile","type","style","activeTabIndex","setTabIndex","onCreatePostClick","align","hasBackBtn","hideJoinBtn","avatarSize","avatarRadiusSize","avatarBorderWidth","avatarShowJoinIcon","headingTag","joinRequestLabelBtn","joinedLabel","joinCustomBtn","onCallback","onClickBtnCallback","authRedirect","btnProps"]),xe=t.thumbnail,ye=t.slug,be=t.name,Ce=t.joined,je=t.totalPostComment,we=void 0===je?0:je,Oe=t.topicCount,Pe=void 0===Oe?0:Oe,_e=t.memberCount,ke=void 0===_e?0:_e,Se=t.id,Ne=(0,f.useRouter)(),Ie=Ne.locale,Ze=void 0===Ie?"vi-VN":Ie,De=Ne.asPath,Te=(0,a.useMemo)((function(){return(0,h.mg)(Ze)}),[Ze,De]),Me=(0,g.Z)().formatMessage,Ee=(0,a.useState)(t.joined),ze=Ee[0],Le=Ee[1],Be=(0,C.h0)({_joinCommunityIds:[t.id],_location:ge||"/".concat(t.slug)}).authActionWrapper,Ae=(0,b.C)({authActionWrapper:Be}),We=Ae.onJoinLeave,He=Ae.loading,Fe="".concat((0,h.mg)(Ze)).concat(j.GW,"/").concat(ye),Re=(0,a.useState)(!1),Ue=Re[0],qe=Re[1],Je=(0,a.useState)(!1),Ve=Je[0],Ge=Je[1],Ye=(0,w.k3)("/".concat(ye,"/")),Xe={href:Ye},Qe={"data-event-category":j.UN,"data-event-action":"Community Click","data-event-label":(0,h.mg)(Ze)+Ye},Ke={avatarSize:_,avatarRadiusSize:k,avatarBorderWidth:S},$e=(0,i.jsxs)(U,{children:[(0,i.jsx)(q,{children:(0,i.jsx)(J,{children:(0,i.jsx)(V,{src:xe})})}),ae&&(0,i.jsx)(G,{size:10,color:s.t.colors.green600})]}),et=(0,i.jsx)(R,{"data-testId":"Community Title",className:"community-name",as:le,children:be}),tt=(null===t||void 0===t?void 0:t.banner)||[],nt=(null===tt||void 0===tt?void 0:tt[0])||{image:j.YS,mobileImage:j.YS,url:""},it=function(e){var t=e.image,n=e.mobileImage;e.url;return(0,i.jsx)(z,{className:"cover-outer-container",children:(0,i.jsxs)("div",{className:"cover-container",children:[(0,i.jsx)("img",{className:"cover-image cover-image-desktop",src:t||j.YS,alt:""}),(0,i.jsx)("img",{className:"cover-image cover-image-mobile",src:n||t||j.YS,alt:""})]})})},ot="horizontal"==o?(0,i.jsx)(it,{image:xe,mobileImage:xe}):"banner"===o?tt.length>0?(0,i.jsx)(E,{slidesToShow:1,align:"start",slideGap:"md",breakpoints:[{maxWidth:"sm",slideSize:"100%",slideGap:2}],withControls:!1,withIndicators:tt.length>1,styles:{indicator:{width:8,height:8,borderRadius:"50%",border:"1px solid #9495A0",boxShadow:"none",background:"#9495A0",opacity:1,"&[data-active]":{borderColor:j.fn?s.t.mbColors.pink:s.t.colors.primaryBase,background:j.fn?s.t.mbColors.pink:s.t.colors.primaryBase}}},children:tt.map((function(e,t){return(0,i.jsx)(d.n.Slide,{children:(0,i.jsx)("a",{href:e.url||"#",target:"_blank",children:(0,i.jsx)(it,{image:e.image,mobileImage:e.mobileImage})})},t)}))}):(0,i.jsx)(it,{image:j.YS}):(0,i.jsx)(m.o,{ratio:750/422,children:(0,i.jsx)("img",{src:(null===nt||void 0===nt?void 0:nt.mobileImage)||(null===nt||void 0===nt?void 0:nt.image),alt:be,loading:"lazy"})}),rt=(0,i.jsx)(I,se(se(se({},!Ce&&{dataEventCategory:j.UN,dataEventAction:"Join Community",dataEventLabel:Te+Ye}),{},{variant:Ce?"light":"primary",color:Ce?"green":void 0,onClick:function(e){e.preventDefault(),e.stopPropagation(),Be((function(){var e;(e=!Ce)?We({names:[be],ids:[Se],isJoin:e,callbackFn:me}):qe(!0)}),{action:"follow"}),null===fe||void 0===fe||fe()},className:"button-following",size:"miniHorizontal"===o?"sm":"md",loading:He,leftIcon:Ce?j.fn?(0,i.jsx)(u.Z,{size:24,color:"currentColor"}):(0,i.jsx)(p.Z,{color:"currentColor"}):j.fn?(0,i.jsx)(y.Z,{size:24}):void 0,"data-testid":Ce?"Button Unfollow":"Button Follow"},he),{},{children:Ce?ue||Me({id:"horizontal"===o?"cardCommunity.following":"cardCommunity.joined"}):de||Me({id:"cardCommunity.join"})})),at=(0,i.jsxs)(D,{className:"actions-bar",onClick:function(e){e.preventDefault(),e.stopPropagation()},children:[Ce&&(0,i.jsx)("div",{className:"button-more homepage",children:(0,i.jsx)(re.M,{url:Ye,buttonProps:{color:"transparent",size:"md",leftIcon:(0,i.jsx)(x.Z,{})},hasNotification:ze,hasJoined:Ce,onClickJoined:function(){return We({names:[be],ids:[Se],isJoin:!Ce})},onClickNotification:function(){return Be((function(){return Le((function(e){return!e}))}))},onClickShare:function(){return Ge(!0)}})}),!P&&rt]}),st=function(){return(0,i.jsxs)(H,{className:"count-item",children:[(0,i.jsxs)(B,{className:"count-label",children:[(0,c.a)(Pe),"\xa0"]}),(0,i.jsx)(W,{className:"count-value",children:Me({id:"card.topics"})})]})},ct=function(){return(0,i.jsxs)(H,{children:[j.fn&&(0,i.jsx)(A,{src:(0,w.k3)("/svg/marrybaby/note.svg"),className:"info-text-icon",alt:""}),(0,i.jsxs)(B,{children:[(0,c.a)(we),"\xa0"]}),(0,i.jsx)(W,{children:Me({id:"card.interaction",defaultMessage:"interaction"})})]})},lt=ke>=1e3&&(0,i.jsxs)(H,{className:"info-text info-text-last",children:[j.fn&&(0,i.jsx)(A,{src:(0,w.k3)("/svg/marrybaby/group.svg"),className:"info-text-icon",alt:""}),(0,i.jsxs)(B,{children:[(0,c.a)(ke),"\xa0"]}),(0,i.jsx)(W,{children:Me({id:"card.members"})})]}),dt=function(){return(0,i.jsxs)(F,{children:[(0,i.jsx)(st,{}),(0,i.jsx)(ct,{}),lt]})};return(0,i.jsxs)(C.Mv,{defaultParams:t.slug?{_joinCommunityIds:[t.id],_location:"/".concat(t.slug)}:void 0,children:[Ve&&(0,i.jsx)(l.S,{trackingCategory:j.UN,url:Fe,avatar:t.thumbnail,text:Me({id:"share.letsJoinCommunity"},{name:t.name}),onClose:function(){return Ge(!1)}}),Ue&&(0,i.jsx)(l.P,{thumbnail:j.fn?(0,w.k3)("/svg/marrybaby/logout.svg"):(0,w.k3)("/images/leave-community.png"),isThumbnailIcon:j.fn,title:Me({id:"actionPopover.leaveCommunity.title"}),description:Me({id:"actionPopover.leaveCommunity.description"}),acceptText:Me({id:"actionPopover.leaveCommunity.accept"}),cancelText:Me({id:"actionPopover.leaveCommunity.cancel"}),onAccept:function(){return We({names:[be],ids:[Se],isJoin:!1})},acceptBtnTracking:{"data-event-category":j.UN,"data-event-action":"Leave Community","data-event-label":(0,h.mg)(Ze)+Ye},onClose:function(){return qe(!1)}}),"banner"===o?(0,i.jsxs)(K,se(se(se({},Ke),ve),{},{children:[(0,i.jsxs)(M,{children:[ot,O&&(0,i.jsx)(T,{href:(0,w.k3)("/"),children:(0,i.jsx)(v.H,{})})]}),(0,i.jsxs)(Q,{children:[(0,i.jsxs)(X,{children:[$e,(0,i.jsxs)(Y,{children:[et,(0,i.jsx)(dt,{})]})]}),at]})]})):"horizontal"===o?(0,i.jsxs)(ne,se(se(se({},Ke),ve),{},{children:[(0,i.jsx)("a",se(se(se({className:"link-wrapper"},Xe),Qe),{},{children:(0,i.jsxs)(N,{children:[$e,(0,i.jsx)(X,{children:(0,i.jsxs)(Y,{children:[et,(0,i.jsx)(dt,{})]})})]})})),at]})):"vertical"===o?(0,i.jsxs)(ie,se(se(se({},Ke),ve),{},{children:[(0,i.jsxs)(Z,se(se(se({},Xe),Qe),{},{children:[(0,i.jsxs)(ee,{children:[ot,$e]}),(0,i.jsx)(Y,{className:"sm-info",children:et}),(0,i.jsx)(Y,{children:(0,i.jsx)(dt,{})})]})),(0,i.jsx)($,{children:at})]})):"miniHorizontal"===o?(0,i.jsxs)(te,se(se(se({},Ke),ve),{},{children:[(0,i.jsxs)(X,{children:[(0,i.jsx)(Z,se(se(se({},Xe),Qe),{},{children:$e})),(0,i.jsx)(Z,se(se(se({},Xe),Qe),{},{children:(0,i.jsxs)(L,{children:[et,(0,i.jsx)(st,{})]})}))]}),at]})):"miniHorizontalWithoutBtn"===o?(0,i.jsx)(te,se(se(se({},Ke),ve),{},{children:(0,i.jsx)(Z,se(se(se({},Xe),Qe),{},{children:(0,i.jsxs)(X,{children:[$e,(0,i.jsxs)(L,{children:[et,(0,i.jsx)(st,{})]})]})}))})):"onlyButton"===o?(0,i.jsx)(oe,se(se({},ve),{},{children:at})):"toggleButton"===o?Ce?pe&&pe:(0,i.jsx)(oe,se(se({},ve),{},{children:at})):(0,i.jsx)(i.Fragment,{})]})}},82408:function(e,t,n){"use strict";n.d(t,{M:function(){return y}});var i=n(85893),o=n(26265),r=n(28140),a=n(38347),s=n(67294),c=n(93692),l=n(48560),d=n(19827),u=n(11163),p=n(86896),m=n(24169),f=n(22028),g=n(95983),h=n(43196);function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var y=function(e){var t=e.url,n=e.hasNotification,o=e.hasJoined,v=e.onClickJoined,y=e.onClickNotification,b=e.onClickShare,C=e.hideNotification,j=e.buttonProps,w=e.hasBorderBtn,O=(0,a.Z)(e,["url","hasNotification","hasJoined","onClickJoined","onClickNotification","onClickShare","hideNotification","buttonProps","hasBorderBtn"]),P=(0,p.Z)().formatMessage,_=(0,u.useRouter)().locale,k=void 0===_?"vi-VN":_,S=(0,s.useState)(!1),N=S[0],I=S[1],Z=(0,d.rZ)().colors,D=[{icon:(0,h.k3)("/svg/icon-add-user.svg"),label:P({id:"actionPopover.inviteShareCommunity"}),onClick:b,dataEventCategory:"Together",dataEventAction:"Share Community",dataEventLabel:(0,m.mg)(k)+t}].concat((0,r.Z)(C?[]:[{icon:n?(0,h.k3)("/svg/icon-bell-off.svg"):(0,h.k3)("/svg/icon-bell-on.svg"),label:P(n?{id:"actionPopover.turnOffNotification"}:{id:"actionPopover.turnOnNotification"}),onClick:y,dataEventCategory:"Together",dataEventAction:"Community Notification",dataEventLabel:(0,m.mg)(k)+t}]),[{icon:o?(0,h.k3)("/svg/icon-log-out.svg"):(0,h.k3)("/svg/icon-log-in.svg"),label:P(o?{id:"actionPopover.leaveCommunity"}:{id:"actionPopover.joinCommunity"}),onClick:function(){return o?I(!0):v&&v()}}]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.p,x(x({shadow:"lg",position:"bottom-end",width:300,styles:{dropdown:{padding:"0.5rem",border:0,boxShadow:"rgba(0, 0, 0, 0.1) 3px 3px 20px",borderRadius:"8px"}}},O),{},{children:function(e){var t=e.opened,n=e.open,o=e.close;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.p.Target,{children:(0,i.jsx)("div",{onClick:t?o:n,children:(0,i.jsx)(l.B,x({styles:{root:x({cursor:"pointer",svg:{transform:"translateY(2px)"}},w&&{border:"1px solid ".concat(Z.neutral[2]),borderRadius:"4px",background:"white"})},unstyled:!0},j))})}),(0,i.jsx)(l.p.Dropdown,{children:(0,i.jsx)(f.m,{data:{isShowheader:!1,type:"list",list:null===D||void 0===D?void 0:D.map((function(e){return x(x({},e),{},{icon:e.icon,label:e.label||"",onClick:e.onClick,className:"bold-item"})}))}})})]})}})),N&&(0,i.jsx)(c.P,{thumbnail:g.fn?"./svg/marrybaby/logout.svg":"./images/leave-community.png",isThumbnailIcon:g.fn,title:P({id:"actionPopover.leaveCommunity.title"}),description:P({id:"actionPopover.leaveCommunity.description"}),acceptText:P({id:"actionPopover.leaveCommunity.accept"}),cancelText:P({id:"actionPopover.leaveCommunity.cancel"}),onAccept:v,onClose:function(){return I(!1)},acceptBtnTracking:{"data-event-category":"Together","data-event-action":"Leave Community","data-event-label":(0,m.mg)(k)+t}})]})}},24107:function(e,t,n){"use strict";n.d(t,{T:function(){return le}});var i=n(85893),o=n(67294),r=n(89814),a=n(73935),s=n(86896),c=n(56632),l=n(95983),d=n(43196),u=n(48337),p=n(11024),m=n(91256),f=m.ZP.div.withConfig({displayName:"indexstyled__StyledConfirmSubmitPopup",componentId:"sc-6dqnst-0"})(["position:absolute;z-index:10;top:0;left:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:rgba(0,0,0,0.25);border-radius:6px;.confirm-dialog{position:relative;overflow:auto;width:343px;min-height:324px;max-height:90%;padding-top:44px;background:#fff;border-radius:6px;.close-btn{position:absolute;top:16px;right:16px;width:24px;height:24px;cursor:pointer;}.confirm-content{display:flex;flex-direction:column;align-items:center;padding:0 16px;padding-bottom:32px;text-align:center;.__thumbnail{width:80px;height:80px;margin-bottom:32px;}.__title{margin-bottom:8px;font-size:24px;line-height:32px;}.__desc{margin-bottom:24px;color:",";font-size:18px;line-height:24px;}.__btn-group{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;button{padding-right:10px;padding-left:10px;margin:0 4px 0.5rem;}}}}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray500})),g=function(e){var t=e.className,n=e.style,o=e.thumbnail,r=e.title,a=e.description,s=e.btnGroup,c=e.isShow,l=void 0!==c&&c,m=e.setIsShow;return l?(0,i.jsx)(f,{className:t,style:n,onClick:function(){return m(!1)},children:(0,i.jsxs)("div",{className:"confirm-dialog",onClick:function(e){return e.stopPropagation()},children:[(0,i.jsx)("img",{className:"close-btn",src:(0,d.k3)("/svg/closeLight.svg"),onClick:function(){return m(!1)},alt:""}),(0,i.jsxs)("div",{className:"confirm-content",children:[o&&(0,i.jsx)("img",{className:"__thumbnail",src:o}),r&&(0,i.jsx)(u.H,{className:"__title",tag:"h2",children:r}),a&&(0,i.jsx)(p.T,{className:"__desc",size:"lg",children:a}),s&&(0,i.jsx)("div",{className:"__btn-group",children:s})]})]})}):(0,i.jsx)(i.Fragment,{})},h=n(26265),v=n(809),x=n.n(v),y=n(92447),b=n(46784),C=n(48201),j=n(87801),w=n(32680),O=n(75529),P=n(48560),_=n(36380),k=n.n(_),S=n(96486),N=n(25559),I=n(2810),Z=n(24169),D=n(38347);function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){(0,h.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=function(e){var t=e.size,n=e.color,o=(0,D.Z)(e,["size","color"]);return(0,i.jsx)("svg",M(M({width:t,height:t,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),{},{children:(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.99967 1.33331C4.31967 1.33331 1.33301 4.31998 1.33301 7.99998C1.33301 11.68 4.31967 14.6666 7.99967 14.6666C11.6797 14.6666 14.6663 11.68 14.6663 7.99998C14.6663 4.31998 11.6797 1.33331 7.99967 1.33331ZM7.99967 8.66665C7.63301 8.66665 7.33301 8.36665 7.33301 7.99998V5.33331C7.33301 4.96665 7.63301 4.66665 7.99967 4.66665C8.36634 4.66665 8.66634 4.96665 8.66634 5.33331V7.99998C8.66634 8.36665 8.36634 8.66665 7.99967 8.66665ZM7.33301 9.99998V11.3333H8.66634V9.99998H7.33301Z",fill:n})}))};E.defaultProps={size:24,color:b.t.colors.gray600};var z=E;function L(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){(0,h.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var A=function(e){var t=e.size,n=e.color,o=e.isMarryBaby,r=(0,D.Z)(e,["size","color","isMarryBaby"]);return o?(0,i.jsxs)("svg",{width:t,height:t,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M5.03412 12.3019C5.936 8.37829 8.87553 5.32984 12.6218 4.43307L12.9192 4.36188C14.9349 3.87937 17.0282 3.87937 19.0439 4.36189L19.552 4.48352C23.1692 5.34938 26.0074 8.29277 26.8782 12.0812L26.9967 12.5965C27.4453 14.5484 27.4453 16.5843 26.9967 18.5361C26.0933 22.4666 22.745 25.2357 18.896 25.2357H17.4808C17.0161 25.2357 16.5955 25.5353 16.4188 25.9869C15.777 27.6278 13.9852 28.4331 12.4211 27.7644L12.2635 27.6971C8.64901 26.1517 5.9546 22.8353 5.03863 18.8504C4.54548 16.7049 4.54097 14.4474 5.03412 12.3019Z",fill:"#E55C8A"}),(0,i.jsx)("path",{d:"M14.9139 15.3511C15.2139 14.9261 15.6577 14.4448 16.2453 13.9072C16.7704 13.4196 17.1642 12.9945 17.4268 12.632C17.6893 12.2569 17.8206 11.8381 17.8206 11.3755C17.8206 10.7504 17.633 10.2691 17.258 9.93155C16.8829 9.5815 16.3516 9.40647 15.664 9.40647C14.7073 9.40647 14.0178 9.81647 13.5955 10.6365C13.3686 11.0771 12.8759 11.363 12.4086 11.1978C12.025 11.0621 11.7832 10.6641 11.9309 10.2849C12.154 9.7122 12.5294 9.2256 13.0573 8.82513C13.7824 8.27504 14.6701 8 15.7203 8C16.4454 8 17.1017 8.13752 17.6893 8.41256C18.2769 8.67511 18.7395 9.06267 19.077 9.57525C19.4146 10.0878 19.5834 10.6879 19.5834 11.3755C19.5834 11.9006 19.4896 12.3632 19.3021 12.7632C19.127 13.1633 18.9082 13.5009 18.6457 13.7759C18.3957 14.0509 18.0644 14.3572 17.6518 14.6948C17.1142 15.1449 16.7142 15.5387 16.4516 15.8762C16.2452 16.1446 16.1524 16.4454 16.1106 16.7589C16.0519 17.2004 15.7155 17.564 15.2702 17.564C14.8248 17.564 14.45 17.2023 14.478 16.7579C14.5093 16.2631 14.6075 15.7852 14.9139 15.3511ZM15.2139 21.3333C14.5138 21.3333 14.1638 20.9833 14.1638 20.2832V20.0769C14.1638 19.3768 14.5138 19.0267 15.2139 19.0267H15.4015C16.1016 19.0267 16.4516 19.3768 16.4516 20.0769V20.2832C16.4516 20.9833 16.1016 21.3333 15.4015 21.3333H15.2139Z",fill:"white"})]}):(0,i.jsx)("svg",B(B({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},r),{},{children:(0,i.jsx)("path",{fill:n,fillRule:"evenodd",d:"M2 11c0-4.96 4.484-9 10-9s10 4.04 10 9c0 .32-.02.64-.059.953-.593 5.524-6.27 9.426-7.402 10.152L14 22.45c-.878.484-.97-.235-.993-.411-.003-.025-.005-.039-.007-.038v-2.047C7.04 20.508 2 16.258 2 11zm10.5 5c.277 0 .5-.223.5-.5v-1c0-.277-.223-.5-.5-.5h-1c-.277 0-.5.223-.5.5v1c0 .277.223.5.5.5h1zM11 13h2c0-.447.412-1.02.863-1.645C14.404 10.603 15 9.776 15 9c0-1.477-1.121-3-3-3-2.047 0-3 1.79-3 3 0 .55.45 1 1 1s1-.45 1-1c0-.164.176-1 1-1 .988 0 1 .988 1 1 0 .537-.52 1.312-1.029 2.072-.49.732-.971 1.45-.971 1.928z",clipRule:"evenodd"})}))};A.defaultProps={size:24,color:b.t.colors.gray600};var W=A,H=n(1821),F=n(26381),R=n(18833),U=n(50017),q=n(63792),J=n(13199),V=n(5886),G=n(13723),Y=n(46298),X=n(75653),Q=n(93692),K=m.ZP.div.withConfig({displayName:"indexstyled__StyledFormWrapper",componentId:"sc-4ohwi-0"})(["width:100%;padding:16px 0;display:flex;flex-direction:column;height:100%;"]),$=m.ZP.div.withConfig({displayName:"indexstyled__StyledFormGroup",componentId:"sc-4ohwi-1"})(["flex:1;padding-right:2px;padding-left:2px;margin-bottom:0.5rem;overflow-y:auto;&[data-is-fullscreen='false']{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}}","{flex:1 1 0%;}"],r.M.mbDown),ee=m.ZP.div.withConfig({displayName:"indexstyled__StyledFormGroupInner",componentId:"sc-4ohwi-2"})(["max-width:680px;margin:0 auto;padding:0 24px;.swich-input-group{padding:12px 16px;border-radius:8px;background:",";&.askdoctor-switch{background:",";}.switch-label{display:flex;align-items:center;}.mantine-Switch-labelWrapper{flex-grow:1;}.mantine-Checkbox-body{display:flex;width:100%;align-items:center;justify-content:space-between;}.mantine-Switch-track{margin-bottom:0;}.label-txt{font-weight:normal;font-size:14px;color:",";margin-left:","px;}}"],b.t.colors.neutral50,l.fn?b.t.mbColors.tonePink:b.t.colors.blue50,b.t.colors.gray800,l.fn?10:14),te=m.ZP.div.withConfig({displayName:"indexstyled__StyledCreateNewPost",componentId:"sc-4ohwi-3"})(["position:relative;display:flex;height:100%;flex-direction:column;.input-group{:not(:last-child){margin-bottom:16px;}input:focus,textarea:focus,[contenteditable='true']{outline:none;}label{margin-bottom:5px;color:",";font-size:13px;font-weight:bold;}.input-group-label{margin-bottom:5px;color:",";font-size:13px;font-weight:bold;}.input-notification{display:flex;& > img{width:16px;height:16px;margin-top:1.5px;margin-right:8px;}}.input-click{> *{pointer-events:none;}}.tag-list{}}.submit-btn{width:100%;}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray600}),(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray600})),ne=(0,m.ZP)(Q.n).withConfig({displayName:"indexstyled__StyledPopupFrame",componentId:"sc-4ohwi-4"})(["[data-type='confirm']{","{width:100vw;height:100%;transition:all 0.3s ease-in-out 0s;&[data-open='true']{z-index:500;}}height:80vh;overflow-y:auto;}"],r.M.mbDown),ie=m.ZP.div.withConfig({displayName:"indexstyled__StyledIsQuestion",componentId:"sc-4ohwi-5"})(["display:flex;width:100%;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;background:",";.switch-label{display:flex;align-items:center;gap:12px;}margin-bottom:12px;"],(function(e){return e.color})),oe=m.ZP.div.withConfig({displayName:"indexstyled__StyledError",componentId:"sc-4ohwi-6"})(["margin-bottom:12px;color:",";svg{margin-right:5px;}svg,span{vertical-align:middle;}"],b.t.colors.red700),re=(0,n(44036).k)((function(e){return{root:{}}}));function ae(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function se(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ae(Object(n),!0).forEach((function(t){(0,h.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ae(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}(0,d.k3)("/svg/icon-alert-circle-warning.svg"),(0,d.k3)("/svg/icon-alert-circle-primary.svg");var ce=function(e){var t=e.className,n=e.style,r=e.onPostCreatedEdited,a=e.data,d=e.lastFormData,u=e.isFullscreen,p=e.showAskDotorOpts,m=e.onClose,f=e.onPostSuccess,g=re(void 0,{name:"CreateNewPostPoppupContent"}).theme,h=g.colors,v=!(null===a||void 0===a||!a.editPost),_=(0,F.h)(),D=_.locale,T=_.asPath,M=(0,s.Z)().formatMessage,E=(0,o.useContext)(V.I).pushNotifications,L=(0,o.useState)(""),B=L[0],A=L[1],Q=(0,o.useState)(""),ne=Q[0],ae=Q[1],ce=(0,o.useState)({label:M({id:"community.choose"}),value:""}),le=ce[0],de=ce[1],ue=(0,o.useState)([]),pe=ue[0],me=ue[1],fe=(0,o.useState)([]),ge=fe[0],he=fe[1],ve=(0,o.useState)([]),xe=ve[0],ye=ve[1],be=(0,o.useState)(!1),Ce=be[0],je=be[1],we=(0,o.useState)(),Oe=we[0],Pe=we[1],_e=(0,o.useState)(!1),ke=_e[0],Se=_e[1],Ne=(0,o.useState)(!1),Ie=Ne[0],Ze=Ne[1],De=(0,o.useContext)(R.nj),Te=De.state,Me=void 0===Te?R.E3:Te,Ee=De.dispatch,ze=Me.communitiesById,Le=ze[le.value],Be=Object.keys(ze).map((function(e){return ze[e]})).filter((function(e){return e.isActive})).sort((function(e,t){return e.name>t.name?1:e.name<t.name?-1:0})),Ae=(0,o.useState)(null),We=Ae[0],He=Ae[1],Fe=(0,o.useState)([]),Re=Fe[0],Ue=Fe[1],qe=(0,o.useState)(),Je=qe[0],Ve=qe[1],Ge=B&&!Ie&&k()(ne)&&pe.length>0&&Le&&(!ge||ge.length<=l.O_)&&!(null!==Re&&void 0!==Re&&Re.length);(0,o.useEffect)((function(){if((0,y.Z)(x().mark((function e(){var t,n,i;return x().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,Z.cA)((0,Z.cN)(I.yy.COMMUNITY.LIST,{_locale:D,pageSize:100}),"GET");case 2:n=e.sent,i=null===n||void 0===n||null===(t=n.data)||void 0===t?void 0:t.communities,Array.isArray(i)&&Ee({type:U.m.updateMultiple,payload:{dataArr:null===i||void 0===i?void 0:i.map(N.yf)}});case 5:case"end":return e.stop()}}),e)})))(),null!==a&&void 0!==a&&a.editPost){var e=a.editPost;A(e.title||""),ae((0,J.Tn)((0,J.rz)(e.description||"","edit"),e.mentions)),de({label:e.community.name,value:e.community.id}),me(e.topics||[]),he(e.photos||[]),je(!!e.isAnonymous||!1),Pe(!!e.isAskDoctor||!1),null!==e&&void 0!==e&&e.introUrl&&Ve({url:e.introUrl,banner:e.bannerImage})}else null!==a&&void 0!==a&&a.defaultCommunity&&de({label:null===a||void 0===a?void 0:a.defaultCommunity.name,value:null===a||void 0===a?void 0:a.defaultCommunity.id}),null!==a&&void 0!==a&&a.defaultTopics&&me(null===a||void 0===a?void 0:a.defaultTopics)}),[]),(0,o.useEffect)((function(){Ze(""!==B&&!/[a-zA-Z]/.test(B))}),[B]);var Ye=function(e){var t;r&&(Ee({type:U.m.updateMultiple,payload:{dataArr:[{id:e.community.id,joined:!0}],ignoreNotFound:!0}}),(null===(t=e.topics)||void 0===t?void 0:t.length)&&Ee({type:q.Q.updateMultiple,payload:{dataArr:e.topics.map((function(e){return{id:e.id,joined:!0}})),ignoreNotFound:!0}}),r((0,N.W1)(e),v));m&&m()},Xe=(0,o.useState)(!1),Qe=Xe[0],Ke=Xe[1],$e=function(){var e=(0,y.Z)(x().mark((function e(){var t,n,i,o,r,s,c,l,u,g,h,y,b,C,j,w,O,P;return x().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!p||"undefined"!==typeof Oe){e.next=3;break}return Se(!0),e.abrupt("return",!1);case 3:if(t={title:B,description:ne,communityId:(null===Le||void 0===Le?void 0:Le.id)||"",topicIds:null===pe||void 0===pe?void 0:pe.map((function(e){return String(e.id)})),previewUrl:We||void 0,locale:D,isAnonymous:Ce?1:0,isAskDoctor:Oe?1:0,introUrl:null===Je||void 0===Je?void 0:Je.url,bannerUrl:null!==Je&&void 0!==Je&&Je.url&&(null===Je||void 0===Je?void 0:Je.banner)||"",imageFiles:ge},!(0,S.isEqual)(((null===t||void 0===t?void 0:t.title)||"").normalize(),((null===d||void 0===d?void 0:d.title)||"").normalize())||!(0,S.isEqual)(((null===t||void 0===t?void 0:t.description)||"").normalize(),((null===d||void 0===d?void 0:d.description)||"").normalize())){e.next=7;break}return E({title:M({id:"createPost.popup.duplicateMessage",defaultMessage:"Duplicate message"}),message:M({id:"createPost.popup.canNotCreate",defaultMessage:"The post cannot be created"}),type:"danger"}),e.abrupt("return",!1);case 7:return Ke(!0),e.prev=8,e.next=11,Promise.all(ge.map((function(e,t){return new Promise((function(n){return setTimeout((function(){return n((0,J.tx)(e,D))}),2e3*t)}))})));case 11:return c=e.sent,he(c),e.next=15,(0,H.rJ)(se(se({},t),{},{imageFiles:c}));case 15:if(l=e.sent,!v){e.next=23;break}if(null===a||void 0===a||null===(u=a.editPost)||void 0===u||!u.id){e.next=21;break}return e.next=20,(0,H.dq)({id:a.editPost.id,locale:D,dispatch:Ee,formData:l});case 20:s=e.sent;case 21:e.next=26;break;case 23:return e.next=25,(0,H.qb)({locale:D,dispatch:Ee,formData:l});case 25:s=e.sent;case 26:g=null===(n=s)||void 0===n?void 0:n.data,h=null!==(i=s)&&void 0!==i&&i.messages&&!Array.isArray(null===(o=s)||void 0===o?void 0:o.messages)?null===(r=s)||void 0===r?void 0:r.messages.moderation:void 0,null===g||void 0===g||!g.id||null!==h&&void 0!==h&&h.type?"banned"===(null===h||void 0===h?void 0:h.type)?(E({title:M({id:"notification.post.blocked.title"}),message:M({id:"notification.post.blocked.message"}),type:"danger"}),h.words&&ye(h.words)):"suspect"===(null===h||void 0===h?void 0:h.type)?(E({title:M({id:"notification.post.suspect.title"}),message:M({id:"notification.post.suspect.message"}),type:"warning"}),m&&m()):Array.isArray(null===(y=s)||void 0===y?void 0:y.messages)&&null!==(b=s)&&void 0!==b&&null!==(C=b.messages)&&void 0!==C&&null!==(j=C.find)&&void 0!==j&&j.call(C,(function(e){var t;return!(null===e||void 0===e||null===(t=e.includes)||void 0===t||!t.call(e,"suspend"))}))?(E({message:M({id:"notification.suspend.message"}),type:"danger"}),null===m||void 0===m||m()):E({message:(Array.isArray(null===(w=s)||void 0===w?void 0:w.messages)?null===(O=s)||void 0===O||null===(P=O.messages)||void 0===P?void 0:P[0]:"")||M({id:"notification.failure"}),type:"danger"}):(E({message:M({id:"createPost.popup.success"}),type:"success"}),Ye(g),null===f||void 0===f||f(t,(0,N.W1)(g))),e.next=34;break;case 31:e.prev=31,e.t0=e.catch(8),console.error(e.t0);case 34:Ke(!1);case 35:case"end":return e.stop()}}),e,null,[[8,31]])})));return function(){return e.apply(this,arguments)}}();return(0,i.jsx)(te,{className:t,style:n,children:(0,i.jsxs)(K,{children:[(0,i.jsx)($,{className:"input-group-container","data-is-fullscreen":u,children:(0,i.jsxs)(ee,{children:[(0,i.jsx)(Y.Y,{className:"input-group",bannedWords:xe,value:B,onChange:A}),Ie&&(0,i.jsxs)(oe,{children:[(0,i.jsx)(z,{color:b.t.colors.red700,size:14}),(0,i.jsx)(O.T,{size:"p3",as:"span",color:b.t.colors.red700,children:M({id:"createPost.popup.specialCharErr",defaultMessage:"The title you entered is invalid. Titles must contain letters."})})]}),(0,i.jsx)(G.R,{heading:M({id:"createPost.popup.description"}),className:"input-group",isFullscreen:u,bannedWords:xe,value:ne,onChange:function(e){ae(e)},onPreviewUrlChange:He,onInvalidUrlsChange:Ue,onImageFilesChange:he,onSocialLinkChanged:Ve,socialLinkData:Je,imageFiles:ge}),p&&(0,i.jsxs)(ie,{color:h[String(g.primaryColor)][0],children:[(0,i.jsxs)("div",{className:"switch-label",children:[(0,i.jsx)(W,{isMarryBaby:l.fn,size:l.fn?32:24,color:g.fn.primaryColor(),className:"label-icon"}),(0,i.jsx)("span",{className:"label-txt",children:M({id:"createPost.askDoctor",defaultMessage:"Ask Doctor"})})]}),(0,i.jsx)(C.B,{value:Oe,choices:[{label:M({id:"createPost.askDoctorChoice.yes",defaultMessage:"Yes"}),value:!0,dataEventCategory:"Together",dataEventAction:"Write Post Click - Ask Doctor",dataEventLabel:(0,Z.Ow)(D,T)},{label:M({id:"createPost.askDoctorChoice.no",defaultMessage:"No"}),value:!1}],onChange:function(e){"boolean"===typeof e&&(Se(!1),Pe(e))}})]}),p&&ke&&(0,i.jsxs)(oe,{children:[(0,i.jsx)(z,{color:b.t.colors.red700,size:14}),(0,i.jsx)(O.T,{size:"p3",as:"span",color:b.t.colors.red700,children:M({id:"createPost.popup.askDoctorRequireMess",defaultMessage:"Would you like to ask a question to our doctor?"})})]}),(0,i.jsxs)("div",{className:"input-group",children:[(0,i.jsx)(O.T,{size:"p4",className:"input-group-label",children:M({id:"admin.community"})}),(0,i.jsx)(j.D,{disabled:v,options:(null===Be||void 0===Be?void 0:Be.map((function(e){return{label:e.name,value:e.id||""}})))||[],dropdownLabelTrackingAttributes:{"data-event-category":"Together","data-event-action":"Write Post Click -  Choose Community","data-event-label":(0,Z.Ow)(D,T)},id:"community-picker",placeholder:M({id:"community.choose"}),value:le,onChange:function(e){de({label:e.label,value:String(e.value)}),me([])},style:{zIndex:1}})]}),(0,i.jsx)("div",{className:"input-group",children:Le&&(0,i.jsx)(X.w,{className:"tag-list",communityId:Le.id,onChange:function(e){return me(e)},selectedTopics:pe,dataEventCategory:"Together",dataEventAction:"Write Post Click -  Choose Community/Topic",dataEventLabel:(0,Z.Ow)(D,T)})})]})}),(0,i.jsx)("div",{className:"form-action",children:(0,i.jsxs)(ee,{children:[(0,i.jsx)("div",{className:"input-group",children:(0,i.jsx)(P.d,{className:"swich-input-group",labelPosition:"left",name:"PostAnonymous",checked:Ce,"data-event-category":"Together","data-event-action":"Write Post Click - Incognito","data-event-label":(0,Z.Ow)(D,T),label:(0,i.jsxs)("div",{className:"switch-label",children:[(0,i.jsx)("img",{className:"label-icon",src:w.C.getAssetPath("anomyous-avatar.svg"),alt:"anomyous avatar"}),(0,i.jsx)("span",{className:"label-txt",children:M({id:"createPost.postAnonymous",defaultMessage:"Post Anonymous"})})]}),value:"Post Anonymous",onChange:function(e){return je(e.currentTarget.checked)}})}),(0,i.jsx)(c.j,{className:"submit-btn",size:"lg",onClick:function(){Ge&&$e()},disabled:!Ge||Qe,loading:Qe,"data-testid":"Button Post",children:M({id:"createPost.popup.submit"})})]})})]})})},le=function(e){var t=e.className,n=e.style,u=e.isMobile,p=e.onPostCreatedEdited,m=e.defaultCommunity,f=e.defaultTopics,h=e.onClose,v=e.editPost,x=e.lastFormData,y=e.onPostSuccess,b=(0,o.useState)(!1),C=b[0],j=b[1],w=(0,s.Z)().formatMessage,O=(0,o.useState)(!1),P=O[0],_=O[1];return(0,o.useEffect)((function(){return(0,d.nP)(!0),setTimeout((function(){_(!0)}),0),function(){return(0,d.nP)(!1)}}),[]),a.createPortal((0,i.jsx)(ne,{heading:w({id:"popup.startANewPost"}),className:"create-post-popup-frame",isOpen:P,onClose:h,hasFullscreen:!u,children:function(e){return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(ce,{className:t,style:n,onPostCreatedEdited:p,data:{defaultCommunity:m,defaultTopics:f,editPost:v},isFullscreen:e,lastFormData:x,onClose:h,onPostSuccess:y,showAskDotorOpts:-1!==l.MN.indexOf(l.Vi.NEXT_PUBLIC_DEPLOY_LOCALE||"")}),(0,i.jsx)(g,{isShow:C,setIsShow:j,thumbnail:(0,d.k3)("/svg/icon-cancel.svg"),title:w({id:"popup.createPost.confirmCloseTitle"}),description:w({id:"popup.createPost.confirmCloseDescription"}),btnGroup:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(c.j,{size:"lg",color:"secondary",onClick:function(){j(!1),null===h||void 0===h||h()},children:w({id:v?"popup.discardPostEdit":"popup.discardPost"})}),(0,i.jsx)(c.j,{size:"lg",onClick:function(){return j(!1)},children:w({id:"popup.keepEditing"})})]})})]})}}),(0,r.a)())}},65557:function(e,t,n){"use strict";n.d(t,{B:function(){return L}});var i=n(85893),o=n(26265),r=n(38347),a=n(48560),s=n(75529),c=n(86896),l=n(24169),d=n(26381),u=n(67294),p=n(15393),m=n(89708),f=n(99784),g=n(88547),h=n(11163),v=n(21124),x=n(95983),y=n(5886),b=n(44036),C=(0,b.k)((function(e){return{root:{display:"flex",flexDirection:"column",textDecoration:"none",rowGap:e.spacing.sm,"*":{pointerEvents:"none"}},content:{display:"flex",alignItems:"center",columnGap:e.spacing.sm},thumbnail:{flexShrink:0},title:{},react:{display:"flex",columnGap:"26px"},reactItem:{display:"flex",alignItems:"center",columnGap:"4px"}}})),j=function(e){var t=((0,u.useContext)(y.I).state||{}).isLoggedIn,n=e.title,o=e.slug,r=e.community,a=e.photos,c=e.likeCount,d=e.commentCount,b=e.className,j=e.topics,w=(0,h.useRouter)().locale,O=void 0===w?"vi-VN":w,P=C(void 0,{name:"HotDiscussionPost"}),_=P.classes,k=P.cx,S=(0,v.h0)(null!==r&&void 0!==r&&r.slug?{_joinCommunityIds:[r.id],_joinTopicIds:null===j||void 0===j?void 0:j.map((function(e){return e.id})),_location:"/".concat(r.slug,"/").concat(o)}:void 0).authActionWrapper,N="".concat((0,l.mg)(O)).concat(x.GW,"/").concat(null===r||void 0===r?void 0:r.slug,"/").concat(o);return(0,i.jsxs)("a",{className:k(_.root,b),href:N,title:n,"data-event-category":"Together","data-event-action":"Post Click","data-event-label":N,onClick:function(e){t||(e.preventDefault(),S((function(){return window.location.href=N})))},children:[(0,i.jsxs)("div",{className:_.content,children:[(0,i.jsx)(p.a,{avatarUrl:(null===a||void 0===a?void 0:a[0])||x.YS,size:"medium",type:"rounded",className:_.thumbnail}),(0,i.jsx)("div",{className:_.title,children:(0,i.jsx)(s.T,{as:"h5",size:"s4",weight:"bold",children:n})})]}),(0,i.jsxs)("div",{className:_.react,children:[(0,i.jsxs)("div",{className:_.reactItem,children:[(0,i.jsx)(g.Z,{size:20,color:"red"}),(0,i.jsx)(s.T,{size:"s4",children:(0,m.a)(c||0)})]}),(0,i.jsxs)("div",{className:_.reactItem,children:[(0,i.jsx)(f.Z,{size:20}),(0,i.jsx)(s.T,{size:"s4",children:(0,m.a)(d||0)})]})]})]})},w=(0,b.k)((function(e){return{root:{display:"flex",flexDirection:"column",gap:e.spacing.lg},item:{}}}));function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}var P=function(e){var t=e.data,n=e.className,r=w(void 0,{name:"HotDiscussion"}),a=r.classes,s=r.cx;return t.length>0?(0,i.jsx)("div",{className:s(a.root,n),children:t.map((function(e){return(0,i.jsx)(j,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({className:a.item},e),String(e.id))}))}):null},_=n(46784);function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=(0,b.k)((function(e,t){var n,i=t.isEmptyWrapperStyle,o=e.colors;return{root:S({display:"flex",flexDirection:"column",gap:e.spacing.md,marginBottom:e.spacing.md},i?{}:{borderRadius:e.radius.md,padding:e.spacing.md,background:_.t.colors.white,border:"1px solid ".concat(null===(n=o.neutral)||void 0===n?void 0:n[1])}),heading:{},thumbnail:{width:"56px",height:"56px",background:_.t.colors.white,borderRadius:"50%",padding:e.radius.md},image:{maxWidth:"100%"},list:{background:_.t.colors.white,display:"flex",flexWrap:"wrap",borderRadius:e.radius.md,padding:e.spacing.xl},item:{}}})),I=(0,b.k)((function(e){return{root:{display:"flex",alignItems:"center",columnGap:e.spacing.sm,textDecoration:"none","*":{pointerEvents:"none"}},thumbnail:{flexShrink:0},info:{}}})),Z=function(e){var t=e.communitySlug,n=e.slug,o=e.memberCount,r=e.name,a=e.image,d=e.className,u=e.url,f=(0,c.Z)().formatMessage,g=(0,h.useRouter)().locale,v=void 0===g?"vi-VN":g,y=I(void 0,{name:"PopuplarTopicItem"}),b=y.classes,C=y.cx;return(0,i.jsxs)("a",{className:C(b.root,d),href:"".concat((0,l.mg)(v)).concat(x.GW,"/").concat(t,"/").concat(n),"data-event-category":"Together","data-event-action":"Topic Click","data-event-label":(0,l.mg)(v)+"".concat(x.GW).concat(u),children:[(0,i.jsx)(p.a,{avatarUrl:a,size:"medium",type:"rounded",className:b.thumbnail}),(0,i.jsxs)("div",{className:b.info,children:[(0,i.jsx)(s.T,{as:"h5",size:"s4",weight:"bold",children:r}),(0,i.jsxs)(s.T,{size:"s5",color:_.t.colors.gray600,children:[(0,m.a)(o||0)," ",f({id:"card.members"})]})]})]})},D=(0,b.k)((function(e){return{root:{display:"flex",flexDirection:"column",gap:e.spacing.lg},item:{}}}));function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}var M=function(e){var t=e.data,n=e.className,r=D(void 0,{name:"HotDiscussion"}),a=r.classes,s=r.cx;return t.length>0?(0,i.jsx)("div",{className:s(a.root,n),children:t.map((function(e){return(0,i.jsx)(Z,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({className:a.item},e),String(e.id))}))}):null};function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var L=function(e){var t=e.className,n=e.isEmptyWrapperStyle,o=e.popularTopics,u=void 0===o?[]:o,p=e.hotDiscussion,m=void 0===p?[]:p,f=(0,r.Z)(e,["className","isEmptyWrapperStyle","popularTopics","hotDiscussion"]),g=(0,d.h)(),h=g.locale,v=g.asPath,x=(0,c.Z)().formatMessage,y=N({isEmptyWrapperStyle:n},{name:"FeedBlock"}),b=y.classes,C=y.cx,j=y.theme;return u.length>0&&m.length>0?(0,i.jsx)("div",z(z({className:C(b.root,t)},f),{},{children:(0,i.jsxs)(a.T,{defaultValue:u.length>0?"popular":"discussion",styles:{root:{display:"flex",flexDirection:"column",gap:j.spacing.sm},tab:{width:"auto",paddingBottom:"4px",marginBottom:"-0.1rem"},tabsList:{borderBottom:"1px solid ".concat(j.colors.gray[2])}},children:[(0,i.jsx)("div",{style:{paddingBottom:"0.7rem",overflow:"auto",marginBottom:"-0.5rem"},children:(0,i.jsxs)(a.T.List,{children:[(0,i.jsx)(a.T.Tab,z(z({value:"popular"},{dataEventCategory:"Together",dataEventAction:"Popular Topic Click",dataEventLabel:(0,l.Ow)(h,v)}),{},{children:(0,i.jsx)(s.T,{size:"p3",weight:"bold",color:"inherit",children:x({id:"feedBlock.popularTopics.heading",defaultMessage:"Popular topics"})})})),(0,i.jsx)(a.T.Tab,z(z({value:"discussion"},{dataEventCategory:"Together",dataEventAction:"Trending Topic Click",dataEventLabel:(0,l.Ow)(h,v)}),{},{children:(0,i.jsx)(s.T,{size:"p3",weight:"bold",color:"inherit",children:x({id:"feedBlock.Hot discussion.heading",defaultMessage:"Hot discussion"})})}))]})}),(0,i.jsx)(a.T.Panel,{value:"popular",pt:"xs",children:(0,i.jsx)(M,{data:u})}),(0,i.jsx)(a.T.Panel,{value:"discussion",pt:"xs",children:(0,i.jsx)(P,{data:m})})]})})):null}},58633:function(e,t,n){"use strict";n.d(t,{g:function(){return C}});var i=n(26265),o=n(85893),r=n(38347),a=n(67294),s=n(63096),c=n(75529),l=n(48560),d=n(11163),u=n(86896),p=n(43196),m=n(91256),f=m.ZP.div.withConfig({displayName:"indexstyled__StyledWrapper",componentId:"sc-wa9av5-0"})(["&[data-is-shortcut='true']{background:",";padding:8px 16px;}&[data-is-shortcut='false']{border-radius:8px;border:1px solid ",";background:white;padding:16px;}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.blue50}),(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral100})),g=m.ZP.div.withConfig({displayName:"indexstyled__StyledInner",componentId:"sc-wa9av5-1"})(["display:flex;justify-content:space-between;gap:10px;"]),h=m.ZP.div.withConfig({displayName:"indexstyled__StyledContent",componentId:"sc-wa9av5-2"})([""]),v=m.ZP.div.withConfig({displayName:"indexstyled__StyledIcon",componentId:"sc-wa9av5-3"})([""]),x=(m.ZP.div.withConfig({displayName:"indexstyled__StyledHeading",componentId:"sc-wa9av5-4"})(["font-weight:600;font-size:16px;line-height:24px;color:",";"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray800})),m.ZP.div.withConfig({displayName:"indexstyled__StyledDesc",componentId:"sc-wa9av5-5"})(["font-size:14px;line-height:18px;"]),m.ZP.div.withConfig({displayName:"indexstyled__StyledClose",componentId:"sc-wa9av5-6"})(["position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:40px;"]));m.ZP.a.withConfig({displayName:"indexstyled__StyledReadMore",componentId:"sc-wa9av5-7"})(["text-decoration:none;color:",";"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.primaryBase}));function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=function(e){var t=e.show,n=void 0===t||t,i=e.isShortcut,m=void 0!==i&&i,y=e.onClose,C=e.onChangePosition,j=(0,r.Z)(e,["show","isShortcut","onClose","onChangePosition"]),w=(0,d.useRouter)().locale,O=void 0===w?"vi-VN":w,P=(0,u.Z)().formatMessage,_=(0,a.useState)(n),k=_[0],S=_[1],N=(0,a.useState)(!0),I=N[0],Z=N[1],D=(0,a.useRef)(null);return(0,a.useEffect)((function(){S(n)}),[n]),(0,a.useEffect)((function(){var e=function(){if(D.current){var e,t=(null===D||void 0===D||null===(e=D.current)||void 0===e?void 0:e.getBoundingClientRect()).top;Z((void 0===t?0:t)>0)}};return document.addEventListener("scroll",e),function(){document.removeEventListener("scroll",e)}}),[D.current]),(0,a.useEffect)((function(){null===C||void 0===C||C(I)}),[I]),k?(0,o.jsx)(f,b(b({},j),{},{"data-is-shortcut":m,ref:D,children:(0,o.jsxs)(g,{children:[(0,o.jsxs)(h,{children:[!m&&(0,o.jsx)(c.T,{size:"s3",weight:"bold",children:P({id:"guideForNewMem.title",defaultMessage:"For new member"})}),(0,o.jsxs)(c.T,{size:"p4",color:"#595959",children:[P({id:"guideForNewMem.content",defaultMessage:"Our guide recommend."})," ",(0,o.jsx)(l.A,{target:"_blank",href:(0,s.g)(O)+(0,p.k3)("/guideline"),"data-event-category":"Together","data-event-action":"Guide Recommend Click","data-event-label":(0,s.g)(O)+(0,p.k3)("/guideline"),children:P({id:"guideForNewMem.readMore",defaultMessage:"Read now"})})]})]}),!m&&(0,o.jsx)(v,{children:(0,o.jsxs)("svg",{width:"50",height:"47",viewBox:"0 0 50 47",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,o.jsx)("circle",{cx:"30",cy:"20",r:"20",fill:"#E3F2FF"}),(0,o.jsx)("path",{d:"M13.5221 33.9187C13.4771 34.224 10.3787 31.9015 10.3787 31.9015H7.4412C5.7164 31.8818 4.0687 31.1838 2.8546 29.9585C1.64049 28.7332 0.957613 27.0792 0.953701 25.3543C0.948701 25.059 0.948701 24.7687 0.953701 24.4734C0.958034 22.7492 1.64113 21.096 2.85516 19.8717C4.06919 18.6474 5.71649 17.9504 7.44058 17.9315C9.05745 17.9265 10.669 17.9265 12.2859 17.9315C14.01 17.9504 15.6573 18.6474 16.8713 19.8717C18.0853 21.096 18.7684 22.7492 18.7728 24.4734V25.3543C18.7672 26.9471 18.1836 28.4838 17.1304 29.6788C16.0772 30.8738 14.626 31.6458 13.0465 31.8515C13.0465 31.8515 13.5937 33.458 13.5221 33.9187Z",fill:"#FF6F4D"}),(0,o.jsx)("path",{d:"M23.1606 43.4139C23.1606 43.4139 22.6556 45.6926 22.7293 46.1767C22.7765 46.4976 26.1437 44.0039 26.1437 44.0039C28.0805 44.0022 29.9473 43.28 31.3812 41.978C32.815 40.676 33.7132 38.8872 33.9011 36.9596C34.0891 35.032 33.5532 33.1033 32.3979 31.5489C31.2425 29.9945 29.5503 28.9254 27.6503 28.5496C25.7503 28.1739 23.7785 28.5183 22.1184 29.5159C20.4584 30.5134 19.2287 32.0929 18.6687 33.9469C18.1087 35.801 18.2583 37.797 19.0886 39.5468C19.9188 41.2966 21.3703 42.675 23.1606 43.4139Z",fill:"#00CB8A"}),(0,o.jsx)("path",{d:"M23.797 25.875C23.8495 26.2313 27.8695 23.1028 27.8695 23.1028L32.5913 23.0509C33.6933 23.052 34.7593 22.6588 35.5966 21.9424C36.4339 21.2259 36.9873 20.2336 37.1567 19.1447L38.0317 13.5197C38.1343 12.8609 38.0932 12.1877 37.9111 11.5463C37.7291 10.9049 37.4104 10.3105 36.9769 9.80396C36.5434 9.29738 36.0054 8.89061 35.3999 8.61159C34.7943 8.33256 34.1356 8.18789 33.4688 8.1875H23.9651C23.3219 8.18773 22.6859 8.32221 22.0976 8.58234C21.5094 8.84247 20.982 9.22252 20.5491 9.69818C20.1161 10.1738 19.7873 10.7346 19.5835 11.3447C19.3797 11.9547 19.3056 12.6006 19.3657 13.2409L19.8873 18.8622C19.9892 19.9483 20.4721 20.9634 21.2505 21.7277C22.0289 22.492 23.0526 22.9563 24.1404 23.0384C24.1404 23.0384 23.7151 25.3384 23.797 25.875Z",fill:"#45A4FF"}),(0,o.jsx)("path",{d:"M7.76003 25.2666C8.23223 25.2666 8.61503 24.8838 8.61503 24.4116C8.61503 23.9394 8.23223 23.5566 7.76003 23.5566C7.28783 23.5566 6.90503 23.9394 6.90503 24.4116C6.90503 24.8838 7.28783 25.2666 7.76003 25.2666Z",fill:"#D84023"}),(0,o.jsx)("path",{d:"M13.6092 25.2666C14.0814 25.2666 14.4642 24.8838 14.4642 24.4116C14.4642 23.9394 14.0814 23.5566 13.6092 23.5566C13.1369 23.5566 12.7542 23.9394 12.7542 24.4116C12.7542 24.8838 13.1369 25.2666 13.6092 25.2666Z",fill:"#D84023"}),(0,o.jsx)("path",{d:"M21.95 34.915C22.4461 34.915 22.8484 34.5128 22.8484 34.0166C22.8484 33.5204 22.4461 33.1182 21.95 33.1182C21.4538 33.1182 21.0515 33.5204 21.0515 34.0166C21.0515 34.5128 21.4538 34.915 21.95 34.915Z",fill:"#008C50"}),(0,o.jsx)("path",{d:"M27.3416 34.915C27.8377 34.915 28.24 34.5128 28.24 34.0166C28.24 33.5204 27.8377 33.1182 27.3416 33.1182C26.8454 33.1182 26.4431 33.5204 26.4431 34.0166C26.4431 34.5128 26.8454 34.915 27.3416 34.915Z",fill:"#008C50"}),(0,o.jsx)("path",{d:"M25.596 15.5869C25.5089 15.5875 25.4229 15.6071 25.3442 15.6444C25.2654 15.6817 25.1957 15.7357 25.14 15.8027C25.0843 15.8697 25.0439 15.948 25.0216 16.0323C24.9993 16.1165 24.9957 16.2046 25.011 16.2904C25.2116 17.4872 25.9657 18.5057 27.5991 18.5057C29.2326 18.5057 29.9863 17.4872 30.1869 16.2904C30.2022 16.2046 30.1986 16.1165 30.1763 16.0323C30.154 15.948 30.1136 15.8697 30.0579 15.8027C30.0022 15.7357 29.9325 15.6817 29.8538 15.6444C29.775 15.6071 29.6891 15.5875 29.6019 15.5869H25.596Z",fill:"white"}),(0,o.jsx)("path",{d:"M10.82 27.1594C10.479 27.1732 10.1455 27.0578 9.8859 26.8364C9.62631 26.615 9.45981 26.3038 9.41964 25.965C9.40938 25.9043 9.41118 25.8421 9.42494 25.7821C9.43869 25.7221 9.46414 25.6654 9.49981 25.6152C9.53549 25.565 9.58071 25.5223 9.63287 25.4896C9.68504 25.4569 9.74314 25.4348 9.80386 25.4245C9.86457 25.4143 9.92672 25.4161 9.98674 25.4298C10.0468 25.4436 10.1035 25.469 10.1537 25.5047C10.2039 25.5404 10.2465 25.5856 10.2792 25.6378C10.3119 25.6899 10.3341 25.748 10.3443 25.8087C10.3609 25.923 10.4182 26.0275 10.5055 26.1031C10.5928 26.1786 10.7045 26.2202 10.82 26.2202C10.9354 26.2202 11.0471 26.1786 11.1344 26.1031C11.2218 26.0275 11.279 25.923 11.2956 25.8087C11.3058 25.748 11.328 25.6899 11.3607 25.6378C11.3934 25.5856 11.4361 25.5404 11.4862 25.5047C11.5364 25.469 11.5931 25.4436 11.6532 25.4298C11.7132 25.4161 11.7753 25.4143 11.836 25.4245C11.8968 25.4348 11.9549 25.4569 12.007 25.4896C12.0592 25.5223 12.1044 25.565 12.1401 25.6152C12.1758 25.6654 12.2012 25.7221 12.215 25.7821C12.2287 25.8421 12.2305 25.9043 12.2203 25.965C12.1801 26.3038 12.0136 26.615 11.754 26.8364C11.4944 27.0578 11.1609 27.1732 10.82 27.1594Z",fill:"white"}),(0,o.jsx)("path",{d:"M23.5313 36.5244C23.4852 36.5247 23.4398 36.5351 23.3982 36.5548C23.3566 36.5745 23.3198 36.6031 23.2903 36.6385C23.2609 36.6739 23.2395 36.7154 23.2278 36.7599C23.216 36.8044 23.2141 36.851 23.2222 36.8963C23.2731 37.2225 23.439 37.5198 23.6898 37.7345C23.9406 37.9492 24.2599 38.0672 24.59 38.0672C24.9202 38.0672 25.2395 37.9492 25.4903 37.7345C25.7411 37.5198 25.9069 37.2225 25.9578 36.8963C25.9659 36.851 25.964 36.8044 25.9523 36.7599C25.9405 36.7154 25.9192 36.6739 25.8897 36.6385C25.8603 36.6031 25.8235 36.5745 25.7819 36.5548C25.7403 36.5351 25.6948 36.5247 25.6488 36.5244H23.5313Z",fill:"white"}),(0,o.jsx)("path",{d:"M26.0648 13.488C26.0009 13.488 25.9376 13.475 25.8789 13.4496C25.8203 13.4243 25.7674 13.3873 25.7235 13.3408C25.5454 13.2007 25.3311 13.114 25.1057 13.0907C24.8802 13.0675 24.6528 13.1087 24.4498 13.2095C24.4011 13.2482 24.3452 13.2768 24.2853 13.2937C24.2254 13.3106 24.1628 13.3153 24.101 13.3078C24.0393 13.3002 23.9797 13.2804 23.9257 13.2495C23.8717 13.2186 23.8243 13.1773 23.7864 13.128C23.7485 13.0787 23.7209 13.0223 23.705 12.9621C23.6891 12.902 23.6854 12.8393 23.694 12.7777C23.7026 12.7161 23.7233 12.6568 23.7551 12.6033C23.7868 12.5498 23.8289 12.5032 23.8788 12.4661C24.4176 12.0517 25.7163 11.9661 26.4057 12.6977C26.4685 12.7643 26.5104 12.8478 26.5263 12.9379C26.5422 13.028 26.5313 13.1209 26.4951 13.2049C26.4588 13.2889 26.3987 13.3605 26.3223 13.4108C26.2458 13.4611 26.1563 13.4879 26.0648 13.488Z",fill:"#2B62CD"}),(0,o.jsx)("path",{d:"M29.5057 13.4886C29.4142 13.4885 29.3247 13.4617 29.2483 13.4113C29.1719 13.361 29.1119 13.2894 29.0756 13.2054C29.0394 13.1214 29.0286 13.0286 29.0445 12.9385C29.0604 12.8484 29.1023 12.7649 29.165 12.6983C29.8544 11.9674 31.1532 12.0527 31.6922 12.4667C31.7908 12.5425 31.8553 12.6543 31.8714 12.7776C31.8876 12.9008 31.8541 13.0255 31.7783 13.1241C31.7026 13.2227 31.5908 13.2871 31.4675 13.3033C31.3442 13.3194 31.2196 13.2859 31.121 13.2102C30.9179 13.1096 30.6904 13.0685 30.465 13.0917C30.2395 13.1149 30.0252 13.2015 29.8469 13.3414C29.8031 13.3879 29.7502 13.425 29.6915 13.4503C29.6328 13.4756 29.5696 13.4886 29.5057 13.4886Z",fill:"#2B62CD"}),(0,o.jsx)("path",{d:"M13.3733 8.76784L13.0136 9.42565C12.8773 9.67502 12.6723 9.88002 12.423 10.0163L11.7667 10.376C11.7365 10.3925 11.7112 10.4168 11.6936 10.4465C11.676 10.4761 11.6667 10.5099 11.6667 10.5444C11.6667 10.5789 11.676 10.6127 11.6936 10.6423C11.7112 10.672 11.7365 10.6963 11.7667 10.7128L12.423 11.0725C12.6723 11.2088 12.8773 11.4138 13.0136 11.6631L13.3733 12.3194C13.3898 12.3497 13.4141 12.3749 13.4438 12.3925C13.4734 12.4101 13.5073 12.4194 13.5417 12.4194C13.5762 12.4194 13.61 12.4101 13.6397 12.3925C13.6693 12.3749 13.6937 12.3497 13.7102 12.3194L14.0699 11.6631C14.2064 11.4136 14.4117 11.2086 14.6614 11.0725L15.3177 10.7128C15.3479 10.6963 15.3732 10.672 15.3908 10.6423C15.4084 10.6127 15.4176 10.5789 15.4176 10.5444C15.4176 10.5099 15.4084 10.4761 15.3908 10.4465C15.3732 10.4168 15.3479 10.3925 15.3177 10.376L14.6614 10.0163C14.412 9.88002 14.207 9.67502 14.0708 9.42565L13.7111 8.76784C13.6947 8.73735 13.6703 8.71188 13.6406 8.69412C13.6108 8.67637 13.5768 8.66699 13.5422 8.66699C13.5076 8.66699 13.4736 8.67637 13.4438 8.69412C13.4141 8.71188 13.3897 8.73735 13.3733 8.76784Z",fill:"#FFCB37"}),(0,o.jsx)("path",{d:"M9.33188 13.7253L9.12157 14.11C9.04156 14.2551 8.92175 14.3744 8.77626 14.4537L8.39157 14.6641C8.37391 14.6738 8.35918 14.688 8.34892 14.7054C8.33866 14.7227 8.33325 14.7425 8.33325 14.7627C8.33325 14.7828 8.33866 14.8026 8.34892 14.8199C8.35918 14.8373 8.37391 14.8515 8.39157 14.8612L8.77626 15.0716C8.92206 15.1514 9.0419 15.2713 9.12157 15.4172L9.33188 15.8016C9.34159 15.8192 9.35586 15.834 9.3732 15.8442C9.39055 15.8545 9.41033 15.8599 9.43048 15.8599C9.45063 15.8599 9.47041 15.8545 9.48775 15.8442C9.5051 15.834 9.51937 15.8192 9.52907 15.8016L9.73938 15.4172C9.81908 15.2712 9.93905 15.1513 10.085 15.0716L10.4694 14.8612C10.487 14.8515 10.5018 14.8373 10.512 14.8199C10.5223 14.8026 10.5277 14.7828 10.5277 14.7627C10.5277 14.7425 10.5223 14.7227 10.512 14.7054C10.5018 14.688 10.487 14.6738 10.4694 14.6641L10.085 14.4537C9.93936 14.3745 9.81943 14.2552 9.73938 14.11L9.52907 13.7253C9.51937 13.7077 9.5051 13.6929 9.48775 13.6827C9.47041 13.6724 9.45063 13.667 9.43048 13.667C9.41033 13.667 9.39055 13.6724 9.3732 13.6827C9.35586 13.6929 9.34159 13.7077 9.33188 13.7253Z",fill:"#FFCB37"}),(0,o.jsx)("path",{d:"M36.3699 40.4132L36.0814 40.9407C35.9721 41.1407 35.8076 41.3051 35.6077 41.4144L35.0802 41.7029C35.0559 41.7161 35.0357 41.7356 35.0216 41.7594C35.0074 41.7831 35 41.8102 35 41.8379C35 41.8655 35.0074 41.8926 35.0216 41.9164C35.0357 41.9401 35.0559 41.9596 35.0802 41.9729L35.6077 42.2613C35.8077 42.3708 35.9721 42.5353 36.0814 42.7354L36.3699 43.2626C36.3831 43.2868 36.4026 43.3071 36.4264 43.3212C36.4501 43.3353 36.4772 43.3427 36.5049 43.3427C36.5325 43.3427 36.5596 43.3353 36.5834 43.3212C36.6071 43.3071 36.6266 43.2868 36.6399 43.2626L36.9283 42.7354C37.0378 42.5353 37.2023 42.3708 37.4024 42.2613L37.9295 41.9729C37.9538 41.9596 37.9741 41.9401 37.9882 41.9164C38.0023 41.8926 38.0097 41.8655 38.0097 41.8379C38.0097 41.8102 38.0023 41.7831 37.9882 41.7594C37.9741 41.7356 37.9538 41.7161 37.9295 41.7029L37.4024 41.4144C37.2023 41.3051 37.0378 41.1407 36.9283 40.9407L36.6399 40.4132C36.6266 40.3889 36.6071 40.3687 36.5834 40.3546C36.5596 40.3405 36.5325 40.333 36.5049 40.333C36.4772 40.333 36.4501 40.3405 36.4264 40.3546C36.4026 40.3687 36.3831 40.3889 36.3699 40.4132Z",fill:"#FFCB37"}),(0,o.jsx)("path",{d:"M11.157 37.0677L10.9133 37.513C10.8208 37.682 10.6819 37.8209 10.5129 37.9133L10.0676 38.1567C10.0472 38.1679 10.0301 38.1844 10.0182 38.2045C10.0063 38.2246 10 38.2475 10 38.2708C10 38.2941 10.0063 38.317 10.0182 38.3371C10.0301 38.3572 10.0472 38.3737 10.0676 38.3849L10.5129 38.6283C10.6819 38.7207 10.8208 38.8596 10.9133 39.0286L11.157 39.4739C11.1682 39.4944 11.1846 39.5115 11.2047 39.5234C11.2247 39.5353 11.2476 39.5416 11.2709 39.5416C11.2942 39.5416 11.3171 39.5353 11.3372 39.5234C11.3572 39.5115 11.3737 39.4944 11.3848 39.4739L11.6286 39.0286C11.7209 38.8597 11.8597 38.7207 12.0286 38.6283L12.4742 38.3849C12.4947 38.3737 12.5117 38.3572 12.5236 38.3371C12.5355 38.317 12.5418 38.2941 12.5418 38.2708C12.5418 38.2475 12.5355 38.2246 12.5236 38.2045C12.5117 38.1844 12.4947 38.1679 12.4742 38.1567L12.0286 37.9133C11.8597 37.8209 11.7209 37.682 11.6286 37.513L11.3848 37.0677C11.3737 37.0472 11.3572 37.0301 11.3372 37.0182C11.3171 37.0063 11.2942 37 11.2709 37C11.2476 37 11.2247 37.0063 11.2047 37.0182C11.1846 37.0301 11.1682 37.0472 11.157 37.0677Z",fill:"#FFB521"})]})}),m&&(0,o.jsx)(x,{onClick:function(){S(!1),null===y||void 0===y||y()},children:(0,o.jsx)("svg",{width:12,height:12,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("path",{d:"M1.99007 0.990181C1.79114 0.990233 1.59674 1.04961 1.43173 1.16073C1.26672 1.27184 1.1386 1.42964 1.06374 1.61395C0.988886 1.79826 0.970697 2.00071 1.0115 2.19542C1.05231 2.39012 1.15025 2.56823 1.29281 2.70698L6.58578 7.99995L1.29281 13.2929C1.19684 13.3851 1.12021 13.4954 1.06743 13.6176C1.01464 13.7397 0.986757 13.8711 0.985403 14.0042C0.98405 14.1372 1.00926 14.2692 1.05954 14.3924C1.10983 14.5155 1.1842 14.6274 1.27827 14.7215C1.37235 14.8156 1.48426 14.89 1.60743 14.9402C1.73061 14.9905 1.86259 15.0157 1.99563 15.0144C2.12867 15.013 2.2601 14.9851 2.38223 14.9324C2.50436 14.8796 2.61473 14.803 2.70687 14.707L7.99984 9.41401L13.2928 14.707C13.385 14.803 13.4953 14.8796 13.6175 14.9324C13.7396 14.9851 13.871 15.013 14.0041 15.0144C14.1371 15.0157 14.2691 14.9905 14.3922 14.9402C14.5154 14.89 14.6273 14.8156 14.7214 14.7215C14.8155 14.6274 14.8899 14.5155 14.9401 14.3924C14.9904 14.2692 15.0156 14.1372 15.0143 14.0042C15.0129 13.8711 14.985 13.7397 14.9323 13.6176C14.8795 13.4954 14.8028 13.3851 14.7069 13.2929L9.4139 7.99995L14.7069 2.70698C14.8514 2.56652 14.9501 2.38567 14.99 2.18815C15.03 1.99063 15.0093 1.78565 14.9308 1.60007C14.8523 1.41448 14.7195 1.25695 14.5499 1.14812C14.3803 1.03929 14.1817 0.98424 13.9803 0.990181C13.7205 0.997922 13.4739 1.1065 13.2928 1.29292L7.99984 6.58589L2.70687 1.29292C2.61368 1.19712 2.50224 1.12098 2.37912 1.06898C2.25601 1.01698 2.12372 0.990189 1.99007 0.990181Z",fill:"#595959"})})})]})})):null}},22028:function(e,t,n){"use strict";n.d(t,{m:function(){return u}});var i=n(85893),o=n(67294),r=n(48337),a=n(46784),s=n(75529),c=n(91256),l=n(95983),d=(c.ZP.div.withConfig({displayName:"indexstyled__StyledPopoverMenu",componentId:"sc-967pc3-0"})(["position:relative;display:content;.popover-menu__btn{> span{width:100%;height:100%;> img{width:100%;height:100%;}}}.popover-menu__content{position:absolute;z-index:10;width:320px;padding:8px;border:none;background:#fff;border-radius:8px;box-shadow:3px 3px 20px rgba(0,0,0,0.1);&::before{position:absolute;width:16px;height:8px;background:#fff;content:'';}&.--position{&-top{bottom:calc(100% + 8px);&.--align{&-start{left:0;&::before{top:100%;left:16px;clip-path:polygon(0 0,50% 100%,100% 0);}}&-end{left:100%;transform:translateX(calc(-100% + 1rem));&::before{top:100%;right:16px;clip-path:polygon(0 0,50% 100%,100% 0);}}}}&-right{left:calc(100% + 8px);&.--align{&-start{top:0;&::before{top:16px;left:0;width:8px;height:16px;clip-path:polygon(0 50%,100% 0%,100% 100%);transform:translateX(-100%);}}&-end{top:100%;transform:translateX(calc(-100% + 1rem));&::before{bottom:16px;left:0;width:8px;height:16px;clip-path:polygon(0 50%,100% 0%,100% 100%);transform:translateX(-100%);}}}}&-bottom{top:calc(100% + 8px);&.--align{&-start{left:0;&::before{bottom:100%;left:16px;clip-path:polygon(50% 0%,0% 100%,100% 100%);}}&-end{left:100%;transform:translateX(calc(-100% + 1rem));&::before{right:16px;bottom:100%;clip-path:polygon(50% 0%,0% 100%,100% 100%);}}}}&-left{left:-8px;transform:translateX(-100%);&.--align{&-start{top:0;&::before{top:16px;left:100%;width:8px;height:16px;clip-path:polygon(0 0%,100% 50%,0% 100%);transform:translateX(0);}}&-end{bottom:0;&::before{bottom:16px;left:100%;width:8px;height:16px;clip-path:polygon(0 0%,100% 50%,0% 100%);transform:translateX(0);}}}}}}",""],l.fn?(0,c.iv)([".popover-menu__content{padding:0;border-radius:12px;}"]):""),c.ZP.div.withConfig({displayName:"indexstyled__StyledTree",componentId:"sc-967pc3-1"})(["display:flex;flex-direction:column;cursor:default;.__header{position:relative;display:flex;align-items:center;justify-content:center;padding:1rem 0;margin-bottom:8px;.__back-btn{position:absolute;top:50%;left:8px;width:16px;height:16px;cursor:pointer;transform:translateY(-50%);}}.tree-text-description{padding-right:8px;padding-left:8px;margin-top:-8px;margin-bottom:8px;font-size:14px;font-weight:400;line-height:22px;text-align:left;}.__content{overflow:auto;flex:1;}.__list{.__item{position:relative;&.bold-item{font-weight:700;}&:last-child{.__btn{margin-bottom:0;}}.__btn{position:relative;display:flex;width:100%;height:40px;align-items:center;padding:0 1rem;border:none;margin-bottom:8px;color:",";cursor:pointer;text-align:left;transition:background 0.3s;*{pointer-events:none;}&.--checked{color:",";pointer-events:none;}&:hover{background:",";}.__icon{width:16px;height:16px;margin-right:0.4rem;}& > span{position:relative;& > img{width:16px;height:16px;margin-right:0.4rem;}}}.__toggle{position:absolute;top:50%;right:16px;width:16px;height:16px;pointer-events:none;transform:translateY(-50%);}}}",""],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray800}),(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray500}),(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray100}),l.fn?(0,c.iv)([".__header{padding:1rem;}.tree-text-description{padding:0 1rem;}.__list{.__item{&:first-child{.__btn{border-top-left-radius:12px;border-top-right-radius:12px;}}&:last-child{.__btn{border-bottom-left-radius:12px;border-bottom-right-radius:12px;}}.__btn{height:unset;padding:1rem;margin-bottom:0;&:hover{background:",";}}}}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.mbColors.lightPink})):"")),u=(c.ZP.div.withConfig({displayName:"indexstyled__StyledAction",componentId:"sc-967pc3-2"})(["display:flex;flex-direction:column;cursor:default;.action__content{overflow:auto;flex:1;}.action__list{.action__item{position:relative;.action__btn{width:100%;height:40px;padding:0 1rem;border:none;border-radius:4px;color:",";transition:background 0.3s;&:hover{background:",";}& > span{position:relative;display:flex;align-items:center;& > img{width:16px;height:16px;margin-right:0.4rem;}}*{pointer-events:none;}}.action__toggle{position:absolute;top:50%;right:16px;width:16px;height:16px;pointer-events:none;transform:translateY(-50%);}}}",""],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray800}),(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray100}),l.fn?(0,c.iv)([".action__list{.action__item{&:first-child{.action__btn{border-top-left-radius:12px;border-top-right-radius:12px;}}&:last-child{.action__btn{border-bottom-left-radius:12px;border-bottom-right-radius:12px;}}.action__btn{height:unset;padding:1rem;margin-bottom:0;font-weight:normal;&:hover{background:",";}}}}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.mbColors.lightPink})):""),function(e){var t,n=e.data,c=e.setShow,l=(0,o.useState)(""),u=l[0],p=l[1],m=(0,o.useMemo)((function(){return n&&function(e,t){var n=t.split("."),i=e;return n.forEach((function(e){var t,n,o,r;e&&i&&"list"===(null===(t=i)||void 0===t?void 0:t.type)&&(i=null===(n=i)||void 0===n||null===(o=n.list)||void 0===o||null===(r=o[Number(e)])||void 0===r?void 0:r.subTree)})),i}(n,u)}),[n,u]);if(!n)return null;if(!m)return null;return(0,i.jsxs)(d,{children:[m.isShowheader?(0,i.jsxs)("div",{className:"__header",children:[u?(0,i.jsx)("img",{alt:"back",className:"__back-btn",src:"./svg/icon-chevron-left-dark.svg",onClick:function(){return p((function(e){return e.split(".").slice(0,-1).join(".")}))}}):null,m.title?(0,i.jsx)(r.H,{className:"__title",tag:"h6",children:m.title}):null]}):null,m.description?(0,i.jsx)(s.T,{className:"tree-text-description",color:a.t.colors.gray600,size:"p3",children:m.description}):null,(0,i.jsxs)("div",{className:"__content",children:["jsx"===m.type?null===m||void 0===m||null===(t=m.jsxRenderer)||void 0===t?void 0:t.call(m,c):null,"list"===m.type?(0,i.jsx)("ul",{className:"__list",children:Array.isArray(m.list)?m.list.map((function(e,t){return(0,i.jsxs)("li",{style:e.style,className:"__item ".concat(e.className),children:[(0,i.jsxs)("div",{className:"__btn ".concat(e.selected?"--checked":""),onClick:function(){return function(e,t){var n=t.subTree,i=t.onClick,o=void 0===i?function(){return null}:i;o&&o(),n?p((function(t){return t.split(".").concat(String(e)).join(".")})):c&&c(!1)}(t,e)},"data-event-category":e.dataEventCategory,"data-event-action":e.dataEventAction,"data-event-label":e.dataEventLabel,children:[e.icon&&(0,i.jsx)("img",{className:"__icon",src:e.icon,alt:e.label}),(0,i.jsx)("span",{children:e.label})]}),e.subTree?(0,i.jsx)("img",{className:"__toggle",src:"./svg/icon-chevron-right-dark.svg",alt:"check"}):null,e.selected?(0,i.jsx)("img",{className:"__toggle",src:"./svg/icon-check-gray.svg",alt:"selected"}):null]},t)})):null}):null]})]})})},24211:function(e,t,n){"use strict";n.d(t,{I:function(){return _}});var i=n(85893),o=n(28140),r=n(26265),a=n(38347),s=n(67294),c=n(48560),l=n(91938),d=n(96486),u=n(24169);function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var f=function(e){var t=e.size,n=void 0===t?24:t,o=e.color,r=void 0===o?"#595959":o,s=(0,a.Z)(e,["size","color"]);return(0,i.jsx)("svg",m(m({width:n,height:n,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s),{},{children:(0,i.jsx)("path",{d:"M10.0003 10.8567L6.94352 7.79991C6.61232 7.46871 6.07472 7.46871 5.74352 7.79991C5.41232 8.13111 5.41232 8.66871 5.74352 8.99991L9.43472 12.6911C9.74752 13.0039 10.2539 13.0039 10.5659 12.6911L14.2571 8.99991C14.5883 8.66871 14.5883 8.13111 14.2571 7.79991C13.9259 7.46871 13.3883 7.46871 13.0571 7.79991L10.0003 10.8567Z",fill:r})}))};function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=function(e){var t=e.size,n=void 0===t?24:t,o=e.color,r=void 0===o?"#595959":o,s=(0,a.Z)(e,["size","color"]);return(0,i.jsx)("svg",h(h({width:n,height:n,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s),{},{children:(0,i.jsx)("path",{d:"M9.99968 9.14329L13.0565 12.2001C13.3877 12.5313 13.9253 12.5313 14.2565 12.2001C14.5877 11.8689 14.5877 11.3313 14.2565 11.0001L10.5653 7.30889C10.2525 6.99609 9.74608 6.99609 9.43408 7.30889L5.74288 11.0001C5.41168 11.3313 5.41168 11.8689 5.74288 12.2001C6.07408 12.5313 6.61168 12.5313 6.94288 12.2001L9.99968 9.14329Z",fill:r})}))},x=n(35712),y=n(26381),b=n(95983),C=n(18833),j=n(32131),w=(0,n(44036).k)((function(e){var t,n,i,o=e.colors;return{root:{},accHeaderInner:{display:"flex",alignItems:"center",justifyContent:"space-between"},accBtn:{width:"32px",height:"32px",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:null===(t=o.neutral)||void 0===t?void 0:t[0]},control:{borderTopLeftRadius:"8px",borderTopRightRadius:"8px",padding:"12px",transition:"background 0.2s ease"},label:{padding:0},chevron:{display:"none"},cardCom:{".community-name":{fontSize:"14px"},"&.selected":{".community-name":{color:e.fn.primaryColor()}}},cardComBtn:{paddingBottom:"16px",margin:"0 16px",borderBottom:"1px solid ".concat(null===(n=o.neutral)||void 0===n?void 0:n[1])},topicCardList:{padding:"12px 12px 12px 20px",".name-text":{fontWeight:"normal"}},item:{marginBottom:"16px",background:"white",borderRadius:"8px",overflow:"hidden",border:"1px solid ".concat(null===(i=o.neutral)||void 0===i?void 0:i[1]),".chevron-up":{display:"none"},'&[data-active="true"]':{".chevron-down":{display:"none"},".chevron-up":{display:"inline"}}},content:{padding:0,borderTop:0,borderBottom:0}}}));function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var _=function(e){var t=e.communities,n=void 0===t?[]:t,p=e.selectedCommunity,m=e.topicsBySelectedCommunity,g=e.selectedTopic,h=(e.showActiveTopic,e.className),O=(0,a.Z)(e,["communities","selectedCommunity","topicsBySelectedCommunity","selectedTopic","showActiveTopic","className"]),_=String((null===p||void 0===p?void 0:p.id)||""),k=(0,y.h)().locale,S=w(void 0,{name:"ListForums"}),N=S.classes,I=S.cx,Z=(0,s.useContext)(C.nj).state,D=(void 0===Z?C.E3:Z).communitiesById,T={};n.forEach((function(e){e.id&&(e.isHidden||(T[e.id]=P(P({},T[e.id]),e)))}));var M=P(P({},T),p&&(0,r.Z)({},_,p)),E=(0,s.useState)(_),z=E[0],L=E[1],B=(0,s.useState)(Object.keys(M).map((function(e){return M[e]}))),A=B[0],W=B[1];(0,s.useEffect)((function(){W(Object.keys(D).map((function(e){return D[e]})))}),[D]);var H=[].concat((0,o.Z)(A.filter((function(e){return e.id===_}))),(0,o.Z)((0,d.sortBy)(A,["name"]).filter((function(e){return e.id!==_}))));return(0,i.jsx)(c.m,P(P({},O),{},{className:I(N.root,h),classNames:N,defaultValue:String(_),onChange:L,chevron:(0,i.jsx)(i.Fragment,{}),children:H.map((function(e){var t=String(_)===String(null===e||void 0===e?void 0:e.id);return(0,i.jsxs)(c.m.Item,{value:String(null===e||void 0===e?void 0:e.id),children:[(0,i.jsx)(c.m.Control,{children:(0,i.jsxs)("div",{className:N.accHeaderInner,children:[(0,i.jsx)(l.x,{onClick:function(e){return e.stopPropagation()},children:(0,i.jsx)(x.s,{className:"".concat(N.cardCom," ").concat(t?"selected":""),type:"miniHorizontalWithoutBtn",headingTag:"h3",community:e,avatarBorderWidth:"2px",avatarRadiusSize:b.fn?"12px":void 0,avatarShowJoinIcon:null===e||void 0===e?void 0:e.joined})}),(0,i.jsx)("div",{className:N.accBtn,children:z===(null===e||void 0===e?void 0:e.id)?(0,i.jsx)(v,{}):(0,i.jsx)(f,{"data-event-category":b.UN,"data-event-action":"Expand Topic Click","data-event-label":"".concat((0,u.mg)(k)).concat(b.Vi.NEXT_PUBLIC_BASE_PATH,"/").concat(null===e||void 0===e?void 0:e.slug)})})]})}),(0,i.jsx)(c.m.Panel,{children:(0,i.jsxs)("div",{children:[(0,i.jsx)(x.s,{className:N.cardComBtn,type:"onlyButton",community:e}),(0,i.jsx)(j.Y,{className:N.topicCardList,topics:t?(m||[]).filter((function(e){return 0===(null===e||void 0===e?void 0:e.dueDateMonth)})):void 0,communityId:null===e||void 0===e?void 0:e.id,avatarSize:32,selectedTopic:g,showActiveTopic:!0})]})})]},String(null===e||void 0===e?void 0:e.id))}))}))}},32131:function(e,t,n){"use strict";n.d(t,{Y:function(){return b}});var i=n(85893),o=n(67294),r=n(19827),a=n(11163),s=n(86896),c=n(25559),l=n(91720),d=n(24169),u=n(5886),p=n(91256),m=n(78849),f=p.ZP.div.withConfig({displayName:"indexstyled__StyledTopicCardListInner",componentId:"sc-uoy44d-0"})(["display:flex;flex-direction:column;gap:16px;"]),g=p.ZP.div.withConfig({displayName:"indexstyled__StyledTopicCardList",componentId:"sc-uoy44d-1"})(["position:relative;min-height:30px;transition:height ","ms ease;.section-title{padding:10px 0;border-bottom:1px solid ",";color:",";font-weight:bold;text-transform:uppercase;}.button-see-all{width:100%;height:40px;border:#f1f3f5;background:#f1f3f5;color:",";font-size:14px;}.popup-topic{.topic-list{padding-left:16px;}}.topic-card-list{margin-right:-1rem;margin-left:-1rem;}"],(function(e){return e.speed||400}),(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral100}),(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray800}),(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray800})),h=p.ZP.div.withConfig({displayName:"indexstyled__StyledTopicCardWrapper",componentId:"sc-uoy44d-2"})(["&[data-is-selected='true']{.name-text{color:",";font-weight:bold;}}"],(function(e){return e.bg})),v=(0,p.ZP)(m.Y).withConfig({displayName:"indexstyled__StyledTopicCard",componentId:"sc-uoy44d-3"})(["background:transparent;&[data-size='medium']{padding:0;margin:0;}&:first-child{margin-top:0;}"]),x=p.ZP.div.withConfig({displayName:"indexstyled__StyledMessage",componentId:"sc-uoy44d-4"})(["font-size:14px;padding:8px 0;"]),y=p.ZP.div.withConfig({displayName:"indexstyled__StyledLoadingMessage",componentId:"sc-uoy44d-5"})(["font-size:14px;padding:8px 0;background:white;text-transform:capitalize;"]),b=function(e){var t=e.className,n=e.style,p=e.topics,m=void 0===p?null:p,b=e.avatarSize,C=e.communityId,j=e.selectedTopic,w=e.showActiveTopic,O=e.onFetchCallback,P=(0,o.useContext)(u.I).state.userInfo,_=(0,s.Z)().formatMessage,k=(0,a.useRouter)().locale,S=void 0===k?"vi-VN":k,N=(0,o.useRef)(null),I=(0,o.useRef)(null),Z=(0,o.useState)(!1),D=Z[0],T=Z[1],M=(0,d.Rm)(S),E=(0,o.useState)(m),z=E[0],L=E[1],B=(0,r.rZ)();B.colors;return(0,o.useEffect)((function(){null===z&&C&&(T(!0),(0,l.cP)(M,C,Boolean(null===P||void 0===P?void 0:P.id)).then((function(e){var t=(null===e||void 0===e?void 0:e.data)||null,n=t?null===t||void 0===t?void 0:t.topics.map(c.UA):t;null===O||void 0===O||O(n),L(n),T(!1)})))}),[]),(0,o.useEffect)((function(){L(m)}),[m]),(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(g,{ref:N,className:t,style:n,speed:400,children:(0,i.jsx)(f,{ref:I,children:D||null===z?(0,i.jsxs)(y,{children:[_({id:"loading",defaultMessage:"Loading"})," ","..."]}):(z||[]).length>0?(z||[]).filter((function(e){return 0===(null===e||void 0===e?void 0:e.dueDateMonth)})).map((function(e,t){return(0,i.jsx)(h,{bg:B.fn.primaryColor(),"data-is-selected":w&&e.id===(null===j||void 0===j?void 0:j.id),children:(0,i.jsx)(v,{className:"card-topic",size:"medium",topic:e,headingStyle:{fontSize:14,lineHeight:"18px"},buttonStyle:{fontSize:12},avatarSize:b,checkCommunityOutside:!0,showJoinState:!0})},t)})):(0,i.jsx)(x,{children:_({id:"topicCardList.notFound",defaultMessage:"Topics not found"})})})})})}},3905:function(e,t,n){"use strict";n.d(t,{x:function(){return ce}});var i=n(85893),o=n(26265),r=n(67294),a=n(63096),s=n(92351),c=n(15393),l=n(94412),d=n(46784),u=n(72090),p=n(36808),m=n.n(p),f=n(9008),g=n(24169),h=n(48560),v=n(91527),x=n(26381),y=n(50572),b=n(5886),C=n(44036),j=n(2566),w=(0,C.k)((function(e){return{root:{position:"fixed",bottom:e.spacing.lg,right:(0,j.h)(25),zIndex:100,background:e.fn.primaryColor(),borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",width:"48px",height:"48px","&:hover":{cursor:"pointer",background:e.fn.darken(e.fn.primaryColor(),.5)}}}})),O=function(){var e=(0,x.h)(),t=e.locale,n=e.asPath,o=(0,r.useContext)(b.I).dispatch,a=w(void 0,{name:"CreatePostSticky"}),s=a.classes,c=a.cx;return(0,i.jsx)(h.B,{unstyled:!0,leftIcon:(0,i.jsx)(v.Z,{color:"#fff",size:18}),className:c(s.root,"create-post-sticky"),"data-event-category":"Together","data-event-action":"Write Post Click","data-event-label":(0,g.Ow)(t,n),onClick:function(){return o({type:y.H.SHOW_CREATE_NEW_POST_POPUP,payload:!0})}})},P=n(32680),_=n(23577),k=n(29828),S=n(59701),N=n(50794),I=n(47146),Z=n(88547),D=n(68648),T=n(19864),M=n(11163),E=n(86896),z=n(87841),L=n(24211),B=n(21124),A=n(95983),W=n(65557),H=n(91256),F=n(83272),R=n(58633),U=(0,H.ZP)(c.M).withConfig({displayName:"indexstyled__StyledBottomBar",componentId:"sc-1f62i52-0"})([".mobile-navigation-icon,.mobile-navigation-label{pointer-events:none;}a *{pointer-events:none;}border-left:0;border-right:0;grid-template-columns:repeat(5,1fr);z-index:10;&[data-is-community-sticky='true']{grid-template-columns:repeat(3,1fr);}"]),q=((0,H.ZP)(R.g).withConfig({displayName:"indexstyled__StyledGuideForNewMem",componentId:"sc-1f62i52-1"})(["position:absolute;bottom:100%;left:0;right:0;"]),(0,H.ZP)(F.O).withConfig({displayName:"indexstyled__StyledFullscreenModal",componentId:"sc-1f62i52-2"})(["z-index:349;"])),J=H.ZP.div.withConfig({displayName:"indexstyled__StyledCardTopicDesc",componentId:"sc-1f62i52-3"})(["font-size:14px;line-height:22px;margin-bottom:24px;"]),V=(0,C.k)((function(e){return{root:{}}})),G=function(e){var t,n=e.onCreatePostClick,o=e.extend,a=e.topics,s=void 0===a?[]:a,l=e.isCommunitySticky,d=void 0!==l&&l,u=e.isHomeCommunity,p=void 0!==u&&u,m=e.communityId,f=e.communities,h=e.selectedTopic,v=V(void 0,{name:"BottomBar"}).theme,x=(0,M.useRouter)(),C=x.locale,j=void 0===C?"vi-VN":C,w=(x.pathname,x.asPath),O=(0,E.Z)().formatMessage,H=(0,r.useContext)(b.I),F=H.state,R=F.userInfo,G=F.questionForExpert,Y=F.showFeedMenu,X=H.dispatch,Q=(0,r.useMemo)((function(){return(0,g.Ow)(j,w)}),[j,w]),K=(0,r.useMemo)((function(){return(0,g.mg)(j)}),[j,w]),$=(0,r.useMemo)((function(){return A.kJ.includes(j)}),[j]),ee=(0,B.h0)(),te=ee.authActionWrapper,ne=(ee.params,(0,r.useState)(!1)),ie=ne[0],oe=ne[1],re=(0,r.useState)(!1),ae=re[0],se=re[1],ce=(0,r.useState)(!1),le=(ce[0],ce[1],(0,r.useMemo)((function(){return-1!==A.MN.indexOf(A.Vi.NEXT_PUBLIC_DEPLOY_LOCALE||"")}),[])),de=(0,r.useMemo)((function(){return-1!==A.$x.indexOf(A.Vi.NEXT_PUBLIC_DEPLOY_LOCALE||"")}),[]),ue=le&&A.vA.includes((null===R||void 0===R?void 0:R.role)||""),pe=function(){return(0,i.jsx)(c.M.Icon,{icon:(0,i.jsx)(z.C,{disableDot:0===G}),label:O({id:"mobileBar.questions",defaultMessage:"Questions"}),onClick:function(){return X({type:y.H.SHOW_QUESTION_FOR_EXPERT_POPUP,payload:!0})},"data-event-category":"Sticky Bottom","data-event-action":"Write Post Click","data-event-label":Q})},me=function(){return(0,i.jsx)(c.M.Icon,{icon:(0,i.jsx)(_.Z,{}),label:O({id:"mobileBar.home",defaultMessage:"Home"}),onClick:function(e){e.preventDefault(),window.location.href=K},"data-event-category":"Sticky Bottom","data-event-action":"Home Click","data-event-label":K})},fe=function(){return(0,i.jsx)(c.M.Icon,{icon:(0,i.jsx)(k.Z,{}),label:O({id:"mobileBar.healthTools",defaultMessage:"Health Tools"}),onClick:function(e){e.preventDefault(),window.location.href=K+"/health-tools"},"data-event-category":"Sticky Bottom","data-event-action":"Engage Click","data-event-label":K+"/health-tools"})},ge=function(){return(0,i.jsx)(c.M.Icon,{icon:(0,i.jsx)(S.Z,{color:v.fn.primaryColor(),style:{transform:"translate(0, -4px)"}}),label:O(le?{id:"createPost.askDoctor",defaultMessage:"Ask Doctor"}:{id:"mobileBar.newPost",defaultMessage:"New Post"}),onClick:function(){return te((function(){return null===n||void 0===n?void 0:n()}),{_location:w,action:"create-post"})},"data-event-category":"Sticky Bottom","data-event-action":"Write Post Click","data-event-label":Q})},he=function(){return(0,i.jsx)(c.M.Icon,{icon:(0,i.jsx)(N.Z,{isActive:p}),label:O({id:"mobileBar.community",defaultMessage:"Community"}),isActive:p,onClick:function(e){e.preventDefault(),window.location.href=K+"/community"},"data-event-category":"Sticky Bottom","data-event-action":"Together Click","data-event-label":K+"/community"})},ve=function(){return(0,i.jsx)(c.M.Icon,{icon:(0,i.jsx)("img",{src:P.C.getAssetPath("ai/bottom-bar-icon.jpg"),style:{height:"24px"},alt:O({id:"mobileBar.chatWithMe",defaultMessage:"Nh\u1eafn tin"})}),label:O({id:"mobileBar.chatWithMe",defaultMessage:"Nh\u1eafn tin"}),onClick:function(e){e.preventDefault(),window.location.href=A.nw},"data-event-category":"Sticky Bottom","data-event-action":"Chat Bot Click","data-event-label":K+"/community"})},xe=function(){return $?(0,i.jsx)(c.M.Icon,{icon:(0,i.jsx)(I.Z,{}),label:O({id:"mobileBar.care",defaultMessage:"Care"}),onClick:function(e){e.preventDefault(),window.location.href=K+"/care"},"data-event-category":"Sticky Bottom","data-event-action":"Care Click","data-event-label":K+"/care"}):(0,i.jsx)(c.M.Icon,{icon:(0,i.jsx)(Z.Z,{}),label:O({id:"mobileBar.myHealth",defaultMessage:"My Health"}),onClick:function(e){e.preventDefault(),window.location.href="".concat(A.Vi.NEXT_PUBLIC_SSO).concat(A.YP.MY_HEALTH_TRACKER)},"data-event-category":"Sticky Bottom","data-event-action":"User Profile Click","data-event-label":"".concat(A.Vi.NEXT_PUBLIC_SSO).concat(A.YP.MY_HEALTH_TRACKER)})},ye=function(){return(0,i.jsx)(c.M.Icon,{icon:(0,i.jsx)(D.Z,{isActive:ie}),label:O({id:"channelCommunity.topics",defaultMessage:"Feed"}),isActive:ie,onClick:function(e){e.preventDefault(),oe(!ie)},"data-event-category":"Sticky Bottom","data-event-action":"Topic Click","data-event-label":(0,g.Ow)(j,w)})},be=function(){return(0,i.jsx)(c.M.Icon,{icon:(0,i.jsx)(T.Z,{isActive:ie,size:24}),label:O({id:"bottomBar.feed",defaultMessage:"Feeds"}),isActive:ae,onClick:function(e){e.preventDefault(),se(!ae)},"data-event-category":"Sticky Bottom","data-event-action":"Highlight Click","data-event-label":(0,g.Ow)(j,w)})};return(0,r.useEffect)((function(){oe(!1),se(!1)}),[w]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(U,{"data-is-community-sticky":d,children:[d?de?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(he,{}),(0,i.jsx)(ye,{}),(0,i.jsx)(ge,{}),ue?(0,i.jsx)(pe,{}):(0,i.jsx)(ve,{}),(0,i.jsx)(fe,{})]}):(0,i.jsxs)(i.Fragment,{children:[ue?(0,i.jsx)(pe,{}):(0,i.jsx)(me,{}),(0,i.jsx)(he,{}),(0,i.jsx)(ge,{}),(0,i.jsx)(fe,{}),(0,i.jsx)(ye,{})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(me,{}),(0,i.jsx)(he,{}),(0,i.jsx)(ge,{}),(0,i.jsx)(fe,{}),ue?(0,i.jsx)(pe,{}):(0,i.jsx)(xe,{})]}),Y&&(0,i.jsx)(be,{}),o&&o]}),(0,i.jsxs)(q,{show:ie,title:O({id:"cardList.findYourCommunities"}),onClose:function(){oe(!1),se(!1)},children:[(0,i.jsx)(J,{children:O({id:"cardList.description",defaultMessage:"Explore our range of communities based on the health topics that matter to you the most."})}),(0,i.jsx)(L.I,{selectedCommunity:null===(t=(f||[]).filter((function(e){return e.id===m})))||void 0===t?void 0:t[0],communities:f||[],topicsBySelectedCommunity:s,selectedTopic:h,showActiveTopic:!0})]}),(0,i.jsx)(q,{show:ae,title:O({id:"bottomBar.feed",defaultMessage:"Feeds"}),onClose:function(){oe(!1),se(!1)},children:(0,i.jsx)(W.B,{isEmptyWrapperStyle:!0})})]})},Y=n(24107),X=n(43370),Q=n(13199),K=n(89814),$=H.ZP.div.withConfig({displayName:"indexstyled__StyledContent",componentId:"sc-1fywnpa-0"})(["display:flex;align-items:center;","{flex:1;}"],K.M.mbDown),ee=H.ZP.a.withConfig({displayName:"indexstyled__StyledContainer",componentId:"sc-1fywnpa-1"})(["position:relative;display:flex;align-items:center;justify-content:space-between;background-color:#284a75;background-position:center;background-size:cover;overflow:hidden;padding:0 11px;text-decoration:none;","{justify-content:center;}&[data-is-marry='true']{background-color:#ffe7ef;}&[data-is-collapse='false']{height:64px;transition:height 0.25s;}&[data-is-collapse='true']{height:0;transition:height 0.25s;}.content{display:-webkit-box;overflow:hidden;padding-right:16px;-webkit-box-orient:vertical;font-size:16px;font-weight:600;-webkit-line-clamp:2;line-height:24px;text-overflow:ellipsis;&,a{color:white;}","{font-size:14px;}}&[data-is-marry='true']{.content{&,a{color:#404040;}}}.close-icon{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:5px;}&[data-is-marry='true']{.close-icon{background:white;border-radius:50%;width:32px;height:32px;padding:0px;}}"],K.M.mbUp,K.M.mbDown),te=H.ZP.img.withConfig({displayName:"indexstyled__StyledIcon",componentId:"sc-1fywnpa-2"})(["max-width:100px;margin-right:16px;max-height:64px;"]),ne=(H.ZP.a.withConfig({displayName:"indexstyled__StyledLink",componentId:"sc-1fywnpa-3"})([""]),function(e){var t,n=e.link,o=e.icon,a=e.content,s=e.onClose,c=(0,x.h)().locale,l=(0,r.useState)(!1),d=l[0],u=l[1],p=(0,X.U)(),m=a,f=null===(t=/<a[^>]*href=["']([^"']*)["']/g.exec(m))||void 0===t?void 0:t[1],h=new URL(n,(0,g.mg)(c)),v=Q.aD.some((function(e){return h.origin.endsWith(e)}));return(0,i.jsx)(i.Fragment,{children:m&&(0,i.jsxs)(ee,{"data-is-marry":A.fn,"data-is-collapse":d,id:"sitewide-container",className:"no-replace-click","data-event-category":"Header Banner","data-event-action":"Link Click","data-event-label":p,href:n||f,target:v?"_self":"_blank",children:[(0,i.jsxs)($,{children:[o&&(0,i.jsx)(te,{alt:"",src:o,className:"icon lazy"},o||""),m&&(0,i.jsx)("p",{className:"content",dangerouslySetInnerHTML:{__html:m}})]}),(0,i.jsx)("div",{"data-event-category":"Header Banner","data-event-action":"Close Click","data-vars-event-label":p,className:"close-icon",onClick:function(e){e.preventDefault(),e.stopPropagation(),u(!0),null===s||void 0===s||s()},children:(0,i.jsx)("svg",{width:A.fn?"11":"16",height:A.fn?"11":"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M1.99007 0.990181C1.79114 0.990233 1.59674 1.04961 1.43173 1.16073C1.26672 1.27184 1.1386 1.42964 1.06374 1.61395C0.988886 1.79826 0.970697 2.00071 1.0115 2.19542C1.05231 2.39012 1.15025 2.56823 1.29281 2.70698L6.58578 7.99995L1.29281 13.2929C1.19684 13.3851 1.12021 13.4954 1.06743 13.6176C1.01464 13.7397 0.986757 13.8711 0.985403 14.0042C0.98405 14.1372 1.00926 14.2692 1.05954 14.3924C1.10983 14.5155 1.1842 14.6274 1.27827 14.7215C1.37235 14.8156 1.48426 14.89 1.60743 14.9402C1.73061 14.9905 1.86259 15.0157 1.99563 15.0144C2.12867 15.013 2.2601 14.9851 2.38223 14.9324C2.50436 14.8796 2.61473 14.803 2.70687 14.707L7.99984 9.41401L13.2928 14.707C13.385 14.803 13.4953 14.8796 13.6175 14.9324C13.7396 14.9851 13.871 15.013 14.0041 15.0144C14.1371 15.0157 14.2691 14.9905 14.3922 14.9402C14.5154 14.89 14.6273 14.8156 14.7214 14.7215C14.8155 14.6274 14.8899 14.5155 14.9401 14.3924C14.9904 14.2692 15.0156 14.1372 15.0143 14.0042C15.0129 13.8711 14.985 13.7397 14.9323 13.6176C14.8795 13.4954 14.8028 13.3851 14.7069 13.2929L9.4139 7.99995L14.7069 2.70698C14.8514 2.56652 14.9501 2.38567 14.99 2.18815C15.03 1.99063 15.0093 1.78565 14.9308 1.60007C14.8523 1.41448 14.7195 1.25695 14.5499 1.14812C14.3803 1.03929 14.1817 0.98424 13.9803 0.990181C13.7205 0.997922 13.4739 1.1065 13.2928 1.29292L7.99984 6.58589L2.70687 1.29292C2.61368 1.19712 2.50224 1.12098 2.37912 1.06898C2.25601 1.01698 2.12372 0.990189 1.99007 0.990181Z",fill:A.fn?"#404040":"white"})})})]})})}),ie=n(76278),oe=n(4266),re=n(34155);function ae(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function se(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ae(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ae(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ce=function(e){var t,n,o,p,h,v=e.title,C=e.description,j=e.image,w=e.children,P=e.onTopBarAppears,_=e.SEOData,k=void 0===_?{}:_,S=e.type,N=void 0===S?"website":S,I=e.footerMenu,Z=e.ssrMenuContent,D=e.seoCustom,T=e.sitewideBanner,M=e.onCreatePostClickOnBottomBar,E=e.topics,z=e.isCommunitySticky,L=e.isCommunityPage,B=e.communities,W=e.communityId,H=e.selectedTopic,F=e.onPostSuccess,R=e.onPostCreatedEdited,U=e.lastPostData,q=e.defaultCommunity,J=e.defaultTopics,V=e.showCreatePostSticky,Q=e.infiniteScroll,K=(0,x.h)(),$=K.locale,ee=K.asPath,te=(K.pathname,K.query),ae=null===(t=ee.split("?"))||void 0===t?void 0:t[0],ce=(0,oe.d)(),le=(0,r.useState)(!1),de=le[0],ue=le[1],pe=(0,r.useContext)(b.I),me=pe.state,fe=pe.dispatch,ge=me.userInfo,he=me.showCreateNewPostPopup,ve=(null===(n=A.CX[$||"en-PH"])||void 0===n?void 0:n.SITE_NAME_FORMATTED)||"",xe=(0,a.g)($),ye=(0,X.U)(),be=A.fn?"marryBaby":"helloSites",Ce="disable-site-wide-banner"+(null===T||void 0===T?void 0:T.id);return(0,r.useEffect)((function(){"create-post"===(null===te||void 0===te?void 0:te.action)&&fe({type:y.H.SHOW_CREATE_NEW_POST_POPUP,payload:!0})}),[]),(0,i.jsx)(u.tY,{locale:A.fn?"vi-VN_MB":$,children:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.N,{isMobile:ce,projectType:"together",siteType:be,ssrMenuContent:Z||{},activeMenuService:"together",onLogout:function(){fe({type:y.H.SET_OPEN_LOGOUT_POPUP,payload:{openLogoutPopup:!1}}),fe({type:y.H.LOGOUT,payload:{domain:"."+ie.domainLocales[$]}})},marryBaby:{tone:"white",marryBabyApiDomain:re.env.NEXT_PUBLIC_BASE_API_URL},locale:$,userState:se(se({},me),{},{userInfo:ge||void 0}),currentUrl:ye,onTopBarAppears:function(e){P&&P(e)},sitewideBanner:T&&"true"!==m().get(Ce)?(0,i.jsx)(ne,{icon:null!==(o=null===T||void 0===T?void 0:T.icon)&&void 0!==o?o:"",content:null!==(p=null===T||void 0===T?void 0:T.content)&&void 0!==p?p:"",link:(null===T||void 0===T?void 0:T.link)||"",id:null===T||void 0===T?void 0:T.id,onClose:function(){m().set(Ce,"true"),ue(!0)}}):void 0,sitewideBannerShown:!!T&&!de,onLoginClick:function(){return(0,g.p0)("".concat((0,a.g)($)).concat(A.GW,"/on-boarding?return=").concat(encodeURIComponent(ee),"&source=communities"))},isUserLoading:void 0===ge}),(0,i.jsx)(c.u,{SEOData:se({SEOTitle:v,SEOImage:j,SEODescription:C,siteName:ve,seoType:N,hasNoCanonical:!!Q},k),locale:$,routerPathname:"".concat(A.GW).concat(ae),routerQuery:te,nextHead:function(e){var t=e.children;return(0,i.jsxs)(f.default,{children:[t,Q&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("link",{rel:"canonical",href:"".concat((0,a.g)($)).concat(A.GW).concat(ae,"?page=").concat(Q.currentPage)}),Q.nextPage>Q.currentPage&&(0,i.jsx)("link",{rel:"next",href:"".concat((0,a.g)($)).concat(A.GW).concat(ae,"?page=").concat(Q.nextPage)}),Q.prevPage>0&&(0,i.jsx)("link",{rel:"prev",href:"".concat((0,a.g)($)).concat(A.GW).concat(ae,"?page=").concat(Q.prevPage)})]})]})},siteType:be,seoCustom:D,userId:null===me||void 0===me||null===(h=me.userInfo)||void 0===h?void 0:h.id}),w,he&&(0,i.jsx)(Y.T,{isMobile:ce,onClose:function(){fe({type:y.H.SHOW_CREATE_NEW_POST_POPUP,payload:!1}),window.history.pushState({},"",(0,a.g)($)+window.location.pathname)},onPostCreatedEdited:R,lastFormData:U,onPostSuccess:F,defaultCommunity:q,defaultTopics:J}),(0,i.jsx)(l.F,{siteType:be,locale:$,type:"main",footerInfo:I,basePath:xe,background:d.t.colors.neutral50}),!ce&&V&&(0,i.jsx)(O,{}),ce&&(0,i.jsx)(G,{isHomeCommunity:L,isCommunitySticky:z,onCreatePostClick:function(){return null===M||void 0===M?void 0:M()},topics:E,selectedTopic:H,communities:B,communityId:W})]})})}},43370:function(e,t,n){"use strict";n.d(t,{U:function(){return a}});var i=n(67294),o=n(76278),r=n(11163);var a=function(){var e=(0,r.useRouter)(),t=e.locale,n=e.asPath;return(0,i.useMemo)((function(){return"https://".concat(o.domainLocales[t]).concat(n)}),[n])}},3055:function(e,t,n){"use strict";n.d(t,{g:function(){return i.g}});var i=n(48253)},48253:function(e,t,n){"use strict";n.d(t,{g:function(){return a}});var i=n(67294),o=function(){return window.innerWidth<768},r=function(){return window.innerWidth>=768&&window.innerWidth<1112},a=function(e){var t=(0,i.useState)(e),n=t[0],a=t[1],s=function(){var e=(0,i.useState)(o()),t=e[0],n=e[1],a=(0,i.useState)(r()),s=a[0],c=a[1];return(0,i.useEffect)((function(){var e=function(){n(o()),c(r())};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),{isMobile:t,isLargeMobile:s}}().isMobile;return(0,i.useEffect)((function(){a(s)}),[s,e]),n}},4266:function(e,t,n){"use strict";n.d(t,{d:function(){return a}});var i=n(67294),o=n(3055),r=n(5886),a=function(){var e=(0,i.useContext)(r.I).state.isMobileSsr;return(0,o.g)(e)}}}]);