@hhgtech/hhg-components 1.21.0-beta-12 → 1.21.0-beta-13

package/build/{index-f3c70f37.js → index-43887156.js}

@@ -1 +1 @@
-"use strict";var n=require("./tslib.es6-f7929e76.js"),e=require("react"),t=require("./lock-f96868e8.js"),o=require("./components/avatar.js"),i=require("./components/button.js"),a=require("./components/text.js"),r=require("./useTranslations-589049a5.js"),l=require("./theme-696d81a9.js"),d=require("./components/navigationLogoutPopup.js"),s=require("./utils-1cac3068.js"),p=require("styled-components"),c=require("./index-32df3e70.js");function u(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var m,h,f,g,b,x=u(e),y=u(p),v="data:image/svg+xml,%3csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 1.5a7.5 7.5 0 100 15 7.5 7.5 0 000-15zm0 2.063a2.437 2.437 0 110 4.874 2.437 2.437 0 010-4.874zM9 15a5.984 5.984 0 01-4.566-2.109.762.762 0 01.13-1.103C5.702 10.932 7.774 10.5 9 10.5s3.299.432 4.437 1.288a.762.762 0 01.13 1.103A5.987 5.987 0 019 15z' fill='%23595959'/%3e%3c/svg%3e",w=function(n){var t=(n||{}).allowBgScroll,o=e.useRef();return{containerRef:o,onContainerFocus:function(){t||(document.documentElement.style.overflow="hidden")},onContainerBlur:function(){t||(document.documentElement.style.overflow="")},onButtonMouseDown:function(n){(document.activeElement===o.current||o.current.contains(document.activeElement))&&(o.current.blur(),document.activeElement.blur(),n.preventDefault())},onClose:function(){(document.activeElement===o.current||o.current.contains(document.activeElement))&&(o.current.blur(),document.activeElement.blur())}}},E=y.default.div(m||(m=n.__makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px\n        ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"],["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px\n        ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),s.MediaQueries.mbDown,s.MediaQueries.mbUp,s.MediaQueries.mbDown,s.MediaQueries.mbUp,s.MediaQueries.mbDown,s.MediaQueries.mbUp,(function(n){return n.theme.colors.gray200}),s.MediaQueries.mbDown,l.theme.colors.neutral100,s.MediaQueries.mbUp),k=y.default.div(h||(h=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"])),s.MediaQueries.mbUp,s.MediaQueries.mbDown),C=y.default.div(f||(f=n.__makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.theme.colors.secondaryBase})),M=y.default.a(g||(g=n.__makeTemplateObject(["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    "," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    "," {\n      display: initial;\n    }\n  }\n"],["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    "," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    "," {\n      display: initial;\n    }\n  }\n"])),E,s.MediaQueries.mbDown,k),P=y.default.a(b||(b=n.__makeTemplateObject(["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"],["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"])),s.MediaQueries.mbUp,s.MediaQueries.mbUp),U=function(n){var e=n.type,t=void 0===e?"lead":e,o=n.closeIcon,i=n.isOpen,a=void 0===i||i,r=n.onClose,l=n.children,d=n.enableAnimation,s=void 0===d||d,p=n.targetAvatar,c=n.id,u=n.className;return x.default.createElement(x.default.Fragment,null,x.default.createElement(E,{"data-open":a,"data-type":t,"data-animation":s,"data-target":p,id:c,className:u},x.default.createElement("div",{className:"popup-content"},!!o&&x.default.createElement("div",{className:"close-button",onClick:r},o),l)),x.default.createElement(k,{"data-type":t,"data-open":a,onClick:r,id:c?"wrapper-".concat(c):void 0,className:"".concat(u||"","-wrapper")}))},_=function(n){var e=n.SSO_URL,t=n.UP_BASEPATH,o=n.isOpen,i=n.targetAvatar,a=n.userInfo,r=n.enableCare,l=n.enableTogether,d=n.enableEcom,s=n.closePopup,p=n.siteType,u=void 0===p?"helloSites":p,m=n.dispatchLogout,h=n.userProfileRouterPush,f=n.isUserProfileNavigatorMenuHidden,g=n.isMyHealthEnabled,b=void 0!==g&&g,y=n.togetherApiDomain,v=n.locale,w=function(n){h?h("/".concat(n)):e&&(window.location.href="".concat(e).concat(t,"/").concat(n))},E=function(n){w(n),s()};return x.default.createElement(U,{isOpen:o,type:"profile",enableAnimation:!0,targetAvatar:i,onClose:s},x.default.createElement(c.UserProfileNavigation,{SSO_URL:e,UP_BASEPATH:t,themeName:u,userInfo:a,enableCare:r,enableTogether:l,enableEcom:d,onClickLogout:function(){m&&(m(),s())},onClickMenuItem:E,onClickNavigationCard:E,onClickMyProfileButton:function(){w("profile"),s()},isUserProfileNavigatorMenuHidden:f,isMyHealthEnabled:b,togetherApiDomain:y,locale:v}))};exports.NavigationProfileButton=function(s){var p=s.userInfo,c=s.siteType,u=s.isAmp,m=s.goToLogin,h=s.SSO_URL,f=s.currentUrl,g=s.isMinifyLogin,b=s.enableCare,y=s.enableTogether,E=s.enableEcom,k=s.isUserProfileNavigatorMenuHidden,U=s.UP_BASEPATH,L=s.isMyHealthEnabled,j=s.togetherApiDomain,A=s.onLogout,T=s.style,B=s.userProfileRouterPush,N=s.isLoading,S=s.locale,z=r.useTranslations().t,D=e.useState(!1),H=D[0],O=D[1],Q=(null==p?void 0:p.name)||(null==p?void 0:p.username),q=e.useState(!1),R=q[0],F=q[1];e.useEffect((function(){F(!0)}),[]);var I=w(),J=I.containerRef,W=I.onContainerFocus,G=I.onContainerBlur,K=I.onButtonMouseDown,V=I.onClose;return N&&!u?x.default.createElement(i.Button,{size:"sm",color:"transparent",isLoading:!0}):(null==p?void 0:p.id)?x.default.createElement(x.default.Fragment,null,x.default.createElement(M,{ref:J,href:u?"".concat(h,"user/profile"):void 0,style:T,tabIndex:0,onBlur:G,onFocus:W},x.default.createElement("div",{onMouseDown:K},x.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"user-close-icon"},x.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),x.default.createElement(o.Avatar,{type:"rounded",size:"medium",className:"user-avatar",avatarUrl:null==p?void 0:p.avatar,firstLetter:Q&&Q.length?Q[0].toUpperCase():"A",backgroundColor:"marryBaby"===c?l.theme.mbColors.pink:l.theme.colors.secondaryBase,isAmp:u})),!u&&x.default.createElement(_,{UP_BASEPATH:U,SSO_URL:h,dispatchLogout:function(){V(),O(!0)},isOpen:!1,isMyHealthEnabled:L,enableCare:b,enableTogether:y,enableEcom:E,closePopup:V,userInfo:p,siteType:c,isUserProfileNavigatorMenuHidden:k,togetherApiDomain:j,userProfileRouterPush:B,locale:S})),!u&&x.default.createElement(d.NavigationLogoutPopup,{openLogoutPopup:H,onCloseHandler:function(){document.body.classList.toggle("noscroll",!1),O(!1)},siteType:c,onLogoutHandler:function(){return n.__awaiter(void 0,void 0,void 0,(function(){return n.__generator(this,(function(n){switch(n.label){case 0:return O(!1),document.body.classList.toggle("noscroll",!1),[4,A()];case 1:return n.sent(),[2]}}))}))}})):x.default.createElement(P,{style:n.__assign({textDecoration:"none"},T),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":f,href:u?"".concat(h,"?returnUrl=").concat(f.replace("?amp=1","")):R?void 0:"".concat(h,"?returnUrl=").concat(f),"data-site-type":c},g?x.default.createElement(C,{onClick:m},x.default.createElement("img",{src:t.img,className:"avatar",alt:"avatar"})):x.default.createElement(x.default.Fragment,null,"helloSites"===c&&x.default.createElement("img",{className:"mobile-only",src:v,style:{cursor:"pointer",height:24,width:24},onClick:m}),"marryBaby"===c&&x.default.createElement("div",{className:"mobile-only",onClick:m,style:{paddingLeft:16}},x.default.createElement(a.Text,{size:"p3",color:l.theme.mbColors.pink},z("navigation.loginJoin"))),x.default.createElement(i.Button,{className:"login-btn",size:"md",color:"tertiary",onClick:m,icon:x.default.createElement("img",{src:v,width:18,height:18,style:{marginRight:8}}),theme:c},z("navigation.loginJoin"))))},exports.ProfilePopup=_,exports.useCSSFocusPopupHelper=w;
+"use strict";var n=require("./tslib.es6-f7929e76.js"),e=require("react"),t=require("./lock-1950c18b.js"),o=require("./components/avatar.js"),i=require("./components/button.js"),a=require("./components/text.js"),r=require("./useTranslations-77f20604.js"),l=require("./theme-696d81a9.js"),d=require("./components/navigationLogoutPopup.js"),s=require("./utils-1cac3068.js"),p=require("styled-components"),c=require("./index-d12009e4.js");function u(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var h,m,f,g,b,x=u(e),y=u(p),v="data:image/svg+xml,%3csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 1.5a7.5 7.5 0 100 15 7.5 7.5 0 000-15zm0 2.063a2.437 2.437 0 110 4.874 2.437 2.437 0 010-4.874zM9 15a5.984 5.984 0 01-4.566-2.109.762.762 0 01.13-1.103C5.702 10.932 7.774 10.5 9 10.5s3.299.432 4.437 1.288a.762.762 0 01.13 1.103A5.987 5.987 0 019 15z' fill='%23595959'/%3e%3c/svg%3e",w=function(n){var t=(n||{}).allowBgScroll,o=e.useRef();return{containerRef:o,onContainerFocus:function(){t||(document.documentElement.style.overflow="hidden")},onContainerBlur:function(){t||(document.documentElement.style.overflow="")},onButtonMouseDown:function(n){(document.activeElement===o.current||o.current.contains(document.activeElement))&&(o.current.blur(),document.activeElement.blur(),n.preventDefault())},onClose:function(){(document.activeElement===o.current||o.current.contains(document.activeElement))&&(o.current.blur(),document.activeElement.blur())}}},E=y.default.div(h||(h=n.__makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px\n        ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"],["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px\n        ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),s.MediaQueries.mbDown,s.MediaQueries.mbUp,s.MediaQueries.mbDown,s.MediaQueries.mbUp,s.MediaQueries.mbDown,s.MediaQueries.mbUp,(function(n){return n.theme.colors.gray200}),s.MediaQueries.mbDown,l.theme.colors.neutral100,s.MediaQueries.mbUp),k=y.default.div(m||(m=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"])),s.MediaQueries.mbUp,s.MediaQueries.mbDown),C=y.default.div(f||(f=n.__makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.theme.colors.secondaryBase})),M=y.default.a(g||(g=n.__makeTemplateObject(["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    "," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    "," {\n      display: initial;\n    }\n  }\n"],["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    "," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    "," {\n      display: initial;\n    }\n  }\n"])),E,s.MediaQueries.mbDown,k),P=y.default.a(b||(b=n.__makeTemplateObject(["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"],["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"])),s.MediaQueries.mbUp,s.MediaQueries.mbUp),U=function(n){var e=n.type,t=void 0===e?"lead":e,o=n.closeIcon,i=n.isOpen,a=void 0===i||i,r=n.onClose,l=n.children,d=n.enableAnimation,s=void 0===d||d,p=n.targetAvatar,c=n.id,u=n.className;return x.default.createElement(x.default.Fragment,null,x.default.createElement(E,{"data-open":a,"data-type":t,"data-animation":s,"data-target":p,id:c,className:u},x.default.createElement("div",{className:"popup-content"},!!o&&x.default.createElement("div",{className:"close-button",onClick:r},o),l)),x.default.createElement(k,{"data-type":t,"data-open":a,onClick:r,id:c?"wrapper-".concat(c):void 0,className:"".concat(u||"","-wrapper")}))},L=function(n){var e=n.SSO_URL,t=n.UP_BASEPATH,o=n.isOpen,i=n.targetAvatar,a=n.userInfo,r=n.enableCare,l=n.enableTogether,d=n.enableEcom,s=n.closePopup,p=n.siteType,u=void 0===p?"helloSites":p,h=n.dispatchLogout,m=n.userProfileRouterPush,f=n.isUserProfileNavigatorMenuHidden,g=n.isMyHealthEnabled,b=void 0!==g&&g,y=n.togetherApiDomain,v=n.locale,w=function(n){m?m("/".concat(n)):e&&(window.location.href="".concat(e).concat(t,"/").concat(n))},E=function(n){w(n),s()};return x.default.createElement(U,{isOpen:o,type:"profile",enableAnimation:!0,targetAvatar:i,onClose:s},x.default.createElement(c.UserProfileNavigation,{SSO_URL:e,UP_BASEPATH:t,themeName:u,userInfo:a,enableCare:r,enableTogether:l,enableEcom:d,onClickLogout:function(){h&&(h(),s())},onClickMenuItem:E,onClickNavigationCard:E,onClickMyProfileButton:function(){w("profile"),s()},isUserProfileNavigatorMenuHidden:f,isMyHealthEnabled:b,togetherApiDomain:y,locale:v}))};exports.NavigationProfileButton=function(s){var p=s.userInfo,c=s.siteType,u=s.isAmp,h=s.goToLogin,m=s.SSO_URL,f=s.currentUrl,g=s.isMinifyLogin,b=s.enableCare,y=s.enableTogether,E=s.enableEcom,k=s.isUserProfileNavigatorMenuHidden,U=s.UP_BASEPATH,_=s.isMyHealthEnabled,j=s.togetherApiDomain,A=s.onLogout,T=s.style,B=s.userProfileRouterPush,N=s.isLoading,S=s.locale,z=r.useTranslations().t,D=e.useState(!1),H=D[0],O=D[1],Q=(null==p?void 0:p.name)||(null==p?void 0:p.username),q=e.useState(!1),R=q[0],F=q[1];e.useEffect((function(){F(!0)}),[]);var I=w(),J=I.containerRef,W=I.onContainerFocus,G=I.onContainerBlur,K=I.onButtonMouseDown,V=I.onClose;return N&&!u?x.default.createElement(i.Button,{size:"sm",color:"transparent",isLoading:!0}):(null==p?void 0:p.id)?x.default.createElement(x.default.Fragment,null,x.default.createElement(M,{ref:J,href:u?"".concat(m,"user/profile"):void 0,style:T,tabIndex:0,onBlur:G,onFocus:W},x.default.createElement("div",{onMouseDown:K},x.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"user-close-icon"},x.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),x.default.createElement(o.Avatar,{type:"rounded",size:"medium",className:"user-avatar",avatarUrl:null==p?void 0:p.avatar,firstLetter:Q&&Q.length?Q[0].toUpperCase():"A",backgroundColor:"marryBaby"===c?l.theme.mbColors.pink:l.theme.colors.secondaryBase,isAmp:u})),!u&&x.default.createElement(L,{UP_BASEPATH:U,SSO_URL:m,dispatchLogout:function(){V(),O(!0)},isOpen:!1,isMyHealthEnabled:_,enableCare:b,enableTogether:y,enableEcom:E,closePopup:V,userInfo:p,siteType:c,isUserProfileNavigatorMenuHidden:k,togetherApiDomain:j,userProfileRouterPush:B,locale:S})),!u&&x.default.createElement(d.NavigationLogoutPopup,{openLogoutPopup:H,onCloseHandler:function(){document.body.classList.toggle("noscroll",!1),O(!1)},siteType:c,onLogoutHandler:function(){return n.__awaiter(void 0,void 0,void 0,(function(){return n.__generator(this,(function(n){switch(n.label){case 0:return O(!1),document.body.classList.toggle("noscroll",!1),[4,A()];case 1:return n.sent(),[2]}}))}))}})):x.default.createElement(P,{style:n.__assign({textDecoration:"none"},T),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":f,href:u?"".concat(m,"?returnUrl=").concat(f.replace("?amp=1","")):R?void 0:"".concat(m,"?returnUrl=").concat(f),"data-site-type":c},g?x.default.createElement(C,{onClick:h},x.default.createElement("img",{src:t.LockIcon,className:"avatar",alt:"avatar"})):x.default.createElement(x.default.Fragment,null,"helloSites"===c&&x.default.createElement("img",{className:"mobile-only",src:v,style:{cursor:"pointer",height:24,width:24},onClick:h}),"marryBaby"===c&&x.default.createElement("div",{className:"mobile-only",onClick:h,style:{paddingLeft:16}},x.default.createElement(a.Text,{size:"p3",color:l.theme.mbColors.pink},z("navigation.loginJoin"))),x.default.createElement(i.Button,{className:"login-btn",size:"md",color:"tertiary",onClick:h,icon:x.default.createElement("img",{src:v,width:18,height:18,style:{marginRight:8}}),theme:c},z("navigation.loginJoin"))))},exports.ProfilePopup=L,exports.useCSSFocusPopupHelper=w;

package/build/{index-4c31d5be.js → index-cd4b0ed4.js}

@@ -1 +1 @@
-"use strict";var n=require("./tslib.es6-f7929e76.js"),e=require("react"),t=require("./components/avatar.js"),i=require("./components/button.js"),a=require("./components/text.js"),o=require("date-fns"),l=require("date-fns/locale/en-US"),r=require("date-fns/locale/hi"),d=require("date-fns/locale/id"),s=require("date-fns/locale/ms"),u=require("date-fns/locale/th"),c=require("date-fns/locale/vi"),p=require("date-fns/locale/zh-TW"),m=require("./useTranslations-589049a5.js"),g=require("./utils-1cac3068.js"),f=require("./constants-5675963f.js"),v=require("./togetherComponentGlobalContext-6197b982.js"),h=require("styled-components"),x=require("./theme-696d81a9.js"),A=require("react-id-generator"),b=require("./components/heading.js");function w(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var y,C,k,E,B=w(e),D=w(l),_=w(r),Q=w(d),M=w(s),I=w(u),L=w(c),N=w(p),T=w(h),j=function(n){return n?{displayName:n.display_name||null,avatar:n.avatar||null,thumbnailAvatar:n.avatar_thumbnail||null,profileUrl:n.profile_url||null,description:n.description||null,metaTag:n.meta_tag||""}:{}},P=function(n){return n?{id:n.ID||null,name:n.name||null,specialty:n.specialty||null,avatar:n.avatar||null,permalink:n.permalink||null,thumbnailAvatar:n.avatar_thumbnail||null}:{}},z=function(e){var t,i,a,o;return e?{id:e.ID,postName:e.post_name,sponsor:e.sponsor?F(e.sponsor):null,isSponsored:e.is_sponsored||null,postTitle:e.post_title||"",postModified:e.post_modified||"",postDate:e.post_date||"",modifiedTime:e.modified_time||"",permalink:e.permalink||"",featureImage:e.image||null,featureImageMobile:e.image_medium||null,featureImageMobileXs:e.image_thumbnail||null,author:j(e.author),reviewer:e.reviewed_by&&j(e.reviewed_by)||null,articleReviewed:(null==e?void 0:e.reviewed)?n.__assign(n.__assign({},null==e?void 0:e.reviewed),{author:G(null===(t=null==e?void 0:e.reviewed)||void 0===t?void 0:t.author),editor:G(null===(i=null==e?void 0:e.reviewed)||void 0===i?void 0:i.editor),expert:G(null===(a=null==e?void 0:e.reviewed)||void 0===a?void 0:a.expert),fact_check:G(null===(o=null==e?void 0:e.reviewed)||void 0===o?void 0:o.fact_check)}):null,category:S(e.category),postContent:e.post_content||null,sections:e.sections||null,categories:(e.categories||[]).map(S),sources:e.sources||null,description:e.description||null,excerpt:e.excerpt||null,expert:P(e.expert),metaTag:e.meta_tag||null}:{}},G=function(e){return void 0!==e&&e?n.__assign(n.__assign({},e),{profile_url:(null==e?void 0:e.slug)?["expert","medical"].includes((null==e?void 0:e.role)||"")?"/expert/".concat(null==e?void 0:e.slug):"/author/".concat(null==e?void 0:e.slug):e.profile_url}):null},F=function(n){return n?{title:n.title,logo:n.logo,link:n.link}:{}},H=function(n){return{postTitle:n.post_title,permalink:n.permalink}},S=function(n){var e,t;return n?{termId:n.term_id||null,sponsor:n.sponsor?F(n.sponsor):null,isSponsored:n.is_sponsored||null,categoryName:n.cat_name||null,name:n.name||null,iconUrl:n.icon||"",slugName:n.category_nicename||null,description:n.description||null,featureImage:n.image||null,displayName:n.name||null,parent:n.parent||null,permalink:n.permalink||null,slug:n.slug||null,childCates:(null===(e=n.child_cates)||void 0===e?void 0:e.map((function(n){return S(n)})))||[],colorFeatureImage:n.color_feature_image||null,imageColor:n.image_color||null,textColor:n.text_color||null,catParent:(null===(t=n.cat_parent)||void 0===t?void 0:t.name)?{name:n.cat_parent.name,permalink:n.cat_parent.permalink}:{},metaTag:n.meta_tag||"",reviewedBy:n.reviewed_by?H(n.reviewed_by):null,reviewedDate:n.reviewed_date||"",faqs:n.faqs?n.faqs.map((function(n){return O(n)})):null}:{}},O=function(n){return{title:n.title,content:n.content}},U=function(n){return n?{icon:n.icon,link:n.link.startsWith("http")?n.link:"/health-tools"+n.link,subtitle:n.subtitle,title:n.title}:{}},Z=function(n){return n?{topicCount:n.topics_count,postCount:n.posts_count,memberCount:n.members_count,thumbnail:n.thumbnail,coverImage:n.cover_image,mobileCoverImage:n.mobile_cover_image,name:n.name,description:n.description,slug:n.slug,id:n.id,joined:n.joined,isActive:null===n.is_active||void 0===n.is_active||Boolean(n.is_active),mappedCategoryId:n.mapped_category_id||0,discoverCategory:n.discover_category?{categoryId:n.discover_category.category_id||0,name:n.discover_category.name||""}:null,isHidden:Boolean(n.is_hidden)}:{}},K=function(n){var e,t,i,a;return n?{id:n.id||0,name:n.name||"",image:n.thumbnail||"",slug:n.slug||"",url:"/"+(null===(e=n.community)||void 0===e?void 0:e.slug)+"/"+(null==n?void 0:n.slug)||"",description:n.description||"",joined:n.joined||!1,postCount:n.count_posts||0,memberCount:n.count_members||0,communityId:String(null===(t=n.community)||void 0===t?void 0:t.id),communitySlug:null===(i=n.community)||void 0===i?void 0:i.slug,communityName:null===(a=n.community)||void 0===a?void 0:a.name,order:n.order||0,isActive:null===n.is_active||void 0===n.is_active||Boolean(n.is_active),mappedCategoryId:n.mapped_category_id||0,discoverCategory:n.discover_category?{categoryId:n.discover_category.category_id||0,name:n.discover_category.name||""}:null,isHidden:Boolean(n.is_hidden)}:{}},Y=function(n){var e,t,i,a,o,l,r,d,s,u,c,p,m,g,f,v,h,x,A,b,w;return n?{id:n.id,topics:(null===(e=n.topics)||void 0===e?void 0:e.map((function(e){var t,i,a,o;return{id:e.id||0,name:e.name||"",slug:e.slug||"",url:"/"+(null===(t=n.community)||void 0===t?void 0:t.slug)+"/"+e.slug,communityId:String(null===(i=n.community)||void 0===i?void 0:i.id),communitySlug:(null===(a=n.community)||void 0===a?void 0:a.slug)||"",communityName:(null===(o=n.community)||void 0===o?void 0:o.name)||"",isHidden:Boolean(e.is_hidden),isActive:!0}})))||[],community:{id:(null===(t=n.community)||void 0===t?void 0:t.id)||0,name:(null===(i=n.community)||void 0===i?void 0:i.name)||"",slug:(null===(a=n.community)||void 0===a?void 0:a.slug)||"",isActive:!0,isHidden:Boolean(null===(o=n.community)||void 0===o?void 0:o.is_hidden)},slug:n.slug||"",author:{id:(null===(l=n.user)||void 0===l?void 0:l.id)||0,username:(null===(r=n.user)||void 0===r?void 0:r.user_name)||"",email:(null===(d=n.user)||void 0===d?void 0:d.email)||"",name:(null===(s=n.user)||void 0===s?void 0:s.name)||"",avatar:(null===(u=n.user)||void 0===u?void 0:u.avatar)||"",role:(null===(c=n.user)||void 0===c?void 0:c.role)?null===(m=null===(p=n.user)||void 0===p?void 0:p.role)||void 0===m?void 0:m.toLowerCase():"",type:(null===(g=n.user)||void 0===g?void 0:g.type)||"",partnerId:(null===(f=n.user)||void 0===f?void 0:f.partner_id)?String(null===(v=n.user)||void 0===v?void 0:v.partner_id):"",title:(null===(h=n.user)||void 0===h?void 0:h.title)||"",doctorId:(null===(x=n.user)||void 0===x?void 0:x.doctor_id)?String(null===(A=n.user)||void 0===A?void 0:A.doctor_id):"",hospitalId:(null===(b=n.user)||void 0===b?void 0:b.hospital_id)?String(null===(w=n.user)||void 0===w?void 0:w.hospital_id):""},previewUrl:{title:n.preview_title||"",url:n.preview_link||"",image:n.preview_image||"",description:n.preview_description||""},createdAt:n.created_at||"",scheduleDateTime:n.schedule_datetime||"",photos:n.images||[],description:n.description||"",commentsCount:n.comments_count||0,likesCount:n.likes_count||0,title:n.name||"",isPin:!!n.is_pin,pinDate:n.pin_date||"",liked:n.liked||!1,bookmarked:Boolean(n.bookmarked)||!1,mentions:n.mentions||[],commented:Boolean(n.commented)||!1,introUrl:n.intro_url||"",bannerImage:n.banner_image||""}:{}},q=function(n){var e,t,i,a,o,l,r,d,s,u,c,p,m,g,f,v,h,x,A,b,w,y,C,k,E,B,D,_,Q,M,I,L;return n?{content:n.content,countLikes:n.likes_count,countReplies:n.replies_count,createdAt:n.created_at,createdTime:n.created_time,id:String(n.id),images:n.image||[],link:n.link||null,replies:n.replies&&n.replies.length>0?n.replies.map(q):[],author:{id:(null===(e=n.user)||void 0===e?void 0:e.id)||0,username:(null===(t=n.user)||void 0===t?void 0:t.user_name)||"",name:(null===(i=n.user)||void 0===i?void 0:i.name)||"",role:(null===(a=n.user)||void 0===a?void 0:a.role)?null===(l=null===(o=n.user)||void 0===o?void 0:o.role)||void 0===l?void 0:l.toLowerCase():"",avatar:(null===(r=n.user)||void 0===r?void 0:r.avatar)||"",type:(null===(d=n.user)||void 0===d?void 0:d.type)||"",email:(null===(s=n.user)||void 0===s?void 0:s.email)||"",partnerId:(null===(u=n.user)||void 0===u?void 0:u.partner_id)?String(null===(c=n.user)||void 0===c?void 0:c.partner_id):"",title:(null===(p=n.user)||void 0===p?void 0:p.title)||"",doctorId:(null===(m=n.user)||void 0===m?void 0:m.doctor_id)?String(null===(g=n.user)||void 0===g?void 0:g.doctor_id):"",hospitalId:(null===(f=n.user)||void 0===f?void 0:f.hospital_id)?String(null===(v=n.user)||void 0===v?void 0:v.hospital_id):""},liked:!!n.liked,mentionedUser:n.mentioned?{id:(null===(h=n.mentioned)||void 0===h?void 0:h.id)||0,username:(null===(x=n.mentioned)||void 0===x?void 0:x.user_name)||"",name:(null===(A=n.mentioned)||void 0===A?void 0:A.name)||"",role:(null===(b=n.mentioned)||void 0===b?void 0:b.role)?null===(y=null===(w=n.mentioned)||void 0===w?void 0:w.role)||void 0===y?void 0:y.toLowerCase():"",avatar:(null===(C=n.mentioned)||void 0===C?void 0:C.avatar)||"",type:(null===(k=n.mentioned)||void 0===k?void 0:k.type)||"",email:(null===(E=n.mentioned)||void 0===E?void 0:E.email)||"",partnerId:(null===(B=n.mentioned)||void 0===B?void 0:B.partner_id)?String(null===(D=n.mentioned)||void 0===D?void 0:D.partner_id):"",doctorId:(null===(_=n.mentioned)||void 0===_?void 0:_.doctor_id)?String(null===(Q=n.mentioned)||void 0===Q?void 0:Q.doctor_id):"",hospitalId:(null===(M=n.mentioned)||void 0===M?void 0:M.hospital_id)?String(null===(I=n.mentioned)||void 0===I?void 0:I.hospital_id):"",title:(null===(L=n.mentioned)||void 0===L?void 0:L.title)||""}:null,mentions:n.mentions||[]}:{}},W=Object.freeze({__proto__:null,formatAuthor:j,formatArticleExpert:P,formatArticle:z,formatUserProfile:G,formatBMIResult:function(n){var e,t,i,a,o,l,r,d,s;return n&&n.status?{status:null==n?void 0:n.status,comparison:null!==(e=null==n?void 0:n.comparison)&&void 0!==e?e:"",assessmentData:[{tab:"tools.condition",content:null!==(t=null==n?void 0:n.condition)&&void 0!==t?t:""},{tab:"tools.risks",content:null!==(i=null==n?void 0:n.risk)&&void 0!==i?i:""},{tab:"tools.suggestion",content:null!==(a=null==n?void 0:n.suggestion)&&void 0!==a?a:""}],chartData:(null===(o=null==n?void 0:n.chart_data)||void 0===o?void 0:o.length)>0?null==n?void 0:n.chart_data:[],disclaimer:null!==(l=null==n?void 0:n.disclaimer)&&void 0!==l?l:"",illustrator:null!==(r=null==n?void 0:n.illustrator)&&void 0!==r?r:"",faqs:null!==(d=null==n?void 0:n.faqs)&&void 0!==d?d:[],suggestedArticlesLink:null!==(s=null==n?void 0:n.suggested_articles_link)&&void 0!==s?s:""}:{}},formatSponsor:F,formatReviewedCategory:H,formatCategory:S,formatCategoryApi:function(n){return n?{categoryInfo:S(n.data.category)||null,explainersPosts:(n.data.explainers_posts||[]).map(z),subCategories:(n.data.sub_categories||[]).map(S)}:{}},formatFaqsCategory:O,formatHealthTool:U,formatHealthToolTypeCategory:function(n){var e,t;return n?{termId:(null==n?void 0:n.term_id)||0,name:(null==n?void 0:n.name)||"",healthTools:null!==(t=null===(e=null==n?void 0:n.health_tools)||void 0===e?void 0:e.map((function(n){return U(n)})))&&void 0!==t?t:[]}:{}},formatCommunity:Z,formatTopic:K,formatPost:Y,formatPostPagination:function(n){return n?{currentPage:n.current||0,lastPage:n.last||0,total:n.total_items||0}:{}},formatNotification:function(n){var e,t,i;return n?{time:n.created_at,content:n.content,postId:String(n.post_id),fromUser:{name:null===(e=n.from_user)||void 0===e?void 0:e.name,id:null===(t=n.from_user)||void 0===t?void 0:t.id,avatar:null===(i=n.from_user)||void 0===i?void 0:i.avatar},toUserId:String(n.to_user_id),postSlug:n.post_slug||"",communitySlug:n.community_slug||""}:{}},formatSpotlightsList:function(n){return n?n.map((function(n){return{id:n.ID,name:n.name,permalink:n.permalink,image:(null==n?void 0:n.small_banner)||(null==n?void 0:n.image),imageMedium:(null==n?void 0:n.image_medium)||null,imageThumbnail:(null==n?void 0:n.image_thumbnail)||null,startDate:null==n?void 0:n.start_date,endDate:null==n?void 0:n.end_date}})):[]},formatOvulationInfo:function(n){return n?{disclaimer:n.disclaimer,info:n.info||[],reviewedBy:n.reviewed_by?{id:n.reviewed_by.ID,permalink:n.reviewed_by.permalink,name:n.reviewed_by.name,postTitle:n.reviewed_by.post_title}:null,reviewedDate:n.reviewed_date}:{}},formatSuggestedArticle:function(n){return n?{postId:n.post_id||null,categoryId:n.category_id||null,postUrl:n.post_url||null,postReviewed:n.post_reviewed||null,postPageviews:n.post_pageviews||null,postRank:n.post_rank||null,isPin:n.is_pin||null,frequency:n.frequency||null,topic:n.topic||null}:{}},formatTopicHealthTool:function(n){return n?{id:n.tool_id||null,topicFrequency:n.frequency||null,topicId:n.topic_id||null,topicName:n.topic_name||null,isPinned:!!n.is_pin||null,toolLink:n.tool_link||""}:{}},formatComment:q,formatReportedPostToPostDetail:function(n){return n?{name:n.title,description:n.description,images:n.images,likes_count:n.count_likes,comments_count:n.count_comments,topics:[],slug:n.post_slug,id:n.post_id,is_pin:n.is_pin,pin_date:"",post_type:n.post_type,schedule_datetime:n.schedule_datetime,is_active:n.is_active,preview_title:n.preview_title||"",preview_image:n.preview_image||"",preview_description:n.preview_description||"",preview_link:n.preview_link||"",user:n.user,created_at:"",created_time:"",community:{id:n.community_id,name:n.community_name,slug:n.community_slug,description:""}}:{}},formatTopicSubot:function(n){return n?{chatBotId:n.subot_id,isPinned:n.is_pin,topicId:n.topic_id,topicFrequency:n.frequency}:{}},formatSiteWideBanner:function(n,e){return void 0!==n&&n?{content:(null==n?void 0:n.content)||"",icon:(null==n?void 0:n.icon)||"",type:e||"other"}:null},formatPWGContent:function(n){return n?{disclaimer:n.disclaimer,info:n.info||[],reviewedBy:n.reviewed_by?G(n.reviewed_by):null,reviewedDate:n.reviewed_date,metaTag:n.meta_tag}:{}},formatUserProfileUrl:function(n){return void 0!==n&&n?(null==n?void 0:n.turn_off_profile)?"":(null==n?void 0:n.slug)?["expert","medical"].includes((null==n?void 0:n.role)||"")?"/expert/".concat(null==n?void 0:n.slug):"/author/".concat(null==n?void 0:n.slug):(null==n?void 0:n.profile_url)||(null==n?void 0:n.permalink)||"#":""},formatTHRContent:function(n){return n?{disclaimer:n.disclaimer,info:n.info||[],reviewedBy:n.reviewed_by?G(n.reviewed_by):null,reviewedDate:n.reviewed_date,metaTag:n.meta_tag}:{}}}),X=T.default.div(y||(y=n.__makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n  flex-shrink: 0;\n  cursor: pointer;\n  font-size: 20px;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 1em;\n    font-weight: bold;\n    line-height: 1;\n  }\n\n  &[data-is-marrybaby='true'] {\n    .avatar-default {\n      background-color: ",";\n    }\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  flex-shrink: 0;\n  cursor: pointer;\n  font-size: 20px;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 1em;\n    font-weight: bold;\n    line-height: 1;\n  }\n\n  &[data-is-marrybaby='true'] {\n    .avatar-default {\n      background-color: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.mbColors.pink})),R=function(n){var t=n.className,i=n.isMarryBaby,a=n.style,o=n.avatar,l=n.username,r=n.isLazy,d=e.useContext(v.TogetherComponentGlobalContext).data.env.isMarryBaby,s="boolean"==typeof i?i:d,u=e.useState(!1),c=u[0],p=u[1];return e.useEffect((function(){var n=new Image;n.onerror=function(){p(!0)},n.src=o}),[]),B.default.createElement(X,{"data-is-marrybaby":s,className:t,style:a},o&&!c?B.default.createElement("img",{loading:"lazy",src:r?void 0:o,"data-src":r?o:void 0,className:"avatar ".concat(r?"lazy":""),alt:"avatar",onError:function(){p(!0)}}):B.default.createElement("div",{className:"avatar avatar-default"},l&&(null==l?void 0:l.length)>0?l[0].toUpperCase():"A"))},J="data:image/png;base64,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",V="data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",$="data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 16.9998C13.4183 16.9998 17 13.418 17 8.99976C17 4.58148 13.4183 0.999756 9 0.999756C4.58172 0.999756 1 4.58148 1 8.99976C1 13.418 4.58172 16.9998 9 16.9998Z' fill='white' stroke='%23E4E8EC' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.3333 7.66679V5.00012H7.66667V7.66679H5V10.3335H7.66667V13.0001H10.3333V10.3335H13V7.66679H10.3333Z' fill='%23FF5331'/%3e%3c/svg%3e",nn=T.default.div(C||(C=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1em;\n  button {\n    position: relative;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1em;\n  button {\n    position: relative;\n  }\n"]))),en=h.keyframes(k||(k=n.__makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));T.default.div(E||(E=n.__makeTemplateObject(["\n  display: flex;\n  width: fit-content;\n  width: -moz-fit-content;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 2rem;\n  background: white;\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  .loading-spinner {\n    width: 24px;\n    height: 24px;\n    margin-bottom: 0.5rem;\n    animation: "," 1.2s linear infinite;\n  }\n  &[data-is-marrybaby='true'] {\n    box-shadow: none;\n  }\n"],["\n  display: flex;\n  width: fit-content;\n  width: -moz-fit-content;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 2rem;\n  background: white;\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  .loading-spinner {\n    width: 24px;\n    height: 24px;\n    margin-bottom: 0.5rem;\n    animation: "," 1.2s linear infinite;\n  }\n  &[data-is-marrybaby='true'] {\n    box-shadow: none;\n  }\n"])),en);var tn=function(n){var e=n.className,t=n.size,a=void 0===t?"md":t,o=m.useTranslations().t;return B.default.createElement(nn,{className:e},B.default.createElement(i.Button,{size:a,color:"transparent",isLoading:!0},o("loading")))},an=T.default.div(dn||(dn=n.__makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),g.MediaQueries.tdUp,g.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50})),on=T.default.div(sn||(sn=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),ln=T.default.div(un||(un=n.__makeTemplateObject(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),rn=T.default.div(cn||(cn=n.__makeTemplateObject(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"])));T.default.span(pn||(pn=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),T.default.div(mn||(mn=n.__makeTemplateObject(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400})),T.default.div(gn||(gn=n.__makeTemplateObject(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"])));var dn,sn,un,cn,pn,mn,gn,fn,vn=T.default.ul(fn||(fn=n.__makeTemplateObject(["\n  padding-left: 18px;\n  li {\n    list-style-type: disc;\n  }\n"],["\n  padding-left: 18px;\n  li {\n    list-style-type: disc;\n  }\n"]))),hn=function(n){var t,o,l,r,d=n.isOpen,s=void 0===d||d,u=n.onClose,c=n.enableAnimation,p=void 0===c||c,g=n.doctorId,f=n.locale,h=n.isMobile,b=m.useTranslations().t,w=e.useState(null),y=w[0],C=w[1],k=e.useState(!1),E=k[0],D=k[1];e.useEffect((function(){if(s&&g&&String(null==y?void 0:y.id)!==String(g)){D(!0);try{C(null),v.callApi(v.getCarePath(v.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:g,website_url:v.domainLocales[f]}),"get").then((function(n){C(null==n?void 0:n._data.doctor)}))}catch(n){console.error(n)}D(!1)}}),[s,g,null==y?void 0:y.id]);var _=(null==y?void 0:y.experiences)||[],Q=((null==y?void 0:y.specialties)||[]).map((function(n){return(null==n?void 0:n.name)||n})).join(" • "),M=_.map((function(n){try{return JSON.parse(n.description)}catch(e){return n.description}})).filter((function(n){return n.content})),I=A.useId(null===(t=null==y?void 0:y.experiences)||void 0===t?void 0:t.length);return B.default.createElement(B.default.Fragment,null,B.default.createElement(an,{"data-open":s,"data-animation":p,onClick:function(n){return n.stopPropagation()}},E||!y?B.default.createElement(tn,null):B.default.createElement("div",{className:"popup-content"},B.default.createElement("div",{className:"close-button",onClick:u},B.default.createElement("img",{src:V,style:{width:20,height:20},alt:"close-icon"})),B.default.createElement("div",{className:"main-info"},B.default.createElement("div",{className:"border-banner"}),B.default.createElement("div",{className:"avatar-title"},B.default.createElement(ln,null,B.default.createElement("div",{className:"image-container"},B.default.createElement("div",{style:{position:"relative"}},B.default.createElement("img",{src:(null==y?void 0:y.avatar)?null==y?void 0:y.avatar:J,className:"profile-image",alt:"avatar"}),B.default.createElement("img",{className:"badge-avatar",src:$,alt:"badge"})))),B.default.createElement(rn,null,B.default.createElement(a.Text,{size:"s3",type:"semiBold",className:"full-name"},null==y?void 0:y.name),B.default.createElement("div",{className:"specialty"},Q&&B.default.createElement(B.default.Fragment,null,B.default.createElement(a.Text,{size:"p4",color:x.theme.colors.gray800},Q," • ")),B.default.createElement("a",{href:v.getCareHospitalUrl({id:null===(o=null==y?void 0:y.organization)||void 0===o?void 0:o.id,name:null===(l=null==y?void 0:y.organization)||void 0===l?void 0:l.name,slug:null===(r=null==y?void 0:y.organization)||void 0===r?void 0:r.slug,locale:f}),className:"organisation",target:"_blank",rel:"noreferrer"},B.default.createElement(a.Text,{size:"p4",className:"organisation",color:x.theme.colors.gray800,style:{textDecoration:"underline"}},null==y?void 0:y.organization.name))))),!h&&B.default.createElement("div",{className:"btn-wrapper"},B.default.createElement("a",{href:v.getCareDoctorUrl({name:y.name,id:y.id,locale:f})},B.default.createElement(i.Button,{color:"primary",size:"md",className:"btn-booking"},b("careBooking.bookAnAppointment"))))),M&&B.default.createElement(rn,null,B.default.createElement("div",{className:"experience"},B.default.createElement(a.Text,{type:"bold",size:"s3",color:x.theme.colors.gray800,style:{paddingBottom:16}},b("expert.content.description").toUpperCase()),B.default.createElement(vn,null,M.map((function(n,e){return B.default.createElement("li",{key:I[e]},B.default.createElement(a.Text,{size:"p2"},function(n){return(null==n?void 0:n.year)?"".concat(n.year," ").concat(null==n?void 0:n.content):(null==n?void 0:n.content)?n.content:"string"==typeof n?n:""}(n)))}))),h?B.default.createElement("div",{className:"btn-wrapper"},B.default.createElement("a",{href:v.getCareDoctorUrl({name:y.name,id:y.id,locale:f})},B.default.createElement(i.Button,{color:"primary",size:"md",className:"btn-booking"},b("careBooking.bookAnAppointment")))):B.default.createElement("a",{href:v.getCareDoctorUrl({name:y.name,id:y.id,locale:f})},B.default.createElement(a.Text,{size:"s4",color:"#2D87F3",style:{paddingTop:24}},b("home.seeExpert"))))))),B.default.createElement(on,{"data-open":s,onClick:function(n){n.stopPropagation(),u()}}))},xn=T.default.div(yn||(yn=n.__makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),g.MediaQueries.tdUp,g.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50})),An=T.default.div(Cn||(Cn=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),bn=T.default.div(kn||(kn=n.__makeTemplateObject(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),wn=T.default.div(En||(En=n.__makeTemplateObject(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"])));T.default.span(Bn||(Bn=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),T.default.div(Dn||(Dn=n.__makeTemplateObject(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400}));var yn,Cn,kn,En,Bn,Dn,_n,Qn,Mn,In,Ln,Nn,Tn,jn,Pn=T.default.div(_n||(_n=n.__makeTemplateObject(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"]))),zn={author:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%2345A4FF'/%3e%3cpath d='M23.9998 11.9995C23.9998 11.4024 23.9561 10.8154 23.8719 10.2417L18.7952 5.16504L5.04102 18.9585L9.89867 23.8162C10.5809 23.9366 11.283 23.9995 11.9998 23.9995C18.6272 23.9995 23.9998 18.6269 23.9998 11.9995Z' fill='%232D87F3'/%3e%3cpath d='M9.01377 17.824L5.04102 18.9591L6.17609 14.9863L8.54445 15.4556L9.01377 17.824Z' fill='white'/%3e%3cpath d='M8.54399 15.4561L5.04102 18.9591L9.01321 17.824L8.54399 15.4561Z' fill='%23F7F9FC'/%3e%3cpath d='M6.46714 18.5518L5.4485 17.5332L5.04102 18.9593L6.46714 18.5518Z' fill='%23E4E8EC'/%3e%3cpath d='M5.95747 18.043L5.04102 18.9595L6.46659 18.5521L5.95747 18.043Z' fill='%23D2D6DC'/%3e%3cpath d='M15.8281 5.33105L18.6654 8.16829L9.01365 17.82L6.17641 14.9828L15.8281 5.33105Z' fill='%23FFD658'/%3e%3cpath d='M7.59375 16.4043L17.2455 6.75259L18.6638 8.17094L9.0121 17.8226L7.59375 16.4043Z' fill='%23FFC326'/%3e%3cpath d='M18.3123 8.52499L15.4746 5.68737L16.5983 4.56359C17.0386 4.12334 17.7524 4.12334 18.1927 4.56359L19.436 5.8069C19.8763 6.24715 19.8763 6.96096 19.436 7.40121L18.3123 8.52499Z' fill='%23FF5331'/%3e%3cpath d='M18.8155 5.18555L16.8945 7.10648L18.3131 8.52497L19.4368 7.40119C19.877 6.96094 19.877 6.24713 19.4368 5.80688L18.8155 5.18555Z' fill='%23F44D2C'/%3e%3c/svg%3e",edtior:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%2345A4FF'/%3e%3cpath d='M23.9998 11.9995C23.9998 11.4024 23.9561 10.8154 23.8719 10.2417L18.7952 5.16504L5.04102 18.9585L9.89867 23.8162C10.5809 23.9366 11.283 23.9995 11.9998 23.9995C18.6272 23.9995 23.9998 18.6269 23.9998 11.9995Z' fill='%232D87F3'/%3e%3cpath d='M9.01377 17.824L5.04102 18.9591L6.17609 14.9863L8.54445 15.4556L9.01377 17.824Z' fill='white'/%3e%3cpath d='M8.54399 15.4561L5.04102 18.9591L9.01321 17.824L8.54399 15.4561Z' fill='%23F7F9FC'/%3e%3cpath d='M6.46714 18.5518L5.4485 17.5332L5.04102 18.9593L6.46714 18.5518Z' fill='%23E4E8EC'/%3e%3cpath d='M5.95747 18.043L5.04102 18.9595L6.46659 18.5521L5.95747 18.043Z' fill='%23D2D6DC'/%3e%3cpath d='M15.8281 5.33105L18.6654 8.16829L9.01365 17.82L6.17641 14.9828L15.8281 5.33105Z' fill='%23FFD658'/%3e%3cpath d='M7.59375 16.4043L17.2455 6.75259L18.6638 8.17094L9.0121 17.8226L7.59375 16.4043Z' fill='%23FFC326'/%3e%3cpath d='M18.3123 8.52499L15.4746 5.68737L16.5983 4.56359C17.0386 4.12334 17.7524 4.12334 18.1927 4.56359L19.436 5.8069C19.8763 6.24715 19.8763 6.96096 19.436 7.40121L18.3123 8.52499Z' fill='%23FF5331'/%3e%3cpath d='M18.8155 5.18555L16.8945 7.10648L18.3131 8.52497L19.4368 7.40119C19.877 6.96094 19.877 6.24713 19.4368 5.80688L18.8155 5.18555Z' fill='%23F44D2C'/%3e%3c/svg%3e",expert:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='12' fill='%23FFCB37'/%3e%3ccircle cx='12' cy='12' r='10.5' fill='%23FE921D'/%3e%3cpath d='M11.443 5.13654C11.6446 4.63466 12.355 4.63466 12.5566 5.13654L13.9931 8.71375C14.0789 8.92747 14.2795 9.0732 14.5093 9.08878L18.3553 9.34957C18.8949 9.38615 19.1145 10.0619 18.6994 10.4086L15.7412 12.8802C15.5645 13.0279 15.4878 13.2637 15.544 13.4871L16.4845 17.2254C16.6164 17.7499 16.0417 18.1676 15.5836 17.88L12.3188 15.8303C12.1238 15.7079 11.8758 15.7079 11.6808 15.8303L8.41599 17.88C7.95794 18.1676 7.38314 17.7499 7.51509 17.2254L8.45556 13.4871C8.51175 13.2637 8.43513 13.0279 8.25839 12.8802L5.30017 10.4086C4.88514 10.0619 5.10469 9.38615 5.64429 9.34957L9.49031 9.08878C9.7201 9.0732 9.92068 8.92747 10.0065 8.71375L11.443 5.13654Z' fill='white'/%3e%3c/svg%3e","fact-check":"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z' fill='%2300C076'/%3e%3cpath d='M11.9456 5.46631L6.66562 10.2663L4.26562 8.08449' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",medical:$},Gn=function(n){var t=n.isOpen,i=void 0===t||t,o=n.onClose,l=n.enableAnimation,r=void 0===l||l,d=n.expertId,s=m.useTranslations().t,u=e.useState(null),c=u[0],p=u[1],g=e.useState(!1),f=g[0],h=g[1];return e.useEffect((function(){if(i&&d&&String(null==c?void 0:c.user_id)!==String(d)){h(!0);try{p(null),v.callApi(v.getDiscoverApiPath(v.DISCOVER_PATHS.GET_EXPERT_BY_ID,{id:d}),"get").then((function(n){p(null==n?void 0:n.data)}))}catch(n){console.error(n)}h(!1)}}),[i,d,null==c?void 0:c.user_id]),B.default.createElement(B.default.Fragment,null,B.default.createElement(xn,{"data-open":i,"data-animation":r,onClick:function(n){return n.stopPropagation()}},f||!c?B.default.createElement(tn,null):B.default.createElement("div",{className:"popup-content"},B.default.createElement("div",{className:"close-button",onClick:o},B.default.createElement("img",{src:V,style:{width:20,height:20},alt:"close-icon"})),B.default.createElement("div",{className:"main-info"},B.default.createElement("div",{className:"border-banner"}),B.default.createElement("div",{className:"avatar-title"},B.default.createElement(bn,null,B.default.createElement("div",{className:"image-container"},B.default.createElement("div",{style:{position:"relative"}},B.default.createElement("img",{src:(null==c?void 0:c.avatar)?null==c?void 0:c.avatar:J,className:"profile-image",alt:"avatar"}),B.default.createElement("img",{className:"badge-avatar",src:zn[null==c?void 0:c.role],alt:"badge"})))),B.default.createElement(wn,null,B.default.createElement(a.Text,{size:"s3",className:"full-name",type:"semiBold"},null==c?void 0:c.display_name),B.default.createElement("div",null,B.default.createElement(a.Text,{size:"p4",color:x.theme.colors.gray800},null==c?void 0:c.specialty," • "),B.default.createElement("a",{href:null==c?void 0:c.organisation_url,className:"organisation",target:"_blank",rel:"noreferrer"},B.default.createElement(a.Text,{size:"p4",className:"organisation",color:x.theme.colors.gray800,style:{textDecoration:"underline"}},null==c?void 0:c.organisation)))))),B.default.createElement(wn,null,B.default.createElement("div",{className:"experience"},B.default.createElement(a.Text,{type:"bold",size:"p4",color:x.theme.colors.gray800,style:{paddingBottom:16}},s("expert.content.description").toUpperCase()),B.default.createElement("div",{className:"list-items"},!!(null==c?void 0:c.experiences)&&c.experiences.filter((function(n){return!(!n||!n.title&&!n.organization)})).slice(0,3).map((function(n,e){return B.default.createElement(Pn,{key:e},B.default.createElement("img",{className:"bullet-point",src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='2' fill='%232D87F3'/%3e%3c/svg%3e",alt:"point"}),B.default.createElement("div",{className:"text-contain"},B.default.createElement(b.Heading,{tag:"h6",color:x.theme.colors.gray800},null==n?void 0:n.title),B.default.createElement(a.Text,{size:"p2",color:x.theme.colors.gray500},null==n?void 0:n.organization)))}))),B.default.createElement("a",{href:null==c?void 0:c.profile_url},B.default.createElement(a.Text,{size:"s4",color:"#2D87F3",style:{paddingTop:24}},s("home.seeExpert"))))))),B.default.createElement(An,{"data-open":i,onClick:function(n){n.stopPropagation(),o()}}))},Fn=T.default.div(Qn||(Qn=n.__makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),g.MediaQueries.tdUp,g.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50})),Hn=T.default.div(Mn||(Mn=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),Sn=T.default.div(In||(In=n.__makeTemplateObject(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),On=T.default.div(Ln||(Ln=n.__makeTemplateObject(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: block;\n    min-width: 240px;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: block;\n    min-width: 240px;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n  }\n"])));T.default.span(Nn||(Nn=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),T.default.div(Tn||(Tn=n.__makeTemplateObject(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400})),T.default.div(jn||(jn=n.__makeTemplateObject(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"])));var Un=function(n){var t=n.isOpen,o=void 0===t||t,l=n.onClose,r=n.enableAnimation,d=void 0===r||r,s=n.hospitalId,u=n.locale,c=n.isMobile,p=m.useTranslations().t,g=e.useState(null),f=g[0],h=g[1],A=e.useState(!1),b=A[0],w=A[1];e.useEffect((function(){if(o&&s&&String(null==f?void 0:f.id)!==String(s)){w(!0);try{h(null),v.callApi(v.getCarePath(v.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:s,website_url:v.domainLocales[u]}),"get").then((function(n){h(null==n?void 0:n._data.branch)}))}catch(n){console.error(n)}w(!1)}}),[o,s,null==f?void 0:f.id]);var y=(null==f?void 0:f.specialties)||[],C=e.useMemo((function(){return y.map((function(n){return n.name}))}),[y]);return B.default.createElement(B.default.Fragment,null,B.default.createElement(Fn,{"data-open":o,"data-animation":d,onClick:function(n){return n.stopPropagation()}},b||!f?B.default.createElement(tn,null):B.default.createElement("div",{className:"popup-content"},B.default.createElement("div",{className:"close-button",onClick:l},B.default.createElement("img",{src:V,style:{width:20,height:20},alt:"close-icon"})),B.default.createElement("div",{className:"main-info"},B.default.createElement("div",{className:"border-banner"}),B.default.createElement("div",{className:"avatar-title"},B.default.createElement(Sn,null,B.default.createElement("div",{className:"image-container"},B.default.createElement("div",{style:{position:"relative"}},B.default.createElement("img",{src:(null==f?void 0:f.logo)?null==f?void 0:f.logo:J,className:"profile-image",alt:"avatar"}),B.default.createElement("img",{className:"badge-avatar",src:$,alt:"badge"})))),B.default.createElement(On,null,B.default.createElement(a.Text,{size:"s3",type:"semiBold",className:"full-name"},null==f?void 0:f.name),B.default.createElement("div",{className:"specialty"},y&&B.default.createElement(a.Text,{size:"p4",color:x.theme.colors.gray800},C.join(" • "),"•"),B.default.createElement("a",{href:v.getCareHospitalUrl({id:f.id,name:f.name,slug:f.slug,locale:u}),className:"organisation",target:"_blank",rel:"noreferrer"},B.default.createElement(a.Text,{size:"p4",className:"organisation",color:x.theme.colors.gray800,style:{textDecoration:"underline"}},null==f?void 0:f.name))))),!c&&B.default.createElement("a",{href:v.getCareHospitalUrl({id:f.id,name:f.name,slug:f.slug,locale:u})},B.default.createElement("div",{className:"btn-wrapper"},B.default.createElement(i.Button,{color:"primary",size:"md",className:"btn-booking"},p("careBooking.bookAnAppointment"))))),B.default.createElement(On,null,B.default.createElement("div",{className:"experience"},B.default.createElement(a.Text,{type:"bold",size:"s3",color:x.theme.colors.gray800,style:{paddingBottom:16}},p("hospital.content.description").toUpperCase()),B.default.createElement(a.Text,{size:"p2",color:x.theme.colors.gray500},f.about),c?B.default.createElement("a",{href:v.getCareHospitalUrl({id:f.id,name:f.name,slug:f.slug,locale:u})},B.default.createElement("div",{className:"btn-wrapper"},B.default.createElement(i.Button,{color:"primary",size:"md",className:"btn-booking"},p("careBooking.bookAnAppointment")))):B.default.createElement("a",{href:v.getCareHospitalUrl({id:f.id,name:f.name,slug:f.slug,locale:u})},B.default.createElement(a.Text,{size:"s4",color:"#2D87F3",style:{paddingTop:24}},p("home.seeHospital"))))))),B.default.createElement(Hn,{"data-open":o,onClick:function(n){n.stopPropagation(),l()}}))},Zn={lessThanXSeconds:{one:"တစ်စက္ကန့်အောက်",other:"{{count}} စက္ကန့်အောက်"},xSeconds:{one:"တစ်စက္ကန့်",other:"{{count}} စက္ကန့်"},halfAMinute:"မိနစ်ဝက်",lessThanXMinutes:{one:"တစ်မိနစ်အောက်",other:"{{count}} မိနစ်အောက်"},xMinutes:{one:"တစ်မိနစ်",other:"{{count}}နာရီခန့်"},aboutXHours:{one:"တစ်နာရီခန့်",other:"{{count}}နာရီခန့်"},xHours:{one:"တစ်နာရီ",other:"{{count}}နာရီ"},xDays:{one:"တစ်ရက်",other:"{{count}}ရက်"},aboutXWeeks:{one:"တစ်ပတ်ခန့်",other:"{{count}}ပတ်ခန့်"},xWeeks:{one:"တစ်ပတ်",other:"{{count}}ပတ်"},aboutXMonths:{one:"တစ်လခန့်",other:"{{count}} လခန့်"},xMonths:{one:"တစ်လ",other:"{{count}}လ"},aboutXYears:{one:"တစ်နှစ်ခန့်",other:"{{count}}နှစ်"},xYears:{one:"တစ်နှစ်",other:"{{count}}နှစ်"},overXYears:{one:"တစ်နှစ်ကျော်",other:"{{count}}နှစ်ကျော်"},almostXYears:{one:"တစ်နှစ်နီးပါး",other:"{{count}}နှစ်နီးပါး"}},Kn={code:"my",formatDistance:function(n,e,t){var i,a=Zn[n];return i="string"==typeof a?a:1===e?a.one:a.other.replace("{{count}}",e.toString()),(null==t?void 0:t.addSuffix)?t.comparison&&t.comparison>0?i+"အတွင်း":"လွန်ခဲ့သော "+i:i},options:{weekStartsOn:0,firstWeekContainsDate:1}},Yn=T.default.div(qn||(qn=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  a {\n    text-decoration: none;\n  }\n  .button-more {\n    display: flex;\n    width: 20px;\n    height: 20px;\n    align-items: center;\n    justify-content: center;\n    .button-more-icon {\n      height: 13px;\n      vertical-align: middle;\n    }\n  }\n  .temp-avatar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-weight: bold;\n  }\n\n  .author-info {\n    flex: 1;\n    margin-left: 0.5rem;\n    .author-info-top {\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n    }\n    .author-info-text-wrapper {\n      display: flex;\n      min-width: 0px;\n      flex: 1 1 0%;\n      align-items: center;\n    }\n    .author-name {\n      overflow: hidden;\n      font-weight: 600;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .author-time {\n      flex-shrink: 0;\n    }\n    .author-role {\n      height: 1rem;\n      flex-shrink: 0;\n      padding: 0 0.5rem;\n      margin-left: 4px;\n      border-radius: 1rem;\n      color: white;\n      font-size: 8px;\n      font-weight: 600;\n      line-height: 1rem;\n      &[data-label-type='admin'] {\n        background: ",";\n      }\n      &[data-label-type='local admin'] {\n        background: ",";\n      }\n      &[data-label-type='ambassador'] {\n        background: ",";\n      }\n      &[data-label-type='expert'] {\n        background: ",";\n      }\n      &[data-label-type='moderator'] {\n        background: ",";\n      }\n      &[data-label-type='sponsor'] {\n        background: ",";\n      }\n      &[data-label-type='guide'] {\n        background: ",";\n      }\n      &[data-label-type='influencer'] {\n        background: ",";\n      }\n    }\n  }\n  .author-community {\n    .text-container {\n      color: ",";\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      .time-text {\n        font-size: 11px;\n        font-weight: normal;\n      }\n      a {\n        color: inherit;\n      }\n    }\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-is-booking='true'] {\n    display: grid;\n    background-color: ",";\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    align-items: unset;\n    .author-info {\n      margin-left: 1rem;\n      "," {\n        margin-left: 0.5rem;\n      }\n      .author-info-text-wrapper {\n        flex-wrap: wrap;\n      }\n      .author-time {\n        margin-left: 0.4rem;\n        font-size: 14px;\n      }\n    }\n    .author-community {\n      .text-container {\n        font-size: 12px;\n        line-height: 20px;\n      }\n      .author-community-name {\n        color: ",";\n        font-weight: 500;\n      }\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  a {\n    text-decoration: none;\n  }\n  .button-more {\n    display: flex;\n    width: 20px;\n    height: 20px;\n    align-items: center;\n    justify-content: center;\n    .button-more-icon {\n      height: 13px;\n      vertical-align: middle;\n    }\n  }\n  .temp-avatar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-weight: bold;\n  }\n\n  .author-info {\n    flex: 1;\n    margin-left: 0.5rem;\n    .author-info-top {\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n    }\n    .author-info-text-wrapper {\n      display: flex;\n      min-width: 0px;\n      flex: 1 1 0%;\n      align-items: center;\n    }\n    .author-name {\n      overflow: hidden;\n      font-weight: 600;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .author-time {\n      flex-shrink: 0;\n    }\n    .author-role {\n      height: 1rem;\n      flex-shrink: 0;\n      padding: 0 0.5rem;\n      margin-left: 4px;\n      border-radius: 1rem;\n      color: white;\n      font-size: 8px;\n      font-weight: 600;\n      line-height: 1rem;\n      &[data-label-type='admin'] {\n        background: ",";\n      }\n      &[data-label-type='local admin'] {\n        background: ",";\n      }\n      &[data-label-type='ambassador'] {\n        background: ",";\n      }\n      &[data-label-type='expert'] {\n        background: ",";\n      }\n      &[data-label-type='moderator'] {\n        background: ",";\n      }\n      &[data-label-type='sponsor'] {\n        background: ",";\n      }\n      &[data-label-type='guide'] {\n        background: ",";\n      }\n      &[data-label-type='influencer'] {\n        background: ",";\n      }\n    }\n  }\n  .author-community {\n    .text-container {\n      color: ",";\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      .time-text {\n        font-size: 11px;\n        font-weight: normal;\n      }\n      a {\n        color: inherit;\n      }\n    }\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-is-booking='true'] {\n    display: grid;\n    background-color: ",";\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    align-items: unset;\n    .author-info {\n      margin-left: 1rem;\n      "," {\n        margin-left: 0.5rem;\n      }\n      .author-info-text-wrapper {\n        flex-wrap: wrap;\n      }\n      .author-time {\n        margin-left: 0.4rem;\n        font-size: 14px;\n      }\n    }\n    .author-community {\n      .text-container {\n        font-size: 12px;\n        line-height: 20px;\n      }\n      .author-community-name {\n        color: ",";\n        font-weight: 500;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.green400}),(function(n){return n.theme.colors.red400}),(function(n){return n.theme.colors.yellow800}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.blue50}),g.MediaQueries.mbDown,(function(n){return n.theme.mbColors.cobalt}));T.default.img(Wn||(Wn=n.__makeTemplateObject(["\n  width: 20px;\n  height: 20px;\n  margin-left: 0.5rem;\n  cursor: pointer;\n  object-fit: contain;\n"],["\n  width: 20px;\n  height: 20px;\n  margin-left: 0.5rem;\n  cursor: pointer;\n  object-fit: contain;\n"])));var qn,Wn,Xn,Rn=T.default.div(Xn||(Xn=n.__makeTemplateObject(["\n  position: relative;\n  .mini-icon {\n    position: absolute;\n    right: 1.2px;\n    bottom: 1.2px;\n  }\n"],["\n  position: relative;\n  .mini-icon {\n    position: absolute;\n    right: 1.2px;\n    bottom: 1.2px;\n  }\n"]))),Jn={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor","local-admin":"cardAuthor.localAdmin",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},Vn={"vi-VN":L.default,"id-ID":Q.default,"ms-MY":M.default,"km-KH":D.default,"en-PH":D.default,"th-TH":I.default,"my-MM":Kn,"zh-TW":N.default,"hi-IN":_.default};exports.CardAuthor=function(n){var l=n.time,r=n.className,d=n.community,s=n.name,u=n.username,c=n.url,p=n.avatar,h=n.miniIcon,x=n.role,A=n.style,b=n.type,w=void 0===b?"post":b,y=n.expertId,C=n.isMarryBaby,k=n.title,E=n.doctorId,D=n.hospitalId,_=n.hasQuickBooking,Q=n.handleMakeAppointment,M=e.useContext(v.TogetherComponentGlobalContext).data,I=M.locale,L=M.router,N=M.env,T=N.isMarryBaby,j=N.togetherBasePath,P="boolean"==typeof C?C:T,z=s||u||"",G=x?function(n){var e=["admin","moderator","ambassador","expert","sponsor","local-admin","guide","influencer"];return e.find((function(e){return e===n}))||e.find((function(e){return n.includes(e)}))||e.find((function(e){return e.includes(n)}))}(x):"",F=m.useTranslations().t,H=l?isNaN(new Date(l).getTime())?null:new Date(l):null,S=H?o.formatDistanceToNow(H,{locale:Vn[I]}):l,O=H?o.format(H,"dd/MM/yyyy HH:mm"):l,U=e.useState(!1),Z=U[0],K=U[1],Y=(L||{}).asPath,q="https://".concat(f.domainLocales[I]).concat(Y),W=function(n){"expert"===x&&(y||E||D)?(n.stopPropagation(),K(!0)):c&&(window.location.href=c)};return e.useEffect((function(){g.toggleNoScroll(Z)}),[Z]),B.default.createElement(B.default.Fragment,null,"expert"===x&&y?B.default.createElement(Gn,{isOpen:Z,onClose:function(){return K(!1)},expertId:y}):null,"expert"===x&&E?B.default.createElement(hn,{isOpen:Z,onClose:function(){return K(!1)},doctorId:E,locale:I}):null,"expert"===x&&D?B.default.createElement(Un,{isOpen:Z,onClose:function(){return K(!1)},hospitalId:D,locale:I}):null,B.default.createElement(Yn,{"data-is-marrybaby":P,className:r,style:A,"data-is-booking":_},B.default.createElement("div",{style:{display:"flex",width:"100%"}},B.default.createElement("a",null,B.default.createElement(Rn,{onClick:W},B.default.createElement(R,{className:"author-avatar-wrapper",username:z,avatar:p}),h?B.default.createElement(t.Avatar,{className:"mini-icon",type:"rounded",avatarImg:B.default.createElement("img",{src:h,style:{width:"12px",height:"12px",objectFit:"cover"},alt:"badge"})}):null)),B.default.createElement("div",{className:"expert-wrapper"},B.default.createElement("div",{className:"author-info"},B.default.createElement("div",{className:"author-info-top"},B.default.createElement("div",{onClick:W,className:"author-info-text-wrapper"},B.default.createElement(a.Text,{className:"author-name",size:"p3"},z),G&&Jn[G]&&B.default.createElement("div",{className:"author-role","data-label-type":G},k||F(Jn[G])),P?B.default.createElement(a.Text,{size:"p4",type:"regular",color:"#9495A0",title:O,className:"author-time"},"".concat("post"===w?"• ":"").concat(S)):null),P||"post"===w?null:B.default.createElement(a.Text,{size:"p4",type:"regular",color:"#595959",style:{lineHeight:"20px"},title:O},S)),"post"===w?B.default.createElement("div",{className:"author-community"},B.default.createElement(a.Text,{className:"text-container",size:"p4"},B.default.createElement("a",{href:(null==d?void 0:d.slug)&&d.isActive&&!d.isHidden?"".concat(j,"/").concat(null==d?void 0:d.slug):void 0,className:"author-community-name"},"".concat(P?"/":"").concat(null==d?void 0:d.name)),(P?void 0:S)?" • ":"",B.default.createElement("span",{className:"time-text"},P?void 0:S))):null))),_&&B.default.createElement("div",{className:"btn-wrapper"},B.default.createElement(i.Button,{color:"primary",size:"md",className:"btn-booking",onClick:function(n){null==Q||Q(E,D),n.stopPropagation()},dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:q},F("careBooking.bookAnAppointment")))))},exports.Loading=tn,exports.PopupDoctor=hn,exports.PopupExpert=Gn,exports.PopupHospital=Un,exports.UserAvatar=R,exports.dataTransform=W,exports.formatComment=q,exports.formatCommunity=Z,exports.formatPost=Y,exports.formatTopic=K,exports.locales=Vn;
+"use strict";var n=require("./tslib.es6-f7929e76.js"),e=require("react"),t=require("./components/avatar.js"),i=require("./components/button.js"),a=require("./components/text.js"),o=require("date-fns"),l=require("date-fns/locale/en-US"),r=require("date-fns/locale/hi"),d=require("date-fns/locale/id"),s=require("date-fns/locale/ms"),u=require("date-fns/locale/th"),c=require("date-fns/locale/vi"),p=require("date-fns/locale/zh-TW"),m=require("./useTranslations-77f20604.js"),g=require("./utils-1cac3068.js"),f=require("./constants-5675963f.js"),v=require("./togetherComponentGlobalContext-2bd33521.js"),h=require("styled-components"),x=require("./theme-696d81a9.js"),A=require("react-id-generator"),b=require("./components/heading.js");function w(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var y,C,k,E,B=w(e),D=w(l),_=w(r),Q=w(d),M=w(s),I=w(u),L=w(c),N=w(p),T=w(h),j=function(n){return n?{displayName:n.display_name||null,avatar:n.avatar||null,thumbnailAvatar:n.avatar_thumbnail||null,profileUrl:n.profile_url||null,description:n.description||null,metaTag:n.meta_tag||""}:{}},P=function(n){return n?{id:n.ID||null,name:n.name||null,specialty:n.specialty||null,avatar:n.avatar||null,permalink:n.permalink||null,thumbnailAvatar:n.avatar_thumbnail||null}:{}},z=function(e){var t,i,a,o;return e?{id:e.ID,postName:e.post_name,sponsor:e.sponsor?F(e.sponsor):null,isSponsored:e.is_sponsored||null,postTitle:e.post_title||"",postModified:e.post_modified||"",postDate:e.post_date||"",modifiedTime:e.modified_time||"",permalink:e.permalink||"",featureImage:e.image||null,featureImageMobile:e.image_medium||null,featureImageMobileXs:e.image_thumbnail||null,author:j(e.author),reviewer:e.reviewed_by&&j(e.reviewed_by)||null,articleReviewed:(null==e?void 0:e.reviewed)?n.__assign(n.__assign({},null==e?void 0:e.reviewed),{author:G(null===(t=null==e?void 0:e.reviewed)||void 0===t?void 0:t.author),editor:G(null===(i=null==e?void 0:e.reviewed)||void 0===i?void 0:i.editor),expert:G(null===(a=null==e?void 0:e.reviewed)||void 0===a?void 0:a.expert),fact_check:G(null===(o=null==e?void 0:e.reviewed)||void 0===o?void 0:o.fact_check)}):null,category:S(e.category),postContent:e.post_content||null,sections:e.sections||null,categories:(e.categories||[]).map(S),sources:e.sources||null,description:e.description||null,excerpt:e.excerpt||null,expert:P(e.expert),metaTag:e.meta_tag||null}:{}},G=function(e){return void 0!==e&&e?n.__assign(n.__assign({},e),{profile_url:(null==e?void 0:e.slug)?["expert","medical"].includes((null==e?void 0:e.role)||"")?"/expert/".concat(null==e?void 0:e.slug):"/author/".concat(null==e?void 0:e.slug):e.profile_url}):null},F=function(n){return n?{title:n.title,logo:n.logo,link:n.link}:{}},H=function(n){return{postTitle:n.post_title,permalink:n.permalink}},S=function(n){var e,t;return n?{termId:n.term_id||null,sponsor:n.sponsor?F(n.sponsor):null,isSponsored:n.is_sponsored||null,categoryName:n.cat_name||null,name:n.name||null,iconUrl:n.icon||"",slugName:n.category_nicename||null,description:n.description||null,featureImage:n.image||null,displayName:n.name||null,parent:n.parent||null,permalink:n.permalink||null,slug:n.slug||null,childCates:(null===(e=n.child_cates)||void 0===e?void 0:e.map((function(n){return S(n)})))||[],colorFeatureImage:n.color_feature_image||null,imageColor:n.image_color||null,textColor:n.text_color||null,catParent:(null===(t=n.cat_parent)||void 0===t?void 0:t.name)?{name:n.cat_parent.name,permalink:n.cat_parent.permalink}:{},metaTag:n.meta_tag||"",reviewedBy:n.reviewed_by?H(n.reviewed_by):null,reviewedDate:n.reviewed_date||"",faqs:n.faqs?n.faqs.map((function(n){return O(n)})):null}:{}},O=function(n){return{title:n.title,content:n.content}},U=function(n){return n?{icon:n.icon,link:n.link.startsWith("http")?n.link:"/health-tools"+n.link,subtitle:n.subtitle,title:n.title}:{}},Z=function(n){return n?{topicCount:n.topics_count,postCount:n.posts_count,memberCount:n.members_count,thumbnail:n.thumbnail,coverImage:n.cover_image,mobileCoverImage:n.mobile_cover_image,name:n.name,description:n.description,slug:n.slug,id:n.id,joined:n.joined,isActive:null===n.is_active||void 0===n.is_active||Boolean(n.is_active),mappedCategoryId:n.mapped_category_id||0,discoverCategory:n.discover_category?{categoryId:n.discover_category.category_id||0,name:n.discover_category.name||""}:null,isHidden:Boolean(n.is_hidden)}:{}},K=function(n){var e,t,i,a;return n?{id:n.id||0,name:n.name||"",image:n.thumbnail||"",slug:n.slug||"",url:"/"+(null===(e=n.community)||void 0===e?void 0:e.slug)+"/"+(null==n?void 0:n.slug)||"",description:n.description||"",joined:n.joined||!1,postCount:n.count_posts||0,memberCount:n.count_members||0,communityId:String(null===(t=n.community)||void 0===t?void 0:t.id),communitySlug:null===(i=n.community)||void 0===i?void 0:i.slug,communityName:null===(a=n.community)||void 0===a?void 0:a.name,order:n.order||0,isActive:null===n.is_active||void 0===n.is_active||Boolean(n.is_active),mappedCategoryId:n.mapped_category_id||0,discoverCategory:n.discover_category?{categoryId:n.discover_category.category_id||0,name:n.discover_category.name||""}:null,isHidden:Boolean(n.is_hidden)}:{}},Y=function(n){var e,t,i,a,o,l,r,d,s,u,c,p,m,g,f,v,h,x,A,b,w;return n?{id:n.id,topics:(null===(e=n.topics)||void 0===e?void 0:e.map((function(e){var t,i,a,o;return{id:e.id||0,name:e.name||"",slug:e.slug||"",url:"/"+(null===(t=n.community)||void 0===t?void 0:t.slug)+"/"+e.slug,communityId:String(null===(i=n.community)||void 0===i?void 0:i.id),communitySlug:(null===(a=n.community)||void 0===a?void 0:a.slug)||"",communityName:(null===(o=n.community)||void 0===o?void 0:o.name)||"",isHidden:Boolean(e.is_hidden),isActive:!0}})))||[],community:{id:(null===(t=n.community)||void 0===t?void 0:t.id)||0,name:(null===(i=n.community)||void 0===i?void 0:i.name)||"",slug:(null===(a=n.community)||void 0===a?void 0:a.slug)||"",isActive:!0,isHidden:Boolean(null===(o=n.community)||void 0===o?void 0:o.is_hidden)},slug:n.slug||"",author:{id:(null===(l=n.user)||void 0===l?void 0:l.id)||0,username:(null===(r=n.user)||void 0===r?void 0:r.user_name)||"",email:(null===(d=n.user)||void 0===d?void 0:d.email)||"",name:(null===(s=n.user)||void 0===s?void 0:s.name)||"",avatar:(null===(u=n.user)||void 0===u?void 0:u.avatar)||"",role:(null===(c=n.user)||void 0===c?void 0:c.role)?null===(m=null===(p=n.user)||void 0===p?void 0:p.role)||void 0===m?void 0:m.toLowerCase():"",type:(null===(g=n.user)||void 0===g?void 0:g.type)||"",partnerId:(null===(f=n.user)||void 0===f?void 0:f.partner_id)?String(null===(v=n.user)||void 0===v?void 0:v.partner_id):"",title:(null===(h=n.user)||void 0===h?void 0:h.title)||"",doctorId:(null===(x=n.user)||void 0===x?void 0:x.doctor_id)?String(null===(A=n.user)||void 0===A?void 0:A.doctor_id):"",hospitalId:(null===(b=n.user)||void 0===b?void 0:b.hospital_id)?String(null===(w=n.user)||void 0===w?void 0:w.hospital_id):""},previewUrl:{title:n.preview_title||"",url:n.preview_link||"",image:n.preview_image||"",description:n.preview_description||""},createdAt:n.created_at||"",scheduleDateTime:n.schedule_datetime||"",photos:n.images||[],description:n.description||"",commentsCount:n.comments_count||0,likesCount:n.likes_count||0,title:n.name||"",isPin:!!n.is_pin,pinDate:n.pin_date||"",liked:n.liked||!1,bookmarked:Boolean(n.bookmarked)||!1,mentions:n.mentions||[],commented:Boolean(n.commented)||!1,introUrl:n.intro_url||"",bannerImage:n.banner_image||""}:{}},q=function(n){var e,t,i,a,o,l,r,d,s,u,c,p,m,g,f,v,h,x,A,b,w,y,C,k,E,B,D,_,Q,M,I,L;return n?{content:n.content,countLikes:n.likes_count,countReplies:n.replies_count,createdAt:n.created_at,createdTime:n.created_time,id:String(n.id),images:n.image||[],link:n.link||null,replies:n.replies&&n.replies.length>0?n.replies.map(q):[],author:{id:(null===(e=n.user)||void 0===e?void 0:e.id)||0,username:(null===(t=n.user)||void 0===t?void 0:t.user_name)||"",name:(null===(i=n.user)||void 0===i?void 0:i.name)||"",role:(null===(a=n.user)||void 0===a?void 0:a.role)?null===(l=null===(o=n.user)||void 0===o?void 0:o.role)||void 0===l?void 0:l.toLowerCase():"",avatar:(null===(r=n.user)||void 0===r?void 0:r.avatar)||"",type:(null===(d=n.user)||void 0===d?void 0:d.type)||"",email:(null===(s=n.user)||void 0===s?void 0:s.email)||"",partnerId:(null===(u=n.user)||void 0===u?void 0:u.partner_id)?String(null===(c=n.user)||void 0===c?void 0:c.partner_id):"",title:(null===(p=n.user)||void 0===p?void 0:p.title)||"",doctorId:(null===(m=n.user)||void 0===m?void 0:m.doctor_id)?String(null===(g=n.user)||void 0===g?void 0:g.doctor_id):"",hospitalId:(null===(f=n.user)||void 0===f?void 0:f.hospital_id)?String(null===(v=n.user)||void 0===v?void 0:v.hospital_id):""},liked:!!n.liked,mentionedUser:n.mentioned?{id:(null===(h=n.mentioned)||void 0===h?void 0:h.id)||0,username:(null===(x=n.mentioned)||void 0===x?void 0:x.user_name)||"",name:(null===(A=n.mentioned)||void 0===A?void 0:A.name)||"",role:(null===(b=n.mentioned)||void 0===b?void 0:b.role)?null===(y=null===(w=n.mentioned)||void 0===w?void 0:w.role)||void 0===y?void 0:y.toLowerCase():"",avatar:(null===(C=n.mentioned)||void 0===C?void 0:C.avatar)||"",type:(null===(k=n.mentioned)||void 0===k?void 0:k.type)||"",email:(null===(E=n.mentioned)||void 0===E?void 0:E.email)||"",partnerId:(null===(B=n.mentioned)||void 0===B?void 0:B.partner_id)?String(null===(D=n.mentioned)||void 0===D?void 0:D.partner_id):"",doctorId:(null===(_=n.mentioned)||void 0===_?void 0:_.doctor_id)?String(null===(Q=n.mentioned)||void 0===Q?void 0:Q.doctor_id):"",hospitalId:(null===(M=n.mentioned)||void 0===M?void 0:M.hospital_id)?String(null===(I=n.mentioned)||void 0===I?void 0:I.hospital_id):"",title:(null===(L=n.mentioned)||void 0===L?void 0:L.title)||""}:null,mentions:n.mentions||[]}:{}},W=Object.freeze({__proto__:null,formatAuthor:j,formatArticleExpert:P,formatArticle:z,formatUserProfile:G,formatBMIResult:function(n){var e,t,i,a,o,l,r,d,s;return n&&n.status?{status:null==n?void 0:n.status,comparison:null!==(e=null==n?void 0:n.comparison)&&void 0!==e?e:"",assessmentData:[{tab:"tools.condition",content:null!==(t=null==n?void 0:n.condition)&&void 0!==t?t:""},{tab:"tools.risks",content:null!==(i=null==n?void 0:n.risk)&&void 0!==i?i:""},{tab:"tools.suggestion",content:null!==(a=null==n?void 0:n.suggestion)&&void 0!==a?a:""}],chartData:(null===(o=null==n?void 0:n.chart_data)||void 0===o?void 0:o.length)>0?null==n?void 0:n.chart_data:[],disclaimer:null!==(l=null==n?void 0:n.disclaimer)&&void 0!==l?l:"",illustrator:null!==(r=null==n?void 0:n.illustrator)&&void 0!==r?r:"",faqs:null!==(d=null==n?void 0:n.faqs)&&void 0!==d?d:[],suggestedArticlesLink:null!==(s=null==n?void 0:n.suggested_articles_link)&&void 0!==s?s:""}:{}},formatSponsor:F,formatReviewedCategory:H,formatCategory:S,formatCategoryApi:function(n){return n?{categoryInfo:S(n.data.category)||null,explainersPosts:(n.data.explainers_posts||[]).map(z),subCategories:(n.data.sub_categories||[]).map(S)}:{}},formatFaqsCategory:O,formatHealthTool:U,formatHealthToolTypeCategory:function(n){var e,t;return n?{termId:(null==n?void 0:n.term_id)||0,name:(null==n?void 0:n.name)||"",healthTools:null!==(t=null===(e=null==n?void 0:n.health_tools)||void 0===e?void 0:e.map((function(n){return U(n)})))&&void 0!==t?t:[]}:{}},formatCommunity:Z,formatTopic:K,formatPost:Y,formatPostPagination:function(n){return n?{currentPage:n.current||0,lastPage:n.last||0,total:n.total_items||0}:{}},formatNotification:function(n){var e,t,i;return n?{time:n.created_at,content:n.content,postId:String(n.post_id),fromUser:{name:null===(e=n.from_user)||void 0===e?void 0:e.name,id:null===(t=n.from_user)||void 0===t?void 0:t.id,avatar:null===(i=n.from_user)||void 0===i?void 0:i.avatar},toUserId:String(n.to_user_id),postSlug:n.post_slug||"",communitySlug:n.community_slug||""}:{}},formatSpotlightsList:function(n){return n?n.map((function(n){return{id:n.ID,name:n.name,permalink:n.permalink,image:(null==n?void 0:n.small_banner)||(null==n?void 0:n.image),imageMedium:(null==n?void 0:n.image_medium)||null,imageThumbnail:(null==n?void 0:n.image_thumbnail)||null,startDate:null==n?void 0:n.start_date,endDate:null==n?void 0:n.end_date}})):[]},formatOvulationInfo:function(n){return n?{disclaimer:n.disclaimer,info:n.info||[],reviewedBy:n.reviewed_by?{id:n.reviewed_by.ID,permalink:n.reviewed_by.permalink,name:n.reviewed_by.name,postTitle:n.reviewed_by.post_title}:null,reviewedDate:n.reviewed_date}:{}},formatSuggestedArticle:function(n){return n?{postId:n.post_id||null,categoryId:n.category_id||null,postUrl:n.post_url||null,postReviewed:n.post_reviewed||null,postPageviews:n.post_pageviews||null,postRank:n.post_rank||null,isPin:n.is_pin||null,frequency:n.frequency||null,topic:n.topic||null}:{}},formatTopicHealthTool:function(n){return n?{id:n.tool_id||null,topicFrequency:n.frequency||null,topicId:n.topic_id||null,topicName:n.topic_name||null,isPinned:!!n.is_pin||null,toolLink:n.tool_link||""}:{}},formatComment:q,formatReportedPostToPostDetail:function(n){return n?{name:n.title,description:n.description,images:n.images,likes_count:n.count_likes,comments_count:n.count_comments,topics:[],slug:n.post_slug,id:n.post_id,is_pin:n.is_pin,pin_date:"",post_type:n.post_type,schedule_datetime:n.schedule_datetime,is_active:n.is_active,preview_title:n.preview_title||"",preview_image:n.preview_image||"",preview_description:n.preview_description||"",preview_link:n.preview_link||"",user:n.user,created_at:"",created_time:"",community:{id:n.community_id,name:n.community_name,slug:n.community_slug,description:""}}:{}},formatTopicSubot:function(n){return n?{chatBotId:n.subot_id,isPinned:n.is_pin,topicId:n.topic_id,topicFrequency:n.frequency}:{}},formatSiteWideBanner:function(n,e){return void 0!==n&&n?{content:(null==n?void 0:n.content)||"",icon:(null==n?void 0:n.icon)||"",type:e||"other"}:null},formatPWGContent:function(n){return n?{disclaimer:n.disclaimer,info:n.info||[],reviewedBy:n.reviewed_by?G(n.reviewed_by):null,reviewedDate:n.reviewed_date,metaTag:n.meta_tag}:{}},formatUserProfileUrl:function(n){return void 0!==n&&n?(null==n?void 0:n.turn_off_profile)?"":(null==n?void 0:n.slug)?["expert","medical"].includes((null==n?void 0:n.role)||"")?"/expert/".concat(null==n?void 0:n.slug):"/author/".concat(null==n?void 0:n.slug):(null==n?void 0:n.profile_url)||(null==n?void 0:n.permalink)||"#":""},formatTHRContent:function(n){return n?{disclaimer:n.disclaimer,info:n.info||[],reviewedBy:n.reviewed_by?G(n.reviewed_by):null,reviewedDate:n.reviewed_date,metaTag:n.meta_tag}:{}}}),X=T.default.div(y||(y=n.__makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n  flex-shrink: 0;\n  cursor: pointer;\n  font-size: 20px;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 1em;\n    font-weight: bold;\n    line-height: 1;\n  }\n\n  &[data-is-marrybaby='true'] {\n    .avatar-default {\n      background-color: ",";\n    }\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  flex-shrink: 0;\n  cursor: pointer;\n  font-size: 20px;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 1em;\n    font-weight: bold;\n    line-height: 1;\n  }\n\n  &[data-is-marrybaby='true'] {\n    .avatar-default {\n      background-color: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.mbColors.pink})),R=function(n){var t=n.className,i=n.isMarryBaby,a=n.style,o=n.avatar,l=n.username,r=n.isLazy,d=e.useContext(v.TogetherComponentGlobalContext).data.env.isMarryBaby,s="boolean"==typeof i?i:d,u=e.useState(!1),c=u[0],p=u[1];return e.useEffect((function(){var n=new Image;n.onerror=function(){p(!0)},n.src=o}),[]),B.default.createElement(X,{"data-is-marrybaby":s,className:t,style:a},o&&!c?B.default.createElement("img",{loading:"lazy",src:r?void 0:o,"data-src":r?o:void 0,className:"avatar ".concat(r?"lazy":""),alt:"avatar",onError:function(){p(!0)}}):B.default.createElement("div",{className:"avatar avatar-default"},l&&(null==l?void 0:l.length)>0?l[0].toUpperCase():"A"))},J="data:image/png;base64,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",V="data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",$="data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 16.9998C13.4183 16.9998 17 13.418 17 8.99976C17 4.58148 13.4183 0.999756 9 0.999756C4.58172 0.999756 1 4.58148 1 8.99976C1 13.418 4.58172 16.9998 9 16.9998Z' fill='white' stroke='%23E4E8EC' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.3333 7.66679V5.00012H7.66667V7.66679H5V10.3335H7.66667V13.0001H10.3333V10.3335H13V7.66679H10.3333Z' fill='%23FF5331'/%3e%3c/svg%3e",nn=T.default.div(C||(C=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1em;\n  button {\n    position: relative;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1em;\n  button {\n    position: relative;\n  }\n"]))),en=h.keyframes(k||(k=n.__makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));T.default.div(E||(E=n.__makeTemplateObject(["\n  display: flex;\n  width: fit-content;\n  width: -moz-fit-content;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 2rem;\n  background: white;\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  .loading-spinner {\n    width: 24px;\n    height: 24px;\n    margin-bottom: 0.5rem;\n    animation: "," 1.2s linear infinite;\n  }\n  &[data-is-marrybaby='true'] {\n    box-shadow: none;\n  }\n"],["\n  display: flex;\n  width: fit-content;\n  width: -moz-fit-content;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 2rem;\n  background: white;\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  .loading-spinner {\n    width: 24px;\n    height: 24px;\n    margin-bottom: 0.5rem;\n    animation: "," 1.2s linear infinite;\n  }\n  &[data-is-marrybaby='true'] {\n    box-shadow: none;\n  }\n"])),en);var tn=function(n){var e=n.className,t=n.size,a=void 0===t?"md":t,o=m.useTranslations().t;return B.default.createElement(nn,{className:e},B.default.createElement(i.Button,{size:a,color:"transparent",isLoading:!0},o("loading")))},an=T.default.div(dn||(dn=n.__makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),g.MediaQueries.tdUp,g.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50})),on=T.default.div(sn||(sn=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),ln=T.default.div(un||(un=n.__makeTemplateObject(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),rn=T.default.div(cn||(cn=n.__makeTemplateObject(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"])));T.default.span(pn||(pn=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),T.default.div(mn||(mn=n.__makeTemplateObject(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400})),T.default.div(gn||(gn=n.__makeTemplateObject(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"])));var dn,sn,un,cn,pn,mn,gn,fn,vn=T.default.ul(fn||(fn=n.__makeTemplateObject(["\n  padding-left: 18px;\n  li {\n    list-style-type: disc;\n  }\n"],["\n  padding-left: 18px;\n  li {\n    list-style-type: disc;\n  }\n"]))),hn=function(n){var t,o,l,r,d=n.isOpen,s=void 0===d||d,u=n.onClose,c=n.enableAnimation,p=void 0===c||c,g=n.doctorId,f=n.locale,h=n.isMobile,b=m.useTranslations().t,w=e.useState(null),y=w[0],C=w[1],k=e.useState(!1),E=k[0],D=k[1];e.useEffect((function(){if(s&&g&&String(null==y?void 0:y.id)!==String(g)){D(!0);try{C(null),v.callApi(v.getCarePath(v.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:g,website_url:v.domainLocales[f]}),"get").then((function(n){C(null==n?void 0:n._data.doctor)}))}catch(n){console.error(n)}D(!1)}}),[s,g,null==y?void 0:y.id]);var _=(null==y?void 0:y.experiences)||[],Q=((null==y?void 0:y.specialties)||[]).map((function(n){return(null==n?void 0:n.name)||n})).join(" • "),M=_.map((function(n){try{return JSON.parse(n.description)}catch(e){return n.description}})).filter((function(n){return n.content})),I=A.useId(null===(t=null==y?void 0:y.experiences)||void 0===t?void 0:t.length);return B.default.createElement(B.default.Fragment,null,B.default.createElement(an,{"data-open":s,"data-animation":p,onClick:function(n){return n.stopPropagation()}},E||!y?B.default.createElement(tn,null):B.default.createElement("div",{className:"popup-content"},B.default.createElement("div",{className:"close-button",onClick:u},B.default.createElement("img",{src:V,style:{width:20,height:20},alt:"close-icon"})),B.default.createElement("div",{className:"main-info"},B.default.createElement("div",{className:"border-banner"}),B.default.createElement("div",{className:"avatar-title"},B.default.createElement(ln,null,B.default.createElement("div",{className:"image-container"},B.default.createElement("div",{style:{position:"relative"}},B.default.createElement("img",{src:(null==y?void 0:y.avatar)?null==y?void 0:y.avatar:J,className:"profile-image",alt:"avatar"}),B.default.createElement("img",{className:"badge-avatar",src:$,alt:"badge"})))),B.default.createElement(rn,null,B.default.createElement(a.Text,{size:"s3",type:"semiBold",className:"full-name"},null==y?void 0:y.name),B.default.createElement("div",{className:"specialty"},Q&&B.default.createElement(B.default.Fragment,null,B.default.createElement(a.Text,{size:"p4",color:x.theme.colors.gray800},Q," • ")),B.default.createElement("a",{href:v.getCareHospitalUrl({id:null===(o=null==y?void 0:y.organization)||void 0===o?void 0:o.id,name:null===(l=null==y?void 0:y.organization)||void 0===l?void 0:l.name,slug:null===(r=null==y?void 0:y.organization)||void 0===r?void 0:r.slug,locale:f}),className:"organisation",target:"_blank",rel:"noreferrer"},B.default.createElement(a.Text,{size:"p4",className:"organisation",color:x.theme.colors.gray800,style:{textDecoration:"underline"}},null==y?void 0:y.organization.name))))),!h&&B.default.createElement("div",{className:"btn-wrapper"},B.default.createElement("a",{href:v.getCareDoctorUrl({name:y.name,id:y.id,locale:f})},B.default.createElement(i.Button,{color:"primary",size:"md",className:"btn-booking"},b("careBooking.bookAnAppointment"))))),M&&B.default.createElement(rn,null,B.default.createElement("div",{className:"experience"},B.default.createElement(a.Text,{type:"bold",size:"s3",color:x.theme.colors.gray800,style:{paddingBottom:16}},b("expert.content.description").toUpperCase()),B.default.createElement(vn,null,M.map((function(n,e){return B.default.createElement("li",{key:I[e]},B.default.createElement(a.Text,{size:"p2"},function(n){return(null==n?void 0:n.year)?"".concat(n.year," ").concat(null==n?void 0:n.content):(null==n?void 0:n.content)?n.content:"string"==typeof n?n:""}(n)))}))),h?B.default.createElement("div",{className:"btn-wrapper"},B.default.createElement("a",{href:v.getCareDoctorUrl({name:y.name,id:y.id,locale:f})},B.default.createElement(i.Button,{color:"primary",size:"md",className:"btn-booking"},b("careBooking.bookAnAppointment")))):B.default.createElement("a",{href:v.getCareDoctorUrl({name:y.name,id:y.id,locale:f})},B.default.createElement(a.Text,{size:"s4",color:"#2D87F3",style:{paddingTop:24}},b("home.seeExpert"))))))),B.default.createElement(on,{"data-open":s,onClick:function(n){n.stopPropagation(),u()}}))},xn=T.default.div(yn||(yn=n.__makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),g.MediaQueries.tdUp,g.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50})),An=T.default.div(Cn||(Cn=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),bn=T.default.div(kn||(kn=n.__makeTemplateObject(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),wn=T.default.div(En||(En=n.__makeTemplateObject(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"])));T.default.span(Bn||(Bn=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),T.default.div(Dn||(Dn=n.__makeTemplateObject(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400}));var yn,Cn,kn,En,Bn,Dn,_n,Qn,Mn,In,Ln,Nn,Tn,jn,Pn=T.default.div(_n||(_n=n.__makeTemplateObject(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"]))),zn={author:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%2345A4FF'/%3e%3cpath d='M23.9998 11.9995C23.9998 11.4024 23.9561 10.8154 23.8719 10.2417L18.7952 5.16504L5.04102 18.9585L9.89867 23.8162C10.5809 23.9366 11.283 23.9995 11.9998 23.9995C18.6272 23.9995 23.9998 18.6269 23.9998 11.9995Z' fill='%232D87F3'/%3e%3cpath d='M9.01377 17.824L5.04102 18.9591L6.17609 14.9863L8.54445 15.4556L9.01377 17.824Z' fill='white'/%3e%3cpath d='M8.54399 15.4561L5.04102 18.9591L9.01321 17.824L8.54399 15.4561Z' fill='%23F7F9FC'/%3e%3cpath d='M6.46714 18.5518L5.4485 17.5332L5.04102 18.9593L6.46714 18.5518Z' fill='%23E4E8EC'/%3e%3cpath d='M5.95747 18.043L5.04102 18.9595L6.46659 18.5521L5.95747 18.043Z' fill='%23D2D6DC'/%3e%3cpath d='M15.8281 5.33105L18.6654 8.16829L9.01365 17.82L6.17641 14.9828L15.8281 5.33105Z' fill='%23FFD658'/%3e%3cpath d='M7.59375 16.4043L17.2455 6.75259L18.6638 8.17094L9.0121 17.8226L7.59375 16.4043Z' fill='%23FFC326'/%3e%3cpath d='M18.3123 8.52499L15.4746 5.68737L16.5983 4.56359C17.0386 4.12334 17.7524 4.12334 18.1927 4.56359L19.436 5.8069C19.8763 6.24715 19.8763 6.96096 19.436 7.40121L18.3123 8.52499Z' fill='%23FF5331'/%3e%3cpath d='M18.8155 5.18555L16.8945 7.10648L18.3131 8.52497L19.4368 7.40119C19.877 6.96094 19.877 6.24713 19.4368 5.80688L18.8155 5.18555Z' fill='%23F44D2C'/%3e%3c/svg%3e",edtior:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%2345A4FF'/%3e%3cpath d='M23.9998 11.9995C23.9998 11.4024 23.9561 10.8154 23.8719 10.2417L18.7952 5.16504L5.04102 18.9585L9.89867 23.8162C10.5809 23.9366 11.283 23.9995 11.9998 23.9995C18.6272 23.9995 23.9998 18.6269 23.9998 11.9995Z' fill='%232D87F3'/%3e%3cpath d='M9.01377 17.824L5.04102 18.9591L6.17609 14.9863L8.54445 15.4556L9.01377 17.824Z' fill='white'/%3e%3cpath d='M8.54399 15.4561L5.04102 18.9591L9.01321 17.824L8.54399 15.4561Z' fill='%23F7F9FC'/%3e%3cpath d='M6.46714 18.5518L5.4485 17.5332L5.04102 18.9593L6.46714 18.5518Z' fill='%23E4E8EC'/%3e%3cpath d='M5.95747 18.043L5.04102 18.9595L6.46659 18.5521L5.95747 18.043Z' fill='%23D2D6DC'/%3e%3cpath d='M15.8281 5.33105L18.6654 8.16829L9.01365 17.82L6.17641 14.9828L15.8281 5.33105Z' fill='%23FFD658'/%3e%3cpath d='M7.59375 16.4043L17.2455 6.75259L18.6638 8.17094L9.0121 17.8226L7.59375 16.4043Z' fill='%23FFC326'/%3e%3cpath d='M18.3123 8.52499L15.4746 5.68737L16.5983 4.56359C17.0386 4.12334 17.7524 4.12334 18.1927 4.56359L19.436 5.8069C19.8763 6.24715 19.8763 6.96096 19.436 7.40121L18.3123 8.52499Z' fill='%23FF5331'/%3e%3cpath d='M18.8155 5.18555L16.8945 7.10648L18.3131 8.52497L19.4368 7.40119C19.877 6.96094 19.877 6.24713 19.4368 5.80688L18.8155 5.18555Z' fill='%23F44D2C'/%3e%3c/svg%3e",expert:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='12' fill='%23FFCB37'/%3e%3ccircle cx='12' cy='12' r='10.5' fill='%23FE921D'/%3e%3cpath d='M11.443 5.13654C11.6446 4.63466 12.355 4.63466 12.5566 5.13654L13.9931 8.71375C14.0789 8.92747 14.2795 9.0732 14.5093 9.08878L18.3553 9.34957C18.8949 9.38615 19.1145 10.0619 18.6994 10.4086L15.7412 12.8802C15.5645 13.0279 15.4878 13.2637 15.544 13.4871L16.4845 17.2254C16.6164 17.7499 16.0417 18.1676 15.5836 17.88L12.3188 15.8303C12.1238 15.7079 11.8758 15.7079 11.6808 15.8303L8.41599 17.88C7.95794 18.1676 7.38314 17.7499 7.51509 17.2254L8.45556 13.4871C8.51175 13.2637 8.43513 13.0279 8.25839 12.8802L5.30017 10.4086C4.88514 10.0619 5.10469 9.38615 5.64429 9.34957L9.49031 9.08878C9.7201 9.0732 9.92068 8.92747 10.0065 8.71375L11.443 5.13654Z' fill='white'/%3e%3c/svg%3e","fact-check":"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z' fill='%2300C076'/%3e%3cpath d='M11.9456 5.46631L6.66562 10.2663L4.26562 8.08449' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",medical:$},Gn=function(n){var t=n.isOpen,i=void 0===t||t,o=n.onClose,l=n.enableAnimation,r=void 0===l||l,d=n.expertId,s=m.useTranslations().t,u=e.useState(null),c=u[0],p=u[1],g=e.useState(!1),f=g[0],h=g[1];return e.useEffect((function(){if(i&&d&&String(null==c?void 0:c.user_id)!==String(d)){h(!0);try{p(null),v.callApi(v.getDiscoverApiPath(v.DISCOVER_PATHS.GET_EXPERT_BY_ID,{id:d}),"get").then((function(n){p(null==n?void 0:n.data)}))}catch(n){console.error(n)}h(!1)}}),[i,d,null==c?void 0:c.user_id]),B.default.createElement(B.default.Fragment,null,B.default.createElement(xn,{"data-open":i,"data-animation":r,onClick:function(n){return n.stopPropagation()}},f||!c?B.default.createElement(tn,null):B.default.createElement("div",{className:"popup-content"},B.default.createElement("div",{className:"close-button",onClick:o},B.default.createElement("img",{src:V,style:{width:20,height:20},alt:"close-icon"})),B.default.createElement("div",{className:"main-info"},B.default.createElement("div",{className:"border-banner"}),B.default.createElement("div",{className:"avatar-title"},B.default.createElement(bn,null,B.default.createElement("div",{className:"image-container"},B.default.createElement("div",{style:{position:"relative"}},B.default.createElement("img",{src:(null==c?void 0:c.avatar)?null==c?void 0:c.avatar:J,className:"profile-image",alt:"avatar"}),B.default.createElement("img",{className:"badge-avatar",src:zn[null==c?void 0:c.role],alt:"badge"})))),B.default.createElement(wn,null,B.default.createElement(a.Text,{size:"s3",className:"full-name",type:"semiBold"},null==c?void 0:c.display_name),B.default.createElement("div",null,B.default.createElement(a.Text,{size:"p4",color:x.theme.colors.gray800},null==c?void 0:c.specialty," • "),B.default.createElement("a",{href:null==c?void 0:c.organisation_url,className:"organisation",target:"_blank",rel:"noreferrer"},B.default.createElement(a.Text,{size:"p4",className:"organisation",color:x.theme.colors.gray800,style:{textDecoration:"underline"}},null==c?void 0:c.organisation)))))),B.default.createElement(wn,null,B.default.createElement("div",{className:"experience"},B.default.createElement(a.Text,{type:"bold",size:"p4",color:x.theme.colors.gray800,style:{paddingBottom:16}},s("expert.content.description").toUpperCase()),B.default.createElement("div",{className:"list-items"},!!(null==c?void 0:c.experiences)&&c.experiences.filter((function(n){return!(!n||!n.title&&!n.organization)})).slice(0,3).map((function(n,e){return B.default.createElement(Pn,{key:e},B.default.createElement("img",{className:"bullet-point",src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='2' fill='%232D87F3'/%3e%3c/svg%3e",alt:"point"}),B.default.createElement("div",{className:"text-contain"},B.default.createElement(b.Heading,{tag:"h6",color:x.theme.colors.gray800},null==n?void 0:n.title),B.default.createElement(a.Text,{size:"p2",color:x.theme.colors.gray500},null==n?void 0:n.organization)))}))),B.default.createElement("a",{href:null==c?void 0:c.profile_url},B.default.createElement(a.Text,{size:"s4",color:"#2D87F3",style:{paddingTop:24}},s("home.seeExpert"))))))),B.default.createElement(An,{"data-open":i,onClick:function(n){n.stopPropagation(),o()}}))},Fn=T.default.div(Qn||(Qn=n.__makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),g.MediaQueries.tdUp,g.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50})),Hn=T.default.div(Mn||(Mn=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),Sn=T.default.div(In||(In=n.__makeTemplateObject(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),On=T.default.div(Ln||(Ln=n.__makeTemplateObject(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: block;\n    min-width: 240px;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: block;\n    min-width: 240px;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n  }\n"])));T.default.span(Nn||(Nn=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),T.default.div(Tn||(Tn=n.__makeTemplateObject(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400})),T.default.div(jn||(jn=n.__makeTemplateObject(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"])));var Un=function(n){var t=n.isOpen,o=void 0===t||t,l=n.onClose,r=n.enableAnimation,d=void 0===r||r,s=n.hospitalId,u=n.locale,c=n.isMobile,p=m.useTranslations().t,g=e.useState(null),f=g[0],h=g[1],A=e.useState(!1),b=A[0],w=A[1];e.useEffect((function(){if(o&&s&&String(null==f?void 0:f.id)!==String(s)){w(!0);try{h(null),v.callApi(v.getCarePath(v.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:s,website_url:v.domainLocales[u]}),"get").then((function(n){h(null==n?void 0:n._data.branch)}))}catch(n){console.error(n)}w(!1)}}),[o,s,null==f?void 0:f.id]);var y=(null==f?void 0:f.specialties)||[],C=e.useMemo((function(){return y.map((function(n){return n.name}))}),[y]);return B.default.createElement(B.default.Fragment,null,B.default.createElement(Fn,{"data-open":o,"data-animation":d,onClick:function(n){return n.stopPropagation()}},b||!f?B.default.createElement(tn,null):B.default.createElement("div",{className:"popup-content"},B.default.createElement("div",{className:"close-button",onClick:l},B.default.createElement("img",{src:V,style:{width:20,height:20},alt:"close-icon"})),B.default.createElement("div",{className:"main-info"},B.default.createElement("div",{className:"border-banner"}),B.default.createElement("div",{className:"avatar-title"},B.default.createElement(Sn,null,B.default.createElement("div",{className:"image-container"},B.default.createElement("div",{style:{position:"relative"}},B.default.createElement("img",{src:(null==f?void 0:f.logo)?null==f?void 0:f.logo:J,className:"profile-image",alt:"avatar"}),B.default.createElement("img",{className:"badge-avatar",src:$,alt:"badge"})))),B.default.createElement(On,null,B.default.createElement(a.Text,{size:"s3",type:"semiBold",className:"full-name"},null==f?void 0:f.name),B.default.createElement("div",{className:"specialty"},y&&B.default.createElement(a.Text,{size:"p4",color:x.theme.colors.gray800},C.join(" • "),"•"),B.default.createElement("a",{href:v.getCareHospitalUrl({id:f.id,name:f.name,slug:f.slug,locale:u}),className:"organisation",target:"_blank",rel:"noreferrer"},B.default.createElement(a.Text,{size:"p4",className:"organisation",color:x.theme.colors.gray800,style:{textDecoration:"underline"}},null==f?void 0:f.name))))),!c&&B.default.createElement("a",{href:v.getCareHospitalUrl({id:f.id,name:f.name,slug:f.slug,locale:u})},B.default.createElement("div",{className:"btn-wrapper"},B.default.createElement(i.Button,{color:"primary",size:"md",className:"btn-booking"},p("careBooking.bookAnAppointment"))))),B.default.createElement(On,null,B.default.createElement("div",{className:"experience"},B.default.createElement(a.Text,{type:"bold",size:"s3",color:x.theme.colors.gray800,style:{paddingBottom:16}},p("hospital.content.description").toUpperCase()),B.default.createElement(a.Text,{size:"p2",color:x.theme.colors.gray500},f.about),c?B.default.createElement("a",{href:v.getCareHospitalUrl({id:f.id,name:f.name,slug:f.slug,locale:u})},B.default.createElement("div",{className:"btn-wrapper"},B.default.createElement(i.Button,{color:"primary",size:"md",className:"btn-booking"},p("careBooking.bookAnAppointment")))):B.default.createElement("a",{href:v.getCareHospitalUrl({id:f.id,name:f.name,slug:f.slug,locale:u})},B.default.createElement(a.Text,{size:"s4",color:"#2D87F3",style:{paddingTop:24}},p("home.seeHospital"))))))),B.default.createElement(Hn,{"data-open":o,onClick:function(n){n.stopPropagation(),l()}}))},Zn={lessThanXSeconds:{one:"တစ်စက္ကန့်အောက်",other:"{{count}} စက္ကန့်အောက်"},xSeconds:{one:"တစ်စက္ကန့်",other:"{{count}} စက္ကန့်"},halfAMinute:"မိနစ်ဝက်",lessThanXMinutes:{one:"တစ်မိနစ်အောက်",other:"{{count}} မိနစ်အောက်"},xMinutes:{one:"တစ်မိနစ်",other:"{{count}}နာရီခန့်"},aboutXHours:{one:"တစ်နာရီခန့်",other:"{{count}}နာရီခန့်"},xHours:{one:"တစ်နာရီ",other:"{{count}}နာရီ"},xDays:{one:"တစ်ရက်",other:"{{count}}ရက်"},aboutXWeeks:{one:"တစ်ပတ်ခန့်",other:"{{count}}ပတ်ခန့်"},xWeeks:{one:"တစ်ပတ်",other:"{{count}}ပတ်"},aboutXMonths:{one:"တစ်လခန့်",other:"{{count}} လခန့်"},xMonths:{one:"တစ်လ",other:"{{count}}လ"},aboutXYears:{one:"တစ်နှစ်ခန့်",other:"{{count}}နှစ်"},xYears:{one:"တစ်နှစ်",other:"{{count}}နှစ်"},overXYears:{one:"တစ်နှစ်ကျော်",other:"{{count}}နှစ်ကျော်"},almostXYears:{one:"တစ်နှစ်နီးပါး",other:"{{count}}နှစ်နီးပါး"}},Kn={code:"my",formatDistance:function(n,e,t){var i,a=Zn[n];return i="string"==typeof a?a:1===e?a.one:a.other.replace("{{count}}",e.toString()),(null==t?void 0:t.addSuffix)?t.comparison&&t.comparison>0?i+"အတွင်း":"လွန်ခဲ့သော "+i:i},options:{weekStartsOn:0,firstWeekContainsDate:1}},Yn=T.default.div(qn||(qn=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  a {\n    text-decoration: none;\n  }\n  .button-more {\n    display: flex;\n    width: 20px;\n    height: 20px;\n    align-items: center;\n    justify-content: center;\n    .button-more-icon {\n      height: 13px;\n      vertical-align: middle;\n    }\n  }\n  .temp-avatar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-weight: bold;\n  }\n\n  .author-info {\n    flex: 1;\n    margin-left: 0.5rem;\n    .author-info-top {\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n    }\n    .author-info-text-wrapper {\n      display: flex;\n      min-width: 0px;\n      flex: 1 1 0%;\n      align-items: center;\n    }\n    .author-name {\n      overflow: hidden;\n      font-weight: 600;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .author-time {\n      flex-shrink: 0;\n    }\n    .author-role {\n      height: 1rem;\n      flex-shrink: 0;\n      padding: 0 0.5rem;\n      margin-left: 4px;\n      border-radius: 1rem;\n      color: white;\n      font-size: 8px;\n      font-weight: 600;\n      line-height: 1rem;\n      &[data-label-type='admin'] {\n        background: ",";\n      }\n      &[data-label-type='local admin'] {\n        background: ",";\n      }\n      &[data-label-type='ambassador'] {\n        background: ",";\n      }\n      &[data-label-type='expert'] {\n        background: ",";\n      }\n      &[data-label-type='moderator'] {\n        background: ",";\n      }\n      &[data-label-type='sponsor'] {\n        background: ",";\n      }\n      &[data-label-type='guide'] {\n        background: ",";\n      }\n      &[data-label-type='influencer'] {\n        background: ",";\n      }\n    }\n  }\n  .author-community {\n    .text-container {\n      color: ",";\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      .time-text {\n        font-size: 11px;\n        font-weight: normal;\n      }\n      a {\n        color: inherit;\n      }\n    }\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-is-booking='true'] {\n    display: grid;\n    background-color: ",";\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    align-items: unset;\n    .author-info {\n      margin-left: 1rem;\n      "," {\n        margin-left: 0.5rem;\n      }\n      .author-info-text-wrapper {\n        flex-wrap: wrap;\n      }\n      .author-time {\n        margin-left: 0.4rem;\n        font-size: 14px;\n      }\n    }\n    .author-community {\n      .text-container {\n        font-size: 12px;\n        line-height: 20px;\n      }\n      .author-community-name {\n        color: ",";\n        font-weight: 500;\n      }\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  a {\n    text-decoration: none;\n  }\n  .button-more {\n    display: flex;\n    width: 20px;\n    height: 20px;\n    align-items: center;\n    justify-content: center;\n    .button-more-icon {\n      height: 13px;\n      vertical-align: middle;\n    }\n  }\n  .temp-avatar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-weight: bold;\n  }\n\n  .author-info {\n    flex: 1;\n    margin-left: 0.5rem;\n    .author-info-top {\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n    }\n    .author-info-text-wrapper {\n      display: flex;\n      min-width: 0px;\n      flex: 1 1 0%;\n      align-items: center;\n    }\n    .author-name {\n      overflow: hidden;\n      font-weight: 600;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .author-time {\n      flex-shrink: 0;\n    }\n    .author-role {\n      height: 1rem;\n      flex-shrink: 0;\n      padding: 0 0.5rem;\n      margin-left: 4px;\n      border-radius: 1rem;\n      color: white;\n      font-size: 8px;\n      font-weight: 600;\n      line-height: 1rem;\n      &[data-label-type='admin'] {\n        background: ",";\n      }\n      &[data-label-type='local admin'] {\n        background: ",";\n      }\n      &[data-label-type='ambassador'] {\n        background: ",";\n      }\n      &[data-label-type='expert'] {\n        background: ",";\n      }\n      &[data-label-type='moderator'] {\n        background: ",";\n      }\n      &[data-label-type='sponsor'] {\n        background: ",";\n      }\n      &[data-label-type='guide'] {\n        background: ",";\n      }\n      &[data-label-type='influencer'] {\n        background: ",";\n      }\n    }\n  }\n  .author-community {\n    .text-container {\n      color: ",";\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      .time-text {\n        font-size: 11px;\n        font-weight: normal;\n      }\n      a {\n        color: inherit;\n      }\n    }\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-is-booking='true'] {\n    display: grid;\n    background-color: ",";\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    align-items: unset;\n    .author-info {\n      margin-left: 1rem;\n      "," {\n        margin-left: 0.5rem;\n      }\n      .author-info-text-wrapper {\n        flex-wrap: wrap;\n      }\n      .author-time {\n        margin-left: 0.4rem;\n        font-size: 14px;\n      }\n    }\n    .author-community {\n      .text-container {\n        font-size: 12px;\n        line-height: 20px;\n      }\n      .author-community-name {\n        color: ",";\n        font-weight: 500;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.green400}),(function(n){return n.theme.colors.red400}),(function(n){return n.theme.colors.yellow800}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.blue50}),g.MediaQueries.mbDown,(function(n){return n.theme.mbColors.cobalt}));T.default.img(Wn||(Wn=n.__makeTemplateObject(["\n  width: 20px;\n  height: 20px;\n  margin-left: 0.5rem;\n  cursor: pointer;\n  object-fit: contain;\n"],["\n  width: 20px;\n  height: 20px;\n  margin-left: 0.5rem;\n  cursor: pointer;\n  object-fit: contain;\n"])));var qn,Wn,Xn,Rn=T.default.div(Xn||(Xn=n.__makeTemplateObject(["\n  position: relative;\n  .mini-icon {\n    position: absolute;\n    right: 1.2px;\n    bottom: 1.2px;\n  }\n"],["\n  position: relative;\n  .mini-icon {\n    position: absolute;\n    right: 1.2px;\n    bottom: 1.2px;\n  }\n"]))),Jn={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor","local-admin":"cardAuthor.localAdmin",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},Vn={"vi-VN":L.default,"id-ID":Q.default,"ms-MY":M.default,"km-KH":D.default,"en-PH":D.default,"th-TH":I.default,"my-MM":Kn,"zh-TW":N.default,"hi-IN":_.default};exports.CardAuthor=function(n){var l=n.time,r=n.className,d=n.community,s=n.name,u=n.username,c=n.url,p=n.avatar,h=n.miniIcon,x=n.role,A=n.style,b=n.type,w=void 0===b?"post":b,y=n.expertId,C=n.isMarryBaby,k=n.title,E=n.doctorId,D=n.hospitalId,_=n.hasQuickBooking,Q=n.handleMakeAppointment,M=e.useContext(v.TogetherComponentGlobalContext).data,I=M.locale,L=M.router,N=M.env,T=N.isMarryBaby,j=N.togetherBasePath,P="boolean"==typeof C?C:T,z=s||u||"",G=x?function(n){var e=["admin","moderator","ambassador","expert","sponsor","local-admin","guide","influencer"];return e.find((function(e){return e===n}))||e.find((function(e){return n.includes(e)}))||e.find((function(e){return e.includes(n)}))}(x):"",F=m.useTranslations().t,H=l?isNaN(new Date(l).getTime())?null:new Date(l):null,S=H?o.formatDistanceToNow(H,{locale:Vn[I]}):l,O=H?o.format(H,"dd/MM/yyyy HH:mm"):l,U=e.useState(!1),Z=U[0],K=U[1],Y=(L||{}).asPath,q="https://".concat(f.domainLocales[I]).concat(Y),W=function(n){"expert"===x&&(y||E||D)?(n.stopPropagation(),K(!0)):c&&(window.location.href=c)};return e.useEffect((function(){g.toggleNoScroll(Z)}),[Z]),B.default.createElement(B.default.Fragment,null,"expert"===x&&y?B.default.createElement(Gn,{isOpen:Z,onClose:function(){return K(!1)},expertId:y}):null,"expert"===x&&E?B.default.createElement(hn,{isOpen:Z,onClose:function(){return K(!1)},doctorId:E,locale:I}):null,"expert"===x&&D?B.default.createElement(Un,{isOpen:Z,onClose:function(){return K(!1)},hospitalId:D,locale:I}):null,B.default.createElement(Yn,{"data-is-marrybaby":P,className:r,style:A,"data-is-booking":_},B.default.createElement("div",{style:{display:"flex",width:"100%"}},B.default.createElement("a",null,B.default.createElement(Rn,{onClick:W},B.default.createElement(R,{className:"author-avatar-wrapper",username:z,avatar:p}),h?B.default.createElement(t.Avatar,{className:"mini-icon",type:"rounded",avatarImg:B.default.createElement("img",{src:h,style:{width:"12px",height:"12px",objectFit:"cover"},alt:"badge"})}):null)),B.default.createElement("div",{className:"expert-wrapper"},B.default.createElement("div",{className:"author-info"},B.default.createElement("div",{className:"author-info-top"},B.default.createElement("div",{onClick:W,className:"author-info-text-wrapper"},B.default.createElement(a.Text,{className:"author-name",size:"p3"},z),G&&Jn[G]&&B.default.createElement("div",{className:"author-role","data-label-type":G},k||F(Jn[G])),P?B.default.createElement(a.Text,{size:"p4",type:"regular",color:"#9495A0",title:O,className:"author-time"},"".concat("post"===w?"• ":"").concat(S)):null),P||"post"===w?null:B.default.createElement(a.Text,{size:"p4",type:"regular",color:"#595959",style:{lineHeight:"20px"},title:O},S)),"post"===w?B.default.createElement("div",{className:"author-community"},B.default.createElement(a.Text,{className:"text-container",size:"p4"},B.default.createElement("a",{href:(null==d?void 0:d.slug)&&d.isActive&&!d.isHidden?"".concat(j,"/").concat(null==d?void 0:d.slug):void 0,className:"author-community-name"},"".concat(P?"/":"").concat(null==d?void 0:d.name)),(P?void 0:S)?" • ":"",B.default.createElement("span",{className:"time-text"},P?void 0:S))):null))),_&&B.default.createElement("div",{className:"btn-wrapper"},B.default.createElement(i.Button,{color:"primary",size:"md",className:"btn-booking",onClick:function(n){null==Q||Q(E,D),n.stopPropagation()},dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:q},F("careBooking.bookAnAppointment")))))},exports.Loading=tn,exports.PopupDoctor=hn,exports.PopupExpert=Gn,exports.PopupHospital=Un,exports.UserAvatar=R,exports.dataTransform=W,exports.formatComment=q,exports.formatCommunity=Z,exports.formatPost=Y,exports.formatTopic=K,exports.locales=Vn;