@hhgtech/hhg-components 1.28.41 → 1.28.43

package/build/{index.styled-44a88d2d.js → index.styled-d477af69.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("react"),t=require("@mantine/core"),a=require("./tslib.es6-a447d75e.js"),o=require("./useTranslations-7f12251c.js"),r=require("./index-b9a7f78c.js"),l=require("./index-be8bd1aa.js");require("@mantine/dates");var n=require("./index-5d9cc019.js"),i=require("./Subot-6070090a.js"),s=require("./gAssets.js"),d=require("dayjs"),c=require("./screenSizeContext-1a577828.js"),u=require("styled-components"),p=require("./theme-c252ab3b.js"),m=require("./number-1963bb93.js"),g=require("./isProduction-f6daa4d4.js");require("@mantine/hooks");var h=require("./index.styles-d3b67125.js"),f=require("date-fns");require("./translationsContext-8f763486.js"),require("string-format");var v=require("./index-dd2f12d8.js"),b=require("./index-a25f5546.js"),x=require("./index-a74cf615.js"),w=require("./routing-1e951b79.js"),y=require("dayjs/plugin/relativeTime"),C=require("./paths-d3a2028a.js"),E=require("./constants-d67df371.js"),k=require("lodash/debounce");require("./useCategory-eea8836a.js");var A=require("./index-9d548edc.js");require("innertext");var N=require("./cookieHelper-50f349a8.js");function T(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function S(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("react-contenteditable"),require("react-dom"),require("@linaria/react"),require("./utils-00a7b97a.js"),require("./index.styled-4108cde2.js"),require("./index-f2286b64.js");var z=S(e),P=T(e),L=T(d),M=T(u),B=T(y),R=T(k);const I=e=>z.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor"},e),z.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"})),O={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},V=e=>{var{siteType:t,role:r,title:l,styles:n,className:i}=e,s=a.__rest(e,["siteType","role","title","styles","className"]);const{t:d}=o.useTranslations(),c=r?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((t=>t===e)))(r):"",{classes:u,cx:p}=h.useStyles$1(void 0,{name:"AuthorBadge",styles:n});return c&&O[c]?P.default.createElement("div",Object.assign({className:p(u.root,i),"data-label-type":c,"data-is-marrybaby":"marryBaby"===t},s),l||d(O[c])):null},F=t=>{var{label:r,bookingId:i,bookingType:s="doctor",locale:d="vi-VN"}=t,c=a.__rest(t,["label","bookingId","bookingType","locale"]);const{t:u}=o.useTranslations(),[p,m]=e.useState(!1),f=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]),v=e.useCallback((()=>a.__awaiter(void 0,void 0,void 0,(function*(){var e,t,a,o,r,l,c,u,p,f,v,b,x,w,y;const k="doctor"===s?C.PATHS.GET_DOCTOR_DETAIL:"hospital"===s?C.PATHS.GET_HOSPITAL_DETAIL:"service"===s?C.PATHS.GET_SERVICE_DETAIL:"";try{m(!0);const C=yield h.callApi(h.getCarePath(k,{id:i,site:n.domainLocales[d]}),"get");if(1===(null==C?void 0:C._status)){const i="doctor"===s?{id:null===(t=null===(e=null==C?void 0:C._data)||void 0===e?void 0:e.doctor)||void 0===t?void 0:t.id,slug:null===(o=null===(a=null==C?void 0:C._data)||void 0===a?void 0:a.doctor)||void 0===o?void 0:o.slug,localSlug:null===(r=E.LOCALIZED_SLUGS[d])||void 0===r?void 0:r.DOCTOR}:"hospital"===s?{id:null===(c=null===(l=null==C?void 0:C._data)||void 0===l?void 0:l.branch)||void 0===c?void 0:c.id,slug:null===(p=null===(u=null==C?void 0:C._data)||void 0===u?void 0:u.branch)||void 0===p?void 0:p.slug,localSlug:null===(f=E.LOCALIZED_SLUGS[d])||void 0===f?void 0:f.HOSPITAL}:{id:null===(b=null===(v=null==C?void 0:C._data)||void 0===v?void 0:v.service)||void 0===b?void 0:b.id,slug:null===(w=null===(x=null==C?void 0:C._data)||void 0===x?void 0:x.service)||void 0===w?void 0:w.slug,localSlug:null===(y=E.LOCALIZED_SLUGS[d])||void 0===y?void 0:y.SERVICE};window.location.href=`https://${g.isProduction?"":"discover."}${n.domainLocales[d]}/care/${i.localSlug}/${i.slug}-${i.id}/`}else m(!1)}catch(e){console.log(e),m(!1)}}))),[]);return i&&s?P.default.createElement(l.Button,Object.assign({dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:f,onClick:v,loading:p},c),r||u("careBooking.bookAnAppointment")):null},j=M.default.div`
+"use strict";var e=require("react"),t=require("@mantine/core"),a=require("./tslib.es6-bc58e7e5.js"),o=require("./useTranslations-cab885cb.js"),r=require("./index-132b26af.js"),l=require("./index-05474ea8.js");require("@mantine/dates");var n=require("./index-4836150c.js"),i=require("./Subot-a5b86b08.js"),s=require("./gAssets.js"),d=require("dayjs"),c=require("./screenSizeContext-7e9237ac.js"),u=require("styled-components"),p=require("./theme-79d3f26f.js"),m=require("./number-eb00f939.js"),g=require("./isProduction-5d1cbb0a.js");require("@mantine/hooks");var h=require("./index.styles-6cd2c3c7.js"),f=require("date-fns");require("./translationsContext-ff61a492.js"),require("string-format");var v=require("./index-fb1b5177.js"),b=require("./index-2f52dff0.js"),x=require("./index-1f435207.js"),w=require("./routing-331f4a5b.js"),y=require("dayjs/plugin/relativeTime"),C=require("./paths-586177a4.js"),E=require("./constants-9ff7fa1b.js"),k=require("lodash/debounce");require("./useCategory-1c956018.js");var A=require("./index-f87d2fbc.js");require("innertext");var N=require("./cookieHelper-163362fb.js");function T(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function S(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("react-contenteditable"),require("react-dom"),require("./utils-2fcd1a59.js"),require("./index.styled-e7790b5f.js"),require("./index-07ea09ec.js");var z=S(e),P=T(e),L=T(d),M=T(u),B=T(y),R=T(k);const I=e=>z.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor"},e),z.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"})),O={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},V=e=>{var{siteType:t,role:r,title:l,styles:n,className:i}=e,s=a.__rest(e,["siteType","role","title","styles","className"]);const{t:d}=o.useTranslations(),c=r?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((t=>t===e)))(r):"",{classes:u,cx:p}=h.useStyles$1(void 0,{name:"AuthorBadge",styles:n});return c&&O[c]?P.default.createElement("div",Object.assign({className:p(u.root,i),"data-label-type":c,"data-is-marrybaby":"marryBaby"===t},s),l||d(O[c])):null},F=t=>{var{label:r,bookingId:i,bookingType:s="doctor",locale:d="vi-VN"}=t,c=a.__rest(t,["label","bookingId","bookingType","locale"]);const{t:u}=o.useTranslations(),[p,m]=e.useState(!1),f=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]),v=e.useCallback((()=>a.__awaiter(void 0,void 0,void 0,(function*(){var e,t,a,o,r,l,c,u,p,f,v,b,x,w,y;const k="doctor"===s?C.PATHS.GET_DOCTOR_DETAIL:"hospital"===s?C.PATHS.GET_HOSPITAL_DETAIL:"service"===s?C.PATHS.GET_SERVICE_DETAIL:"";try{m(!0);const C=yield h.callApi(h.getCarePath(k,{id:i,site:n.domainLocales[d]}),"get");if(1===(null==C?void 0:C._status)){const i="doctor"===s?{id:null===(t=null===(e=null==C?void 0:C._data)||void 0===e?void 0:e.doctor)||void 0===t?void 0:t.id,slug:null===(o=null===(a=null==C?void 0:C._data)||void 0===a?void 0:a.doctor)||void 0===o?void 0:o.slug,localSlug:null===(r=E.LOCALIZED_SLUGS[d])||void 0===r?void 0:r.DOCTOR}:"hospital"===s?{id:null===(c=null===(l=null==C?void 0:C._data)||void 0===l?void 0:l.branch)||void 0===c?void 0:c.id,slug:null===(p=null===(u=null==C?void 0:C._data)||void 0===u?void 0:u.branch)||void 0===p?void 0:p.slug,localSlug:null===(f=E.LOCALIZED_SLUGS[d])||void 0===f?void 0:f.HOSPITAL}:{id:null===(b=null===(v=null==C?void 0:C._data)||void 0===v?void 0:v.service)||void 0===b?void 0:b.id,slug:null===(w=null===(x=null==C?void 0:C._data)||void 0===x?void 0:x.service)||void 0===w?void 0:w.slug,localSlug:null===(y=E.LOCALIZED_SLUGS[d])||void 0===y?void 0:y.SERVICE};window.location.href=`https://${g.isProduction?"":"discover."}${n.domainLocales[d]}/care/${i.localSlug}/${i.slug}-${i.id}/`}else m(!1)}catch(e){console.log(e),m(!1)}}))),[]);return i&&s?P.default.createElement(l.Button,Object.assign({dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:f,onClick:v,loading:p},c),r||u("careBooking.bookAnAppointment")):null},j=M.default.div`
   --dropdown-padding: 12px 18px 12px 16px;
   position: relative;
   box-sizing: border-box;
@@ -126,10 +126,10 @@
   :active {
     background: ${p.theme.colors.gray100};
   }
-`,q=M.default.div`
+`,W=M.default.div`
   max-width: 16px;
   margin-right: 8px;
-`,W=M.default.div`
+`,q=M.default.div`
   position: absolute;
   top: 12px;
   left: 16px;
@@ -828,7 +828,7 @@
       text-align: center;
     }
   }
-`,qe=M.default.div`
+`,We=M.default.div`
   position: fixed;
   z-index: 110;
   top: 0;
@@ -841,7 +841,7 @@
   &[data-open='false'] {
     display: none;
   }
-`,We=M.default.div`
+`,qe=M.default.div`
   .image-container {
     .badge-avatar {
       position: absolute;
@@ -903,7 +903,7 @@
     width: 24px;
     height: 24px;
   }
-`;var Qe="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%2345A4FF' d='M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z'/%3e%3cpath fill='%232D87F3' d='M24 12a12.1 12.1 0 0 0-.128-1.758l-5.077-5.077L5.041 18.958l4.858 4.858c.682.12 1.384.184 2.1.184 6.628 0 12-5.373 12-12Z'/%3e%3cpath fill='white' d='M9.014 17.824 5.04 18.959l1.135-3.973 2.368.47.47 2.368Z'/%3e%3cpath fill='%23F7F9FC' d='M8.544 15.456 5.041 18.96l3.972-1.135-.469-2.368Z'/%3e%3cpath fill='%23E4E8EC' d='M6.467 18.552 5.45 17.533 5.04 18.96l1.426-.407Z'/%3e%3cpath fill='%23D2D6DC' d='m5.957 18.043-.916.916 1.426-.407-.51-.509Z'/%3e%3cpath fill='%23FFD658' d='m15.828 5.331 2.837 2.837-9.651 9.652-2.838-2.837 9.652-9.652Z'/%3e%3cpath fill='%23FFC326' d='m7.594 16.404 9.651-9.651 1.419 1.418-9.652 9.652-1.418-1.419Z'/%3e%3cpath fill='%23FF5331' d='m18.312 8.525-2.837-2.838 1.123-1.123c.44-.44 1.154-.44 1.595 0l1.243 1.243c.44.44.44 1.154 0 1.594l-1.124 1.124Z'/%3e%3cpath fill='%23F44D2C' d='m18.816 5.186-1.921 1.92 1.418 1.419 1.124-1.124c.44-.44.44-1.154 0-1.594l-.622-.621Z'/%3e%3c/svg%3e";const Xe={author:Qe,edtior:Qe,expert:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='12' fill='%23FFCB37'/%3e%3ccircle cx='12' cy='12' r='10.5' fill='%23FE921D'/%3e%3cpath d='M11.443 5.13654C11.6446 4.63466 12.355 4.63466 12.5566 5.13654L13.9931 8.71375C14.0789 8.92747 14.2795 9.0732 14.5093 9.08878L18.3553 9.34957C18.8949 9.38615 19.1145 10.0619 18.6994 10.4086L15.7412 12.8802C15.5645 13.0279 15.4878 13.2637 15.544 13.4871L16.4845 17.2254C16.6164 17.7499 16.0417 18.1676 15.5836 17.88L12.3188 15.8303C12.1238 15.7079 11.8758 15.7079 11.6808 15.8303L8.41599 17.88C7.95794 18.1676 7.38314 17.7499 7.51509 17.2254L8.45556 13.4871C8.51175 13.2637 8.43513 13.0279 8.25839 12.8802L5.30017 10.4086C4.88514 10.0619 5.10469 9.38615 5.64429 9.34957L9.49031 9.08878C9.7201 9.0732 9.92068 8.92747 10.0065 8.71375L11.443 5.13654Z' fill='white'/%3e%3c/svg%3e","fact-check":"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z' fill='%2300C076'/%3e%3cpath d='M11.9456 5.46631L6.66562 10.2663L4.26562 8.08449' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",medical:Ve},_e=({trackingCategory:t="Together",locale:a,isOpen:n=!0,onClose:i,enableAnimation:d=!0,expertId:c,overwriteProfileProps:u,avatarFallback:m=s.CommonGAssets.getAssetPath("avatar.jpg")})=>{const{t:g}=o.useTranslations(),[f,v]=e.useState(null),[b,x]=e.useState(!1);return e.useEffect((()=>{if(n&&c&&String(null==f?void 0:f.user_id)!==String(c)){x(!0);try{v(null),h.callApi(h.getDiscoverApiPath(h.DISCOVER_PATHS.GET_EXPERT_BY_ID,{id:c}),"get").then((e=>{v(Object.assign(Object.assign({},null==e?void 0:e.data),u))}))}catch(e){console.error(e)}x(!1)}}),[n,c,null==f?void 0:f.user_id]),P.default.createElement(P.default.Fragment,null,P.default.createElement(He,{"data-open":n,"data-animation":d,onClick:e=>e.stopPropagation()},b||!f?P.default.createElement(De,null):P.default.createElement("div",{className:"popup-content"},P.default.createElement("div",{className:"close-button",onClick:i},P.default.createElement("img",{src:Oe,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),P.default.createElement("div",{className:"main-info"},P.default.createElement("div",{className:"border-banner"}),P.default.createElement("div",{className:"avatar-title"},P.default.createElement(We,null,P.default.createElement("div",{className:"image-container"},P.default.createElement("div",{style:{position:"relative"}},P.default.createElement(l.ImageWrap,{src:null==f?void 0:f.avatar,className:"profile-image",alt:"avatar",backupSrc:m}),P.default.createElement("img",{className:"badge-avatar",src:Xe[null==f?void 0:f.role],alt:"badge",loading:"lazy"})))),P.default.createElement(Ge,null,P.default.createElement(r.Text,{size:"s3",className:"full-name",weight:"semiBold"},null==f?void 0:f.display_name),P.default.createElement("div",null,P.default.createElement(r.Text,{size:"p4",color:p.theme.colors.gray800},null==f?void 0:f.specialty," • "),P.default.createElement("a",{href:null==f?void 0:f.organisation_url,className:"organisation",target:"_blank",rel:"noreferrer"},P.default.createElement(r.Text,{size:"p4",className:"organisation",color:p.theme.colors.gray800,style:{textDecoration:"underline"}},null==f?void 0:f.organisation)))))),P.default.createElement(Ge,null,P.default.createElement("div",{className:"experience"},P.default.createElement(r.Text,{weight:"bold",size:"p4",color:p.theme.colors.gray800,style:{paddingBottom:16}},g("expert.content.description").toUpperCase()),P.default.createElement("div",{className:"list-items"},!!(null==f?void 0:f.experiences)&&f.experiences.filter((e=>!(!e||!e.title&&!e.organization))).slice(0,3).map(((e,t)=>P.default.createElement(Ze,{key:t},P.default.createElement("img",{className:"bullet-point",src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='2' fill='%232D87F3'/%3e%3c/svg%3e",alt:"point",loading:"lazy"}),P.default.createElement("div",{className:"text-contain"},P.default.createElement(h.Heading,{tag:"h6",color:p.theme.colors.gray800},null==e?void 0:e.title),P.default.createElement(r.Text,{size:"p2",color:p.theme.colors.gray500},null==e?void 0:e.organization)))))),P.default.createElement("a",{href:null==f?void 0:f.profile_url,style:{display:"inline-block",paddingTop:24}},P.default.createElement(r.Text,{as:"span",size:"s4",color:"#2D87F3","data-event-category":t,"data-event-action":"See Full Doctor Profile","data-event-label":h.getCurrentBaseUrl(a)+(null==f?void 0:f.profile_url)},g("home.seeExpert"))))))),P.default.createElement(qe,{"data-open":n,onClick:e=>{e.stopPropagation(),i()}}))},Ke=M.default.div`
+`;var Qe="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%2345A4FF' d='M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z'/%3e%3cpath fill='%232D87F3' d='M24 12a12.1 12.1 0 0 0-.128-1.758l-5.077-5.077L5.041 18.958l4.858 4.858c.682.12 1.384.184 2.1.184 6.628 0 12-5.373 12-12Z'/%3e%3cpath fill='white' d='M9.014 17.824 5.04 18.959l1.135-3.973 2.368.47.47 2.368Z'/%3e%3cpath fill='%23F7F9FC' d='M8.544 15.456 5.041 18.96l3.972-1.135-.469-2.368Z'/%3e%3cpath fill='%23E4E8EC' d='M6.467 18.552 5.45 17.533 5.04 18.96l1.426-.407Z'/%3e%3cpath fill='%23D2D6DC' d='m5.957 18.043-.916.916 1.426-.407-.51-.509Z'/%3e%3cpath fill='%23FFD658' d='m15.828 5.331 2.837 2.837-9.651 9.652-2.838-2.837 9.652-9.652Z'/%3e%3cpath fill='%23FFC326' d='m7.594 16.404 9.651-9.651 1.419 1.418-9.652 9.652-1.418-1.419Z'/%3e%3cpath fill='%23FF5331' d='m18.312 8.525-2.837-2.838 1.123-1.123c.44-.44 1.154-.44 1.595 0l1.243 1.243c.44.44.44 1.154 0 1.594l-1.124 1.124Z'/%3e%3cpath fill='%23F44D2C' d='m18.816 5.186-1.921 1.92 1.418 1.419 1.124-1.124c.44-.44.44-1.154 0-1.594l-.622-.621Z'/%3e%3c/svg%3e";const Xe={author:Qe,edtior:Qe,expert:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='12' fill='%23FFCB37'/%3e%3ccircle cx='12' cy='12' r='10.5' fill='%23FE921D'/%3e%3cpath d='M11.443 5.13654C11.6446 4.63466 12.355 4.63466 12.5566 5.13654L13.9931 8.71375C14.0789 8.92747 14.2795 9.0732 14.5093 9.08878L18.3553 9.34957C18.8949 9.38615 19.1145 10.0619 18.6994 10.4086L15.7412 12.8802C15.5645 13.0279 15.4878 13.2637 15.544 13.4871L16.4845 17.2254C16.6164 17.7499 16.0417 18.1676 15.5836 17.88L12.3188 15.8303C12.1238 15.7079 11.8758 15.7079 11.6808 15.8303L8.41599 17.88C7.95794 18.1676 7.38314 17.7499 7.51509 17.2254L8.45556 13.4871C8.51175 13.2637 8.43513 13.0279 8.25839 12.8802L5.30017 10.4086C4.88514 10.0619 5.10469 9.38615 5.64429 9.34957L9.49031 9.08878C9.7201 9.0732 9.92068 8.92747 10.0065 8.71375L11.443 5.13654Z' fill='white'/%3e%3c/svg%3e","fact-check":"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z' fill='%2300C076'/%3e%3cpath d='M11.9456 5.46631L6.66562 10.2663L4.26562 8.08449' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",medical:Ve},_e=({trackingCategory:t="Together",locale:a,isOpen:n=!0,onClose:i,enableAnimation:d=!0,expertId:c,overwriteProfileProps:u,avatarFallback:m=s.CommonGAssets.getAssetPath("avatar.jpg")})=>{const{t:g}=o.useTranslations(),[f,v]=e.useState(null),[b,x]=e.useState(!1);return e.useEffect((()=>{if(n&&c&&String(null==f?void 0:f.user_id)!==String(c)){x(!0);try{v(null),h.callApi(h.getDiscoverApiPath(h.DISCOVER_PATHS.GET_EXPERT_BY_ID,{id:c}),"get").then((e=>{v(Object.assign(Object.assign({},null==e?void 0:e.data),u))}))}catch(e){console.error(e)}x(!1)}}),[n,c,null==f?void 0:f.user_id]),P.default.createElement(P.default.Fragment,null,P.default.createElement(He,{"data-open":n,"data-animation":d,onClick:e=>e.stopPropagation()},b||!f?P.default.createElement(De,null):P.default.createElement("div",{className:"popup-content"},P.default.createElement("div",{className:"close-button",onClick:i},P.default.createElement("img",{src:Oe,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),P.default.createElement("div",{className:"main-info"},P.default.createElement("div",{className:"border-banner"}),P.default.createElement("div",{className:"avatar-title"},P.default.createElement(qe,null,P.default.createElement("div",{className:"image-container"},P.default.createElement("div",{style:{position:"relative"}},P.default.createElement(l.ImageWrap,{src:null==f?void 0:f.avatar,className:"profile-image",alt:"avatar",backupSrc:m}),P.default.createElement("img",{className:"badge-avatar",src:Xe[null==f?void 0:f.role],alt:"badge",loading:"lazy"})))),P.default.createElement(Ge,null,P.default.createElement(r.Text,{size:"s3",className:"full-name",weight:"semiBold"},null==f?void 0:f.display_name),P.default.createElement("div",null,P.default.createElement(r.Text,{size:"p4",color:p.theme.colors.gray800},null==f?void 0:f.specialty," • "),P.default.createElement("a",{href:null==f?void 0:f.organisation_url,className:"organisation",target:"_blank",rel:"noreferrer"},P.default.createElement(r.Text,{size:"p4",className:"organisation",color:p.theme.colors.gray800,style:{textDecoration:"underline"}},null==f?void 0:f.organisation)))))),P.default.createElement(Ge,null,P.default.createElement("div",{className:"experience"},P.default.createElement(r.Text,{weight:"bold",size:"p4",color:p.theme.colors.gray800,style:{paddingBottom:16}},g("expert.content.description").toUpperCase()),P.default.createElement("div",{className:"list-items"},!!(null==f?void 0:f.experiences)&&f.experiences.filter((e=>!(!e||!e.title&&!e.organization))).slice(0,3).map(((e,t)=>P.default.createElement(Ze,{key:t},P.default.createElement("img",{className:"bullet-point",src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='2' fill='%232D87F3'/%3e%3c/svg%3e",alt:"point",loading:"lazy"}),P.default.createElement("div",{className:"text-contain"},P.default.createElement(h.Heading,{tag:"h6",color:p.theme.colors.gray800},null==e?void 0:e.title),P.default.createElement(r.Text,{size:"p2",color:p.theme.colors.gray500},null==e?void 0:e.organization)))))),P.default.createElement("a",{href:null==f?void 0:f.profile_url,style:{display:"inline-block",paddingTop:24}},P.default.createElement(r.Text,{as:"span",size:"s4",color:"#2D87F3","data-event-category":t,"data-event-action":"See Full Doctor Profile","data-event-label":h.getCurrentBaseUrl(a)+(null==f?void 0:f.profile_url)},g("home.seeExpert"))))))),P.default.createElement(We,{"data-open":n,onClick:e=>{e.stopPropagation(),i()}}))},Ke=M.default.div`
   position: fixed;
   left: 50%;
   width: 343px;
@@ -1040,7 +1040,7 @@
   p {
     max-width: 100%;
   }
-`,et=({isOpen:t=!0,onClose:a,enableAnimation:n=!0,hospitalId:i,locale:d,isMobile:c,overwriteProfileProps:u,avatarFallback:m=s.CommonGAssets.getAssetPath("avatar.jpg"),trackingCategory:g="Together"})=>{const{t:f}=o.useTranslations(),[b,x]=e.useState(null),[w,y]=e.useState(!1);e.useEffect((()=>{if(t&&i&&String(null==b?void 0:b.id)!==String(i)){y(!0);try{x(null),h.callApi(h.getCarePath(h.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:i,website_url:h.domainLocales[d]}),"get").then((e=>{x(Object.assign(Object.assign({},null==e?void 0:e._data.branch),u))}))}catch(e){console.error(e)}y(!1)}}),[t,i,null==b?void 0:b.id]);const C=(null==b?void 0:b.specialties)||[],E=e.useMemo((()=>C.map((e=>e.name))),[C]);return P.default.createElement(P.default.Fragment,null,P.default.createElement(Ke,{"data-open":t,"data-animation":n,onClick:e=>e.stopPropagation()},w||!b?P.default.createElement(De,null):P.default.createElement("div",{className:"popup-content"},P.default.createElement("div",{className:"close-button",onClick:a},P.default.createElement("img",{src:Oe,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),P.default.createElement("div",{className:"main-info"},P.default.createElement("div",{className:"border-banner"}),P.default.createElement("div",{className:"avatar-title"},P.default.createElement($e,null,P.default.createElement("div",{className:"image-container"},P.default.createElement("div",{style:{position:"relative"}},P.default.createElement(l.ImageWrap,{src:null==b?void 0:b.logo,className:"profile-image",alt:"avatar",backupSrc:m}),P.default.createElement("img",{className:"badge-avatar",src:Ve,alt:"badge",loading:"lazy"})))),P.default.createElement(Je,null,P.default.createElement(r.Text,{size:"s3",weight:"semiBold",className:"full-name"},null==b?void 0:b.name),P.default.createElement("div",{className:"specialty"},C&&P.default.createElement(r.Text,{size:"p4",color:p.theme.colors.gray800},E.join(" • "),"•"),P.default.createElement("a",{href:h.getCareHospitalUrl({id:b.id,name:b.name,slug:b.slug,locale:d}),className:"organisation",target:"_blank",rel:"noreferrer"},P.default.createElement(r.Text,{size:"p4",className:"organisation",color:p.theme.colors.gray800,style:{textDecoration:"underline"}},null==b?void 0:b.name))))),!c&&P.default.createElement("a",{href:h.getCareHospitalUrl({id:b.id,name:b.name,slug:b.slug,locale:d})},P.default.createElement("div",{className:"btn-wrapper"},P.default.createElement(v.Button,{color:"primary",size:"md",className:"btn-booking"},f("careBooking.bookAnAppointment"))))),P.default.createElement(Je,null,P.default.createElement("div",{className:"experience"},P.default.createElement(r.Text,{weight:"bold",size:"s3",color:p.theme.colors.gray800,style:{paddingBottom:16}},f("hospital.content.description").toUpperCase()),P.default.createElement(r.Text,{size:"p2",color:p.theme.colors.gray500},b.about),c?P.default.createElement("a",{href:h.getCareHospitalUrl({id:b.id,name:b.name,slug:b.slug,locale:d})},P.default.createElement("div",{className:"btn-wrapper"},P.default.createElement(v.Button,{color:"primary",size:"md",className:"btn-booking"},f("careBooking.bookAnAppointment")))):P.default.createElement("a",{href:h.getCareHospitalUrl({id:b.id,name:b.name,slug:b.slug,locale:d})},P.default.createElement(r.Text,{size:"s4",color:"#2D87F3",as:"span","data-event-category":g,"data-event-action":"See Full Hospital Profile","data-event-label":h.getCurrentBaseUrl(d)+h.getCareHospitalUrl({id:b.id,name:b.name,slug:b.slug,locale:d})},f("home.seeHospital"))))))),P.default.createElement(Ye,{"data-open":t,onClick:e=>{e.stopPropagation(),a()}}))};var tt="_2UKyiK1",at="E5ga-tI",ot="_8Y2nWXX",rt="d0T7kSP";const lt=({open:e,onClose:t,children:a,profileModalProps:r})=>{const{t:l}=o.useTranslations();return P.default.createElement(A.Modal,Object.assign({className:tt,opened:e,onClose:t,overlayOpacity:.2,overflow:"inside",styles:{inner:{padding:0,justifyContent:"flex-end"},modal:{height:"100%",borderRadius:0},body:{padding:"24px",maxHeight:"100%"},content:{maxHeight:"100%",height:"100%",borderRadius:0}},title:"Profile"},r),P.default.createElement("div",{className:at},P.default.createElement("div",{className:ot},l("profilePanel.modal.heading")),P.default.createElement("div",{className:rt,onClick:t},P.default.createElement(I,null))),a)};L.default.extend(B.default);const nt=e.createContext({}),it=a=>{const{className:r="",community:i,name:d,username:u,url:m,avatar:g,role:f,title:v,userType:b="user",expertId:x,specialty:w,organisation:y,isMarryBaby:C,doctorId:E,hospitalId:k,hasQuickBooking:A,handleMakeAppointment:N,communityTrackingAttr:T,isAnonymous:S,showDetailPopup:z,subLine:L,authActionWrapper:M,profileProps:B,profileModalProps:R,extendEle:I,avatarProps:O,hideInfo:j,timeText:D,onCloseFromPost:U,avatarIcon:H,badgeIconSize:q,hideBackground:W,children:G,styles:Z,dataEventCategory:Q,dataEventAction:X,dataEventLabel:_}=a,{data:{locale:K,router:Y,env:{isMarryBaby:$,togetherBasePath:J}}}=e.useContext(h.TogetherComponentGlobalContext),{isMobile:ee}=l.useScreenSize(),{t:te}=o.useTranslations(),{classes:ae}=Pe(void 0,{name:"CardAuthor",styles:Z}),oe="boolean"==typeof C?C:$,re=oe?"marryBaby":"helloSites",le=S?te("cardPost.anonymous"):d||u||"",ne=S?s.CommonGAssets.getAssetPath("avatar.jpg"):g,ie=S?void 0:f,[se,de]=e.useState(!1),{asPath:ce}=Y||{},ue=`https://${n.domainLocales[K]}${ce}`,pe=()=>{if(S||"chatbot"===b)return!1;z?ge(!0):m&&(window.location.href=m)};e.useEffect((()=>{c.toggleNoScroll(se)}),[se]);const[me,ge]=e.useState(!1),he="expert"===(null==a?void 0:a.role),be=Boolean(E||k),xe=["expert"===ie&&y&&P.default.createElement("span",null,y),"expert"===ie&&w&&P.default.createElement("span",null,w),!("expert"===ie&&w&&y)&&(null==i?void 0:i.name)&&P.default.createElement("a",Object.assign({href:(null==i?void 0:i.slug)&&i.isActive&&!i.isHidden?`${J}/${null==i?void 0:i.slug}/`:void 0,className:"author-community-name"},T),`${null==i?void 0:i.name}`),D&&P.default.createElement("span",null,D)].filter(Boolean),[we,ye]=e.useState(null);return e.useEffect((()=>{me&&!we&&Promise.resolve().then((function(){return po})).then((e=>{ye((()=>e.ProfileDetail))}))}),[me]),P.default.createElement(nt.Provider,{value:{handleMakeAppointment:N,doctorId:E,hospitalId:k,currentUrl:ue}},P.default.createElement(lt,{open:me,onClose:()=>ge(!1),profileModalProps:R},we&&P.default.createElement(we,Object.assign({currentPageUrl:_,authActionWrapper:M,onCloseFromPost:()=>{ge(!1),null==U||U()}},B,{authorProps:Object.assign({userId:null==a?void 0:a.userId,avatar:ne,name:null==a?void 0:a.name,role:null==a?void 0:a.role,title:null==a?void 0:a.title,doctorId:E,hospitalId:k,hasQuickBooking:A},null==B?void 0:B.authorProps)}))),"expert"===ie&&x?P.default.createElement(_e,{isOpen:se,onClose:()=>de(!1),expertId:x}):null,"expert"===ie&&E?P.default.createElement(Ue,{isOpen:se,onClose:()=>de(!1),doctorId:E,locale:K}):null,"expert"===ie&&k?P.default.createElement(et,{isOpen:se,onClose:()=>de(!1),hospitalId:k,locale:K}):null,P.default.createElement("div",{className:`hhg-card-author ${ae.root} ${r} ${he?"expert-author":""}`,"data-background":!W&&he,"data-is-marrybaby":oe},P.default.createElement(ze,{dataEventCategory:Q,dataEventAction:X,dataEventLabel:_,onAvatarClick:pe,avatarProps:Object.assign(Object.assign({avatar:S?s.CommonGAssets.getAssetPath(oe?"anomyous-avatar-1.svg":"anomyous-avatar.svg"):ne,username:le},O),{style:{cursor:S||!m&&!z?"default":"pointer"}}),avatarIcon:H||he&&P.default.createElement(fe,{size:q||15})},G?P.default.createElement("div",{onClick:pe},G):!j&&P.default.createElement(ze.Row,null,P.default.createElement(ze.ColLeft,null,P.default.createElement(t.Flex,{align:"center",onClick:pe},P.default.createElement(ze.MainText,{onClick:pe},le,"chatbot"===b?P.default.createElement(P.default.Fragment,null," ",P.default.createElement(ve,{color:p.theme.colors.primaryBase,size:16,style:{display:"inline-block",transform:"translate(0, 2px)"}})):ie&&P.default.createElement(V,{className:ae.authorBadge,siteType:re,role:ie,title:v,style:{verticalAlign:"bottom"}}))),L||P.default.createElement(ze.SubTextRow,{style:A?{position:"relative"}:{}},xe.map(((e,t)=>P.default.createElement(P.default.Fragment,null,0!==t&&P.default.createElement(ze.SubDivider,null),P.default.createElement(ze.SubText,null,e)))),A&&be&&P.default.createElement(t.Box,{sx:{marginTop:t.rem(5)}},P.default.createElement(F,{bookingId:E||k,bookingType:E?"doctor":k?"hospital":void 0,size:ee?"xs":"sm"})))))),I&&I))};it.MainText=ze.MainText,it.SubText=ze.SubText,it.SubTextRow=ze.SubTextRow,it.SubDivider=ze.SubDivider;const st=M.default.div`
+`,et=({isOpen:t=!0,onClose:a,enableAnimation:n=!0,hospitalId:i,locale:d,isMobile:c,overwriteProfileProps:u,avatarFallback:m=s.CommonGAssets.getAssetPath("avatar.jpg"),trackingCategory:g="Together"})=>{const{t:f}=o.useTranslations(),[b,x]=e.useState(null),[w,y]=e.useState(!1);e.useEffect((()=>{if(t&&i&&String(null==b?void 0:b.id)!==String(i)){y(!0);try{x(null),h.callApi(h.getCarePath(h.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:i,website_url:h.domainLocales[d]}),"get").then((e=>{x(Object.assign(Object.assign({},null==e?void 0:e._data.branch),u))}))}catch(e){console.error(e)}y(!1)}}),[t,i,null==b?void 0:b.id]);const C=(null==b?void 0:b.specialties)||[],E=e.useMemo((()=>C.map((e=>e.name))),[C]);return P.default.createElement(P.default.Fragment,null,P.default.createElement(Ke,{"data-open":t,"data-animation":n,onClick:e=>e.stopPropagation()},w||!b?P.default.createElement(De,null):P.default.createElement("div",{className:"popup-content"},P.default.createElement("div",{className:"close-button",onClick:a},P.default.createElement("img",{src:Oe,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),P.default.createElement("div",{className:"main-info"},P.default.createElement("div",{className:"border-banner"}),P.default.createElement("div",{className:"avatar-title"},P.default.createElement($e,null,P.default.createElement("div",{className:"image-container"},P.default.createElement("div",{style:{position:"relative"}},P.default.createElement(l.ImageWrap,{src:null==b?void 0:b.logo,className:"profile-image",alt:"avatar",backupSrc:m}),P.default.createElement("img",{className:"badge-avatar",src:Ve,alt:"badge",loading:"lazy"})))),P.default.createElement(Je,null,P.default.createElement(r.Text,{size:"s3",weight:"semiBold",className:"full-name"},null==b?void 0:b.name),P.default.createElement("div",{className:"specialty"},C&&P.default.createElement(r.Text,{size:"p4",color:p.theme.colors.gray800},E.join(" • "),"•"),P.default.createElement("a",{href:h.getCareHospitalUrl({id:b.id,name:b.name,slug:b.slug,locale:d}),className:"organisation",target:"_blank",rel:"noreferrer"},P.default.createElement(r.Text,{size:"p4",className:"organisation",color:p.theme.colors.gray800,style:{textDecoration:"underline"}},null==b?void 0:b.name))))),!c&&P.default.createElement("a",{href:h.getCareHospitalUrl({id:b.id,name:b.name,slug:b.slug,locale:d})},P.default.createElement("div",{className:"btn-wrapper"},P.default.createElement(v.Button,{color:"primary",size:"md",className:"btn-booking"},f("careBooking.bookAnAppointment"))))),P.default.createElement(Je,null,P.default.createElement("div",{className:"experience"},P.default.createElement(r.Text,{weight:"bold",size:"s3",color:p.theme.colors.gray800,style:{paddingBottom:16}},f("hospital.content.description").toUpperCase()),P.default.createElement(r.Text,{size:"p2",color:p.theme.colors.gray500},b.about),c?P.default.createElement("a",{href:h.getCareHospitalUrl({id:b.id,name:b.name,slug:b.slug,locale:d})},P.default.createElement("div",{className:"btn-wrapper"},P.default.createElement(v.Button,{color:"primary",size:"md",className:"btn-booking"},f("careBooking.bookAnAppointment")))):P.default.createElement("a",{href:h.getCareHospitalUrl({id:b.id,name:b.name,slug:b.slug,locale:d})},P.default.createElement(r.Text,{size:"s4",color:"#2D87F3",as:"span","data-event-category":g,"data-event-action":"See Full Hospital Profile","data-event-label":h.getCurrentBaseUrl(d)+h.getCareHospitalUrl({id:b.id,name:b.name,slug:b.slug,locale:d})},f("home.seeHospital"))))))),P.default.createElement(Ye,{"data-open":t,onClick:e=>{e.stopPropagation(),a()}}))};var tt="_2UKyiK1",at="E5ga-tI",ot="_8Y2nWXX",rt="d0T7kSP";const lt=({open:e,onClose:t,children:a,profileModalProps:r})=>{const{t:l}=o.useTranslations();return P.default.createElement(A.Modal,Object.assign({className:tt,opened:e,onClose:t,overlayOpacity:.2,overflow:"inside",styles:{inner:{padding:0,justifyContent:"flex-end"},modal:{height:"100%",borderRadius:0},body:{padding:"24px",maxHeight:"100%"},content:{maxHeight:"100%",height:"100%",borderRadius:0}},title:"Profile"},r),P.default.createElement("div",{className:at},P.default.createElement("div",{className:ot},l("profilePanel.modal.heading")),P.default.createElement("div",{className:rt,onClick:t},P.default.createElement(I,null))),a)};L.default.extend(B.default);const nt=e.createContext({}),it=a=>{const{className:r="",community:i,name:d,username:u,url:m,avatar:g,role:f,title:v,userType:b="user",expertId:x,specialty:w,organisation:y,isMarryBaby:C,doctorId:E,hospitalId:k,hasQuickBooking:A,handleMakeAppointment:N,communityTrackingAttr:T,isAnonymous:S,showDetailPopup:z,subLine:L,authActionWrapper:M,profileProps:B,profileModalProps:R,extendEle:I,avatarProps:O,hideInfo:j,timeText:D,onCloseFromPost:U,avatarIcon:H,badgeIconSize:W,hideBackground:q,children:G,styles:Z,dataEventCategory:Q,dataEventAction:X,dataEventLabel:_}=a,{data:{locale:K,router:Y,env:{isMarryBaby:$,togetherBasePath:J}}}=e.useContext(h.TogetherComponentGlobalContext),{isMobile:ee}=l.useScreenSize(),{t:te}=o.useTranslations(),{classes:ae}=Pe(void 0,{name:"CardAuthor",styles:Z}),oe="boolean"==typeof C?C:$,re=oe?"marryBaby":"helloSites",le=S?te("cardPost.anonymous"):d||u||"",ne=S?s.CommonGAssets.getAssetPath("avatar.jpg"):g,ie=S?void 0:f,[se,de]=e.useState(!1),{asPath:ce}=Y||{},ue=`https://${n.domainLocales[K]}${ce}`,pe=()=>{if(S||"chatbot"===b)return!1;z?ge(!0):m&&(window.location.href=m)};e.useEffect((()=>{c.toggleNoScroll(se)}),[se]);const[me,ge]=e.useState(!1),he="expert"===(null==a?void 0:a.role),be=Boolean(E||k),xe=["expert"===ie&&y&&P.default.createElement("span",null,y),"expert"===ie&&w&&P.default.createElement("span",null,w),!("expert"===ie&&w&&y)&&(null==i?void 0:i.name)&&P.default.createElement("a",Object.assign({href:(null==i?void 0:i.slug)&&i.isActive&&!i.isHidden?`${J}/${null==i?void 0:i.slug}/`:void 0,className:"author-community-name"},T),`${null==i?void 0:i.name}`),D&&P.default.createElement("span",null,D)].filter(Boolean),[we,ye]=e.useState(null);return e.useEffect((()=>{me&&!we&&Promise.resolve().then((function(){return po})).then((e=>{ye((()=>e.ProfileDetail))}))}),[me]),P.default.createElement(nt.Provider,{value:{handleMakeAppointment:N,doctorId:E,hospitalId:k,currentUrl:ue}},P.default.createElement(lt,{open:me,onClose:()=>ge(!1),profileModalProps:R},we&&P.default.createElement(we,Object.assign({currentPageUrl:_,authActionWrapper:M,onCloseFromPost:()=>{ge(!1),null==U||U()}},B,{authorProps:Object.assign({userId:null==a?void 0:a.userId,avatar:ne,name:null==a?void 0:a.name,role:null==a?void 0:a.role,title:null==a?void 0:a.title,doctorId:E,hospitalId:k,hasQuickBooking:A},null==B?void 0:B.authorProps)}))),"expert"===ie&&x?P.default.createElement(_e,{isOpen:se,onClose:()=>de(!1),expertId:x}):null,"expert"===ie&&E?P.default.createElement(Ue,{isOpen:se,onClose:()=>de(!1),doctorId:E,locale:K}):null,"expert"===ie&&k?P.default.createElement(et,{isOpen:se,onClose:()=>de(!1),hospitalId:k,locale:K}):null,P.default.createElement("div",{className:`hhg-card-author ${ae.root} ${r} ${he?"expert-author":""}`,"data-background":!q&&he,"data-is-marrybaby":oe},P.default.createElement(ze,{dataEventCategory:Q,dataEventAction:X,dataEventLabel:_,onAvatarClick:pe,avatarProps:Object.assign(Object.assign({avatar:S?s.CommonGAssets.getAssetPath(oe?"anomyous-avatar-1.svg":"anomyous-avatar.svg"):ne,username:le},O),{style:{cursor:S||!m&&!z?"default":"pointer"}}),avatarIcon:H||he&&P.default.createElement(fe,{size:W||15})},G?P.default.createElement("div",{onClick:pe},G):!j&&P.default.createElement(ze.Row,null,P.default.createElement(ze.ColLeft,null,P.default.createElement(t.Flex,{align:"center",onClick:pe},P.default.createElement(ze.MainText,{onClick:pe},le,"chatbot"===b?P.default.createElement(P.default.Fragment,null," ",P.default.createElement(ve,{color:p.theme.colors.primaryBase,size:16,style:{display:"inline-block",transform:"translate(0, 2px)"}})):ie&&P.default.createElement(V,{className:ae.authorBadge,siteType:re,role:ie,title:v,style:{verticalAlign:"bottom"}}))),L||P.default.createElement(ze.SubTextRow,{style:A?{position:"relative"}:{}},xe.map(((e,t)=>P.default.createElement(P.default.Fragment,null,0!==t&&P.default.createElement(ze.SubDivider,null),P.default.createElement(ze.SubText,null,e)))),A&&be&&P.default.createElement(t.Box,{sx:{marginTop:t.rem(5)}},P.default.createElement(F,{bookingId:E||k,bookingType:E?"doctor":k?"hospital":void 0,size:ee?"xs":"sm"})))))),I&&I))};it.MainText=ze.MainText,it.SubText=ze.SubText,it.SubTextRow=ze.SubTextRow,it.SubDivider=ze.SubDivider;const st=M.default.div`
   position: relative;
   display: flex;
   height: 100%;
@@ -1765,7 +1765,7 @@
       }
     }
   }
-`,qt=e=>{var{size:t,color:o,isExpand:r,useCurrentColor:l,isActive:n,activeColor:i}=e,s=a.__rest(e,["size","color","isExpand","useCurrentColor","isActive","activeColor"]);const d=l?"currentColor":n?i:o,c=Object.assign({width:t,height:t},s);return r?P.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none"},c),P.default.createElement("path",{d:"M15.1801 4C14.6212 4 14.3418 4.67561 14.7373 5.07108L16.0864 6.42229L6.42229 16.0864L5.07108 14.7373C4.67561 14.3418 4 14.6212 4 15.1801V19.3718C4 19.7187 4.28026 20 4.62617 20H8.81987C9.37881 20 9.6582 19.3244 9.26272 18.9289L7.91357 17.5777L17.5777 7.91357L18.9289 9.26272C19.3244 9.6582 20 9.37881 20 8.81987V4.62617C20 4.28026 19.7187 4 19.3718 4H15.1801Z",fill:d})):P.default.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 14 14",fill:d},s),P.default.createElement("path",{d:"M9.64991 0.333008C9.18412 0.333008 8.9513 0.896013 9.28086 1.22558L10.4052 2.35159L2.35171 10.405L1.2257 9.28074C0.896135 8.95118 0.33313 9.184 0.33313 9.64979V13.1428C0.33313 13.432 0.566681 13.6663 0.854939 13.6663H4.34969C4.81547 13.6663 5.04829 13.1033 4.71873 12.7738L3.59444 11.6478L11.6479 3.59432L12.7739 4.71861C13.1035 5.04817 13.6665 4.81535 13.6665 4.34957V0.854817C13.6665 0.566559 13.4321 0.333008 13.1429 0.333008H9.64991Z"}))};qt.defaultProps={size:24,color:p.theme.colors.gray600,activeColor:p.theme.colors.primaryBase};const Wt=M.default.div`
+`,Wt=e=>{var{size:t,color:o,isExpand:r,useCurrentColor:l,isActive:n,activeColor:i}=e,s=a.__rest(e,["size","color","isExpand","useCurrentColor","isActive","activeColor"]);const d=l?"currentColor":n?i:o,c=Object.assign({width:t,height:t},s);return r?P.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none"},c),P.default.createElement("path",{d:"M15.1801 4C14.6212 4 14.3418 4.67561 14.7373 5.07108L16.0864 6.42229L6.42229 16.0864L5.07108 14.7373C4.67561 14.3418 4 14.6212 4 15.1801V19.3718C4 19.7187 4.28026 20 4.62617 20H8.81987C9.37881 20 9.6582 19.3244 9.26272 18.9289L7.91357 17.5777L17.5777 7.91357L18.9289 9.26272C19.3244 9.6582 20 9.37881 20 8.81987V4.62617C20 4.28026 19.7187 4 19.3718 4H15.1801Z",fill:d})):P.default.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 14 14",fill:d},s),P.default.createElement("path",{d:"M9.64991 0.333008C9.18412 0.333008 8.9513 0.896013 9.28086 1.22558L10.4052 2.35159L2.35171 10.405L1.2257 9.28074C0.896135 8.95118 0.33313 9.184 0.33313 9.64979V13.1428C0.33313 13.432 0.566681 13.6663 0.854939 13.6663H4.34969C4.81547 13.6663 5.04829 13.1033 4.71873 12.7738L3.59444 11.6478L11.6479 3.59432L12.7739 4.71861C13.1035 5.04817 13.6665 4.81535 13.6665 4.34957V0.854817C13.6665 0.566559 13.4321 0.333008 13.1429 0.333008H9.64991Z"}))};Wt.defaultProps={size:24,color:p.theme.colors.gray600,activeColor:p.theme.colors.primaryBase};const qt=M.default.div`
   [data-type='confirm'] {
     max-width: 468px;
     /* height: 486px; */
@@ -1819,7 +1819,7 @@
   cursor: pointer;
   display: flex;
   align-items: center;
-`;var Zt="data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const Qt=({className:t,style:a,closeIcon:o,heading:r="",children:l,isOpen:n=!1,hasFullscreen:i=!1,onClose:s=(()=>null)})=>{const[d,c]=e.useState(!1);return P.default.createElement(Wt,{className:t,style:a,isExpand:d,hasFullscreen:i},P.default.createElement(x.Popup,{type:"confirm",onClose:s,isOpen:n,closeIcon:o||P.default.createElement("img",{src:Zt,loading:"lazy"}),enableAnimation:!i},P.default.createElement("div",{className:"header"},P.default.createElement(h.Heading,{tag:"h5"},r),i&&P.default.createElement(Gt,{onClick:()=>c(!d)},P.default.createElement(qt,{size:14,isExpand:d}))),P.default.createElement("div",{className:"content"},"function"==typeof l?l(d):l)))},Xt=M.default.div`
+`;var Zt="data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const Qt=({className:t,style:a,closeIcon:o,heading:r="",children:l,isOpen:n=!1,hasFullscreen:i=!1,onClose:s=(()=>null)})=>{const[d,c]=e.useState(!1);return P.default.createElement(qt,{className:t,style:a,isExpand:d,hasFullscreen:i},P.default.createElement(x.Popup,{type:"confirm",onClose:s,isOpen:n,closeIcon:o||P.default.createElement("img",{src:Zt,loading:"lazy"}),enableAnimation:!i},P.default.createElement("div",{className:"header"},P.default.createElement(h.Heading,{tag:"h5"},r),i&&P.default.createElement(Gt,{onClick:()=>c(!d)},P.default.createElement(Wt,{size:14,isExpand:d}))),P.default.createElement("div",{className:"content"},"function"==typeof l?l(d):l)))},Xt=M.default.div`
   padding: 1rem;
   border-top: 1px solid #f2f2f2;
   &[data-is-reply='true'] {
@@ -2696,7 +2696,7 @@
     overflow: hidden;
     border-radius: 1rem;
   }
-`;var Ca="PD6nRZX";const Ea=({className:e,size:t="md"})=>{const{t:a}=o.useTranslations();return P.default.createElement("div",{className:`${Ca} ${e}`},P.default.createElement(v.Button,{size:t,color:"transparent",isLoading:!0},a("loading")))},ka=e.createContext({});var Aa="l5fL1xL",Na="L-aGKo7";const Ta=({children:e,className:t=""})=>P.default.createElement("div",{className:`${Aa} ${t}`},e),Sa=({children:e,className:t=""})=>P.default.createElement("div",{className:`${Na} ${t}`},e);var za="eaR8ATZ",Pa="xM-7K0a",La="DZmf3s7";const Ma=({src:e,defaultSrc:t=s.CommonGAssets.getAssetPath("logo/logomark.png"),ratio:a=1,size:o=80,radius:r=8,alt:n,className:i=""})=>P.default.createElement("div",{className:i},P.default.createElement("div",{className:La,style:{width:`${o}px`,height:o*a+"px",borderRadius:`${r}px`}},P.default.createElement(l.ImageWrap,{src:e,backupSrc:t,alt:n}))),Ba=({category:e,title:t,src:a,children:o,className:r=""})=>P.default.createElement("div",{className:`${za} ${r}`},P.default.createElement(Ma,{src:a}),P.default.createElement("div",{className:Pa},o||P.default.createElement("div",null,e&&P.default.createElement(Ta,null,e),t&&P.default.createElement(Sa,null,t))));Ba.CategoryText=Ta,Ba.Title=Sa;const Ra=({featureImage:e,postTitle:t,author:a,categories:o,isReview:r,className:l=""})=>{var n;const i=r?"Medically reviewed by Jobelle Ann Dela Cruz Bigalbal, MD":"Written by Jobelle Ann Dela Cruz Bigalbal, MD";return P.default.createElement(Ba,{src:e,className:l},P.default.createElement(P.default.Fragment,null,P.default.createElement(Ba.CategoryText,null,null===(n=null==o?void 0:o[0])||void 0===n?void 0:n.name),P.default.createElement(Ba.Title,null,t),P.default.createElement(ze,{avatarProps:Object.assign(Object.assign({},a),{size:32}),subTitle:P.default.createElement(P.default.Fragment,null,i,P.default.createElement(ze.SubDivider,null),"Dec 12, 2022")})))};var Ia={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 Oa=({className:a=""})=>{var l,n,i,d,c;const{t:u}=o.useTranslations(),{info:m,isMarryBaby:g,currentPageUrl:h}=e.useContext(ka),f=null==m?void 0:m.data,v=[{type:"linkedin",icon:s.CommonGAssets.getAssetPath("linkedin.svg"),url:null===(l=null==m?void 0:m.contact)||void 0===l?void 0:l.linkedin,eventAction:"Doctor Profile - Linkedin"},{type:"instagram",icon:s.CommonGAssets.getAssetPath("instagram.svg"),url:null===(n=null==m?void 0:m.contact)||void 0===n?void 0:n.instagram,eventAction:"Doctor Profile - Instagram"},{type:"facebook",icon:s.CommonGAssets.getAssetPath("facebook.svg"),url:null===(i=null==m?void 0:m.contact)||void 0===i?void 0:i.facebook,eventAction:"Doctor Profile  - Facebook"},{type:"youtube",icon:s.CommonGAssets.getAssetPath("youtube.svg"),url:null===(d=null==m?void 0:m.contact)||void 0===d?void 0:d.youtube,eventAction:"Doctor Profile  - Youtube"},{type:"tiktok",icon:s.CommonGAssets.getAssetPath("tiktok.svg"),url:null===(c=null==m?void 0:m.contact)||void 0===c?void 0:c.tiktok,eventAction:"Doctor Profile  - TikTok"}],b=[...((null==m?void 0:m.experiences)||[]).length>0?[{key:"experience",heading:u("profilePanel.experience"),iconSrc:s.CommonGAssets.getAssetPath(g?"award-doc-mb.svg":"award-doc.svg"),eventAction:"Doctor Experience Click",panel:P.default.createElement("div",{className:Ia.accBodyGroup},null==m?void 0:m.experiences.map(((e,t)=>P.default.createElement("div",{className:Ia.accBodyGroupItem,key:String(t)},P.default.createElement("div",{className:Ia.accBodyGroupTitle},e.title),P.default.createElement("div",{className:Ia.accBodyGroupDesc},P.default.createElement("p",null,e.organization),P.default.createElement("p",null,e.duration))))))}]:[],...((null==m?void 0:m.educations)||[]).length>0?[{key:"education",heading:u("profilePanel.education"),iconSrc:s.CommonGAssets.getAssetPath(g?"book-mb.svg":"book.svg"),eventAction:"Doctor Degree Click",panel:P.default.createElement("div",{className:Ia.accBodyGroup},null==m?void 0:m.educations.map(((e,t)=>P.default.createElement("div",{className:Ia.accBodyGroupItem,key:String(t)},P.default.createElement("div",{className:Ia.accBodyGroupTitle},e.schoolName),P.default.createElement("div",{className:Ia.accBodyGroupDesc},P.default.createElement("p",null,e.study),P.default.createElement("p",null,e.completedYear))))))}]:[],...((null==m?void 0:m.awards)||[]).length>0?[{key:"awards",heading:u("profilePanel.awards"),iconSrc:s.CommonGAssets.getAssetPath(g?"award-mb.svg":"award.svg"),eventAction:"Doctor Award Click",panel:P.default.createElement("div",{className:Ia.accBodyGroup},null==m?void 0:m.awards.map(((e,t)=>P.default.createElement("div",{className:Ia.accBodyGroupTitle,key:t},e.title))))}]:[]],x=(null==m?void 0:m.relatedPosts)||[],w=v.filter((e=>e.url));return P.default.createElement("div",{className:`${Ia.container} ${a}`,"data-is-marrybaby":g},b.length>0&&P.default.createElement(t.Accordion,{defaultValue:b[0].key,chevron:g?P.default.createElement("div",{className:Ia.mbChevronWrapper},P.default.createElement(r.Plus,{size:12,color:p.theme.mbColors.midGray})):P.default.createElement(r.Plus,{color:p.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=>P.default.createElement(t.Accordion.Item,{key:e.key,value:e.key},P.default.createElement(t.Accordion.Control,{"data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":h},P.default.createElement("div",{className:Ia.header},P.default.createElement("div",{className:Ia.headingIcon},P.default.createElement("img",{src:e.iconSrc,loading:"lazy"})),P.default.createElement("div",{className:Ia.heading},e.heading))),P.default.createElement(t.Accordion.Panel,null,e.panel))))),x.length>0&&P.default.createElement("div",{className:Ia.group},P.default.createElement("div",{className:Ia.subTitle},P.default.createElement("img",{className:Ia.subIcon,src:s.CommonGAssets.getAssetPath(g?"mb-logo.svg":"logo/circle-solid.svg"),loading:"lazy"}),u("profilePanel.publishedArticles")),P.default.createElement("div",{className:`${Ia.relatedList}`},null==m?void 0:m.relatedPosts.map((e=>P.default.createElement("a",{key:String(e.id),href:`${window.location.origin}${null==e?void 0:e.permalink}`,className:Ia.articleCardLink},P.default.createElement(Ra,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&&P.default.createElement("div",{className:Ia.group},P.default.createElement("div",{className:Ia.subTitle},P.default.createElement("img",{className:Ia.subIcon,src:s.CommonGAssets.getAssetPath(g?"social-mb.svg":"social.svg"),loading:"lazy"}),u("profilePanel.socialLinks")),P.default.createElement("div",{className:Ia.groupBody},P.default.createElement(t.Flex,null,v.map(((e,t)=>e.url&&P.default.createElement("div",{className:Ia.socialItem,key:t},P.default.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},P.default.createElement("img",{src:e.icon,loading:"lazy",width:"32px","data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":h})))))))))};var Va={container:"GYUElSy",question:"_3C6QpT1",questionTitle:"_9M9VYL6",community:"_1RuSyv3",questionCard:"_1IG-eEp"};const Fa=({post:t,className:a=""})=>{var r,n,i,s,d,c,u,p;const{t:m}=o.useTranslations(),{data:{userInfo:g,env:{togetherBasePath:f}}}=e.useContext(h.TogetherComponentGlobalContext),{authActionWrapper:v,authorProps:b,currentPageUrl:x}=e.useContext(ka),w=`${window.location.origin}${f}/${null===(r=null==t?void 0:t.community)||void 0===r?void 0:r.slug}/${null==t?void 0:t.slug}/`;return P.default.createElement("div",{className:`${Va.container} ${a}`},P.default.createElement("div",{className:Va.header},P.default.createElement("div",{className:Va.question},m("profilePanel.question")," ",P.default.createElement(l.Anchor,{className:Va.questionTitle,href:"#",onClick:()=>{(null==g?void 0:g.id)||null==v||v((()=>window.location.href=w))}},"#",null==t?void 0:t.title)),P.default.createElement("div",{className:Va.community},null===(n=null==t?void 0:t.community)||void 0===n?void 0:n.name," - ",null==t?void 0:t.createdTime)),P.default.createElement("div",{className:Va.questionCard},P.default.createElement(it,Object.assign({className:"card-author"},b,{role:"user",avatarIcon:P.default.createElement(fe,null),subLine:P.default.createElement(it.SubTextRow,null,P.default.createElement(it.SubText,null,null===(d=null===(s=null===(i=null==t?void 0:t.expertAnswer)||void 0===i?void 0:i.answer)||void 0===s?void 0:s[0])||void 0===d?void 0:d.createdTime))})),P.default.createElement(oa,{className:"post-content-wrapper",description:(null===(p=null===(u=null===(c=null==t?void 0:t.expertAnswer)||void 0===c?void 0:c.answer)||void 0===u?void 0:u[0])||void 0===p?void 0:p.content)||"",mentions:null==t?void 0:t.mentions,"data-testid":"Content of the Post"})),P.default.createElement(l.Button,{variant:"secondary","data-event-category":"Together","data-event-action":"Doctor Reply Click","data-event-label":x,size:"md",onClick:()=>{(null==g?void 0:g.id)?window.location.href=w:null==v||v((()=>window.location.href=w))}},m("profilePanel.anserwing.viewFull")))};var ja="MrdoES3",Da="_8fd7YMs",Ua="DomiQfw",Ha="-b2qnfL";const qa=({message:t,buttonTxt:a,imgSrc:o,onBtnClick:r})=>{const{siteType:l,isMarryBaby:n}=e.useContext(ka);return P.default.createElement("div",{className:Da},P.default.createElement("div",{className:Ua},P.default.createElement("img",{src:o||s.CommonGAssets.getAssetPath(n?"comments-mb.svg":"comments.svg"),loading:"lazy"})),t&&P.default.createElement("div",{className:Ha},t),a&&P.default.createElement(v.Button,{size:"md",theme:l,color:"secondary",onClick:r},a))},Wa=({id:t})=>{const{t:r}=o.useTranslations(),{data:{locale:l}}=e.useContext(h.TogetherComponentGlobalContext),{authorProps:n}=e.useContext(ka),[i,s]=e.useState(null),[d,c]=e.useState(!1);return e.useEffect((()=>{t&&a.__awaiter(void 0,void 0,void 0,(function*(){var e;c(!0);const a=yield h.callApi(h.getApiPath(h.PATHS.USER.LIST_ANSWERS,{_locale:l,id:t}),"GET"),o=((null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.replies)||[]).map(x.formatPost);s(o),c(!1)}))}),[]),P.default.createElement("div",{className:ja},d?P.default.createElement(Ea,null):null!==i&&(i.length>0?i.map((e=>P.default.createElement(Fa,{className:"post-card",key:e.id,post:e}))):P.default.createElement(qa,{message:r("profilePanel.emptyPostMess.content",{name:(null==n?void 0:n.name)||(null==n?void 0:n.username)})})))};var Ga="toEutn7",Za="drdisHs";const Qa=t=>{var o,r,n,i,{post:s}=t,d=a.__rest(t,["post"]);const{data:{env:{togetherBasePath:c}}}=e.useContext(h.TogetherComponentGlobalContext);return P.default.createElement(P.default.Fragment,null,P.default.createElement("div",Object.assign({},d,{className:`${Ga} ${(null==d?void 0:d.className)||""}`}),P.default.createElement(it,{className:"card-author",avatar:null===(o=null==s?void 0:s.author)||void 0===o?void 0:o.avatar,name:(null===(r=null==s?void 0:s.author)||void 0===r?void 0:r.name)||(null===(n=null==s?void 0:s.author)||void 0===n?void 0:n.username),isAnonymous:Boolean(null==s?void 0:s.isAnonymous),subLine:P.default.createElement(it.SubTextRow,null,P.default.createElement(it.SubText,null,null==s?void 0:s.createdTime))}),P.default.createElement(l.Anchor,{href:`${window.location.origin}${c}/${null===(i=null==s?void 0:s.community)||void 0===i?void 0:i.slug}/${null==s?void 0:s.slug}/`,className:Za,rel:"noreferrer"},null==s?void 0:s.title)))};var Xa={accordion:"I-uIJ6E",header:"_41WRsj2",heading:"AcOGL93",headingIcon:"JD3dWJN",panel:"dKAgnS8",chevron:"L2Q9T6m",container:"h-pSmhX"};const _a=()=>{var r,n;const{t:i}=o.useTranslations(),{data:{locale:d,userInfo:c}}=e.useContext(h.TogetherComponentGlobalContext),{onSkipQuestion:u,countValues:m,setCountValues:g}=e.useContext(ka),[f,v]=e.useState(),[b,w]=e.useState([]),[y,C]=e.useState(!1),E=null==c?void 0:c.id;e.useEffect((()=>{E&&a.__awaiter(void 0,void 0,void 0,(function*(){var e;C(!0);const t=yield h.callApiWithAuth(h.getApiPath(h.PATHS.USER.LIST_QUESTION_NEED_REPLY,{_locale:d}),"GET"),a=[],o=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=>{o[e.id]=e.question.map(x.formatPost),delete e.question,a.push(x.formatCommunity(e))})),w(a),v(o),C(!1)}))}),[]);const k=({id:e,communityId:t})=>{if(e&&t&&f){const a=Object.assign(Object.assign({},f),{[t]:[...((null==f?void 0:f[t])||[]).filter((t=>t.id!==e))]});let o=0;Object.keys(a).map((e=>o+=a[e].length||0)),v(a),g(Object.assign(Object.assign({},m),{total_question:o})),null==u||u(o)}};return P.default.createElement("div",{className:Xa.container},y?P.default.createElement(Ea,null):(null==m?void 0:m.total_question)>0?b.length>0&&P.default.createElement(t.Accordion,{className:Xa.accordion,defaultValue:String((null===(n=b[null===(r=Object.keys(b))||void 0===r?void 0:r[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},label:{padding:0},item:{marginBottom:"16px"}}),chevron:P.default.createElement("div",{className:Xa.chevron},P.default.createElement(l.ArrowDown,{color:p.theme.colors.gray600,size:20}))},b.map((e=>{const a=f&&(null==f?void 0:f[e.id])||[];return a.length>0&&P.default.createElement(t.Accordion.Item,{key:e.id,value:String(e.id)},P.default.createElement(t.Accordion.Control,null,P.default.createElement("div",{className:Xa.header},P.default.createElement("div",{className:Xa.headingIcon},P.default.createElement("img",{src:e.thumbnail,loading:"lazy"})),P.default.createElement("div",{className:Xa.heading},e.name))),P.default.createElement(t.Accordion.Panel,null,P.default.createElement("div",{className:Xa.body},a.map((e=>P.default.createElement(Qa,{className:"question-card",key:e.id,post:e,onSkip:k}))))))}))):P.default.createElement(qa,{message:i("profilePanel.emptyCareMess.content"),imgSrc:s.CommonGAssets.getAssetPath("questions.svg")}))};var Ka="GA-zc-O",Ya="A18McWD",$a="IB049vj",Ja="_8I--vEV";const eo=({post:a,className:l=""})=>{var n;const{data:{userInfo:i,env:{togetherBasePath:s}}}=e.useContext(h.TogetherComponentGlobalContext),{t:d}=o.useTranslations(),c=t.useMantineTheme(),{authActionWrapper:u,authorProps:p}=e.useContext(ka),m=`${window.location.origin}${s}/${null===(n=null==a?void 0:a.community)||void 0===n?void 0:n.slug}/${null==a?void 0:a.slug}/`;return P.default.createElement("div",{className:`${Ka} ${l}`},P.default.createElement("div",{className:$a},P.default.createElement("a",{"data-event-category":"Together","data-event-action":"Click Post","data-event-label":m,className:Ja,href:m,onClick:e=>{(null==i?void 0:i.id)||(e.preventDefault(),null==u||u((()=>window.location.href=m)))}}),P.default.createElement(ze,{className:"card-author",avatarProps:{avatar:null==p?void 0:p.avatar,size:32}},P.default.createElement(it.MainText,{className:Ya},null==a?void 0:a.title),P.default.createElement(it.SubTextRow,null,P.default.createElement(it.SubText,null,null==a?void 0:a.createdTime))),P.default.createElement(oa,{className:"post-content-wrapper",description:null==a?void 0:a.description,mentions:null==a?void 0:a.mentions,maxChars:200,"data-testid":"Content of the Post",hideShowAllBtn:!0}),P.default.createElement(r.Text,{size:"p3",color:c.fn.primaryColor()},d("post.seeMore"))))};var to="TSMHoEM";const ao=()=>{const{t:t}=o.useTranslations(),{data:{locale:r}}=e.useContext(h.TogetherComponentGlobalContext),{authorId:l,authorProps:n,isAuthorLogin:i,onCloseFromPost:s}=e.useContext(ka),[d,c]=e.useState(null),[u,p]=e.useState(!1);return e.useEffect((()=>{l&&a.__awaiter(void 0,void 0,void 0,(function*(){var e;p(!0);const t=yield h.callApi(h.getApiPath(h.PATHS.USER.LIST_POST,{_locale:r,id:l,isAnonymous:0}),"GET"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.posts)||[]).map(x.formatPost);c(a),p(!1)}))}),[l]),P.default.createElement("div",{className:to},u?P.default.createElement(Ea,null):null!==d&&(d.length>0?d.map((e=>P.default.createElement(eo,{className:"post-card",key:e.id,post:e}))):P.default.createElement(qa,{message:t("profilePanel.emptyPostMess.content",{name:(null==n?void 0:n.name)||(null==n?void 0:n.username)||""}),buttonTxt:i&&t("profilePanel.createPost"),onBtnClick:()=>{null==s||s()}})))};var oo="_4Vekw96",ro="DIJdGcB",lo="aQSt4-Q";const no=e=>e?{title:null==e?void 0:e.title,organization:null==e?void 0:e.organization,duration:e.duration}:{},io=e=>e?{completedYear:null==e?void 0:e.completed_year,schoolName:e.school_name,study:e.study}:{};var so,co;exports.TabName=void 0,(so=exports.TabName||(exports.TabName={}))[so.About=0]="About",so[so.Care=1]="Care",so[so.Answer=2]="Answer",so[so.Posts=3]="Posts",function(e){e[e.Expert=0]="Expert",e[e.User=1]="User"}(co||(co={}));const uo=t=>{var r,{authorProps:n,selectedTab:i,authActionWrapper:s,onSkipQuestion:d,onCloseFromPost:c,hideQuestionTab:u,hideAnswerTab:p,showSkipQuestionTag:m,rolesToShowQuestionsTab:g=["expert"],currentPageUrl:f}=t,v=a.__rest(t,["authorProps","selectedTab","authActionWrapper","onSkipQuestion","onCloseFromPost","hideQuestionTab","hideAnswerTab","showSkipQuestionTag","rolesToShowQuestionsTab","currentPageUrl"]);const{data:{locale:b,userInfo:w,env:{isMarryBaby:y}}}=e.useContext(h.TogetherComponentGlobalContext),{t:C}=o.useTranslations(),E=null==n?void 0:n.role,k=null==w?void 0:w.role,A=String(null==n?void 0:n.userId),[N,T]=e.useState(),[S,z]=e.useState(!1),[M,B]=e.useState(),R=(null==w?void 0:w._togetherUserId)===(null==n?void 0:n.userId),I=[...-1!==g.indexOf(E)?[{value:exports.TabName.About,text:C("profilePanel.tabs.highlight"),content:P.default.createElement(Oa,{id:A,info:M}),dataEventCategory:"Together",dataEventAction:"Doctor Profile Click",dataEventLabel:f}]:[],{value:exports.TabName.Posts,text:C("profilePanel.tabs.posts"),content:P.default.createElement(ao,null),hasCountResult:!0,keyOfCountApi:"post",keyOfResult:"total_post"},...u||-1===g.indexOf(k)||(null==w?void 0:w._togetherUserId)!==(null==n?void 0:n.userId)?[]:[{value:exports.TabName.Care,text:`${C("profilePanel.tabs.care")}`,content:P.default.createElement(_a,null),hasCountResult:!0,keyOfCountApi:"question",keyOfResult:"total_question",dataEventCategory:"Together",dataEventAction:"Doctor Questions Click",dataEventLabel:f}],...p||-1===g.indexOf(E)?[]:[{value:exports.TabName.Answer,text:`${C("profilePanel.tabs.expertAnswer")}`,content:P.default.createElement(Wa,{id:A}),hasCountResult:!0,keyOfCountApi:"reply",keyOfResult:"total_reply",dataEventCategory:"Together",dataEventAction:"Doctor Reply Tab Click",dataEventLabel:f}]],[O,V]=e.useState(null),[F,j]=e.useState(null),D={value:String(F),dataList:O,onTabChange:e=>j(Number(e))},U=null==I?void 0:I.filter((e=>null==e?void 0:e.hasCountResult));e.useEffect((()=>{a.__awaiter(void 0,void 0,void 0,(function*(){var e,t,a,o,r,l,n,s,d,c;z(!0);const u=yield Promise.all([h.callApi(h.getApiPath(h.PATHS.USER.DETAIL,{_locale:b,id:A}),"GET"),...U.map((e=>h.callApi(h.getApiPath(h.PATHS.USER.COUNT_TABS,{_locale:b,id:A,[e.keyOfCountApi]:1}),"GET")))]),[p]=u,m={data:null==p?void 0:p.data,experiences:((null===(t=null===(e=null==p?void 0:p.data)||void 0===e?void 0:e.fields)||void 0===t?void 0:t.experiences)||[]).map(no),relatedPosts:((null===(a=null==p?void 0:p.data)||void 0===a?void 0:a.related_post)||[]).map((e=>x.formatArticle(e.post))),educations:((null===(r=null===(o=null==p?void 0:p.data)||void 0===o?void 0:o.fields)||void 0===r?void 0:r.educations)||[]).map(io),awards:(null===(n=null===(l=null==p?void 0:p.data)||void 0===l?void 0:l.fields)||void 0===n?void 0:n.awards_accreditations)||[],contact:(null===(d=null===(s=null==p?void 0:p.data)||void 0===s?void 0:s.fields)||void 0===d?void 0:d.contact)||{}};1===(null==p?void 0:p.status)&&B(m);const g=(null==m?void 0:m.relatedPosts)||[],f=Object.keys(m.contact).map((e=>{var t;return""!==(null===(t=null==m?void 0:m.contact)||void 0===t?void 0:t[e])})),v=[...(null==m?void 0:m.experiences)||[],...(null==m?void 0:m.educations)||[],...(null==m?void 0:m.awards)||[]],w=g.length>0||f.length>0||v.length>0,y={},C=U.map(((e,t)=>{var a,o,r;const l=(null===(r=null===(o=null===(a=u[t+1])||void 0===a?void 0:a.data)||void 0===o?void 0:o.counting)||void 0===r?void 0:r[e.keyOfResult])||0;return l>0?(y[e.keyOfResult]=l,e):-1!==[exports.TabName.Care,exports.TabName.Posts].indexOf(e.value)?e:void 0})).filter(Boolean).map((e=>e.value)),E=I.map((e=>{const t=Object.assign(Object.assign({},e),{text:e.text+(e.keyOfResult?` (${(null==y?void 0:y[e.keyOfResult])||"0"})`:"")});return t.hasCountResult?-1!==C.indexOf(t.value)?t:void 0:t.value===exports.TabName.About?w&&t:t})).filter(Boolean);V(E),j(i||(null===(c=null==E?void 0:E[0])||void 0===c?void 0:c.value)),T(y),z(!1)}))}),[]);const H=null==M?void 0:M.data;return P.default.createElement(ka.Provider,{value:{isMarryBaby:y,siteType:y?"marryBaby":"helloSites",authorId:String((null==n?void 0:n.userId)||""),authActionWrapper:s,onSkipQuestion:d,info:M,authorProps:n,onCloseFromPost:c,countValues:N,setCountValues:T,isAuthorLogin:R,showSkipQuestionTag:m,currentPageUrl:f}},P.default.createElement("div",Object.assign({},v,{className:`${oo} ${(null==v?void 0:v.className)||""}`,"data-is-marrybaby":y}),S?P.default.createElement(Ea,null):P.default.createElement(P.default.Fragment,null,P.default.createElement(it,Object.assign({},n,{className:"card-author",showDetailPopup:!1,subLine:"expert"===(null==n?void 0:n.role)?(null==H?void 0:H.specialty)&&(null==H?void 0:H.organisation)&&P.default.createElement(it.SubTextRow,null,(null==H?void 0:H.specialty)&&P.default.createElement(P.default.Fragment,null,P.default.createElement(it.SubText,null,null==H?void 0:H.specialty),P.default.createElement(it.SubDivider,null)),P.default.createElement(it.SubText,null,null==H?void 0:H.organisation)):(null==H?void 0:H.created_at)&&P.default.createElement(it.SubTextRow,null,P.default.createElement(it.SubText,null,C("profilePanel.joined")," ",L.default(null==H?void 0:H.created_at).toNow(!0)))})),"expert"===E&&P.default.createElement("div",{className:ro,dangerouslySetInnerHTML:{__html:null===(r=null==M?void 0:M.data)||void 0===r?void 0:r.description}}),null!==O&&null!==F&&(O.length>0?P.default.createElement("div",{className:lo},P.default.createElement(l.Tabs,Object.assign({},D))):P.default.createElement(qa,{message:C("profilePanel.emptyPostMess.content",{text:(null==n?void 0:n.name)||(null==n?void 0:n.username)||""})})))))};var po=Object.freeze({__proto__:null,get TabName(){return exports.TabName},get UserType(){return co},TabDataInit:{experiences:[],relatedPosts:[],educations:[],awards:[],contact:{},data:{}},ProfileDetail:uo});const mo=M.default.div`
+`;var Ca="PD6nRZX";const Ea=({className:e,size:t="md"})=>{const{t:a}=o.useTranslations();return P.default.createElement("div",{className:`${Ca} ${e}`},P.default.createElement(v.Button,{size:t,color:"transparent",isLoading:!0},a("loading")))},ka=e.createContext({});var Aa="l5fL1xL",Na="L-aGKo7";const Ta=({children:e,className:t=""})=>P.default.createElement("div",{className:`${Aa} ${t}`},e),Sa=({children:e,className:t=""})=>P.default.createElement("div",{className:`${Na} ${t}`},e);var za="eaR8ATZ",Pa="xM-7K0a",La="DZmf3s7";const Ma=({src:e,defaultSrc:t=s.CommonGAssets.getAssetPath("logo/logomark.png"),ratio:a=1,size:o=80,radius:r=8,alt:n,className:i=""})=>P.default.createElement("div",{className:i},P.default.createElement("div",{className:La,style:{width:`${o}px`,height:o*a+"px",borderRadius:`${r}px`}},P.default.createElement(l.ImageWrap,{src:e,backupSrc:t,alt:n}))),Ba=({category:e,title:t,src:a,children:o,className:r=""})=>P.default.createElement("div",{className:`${za} ${r}`},P.default.createElement(Ma,{src:a}),P.default.createElement("div",{className:Pa},o||P.default.createElement("div",null,e&&P.default.createElement(Ta,null,e),t&&P.default.createElement(Sa,null,t))));Ba.CategoryText=Ta,Ba.Title=Sa;const Ra=({featureImage:e,postTitle:t,author:a,categories:o,isReview:r,className:l=""})=>{var n;const i=r?"Medically reviewed by Jobelle Ann Dela Cruz Bigalbal, MD":"Written by Jobelle Ann Dela Cruz Bigalbal, MD";return P.default.createElement(Ba,{src:e,className:l},P.default.createElement(P.default.Fragment,null,P.default.createElement(Ba.CategoryText,null,null===(n=null==o?void 0:o[0])||void 0===n?void 0:n.name),P.default.createElement(Ba.Title,null,t),P.default.createElement(ze,{avatarProps:Object.assign(Object.assign({},a),{size:32}),subTitle:P.default.createElement(P.default.Fragment,null,i,P.default.createElement(ze.SubDivider,null),"Dec 12, 2022")})))};var Ia={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 Oa=({className:a=""})=>{var l,n,i,d,c;const{t:u}=o.useTranslations(),{info:m,isMarryBaby:g,currentPageUrl:h}=e.useContext(ka),f=null==m?void 0:m.data,v=[{type:"linkedin",icon:s.CommonGAssets.getAssetPath("linkedin.svg"),url:null===(l=null==m?void 0:m.contact)||void 0===l?void 0:l.linkedin,eventAction:"Doctor Profile - Linkedin"},{type:"instagram",icon:s.CommonGAssets.getAssetPath("instagram.svg"),url:null===(n=null==m?void 0:m.contact)||void 0===n?void 0:n.instagram,eventAction:"Doctor Profile - Instagram"},{type:"facebook",icon:s.CommonGAssets.getAssetPath("facebook.svg"),url:null===(i=null==m?void 0:m.contact)||void 0===i?void 0:i.facebook,eventAction:"Doctor Profile  - Facebook"},{type:"youtube",icon:s.CommonGAssets.getAssetPath("youtube.svg"),url:null===(d=null==m?void 0:m.contact)||void 0===d?void 0:d.youtube,eventAction:"Doctor Profile  - Youtube"},{type:"tiktok",icon:s.CommonGAssets.getAssetPath("tiktok.svg"),url:null===(c=null==m?void 0:m.contact)||void 0===c?void 0:c.tiktok,eventAction:"Doctor Profile  - TikTok"}],b=[...((null==m?void 0:m.experiences)||[]).length>0?[{key:"experience",heading:u("profilePanel.experience"),iconSrc:s.CommonGAssets.getAssetPath(g?"award-doc-mb.svg":"award-doc.svg"),eventAction:"Doctor Experience Click",panel:P.default.createElement("div",{className:Ia.accBodyGroup},null==m?void 0:m.experiences.map(((e,t)=>P.default.createElement("div",{className:Ia.accBodyGroupItem,key:String(t)},P.default.createElement("div",{className:Ia.accBodyGroupTitle},e.title),P.default.createElement("div",{className:Ia.accBodyGroupDesc},P.default.createElement("p",null,e.organization),P.default.createElement("p",null,e.duration))))))}]:[],...((null==m?void 0:m.educations)||[]).length>0?[{key:"education",heading:u("profilePanel.education"),iconSrc:s.CommonGAssets.getAssetPath(g?"book-mb.svg":"book.svg"),eventAction:"Doctor Degree Click",panel:P.default.createElement("div",{className:Ia.accBodyGroup},null==m?void 0:m.educations.map(((e,t)=>P.default.createElement("div",{className:Ia.accBodyGroupItem,key:String(t)},P.default.createElement("div",{className:Ia.accBodyGroupTitle},e.schoolName),P.default.createElement("div",{className:Ia.accBodyGroupDesc},P.default.createElement("p",null,e.study),P.default.createElement("p",null,e.completedYear))))))}]:[],...((null==m?void 0:m.awards)||[]).length>0?[{key:"awards",heading:u("profilePanel.awards"),iconSrc:s.CommonGAssets.getAssetPath(g?"award-mb.svg":"award.svg"),eventAction:"Doctor Award Click",panel:P.default.createElement("div",{className:Ia.accBodyGroup},null==m?void 0:m.awards.map(((e,t)=>P.default.createElement("div",{className:Ia.accBodyGroupTitle,key:t},e.title))))}]:[]],x=(null==m?void 0:m.relatedPosts)||[],w=v.filter((e=>e.url));return P.default.createElement("div",{className:`${Ia.container} ${a}`,"data-is-marrybaby":g},b.length>0&&P.default.createElement(t.Accordion,{defaultValue:b[0].key,chevron:g?P.default.createElement("div",{className:Ia.mbChevronWrapper},P.default.createElement(r.Plus,{size:12,color:p.theme.mbColors.midGray})):P.default.createElement(r.Plus,{color:p.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=>P.default.createElement(t.Accordion.Item,{key:e.key,value:e.key},P.default.createElement(t.Accordion.Control,{"data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":h},P.default.createElement("div",{className:Ia.header},P.default.createElement("div",{className:Ia.headingIcon},P.default.createElement("img",{src:e.iconSrc,loading:"lazy"})),P.default.createElement("div",{className:Ia.heading},e.heading))),P.default.createElement(t.Accordion.Panel,null,e.panel))))),x.length>0&&P.default.createElement("div",{className:Ia.group},P.default.createElement("div",{className:Ia.subTitle},P.default.createElement("img",{className:Ia.subIcon,src:s.CommonGAssets.getAssetPath(g?"mb-logo.svg":"logo/circle-solid.svg"),loading:"lazy"}),u("profilePanel.publishedArticles")),P.default.createElement("div",{className:`${Ia.relatedList}`},null==m?void 0:m.relatedPosts.map((e=>P.default.createElement("a",{key:String(e.id),href:`${window.location.origin}${null==e?void 0:e.permalink}`,className:Ia.articleCardLink},P.default.createElement(Ra,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&&P.default.createElement("div",{className:Ia.group},P.default.createElement("div",{className:Ia.subTitle},P.default.createElement("img",{className:Ia.subIcon,src:s.CommonGAssets.getAssetPath(g?"social-mb.svg":"social.svg"),loading:"lazy"}),u("profilePanel.socialLinks")),P.default.createElement("div",{className:Ia.groupBody},P.default.createElement(t.Flex,null,v.map(((e,t)=>e.url&&P.default.createElement("div",{className:Ia.socialItem,key:t},P.default.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},P.default.createElement("img",{src:e.icon,loading:"lazy",width:"32px","data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":h})))))))))};var Va={container:"GYUElSy",question:"_3C6QpT1",questionTitle:"_9M9VYL6",community:"_1RuSyv3",questionCard:"_1IG-eEp"};const Fa=({post:t,className:a=""})=>{var r,n,i,s,d,c,u,p;const{t:m}=o.useTranslations(),{data:{userInfo:g,env:{togetherBasePath:f}}}=e.useContext(h.TogetherComponentGlobalContext),{authActionWrapper:v,authorProps:b,currentPageUrl:x}=e.useContext(ka),w=`${window.location.origin}${f}/${null===(r=null==t?void 0:t.community)||void 0===r?void 0:r.slug}/${null==t?void 0:t.slug}/`;return P.default.createElement("div",{className:`${Va.container} ${a}`},P.default.createElement("div",{className:Va.header},P.default.createElement("div",{className:Va.question},m("profilePanel.question")," ",P.default.createElement(l.Anchor,{className:Va.questionTitle,href:"#",onClick:()=>{(null==g?void 0:g.id)||null==v||v((()=>window.location.href=w))}},"#",null==t?void 0:t.title)),P.default.createElement("div",{className:Va.community},null===(n=null==t?void 0:t.community)||void 0===n?void 0:n.name," - ",null==t?void 0:t.createdTime)),P.default.createElement("div",{className:Va.questionCard},P.default.createElement(it,Object.assign({className:"card-author"},b,{role:"user",avatarIcon:P.default.createElement(fe,null),subLine:P.default.createElement(it.SubTextRow,null,P.default.createElement(it.SubText,null,null===(d=null===(s=null===(i=null==t?void 0:t.expertAnswer)||void 0===i?void 0:i.answer)||void 0===s?void 0:s[0])||void 0===d?void 0:d.createdTime))})),P.default.createElement(oa,{className:"post-content-wrapper",description:(null===(p=null===(u=null===(c=null==t?void 0:t.expertAnswer)||void 0===c?void 0:c.answer)||void 0===u?void 0:u[0])||void 0===p?void 0:p.content)||"",mentions:null==t?void 0:t.mentions,"data-testid":"Content of the Post"})),P.default.createElement(l.Button,{variant:"secondary","data-event-category":"Together","data-event-action":"Doctor Reply Click","data-event-label":x,size:"md",onClick:()=>{(null==g?void 0:g.id)?window.location.href=w:null==v||v((()=>window.location.href=w))}},m("profilePanel.anserwing.viewFull")))};var ja="MrdoES3",Da="_8fd7YMs",Ua="DomiQfw",Ha="-b2qnfL";const Wa=({message:t,buttonTxt:a,imgSrc:o,onBtnClick:r})=>{const{siteType:l,isMarryBaby:n}=e.useContext(ka);return P.default.createElement("div",{className:Da},P.default.createElement("div",{className:Ua},P.default.createElement("img",{src:o||s.CommonGAssets.getAssetPath(n?"comments-mb.svg":"comments.svg"),loading:"lazy"})),t&&P.default.createElement("div",{className:Ha},t),a&&P.default.createElement(v.Button,{size:"md",theme:l,color:"secondary",onClick:r},a))},qa=({id:t})=>{const{t:r}=o.useTranslations(),{data:{locale:l}}=e.useContext(h.TogetherComponentGlobalContext),{authorProps:n}=e.useContext(ka),[i,s]=e.useState(null),[d,c]=e.useState(!1);return e.useEffect((()=>{t&&a.__awaiter(void 0,void 0,void 0,(function*(){var e;c(!0);const a=yield h.callApi(h.getApiPath(h.PATHS.USER.LIST_ANSWERS,{_locale:l,id:t}),"GET"),o=((null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.replies)||[]).map(x.formatPost);s(o),c(!1)}))}),[]),P.default.createElement("div",{className:ja},d?P.default.createElement(Ea,null):null!==i&&(i.length>0?i.map((e=>P.default.createElement(Fa,{className:"post-card",key:e.id,post:e}))):P.default.createElement(Wa,{message:r("profilePanel.emptyPostMess.content",{name:(null==n?void 0:n.name)||(null==n?void 0:n.username)})})))};var Ga="toEutn7",Za="drdisHs";const Qa=t=>{var o,r,n,i,{post:s}=t,d=a.__rest(t,["post"]);const{data:{env:{togetherBasePath:c}}}=e.useContext(h.TogetherComponentGlobalContext);return P.default.createElement(P.default.Fragment,null,P.default.createElement("div",Object.assign({},d,{className:`${Ga} ${(null==d?void 0:d.className)||""}`}),P.default.createElement(it,{className:"card-author",avatar:null===(o=null==s?void 0:s.author)||void 0===o?void 0:o.avatar,name:(null===(r=null==s?void 0:s.author)||void 0===r?void 0:r.name)||(null===(n=null==s?void 0:s.author)||void 0===n?void 0:n.username),isAnonymous:Boolean(null==s?void 0:s.isAnonymous),subLine:P.default.createElement(it.SubTextRow,null,P.default.createElement(it.SubText,null,null==s?void 0:s.createdTime))}),P.default.createElement(l.Anchor,{href:`${window.location.origin}${c}/${null===(i=null==s?void 0:s.community)||void 0===i?void 0:i.slug}/${null==s?void 0:s.slug}/`,className:Za,rel:"noreferrer"},null==s?void 0:s.title)))};var Xa={accordion:"I-uIJ6E",header:"_41WRsj2",heading:"AcOGL93",headingIcon:"JD3dWJN",panel:"dKAgnS8",chevron:"L2Q9T6m",container:"h-pSmhX"};const _a=()=>{var r,n;const{t:i}=o.useTranslations(),{data:{locale:d,userInfo:c}}=e.useContext(h.TogetherComponentGlobalContext),{onSkipQuestion:u,countValues:m,setCountValues:g}=e.useContext(ka),[f,v]=e.useState(),[b,w]=e.useState([]),[y,C]=e.useState(!1),E=null==c?void 0:c.id;e.useEffect((()=>{E&&a.__awaiter(void 0,void 0,void 0,(function*(){var e;C(!0);const t=yield h.callApiWithAuth(h.getApiPath(h.PATHS.USER.LIST_QUESTION_NEED_REPLY,{_locale:d}),"GET"),a=[],o=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=>{o[e.id]=e.question.map(x.formatPost),delete e.question,a.push(x.formatCommunity(e))})),w(a),v(o),C(!1)}))}),[]);const k=({id:e,communityId:t})=>{if(e&&t&&f){const a=Object.assign(Object.assign({},f),{[t]:[...((null==f?void 0:f[t])||[]).filter((t=>t.id!==e))]});let o=0;Object.keys(a).map((e=>o+=a[e].length||0)),v(a),g(Object.assign(Object.assign({},m),{total_question:o})),null==u||u(o)}};return P.default.createElement("div",{className:Xa.container},y?P.default.createElement(Ea,null):(null==m?void 0:m.total_question)>0?b.length>0&&P.default.createElement(t.Accordion,{className:Xa.accordion,defaultValue:String((null===(n=b[null===(r=Object.keys(b))||void 0===r?void 0:r[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},label:{padding:0},item:{marginBottom:"16px"}}),chevron:P.default.createElement("div",{className:Xa.chevron},P.default.createElement(l.ArrowDown,{color:p.theme.colors.gray600,size:20}))},b.map((e=>{const a=f&&(null==f?void 0:f[e.id])||[];return a.length>0&&P.default.createElement(t.Accordion.Item,{key:e.id,value:String(e.id)},P.default.createElement(t.Accordion.Control,null,P.default.createElement("div",{className:Xa.header},P.default.createElement("div",{className:Xa.headingIcon},P.default.createElement("img",{src:e.thumbnail,loading:"lazy"})),P.default.createElement("div",{className:Xa.heading},e.name))),P.default.createElement(t.Accordion.Panel,null,P.default.createElement("div",{className:Xa.body},a.map((e=>P.default.createElement(Qa,{className:"question-card",key:e.id,post:e,onSkip:k}))))))}))):P.default.createElement(Wa,{message:i("profilePanel.emptyCareMess.content"),imgSrc:s.CommonGAssets.getAssetPath("questions.svg")}))};var Ka="GA-zc-O",Ya="A18McWD",$a="IB049vj",Ja="_8I--vEV";const eo=({post:a,className:l=""})=>{var n;const{data:{userInfo:i,env:{togetherBasePath:s}}}=e.useContext(h.TogetherComponentGlobalContext),{t:d}=o.useTranslations(),c=t.useMantineTheme(),{authActionWrapper:u,authorProps:p}=e.useContext(ka),m=`${window.location.origin}${s}/${null===(n=null==a?void 0:a.community)||void 0===n?void 0:n.slug}/${null==a?void 0:a.slug}/`;return P.default.createElement("div",{className:`${Ka} ${l}`},P.default.createElement("div",{className:$a},P.default.createElement("a",{"data-event-category":"Together","data-event-action":"Click Post","data-event-label":m,className:Ja,href:m,onClick:e=>{(null==i?void 0:i.id)||(e.preventDefault(),null==u||u((()=>window.location.href=m)))}}),P.default.createElement(ze,{className:"card-author",avatarProps:{avatar:null==p?void 0:p.avatar,size:32}},P.default.createElement(it.MainText,{className:Ya},null==a?void 0:a.title),P.default.createElement(it.SubTextRow,null,P.default.createElement(it.SubText,null,null==a?void 0:a.createdTime))),P.default.createElement(oa,{className:"post-content-wrapper",description:null==a?void 0:a.description,mentions:null==a?void 0:a.mentions,maxChars:200,"data-testid":"Content of the Post",hideShowAllBtn:!0}),P.default.createElement(r.Text,{size:"p3",color:c.fn.primaryColor()},d("post.seeMore"))))};var to="TSMHoEM";const ao=()=>{const{t:t}=o.useTranslations(),{data:{locale:r}}=e.useContext(h.TogetherComponentGlobalContext),{authorId:l,authorProps:n,isAuthorLogin:i,onCloseFromPost:s}=e.useContext(ka),[d,c]=e.useState(null),[u,p]=e.useState(!1);return e.useEffect((()=>{l&&a.__awaiter(void 0,void 0,void 0,(function*(){var e;p(!0);const t=yield h.callApi(h.getApiPath(h.PATHS.USER.LIST_POST,{_locale:r,id:l,isAnonymous:0}),"GET"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.posts)||[]).map(x.formatPost);c(a),p(!1)}))}),[l]),P.default.createElement("div",{className:to},u?P.default.createElement(Ea,null):null!==d&&(d.length>0?d.map((e=>P.default.createElement(eo,{className:"post-card",key:e.id,post:e}))):P.default.createElement(Wa,{message:t("profilePanel.emptyPostMess.content",{name:(null==n?void 0:n.name)||(null==n?void 0:n.username)||""}),buttonTxt:i&&t("profilePanel.createPost"),onBtnClick:()=>{null==s||s()}})))};var oo="_4Vekw96",ro="DIJdGcB",lo="aQSt4-Q";const no=e=>e?{title:null==e?void 0:e.title,organization:null==e?void 0:e.organization,duration:e.duration}:{},io=e=>e?{completedYear:null==e?void 0:e.completed_year,schoolName:e.school_name,study:e.study}:{};var so,co;exports.TabName=void 0,(so=exports.TabName||(exports.TabName={}))[so.About=0]="About",so[so.Care=1]="Care",so[so.Answer=2]="Answer",so[so.Posts=3]="Posts",function(e){e[e.Expert=0]="Expert",e[e.User=1]="User"}(co||(co={}));const uo=t=>{var r,{authorProps:n,selectedTab:i,authActionWrapper:s,onSkipQuestion:d,onCloseFromPost:c,hideQuestionTab:u,hideAnswerTab:p,showSkipQuestionTag:m,rolesToShowQuestionsTab:g=["expert"],currentPageUrl:f}=t,v=a.__rest(t,["authorProps","selectedTab","authActionWrapper","onSkipQuestion","onCloseFromPost","hideQuestionTab","hideAnswerTab","showSkipQuestionTag","rolesToShowQuestionsTab","currentPageUrl"]);const{data:{locale:b,userInfo:w,env:{isMarryBaby:y}}}=e.useContext(h.TogetherComponentGlobalContext),{t:C}=o.useTranslations(),E=null==n?void 0:n.role,k=null==w?void 0:w.role,A=String(null==n?void 0:n.userId),[N,T]=e.useState(),[S,z]=e.useState(!1),[M,B]=e.useState(),R=(null==w?void 0:w._togetherUserId)===(null==n?void 0:n.userId),I=[...-1!==g.indexOf(E)?[{value:exports.TabName.About,text:C("profilePanel.tabs.highlight"),content:P.default.createElement(Oa,{id:A,info:M}),dataEventCategory:"Together",dataEventAction:"Doctor Profile Click",dataEventLabel:f}]:[],{value:exports.TabName.Posts,text:C("profilePanel.tabs.posts"),content:P.default.createElement(ao,null),hasCountResult:!0,keyOfCountApi:"post",keyOfResult:"total_post"},...u||-1===g.indexOf(k)||(null==w?void 0:w._togetherUserId)!==(null==n?void 0:n.userId)?[]:[{value:exports.TabName.Care,text:`${C("profilePanel.tabs.care")}`,content:P.default.createElement(_a,null),hasCountResult:!0,keyOfCountApi:"question",keyOfResult:"total_question",dataEventCategory:"Together",dataEventAction:"Doctor Questions Click",dataEventLabel:f}],...p||-1===g.indexOf(E)?[]:[{value:exports.TabName.Answer,text:`${C("profilePanel.tabs.expertAnswer")}`,content:P.default.createElement(qa,{id:A}),hasCountResult:!0,keyOfCountApi:"reply",keyOfResult:"total_reply",dataEventCategory:"Together",dataEventAction:"Doctor Reply Tab Click",dataEventLabel:f}]],[O,V]=e.useState(null),[F,j]=e.useState(null),D={value:String(F),dataList:O,onTabChange:e=>j(Number(e))},U=null==I?void 0:I.filter((e=>null==e?void 0:e.hasCountResult));e.useEffect((()=>{a.__awaiter(void 0,void 0,void 0,(function*(){var e,t,a,o,r,l,n,s,d,c;z(!0);const u=yield Promise.all([h.callApi(h.getApiPath(h.PATHS.USER.DETAIL,{_locale:b,id:A}),"GET"),...U.map((e=>h.callApi(h.getApiPath(h.PATHS.USER.COUNT_TABS,{_locale:b,id:A,[e.keyOfCountApi]:1}),"GET")))]),[p]=u,m={data:null==p?void 0:p.data,experiences:((null===(t=null===(e=null==p?void 0:p.data)||void 0===e?void 0:e.fields)||void 0===t?void 0:t.experiences)||[]).map(no),relatedPosts:((null===(a=null==p?void 0:p.data)||void 0===a?void 0:a.related_post)||[]).map((e=>x.formatArticle(e.post))),educations:((null===(r=null===(o=null==p?void 0:p.data)||void 0===o?void 0:o.fields)||void 0===r?void 0:r.educations)||[]).map(io),awards:(null===(n=null===(l=null==p?void 0:p.data)||void 0===l?void 0:l.fields)||void 0===n?void 0:n.awards_accreditations)||[],contact:(null===(d=null===(s=null==p?void 0:p.data)||void 0===s?void 0:s.fields)||void 0===d?void 0:d.contact)||{}};1===(null==p?void 0:p.status)&&B(m);const g=(null==m?void 0:m.relatedPosts)||[],f=Object.keys(m.contact).map((e=>{var t;return""!==(null===(t=null==m?void 0:m.contact)||void 0===t?void 0:t[e])})),v=[...(null==m?void 0:m.experiences)||[],...(null==m?void 0:m.educations)||[],...(null==m?void 0:m.awards)||[]],w=g.length>0||f.length>0||v.length>0,y={},C=U.map(((e,t)=>{var a,o,r;const l=(null===(r=null===(o=null===(a=u[t+1])||void 0===a?void 0:a.data)||void 0===o?void 0:o.counting)||void 0===r?void 0:r[e.keyOfResult])||0;return l>0?(y[e.keyOfResult]=l,e):-1!==[exports.TabName.Care,exports.TabName.Posts].indexOf(e.value)?e:void 0})).filter(Boolean).map((e=>e.value)),E=I.map((e=>{const t=Object.assign(Object.assign({},e),{text:e.text+(e.keyOfResult?` (${(null==y?void 0:y[e.keyOfResult])||"0"})`:"")});return t.hasCountResult?-1!==C.indexOf(t.value)?t:void 0:t.value===exports.TabName.About?w&&t:t})).filter(Boolean);V(E),j(i||(null===(c=null==E?void 0:E[0])||void 0===c?void 0:c.value)),T(y),z(!1)}))}),[]);const H=null==M?void 0:M.data;return P.default.createElement(ka.Provider,{value:{isMarryBaby:y,siteType:y?"marryBaby":"helloSites",authorId:String((null==n?void 0:n.userId)||""),authActionWrapper:s,onSkipQuestion:d,info:M,authorProps:n,onCloseFromPost:c,countValues:N,setCountValues:T,isAuthorLogin:R,showSkipQuestionTag:m,currentPageUrl:f}},P.default.createElement("div",Object.assign({},v,{className:`${oo} ${(null==v?void 0:v.className)||""}`,"data-is-marrybaby":y}),S?P.default.createElement(Ea,null):P.default.createElement(P.default.Fragment,null,P.default.createElement(it,Object.assign({},n,{className:"card-author",showDetailPopup:!1,subLine:"expert"===(null==n?void 0:n.role)?(null==H?void 0:H.specialty)&&(null==H?void 0:H.organisation)&&P.default.createElement(it.SubTextRow,null,(null==H?void 0:H.specialty)&&P.default.createElement(P.default.Fragment,null,P.default.createElement(it.SubText,null,null==H?void 0:H.specialty),P.default.createElement(it.SubDivider,null)),P.default.createElement(it.SubText,null,null==H?void 0:H.organisation)):(null==H?void 0:H.created_at)&&P.default.createElement(it.SubTextRow,null,P.default.createElement(it.SubText,null,C("profilePanel.joined")," ",L.default(null==H?void 0:H.created_at).toNow(!0)))})),"expert"===E&&P.default.createElement("div",{className:ro,dangerouslySetInnerHTML:{__html:null===(r=null==M?void 0:M.data)||void 0===r?void 0:r.description}}),null!==O&&null!==F&&(O.length>0?P.default.createElement("div",{className:lo},P.default.createElement(l.Tabs,Object.assign({},D))):P.default.createElement(Wa,{message:C("profilePanel.emptyPostMess.content",{text:(null==n?void 0:n.name)||(null==n?void 0:n.username)||""})})))))};var po=Object.freeze({__proto__:null,get TabName(){return exports.TabName},get UserType(){return co},TabDataInit:{experiences:[],relatedPosts:[],educations:[],awards:[],contact:{},data:{}},ProfileDetail:uo});const mo=M.default.div`
   position: relative;
   margin-bottom: 24px;
   background: white;
@@ -3137,4 +3137,4 @@
 `,Mo=M.default(Po)`
   margin-top: 12px;
   padding: 0.5rem 1rem 1rem;
-`;exports.AuthorBadge=V,exports.BookingBtn=F,exports.CardAuthor=it,exports.CardReactions=ne,exports.Close=I,exports.Dropdown=({className:e,value:a,options:o,onChange:r=(()=>{}),id:l,placeholderIcon:n,placeholder:i,style:s,size:d="lg",groupedWithLabel:c,disabled:u,dropdownLabelTrackingAttributes:p={},isNativeSelect:m=!1})=>{const g=t.useMantineTheme(),[h,f]=P.default.useState(!1),v=()=>!u&&f(!h);if(m){const e="object"==typeof(null==a?void 0:a.value)&&a.value instanceof Date?a.value.toString():null==a?void 0:a.value;return P.default.createElement(j,{color:g.fn.primaryColor(),shadowColor:g.colors[g.primaryColor][2],as:"select","data-is-native":"true",value:e||void 0,disabled:u,onChange:e=>{if("string"==typeof e.target.value){const t=o.find((t=>t.value===e.target.value));t&&r(t)}}},i&&P.default.createElement("option",{value:i,disabled:!0,selected:!0},i),o.map((e=>P.default.createElement("option",{key:`${l}-${e.value}`,value:e.value,disabled:!!e.disabled&&e.disabled},e.label))))}return P.default.createElement(j,{color:g.fn.primaryColor(),shadowColor:g.colors[g.primaryColor][2],className:e,"data-dropdown-open":h||void 0,"data-size":d,id:l,"data-has-icons":!!n,style:s,onBlur:()=>f(!1),tabIndex:0,"data-disabled":u},!!c&&P.default.createElement(W,null,c),P.default.createElement(D,Object.assign({color:g.fn.primaryColor(),shadowColor:g.colors[g.primaryColor][2],onClick:v,className:c&&"with-label"},p),n," ",P.default.createElement("span",null,a&&a.value?a.label:i)),h&&P.default.createElement(U,{onClick:v,"data-has-icons":!!n},o.map((e=>P.default.createElement(H,{key:`${l}-${e.value}`,"data-selected":a&&a.value===e.value||void 0,onClick:()=>!e.disabled&&!u&&(null==r?void 0:r(e)),"data-disabled":!!e.disabled&&e.disabled},e.icon&&P.default.createElement(q,null,e.icon),e.label)))))},exports.LabelSortPin=de,exports.LabelSorting=({onChange:t,className:a,style:o,leftLabel:l,rightLabel:n,color:i,value:s,choices:d})=>{const{data:{env:{isMarryBaby:c}}}=e.useContext(h.TogetherComponentGlobalContext);return P.default.createElement(de,{label:l,rightLabel:P.default.createElement(me,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:d.map((e=>({label:e.label,onClick:()=>t&&t(String(e.value)),selected:e.value===s,className:"bold-item"})))},toggleButtonContent:P.default.createElement("div",{style:{display:"flex"}},P.default.createElement(r.Text,{style:{display:"flex",alignItems:"center",fontWeight:"normal",marginRight:12},size:"p4"},n),P.default.createElement("img",{src:c?"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='M8 14L12 18L16 14' stroke='%233E3F58' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath d='M16 10L12 6L8 10' stroke='%233E3F58' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3c/svg%3e":"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='M4.49992 7H11.4998C11.6352 7 11.7525 6.94506 11.8514 6.83509C11.9502 6.72515 11.9999 6.59496 11.9999 6.44449C11.9999 6.29402 11.9503 6.16389 11.8514 6.0538L8.35141 2.16491C8.25252 2.05509 8.13538 2 7.99988 2C7.86437 2 7.74723 2.05509 7.64826 2.16491L4.1483 6.0538C4.04932 6.16377 3.99988 6.29402 3.99988 6.44449C3.99988 6.59493 4.04932 6.72515 4.1483 6.83509C4.24738 6.94506 4.36452 7 4.49992 7Z' fill='%238C8C8C'/%3e%3cpath d='M11.4998 9H4.49992C4.36441 9 4.24727 9.05497 4.1483 9.16482C4.04932 9.2748 3.99988 9.40496 3.99988 9.55543C3.99988 9.7059 4.04932 9.83616 4.1483 9.94607L7.64826 13.835C7.74734 13.9449 7.86448 14 7.99988 14C8.13527 14 8.25252 13.9449 8.35141 13.835L11.8514 9.94604C11.9502 9.83616 11.9999 9.7059 11.9999 9.5554C11.9999 9.40496 11.9503 9.2748 11.8514 9.16479C11.7525 9.05485 11.6352 9 11.4998 9Z' fill='%238C8C8C'/%3e%3c/svg%3e",style:{width:16,height:16,alignSelf:"center"},loading:"lazy"}))}),color:"gray",className:a,style:o})},exports.Loading=De,exports.MainInputTriggerContext=_t,exports.PopoverMenu=pe,exports.PopupDoctor=Ue,exports.PopupExpert=_e,exports.PopupFrame=Qt,exports.PopupHospital=et,exports.PostContent=oa,exports.ProfileDetail=uo,exports.ProfileDetailModal=lt,exports.RichTextEditor=({html:t,onChange:l,className:n,style:i,onImagePickerClick:s,bannedWords:d=[],onInvalidUrlsChange:c,onPreviewUrlChange:u,setEditorRef:p,isReplying:m})=>{var g,f,v,b;const w=e.useRef([]);w.current=d;const[y,C]=e.useState([]),[E,k]=e.useState(null),{data:{locale:A}}=e.useContext(h.TogetherComponentGlobalContext),T=(null==d?void 0:d.join(","))||"";e.useEffect((()=>{var e,t;const a=null===(t=null===(e=V.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root.innerHTML;L(a)}),[T]);const S=e=>{E&&E.url===e||(k({url:e,isFetching:!0}),h.callApi(h.getApiPath(h.PATHS.FETCH_PREVIEW,{_locale:A}),"POST",{data:{link:e}}).then((t=>{var a,o,r,l;k({title:null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.title,description:null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.description,image:(null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.image)||(null===(l=null==t?void 0:t.data)||void 0===l?void 0:l.logo),url:e})})).catch((()=>{k(null)})))},z=e.useRef(S);z.current=S;const L=e.useCallback(R.default((e=>{if(e){const t=Ot(e,{bannedWords:w.current,formatUrl:!0}),{invalidUrls:a,previewUrl:o,value:r}=t;a&&C(a),o?z.current(o):k(null),r!==e&&(null==l||l(r))}}),500),[]);e.useEffect((()=>{c&&c(y)}),[y]),e.useEffect((()=>{u&&((null==E?void 0:E.url)?u({title:E.title||"",url:E.url||"",image:E.image||"",description:E.description||""}):u(null))}),[E]);const M=e.useRef(s);M.current=s;const B=o.useUniqueId(),I=e.useRef({toolbar:{handlers:{image:()=>{var e;return null===(e=M.current)||void 0===e?void 0:e.call(M)},link:()=>!1},container:"#toolbar-"+B},preserveWhiteSpace:!0}),O=e.useRef(-1),V=e.useRef(null);p&&(null===(f=null===(g=V.current)||void 0===g?void 0:g.getEditor())||void 0===f?void 0:f.root)&&p(null===(b=null===(v=V.current)||void 0===v?void 0:v.getEditor())||void 0===b?void 0:b.root);const F=()=>{var e,t,a,o,r,l,n,i;if(null===(t=null===(e=V.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root){const e=Rt(null===(o=null===(a=V.current)||void 0===a?void 0:a.getEditor())||void 0===o?void 0:o.root),t=null===(l=null===(r=V.current)||void 0===r?void 0:r.getEditor())||void 0===l?void 0:l.root.innerHTML;if(e>=0&&e<t.length){if(At(t,!0).length<30-(m?1:0)){const e=function(e){var t,a;let o=null;if(void 0!==window.getSelection){const r=window.getSelection();if((null==r?void 0:r.rangeCount)&&(null==r?void 0:r.rangeCount)>0){const r=null===(t=window.getSelection())||void 0===t?void 0:t.getRangeAt(0);if(r){const t=r.cloneRange();t.selectNodeContents(e),t.setEnd(r.endContainer,r.endOffset);const l=(t.endContainer.nodeValue||"").substring(0,r.endOffset),n=l.lastIndexOf("@");if(n+1<l.length&&(0===n||" @"===l.slice(n-1,n+1))){const e=null===(a=l.slice(n+1))||void 0===a?void 0:a.trim();if(e){t.setStart(r.endContainer,n);const a=t.cloneRange();a.setStart(a.endContainer,n),o={name:e,rect:t.getBoundingClientRect(),replaceRange:a}}}}}}return o}(null===(i=null===(n=V.current)||void 0===n?void 0:n.getEditor())||void 0===i?void 0:i.root);e?(q(e.name,e.rect),Z.current=e.replaceRange):(Z.current=null,q("",null))}else Z.current=null,q("",null);O.current=e}}else D([])},[j,D]=e.useState([]),[U,H]=e.useState({top:0,left:0}),q=e.useCallback(R.default(((e,t,o)=>a.__awaiter(void 0,void 0,void 0,(function*(){var a,r,l,n;if(!e||!DOMRect)return D([]);const i=yield((null===(a=N.getCookie(h.BEARER_TOKEN_COOKIE))||void 0===a?void 0:a.length)||0)>0?h.callApiWithAuth(h.getApiPath(h.PATHS.SEARCH_USER,{_locale:A,name:e}),"get"):h.callApiWithAdminAuth(h.getApiPath(h.ADMIN_PATHS.SEARCH_USER,{_locale:A,name:e}),"get");_(0),D(null===(l=null===(r=null==i?void 0:i.data)||void 0===r?void 0:r.users)||void 0===l?void 0:l.filter((e=>!(null==o?void 0:o.includes(String(e.id))))));const s=t,d=null===(n=G.current)||void 0===n?void 0:n.getBoundingClientRect();if(s&&d){const e=343,t=256,a={top:s.bottom-d.top,width:"min(343px, 100%)",maxHeight:t};d.width-(s.left-d.left)<e?a.right=0:a.left=s.left-d.left,H(a)}}))),500),[]),W=(e,t)=>{var a,o,r;if(Z.current){Z.current.deleteContents();const l=document.createElement("mention");l.setAttribute("data-id",e),l.setAttribute("data-name",t),l.innerText=t;const n=document.createTextNode(" ");Z.current.insertNode(n),Z.current.insertNode(l);(null===(o=null===(a=V.current)||void 0===a?void 0:a.getEditor())||void 0===o?void 0:o.root).focus();const i=null===(r=window.getSelection())||void 0===r?void 0:r.getRangeAt(0);null==i||i.setStart(Z.current.endContainer,Z.current.endOffset),null==i||i.setEnd(Z.current.endContainer,Z.current.endOffset)}D([])},G=e.useRef(null),Z=e.useRef(null),Q=e.useRef(null),[X,_]=e.useState(0);return e.useEffect((()=>{if(Q.current){const e=Q.current,t=e.children.item(X);if(t){const a=e.getBoundingClientRect(),o=t.getBoundingClientRect();t.offsetTop<e.scrollTop?e.scrollTop=t.offsetTop:t.offsetTop+o.height>e.scrollTop+a.height&&(e.scrollTop=t.offsetTop-a.height+o.height)}}}),[X]),e.useEffect((()=>{const e=function(e){var t;(null===(t=G.current)||void 0===t?void 0:t.contains(e.target))||D([])};return window.addEventListener("click",e,{passive:!0}),()=>{window.removeEventListener("click",e)}}),[]),P.default.createElement(Mt,{ref:G,className:n,style:i,onKeyDownCapture:e=>{if(null==j?void 0:j.length){let t=!1;if("ArrowDown"===e.key)t=!0,_((e=>e+1>=j.length?0:e+1));else if("Escape"===e.key)t=!0,_(0),D([]);else if("ArrowUp"===e.key)t=!0,_((e=>e-1<0?j.length-1:e-1));else if("Enter"===e.key||"Tab"===e.key){const e=j[X];e&&(t=!0,W(e.id,e.name))}if(t)return e.preventDefault(),!1}}},P.default.createElement(Vt,{id:B,onAddLink:(e,t)=>{var a,o;const r=O.current+1,n=null===(o=null===(a=V.current)||void 0===a?void 0:a.getEditor())||void 0===o?void 0:o.root.innerHTML,i=((null==n?void 0:n.substring(0,r))||"")+`<mocka data-href="${t}" data-url="true">${e}</mocka> `+((null==n?void 0:n.substring(r))||"");null==l||l(i),L(i)}}),Bt&&P.default.createElement(Bt,{ref:V,theme:"snow",value:t,onChange:e=>{null==l||l(e),L(e),F()},onChangeSelection:()=>{F()},modules:I.current,formats:["mocka1","mention","id","key","bold","italic","underline","list","bullet"]}),!!(null==j?void 0:j.length)&&P.default.createElement("div",{ref:Q,className:"mention-search-container",style:U},j.map(((e,t)=>P.default.createElement("div",{className:"mention-search-item "+(X===t?"item-selected":""),key:e.id,onClick:t=>{t.preventDefault(),t.stopPropagation(),W(e.id,e.name)},onMouseEnter:()=>{_(t)}},P.default.createElement(x.UserAvatar,{className:"search-avatar",username:e.name,avatar:e.avatar}),P.default.createElement("div",null,P.default.createElement(r.Text,{size:"p2"},e.name),P.default.createElement(r.Text,{size:"p4",color:"#595959"},"@",e.username)))))))},exports.ShareBox=$t,exports.SharePopup=({trackingCategory:a,className:l,style:n,url:i,avatar:s,text:d,onClose:u})=>{const{data:{env:{isMarryBaby:p}}}=e.useContext(h.TogetherComponentGlobalContext),{t:m}=o.useTranslations(),[g,f]=e.useState(!1);return e.useEffect((()=>(c.toggleNoScroll(!0),setTimeout((()=>f(!0)),0),()=>c.toggleNoScroll(!1))),[]),P.default.createElement(t.Portal,null,P.default.createElement(Jt,{"data-is-marrybaby":p,className:l,style:n},P.default.createElement(Qt,{className:"share-popup",isOpen:g,onClose:u,heading:m("bottomBar.share")},p?P.default.createElement(r.Text,{className:"share-mb-text",size:"sm"},m("article.shareOn")):P.default.createElement("div",{className:"custom-share__header"},s&&P.default.createElement("div",{className:"custom-share__header-image"},P.default.createElement("img",{src:s,loading:"lazy"})),P.default.createElement("div",{className:"custom-share__header-info"},P.default.createElement(h.Heading,{tag:"h4"},d),P.default.createElement(r.Text,{className:"desc",size:"md"},i))),g&&P.default.createElement($t,{trackingCategory:a,shareUrl:i||("undefined"!=typeof window?window.location.href:""),title:d}))))},exports.SourceList=Po,exports.StyledArrowWrapper=ga,exports.StyledCardLink=Q,exports.StyledCardPost=Lo,exports.StyledCardPost$1=mo,exports.StyledCircleArrow=ha,exports.StyledCreateNewPost=st,exports.StyledCreatePostDescription=Lt,exports.StyledCreatePostTitle=Dt,exports.StyledError=ct,exports.StyledIcon=xa,exports.StyledImagePreviewContainer=ua,exports.StyledImagePreviewPopup=da,exports.StyledImagePreviewTopbar=pa,exports.StyledImagePreviewWrapper=ma,exports.StyledInner=ba,exports.StyledInputCommentBar=Xt,exports.StyledIsQuestion=dt,exports.StyledNotificationBar=ca,exports.StyledPopupDanger=Ht,exports.StyledPostImagePreview=sa,exports.StyledSocialLinkPreview=ya,exports.StyledSourceList=Mo,exports.StyledSubmitReportForm=ea,exports.StyledTopicSelectList=Ut,exports.StyledWrapper=wa,exports.TagTopic=t=>{var{topics:l=[],onClick:s,className:d,style:c,trackingCategory:u="Together",locale:p="vi-VN",classNames:m,styles:g,unstyled:v,shortenedNumber:b=3,shortenedStyle:x}=t,w=a.__rest(t,["topics","onClick","className","style","trackingCategory","locale","classNames","styles","unstyled","shortenedNumber","shortenedStyle"]);const{t:y}=o.useTranslations(),{classes:C}=ie(void 0,{name:"TagTopic",classNames:m,styles:g,unstyled:v}),{data:{env:{togetherBasePath:E}},action:{sanitizeFunction:k}}=e.useContext(h.TogetherComponentGlobalContext),[A,N]=e.useState(!x);return P.default.createElement("div",Object.assign({onClick:s,className:`${C.wrapper} ${d}`,style:c},w),(A?l:l.slice(0,b)).map(((e,t)=>{const a=(null==e?void 0:e.dueDateMonth)&&0!==(null==e?void 0:e.dueDateMonth)&&(null==e?void 0:e.dueDateYear)&&0!==(null==e?void 0:e.dueDateYear);return P.default.createElement("a",{className:C.item,key:t,"data-event-category":u,"data-event-action":"Topic in Post Click","data-event-label":`${h.getCurrentBaseUrl(p)}${E}${e.url}`,href:e.isActive&&!e.isHidden?`${E}${e.url}/`:void 0},P.default.createElement(r.Text,{size:"p4"},P.default.createElement("span",{style:Object.assign({},a&&{textTransform:"capitalize"}),dangerouslySetInnerHTML:{__html:a?`${f.format(new Date(2020,Number(e.dueDateMonth)-1,1),"MMMM",{locale:n.DATE_FNS_LOCALE[p]})}${p===i.LOCALE.Vietnam?"/":" "}${null==e?void 0:e.dueDateYear}`:(null==k?void 0:k(e.name))||e.name}})))})),!A&&l.length>b&&P.default.createElement("a",{className:C.item,href:"#",onClick:e=>{e.preventDefault(),N(!0)}},P.default.createElement(r.Text,{size:"p4"},"+",y("tagTopic.moreTopics",{number:l.length-b}))))},exports.TogetherAuthConfigContext=G,exports.TogetherAuthConfigContextProvider=({children:e,defaultParams:t})=>P.default.createElement(G.Provider,{value:{defaultParams:t}},e),exports.TreePopoverMenu=me,exports.decodeMention=Et,exports.decodePostUrl=Ct,exports.encodePostContent=(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(ut,((e,t,a)=>{var o;const r=null===(o=t.match(/data-href="([^"]*)"/im))||void 0===o?void 0:o[1];return r?`<a href="${r}" target="_blank">${a}</a>`:`<a href="${a}" target="_blank">${a}</a>`})))})((e=>e.replace(gt,((e,t,a)=>`[mention+id="${t}"+name="${a}"]`)))(Tt(e)),t),exports.getMentionIdsFromString=At,exports.highlightBadWords=Pt,exports.img=Zt,exports.removeBannedWordWrapper=Tt,exports.uploadAndGetSrc=(e,t,o)=>"string"==typeof e?Promise.resolve(e):a.__awaiter(void 0,void 0,void 0,(function*(){var a;const r=new FormData;if(e.type.startsWith("image/gif"))r.append("image",e);else{const t=yield Promise.resolve().then((function(){return S(require("browser-image-compression"))})),a=yield t.default(e,{maxSizeMB:.4,maxWidthOrHeight:1536,useWebWorker:!0});r.append("image",a)}const l=o?h.callApiWithAdminAuth:h.callApiWithAuth,n=yield l(h.getApiPath(o?h.ADMIN_PATHS.COMMENT.IMAGE_UPLOAD:h.PATHS.COMMENT.IMAGE_UPLOAD,{_locale:t}),"POST",{data:r});return(null===(a=null==n?void 0:n.data)||void 0===a?void 0:a.image)||""})),exports.useTogetherAuthRequiredAction=Z,exports.youtubeVidIdGetter=e=>{var t;if(!e.includes("youtu"))return"";return(null===(t=/(.*?)(^|\/|v=)([a-z0-9_-]{11})(.*)?/gim.exec(e))||void 0===t?void 0:t[3])||""};
+`;exports.AuthorBadge=V,exports.BookingBtn=F,exports.CardAuthor=it,exports.CardReactions=ne,exports.Close=I,exports.Dropdown=({className:e,value:a,options:o,onChange:r=(()=>{}),id:l,placeholderIcon:n,placeholder:i,style:s,size:d="lg",groupedWithLabel:c,disabled:u,dropdownLabelTrackingAttributes:p={},isNativeSelect:m=!1})=>{const g=t.useMantineTheme(),[h,f]=P.default.useState(!1),v=()=>!u&&f(!h);if(m){const e="object"==typeof(null==a?void 0:a.value)&&a.value instanceof Date?a.value.toString():null==a?void 0:a.value;return P.default.createElement(j,{color:g.fn.primaryColor(),shadowColor:g.colors[g.primaryColor][2],as:"select","data-is-native":"true",value:e||void 0,disabled:u,onChange:e=>{if("string"==typeof e.target.value){const t=o.find((t=>t.value===e.target.value));t&&r(t)}}},i&&P.default.createElement("option",{value:i,disabled:!0,selected:!0},i),o.map((e=>P.default.createElement("option",{key:`${l}-${e.value}`,value:e.value,disabled:!!e.disabled&&e.disabled},e.label))))}return P.default.createElement(j,{color:g.fn.primaryColor(),shadowColor:g.colors[g.primaryColor][2],className:e,"data-dropdown-open":h||void 0,"data-size":d,id:l,"data-has-icons":!!n,style:s,onBlur:()=>f(!1),tabIndex:0,"data-disabled":u},!!c&&P.default.createElement(q,null,c),P.default.createElement(D,Object.assign({color:g.fn.primaryColor(),shadowColor:g.colors[g.primaryColor][2],onClick:v,className:c&&"with-label"},p),n," ",P.default.createElement("span",null,a&&a.value?a.label:i)),h&&P.default.createElement(U,{onClick:v,"data-has-icons":!!n},o.map((e=>P.default.createElement(H,{key:`${l}-${e.value}`,"data-selected":a&&a.value===e.value||void 0,onClick:()=>!e.disabled&&!u&&(null==r?void 0:r(e)),"data-disabled":!!e.disabled&&e.disabled},e.icon&&P.default.createElement(W,null,e.icon),e.label)))))},exports.LabelSortPin=de,exports.LabelSorting=({onChange:t,className:a,style:o,leftLabel:l,rightLabel:n,color:i,value:s,choices:d})=>{const{data:{env:{isMarryBaby:c}}}=e.useContext(h.TogetherComponentGlobalContext);return P.default.createElement(de,{label:l,rightLabel:P.default.createElement(me,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:d.map((e=>({label:e.label,onClick:()=>t&&t(String(e.value)),selected:e.value===s,className:"bold-item"})))},toggleButtonContent:P.default.createElement("div",{style:{display:"flex"}},P.default.createElement(r.Text,{style:{display:"flex",alignItems:"center",fontWeight:"normal",marginRight:12},size:"p4"},n),P.default.createElement("img",{src:c?"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='M8 14L12 18L16 14' stroke='%233E3F58' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath d='M16 10L12 6L8 10' stroke='%233E3F58' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3c/svg%3e":"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='M4.49992 7H11.4998C11.6352 7 11.7525 6.94506 11.8514 6.83509C11.9502 6.72515 11.9999 6.59496 11.9999 6.44449C11.9999 6.29402 11.9503 6.16389 11.8514 6.0538L8.35141 2.16491C8.25252 2.05509 8.13538 2 7.99988 2C7.86437 2 7.74723 2.05509 7.64826 2.16491L4.1483 6.0538C4.04932 6.16377 3.99988 6.29402 3.99988 6.44449C3.99988 6.59493 4.04932 6.72515 4.1483 6.83509C4.24738 6.94506 4.36452 7 4.49992 7Z' fill='%238C8C8C'/%3e%3cpath d='M11.4998 9H4.49992C4.36441 9 4.24727 9.05497 4.1483 9.16482C4.04932 9.2748 3.99988 9.40496 3.99988 9.55543C3.99988 9.7059 4.04932 9.83616 4.1483 9.94607L7.64826 13.835C7.74734 13.9449 7.86448 14 7.99988 14C8.13527 14 8.25252 13.9449 8.35141 13.835L11.8514 9.94604C11.9502 9.83616 11.9999 9.7059 11.9999 9.5554C11.9999 9.40496 11.9503 9.2748 11.8514 9.16479C11.7525 9.05485 11.6352 9 11.4998 9Z' fill='%238C8C8C'/%3e%3c/svg%3e",style:{width:16,height:16,alignSelf:"center"},loading:"lazy"}))}),color:"gray",className:a,style:o})},exports.Loading=De,exports.MainInputTriggerContext=_t,exports.PopoverMenu=pe,exports.PopupDoctor=Ue,exports.PopupExpert=_e,exports.PopupFrame=Qt,exports.PopupHospital=et,exports.PostContent=oa,exports.ProfileDetail=uo,exports.ProfileDetailModal=lt,exports.RichTextEditor=({html:t,onChange:l,className:n,style:i,onImagePickerClick:s,bannedWords:d=[],onInvalidUrlsChange:c,onPreviewUrlChange:u,setEditorRef:p,isReplying:m})=>{var g,f,v,b;const w=e.useRef([]);w.current=d;const[y,C]=e.useState([]),[E,k]=e.useState(null),{data:{locale:A}}=e.useContext(h.TogetherComponentGlobalContext),T=(null==d?void 0:d.join(","))||"";e.useEffect((()=>{var e,t;const a=null===(t=null===(e=V.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root.innerHTML;L(a)}),[T]);const S=e=>{E&&E.url===e||(k({url:e,isFetching:!0}),h.callApi(h.getApiPath(h.PATHS.FETCH_PREVIEW,{_locale:A}),"POST",{data:{link:e}}).then((t=>{var a,o,r,l;k({title:null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.title,description:null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.description,image:(null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.image)||(null===(l=null==t?void 0:t.data)||void 0===l?void 0:l.logo),url:e})})).catch((()=>{k(null)})))},z=e.useRef(S);z.current=S;const L=e.useCallback(R.default((e=>{if(e){const t=Ot(e,{bannedWords:w.current,formatUrl:!0}),{invalidUrls:a,previewUrl:o,value:r}=t;a&&C(a),o?z.current(o):k(null),r!==e&&(null==l||l(r))}}),500),[]);e.useEffect((()=>{c&&c(y)}),[y]),e.useEffect((()=>{u&&((null==E?void 0:E.url)?u({title:E.title||"",url:E.url||"",image:E.image||"",description:E.description||""}):u(null))}),[E]);const M=e.useRef(s);M.current=s;const B=o.useUniqueId(),I=e.useRef({toolbar:{handlers:{image:()=>{var e;return null===(e=M.current)||void 0===e?void 0:e.call(M)},link:()=>!1},container:"#toolbar-"+B},preserveWhiteSpace:!0}),O=e.useRef(-1),V=e.useRef(null);p&&(null===(f=null===(g=V.current)||void 0===g?void 0:g.getEditor())||void 0===f?void 0:f.root)&&p(null===(b=null===(v=V.current)||void 0===v?void 0:v.getEditor())||void 0===b?void 0:b.root);const F=()=>{var e,t,a,o,r,l,n,i;if(null===(t=null===(e=V.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root){const e=Rt(null===(o=null===(a=V.current)||void 0===a?void 0:a.getEditor())||void 0===o?void 0:o.root),t=null===(l=null===(r=V.current)||void 0===r?void 0:r.getEditor())||void 0===l?void 0:l.root.innerHTML;if(e>=0&&e<t.length){if(At(t,!0).length<30-(m?1:0)){const e=function(e){var t,a;let o=null;if(void 0!==window.getSelection){const r=window.getSelection();if((null==r?void 0:r.rangeCount)&&(null==r?void 0:r.rangeCount)>0){const r=null===(t=window.getSelection())||void 0===t?void 0:t.getRangeAt(0);if(r){const t=r.cloneRange();t.selectNodeContents(e),t.setEnd(r.endContainer,r.endOffset);const l=(t.endContainer.nodeValue||"").substring(0,r.endOffset),n=l.lastIndexOf("@");if(n+1<l.length&&(0===n||" @"===l.slice(n-1,n+1))){const e=null===(a=l.slice(n+1))||void 0===a?void 0:a.trim();if(e){t.setStart(r.endContainer,n);const a=t.cloneRange();a.setStart(a.endContainer,n),o={name:e,rect:t.getBoundingClientRect(),replaceRange:a}}}}}}return o}(null===(i=null===(n=V.current)||void 0===n?void 0:n.getEditor())||void 0===i?void 0:i.root);e?(W(e.name,e.rect),Z.current=e.replaceRange):(Z.current=null,W("",null))}else Z.current=null,W("",null);O.current=e}}else D([])},[j,D]=e.useState([]),[U,H]=e.useState({top:0,left:0}),W=e.useCallback(R.default(((e,t,o)=>a.__awaiter(void 0,void 0,void 0,(function*(){var a,r,l,n;if(!e||!DOMRect)return D([]);const i=yield((null===(a=N.getCookie(h.BEARER_TOKEN_COOKIE))||void 0===a?void 0:a.length)||0)>0?h.callApiWithAuth(h.getApiPath(h.PATHS.SEARCH_USER,{_locale:A,name:e}),"get"):h.callApiWithAdminAuth(h.getApiPath(h.ADMIN_PATHS.SEARCH_USER,{_locale:A,name:e}),"get");_(0),D(null===(l=null===(r=null==i?void 0:i.data)||void 0===r?void 0:r.users)||void 0===l?void 0:l.filter((e=>!(null==o?void 0:o.includes(String(e.id))))));const s=t,d=null===(n=G.current)||void 0===n?void 0:n.getBoundingClientRect();if(s&&d){const e=343,t=256,a={top:s.bottom-d.top,width:"min(343px, 100%)",maxHeight:t};d.width-(s.left-d.left)<e?a.right=0:a.left=s.left-d.left,H(a)}}))),500),[]),q=(e,t)=>{var a,o,r;if(Z.current){Z.current.deleteContents();const l=document.createElement("mention");l.setAttribute("data-id",e),l.setAttribute("data-name",t),l.innerText=t;const n=document.createTextNode(" ");Z.current.insertNode(n),Z.current.insertNode(l);(null===(o=null===(a=V.current)||void 0===a?void 0:a.getEditor())||void 0===o?void 0:o.root).focus();const i=null===(r=window.getSelection())||void 0===r?void 0:r.getRangeAt(0);null==i||i.setStart(Z.current.endContainer,Z.current.endOffset),null==i||i.setEnd(Z.current.endContainer,Z.current.endOffset)}D([])},G=e.useRef(null),Z=e.useRef(null),Q=e.useRef(null),[X,_]=e.useState(0);return e.useEffect((()=>{if(Q.current){const e=Q.current,t=e.children.item(X);if(t){const a=e.getBoundingClientRect(),o=t.getBoundingClientRect();t.offsetTop<e.scrollTop?e.scrollTop=t.offsetTop:t.offsetTop+o.height>e.scrollTop+a.height&&(e.scrollTop=t.offsetTop-a.height+o.height)}}}),[X]),e.useEffect((()=>{const e=function(e){var t;(null===(t=G.current)||void 0===t?void 0:t.contains(e.target))||D([])};return window.addEventListener("click",e,{passive:!0}),()=>{window.removeEventListener("click",e)}}),[]),P.default.createElement(Mt,{ref:G,className:n,style:i,onKeyDownCapture:e=>{if(null==j?void 0:j.length){let t=!1;if("ArrowDown"===e.key)t=!0,_((e=>e+1>=j.length?0:e+1));else if("Escape"===e.key)t=!0,_(0),D([]);else if("ArrowUp"===e.key)t=!0,_((e=>e-1<0?j.length-1:e-1));else if("Enter"===e.key||"Tab"===e.key){const e=j[X];e&&(t=!0,q(e.id,e.name))}if(t)return e.preventDefault(),!1}}},P.default.createElement(Vt,{id:B,onAddLink:(e,t)=>{var a,o;const r=O.current+1,n=null===(o=null===(a=V.current)||void 0===a?void 0:a.getEditor())||void 0===o?void 0:o.root.innerHTML,i=((null==n?void 0:n.substring(0,r))||"")+`<mocka data-href="${t}" data-url="true">${e}</mocka> `+((null==n?void 0:n.substring(r))||"");null==l||l(i),L(i)}}),Bt&&P.default.createElement(Bt,{ref:V,theme:"snow",value:t,onChange:e=>{null==l||l(e),L(e),F()},onChangeSelection:()=>{F()},modules:I.current,formats:["mocka1","mention","id","key","bold","italic","underline","list","bullet"]}),!!(null==j?void 0:j.length)&&P.default.createElement("div",{ref:Q,className:"mention-search-container",style:U},j.map(((e,t)=>P.default.createElement("div",{className:"mention-search-item "+(X===t?"item-selected":""),key:e.id,onClick:t=>{t.preventDefault(),t.stopPropagation(),q(e.id,e.name)},onMouseEnter:()=>{_(t)}},P.default.createElement(x.UserAvatar,{className:"search-avatar",username:e.name,avatar:e.avatar}),P.default.createElement("div",null,P.default.createElement(r.Text,{size:"p2"},e.name),P.default.createElement(r.Text,{size:"p4",color:"#595959"},"@",e.username)))))))},exports.ShareBox=$t,exports.SharePopup=({trackingCategory:a,className:l,style:n,url:i,avatar:s,text:d,onClose:u})=>{const{data:{env:{isMarryBaby:p}}}=e.useContext(h.TogetherComponentGlobalContext),{t:m}=o.useTranslations(),[g,f]=e.useState(!1);return e.useEffect((()=>(c.toggleNoScroll(!0),setTimeout((()=>f(!0)),0),()=>c.toggleNoScroll(!1))),[]),P.default.createElement(t.Portal,null,P.default.createElement(Jt,{"data-is-marrybaby":p,className:l,style:n},P.default.createElement(Qt,{className:"share-popup",isOpen:g,onClose:u,heading:m("bottomBar.share")},p?P.default.createElement(r.Text,{className:"share-mb-text",size:"sm"},m("article.shareOn")):P.default.createElement("div",{className:"custom-share__header"},s&&P.default.createElement("div",{className:"custom-share__header-image"},P.default.createElement("img",{src:s,loading:"lazy"})),P.default.createElement("div",{className:"custom-share__header-info"},P.default.createElement(h.Heading,{tag:"h4"},d),P.default.createElement(r.Text,{className:"desc",size:"md"},i))),g&&P.default.createElement($t,{trackingCategory:a,shareUrl:i||("undefined"!=typeof window?window.location.href:""),title:d}))))},exports.SourceList=Po,exports.StyledArrowWrapper=ga,exports.StyledCardLink=Q,exports.StyledCardPost=Lo,exports.StyledCardPost$1=mo,exports.StyledCircleArrow=ha,exports.StyledCreateNewPost=st,exports.StyledCreatePostDescription=Lt,exports.StyledCreatePostTitle=Dt,exports.StyledError=ct,exports.StyledIcon=xa,exports.StyledImagePreviewContainer=ua,exports.StyledImagePreviewPopup=da,exports.StyledImagePreviewTopbar=pa,exports.StyledImagePreviewWrapper=ma,exports.StyledInner=ba,exports.StyledInputCommentBar=Xt,exports.StyledIsQuestion=dt,exports.StyledNotificationBar=ca,exports.StyledPopupDanger=Ht,exports.StyledPostImagePreview=sa,exports.StyledSocialLinkPreview=ya,exports.StyledSourceList=Mo,exports.StyledSubmitReportForm=ea,exports.StyledTopicSelectList=Ut,exports.StyledWrapper=wa,exports.TagTopic=t=>{var{topics:l=[],onClick:s,className:d,style:c,trackingCategory:u="Together",locale:p="vi-VN",classNames:m,styles:g,unstyled:v,shortenedNumber:b=3,shortenedStyle:x}=t,w=a.__rest(t,["topics","onClick","className","style","trackingCategory","locale","classNames","styles","unstyled","shortenedNumber","shortenedStyle"]);const{t:y}=o.useTranslations(),{classes:C}=ie(void 0,{name:"TagTopic",classNames:m,styles:g,unstyled:v}),{data:{env:{togetherBasePath:E}},action:{sanitizeFunction:k}}=e.useContext(h.TogetherComponentGlobalContext),[A,N]=e.useState(!x);return P.default.createElement("div",Object.assign({onClick:s,className:`${C.wrapper} ${d}`,style:c},w),(A?l:l.slice(0,b)).map(((e,t)=>{const a=(null==e?void 0:e.dueDateMonth)&&0!==(null==e?void 0:e.dueDateMonth)&&(null==e?void 0:e.dueDateYear)&&0!==(null==e?void 0:e.dueDateYear);return P.default.createElement("a",{className:C.item,key:t,"data-event-category":u,"data-event-action":"Topic in Post Click","data-event-label":`${h.getCurrentBaseUrl(p)}${E}${e.url}`,href:e.isActive&&!e.isHidden?`${E}${e.url}/`:void 0},P.default.createElement(r.Text,{size:"p4"},P.default.createElement("span",{style:Object.assign({},a&&{textTransform:"capitalize"}),dangerouslySetInnerHTML:{__html:a?`${f.format(new Date(2020,Number(e.dueDateMonth)-1,1),"MMMM",{locale:n.DATE_FNS_LOCALE[p]})}${p===i.LOCALE.Vietnam?"/":" "}${null==e?void 0:e.dueDateYear}`:(null==k?void 0:k(e.name))||e.name}})))})),!A&&l.length>b&&P.default.createElement("a",{className:C.item,href:"#",onClick:e=>{e.preventDefault(),N(!0)}},P.default.createElement(r.Text,{size:"p4"},"+",y("tagTopic.moreTopics",{number:l.length-b}))))},exports.TogetherAuthConfigContext=G,exports.TogetherAuthConfigContextProvider=({children:e,defaultParams:t})=>P.default.createElement(G.Provider,{value:{defaultParams:t}},e),exports.TreePopoverMenu=me,exports.decodeMention=Et,exports.decodePostUrl=Ct,exports.encodePostContent=(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(ut,((e,t,a)=>{var o;const r=null===(o=t.match(/data-href="([^"]*)"/im))||void 0===o?void 0:o[1];return r?`<a href="${r}" target="_blank">${a}</a>`:`<a href="${a}" target="_blank">${a}</a>`})))})((e=>e.replace(gt,((e,t,a)=>`[mention+id="${t}"+name="${a}"]`)))(Tt(e)),t),exports.getMentionIdsFromString=At,exports.highlightBadWords=Pt,exports.img=Zt,exports.removeBannedWordWrapper=Tt,exports.uploadAndGetSrc=(e,t,o)=>"string"==typeof e?Promise.resolve(e):a.__awaiter(void 0,void 0,void 0,(function*(){var a;const r=new FormData;if(e.type.startsWith("image/gif"))r.append("image",e);else{const t=yield Promise.resolve().then((function(){return S(require("browser-image-compression"))})),a=yield t.default(e,{maxSizeMB:.4,maxWidthOrHeight:1536,useWebWorker:!0});r.append("image",a)}const l=o?h.callApiWithAdminAuth:h.callApiWithAuth,n=yield l(h.getApiPath(o?h.ADMIN_PATHS.COMMENT.IMAGE_UPLOAD:h.PATHS.COMMENT.IMAGE_UPLOAD,{_locale:t}),"POST",{data:r});return(null===(a=null==n?void 0:n.data)||void 0===a?void 0:a.image)||""})),exports.useTogetherAuthRequiredAction=Z,exports.youtubeVidIdGetter=e=>{var t;if(!e.includes("youtu"))return"";return(null===(t=/(.*?)(^|\/|v=)([a-z0-9_-]{11})(.*)?/gim.exec(e))||void 0===t?void 0:t[3])||""};

package/build/{index.styled-4108cde2.js → index.styled-e7790b5f.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("./tslib.es6-a447d75e.js"),t=require("react"),i=require("./theme-c252ab3b.js"),n=require("styled-components");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=p(t),o=p(n);const h=o.default((t=>{var{type:i}=t,n=e.__rest(t,["type"]);return a.default.createElement(i,n)}))`
+"use strict";var e=require("./tslib.es6-bc58e7e5.js"),t=require("react"),i=require("./theme-79d3f26f.js"),n=require("styled-components");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=p(t),o=p(n);const h=o.default((t=>{var{type:i}=t,n=e.__rest(t,["type"]);return a.default.createElement(i,n)}))`
   color: var(--text-color, ${i.theme.mbColors.dark});
   font-family: Krub;
   font-weight: 600;