(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6575],{17985:function(e,t,r){"use strict";r.d(t,{W:function(){return c}});var n=r(85893),i=r(11024),o=r(86896),a=r(95983),s=r(8346),c=function(e){var t=e.className,r=e.style,c=(0,o.Z)().formatMessage;return(0,n.jsxs)(s.w,{className:t,style:r,children:[(0,n.jsx)("img",{className:"loading-spinner",src:a.fn?"./svg/marrybaby/loading.svg":"./svg/loading.svg"}),(0,n.jsx)(i.T,{size:"c2",children:c({id:"loading"})})]})}},41420:function(e,t,r){"use strict";r.d(t,{Y:function(){return c}});var n=r(85893),i=r(67294),o=r(91256),a=r(95983),s=o.ZP.div.withConfig({displayName:"indexstyled__StyledUserAvatar",componentId:"sc-1xps8r4-0"})(["width:40px;height:40px;flex-shrink:0;cursor:pointer;font-size:20px;img{border-radius:50%;}.avatar{width:100%;height:100%;object-fit:cover;}.avatar-default{display:flex;align-items:center;justify-content:center;background-color:",";border-radius:50%;color:white;font-size:1em;font-weight:bold;line-height:1;}",""],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.secondaryBase}),a.fn&&(0,o.iv)([".avatar-default{background-color:",";}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.mbColors.pink}))),c=function(e){var t=e.className,r=e.style,o=e.avatar,a=e.username,c=(0,i.useState)(!1),l=c[0],d=c[1];return(0,n.jsx)(s,{className:t,style:r,children:o&&!l?(0,n.jsx)("img",{loading:"lazy",src:o,className:"avatar",alt:"avatar",onError:function(e){d(!0)}},o||""):(0,n.jsx)("div",{className:"avatar avatar-default",children:a&&(null===a||void 0===a?void 0:a.length)>0?a[0].toUpperCase():"A"})})}},38616:function(e,t,r){"use strict";r.d(t,{_:function(){return P}});var n=r(85893),i=r(24169),o=r(21124),a=r(26381),s=r(95983),c=r(15437),l=r(67294),d=r(11024),u=r(86896),p=r(41420),f=r(5886),m=r(43196),v=function(e){var t=e.className,r=e.style,i=(0,l.useContext)(f.I).state,o=(0,u.Z)().formatMessage,a=i.userInfo;return(0,n.jsxs)(c.vs,{className:t,style:r,children:[(0,n.jsxs)("div",{className:"upper-container",children:[(0,n.jsx)(p.Y,{className:"avatar-wrapper",avatar:null!==a&&void 0!==a&&a.id?a.avatar:s.DP,username:(null===a||void 0===a?void 0:a.name)||(null===a||void 0===a?void 0:a.username)}),(0,n.jsx)(d.T,{className:"placeholder-text",size:"p2",color:"#9495A0",children:o({id:"cardPost.createNewPost"})})]}),(0,n.jsxs)("div",{className:"action-container",children:[(0,n.jsxs)("div",{className:"image-picker-wrapper",children:[(0,n.jsx)("img",{className:"image-picker-icon",src:(0,m.k3)("/svg/marrybaby/imagePink.svg"),alt:""}),(0,n.jsx)(d.T,{className:"image-picker-text",size:"p2",children:o({id:"cardPost.image"})})]}),(0,n.jsxs)("div",{className:"video-picker-wrapper",children:[(0,n.jsx)("img",{className:"video-picker-icon",src:(0,m.k3)("/svg/marrybaby/videoBlue.svg"),alt:""}),(0,n.jsx)(d.T,{className:"video-picker-text",size:"p2",children:o({id:"cardPost.video"})})]})]})]})},g=r(75529),h=r(26265),x=r(38347);function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){(0,h.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var w=function(e){var t=e.size,r=void 0===t?24:t,i=e.color,o=void 0===i?"#fff":i,a=e.useCurrentColor,s=(0,x.Z)(e,["size","color","useCurrentColor"]),c=a?"currentColor":o;return(0,n.jsx)("svg",y(y({width:r,height:r,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s),{},{children:(0,n.jsx)("path",{d:"M11.4201 4.45154C11.2069 4.45154 10.9934 4.53439 10.8309 4.69731L10.7593 4.76892C10.4334 5.09475 10.4334 5.62231 10.7593 5.94731L13.9787 9.16671H3.08675C2.62675 9.16671 2.25342 9.54004 2.25342 10C2.25342 10.46 2.62675 10.8334 3.08675 10.8334H13.9787L10.7593 14.0528C10.4334 14.3786 10.4334 14.9062 10.7593 15.2312L10.8309 15.3028C11.1567 15.6286 11.6843 15.6286 12.0093 15.3028L16.7228 10.5892C17.0487 10.2634 17.0487 9.73585 16.7228 9.41085L12.0093 4.69731C11.8464 4.53439 11.6333 4.45154 11.4201 4.45154Z",fill:c})}))},j=(0,r(44036).k)((function(e){var t,r=e.colors;return{root:{padding:" 0.5rem 1rem",borderRadius:"16px",border:"2px solid ".concat(e.fn.primaryColor()),background:"white",display:"flex",alignItems:"center",justifyContent:"space-between",transition:"all 0.2s ease","&:hover":{boxShadow:"0px 0px 5px 0px ".concat(e.fn.primaryColor())}},avatarGroup:{display:"flex",alignItems:"center",gap:"1rem"},icon:{background:null===(t=r.neutral)||void 0===t?void 0:t[0],borderRadius:"50%",width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center"}}})),O=function(e){var t=e.className,r=e.style,i=(0,l.useContext)(f.I).state,o=(0,u.Z)().formatMessage,a=i.userInfo,c=j(void 0,{name:"TogetherInputCommentPost"}),d=c.classes,m=c.cx,v=c.theme;return(0,n.jsxs)("div",{className:m(d.root,t),style:r,children:[(0,n.jsxs)("div",{className:d.avatarGroup,children:[(0,n.jsx)(p.Y,{className:"avatar-wrapper",avatar:null!==a&&void 0!==a&&a.id?a.avatar:s.DP,username:(null===a||void 0===a?void 0:a.name)||(null===a||void 0===a?void 0:a.username)}),(0,n.jsx)(g.T,{className:"placeholder-text",size:"p3",color:"#737373",children:o({id:"cardCommunity.startDisCussion"})})]}),(0,n.jsx)("div",{className:d.icon,children:(0,n.jsx)(w,{size:20,color:v.colors.gray[4]})})]})},P=function(e){var t=e.className,r=e.style,l=e.onCreatePostClick,d=(0,a.h)(),u=d.locale,p=d.asPath,f=(0,o.h0)().authActionWrapper;return(0,n.jsx)(c.rA,{className:t,style:r,"data-event-category":s.UN,"data-event-action":"Write Post Click","data-event-label":(0,i.Ow)(u,p),onClick:function(){return f((function(){return null===l||void 0===l?void 0:l()}),{_location:p,action:"create-post"})},children:s.fn?(0,n.jsx)(v,{}):(0,n.jsx)(O,{})})}},44432:function(e,t,r){"use strict";r.d(t,{C:function(){return i}});var n=r(15393),i=(0,r(91256).ZP)(n.o).withConfig({displayName:"indexstyled__StyledTogetherTabs",componentId:"sc-168efrq-0"})([""])},16592:function(e,t,r){"use strict";r.d(t,{u:function(){return p}});var n=r(26265),i=r(85893),o=r(38347),a=(r(67294),r(89814)),s=r(91256),c=r(95983),l=s.ZP.div.withConfig({displayName:"indexstyled__StyledWrapper",componentId:"sc-1muut0g-0"})(["background:white;border:1px solid ",";margin-bottom:8px;","{border-left:0;border-right:0;}"," ","{border-radius:8px;margin-bottom:24px;","}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral100}),a.M.mbDown,c.fn&&(0,s.iv)(["border-color:rgb(243,243,243);box-shadow:rgb(0 0 0 / 8%) 0px 1px 3px;"]),a.M.mbUp,c.fn&&(0,s.iv)(["border-radius:1rem;"]));function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var p=function(e){var t=e.children,r=e.className,n=void 0===r?"":r,a=(0,o.Z)(e,["children","className"]);return(0,i.jsx)(l,u(u({className:n},a),{},{children:t}))}},51809:function(e,t,r){"use strict";r.d(t,{lv:function(){return a},iH:function(){return s},yT:function(){return c},ZY:function(){return l},yb:function(){return d}});var n=r(89814),i=r(91256),o=r(95983),a=i.ZP.div.withConfig({displayName:"indexstyled__StyledHomeBannerWrapper",componentId:"sc-1g8gool-0"})(["max-width:1520px;margin:0 auto;.banner{background-color:",";}.scroll-list{.arrow-right{right:24px;}.arrow-left{left:24px;}.bullet-nav{bottom:20px;}}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray100})),s=i.ZP.div.withConfig({displayName:"indexstyled__StyledHomeWrapper",componentId:"sc-1g8gool-1"})(["overflow:visible;min-height:100vh;.community-container{background-color:",";"," .list-community-container{padding:44px 0 50px;position:relative;z-index:2;max-width:var(--site-max-width);margin:auto;","{padding:80px 0;}}}.expert-container{.list-expert-container{padding-top:10px;position:relative;z-index:2;max-width:var(--site-max-width);margin:auto;","{padding:80px 0 56px;}}}.form-container{","{padding:0 16px;}background:linear-gradient( "," 50%,transparent 50% ) no-repeat;","}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50}),o.fn&&(0,i.iv)(["background-color:#fff9eb;"]),n.M.mbUp,n.M.mbUp,n.M.mbDown,(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.blue50}),o.fn&&(0,i.iv)(["background:linear-gradient(#fdeeee 50%,transparent 50%) no-repeat;"])),c=i.ZP.div.withConfig({displayName:"indexstyled__StyledHome",componentId:"sc-1g8gool-2"})(["position:relative;width:100%;.outer-container{position:relative;z-index:2;max-width:var(--site-max-width);margin:auto;.breadcrumb{padding:16px 16px 19px 16px;}.card-profile{","{width:100%;}}}.tab-sort-container{width:100%;margin-bottom:1rem;","{margin-top:1rem;padding-left:1rem;padding-right:1rem;}}.inner-container{display:flex;width:100%;}.home-join-list-big{width:100%;max-width:var(--site-max-width);padding:0 1rem;margin-bottom:1rem;","{width:100%;padding:0;margin-left:0;}}.main-section{width:var(--left-column);padding:0 0 32px 1rem;","{width:100%;padding:1rem 0 32px;}.card-textbox-post{border:none;background:#fff;border-radius:6px;","{margin-bottom:0;}}}.home-right{display:none;","{display:block;}flex:1;padding:0 1rem;> *{margin-bottom:1rem;}.right-block-container{min-height:300px;display:flex;align-items:center;justify-content:center;}}"],n.M.mbDown,n.M.mbDown,n.M.mbDown,n.M.mbDown,n.M.mbDown,n.M.mbUp),l=i.ZP.div.withConfig({displayName:"indexstyled__StyledLoadingWrapper",componentId:"sc-1g8gool-3"})(["display:flex;height:0;align-items:center;justify-content:center;opacity:0;transition:opacity 3s ease 0s,max-height 1.5s ease;&[data-show='true']{height:unset;opacity:1;transition:opacity 0.3s ease,max-height 0.3s ease;}"]),d=i.ZP.div.withConfig({displayName:"indexstyled__StyledMainBody",componentId:"sc-1g8gool-4"})(["display:flex;","{flex-direction:column;}","{padding-top:16px;}"],n.M.mbDown,n.M.mbUp)},167:function(e,t,r){"use strict";r.d(t,{Y:function(){return h}});var n,i=r(809),o=r.n(i),a=r(26265),s=r(92447),c=r(67294),l=r(11163),d=r(25559),u=r(2810),p=r(24169),f=r(31474),m=r(18833);function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){(0,a.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}!function(e){e[e.idle=1]="idle",e[e.loading=3]="loading"}(n||(n={}));var h=function(e){var t=e.requestParams,r=e.posts,i=e.postPagination,a=(0,l.useRouter)().locale,v=void 0===a?"vi-VN":a,h=(0,c.useState)(r),x=h[0],b=h[1],y=(0,c.useState)(!1),w=y[0],j=y[1],O=(0,c.useState)(i),P=O[0],N=O[1],C=(0,c.useRef)(n.idle),k=(0,c.useRef)(!0),D=(0,c.useRef)(null),_=(0,c.useRef)(!1),S=(0,c.useContext)(m.nj)||{},I=S.state,M=void 0===I?m.E3:I,Z=S.dispatch,E=M.postsById;(0,c.useEffect)((function(){b(r)}),[r]);var T=function(){var e=(0,s.Z)(o().mark((function e(){var r,i,a,s,c,l;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!D.current){e.next=22;break}if(r=D.current.getBoundingClientRect(),r.top,i=r.bottom,!(i<1.5*window.innerHeight&&C.current===n.idle&&P&&P.currentPage<P.lastPage)||_.current){e.next=22;break}return C.current=n.loading,j(!0),e.prev=6,e.next=9,(0,p.Jl)((0,p.cN)(u.yy.POST.LIST||"",g({_locale:v,page:Number((null===P||void 0===P?void 0:P.currentPage)||"1")+1},t||{})),"GET");case 9:s=e.sent,c=(null===s||void 0===s?void 0:s.data)||{},0===(l=(null===c||void 0===c||null===(a=c.posts)||void 0===a?void 0:a.map(d.W1))||[]).length&&(_.current=!0),Z({type:f.t.updateMultiple,payload:{dataArr:l}}),b((function(e){return null===e||void 0===e?void 0:e.filter((function(e){return!l.find((function(t){return t.id===e.id}))})).concat(l)})),N(null!==c&&void 0!==c&&c.pagination&&(0,d.j5)(c.pagination)||null),e.next=21;break;case 18:e.prev=18,e.t0=e.catch(6),console.error(e.t0);case 21:setTimeout((function(){C.current=n.idle,j(!1)}),300);case 22:case"end":return e.stop()}}),e,null,[[6,18]])})));return function(){return e.apply(this,arguments)}}(),z=(0,c.useRef)();z.current=T,(0,c.useEffect)((function(){Z({type:f.t.updateMultiple,payload:{dataArr:r}});var e=function(){var e;return null===(e=z.current)||void 0===e?void 0:e.call(z)};return document.addEventListener("scroll",e),function(){return document.removeEventListener("scroll",e)}}),[]);var L=function(){var e=(0,s.Z)(o().mark((function e(){var r,i,a,s;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return C.current=n.loading,b([]),j(!0),e.prev=3,e.next=6,(0,p.Jl)((0,p.cN)(u.yy.POST.LIST,g({_locale:v,page:"1"},t||{})),"GET");case 6:i=e.sent,a=(null===i||void 0===i?void 0:i.data)||{},0===(s=(null===a||void 0===a||null===(r=a.posts)||void 0===r?void 0:r.map(d.W1))||[]).length?_.current=!0:_.current=!1,Z({type:f.t.updateMultiple,payload:{dataArr:s}}),b(s),N(null!==a&&void 0!==a&&a.pagination&&(0,d.j5)(a.pagination)||null),e.next=18;break;case 15:e.prev=15,e.t0=e.catch(3),console.error(e.t0);case 18:setTimeout((function(){C.current=n.idle,j(!1)}),300);case 19:case"end":return e.stop()}}),e,null,[[3,15]])})));return function(){return e.apply(this,arguments)}}(),R=null===t||void 0===t?void 0:t.sort;return(0,c.useEffect)((function(){k.current?k.current=!1:L()}),[R]),{posts:x.map((function(e){return e.id&&E[e.id]||e})),setPosts:b,loading:w,postContainerRef:D,handleCreateEditPost:function(e){b((function(t){var r=t.findIndex((function(t){return t.id===e.id}));return r>-1?t[r]=e:t.unshift(e),t.slice()}))},refetch:L,handleDeletePost:function(e){b((function(t){var r=t.findIndex((function(t){return t.id===e}));return r>-1&&t.splice(r,1),t.slice()}))}}}}}]);