@hhgtech/hhg-components 1.28.44 → 1.28.46

package/build/esm/index.styled-a1372cbc.js

@@ -1,3140 +0,0 @@
-import*as e from"react";import t,{useState as a,useMemo as o,useCallback as i,createContext as r,useContext as n,useRef as l,useEffect as s}from"react";import{useMantineTheme as d,createStyles as c,Flex as p,Box as m,rem as u,Portal as g,Anchor as h,Accordion as v}from"@mantine/core";import{_ as b,a as f}from"./tslib.es6-ed0fd94c.js";import{u as x,b as w}from"./useTranslations-154c6e71.js";import{T as y,H as E,I as C,P as k}from"./index-48f2acf5.js";import{B as A,I as N,u as z,A as T,f as S,T as L}from"./index-bc7b446c.js";import"@mantine/dates";import{d as V,D as P}from"./index-49f5f7fe.js";import{L as F}from"./Subot-dac02b43.js";import{C as j}from"./index-c011f60e.js";import B from"dayjs";import{M as O,t as R}from"./screenSizeContext-96560239.js";import M,{keyframes as I}from"styled-components";import{t as U}from"./theme-0bf733e5.js";import{a as D}from"./number-161e80f5.js";import{i as W}from"./isProduction-d1491481.js";import"@mantine/hooks";import{R as H,U as Z,V as q,b as G,W as X,X as Q,Y as K,H as Y,Z as $,_ as J,$ as _,a0 as ee,a1 as te,a2 as ae,A as oe,a3 as ie,B as re,a4 as ne,z as le,Q as se,a5 as de}from"./index.styles-968498ec.js";import{format as ce}from"date-fns";import"./translationsContext-2928d817.js";import"string-format";import{B as pe}from"./index-c55d9a53.js";import{I as me}from"./index-d2d4296b.js";import{U as ue,P as ge,a as he,b as ve,c as be,e as fe}from"./index-cf5e3a41.js";import{g as xe}from"./routing-eb0f44e6.js";import we from"dayjs/plugin/relativeTime";import{P as ye}from"./paths-25ba6851.js";import{e as Ee}from"./constants-3923407c.js";import Ce from"lodash/debounce";import"./useCategory-89c67c7a.js";import{M as ke}from"./index-d2fd18b2.js";import"innertext";import{d as Ae,g as Ne}from"./cookieHelper-55e30d0f.js";import"react-contenteditable";import"react-dom";import"./utils-283a240e.js";import"./index.styled-93aedd4f.js";import"./index-07063e55.js";const ze=t=>e.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor"},t),e.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"})),Te={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},Se=e=>{var{siteType:a,role:o,title:i,styles:r,className:n}=e,l=b(e,["siteType","role","title","styles","className"]);const{t:s}=x(),d=o?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((t=>t===e)))(o):"",{classes:c,cx:p}=H(void 0,{name:"AuthorBadge",styles:r});return d&&Te[d]?t.createElement("div",Object.assign({className:p(c.root,n),"data-label-type":d,"data-is-marrybaby":"marryBaby"===a},l),i||s(Te[d])):null},Le=e=>{var{label:r,bookingId:n,bookingType:l="doctor",locale:s="vi-VN"}=e,d=b(e,["label","bookingId","bookingType","locale"]);const{t:c}=x(),[p,m]=a(!1),u=o((()=>"undefined"!=typeof window?window.location.href:""),[]),g=i((()=>f(void 0,void 0,void 0,(function*(){var e,t,a,o,i,r,d,c,p,u,g,h,v,b,f;const x="doctor"===l?ye.GET_DOCTOR_DETAIL:"hospital"===l?ye.GET_HOSPITAL_DETAIL:"service"===l?ye.GET_SERVICE_DETAIL:"";try{m(!0);const w=yield Z(q(x,{id:n,site:V[s]}),"get");if(1===(null==w?void 0:w._status)){const n="doctor"===l?{id:null===(t=null===(e=null==w?void 0:w._data)||void 0===e?void 0:e.doctor)||void 0===t?void 0:t.id,slug:null===(o=null===(a=null==w?void 0:w._data)||void 0===a?void 0:a.doctor)||void 0===o?void 0:o.slug,localSlug:null===(i=Ee[s])||void 0===i?void 0:i.DOCTOR}:"hospital"===l?{id:null===(d=null===(r=null==w?void 0:w._data)||void 0===r?void 0:r.branch)||void 0===d?void 0:d.id,slug:null===(p=null===(c=null==w?void 0:w._data)||void 0===c?void 0:c.branch)||void 0===p?void 0:p.slug,localSlug:null===(u=Ee[s])||void 0===u?void 0:u.HOSPITAL}:{id:null===(h=null===(g=null==w?void 0:w._data)||void 0===g?void 0:g.service)||void 0===h?void 0:h.id,slug:null===(b=null===(v=null==w?void 0:w._data)||void 0===v?void 0:v.service)||void 0===b?void 0:b.slug,localSlug:null===(f=Ee[s])||void 0===f?void 0:f.SERVICE};window.location.href=`https://${W?"":"discover."}${V[s]}/care/${n.localSlug}/${n.slug}-${n.id}/`}else m(!1)}catch(e){console.log(e),m(!1)}}))),[]);return n&&l?t.createElement(A,Object.assign({dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:u,onClick:g,loading:p},d),r||c("careBooking.bookAnAppointment")):null},Ve=M.div`
-  --dropdown-padding: 12px 18px 12px 16px;
-  position: relative;
-  box-sizing: border-box;
-  border: 1px solid ${U.colors.gray200};
-  background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
-    no-repeat;
-  background-position: right 16px center;
-  border-radius: ${U.borderRadius};
-
-  &[data-disabled='true'],
-  :disabled {
-    background-color: #f2f2f2;
-    cursor: not-allowed;
-  }
-
-  &[data-size='sm'] {
-    font-size: 13px;
-    line-height: 20px;
-  }
-  &[data-size='md'] {
-    font-size: 14px;
-    line-height: 21px;
-  }
-  &[data-size='lg'] {
-    font-size: 16px;
-    line-height: 24px;
-  }
-
-  &[data-has-icons='true'] {
-    border: none;
-    background: ${U.colors.gray100};
-
-    img,
-    svg {
-      display: inline-block;
-      max-width: 16px;
-      margin-right: 6px;
-    }
-
-    span {
-      display: inline-block;
-      vertical-align: middle;
-    }
-
-    &:hover {
-      box-shadow: none;
-    }
-    > div {
-      position: relative;
-      display: flex;
-      width: 100%;
-      box-sizing: border-box;
-      align-items: center;
-    }
-    > div::after {
-      position: absolute;
-      top: 50%;
-      right: 12px;
-      width: 10px;
-      height: 8px;
-      background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
-      background-repeat: no-repeat;
-      content: '';
-      transform: translateY(-50%);
-    }
-  }
-
-  &:hover {
-    box-shadow: 0 0 2px 2px ${e=>e.shadowColor};
-  }
-
-  &[data-is-native='true'] {
-    padding: var(--dropdown-padding);
-    line-height: 24px;
-
-    &:focus {
-      box-shadow: 0px 0px 2px 2px ${e=>e.shadowColor};
-    }
-  }
-`,Pe=M.div`
-  padding: var(--dropdown-padding);
-  cursor: pointer;
-
-  &.with-label {
-    padding-top: 34px;
-    padding-bottom: 12px;
-  }
-  &[data-dropdown-open] {
-    padding: 11px 15px 11px 15px;
-    border: 1px solid ${e=>e.color};
-    border-radius: ${U.borderRadius};
-    box-shadow: 0 0 2px 2px ${e=>e.shadowColor};
-  }
-`,Fe=M.ul`
-  position: absolute;
-  top: 100%;
-  /* right: 0; */
-  min-width: 100%;
-  left: 0;
-  display: block;
-  margin-top: 4px;
-  background: ${U.colors.white};
-  border-radius: ${U.borderRadius};
-  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),
-    -2px 2px 5px rgba(67, 86, 100, 0.123689);
-  cursor: pointer;
-
-  &[data-has-icons='true'] {
-    border: 1px solid ${U.colors.gray200};
-    background: white;
-    box-shadow: none;
-    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));
-  }
-`,je=M.li`
-  display: flex;
-  padding: 12px 18px 12px 16px;
-  &[data-disabled='true'] {
-    cursor: not-allowed;
-    color: #bfbfbf;
-    & > * {
-      pointer-events: none;
-    }
-  }
-  &:hover,
-  :active {
-    background: ${U.colors.gray100};
-  }
-`,Be=M.div`
-  max-width: 16px;
-  margin-right: 8px;
-`,Oe=M.div`
-  position: absolute;
-  top: 12px;
-  left: 16px;
-  pointer-events: none;
-`,Re=({className:e,value:a,options:o,onChange:i=(()=>{}),id:r,placeholderIcon:n,placeholder:l,style:s,size:c="lg",groupedWithLabel:p,disabled:m,dropdownLabelTrackingAttributes:u={},isNativeSelect:g=!1})=>{const h=d(),[v,b]=t.useState(!1),f=()=>!m&&b(!v);if(g){const e="object"==typeof(null==a?void 0:a.value)&&a.value instanceof Date?a.value.toString():null==a?void 0:a.value;return t.createElement(Ve,{color:h.fn.primaryColor(),shadowColor:h.colors[h.primaryColor][2],as:"select","data-is-native":"true",value:e||void 0,disabled:m,onChange:e=>{if("string"==typeof e.target.value){const t=o.find((t=>t.value===e.target.value));t&&i(t)}}},l&&t.createElement("option",{value:l,disabled:!0,selected:!0},l),o.map((e=>t.createElement("option",{key:`${r}-${e.value}`,value:e.value,disabled:!!e.disabled&&e.disabled},e.label))))}return t.createElement(Ve,{color:h.fn.primaryColor(),shadowColor:h.colors[h.primaryColor][2],className:e,"data-dropdown-open":v||void 0,"data-size":c,id:r,"data-has-icons":!!n,style:s,onBlur:()=>b(!1),tabIndex:0,"data-disabled":m},!!p&&t.createElement(Oe,null,p),t.createElement(Pe,Object.assign({color:h.fn.primaryColor(),shadowColor:h.colors[h.primaryColor][2],onClick:f,className:p&&"with-label"},u),n," ",t.createElement("span",null,a&&a.value?a.label:l)),v&&t.createElement(Fe,{onClick:f,"data-has-icons":!!n},o.map((e=>t.createElement(je,{key:`${r}-${e.value}`,"data-selected":a&&a.value===e.value||void 0,onClick:()=>!e.disabled&&!m&&(null==i?void 0:i(e)),"data-disabled":!!e.disabled&&e.disabled},e.icon&&t.createElement(Be,null,e.icon),e.label)))))},Me=r({}),Ie=({children:e,defaultParams:a})=>t.createElement(Me.Provider,{value:{defaultParams:a}},e),Ue=e=>{const{data:{userInfo:t,env:{togetherBasePath:a}}}=n(G),{defaultParams:o}=n(Me)||{},i=null==t?void 0:t.id,r=t&&"number"==typeof t.communities_interacted&&0===t.communities_interacted;return{authActionWrapper:(t,n)=>{const l=Object.assign(Object.assign(Object.assign({},o),e),n);if(!i||r){i||Ae(X),(null==l?void 0:l._joinCommunityIds)&&(localStorage.setItem("to_join_community_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_community_ids")||"[]")||[]).concat(l._joinCommunityIds).filter(Boolean))))),null==l||delete l._joinCommunityIds),(null==l?void 0:l._joinTopicIds)&&(localStorage.setItem("to_join_topic_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_topic_ids")||"[]")||[]).concat(l._joinTopicIds).filter(Boolean))))),null==l||delete l._joinTopicIds);const e=(null==l?void 0:l._location)||window.location.href;return null==l||delete l._location,window.location.href=Q(e,l,a),null}return t&&t()},params:Object.assign(Object.assign({},o),e)}},De=M.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;
-      }
-    }
-  }
-`,We=r({});var He="vvR-m49";const Ze=({children:e,className:a=""})=>{const{isReplied:o,trackingCategory:i,trackingLabel:r,onLikeClick:l}=n(We);return t.createElement("div",{className:`${He} ${a}`,"data-event-category":i,"data-event-action":o?"Like Comment Click":"Like Post Click","data-event-label":r,onClick:()=>{null==l||l()}},e)},qe=({children:e,className:a=""})=>{const{trackingCategory:o,trackingLabel:i,onShareClick:r}=n(We);return t.createElement("div",{className:`${He} ${a}`,onClick:()=>{null==r||r()},"data-event-category":o,"data-event-action":"Share Icon Click","data-event-label":i},e)},Ge=({children:e,className:a=""})=>{const{isReplied:o,trackingCategory:i,trackingLabel:r,onCommentClick:l}=n(We);return t.createElement("div",{className:`${He} ${a}`,"data-event-category":i,"data-event-action":o?"Reply Comment Click":"Comment Text Click","data-event-label":r,onClick:e=>{e.preventDefault(),e.stopPropagation(),null==l||l()}},e)};var Xe,Qe="UhiT4m5",Ke="oEfeTkV",Ye="OlbikxJ",$e="_9GXHCn3",Je="HCsrR0N",_e="MV3lNuh";!function(e){e[e.post=1]="post",e[e.reply=2]="reply"}(Xe||(Xe={}));const et=e=>{var{type:a,viewCount:o,loveCount:i=0,replyCount:r=0,replyPadding:l,liked:s,isReplied:d,onCommentClick:c,onLikeClick:p,onShareClick:m,className:u,style:g,hideCommentIcon:h,showingMostEngaging:v,isMarryBaby:f,hasShare:w=!0,hasCountLike:k=!0,trackingCategory:A="Together",trackingLabel:N="",children:z}=e,T=b(e,["type","viewCount","loveCount","replyCount","replyPadding","liked","isReplied","onCommentClick","onLikeClick","onShareClick","className","style","hideCommentIcon","showingMostEngaging","isMarryBaby","hasShare","hasCountLike","trackingCategory","trackingLabel","children"]);const{data:{env:{isMarryBaby:S}}}=n(G),L=Boolean(f)?f:S,{t:V}=x();return t.createElement(We.Provider,{value:{liked:s,loveCount:i,trackingCategory:A,trackingLabel:N,isReplied:d,onLikeClick:p,onShareClick:m,onCommentClick:c}},z||t.createElement("div",Object.assign({className:`${Qe} ${u}`,"data-show-most-engaging":v,"data-type":a===Xe.post?"post":"reply","data-reply-padding":a===Xe.reply&&l,"data-is-marrybaby":L,style:g},T),t.createElement("div",{className:Ke},t.createElement("div",{className:Ye},t.createElement(Ze,{className:Je},t.createElement(y,{className:$e,size:"p3",as:"div"},t.createElement(E,{className:"txt-icon",isMarryBaby:L,isSolid:s,color:s?L?U.mbColors.pink:U.colors.red800:"#737373"}),k&&t.createElement("div",{className:_e},i))),w&&t.createElement(qe,{className:Je},t.createElement(y,{size:"p3",className:$e,as:"div"},t.createElement(C.Share,{isMarryBaby:L}))),void 0!==o&&t.createElement(y,{size:"p3",className:$e,as:"div"},t.createElement(C.Eye,{isMarryBaby:L}),t.createElement("div",{className:_e},D(o)))),!h&&t.createElement(Ge,{className:Je},t.createElement(y,{size:"p3",className:$e,as:"div"},d?t.createElement(C.Reply,{className:"txt-icon"}):t.createElement(C.Comment,{className:"txt-icon",isMarryBaby:L}),d?V("cardReactions.reply"):t.createElement("div",{className:_e},V("post.commentCount",{count:r})))))))};et.LikeWrapper=Ze,et.ShareWrapper=qe,et.CommentWrapper=Ge;const tt=c((e=>({wrapper:{display:"flex",flexWrap:"wrap",width:"100%",padding:"0.5rem 0",gap:"0.5rem"},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","*":{pointerEvents:"none"},"&:first-child":{marginLeft:0}},text:{}}))),at=e=>{var{topics:o=[],onClick:i,className:r,style:l,trackingCategory:s="Together",locale:d="vi-VN",classNames:c,styles:p,unstyled:m,shortenedNumber:u=3,shortenedStyle:g}=e,h=b(e,["topics","onClick","className","style","trackingCategory","locale","classNames","styles","unstyled","shortenedNumber","shortenedStyle"]);const{t:v}=x(),{classes:f}=tt(void 0,{name:"TagTopic",classNames:c,styles:p,unstyled:m}),{data:{env:{togetherBasePath:w}},action:{sanitizeFunction:E}}=n(G),[C,k]=a(!g);return t.createElement("div",Object.assign({onClick:i,className:`${f.wrapper} ${r}`,style:l},h),(C?o:o.slice(0,u)).map(((e,a)=>{const o=(null==e?void 0:e.dueDateMonth)&&0!==(null==e?void 0:e.dueDateMonth)&&(null==e?void 0:e.dueDateYear)&&0!==(null==e?void 0:e.dueDateYear);return t.createElement("a",{className:f.item,key:a,"data-event-category":s,"data-event-action":"Topic in Post Click","data-event-label":`${K(d)}${w}${e.url}`,href:e.isActive&&!e.isHidden?`${w}${e.url}/`:void 0},t.createElement(y,{size:"p4"},t.createElement("span",{style:Object.assign({},o&&{textTransform:"capitalize"}),dangerouslySetInnerHTML:{__html:o?`${ce(new Date(2020,Number(e.dueDateMonth)-1,1),"MMMM",{locale:P[d]})}${d===F.Vietnam?"/":" "}${null==e?void 0:e.dueDateYear}`:(null==E?void 0:E(e.name))||e.name}})))})),!C&&o.length>u&&t.createElement("a",{className:f.item,href:"#",onClick:e=>{e.preventDefault(),k(!0)}},t.createElement(y,{size:"p4"},"+",v("tagTopic.moreTopics",{number:o.length-u}))))},ot=M.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16px;
-  cursor: pointer;
-  &[data-color='gray'] {
-    background: ${U.colors.neutral50};
-  }
-  &[data-color='white'] {
-    border-bottom: 1px solid #e4e8ec;
-    background: ${U.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: ${U.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 {
-      ${O.tdUp} {
-        padding-bottom: 1.5rem;
-        margin-bottom: -0.75rem;
-      }
-    }
-  }
-`,it=({label:e,rightLabel:a,onClick:o,color:i,className:r,style:l})=>{const{data:{env:{isMarryBaby:s}}}=n(G);return t.createElement(ot,{"data-is-marrybaby":s,"data-color":i,onClick:o,className:r,style:l},t.createElement(y,{className:"label-sort-pin-heading",size:s?"p4":"p3",weight:"bold"},e),a)};const rt=M.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;
-      } */
-    }
-  }
-`,nt=M.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: ${U.colors.gray800};
-        cursor: pointer;
-        text-align: left;
-        transition: background 0.3s;
-
-        /* for better gtm tracking result  */
-        * {
-          pointer-events: none;
-        }
-        &.--checked {
-          color: ${U.colors.gray500};
-          pointer-events: none;
-        }
-
-        &:hover {
-          background: ${U.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: ${U.mbColors.lightPink};
-          }
-        }
-      }
-    }
-  }
-`,lt=({className:e,style:o,toggleButtonContent:i,position:r="bottom",align:d="end",children:c,buttonProps:p})=>{const{data:{env:{isMarryBaby:m}}}=n(G),[u,g]=a(!1),h=l(null),v=l(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)}}),[]),t.createElement(rt,{"data-is-marrybaby":m,className:e,style:o},t.createElement(pe,Object.assign({theme:m?"marryBaby":"helloSites",className:"popover-menu__btn",size:"md",color:"transparent",onClick:()=>g((e=>!e))},p),i),u?t.createElement("div",{ref:h,className:`popover-menu__content --position-${r} --align-${d}`,tabIndex:0,onClick:e=>e.stopPropagation()},"function"==typeof c?c({setShow:g}):c):null)};const st=e=>{var{data:a}=e,o=b(e,["data"]);return t.createElement(lt,Object.assign({},o),(({setShow:e})=>t.createElement(dt,{data:a,setShow:e})))},dt=({data:e,setShow:i})=>{var r;const[n,l]=a(""),s=o((()=>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(!s)return null;return t.createElement(nt,null,s.isShowheader?t.createElement("div",{className:"__header"},n?t.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:()=>l((e=>e.split(".").slice(0,-1).join("."))),loading:"lazy"}):null,s.title?t.createElement(Y,{className:"__title",tag:"h6"},s.title):null):null,s.description?t.createElement(y,{className:"tree-text-description",color:U.colors.gray600,size:"p3",weight:"regular"},s.description):null,t.createElement("div",{className:"__content"},"jsx"===s.type?null===(r=null==s?void 0:s.jsxRenderer)||void 0===r?void 0:r.call(s,i):null,"list"===s.type?t.createElement("ul",{className:"__list"},Array.isArray(s.list)?s.list.map(((e,a)=>t.createElement("li",{key:a,style:e.style,className:`__item ${e.className}`}," ",t.createElement("div",{className:"__btn "+(e.selected?"--checked":""),onClick:()=>((e,{subTree:t,onClick:a=(()=>null)})=>{a&&a(),t?l((t=>t.split(".").concat(String(e)).join("."))):i&&i(!1)})(a,e),"data-event-category":e.dataEventCategory,"data-event-action":e.dataEventAction,"data-event-label":e.dataEventLabel},e.icon&&t.createElement("img",{className:"__icon",src:e.icon,loading:"lazy"}),t.createElement("span",null,e.label)),e.subTree?t.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",loading:"lazy"}):null,e.selected?t.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",loading:"lazy"}):null))):null):null))};var ct;!function(e){e.latest="latest",e.oldest="oldest",e.popular="popular"}(ct||(ct={}));const pt=({onChange:e,className:a,style:o,leftLabel:i,rightLabel:r,color:l,value:s,choices:d})=>{const{data:{env:{isMarryBaby:c}}}=n(G);return t.createElement(it,{label:i,rightLabel:t.createElement(st,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:d.map((t=>({label:t.label,onClick:()=>e&&e(String(t.value)),selected:t.value===s,className:"bold-item"})))},toggleButtonContent:t.createElement("div",{style:{display:"flex"}},t.createElement(y,{style:{display:"flex",alignItems:"center",fontWeight:"normal",marginRight:12},size:"p4"},r),t.createElement("img",{src:c?"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M8 14L12 18L16 14' stroke='%233E3F58' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath d='M16 10L12 6L8 10' stroke='%233E3F58' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3c/svg%3e":"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.49992 7H11.4998C11.6352 7 11.7525 6.94506 11.8514 6.83509C11.9502 6.72515 11.9999 6.59496 11.9999 6.44449C11.9999 6.29402 11.9503 6.16389 11.8514 6.0538L8.35141 2.16491C8.25252 2.05509 8.13538 2 7.99988 2C7.86437 2 7.74723 2.05509 7.64826 2.16491L4.1483 6.0538C4.04932 6.16377 3.99988 6.29402 3.99988 6.44449C3.99988 6.59493 4.04932 6.72515 4.1483 6.83509C4.24738 6.94506 4.36452 7 4.49992 7Z' fill='%238C8C8C'/%3e%3cpath d='M11.4998 9H4.49992C4.36441 9 4.24727 9.05497 4.1483 9.16482C4.04932 9.2748 3.99988 9.40496 3.99988 9.55543C3.99988 9.7059 4.04932 9.83616 4.1483 9.94607L7.64826 13.835C7.74734 13.9449 7.86448 14 7.99988 14C8.13527 14 8.25252 13.9449 8.35141 13.835L11.8514 9.94604C11.9502 9.83616 11.9999 9.7059 11.9999 9.5554C11.9999 9.40496 11.9503 9.2748 11.8514 9.16479C11.7525 9.05485 11.6352 9 11.4998 9Z' fill='%238C8C8C'/%3e%3c/svg%3e",style:{width:16,height:16,alignSelf:"center"},loading:"lazy"}))}),color:"gray",className:a,style:o})},mt=e=>{var{size:a=15}=e,o=b(e,["size"]);return t.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 15 15",fill:"none"},o),t.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"}),t.createElement("path",{d:"M8.53125 6.34375V4.15625H6.34375V6.34375H4.15625V8.53125H6.34375V10.7188H8.53125V8.53125H10.7188V6.34375H8.53125Z",fill:"#FF5331"}))},ut=e=>{var{size:a,color:o}=e,i=b(e,["size","color"]);return t.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 16 16",fill:"none"},i),t.createElement("path",{d:"M7.29998 8.71005L6.24868 7.64851C6.14527 7.54509 6.02647 7.49338 5.89228 7.49338C5.75811 7.49338 5.63931 7.54509 5.53588 7.64851C5.43247 7.75192 5.38012 7.87179 5.37883 8.00811C5.37756 8.14444 5.42649 8.26217 5.52563 8.36131L6.8782 9.71386C6.99871 9.83437 7.13931 9.89463 7.29998 9.89463C7.46066 9.89463 7.60126 9.83437 7.72177 9.71386L10.4846 6.95105C10.588 6.84764 10.6397 6.72884 10.6397 6.59465C10.6397 6.46047 10.588 6.34167 10.4846 6.23825C10.3812 6.13484 10.2613 6.0842 10.125 6.08633C9.98866 6.08846 9.87093 6.1391 9.77178 6.23825L7.29998 8.71005ZM7.99998 14.2703H7.84293C7.79379 14.2703 7.74913 14.2592 7.70897 14.2369C6.34743 13.7857 5.22222 12.9235 4.33333 11.6504C3.44444 10.3773 3 8.96046 3 7.39978V4.39723C3 4.1451 3.07308 3.91754 3.21923 3.71455C3.36539 3.51155 3.55342 3.36432 3.78333 3.27288L7.5782 1.85621C7.72093 1.80494 7.86153 1.7793 7.99998 1.7793C8.13844 1.7793 8.27903 1.80494 8.42177 1.85621L12.2166 3.27288C12.4465 3.36432 12.6346 3.51155 12.7807 3.71455C12.9269 3.91754 13 4.1451 13 4.39723V7.39978C13 8.96046 12.5555 10.3773 11.6666 11.6504C10.7777 12.9235 9.65253 13.7857 8.291 14.2369C8.23972 14.2592 8.14272 14.2703 7.99998 14.2703Z",fill:o}))};ut.defaultProps={size:24,color:U.colors.gray600,activeColor:U.colors.primaryBase,isActive:!1};var gt="dZWeHns",ht="tMiOKib",vt="uDcqD-2",bt="pDlsows",ft="m-HVXw1";const xt=({children:e,className:a=""})=>t.createElement("div",{className:`${ht} ${a}`},e),wt=({children:e,className:a=""})=>t.createElement("div",{className:`${vt} ${a}`},e);var yt="sTU4T4I",Et="tCql9Je",Ct="_3j7uYhH",kt="PHABgoT";const At=({avatarProps:e,title:a,subTitle:o,children:i,className:r="",style:n,onAvatarClick:l,avatarIcon:s,dataEventCategory:d,dataEventAction:c,dataEventLabel:p})=>t.createElement("div",{className:`${yt} ${r}`,style:n},t.createElement("div",{className:Ct,onClick:l,"data-event-category":d,"data-event-action":c,"data-event-label":p},t.createElement(ue,Object.assign({},e)),s&&t.createElement("div",{className:kt},s)),t.createElement("div",{className:`${Et} ${r}`,style:{minHeight:`${(null==e?void 0:e.size)||40}px`}},i||t.createElement(t.Fragment,null,a&&t.createElement(xt,null,a),o&&t.createElement(wt,null,o))));At.MainText=xt,At.SubText=wt,At.SubDivider=({className:e=""})=>t.createElement("span",{className:`${ft} ${e}`}),At.Row=({children:e,className:a=""})=>t.createElement("div",{className:`${gt} ${a} row`},e),At.ColLeft=({children:e,className:a=""})=>t.createElement("div",{className:`${a} col-left`},e),At.ColRight=({children:e,className:a=""})=>t.createElement("div",{className:`${a} col-right`},e),At.SubTextRow=e=>{var{children:a,className:o=""}=e,i=b(e,["children","className"]);return t.createElement("div",Object.assign({className:`${bt} ${o}`},i),a)};var Nt=c((()=>({root:{},authorBadge:{background:"yellow"}})));const zt=M.div`
-  position: fixed;
-  left: 50%;
-  width: 343px;
-  background-color: ${U.colors.white};
-  border-radius: ${U.borderRadius};
-  box-shadow: 0px 0px 4px ${U.colors.gray200};
-  transform: translate(-50%, -50%);
-  transition: all 0.5s ease-in-out;
-
-  ${O.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 {
-    ${O.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: ${U.colors.primary50};
-    border-radius: ${U.borderRadius};
-    .btn-booking {
-      display: flex;
-      margin: 12px auto;
-    }
-    .avatar-title {
-      position: relative;
-      width: 100%;
-      padding-top: 46px;
-      text-align: center;
-    }
-  }
-`,Tt=M.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;
-  }
-`,St=M.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;
-  }
-`,Lt=M.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;
-  }
-`,Vt=M.ul`
-  padding-left: 18px;
-  li {
-    list-style-type: disc;
-  }
-`;var Pt="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",Ft="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 jt=M.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 1em;
-  button {
-    position: relative;
-  }
-`,Bt=I`
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-`;M.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: ${U.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: ${Bt} 1.2s linear infinite;
-  }
-  &[data-is-marrybaby='true'] {
-    box-shadow: none;
-  }
-`;const Ot=({className:e,size:a="md"})=>{const{t:o}=x();return t.createElement(jt,{className:e},t.createElement(pe,{size:a,color:"transparent",isLoading:!0},o("loading")))},Rt=({isOpen:e=!0,onClose:o,enableAnimation:i=!0,doctorId:r,locale:n,isMobile:l,overwriteProfileProps:d,avatarFallback:c=j.getAssetPath("avatar.jpg"),trackingCategory:p="Together"})=>{var m,u,g;const{t:h}=x(),[v,b]=a(null),[f,w]=a(!1);s((()=>{if(e&&r&&String(null==v?void 0:v.id)!==String(r)){w(!0);try{b(null),Z(q($.GET_DOCTOR_INFO,{doctorId:r,website_url:J[n]}),"get").then((e=>{b(Object.assign(Object.assign({},null==e?void 0:e._data.doctor),d))}))}catch(e){console.error(e)}w(!1)}}),[e,r,null==v?void 0:v.id]);const E=(null==v?void 0:v.experiences)||[],C=((null==v?void 0:v.specialties)||[]).map((e=>(null==e?void 0:e.name)||e)).join(" • "),k=E.map((e=>{try{return JSON.parse(e.description)}catch(t){return e.description}})).filter((e=>e.content));return t.createElement(t.Fragment,null,t.createElement(zt,{"data-open":e,"data-animation":i,onClick:e=>e.stopPropagation()},f||!v?t.createElement(Ot,null):t.createElement("div",{className:"popup-content"},t.createElement("div",{className:"close-button",onClick:o},t.createElement("img",{src:Pt,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),t.createElement("div",{className:"main-info"},t.createElement("div",{className:"border-banner"}),t.createElement("div",{className:"avatar-title"},t.createElement(St,null,t.createElement("div",{className:"image-container"},t.createElement("div",{style:{position:"relative"}},t.createElement(N,{src:null==v?void 0:v.avatar,backupSrc:c,className:"profile-image",alt:"avatar"}),t.createElement("img",{className:"badge-avatar",src:Ft,alt:"badge",loading:"lazy"})))),t.createElement(Lt,null,t.createElement(y,{size:"s3",weight:"semiBold",className:"full-name"},null==v?void 0:v.name),t.createElement("div",{className:"specialty"},C&&t.createElement(t.Fragment,null,t.createElement(y,{size:"p4",color:U.colors.gray800},C," • ")),t.createElement("a",{href:_({id:null===(m=null==v?void 0:v.organization)||void 0===m?void 0:m.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:n}),className:"organisation",target:"_blank",rel:"noreferrer"},t.createElement(y,{size:"p4",className:"organisation",color:U.colors.gray800,style:{textDecoration:"underline"}},null==v?void 0:v.organization.name))))),!l&&t.createElement("div",{className:"btn-wrapper"},t.createElement("a",{href:ee({name:v.name,id:v.id,locale:n})},t.createElement(pe,{color:"primary",size:"md",className:"btn-booking"},h("careBooking.bookAnAppointment"))))),k&&t.createElement(Lt,null,t.createElement("div",{className:"experience"},t.createElement(y,{weight:"bold",size:"s3",color:U.colors.gray800,style:{paddingBottom:16}},h("expert.content.description").toUpperCase()),t.createElement(Vt,null,k.map(((e,a)=>t.createElement("li",{key:a},t.createElement(y,{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)))))),l?t.createElement("div",{className:"btn-wrapper"},t.createElement("a",{href:ee({name:v.name,id:v.id,locale:n})},t.createElement(pe,{color:"primary",size:"md",className:"btn-booking"},h("careBooking.bookAnAppointment")))):t.createElement("a",{href:ee({name:v.name,id:v.id,locale:n})},t.createElement(y,{size:"s4",color:"#2D87F3",style:{paddingTop:24},"data-event-category":p,"data-event-action":"See Full Doctor Profile","data-event-label":K(n)+ee({name:v.name,id:v.id,locale:n})},h("home.seeExpert"))))))),t.createElement(Tt,{"data-open":e,onClick:e=>{e.stopPropagation(),o()}}))},Mt=M.div`
-  position: fixed;
-  left: 50%;
-  width: 343px;
-  background-color: ${U.colors.white};
-  border-radius: ${U.borderRadius};
-  box-shadow: 0px 0px 4px ${U.colors.gray200};
-  transform: translate(-50%, -50%);
-  transition: all 0.5s ease-in-out;
-
-  ${O.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 {
-    ${O.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: ${U.colors.primary50};
-    border-radius: ${U.borderRadius};
-
-    .avatar-title {
-      position: relative;
-      width: 100%;
-      padding-top: 46px;
-      text-align: center;
-    }
-  }
-`,It=M.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;
-  }
-`,Ut=M.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;
-  }
-`,Dt=M.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;
-  }
-`,Wt=M.div`
-  display: flex;
-  margin-top: 8px;
-
-  .bullet-point {
-    width: 24px;
-    height: 24px;
-  }
-`;var Ht="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%2345A4FF' d='M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z'/%3e%3cpath fill='%232D87F3' d='M24 12a12.1 12.1 0 0 0-.128-1.758l-5.077-5.077L5.041 18.958l4.858 4.858c.682.12 1.384.184 2.1.184 6.628 0 12-5.373 12-12Z'/%3e%3cpath fill='white' d='M9.014 17.824 5.04 18.959l1.135-3.973 2.368.47.47 2.368Z'/%3e%3cpath fill='%23F7F9FC' d='M8.544 15.456 5.041 18.96l3.972-1.135-.469-2.368Z'/%3e%3cpath fill='%23E4E8EC' d='M6.467 18.552 5.45 17.533 5.04 18.96l1.426-.407Z'/%3e%3cpath fill='%23D2D6DC' d='m5.957 18.043-.916.916 1.426-.407-.51-.509Z'/%3e%3cpath fill='%23FFD658' d='m15.828 5.331 2.837 2.837-9.651 9.652-2.838-2.837 9.652-9.652Z'/%3e%3cpath fill='%23FFC326' d='m7.594 16.404 9.651-9.651 1.419 1.418-9.652 9.652-1.418-1.419Z'/%3e%3cpath fill='%23FF5331' d='m18.312 8.525-2.837-2.838 1.123-1.123c.44-.44 1.154-.44 1.595 0l1.243 1.243c.44.44.44 1.154 0 1.594l-1.124 1.124Z'/%3e%3cpath fill='%23F44D2C' d='m18.816 5.186-1.921 1.92 1.418 1.419 1.124-1.124c.44-.44.44-1.154 0-1.594l-.622-.621Z'/%3e%3c/svg%3e";const Zt={author:Ht,edtior:Ht,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:Ft},qt=({trackingCategory:e="Together",locale:o,isOpen:i=!0,onClose:r,enableAnimation:n=!0,expertId:l,overwriteProfileProps:d,avatarFallback:c=j.getAssetPath("avatar.jpg")})=>{const{t:p}=x(),[m,u]=a(null),[g,h]=a(!1);return s((()=>{if(i&&l&&String(null==m?void 0:m.user_id)!==String(l)){h(!0);try{u(null),Z(te(ae.GET_EXPERT_BY_ID,{id:l}),"get").then((e=>{u(Object.assign(Object.assign({},null==e?void 0:e.data),d))}))}catch(e){console.error(e)}h(!1)}}),[i,l,null==m?void 0:m.user_id]),t.createElement(t.Fragment,null,t.createElement(Mt,{"data-open":i,"data-animation":n,onClick:e=>e.stopPropagation()},g||!m?t.createElement(Ot,null):t.createElement("div",{className:"popup-content"},t.createElement("div",{className:"close-button",onClick:r},t.createElement("img",{src:Pt,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),t.createElement("div",{className:"main-info"},t.createElement("div",{className:"border-banner"}),t.createElement("div",{className:"avatar-title"},t.createElement(Ut,null,t.createElement("div",{className:"image-container"},t.createElement("div",{style:{position:"relative"}},t.createElement(N,{src:null==m?void 0:m.avatar,className:"profile-image",alt:"avatar",backupSrc:c}),t.createElement("img",{className:"badge-avatar",src:Zt[null==m?void 0:m.role],alt:"badge",loading:"lazy"})))),t.createElement(Dt,null,t.createElement(y,{size:"s3",className:"full-name",weight:"semiBold"},null==m?void 0:m.display_name),t.createElement("div",null,t.createElement(y,{size:"p4",color:U.colors.gray800},null==m?void 0:m.specialty," • "),t.createElement("a",{href:null==m?void 0:m.organisation_url,className:"organisation",target:"_blank",rel:"noreferrer"},t.createElement(y,{size:"p4",className:"organisation",color:U.colors.gray800,style:{textDecoration:"underline"}},null==m?void 0:m.organisation)))))),t.createElement(Dt,null,t.createElement("div",{className:"experience"},t.createElement(y,{weight:"bold",size:"p4",color:U.colors.gray800,style:{paddingBottom:16}},p("expert.content.description").toUpperCase()),t.createElement("div",{className:"list-items"},!!(null==m?void 0:m.experiences)&&m.experiences.filter((e=>!(!e||!e.title&&!e.organization))).slice(0,3).map(((e,a)=>t.createElement(Wt,{key:a},t.createElement("img",{className:"bullet-point",src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='2' fill='%232D87F3'/%3e%3c/svg%3e",alt:"point",loading:"lazy"}),t.createElement("div",{className:"text-contain"},t.createElement(Y,{tag:"h6",color:U.colors.gray800},null==e?void 0:e.title),t.createElement(y,{size:"p2",color:U.colors.gray500},null==e?void 0:e.organization)))))),t.createElement("a",{href:null==m?void 0:m.profile_url,style:{display:"inline-block",paddingTop:24}},t.createElement(y,{as:"span",size:"s4",color:"#2D87F3","data-event-category":e,"data-event-action":"See Full Doctor Profile","data-event-label":K(o)+(null==m?void 0:m.profile_url)},p("home.seeExpert"))))))),t.createElement(It,{"data-open":i,onClick:e=>{e.stopPropagation(),r()}}))},Gt=M.div`
-  position: fixed;
-  left: 50%;
-  width: 343px;
-  background-color: ${U.colors.white};
-  border-radius: ${U.borderRadius};
-  box-shadow: 0px 0px 4px ${U.colors.gray200};
-  transform: translate(-50%, -50%);
-  transition: all 0.5s ease-in-out;
-
-  ${O.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 {
-    ${O.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: ${U.colors.primary50};
-    border-radius: ${U.borderRadius};
-    .btn-booking {
-      display: flex;
-      margin: 12px auto;
-    }
-    .avatar-title {
-      position: relative;
-      width: 100%;
-      padding-top: 46px;
-      text-align: center;
-    }
-  }
-`,Xt=M.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;
-  }
-`,Qt=M.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;
-  }
-`,Kt=M.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%;
-  }
-`,Yt=({isOpen:e=!0,onClose:i,enableAnimation:r=!0,hospitalId:n,locale:l,isMobile:d,overwriteProfileProps:c,avatarFallback:p=j.getAssetPath("avatar.jpg"),trackingCategory:m="Together"})=>{const{t:u}=x(),[g,h]=a(null),[v,b]=a(!1);s((()=>{if(e&&n&&String(null==g?void 0:g.id)!==String(n)){b(!0);try{h(null),Z(q($.GET_HOSPITAL_INFO,{hospital_branch_id:n,website_url:J[l]}),"get").then((e=>{h(Object.assign(Object.assign({},null==e?void 0:e._data.branch),c))}))}catch(e){console.error(e)}b(!1)}}),[e,n,null==g?void 0:g.id]);const f=(null==g?void 0:g.specialties)||[],w=o((()=>f.map((e=>e.name))),[f]);return t.createElement(t.Fragment,null,t.createElement(Gt,{"data-open":e,"data-animation":r,onClick:e=>e.stopPropagation()},v||!g?t.createElement(Ot,null):t.createElement("div",{className:"popup-content"},t.createElement("div",{className:"close-button",onClick:i},t.createElement("img",{src:Pt,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),t.createElement("div",{className:"main-info"},t.createElement("div",{className:"border-banner"}),t.createElement("div",{className:"avatar-title"},t.createElement(Qt,null,t.createElement("div",{className:"image-container"},t.createElement("div",{style:{position:"relative"}},t.createElement(N,{src:null==g?void 0:g.logo,className:"profile-image",alt:"avatar",backupSrc:p}),t.createElement("img",{className:"badge-avatar",src:Ft,alt:"badge",loading:"lazy"})))),t.createElement(Kt,null,t.createElement(y,{size:"s3",weight:"semiBold",className:"full-name"},null==g?void 0:g.name),t.createElement("div",{className:"specialty"},f&&t.createElement(y,{size:"p4",color:U.colors.gray800},w.join(" • "),"•"),t.createElement("a",{href:_({id:g.id,name:g.name,slug:g.slug,locale:l}),className:"organisation",target:"_blank",rel:"noreferrer"},t.createElement(y,{size:"p4",className:"organisation",color:U.colors.gray800,style:{textDecoration:"underline"}},null==g?void 0:g.name))))),!d&&t.createElement("a",{href:_({id:g.id,name:g.name,slug:g.slug,locale:l})},t.createElement("div",{className:"btn-wrapper"},t.createElement(pe,{color:"primary",size:"md",className:"btn-booking"},u("careBooking.bookAnAppointment"))))),t.createElement(Kt,null,t.createElement("div",{className:"experience"},t.createElement(y,{weight:"bold",size:"s3",color:U.colors.gray800,style:{paddingBottom:16}},u("hospital.content.description").toUpperCase()),t.createElement(y,{size:"p2",color:U.colors.gray500},g.about),d?t.createElement("a",{href:_({id:g.id,name:g.name,slug:g.slug,locale:l})},t.createElement("div",{className:"btn-wrapper"},t.createElement(pe,{color:"primary",size:"md",className:"btn-booking"},u("careBooking.bookAnAppointment")))):t.createElement("a",{href:_({id:g.id,name:g.name,slug:g.slug,locale:l})},t.createElement(y,{size:"s4",color:"#2D87F3",as:"span","data-event-category":m,"data-event-action":"See Full Hospital Profile","data-event-label":K(l)+_({id:g.id,name:g.name,slug:g.slug,locale:l})},u("home.seeHospital"))))))),t.createElement(Xt,{"data-open":e,onClick:e=>{e.stopPropagation(),i()}}))};var $t="_2UKyiK1",Jt="E5ga-tI",_t="_8Y2nWXX",ea="d0T7kSP";const ta=({open:e,onClose:a,children:o,profileModalProps:i})=>{const{t:r}=x();return t.createElement(ke,Object.assign({className:$t,opened:e,onClose:a,overlayOpacity:.2,overflow:"inside",styles:{inner:{padding:0,justifyContent:"flex-end"},modal:{height:"100%",borderRadius:0},body:{padding:"24px",maxHeight:"100%"},content:{maxHeight:"100%",height:"100%",borderRadius:0}},title:"Profile"},i),t.createElement("div",{className:Jt},t.createElement("div",{className:_t},r("profilePanel.modal.heading")),t.createElement("div",{className:ea,onClick:a},t.createElement(ze,null))),o)};B.extend(we);const aa=r({}),oa=e=>{const{className:o="",community:i,name:r,username:l,url:d,avatar:c,role:g,title:h,userType:v="user",expertId:b,specialty:f,organisation:w,isMarryBaby:y,doctorId:E,hospitalId:C,hasQuickBooking:k,handleMakeAppointment:A,communityTrackingAttr:N,isAnonymous:T,showDetailPopup:S,subLine:L,authActionWrapper:P,profileProps:F,profileModalProps:B,extendEle:O,avatarProps:M,hideInfo:I,timeText:D,onCloseFromPost:W,avatarIcon:H,badgeIconSize:Z,hideBackground:q,children:X,styles:Q,dataEventCategory:K,dataEventAction:Y,dataEventLabel:$}=e,{data:{locale:J,router:_,env:{isMarryBaby:ee,togetherBasePath:te}}}=n(G),{isMobile:ae}=z(),{t:oe}=x(),{classes:ie}=Nt(void 0,{name:"CardAuthor",styles:Q}),re="boolean"==typeof y?y:ee,ne=re?"marryBaby":"helloSites",le=T?oe("cardPost.anonymous"):r||l||"",se=T?j.getAssetPath("avatar.jpg"):c,de=T?void 0:g,[ce,pe]=a(!1),{asPath:me}=_||{},ue=`https://${V[J]}${me}`,ge=()=>{if(T||"chatbot"===v)return!1;S?ve(!0):d&&(window.location.href=d)};s((()=>{R(ce)}),[ce]);const[he,ve]=a(!1),be="expert"===(null==e?void 0:e.role),fe=Boolean(E||C),xe=["expert"===de&&w&&t.createElement("span",null,w),"expert"===de&&f&&t.createElement("span",null,f),!("expert"===de&&f&&w)&&(null==i?void 0:i.name)&&t.createElement("a",Object.assign({href:(null==i?void 0:i.slug)&&i.isActive&&!i.isHidden?`${te}/${null==i?void 0:i.slug}/`:void 0,className:"author-community-name"},N),`${null==i?void 0:i.name}`),D&&t.createElement("span",null,D)].filter(Boolean),[we,ye]=a(null);return s((()=>{he&&!we&&Promise.resolve().then((function(){return mi})).then((e=>{ye((()=>e.ProfileDetail))}))}),[he]),t.createElement(aa.Provider,{value:{handleMakeAppointment:A,doctorId:E,hospitalId:C,currentUrl:ue}},t.createElement(ta,{open:he,onClose:()=>ve(!1),profileModalProps:B},we&&t.createElement(we,Object.assign({currentPageUrl:$,authActionWrapper:P,onCloseFromPost:()=>{ve(!1),null==W||W()}},F,{authorProps:Object.assign({userId:null==e?void 0:e.userId,avatar:se,name:null==e?void 0:e.name,role:null==e?void 0:e.role,title:null==e?void 0:e.title,doctorId:E,hospitalId:C,hasQuickBooking:k},null==F?void 0:F.authorProps)}))),"expert"===de&&b?t.createElement(qt,{isOpen:ce,onClose:()=>pe(!1),expertId:b}):null,"expert"===de&&E?t.createElement(Rt,{isOpen:ce,onClose:()=>pe(!1),doctorId:E,locale:J}):null,"expert"===de&&C?t.createElement(Yt,{isOpen:ce,onClose:()=>pe(!1),hospitalId:C,locale:J}):null,t.createElement("div",{className:`hhg-card-author ${ie.root} ${o} ${be?"expert-author":""}`,"data-background":!q&&be,"data-is-marrybaby":re},t.createElement(At,{dataEventCategory:K,dataEventAction:Y,dataEventLabel:$,onAvatarClick:ge,avatarProps:Object.assign(Object.assign({avatar:T?j.getAssetPath(re?"anomyous-avatar-1.svg":"anomyous-avatar.svg"):se,username:le},M),{style:{cursor:T||!d&&!S?"default":"pointer"}}),avatarIcon:H||be&&t.createElement(mt,{size:Z||15})},X?t.createElement("div",{onClick:ge},X):!I&&t.createElement(At.Row,null,t.createElement(At.ColLeft,null,t.createElement(p,{align:"center",onClick:ge},t.createElement(At.MainText,{onClick:ge},le,"chatbot"===v?t.createElement(t.Fragment,null," ",t.createElement(ut,{color:U.colors.primaryBase,size:16,style:{display:"inline-block",transform:"translate(0, 2px)"}})):de&&t.createElement(Se,{className:ie.authorBadge,siteType:ne,role:de,title:h,style:{verticalAlign:"bottom"}}))),L||t.createElement(At.SubTextRow,{style:k?{position:"relative"}:{}},xe.map(((e,a)=>t.createElement(t.Fragment,null,0!==a&&t.createElement(At.SubDivider,null),t.createElement(At.SubText,null,e)))),k&&fe&&t.createElement(m,{sx:{marginTop:u(5)}},t.createElement(Le,{bookingId:E||C,bookingType:E?"doctor":C?"hospital":void 0,size:ae?"xs":"sm"})))))),O&&O))};oa.MainText=At.MainText,oa.SubText=At.SubText,oa.SubTextRow=At.SubTextRow,oa.SubDivider=At.SubDivider;const ia=M.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: ${U.colors.gray600};
-      /* font-family: 'Open Sans', sans-serif; */
-      font-size: 13px;
-      font-weight: bold;
-    }
-
-    .input-group-label {
-      margin-bottom: 5px;
-      color: ${U.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: ${U.colors.neutral50};
-
-    &.askdoctor-switch {
-      background: ${U.colors.primary50};
-      &.mb-color {
-        background: ${U.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: ${U.colors.gray800};
-      margin-left: 10px;
-    }
-  }
-`,ra=M.div`
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: space-between;
-  padding: 12px 16px;
-  border-radius: 8px;
-  background: ${U.colors.primary50};
-
-  &[data-is-marry-baby='true'] {
-    background: ${U.mbColors.tonePink};
-  }
-  .switch-label {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-  }
-  margin-bottom: 12px;
-`,na=M.div`
-  margin-bottom: 12px;
-  color: ${U.colors.red700};
-  svg {
-    margin-right: 5px;
-  }
-  svg,
-  span {
-    vertical-align: middle;
-  }
-`,la=/<mocka ([^>]*)data-url="true"[^<>]*>(.*?)<\/mocka>/gim,sa=/((?:=")|(?:data-url="true">)|)(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))/gim,da=/\[a\+href="([^<"]+)"(?:\+text=\"([^<"]+)")?\]/gim,ca=/<mention [^>]*data-id="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,pa=/<mention [^>]*data-id="([^<"]+)" [^\>]*data-name="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,ma=/\[mention\+id="([^<"]+)"([^\]]*)\]/gim,ua=/^(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,ga=/^((https?:\/\/)?(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,ha=/<a [^>]*href="([^>"]+)"[^>]*>([^<]+)<\/a>/gim,va=/<mocka [^\>]*data-bad-word="[^\"]*" [^\>]*data-error="true"[^\>]*>(.*?)<\/mocka>/gim,ba=({url:e,text:t,method:a})=>{const o=t.indexOf(t.trimStart()),i=t.trimEnd().length,r=t.substring(0,o),n=t.substring(o,i),l=t.substring(i);return"edit"===a?`${r}<mocka data-href="${e}" data-url="true">${n}</mocka>${l}`:"display"===a&&(e.startsWith("http://")||e.startsWith("https://"))?`${r}<a href="${e}" target="_blank">${n}</a>${l}`:t},fa=(e,t)=>e.replace(da,((e,a,o)=>ba({text:o||a,url:a,method:t}))).replace(ha,((e,a,o)=>ba({text:o||a,url:a,method:t}))),xa=(e,t=[])=>e.replace(ma,((e,a,o)=>{const i=t.find((e=>String(e.id)===a));if(!i){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="${i.name}">${i.name}</mention>`})),wa=e=>{const t=[];return e.replace(/(\&amp;)+/g,"&").replace(sa,((e,a,o)=>('="'!==a&&'data-url="true">'!==a&&t.push(o),e))),t},ya=(e,t)=>{const a=[];return e.replace(ca,((e,t)=>(a.push(t),e))).replace(ma,((e,t)=>(a.push(t),e))),t?a:Array.from(new Set(a)).slice(0,30)},Ea=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),Ca=e=>e.replace(va,"$1"),ka=(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(sa,((e,t,a)=>'="'!==t&&'data-url="true">'!==t?`<a href="${a}" target="_blank">${a}</a>`:e)).replace(la,((e,t,a)=>{var o;const i=null===(o=t.match(/data-href="([^"]*)"/im))||void 0===o?void 0:o[1];return i?`<a href="${i}" target="_blank">${a}</a>`:`<a href="${a}" target="_blank">${a}</a>`})))})((e=>e.replace(ca,((e,t,a)=>`[mention+id="${t}"+name="${a}"]`)))(Ca(e)),t),Aa=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn"],Na=e=>e.match(ga)?e.startsWith("https://")||e.startsWith("http://")?e:`https://${e}`:"",za=(e,t)=>{const a=t.filter(Boolean);if(e&&a.length>0){return Ca(e).replace(new RegExp(`\\b(${a.map((e=>Ea(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},Ta=e=>{var t;if(!e.includes("youtu"))return"";return(null===(t=/(.*?)(^|\/|v=)([a-z0-9_-]{11})(.*)?/gim.exec(e))||void 0===t?void 0:t[3])||""},Sa=(e,t,a)=>"string"==typeof e?Promise.resolve(e):f(void 0,void 0,void 0,(function*(){var o;const i=new FormData;if(e.type.startsWith("image/gif"))i.append("image",e);else{const t=yield import("browser-image-compression"),a=yield t.default(e,{maxSizeMB:.4,maxWidthOrHeight:1536,useWebWorker:!0});i.append("image",a)}const r=a?ne:le,n=yield r(oe(a?ie.COMMENT.IMAGE_UPLOAD:re.COMMENT.IMAGE_UPLOAD,{_locale:t}),"POST",{data:i});return(null===(o=null==n?void 0:n.data)||void 0===o?void 0:o.image)||""})),La=M.div`
-  input:focus,
-  textarea:focus,
-  [contenteditable='true'] {
-    outline: none;
-  }
-
-  .textarea-control {
-    position: relative;
-    border: 1px solid ${U.colors.gray200};
-    border-radius: ${U.borderRadius};
-    &.--focus {
-      border-color: ${U.colors.primaryBase};
-      box-shadow: 0px 0px 2px 2px ${U.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 ${U.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: ${U.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: ${U.colors.gray600};
-    /* font-family: 'Open Sans', sans-serif; */
-    font-size: 13px;
-    font-weight: bold;
-  }
-
-  .count-string {
-    margin-top: 5px;
-    color: ${U.colors.gray500};
-    font-size: 11px;
-    text-align: right;
-  }
-
-  .input-notification {
-    display: flex;
-
-    & > img {
-      width: 16px;
-      height: 16px;
-      margin-top: 1.5px;
-      margin-right: 8px;
-    }
-  }
-`,Va=M.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 ${U.mbColors.pink};
-                  background-color: ${U.mbColors.pink};
-                  &:hover:not(:disabled) {
-                    border: solid 2px ${U.mbColors.pink};
-                    background-color: ${U.colors.white};
-                    color: ${U.mbColors.pink};
-                  }
-                }
-              }
-            }
-            .link-input-button {
-              width: auto;
-              height: auto;
-              padding: 0.4rem 1rem;
-              background-color: ${U.colors.primaryBase};
-
-              &:disabled {
-                border-color: #bfbfbf;
-                background-color: #bfbfbf;
-                color: #fff;
-                cursor: not-allowed;
-              }
-              &:hover:not(:disabled) {
-                background-color: ${U.colors.primaryHover};
-              }
-            }
-            .error-text {
-              padding: 0;
-              margin-bottom: 0.5rem;
-              font-weight: 600;
-              color: ${U.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: ${U.borderRadius};
-      color: ${U.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: ${U.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: ${U.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: ${U.colors.gray100};
-      }
-      .search-avatar {
-        width: 40px;
-        height: 40px;
-        font-size: 20px;
-        margin-right: 20px;
-      }
-    }
-  }
-`;let Pa=null;function Fa(e){var t,a;let o=-1;if(void 0!==window.getSelection){const i=window.getSelection();if((null==i?void 0:i.rangeCount)&&(null==i?void 0:i.rangeCount)>0){const i=null===(t=window.getSelection())||void 0===t?void 0:t.getRangeAt(0);if(i){const t=i.cloneRange();t.selectNodeContents(e),t.setEnd(i.endContainer,i.endOffset),o=ja(t.cloneContents().childNodes,o);const r=null===(a=i.endContainer.parentElement)||void 0===a?void 0:a.closest("mocka"),n=i.endContainer.nodeValue||i.endContainer.outerHTML;r&&(null==n?void 0:n.length)&&(o=o-i.endOffset+(r.outerHTML.length-(null==r?void 0:r.outerHTML.lastIndexOf(n))))}}}return o}function ja(e,t){return e.forEach(((a,o)=>{const i=o+1===e.length;if(a.nodeType===Node.ELEMENT_NODE){const e=a.outerHTML;if(!i)return void(t+=e.length);t+=e.indexOf(">")+1,t=ja(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}f(void 0,void 0,void 0,(function*(){if("undefined"==typeof window)return;const e=yield import("react-quill");Pa=e.default;const t=e.Quill||Pa.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 i extends a{static create(e){if(!e)return super.create(!1);const t=super.create(e);return i.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"]))}}i.blotName="mention",i.tagName="mention",t.register(i)}));const Ba=(e,t)=>{var a;const{formatUrl:o,bannedWords:i=[]}=t||{},r=e.replace(/<font [^\>]*>(.+)<\/font>/gim,((e,t)=>t.replace(/<u[^\>]*>(.+)<\/u>/gim,"$1"))).replace(pa,((e,t,a,o)=>{if(o!==a){const e=a.split(" "),i=e.findIndex(((t,a)=>{const i=e.slice(0,a+1).join(" ");return!o.startsWith(i)}));if(0===i)return`@${o}`;{const a=(i<0?e:e.slice(0,i)).join(" "),r=o.slice(a.length).trim();return console.log(i,a,r),`<mention data-id="${t}" data-name="${a}">${a}</mention> ${r} `}}return e}));if(!o)return{value:za(r,i)};let n=(e=>e.replace(va,((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(la,((e,t,a)=>{var o;const i=null===(o=t.match(/data-href="([^"]*)"/im))||void 0===o?void 0:o[1];return!i||i===a||a.match(ua)?a:i?`<a href="${i}">${a}</a>`:`<a href="${a}">${a}</a>`})).replace(sa,((e,t,a)=>{if('="'!==t&&'data-url="true">'!==t){const e=a.toLowerCase(),t=`${e.startsWith("http")?"":" https://"}${e}`;return ba({text:t,url:t,method:"edit"})}return e})).replace(ha,((e,t,a)=>ba({text:a||t,url:t,method:"edit"})))})(r));const l=(e=>{var t;return[...wa(e),...(null===(t=e.match(la))||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],i=null===(a=e.match(/>(.*?)<\/mocka>/im))||void 0===a?void 0:a[1];return o||i})))||[]].filter((e=>!!e))})(r);if(l){const e=[];let t="";return l.forEach((t=>{if(t)try{const a=new URL(t);Aa.some((e=>a.origin.endsWith(e)))||e.push(t)}catch(a){e.push(t)}})),e.length>0&&(n=n.replace(new RegExp(`data-url="true">(${e.map(Ea).join("|")})<`,"gi"),'data-error="true" data-url="true">$1<').replace(new RegExp(`data-href="(${e.map(Ea).join("|")})" data-url="true">`,"gi"),'data-href="$1" data-error="true" data-url="true">')),t=null===(a=l.filter((t=>-1===e.indexOf(t))))||void 0===a?void 0:a[0],{invalidUrls:e,previewUrl:t,value:za(n,i)}}return{value:za(n,i)}},Oa=({html:e,onChange:o,className:r,style:d,onImagePickerClick:c,bannedWords:p=[],onInvalidUrlsChange:m,onPreviewUrlChange:u,setEditorRef:g,isReplying:h})=>{var v,b,x,E;const C=l([]);C.current=p;const[k,A]=a([]),[N,z]=a(null),{data:{locale:T}}=n(G),S=(null==p?void 0:p.join(","))||"";s((()=>{var e,t;const a=null===(t=null===(e=R.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root.innerHTML;P(a)}),[S]);const L=e=>{N&&N.url===e||(z({url:e,isFetching:!0}),Z(oe(re.FETCH_PREVIEW,{_locale:T}),"POST",{data:{link:e}}).then((t=>{var a,o,i,r;z({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===(i=null==t?void 0:t.data)||void 0===i?void 0:i.image)||(null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.logo),url:e})})).catch((()=>{z(null)})))},V=l(L);V.current=L;const P=i(Ce((e=>{if(e){const t=Ba(e,{bannedWords:C.current,formatUrl:!0}),{invalidUrls:a,previewUrl:i,value:r}=t;a&&A(a),i?V.current(i):z(null),r!==e&&(null==o||o(r))}}),500),[]);s((()=>{m&&m(k)}),[k]),s((()=>{u&&((null==N?void 0:N.url)?u({title:N.title||"",url:N.url||"",image:N.image||"",description:N.description||""}):u(null))}),[N]);const F=l(c);F.current=c;const j=w(),B=l({toolbar:{handlers:{image:()=>{var e;return null===(e=F.current)||void 0===e?void 0:e.call(F)},link:()=>!1},container:"#toolbar-"+j},preserveWhiteSpace:!0}),O=l(-1),R=l(null);g&&(null===(b=null===(v=R.current)||void 0===v?void 0:v.getEditor())||void 0===b?void 0:b.root)&&g(null===(E=null===(x=R.current)||void 0===x?void 0:x.getEditor())||void 0===E?void 0:E.root);const M=()=>{var e,t,a,o,i,r,n,l;if(null===(t=null===(e=R.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root){const e=Fa(null===(o=null===(a=R.current)||void 0===a?void 0:a.getEditor())||void 0===o?void 0:o.root),t=null===(r=null===(i=R.current)||void 0===i?void 0:i.getEditor())||void 0===r?void 0:r.root.innerHTML;if(e>=0&&e<t.length){if(ya(t,!0).length<30-(h?1:0)){const e=function(e){var t,a;let o=null;if(void 0!==window.getSelection){const i=window.getSelection();if((null==i?void 0:i.rangeCount)&&(null==i?void 0:i.rangeCount)>0){const i=null===(t=window.getSelection())||void 0===t?void 0:t.getRangeAt(0);if(i){const t=i.cloneRange();t.selectNodeContents(e),t.setEnd(i.endContainer,i.endOffset);const r=(t.endContainer.nodeValue||"").substring(0,i.endOffset),n=r.lastIndexOf("@");if(n+1<r.length&&(0===n||" @"===r.slice(n-1,n+1))){const e=null===(a=r.slice(n+1))||void 0===a?void 0:a.trim();if(e){t.setStart(i.endContainer,n);const a=t.cloneRange();a.setStart(a.endContainer,n),o={name:e,rect:t.getBoundingClientRect(),replaceRange:a}}}}}}return o}(null===(l=null===(n=R.current)||void 0===n?void 0:n.getEditor())||void 0===l?void 0:l.root);e?(H(e.name,e.rect),K.current=e.replaceRange):(K.current=null,H("",null))}else K.current=null,H("",null);O.current=e}}else U([])},[I,U]=a([]),[D,W]=a({top:0,left:0}),H=i(Ce(((e,t,a)=>f(void 0,void 0,void 0,(function*(){var o,i,r,n;if(!e||!DOMRect)return U([]);const l=yield((null===(o=Ne(X))||void 0===o?void 0:o.length)||0)>0?le(oe(re.SEARCH_USER,{_locale:T,name:e}),"get"):ne(oe(ie.SEARCH_USER,{_locale:T,name:e}),"get");J(0),U(null===(r=null===(i=null==l?void 0:l.data)||void 0===i?void 0:i.users)||void 0===r?void 0:r.filter((e=>!(null==a?void 0:a.includes(String(e.id))))));const s=t,d=null===(n=Q.current)||void 0===n?void 0:n.getBoundingClientRect();if(s&&d){const e=343,t=256,a={top:s.bottom-d.top,width:"min(343px, 100%)",maxHeight:t};d.width-(s.left-d.left)<e?a.right=0:a.left=s.left-d.left,W(a)}}))),500),[]),q=(e,t)=>{var a,o,i;if(K.current){K.current.deleteContents();const r=document.createElement("mention");r.setAttribute("data-id",e),r.setAttribute("data-name",t),r.innerText=t;const n=document.createTextNode(" ");K.current.insertNode(n),K.current.insertNode(r);(null===(o=null===(a=R.current)||void 0===a?void 0:a.getEditor())||void 0===o?void 0:o.root).focus();const l=null===(i=window.getSelection())||void 0===i?void 0:i.getRangeAt(0);null==l||l.setStart(K.current.endContainer,K.current.endOffset),null==l||l.setEnd(K.current.endContainer,K.current.endOffset)}U([])},Q=l(null),K=l(null),Y=l(null),[$,J]=a(0);return s((()=>{if(Y.current){const e=Y.current,t=e.children.item($);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)}}}),[$]),s((()=>{const e=function(e){var t;(null===(t=Q.current)||void 0===t?void 0:t.contains(e.target))||U([])};return window.addEventListener("click",e,{passive:!0}),()=>{window.removeEventListener("click",e)}}),[]),t.createElement(Va,{ref:Q,className:r,style:d,onKeyDownCapture:e=>{if(null==I?void 0:I.length){let t=!1;if("ArrowDown"===e.key)t=!0,J((e=>e+1>=I.length?0:e+1));else if("Escape"===e.key)t=!0,J(0),U([]);else if("ArrowUp"===e.key)t=!0,J((e=>e-1<0?I.length-1:e-1));else if("Enter"===e.key||"Tab"===e.key){const e=I[$];e&&(t=!0,q(e.id,e.name))}if(t)return e.preventDefault(),!1}}},t.createElement(Ra,{id:j,onAddLink:(e,t)=>{var a,i;const r=O.current+1,n=null===(i=null===(a=R.current)||void 0===a?void 0:a.getEditor())||void 0===i?void 0:i.root.innerHTML,l=((null==n?void 0:n.substring(0,r))||"")+`<mocka data-href="${t}" data-url="true">${e}</mocka> `+((null==n?void 0:n.substring(r))||"");null==o||o(l),P(l)}}),Pa&&t.createElement(Pa,{ref:R,theme:"snow",value:e,onChange:e=>{null==o||o(e),P(e),M()},onChangeSelection:()=>{M()},modules:B.current,formats:["mocka1","mention","id","key","bold","italic","underline","list","bullet"]}),!!(null==I?void 0:I.length)&&t.createElement("div",{ref:Y,className:"mention-search-container",style:D},I.map(((e,a)=>t.createElement("div",{className:"mention-search-item "+($===a?"item-selected":""),key:e.id,onClick:t=>{t.preventDefault(),t.stopPropagation(),q(e.id,e.name)},onMouseEnter:()=>{J(a)}},t.createElement(ue,{className:"search-avatar",username:e.name,avatar:e.avatar}),t.createElement("div",null,t.createElement(y,{size:"p2"},e.name),t.createElement(y,{size:"p4",color:"#595959"},"@",e.username)))))))},Ra=({onAddLink:e,id:a})=>t.createElement("div",{id:"toolbar-"+a,onClick:e=>{e.preventDefault(),e.stopPropagation()}},t.createElement("span",{className:"ql-formats"},t.createElement("button",{className:"ql-bold",type:"button"}),t.createElement("button",{className:"ql-italic",type:"button"}),t.createElement("button",{className:"ql-underline",type:"button"})),t.createElement("span",{className:"ql-formats"},t.createElement("button",{className:"ql-list",value:"ordered",type:"button"}),t.createElement("button",{className:"ql-list",value:"bullet",type:"button"})),t.createElement("span",{className:"ql-formats"},t.createElement("button",{className:"ql-image",type:"button"}),e&&t.createElement(lt,{className:"link-tool-wrapper",toggleButtonContent:t.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",loading:"lazy"}),buttonProps:{size:"md",color:"transparent"},align:"end"},(({setShow:a})=>t.createElement(Ia,{onAddUrl:e,setShow:a}))))),Ma=["notification.limitUrlDomain","notification.urlWrongFormat"],Ia=({onAddUrl:e,setShow:o})=>{const{data:{env:{isMarryBaby:i}}}=n(G),{t:r}=x(),[l,s]=a(""),[d,c]=a(""),[p,m]=a(-1),u=l.trim()&&d.trim()&&p<0;return t.createElement("div",{className:"link-tool-popover"},t.createElement(me,{name:"url",value:l,size:"md",label:"URL",placeholder:r("placeholder.enterUrlHere"),type:"text",className:"link-input-url",onChange:e=>{s(e),(e=>{const t=Na(e.trim());try{const e=new URL(t);return e.protocol.startsWith("http")?Aa.some((t=>e.origin.endsWith("/"+t)||e.origin.endsWith("."+t)))?(m(-1),!0):(m(0),!1):(m(1),!1)}catch(e){return m(1),!1}})(e)}}),p>=0&&t.createElement(y,{size:"c2",className:"error-text"},r(Ma[p])),t.createElement(me,{name:"text",value:d,size:"md",label:r("createPost.urlText"),placeholder:r("placeholder.enterUrlTextHere"),type:"text",className:"link-input-text",onChange:e=>c(e)}),t.createElement("div",{"data-is-marrybaby":i,className:"link-input-button-wrapper"},t.createElement(pe,{theme:i?"marryBaby":"helloSites",size:"sm",color:"primary",className:"link-input-button",onClick:()=>{u&&(e(d.trim(),Na(l.trim())),o&&o(!1))},isDisabled:!u},r("insert"))))},Ua=M.div`
-  input:focus,
-  textarea:focus,
-  [contenteditable='true'] {
-    outline: none;
-  }
-
-  .title-input {
-    overflow: hidden;
-    width: 100%;
-    padding: 12px 16px;
-    border: solid 1px #d9d9d9;
-    border-radius: ${U.borderRadius};
-    font-size: 16px;
-    line-height: 1.2;
-    white-space: nowrap;
-    :focus {
-      border-color: ${U.colors.primaryBase};
-      box-shadow: 0px 0px 2px 2px ${U.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: ${U.colors.gray600};
-    font-size: 13px;
-    font-weight: bold;
-  }
-
-  .count-string {
-    margin-top: 5px;
-    color: ${U.colors.gray500};
-    font-size: 11px;
-    text-align: right;
-  }
-`,Da=M.div`
-  display: flex;
-  width: 100%;
-  flex-wrap: wrap;
-  margin-top: 1rem;
-
-  .tag-item {
-    min-height: 32px;
-    padding: 5px 12px;
-    border: 1px solid ${U.colors.neutral100};
-    margin-right: 1rem;
-    margin-bottom: 8px;
-    border-radius: 1rem;
-    color: ${U.colors.gray800};
-    cursor: pointer;
-    font-size: 13px;
-    line-height: 22px;
-    transition: all 0.2s;
-
-    &.--active {
-      border-color: ${U.colors.primary50};
-      background: ${U.colors.primary50};
-      color: ${U.colors.primaryBase};
-    }
-    &[data-disabled='true'] {
-      background: ${U.colors.gray100};
-      color: ${U.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;
-      }
-    }
-  }
-`,Wa=M.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: ${U.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: ${U.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'] {
-          ${O.mbDown} {
-            top: 100%;
-            transform: translate(-50%, -100%);
-            max-width: unset;
-            width: 100%;
-            background: unset;
-            overflow: unset;
-          }
-        }
-      }
-      .popup-content {
-        .close-button {
-          ${O.mbDown} {
-            display: none;
-          }
-        }
-        .confirm-dialog {
-          ${O.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;
-            ${O.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 {
-        ${O.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;
-            }
-          }
-          ${O.mbDown} {
-            display: flex;
-          }
-        }
-      }
-    }
-  }
-`,Ha=e=>{var{size:a,color:o,isExpand:i,useCurrentColor:r,isActive:n,activeColor:l}=e,s=b(e,["size","color","isExpand","useCurrentColor","isActive","activeColor"]);const d=r?"currentColor":n?l:o,c=Object.assign({width:a,height:a},s);return i?t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none"},c),t.createElement("path",{d:"M15.1801 4C14.6212 4 14.3418 4.67561 14.7373 5.07108L16.0864 6.42229L6.42229 16.0864L5.07108 14.7373C4.67561 14.3418 4 14.6212 4 15.1801V19.3718C4 19.7187 4.28026 20 4.62617 20H8.81987C9.37881 20 9.6582 19.3244 9.26272 18.9289L7.91357 17.5777L17.5777 7.91357L18.9289 9.26272C19.3244 9.6582 20 9.37881 20 8.81987V4.62617C20 4.28026 19.7187 4 19.3718 4H15.1801Z",fill:d})):t.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 14 14",fill:d},s),t.createElement("path",{d:"M9.64991 0.333008C9.18412 0.333008 8.9513 0.896013 9.28086 1.22558L10.4052 2.35159L2.35171 10.405L1.2257 9.28074C0.896135 8.95118 0.33313 9.184 0.33313 9.64979V13.1428C0.33313 13.432 0.566681 13.6663 0.854939 13.6663H4.34969C4.81547 13.6663 5.04829 13.1033 4.71873 12.7738L3.59444 11.6478L11.6479 3.59432L12.7739 4.71861C13.1035 5.04817 13.6665 4.81535 13.6665 4.34957V0.854817C13.6665 0.566559 13.4321 0.333008 13.1429 0.333008H9.64991Z"}))};Ha.defaultProps={size:24,color:U.colors.gray600,activeColor:U.colors.primaryBase};const Za=M.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 ${U.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&&"\n      & > div[data-open] {\n        width: 100%;\n        height: 100%;\n        max-width: none;\n        max-height: none;\n      }\n    "}
-
-  ${e=>e.hasFullscreen&&"\n      & > div[data-open] {\n        transition: all 0.5s ease-in-out, width 0s, height 0s;\n      }\n    "}
-`,qa=M.div`
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-`;var Ga="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 Xa=({className:e,style:o,closeIcon:i,heading:r="",children:n,isOpen:l=!1,hasFullscreen:s=!1,onClose:d=(()=>null)})=>{const[c,p]=a(!1);return t.createElement(Za,{className:e,style:o,isExpand:c,hasFullscreen:s},t.createElement(ge,{type:"confirm",onClose:d,isOpen:l,closeIcon:i||t.createElement("img",{src:Ga,loading:"lazy"}),enableAnimation:!s},t.createElement("div",{className:"header"},t.createElement(Y,{tag:"h5"},r),s&&t.createElement(qa,{onClick:()=>p(!c)},t.createElement(Ha,{size:14,isExpand:c}))),t.createElement("div",{className:"content"},"function"==typeof n?n(c):n)))},Qa=M.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: ${U.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: ${U.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 ${U.colors.gray200};
-        border-radius: ${U.borderRadius};
-
-        &:active,
-        &:focus {
-          border-color: ${U.colors.primaryBase};
-          box-shadow: 0px 0px 2px 2px ${U.colors.primary200};
-        }
-
-        &:disabled {
-          background-color: ${U.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: ${U.sizes.fwRegular};
-          ${O.mbDown} {
-            font-size: 22px;
-            line-height: 1.2;
-          }
-
-          ${O.mbUp} {
-            font-size: 26px;
-            line-height: 1.2;
-          }
-        }
-      }
-      &[data-size='md'] {
-        .as-input {
-          font-weight: ${U.sizes.fwRegular};
-          line-height: 22px;
-          ${O.mbDown} {
-            font-size: 14px;
-            line-height: 1.2;
-          }
-
-          ${O.mbUp} {
-            font-size: 16px;
-            line-height: 1.2;
-          }
-        }
-      }
-      &[data-size='sm'] {
-        .as-input {
-          font-weight: ${U.sizes.fwRegular};
-          line-height: 20px;
-          ${O.mbDown} {
-            font-size: 13px;
-            line-height: 1.5;
-          }
-
-          ${O.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: ${U.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;
-      }
-    }
-  }
-`,Ka=r({}),Ya=M.a`
-  * {
-    pointer-events: none;
-  }
-`,$a=M.div`
-  padding: 1rem;
-  .share__social {
-    display: flex;
-    width: 100%;
-    align-items: center;
-    justify-content: center;
-
-    & > ${Ya} {
-      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 ${U.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 ${U.colors.gray200};
-      background: #fff;
-      border-radius: ${U.borderRadius};
-
-      & > input {
-        width: 100%;
-        height: 100%;
-        padding: 0 16px;
-        border: none;
-        background: transparent;
-        color: ${U.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: ${U.colors.primaryBase};
-        cursor: pointer;
-        font-size: 14px;
-        font-weight: 400;
-      }
-    }
-  }
-
-  &[data-is-marrybaby='true'] {
-    ${O.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;
-        ${O.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 Ja=({className:e,trackingCategory:o="Together",style:i,shareUrl:r,title:d})=>{const{action:{pushNotifications:c},data:{env:{isMarryBaby:p}}}=n(G),{t:m}=x(),u=l(null),[g,h]=a(!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),c({title:"",message:m("share.linkCopied"),type:"success"})};s((()=>{v(),navigator.share&&navigator.share({title:d||"Read This Post",url:r}).then((()=>{c({title:"",message:m("share.linkShared"),type:"success"})})).catch(console.error)}),[]);const b=((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 xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3e%3cpath fill='url(%23a)' d='M36.667 19.584c0 8.975-7.458 16.25-16.666 16.25a16.97 16.97 0 0 1-3.987-.47 1.68 1.68 0 0 0-1.15.12l-3.647 1.825a1.417 1.417 0 0 1-2.05-1.267v-3.355c0-.479-.214-.925-.567-1.249-3.245-2.966-5.266-7.179-5.266-11.854 0-8.975 7.458-16.25 16.667-16.25 9.208 0 16.666 7.275 16.666 16.25Z'/%3e%3cpath fill='black' d='M29.16 14.41c-.357 0-.703.118-1 .343l-4.745 3.512a.594.594 0 0 1-.363.125.565.565 0 0 1-.341-.113l-3.31-2.492a3.821 3.821 0 0 0-2.298-.765c-1.313 0-2.52.66-3.23 1.764l-1.009 1.575-3.433 5.58a1.633 1.633 0 0 0-.06 1.678c.299.545.862.883 1.47.883.357 0 .703-.118 1-.342l4.746-3.513a.594.594 0 0 1 .362-.125c.125 0 .243.04.342.114l3.31 2.491a3.819 3.819 0 0 0 2.297.765c1.314 0 2.521-.659 3.23-1.763l1.01-1.576 3.433-5.58a1.633 1.633 0 0 0 .059-1.678 1.682 1.682 0 0 0-1.47-.883Z' opacity='.05'/%3e%3cpath fill='black' d='M29.161 14.826c-.266 0-.525.09-.75.258L23.665 18.6c-.18.136-.39.207-.61.207a.98.98 0 0 1-.591-.197l-3.311-2.492a3.405 3.405 0 0 0-2.048-.68c-1.17 0-2.246.587-2.879 1.572l-1.008 1.575-3.43 5.574c-.247.387-.266.86-.048 1.259.222.405.656.667 1.104.667.266 0 .525-.09.75-.259l4.747-3.515c.18-.136.39-.206.61-.206a.98.98 0 0 1 .592.196l3.31 2.493c.6.446 1.307.68 2.048.68 1.171 0 2.247-.587 2.88-1.572l1.008-1.576 3.429-5.573c.247-.387.267-.86.048-1.26a1.281 1.281 0 0 0-1.104-.666Z' opacity='.07'/%3e%3cpath fill='white' d='m28.663 15.417-4.75 3.516c-.509.384-1.2.384-1.7.009L18.9 16.449a3.004 3.004 0 0 0-4.325.784l-1.008 1.575-3.425 5.566c-.5.784.458 1.675 1.2 1.117l4.75-3.517a1.412 1.412 0 0 1 1.7-.008l3.311 2.492a3.004 3.004 0 0 0 4.325-.783l1.009-1.575 3.425-5.567c.5-.783-.459-1.675-1.2-1.116Z'/%3e%3cdefs%3e%3cradialGradient id='a' cx='0' cy='0' r='1' gradientTransform='translate(9.24 35.816) scale(39.6767)' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%231292FF'/%3e%3cstop offset='.079' stop-color='%232982FF'/%3e%3cstop offset='.23' stop-color='%234E69FF'/%3e%3cstop offset='.351' stop-color='%236559FF'/%3e%3cstop offset='.428' stop-color='%236D53FF'/%3e%3cstop offset='.754' stop-color='%23DF47AA'/%3e%3cstop offset='.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 xmlns='http://www.w3.org/2000/svg' width='33' height='32' fill='none'%3e%3crect width='32' height='32' x='.5' fill='%231FA1F3' rx='4'/%3e%3cpath fill='white' fill-rule='evenodd' d='m16.23 13.235.04.634-.673-.077c-2.455-.298-4.6-1.308-6.42-3.004l-.89-.842-.23.622c-.486 1.385-.175 2.848.836 3.832.54.544.418.621-.512.298-.324-.104-.607-.181-.634-.143-.095.091.229 1.27.485 1.735.35.648 1.066 1.282 1.848 1.657l.66.298-.781.013c-.756 0-.783.013-.702.285.27.841 1.335 1.735 2.523 2.123l.836.272-.729.414a7.893 7.893 0 0 1-3.614.958c-.607.013-1.106.065-1.106.104 0 .13 1.645.854 2.603 1.14 2.873.84 6.285.478 8.848-.959 1.82-1.023 3.641-3.055 4.491-5.023.459-1.049.917-2.965.917-3.884 0-.596.04-.673.796-1.385.445-.415.863-.868.944-.997.135-.246.122-.246-.566-.026-1.147.388-1.309.337-.742-.246.418-.414.917-1.165.917-1.385 0-.04-.202.026-.432.142-.242.13-.782.324-1.187.44l-.728.22-.66-.427c-.365-.233-.877-.492-1.147-.57-.688-.18-1.74-.155-2.36.052-1.687.583-2.752 2.085-2.63 3.729Z' clip-rule='evenodd'/%3e%3c/svg%3e",name:"Twitter",href:`https://twitter.com/intent/tweet?url=${e}`},{icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKsAAACqCAMAAADlak+OAAAC+lBMVEUAAAAqtkD3+fz5+fn////8/P39/v4ptT8psj5CxFIqtD8+wlBMy1opsD4tuEKQ1537/Pv9/f76+/opsz9DxVQvukRKyVlGx1ZPzF1Tz2BX0WNJyFgrt0FSzl9FxlU4vkpQzV45v0wxu0X3+fg8wU46wE1Vz2E2vUkzu0dOy1worj1AwlFW0GL2+PcntD01u0j8/v1IyFc9wU9ExlQ7v035+vkvt0MttkIlszz1+PUsskEorDz3/PhFv1cnqTv09/Tt9e/5/PkrsEDy9/Po8+ovsUP5+v3r9O0yuEVZ0GQmpjrz+fTr9+zw9fFRyV7k9OZNyFswtUXc8t/G6cz2+/ft+O4ztEf2+vY2tEots0L0+/Xv9/He7+FAwFHi8+Wr4LR50IZYzmMroT7R7dXv+fFTy2FFwlU7vE3h8OTZ7tyi2aqP3JeC14xIxFg+vlD6/fry+vPm8ujd8eTZ8tvA6cV+0opczmdMvl1LuFwzskcrrD/o9urJ7M5izm9dxm9cwWxTxWLV8NnN7tG96MK75MG557+m3a+O1Zl31IE8tU/m9ujf9OLT6tav4LeK2JNtzXpGvFk7uE4ksjsmozrV7dnO6tLH58zC58jA4MWG1pB7zIhoynZf0WpZymcqqD7E68mt5LOi4amc1qWc36SU2J5tx3tOxl1LwltDvVQ/uFI5skw2uEoxq0QmnznR79XL6dDM5NCx5biw3beX1qCI0ZR2yoRbx2pbvGo5o0k0uEfb7N235L2137u05rqi0amW3p6S1Z1914d2wIJt0XhqwXdYxWdQv2JFuFdDtVUwoUIrpT7W6tqo1q+Aw4tlxnVhw3BezmpVwGZVvWVRuWI/pk84p0rF4cmo466e3aee2aeY26GQ0ZqJzJOE0I+Ay4x0zoFjyHFkt3FOw18mnDix2bes2bSFyJBz1X1vyX1l0nBds2pBrlI4rUq63cCi3at7wIZzxoBx0X1pzXVp0nRVsGNNrFz7/vuXz6Byu32Qyppiv3FXt2ZLs1xHqFZlrTw8AAAAAXRSTlMAQObYZgAAFhBJREFUeNrUlcENxCAMBLEl+xtREF83kAJIDRRA7SdehwlR8mOZCkarsRwmRDHjhZiZaPhANIbAJOqLKQNhcYNNP9iimTZsGoIiqjZZ8FIduo8q8xCtMjK6j6qXNfbkKyVaRao1l8cDE+45K62neluZF4Bg2ricrU5mLSiqRKmXlfusJyHRy+o4ayEoUhmHBWx1JjskcBAah49AUAsYhm0RIM9KlP//IATFrbVR+wgUOYEfs3XMmkYYhwF8eusRODi9LR8gU4ZbXA6XK3UQD+T0YjwPeog3NCYQIeUSiSAxJsaTQArpIg5Kk8EOgRJDh7ZoKCSb1iwlg12tSxe/QF8vwf9pKAa8S/NsCic/Hv8+aOwWWJ1Wb6tjLDN/XAj+GpqsikXMOVNmFysmK7LopzVS0mMB8XOxYoqhJGhWEgQhFb6PIEgSfpO+8864sGg2K0BpgiBIkkzVrtq/S/V88/z8JF/vXrQ61+GXJIFDA/fprQA1+hQi1+1fiVwovlLUeVlWVVnmtwPBnexbJX+6+U5gMRe8/8FqNDr83iNbJSUekEWKeTERBnFJPpir33xMSewcAdons4KUIL2FTjenRz2ci0JAhTAUxXEin262r1Ps3S08nRWkxJxQ6JT240ueyUIfgt1q8Gs3UxNYmgatzVag0gQbyeRDPDinBCXjiVaBJQnQ2m913Evbt+95cToVyuXkFeW0IIHWdqshlcJXzWM/QB/JRctv/mQiEksA1k7r8FAJ71E3JHMIqI/Guvw7Jzdho1o7rVBq7VQpiiMpQCjOE/Wr/Lau67yaxOOwjh7OmHs7VzoSWLgDy61QKundzMejaELA4MrUYna3Um2sGmlUK3vpDbwRiGEmtcVEJkUM19ZG67BUMtI6DEyU6nSJ/Nm3xtpBb9Avj9IffO9drlayepRD41iO370osHAHNlgduFSpcBFKmqUM4kR1o7I2KGu+WMxnDn4d0370D6pZPjq2wU5m+bhek3C1DpusxqluNVdEZO5oXd34tNbXNAM3P5nhm5rWv/yZ5T1O89hyrxM3XmjWKiu0yoY7t0EROUf9IFFPVy/7uNH5fwX7cd3lXmO36KdMT3IBpR0ZjpelVjgA7+f9gNs5CnItpRs9LbawOD8liwsLvsHqXsCD4GmK/9ICrCVWOAA2lTl85UYgTZ596JV9izhTrTh/STPfkCbCOI6/qYlodKwxF8eGEAi2gln4orgXzZSIjdsxHSuXkuSNdJMGW2bp8F+rabXelLFqTFst8sXCynqRYmOVvWvZCytLehPVm0iDXve73XP3THtR99wXwWOev/vc977P7/mdHsz/8iXt1qLfd4XuFGBL1LOud/X066cuSr4S1TQ6m81X7cCo/6St6v666HRrZVoqMPYNO6ueFS8rcNVO4eu09/m+t1UJ2vF/qgK13fQP2634fm2NGFYtK3YVUM85ZEs2NrUKpiJUBbCCtUEbJcO6zooxUM1a7GrdqfcObAjjnMi1GbdurVKorVuNbd/nhmz48bhm+hs2YVj1rIA6/+xIreyqbcgXBlRgJYHN+0Pt1EbJ2d5zC3s3QZ9Vy4ob68inDmajHNWkv5vngZVIRr4tGsH9wNr6cB6225ISday4BRz62WiTXXWFANVoJGYVYGd7tZKzTMenEZQC1awQ1gahBUiuAmqeHBVYC7BTo5KzVOAaXl+krDgB888uyAELQADYykqjClVWsuAsvnuIrDAaqGHFCZi+LyegudHfbcSopLBGyKxHuv1tzvP3UArUsUICFi55tKisO+PLswZDpUoZDIa2bDJAIWPd156fRrBErDgB95aOSwuBcabCgAqs6mG7Y0NuqXHVd56CXqCWdcumhjtjNmpjQVrHYo6vNmBVIxkIxIdTTgYVdl9ZRsuLnBUSsLens14rVqT2h6I8JitAsgUZFOPC77K5KbtU2TPzRHinIWLF/erQ9NU9lFiwNhNLrEFl+V+xicXFlD/Mk8Dy2aRUmjmyhJYXESvaXF+ek2ytdUyEWa68Gqm8nA37hlxNDNPsGM/x8LlClVd3zzkZlC7P2X4wlpwVbIUd6+pOFCrPcJTluHJJHBdOBa0WDegELDnxB9WFL5D8Xbgp9FU4LEj8mGN/jdulZ9bxcQQSS8wKTeBwzy2HlhIfU9DXvQY1PzfYpNkgyBKAIJcrF8f7h9wIdt+D/gYwlpgVBmxoAugpuWZznF6PUdtiGUAtSPM7ONfN6RWz6rnwhKMWtYKLy5OQWBJWtGWNLB2Xag36EnqZVa/nvoYClg1IGtdUjtUrhYVyfLZR8mLfuZ46MJaMFXpr3ZsZ1FspsJWVWfU0l09dsICtSEwmzitmBVgwVsrYtrHnwtRNxipMAtevMJSYfacvQdO0XhRNs9FQAFAlWUYnwnrlovWsnFht6yM0GyphxRGY7zygFW21Da9wRah0Yi5o3YClaU5GWZpWzEpzq+N2dAnPgwUIARkrNNfX11AEtI7UGlvp8Lgd0oplcc4lMKsCWN4XRCti58Wf6NVLKWsJNNfTy85a1LAao+maGhqppoZbCTVrilk17ZEcRysWVMoNoxDU1i9NkrLCC+GtXmSrazEPdREsHKSzQ8xa1hODMZ6uUc5KJ96NohDs//IWQkDCCmPLkxmPyAori62oqEGCIzY+eAKxSrD2xTANpygT1Er7j9WKrG6xE5QoZhX+KPRzzC1GyZaMpk0VRWJjwd+IFa+uLFtBIDoX2S9ehelYniRlHfnYgUYL+3i4y4RhTRVpiRXrhPNDAs5RKKiVmOiVxuOHr+C/HkSs8zALiFVaPyQqZA44MqWlDGBRF1IErFALnhGFtq4vb7cTsEJct799sK/ASmkH46xpt0kSHHLZjHVdBpr6/KzOpFi7d3PRPtRtbGf7z8DfYJSzbmroP2sTa7gbo106nQy7W6frWklKPQvvXJ/hJMWsUGs1gq6z7b6wuIhYn4+h+/VEVk3AigSoOm94ymVZ21+HV+564SSlgtuDfQU9vyvTpxWx4jYwfVEcK7S942Fdqa5IpaWJVCtV7Gpz38l0KZyjWFA48a5VKwb2yMcRtLgUsk4ud2jRy8u7BOAVo5rT/iGmOKyZ+ICXhBVqlQ5I2yzVuvSqTgErHgbuPTousjLO2wNQck197+qUSyOjWoObX3jNhL6WpuPH3CJr/a0eMtZXzxwUGrNjaQApltk8cNspd1hL++wNrxlOIZI5fbJvj8h6oLOnDgKrmHVvz616xHosnhZJMKrZexkPsJpAZJWUFWp1HU3a0EvXl4UGEta6ns4DiLXv5F1Egi/QMvDhAqXBg8sAfEbKuhIKSCPsE/WsXetZW1paViPtFjwRXva2kLMO70e+krBCGwBWO2YtM69TWcvdeIYp2mAfl5rJVOa9HEGsHnLWA1pKkK3vaFfZX9rV8vjHqGysNRNPlxEKWD2UIDWs9YgVfP3DyrmHJhXFcZyQCoJqGPsvELvGQrgpw0e2mZaGQslovUtNWOSKujVqCC7KXhvV1iZsuRJ6rIXWRrVWhltFRFbUKnqv9diSGlHrSfT+o9+95+pZzrQd+/6zcc65537u19/53XPP8Zo7kDV3WfUWHAVr1nWvshGh5sZZheQx0MCzajYDa+4A1FwmsKdoTjxvzW35tIyAFF2zIUPWq60lPGvRylUSSeI5JBKFLdJZII/nAvvBkA2aDVLQz7LudTHWlz8JWR/bEStduysgkUhy/xSwKmz+9rk4ZNc2RmyoXUJDXJhEwOqYPQOxmjruErBCztr+xKrkuqCWj44qFJJEAatT61gPUcArf9NoT25iQ8X48QrQeFw+oJdVpZs1iNXY8IvkvsXNXRCr0n7IA2eTJArOz0R3bYonLnn+2q6IjW+J29hWrdLaON6/sAZ21VKIteDrVTLWvg+VSiHHWlYeYk81QAqx0xnptMPTTCxmIc3acFPO0mUfW/Z3+rU2RiEW44r+LaKNhbwp7JyQiLX50m6edfG5HkYsHj9QYrGT6TlQJserBDse+pcBlDjewOY/N3fqIntLd9QGxQNpocjzzsixCgXX98KD7KBZ2cF1ZusMjlWo8VXboM9krCKnthrGV9zZrLJtjijDUoG7AM2E3hV8geJFhQccEa0CVSSwbmhZjM5D1R1uRnPtwbKyz4boepVFDq1YJBIPEBSKnMFuH8y48LR7U1eIEbGCWgVMHbP4NFHQXupRoIo/ZKv2zUesM+p/uMmeC6RXG0qUKOYLK6KKZKwIVgs5R45hp+7YstLDQA2gBvbEF7/B251b9nhs4j9hRWJtaZEQhav+5N08suct6dEnbWh8wu5uBLMmgS1dv0iOrZVPLWip1jIKkXiZg3vcxRUz96+MMv1h4d9Ao51nNTZclRI9x7JrRMc1iNWw1c/k5IiSKicnB8FiZ4dl5Recc3iCWn7CgCvkU8ta/IwIdwUHh5bos/g83ttHyuo+89YiFHK9FJUGMWsiLChQOnsNOIuphi6yb+nq8sVHHc4Ua3etgkPwwUz3bA0KV93uS81SwjUi968Go1LIijI+iopSGCuTaR2+pTEsbCOUJJbJd44O/MGqHV1MCVkpLS9+uknXs6R9vVaag1XOaO9xymQ5f5EMFPRXlcGIT6dhXwp3aaF5/EhnqMoi4FgFJV/fSAnWCdGClvvSbh1v7PI9WsyaBHZC2LnhnR22EdOxroZw6s9qc9TRQk6a6xfdxKwQBB0mAWLVL4nkpDIWYJsuw/eN07LO8VU7ESs6ztNZEAuBsz/3SdFm92BZURC00Ryscn6dg5FNkP1VEyaEzU3a7vaCfHlKVvncqhA0jh0lc1avMwgQa8l3CAGCNXgUsCPdz+t1Sr6nRx44RyqZzWZvpPHYopRxkLWzMWDGx8gCFYW8rfQJyAJkexsoCN58LaGEnAyzu5lx41LCjjODtf7ynSmsHTZjXbXTPC52wDinv12PzBCYOn65IQSI9+KkzRfrdIiVsoOxKWHHASvQ1pzeUjZndVJzh8nzNz0Nhs18N/AnULE8PrJ6+/JGErBiY+92GPnr1rDGphaiDde8Kt80N2tYsoFVdKombAZWJLB1ayxa9WfPoBAgZpX23aikYxH7LiJLD5utUpmbgj0V7fBugTxhC2zmOkdNWJUdbyyLdhXzqFTbkzfoRkC8Jy91/3wBaYsTXbsnaM5Ow5oNUoHCNf5GX9lUOfciBHcLk88p7LzlNatU2dl8SzPjqNMI+YRV/xwlVyJWZGxeX+/1+ag/AcxgnNlphWDB3COunlPbCucuyl8tz1qdv3RT581gE4saV86Gs3qK98H6+A0brSTfdcDG7vv5AkYqJ8paEUyHiXFBs8Je1+HRVb7NdevKS297Z7FluEnY1VVMxWx9i20lYUUpNq/5xnIaRQHMthh8svSoIHgHNf4GKqBiWDA+WFqniYVXW2+fGz1pkX/niUtblYhVoNva06Qa9a/OjgIBmhpLpRoVOxqqnK/aTRTqmDJ2fN6H71nErCOPPi6mBKwo0zuXWT1qUFL3V79yGHyhJUZagDo2nPjW7GajNUPWaXc7TIiVtp46ohocKwZOLDFffmSnKcSqsX59g23NgHX6j3oL6lO3+1WTeuyo/6CxY82u1mIN/3FRxhevm7kkkCnr0WeVOgEnfVXIrB5LAItsxaBj1bNcjcsBNRYBF+/n4SRAziq90lrMh1VxqwtQ/4PU4cujaw0xVF3bdxwBGX2fcNqdk3y4UpV7veohQzIFhR5YV3UCXnTJ+V8c6ogMWSFc4TGGQtfvuzlvyP/QvNsrirk+UXJ58Xpf3khsawb3re3PrqPhSpuW3F44IlPO4UPU3ptVRk0MldbXX2rO42wdQsyKNw9LYhnrQg28cooqsAb7Erg6uNenp+OuWh5cvD8FRQAxK34L4qwedWw4vtc7ceLw4RNZwe9LsD/hMIL9f/i/CtqOaIq0Fln6oZ64wY2rhBxANieEZSIDn7Hae2ZNRIIflVi44LKj4lVQjWj/lXThkdNbS1BWQdmqsvceuIoigJQVZ9dTVtQ3rLy41MjThQtqXj3abTWarFV+L4ZNRwqm3ipvY03Frr6/vy8Po5Ky4j1ZlAXgBuudPGbhPG/NxqdVtUaLhoIyS23rRi9EQmpe9Fmom25XHNf3I9WYIFavYVRCVrxv9KPegFg1xw/PW+C6+bS8zqijaZrir8BS1HDzyORJSBOTiK8a85uVM3hNGwzD+HG77OSf4E3wbibLF4gQCOSwy6AsOEgvtrec3G2X0l0srNpu4sHDoId1CxW2gkgJxYPDqBtbYy4rbNK6gyBelNpBYW/ypX2bYq1N8pyC8fH75fH9vkhM3s1XSEpZheG0y1LUBwFYsVxL8HvQZT38sroGgRIYEBUlqe31UuPjUiRxKaR0BUWT/b26p/LwUZhqpt/rlmei+rw+AH8dUrJonFMFBimv4/Lpt+93vj61G6ckEvl83kW0N+ClyNKHb5/fyZLnCOHEejZpijFEDc768+A5jEFh4xgoiu7iOXVro9TYfAbx5q+UsMu7sb++rHK89zDjsFaZRhlR/bPic8Y7e+Qm4O286e2Nw9KfH9nsG1vZxvf91y/2MgLvHiOGymdOe90Ci6hhsO4ey3eiIkIcxBAuvbKVW86tACTD0FnoVZSrHE8UMYmowVjxsZ3oHLTZ5QvAtm7bK7X0XtdgY3C2QtSArHYJ/FuTojMpCeHkWoowC6aOpEQd1k0aKqKGwQqPGJFZ43EZ63xgmtNhBmrxPqhMqjgyFU+oAVlxxfolx72B8lymZbVH42pT0TTFrJ+2BDIfF81EqA07k2aBxVBDZD3qC55VUaoV9c6gqmgFkWWTrFhQqj29kmIWYY0LFX1qKkgaTs8ULNcioawQqCADZ2/SbSqiCOM5AlzFHI/0iirNq9woI6Vy7c7AbBqXpBhqSKy7cIJ1JhLP1U47gws7UMr5yFUsZofbnUwhXYkQmPxgcKnBGYUVgRBJaPVHYzCLLundLX783PuYhokEgZ4PoD4No4ycDx05uEm2bCjNKvBasipIEgFeB5XhJSElV9odu7qp2UMaJuvjo9VWztKdieQUKHJGqCiuUwuFAvBeDOp/z9oHRcuyisVhXz8f9SZgBjc1u6SIGl6uL+v1cVXTkJO2bqPN0NyGdG64Di8Aa5p2AlKUE1uabcaqAe+Cmfq4h+STYYg0EgSlnJ62dMibZEHipWA7iVXjg/Qe92XA2Dc4ERSEuC4vJUaBl5pdN1r9sM7o+4jBwvBzOJGW4kZwuqHAi240h84K3y6OdAsohgui0w1FvVfuoH0f5/X+tAEwTh/dNCkjugP2/rze//XJzff5urKCQnMA/a/uDE4ACGEgyAV8Swryew1YwKUGC7D2AxEuiZxfN9NAliXvHTMCvN+qHbcOUsy4MqmHxSObrLd+AjSKHdhm5HHl7IwLhFtsoQ8vL2hYYXXUNLfrUcPWVQqQMMOW6mr1xVKTCwMhDbLDQurisJiQ4+n94C90WdwggZwrgVw2TryTCBeOIzQaUWMojTiOKyyELW4k5ShuO+IgzsBNp97FeC7xv4vxBUzFmCaxFDSrAAAAAElFTkSuQmCC",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}`}])(r||"",p);return t.createElement($a,{"data-is-marrybaby":p,className:e,style:i},t.createElement("div",{className:"share__social"},b.map(((e,a)=>t.createElement(Ya,{key:a,"data-event-category":o,"data-event-action":`Social Share - ${e.name}`,"data-event-label":r,href:e.href,target:"_blank",rel:"noreferrer"},t.createElement(N,{alt:`share to ${e}`,src:e.icon}),t.createElement(y,{className:"__label",size:"label2",weight:"regular"},e.name))))),t.createElement("div",{className:"share__copy-link"},t.createElement(y,{className:"__label",color:U.colors.gray500,size:"p4",weight:"regular"},m("orCopyLink")),t.createElement("div",{className:"__input-group"},t.createElement("input",{ref:u,type:"text",value:r,readOnly:!0,onFocus:e=>e.target.select()}),t.createElement("button",{className:"__copy",onClick:()=>v()},p?t.createElement(N,{alt:"copy share link",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"}):m(g?"copied":"copy")))))},_a=({trackingCategory:e,className:o,style:i,url:r,avatar:l,text:d,onClose:c})=>{const{data:{env:{isMarryBaby:p}}}=n(G),{t:m}=x(),[u,h]=a(!1);return s((()=>(R(!0),setTimeout((()=>h(!0)),0),()=>R(!1))),[]),t.createElement(g,null,t.createElement(eo,{"data-is-marrybaby":p,className:o,style:i},t.createElement(Xa,{className:"share-popup",isOpen:u,onClose:c,heading:m("bottomBar.share")},p?t.createElement(y,{className:"share-mb-text",size:"sm"},m("article.shareOn")):t.createElement("div",{className:"custom-share__header"},l&&t.createElement("div",{className:"custom-share__header-image"},t.createElement("img",{src:l,loading:"lazy"})),t.createElement("div",{className:"custom-share__header-info"},t.createElement(Y,{tag:"h4"},d),t.createElement(y,{className:"desc",size:"md"},r))),u&&t.createElement(Ja,{trackingCategory:e,shareUrl:r||("undefined"!=typeof window?window.location.href:""),title:d}))))},eo=M.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 ${U.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'] {
-          ${O.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;
-      }
-    }
-  }
-`,to=M.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;
-  }
-`,ao=M.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 oo=c((e=>({root:{mention:{color:e.fn.primaryColor()},a:{"&,&:visited,&:focus":{color:e.fn.primaryColor()}},".create-post-link":{display:"inline",color:e.fn.primaryColor(),cursor:"pointer"}}})));const io=e=>{var{trackingCategory:i,url:r,className:d,style:c,replyingTo:p,mentionedUser:m,description:u,disableShortenContent:g,mentions:v=[],maxChars:f=1e3,hideShowAllBtn:w,styles:y,onClickCreatePostLink:E}=e,C=b(e,["trackingCategory","url","className","style","replyingTo","mentionedUser","description","disableShortenContent","mentions","maxChars","hideShowAllBtn","styles","onClickCreatePostLink"]);const{classes:k,theme:A}=oo(void 0,{name:"PostContent",styles:y}),[N,z]=a(!1),{t:T}=x(),{authActionWrapper:S}=Ue(),[L,V]=a(!1),P=xa(fa(u||"","display"),v),{action:{sanitizeFunction:F}}=n(G),j=o((()=>{const e=F(P||"");if(g||N)return{showContent:e,hasSeeMore:!1};const t=e.slice(0,f),a=f-27*((t.match(/<\/div>/g)||[]).length-1),o=(t||"").slice(0,a<40?40:a),i=F(o.replace(/(<|<\/)( +|[a-zA-Z]*)$/gi,"")),r=i.length<e.length-10;return{showContent:r?i:e,hasSeeMore:r}}),[g,N,P]),B=(null==m?void 0:m.name)||p,O="expert"===(null==m?void 0:m.role)&&!!(null==m?void 0:m.partnerId),R=l(null),M=e=>{e.preventDefault(),null==E||E()};return s((()=>{var e;return null===(e=null==R?void 0:R.current)||void 0===e||e.querySelectorAll("[data-create-post]").forEach((e=>{e.addEventListener("click",M,{passive:!0})})),()=>{var e;null===(e=null==R?void 0:R.current)||void 0===e||e.querySelectorAll("[data-create-post]").forEach((e=>{e.removeEventListener("click",M,!1)}))}}),[g,N,P]),t.createElement(t.Fragment,null,O&&t.createElement(qt,{isOpen:L,onClose:()=>V(!1),expertId:String(null==m?void 0:m.partnerId)}),t.createElement(ao,Object.assign({ref:R,className:`${k.root} ${d} no-replace-click`,style:c,mentionColor:A.fn.primaryColor()},C),B&&t.createElement(h,{onClick:()=>O&&V(!0),className:"post-content-replying"},"@",B),(null==u?void 0:u.startsWith("[mention+id="))&&t.createElement("span",{className:"post-content-replying tag-only",style:{color:A.fn.primaryColor()}},"@"),t.createElement("span",{dangerouslySetInnerHTML:{__html:j.showContent},className:"post-content "+(j.hasSeeMore?"has-see-more":"")}),j.hasSeeMore&&!N&&t.createElement("span",null,"... ",!w&&t.createElement(h,Object.assign({onClick:e=>{e.preventDefault(),e.stopPropagation(),S((()=>z(!0)))},className:"see-more-text"},i?{"data-event-category":i,"data-event-action":"See More Post Click","data-event-label":r}:{}),T("post.seeMore")))))},ro=M.div`
-  padding: 14px 16px 14px 17px;
-  background: ${e=>e.bgColor};
-  border-left: 3px solid ${e=>e.highlight};
-
-  ${O.mbUp} {
-    padding: 12px 12px 12px 17px;
-  }
-`,no=M.div`
-  display: flex;
-`,lo=M.div`
-  font-size: 12px;
-  line-height: 18px;
-
-  &[data-has-icon='true'] {
-    margin-left: 10px;
-  }
-`,so=M.div`
-  flex-shrink: 0;
-`,co=M.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;
-        }
-      }
-    }
-  }
-`,po=M.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;
-    }
-  }
-`,mo=M((e=>{var{icon:a,bgColor:o=U.colors.yellow50,highlightColor:i=U.colors.yellow800,message:r}=e,n=b(e,["icon","bgColor","highlightColor","message"]);return t.createElement(ro,Object.assign({bgColor:o,highlight:i},n),t.createElement(no,null,a&&t.createElement(so,null,a),t.createElement(lo,{"data-has-icon":Boolean(a)},r)))}))`
-  margin-bottom: 16px;
-`,uo=M.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;
-  }
-`,go=M.div`
-  padding: 1rem;
-  background: white;
-  .icon-close {
-    width: 26px;
-    height: 26px;
-    cursor: pointer;
-  }
-`,ho=M.div`
-  position: relative;
-  flex: 1;
-  overflow: hidden;
-  > img {
-    height: 100%;
-    width: 100%;
-    object-fit: contain;
-    object-position: center;
-  }
-`,vo=M.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;
-  }
-`,bo=M.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;
-    }
-  }
-  ${O.tdUp} {
-    padding: 8px;
-    > img {
-      width: 30px;
-      height: 30px;
-    }
-  }
-`,fo="hhgcomp-sensitivemask-inner",xo=se(M.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;
-`,fo),wo=M.div``,yo=M.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;
-
-    .${fo} {
-      top: auto;
-      right: auto;
-      left: 8px;
-      bottom: 8px;
-      background: rgba(0, 0, 0, 0);
-      align-items: flex-end;
-      justify-content: flex-start;
-    }
-  }
-`,Eo=M.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;
-  }
-`;var Co="PD6nRZX";const ko=({className:e,size:a="md"})=>{const{t:o}=x();return t.createElement("div",{className:`${Co} ${e}`},t.createElement(pe,{size:a,color:"transparent",isLoading:!0},o("loading")))},Ao=r({});var No="l5fL1xL",zo="L-aGKo7";const To=({children:e,className:a=""})=>t.createElement("div",{className:`${No} ${a}`},e),So=({children:e,className:a=""})=>t.createElement("div",{className:`${zo} ${a}`},e);var Lo="eaR8ATZ",Vo="xM-7K0a",Po="DZmf3s7";const Fo=({src:e,defaultSrc:a=j.getAssetPath("logo/logomark.png"),ratio:o=1,size:i=80,radius:r=8,alt:n,className:l=""})=>t.createElement("div",{className:l},t.createElement("div",{className:Po,style:{width:`${i}px`,height:i*o+"px",borderRadius:`${r}px`}},t.createElement(N,{src:e,backupSrc:a,alt:n}))),jo=({category:e,title:a,src:o,children:i,className:r=""})=>t.createElement("div",{className:`${Lo} ${r}`},t.createElement(Fo,{src:o}),t.createElement("div",{className:Vo},i||t.createElement("div",null,e&&t.createElement(To,null,e),a&&t.createElement(So,null,a))));jo.CategoryText=To,jo.Title=So;const Bo=({featureImage:e,postTitle:a,author:o,categories:i,isReview:r,className:n=""})=>{var l;const s=r?"Medically reviewed by Jobelle Ann Dela Cruz Bigalbal, MD":"Written by Jobelle Ann Dela Cruz Bigalbal, MD";return t.createElement(jo,{src:e,className:n},t.createElement(t.Fragment,null,t.createElement(jo.CategoryText,null,null===(l=null==i?void 0:i[0])||void 0===l?void 0:l.name),t.createElement(jo.Title,null,a),t.createElement(At,{avatarProps:Object.assign(Object.assign({},o),{size:32}),subTitle:t.createElement(t.Fragment,null,s,t.createElement(At.SubDivider,null),"Dec 12, 2022")})))};var Oo={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 Ro=({className:e=""})=>{var a,o,i,r,l;const{t:s}=x(),{info:d,isMarryBaby:c,currentPageUrl:m}=n(Ao),u=null==d?void 0:d.data,g=[{type:"linkedin",icon:j.getAssetPath("linkedin.svg"),url:null===(a=null==d?void 0:d.contact)||void 0===a?void 0:a.linkedin,eventAction:"Doctor Profile - Linkedin"},{type:"instagram",icon:j.getAssetPath("instagram.svg"),url:null===(o=null==d?void 0:d.contact)||void 0===o?void 0:o.instagram,eventAction:"Doctor Profile - Instagram"},{type:"facebook",icon:j.getAssetPath("facebook.svg"),url:null===(i=null==d?void 0:d.contact)||void 0===i?void 0:i.facebook,eventAction:"Doctor Profile  - Facebook"},{type:"youtube",icon:j.getAssetPath("youtube.svg"),url:null===(r=null==d?void 0:d.contact)||void 0===r?void 0:r.youtube,eventAction:"Doctor Profile  - Youtube"},{type:"tiktok",icon:j.getAssetPath("tiktok.svg"),url:null===(l=null==d?void 0:d.contact)||void 0===l?void 0:l.tiktok,eventAction:"Doctor Profile  - TikTok"}],h=[...((null==d?void 0:d.experiences)||[]).length>0?[{key:"experience",heading:s("profilePanel.experience"),iconSrc:j.getAssetPath(c?"award-doc-mb.svg":"award-doc.svg"),eventAction:"Doctor Experience Click",panel:t.createElement("div",{className:Oo.accBodyGroup},null==d?void 0:d.experiences.map(((e,a)=>t.createElement("div",{className:Oo.accBodyGroupItem,key:String(a)},t.createElement("div",{className:Oo.accBodyGroupTitle},e.title),t.createElement("div",{className:Oo.accBodyGroupDesc},t.createElement("p",null,e.organization),t.createElement("p",null,e.duration))))))}]:[],...((null==d?void 0:d.educations)||[]).length>0?[{key:"education",heading:s("profilePanel.education"),iconSrc:j.getAssetPath(c?"book-mb.svg":"book.svg"),eventAction:"Doctor Degree Click",panel:t.createElement("div",{className:Oo.accBodyGroup},null==d?void 0:d.educations.map(((e,a)=>t.createElement("div",{className:Oo.accBodyGroupItem,key:String(a)},t.createElement("div",{className:Oo.accBodyGroupTitle},e.schoolName),t.createElement("div",{className:Oo.accBodyGroupDesc},t.createElement("p",null,e.study),t.createElement("p",null,e.completedYear))))))}]:[],...((null==d?void 0:d.awards)||[]).length>0?[{key:"awards",heading:s("profilePanel.awards"),iconSrc:j.getAssetPath(c?"award-mb.svg":"award.svg"),eventAction:"Doctor Award Click",panel:t.createElement("div",{className:Oo.accBodyGroup},null==d?void 0:d.awards.map(((e,a)=>t.createElement("div",{className:Oo.accBodyGroupTitle,key:a},e.title))))}]:[]],b=(null==d?void 0:d.relatedPosts)||[],f=g.filter((e=>e.url));return t.createElement("div",{className:`${Oo.container} ${e}`,"data-is-marrybaby":c},h.length>0&&t.createElement(v,{defaultValue:h[0].key,chevron:c?t.createElement("div",{className:Oo.mbChevronWrapper},t.createElement(k,{size:12,color:U.mbColors.midGray})):t.createElement(k,{color:U.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=>t.createElement(v.Item,{key:e.key,value:e.key},t.createElement(v.Control,{"data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":m},t.createElement("div",{className:Oo.header},t.createElement("div",{className:Oo.headingIcon},t.createElement("img",{src:e.iconSrc,loading:"lazy"})),t.createElement("div",{className:Oo.heading},e.heading))),t.createElement(v.Panel,null,e.panel))))),b.length>0&&t.createElement("div",{className:Oo.group},t.createElement("div",{className:Oo.subTitle},t.createElement("img",{className:Oo.subIcon,src:j.getAssetPath(c?"mb-logo.svg":"logo/circle-solid.svg"),loading:"lazy"}),s("profilePanel.publishedArticles")),t.createElement("div",{className:`${Oo.relatedList}`},null==d?void 0:d.relatedPosts.map((e=>t.createElement("a",{key:String(e.id),href:`${window.location.origin}${null==e?void 0:e.permalink}`,className:Oo.articleCardLink},t.createElement(Bo,Object.assign({className:"article-card"},Object.assign(Object.assign({},e),!e.author&&{author:{displayName:null==u?void 0:u.name,avatar:null==u?void 0:u.avatar}}),{isReview:!0}))))))),f.length>0&&t.createElement("div",{className:Oo.group},t.createElement("div",{className:Oo.subTitle},t.createElement("img",{className:Oo.subIcon,src:j.getAssetPath(c?"social-mb.svg":"social.svg"),loading:"lazy"}),s("profilePanel.socialLinks")),t.createElement("div",{className:Oo.groupBody},t.createElement(p,null,g.map(((e,a)=>e.url&&t.createElement("div",{className:Oo.socialItem,key:a},t.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},t.createElement("img",{src:e.icon,loading:"lazy",width:"32px","data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":m})))))))))};var Mo={container:"GYUElSy",question:"_3C6QpT1",questionTitle:"_9M9VYL6",community:"_1RuSyv3",questionCard:"_1IG-eEp"};const Io=({post:e,className:a=""})=>{var o,i,r,l,s,d,c,p;const{t:m}=x(),{data:{userInfo:u,env:{togetherBasePath:g}}}=n(G),{authActionWrapper:h,authorProps:v,currentPageUrl:b}=n(Ao),f=`${window.location.origin}${g}/${null===(o=null==e?void 0:e.community)||void 0===o?void 0:o.slug}/${null==e?void 0:e.slug}/`;return t.createElement("div",{className:`${Mo.container} ${a}`},t.createElement("div",{className:Mo.header},t.createElement("div",{className:Mo.question},m("profilePanel.question")," ",t.createElement(T,{className:Mo.questionTitle,href:"#",onClick:()=>{(null==u?void 0:u.id)||null==h||h((()=>window.location.href=f))}},"#",null==e?void 0:e.title)),t.createElement("div",{className:Mo.community},null===(i=null==e?void 0:e.community)||void 0===i?void 0:i.name," - ",null==e?void 0:e.createdTime)),t.createElement("div",{className:Mo.questionCard},t.createElement(oa,Object.assign({className:"card-author"},v,{role:"user",avatarIcon:t.createElement(mt,null),subLine:t.createElement(oa.SubTextRow,null,t.createElement(oa.SubText,null,null===(s=null===(l=null===(r=null==e?void 0:e.expertAnswer)||void 0===r?void 0:r.answer)||void 0===l?void 0:l[0])||void 0===s?void 0:s.createdTime))})),t.createElement(io,{className:"post-content-wrapper",description:(null===(p=null===(c=null===(d=null==e?void 0:e.expertAnswer)||void 0===d?void 0:d.answer)||void 0===c?void 0:c[0])||void 0===p?void 0:p.content)||"",mentions:null==e?void 0:e.mentions,"data-testid":"Content of the Post"})),t.createElement(A,{variant:"secondary","data-event-category":"Together","data-event-action":"Doctor Reply Click","data-event-label":b,size:"md",onClick:()=>{(null==u?void 0:u.id)?window.location.href=f:null==h||h((()=>window.location.href=f))}},m("profilePanel.anserwing.viewFull")))};var Uo="MrdoES3",Do="_8fd7YMs",Wo="DomiQfw",Ho="-b2qnfL";const Zo=({message:e,buttonTxt:a,imgSrc:o,onBtnClick:i})=>{const{siteType:r,isMarryBaby:l}=n(Ao);return t.createElement("div",{className:Do},t.createElement("div",{className:Wo},t.createElement("img",{src:o||j.getAssetPath(l?"comments-mb.svg":"comments.svg"),loading:"lazy"})),e&&t.createElement("div",{className:Ho},e),a&&t.createElement(pe,{size:"md",theme:r,color:"secondary",onClick:i},a))},qo=({id:e})=>{const{t:o}=x(),{data:{locale:i}}=n(G),{authorProps:r}=n(Ao),[l,d]=a(null),[c,p]=a(!1);return s((()=>{e&&f(void 0,void 0,void 0,(function*(){var t;p(!0);const a=yield Z(oe(re.USER.LIST_ANSWERS,{_locale:i,id:e}),"GET"),o=((null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.replies)||[]).map(he);d(o),p(!1)}))}),[]),t.createElement("div",{className:Uo},c?t.createElement(ko,null):null!==l&&(l.length>0?l.map((e=>t.createElement(Io,{className:"post-card",key:e.id,post:e}))):t.createElement(Zo,{message:o("profilePanel.emptyPostMess.content",{name:(null==r?void 0:r.name)||(null==r?void 0:r.username)})})))};var Go="toEutn7",Xo="drdisHs";const Qo=e=>{var a,o,i,r,{post:l}=e,s=b(e,["post"]);const{data:{env:{togetherBasePath:d}}}=n(G);return t.createElement(t.Fragment,null,t.createElement("div",Object.assign({},s,{className:`${Go} ${(null==s?void 0:s.className)||""}`}),t.createElement(oa,{className:"card-author",avatar:null===(a=null==l?void 0:l.author)||void 0===a?void 0:a.avatar,name:(null===(o=null==l?void 0:l.author)||void 0===o?void 0:o.name)||(null===(i=null==l?void 0:l.author)||void 0===i?void 0:i.username),isAnonymous:Boolean(null==l?void 0:l.isAnonymous),subLine:t.createElement(oa.SubTextRow,null,t.createElement(oa.SubText,null,null==l?void 0:l.createdTime))}),t.createElement(T,{href:`${window.location.origin}${d}/${null===(r=null==l?void 0:l.community)||void 0===r?void 0:r.slug}/${null==l?void 0:l.slug}/`,className:Xo,rel:"noreferrer"},null==l?void 0:l.title)))};var Ko={accordion:"I-uIJ6E",header:"_41WRsj2",heading:"AcOGL93",headingIcon:"JD3dWJN",panel:"dKAgnS8",chevron:"L2Q9T6m",container:"h-pSmhX"};const Yo=()=>{var e,o;const{t:i}=x(),{data:{locale:r,userInfo:l}}=n(G),{onSkipQuestion:d,countValues:c,setCountValues:p}=n(Ao),[m,u]=a(),[g,h]=a([]),[b,w]=a(!1),y=null==l?void 0:l.id;s((()=>{y&&f(void 0,void 0,void 0,(function*(){var e;w(!0);const t=yield le(oe(re.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(he),delete e.question,a.push(ve(e))})),h(a),u(o),w(!1)}))}),[]);const E=({id:e,communityId:t})=>{if(e&&t&&m){const a=Object.assign(Object.assign({},m),{[t]:[...((null==m?void 0:m[t])||[]).filter((t=>t.id!==e))]});let o=0;Object.keys(a).map((e=>o+=a[e].length||0)),u(a),p(Object.assign(Object.assign({},c),{total_question:o})),null==d||d(o)}};return t.createElement("div",{className:Ko.container},b?t.createElement(ko,null):(null==c?void 0:c.total_question)>0?g.length>0&&t.createElement(v,{className:Ko.accordion,defaultValue:String((null===(o=g[null===(e=Object.keys(g))||void 0===e?void 0:e[0]])||void 0===o?void 0:o.id)||""),styles:e=>({control:{padding:"16px",border:`1px solid ${e.colors.neutral[1]}`,borderTopLeftRadius:"8px",borderTopRightRadius:"8px",'&[aria-expanded="false"]':{borderBottom:0}},chevron:{width:"32px",height:"32px"},content:{padding:0,border:`1px solid ${e.colors.neutral[1]}`,borderTop:0,borderBottom:0},label:{padding:0},item:{marginBottom:"16px"}}),chevron:t.createElement("div",{className:Ko.chevron},t.createElement(S,{color:U.colors.gray600,size:20}))},g.map((e=>{const a=m&&(null==m?void 0:m[e.id])||[];return a.length>0&&t.createElement(v.Item,{key:e.id,value:String(e.id)},t.createElement(v.Control,null,t.createElement("div",{className:Ko.header},t.createElement("div",{className:Ko.headingIcon},t.createElement("img",{src:e.thumbnail,loading:"lazy"})),t.createElement("div",{className:Ko.heading},e.name))),t.createElement(v.Panel,null,t.createElement("div",{className:Ko.body},a.map((e=>t.createElement(Qo,{className:"question-card",key:e.id,post:e,onSkip:E}))))))}))):t.createElement(Zo,{message:i("profilePanel.emptyCareMess.content"),imgSrc:j.getAssetPath("questions.svg")}))};var $o="GA-zc-O",Jo="A18McWD",_o="IB049vj",ei="_8I--vEV";const ti=({post:e,className:a=""})=>{var o;const{data:{userInfo:i,env:{togetherBasePath:r}}}=n(G),{t:l}=x(),s=d(),{authActionWrapper:c,authorProps:p}=n(Ao),m=`${window.location.origin}${r}/${null===(o=null==e?void 0:e.community)||void 0===o?void 0:o.slug}/${null==e?void 0:e.slug}/`;return t.createElement("div",{className:`${$o} ${a}`},t.createElement("div",{className:_o},t.createElement("a",{"data-event-category":"Together","data-event-action":"Click Post","data-event-label":m,className:ei,href:m,onClick:e=>{(null==i?void 0:i.id)||(e.preventDefault(),null==c||c((()=>window.location.href=m)))}}),t.createElement(At,{className:"card-author",avatarProps:{avatar:null==p?void 0:p.avatar,size:32}},t.createElement(oa.MainText,{className:Jo},null==e?void 0:e.title),t.createElement(oa.SubTextRow,null,t.createElement(oa.SubText,null,null==e?void 0:e.createdTime))),t.createElement(io,{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",hideShowAllBtn:!0}),t.createElement(y,{size:"p3",color:s.fn.primaryColor()},l("post.seeMore"))))};var ai="TSMHoEM";const oi=()=>{const{t:e}=x(),{data:{locale:o}}=n(G),{authorId:i,authorProps:r,isAuthorLogin:l,onCloseFromPost:d}=n(Ao),[c,p]=a(null),[m,u]=a(!1);return s((()=>{i&&f(void 0,void 0,void 0,(function*(){var e;u(!0);const t=yield Z(oe(re.USER.LIST_POST,{_locale:o,id:i,isAnonymous:0}),"GET"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.posts)||[]).map(he);p(a),u(!1)}))}),[i]),t.createElement("div",{className:ai},m?t.createElement(ko,null):null!==c&&(c.length>0?c.map((e=>t.createElement(ti,{className:"post-card",key:e.id,post:e}))):t.createElement(Zo,{message:e("profilePanel.emptyPostMess.content",{name:(null==r?void 0:r.name)||(null==r?void 0:r.username)||""}),buttonTxt:l&&e("profilePanel.createPost"),onBtnClick:()=>{null==d||d()}})))};var ii="_4Vekw96",ri="DIJdGcB",ni="aQSt4-Q";const li=e=>e?{title:null==e?void 0:e.title,organization:null==e?void 0:e.organization,duration:e.duration}:{},si=e=>e?{completedYear:null==e?void 0:e.completed_year,schoolName:e.school_name,study:e.study}:{};var di,ci;!function(e){e[e.About=0]="About",e[e.Care=1]="Care",e[e.Answer=2]="Answer",e[e.Posts=3]="Posts"}(di||(di={})),function(e){e[e.Expert=0]="Expert",e[e.User=1]="User"}(ci||(ci={}));const pi=e=>{var o,{authorProps:i,selectedTab:r,authActionWrapper:l,onSkipQuestion:d,onCloseFromPost:c,hideQuestionTab:p,hideAnswerTab:m,showSkipQuestionTag:u,rolesToShowQuestionsTab:g=["expert"],currentPageUrl:h}=e,v=b(e,["authorProps","selectedTab","authActionWrapper","onSkipQuestion","onCloseFromPost","hideQuestionTab","hideAnswerTab","showSkipQuestionTag","rolesToShowQuestionsTab","currentPageUrl"]);const{data:{locale:w,userInfo:y,env:{isMarryBaby:E}}}=n(G),{t:C}=x(),k=null==i?void 0:i.role,A=null==y?void 0:y.role,N=String(null==i?void 0:i.userId),[z,T]=a(),[S,V]=a(!1),[P,F]=a(),j=(null==y?void 0:y._togetherUserId)===(null==i?void 0:i.userId),O=[...-1!==g.indexOf(k)?[{value:di.About,text:C("profilePanel.tabs.highlight"),content:t.createElement(Ro,{id:N,info:P}),dataEventCategory:"Together",dataEventAction:"Doctor Profile Click",dataEventLabel:h}]:[],{value:di.Posts,text:C("profilePanel.tabs.posts"),content:t.createElement(oi,null),hasCountResult:!0,keyOfCountApi:"post",keyOfResult:"total_post"},...p||-1===g.indexOf(A)||(null==y?void 0:y._togetherUserId)!==(null==i?void 0:i.userId)?[]:[{value:di.Care,text:`${C("profilePanel.tabs.care")}`,content:t.createElement(Yo,null),hasCountResult:!0,keyOfCountApi:"question",keyOfResult:"total_question",dataEventCategory:"Together",dataEventAction:"Doctor Questions Click",dataEventLabel:h}],...m||-1===g.indexOf(k)?[]:[{value:di.Answer,text:`${C("profilePanel.tabs.expertAnswer")}`,content:t.createElement(qo,{id:N}),hasCountResult:!0,keyOfCountApi:"reply",keyOfResult:"total_reply",dataEventCategory:"Together",dataEventAction:"Doctor Reply Tab Click",dataEventLabel:h}]],[R,M]=a(null),[I,U]=a(null),D={value:String(I),dataList:R,onTabChange:e=>U(Number(e))},W=null==O?void 0:O.filter((e=>null==e?void 0:e.hasCountResult));s((()=>{f(void 0,void 0,void 0,(function*(){var e,t,a,o,i,n,l,s,d,c;V(!0);const p=yield Promise.all([Z(oe(re.USER.DETAIL,{_locale:w,id:N}),"GET"),...W.map((e=>Z(oe(re.USER.COUNT_TABS,{_locale:w,id:N,[e.keyOfCountApi]:1}),"GET")))]),[m]=p,u={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(li),relatedPosts:((null===(a=null==m?void 0:m.data)||void 0===a?void 0:a.related_post)||[]).map((e=>be(e.post))),educations:((null===(i=null===(o=null==m?void 0:m.data)||void 0===o?void 0:o.fields)||void 0===i?void 0:i.educations)||[]).map(si),awards:(null===(l=null===(n=null==m?void 0:m.data)||void 0===n?void 0:n.fields)||void 0===l?void 0:l.awards_accreditations)||[],contact:(null===(d=null===(s=null==m?void 0:m.data)||void 0===s?void 0:s.fields)||void 0===d?void 0:d.contact)||{}};1===(null==m?void 0:m.status)&&F(u);const g=(null==u?void 0:u.relatedPosts)||[],h=Object.keys(u.contact).map((e=>{var t;return""!==(null===(t=null==u?void 0:u.contact)||void 0===t?void 0:t[e])})),v=[...(null==u?void 0:u.experiences)||[],...(null==u?void 0:u.educations)||[],...(null==u?void 0:u.awards)||[]],b=g.length>0||h.length>0||v.length>0,f={},x=W.map(((e,t)=>{var a,o,i;const r=(null===(i=null===(o=null===(a=p[t+1])||void 0===a?void 0:a.data)||void 0===o?void 0:o.counting)||void 0===i?void 0:i[e.keyOfResult])||0;return r>0?(f[e.keyOfResult]=r,e):-1!==[di.Care,di.Posts].indexOf(e.value)?e:void 0})).filter(Boolean).map((e=>e.value)),y=O.map((e=>{const t=Object.assign(Object.assign({},e),{text:e.text+(e.keyOfResult?` (${(null==f?void 0:f[e.keyOfResult])||"0"})`:"")});return t.hasCountResult?-1!==x.indexOf(t.value)?t:void 0:t.value===di.About?b&&t:t})).filter(Boolean);M(y),U(r||(null===(c=null==y?void 0:y[0])||void 0===c?void 0:c.value)),T(f),V(!1)}))}),[]);const H=null==P?void 0:P.data;return t.createElement(Ao.Provider,{value:{isMarryBaby:E,siteType:E?"marryBaby":"helloSites",authorId:String((null==i?void 0:i.userId)||""),authActionWrapper:l,onSkipQuestion:d,info:P,authorProps:i,onCloseFromPost:c,countValues:z,setCountValues:T,isAuthorLogin:j,showSkipQuestionTag:u,currentPageUrl:h}},t.createElement("div",Object.assign({},v,{className:`${ii} ${(null==v?void 0:v.className)||""}`,"data-is-marrybaby":E}),S?t.createElement(ko,null):t.createElement(t.Fragment,null,t.createElement(oa,Object.assign({},i,{className:"card-author",showDetailPopup:!1,subLine:"expert"===(null==i?void 0:i.role)?(null==H?void 0:H.specialty)&&(null==H?void 0:H.organisation)&&t.createElement(oa.SubTextRow,null,(null==H?void 0:H.specialty)&&t.createElement(t.Fragment,null,t.createElement(oa.SubText,null,null==H?void 0:H.specialty),t.createElement(oa.SubDivider,null)),t.createElement(oa.SubText,null,null==H?void 0:H.organisation)):(null==H?void 0:H.created_at)&&t.createElement(oa.SubTextRow,null,t.createElement(oa.SubText,null,C("profilePanel.joined")," ",B(null==H?void 0:H.created_at).toNow(!0)))})),"expert"===k&&t.createElement("div",{className:ri,dangerouslySetInnerHTML:{__html:null===(o=null==P?void 0:P.data)||void 0===o?void 0:o.description}}),null!==R&&null!==I&&(R.length>0?t.createElement("div",{className:ni},t.createElement(L,Object.assign({},D))):t.createElement(Zo,{message:C("profilePanel.emptyPostMess.content",{text:(null==i?void 0:i.name)||(null==i?void 0:i.username)||""})})))))};var mi=Object.freeze({__proto__:null,get TabName(){return di},get UserType(){return ci},TabDataInit:{experiences:[],relatedPosts:[],educations:[],awards:[],contact:{},data:{}},ProfileDetail:pi});const ui=M.div`
-  position: relative;
-  margin-bottom: 24px;
-  background: white;
-  border-radius: ${U.borderRadius};
-
-  a {
-    text-decoration: none;
-  }
-
-  ${O.mbDown} {
-    margin-bottom: 8px;
-  }
-  &.flat-top {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-
-  .post-pin {
-    padding: 0.5rem 1rem;
-    border-radius: ${U.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;
-      ${O.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;
-    ${O.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;
-        ${O.mbDown} {
-          width: 18px;
-          height: 18px;
-        }
-      }
-      .popover-menu__content {
-        &.--position-bottom {
-          &.--align-end {
-            &::before {
-              right: 1rem;
-            }
-            width: 350px;
-            ${O.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%);
-      }
-    }
-    ${O.mbDown} {
-      margin-bottom: 12px;
-    }
-  }
-`,gi=M.div`
-  .add-link {
-    color: ${U.colors.primaryBase};
-  }
-`,hi=M.div`
-  margin: 16px 0;
-  background: ${U.colors.yellow50};
-  padding: 5px 10px;
-  border-radius: 2px;
-
-  .icon {
-    display: inline-block;
-    vertical-align: middle;
-    margin-right: 6px;
-  }
-`,vi=M.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-`,bi=M.div`
-  padding: 8px 16px;
-`,fi=M.div`
-  margin-bottom: 12px;
-  width: 100%;
-`,xi=M.div``,wi=M.div`
-  margin-bottom: 16px;
-`,yi=M.div`
-  display: flex;
-  flex-wrap: wrap;
-  row-gap: 16px;
-  ${O.tdUp} {
-    align-items: center;
-    column-gap: 24px;
-  }
-`,Ei=M.a`
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  ${O.mbDown} {
-    width: 100%;
-    justify-content: space-between;
-  }
-`,Ci=M.div`
-  display: flex;
-  align-items: center;
-  gap: 16px;
-`,ki=M.div`
-  border-radius: ${U.borderRadius};
-  overflow: hidden;
-  width: 48px;
-  height: 48px;
-  img {
-    object-fit: cover;
-    width: 100%;
-    height: 100%;
-  }
-`,Ai=({categories:e})=>{const{t:a}=x(),{data:{locale:o,env:{isMarryBaby:i}}}=n(G),r=xe(o,i);return t.createElement(xi,null,t.createElement(wi,null,t.createElement(Y,{tag:"h6",as:"h5"},a("cardReply.recommentCategories.heading"))),t.createElement(yi,null,e.map((e=>t.createElement(Ei,{href:r+e.permalink,key:String(e.termId),target:"_blank"},t.createElement(Ci,null,t.createElement(ki,null,t.createElement("img",{src:e.featureImage||j.getAssetPath(i?"mb-logo.svg":"/logo/logomark.png"),alt:e.displayName,loading:"lazy"})),t.createElement(y,{size:"s3",weight:"bold"},e.displayName)),t.createElement(C.ArrowRight,{size:20,color:U.colors.gray400}))))))},Ni=M.a`
-  padding: 12px 0;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  border-top: 1px solid ${U.colors.neutral100};
-  text-decoration: none;
-
-  &:first-child {
-    border-top: 0;
-  }
-`,zi=({postTitle:e,articleReviewed:a,modifiedTime:o,href:i})=>{const{t:r}=x(),n=(()=>{const{expert:e,editor:t,is_author:o}=a;if(e){const t={name:e.display_name,role:"expert",avatar:e.avatar};return o?Object.assign({title:r("articleAuthor.title.written-by")},t):"expert"===e.role?Object.assign({title:r("articleAuthor.title.expert")},t):Object.assign({title:r("articleAuthor.title.medical")},t)}if(t)return{title:r("articleAuthor.title.fact-check"),name:t.display_name,avatar:t.avatar}})();return t.createElement(Ni,{href:i,title:e,target:"_blank"},t.createElement(y,{size:"s3",as:"h5",weight:"bold"},e),t.createElement("div",null,t.createElement(oa,{avatar:null==n?void 0:n.avatar,avatarProps:{size:32},name:null==n?void 0:n.name,role:null==n?void 0:n.role,hideBackground:!0},t.createElement(oa.SubTextRow,null,t.createElement(oa.SubText,null,null==n?void 0:n.title," ",t.createElement("span",{style:{color:U.colors.gray800}},null==n?void 0:n.name)),t.createElement(oa.SubDivider,null),t.createElement(oa.SubText,null,o)))))};var Ti="F4mmgSy",Si="A7QrQ7A";const Li=e=>{var{listUrl:o,categorySlug:i,editMode:r,onListChange:n,isMarryBaby:l}=e,d=b(e,["listUrl","categorySlug","editMode","onListChange","isMarryBaby"]);const{t:c}=x(),[p,m]=a(o||[]),[u,g]=a([]),[h,w]=a([]),[E,k]=a(!1);s((()=>{f(void 0,void 0,void 0,(function*(){k(!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=>Z(e.isMarrySite?de(ae.GET_PREVIEW_ARTICLE,{fullSlug:e.path},!0):te(ae.GET_PREVIEW_ARTICLE,{fullSlug:e.path},!0),"GET")))],a=yield Promise.all(t);g(a.map(((t,a)=>{var o,i;return(null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.post)&&Object.assign(Object.assign({},be(null===(i=null==t?void 0:t.data)||void 0===i?void 0:i.post)),{href:e[a].href})})).filter(Boolean)),k(!1)}))}),[]),s((()=>{0===(null==u?void 0:u.length)&&i&&f(void 0,void 0,void 0,(function*(){var e;const t=yield Z(l?de(ae.GET_CATEGORY_OR_ARTICLE_DETAIL,{fullSlug:i},!0):te(ae.GET_CATEGORY_OR_ARTICLE_DETAIL,{fullSlug:i},!0),"GET");(null==t?void 0:t.data)&&w([fe(null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.category)])}))}),[u]);return s((()=>{null==n||n(p)}),[p]),t.createElement("div",Object.assign({},d),!r&&t.createElement(hi,null,t.createElement("img",{className:"icon",src:j.getAssetPath("warning.svg"),alt:"warning",style:{marginBottom:"3px",width:"18px"},loading:"lazy"}),t.createElement(y,{size:"s3",as:"span",dangerouslySetInnerHTML:{__html:c("cardReply.disclaimer")}})),E?t.createElement(Ot,null):u.length>0||r?t.createElement(gi,null,t.createElement(v,{defaultValue:"accordion",styles:{control:{border:`1px solid ${U.colors.neutral100}`,borderTopLeftRadius:"8px",borderTopRightRadius:"8px",'&[aria-expanded="false"]':{borderBottom:0}},chevron:{width:"32px",height:"32px"},content:{padding:0,border:`1px solid ${U.colors.neutral100}`,borderTop:0,borderBottom:0},item:{marginBottom:"16px"}},chevron:t.createElement("div",{className:Si},t.createElement(S,{color:U.colors.gray600,size:20}))},t.createElement(v.Item,{value:"accordion"},t.createElement(v.Control,null,t.createElement("div",{className:Ti},t.createElement(Y,{as:"h4",tag:"h6"},c("cardReply.source")))),t.createElement(v.Panel,null,t.createElement(bi,null,(u||[]).map(((e,a)=>t.createElement(vi,{key:String(a)},"object"==typeof e?t.createElement(zi,Object.assign({},e)):t.createElement(fi,null,t.createElement(me,{style:{width:"100%"},name:"source-list",value:e||"",size:"sm",onChange:e=>{m((t=>{const o=[...t];return o[a]=e,o})),g((t=>{const o=[...t];return o[a]=e,o}))}})),r&&t.createElement(pe,{size:"md",color:"transparent",icon:t.createElement(C.Trash,null),onClick:()=>(e=>{m((t=>{const a=[...t];return a.splice(e,1),a})),g((t=>{const a=[...t];return a.splice(e,1),a}))})(a)})))),r&&t.createElement(pe,{className:"add-link",color:"transparent",size:"md",icon:t.createElement(C.Plus,{color:U.colors.primaryBase,size:18}),onClick:()=>{m((e=>[...e,""])),g((e=>[...e,""]))}},"Add source")))))):t.createElement(Ai,{categories:h}))},Vi=M.div`
-  position: relative;
-  margin-bottom: 0;
-  background: white;
-  border-radius: ${U.borderRadius};
-
-  .verify-tag {
-    margin-top: 12px;
-  }
-
-  .post-author {
-    &.with-popover {
-      padding-right: 2.6rem;
-    }
-    .author-avatar-wrapper {
-      width: 40px;
-      height: 40px;
-      font-size: 20px;
-      ${O.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: ${U.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;
-    ${O.mbDown} {
-      margin-left: 40px;
-    }
-    > .post-author {
-      margin-left: -56px;
-      ${O.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;
-        ${O.mbDown} {
-          width: 24px;
-          height: 24px;
-          font-size: 12px;
-        }
-      }
-    }
-    &[data-is-reply] {
-      > .post-author {
-        .author-avatar-wrapper {
-          width: 40px;
-          height: 40px;
-          font-size: 20px;
-          ${O.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;
-      ${O.mbDown} {
-        padding-left: 0.5rem;
-      }
-    }
-
-    ${O.mbDown} {
-      margin-bottom: 12px;
-    }
-  }
-`,Pi=M(Li)`
-  margin-top: 12px;
-  padding: 0.5rem 1rem 1rem;
-`;export{wo as $,Se as A,Le as B,et as C,Re as D,xa as E,fa as F,ia as G,na as H,ra as I,Wa as J,Qa as K,it as L,Ka as M,to as N,po as O,qt as P,uo as Q,Oa as R,_a as S,Me as T,go as U,Ga as V,ho as W,vo as X,bo as Y,yo as Z,xo as _,Ie as a,mo as a0,co as a1,Ta as a2,Eo as a3,st as a4,Vi as a5,Pi as a6,Xe as a7,ui as a8,at as b,pt as c,oa as d,Rt as e,Yt as f,Xa as g,Ja as h,io as i,ta as j,pi as k,di as l,lt as m,Li as n,ze as o,De as p,ya as q,Ca as r,ka as s,Sa as t,Ue as u,La as v,Ot as w,za as x,Ua as y,Da as z};