@hhgtech/hhg-components 1.25.16 → 1.25.18

package/build/{types-c5bc90cb.js → types-83b3bd54.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("./tslib.es6-9adbafe9.js"),t=require("react"),a=require("@mantine/core"),l=require("./index-6c25a76a.js"),o=require("./index-8a9eec8d.js"),n=require("./index.styled-ed47a07d.js"),i=require("./useTranslations-89571228.js"),r=require("innertext"),s=require("./theme-0de6f9a8.js"),d=require("./index.styled-80be162a.js"),c=require("./gAssets.js"),u=require("./index.styled-e70d700a.js"),m=require("./index-55c2cff1.js"),p=require("./dataTransform-b864fb66.js"),g=require("./index-304e2cf7.js"),f=require("lodash/debounce"),h=require("react-contenteditable"),v=require("./index-4d7509df.js"),b=require("./cookieHelper-1d464ea5.js"),x=require("./utils-00acb8fd.js"),w=require("styled-components");require("./index.styled-d6658215.js"),require("./index-46eeb64f.js");var y=require("./index-2cd87b80.js");require("./index.styled-8006e170.js"),require("./index-7f5c603f.js"),require("./index.styles-c9257a36.js");var C=require("dayjs");require("./screenSizeContext-d44834fc.js");var E=require("./index-074dc655.js");require("./isProduction-8b18510e.js"),require("./Onboarding-2e80c74d.js"),require("./index-998549ec.js"),require("@mantine/hooks"),require("date-fns"),require("react-day-picker/DayPickerInput");var k=require("react-dom");require("./index-f452a4a5.js"),require("lodash/throttle"),require("keen-slider/react"),require("./types-1d0672d7.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-155f6ab4.js"),require("string-format");var A=require("dayjs/plugin/relativeTime"),N=require("./index-af1a37ba.js"),T=require("./useUniqueId-7a6ca14d.js");require("./translationsContext-991e7c4c.js");var S=require("./routing-72927134.js"),P=require("./index-5cd58eea.js"),L=require("./index-67c83807.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),B=M(t),z=M(r),j=M(f),F=M(h),O=M(w),V=M(C),D=I(k),U=M(A);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})=>B.default.createElement(H.Provider,{value:{defaultParams:t}},e),q=e=>{const{data:{userInfo:a,env:{togetherBasePath:l}}}=t.useContext(u.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||b.deleteCookie(u.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=u.getUrlToSignUp(e,r,l),null}return t&&t()},params:Object.assign(Object.assign({},o),e)}},Z=O.default.div`
+"use strict";var e=require("./tslib.es6-3addd388.js"),t=require("react"),a=require("@mantine/core"),l=require("./index-8d59f398.js"),o=require("./index-6165b318.js"),n=require("./index.styled-7f37fcd6.js"),i=require("./useTranslations-937db3bb.js"),r=require("innertext"),s=require("./theme-b0b9d99d.js"),d=require("./index.styled-41309c60.js"),c=require("./gAssets.js"),u=require("./index.styled-4938336b.js"),m=require("./index-90f9d963.js"),p=require("./dataTransform-6acdf899.js"),g=require("./index-fb9574c0.js"),f=require("lodash/debounce"),h=require("react-contenteditable"),v=require("./index-ca997137.js"),b=require("./cookieHelper-d55c1758.js"),x=require("./utils-d8e07b2b.js"),w=require("styled-components");require("./index.styled-8705825a.js"),require("./index-48aa6e98.js");var y=require("./index-a19b4899.js");require("./index.styled-885df87a.js"),require("./index-4ad9d549.js"),require("./index.styles-d0555c23.js");var C=require("./index-9bedebb6.js");require("./Onboarding-3f215854.js");var E=require("dayjs");require("./screenSizeContext-fc265d17.js"),require("./isProduction-04ef06e8.js"),require("@mantine/hooks"),require("date-fns"),require("react-day-picker/DayPickerInput");var k=require("react-dom");require("./index-54c563d9.js"),require("lodash/throttle"),require("keen-slider/react"),require("./types-fbba27f7.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-3f2c5cfe.js"),require("string-format");var A=require("dayjs/plugin/relativeTime"),N=require("./index-01317f57.js"),T=require("./useUniqueId-5184328f.js");require("./translationsContext-f5233da0.js");var S=require("./routing-32cb382f.js"),P=require("./index-5c6335ee.js"),L=require("./index-8835cfad.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),B=M(t),z=M(r),j=M(f),F=M(h),O=M(w),V=M(E),D=I(k),U=M(A);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})=>B.default.createElement(H.Provider,{value:{defaultParams:t}},e),q=e=>{const{data:{userInfo:a,env:{togetherBasePath:l}}}=t.useContext(u.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||b.deleteCookie(u.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=u.getUrlToSignUp(e,r,l),null}return t&&t()},params:Object.assign(Object.assign({},o),e)}},Z=O.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:n=!0,hospitalId:r,locale:d,isMobile:m,overwriteProfileProps:p,avatarFallback:g=c.CommonGAssets.getAssetPath("avatar.jpg"),trackingCategory:f="Together"})=>{const{t:h}=i.useTranslations(),[v,b]=t.useState(null),[x,w]=t.useState(!1);t.useEffect((()=>{if(e&&r&&String(null==v?void 0:v.id)!==String(r)){w(!0);try{b(null),u.callApi(u.getCarePath(u.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:r,website_url:u.domainLocales[d]}),"get").then((e=>{b(Object.assign(Object.assign({},null==e?void 0:e._data.branch),p))}))}catch(e){console.error(e)}w(!1)}}),[e,r,null==v?void 0:v.id]);const y=(null==v?void 0:v.specialties)||[],C=t.useMemo((()=>y.map((e=>e.name))),[y]);return B.default.createElement(B.default.Fragment,null,B.default.createElement(Xe,{"data-open":e,"data-animation":n,onClick:e=>e.stopPropagation()},x||!v?B.default.createElement(Q,null):B.default.createElement("div",{className:"popup-content"},B.default.createElement("div",{className:"close-button",onClick:a},B.default.createElement("img",{src:Be,style:{width:20,height:20},alt:"close-icon"})),B.default.createElement("div",{className:"main-info"},B.default.createElement("div",{className:"border-banner"}),B.default.createElement("div",{className:"avatar-title"},B.default.createElement($e,null,B.default.createElement("div",{className:"image-container"},B.default.createElement("div",{style:{position:"relative"}},B.default.createElement(Re,{src:null==v?void 0:v.logo,className:"profile-image",alt:"avatar",fallbackSrc:g}),B.default.createElement("img",{className:"badge-avatar",src:ze,alt:"badge"})))),B.default.createElement(Ye,null,B.default.createElement(o.Text,{size:"s3",type:"semiBold",className:"full-name"},null==v?void 0:v.name),B.default.createElement("div",{className:"specialty"},y&&B.default.createElement(o.Text,{size:"p4",color:s.theme.colors.gray800},C.join(" • "),"•"),B.default.createElement("a",{href:u.getCareHospitalUrl({id:v.id,name:v.name,slug:v.slug,locale:d}),className:"organisation",target:"_blank",rel:"noreferrer"},B.default.createElement(o.Text,{size:"p4",className:"organisation",color:s.theme.colors.gray800,style:{textDecoration:"underline"}},null==v?void 0:v.name))))),!m&&B.default.createElement("a",{href:u.getCareHospitalUrl({id:v.id,name:v.name,slug:v.slug,locale:d})},B.default.createElement("div",{className:"btn-wrapper"},B.default.createElement(l.Button,{color:"primary",size:"md",className:"btn-booking"},h("careBooking.bookAnAppointment"))))),B.default.createElement(Ye,null,B.default.createElement("div",{className:"experience"},B.default.createElement(o.Text,{type:"bold",size:"s3",color:s.theme.colors.gray800,style:{paddingBottom:16}},h("hospital.content.description").toUpperCase()),B.default.createElement(o.Text,{size:"p2",color:s.theme.colors.gray500},v.about),m?B.default.createElement("a",{href:u.getCareHospitalUrl({id:v.id,name:v.name,slug:v.slug,locale:d})},B.default.createElement("div",{className:"btn-wrapper"},B.default.createElement(l.Button,{color:"primary",size:"md",className:"btn-booking"},h("careBooking.bookAnAppointment")))):B.default.createElement("a",{href:u.getCareHospitalUrl({id:v.id,name:v.name,slug:v.slug,locale:d})},B.default.createElement(o.Text,{size:"s4",color:"#2D87F3",as:"span","data-event-category":f,"data-event-action":"See Full Hospital Profile","data-event-label":u.getCurrentBaseUrl(d)+u.getCareHospitalUrl({id:v.id,name:v.name,slug:v.slug,locale:d})},h("home.seeHospital"))))))),B.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:o}=i.useTranslations();return B.default.createElement(N.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),B.default.createElement("div",{className:tt},B.default.createElement("div",{className:at},o("profilePanel.modal.heading")),B.default.createElement("div",{className:lt,onClick:t},B.default.createElement(_,null))),a)};var nt=a.createStyles(((e,t)=>({root:{},authorBadge:{background:"yellow"}})));V.default.extend(U.default);const it=t.createContext({}),rt=({siteType:e})=>{const{t:a}=i.useTranslations(),{handleMakeAppointment:o,doctorId:n,hospitalId:r,currentUrl:s}=t.useContext(it);return B.default.createElement(l.Button,{theme:e,color:"primary",size:"xs",onClick:e=>{null==o||o(n,r),e.stopPropagation()},dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:s,icon:B.default.createElement(d.ArrowRight,{className:"buttonIcon",size:18}),iconPosition:"right",style:{whiteSpace:"nowrap"}},B.default.createElement("span",null,a("careBooking.bookAnAppointment")))},st=e=>{const{className:l="",community:o,name:n,username:r,url:p,avatar:g,role:f,title:h,userType:v="user",expertId:b,isMarryBaby:w,doctorId:y,hospitalId:C,hasQuickBooking:k,handleMakeAppointment:A,communityTrackingAttr:N,isAnonymous:T,showDetailPopup:S,subLine:P,authActionWrapper:L,profileProps:M,profileModalProps:I,extendEle:R,avatarProps:z,hideInfo:j,timeText:F,onCloseFromPost:O,avatarIcon:V,badgeIconSize:D,hideBackground:U,children:_,styles:H}=e,{data:{locale:W,router:q,env:{isMarryBaby:Z,togetherBasePath:G}}}=t.useContext(u.TogetherComponentGlobalContext),{t:Q}=i.useTranslations(),{classes:X}=nt(void 0,{name:"CardAuthor",styles:H}),K="boolean"==typeof w?w:Z,$=K?"marryBaby":"helloSites",Y=T?Q("cardPost.anonymous"):n||r||"",J=T?c.CommonGAssets.getAssetPath("avatar.jpg"):g,ee=T?void 0:f,[te,ae]=t.useState(!1),{asPath:le}=q||{},oe=`https://${E.domainLocales[W]}${le}`,ne=e=>{if(T||"chatbot"===v)return!1;S?re(!0):p&&(window.location.href=p)};t.useEffect((()=>{x.toggleNoScroll(te)}),[te]);const[ie,re]=t.useState(!1),se="expert"===(null==e?void 0:e.role),[de,ce]=t.useState(null);return t.useEffect((()=>{ie&&!de&&Promise.resolve().then((function(){return _l})).then((e=>{ce((()=>e.ProfileDetail))}))}),[ie]),B.default.createElement(it.Provider,{value:{handleMakeAppointment:A,doctorId:y,hospitalId:C,currentUrl:oe}},B.default.createElement(ot,{open:ie,onClose:()=>re(!1),profileModalProps:I},de&&B.default.createElement(de,Object.assign({authorProps:{userId:null==e?void 0:e.userId,avatar:J,name:null==e?void 0:e.name,role:null==e?void 0:e.role,title:null==e?void 0:e.title},authActionWrapper:L,onCloseFromPost:()=>{re(!1),null==O||O()}},M))),"expert"===ee&&b?B.default.createElement(Qe,{isOpen:te,onClose:()=>ae(!1),expertId:b}):null,"expert"===ee&&y?B.default.createElement(Ue,{isOpen:te,onClose:()=>ae(!1),doctorId:y,locale:W}):null,"expert"===ee&&C?B.default.createElement(Je,{isOpen:te,onClose:()=>ae(!1),hospitalId:C,locale:W}):null,B.default.createElement("div",{className:`hhg-card-author ${X.root} ${l} ${se?"expert-author":""}`,"data-background":!U&&se,"data-is-marrybaby":K},B.default.createElement(Ie,{onAvatarClick:ne,avatarProps:Object.assign(Object.assign({avatar:J,username:Y},z),{style:{cursor:T||!p&&!S?"default":"pointer"}}),avatarIcon:V||se&&B.default.createElement(we,{size:D||15})},_?B.default.createElement("div",{onClick:ne},_):!j&&B.default.createElement(Ie.Row,null,B.default.createElement(Ie.ColLeft,null,B.default.createElement(a.Flex,{align:"center",onClick:ne},B.default.createElement(Ie.MainText,{onClick:ne},Y,"chatbot"===v?B.default.createElement(B.default.Fragment,null," ",B.default.createElement(d.ShieldCheck,{color:s.theme.colors.primaryBase,size:16,style:{display:"inline-block",transform:"translate(0, 2px)"}})):ee&&B.default.createElement(m.AuthorBadge,{className:X.authorBadge,siteType:$,role:ee,title:h,style:{verticalAlign:"bottom"}}))),P||B.default.createElement(Ie.SubTextRow,null,(null==o?void 0:o.name)&&B.default.createElement(Ie.SubText,null,B.default.createElement("a",Object.assign({href:(null==o?void 0:o.slug)&&o.isActive&&!o.isHidden?`${G}/${null==o?void 0:o.slug}`:void 0,className:"author-community-name"},N),`${null==o?void 0:o.name}`)),F&&B.default.createElement(B.default.Fragment,null,B.default.createElement(Ie.SubDivider,null),B.default.createElement(Ie.SubText,{className:"time-text"},F)))),k&&B.default.createElement(Ie.ColRight,null,B.default.createElement(rt,{siteType:$})))),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 B.default.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),B.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:s.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,ft=/<mention [^>]*data-id="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,ht=/<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(ft,((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(ft,((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?u.callApiWithAdminAuth:u.callApiWithAuth,i=yield n(u.getApiPath(l?u.ADMIN_PATHS.COMMENT.IMAGE_UPLOAD:u.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)||""})),Bt=(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}};var zt="data:image/svg+xml,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 22.9844C17.5228 22.9844 22 18.5072 22 12.9844C22 7.46153 17.5228 2.98438 12 2.98438C6.47715 2.98438 2 7.46153 2 12.9844C2 18.5072 6.47715 22.9844 12 22.9844Z' fill='%23262626'/%3e%3cpath d='M14.8281 10.1562L9.17127 15.8131' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.17188 10.1562L14.8287 15.8131' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const jt=O.default.div`
+`;const Je=({isOpen:e=!0,onClose:a,enableAnimation:n=!0,hospitalId:r,locale:d,isMobile:m,overwriteProfileProps:p,avatarFallback:g=c.CommonGAssets.getAssetPath("avatar.jpg"),trackingCategory:f="Together"})=>{const{t:h}=i.useTranslations(),[v,b]=t.useState(null),[x,w]=t.useState(!1);t.useEffect((()=>{if(e&&r&&String(null==v?void 0:v.id)!==String(r)){w(!0);try{b(null),u.callApi(u.getCarePath(u.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:r,website_url:u.domainLocales[d]}),"get").then((e=>{b(Object.assign(Object.assign({},null==e?void 0:e._data.branch),p))}))}catch(e){console.error(e)}w(!1)}}),[e,r,null==v?void 0:v.id]);const y=(null==v?void 0:v.specialties)||[],C=t.useMemo((()=>y.map((e=>e.name))),[y]);return B.default.createElement(B.default.Fragment,null,B.default.createElement(Xe,{"data-open":e,"data-animation":n,onClick:e=>e.stopPropagation()},x||!v?B.default.createElement(Q,null):B.default.createElement("div",{className:"popup-content"},B.default.createElement("div",{className:"close-button",onClick:a},B.default.createElement("img",{src:Be,style:{width:20,height:20},alt:"close-icon"})),B.default.createElement("div",{className:"main-info"},B.default.createElement("div",{className:"border-banner"}),B.default.createElement("div",{className:"avatar-title"},B.default.createElement($e,null,B.default.createElement("div",{className:"image-container"},B.default.createElement("div",{style:{position:"relative"}},B.default.createElement(Re,{src:null==v?void 0:v.logo,className:"profile-image",alt:"avatar",fallbackSrc:g}),B.default.createElement("img",{className:"badge-avatar",src:ze,alt:"badge"})))),B.default.createElement(Ye,null,B.default.createElement(o.Text,{size:"s3",type:"semiBold",className:"full-name"},null==v?void 0:v.name),B.default.createElement("div",{className:"specialty"},y&&B.default.createElement(o.Text,{size:"p4",color:s.theme.colors.gray800},C.join(" • "),"•"),B.default.createElement("a",{href:u.getCareHospitalUrl({id:v.id,name:v.name,slug:v.slug,locale:d}),className:"organisation",target:"_blank",rel:"noreferrer"},B.default.createElement(o.Text,{size:"p4",className:"organisation",color:s.theme.colors.gray800,style:{textDecoration:"underline"}},null==v?void 0:v.name))))),!m&&B.default.createElement("a",{href:u.getCareHospitalUrl({id:v.id,name:v.name,slug:v.slug,locale:d})},B.default.createElement("div",{className:"btn-wrapper"},B.default.createElement(l.Button,{color:"primary",size:"md",className:"btn-booking"},h("careBooking.bookAnAppointment"))))),B.default.createElement(Ye,null,B.default.createElement("div",{className:"experience"},B.default.createElement(o.Text,{type:"bold",size:"s3",color:s.theme.colors.gray800,style:{paddingBottom:16}},h("hospital.content.description").toUpperCase()),B.default.createElement(o.Text,{size:"p2",color:s.theme.colors.gray500},v.about),m?B.default.createElement("a",{href:u.getCareHospitalUrl({id:v.id,name:v.name,slug:v.slug,locale:d})},B.default.createElement("div",{className:"btn-wrapper"},B.default.createElement(l.Button,{color:"primary",size:"md",className:"btn-booking"},h("careBooking.bookAnAppointment")))):B.default.createElement("a",{href:u.getCareHospitalUrl({id:v.id,name:v.name,slug:v.slug,locale:d})},B.default.createElement(o.Text,{size:"s4",color:"#2D87F3",as:"span","data-event-category":f,"data-event-action":"See Full Hospital Profile","data-event-label":u.getCurrentBaseUrl(d)+u.getCareHospitalUrl({id:v.id,name:v.name,slug:v.slug,locale:d})},h("home.seeHospital"))))))),B.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:o}=i.useTranslations();return B.default.createElement(N.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),B.default.createElement("div",{className:tt},B.default.createElement("div",{className:at},o("profilePanel.modal.heading")),B.default.createElement("div",{className:lt,onClick:t},B.default.createElement(_,null))),a)};var nt=a.createStyles(((e,t)=>({root:{},authorBadge:{background:"yellow"}})));V.default.extend(U.default);const it=t.createContext({}),rt=({siteType:e})=>{const{t:a}=i.useTranslations(),{handleMakeAppointment:o,doctorId:n,hospitalId:r,currentUrl:s}=t.useContext(it);return B.default.createElement(l.Button,{theme:e,color:"primary",size:"xs",onClick:e=>{null==o||o(n,r),e.stopPropagation()},dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:s,icon:B.default.createElement(d.ArrowRight,{className:"buttonIcon",size:18}),iconPosition:"right",style:{whiteSpace:"nowrap"}},B.default.createElement("span",null,a("careBooking.bookAnAppointment")))},st=e=>{const{className:l="",community:o,name:n,username:r,url:p,avatar:g,role:f,title:h,userType:v="user",expertId:b,isMarryBaby:w,doctorId:y,hospitalId:E,hasQuickBooking:k,handleMakeAppointment:A,communityTrackingAttr:N,isAnonymous:T,showDetailPopup:S,subLine:P,authActionWrapper:L,profileProps:M,profileModalProps:I,extendEle:R,avatarProps:z,hideInfo:j,timeText:F,onCloseFromPost:O,avatarIcon:V,badgeIconSize:D,hideBackground:U,children:_,styles:H}=e,{data:{locale:W,router:q,env:{isMarryBaby:Z,togetherBasePath:G}}}=t.useContext(u.TogetherComponentGlobalContext),{t:Q}=i.useTranslations(),{classes:X}=nt(void 0,{name:"CardAuthor",styles:H}),K="boolean"==typeof w?w:Z,$=K?"marryBaby":"helloSites",Y=T?Q("cardPost.anonymous"):n||r||"",J=T?c.CommonGAssets.getAssetPath("avatar.jpg"):g,ee=T?void 0:f,[te,ae]=t.useState(!1),{asPath:le}=q||{},oe=`https://${C.domainLocales[W]}${le}`,ne=e=>{if(T||"chatbot"===v)return!1;S?re(!0):p&&(window.location.href=p)};t.useEffect((()=>{x.toggleNoScroll(te)}),[te]);const[ie,re]=t.useState(!1),se="expert"===(null==e?void 0:e.role),[de,ce]=t.useState(null);return t.useEffect((()=>{ie&&!de&&Promise.resolve().then((function(){return _l})).then((e=>{ce((()=>e.ProfileDetail))}))}),[ie]),B.default.createElement(it.Provider,{value:{handleMakeAppointment:A,doctorId:y,hospitalId:E,currentUrl:oe}},B.default.createElement(ot,{open:ie,onClose:()=>re(!1),profileModalProps:I},de&&B.default.createElement(de,Object.assign({authorProps:{userId:null==e?void 0:e.userId,avatar:J,name:null==e?void 0:e.name,role:null==e?void 0:e.role,title:null==e?void 0:e.title},authActionWrapper:L,onCloseFromPost:()=>{re(!1),null==O||O()}},M))),"expert"===ee&&b?B.default.createElement(Qe,{isOpen:te,onClose:()=>ae(!1),expertId:b}):null,"expert"===ee&&y?B.default.createElement(Ue,{isOpen:te,onClose:()=>ae(!1),doctorId:y,locale:W}):null,"expert"===ee&&E?B.default.createElement(Je,{isOpen:te,onClose:()=>ae(!1),hospitalId:E,locale:W}):null,B.default.createElement("div",{className:`hhg-card-author ${X.root} ${l} ${se?"expert-author":""}`,"data-background":!U&&se,"data-is-marrybaby":K},B.default.createElement(Ie,{onAvatarClick:ne,avatarProps:Object.assign(Object.assign({avatar:J,username:Y},z),{style:{cursor:T||!p&&!S?"default":"pointer"}}),avatarIcon:V||se&&B.default.createElement(we,{size:D||15})},_?B.default.createElement("div",{onClick:ne},_):!j&&B.default.createElement(Ie.Row,null,B.default.createElement(Ie.ColLeft,null,B.default.createElement(a.Flex,{align:"center",onClick:ne},B.default.createElement(Ie.MainText,{onClick:ne},Y,"chatbot"===v?B.default.createElement(B.default.Fragment,null," ",B.default.createElement(d.ShieldCheck,{color:s.theme.colors.primaryBase,size:16,style:{display:"inline-block",transform:"translate(0, 2px)"}})):ee&&B.default.createElement(m.AuthorBadge,{className:X.authorBadge,siteType:$,role:ee,title:h,style:{verticalAlign:"bottom"}}))),P||B.default.createElement(Ie.SubTextRow,null,(null==o?void 0:o.name)&&B.default.createElement(Ie.SubText,null,B.default.createElement("a",Object.assign({href:(null==o?void 0:o.slug)&&o.isActive&&!o.isHidden?`${G}/${null==o?void 0:o.slug}`:void 0,className:"author-community-name"},N),`${null==o?void 0:o.name}`)),F&&B.default.createElement(B.default.Fragment,null,B.default.createElement(Ie.SubDivider,null),B.default.createElement(Ie.SubText,{className:"time-text"},F)))),k&&B.default.createElement(Ie.ColRight,null,B.default.createElement(rt,{siteType:$})))),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 B.default.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),B.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:s.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,ft=/<mention [^>]*data-id="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,ht=/<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(ft,((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(ft,((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?u.callApiWithAdminAuth:u.callApiWithAuth,i=yield n(u.getApiPath(l?u.ADMIN_PATHS.COMMENT.IMAGE_UPLOAD:u.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)||""})),Bt=(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}};var zt="data:image/svg+xml,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 22.9844C17.5228 22.9844 22 18.5072 22 12.9844C22 7.46153 17.5228 2.98438 12 2.98438C6.47715 2.98438 2 7.46153 2 12.9844C2 18.5072 6.47715 22.9844 12 22.9844Z' fill='%23262626'/%3e%3cpath d='M14.8281 10.1562L9.17127 15.8131' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.17188 10.1562L14.8287 15.8131' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const jt=O.default.div`
   input:focus,
   textarea:focus,
   [contenteditable='true'] {
@@ -2900,7 +2900,7 @@
 `,po=O.default(uo)`
   margin-top: 12px;
   padding: 0.5rem 1rem 1rem;
-`;var go="-dzIuHr";const fo=({userId:e,avatar:a,name:o,role:n,title:r,className:d})=>{const{t:c}=i.useTranslations(),[u,m]=t.useState(!1);return B.default.createElement(B.default.Fragment,null,B.default.createElement(l.Button,{className:`${go} ${d}`,color:"success",size:"xs",onClick:()=>m(!0),style:{padding:"5px 8px",marginBottom:"12px",borderRadius:"4px"}},B.default.createElement("span",{className:"text"},B.default.createElement(y.Icon.Endorse,{isSolid:!0,size:18,color:s.theme.colors.green800,className:"icon"}),c("cardReply.verifyBy",{name:`${o||""}`}))),B.default.createElement(ot,{open:u,onClose:()=>m(!1),profileModalProps:{zIndex:1e3}},B.default.createElement(Ul,{authorProps:{userId:e,avatar:a,name:o,role:n,title:r},hideQuestionTab:!0})))},ho=({className:a,style:o,comment:n,type:r="comment",level:s=0,replyingId:d,onPostCommentSuccess:c,post:p,onDeleteComment:g,refetchComment:f,hasQuickBookingEnable:h,handleMakeAppointment:v,cardAuthorProps:b,maxChars:x=600,disableShortenContent:w})=>{var y,C,k,A,N,T,S,P,L,M,I,R;const{data:{locale:z,userInfo:j,env:{isMarryBaby:F}}}=t.useContext(u.TogetherComponentGlobalContext),{t:O}=i.useTranslations(),[V,D]=t.useState(n||null),{id:U,countReplies:_,countLikes:H,content:Z,createdAt:G,replies:Q=[],images:X=[],author:$,liked:Y,link:J,mentionedUser:ee,mentions:te}=V,{text:le,replyingTo:oe}=(e=>{try{const t=e.match(/\[@([^\]]+)\]/),a=t?t[0].replace("[@","").replace("]",""):"";return{text:e.replace(/\[@([^\]]+)\]/,"").trim(),replyingTo:a}}catch(e){}return{text:""}})(Z),{authActionWrapper:ne}=q({_joinCommunityIds:[null===(y=null==p?void 0:p.community)||void 0===y?void 0:y.id],_joinTopicIds:null===(C=null==p?void 0:p.topics)||void 0===C?void 0:C.map((e=>e.id))}),[ie,re]=t.useState(4),de=!!(null==j?void 0:j.id)&&(null==Q?void 0:Q.some((e=>e.author.id===j.id))),ce=e=>{D((t=>{if(!t.replies.find((t=>t.id===e.id))){t.replies.unshift(e);const a=Object.assign(Object.assign({},t),{replies:t.replies.slice(),countReplies:t.countReplies+1});return f&&f(a),a}return t}))},[ue,me]=t.useState(!1),pe=t.useMemo((()=>"comment"===r&&Q&&0!=Q.length?Q.sort(((e,t)=>{const a=new Date(e.createdAt).getTime(),l=new Date(t.createdAt).getTime();return a>l?-1:a<l?1:0})):Q),[r,Q]),ge=(null==Q?void 0:Q.length)||0,fe=String(null==$?void 0:$.email)&&(null==j?void 0:j.email)&&String(null==$?void 0:$.email)===String(null==j?void 0:j.email),he=(null==$?void 0:$.name)||(null==$?void 0:$.username)||"",ve=(null==$?void 0:$.username)||(null==$?void 0:$.name)||"",be=null==$?void 0:$.avatar,xe=(null==p?void 0:p.isAnonymous)||null==$?void 0:$.role,we=[...(null==p?void 0:p.isAnonymous)?[{id:(null===(k=null==p?void 0:p.author)||void 0===k?void 0:k.id)||0,name:O("cardPost.anonymous")}]:[],...te||[]],[ye,Ce]=t.useState(null),[Ee,ke]=t.useState(null);t.useEffect((()=>{if(null==$?void 0:$.hospitalId){const t=t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;const a=yield u.callApi(u.getCarePath(u.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:t,website_url:E.domainLocales[z]}),"get");(null===(e=null==a?void 0:a._data)||void 0===e?void 0:e.branch)&&Ce(null==a?void 0:a._data.branch)}));t($.hospitalId)}if(null==$?void 0:$.doctorId){const t=t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;const a=yield u.callApi(u.getCarePath(u.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:t,website_url:E.domainLocales[z]}),"get");(null===(e=null==a?void 0:a._data)||void 0===e?void 0:e.doctor)&&ke(null==a?void 0:a._data.doctor)}));t($.doctorId)}}),[$.hospitalId,$.doctorId]);const Ae=(null==Ee?void 0:Ee.valid_outpatient)||(null==Ee?void 0:Ee.valid_telemedicine),Ne=((null==ye?void 0:ye.total_available_service)||(null==ye?void 0:ye.total_available_doctor))>0,Te=h&&(Ae||Ne),Se="chatbot"===(null===(A=null==V?void 0:V.author)||void 0===A?void 0:A.type);return B.default.createElement(W,{defaultParams:{_joinCommunityIds:[null===(N=null==p?void 0:p.community)||void 0===N?void 0:N.id],_joinTopicIds:null===(T=null==p?void 0:p.topics)||void 0===T?void 0:T.map((e=>e.id))}},B.default.createElement(mo,{className:a,style:o,"data-is-reply":!!s,"data-is-marrybaby":F,"data-has-booking":Te},"reply"===r&&B.default.createElement(m.Divider,{className:"top-divider",type:"solid"}),B.default.createElement("div",{style:{padding:"16px 16px 0"}},B.default.createElement(st,Object.assign({avatar:be,name:he,username:ve,timeText:null==p?void 0:p.createdTime,community:null==p?void 0:p.community,className:"post-author "+(fe?"with-popover":""),type:r,userId:null==$?void 0:$.id,role:xe,expertId:null==$?void 0:$.partnerId,title:null==$?void 0:$.title,doctorId:null==$?void 0:$.doctorId,hospitalId:null==$?void 0:$.hospitalId,hasQuickBooking:Te,handleMakeAppointment:v,isAnonymous:!!(null==p?void 0:p.isAnonymous),hideBackground:Se,userType:null==$?void 0:$.type},b)),Boolean(null==V?void 0:V.isVerify)&&!Boolean(null==V?void 0:V.isOppose)&&B.default.createElement(fo,{title:null===(S=null==V?void 0:V.userVerify)||void 0===S?void 0:S.title,name:null===(P=null==V?void 0:V.userVerify)||void 0===P?void 0:P.name,userId:null===(L=null==V?void 0:V.userVerify)||void 0===L?void 0:L.id,role:null===(M=null==V?void 0:V.userVerify)||void 0===M?void 0:M.role,avatar:null===(I=null==V?void 0:V.userVerify)||void 0===I?void 0:I.avatar,className:"verify-tag"})),B.default.createElement(ya,{className:"post-content-wrapper",replyingTo:oe,mentionedUser:ee,description:le,mentions:we,maxChars:x,disableShortenContent:w}),B.default.createElement("span",null),B.default.createElement("span",null),X&&X.length>0?B.default.createElement("div",{key:"image-preview",className:"image-preview-wrapper","data-is-reply":!0},B.default.createElement(Ha,{images:X,authorName:null==$?void 0:$.username})):null,X&&0!==X.length||!J?null:B.default.createElement("div",{key:"link-preview",className:"link-preview-wrapper","data-is-reply":!0},B.default.createElement(K,{url:J})),"most-engaging"!==r?B.default.createElement(B.default.Fragment,null,Se&&B.default.createElement(po,{listUrl:null==V?void 0:V.source,categorySlug:null==V?void 0:V.categorySlug}),B.default.createElement(se,{type:ae.reply,loveCount:H,replyCount:ge,className:"post-reaction",liked:Y,isReplied:de,hideCommentIcon:"reply"===r||Se,hasShare:!1,onCommentClick:()=>ne((()=>me((e=>!e)))),onCommentCountClick:()=>ne((()=>{me(!0)})),onLikeClick:()=>ne((()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(U){const t=yield(({commentId:t,setLike:a=!1,locale:l})=>e.__awaiter(void 0,void 0,void 0,(function*(){return u.callApiWithAuth(u.getApiPath(a?u.PATHS.COMMENT.LIKE:u.PATHS.COMMENT.UNLIKE,{_locale:l,id:t}),"GET")})))({commentId:U,setLike:!Y,locale:z});1===t.status&&D((e=>Object.assign(Object.assign({},e),{liked:!Y,countLikes:e.countLikes+(Y?-1:1)})))}}))))}),ue&&B.default.createElement(ca,{replyingId:d||V.id,replyToName:he,isReply:!0,onClose:()=>me(!1),onPostSuccess:e=>{"reply"===r?c&&c(e):ce(e)},post:p,replyingUser:$}),"comment"===r&&Q&&Q.length>0?B.default.createElement("div",{className:"comment-reply-wrapper"},null===(R=null==pe?void 0:pe.slice(0,ie))||void 0===R?void 0:R.map((e=>B.default.createElement(ho,{key:e.id,comment:e,type:"reply",className:"comment-reply-item",level:s+1,replyingId:U,onPostCommentSuccess:ce,post:p,onDeleteComment:()=>{D((t=>Object.assign(Object.assign({},t),{replies:t.replies.filter((t=>t.id!==e.id)),countReplies:t.countReplies-1})))},handleMakeAppointment:v,hasQuickBookingEnable:h}))),ge>ie&&B.default.createElement(B.default.Fragment,null,B.default.createElement(m.Divider,{className:"top-divider",type:"solid"}),B.default.createElement(l.Button,{className:"more-cmt",size:"lg",color:"ghost",onClick:()=>re((e=>e+4))},O("comment.seeMoreReplies",{count:ge-ie}),B.default.createElement("img",{className:"chevron-right",src:"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='M6 12L10 8L6 4' stroke='%232D87F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})))):null):null,fe&&B.default.createElement(Zl,{onDeleteComment:g,className:"popover",commentId:V.id})))};var vo="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",bo="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",xo="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";const wo=({authorEmail:a,onDeletePost:l,shareUrl:o,post:n,className:r="",popoverClassName:s="",onBookmark:d,onRemoveBookmark:m,onEditPost:p})=>{const{data:{locale:g,userInfo:f,togetherUserId:h,env:{isMarryBaby:v}},action:{pushNotifications:b}}=t.useContext(u.TogetherComponentGlobalContext),{t:x}=i.useTranslations(),[w,y]=t.useState(!1),[C,E]=t.useState(!1),[k,A]=t.useState(!1),{authActionWrapper:N}=q(),T=a&&(null==f?void 0:f.email)&&a===String(null==f?void 0:f.email);return B.default.createElement("div",{className:r,onClick:e=>{e.preventDefault(),e.stopPropagation()}},k&&B.default.createElement(ga,{url:o,text:null==n?void 0:n.title,onClose:()=>A(!1)}),C&&B.default.createElement(ra,{thumbnail:c.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==n?void 0:n.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 u.callApiWithAuth(u.getApiPath(u.PATHS.POST.DELETE,{id:t,_locale:a}),"DELETE")})))({id:n.id,locale:g});1===(null==t?void 0:t.status)&&(null==l||l())}catch(e){}y(!1)}})),onClose:()=>E(!1)}),B.default.createElement(ve,{className:s,toggleButtonContent:B.default.createElement("img",{src:v?Hl:Wl}),position:"bottom",align:"end",buttonProps:{isLoading:w},data:T?{isShowheader:!1,type:"list",list:[{icon:xo,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:p},{icon:ql,label:x("actionPopover.delete"),onClick:()=>{N((()=>E(!0)))}}]}:{isShowheader:!1,type:"list",list:[{icon:xo,label:x("morePopover.share"),onClick:()=>A(!0)},{icon:(null==n?void 0:n.bookmarked)?vo:bo,label:(null==n?void 0:n.bookmarked)?x("morePopover.unsavePost"):x("morePopover.savePost"),onClick:()=>{N((()=>e.__awaiter(void 0,void 0,void 0,(function*(){if((null==f?void 0:f.id)&&(null==n?void 0:n.id))if(null==n?void 0:n.bookmarked){const e=yield u.callApiWithAuth(u.getApiPath(u.PATHS.BOOKMARK.DELETE,{_locale:g}),"DELETE",{data:{post_id:String(n.id)}});1===(null==e?void 0:e.status)?(b({title:"",message:"Removed saved post",type:"success",displayIcon:bo}),m&&m()):b({title:"",message:"Remove failed",type:"danger",displayIcon:bo})}else{const e=yield u.callApiWithAuth(u.getApiPath(u.PATHS.BOOKMARK.CREATE,{_locale:g}),"POST",{data:{user_id:h||f.id,post_id:n.id}});1===(null==e?void 0:e.status)?(b({title:"",message:"Post saved",type:"success",displayIcon:vo}),d&&d()):b({title:"",message:"Post saved failed",type:"danger",displayIcon:bo})}}))))}},{icon:ha,label:x("morePopover.report"),subTree:{title:x("morePopover.report.title"),description:x("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(u.REPORT_REASON_MAP).map((e=>({label:u.REPORT_REASON_MAP[e].label,reason:u.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=>B.default.createElement(ba,{reason:e.reasonValue,reasonText:x(e.reason),postId:null==n?void 0:n.id,onClose:()=>t&&t(!1)})}})))}}]}}))},yo=O.default.div`
+`;var go="-dzIuHr";const fo=({userId:e,avatar:a,name:o,role:n,title:r,className:d})=>{const{t:c}=i.useTranslations(),[u,m]=t.useState(!1);return B.default.createElement(B.default.Fragment,null,B.default.createElement(l.Button,{className:`${go} ${d}`,color:"success",size:"xs",onClick:()=>m(!0),style:{padding:"5px 8px",marginBottom:"12px",borderRadius:"4px"}},B.default.createElement("span",{className:"text"},B.default.createElement(y.Icon.Endorse,{isSolid:!0,size:18,color:s.theme.colors.green800,className:"icon"}),c("cardReply.verifyBy",{name:`${o||""}`}))),B.default.createElement(ot,{open:u,onClose:()=>m(!1),profileModalProps:{zIndex:1e3}},B.default.createElement(Ul,{authorProps:{userId:e,avatar:a,name:o,role:n,title:r},hideQuestionTab:!0})))},ho=({className:a,style:o,comment:n,type:r="comment",level:s=0,replyingId:d,onPostCommentSuccess:c,post:p,onDeleteComment:g,refetchComment:f,hasQuickBookingEnable:h,handleMakeAppointment:v,cardAuthorProps:b,maxChars:x=600,disableShortenContent:w})=>{var y,E,k,A,N,T,S,P,L,M,I,R;const{data:{locale:z,userInfo:j,env:{isMarryBaby:F}}}=t.useContext(u.TogetherComponentGlobalContext),{t:O}=i.useTranslations(),[V,D]=t.useState(n||null),{id:U,countReplies:_,countLikes:H,content:Z,createdAt:G,replies:Q=[],images:X=[],author:$,liked:Y,link:J,mentionedUser:ee,mentions:te}=V,{text:le,replyingTo:oe}=(e=>{try{const t=e.match(/\[@([^\]]+)\]/),a=t?t[0].replace("[@","").replace("]",""):"";return{text:e.replace(/\[@([^\]]+)\]/,"").trim(),replyingTo:a}}catch(e){}return{text:""}})(Z),{authActionWrapper:ne}=q({_joinCommunityIds:[null===(y=null==p?void 0:p.community)||void 0===y?void 0:y.id],_joinTopicIds:null===(E=null==p?void 0:p.topics)||void 0===E?void 0:E.map((e=>e.id))}),[ie,re]=t.useState(4),de=!!(null==j?void 0:j.id)&&(null==Q?void 0:Q.some((e=>e.author.id===j.id))),ce=e=>{D((t=>{if(!t.replies.find((t=>t.id===e.id))){t.replies.unshift(e);const a=Object.assign(Object.assign({},t),{replies:t.replies.slice(),countReplies:t.countReplies+1});return f&&f(a),a}return t}))},[ue,me]=t.useState(!1),pe=t.useMemo((()=>"comment"===r&&Q&&0!=Q.length?Q.sort(((e,t)=>{const a=new Date(e.createdAt).getTime(),l=new Date(t.createdAt).getTime();return a>l?-1:a<l?1:0})):Q),[r,Q]),ge=(null==Q?void 0:Q.length)||0,fe=String(null==$?void 0:$.email)&&(null==j?void 0:j.email)&&String(null==$?void 0:$.email)===String(null==j?void 0:j.email),he=(null==$?void 0:$.name)||(null==$?void 0:$.username)||"",ve=(null==$?void 0:$.username)||(null==$?void 0:$.name)||"",be=null==$?void 0:$.avatar,xe=(null==p?void 0:p.isAnonymous)||null==$?void 0:$.role,we=[...(null==p?void 0:p.isAnonymous)?[{id:(null===(k=null==p?void 0:p.author)||void 0===k?void 0:k.id)||0,name:O("cardPost.anonymous")}]:[],...te||[]],[ye,Ce]=t.useState(null),[Ee,ke]=t.useState(null);t.useEffect((()=>{if(null==$?void 0:$.hospitalId){const t=t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;const a=yield u.callApi(u.getCarePath(u.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:t,website_url:C.domainLocales[z]}),"get");(null===(e=null==a?void 0:a._data)||void 0===e?void 0:e.branch)&&Ce(null==a?void 0:a._data.branch)}));t($.hospitalId)}if(null==$?void 0:$.doctorId){const t=t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;const a=yield u.callApi(u.getCarePath(u.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:t,website_url:C.domainLocales[z]}),"get");(null===(e=null==a?void 0:a._data)||void 0===e?void 0:e.doctor)&&ke(null==a?void 0:a._data.doctor)}));t($.doctorId)}}),[$.hospitalId,$.doctorId]);const Ae=(null==Ee?void 0:Ee.valid_outpatient)||(null==Ee?void 0:Ee.valid_telemedicine),Ne=((null==ye?void 0:ye.total_available_service)||(null==ye?void 0:ye.total_available_doctor))>0,Te=h&&(Ae||Ne),Se="chatbot"===(null===(A=null==V?void 0:V.author)||void 0===A?void 0:A.type);return B.default.createElement(W,{defaultParams:{_joinCommunityIds:[null===(N=null==p?void 0:p.community)||void 0===N?void 0:N.id],_joinTopicIds:null===(T=null==p?void 0:p.topics)||void 0===T?void 0:T.map((e=>e.id))}},B.default.createElement(mo,{className:a,style:o,"data-is-reply":!!s,"data-is-marrybaby":F,"data-has-booking":Te},"reply"===r&&B.default.createElement(m.Divider,{className:"top-divider",type:"solid"}),B.default.createElement("div",{style:{padding:"16px 16px 0"}},B.default.createElement(st,Object.assign({avatar:be,name:he,username:ve,timeText:null==p?void 0:p.createdTime,community:null==p?void 0:p.community,className:"post-author "+(fe?"with-popover":""),type:r,userId:null==$?void 0:$.id,role:xe,expertId:null==$?void 0:$.partnerId,title:null==$?void 0:$.title,doctorId:null==$?void 0:$.doctorId,hospitalId:null==$?void 0:$.hospitalId,hasQuickBooking:Te,handleMakeAppointment:v,isAnonymous:!!(null==p?void 0:p.isAnonymous),hideBackground:Se,userType:null==$?void 0:$.type},b)),Boolean(null==V?void 0:V.isVerify)&&!Boolean(null==V?void 0:V.isOppose)&&B.default.createElement(fo,{title:null===(S=null==V?void 0:V.userVerify)||void 0===S?void 0:S.title,name:null===(P=null==V?void 0:V.userVerify)||void 0===P?void 0:P.name,userId:null===(L=null==V?void 0:V.userVerify)||void 0===L?void 0:L.id,role:null===(M=null==V?void 0:V.userVerify)||void 0===M?void 0:M.role,avatar:null===(I=null==V?void 0:V.userVerify)||void 0===I?void 0:I.avatar,className:"verify-tag"})),B.default.createElement(ya,{className:"post-content-wrapper",replyingTo:oe,mentionedUser:ee,description:le,mentions:we,maxChars:x,disableShortenContent:w}),B.default.createElement("span",null),B.default.createElement("span",null),X&&X.length>0?B.default.createElement("div",{key:"image-preview",className:"image-preview-wrapper","data-is-reply":!0},B.default.createElement(Ha,{images:X,authorName:null==$?void 0:$.username})):null,X&&0!==X.length||!J?null:B.default.createElement("div",{key:"link-preview",className:"link-preview-wrapper","data-is-reply":!0},B.default.createElement(K,{url:J})),"most-engaging"!==r?B.default.createElement(B.default.Fragment,null,Se&&B.default.createElement(po,{listUrl:null==V?void 0:V.source,categorySlug:null==V?void 0:V.categorySlug}),B.default.createElement(se,{type:ae.reply,loveCount:H,replyCount:ge,className:"post-reaction",liked:Y,isReplied:de,hideCommentIcon:"reply"===r||Se,hasShare:!1,onCommentClick:()=>ne((()=>me((e=>!e)))),onCommentCountClick:()=>ne((()=>{me(!0)})),onLikeClick:()=>ne((()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(U){const t=yield(({commentId:t,setLike:a=!1,locale:l})=>e.__awaiter(void 0,void 0,void 0,(function*(){return u.callApiWithAuth(u.getApiPath(a?u.PATHS.COMMENT.LIKE:u.PATHS.COMMENT.UNLIKE,{_locale:l,id:t}),"GET")})))({commentId:U,setLike:!Y,locale:z});1===t.status&&D((e=>Object.assign(Object.assign({},e),{liked:!Y,countLikes:e.countLikes+(Y?-1:1)})))}}))))}),ue&&B.default.createElement(ca,{replyingId:d||V.id,replyToName:he,isReply:!0,onClose:()=>me(!1),onPostSuccess:e=>{"reply"===r?c&&c(e):ce(e)},post:p,replyingUser:$}),"comment"===r&&Q&&Q.length>0?B.default.createElement("div",{className:"comment-reply-wrapper"},null===(R=null==pe?void 0:pe.slice(0,ie))||void 0===R?void 0:R.map((e=>B.default.createElement(ho,{key:e.id,comment:e,type:"reply",className:"comment-reply-item",level:s+1,replyingId:U,onPostCommentSuccess:ce,post:p,onDeleteComment:()=>{D((t=>Object.assign(Object.assign({},t),{replies:t.replies.filter((t=>t.id!==e.id)),countReplies:t.countReplies-1})))},handleMakeAppointment:v,hasQuickBookingEnable:h}))),ge>ie&&B.default.createElement(B.default.Fragment,null,B.default.createElement(m.Divider,{className:"top-divider",type:"solid"}),B.default.createElement(l.Button,{className:"more-cmt",size:"lg",color:"ghost",onClick:()=>re((e=>e+4))},O("comment.seeMoreReplies",{count:ge-ie}),B.default.createElement("img",{className:"chevron-right",src:"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='M6 12L10 8L6 4' stroke='%232D87F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})))):null):null,fe&&B.default.createElement(Zl,{onDeleteComment:g,className:"popover",commentId:V.id})))};var vo="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",bo="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",xo="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";const wo=({authorEmail:a,onDeletePost:l,shareUrl:o,post:n,className:r="",popoverClassName:s="",onBookmark:d,onRemoveBookmark:m,onEditPost:p})=>{const{data:{locale:g,userInfo:f,togetherUserId:h,env:{isMarryBaby:v}},action:{pushNotifications:b}}=t.useContext(u.TogetherComponentGlobalContext),{t:x}=i.useTranslations(),[w,y]=t.useState(!1),[C,E]=t.useState(!1),[k,A]=t.useState(!1),{authActionWrapper:N}=q(),T=a&&(null==f?void 0:f.email)&&a===String(null==f?void 0:f.email);return B.default.createElement("div",{className:r,onClick:e=>{e.preventDefault(),e.stopPropagation()}},k&&B.default.createElement(ga,{url:o,text:null==n?void 0:n.title,onClose:()=>A(!1)}),C&&B.default.createElement(ra,{thumbnail:c.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==n?void 0:n.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 u.callApiWithAuth(u.getApiPath(u.PATHS.POST.DELETE,{id:t,_locale:a}),"DELETE")})))({id:n.id,locale:g});1===(null==t?void 0:t.status)&&(null==l||l())}catch(e){}y(!1)}})),onClose:()=>E(!1)}),B.default.createElement(ve,{className:s,toggleButtonContent:B.default.createElement("img",{src:v?Hl:Wl}),position:"bottom",align:"end",buttonProps:{isLoading:w},data:T?{isShowheader:!1,type:"list",list:[{icon:xo,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:p},{icon:ql,label:x("actionPopover.delete"),onClick:()=>{N((()=>E(!0)))}}]}:{isShowheader:!1,type:"list",list:[{icon:xo,label:x("morePopover.share"),onClick:()=>A(!0)},{icon:(null==n?void 0:n.bookmarked)?vo:bo,label:(null==n?void 0:n.bookmarked)?x("morePopover.unsavePost"):x("morePopover.savePost"),onClick:()=>{N((()=>e.__awaiter(void 0,void 0,void 0,(function*(){if((null==f?void 0:f.id)&&(null==n?void 0:n.id))if(null==n?void 0:n.bookmarked){const e=yield u.callApiWithAuth(u.getApiPath(u.PATHS.BOOKMARK.DELETE,{_locale:g}),"DELETE",{data:{post_id:String(n.id)}});1===(null==e?void 0:e.status)?(b({title:"",message:"Removed saved post",type:"success",displayIcon:bo}),m&&m()):b({title:"",message:"Remove failed",type:"danger",displayIcon:bo})}else{const e=yield u.callApiWithAuth(u.getApiPath(u.PATHS.BOOKMARK.CREATE,{_locale:g}),"POST",{data:{user_id:h||f.id,post_id:n.id}});1===(null==e?void 0:e.status)?(b({title:"",message:"Post saved",type:"success",displayIcon:vo}),d&&d()):b({title:"",message:"Post saved failed",type:"danger",displayIcon:bo})}}))))}},{icon:ha,label:x("morePopover.report"),subTree:{title:x("morePopover.report.title"),description:x("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(u.REPORT_REASON_MAP).map((e=>({label:u.REPORT_REASON_MAP[e].label,reason:u.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=>B.default.createElement(ba,{reason:e.reasonValue,reasonText:x(e.reason),postId:null==n?void 0:n.id,onClose:()=>t&&t(!1)})}})))}}]}}))},yo=O.default.div`
   position: relative;
   margin-bottom: 24px;
   background: white;