"use strict";(self.webpackChunkhhgDiscoverV1=self.webpackChunkhhgDiscoverV1||[]).push([[8210],{"E+gi":function(e,t,i){i.d(t,{L:function(){return LanguageSwitcher},S:function(){return SiteWideBanner},V:function(){return A},a:function(){return VideoPlayerModal},i:function(){return isInternalLink}});var r=i("+OUp"),n=i.n(r),a=i("aHnw"),o=i("rBCA"),l=i("iBNF"),s=i("uzh1"),d=i("Wbba"),c=i("vEfc"),u=i("+u84"),m=i("HG5m"),p=i("vH4S"),h=i("Vsct"),g=i("sFNn"),f=i("aoqy"),b=i("p4EI"),v=i("mFV0"),y=i("yUew"),w=i("xrdX"),x=i("OWiL"),E=i("JIJ2"),k=i("CL9C");let S=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","hellojiankang.com","marrybaby.vn","hellohealth.questionpro.com","hellobacsivn.page.link"],isInternalLink=(e="")=>S.some(t=>new URL(e).origin.endsWith(t)),$=o.A.a`
display: inline-flex;
position: relative;
flex-direction: row;
align-items: center;
padding: 7px 11px;
gap: 2px;
background: ${l.w.colors.white};
border: 1px solid ${l.w.colors.neutral100};
border-radius: 20px;
color: ${l.w.colors.gray600};
font-weight: 600;
font-size: 12px;
line-height: 18px;
text-decoration: none;
cursor: pointer;
`,M=o.A.div`
position: relative;
display: inline-block;
`,I=o.A.div`
position: relative;
`,O=o.A.div`
position: absolute;
z-index: 21;
top: 100%;
right: 0;
width: 327px;
padding: 8px;
background: white;
border-radius: 4px;
filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));
&[data-is-open='false'] {
display: none;
}
&[data-show-indicator='true'] {
&:before {
position: absolute;
right: 11px;
bottom: 100%;
width: 0;
height: 0;
border: 0.5rem solid transparent;
border-top: none;
border-bottom-color: #fff;
content: '';
filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
}
}
`,T=o.A.div`
display: flex;
height: 40px;
align-items: center;
justify-content: space-between;
padding: 0 16px;
border-radius: ${l.w.borderRadius};
cursor: pointer;
.check-icon {
width: 16px;
height: 16px;
}
&[data-selected='false'] {
background-color: ${l.w.colors.gray100};
}
`,C=o.A.div`
position: fixed;
z-index: 20;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: default;
`,TooltipSelection=({options:e,label:t,labelRenderer:i,selected:a,onChange:o,showSelected:l=!0,style:c={},showIndicator:u=!0})=>{let[m,p]=(0,r.useState)(!1);return n().createElement(n().Fragment,null,n().createElement(M,null,n().createElement(I,{onClick:()=>p(e=>!e)},t||(null==i?void 0:i(m))||null,n().createElement(O,{"data-is-open":m,style:c,"data-show-indicator":u},e.map((e,t)=>n().createElement(T,{key:t,"data-selected":l&&a===e.value,onClick:t=>{a!==e.value&&(o(e.value),p(e=>!e)),t.stopPropagation()}},n().createElement(s.T,{size:"p3"},e.label),l&&a===e.value&&n().createElement("img",{src:d.C.getAssetPath("check.svg"),alt:"check",className:"check-icon",loading:"lazy"})))))),m&&n().createElement(C,{onClick:()=>p(!1)}))},LanguageSwitcher=({languageOptions:e,locale:t})=>{var i,r;let a=null==e?void 0:e.find(e=>e.locale===t);return(null==e?void 0:e.length)?n().createElement(TooltipSelection,{options:e,selected:a.value,label:n().createElement(LanguageLabel,{locale:t,label:a.label||(null===(r=null===(i=t.split("-"))||void 0===i?void 0:i[0])||void 0===r?void 0:r.toUpperCase())}),onChange:e=>{"undefined"!=typeof window&&(window.location.href=e)},style:{width:100},showSelected:!0,showIndicator:!1}):null},LanguageLabel=({locale:e,label:t,href:i})=>{var r,o,l;return n().createElement($,{href:i},n().createElement(a.F,{country:null===(o=null===(r=null==e?void 0:e.split("-"))||void 0===r?void 0:r[1])||void 0===o?void 0:o.toUpperCase(),width:16,height:16,rounded:!0,language:null===(l=null==e?void 0:e.split("-"))||void 0===l?void 0:l[0]}),n().createElement("span",null,t))},normalizeVideoItemData=e=>{var t,i,r,n,a,o,l,s;let d=e.thumbnail||e.imageMedium||e.image||e.imageThumbnail||"";return Object.assign(Object.assign(Object.assign(Object.assign({id:null!==(t=e.id)&&void 0!==t?t:"",videoId:null!==(i=e.videoId)&&void 0!==i?i:"",url:e.url,title:null!==(r=e.title)&&void 0!==r?r:"",type:null!==(n=e.type)&&void 0!==n?n:m.V.VIDEO},null!=e.totalView&&e.totalView>0?{totalView:e.totalView}:{}),{description:null!==(a=e.description)&&void 0!==a?a:"",createTime:null!==(o=e.createTime)&&void 0!==o?o:""}),null!=e.duration&&e.duration>0?{duration:e.duration}:{}),{image:d,imageMedium:d,imageThumbnail:d,active:null!==(l=e.active)&&void 0!==l&&l,articleLink:null!==(s=e.articleLink)&&void 0!==s?s:""})};var j=(0,p.createStyles)((e,{layout:t,radius:i})=>({root:{display:"block",transition:"all .3s ease","&, & *":{borderRadius:null!=i?i:4},[e.fn.largerThan("sm")]:{"&:hover":Object.assign(Object.assign({},"overlay"===t&&{".overlay-info":{transform:"translateY(-10px)"}}),{".item-overlay-wrapper":{backgroundColor:"rgba(0,0,0,0.4)"}})}},inner:Object.assign({display:"flex",gap:8,"&, *":{pointerEvents:"none !important"}},"horizon"===t?{gap:16,alignItems:"center"}:{flexDirection:"column"}),itemThumbImg:{width:"100%",height:"100%",objectFit:"cover"},thumbFrame:{backgroundColor:"#000"},thumbWrapper:Object.assign({},"horizon"===t&&{width:64,flexShrink:0}),overlayWrapper:{transition:"all .3s ease"},overlay:{position:"absolute",left:0,bottom:0,right:0,backgroundImage:"linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, #111111 100%)",minHeight:96,padding:"16px 12px",display:"flex",alignItems:"flex-end"},overlayInfo:{transition:"all .3s ease"},title:Object.assign({},"overlay"===t&&{color:"#fff"}),subTitle:Object.assign({span:{margin:"0 4px",position:"relative",color:"#595959","&:before":{content:'"."',position:"absolute",top:-5,fontSize:"14px"}}},"overlay"===t&&{color:"#fff"})}));let B=16/9,z=240/431;function buildVideoSubtitle({totalView:e,createTime:t,formatTotalView:i}){return["number"==typeof e&&e>0?i(e):null,t].filter(Boolean).join(' ')}let ShortsItem=e=>{var{data:t,layout:i,styles:a,loading:o=!1,radius:l=4,hideInfo:d=!1}=e,u=(0,c.a)(e,["data","layout","styles","loading","radius","hideInfo"]);let{title:m,totalView:f,imageMedium:b,createTime:v}=t,{classes:y,cx:w}=j({layout:i,radius:l},{name:"VideoItem__ShortsItem",styles:a}),{t:x}=(0,g.u)(),E=(0,r.useMemo)(()=>buildVideoSubtitle({totalView:f,createTime:v,formatTotalView:e=>x("common.totalView",{number:(0,h.a)(e)})}),[v,x,f]),k=!!E,S=!d&&(o||!!m||k),$=n().createElement(p.Stack,{spacing:4,className:w(y.overlayInfo,"overlay-info")},n().createElement(p.Box,{sx:{position:"relative",minHeight:o&&!m?(0,p.rem)(44):void 0}},n().createElement(s.T,{size:"s3",className:w(y.title),lineClamp:2,sx:{visibility:o&&m?"hidden":"visible"}},m),o&&n().createElement(p.Box,{sx:{position:"absolute",left:0,right:0,top:0,display:"flex",flexDirection:"column",gap:4}},n().createElement(p.Skeleton,{height:22,radius:"sm"}),n().createElement(p.Skeleton,{height:22,radius:"sm"}))),(k||o)&&n().createElement(p.Box,{sx:{position:"relative",minHeight:o&&!k?(0,p.rem)(16):void 0}},k&&n().createElement(s.T,{className:y.subTitle,size:"n1",sx:{visibility:o?"hidden":"visible"},dangerouslySetInnerHTML:{__html:E}}),o&&n().createElement(p.Box,{sx:{position:"absolute",left:0,top:0,right:0}},n().createElement(p.Skeleton,{height:16,width:"55%",radius:"sm"}))));return n().createElement(p.Box,Object.assign({},u,{className:y.root}),n().createElement(p.Box,{className:y.inner},n().createElement("div",{className:y.thumbWrapper},n().createElement(p.AspectRatio,{ratio:z,className:y.thumbFrame},n().createElement(p.Box,{sx:{position:"relative",width:"100%",height:"100%"}},n().createElement("img",{src:b||"",className:y.itemThumbImg,alt:m,loading:"lazy",style:{visibility:o?"hidden":"visible"}}),o&&n().createElement(p.Box,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,borderRadius:l,overflow:"hidden",zIndex:1}},n().createElement(p.Skeleton,{height:"100%",radius:"sm",sx:{display:"block",lineHeight:1}}))),n().createElement(p.Box,{className:w(y.overlayWrapper,"item-overlay-wrapper")},n().createElement(p.Box,{className:w(y.overlay,"item-overlay")},"overlay"===i&&S&&$)))),"overlay"!==i&&S&&$))},Play=e=>{var{size:t=24,color:i=l.w.colors.neutral600}=e,r=(0,c.a)(e,["size","color"]);return n().createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 47 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),n().createElement("path",{d:"M23.297 43.153c10.55 0 19.103-8.64 19.103-19.298S33.847 4.557 23.297 4.557 4.193 13.197 4.193 23.855s8.553 19.298 19.104 19.298",fill:i,fillOpacity:".75"}),n().createElement("path",{d:"m19.477 16.136 11.462 7.719-11.462 7.72z",fill:"#fff",stroke:"#fff",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"}))};var N=(0,p.createStyles)((e,{active:t,layout:i,radius:r,useVideoTypeThumbnail:n})=>{let a=null!=r?r:4;return{root:{display:"block",borderRadius:a,[e.fn.largerThan("sm")]:{"&:hover":{[`.${(0,p.getStylesRef)("overlay")}`]:Object.assign({},!t&&{backgroundColor:"rgba(0, 0, 0, .4)"})}}},inner:Object.assign(Object.assign({display:"flex",gap:8,"&, *":{pointerEvents:"none !important"}},"default"===i&&{flexDirection:"column"}),"horizon"===i&&{gap:12,[e.fn.largerThan("sm")]:{gap:24}}),thumb:Object.assign({},"horizon"===i&&{width:140,flexShrink:0,[e.fn.largerThan("sm")]:{width:164}}),thumbWrapper:{},thumbFrame:Object.assign({},n&&{backgroundColor:"#000"}),thumbMedia:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},thumbBgImage:{position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover",transform:"scale(1.1)",filter:"blur(2px)",opacity:.4},thumbImage:Object.assign({width:"100%",height:"100%",objectFit:n?"contain":"cover"},n&&{position:"relative",zIndex:1}),title:{lineHeight:(0,p.rem)(22)},subTitle:{span:{margin:"0 4px",position:"relative","&:before":{content:'"."',position:"absolute",top:-5,fontSize:"14px"}}},overlay:{ref:(0,p.getStylesRef)("overlay"),position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:3,backgroundColor:t?"rgba(0, 0, 0, .55)":"transparent",transition:"all .2s ease",".play-icon path":{"&:first-child":{fill:"#262626"}}},duration:{position:"absolute",zIndex:2,background:"#262626",borderRadius:a,bottom:4,right:4,padding:`${(0,p.rem)(1)} ${(0,p.rem)(4)}`},durationTxt:{color:"#fff"}}});let VideoItem$1=e=>{var{isMobile:t,data:i,styles:a,className:o,classNames:l,layout:u,radius:m=4,playIcon:f,hideInfo:b=!1,loading:v=!1,useVideoTypeThumbnail:y=!1}=e,w=(0,c.a)(e,["isMobile","data","styles","className","classNames","layout","radius","playIcon","hideInfo","loading","useVideoTypeThumbnail"]);let{title:x,imageMedium:E,createTime:k,totalView:S,active:$,duration:M}=i,{locale:I,t:O}=(0,g.u)(),{cx:T,classes:C,theme:j}=N({active:$,layout:u,radius:m,useVideoTypeThumbnail:y},{name:"VideoItem__VideoItem",classNames:l,styles:a}),z=f||Play,A=(0,r.useMemo)(()=>({visible:!!(null!=S&&S>0||k),formated:buildVideoSubtitle({totalView:S,createTime:k,formatTotalView:e=>O("common.totalView",{number:(0,h.a)(e)})})}),[k,O,S]),L=d.C.getAssetPath(`videoThumbDefault/${I}.jpg`),V=E||L,handleThumbError=e=>{e.currentTarget.src=L},F=null!=M&&"number"==typeof M&&M>0?function(e=0){let t=Math.floor(e/3600),i=Math.floor((e-3600*t)/60),r=e-3600*t-60*i,n=String(t),a=String(i),o=String(r);return t<10&&(n="0"+t),i<10&&(a="0"+i),r<10&&(o="0"+r),(t>0?n+":":"")+a+":"+o}(M):void 0,P=!b&&(v||!!x||A.visible);return n().createElement(p.Box,Object.assign({},w,{className:T(o,C.root)}),n().createElement(p.Box,{className:C.inner},n().createElement(p.Box,{className:C.thumbWrapper},n().createElement(p.Box,{className:C.thumb,sx:()=>({position:"relative","div, img":{borderRadius:m}})},n().createElement(p.Box,{sx:{position:"relative",width:"100%"}},n().createElement(p.AspectRatio,{ratio:B,className:C.thumbFrame},n().createElement(p.Box,{className:C.thumbMedia},y&&n().createElement("img",{loading:"lazy",src:V,alt:"","aria-hidden":!0,className:C.thumbBgImage,style:{visibility:v?"hidden":"visible"},onError:handleThumbError}),n().createElement("img",{loading:"lazy",src:V,alt:x,className:C.thumbImage,style:{visibility:v?"hidden":"visible"},onError:handleThumbError}))),v&&n().createElement(p.Box,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,borderRadius:m,overflow:"hidden",zIndex:2}},n().createElement(p.Skeleton,{height:"100%",radius:"sm",sx:{display:"block",lineHeight:1}}))),F&&n().createElement(p.Box,{className:C.duration,sx:{zIndex:v?3:void 0}},n().createElement(p.Box,{sx:{position:"relative"}},n().createElement(s.T,{size:"n1",className:C.durationTxt,sx:{visibility:v?"hidden":"visible"}},F),v&&n().createElement(p.Box,{sx:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center"}},n().createElement(p.Skeleton,{width:40,height:14,radius:"sm"})))),n().createElement(p.Flex,{className:C.overlay,align:"center",justify:"center",sx:{visibility:v?"hidden":"visible"}},$?n().createElement(s.T,{size:"s3",weight:"semiBold",color:"#fff"},O("common.playing")):n().createElement(z,{className:"play-icon",size:t?32:46})))),P&&n().createElement(p.Stack,{className:"video-info",sx:{[j.fn.largerThan("sm")]:{gap:4},gap:2}},n().createElement(p.Box,{sx:{position:"relative",minHeight:v&&!x?(0,p.rem)(44):void 0}},n().createElement(s.T,{className:C.title,size:"s3",color:$?j.fn.primaryColor():"#262626",weight:"semiBold",lineClamp:2,sx:{visibility:v&&x?"hidden":"visible"}},x),v&&n().createElement(p.Box,{sx:{position:"absolute",left:0,right:0,top:0,display:"flex",flexDirection:"column",gap:4}},n().createElement(p.Skeleton,{height:22,radius:"sm"}),n().createElement(p.Skeleton,{height:22,radius:"sm"}))),(A.visible||v)&&n().createElement(p.Box,{sx:{position:"relative",minHeight:v&&!A.visible?(0,p.rem)(16):void 0}},A.visible&&n().createElement(s.T,{className:C.subTitle,size:"n1",color:"#595959",sx:{visibility:v?"hidden":"visible"},dangerouslySetInnerHTML:{__html:A.formated}}),v&&n().createElement(p.Box,{sx:{position:"absolute",left:0,top:0,right:0}},n().createElement(p.Skeleton,{height:16,width:"55%",radius:"sm"}))))))},VideoPlayerModal=e=>{var{data:t,isMobile:i,forceType:r}=e,a=(0,c.a)(e,["data","isMobile","forceType"]);let{url:o}=t,l=(0,f.c)(),s=null!=r?r===m.V.SHORTS:(0,b.i)(o);return n().createElement(v.M,Object.assign({size:s?i?360:375:1128,withCloseButton:!0,styles:e=>({header:{padding:0,paddingBottom:8,backgroundColor:"transparent",border:0,[e.fn.smallerThan("sm")]:{position:"absolute",top:10,right:10}},body:Object.assign({padding:0},!s&&{overflow:"hidden"}),content:Object.assign(Object.assign({boxShadow:"none",backgroundColor:"transparent",borderRadius:0},!s&&{overflow:"hidden"}),{[e.fn.largerThan("sm")]:{position:"relative"}}),heading:{[e.fn.smallerThan("sm")]:{}},inner:{zIndex:u.Z+2,[e.fn.smallerThan("sm")]:{padding:0}},close:{color:"#fff",backgroundColor:"#000",borderRadius:"50%",width:24,height:24,display:"flex",justifyContent:"center",alignItems:"center",transition:"all .3s ease",svg:{width:"18px !important",height:"18px !important"},"&:hover":{backgroundColor:"#fff",color:"#000"}},overlay:{zIndex:u.Z+1,[e.fn.smallerThan("sm")]:{backgroundColor:"rgba(0, 0, 0, 0.85)"}}})},a),n().createElement(y.S,{key:o,url:o||"",autoPlay:"ios"!==l,forceType:r}))},A=(0,r.forwardRef)((e,t)=>{var{data:i,layout:a="default",disableDefaultFn:o,redirectToLandingPage:l,onClick:s,dataEventCategory:d,dataEventAction:p,dataEventLabel:h,isMobile:f,loading:b,hideInfo:v=!1,useVideoTypeThumbnail:y=!1,forceTypeModal:x}=e,E=(0,c.a)(e,["data","layout","disableDefaultFn","redirectToLandingPage","onClick","dataEventCategory","dataEventAction","dataEventLabel","isMobile","loading","hideInfo","useVideoTypeThumbnail","forceTypeModal"]);let k=(0,r.useMemo)(()=>normalizeVideoItemData(i),[i]),{articleLink:S,id:$,videoId:M,title:I,url:O,type:T}=k,[C,j]=(0,r.useState)(!1),B=!!S||""!==$&&null!=$,z=S||(B?`/videos/${T}/?id=${$}`:"#"),{locale:N}=(0,g.u)(),A=(0,r.useMemo)(()=>null!=h?h:S||B?`https://${w.y[N]}${z}`:O,[h,S,B,z,N,O]),L=(0,r.useMemo)(()=>{if("Click to Pin Video"===p)return{"data-event-category":null!=d?d:"Hamburger Navigation","data-event-action":"Click to Pin Video - Exit","data-event-label":null!=A?A:O}},[p,d,A,O]),persistVideoDetailForLanding=()=>{localStorage.setItem(u.f,JSON.stringify({articleLink:S,id:$,videoId:M,title:I,url:O,type:T}))};(0,r.useImperativeHandle)(t,()=>({open:()=>{if(!S){if(l){persistVideoDetailForLanding();return}j(!0)}},close:()=>j(!1)}),[S,l,$,M,I,O,T]);let V={component:"a",href:z,target:S?"_blank":"_self","data-event-category":d,"data-event-action":p,"data-event-label":A,onClick:o?s:S?void 0:e=>{if(l){persistVideoDetailForLanding();return}e.preventDefault(),j(!0)}};return n().createElement(n().Fragment,null,T!==m.V.SHORTS||y?n().createElement(VideoItem$1,Object.assign({},E,V,{layout:a,data:k,isMobile:f,loading:b,hideInfo:v,useVideoTypeThumbnail:y})):n().createElement(ShortsItem,Object.assign({},E,V,{data:k,layout:a,isMobile:f,loading:b,hideInfo:v})),!S&&n().createElement(VideoPlayerModal,{opened:!!C,data:k,onClose:()=>j(!1),isMobile:f,forceType:x,closeButtonProps:L,overlayProps:L}))});A.displayName="VideoItem";let L=d.C.getAssetPath("sitewide/vn-public-desktop.png"),V=o.A.div`
position: relative;
display: flex;
overflow: hidden;
align-items: center;
background-color: ${e=>e.bgColor||"#284a75"};
background-position: center;
background-size: cover;
transition: height 0.25s;
&[data-is-mobile='true'] {
justify-content: flex-start;
}
&[data-is-mobile='false'] {
justify-content: center;
}
&[data-is-collapse='false'] {
height: 64px;
}
&[data-is-collapse='true'] {
height: 0;
}
${k.M.mbDown} {
&[data-is-collapse='false'] {
height: 48px;
}
}
&[data-is-vn-public-day='true'] {
background-color: ${l.w.colors.red900};
${k.M.mbDown} {
overflow: hidden;
}
${k.M.mbUp} {
background-image: url(${L});
background-repeat: no-repeat;
background-size: cover;
.vn-bg {
display: none;
}
}
}
.banner-full {
object-fit: cover;
height: 100%;
}
& > a {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
text-decoration: none;
}
> a + .site-wide-content {
width: 100%;
}
.content {
padding-right: 48px;
color: white;
a {
color: white;
}
&[data-is-mobile='true'] {
font-size: 14px;
}
${k.M.mbDown} {
line-height: 18px;
}
}
.close-icon {
position: absolute;
right: 0px;
width: 64px;
height: 64px;
padding: 0 20px;
cursor: pointer;
}
[data-event-category] {
* {
pointer-events: none !important;
}
}
`,F=o.A.div`
max-width: 100px;
margin-right: 16px;
.image-wrapper {
display: inline-block;
overflow: hidden;
max-width: 100px;
padding: 8px 0 4px 16px;
img {
width: 64px;
height: 64px;
object-fit: contain;
&[data-is-mobile='true'] {
width: 52px;
height: 52px;
}
}
}
`,P={daily:1,weekly:7,"bi-weekly":14},SiteWideBanner=({site:e="discover",banner:t,isMobile:i,onClose:a,currentUrl:o})=>{var l;let{link:d,icon:c,content:u,type:m,layoutType:p,bannerDesktop:h,bannerMobile:g,backgroundColor:f,bannerDisplayFrequency:b}=t||{},[v,y]=(0,r.useState)(!0),w=(0,r.useMemo)(()=>`${e}-disable-sitewide-${m}`,[m]),k=(0,r.useCallback)(e=>{e.preventDefault(),E.A.set(w,"true",{expires:P[b]}),y(!1),null==a||a()},[o,w,b]),S=null===(l=/]*href=["']([^"']*)["']/g.exec(u))||void 0===l?void 0:l[1];return((0,r.useEffect)(()=>{"true"===E.A.get(w)&&y(!1)},[null==t?void 0:t.type]),u&&v)?n().createElement(V,{"data-is-mobile":i,"data-is-collapse":!v,id:"sitewide-container",bgColor:f},n().createElement("a",{className:"no-replace-click","data-event-category":"Header Banner","data-event-action":"Link Click","data-event-label":o,href:d||S},"icon-text"===p?n().createElement(n().Fragment,null,c&&n().createElement(F,{className:"site-wide-content"},n().createElement("div",{className:"image-wrapper"},n().createElement("img",{src:c,className:"icon",loading:"lazy","data-is-mobile":i,alt:"",width:64,height:64}))),n().createElement("div",{className:"site-wide-content"},u&&n().createElement(s.T,{size:"s3",className:"content","data-is-mobile":i,dangerouslySetInnerHTML:{__html:u},lineClamp:2,styles:{root:{fontFamily:`Inter, -apple-system,
BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell,
'Helvetica Neue', sans-serif;`}}}))):n().createElement("img",{src:i?g:h,className:"banner-full",loading:"lazy","data-is-mobile":i,alt:""})),n().createElement(x.A,{color:"#fff",size:24,className:"close-icon","data-event-category":"Header Banner","data-event-action":"Close Click","data-vars-event-label":o,onClick:k})):null}},EiMf:function(e,t,i){i.d(t,{L:function(){return Loading}});var r=i("+OUp"),n=i.n(r),a=i("tuDO"),o=i("sFNn"),l=i("AeFk"),s=i("rBCA"),d=i("iBNF");let c=s.A.div`
display: flex;
align-items: center;
justify-content: center;
padding: 1em;
button {
position: relative;
}
`,u=(0,l.i7)`
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
`;s.A.div`
display: flex;
width: fit-content;
width: -moz-fit-content;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 1rem 2rem;
background: white;
border-radius: ${d.w.borderRadius};
box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),
-2px 2px 5px rgba(67, 86, 100, 0.123689);
.loading-spinner {
width: 24px;
height: 24px;
margin-bottom: 0.5rem;
animation: ${u} 1.2s linear infinite;
}
&[data-is-marrybaby='true'] {
box-shadow: none;
}
`;let Loading=({className:e,size:t="md"})=>{let{t:i}=(0,o.u)();return n().createElement(c,{className:e},n().createElement(a.B,{size:t,color:"transparent",isLoading:!0},i("loading")))}},mFV0:function(e,t,i){i.d(t,{M:function(){return Modal}});var r=i("vEfc"),n=i("+OUp"),a=i.n(n),o=i("vH4S"),l=(0,o.createStyles)(e=>({root:{},inner:{},content:{borderRadius:16},header:{borderBottom:`1px solid ${e.colors.neutral[1]}`,marginRight:0,marginBottom:0,padding:"12px"},overlay:{},title:{fontSize:16,fontWeight:700,lineHeight:1.5},body:{},close:{cursor:"pointer",width:"unset",height:"unset",svg:{width:"24px !important",height:"24px !important"}}}));let Modal=e=>{var{styles:t,classNames:i,transitionProps:n}=e,s=(0,r.a)(e,["styles","classNames","transitionProps"]);let{classes:d}=l(void 0,{name:"Modal",styles:t,classNames:i});return a().createElement(o.Modal,Object.assign({centered:!0,classNames:d,transitionProps:Object.assign({transition:"fade"},n),trapFocus:!1},s))}},yUew:function(e,t,i){i.d(t,{S:function(){return SocialLinkPreview}});var r=i("vEfc"),n=i("+OUp"),a=i.n(n),o=i("vH4S"),l=i("RBzE"),s=i("HG5m"),d=i("d/ZZ"),c=i("rBCA"),u=i("IQVP"),m=i("2O1/"),p=i("p4EI"),h=i("EiMf");let g=c.A.div`
.link-info-container {
padding: 0.5rem 1rem;
background: ${e=>e.color||"#f4faff"};
}
.link-image-wrapper {
position: relative;
overflow: hidden;
width: 100%;
background-color: #000;
padding-top: ${e=>{var t;return null!==(t=e.aspectPaddingTop)&&void 0!==t?t:e.isShort?"179.58%":"56.25%"}};
&.fetching {
background: lightgray;
}
.loading-spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.link-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: ${e=>{var t;return null!==(t=e.posterFit)&&void 0!==t?t:"cover"}};
object-position: center;
}
}
a {
text-decoration: none;
}
&[data-is-marrybaby='true'] {
overflow: hidden;
border-radius: 1rem;
}
`,useExternalScript=({url:e,onLoad:t,onError:i})=>{let[r,a]=(0,n.useState)(e?"loading":"idle");return(0,n.useEffect)(()=>{if(!e){a("idle");return}let r=document.querySelector(`script[src="${e}"]`),handleLoadScript=()=>{a("ready"),null==t||t()},handleErrorScript=()=>{a("error"),null==i||i()};return r||((r=document.createElement("script")).type="application/javascript",r.src=e,r.async=!0,document.body.appendChild(r),r.addEventListener("load",handleLoadScript),r.addEventListener("error",handleErrorScript)),r.addEventListener("load",handleLoadScript),r.addEventListener("error",handleErrorScript),()=>{r.removeEventListener("load",handleLoadScript),r.removeEventListener("error",handleErrorScript)}},[e]),r},YoutubePlyr=({id:e,autoplay:t,posterFit:i="cover"})=>{let r=(0,n.useRef)(null),l=useExternalScript({url:"https://cdn.plyr.io/3.7.8/plyr.js"});return(0,n.useEffect)(()=>{var e;if(!document.getElementById("hhg-plyr-player")){let e=document.createElement("link");e.rel="stylesheet",e.type="text/css",e.href="https://cdn.plyr.io/3.7.8/plyr.css",e.id="hhg-plyr-player",document.head.appendChild(e)}let i="ready"===l||"undefined"!=typeof Plyr;if(!i)return;let n=null===(e=r.current)||void 0===e?void 0:e.querySelector('[data-id="player"]');if(!n)return;let a=new Plyr(n,{autoplay:t,muted:!0});return()=>{a.destroy()}},[l,t,e]),a().createElement(o.Box,{ref:r,sx:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"#000","&, & > div":{width:"100%",height:"100%"},"& .plyr":{width:"100%",height:"100%",maxWidth:"none"},"& .plyr__video-wrapper":{height:"100%",width:"100%"},"& .plyr__video-embed":{paddingBottom:"0 !important",height:"100% !important",position:"relative"},"& .plyr__video-embed iframe":{position:"absolute",top:0,left:0,width:"100%",height:"100%"},"& .plyr__poster":{backgroundSize:"cover"===i?"cover !important":"contain !important",backgroundPosition:"center !important",backgroundRepeat:"no-repeat",width:"100% !important",height:"100% !important",top:0,left:0}}},a().createElement("div",{key:e,"data-id":"player",className:"plyr__video-embed"},a().createElement("iframe",{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${e}?mute=1&enablejsapi=1&rel=0`,allow:"autoplay; fullscreen",allowFullScreen:!0,title:"YouTube preview",frameBorder:"0"})))},SocialLinkPreview=({url:e,image:t,className:i,style:c,baseUrl:f="",autoPlay:b=!0,forceType:v,ratio:y,posterFit:w="cover",onPushStatus:x})=>{let{data:{locale:E}}=(0,n.useContext)(d.T),[k,S]=(0,n.useState)(null);(0,n.useEffect)(()=>{(0,r._)(void 0,void 0,void 0,function*(){if(!t){if(!e)return S(null);S(e=>Object.assign(Object.assign({},e),{isFetching:!0})),(0,d.c)((0,d.f)(u.R7.FETCH_PREVIEW,{_locale:E},void 0,f),"POST",{data:{link:e},headers:{"Content-Type":"application/json"}},!!f).then(t=>{var i,r;S({url:e,image:(null===(i=null==t?void 0:t.data)||void 0===i?void 0:i.image)||(null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.logo)})}).catch(()=>{S(null)})}})},[e,t]);let $=t||(null==k?void 0:k.image),M=(null==k?void 0:k.url)||e,I=(0,n.useMemo)(()=>(0,p.y)(M),[M]),O=(0,n.useMemo)(()=>M.includes("facebook.com")||M.includes("fb.watch"),[M]),T=(0,n.useMemo)(()=>(0,p.i)(M),[M]),C=(0,n.useMemo)(()=>!!(I||O),[O,I]),j=(0,n.useMemo)(()=>v===s.V.SHORTS||v!==s.V.VIDEO&&T,[v,T]),B=(0,n.useMemo)(()=>y?function(e){let t=e.trim().match(/^(\d+(?:\.\d+)?)\s*:\s*(\d+(?:\.\d+)?)$/);if(!t)return;let i=Number(t[1]),r=Number(t[2]);if(Number.isFinite(i)&&Number.isFinite(r)&&!(i<=0)&&!(r<=0))return`${r/i*100}%`}(y):void 0,[y]),z=(0,n.useRef)(null),N=(0,n.useRef)(0),A=(0,n.useRef)(0),[L,V]=(0,n.useState)(!1),F=(0,n.useCallback)(e=>{var t;let i=null===(t=z.current)||void 0===t?void 0:t.getBoundingClientRect();if(!(null==i?void 0:i.width))return;let r=Math.floor(i.width),n=Math.floor(i.height),a=!1;e?((!N.current||Math.abs((N.current-r)/i.width)>.2)&&(N.current=r,a=!0),(!A.current||Math.abs((A.current-n)/(i.height||1))>.2)&&(A.current=n,a=!0)):(r!==N.current||n!==A.current)&&(N.current=r,A.current=n,a=!0),a&&V(e=>!e)},[]);(0,n.useLayoutEffect)(()=>{F(!1)},[B,y,j,M,F]),(0,n.useEffect)(()=>{let handleResize=()=>F(!0);return handleResize(),window.addEventListener("resize",handleResize,{passive:!0}),()=>{window.removeEventListener("resize",handleResize)}},[F]),(0,n.useEffect)(()=>{(null==k?void 0:k.image)&&(null==k?void 0:k.url)&&(null==x||x(!0))},[k]);let P=(0,o.useMantineTheme)();return a().createElement(g,{className:`${i} no-replace-click`,style:c,color:P.colors[P.primaryColor][0],isShort:j,aspectPaddingTop:B,posterFit:w},C&&(!t||T)?a().createElement("div",{ref:z,className:"link-image-wrapper"},I?a().createElement(YoutubePlyr,{key:`${I}-${null!=y?y:"auto"}`,id:I,autoplay:b,isShort:j,ratio:y,posterFit:w}):O?a().createElement("iframe",{key:String(L),src:`https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(M)}&autoplay=${b?1:0}&show_text=false&t=0&width=${N.current}&height=${A.current}`,style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:A.current,width:N.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share",loading:"lazy"}):null):a().createElement("a",{href:M,target:"_blank",rel:"noreferrer"},a().createElement("div",{className:`link-image-wrapper ${(null==k?void 0:k.isFetching)?"fetching":""}`},(null==k?void 0:k.isFetching)?a().createElement(h.L,{className:"loading-spinner"}):a().createElement(l.I,{className:"link-image",src:$||m.a,backupSrc:m.a,alt:M}))))}},Vsct:function(e,t,i){i.d(t,{a:function(){return abbreviateNumber}});let abbreviateNumber=e=>{let t=String(e);if(e>=1e3){let i;let r=["","k","m","b","t"],n=(""+e).length,a=Math.floor(n/3),o=6===n;if(o)i=Math.round(e/1e3);else for(let t=2;t>=1;t--){i=parseFloat((0!=a?e/Math.pow(1e3,a):e).toPrecision(t));let r=(i+"").replace(/[^a-zA-Z 0-9]+/g,"");if(r.length<=2)break}i&&i%1!=0?i=i.toFixed(1):o&&i&&i/1e3>=1&&(a+=1,i/=1e3),t=i+(6===n?r[a-1]:r[a])}return t}},p4EI:function(e,t,i){i.d(t,{A:function(){return d},L:function(){return s},a:function(){return removeEdittedBannedWord},b:function(){return decodePostUrl},c:function(){return reformatUrl},d:function(){return decodeMention},e:function(){return escapeRegExp},f:function(){return fixMalformedMention},g:function(){return getUrlsFromEditorString},h:function(){return highlightBadWords},i:function(){return isShortOrReelVideoUrl},j:function(){return getMentionIdsFromString},k:function(){return removeBannedWordWrapper},l:function(){return encodePostContent},r:function(){return removeFontFormat},u:function(){return uploadAndGetSrc},w:function(){return wrapAnchorAroundUrls},y:function(){return youtubeVidIdGetter}});var r=i("vEfc"),n=i("IQVP"),a=i("d/ZZ");let o={edit:/]*)data-url="true"[^<>]*>(.*?)<\/mocka>/gim,url:/((?:=")|(?:data-url="true">)|)(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))/gim,encodedUrl:/\[a\+href="/([^<"]+)"(?:\+text=\"([^<"]+)")?\]/gim,editorMention:/]*data-id="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,editorFullMention:/]*data-id="([^<"]+)" [^\>]*data-name="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,savedMention:/\[mention\+id="([^<"]+)"([^\]]*)\]/gim,rawUrl:/^(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,optionalProtocol:/^((https?:\/\/)?(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,encodedUrl2:/]*href="/([^>"]+)"[^>]*>([^<]+)<\/a>/gim},l=/]*data-bad-word="[^\"]*" [^\>]*data-error="true"[^\>]*>(.*?)<\/mocka>/gim,encodePostUrl=(e,t=e=>e)=>{var i;return t(null===(i=e.replace(/(\ )+/g," ").replace(/(\&)+/g,"&"))||void 0===i?void 0:i.replace(/(\u200c|)+/g,"").replace(o.url,(e,t,i)=>'="'!==t&&'data-url="true">'!==t?`${i}`:e).replace(o.edit,(e,t,i)=>{var r;let n=null===(r=t.match(/data-href="/([^"]*)"/im))||void 0===r?void 0:r[1];return n?`${i}`:`${i}`}))},encodeMention=e=>e.replace(o.editorMention,(e,t,i)=>`[mention+id="${t}"+name="${i}"]`),getAnchorHtml=({url:e,text:t,method:i})=>{let r=t.indexOf(t.trimStart()),n=t.trimEnd().length,a=t.substring(0,r),o=t.substring(r,n),l=t.substring(n);return"edit"===i?`${a}${o}${l}`:"display"===i&&(e.startsWith("http://")||e.startsWith("https://"))?`${a}${o}${l}`:t},decodePostUrl=(e,t)=>e.replace(o.encodedUrl,(e,i,r)=>{let n=r||i;return getAnchorHtml({text:n,url:i,method:t})}).replace(o.encodedUrl2,(e,i,r)=>{let n=r||i;return getAnchorHtml({text:n,url:i,method:t})}),decodeMention=(e,t=[])=>e.replace(o.savedMention,(e,i,r)=>{let n=t.find(e=>String(e.id)===i);if(!n){if(!r)return"";let e="";return r.replace(/\+name="([^<"]+)"/i,(t,i)=>(e=i,t)),`${e}`}return`${n.name}`}),getUrlsFromString=e=>{let t=[];return e.replace(/(\&)+/g,"&").replace(o.url,(e,i,r)=>('="'!==i&&'data-url="true">'!==i&&t.push(r),e)),t},s=30,getMentionIdsFromString=(e,t)=>{let i=[];return(e.replace(o.editorMention,(e,t)=>(i.push(t),e)).replace(o.savedMention,(e,t)=>(i.push(t),e)),t)?i:Array.from(new Set(i)).slice(0,s)},getUrlsFromEditorString=e=>{var t;return[...getUrlsFromString(e),...(null===(t=e.match(o.edit))||void 0===t?void 0:t.map(e=>{var t,i;let r=null===(t=e.match(/data-href="/([^"]*)"/im))||void 0===t?void 0:t[1],n=null===(i=e.match(/>(.*?)<\/mocka>/im))||void 0===i?void 0:i[1];return r||n}))||[]].filter(e=>!!e)},escapeRegExp=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),wrapAnchorAroundUrls=e=>{var t,i;return null===(i=null===(t=e.replace(/(\ )+/g," "))||void 0===t?void 0:t.replace(/(\u200c|)+/g,""))||void 0===i?void 0:i.replace(o.edit,(e,t,i)=>{var r;let n=null===(r=t.match(/data-href="/([^"]*)"/im))||void 0===r?void 0:r[1];return!n||n===i||i.match(o.rawUrl)?i:n?`${i}`:`${i}`}).replace(o.url,(e,t,i)=>{if('="'!==t&&'data-url="true">'!==t){let e=i.toLowerCase(),t=e.startsWith("http")?"":" https://",r=`${t}${e}`;return getAnchorHtml({text:r,url:r,method:"edit"})}return e}).replace(o.encodedUrl2,(e,t,i)=>getAnchorHtml({text:i||t,url:t,method:"edit"}))},removeEdittedBannedWord=e=>e.replace(l,(e,t)=>{let i=document.createElement("div");i.innerHTML=e;let r=i.firstChild;return(null==r?void 0:r.innerText)!==(null==r?void 0:r.getAttribute("data-bad-word"))?t:e}),removeBannedWordWrapper=e=>e.replace(l,"$1"),removeFontFormat=e=>e.replace(/]*>(.+)<\/font>/gim,(e,t)=>t.replace(/]*>(.+)<\/u>/gim,"$1")),encodePostContent=(e,t=e=>e)=>encodePostUrl(encodeMention(removeBannedWordWrapper(e)),t),d=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn"],reformatUrl=e=>e.match(o.optionalProtocol)?e.startsWith("https://")||e.startsWith("http://")?e:`https://${e}`:"",highlightBadWords=(e,t)=>{let i=t.filter(Boolean);if(e&&i.length>0){let t=removeBannedWordWrapper(e);return t.replace(RegExp(`\\b(${i.map(e=>escapeRegExp(e)).join("|")})\\b`,"gi"),(e,t)=>{let i=document.createElement("mocka");return i.setAttribute("data-bad-word",t),i.setAttribute("data-error","true"),i.innerText=t,`${i.outerHTML}`})}return e},fixMalformedMention=e=>e.replace(o.editorFullMention,(e,t,i,r)=>{if(r!==i){let e=i.split(" "),n=e.findIndex((t,i)=>{let n=e.slice(0,i+1).join(" ");return!r.startsWith(n)});if(0===n)return`@${r}`;{let i=(n<0?e:e.slice(0,n)).join(" "),a=r.slice(i.length).trim();return console.log(n,i,a),`${i} ${a} `}}return e}),youtubeVidIdGetter=e=>{var t;return e.includes("youtu")&&(null===(t=/(.*?)(^|\/|v=)([a-z0-9_-]{11})(.*)?/gim.exec(e))||void 0===t?void 0:t[3])||""},isYoutubeShortsUrl=(e="")=>{let t=e.toLowerCase();return t.includes("youtu")&&t.includes("/shorts/")},isMetaReelUrl=(e="")=>{let t=e.toLowerCase(),i=t.includes("/reel/")||t.includes("/reels/");return!!i&&(t.includes("facebook.com")||t.includes("fb.watch")||t.includes("fb.com")||t.includes("instagram.com"))},isShortOrReelVideoUrl=(e="")=>isYoutubeShortsUrl(e)||isMetaReelUrl(e),uploadAndGetSrc=(e,t,o)=>"string"==typeof e?Promise.resolve(e):(0,r._)(void 0,void 0,void 0,function*(){var r;let l=new FormData;if(e.type.startsWith("image/gif"))l.append("image",e);else{let t=yield i.e(8122).then(i.bind(i,"xsNn")),r=yield t.default(e,{maxSizeMB:.4,maxWidthOrHeight:1536,useWebWorker:!0});l.append("image",r)}let s=o?a.q:a.e,d=yield s((0,a.f)(o?n.xx.COMMENT.IMAGE_UPLOAD:n.R7.COMMENT.IMAGE_UPLOAD,{_locale:t}),"POST",{data:l});return(null===(r=null==d?void 0:d.data)||void 0===r?void 0:r.image)||""})},OWiL:function(e,t,i){var r=i("+OUp"),n=i.n(r),a=i("xePj"),__rest=function(e,t){var i={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&0>t.indexOf(r)&&(i[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,r=Object.getOwnPropertySymbols(e);nt.indexOf(r[n])&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(i[r[n]]=e[r[n]]);return i};t.A=e=>{var{size:t,color:i=a.fT}=e,r=__rest(e,["size","color"]);let o=(0,a.D5)(t);return n().createElement("svg",Object.assign({width:o,height:o,viewBox:"0 0 24 24",fill:"none"},r),n().createElement("path",{d:"m12 13.054-5.073 5.073a.73.73 0 0 1-.522.213.7.7 0 0 1-.532-.213.72.72 0 0 1-.217-.526q0-.31.217-.527L10.946 12 5.873 6.928a.73.73 0 0 1-.212-.522.7.7 0 0 1 .212-.531.72.72 0 0 1 .527-.218q.31 0 .527.218L12 10.947l5.073-5.073a.73.73 0 0 1 .522-.213.7.7 0 0 1 .532.213q.217.216.217.526a.72.72 0 0 1-.217.527l-5.073 5.074 5.073 5.073q.208.207.212.522a.7.7 0 0 1-.212.531.72.72 0 0 1-.527.218.72.72 0 0 1-.527-.218z",fill:i}))}},aoqy:function(e,t,i){i.d(t,{c:function(){return useOs}});var r=i("+OUp"),n=i("GGvd");function getOS(){if("undefined"==typeof window)return"undetermined";let{userAgent:e}=window.navigator;return/(Macintosh)|(MacIntel)|(MacPPC)|(Mac68K)/i.test(e)?"macos":/(iPhone)|(iPad)|(iPod)/i.test(e)?"ios":/(Win32)|(Win64)|(Windows)|(WinCE)/i.test(e)?"windows":/Android/i.test(e)?"android":/Linux/i.test(e)?"linux":"undetermined"}function useOs(e={getValueInEffect:!0}){let[t,i]=(0,r.useState)(e.getValueInEffect?"undetermined":getOS());return(0,n.o)(()=>{e.getValueInEffect&&i(getOS)},[]),t}}}]);