@hhgtech/hhg-components 1.26.8 → 1.26.10

package/build/{types-99091b1e.js → types-338e24c8.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("./tslib.es6-014cba8c.js"),t=require("react"),a=require("@mantine/core"),l=require("./index.styled-cef9c18c.js"),o=require("./useTranslations-b1da09b8.js"),n=require("innertext"),i=require("./theme-bb3c32c5.js"),r=require("./index.styled-30480c8e.js"),s=require("./gAssets.js"),d=require("./index-72cf8f92.js"),c=require("./index-9b990a32.js"),u=require("dayjs");require("./screenSizeContext-e67214d1.js");var m=require("styled-components"),p=require("./index-bb7f02ef.js"),g=require("./utils-4678c740.js");require("./isProduction-eab59ecb.js"),require("./Onboarding-50b70483.js"),require("./index-80881f0f.js"),require("@mantine/hooks");var h=require("./index.styled-99f321d8.js"),f=require("./index-447f3937.js"),v=require("./dataTransform-b9779c7b.js"),b=require("./index-447b4a65.js"),x=require("./index-2cc47736.js"),w=require("lodash/debounce"),y=require("react-contenteditable"),C=require("./index-8c508d33.js"),E=require("./index-327ade5f.js"),k=require("./index-29934d81.js"),A=require("./cookieHelper-333b8fcd.js"),N=require("react-dom");require("./index-5e9d910a.js"),require("./index-6cf93db3.js"),require("./index.styled-d0100cb8.js"),require("./index-a559b242.js"),require("date-fns"),require("react-day-picker/DayPickerInput"),require("./index-cdb1bfcc.js"),require("lodash/throttle"),require("keen-slider/react"),require("./types-ee7c2fca.js"),require("react-hook-form"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("./index.styled-e729496c.js"),require("string-format");var T=require("dayjs/plugin/relativeTime"),S=require("./index-216d3020.js"),P=require("./useUniqueId-04ab341c.js");require("./translationsContext-e9495a89.js");var L=require("./routing-619393c7.js");function M(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function I(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var R=I(t),z=M(t),B=M(n),j=M(u),F=M(m),O=M(w),D=M(y),V=I(N),U=M(T);const _=e=>R.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),R.createElement("path",{d:"M3.99403 3.32695C3.86141 3.32698 3.73181 3.36657 3.62181 3.44065C3.5118 3.51472 3.42638 3.61992 3.37648 3.7428C3.32658 3.86567 3.31445 4.00064 3.34165 4.13044C3.36885 4.26024 3.43415 4.37898 3.52919 4.47148L7.05784 8.00013L3.52919 11.5288C3.46521 11.5902 3.41413 11.6638 3.37894 11.7452C3.34375 11.8266 3.32516 11.9142 3.32425 12.0029C3.32335 12.0916 3.34015 12.1796 3.37368 12.2617C3.40721 12.3438 3.45678 12.4185 3.5195 12.4812C3.58222 12.5439 3.65682 12.5935 3.73894 12.627C3.82106 12.6605 3.90904 12.6773 3.99774 12.6764C4.08643 12.6755 4.17405 12.6569 4.25547 12.6217C4.33689 12.5865 4.41047 12.5355 4.4719 12.4715L8.00054 8.94283L11.5292 12.4715C11.5906 12.5355 11.6642 12.5865 11.7456 12.6217C11.827 12.6569 11.9147 12.6755 12.0034 12.6764C12.092 12.6773 12.18 12.6605 12.2621 12.627C12.3443 12.5935 12.4189 12.5439 12.4816 12.4812C12.5443 12.4185 12.5939 12.3439 12.6274 12.2617C12.6609 12.1796 12.6777 12.0916 12.6768 12.0029C12.6759 11.9142 12.6573 11.8266 12.6222 11.7452C12.587 11.6638 12.5359 11.5902 12.4719 11.5288L8.94325 8.00013L12.4719 4.47148C12.5682 4.37784 12.634 4.25728 12.6607 4.1256C12.6873 3.99392 12.6735 3.85726 12.6212 3.73354C12.5688 3.60982 12.4803 3.5048 12.3672 3.43224C12.2542 3.35969 12.1218 3.32299 11.9875 3.32695C11.8143 3.33211 11.6499 3.4045 11.5292 3.52877L8.00054 7.05742L4.4719 3.52877C4.40977 3.46491 4.33548 3.41415 4.2534 3.37948C4.17132 3.34482 4.08313 3.32696 3.99403 3.32695Z"})),H=t.createContext({}),W=({children:e,defaultParams:t})=>z.default.createElement(H.Provider,{value:{defaultParams:t}},e),q=e=>{const{data:{userInfo:a,env:{togetherBasePath:l}}}=t.useContext(h.TogetherComponentGlobalContext),{defaultParams:o}=t.useContext(H)||{},n=null==a?void 0:a.id,i=a&&"number"==typeof a.communities_interacted&&0===a.communities_interacted;return{authActionWrapper:(t,a)=>{const r=Object.assign(Object.assign(Object.assign({},o),e),a);if(!n||i){n||A.deleteCookie(h.BEARER_TOKEN_COOKIE),(null==r?void 0:r._joinCommunityIds)&&(localStorage.setItem("to_join_community_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_community_ids")||"[]")||[]).concat(r._joinCommunityIds).filter(Boolean))))),null==r||delete r._joinCommunityIds),(null==r?void 0:r._joinTopicIds)&&(localStorage.setItem("to_join_topic_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_topic_ids")||"[]")||[]).concat(r._joinTopicIds).filter(Boolean))))),null==r||delete r._joinTopicIds);const e=(null==r?void 0:r._location)||window.location.href;return null==r||delete r._location,window.location.href=h.getUrlToSignUp(e,r,l),null}return t&&t()},params:Object.assign(Object.assign({},o),e)}},Z=F.default.div`
+"use strict";var e=require("./tslib.es6-42ca090c.js"),t=require("react"),a=require("@mantine/core"),l=require("./index.styled-a4e8a7b7.js"),o=require("./useTranslations-20a122aa.js"),n=require("innertext"),i=require("./theme-dbe18ce3.js"),r=require("./index.styled-9daf18de.js"),s=require("./gAssets.js"),d=require("./index-041229d0.js"),c=require("./index-f85f3c11.js"),u=require("dayjs");require("./screenSizeContext-3943022a.js");var m=require("styled-components"),p=require("./index-15c7a577.js"),g=require("./utils-73981712.js");require("./isProduction-0e33663c.js"),require("./Onboarding-c6871f42.js"),require("./index-202dd169.js"),require("@mantine/hooks");var h=require("./index.styled-53def59c.js"),f=require("./index-4e414134.js"),v=require("./dataTransform-6dabd7aa.js"),b=require("./index-404a3d73.js"),x=require("./index-7d048012.js"),w=require("lodash/debounce"),y=require("react-contenteditable"),C=require("./index-858340a9.js"),E=require("./index-43394201.js"),k=require("./index-386f5db2.js"),A=require("./cookieHelper-fc31669c.js"),N=require("react-dom");require("./index-fe88e8b3.js"),require("./index-73da7c60.js"),require("./index.styled-46ceab59.js"),require("./index-c63daae8.js"),require("date-fns"),require("react-day-picker/DayPickerInput"),require("./index-e53b0c2c.js"),require("lodash/throttle"),require("keen-slider/react"),require("./types-fc458f45.js"),require("react-hook-form"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("./index.styled-7641af72.js"),require("string-format");var T=require("dayjs/plugin/relativeTime"),S=require("./index-ebe2ba84.js"),P=require("./useUniqueId-e4c1f25e.js");require("./translationsContext-3e475b46.js");var L=require("./routing-c3ffb52b.js");function M(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function I(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var R=I(t),z=M(t),B=M(n),j=M(u),F=M(m),O=M(w),D=M(y),V=I(N),U=M(T);const _=e=>R.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),R.createElement("path",{d:"M3.99403 3.32695C3.86141 3.32698 3.73181 3.36657 3.62181 3.44065C3.5118 3.51472 3.42638 3.61992 3.37648 3.7428C3.32658 3.86567 3.31445 4.00064 3.34165 4.13044C3.36885 4.26024 3.43415 4.37898 3.52919 4.47148L7.05784 8.00013L3.52919 11.5288C3.46521 11.5902 3.41413 11.6638 3.37894 11.7452C3.34375 11.8266 3.32516 11.9142 3.32425 12.0029C3.32335 12.0916 3.34015 12.1796 3.37368 12.2617C3.40721 12.3438 3.45678 12.4185 3.5195 12.4812C3.58222 12.5439 3.65682 12.5935 3.73894 12.627C3.82106 12.6605 3.90904 12.6773 3.99774 12.6764C4.08643 12.6755 4.17405 12.6569 4.25547 12.6217C4.33689 12.5865 4.41047 12.5355 4.4719 12.4715L8.00054 8.94283L11.5292 12.4715C11.5906 12.5355 11.6642 12.5865 11.7456 12.6217C11.827 12.6569 11.9147 12.6755 12.0034 12.6764C12.092 12.6773 12.18 12.6605 12.2621 12.627C12.3443 12.5935 12.4189 12.5439 12.4816 12.4812C12.5443 12.4185 12.5939 12.3439 12.6274 12.2617C12.6609 12.1796 12.6777 12.0916 12.6768 12.0029C12.6759 11.9142 12.6573 11.8266 12.6222 11.7452C12.587 11.6638 12.5359 11.5902 12.4719 11.5288L8.94325 8.00013L12.4719 4.47148C12.5682 4.37784 12.634 4.25728 12.6607 4.1256C12.6873 3.99392 12.6735 3.85726 12.6212 3.73354C12.5688 3.60982 12.4803 3.5048 12.3672 3.43224C12.2542 3.35969 12.1218 3.32299 11.9875 3.32695C11.8143 3.33211 11.6499 3.4045 11.5292 3.52877L8.00054 7.05742L4.4719 3.52877C4.40977 3.46491 4.33548 3.41415 4.2534 3.37948C4.17132 3.34482 4.08313 3.32696 3.99403 3.32695Z"})),H=t.createContext({}),W=({children:e,defaultParams:t})=>z.default.createElement(H.Provider,{value:{defaultParams:t}},e),q=e=>{const{data:{userInfo:a,env:{togetherBasePath:l}}}=t.useContext(h.TogetherComponentGlobalContext),{defaultParams:o}=t.useContext(H)||{},n=null==a?void 0:a.id,i=a&&"number"==typeof a.communities_interacted&&0===a.communities_interacted;return{authActionWrapper:(t,a)=>{const r=Object.assign(Object.assign(Object.assign({},o),e),a);if(!n||i){n||A.deleteCookie(h.BEARER_TOKEN_COOKIE),(null==r?void 0:r._joinCommunityIds)&&(localStorage.setItem("to_join_community_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_community_ids")||"[]")||[]).concat(r._joinCommunityIds).filter(Boolean))))),null==r||delete r._joinCommunityIds),(null==r?void 0:r._joinTopicIds)&&(localStorage.setItem("to_join_topic_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_topic_ids")||"[]")||[]).concat(r._joinTopicIds).filter(Boolean))))),null==r||delete r._joinTopicIds);const e=(null==r?void 0:r._location)||window.location.href;return null==r||delete r._location,window.location.href=h.getUrlToSignUp(e,r,l),null}return t&&t()},params:Object.assign(Object.assign({},o),e)}},Z=F.default.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -959,7 +959,7 @@
     width: 24px;
     height: 24px;
   }
-`;const Je=({isOpen:e=!0,onClose:a,enableAnimation:l=!0,hospitalId:n,locale:r,isMobile:d,overwriteProfileProps:c,avatarFallback:u=s.CommonGAssets.getAssetPath("avatar.jpg"),trackingCategory:m="Together"})=>{const{t:p}=o.useTranslations(),[g,f]=t.useState(null),[v,x]=t.useState(!1);t.useEffect((()=>{if(e&&n&&String(null==g?void 0:g.id)!==String(n)){x(!0);try{f(null),h.callApi(h.getCarePath(h.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:n,website_url:h.domainLocales[r]}),"get").then((e=>{f(Object.assign(Object.assign({},null==e?void 0:e._data.branch),c))}))}catch(e){console.error(e)}x(!1)}}),[e,n,null==g?void 0:g.id]);const w=(null==g?void 0:g.specialties)||[],y=t.useMemo((()=>w.map((e=>e.name))),[w]);return z.default.createElement(z.default.Fragment,null,z.default.createElement(Xe,{"data-open":e,"data-animation":l,onClick:e=>e.stopPropagation()},v||!g?z.default.createElement(Q,null):z.default.createElement("div",{className:"popup-content"},z.default.createElement("div",{className:"close-button",onClick:a},z.default.createElement("img",{src:De,style:{width:20,height:20},alt:"close-icon"})),z.default.createElement("div",{className:"main-info"},z.default.createElement("div",{className:"border-banner"}),z.default.createElement("div",{className:"avatar-title"},z.default.createElement($e,null,z.default.createElement("div",{className:"image-container"},z.default.createElement("div",{style:{position:"relative"}},z.default.createElement(Re,{src:null==g?void 0:g.logo,className:"profile-image",alt:"avatar",fallbackSrc:u}),z.default.createElement("img",{className:"badge-avatar",src:Ve,alt:"badge"})))),z.default.createElement(Ye,null,z.default.createElement(b.Text,{size:"s3",type:"semiBold",className:"full-name"},null==g?void 0:g.name),z.default.createElement("div",{className:"specialty"},w&&z.default.createElement(b.Text,{size:"p4",color:i.theme.colors.gray800},y.join(" • "),"•"),z.default.createElement("a",{href:h.getCareHospitalUrl({id:g.id,name:g.name,slug:g.slug,locale:r}),className:"organisation",target:"_blank",rel:"noreferrer"},z.default.createElement(b.Text,{size:"p4",className:"organisation",color:i.theme.colors.gray800,style:{textDecoration:"underline"}},null==g?void 0:g.name))))),!d&&z.default.createElement("a",{href:h.getCareHospitalUrl({id:g.id,name:g.name,slug:g.slug,locale:r})},z.default.createElement("div",{className:"btn-wrapper"},z.default.createElement(E.Button,{color:"primary",size:"md",className:"btn-booking"},p("careBooking.bookAnAppointment"))))),z.default.createElement(Ye,null,z.default.createElement("div",{className:"experience"},z.default.createElement(b.Text,{type:"bold",size:"s3",color:i.theme.colors.gray800,style:{paddingBottom:16}},p("hospital.content.description").toUpperCase()),z.default.createElement(b.Text,{size:"p2",color:i.theme.colors.gray500},g.about),d?z.default.createElement("a",{href:h.getCareHospitalUrl({id:g.id,name:g.name,slug:g.slug,locale:r})},z.default.createElement("div",{className:"btn-wrapper"},z.default.createElement(E.Button,{color:"primary",size:"md",className:"btn-booking"},p("careBooking.bookAnAppointment")))):z.default.createElement("a",{href:h.getCareHospitalUrl({id:g.id,name:g.name,slug:g.slug,locale:r})},z.default.createElement(b.Text,{size:"s4",color:"#2D87F3",as:"span","data-event-category":m,"data-event-action":"See Full Hospital Profile","data-event-label":h.getCurrentBaseUrl(r)+h.getCareHospitalUrl({id:g.id,name:g.name,slug:g.slug,locale:r})},p("home.seeHospital"))))))),z.default.createElement(Ke,{"data-open":e,onClick:e=>{e.stopPropagation(),a()}}))};var et="_2UKyiK1",tt="E5ga-tI",at="_8Y2nWXX",lt="d0T7kSP";const ot=({open:e,onClose:t,children:a,profileModalProps:l})=>{const{t:n}=o.useTranslations();return z.default.createElement(S.Modal,Object.assign({className:et,opened:e,onClose:t,overlayOpacity:.2,overflow:"inside",styles:{inner:{padding:0,justifyContent:"flex-end",borderRadius:0},modal:{height:"100%",borderRadius:0},body:{padding:"24px",maxHeight:"100%"}},title:"Profile"},l),z.default.createElement("div",{className:tt},z.default.createElement("div",{className:at},n("profilePanel.modal.heading")),z.default.createElement("div",{className:lt,onClick:t},z.default.createElement(_,null))),a)};var nt=a.createStyles((()=>({root:{},authorBadge:{background:"yellow"}})));j.default.extend(U.default);const it=t.createContext({}),rt=({siteType:e})=>{const{t:a}=o.useTranslations(),{handleMakeAppointment:l,doctorId:n,hospitalId:i,currentUrl:s}=t.useContext(it);return z.default.createElement(E.Button,{theme:e,color:"primary",size:"xs",onClick:e=>{null==l||l(n,i),e.stopPropagation()},dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:s,icon:z.default.createElement(r.ArrowRight,{className:"buttonIcon",size:18}),iconPosition:"right",style:{whiteSpace:"nowrap"}},z.default.createElement("span",null,a("careBooking.bookAnAppointment")))},st=e=>{const{className:l="",community:n,name:d,username:c,url:u,avatar:m,role:v,title:b,userType:x="user",expertId:w,isMarryBaby:y,doctorId:C,hospitalId:E,hasQuickBooking:k,handleMakeAppointment:A,communityTrackingAttr:N,isAnonymous:T,showDetailPopup:S,subLine:P,authActionWrapper:L,profileProps:M,profileModalProps:I,extendEle:R,avatarProps:B,hideInfo:j,timeText:F,onCloseFromPost:O,avatarIcon:D,badgeIconSize:V,hideBackground:U,children:_,styles:H,dataEventCategory:W,dataEventAction:q,dataEventLabel:Z}=e,{data:{locale:G,router:Q,env:{isMarryBaby:X,togetherBasePath:K}}}=t.useContext(h.TogetherComponentGlobalContext),{t:$}=o.useTranslations(),{classes:Y}=nt(void 0,{name:"CardAuthor",styles:H}),J="boolean"==typeof y?y:X,ee=J?"marryBaby":"helloSites",te=T?$("cardPost.anonymous"):d||c||"",ae=T?s.CommonGAssets.getAssetPath("avatar.jpg"):m,le=T?void 0:v,[oe,ne]=t.useState(!1),{asPath:ie}=Q||{},re=`https://${p.domainLocales[G]}${ie}`,se=()=>{if(T||"chatbot"===x)return!1;S?ce(!0):u&&(window.location.href=u)};t.useEffect((()=>{g.toggleNoScroll(oe)}),[oe]);const[de,ce]=t.useState(!1),ue="expert"===(null==e?void 0:e.role),[me,pe]=t.useState(null);return t.useEffect((()=>{de&&!me&&Promise.resolve().then((function(){return jl})).then((e=>{pe((()=>e.ProfileDetail))}))}),[de]),z.default.createElement(it.Provider,{value:{handleMakeAppointment:A,doctorId:C,hospitalId:E,currentUrl:re}},z.default.createElement(ot,{open:de,onClose:()=>ce(!1),profileModalProps:I},me&&z.default.createElement(me,Object.assign({authorProps:{userId:null==e?void 0:e.userId,avatar:ae,name:null==e?void 0:e.name,role:null==e?void 0:e.role,title:null==e?void 0:e.title},authActionWrapper:L,onCloseFromPost:()=>{ce(!1),null==O||O()}},M))),"expert"===le&&w?z.default.createElement(Qe,{isOpen:oe,onClose:()=>ne(!1),expertId:w}):null,"expert"===le&&C?z.default.createElement(Ue,{isOpen:oe,onClose:()=>ne(!1),doctorId:C,locale:G}):null,"expert"===le&&E?z.default.createElement(Je,{isOpen:oe,onClose:()=>ne(!1),hospitalId:E,locale:G}):null,z.default.createElement("div",{className:`hhg-card-author ${Y.root} ${l} ${ue?"expert-author":""}`,"data-background":!U&&ue,"data-is-marrybaby":J},z.default.createElement(Ie,{dataEventCategory:W,dataEventAction:q,dataEventLabel:Z,onAvatarClick:se,avatarProps:Object.assign(Object.assign({avatar:T?s.CommonGAssets.getAssetPath(J?"anomyous-avatar-1.svg":"anomyous-avatar.svg"):ae,username:te},B),{style:{cursor:T||!u&&!S?"default":"pointer"}}),avatarIcon:D||ue&&z.default.createElement(we,{size:V||15})},_?z.default.createElement("div",{onClick:se},_):!j&&z.default.createElement(Ie.Row,null,z.default.createElement(Ie.ColLeft,null,z.default.createElement(a.Flex,{align:"center",onClick:se},z.default.createElement(Ie.MainText,{onClick:se},te,"chatbot"===x?z.default.createElement(z.default.Fragment,null," ",z.default.createElement(r.ShieldCheck,{color:i.theme.colors.primaryBase,size:16,style:{display:"inline-block",transform:"translate(0, 2px)"}})):le&&z.default.createElement(f.AuthorBadge,{className:Y.authorBadge,siteType:ee,role:le,title:b,style:{verticalAlign:"bottom"}}))),P||z.default.createElement(Ie.SubTextRow,null,(null==n?void 0:n.name)&&z.default.createElement(Ie.SubText,null,z.default.createElement("a",Object.assign({href:(null==n?void 0:n.slug)&&n.isActive&&!n.isHidden?`${K}/${null==n?void 0:n.slug}`:void 0,className:"author-community-name"},N),`${null==n?void 0:n.name}`)),F&&z.default.createElement(z.default.Fragment,null,z.default.createElement(Ie.SubDivider,null),z.default.createElement(Ie.SubText,{className:"time-text"},F)))),k&&z.default.createElement(Ie.ColRight,null,z.default.createElement(rt,{siteType:ee})))),R&&R))};st.BookingBtn=rt,st.MainText=Ie.MainText,st.SubText=Ie.SubText,st.SubTextRow=Ie.SubTextRow,st.SubDivider=Ie.SubDivider;const dt=e=>({message:e("notification.failure"),type:"danger"}),ct=t=>{var{size:a,color:l}=t,o=e.__rest(t,["size","color"]);return z.default.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),z.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.99967 1.33331C4.31967 1.33331 1.33301 4.31998 1.33301 7.99998C1.33301 11.68 4.31967 14.6666 7.99967 14.6666C11.6797 14.6666 14.6663 11.68 14.6663 7.99998C14.6663 4.31998 11.6797 1.33331 7.99967 1.33331ZM7.99967 8.66665C7.63301 8.66665 7.33301 8.36665 7.33301 7.99998V5.33331C7.33301 4.96665 7.63301 4.66665 7.99967 4.66665C8.36634 4.66665 8.66634 4.96665 8.66634 5.33331V7.99998C8.66634 8.36665 8.36634 8.66665 7.99967 8.66665ZM7.33301 9.99998V11.3333H8.66634V9.99998H7.33301Z",fill:l}))};ct.defaultProps={size:24,color:i.theme.colors.gray600};var ut="data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 14.5C11.3137 14.5 14 11.8137 14 8.5C14 5.18629 11.3137 2.5 8 2.5C4.68629 2.5 2 5.18629 2 8.5C2 11.8137 4.68629 14.5 8 14.5Z' fill='%23FE921D'/%3e%3cpath d='M8 5.5V8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11.5H8.00708' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const mt=/<mocka ([^>]*)data-url="true"[^<>]*>(.*?)<\/mocka>/gim,pt=/((?:=")|(?:data-url="true">)|)(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))/gim,gt=/\[a\+href="([^<"]+)"(?:\+text=\"([^<"]+)")?\]/gim,ht=/<mention [^>]*data-id="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,ft=/<mention [^>]*data-id="([^<"]+)" [^\>]*data-name="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,vt=/\[mention\+id="([^<"]+)"([^\]]*)\]/gim,bt=/^(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,xt=/^((https?:\/\/)?(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,wt=/<a [^>]*href="([^>"]+)"[^>]*>([^<]+)<\/a>/gim,yt=/<mocka [^\>]*data-bad-word="[^\"]*" [^\>]*data-error="true"[^\>]*>(.*?)<\/mocka>/gim,Ct=({url:e,text:t,method:a})=>{const l=t.indexOf(t.trimStart()),o=t.trimEnd().length,n=t.substring(0,l),i=t.substring(l,o),r=t.substring(o);return"edit"===a?`${n}<mocka data-href="${e}" data-url="true">${i}</mocka>${r}`:"display"===a&&(e.startsWith("http://")||e.startsWith("https://"))?`${n}<a href="${e}" target="_blank">${i}</a>${r}`:t},Et=(e,t)=>e.replace(gt,((e,a,l)=>Ct({text:l||a,url:a,method:t}))).replace(wt,((e,a,l)=>Ct({text:l||a,url:a,method:t}))),kt=(e,t=[])=>e.replace(vt,((e,a,l)=>{const o=t.find((e=>String(e.id)===a));if(!o){if(!l)return"";let e="";return l.replace(/\+name="([^<"]+)"/i,((t,a)=>(e=a,t))),`<mention data-id="${a}" data-name="${e}">${e}</mention>`}return`<mention data-id="${a}" data-name="${o.name}">${o.name}</mention>`})),At=e=>{const t=[];return e.replace(/(\&amp;)+/g,"&").replace(pt,((e,a,l)=>('="'!==a&&'data-url="true">'!==a&&t.push(l),e))),t},Nt=(e,t)=>{const a=[];return e.replace(ht,((e,t)=>(a.push(t),e))).replace(vt,((e,t)=>(a.push(t),e))),t?a:Array.from(new Set(a)).slice(0,30)},Tt=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),St=e=>e.replace(yt,"$1"),Pt=(e,t=(e=>e))=>((e,t=(e=>e))=>{var a;return t(null===(a=e.replace(/(\&nbsp;)+/g," ").replace(/(\&amp;)+/g,"&"))||void 0===a?void 0:a.replace(/(\u200c|&zwnj;)+/g,"").replace(pt,((e,t,a)=>'="'!==t&&'data-url="true">'!==t?`<a href="${a}" target="_blank">${a}</a>`:e)).replace(mt,((e,t,a)=>{var l;const o=null===(l=t.match(/data-href="([^"]*)"/im))||void 0===l?void 0:l[1];return o?`<a href="${o}" target="_blank">${a}</a>`:`<a href="${a}" target="_blank">${a}</a>`})))})((e=>e.replace(ht,((e,t,a)=>`[mention+id="${t}"+name="${a}"]`)))(St(e)),t),Lt=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn"],Mt=e=>e.match(xt)?e.startsWith("https://")||e.startsWith("http://")?e:`https://${e}`:"",It=(e,t)=>{const a=t.filter(Boolean);if(e&&a.length>0){return St(e).replace(new RegExp(`\\b(${a.map((e=>Tt(e))).join("|")})\\b`,"gi"),((e,t)=>{const a=document.createElement("mocka");return a.setAttribute("data-bad-word",t),a.setAttribute("data-error","true"),a.innerText=t,`${a.outerHTML}`}))}return e},Rt=(t,a,l)=>"string"==typeof t?Promise.resolve(t):e.__awaiter(void 0,void 0,void 0,(function*(){var e;const o=new FormData;if(t.type.startsWith("image/gif"))o.append("image",t);else{const e=yield Promise.resolve().then((function(){return I(require("browser-image-compression"))})),a=yield e.default(t,{maxSizeMB:.4,maxWidthOrHeight:1536,useWebWorker:!0});o.append("image",a)}const n=l?h.callApiWithAdminAuth:h.callApiWithAuth,i=yield n(h.getApiPath(l?h.ADMIN_PATHS.COMMENT.IMAGE_UPLOAD:h.PATHS.COMMENT.IMAGE_UPLOAD,{_locale:a}),"POST",{data:o});return(null===(e=null==i?void 0:i.data)||void 0===e?void 0:e.image)||""})),zt=(e,a)=>{const[l,o]=t.useState(e||[]);return{onSelectImages:t=>{const n=t.target.files;if(n)if(a&&e){a((e||l).concat(Array.from(n)))}else o((t=>{const l=e||t;return a&&a(l.concat(Array.from(n))),l.concat(Array.from(n))}))},onRemoveImage:t=>{if(a&&e){const l=e;l.splice(t,1),a(l.slice())}else o((l=>{const o=e||l;return o.splice(t,1),a&&a(o.slice()),o.slice()}))},onRemoveAllImages:()=>{a?a([]):o([])},imageSrcs:t.useMemo((()=>(e||l).map((e=>"string"==typeof e?e:URL.createObjectURL(e)))),[e,l]),imageFiles:e||l}},Bt=F.default.div`
+`;const Je=({isOpen:e=!0,onClose:a,enableAnimation:l=!0,hospitalId:n,locale:r,isMobile:d,overwriteProfileProps:c,avatarFallback:u=s.CommonGAssets.getAssetPath("avatar.jpg"),trackingCategory:m="Together"})=>{const{t:p}=o.useTranslations(),[g,f]=t.useState(null),[v,x]=t.useState(!1);t.useEffect((()=>{if(e&&n&&String(null==g?void 0:g.id)!==String(n)){x(!0);try{f(null),h.callApi(h.getCarePath(h.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:n,website_url:h.domainLocales[r]}),"get").then((e=>{f(Object.assign(Object.assign({},null==e?void 0:e._data.branch),c))}))}catch(e){console.error(e)}x(!1)}}),[e,n,null==g?void 0:g.id]);const w=(null==g?void 0:g.specialties)||[],y=t.useMemo((()=>w.map((e=>e.name))),[w]);return z.default.createElement(z.default.Fragment,null,z.default.createElement(Xe,{"data-open":e,"data-animation":l,onClick:e=>e.stopPropagation()},v||!g?z.default.createElement(Q,null):z.default.createElement("div",{className:"popup-content"},z.default.createElement("div",{className:"close-button",onClick:a},z.default.createElement("img",{src:De,style:{width:20,height:20},alt:"close-icon"})),z.default.createElement("div",{className:"main-info"},z.default.createElement("div",{className:"border-banner"}),z.default.createElement("div",{className:"avatar-title"},z.default.createElement($e,null,z.default.createElement("div",{className:"image-container"},z.default.createElement("div",{style:{position:"relative"}},z.default.createElement(Re,{src:null==g?void 0:g.logo,className:"profile-image",alt:"avatar",fallbackSrc:u}),z.default.createElement("img",{className:"badge-avatar",src:Ve,alt:"badge"})))),z.default.createElement(Ye,null,z.default.createElement(b.Text,{size:"s3",type:"semiBold",className:"full-name"},null==g?void 0:g.name),z.default.createElement("div",{className:"specialty"},w&&z.default.createElement(b.Text,{size:"p4",color:i.theme.colors.gray800},y.join(" • "),"•"),z.default.createElement("a",{href:h.getCareHospitalUrl({id:g.id,name:g.name,slug:g.slug,locale:r}),className:"organisation",target:"_blank",rel:"noreferrer"},z.default.createElement(b.Text,{size:"p4",className:"organisation",color:i.theme.colors.gray800,style:{textDecoration:"underline"}},null==g?void 0:g.name))))),!d&&z.default.createElement("a",{href:h.getCareHospitalUrl({id:g.id,name:g.name,slug:g.slug,locale:r})},z.default.createElement("div",{className:"btn-wrapper"},z.default.createElement(E.Button,{color:"primary",size:"md",className:"btn-booking"},p("careBooking.bookAnAppointment"))))),z.default.createElement(Ye,null,z.default.createElement("div",{className:"experience"},z.default.createElement(b.Text,{type:"bold",size:"s3",color:i.theme.colors.gray800,style:{paddingBottom:16}},p("hospital.content.description").toUpperCase()),z.default.createElement(b.Text,{size:"p2",color:i.theme.colors.gray500},g.about),d?z.default.createElement("a",{href:h.getCareHospitalUrl({id:g.id,name:g.name,slug:g.slug,locale:r})},z.default.createElement("div",{className:"btn-wrapper"},z.default.createElement(E.Button,{color:"primary",size:"md",className:"btn-booking"},p("careBooking.bookAnAppointment")))):z.default.createElement("a",{href:h.getCareHospitalUrl({id:g.id,name:g.name,slug:g.slug,locale:r})},z.default.createElement(b.Text,{size:"s4",color:"#2D87F3",as:"span","data-event-category":m,"data-event-action":"See Full Hospital Profile","data-event-label":h.getCurrentBaseUrl(r)+h.getCareHospitalUrl({id:g.id,name:g.name,slug:g.slug,locale:r})},p("home.seeHospital"))))))),z.default.createElement(Ke,{"data-open":e,onClick:e=>{e.stopPropagation(),a()}}))};var et="_2UKyiK1",tt="E5ga-tI",at="_8Y2nWXX",lt="d0T7kSP";const ot=({open:e,onClose:t,children:a,profileModalProps:l})=>{const{t:n}=o.useTranslations();return z.default.createElement(S.Modal,Object.assign({className:et,opened:e,onClose:t,overlayOpacity:.2,overflow:"inside",styles:{inner:{padding:0,justifyContent:"flex-end",borderRadius:0},modal:{height:"100%",borderRadius:0},body:{padding:"24px",maxHeight:"100%"}},title:"Profile"},l),z.default.createElement("div",{className:tt},z.default.createElement("div",{className:at},n("profilePanel.modal.heading")),z.default.createElement("div",{className:lt,onClick:t},z.default.createElement(_,null))),a)};var nt=a.createStyles((()=>({root:{},authorBadge:{background:"yellow"}})));j.default.extend(U.default);const it=t.createContext({}),rt=({siteType:e})=>{const{t:a}=o.useTranslations(),{handleMakeAppointment:l,doctorId:n,hospitalId:i,currentUrl:s}=t.useContext(it);return z.default.createElement(E.Button,{theme:e,color:"primary",size:"xs",onClick:e=>{null==l||l(n,i),e.stopPropagation()},dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:s,icon:z.default.createElement(r.ArrowRight,{className:"buttonIcon",size:18}),iconPosition:"right",style:{whiteSpace:"nowrap"}},z.default.createElement("span",null,a("careBooking.bookAnAppointment")))},st=e=>{const{className:l="",community:n,name:d,username:c,url:u,avatar:m,role:v,title:b,userType:x="user",expertId:w,isMarryBaby:y,doctorId:C,hospitalId:E,hasQuickBooking:k,handleMakeAppointment:A,communityTrackingAttr:N,isAnonymous:T,showDetailPopup:S,subLine:P,authActionWrapper:L,profileProps:M,profileModalProps:I,extendEle:R,avatarProps:B,hideInfo:j,timeText:F,onCloseFromPost:O,avatarIcon:D,badgeIconSize:V,hideBackground:U,children:_,styles:H,dataEventCategory:W,dataEventAction:q,dataEventLabel:Z}=e,{data:{locale:G,router:Q,env:{isMarryBaby:X,togetherBasePath:K}}}=t.useContext(h.TogetherComponentGlobalContext),{t:$}=o.useTranslations(),{classes:Y}=nt(void 0,{name:"CardAuthor",styles:H}),J="boolean"==typeof y?y:X,ee=J?"marryBaby":"helloSites",te=T?$("cardPost.anonymous"):d||c||"",ae=T?s.CommonGAssets.getAssetPath("avatar.jpg"):m,le=T?void 0:v,[oe,ne]=t.useState(!1),{asPath:ie}=Q||{},re=`https://${p.domainLocales[G]}${ie}`,se=()=>{if(T||"chatbot"===x)return!1;S?ce(!0):u&&(window.location.href=u)};t.useEffect((()=>{g.toggleNoScroll(oe)}),[oe]);const[de,ce]=t.useState(!1),ue="expert"===(null==e?void 0:e.role),[me,pe]=t.useState(null);return t.useEffect((()=>{de&&!me&&Promise.resolve().then((function(){return jl})).then((e=>{pe((()=>e.ProfileDetail))}))}),[de]),z.default.createElement(it.Provider,{value:{handleMakeAppointment:A,doctorId:C,hospitalId:E,currentUrl:re}},z.default.createElement(ot,{open:de,onClose:()=>ce(!1),profileModalProps:I},me&&z.default.createElement(me,Object.assign({currentPageUrl:Z,authorProps:{userId:null==e?void 0:e.userId,avatar:ae,name:null==e?void 0:e.name,role:null==e?void 0:e.role,title:null==e?void 0:e.title},authActionWrapper:L,onCloseFromPost:()=>{ce(!1),null==O||O()}},M))),"expert"===le&&w?z.default.createElement(Qe,{isOpen:oe,onClose:()=>ne(!1),expertId:w}):null,"expert"===le&&C?z.default.createElement(Ue,{isOpen:oe,onClose:()=>ne(!1),doctorId:C,locale:G}):null,"expert"===le&&E?z.default.createElement(Je,{isOpen:oe,onClose:()=>ne(!1),hospitalId:E,locale:G}):null,z.default.createElement("div",{className:`hhg-card-author ${Y.root} ${l} ${ue?"expert-author":""}`,"data-background":!U&&ue,"data-is-marrybaby":J},z.default.createElement(Ie,{dataEventCategory:W,dataEventAction:q,dataEventLabel:Z,onAvatarClick:se,avatarProps:Object.assign(Object.assign({avatar:T?s.CommonGAssets.getAssetPath(J?"anomyous-avatar-1.svg":"anomyous-avatar.svg"):ae,username:te},B),{style:{cursor:T||!u&&!S?"default":"pointer"}}),avatarIcon:D||ue&&z.default.createElement(we,{size:V||15})},_?z.default.createElement("div",{onClick:se},_):!j&&z.default.createElement(Ie.Row,null,z.default.createElement(Ie.ColLeft,null,z.default.createElement(a.Flex,{align:"center",onClick:se},z.default.createElement(Ie.MainText,{onClick:se},te,"chatbot"===x?z.default.createElement(z.default.Fragment,null," ",z.default.createElement(r.ShieldCheck,{color:i.theme.colors.primaryBase,size:16,style:{display:"inline-block",transform:"translate(0, 2px)"}})):le&&z.default.createElement(f.AuthorBadge,{className:Y.authorBadge,siteType:ee,role:le,title:b,style:{verticalAlign:"bottom"}}))),P||z.default.createElement(Ie.SubTextRow,null,(null==n?void 0:n.name)&&z.default.createElement(Ie.SubText,null,z.default.createElement("a",Object.assign({href:(null==n?void 0:n.slug)&&n.isActive&&!n.isHidden?`${K}/${null==n?void 0:n.slug}`:void 0,className:"author-community-name"},N),`${null==n?void 0:n.name}`)),F&&z.default.createElement(z.default.Fragment,null,z.default.createElement(Ie.SubDivider,null),z.default.createElement(Ie.SubText,{className:"time-text"},F)))),k&&z.default.createElement(Ie.ColRight,null,z.default.createElement(rt,{siteType:ee})))),R&&R))};st.BookingBtn=rt,st.MainText=Ie.MainText,st.SubText=Ie.SubText,st.SubTextRow=Ie.SubTextRow,st.SubDivider=Ie.SubDivider;const dt=e=>({message:e("notification.failure"),type:"danger"}),ct=t=>{var{size:a,color:l}=t,o=e.__rest(t,["size","color"]);return z.default.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),z.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.99967 1.33331C4.31967 1.33331 1.33301 4.31998 1.33301 7.99998C1.33301 11.68 4.31967 14.6666 7.99967 14.6666C11.6797 14.6666 14.6663 11.68 14.6663 7.99998C14.6663 4.31998 11.6797 1.33331 7.99967 1.33331ZM7.99967 8.66665C7.63301 8.66665 7.33301 8.36665 7.33301 7.99998V5.33331C7.33301 4.96665 7.63301 4.66665 7.99967 4.66665C8.36634 4.66665 8.66634 4.96665 8.66634 5.33331V7.99998C8.66634 8.36665 8.36634 8.66665 7.99967 8.66665ZM7.33301 9.99998V11.3333H8.66634V9.99998H7.33301Z",fill:l}))};ct.defaultProps={size:24,color:i.theme.colors.gray600};var ut="data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 14.5C11.3137 14.5 14 11.8137 14 8.5C14 5.18629 11.3137 2.5 8 2.5C4.68629 2.5 2 5.18629 2 8.5C2 11.8137 4.68629 14.5 8 14.5Z' fill='%23FE921D'/%3e%3cpath d='M8 5.5V8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11.5H8.00708' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const mt=/<mocka ([^>]*)data-url="true"[^<>]*>(.*?)<\/mocka>/gim,pt=/((?:=")|(?:data-url="true">)|)(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))/gim,gt=/\[a\+href="([^<"]+)"(?:\+text=\"([^<"]+)")?\]/gim,ht=/<mention [^>]*data-id="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,ft=/<mention [^>]*data-id="([^<"]+)" [^\>]*data-name="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,vt=/\[mention\+id="([^<"]+)"([^\]]*)\]/gim,bt=/^(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,xt=/^((https?:\/\/)?(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,wt=/<a [^>]*href="([^>"]+)"[^>]*>([^<]+)<\/a>/gim,yt=/<mocka [^\>]*data-bad-word="[^\"]*" [^\>]*data-error="true"[^\>]*>(.*?)<\/mocka>/gim,Ct=({url:e,text:t,method:a})=>{const l=t.indexOf(t.trimStart()),o=t.trimEnd().length,n=t.substring(0,l),i=t.substring(l,o),r=t.substring(o);return"edit"===a?`${n}<mocka data-href="${e}" data-url="true">${i}</mocka>${r}`:"display"===a&&(e.startsWith("http://")||e.startsWith("https://"))?`${n}<a href="${e}" target="_blank">${i}</a>${r}`:t},Et=(e,t)=>e.replace(gt,((e,a,l)=>Ct({text:l||a,url:a,method:t}))).replace(wt,((e,a,l)=>Ct({text:l||a,url:a,method:t}))),kt=(e,t=[])=>e.replace(vt,((e,a,l)=>{const o=t.find((e=>String(e.id)===a));if(!o){if(!l)return"";let e="";return l.replace(/\+name="([^<"]+)"/i,((t,a)=>(e=a,t))),`<mention data-id="${a}" data-name="${e}">${e}</mention>`}return`<mention data-id="${a}" data-name="${o.name}">${o.name}</mention>`})),At=e=>{const t=[];return e.replace(/(\&amp;)+/g,"&").replace(pt,((e,a,l)=>('="'!==a&&'data-url="true">'!==a&&t.push(l),e))),t},Nt=(e,t)=>{const a=[];return e.replace(ht,((e,t)=>(a.push(t),e))).replace(vt,((e,t)=>(a.push(t),e))),t?a:Array.from(new Set(a)).slice(0,30)},Tt=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),St=e=>e.replace(yt,"$1"),Pt=(e,t=(e=>e))=>((e,t=(e=>e))=>{var a;return t(null===(a=e.replace(/(\&nbsp;)+/g," ").replace(/(\&amp;)+/g,"&"))||void 0===a?void 0:a.replace(/(\u200c|&zwnj;)+/g,"").replace(pt,((e,t,a)=>'="'!==t&&'data-url="true">'!==t?`<a href="${a}" target="_blank">${a}</a>`:e)).replace(mt,((e,t,a)=>{var l;const o=null===(l=t.match(/data-href="([^"]*)"/im))||void 0===l?void 0:l[1];return o?`<a href="${o}" target="_blank">${a}</a>`:`<a href="${a}" target="_blank">${a}</a>`})))})((e=>e.replace(ht,((e,t,a)=>`[mention+id="${t}"+name="${a}"]`)))(St(e)),t),Lt=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn"],Mt=e=>e.match(xt)?e.startsWith("https://")||e.startsWith("http://")?e:`https://${e}`:"",It=(e,t)=>{const a=t.filter(Boolean);if(e&&a.length>0){return St(e).replace(new RegExp(`\\b(${a.map((e=>Tt(e))).join("|")})\\b`,"gi"),((e,t)=>{const a=document.createElement("mocka");return a.setAttribute("data-bad-word",t),a.setAttribute("data-error","true"),a.innerText=t,`${a.outerHTML}`}))}return e},Rt=(t,a,l)=>"string"==typeof t?Promise.resolve(t):e.__awaiter(void 0,void 0,void 0,(function*(){var e;const o=new FormData;if(t.type.startsWith("image/gif"))o.append("image",t);else{const e=yield Promise.resolve().then((function(){return I(require("browser-image-compression"))})),a=yield e.default(t,{maxSizeMB:.4,maxWidthOrHeight:1536,useWebWorker:!0});o.append("image",a)}const n=l?h.callApiWithAdminAuth:h.callApiWithAuth,i=yield n(h.getApiPath(l?h.ADMIN_PATHS.COMMENT.IMAGE_UPLOAD:h.PATHS.COMMENT.IMAGE_UPLOAD,{_locale:a}),"POST",{data:o});return(null===(e=null==i?void 0:i.data)||void 0===e?void 0:e.image)||""})),zt=(e,a)=>{const[l,o]=t.useState(e||[]);return{onSelectImages:t=>{const n=t.target.files;if(n)if(a&&e){a((e||l).concat(Array.from(n)))}else o((t=>{const l=e||t;return a&&a(l.concat(Array.from(n))),l.concat(Array.from(n))}))},onRemoveImage:t=>{if(a&&e){const l=e;l.splice(t,1),a(l.slice())}else o((l=>{const o=e||l;return o.splice(t,1),a&&a(o.slice()),o.slice()}))},onRemoveAllImages:()=>{a?a([]):o([])},imageSrcs:t.useMemo((()=>(e||l).map((e=>"string"==typeof e?e:URL.createObjectURL(e)))),[e,l]),imageFiles:e||l}},Bt=F.default.div`
   input:focus,
   textarea:focus,
   [contenteditable='true'] {
@@ -2634,7 +2634,7 @@
     overflow: hidden;
     border-radius: 1rem;
   }
-`,qa=({url:l,image:o,className:n,style:i,autoPlay:r=!0})=>{const{data:{locale:s}}=t.useContext(h.TogetherComponentGlobalContext),[d,c]=t.useState(null);t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){if(!o){if(!l)return c(null);c((e=>Object.assign(Object.assign({},e),{isFetching:!0}))),h.callApi(h.getApiPath(h.PATHS.FETCH_PREVIEW,{_locale:s}),"POST",{data:{link:l},headers:{"Content-Type":"application/json"}}).then((e=>{var t,a;c({url:l,image:(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.image)||(null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.logo)})})).catch((()=>{c(null)}))}}))}),[l,o]);const u=o||(null==d?void 0:d.image),m=(null==d?void 0:d.url)||l,p=t.useMemo((()=>(e=>{var t;return e.includes("youtu")&&(null===(t=/(.*?)(^|\/|v=)([a-z0-9_-]{11})(.*)?/gim.exec(e))||void 0===t?void 0:t[3])||""})(m)),[m]),g=t.useMemo((()=>m.includes("facebook.com")||m.includes("fb.watch")),[m]),f=t.useRef(0),v=t.useRef(0),[b,x]=t.useState(!1);t.useEffect((()=>{const e=()=>{var e;const t=null===(e=w.current)||void 0===e?void 0:e.getBoundingClientRect();let a=!1;t&&(!f.current||Math.abs((f.current-t.width)/(null==t?void 0:t.width))>.2)&&(f.current=Math.floor(t.width),a=!0),t&&(!v.current||Math.abs((v.current-t.height)/(null==t?void 0:t.height))>.2)&&(v.current=Math.floor(t.height),a=!0),a&&x((e=>!e))};return e(),window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]);const w=t.useRef(null),y=t.useRef(!1),C=a.useMantineTheme();return z.default.createElement(Wa,{className:`${n} no-replace-click`,style:i,ref:w,color:C.colors[C.primaryColor][0]},o||!p&&!g?z.default.createElement("a",{href:m,target:"_blank",rel:"noreferrer"},z.default.createElement("div",{className:"link-image-wrapper "+((null==d?void 0:d.isFetching)?"fetching":"")},(null==d?void 0:d.isFetching)?z.default.createElement(Q,{className:"loading-spinner"}):z.default.createElement("img",{className:"link-image",src:u||h.DEFAULT_IMG,onError:e=>{y.current||(y.current=!0,e.currentTarget.src=h.DEFAULT_IMG)}}))):z.default.createElement("div",{className:"link-image-wrapper"},p?z.default.createElement("iframe",{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${p}?&autoplay=${r?1:0}&mute=1&enablejsapi=1`,frameBorder:"0",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,border:"none",overflow:"hidden"}}):g?z.default.createElement("iframe",{key:String(b),src:`https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(m)}&autoplay=${r?1:0}&show_text=false&t=0&width=${f.current}&height=${v.current}`,style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:v.current,width:f.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"}):null))};var Za="PD6nRZX";const Ga=({className:e,size:t="md"})=>{const{t:a}=o.useTranslations();return z.default.createElement("div",{className:`${Za} ${e}`},z.default.createElement(E.Button,{size:t,color:"transparent",isLoading:!0},a("loading")))},Qa=t.createContext({});var Xa="l5fL1xL",Ka="L-aGKo7";const $a=({children:e,className:t=""})=>z.default.createElement("div",{className:`${Xa} ${t}`},e),Ya=({children:e,className:t=""})=>z.default.createElement("div",{className:`${Ka} ${t}`},e);var Ja="eaR8ATZ",el="xM-7K0a",tl="DZmf3s7";const al=({src:e,defaultSrc:t=s.CommonGAssets.getAssetPath("logo/logomark.png"),ratio:a=1,size:l=80,radius:o=8,alt:n,className:i=""})=>z.default.createElement("div",{className:i},z.default.createElement("div",{className:tl,style:{width:`${l}px`,height:l*a+"px",borderRadius:`${o}px`}},z.default.createElement(Re,{src:e,fallbackSrc:t,alt:n}))),ll=({category:e,title:t,src:a,children:l,className:o=""})=>z.default.createElement("div",{className:`${Ja} ${o}`},z.default.createElement(al,{src:a}),z.default.createElement("div",{className:el},l||z.default.createElement("div",null,e&&z.default.createElement($a,null,e),t&&z.default.createElement(Ya,null,t))));ll.CategoryText=$a,ll.Title=Ya;const ol=({featureImage:e,postTitle:t,author:a,categories:l,isReview:o,className:n=""})=>{var i;const r=o?"Medically reviewed by Jobelle Ann Dela Cruz Bigalbal, MD":"Written by Jobelle Ann Dela Cruz Bigalbal, MD";return z.default.createElement(ll,{src:e,className:n},z.default.createElement(z.default.Fragment,null,z.default.createElement(ll.CategoryText,null,null===(i=null==l?void 0:l[0])||void 0===i?void 0:i.name),z.default.createElement(ll.Title,null,t),z.default.createElement(Ie,{avatarProps:Object.assign(Object.assign({},a),{size:32}),subTitle:z.default.createElement(z.default.Fragment,null,r,z.default.createElement(Ie.SubDivider,null),"Dec 12, 2022")})))};var nl={container:"SFSgnOz",header:"Tf3aoVa",heading:"TOt4QXl",headingIcon:"_5XYN1KT",accBodyGroup:"yE-tZRj",accBodyGroupItem:"LXiGuGT",accBodyGroupDesc:"r4rx-6v",subTitle:"XrHh8-C",subIcon:"c5-Yecd",group:"UBj6nWr",groupBody:"_2vptVBd",articleCardLink:"ZPDAwiR",relatedList:"_6wJn-NR",socialItem:"_21XDdFv",mbChevronWrapper:"LSyr3Zo"};const il=({className:e=""})=>{var l,n,d,c,u;const{t:m}=o.useTranslations(),{info:p,isMarryBaby:g,currentPageUrl:h}=t.useContext(Qa),f=null==p?void 0:p.data,v=[{type:"linkedin",icon:s.CommonGAssets.getAssetPath("linkedin.svg"),url:null===(l=null==p?void 0:p.contact)||void 0===l?void 0:l.linkedin,eventAction:"Doctor Profile - Linkedin"},{type:"instagram",icon:s.CommonGAssets.getAssetPath("instagram.svg"),url:null===(n=null==p?void 0:p.contact)||void 0===n?void 0:n.instagram,eventAction:"Doctor Profile - Instagram"},{type:"facebook",icon:s.CommonGAssets.getAssetPath("facebook.svg"),url:null===(d=null==p?void 0:p.contact)||void 0===d?void 0:d.facebook,eventAction:"Doctor Profile  - Facebook"},{type:"youtube",icon:s.CommonGAssets.getAssetPath("youtube.svg"),url:null===(c=null==p?void 0:p.contact)||void 0===c?void 0:c.youtube,eventAction:"Doctor Profile  - Youtube"},{type:"tiktok",icon:s.CommonGAssets.getAssetPath("tiktok.svg"),url:null===(u=null==p?void 0:p.contact)||void 0===u?void 0:u.tiktok,eventAction:"Doctor Profile  - TikTok"}],b=[...((null==p?void 0:p.experiences)||[]).length>0?[{key:"experience",heading:m("profilePanel.experience"),iconSrc:s.CommonGAssets.getAssetPath(g?"award-doc-mb.svg":"award-doc.svg"),eventAction:"Doctor Experience Click",panel:z.default.createElement("div",{className:nl.accBodyGroup},null==p?void 0:p.experiences.map(((e,t)=>z.default.createElement("div",{className:nl.accBodyGroupItem,key:String(t)},z.default.createElement("div",{className:nl.accBodyGroupTitle},e.title),z.default.createElement("div",{className:nl.accBodyGroupDesc},z.default.createElement("p",null,e.organization),z.default.createElement("p",null,e.duration))))))}]:[],...((null==p?void 0:p.educations)||[]).length>0?[{key:"education",heading:m("profilePanel.education"),iconSrc:s.CommonGAssets.getAssetPath(g?"book-mb.svg":"book.svg"),eventAction:"Doctor Degree Click",panel:z.default.createElement("div",{className:nl.accBodyGroup},null==p?void 0:p.educations.map(((e,t)=>z.default.createElement("div",{className:nl.accBodyGroupItem,key:String(t)},z.default.createElement("div",{className:nl.accBodyGroupTitle},e.schoolName),z.default.createElement("div",{className:nl.accBodyGroupDesc},z.default.createElement("p",null,e.study),z.default.createElement("p",null,e.completedYear))))))}]:[],...((null==p?void 0:p.awards)||[]).length>0?[{key:"awards",heading:m("profilePanel.awards"),iconSrc:s.CommonGAssets.getAssetPath(g?"award-mb.svg":"award.svg"),eventAction:"Doctor Award Click",panel:z.default.createElement("div",{className:nl.accBodyGroup},null==p?void 0:p.awards.map(((e,t)=>z.default.createElement("div",{className:nl.accBodyGroupTitle,key:t},e.title))))}]:[]],x=(null==p?void 0:p.relatedPosts)||[],w=v.filter((e=>e.url));return z.default.createElement("div",{className:`${nl.container} ${e}`,"data-is-marrybaby":g},b.length>0&&z.default.createElement(a.Accordion,{defaultValue:b[0].key,chevron:g?z.default.createElement("div",{className:nl.mbChevronWrapper},z.default.createElement(r.Plus,{size:12,color:i.theme.mbColors.midGray})):z.default.createElement(r.Plus,{color:i.theme.colors.gray400}),styles:{chevron:{"&[data-rotate]":{".minus-path":{display:"block"},".plus-path":{display:"none"}}},content:{display:"flex",flexDirection:"column",gap:"16px",padding:"0"},item:{border:0},control:{paddingLeft:0,"&:hover":{background:"transparent"},"*":{pointerEvents:"none"}}}},b.map((e=>z.default.createElement(a.Accordion.Item,{key:e.key,value:e.key},z.default.createElement(a.Accordion.Control,{"data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":h},z.default.createElement("div",{className:nl.header},z.default.createElement("div",{className:nl.headingIcon},z.default.createElement("img",{src:e.iconSrc})),z.default.createElement("div",{className:nl.heading},e.heading))),z.default.createElement(a.Accordion.Panel,null,e.panel))))),x.length>0&&z.default.createElement("div",{className:nl.group},z.default.createElement("div",{className:nl.subTitle},z.default.createElement("img",{className:nl.subIcon,src:s.CommonGAssets.getAssetPath(g?"mb-logo.svg":"logo/circle-solid.svg")}),m("profilePanel.publishedArticles")),z.default.createElement("div",{className:`${nl.relatedList}`},null==p?void 0:p.relatedPosts.map((e=>z.default.createElement("a",{key:String(e.id),href:`${window.location.origin}${null==e?void 0:e.permalink}`,className:nl.articleCardLink},z.default.createElement(ol,Object.assign({className:"article-card"},Object.assign(Object.assign({},e),!e.author&&{author:{displayName:null==f?void 0:f.name,avatar:null==f?void 0:f.avatar}}),{isReview:!0}))))))),w.length>0&&z.default.createElement("div",{className:nl.group},z.default.createElement("div",{className:nl.subTitle},z.default.createElement("img",{className:nl.subIcon,src:s.CommonGAssets.getAssetPath(g?"social-mb.svg":"social.svg")}),m("profilePanel.socialLinks")),z.default.createElement("div",{className:nl.groupBody},z.default.createElement(a.Flex,null,v.map(((e,t)=>e.url&&z.default.createElement("div",{className:nl.socialItem,key:t,"data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":h},z.default.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},z.default.createElement("img",{src:e.icon,loading:"lazy",width:"32px"})))))))))};var rl={container:"GYUElSy",question:"_3C6QpT1",questionTitle:"_9M9VYL6",community:"_1RuSyv3",questionCard:"_1IG-eEp"};const sl=({post:e,className:a=""})=>{var l,n,i,r,s,u,m,p;const{t:g}=o.useTranslations(),{data:{userInfo:f,env:{togetherBasePath:v}}}=t.useContext(h.TogetherComponentGlobalContext),{authActionWrapper:b,authorProps:x,currentPageUrl:w}=t.useContext(Qa),y=`${window.location.origin}${v}/${null===(l=null==e?void 0:e.community)||void 0===l?void 0:l.slug}/${null==e?void 0:e.slug}`;return z.default.createElement("div",{className:`${rl.container} ${a}`},z.default.createElement("div",{className:rl.header},z.default.createElement("div",{className:rl.question},g("profilePanel.question")," ",z.default.createElement(d.Anchor,{className:rl.questionTitle,href:"#",onClick:()=>{(null==f?void 0:f.id)||null==b||b((()=>window.location.href=y))}},"#",null==e?void 0:e.title)),z.default.createElement("div",{className:rl.community},null===(n=null==e?void 0:e.community)||void 0===n?void 0:n.name," - ",null==e?void 0:e.createdTime)),z.default.createElement("div",{className:rl.questionCard},z.default.createElement(st,Object.assign({className:"card-author"},x,{role:"user",avatarIcon:z.default.createElement(we,null),subLine:z.default.createElement(st.SubTextRow,null,z.default.createElement(st.SubText,null,null===(s=null===(r=null===(i=null==e?void 0:e.expertAnswer)||void 0===i?void 0:i.answer)||void 0===r?void 0:r[0])||void 0===s?void 0:s.createdTime))})),z.default.createElement(ya,{className:"post-content-wrapper",description:(null===(p=null===(m=null===(u=null==e?void 0:e.expertAnswer)||void 0===u?void 0:u.answer)||void 0===m?void 0:m[0])||void 0===p?void 0:p.content)||"",mentions:null==e?void 0:e.mentions,"data-testid":"Content of the Post"})),z.default.createElement(c.Button,{variant:"secondary","data-event-category":"Together","data-event-action":"Doctor Reply Click","data-event-label":w,size:"md",onClick:()=>{(null==f?void 0:f.id)?window.location.href=y:null==b||b((()=>window.location.href=y))}},g("profilePanel.anserwing.viewFull")))};var dl="MrdoES3",cl="_8fd7YMs",ul="DomiQfw",ml="-b2qnfL";const pl=({message:e,buttonTxt:a,imgSrc:l,onBtnClick:o})=>{const{siteType:n,isMarryBaby:i}=t.useContext(Qa);return z.default.createElement("div",{className:cl},z.default.createElement("div",{className:ul},z.default.createElement("img",{src:l||s.CommonGAssets.getAssetPath(i?"comments-mb.svg":"comments.svg")})),e&&z.default.createElement("div",{className:ml},e),a&&z.default.createElement(E.Button,{size:"md",theme:n,color:"secondary",onClick:o},a))},gl=({id:a})=>{const{t:l}=o.useTranslations(),{data:{locale:n}}=t.useContext(h.TogetherComponentGlobalContext),{authorProps:i}=t.useContext(Qa),[r,s]=t.useState(null),[d,c]=t.useState(!1);return t.useEffect((()=>{a&&e.__awaiter(void 0,void 0,void 0,(function*(){var e;c(!0);const t=yield h.callApi(h.getApiPath(h.PATHS.USER.LIST_ANSWERS,{_locale:n,id:a}),"GET"),l=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.replies)||[]).map(v.formatPost);s(l),c(!1)}))}),[]),z.default.createElement("div",{className:dl},d?z.default.createElement(Ga,null):null!==r&&(r.length>0?r.map((e=>z.default.createElement(sl,{className:"post-card",key:e.id,post:e}))):z.default.createElement(pl,{message:l("profilePanel.emptyPostMess.content",{name:(null==i?void 0:i.name)||(null==i?void 0:i.username)})})))},hl=t=>{var{size:a,color:l}=t,o=e.__rest(t,["size","color"]);return z.default.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),z.default.createElement("path",{d:"M9.99983 9.14326L6.94303 12.2001C6.61183 12.5313 6.07423 12.5313 5.74303 12.2001C5.41183 11.8689 5.41183 11.3313 5.74303 11.0001L9.43423 7.30886C9.74703 6.99606 10.2534 6.99606 10.5654 7.30886L14.2566 11.0001C14.5878 11.3313 14.5878 11.8689 14.2566 12.2001C13.9254 12.5313 13.3878 12.5313 13.0566 12.2001L9.99983 9.14326Z",fill:l}))};hl.defaultProps={size:24,color:i.theme.colors.gray600};var fl="toEutn7",vl="drdisHs";const bl=a=>{var l,o,n,i,{post:r}=a,s=e.__rest(a,["post"]);const{data:{env:{togetherBasePath:c}}}=t.useContext(h.TogetherComponentGlobalContext);return z.default.createElement(z.default.Fragment,null,z.default.createElement("div",Object.assign({},s,{className:`${fl} ${(null==s?void 0:s.className)||""}`}),z.default.createElement(st,{className:"card-author",avatar:null===(l=null==r?void 0:r.author)||void 0===l?void 0:l.avatar,name:(null===(o=null==r?void 0:r.author)||void 0===o?void 0:o.name)||(null===(n=null==r?void 0:r.author)||void 0===n?void 0:n.username),isAnonymous:Boolean(null==r?void 0:r.isAnonymous),subLine:z.default.createElement(st.SubTextRow,null,z.default.createElement(st.SubText,null,null==r?void 0:r.createdTime))}),z.default.createElement(d.Anchor,{href:`${window.location.origin}${c}/${null===(i=null==r?void 0:r.community)||void 0===i?void 0:i.slug}/${null==r?void 0:r.slug}`,className:vl,rel:"noreferrer"},null==r?void 0:r.title)))};var xl={accordion:"I-uIJ6E",header:"_41WRsj2",heading:"AcOGL93",headingIcon:"JD3dWJN",panel:"dKAgnS8",chevron:"L2Q9T6m",container:"h-pSmhX"};const wl=()=>{var l,n;const{t:r}=o.useTranslations(),{data:{locale:d,userInfo:c}}=t.useContext(h.TogetherComponentGlobalContext),{onSkipQuestion:u,countValues:m,setCountValues:p}=t.useContext(Qa),[g,f]=t.useState(),[b,x]=t.useState([]),[w,y]=t.useState(!1),C=null==c?void 0:c.id;t.useEffect((()=>{C&&e.__awaiter(void 0,void 0,void 0,(function*(){var e;y(!0);const t=yield h.callApiWithAuth(h.getApiPath(h.PATHS.USER.LIST_QUESTION_NEED_REPLY,{_locale:d}),"GET"),a=[],l=Object.create({});((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.communities)||[]).filter((e=>((null==e?void 0:e.question)||[]).length>0)).map((e=>{l[e.id]=e.question.map(v.formatPost),delete e.question,a.push(v.formatCommunity(e))})),x(a),f(l),y(!1)}))}),[]);const E=({id:e,communityId:t})=>{if(e&&t&&g){const a=Object.assign(Object.assign({},g),{[t]:[...((null==g?void 0:g[t])||[]).filter((t=>t.id!==e))]});let l=0;Object.keys(a).map((e=>l+=a[e].length||0)),f(a),p(Object.assign(Object.assign({},m),{total_question:l})),null==u||u(l)}};return z.default.createElement("div",{className:xl.container},w?z.default.createElement(Ga,null):(null==m?void 0:m.total_question)>0?b.length>0&&z.default.createElement(a.Accordion,{className:xl.accordion,defaultValue:String((null===(n=b[null===(l=Object.keys(b))||void 0===l?void 0:l[0]])||void 0===n?void 0:n.id)||""),styles:e=>({control:{padding:"16px",border:`1px solid ${e.colors.neutral[1]}`,borderTopLeftRadius:"8px",borderTopRightRadius:"8px",'&[aria-expanded="false"]':{borderBottom:0}},chevron:{width:"32px",height:"32px"},content:{padding:0,border:`1px solid ${e.colors.neutral[1]}`,borderTop:0,borderBottom:0},item:{marginBottom:"16px"}}),chevron:z.default.createElement("div",{className:xl.chevron},z.default.createElement(hl,{color:i.theme.colors.gray600,size:20}))},b.map((e=>{const t=g&&(null==g?void 0:g[e.id])||[];return t.length>0&&z.default.createElement(a.Accordion.Item,{key:e.id,value:String(e.id)},z.default.createElement(a.Accordion.Control,null,z.default.createElement("div",{className:xl.header},z.default.createElement("div",{className:xl.headingIcon},z.default.createElement("img",{src:e.thumbnail})),z.default.createElement("div",{className:xl.heading},e.name))),z.default.createElement(a.Accordion.Panel,null,z.default.createElement("div",{className:xl.body},t.map((e=>z.default.createElement(bl,{className:"question-card",key:e.id,post:e,onSkip:E}))))))}))):z.default.createElement(pl,{message:r("profilePanel.emptyCareMess.content"),imgSrc:s.CommonGAssets.getAssetPath("questions.svg")}))};var yl="GA-zc-O",Cl="A18McWD",El="IB049vj",kl="_8I--vEV";const Al=({post:e,className:a=""})=>{var l;const{data:{userInfo:o,env:{togetherBasePath:n}}}=t.useContext(h.TogetherComponentGlobalContext),{authActionWrapper:i,authorProps:r}=t.useContext(Qa),s=`${window.location.origin}${n}/${null===(l=null==e?void 0:e.community)||void 0===l?void 0:l.slug}/${null==e?void 0:e.slug}`;return z.default.createElement("div",{className:`${yl} ${a}`},z.default.createElement("div",{className:El},z.default.createElement("a",{"data-event-category":"Together","data-event-action":"Click Post","data-event-label":s,className:kl,href:s,onClick:e=>{(null==o?void 0:o.id)||(e.preventDefault(),null==i||i((()=>window.location.href=s)))}}),z.default.createElement(Ie,{className:"card-author",avatarProps:{avatar:null==r?void 0:r.avatar,size:32}},z.default.createElement(st.MainText,{className:Cl},null==e?void 0:e.title),z.default.createElement(st.SubTextRow,null,z.default.createElement(st.SubText,null,null==e?void 0:e.createdTime))),z.default.createElement(ya,{className:"post-content-wrapper",description:null==e?void 0:e.description,mentions:null==e?void 0:e.mentions,maxChars:200,"data-testid":"Content of the Post"})))};var Nl="TSMHoEM";const Tl=()=>{const{t:a}=o.useTranslations(),{data:{locale:l}}=t.useContext(h.TogetherComponentGlobalContext),{authorId:n,authorProps:i,isAuthorLogin:r,onCloseFromPost:s}=t.useContext(Qa),[d,c]=t.useState(null),[u,m]=t.useState(!1);return t.useEffect((()=>{n&&e.__awaiter(void 0,void 0,void 0,(function*(){var e;m(!0);const t=yield h.callApi(h.getApiPath(h.PATHS.USER.LIST_POST,{_locale:l,id:n,isAnonymous:0}),"GET"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.posts)||[]).map(v.formatPost);c(a),m(!1)}))}),[n]),z.default.createElement("div",{className:Nl},u?z.default.createElement(Ga,null):null!==d&&(d.length>0?d.map((e=>z.default.createElement(Al,{className:"post-card",key:e.id,post:e}))):z.default.createElement(pl,{message:a("profilePanel.emptyPostMess.content",{name:(null==i?void 0:i.name)||(null==i?void 0:i.username)||""}),buttonTxt:r&&a("profilePanel.createPost"),onBtnClick:()=>{null==s||s()}})))};var Sl="_4Vekw96",Pl="DIJdGcB",Ll="aQSt4-Q";const Ml=e=>e?{title:null==e?void 0:e.title,organization:null==e?void 0:e.organization,duration:e.duration}:{},Il=e=>e?{completedYear:null==e?void 0:e.completed_year,schoolName:e.school_name,study:e.study}:{};var Rl,zl;exports.TabName=void 0,(Rl=exports.TabName||(exports.TabName={}))[Rl.About=0]="About",Rl[Rl.Care=1]="Care",Rl[Rl.Answer=2]="Answer",Rl[Rl.Posts=3]="Posts",function(e){e[e.Expert=0]="Expert",e[e.User=1]="User"}(zl||(zl={}));const Bl=a=>{var l,n,{authorProps:i,selectedTab:r,authActionWrapper:s,onSkipQuestion:d,onCloseFromPost:c,hideQuestionTab:u,hideAnswerTab:m,showSkipQuestionTag:p,rolesToShowQuestionsTab:g=["expert"],currentPageUrl:b}=a,x=e.__rest(a,["authorProps","selectedTab","authActionWrapper","onSkipQuestion","onCloseFromPost","hideQuestionTab","hideAnswerTab","showSkipQuestionTag","rolesToShowQuestionsTab","currentPageUrl"]);const{data:{locale:w,userInfo:y,env:{isMarryBaby:C}}}=t.useContext(h.TogetherComponentGlobalContext),{t:E}=o.useTranslations(),k=null==i?void 0:i.role,A=null==y?void 0:y.role,N=String(null==i?void 0:i.userId),[T,S]=t.useState(),[P,L]=t.useState(!1),[M,I]=t.useState(),R=(null==y?void 0:y._togetherUserId)===(null==i?void 0:i.userId),B=[...-1!==g.indexOf(k)?[{key:exports.TabName.About,name:E("profilePanel.tabs.highlight"),component:z.default.createElement(il,{id:N,info:M}),dataEventCategory:"Together",dataEventAction:"Doctor Profile Click",dataEventLabel:b}]:[{key:exports.TabName.Posts,name:E("profilePanel.tabs.posts"),component:z.default.createElement(Tl,null),hasCountResult:!0,keyOfCountApi:"post",keyOfResult:"total_post"}],...u||-1===g.indexOf(A)||(null==y?void 0:y._togetherUserId)!==(null==i?void 0:i.userId)?[]:[{key:exports.TabName.Care,name:`${E("profilePanel.tabs.care")}`,component:z.default.createElement(wl,null),hasCountResult:!0,keyOfCountApi:"question",keyOfResult:"total_question",dataEventCategory:"Together",dataEventAction:"Doctor Questions Click",dataEventLabel:b}],...m||-1===g.indexOf(k)?[]:[{key:exports.TabName.Answer,name:`${E("profilePanel.tabs.expertAnswer")}`,component:z.default.createElement(gl,{id:N}),hasCountResult:!0,keyOfCountApi:"reply",keyOfResult:"total_reply",dataEventCategory:"Together",dataEventAction:"Doctor Reply Tab Click",dataEventLabel:b}]],[F,O]=t.useState(null),[D,V]=t.useState(null),U={initialTab:D,tabContent:F,onChange:e=>V(e),styles:e=>({label:{fontSize:e.fontSizes.sm,fontWeight:600}})},_=null==B?void 0:B.filter((e=>null==e?void 0:e.hasCountResult));t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,a,l,o,n,i,s,d;L(!0);const c=yield Promise.all([h.callApi(h.getApiPath(h.PATHS.USER.DETAIL,{_locale:w,id:N}),"GET"),..._.map((e=>h.callApi(h.getApiPath(h.PATHS.USER.COUNT_TABS,{_locale:w,id:N,[e.keyOfCountApi]:1}),"GET")))]),[u]=c,m={data:null==u?void 0:u.data,experiences:((null===(t=null===(e=null==u?void 0:u.data)||void 0===e?void 0:e.fields)||void 0===t?void 0:t.experiences)||[]).map(Ml),relatedPosts:((null===(a=null==u?void 0:u.data)||void 0===a?void 0:a.related_post)||[]).map((e=>v.formatArticle(e.post))),educations:((null===(o=null===(l=null==u?void 0:u.data)||void 0===l?void 0:l.fields)||void 0===o?void 0:o.educations)||[]).map(Il),awards:(null===(i=null===(n=null==u?void 0:u.data)||void 0===n?void 0:n.fields)||void 0===i?void 0:i.awards_accreditations)||[],contact:(null===(d=null===(s=null==u?void 0:u.data)||void 0===s?void 0:s.fields)||void 0===d?void 0:d.contact)||{}};1===(null==u?void 0:u.status)&&I(m);const p=(null==m?void 0:m.relatedPosts)||[],g=Object.keys(m.contact).map((e=>{var t;return""!==(null===(t=null==m?void 0:m.contact)||void 0===t?void 0:t[e])})),f=[...(null==m?void 0:m.experiences)||[],...(null==m?void 0:m.educations)||[],...(null==m?void 0:m.awards)||[]],b=p.length>0||g.length>0||f.length>0,x={},y=_.map(((e,t)=>{var a,l,o;const n=(null===(o=null===(l=null===(a=c[t+1])||void 0===a?void 0:a.data)||void 0===l?void 0:l.counting)||void 0===o?void 0:o[e.keyOfResult])||0;return n>0?(x[e.keyOfResult]=n,e):-1!==[exports.TabName.Care,exports.TabName.Posts].indexOf(e.key)?e:void 0})).filter(Boolean).map((e=>e.key)),C=B.map((e=>{const t=Object.assign(Object.assign({},e),{name:e.name+(e.keyOfResult?` (${(null==x?void 0:x[e.keyOfResult])||"0"})`:"")});return t.hasCountResult?-1!==y.indexOf(t.key)?t:void 0:t.key===exports.TabName.About?b&&t:t})).filter(Boolean);O(C),V((()=>{if(!r)return 0;const e=null==C?void 0:C.findIndex((e=>e.key===r));return-1!==e?e:0})()),S(x),L(!1)}))}),[]);const H=null==M?void 0:M.data;return z.default.createElement(Qa.Provider,{value:{isMarryBaby:C,siteType:C?"marryBaby":"helloSites",authorId:String((null==i?void 0:i.userId)||""),authActionWrapper:s,onSkipQuestion:d,info:M,authorProps:i,onCloseFromPost:c,countValues:T,setCountValues:S,isAuthorLogin:R,showSkipQuestionTag:p,currentPageUrl:b}},z.default.createElement("div",Object.assign({},x,{className:`${Sl} ${(null==x?void 0:x.className)||""}`,"data-is-marrybaby":C}),P?z.default.createElement(Ga,null):z.default.createElement(z.default.Fragment,null,z.default.createElement(st,Object.assign({},i,{className:"card-author",showDetailPopup:!1,subLine:"expert"===(null==i?void 0:i.role)?(null==H?void 0:H.specialty)&&(null==H?void 0:H.organisation)&&z.default.createElement(st.SubTextRow,null,(null==H?void 0:H.specialty)&&z.default.createElement(z.default.Fragment,null,z.default.createElement(st.SubText,null,null==H?void 0:H.specialty),z.default.createElement(st.SubDivider,null)),z.default.createElement(st.SubText,null,null==H?void 0:H.organisation)):(null==H?void 0:H.created_at)&&z.default.createElement(st.SubTextRow,null,z.default.createElement(st.SubText,null,E("profilePanel.joined")," ",j.default(null==H?void 0:H.created_at).toNow(!0)))})),"expert"===k&&z.default.createElement("div",{className:Pl,dangerouslySetInnerHTML:{__html:null===(l=null==M?void 0:M.data)||void 0===l?void 0:l.description}}),null!==F&&null!==D&&(F.length>0?z.default.createElement("div",{className:Ll},z.default.createElement(f.Tabs,Object.assign({},U)),null===(n=null==F?void 0:F[D])||void 0===n?void 0:n.component):z.default.createElement(pl,{message:E("profilePanel.emptyPostMess.content",{name:(null==i?void 0:i.name)||(null==i?void 0:i.username)||""})})))))};var jl=Object.freeze({__proto__:null,get TabName(){return exports.TabName},get UserType(){return zl},TabDataInit:{experiences:[],relatedPosts:[],educations:[],awards:[],contact:{},data:{}},ProfileDetail:Bl}),Fl="KsWg8i6",Ol="_9tS0EUN",Dl="kyyRKlb",Vl="-Uqqka-";var Ul="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='M5 10C3.9 10 3 10.9 3 12C3 13.1 3.9 14 5 14C6.1 14 7 13.1 7 12C7 10.9 6.1 10 5 10Z' fill='%233E3F58'/%3e %3cpath d='M19 10C17.9 10 17 10.9 17 12C17 13.1 17.9 14 19 14C20.1 14 21 13.1 21 12C21 10.9 20.1 10 19 10Z' fill='%233E3F58'/%3e %3cpath d='M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z' fill='%233E3F58'/%3e %3c/svg%3e",_l="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='%23595959' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 13.3334L8 10.3704L4 13.3334V3.85187C4 3.53754 4.12041 3.23608 4.33474 3.01382C4.54906 2.79155 4.83975 2.66669 5.14286 2.66669H10.8571C11.1602 2.66669 11.4509 2.79155 11.6653 3.01382C11.8796 3.23608 12 3.53754 12 3.85187V13.3334Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Hl="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='M12 13.3334L8 10.3704L4 13.3334V3.85187C4 3.53754 4.12041 3.23608 4.33474 3.01382C4.54906 2.79155 4.83975 2.66669 5.14286 2.66669H10.8571C11.1602 2.66669 11.4509 2.79155 11.6653 3.01382C11.8796 3.23608 12 3.53754 12 3.85187V13.3334Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Wl="data:image/svg+xml,%3csvg width='3' height='13' viewBox='0 0 3 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='1.58326' cy='6.41663' r='1.25' transform='rotate(89.9997 1.58326 6.41663)' fill='%23595959'/%3e%3cellipse cx='1.58326' cy='1.41663' rx='1.25' ry='1.25' transform='rotate(89.9997 1.58326 1.41663)' fill='%23595959'/%3e%3cellipse cx='1.58326' cy='11.4166' rx='1.25' ry='1.25' transform='rotate(89.9997 1.58326 11.4166)' fill='%23595959'/%3e%3c/svg%3e",ql="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='M12 5.33337C13.1046 5.33337 14 4.43794 14 3.33337C14 2.2288 13.1046 1.33337 12 1.33337C10.8954 1.33337 10 2.2288 10 3.33337C10 4.43794 10.8954 5.33337 12 5.33337Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4 10C5.10457 10 6 9.10457 6 8C6 6.89543 5.10457 6 4 6C2.89543 6 2 6.89543 2 8C2 9.10457 2.89543 10 4 10Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12 14.6666C13.1046 14.6666 14 13.7712 14 12.6666C14 11.5621 13.1046 10.6666 12 10.6666C10.8954 10.6666 10 11.5621 10 12.6666C10 13.7712 10.8954 14.6666 12 14.6666Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.72668 9.00665L10.28 11.66' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.2734 4.33997L5.72668 6.9933' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Zl="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='M2 4H3.33333H14' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.33334 3.99992V2.66659C5.33334 2.31296 5.47382 1.97382 5.72387 1.72378C5.97392 1.47373 6.31305 1.33325 6.66668 1.33325H9.33334C9.68697 1.33325 10.0261 1.47373 10.2762 1.72378C10.5262 1.97382 10.6667 2.31296 10.6667 2.66659V3.99992M12.6667 3.99992V13.3333C12.6667 13.6869 12.5262 14.026 12.2762 14.2761C12.0261 14.5261 11.687 14.6666 11.3333 14.6666H4.66668C4.31305 14.6666 3.97392 14.5261 3.72387 14.2761C3.47382 14.026 3.33334 13.6869 3.33334 13.3333V3.99992H12.6667Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.66666 7.33325V11.3333' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.33334 7.33325V11.3333' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const Gl=({authorEmail:a,onDeletePost:l,shareUrl:n,post:i,className:r="",popoverClassName:d="",onBookmark:c,onRemoveBookmark:u,onEditPost:m})=>{const{data:{locale:p,userInfo:g,togetherUserId:f,env:{isMarryBaby:v}},action:{pushNotifications:b}}=t.useContext(h.TogetherComponentGlobalContext),{t:x}=o.useTranslations(),[w,y]=t.useState(!1),[C,E]=t.useState(!1),[k,A]=t.useState(!1),{authActionWrapper:N}=q(),T=a&&(null==g?void 0:g.email)&&a===String(null==g?void 0:g.email);return z.default.createElement("div",{className:r,onClick:e=>{e.preventDefault(),e.stopPropagation()}},k&&z.default.createElement(ga,{url:n,text:null==i?void 0:i.title,onClose:()=>A(!1)}),C&&z.default.createElement(ra,{thumbnail:s.CommonGAssets.getAssetPath("trash-bin.svg"),isThumbnailIcon:!0,title:x("popup.deletePost.title"),description:x("popup.deletePost.description"),acceptText:x("popup.deletePost.accept"),cancelText:x("popup.deletePost.cancel"),onAccept:()=>e.__awaiter(void 0,void 0,void 0,(function*(){if((null==i?void 0:i.id)&&!w){y(!0);try{const t=yield(({id:t,locale:a})=>e.__awaiter(void 0,void 0,void 0,(function*(){if(t)return yield h.callApiWithAuth(h.getApiPath(h.PATHS.POST.DELETE,{id:t,_locale:a}),"DELETE")})))({id:i.id,locale:p});1===(null==t?void 0:t.status)&&(null==l||l())}catch(e){}y(!1)}})),onClose:()=>E(!1)}),z.default.createElement(ve,{className:d,toggleButtonContent:z.default.createElement("img",{src:v?Ul:Wl}),position:"bottom",align:"end",buttonProps:{isLoading:w},data:T?{isShowheader:!1,type:"list",list:[{icon:ql,label:x("morePopover.share"),onClick:()=>A(!0)},{icon:"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='M7.16952 3.2356H2.99484C2.6785 3.2356 2.37512 3.36126 2.15143 3.58495C1.92774 3.80863 1.80208 4.11202 1.80208 4.42836V12.7777C1.80208 13.094 1.92774 13.3974 2.15143 13.6211C2.37512 13.8448 2.6785 13.9705 2.99484 13.9705H11.3442C11.6605 13.9705 11.9639 13.8448 12.1876 13.6211C12.4113 13.3974 12.537 13.094 12.537 12.7777V8.60303' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11.6425 2.341C11.8798 2.10375 12.2016 1.97046 12.5371 1.97046C12.8726 1.97046 13.1944 2.10375 13.4317 2.341C13.6689 2.57826 13.8022 2.90005 13.8022 3.23558C13.8022 3.57111 13.6689 3.89289 13.4317 4.13015L7.76607 9.79578L5.38054 10.3922L5.97692 8.00663L11.6425 2.341Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",label:x("actionPopover.edit"),onClick:m},{icon:Zl,label:x("actionPopover.delete"),onClick:()=>{N((()=>E(!0)))}}]}:{isShowheader:!1,type:"list",list:[{icon:ql,label:x("morePopover.share"),onClick:()=>A(!0)},{icon:(null==i?void 0:i.bookmarked)?_l:Hl,label:(null==i?void 0:i.bookmarked)?x("morePopover.unsavePost"):x("morePopover.savePost"),onClick:()=>{N((()=>e.__awaiter(void 0,void 0,void 0,(function*(){if((null==g?void 0:g.id)&&(null==i?void 0:i.id))if(null==i?void 0:i.bookmarked){const e=yield h.callApiWithAuth(h.getApiPath(h.PATHS.BOOKMARK.DELETE,{_locale:p}),"DELETE",{data:{post_id:String(i.id)}});1===(null==e?void 0:e.status)?(b({title:"",message:"Removed saved post",type:"success",displayIcon:Hl}),u&&u()):b({title:"",message:"Remove failed",type:"danger",displayIcon:Hl})}else{const e=yield h.callApiWithAuth(h.getApiPath(h.PATHS.BOOKMARK.CREATE,{_locale:p}),"POST",{data:{user_id:f||g.id,post_id:i.id}});1===(null==e?void 0:e.status)?(b({title:"",message:"Post saved",type:"success",displayIcon:_l}),c&&c()):b({title:"",message:"Post saved failed",type:"danger",displayIcon:Hl})}}))))}},{icon:va,label:x("morePopover.report"),subTree:{title:x("morePopover.report.title"),description:x("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(h.REPORT_REASON_MAP).map((e=>({label:h.REPORT_REASON_MAP[e].label,reason:h.REPORT_REASON_MAP[e].reportReasonText,reasonValue:e}))).map((e=>({label:x(e.label),subTree:{title:x("morePopover.reportSubmit.title"),description:x("morePopover.reportSubmit.description"),isShowheader:!0,type:"jsx",jsxRenderer:t=>z.default.createElement(ba,{reason:e.reasonValue,reasonText:x(e.reason),postId:null==i?void 0:i.id,onClose:()=>t&&t(!1)})}})))}}]}}))},Ql=F.default.div`
+`,qa=({url:l,image:o,className:n,style:i,autoPlay:r=!0})=>{const{data:{locale:s}}=t.useContext(h.TogetherComponentGlobalContext),[d,c]=t.useState(null);t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){if(!o){if(!l)return c(null);c((e=>Object.assign(Object.assign({},e),{isFetching:!0}))),h.callApi(h.getApiPath(h.PATHS.FETCH_PREVIEW,{_locale:s}),"POST",{data:{link:l},headers:{"Content-Type":"application/json"}}).then((e=>{var t,a;c({url:l,image:(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.image)||(null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.logo)})})).catch((()=>{c(null)}))}}))}),[l,o]);const u=o||(null==d?void 0:d.image),m=(null==d?void 0:d.url)||l,p=t.useMemo((()=>(e=>{var t;return e.includes("youtu")&&(null===(t=/(.*?)(^|\/|v=)([a-z0-9_-]{11})(.*)?/gim.exec(e))||void 0===t?void 0:t[3])||""})(m)),[m]),g=t.useMemo((()=>m.includes("facebook.com")||m.includes("fb.watch")),[m]),f=t.useRef(0),v=t.useRef(0),[b,x]=t.useState(!1);t.useEffect((()=>{const e=()=>{var e;const t=null===(e=w.current)||void 0===e?void 0:e.getBoundingClientRect();let a=!1;t&&(!f.current||Math.abs((f.current-t.width)/(null==t?void 0:t.width))>.2)&&(f.current=Math.floor(t.width),a=!0),t&&(!v.current||Math.abs((v.current-t.height)/(null==t?void 0:t.height))>.2)&&(v.current=Math.floor(t.height),a=!0),a&&x((e=>!e))};return e(),window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]);const w=t.useRef(null),y=t.useRef(!1),C=a.useMantineTheme();return z.default.createElement(Wa,{className:`${n} no-replace-click`,style:i,ref:w,color:C.colors[C.primaryColor][0]},o||!p&&!g?z.default.createElement("a",{href:m,target:"_blank",rel:"noreferrer"},z.default.createElement("div",{className:"link-image-wrapper "+((null==d?void 0:d.isFetching)?"fetching":"")},(null==d?void 0:d.isFetching)?z.default.createElement(Q,{className:"loading-spinner"}):z.default.createElement("img",{className:"link-image",src:u||h.DEFAULT_IMG,onError:e=>{y.current||(y.current=!0,e.currentTarget.src=h.DEFAULT_IMG)}}))):z.default.createElement("div",{className:"link-image-wrapper"},p?z.default.createElement("iframe",{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${p}?&autoplay=${r?1:0}&mute=1&enablejsapi=1`,frameBorder:"0",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,border:"none",overflow:"hidden"}}):g?z.default.createElement("iframe",{key:String(b),src:`https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(m)}&autoplay=${r?1:0}&show_text=false&t=0&width=${f.current}&height=${v.current}`,style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:v.current,width:f.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"}):null))};var Za="PD6nRZX";const Ga=({className:e,size:t="md"})=>{const{t:a}=o.useTranslations();return z.default.createElement("div",{className:`${Za} ${e}`},z.default.createElement(E.Button,{size:t,color:"transparent",isLoading:!0},a("loading")))},Qa=t.createContext({});var Xa="l5fL1xL",Ka="L-aGKo7";const $a=({children:e,className:t=""})=>z.default.createElement("div",{className:`${Xa} ${t}`},e),Ya=({children:e,className:t=""})=>z.default.createElement("div",{className:`${Ka} ${t}`},e);var Ja="eaR8ATZ",el="xM-7K0a",tl="DZmf3s7";const al=({src:e,defaultSrc:t=s.CommonGAssets.getAssetPath("logo/logomark.png"),ratio:a=1,size:l=80,radius:o=8,alt:n,className:i=""})=>z.default.createElement("div",{className:i},z.default.createElement("div",{className:tl,style:{width:`${l}px`,height:l*a+"px",borderRadius:`${o}px`}},z.default.createElement(Re,{src:e,fallbackSrc:t,alt:n}))),ll=({category:e,title:t,src:a,children:l,className:o=""})=>z.default.createElement("div",{className:`${Ja} ${o}`},z.default.createElement(al,{src:a}),z.default.createElement("div",{className:el},l||z.default.createElement("div",null,e&&z.default.createElement($a,null,e),t&&z.default.createElement(Ya,null,t))));ll.CategoryText=$a,ll.Title=Ya;const ol=({featureImage:e,postTitle:t,author:a,categories:l,isReview:o,className:n=""})=>{var i;const r=o?"Medically reviewed by Jobelle Ann Dela Cruz Bigalbal, MD":"Written by Jobelle Ann Dela Cruz Bigalbal, MD";return z.default.createElement(ll,{src:e,className:n},z.default.createElement(z.default.Fragment,null,z.default.createElement(ll.CategoryText,null,null===(i=null==l?void 0:l[0])||void 0===i?void 0:i.name),z.default.createElement(ll.Title,null,t),z.default.createElement(Ie,{avatarProps:Object.assign(Object.assign({},a),{size:32}),subTitle:z.default.createElement(z.default.Fragment,null,r,z.default.createElement(Ie.SubDivider,null),"Dec 12, 2022")})))};var nl={container:"SFSgnOz",header:"Tf3aoVa",heading:"TOt4QXl",headingIcon:"_5XYN1KT",accBodyGroup:"yE-tZRj",accBodyGroupItem:"LXiGuGT",accBodyGroupDesc:"r4rx-6v",subTitle:"XrHh8-C",subIcon:"c5-Yecd",group:"UBj6nWr",groupBody:"_2vptVBd",articleCardLink:"ZPDAwiR",relatedList:"_6wJn-NR",socialItem:"_21XDdFv",mbChevronWrapper:"LSyr3Zo"};const il=({className:e=""})=>{var l,n,d,c,u;const{t:m}=o.useTranslations(),{info:p,isMarryBaby:g,currentPageUrl:h}=t.useContext(Qa),f=null==p?void 0:p.data,v=[{type:"linkedin",icon:s.CommonGAssets.getAssetPath("linkedin.svg"),url:null===(l=null==p?void 0:p.contact)||void 0===l?void 0:l.linkedin,eventAction:"Doctor Profile - Linkedin"},{type:"instagram",icon:s.CommonGAssets.getAssetPath("instagram.svg"),url:null===(n=null==p?void 0:p.contact)||void 0===n?void 0:n.instagram,eventAction:"Doctor Profile - Instagram"},{type:"facebook",icon:s.CommonGAssets.getAssetPath("facebook.svg"),url:null===(d=null==p?void 0:p.contact)||void 0===d?void 0:d.facebook,eventAction:"Doctor Profile  - Facebook"},{type:"youtube",icon:s.CommonGAssets.getAssetPath("youtube.svg"),url:null===(c=null==p?void 0:p.contact)||void 0===c?void 0:c.youtube,eventAction:"Doctor Profile  - Youtube"},{type:"tiktok",icon:s.CommonGAssets.getAssetPath("tiktok.svg"),url:null===(u=null==p?void 0:p.contact)||void 0===u?void 0:u.tiktok,eventAction:"Doctor Profile  - TikTok"}],b=[...((null==p?void 0:p.experiences)||[]).length>0?[{key:"experience",heading:m("profilePanel.experience"),iconSrc:s.CommonGAssets.getAssetPath(g?"award-doc-mb.svg":"award-doc.svg"),eventAction:"Doctor Experience Click",panel:z.default.createElement("div",{className:nl.accBodyGroup},null==p?void 0:p.experiences.map(((e,t)=>z.default.createElement("div",{className:nl.accBodyGroupItem,key:String(t)},z.default.createElement("div",{className:nl.accBodyGroupTitle},e.title),z.default.createElement("div",{className:nl.accBodyGroupDesc},z.default.createElement("p",null,e.organization),z.default.createElement("p",null,e.duration))))))}]:[],...((null==p?void 0:p.educations)||[]).length>0?[{key:"education",heading:m("profilePanel.education"),iconSrc:s.CommonGAssets.getAssetPath(g?"book-mb.svg":"book.svg"),eventAction:"Doctor Degree Click",panel:z.default.createElement("div",{className:nl.accBodyGroup},null==p?void 0:p.educations.map(((e,t)=>z.default.createElement("div",{className:nl.accBodyGroupItem,key:String(t)},z.default.createElement("div",{className:nl.accBodyGroupTitle},e.schoolName),z.default.createElement("div",{className:nl.accBodyGroupDesc},z.default.createElement("p",null,e.study),z.default.createElement("p",null,e.completedYear))))))}]:[],...((null==p?void 0:p.awards)||[]).length>0?[{key:"awards",heading:m("profilePanel.awards"),iconSrc:s.CommonGAssets.getAssetPath(g?"award-mb.svg":"award.svg"),eventAction:"Doctor Award Click",panel:z.default.createElement("div",{className:nl.accBodyGroup},null==p?void 0:p.awards.map(((e,t)=>z.default.createElement("div",{className:nl.accBodyGroupTitle,key:t},e.title))))}]:[]],x=(null==p?void 0:p.relatedPosts)||[],w=v.filter((e=>e.url));return z.default.createElement("div",{className:`${nl.container} ${e}`,"data-is-marrybaby":g},b.length>0&&z.default.createElement(a.Accordion,{defaultValue:b[0].key,chevron:g?z.default.createElement("div",{className:nl.mbChevronWrapper},z.default.createElement(r.Plus,{size:12,color:i.theme.mbColors.midGray})):z.default.createElement(r.Plus,{color:i.theme.colors.gray400}),styles:{chevron:{"&[data-rotate]":{".minus-path":{display:"block"},".plus-path":{display:"none"}}},content:{display:"flex",flexDirection:"column",gap:"16px",padding:"0"},item:{border:0},control:{paddingLeft:0,"&:hover":{background:"transparent"},"*":{pointerEvents:"none"}}}},b.map((e=>z.default.createElement(a.Accordion.Item,{key:e.key,value:e.key},z.default.createElement(a.Accordion.Control,{"data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":h},z.default.createElement("div",{className:nl.header},z.default.createElement("div",{className:nl.headingIcon},z.default.createElement("img",{src:e.iconSrc})),z.default.createElement("div",{className:nl.heading},e.heading))),z.default.createElement(a.Accordion.Panel,null,e.panel))))),x.length>0&&z.default.createElement("div",{className:nl.group},z.default.createElement("div",{className:nl.subTitle},z.default.createElement("img",{className:nl.subIcon,src:s.CommonGAssets.getAssetPath(g?"mb-logo.svg":"logo/circle-solid.svg")}),m("profilePanel.publishedArticles")),z.default.createElement("div",{className:`${nl.relatedList}`},null==p?void 0:p.relatedPosts.map((e=>z.default.createElement("a",{key:String(e.id),href:`${window.location.origin}${null==e?void 0:e.permalink}`,className:nl.articleCardLink},z.default.createElement(ol,Object.assign({className:"article-card"},Object.assign(Object.assign({},e),!e.author&&{author:{displayName:null==f?void 0:f.name,avatar:null==f?void 0:f.avatar}}),{isReview:!0}))))))),w.length>0&&z.default.createElement("div",{className:nl.group},z.default.createElement("div",{className:nl.subTitle},z.default.createElement("img",{className:nl.subIcon,src:s.CommonGAssets.getAssetPath(g?"social-mb.svg":"social.svg")}),m("profilePanel.socialLinks")),z.default.createElement("div",{className:nl.groupBody},z.default.createElement(a.Flex,null,v.map(((e,t)=>e.url&&z.default.createElement("div",{className:nl.socialItem,key:t},z.default.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},z.default.createElement("img",{src:e.icon,loading:"lazy",width:"32px","data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":h})))))))))};var rl={container:"GYUElSy",question:"_3C6QpT1",questionTitle:"_9M9VYL6",community:"_1RuSyv3",questionCard:"_1IG-eEp"};const sl=({post:e,className:a=""})=>{var l,n,i,r,s,u,m,p;const{t:g}=o.useTranslations(),{data:{userInfo:f,env:{togetherBasePath:v}}}=t.useContext(h.TogetherComponentGlobalContext),{authActionWrapper:b,authorProps:x,currentPageUrl:w}=t.useContext(Qa),y=`${window.location.origin}${v}/${null===(l=null==e?void 0:e.community)||void 0===l?void 0:l.slug}/${null==e?void 0:e.slug}`;return z.default.createElement("div",{className:`${rl.container} ${a}`},z.default.createElement("div",{className:rl.header},z.default.createElement("div",{className:rl.question},g("profilePanel.question")," ",z.default.createElement(d.Anchor,{className:rl.questionTitle,href:"#",onClick:()=>{(null==f?void 0:f.id)||null==b||b((()=>window.location.href=y))}},"#",null==e?void 0:e.title)),z.default.createElement("div",{className:rl.community},null===(n=null==e?void 0:e.community)||void 0===n?void 0:n.name," - ",null==e?void 0:e.createdTime)),z.default.createElement("div",{className:rl.questionCard},z.default.createElement(st,Object.assign({className:"card-author"},x,{role:"user",avatarIcon:z.default.createElement(we,null),subLine:z.default.createElement(st.SubTextRow,null,z.default.createElement(st.SubText,null,null===(s=null===(r=null===(i=null==e?void 0:e.expertAnswer)||void 0===i?void 0:i.answer)||void 0===r?void 0:r[0])||void 0===s?void 0:s.createdTime))})),z.default.createElement(ya,{className:"post-content-wrapper",description:(null===(p=null===(m=null===(u=null==e?void 0:e.expertAnswer)||void 0===u?void 0:u.answer)||void 0===m?void 0:m[0])||void 0===p?void 0:p.content)||"",mentions:null==e?void 0:e.mentions,"data-testid":"Content of the Post"})),z.default.createElement(c.Button,{variant:"secondary","data-event-category":"Together","data-event-action":"Doctor Reply Click","data-event-label":w,size:"md",onClick:()=>{(null==f?void 0:f.id)?window.location.href=y:null==b||b((()=>window.location.href=y))}},g("profilePanel.anserwing.viewFull")))};var dl="MrdoES3",cl="_8fd7YMs",ul="DomiQfw",ml="-b2qnfL";const pl=({message:e,buttonTxt:a,imgSrc:l,onBtnClick:o})=>{const{siteType:n,isMarryBaby:i}=t.useContext(Qa);return z.default.createElement("div",{className:cl},z.default.createElement("div",{className:ul},z.default.createElement("img",{src:l||s.CommonGAssets.getAssetPath(i?"comments-mb.svg":"comments.svg")})),e&&z.default.createElement("div",{className:ml},e),a&&z.default.createElement(E.Button,{size:"md",theme:n,color:"secondary",onClick:o},a))},gl=({id:a})=>{const{t:l}=o.useTranslations(),{data:{locale:n}}=t.useContext(h.TogetherComponentGlobalContext),{authorProps:i}=t.useContext(Qa),[r,s]=t.useState(null),[d,c]=t.useState(!1);return t.useEffect((()=>{a&&e.__awaiter(void 0,void 0,void 0,(function*(){var e;c(!0);const t=yield h.callApi(h.getApiPath(h.PATHS.USER.LIST_ANSWERS,{_locale:n,id:a}),"GET"),l=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.replies)||[]).map(v.formatPost);s(l),c(!1)}))}),[]),z.default.createElement("div",{className:dl},d?z.default.createElement(Ga,null):null!==r&&(r.length>0?r.map((e=>z.default.createElement(sl,{className:"post-card",key:e.id,post:e}))):z.default.createElement(pl,{message:l("profilePanel.emptyPostMess.content",{name:(null==i?void 0:i.name)||(null==i?void 0:i.username)})})))},hl=t=>{var{size:a,color:l}=t,o=e.__rest(t,["size","color"]);return z.default.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),z.default.createElement("path",{d:"M9.99983 9.14326L6.94303 12.2001C6.61183 12.5313 6.07423 12.5313 5.74303 12.2001C5.41183 11.8689 5.41183 11.3313 5.74303 11.0001L9.43423 7.30886C9.74703 6.99606 10.2534 6.99606 10.5654 7.30886L14.2566 11.0001C14.5878 11.3313 14.5878 11.8689 14.2566 12.2001C13.9254 12.5313 13.3878 12.5313 13.0566 12.2001L9.99983 9.14326Z",fill:l}))};hl.defaultProps={size:24,color:i.theme.colors.gray600};var fl="toEutn7",vl="drdisHs";const bl=a=>{var l,o,n,i,{post:r}=a,s=e.__rest(a,["post"]);const{data:{env:{togetherBasePath:c}}}=t.useContext(h.TogetherComponentGlobalContext);return z.default.createElement(z.default.Fragment,null,z.default.createElement("div",Object.assign({},s,{className:`${fl} ${(null==s?void 0:s.className)||""}`}),z.default.createElement(st,{className:"card-author",avatar:null===(l=null==r?void 0:r.author)||void 0===l?void 0:l.avatar,name:(null===(o=null==r?void 0:r.author)||void 0===o?void 0:o.name)||(null===(n=null==r?void 0:r.author)||void 0===n?void 0:n.username),isAnonymous:Boolean(null==r?void 0:r.isAnonymous),subLine:z.default.createElement(st.SubTextRow,null,z.default.createElement(st.SubText,null,null==r?void 0:r.createdTime))}),z.default.createElement(d.Anchor,{href:`${window.location.origin}${c}/${null===(i=null==r?void 0:r.community)||void 0===i?void 0:i.slug}/${null==r?void 0:r.slug}`,className:vl,rel:"noreferrer"},null==r?void 0:r.title)))};var xl={accordion:"I-uIJ6E",header:"_41WRsj2",heading:"AcOGL93",headingIcon:"JD3dWJN",panel:"dKAgnS8",chevron:"L2Q9T6m",container:"h-pSmhX"};const wl=()=>{var l,n;const{t:r}=o.useTranslations(),{data:{locale:d,userInfo:c}}=t.useContext(h.TogetherComponentGlobalContext),{onSkipQuestion:u,countValues:m,setCountValues:p}=t.useContext(Qa),[g,f]=t.useState(),[b,x]=t.useState([]),[w,y]=t.useState(!1),C=null==c?void 0:c.id;t.useEffect((()=>{C&&e.__awaiter(void 0,void 0,void 0,(function*(){var e;y(!0);const t=yield h.callApiWithAuth(h.getApiPath(h.PATHS.USER.LIST_QUESTION_NEED_REPLY,{_locale:d}),"GET"),a=[],l=Object.create({});((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.communities)||[]).filter((e=>((null==e?void 0:e.question)||[]).length>0)).map((e=>{l[e.id]=e.question.map(v.formatPost),delete e.question,a.push(v.formatCommunity(e))})),x(a),f(l),y(!1)}))}),[]);const E=({id:e,communityId:t})=>{if(e&&t&&g){const a=Object.assign(Object.assign({},g),{[t]:[...((null==g?void 0:g[t])||[]).filter((t=>t.id!==e))]});let l=0;Object.keys(a).map((e=>l+=a[e].length||0)),f(a),p(Object.assign(Object.assign({},m),{total_question:l})),null==u||u(l)}};return z.default.createElement("div",{className:xl.container},w?z.default.createElement(Ga,null):(null==m?void 0:m.total_question)>0?b.length>0&&z.default.createElement(a.Accordion,{className:xl.accordion,defaultValue:String((null===(n=b[null===(l=Object.keys(b))||void 0===l?void 0:l[0]])||void 0===n?void 0:n.id)||""),styles:e=>({control:{padding:"16px",border:`1px solid ${e.colors.neutral[1]}`,borderTopLeftRadius:"8px",borderTopRightRadius:"8px",'&[aria-expanded="false"]':{borderBottom:0}},chevron:{width:"32px",height:"32px"},content:{padding:0,border:`1px solid ${e.colors.neutral[1]}`,borderTop:0,borderBottom:0},item:{marginBottom:"16px"}}),chevron:z.default.createElement("div",{className:xl.chevron},z.default.createElement(hl,{color:i.theme.colors.gray600,size:20}))},b.map((e=>{const t=g&&(null==g?void 0:g[e.id])||[];return t.length>0&&z.default.createElement(a.Accordion.Item,{key:e.id,value:String(e.id)},z.default.createElement(a.Accordion.Control,null,z.default.createElement("div",{className:xl.header},z.default.createElement("div",{className:xl.headingIcon},z.default.createElement("img",{src:e.thumbnail})),z.default.createElement("div",{className:xl.heading},e.name))),z.default.createElement(a.Accordion.Panel,null,z.default.createElement("div",{className:xl.body},t.map((e=>z.default.createElement(bl,{className:"question-card",key:e.id,post:e,onSkip:E}))))))}))):z.default.createElement(pl,{message:r("profilePanel.emptyCareMess.content"),imgSrc:s.CommonGAssets.getAssetPath("questions.svg")}))};var yl="GA-zc-O",Cl="A18McWD",El="IB049vj",kl="_8I--vEV";const Al=({post:e,className:a=""})=>{var l;const{data:{userInfo:o,env:{togetherBasePath:n}}}=t.useContext(h.TogetherComponentGlobalContext),{authActionWrapper:i,authorProps:r}=t.useContext(Qa),s=`${window.location.origin}${n}/${null===(l=null==e?void 0:e.community)||void 0===l?void 0:l.slug}/${null==e?void 0:e.slug}`;return z.default.createElement("div",{className:`${yl} ${a}`},z.default.createElement("div",{className:El},z.default.createElement("a",{"data-event-category":"Together","data-event-action":"Click Post","data-event-label":s,className:kl,href:s,onClick:e=>{(null==o?void 0:o.id)||(e.preventDefault(),null==i||i((()=>window.location.href=s)))}}),z.default.createElement(Ie,{className:"card-author",avatarProps:{avatar:null==r?void 0:r.avatar,size:32}},z.default.createElement(st.MainText,{className:Cl},null==e?void 0:e.title),z.default.createElement(st.SubTextRow,null,z.default.createElement(st.SubText,null,null==e?void 0:e.createdTime))),z.default.createElement(ya,{className:"post-content-wrapper",description:null==e?void 0:e.description,mentions:null==e?void 0:e.mentions,maxChars:200,"data-testid":"Content of the Post"})))};var Nl="TSMHoEM";const Tl=()=>{const{t:a}=o.useTranslations(),{data:{locale:l}}=t.useContext(h.TogetherComponentGlobalContext),{authorId:n,authorProps:i,isAuthorLogin:r,onCloseFromPost:s}=t.useContext(Qa),[d,c]=t.useState(null),[u,m]=t.useState(!1);return t.useEffect((()=>{n&&e.__awaiter(void 0,void 0,void 0,(function*(){var e;m(!0);const t=yield h.callApi(h.getApiPath(h.PATHS.USER.LIST_POST,{_locale:l,id:n,isAnonymous:0}),"GET"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.posts)||[]).map(v.formatPost);c(a),m(!1)}))}),[n]),z.default.createElement("div",{className:Nl},u?z.default.createElement(Ga,null):null!==d&&(d.length>0?d.map((e=>z.default.createElement(Al,{className:"post-card",key:e.id,post:e}))):z.default.createElement(pl,{message:a("profilePanel.emptyPostMess.content",{name:(null==i?void 0:i.name)||(null==i?void 0:i.username)||""}),buttonTxt:r&&a("profilePanel.createPost"),onBtnClick:()=>{null==s||s()}})))};var Sl="_4Vekw96",Pl="DIJdGcB",Ll="aQSt4-Q";const Ml=e=>e?{title:null==e?void 0:e.title,organization:null==e?void 0:e.organization,duration:e.duration}:{},Il=e=>e?{completedYear:null==e?void 0:e.completed_year,schoolName:e.school_name,study:e.study}:{};var Rl,zl;exports.TabName=void 0,(Rl=exports.TabName||(exports.TabName={}))[Rl.About=0]="About",Rl[Rl.Care=1]="Care",Rl[Rl.Answer=2]="Answer",Rl[Rl.Posts=3]="Posts",function(e){e[e.Expert=0]="Expert",e[e.User=1]="User"}(zl||(zl={}));const Bl=a=>{var l,n,{authorProps:i,selectedTab:r,authActionWrapper:s,onSkipQuestion:d,onCloseFromPost:c,hideQuestionTab:u,hideAnswerTab:m,showSkipQuestionTag:p,rolesToShowQuestionsTab:g=["expert"],currentPageUrl:b}=a,x=e.__rest(a,["authorProps","selectedTab","authActionWrapper","onSkipQuestion","onCloseFromPost","hideQuestionTab","hideAnswerTab","showSkipQuestionTag","rolesToShowQuestionsTab","currentPageUrl"]);const{data:{locale:w,userInfo:y,env:{isMarryBaby:C}}}=t.useContext(h.TogetherComponentGlobalContext),{t:E}=o.useTranslations(),k=null==i?void 0:i.role,A=null==y?void 0:y.role,N=String(null==i?void 0:i.userId),[T,S]=t.useState(),[P,L]=t.useState(!1),[M,I]=t.useState(),R=(null==y?void 0:y._togetherUserId)===(null==i?void 0:i.userId),B=[...-1!==g.indexOf(k)?[{key:exports.TabName.About,name:E("profilePanel.tabs.highlight"),component:z.default.createElement(il,{id:N,info:M}),dataEventCategory:"Together",dataEventAction:"Doctor Profile Click",dataEventLabel:b}]:[{key:exports.TabName.Posts,name:E("profilePanel.tabs.posts"),component:z.default.createElement(Tl,null),hasCountResult:!0,keyOfCountApi:"post",keyOfResult:"total_post"}],...u||-1===g.indexOf(A)||(null==y?void 0:y._togetherUserId)!==(null==i?void 0:i.userId)?[]:[{key:exports.TabName.Care,name:`${E("profilePanel.tabs.care")}`,component:z.default.createElement(wl,null),hasCountResult:!0,keyOfCountApi:"question",keyOfResult:"total_question",dataEventCategory:"Together",dataEventAction:"Doctor Questions Click",dataEventLabel:b}],...m||-1===g.indexOf(k)?[]:[{key:exports.TabName.Answer,name:`${E("profilePanel.tabs.expertAnswer")}`,component:z.default.createElement(gl,{id:N}),hasCountResult:!0,keyOfCountApi:"reply",keyOfResult:"total_reply",dataEventCategory:"Together",dataEventAction:"Doctor Reply Tab Click",dataEventLabel:b}]],[F,O]=t.useState(null),[D,V]=t.useState(null),U={initialTab:D,tabContent:F,onChange:e=>V(e),styles:e=>({label:{fontSize:e.fontSizes.sm,fontWeight:600}})},_=null==B?void 0:B.filter((e=>null==e?void 0:e.hasCountResult));t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,a,l,o,n,i,s,d;L(!0);const c=yield Promise.all([h.callApi(h.getApiPath(h.PATHS.USER.DETAIL,{_locale:w,id:N}),"GET"),..._.map((e=>h.callApi(h.getApiPath(h.PATHS.USER.COUNT_TABS,{_locale:w,id:N,[e.keyOfCountApi]:1}),"GET")))]),[u]=c,m={data:null==u?void 0:u.data,experiences:((null===(t=null===(e=null==u?void 0:u.data)||void 0===e?void 0:e.fields)||void 0===t?void 0:t.experiences)||[]).map(Ml),relatedPosts:((null===(a=null==u?void 0:u.data)||void 0===a?void 0:a.related_post)||[]).map((e=>v.formatArticle(e.post))),educations:((null===(o=null===(l=null==u?void 0:u.data)||void 0===l?void 0:l.fields)||void 0===o?void 0:o.educations)||[]).map(Il),awards:(null===(i=null===(n=null==u?void 0:u.data)||void 0===n?void 0:n.fields)||void 0===i?void 0:i.awards_accreditations)||[],contact:(null===(d=null===(s=null==u?void 0:u.data)||void 0===s?void 0:s.fields)||void 0===d?void 0:d.contact)||{}};1===(null==u?void 0:u.status)&&I(m);const p=(null==m?void 0:m.relatedPosts)||[],g=Object.keys(m.contact).map((e=>{var t;return""!==(null===(t=null==m?void 0:m.contact)||void 0===t?void 0:t[e])})),f=[...(null==m?void 0:m.experiences)||[],...(null==m?void 0:m.educations)||[],...(null==m?void 0:m.awards)||[]],b=p.length>0||g.length>0||f.length>0,x={},y=_.map(((e,t)=>{var a,l,o;const n=(null===(o=null===(l=null===(a=c[t+1])||void 0===a?void 0:a.data)||void 0===l?void 0:l.counting)||void 0===o?void 0:o[e.keyOfResult])||0;return n>0?(x[e.keyOfResult]=n,e):-1!==[exports.TabName.Care,exports.TabName.Posts].indexOf(e.key)?e:void 0})).filter(Boolean).map((e=>e.key)),C=B.map((e=>{const t=Object.assign(Object.assign({},e),{name:e.name+(e.keyOfResult?` (${(null==x?void 0:x[e.keyOfResult])||"0"})`:"")});return t.hasCountResult?-1!==y.indexOf(t.key)?t:void 0:t.key===exports.TabName.About?b&&t:t})).filter(Boolean);O(C),V((()=>{if(!r)return 0;const e=null==C?void 0:C.findIndex((e=>e.key===r));return-1!==e?e:0})()),S(x),L(!1)}))}),[]);const H=null==M?void 0:M.data;return z.default.createElement(Qa.Provider,{value:{isMarryBaby:C,siteType:C?"marryBaby":"helloSites",authorId:String((null==i?void 0:i.userId)||""),authActionWrapper:s,onSkipQuestion:d,info:M,authorProps:i,onCloseFromPost:c,countValues:T,setCountValues:S,isAuthorLogin:R,showSkipQuestionTag:p,currentPageUrl:b}},z.default.createElement("div",Object.assign({},x,{className:`${Sl} ${(null==x?void 0:x.className)||""}`,"data-is-marrybaby":C}),P?z.default.createElement(Ga,null):z.default.createElement(z.default.Fragment,null,z.default.createElement(st,Object.assign({},i,{className:"card-author",showDetailPopup:!1,subLine:"expert"===(null==i?void 0:i.role)?(null==H?void 0:H.specialty)&&(null==H?void 0:H.organisation)&&z.default.createElement(st.SubTextRow,null,(null==H?void 0:H.specialty)&&z.default.createElement(z.default.Fragment,null,z.default.createElement(st.SubText,null,null==H?void 0:H.specialty),z.default.createElement(st.SubDivider,null)),z.default.createElement(st.SubText,null,null==H?void 0:H.organisation)):(null==H?void 0:H.created_at)&&z.default.createElement(st.SubTextRow,null,z.default.createElement(st.SubText,null,E("profilePanel.joined")," ",j.default(null==H?void 0:H.created_at).toNow(!0)))})),"expert"===k&&z.default.createElement("div",{className:Pl,dangerouslySetInnerHTML:{__html:null===(l=null==M?void 0:M.data)||void 0===l?void 0:l.description}}),null!==F&&null!==D&&(F.length>0?z.default.createElement("div",{className:Ll},z.default.createElement(f.Tabs,Object.assign({},U)),null===(n=null==F?void 0:F[D])||void 0===n?void 0:n.component):z.default.createElement(pl,{message:E("profilePanel.emptyPostMess.content",{name:(null==i?void 0:i.name)||(null==i?void 0:i.username)||""})})))))};var jl=Object.freeze({__proto__:null,get TabName(){return exports.TabName},get UserType(){return zl},TabDataInit:{experiences:[],relatedPosts:[],educations:[],awards:[],contact:{},data:{}},ProfileDetail:Bl}),Fl="KsWg8i6",Ol="_9tS0EUN",Dl="kyyRKlb",Vl="-Uqqka-";var Ul="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='M5 10C3.9 10 3 10.9 3 12C3 13.1 3.9 14 5 14C6.1 14 7 13.1 7 12C7 10.9 6.1 10 5 10Z' fill='%233E3F58'/%3e %3cpath d='M19 10C17.9 10 17 10.9 17 12C17 13.1 17.9 14 19 14C20.1 14 21 13.1 21 12C21 10.9 20.1 10 19 10Z' fill='%233E3F58'/%3e %3cpath d='M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z' fill='%233E3F58'/%3e %3c/svg%3e",_l="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='%23595959' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 13.3334L8 10.3704L4 13.3334V3.85187C4 3.53754 4.12041 3.23608 4.33474 3.01382C4.54906 2.79155 4.83975 2.66669 5.14286 2.66669H10.8571C11.1602 2.66669 11.4509 2.79155 11.6653 3.01382C11.8796 3.23608 12 3.53754 12 3.85187V13.3334Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Hl="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='M12 13.3334L8 10.3704L4 13.3334V3.85187C4 3.53754 4.12041 3.23608 4.33474 3.01382C4.54906 2.79155 4.83975 2.66669 5.14286 2.66669H10.8571C11.1602 2.66669 11.4509 2.79155 11.6653 3.01382C11.8796 3.23608 12 3.53754 12 3.85187V13.3334Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Wl="data:image/svg+xml,%3csvg width='3' height='13' viewBox='0 0 3 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='1.58326' cy='6.41663' r='1.25' transform='rotate(89.9997 1.58326 6.41663)' fill='%23595959'/%3e%3cellipse cx='1.58326' cy='1.41663' rx='1.25' ry='1.25' transform='rotate(89.9997 1.58326 1.41663)' fill='%23595959'/%3e%3cellipse cx='1.58326' cy='11.4166' rx='1.25' ry='1.25' transform='rotate(89.9997 1.58326 11.4166)' fill='%23595959'/%3e%3c/svg%3e",ql="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='M12 5.33337C13.1046 5.33337 14 4.43794 14 3.33337C14 2.2288 13.1046 1.33337 12 1.33337C10.8954 1.33337 10 2.2288 10 3.33337C10 4.43794 10.8954 5.33337 12 5.33337Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4 10C5.10457 10 6 9.10457 6 8C6 6.89543 5.10457 6 4 6C2.89543 6 2 6.89543 2 8C2 9.10457 2.89543 10 4 10Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12 14.6666C13.1046 14.6666 14 13.7712 14 12.6666C14 11.5621 13.1046 10.6666 12 10.6666C10.8954 10.6666 10 11.5621 10 12.6666C10 13.7712 10.8954 14.6666 12 14.6666Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.72668 9.00665L10.28 11.66' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.2734 4.33997L5.72668 6.9933' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Zl="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='M2 4H3.33333H14' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.33334 3.99992V2.66659C5.33334 2.31296 5.47382 1.97382 5.72387 1.72378C5.97392 1.47373 6.31305 1.33325 6.66668 1.33325H9.33334C9.68697 1.33325 10.0261 1.47373 10.2762 1.72378C10.5262 1.97382 10.6667 2.31296 10.6667 2.66659V3.99992M12.6667 3.99992V13.3333C12.6667 13.6869 12.5262 14.026 12.2762 14.2761C12.0261 14.5261 11.687 14.6666 11.3333 14.6666H4.66668C4.31305 14.6666 3.97392 14.5261 3.72387 14.2761C3.47382 14.026 3.33334 13.6869 3.33334 13.3333V3.99992H12.6667Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.66666 7.33325V11.3333' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.33334 7.33325V11.3333' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const Gl=({authorEmail:a,onDeletePost:l,shareUrl:n,post:i,className:r="",popoverClassName:d="",onBookmark:c,onRemoveBookmark:u,onEditPost:m})=>{const{data:{locale:p,userInfo:g,togetherUserId:f,env:{isMarryBaby:v}},action:{pushNotifications:b}}=t.useContext(h.TogetherComponentGlobalContext),{t:x}=o.useTranslations(),[w,y]=t.useState(!1),[C,E]=t.useState(!1),[k,A]=t.useState(!1),{authActionWrapper:N}=q(),T=a&&(null==g?void 0:g.email)&&a===String(null==g?void 0:g.email);return z.default.createElement("div",{className:r,onClick:e=>{e.preventDefault(),e.stopPropagation()}},k&&z.default.createElement(ga,{url:n,text:null==i?void 0:i.title,onClose:()=>A(!1)}),C&&z.default.createElement(ra,{thumbnail:s.CommonGAssets.getAssetPath("trash-bin.svg"),isThumbnailIcon:!0,title:x("popup.deletePost.title"),description:x("popup.deletePost.description"),acceptText:x("popup.deletePost.accept"),cancelText:x("popup.deletePost.cancel"),onAccept:()=>e.__awaiter(void 0,void 0,void 0,(function*(){if((null==i?void 0:i.id)&&!w){y(!0);try{const t=yield(({id:t,locale:a})=>e.__awaiter(void 0,void 0,void 0,(function*(){if(t)return yield h.callApiWithAuth(h.getApiPath(h.PATHS.POST.DELETE,{id:t,_locale:a}),"DELETE")})))({id:i.id,locale:p});1===(null==t?void 0:t.status)&&(null==l||l())}catch(e){}y(!1)}})),onClose:()=>E(!1)}),z.default.createElement(ve,{className:d,toggleButtonContent:z.default.createElement("img",{src:v?Ul:Wl}),position:"bottom",align:"end",buttonProps:{isLoading:w},data:T?{isShowheader:!1,type:"list",list:[{icon:ql,label:x("morePopover.share"),onClick:()=>A(!0)},{icon:"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='M7.16952 3.2356H2.99484C2.6785 3.2356 2.37512 3.36126 2.15143 3.58495C1.92774 3.80863 1.80208 4.11202 1.80208 4.42836V12.7777C1.80208 13.094 1.92774 13.3974 2.15143 13.6211C2.37512 13.8448 2.6785 13.9705 2.99484 13.9705H11.3442C11.6605 13.9705 11.9639 13.8448 12.1876 13.6211C12.4113 13.3974 12.537 13.094 12.537 12.7777V8.60303' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11.6425 2.341C11.8798 2.10375 12.2016 1.97046 12.5371 1.97046C12.8726 1.97046 13.1944 2.10375 13.4317 2.341C13.6689 2.57826 13.8022 2.90005 13.8022 3.23558C13.8022 3.57111 13.6689 3.89289 13.4317 4.13015L7.76607 9.79578L5.38054 10.3922L5.97692 8.00663L11.6425 2.341Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",label:x("actionPopover.edit"),onClick:m},{icon:Zl,label:x("actionPopover.delete"),onClick:()=>{N((()=>E(!0)))}}]}:{isShowheader:!1,type:"list",list:[{icon:ql,label:x("morePopover.share"),onClick:()=>A(!0)},{icon:(null==i?void 0:i.bookmarked)?_l:Hl,label:(null==i?void 0:i.bookmarked)?x("morePopover.unsavePost"):x("morePopover.savePost"),onClick:()=>{N((()=>e.__awaiter(void 0,void 0,void 0,(function*(){if((null==g?void 0:g.id)&&(null==i?void 0:i.id))if(null==i?void 0:i.bookmarked){const e=yield h.callApiWithAuth(h.getApiPath(h.PATHS.BOOKMARK.DELETE,{_locale:p}),"DELETE",{data:{post_id:String(i.id)}});1===(null==e?void 0:e.status)?(b({title:"",message:"Removed saved post",type:"success",displayIcon:Hl}),u&&u()):b({title:"",message:"Remove failed",type:"danger",displayIcon:Hl})}else{const e=yield h.callApiWithAuth(h.getApiPath(h.PATHS.BOOKMARK.CREATE,{_locale:p}),"POST",{data:{user_id:f||g.id,post_id:i.id}});1===(null==e?void 0:e.status)?(b({title:"",message:"Post saved",type:"success",displayIcon:_l}),c&&c()):b({title:"",message:"Post saved failed",type:"danger",displayIcon:Hl})}}))))}},{icon:va,label:x("morePopover.report"),subTree:{title:x("morePopover.report.title"),description:x("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(h.REPORT_REASON_MAP).map((e=>({label:h.REPORT_REASON_MAP[e].label,reason:h.REPORT_REASON_MAP[e].reportReasonText,reasonValue:e}))).map((e=>({label:x(e.label),subTree:{title:x("morePopover.reportSubmit.title"),description:x("morePopover.reportSubmit.description"),isShowheader:!0,type:"jsx",jsxRenderer:t=>z.default.createElement(ba,{reason:e.reasonValue,reasonText:x(e.reason),postId:null==i?void 0:i.id,onClose:()=>t&&t(!1)})}})))}}]}}))},Ql=F.default.div`
   position: relative;
   margin-bottom: 24px;
   background: white;