"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7280],{HtoE:function(e,t,a){a.d(t,{L:function(){return Logo}});var n=a("q1tI"),o=a("Yida"),l=a("vCEM"),r=a("rBCA"),i=a("tKpg"),s=a("1tYH"),d=a("YwFi");let c=r.Z.div` position: relative; display: inline-flex; align-items: center; z-index: 0; .main-logo-icon { object-fit: contain; } &[data-logo-is-light] { > svg path { fill: #fff; } img { filter: brightness(0) invert(1); } } &[data-has-badge] { @supports (display: flex) and (gap: 1em) { gap: 0.5rem; } @supports not ((display: flex) and (gap: 1em)) { > img { margin-left: 0.25rem; } } } .common-logo-seasonal-left, .common-logo-seasonal-right { z-index: -1; max-width: unset; max-height: unset; pointer-events: none; } .common-logo-seasonal-left { position: absolute; top: 50%; left: 0; transform: translateY(-50%); pointer-events: none; } .common-logo-seasonal-right { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } &[data-seasonal='christmas'] { padding-left: 37px; padding-right: 22px; .common-logo-seasonal-left { width: 125px; height: 56px; } .common-logo-seasonal-right { width: 23px; height: 17px; } ${i.M.mbDown} { padding-left: 30px; padding-right: 16px; .common-logo-seasonal-left { // width: 125px; height: 46px; } .common-logo-seasonal-right { // width: 23px; height: 12px; } } } &[data-seasonal='new-year'] { padding-right: 85px; .common-logo-seasonal-left { top: 35%; width: 100px; height: 56px; } .common-logo-seasonal-right { width: 85px; height: 54px; } ${i.M.mbDown} { padding-right: 0; .common-logo-seasonal-right { display: none; } } } &[data-seasonal='lunar-new-year'] { padding-left: 30px; padding-right: 35px; .common-logo-seasonal-left { width: 33px; height: 41px; } .common-logo-seasonal-right { width: 37px; height: 54px; } } &[data-seasonal='ramadan'] { &[data-type='hellosehat'] { padding-right: 35px; .common-logo-seasonal-left { width: 165px; height: unset; left: 6px; } .common-logo-seasonal-right { width: 33px; height: unset; } } &[data-type='hellodoktor'] { padding-right: 66px; .common-logo-seasonal-left { width: 133px; height: unset; left: 6px; } .common-logo-seasonal-right { width: 63px; height: unset; } } } &[data-seasonal='hung-king'] { &[data-type='hellobacsi'] { .common-logo-seasonal-left { width: 134px; height: unset; left: 50%; top: 50%; transform: translate(-50%, -50%); } } &[data-type='marryBaby'] { .common-logo-seasonal-left { width: 145px; height: unset; left: 50%; top: 50%; transform: translate(-50%, -50%); } } } &[data-seasonal='vn-independent-day'] { &[data-type='hellobacsi'], &[data-type='marryBaby'] { .common-logo-seasonal-left.desktop-only { width: unset; height: 56px; left: 65%; top: 50%; transform: translate(-50%, -50%); } } &[data-type='marryBaby'] { .common-logo-seasonal-left.desktop-only { left: 50%; z-index: 1; } } &[data-type='hellobacsi'], &[data-type='marryBaby'] { .common-logo-seasonal-left.mobile-only { width: unset; height: 56px; left: 60%; top: 50%; transform: translate(-50%, -50%); } } &[data-type='marryBaby'] { .common-logo-seasonal-left.mobile-only { left: 40%; z-index: 1; } } } .desktop-only { ${i.M.mbDown} { display: none; } } .mobile-only { ${i.M.mbUp} { display: none; } } `,g=r.Z.img` height: 16px; width: unset; margin-bottom: 4px; margin-left: -3px; `,isChristmas=e=>{let t=e.getDate(),a=e.getMonth();return 11===a&&t>=16&&t<=25},m={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},p=[o.L.Vietnam,o.L.Taiwan,o.L.Indonesia,o.L.Malaysia],isLunarNewYear=e=>{let t=e.getFullYear(),a=m[t];if(!a)return!1;let n=new Date(t,a[1],a[0]),o=new Date(n);o.setDate(n.getDate()-7);let l=new Date(n);return l.setDate(n.getDate()+5),o<=e&&e<=l},isNewYear=e=>{let t=e.getDate(),a=e.getMonth();return 11===a&&t>=26||0===a&&t<=15},u=[{year:2024,start:[10,2],end:[8,3]},{year:2025,start:[1,2],end:[30,2]},{year:2026,start:[18,1],end:[19,2]},{year:2027,start:[8,1],end:[9,2]},{year:2028,start:[28,0],end:[26,1]},{year:2029,start:[16,0],end:[14,1]},{year:2030,start:[6,0],end:[4,1]},{year:2030,start:[26,11],end:[24,0,2031]},{year:2031,start:[15,11],end:[13,0,2032]},{year:2032,start:[4,11],end:[2,0,2033]}],isRamadan=e=>{let t=e.getFullYear(),a=u.filter(e=>e.year===t);return!!a.length&&a.some(a=>{let n=a.start[2]||t,o=new Date(n,a.start[1],a.start[0]),l=new Date(n,a.end[1],a.end[0]);return o<=e&&e<=l})},h={2024:[18,3],2025:[7,3],2026:[26,3],2027:[16,3],2028:[4,3],2029:[23,3],2030:[12,3],2031:[1,3],2032:[19,3],2033:[9,3],2034:[28,3],2035:[17,3]},isVNHungKing=e=>{let t=e.getFullYear(),a=h[t];if(!a)return!1;let n=new Date(t,a[1],a[0]),o=new Date(n);o.setDate(n.getDate()-1);let l=new Date(n);return l.setDate(n.getDate()+1),o<=e&&e<=l},isVN3004=e=>{let t=e.getFullYear(),a=new Date(t,3,30),n=new Date(a);n.setDate(a.getDate()-1);let o=new Date(a);return o.setDate(a.getDate()+2),n<=e&&e<=o},isLabourDay=e=>{let t=e.getFullYear(),a=new Date(t,4,1),n=new Date(a);n.setDate(a.getDate()-1);let o=new Date(a);return o.setDate(a.getDate()+1),n<=e&&e<=o},isVNIndependentDay=e=>{let t=e.getFullYear(),a=new Date(t,8,2),n=new Date(a);n.setDate(a.getDate()-1);let o=new Date(a);return o.setDate(a.getDate()+1),n<=e&&e<=o},Logo=({type:e,className:t,style:a,isLightLogo:r,customSize:i,badge:m,locale:u,dateForSeasonal:h,isPro:y})=>{let[f,b]=(0,n.useState)({isChristmas:!1,isLunarNewYear:!1,isNewYear:!1,isRamadan:!1,isVNHungKing:!1,isVN3004:!1,isLabourDay:!1,isVNIndependentDay:!1});return(0,n.useEffect)(()=>{if(!h||isNaN(new Date(h).getTime()))return;let e=new Date(h),t=isChristmas(e),a=p.includes(u)&&isLunarNewYear(e),n=!a&&isNewYear(e),l=isRamadan(e),r=u===o.L.Vietnam&&isVNHungKing(e),i=u===o.L.Vietnam&&isVN3004(e),s=u===o.L.Vietnam&&isLabourDay(e),d=u===o.L.Vietnam&&isVNIndependentDay(e);b({isChristmas:t,isLunarNewYear:a,isNewYear:n,isRamadan:l,isVNHungKing:r,isVN3004:i,isLabourDay:s,isVNIndependentDay:d})},[u,new Date(h).getDate()]),n.createElement(c,{className:t,style:a,"data-logo-is-light":r||void 0,"data-has-badge":!!m,"data-seasonal":f.isRamadan?"ramadan":f.isChristmas?"christmas":f.isLunarNewYear?"lunar-new-year":f.isNewYear?"new-year":f.isVNHungKing?"hung-king":f.isVN3004?"30-04":f.isLabourDay?"labour-day":f.isVNIndependentDay?"vn-independent-day":void 0,"data-type":e},f.isChristmas?n.createElement(n.Fragment,null,n.createElement(d.I,{alt:"left xmas logo",src:l.C.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),n.createElement(d.I,{alt:"right xmas logo",src:l.C.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):f.isNewYear?n.createElement(n.Fragment,null,n.createElement(d.I,{alt:"left new year logo",src:l.C.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),n.createElement(d.I,{alt:"right new year logo",src:l.C.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):f.isLunarNewYear?n.createElement(n.Fragment,null,n.createElement(d.I,{alt:"left lunar new year logo",loading:"lazy",src:l.C.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),n.createElement(d.I,{alt:"right lunar new year logo",loading:"lazy",src:l.C.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):f.isRamadan&&"hellosehat"===e?n.createElement(n.Fragment,null,n.createElement(d.I,{alt:"left ramadan logo",loading:"lazy",src:l.C.getAssetPath("logo/ramadan-sehat-left.png"),className:"common-logo-seasonal-left"}),n.createElement(d.I,{alt:"right ramadan logo",loading:"lazy",src:l.C.getAssetPath("logo/ramadan-sehat-right.png"),className:"common-logo-seasonal-right"})):f.isRamadan&&"hellodoktor"===e?n.createElement(n.Fragment,null,n.createElement(d.I,{alt:"left ramadan logo",loading:"lazy",src:l.C.getAssetPath("logo/ramadan-doktor-left.png"),className:"common-logo-seasonal-left"}),n.createElement(d.I,{alt:"right ramadan logo",loading:"lazy",src:l.C.getAssetPath("logo/ramadan-doktor-right.png"),className:"common-logo-seasonal-right"})):f.isVNHungKing&&("hellobacsi"===e||"marryBaby"===e)?n.createElement(n.Fragment,null,n.createElement(d.I,{alt:"Hung King logo",loading:"lazy",src:l.C.getAssetPath("logo/hung-king-bg.png"),className:"common-logo-seasonal-left"})):f.isVNIndependentDay&&("hellobacsi"===e||"marryBaby"===e)?n.createElement(n.Fragment,null,n.createElement(d.I,{alt:"VN Independent day logo",loading:"lazy",src:l.C.getAssetPath("logo/vn-independence-desktop.png"),className:"common-logo-seasonal-left desktop-only"}),n.createElement(d.I,{alt:"VN Independent day logo",loading:"lazy",src:l.C.getAssetPath("logo/vn-independence-mobile.png"),className:"common-logo-seasonal-left mobile-only"})):null,n.createElement(s.L,{type:e,width:null==i?void 0:i.width,height:null==i?void 0:i.height,isLight:r}),y?n.createElement(g,{src:l.C.getAssetPath("logo/pro-suffix.svg")}):null,m)}},"4K5D":function(e,t,a){a.d(t,{B:function(){return BlueWhiteLogin},N:function(){return NavigationProfileButton},U:function(){return UserPlain},a:function(){return N},b:function(){return NavigationProvider},u:function(){return useCSSFocusPopupHelper}});var n=a("NXpd"),o=a("q1tI"),l=a("Eq4O"),r=a("dZS3"),i=a("9aQb"),s=a("rQtb"),d=a("VkaC"),c=a("lk1G"),g=a("vCEM"),m=a("iBNF"),p=a("rBCA"),u=a("tKpg"),h=a("gEnE"),y=a("xXM3"),f=a.n(y),b=a("47J3"),w=a("Xp6P"),v=a("S1NM"),E=a("xrdX"),x=a("QHxc"),C=a("hPj0");let BlueWhiteLogin=e=>o.createElement("svg",Object.assign({width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("rect",{y:"0.5",width:"31",height:"31",rx:"15.5",fill:"white"}),o.createElement("path",{d:"M15.4999 14.3797C16.9062 14.3797 18.0462 13.2397 18.0462 11.8334C18.0462 10.4271 16.9062 9.28711 15.4999 9.28711C14.0936 9.28711 12.9536 10.4271 12.9536 11.8334C12.9536 13.2397 14.0936 14.3797 15.4999 14.3797Z",stroke:"#2743AD",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M19.9092 22.0335C20.7055 21.7825 21.124 20.9029 20.786 20.1399C19.8879 18.1112 17.861 16.6946 15.4999 16.6946C13.1388 16.6946 11.112 18.1112 10.2138 20.1399C9.87585 20.9038 10.2944 21.7825 11.0907 22.0335C12.2249 22.3909 13.7258 22.7131 15.4999 22.7131C17.274 22.7131 18.7749 22.3909 19.9092 22.0335Z",stroke:"#2743AD",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})),UserPlain=e=>o.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("path",{d:"M9.99991 8.3797C11.4062 8.3797 12.5462 7.23969 12.5462 5.83341C12.5462 4.42712 11.4062 3.28711 9.99991 3.28711C8.59363 3.28711 7.45361 4.42712 7.45361 5.83341C7.45361 7.23969 8.59363 8.3797 9.99991 8.3797Z",stroke:"white",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M14.4092 16.0335C15.2055 15.7825 15.624 14.9029 15.286 14.1399C14.3879 12.1112 12.361 10.6946 9.99992 10.6946C7.63881 10.6946 5.61196 12.1112 4.71381 14.1399C4.37585 14.9038 4.79436 15.7825 5.59066 16.0335C6.72492 16.3909 8.22584 16.7131 9.99992 16.7131C11.774 16.7131 13.2749 16.3909 14.4092 16.0335Z",stroke:"white",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})),useNavConfig=({locale:e,projectType:t,siteType:a,enableBookingBtn:n})=>{let l=(0,o.useMemo)(()=>{let o="discover"===t||"together"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===a,l="marryBaby"!==a&&"marryBaby"!==t&&b.C.includes(e),r=n&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==a&&b.d.includes(e),i="marryBaby"===t||b.c.includes(e),s="marryBaby"!==a&&b.E.includes(e),d="marryBaby"!==a&&b.E.includes(e),c=b.V.includes(e),g=b.H.includes(e),m=b.e.includes(e),p=(0,v.g)(e,"marryBaby"===a),u=p;"undefined"!=typeof window&&(u.includes("//id.")&&(u=u.replace("id.","")),u.includes("//staging-id.")&&(u=u.replace("staging-id.","discover.")));let h=(0,v.a)(e,"marryBaby"===a),y={HOME_PAGE_URL:u,CARE_URL_FE:`${u}/care`,TOGETHER_URL_FE:`${u}/community`,VIDEO_URL_FE:`${u}/videos`,SSO_URL:h,TOGETHER_API:(0,v.b)(),DISCOVER_API:(0,v.c)(e)};return{enableSearchBar:o,enableNavCare:l,enableNavCareBooking:r,enableNavTogether:i,enableNavEcom:s,enableProfileEcom:d,enableNavVideo:c,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:y,enableNavClinityDownload:g,enableNavCartCare:m}},[]);return l},N=o.createContext({}),NavigationProvider=e=>{var{children:t}=e,a=(0,n._)(e,["children"]);let[l,r]=o.useState(()=>a.currentUrl||`https://${"marryBaby"===a.siteType?w.d[a.locale||"en-PH"]:E.v[a.locale||"en-PH"]}${"together"===a.projectType?"/community":"ecom"===a.projectType?"/ecom":"care"===a.projectType?"/care":""}/`);(0,o.useEffect)(()=>{let update=()=>{r(window.location.href)};return window.addEventListener("popstate",update),update(),()=>{window.removeEventListener("popstate",update)}},[]);let i=useNavConfig({locale:a.locale,projectType:a.projectType,siteType:a.siteType,enableBookingBtn:a.enableBookingBtn});return o.createElement(N.Provider,{value:Object.assign(Object.assign({},a),{customClasses:a.customClasses||{},configs:Object.assign(Object.assign({},i),a.configs),currentUrl:a.currentUrl||l})},t)},useCSSFocusPopupHelper=e=>{let{allowBgScroll:t}=e||{},a=(0,o.useRef)();return{containerRef:a,onContainerFocus:()=>{t||(document.documentElement.style.overflow="hidden")},onContainerBlur:()=>{t||(document.documentElement.style.overflow="")},onButtonMouseDown:e=>{a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur(),e.preventDefault())},onClose:()=>{a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur())}}},k=(0,h.Z)(p.Z.div` position: absolute; right: 0; transition: all 0.5s ease-in-out; overflow-y: auto; &[data-open='true'] { z-index: 200; top: 120%; opacity: 1; visibility: visible; } &[data-open='false'] { display: none; } .popup-content { z-index: 111; height: 100%; border: 1px solid #0000001a; border-radius: 16px; border-top-left-radius: 0; border-top-right-radius: 0; } /* min-height: 415px; */ ${u.M.mbUp} { width: 320px; } ${u.M.mbDown} { position: fixed; left: 0; width: 100%; padding-bottom: 70px; } `,"hhgcomp-navprofilebutton-popup"),D=(0,h.Z)(p.Z.div` position: fixed; z-index: 150; top: var(--header-bottom, 56px); left: 0; width: 100%; height: 100%; align-items: center; ${u.M.mbUp} { background-color: transparent; &[data-type='welcome'] { background: rgba(38, 38, 38, 0.3); } &[data-type='due-date'] { background: rgba(38, 38, 38, 0.3); } } ${u.M.mbDown} { background: rgba(38, 38, 38, 0.3); } &[data-type='welcome'] { top: 0; } &[data-open='false'] { display: none; } `,"hhgcomp-navprofilebutton-popupwrapper"),L=p.Z.div` width: 36px; height: 36px; cursor: pointer; img { border-radius: 50%; } .avatar { width: 36px; height: 36px; object-fit: cover; } .avatar-default { display: flex; align-items: center; justify-content: center; background-color: ${m.r.colors.secondaryBase}; border-radius: 50%; color: white; font-size: 20px; font-weight: bold; } `,B=p.Z.div` display: inline-flex; position: relative; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; text-decoration: none; flex-shrink: 0; cursor: pointer; .user-close-icon { display: none; } &:focus-within { .user-close-icon { display: block; } .user-avatar { display: none; } ${k.classSelector} { z-index: 200; top: 120%; opacity: 1; visibility: visible; display: initial; ${u.M.mbDown} { top: 100%; } } ${D.classSelector} { display: initial; } } `,P=p.Z.a` display: inline-flex; .login-btn[data-color='tertiary'][data-size='md'] { padding-left: 12px; padding-right: 12px; } .mobile-only { ${u.M.mbUp} { display: none; } } .login-btn { display: none; ${u.M.mbUp} { display: block; border: 1px solid ${m.r.colors.neutral100}; } } &[data-win-cash-back-theme='true'] { .login-btn { ${u.M.mbUp} { color: ${m.r.colors.white}; } } } `,ProfilePopup=({isOpen:e,userInfo:t,closePopup:a,siteType:n="helloSites",dispatchLogout:l})=>{let{customClasses:r={},configs:{enableProfileFindMyBooking:i}}=(0,o.useContext)(N);return o.createElement(k,{className:r.profilePopup,"data-open":e},o.createElement("div",{className:f()("popup-content",r.profilePopupContent)},o.createElement(x.l,{siteType:n,onLogout:()=>{l&&(l(),a())},userInfo:t,configs:{enableProfileFindMyBooking:i}})))},NavigationProfileButton=({userInfo:e,siteType:t,onLoginClick:a,currentUrl:p,isMinifyLogin:u,onLogout:h,style:y,isLoading:f,isMobile:b,className:w})=>{let{isWinCashBackTheme:v}=(0,o.useContext)(N),{t:E}=(0,c.u)(),[x,k]=(0,o.useState)(!1),D=(null==e?void 0:e.name)||(null==e?void 0:e.username),{containerRef:S,onContainerFocus:I,onContainerBlur:M,onButtonMouseDown:z,onClose:F}=useCSSFocusPopupHelper(),R=(0,o.useMemo)(()=>b&&"helloSites"===t,[b]);return f?R?o.createElement(r.S,null):o.createElement(s.B,{size:"sm",color:"transparent",loading:!0}):(null==e?void 0:e.id)?o.createElement(o.Fragment,null,o.createElement(B,{ref:S,style:y,tabIndex:0,onBlur:M,onFocus:()=>{var e;I();let t=null===(e=S.current)||void 0===e?void 0:e.querySelector("#navigation-v2 .hhgcomp-navprofilebutton-popup");if(t){let e=t.getBoundingClientRect(),a=e.top,n=`calc(100vh - ${a}px)`;t.setAttribute("style",`max-height: ${n};`)}},className:w},o.createElement("div",{onMouseDown:z},o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"user-close-icon"},o.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),o.createElement(i.A,{size:32,className:"user-avatar",src:null==e?void 0:e.avatar,color:"marryBaby"===t?m.r.mbColors.pink:m.r.colors.secondaryBase,placeholderText:D&&D.length?D[0].toUpperCase():"A"})),o.createElement(ProfilePopup,{dispatchLogout:()=>{F(),k(!0)},isOpen:!1,closePopup:F,siteType:t,userInfo:e})),o.createElement(C.F,{openLogoutPopup:x,onCloseHandler:()=>{document.body.classList.toggle("noscroll",!1),k(!1)},siteType:t,onLogoutHandler:()=>(0,n.a)(void 0,void 0,void 0,function*(){k(!1),document.body.classList.toggle("noscroll",!1),yield h()})})):o.createElement(P,{style:Object.assign({textDecoration:"none"},y),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":p,"data-win-cash-back-theme":v,"data-site-type":t,onClick:a},u?o.createElement(L,null,o.createElement("img",{src:g.C.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):o.createElement(o.Fragment,null,"helloSites"===t&&(R?v?o.createElement(BlueWhiteLogin,{className:"mobile-only",style:{cursor:"pointer",width:32,height:32,flexShrink:0}}):o.createElement("img",{className:"mobile-only",src:g.C.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24}}):o.createElement(s.B,{className:"mobile-only",size:"sm",leftIcon:o.createElement(l.Z,{color:"currentColor",isSolid:!0,size:22}),sx:{paddingLeft:"8px",paddingRight:"12px"},styles:{leftIcon:{marginRight:4}}},E("navigation.loginJoin"))),"marryBaby"===t&&o.createElement("div",{className:"mobile-only",style:{paddingLeft:16}},o.createElement(d.T,{size:"p3",color:m.r.mbColors.pink},E("navigation.loginJoin"))),"marryBaby"===t?o.createElement(s.B,{className:"login-btn",size:"md",leftIcon:o.createElement(l.Z,{color:"currentColor",isSolid:!0,size:22})},E("navigation.loginJoin")):o.createElement(s.B,{className:"login-btn",size:"md",leftIcon:v?o.createElement(UserPlain,{style:{flexShrink:0,width:20,height:20}}):o.createElement(l.Z,{color:"#595959",isSolid:!0,size:22}),variant:"ghost",color:"#262626",sx:{fontWeight:500,fontSize:14,lineHeight:22}},E("navigation.loginJoin"))))}},y26R:function(e,t,a){a.d(t,{S:function(){return SocialLinkPreview}});var n=a("NXpd"),o=a("q1tI"),l=a("Eso5"),r=a("8vDj"),i=a("YwFi"),s=a("Xp6P"),d=a("rBCA"),c=a("IQVP"),g=a("NnTf"),m=a("Z/8f"),p=a("1H8c");let u=d.Z.div` .link-info-container { padding: 0.5rem 1rem; background: ${e=>e.color||"#f4faff"}; } .link-image-wrapper { position: relative; overflow: hidden; width: 100%; padding-top: 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: cover; object-position: center; } } a { text-decoration: none; } &[data-is-marrybaby='true'] { overflow: hidden; border-radius: 1rem; } `,useExternalScript=({url:e,onLoad:t,onError:a})=>{let[n,l]=(0,o.useState)(e?"loading":"idle");return(0,o.useEffect)(()=>{if(!e){l("idle");return}let n=document.querySelector(`script[src="${e}"]`),handleLoadScript=()=>{l("ready"),null==t||t()},handleErrorScript=()=>{l("error"),null==a||a()};return n||((n=document.createElement("script")).type="application/javascript",n.src=e,n.async=!0,document.body.appendChild(n),n.addEventListener("load",handleLoadScript),n.addEventListener("error",handleErrorScript)),n.addEventListener("load",handleLoadScript),n.addEventListener("error",handleErrorScript),()=>{n.removeEventListener("load",handleLoadScript),n.removeEventListener("error",handleErrorScript)}},[e]),n},YoutubePlyr=({id:e,autoplay:t})=>{let a=(0,o.useRef)(null),n=useExternalScript({url:"https://cdn.plyr.io/3.7.8/plyr.js"});return(0,o.useEffect)(()=>{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)}("ready"===n||"undefined"!=typeof Plyr)&&new Plyr(a.current.querySelector('[data-id="player"]'),{autoplay:t,muted:!0})},[n]),o.createElement(o.Fragment,null,o.createElement(l.x,{ref:a,sx:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"#000","&, > div":{width:"100%",height:"100%"}}},o.createElement("div",{"data-id":"player"},o.createElement("iframe",{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${e}?&mute=1&enablejsapi=1&rel=0`,allowFullScreen:!0,frameBorder:"0"}))))},SocialLinkPreview=({url:e,image:t,className:a,style:l,baseUrl:d="",autoPlay:h=!0,onPushStatus:y})=>{let{data:{locale:f}}=(0,o.useContext)(s.T),[b,w]=(0,o.useState)(null);(0,o.useEffect)(()=>{(0,n.a)(void 0,void 0,void 0,function*(){if(!t){if(!e)return w(null);w(e=>Object.assign(Object.assign({},e),{isFetching:!0})),(0,s.c)((0,s.e)(c.yy.FETCH_PREVIEW,{_locale:f},void 0,d),"POST",{data:{link:e},headers:{"Content-Type":"application/json"}},!!d).then(t=>{var a,n;w({url:e,image:(null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.image)||(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.logo)})}).catch(()=>{w(null)})}})},[e,t]);let v=t||(null==b?void 0:b.image),E=(null==b?void 0:b.url)||e,x=(0,o.useMemo)(()=>(0,m.y)(E),[E]),C=(0,o.useMemo)(()=>E.includes("facebook.com")||E.includes("fb.watch"),[E]),N=(0,o.useRef)(0),k=(0,o.useRef)(0),[D,L]=(0,o.useState)(!1);(0,o.useEffect)(()=>{let handleResize=()=>{var e;let t=null===(e=B.current)||void 0===e?void 0:e.getBoundingClientRect(),a=!1;t&&(!N.current||Math.abs((N.current-t.width)/(null==t?void 0:t.width))>.2)&&(N.current=Math.floor(t.width),a=!0),t&&(!k.current||Math.abs((k.current-t.height)/(null==t?void 0:t.height))>.2)&&(k.current=Math.floor(t.height),a=!0),a&&L(e=>!e)};return handleResize(),window.addEventListener("resize",handleResize,{passive:!0}),()=>{window.removeEventListener("resize",handleResize)}},[]),(0,o.useEffect)(()=>{(null==b?void 0:b.image)&&(null==b?void 0:b.url)&&(null==y||y(!0))},[b]);let B=(0,o.useRef)(null),P=(0,r.rZ)();return o.createElement(u,{className:`${a} no-replace-click`,style:l,ref:B,color:P.colors[P.primaryColor][0]},!t&&(x||C)?o.createElement("div",{className:"link-image-wrapper"},x?o.createElement(YoutubePlyr,{id:x,autoplay:h}):C?o.createElement("iframe",{key:String(D),src:`https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(E)}&autoplay=${h?1:0}&show_text=false&t=0&width=${N.current}&height=${k.current}`,style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:k.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):o.createElement("a",{href:E,target:"_blank",rel:"noreferrer"},o.createElement("div",{className:`link-image-wrapper ${(null==b?void 0:b.isFetching)?"fetching":""}`},(null==b?void 0:b.isFetching)?o.createElement(p.L,{className:"loading-spinner"}):o.createElement(i.I,{className:"link-image",src:v||g.D,backupSrc:g.D,alt:E}))))}}}]);