"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9301],{uhvP:function(e,t,o){o.d(t,{T:function(){return s}});var n=o("q1tI"),i=o("rBCA"),a=o("D/T2"),r=o("iBNF");let l=i.Z.div`
  textarea {
    width: 100%;
    height: var(--textarea-height, 116px);
    padding: 1rem;
    border: 1px solid ${r.r.colors.gray200};
    border-radius: 6px;
    color: ${r.r.colors.gray800};
    font-size: 14px;
    resize: none;

    &:focus {
      box-shadow: 0px 0px 2px 2px #91caff;
    }

    &::placeholder {
      color: ${r.r.colors.gray500};
    }

    &:disabled {
      background-color: ${r.r.colors.neutral50};
      cursor: not-allowed;
    }
  }
`,s=n.forwardRef(({height:e,placeholder:t,labelText:o,labelColor:i,id:r,name:s,onChange:d,value:c,className:p,onKeyPress:u,disabled:m=!1},g)=>n.createElement(l,{className:p,style:{"--textarea-height":e||"116px"}},o&&n.createElement(a.L,{size:"label2",style:{color:i||"#595959"},htmlFor:r},o),n.createElement("textarea",{name:s,ref:g,placeholder:t,id:r,onChange:e=>d&&d(e.target.value),onKeyPress:e=>u&&u(e),value:c,disabled:m})))},"NL+c":function(e,t,o){o.d(t,{B:function(){return BlueWhiteLogin},N:function(){return NavigationProfileButton},U:function(){return UserPlain},a:function(){return C},b:function(){return NavigationProvider},u:function(){return useCSSFocusPopupHelper}});var n=o("HJpP"),i=o("q1tI"),a=o("nmRb"),r=o("mnaN"),l=o("StZb"),s=o("XDLp"),d=o("oZWv"),c=o("L+vc"),p=o("Y5X8"),u=o("iBNF"),m=o("rBCA"),g=o("Efqo"),h=o("gEnE"),v=o("xXM3"),b=o.n(v),y=o("NGsg"),x=o("Xfk/"),f=o("XwDk"),w=o("xrdX"),E=o("QHxc"),k=o("hPj0");let BlueWhiteLogin=e=>i.createElement("svg",Object.assign({width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i.createElement("rect",{y:"0.5",width:"31",height:"31",rx:"15.5",fill:"white"}),i.createElement("path",{d:"M15.4999 14.3797C16.9062 14.3797 18.0462 13.2397 18.0462 11.8334C18.0462 10.4271 16.9062 9.28711 15.4999 9.28711C14.0936 9.28711 12.9536 10.4271 12.9536 11.8334C12.9536 13.2397 14.0936 14.3797 15.4999 14.3797Z",stroke:"#2743AD",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M19.9092 22.0335C20.7055 21.7825 21.124 20.9029 20.786 20.1399C19.8879 18.1112 17.861 16.6946 15.4999 16.6946C13.1388 16.6946 11.112 18.1112 10.2138 20.1399C9.87585 20.9038 10.2944 21.7825 11.0907 22.0335C12.2249 22.3909 13.7258 22.7131 15.4999 22.7131C17.274 22.7131 18.7749 22.3909 19.9092 22.0335Z",stroke:"#2743AD",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})),UserPlain=e=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i.createElement("path",{d:"M9.99991 8.3797C11.4062 8.3797 12.5462 7.23969 12.5462 5.83341C12.5462 4.42712 11.4062 3.28711 9.99991 3.28711C8.59363 3.28711 7.45361 4.42712 7.45361 5.83341C7.45361 7.23969 8.59363 8.3797 9.99991 8.3797Z",stroke:"white",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M14.4092 16.0335C15.2055 15.7825 15.624 14.9029 15.286 14.1399C14.3879 12.1112 12.361 10.6946 9.99992 10.6946C7.63881 10.6946 5.61196 12.1112 4.71381 14.1399C4.37585 14.9038 4.79436 15.7825 5.59066 16.0335C6.72492 16.3909 8.22584 16.7131 9.99992 16.7131C11.774 16.7131 13.2749 16.3909 14.4092 16.0335Z",stroke:"white",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})),useNavConfig=({locale:e,projectType:t,siteType:o,enableBookingBtn:n})=>{let a=(0,i.useMemo)(()=>{let i="discover"===t||"together"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===o,a="marryBaby"!==o&&"marryBaby"!==t&&y.C.includes(e),r=n&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==o&&y.d.includes(e),l="marryBaby"===t||y.c.includes(e),s="marryBaby"!==o&&y.E.includes(e),d="marryBaby"!==o&&y.E.includes(e),c=y.V.includes(e),p=y.H.includes(e),u=y.e.includes(e),m=(0,f.g)(e,"marryBaby"===o),g=m;"undefined"!=typeof window&&(g.includes("//id.")&&(g=g.replace("id.","")),g.includes("//staging-id.")&&(g=g.replace("staging-id.","discover.")));let h=(0,f.a)(e,"marryBaby"===o),v={HOME_PAGE_URL:g,CARE_URL_FE:`${g}/care`,TOGETHER_URL_FE:`${g}/community`,VIDEO_URL_FE:`${g}/videos`,SSO_URL:h,TOGETHER_API:(0,f.b)(),DISCOVER_API:(0,f.c)(e)};return{enableSearchBar:i,enableNavCare:a,enableNavCareBooking:r,enableNavTogether:l,enableNavEcom:s,enableProfileEcom:d,enableNavVideo:c,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:v,enableNavClinityDownload:p,enableNavCartCare:u}},[]);return a},C=i.createContext({}),NavigationProvider=e=>{var{children:t}=e,o=(0,n._)(e,["children"]);let[a,r]=i.useState(()=>o.currentUrl||`https://${"marryBaby"===o.siteType?x.d[o.locale||"en-PH"]:w.v[o.locale||"en-PH"]}${"together"===o.projectType?"/community":"ecom"===o.projectType?"/ecom":"care"===o.projectType?"/care":""}/`);(0,i.useEffect)(()=>{let update=()=>{r(window.location.href)};return window.addEventListener("popstate",update),update(),()=>{window.removeEventListener("popstate",update)}},[]);let l=useNavConfig({locale:o.locale,projectType:o.projectType,siteType:o.siteType,enableBookingBtn:o.enableBookingBtn});return i.createElement(C.Provider,{value:Object.assign(Object.assign({},o),{customClasses:o.customClasses||{},configs:Object.assign(Object.assign({},l),o.configs),currentUrl:o.currentUrl||a})},t)},useCSSFocusPopupHelper=e=>{let{allowBgScroll:t}=e||{},o=(0,i.useRef)();return{containerRef:o,onContainerFocus:()=>{t||(document.documentElement.style.overflow="hidden")},onContainerBlur:()=>{t||(document.documentElement.style.overflow="")},onButtonMouseDown:e=>{o.current&&(document.activeElement===o.current||o.current.contains(document.activeElement))&&(o.current.blur(),document.activeElement.blur(),e.preventDefault())},onClose:()=>{o.current&&(document.activeElement===o.current||o.current.contains(document.activeElement))&&(o.current.blur(),document.activeElement.blur())}}},I=(0,h.Z)(m.Z.div`
    position: absolute;
    right: 0;
    transition: all 0.5s ease-in-out;
    overflow-y: auto;

    &[data-open='true'] {
      z-index: 200;
      top: 120%;
      opacity: 1;
      visibility: visible;
    }

    &[data-open='false'] {
      display: none;
    }

    .popup-content {
      z-index: 111;
      height: 100%;
      border: 1px solid #0000001a;
      border-radius: 16px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }

    /* min-height: 415px; */
    ${g.M.mbUp} {
      width: 320px;
    }
    ${g.M.mbDown} {
      position: fixed;
      left: 0;
      width: 100%;
      padding-bottom: 70px;
    }
  `,"hhgcomp-navprofilebutton-popup"),T=(0,h.Z)(m.Z.div`
    position: fixed;
    z-index: 150;
    top: var(--header-bottom, 56px);
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;

    ${g.M.mbUp} {
      background-color: transparent;
      &[data-type='welcome'] {
        background: rgba(38, 38, 38, 0.3);
      }
      &[data-type='due-date'] {
        background: rgba(38, 38, 38, 0.3);
      }
    }

    ${g.M.mbDown} {
      background: rgba(38, 38, 38, 0.3);
    }

    &[data-type='welcome'] {
      top: 0;
    }

    &[data-open='false'] {
      display: none;
    }
  `,"hhgcomp-navprofilebutton-popupwrapper"),S=m.Z.div`
  width: 36px;
  height: 36px;
  cursor: pointer;

  img {
    border-radius: 50%;
  }

  .avatar {
    width: 36px;
    height: 36px;
    object-fit: cover;
  }

  .avatar-default {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: ${u.r.colors.secondaryBase};
    border-radius: 50%;
    color: white;
    font-size: 20px;
    font-weight: bold;
  }
`,P=m.Z.div`
  display: inline-flex;
  position: relative;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  flex-shrink: 0;
  cursor: pointer;

  .user-close-icon {
    display: none;
  }
  &:focus-within {
    .user-close-icon {
      display: block;
    }
    .user-avatar {
      display: none;
    }
    ${I.classSelector} {
      z-index: 200;
      top: 120%;
      opacity: 1;
      visibility: visible;
      display: initial;
      ${g.M.mbDown} {
        top: 100%;
      }
    }
    ${T.classSelector} {
      display: initial;
    }
  }
`,_=m.Z.a`
  display: inline-flex;
  .login-btn[data-color='tertiary'][data-size='md'] {
    padding-left: 12px;
    padding-right: 12px;
  }
  .mobile-only {
    ${g.M.mbUp} {
      display: none;
    }
  }
  .login-btn {
    display: none;
    ${g.M.mbUp} {
      display: block;
      border: 1px solid ${u.r.colors.neutral100};
    }
  }
  &[data-win-cash-back-theme='true'] {
    .login-btn {
      ${g.M.mbUp} {
        color: ${u.r.colors.white};
      }
    }
  }
`,ProfilePopup=({isOpen:e,userInfo:t,closePopup:o,siteType:n="helloSites",dispatchLogout:a})=>{let{customClasses:r={},configs:{enableProfileFindMyBooking:l}}=(0,i.useContext)(C);return i.createElement(I,{className:r.profilePopup,"data-open":e},i.createElement("div",{className:b()("popup-content",r.profilePopupContent)},i.createElement(E.l,{siteType:n,onLogout:()=>{a&&(a(),o())},userInfo:t,configs:{enableProfileFindMyBooking:l}})))},NavigationProfileButton=({userInfo:e,siteType:t,onLoginClick:o,currentUrl:m,isMinifyLogin:g,onLogout:h,style:v,isLoading:b,isMobile:y,className:x})=>{let{isWinCashBackTheme:f}=(0,i.useContext)(C),{t:w}=(0,c.u)(),[E,I]=(0,i.useState)(!1),T=(null==e?void 0:e.name)||(null==e?void 0:e.username),{containerRef:N,onContainerFocus:B,onContainerBlur:j,onButtonMouseDown:M,onClose:$}=useCSSFocusPopupHelper(),z=(0,i.useMemo)(()=>y&&"helloSites"===t,[y]);return b?z?i.createElement(r.S,null):i.createElement(s.B,{size:"sm",color:"transparent",loading:!0}):(null==e?void 0:e.id)?i.createElement(i.Fragment,null,i.createElement(P,{ref:N,style:v,tabIndex:0,onBlur:j,onFocus:()=>{var e;B();let t=null===(e=N.current)||void 0===e?void 0:e.querySelector("#navigation-v2 .hhgcomp-navprofilebutton-popup");if(t){let e=t.getBoundingClientRect(),o=e.top,n=`calc(100vh - ${o}px)`;t.setAttribute("style",`max-height: ${n};`)}},className:x},i.createElement("div",{onMouseDown:M},i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"user-close-icon"},i.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),i.createElement(l.A,{size:32,className:"user-avatar",src:null==e?void 0:e.avatar,color:"marryBaby"===t?u.r.mbColors.pink:u.r.colors.secondaryBase,placeholderText:T&&T.length?T[0].toUpperCase():"A"})),i.createElement(ProfilePopup,{dispatchLogout:()=>{$(),I(!0)},isOpen:!1,closePopup:$,siteType:t,userInfo:e})),i.createElement(k.F,{openLogoutPopup:E,onCloseHandler:()=>{document.body.classList.toggle("noscroll",!1),I(!1)},siteType:t,onLogoutHandler:()=>(0,n.a)(void 0,void 0,void 0,function*(){I(!1),document.body.classList.toggle("noscroll",!1),yield h()})})):i.createElement(_,{style:Object.assign({textDecoration:"none"},v),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":m,"data-win-cash-back-theme":f,"data-site-type":t,onClick:o},g?i.createElement(S,null,i.createElement("img",{src:p.C.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):i.createElement(i.Fragment,null,"helloSites"===t&&(z?f?i.createElement(BlueWhiteLogin,{className:"mobile-only",style:{cursor:"pointer",width:32,height:32,flexShrink:0}}):i.createElement("img",{className:"mobile-only",src:p.C.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24}}):i.createElement(s.B,{className:"mobile-only",size:"sm",leftIcon:i.createElement(a.Z,{color:"currentColor",isSolid:!0,size:22}),sx:{paddingLeft:"8px",paddingRight:"12px"},styles:{leftIcon:{marginRight:4}}},w("navigation.loginJoin"))),"marryBaby"===t&&i.createElement("div",{className:"mobile-only",style:{paddingLeft:16}},i.createElement(d.T,{size:"p3",color:u.r.mbColors.pink},w("navigation.loginJoin"))),"marryBaby"===t?i.createElement(s.B,{className:"login-btn",size:"md",leftIcon:i.createElement(a.Z,{color:"currentColor",isSolid:!0,size:22})},w("navigation.loginJoin")):i.createElement(s.B,{className:"login-btn",size:"md",leftIcon:f?i.createElement(UserPlain,{style:{flexShrink:0,width:20,height:20}}):i.createElement(a.Z,{color:"#595959",isSolid:!0,size:22}),variant:"ghost",color:"#262626",sx:{fontWeight:500,fontSize:14,lineHeight:22}},w("navigation.loginJoin"))))}},"/Tn+":function(e,t,o){o.d(t,{M:function(){return MantineProvider}});var n=o("HJpP"),i=o("q1tI"),a=o("8vDj"),r=o("/TW2"),l=o("hDz7");let MantineProvider=e=>{var{children:t,locale:o,template:s="hb",isNotifications:d=!0,customStyleType:c=l.C.NONE}=e,p=(0,n._)(e,["children","locale","template","isNotifications","customStyleType"]);return(0,r.u)(o),i.createElement(a.Me,Object.assign({theme:(0,r.g)(o,s,c)},p),i.createElement(l.T,{variant:c},t,d&&i.createElement(r.N,null)))}},tXBV:function(e,t,o){o.d(t,{P:function(){return PillCarousel}});var n=o("HJpP"),i=o("q1tI"),a=o("rBCA"),r=o("Y5X8"),l=o("iBNF"),s=o("1N+i"),d=o("uwjA"),c=o("Bw1v"),p=o("StZb");let u=a.Z.div`
  display: inline-flex;
  overflow: hidden;
  width: ${e=>e.size}px;
  height: ${e=>e.size}px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;

  border: 1px solid #e4e8ec;
  background-color: ${e=>e.backgroundColor||l.r.colors.white};
  border-radius: ${e=>e.borderRadius||"50%"};
  & > * {
    width: ${e=>e.iconSize}px;
    height: ${e=>e.iconSize}px;
  }
`,m=a.Z.div`
  display: inline-block;
  height: 108px;
  background-color: ${l.r.colors.white};
  border-radius: 60px;
  cursor: pointer;
  &.selected-week-pill {
    background-color: ${l.r.colors.pink100};
  }

  & > div:first-child {
    margin: 4px 4px 0;
  }

  & > p {
    margin-top: 8px;
    text-align: center;
  }

  & > * {
    pointer-events: none;
  }
`,g=[c.L.Myanmar,c.L.Taiwan],h=(0,a.Z)(e=>{var{icon:t,name:o,className:a,locale:c="en-PH",dataEventCategory:p,dataEventAction:h,dataEventLabel:v,onSelect:b}=e,y=(0,n._)(e,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);let x=(0,i.useMemo)(()=>null==a?void 0:a.includes("selected-week-pill"),[a]);return i.createElement(m,Object.assign({onClick:b,className:a?"week-pill".concat(" non-pointer-event-child ",a):"week-pill non-pointer-event-child","data-event-category":p,"data-event-action":h,"data-event-label":v},y),i.createElement(u,{size:64,iconSize:40,backgroundColor:l.r.colors.white},i.createElement(s.I,{src:t||r.C.getAssetPath("week_default.png"),alt:`week ${o}`})),x?i.createElement(d.T,Object.assign({type:"semiBold",size:"n1",color:l.r.colors.gray800},g.includes(c)&&{style:{fontSize:"10px"}}),o):i.createElement(d.T,Object.assign({size:"n1",color:l.r.colors.gray600},g.includes(c)&&{style:{fontSize:"10px"}}),o))})`
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
`,v=(0,a.Z)(p.f.Slide)`
  cursor: pointer;
  > div * {
    pointer-events: none;
  }
`,b=(0,a.Z)(p.f)`
  .centerred-pill-wrapper {
    padding: 16px 0;
  }
`,PillCarousel=e=>{var{data:t,isMobile:o,onSlideChange:a,pillProps:r,locale:l=c.L.Vietnam,blurFromIndex:s,blurLength:d}=e,p=(0,n._)(e,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);let[u,m]=(0,i.useState)("");return(0,i.useEffect)(()=>{m(window.location.href)},[]),i.createElement(b,Object.assign({},{withControls:!o,slideGap:16,blurFromCenter:!0,blurFromIndex:s||(o?2:4),blurLength:d||(o?1:3),onSlideChange:a},p,{selectSlideWhenClick:!0,previousControlIcon:i.createElement(Arrow,{currentUrl:u}),nextControlIcon:i.createElement(Arrow,{currentUrl:u,isRight:!0})}),e=>t.map((t,o)=>i.createElement(v,Object.assign({key:o,onClick:a,"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":u,innerSlideProps:{"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":u}},r),i.createElement("div",{className:"centerred-pill-wrapper"},i.createElement(h,{"data-event-category":"Health Tool","data-event-action":"Fetal Week Click","data-event-label":u,locale:l,name:t.name,icon:t.icon,className:o===e?"selected-week-pill pointer-event-child-none":"pointer-event-child-none"})))))},Arrow=({isRight:e,currentUrl:t})=>i.createElement("svg",{viewBox:"0 0 15 15",fill:"none",width:"16",height:"16",style:e?{transform:"rotate(-90deg)"}:{transform:"rotate(90deg)"},"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Arrow Click","data-event-label":t,className:"pointer-event-child-none"},i.createElement("path",{d:"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))},QVT2:function(e,t,o){o.d(t,{C:function(){return ChoiceField},T:function(){return TextField},i:function(){return I},u:function(){return g}});var n=o("/npG"),i=o("iuhU"),a=o("Eso5"),r=o("8vDj"),l=o("hDz7"),s=o("HJpP"),d=o("q1tI"),c=o("ChHM"),p=o("AeFk"),u=o("rBCA"),m=o("iBNF"),g=(0,n.k)(e=>(0,l.G)(e)[l.C.LEADGEN]);let h=(0,d.createContext)({}),v=p.iv`
  height: 100% !important;
  min-height: calc(var(--container-height, 56px) * 24 / 56);
  line-height: calc(var(--container-height, 56px) * 24 / 56);
  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0;
  cursor: pointer;
  /* opacity: 0; */

  ::placeholder {
    color: ${m.r.colors.gray400};
  }
`,b=p.iv`
  height: auto !important;
  cursor: text;
  opacity: 1;
  transition: 0.1s ease-in-out all;
`,y=p.iv`
  position: absolute;
  top: calc(var(--container-height) / 2);
  left: var(--space-x, 16px);
  margin: 0;
  z-index: 1;
  cursor: pointer;
  transform: translateY(-50%);
  transition: 0.125s ease-in all;

  right: 0; // auto grow width
`,x=p.iv`
  top: var(--space-y-shrink, 6px);
  transform: translateY(0);
  transition: 0.125s ease-out all;
  right: 0; // auto grow width
`,f=p.iv`
  min-height: var(--container-height, 56px);
  display: flex;
  align-items: flex-end;
  border: 1px solid ${m.r.colors.gray200};
  border-radius: 8px;
  background-color: #fff;
  padding-inline: var(--space-x, 16px);
  padding-block: var(--space-y-not-shrink, 16px);
  cursor: pointer;
  pointer-events: none;

  &:has(.mantine-Input-rightSection) {
    padding-right: var(--container-height, 56px);
  }

  .mantine-Input-icon {
    display: none;
  }

  .mantine-NumberInput-control {
    border-color: ${m.r.colors.gray200};
  }
`,w=p.iv`
  height: auto;
  min-height: var(--container-height, 56px);
  padding-block: var(--space-y-shrink, 6px);
  cursor: text;
  pointer-events: auto;
`,E=p.iv`
  color: ${m.r.colors.red800};
  font-size: 12px;
  line-height: 1.5;
`,k=u.Z.div`
  --space-x: 16px;
  --space-y-not-shrink: 15px;
  --space-y-shrink: 6px;
  --container-height: 56px;
  --label-not-shrink: 16px;
  --label-shrink: 12px;
  --input: 15px;

  position: relative;
  min-width: 100px;
  max-width: 100%;
  display: inline-block;

  .textField_wrapper {
    display: inline-block;
    width: 100%;
    cursor: pointer;
  }

  .mantine-InputWrapper-root {
    &[data-invalid='true'] {
      .mantine-Input-wrapper {
        border-color: ${m.r.colors.red400};
      }
    }

    .mantine-Input-wrapper {
      &:has([data-invalid]) {
        border-color: ${m.r.colors.red400};
      }
    }
  }

  .mantine-InputWrapper-label {
    ${y}
  }

  .mantine-Input-wrapper {
    ${f}

    + .mantine-Popover-dropdown[data-position="bottom-start"] {
      left: 0 !important;
    }
    + .mantine-Popover-dropdown[data-position='top-start'] {
      top: unset !important;
      left: 0 !important;
      bottom: 100% !important;
    }
  }

  .mantine-Input-input {
    ${v}
  }

  &.textField_shrink {
    .mantine-InputWrapper-label {
      ${x}
    }

    .mantine-Input-wrapper {
      ${w}
      &.mantine-Select-wrapper {
        .mantine-Select-rightSection {
          pointer-events: auto !important;
        }
      }
    }

    .mantine-Input-input {
      ${b}
    }

    &:has(.PhoneInput) {
      .mantine-InputWrapper-label {
        left: var(--space-x, 16px);
      }
      .PhoneInput {
        .PhoneInputInput {
          opacity: 1;
        }
      }
    }
  }

  &:focus-within {
    .mantine-Input-wrapper {
      transition: 0.25s linear border;
      border-color: ${m.r.colors.primary600};
      box-shadow: 0 0 4px ${m.r.colors.primary200};
    }
  }

  .PhoneInput {
    --phone-select: 75px;
    --phone-input-space-x: 8px;
    width: 100%;
    opacity: 1;
    border: none;
    .PhoneInputCountry {
      background-color: transparent;
      border: none;
      padding: 0;
      width: var(--phone-select, 75px);
    }
    .PhoneInputInput {
      flex: 1;
      min-width: 0;
      line-height: 1.5;
      outline: none !important;
      border: none;
      box-shadow: none;
      font-size: var(--input, 15px);
      padding: 0 var(--phone-input-space-x, 8px);
      /* opacity: 0; */
      color: ${m.r.colors.gray800} !important;
      :focus {
        color: ${m.r.colors.gray800} !important;
      }
    }
  }

  &:has(.PhoneInput) {
    .mantine-InputWrapper-label {
      left: calc(
        var(--space-x, 16px) + var(--phone-select, 75px) +
          var(--phone-input-space-x, 8px)
      );
    }
  }

  .icon {
    position: absolute;
    top: calc(var(--container-height) / 2);
    right: var(--space-x, 16px);
    transform: translateY(-50%);
    transition: 0.125s ease-in all;
    &.shrink {
      top: calc(var(--container-height) / 2 - 4px);
      transform: translateY(0);
    }
  }
`,C=u.Z.div`
  &.leadgen-form_checkbox,
  &.leadgen-form_radio {
    width: 100%;
  }

  &.leadgen-form_dropdown {
    width: calc(50% - 12px);
  }

  .mantine-InputWrapper-root {
    display: block;
  }

  .mantine-InputWrapper-label {
    margin-bottom: 0.5rem;
    color: ${m.r.colors.gray800};
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
  }

  .mantine-Radio-root,
  .mantine-Checkbox-root {
    gap: 8px;
    min-width: calc(50% - 4px);

    // input[type='radio'],
    // input[type='checkbox'] {
    //   border-color: ${m.r.colors.gray600};
    //   width: 18px;
    //   height: 18px;
    // }
    // input[type='checkbox'] {
    //   border-radius: 4px;
    // }

    // &[data-checked='true'] {
    //   input[type='radio'],
    //   input[type='checkbox'] {
    //     border-color: ${m.r.colors.primary600};
    //   }

    //   input[type='radio'] {
    //     background-color: white;
    //   }
    // }

    .mantine-Checkbox-input {
      &:checked {
        border-color: ${m.r.colors.primary600};
      }
    }
  }

  .leadgen-choiceContainer {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
  }

  .mantine-InputWrapper-error {
    ${E}
  }
`;u.Z.div`
  position: absolute;
  top: calc(var(--container-height) / 2);
  right: var(--space-x, 16px);
`;let TextField=e=>{let{shrink:t,onChangeShrink:o,children:n,className:a}=e,r=(0,s._)(e,["shrink","onChangeShrink","children","className"]),[l,c]=(0,d.useState)(t),[p,u]=(0,d.useState)(!1);return(0,d.useEffect)(()=>{c(t)},[t]),d.createElement(h.Provider,Object.assign({value:{shrinkProps:t,shrink:l,setShrink:c,onChangeShrink:o,hasIcon:p,setHasIcon:u}},r),d.createElement(k,Object.assign({shrink:l,className:(0,i.default)(a,"textField",{textField_shrink:!!l})},r),n))},TextFieldControl=e=>{let{shrink:t,shrinkProps:o,onChangeShrink:n,setShrink:i,hasIcon:r}=(0,d.useContext)(h),{children:l,htmlFor:s}=e,p=(0,c.O)(()=>{o||(i(!1),null==n||n(!1))}),focusInput=e=>{setTimeout(()=>{let t=e.querySelectorAll('input:not([disabled]):not([type="submit"]),select:not([disabled]),textarea:not([disabled])'),o=t.item(t.length-1);o&&o.focus({preventScroll:!0})},150)},u=(0,d.useCallback)(e=>{if(t){focusInput(e.currentTarget);return}i(!0),null==n||n(!0),focusInput(e.currentTarget)},[t]);return(0,d.useEffect)(()=>{i(o)},[o]),d.createElement(a.x,{ref:p,onClick:u,className:"textField_wrapper",component:s?"label":"div",htmlFor:s},"function"==typeof l?l({shrink:!!t,hasIcon:r}):l)},TextFieldIcon=({Icon:e})=>{let{shrink:t,setHasIcon:o}=(0,d.useContext)(h),n=(0,r.rZ)();return(0,d.useEffect)(()=>{e&&o(!0)},[]),e?d.createElement(e,{className:`icon ${t?"shrink":""}`,shrink:t,size:24,color:n.colors.gray[9]}):null};TextField.Control=TextFieldControl,TextField.Icon=TextFieldIcon;let ChoiceField=e=>{let{children:t,className:o}=e,n=(0,s._)(e,["children","className"]);return d.createElement(C,Object.assign({className:(0,i.default)(o,"choiceField")},n),t)};var I=Object.freeze({__proto__:null,TextField:TextField,TextFieldControl:TextFieldControl,TextFieldIcon:TextFieldIcon,ChoiceField:ChoiceField})},ukQP:function(e,t,o){o.d(t,{C:function(){return CardPost},S:function(){return SourceList},V:function(){return VerifiedTag},a:function(){return CardPostPopoverMore},b:function(){return CardReply},c:function(){return CardReplyPopover}});var n=o("HJpP"),i=o("q1tI"),a=o("+6Eu"),r=o("ake8"),l=o("L+vc"),s=o("ns0B"),d=o.n(s),c=o("NeT8"),p=o("Y5X8"),u=o("f2kC"),m=o("aZjv"),g=o("Xfk/"),h=o("WRu3"),v=o("rBCA"),b=o("Efqo"),y=o("iBNF"),x=o("Ifaq"),f=o("IQVP"),w=o("BucA"),E=o("NJlO"),k=o("CVd5"),C=o("gRZs"),I=o("MJ9g"),T=o("16VF"),S=o("vWP/"),P=o("VLUI"),_=o("h84G"),N=o("MZpI"),B=o("QaGV"),j=o("bpvy"),M=o("D/T2"),$=o("oZWv"),z=o("wGwR"),R=o("XwDk"),L=o("xrdX"),O="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e",A="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='3' height='13' fill='none'%3e%3ccircle cx='1.583' cy='6.417' r='1.25' fill='%23595959' transform='rotate(90 1.583 6.417)'/%3e%3ccircle cx='1.583' cy='1.417' r='1.25' fill='%23595959' transform='rotate(90 1.583 1.417)'/%3e%3ccircle cx='1.583' cy='11.417' r='1.25' fill='%23595959' transform='rotate(90 1.583 11.417)'/%3e%3c/svg%3e",D="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M2 4h12'/%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.333 4V2.667a1.333 1.333 0 0 1 1.334-1.334h2.666a1.334 1.334 0 0 1 1.334 1.334V4m2 0v9.333a1.334 1.334 0 0 1-1.334 1.334H4.667a1.334 1.334 0 0 1-1.334-1.334V4zM6.667 7.333v4M9.333 7.333v4'/%3e%3c/svg%3e";let CardPostPopoverMore=({authorEmail:e,onDeletePost:t,shareUrl:o,post:a,className:r="",popoverClassName:s="",onEditPost:d})=>{let{data:{locale:v,userInfo:b,env:{isMarryBaby:y}}}=(0,i.useContext)(g.T),{t:x}=(0,l.u)(),[f,w]=(0,i.useState)(!1),[E,k]=(0,i.useState)(!1),[C,I]=(0,i.useState)(!1),{authActionWrapper:T}=(0,m.iV)(),S=e&&(null==b?void 0:b.email)&&e===String(null==b?void 0:b.email);return i.createElement("div",{className:r,onClick:e=>{e.preventDefault(),e.stopPropagation()}},C&&i.createElement(c.S,{url:o,text:null==a?void 0:a.title,onClose:()=>I(!1)}),E&&i.createElement(c.P,{thumbnail:p.C.getAssetPath("trash-bin.svg"),isThumbnailIcon:!0,title:x("popup.deletePost.title"),description:x("popup.deletePost.description"),acceptText:x("popup.deletePost.accept"),cancelText:x("popup.deletePost.cancel"),onAccept:()=>(0,n.a)(void 0,void 0,void 0,function*(){if((null==a?void 0:a.id)&&!f){w(!0);try{let e=yield(0,c.h)({id:a.id,locale:v});(null==e?void 0:e.status)===1&&(null==t||t())}catch(e){}w(!1)}}),onClose:()=>k(!1)}),i.createElement(h.b,{className:s,toggleButtonContent:i.createElement("img",{src:y?O:A,loading:"lazy"}),position:"bottom",align:"end",buttonProps:{isLoading:f},data:S?{isShowheader:!1,type:"list",list:[{icon:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M7.17 3.236H2.995a1.193 1.193 0 0 0-1.193 1.192v8.35a1.193 1.193 0 0 0 1.193 1.192h8.35a1.193 1.193 0 0 0 1.192-1.192V8.603'/%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M11.643 2.341a1.265 1.265 0 0 1 1.789 1.79L7.766 9.795l-2.385.596.596-2.385z'/%3e%3c/svg%3e",label:x("actionPopover.edit"),onClick:d},{icon:D,label:x("actionPopover.delete"),onClick:()=>{T(()=>k(!0))}}]}:{isShowheader:!1,type:"list",list:[{icon:c.i,label:x("morePopover.report"),subTree:{title:x("morePopover.report.title"),description:x("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(u.R).map(e=>({label:u.R[e].label,reason:u.R[e].reportReasonText,reasonValue:e})).map(e=>({label:x(e.label),subTree:{title:x("morePopover.reportSubmit.title"),description:x("morePopover.reportSubmit.description"),isShowheader:!0,type:"jsx",jsxRenderer:t=>i.createElement(c.b,{reason:e.reasonValue,reasonText:x(e.reason),postId:null==a?void 0:a.id,onClose:()=>t&&t(!1)})}}))}}]}}))},F=v.Z.div`
  position: relative;
  margin-bottom: 24px;
  background: white;
  border-radius: ${y.r.borderRadius};

  a {
    text-decoration: none;
  }

  ${b.M.mbDown} {
    margin-bottom: 8px;
  }
  &.flat-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .post-pin {
    padding: 0.5rem 1rem;
    border-radius: ${y.r.borderRadius} 6px 0 0;
  }
  .post-author {
    display: flex;
    align-items: center;
    justify-content: space-between;
    &.comment {
      padding-right: 2.6rem;
    }
    .author-avatar-wrapper {
      width: 40px;
      height: 40px;
      font-size: 20px;
      ${b.M.mbDown} {
        width: 32px;
        height: 32px;
        font-size: 16px;
      }
    }
  }
  .post-content-link-wrapper {
    color: inherit;
    cursor: pointer;
    .post-content-title {
      padding: 1rem 1rem 0;
      word-break: break-word;
    }
  }
  .social-preview-wrapper.has-image {
    margin-bottom: 5px;
  }
  .social-preview-wrapper,
  .image-preview-wrapper,
  .link-preview-wrapper {
    width: 100%;
    &[data-is-reply='true'] {
      padding-right: 1rem;
      padding-left: 1rem;
    }
  }
  .post-topics {
    padding: 0 1rem;
  }

  .post-reaction {
    background: none;
    border-radius: 0 0 6px 6px;
    &.hide-top-border {
      ::before {
        display: none;
      }
    }
  }
  .most-engaging-wrapper {
    padding: 1rem;
    cursor: pointer;
    .author-avatar-wrapper {
      width: 2rem;
      height: 2rem;
      font-size: 1rem;
    }
    .see-more-comments {
      width: 100%;
      padding: 12px 0 0;
      text-align: unset;
    }
  }
  &[data-most-engaging='true'] {
    border: none;
    ${b.M.mbDown} {
      margin: 1rem;
      border: 1px solid #e4e8ec;
    }
  }
  .top-divider {
    border-color: #e4e8ec;
  }
  .popover {
    .popover-menu__btn {
      display: flex;
      width: 1.5rem;
      height: 1rem;
      align-items: center;
      justify-content: center;
      padding: 0;
      background: transparent;

      &:hover {
        background-color: transparent;
      }
    }
    .popover-menu__content {
      &.--position-bottom {
        &.--align-end {
          &::before {
            right: 12.5px;
          }
        }
      }
    }
  }

  &[data-is-marrybaby='true'] {
    border: 1px solid #f3f3f3;
    border-radius: 1rem;
    /* shadow */

    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
    .image-preview-wrapper,
    .link-preview-wrapper {
      padding-right: 1rem;
      padding-left: 1rem;
    }
    .popover {
      .popover-menu__btn {
        width: 24px;
        height: 24px;
        ${b.M.mbDown} {
          width: 18px;
          height: 18px;
        }
      }
      .popover-menu__content {
        &.--position-bottom {
          &.--align-end {
            &::before {
              right: 1rem;
            }
            width: 350px;
            ${b.M.mbDown} {
              max-width: calc(320px - 2rem);
            }
          }
        }
      }
    }
    .most-engaging-wrapper {
      position: relative;
      padding: 0;
      &::before {
        position: absolute;
        z-index: 5;
        top: 0;
        left: 50%;
        width: calc(100% - 2rem);
        height: 1px;
        background: #f3f3f3;
        content: ' ';
        transform: translateX(-50%);
      }
    }
    ${b.M.mbDown} {
      margin-bottom: 12px;
    }
  }
`;var Z="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M12 13.333 8 10.37l-4 2.963V3.852c0-.314.12-.616.335-.838.214-.222.505-.347.808-.347h5.714c.303 0 .594.125.808.347s.335.524.335.838z'/%3e%3c/svg%3e";let CardReplyPopover=({onDeleteComment:e,commentId:t,className:o="",popoverClassName:a=""})=>{let{data:{env:{isMarryBaby:r},locale:s},action:{pushNotifications:d}}=(0,i.useContext)(g.T),{t:p}=(0,l.u)(),[u,v]=(0,i.useState)(!1),{authActionWrapper:b}=(0,m.iV)();return i.createElement("div",{className:o,onClick:e=>{e.preventDefault(),e.stopPropagation()}},u&&i.createElement(c.P,{thumbnail:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3e%3cg stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3e%3cpath d='M2 4.008h12m-8.667 0V2.675a1.333 1.333 0 0 1 1.334-1.333h2.666a1.333 1.333 0 0 1 1.334 1.333v1.333m2 0v9.334a1.333 1.333 0 0 1-1.334 1.333H4.667a1.333 1.333 0 0 1-1.334-1.333V4.008zm-6 3.334v4m2.666-4v4'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 .008h16v16H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",isThumbnailIcon:!0,title:p("popup.deleteComment.title"),description:p("popup.deleteComment.description"),acceptText:p("popup.deletePost.accept"),cancelText:p("popup.deletePost.cancel"),onAccept:()=>(0,n.a)(void 0,void 0,void 0,function*(){var o;if(!t)return;let n=yield(0,c.j)({id:t,locale:s});(null==n?void 0:n.status)===1?(e&&e(),d({title:"",message:p("notification.success"),type:"success"})):d({title:"",message:(null===(o=null==n?void 0:n.messages)||void 0===o?void 0:o[0])||p("notification.failure"),type:"danger"})}),onClose:()=>v(!1)}),i.createElement(h.b,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:[{icon:D,label:p("actionPopover.delete"),onClick:()=>{b(()=>{v(!0)})}}]},className:a,toggleButtonContent:i.createElement("img",{src:r?O:A,loading:"lazy"}),buttonProps:{}}))},H=v.Z.div`
  .add-link {
    color: ${y.r.colors.primaryBase};
  }
`,U=v.Z.div`
  margin: 16px 0;
  background: ${y.r.colors.yellow50};
  padding: 5px 10px;
  border-radius: 2px;

  .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
  }
`,V=v.Z.div`
  display: flex;
  align-items: center;
  gap: 8px;
`,W=v.Z.div`
  padding: 8px 16px;
`,G=v.Z.div`
  margin-bottom: 12px;
  width: 100%;
`,q=v.Z.div``,X=v.Z.div`
  margin-bottom: 16px;
`,J=v.Z.div`
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  ${b.M.tdUp} {
    align-items: center;
    column-gap: 24px;
  }
`,Q=v.Z.a`
  display: flex;
  align-items: center;
  gap: 16px;
  ${b.M.mbDown} {
    width: 100%;
    justify-content: space-between;
  }
`,Y=v.Z.div`
  display: flex;
  align-items: center;
  gap: 16px;
`,K=v.Z.div`
  border-radius: ${y.r.borderRadius};
  overflow: hidden;
  width: 48px;
  height: 48px;
  img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
`,RecommentCategories=({categories:e})=>{let{t}=(0,l.u)(),{data:{locale:o,env:{isMarryBaby:n}}}=(0,i.useContext)(g.T),a=(0,R.g)(o,n);return i.createElement(q,null,i.createElement(X,null,i.createElement(r.H,{tag:"h6",as:"h5"},t("cardReply.recommentCategories.heading"))),i.createElement(J,null,e.map(e=>i.createElement(Q,{href:a+e.permalink,key:String(e.termId),target:"_blank"},i.createElement(Y,null,i.createElement(K,null,i.createElement("img",{src:e.featureImage||p.C.getAssetPath(n?"mb-logo.svg":"/logo/logomark.png"),alt:e.displayName,loading:"lazy"})),i.createElement($.T,{size:"s3",weight:"bold"},e.displayName)),i.createElement(P.Z,{size:20,color:y.r.colors.gray400})))))},ee=v.Z.a`
  padding: 12px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-top: 1px solid ${y.r.colors.neutral100};
  text-decoration: none;

  &:first-child {
    border-top: 0;
  }
`,SourceItem=({postTitle:e,articleReviewed:t,modifiedTime:o,href:n})=>{let{t:a}=(0,l.u)(),r=(()=>{let{expert:e,editor:o,is_author:n}=t;if(e){let t={name:e.display_name,role:"expert",avatar:e.avatar};return n?Object.assign({title:a("articleAuthor.title.written-by")},t):"expert"===e.role?Object.assign({title:a("articleAuthor.title.expert")},t):Object.assign({title:a("articleAuthor.title.medical")},t)}if(o)return{title:a("articleAuthor.title.fact-check"),name:o.display_name,avatar:o.avatar}})();return i.createElement(ee,{href:n,title:e,target:"_blank"},i.createElement($.T,{size:"s3",as:"h5",weight:"bold"},e),i.createElement("div",null,i.createElement(E.C,{avatar:null==r?void 0:r.avatar,avatarProps:{size:32},name:null==r?void 0:r.name,role:null==r?void 0:r.role,hideBackground:!0},i.createElement(E.C.SubTextRow,null,i.createElement(E.C.SubText,null,null==r?void 0:r.title," ",i.createElement("span",{style:{color:y.r.colors.gray800}},null==r?void 0:r.name)),i.createElement(E.C.SubDivider,null),i.createElement(E.C.SubText,null,o)))))};var et={header:"F4mmgSy",chevron:"A7QrQ7A"};let SourceList=e=>{var{listUrl:t,hideSourceList:o,categorySlug:s,editMode:d,collapseSource:c,onListChange:u,isMarryBaby:m}=e,h=(0,n._)(e,["listUrl","hideSourceList","categorySlug","editMode","collapseSource","onListChange","isMarryBaby"]);let{t:v}=(0,l.u)(),[b,w]=(0,i.useState)(t||[]),[E,k]=(0,i.useState)([]),[C,I]=(0,i.useState)([]),[T,P]=(0,i.useState)(!1);(0,i.useEffect)(()=>{o||(0,n.a)(void 0,void 0,void 0,function*(){P(!0);let e=b.map(e=>{let t=new URL(e),o=String(t.pathname).split("/").filter(e=>""!=e),n=t.origin,i=-1!==n.search("marrybaby.vn");return{isMarrySite:i,path:o[o.length-1],href:e}}),t=[...e.map(e=>(0,g.c)(e.isMarrySite?(0,g.s)(f.D9.GET_PREVIEW_ARTICLE,{fullSlug:e.path},!0):(0,g.g)(f.D9.GET_PREVIEW_ARTICLE,{fullSlug:e.path},!0),"GET"))],o=yield Promise.all(t);k(o.map((t,o)=>{var n,i;return(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.post)&&Object.assign(Object.assign({},(0,x.b)(null===(i=null==t?void 0:t.data)||void 0===i?void 0:i.post)),{href:e[o].href})}).filter(Boolean)),P(!1)})},[]),(0,i.useEffect)(()=>{!o&&(null==E?void 0:E.length)===0&&s&&(0,n.a)(void 0,void 0,void 0,function*(){var e;let t=yield(0,g.c)(m?(0,g.s)(f.D9.GET_CATEGORY_OR_ARTICLE_DETAIL,{fullSlug:s},!0):(0,g.g)(f.D9.GET_CATEGORY_OR_ARTICLE_DETAIL,{fullSlug:s},!0),"GET");(null==t?void 0:t.data)&&I([(0,x.h)(null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.category)])})},[E]);let handleRemoveItem=e=>{w(t=>{let o=[...t];return o.splice(e,1),o}),k(t=>{let o=[...t];return o.splice(e,1),o})};return(0,i.useEffect)(()=>{null==u||u(b)},[b]),i.createElement("div",Object.assign({},h),!d&&i.createElement(U,null,i.createElement("img",{className:"icon",src:p.C.getAssetPath("warning.svg"),alt:"warning",style:{marginBottom:"3px",width:"18px"},loading:"lazy"}),i.createElement($.T,{size:"s3",as:"span",dangerouslySetInnerHTML:{__html:v("cardReply.disclaimer")}})),o?null:T?i.createElement(z.L,null):E.length>0||d?i.createElement(H,null,i.createElement(j.U,{defaultValue:!c&&"accordion",styles:{control:{borderRadius:"inherit",'&[aria-expanded="false"]':{borderBottom:0}},chevron:{width:"32px",height:"32px"},content:{padding:0,borderBottom:0,borderTop:`1px solid ${y.r.colors.neutral100}`},item:{marginBottom:"16px",borderTopLeftRadius:"8px",borderTopRightRadius:"8px",border:`1px solid ${y.r.colors.neutral100}`,borderBottomLeftRadius:"8px",borderBottomRightRadius:"8px","&[data-active]":{borderBottomLeftRadius:0,borderBottomRightRadius:0}}},chevron:i.createElement("div",{className:et.chevron},i.createElement(_.Z,{color:y.r.colors.gray600,size:20}))},i.createElement(j.U.Item,{value:"accordion"},i.createElement(j.U.Control,null,i.createElement("div",{className:et.header},i.createElement(r.H,{as:"h4",tag:"h6"},v("cardReply.source")))),i.createElement(j.U.Panel,null,i.createElement(W,null,(E||[]).map((e,t)=>i.createElement(V,{key:String(t)},"object"==typeof e?i.createElement(SourceItem,Object.assign({},e)):i.createElement(G,null,i.createElement(M.I,{style:{width:"100%"},name:"source-list",value:e||"",size:"sm",onChange:e=>{w(o=>{let n=[...o];return n[t]=e,n}),k(o=>{let n=[...o];return n[t]=e,n})}})),d&&i.createElement(a.B,{size:"md",color:"transparent",icon:i.createElement(N.Z,null),onClick:()=>handleRemoveItem(t)}))),d&&i.createElement(a.B,{className:"add-link",color:"transparent",size:"md",icon:i.createElement(S.Z,{color:y.r.colors.primaryBase,size:18}),onClick:()=>{w(e=>[...e,""]),k(e=>[...e,""])}},"Add source")))))):i.createElement(RecommentCategories,{categories:C}))},eo=v.Z.div`
  position: relative;
  margin-bottom: 0;
  background: white;
  border-radius: ${y.r.borderRadius};

  .verify-tag {
    margin-top: 12px;
  }

  .post-author {
    &.with-popover {
      padding-right: 2.6rem;
    }
    .author-avatar-wrapper {
      width: 40px;
      height: 40px;
      font-size: 20px;
      ${b.M.mbDown} {
        width: 32px;
        height: 32px;
        font-size: 16px;
      }
    }
  }
  .image-preview-wrapper,
  .link-preview-wrapper {
    width: 100%;
    &[data-is-reply='true'] {
      padding-right: 1rem;
      padding-left: 1rem;
    }
  }
  .post-reaction {
    background: none;
    border-radius: 0 0 6px 6px;
  }
  &[data-is-reply='true'] {
    > .post-author .author-avatar-wrapper {
      width: 20px;
      height: 20px;
      font-size: 10px;
    }
  }
  &[data-is-reply='false'] {
    border: 1px solid #e4e8ec;
  }
  .expert-wrapper {
    width: 100%;
  }
  &[data-has-booking='true'] {
    display: grid;
    .post-author {
      background-color: ${y.r.colors.primary50};
    }
    .btn-wrapper {
      padding: 0 16px;
      .btn-booking {
        width: 100%;
        margin: 12px 0;
      }
    }
  }

  .comment-reply-wrapper {
    padding: 0 1rem;
    .more-cmt {
      .chevron-right {
        height: 1rem;
        width: 1rem;
        vertical-align: middle;
      }
    }
  }
  .top-divider {
    border-color: #e4e8ec;
  }
  .popover {
    position: absolute;
    top: 1.5rem;
    right: 1rem;
    .popover-menu__btn {
      display: flex;
      width: 1rem;
      height: 1rem;
      align-items: center;
      justify-content: center;
      padding: 0;
      background: transparent;

      &:hover {
        background-color: transparent;
      }

      .popover-menu__content {
        &.--position-bottom {
          &.--align-end {
            &::before {
              right: 12.5px;
            }
          }
        }
      }
    }
  }

  &[data-is-marrybaby='true'] {
    &[data-is-reply='false'] {
      border: none;
    }
    .image-preview-wrapper,
    .link-preview-wrapper {
      padding-right: 1rem;
      padding-left: 1rem;
    }
    .popover {
      .popover-menu__btn {
        width: 24px;
        height: 24px;
      }
    }

    margin-left: 56px;
    ${b.M.mbDown} {
      margin-left: 40px;
    }
    > .post-author {
      margin-left: -56px;
      ${b.M.mbDown} {
        margin-left: -40px;
      }
      .author-info {
        align-items: center;
        display: flex;
        align-items: center;
        .author-info-top {
          width: 100%;
        }
        .author-info-text-wrapper {
          justify-content: space-between;
        }
      }
      .author-avatar-wrapper {
        width: 40px;
        height: 40px;
        font-size: 20px;
        ${b.M.mbDown} {
          width: 24px;
          height: 24px;
          font-size: 12px;
        }
      }
    }
    &[data-is-reply] {
      > .post-author {
        .author-avatar-wrapper {
          width: 40px;
          height: 40px;
          font-size: 20px;
          ${b.M.mbDown} {
            width: 24px;
            height: 24px;
            font-size: 12px;
          }
        }
      }
    }

    .comment-reply-wrapper {
      padding-right: 0;
      padding-left: 0;
    }
    .post-reaction {
      &::after {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: calc(100% - 2rem);
        height: 1px;
        background: #f3f3f3;
        content: ' ';
        transform: translateX(-50%);
      }
    }
    .post-content-wrapper {
      padding-top: 0;
      padding-bottom: 0;
      ${b.M.mbDown} {
        padding-left: 0.5rem;
      }
    }

    ${b.M.mbDown} {
      margin-bottom: 12px;
    }
  }
`,en=(0,v.Z)(SourceList)`
  margin-top: 12px;
  padding: 0.5rem 1rem 1rem;
`,VerifiedTag=({userId:e,avatar:t,name:o,role:n,title:r,className:s})=>{let{t:d}=(0,l.u)(),[c,p]=(0,i.useState)(!1);return i.createElement(i.Fragment,null,i.createElement(a.B,{className:`-dzIuHr ${s}`,color:"success",size:"xs",onClick:()=>p(!0),style:{padding:"5px 8px",marginBottom:"12px",borderRadius:"4px"}},i.createElement("span",{className:"text"},i.createElement(B.Z,{isSolid:!0,size:18,color:y.r.colors.green800,className:"icon"}),d("cardReply.verifyBy",{name:`${o||""}`}))),i.createElement(E.c,{open:c,onClose:()=>p(!1),profileModalProps:{zIndex:1e3}},i.createElement(k.a,{authorProps:{userId:e,avatar:t,name:o,role:n,title:r},hideQuestionTab:!0})))},CardReply=({className:e,style:t,comment:o,type:r="comment",level:s=0,replyingId:d,onPostCommentSuccess:p,post:u,onDeleteComment:v,refetchComment:b,hasQuickBookingEnable:y,handleMakeAppointment:x,cardAuthorProps:I,maxChars:S=600,disableShortenContent:P})=>{var _,N,B,j,M,$,z,R,O,A,D,F,Z;let{data:{locale:H,userInfo:U,env:{isMarryBaby:V}}}=(0,i.useContext)(g.T),{t:W}=(0,l.u)(),[G,q]=(0,i.useState)(o||null),{id:X,countLikes:J,content:Q,replies:Y=[],images:K=[],author:ee,liked:et,link:ei,mentionedUser:ea,mentions:er}=G,{text:el,replyingTo:es}=(0,c.k)(Q),{authActionWrapper:ed}=(0,m.iV)({_joinCommunityIds:[null===(_=null==u?void 0:u.community)||void 0===_?void 0:_.id],_joinTopicIds:null===(N=null==u?void 0:u.topics)||void 0===N?void 0:N.map(e=>e.id)}),[ec,ep]=(0,i.useState)(4),eu=null!=U&&!!U.id&&(null==Y?void 0:Y.some(e=>e.author.id===U.id)),addNewReply=e=>{q(t=>{if(!t.replies.find(t=>t.id===e.id)){t.replies.unshift(e);let o=Object.assign(Object.assign({},t),{replies:t.replies.slice(),countReplies:t.countReplies+1});return b&&b(o),o}return t})},[em,eg]=(0,i.useState)(!1),eh=(0,i.useMemo)(()=>"comment"===r&&Y&&0!=Y.length?Y.sort((e,t)=>{let o=new Date(e.createdAt).getTime(),n=new Date(t.createdAt).getTime();return o>n?-1:o<n?1:0}):Y,[r,Y]),ev=(null==Y?void 0:Y.length)||0,eb=String(null==ee?void 0:ee.email)&&(null==U?void 0:U.email)&&String(null==ee?void 0:ee.email)===String(null==U?void 0:U.email),ey=(null==ee?void 0:ee.name)||(null==ee?void 0:ee.username)||"",ex=(null==ee?void 0:ee.username)||(null==ee?void 0:ee.name)||"",ef=null==ee?void 0:ee.avatar,ew=(null==u?void 0:u.isAnonymous)?void 0:null==ee?void 0:ee.role,eE=[...(null==u?void 0:u.isAnonymous)?[{id:(null===(B=null==u?void 0:u.author)||void 0===B?void 0:B.id)||0,name:W("cardPost.anonymous")}]:[],...er||[]],[ek,eC]=(0,i.useState)(null),[eI,eT]=(0,i.useState)(null);(0,i.useEffect)(()=>{var e,t;(null==ee?void 0:ee.hospitalId)&&(e=ee.hospitalId,(0,n.a)(void 0,void 0,void 0,function*(){var t;let o=yield(0,g.c)((0,g.b)(f.tC.GET_HOSPITAL_INFO,{hospital_branch_id:e,website_url:L.v[H]}),"get");(null===(t=null==o?void 0:o._data)||void 0===t?void 0:t.branch)&&eC(null==o?void 0:o._data.branch)})),(null==ee?void 0:ee.doctorId)&&(t=ee.doctorId,(0,n.a)(void 0,void 0,void 0,function*(){var e;let o=yield(0,g.c)((0,g.b)(f.tC.GET_DOCTOR_INFO,{doctorId:t,website_url:L.v[H]}),"get");(null===(e=null==o?void 0:o._data)||void 0===e?void 0:e.doctor)&&eT(null==o?void 0:o._data.doctor)}))},[ee.hospitalId,ee.doctorId]);let eS=(null==eI?void 0:eI.valid_outpatient)||(null==eI?void 0:eI.valid_telemedicine),eP=((null==ek?void 0:ek.total_available_service)||(null==ek?void 0:ek.total_available_doctor))>0,e_=y&&(eS||eP),eN=(null===(j=null==G?void 0:G.author)||void 0===j?void 0:j.type)==="chatbot";return i.createElement(m.I_,{defaultParams:{_joinCommunityIds:[null===(M=null==u?void 0:u.community)||void 0===M?void 0:M.id],_joinTopicIds:null===($=null==u?void 0:u.topics)||void 0===$?void 0:$.map(e=>e.id)}},i.createElement(eo,{className:e,style:t,"data-is-reply":!!s,"data-is-marrybaby":V,"data-has-booking":e_},"reply"===r&&i.createElement(T.D,{className:"top-divider",type:"solid"}),i.createElement("div",{style:{padding:"16px 16px 0"}},i.createElement(E.C,Object.assign({avatar:ef,name:ey,username:ex,timeText:null==u?void 0:u.createdTime,community:null==u?void 0:u.community,className:`post-author ${eb?"with-popover":""}`,type:r,userId:null==ee?void 0:ee.id,role:ew,expertId:null==ee?void 0:ee.partnerId,title:null==ee?void 0:ee.title,doctorId:null==ee?void 0:ee.doctorId,hospitalId:null==ee?void 0:ee.hospitalId,hasQuickBooking:e_,handleMakeAppointment:x,isAnonymous:(null==G?void 0:G.isAnonymous)||!!(null==u?void 0:u.isAnonymous)&&(null===(z=null==u?void 0:u.author)||void 0===z?void 0:z.username)===(null==ee?void 0:ee.username),hideBackground:eN,userType:null==ee?void 0:ee.type},I)),!!(null==G?void 0:G.isVerify)&&!(null==G?void 0:G.isOppose)&&i.createElement(VerifiedTag,{title:null===(R=null==G?void 0:G.userVerify)||void 0===R?void 0:R.title,name:null===(O=null==G?void 0:G.userVerify)||void 0===O?void 0:O.name,userId:null===(A=null==G?void 0:G.userVerify)||void 0===A?void 0:A.id,role:null===(D=null==G?void 0:G.userVerify)||void 0===D?void 0:D.role,avatar:null===(F=null==G?void 0:G.userVerify)||void 0===F?void 0:F.avatar,className:"verify-tag"})),i.createElement(k.P,{className:"post-content-wrapper",replyingTo:es,mentionedUser:ea,description:el,mentions:eE,maxChars:S,disableShortenContent:P}),i.createElement("span",null),i.createElement("span",null),K&&K.length>0?i.createElement("div",{key:"image-preview",className:"image-preview-wrapper","data-is-reply":!0},i.createElement(C.a,{images:K,authorName:null==ee?void 0:ee.username})):null,(!K||0===K.length)&&ei?i.createElement("div",{key:"link-preview",className:"link-preview-wrapper","data-is-reply":!0},i.createElement(w.C,{url:ei})):null,"most-engaging"!==r?i.createElement(i.Fragment,null,eN&&i.createElement(en,{listUrl:null==G?void 0:G.source,categorySlug:null==G?void 0:G.categorySlug}),i.createElement(h.C,{type:h.c.reply,loveCount:J,replyCount:ev,className:"post-reaction",liked:et,isReplied:eu,hideCommentIcon:"reply"===r||eN,hasShare:!1,onCommentClick:()=>ed(()=>eg(e=>!e)),onCommentCountClick:()=>ed(()=>{eg(!0)}),onLikeClick:()=>ed(()=>(0,n.a)(void 0,void 0,void 0,function*(){if(X){let e=yield(0,c.l)({commentId:X,setLike:!et,locale:H});1===e.status&&q(e=>Object.assign(Object.assign({},e),{liked:!et,countLikes:e.countLikes+(et?-1:1)}))}}))}),em&&i.createElement(c.I,{replyingId:d||G.id,replyToName:ey,isReply:!0,onClose:()=>eg(!1),onPostSuccess:e=>{"reply"===r?p&&p(e):addNewReply(e)},post:u,replyingUser:ee}),"comment"===r&&Y&&Y.length>0?i.createElement("div",{className:"comment-reply-wrapper"},null===(Z=null==eh?void 0:eh.slice(0,ec))||void 0===Z?void 0:Z.map(e=>i.createElement(CardReply,{key:e.id,comment:e,type:"reply",className:"comment-reply-item",level:s+1,replyingId:X,onPostCommentSuccess:addNewReply,post:u,onDeleteComment:()=>{q(t=>Object.assign(Object.assign({},t),{replies:t.replies.filter(t=>t.id!==e.id),countReplies:t.countReplies-1}))},handleMakeAppointment:x,hasQuickBookingEnable:y})),ev>ec&&i.createElement(i.Fragment,null,i.createElement(T.D,{className:"top-divider",type:"solid"}),i.createElement(a.B,{className:"more-cmt",size:"lg",color:"ghost",onClick:()=>ep(e=>e+4)},W("comment.seeMoreReplies",{count:ev-ec}),i.createElement("img",{className:"chevron-right",src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%232D87F3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 12 4-4-4-4'/%3e%3c/svg%3e",loading:"lazy"})))):null):null,eb&&i.createElement(CardReplyPopover,{onDeleteComment:v,className:"popover",commentId:G.id})))},getMostEngagingComment=(e,t)=>(0,n.a)(void 0,void 0,void 0,function*(){var o,n,i;let a=yield(0,g.t)((0,g.f)(f.yy.COMMENT.LIST,{postId:e,_locale:t,sort:"popularity",perPage:1,withoutReply:1}),"GET");return null===(i=null===(n=null===(o=null==a?void 0:a.data)||void 0===o?void 0:o.comments)||void 0===n?void 0:n.map(x.g))||void 0===i?void 0:i[0]}),CardPost=({className:e,style:t,hideViewMoreComment:o,showMostEngaging:s,onCommentClick:p,onCommentCountClick:v,onMostEngagingCommentClick:b,onPostCommentSuccess:y,disableCardLink:x,disableShortenContent:T,onDeletePost:S,onEditPost:P,post:_,mostEngagingComment:N,onDeleteComment:B,showInputComment:j,InlineCommentsComponent:M,hasQuickBookingEnable:$,handleMakeAppointment:z,onSaveUnsaveSuccess:R,cardAuthorProps:L,verticalReactions:O=!1})=>{let[A,D]=(0,i.useState)(_),[H,U]=(0,i.useState)(!1),[V,W]=(0,i.useState)(N),{community:G,topics:q,author:X,slug:J,isPin:Q,liked:Y,photos:K,mentions:ee,title:et,description:eo,previewUrl:en,likesCount:ei,commentsCount:ea,id:er,commented:el}=A,{data:{locale:es,togetherUserId:ed,userInfo:ec,env:{isMarryBaby:ep,togetherBasePath:eu}},action:{pushNotifications:em}}=(0,i.useContext)(g.T),eg=!!(null==ec?void 0:ec.id),{t:eh}=(0,l.u)(),[ev,eb]=(0,i.useState)(j),ey=`${eu}/${(null==G?void 0:G.slug)||"_"}/${J||""}`,ex=`${(0,g.l)(es)}${ey}`,{authActionWrapper:ef}=(0,m.iV)((null==G?void 0:G.slug)?{_joinCommunityIds:[G.id],_joinTopicIds:null==q?void 0:q.map(e=>e.id)}:void 0),[ew,eE]=(0,i.useState)(!1);(0,i.useEffect)(()=>{eb(j)},[j]);let ek=(null==X?void 0:X.name)||(null==X?void 0:X.username)||"",eC=(null==X?void 0:X.username)||(null==X?void 0:X.name)||"",eI=null==X?void 0:X.avatar,eT=(null==A?void 0:A.isAnonymous)?void 0:null==X?void 0:X.role,[eS,eP]=(0,i.useState)(null),[e_,eN]=(0,i.useState)(null);(0,i.useEffect)(()=>{var e,t;(null==X?void 0:X.hospitalId)&&(e=X.hospitalId,(0,n.a)(void 0,void 0,void 0,function*(){var t;let o=yield(0,g.c)((0,g.b)(f.tC.GET_HOSPITAL_INFO,{hospital_branch_id:e,website_url:g.m[es]}),"get");(null===(t=null==o?void 0:o._data)||void 0===t?void 0:t.branch)&&eP(null==o?void 0:o._data.branch)})),(null==X?void 0:X.doctorId)&&(t=X.doctorId,(0,n.a)(void 0,void 0,void 0,function*(){var e;let o=yield(0,g.c)((0,g.b)(f.tC.GET_DOCTOR_INFO,{doctorId:t,website_url:g.m[es]}),"get");(null===(e=null==o?void 0:o._data)||void 0===e?void 0:e.doctor)&&eN(null==o?void 0:o._data.doctor)}))},[X.hospitalId,X.doctorId]);let eB=(null==e_?void 0:e_.valid_outpatient)||(null==e_?void 0:e_.valid_telemedicine),ej=((null==eS?void 0:eS.total_available_service)||(null==eS?void 0:eS.total_available_doctor))>0;(0,i.useEffect)(()=>{(0,n.a)(void 0,void 0,void 0,function*(){if(er&&ea&&s&&!(null==N?void 0:N.id)){let e=yield getMostEngagingComment(er,es);W(e)}})},[er,es,ea,s,null==N?void 0:N.id]),(0,i.useEffect)(()=>{W(N)},[null==N?void 0:N.id]);let onDeleteComment=e=>(0,n.a)(void 0,void 0,void 0,function*(){if(ea>1&&(null==V?void 0:V.id)&&(null==V?void 0:V.id)===(null==e?void 0:e.id)){let e=yield getMostEngagingComment(er,es);W(e)}D(e=>Object.assign(Object.assign({},e),{commentsCount:e.commentsCount-1})),B&&B(e)});return i.createElement(m.I_,{defaultParams:(null==G?void 0:G.slug)?{_joinCommunityIds:[G.id],_joinTopicIds:null==q?void 0:q.map(e=>e.id)}:void 0},H&&i.createElement(c.S,{url:ex,avatar:u.a,text:et,onClose:()=>U(!1)}),i.createElement(F,{className:e,style:t,"data-is-marrybaby":ep},Q?i.createElement(h.a,{className:"post-pin"}):null,i.createElement("div",{style:{position:"relative",padding:"1rem 1rem 0"}},i.createElement(E.C,Object.assign({avatar:eI,name:ek,username:eC,url:x?void 0:ey,community:G,timeText:null==A?void 0:A.createdTime,className:"post-author",role:eT,userId:null==X?void 0:X.id,expertId:null==X?void 0:X.partnerId,doctorId:null==X?void 0:X.doctorId,hospitalId:null==X?void 0:X.hospitalId,title:null==X?void 0:X.title,hasQuickBooking:$&&(eB||ej),handleMakeAppointment:z,"data-testid":"name",isAnonymous:!!(null==A?void 0:A.isAnonymous),extendEle:i.createElement(CardPostPopoverMore,{authorEmail:String(null==X?void 0:X.email),onDeletePost:S,shareUrl:ex,post:A,className:"popover",onEditPost:P})},L))),i.createElement("a",{href:x?void 0:ey,className:"post-content-link-wrapper"},et&&i.createElement(r.H,{className:"post-content-title",as:"h2",tag:"h5",fontWeight:"bold","data-testid":"Title of the Post"},d()(et)),i.createElement(k.P,{className:"post-content-wrapper",description:eo,disableShortenContent:T,mentions:ee,"data-testid":"Content of the Post"})),i.createElement("span",null),i.createElement("span",null),i.createElement("div",{key:"tag-topic"},q&&q.length>0?i.createElement(h.T,{topics:q,className:"post-topics"}):null),i.createElement("div",{key:"social-preview"},(null==A?void 0:A.introUrl)?i.createElement("div",{className:`social-preview-wrapper ${(null==K?void 0:K.length)?"has-image":""}`},i.createElement(I.S,{url:A.introUrl,image:A.bannerImage})):null),i.createElement("div",{key:"image-preview"},(null==K?void 0:K.length)?i.createElement("div",{className:"image-preview-wrapper"},i.createElement(C.a,{images:K,authorName:null==X?void 0:X.name,isSensitive:!!(null==A?void 0:A.isSensitive)})):null),i.createElement("div",{key:"link-preview"},(null==A?void 0:A.introUrl)||(null==K?void 0:K.length)||null==en||!en.url?null:i.createElement("div",{className:"link-preview-wrapper"},i.createElement(w.C,{title:en.title,url:en.url,image:en.image}))),i.createElement(h.C,{isMarryBaby:ep,type:h.c.post,loveCount:ei,replyCount:ea,className:`post-reaction ${(null==K?void 0:K.length)||(null==en?void 0:en.url)?"hide-top-border":""}`,liked:ew?!Y:Y,isReplied:el,isSaved:(null==A?void 0:A.bookmarked)||!1,onCommentClick:()=>ef(()=>{p?p():eb(e=>!e)}),onCommentCountClick:()=>{ef(()=>{ep?eb(!0):v?v():x||(window.location.href=ey)})},onShareClick:()=>{U(!0)},onLikeClick:()=>(0,n.a)(void 0,void 0,void 0,function*(){ef(()=>(0,n.a)(void 0,void 0,void 0,function*(){if(er&&!ew){eE(!0);try{let e=yield(0,c.m)({id:er,locale:es});(null==e?void 0:e.status)!==1?em((0,c.g)(eh)):D(e=>Object.assign(Object.assign({},e),{likesCount:(e.likesCount||0)+(e.liked?-1:1),liked:!e.liked}))}catch(e){em((0,c.g)(eh))}eE(!1)}}))}),onSaveClick:()=>{ef(()=>(0,n.a)(void 0,void 0,void 0,function*(){if((null==ec?void 0:ec.id)&&(null==A?void 0:A.id)){if(null==A?void 0:A.bookmarked){let e=yield(0,g.e)((0,g.f)(f.yy.BOOKMARK.DELETE,{_locale:es}),"DELETE",{headers:{"Content-Type":"application/json"},data:{post_id:String(A.id)}});(null==e?void 0:e.status)===1?(em({title:"",message:eh("post.remove.success"),type:"success",displayIcon:Z}),null==R||R()):em({title:"",message:eh("post.remove.failed"),type:"danger",displayIcon:Z})}else{let e=yield(0,g.e)((0,g.f)(f.yy.BOOKMARK.CREATE,{_locale:es}),"POST",{headers:{"Content-Type":"application/json"},data:{user_id:ed||ec.id,post_id:A.id}});(null==e?void 0:e.status)===1?(em({title:"",message:eh("post.save.success"),type:"success",displayIcon:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23595959'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M12 13.333 8 10.37l-4 2.963V3.852c0-.314.12-.616.335-.838.214-.222.505-.347.808-.347h5.714c.303 0 .594.125.808.347s.335.524.335.838z'/%3e%3c/svg%3e"}),null==R||R()):em({title:"",message:eh("post.save.failed"),type:"danger",displayIcon:Z})}}}))},onGoToUrl:e=>{let t=e?`${ex}${e}`:ex;eg?window.location.href=t:ef(()=>window.location.href=t)},showingMostEngaging:!!(s&&(null==V?void 0:V.id)),isVertical:O}),ev&&i.createElement(c.I,{isMainCmt:!j,onClose:()=>eb(!1),onPostSuccess:e=>{0!==ea||(null==V?void 0:V.id)||W(e),D(e=>Object.assign(Object.assign({},e),{commentsCount:e.commentsCount+1,commented:!0})),y&&y(e)},post:A}),s&&(null==V?void 0:V.id)?i.createElement("div",{className:"most-engaging-wrapper",onClick:e=>{b?(e.stopPropagation(),b()):window.location.href=ey}},i.createElement(CardReply,{hasQuickBookingEnable:$,handleMakeAppointment:z,comment:V,post:A,onDeleteComment:()=>{onDeleteComment&&onDeleteComment(V)},className:"most-engaging-comment",type:"most-engaging",key:V.id,cardAuthorProps:L}),ea>1&&!o&&i.createElement(a.B,{className:"see-more-comments",color:"ghost",size:"md"},eh("comment.seeMoreComments",{count:ea-1}))):null,M))}},qVWT:function(e,t,o){o.d(t,{S:function(){return Spoiler}});var n=o("HJpP"),i=o("q1tI"),a=o("uCoU"),r=o("oZWv"),l=o("L+vc"),s=o("iBNF");let Spoiler=e=>{var{children:t,line:o,lineHeight:d,trackingAttributes:c,maxHeight:p,customExpandFn:u}=e,m=(0,n._)(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);let{t:g}=(0,l.u)(),h=(0,i.useMemo)(()=>p||(o&&d?o*d:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0)),[]);t||console.error("[HHG-Comp]:[Spoiler] Please provide children");let v=(0,i.useMemo)(()=>c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{},[c]);return i.createElement(a.o,Object.assign({showLabel:i.createElement(r.T,Object.assign({size:"p3",color:s.r.colors.primaryBase},v,{onClick:u}),g("articlePage.readMore")),hideLabel:i.createElement(r.T,Object.assign({size:"p3",color:s.r.colors.primaryBase},v),g("articlePage.showLess"))},m,{maxHeight:h}),t)}},uAq3:function(e,t,o){o.d(t,{M:function(){return MarryBabyText},a:function(){return MarryBabyHeading}});var n=o("HJpP"),i=o("q1tI"),a=o("rBCA"),r=o("iBNF");let l=(0,a.Z)(e=>{var{type:t}=e,o=(0,n._)(e,["type"]);return i.createElement(t,o)})`
  color: var(--text-color, ${r.r.mbColors.dark});
  font-family: Krub;
  font-weight: 600;
  letter-spacing: -0.2px;

  &[data-type='headline-1'] {
    font-size: 40px;
    line-height: 60px;
  }
  &[data-type='headline-2'] {
    font-size: 32px;
    line-height: 48px;
  }
  &[data-type='headline-3'] {
    font-size: 24px;
    line-height: 40px;
  }
  &[data-type='headline-4'] {
    font-size: 18px;
    line-height: 32px;
  }
`,s=a.Z.p`
  color: var(--text-color, ${r.r.mbColors.dark});
  letter-spacing: -0.2px;

  &[data-type='subtitle-1'] {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
  }
  &[data-type='subtitle-2'] {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }
  &[data-type='subtitle-3'] {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
  }
  &[data-type='bodytext-1'] {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
  }
  &[data-type='bodytext-2'] {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }
  &[data-type='bodytext-3'] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
  }
  &[data-type='caption-1'] {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: -0.1px;
    line-height: 14px;
  }
  &[data-type='caption-2'] {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 14px;
  }
`,MarryBabyHeading=e=>{var{type:t,color:o,style:a}=e,r=(0,n._)(e,["type","color","style"]);return i.createElement(l,Object.assign({type:t,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[t],style:Object.assign(Object.assign({},o&&{"--text-color":o}),a)},r))},MarryBabyText=e=>{var{type:t,color:o,style:a}=e,r=(0,n._)(e,["type","color","style"]);return i.createElement(s,Object.assign({"data-type":t,style:Object.assign(Object.assign({},a),o&&{"--text-color":o})},r))}}}]);