"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8674],{"0sF0":function(e,t,n){n.d(t,{M:function(){return Modal}});var a=n("+MNf"),i=n("q1tI"),o=n("h8tX"),l=n("2is0");let Modal=e=>{var{styles:t,classNames:n,transitionProps:r}=e,s=(0,a._)(e,["styles","classNames","transitionProps"]);let{classes:d}=(0,l.u)(void 0,{name:"Modal",styles:t,classNames:n});return i.createElement(o.u,Object.assign({centered:!0,classNames:d,transitionProps:Object.assign({transition:"fade"},r),trapFocus:!1},s))}},fmxG:function(e,t,n){n.d(t,{M:function(){return ei},S:function(){return SurveyOrPremiumBanner},a:function(){return eo},b:function(){return SideBannerModal}});var a,i,o,l,r,s,d,c=n("q1tI"),p=n("mYVa"),u=n("7Ci/"),m=n("/npG"),g=n("Eso5"),h=n("OAL+"),v=n("SPK5"),b=n("RZSM"),E=n("vaps"),f=n("9n+W"),y=n("DA0W"),C=n("RGvF"),w=n("JZkZ"),x=n("MkcP"),k=n("5SVV"),S=n("9cAc"),T=n("+24l"),I=n("V6kK"),P=n("UIg8"),B=n("+MNf"),O=n("SJO7"),N=n("oxWm"),_=n("mF45"),A=n("eyMb"),R=n("cChf"),M=n("ZFu2"),j=n("u5t1"),L=n("UvOQ"),z=n("UldL"),D=n("mH4H"),$=n("jD9D"),H=n("IQVP"),V=n("J1dS"),F=n("IsoR"),W=n("Nkw6"),U=n("xrdX"),Z=n("GOBr"),G=n("OWiL"),K=n("vWP/"),Y=n("JOTH"),q=n("0sF0"),J=n("JIJ2"),Q=n("TYy9"),X=n.n(Q),ee=n("qPyV"),et=n.n(ee),en=n("nwPE");let ea=[{title:"Health News & Current Affairs",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:k.C.getAssetPath("newsletter-prefer/newsletter-health.svg"),checked:!1,id:1},{title:"Educational Medical Hello Bacsi Content",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:k.C.getAssetPath("newsletter-prefer/newsletter-education.svg"),checked:!1,id:2},{title:"Hello Health Community Feed",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:k.C.getAssetPath("newsletter-prefer/newsletter-community.svg"),checked:!1,id:3}];(a=l||(l={})).Pregnant="pregnant",a.Parenting="parenting",(r||(r={})).Option="option",(i=s||(s={})).Button="button",i.Checkbox="checkbox",(o=d||(d={})).ShowTool="showTool",o.ShowPremiumModal="showPremiumModal",o.ShowOptionBanner="showOptionBanner",o.Hide="hide";let ei={pregnancy:l.Pregnant,parenting:l.Parenting},eo={[l.Pregnant]:"pregnant",[l.Parenting]:"parent"},FLOW=(e,t)=>({[l.Pregnant]:{action:d.ShowOptionBanner,props:{heading:e("pnBanner.pregnancy.heading"),description:e("pnBanner.pregnancy.desc"),styleType:s.Button,thumbnail:{desktop:k.C.getAssetPath("newsletter/banner-option-pregnancy-desktop.png"),mobile:k.C.getAssetPath("newsletter/banner-option-pregnancy-mobile.png")},buttonProps:{variant:"white",styles:e=>({minWidth:(0,p.h)(80),[e.fn.largerThan("sm")]:{minWidth:(0,p.h)(120)}})},items:[{label:e("switchBtn.yes"),value:"yes",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - Yes Click",dataEventLabel:t}},{label:e("switchBtn.no"),value:"no",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - No Click",dataEventLabel:t}}]},submitHandler:{yes:{action:d.ShowTool,props:{value:I.H.DUE_DATE}},no:{action:d.ShowPremiumModal}}},[l.Parenting]:{action:d.ShowOptionBanner,props:{heading:e("pnBanner.parenting.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:k.C.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:k.C.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,styleType:s.Checkbox,items:[{label:e("pnBanner.toddlers"),value:"todders"},{label:e("pnBanner.teenager"),value:"teenager"}],submitBtnTracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the age range of your kids Click",dataEventLabel:t}},submitHandler:{todders:{action:d.ShowTool,props:{value:I.H.BABY_VACCINE}},teenager:{action:d.ShowOptionBanner,props:{styleType:s.Button,heading:e("pnBanner.teenager.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:k.C.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:k.C.getAssetPath("newsletter/banner-option-parenting-mobile.png")},buttonProps:{variant:"white"},items:[{label:e("childCard.boy"),value:"teenager.boy",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Boy Click",dataEventLabel:t}},{label:e("childCard.girl"),value:"teenager.girl",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Girl Click",dataEventLabel:t}}]}},"teenager.boy":{action:d.ShowPremiumModal},"teenager.girl":{action:d.ShowTool,activeTool:P.t.HPV,props:{value:P.t.HPV}},"todders|teenager":{action:d.ShowOptionBanner,props:{styleType:s.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:k.C.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:k.C.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:I.H.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}},{label:e("pnBanner.pn.btnLabel"),value:"todders|teenager.showPN",isPNBtn:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Premium Newsletter Click",dataEventLabel:t}}]}},"todders|teenager.showPN":{action:d.ShowOptionBanner,props:{styleType:s.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:k.C.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:k.C.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:I.H.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}}]}}}}}),TOOL_BANNERS_PROPS=e=>({[I.H.DUE_DATE]:{heading:e("pnBanner.dueDateTool.heading"),description:e("pnBanner.dueDateTool.desc"),btnLabel:e("pnBanner.caclNow"),value:I.H.DUE_DATE,dataEventAction:"Try our Due Date Calculator Click"},[I.H.BABY_VACCINE]:{heading:e("pnBanner.vaccination.heading"),description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:I.H.BABY_VACCINE,dataEventAction:"Try our Baby Vaccine Scheduler Click"},[I.H.BABY_GROWTH]:{heading:"Baby Growth",description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:I.H.BABY_GROWTH},[P.t.HPV]:{heading:e("pnBanner.hpv.heading"),description:e("pnBanner.hpv.desc"),thumbnail:{desktop:k.C.getAssetPath("newsletter/banner-option-hpv-desktop.png"),mobile:k.C.getAssetPath("newsletter/banner-option-hpv-mobile.png")},isRiskScreener:!0,btnLabel:e("pnBanner.checkNow"),value:P.t.HPV,hideDescOnMobile:!0,dataEventAction:"Keep safe from HPV virus Click"}}),el=(0,c.createContext)({}),PnBannerEle=e=>{var t=(0,B._)(e,[]);let{locale:n}=(0,A.u)(),{type:a,isMobile:i,currentUrl:o,isMarketing:l,isLoggedIn:r,setShouldAcquisitionModalOpen:s}=(0,c.useContext)(el),{triggerLogin:d}=(0,O.u)();return c.createElement(u.W,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>(0,B.a)(void 0,void 0,void 0,function*(){let e=l?(0,_.g)(n)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;r?null==s||s():(0,O.I)(n)?d({returnUrl:l?e:void 0,source:l?void 0:"acquisition"}):window.location.href=`${(0,_.a)(n)}/?returnUrl=${encodeURIComponent(e)}`}),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":o,className:"pointer-event-child-none"},t),c.createElement(N.I,{src:l?k.C.getAssetPath(`newsletter/${i?"Mobile":"Desktop"}_Marketing.png`):k.C.getAssetPath(`newsletter/${i?"Mobile":"Desktop"}_${a}.png`),style:{maxWidth:"100%"},alt:"newsletter banner"}))},er={GET_NEWSLETTER_CATEGORIES:"api/v1/categories?site={website_url}",POST_SUBSCRIPTION:"api/v1/subscription?site={website_url}",GET_SUBSCRIPTION_CATEGORIES:"api/v1/categories?site={website_url}"};var es=(0,m.k)(e=>({root:{},wrapper:{[e.fn.smallerThan("sm")]:{width:"70%"}},button:{[e.fn.smallerThan("sm")]:{height:"auto",minHeight:(0,p.h)(32),padding:`${(0,p.h)(6)} ${(0,p.h)(16)}`,textAlign:"center",width:"100%"}},buttonLabel:{whiteSpace:"normal"}}));let BannerLayout=({heading:e,description:t,thumbnail:n={desktop:"",mobile:""},hideDescOnMobile:a,children:i})=>{let{isMobile:o,minHeight:l}=(0,c.useContext)(el);return c.createElement(g.x,{sx:()=>({borderRadius:(0,p.h)(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},c.createElement(g.x,{sx:e=>({minHeight:(0,p.h)(l),borderRadius:"inherit",background:`url(${o?n.mobile:n.desktop})`,backgroundPosition:"center right",backgroundRepeat:"no-repeat",backgroundSize:"contain",padding:`${(0,p.h)(24)} ${(0,p.h)(16)}`,display:"flex",flexDirection:"column",justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${(0,p.h)(22)} ${(0,p.h)(32)}`}})},c.createElement(h.K,{spacing:(0,p.h)(16)},c.createElement(h.K,{spacing:(0,p.h)(4),sx:e=>({maxWidth:"60%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},e&&c.createElement(V.H,{tag:"h4"},e),!(a&&o)&&t&&c.createElement(z.T,{size:"p4"},t)),c.createElement(g.x,null,i))))},BannerWithOptions=e=>{let{styleType:t=s.Button,items:n=[],buttonProps:a,styles:i,submitBtnTracking:o}=e,{classes:l}=es(void 0,{name:"PremiumBannerWithOptions",styles:i}),{t:r,locale:d}=(0,A.u)(),{surveyType:u,articleId:m,handleClickOption:h,hasPremiumBanner:b,source:E,isMobile:f,setShowPNModal:y}=(0,c.useContext)(el),C=(0,c.useMemo)(()=>b?n:n.filter(e=>!e.isPNBtn).filter(Boolean),[n]),{getHealthToolLink:w}=(0,F.u)(d),x=(0,R.c)({initialValues:{bannerOptions:[]}}),saveStep=e=>(0,B.a)(void 0,void 0,void 0,function*(){return yield(0,S.e)((0,S.f)(H.yy.HEALTH_TOOL.CREATE,{_locale:d,type:eo[u]}),"POST",{headers:{"Content-Type":"application/json"},data:{value:e,article:m,source:E}})}),k=(0,c.useCallback)(()=>c.createElement(v.k,{gap:(0,p.h)(8),className:l.wrapper},C.map((e,t)=>c.createElement(g.x,{key:String(t),component:e.isLink?"a":"div",href:e.isRiskScreener?`https://${U.v[d]}/bot/${P.n[d][e.activeTool]}/`:e.isLink?w(e.activeTool):void 0},c.createElement(D.B,Object.assign({className:l.button,classNames:{label:l.buttonLabel},size:"sm"},e.tracking,a,{onClick:()=>{e.isLink||(e.isPNBtn&&y(!0),saveStep(e.value),h(e.value))}}),e.label)))),[C,x]),T=(0,c.useCallback)(()=>c.createElement(v.k,null,c.createElement(v.k,{align:"center",gap:(0,p.h)(24),sx:e=>({background:"white",borderRadius:(0,p.h)(8),padding:(0,p.h)(4),[e.fn.largerThan("sm")]:{paddingLeft:(0,p.h)(16)}})},c.createElement(j.d.Group,Object.assign({},x.getInputProps("bannerOptions",{type:"checkbox"})),c.createElement(v.k,{gap:(0,p.h)(16)},C.map((e,t)=>c.createElement(j.d,{key:String(t),value:e.value,label:e.label,styles:{label:{cursor:"pointer"}}})))),c.createElement(D.B,Object.assign({size:"sm"},o,a,{disabled:0===x.getInputProps("bannerOptions").value.length,leftIcon:f?c.createElement(W.I.ArrowRightTail,{size:18,useCurrentColor:!0}):void 0,onClick:()=>{let e=x.getInputProps("bannerOptions").value;saveStep(e.join("|")),h(e.join("|"))},styles:e=>({root:{[e.fn.smallerThan("sm")]:{width:(0,p.h)(38),minWidth:"auto",padding:0}}})}),!f&&r("pnBanner.submit")))),[C,x]);return c.createElement(BannerLayout,Object.assign({},e),t===s.Button?k():t===s.Checkbox?T():null)},ToolBanner=e=>{var t,n;let{t:a}=(0,A.u)(),{heading:i,description:o,thumbnail:l,btnLabel:r,value:s,isRiskScreener:d,hideDescOnMobile:u,dataEventAction:m}=e,{locale:g}=(0,A.u)(),{isMobile:b}=(0,c.useContext)(el),{getHealthToolLink:E,allTools:f}=(0,F.u)(g),y=(0,c.useMemo)(()=>{let e=d?`https://${Z.y?"":"discover."}${U.v[g]}/bot/${P.n[g][s]}`:E(s);return c.createElement("a",{href:e},c.createElement(D.B,{size:"sm","data-event-category":"Focused Audience","data-event-action":m,"data-event-label":e},r||a("pnBanner.caclNow")))},[f]);return"mainBanner"==(d?"mainBanner":"toolBanner")?c.createElement(BannerLayout,Object.assign({},Object.assign(Object.assign({},e),{thumbnail:e.thumbnail})),y):c.createElement(v.k,{gap:(0,p.h)(7),align:"center",justify:"space-between",sx:e=>({borderRadius:(0,p.h)(8),background:e.colors.blue[0],minHeight:(0,p.h)(180),padding:`${(0,p.h)(24)} ${(0,p.h)(16)}`,[e.fn.largerThan("sm")]:{padding:`${(0,p.h)(34)} ${(0,p.h)(32)}`}})},c.createElement(h.K,{spacing:(0,p.h)(12)},c.createElement(h.K,{spacing:(0,p.h)(4)},i&&c.createElement(V.H,{tag:"h4"},i),!(b&&u)&&o&&c.createElement(z.T,{size:"p4"},o)),c.createElement(v.k,{gap:(0,p.h)(8),sx:{button:{minWidth:(0,p.h)(120)}}},y)),c.createElement(v.k,{align:"center",justify:"center",sx:e=>({width:(0,p.h)(96),height:(0,p.h)(96),borderRadius:"50%",background:"white",flexShrink:0,[e.fn.largerThan("sm")]:{width:(0,p.h)(112),height:(0,p.h)(112)},img:{maxWidth:(0,p.h)(64),[e.fn.largerThan("sm")]:{maxWidth:(0,p.h)(73)}}})},c.createElement("img",{alt:"health-tool-icon",src:l||(null===(n=null===(t=f.filter(e=>e.template===s))||void 0===t?void 0:t[0])||void 0===n?void 0:n.icon)||I.a[s]||"",loading:"lazy"})))},HandlerBanner=()=>{var e,t,n;let{t:a}=(0,A.u)(),{state:i,Outside:o}=(0,c.useContext)(el);return(null==i?void 0:i.action)===d.ShowTool?c.createElement(o,null,TOOL_BANNERS_PROPS(a)[null===(e=null==i?void 0:i.props)||void 0===e?void 0:e.value]?c.createElement(ToolBanner,Object.assign({},TOOL_BANNERS_PROPS(a)[null===(t=null==i?void 0:i.props)||void 0===t?void 0:t.value],{value:null===(n=null==i?void 0:i.props)||void 0===n?void 0:n.value})):null):(null==i?void 0:i.action)===d.ShowOptionBanner?c.createElement(o,null,c.createElement(BannerWithOptions,Object.assign({},null==i?void 0:i.props))):null},SideBannerModal=e=>{var{isMobile:t,children:n,desktopBanner:a=k.C.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:i=k.C.getAssetPath("friso/onboarding-banner-mobile.jpg"),modalRatio:o={width:937,height:536},mobileBannerRatio:l={width:750,height:480},desktopBannerRatio:r={width:420,height:536},closeProps:s}=e,d=(0,B._)(e,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);let{width:u,height:m}=(0,$.n)(),h=u*l.height/l.width,[v,E]=(0,c.useState)(!1);return c.createElement(q.M,Object.assign({styles:e=>({header:{display:"none"},content:{flex:"auto",background:"transparent",[e.fn.smallerThan("sm")]:{maxHeight:"100%",height:"100%",position:"relative",borderRadius:0},[e.fn.largerThan("sm")]:{maxWidth:(0,p.h)(o.width),width:"100%",height:"100%",maxHeight:(0,p.h)(o.height),boxShadow:"none"}},body:{padding:0,width:"100%",height:"100%",[e.fn.largerThan("sm")]:{display:"flex",alignItems:"center"}},inner:{padding:0,[e.fn.smallerThan("sm")]:{display:"flex",alignItems:"flex-end"}}})},d),t?c.createElement(g.x,{sx:{position:"relative",width:"100%",height:"100%"},onTouchStart:()=>E(!0)},c.createElement(g.x,{className:"mobile-template",sx:{position:"absolute",height:`${(v?1:((m<=667?190:265)+h+74)/m)*100}%`,left:0,bottom:0,right:0,transition:"height 0.4s ease"}},c.createElement(g.x,{className:"mobile-template-wrapper",sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:v?0:(0,p.h)(12),borderTopRightRadius:v?0:(0,p.h)(12)}},c.createElement(g.x,{sx:{height:"100%",background:`url(${i})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},(0,Y.i)(i)&&c.createElement("video",{loop:!0,muted:!0,autoPlay:!0,style:{width:"100%",position:"absolute",top:0,left:0}},c.createElement("source",{src:i})),c.createElement(D.B,Object.assign({variant:"white",leftIcon:c.createElement(G.Z,null),sx:{position:"absolute",right:0,top:0,zIndex:1,padding:(0,p.h)(10)}},s,{onClick:()=>null==d?void 0:d.onClose()})),c.createElement(b.o,{ratio:(null==l?void 0:l.width)/(null==l?void 0:l.height),w:"100%"}),c.createElement(g.x,{className:"inner",sx:{padding:`${(0,p.h)(28)} ${(0,p.h)(16)} ${(0,p.h)(16)}`,background:"white",position:"relative"}},n))))):c.createElement(b.o,{className:"desktop-template",ratio:o.width/o.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},c.createElement(g.x,{sx:{width:"100%",height:"100%",justifyContent:"flex-end",alignItems:"stretch",borderRadius:(0,p.h)(8),background:"white",boxShadow:"0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 2.25rem 1.75rem -0.4375rem, rgba(0, 0, 0, 0.04) 0 1.0625rem 1.0625rem -0.4375rem"}},(0,Y.i)(a)?c.createElement("video",{loop:!0,muted:!0,autoPlay:!0,style:{borderTopLeftRadius:(0,p.h)(8),borderBottomLeftRadius:(0,p.h)(8),height:"100%",display:"block"}},c.createElement("source",{src:a})):c.createElement("img",{alt:"",src:a,loading:"lazy",style:{borderTopLeftRadius:(0,p.h)(8),borderBottomLeftRadius:(0,p.h)(8),height:"100%",display:"block"}}),c.createElement(g.x,{sx:{position:"relative",height:"100%",width:`${(o.width-r.width)/o.width*100}%`}},c.createElement(D.B,Object.assign({variant:"white",leftIcon:c.createElement(G.Z,null)},s,{onClick:()=>null==d?void 0:d.onClose(),sx:{position:"absolute",right:0,top:0,backgroundColor:"transparent"}})),c.createElement(g.x,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${(0,p.h)(40)} ${(0,p.h)(24)} 0`}},n)))))},ed={UPDATE_SUBSCRIPTION:"user/subscription"},ec=(0,c.createContext)({}),_NormalTopic=e=>{var{value:t,name:n}=e,a=(0,B._)(e,["value","name"]);return c.createElement(j.g,Object.assign({value:t,withIcon:!0},a,{buttonProps:{styles:()=>({leftIcon:{marginRight:(0,p.h)(6)},root:{paddingLeft:(0,p.h)(10),paddingRight:(0,p.h)(10)}})}}),n)},TopicSection=({topicsGroup:e,onTopicChange:t,isBlock:n=!1,selectedTopics:a=[],inputProps:i,labelProps:o,maxSelect:l=5,hasScroll:r,readonly:s})=>{let{action:{pushNotifications:d}}=(0,c.useContext)(S.T),p=X()(e.map(e=>e.topics||[])),{t:u}=(0,A.u)(),[m,b]=(0,c.useState)([]);(0,c.useEffect)(()=>{b(a)},[a.length]),(0,c.useEffect)(()=>{null==t||t(m)},[m]);let onValueChange=e=>{if(e.length>5){d({type:"danger",title:u("pnTopicSection.maxSelectError.title",{maxSelect:l}),message:u("pnTopicSection.maxSelectError.desc")});return}s||b(()=>p.filter(t=>e.some(e=>t.catId===e)))};return c.createElement(h.K,{spacing:12},e.map((e,t)=>c.createElement(h.K,{key:String(t),spacing:12},e.label&&c.createElement(z.T,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},o),e.label),r?c.createElement(E.x,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},c.createElement(g.x,{w:800},c.createElement(f.A.Group,Object.assign({value:m.map(e=>e.catId),multiple:!0},i,{onChange:onValueChange}),c.createElement(v.k,{gap:8,wrap:"wrap"},e.topics.map(t=>c.createElement(_NormalTopic,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:n},e.tracking))))))):c.createElement(f.A.Group,Object.assign({value:m.map(e=>e.catId),multiple:!0},i,{onChange:onValueChange}),c.createElement(v.k,{gap:8,wrap:"wrap"},e.topics.map(t=>t.catId?c.createElement(_NormalTopic,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:n},e.tracking)):c.isValidElement(t.component)?t.component:null))))))},Layout=e=>{var{heading:t,children:n,stickyActions:a}=e,i=(0,B._)(e,["heading","children","stickyActions"]);let{isMobile:o}=(0,c.useContext)(ec),l=c.createElement(h.K,{spacing:(0,p.h)(24),sx:{height:"100%"}},c.createElement(V.H,{tag:"h4",style:{textAlign:"center"}},t),c.createElement(g.x,null,n));return c.createElement(g.x,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},o?l:c.createElement(E.x,Object.assign({className:"layout-body",h:a?"calc(100% - 90px)":"100%"},i),l),a&&c.createElement(v.k,{gap:(0,p.h)(8),sx:e=>({position:"absolute",left:0,right:0,bottom:0,padding:(0,p.h)(16),button:{flexGrow:1},justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${(0,p.h)(24)} 0`}})},a))},MainForm=()=>{let{t:e,locale:t}=(0,A.u)(),{data:{userInfo:n},action:{pushNotifications:a}}=(0,c.useContext)(S.T),i=null==n?void 0:n.id,{currentUrl:o,isMobile:l,pnSuggestCategory:r=[],nextStep:s,formValues:d,setFormValues:u,onSubmit:m,submitLoading:g,selectCategory:v,setCategoryLibs:b,setSelectCategory:E,maxSelectCategory:f}=(0,c.useContext)(ec),y=r.map(e=>e.catId),C=(0,R.c)({validate:{name:(0,M.U)(e("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},d),{fitnessTopics:y})}),[w,x]=(0,c.useState)([]),[k,T]=(0,c.useState)([]);(0,c.useEffect)(()=>{(0,B.a)(void 0,void 0,void 0,function*(){var e;try{let n=yield(0,S.e)((0,S.h)(er.GET_SUBSCRIPTION_CATEGORIES,{_locale:t}),"get"),a=((null===(e=null==n?void 0:n.data)||void 0===e?void 0:e.subscription)||[]).filter(e=>!y.includes(e.catId));x(r),T(a),b([...r,...a])}catch(e){console.log(e)}})},[]),(0,c.useEffect)(()=>{i&&C.setFieldValue("name",(null==n?void 0:n.name)||"")},[i]);let onMore=()=>{""!==C.getInputProps("name").value?(u(C.getTransformedValues()),s()):C.validateField("name")},I=(0,c.useMemo)(()=>c.createElement(D.B,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:o,leftIcon:c.createElement(K.Z,{size:16,color:"currentColor"}),onClick:onMore,styles:e=>({root:{borderRadius:(0,p.h)(6),padding:"2px 15px",height:(0,p.h)(40)},label:{fontSize:(0,p.h)(14),fontWeight:400,[e.fn.smallerThan("sm")]:{fontSize:(0,p.h)(12),lineHeight:(0,p.h)(16),height:(0,p.h)(40)}},leftIcon:{marginRight:"5px"}})},c.createElement(z.T,{size:l?"p3":"p4"},e("home.seeMore"))),[C]);return(0,c.useEffect)(()=>{C.setFieldValue("fitnessTopics",v.map(e=>e.catId))},[v]),c.createElement("form",{style:{height:"100%"},onSubmit:C.onSubmit(t=>{if(0===v.length)return a({type:"danger",title:e("newsletter.error.minTitle"),message:e("newsletter.error.minCotennt")}),!1;u(t),null==m||m(t.name)})},c.createElement(Layout,{heading:e("healthToolPNModal.heading"),stickyActions:c.createElement(c.Fragment,null,c.createElement(D.B,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:o,loading:g,sx:{maxWidth:(0,p.h)(240)}},e("healthToolPNModal.register")))},c.createElement(h.K,{spacing:(0,p.h)(16)},c.createElement(j.I,Object.assign({label:e("newsletter.welcome.description")},C.getInputProps("name"))),c.createElement(TopicSection,{topicsGroup:[...0===r.length&&0===k.length?[{topics:[{component:I}]}]:[],...r.length>0?[{label:e("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...r,...0===k.length?[{component:I}]:[]]}]:[],...k.length>0?[{label:e("healthToolPNModal.findMore.chooseFav"),topics:[...k,...k.length>0?[{component:I}]:[]]}]:[]],selectedTopics:[...w],labelProps:{size:l?"p3":"p4",color:"gray.6"},onTopicChange:E,maxSelect:f}))))},ep=(0,c.forwardRef)(function(e,t){var{label:n}=e,a=(0,B._)(e,["label"]);return c.createElement("div",Object.assign({ref:t},a),c.createElement(y.Z,{noWrap:!0},c.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},c.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72615 14.8099 11.1702 14.2653 12.3086 13.3547L15.2376 16.2837C15.5264 16.5725 15.9946 16.5725 16.2833 16.2837C16.5721 15.9949 16.5721 15.5267 16.2833 15.238L13.3544 12.3091C14.2652 11.1705 14.8099 9.72634 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"#8C8C8C"})),c.createElement(z.T,{size:"p3"},n)))}),eu=(0,c.forwardRef)(function(e,t){var{label:n}=e,a=(0,B._)(e,["label"]);return c.createElement("div",Object.assign({ref:t},a),c.createElement(z.T,{size:"p3"},n))}),HistorySection=({history:e,onDelete:t})=>c.createElement(v.k,{wrap:"wrap",gap:8},et()(e,"catId").map(e=>c.createElement(C.C,{key:e.catId,rightSection:c.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",onClick:()=>null==t?void 0:t(e)},c.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 9C1.5 4.8525 4.8525 1.5 9 1.5C13.1475 1.5 16.5 4.8525 16.5 9C16.5 13.1475 13.1475 16.5 9 16.5C4.8525 16.5 1.5 13.1475 1.5 9ZM11.1677 12.2248C11.4602 12.5173 11.9327 12.5173 12.2252 12.2248C12.5101 11.9323 12.5101 11.4523 12.2252 11.1673L10.0577 8.99979L12.2252 6.83229C12.5177 6.53979 12.5177 6.0673 12.2252 5.7748C11.9327 5.4823 11.4602 5.4823 11.1677 5.7748L9.00015 7.9423L6.83265 5.7748C6.54015 5.4823 6.06765 5.4823 5.77515 5.7748C5.63471 5.91492 5.55579 6.10516 5.55579 6.30354C5.55579 6.50193 5.63471 6.69217 5.77515 6.83229L7.94265 8.99979L5.77515 11.1673C5.63471 11.3074 5.55579 11.4977 5.55579 11.696C5.55579 11.8944 5.63471 12.0847 5.77515 12.2248C6.06765 12.5173 6.54015 12.5173 6.83265 12.2248L9.00015 10.0573L11.1677 12.2248Z",fill:"#8C8C8C"})),styles:{root:{height:32,background:"#ffffff",padding:"5px 12px",border:`1px solid ${L.t.neutral[4]}`,borderRadius:32,textTransform:"unset"},rightSection:{height:18,cursor:"pointer"}}},c.createElement(z.T,{size:"p4"},e.localName)))),RecentlyViewedSection=({topics:e,onTopicChange:t,isBlock:n=!1,selectedTopics:a,labelProps:i,maxSelect:o=5})=>{let{action:{pushNotifications:l}}=(0,c.useContext)(S.T),[r,s]=(0,c.useState)([]),{t:d}=(0,A.u)();return((0,c.useEffect)(()=>{s(a)},[a.length]),(0,c.useEffect)(()=>{t(r)},[r]),e&&0!==e.length)?c.createElement(h.K,{spacing:12,px:16,mx:-16},c.createElement(z.T,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},i),d("pnTopicSection.recentView")),c.createElement(f.A.Group,{value:r.map(e=>e.catId),onChange:t=>{if(n&&r.length<t.length){l({type:"danger",title:d("pnTopicSection.maxSelectError.title",{maxSelect:o}),message:d("pnTopicSection.maxSelectError.desc")});return}s(()=>e.filter(e=>t.some(t=>e.catId===t)))},multiple:!0},c.createElement(v.k,{gap:8,wrap:"wrap"},e.map((e,t)=>c.createElement(_NormalTopic,{key:t,value:e.catId,name:e.localName,isBlock:n}))))):null},_TopicSlide=e=>{var{topic:t,active:n,onClick:a}=e,i=(0,B._)(e,["topic","active","onClick"]);return c.createElement(g.x,Object.assign({sx:e=>({position:"relative",cursor:"pointer",padding:2,borderRadius:8,boxShadow:"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)",minHeight:(0,p.h)(130),[e.fn.largerThan("sm")]:{minHeight:(0,p.h)(138)}}),onClick:()=>a(t,n)},i),n&&c.createElement(g.x,{id:"test",sx:{position:"absolute",top:2,right:2,width:20,height:20,zIndex:1}},c.createElement("svg",{id:"test",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},c.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.66699 9.99984C1.66699 5.39984 5.40033 1.6665 10.0003 1.6665C14.6003 1.6665 18.3337 5.39984 18.3337 9.99984C18.3337 14.5998 14.6003 18.3332 10.0003 18.3332C5.40033 18.3332 1.66699 14.5998 1.66699 9.99984ZM4.75066 10.5827L7.74232 13.5744C8.06732 13.8994 8.60066 13.8994 8.91732 13.5744L15.2423 7.2494C15.5673 6.9244 15.5673 6.3994 15.2423 6.0744C14.9173 5.7494 14.3923 5.7494 14.0673 6.0744L8.33399 11.8077L5.92566 9.40773C5.60066 9.08273 5.07566 9.08273 4.75066 9.40773C4.59461 9.56342 4.50692 9.7748 4.50692 9.99523C4.50692 10.2157 4.59461 10.427 4.75066 10.5827Z",fill:"#2D87F3"}),c.createElement("path",{d:"M7.74224 13.5772L4.75057 10.5856C4.59453 10.4299 4.50684 10.2185 4.50684 9.99808C4.50684 9.77765 4.59453 9.56627 4.75057 9.41058C5.07557 9.08558 5.60057 9.08558 5.92557 9.41058L8.33391 11.8106L14.0672 6.07725C14.3922 5.75225 14.9172 5.75225 15.2422 6.07725C15.5672 6.40225 15.5672 6.92725 15.2422 7.25225L8.91724 13.5772C8.60057 13.9022 8.06724 13.9022 7.74224 13.5772Z",fill:"white"}))),c.createElement(g.x,{sx:{borderRadius:"8px"}},c.createElement(j.c,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},c.createElement(g.x,null,c.createElement("img",{src:t.guid||"",alt:"cat",loading:"lazy",style:{maxHeight:"63px"}})))),c.createElement(z.T,{size:"p4",ta:"center",px:6,sx:{display:"-webkit-box","-webkit-line-clamp":"2","-webkit-box-orient":"vertical",overflow:"hidden"}},t.localName||""))},TrendingCarousel=({topics:e,selectedTopics:t=[],onTopicChange:n,isBlock:a=!1,labelProps:i,pushNotifications:o,maxSelect:l=5})=>{let{t:r}=(0,A.u)(),[s,d]=(0,c.useState)([]),onSelect=(e,t)=>{if(t)d(t=>t.filter(t=>t.catId!==e.catId));else{if(a){o({type:"danger",title:r("pnTopicSection.maxSelectError.title",{maxSelect:l}),message:r("pnTopicSection.maxSelectError.desc")});return}d(t=>[...t,e])}};(0,c.useEffect)(()=>{d(t)},[t.length]),(0,c.useEffect)(()=>{n(s)},[s]);let[p,u]=(0,c.useState)(!1),[m,b]=(0,c.useState)(0),[f,y]=(0,c.useState)(0),C=(0,c.useRef)(null),handleMouseUp=()=>{u(!1)};return c.createElement(h.K,{spacing:10},c.createElement(v.k,{justify:"space-between",align:"center",w:"100%"},c.createElement(z.T,Object.assign({size:"s5",color:"gray.4",weight:"semiBold",span:!0},i),r("pnTopicSection.trending"))),c.createElement(g.x,null,c.createElement(E.x,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:C,viewportProps:{onMouseDown:e=>{e.preventDefault(),C.current&&(u(!0),b(e.pageX-C.current.offsetLeft),y(C.current.scrollLeft))},onMouseUp:handleMouseUp,onMouseLeave:handleMouseUp,onMouseMove:e=>{if(e.preventDefault(),!p||!C.current)return;let t=e.pageX-C.current.offsetLeft;C.current.scrollLeft=f-(t-m)*2}},styles:{viewport:{paddingBottom:16}}},c.createElement(g.x,{w:{base:112*e.length+8*(e.length-1)+10}},c.createElement(v.k,{gap:8},e.map((e,t)=>c.createElement(_TopicSlide,{key:t,topic:e,onClick:onSelect,active:s.some(t=>t.catId===e.catId),w:{base:112}})))))))},PremiumTopicSelect=e=>{var{isLoggedIn:t,maxSelect:n=5,values:a=[],labelProps:i,onChange:o}=e,l=(0,B._)(e,["isLoggedIn","maxSelect","values","labelProps","onChange"]);let{action:{pushNotifications:r}}=(0,c.useContext)(S.T),[s,d]=(0,c.useState)(""),{t:u,locale:m}=(0,A.u)(),v=(0,c.useRef)(null),[b,E]=(0,c.useState)([]),[f,y]=(0,c.useState)([]),[C,x]=(0,c.useState)([]),[k,T]=(0,c.useState)([]),[I,P]=(0,c.useState)(null),[O,N]=(0,c.useState)([]);(0,c.useEffect)(()=>{(0,B.a)(void 0,void 0,void 0,function*(){var e,t;let n=yield(0,S.e)((0,S.h)(er.GET_NEWSLETTER_CATEGORIES,{_locale:m}),"get"),i=(null===(e=null==n?void 0:n.data)||void 0===e?void 0:e.interested)||[],o=(null===(t=null==n?void 0:n.data)||void 0===t?void 0:t.trending)||[],l=et()([...i,...o],"catId"),r=l.map(e=>Object.assign(Object.assign({},e),{value:e.catId||"",label:e.localName||""}));if(N(r||[]),P((null==n?void 0:n.data)||null),a.length>0){let e=i.filter(e=>a.includes(e.catId)).map(e=>Object.assign(Object.assign({},e),{template:"interested"})),t=o.filter(e=>a.includes(e.catId)).map(e=>Object.assign(Object.assign({},e),{template:"trending"}));T(e),y(t)}})},[t]);let _=(0,c.useMemo)(()=>et()([...b,...f,...k,...C],"catId"),[b,f,k,C]),[R,M]=(0,c.useState)(!1);(0,c.useEffect)(()=>{_.length>=n?M(!0):M(!1),null==o||o(_)},[_]);let onValueChange=e=>(0,B.a)(void 0,void 0,void 0,function*(){var t;let a="default";if(R)r({type:"danger",title:u("pnTopicSection.maxSelectError.title",{maxSelect:n}),message:u("pnTopicSection.maxSelectError.desc")});else{let n=[{key:"trending",array:null==I?void 0:I.trending},{key:"recently",array:null==I?void 0:I.recently},{key:"interested",array:null==I?void 0:I.interested}],i=n.find(t=>{var n;return null===(n=t.array)||void 0===n?void 0:n.some(t=>t.catId===e[0])});({trending:y,recently:x,interested:T,default:E})[a=(null==i?void 0:i.key)||"default"](t=>[...t,...O.filter(t=>e.some(e=>t.catId===e))].map(e=>Object.assign(Object.assign({},e),{template:a}))),null===(t=v.current)||void 0===t||t.blur()}return null});return c.createElement(h.K,Object.assign({spacing:(0,p.h)(16)},l),c.createElement(h.K,{spacing:(0,p.h)(8)},c.createElement(z.T,{size:"p3"},u("pnTopicSection.maxSelectError.detail",{max:n,maxTopic:_.length})),c.createElement(w.NU,{ref:v,maxSelectedValues:3,styles:{wrapper:{overflow:"initial !important"},separator:{padding:16},separatorLabel:{fontWeight:600,fontSize:12,lineHeight:"18px",textTransform:"uppercase",color:L.t.gray[4],"&::after":{display:"none"}},searchInput:{fontSize:"inherit"},input:{paddingRight:16}},nothingFound:c.createElement(z.T,{size:"s4",color:"gray.6"},u("pnTopicSection.notFound")),itemComponent:""===s?ep:eu,size:"lg",placeholder:u("pnTopicSection.plsEnterFavTopics"),data:O,onSearchChange:d,searchValue:s,icon:c.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},c.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9682 19.7465 14.8936 19.0205 16.4115 17.8063L20.3168 21.7116C20.7018 22.0966 21.3261 22.0966 21.7111 21.7116C22.0961 21.3266 22.0961 20.7023 21.7111 20.3173L17.8059 16.4121C19.0203 14.894 19.7465 12.9684 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#595959"})),rightSection:c.createElement(c.Fragment,null),zIndex:500,searchable:!0,withinPortal:!0,onChange:e=>onValueChange(e),value:[]}),_&&_.length>0&&c.createElement(HistorySection,{history:_,onDelete:e=>{let t={trending:y,recently:x,interested:T,default:E},n=t[e.template]||t.default;n(t=>{let n=[...t],a=n.findIndex(t=>t.catId===e.catId);return n.splice(a,1),n})}})),c.createElement(g.x,{sx:e=>({position:"relative",height:(0,p.h)(175),[e.fn.largerThan("sm")]:{height:(0,p.h)(190)}})},c.createElement(g.x,{sx:{position:"absolute",top:0,right:0,left:0}},c.createElement(TrendingCarousel,{topics:((null==I?void 0:I.trending)||[]).map(e=>Object.assign(Object.assign({},e),{template:"trending"})),selectedTopics:f,onTopicChange:y,isBlock:R,labelProps:i}))),c.createElement(RecentlyViewedSection,{topics:((null==I?void 0:I.recently)||[]).map(e=>Object.assign(Object.assign({},e),{template:"recently"})),selectedTopics:C,onTopicChange:x,isBlock:R,labelProps:i}),c.createElement(TopicSection,{labelProps:i,topicsGroup:[{label:u("pnTopicSection.ppAlsoInterested"),topics:((null==I?void 0:I.interested)||[]).map(e=>Object.assign(Object.assign({},e),{template:"interested"}))}],selectedTopics:k,onTopicChange:T,isBlock:R}))},MoreTopics=()=>{let{t:e}=(0,A.u)(),{action:{pushNotifications:t}}=(0,c.useContext)(S.T),{prevStep:n,formValues:a,submitLoading:i,onSubmit:o,selectCategory:l,maxSelectCategory:r,setSelectCategory:s,currentUrl:d,isLoggedIn:u}=(0,c.useContext)(ec);return c.createElement(Layout,{heading:e("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:(0,p.h)(25)}},stickyActions:c.createElement(c.Fragment,null,c.createElement(D.B,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back  Click",dataEventLabel:d,onClick:n},e("healthToolPNModal.back")),c.createElement(D.B,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next  Click",dataEventLabel:d,onClick:()=>{if(0===l.length)return t({type:"danger",title:e("newsletter.error.minTitle"),message:e("newsletter.error.minCotennt")}),!1;null==o||o(a.name)},loading:i},e("healthToolPNModal.next")))},c.createElement(PremiumTopicSelect,{isLoggedIn:u,maxSelect:r,values:a.fitnessTopics,onChange:s,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},Result=()=>{let{t:e}=(0,A.u)(),{close:t,selectCategory:n,onRegisterSuccess:a,currentUrl:i,finishLabelOnResult:o,disclaimerText:l}=(0,c.useContext)(ec);return(0,c.useEffect)(()=>()=>{setTimeout(()=>{null==a||a()},400)},[]),c.createElement(Layout,{heading:e("healthToolPNModal.heading"),stickyActions:c.createElement(D.B,{fullWidth:!0,sx:{maxWidth:(0,p.h)(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:i,onClick:()=>{t()}},o||e("healthToolPNModal.finish"))},c.createElement(h.K,null,c.createElement(v.k,{gap:(0,p.h)(8),sx:e=>({background:e.colors.green[0],border:`1px solid ${e.colors.green[1]}`,borderRadius:(0,p.h)(8),padding:(0,p.h)(8)})},c.createElement(g.x,null,c.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},c.createElement("path",{d:"M9.99984 18.3334C14.6022 18.3334 18.3332 14.6025 18.3332 10.0001C18.3332 5.39771 14.6022 1.66675 9.99984 1.66675C5.39746 1.66675 1.6665 5.39771 1.6665 10.0001C1.6665 14.6025 5.39746 18.3334 9.99984 18.3334Z",fill:"#00B16A"}),c.createElement("path",{d:"M9.58558 12.6674C9.22944 12.668 8.87668 12.5983 8.54752 12.4623C8.21835 12.3264 7.91925 12.1268 7.66732 11.8751L6.68587 10.8931C6.55607 10.7587 6.48424 10.5787 6.48587 10.3919C6.48749 10.2051 6.56243 10.0263 6.69455 9.89422C6.82667 9.7621 7.00539 9.68716 7.19222 9.68554C7.37906 9.68391 7.55906 9.75574 7.69345 9.88554L8.67491 10.8675C8.79344 10.986 8.93415 11.08 9.08902 11.1442C9.24389 11.2083 9.40987 11.2413 9.5775 11.2413C9.74513 11.2413 9.91111 11.2083 10.066 11.1442C10.2208 11.08 10.3616 10.986 10.4801 10.8675L16.7033 5.24335C16.8443 5.12184 17.0272 5.06032 17.213 5.07195C17.3987 5.08358 17.5726 5.16744 17.6973 5.30558C17.8221 5.44373 17.8878 5.6252 17.8805 5.81118C17.8731 5.99717 17.7933 6.17291 17.6581 6.30081L11.4592 11.8998C11.2128 12.1448 10.9205 12.3387 10.5989 12.4705C10.2774 12.6022 9.93304 12.6692 9.58558 12.6674Z",fill:"white"}))),c.createElement(z.T,{size:"p3"},l||e("pnModal.disclaimer"))),c.createElement(V.H,{tag:"h5"},e("healthToolPNModal.yourPre")),n.length>0&&c.createElement(TopicSection,{topicsGroup:[{label:"",topics:n}],selectedTopics:n,readonly:!0})))},PremiumNewsletterModal=({isMobile:e,isLoggedIn:t,pnSuggestCategory:n=[],acquisitionInfo:a,currentUrl:i,opened:o,close:l,finishLabelOnResult:r,onRegisterSuccess:s,disclaimerText:d})=>{let{t:p,locale:u}=(0,A.u)(),{action:{pushNotifications:m}}=(0,c.useContext)(S.T),g=k.C.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),h=k.C.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[v,b]=(0,c.useState)([]),[E,f]=(0,c.useState)([]),[y,C]=(0,c.useState)(0),[w,I]=(0,c.useState)({name:"",fitnessTopics:[]}),[P,O]=(0,c.useState)(!1),lastStep=()=>C(2),N=(0,c.useCallback)(e=>(0,B.a)(void 0,void 0,void 0,function*(){try{O(!0),yield(0,S.e)((0,S.h)(er.POST_SUBSCRIPTION,{website_url:(0,S.i)(u)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:J.Z.get(T.G),client_ip:window.clientIP||"",user_info:Object.assign(Object.assign({},a.userInfo),{name:e||w.name,type_subscription:1}),domain:U.v[u||en.L.Vietnam],category:E,perferred:a.preferredTopics.map(({id:e})=>({id:e}))}}),O(!1),yield(0,S.e)((0,S.j)(ed.UPDATE_SUBSCRIPTION),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),lastStep()}catch(e){console.log({err:e}),O(!1),m({title:p("notification.comment.somethingWrong"),message:"",type:"danger"})}}),[w,E]);return(0,c.useEffect)(()=>{[g,h].forEach(e=>{let t=new Image;t.src=e})},[]),c.createElement(ec.Provider,{value:{currentUrl:i,isMobile:e,isLoggedIn:t,opened:o,close:l,pnSuggestCategory:n,nextStep:()=>C(e=>e<3?e+1:e),prevStep:()=>C(e=>e>0?e-1:e),lastStep,categoryLibs:v,setCategoryLibs:b,selectCategory:E,setSelectCategory:f,formValues:w,setFormValues:I,maxSelectCategory:5,submitLoading:P,onSubmit:N,onRegisterSuccess:s,finishLabelOnResult:r,disclaimerText:d}},c.createElement(SideBannerModal,{isMobile:e,desktopBanner:k.C.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),mobileBanner:k.C.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),modalRatio:{width:960,height:588},desktopBannerRatio:{width:384,height:588},opened:o,onClose:l,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:i}},c.createElement(x.v,{active:y,onStepClick:C,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},c.createElement(x.v.Step,null,c.createElement(MainForm,null)),c.createElement(x.v.Step,null,c.createElement(MoreTopics,null)),c.createElement(x.v.Step,null,c.createElement(Result,null)))))},SurveyBanner=()=>{let{locale:e}=(0,A.u)(),{isMobile:t,isLoggedIn:n,currentUrl:a,acquisitionInfo:i,categoryIds:o,state:l,setState:r,settings:s,submitHandler:p,subcribeHealthStatus:u,showPNModal:m,setShowPNModal:g,setIsBack:h}=(0,c.useContext)(el),[v,b]=(0,c.useState)([]),[E,f]=(0,c.useState)(m);(0,c.useEffect)(()=>{(0,B.a)(void 0,void 0,void 0,function*(){var t,n;let a=yield(0,S.e)((0,S.h)(er.GET_NEWSLETTER_CATEGORIES,{_locale:e}),"get"),i=(null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.interested)||[],l=(null===(n=null==a?void 0:a.data)||void 0===n?void 0:n.trending)||[],r=[...i,...l];b(r.filter(e=>o.includes(Number(e.catId))))})},[]);let y=(0,c.useRef)([]);return(0,c.useEffect)(()=>{let e=(null==u?void 0:u.value)||"",t=e.split("|").filter(Boolean),n=e;y.current.push(u),t.length>1&&(null!==y.current[0]&&h(!0),Object.keys(p).map(e=>{let a=e.split("|");if(t.length===a.length){let i=0;t.map(e=>{a.includes(String(e))&&(i+=1)}),i===t.length&&(n=e)}}));let a=t.length>0?p[n]:s;r(a)},[u]),(0,c.useEffect)(()=>{f(m)},[m]),(null==l?void 0:l.action)!==d.Hide?c.createElement(c.Fragment,null,c.createElement(HandlerBanner,Object.assign({},s.props)),c.createElement(PremiumNewsletterModal,{acquisitionInfo:i,isMobile:t,isLoggedIn:n,currentUrl:a,pnSuggestCategory:v,opened:E,close:()=>{var e;f(!1),g(!1),setTimeout(()=>{var e;(null===(e=l.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&r({action:d.Hide})},400),(null===(e=l.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&r({action:d.Hide})},onRegisterSuccess:()=>f(!1)})):null},SurveyOrPremiumBanner=({type:e,articleId:t=0,categoryIds:n=[],isMarketing:a,isSurveyType:i,hasPremiumBanner:o,currentUrl:l,isMobile:r,subcribeHealthStatus:s,setShouldAcquisitionModalOpen:p,onValueChange:u,source:m="discover",Wrapper:h})=>{let{t:v}=(0,A.u)(),{data:{userInfo:b}}=(0,c.useContext)(S.T),E=!!(null==b?void 0:b.id),[f,y]=(0,c.useState)(null),[C,w]=(0,c.useState)(),[x,k]=(0,c.useState)(""),[T,I]=(0,c.useState)(!1),[P,B]=(0,c.useState)(!1),O=(0,c.useMemo)(()=>ei[e],[]),N=FLOW(v,l)[O],_=null==N?void 0:N.submitHandler,getMappingMultiValue=e=>{let t="",n=e.split("|");return 1===n.length?e:(Object.keys(_).map(e=>{let a=e.split("|");if(n.length===a.length){let i=0;n.map(e=>{a.includes(String(e))&&(i+=1)}),i===n.length&&(t=e)}}),t)},R=h||g.x,handleShowPNBannerFlowWhenLogin=()=>o&&(null==b?void 0:b.subscription)!==1?c.createElement(PnBannerEle,null):null;return(0,c.useEffect)(()=>{E&&y({userInfo:b,preferredTopics:ea,healthTopics:[]})},[E]),c.createElement(el.Provider,{value:{settings:N,submitHandler:_,type:e,surveyType:O,value:x,setValue:k,isMobile:r,isLoggedIn:E,isMarketing:a,hasPremiumBanner:o,currentUrl:l,acquisitionInfo:f,categoryIds:n,subcribeHealthStatus:s,articleId:t,onValueChange:u,state:C,setState:w,handleClickOption:e=>{let t=getMappingMultiValue(e);if(t){let n=_[t];n.action===d.ShowPremiumModal?o?(I(!0),w(Object.assign(Object.assign({},C),{actionParams:{hideBannerWhenClose:n.action===d.ShowPremiumModal}}))):(w({action:d.Hide}),null==u||u(e)):(w(n),null==u||u(e))}},showPNModal:T,setShowPNModal:I,source:m,Outside:R,isBack:P,setIsBack:B,minHeight:180,setShouldAcquisitionModalOpen:p}},void 0!==s?E?i&&N?(()=>{let e=_[(null==s?void 0:s.value)||""];return(null==e?void 0:e.action)===d.ShowPremiumModal?handleShowPNBannerFlowWhenLogin():c.createElement(SurveyBanner,null)})():handleShowPNBannerFlowWhenLogin():o?c.createElement(PnBannerEle,null):null:null)}},bEUj:function(e,t,n){n.d(t,{D:function(){return Divider}});var a=n("q1tI"),i=n("rBCA"),o=n("iBNF");let l=i.Z.hr`
  border-width: 1px;
  border-color: ${o.r.colors.neutral200};
  border-style: ${e=>e.dividerType};
`,Divider=({type:e="solid",className:t,style:n})=>a.createElement(l,{style:n,className:t,"data-diver-type":e,dividerType:e})},EzAq:function(e,t,n){n.d(t,{B:function(){return BabyPoopForm}});var a=n("+MNf"),i=n("q1tI"),o=n("/npG"),l=n("mYVa"),r=n("Eso5"),s=n("iuhU"),d=n("UldL"),c=n("mH4H"),p=n("eyMb"),u=n("MtwO"),m=n("FM21"),g=(0,o.k)((e,{hasOnClickFn:t})=>({root:{position:"relative",display:"flex",flexDirection:"column",gap:(0,l.h)(16)},sponsorBox:{display:"flex",gap:(0,l.h)(12),alignItems:"center",backgroundColor:e.colors.neutral[0],border:`1px solid ${e.colors.neutral[1]}`,borderRadius:(0,l.h)(4),padding:"4px 12px",alignSelf:"flex-start"},sponsorLogo:{maxHeight:(0,l.h)(32)},btn:{minWidth:(0,l.h)(180),[e.fn.largerThan("sm")]:{alignSelf:"flex-end"},visibility:t?"visible":"hidden"}}));let BabyPoopForm=e=>{var{babyPoopPage:t,onClickFindOut:n,currentUrl:o,sponsorLogo:l,btnProps:h,styles:v,classNames:b}=e,E=(0,a._)(e,["babyPoopPage","onClickFindOut","currentUrl","sponsorLogo","btnProps","styles","classNames"]);let{t:f}=(0,p.u)(),{classes:y}=g({hasOnClickFn:!!n},{name:"BabyPoopForm",styles:v,classNames:b}),{classes:C={}}=(0,i.useContext)(u.C);return i.createElement(m.H.FormRow,null,i.createElement(r.x,Object.assign({className:y.root},E),l&&i.createElement(r.x,{className:y.sponsorBox},i.createElement(d.T,{size:"p4"},f("common.sponsoredBy")),i.createElement("img",{loading:"lazy",src:l,alt:"sponsor",className:y.sponsorLogo})),i.createElement(d.T,{size:"p3",as:"div",className:"description",dangerouslySetInnerHTML:{__html:t.description}}),i.createElement(c.B,Object.assign({className:(0,s.default)(y.btn,C.submitBtn),onClick:n,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:o},h),f("babyPoop.findOut"))))}},J1dS:function(e,t,n){n.d(t,{H:function(){return Heading}});var a=n("+MNf"),i=n("q1tI"),o=n("8vDj"),l=n("UldL");let Heading=e=>{var{as:t,tag:n,color:r,fontWeight:s,dataEventCategory:d,dataEventAction:c,dataEventLabel:p}=e,u=(0,a._)(e,["as","tag","color","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]);let m=(0,o.rZ)();return i.createElement(l.T,Object.assign({as:t||n,color:r||m.colors.gray[8],"data-event-category":d,"data-event-action":c,"data-event-label":p,weight:"semibold"===s?"semiBold":"bold",size:n,"data-size":n,"data-font-weight":s||void 0},u))}},"3hJ3":function(e,t,n){n.d(t,{I:function(){return Input},L:function(){return Label},S:function(){return u},a:function(){return p},b:function(){return c}});var a=n("+MNf"),i=n("q1tI"),o=n("8vDj"),l=n("rBCA"),r=n("iBNF"),s=n("Dt6F");let d=l.Z.div`
  position: relative;
  width: 100%;

  &[data-has-error] {
    input {
      border-color: ${r.r.colors.red700};
    }
  }

  input {
    width: 100%;
    padding: 12px 16px;
    border: solid 1px ${r.r.colors.gray200};
    border-radius: ${r.r.borderRadius};

    &:active,
    &:focus,
    &.focused {
      border-color: ${e=>e.color};
      box-shadow: 0px 0px 2px 2px ${e=>e.shadowColor};
    }

    &:disabled {
      background-color: ${r.r.colors.gray100};
      cursor: not-allowed;
    }
  }

  &[data-has-action-icon] {
    input {
      padding: 12px 48px 12px 16px;
    }
  }
  &[data-has-display-icon] {
    input {
      padding: 12px 16px 12px 48px;
    }
  }

  &[data-has-action-icon][data-has-display-icon] {
    input {
      padding: 12px 48px;
    }
  }

  &[data-size='lg'] {
    input {
      font-size: 16px;
      font-weight: ${r.r.sizes.fwRegular};
      ${s.M.mbDown} {
        font-size: 22px;
        line-height: 1.2;
      }

      ${s.M.mbUp} {
        font-size: 26px;
        line-height: 1.2;
      }
    }
  }
  &[data-size='md'] {
    input {
      font-weight: ${r.r.sizes.fwRegular};
      line-height: 22px;
      ${s.M.mbDown} {
        font-size: 14px;
        line-height: 1.2;
      }

      ${s.M.mbUp} {
        font-size: 16px;
        line-height: 1.2;
      }
    }
  }
  &[data-size='sm'] {
    input {
      font-weight: ${r.r.sizes.fwRegular};
      line-height: 20px;
      ${s.M.mbDown} {
        font-size: 13px;
        line-height: 1.5;
      }

      ${s.M.mbUp} {
        font-size: 13px;
        line-height: 1.5;
      }
    }
  }
`,c=l.Z.label`
  color: ${r.r.colors.red700};
  font-weight: ${r.r.sizes.fwRegular};
`,p=l.Z.div`
  position: absolute;
  top: 50%;
  right: 16px;
  cursor: pointer;
  transform: translateY(-50%);
`,u=l.Z.div`
  position: absolute;
  top: 50%;
  left: 16px;
  display: inline-flex;
  cursor: default;
  transform: translateY(-50%);
`,Label=({children:e,className:t,style:n,htmlFor:a,size:o})=>i.createElement("label",{"data-size":o,className:`DjBFAbd ${t||""}`,style:n,htmlFor:a},e),Input=e=>{var{name:t,value:n,errorMessage:l,isNumerousKeyboard:r=!1,showErrorMessage:s=!0,actionIcon:m,displayIcon:g,onActionClick:h,label:v,className:b,onChange:E,isDisabled:f,CustomInput:y,size:C,style:w,autoComplete:x="off",type:k="text",inputClassName:S,trackingAttributes:T,enterKeyHint:I}=e,P=(0,a._)(e,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);let B=(0,o.rZ)(),O=(0,i.useMemo)(()=>T?{"data-event-category":T.dataEventCategory,"data-event-action":T.dataEventAction,"data-event-label":T.dataEventLabel}:{},[T]);return i.createElement(d,{"data-size":C,className:b,"data-has-action-icon":!!m||void 0,"data-has-display-icon":!!g||void 0,"data-has-error":l&&l.length>0||void 0,color:B.fn.primaryColor(),shadowColor:B.colors[B.primaryColor][0],style:w},v&&i.createElement(Label,{size:"label2",htmlFor:t,className:"inputLabel"},v),i.createElement("div",{style:{position:"relative"}},y||i.createElement("input",Object.assign({id:t,name:t,onChange:e=>E&&E(e.target.value),type:k,"aria-label":k,value:n,disabled:f,autoComplete:x,inputMode:r||"number"===k?"numeric":k,pattern:r?"[0-9]*":".*",className:S,enterKeyHint:I},O,P)),g&&i.createElement(u,{className:"displayIcon"},g),m&&i.createElement(p,{className:"actionIcon",onClick:h},m)),l&&l.length>0&&s&&i.createElement(c,{className:"errorLabel"},l))}},oisk:function(e,t,n){n.d(t,{A:function(){return AddressInput}});var a=n("+MNf"),i=n("q1tI"),o=n("OAL+"),l=n("aDCK"),r=n("u5t1"),s=n("+24l"),d=n("eyMb"),c=n("NzXA"),p=n("nwPE"),u=n("yNk5");let generateGetAddressDetail=e=>`${s.g}/cities-data-${c.M[e]}.json`,m={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},reducer=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},mappingProvinceId=(e,t)=>{let n={};for(let[,e]of Object.entries(t)){let{id:t}=e;t&&(n[t]=e)}let a={};return e.map(e=>{a[e.name]=n[e.id]}),a},useAddress=({provinces:e})=>{let[t,n]=(0,i.useReducer)(reducer,m),{provinceByName:o,provinces:l,districts:r,wards:s,selectedProvince:d,selectedDistrict:c,selectedWard:g}=t,[h,v]=(0,i.useState)();return(0,i.useEffect)(()=>{(0,a.a)(void 0,void 0,void 0,function*(){var t,a,i;try{let o=yield fetch(generateGetAddressDetail(u.env.UNIFY_LOCALE||p.L.Vietnam)).then(e=>e.json());v(o);let{list:l}=o,r=e?mappingProvinceId(e,l):l,s=Object.keys(r),d=Object.keys((null===(t=l[s[0]])||void 0===t?void 0:t.list)||{}),c=Object.keys((null===(i=null===(a=l[s[0]])||void 0===a?void 0:a[d[0]])||void 0===i?void 0:i.list)||{});n({type:"SET_DATA",payload:{provinceByName:r,provinces:s,districts:d,wards:c}})}catch(e){console.error("Error fetching address data:",e)}})},[u.env.UNIFY_LOCALE]),{provinces:l,districts:r,wards:s,selectedProvince:d,selectedDistrict:c,selectedWard:g,handleProvinceChange:e=>{var t;let a=Object.keys((null===(t=o[e])||void 0===t?void 0:t.list)||{});n({type:"SET_DISTRICTS",payload:a}),n({type:"SET_WARDS",payload:[]}),n({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,a;let i=Object.keys((null===(a=null===(t=o[d])||void 0===t?void 0:t.list[e])||void 0===a?void 0:a.list)||{});n({type:"SET_WARDS",payload:i}),n({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{n({type:"SELECT_WARD",payload:e})}}},AddressInput=e=>{var{error:t,provinces:n,placeholder:s}=e,c=(0,a._)(e,["error","provinces","placeholder"]);let{t:p}=(0,d.u)(),{provinces:u,districts:m,wards:g,selectedProvince:h,selectedDistrict:v,selectedWard:b,handleProvinceChange:E,handleDistrictChange:f,handleWardChange:y}=useAddress({provinces:n}),[C,w]=(0,i.useState)("");return(0,i.useEffect)(()=>{h&&v&&b&&C?c.onChange({selectedProvince:h,selectedDistrict:v,selectedWard:b,extraInfo:C}):c.onChange(null)},[h,v,b,C]),i.createElement(r.I.Wrapper,Object.assign({withAsterisk:!0},c),i.createElement(o.K,null,i.createElement(r.S,{placeholder:(null==s?void 0:s.province)||p("onboarding.similac.input.city"),data:n?u:u.sort(),searchable:!0,onChange:E,value:h}),i.createElement(r.S,{placeholder:(null==s?void 0:s.district)||p("onboarding.similac.input.district"),data:m.sort(),searchable:!0,onChange:f,value:v,disabled:!h}),i.createElement(r.S,{placeholder:(null==s?void 0:s.ward)||p("onboarding.similac.input.ward"),searchable:!0,data:g.sort(),value:b,onChange:y,disabled:!h||!v}),i.createElement(r.I,{placeholder:(null==s?void 0:s.address)||p("onboarding.similac.input.no"),disabled:!h||!v||!b,value:C,onChange:w,style:{marginBottom:0}})),i.createElement(l.I.Error,{size:"md"},t))}},B1O1:function(e,t,n){n.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 a=n("+MNf"),i=n("q1tI"),o=n("KtSi"),l=n("J1dS"),r=n("eyMb"),s=n("ns0B"),d=n.n(s),c=n("4/As"),p=n("5SVV"),u=n("HJLy"),m=n("aZjv"),g=n("9cAc"),h=n("gJbL"),v=n("rBCA"),b=n("Dt6F"),E=n("iBNF"),f=n("gDhB"),y=n("IQVP"),C=n("aQvW"),w=n("zSvm"),x=n("6ix4"),k=n("fqj+"),S=n("Ckaz"),T=n("bEUj"),I=n("vWP/"),P=n("VLUI"),B=n("h84G"),O=n("MZpI"),N=n("QaGV"),_=n("bpvy"),A=n("3hJ3"),R=n("UldL"),M=n("Naig"),j=n("mF45"),L=n("xrdX"),z="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",D="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",$="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:n,post:o,className:l="",popoverClassName:s="",onEditPost:d})=>{let{data:{locale:v,userInfo:b,env:{isMarryBaby:E}}}=(0,i.useContext)(g.T),{t:f}=(0,r.u)(),[y,C]=(0,i.useState)(!1),[w,x]=(0,i.useState)(!1),[k,S]=(0,i.useState)(!1),{authActionWrapper:T}=(0,m.iV)(),I=e&&(null==b?void 0:b.email)&&e===String(null==b?void 0:b.email);return i.createElement("div",{className:l,onClick:e=>{e.preventDefault(),e.stopPropagation()}},k&&i.createElement(c.S,{url:n,text:null==o?void 0:o.title,onClose:()=>S(!1)}),w&&i.createElement(c.P,{thumbnail:p.C.getAssetPath("trash-bin.svg"),isThumbnailIcon:!0,title:f("popup.deletePost.title"),description:f("popup.deletePost.description"),acceptText:f("popup.deletePost.accept"),cancelText:f("popup.deletePost.cancel"),onAccept:()=>(0,a.a)(void 0,void 0,void 0,function*(){if((null==o?void 0:o.id)&&!y){C(!0);try{let e=yield(0,c.h)({id:o.id,locale:v});(null==e?void 0:e.status)===1&&(null==t||t())}catch(e){}C(!1)}}),onClose:()=>x(!1)}),i.createElement(h.b,{className:s,toggleButtonContent:i.createElement("img",{src:E?z:D,loading:"lazy"}),position:"bottom",align:"end",buttonProps:{isLoading:y},data:I?{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:f("actionPopover.edit"),onClick:d},{icon:$,label:f("actionPopover.delete"),onClick:()=>{T(()=>x(!0))}}]}:{isShowheader:!1,type:"list",list:[{icon:c.i,label:f("morePopover.report"),subTree:{title:f("morePopover.report.title"),description:f("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:f(e.label),subTree:{title:f("morePopover.reportSubmit.title"),description:f("morePopover.reportSubmit.description"),isShowheader:!0,type:"jsx",jsxRenderer:t=>i.createElement(c.b,{reason:e.reasonValue,reasonText:f(e.reason),postId:null==o?void 0:o.id,onClose:()=>t&&t(!1)})}}))}}]}}))},H=v.Z.div`
  position: relative;
  margin-bottom: 24px;
  background: white;
  border-radius: ${E.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: ${E.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 V="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:n="",popoverClassName:o=""})=>{let{data:{env:{isMarryBaby:l},locale:s},action:{pushNotifications:d}}=(0,i.useContext)(g.T),{t:p}=(0,r.u)(),[u,v]=(0,i.useState)(!1),{authActionWrapper:b}=(0,m.iV)();return i.createElement("div",{className:n,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,a.a)(void 0,void 0,void 0,function*(){var n;if(!t)return;let a=yield(0,c.j)({id:t,locale:s});(null==a?void 0:a.status)===1?(e&&e(),d({title:"",message:p("notification.success"),type:"success"})):d({title:"",message:(null===(n=null==a?void 0:a.messages)||void 0===n?void 0:n[0])||p("notification.failure"),type:"danger"})}),onClose:()=>v(!1)}),i.createElement(h.b,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:[{icon:$,label:p("actionPopover.delete"),onClick:()=>{b(()=>{v(!0)})}}]},className:o,toggleButtonContent:i.createElement("img",{src:l?z:D,loading:"lazy"}),buttonProps:{}}))},F=v.Z.div`
  .add-link {
    color: ${E.r.colors.primaryBase};
  }
`,W=v.Z.div`
  margin: 16px 0;
  background: ${E.r.colors.yellow50};
  padding: 5px 10px;
  border-radius: 2px;

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

  &:first-child {
    border-top: 0;
  }
`,SourceItem=({postTitle:e,articleReviewed:t,modifiedTime:n,href:a})=>{let{t:o}=(0,r.u)(),l=(()=>{let{expert:e,editor:n,is_author:a}=t;if(e){let t={name:e.display_name,role:"expert",avatar:e.avatar};return a?Object.assign({title:o("articleAuthor.title.written-by")},t):"expert"===e.role?Object.assign({title:o("articleAuthor.title.expert")},t):Object.assign({title:o("articleAuthor.title.medical")},t)}if(n)return{title:o("articleAuthor.title.fact-check"),name:n.display_name,avatar:n.avatar}})();return i.createElement(ee,{href:a,title:e,target:"_blank"},i.createElement(R.T,{size:"s3",as:"h5",weight:"bold"},e),i.createElement("div",null,i.createElement(w.C,{avatar:null==l?void 0:l.avatar,avatarProps:{size:32},name:null==l?void 0:l.name,role:null==l?void 0:l.role,hideBackground:!0},i.createElement(w.C.SubTextRow,null,i.createElement(w.C.SubText,null,null==l?void 0:l.title," ",i.createElement("span",{style:{color:E.r.colors.gray800}},null==l?void 0:l.name)),i.createElement(w.C.SubDivider,null),i.createElement(w.C.SubText,null,n)))))};var et={header:"F4mmgSy",chevron:"A7QrQ7A"};let SourceList=e=>{var{listUrl:t,hideSourceList:n,categorySlug:s,editMode:d,collapseSource:c,onListChange:u,isMarryBaby:m}=e,h=(0,a._)(e,["listUrl","hideSourceList","categorySlug","editMode","collapseSource","onListChange","isMarryBaby"]);let{t:v}=(0,r.u)(),[b,C]=(0,i.useState)(t||[]),[w,x]=(0,i.useState)([]),[k,S]=(0,i.useState)([]),[T,P]=(0,i.useState)(!1);(0,i.useEffect)(()=>{n||(0,a.a)(void 0,void 0,void 0,function*(){P(!0);let e=b.map(e=>{let t=new URL(e),n=String(t.pathname).split("/").filter(e=>""!=e),a=t.origin,i=-1!==a.search("marrybaby.vn");return{isMarrySite:i,path:n[n.length-1],href:e}}),t=[...e.map(e=>(0,g.c)(e.isMarrySite?(0,g.s)(y.D9.GET_PREVIEW_ARTICLE,{fullSlug:e.path},!0):(0,g.g)(y.D9.GET_PREVIEW_ARTICLE,{fullSlug:e.path},!0),"GET"))],n=yield Promise.all(t);x(n.map((t,n)=>{var a,i;return(null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.post)&&Object.assign(Object.assign({},(0,f.f)(null===(i=null==t?void 0:t.data)||void 0===i?void 0:i.post)),{href:e[n].href})}).filter(Boolean)),P(!1)})},[]),(0,i.useEffect)(()=>{!n&&(null==w?void 0:w.length)===0&&s&&(0,a.a)(void 0,void 0,void 0,function*(){var e;let t=yield(0,g.c)(m?(0,g.s)(y.D9.GET_CATEGORY_OR_ARTICLE_DETAIL,{fullSlug:s},!0):(0,g.g)(y.D9.GET_CATEGORY_OR_ARTICLE_DETAIL,{fullSlug:s},!0),"GET");(null==t?void 0:t.data)&&S([(0,f.h)(null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.category)])})},[w]);let handleRemoveItem=e=>{C(t=>{let n=[...t];return n.splice(e,1),n}),x(t=>{let n=[...t];return n.splice(e,1),n})};return(0,i.useEffect)(()=>{null==u||u(b)},[b]),i.createElement("div",Object.assign({},h),!d&&i.createElement(W,null,i.createElement("img",{className:"icon",src:p.C.getAssetPath("warning.svg"),alt:"warning",style:{marginBottom:"3px",width:"18px"},loading:"lazy"}),i.createElement(R.T,{size:"s3",as:"span",dangerouslySetInnerHTML:{__html:v("cardReply.disclaimer")}})),n?null:T?i.createElement(M.L,null):w.length>0||d?i.createElement(F,null,i.createElement(_.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 ${E.r.colors.neutral100}`},item:{marginBottom:"16px",borderTopLeftRadius:"8px",borderTopRightRadius:"8px",border:`1px solid ${E.r.colors.neutral100}`,borderBottomLeftRadius:"8px",borderBottomRightRadius:"8px","&[data-active]":{borderBottomLeftRadius:0,borderBottomRightRadius:0}}},chevron:i.createElement("div",{className:et.chevron},i.createElement(B.Z,{color:E.r.colors.gray600,size:20}))},i.createElement(_.U.Item,{value:"accordion"},i.createElement(_.U.Control,null,i.createElement("div",{className:et.header},i.createElement(l.H,{as:"h4",tag:"h6"},v("cardReply.source")))),i.createElement(_.U.Panel,null,i.createElement(Z,null,(w||[]).map((e,t)=>i.createElement(U,{key:String(t)},"object"==typeof e?i.createElement(SourceItem,Object.assign({},e)):i.createElement(G,null,i.createElement(A.I,{style:{width:"100%"},name:"source-list",value:e||"",size:"sm",onChange:e=>{C(n=>{let a=[...n];return a[t]=e,a}),x(n=>{let a=[...n];return a[t]=e,a})}})),d&&i.createElement(o.B,{size:"md",color:"transparent",icon:i.createElement(O.Z,null),onClick:()=>handleRemoveItem(t)}))),d&&i.createElement(o.B,{className:"add-link",color:"transparent",size:"md",icon:i.createElement(I.Z,{color:E.r.colors.primaryBase,size:18}),onClick:()=>{C(e=>[...e,""]),x(e=>[...e,""])}},"Add source")))))):i.createElement(RecommentCategories,{categories:k}))},en=v.Z.div`
  position: relative;
  margin-bottom: 0;
  background: white;
  border-radius: ${E.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: ${E.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;
    }
  }
`,ea=(0,v.Z)(SourceList)`
  margin-top: 12px;
  padding: 0.5rem 1rem 1rem;
`,VerifiedTag=({userId:e,avatar:t,name:n,role:a,title:l,className:s})=>{let{t:d}=(0,r.u)(),[c,p]=(0,i.useState)(!1);return i.createElement(i.Fragment,null,i.createElement(o.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(N.Z,{isSolid:!0,size:18,color:E.r.colors.green800,className:"icon"}),d("cardReply.verifyBy",{name:`${n||""}`}))),i.createElement(w.c,{open:c,onClose:()=>p(!1),profileModalProps:{zIndex:1e3}},i.createElement(x.a,{authorProps:{userId:e,avatar:t,name:n,role:a,title:l},hideQuestionTab:!0})))},CardReply=({className:e,style:t,comment:n,type:l="comment",level:s=0,replyingId:d,onPostCommentSuccess:p,post:u,onDeleteComment:v,refetchComment:b,hasQuickBookingEnable:E,handleMakeAppointment:f,cardAuthorProps:S,maxChars:I=600,disableShortenContent:P})=>{var B,O,N,_,A,R,M,j,z,D,$,H,V;let{data:{locale:F,userInfo:W,env:{isMarryBaby:U}}}=(0,i.useContext)(g.T),{t:Z}=(0,r.u)(),[G,K]=(0,i.useState)(n||null),{id:Y,countLikes:q,content:J,replies:Q=[],images:X=[],author:ee,liked:et,link:ei,mentionedUser:eo,mentions:el}=G,{text:er,replyingTo:es}=(0,c.k)(J),{authActionWrapper:ed}=(0,m.iV)({_joinCommunityIds:[null===(B=null==u?void 0:u.community)||void 0===B?void 0:B.id],_joinTopicIds:null===(O=null==u?void 0:u.topics)||void 0===O?void 0:O.map(e=>e.id)}),[ec,ep]=(0,i.useState)(4),eu=null!=W&&!!W.id&&(null==Q?void 0:Q.some(e=>e.author.id===W.id)),addNewReply=e=>{K(t=>{if(!t.replies.find(t=>t.id===e.id)){t.replies.unshift(e);let n=Object.assign(Object.assign({},t),{replies:t.replies.slice(),countReplies:t.countReplies+1});return b&&b(n),n}return t})},[em,eg]=(0,i.useState)(!1),eh=(0,i.useMemo)(()=>"comment"===l&&Q&&0!=Q.length?Q.sort((e,t)=>{let n=new Date(e.createdAt).getTime(),a=new Date(t.createdAt).getTime();return n>a?-1:n<a?1:0}):Q,[l,Q]),ev=(null==Q?void 0:Q.length)||0,eb=String(null==ee?void 0:ee.email)&&(null==W?void 0:W.email)&&String(null==ee?void 0:ee.email)===String(null==W?void 0:W.email),eE=(null==ee?void 0:ee.name)||(null==ee?void 0:ee.username)||"",ef=(null==ee?void 0:ee.username)||(null==ee?void 0:ee.name)||"",ey=null==ee?void 0:ee.avatar,eC=(null==u?void 0:u.isAnonymous)?void 0:null==ee?void 0:ee.role,ew=[...(null==u?void 0:u.isAnonymous)?[{id:(null===(N=null==u?void 0:u.author)||void 0===N?void 0:N.id)||0,name:Z("cardPost.anonymous")}]:[],...el||[]],[ex,ek]=(0,i.useState)(null),[eS,eT]=(0,i.useState)(null);(0,i.useEffect)(()=>{var e,t;(null==ee?void 0:ee.hospitalId)&&(e=ee.hospitalId,(0,a.a)(void 0,void 0,void 0,function*(){var t;let n=yield(0,g.c)((0,g.b)(y.tC.GET_HOSPITAL_INFO,{hospital_branch_id:e,website_url:L.v[F]}),"get");(null===(t=null==n?void 0:n._data)||void 0===t?void 0:t.branch)&&ek(null==n?void 0:n._data.branch)})),(null==ee?void 0:ee.doctorId)&&(t=ee.doctorId,(0,a.a)(void 0,void 0,void 0,function*(){var e;let n=yield(0,g.c)((0,g.b)(y.tC.GET_DOCTOR_INFO,{doctorId:t,website_url:L.v[F]}),"get");(null===(e=null==n?void 0:n._data)||void 0===e?void 0:e.doctor)&&eT(null==n?void 0:n._data.doctor)}))},[ee.hospitalId,ee.doctorId]);let eI=(null==eS?void 0:eS.valid_outpatient)||(null==eS?void 0:eS.valid_telemedicine),eP=((null==ex?void 0:ex.total_available_service)||(null==ex?void 0:ex.total_available_doctor))>0,eB=E&&(eI||eP),eO=(null===(_=null==G?void 0:G.author)||void 0===_?void 0:_.type)==="chatbot";return i.createElement(m.I_,{defaultParams:{_joinCommunityIds:[null===(A=null==u?void 0:u.community)||void 0===A?void 0:A.id],_joinTopicIds:null===(R=null==u?void 0:u.topics)||void 0===R?void 0:R.map(e=>e.id)}},i.createElement(en,{className:e,style:t,"data-is-reply":!!s,"data-is-marrybaby":U,"data-has-booking":eB},"reply"===l&&i.createElement(T.D,{className:"top-divider",type:"solid"}),i.createElement("div",{style:{padding:"16px 16px 0"}},i.createElement(w.C,Object.assign({avatar:ey,name:eE,username:ef,timeText:null==u?void 0:u.createdTime,community:null==u?void 0:u.community,className:`post-author ${eb?"with-popover":""}`,type:l,userId:null==ee?void 0:ee.id,role:eC,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:eB,handleMakeAppointment:f,isAnonymous:(null==G?void 0:G.isAnonymous)||!!(null==u?void 0:u.isAnonymous)&&(null===(M=null==u?void 0:u.author)||void 0===M?void 0:M.username)===(null==ee?void 0:ee.username),hideBackground:eO,userType:null==ee?void 0:ee.type},S)),!!(null==G?void 0:G.isVerify)&&!(null==G?void 0:G.isOppose)&&i.createElement(VerifiedTag,{title:null===(j=null==G?void 0:G.userVerify)||void 0===j?void 0:j.title,name:null===(z=null==G?void 0:G.userVerify)||void 0===z?void 0:z.name,userId:null===(D=null==G?void 0:G.userVerify)||void 0===D?void 0:D.id,role:null===($=null==G?void 0:G.userVerify)||void 0===$?void 0:$.role,avatar:null===(H=null==G?void 0:G.userVerify)||void 0===H?void 0:H.avatar,className:"verify-tag"})),i.createElement(x.P,{className:"post-content-wrapper",replyingTo:es,mentionedUser:eo,description:er,mentions:ew,maxChars:I,disableShortenContent:P}),i.createElement("span",null),i.createElement("span",null),X&&X.length>0?i.createElement("div",{key:"image-preview",className:"image-preview-wrapper","data-is-reply":!0},i.createElement(k.a,{images:X,authorName:null==ee?void 0:ee.username})):null,(!X||0===X.length)&&ei?i.createElement("div",{key:"link-preview",className:"link-preview-wrapper","data-is-reply":!0},i.createElement(C.C,{url:ei})):null,"most-engaging"!==l?i.createElement(i.Fragment,null,eO&&i.createElement(ea,{listUrl:null==G?void 0:G.source,categorySlug:null==G?void 0:G.categorySlug}),i.createElement(h.C,{type:h.c.reply,loveCount:q,replyCount:ev,className:"post-reaction",liked:et,isReplied:eu,hideCommentIcon:"reply"===l||eO,hasShare:!1,onCommentClick:()=>ed(()=>eg(e=>!e)),onCommentCountClick:()=>ed(()=>{eg(!0)}),onLikeClick:()=>ed(()=>(0,a.a)(void 0,void 0,void 0,function*(){if(Y){let e=yield(0,c.l)({commentId:Y,setLike:!et,locale:F});1===e.status&&K(e=>Object.assign(Object.assign({},e),{liked:!et,countLikes:e.countLikes+(et?-1:1)}))}}))}),em&&i.createElement(c.I,{replyingId:d||G.id,replyToName:eE,isReply:!0,onClose:()=>eg(!1),onPostSuccess:e=>{"reply"===l?p&&p(e):addNewReply(e)},post:u,replyingUser:ee}),"comment"===l&&Q&&Q.length>0?i.createElement("div",{className:"comment-reply-wrapper"},null===(V=null==eh?void 0:eh.slice(0,ec))||void 0===V?void 0:V.map(e=>i.createElement(CardReply,{key:e.id,comment:e,type:"reply",className:"comment-reply-item",level:s+1,replyingId:Y,onPostCommentSuccess:addNewReply,post:u,onDeleteComment:()=>{K(t=>Object.assign(Object.assign({},t),{replies:t.replies.filter(t=>t.id!==e.id),countReplies:t.countReplies-1}))},handleMakeAppointment:f,hasQuickBookingEnable:E})),ev>ec&&i.createElement(i.Fragment,null,i.createElement(T.D,{className:"top-divider",type:"solid"}),i.createElement(o.B,{className:"more-cmt",size:"lg",color:"ghost",onClick:()=>ep(e=>e+4)},Z("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,a.a)(void 0,void 0,void 0,function*(){var n,a,i;let o=yield(0,g.t)((0,g.f)(y.yy.COMMENT.LIST,{postId:e,_locale:t,sort:"popularity",perPage:1,withoutReply:1}),"GET");return null===(i=null===(a=null===(n=null==o?void 0:o.data)||void 0===n?void 0:n.comments)||void 0===a?void 0:a.map(f.g))||void 0===i?void 0:i[0]}),CardPost=({className:e,style:t,hideViewMoreComment:n,showMostEngaging:s,onCommentClick:p,onCommentCountClick:v,onMostEngagingCommentClick:b,onPostCommentSuccess:E,disableCardLink:f,disableShortenContent:T,onDeletePost:I,onEditPost:P,post:B,mostEngagingComment:O,onDeleteComment:N,showInputComment:_,InlineCommentsComponent:A,hasQuickBookingEnable:R,handleMakeAppointment:M,onSaveUnsaveSuccess:j,cardAuthorProps:L,verticalReactions:z=!1})=>{let[D,$]=(0,i.useState)(B),[F,W]=(0,i.useState)(!1),[U,Z]=(0,i.useState)(O),{community:G,topics:K,author:Y,slug:q,isPin:J,liked:Q,photos:X,mentions:ee,title:et,description:en,previewUrl:ea,likesCount:ei,commentsCount:eo,id:el,commented:er}=D,{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,r.u)(),[ev,eb]=(0,i.useState)(_),eE=`${eu}/${(null==G?void 0:G.slug)||"_"}/${q||""}`,ef=`${(0,g.l)(es)}${eE}`,{authActionWrapper:ey}=(0,m.iV)((null==G?void 0:G.slug)?{_joinCommunityIds:[G.id],_joinTopicIds:null==K?void 0:K.map(e=>e.id)}:void 0),[eC,ew]=(0,i.useState)(!1);(0,i.useEffect)(()=>{eb(_)},[_]);let ex=(null==Y?void 0:Y.name)||(null==Y?void 0:Y.username)||"",ek=(null==Y?void 0:Y.username)||(null==Y?void 0:Y.name)||"",eS=null==Y?void 0:Y.avatar,eT=(null==D?void 0:D.isAnonymous)?void 0:null==Y?void 0:Y.role,[eI,eP]=(0,i.useState)(null),[eB,eO]=(0,i.useState)(null);(0,i.useEffect)(()=>{var e,t;(null==Y?void 0:Y.hospitalId)&&(e=Y.hospitalId,(0,a.a)(void 0,void 0,void 0,function*(){var t;let n=yield(0,g.c)((0,g.b)(y.tC.GET_HOSPITAL_INFO,{hospital_branch_id:e,website_url:g.m[es]}),"get");(null===(t=null==n?void 0:n._data)||void 0===t?void 0:t.branch)&&eP(null==n?void 0:n._data.branch)})),(null==Y?void 0:Y.doctorId)&&(t=Y.doctorId,(0,a.a)(void 0,void 0,void 0,function*(){var e;let n=yield(0,g.c)((0,g.b)(y.tC.GET_DOCTOR_INFO,{doctorId:t,website_url:g.m[es]}),"get");(null===(e=null==n?void 0:n._data)||void 0===e?void 0:e.doctor)&&eO(null==n?void 0:n._data.doctor)}))},[Y.hospitalId,Y.doctorId]);let eN=(null==eB?void 0:eB.valid_outpatient)||(null==eB?void 0:eB.valid_telemedicine),e_=((null==eI?void 0:eI.total_available_service)||(null==eI?void 0:eI.total_available_doctor))>0;(0,i.useEffect)(()=>{(0,a.a)(void 0,void 0,void 0,function*(){if(el&&eo&&s&&!(null==O?void 0:O.id)){let e=yield getMostEngagingComment(el,es);Z(e)}})},[el,es,eo,s,null==O?void 0:O.id]),(0,i.useEffect)(()=>{Z(O)},[null==O?void 0:O.id]);let onDeleteComment=e=>(0,a.a)(void 0,void 0,void 0,function*(){if(eo>1&&(null==U?void 0:U.id)&&(null==U?void 0:U.id)===(null==e?void 0:e.id)){let e=yield getMostEngagingComment(el,es);Z(e)}$(e=>Object.assign(Object.assign({},e),{commentsCount:e.commentsCount-1})),N&&N(e)});return i.createElement(m.I_,{defaultParams:(null==G?void 0:G.slug)?{_joinCommunityIds:[G.id],_joinTopicIds:null==K?void 0:K.map(e=>e.id)}:void 0},F&&i.createElement(c.S,{url:ef,avatar:u.a,text:et,onClose:()=>W(!1)}),i.createElement(H,{className:e,style:t,"data-is-marrybaby":ep},J?i.createElement(h.a,{className:"post-pin"}):null,i.createElement("div",{style:{position:"relative",padding:"1rem 1rem 0"}},i.createElement(w.C,Object.assign({avatar:eS,name:ex,username:ek,url:f?void 0:eE,community:G,timeText:null==D?void 0:D.createdTime,className:"post-author",role:eT,userId:null==Y?void 0:Y.id,expertId:null==Y?void 0:Y.partnerId,doctorId:null==Y?void 0:Y.doctorId,hospitalId:null==Y?void 0:Y.hospitalId,title:null==Y?void 0:Y.title,hasQuickBooking:R&&(eN||e_),handleMakeAppointment:M,"data-testid":"name",isAnonymous:!!(null==D?void 0:D.isAnonymous),extendEle:i.createElement(CardPostPopoverMore,{authorEmail:String(null==Y?void 0:Y.email),onDeletePost:I,shareUrl:ef,post:D,className:"popover",onEditPost:P})},L))),i.createElement("a",{href:f?void 0:eE,className:"post-content-link-wrapper"},et&&i.createElement(l.H,{className:"post-content-title",as:"h2",tag:"h5",fontWeight:"bold","data-testid":"Title of the Post"},d()(et)),i.createElement(x.P,{className:"post-content-wrapper",description:en,disableShortenContent:T,mentions:ee,"data-testid":"Content of the Post"})),i.createElement("span",null),i.createElement("span",null),i.createElement("div",{key:"tag-topic"},K&&K.length>0?i.createElement(h.T,{topics:K,className:"post-topics"}):null),i.createElement("div",{key:"social-preview"},(null==D?void 0:D.introUrl)?i.createElement("div",{className:`social-preview-wrapper ${(null==X?void 0:X.length)?"has-image":""}`},i.createElement(S.S,{url:D.introUrl,image:D.bannerImage})):null),i.createElement("div",{key:"image-preview"},(null==X?void 0:X.length)?i.createElement("div",{className:"image-preview-wrapper"},i.createElement(k.a,{images:X,authorName:null==Y?void 0:Y.name,isSensitive:!!(null==D?void 0:D.isSensitive)})):null),i.createElement("div",{key:"link-preview"},(null==D?void 0:D.introUrl)||(null==X?void 0:X.length)||null==ea||!ea.url?null:i.createElement("div",{className:"link-preview-wrapper"},i.createElement(C.C,{title:ea.title,url:ea.url,image:ea.image}))),i.createElement(h.C,{isMarryBaby:ep,type:h.c.post,loveCount:ei,replyCount:eo,className:`post-reaction ${(null==X?void 0:X.length)||(null==ea?void 0:ea.url)?"hide-top-border":""}`,liked:eC?!Q:Q,isReplied:er,isSaved:(null==D?void 0:D.bookmarked)||!1,onCommentClick:()=>ey(()=>{p?p():eb(e=>!e)}),onCommentCountClick:()=>{ey(()=>{ep?eb(!0):v?v():f||(window.location.href=eE)})},onShareClick:()=>{W(!0)},onLikeClick:()=>(0,a.a)(void 0,void 0,void 0,function*(){ey(()=>(0,a.a)(void 0,void 0,void 0,function*(){if(el&&!eC){ew(!0);try{let e=yield(0,c.m)({id:el,locale:es});(null==e?void 0:e.status)!==1?em((0,c.g)(eh)):$(e=>Object.assign(Object.assign({},e),{likesCount:(e.likesCount||0)+(e.liked?-1:1),liked:!e.liked}))}catch(e){em((0,c.g)(eh))}ew(!1)}}))}),onSaveClick:()=>{ey(()=>(0,a.a)(void 0,void 0,void 0,function*(){if((null==ec?void 0:ec.id)&&(null==D?void 0:D.id)){if(null==D?void 0:D.bookmarked){let e=yield(0,g.e)((0,g.f)(y.yy.BOOKMARK.DELETE,{_locale:es}),"DELETE",{headers:{"Content-Type":"application/json"},data:{post_id:String(D.id)}});(null==e?void 0:e.status)===1?(em({title:"",message:eh("post.remove.success"),type:"success",displayIcon:V}),null==j||j()):em({title:"",message:eh("post.remove.failed"),type:"danger",displayIcon:V})}else{let e=yield(0,g.e)((0,g.f)(y.yy.BOOKMARK.CREATE,{_locale:es}),"POST",{headers:{"Content-Type":"application/json"},data:{user_id:ed||ec.id,post_id:D.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==j||j()):em({title:"",message:eh("post.save.failed"),type:"danger",displayIcon:V})}}}))},onGoToUrl:e=>{let t=e?`${ef}${e}`:ef;eg?window.location.href=t:ey(()=>window.location.href=t)},showingMostEngaging:!!(s&&(null==U?void 0:U.id)),isVertical:z}),ev&&i.createElement(c.I,{isMainCmt:!_,onClose:()=>eb(!1),onPostSuccess:e=>{0!==eo||(null==U?void 0:U.id)||Z(e),$(e=>Object.assign(Object.assign({},e),{commentsCount:e.commentsCount+1,commented:!0})),E&&E(e)},post:D}),s&&(null==U?void 0:U.id)?i.createElement("div",{className:"most-engaging-wrapper",onClick:e=>{b?(e.stopPropagation(),b()):window.location.href=eE}},i.createElement(CardReply,{hasQuickBookingEnable:R,handleMakeAppointment:M,comment:U,post:D,onDeleteComment:()=>{onDeleteComment&&onDeleteComment(U)},className:"most-engaging-comment",type:"most-engaging",key:U.id,cardAuthorProps:L}),eo>1&&!n&&i.createElement(o.B,{className:"see-more-comments",color:"ghost",size:"md"},eh("comment.seeMoreComments",{count:eo-1}))):null,A))}},ZkuG:function(e,t,n){n.d(t,{S:function(){return Spoiler}});var a=n("+MNf"),i=n("q1tI"),o=n("uCoU"),l=n("UldL"),r=n("eyMb"),s=n("iBNF");let Spoiler=e=>{var{children:t,line:n,lineHeight:d,trackingAttributes:c,maxHeight:p,customExpandFn:u}=e,m=(0,a._)(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);let{t:g}=(0,r.u)(),h=(0,i.useMemo)(()=>p||(n&&d?n*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(o.o,Object.assign({showLabel:i.createElement(l.T,Object.assign({size:"p3",color:s.r.colors.primaryBase},v,{onClick:u}),g("articlePage.readMore")),hideLabel:i.createElement(l.T,Object.assign({size:"p3",color:s.r.colors.primaryBase},v),g("articlePage.showLess"))},m,{maxHeight:h}),t)}}}]);