(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5405,1420],{71876:function(e,t,n){"use strict";n.d(t,{M:function(){return v}});var i=n(67294),o=n(23279),r=n.n(o);var a=n(73935),l=n(93867),s=n(36308),d=n(78156),c=n(10917);const u=(0,d.Z)(l.Z.div`
    position: relative;
    z-index: 200;
    background-color: ${c.r.colors.white};
    border-radius: ${c.r.borderRadius};
    box-shadow: 0px 8px 40px 0px #0000001a;
    &[data-site-type='marryBaby'] {
      border-radius: 16px;
      .hhg-modal__content {
        position: relative;
        z-index: 111;
        height: 100%;
        padding: 24px;
      }
    }
    .hhg-modal__content {
      position: relative;
      z-index: 111;
      height: 100%;
      padding: 16px;
    }
    .hhg-modal__video {
      position: relative;
      z-index: 111;
      height: 100%;
      background-color: none;
      box-shadow: none;
    }
  `,"hhgcomp-modal-modal"),p=l.Z.div`
  position: fixed;
  top: 0;
  left: 0;
  z-index: 201;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  transition: opacity 0.3s ease-in-out;

  .hhg-modal__close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    img {
      width: 100%;
      height: 100%;
      border-radius: 50%;
    }
  }
  &[data-type='video'] {
    z-index: 1001;
  }
  &[data-open='true'] {
    opacity: 1;
    visibility: visible;
  }

  ${u.classSelector} {
    transition: transform 0.3s ease-in-out;
  }
  &.slideTop {
    ${u.classSelector} {
      transform: translate(0, -100vh);
    }

    &[data-open='true'] {
      ${u.classSelector} {
        transform: translate(0);
      }
    }
  }

  &.scaleUp {
    ${u.classSelector} {
      transform: scale(0.9);
    }

    &[data-open='true'] {
      ${u.classSelector} {
        transform: scale(1);
      }
    }
  }

  &[data-type='tail'] {
    justify-content: flex-end;
    ${u.classSelector} {
      width: 420px;
      height: 100%;
      border-radius: 0;
      overflow: hidden auto;
    }
  }
  &[data-type='form'] {
    ${u.classSelector} {
      width: 496px;
      height: 548px;
      max-height: 100%;
      overflow-y: auto;
      ${s.M.mbDown} {
        width: 340px;
      }
    }
  }
  &[data-type='video'] {
    ${u.classSelector} {
      height: 100%;
      max-height: 539px;
      ${s.M.mbDown} {
        height: 192px;
        width: 100%;
        height: 100%;
        border-radius: ${c.r.borderRadius};
        max-height: 192px;
      }
    }
  }
  &[data-type='confirm'] {
    ${u.classSelector} {
      width: 100%;
      max-width: 407px;
      ${s.M.mbDown} {
        width: calc(100% - 32px);
        max-width: calc(100% - 32px);
      }
    }
  }
`,m=l.Z.div`
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  align-items: center;

  &[data-open='false'] {
    display: none;
  }
  &[data-type='video'] {
    background-color: ${c.r.colors.secondaryDark};
  }
`,h="hhg-modals",g=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},f=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},v=({type:e="lead",closeIcon:t,isOpen:n=!0,onClose:o,children:l,className:s="",animationType:d="scaleUp",isStaticBackdrop:c=!1,siteType:v})=>{const[x,y]=(0,i.useState)(!1),b=(0,i.useRef)(null),{width:w}=((e=!0)=>{const[t,n]=(0,i.useState)({height:0,width:0}),o=(0,i.useRef)(null);return(0,i.useEffect)((()=>{if(!e||"undefined"===typeof window)return;const t=()=>(o.current||(o.current=document.createElement("div"),o.current.classList.add("measure-scrollbar-size"),o.current.style.width="99px",o.current.style.height="99px",o.current.style.overflow="scroll",o.current.style.position="absolute",o.current.style.top="-9999px",o.current.setAttribute("aria-hidden","true"),o.current.setAttribute("role","presentation")),o.current),i=()=>{const{offsetHeight:e,clientHeight:i,offsetWidth:o,clientWidth:r}=t(),a=e-i,l=o-r;n((e=>{const{height:t,width:n}=e;return t!==a||n!==l?{height:a,width:l}:e}))},a=r()(i,100);window.addEventListener("resize",a,{passive:!0}),document.body.appendChild(t()),i();const l=t();return()=>{a.cancel(),window.removeEventListener("resize",a),document.body.removeChild(l)}}),[e]),t})();if(!b.current&&x&&(b.current=document.createElement("div")),(0,i.useEffect)((()=>(y(!0),()=>{y(!1),g(),f()})),[]),(0,i.useEffect)((()=>{if(x){const e=(()=>{let e=document.getElementById(h);return e||(e=document.createElement("div"),e.setAttribute("id",h),document.body.append(e)),e})();return e.appendChild(b.current),()=>{e.removeChild(b.current)}}}),[x]),(0,i.useEffect)((()=>{n?document.body.classList.add("hhc-modal-show"):g()}),[n]),(0,i.useEffect)((()=>{n?(document.body.style.overflow="hidden",document.body.style.paddingRight=w+"px",document.body.classList.add("hhc-disabled-scroll")):f()}),[n,w]),!x)return null;const j=["hhg-modal__wrapper",s,d].filter((e=>e)).join(" ");return(0,a.createPortal)(i.createElement(p,{className:j,"data-open":n,"data-type":e},!c&&i.createElement(m,{"data-open":n,onClick:o,"data-type":e}),!c&&"video"===e&&!!t&&i.createElement("div",{className:"hhg-modal__close",onClick:o},t),i.createElement(u,{className:"hhg-modal","data-open":n,"data-site-type":v},i.createElement("div",{className:"video"===e?"hhg-modal__video":"hhg-modal__content"},!!t&&"video"!==e&&i.createElement("div",{className:"hhg-modal__close",onClick:o},t),l))),b.current)}},37899:function(e,t,n){"use strict";n.d(t,{l:function(){return l}});var i=n(85893),o=n(91256),r=n(95983),a=o.ZP.div.withConfig({displayName:"indexstyled__StyledBackgroundLayer",componentId:"sc-7jxv04-0"})(["position:absolute;z-index:1;bottom:0;left:0;height:calc(100% - 164px);width:100%;min-height:0;background:",";border-radius:40px 40px 0 0;&.pt-lg{height:calc(100% - 343px);}&.pt-md{height:calc(100% - 245px);}&.pt-sm{height:calc(100% - 92px);}",""],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50}),r.fn?(0,o.iv)(["display:none;"]):""),l=function(e){var t=e.className,n=e.style;return(0,i.jsx)(a,{className:t,style:n})}},17985:function(e,t,n){"use strict";n.d(t,{W:function(){return s}});var i=n(85893),o=n(22398),r=n(86896),a=n(95983),l=n(8346),s=function(e){var t=e.className,n=e.style,s=(0,r.Z)().formatMessage;return(0,i.jsxs)(l.w,{className:t,style:n,children:[(0,i.jsx)("img",{className:"loading-spinner",src:a.fn?"./svg/marrybaby/loading.svg":"./svg/loading.svg"}),(0,i.jsx)(o.T,{size:"c2",children:s({id:"loading"})})]})}},41420:function(e,t,n){"use strict";n.d(t,{Y:function(){return s}});var i=n(85893),o=n(67294),r=n(91256),a=n(95983),l=r.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,r.iv)([".avatar-default{background-color:",";}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.mbColors.pink}))),s=function(e){var t=e.className,n=e.style,r=e.avatar,a=e.username,s=(0,o.useState)(!1),d=s[0],c=s[1];return(0,i.jsx)(l,{className:t,style:n,children:r&&!d?(0,i.jsx)("img",{loading:"lazy",src:r,className:"avatar",alt:"avatar",onError:function(e){c(!0)}},r||""):(0,i.jsx)("div",{className:"avatar avatar-default",children:a&&(null===a||void 0===a?void 0:a.length)>0?a[0].toUpperCase():"A"})})}},82811:function(e,t,n){"use strict";n.d(t,{b:function(){return C}});var i=n(85893),o=n(26265),r=n(38347),a=(n(67294),n(11163)),l=n(56632),s=n(76278),d=n(95983),c=n(36308),u=n(49678),p=n(91256),m=p.ZP.div.withConfig({displayName:"indexstyled__StyledHomepageBannerWrapper",componentId:"sc-1y77rfq-0"})(["position:relative;padding-top:16px;","{padding-top:0;background-size:cover;background-repeat:no-repeat;.no-content{background-size:cover;}}","{border-radius:16px;}.banner-link{color:#262626;}.banner-link-disable{pointer-events:none;color:#262626;button{pointer-events:fill;}}"],c.M.mbDown,c.M.mbUp),h=p.ZP.div.withConfig({displayName:"indexstyled__StyledHomepageContainer",componentId:"sc-1y77rfq-1"})(["background-repeat:no-repeat;background-size:contain;background-position:bottom center;","{height:0;padding-bottom:31.57%;border-radius:16px;}","{height:0;padding-bottom:51.49%;border-radius:16px;}","{height:0;padding-bottom:170%;width:100%;&.only-menu{padding:18px 0;.menu-wrapper{margin-top:0;}}}"],c.M.mbUp,c.M.tdOnly,c.M.mbDown),g=(0,p.ZP)(u.C).withConfig({displayName:"indexstyled__StyledHomepageContentContainer",componentId:"sc-1y77rfq-2"})(["","{display:flex;gap:24px;justify-content:space-between;min-height:400px;max-height:500px;}","{display:flex;flex-direction:column;}height:100%;max-height:700px;padding:0 16px;.banner_button{display:block;width:fit-content;min-height:40px;margin-top:12px;margin-bottom:12px;text-decoration:none;}"],c.M.mbUp,c.M.mbDown),f=p.ZP.div.withConfig({displayName:"indexstyled__StyledContentWrapper",componentId:"sc-1y77rfq-3"})(["","{min-width:500px;max-width:600px;padding:58px 0 0 85px;&[data-direction='right-bottom']{margin-left:60%;padding:58px 85px 0 0;}&[data-direction='center']{margin-left:0;padding:0 16px;display:flex;flex-direction:column;justify-content:center;}}","{padding-top:24px;&[data-direction='right-bottom']{position:absolute;bottom:30px;}}"],c.M.mbUp,c.M.mbDown),v=p.ZP.h2.withConfig({displayName:"indexstyled__StyledBannerTitle",componentId:"sc-1y77rfq-4"})(["font-weight:700;letter-spacing:-1.2px;","{font-size:40px;line-height:52px;}","{margin-bottom:16px;font-size:24px;line-height:32px;}"],c.M.mbUp,c.M.mbDown),x=p.ZP.div.withConfig({displayName:"indexstyled__StyledBannerDescriptionWrapper",componentId:"sc-1y77rfq-5"})(["margin:16px 0;"]),y=p.ZP.span.withConfig({displayName:"indexstyled__StyledBannerDescription",componentId:"sc-1y77rfq-6"})(["display:block;margin-top:8px;font-size:18px;font-weight:400;letter-spacing:-0.2px;line-height:32px;word-break:break-word;"]);p.ZP.div.withConfig({displayName:"indexstyled__StyledHomepageImg",componentId:"sc-1y77rfq-7"})(["flex-grow:0;flex-shrink:0;pointer-events:none;user-select:none;position:relative;.home-banner-image{object-position:bottom;object-fit:cover;width:100%;}","{display:contents;padding:0 16px;margin:16px auto 0 auto;width:100%;}","{align-self:flex-end;flex:1;position:relative;}"],c.M.mbDown,c.M.mbUp),p.ZP.hr.withConfig({displayName:"indexstyled__StyledMenuDivider",componentId:"sc-1y77rfq-8"})(["border:none;border-top:2px dashed ",";","{margin:16px -16px;}","{margin:0 16px;padding:0;}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral100}),c.M.mbDown,c.M.mbUp);function b(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 w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=function(e){var t=e.as,n=e.children,o=(0,r.Z)(e,["as","children"]),a=t;return(0,i.jsx)(a,w(w({},o),{},{children:n}))},C=function(e){var t,n=e.isMobile,o=e.homepage,c=(0,r.Z)(e,["isMobile","homepage"]),u=(0,a.useRouter)().locale,p=void 0===u?"vi-VN":u,b=null===(t=o.linkButton)||void 0===t?void 0:t.includes(s.domainLocales[p]);return(0,i.jsx)(m,w(w({className:o.title?void 0:"only-menu"},c),{},{children:(0,i.jsx)(j,w(w({as:o.linkButton?"a":"div"},o.linkButton&&{href:o.linkButton,target:b?"":"_blank"}),{},{className:o.titleButton?"banner-link-disable":"banner-link",children:(0,i.jsx)(h,{style:{backgroundImage:"url('".concat(n&&o.mobileImage||o.image,"')")},className:o.title||o.description?"":"no-content",children:(0,i.jsx)(g,{children:(0,i.jsxs)(f,{"data-direction":o.positionButton,children:[(0,i.jsx)(v,{children:o.title}),o.description&&(0,i.jsx)(x,{children:(0,i.jsx)(y,{dangerouslySetInnerHTML:{__html:o.description}})}),o.titleButton&&o.linkButton&&(0,i.jsx)("a",{href:o.linkButton||"#",target:b?"":"_blank",className:"banner_button",children:(0,i.jsx)(l.j,{size:"md",color:"primary","data-event-category":d.UN,"data-event-action":"Join Campaign","data-event-label":o.linkButton,children:o.titleButton})})]})})})}))}))}},66486:function(e,t,n){"use strict";n.d(t,{_:function(){return b}});var i=n(85893),o=n(24169),r=n(21124),a=n(26381),l=n(95983),s=n(15437),d=n(67294),c=n(22398),u=n(86896),p=n(41420),m=n(5886),h=n(43196),g=function(e){var t=e.className,n=e.style,o=(0,d.useContext)(m.I).state,r=(0,u.Z)().formatMessage,a=o.userInfo;return(0,i.jsxs)(s.vs,{className:t,style:n,children:[(0,i.jsxs)("div",{className:"upper-container",children:[(0,i.jsx)(p.Y,{className:"avatar-wrapper",avatar:null!==a&&void 0!==a&&a.id?a.avatar:l.DP,username:(null===a||void 0===a?void 0:a.name)||(null===a||void 0===a?void 0:a.username)}),(0,i.jsx)(c.T,{className:"placeholder-text",size:"p2",color:"#9495A0",children:r({id:"cardPost.createNewPost"})})]}),(0,i.jsxs)("div",{className:"action-container",children:[(0,i.jsxs)("div",{className:"image-picker-wrapper",children:[(0,i.jsx)("img",{className:"image-picker-icon",src:(0,h.k3)("/svg/marrybaby/imagePink.svg"),alt:""}),(0,i.jsx)(c.T,{className:"image-picker-text",size:"p2",children:r({id:"cardPost.image"})})]}),(0,i.jsxs)("div",{className:"video-picker-wrapper",children:[(0,i.jsx)("img",{className:"video-picker-icon",src:(0,h.k3)("/svg/marrybaby/videoBlue.svg"),alt:""}),(0,i.jsx)(c.T,{className:"video-picker-text",size:"p2",children:r({id:"cardPost.video"})})]})]})]})},f=n(83129),v=n(30007),x=(0,n(44036).k)((function(e){var t,n=e.colors;return{root:{padding:"16px",borderRadius:"12px",boxShadow:"0px 10px 16px 0px rgba(0, 0, 0, 0.04), 0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 0px 1px 0px rgba(0, 0, 0, 0.04)",background:"white"},inputContainer:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer","*":{pointerEvents:"none"}},divider:{height:"1px",background:"#E4E8EC",margin:"16px 0 8px 0"},avatarGroup:{display:"flex",alignItems:"center",gap:"12px",flex:"1",".input-wrapper":{flex:"1",borderRadius:"99999px",display:"flex",alignItems:"center",height:"48px",padding:"4px 16px",border:"1px solid ".concat(e.fn.primaryColor())}},icon:{background:null===(t=n.neutral)||void 0===t?void 0:t[0],borderRadius:"50%",width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center"},postType:{display:"flex",alignItems:"center",justifyContent:"space-between"},postTypeItem:{flex:1,display:"flex",gap:"8px",justifyContent:"center",alignItems:"center",padding:"8px 16px",cursor:"pointer","*":{pointerEvents:"none"}}}})),y=function(e){var t=e.className,n=e.style,s=e.onCreatePostClick,c=(0,d.useContext)(m.I).state,g=(0,u.Z)().formatMessage,y=(0,r.h0)().authActionWrapper,b=(0,a.h)(),w=b.locale,j=b.asPath,C=c.userInfo,N=x(void 0,{name:"TogetherInputCommentPost"}),k=N.classes,_=N.cx,M=N.theme;return(0,i.jsxs)("div",{className:_(k.root,t),style:n,children:[(0,i.jsx)("div",{className:_(k.inputContainer),"data-event-category":l.UN,"data-event-action":"Write Post Click","data-event-label":(0,o.Ow)(w,j),onClick:function(){return y((function(){return null===s||void 0===s?void 0:s()}),{_location:j,action:l.i8})},children:(0,i.jsxs)("div",{className:k.avatarGroup,children:[(0,i.jsx)(p.Y,{className:"avatar-wrapper",avatar:null!==C&&void 0!==C&&C.id?C.avatar:l.DP,username:(null===C||void 0===C?void 0:C.name)||(null===C||void 0===C?void 0:C.username)}),(0,i.jsx)("div",{className:"input-wrapper",children:(0,i.jsx)(f.T,{className:"placeholder-text",size:"p3",color:"#737373",children:g({id:"cardCommunity.startDisCussion"})})})]})}),(0,i.jsx)("div",{className:_(k.divider)}),(0,i.jsxs)("div",{className:_(k.postType),children:[(0,i.jsxs)("div",{className:_(k.postTypeItem),"data-event-category":l.UN,"data-event-action":"Write Post Click","data-event-label":(0,o.Ow)(w,j),onClick:function(){return y((function(){return null===s||void 0===s?void 0:s(!0)}),{_location:j,action:l.i8,askDoctor:!0})},children:[(0,i.jsx)(v.Z,{isMarryBaby:l.fn,size:l.fn?32:24,color:M.fn.primaryColor(),className:"label-icon"}),(0,i.jsx)(f.T,{className:"placeholder-text",size:"p2",weight:"semiBold",color:"#262626",children:g({id:"createPost.post.askDoctor.free"})})]}),(0,i.jsxs)("div",{className:_(k.postTypeItem),"data-event-category":l.UN,"data-event-action":"Write Post Click","data-event-label":(0,o.Ow)(w,j),onClick:function(){return y((function(){return null===s||void 0===s?void 0:s(!1)}),{_location:j,action:l.i8,askDoctor:!1})},children:[(0,i.jsx)("img",{src:(0,h.k3)("/svg/heart-share.svg"),className:"button-more-icon",alt:"Icon heart"}),(0,i.jsx)(f.T,{className:"placeholder-text",size:"p2",weight:"semiBold",color:"#262626",children:g({id:"createPost.post.share"})})]})]})]})},b=function(e){var t=e.className,n=e.style,d=e.onCreatePostClick,c=(0,a.h)(),u=c.locale,p=c.asPath,m=(0,r.h0)().authActionWrapper;return l.fn?(0,i.jsx)(s.rA,{className:"".concat(t," ").concat(l.fn?"input-comment-post-marybaby":""),style:n,"data-event-category":l.UN,"data-event-action":"Write Post Click","data-event-label":(0,o.Ow)(u,p),onClick:function(){return m((function(){return null===d||void 0===d?void 0:d()}),{_location:p,action:"create-post"})},children:(0,i.jsx)(g,{})}):(0,i.jsx)(s.rA,{className:"".concat(t," ").concat(l.fn?"input-comment-post-marybaby":""),style:n,children:(0,i.jsx)(y,{onCreatePostClick:d})})}},44432:function(e,t,n){"use strict";n.d(t,{C:function(){return o}});var i=n(45579),o=(0,n(91256).ZP)(i.T).withConfig({displayName:"indexstyled__StyledTogetherTabs",componentId:"sc-168efrq-0"})([".mantine-Tabs-icon{margin-right:2px;}"])},16592:function(e,t,n){"use strict";n.d(t,{u:function(){return p}});var i=n(26265),o=n(85893),r=n(38347),a=(n(67294),n(36308)),l=n(91256),s=n(95983),d=l.ZP.div.withConfig({displayName:"indexstyled__StyledWrapper",componentId:"sc-1muut0g-0"})(["background:white;border:1px solid ",";margin-bottom:8px;width:100%;","{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,s.fn&&(0,l.iv)(["border-color:rgb(243,243,243);box-shadow:rgb(0 0 0 / 8%) 0px 1px 3px;"]),a.M.mbUp,s.fn&&(0,l.iv)(["border-radius:1rem;"]));function c(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 u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var p=function(e){var t=e.children,n=e.className,i=void 0===n?"":n,a=(0,r.Z)(e,["children","className"]);return(0,o.jsx)(d,u(u({className:i},a),{},{children:t}))}},51809:function(e,t,n){"use strict";n.d(t,{lv:function(){return a},iH:function(){return l},yT:function(){return s},ZY:function(){return d},yb:function(){return c}});var i=n(36308),o=n(91256),r=n(95983),a=o.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})),l=o.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}),r.fn&&(0,o.iv)(["background-color:#fff9eb;"]),i.M.mbUp,i.M.mbUp,i.M.mbDown,(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.blue50}),r.fn&&(0,o.iv)(["background:linear-gradient(#fdeeee 50%,transparent 50%) no-repeat;"])),s=o.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;}}"],i.M.mbDown,i.M.mbDown,i.M.mbDown,i.M.mbDown,i.M.mbDown,i.M.mbUp),d=o.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;}"]),c=o.ZP.div.withConfig({displayName:"indexstyled__StyledMainBody",componentId:"sc-1g8gool-4"})(["display:flex;","{flex-direction:column;}","{padding-top:16px;}"],i.M.mbDown,i.M.mbUp)},167:function(e,t,n){"use strict";n.d(t,{Y:function(){return v}});var i,o=n(809),r=n.n(o),a=n(26265),l=n(92447),s=n(67294),d=n(11163),c=n(25559),u=n(2810),p=n(24169),m=n(31474),h=n(18833);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 f(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,a.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}!function(e){e[e.idle=1]="idle",e[e.loading=3]="loading"}(i||(i={}));var v=function(e){var t=e.requestParams,n=e.posts,o=e.postPagination,a=(0,d.useRouter)().locale,g=void 0===a?"vi-VN":a,v=(0,s.useState)(n),x=v[0],y=v[1],b=(0,s.useState)(!1),w=b[0],j=b[1],C=(0,s.useState)(o),N=C[0],k=C[1],_=(0,s.useRef)(i.idle),M=(0,s.useRef)(!0),I=(0,s.useRef)(null),S=(0,s.useRef)(!1),P=(0,s.useContext)(h.nj)||{},O=P.state,E=void 0===O?h.E3:O,T=P.dispatch,D=E.postsById;(0,s.useEffect)((function(){y(n)}),[n]);var Z=function(){var e=(0,l.Z)(r().mark((function e(){var n,o,a,l,s,d;return r().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!I.current){e.next=22;break}if(n=I.current.getBoundingClientRect(),n.top,o=n.bottom,!(o<1.5*window.innerHeight&&_.current===i.idle&&N&&N.currentPage<N.lastPage)||S.current){e.next=22;break}return _.current=i.loading,j(!0),e.prev=6,e.next=9,(0,p.Jl)((0,p.cN)(u.yy.POST.LIST||"",f({_locale:g,page:Number((null===N||void 0===N?void 0:N.currentPage)||"1")+1},t||{})),"GET");case 9:l=e.sent,s=(null===l||void 0===l?void 0:l.data)||{},0===(d=(null===s||void 0===s||null===(a=s.posts)||void 0===a?void 0:a.map(c.W1))||[]).length&&(S.current=!0),T({type:m.t.updateMultiple,payload:{dataArr:d}}),y((function(e){return null===e||void 0===e?void 0:e.filter((function(e){return!d.find((function(t){return t.id===e.id}))})).concat(d)})),k(null!==s&&void 0!==s&&s.pagination&&(0,c.j5)(s.pagination)||null),e.next=21;break;case 18:e.prev=18,e.t0=e.catch(6),console.error(e.t0);case 21:setTimeout((function(){_.current=i.idle,j(!1)}),300);case 22:case"end":return e.stop()}}),e,null,[[6,18]])})));return function(){return e.apply(this,arguments)}}(),z=(0,s.useRef)();z.current=Z,(0,s.useEffect)((function(){T({type:m.t.updateMultiple,payload:{dataArr:n}});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 A=function(){var e=(0,l.Z)(r().mark((function e(n){var o,a,l,s;return r().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return _.current=i.loading,y([]),j(!0),e.prev=3,e.next=6,(0,p.Jl)((0,p.cN)(u.yy.POST.LIST,f({_locale:g,page:"1"},t||{})),"GET");case 6:if(a=e.sent,null===n||void 0===n||!n.ignore){e.next=9;break}return e.abrupt("return");case 9:l=(null===a||void 0===a?void 0:a.data)||{},0===(s=(null===l||void 0===l||null===(o=l.posts)||void 0===o?void 0:o.map(c.W1))||[]).length?S.current=!0:S.current=!1,T({type:m.t.updateMultiple,payload:{dataArr:s}}),y(s),k(null!==l&&void 0!==l&&l.pagination&&(0,c.j5)(l.pagination)||null),e.next=20;break;case 17:e.prev=17,e.t0=e.catch(3),console.error(e.t0);case 20:setTimeout((function(){_.current=i.idle,j(!1)}),300);case 21:case"end":return e.stop()}}),e,null,[[3,17]])})));return function(t){return e.apply(this,arguments)}}(),B=null===t||void 0===t?void 0:t.sort;return(0,s.useEffect)((function(){if(!M.current){var e={ignore:!1};return A(e),function(){e.ignore=!0}}M.current=!1}),[B]),{posts:x.map((function(e){return e.id&&D[e.id]||e})),setPosts:y,loading:w,postContainerRef:I,handleCreateEditPost:function(e){y((function(t){var n=t.findIndex((function(t){return t.id===e.id}));return n>-1?t[n]=e:t.unshift(e),t.slice()}))},refetch:A,handleDeletePost:function(e){y((function(t){var n=t.findIndex((function(t){return t.id===e}));return n>-1&&t.splice(n,1),t.slice()}))}}}},7223:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return Lt},default:function(){return Ut}});var i=n(32292),o=n(85893),r=n(28140),a=n(809),l=n.n(a),s=n(92447),d=n(26265),c=n(67294),u=n(10917),p=n(67128),m=n(61689),h={active:!0,breakpoints:{},delay:4e3,jump:!1,playOnInit:!0,stopOnInteraction:!0,stopOnMouseEnter:!1,stopOnLastSnap:!1,rootNode:null};function g(e){var t,n,i,o=m.Z.optionsHandler(),r=o.merge(h,g.globalOptions),a=0,l=!1;function s(){n.off("pointerDown",i),t.stopOnInteraction||n.off("pointerUp",u),c(),a=0}function d(e){c(),"undefined"!==typeof e&&(l=e),a=window.setTimeout(p,t.delay)}function c(){a&&window.clearTimeout(a)}function u(){a&&(c(),d())}function p(){var e=n.internalEngine().index;if(t.stopOnLastSnap&&e.get()===e.max)return s();n.canScrollNext()?n.scrollNext(l):n.scrollTo(0,l),d()}var f={name:"autoplay",options:o.merge(r,e),init:function(e){n=e,t=o.atMedia(f.options),l=t.jump,i=t.stopOnInteraction?s:c;var r=n.internalEngine().eventStore,a=n.rootNode(),p=t.rootNode&&t.rootNode(a)||a;n.on("pointerDown",i),t.stopOnInteraction||n.on("pointerUp",u),t.stopOnMouseEnter&&(r.add(p,"mouseenter",i),t.stopOnInteraction||r.add(p,"mouseleave",u)),r.add(document,"visibilitychange",(function(){if("hidden"===document.visibilityState)return c();u()})),r.add(window,"pagehide",(function(e){e.persisted&&c()})),t.playOnInit&&d()},destroy:s,play:d,stop:c,reset:u};return f}g.globalOptions=void 0;var f=n(11163),v=n(86896),x=n(25559),y=n(2810),b=n(24169),w=n(37899),j=n(17985),C=n(22398),N=n(56632),k=n(21124),_=n(43196),M=n(36308),I=n(91256),S=I.ZP.div.withConfig({displayName:"indexstyled__StyledCardJoinCommunity",componentId:"sc-1fo82pw-0"})(["background:white;border-radius:12px;box-shadow:0px 0px 4px ",";text-align:center;.banner{img{width:100%;}}.content{","{padding:24px 32px 20px;}","{padding:24px 40px 20px;.first-content{font-size:16px;line-height:26px;}.second-content{font-size:14px;line-height:24px;}}p:not(:last-child){padding-bottom:8px;}}.button-container{text-align:center;.button-join{width:280px;height:56px;margin-bottom:24px;}}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray200}),M.M.mbUp,M.M.mbDown),P=function(){var e=(0,k.h0)().authActionWrapper,t=(0,v.Z)().formatMessage;return(0,o.jsxs)(S,{children:[(0,o.jsx)("div",{className:"banner",children:(0,o.jsx)("img",{src:(0,_.k3)("/images/joinCommunity.svg"),alt:"banner"})}),(0,o.jsxs)("div",{className:"content",children:[(0,o.jsx)(C.T,{size:"sm",type:"bold",className:"first-content",children:t({id:"joinCommunity.content.first",defaultMessage:"Connect with people like you in our communities"})}),(0,o.jsx)(C.T,{size:"xs",className:"second-content",children:t({id:"joinCommunity.content.second",defaultMessage:"Log in or Sign up to join and participate to our communities"})})]}),(0,o.jsx)("div",{className:"button-container",children:(0,o.jsx)(N.j,{onClick:function(){e((function(){return!1}))},size:"md",variant:"secondary",className:"button-join",children:t({id:"joinCommunity.joinButton",defaultMessage:"Sign up now"})})})]})},O=n(82811),E=n(94044),T=n(83129),D=n(92218),Z=n(95983),z=I.ZP.div.withConfig({displayName:"indexstyled__StyledScrollList",componentId:"sc-174uztz-0"})(["position:relative;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}.scroll-list-container{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}}.scroll-arrow{width:unset;cursor:pointer;&:disabled{opacity:0.5;}.scroll-arrow-icon{width:1.5rem;}&.scroll-left-arrow{padding-right:2px;.scroll-arrow-icon{transform:rotate(180deg);}}&.scroll-right-arrow{padding-left:2px;}}",""],Z.fn&&(0,I.iv)([".scroll-arrow{position:absolute;z-index:15;top:50%;width:40px;height:40px;background:white;border-radius:50%;box-shadow:0px 8px 20px rgb(0 0 0 / 10%);transform:translateY(-50%);&:disabled{display:none;}.scroll-arrow-icon{width:1.5rem;}&.scroll-left-arrow{left:1rem;}&.scroll-right-arrow{right:1rem;}}"]));var A=function(e){var t=e.className,n=e.hideNavigation,i=e.children,r=void 0===i?[]:i,a=function(){var e=(0,c.useState)(!1),t=e[0],n=e[1],i=(0,c.useState)(!1),o=i[0],r=i[1],a=(0,c.useState)(0),l=a[0],s=a[1],d=(0,c.useState)(0),u=d[0],p=d[1];return{dragStart:(0,c.useCallback)((function(e){s(e.clientX),p(0),n(!0)}),[]),dragStop:(0,c.useCallback)((function(){return window.requestAnimationFrame((function(){r(!1),n(!1)}))}),[]),dragMove:(0,c.useCallback)((function(e,n){var i=l-e.clientX,a=Math.abs(i)>5;t&&a&&r(!0),o&&a&&(s(e.clientX),p(i),n(i))}),[t,o,l]),diff:u,dragging:o,position:l,setDragging:r,setDiff:p,setPosition:s}}(),l=a.dragStart,s=a.dragStop,d=a.dragMove;a.dragging;return(0,o.jsx)(z,{className:t,onMouseLeave:s,children:(0,o.jsx)(D.ScrollMenu,{LeftArrow:n?void 0:B,RightArrow:n?void 0:L,onMouseDown:function(){return l},onMouseUp:function(){return s},onMouseMove:function(e){var t=e.scrollContainer;return function(e){return d(e,(function(e){if(t.current){var n=t.current.scrollLeft;t.current.scrollLeft=n+e}}))}},scrollContainerClassName:"scroll-list-container",children:r})})};function B(){var e=(0,c.useContext)(D.VisibilityContext),t=e.getPrevItem,n=e.isFirstItemVisible,i=e.scrollToItem,r=e.visibleItemsWithoutSeparators,a=(0,c.useState)(!r.length&&n),l=a[0],s=a[1];(0,c.useEffect)((function(){r.length&&s(n)}),[n,r]);return(0,o.jsx)("button",{className:"scroll-arrow scroll-left-arrow",disabled:l,onClick:function(){var e,n=t();i(null===n||void 0===n||null===(e=n.entry)||void 0===e?void 0:e.target,"smooth","start")},children:(0,o.jsx)("img",{className:"scroll-arrow-icon",src:Z.fn?"./svg/chevronRight.svg":"./svg/icon-arrow-right-circle.svg"})})}function L(){var e=(0,c.useContext)(D.VisibilityContext),t=e.getNextItem,n=e.isLastItemVisible,i=e.scrollToItem,r=e.visibleItemsWithoutSeparators,a=(0,c.useState)(!r.length&&n),l=a[0],s=a[1];(0,c.useEffect)((function(){r.length&&s(n)}),[n,r]);return(0,o.jsx)("button",{className:"scroll-arrow scroll-right-arrow",disabled:l,onClick:function(){var e,n=t();i(null===n||void 0===n||null===(e=n.entry)||void 0===e?void 0:e.target,"smooth","end")},children:(0,o.jsx)("img",{className:"scroll-arrow-icon",src:Z.fn?"./svg/chevronRight.svg":"./svg/icon-arrow-right-circle.svg"})})}var W=n(38347),U=n(86496),R=n(37462),H=n(26381),F=I.ZP.div.withConfig({displayName:"indexstyled__StyledExpertCard",componentId:"sc-13rh5lm-0"})(["position:relative;padding:12px;box-shadow:0px 24px 32px rgba(0,0,0,0.04),0px 16px 24px rgba(0,0,0,0.04),0px 4px 8px rgba(0,0,0,0.04),0px 0px 1px rgba(0,0,0,0.04);border-radius:8px;background:#ffffff;","{width:100%;margin:0 24px 81px 24px;}","{max-width:264px;min-height:328px;}.expert-bg{background-color:",";}.doctor-bg{background-color:",";","}.seemore{display:flex;margin:auto;","}.see-more-card{background-color:",";}"],M.M.mbDown,M.M.mbUp,(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.yellow50}),(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.blue50}),Z.fn&&(0,I.iv)(["background-color:#ffeaf1;"]),Z.fn&&(0,I.iv)(["border:2px solid rgb(232,83,136);background:white;color:rgb(232,83,136);"]),(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50})),G=I.ZP.div.withConfig({displayName:"indexstyled__StyledExpertWrapper",componentId:"sc-13rh5lm-1"})(["text-align:center;padding-top:8px;min-height:80px;padding-bottom:11px;border-bottom:1px solid ",";.specialty{padding:8px 0;}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral100})),V=I.ZP.div.withConfig({displayName:"indexstyled__StyledExpertImage",componentId:"sc-13rh5lm-2"})(["display:flex;justify-content:center;padding:11px 39px;position:relative;border-radius:4px;img{border-radius:100px;}.avatar{width:112px;height:148px;object-fit:cover;border:5px solid rgba(255,255,255,0.5);}.badge{position:absolute;left:130px;width:50px;height:50px;}"]);I.ZP.div.withConfig({displayName:"indexstyled__StyledExpertSeeMoreCard",componentId:"sc-13rh5lm-3"})(["background-color:",";position:relative;padding:12px;max-width:264px;min-height:328px;box-shadow:0px 24px 32px rgba(0,0,0,0.04),0px 16px 24px rgba(0,0,0,0.04),0px 4px 8px rgba(0,0,0,0.04),0px 0px 1px rgba(0,0,0,0.04);border-radius:8px;text-align:center;"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50}));function q(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){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){(0,d.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Y=function(e){var t=e.expertDetail,n=e.i,i=(e.isMobile,(0,W.Z)(e,["expertDetail","i","isMobile"])),r=(0,H.h)(),a=r.locale,l=r.asPath,s=(0,v.Z)().formatMessage,d=(0,c.useState)(null),u=d[0],p=d[1],m=(0,c.useState)(null),h=m[0],g=m[1],f=(0,c.useState)(null),x=f[0],w=f[1],j=(0,c.useState)(!1),k=j[0],_=j[1],M=(0,c.useState)(!1),I=M[0],S=M[1];(0,c.useEffect)((function(){if(null!==t&&void 0!==t&&t.partnerId&&String(null===u||void 0===u?void 0:u.user_id)!==String(t.partnerId)){_(!0);try{p(null),(0,b.t9)((0,b.R4)(y.D9.GET_EXPERT_BY_ID,{id:t.partnerId}),"get").then((function(e){p(null===e||void 0===e?void 0:e.data)}))}catch(e){console.error(e)}_(!1)}}),[null===t||void 0===t?void 0:t.partnerId,null===u||void 0===u?void 0:u.user_id]),(0,c.useEffect)((function(){if(null!==t&&void 0!==t&&t.hospitalId&&String(null===h||void 0===h?void 0:h.id)!==String(t.hospitalId)){_(!0);try{g(null),(0,b.t9)((0,b.FG)(y.tC.GET_HOSPITAL_INFO,{id:null===t||void 0===t?void 0:t.hospitalId}),"GET").then((function(e){var t;g(null===e||void 0===e||null===(t=e._data)||void 0===t?void 0:t.branch)}))}catch(e){console.error(e)}_(!1)}}),[null===t||void 0===t?void 0:t.hospitalId,null===h||void 0===h?void 0:h.id]),(0,c.useEffect)((function(){if(null!==t&&void 0!==t&&t.doctorId&&String(null===x||void 0===x?void 0:x.id)!==String(t.doctorId)){_(!0);try{w(null),(0,b.t9)((0,b.FG)(y.tC.GET_DOCTOR_INFO,{doctorId:null===t||void 0===t?void 0:t.doctorId}),"GET").then((function(e){var t;w(null===e||void 0===e||null===(t=e._data)||void 0===t?void 0:t.doctor)}))}catch(e){console.error(e)}_(!1)}}),[null===t||void 0===t?void 0:t.doctorId,null===x||void 0===x?void 0:x.id]);var P=(null===x||void 0===x?void 0:x.specialties)||[],O=null===h||void 0===h?void 0:h.specialties,E=P.map((function(e){return(null===e||void 0===e?void 0:e.name)||e})).join(", ")||(null===O||void 0===O?void 0:O.slice(0,2).map((function(e){return(null===e||void 0===e?void 0:e.name)||e})).join(", ")),T=(null===u||void 0===u?void 0:u.specialty)||E,D=(null===u||void 0===u?void 0:u.avatar)||(null===x||void 0===x?void 0:x.avatar)||(null===h||void 0===h?void 0:h.logo)||Z.DP,z=null!==u&&void 0!==u&&u.user_id?"".concat(Z.ux,"/expertbadge.svg"):"".concat(Z.ux,"/doctorbadge.svg");return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(F,$($({className:"grid".concat(n," expert-community")},i),{},{children:[(0,o.jsxs)(V,{className:null!==u&&void 0!==u&&u.user_id?"expert-bg":"doctor-bg",children:[(0,o.jsx)("img",{src:D,alt:"expertInfo",className:"avatar"}),(0,o.jsx)("img",{src:Z.GW+z,alt:"badge",className:"badge"})]}),(0,o.jsxs)(G,{children:[(0,o.jsx)(C.T,{size:"s3",type:"semiBold",color:"#262626",children:null===t||void 0===t?void 0:t.name}),(0,o.jsx)(C.T,{size:"p3",color:"#595959",className:"specialty",children:T})]}),(0,o.jsxs)(N.j,{loading:k,variant:"ghost",size:"md",className:"seemore",onClick:function(){return S(!0)},"data-event-category":Z.UN,"data-event-action":"See Doctor Info","data-event-label":(0,b.Ow)(a,l),children:[" ",s({id:"cardExpert.seeDetail",defaultMessage:"Detail"})]})]})),(0,o.jsx)(U.c,{open:I,onClose:function(){return S(!1)},profileModalProps:{zIndex:1e3},children:(0,o.jsx)(R.a,{currentPageUrl:(0,b.Ow)(a,l),authorProps:{userId:null===t||void 0===t?void 0:t.id,avatar:null===t||void 0===t?void 0:t.avatar,name:null===t||void 0===t?void 0:t.name,role:"expert",title:null===t||void 0===t?void 0:t.title,hasQuickBooking:!0},hideAnswerTab:-1===Z.MN.indexOf(Z.Vi.NEXT_PUBLIC_DEPLOY_LOCALE||""),hideQuestionTab:-1===Z.MN.indexOf(Z.Vi.NEXT_PUBLIC_DEPLOY_LOCALE||""),showSkipQuestionTag:!0,rolesToShowQuestionsTab:["expert","moderator"]})})]})},X=n(32763),J=I.ZP.div.withConfig({displayName:"indexstyled__StyledExpertSeeMoreCard",componentId:"sc-yrzpgy-0"})(["background-color:",";position:relative;padding:90px 12px;max-width:264px;min-height:328px;box-shadow:0px 24px 32px rgba(0,0,0,0.04),0px 16px 24px rgba(0,0,0,0.04),0px 4px 8px rgba(0,0,0,0.04),0px 0px 1px rgba(0,0,0,0.04);border-radius:8px;text-align:center;p{margin:10px;}.avatar-wrapper{display:block;p{margin:auto;position:absolute;}.more-avatar{&:not(:last-child){filter:brightness(0.5);}}}.avatar-see-more{position:relative;border-radius:50%;width:52px;height:52px;border:4px white solid;display:inline-block;overflow:hidden;margin-left:-12px;img{width:52px;height:52px;object-fit:cover;}p{color:white;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}}.btn-see-all{display:flex;margin:auto;}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50})),K=function(e){var t=e.onSeeLessClick,n=(0,v.Z)().formatMessage;return(0,o.jsxs)(J,{children:[(0,o.jsx)("img",{src:"".concat(Z.GW,"/images/chevronUp.jpg"),alt:"avatar",className:"avatar-see-more",onClick:t}),(0,o.jsx)(X.B,{variant:"ghost",size:"md",className:"btn-see-all",onClick:t,children:n({id:"cardList.showLess",defaultMessage:"Show Less"})})]})},Q=function(e){var t=e.experts,n=e.onSeeAllClick,i=(0,v.Z)().formatMessage;return(0,o.jsxs)(J,{children:[(0,o.jsx)(T.T,{size:"s3",weight:"semiBold",children:i({id:"home.expertSeeMore",defaultMessage:"All {experts} Guildes"},{experts:null===t||void 0===t?void 0:t.length})}),(0,o.jsx)("div",{className:"avatar-wrapper",children:null===t||void 0===t?void 0:t.slice(5,10).map((function(e,n){return(0,o.jsxs)("div",{className:"avatar-see-more",children:[(0,o.jsx)("img",{src:e.avatar||Z.DP,alt:"avatar",className:t.length>10?"more-avatar":""}),n===t.slice(5,10).length-1&&(0,o.jsxs)("p",{children:["+",t.length-10]},n)]},n)}))}),(0,o.jsx)(X.B,{variant:"ghost",size:"md",className:"btn-see-all",onClick:n,dataEventCategory:Z.UN,dataEventAction:"See All Doctor Info",dataEventLabel:"",children:i({id:"cardList.showAll",defaultMessage:"Show All"})})]})},ee=I.ZP.div.withConfig({displayName:"indexstyled__StyledCardListCommunity",componentId:"sc-pjhiej-0"})(["width:100%;.container{","{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;gap:24px;grid-auto-flow:row;grid-template-areas:'title title grid1 grid2' 'grid6 grid5 grid3 grid4';}}.container-6-experts{","{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:24px;grid-auto-flow:row;grid-template-areas:'title title grid1 grid2' 'grid3 grid4 grid5 grid6';}}.title{grid-area:title;padding:20px 25px;}.grid1{grid-area:grid1;}.grid2{grid-area:grid2;}.grid3{grid-area:grid3;}.grid4{grid-area:grid4;}.grid5{grid-area:grid5;}.grid6{grid-area:grid6;}.heading{padding:0;","{padding:0 16px;}}.show-more-btn{display:flex;margin:auto;}.card-communities-wrapper{display:flex;width:100%;overflow-y:hidden;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;a,img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;}.react-horizontal-scrolling-menu--wrapper{width:100%;display:flex;}.scroll-arrow{z-index:2;}.react-horizontal-scrolling-menu--scroll-container{display:flex;width:100%;overflow-y:hidden;.react-horizontal-scrolling-menu--item{width:25%;flex-shrink:0;padding:0 0.5rem 3px;","{width:70%;}> .card-community-item{width:100%;min-width:unset;height:100%;max-width:unset;}}}}",""],M.M.mbUp,M.M.mbUp,M.M.mbDown,M.M.mbDown,Z.fn&&(0,I.iv)(["position:relative;.heading{display:none;}.card-communities-wrapper{position:initial;.scroll-arrow{&.scroll-left-arrow{left:2rem;}&.scroll-right-arrow{right:2rem;}}.react-horizontal-scrolling-menu--scroll-container{","{padding-right:2px;padding-left:2px;}.react-horizontal-scrolling-menu--item{--card-gap:1.5rem;--card-width:max(calc((100% - (var(--card-gap) * 2)) / 3),215px);width:calc(var(--card-width) + var(--card-gap));padding-right:0;padding-left:var(--card-gap);&:first-child{width:var(--card-width);padding-left:0;}","{--card-width:max(80%,215px);--card-gap:1rem;}}}}"],M.M.mbUp,M.M.mbDown));I.ZP.div.withConfig({displayName:"indexstyled__StyledCardListCommunityWrapper",componentId:"sc-pjhiej-1"})(["display:flex;width:100%;overflow-y:hidden;flex-direction:row;flex-wrap:wrap;gap:24px;padding:12px;"]),I.ZP.div.withConfig({displayName:"indexstyled__StyledCardListMyCommunities",componentId:"sc-pjhiej-2"})(["padding:1rem;background:#ffffff;border-radius:6px;.card-communities-wrapper{width:100%;.card-community-item{margin-bottom:1rem;}}.explore-text-wrapper{cursor:pointer;.explore-text{display:inline-block;}*{pointer-events:none;}}.popup{> div[data-type='confirm']{max-width:468px;height:486px;padding:0;.popup-content{display:flex;flex-direction:column;padding:0;.close-button{top:16px;right:16px;width:24px;height:24px;}.header{display:flex;align-items:center;padding:1rem 2rem;border-bottom:1px solid ",";}.content{overflow:auto;flex:1;padding:0.3rem 1rem;.card-community-item{margin-bottom:0.5rem;box-shadow:none;&:last-child{margin-bottom:0;}}}}}}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral100}));function te(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 ne(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?te(Object(n),!0).forEach((function(t){(0,d.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):te(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ie=function(e){var t=e.experts,n=e.className,i=e.style,r=e.isMobile,a=(0,v.Z)().formatMessage,l=Z.fn?r?1:2:r?1:4,s=!r&&t&&t.length>l,d=(0,c.useState)(!0),u=d[0],p=d[1],m=(0,c.useCallback)((function(){p(!1),setTimeout((function(){var e=document.querySelectorAll(".expert-community")[6];e&&e.scrollIntoView()}),300)}),[]),h=(0,c.useCallback)((function(){p(!0);var e=document.querySelector(".expert-community");e&&e.scrollIntoView()}),[]),g=(t||[]).length>5;return(0,o.jsx)(ee,{className:"".concat(n," ").concat(!Z.fn&&s?"with-navigation":""),style:i,children:(0,o.jsxs)("div",{className:t&&t.length>6?"container-6-experts":"container",children:[(0,o.jsxs)("div",{className:"title",children:[(0,o.jsx)(E.H,{className:"heading",style:{marginBottom:"1rem",marginTop:"1rem",textAlign:r?"center":"left"},fontWeight:"bold",as:"h2",tag:"h1",children:a({id:"cardList.meetOurGuildes",defaultMessage:"Meet Our Guides"})}),(0,o.jsxs)(T.T,{size:"md",style:{marginBottom:"1rem",marginTop:"1rem",textAlign:r?"center":"left"},children:[" ",a({id:"cardList.expertDescription",defaultMessage:"Gain support and seek trusted health and wellness knowledge today. Our Medical Experts help you gain access to helpful and trustworthy health facts, so you can make better choices for your health today."})]})]}),r?(0,o.jsx)(A,{hideNavigation:r||!s,className:"card-communities-wrapper",children:null===t||void 0===t?void 0:t.map((function(e,t){return(0,o.jsx)(Y,{expertDetail:e,isMobile:r},t)}))}):(0,o.jsxs)(o.Fragment,{children:[null===t||void 0===t?void 0:t.map((function(e,t){return(0,o.jsx)(Y,{i:t+1,expertDetail:e,style:ne({},u&&t>=5?{display:"none"}:{})},t)})),g&&(u?(0,o.jsx)(Q,{experts:t,onSeeAllClick:m}):(0,o.jsx)(K,{onSeeLessClick:h}))]})]})})},oe=n(88125),re=n(43125),ae=n(5886),le=(0,n(44036).k)((function(e){var t,n;return{root:{background:e.colors[e.primaryColor][0],padding:"0 0 0 16px"},inner:(t={width:"100%",maxWidth:"var(--site-max-width)",display:"flex",flexDirection:"column",gap:"32px",alignItems:"center",justifyContent:"center",padding:"60px 0"},(0,d.Z)(t,e.fn.largerThan("md"),{padding:"80px 0"}),(0,d.Z)(t,"margin","0 auto"),t),thumbnail:(0,d.Z)({display:"flex",alignItems:"center",justifyContent:"center",background:"white",borderRadius:"50%",width:"56px",height:"56px"},e.fn.largerThan("md"),{width:"80px",height:"80px"}),thumbnailImg:{width:"80%"},info:{display:"flex",flexDirection:"column",alignItems:"center",gap:"12px",textAlign:"center"},list:{display:"flex",flexWrap:"wrap",justifyContent:"center",gap:"24px",width:"100%"},itemWrapper:(0,d.Z)({display:"block",position:"relative",borderRadius:"mb"===(null===e||void 0===e||null===(n=e.other)||void 0===n?void 0:n.template)?"24px":"8px",overflow:"hidden",width:"260px",marginRight:"16px"},e.fn.largerThan("md"),{width:"calc((100% - 48px) / 3)",marginRight:0}),item:{paddingBottom:"56.25%"},itemInner:{position:"absolute",top:0,left:0,right:0,bottom:0},img:{objectFit:"cover",width:"100%",height:"100%"}}}));function se(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 de(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?se(Object(n),!0).forEach((function(t){(0,d.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):se(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ce=function(e){var t=e.data,n=e.maxLength,i=void 0===n?3:n,a=e.className,l=e.isMobile,s=(e.inner,(0,W.Z)(e,["data","maxLength","className","isMobile","inner"])),d=(0,r.Z)(t),u=(0,k.h0)().authActionWrapper,p=(0,v.Z)().formatMessage,m=(0,H.h)().locale,h=(0,c.useContext)(ae.I).state.isLoggedIn,g=le(void 0,{name:"HomepageMinigames"}),f=g.classes,x=g.cx,y=d.length,w=(0,c.useState)(l?y:i),j=w[0],C=w[1],N=d.map((function(e,t){var n,i,r="".concat((0,_.k3)("/".concat((null===e||void 0===e||null===(n=e.community)||void 0===n?void 0:n.slug)||"_","/").concat((null===e||void 0===e?void 0:e.slug)||""))),a="".concat((0,b.mg)(m)).concat(r);return t<j?(0,o.jsx)("a",{href:a,className:f.itemWrapper,onClick:function(e){h||(e.preventDefault(),u((function(){return window.location.href=a}),{_location:a}))},children:(0,o.jsx)("div",{className:f.item,children:(0,o.jsx)("div",{className:f.itemInner,children:(0,o.jsx)(oe.I,{alt:e.title||"",src:null===(i=e.photos)||void 0===i?void 0:i[0],className:f.img,backupSrc:Z.YS})})})},String(e.id)):(0,o.jsx)(o.Fragment,{})}));return(0,c.useEffect)((function(){C(l?y:i)}),[l]),(0,o.jsx)("div",de(de({className:x(f.root,a)},s),{},{children:(0,o.jsxs)("div",{className:f.inner,children:[(0,o.jsxs)("div",{className:f.info,children:[(0,o.jsx)("div",{className:f.thumbnail,children:(0,o.jsx)("img",{className:f.thumbnailImg,src:re.C.getAssetPath("gift.svg"),alt:p({id:"homepage.minigames.heading",defaultMessage:"Activities"})})}),(0,o.jsx)(E.H,{tag:"h1",children:p({id:"homepage.minigames.heading",defaultMessage:"Activities"})}),(0,o.jsx)(T.T,{size:"p1",children:p({id:"homepage.minigames.description",defaultMessage:"Explore our range of communities based on the health topics that matter to you the most."})})]}),l?d.length>1?(0,o.jsx)("div",{style:{width:"100%"},children:(0,o.jsx)(A,{hideNavigation:!0,className:"card-communities-wrapper",children:N})}):N:(0,o.jsx)("div",{className:f.list,children:N}),y>i&&!l&&(j!==i?(0,o.jsx)(X.B,{variant:"secondary",onClick:function(){return C(i)},styles:{root:{background:"transparent!important"}},children:p({id:"cardList.showLess",defaultMessage:"Show Less"})}):(0,o.jsx)(X.B,{variant:"secondary",onClick:function(){return C(d.length)},styles:{root:{background:"transparent!important"}},children:p({id:"cardList.showMore",defaultMessage:"Show More"})}))]})}))},ue=n(66486),pe=n(49678),me=I.ZP.div.withConfig({displayName:"indexstyled__StyledContainer",componentId:"sc-13my7hn-0"})(["padding-top:32px;padding-bottom:32px;background:",";"," ","{padding-top:44px;}.trust-list .item-grid{width:100%;}.trust-list .bullet-nav{bottom:-10%;}.trust-card{h1,h2,p{padding:0 1rem;margin-bottom:1rem;margin-top:1rem;text-align:center;}}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.blue50}),Z.fn&&(0,I.iv)(["background:#fdeeee;"]),M.M.mbDown),he=I.ZP.div.withConfig({displayName:"indexstyled__StyledHeader",componentId:"sc-13my7hn-1"})(["margin-bottom:24px;","{margin-bottom:48px;}"],M.M.mbUp),ge=(I.ZP.div.withConfig({displayName:"indexstyled__StyledCaptionContainer",componentId:"sc-13my7hn-2"})(["margin-top:8px;"]),I.ZP.div.withConfig({displayName:"indexstyled__StyledElementContainer",componentId:"sc-13my7hn-3"})(["display:flex;flex:1;justify-content:flex-start;background:",";background-repeat:no-repeat;background-size:contain;background-position:right;border-radius:4px;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);","{padding:114px 16px 24px 16px;flex-direction:column;max-width:275px;}","{padding:16px;padding-top:40px;align-items:flex-start;height:100%;gap:12px;}& > img{","{object-fit:contain;width:100%;height:156px;}","{object-fit:cover;width:80px;height:80px;}}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.white}),M.M.mbUp,M.M.mbDown,M.M.mbUp,M.M.mbDown)),fe=I.ZP.div.withConfig({displayName:"indexstyled__StyledCard",componentId:"sc-13my7hn-4"})(["width:100%;min-height:100px;flex:1;justify-content:flex-start;","{margin-top:16px;}"],M.M.mbUp),ve=I.ZP.div.withConfig({displayName:"indexstyled__StyledCardHeading",componentId:"sc-13my7hn-5"})(["h5{word-break:break-word;width:100%;font-size:18px;line-height:28px;","{text-align:left;font-size:16px;line-height:24px;}}"],M.M.mbDown),xe=I.ZP.div.withConfig({displayName:"indexstyled__StyledCardCaption",componentId:"sc-13my7hn-6"})(["margin-top:8px;> p{color:",";font-size:14px;font-weight:400;line-height:22px;","{text-align:left;}word-break:break-word;}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray600}),M.M.mbDown),ye=(I.ZP.div.withConfig({displayName:"indexstyled__StyledCardIndicator",componentId:"sc-13my7hn-7"})(["display:flex;min-width:17px;max-width:17px;min-height:17px;max-height:17px;align-items:center;justify-content:center;margin-top:4px;margin-right:8px;background-color:",";border-radius:50%;"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.primaryBase})),(0,I.ZP)(pe.C).withConfig({displayName:"indexstyled__StyledMobileTrustCard",componentId:"sc-13my7hn-8"})(["display:flex;flex-direction:column;align-items:center;gap:8px;"])),be=I.ZP.div.withConfig({displayName:"indexstyled__StyledDesktopTrustCard",componentId:"sc-13my7hn-9"})(["display:flex;width:100%;justify-content:center;","{padding:0 16px;gap:24px;}"],M.M.mbUp),we=(I.ZP.div.withConfig({displayName:"indexstyled__StyledTrustCardWrapper",componentId:"sc-13my7hn-10"})([""]),I.ZP.div.withConfig({displayName:"indexstyled__StyledListTrustCard",componentId:"sc-13my7hn-11"})([""]),function(e){var t=e.card,n=e.cardIndex;return(0,o.jsx)(ge,{style:{backgroundImage:"url('".concat(Z.GW+t.image,"')")},children:(0,o.jsxs)(fe,{"data-is-card-alternative":n%2===0,children:[(0,o.jsx)(ve,{children:(0,o.jsx)(E.H,{tag:"h5",children:t.title})}),(0,o.jsx)(xe,{children:(0,o.jsx)("p",{children:t.description})})]})})}),je=function(e){var t,n=e.className,i=e.isMobile,r=(0,v.Z)().formatMessage,a=(0,f.useRouter)().locale,l=null===(t=Z.CX[a||"en-PH"])||void 0===t?void 0:t.SITE_NAME_FORMATTED,s=[{title:r({id:"trustCard.titleModerated",defaultMessage:"Moderated"}),description:r({id:"trustCard.descriptionModerated",defaultMessage:"Our team of moderators ensures that our communities adhere to our Community Guidelines and Terms and Conditions. They are in charge of maintaining an open and supportive experience for all members, free of misinformation."}),image:Z.fn?"".concat(Z.Nr,"/moderatedMB.svg"):"".concat(Z.Nr,"/moderated.svg")},{title:r({id:"trustCard.titleTrustworthy",defaultMessage:"Trustworthy"}),description:r({id:"trustCard.descriptionTrustworthy",defaultMessage:"Our panel of medical experts are here to provide credible and accurate health information that empowers members to make better health choices."}),image:Z.fn?"".concat(Z.Nr,"/trustworthyMB.svg"):"".concat(Z.Nr,"/trustworthy.svg")},{title:r({id:"trustCard.titleIntegrated",defaultMessage:"Integrated Health"}),description:r({id:"trustCard.descriptionIntegrated",defaultMessage:"Get access to Communities, Care, and Commerce through an integrated suite of services for your health \u2014 all in one place."}),image:Z.fn?"".concat(Z.Nr,"/integratedMB.svg"):"".concat(Z.Nr,"/integrated.svg")},{title:r({id:"trustCard.titleCommitted",defaultMessage:"Committed"}),description:r({id:"trustCard.descriptionCommitted",defaultMessage:"You are not alone in your health journey. We are committed to providing you with support and a safe space to share your experiences with others."}),image:Z.fn?"".concat(Z.Nr,"/committedMB.svg"):"".concat(Z.Nr,"/committed.svg")}];return(0,o.jsxs)(me,{className:n,children:[(0,o.jsx)(he,{className:"trust-card",children:(0,o.jsxs)(pe.C,{children:[(0,o.jsx)(E.H,{tag:i?"h2":"h1",as:"h2",children:r({id:"trustCard.title",defaultMessage:"Our Communities"})}),(0,o.jsxs)(C.T,{size:"md",children:[" ",r({id:"trustCard.description",defaultMessage:"Hello Doctor\u2019s communities are open, trusted, and credible spaces where members can seek advice, find support, and share stories."},{siteName:l})]})]})}),i?(0,o.jsx)(ye,{children:s.map((function(e,t){return(0,o.jsx)(we,{card:e,cardIndex:t+1},t)}))}):(0,o.jsx)(pe.C,{children:(0,o.jsx)(be,{children:s.map((function(e,t){return(0,o.jsx)(we,{card:e,cardIndex:t+1},t)}))})})]})},Ce=n(13199),Ne=n(71876),ke=I.ZP.div.withConfig({displayName:"indexstyled__StyledVideoInfo",componentId:"sc-263rt0-0"})([".wrap{position:relative;}.wrap:before{content:' ';display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.8;background:#1b3250;}.content{position:relative;}"]),_e=I.ZP.div.withConfig({displayName:"indexstyled__StyledContainer",componentId:"sc-263rt0-1"})(["width:100%;margin:0 auto;background-repeat:no-repeat;background-color:",";background-size:cover;min-height:525px;padding-top:250px;padding-bottom:250px;","{padding:165px 16px;}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.secondaryDark}),M.M.mbDown),Me=I.ZP.div.withConfig({displayName:"indexstyled__StyledTitleContainer",componentId:"sc-263rt0-2"})(["h1,h2,p{margin-bottom:1rem;margin-top:1rem;text-align:center;}","{padding:0 16px;margin:0 250px;}"],M.M.mbUp),Ie=(I.ZP.div.withConfig({displayName:"indexstyled__StyledVideo",componentId:"sc-263rt0-3"})(["","{&[data-index-odd='0']{padding-right:16px;}&[data-index-odd='1']{padding-left:16px;}height:316px;iframe{width:100%;border-radius:6px;max-width:568px;height:100%;max-height:316px;}}","{height:192px;border-radius:6px;iframe{width:100%;height:100%;max-height:192px;padding:0 6px;}}"],M.M.mbUp,M.M.mbDown),I.ZP.img.withConfig({displayName:"indexstyled__StyledPlayIcon",componentId:"sc-263rt0-4"})(["display:block;margin-left:auto;margin-right:auto;max-width:64px;max-height:64px;"])),Se=(I.ZP.div.withConfig({displayName:"indexstyled__StyledDarkBackground",componentId:"sc-263rt0-5"})(["position:fixed;top:0px;left:0px;width:100vw;height:100vh;-webkit-box-align:center;align-items:center;"]),I.ZP.div.withConfig({displayName:"indexstyled__StyledVideoWrapper",componentId:"sc-263rt0-6"})(["position:fixed;top:0;left:0;z-index:201;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;visibility:hidden;background-color:rgba(38,38,38,0.3);&[data-show='true']{visibility:visible;}"]),(0,I.ZP)(Ne.M).withConfig({displayName:"indexstyled__StyledModal",componentId:"sc-263rt0-7"})([".hhg-modal{background-color:unset;box-shadow:unset;.hhg-modal__video{display:flex;align-items:center;justify-content:center;}}"])),Pe=I.ZP.div.withConfig({displayName:"indexstyled__StyledIframeWrapper",componentId:"sc-263rt0-8"})(["position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);iframe,video{width:100%;height:100%;}"]),Oe=I.ZP.div.withConfig({displayName:"indexstyled__StyledIframeContainer",componentId:"sc-263rt0-9"})(["position:relative;"]),Ee=function(e){var t=e.videoData,n=e.isMobile,i=(0,c.useState)(!1),r=i[0],a=i[1],l=(0,c.useMemo)((function(){return(0,Ce.Uo)(t.videoUrl)}),[t.videoUrl]),s=(0,c.useMemo)((function(){return(0,Ce.XW)(t.videoUrl)}),[t.videoUrl]),d=(0,c.useMemo)((function(){return(0,Ce.IA)(t.videoUrl)}),[t.videoUrl]),p=(0,c.useState)(),m=p[0],h=p[1];(0,c.useEffect)((function(){var e=function(){if(m){var e,t,i,o,r=n?1:.9,a=null===m||void 0===m||null===(e=m.dataset)||void 0===e?void 0:e.maxWidth,l=Number(null===m||void 0===m||null===(t=m.dataset)||void 0===t?void 0:t.ratio)||.6,s=a?Math.min(window.innerWidth*r,Number(a)):window.innerWidth*r,d=window.innerHeight*r,c=Boolean(Number(null===m||void 0===m||null===(i=m.dataset)||void 0===i?void 0:i.fixedSize)),u=Number(null===m||void 0===m||null===(o=m.dataset)||void 0===o?void 0:o.fixedWidth),p=c?u:s/l>d?d*l:s;m.style.width=p+"px",m.style.height=p/l+"px"}};return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[m,n]);var g=d?"https://www.tiktok.com/embed/".concat(d):l?"https://www.youtube.com/embed/".concat(l,"?autoplay=1"):!!s&&"https://www.facebook.com/plugins/video.php?href="/.concat(encodeURIComponent(t.videoUrl));return(0,o.jsx)(ke,{"data-name":t.title,children:t.videoUrl&&(0,o.jsxs)(_e,{style:{backgroundImage:"url('".concat(n?t.imageMobile:t.imageDesktop,"')")},className:"wrap",children:[(0,o.jsxs)(Me,{className:"content",children:[(0,o.jsx)(E.H,{tag:n?"h2":"h1",as:"h2",color:u.r.colors.white,children:t.title}),(0,o.jsx)(C.T,{size:"p1",color:u.r.colors.white,children:t.description}),(0,o.jsx)("div",{onClick:function(){return a(!0)},children:(0,o.jsx)(Ie,{src:(0,_.k3)("/svg/playIcon.svg")})})]}),r&&(0,o.jsx)(Se,{closeIcon:(0,o.jsx)("img",{src:(0,_.k3)("/images/close-icon.svg"),alt:"close-btn"}),type:"video",isOpen:r,onClose:function(){return a(!1)},children:(0,o.jsx)(Oe,{children:(0,o.jsx)(Pe,{ref:h,"data-ratio":d?325/738:16/9,"data-fixed-size":d?1:0,"data-fixed-width":325,"data-max-width":968,children:g?(0,o.jsx)("iframe",{src:g,frameBorder:"0",allowFullScreen:!0}):(0,o.jsx)("video",{src:t.videoUrl,controls:!0})})})})]})})},Te=n(7974),De=I.ZP.div.withConfig({displayName:"indexstyled__StyledPhoneInputWrapper",componentId:"sc-jhy16j-0"})(["display:flex;border:1px solid #d9d9d9;border-radius:6px;"]),Ze=(0,I.ZP)(Te.D).withConfig({displayName:"indexstyled__StyledDropdown",componentId:"sc-jhy16j-1"})(["z-index:10;min-width:105px;background:",";border-radius:6px 0 0 6px;"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray100})),ze=I.ZP.input.withConfig({displayName:"indexstyled__StyledInput",componentId:"sc-jhy16j-2"})(["width:100%;padding:12px 16px;border:none;font-size:16px;font-weight:400;line-height:24px;&:focus{outline:none;}"]),Ae=Object.keys(Z.CX).filter((function(e){return"tl-PH"!==e})).map((function(e){var t,n,i;return{value:null===(t=Z.CX[e])||void 0===t?void 0:t.PHONE,label:"(".concat(null===(n=Z.CX[e])||void 0===n?void 0:n.PHONE,")"),icon:(0,o.jsx)("img",{src:Z.GW+(null===(i=Z.CX[e])||void 0===i?void 0:i.FLAG),alt:""})}})),Be=(0,c.forwardRef)((function(e,t){var n=e.onChangeCode,i=e.className,r=e.defaultValue,a=e.required,l=(0,v.Z)().formatMessage,s=(0,f.useRouter)().locale,d=void 0===s?"en-PH":s,u=(0,c.useMemo)((function(){return Ae.sort((function(e){var t;return e.value===(null===(t=Z.CX[d])||void 0===t?void 0:t.PHONE)?-1:1}))}),[d]),p=(0,c.useState)(null!==r&&void 0!==r&&r.countryPhoneCode&&u.find((function(e){return e.value===r.countryPhoneCode}))||u[0]),m=p[0],h=p[1];return(0,o.jsxs)(De,{className:i,children:[(0,o.jsx)(Ze,{id:"country-phone-code",value:m,options:u,placeholderIcon:m.icon,placeholder:"",onChange:function(e){h(e),n(e)}}),(0,o.jsx)(ze,{ref:t,placeholder:l({id:"common.input.phone.placeholder",defaultMessage:"Phone number"}),type:"tel",name:"phone",defaultValue:null===r||void 0===r?void 0:r.phone,required:a,pattern:"[0-9]{9}|[0-9]{10}"})]})})),Le=I.ZP.div.withConfig({displayName:"indexstyled__StyledGetInTouchForm",componentId:"sc-8e3swf-0"})(["","{width:67%;padding:40px;}","{background-color:white;padding:16px;border-radius:16px 16px 0px 0px;}"],M.M.mbUp,M.M.mbDown),We=(I.ZP.div.withConfig({displayName:"indexstyled__StyledGetInTouchHeading",componentId:"sc-8e3swf-1"})(["border-bottom:1px solid ",";"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral100})),I.ZP.p.withConfig({displayName:"indexstyled__StyledGetInTouchTitle",componentId:"sc-8e3swf-2"})(["padding-bottom:24px;color:",";font-size:16px;font-weight:400;line-height:26px;"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray600}))),Ue=I.ZP.div.withConfig({displayName:"indexstyled__StyledGetInTouchBody",componentId:"sc-8e3swf-3"})(["","{max-height:calc(100vh - 200px);overflow:hidden auto;}"],M.M.mbDown),Re=I.ZP.label.withConfig({displayName:"indexstyled__StyledLabel",componentId:"sc-8e3swf-4"})(["display:block;margin-bottom:6px;color:",";font-size:12px;font-weight:700;line-height:18px;"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray600})),He=I.ZP.input.withConfig({displayName:"indexstyled__StyledInput",componentId:"sc-8e3swf-5"})(["padding:12px 16px;border:1px solid #d9d9d9;margin:0 0 24px 0;border-radius:6px;font-size:16px;font-weight:400;line-height:24px;"]),Fe=I.ZP.textarea.withConfig({displayName:"indexstyled__StyledTextArea",componentId:"sc-8e3swf-6"})(["width:100%;height:150px;padding:12px 16px;border:1px solid #d9d9d9;margin:0 0 24px 0;border-radius:6px;font-size:16px;font-weight:400;line-height:24px;"]),Ge=I.ZP.div.withConfig({displayName:"indexstyled__StyledInfoWrapper",componentId:"sc-8e3swf-7"})(["","{display:flex;gap:24px;}"],M.M.mbUp),Ve=I.ZP.div.withConfig({displayName:"indexstyled__StyledPhoneWrapper",componentId:"sc-8e3swf-8"})(["","{width:50%;}"],M.M.mbUp),qe=I.ZP.div.withConfig({displayName:"indexstyled__StyledEmailWrapper",componentId:"sc-8e3swf-9"})(["","{width:50%;}"],M.M.mbUp),$e=(0,I.ZP)(Be).withConfig({displayName:"indexstyled__StyledPhoneInput",componentId:"sc-8e3swf-10"})(["margin-bottom:24px;"]),Ye=(0,I.ZP)(Ne.M).withConfig({displayName:"indexstyled__StyledModal",componentId:"sc-8e3swf-11"})(["z-index:999;.hhg-modal{width:1128px !important;height:634px !important;","{width:100% !important;height:100% !important;}}.hhg-modal__content{","{background:",";padding:8px;","}","{padding:0px;}}"],M.M.mbDown,M.M.mbUp,(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.primaryBase}),Z.fn&&(0,I.iv)(["background:#e55c8a;"]),M.M.mbDown),Xe=I.ZP.button.withConfig({displayName:"indexstyled__StyledSubmitButton",componentId:"sc-8e3swf-12"})(["padding:12px 24px;margin-bottom:15px;background:",";"," border-radius:6px;color:",";cursor:pointer;font-size:16px;font-weight:700;line-height:24px;","{width:auto;float:right;}","{}&[disabled]{background:",";cursor:not-allowed;}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.primaryBase}),Z.fn&&(0,I.iv)(["background:#e55c8a;"]),(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.white}),M.M.mbUp,M.M.mbDown,(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral500})),Je=I.ZP.div.withConfig({displayName:"indexstyled__StyledForm",componentId:"sc-8e3swf-13"})(["display:flex;background:white;border-radius:8px;","{display:block;background:#2d87f3;","}"],M.M.mbDown,Z.fn&&(0,I.iv)(["background:#e55c8a;"])),Ke=I.ZP.div.withConfig({displayName:"indexstyled__StyledImageForm",componentId:"sc-8e3swf-14"})(["","{width:33%;h1{text-align:center;padding:1rem 0;}.social{position:fixed;left:15%;bottom:5px;transform:translate(-50%,-50%);margin:0 auto;}.icons{margin-top:12px;margin-bottom:20px;> a:not(:last-child){margin-right:16px;}img{width:32px;height:32px;}}}","{padding:0 16px;h1{padding:1rem 0;}.social{display:flex;}.icons{margin-top:12px;margin-bottom:20px;> a:not(:last-child){margin-right:16px;}img{width:32px;height:32px;}}}background:",";"," background-size:unset;background-repeat:no-repeat;background-position:20px;"],M.M.mbUp,M.M.mbDown,(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.primaryBase}),Z.fn&&(0,I.iv)(["background:#e55c8a;"])),Qe=function(e){var t,n,i,r=e.isOpen,a=e.onClose,d=e.isMobile,u=e.footerInfo,p=(0,c.useContext)(ae.I).state,m=(0,f.useRouter)(),h=m.locale,g=void 0===h?"en-PH":h,x=m.asPath,w=(0,c.useContext)(ae.I).pushNotifications,j=p.userInfo,C=(0,c.useRef)(null),N=(0,c.useRef)(null),k=(0,c.useRef)(null),M=(0,c.useRef)(null),I=(0,c.useState)(!1),S=I[0],P=I[1],O=(0,c.useState)((null===j||void 0===j?void 0:j.area_code)||(null===(t=Z.CX[g])||void 0===t?void 0:t.PHONE)),T=O[0],D=O[1],z=(0,v.Z)().formatMessage,A=function(){a()},B=function(){var e=(0,s.Z)(l().mark((function e(t){var n,i,o,r,a,s,d,c,u,p,m,h,f,v;return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return P(!0),t.preventDefault(),a=null===(n=C.current)||void 0===n?void 0:n.value,s=null===(i=N.current)||void 0===i?void 0:i.value,d=(null===(o=M.current)||void 0===o?void 0:o.value)||"",c="".concat(T).concat((null===(r=k.current)||void 0===r?void 0:r.value)||""),e.prev=6,P(!0),e.next=10,(0,b.uu)((0,b.DS)(y.yy.POST_LEAD_LEAD,{campaignCode:Z.Mw?Z.CX[g].GET_IN_TOUCH_LEAD:"upws5mc3mxngpnc"}),"POST",{data:{url:null===(u=window)||void 0===u||null===(p=u.location)||void 0===p?void 0:p.href,title_article:null===(m=document)||void 0===m?void 0:m.title,referrer:null===(h=window)||void 0===h||null===(f=h.location)||void 0===f?void 0:f.href,meta:[{key:"text",value:s,control:"text"},{key:"email",value:d,control:"email"},{key:"phone",value:c,control:"tel"},{key:"text",value:a||"",control:"text"}]}});case 10:if(1===(null===(v=e.sent)||void 0===v?void 0:v._status)){e.next=13;break}throw new Error("Fail to submit leadgen's form");case 13:localStorage.setItem("getintouchForm","submitted"),w({type:"success",title:z({id:"getinTouch.successTitle",defaultMessage:"Thank you for your message"}),message:z({id:"getinTouch.successMessage",defaultMessage:"We will respond as soon as possible within 24 hours"})}),A(),e.next=21;break;case 18:e.prev=18,e.t0=e.catch(6),w({type:"warning",message:"Fail to submit leadgen's form"});case 21:return e.prev=21,P(!1),e.finish(21);case 24:case"end":return e.stop()}}),e,null,[[6,18,21,24]])})));return function(t){return e.apply(this,arguments)}}();return(0,o.jsx)(Ye,{closeIcon:(0,o.jsx)("img",{src:"".concat(Z.GW+Z.Nr,"/").concat(d?"closewhite.svg":"close.svg"),alt:"close-btn"}),type:"form",isOpen:r,onClose:A,children:(0,o.jsxs)(Je,{children:[(0,o.jsxs)(Ke,{style:{backgroundImage:d?"none":Z.fn?"url('".concat(Z.GW+"".concat(Z.Nr,"/formteagirlMB.png"),"')"):"url('".concat(Z.GW+"".concat(Z.Nr,"/formteagirl.png"),"')")},children:[(0,o.jsx)(E.H,{tag:"h1",color:"white",children:z({id:"inTouch.title",defaultMessage:"Get In Touch"})}),Z.fn?(0,o.jsx)("div",{className:"social",children:(0,o.jsxs)("div",{className:"icons",children:[Z.en.FACEBOOK&&(0,o.jsx)("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":Z.en.FACEBOOK,href:Z.en.FACEBOOK,children:(0,o.jsx)("img",{src:(0,_.k3)("/images/facebook.svg"),alt:"Facebook"})}),Z.en.YOUTUBE&&(0,o.jsx)("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":Z.en.YOUTUBE,href:Z.en.YOUTUBE,children:(0,o.jsx)("img",{src:(0,_.k3)("/images/youtube.svg"),alt:"Youtube"})}),Z.en.INSTAGRAM&&(0,o.jsx)("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":Z.en.INSTAGRAM,href:Z.en.INSTAGRAM,children:(0,o.jsx)("img",{src:(0,_.k3)("/images/instagram.svg"),alt:"Instagram"})}),Z.en.ZALO&&(0,o.jsx)("a",{target:"_blank",rel:"noreferrer",href:Z.en.ZALO,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":Z.en.ZALO,children:(0,o.jsx)("img",{src:(0,_.k3)("/images/zalo.png"),alt:"Zalo"})})]})}):(0,o.jsx)("div",{className:"social",children:(0,o.jsx)("div",{className:"icons",children:null===u||void 0===u||null===(n=u.social)||void 0===n||null===(i=n.socials)||void 0===i?void 0:i.map((function(e,t){return(0,o.jsx)("a",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url,children:(0,o.jsx)("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",className:"social-icon"})},t)}))})})]}),(0,o.jsxs)(Le,{children:[(0,o.jsx)(We,{children:z({id:"inTouch.desc",defaultMessage:"Think you can contribute to the community as an Expert, Guide, or Ambassador or want to have an advertisement on our page? We\u2019d love to hear from you"})}),(0,o.jsx)(Ue,{children:(0,o.jsxs)("form",{onSubmit:B,children:[(0,o.jsx)(Re,{htmlFor:"name",children:z({id:"intouchForm.name",defaultMessage:"Name"})}),(0,o.jsx)(He,{ref:N,name:"name",placeholder:z({id:"intouchForm.placeholder",defaultMessage:"Type your name"}),defaultValue:null===j||void 0===j?void 0:j.name,required:!0}),(0,o.jsxs)(Ge,{children:[(0,o.jsxs)(Ve,{children:[(0,o.jsx)(Re,{children:z({id:"intouchForm.phone",defaultMessage:"Phone"})}),(0,o.jsx)($e,{ref:k,defaultValue:{phone:null===j||void 0===j?void 0:j.phone,countryPhoneCode:(null===j||void 0===j?void 0:j.area_code)||T},onChangeCode:function(e){D(e.value)},required:!0})]}),(0,o.jsxs)(qe,{children:[(0,o.jsx)(Re,{htmlFor:"email",children:z({id:"intouchForm.email",defaultMessage:"Email"})}),(0,o.jsx)(He,{name:"email",ref:M,placeholder:z({id:"intouchForm.email.placeholder",defaultMessage:"Type your email"}),defaultValue:null===j||void 0===j?void 0:j.email,type:"email",required:!0})]})]}),(0,o.jsx)(Re,{htmlFor:"message",children:z({id:"intouchForm.Message",defaultMessage:"message"})}),(0,o.jsx)(Fe,{name:"message",placeholder:z({id:"intouchForm.message.placeholder",defaultMessage:"Type your message"}),ref:C,required:!0}),(0,o.jsx)(Xe,{type:"submit",disabled:S,"data-event-category":"Partnership","data-event-action":"Form Submit","data-event-label":(0,b.Ow)(g,x),children:z({id:"inTouchForm.submit",defaultMessage:"Submit"})})]})})]})]})})},et=I.ZP.div.withConfig({displayName:"indexstyled__StyledFormBannerWrapper",componentId:"sc-1e2kc5z-0"})(["padding:32px 0;"]),tt=I.ZP.div.withConfig({displayName:"indexstyled__StyledFormContainer",componentId:"sc-1e2kc5z-1"})(["background-repeat:no-repeat;border-radius:16px;margin:0 auto;","{max-height:300px;max-width:1128px;background-size:cover;}","{height:580px;background-color:#2d87f3;"," background-position:20% 0;&.only-menu{padding:18px 0;.menu-wrapper{margin-top:0;}}}"],M.M.mbUp,M.M.mbDown,Z.fn&&(0,I.iv)(["background-color:#e55c8a;"])),nt=(0,I.ZP)(pe.C).withConfig({displayName:"indexstyled__StyledFormContentContainer",componentId:"sc-1e2kc5z-2"})(["","{display:flex;gap:24px;justify-content:space-between;&[data-direction='right-bottom']{flex-direction:row-reverse;}}","{display:flex;flex-direction:column;}height:100%;padding:0 16px;.banner_button{display:block;width:fit-content;min-height:40px;margin-top:12px;margin-bottom:24px;text-decoration:none;","{margin:5px auto 24px;}}"],M.M.mbUp,M.M.mbDown,M.M.mbDown),it=I.ZP.div.withConfig({displayName:"indexstyled__StyledContentWrapper",componentId:"sc-1e2kc5z-3"})(["margin-top:300px;","{margin:40px 111px 40px auto;max-width:537px;}"],M.M.mbUp),ot=I.ZP.h2.withConfig({displayName:"indexstyled__StyledBannerTitle",componentId:"sc-1e2kc5z-4"})(["color:white;font-weight:700;letter-spacing:-1.2px;","{font-size:40px;line-height:52px;}","{margin-bottom:16px;font-size:24px;line-height:32px;text-align:center;}"],M.M.mbUp,M.M.mbDown),rt=I.ZP.div.withConfig({displayName:"indexstyled__StyledBannerDescriptionWrapper",componentId:"sc-1e2kc5z-5"})(["margin:16px 0 24px 0;"]),at=I.ZP.span.withConfig({displayName:"indexstyled__StyledBannerDescription",componentId:"sc-1e2kc5z-6"})(["color:white;display:block;margin-top:8px;font-size:18px;font-weight:400;letter-spacing:-0.2px;line-height:28px;word-break:break-word;","{font-size:16px;text-align:center;}"],M.M.mbDown),lt=(I.ZP.div.withConfig({displayName:"indexstyled__StyledFormImg",componentId:"sc-1e2kc5z-7"})(["flex-grow:0;flex-shrink:0;pointer-events:none;user-select:none;position:relative;.home-banner-image{object-position:bottom;object-fit:contain;}","{display:block;padding:0 16px;margin:16px auto 0 auto;width:100%;}","{align-self:flex-end;flex:1;position:relative;}"],M.M.mbDown,M.M.mbUp),I.ZP.hr.withConfig({displayName:"indexstyled__StyledMenuDivider",componentId:"sc-1e2kc5z-8"})(["border:none;border-top:2px dashed ",";","{margin:16px -16px;}","{margin:0 16px;padding:0;}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral100}),M.M.mbDown,M.M.mbUp),function(e){var t=e.isMobile,n=e.footerInfo,i=(0,f.useRouter)(),r=i.locale,a=void 0===r?"vi-VN":r,l=i.asPath,s=Z.fn?"".concat(Z.Nr,t?"/teagirlmarrrymb.png":"/teagirlmarry.png"):"".concat(Z.Nr,t?"/teagirlmb.png":"/teagirl.png"),d=(0,v.Z)().formatMessage,u=(0,c.useState)(!1),p=u[0],m=u[1],h=d({id:"inTouch.desc",defaultMessage:"Think you can contribute to the community as an Expert, Guide, or Ambassador or want to have an advertisement on our page? We\u2019d love to hear from you"});return(0,o.jsxs)(et,{children:[(0,o.jsx)(tt,{style:{backgroundImage:"url('".concat(Z.GW+s,"')")},children:(0,o.jsx)(nt,{children:(0,o.jsxs)(it,{children:[(0,o.jsxs)(ot,{children:[" ",d({id:"inTouch.title",defaultMessage:"Get In Touch"})]}),(0,o.jsx)(rt,{children:(0,o.jsx)(at,{dangerouslySetInnerHTML:{__html:h}})}),(0,o.jsx)("a",{className:"banner_button",children:(0,o.jsx)(N.j,{className:"btn",size:"md",variant:"white","data-event-category":"Partnership","data-event-action":"Contact Click","data-event-label":(0,b.Ow)(a,l),onClick:function(){return m(!0)},children:d({id:"inTouch.contact",defaultMessage:"Contact Us"})})})]})})}),(0,o.jsx)(Qe,{footerInfo:n,isMobile:t,isOpen:p,onClose:function(){return m(!1)},onSuccess:function(){return m(!1)}})]})}),st=n(35712),dt=(0,I.ZP)(st.s).withConfig({displayName:"indexstyled__StyledCardCommunity",componentId:"sc-1uviqfc-0"})(["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);border-radius:4px;"," ","{min-width:250px;}","{width:calc((100% - 5rem) / 4);}"],Z.fn&&(0,I.iv)(["border-radius:1rem;box-shadow:rgb(0 0 0 / 8%) 0px 1px 3px;"]),M.M.mbDown,M.M.mbUp),ct=I.ZP.div.withConfig({displayName:"indexstyled__StyledCardListCommunity",componentId:"sc-1uviqfc-1"})(["width:100%;padding:0 1rem;.heading{padding:0;","{padding:0 16px;}}.show-more-btn{display:flex;margin:auto;}.card-communities-wrapper{display:flex;width:100%;overflow-y:hidden;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;a,img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;}.react-horizontal-scrolling-menu--wrapper{width:100%;display:flex;}.scroll-arrow{z-index:2;}.react-horizontal-scrolling-menu--scroll-container{display:flex;width:100%;overflow-y:hidden;.react-horizontal-scrolling-menu--item{margin-right:16px;}}}",""],M.M.mbDown,Z.fn&&(0,I.iv)(["position:relative;.heading{display:none;}.card-communities-wrapper{position:initial;.scroll-arrow{&.scroll-left-arrow{left:2rem;}&.scroll-right-arrow{right:2rem;}}.react-horizontal-scrolling-menu--scroll-container{","{padding-right:2px;padding-left:2px;}.react-horizontal-scrolling-menu--item{--card-gap:1.5rem;--card-width:max(calc((100% - (var(--card-gap) * 2)) / 3),215px);width:calc(var(--card-width) + var(--card-gap));padding-right:0;padding-left:var(--card-gap);&:first-child{width:var(--card-width);padding-left:0;}","{--card-width:max(80%,215px);--card-gap:1rem;}}}}"],M.M.mbUp,M.M.mbDown)),ut=I.ZP.div.withConfig({displayName:"indexstyled__StyledCardListCommunityWrapper",componentId:"sc-1uviqfc-2"})(["display:flex;justify-content:center;align-items:stretch;width:100%;flex-direction:row;flex-wrap:wrap;gap:24px;padding:24px 0;"]),pt=I.ZP.div.withConfig({displayName:"indexstyled__StyledCardListMyCommunities",componentId:"sc-1uviqfc-3"})(["padding:1rem;.card-communities-wrapper{width:100%;.card-community-item{margin-bottom:1rem;}}.explore-text-wrapper{cursor:pointer;text-align:left;.explore-text{display:inline-block;}*{pointer-events:none;}}.popup{> div[data-type='confirm']{max-width:468px;height:486px;padding:0;.popup-content{display:flex;flex-direction:column;padding:0;.close-button{top:16px;right:16px;width:24px;height:24px;}.header{display:flex;align-items:center;padding:1rem 2rem;border-bottom:1px solid ",";}.content{overflow:auto;flex:1;padding:0.3rem 1rem;.card-community-item{margin-bottom:0.5rem;box-shadow:none;&:last-child{margin-bottom:0;}}}}}}"],(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral100})),mt=(0,I.ZP)(st.s).withConfig({displayName:"indexstyled__StyledMyCardCommunityItem",componentId:"sc-1uviqfc-4"})(["margin-bottom:1rem;"]),ht=(0,I.ZP)(st.s).withConfig({displayName:"indexstyled__StyledPopupCardCommunity",componentId:"sc-1uviqfc-5"})(["padding:16px;margin-bottom:0.5rem;"]);function gt(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 ft(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?gt(Object(n),!0).forEach((function(t){(0,d.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):gt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var vt=function(e){var t=e.communities,n=e.className,i=e.style,r=e.isMobile,a=(0,v.Z)().formatMessage,l=Z.fn?r?1:2:r?1:4,s=!r&&t&&t.length>l,d=(0,c.useState)(!0),u=d[0],p=d[1],m=(0,c.useCallback)((function(){p(!1),setTimeout((function(){var e=document.querySelectorAll(".card-community-item")[9];e&&e.scrollIntoView()}),300)}),[]),h=(0,c.useCallback)((function(){p(!0),setTimeout((function(){var e=document.querySelector(".card-community-item");e&&e.scrollIntoView()}),300)}),[]),g=(t||[]).length>8;return(0,o.jsxs)(ct,{className:"".concat(n,"  ").concat(!Z.fn&&s?"with-navigation":""),style:i,children:[(0,o.jsx)(E.H,{className:"heading",style:{marginBottom:"1rem",marginTop:"1rem",textAlign:"center"},fontWeight:"bold",as:"h1",tag:"h1",children:a({id:"cardList.findYourCommunities"})}),(0,o.jsxs)(C.T,{size:"md",style:{marginTop:"1rem",textAlign:"center"},children:[" ",a({id:"cardList.description",defaultMessage:"Explore our range of communities based on the health topics that matter to you the most."})]}),r?(0,o.jsx)(A,{hideNavigation:r||!s,className:"card-communities-wrapper",children:null===t||void 0===t?void 0:t.map((function(e,t){return(0,o.jsx)(dt,{itemId:String(t),type:"vertical",community:e,className:"card-community-item"},String((null===e||void 0===e?void 0:e.id)||t))}))}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(ut,{children:null===t||void 0===t?void 0:t.slice(0,8).map((function(e,t){return(0,o.jsx)(dt,{type:"vertical",community:e,className:"card-community-item"},t)}))}),(0,o.jsx)(ut,{style:ft({},u?{display:"none"}:{}),children:null===t||void 0===t?void 0:t.slice(8,t.length).map((function(e,t){return(0,o.jsx)(dt,{type:"vertical",community:e,className:"card-community-item"},t)}))}),g&&(0,o.jsx)(N.j,{color:"secondary",size:"md",className:"show-more-btn",onClick:u?m:h,children:a(u?{id:"cardList.showMore",defaultMessage:"Show More"}:{id:"cardList.showLess",defaultMessage:"Show Less"})})]})]})},xt=n(99025),yt=function(e){var t=e.communities,n=e.moreCommunities,i=e.className,r=e.style,a=(0,f.useRouter)(),l=a.locale,s=void 0===l?"vi-VN":l,d=a.asPath,u=(0,v.Z)().formatMessage,p=(0,c.useState)(!1),m=p[0],h=p[1];return(0,o.jsxs)(pt,{className:i,style:r,children:[(0,o.jsx)(E.H,{style:{marginBottom:"20px"},tag:"h6",as:"h1",children:u({id:"cardList.myCommunities"})}),(0,o.jsx)("div",{className:"card-communities-wrapper",children:t&&t.map((function(e,t){return(0,o.jsx)(mt,{community:e,type:"miniHorizontal",headingTag:"h4",hideJoinBtn:!0,avatarSize:"64px",avatarRadiusSize:"6px",avatarBorderWidth:"0"},e.id)}))}),n&&n.length>0?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("button",{className:"explore-text-wrapper",onClick:function(){return h(!0)},"data-event-category":Z.UN,"data-event-action":"Other Community Click","data-event-label":(0,b.Ow)(s,d),children:[(0,o.jsxs)(C.T,{className:"explore-text",size:"p3",type:"bold",color:"#2D87F3",as:"span",children:[u({id:"cardList.exploreMoreCommunity"})," "]}),(0,o.jsx)("img",{src:Z.GW+"/svg/icon-arrow-right-circle.svg",style:{width:"1rem",height:"1rem",verticalAlign:"middle",marginLeft:5},alt:""})]}),(0,o.jsx)("div",{className:"popup",children:(0,o.jsxs)(xt.P,{type:"confirm",onClose:function(){return h(!1)},isOpen:m,closeIcon:(0,o.jsx)("img",{src:"./svg/icon-close.svg"}),children:[(0,o.jsx)("div",{className:"header",children:(0,o.jsx)(E.H,{tag:"h5",as:"h1",children:u({id:"cardList.allCommunities"})})}),(0,o.jsx)("div",{className:"content",children:n&&n.map((function(e,t){return(0,o.jsx)(ht,{community:e,headingTag:"h4",type:"horizontal",className:"card-community-item"},t)}))})]})})]}):null]})},bt=n(65409),wt=I.ZP.div.withConfig({displayName:"indexstyled__StaticContainerWrapper",componentId:"sc-1hbu1hx-0"})(["display:flex;justify-content:center;p,h1{margin-bottom:1rem;margin-top:1rem;text-align:center;padding:0;font-weight:600;}","{width:50%;}"],M.M.mbDown),jt=function(e){var t=e.title,n=e.isMobile,i=e.number,r=e.className;return(0,o.jsx)(wt,{className:r,children:i&&(0,o.jsx)("div",{className:"info-wrapper",children:(0,o.jsxs)("div",{className:"info-text",children:[(0,o.jsxs)(E.H,{tag:"h1",color:Z.fn?"#E55C8A":u.r.colors.primaryActive,as:"h2",children:[" ",(0,bt.a)(i),"\xa0"]}),(0,o.jsx)(C.T,{size:n?"p3":"p1",style:{textTransform:"capitalize",color:u.r.colors.gray600},children:t})]})})})},Ct=I.ZP.div.withConfig({displayName:"indexstyled__StyledStatic",componentId:"sc-xql0x0-0"})(["display:flex;flex-wrap:wrap;justify-content:space-evenly;","{.border-bottom{border-bottom:1px solid #e4e8ec;}}"],M.M.mbDown),Nt=I.ZP.div.withConfig({displayName:"indexstyled__StyledStacicContainer",componentId:"sc-xql0x0-1"})(["margin:64px 0;","{margin:40px 0;padding:0 16px;}p,h1{margin-bottom:1rem;margin-top:1rem;text-align:center;}"],M.M.mbDown),kt=function(e){var t=e.className,n=e.staticNumber,i=e.isMobile,r=(0,v.Z)().formatMessage;return(0,o.jsxs)(Nt,{className:t,children:[(0,o.jsxs)(C.T,{size:"s1",type:"semiBold",children:[" ",r({id:"cardStatic.title",defaultMessage:"We drive growth"})]}),(0,o.jsx)(Ct,{children:null===n||void 0===n?void 0:n.map((function(e,t){return(0,o.jsx)(jt,{className:n.length>2&&t<2?"border-bottom":"",title:null===e||void 0===e?void 0:e.title,number:null===e||void 0===e?void 0:e.number,isMobile:i},t)}))})]})},_t=n(23464),Mt=n(16592),It=n(51809),St=n(45093),Pt=n(167),Ot=n(3055),Et=n(50572),Tt=n(18833),Dt=n(50017),Zt=n(73963),zt=n(44432);function At(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 Bt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?At(Object(n),!0).forEach((function(t){(0,d.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):At(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Lt=!0,Wt=function(e){var t,n=e.isMobileSsr,i=e.communities,a=e.posts,d=e.postPagination,m=e.footerInfo,h=e.ssrMenuContent,C=e.homepageBanner,N=e.staticNumber,k=e.video,M=e.expert,I=e.sitewideBanner,S=e.minigames,E=e.hasSeedingPost,T=void 0!==E&&E,D=e.infiniteScroll,z=(0,Ot.g)(n),A=(0,c.useContext)(ae.I),B=A.state,L=A.dispatch,W=B.userInfo,U=(0,v.Z)().formatMessage,R=(0,c.useRef)(),H=(0,c.useState)(0),F=H[0],G=H[1],V=(0,c.useRef)(g({delay:7e3,stopOnInteraction:!1})),q=(0,c.useState)("newest"),$=q[0],Y=q[1],X=(0,Pt.Y)({posts:a||[],postPagination:d,requestParams:Bt({sort:"seeding"===$?"":$},"seeding"===$?{is_seeding:"1"}:{exclude_seeding:"1"})}),J=X.posts,K=(X.setPosts,X.loading),Q=X.postContainerRef,ee=X.handleCreateEditPost,te=X.handleDeletePost,ne=X.refetch,oe=(0,f.useRouter)(),re=oe.locale,le=void 0===re?"vi-VN":re,se=oe.asPath,de=(oe.push,(0,c.useContext)(Tt.nj)),pe=de.state,me=void 0===pe?Tt.E3:pe,he=de.dispatch;(0,c.useEffect)((function(){he({type:Dt.m.updateMultiple,payload:{dataArr:i}})}),[i]);var ge=i.map((function(e){return me.communitiesById[e.id]||e})),fe=null!==W&&void 0!==W&&W.id?ge.filter((function(e){return e.joined})):[],ve=(null===W||void 0===W?void 0:W.id)&&fe.length>0,xe=null===C||void 0===C?void 0:C.filter((function(e){return!!e.image})),ye=Object.keys(me.communitiesById).map((function(e){return me.communitiesById[e]}));return(0,c.useEffect)((function(){"undefined"!==typeof W&&((0,s.Z)(l().mark((function e(){var t,n,i;return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,b.Jl)((0,b.cN)(y.yy.COMMUNITY.LIST,{_locale:le}),"GET");case 2:n=e.sent,i=((null===n||void 0===n||null===(t=n.data)||void 0===t?void 0:t.communities)||[]).map(x.yf),he({type:Dt.m.updateMultiple,payload:{dataArr:i}});case 5:case"end":return e.stop()}}),e)})))(),ne(),(0,s.Z)(l().mark((function e(){var t,n;return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(null!==W&&void 0!==W&&W.id){e.next=2;break}return e.abrupt("return");case 2:return e.next=4,(0,b.Jl)((0,b.cN)(y.yy.PROFILE,{_locale:le}),"GET");case 4:n=e.sent,G((null===n||void 0===n||null===(t=n.data)||void 0===t?void 0:t.posts_count)||0);case 6:case"end":return e.stop()}}),e)})))())}),[W,oe.asPath]),(0,o.jsxs)(St.x,{ssrMenuContent:h,title:U({id:"home.seoTitle"}),description:U({id:"home.seoDescription"}),image:null===(t=Z.CX[le])||void 0===t?void 0:t.HOMEPAGE_IMAGE,SEOData:{schemaData:U({id:"home.seoSchema"}),isIndexable:!0,hasNoAmp:!0},footerMenu:m,sitewideBanner:I,onCreatePostClickOnBottomBar:function(e){L({type:Et.H.SHOW_CREATE_NEW_POST_POPUP,payload:!0}),L({type:Et.H.SET_ASK_DOCTOR_POST,payload:"undefined"!==typeof e?e:void 0})},isCommunityPage:!0,onPostSuccess:function(e,t,n){var i;R.current=e,G(F+1);var o="action=".concat(n?"editPost":"createPost","&askDoctor=").concat(null!==t&&void 0!==t&&t.isAskDoctor?"true":"false"),r="".concat((0,b.mg)(le)).concat((0,_.k3)("/".concat((null===t||void 0===t||null===(i=t.community)||void 0===i?void 0:i.slug)||"_","/").concat((null===t||void 0===t?void 0:t.slug)||"","/?").concat(o)));window.location.href=r},onPostCreatedEdited:ee,lastPostData:R.current,showCreatePostSticky:!0,infiniteScroll:D,children:[(0,o.jsx)(It.lv,{children:(0,o.jsx)(p.a,{withIndicators:(null===xe||void 0===xe?void 0:xe.length)>1,withControls:!z,loop:!0,styles:{control:{width:34,height:34,borderColor:"#DBDFE4",borderWidth:2,path:{stroke:"currentcolor",strokeWidth:1}},indicators:{bottom:20},indicator:{width:"8px",height:"8px",backgroundColor:"white",opacity:1,"&[data-active]":{backgroundColor:u.r.colors.primaryBase}}},plugins:[V.current],children:xe.map((function(e,t){return(0,o.jsx)(p.a.Slide,{children:(0,o.jsx)(O.b,{isMobile:z,homepage:e})},t)}))})}),(0,o.jsxs)(It.iH,{children:[N.length>0&&(0,o.jsx)(kt,{staticNumber:N,isMobile:z}),(0,o.jsx)("div",{className:"community-container",children:(0,o.jsx)("div",{className:"list-community-container",children:(0,o.jsx)(vt,{className:"home-join-list-big",communities:ye.length>0?ye:i,isMobile:z})})}),M.length>0&&(0,o.jsx)("div",{className:"expert-container",children:(0,o.jsx)("div",{className:"list-expert-container",children:(0,o.jsx)(ie,{className:"home-join-list-big",experts:M,isMobile:z})})}),S.length>0&&(0,o.jsx)(ce,{data:S,isMobile:z}),k.videoUrl&&(0,o.jsx)(Ee,{videoData:k,isMobile:z}),(0,o.jsx)(je,{isMobile:z}),(0,o.jsx)("div",{className:"form-container",children:(0,o.jsx)(lt,{footerInfo:m,isMobile:z})}),(0,o.jsxs)(It.yT,{children:[(0,o.jsx)(w.l,{}),(0,o.jsxs)("div",{className:"outer-container",children:[Z.fn&&(0,o.jsx)(p.B,{className:"breadcrumb",styles:{control:{"&[data-inactive]":{width:0}}},children:[{label:U({id:"breadcrumb.helloTogether"}),value:(0,_.k3)("/")}].map((function(e){return(0,o.jsx)(p.B.Item,Bt(Bt({href:e.value},e),{},{children:e.label}),e.value)}))}),(0,o.jsxs)(It.yb,{className:"inner-container",children:[(0,o.jsxs)("div",{className:"main-section",children:[!z&&(0,o.jsx)(ue._,{onCreatePostClick:function(e){L({type:Et.H.SHOW_CREATE_NEW_POST_POPUP,payload:!0}),L({type:Et.H.SET_ASK_DOCTOR_POST,payload:"undefined"!==typeof e?e:void 0})},className:"input-new-post",style:{marginBottom:"24px"}}),(0,o.jsx)(zt.C,{tabContent:[{name:U({id:"choicePopover.latest"}),dataEventCategory:"Together",dataEventAction:"Latest Post Click",dataEventLabel:(0,b.Ow)(le,se)},{name:U({id:"choicePopover.popular"}),dataEventCategory:"Together",dataEventAction:"Trending Post Click",dataEventLabel:(0,b.Ow)(le,se)}].concat((0,r.Z)(T?[{name:U({id:"choicePopover.questionAndAnswer"}),dataTestid:"Q&A",icon:(0,o.jsx)("img",{src:Z.fn?(0,_.k3)("/svg/marrybaby/questionMb.svg"):(0,_.k3)("/svg/question.svg"),className:"info-text-icon",alt:""})}]:[])),onChange:function(e){2===e?Y("seeding"):0===e?Y("newest"):1===e&&Y("popularity")},initialTab:0,className:"tab-sort-container"}),(0,o.jsx)("div",{ref:Q,className:"posts",children:null===J||void 0===J?void 0:J.map((function(e){return e&&(0,o.jsx)(c.Fragment,{children:(0,o.jsx)(Mt.u,{children:(0,o.jsx)(_t.X,{isMobile:z,title:e.title,id:e.id,slug:e.slug,community:e.community,author:e.author,postDate:e.createdDate,topics:e.topics,photos:e.photos,previewUrl:e.previewUrl,description:e.description,viewCount:e.totalView,loveCount:e.likeCount,isLiked:e.isLiked,post:e,hasLinkWrapper:!0,onDeletePost:function(){G(F-1),e.id&&te(e.id)}},e.id)})},e.id)}))}),(0,o.jsx)(It.ZY,{"data-show":K,children:(0,o.jsx)(j.W,{})})]}),(0,o.jsxs)("div",{className:"home-right",children:[Z.fn&&!(null!==W&&void 0!==W&&W.id)&&(0,o.jsx)(Mt.u,{children:(0,o.jsx)(P,{})}),ve?(0,o.jsx)(Mt.u,{children:(0,o.jsx)(yt,{communities:ye.filter((function(e){return e.joined})),moreCommunities:ye.filter((function(e){return!e.joined}))})}):null]})]})]})]})]})]})},Ut=function(e){var t=(0,f.useRouter)().locale,n=void 0===t?"vi-VN":t,r=(0,c.useContext)(ae.I).state.userInfo,a=(0,c.useState)({}),d=a[0],u=a[1];return(0,c.useEffect)((function(){"undefined"!==typeof r&&(0,s.Z)(l().mark((function e(){var t,o,r,a,s,d,c,p,m,h,g,f,v,w,j,C,N,k,_,M,I,S,P,O,E;return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.all([(0,b.t9)((0,b.cN)(y.yy.POST.LIST,{_locale:n,sort:"newest",exclude_seeding:"1",page:1}),"GET"),(0,b.t9)((0,b.cN)(y.yy.HOMEPAGE.BANNER,{_locale:n}),"GET"),(0,b.t9)((0,b.cN)(y.yy.HOMEPAGE.STATIC_NUMBERS,{_locale:n}),"GET"),(0,b.t9)((0,b.cN)(y.yy.HOMEPAGE.VIDEO,{_locale:n}),"GET"),(0,b.t9)((0,b.cN)(y.yy.HOMEPAGE.EXPERT,{_locale:n}),"GET"),(0,b.Jl)((0,b.cN)(y.yy.COMMUNITY.LIST,{_locale:n}),"GET"),(0,b.t9)((0,b.cN)(y.yy.POST.LIST,{_locale:n,exclude_seeding:"1",eventType:"mini_game"}),"GET"),(0,b.t9)((0,b.cN)(y.yy.POST.LIST,{_locale:n,page:"1",is_seeding:"1"}),"GET")]);case 2:return v=e.sent,w=(0,i.Z)(v,8),j=w[0],C=w[1],N=w[2],k=w[3],_=w[4],M=w[5],I=w[6],S=w[7],e.next=6,(0,Zt.Q)(n);case 6:P=e.sent,O=(null===j||void 0===j||null===(t=j.data)||void 0===t||null===(o=t.posts)||void 0===o?void 0:o.map(x.W1).filter(Boolean))||[],E=null!==M&&void 0!==M&&null!==(r=M.data)&&void 0!==r&&null!==(a=r.communities)&&void 0!==a&&a.length?M.data.communities.map(x.yf).filter((function(e){return e.isActive})):[],u(Bt(Bt({posts:O,communities:E,postPagination:null!==j&&void 0!==j&&null!==(s=j.data)&&void 0!==s&&s.pagination&&(0,x.j5)(j.data.pagination)||null},P),{},{homepageBanner:((null===C||void 0===C||null===(d=C.data)||void 0===d?void 0:d.posts)||[]).map(x.K1),staticNumber:((null===N||void 0===N||null===(c=N.data)||void 0===c?void 0:c.numbers)||[]).map(x.Kr),video:(0,x.jb)(null===k||void 0===k||null===(p=k.data)||void 0===p?void 0:p.video),expert:((null===_||void 0===_||null===(m=_.data)||void 0===m?void 0:m.experts)||[]).map(x.H3),minigames:((null===I||void 0===I||null===(h=I.data)||void 0===h?void 0:h.posts)||[]).map(x.W1),hasSeedingPost:((null===S||void 0===S||null===(g=S.data)||void 0===g||null===(f=g.pagination)||void 0===f?void 0:f.total_items)||0)>0}));case 10:case"end":return e.stop()}}),e)})))()}),[r]),(0,o.jsx)(Wt,Bt(Bt({},e),d))}},45301:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return n(7223)}])},92218:function(e,t,n){!function(e,t){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(t);!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".react-horizontal-scrolling-menu--wrapper {\n  display: flex;\n}\n\n.react-horizontal-scrolling-menu--scroll-container {\n  display: flex;\n  height: max-content;\n  overflow-y: hidden;\n  position: relative;\n  width: 100%;\n}\n\n:export {\n  wrapper: react-horizontal-scrolling-menu--wrapper;\n  container: react-horizontal-scrolling-menu--scroll-container;\n}\n");const r="react-horizontal-scrolling-menu",a="-separator",l=`${r}--separator`,s=`${r}--item`,d=`${r}--scroll-container`,c=`${r}--wrapper`,u="itemId",p="data-key",m="data-index";var h=Object.freeze({__proto__:null,rootClassName:r,separatorString:a,separatorClassName:l,itemClassName:s,scrollContainerClassName:d,wrapperClassName:c,id:u,dataKeyAttribute:p,dataIndexAttribute:m});function g({className:e="",children:t,onScroll:n=(()=>{}),scrollRef:i}){const r=o.default.useMemo((()=>`${d} ${e}`),[e]);return o.default.createElement("div",{className:r,onScroll:n,ref:i},t)}var f,v=o.default.memo((function({className:e,id:t,index:n,refs:i}){const r=o.default.useRef(null);return i[n]=r,o.default.createElement("div",Object.assign({className:e},{[p]:t,[m]:n},{ref:r}))})),x=o.default.memo((function({children:e,className:t,id:n,index:i,refs:r}){const a=o.default.useRef(null);return r[String(i)]=a,o.default.createElement("div",Object.assign({className:t},{[p]:n,[m]:i},{ref:a}),e)}));function y({children:e,itemClassName:t="",refs:n,separatorClassName:i=""}){const r=o.default.Children.toArray(e).filter(Boolean),d=r.length,c=o.default.useMemo((()=>`${s} ${t}`),[t]),p=o.default.useMemo((()=>`${l} ${i}`),[i]);return o.default.createElement(o.default.Fragment,null,r.map(((e,t)=>{var i,r;const l=null===(r=null===(i=e)||void 0===i?void 0:i.props)||void 0===r?void 0:r[u],s=l+a,m=t+1===d;return[o.default.createElement(x,{className:c,id:l,key:"menuItem__"+l,refs:n,index:t},e),!m&&o.default.createElement(v,{className:p,id:s,refs:n,key:s,index:t+.1})]})))}function b(e){return"object"==typeof e&&null!=e&&1===e.nodeType}function w(e,t){return(!t||"hidden"!==e)&&"visible"!==e&&"clip"!==e}function j(e,t){if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){var n=getComputedStyle(e,null);return w(n.overflowY,t)||w(n.overflowX,t)||function(e){var t=function(e){if(!e.ownerDocument||!e.ownerDocument.defaultView)return null;try{return e.ownerDocument.defaultView.frameElement}catch(e){return null}}(e);return!!t&&(t.clientHeight<e.scrollHeight||t.clientWidth<e.scrollWidth)}(e)}return!1}function C(e,t,n,i,o,r,a,l){return r<e&&a>t||r>e&&a<t?0:r<=e&&l<=n||a>=t&&l>=n?r-e-i:a>t&&l<n||r<e&&l>n?a-t+o:0}function N(e,t){var n=window,i=t.scrollMode,o=t.block,r=t.inline,a=t.boundary,l=t.skipOverflowHiddenElements,s="function"==typeof a?a:function(e){return e!==a};if(!b(e))throw new TypeError("Invalid target");for(var d=document.scrollingElement||document.documentElement,c=[],u=e;b(u)&&s(u);){if((u=u.parentElement)===d){c.push(u);break}null!=u&&u===document.body&&j(u)&&!j(document.documentElement)||null!=u&&j(u,l)&&c.push(u)}for(var p=n.visualViewport?n.visualViewport.width:innerWidth,m=n.visualViewport?n.visualViewport.height:innerHeight,h=window.scrollX||pageXOffset,g=window.scrollY||pageYOffset,f=e.getBoundingClientRect(),v=f.height,x=f.width,y=f.top,w=f.right,N=f.bottom,k=f.left,_="start"===o||"nearest"===o?y:"end"===o?N:y+v/2,M="center"===r?k+x/2:"end"===r?w:k,I=[],S=0;S<c.length;S++){var P=c[S],O=P.getBoundingClientRect(),E=O.height,T=O.width,D=O.top,Z=O.right,z=O.bottom,A=O.left;if("if-needed"===i&&y>=0&&k>=0&&N<=m&&w<=p&&y>=D&&N<=z&&k>=A&&w<=Z)return I;var B=getComputedStyle(P),L=parseInt(B.borderLeftWidth,10),W=parseInt(B.borderTopWidth,10),U=parseInt(B.borderRightWidth,10),R=parseInt(B.borderBottomWidth,10),H=0,F=0,G="offsetWidth"in P?P.offsetWidth-P.clientWidth-L-U:0,V="offsetHeight"in P?P.offsetHeight-P.clientHeight-W-R:0;if(d===P)H="start"===o?_:"end"===o?_-m:"nearest"===o?C(g,g+m,m,W,R,g+_,g+_+v,v):_-m/2,F="start"===r?M:"center"===r?M-p/2:"end"===r?M-p:C(h,h+p,p,L,U,h+M,h+M+x,x),H=Math.max(0,H+g),F=Math.max(0,F+h);else{H="start"===o?_-D-W:"end"===o?_-z+R+V:"nearest"===o?C(D,z,E,W,R+V,_,_+v,v):_-(D+E/2)+V/2,F="start"===r?M-A-L:"center"===r?M-(A+T/2)+G/2:"end"===r?M-Z+U+G:C(A,Z,T,L,U+G,M,M+x,x);var q=P.scrollLeft,$=P.scrollTop;_+=$-(H=Math.max(0,Math.min($+H,P.scrollHeight-E+V))),M+=q-(F=Math.max(0,Math.min(q+F,P.scrollWidth-T+G)))}I.push({el:P,top:H,left:F})}return I}function k(e){return e===Object(e)&&0!==Object.keys(e).length}function _(e,t){var n=e.isConnected||e.ownerDocument.documentElement.contains(e);if(k(t)&&"function"==typeof t.behavior)return t.behavior(n?N(e,t):[]);if(n){var i=function(e){return!1===e?{block:"end",inline:"nearest"}:k(e)?e:{block:"start",inline:"nearest"}}(t);return function(e,t){void 0===t&&(t="auto");var n="scrollBehavior"in document.body.style;e.forEach((function(e){var i=e.el,o=e.top,r=e.left;i.scroll&&n?i.scroll({top:o,left:r,behavior:t}):(i.scrollTop=o,i.scrollLeft=r)}))}(N(e,i),i.behavior)}}var M=function(){return f||(f="performance"in window?performance.now.bind(performance):Date.now),f()};function I(e){var t=M(),n=Math.min((t-e.startTime)/e.duration,1),i=e.ease(n),o=e.startX+(e.x-e.startX)*i,r=e.startY+(e.y-e.startY)*i;e.method(o,r),o!==e.x||r!==e.y?requestAnimationFrame((function(){return I(e)})):e.cb()}function S(e,t,n,i,o,r){var a,l,s;void 0===i&&(i=600),void 0===o&&(o=function(e){return 1+--e*e*e*e*e}),a=e,l=e.scrollLeft,s=e.scrollTop,I({scrollable:a,method:function(t,n){e.scrollLeft=Math.ceil(t),e.scrollTop=Math.ceil(n)},startTime:M(),startX:l,startY:s,x:t,y:n,duration:i,ease:o,cb:r})}var P=function(e,t){var n=t||{};return function(e){return e&&!e.behavior||"smooth"===e.behavior}(n)?_(e,{block:n.block,inline:n.inline,scrollMode:n.scrollMode,boundary:n.boundary,behavior:function(e){return Promise.all(e.reduce((function(e,t){var i=t.el,o=t.left,r=t.top,a=i.scrollLeft,l=i.scrollTop;return a===o&&l===r?e:[].concat(e,[new Promise((function(e){return S(i,o,r,n.duration,n.ease,(function(){return e({el:i,left:[a,o],top:[l,r]})}))}))])}),[]))}}):Promise.resolve(_(e,t))};function O(e,t,n,i,o){var r,a;const l=(null===(a=null===(r=e)||void 0===r?void 0:r.entry)||void 0===a?void 0:a.target)||e,s=t||"smooth";return l&&P(l,Object.assign({behavior:s,inline:n||"end",block:i||"nearest",duration:500},o))}const E=e=>document.querySelector(`[data-key='${e}']`),T=e=>document.querySelector(`[data-index='${e}']`);function D(e){return o.default.isValidElement(e)&&e||"function"==typeof e&&o.default.createElement(e,null)||null}const Z=e=>e.filter((e=>!new RegExp(".*-separator$").test(e))),z="undefined"!=typeof window?o.default.useLayoutEffect:o.default.useEffect;function A({items:e,itemsChanged:t,refs:i,options:r}){const a=o.default.useRef(),[l,s]=o.default.useState([]),d=o.default.useRef(+setTimeout((()=>{}),0)),c=o.default.useCallback((t=>{e.set(function(e,t){return[...e].map((e=>{var n,i;const o=e.target,r=(null===(n=null==o?void 0:o.dataset)||void 0===n?void 0:n.key)||"";return[r,{index:String((null===(i=null==o?void 0:o.dataset)||void 0===i?void 0:i.index)||""),key:r,entry:e,visible:e.intersectionRatio>=t.ratio}]}))}(t,r)),n.g.clearTimeout(d.current),d.current=+setTimeout((()=>n.g.requestAnimationFrame((()=>{s((t=>{const n=e.getVisible().map((e=>e[1].key));return JSON.stringify(t)!==JSON.stringify(n)?n:t}))}))),r.throttle)}),[e,r]);return z((()=>{const e=(e=>Object.values(e).map((e=>e.current)).filter(Boolean))(i),t=a.current||new IntersectionObserver(c,r);return a.current=t,e.forEach((e=>t.observe(e))),()=>{clearTimeout(d.current),t.disconnect(),a.current=void 0}}),[c,t,r,i]),{visibleItems:l}}function B(e,t){const[n,i]=o.default.useState(""),r=o.default.useMemo((()=>{return t=e,o.default.Children.toArray(t).map((e=>{var t,n;return null===(n=null===(t=e)||void 0===t?void 0:t.props)||void 0===n?void 0:n[u]})).filter(Boolean);var t}),[e]);return o.default.useEffect((()=>{const e=r.filter(Boolean).join("");t.toItemsWithoutSeparators().filter((e=>!r.includes(e))).forEach((e=>{var n,i;const o=(null===(n=t.last())||void 0===n?void 0:n.key)===e&&(null===(i=t.prev(e))||void 0===i?void 0:i.key)||"";t.delete(o),t.delete(`${e}-separator`),t.delete(e)})),i(e)}),[r,t]),n}class L extends Map{toArr(){return this.sort([...this])}toItems(){return this.toArr().map((([e])=>e))}toItemsWithoutSeparators(){return Z(this.toItems())}toItemsKeys(){return this.toItems()}sort(e){return e.sort((([,e],[,t])=>+e.index-+t.index))}set(e,t){return Array.isArray(e)?this.sort(e).forEach((([e,t])=>{super.set(e,t)})):super.set(e,t),this}first(){var e;return null===(e=this.toArr()[0])||void 0===e?void 0:e[1]}last(){var e,t;return null===(t=null===(e=this.toArr().slice(-1))||void 0===e?void 0:e[0])||void 0===t?void 0:t[1]}filter(e){return this.toArr().filter(e)}find(e){return this.toArr().find(e)}findIndex(e){return this.toArr().findIndex(e)}prev(e){var t;const n=this.toArr(),i=n.findIndex((([t,n])=>t===e||n===e));return-1!==i?null===(t=n[i-1])||void 0===t?void 0:t[1]:void 0}next(e){var t;const n=this.toArr(),i=n.findIndex((([t,n])=>t===e||n===e));return-1!==i?null===(t=n[i+1])||void 0===t?void 0:t[1]:void 0}getVisible(){return this.filter((e=>e[1].visible))}}const W={ratio:.9,rootMargin:"5px",threshold:[.05,.5,.75,.95],throttle:100},U=o.default.createContext({}),R=e=>e.reduce(((e,t)=>e.concat(t).concat(`${t}-separator`)),[]).slice(0,-1);e.ScrollMenu=function({Arrows:e,LeftArrow:t,RightArrow:n,children:i,transitionDuration:r=500,transitionEase:a,transitionBehavior:l,onInit:s=(()=>{}),onUpdate:d=(()=>{}),onMouseDown:u,onMouseUp:p,onMouseMove:m,onScroll:h=(()=>{}),onWheel:f=(()=>{}),options:v=W,scrollContainerClassName:x="",itemClassName:b="",separatorClassName:w="",wrapperClassName:j="",apiRef:C={current:{}}}){const N=D(t),k=D(n),_=D(e),M=o.default.useRef(null),[I]=o.default.useState({}),S=o.default.useMemo((()=>Object.assign(Object.assign(Object.assign({},W),v),{root:M.current})),[v,M.current]),P=o.default.useRef(new L).current,z=B(i,P),{visibleItems:R}=A({items:P,itemsChanged:z,options:S,refs:I}),H=!!R.length,F=o.default.useMemo((()=>function(e,t=[],n,i){var o,r;const a=Z(t),l=!!(null===(o=e.first())||void 0===o?void 0:o.visible),s=!!(null===(r=e.last())||void 0===r?void 0:r.visible),d=t=>{var n;return null===(n=e.find((e=>e[1].key===String(t))))||void 0===n?void 0:n[1]},c=()=>{var t,n;return e.prev(null===(n=null===(t=e.getVisible())||void 0===t?void 0:t[0])||void 0===n?void 0:n[1])},u=()=>{var t,n,i,o;return e.next(null===(o=null===(i=null===(n=null===(t=e.getVisible())||void 0===t?void 0:t.slice)||void 0===n?void 0:n.call(t,-1))||void 0===i?void 0:i[0])||void 0===o?void 0:o[1])};return{getItemById:d,getItemElementById:E,getItemByIndex:t=>{var n;return null===(n=e.find((e=>String(e[1].index)===String(t))))||void 0===n?void 0:n[1]},getItemElementByIndex:T,getNextItem:u,getPrevItem:c,isFirstItemVisible:l,isItemVisible:e=>t.includes(e),isLastItem:t=>e.last()===d(t),isLastItemVisible:s,scrollNext:(e,t,o,{duration:r,ease:a,boundary:l=(null==n?void 0:n.current)}={})=>{const s=null!=e?e:null==i?void 0:i.behavior;return O(u(),s,t||"start",o||"nearest",{boundary:l,duration:null!=r?r:null==i?void 0:i.duration,ease:null!=a?a:null==i?void 0:i.ease})},scrollPrev:(e,t,o,{duration:r,ease:a,boundary:l=(null==n?void 0:n.current)}={})=>{const s=null!=e?e:null==i?void 0:i.behavior;return O(c(),s,t||"end",o||"nearest",{boundary:l,duration:null!=r?r:null==i?void 0:i.duration,ease:null!=a?a:null==i?void 0:i.ease})},scrollToItem:(e,t,o,r,a)=>{var l,s;return O(e,null!=t?t:null==i?void 0:i.behavior,o,r,Object.assign(Object.assign({boundary:null==n?void 0:n.current},a),{duration:null!==(l=null==a?void 0:a.duration)&&void 0!==l?l:null==i?void 0:i.duration,ease:null!==(s=null==a?void 0:a.ease)&&void 0!==s?s:null==i?void 0:i.ease}))},visibleItems:t,visibleItemsWithoutSeparators:a}}(P,R,M,{duration:r,ease:a,behavior:l})),[P,R,z]),G=o.default.useCallback((()=>Object.assign(Object.assign({},F),{initComplete:H,items:P,visibleItems:R,scrollContainer:M})),[F,H,P,R,M]),[V,q]=o.default.useState(G);!function({cb:e=(()=>{}),condition:t,hash:n}){o.default.useEffect((()=>{t&&e()}),[n,t])}({cb:()=>d(V),condition:function({cb:e,condition:t}){const[n,i]=o.default.useState(!1);return o.default.useEffect((()=>{t&&!n&&(i(!0),e())}),[t,n]),n}({cb:()=>s(V),condition:H}),hash:JSON.stringify(R.concat(String(null==V?void 0:V.isFirstItemVisible)).concat(String(null==V?void 0:V.isLastItemVisible)))}),o.default.useEffect((()=>q(G())),[G]),C.current=V;const $=o.default.useCallback((e=>h(V,e)),[h,V]),Y=o.default.useCallback((e=>f(V,e)),[f,V]),X=o.default.useMemo((()=>`${c} ${j}`),[j]);return o.default.createElement("div",{className:X,onWheel:Y,onMouseDown:null==u?void 0:u(V),onMouseUp:null==p?void 0:p(V),onMouseMove:null==m?void 0:m(V)},o.default.createElement(U.Provider,{value:V},_,N,o.default.createElement(g,{className:x,onScroll:$,scrollRef:M},o.default.createElement(y,{refs:I,itemClassName:b,separatorClassName:w},i)),k))},e.VisibilityContext=U,e.constants=h,e.getItemsPos=e=>{var t;const n=(e=>e.filter(((e,t,n)=>{const i=0===t,o=t===n.length-1,r=new RegExp(a).test(e);return!((i||o)&&r)})))(e),i=n[Math.floor(n.length/2)];return{first:null==n?void 0:n[0],center:i,last:null===(t=n.slice(-1))||void 0===t?void 0:t[0]}},e.slidingWindow=function(e,t){const n=Z(e),i=Z(t);return{prev:()=>R(function(e,t){const n=e.findIndex((e=>e===(null==t?void 0:t[0]))),i=t.length,o=n-i,r=o<0,a=r?0:o,l=e.slice(a,r?i:n);return l.length===i?l:e.slice(n,i)}(n,i)),next:()=>R(function(e,t){const n=e.findIndex((e=>{var n;return e===(null===(n=t.slice(-1))||void 0===n?void 0:n[0])})),i=t.length,o=n+i+1,r=o>e.length-1,a=r?e.length-1:o,l=e.slice(r?a-i+1:n+1,a);return l.length===i?l:e.slice(e.length-i,e.length+i)}(n,i))}},Object.defineProperty(e,"__esModule",{value:!0})}(t,n(67294))}},function(e){e.O(0,[9774,9377,5239,4885,768,1255,2273,5382,1577,8846,7658,4728,9478,939,7782,5777,442,9238,1303,4410,7462,5897,6380,8806,5057,1016,8588,6072,4413,3824,5093,4851,2888,179],(function(){return t=45301,e(e.s=t);var t}));var t=e.O();_N_E=t}]);