"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7730],{Y17f:function(e,t,a){a.d(t,{A:function(){return AuthorBadge},B:function(){return BookingBtn}});var o=a("Kz+G"),n=a("q1tI"),i=a("FUIV"),r=a("/npG"),l=a("trqo"),s=a("xuQY"),d=a("VLju"),c=a("7m0Y"),p=a("xrdX"),m=a("GOBr"),u=(0,r.k)(e=>({root:{display:"inline-block",flexShrink:0,padding:"2px 0.5rem",marginLeft:"4px",borderRadius:e.radius.xs,fontSize:"12px",fontWeight:400,lineHeight:"18px",'&[data-label-type="admin"]':{background:e.primaryColor[0],color:e.primaryColor[9]},'&[data-label-type="local admin"]':{background:e.primaryColor[8]},'&[data-label-type="ambassador"]':{background:e.colors.green[4]},'&[data-label-type="expert"]':{background:e.colors.yellow[6]},'&[data-label-type="moderator"]':{background:e.colors.red[0],color:e.colors.red[8]},'&[data-label-type="sponsor"]':{background:e.colors.teal[4]},'&[data-label-type="guide"]':{background:e.colors.teal[4]},'&[data-label-type="influencer"]':{background:e.colors.teal[4]}}}));let g={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},looselyMatchRole=e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find(t=>t===e),AuthorBadge=e=>{var{siteType:t,role:a,title:r,styles:l,className:s}=e,d=(0,o._)(e,["siteType","role","title","styles","className"]);let{t:c}=(0,i.u)(),p=a?looselyMatchRole(a):"",{classes:m,cx:h}=u(void 0,{name:"AuthorBadge",styles:l});return p&&g[p]?n.createElement("div",Object.assign({className:h(m.root,s),"data-label-type":p,"data-is-marrybaby":"marryBaby"===t},d),r||c(g[p])):null},BookingBtn=e=>{var{label:t,bookingId:a,bookingType:r="doctor",locale:u="vi-VN"}=e,g=(0,o._)(e,["label","bookingId","bookingType","locale"]);let{t:h}=(0,i.u)(),[v,b]=(0,n.useState)(!1),x=(0,n.useMemo)(()=>"undefined"!=typeof window?window.location.href:"",[]),f=(0,n.useCallback)(()=>(0,o.a)(void 0,void 0,void 0,function*(){var e,t,o,n,i,d,g,h,v,x,f,E,y,w,k;let C="doctor"===r?l.P.GET_DOCTOR_DETAIL:"hospital"===r?l.P.GET_HOSPITAL_DETAIL:"service"===r?l.P.GET_SERVICE_DETAIL:"";try{b(!0);let l=yield(0,c.c)((0,c.b)(C,{id:a,site:p.v[u]}),"get");if((null==l?void 0:l._status)===1){let a="doctor"===r?{id:null===(t=null===(e=null==l?void 0:l._data)||void 0===e?void 0:e.doctor)||void 0===t?void 0:t.id,slug:null===(n=null===(o=null==l?void 0:l._data)||void 0===o?void 0:o.doctor)||void 0===n?void 0:n.slug,localSlug:null===(i=s.L[u])||void 0===i?void 0:i.DOCTOR}:"hospital"===r?{id:null===(g=null===(d=null==l?void 0:l._data)||void 0===d?void 0:d.branch)||void 0===g?void 0:g.id,slug:null===(v=null===(h=null==l?void 0:l._data)||void 0===h?void 0:h.branch)||void 0===v?void 0:v.slug,localSlug:null===(x=s.L[u])||void 0===x?void 0:x.HOSPITAL}:{id:null===(E=null===(f=null==l?void 0:l._data)||void 0===f?void 0:f.service)||void 0===E?void 0:E.id,slug:null===(w=null===(y=null==l?void 0:l._data)||void 0===y?void 0:y.service)||void 0===w?void 0:w.slug,localSlug:null===(k=s.L[u])||void 0===k?void 0:k.SERVICE};window.location.href=`https://${m.y?"":"discover."}${p.v[u]}/care/${a.localSlug}/${a.slug}-${a.id}/`}else b(!1)}catch(e){console.log(e),b(!1)}}),[]);return a&&r?n.createElement(d.B,Object.assign({dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:x,onClick:f,loading:v},g),t||h("careBooking.bookAnAppointment")):null}},J95A:function(e,t,a){a.d(t,{I:function(){return Indicator}});var o=a("Kz+G"),n=a("q1tI"),i=a("QJsO"),r=a("iBNF");let Indicator=e=>{var{styles:t,color:a=r.r.colors.red700}=e,l=(0,o._)(e,["styles","color"]);return n.createElement(i.z,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({processing:{animationDirection:"alternate"}},t),color:a},l))}},kuQP:function(e,t,a){a.d(t,{I:function(){return ImageWrap},u:function(){return useScreenSize}});var o=a("q1tI"),n=a("JIuZ"),i=a("Kz+G"),r=a("rBCA");let getIsMobile=()=>"undefined"!=typeof window&&window.innerWidth"undefined"!=typeof window&&window.innerWidth>=n.B.BREAK_POINT_MOBILE&&window.innerWidth{let[e,t]=(0,o.useState)(getIsMobile()),[a,n]=(0,o.useState)(getIsLargeMobile());return(0,o.useEffect)(()=>{let handleResize=()=>{t(getIsMobile()),n(getIsLargeMobile())};return window.addEventListener("resize",handleResize,{passive:!0}),()=>{window.removeEventListener("resize",handleResize)}},[]),{isMobile:e,isLargeMobile:a}},ImageWrap=e=>{var{alt:t,backupSrc:a,src:n,placeholderSrc:r,style:s,ref:d}=e,c=(0,i._)(e,["alt","backupSrc","src","placeholderSrc","style","ref"]);let[p,m]=(0,o.useState)(!1);return o.createElement(l,Object.assign({loading:"lazy",alt:t,onError:()=>!p&&m(!0),src:p?a||n:n||a,style:Object.assign(Object.assign({},r?{backgroundImage:`url(${r})`}:{}),s),"data-has-placeholder":!!r,ref:d},c))},l=r.Z.img` &[data-has-placeholder='true'] { background-position: center; background-repeat: no-repeat; background-size: cover; } `},bDgz:function(e,t,a){a.d(t,{P:function(){return PopoverMenu},S:function(){return d}});var o=a("q1tI"),n=a("LB4I"),i=a("7m0Y"),r=a("rBCA"),l=a("iBNF");let s=r.Z.div` position: relative; display: content; .popover-menu__btn { /* position: relative; */ > span { width: 100%; height: 100%; > img { width: 100%; height: 100%; } } } .popover-menu__content { position: absolute; z-index: 10; width: 320px; padding: 8px; border: none; background: #fff; border-radius: 8px; box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1); &::before { position: absolute; width: 16px; height: 8px; background: #fff; content: ''; } &.--position { &-top { bottom: calc(100% + 8px); &.--align { &-start { left: 0; &::before { top: 100%; left: 16px; clip-path: polygon(0 0, 50% 100%, 100% 0); } } &-end { left: 100%; transform: translateX(calc(-100% + 1rem)); &::before { top: 100%; right: 16px; clip-path: polygon(0 0, 50% 100%, 100% 0); } } } } &-right { left: calc(100% + 8px); &.--align { &-start { top: 0; &::before { top: 16px; left: 0; width: 8px; height: 16px; clip-path: polygon(0 50%, 100% 0%, 100% 100%); transform: translateX(-100%); } } &-end { top: 100%; transform: translateX(calc(-100% + 1rem)); &::before { bottom: 16px; left: 0; width: 8px; height: 16px; clip-path: polygon(0 50%, 100% 0%, 100% 100%); transform: translateX(-100%); } } } } &-bottom { top: calc(100% + 8px); &.--align { &-start { left: 0; &::before { bottom: 100%; left: 16px; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); } } &-end { left: 100%; transform: translateX(calc(-100% + 1rem)); &::before { right: 16px; bottom: 100%; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); } } } } &-left { left: -8px; transform: translateX(-100%); &.--align { &-start { top: 0; &::before { top: 16px; left: 100%; width: 8px; height: 16px; clip-path: polygon(0 0%, 100% 50%, 0% 100%); transform: translateX(0); } } &-end { bottom: 0; &::before { bottom: 16px; left: 100%; width: 8px; height: 16px; clip-path: polygon(0 0%, 100% 50%, 0% 100%); transform: translateX(0); } } } } } } &[data-is-marrybaby='true'] { .popover-menu__content { padding: 0; border-radius: 12px; /* &::before { display: none; } */ } } `,d=r.Z.div` display: flex; /* max-height: 300px; */ flex-direction: column; cursor: default; .__header { position: relative; display: flex; align-items: center; justify-content: center; padding: 1rem 0; margin-bottom: 8px; .__back-btn { position: absolute; top: 50%; left: 8px; width: 16px; height: 16px; cursor: pointer; transform: translateY(-50%); } } .tree-text-description { padding-right: 8px; padding-left: 8px; margin-top: -8px; margin-bottom: 8px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: left; } .__content { overflow: auto; flex: 1; } .__list { .__item { position: relative; &.bold-item { font-weight: 700; } &:last-child { .__btn { margin-bottom: 0; } } .__btn { position: relative; display: flex; width: 100%; height: 40px; align-items: center; padding: 0 1rem; border: none; margin-bottom: 8px; color: ${l.r.colors.gray800}; cursor: pointer; text-align: left; transition: background 0.3s; /* for better gtm tracking result */ * { pointer-events: none; } &.--checked { color: ${l.r.colors.gray500}; pointer-events: none; } &:hover { background: ${l.r.colors.gray100}; } .__icon { width: 16px; height: 16px; margin-right: 0.4rem; } & > span { position: relative; & > img { width: 16px; height: 16px; margin-right: 0.4rem; } } } .__toggle { position: absolute; top: 50%; right: 16px; width: 16px; height: 16px; pointer-events: none; transform: translateY(-50%); } } } &[data-is-marrybaby='true'] { .__header { padding: 1rem; } .tree-text-description { padding: 0 1rem; } .__list { .__item { &:first-child { .__btn { border-top-left-radius: 12px; border-top-right-radius: 12px; } } &:last-child { .__btn { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } } .__btn { height: unset; padding: 1rem; margin-bottom: 0; &:hover { background: ${l.r.mbColors.lightPink}; } } } } } `,PopoverMenu=({className:e,style:t,toggleButtonContent:a,position:r="bottom",align:l="end",children:d,buttonProps:c})=>{let{data:{env:{isMarryBaby:p}}}=(0,o.useContext)(i.T),[m,u]=(0,o.useState)(!1),g=(0,o.useRef)(null),h=(0,o.useRef)(m);return(0,o.useEffect)(()=>{var e;h.current=m,m&&(null===(e=g.current)||void 0===e||e.focus())},[m]),(0,o.useEffect)(()=>{let clickHandler=e=>{var t;(null===(t=g.current)||void 0===t?void 0:t.contains(e.target))||!h.current||u(!1)};return window.addEventListener("click",clickHandler,{passive:!0}),()=>{window.removeEventListener("click",clickHandler)}},[]),o.createElement(s,{"data-is-marrybaby":p,className:e,style:t},o.createElement(n.B,Object.assign({theme:p?"marryBaby":"helloSites",className:"popover-menu__btn",size:"md",color:"transparent",onClick:()=>u(e=>!e)},c),a),m?o.createElement("div",{ref:g,className:`popover-menu__content --position-${r} --align-${l}`,tabIndex:0,onClick:e=>e.stopPropagation()},"function"==typeof d?d({setShow:u}):d):null)}},udpS:function(e,t,a){a.d(t,{C:function(){return CardAuthor},P:function(){return PopupExpert},a:function(){return PopupDoctor},b:function(){return PopupHospital},c:function(){return ProfileDetailModal},d:function(){return CardAuthor$1}});var o=a("q1tI"),n=a("Frvz"),i=a("daqB"),r=a("/npG"),l=a("Eso5"),s=a("SPK5"),d=a("mAfZ"),c=a("mYVa"),p=a("Wgwc"),m=a.n(p),u=a("QgiU"),g=a.n(u),h=a("FUIV"),v=a("JIuZ"),b=a("Y17f"),x=a("LL6q"),f=a("Kz+G"),E=a("z9Ho"),y=a("kuQP"),w=a("kSP5"),k=a("7m0Y"),C=a("LB4I"),_=a("pMur"),A=a("iBNF"),z=a("rBCA"),N=a("IQVP"),$=a("hJjf"),T=a("sfOR"),S=a("CFP3"),P=a("xrdX");let MainText=({children:e,className:t=""})=>o.createElement("div",{className:`tMiOKib ${t}`},e),SubText=({children:e,className:t=""})=>o.createElement("div",{className:`uDcqD-2 ${t}`},e);var I={container:"sTU4T4I",info:"tCql9Je",avatarWrapper:"_3j7uYhH",avatarIcon:"PHABgoT"};let CardAuthor$1=({avatarProps:e,title:t,subTitle:a,children:n,className:i="",style:r,onAvatarClick:l,avatarIcon:s,dataEventCategory:d,dataEventAction:c,dataEventLabel:p})=>o.createElement("div",{className:`${I.container} ${i}`,style:r},o.createElement("div",{className:I.avatarWrapper,onClick:l,"data-event-category":d,"data-event-action":c,"data-event-label":p},o.createElement(E.U,Object.assign({},e)),s&&o.createElement("div",{className:I.avatarIcon},s)),o.createElement("div",{className:`${I.info} ${i}`,style:{minHeight:`${(null==e?void 0:e.size)||40}px`}},n||o.createElement(o.Fragment,null,t&&o.createElement(MainText,null,t),a&&o.createElement(SubText,null,a))));CardAuthor$1.MainText=MainText,CardAuthor$1.SubText=SubText,CardAuthor$1.SubDivider=({className:e=""})=>o.createElement("span",{className:`m-HVXw1 ${e}`}),CardAuthor$1.Row=({children:e,className:t=""})=>o.createElement("div",{className:`dZWeHns ${t} row`},e),CardAuthor$1.ColLeft=({children:e,className:t=""})=>o.createElement("div",{className:`${t} col-left`},e),CardAuthor$1.ColRight=({children:e,className:t=""})=>o.createElement("div",{className:`${t} col-right`},e),CardAuthor$1.SubTextRow=e=>{var{children:t,className:a=""}=e,n=(0,f._)(e,["children","className"]);return o.createElement("div",Object.assign({className:`pDlsows ${a}`},n),t)};var B=(0,r.k)(()=>({root:{verticalAlign:"bottom"}}));let j=(0,o.createContext)({}),AuthorBadgeItem=({styles:e,className:t,classNames:a})=>{let{role:n,siteType:i,title:r}=(0,o.useContext)(j),{cx:l,classes:s}=B(void 0,{name:"AuthorBadgeItem",styles:e,classNames:a});return n?o.createElement(b.A,{className:l(s.root,t),siteType:i,role:n,title:r}):null};var M=(0,r.k)(()=>({root:{}}));let O=z.Z.div` position: fixed; left: 50%; width: 343px; background-color: ${A.r.colors.white}; border-radius: ${A.r.borderRadius}; box-shadow: 0px 0px 4px ${A.r.colors.gray200}; transform: translate(-50%, -50%); transition: all 0.5s ease-in-out; ${v.M.tdUp} { width: 750px; } &[data-animation='true'] { transition: all 0.5s ease-in-out; } &[data-open='true'] { z-index: 400; top: 50%; opacity: 1; visibility: visible; } &[data-open='false'] { top: -50%; } .popup-content { ${v.M.mbDown} { display: block; } display: flex; position: relative; z-index: 111; height: 100%; .button-see-more { margin: 32px 0; padding: 0; > * { display: inline-block; } } .close-button { position: absolute; z-index: 100; top: 10px; right: 10px; cursor: pointer; width: unset; height: unset; img { width: 100%; height: 100%; border-radius: 50%; } } } .main-info { padding-bottom: 32px; background-color: ${A.r.colors.primary50}; border-radius: ${A.r.borderRadius}; .btn-booking { display: flex; margin: 12px auto; } .avatar-title { position: relative; width: 100%; padding-top: 46px; text-align: center; } } `,D=z.Z.div` position: fixed; z-index: 110; top: 0; left: 0; width: 100%; height: 100%; align-items: center; background: rgba(38, 38, 38, 0.3); &[data-open='false'] { display: none; } `,F=z.Z.div` .image-container { .badge-avatar { position: absolute; right: 0; bottom: 0; top: 0; } } display: flex; justify-content: center; padding-bottom: 15px; text-align: center; .profile-image { width: 100px; min-width: 100px; height: 100px; min-height: 100px; border-radius: 50%; object-fit: cover; } .badge-avatar { width: 24px; height: 24px; } `,L=z.Z.div` position: relative; z-index: 9; .specialty { display: flex; flex-wrap: wrap; justify-content: center; } padding: 0px 16px; text-align: center; .specialty { justify-content: center; } .experience { padding: 16px 0px 32px; text-align: left; .btn-wrapper { margin-top: 24px; } } p { max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } `,R=z.Z.ul` padding-left: 18px; li { list-style-type: disc; } `;var Z="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3e%3c/svg%3e",H="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3e%3cpath fill='white' stroke='%23E4E8EC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M9 17A8 8 0 1 0 9 1a8 8 0 0 0 0 16'/%3e%3cpath fill='%23FF5331' d='M10.333 7.667V5H7.667v2.667H5v2.667h2.667V13h2.666v-2.666H13V7.667z'/%3e%3c/svg%3e";let PopupDoctor=({isOpen:e=!0,onClose:t,enableAnimation:a=!0,doctorId:n,locale:i,isMobile:r,overwriteProfileProps:l,avatarFallback:s=w.C.getAssetPath("avatar.jpg"),trackingCategory:d="Together"})=>{var c,p,m;let{t:u}=(0,h.u)(),[g,v]=(0,o.useState)(null),[b,x]=(0,o.useState)(!1);(0,o.useEffect)(()=>{if(e&&n&&String(null==g?void 0:g.id)!==String(n)){x(!0);try{v(null),(0,k.c)((0,k.b)(N.tC.GET_DOCTOR_INFO,{doctorId:n,website_url:k.m[i]}),"get").then(e=>{v(Object.assign(Object.assign({},null==e?void 0:e._data.doctor),l))})}catch(e){console.error(e)}x(!1)}},[e,n,null==g?void 0:g.id]);let f=(null==g?void 0:g.experiences)||[],E=(null==g?void 0:g.specialties)||[],z=E.map(e=>(null==e?void 0:e.name)||e).join(" • "),T=f.map(e=>{try{return JSON.parse(e.description)}catch(t){return e.description}}).filter(e=>e.content),renderExperienceText=e=>(null==e?void 0:e.year)?`${e.year} ${null==e?void 0:e.content}`:(null==e?void 0:e.content)?e.content:"string"==typeof e?e:"";return o.createElement(o.Fragment,null,o.createElement(O,{"data-open":e,"data-animation":a,onClick:e=>e.stopPropagation()},b||!g?o.createElement($.L,null):o.createElement("div",{className:"popup-content"},o.createElement("div",{className:"close-button",onClick:t},o.createElement("img",{src:Z,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),o.createElement("div",{className:"main-info"},o.createElement("div",{className:"border-banner"}),o.createElement("div",{className:"avatar-title"},o.createElement(F,null,o.createElement("div",{className:"image-container"},o.createElement("div",{style:{position:"relative"}},o.createElement(y.I,{src:null==g?void 0:g.avatar,backupSrc:s,className:"profile-image",alt:"avatar"}),o.createElement("img",{className:"badge-avatar",src:H,alt:"badge",loading:"lazy"})))),o.createElement(L,null,o.createElement(_.T,{size:"s3",weight:"semiBold",className:"full-name"},null==g?void 0:g.name),o.createElement("div",{className:"specialty"},z&&o.createElement(o.Fragment,null,o.createElement(_.T,{size:"p4",color:A.r.colors.gray800},z," • ")),o.createElement("a",{href:(0,k.n)({id:null===(c=null==g?void 0:g.organization)||void 0===c?void 0:c.id,name:null===(p=null==g?void 0:g.organization)||void 0===p?void 0:p.name,slug:null===(m=null==g?void 0:g.organization)||void 0===m?void 0:m.slug,locale:i}),className:"organisation",target:"_blank",rel:"noreferrer"},o.createElement(_.T,{size:"p4",className:"organisation",color:A.r.colors.gray800,style:{textDecoration:"underline"}},null==g?void 0:g.organization.name))))),!r&&o.createElement("div",{className:"btn-wrapper"},o.createElement("a",{href:(0,k.o)({name:g.name,id:g.id,locale:i})},o.createElement(C.B,{color:"primary",size:"md",className:"btn-booking"},u("careBooking.bookAnAppointment"))))),T&&o.createElement(L,null,o.createElement("div",{className:"experience"},o.createElement(_.T,{weight:"bold",size:"s3",color:A.r.colors.gray800,style:{paddingBottom:16}},u("expert.content.description").toUpperCase()),o.createElement(R,null,T.map((e,t)=>o.createElement("li",{key:t},o.createElement(_.T,{size:"p2"},renderExperienceText(e))))),r?o.createElement("div",{className:"btn-wrapper"},o.createElement("a",{href:(0,k.o)({name:g.name,id:g.id,locale:i})},o.createElement(C.B,{color:"primary",size:"md",className:"btn-booking"},u("careBooking.bookAnAppointment")))):o.createElement("a",{href:(0,k.o)({name:g.name,id:g.id,locale:i})},o.createElement(_.T,{size:"s4",color:"#2D87F3",style:{paddingTop:24},"data-event-category":d,"data-event-action":"See Full Doctor Profile","data-event-label":(0,k.l)(i)+(0,k.o)({name:g.name,id:g.id,locale:i})},u("home.seeExpert"))))))),o.createElement(D,{"data-open":e,onClick:e=>{e.stopPropagation(),t()}}))},U=z.Z.div` position: fixed; left: 50%; width: 343px; background-color: ${A.r.colors.white}; border-radius: ${A.r.borderRadius}; box-shadow: 0px 0px 4px ${A.r.colors.gray200}; transform: translate(-50%, -50%); transition: all 0.5s ease-in-out; ${v.M.tdUp} { width: 750px; } &[data-animation='true'] { transition: all 0.5s ease-in-out; } &[data-open='true'] { z-index: 400; top: 50%; opacity: 1; visibility: visible; } &[data-open='false'] { top: -50%; } .popup-content { ${v.M.mbDown} { display: block; } display: flex; position: relative; z-index: 111; height: 100%; .button-see-more { margin: 32px 0; padding: 0; > * { display: inline-block; } } .close-button { position: absolute; z-index: 100; top: 10px; right: 10px; cursor: pointer; width: unset; height: unset; img { width: 100%; height: 100%; border-radius: 50%; } } } .main-info { padding-bottom: 32px; background-color: ${A.r.colors.primary50}; border-radius: ${A.r.borderRadius}; .avatar-title { position: relative; width: 100%; padding-top: 46px; text-align: center; } } `,G=z.Z.div` position: fixed; z-index: 110; top: 0; left: 0; width: 100%; height: 100%; align-items: center; background: rgba(38, 38, 38, 0.3); &[data-open='false'] { display: none; } `,V=z.Z.div` .image-container { .badge-avatar { position: absolute; right: 0; bottom: 0; top: 0; } } display: flex; justify-content: center; padding-bottom: 15px; text-align: center; .profile-image { width: 100px; min-width: 100px; height: 100px; min-height: 100px; border-radius: 50%; object-fit: cover; } .badge-avatar { width: 24px; height: 24px; } `,W=z.Z.div` position: relative; z-index: 9; .specialty { display: flex; flex-wrap: wrap; justify-content: center; } padding: 0px 16px; text-align: center; .specialty { justify-content: center; } .experience { padding: 16px 0px 32px; text-align: left; .btn-wrapper { margin-top: 24px; } } p { max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } `,X=z.Z.div` display: flex; margin-top: 8px; .bullet-point { width: 24px; height: 24px; } `;var q="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%2345A4FF' d='M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12'/%3e%3cpath fill='%232D87F3' d='M24 12a12 12 0 0 0-.128-1.758l-5.077-5.077L5.041 18.958l4.858 4.858c.682.12 1.384.184 2.1.184 6.628 0 12-5.373 12-12Z'/%3e%3cpath fill='white' d='M9.014 17.824 5.04 18.959l1.135-3.973 2.368.47z'/%3e%3cpath fill='%23F7F9FC' d='M8.544 15.456 5.041 18.96l3.972-1.135z'/%3e%3cpath fill='%23E4E8EC' d='M6.467 18.552 5.45 17.533l-.41 1.427 1.426-.407Z'/%3e%3cpath fill='%23D2D6DC' d='m5.957 18.043-.916.916 1.426-.407z'/%3e%3cpath fill='%23FFD658' d='m15.828 5.331 2.837 2.837-9.651 9.652-2.838-2.837z'/%3e%3cpath fill='%23FFC326' d='m7.594 16.404 9.651-9.651 1.419 1.418-9.652 9.652z'/%3e%3cpath fill='%23FF5331' d='m18.312 8.525-2.837-2.838 1.123-1.123c.44-.44 1.154-.44 1.595 0l1.243 1.243c.44.44.44 1.154 0 1.594z'/%3e%3cpath fill='%23F44D2C' d='m18.816 5.186-1.921 1.92 1.418 1.419 1.124-1.124c.44-.44.44-1.154 0-1.594l-.622-.621Z'/%3e%3c/svg%3e";let K={author:q,edtior:q,expert:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3ccircle cx='12' cy='12' r='12' fill='%23FFCB37'/%3e%3ccircle cx='12' cy='12' r='10.5' fill='%23FE921D'/%3e%3cpath fill='white' d='M11.443 5.137a.6.6 0 0 1 1.114 0l1.436 3.577a.6.6 0 0 0 .516.375l3.846.26a.6.6 0 0 1 .344 1.06l-2.958 2.471a.6.6 0 0 0-.197.607l.94 3.738a.6.6 0 0 1-.9.655l-3.265-2.05a.6.6 0 0 0-.638 0l-3.265 2.05a.6.6 0 0 1-.9-.655l.94-3.738a.6.6 0 0 0-.198-.607L5.3 10.41a.6.6 0 0 1 .344-1.06l3.846-.26a.6.6 0 0 0 .517-.375z'/%3e%3c/svg%3e","fact-check":"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath fill='%2300C076' d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='m11.946 5.466-5.28 4.8-2.4-2.182'/%3e%3c/svg%3e",medical:H},PopupExpert=({trackingCategory:e="Together",locale:t,isOpen:a=!0,onClose:n,enableAnimation:i=!0,expertId:r,overwriteProfileProps:l,avatarFallback:s=w.C.getAssetPath("avatar.jpg")})=>{let{t:d}=(0,h.u)(),[c,p]=(0,o.useState)(null),[m,u]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{if(a&&r&&String(null==c?void 0:c.user_id)!==String(r)){u(!0);try{p(null),(0,k.c)((0,k.g)(N.D9.GET_EXPERT_BY_ID,{id:r}),"get").then(e=>{p(Object.assign(Object.assign({},null==e?void 0:e.data),l))})}catch(e){console.error(e)}u(!1)}},[a,r,null==c?void 0:c.user_id]),o.createElement(o.Fragment,null,o.createElement(U,{"data-open":a,"data-animation":i,onClick:e=>e.stopPropagation()},m||!c?o.createElement($.L,null):o.createElement("div",{className:"popup-content"},o.createElement("div",{className:"close-button",onClick:n},o.createElement("img",{src:Z,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),o.createElement("div",{className:"main-info"},o.createElement("div",{className:"border-banner"}),o.createElement("div",{className:"avatar-title"},o.createElement(V,null,o.createElement("div",{className:"image-container"},o.createElement("div",{style:{position:"relative"}},o.createElement(y.I,{src:null==c?void 0:c.avatar,className:"profile-image",alt:"avatar",backupSrc:s}),o.createElement("img",{className:"badge-avatar",src:K[null==c?void 0:c.role],alt:"badge",loading:"lazy"})))),o.createElement(W,null,o.createElement(_.T,{size:"s3",className:"full-name",weight:"semiBold"},null==c?void 0:c.display_name),o.createElement("div",null,o.createElement(_.T,{size:"p4",color:A.r.colors.gray800},null==c?void 0:c.specialty," • "),o.createElement("a",{href:null==c?void 0:c.organisation_url,className:"organisation",target:"_blank",rel:"noreferrer"},o.createElement(_.T,{size:"p4",className:"organisation",color:A.r.colors.gray800,style:{textDecoration:"underline"}},null==c?void 0:c.organisation)))))),o.createElement(W,null,o.createElement("div",{className:"experience"},o.createElement(_.T,{weight:"bold",size:"p4",color:A.r.colors.gray800,style:{paddingBottom:16}},d("expert.content.description").toUpperCase()),o.createElement("div",{className:"list-items"},null!=c&&!!c.experiences&&c.experiences.filter(e=>!!(e&&(e.title||e.organization))).slice(0,3).map((e,t)=>o.createElement(X,{key:t},o.createElement("img",{className:"bullet-point",src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3ccircle cx='12' cy='12' r='2' fill='%232D87F3'/%3e%3c/svg%3e",alt:"point",loading:"lazy"}),o.createElement("div",{className:"text-contain"},o.createElement(T.H,{tag:"h6",color:A.r.colors.gray800},null==e?void 0:e.title),o.createElement(_.T,{size:"p2",color:A.r.colors.gray500},null==e?void 0:e.organization))))),o.createElement("a",{href:null==c?void 0:c.profile_url,style:{display:"inline-block",paddingTop:24}},o.createElement(_.T,{as:"span",size:"s4",color:"#2D87F3","data-event-category":e,"data-event-action":"See Full Doctor Profile","data-event-label":(0,k.l)(t)+(null==c?void 0:c.profile_url)},d("home.seeExpert"))))))),o.createElement(G,{"data-open":a,onClick:e=>{e.stopPropagation(),n()}}))},Y=z.Z.div` position: fixed; left: 50%; width: 343px; background-color: ${A.r.colors.white}; border-radius: ${A.r.borderRadius}; box-shadow: 0px 0px 4px ${A.r.colors.gray200}; transform: translate(-50%, -50%); transition: all 0.5s ease-in-out; ${v.M.tdUp} { width: 750px; } &[data-animation='true'] { transition: all 0.5s ease-in-out; } &[data-open='true'] { z-index: 400; top: 50%; opacity: 1; visibility: visible; } &[data-open='false'] { top: -50%; } .popup-content { ${v.M.mbDown} { display: block; } display: flex; position: relative; z-index: 111; height: 100%; .button-see-more { margin: 32px 0; padding: 0; > * { display: inline-block; } } .close-button { position: absolute; z-index: 100; top: 10px; right: 10px; cursor: pointer; width: unset; height: unset; img { width: 100%; height: 100%; border-radius: 50%; } } } .main-info { padding-bottom: 32px; background-color: ${A.r.colors.primary50}; border-radius: ${A.r.borderRadius}; .btn-booking { display: flex; margin: 12px auto; } .avatar-title { position: relative; width: 100%; padding-top: 46px; text-align: center; } } `,J=z.Z.div` position: fixed; z-index: 110; top: 0; left: 0; width: 100%; height: 100%; align-items: center; background: rgba(38, 38, 38, 0.3); &[data-open='false'] { display: none; } `,Q=z.Z.div` .image-container { .badge-avatar { position: absolute; right: 0; bottom: 0; top: 0; } } display: flex; justify-content: center; padding-bottom: 15px; text-align: center; .profile-image { width: 100px; min-width: 100px; height: 100px; min-height: 100px; border-radius: 50%; object-fit: cover; } .badge-avatar { width: 24px; height: 24px; } `,ee=z.Z.div` position: relative; z-index: 9; .specialty { display: block; min-width: 240px; } padding: 0px 16px; text-align: center; .specialty { justify-content: center; } .experience { padding: 16px 0px 32px; text-align: left; .btn-wrapper { margin-top: 24px; } } p { max-width: 100%; } `,PopupHospital=({isOpen:e=!0,onClose:t,enableAnimation:a=!0,hospitalId:n,locale:i,isMobile:r,overwriteProfileProps:l,avatarFallback:s=w.C.getAssetPath("avatar.jpg"),trackingCategory:d="Together"})=>{let{t:c}=(0,h.u)(),[p,m]=(0,o.useState)(null),[u,g]=(0,o.useState)(!1);(0,o.useEffect)(()=>{if(e&&n&&String(null==p?void 0:p.id)!==String(n)){g(!0);try{m(null),(0,k.c)((0,k.b)(N.tC.GET_HOSPITAL_INFO,{hospital_branch_id:n,website_url:k.m[i]}),"get").then(e=>{m(Object.assign(Object.assign({},null==e?void 0:e._data.branch),l))})}catch(e){console.error(e)}g(!1)}},[e,n,null==p?void 0:p.id]);let v=(null==p?void 0:p.specialties)||[],b=(0,o.useMemo)(()=>v.map(e=>e.name),[v]);return o.createElement(o.Fragment,null,o.createElement(Y,{"data-open":e,"data-animation":a,onClick:e=>e.stopPropagation()},u||!p?o.createElement($.L,null):o.createElement("div",{className:"popup-content"},o.createElement("div",{className:"close-button",onClick:t},o.createElement("img",{src:Z,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),o.createElement("div",{className:"main-info"},o.createElement("div",{className:"border-banner"}),o.createElement("div",{className:"avatar-title"},o.createElement(Q,null,o.createElement("div",{className:"image-container"},o.createElement("div",{style:{position:"relative"}},o.createElement(y.I,{src:null==p?void 0:p.logo,className:"profile-image",alt:"avatar",backupSrc:s}),o.createElement("img",{className:"badge-avatar",src:H,alt:"badge",loading:"lazy"})))),o.createElement(ee,null,o.createElement(_.T,{size:"s3",weight:"semiBold",className:"full-name"},null==p?void 0:p.name),o.createElement("div",{className:"specialty"},v&&o.createElement(_.T,{size:"p4",color:A.r.colors.gray800},b.join(" • "),"•"),o.createElement("a",{href:(0,k.n)({id:p.id,name:p.name,slug:p.slug,locale:i}),className:"organisation",target:"_blank",rel:"noreferrer"},o.createElement(_.T,{size:"p4",className:"organisation",color:A.r.colors.gray800,style:{textDecoration:"underline"}},null==p?void 0:p.name))))),!r&&o.createElement("a",{href:(0,k.n)({id:p.id,name:p.name,slug:p.slug,locale:i})},o.createElement("div",{className:"btn-wrapper"},o.createElement(C.B,{color:"primary",size:"md",className:"btn-booking"},c("careBooking.bookAnAppointment"))))),o.createElement(ee,null,o.createElement("div",{className:"experience"},o.createElement(_.T,{weight:"bold",size:"s3",color:A.r.colors.gray800,style:{paddingBottom:16}},c("hospital.content.description").toUpperCase()),o.createElement(_.T,{size:"p2",color:A.r.colors.gray500},p.about),r?o.createElement("a",{href:(0,k.n)({id:p.id,name:p.name,slug:p.slug,locale:i})},o.createElement("div",{className:"btn-wrapper"},o.createElement(C.B,{color:"primary",size:"md",className:"btn-booking"},c("careBooking.bookAnAppointment")))):o.createElement("a",{href:(0,k.n)({id:p.id,name:p.name,slug:p.slug,locale:i})},o.createElement(_.T,{size:"s4",color:"#2D87F3",as:"span","data-event-category":d,"data-event-action":"See Full Hospital Profile","data-event-label":(0,k.l)(i)+(0,k.n)({id:p.id,name:p.name,slug:p.slug,locale:i})},c("home.seeHospital"))))))),o.createElement(J,{"data-open":e,onClick:e=>{e.stopPropagation(),t()}}))},ProfileDetailModal=({open:e,onClose:t,children:a,profileModalProps:n})=>{let{t:i}=(0,h.u)();return o.createElement(S.M,Object.assign({title:i("profilePanel.modal.heading"),titleProps:!0,className:"_2UKyiK1",opened:e,onClose:t,overlayOpacity:.2,overflow:"inside",transitionProps:{transition:"slide-left"},styles:{header:{borderBottom:0},inner:{padding:0,justifyContent:"flex-end"},modal:{height:"100%",borderRadius:0},body:{maxHeight:"100%"},content:{maxHeight:"100%",height:"100%",borderRadius:0}}},n),a)};m().extend(g());let CardAuthor=e=>{let{className:t="",community:r,name:p,username:m,url:u,avatar:g,role:f,title:E,userType:C="user",expertId:_,specialty:z,organisation:N,isMarryBaby:$,doctorId:T,hospitalId:S,hasQuickBooking:I,handleMakeAppointment:B,communityTrackingAttr:O,isAnonymous:D,showDetailPopup:F,showChatbotButton:L=!1,subLine:R,authActionWrapper:Z,profileProps:H,profileModalProps:U,extendEle:G,avatarProps:V,hideInfo:W,timeText:X,onCloseFromPost:q,onChatWithBot:K,avatarIcon:Y,badgeIconSize:J,hideBackground:Q,children:ee,styles:et,dataEventCategory:ea,dataEventAction:eo,dataEventLabel:en}=e,{data:{locale:ei,router:er,env:{isMarryBaby:el,togetherBasePath:es}}}=(0,o.useContext)(k.T),{isMobile:ed}=(0,y.u)(),{t:ec}=(0,h.u)(),{classes:ep}=M(void 0,{name:"CardAuthor",styles:et}),em="boolean"==typeof $?$:el,eu=em?"marryBaby":"helloSites",eg=D?ec("cardPost.anonymous"):p||m||"",eh=D?w.C.getAssetPath("avatar.jpg"):g,ev=D?void 0:f,[eb,ex]=(0,o.useState)(!1),{asPath:ef}=er||{},eE=`https://${P.v[ei]}${ef}`,onAuthorClick=()=>{if(D)return!1;F?ew(!0):u&&(window.location.href=u)};(0,o.useEffect)(()=>{(0,v.t)(eb)},[eb]);let[ey,ew]=(0,o.useState)(!1),ek=(null==e?void 0:e.role)==="expert",eC=!!(T||S),e_=["expert"===ev&&N&&o.createElement("span",null,N),"expert"===ev&&z&&o.createElement("span",null,z),!("expert"===ev&&z&&N)&&(null==r?void 0:r.name)&&o.createElement("a",Object.assign({href:(null==r?void 0:r.slug)&&r.isActive&&!r.isHidden?`${es}/${null==r?void 0:r.slug}/`:void 0,className:"author-community-name"},O),`${null==r?void 0:r.name}`),X&&o.createElement("span",null,X)].filter(Boolean),[eA,ez]=(0,o.useState)(null);return(0,o.useEffect)(()=>{ey&&!eA&&("chatbot"===C?Promise.all([a.e(5231),a.e(7797),a.e(5454),a.e(106),a.e(3684),a.e(5349),a.e(4148),a.e(2509),a.e(1533),a.e(1108),a.e(9124),a.e(4190),a.e(4447),a.e(6509),a.e(8674),a.e(7730),a.e(6517),a.e(3929),a.e(7884),a.e(137),a.e(4414),a.e(7613),a.e(8098),a.e(3416),a.e(3012),a.e(1570),a.e(6192),a.e(6918),a.e(5965),a.e(3301),a.e(1413)]).then(a.bind(a,"siZ3")).then(e=>{ez(()=>e.ProfileChatbot)}):Promise.all([a.e(9409),a.e(6259),a.e(1818),a.e(7519),a.e(761),a.e(2189),a.e(5231),a.e(7797),a.e(5454),a.e(106),a.e(3684),a.e(5349),a.e(4148),a.e(2509),a.e(1533),a.e(1108),a.e(9124),a.e(4190),a.e(4447),a.e(6509),a.e(8674),a.e(7730),a.e(6517),a.e(3929),a.e(7884),a.e(137),a.e(4414),a.e(7613),a.e(8098),a.e(3416),a.e(3012),a.e(1570),a.e(6192),a.e(6918),a.e(5965),a.e(3301),a.e(1413)]).then(a.bind(a,"aUqw")).then(e=>{ez(()=>e.ProfileDetail)}))},[ey,C]),o.createElement(j.Provider,{value:{displayName:eg,title:E,role:ev,siteType:eu,handleMakeAppointment:B,doctorId:T,hospitalId:S,currentUrl:eE}},o.createElement(ProfileDetailModal,{open:ey,onClose:()=>ew(!1),profileModalProps:U},eA&&o.createElement(eA,Object.assign({currentPageUrl:en,authActionWrapper:Z,onCloseFromPost:()=>{ew(!1),null==q||q()},onChatWithBot:K},H,{authorProps:Object.assign({userId:null==e?void 0:e.userId,avatar:eh,name:null==e?void 0:e.name,role:null==e?void 0:e.role,title:null==e?void 0:e.title,doctorId:T,hospitalId:S,hasQuickBooking:I,userType:C},null==H?void 0:H.authorProps)}))),"expert"===ev&&_?o.createElement(PopupExpert,{isOpen:eb,onClose:()=>ex(!1),expertId:_}):null,"expert"===ev&&T?o.createElement(PopupDoctor,{isOpen:eb,onClose:()=>ex(!1),doctorId:T,locale:ei}):null,"expert"===ev&&S?o.createElement(PopupHospital,{isOpen:eb,onClose:()=>ex(!1),hospitalId:S,locale:ei}):null,o.createElement("div",{className:`hhg-card-author ${ep.root} ${t} ${ek?"expert-author":""}`,"data-background":!Q&&ek,"data-is-marrybaby":em},o.createElement(CardAuthor$1,{dataEventCategory:ea,dataEventAction:eo,dataEventLabel:en,onAvatarClick:onAuthorClick,avatarProps:Object.assign(Object.assign({avatar:D?w.C.getAssetPath(em?"anomyous-avatar-1.svg":"anomyous-avatar.svg"):eh,username:eg},V),{style:{cursor:!D&&(u||F)?"pointer":"default"}}),avatarIcon:Y||ek&&o.createElement(n.Z,{size:J||15})},ee?o.createElement("div",{onClick:onAuthorClick},ee):!W&&o.createElement(CardAuthor$1.Row,null,o.createElement(CardAuthor$1.ColLeft,null,o.createElement(s.k,{align:"center",onClick:onAuthorClick},o.createElement(CardAuthor$1.MainText,{onClick:onAuthorClick},eg,"chatbot"===C?o.createElement(o.Fragment,null," ",o.createElement(i.Z,{color:A.r.colors.primaryBase,size:16,style:{display:"inline-block",transform:"translate(0, 2px)"}}),L&&o.createElement("div",{style:{marginTop:"8px"}},o.createElement(d.z,{color:"primary",size:"xs",variant:"filled",type:"button",leftIcon:o.createElement(x.I.App,{size:16}),onClick:()=>{null==K||K()}},ec("chatbot.with.me")))):o.createElement(AuthorBadgeItem,null))),R||o.createElement(CardAuthor$1.SubTextRow,{style:I?{position:"relative"}:{}},e_.map((e,t)=>o.createElement(o.Fragment,null,0!==t&&o.createElement(CardAuthor$1.SubDivider,null),o.createElement(CardAuthor$1.SubText,null,e))),I&&eC&&o.createElement(l.x,{sx:{marginTop:(0,c.h)(5)}},o.createElement(b.B,{bookingId:T||S,bookingType:T?"doctor":S?"hospital":void 0,size:ed?"xs":"sm"})))))),G&&G))};CardAuthor.MainText=CardAuthor$1.MainText,CardAuthor.SubText=CardAuthor$1.SubText,CardAuthor.SubTextRow=CardAuthor$1.SubTextRow,CardAuthor.SubDivider=CardAuthor$1.SubDivider,CardAuthor.AuthorBadge=AuthorBadgeItem,CardAuthor.DisplayName=()=>{let{displayName:e}=(0,o.useContext)(j);return o.createElement(l.x,null,e)}}}]);