@hhgtech/hhg-components 1.26.7 → 1.26.8

package/build/esm/types-81d0f5f2.js

@@ -0,0 +1,3078 @@
+import{a as e,_ as t}from"./tslib.es6-fe545a17.js";import*as a from"react";import o,{createContext as n,useContext as i,useState as l,useRef as r,useEffect as s,useMemo as c,useCallback as d}from"react";import{useMantineTheme as m,createStyles as p,Flex as u,Checkbox as g,Portal as h,Anchor as v,Accordion as f,Popover as b}from"@mantine/core";import{a as y}from"./index.styled-4540e146.js";import{u as w}from"./useTranslations-2c71b7e9.js";import x from"innertext";import{t as E}from"./theme-14d3ed36.js";import{N as C,a9 as k,a4 as N,D as A,_ as L,C as T,ab as P}from"./index.styled-c2b8575f.js";import{CommonGAssets as I}from"./gAssets.js";import{f as S,A as z}from"./index-862be2c0.js";import{B as M}from"./index-871aefd9.js";import j from"dayjs";import"./screenSizeContext-4828f72d.js";import F,{keyframes as B,css as O}from"styled-components";import{d as R}from"./index-9147523d.js";import{M as V,t as D,c as U,a as W}from"./utils-c9476401.js";import"./isProduction-ea2805e9.js";import"./Onboarding-1e0cdc14.js";import"./index-159e23dd.js";import"@mantine/hooks";import{T as Z,au as H,av as q,aw as _,ax as G,ay as Q,az as X,aA as K,U as $,aB as Y,aC as J,aD as ee,aE as te,aF as ae,aG as oe,aH as ne,aI as ie,aJ as le,aK as re,aL as se,aM as ce,aN as de,aO as me,aP as pe}from"./index.styled-0520150f.js";import{A as ue,B as ge,T as he,D as ve}from"./index-cebbf552.js";import{e as fe,c as be,P as ye,g as we,b as xe,h as Ee,i as Ce}from"./dataTransform-15d0f3e5.js";import{T as ke}from"./index-e4fc4d53.js";import{I as Ne}from"./index-9dc57d76.js";import Ae from"lodash/debounce";import Le from"react-contenteditable";import{I as Te,C as Pe,a as Ie}from"./index-cbc2ff64.js";import{B as Se}from"./index-5939dafb.js";import{H as ze}from"./index-e2d3b625.js";import{d as Me,g as je}from"./cookieHelper-1b97affb.js";import*as Fe from"react-dom";import"./index-0f61e70e.js";import"./index-04fb5dcf.js";import"./index.styled-47f8a12f.js";import"./index-ed97452a.js";import"date-fns";import"react-day-picker/DayPickerInput";import"./index-9def8ea9.js";import"lodash/throttle";import"keen-slider/react";import"./types-942826d2.js";import"react-hook-form";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./index.styled-e09431ef.js";import"string-format";import Be from"dayjs/plugin/relativeTime";import{M as Oe}from"./index-ccd9a1c1.js";import{a as Re}from"./useUniqueId-68407b14.js";import"./translationsContext-15f5801f.js";import{g as Ve}from"./routing-fb90d6e9.js";const De=e=>a.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),a.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"})),Ue=n({}),We=({children:e,defaultParams:t})=>o.createElement(Ue.Provider,{value:{defaultParams:t}},e),Ze=e=>{const{data:{userInfo:t,env:{togetherBasePath:a}}}=i(Z),{defaultParams:o}=i(Ue)||{},n=null==t?void 0:t.id,l=t&&"number"==typeof t.communities_interacted&&0===t.communities_interacted;return{authActionWrapper:(t,i)=>{const r=Object.assign(Object.assign(Object.assign({},o),e),i);if(!n||l){n||Me(H),(null==r?void 0:r._joinCommunityIds)&&(localStorage.setItem("to_join_community_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_community_ids")||"[]")||[]).concat(r._joinCommunityIds).filter(Boolean))))),null==r||delete r._joinCommunityIds),(null==r?void 0:r._joinTopicIds)&&(localStorage.setItem("to_join_topic_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_topic_ids")||"[]")||[]).concat(r._joinTopicIds).filter(Boolean))))),null==r||delete r._joinTopicIds);const e=(null==r?void 0:r._location)||window.location.href;return null==r||delete r._location,window.location.href=q(e,r,a),null}return t&&t()},params:Object.assign(Object.assign({},o),e)}},He=F.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1em;
+  button {
+    position: relative;
+  }
+`,qe=B`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`;F.div`
+  display: flex;
+  width: fit-content;
+  width: -moz-fit-content;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 1rem 2rem;
+  background: white;
+  border-radius: ${e=>e.theme.borderRadius};
+  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),
+    -2px 2px 5px rgba(67, 86, 100, 0.123689);
+  .loading-spinner {
+    width: 24px;
+    height: 24px;
+    margin-bottom: 0.5rem;
+    animation: ${qe} 1.2s linear infinite;
+  }
+  &[data-is-marrybaby='true'] {
+    box-shadow: none;
+  }
+`;const _e=({className:e,size:t="md"})=>{const{t:a}=w();return o.createElement(He,{className:e},o.createElement(Se,{size:t,color:"transparent",isLoading:!0},a("loading")))},Ge=F.div`
+  .link-info-container {
+    padding: 0.5rem 1rem;
+    background: ${e=>e.color||"#f4faff"};
+  }
+  .link-image-wrapper {
+    position: relative;
+    overflow: hidden;
+    width: 100%;
+    padding-top: min(280px, 56.25%);
+    .link-image-blur {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 110%;
+      height: 110%;
+      /* Add the blur effect */
+      -webkit-filter: blur(8px);
+      filter: blur(8px);
+      object-fit: cover;
+      object-position: center;
+      opacity: 0.8;
+      transform: translate(-50%, -50%);
+    }
+    .link-image {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+      object-position: center;
+    }
+  }
+  a {
+    text-decoration: none;
+  }
+  &[data-is-marrybaby='true'] {
+    overflow: hidden;
+    border-radius: 1rem;
+    .link-info-container {
+      padding-bottom: 1rem;
+      p {
+        color: #2661ad;
+      }
+      .link-logo {
+        max-width: 2rem;
+        height: 13px;
+        margin-right: 4px;
+        object-fit: contain;
+        vertical-align: middle;
+      }
+    }
+    .link-image-wrapper {
+      padding-top: min(360px, 56.25%);
+      .link-image {
+        object-fit: cover;
+      }
+    }
+  }
+`,Qe=({title:t,url:a,image:n,logo:c,className:d,style:p,noRefetch:u})=>{const{data:{locale:g,env:{isMarryBaby:h}}}=i(Z),[v,f]=l(!1),b=m(),y=r(u);y.current=u;const[w,x]=l(null);s((()=>{e(void 0,void 0,void 0,(function*(){if(!y.current){if(!a)return x(null);x((e=>Object.assign(Object.assign({},e),{isFetching:!0}))),_(G(Q.FETCH_PREVIEW,{_locale:g}),"POST",{data:{link:a},headers:{"Content-Type":"application/json"}}).then((e=>{var t,o,n;f(!1),x({title:null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.title,url:a,image:(null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.image)||(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.logo)})})).catch((()=>{x(null)}))}}))}),[a]);const E=(null==w?void 0:w.image)||n,C=(null==w?void 0:w.title)||t,k=(null==w?void 0:w.logo)||c,N=(null==w?void 0:w.url)||a,A=N.replace("http://","").replace("https://","").split(/[/?#]/)[0],L=r(!1);return o.createElement(Ge,{"data-is-marrybaby":h,className:`${d} no-replace-click`,style:p,color:b.colors[b.primaryColor][0]},o.createElement("a",{href:N,target:"_blank",rel:"noreferrer"},E&&o.createElement("div",{className:"link-image-wrapper"},!h&&o.createElement("img",{className:"link-image-blur",src:E,onError:e=>{L.current||(L.current=!0,e.currentTarget.src=X)}}),o.createElement("img",{className:"link-image",src:E,onError:e=>{L.current||(L.current=!0,e.currentTarget.src=X)}})),o.createElement("div",{className:"link-info-container"},o.createElement(ke,{size:"n1"},h&&k&&!v&&o.createElement("img",{className:"link-logo",src:k,onError:()=>f(!0)}),A),o.createElement(ze,{tag:"h6"},C))))},Xe=n({});var Ke="vvR-m49";const $e=({children:e,className:t=""})=>{const{isReplied:a,trackingCategory:n,trackingLabel:l,onLikeClick:r}=i(Xe);return o.createElement("div",{className:`${Ke} ${t}`,"data-event-category":n,"data-event-action":a?"Like Comment Click":"Like Post Click","data-event-label":l,onClick:()=>{null==r||r()}},e)},Ye=({children:e,className:t=""})=>{const{trackingCategory:a,trackingLabel:n,onShareClick:l}=i(Xe);return o.createElement("div",{className:`${Ke} ${t}`,onClick:()=>{null==l||l()},"data-event-category":a,"data-event-action":"Share Icon Click","data-event-label":n},e)},Je=({children:e,className:t=""})=>{const{isReplied:a,trackingCategory:n,trackingLabel:l,onCommentClick:r}=i(Xe);return o.createElement("div",{className:`${Ke} ${t}`,"data-event-category":n,"data-event-action":a?"Reply Comment Click":"Comment Text Click","data-event-label":l,onClick:e=>{e.preventDefault(),e.stopPropagation(),null==r||r()}},e)};var et,tt="UhiT4m5",at="oEfeTkV",ot="OlbikxJ",nt="_9GXHCn3",it="MV3lNuh";!function(e){e[e.post=1]="post",e[e.reply=2]="reply"}(et||(et={}));const lt=e=>{var{type:a,loveCount:n=0,replyCount:l=0,replyPadding:r,liked:s,isReplied:c,onCommentClick:d,onLikeClick:m,onShareClick:p,className:u,style:g,hideCommentIcon:h,showingMostEngaging:v,isMarryBaby:f,hasShare:b=!0,hasCountLike:y=!0,trackingCategory:x="Together",trackingLabel:k="",children:N}=e,A=t(e,["type","loveCount","replyCount","replyPadding","liked","isReplied","onCommentClick","onLikeClick","onShareClick","className","style","hideCommentIcon","showingMostEngaging","isMarryBaby","hasShare","hasCountLike","trackingCategory","trackingLabel","children"]);const{data:{env:{isMarryBaby:L}}}=i(Z),T=Boolean(f)?f:L,{t:P}=w();return o.createElement(Xe.Provider,{value:{liked:s,loveCount:n,trackingCategory:x,trackingLabel:k,isReplied:c,onLikeClick:m,onShareClick:p,onCommentClick:d}},N||o.createElement("div",Object.assign({className:`${tt} ${u}`,"data-show-most-engaging":v,"data-type":a===et.post?"post":"reply","data-reply-padding":a===et.reply&&r,"data-is-marrybaby":T,style:g},A),o.createElement("div",{className:at},o.createElement("div",{className:ot},o.createElement($e,null,o.createElement(ke,{className:nt,style:{marginRight:"25px"},size:"p3",as:"div"},o.createElement(C,{className:"txt-icon",isMarryBaby:T,isSolid:s,color:s?T?E.mbColors.pink:E.colors.red800:"#737373"}),y&&o.createElement("div",{className:it},n))),b&&o.createElement(Ye,null,o.createElement(ke,{size:"p3",className:nt,as:"div"},o.createElement(Te.Share,{isMarryBaby:T})))),!h&&o.createElement(Je,null,o.createElement(ke,{size:"p3",className:nt,as:"div"},c?o.createElement(Te.Reply,{className:"txt-icon"}):o.createElement(Te.Comment,{className:"txt-icon",isMarryBaby:T}),c?P("cardReactions.reply"):o.createElement("div",{className:it},P("post.commentCount",{count:l})))))))};lt.LikeWrapper=$e,lt.ShareWrapper=Ye,lt.CommentWrapper=Je;const rt=p((e=>({wrapper:{display:"flex",width:"100%",padding:"0.5rem 0",cursor:"grab",overflowX:"auto","::-webkit-scrollbar":{width:0},"&.sliding":{cursor:"grabbing",userSelect:"none",a:{pointerEvents:"none"}}},item:{position:"relative",whiteSpace:"nowrap",padding:"5px 12px",background:e.colors.gray[0],borderRadius:"2rem",cursor:"pointer","-webkit-user-drag":"none",userSelect:"none",textDecoration:"none",marginLeft:"0.5rem","*":{pointerEvents:"none"},"&:first-child":{marginLeft:0}},text:{}}))),st=e=>{var{topics:a,onClick:n,className:s,style:c,trackingCategory:d="Together",locale:m,classNames:p,styles:u,unstyled:g}=e,h=t(e,["topics","onClick","className","style","trackingCategory","locale","classNames","styles","unstyled"]);const{classes:v}=rt(void 0,{name:"TagTopic",classNames:p,styles:u,unstyled:g}),{sliding:f,mouseDownHandler:b,sliderRef:y}=(()=>{const[e,t]=l(!1),a=r(null),o=r(null),n=r();return{sliding:e,mouseDownHandler:function(e){if(a.current){n.current=setTimeout((()=>{t(!0)}),500),o.current={left:a.current.scrollLeft,x:e.clientX};const i=function(e){const t=o.current;if(t){const o=e.clientX-t.x;a.current&&(a.current.scrollLeft=t.left-o)}},l=function(){n.current&&(clearTimeout(n.current),n.current=void 0),t(!1),document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",l)};document.addEventListener("mousemove",i,{passive:!0}),document.addEventListener("mouseup",l,{passive:!0})}},sliderRef:a,pos:o}})(),{data:{env:{togetherBasePath:w}},action:{sanitizeFunction:x}}=i(Z);return o.createElement("div",Object.assign({ref:y,onClick:n,onMouseDown:e=>b(e),className:`${v.wrapper} ${s} ${f?"sliding":""}`,style:c},h),a.map(((e,t)=>o.createElement("a",{className:v.item,key:t,"data-event-category":d,"data-event-action":"Topic in Post Click","data-event-label":`${K(m)}${w}${e.url}`,href:e.isActive&&!e.isHidden?`${w}${e.url}`:void 0},o.createElement(ke,{size:"p4"},o.createElement("span",{dangerouslySetInnerHTML:{__html:(null==x?void 0:x(e.name))||e.name}}))))))},ct=F.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px;
+  cursor: pointer;
+  &[data-color='gray'] {
+    background: ${e=>e.theme.colors.neutral50};
+  }
+  &[data-color='white'] {
+    border-bottom: 1px solid #e4e8ec;
+    background: ${e=>e.theme.colors.white};
+  }
+
+  .popover-menu__btn {
+    display: flex;
+    min-width: 2rem;
+    height: 2rem;
+    align-items: center;
+    padding: 8px 0 !important;
+    border: none;
+    margin-left: 0.5rem;
+    background: transparent;
+    > span {
+      display: flex;
+      align-items: center;
+    }
+
+    &:hover {
+      background: transparent !important;
+    }
+  }
+
+  &.label-pinned {
+    border-radius: ${e=>e.theme.borderRadius} 6px 0 0;
+    .label-sort-pin-icon {
+      width: 16px;
+      height: 16px;
+      vertical-align: middle;
+    }
+  }
+
+  &[data-is-marrybaby='true'] {
+    padding: 0.75rem 1rem;
+    border-radius: 16px 16px 0px 0px;
+    &[data-color='white'] {
+      border-bottom: none;
+    }
+    &[data-color='gray'] {
+      background: #f3f3f3;
+    }
+    .popover-menu__btn {
+      width: unset;
+    }
+
+    &.label-pinned {
+      border-bottom: none;
+      background: #fff9eb;
+      border-radius: 1rem 1rem 0 0;
+      .label-sort-pin-icon {
+        margin-right: 8px;
+      }
+      .label-sort-pin-heading {
+        color: #fb8c00;
+      }
+    }
+    &.label-sorting {
+      ${V.tdUp} {
+        padding-bottom: 1.5rem;
+        margin-bottom: -0.75rem;
+      }
+    }
+  }
+`,dt=({label:e,rightLabel:t,onClick:a,color:n,className:l,style:r})=>{const{data:{env:{isMarryBaby:s}}}=i(Z);return o.createElement(ct,{"data-is-marrybaby":s,"data-color":n,onClick:a,className:l,style:r},o.createElement(ke,{className:"label-sort-pin-heading",size:s?"p4":"p3",type:"bold"},e),t)};const mt=({onClick:e,color:t,className:a,style:n})=>{const{data:{env:{isMarryBaby:l}}}=i(Z),{t:r}=w();return o.createElement(dt,{label:o.createElement(o.Fragment,null,l&&o.createElement("img",{className:"label-sort-pin-icon",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 %3cpath d='M3.5 19.9999L7.87 15.6299' stroke='%23FB8C00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.95634 11.294C4.56534 11.685 4.56534 12.318 4.95634 12.708L7.87434 15.626L10.7923 18.544C11.1833 18.935 11.8163 18.935 12.2063 18.544L13.3813 17.369C13.5693 17.181 13.6743 16.927 13.6743 16.662V12.726L16.5743 9.82597L18.8833 9.94897C19.1663 9.96397 19.4433 9.85797 19.6433 9.65797L20.2173 9.08397C20.6083 8.69297 20.6083 8.05997 20.2173 7.66997L15.8313 3.28397C15.4403 2.89297 14.8073 2.89297 14.4173 3.28397L13.8433 3.85797C13.6423 4.05897 13.5363 4.33497 13.5523 4.61797L13.6753 6.92697L10.7753 9.82697H6.83834C6.57334 9.82697 6.31834 9.93197 6.13134 10.12L4.95634 11.294V11.294Z' stroke='%23FB8C00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath d='M16.5699 9.83018L13.6699 6.93018' stroke='%23FB8C00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3c/svg%3e"})," ",r("label.pinnedPost")),rightLabel:!l&&o.createElement("img",{className:"label-sort-pin-icon",src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='7.18605' y1='7.68219' x2='3.68219' y2='13.8139' stroke='%23FEA21E' stroke-linecap='round'/%3e%3cpath d='M3.24591 7.78426C3.21275 7.84168 3.20376 7.90993 3.22092 7.97398C3.23808 8.03803 3.27998 8.09264 3.3374 8.12579L8.78429 11.2706C8.90385 11.3396 9.05674 11.2986 9.12578 11.1791C9.71191 10.1641 9.71348 8.97262 9.23682 7.99339L10.8583 5.18521C11.5115 5.00603 12.0982 4.57973 12.4638 3.94629C12.5328 3.82672 12.4919 3.67383 12.3723 3.6048L8.18237 1.18584C8.12494 1.15268 8.0567 1.1437 7.99265 1.16086C7.92861 1.17803 7.874 1.21993 7.84086 1.27736C7.47521 1.91077 7.39934 2.63194 7.57065 3.28723L5.94919 6.09545C4.86323 6.1723 3.83201 6.76934 3.24591 7.78426Z' fill='%23FEA21E' stroke='%23FEA21E' stroke-width='0.5' stroke-linejoin='round'/%3e%3c/svg%3e"}),onClick:e,color:"white",className:`label-pinned ${a}`,style:n})};const pt=F.div`
+  position: relative;
+  display: content;
+
+  .popover-menu__btn {
+    /* position: relative; */
+    > span {
+      width: 100%;
+      height: 100%;
+      > img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+
+  .popover-menu__content {
+    position: absolute;
+    z-index: 10;
+    width: 320px;
+    padding: 8px;
+    border: none;
+    background: #fff;
+    border-radius: 8px;
+    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);
+
+    &::before {
+      position: absolute;
+      width: 16px;
+      height: 8px;
+      background: #fff;
+      content: '';
+    }
+
+    &.--position {
+      &-top {
+        bottom: calc(100% + 8px);
+
+        &.--align {
+          &-start {
+            left: 0;
+
+            &::before {
+              top: 100%;
+              left: 16px;
+              clip-path: polygon(0 0, 50% 100%, 100% 0);
+            }
+          }
+
+          &-end {
+            left: 100%;
+            transform: translateX(calc(-100% + 1rem));
+
+            &::before {
+              top: 100%;
+              right: 16px;
+              clip-path: polygon(0 0, 50% 100%, 100% 0);
+            }
+          }
+        }
+      }
+
+      &-right {
+        left: calc(100% + 8px);
+
+        &.--align {
+          &-start {
+            top: 0;
+
+            &::before {
+              top: 16px;
+              left: 0;
+              width: 8px;
+              height: 16px;
+              clip-path: polygon(0 50%, 100% 0%, 100% 100%);
+              transform: translateX(-100%);
+            }
+          }
+
+          &-end {
+            top: 100%;
+            transform: translateX(calc(-100% + 1rem));
+
+            &::before {
+              bottom: 16px;
+              left: 0;
+              width: 8px;
+              height: 16px;
+              clip-path: polygon(0 50%, 100% 0%, 100% 100%);
+              transform: translateX(-100%);
+            }
+          }
+        }
+      }
+
+      &-bottom {
+        top: calc(100% + 8px);
+
+        &.--align {
+          &-start {
+            left: 0;
+
+            &::before {
+              bottom: 100%;
+              left: 16px;
+              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
+            }
+          }
+
+          &-end {
+            left: 100%;
+            transform: translateX(calc(-100% + 1rem));
+
+            &::before {
+              right: 16px;
+              bottom: 100%;
+              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
+            }
+          }
+        }
+      }
+
+      &-left {
+        left: -8px;
+        transform: translateX(-100%);
+
+        &.--align {
+          &-start {
+            top: 0;
+
+            &::before {
+              top: 16px;
+              left: 100%;
+              width: 8px;
+              height: 16px;
+              clip-path: polygon(0 0%, 100% 50%, 0% 100%);
+              transform: translateX(0);
+            }
+          }
+
+          &-end {
+            bottom: 0;
+
+            &::before {
+              bottom: 16px;
+              left: 100%;
+              width: 8px;
+              height: 16px;
+              clip-path: polygon(0 0%, 100% 50%, 0% 100%);
+              transform: translateX(0);
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &[data-is-marrybaby='true'] {
+    .popover-menu__content {
+      padding: 0;
+      border-radius: 12px;
+      /* &::before {
+        display: none;
+      } */
+    }
+  }
+`,ut=F.div`
+  display: flex;
+  /* max-height: 300px; */
+  flex-direction: column;
+  cursor: default;
+
+  .__header {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 1rem 0;
+    margin-bottom: 8px;
+
+    .__back-btn {
+      position: absolute;
+      top: 50%;
+      left: 8px;
+      width: 16px;
+      height: 16px;
+      cursor: pointer;
+      transform: translateY(-50%);
+    }
+  }
+
+  .tree-text-description {
+    padding-right: 8px;
+    padding-left: 8px;
+    margin-top: -8px;
+    margin-bottom: 8px;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 22px;
+    text-align: left;
+  }
+
+  .__content {
+    overflow: auto;
+    flex: 1;
+  }
+
+  .__list {
+    .__item {
+      position: relative;
+      &.bold-item {
+        font-weight: 700;
+      }
+      &:last-child {
+        .__btn {
+          margin-bottom: 0;
+        }
+      }
+
+      .__btn {
+        position: relative;
+        display: flex;
+        width: 100%;
+        height: 40px;
+        align-items: center;
+        padding: 0 1rem;
+        border: none;
+        margin-bottom: 8px;
+        color: ${e=>e.theme.colors.gray800};
+        cursor: pointer;
+        text-align: left;
+        transition: background 0.3s;
+
+        /* for better gtm tracking result  */
+        * {
+          pointer-events: none;
+        }
+        &.--checked {
+          color: ${e=>e.theme.colors.gray500};
+          pointer-events: none;
+        }
+
+        &:hover {
+          background: ${e=>e.theme.colors.gray100};
+        }
+
+        .__icon {
+          width: 16px;
+          height: 16px;
+          margin-right: 0.4rem;
+        }
+
+        & > span {
+          position: relative;
+
+          & > img {
+            width: 16px;
+            height: 16px;
+            margin-right: 0.4rem;
+          }
+        }
+      }
+
+      .__toggle {
+        position: absolute;
+        top: 50%;
+        right: 16px;
+        width: 16px;
+        height: 16px;
+        pointer-events: none;
+        transform: translateY(-50%);
+      }
+    }
+  }
+  &[data-is-marrybaby='true'] {
+    .__header {
+      padding: 1rem;
+    }
+    .tree-text-description {
+      padding: 0 1rem;
+    }
+    .__list {
+      .__item {
+        &:first-child {
+          .__btn {
+            border-top-left-radius: 12px;
+            border-top-right-radius: 12px;
+          }
+        }
+        &:last-child {
+          .__btn {
+            border-bottom-left-radius: 12px;
+            border-bottom-right-radius: 12px;
+          }
+        }
+        .__btn {
+          height: unset;
+          padding: 1rem;
+          margin-bottom: 0;
+          &:hover {
+            background: ${e=>e.theme.mbColors.lightPink};
+          }
+        }
+      }
+    }
+  }
+`,gt=({className:e,style:t,toggleButtonContent:a,position:n="bottom",align:c="end",children:d,buttonProps:m})=>{const{data:{env:{isMarryBaby:p}}}=i(Z),[u,g]=l(!1),h=r(null),v=r(u);return s((()=>{var e;v.current=u,u&&(null===(e=h.current)||void 0===e||e.focus())}),[u]),s((()=>{const e=e=>{var t;!(null===(t=h.current)||void 0===t?void 0:t.contains(e.target))&&v.current&&g(!1)};return window.addEventListener("click",e,{passive:!0}),()=>{window.removeEventListener("click",e)}}),[]),o.createElement(pt,{"data-is-marrybaby":p,className:e,style:t},o.createElement(Se,Object.assign({theme:p?"marryBaby":"helloSites",className:"popover-menu__btn",size:"md",color:"transparent",onClick:()=>g((e=>!e))},m),a),u?o.createElement("div",{ref:h,className:`popover-menu__content --position-${n} --align-${c}`,tabIndex:0,onClick:e=>e.stopPropagation()},"function"==typeof d?d({setShow:g}):d):null)};const ht=e=>{var{data:a}=e,n=t(e,["data"]);return o.createElement(gt,Object.assign({},n),(({setShow:e})=>o.createElement(vt,{data:a,setShow:e})))},vt=({data:e,setShow:t})=>{var a;const[n,i]=l(""),r=c((()=>e&&((e,t)=>{const a=t.split(".");let o=e;return a.forEach((e=>{var t,a;e&&o&&"list"===(null==o?void 0:o.type)&&(o=null===(a=null===(t=null==o?void 0:o.list)||void 0===t?void 0:t[Number(e)])||void 0===a?void 0:a.subTree)})),o})(e,n)),[e,n]);if(!e)return null;if(!r)return null;return o.createElement(ut,null,r.isShowheader?o.createElement("div",{className:"__header"},n?o.createElement("img",{className:"__back-btn",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%3cpath d='M15 18L9 12L15 6' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",onClick:()=>i((e=>e.split(".").slice(0,-1).join(".")))}):null,r.title?o.createElement(ze,{className:"__title",tag:"h6"},r.title):null):null,r.description?o.createElement(ke,{className:"tree-text-description",color:E.colors.gray600,size:"p3",type:"regular"},r.description):null,o.createElement("div",{className:"__content"},"jsx"===r.type?null===(a=null==r?void 0:r.jsxRenderer)||void 0===a?void 0:a.call(r,t):null,"list"===r.type?o.createElement("ul",{className:"__list"},Array.isArray(r.list)?r.list.map(((e,a)=>o.createElement("li",{key:a,style:e.style,className:`__item ${e.className}`}," ",o.createElement("div",{className:"__btn "+(e.selected?"--checked":""),onClick:()=>((e,{subTree:a,onClick:o=(()=>null)})=>{o&&o(),a?i((t=>t.split(".").concat(String(e)).join("."))):t&&t(!1)})(a,e),"data-event-category":e.dataEventCategory,"data-event-action":e.dataEventAction,"data-event-label":e.dataEventLabel},e.icon&&o.createElement("img",{className:"__icon",src:e.icon}),o.createElement("span",null,e.label)),e.subTree?o.createElement("img",{className:"__toggle",src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 12L10 8L6 4' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"}):null,e.selected?o.createElement("img",{className:"__toggle",src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3334 4L6.00002 11.3333L2.66669 8' stroke='%238C8C8C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"}):null))):null):null))};var ft;!function(e){e.latest="latest",e.oldest="oldest",e.popular="popular"}(ft||(ft={}));const bt=({onChange:e,className:t,style:a,leftLabel:n,rightLabel:l,color:r,value:s,choices:c})=>{const{data:{env:{isMarryBaby:d}}}=i(Z);return o.createElement(dt,{label:n,rightLabel:o.createElement(ht,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:c.map((t=>({label:t.label,onClick:()=>e&&e(String(t.value)),selected:t.value===s,className:"bold-item"})))},toggleButtonContent:o.createElement("div",{style:{display:"flex"}},o.createElement(ke,{style:{display:"flex",alignItems:"center",fontWeight:"normal",marginRight:12},size:"p4"},l),o.createElement("img",{src:d?"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"}}))}),color:"gray",className:t,style:a})},yt=e=>{var{size:a=15}=e,n=t(e,["size"]);return o.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("path",{d:"M7.43701 14C11.0614 14 13.9995 11.0619 13.9995 7.4375C13.9995 3.81313 11.0614 0.875 7.43701 0.875C3.81264 0.875 0.874512 3.81313 0.874512 7.4375C0.874512 11.0619 3.81264 14 7.43701 14Z",fill:"white",stroke:"#E4E8EC",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M8.53125 6.34375V4.15625H6.34375V6.34375H4.15625V8.53125H6.34375V10.7188H8.53125V8.53125H10.7188V6.34375H8.53125Z",fill:"#FF5331"}))};var wt="dZWeHns",xt="tMiOKib",Et="uDcqD-2",Ct="pDlsows",kt="m-HVXw1";const Nt=({children:e,className:t=""})=>o.createElement("div",{className:`${xt} ${t}`},e),At=({children:e,className:t=""})=>o.createElement("div",{className:`${Et} ${t}`},e);var Lt="sTU4T4I",Tt="tCql9Je",Pt="_3j7uYhH",It="PHABgoT";const St=({avatarProps:e,title:t,subTitle:a,children:n,className:i="",style:l,onAvatarClick:r,avatarIcon:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:m})=>o.createElement("div",{className:`${Lt} ${i}`,style:l},o.createElement("div",{className:Pt,onClick:r,"data-event-category":c,"data-event-action":d,"data-event-label":m},o.createElement($,Object.assign({},e)),s&&o.createElement("div",{className:It},s)),o.createElement("div",{className:`${Tt} ${i}`},n||o.createElement(o.Fragment,null,t&&o.createElement(Nt,null,t),a&&o.createElement(At,null,a))));St.MainText=Nt,St.SubText=At,St.SubDivider=({className:e=""})=>o.createElement("span",{className:`${kt} ${e}`}),St.Row=({children:e,className:t=""})=>o.createElement("div",{className:`${wt} ${t} row`},e),St.ColLeft=({children:e,className:t=""})=>o.createElement("div",{className:`${t} col-left`},e),St.ColRight=({children:e,className:t=""})=>o.createElement("div",{className:`${t} col-right`},e),St.SubTextRow=({children:e,className:t=""})=>o.createElement("div",{className:`${Ct} ${t}`},e);const zt=e=>{var{fallbackSrc:a=I.getAssetPath("avatar.jpg")}=e,n=t(e,["fallbackSrc"]);const i=r(null),l=n.src||a||"",c=r(!1);s((()=>{l!==a&&i.current&&(i.current.src=l)}),[]),s((()=>{c.current=!1}),[l]);return o.createElement("img",Object.assign({ref:i},n,{src:l,onError:e=>{var t;c.current||(e.currentTarget.src=a||"",c.current=!0),null===(t=n.onError)||void 0===t||t.call(n,e)}}))},Mt=F.div`
+  position: fixed;
+  left: 50%;
+  width: 343px;
+  background-color: ${e=>e.theme.colors.white};
+  border-radius: ${e=>e.theme.borderRadius};
+  box-shadow: 0px 0px 4px ${e=>e.theme.colors.gray200};
+  transform: translate(-50%, -50%);
+  transition: all 0.5s ease-in-out;
+
+  ${V.tdUp} {
+    width: 750px;
+  }
+
+  &[data-animation='true'] {
+    transition: all 0.5s ease-in-out;
+  }
+
+  &[data-open='true'] {
+    z-index: 400;
+    top: 50%;
+    opacity: 1;
+    visibility: visible;
+  }
+
+  &[data-open='false'] {
+    top: -50%;
+  }
+
+  .popup-content {
+    ${V.mbDown} {
+      display: block;
+    }
+    display: flex;
+    position: relative;
+    z-index: 111;
+    height: 100%;
+    .button-see-more {
+      margin: 32px 0;
+      padding: 0;
+      > * {
+        display: inline-block;
+      }
+    }
+    .close-button {
+      position: absolute;
+      z-index: 100;
+      top: 10px;
+      right: 10px;
+      cursor: pointer;
+      width: unset;
+      height: unset;
+      img {
+        width: 100%;
+        height: 100%;
+        border-radius: 50%;
+      }
+    }
+  }
+
+  .main-info {
+    padding-bottom: 32px;
+    background-color: ${e=>e.theme.colors.primary50};
+    border-radius: ${e=>e.theme.borderRadius};
+    .btn-booking {
+      display: flex;
+      margin: 12px auto;
+    }
+    .avatar-title {
+      position: relative;
+      width: 100%;
+      padding-top: 46px;
+      text-align: center;
+    }
+  }
+`,jt=F.div`
+  position: fixed;
+  z-index: 110;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  background: rgba(38, 38, 38, 0.3);
+
+  &[data-open='false'] {
+    display: none;
+  }
+`,Ft=F.div`
+  .image-container {
+    .badge-avatar {
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      top: 0;
+    }
+  }
+  display: flex;
+  justify-content: center;
+  padding-bottom: 15px;
+  text-align: center;
+  .profile-image {
+    width: 100px;
+    min-width: 100px;
+    height: 100px;
+    min-height: 100px;
+    border-radius: 50%;
+    object-fit: cover;
+  }
+  .badge-avatar {
+    width: 24px;
+    height: 24px;
+  }
+`,Bt=F.div`
+  position: relative;
+  z-index: 9;
+  .specialty {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+
+  padding: 0px 16px;
+  text-align: center;
+  .specialty {
+    justify-content: center;
+  }
+
+  .experience {
+    padding: 16px 0px 32px;
+    text-align: left;
+    .btn-wrapper {
+      margin-top: 24px;
+    }
+  }
+  p {
+    max-width: 100%;
+    -webkit-line-clamp: 4;
+    -webkit-box-orient: vertical;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+`;F.span`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin: 0 0.4em;
+  color: ${e=>e.theme.colors.neutral300};
+`,F.div`
+  display: inline-block;
+  width: 3px;
+  height: 3px;
+  margin: 0;
+  background-color: ${e=>e.theme.colors.gray400};
+  border-radius: 50%;
+`,F.div`
+  display: flex;
+  margin-top: 8px;
+
+  .bullet-point {
+    width: 24px;
+    height: 24px;
+  }
+`;const Ot=F.ul`
+  padding-left: 18px;
+  li {
+    list-style-type: disc;
+  }
+`;var Rt="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",Vt="data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 16.9998C13.4183 16.9998 17 13.418 17 8.99976C17 4.58148 13.4183 0.999756 9 0.999756C4.58172 0.999756 1 4.58148 1 8.99976C1 13.418 4.58172 16.9998 9 16.9998Z' fill='white' stroke='%23E4E8EC' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.3333 7.66679V5.00012H7.66667V7.66679H5V10.3335H7.66667V13.0001H10.3333V10.3335H13V7.66679H10.3333Z' fill='%23FF5331'/%3e%3c/svg%3e";const Dt=({isOpen:e=!0,onClose:t,enableAnimation:a=!0,doctorId:n,locale:i,isMobile:r,overwriteProfileProps:c,avatarFallback:d=I.getAssetPath("avatar.jpg"),trackingCategory:m="Together"})=>{var p,u,g;const{t:h}=w(),[v,f]=l(null),[b,y]=l(!1);s((()=>{if(e&&n&&String(null==v?void 0:v.id)!==String(n)){y(!0);try{f(null),_(Y(J.GET_DOCTOR_INFO,{doctorId:n,website_url:ee[i]}),"get").then((e=>{f(Object.assign(Object.assign({},null==e?void 0:e._data.doctor),c))}))}catch(e){console.error(e)}y(!1)}}),[e,n,null==v?void 0:v.id]);const x=(null==v?void 0:v.experiences)||[],C=((null==v?void 0:v.specialties)||[]).map((e=>(null==e?void 0:e.name)||e)).join(" • "),k=x.map((e=>{try{return JSON.parse(e.description)}catch(t){return e.description}})).filter((e=>e.content));return o.createElement(o.Fragment,null,o.createElement(Mt,{"data-open":e,"data-animation":a,onClick:e=>e.stopPropagation()},b||!v?o.createElement(_e,null):o.createElement("div",{className:"popup-content"},o.createElement("div",{className:"close-button",onClick:t},o.createElement("img",{src:Rt,style:{width:20,height:20},alt:"close-icon"})),o.createElement("div",{className:"main-info"},o.createElement("div",{className:"border-banner"}),o.createElement("div",{className:"avatar-title"},o.createElement(Ft,null,o.createElement("div",{className:"image-container"},o.createElement("div",{style:{position:"relative"}},o.createElement(zt,{src:null==v?void 0:v.avatar,fallbackSrc:d,className:"profile-image",alt:"avatar"}),o.createElement("img",{className:"badge-avatar",src:Vt,alt:"badge"})))),o.createElement(Bt,null,o.createElement(ke,{size:"s3",type:"semiBold",className:"full-name"},null==v?void 0:v.name),o.createElement("div",{className:"specialty"},C&&o.createElement(o.Fragment,null,o.createElement(ke,{size:"p4",color:E.colors.gray800},C," • ")),o.createElement("a",{href:te({id:null===(p=null==v?void 0:v.organization)||void 0===p?void 0:p.id,name:null===(u=null==v?void 0:v.organization)||void 0===u?void 0:u.name,slug:null===(g=null==v?void 0:v.organization)||void 0===g?void 0:g.slug,locale:i}),className:"organisation",target:"_blank",rel:"noreferrer"},o.createElement(ke,{size:"p4",className:"organisation",color:E.colors.gray800,style:{textDecoration:"underline"}},null==v?void 0:v.organization.name))))),!r&&o.createElement("div",{className:"btn-wrapper"},o.createElement("a",{href:ae({name:v.name,id:v.id,locale:i})},o.createElement(Se,{color:"primary",size:"md",className:"btn-booking"},h("careBooking.bookAnAppointment"))))),k&&o.createElement(Bt,null,o.createElement("div",{className:"experience"},o.createElement(ke,{type:"bold",size:"s3",color:E.colors.gray800,style:{paddingBottom:16}},h("expert.content.description").toUpperCase()),o.createElement(Ot,null,k.map(((e,t)=>o.createElement("li",{key:t},o.createElement(ke,{size:"p2"},(e=>(null==e?void 0:e.year)?`${e.year} ${null==e?void 0:e.content}`:(null==e?void 0:e.content)?e.content:"string"==typeof e?e:"")(e)))))),r?o.createElement("div",{className:"btn-wrapper"},o.createElement("a",{href:ae({name:v.name,id:v.id,locale:i})},o.createElement(Se,{color:"primary",size:"md",className:"btn-booking"},h("careBooking.bookAnAppointment")))):o.createElement("a",{href:ae({name:v.name,id:v.id,locale:i})},o.createElement(ke,{size:"s4",color:"#2D87F3",style:{paddingTop:24},"data-event-category":m,"data-event-action":"See Full Doctor Profile","data-event-label":K(i)+ae({name:v.name,id:v.id,locale:i})},h("home.seeExpert"))))))),o.createElement(jt,{"data-open":e,onClick:e=>{e.stopPropagation(),t()}}))},Ut=F.div`
+  position: fixed;
+  left: 50%;
+  width: 343px;
+  background-color: ${e=>e.theme.colors.white};
+  border-radius: ${e=>e.theme.borderRadius};
+  box-shadow: 0px 0px 4px ${e=>e.theme.colors.gray200};
+  transform: translate(-50%, -50%);
+  transition: all 0.5s ease-in-out;
+
+  ${V.tdUp} {
+    width: 750px;
+  }
+
+  &[data-animation='true'] {
+    transition: all 0.5s ease-in-out;
+  }
+
+  &[data-open='true'] {
+    z-index: 400;
+    top: 50%;
+    opacity: 1;
+    visibility: visible;
+  }
+
+  &[data-open='false'] {
+    top: -50%;
+  }
+
+  .popup-content {
+    ${V.mbDown} {
+      display: block;
+    }
+    display: flex;
+    position: relative;
+    z-index: 111;
+    height: 100%;
+    .button-see-more {
+      margin: 32px 0;
+      padding: 0;
+      > * {
+        display: inline-block;
+      }
+    }
+    .close-button {
+      position: absolute;
+      z-index: 100;
+      top: 10px;
+      right: 10px;
+      cursor: pointer;
+      width: unset;
+      height: unset;
+      img {
+        width: 100%;
+        height: 100%;
+        border-radius: 50%;
+      }
+    }
+  }
+
+  .main-info {
+    padding-bottom: 32px;
+    background-color: ${e=>e.theme.colors.primary50};
+    border-radius: ${e=>e.theme.borderRadius};
+
+    .avatar-title {
+      position: relative;
+      width: 100%;
+      padding-top: 46px;
+      text-align: center;
+    }
+  }
+`,Wt=F.div`
+  position: fixed;
+  z-index: 110;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  background: rgba(38, 38, 38, 0.3);
+
+  &[data-open='false'] {
+    display: none;
+  }
+`,Zt=F.div`
+  .image-container {
+    .badge-avatar {
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      top: 0;
+    }
+  }
+  display: flex;
+  justify-content: center;
+  padding-bottom: 15px;
+  text-align: center;
+  .profile-image {
+    width: 100px;
+    min-width: 100px;
+    height: 100px;
+    min-height: 100px;
+    border-radius: 50%;
+    object-fit: cover;
+  }
+  .badge-avatar {
+    width: 24px;
+    height: 24px;
+  }
+`,Ht=F.div`
+  position: relative;
+  z-index: 9;
+  .specialty {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+
+  padding: 0px 16px;
+  text-align: center;
+  .specialty {
+    justify-content: center;
+  }
+
+  .experience {
+    padding: 16px 0px 32px;
+    text-align: left;
+    .btn-wrapper {
+      margin-top: 24px;
+    }
+  }
+  p {
+    max-width: 100%;
+    -webkit-line-clamp: 4;
+    -webkit-box-orient: vertical;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+`;F.span`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin: 0 0.4em;
+  color: ${e=>e.theme.colors.neutral300};
+`,F.div`
+  display: inline-block;
+  width: 3px;
+  height: 3px;
+  margin: 0;
+  background-color: ${e=>e.theme.colors.gray400};
+  border-radius: 50%;
+`;const qt=F.div`
+  display: flex;
+  margin-top: 8px;
+
+  .bullet-point {
+    width: 24px;
+    height: 24px;
+  }
+`;const _t={author:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%2345A4FF'/%3e%3cpath d='M23.9998 11.9995C23.9998 11.4024 23.9561 10.8154 23.8719 10.2417L18.7952 5.16504L5.04102 18.9585L9.89867 23.8162C10.5809 23.9366 11.283 23.9995 11.9998 23.9995C18.6272 23.9995 23.9998 18.6269 23.9998 11.9995Z' fill='%232D87F3'/%3e%3cpath d='M9.01377 17.824L5.04102 18.9591L6.17609 14.9863L8.54445 15.4556L9.01377 17.824Z' fill='white'/%3e%3cpath d='M8.54399 15.4561L5.04102 18.9591L9.01321 17.824L8.54399 15.4561Z' fill='%23F7F9FC'/%3e%3cpath d='M6.46714 18.5518L5.4485 17.5332L5.04102 18.9593L6.46714 18.5518Z' fill='%23E4E8EC'/%3e%3cpath d='M5.95747 18.043L5.04102 18.9595L6.46659 18.5521L5.95747 18.043Z' fill='%23D2D6DC'/%3e%3cpath d='M15.8281 5.33105L18.6654 8.16829L9.01365 17.82L6.17641 14.9828L15.8281 5.33105Z' fill='%23FFD658'/%3e%3cpath d='M7.59375 16.4043L17.2455 6.75259L18.6638 8.17094L9.0121 17.8226L7.59375 16.4043Z' fill='%23FFC326'/%3e%3cpath d='M18.3123 8.52499L15.4746 5.68737L16.5983 4.56359C17.0386 4.12334 17.7524 4.12334 18.1927 4.56359L19.436 5.8069C19.8763 6.24715 19.8763 6.96096 19.436 7.40121L18.3123 8.52499Z' fill='%23FF5331'/%3e%3cpath d='M18.8155 5.18555L16.8945 7.10648L18.3131 8.52497L19.4368 7.40119C19.877 6.96094 19.877 6.24713 19.4368 5.80688L18.8155 5.18555Z' fill='%23F44D2C'/%3e%3c/svg%3e",edtior:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%2345A4FF'/%3e%3cpath d='M23.9998 11.9995C23.9998 11.4024 23.9561 10.8154 23.8719 10.2417L18.7952 5.16504L5.04102 18.9585L9.89867 23.8162C10.5809 23.9366 11.283 23.9995 11.9998 23.9995C18.6272 23.9995 23.9998 18.6269 23.9998 11.9995Z' fill='%232D87F3'/%3e%3cpath d='M9.01377 17.824L5.04102 18.9591L6.17609 14.9863L8.54445 15.4556L9.01377 17.824Z' fill='white'/%3e%3cpath d='M8.54399 15.4561L5.04102 18.9591L9.01321 17.824L8.54399 15.4561Z' fill='%23F7F9FC'/%3e%3cpath d='M6.46714 18.5518L5.4485 17.5332L5.04102 18.9593L6.46714 18.5518Z' fill='%23E4E8EC'/%3e%3cpath d='M5.95747 18.043L5.04102 18.9595L6.46659 18.5521L5.95747 18.043Z' fill='%23D2D6DC'/%3e%3cpath d='M15.8281 5.33105L18.6654 8.16829L9.01365 17.82L6.17641 14.9828L15.8281 5.33105Z' fill='%23FFD658'/%3e%3cpath d='M7.59375 16.4043L17.2455 6.75259L18.6638 8.17094L9.0121 17.8226L7.59375 16.4043Z' fill='%23FFC326'/%3e%3cpath d='M18.3123 8.52499L15.4746 5.68737L16.5983 4.56359C17.0386 4.12334 17.7524 4.12334 18.1927 4.56359L19.436 5.8069C19.8763 6.24715 19.8763 6.96096 19.436 7.40121L18.3123 8.52499Z' fill='%23FF5331'/%3e%3cpath d='M18.8155 5.18555L16.8945 7.10648L18.3131 8.52497L19.4368 7.40119C19.877 6.96094 19.877 6.24713 19.4368 5.80688L18.8155 5.18555Z' fill='%23F44D2C'/%3e%3c/svg%3e",expert:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='12' fill='%23FFCB37'/%3e%3ccircle cx='12' cy='12' r='10.5' fill='%23FE921D'/%3e%3cpath d='M11.443 5.13654C11.6446 4.63466 12.355 4.63466 12.5566 5.13654L13.9931 8.71375C14.0789 8.92747 14.2795 9.0732 14.5093 9.08878L18.3553 9.34957C18.8949 9.38615 19.1145 10.0619 18.6994 10.4086L15.7412 12.8802C15.5645 13.0279 15.4878 13.2637 15.544 13.4871L16.4845 17.2254C16.6164 17.7499 16.0417 18.1676 15.5836 17.88L12.3188 15.8303C12.1238 15.7079 11.8758 15.7079 11.6808 15.8303L8.41599 17.88C7.95794 18.1676 7.38314 17.7499 7.51509 17.2254L8.45556 13.4871C8.51175 13.2637 8.43513 13.0279 8.25839 12.8802L5.30017 10.4086C4.88514 10.0619 5.10469 9.38615 5.64429 9.34957L9.49031 9.08878C9.7201 9.0732 9.92068 8.92747 10.0065 8.71375L11.443 5.13654Z' fill='white'/%3e%3c/svg%3e","fact-check":"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z' fill='%2300C076'/%3e%3cpath d='M11.9456 5.46631L6.66562 10.2663L4.26562 8.08449' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",medical:Vt},Gt=({trackingCategory:e="Together",locale:t,isOpen:a=!0,onClose:n,enableAnimation:i=!0,expertId:r,overwriteProfileProps:c,avatarFallback:d=I.getAssetPath("avatar.jpg")})=>{const{t:m}=w(),[p,u]=l(null),[g,h]=l(!1);return s((()=>{if(a&&r&&String(null==p?void 0:p.user_id)!==String(r)){h(!0);try{u(null),_(oe(ne.GET_EXPERT_BY_ID,{id:r}),"get").then((e=>{u(Object.assign(Object.assign({},null==e?void 0:e.data),c))}))}catch(e){console.error(e)}h(!1)}}),[a,r,null==p?void 0:p.user_id]),o.createElement(o.Fragment,null,o.createElement(Ut,{"data-open":a,"data-animation":i,onClick:e=>e.stopPropagation()},g||!p?o.createElement(_e,null):o.createElement("div",{className:"popup-content"},o.createElement("div",{className:"close-button",onClick:n},o.createElement("img",{src:Rt,style:{width:20,height:20},alt:"close-icon"})),o.createElement("div",{className:"main-info"},o.createElement("div",{className:"border-banner"}),o.createElement("div",{className:"avatar-title"},o.createElement(Zt,null,o.createElement("div",{className:"image-container"},o.createElement("div",{style:{position:"relative"}},o.createElement(zt,{src:null==p?void 0:p.avatar,className:"profile-image",alt:"avatar",fallbackSrc:d}),o.createElement("img",{className:"badge-avatar",src:_t[null==p?void 0:p.role],alt:"badge"})))),o.createElement(Ht,null,o.createElement(ke,{size:"s3",className:"full-name",type:"semiBold"},null==p?void 0:p.display_name),o.createElement("div",null,o.createElement(ke,{size:"p4",color:E.colors.gray800},null==p?void 0:p.specialty," • "),o.createElement("a",{href:null==p?void 0:p.organisation_url,className:"organisation",target:"_blank",rel:"noreferrer"},o.createElement(ke,{size:"p4",className:"organisation",color:E.colors.gray800,style:{textDecoration:"underline"}},null==p?void 0:p.organisation)))))),o.createElement(Ht,null,o.createElement("div",{className:"experience"},o.createElement(ke,{type:"bold",size:"p4",color:E.colors.gray800,style:{paddingBottom:16}},m("expert.content.description").toUpperCase()),o.createElement("div",{className:"list-items"},!!(null==p?void 0:p.experiences)&&p.experiences.filter((e=>!(!e||!e.title&&!e.organization))).slice(0,3).map(((e,t)=>o.createElement(qt,{key:t},o.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"}),o.createElement("div",{className:"text-contain"},o.createElement(ze,{tag:"h6",color:E.colors.gray800},null==e?void 0:e.title),o.createElement(ke,{size:"p2",color:E.colors.gray500},null==e?void 0:e.organization)))))),o.createElement("a",{href:null==p?void 0:p.profile_url,style:{display:"inline-block",paddingTop:24}},o.createElement(ke,{as:"span",size:"s4",color:"#2D87F3","data-event-category":e,"data-event-action":"See Full Doctor Profile","data-event-label":K(t)+(null==p?void 0:p.profile_url)},m("home.seeExpert"))))))),o.createElement(Wt,{"data-open":a,onClick:e=>{e.stopPropagation(),n()}}))},Qt=F.div`
+  position: fixed;
+  left: 50%;
+  width: 343px;
+  background-color: ${e=>e.theme.colors.white};
+  border-radius: ${e=>e.theme.borderRadius};
+  box-shadow: 0px 0px 4px ${e=>e.theme.colors.gray200};
+  transform: translate(-50%, -50%);
+  transition: all 0.5s ease-in-out;
+
+  ${V.tdUp} {
+    width: 750px;
+  }
+
+  &[data-animation='true'] {
+    transition: all 0.5s ease-in-out;
+  }
+
+  &[data-open='true'] {
+    z-index: 400;
+    top: 50%;
+    opacity: 1;
+    visibility: visible;
+  }
+
+  &[data-open='false'] {
+    top: -50%;
+  }
+
+  .popup-content {
+    ${V.mbDown} {
+      display: block;
+    }
+    display: flex;
+    position: relative;
+    z-index: 111;
+    height: 100%;
+    .button-see-more {
+      margin: 32px 0;
+      padding: 0;
+      > * {
+        display: inline-block;
+      }
+    }
+    .close-button {
+      position: absolute;
+      z-index: 100;
+      top: 10px;
+      right: 10px;
+      cursor: pointer;
+      width: unset;
+      height: unset;
+      img {
+        width: 100%;
+        height: 100%;
+        border-radius: 50%;
+      }
+    }
+  }
+
+  .main-info {
+    padding-bottom: 32px;
+    background-color: ${e=>e.theme.colors.primary50};
+    border-radius: ${e=>e.theme.borderRadius};
+    .btn-booking {
+      display: flex;
+      margin: 12px auto;
+    }
+    .avatar-title {
+      position: relative;
+      width: 100%;
+      padding-top: 46px;
+      text-align: center;
+    }
+  }
+`,Xt=F.div`
+  position: fixed;
+  z-index: 110;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  background: rgba(38, 38, 38, 0.3);
+
+  &[data-open='false'] {
+    display: none;
+  }
+`,Kt=F.div`
+  .image-container {
+    .badge-avatar {
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      top: 0;
+    }
+  }
+  display: flex;
+  justify-content: center;
+  padding-bottom: 15px;
+  text-align: center;
+  .profile-image {
+    width: 100px;
+    min-width: 100px;
+    height: 100px;
+    min-height: 100px;
+    border-radius: 50%;
+    object-fit: cover;
+  }
+  .badge-avatar {
+    width: 24px;
+    height: 24px;
+  }
+`,$t=F.div`
+  position: relative;
+  z-index: 9;
+  .specialty {
+    display: block;
+    min-width: 240px;
+  }
+
+  padding: 0px 16px;
+  text-align: center;
+  .specialty {
+    justify-content: center;
+  }
+
+  .experience {
+    padding: 16px 0px 32px;
+    text-align: left;
+    .btn-wrapper {
+      margin-top: 24px;
+    }
+  }
+  p {
+    max-width: 100%;
+  }
+`;F.span`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin: 0 0.4em;
+  color: ${e=>e.theme.colors.neutral300};
+`,F.div`
+  display: inline-block;
+  width: 3px;
+  height: 3px;
+  margin: 0;
+  background-color: ${e=>e.theme.colors.gray400};
+  border-radius: 50%;
+`,F.div`
+  display: flex;
+  margin-top: 8px;
+
+  .bullet-point {
+    width: 24px;
+    height: 24px;
+  }
+`;const Yt=({isOpen:e=!0,onClose:t,enableAnimation:a=!0,hospitalId:n,locale:i,isMobile:r,overwriteProfileProps:d,avatarFallback:m=I.getAssetPath("avatar.jpg"),trackingCategory:p="Together"})=>{const{t:u}=w(),[g,h]=l(null),[v,f]=l(!1);s((()=>{if(e&&n&&String(null==g?void 0:g.id)!==String(n)){f(!0);try{h(null),_(Y(J.GET_HOSPITAL_INFO,{hospital_branch_id:n,website_url:ee[i]}),"get").then((e=>{h(Object.assign(Object.assign({},null==e?void 0:e._data.branch),d))}))}catch(e){console.error(e)}f(!1)}}),[e,n,null==g?void 0:g.id]);const b=(null==g?void 0:g.specialties)||[],y=c((()=>b.map((e=>e.name))),[b]);return o.createElement(o.Fragment,null,o.createElement(Qt,{"data-open":e,"data-animation":a,onClick:e=>e.stopPropagation()},v||!g?o.createElement(_e,null):o.createElement("div",{className:"popup-content"},o.createElement("div",{className:"close-button",onClick:t},o.createElement("img",{src:Rt,style:{width:20,height:20},alt:"close-icon"})),o.createElement("div",{className:"main-info"},o.createElement("div",{className:"border-banner"}),o.createElement("div",{className:"avatar-title"},o.createElement(Kt,null,o.createElement("div",{className:"image-container"},o.createElement("div",{style:{position:"relative"}},o.createElement(zt,{src:null==g?void 0:g.logo,className:"profile-image",alt:"avatar",fallbackSrc:m}),o.createElement("img",{className:"badge-avatar",src:Vt,alt:"badge"})))),o.createElement($t,null,o.createElement(ke,{size:"s3",type:"semiBold",className:"full-name"},null==g?void 0:g.name),o.createElement("div",{className:"specialty"},b&&o.createElement(ke,{size:"p4",color:E.colors.gray800},y.join(" • "),"•"),o.createElement("a",{href:te({id:g.id,name:g.name,slug:g.slug,locale:i}),className:"organisation",target:"_blank",rel:"noreferrer"},o.createElement(ke,{size:"p4",className:"organisation",color:E.colors.gray800,style:{textDecoration:"underline"}},null==g?void 0:g.name))))),!r&&o.createElement("a",{href:te({id:g.id,name:g.name,slug:g.slug,locale:i})},o.createElement("div",{className:"btn-wrapper"},o.createElement(Se,{color:"primary",size:"md",className:"btn-booking"},u("careBooking.bookAnAppointment"))))),o.createElement($t,null,o.createElement("div",{className:"experience"},o.createElement(ke,{type:"bold",size:"s3",color:E.colors.gray800,style:{paddingBottom:16}},u("hospital.content.description").toUpperCase()),o.createElement(ke,{size:"p2",color:E.colors.gray500},g.about),r?o.createElement("a",{href:te({id:g.id,name:g.name,slug:g.slug,locale:i})},o.createElement("div",{className:"btn-wrapper"},o.createElement(Se,{color:"primary",size:"md",className:"btn-booking"},u("careBooking.bookAnAppointment")))):o.createElement("a",{href:te({id:g.id,name:g.name,slug:g.slug,locale:i})},o.createElement(ke,{size:"s4",color:"#2D87F3",as:"span","data-event-category":p,"data-event-action":"See Full Hospital Profile","data-event-label":K(i)+te({id:g.id,name:g.name,slug:g.slug,locale:i})},u("home.seeHospital"))))))),o.createElement(Xt,{"data-open":e,onClick:e=>{e.stopPropagation(),t()}}))};var Jt="_2UKyiK1",ea="E5ga-tI",ta="_8Y2nWXX",aa="d0T7kSP";const oa=({open:e,onClose:t,children:a,profileModalProps:n})=>{const{t:i}=w();return o.createElement(Oe,Object.assign({className:Jt,opened:e,onClose:t,overlayOpacity:.2,overflow:"inside",styles:{inner:{padding:0,justifyContent:"flex-end",borderRadius:0},modal:{height:"100%",borderRadius:0},body:{padding:"24px",maxHeight:"100%"}},title:"Profile"},n),o.createElement("div",{className:ea},o.createElement("div",{className:ta},i("profilePanel.modal.heading")),o.createElement("div",{className:aa,onClick:t},o.createElement(De,null))),a)};var na=p((()=>({root:{},authorBadge:{background:"yellow"}})));j.extend(Be);const ia=n({}),la=({siteType:e})=>{const{t:t}=w(),{handleMakeAppointment:a,doctorId:n,hospitalId:l,currentUrl:r}=i(ia);return o.createElement(Se,{theme:e,color:"primary",size:"xs",onClick:e=>{null==a||a(n,l),e.stopPropagation()},dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:r,icon:o.createElement(N,{className:"buttonIcon",size:18}),iconPosition:"right",style:{whiteSpace:"nowrap"}},o.createElement("span",null,t("careBooking.bookAnAppointment")))},ra=e=>{const{className:t="",community:a,name:n,username:r,url:c,avatar:d,role:m,title:p,userType:g="user",expertId:h,isMarryBaby:v,doctorId:f,hospitalId:b,hasQuickBooking:y,handleMakeAppointment:x,communityTrackingAttr:C,isAnonymous:N,showDetailPopup:A,subLine:L,authActionWrapper:T,profileProps:P,profileModalProps:S,extendEle:z,avatarProps:M,hideInfo:j,timeText:F,onCloseFromPost:B,avatarIcon:O,badgeIconSize:V,hideBackground:U,children:W,styles:H,dataEventCategory:q,dataEventAction:_,dataEventLabel:G}=e,{data:{locale:Q,router:X,env:{isMarryBaby:K,togetherBasePath:$}}}=i(Z),{t:Y}=w(),{classes:J}=na(void 0,{name:"CardAuthor",styles:H}),ee="boolean"==typeof v?v:K,te=ee?"marryBaby":"helloSites",ae=N?Y("cardPost.anonymous"):n||r||"",oe=N?I.getAssetPath("avatar.jpg"):d,ne=N?void 0:m,[ie,le]=l(!1),{asPath:re}=X||{},se=`https://${R[Q]}${re}`,ce=()=>{if(N||"chatbot"===g)return!1;A?me(!0):c&&(window.location.href=c)};s((()=>{D(ie)}),[ie]);const[de,me]=l(!1),pe="expert"===(null==e?void 0:e.role),[ge,he]=l(null);return s((()=>{de&&!ge&&Promise.resolve().then((function(){return On})).then((e=>{he((()=>e.ProfileDetail))}))}),[de]),o.createElement(ia.Provider,{value:{handleMakeAppointment:x,doctorId:f,hospitalId:b,currentUrl:se}},o.createElement(oa,{open:de,onClose:()=>me(!1),profileModalProps:S},ge&&o.createElement(ge,Object.assign({authorProps:{userId:null==e?void 0:e.userId,avatar:oe,name:null==e?void 0:e.name,role:null==e?void 0:e.role,title:null==e?void 0:e.title},authActionWrapper:T,onCloseFromPost:()=>{me(!1),null==B||B()}},P))),"expert"===ne&&h?o.createElement(Gt,{isOpen:ie,onClose:()=>le(!1),expertId:h}):null,"expert"===ne&&f?o.createElement(Dt,{isOpen:ie,onClose:()=>le(!1),doctorId:f,locale:Q}):null,"expert"===ne&&b?o.createElement(Yt,{isOpen:ie,onClose:()=>le(!1),hospitalId:b,locale:Q}):null,o.createElement("div",{className:`hhg-card-author ${J.root} ${t} ${pe?"expert-author":""}`,"data-background":!U&&pe,"data-is-marrybaby":ee},o.createElement(St,{dataEventCategory:q,dataEventAction:_,dataEventLabel:G,onAvatarClick:ce,avatarProps:Object.assign(Object.assign({avatar:N?I.getAssetPath(ee?"anomyous-avatar-1.svg":"anomyous-avatar.svg"):oe,username:ae},M),{style:{cursor:N||!c&&!A?"default":"pointer"}}),avatarIcon:O||pe&&o.createElement(yt,{size:V||15})},W?o.createElement("div",{onClick:ce},W):!j&&o.createElement(St.Row,null,o.createElement(St.ColLeft,null,o.createElement(u,{align:"center",onClick:ce},o.createElement(St.MainText,{onClick:ce},ae,"chatbot"===g?o.createElement(o.Fragment,null," ",o.createElement(k,{color:E.colors.primaryBase,size:16,style:{display:"inline-block",transform:"translate(0, 2px)"}})):ne&&o.createElement(ue,{className:J.authorBadge,siteType:te,role:ne,title:p,style:{verticalAlign:"bottom"}}))),L||o.createElement(St.SubTextRow,null,(null==a?void 0:a.name)&&o.createElement(St.SubText,null,o.createElement("a",Object.assign({href:(null==a?void 0:a.slug)&&a.isActive&&!a.isHidden?`${$}/${null==a?void 0:a.slug}`:void 0,className:"author-community-name"},C),`${null==a?void 0:a.name}`)),F&&o.createElement(o.Fragment,null,o.createElement(St.SubDivider,null),o.createElement(St.SubText,{className:"time-text"},F)))),y&&o.createElement(St.ColRight,null,o.createElement(la,{siteType:te})))),z&&z))};ra.BookingBtn=la,ra.MainText=St.MainText,ra.SubText=St.SubText,ra.SubTextRow=St.SubTextRow,ra.SubDivider=St.SubDivider;const sa=e=>({message:e("notification.failure"),type:"danger"}),ca=e=>{var{size:a,color:n}=e,i=t(e,["size","color"]);return o.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.99967 1.33331C4.31967 1.33331 1.33301 4.31998 1.33301 7.99998C1.33301 11.68 4.31967 14.6666 7.99967 14.6666C11.6797 14.6666 14.6663 11.68 14.6663 7.99998C14.6663 4.31998 11.6797 1.33331 7.99967 1.33331ZM7.99967 8.66665C7.63301 8.66665 7.33301 8.36665 7.33301 7.99998V5.33331C7.33301 4.96665 7.63301 4.66665 7.99967 4.66665C8.36634 4.66665 8.66634 4.96665 8.66634 5.33331V7.99998C8.66634 8.36665 8.36634 8.66665 7.99967 8.66665ZM7.33301 9.99998V11.3333H8.66634V9.99998H7.33301Z",fill:n}))};ca.defaultProps={size:24,color:E.colors.gray600};var da="data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 14.5C11.3137 14.5 14 11.8137 14 8.5C14 5.18629 11.3137 2.5 8 2.5C4.68629 2.5 2 5.18629 2 8.5C2 11.8137 4.68629 14.5 8 14.5Z' fill='%23FE921D'/%3e%3cpath d='M8 5.5V8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11.5H8.00708' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const ma=/<mocka ([^>]*)data-url="true"[^<>]*>(.*?)<\/mocka>/gim,pa=/((?:=")|(?:data-url="true">)|)(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))/gim,ua=/\[a\+href="([^<"]+)"(?:\+text=\"([^<"]+)")?\]/gim,ga=/<mention [^>]*data-id="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,ha=/<mention [^>]*data-id="([^<"]+)" [^\>]*data-name="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,va=/\[mention\+id="([^<"]+)"([^\]]*)\]/gim,fa=/^(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,ba=/^((https?:\/\/)?(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,ya=/<a [^>]*href="([^>"]+)"[^>]*>([^<]+)<\/a>/gim,wa=/<mocka [^\>]*data-bad-word="[^\"]*" [^\>]*data-error="true"[^\>]*>(.*?)<\/mocka>/gim,xa=({url:e,text:t,method:a})=>{const o=t.indexOf(t.trimStart()),n=t.trimEnd().length,i=t.substring(0,o),l=t.substring(o,n),r=t.substring(n);return"edit"===a?`${i}<mocka data-href="${e}" data-url="true">${l}</mocka>${r}`:"display"===a&&(e.startsWith("http://")||e.startsWith("https://"))?`${i}<a href="${e}" target="_blank">${l}</a>${r}`:t},Ea=(e,t)=>e.replace(ua,((e,a,o)=>xa({text:o||a,url:a,method:t}))).replace(ya,((e,a,o)=>xa({text:o||a,url:a,method:t}))),Ca=(e,t=[])=>e.replace(va,((e,a,o)=>{const n=t.find((e=>String(e.id)===a));if(!n){if(!o)return"";let e="";return o.replace(/\+name="([^<"]+)"/i,((t,a)=>(e=a,t))),`<mention data-id="${a}" data-name="${e}">${e}</mention>`}return`<mention data-id="${a}" data-name="${n.name}">${n.name}</mention>`})),ka=e=>{const t=[];return e.replace(/(\&amp;)+/g,"&").replace(pa,((e,a,o)=>('="'!==a&&'data-url="true">'!==a&&t.push(o),e))),t},Na=(e,t)=>{const a=[];return e.replace(ga,((e,t)=>(a.push(t),e))).replace(va,((e,t)=>(a.push(t),e))),t?a:Array.from(new Set(a)).slice(0,30)},Aa=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),La=e=>e.replace(wa,"$1"),Ta=(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(pa,((e,t,a)=>'="'!==t&&'data-url="true">'!==t?`<a href="${a}" target="_blank">${a}</a>`:e)).replace(ma,((e,t,a)=>{var o;const n=null===(o=t.match(/data-href="([^"]*)"/im))||void 0===o?void 0:o[1];return n?`<a href="${n}" target="_blank">${a}</a>`:`<a href="${a}" target="_blank">${a}</a>`})))})((e=>e.replace(ga,((e,t,a)=>`[mention+id="${t}"+name="${a}"]`)))(La(e)),t),Pa=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn"],Ia=e=>e.match(ba)?e.startsWith("https://")||e.startsWith("http://")?e:`https://${e}`:"",Sa=(e,t)=>{const a=t.filter(Boolean);if(e&&a.length>0){return La(e).replace(new RegExp(`\\b(${a.map((e=>Aa(e))).join("|")})\\b`,"gi"),((e,t)=>{const a=document.createElement("mocka");return a.setAttribute("data-bad-word",t),a.setAttribute("data-error","true"),a.innerText=t,`${a.outerHTML}`}))}return e},za=(t,a,o)=>"string"==typeof t?Promise.resolve(t):e(void 0,void 0,void 0,(function*(){var e;const n=new FormData;if(t.type.startsWith("image/gif"))n.append("image",t);else{const e=yield import("browser-image-compression"),a=yield e.default(t,{maxSizeMB:.4,maxWidthOrHeight:1536,useWebWorker:!0});n.append("image",a)}const i=o?le:re,l=yield i(G(o?ie.COMMENT.IMAGE_UPLOAD:Q.COMMENT.IMAGE_UPLOAD,{_locale:a}),"POST",{data:n});return(null===(e=null==l?void 0:l.data)||void 0===e?void 0:e.image)||""})),Ma=(e,t)=>{const[a,o]=l(e||[]);return{onSelectImages:n=>{const i=n.target.files;if(i)if(t&&e){t((e||a).concat(Array.from(i)))}else o((a=>{const o=e||a;return t&&t(o.concat(Array.from(i))),o.concat(Array.from(i))}))},onRemoveImage:a=>{if(t&&e){const o=e;o.splice(a,1),t(o.slice())}else o((o=>{const n=e||o;return n.splice(a,1),t&&t(n.slice()),n.slice()}))},onRemoveAllImages:()=>{t?t([]):o([])},imageSrcs:c((()=>(e||a).map((e=>"string"==typeof e?e:URL.createObjectURL(e)))),[e,a]),imageFiles:e||a}},ja=F.div`
+  input:focus,
+  textarea:focus,
+  [contenteditable='true'] {
+    outline: none;
+  }
+
+  .textarea-control {
+    position: relative;
+    border: 1px solid ${e=>e.theme.colors.gray200};
+    border-radius: ${e=>e.theme.borderRadius};
+    &.--focus {
+      border-color: ${e=>e.theme.colors.primaryBase};
+      box-shadow: 0px 0px 2px 2px
+        ${e=>e.theme.colors.primary200};
+    }
+
+    .textarea-wrapper {
+      width: 100%;
+      height: 200px;
+    }
+
+    .control-tool {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      width: calc(100% - 2rem);
+      height: 40px;
+      align-items: center;
+      justify-content: flex-end;
+      border-top: 1px solid ${e=>e.theme.colors.gray200};
+      margin: 0 1rem;
+
+      .tool-button {
+        display: flex;
+        width: 2rem;
+        height: 2rem;
+        align-items: center;
+        justify-content: center;
+        background: transparent;
+        cursor: pointer;
+      }
+      .image-icon {
+        vertical-align: middle;
+      }
+    }
+  }
+
+  .link-preview-wrapper {
+    position: relative;
+    .icon-close {
+      position: absolute;
+      top: 5px;
+      right: 5px;
+      width: 24px;
+      height: 24px;
+      cursor: pointer;
+    }
+  }
+
+  .image-gallery {
+    margin-bottom: 1rem;
+
+    .image-item {
+      position: relative;
+      overflow: hidden;
+      width: 100%;
+      height: 0;
+      padding-top: 67%;
+      margin-top: 1rem;
+      border-radius: ${e=>e.theme.borderRadius};
+
+      & > img {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+
+      .close-btn {
+        position: absolute;
+        top: 8px;
+        right: 8px;
+        left: unset;
+        width: 24px;
+        height: 24px;
+        cursor: pointer;
+      }
+    }
+  }
+
+  .description-label {
+    margin-bottom: 5px;
+    color: ${e=>e.theme.colors.gray600};
+    /* font-family: 'Open Sans', sans-serif; */
+    font-size: 13px;
+    font-weight: bold;
+  }
+
+  .count-string {
+    margin-top: 5px;
+    color: ${e=>e.theme.colors.gray500};
+    font-size: 11px;
+    text-align: right;
+  }
+
+  .input-notification {
+    display: flex;
+
+    & > img {
+      width: 16px;
+      height: 16px;
+      margin-top: 1.5px;
+      margin-right: 8px;
+    }
+  }
+`,Fa=F.div`
+  height: 100%;
+  position: relative;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  .ql-toolbar.ql-snow {
+    top: 0;
+    width: 100%;
+    position: sticky;
+    z-index: 3;
+    border: none;
+    border-bottom: 1px solid #ccc;
+    background: white;
+    .ql-formats {
+      display: inline-flex;
+      align-items: center;
+      margin-right: 0.5rem;
+      .link-tool-wrapper {
+        .popover-menu__content {
+          padding: 0.5rem;
+          transform: translateX(calc(-50% - 1rem));
+          max-width: calc(100vw - 4rem);
+          ::before {
+            right: calc(50% - 8px);
+          }
+          .link-tool-popover {
+            input {
+              padding-left: 1rem;
+            }
+            .link-input-url {
+              margin-bottom: 0.5rem;
+            }
+            .link-input-text {
+              margin-bottom: 0.5rem;
+            }
+            label {
+              display: inline-block;
+              margin-bottom: 0.2rem;
+            }
+            .link-input-button-wrapper {
+              &[data-is-marrybaby='true'] {
+                .link-input-button {
+                  border: solid 2px
+                    ${e=>e.theme.mbColors.pink};
+                  background-color: ${e=>e.theme.mbColors.pink};
+                  &:hover:not(:disabled) {
+                    border: solid 2px
+                      ${e=>e.theme.mbColors.pink};
+                    background-color: ${e=>e.theme.colors.white};
+                    color: ${e=>e.theme.mbColors.pink};
+                  }
+                }
+              }
+            }
+            .link-input-button {
+              width: auto;
+              height: auto;
+              padding: 0.4rem 1rem;
+              background-color: ${e=>e.theme.colors.primaryBase};
+
+              &:disabled {
+                border-color: #bfbfbf;
+                background-color: #bfbfbf;
+                color: #fff;
+                cursor: not-allowed;
+              }
+              &:hover:not(:disabled) {
+                background-color: ${e=>e.theme.colors.primaryHover};
+              }
+            }
+            .error-text {
+              padding: 0;
+              margin-bottom: 0.5rem;
+              font-weight: 600;
+              color: ${e=>e.theme.colors.red700};
+            }
+          }
+        }
+      }
+    }
+    @media (max-width: 450px) {
+      position: relative;
+      .ql-formats {
+        .link-tool-wrapper {
+          position: unset;
+          .popover-menu__content {
+            left: 0;
+            transform: unset;
+            max-width: 100%;
+          }
+        }
+      }
+    }
+  }
+  .quill {
+    flex: 1;
+    overflow-y: hidden;
+    .ql-container {
+      display: inline-block;
+      width: 100%;
+      min-height: 100%;
+      /* padding: 14px 16px; */
+      border: none;
+      border-radius: ${e=>e.theme.borderRadius};
+      color: ${e=>e.theme.colors.gray800};
+      font-size: 1rem;
+      line-height: 1.5;
+      resize: none;
+      white-space: break-spaces;
+      .ql-editor {
+        word-break: break-word;
+        overflow-wrap: break-word;
+        /* -ms-overflow-style: none;
+        scrollbar-width: none;
+        &::-webkit-scrollbar {
+          display: none;
+        } */
+      }
+      mocka {
+        padding: 2px 6px;
+        border-radius: 1rem;
+        &[data-url='true'] {
+          /* background-color: #eeeeff; */
+          font-style: italic;
+          color: #1890ff;
+          cursor: pointer;
+          outline: none;
+          text-decoration: underline;
+        }
+        &[data-error='true'] {
+          background-color: #ffeeee;
+          color: red;
+          text-decoration: underline;
+          font-style: bold;
+        }
+      }
+      mention {
+        padding: 2px 6px;
+        border-radius: 1rem;
+        background-color: #eeeeff;
+        color: #1890ff;
+        cursor: pointer;
+        outline: none;
+        text-decoration: none;
+      }
+      ol,
+      ul {
+        padding-left: 1rem;
+      }
+    }
+  }
+  .mention-search-container {
+    position: absolute;
+    background: white;
+    border-radius: ${e=>e.theme.borderRadius};
+    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))
+      drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))
+      drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));
+    overflow-y: scroll;
+    z-index: 99;
+    ::-webkit-scrollbar {
+      -webkit-appearance: none;
+    }
+    ::-webkit-scrollbar:vertical {
+      width: 14px;
+    }
+    ::-webkit-scrollbar-thumb {
+      border-radius: ${e=>e.theme.borderRadius};
+      background-color: #d9d9d9;
+      @supports (background-clip: padding-box) {
+        border: 3px solid rgba(0, 0, 0, 0);
+        background-clip: padding-box;
+      }
+      @supports not (background-clip: padding-box) {
+        border: 3px solid white;
+      }
+    }
+    ::-webkit-scrollbar-track {
+      background-color: #fff;
+      border-radius: 0 6px 6px 0;
+      border-left: 1px solid #f2f2f2;
+    }
+    .mention-search-item {
+      cursor: pointer;
+      padding: 12px 1rem;
+      display: flex;
+      align-items: center;
+      &.item-selected {
+        background-color: ${e=>e.theme.colors.gray100};
+      }
+      .search-avatar {
+        width: 40px;
+        height: 40px;
+        font-size: 20px;
+        margin-right: 20px;
+      }
+    }
+  }
+`;let Ba=null;function Oa(e){var t,a;let o=-1;if(void 0!==window.getSelection){const n=window.getSelection();if((null==n?void 0:n.rangeCount)&&(null==n?void 0:n.rangeCount)>0){const n=null===(t=window.getSelection())||void 0===t?void 0:t.getRangeAt(0);if(n){const t=n.cloneRange();t.selectNodeContents(e),t.setEnd(n.endContainer,n.endOffset),o=Ra(t.cloneContents().childNodes,o);const i=null===(a=n.endContainer.parentElement)||void 0===a?void 0:a.closest("mocka"),l=n.endContainer.nodeValue||n.endContainer.outerHTML;i&&(null==l?void 0:l.length)&&(o=o-n.endOffset+(i.outerHTML.length-(null==i?void 0:i.outerHTML.lastIndexOf(l))))}}}return o}function Ra(e,t){return e.forEach(((a,o)=>{const n=o+1===e.length;if(a.nodeType===Node.ELEMENT_NODE){const e=a.outerHTML;if(!n)return void(t+=e.length);t+=e.indexOf(">")+1,t=Ra(a.childNodes,t)}else a.nodeType===Node.TEXT_NODE&&(t+=(a.nodeValue||"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;").length)})),t}e(void 0,void 0,void 0,(function*(){if("undefined"==typeof window)return;const e=yield import("react-quill");Ba=e.default;const t=e.Quill||Ba.Quill;t.register("modules/preserveWhiteSpace",class{constructor(e,t){this.quill=e,this.options=t,e.container.style.whiteSpace="pre-line"}});const a=t.import("blots/inline");class o extends a{static create(e){if(!e)return super.create(!1);const t=super.create(e);return o.setNodeConfigurations(t,e),t}static formats(e){return!(!e.innerText||!(e.getAttribute("data-href")||e.getAttribute("data-url")||e.getAttribute("data-error")||e.getAttribute("data-bad-word")))&&{"data-bad-word":e.getAttribute("data-bad-word"),"data-error":e.getAttribute("data-error"),"data-href":e.getAttribute("data-href"),"data-url":e.getAttribute("data-url"),"data-text":e.innerText||e.getAttribute("data-href")}}static setNodeConfigurations(e,t){var a,o;t&&(null===(o=null===(a=null==t?void 0:t["data-text"])||void 0===a?void 0:a.replace(/(\&nbsp;)+/g," "))||void 0===o?void 0:o.replace(/(\u200c|&zwnj;)+/g,""))&&(t["data-bad-word"]&&e.setAttribute("data-bad-word",t["data-bad-word"]),t["data-href"]&&e.setAttribute("data-href",t["data-href"]),t["data-error"]&&e.setAttribute("data-error",t["data-error"]),t["data-url"]&&e.setAttribute("data-url",t["data-url"]))}}o.blotName="mocka1",o.tagName="mocka",t.register(o);class n extends a{static create(e){if(!e)return super.create(!1);const t=super.create(e);return n.setNodeConfigurations(t,e),t}static formats(e){return!(!e.getAttribute("data-name")||!e.getAttribute("data-id"))&&{"data-name":e.getAttribute("data-name"),"data-id":e.getAttribute("data-id")}}static setNodeConfigurations(e,t){var a,o;t&&t["data-id"]&&(null===(o=null===(a=null==t?void 0:t["data-name"])||void 0===a?void 0:a.replace(/(\&nbsp;)+/g," "))||void 0===o?void 0:o.replace(/(\u200c|&zwnj;)+/g,""))&&(t["data-id"]&&e.setAttribute("data-id",t["data-id"]),t["data-name"]&&e.setAttribute("data-name",t["data-name"]))}}n.blotName="mention",n.tagName="mention",t.register(n)}));const Va=(e,t)=>{var a;const{formatUrl:o,bannedWords:n=[]}=t||{},i=e.replace(/<font [^\>]*>(.+)<\/font>/gim,((e,t)=>t.replace(/<u[^\>]*>(.+)<\/u>/gim,"$1"))).replace(ha,((e,t,a,o)=>{if(o!==a){const e=a.split(" "),n=e.findIndex(((t,a)=>{const n=e.slice(0,a+1).join(" ");return!o.startsWith(n)}));if(0===n)return`@${o}`;{const a=(n<0?e:e.slice(0,n)).join(" "),i=o.slice(a.length).trim();return console.log(n,a,i),`<mention data-id="${t}" data-name="${a}">${a}</mention> ${i} `}}return e}));if(!o)return{value:Sa(i,n)};let l=(e=>e.replace(wa,((e,t)=>{const a=document.createElement("div");a.innerHTML=e;const o=a.firstChild;return(null==o?void 0:o.innerText)!==(null==o?void 0:o.getAttribute("data-bad-word"))?t:e})))((e=>{var t,a;return null===(a=null===(t=e.replace(/(\&nbsp;)+/g," "))||void 0===t?void 0:t.replace(/(\u200c|&zwnj;)+/g,""))||void 0===a?void 0:a.replace(ma,((e,t,a)=>{var o;const n=null===(o=t.match(/data-href="([^"]*)"/im))||void 0===o?void 0:o[1];return!n||n===a||a.match(fa)?a:n?`<a href="${n}">${a}</a>`:`<a href="${a}">${a}</a>`})).replace(pa,((e,t,a)=>{if('="'!==t&&'data-url="true">'!==t){const e=a.toLowerCase(),t=`${e.startsWith("http")?"":" https://"}${e}`;return xa({text:t,url:t,method:"edit"})}return e})).replace(ya,((e,t,a)=>xa({text:a||t,url:t,method:"edit"})))})(i));const r=(e=>{var t;return[...ka(e),...(null===(t=e.match(ma))||void 0===t?void 0:t.map((e=>{var t,a;const o=null===(t=e.match(/data-href="([^"]*)"/im))||void 0===t?void 0:t[1],n=null===(a=e.match(/>(.*?)<\/mocka>/im))||void 0===a?void 0:a[1];return o||n})))||[]].filter((e=>!!e))})(i);if(r){const e=[];let t="";return r.forEach((t=>{if(t)try{const a=new URL(t);Pa.some((e=>a.origin.endsWith(e)))||e.push(t)}catch(a){e.push(t)}})),e.length>0&&(l=l.replace(new RegExp(`data-url="true">(${e.map(Aa).join("|")})<`,"gi"),'data-error="true" data-url="true">$1<').replace(new RegExp(`data-href="(${e.map(Aa).join("|")})" data-url="true">`,"gi"),'data-href="$1" data-error="true" data-url="true">')),t=null===(a=r.filter((t=>-1===e.indexOf(t))))||void 0===a?void 0:a[0],{invalidUrls:e,previewUrl:t,value:Sa(l,n)}}return{value:Sa(l,n)}},Da=({html:t,onChange:a,className:n,style:c,onImagePickerClick:m,bannedWords:p=[],onInvalidUrlsChange:u,onPreviewUrlChange:g,setEditorRef:h,isReplying:v})=>{var f,b,y,w;const x=r([]);x.current=p;const[E,C]=l([]),[k,N]=l(null),{data:{locale:A}}=i(Z),L=(null==p?void 0:p.join(","))||"";s((()=>{var e,t;const a=null===(t=null===(e=F.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root.innerHTML;I(a)}),[L]);const T=e=>{k&&k.url===e||(N({url:e,isFetching:!0}),_(G(Q.FETCH_PREVIEW,{_locale:A}),"POST",{data:{link:e}}).then((t=>{var a,o,n,i;N({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===(n=null==t?void 0:t.data)||void 0===n?void 0:n.image)||(null===(i=null==t?void 0:t.data)||void 0===i?void 0:i.logo),url:e})})).catch((()=>{N(null)})))},P=r(T);P.current=T;const I=d(Ae((e=>{if(e){const t=Va(e,{bannedWords:x.current,formatUrl:!0}),{invalidUrls:o,previewUrl:n,value:i}=t;o&&C(o),n?P.current(n):N(null),i!==e&&(null==a||a(i))}}),500),[]);s((()=>{u&&u(E)}),[E]),s((()=>{g&&((null==k?void 0:k.url)?g({title:k.title||"",url:k.url||"",image:k.image||"",description:k.description||""}):g(null))}),[k]);const S=r(m);S.current=m;const z=Re(),M=r({toolbar:{handlers:{image:()=>{var e;return null===(e=S.current)||void 0===e?void 0:e.call(S)},link:()=>!1},container:"#toolbar-"+z},preserveWhiteSpace:!0}),j=r(-1),F=r(null);h&&(null===(b=null===(f=F.current)||void 0===f?void 0:f.getEditor())||void 0===b?void 0:b.root)&&h(null===(w=null===(y=F.current)||void 0===y?void 0:y.getEditor())||void 0===w?void 0:w.root);const B=()=>{var e,t,a,o,n,i,l,r;if(null===(t=null===(e=F.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root){const e=Oa(null===(o=null===(a=F.current)||void 0===a?void 0:a.getEditor())||void 0===o?void 0:o.root),t=null===(i=null===(n=F.current)||void 0===n?void 0:n.getEditor())||void 0===i?void 0:i.root.innerHTML;if(e>=0&&e<t.length){if(Na(t,!0).length<30-(v?1:0)){const e=function(e){var t,a;let o=null;if(void 0!==window.getSelection){const n=window.getSelection();if((null==n?void 0:n.rangeCount)&&(null==n?void 0:n.rangeCount)>0){const n=null===(t=window.getSelection())||void 0===t?void 0:t.getRangeAt(0);if(n){const t=n.cloneRange();t.selectNodeContents(e),t.setEnd(n.endContainer,n.endOffset);const i=(t.endContainer.nodeValue||"").substring(0,n.endOffset),l=i.lastIndexOf("@");if(l+1<i.length&&(0===l||" @"===i.slice(l-1,l+1))){const e=null===(a=i.slice(l+1))||void 0===a?void 0:a.trim();if(e){t.setStart(n.endContainer,l);const a=t.cloneRange();a.setStart(a.endContainer,l),o={name:e,rect:t.getBoundingClientRect(),replaceRange:a}}}}}}return o}(null===(r=null===(l=F.current)||void 0===l?void 0:l.getEditor())||void 0===r?void 0:r.root);e?(U(e.name,e.rect),X.current=e.replaceRange):(X.current=null,U("",null))}else X.current=null,U("",null);j.current=e}}else R([])},[O,R]=l([]),[V,D]=l({top:0,left:0}),U=d(Ae(((t,a,o)=>e(void 0,void 0,void 0,(function*(){var e,n,i,l;if(!t||!DOMRect)return R([]);const r=yield((null===(e=je(H))||void 0===e?void 0:e.length)||0)>0?re(G(Q.SEARCH_USER,{_locale:A,name:t}),"get"):le(G(ie.SEARCH_USER,{_locale:A,name:t}),"get");J(0),R(null===(i=null===(n=null==r?void 0:r.data)||void 0===n?void 0:n.users)||void 0===i?void 0:i.filter((e=>!(null==o?void 0:o.includes(String(e.id))))));const s=a,c=null===(l=q.current)||void 0===l?void 0:l.getBoundingClientRect();if(s&&c){const e=343,t=256,a={top:s.bottom-c.top,width:"min(343px, 100%)",maxHeight:t};c.width-(s.left-c.left)<e?a.right=0:a.left=s.left-c.left,D(a)}}))),500),[]),W=(e,t)=>{var a,o,n;if(X.current){X.current.deleteContents();const i=document.createElement("mention");i.setAttribute("data-id",e),i.setAttribute("data-name",t),i.innerText=t;const l=document.createTextNode(" ");X.current.insertNode(l),X.current.insertNode(i);(null===(o=null===(a=F.current)||void 0===a?void 0:a.getEditor())||void 0===o?void 0:o.root).focus();const r=null===(n=window.getSelection())||void 0===n?void 0:n.getRangeAt(0);null==r||r.setStart(X.current.endContainer,X.current.endOffset),null==r||r.setEnd(X.current.endContainer,X.current.endOffset)}R([])},q=r(null),X=r(null),K=r(null),[Y,J]=l(0);return s((()=>{if(K.current){const e=K.current,t=e.children.item(Y);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)}}}),[Y]),s((()=>{const e=function(e){var t;(null===(t=q.current)||void 0===t?void 0:t.contains(e.target))||R([])};return window.addEventListener("click",e,{passive:!0}),()=>{window.removeEventListener("click",e)}}),[]),o.createElement(Fa,{ref:q,className:n,style:c,onKeyDownCapture:e=>{if(null==O?void 0:O.length){let t=!1;if("ArrowDown"===e.key)t=!0,J((e=>e+1>=O.length?0:e+1));else if("Escape"===e.key)t=!0,J(0),R([]);else if("ArrowUp"===e.key)t=!0,J((e=>e-1<0?O.length-1:e-1));else if("Enter"===e.key||"Tab"===e.key){const e=O[Y];e&&(t=!0,W(e.id,e.name))}if(t)return e.preventDefault(),!1}}},o.createElement(Ua,{id:z,onAddLink:(e,t)=>{var o,n;const i=j.current+1,l=null===(n=null===(o=F.current)||void 0===o?void 0:o.getEditor())||void 0===n?void 0:n.root.innerHTML,r=((null==l?void 0:l.substring(0,i))||"")+`<mocka data-href="${t}" data-url="true">${e}</mocka> `+((null==l?void 0:l.substring(i))||"");null==a||a(r),I(r)}}),Ba&&o.createElement(Ba,{ref:F,theme:"snow",value:t,onChange:e=>{null==a||a(e),I(e),B()},onChangeSelection:()=>{B()},modules:M.current,formats:["mocka1","mention","id","key","bold","italic","underline","list","bullet"]}),!!(null==O?void 0:O.length)&&o.createElement("div",{ref:K,className:"mention-search-container",style:V},O.map(((e,t)=>o.createElement("div",{className:"mention-search-item "+(Y===t?"item-selected":""),key:e.id,onClick:t=>{t.preventDefault(),t.stopPropagation(),W(e.id,e.name)},onMouseEnter:()=>{J(t)}},o.createElement($,{className:"search-avatar",username:e.name,avatar:e.avatar}),o.createElement("div",null,o.createElement(ke,{size:"p2"},e.name),o.createElement(ke,{size:"p4",color:"#595959"},"@",e.username)))))))},Ua=({onAddLink:e,id:t})=>o.createElement("div",{id:"toolbar-"+t,onClick:e=>{e.preventDefault(),e.stopPropagation()}},o.createElement("span",{className:"ql-formats"},o.createElement("button",{className:"ql-bold",type:"button"}),o.createElement("button",{className:"ql-italic",type:"button"}),o.createElement("button",{className:"ql-underline",type:"button"})),o.createElement("span",{className:"ql-formats"},o.createElement("button",{className:"ql-list",value:"ordered",type:"button"}),o.createElement("button",{className:"ql-list",value:"bullet",type:"button"})),o.createElement("span",{className:"ql-formats"},o.createElement("button",{className:"ql-image",type:"button"}),e&&o.createElement(gt,{className:"link-tool-wrapper",toggleButtonContent:o.createElement("img",{className:"link-icon",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%3cpath d='M9.54545 16H7.09091C6.55368 16 6.02172 15.8965 5.52539 15.6955C5.02905 15.4945 4.57808 15.1999 4.1982 14.8284C3.43101 14.0783 3 13.0609 3 12C3 10.9391 3.43101 9.92172 4.1982 9.17157C4.96539 8.42143 6.00593 8 7.09091 8H9.54545M13.9256 8H16.9091C17.4463 8 17.9783 8.10346 18.4746 8.30448C18.9709 8.5055 19.4219 8.80014 19.8018 9.17157C20.1817 9.54301 20.483 9.98396 20.6886 10.4693C20.8942 10.9546 21 11.4747 21 12C21 12.5253 20.8942 13.0454 20.6886 13.5307C20.483 14.016 20.1817 14.457 19.8018 14.8284C19.4219 15.1999 18.9709 15.4945 18.4746 15.6955C17.9783 15.8965 17.4463 16 16.9091 16H13.9256' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9 12H15' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"}),buttonProps:{size:"md",color:"transparent"},align:"end"},(({setShow:t})=>o.createElement(Za,{onAddUrl:e,setShow:t}))))),Wa=["notification.limitUrlDomain","notification.urlWrongFormat"],Za=({onAddUrl:e,setShow:t})=>{const{data:{env:{isMarryBaby:a}}}=i(Z),{t:n}=w(),[r,s]=l(""),[c,d]=l(""),[m,p]=l(-1),u=r.trim()&&c.trim()&&m<0;return o.createElement("div",{className:"link-tool-popover"},o.createElement(Ne,{name:"url",value:r,size:"md",label:"URL",placeholder:n("placeholder.enterUrlHere"),type:"text",className:"link-input-url",onChange:e=>{s(e),(e=>{const t=Ia(e.trim());try{const e=new URL(t);return e.protocol.startsWith("http")?Pa.some((t=>e.origin.endsWith("/"+t)||e.origin.endsWith("."+t)))?(p(-1),!0):(p(0),!1):(p(1),!1)}catch(e){return p(1),!1}})(e)}}),m>=0&&o.createElement(ke,{size:"c2",className:"error-text"},n(Wa[m])),o.createElement(Ne,{name:"text",value:c,size:"md",label:n("createPost.urlText"),placeholder:n("placeholder.enterUrlTextHere"),type:"text",className:"link-input-text",onChange:e=>d(e)}),o.createElement("div",{"data-is-marrybaby":a,className:"link-input-button-wrapper"},o.createElement(Se,{theme:a?"marryBaby":"helloSites",size:"sm",color:"primary",className:"link-input-button",onClick:()=>{u&&(e(c.trim(),Ia(r.trim())),t&&t(!1))},isDisabled:!u},n("insert"))))};var Ha="data:image/svg+xml,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 22.9844C17.5228 22.9844 22 18.5072 22 12.9844C22 7.46153 17.5228 2.98438 12 2.98438C6.47715 2.98438 2 7.46153 2 12.9844C2 18.5072 6.47715 22.9844 12 22.9844Z' fill='%23262626'/%3e%3cpath d='M14.8281 10.1562L9.17127 15.8131' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.17188 10.1562L14.8287 15.8131' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const qa=({className:e,style:t,bannedWords:a=[],value:n,onChange:i,onPreviewUrlChange:c,onInvalidUrlsChange:d,onImageFilesChange:m,imageFiles:p,isReplying:u})=>{const{t:g}=w(),[h,v]=l(null),f=r(null),{onSelectImages:b,onRemoveImage:y,imageSrcs:C}=Ma(p,m);return s((()=>{c&&((null==h?void 0:h.url)?c({title:h.title||"",url:h.url||"",image:h.image||"",description:h.description||""}):c(null))}),[h]),o.createElement(ja,{className:e,style:t},o.createElement(ke,{size:"p4",className:"description-label"},g("createPost.popup.description")),o.createElement("div",{className:"textarea-control"},o.createElement("div",{className:"textarea-wrapper"},o.createElement(Da,{html:n||"",onChange:i,bannedWords:a,onImagePickerClick:()=>{var e;return null===(e=f.current)||void 0===e?void 0:e.click()},onPreviewUrlChange:v,onInvalidUrlsChange:d,isReplying:u}))),o.createElement(ke,{size:"p4",className:"count-string"},g("character"),": ",x(n||"").length),(!C||0===C.length)&&h&&o.createElement("div",{className:"link-preview-wrapper"},h.isFetching?o.createElement(_e,null):o.createElement(o.Fragment,null,o.createElement(Qe,{title:h.title,url:h.url||"#",image:h.image,noRefetch:!0}),o.createElement("img",{src:Ha,className:"icon-close",onClick:()=>v(null)}))),o.createElement("input",{ref:f,type:"file",accept:"image/png, image/gif, image/jpeg",multiple:!0,style:{display:"none"},onChange:b}),C.length>se?o.createElement("div",{className:"input-notification"},o.createElement("img",{src:da}),o.createElement(ke,{size:"p4",color:E.colors.alertWarning},g("createPost.popup.warningImage"))):null,C.length>0&&o.createElement("div",{className:"image-gallery"},C.map(((e,t)=>o.createElement("div",{key:t,className:"image-item"},o.createElement("img",{src:e}),o.createElement("img",{className:"close-btn",src:Ha,onClick:()=>y(t)}))))))},_a=F.div`
+  input:focus,
+  textarea:focus,
+  [contenteditable='true'] {
+    outline: none;
+  }
+
+  .title-input {
+    overflow: hidden;
+    width: 100%;
+    padding: 12px 16px;
+    border: solid 1px #d9d9d9;
+    border-radius: ${e=>e.theme.borderRadius};
+    font-size: 16px;
+    line-height: 1.2;
+    white-space: nowrap;
+    :focus {
+      border-color: ${e=>e.theme.colors.primaryBase};
+      box-shadow: 0px 0px 2px 2px
+        ${e=>e.theme.colors.primary200};
+    }
+    br {
+      display: none;
+    }
+    * {
+      display: inline;
+      white-space: nowrap;
+    }
+    mocka {
+      padding: 2px 6px;
+      border-radius: 1rem;
+      &[data-error='true'] {
+        background-color: #ffeeee;
+        color: red;
+        text-decoration: underline;
+        font-style: bold;
+      }
+    }
+    ol,
+    ul {
+      padding-left: 1rem;
+    }
+  }
+
+  label {
+    display: block;
+    margin-bottom: 5px;
+    color: ${e=>e.theme.colors.gray600};
+    font-size: 13px;
+    font-weight: bold;
+  }
+
+  .count-string {
+    margin-top: 5px;
+    color: ${e=>e.theme.colors.gray500};
+    font-size: 11px;
+    text-align: right;
+  }
+`,Ga=(e,t)=>{if(!t)return e;const{limit:a,bannedWords:o=[]}=t,n="number"==typeof a&&a>=0?e.substring(0,a):e;return Sa(n,o)},Qa=({className:e,style:t,bannedWords:a=[],value:n,onChange:i})=>{var c;const{t:m}=w(),[p,u]=l(""),g=r(null);s((()=>{if(g.current){const e=e=>{var t;e.preventDefault();const a=null===(t=e.clipboardData)||void 0===t?void 0:t.getData("text/plain");document.execCommand("insertHTML",!1,a)},t=g.current;return t.addEventListener("paste",e,{passive:!0}),()=>t.removeEventListener("paste",e)}}),[g]);const h=(null==a?void 0:a.join(","))||"";s((()=>{var e;if(h){const t=null===(e=g.current)||void 0===e?void 0:e.innerText;if(t){const e=Sa(t,a);e!==t&&(i&&i(e),u(e))}}}),[h]);const v=d(Ae((()=>{if(g.current){const e=Ga(g.current.innerText,{limit:120,bannedWords:a});i&&i(e),u(e)}}),300),[]);return s((()=>{setTimeout((()=>{var e;null===(e=g.current)||void 0===e||e.focus()}),500)}),[]),o.createElement(_a,{className:e,style:t},o.createElement(Ne,{name:"title",value:n||p,size:"md",label:m("createPost.title"),CustomInput:o.createElement(Le,{innerRef:g,html:n||p,onChange:()=>{if(g.current&&g.current.innerText!==(n||p)){const e=Ga(g.current.innerText,{bannedWords:a});i&&i(e),u(e),v()}},className:"title-input"})}),o.createElement(ke,{size:"p4",className:"count-string"},m("createPost.popup.wordCount",{count:(null===(c=g.current)||void 0===c?void 0:c.innerText.length)||0,max:120})))},Xa=F.div`
+  display: flex;
+  width: 100%;
+  flex-wrap: wrap;
+  margin-top: 1rem;
+
+  .tag-item {
+    min-height: 32px;
+    padding: 5px 12px;
+    border: 1px solid ${e=>e.theme.colors.neutral100};
+    margin-right: 1rem;
+    margin-bottom: 8px;
+    border-radius: 1rem;
+    color: ${e=>e.theme.colors.gray800};
+    cursor: pointer;
+    font-size: 13px;
+    line-height: 22px;
+    transition: all 0.2s;
+
+    &.--active {
+      border-color: ${e=>e.theme.colors.primary50};
+      background: ${e=>e.theme.colors.primary50};
+      color: ${e=>e.theme.colors.primaryBase};
+    }
+    &[data-disabled='true'] {
+      background: ${e=>e.theme.colors.gray100};
+      color: ${e=>e.theme.colors.gray800};
+    }
+  }
+  .topic-spinner {
+    margin-right: auto;
+    margin-left: auto;
+    & > button {
+      width: 24px;
+      height: 24px;
+    }
+  }
+  &[data-is-marrybaby='true'] {
+    .tag-item {
+      border-color: transparent;
+      background: #f3f3f3;
+      color: #3e3f58;
+      &.--active {
+        border-color: #b6cdff;
+        background: #e0e9fb;
+        color: #3e3f58;
+      }
+    }
+  }
+`,Ka=({className:t,style:a,topics:n,communityId:d,onChange:m,isLoading:p,disabled:u,forceTopics:g,selectedTopics:h,noFetch:v,dataEventCategory:f,dataEventAction:b,dataEventLabel:y})=>{const{data:{locale:w,env:{isMarryBaby:x}}}=i(Z),[E,C]=l(n?[...n]:[]),[k,N]=l(h?[...h]:[]),[A,L]=l(!1),T=r(n);T.current=n,s((()=>{var t;!d||v||(null===(t=T.current)||void 0===t?void 0:t.length)||(C([]),L(!0),e(void 0,void 0,void 0,(function*(){var e;try{const t=yield _(G(Q.TOPIC.LIST,{communityId:d,_locale:w}),"GET"),a=null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.topics;Array.isArray(a)&&C((()=>(null==a?void 0:a.map(fe).sort(((e,t)=>(e.order||0)-(t.order||0))))||[]))}catch(e){console.log(e),L(!1)}L(!1)})))}),[d,v]);const P=null==n?void 0:n.map((e=>e.id)).join("-"),I=null==E?void 0:E.map((e=>e.id)).join("-"),S=null==g?void 0:g.map((e=>e.id)).join("-");s((()=>{n&&void 0!==P&&P!==I&&C(n)}),[n,P,I]);const z=c((()=>E.filter((e=>!(null==g?void 0:g.some((t=>t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId)))))),[I,S]);return o.createElement(Xa,{"data-is-marrybaby":x,className:t,style:a},g.map((e=>o.createElement($a,{key:`${e.id}-${e.mappedCategoryId}`,topic:e,disabled:!0,selected:!0,dataEventAction:b,dataEventCategory:f,dataEventLabel:y}))),z.map((e=>o.createElement($a,{key:`${e.id}-${e.mappedCategoryId}`,topic:e,disabled:u,selected:(h||k).some((t=>t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId)),onClick:()=>{const t=h||k,a=t.findIndex((t=>t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId));-1!==a?t.splice(a,1):t.push(e),m&&h?m(t.slice()):(m&&m(t.slice()),N(t.slice()))},dataEventAction:b,dataEventCategory:f,dataEventLabel:y}))),(p||A)&&o.createElement(_e,{className:"topic-spinner"}))},$a=e=>{var{topic:a,disabled:n,selected:i,onClick:l}=e,r=t(e,["topic","disabled","selected","onClick"]);return o.createElement("div",Object.assign({className:"tag-item"+(i?" --active":""),"data-disabled":n,onClick:n?void 0:l},r),a.name)},Ya=F.div`
+  position: relative;
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  padding: 16px 24px;
+
+  .input-group-container {
+    flex: 1;
+    padding-right: 2px;
+    padding-left: 2px;
+    margin-bottom: 0.5rem;
+    -ms-overflow-style: none; /* IE and Edge */
+    overflow-y: auto;
+    scrollbar-width: none; /* Firefox */
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+
+  .input-group {
+    :not(:last-child) {
+      margin-bottom: 0.6rem;
+    }
+
+    input:focus,
+    textarea:focus,
+    [contenteditable='true'] {
+      outline: none;
+    }
+
+    label {
+      margin-bottom: 5px;
+      color: ${e=>e.theme.colors.gray600};
+      /* font-family: 'Open Sans', sans-serif; */
+      font-size: 13px;
+      font-weight: bold;
+    }
+
+    .input-group-label {
+      margin-bottom: 5px;
+      color: ${e=>e.theme.colors.gray600};
+      /* font-family: 'Open Sans', sans-serif; */
+      font-size: 13px;
+      font-weight: bold;
+    }
+
+    .input-notification {
+      display: flex;
+
+      & > img {
+        width: 16px;
+        height: 16px;
+        margin-top: 1.5px;
+        margin-right: 8px;
+      }
+    }
+
+    .tag-list {
+    }
+  }
+
+  .warning {
+    margin-top: 16px;
+  }
+
+  .submit-btn {
+    width: 100%;
+  }
+
+  .switch-label {
+    display: flex;
+    align-items: center;
+  }
+
+  .swich-input-group {
+    padding: 12px 16px;
+    border-radius: 8px;
+    background: ${E.colors.neutral50};
+
+    &.askdoctor-switch {
+      background:  ${E.colors.primary50};
+      &.mb-color {
+       background:  ${E.mbColors.tonePink};
+      }
+
+    
+    .mantine-Switch-labelWrapper {
+      flex-grow: 1;
+    }
+    .mantine-Checkbox-body {
+      display: flex;
+      width: 100%;
+      align-items: center;
+      justify-content: space-between;
+    }
+    .mantine-Switch-track {
+      margin-bottom: 0;
+    }
+    .label-txt {
+      font-weight: normal;
+      font-size: 14px;
+      color: ${E.colors.gray800};
+      margin-left: 10px;
+    }
+  }
+`,Ja=F.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  border-radius: 8px;
+  background: ${E.colors.primary50};
+
+  &[data-is-marry-baby='true'] {
+    background: ${E.mbColors.tonePink};
+  }
+  .switch-label {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+  margin-bottom: 12px;
+`,eo=F.div`
+  margin-bottom: 12px;
+  color: ${E.colors.red700};
+  svg {
+    margin-right: 5px;
+  }
+  svg,
+  span {
+    display: inline-block;
+    vertical-align: middle;
+  }
+`,to=({className:t,style:a,onPostCreatedEdited:n,onClose:r,communities:c=[],forceSelectCommunity:d,forceSelectTopics:m,articleId:p,optionalTopic:u,editPostData:h,defaultCommunity:v,defaultTopics:f,noFetchTopic:b,hideTopicList:C,selectAskDoctor:k,showAskDoctorOptions:N,currentPageUrl:L})=>{const T=!!(null==h?void 0:h.id),{data:{locale:P,env:{isMarryBaby:z}},action:{pushNotifications:j,sanitizeFunction:F}}=i(Z),{t:B}=w(),[O,R]=l(!1),[V,D]=l(k),[W,H]=l(!1),[q,_]=l(!1),[X,K]=l(""),[$,Y]=l(""),[J,ee]=l(d?{label:d.name,value:`${d.id||""}-${d.mappedCategoryId||""}`}:{label:B("community.choose"),value:""}),[te,ae]=l([...m]||[]),[oe,ne]=l([]),[ie,le]=l([]),ce=d||c.find((e=>`${e.id||""}-${e.mappedCategoryId||""}`===J.value)),de=d?[d]:c.filter((e=>e.isActive)).sort(((e,t)=>e.name>t.name?1:e.name<t.name?-1:0)),[me,pe]=l(null),[ue,he]=l([]),ve=X&&x($)&&(u||!u&&te.length>0)&&ce&&(!oe||oe.length<=se)&&!(null==ue?void 0:ue.length)&&!q;s((()=>{if(h){const e=h;K(e.title||""),Y(Ca(Ea(e.description||"","edit"),e.mentions)),ee({label:e.community.name,value:`${e.community.id||""}-${e.community.mappedCategoryId||""}`}),ae(e.topics||[]),ne(e.photos||[]),R(!!e.isAnonymous||!1),D(!!e.isAskDoctor||!1)}else v&&ee({label:v.name,value:`${v.id||""}-${v.mappedCategoryId||""}`}),f&&ae(f)}),[]);const fe=()=>e(void 0,void 0,void 0,(function*(){var t,a,o,i,l,s,c,d,m;if(N&&void 0===V)return H(!0),!1;const u=yield(({title:t,description:a,communityId:o,imageFiles:n,previewUrl:i,topicIds:l,locale:r,sanitizeFunction:s,categoryCommunityId:c,categoryTopicIds:d,introUrl:m,bannerUrl:p,scheduleTime:u,isAnonymous:g,isAskDoctor:h})=>e(void 0,void 0,void 0,(function*(){const e=new FormData,v=La(a),f=La(t),b=Na(v);if(e.append("title",f),e.append("description",Ta(v,s)),c?e.append("category_community",String(c)):o&&e.append("community_id",String(o)),e.append("is_anonymous",g?"1":"0"),e.append("is_question",h?"1":"0"),(null==i?void 0:i.title)&&e.append("preview_title",i.title),(null==i?void 0:i.description)&&e.append("preview_description",i.description),(null==i?void 0:i.url)&&e.append("preview_link",U(i.url)),(null==i?void 0:i.image)&&e.append("preview_image",U(i.image)),null==l||l.forEach((t=>{e.append("topics[]",String(t||""))})),null==d||d.forEach((t=>{e.append("category_topics[]",String(t||""))})),null==n?void 0:n.length){const t=yield Promise.all(n.map(((e,t)=>new Promise((a=>{setTimeout((()=>{a(za(e,r))}),2e3*t)})))));null==t||t.filter(Boolean).slice(0,se).forEach(((t,a)=>{e.append(`images[${a}]`,t)}))}else e.append("images","");return null==b||b.forEach((t=>{e.append("mention_ids[]",t)})),e.append("intro_url",m||""),e.append("banner",p||""),u&&(e.append("post_type","scheduled"),e.append("schedule_datetime",u)),e})))({title:X,description:$,communityId:String((null==ce?void 0:ce.id)||""),imageFiles:oe,previewUrl:me,topicIds:null==te?void 0:te.map((e=>String(e.id||""))).filter(Boolean),locale:P,sanitizeFunction:F,categoryCommunityId:String((null==ce?void 0:ce.mappedCategoryId)||""),categoryTopicIds:null==te?void 0:te.map((e=>String(e.mappedCategoryId||""))).filter(Boolean),isAnonymous:O?1:0,isAskDoctor:V?1:0});let g;p&&u.append("article_id",p),T?(null==h?void 0:h.id)&&(g=yield(({id:t,locale:a,formData:o})=>e(void 0,void 0,void 0,(function*(){return yield re(G(Q.POST.UPDATE,{id:t,_locale:a}),"POST",{data:o})})))({id:h.id,formData:u,locale:P})):g=yield(({locale:t,formData:a,isArticleComment:o})=>e(void 0,void 0,void 0,(function*(){return yield re(G(o?Q.POST.CREATE_ARTICLE_COMMENT:Q.POST.CREATE,{_locale:t}),"POST",{data:a})})))({formData:u,locale:P,isArticleComment:!(null==ce?void 0:ce.id)&&!!(null==ce?void 0:ce.mappedCategoryId)});const v=null==g?void 0:g.data;(null==v?void 0:v.id)&&!(null===(a=null===(t=null==g?void 0:g.messages)||void 0===t?void 0:t.moderation)||void 0===a?void 0:a.type)?(j({message:B("createPost.popup.success"),type:"success"}),(e=>{n&&n(be(e),T),r&&r()})(v)):"banned"===(null===(i=null===(o=null==g?void 0:g.messages)||void 0===o?void 0:o.moderation)||void 0===i?void 0:i.type)?(j({title:B("notification.post.blocked.title"),message:B("notification.post.blocked.message"),type:"danger"}),g.messages.moderation.words&&le(g.messages.moderation.words)):"suspect"===(null===(s=null===(l=null==g?void 0:g.messages)||void 0===l?void 0:l.moderation)||void 0===s?void 0:s.type)?(j({title:B("notification.post.suspect.title"),message:B("notification.post.suspect.message"),type:"warning"}),r&&r()):(null===(d=null===(c=null==g?void 0:g.messages)||void 0===c?void 0:c.find)||void 0===d?void 0:d.call(c,(e=>{var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(j({message:B("notification.suspend.message"),type:"danger"}),r&&r()):j({message:(null===(m=null==g?void 0:g.messages)||void 0===m?void 0:m[0])||B("notification.failure"),type:"danger"})}));return o.createElement(Ya,{className:t,style:a},o.createElement("div",{className:"input-group-container"},o.createElement(Qa,{className:"input-group",bannedWords:ie,value:X,onChange:K}),o.createElement(qa,{className:"input-group",bannedWords:ie,value:$,onChange:Y,onPreviewUrlChange:pe,onInvalidUrlsChange:he,onImageFilesChange:ne,imageFiles:oe}),N&&o.createElement(Ja,{"data-is-marry-baby":z},o.createElement("div",{className:"switch-label"},o.createElement(A,{isMarryBaby:z,size:z?32:24,color:E.colors.primaryBase,className:"label-icon"}),o.createElement("span",{className:"label-txt"},B("createPost.askDoctor"))),o.createElement(ge,{value:V,choices:[{label:B("createPost.askDoctorChoice.yes"),value:!0,dataEventCategory:"Together",dataEventAction:"Write Post Click - Ask Doctor",dataEventLabel:L},{label:B("createPost.askDoctorChoice.no"),value:!1}],onChange:e=>{"boolean"==typeof e&&(H(!1),D(e))}})),W&&o.createElement(eo,null,o.createElement(ca,{color:E.colors.red700,size:14}),o.createElement(S,{size:"p3",as:"span",color:E.colors.red700},B("createPost.message.askDoctorRequire"))),o.createElement("div",{className:"input-group"},o.createElement(S,{size:"p4",className:"input-group-label"},B("admin.community")),o.createElement(y,{options:(null==de?void 0:de.map((e=>({label:e.name,value:`${e.id||""}-${e.mappedCategoryId||""}`}))))||[],id:"community-picker",placeholder:B("community.choose"),value:J,dropdownLabelTrackingAttributes:{"data-event-category":"Together","data-event-action":"Write Post Click -  Choose Community/Topic","data-event-label":L},onChange:e=>{ee({label:e.label,value:String(e.value)}),ae([])},disabled:!!d}),o.createElement(S,{size:"sm",className:"warning",color:E.colors.gray400},"* ",B("commentPopup.warning.newPost"))),!C&&o.createElement("div",{className:"input-group"},o.createElement(S,{size:"p4",className:"input-group-label"},B("tab.topic")),o.createElement("div",{className:"input-notification"},o.createElement("img",{src:ce?"data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 14.5C11.3137 14.5 14 11.8137 14 8.5C14 5.18629 11.3137 2.5 8 2.5C4.68629 2.5 2 5.18629 2 8.5C2 11.8137 4.68629 14.5 8 14.5Z' fill='%232D87F3'/%3e%3cpath d='M8 5.5V8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11.5H8.00708' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e":da}),o.createElement(S,{size:"base",color:E.colors.gray500},B(ce?"createPost.popup.primary":"createPost.popup.warning"))),ce&&o.createElement(Ka,{className:"tag-list",communityId:ce.id,forceTopics:m,onChange:ae,selectedTopics:te,noFetch:b,dataEventCategory:"Together",dataEventAction:"Write Post Click -  Choose Community/Topic",dataEventLabel:L}))),o.createElement("div",{className:"form-action"},o.createElement("div",{className:"input-group"},o.createElement(g,{className:"swich-input-group",labelPosition:"left",name:"PostAnonymous",checked:O,color:z?"pink":void 0,"data-event-category":"Together","data-event-action":"Write Post Click - Incognito","data-event-label":L,label:o.createElement("div",{className:"switch-label"},o.createElement("img",{className:"label-icon",src:I.getAssetPath("anomyous-avatar.svg"),alt:"anomyous avatar",style:{marginRight:"10px",width:"24px"}}),o.createElement("span",{className:"label-txt"},B("createPost.postAnonymous"))),value:"Post Anonymous",onChange:e=>R(e.currentTarget.checked),styles:{body:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center"},label:{display:"flex",alignItems:"center"}}})),o.createElement("div",{className:"input-group"},o.createElement(M,{className:"submit-btn pointer-event-child-none",size:"lg","data-event-category":"Ask Doctor","data-event-action":"Submit Question","data-event-label":window.location.href,onClick:()=>e(void 0,void 0,void 0,(function*(){if(ve&&!q){_(!0);try{yield fe()}catch(e){console.error(e),j(sa(B))}_(!1)}})),disabled:!ve,loading:q},B("createPost.popup.submit")))))},ao=F.div`
+  [data-type='confirm'] {
+    width: min(360px, 100%);
+    height: auto;
+    &[data-open='false'] {
+      top: calc(-100% - 500px);
+    }
+  }
+  z-index: 600;
+
+  .header {
+    display: none !important;
+  }
+
+  .confirm-dialog {
+    position: relative;
+    overflow: auto;
+    width: 100%;
+    padding-top: 44px;
+    background: #fff;
+    border-radius: ${e=>e.theme.borderRadius};
+
+    .confirm-content {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding: 0 16px 16px;
+      text-align: center;
+
+      .title {
+        margin-bottom: 8px;
+        font-size: 24px;
+        line-height: 32px;
+        word-break: break-word;
+        overflow-wrap: break-word;
+      }
+
+      .desc {
+        margin-bottom: 24px;
+        color: ${e=>e.theme.colors.gray500};
+        font-size: 18px;
+        line-height: 24px;
+        text-align: center;
+        word-break: break-word;
+        overflow-wrap: break-word;
+      }
+
+      .btn-group {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: center;
+
+        button {
+          margin: 0 4px 0.5rem;
+        }
+      }
+    }
+  }
+  .thumbnail-container {
+    width: 80px;
+    height: 80px;
+    margin-bottom: 32px;
+    .thumbnail {
+      width: 100%;
+      height: 100%;
+    }
+    &.is-icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: #e0e9fc;
+      border-radius: 1rem;
+      .thumbnail {
+        width: 40px;
+        height: 40px;
+      }
+    }
+  }
+  &[data-is-marrybaby='true'] {
+    .popup-frame {
+      > div:first-child {
+        overflow: hidden;
+        border-radius: 1rem;
+        &[data-open='true'] {
+          ${V.mbDown} {
+            top: 100%;
+            transform: translate(-50%, -100%);
+            max-width: unset;
+            width: 100%;
+            background: unset;
+            overflow: unset;
+          }
+        }
+      }
+      .popup-content {
+        .close-button {
+          ${V.mbDown} {
+            display: none;
+          }
+        }
+        .confirm-dialog {
+          ${V.mbDown} {
+            background: unset;
+            position: relative;
+            overflow-x: hidden;
+            &::before {
+              content: '';
+              width: 200%;
+              background: #fff;
+              position: absolute;
+              left: 50%;
+              top: 0;
+              transform: translateX(-50%);
+              z-index: -1;
+              height: 100%;
+              border-top-left-radius: 100%;
+              border-top-right-radius: 100%;
+            }
+          }
+          .confirm-content {
+            padding: 0 40px 40px;
+            ${V.mbDown} {
+              padding-left: 1.5rem;
+              padding-right: 1.5rem;
+            }
+            .btn-group {
+              width: 100%;
+              justify-content: space-between;
+              button {
+                flex: 1;
+                margin: 0;
+                &:first-child {
+                  margin-right: 0.5rem;
+                }
+              }
+            }
+          }
+        }
+      }
+      .thumbnail-container {
+        ${V.mbDown} {
+          display: none;
+        }
+        &.is-icon {
+          background: #ffeaf1;
+          border-radius: 24px;
+        }
+        &.is-mobile {
+          position: absolute;
+          top: 0;
+          left: 50%;
+          display: none;
+          width: 48px;
+          height: 48px;
+          transform: translate(-50%, -50%);
+          &.is-icon {
+            border-radius: 1rem;
+            .thumbnail {
+              width: 24px;
+              height: 24px;
+            }
+          }
+          ${V.mbDown} {
+            display: flex;
+          }
+        }
+      }
+    }
+  }
+`,oo=F.div`
+  [data-type='confirm'] {
+    max-width: 468px;
+    height: 486px;
+    padding: 0;
+
+    .popup-content {
+      display: flex;
+      flex-direction: column;
+      padding: 0;
+
+      .close-button {
+        top: 16px;
+        right: 16px;
+        width: 24px;
+        height: 24px;
+        z-index: 5;
+      }
+
+      .header {
+        display: flex;
+        height: 56px;
+        align-items: center;
+        padding: 16px 56px 16px 32px;
+        border-bottom: 1px solid ${e=>e.theme.colors.neutral100};
+        font-weight: 900;
+        width: 100%;
+        justify-content: space-between;
+      }
+
+      .content {
+        overflow: auto;
+        flex: 1;
+        .topic-list-wrapper {
+          padding: 1rem;
+        }
+      }
+    }
+  }
+
+  > div&[data-open='true'] {
+    z-index: 250;
+    &:last-child {
+      z-index: 200;
+    }
+  }
+
+  ${e=>e.isExpand&&O`
+      & > div[data-open] {
+        width: 100%;
+        height: 100%;
+        max-width: none;
+        max-height: none;
+      }
+    `}
+
+  ${e=>e.hasFullscreen&&O`
+      & > div[data-open] {
+        transition: all 0.5s ease-in-out, width 0s, height 0s;
+      }
+    `}
+`,no=F.div`
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+`;var io="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 lo=({className:e,style:t,closeIcon:a,heading:n="",children:i,isOpen:r=!1,hasFullscreen:s=!1,onClose:c=(()=>null)})=>{const[d,m]=l(!1);return o.createElement(oo,{className:e,style:t,isExpand:d,hasFullscreen:s},o.createElement(ye,{type:"confirm",onClose:c,isOpen:r,closeIcon:a||o.createElement("img",{src:io}),enableAnimation:!s},o.createElement("div",{className:"header"},o.createElement(ze,{tag:"h5"},n),s&&o.createElement(no,{onClick:()=>m(!d)},o.createElement(L,{size:14,isExpand:d}))),o.createElement("div",{className:"content"},"function"==typeof i?i(d):i)))},ro=({className:e,isMarryBaby:t,style:a,title:n,description:r,acceptText:c,cancelText:d,onAccept:m,onCancel:p,thumbnail:u,isThumbnailIcon:g,onClose:h,acceptBtnTracking:v,acceptBtnProps:f,cancelBtnProps:b})=>{const{data:{env:{isMarryBaby:y}}}=i(Z),w="boolean"==typeof t?t:y,[x,E]=l(!1);return s((()=>(D(!0),setTimeout((()=>E(!0)),0),()=>D(!1))),[]),"undefined"==typeof window?null:Fe.createPortal(o.createElement(ao,{"data-is-marrybaby":w,className:e,style:a,"data-open":x},o.createElement(lo,{className:"popup-frame",isOpen:x,onClose:h},o.createElement("div",{className:"confirm-dialog",onClick:e=>e.stopPropagation()},o.createElement("div",{className:"confirm-content"},u&&o.createElement("div",{className:"thumbnail-container "+(g?"is-icon":"")},o.createElement("img",{className:"thumbnail",src:u})),o.createElement(ze,{className:"title",tag:"h2"},n),o.createElement(ke,{className:"desc",size:"lg"},r),o.createElement("div",{className:"btn-group"},o.createElement(Se,Object.assign({theme:w?"marryBaby":"helloSites",size:"md",color:"tertiary",onClick:()=>{null==m||m(),null==h||h()}},f,v),c),o.createElement(Se,Object.assign({theme:w?"marryBaby":"helloSites",size:"md",onClick:()=>{null==p||p(),null==h||h()}},b),d)))),w&&u&&o.createElement("div",{className:"thumbnail-container is-mobile "+(g?"is-icon":"")},o.createElement("img",{className:"thumbnail",src:u})))),W())},so=F.div`
+  padding: 1rem;
+  border-top: 1px solid #f2f2f2;
+  &[data-is-reply='true'] {
+    padding-right: 0;
+    padding-left: 0;
+    border-top: 1px solid #e4e8ec;
+    margin-right: 1rem;
+    margin-left: 1rem;
+  }
+  .error-text {
+    padding: 1rem;
+    color: ${e=>e.theme.colors.red700};
+  }
+  .reply-to-container {
+    display: flex;
+    justify-content: space-between;
+    padding-bottom: 0.75rem;
+    margin-top: -0.25rem;
+    .icon-close-comment {
+      width: 16px;
+      height: 16px;
+      cursor: pointer;
+    }
+    a {
+      text-decoration: none;
+    }
+  }
+  .input-container {
+    display: flex;
+    align-items: center;
+    .avatar-wrapper {
+      display: flex;
+      flex-shrink: 0;
+      align-items: center;
+      margin-right: 0.5rem;
+      &.avatar-wrapper-reply {
+        width: 32px;
+        height: 32px;
+        .avatar {
+          width: 32px;
+          height: 32px;
+        }
+      }
+    }
+    .input-wrapper {
+      margin-right: 0.5rem;
+      &[data-has-error] {
+        .as-input {
+          border-color: ${e=>e.theme.colors.red700};
+        }
+      }
+
+      .as-input {
+        .textarea {
+          width: 100%;
+          max-height: 225px;
+          min-height: 75px;
+          .ql-toolbar {
+            padding: 0;
+          }
+          .ql-editor {
+            padding-left: 0;
+            padding-right: 0;
+          }
+          .quill {
+            height: 0;
+          }
+        }
+        width: 100%;
+        padding: 12px 16px;
+        border: solid 1px ${e=>e.theme.colors.gray200};
+        border-radius: ${e=>e.theme.borderRadius};
+
+        &:active,
+        &:focus {
+          border-color: ${e=>e.theme.colors.primaryBase};
+          box-shadow: 0px 0px 2px 2px
+            ${e=>e.theme.colors.primary200};
+        }
+
+        &:disabled {
+          background-color: ${e=>e.theme.colors.gray100};
+          cursor: not-allowed;
+        }
+
+        span {
+          &[data-error='true'] {
+            color: red;
+            text-decoration: underline;
+          }
+        }
+      }
+
+      &[data-has-action-icon] {
+        .as-input {
+          padding: 12px 48px 12px 16px;
+        }
+      }
+      &[data-has-display-icon] {
+        .as-input {
+          padding: 12px 16px 12px 48px;
+        }
+      }
+
+      &[data-has-action-icon][data-has-display-icon] {
+        .as-input {
+          padding: 12px 48px;
+        }
+      }
+
+      &[data-size='lg'] {
+        .as-input {
+          font-size: 16px;
+          font-weight: ${e=>e.theme.sizes.fwRegular};
+          ${V.mbDown} {
+            font-size: 22px;
+            line-height: 1.2;
+          }
+
+          ${V.mbUp} {
+            font-size: 26px;
+            line-height: 1.2;
+          }
+        }
+      }
+      &[data-size='md'] {
+        .as-input {
+          font-weight: ${e=>e.theme.sizes.fwRegular};
+          line-height: 22px;
+          ${V.mbDown} {
+            font-size: 14px;
+            line-height: 1.2;
+          }
+
+          ${V.mbUp} {
+            font-size: 16px;
+            line-height: 1.2;
+          }
+        }
+      }
+      &[data-size='sm'] {
+        .as-input {
+          font-weight: ${e=>e.theme.sizes.fwRegular};
+          line-height: 20px;
+          ${V.mbDown} {
+            font-size: 13px;
+            line-height: 1.5;
+          }
+
+          ${V.mbUp} {
+            font-size: 13px;
+            line-height: 1.5;
+          }
+        }
+      }
+    }
+    .images-input-label {
+      height: 100%;
+      cursor: pointer;
+      .icon-images-input {
+        width: 24px;
+        height: 24px;
+        vertical-align: middle;
+      }
+    }
+    .send-button {
+      display: flex;
+      width: 40px;
+      height: 40px;
+      flex-shrink: 0;
+      align-items: center;
+      justify-content: center;
+      padding: 0;
+      border: none;
+      &.send-button-post {
+        background: ${e=>e.theme.colors.neutral100};
+        border-radius: 50%;
+      }
+      .icon-enter {
+        width: 20px;
+        height: 20px;
+        vertical-align: middle;
+      }
+      &[data-is-loading='true'] {
+        > div {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+      }
+    }
+  }
+  .preview-images-container {
+    margin-top: 1rem;
+    .image-src-wrapper {
+      position: relative;
+      width: 100%;
+      padding-top: 66.67%;
+      &:not(:last-child) {
+        margin-bottom: 1rem;
+      }
+      .preview-image {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+      .icon-close-circle {
+        position: absolute;
+        top: 10px;
+        right: 10px;
+        width: 20px;
+        height: 20px;
+        cursor: pointer;
+      }
+    }
+  }
+`,co=n({});const mo=({isReply:t,className:a,onClose:n,replyToName:c,style:d,replyingId:m,replyingUser:p,onPostSuccess:u,post:g,isMarryBaby:h})=>{const{action:{pushNotifications:v,sanitizeFunction:f},data:{userInfo:b,locale:y,env:{isMarryBaby:x}}}=i(Z),E="boolean"==typeof h?h:x,{t:C}=w(),{onSelectImages:k,onRemoveImage:N,imageSrcs:A,onRemoveAllImages:L,imageFiles:T}=Ma(),[P,I]=l(""),{trigger:S}=i(co),[z,M]=l(!1),j=r(null),F=r(null),B=r(null),[O,R]=l([]),[V,D]=l([]),[U,W]=l(null);return s((()=>{var e;null===(e=B.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout((()=>{var e;null===(e=F.current)||void 0===e||e.focus()}),400)}),[S]),o.createElement(so,{"data-is-reply":t,className:a,style:d},t&&o.createElement("div",{className:"reply-to-container"},o.createElement(ke,{size:"p4"},o.createElement("span",{dangerouslySetInnerHTML:{__html:C("inputComment.replyTo",{name:`<span style="color: #2D87F3; cursor: pointer">@${c||""}</span>`})}})),o.createElement("img",{src:"data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8.00016' cy='8.50004' r='6.66667' fill='white' stroke='%23404040'/%3e%3cpath d='M10 6.5L6 10.5' stroke='%23404040' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6.5L10 10.5' stroke='%23404040' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",className:"icon-close-comment",onClick:()=>n&&n()})),o.createElement("div",{className:"input-container",ref:B},o.createElement($,{className:"avatar-wrapper "+(t?"avatar-wrapper-reply":""),avatar:(null==b?void 0:b.id)?b.avatar:ce,username:(null==b?void 0:b.name)||(null==b?void 0:b.username)}),o.createElement("input",{ref:j,onChange:k,type:"file",multiple:!0,accept:"image/png,image/jpeg",name:"images",style:{display:"none"}}),o.createElement(Ne,{value:P,name:"input",size:"md",className:"input-wrapper",displayIcon:o.createElement("img",{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%3cpath d='M10.7543 4.85352H4.49227C4.01776 4.85352 3.56268 5.04201 3.22715 5.37754C2.89162 5.71307 2.70313 6.16815 2.70312 6.64266V19.1667C2.70313 19.6412 2.89162 20.0963 3.22715 20.4318C3.56268 20.7673 4.01776 20.9558 4.49227 20.9558H17.0163C17.4908 20.9558 17.9459 20.7673 18.2814 20.4318C18.6169 20.0963 18.8054 19.6412 18.8054 19.1667V12.9047' stroke='%232D87F3' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M17.4633 3.51187C17.8192 3.15599 18.3019 2.95605 18.8052 2.95605C19.3085 2.95605 19.7912 3.15599 20.147 3.51187C20.5029 3.86775 20.7029 4.35044 20.7029 4.85373C20.7029 5.35702 20.5029 5.83971 20.147 6.19559L11.6486 14.694L8.07031 15.5886L8.96489 12.0103L17.4633 3.51187Z' stroke='%232D87F3' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"}),CustomInput:o.createElement("div",{className:"as-input"},o.createElement(Da,{className:"textarea",html:P,onChange:I,onImagePickerClick:()=>{var e;return null===(e=j.current)||void 0===e?void 0:e.click()},bannedWords:V,onPreviewUrlChange:W,onInvalidUrlsChange:R,setEditorRef:e=>F.current=e,isReplying:t}))}),o.createElement(Se,{theme:E?"marryBaby":"helloSites",className:"send-button",size:"sm",onClick:()=>e(void 0,void 0,void 0,(function*(){var a,o,i,l,r,s,c,d,h;if((null==g?void 0:g.id)&&!z){M(!0);try{const b=e=>{I(""),L(),n&&n();const t=we(e.data);"string"==typeof t.images&&(t.images=JSON.parse(t.images)),u&&u(t)},w=yield(({postId:t,message:a,photos:o,link:n,locale:i,sanitizeFunction:l,replyingUserId:r,replyingUserName:s,replyingId:c})=>e(void 0,void 0,void 0,(function*(){const e=new FormData;let d=Ta(a.replace(/(\&nbsp;)+/g," "),l);const m=Na(d);return o&&o.length>0&&(yield Promise.all(null==o?void 0:o.map((e=>za(e,i))))).filter(Boolean).slice(0,se).forEach((t=>{e.append("images[]",t)})),n&&e.append("link",n),null==m||m.forEach((t=>{e.append("mention_ids[]",t)})),e.append("post_id",t),c&&e.append("parent_id",c),r&&(m.unshift(r),d=`[mention+id="${r}"+name="${(s||"").replace('"',"'")}"]${d}`,e.append("parent_user_id",String(r))),e.append("content",d),e.append("content",d),e})))(Object.assign({message:P,photos:T,postId:String(g.id),link:null==U?void 0:U.url,sanitizeFunction:f,locale:y},t&&m?{replyingUserId:String((null==p?void 0:p.id)||(null===(a=null==g?void 0:g.author)||void 0===a?void 0:a.id)||""),replyingId:m,replyingUserName:(null==p?void 0:p.name)||(null==p?void 0:p.username)||""}:{})),x=yield t&&m?((t,a)=>e(void 0,void 0,void 0,(function*(){return re(G(Q.COMMENT.REPLY,{_locale:a}),"POST",{data:t})})))(w,y):((t,a)=>e(void 0,void 0,void 0,(function*(){return re(G(Q.COMMENT.CREATE,{_locale:a}),"POST",{data:t})})))(w,y),E=null==x?void 0:x.data;(null==E?void 0:E.id)&&!(null===(i=null===(o=null==x?void 0:x.messages)||void 0===o?void 0:o.moderation)||void 0===i?void 0:i.type)?b(x):"banned"===(null===(r=null===(l=null==x?void 0:x.messages)||void 0===l?void 0:l.moderation)||void 0===r?void 0:r.type)?(v({title:C("notification.comment.blocked.title"),message:C("notification.comment.blocked.message"),type:"danger"}),x.messages.moderation.words&&D(x.messages.moderation.words)):"suspect"===(null===(c=null===(s=null==x?void 0:x.messages)||void 0===s?void 0:s.moderation)||void 0===c?void 0:c.type)?(v({title:C("notification.comment.suspect.title"),message:C("notification.comment.suspect.message"),type:"warning"}),I(""),L(),n&&n()):(null===(d=null==x?void 0:x.messages)||void 0===d?void 0:d.find((e=>{var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(v({message:C("notification.suspend.message"),type:"warning"}),I(""),L(),n&&n()):v({title:"",message:(null===(h=null==x?void 0:x.messages)||void 0===h?void 0:h[0])||C("notification.comment.somethingWrong"),type:"danger"})}catch(e){v({title:"",message:C("notification.comment.somethingWrong"),type:"danger"})}M(!1)}})),isLoading:z,isDisabled:!!(null==O?void 0:O.length)||z||!P||(null==P?void 0:P.length)<2||!P.trim()},o.createElement("img",{src:"data:image/svg+xml,%3csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.5 9.73438L3.75 13.4844L7.5 17.2344' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M16.25 4.73438L16.25 10.3026C16.25 11.1464 15.9208 11.9557 15.3347 12.5524C14.7487 13.1491 13.9538 13.4844 13.125 13.4844L3.75 13.4844' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",className:"icon-enter"}))),(null==O?void 0:O.length)?o.createElement("div",{className:"error-text"},C("notification.limitUrlDomain")):null,(!A||0===A.length)&&U&&o.createElement("div",{className:"link-preview-wrapper"},U.isFetching?o.createElement(_e,null):o.createElement(o.Fragment,null,o.createElement(Qe,{title:U.title,url:U.url||"#",image:U.image,noRefetch:!0}),o.createElement("img",{src:Ha,className:"icon-close",onClick:()=>W(null)}))),A&&A.length>0&&o.createElement("div",{className:"preview-images-container"},A.map(((e,t)=>o.createElement("div",{key:t,className:"image-src-wrapper"},o.createElement("img",{className:"preview-image",src:e}),o.createElement("img",{src:Ha,className:"icon-close-circle",onClick:()=>N(t)}))))))},po=F.a`
+  * {
+    pointer-events: none;
+  }
+`,uo=F.div`
+  padding: 1rem;
+  .share__social {
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: center;
+
+    & > ${po} {
+      margin: 0 7px;
+
+      & > img {
+        width: 32px;
+        height: 32px;
+      }
+      .__label {
+        display: none;
+      }
+    }
+  }
+
+  .share__copy-link {
+    position: relative;
+    padding: 1rem 0.5rem 0;
+
+    margin-top: 16px;
+    &::before {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: calc(100% + 2rem);
+      border-top: 1px solid
+        ${e=>e.theme.colors.neutral100};
+      margin-left: -1rem;
+      content: '';
+    }
+    .__label {
+      margin-bottom: 8px;
+      font-size: 11px;
+      font-weight: 400;
+      line-height: 17px;
+      text-align: left;
+    }
+
+    .__input-group {
+      position: relative;
+      overflow: hidden;
+      width: 100%;
+      height: 40px;
+      border: 1px solid ${e=>e.theme.colors.gray200};
+      background: #fff;
+      border-radius: ${e=>e.theme.borderRadius};
+
+      & > input {
+        width: 100%;
+        height: 100%;
+        padding: 0 16px;
+        border: none;
+        background: transparent;
+        color: ${e=>e.theme.colors.gray800};
+
+        &:focus {
+          outline: none;
+        }
+      }
+
+      .__copy {
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 71px;
+        height: 100%;
+        padding-left: 12px;
+        background: linear-gradient(
+          90deg,
+          rgba(255, 255, 255, 0.1) 0%,
+          #fff 17%,
+          #fff 100%
+        );
+        color: ${e=>e.theme.colors.primaryBase};
+        cursor: pointer;
+        font-size: 14px;
+        font-weight: 400;
+      }
+    }
+  }
+
+  &[data-is-marrybaby='true'] {
+    ${V.mbDown} {
+      padding: 0.5rem;
+    }
+    .share__social {
+      justify-content: space-between;
+      & > a {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+        ${V.mbDown} {
+          margin: 0;
+        }
+        & > img {
+          margin-bottom: 0.8rem;
+        }
+        .__label {
+          display: initial;
+        }
+      }
+    }
+    .share__copy-link {
+      padding: 0;
+      &::before {
+        display: none;
+      }
+      .__label {
+        display: none;
+      }
+      .__input-group {
+        height: unset;
+        background-color: rgb(243, 243, 243);
+        border-radius: 16px;
+        & > input {
+          padding: 1rem;
+        }
+        .__copy {
+          background: linear-gradient(
+            90deg,
+            rgba(255, 255, 255, 0.1) 0%,
+            #f3f3f3 17%,
+            #f3f3f3 100%
+          );
+        }
+      }
+    }
+  }
+`;const go=({className:e,trackingCategory:t="Together",style:a,shareUrl:n,title:c})=>{const{action:{pushNotifications:d},data:{env:{isMarryBaby:m}}}=i(Z),{t:p}=w(),u=r(null),[g,h]=l(!1),v=()=>{if(!(null==u?void 0:u.current))return;const e=document.createElement("textarea");e.value=u.current.value,document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e),u.current.focus(),h(!0),d({title:"",message:p("share.linkCopied"),type:"success"})};s((()=>{v(),navigator.share&&navigator.share({title:c||"Read This Post",url:n}).then((()=>{d({title:"",message:p("share.linkShared"),type:"success"})})).catch(console.error)}),[]);const f=((e,t)=>t?[{icon:"data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M35 9.58333V30.4167C35 32.9417 32.9417 35 30.4167 35H25.8333V23.3333H28.85C29.275 23.3333 29.6333 23.0167 29.6833 22.6L29.9917 20.1C30.025 19.8667 29.95 19.625 29.7917 19.45C29.6333 19.2667 29.4083 19.1667 29.1667 19.1667H25.8333V16.25C25.8333 15.3333 26.5833 14.5833 27.5 14.5833H29.1667C29.625 14.5833 30 14.2083 30 13.75V10.9333C30 10.5083 29.6667 10.15 29.2417 10.1083C29.1917 10.1 28.0167 10 26.525 10C22.8583 10 20.8333 12.1833 20.8333 16.1417V19.1667H17.5C17.0417 19.1667 16.6667 19.5417 16.6667 20V22.5C16.6667 22.9583 17.0417 23.3333 17.5 23.3333H20.8333V35H9.58333C7.05833 35 5 32.9417 5 30.4167V9.58333C5 7.05833 7.05833 5 9.58333 5H30.4167C32.9417 5 35 7.05833 35 9.58333Z' fill='url(%23paint0_linear)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear' x1='20' y1='5' x2='20' y2='35' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%234DABF7'/%3e%3cstop offset='1' stop-color='%232668DA'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e",name:"Facebook",href:`https://www.facebook.com/sharer.php?u=${e}`},{icon:"data:image/png;base64,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",name:"Zalo",href:`https://sp.zalo.me/share?href=${e}`},{icon:"data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M35 30.8333C35 33.135 33.1342 35 30.8333 35H9.16667C6.865 35 5 33.135 5 30.8333V9.16667C5 6.865 6.865 5 9.16667 5H30.8333C33.1342 5 35 6.865 35 9.16667V30.8333Z' fill='%2303A9F4'/%3e%3cpath d='M30 14.2667C29.265 14.5925 28.3342 14.8983 27.5 15C28.3483 14.4967 29.6942 13.4483 30 12.5C29.2075 12.9658 27.7742 13.4633 26.8392 13.6433C26.0925 12.8517 25.0275 12.5 23.8475 12.5C21.5808 12.5 20 14.4208 20 16.6667V18.3333C16.6667 18.3333 13.4167 15.7942 11.3942 13.3333C11.0383 13.9342 10.8383 14.6375 10.8383 15.3808C10.8383 16.8967 12.2308 18.435 13.3333 19.1667C12.6608 19.1458 11.3875 18.6325 10.8333 18.3333C10.8333 18.3467 10.8333 18.3633 10.8333 18.3808C10.8333 20.3533 12.2175 21.6925 14.0933 22.0658C13.7508 22.16 13.3333 22.5 11.7267 22.5C12.2483 24.1125 14.8708 24.965 16.6667 25C15.2617 26.0892 12.7567 26.6667 10.8333 26.6667C10.5008 26.6667 10.3208 26.685 10 26.6475C11.815 27.7975 14.35 28.3333 16.6667 28.3333C24.2142 28.3333 28.3333 22.5683 28.3333 17.1917C28.3333 17.015 28.3275 16.4233 28.3183 16.25C29.125 15.6817 29.4517 15.0867 30 14.2667Z' fill='white'/%3e%3c/svg%3e",name:"Twitter",href:`https://twitter.com/intent/tweet?url=${e}`},{icon:"data:image/svg+xml,%3csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M35.5 30.8333C35.5 33.135 33.635 35 31.3333 35H9.66667C7.36583 35 5.5 33.135 5.5 30.8333V9.16667C5.5 6.865 7.36583 5 9.66667 5H31.3333C33.635 5 35.5 6.865 35.5 9.16667V30.8333Z' fill='%230078D4'/%3e%3cpath opacity='0.05' d='M25.4993 30.8327V22.4168C25.4993 21.0093 24.8168 20.1685 23.6727 20.1685C22.9935 20.1685 22.4943 20.551 22.1902 21.3052C22.176 21.3585 22.156 21.576 22.1643 22.2335L22.166 30.8327H16.3327V14.9993H22.166V15.8835C23.0177 15.296 24.0618 14.9993 25.281 14.9993C29.0702 14.9993 31.3318 17.5768 31.3318 21.8943L31.3327 30.8327H25.4993ZM9.66602 30.8327V14.9993H12.5468C10.8777 14.9993 9.66602 13.7727 9.66602 12.0818C9.66602 10.3927 10.8977 9.16602 12.5943 9.16602C14.271 9.16602 15.4652 10.3585 15.4993 12.0652C15.4993 13.7685 14.2668 14.9993 12.5702 14.9993H15.4993V30.8327H9.66602Z' fill='black'/%3e%3cpath opacity='0.07' d='M25.9173 30.4173V22.4182C25.9173 20.774 25.0582 19.7532 23.674 19.7532C22.5948 19.7532 22.0615 20.5132 21.8048 21.1507C21.7365 21.3165 21.7457 21.9748 21.749 22.2557L21.7507 30.4173H16.7507V15.4173H21.7507V16.7823C22.4132 16.0965 23.4798 15.4173 25.2823 15.4173C28.8098 15.4173 30.9165 17.839 30.9165 21.8957L30.9173 30.4173H25.9173ZM10.084 30.4173V15.4173H15.084V30.4173H10.084ZM12.5482 14.584C11.1207 14.584 10.084 13.5323 10.084 12.0832C10.084 10.6348 11.1407 9.58398 12.5957 9.58398C14.0323 9.58398 15.0548 10.6082 15.084 12.0748C15.084 13.5323 14.0273 14.584 12.5715 14.584H12.5482Z' fill='black'/%3e%3cpath d='M10.5 15.8333H14.6667V30H10.5V15.8333ZM12.5708 14.1667H12.5475C11.3042 14.1667 10.5 13.24 10.5 12.0825C10.5 10.9 11.3292 10 12.595 10C13.8625 10 14.6433 10.9 14.6667 12.0825C14.6667 13.2392 13.8625 14.1667 12.5708 14.1667ZM30.5 30H26.3333V22.4175C26.3333 20.5858 25.3125 19.3358 23.6733 19.3358C22.4225 19.3358 21.7458 20.1792 21.4175 20.9942C21.2975 21.2858 21.3333 22.0925 21.3333 22.5V30H17.1667V15.8333H21.3333V18.0133C21.9342 17.0833 22.875 15.8333 25.2817 15.8333C28.2633 15.8333 30.4992 17.7083 30.4992 21.895L30.5 30Z' fill='white'/%3e%3c/svg%3e",name:"LinkedIn",href:`https://www.linkedin.com/sharing/share-offsite/?url=${e}`},{icon:"data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M36.6673 19.584C36.6673 28.559 29.209 35.834 20.0007 35.834C18.6248 35.834 17.2923 35.6723 16.014 35.364C15.6265 35.2707 15.2215 35.3065 14.8648 35.4848L11.2173 37.309C10.2757 37.7798 9.16732 37.0948 9.16732 36.0415V32.6873C9.16732 32.2082 8.95315 31.7615 8.59982 31.4382C5.35482 28.4715 3.33398 24.259 3.33398 19.584C3.33398 10.609 10.7923 3.33398 20.0007 3.33398C29.209 3.33398 36.6673 10.609 36.6673 19.584Z' fill='url(%23paint0_radial)'/%3e%3cpath opacity='0.05' d='M29.16 14.4102C28.8033 14.4102 28.4575 14.5285 28.16 14.7527L23.415 18.2652C23.3041 18.3485 23.1816 18.3902 23.0525 18.3902C22.9275 18.3902 22.81 18.351 22.7108 18.2768L19.4008 15.7852C18.7275 15.2843 17.9341 15.0202 17.1033 15.0202C15.79 15.0202 14.5825 15.6793 13.8733 16.7835L12.8641 18.3593L9.43081 23.9385C9.10414 24.4502 9.07914 25.0818 9.37164 25.6168C9.66998 26.1618 10.2333 26.5002 10.8416 26.5002C11.1983 26.5002 11.5441 26.3818 11.8416 26.1577L16.5866 22.6452C16.6975 22.5618 16.82 22.5202 16.9491 22.5202C17.0741 22.5202 17.1916 22.5593 17.2908 22.6335L20.6008 25.1252C21.275 25.6268 22.0675 25.8902 22.8983 25.8902C24.2116 25.8902 25.4191 25.231 26.1283 24.1268L27.1375 22.551L30.5708 16.9718C30.8975 16.4602 30.9225 15.8285 30.63 15.2935C30.3316 14.7485 29.7683 14.4102 29.16 14.4102Z' fill='black'/%3e%3cpath opacity='0.07' d='M29.161 14.8262C28.8952 14.8262 28.636 14.9153 28.4118 15.0845L23.6643 18.5995C23.4843 18.7353 23.2743 18.8062 23.0543 18.8062C22.8385 18.8062 22.6343 18.7378 22.4627 18.6095L19.1518 16.117C18.5527 15.6712 17.8452 15.4362 17.1043 15.4362C15.9335 15.4362 14.8577 16.0237 14.2252 17.0087L13.2168 18.5845L9.78766 24.1578C9.54016 24.5453 9.52099 25.0187 9.73933 25.417C9.96099 25.822 10.3952 26.0837 10.8435 26.0837C11.1093 26.0837 11.3685 25.9945 11.5927 25.8253L16.3402 22.3103C16.5202 22.1745 16.7302 22.1037 16.9502 22.1037C17.166 22.1037 17.3702 22.172 17.5418 22.3003L20.8527 24.7928C21.4518 25.2387 22.1593 25.4737 22.9002 25.4737C24.071 25.4737 25.1468 24.8862 25.7793 23.9012L26.7877 22.3253L30.2168 16.752C30.4643 16.3645 30.4835 15.8912 30.2652 15.4928C30.0435 15.0878 29.6102 14.8262 29.161 14.8262Z' fill='black'/%3e%3cpath d='M28.6625 15.4168L23.9125 18.9334C23.4042 19.3168 22.7125 19.3168 22.2125 18.9418L18.9008 16.4493C17.5008 15.4076 15.5175 15.7659 14.5758 17.2326L13.5675 18.8076L10.1425 24.3743C9.64248 25.1576 10.6008 26.0493 11.3425 25.4909L16.0925 21.9743C16.6008 21.5909 17.2925 21.5909 17.7925 21.9659L21.1041 24.4584C22.5041 25.5001 24.4875 25.1418 25.4291 23.6751L26.4375 22.1001L29.8625 16.5334C30.3625 15.7501 29.4042 14.8584 28.6625 15.4168Z' fill='white'/%3e%3cdefs%3e%3cradialGradient id='paint0_radial' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(9.23982 35.8157) scale(39.6767)'%3e%3cstop stop-color='%231292FF'/%3e%3cstop offset='0.079' stop-color='%232982FF'/%3e%3cstop offset='0.23' stop-color='%234E69FF'/%3e%3cstop offset='0.351' stop-color='%236559FF'/%3e%3cstop offset='0.428' stop-color='%236D53FF'/%3e%3cstop offset='0.754' stop-color='%23DF47AA'/%3e%3cstop offset='0.946' stop-color='%23FF6257'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e",name:"Messenger",href:`https://www.facebook.com/sharer.php?u=${e}`}]:[{icon:"data:image/svg+xml,%3csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M30.7336 6.21933e-10H2.2536C1.28305 0.00703318 0.499975 0.795821 0.5 1.7664V30.2464C0.507033 31.217 1.29582 32 2.2664 32H17.5944V19.6256H13.4344V14.7808H17.5944V11.216C17.5944 7.0848 20.1192 4.832 23.8056 4.832C25.0498 4.8267 26.2933 4.8908 27.5304 5.024V9.344H24.9896C22.9832 9.344 22.5928 10.304 22.5928 11.696V14.7808H27.38L26.74 19.6256H22.58V32H30.7336C31.7092 32 32.5 31.2092 32.5 30.2336V1.7536C32.493 0.783047 31.7042 -2.54822e-05 30.7336 6.21933e-10Z' fill='%233B5998'/%3e%3c/svg%3e",name:"Facebook",href:`https://www.facebook.com/sharer.php?u=${e}`},{icon:"data:image/png;base64,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",name:"Zalo",href:`https://sp.zalo.me/share?href=${e}`},{icon:"data:image/svg+xml,%3csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' width='32' height='32' rx='4' fill='%231FA1F3'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2304 13.2349L16.2709 13.8692L15.5965 13.7916C13.1417 13.4938 10.9972 12.484 9.17636 10.788L8.28615 9.94646L8.05688 10.5679C7.57128 11.9532 7.88154 13.4161 8.8931 14.4001C9.43262 14.9438 9.3112 15.0215 8.38057 14.6978C8.05688 14.5943 7.77362 14.5166 7.74662 14.5554C7.6522 14.646 7.97596 15.8241 8.23222 16.2902C8.58291 16.9376 9.29771 17.5719 10.08 17.9474L10.7409 18.2452L9.95865 18.2581C9.20329 18.2581 9.17636 18.271 9.25728 18.5429C9.52704 19.3844 10.5925 20.2777 11.7795 20.6661L12.6157 20.938L11.8873 21.3523C10.8084 21.9478 9.54054 22.2844 8.27265 22.3103C7.6657 22.3232 7.16667 22.375 7.16667 22.4139C7.16667 22.5433 8.81217 23.2684 9.76981 23.5531C12.6427 24.3947 16.0551 24.0322 18.6177 22.5951C20.4385 21.5724 22.2594 19.5398 23.1091 17.5719C23.5677 16.5232 24.0263 14.6072 24.0263 13.688C24.0263 13.0925 24.0667 13.0148 24.8221 12.3027C25.2671 11.8885 25.6853 11.4353 25.7662 11.3059C25.9011 11.0598 25.8876 11.0598 25.1997 11.28C24.0532 11.6683 23.8914 11.6166 24.4579 11.034C24.876 10.6197 25.375 9.86879 25.375 9.64873C25.375 9.60987 25.1727 9.67458 24.9434 9.79112C24.7007 9.92061 24.1612 10.1148 23.7565 10.2313L23.0282 10.4514L22.3673 10.0241C22.0031 9.79112 21.4906 9.53219 21.2208 9.45452C20.533 9.27327 19.4809 9.29918 18.8605 9.50628C17.1745 10.0889 16.109 11.5907 16.2304 13.2349Z' fill='white'/%3e%3c/svg%3e",name:"Twitter",href:`https://twitter.com/intent/tweet?url=${e}`},{icon:"data:image/png;base64,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",name:"WhatsApp",href:`https://wa.me/?text=${e}`},{icon:"data:image/svg+xml,%3csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' width='32' height='32' rx='4' fill='%230077B5'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3571 9.07077C11.3349 7.97643 10.6126 7.14288 9.43969 7.14288C8.26679 7.14288 7.5 7.97643 7.5 9.07077C7.5 10.1425 8.24415 11 9.39516 11H9.4171C10.6126 11 11.3571 10.1425 11.3571 9.07077ZM11.3571 12.286H7.5V23.8574H11.3571V12.286ZM20.651 12.286C23.4224 12.286 25.5 13.9022 25.5 17.3748L25.4999 23.8571H21.2885V17.8086C21.2885 16.2894 20.6791 15.2526 19.1545 15.2526C17.991 15.2526 17.2979 15.9515 16.9935 16.6265C16.8822 16.8685 16.8548 17.2056 16.8548 17.5435V23.8574H12.6429C12.6429 23.8574 12.6984 13.6127 12.6429 12.5518H16.8548V14.1531C17.4138 13.3834 18.415 12.286 20.651 12.286Z' fill='white'/%3e%3c/svg%3e",name:"LinkedIn",href:`https://www.linkedin.com/sharing/share-offsite/?url=${e}`}])(n||"",m);return o.createElement(uo,{"data-is-marrybaby":m,className:e,style:a},o.createElement("div",{className:"share__social"},f.map(((e,a)=>o.createElement(po,{key:a,"data-event-category":t,"data-event-action":`Social Share - ${e.name}`,"data-event-label":n,href:e.href,target:"_blank",rel:"noreferrer"},o.createElement("img",{src:e.icon}),o.createElement(ke,{className:"__label",size:"label2",type:"regular"},e.name))))),o.createElement("div",{className:"share__copy-link"},o.createElement(ke,{className:"__label",color:E.colors.gray500,size:"p4",type:"regular"},p("orCopyLink")),o.createElement("div",{className:"__input-group"},o.createElement("input",{ref:u,type:"text",value:n,readOnly:!0,onFocus:e=>e.target.select()}),o.createElement("button",{className:"__copy",onClick:()=>v()},m?o.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' xmlns:v='https://vecta.io/nano'%3e%3cg fill='%233e3f58'%3e%3cpath d='M19.726 8.537l-.632.151.632-.151zm0 4.65l-.632-.151.632.151zm-9.097-8.918l.146.633-.146-.633zm4.744 0l-.146.633.146-.633zm1.303 11.983a.65.65 0 1 0 .649 1.126l-.649-1.126zM6.041 7.23a.65.65 0 0 0 1.182.541L6.041 7.23zm13.053 1.459c.342 1.43.342 2.918 0 4.348l1.264.303c.39-1.629.39-3.324 0-4.953l-1.264.303zm-8.32-3.786a9.94 9.94 0 0 1 4.452 0l.291-1.267a11.24 11.24 0 0 0-5.035 0l.291 1.267zm4.452 0c1.925.443 3.419 1.913 3.867 3.786l1.264-.303c-.566-2.363-2.445-4.199-4.84-4.75l-.291 1.267zm2.099 12.476c1.505-.868 2.62-2.314 3.033-4.04l-1.264-.303c-.327 1.368-1.213 2.521-2.418 3.217l.649 1.126zM10.482 3.636c-1.988.457-3.62 1.799-4.442 3.594l1.182.541c.652-1.425 1.954-2.501 3.551-2.868l-.291-1.267z'/%3e%3cpath d='M3.274 16.187l-.632.151.632-.151zm0-4.65l-.632-.151.632.151zm13.451 0l-.632.151.632-.151zm0 4.65l.632.151-.632-.151zm-4.354 4.268l-.146-.633.146.633zm-4.744 0l-.146.634.146-.634zm0-13.186l.146.633-.146-.633zm4.744 0l-.146.633.146-.633zm-8.465 8.767c-.342-1.43-.342-2.918 0-4.348l-1.264-.303c-.39 1.629-.39 3.324 0 4.953l1.264-.303zm12.187-4.348c.342 1.43.342 2.918 0 4.348l1.264.303c.39-1.629.39-3.324 0-4.953l-1.264.303zm-3.867 8.133a9.94 9.94 0 0 1-4.452 0l-.291 1.267a11.24 11.24 0 0 0 5.035 0l-.291-1.267zM7.774 7.903a9.94 9.94 0 0 1 4.452 0l.291-1.267a11.24 11.24 0 0 0-5.035 0l.291 1.267zm0 11.919c-1.925-.443-3.419-1.913-3.867-3.786l-1.264.303c.565 2.363 2.445 4.199 4.84 4.75l.291-1.267zm4.744 1.267c2.395-.551 4.275-2.387 4.84-4.75l-1.264-.303c-.448 1.872-1.942 3.343-3.867 3.786l.291 1.267zm-.291-13.186c1.925.443 3.419 1.913 3.867 3.785l1.264-.303c-.566-2.363-2.445-4.199-4.84-4.75l-.291 1.267zM7.482 6.636c-2.395.551-4.275 2.387-4.84 4.75l1.264.303c.448-1.872 1.942-3.343 3.867-3.785l-.291-1.267zM12.268 21l.083-2.523c.079-.573.221-.867.433-1.075l-.91-.928c-.499.489-.712 1.104-.811 1.827-.096.702-.095 1.596-.095 2.699h1.3zm4.205-5.409c-1.126 0-2.035-.001-2.748.093-.731.096-1.354.303-1.85.79l.91.928c.214-.21.519-.352 1.11-.43.609-.08 1.416-.082 2.579-.082v-1.3z'/%3e%3c/g%3e%3cpath d='M7 11h3m-3 3h5' stroke='%233e3f58' stroke-width='1.3' stroke-linecap='round'/%3e%3c/svg%3e"}):p(g?"copied":"copy")))))},ho=({trackingCategory:e,className:t,style:a,url:n,avatar:r,text:c,onClose:d})=>{const{data:{env:{isMarryBaby:m}}}=i(Z),{t:p}=w(),[u,g]=l(!1);return s((()=>(D(!0),setTimeout((()=>g(!0)),0),()=>D(!1))),[]),o.createElement(h,null,o.createElement(vo,{"data-is-marrybaby":m,className:t,style:a},o.createElement(lo,{className:"share-popup",isOpen:u,onClose:d,heading:p("bottomBar.share")},m?o.createElement(ke,{className:"share-mb-text",size:"sm"},p("article.shareOn")):o.createElement("div",{className:"custom-share__header"},r&&o.createElement("div",{className:"custom-share__header-image"},o.createElement("img",{src:r})),o.createElement("div",{className:"custom-share__header-info"},o.createElement(ze,{tag:"h4"},c),o.createElement(ke,{className:"desc",size:"md"},n))),u&&o.createElement(go,{trackingCategory:e,shareUrl:n||("undefined"!=typeof window?window.location.href:""),title:c}))))},vo=F.div`
+  .share-popup {
+    > div:first-child {
+      height: unset;
+    }
+    .close-button {
+      display: none;
+    }
+    .popup-content .header {
+      display: none;
+    }
+  }
+  .custom-share__header {
+    display: flex;
+    flex-wrap: no-wrap;
+    align-items: center;
+    padding: 1rem;
+    border-bottom: 1px solid
+      ${e=>e.theme.colors.neutral100};
+    margin-bottom: 16px;
+
+    .custom-share__header-image {
+      width: 38px;
+      height: 38px;
+      flex-shrink: 0;
+      & > img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        object-position: center;
+      }
+    }
+
+    .custom-share__header-info {
+      flex: 1;
+      padding: 0 8px;
+      word-break: break-word;
+
+      [data-tag='h4'] {
+        margin-bottom: 8px;
+        font-size: 14px;
+        font-weight: bold;
+        line-height: 14px;
+      }
+
+      [data-size='md'] {
+        color: #a5a5a5;
+        font-size: 14px;
+        line-height: 14px;
+      }
+    }
+  }
+
+  &[data-is-marrybaby='true'] {
+    .share-popup {
+      > div:first-child {
+        overflow: hidden;
+        border-radius: 1rem;
+        &[data-open='true'] {
+          ${V.mbDown} {
+            max-width: unset;
+            width: 100%;
+            top: 100%;
+            transform: translate(-50%, -100%);
+            border-bottom-left-radius: 0;
+            border-bottom-right-radius: 0;
+          }
+        }
+      }
+      .close-button {
+        display: block;
+      }
+      .popup-content {
+        .header {
+          display: block;
+          padding: 1rem;
+          background-color: rgb(243, 243, 243);
+        }
+        .content {
+          padding-bottom: 1rem;
+        }
+      }
+      .share-mb-text {
+        margin: 1rem 1rem 0.5rem;
+      }
+    }
+  }
+`,fo=F.div`
+  padding: 0 8px;
+  margin-top: 18px;
+
+  .report-list {
+    margin-bottom: 18px;
+
+    .report-item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 10px;
+      font-weight: 600;
+
+      & > img {
+        width: 12px;
+        height: 12px;
+        margin-right: 8px;
+      }
+
+      .__label {
+        font-size: 14px;
+      }
+    }
+  }
+
+  .report-submit {
+    width: 100%;
+  }
+  &[data-is-marrybaby='true'] {
+    padding: 0 1rem 1rem;
+  }
+`;var bo="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 5V8' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11H8.00708' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const yo=({className:t,style:a,reason:n,reasonText:r,onClose:s,postId:c})=>{const{data:{locale:d,env:{isMarryBaby:m}},action:{pushNotifications:p}}=i(Z),{t:u}=w(),[g,h]=l(!1);return o.createElement(fo,{"data-is-marrybaby":m,className:t,style:a},o.createElement("ul",{className:"report-list"},o.createElement("li",{className:"report-item"},o.createElement("img",{src:bo}),o.createElement(ke,{className:"__label",color:E.colors.gray800,size:"p4"},r))),o.createElement(Se,{theme:m?"marryBaby":"helloSites",className:"report-submit",size:"lg",color:"primary",isLoading:g,onClick:()=>e(void 0,void 0,void 0,(function*(){if(c&&!g){h(!0);try{const e=yield(({id:e,reason:t,locale:a})=>{const o=new FormData;return o.append("reason",t),re(G(Q.POST.REPORT,{_locale:a,id:e}),"POST",{data:o})})({id:c,reason:n,locale:d});1===(null==e?void 0:e.status)&&(p({message:"Post reported",type:"success"}),s&&s())}catch(e){}h(!1)}}))},u("submit")))},wo=F.div`
+  padding: 0.5rem 1rem 1rem;
+  line-height: 1.5;
+  word-break: break-word;
+  .post-content-replying {
+    margin-right: 5px;
+    cursor: pointer;
+    display: inline-block;
+    &.tag-only {
+      margin-right: 0;
+    }
+  }
+  .post-content {
+    display: inline;
+    white-space: pre-wrap;
+    /* > *:first-child, */
+    > mention:first-child ~ * {
+      &:not(ul),
+      &:not(ol) {
+        display: inline-block;
+      }
+    }
+    > mention:first-child {
+      margin-right: 5px;
+    }
+    &.has-see-more {
+      *:last-child {
+        &:not(ul),
+        &:not(ol) {
+          display: inline;
+        }
+      }
+    }
+    img {
+      width: 100%;
+      height: unset;
+    }
+    ul,
+    ol {
+      list-style-position: inside;
+      padding-left: 1rem;
+      display: block;
+    }
+    ol {
+      list-style-type: decimal;
+    }
+    ul {
+      list-style-type: disc;
+    }
+    mention {
+      color: ${e=>e.mentionColor||"#1890ff"};
+      padding-right: 4px;
+      :hover {
+        text-decoration: underline;
+      }
+    }
+  }
+`;var xo=p((e=>({root:{mention:{color:e.fn.primaryColor()},a:{"&,&:visited,&:focus":{color:e.fn.primaryColor()}}}})));const Eo=e=>{var{trackingCategory:a,url:n,className:r,style:s,replyingTo:d,mentionedUser:m,description:p,disableShortenContent:u,mentions:g=[],maxChars:h=1e3,hideShowAllBtn:f,styles:b}=e,y=t(e,["trackingCategory","url","className","style","replyingTo","mentionedUser","description","disableShortenContent","mentions","maxChars","hideShowAllBtn","styles"]);const{classes:x,theme:E}=xo(void 0,{name:"PostContent",styles:b}),[C,k]=l(!1),{t:N}=w(),{authActionWrapper:A}=Ze(),[L,T]=l(!1),P=Ca(Ea(p||"","display"),g),{action:{sanitizeFunction:I}}=i(Z),S=c((()=>{const e=I(P||"");if(u||C)return{showContent:e,hasSeeMore:!1};const t=e.slice(0,h),a=h-27*((t.match(/<\/div>/g)||[]).length-1),o=(t||"").slice(0,a<40?40:a),n=I(o.replace(/(<|<\/)( +|[a-zA-Z]*)$/gi,"")),i=n.length<e.length-10;return{showContent:i?n:e,hasSeeMore:i}}),[u,C,P]),z=(null==m?void 0:m.name)||d,M="expert"===(null==m?void 0:m.role)&&!!(null==m?void 0:m.partnerId);return o.createElement(o.Fragment,null,M&&o.createElement(Gt,{isOpen:L,onClose:()=>T(!1),expertId:String(null==m?void 0:m.partnerId)}),o.createElement(wo,Object.assign({className:`${x.root} ${r} no-replace-click`,style:s,mentionColor:E.fn.primaryColor()},y),z&&o.createElement(v,{onClick:()=>M&&T(!0),className:"post-content-replying"},"@",z),(null==p?void 0:p.startsWith("[mention+id="))&&o.createElement("span",{className:"post-content-replying tag-only",style:{color:E.fn.primaryColor()}},"@"),o.createElement("span",{dangerouslySetInnerHTML:{__html:S.showContent},className:"post-content "+(S.hasSeeMore?"has-see-more":"")}),S.hasSeeMore&&!C&&o.createElement("span",null,"... ",!f&&o.createElement(v,Object.assign({onClick:e=>{e.preventDefault(),e.stopPropagation(),A((()=>k(!0)))},className:"see-more-text"},a?{"data-event-category":a,"data-event-action":"See More Post Click","data-event-label":n}:{}),N("post.seeMore")))))},Co=F.div`
+  padding: 14px 16px 14px 17px;
+  background: ${e=>e.bgColor};
+  border-left: 3px solid ${e=>e.highlight};
+
+  ${V.mbUp} {
+    padding: 12px 12px 12px 17px;
+  }
+`,ko=F.div`
+  display: flex;
+`,No=F.div`
+  font-size: 12px;
+  line-height: 18px;
+
+  &[data-has-icon='true'] {
+    margin-left: 10px;
+  }
+`,Ao=F.div`
+  flex-shrink: 0;
+`,Lo=F.div`
+  display: grid;
+  grid-gap: 3px;
+  grid-template-columns: 1fr 1fr;
+  grid-template-rows: auto;
+
+  .img-wrapper {
+    position: relative;
+    overflow: hidden;
+    width: 100%;
+    padding-top: 56.25%;
+    grid-column: auto;
+
+    & > img {
+      cursor: zoom-in;
+    }
+
+    .img-preview-blur {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 110%;
+      height: 110%;
+      /* Add the blur effect */
+      -webkit-filter: blur(8px);
+      filter: blur(8px);
+      object-fit: cover;
+      object-position: center;
+      opacity: 0.8;
+      transform: translate(-50%, -50%);
+    }
+    .img-preview {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+      object-position: center;
+    }
+    .img-more-overlay {
+      position: absolute;
+      top: 0;
+      left: 0;
+      display: flex;
+      width: 100%;
+      height: 100%;
+      align-items: center;
+      justify-content: center;
+      background: rgba(0, 0, 0, 0.5);
+      z-index: 4;
+    }
+  }
+  &[data-image-count='1'] {
+    .img-wrapper {
+      /* padding-top: 100%; */
+      grid-column: 1/3;
+    }
+  }
+  &[data-image-count='2'] {
+    .img-wrapper {
+      /* padding-top: 100%; */
+    }
+  }
+  &[data-image-count='3'] {
+    .img-wrapper {
+      &:first-child {
+        grid-column: 1/3;
+      }
+    }
+  }
+  &[data-image-count='4'] {
+    .img-wrapper {
+      /* padding-top: 100%; */
+    }
+  }
+  &[data-image-count='5'] {
+    grid-template-columns: repeat(6, 1fr);
+    .img-wrapper {
+      /* padding-top: 100%; */
+      grid-column: auto/ span 2;
+
+      &:first-child {
+        padding-top: 56.25%;
+        grid-column: 1/4;
+      }
+      &:nth-child(2) {
+        padding-top: 56.25%;
+        grid-column: 4/7;
+      }
+    }
+  }
+
+  &[data-is-marrybaby='true'] {
+    grid-gap: 8px;
+    .img-wrapper {
+      padding-top: 66.66%;
+      border-radius: 1rem;
+      .img-preview {
+        object-fit: cover;
+      }
+    }
+    &[data-image-count='3'] {
+      grid-template-columns: 1fr 1fr 1fr;
+      .img-wrapper {
+        &:first-child {
+          padding-top: 100%;
+          grid-column: 1/3;
+          grid-row: 1/3;
+        }
+      }
+    }
+  }
+`,To=F.div`
+  position: fixed;
+  z-index: 999;
+  top: 0;
+  left: 0;
+  display: flex;
+  overflow: hidden;
+  width: 100vw;
+  height: 100vh;
+  flex-direction: column;
+  background: white;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s linear;
+  &[data-open='true'] {
+    opacity: 1;
+    pointer-events: auto;
+  }
+  .top-bar {
+    position: relative;
+    padding: 20px 40px;
+    .icon-arrow-left {
+      position: absolute;
+      top: 50%;
+      left: 20px;
+      height: 24px;
+      width: 24px;
+      cursor: pointer;
+      transform: translateY(-50%);
+    }
+  }
+  .container {
+    flex: 1;
+    overflow-y: auto;
+    .img-preview {
+      width: 100%;
+      min-width: 100%;
+      margin-bottom: 0.5rem;
+      cursor: pointer;
+      max-height: 100%;
+      object-fit: cover;
+    }
+  }
+`,Po=F((e=>{var{icon:a,bgColor:n=E.colors.yellow50,highlightColor:i=E.colors.yellow800,message:l}=e,r=t(e,["icon","bgColor","highlightColor","message"]);return o.createElement(Co,Object.assign({bgColor:n,highlight:i},r),o.createElement(ko,null,a&&o.createElement(Ao,null,a),o.createElement(No,{"data-has-icon":Boolean(a)},l)))}))`
+  margin-bottom: 16px;
+`;const Io=({className:e,style:t,authorName:a,images:n,onClose:i,onOpenSingleView:r})=>{const{t:c}=w(),[d,m]=l(!1);return s((()=>{setTimeout((()=>{m(!0)}),0)}),[]),o.createElement(h,null,o.createElement(To,{className:e,style:t,"data-open":d},o.createElement("div",{className:"top-bar"},o.createElement("img",{className:"icon-arrow-left",src:"data:image/svg+xml,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.0508 18.0607L4.00078 12.0367L10.0508 6.01172' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4.00195 12.0352L19.002 12.0352' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",onClick:i,alt:"go back"}),o.createElement(ke,{size:"p2",type:"bold",style:{textAlign:"center"}},c("previewPhotos.title",{name:a}))),o.createElement("div",{className:"container"},n.map(((e,t)=>o.createElement("img",{className:"img-preview",key:t,src:e,onClick:()=>null==r?void 0:r(t),alt:"post img"}))))),",")},So=F.div`
+  position: fixed;
+  z-index: 999;
+  top: 0;
+  left: 0;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: column;
+  background: black;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s linear;
+  &[data-open='true'] {
+    opacity: 1;
+    pointer-events: auto;
+  }
+`,zo=F.div`
+  padding: 1rem;
+  background: white;
+  .icon-close {
+    width: 26px;
+    height: 26px;
+    cursor: pointer;
+  }
+`,Mo=F.div`
+  position: relative;
+  flex: 1;
+  overflow: hidden;
+  > img {
+    height: 100%;
+    width: 100%;
+    object-fit: contain;
+    object-position: center;
+  }
+`,jo=F.div`
+  --inner-padding: max(16px, 20%);
+  height: 100%;
+  position: absolute;
+  left: 0;
+  padding: 8px;
+  padding-right: var(--inner-padding);
+  display: flex;
+  align-items: center;
+  top: 0;
+  cursor: pointer;
+  &[data-right] {
+    padding-right: 8px;
+    padding-left: var(--inner-padding);
+    left: unset;
+    right: 0;
+  }
+  &[data-disabled='true'] {
+    cursor: not-allowed;
+  }
+`,Fo=F.div`
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.3);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 4px;
+  > img {
+    width: 16px;
+    height: 16px;
+    &[data-disabled='true'] {
+      opacity: 0.5;
+    }
+  }
+  ${V.tdUp} {
+    padding: 8px;
+    > img {
+      width: 30px;
+      height: 30px;
+    }
+  }
+`;var Bo="data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 12.8125L10 8.8125L6 4.8125' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const Oo=({initialViewIndex:e,images:t,onClose:a})=>{const[n,i]=l(e),[r,c]=l(!1);s((()=>{setTimeout((()=>{c(!0)}),0)}),[]);const d=null==t?void 0:t[n],m=0===n,p=!(null==t?void 0:t.length)||n===(null==t?void 0:t.length)-1;return o.createElement(h,null,o.createElement(So,{"data-open":r&&!!d},o.createElement(zo,null,o.createElement("img",{src:io,className:"icon-close",onClick:a,alt:"close"})),d&&n>=0&&o.createElement(o.Fragment,null,o.createElement(Mo,null,o.createElement("img",{className:"img-preview",src:d,alt:"post img open"}),o.createElement(jo,{"data-disabled":m,onClick:()=>!m&&i(n-1)},o.createElement(Fo,null,o.createElement("img",{src:Bo,style:{transform:"rotate(180deg)"},alt:"left arrow","data-disabled":m}))),o.createElement(jo,{"data-right":!0,"data-disabled":p,onClick:()=>!p&&i(n+1)},o.createElement(Fo,null,o.createElement("img",{src:Bo,alt:"right arrow","data-disabled":p})))))))},Ro="hhgcomp-sensitivemask-inner",Vo=T(F.div`
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.4);
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+`,Ro),Do=F.div``,Uo=F.div`
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 3;
+  background: white;
+  cursor: pointer;
+
+  &,
+  * {
+    // transition: all 300ms;
+    transform-origin: bottom left;
+  }
+
+  img {
+    transition: none;
+  }
+  .img-preview {
+    width: 100%;
+  }
+  &[data-is-blurred='true'] {
+    .img-preview {
+      /* Add the blur effect */
+      -webkit-filter: blur(24px);
+      filter: blur(24px);
+    }
+  }
+
+  &[data-is-blurred='false'] {
+    background: transparent;
+    cursor: zoom-in;
+
+    .${Ro} {
+      top: auto;
+      right: auto;
+      left: 8px;
+      bottom: 8px;
+      background: rgba(0, 0, 0, 0);
+      align-items: flex-end;
+      justify-content: flex-start;
+    }
+  }
+`,Wo=({image:e,showIcon:t=!0})=>{const[a,n]=l(!0);return o.createElement(Uo,{"data-is-blurred":a,onClick:e=>a&&e.stopPropagation()},o.createElement("img",{loading:"lazy",className:"img-preview",src:e}),o.createElement(Vo,{onClick:e=>{e.stopPropagation(),n(!a)}},t&&o.createElement(Do,null,a?o.createElement("svg",{width:"22",height:"20",viewBox:"0 0 22 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.71 2.5399C1.32 2.1499 1.32 1.5199 1.71 1.1299C2.1 0.739902 2.74 0.739902 3.13 1.1299L19.44 17.4599C19.83 17.8499 19.83 18.4799 19.44 18.8699C19.05 19.2599 18.42 19.2599 18.03 18.8699L15.31 16.1499C13.97 16.6699 12.52 16.9699 11 16.9699C6 16.9699 1.73 13.8599 0 9.4699C0.77 7.4999 2.06 5.7999 3.68 4.5099L1.71 2.5399ZM16 9.4699C16 6.7099 13.76 4.4699 11 4.4699C10.49 4.4699 10 4.5699 9.53 4.7099L7.36 2.5399C8.51 2.1699 9.73 1.9699 11 1.9699C16 1.9699 20.27 5.0799 22 9.4599C21.31 11.2199 20.21 12.7599 18.82 13.9899L15.76 10.9299C15.9 10.4699 16 9.9799 16 9.4699ZM11 14.4699C8.24 14.4699 6 12.2299 6 9.4699C6 8.6999 6.18 7.9699 6.49 7.3299L8.06 8.8999C8.03 9.0799 8 9.2699 8 9.4699C8 11.1299 9.34 12.4699 11 12.4699C11.2 12.4699 11.38 12.4399 11.57 12.3999L13.14 13.9699C12.49 14.2899 11.77 14.4699 11 14.4699ZM13.97 9.1399C13.82 7.7399 12.72 6.6499 11.33 6.4999L13.97 9.1399Z",fill:"white"})):o.createElement("svg",{width:"23",height:"16",viewBox:"0 0 23 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M11.9999 0C5.14188 0 1.88558 5.87864 1.09558 7.55664C0.963582 7.83664 0.963582 8.16141 1.09558 8.44141C1.88558 10.1204 5.14188 16 11.9999 16C18.8339 16 22.0924 10.1629 22.8964 8.46094C23.0344 8.16794 23.0344 7.83206 22.8964 7.53906C22.0924 5.83706 18.8339 0 11.9999 0ZM11.9999 3C14.7609 3 16.9999 5.239 16.9999 8C16.9999 10.761 14.7609 13 11.9999 13C9.23888 13 6.99988 10.761 6.99988 8C6.99988 5.239 9.23888 3 11.9999 3ZM11.9999 5C11.2042 5 10.4412 5.31607 9.87856 5.87868C9.31595 6.44129 8.99988 7.20435 8.99988 8C8.99988 8.79565 9.31595 9.55871 9.87856 10.1213C10.4412 10.6839 11.2042 11 11.9999 11C12.7955 11 13.5586 10.6839 14.1212 10.1213C14.6838 9.55871 14.9999 8.79565 14.9999 8C14.9999 7.20435 14.6838 6.44129 14.1212 5.87868C13.5586 5.31607 12.7955 5 11.9999 5Z",fill:"#2D87F3"})))))},Zo=({className:e,images:t=[],style:a,authorName:n,isSensitive:c=!1})=>{const{data:{env:{isMarryBaby:d}}}=i(Z),{t:m}=w(),p="+ "+((t.length||0)-4),[u,g]=l(!1),[h,v]=l(-1),f=t.length>5,b=r(!1);return s((()=>()=>{b.current&&D(!1)}),[]),s((()=>{u||h>=0?(D(!0),b.current=!0):(D(!1),b.current=!1)}),[u,h]),o.createElement(o.Fragment,null,c&&o.createElement(Po,{message:m("sensitiveMask.contentWarningDescription"),icon:o.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.00002 0.666748C4.40002 0.666748 0.666687 4.40008 0.666687 9.00008C0.666687 13.6001 4.40002 17.3334 9.00002 17.3334C13.6 17.3334 17.3334 13.6001 17.3334 9.00008C17.3334 4.40008 13.6 0.666748 9.00002 0.666748ZM9.00002 9.83341C8.54169 9.83341 8.16669 9.45841 8.16669 9.00008V5.66675C8.16669 5.20842 8.54169 4.83342 9.00002 4.83342C9.45835 4.83342 9.83335 5.20842 9.83335 5.66675V9.00008C9.83335 9.45841 9.45835 9.83341 9.00002 9.83341ZM8.16669 11.5001V13.1667H9.83335V11.5001H8.16669Z",fill:"#FE921D"}))}),o.createElement(Lo,{className:e,style:a,"data-image-count":f?5:t.length||0,"data-is-marrybaby":d,"data-cursor-pointer":!c},null==t?void 0:t.slice(0,5).map(((e,t)=>{const a=4===t&&f;return o.createElement("div",{className:"img-wrapper",key:t,onClick:()=>{t>=4&&f?g(!0):v(t)}},c&&o.createElement(Wo,{image:e,showIcon:!a}),!d&&o.createElement("img",{loading:"lazy",className:"img-preview-blur",src:e}),o.createElement("img",{loading:"lazy",className:"img-preview",src:e}),a&&o.createElement("div",{className:"img-more-overlay"},o.createElement(ze,{tag:"h1",as:"h2",color:"white"},p)))}))),u&&o.createElement(Io,{authorName:n||"",images:t,onClose:()=>g(!1),onOpenSingleView:v}),h>=0&&o.createElement(Oo,{images:t,initialViewIndex:h,onClose:()=>v(-1)}))},Ho=F.div`
+  .link-info-container {
+    padding: 0.5rem 1rem;
+    background: ${e=>e.color||"#f4faff"};
+  }
+  .link-image-wrapper {
+    position: relative;
+    overflow: hidden;
+    width: 100%;
+    padding-top: 56.25%;
+    &.fetching {
+      background: lightgray;
+    }
+    .loading-spinner {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+    .link-image {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      object-position: center;
+    }
+  }
+  a {
+    text-decoration: none;
+  }
+  &[data-is-marrybaby='true'] {
+    overflow: hidden;
+    border-radius: 1rem;
+  }
+`,qo=({url:t,image:a,className:n,style:d,autoPlay:p=!0})=>{const{data:{locale:u}}=i(Z),[g,h]=l(null);s((()=>{e(void 0,void 0,void 0,(function*(){if(!a){if(!t)return h(null);h((e=>Object.assign(Object.assign({},e),{isFetching:!0}))),_(G(Q.FETCH_PREVIEW,{_locale:u}),"POST",{data:{link:t},headers:{"Content-Type":"application/json"}}).then((e=>{var a,o;h({url:t,image:(null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.image)||(null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.logo)})})).catch((()=>{h(null)}))}}))}),[t,a]);const v=a||(null==g?void 0:g.image),f=(null==g?void 0:g.url)||t,b=c((()=>(e=>{var t;return e.includes("youtu")&&(null===(t=/(.*?)(^|\/|v=)([a-z0-9_-]{11})(.*)?/gim.exec(e))||void 0===t?void 0:t[3])||""})(f)),[f]),y=c((()=>f.includes("facebook.com")||f.includes("fb.watch")),[f]),w=r(0),x=r(0),[E,C]=l(!1);s((()=>{const e=()=>{var e;const t=null===(e=k.current)||void 0===e?void 0:e.getBoundingClientRect();let a=!1;t&&(!w.current||Math.abs((w.current-t.width)/(null==t?void 0:t.width))>.2)&&(w.current=Math.floor(t.width),a=!0),t&&(!x.current||Math.abs((x.current-t.height)/(null==t?void 0:t.height))>.2)&&(x.current=Math.floor(t.height),a=!0),a&&C((e=>!e))};return e(),window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]);const k=r(null),N=r(!1),A=m();return o.createElement(Ho,{className:`${n} no-replace-click`,style:d,ref:k,color:A.colors[A.primaryColor][0]},a||!b&&!y?o.createElement("a",{href:f,target:"_blank",rel:"noreferrer"},o.createElement("div",{className:"link-image-wrapper "+((null==g?void 0:g.isFetching)?"fetching":"")},(null==g?void 0:g.isFetching)?o.createElement(_e,{className:"loading-spinner"}):o.createElement("img",{className:"link-image",src:v||X,onError:e=>{N.current||(N.current=!0,e.currentTarget.src=X)}}))):o.createElement("div",{className:"link-image-wrapper"},b?o.createElement("iframe",{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${b}?&autoplay=${p?1:0}&mute=1&enablejsapi=1`,frameBorder:"0",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,border:"none",overflow:"hidden"}}):y?o.createElement("iframe",{key:String(E),src:`https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(f)}&autoplay=${p?1:0}&show_text=false&t=0&width=${w.current}&height=${x.current}`,style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:x.current,width:w.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"}):null))};var _o="PD6nRZX";const Go=({className:e,size:t="md"})=>{const{t:a}=w();return o.createElement("div",{className:`${_o} ${e}`},o.createElement(Se,{size:t,color:"transparent",isLoading:!0},a("loading")))},Qo=n({});var Xo="l5fL1xL",Ko="L-aGKo7";const $o=({children:e,className:t=""})=>o.createElement("div",{className:`${Xo} ${t}`},e),Yo=({children:e,className:t=""})=>o.createElement("div",{className:`${Ko} ${t}`},e);var Jo="eaR8ATZ",en="xM-7K0a",tn="DZmf3s7";const an=({src:e,defaultSrc:t=I.getAssetPath("logo/logomark.png"),ratio:a=1,size:n=80,radius:i=8,alt:l,className:r=""})=>o.createElement("div",{className:r},o.createElement("div",{className:tn,style:{width:`${n}px`,height:n*a+"px",borderRadius:`${i}px`}},o.createElement(zt,{src:e,fallbackSrc:t,alt:l}))),on=({category:e,title:t,src:a,children:n,className:i=""})=>o.createElement("div",{className:`${Jo} ${i}`},o.createElement(an,{src:a}),o.createElement("div",{className:en},n||o.createElement("div",null,e&&o.createElement($o,null,e),t&&o.createElement(Yo,null,t))));on.CategoryText=$o,on.Title=Yo;const nn=({featureImage:e,postTitle:t,author:a,categories:n,isReview:i,className:l=""})=>{var r;const s=i?"Medically reviewed by Jobelle Ann Dela Cruz Bigalbal, MD":"Written by Jobelle Ann Dela Cruz Bigalbal, MD";return o.createElement(on,{src:e,className:l},o.createElement(o.Fragment,null,o.createElement(on.CategoryText,null,null===(r=null==n?void 0:n[0])||void 0===r?void 0:r.name),o.createElement(on.Title,null,t),o.createElement(St,{avatarProps:Object.assign(Object.assign({},a),{size:32}),subTitle:o.createElement(o.Fragment,null,s,o.createElement(St.SubDivider,null),"Dec 12, 2022")})))};var ln={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 rn=({className:e=""})=>{var t,a,n,l,r;const{t:s}=w(),{info:c,isMarryBaby:d,currentPageUrl:m}=i(Qo),p=null==c?void 0:c.data,g=[{type:"linkedin",icon:I.getAssetPath("linkedin.svg"),url:null===(t=null==c?void 0:c.contact)||void 0===t?void 0:t.linkedin,eventAction:"Doctor Profile - Linkedin"},{type:"instagram",icon:I.getAssetPath("instagram.svg"),url:null===(a=null==c?void 0:c.contact)||void 0===a?void 0:a.instagram,eventAction:"Doctor Profile - Instagram"},{type:"facebook",icon:I.getAssetPath("facebook.svg"),url:null===(n=null==c?void 0:c.contact)||void 0===n?void 0:n.facebook,eventAction:"Doctor Profile  - Facebook"},{type:"youtube",icon:I.getAssetPath("youtube.svg"),url:null===(l=null==c?void 0:c.contact)||void 0===l?void 0:l.youtube,eventAction:"Doctor Profile  - Youtube"},{type:"tiktok",icon:I.getAssetPath("tiktok.svg"),url:null===(r=null==c?void 0:c.contact)||void 0===r?void 0:r.tiktok,eventAction:"Doctor Profile  - TikTok"}],h=[...((null==c?void 0:c.experiences)||[]).length>0?[{key:"experience",heading:s("profilePanel.experience"),iconSrc:I.getAssetPath(d?"award-doc-mb.svg":"award-doc.svg"),eventAction:"Doctor Experience Click",panel:o.createElement("div",{className:ln.accBodyGroup},null==c?void 0:c.experiences.map(((e,t)=>o.createElement("div",{className:ln.accBodyGroupItem,key:String(t)},o.createElement("div",{className:ln.accBodyGroupTitle},e.title),o.createElement("div",{className:ln.accBodyGroupDesc},o.createElement("p",null,e.organization),o.createElement("p",null,e.duration))))))}]:[],...((null==c?void 0:c.educations)||[]).length>0?[{key:"education",heading:s("profilePanel.education"),iconSrc:I.getAssetPath(d?"book-mb.svg":"book.svg"),eventAction:"Doctor Degree Click",panel:o.createElement("div",{className:ln.accBodyGroup},null==c?void 0:c.educations.map(((e,t)=>o.createElement("div",{className:ln.accBodyGroupItem,key:String(t)},o.createElement("div",{className:ln.accBodyGroupTitle},e.schoolName),o.createElement("div",{className:ln.accBodyGroupDesc},o.createElement("p",null,e.study),o.createElement("p",null,e.completedYear))))))}]:[],...((null==c?void 0:c.awards)||[]).length>0?[{key:"awards",heading:s("profilePanel.awards"),iconSrc:I.getAssetPath(d?"award-mb.svg":"award.svg"),eventAction:"Doctor Award Click",panel:o.createElement("div",{className:ln.accBodyGroup},null==c?void 0:c.awards.map(((e,t)=>o.createElement("div",{className:ln.accBodyGroupTitle,key:t},e.title))))}]:[]],v=(null==c?void 0:c.relatedPosts)||[],b=g.filter((e=>e.url));return o.createElement("div",{className:`${ln.container} ${e}`,"data-is-marrybaby":d},h.length>0&&o.createElement(f,{defaultValue:h[0].key,chevron:d?o.createElement("div",{className:ln.mbChevronWrapper},o.createElement(P,{size:12,color:E.mbColors.midGray})):o.createElement(P,{color:E.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"}}}},h.map((e=>o.createElement(f.Item,{key:e.key,value:e.key},o.createElement(f.Control,{"data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":m},o.createElement("div",{className:ln.header},o.createElement("div",{className:ln.headingIcon},o.createElement("img",{src:e.iconSrc})),o.createElement("div",{className:ln.heading},e.heading))),o.createElement(f.Panel,null,e.panel))))),v.length>0&&o.createElement("div",{className:ln.group},o.createElement("div",{className:ln.subTitle},o.createElement("img",{className:ln.subIcon,src:I.getAssetPath(d?"mb-logo.svg":"logo/circle-solid.svg")}),s("profilePanel.publishedArticles")),o.createElement("div",{className:`${ln.relatedList}`},null==c?void 0:c.relatedPosts.map((e=>o.createElement("a",{key:String(e.id),href:`${window.location.origin}${null==e?void 0:e.permalink}`,className:ln.articleCardLink},o.createElement(nn,Object.assign({className:"article-card"},Object.assign(Object.assign({},e),!e.author&&{author:{displayName:null==p?void 0:p.name,avatar:null==p?void 0:p.avatar}}),{isReview:!0}))))))),b.length>0&&o.createElement("div",{className:ln.group},o.createElement("div",{className:ln.subTitle},o.createElement("img",{className:ln.subIcon,src:I.getAssetPath(d?"social-mb.svg":"social.svg")}),s("profilePanel.socialLinks")),o.createElement("div",{className:ln.groupBody},o.createElement(u,null,g.map(((e,t)=>e.url&&o.createElement("div",{className:ln.socialItem,key:t,"data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":m},o.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},o.createElement("img",{src:e.icon,loading:"lazy",width:"32px"})))))))))};var sn={container:"GYUElSy",question:"_3C6QpT1",questionTitle:"_9M9VYL6",community:"_1RuSyv3",questionCard:"_1IG-eEp"};const cn=({post:e,className:t=""})=>{var a,n,l,r,s,c,d,m;const{t:p}=w(),{data:{userInfo:u,env:{togetherBasePath:g}}}=i(Z),{authActionWrapper:h,authorProps:v,currentPageUrl:f}=i(Qo),b=`${window.location.origin}${g}/${null===(a=null==e?void 0:e.community)||void 0===a?void 0:a.slug}/${null==e?void 0:e.slug}`;return o.createElement("div",{className:`${sn.container} ${t}`},o.createElement("div",{className:sn.header},o.createElement("div",{className:sn.question},p("profilePanel.question")," ",o.createElement(z,{className:sn.questionTitle,href:"#",onClick:()=>{(null==u?void 0:u.id)||null==h||h((()=>window.location.href=b))}},"#",null==e?void 0:e.title)),o.createElement("div",{className:sn.community},null===(n=null==e?void 0:e.community)||void 0===n?void 0:n.name," - ",null==e?void 0:e.createdTime)),o.createElement("div",{className:sn.questionCard},o.createElement(ra,Object.assign({className:"card-author"},v,{role:"user",avatarIcon:o.createElement(yt,null),subLine:o.createElement(ra.SubTextRow,null,o.createElement(ra.SubText,null,null===(s=null===(r=null===(l=null==e?void 0:e.expertAnswer)||void 0===l?void 0:l.answer)||void 0===r?void 0:r[0])||void 0===s?void 0:s.createdTime))})),o.createElement(Eo,{className:"post-content-wrapper",description:(null===(m=null===(d=null===(c=null==e?void 0:e.expertAnswer)||void 0===c?void 0:c.answer)||void 0===d?void 0:d[0])||void 0===m?void 0:m.content)||"",mentions:null==e?void 0:e.mentions,"data-testid":"Content of the Post"})),o.createElement(M,{variant:"secondary","data-event-category":"Together","data-event-action":"Doctor Reply Click","data-event-label":f,size:"md",onClick:()=>{(null==u?void 0:u.id)?window.location.href=b:null==h||h((()=>window.location.href=b))}},p("profilePanel.anserwing.viewFull")))};var dn="MrdoES3",mn="_8fd7YMs",pn="DomiQfw",un="-b2qnfL";const gn=({message:e,buttonTxt:t,imgSrc:a,onBtnClick:n})=>{const{siteType:l,isMarryBaby:r}=i(Qo);return o.createElement("div",{className:mn},o.createElement("div",{className:pn},o.createElement("img",{src:a||I.getAssetPath(r?"comments-mb.svg":"comments.svg")})),e&&o.createElement("div",{className:un},e),t&&o.createElement(Se,{size:"md",theme:l,color:"secondary",onClick:n},t))},hn=({id:t})=>{const{t:a}=w(),{data:{locale:n}}=i(Z),{authorProps:r}=i(Qo),[c,d]=l(null),[m,p]=l(!1);return s((()=>{t&&e(void 0,void 0,void 0,(function*(){var e;p(!0);const a=yield _(G(Q.USER.LIST_ANSWERS,{_locale:n,id:t}),"GET"),o=((null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.replies)||[]).map(be);d(o),p(!1)}))}),[]),o.createElement("div",{className:dn},m?o.createElement(Go,null):null!==c&&(c.length>0?c.map((e=>o.createElement(cn,{className:"post-card",key:e.id,post:e}))):o.createElement(gn,{message:a("profilePanel.emptyPostMess.content",{name:(null==r?void 0:r.name)||(null==r?void 0:r.username)})})))},vn=e=>{var{size:a,color:n}=e,i=t(e,["size","color"]);return o.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),o.createElement("path",{d:"M9.99983 9.14326L6.94303 12.2001C6.61183 12.5313 6.07423 12.5313 5.74303 12.2001C5.41183 11.8689 5.41183 11.3313 5.74303 11.0001L9.43423 7.30886C9.74703 6.99606 10.2534 6.99606 10.5654 7.30886L14.2566 11.0001C14.5878 11.3313 14.5878 11.8689 14.2566 12.2001C13.9254 12.5313 13.3878 12.5313 13.0566 12.2001L9.99983 9.14326Z",fill:n}))};vn.defaultProps={size:24,color:E.colors.gray600};var fn="toEutn7",bn="drdisHs";const yn=e=>{var a,n,l,r,{post:s}=e,c=t(e,["post"]);const{data:{env:{togetherBasePath:d}}}=i(Z);return o.createElement(o.Fragment,null,o.createElement("div",Object.assign({},c,{className:`${fn} ${(null==c?void 0:c.className)||""}`}),o.createElement(ra,{className:"card-author",avatar:null===(a=null==s?void 0:s.author)||void 0===a?void 0:a.avatar,name:(null===(n=null==s?void 0:s.author)||void 0===n?void 0:n.name)||(null===(l=null==s?void 0:s.author)||void 0===l?void 0:l.username),isAnonymous:Boolean(null==s?void 0:s.isAnonymous),subLine:o.createElement(ra.SubTextRow,null,o.createElement(ra.SubText,null,null==s?void 0:s.createdTime))}),o.createElement(z,{href:`${window.location.origin}${d}/${null===(r=null==s?void 0:s.community)||void 0===r?void 0:r.slug}/${null==s?void 0:s.slug}`,className:bn,rel:"noreferrer"},null==s?void 0:s.title)))};var wn={accordion:"I-uIJ6E",header:"_41WRsj2",heading:"AcOGL93",headingIcon:"JD3dWJN",panel:"dKAgnS8",chevron:"L2Q9T6m",container:"h-pSmhX"};const xn=()=>{var t,a;const{t:n}=w(),{data:{locale:r,userInfo:c}}=i(Z),{onSkipQuestion:d,countValues:m,setCountValues:p}=i(Qo),[u,g]=l(),[h,v]=l([]),[b,y]=l(!1),x=null==c?void 0:c.id;s((()=>{x&&e(void 0,void 0,void 0,(function*(){var e;y(!0);const t=yield re(G(Q.USER.LIST_QUESTION_NEED_REPLY,{_locale:r}),"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(be),delete e.question,a.push(xe(e))})),v(a),g(o),y(!1)}))}),[]);const C=({id:e,communityId:t})=>{if(e&&t&&u){const a=Object.assign(Object.assign({},u),{[t]:[...((null==u?void 0:u[t])||[]).filter((t=>t.id!==e))]});let o=0;Object.keys(a).map((e=>o+=a[e].length||0)),g(a),p(Object.assign(Object.assign({},m),{total_question:o})),null==d||d(o)}};return o.createElement("div",{className:wn.container},b?o.createElement(Go,null):(null==m?void 0:m.total_question)>0?h.length>0&&o.createElement(f,{className:wn.accordion,defaultValue:String((null===(a=h[null===(t=Object.keys(h))||void 0===t?void 0:t[0]])||void 0===a?void 0:a.id)||""),styles:e=>({control:{padding:"16px",border:`1px solid ${e.colors.neutral[1]}`,borderTopLeftRadius:"8px",borderTopRightRadius:"8px",'&[aria-expanded="false"]':{borderBottom:0}},chevron:{width:"32px",height:"32px"},content:{padding:0,border:`1px solid ${e.colors.neutral[1]}`,borderTop:0,borderBottom:0},item:{marginBottom:"16px"}}),chevron:o.createElement("div",{className:wn.chevron},o.createElement(vn,{color:E.colors.gray600,size:20}))},h.map((e=>{const t=u&&(null==u?void 0:u[e.id])||[];return t.length>0&&o.createElement(f.Item,{key:e.id,value:String(e.id)},o.createElement(f.Control,null,o.createElement("div",{className:wn.header},o.createElement("div",{className:wn.headingIcon},o.createElement("img",{src:e.thumbnail})),o.createElement("div",{className:wn.heading},e.name))),o.createElement(f.Panel,null,o.createElement("div",{className:wn.body},t.map((e=>o.createElement(yn,{className:"question-card",key:e.id,post:e,onSkip:C}))))))}))):o.createElement(gn,{message:n("profilePanel.emptyCareMess.content"),imgSrc:I.getAssetPath("questions.svg")}))};var En="GA-zc-O",Cn="A18McWD",kn="IB049vj",Nn="_8I--vEV";const An=({post:e,className:t=""})=>{var a;const{data:{userInfo:n,env:{togetherBasePath:l}}}=i(Z),{authActionWrapper:r,authorProps:s}=i(Qo),c=`${window.location.origin}${l}/${null===(a=null==e?void 0:e.community)||void 0===a?void 0:a.slug}/${null==e?void 0:e.slug}`;return o.createElement("div",{className:`${En} ${t}`},o.createElement("div",{className:kn},o.createElement("a",{"data-event-category":"Together","data-event-action":"Click Post","data-event-label":c,className:Nn,href:c,onClick:e=>{(null==n?void 0:n.id)||(e.preventDefault(),null==r||r((()=>window.location.href=c)))}}),o.createElement(St,{className:"card-author",avatarProps:{avatar:null==s?void 0:s.avatar,size:32}},o.createElement(ra.MainText,{className:Cn},null==e?void 0:e.title),o.createElement(ra.SubTextRow,null,o.createElement(ra.SubText,null,null==e?void 0:e.createdTime))),o.createElement(Eo,{className:"post-content-wrapper",description:null==e?void 0:e.description,mentions:null==e?void 0:e.mentions,maxChars:200,"data-testid":"Content of the Post"})))};var Ln="TSMHoEM";const Tn=()=>{const{t:t}=w(),{data:{locale:a}}=i(Z),{authorId:n,authorProps:r,isAuthorLogin:c,onCloseFromPost:d}=i(Qo),[m,p]=l(null),[u,g]=l(!1);return s((()=>{n&&e(void 0,void 0,void 0,(function*(){var e;g(!0);const t=yield _(G(Q.USER.LIST_POST,{_locale:a,id:n,isAnonymous:0}),"GET"),o=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.posts)||[]).map(be);p(o),g(!1)}))}),[n]),o.createElement("div",{className:Ln},u?o.createElement(Go,null):null!==m&&(m.length>0?m.map((e=>o.createElement(An,{className:"post-card",key:e.id,post:e}))):o.createElement(gn,{message:t("profilePanel.emptyPostMess.content",{name:(null==r?void 0:r.name)||(null==r?void 0:r.username)||""}),buttonTxt:c&&t("profilePanel.createPost"),onBtnClick:()=>{null==d||d()}})))};var Pn="_4Vekw96",In="DIJdGcB",Sn="aQSt4-Q";const zn=e=>e?{title:null==e?void 0:e.title,organization:null==e?void 0:e.organization,duration:e.duration}:{},Mn=e=>e?{completedYear:null==e?void 0:e.completed_year,schoolName:e.school_name,study:e.study}:{};var jn,Fn;!function(e){e[e.About=0]="About",e[e.Care=1]="Care",e[e.Answer=2]="Answer",e[e.Posts=3]="Posts"}(jn||(jn={})),function(e){e[e.Expert=0]="Expert",e[e.User=1]="User"}(Fn||(Fn={}));const Bn=a=>{var n,r,{authorProps:c,selectedTab:d,authActionWrapper:m,onSkipQuestion:p,onCloseFromPost:u,hideQuestionTab:g,hideAnswerTab:h,showSkipQuestionTag:v,rolesToShowQuestionsTab:f=["expert"],currentPageUrl:b}=a,y=t(a,["authorProps","selectedTab","authActionWrapper","onSkipQuestion","onCloseFromPost","hideQuestionTab","hideAnswerTab","showSkipQuestionTag","rolesToShowQuestionsTab","currentPageUrl"]);const{data:{locale:x,userInfo:E,env:{isMarryBaby:C}}}=i(Z),{t:k}=w(),N=null==c?void 0:c.role,A=null==E?void 0:E.role,L=String(null==c?void 0:c.userId),[T,P]=l(),[I,S]=l(!1),[z,M]=l(),F=(null==E?void 0:E._togetherUserId)===(null==c?void 0:c.userId),B=[...-1!==f.indexOf(N)?[{key:jn.About,name:k("profilePanel.tabs.highlight"),component:o.createElement(rn,{id:L,info:z}),dataEventCategory:"Together",dataEventAction:"Doctor Profile Click",dataEventLabel:b}]:[{key:jn.Posts,name:k("profilePanel.tabs.posts"),component:o.createElement(Tn,null),hasCountResult:!0,keyOfCountApi:"post",keyOfResult:"total_post"}],...g||-1===f.indexOf(A)||(null==E?void 0:E._togetherUserId)!==(null==c?void 0:c.userId)?[]:[{key:jn.Care,name:`${k("profilePanel.tabs.care")}`,component:o.createElement(xn,null),hasCountResult:!0,keyOfCountApi:"question",keyOfResult:"total_question",dataEventCategory:"Together",dataEventAction:"Doctor Questions Click",dataEventLabel:b}],...h||-1===f.indexOf(N)?[]:[{key:jn.Answer,name:`${k("profilePanel.tabs.expertAnswer")}`,component:o.createElement(hn,{id:L}),hasCountResult:!0,keyOfCountApi:"reply",keyOfResult:"total_reply",dataEventCategory:"Together",dataEventAction:"Doctor Reply Tab Click",dataEventLabel:b}]],[O,R]=l(null),[V,D]=l(null),U={initialTab:V,tabContent:O,onChange:e=>D(e),styles:e=>({label:{fontSize:e.fontSizes.sm,fontWeight:600}})},W=null==B?void 0:B.filter((e=>null==e?void 0:e.hasCountResult));s((()=>{e(void 0,void 0,void 0,(function*(){var e,t,a,o,n,i,l,r,s;S(!0);const c=yield Promise.all([_(G(Q.USER.DETAIL,{_locale:x,id:L}),"GET"),...W.map((e=>_(G(Q.USER.COUNT_TABS,{_locale:x,id:L,[e.keyOfCountApi]:1}),"GET")))]),[m]=c,p={data:null==m?void 0:m.data,experiences:((null===(t=null===(e=null==m?void 0:m.data)||void 0===e?void 0:e.fields)||void 0===t?void 0:t.experiences)||[]).map(zn),relatedPosts:((null===(a=null==m?void 0:m.data)||void 0===a?void 0:a.related_post)||[]).map((e=>Ee(e.post))),educations:((null===(n=null===(o=null==m?void 0:m.data)||void 0===o?void 0:o.fields)||void 0===n?void 0:n.educations)||[]).map(Mn),awards:(null===(l=null===(i=null==m?void 0:m.data)||void 0===i?void 0:i.fields)||void 0===l?void 0:l.awards_accreditations)||[],contact:(null===(s=null===(r=null==m?void 0:m.data)||void 0===r?void 0:r.fields)||void 0===s?void 0:s.contact)||{}};1===(null==m?void 0:m.status)&&M(p);const u=(null==p?void 0:p.relatedPosts)||[],g=Object.keys(p.contact).map((e=>{var t;return""!==(null===(t=null==p?void 0:p.contact)||void 0===t?void 0:t[e])})),h=[...(null==p?void 0:p.experiences)||[],...(null==p?void 0:p.educations)||[],...(null==p?void 0:p.awards)||[]],v=u.length>0||g.length>0||h.length>0,f={},b=W.map(((e,t)=>{var a,o,n;const i=(null===(n=null===(o=null===(a=c[t+1])||void 0===a?void 0:a.data)||void 0===o?void 0:o.counting)||void 0===n?void 0:n[e.keyOfResult])||0;return i>0?(f[e.keyOfResult]=i,e):-1!==[jn.Care,jn.Posts].indexOf(e.key)?e:void 0})).filter(Boolean).map((e=>e.key)),y=B.map((e=>{const t=Object.assign(Object.assign({},e),{name:e.name+(e.keyOfResult?` (${(null==f?void 0:f[e.keyOfResult])||"0"})`:"")});return t.hasCountResult?-1!==b.indexOf(t.key)?t:void 0:t.key===jn.About?v&&t:t})).filter(Boolean);R(y),D((()=>{if(!d)return 0;const e=null==y?void 0:y.findIndex((e=>e.key===d));return-1!==e?e:0})()),P(f),S(!1)}))}),[]);const H=null==z?void 0:z.data;return o.createElement(Qo.Provider,{value:{isMarryBaby:C,siteType:C?"marryBaby":"helloSites",authorId:String((null==c?void 0:c.userId)||""),authActionWrapper:m,onSkipQuestion:p,info:z,authorProps:c,onCloseFromPost:u,countValues:T,setCountValues:P,isAuthorLogin:F,showSkipQuestionTag:v,currentPageUrl:b}},o.createElement("div",Object.assign({},y,{className:`${Pn} ${(null==y?void 0:y.className)||""}`,"data-is-marrybaby":C}),I?o.createElement(Go,null):o.createElement(o.Fragment,null,o.createElement(ra,Object.assign({},c,{className:"card-author",showDetailPopup:!1,subLine:"expert"===(null==c?void 0:c.role)?(null==H?void 0:H.specialty)&&(null==H?void 0:H.organisation)&&o.createElement(ra.SubTextRow,null,(null==H?void 0:H.specialty)&&o.createElement(o.Fragment,null,o.createElement(ra.SubText,null,null==H?void 0:H.specialty),o.createElement(ra.SubDivider,null)),o.createElement(ra.SubText,null,null==H?void 0:H.organisation)):(null==H?void 0:H.created_at)&&o.createElement(ra.SubTextRow,null,o.createElement(ra.SubText,null,k("profilePanel.joined")," ",j(null==H?void 0:H.created_at).toNow(!0)))})),"expert"===N&&o.createElement("div",{className:In,dangerouslySetInnerHTML:{__html:null===(n=null==z?void 0:z.data)||void 0===n?void 0:n.description}}),null!==O&&null!==V&&(O.length>0?o.createElement("div",{className:Sn},o.createElement(he,Object.assign({},U)),null===(r=null==O?void 0:O[V])||void 0===r?void 0:r.component):o.createElement(gn,{message:k("profilePanel.emptyPostMess.content",{name:(null==c?void 0:c.name)||(null==c?void 0:c.username)||""})})))))};var On=Object.freeze({__proto__:null,get TabName(){return jn},get UserType(){return Fn},TabDataInit:{experiences:[],relatedPosts:[],educations:[],awards:[],contact:{},data:{}},ProfileDetail:Bn}),Rn="KsWg8i6",Vn="_9tS0EUN",Dn="kyyRKlb",Un="-Uqqka-";const Wn=a=>{var{post:n,onSkip:r,btnText:s,currentPageUrl:c}=a,p=t(a,["post","onSkip","btnText","currentPageUrl"]);const{t:u}=w(),{data:{locale:g},action:{pushNotifications:h}}=i(Z),[v,f]=l(!1),[y,x]=l(!1),E=m(),C=d((()=>e(void 0,void 0,void 0,(function*(){var e;x(!0);const t=yield re(G(Q.USER.SKIP_QUESTION,{_locale:g,id:null==n?void 0:n.id}),"PUT");1===(null==t?void 0:t.status)?(null==r||r({id:(null==n?void 0:n.id)||"",communityId:(null===(e=null==n?void 0:n.community)||void 0===e?void 0:e.id)||""}),f(!1),h({title:"",message:"Skip success",type:"success"})):h({title:"",message:null==t?void 0:t.messages,type:"danger"}),x(!1)}))),[]);return o.createElement(b,{width:327,withArrow:!0,shadow:"md",opened:v},o.createElement(b.Target,null,o.createElement("div",Object.assign({className:`${Rn} ${(null==p?void 0:p.className)||""}`,onClick:()=>f(!0)},p),s||u("profilePanel.questionNotClear"))),o.createElement(b.Dropdown,null,o.createElement("div",null,o.createElement("div",{className:Vn},u("profilePanel.skipQuestion.heading")),o.createElement("div",{className:Dn},u("profilePanel.skipQuestion.content")),o.createElement("div",{className:Un},o.createElement(M,{size:"md",variant:"secondary",leftIcon:o.createElement(Pe,{color:E.fn.primaryColor(),size:24}),onClick:()=>f(!1),styles:()=>({leftIcon:{marginRight:0}})}),o.createElement(M,{variant:"primary",size:"md",leftIcon:o.createElement(Ie,{color:"white",size:24}),onClick:C,loading:y,"data-event-category":"Together","data-event-action":"Unclear Question Click","data-event-label":c,styles:()=>({leftIcon:{marginRight:0}})})))))};var Zn="data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M5 10C3.9 10 3 10.9 3 12C3 13.1 3.9 14 5 14C6.1 14 7 13.1 7 12C7 10.9 6.1 10 5 10Z' fill='%233E3F58'/%3e %3cpath d='M19 10C17.9 10 17 10.9 17 12C17 13.1 17.9 14 19 14C20.1 14 21 13.1 21 12C21 10.9 20.1 10 19 10Z' fill='%233E3F58'/%3e %3cpath d='M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z' fill='%233E3F58'/%3e %3c/svg%3e",Hn="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='%23595959' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 13.3334L8 10.3704L4 13.3334V3.85187C4 3.53754 4.12041 3.23608 4.33474 3.01382C4.54906 2.79155 4.83975 2.66669 5.14286 2.66669H10.8571C11.1602 2.66669 11.4509 2.79155 11.6653 3.01382C11.8796 3.23608 12 3.53754 12 3.85187V13.3334Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",qn="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 13.3334L8 10.3704L4 13.3334V3.85187C4 3.53754 4.12041 3.23608 4.33474 3.01382C4.54906 2.79155 4.83975 2.66669 5.14286 2.66669H10.8571C11.1602 2.66669 11.4509 2.79155 11.6653 3.01382C11.8796 3.23608 12 3.53754 12 3.85187V13.3334Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",_n="data:image/svg+xml,%3csvg width='3' height='13' viewBox='0 0 3 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='1.58326' cy='6.41663' r='1.25' transform='rotate(89.9997 1.58326 6.41663)' fill='%23595959'/%3e%3cellipse cx='1.58326' cy='1.41663' rx='1.25' ry='1.25' transform='rotate(89.9997 1.58326 1.41663)' fill='%23595959'/%3e%3cellipse cx='1.58326' cy='11.4166' rx='1.25' ry='1.25' transform='rotate(89.9997 1.58326 11.4166)' fill='%23595959'/%3e%3c/svg%3e",Gn="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 5.33337C13.1046 5.33337 14 4.43794 14 3.33337C14 2.2288 13.1046 1.33337 12 1.33337C10.8954 1.33337 10 2.2288 10 3.33337C10 4.43794 10.8954 5.33337 12 5.33337Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4 10C5.10457 10 6 9.10457 6 8C6 6.89543 5.10457 6 4 6C2.89543 6 2 6.89543 2 8C2 9.10457 2.89543 10 4 10Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12 14.6666C13.1046 14.6666 14 13.7712 14 12.6666C14 11.5621 13.1046 10.6666 12 10.6666C10.8954 10.6666 10 11.5621 10 12.6666C10 13.7712 10.8954 14.6666 12 14.6666Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.72668 9.00665L10.28 11.66' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.2734 4.33997L5.72668 6.9933' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Qn="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 4H3.33333H14' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.33334 3.99992V2.66659C5.33334 2.31296 5.47382 1.97382 5.72387 1.72378C5.97392 1.47373 6.31305 1.33325 6.66668 1.33325H9.33334C9.68697 1.33325 10.0261 1.47373 10.2762 1.72378C10.5262 1.97382 10.6667 2.31296 10.6667 2.66659V3.99992M12.6667 3.99992V13.3333C12.6667 13.6869 12.5262 14.026 12.2762 14.2761C12.0261 14.5261 11.687 14.6666 11.3333 14.6666H4.66668C4.31305 14.6666 3.97392 14.5261 3.72387 14.2761C3.47382 14.026 3.33334 13.6869 3.33334 13.3333V3.99992H12.6667Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.66666 7.33325V11.3333' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.33334 7.33325V11.3333' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const Xn=({authorEmail:t,onDeletePost:a,shareUrl:n,post:r,className:s="",popoverClassName:c="",onBookmark:d,onRemoveBookmark:m,onEditPost:p})=>{const{data:{locale:u,userInfo:g,togetherUserId:h,env:{isMarryBaby:v}},action:{pushNotifications:f}}=i(Z),{t:b}=w(),[y,x]=l(!1),[E,C]=l(!1),[k,N]=l(!1),{authActionWrapper:A}=Ze(),L=t&&(null==g?void 0:g.email)&&t===String(null==g?void 0:g.email);return o.createElement("div",{className:s,onClick:e=>{e.preventDefault(),e.stopPropagation()}},k&&o.createElement(ho,{url:n,text:null==r?void 0:r.title,onClose:()=>N(!1)}),E&&o.createElement(ro,{thumbnail:I.getAssetPath("trash-bin.svg"),isThumbnailIcon:!0,title:b("popup.deletePost.title"),description:b("popup.deletePost.description"),acceptText:b("popup.deletePost.accept"),cancelText:b("popup.deletePost.cancel"),onAccept:()=>e(void 0,void 0,void 0,(function*(){if((null==r?void 0:r.id)&&!y){x(!0);try{const t=yield(({id:t,locale:a})=>e(void 0,void 0,void 0,(function*(){if(t)return yield re(G(Q.POST.DELETE,{id:t,_locale:a}),"DELETE")})))({id:r.id,locale:u});1===(null==t?void 0:t.status)&&(null==a||a())}catch(e){}x(!1)}})),onClose:()=>C(!1)}),o.createElement(ht,{className:c,toggleButtonContent:o.createElement("img",{src:v?Zn:_n}),position:"bottom",align:"end",buttonProps:{isLoading:y},data:L?{isShowheader:!1,type:"list",list:[{icon:Gn,label:b("morePopover.share"),onClick:()=>N(!0)},{icon:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.16952 3.2356H2.99484C2.6785 3.2356 2.37512 3.36126 2.15143 3.58495C1.92774 3.80863 1.80208 4.11202 1.80208 4.42836V12.7777C1.80208 13.094 1.92774 13.3974 2.15143 13.6211C2.37512 13.8448 2.6785 13.9705 2.99484 13.9705H11.3442C11.6605 13.9705 11.9639 13.8448 12.1876 13.6211C12.4113 13.3974 12.537 13.094 12.537 12.7777V8.60303' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11.6425 2.341C11.8798 2.10375 12.2016 1.97046 12.5371 1.97046C12.8726 1.97046 13.1944 2.10375 13.4317 2.341C13.6689 2.57826 13.8022 2.90005 13.8022 3.23558C13.8022 3.57111 13.6689 3.89289 13.4317 4.13015L7.76607 9.79578L5.38054 10.3922L5.97692 8.00663L11.6425 2.341Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",label:b("actionPopover.edit"),onClick:p},{icon:Qn,label:b("actionPopover.delete"),onClick:()=>{A((()=>C(!0)))}}]}:{isShowheader:!1,type:"list",list:[{icon:Gn,label:b("morePopover.share"),onClick:()=>N(!0)},{icon:(null==r?void 0:r.bookmarked)?Hn:qn,label:(null==r?void 0:r.bookmarked)?b("morePopover.unsavePost"):b("morePopover.savePost"),onClick:()=>{A((()=>e(void 0,void 0,void 0,(function*(){if((null==g?void 0:g.id)&&(null==r?void 0:r.id))if(null==r?void 0:r.bookmarked){const e=yield re(G(Q.BOOKMARK.DELETE,{_locale:u}),"DELETE",{data:{post_id:String(r.id)}});1===(null==e?void 0:e.status)?(f({title:"",message:"Removed saved post",type:"success",displayIcon:qn}),m&&m()):f({title:"",message:"Remove failed",type:"danger",displayIcon:qn})}else{const e=yield re(G(Q.BOOKMARK.CREATE,{_locale:u}),"POST",{data:{user_id:h||g.id,post_id:r.id}});1===(null==e?void 0:e.status)?(f({title:"",message:"Post saved",type:"success",displayIcon:Hn}),d&&d()):f({title:"",message:"Post saved failed",type:"danger",displayIcon:qn})}}))))}},{icon:bo,label:b("morePopover.report"),subTree:{title:b("morePopover.report.title"),description:b("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(de).map((e=>({label:de[e].label,reason:de[e].reportReasonText,reasonValue:e}))).map((e=>({label:b(e.label),subTree:{title:b("morePopover.reportSubmit.title"),description:b("morePopover.reportSubmit.description"),isShowheader:!0,type:"jsx",jsxRenderer:t=>o.createElement(yo,{reason:e.reasonValue,reasonText:b(e.reason),postId:null==r?void 0:r.id,onClose:()=>t&&t(!1)})}})))}}]}}))},Kn=F.div`
+  position: relative;
+  margin-bottom: 24px;
+  background: white;
+  border-radius: ${e=>e.theme.borderRadius};
+
+  a {
+    text-decoration: none;
+  }
+
+  ${V.mbDown} {
+    margin-bottom: 8px;
+  }
+  &.flat-top {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+
+  .post-pin {
+    padding: 0.5rem 1rem;
+    border-radius: ${e=>e.theme.borderRadius} 6px 0 0;
+  }
+  .post-author {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    &.comment {
+      padding-right: 2.6rem;
+    }
+    .author-avatar-wrapper {
+      width: 40px;
+      height: 40px;
+      font-size: 20px;
+      ${V.mbDown} {
+        width: 32px;
+        height: 32px;
+        font-size: 16px;
+      }
+    }
+  }
+  .post-content-link-wrapper {
+    color: inherit;
+    cursor: pointer;
+    .post-content-title {
+      padding: 1rem 1rem 0;
+      word-break: break-word;
+    }
+  }
+  .social-preview-wrapper.has-image {
+    margin-bottom: 5px;
+  }
+  .social-preview-wrapper,
+  .image-preview-wrapper,
+  .link-preview-wrapper {
+    width: 100%;
+    &[data-is-reply='true'] {
+      padding-right: 1rem;
+      padding-left: 1rem;
+    }
+  }
+  .post-topics {
+    padding: 0 1rem;
+  }
+
+  .post-reaction {
+    background: none;
+    border-radius: 0 0 6px 6px;
+    &.hide-top-border {
+      ::before {
+        display: none;
+      }
+    }
+  }
+  .most-engaging-wrapper {
+    padding: 1rem;
+    cursor: pointer;
+    .author-avatar-wrapper {
+      width: 2rem;
+      height: 2rem;
+      font-size: 1rem;
+    }
+    .see-more-comments {
+      width: 100%;
+      padding: 12px 0 0;
+      text-align: unset;
+    }
+  }
+  &[data-most-engaging='true'] {
+    border: none;
+    ${V.mbDown} {
+      margin: 1rem;
+      border: 1px solid #e4e8ec;
+    }
+  }
+  .top-divider {
+    border-color: #e4e8ec;
+  }
+  .popover {
+    .popover-menu__btn {
+      display: flex;
+      width: 1.5rem;
+      height: 1rem;
+      align-items: center;
+      justify-content: center;
+      padding: 0;
+      background: transparent;
+
+      &:hover {
+        background-color: transparent;
+      }
+    }
+    .popover-menu__content {
+      &.--position-bottom {
+        &.--align-end {
+          &::before {
+            right: 12.5px;
+          }
+        }
+      }
+    }
+  }
+
+  &[data-is-marrybaby='true'] {
+    border: 1px solid #f3f3f3;
+    border-radius: 1rem;
+    /* shadow */
+
+    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
+    .image-preview-wrapper,
+    .link-preview-wrapper {
+      padding-right: 1rem;
+      padding-left: 1rem;
+    }
+    .popover {
+      .popover-menu__btn {
+        width: 24px;
+        height: 24px;
+        ${V.mbDown} {
+          width: 18px;
+          height: 18px;
+        }
+      }
+      .popover-menu__content {
+        &.--position-bottom {
+          &.--align-end {
+            &::before {
+              right: 1rem;
+            }
+            width: 350px;
+            ${V.mbDown} {
+              max-width: calc(320px - 2rem);
+            }
+          }
+        }
+      }
+    }
+    .most-engaging-wrapper {
+      position: relative;
+      padding: 0;
+      &::before {
+        position: absolute;
+        z-index: 5;
+        top: 0;
+        left: 50%;
+        width: calc(100% - 2rem);
+        height: 1px;
+        background: #f3f3f3;
+        content: ' ';
+        transform: translateX(-50%);
+      }
+    }
+    ${V.mbDown} {
+      margin-bottom: 12px;
+    }
+  }
+`;const $n=({onDeleteComment:t,commentId:a,className:n="",popoverClassName:r=""})=>{const{data:{env:{isMarryBaby:s},locale:c},action:{pushNotifications:d}}=i(Z),{t:m}=w(),[p,u]=l(!1),{authActionWrapper:g}=Ze();return o.createElement("div",{className:n,onClick:e=>{e.preventDefault(),e.stopPropagation()}},p&&o.createElement(ro,{thumbnail:"data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0)'%3e%3cpath d='M2 4.00781H3.33333H14' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.33337 4.00846V2.67513C5.33337 2.32151 5.47385 1.98237 5.7239 1.73232C5.97395 1.48227 6.31309 1.3418 6.66671 1.3418H9.33337C9.687 1.3418 10.0261 1.48227 10.2762 1.73232C10.5262 1.98237 10.6667 2.32151 10.6667 2.67513V4.00846M12.6667 4.00846V13.3418C12.6667 13.6954 12.5262 14.0346 12.2762 14.2846C12.0261 14.5347 11.687 14.6751 11.3334 14.6751H4.66671C4.31309 14.6751 3.97395 14.5347 3.7239 14.2846C3.47385 14.0346 3.33337 13.6954 3.33337 13.3418V4.00846H12.6667Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.66663 7.3418V11.3418' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.33337 7.3418V11.3418' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0'%3e%3crect width='16' height='16' fill='white' transform='translate(0 0.0078125)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",isThumbnailIcon:!0,title:m("popup.deleteComment.title"),description:m("popup.deleteComment.description"),acceptText:m("popup.deletePost.accept"),cancelText:m("popup.deletePost.cancel"),onAccept:()=>e(void 0,void 0,void 0,(function*(){var e;if(!a)return;const o=yield(({id:e,locale:t})=>re(G(Q.COMMENT.DELETE,{_locale:t,id:e}),"DELETE"))({id:a,locale:c});1===(null==o?void 0:o.status)?(t&&t(),d({title:"",message:m("notification.success"),type:"success"})):d({title:"",message:(null===(e=null==o?void 0:o.messages)||void 0===e?void 0:e[0])||m("notification.failure"),type:"danger"})})),onClose:()=>u(!1)}),o.createElement(ht,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:[{icon:Qn,label:m("actionPopover.delete"),onClick:()=>{g((()=>{u(!0)}))}}]},className:r,toggleButtonContent:o.createElement("img",{src:s?Zn:_n}),buttonProps:{}}))},Yn=F.div`
+  .add-link {
+    color: ${E.colors.primaryBase};
+  }
+`,Jn=F.div`
+  margin: 16px 0;
+  background: ${E.colors.yellow50};
+  padding: 5px 10px;
+  border-radius: 2px;
+
+  .icon {
+    display: inline-block;
+    vertical-align: middle;
+    margin-right: 6px;
+  }
+`,ei=F.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`,ti=F.div`
+  padding: 8px 16px;
+`,ai=F.div`
+  margin-bottom: 12px;
+  width: 100%;
+`,oi=F.div``,ni=F.div`
+  margin-bottom: 16px;
+`,ii=F.div`
+  display: flex;
+  flex-wrap: wrap;
+  row-gap: 16px;
+  ${V.tdUp} {
+    align-items: center;
+    column-gap: 24px;
+  }
+`,li=F.a`
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  ${V.mbDown} {
+    width: 100%;
+    justify-content: space-between;
+  }
+`,ri=F.div`
+  display: flex;
+  align-items: center;
+  gap: 16px;
+`,si=F.div`
+  border-radius: ${e=>e.theme.borderRadius};
+  overflow: hidden;
+  width: 48px;
+  height: 48px;
+  img {
+    object-fit: cover;
+    width: 100%;
+    height: 100%;
+  }
+`,ci=({categories:e})=>{const{t:t}=w(),{data:{locale:a,env:{isMarryBaby:n}}}=i(Z),l=Ve(a,n);return o.createElement(oi,null,o.createElement(ni,null,o.createElement(ze,{tag:"h6",as:"h5"},t("cardReply.recommentCategories.heading"))),o.createElement(ii,null,e.map((e=>o.createElement(li,{href:l+e.permalink,key:String(e.termId),target:"_blank"},o.createElement(ri,null,o.createElement(si,null,o.createElement("img",{src:e.featureImage||I.getAssetPath(n?"mb-logo.svg":"/logo/logomark.png"),alt:e.displayName})),o.createElement(ke,{size:"s3",type:"bold"},e.displayName)),o.createElement(Te.ArrowRight,{size:20,color:E.colors.gray400}))))))},di=F.a`
+  padding: 12px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  border-top: 1px solid ${E.colors.neutral100};
+  text-decoration: none;
+
+  &:first-child {
+    border-top: 0;
+  }
+`,mi=F.div``,pi=({postTitle:e,articleReviewed:t,modifiedTime:a,href:n})=>{const{t:i}=w(),l=(()=>{const{expert:e,editor:a,is_author:o}=t;if(e){const t={name:e.display_name,role:"expert",avatar:e.avatar};return o?Object.assign({title:i("articleAuthor.title.written-by")},t):"expert"===e.role?Object.assign({title:i("articleAuthor.title.expert")},t):Object.assign({title:i("articleAuthor.title.medical")},t)}if(a)return{title:i("articleAuthor.title.fact-check"),name:a.display_name,avatar:a.avatar}})();return o.createElement(di,{href:n,title:e,target:"_blank"},o.createElement(ke,{size:"s3",as:"h5",type:"bold"},e),o.createElement(mi,null,o.createElement(ra,{avatar:null==l?void 0:l.avatar,avatarProps:{size:32},name:null==l?void 0:l.name,role:null==l?void 0:l.role,hideBackground:!0},o.createElement(ra.SubTextRow,null,o.createElement(ra.SubText,null,null==l?void 0:l.title," ",o.createElement("span",{style:{color:E.colors.gray800}},null==l?void 0:l.name)),o.createElement(ra.SubDivider,null),o.createElement(ra.SubText,null,a)))))};var ui="F4mmgSy",gi="A7QrQ7A";const hi=a=>{var{listUrl:n,categorySlug:i,editMode:r,onListChange:c}=a,d=t(a,["listUrl","categorySlug","editMode","onListChange"]);const{t:m}=w(),[p,u]=l(n||[]),[g,h]=l([]),[v,b]=l([]),[y,x]=l(!1);s((()=>{e(void 0,void 0,void 0,(function*(){x(!0);const e=p.map((e=>{const t=new URL(e),a=String(t.pathname).split("/").filter((e=>""!=e));return{isMarrySite:-1!==t.origin.search("marrybaby.vn"),path:a[a.length-1],href:e}})),t=[...e.map((e=>_(e.isMarrySite?me(ne.GET_PREVIEW_ARTICLE,{fullSlug:e.path},!0):oe(ne.GET_PREVIEW_ARTICLE,{fullSlug:e.path},!0),"GET")))],a=yield Promise.all(t);h(a.map(((t,a)=>{var o,n;return(null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.post)&&Object.assign(Object.assign({},Ee(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.post)),{href:e[a].href})})).filter(Boolean)),x(!1)}))}),[]),s((()=>{0===(null==g?void 0:g.length)&&i&&e(void 0,void 0,void 0,(function*(){var e;const t=yield _(oe(ne.GET_CATEGORY_OR_ARTICLE_DETAIL,{fullSlug:i},!0),"GET");(null==t?void 0:t.data)&&b([Ce(null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.category)])}))}),[g]);return s((()=>{null==c||c(p)}),[p]),o.createElement("div",Object.assign({},d),!r&&o.createElement(Jn,null,o.createElement("img",{className:"icon",src:I.getAssetPath("warning.svg"),alt:"warning",style:{marginBottom:"3px",width:"18px"}}),o.createElement(ke,{size:"s3",as:"span",dangerouslySetInnerHTML:{__html:m("cardReply.disclaimer")}})),y?o.createElement(_e,null):g.length>0||r?o.createElement(Yn,null,o.createElement(f,{defaultValue:"accordion",styles:{control:{padding:"16px",border:`1px solid ${E.colors.neutral100}`,borderTopLeftRadius:"8px",borderTopRightRadius:"8px",'&[aria-expanded="false"]':{borderBottom:0}},chevron:{width:"32px",height:"32px"},content:{padding:0,border:`1px solid ${E.colors.neutral100}`,borderTop:0,borderBottom:0},item:{marginBottom:"16px"}},chevron:o.createElement("div",{className:gi},o.createElement(vn,{color:E.colors.gray600,size:20}))},o.createElement(f.Item,{value:"accordion"},o.createElement(f.Control,null,o.createElement("div",{className:ui},o.createElement(ze,{as:"h4",tag:"h6"},m("cardReply.source")))),o.createElement(f.Panel,null,o.createElement(ti,null,(g||[]).map(((e,t)=>o.createElement(ei,{key:String(t)},"object"==typeof e?o.createElement(pi,Object.assign({},e)):o.createElement(ai,null,o.createElement(Ne,{style:{width:"100%"},name:"source-list",value:e||"",size:"sm",onChange:e=>{u((a=>{const o=[...a];return o[t]=e,o})),h((a=>{const o=[...a];return o[t]=e,o}))}})),r&&o.createElement(Se,{size:"md",color:"transparent",icon:o.createElement(Te.Trash,null),onClick:()=>(e=>{u((t=>{const a=[...t];return a.splice(e,1),a})),h((t=>{const a=[...t];return a.splice(e,1),a}))})(t)})))),r&&o.createElement(Se,{className:"add-link",color:"transparent",size:"md",icon:o.createElement(Te.Plus,{color:E.colors.primaryBase,size:18}),onClick:()=>{u((e=>[...e,""])),h((e=>[...e,""]))}},"Add source")))))):o.createElement(ci,{categories:v}))},vi=F.div`
+  position: relative;
+  margin-bottom: 0;
+  background: white;
+  border-radius: ${e=>e.theme.borderRadius};
+
+  .verify-tag {
+    margin-top: 12px;
+  }
+
+  .post-author {
+    &.with-popover {
+      padding-right: 2.6rem;
+    }
+    .author-avatar-wrapper {
+      width: 40px;
+      height: 40px;
+      font-size: 20px;
+      ${V.mbDown} {
+        width: 32px;
+        height: 32px;
+        font-size: 16px;
+      }
+    }
+  }
+  .image-preview-wrapper,
+  .link-preview-wrapper {
+    width: 100%;
+    &[data-is-reply='true'] {
+      padding-right: 1rem;
+      padding-left: 1rem;
+    }
+  }
+  .post-reaction {
+    background: none;
+    border-radius: 0 0 6px 6px;
+  }
+  &[data-is-reply='true'] {
+    > .post-author .author-avatar-wrapper {
+      width: 20px;
+      height: 20px;
+      font-size: 10px;
+    }
+  }
+  &[data-is-reply='false'] {
+    border: 1px solid #e4e8ec;
+  }
+  .expert-wrapper {
+    width: 100%;
+  }
+  &[data-has-booking='true'] {
+    display: grid;
+    .post-author {
+      background-color: ${e=>e.theme.colors.primary50};
+    }
+    .btn-wrapper {
+      padding: 0 16px;
+      .btn-booking {
+        width: 100%;
+        margin: 12px 0;
+      }
+    }
+  }
+
+  .comment-reply-wrapper {
+    padding: 0 1rem;
+    .more-cmt {
+      .chevron-right {
+        height: 1rem;
+        width: 1rem;
+        vertical-align: middle;
+      }
+    }
+  }
+  .top-divider {
+    border-color: #e4e8ec;
+  }
+  .popover {
+    position: absolute;
+    top: 1.5rem;
+    right: 1rem;
+    .popover-menu__btn {
+      display: flex;
+      width: 1rem;
+      height: 1rem;
+      align-items: center;
+      justify-content: center;
+      padding: 0;
+      background: transparent;
+
+      &:hover {
+        background-color: transparent;
+      }
+
+      .popover-menu__content {
+        &.--position-bottom {
+          &.--align-end {
+            &::before {
+              right: 12.5px;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &[data-is-marrybaby='true'] {
+    &[data-is-reply='false'] {
+      border: none;
+    }
+    .image-preview-wrapper,
+    .link-preview-wrapper {
+      padding-right: 1rem;
+      padding-left: 1rem;
+    }
+    .popover {
+      .popover-menu__btn {
+        width: 24px;
+        height: 24px;
+      }
+    }
+
+    margin-left: 56px;
+    ${V.mbDown} {
+      margin-left: 40px;
+    }
+    > .post-author {
+      margin-left: -56px;
+      ${V.mbDown} {
+        margin-left: -40px;
+      }
+      .author-info {
+        align-items: center;
+        display: flex;
+        align-items: center;
+        .author-info-top {
+          width: 100%;
+        }
+        .author-info-text-wrapper {
+          justify-content: space-between;
+        }
+      }
+      .author-avatar-wrapper {
+        width: 40px;
+        height: 40px;
+        font-size: 20px;
+        ${V.mbDown} {
+          width: 24px;
+          height: 24px;
+          font-size: 12px;
+        }
+      }
+    }
+    &[data-is-reply] {
+      > .post-author {
+        .author-avatar-wrapper {
+          width: 40px;
+          height: 40px;
+          font-size: 20px;
+          ${V.mbDown} {
+            width: 24px;
+            height: 24px;
+            font-size: 12px;
+          }
+        }
+      }
+    }
+
+    .comment-reply-wrapper {
+      padding-right: 0;
+      padding-left: 0;
+    }
+    .post-reaction {
+      &::after {
+        position: absolute;
+        bottom: 0;
+        left: 50%;
+        width: calc(100% - 2rem);
+        height: 1px;
+        background: #f3f3f3;
+        content: ' ';
+        transform: translateX(-50%);
+      }
+    }
+    .post-content-wrapper {
+      padding-top: 0;
+      padding-bottom: 0;
+      ${V.mbDown} {
+        padding-left: 0.5rem;
+      }
+    }
+
+    ${V.mbDown} {
+      margin-bottom: 12px;
+    }
+  }
+`,fi=F(hi)`
+  margin-top: 12px;
+  padding: 0.5rem 1rem 1rem;
+`;var bi="-dzIuHr";const yi=({userId:e,avatar:t,name:a,role:n,title:i,className:r})=>{const{t:s}=w(),[c,d]=l(!1);return o.createElement(o.Fragment,null,o.createElement(Se,{className:`${bi} ${r}`,color:"success",size:"xs",onClick:()=>d(!0),style:{padding:"5px 8px",marginBottom:"12px",borderRadius:"4px"}},o.createElement("span",{className:"text"},o.createElement(Te.Endorse,{isSolid:!0,size:18,color:E.colors.green800,className:"icon"}),s("cardReply.verifyBy",{name:`${a||""}`}))),o.createElement(oa,{open:c,onClose:()=>d(!1),profileModalProps:{zIndex:1e3}},o.createElement(Bn,{authorProps:{userId:e,avatar:t,name:a,role:n,title:i},hideQuestionTab:!0})))};const wi=({className:t,style:a,comment:n,type:r="comment",level:d=0,replyingId:m,onPostCommentSuccess:p,post:u,onDeleteComment:g,refetchComment:h,hasQuickBookingEnable:v,handleMakeAppointment:f,cardAuthorProps:b,maxChars:y=600,disableShortenContent:x})=>{var E,C,k,N,A,L,T,P,I,S,z,M;const{data:{locale:j,userInfo:F,env:{isMarryBaby:B}}}=i(Z),{t:O}=w(),[V,D]=l(n||null),{id:U,countLikes:W,content:H,replies:q=[],images:X=[],author:K,liked:$,link:ee,mentionedUser:te,mentions:ae}=V,{text:oe,replyingTo:ne}=(e=>{try{const t=e.match(/\[@([^\]]+)\]/),a=t?t[0].replace("[@","").replace("]",""):"";return{text:e.replace(/\[@([^\]]+)\]/,"").trim(),replyingTo:a}}catch(e){}return{text:""}})(H),{authActionWrapper:ie}=Ze({_joinCommunityIds:[null===(E=null==u?void 0:u.community)||void 0===E?void 0:E.id],_joinTopicIds:null===(C=null==u?void 0:u.topics)||void 0===C?void 0:C.map((e=>e.id))}),[le,se]=l(4),ce=!!(null==F?void 0:F.id)&&(null==q?void 0:q.some((e=>e.author.id===F.id))),de=e=>{D((t=>{if(!t.replies.find((t=>t.id===e.id))){t.replies.unshift(e);const a=Object.assign(Object.assign({},t),{replies:t.replies.slice(),countReplies:t.countReplies+1});return h&&h(a),a}return t}))},[me,pe]=l(!1),ue=c((()=>"comment"===r&&q&&0!=q.length?q.sort(((e,t)=>{const a=new Date(e.createdAt).getTime(),o=new Date(t.createdAt).getTime();return a>o?-1:a<o?1:0})):q),[r,q]),ge=(null==q?void 0:q.length)||0,he=String(null==K?void 0:K.email)&&(null==F?void 0:F.email)&&String(null==K?void 0:K.email)===String(null==F?void 0:F.email),fe=(null==K?void 0:K.name)||(null==K?void 0:K.username)||"",be=(null==K?void 0:K.username)||(null==K?void 0:K.name)||"",ye=null==K?void 0:K.avatar,we=(null==u?void 0:u.isAnonymous)||null==K?void 0:K.role,xe=[...(null==u?void 0:u.isAnonymous)?[{id:(null===(k=null==u?void 0:u.author)||void 0===k?void 0:k.id)||0,name:O("cardPost.anonymous")}]:[],...ae||[]],[Ee,Ce]=l(null),[ke,Ne]=l(null);s((()=>{if(null==K?void 0:K.hospitalId){const t=t=>e(void 0,void 0,void 0,(function*(){var e;const a=yield _(Y(J.GET_HOSPITAL_INFO,{hospital_branch_id:t,website_url:R[j]}),"get");(null===(e=null==a?void 0:a._data)||void 0===e?void 0:e.branch)&&Ce(null==a?void 0:a._data.branch)}));t(K.hospitalId)}if(null==K?void 0:K.doctorId){const t=t=>e(void 0,void 0,void 0,(function*(){var e;const a=yield _(Y(J.GET_DOCTOR_INFO,{doctorId:t,website_url:R[j]}),"get");(null===(e=null==a?void 0:a._data)||void 0===e?void 0:e.doctor)&&Ne(null==a?void 0:a._data.doctor)}));t(K.doctorId)}}),[K.hospitalId,K.doctorId]);const Ae=(null==ke?void 0:ke.valid_outpatient)||(null==ke?void 0:ke.valid_telemedicine),Le=((null==Ee?void 0:Ee.total_available_service)||(null==Ee?void 0:Ee.total_available_doctor))>0,Te=v&&(Ae||Le),Pe="chatbot"===(null===(N=null==V?void 0:V.author)||void 0===N?void 0:N.type);return o.createElement(We,{defaultParams:{_joinCommunityIds:[null===(A=null==u?void 0:u.community)||void 0===A?void 0:A.id],_joinTopicIds:null===(L=null==u?void 0:u.topics)||void 0===L?void 0:L.map((e=>e.id))}},o.createElement(vi,{className:t,style:a,"data-is-reply":!!d,"data-is-marrybaby":B,"data-has-booking":Te},"reply"===r&&o.createElement(ve,{className:"top-divider",type:"solid"}),o.createElement("div",{style:{padding:"16px 16px 0"}},o.createElement(ra,Object.assign({avatar:ye,name:fe,username:be,timeText:null==u?void 0:u.createdTime,community:null==u?void 0:u.community,className:"post-author "+(he?"with-popover":""),type:r,userId:null==K?void 0:K.id,role:we,expertId:null==K?void 0:K.partnerId,title:null==K?void 0:K.title,doctorId:null==K?void 0:K.doctorId,hospitalId:null==K?void 0:K.hospitalId,hasQuickBooking:Te,handleMakeAppointment:f,isAnonymous:!!(null==u?void 0:u.isAnonymous),hideBackground:Pe,userType:null==K?void 0:K.type},b)),Boolean(null==V?void 0:V.isVerify)&&!Boolean(null==V?void 0:V.isOppose)&&o.createElement(yi,{title:null===(T=null==V?void 0:V.userVerify)||void 0===T?void 0:T.title,name:null===(P=null==V?void 0:V.userVerify)||void 0===P?void 0:P.name,userId:null===(I=null==V?void 0:V.userVerify)||void 0===I?void 0:I.id,role:null===(S=null==V?void 0:V.userVerify)||void 0===S?void 0:S.role,avatar:null===(z=null==V?void 0:V.userVerify)||void 0===z?void 0:z.avatar,className:"verify-tag"})),o.createElement(Eo,{className:"post-content-wrapper",replyingTo:ne,mentionedUser:te,description:oe,mentions:xe,maxChars:y,disableShortenContent:x}),o.createElement("span",null),o.createElement("span",null),X&&X.length>0?o.createElement("div",{key:"image-preview",className:"image-preview-wrapper","data-is-reply":!0},o.createElement(Zo,{images:X,authorName:null==K?void 0:K.username})):null,X&&0!==X.length||!ee?null:o.createElement("div",{key:"link-preview",className:"link-preview-wrapper","data-is-reply":!0},o.createElement(Qe,{url:ee})),"most-engaging"!==r?o.createElement(o.Fragment,null,Pe&&o.createElement(fi,{listUrl:null==V?void 0:V.source,categorySlug:null==V?void 0:V.categorySlug}),o.createElement(lt,{type:et.reply,loveCount:W,replyCount:ge,className:"post-reaction",liked:$,isReplied:ce,hideCommentIcon:"reply"===r||Pe,hasShare:!1,onCommentClick:()=>ie((()=>pe((e=>!e)))),onCommentCountClick:()=>ie((()=>{pe(!0)})),onLikeClick:()=>ie((()=>e(void 0,void 0,void 0,(function*(){if(U){const t=yield(({commentId:t,setLike:a=!1,locale:o})=>e(void 0,void 0,void 0,(function*(){return re(G(a?Q.COMMENT.LIKE:Q.COMMENT.UNLIKE,{_locale:o,id:t}),"GET")})))({commentId:U,setLike:!$,locale:j});1===t.status&&D((e=>Object.assign(Object.assign({},e),{liked:!$,countLikes:e.countLikes+($?-1:1)})))}}))))}),me&&o.createElement(mo,{replyingId:m||V.id,replyToName:fe,isReply:!0,onClose:()=>pe(!1),onPostSuccess:e=>{"reply"===r?p&&p(e):de(e)},post:u,replyingUser:K}),"comment"===r&&q&&q.length>0?o.createElement("div",{className:"comment-reply-wrapper"},null===(M=null==ue?void 0:ue.slice(0,le))||void 0===M?void 0:M.map((e=>o.createElement(wi,{key:e.id,comment:e,type:"reply",className:"comment-reply-item",level:d+1,replyingId:U,onPostCommentSuccess:de,post:u,onDeleteComment:()=>{D((t=>Object.assign(Object.assign({},t),{replies:t.replies.filter((t=>t.id!==e.id)),countReplies:t.countReplies-1})))},handleMakeAppointment:f,hasQuickBookingEnable:v}))),ge>le&&o.createElement(o.Fragment,null,o.createElement(ve,{className:"top-divider",type:"solid"}),o.createElement(Se,{className:"more-cmt",size:"lg",color:"ghost",onClick:()=>se((e=>e+4))},O("comment.seeMoreReplies",{count:ge-le}),o.createElement("img",{className:"chevron-right",src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 12L10 8L6 4' stroke='%232D87F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})))):null):null,he&&o.createElement($n,{onDeleteComment:g,className:"popover",commentId:V.id})))},xi=(t,a)=>e(void 0,void 0,void 0,(function*(){var e,o,n;const i=yield pe(G(Q.COMMENT.LIST,{postId:t,_locale:a,sort:"popularity",perPage:1,withoutReply:1}),"GET");return null===(n=null===(o=null===(e=null==i?void 0:i.data)||void 0===e?void 0:e.comments)||void 0===o?void 0:o.map(we))||void 0===n?void 0:n[0]})),Ei=({className:t,style:a,hideViewMoreComment:n,showMostEngaging:r,onCommentClick:c,onCommentCountClick:d,onMostEngagingCommentClick:m,onPostCommentSuccess:p,disableCardLink:u,disableShortenContent:g,onDeletePost:h,onEditPost:v,post:f,mostEngagingComment:b,onDeleteComment:y,showInputComment:E,InlineCommentsComponent:C,hasQuickBookingEnable:k,handleMakeAppointment:N,cardAuthorProps:A})=>{const[L,T]=l(f),[P,I]=l(!1),[S,z]=l(b),{community:M,topics:j,author:F,slug:B,isPin:O,liked:R,photos:V,mentions:D,title:U,description:W,previewUrl:H,likesCount:q,commentsCount:$,id:te,commented:ae}=L,{data:{locale:oe,env:{isMarryBaby:ne,togetherBasePath:ie}},action:{pushNotifications:le}}=i(Z),{t:se}=w(),[ce,de]=l(E),me=`${ie}/${(null==M?void 0:M.slug)||"_"}/${B||""}`,pe=`${K(oe)}${me}`,{authActionWrapper:ue}=Ze((null==M?void 0:M.slug)?{_joinCommunityIds:[M.id],_joinTopicIds:null==j?void 0:j.map((e=>e.id))}:void 0),[ge,he]=l(!1);s((()=>{de(E)}),[E]);const ve=(null==F?void 0:F.name)||(null==F?void 0:F.username)||"",fe=(null==F?void 0:F.username)||(null==F?void 0:F.name)||"",be=null==F?void 0:F.avatar,ye=(null==L?void 0:L.isAnonymous)||null==F?void 0:F.role,[we,xe]=l(null),[Ee,Ce]=l(null);s((()=>{if(null==F?void 0:F.hospitalId){(t=>e(void 0,void 0,void 0,(function*(){var e;const a=yield _(Y(J.GET_HOSPITAL_INFO,{hospital_branch_id:t,website_url:ee[oe]}),"get");(null===(e=null==a?void 0:a._data)||void 0===e?void 0:e.branch)&&xe(null==a?void 0:a._data.branch)})))(F.hospitalId)}if(null==F?void 0:F.doctorId){(t=>e(void 0,void 0,void 0,(function*(){var e;const a=yield _(Y(J.GET_DOCTOR_INFO,{doctorId:t,website_url:ee[oe]}),"get");(null===(e=null==a?void 0:a._data)||void 0===e?void 0:e.doctor)&&Ce(null==a?void 0:a._data.doctor)})))(F.doctorId)}}),[F.hospitalId,F.doctorId]);const ke=(null==Ee?void 0:Ee.valid_outpatient)||(null==Ee?void 0:Ee.valid_telemedicine),Ne=((null==we?void 0:we.total_available_service)||(null==we?void 0:we.total_available_doctor))>0,Ae=k&&(ke||Ne);s((()=>{e(void 0,void 0,void 0,(function*(){if(te&&$&&r&&!(null==b?void 0:b.id)){const e=yield xi(te,oe);z(e)}}))}),[te,oe,$,r,null==b?void 0:b.id]),s((()=>{z(b)}),[null==b?void 0:b.id]);const Le=t=>e(void 0,void 0,void 0,(function*(){if($>1&&(null==S?void 0:S.id)&&(null==S?void 0:S.id)===(null==t?void 0:t.id)){const e=yield xi(te,oe);z(e)}T((e=>Object.assign(Object.assign({},e),{commentsCount:e.commentsCount-1}))),y&&y(t)}));return o.createElement(We,{defaultParams:(null==M?void 0:M.slug)?{_joinCommunityIds:[M.id],_joinTopicIds:null==j?void 0:j.map((e=>e.id))}:void 0},P&&o.createElement(ho,{url:pe,avatar:X,text:U,onClose:()=>I(!1)}),o.createElement(Kn,{className:t,style:a,"data-is-marrybaby":ne},O?o.createElement(mt,{className:"post-pin"}):null,o.createElement("div",{style:{position:"relative",padding:"1rem 1rem 0"}},o.createElement(ra,Object.assign({avatar:be,name:ve,username:fe,url:u?void 0:me,community:M,timeText:null==L?void 0:L.createdTime,className:"post-author",role:ye,userId:null==F?void 0:F.id,expertId:null==F?void 0:F.partnerId,doctorId:null==F?void 0:F.doctorId,hospitalId:null==F?void 0:F.hospitalId,title:null==F?void 0:F.title,hasQuickBooking:Ae,handleMakeAppointment:N,"data-testid":"name",isAnonymous:!!(null==L?void 0:L.isAnonymous),extendEle:o.createElement(Xn,{authorEmail:String(null==F?void 0:F.email),onDeletePost:h,shareUrl:pe,post:L,className:"popover",onEditPost:v})},A))),o.createElement("a",{href:u?void 0:me,className:"post-content-link-wrapper"},U&&o.createElement(ze,{className:"post-content-title",as:"h2",tag:"h5",fontWeight:"bold","data-testid":"Title of the Post"},x(U)),o.createElement(Eo,{className:"post-content-wrapper",description:W,disableShortenContent:g,mentions:D,"data-testid":"Content of the Post"})),o.createElement("span",null),o.createElement("span",null),o.createElement("div",{key:"tag-topic"},j&&j.length>0?o.createElement(st,{topics:j,className:"post-topics"}):null),o.createElement("div",{key:"social-preview"},(null==L?void 0:L.introUrl)?o.createElement("div",{className:"social-preview-wrapper "+((null==V?void 0:V.length)?"has-image":"")},o.createElement(qo,{url:L.introUrl,image:L.bannerImage})):null),o.createElement("div",{key:"image-preview"},(null==V?void 0:V.length)?o.createElement("div",{className:"image-preview-wrapper"},o.createElement(Zo,{images:V,authorName:null==F?void 0:F.name})):null),o.createElement("div",{key:"link-preview"},(null==L?void 0:L.introUrl)||(null==V?void 0:V.length)||!(null==H?void 0:H.url)?null:o.createElement("div",{className:"link-preview-wrapper"},o.createElement(Qe,{title:H.title,url:H.url,image:H.image}))),o.createElement(lt,{isMarryBaby:ne,type:et.post,loveCount:q,replyCount:$,className:"post-reaction "+((null==V?void 0:V.length)||(null==H?void 0:H.url)?"hide-top-border":""),liked:ge?!R:R,isReplied:ae,onCommentClick:()=>ue((()=>{c?c():de((e=>!e))})),onCommentCountClick:()=>{ue((()=>{ne?de(!0):d?d():!u&&(window.location.href=me)}))},onShareClick:()=>{I(!0)},onLikeClick:()=>e(void 0,void 0,void 0,(function*(){if(te&&!ge){he(!0);try{const t=yield(({id:t,locale:a})=>e(void 0,void 0,void 0,(function*(){if(t)return yield re(G(Q.POST.LIKE,{id:t,_locale:a}),"GET")})))({id:te,locale:oe});1!==(null==t?void 0:t.status)?le(sa(se)):T((e=>Object.assign(Object.assign({},e),{likesCount:(e.likesCount||0)+(e.liked?-1:1),liked:!e.liked})))}catch(e){le(sa(se))}he(!1)}})),showingMostEngaging:!(!r||!(null==S?void 0:S.id))}),ce&&o.createElement(mo,{isMainCmt:!E,onClose:()=>de(!1),onPostSuccess:e=>{0!==$||(null==S?void 0:S.id)||z(e),T((e=>Object.assign(Object.assign({},e),{commentsCount:e.commentsCount+1,commented:!0}))),p&&p(e)},post:L}),r&&(null==S?void 0:S.id)?o.createElement("div",{className:"most-engaging-wrapper",onClick:e=>{m?(e.stopPropagation(),m()):window.location.href=me}},o.createElement(wi,{hasQuickBookingEnable:k,handleMakeAppointment:N,comment:S,post:L,onDeleteComment:()=>{Le&&Le(S)},className:"most-engaging-comment",type:"most-engaging",key:S.id,cardAuthorProps:A}),$>1&&!n&&o.createElement(Se,{className:"see-more-comments",color:"ghost",size:"md"},se("comment.seeMoreComments",{count:$-1}))):null,C))};var Ci=Object.freeze({__proto__:null});export{jn as A,Wn as B,Qe as C,Ei as D,Xn as E,wi as F,$n as G,gt as H,mo as I,hi as J,De as K,_e as L,ro as P,ho as S,Ue as T,yi as V,We as a,lt as b,st as c,dt as d,mt as e,bt as f,ra as g,to as h,qa as i,Qa as j,Gt as k,Dt as l,Yt as m,Ka as n,lo as o,yo as p,go as q,Eo as r,Io as s,Ci as t,Ze as u,Oo as v,Zo as w,qo as x,oa as y,Bn as z};