@hhgtech/hhg-components 1.23.21 → 1.23.22

package/build/{types-27b2ab87.js → types-83297b37.js}

@@ -1 +1 @@
-"use strict";var n=require("react"),e=require("./index-efc7241d.js");require("./translationsContext-e6c5905c.js"),require("string-format");var t=require("./index-cde8ae3f.js"),i=require("./tslib.es6-6e6becfd.js"),a=require("./index-aa894a71.js"),o=require("./index-84249d26.js"),r=require("./useTranslations-5198931a.js"),l=require("innertext"),d=require("./theme-f47c9f2a.js"),s=require("styled-components"),c=require("./index-e090b1ac.js"),p=require("lodash/debounce"),u=require("react-contenteditable"),m=require("./FullScreen-b235da32.js"),g=require("./gAssets.js"),f=require("./cookieHelper-7e794612.js"),h=require("./utils-d52ed90e.js"),v=require("react-dom"),x=require("@mantine/core"),b=require("dayjs"),w=require("dayjs/plugin/relativeTime"),y=require("./index-fa690af8.js"),C=require("./lazyLoad-0188c938.js"),k=require("./defaultClassWrapper-96682495.js");function E(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function A(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var _,T,N,L=E(n),M=E(l),z=E(s),j=E(p),S=E(u),P=A(v),I=E(b),F=E(w),O=n.createContext({}),B=function(n){var e=n.children,t=n.defaultParams;return L.default.createElement(O.Provider,{value:{defaultParams:t}},e)},V=function(e){var a=n.useContext(t.TogetherComponentGlobalContext).data,o=a.userInfo,r=a.env.togetherBasePath,l=(n.useContext(O)||{}).defaultParams,d=null==o?void 0:o.id,s=o&&"number"==typeof o.communities_interacted&&0===o.communities_interacted;return{authActionWrapper:function(n,a){var o=i.__assign(i.__assign(i.__assign({},l),e),a);if(!d||s){d||f.deleteCookie(t.BEARER_TOKEN_COOKIE),(null==o?void 0:o._joinCommunityIds)&&(localStorage.setItem("to_join_community_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_community_ids")||"[]")||[]).concat(o._joinCommunityIds).filter(Boolean))))),null==o||delete o._joinCommunityIds),(null==o?void 0:o._joinTopicIds)&&(localStorage.setItem("to_join_topic_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_topic_ids")||"[]")||[]).concat(o._joinTopicIds).filter(Boolean))))),null==o||delete o._joinTopicIds);var c=(null==o?void 0:o._location)||window.location.href;return null==o||delete o._location,window.location.href=t.getUrlToSignUp(c,o,r),null}return n&&n()},params:i.__assign(i.__assign({},l),e)}},U=z.default.div(_||(_=i.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1em;\n  button {\n    position: relative;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1em;\n  button {\n    position: relative;\n  }\n"]))),R=s.keyframes(T||(T=i.__makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));z.default.div(N||(N=i.__makeTemplateObject(["\n  display: flex;\n  width: fit-content;\n  width: -moz-fit-content;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 2rem;\n  background: white;\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  .loading-spinner {\n    width: 24px;\n    height: 24px;\n    margin-bottom: 0.5rem;\n    animation: "," 1.2s linear infinite;\n  }\n  &[data-is-marrybaby='true'] {\n    box-shadow: none;\n  }\n"],["\n  display: flex;\n  width: fit-content;\n  width: -moz-fit-content;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 2rem;\n  background: white;\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  .loading-spinner {\n    width: 24px;\n    height: 24px;\n    margin-bottom: 0.5rem;\n    animation: "," 1.2s linear infinite;\n  }\n  &[data-is-marrybaby='true'] {\n    box-shadow: none;\n  }\n"])),R);var D,H,Z,W,q,G,Q,X=function(n){var e=n.className,t=n.size,i=void 0===t?"md":t,o=r.useTranslations().t;return L.default.createElement(U,{className:e},L.default.createElement(a.Button,{size:i,color:"transparent",isLoading:!0},o("loading")))},K=z.default.div(D||(D=i.__makeTemplateObject(["\n  .link-info-container {\n    padding: 0.5rem 1rem;\n    background: #f4faff;\n  }\n  .link-image-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: min(280px, 56.25%);\n    .link-image-blur {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 110%;\n      height: 110%;\n      /* Add the blur effect */\n      -webkit-filter: blur(8px);\n      filter: blur(8px);\n      object-fit: cover;\n      object-position: center;\n      opacity: 0.8;\n      transform: translate(-50%, -50%);\n    }\n    .link-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      object-position: center;\n    }\n  }\n  a {\n    text-decoration: none;\n  }\n  &[data-is-marrybaby='true'] {\n    overflow: hidden;\n    border-radius: 1rem;\n    .link-info-container {\n      padding-bottom: 1rem;\n      background: #f3f3f3;\n      p {\n        color: #2661ad;\n      }\n      .link-logo {\n        max-width: 2rem;\n        height: 13px;\n        margin-right: 4px;\n        object-fit: contain;\n        vertical-align: middle;\n      }\n    }\n    .link-image-wrapper {\n      padding-top: min(360px, 56.25%);\n      .link-image {\n        object-fit: cover;\n      }\n    }\n  }\n"],["\n  .link-info-container {\n    padding: 0.5rem 1rem;\n    background: #f4faff;\n  }\n  .link-image-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: min(280px, 56.25%);\n    .link-image-blur {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 110%;\n      height: 110%;\n      /* Add the blur effect */\n      -webkit-filter: blur(8px);\n      filter: blur(8px);\n      object-fit: cover;\n      object-position: center;\n      opacity: 0.8;\n      transform: translate(-50%, -50%);\n    }\n    .link-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      object-position: center;\n    }\n  }\n  a {\n    text-decoration: none;\n  }\n  &[data-is-marrybaby='true'] {\n    overflow: hidden;\n    border-radius: 1rem;\n    .link-info-container {\n      padding-bottom: 1rem;\n      background: #f3f3f3;\n      p {\n        color: #2661ad;\n      }\n      .link-logo {\n        max-width: 2rem;\n        height: 13px;\n        margin-right: 4px;\n        object-fit: contain;\n        vertical-align: middle;\n      }\n    }\n    .link-image-wrapper {\n      padding-top: min(360px, 56.25%);\n      .link-image {\n        object-fit: cover;\n      }\n    }\n  }\n"]))),Y=function(a){var o=a.title,r=a.url,l=a.image,d=a.logo,s=a.className,c=a.style,p=a.noRefetch,u=n.useContext(t.TogetherComponentGlobalContext).data,g=u.locale,f=u.env.isMarryBaby,h=n.useState(!1),v=h[0],x=h[1],b=n.useRef(p);b.current=p;var w=n.useState(null),y=w[0],C=w[1];n.useEffect((function(){i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(n){return b.current?[2]:r?(C((function(n){return i.__assign(i.__assign({},n),{isFetching:!0})})),t.callApi(t.getApiPath(t.PATHS.FETCH_PREVIEW,{_locale:g}),"POST",{data:{link:r}}).then((function(n){var e,t,i;x(!1),C({title:null===(e=null==n?void 0:n.data)||void 0===e?void 0:e.title,url:r,image:(null===(t=null==n?void 0:n.data)||void 0===t?void 0:t.image)||(null===(i=null==n?void 0:n.data)||void 0===i?void 0:i.logo)})})).catch((function(){C(null)})),[2]):[2,C(null)]}))}))}),[r]);var k=(null==y?void 0:y.image)||l,E=(null==y?void 0:y.title)||o,A=(null==y?void 0:y.logo)||d,_=(null==y?void 0:y.url)||r,T=_.replace("http://","").replace("https://","").split(/[/?#]/)[0],N=n.useRef(!1);return L.default.createElement(K,{"data-is-marrybaby":f,className:"".concat(s," no-replace-click"),style:c},L.default.createElement("a",{href:_,target:"_blank",rel:"noreferrer"},k&&L.default.createElement("div",{className:"link-image-wrapper"},!f&&L.default.createElement("img",{className:"link-image-blur",src:k,onError:function(n){N.current||(N.current=!0,n.currentTarget.src=t.DEFAULT_IMG)}}),L.default.createElement("img",{className:"link-image",src:k,onError:function(n){N.current||(N.current=!0,n.currentTarget.src=t.DEFAULT_IMG)}})),L.default.createElement("div",{className:"link-info-container"},L.default.createElement(e.Text,{size:"n1"},f&&A&&!v&&L.default.createElement("img",{className:"link-logo",src:A,onError:function(n){return x(!0)}}),T),L.default.createElement(m.Heading,{tag:"h6"},E))))},J=z.default.div(H||(H=i.__makeTemplateObject(["\n  display: flex;\n  justify-content: flex-start;\n"],["\n  display: flex;\n  justify-content: flex-start;\n"]))),$=z.default.div(Z||(Z=i.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  .hhgcomp-together-cardreactions-inner {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  .hhgcomp-together-cardreactions-inner {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n  }\n"]))),nn=z.default.img(W||(W=i.__makeTemplateObject(["\n  width: 1.5rem;\n  height: 1.5rem;\n  margin-right: 2px;\n\n  [data-is-marrybaby='true'] {\n    margin-right: 5px;\n  }\n"],["\n  width: 1.5rem;\n  height: 1.5rem;\n  margin-right: 2px;\n\n  [data-is-marrybaby='true'] {\n    margin-right: 5px;\n  }\n"]))),en=z.default(e.Text)(q||(q=i.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n  * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n  * {\n    pointer-events: none;\n  }\n"]))),tn=z.default.span(G||(G=i.__makeTemplateObject(["\n  text-transform: lowercase;\n"],["\n  text-transform: lowercase;\n"])));!function(n){n[n.post=1]="post",n[n.reply=2]="reply"}(Q||(Q={}));var an,on,rn,ln,dn,sn=function(e){var a=e.type,o=e.loveCount,l=void 0===o?0:o,d=e.replyCount,s=void 0===d?0:d,c=e.replyPadding,p=e.liked,u=e.isReplied,m=e.onCommentClick,g=e.onLikeClick;e.onCommentCountClick;var f=e.onShareClick,h=e.className,v=e.style,x=e.hideCommentIcon,b=e.showingMostEngaging,w=e.isMarryBaby,y=e.hasShare,C=void 0===y||y,k=e.hasCountLike,E=void 0===k||k,A=e.trackingCategory,_=void 0===A?"Together":A,T=e.trackingLabel,N=void 0===T?"":T,M=i.__rest(e,["type","loveCount","replyCount","replyPadding","liked","isReplied","onCommentClick","onLikeClick","onCommentCountClick","onShareClick","className","style","hideCommentIcon","showingMostEngaging","isMarryBaby","hasShare","hasCountLike","trackingCategory","trackingLabel"]),z=n.useContext(t.TogetherComponentGlobalContext).data;z.locale;var j=z.router,S=z.env.isMarryBaby,P=Boolean(w)?w:S,I=j||{};I.asPath,I.basePath;var F=r.useTranslations().t;return L.default.createElement($,i.__assign({"data-show-most-engaging":b,"data-type":a===Q.post?"post":"reply","data-reply-padding":a===Q.reply&&c,"data-is-marrybaby":P,className:h,style:v},M),L.default.createElement("div",{className:"reaction-icon-container hhgcomp-together-cardreactions-inner"},L.default.createElement(J,null,L.default.createElement(en,{style:{marginRight:"25px"},size:"p3","data-event-category":_,"data-event-action":u?"Like Comment Click":"Like Post Click","data-event-label":N,onClick:function(){g&&g()}},L.default.createElement(nn,{src:P?p?"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.4709 4.0535C14.1978 4.22856 12.9226 4.8312 12 5.80891C11.0774 4.8312 9.8022 4.22856 8.52915 4.0535C6.91335 3.83131 5.1499 4.28425 4.05884 5.73088C2.64706 7.60276 2.64705 10.254 4.05884 12.1258L8.75286 18.3496C10.4125 20.5501 13.5875 20.5501 15.2471 18.3496L19.9412 12.1258C21.3529 10.254 21.3529 7.60276 19.9412 5.73088C18.8501 4.28425 17.0867 3.83131 15.4709 4.0535Z' fill='%23E85388'/%3e %3c/svg%3e":"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M3.98389 11.6106L9.11798 18.5107C10.5955 20.4964 13.4045 20.4964 14.882 18.5107L20.0161 11.6106C21.328 9.84746 21.328 7.34218 20.0161 5.57906C18.0957 2.9981 13.6571 3.76465 12 6.54855C10.3429 3.76465 5.90428 2.9981 3.9839 5.57906C2.67204 7.34218 2.67203 9.84746 3.98389 11.6106Z' stroke='%233E3F58' stroke-width='1.3' stroke-linecap='round'/%3e %3c/svg%3e":p?"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23FF5331' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.8757 5.41452C19.4289 4.96607 18.8984 4.61034 18.3145 4.36763C17.7307 4.12492 17.1048 4 16.4728 4C15.8408 4 15.215 4.12492 14.6311 4.36763C14.0472 4.61034 13.5167 4.96607 13.0699 5.41452L12.1426 6.34476L11.2154 5.41452C10.3128 4.50912 9.08878 4.00047 7.81244 4.00047C6.5361 4.00047 5.31204 4.50912 4.40953 5.41452C3.50702 6.31992 3 7.5479 3 8.82833C3 10.1088 3.50702 11.3367 4.40953 12.2421L5.3368 13.1724L12.1426 20L18.9484 13.1724L19.8757 12.2421C20.3227 11.7939 20.6773 11.2617 20.9193 10.676C21.1612 10.0902 21.2857 9.46237 21.2857 8.82833C21.2857 8.19428 21.1612 7.56645 20.9193 6.9807C20.6773 6.39494 20.3227 5.86275 19.8757 5.41452V5.41452Z' stroke='%23FF5331' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e":"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='M19.8757 5.41452C19.4289 4.96607 18.8984 4.61034 18.3145 4.36763C17.7307 4.12492 17.1048 4 16.4728 4C15.8408 4 15.215 4.12492 14.6311 4.36763C14.0472 4.61034 13.5167 4.96607 13.0699 5.41452L12.1426 6.34476L11.2154 5.41452C10.3128 4.50912 9.08878 4.00047 7.81244 4.00047C6.5361 4.00047 5.31204 4.50912 4.40953 5.41452C3.50702 6.31992 3 7.5479 3 8.82833C3 10.1088 3.50702 11.3367 4.40953 12.2421L5.3368 13.1724L12.1426 20L18.9484 13.1724L19.8757 12.2421C20.3227 11.7939 20.6773 11.2617 20.9193 10.676C21.1612 10.0902 21.2857 9.46237 21.2857 8.82833C21.2857 8.19428 21.1612 7.56645 20.9193 6.9807C20.6773 6.39494 20.3227 5.86275 19.8757 5.41452V5.41452Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"}),E&&L.default.createElement(tn,null,l)),C&&L.default.createElement(en,{size:"p3",onClick:function(){f&&f()},"data-event-category":_,"data-event-action":"Share Icon Click","data-event-label":N},L.default.createElement(nn,{src:P?"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 8L19 8C20.1046 8 21 8.89543 21 10L21 15.155C21 17.3585 19.4253 19.2551 17.2391 19.6848C15.1006 20.1051 8.89937 20.1051 6.76089 19.6848C4.57467 19.2551 3 17.3585 3 15.155L3 10C3 8.89543 3.89543 8 5 8L6 8' stroke='%233E3F58' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath d='M12 13L12 3M12 3L9.5 5.5M12 3L14.5 5.5' stroke='%23363853' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3e %3c/svg%3e":"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e %3cpath fill='%23595959' d='M19 3c-1.652 0-3 1.348-3 3 0 .46.113.895.3 1.285L12.587 11h-4.77A2.999 2.999 0 005 9c-1.652 0-3 1.348-3 3s1.348 3 3 3c1.3 0 2.402-.84 2.816-2h4.77l3.715 3.715c-.188.39-.301.824-.301 1.285 0 1.652 1.348 3 3 3s3-1.348 3-3-1.348-3-3-3c-.46 0-.895.113-1.285.3l-3.3-3.3 3.3-3.3c.39.187.824.3 1.285.3 1.652 0 3-1.348 3-3s-1.348-3-3-3z' %3e%3c/path%3e%3c/svg%3e"}))),!x&&L.default.createElement(en,{size:"p3","data-event-category":_,"data-event-action":u?"Reply Comment Click":"Comment Text Click","data-event-label":N,onClick:function(n){n.preventDefault(),n.stopPropagation(),m&&m()}},L.default.createElement(nn,{src:u?"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.66667 5.99998V3.33331L2 7.99998L6.66667 12.6666V9.93331C10 9.93331 12.3333 11 14 13.3333C13.3333 9.99998 11.3333 6.66665 6.66667 5.99998Z' fill='%23737373'/%3e%3c/svg%3e":P?"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.69628 9.05793H14.7279M8.69628 12.5141H12.5346M13.1107 18.9268H14.1721C17.0589 18.9268 19.5701 16.8499 20.2476 13.9021C20.5841 12.4382 20.5841 10.9113 20.2476 9.44741L20.1588 9.06088C19.5057 6.21958 17.377 4.01204 14.6641 3.36264L14.283 3.27141C12.7712 2.90953 11.2013 2.90953 9.68953 3.27141L9.46648 3.32481C6.65677 3.99738 4.45212 6.28371 3.77571 9.22642C3.40585 10.8355 3.40923 12.5287 3.77909 14.1378C4.46607 17.1265 6.48688 19.6138 9.19777 20.7728L9.31593 20.8233C10.489 21.3249 11.8329 20.7208 12.3142 19.4902C12.4467 19.1515 12.7622 18.9268 13.1107 18.9268Z' stroke='%233E3F58' stroke-width='1.3' stroke-linecap='round'/%3e %3c/svg%3e":"data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.75 7.25C5.75 7.66421 5.41421 8 5 8C4.58579 8 4.25 7.66421 4.25 7.25C4.25 6.83579 4.58579 6.5 5 6.5C5.41421 6.5 5.75 6.83579 5.75 7.25Z' fill='%23595959'/%3e%3cpath d='M8 8C8.41421 8 8.75 7.66421 8.75 7.25C8.75 6.83579 8.41421 6.5 8 6.5C7.58579 6.5 7.25 6.83579 7.25 7.25C7.25 7.66421 7.58579 8 8 8Z' fill='%23595959'/%3e%3cpath d='M11 8C11.4142 8 11.75 7.66421 11.75 7.25C11.75 6.83579 11.4142 6.5 11 6.5C10.5858 6.5 10.25 6.83579 10.25 7.25C10.25 7.66421 10.5858 8 11 8Z' fill='%23595959'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0.5C3.91146 0.5 0.5 3.48052 0.5 7.25C0.5 11.0195 3.91146 14 8 14C8.16853 14 8.32853 13.978 8.48871 13.956C8.57523 13.9442 8.66195 13.9323 8.75 13.9238V15.6343C8.75 15.9308 9.07785 16.1101 9.32744 15.95L9.90576 15.5791C11.5274 14.5383 15.0388 11.8366 15.4575 7.95898C15.4841 7.72831 15.5 7.49206 15.5 7.25C15.5 3.48052 12.0885 0.5 8 0.5ZM8 2C11.368 2 14 4.39248 14 7.25C14 7.43045 13.9888 7.61047 13.9678 7.79199V7.79492L13.9663 7.79785C13.7071 10.1983 11.7856 12.0836 10.25 13.313V13.0953C10.25 12.6218 9.81621 12.2669 9.35205 12.3608C8.91281 12.4495 8.46149 12.5 8 12.5C4.63204 12.5 2 10.1075 2 7.25C2 4.39248 4.63204 2 8 2Z' fill='%23595959'/%3e%3c/svg%3e"}),u?F("cardReactions.reply"):L.default.createElement(tn,null,F("post.commentCount",{count:s})))))},cn=z.default.div(an||(an=i.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  padding: 0.5rem 0;\n  cursor: grab;\n  overflow-x: auto;\n  .tag-link-item {\n    position: relative;\n    white-space: nowrap;\n    padding: 5px 12px;\n    border: 1px solid #e4e8ec;\n    background: white;\n    border-radius: 2rem;\n    cursor: pointer;\n    -webkit-user-drag: none;\n    user-select: none;\n\n    * {\n      pointer-events: none;\n    }\n  }\n  .tag-link-item:not(:first-child) {\n    margin-left: 0.5rem;\n  }\n\n  ::-webkit-scrollbar {\n    width: 0;\n  }\n  &.sliding {\n    cursor: grabbing;\n    user-select: none;\n    a {\n      pointer-events: none;\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  padding: 0.5rem 0;\n  cursor: grab;\n  overflow-x: auto;\n  .tag-link-item {\n    position: relative;\n    white-space: nowrap;\n    padding: 5px 12px;\n    border: 1px solid #e4e8ec;\n    background: white;\n    border-radius: 2rem;\n    cursor: pointer;\n    -webkit-user-drag: none;\n    user-select: none;\n\n    * {\n      pointer-events: none;\n    }\n  }\n  .tag-link-item:not(:first-child) {\n    margin-left: 0.5rem;\n  }\n\n  ::-webkit-scrollbar {\n    width: 0;\n  }\n  &.sliding {\n    cursor: grabbing;\n    user-select: none;\n    a {\n      pointer-events: none;\n    }\n  }\n"]))),pn=function(a){var o=a.topics,r=a.onClick,l=a.className,d=a.style,s=a.trackingCategory,c=void 0===s?"Together":s,p=a.locale,u=i.__rest(a,["topics","onClick","className","style","trackingCategory","locale"]),m=function(){var e=n.useState(!1),t=e[0],i=e[1],a=n.useRef(null),o=n.useRef(null),r=n.useRef();return{sliding:t,mouseDownHandler:function(n){if(a.current){r.current=setTimeout((function(){i(!0)}),500),o.current={left:a.current.scrollLeft,x:n.clientX};var e=function(n){var e=o.current;if(e){var t=n.clientX-e.x;a.current&&(a.current.scrollLeft=e.left-t)}},t=function(){r.current&&(clearTimeout(r.current),r.current=void 0),i(!1),document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",t)};document.addEventListener("mousemove",e),document.addEventListener("mouseup",t)}},sliderRef:a,pos:o}}(),g=m.sliding,f=m.mouseDownHandler,h=m.sliderRef,v=n.useContext(t.TogetherComponentGlobalContext),x=v.data.env.togetherBasePath,b=v.action.sanitizeFunction;return L.default.createElement(cn,i.__assign({ref:h,onClick:r,onMouseDown:function(n){return f(n)},className:"".concat(l," ").concat(g?"sliding":""),style:d},u),o.map((function(n,i){return L.default.createElement("a",{className:"tag-link-item",key:i,"data-event-category":c,"data-event-action":"Topic in Post Click","data-event-label":"".concat(t.getCurrentBaseUrl(p)).concat(x).concat(n.url),href:n.isActive&&!n.isHidden?"".concat(x).concat(n.url):void 0},L.default.createElement(e.Text,{size:"p3"},L.default.createElement("span",{dangerouslySetInnerHTML:{__html:(null==b?void 0:b(n.name))||n.name}})))})))},un=z.default.div(on||(on=i.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px;\n  cursor: pointer;\n  &[data-color='gray'] {\n    background: ",";\n  }\n  &[data-color='white'] {\n    border-bottom: 1px solid #e4e8ec;\n    background: ",";\n  }\n\n  .popover-menu__btn {\n    display: flex;\n    min-width: 2rem;\n    height: 2rem;\n    align-items: center;\n    padding: 8px 0 !important;\n    border: none;\n    margin-left: 0.5rem;\n    background: transparent;\n    > span {\n      display: flex;\n      align-items: center;\n    }\n\n    &:hover {\n      background: transparent !important;\n    }\n  }\n\n  &.label-pinned {\n    border-radius: 6px 6px 0 0;\n    .label-sort-pin-icon {\n      width: 16px;\n      height: 16px;\n      vertical-align: middle;\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    padding: 0.75rem 1rem;\n    border-radius: 16px 16px 0px 0px;\n    &[data-color='white'] {\n      border-bottom: none;\n    }\n    &[data-color='gray'] {\n      background: #f3f3f3;\n    }\n    .popover-menu__btn {\n      width: unset;\n    }\n\n    &.label-pinned {\n      border-bottom: none;\n      background: #fff9eb;\n      border-radius: 1rem 1rem 0 0;\n      .label-sort-pin-icon {\n        margin-right: 8px;\n      }\n      .label-sort-pin-heading {\n        color: #fb8c00;\n      }\n    }\n    &.label-sorting {\n      "," {\n        padding-bottom: 1.5rem;\n        margin-bottom: -0.75rem;\n      }\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px;\n  cursor: pointer;\n  &[data-color='gray'] {\n    background: ",";\n  }\n  &[data-color='white'] {\n    border-bottom: 1px solid #e4e8ec;\n    background: ",";\n  }\n\n  .popover-menu__btn {\n    display: flex;\n    min-width: 2rem;\n    height: 2rem;\n    align-items: center;\n    padding: 8px 0 !important;\n    border: none;\n    margin-left: 0.5rem;\n    background: transparent;\n    > span {\n      display: flex;\n      align-items: center;\n    }\n\n    &:hover {\n      background: transparent !important;\n    }\n  }\n\n  &.label-pinned {\n    border-radius: 6px 6px 0 0;\n    .label-sort-pin-icon {\n      width: 16px;\n      height: 16px;\n      vertical-align: middle;\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    padding: 0.75rem 1rem;\n    border-radius: 16px 16px 0px 0px;\n    &[data-color='white'] {\n      border-bottom: none;\n    }\n    &[data-color='gray'] {\n      background: #f3f3f3;\n    }\n    .popover-menu__btn {\n      width: unset;\n    }\n\n    &.label-pinned {\n      border-bottom: none;\n      background: #fff9eb;\n      border-radius: 1rem 1rem 0 0;\n      .label-sort-pin-icon {\n        margin-right: 8px;\n      }\n      .label-sort-pin-heading {\n        color: #fb8c00;\n      }\n    }\n    &.label-sorting {\n      "," {\n        padding-bottom: 1.5rem;\n        margin-bottom: -0.75rem;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white}),h.MediaQueries.tdUp),mn=function(i){var a=i.label,o=i.rightLabel,r=i.onClick,l=i.color,d=i.className,s=i.style,c=n.useContext(t.TogetherComponentGlobalContext).data.env.isMarryBaby;return L.default.createElement(un,{"data-is-marrybaby":c,"data-color":l,onClick:r,className:d,style:s},L.default.createElement(e.Text,{className:"label-sort-pin-heading",size:c?"p4":"p3",type:"bold"},a),o)},gn=function(e){var i=e.onClick;e.color;var a=e.className,o=e.style,l=n.useContext(t.TogetherComponentGlobalContext).data.env.isMarryBaby,d=r.useTranslations().t;return L.default.createElement(mn,{label:L.default.createElement(L.default.Fragment,null,l&&L.default.createElement("img",{className:"label-sort-pin-icon",src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M3.5 19.9999L7.87 15.6299' stroke='%23FB8C00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.95634 11.294C4.56534 11.685 4.56534 12.318 4.95634 12.708L7.87434 15.626L10.7923 18.544C11.1833 18.935 11.8163 18.935 12.2063 18.544L13.3813 17.369C13.5693 17.181 13.6743 16.927 13.6743 16.662V12.726L16.5743 9.82597L18.8833 9.94897C19.1663 9.96397 19.4433 9.85797 19.6433 9.65797L20.2173 9.08397C20.6083 8.69297 20.6083 8.05997 20.2173 7.66997L15.8313 3.28397C15.4403 2.89297 14.8073 2.89297 14.4173 3.28397L13.8433 3.85797C13.6423 4.05897 13.5363 4.33497 13.5523 4.61797L13.6753 6.92697L10.7753 9.82697H6.83834C6.57334 9.82697 6.31834 9.93197 6.13134 10.12L4.95634 11.294V11.294Z' stroke='%23FB8C00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath d='M16.5699 9.83018L13.6699 6.93018' stroke='%23FB8C00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3c/svg%3e"})," ",d("label.pinnedPost")),rightLabel:!l&&L.default.createElement("img",{className:"label-sort-pin-icon",src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='7.18605' y1='7.68219' x2='3.68219' y2='13.8139' stroke='%23FEA21E' stroke-linecap='round'/%3e%3cpath d='M3.24591 7.78426C3.21275 7.84168 3.20376 7.90993 3.22092 7.97398C3.23808 8.03803 3.27998 8.09264 3.3374 8.12579L8.78429 11.2706C8.90385 11.3396 9.05674 11.2986 9.12578 11.1791C9.71191 10.1641 9.71348 8.97262 9.23682 7.99339L10.8583 5.18521C11.5115 5.00603 12.0982 4.57973 12.4638 3.94629C12.5328 3.82672 12.4919 3.67383 12.3723 3.6048L8.18237 1.18584C8.12494 1.15268 8.0567 1.1437 7.99265 1.16086C7.92861 1.17803 7.874 1.21993 7.84086 1.27736C7.47521 1.91077 7.39934 2.63194 7.57065 3.28723L5.94919 6.09545C4.86323 6.1723 3.83201 6.76934 3.24591 7.78426Z' fill='%23FEA21E' stroke='%23FEA21E' stroke-width='0.5' stroke-linejoin='round'/%3e%3c/svg%3e"}),onClick:i,color:"white",className:"label-pinned ".concat(a),style:o})},fn=z.default.div(rn||(rn=i.__makeTemplateObject(["\n  position: relative;\n  display: content;\n\n  .popover-menu__btn {\n    /* position: relative; */\n    > span {\n      width: 100%;\n      height: 100%;\n      > img {\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n\n  .popover-menu__content {\n    position: absolute;\n    z-index: 10;\n    width: 320px;\n    padding: 8px;\n    border: none;\n    background: #fff;\n    border-radius: 8px;\n    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);\n\n    &::before {\n      position: absolute;\n      width: 16px;\n      height: 8px;\n      background: #fff;\n      content: '';\n    }\n\n    &.--position {\n      &-top {\n        bottom: calc(100% + 8px);\n\n        &.--align {\n          &-start {\n            left: 0;\n\n            &::before {\n              top: 100%;\n              left: 16px;\n              clip-path: polygon(0 0, 50% 100%, 100% 0);\n            }\n          }\n\n          &-end {\n            left: 100%;\n            transform: translateX(calc(-100% + 1rem));\n\n            &::before {\n              top: 100%;\n              right: 16px;\n              clip-path: polygon(0 0, 50% 100%, 100% 0);\n            }\n          }\n        }\n      }\n\n      &-right {\n        left: calc(100% + 8px);\n\n        &.--align {\n          &-start {\n            top: 0;\n\n            &::before {\n              top: 16px;\n              left: 0;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 50%, 100% 0%, 100% 100%);\n              transform: translateX(-100%);\n            }\n          }\n\n          &-end {\n            top: 100%;\n            transform: translateX(calc(-100% + 1rem));\n\n            &::before {\n              bottom: 16px;\n              left: 0;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 50%, 100% 0%, 100% 100%);\n              transform: translateX(-100%);\n            }\n          }\n        }\n      }\n\n      &-bottom {\n        top: calc(100% + 8px);\n\n        &.--align {\n          &-start {\n            left: 0;\n\n            &::before {\n              bottom: 100%;\n              left: 16px;\n              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n            }\n          }\n\n          &-end {\n            left: 100%;\n            transform: translateX(calc(-100% + 1rem));\n\n            &::before {\n              right: 16px;\n              bottom: 100%;\n              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n            }\n          }\n        }\n      }\n\n      &-left {\n        left: -8px;\n        transform: translateX(-100%);\n\n        &.--align {\n          &-start {\n            top: 0;\n\n            &::before {\n              top: 16px;\n              left: 100%;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 0%, 100% 50%, 0% 100%);\n              transform: translateX(0);\n            }\n          }\n\n          &-end {\n            bottom: 0;\n\n            &::before {\n              bottom: 16px;\n              left: 100%;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 0%, 100% 50%, 0% 100%);\n              transform: translateX(0);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    .popover-menu__content {\n      padding: 0;\n      border-radius: 12px;\n      /* &::before {\n        display: none;\n      } */\n    }\n  }\n"],["\n  position: relative;\n  display: content;\n\n  .popover-menu__btn {\n    /* position: relative; */\n    > span {\n      width: 100%;\n      height: 100%;\n      > img {\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n\n  .popover-menu__content {\n    position: absolute;\n    z-index: 10;\n    width: 320px;\n    padding: 8px;\n    border: none;\n    background: #fff;\n    border-radius: 8px;\n    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);\n\n    &::before {\n      position: absolute;\n      width: 16px;\n      height: 8px;\n      background: #fff;\n      content: '';\n    }\n\n    &.--position {\n      &-top {\n        bottom: calc(100% + 8px);\n\n        &.--align {\n          &-start {\n            left: 0;\n\n            &::before {\n              top: 100%;\n              left: 16px;\n              clip-path: polygon(0 0, 50% 100%, 100% 0);\n            }\n          }\n\n          &-end {\n            left: 100%;\n            transform: translateX(calc(-100% + 1rem));\n\n            &::before {\n              top: 100%;\n              right: 16px;\n              clip-path: polygon(0 0, 50% 100%, 100% 0);\n            }\n          }\n        }\n      }\n\n      &-right {\n        left: calc(100% + 8px);\n\n        &.--align {\n          &-start {\n            top: 0;\n\n            &::before {\n              top: 16px;\n              left: 0;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 50%, 100% 0%, 100% 100%);\n              transform: translateX(-100%);\n            }\n          }\n\n          &-end {\n            top: 100%;\n            transform: translateX(calc(-100% + 1rem));\n\n            &::before {\n              bottom: 16px;\n              left: 0;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 50%, 100% 0%, 100% 100%);\n              transform: translateX(-100%);\n            }\n          }\n        }\n      }\n\n      &-bottom {\n        top: calc(100% + 8px);\n\n        &.--align {\n          &-start {\n            left: 0;\n\n            &::before {\n              bottom: 100%;\n              left: 16px;\n              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n            }\n          }\n\n          &-end {\n            left: 100%;\n            transform: translateX(calc(-100% + 1rem));\n\n            &::before {\n              right: 16px;\n              bottom: 100%;\n              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n            }\n          }\n        }\n      }\n\n      &-left {\n        left: -8px;\n        transform: translateX(-100%);\n\n        &.--align {\n          &-start {\n            top: 0;\n\n            &::before {\n              top: 16px;\n              left: 100%;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 0%, 100% 50%, 0% 100%);\n              transform: translateX(0);\n            }\n          }\n\n          &-end {\n            bottom: 0;\n\n            &::before {\n              bottom: 16px;\n              left: 100%;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 0%, 100% 50%, 0% 100%);\n              transform: translateX(0);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    .popover-menu__content {\n      padding: 0;\n      border-radius: 12px;\n      /* &::before {\n        display: none;\n      } */\n    }\n  }\n"]))),hn=z.default.div(ln||(ln=i.__makeTemplateObject(["\n  display: flex;\n  /* max-height: 300px; */\n  flex-direction: column;\n  cursor: default;\n\n  .__header {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1rem 0;\n    margin-bottom: 8px;\n\n    .__back-btn {\n      position: absolute;\n      top: 50%;\n      left: 8px;\n      width: 16px;\n      height: 16px;\n      cursor: pointer;\n      transform: translateY(-50%);\n    }\n  }\n\n  .tree-text-description {\n    padding-right: 8px;\n    padding-left: 8px;\n    margin-top: -8px;\n    margin-bottom: 8px;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 22px;\n    text-align: left;\n  }\n\n  .__content {\n    overflow: auto;\n    flex: 1;\n  }\n\n  .__list {\n    .__item {\n      position: relative;\n      &.bold-item {\n        font-weight: 700;\n      }\n      &:last-child {\n        .__btn {\n          margin-bottom: 0;\n        }\n      }\n\n      .__btn {\n        position: relative;\n        display: flex;\n        width: 100%;\n        height: 40px;\n        align-items: center;\n        padding: 0 1rem;\n        border: none;\n        margin-bottom: 8px;\n        color: ",";\n        cursor: pointer;\n        text-align: left;\n        transition: background 0.3s;\n\n        /* for better gtm tracking result  */\n        * {\n          pointer-events: none;\n        }\n        &.--checked {\n          color: ",";\n          pointer-events: none;\n        }\n\n        &:hover {\n          background: ",";\n        }\n\n        .__icon {\n          width: 16px;\n          height: 16px;\n          margin-right: 0.4rem;\n        }\n\n        & > span {\n          position: relative;\n\n          & > img {\n            width: 16px;\n            height: 16px;\n            margin-right: 0.4rem;\n          }\n        }\n      }\n\n      .__toggle {\n        position: absolute;\n        top: 50%;\n        right: 16px;\n        width: 16px;\n        height: 16px;\n        pointer-events: none;\n        transform: translateY(-50%);\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .__header {\n      padding: 1rem;\n    }\n    .tree-text-description {\n      padding: 0 1rem;\n    }\n    .__list {\n      .__item {\n        &:first-child {\n          .__btn {\n            border-top-left-radius: 12px;\n            border-top-right-radius: 12px;\n          }\n        }\n        &:last-child {\n          .__btn {\n            border-bottom-left-radius: 12px;\n            border-bottom-right-radius: 12px;\n          }\n        }\n        .__btn {\n          height: unset;\n          padding: 1rem;\n          margin-bottom: 0;\n          &:hover {\n            background: ",";\n          }\n        }\n      }\n    }\n  }\n"],["\n  display: flex;\n  /* max-height: 300px; */\n  flex-direction: column;\n  cursor: default;\n\n  .__header {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1rem 0;\n    margin-bottom: 8px;\n\n    .__back-btn {\n      position: absolute;\n      top: 50%;\n      left: 8px;\n      width: 16px;\n      height: 16px;\n      cursor: pointer;\n      transform: translateY(-50%);\n    }\n  }\n\n  .tree-text-description {\n    padding-right: 8px;\n    padding-left: 8px;\n    margin-top: -8px;\n    margin-bottom: 8px;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 22px;\n    text-align: left;\n  }\n\n  .__content {\n    overflow: auto;\n    flex: 1;\n  }\n\n  .__list {\n    .__item {\n      position: relative;\n      &.bold-item {\n        font-weight: 700;\n      }\n      &:last-child {\n        .__btn {\n          margin-bottom: 0;\n        }\n      }\n\n      .__btn {\n        position: relative;\n        display: flex;\n        width: 100%;\n        height: 40px;\n        align-items: center;\n        padding: 0 1rem;\n        border: none;\n        margin-bottom: 8px;\n        color: ",";\n        cursor: pointer;\n        text-align: left;\n        transition: background 0.3s;\n\n        /* for better gtm tracking result  */\n        * {\n          pointer-events: none;\n        }\n        &.--checked {\n          color: ",";\n          pointer-events: none;\n        }\n\n        &:hover {\n          background: ",";\n        }\n\n        .__icon {\n          width: 16px;\n          height: 16px;\n          margin-right: 0.4rem;\n        }\n\n        & > span {\n          position: relative;\n\n          & > img {\n            width: 16px;\n            height: 16px;\n            margin-right: 0.4rem;\n          }\n        }\n      }\n\n      .__toggle {\n        position: absolute;\n        top: 50%;\n        right: 16px;\n        width: 16px;\n        height: 16px;\n        pointer-events: none;\n        transform: translateY(-50%);\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .__header {\n      padding: 1rem;\n    }\n    .tree-text-description {\n      padding: 0 1rem;\n    }\n    .__list {\n      .__item {\n        &:first-child {\n          .__btn {\n            border-top-left-radius: 12px;\n            border-top-right-radius: 12px;\n          }\n        }\n        &:last-child {\n          .__btn {\n            border-bottom-left-radius: 12px;\n            border-bottom-right-radius: 12px;\n          }\n        }\n        .__btn {\n          height: unset;\n          padding: 1rem;\n          margin-bottom: 0;\n          &:hover {\n            background: ",";\n          }\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.mbColors.lightPink})),vn=function(e){var o=e.className,r=e.style,l=e.toggleButtonContent,d=e.position,s=void 0===d?"bottom":d,c=e.align,p=void 0===c?"end":c,u=e.children,m=e.buttonProps,g=n.useContext(t.TogetherComponentGlobalContext).data.env.isMarryBaby,f=n.useState(!1),h=f[0],v=f[1],x=n.useRef(null),b=n.useRef(h);return n.useEffect((function(){var n;b.current=h,h&&(null===(n=x.current)||void 0===n||n.focus())}),[h]),n.useEffect((function(){var n=function(n){var e;!(null===(e=x.current)||void 0===e?void 0:e.contains(n.target))&&b.current&&v(!1)};return window.addEventListener("click",n),function(){window.removeEventListener("click",n)}}),[]),L.default.createElement(fn,{"data-is-marrybaby":g,className:o,style:r},L.default.createElement(a.Button,i.__assign({theme:g?"marryBaby":"helloSites",className:"popover-menu__btn",size:"md",color:"transparent",onClick:function(){return v((function(n){return!n}))}},m),l),h?L.default.createElement("div",{ref:x,className:"popover-menu__content --position-".concat(s," --align-").concat(p),tabIndex:0,onClick:function(n){return n.stopPropagation()}},"function"==typeof u?u({setShow:v}):u):null)},xn=function(n){var e=n.data,t=i.__rest(n,["data"]);return L.default.createElement(vn,i.__assign({},t),(function(n){var t=n.setShow;return L.default.createElement(bn,{data:e,setShow:t})}))},bn=function(t){var i,a=t.data,o=t.setShow,r=n.useState(""),l=r[0],s=r[1],c=n.useMemo((function(){return a&&function(n,e){var t=e.split("."),i=n;return t.forEach((function(n){var e,t;n&&i&&"list"===(null==i?void 0:i.type)&&(i=null===(t=null===(e=null==i?void 0:i.list)||void 0===e?void 0:e[Number(n)])||void 0===t?void 0:t.subTree)})),i}(a,l)}),[a,l]);if(!a)return null;if(!c)return null;return L.default.createElement(hn,null,c.isShowheader?L.default.createElement("div",{className:"__header"},l?L.default.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:function(){return s((function(n){return n.split(".").slice(0,-1).join(".")}))}}):null,c.title?L.default.createElement(m.Heading,{className:"__title",tag:"h6"},c.title):null):null,c.description?L.default.createElement(e.Text,{className:"tree-text-description",color:d.theme.colors.gray600,size:"p3",type:"regular"},c.description):null,L.default.createElement("div",{className:"__content"},"jsx"===c.type?null===(i=null==c?void 0:c.jsxRenderer)||void 0===i?void 0:i.call(c,o):null,"list"===c.type?L.default.createElement("ul",{className:"__list"},Array.isArray(c.list)?c.list.map((function(n,e){return L.default.createElement("li",{key:e,style:n.style,className:"__item ".concat(n.className)}," ",L.default.createElement("div",{className:"__btn ".concat(n.selected?"--checked":""),onClick:function(){return function(n,e){var t=e.subTree,i=e.onClick,a=void 0===i?function(){return null}:i;a&&a(),t?s((function(e){return e.split(".").concat(String(n)).join(".")})):o&&o(!1)}(e,n)},"data-event-category":n.dataEventCategory,"data-event-action":n.dataEventAction,"data-event-label":n.dataEventLabel},n.icon&&L.default.createElement("img",{className:"__icon",src:n.icon}),L.default.createElement("span",null,n.label)),n.subTree?L.default.createElement("img",{className:"__toggle",src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 12L10 8L6 4' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"}):null,n.selected?L.default.createElement("img",{className:"__toggle",src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3334 4L6.00002 11.3333L2.66669 8' stroke='%238C8C8C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"}):null)})):null):null))};!function(n){n.latest="latest",n.oldest="oldest",n.popular="popular"}(dn||(dn={}));var wn=z.default.div(yn||(yn=i.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  a {\n    text-decoration: none;\n  }\n  .button-more {\n    display: flex;\n    width: 20px;\n    height: 20px;\n    align-items: center;\n    justify-content: center;\n    .button-more-icon {\n      height: 13px;\n      vertical-align: middle;\n    }\n  }\n  .temp-avatar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-weight: bold;\n  }\n\n  .author-info {\n    flex: 1;\n    margin-left: 0.5rem;\n    .author-info-top {\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n    }\n    .author-info-text-wrapper {\n      display: flex;\n      min-width: 0px;\n      flex: 1 1 0%;\n      align-items: center;\n    }\n    .author-name {\n      overflow: hidden;\n      font-weight: 600;\n      font-size: 14px;\n      line-height: 22px;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .author-time {\n      flex-shrink: 0;\n    }\n  }\n  .author-community {\n    .text-container {\n      color: ",";\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 18px;\n      .time-text {\n        font-size: 12px;\n        font-weight: normal;\n      }\n      a {\n        color: inherit;\n      }\n    }\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-is-booking='true'] {\n    display: grid;\n    background-color: ",";\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    align-items: unset;\n    .author-info \n      "," {\n        margin-left: 0.5rem;\n      }\n      .author-info-text-wrapper {\n        flex-wrap: wrap;\n      }\n      .author-time {\n        margin-left: 0.4rem;\n        font-size: 14px;\n      }\n    }\n    .author-community {\n      .text-container {\n        font-size: 12px;\n        line-height: 20px;\n      }\n      .author-community-name {\n        color: ",";\n        font-weight: 500;\n      }\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  a {\n    text-decoration: none;\n  }\n  .button-more {\n    display: flex;\n    width: 20px;\n    height: 20px;\n    align-items: center;\n    justify-content: center;\n    .button-more-icon {\n      height: 13px;\n      vertical-align: middle;\n    }\n  }\n  .temp-avatar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-weight: bold;\n  }\n\n  .author-info {\n    flex: 1;\n    margin-left: 0.5rem;\n    .author-info-top {\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n    }\n    .author-info-text-wrapper {\n      display: flex;\n      min-width: 0px;\n      flex: 1 1 0%;\n      align-items: center;\n    }\n    .author-name {\n      overflow: hidden;\n      font-weight: 600;\n      font-size: 14px;\n      line-height: 22px;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .author-time {\n      flex-shrink: 0;\n    }\n  }\n  .author-community {\n    .text-container {\n      color: ",";\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 18px;\n      .time-text {\n        font-size: 12px;\n        font-weight: normal;\n      }\n      a {\n        color: inherit;\n      }\n    }\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-is-booking='true'] {\n    display: grid;\n    background-color: ",";\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    align-items: unset;\n    .author-info \n      "," {\n        margin-left: 0.5rem;\n      }\n      .author-info-text-wrapper {\n        flex-wrap: wrap;\n      }\n      .author-time {\n        margin-left: 0.4rem;\n        font-size: 14px;\n      }\n    }\n    .author-community {\n      .text-container {\n        font-size: 12px;\n        line-height: 20px;\n      }\n      .author-community-name {\n        color: ",";\n        font-weight: 500;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.blue50}),h.MediaQueries.mbDown,(function(n){return n.theme.mbColors.cobalt}));z.default.img(Cn||(Cn=i.__makeTemplateObject(["\n  width: 20px;\n  height: 20px;\n  margin-left: 0.5rem;\n  cursor: pointer;\n  object-fit: contain;\n"],["\n  width: 20px;\n  height: 20px;\n  margin-left: 0.5rem;\n  cursor: pointer;\n  object-fit: contain;\n"])));var yn,Cn,kn,En=z.default.div(kn||(kn=i.__makeTemplateObject(["\n  position: relative;\n  .mini-icon {\n    position: absolute;\n    right: 1.2px;\n    bottom: 1.2px;\n  }\n"],["\n  position: relative;\n  .mini-icon {\n    position: absolute;\n    right: 1.2px;\n    bottom: 1.2px;\n  }\n"]))),An=function(e){var t=e.fallbackSrc,a=void 0===t?g.CommonGAssets.getAssetPath("avatar.jpg"):t,o=i.__rest(e,["fallbackSrc"]),r=n.useRef(null),l=o.src||a||"",d=n.useRef(!1);n.useEffect((function(){l!==a&&r.current&&(r.current.src=l)}),[]),n.useEffect((function(){d.current=!1}),[l]);return L.default.createElement("img",i.__assign({ref:r},o,{src:l,onError:function(n){var e;d.current||(n.currentTarget.src=a||"",d.current=!0),null===(e=o.onError)||void 0===e||e.call(o,n)}}))},_n="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",Tn="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",Nn=z.default.div(jn||(jn=i.__makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),h.MediaQueries.tdUp,h.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50})),Ln=z.default.div(Sn||(Sn=i.__makeTemplateObject(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),Mn=z.default.div(Pn||(Pn=i.__makeTemplateObject(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),zn=z.default.div(In||(In=i.__makeTemplateObject(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"])));z.default.span(Fn||(Fn=i.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),z.default.div(On||(On=i.__makeTemplateObject(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400})),z.default.div(Bn||(Bn=i.__makeTemplateObject(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"])));var jn,Sn,Pn,In,Fn,On,Bn,Vn,Un=z.default.ul(Vn||(Vn=i.__makeTemplateObject(["\n  padding-left: 18px;\n  li {\n    list-style-type: disc;\n  }\n"],["\n  padding-left: 18px;\n  li {\n    list-style-type: disc;\n  }\n"]))),Rn=function(o){var l,s,c,p=o.isOpen,u=void 0===p||p,m=o.onClose,f=o.enableAnimation,h=void 0===f||f,v=o.doctorId,x=o.locale,b=o.isMobile,w=o.overwriteProfileProps,y=o.avatarFallback,C=void 0===y?g.CommonGAssets.getAssetPath("avatar.jpg"):y,k=o.trackingCategory,E=void 0===k?"Together":k,A=r.useTranslations().t,_=n.useState(null),T=_[0],N=_[1],M=n.useState(!1),z=M[0],j=M[1];n.useEffect((function(){if(u&&v&&String(null==T?void 0:T.id)!==String(v)){j(!0);try{N(null),t.callApi(t.getCarePath(t.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:v,website_url:t.domainLocales[x]}),"get").then((function(n){N(i.__assign(i.__assign({},null==n?void 0:n._data.doctor),w))}))}catch(n){console.error(n)}j(!1)}}),[u,v,null==T?void 0:T.id]);var S=(null==T?void 0:T.experiences)||[],P=((null==T?void 0:T.specialties)||[]).map((function(n){return(null==n?void 0:n.name)||n})).join(" • "),I=S.map((function(n){try{return JSON.parse(n.description)}catch(e){return n.description}})).filter((function(n){return n.content}));return L.default.createElement(L.default.Fragment,null,L.default.createElement(Nn,{"data-open":u,"data-animation":h,onClick:function(n){return n.stopPropagation()}},z||!T?L.default.createElement(X,null):L.default.createElement("div",{className:"popup-content"},L.default.createElement("div",{className:"close-button",onClick:m},L.default.createElement("img",{src:_n,style:{width:20,height:20},alt:"close-icon"})),L.default.createElement("div",{className:"main-info"},L.default.createElement("div",{className:"border-banner"}),L.default.createElement("div",{className:"avatar-title"},L.default.createElement(Mn,null,L.default.createElement("div",{className:"image-container"},L.default.createElement("div",{style:{position:"relative"}},L.default.createElement(An,{src:null==T?void 0:T.avatar,fallbackSrc:C,className:"profile-image",alt:"avatar"}),L.default.createElement("img",{className:"badge-avatar",src:Tn,alt:"badge"})))),L.default.createElement(zn,null,L.default.createElement(e.Text,{size:"s3",type:"semiBold",className:"full-name"},null==T?void 0:T.name),L.default.createElement("div",{className:"specialty"},P&&L.default.createElement(L.default.Fragment,null,L.default.createElement(e.Text,{size:"p4",color:d.theme.colors.gray800},P," • ")),L.default.createElement("a",{href:t.getCareHospitalUrl({id:null===(l=null==T?void 0:T.organization)||void 0===l?void 0:l.id,name:null===(s=null==T?void 0:T.organization)||void 0===s?void 0:s.name,slug:null===(c=null==T?void 0:T.organization)||void 0===c?void 0:c.slug,locale:x}),className:"organisation",target:"_blank",rel:"noreferrer"},L.default.createElement(e.Text,{size:"p4",className:"organisation",color:d.theme.colors.gray800,style:{textDecoration:"underline"}},null==T?void 0:T.organization.name))))),!b&&L.default.createElement("div",{className:"btn-wrapper"},L.default.createElement("a",{href:t.getCareDoctorUrl({name:T.name,id:T.id,locale:x})},L.default.createElement(a.Button,{color:"primary",size:"md",className:"btn-booking"},A("careBooking.bookAnAppointment"))))),I&&L.default.createElement(zn,null,L.default.createElement("div",{className:"experience"},L.default.createElement(e.Text,{type:"bold",size:"s3",color:d.theme.colors.gray800,style:{paddingBottom:16}},A("expert.content.description").toUpperCase()),L.default.createElement(Un,null,I.map((function(n,t){return L.default.createElement("li",{key:t},L.default.createElement(e.Text,{size:"p2"},function(n){return(null==n?void 0:n.year)?"".concat(n.year," ").concat(null==n?void 0:n.content):(null==n?void 0:n.content)?n.content:"string"==typeof n?n:""}(n)))}))),b?L.default.createElement("div",{className:"btn-wrapper"},L.default.createElement("a",{href:t.getCareDoctorUrl({name:T.name,id:T.id,locale:x})},L.default.createElement(a.Button,{color:"primary",size:"md",className:"btn-booking"},A("careBooking.bookAnAppointment")))):L.default.createElement("a",{href:t.getCareDoctorUrl({name:T.name,id:T.id,locale:x})},L.default.createElement(e.Text,{size:"s4",color:"#2D87F3",style:{paddingTop:24},"data-event-category":E,"data-event-action":"See Full Doctor Profile","data-event-label":t.getCurrentBaseUrl(x)+t.getCareDoctorUrl({name:T.name,id:T.id,locale:x})},A("home.seeExpert"))))))),L.default.createElement(Ln,{"data-open":u,onClick:function(n){n.stopPropagation(),m()}}))},Dn=z.default.div(qn||(qn=i.__makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),h.MediaQueries.tdUp,h.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50})),Hn=z.default.div(Gn||(Gn=i.__makeTemplateObject(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),Zn=z.default.div(Qn||(Qn=i.__makeTemplateObject(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),Wn=z.default.div(Xn||(Xn=i.__makeTemplateObject(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"])));z.default.span(Kn||(Kn=i.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),z.default.div(Yn||(Yn=i.__makeTemplateObject(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400}));var qn,Gn,Qn,Xn,Kn,Yn,Jn,$n,ne,ee,te,ie,ae,oe,re=z.default.div(Jn||(Jn=i.__makeTemplateObject(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"]))),le={author:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%2345A4FF'/%3e%3cpath d='M23.9998 11.9995C23.9998 11.4024 23.9561 10.8154 23.8719 10.2417L18.7952 5.16504L5.04102 18.9585L9.89867 23.8162C10.5809 23.9366 11.283 23.9995 11.9998 23.9995C18.6272 23.9995 23.9998 18.6269 23.9998 11.9995Z' fill='%232D87F3'/%3e%3cpath d='M9.01377 17.824L5.04102 18.9591L6.17609 14.9863L8.54445 15.4556L9.01377 17.824Z' fill='white'/%3e%3cpath d='M8.54399 15.4561L5.04102 18.9591L9.01321 17.824L8.54399 15.4561Z' fill='%23F7F9FC'/%3e%3cpath d='M6.46714 18.5518L5.4485 17.5332L5.04102 18.9593L6.46714 18.5518Z' fill='%23E4E8EC'/%3e%3cpath d='M5.95747 18.043L5.04102 18.9595L6.46659 18.5521L5.95747 18.043Z' fill='%23D2D6DC'/%3e%3cpath d='M15.8281 5.33105L18.6654 8.16829L9.01365 17.82L6.17641 14.9828L15.8281 5.33105Z' fill='%23FFD658'/%3e%3cpath d='M7.59375 16.4043L17.2455 6.75259L18.6638 8.17094L9.0121 17.8226L7.59375 16.4043Z' fill='%23FFC326'/%3e%3cpath d='M18.3123 8.52499L15.4746 5.68737L16.5983 4.56359C17.0386 4.12334 17.7524 4.12334 18.1927 4.56359L19.436 5.8069C19.8763 6.24715 19.8763 6.96096 19.436 7.40121L18.3123 8.52499Z' fill='%23FF5331'/%3e%3cpath d='M18.8155 5.18555L16.8945 7.10648L18.3131 8.52497L19.4368 7.40119C19.877 6.96094 19.877 6.24713 19.4368 5.80688L18.8155 5.18555Z' fill='%23F44D2C'/%3e%3c/svg%3e",edtior:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%2345A4FF'/%3e%3cpath d='M23.9998 11.9995C23.9998 11.4024 23.9561 10.8154 23.8719 10.2417L18.7952 5.16504L5.04102 18.9585L9.89867 23.8162C10.5809 23.9366 11.283 23.9995 11.9998 23.9995C18.6272 23.9995 23.9998 18.6269 23.9998 11.9995Z' fill='%232D87F3'/%3e%3cpath d='M9.01377 17.824L5.04102 18.9591L6.17609 14.9863L8.54445 15.4556L9.01377 17.824Z' fill='white'/%3e%3cpath d='M8.54399 15.4561L5.04102 18.9591L9.01321 17.824L8.54399 15.4561Z' fill='%23F7F9FC'/%3e%3cpath d='M6.46714 18.5518L5.4485 17.5332L5.04102 18.9593L6.46714 18.5518Z' fill='%23E4E8EC'/%3e%3cpath d='M5.95747 18.043L5.04102 18.9595L6.46659 18.5521L5.95747 18.043Z' fill='%23D2D6DC'/%3e%3cpath d='M15.8281 5.33105L18.6654 8.16829L9.01365 17.82L6.17641 14.9828L15.8281 5.33105Z' fill='%23FFD658'/%3e%3cpath d='M7.59375 16.4043L17.2455 6.75259L18.6638 8.17094L9.0121 17.8226L7.59375 16.4043Z' fill='%23FFC326'/%3e%3cpath d='M18.3123 8.52499L15.4746 5.68737L16.5983 4.56359C17.0386 4.12334 17.7524 4.12334 18.1927 4.56359L19.436 5.8069C19.8763 6.24715 19.8763 6.96096 19.436 7.40121L18.3123 8.52499Z' fill='%23FF5331'/%3e%3cpath d='M18.8155 5.18555L16.8945 7.10648L18.3131 8.52497L19.4368 7.40119C19.877 6.96094 19.877 6.24713 19.4368 5.80688L18.8155 5.18555Z' fill='%23F44D2C'/%3e%3c/svg%3e",expert:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='12' fill='%23FFCB37'/%3e%3ccircle cx='12' cy='12' r='10.5' fill='%23FE921D'/%3e%3cpath d='M11.443 5.13654C11.6446 4.63466 12.355 4.63466 12.5566 5.13654L13.9931 8.71375C14.0789 8.92747 14.2795 9.0732 14.5093 9.08878L18.3553 9.34957C18.8949 9.38615 19.1145 10.0619 18.6994 10.4086L15.7412 12.8802C15.5645 13.0279 15.4878 13.2637 15.544 13.4871L16.4845 17.2254C16.6164 17.7499 16.0417 18.1676 15.5836 17.88L12.3188 15.8303C12.1238 15.7079 11.8758 15.7079 11.6808 15.8303L8.41599 17.88C7.95794 18.1676 7.38314 17.7499 7.51509 17.2254L8.45556 13.4871C8.51175 13.2637 8.43513 13.0279 8.25839 12.8802L5.30017 10.4086C4.88514 10.0619 5.10469 9.38615 5.64429 9.34957L9.49031 9.08878C9.7201 9.0732 9.92068 8.92747 10.0065 8.71375L11.443 5.13654Z' fill='white'/%3e%3c/svg%3e","fact-check":"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z' fill='%2300C076'/%3e%3cpath d='M11.9456 5.46631L6.66562 10.2663L4.26562 8.08449' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",medical:Tn},de=function(a){var o=a.trackingCategory,l=void 0===o?"Together":o,s=a.locale,c=a.isOpen,p=void 0===c||c,u=a.onClose,f=a.enableAnimation,h=void 0===f||f,v=a.expertId,x=a.overwriteProfileProps,b=a.avatarFallback,w=void 0===b?g.CommonGAssets.getAssetPath("avatar.jpg"):b,y=r.useTranslations().t,C=n.useState(null),k=C[0],E=C[1],A=n.useState(!1),_=A[0],T=A[1];return n.useEffect((function(){if(p&&v&&String(null==k?void 0:k.user_id)!==String(v)){T(!0);try{E(null),t.callApi(t.getDiscoverApiPath(t.DISCOVER_PATHS.GET_EXPERT_BY_ID,{id:v}),"get").then((function(n){E(i.__assign(i.__assign({},null==n?void 0:n.data),x))}))}catch(n){console.error(n)}T(!1)}}),[p,v,null==k?void 0:k.user_id]),L.default.createElement(L.default.Fragment,null,L.default.createElement(Dn,{"data-open":p,"data-animation":h,onClick:function(n){return n.stopPropagation()}},_||!k?L.default.createElement(X,null):L.default.createElement("div",{className:"popup-content"},L.default.createElement("div",{className:"close-button",onClick:u},L.default.createElement("img",{src:_n,style:{width:20,height:20},alt:"close-icon"})),L.default.createElement("div",{className:"main-info"},L.default.createElement("div",{className:"border-banner"}),L.default.createElement("div",{className:"avatar-title"},L.default.createElement(Zn,null,L.default.createElement("div",{className:"image-container"},L.default.createElement("div",{style:{position:"relative"}},L.default.createElement(An,{src:null==k?void 0:k.avatar,className:"profile-image",alt:"avatar",fallbackSrc:w}),L.default.createElement("img",{className:"badge-avatar",src:le[null==k?void 0:k.role],alt:"badge"})))),L.default.createElement(Wn,null,L.default.createElement(e.Text,{size:"s3",className:"full-name",type:"semiBold"},null==k?void 0:k.display_name),L.default.createElement("div",null,L.default.createElement(e.Text,{size:"p4",color:d.theme.colors.gray800},null==k?void 0:k.specialty," • "),L.default.createElement("a",{href:null==k?void 0:k.organisation_url,className:"organisation",target:"_blank",rel:"noreferrer"},L.default.createElement(e.Text,{size:"p4",className:"organisation",color:d.theme.colors.gray800,style:{textDecoration:"underline"}},null==k?void 0:k.organisation)))))),L.default.createElement(Wn,null,L.default.createElement("div",{className:"experience"},L.default.createElement(e.Text,{type:"bold",size:"p4",color:d.theme.colors.gray800,style:{paddingBottom:16}},y("expert.content.description").toUpperCase()),L.default.createElement("div",{className:"list-items"},!!(null==k?void 0:k.experiences)&&k.experiences.filter((function(n){return!(!n||!n.title&&!n.organization)})).slice(0,3).map((function(n,t){return L.default.createElement(re,{key:t},L.default.createElement("img",{className:"bullet-point",src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='2' fill='%232D87F3'/%3e%3c/svg%3e",alt:"point"}),L.default.createElement("div",{className:"text-contain"},L.default.createElement(m.Heading,{tag:"h6",color:d.theme.colors.gray800},null==n?void 0:n.title),L.default.createElement(e.Text,{size:"p2",color:d.theme.colors.gray500},null==n?void 0:n.organization)))}))),L.default.createElement("a",{href:null==k?void 0:k.profile_url,style:{display:"inline-block",paddingTop:24}},L.default.createElement(e.Text,{as:"span",size:"s4",color:"#2D87F3","data-event-category":l,"data-event-action":"See Full Doctor Profile","data-event-label":t.getCurrentBaseUrl(s)+(null==k?void 0:k.profile_url)},y("home.seeExpert"))))))),L.default.createElement(Hn,{"data-open":p,onClick:function(n){n.stopPropagation(),u()}}))},se=z.default.div($n||($n=i.__makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),h.MediaQueries.tdUp,h.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50})),ce=z.default.div(ne||(ne=i.__makeTemplateObject(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),pe=z.default.div(ee||(ee=i.__makeTemplateObject(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),ue=z.default.div(te||(te=i.__makeTemplateObject(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: block;\n    min-width: 240px;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: block;\n    min-width: 240px;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n  }\n"])));z.default.span(ie||(ie=i.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),z.default.div(ae||(ae=i.__makeTemplateObject(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400})),z.default.div(oe||(oe=i.__makeTemplateObject(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"])));var me=function(o){var l=o.isOpen,s=void 0===l||l,c=o.onClose,p=o.enableAnimation,u=void 0===p||p,m=o.hospitalId,f=o.locale,h=o.isMobile,v=o.overwriteProfileProps,x=o.avatarFallback,b=void 0===x?g.CommonGAssets.getAssetPath("avatar.jpg"):x,w=o.trackingCategory,y=void 0===w?"Together":w,C=r.useTranslations().t,k=n.useState(null),E=k[0],A=k[1],_=n.useState(!1),T=_[0],N=_[1];n.useEffect((function(){if(s&&m&&String(null==E?void 0:E.id)!==String(m)){N(!0);try{A(null),t.callApi(t.getCarePath(t.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:m,website_url:t.domainLocales[f]}),"get").then((function(n){A(i.__assign(i.__assign({},null==n?void 0:n._data.branch),v))}))}catch(n){console.error(n)}N(!1)}}),[s,m,null==E?void 0:E.id]);var M=(null==E?void 0:E.specialties)||[],z=n.useMemo((function(){return M.map((function(n){return n.name}))}),[M]);return L.default.createElement(L.default.Fragment,null,L.default.createElement(se,{"data-open":s,"data-animation":u,onClick:function(n){return n.stopPropagation()}},T||!E?L.default.createElement(X,null):L.default.createElement("div",{className:"popup-content"},L.default.createElement("div",{className:"close-button",onClick:c},L.default.createElement("img",{src:_n,style:{width:20,height:20},alt:"close-icon"})),L.default.createElement("div",{className:"main-info"},L.default.createElement("div",{className:"border-banner"}),L.default.createElement("div",{className:"avatar-title"},L.default.createElement(pe,null,L.default.createElement("div",{className:"image-container"},L.default.createElement("div",{style:{position:"relative"}},L.default.createElement(An,{src:null==E?void 0:E.logo,className:"profile-image",alt:"avatar",fallbackSrc:b}),L.default.createElement("img",{className:"badge-avatar",src:Tn,alt:"badge"})))),L.default.createElement(ue,null,L.default.createElement(e.Text,{size:"s3",type:"semiBold",className:"full-name"},null==E?void 0:E.name),L.default.createElement("div",{className:"specialty"},M&&L.default.createElement(e.Text,{size:"p4",color:d.theme.colors.gray800},z.join(" • "),"•"),L.default.createElement("a",{href:t.getCareHospitalUrl({id:E.id,name:E.name,slug:E.slug,locale:f}),className:"organisation",target:"_blank",rel:"noreferrer"},L.default.createElement(e.Text,{size:"p4",className:"organisation",color:d.theme.colors.gray800,style:{textDecoration:"underline"}},null==E?void 0:E.name))))),!h&&L.default.createElement("a",{href:t.getCareHospitalUrl({id:E.id,name:E.name,slug:E.slug,locale:f})},L.default.createElement("div",{className:"btn-wrapper"},L.default.createElement(a.Button,{color:"primary",size:"md",className:"btn-booking"},C("careBooking.bookAnAppointment"))))),L.default.createElement(ue,null,L.default.createElement("div",{className:"experience"},L.default.createElement(e.Text,{type:"bold",size:"s3",color:d.theme.colors.gray800,style:{paddingBottom:16}},C("hospital.content.description").toUpperCase()),L.default.createElement(e.Text,{size:"p2",color:d.theme.colors.gray500},E.about),h?L.default.createElement("a",{href:t.getCareHospitalUrl({id:E.id,name:E.name,slug:E.slug,locale:f})},L.default.createElement("div",{className:"btn-wrapper"},L.default.createElement(a.Button,{color:"primary",size:"md",className:"btn-booking"},C("careBooking.bookAnAppointment")))):L.default.createElement("a",{href:t.getCareHospitalUrl({id:E.id,name:E.name,slug:E.slug,locale:f})},L.default.createElement(e.Text,{size:"s4",color:"#2D87F3",as:"span","data-event-category":y,"data-event-action":"See Full Hospital Profile","data-event-label":t.getCurrentBaseUrl(f)+t.getCareHospitalUrl({id:E.id,name:E.name,slug:E.slug,locale:f})},C("home.seeHospital"))))))),L.default.createElement(ce,{"data-open":s,onClick:function(n){n.stopPropagation(),c()}}))};I.default.extend(F.default);var ge,fe,he,ve=function(l){var d=l.time,s=l.className,c=l.community,p=l.name,u=l.username,m=l.url,g=l.avatar,f=l.miniIcon,v=l.role,x=l.style,b=l.type,w=void 0===b?"post":b,C=l.expertId,k=l.isMarryBaby;l.title;var E=l.doctorId,A=l.hospitalId,_=l.hasQuickBooking,T=l.handleMakeAppointment,N=l.communityTrackingAttr,M=l.isAnonymous,z=i.__rest(l,["time","className","community","name","username","url","avatar","miniIcon","role","style","type","expertId","isMarryBaby","title","doctorId","hospitalId","hasQuickBooking","handleMakeAppointment","communityTrackingAttr","isAnonymous"]),j=n.useContext(t.TogetherComponentGlobalContext).data,S=j.locale,P=j.router,F=j.env,O=F.isMarryBaby,B=F.togetherBasePath,V=r.useTranslations().t,U="boolean"==typeof k?k:O,R=M?V("cardPost.anonymous"):p||u||"",D=M?t.DEFAULT_AVATAR_IMG:g,H=M?void 0:v,Z=d?isNaN(new Date(d).getTime())?null:new Date(d):null,W=Z?I.default(Z).toNow(!0):d,q=Z?I.default(Z).format("DD/MM/YYYY HH:mm"):d,G=n.useState(!1),Q=G[0],X=G[1],K=(P||{}).asPath,Y="https://".concat(y.domainLocales[S]).concat(K),J=function(n){"expert"===H&&(C||E||A)?(n.stopPropagation(),X(!0)):m&&(window.location.href=m)};return n.useEffect((function(){h.toggleNoScroll(Q)}),[Q]),L.default.createElement(L.default.Fragment,null,"expert"===H&&C?L.default.createElement(de,{isOpen:Q,onClose:function(){return X(!1)},expertId:C}):null,"expert"===H&&E?L.default.createElement(Rn,{isOpen:Q,onClose:function(){return X(!1)},doctorId:E,locale:S}):null,"expert"===H&&A?L.default.createElement(me,{isOpen:Q,onClose:function(){return X(!1)},hospitalId:A,locale:S}):null,L.default.createElement(wn,i.__assign({"data-is-marrybaby":U,className:s,style:x,"data-is-booking":_},z),L.default.createElement("div",{style:{display:"flex",width:"100%"}},L.default.createElement(En,{onClick:J},L.default.createElement(t.UserAvatar,{className:"author-avatar-wrapper",username:R,avatar:D}),f?L.default.createElement(t.Avatar,{className:"mini-icon",type:"rounded",avatarImg:L.default.createElement("img",{src:f,style:{width:"12px",height:"12px",objectFit:"cover"},alt:"badge"})}):null),L.default.createElement("div",{className:"expert-wrapper"},L.default.createElement("div",{className:"author-info"},L.default.createElement("div",{className:"author-info-top"},L.default.createElement("div",{onClick:J,className:"author-info-text-wrapper"},L.default.createElement("div",{className:"author-name"},R),H&&L.default.createElement(o.AuthorBadge,{role:H}),U?L.default.createElement(e.Text,{size:"p4",type:"regular",color:"#9495A0",title:q,className:"author-time"},"".concat("post"===w?"• ":"").concat(W)):null)),L.default.createElement("div",{className:"author-community"},L.default.createElement("div",{className:"text-container"},(null==c?void 0:c.name)&&L.default.createElement(L.default.Fragment,null,L.default.createElement("a",i.__assign({href:(null==c?void 0:c.slug)&&c.isActive&&!c.isHidden?"".concat(B,"/").concat(null==c?void 0:c.slug):void 0,className:"author-community-name"},N),"".concat(null==c?void 0:c.name)),(U?void 0:W)?" • ":""),L.default.createElement("span",{className:"time-text"},U?void 0:W)))))),_&&L.default.createElement("div",{className:"btn-wrapper"},L.default.createElement(a.Button,{color:"primary",size:"md",className:"btn-booking",onClick:function(n){null==T||T(E,A),n.stopPropagation()},dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:Y},V("careBooking.bookAnAppointment")))))},xe=function(n){return{message:n("notification.failure"),type:"danger"}},be=z.default.div(ge||(ge=i.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  padding: 16px 32px;\n\n  .input-group-container {\n    flex: 1;\n    padding-right: 2px;\n    padding-left: 2px;\n    margin-bottom: 0.5rem;\n    -ms-overflow-style: none; /* IE and Edge */\n    overflow-y: auto;\n    scrollbar-width: none; /* Firefox */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .input-group {\n    :not(:last-child) {\n      margin-bottom: 0.6rem;\n    }\n\n    input:focus,\n    textarea:focus,\n    [contenteditable='true'] {\n      outline: none;\n    }\n\n    label {\n      margin-bottom: 5px;\n      color: ",";\n      /* font-family: 'Open Sans', sans-serif; */\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .input-group-label {\n      margin-bottom: 5px;\n      color: ",";\n      /* font-family: 'Open Sans', sans-serif; */\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .input-notification {\n      display: flex;\n\n      & > img {\n        width: 16px;\n        height: 16px;\n        margin-top: 1.5px;\n        margin-right: 8px;\n      }\n    }\n\n    .tag-list {\n    }\n  }\n\n  .warning {\n    margin-top: 16px;\n  }\n\n  .submit-btn {\n    width: 100%;\n  }\n"],["\n  position: relative;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  padding: 16px 32px;\n\n  .input-group-container {\n    flex: 1;\n    padding-right: 2px;\n    padding-left: 2px;\n    margin-bottom: 0.5rem;\n    -ms-overflow-style: none; /* IE and Edge */\n    overflow-y: auto;\n    scrollbar-width: none; /* Firefox */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .input-group {\n    :not(:last-child) {\n      margin-bottom: 0.6rem;\n    }\n\n    input:focus,\n    textarea:focus,\n    [contenteditable='true'] {\n      outline: none;\n    }\n\n    label {\n      margin-bottom: 5px;\n      color: ",";\n      /* font-family: 'Open Sans', sans-serif; */\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .input-group-label {\n      margin-bottom: 5px;\n      color: ",";\n      /* font-family: 'Open Sans', sans-serif; */\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .input-notification {\n      display: flex;\n\n      & > img {\n        width: 16px;\n        height: 16px;\n        margin-top: 1.5px;\n        margin-right: 8px;\n      }\n    }\n\n    .tag-list {\n    }\n  }\n\n  .warning {\n    margin-top: 16px;\n  }\n\n  .submit-btn {\n    width: 100%;\n  }\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.colors.gray600})),we="data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 14.5C11.3137 14.5 14 11.8137 14 8.5C14 5.18629 11.3137 2.5 8 2.5C4.68629 2.5 2 5.18629 2 8.5C2 11.8137 4.68629 14.5 8 14.5Z' fill='%23FE921D'/%3e%3cpath d='M8 5.5V8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11.5H8.00708' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",ye=/<mocka ([^>]*)data-url="true"[^<>]*>(.*?)<\/mocka>/gim,Ce=/((?:=")|(?:data-url="true">)|)(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))/gim,ke=/\[a\+href="([^<"]+)"(?:\+text=\"([^<"]+)")?\]/gim,Ee=/<mention [^>]*data-id="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,Ae=/<mention [^>]*data-id="([^<"]+)" [^\>]*data-name="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,_e=/\[mention\+id="([^<"]+)"([^\]]*)\]/gim,Te=/^(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,Ne=/^((https?:\/\/)?(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,Le=/<a [^>]*href="([^>"]+)"[^>]*>([^<]+)<\/a>/gim,Me=/<mocka [^\>]*data-bad-word="[^\"]*" [^\>]*data-error="true"[^\>]*>(.*?)<\/mocka>/gim,ze=function(n){var e=n.url,t=n.text,i=n.method,a=t.indexOf(t.trimStart()),o=t.trimEnd().length,r=t.substring(0,a),l=t.substring(a,o),d=t.substring(o);return"edit"===i?"".concat(r,'<mocka data-href="').concat(e,'" data-url="true">').concat(l,"</mocka>").concat(d):"display"===i&&(e.startsWith("http://")||e.startsWith("https://"))?"".concat(r,'<a href="').concat(e,'" target="_blank">').concat(l,"</a>").concat(d):t},je=function(n,e){return n.replace(ke,(function(n,t,i){return ze({text:i||t,url:t,method:e})})).replace(Le,(function(n,t,i){return ze({text:i||t,url:t,method:e})}))},Se=function(n,e){return void 0===e&&(e=[]),n.replace(_e,(function(n,t,i){var a=e.find((function(n){return String(n.id)===t}));if(!a){if(!i)return"";var o="";return i.replace(/\+name="([^<"]+)"/i,(function(n,e){return o=e,n})),'<mention data-id="'.concat(t,'" data-name="').concat(o,'">').concat(o,"</mention>")}return'<mention data-id="'.concat(t,'" data-name="').concat(a.name,'">').concat(a.name,"</mention>")}))},Pe=function(n,e){var t=[];return n.replace(Ee,(function(n,e){return t.push(e),n})).replace(_e,(function(n,e){return t.push(e),n})),e?t:Array.from(new Set(t)).slice(0,30)},Ie=function(n){var e;return i.__spreadArray(i.__spreadArray([],function(n){var e=[];return n.replace(/(\&amp;)+/g,"&").replace(Ce,(function(n,t,i){return'="'!==t&&'data-url="true">'!==t&&e.push(i),n})),e}(n),!0),(null===(e=n.match(ye))||void 0===e?void 0:e.map((function(n){var e,t,i=null===(e=n.match(/data-href="([^"]*)"/im))||void 0===e?void 0:e[1],a=null===(t=n.match(/>(.*?)<\/mocka>/im))||void 0===t?void 0:t[1];return i||a})))||[],!0).filter((function(n){return!!n}))},Fe=function(n){return n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")},Oe=function(n){return n.replace(Me,"$1")},Be=function(n,e){return void 0===e&&(e=function(n){return n}),function(n,e){var t;return void 0===e&&(e=function(n){return n}),e(null===(t=n.replace(/(\&nbsp;)+/g," ").replace(/(\&amp;)+/g,"&"))||void 0===t?void 0:t.replace(/(\u200c|&zwnj;)+/g,"").replace(Ce,(function(n,e,t){return'="'!==e&&'data-url="true">'!==e?'<a href="'.concat(t,'" target="_blank">').concat(t,"</a>"):n})).replace(ye,(function(n,e,t){var i,a=null===(i=e.match(/data-href="([^"]*)"/im))||void 0===i?void 0:i[1];return a?'<a href="'.concat(a,'" target="_blank">').concat(t,"</a>"):'<a href="'.concat(t,'" target="_blank">').concat(t,"</a>")})))}(function(n){return n.replace(Ee,(function(n,e,t){return'[mention+id="'.concat(e,'"+name="').concat(t,'"]')}))}(Oe(n)),e)},Ve=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn"],Ue=function(n){return n.match(Ne)?n.startsWith("https://")||n.startsWith("http://")?n:"https://".concat(n):""},Re=function(n,e){var t=e.filter(Boolean);return n&&t.length>0?Oe(n).replace(new RegExp("\\b(".concat(t.map((function(n){return Fe(n)})).join("|"),")\\b"),"gi"),(function(n,e){var t=document.createElement("mocka");return t.setAttribute("data-bad-word",e),t.setAttribute("data-error","true"),t.innerText=e,"".concat(t.outerHTML)})):n},De=function(n,e,a){return"string"==typeof n?Promise.resolve(n):i.__awaiter(void 0,void 0,void 0,(function(){var o,r,l,d;return i.__generator(this,(function(i){switch(i.label){case 0:return o=new FormData,n.type.startsWith("image/gif")?(o.append("image",n),[3,4]):[3,1];case 1:return[4,Promise.resolve().then((function(){return A(require("browser-image-compression"))}))];case 2:return[4,i.sent().default(n,{maxSizeMB:.4,maxWidthOrHeight:1536,useWebWorker:!0})];case 3:r=i.sent(),o.append("image",r),i.label=4;case 4:return[4,(a?t.callApiWithAdminAuth:t.callApiWithAuth)(t.getApiPath(a?t.ADMIN_PATHS.COMMENT.IMAGE_UPLOAD:t.PATHS.COMMENT.IMAGE_UPLOAD,{_locale:e}),"POST",{data:o})];case 5:return l=i.sent(),[2,(null===(d=null==l?void 0:l.data)||void 0===d?void 0:d.image)||""]}}))}))},He=function(n){var e=n.id,a=n.locale;return i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(n){switch(n.label){case 0:return e?[4,t.callApiWithAuth(t.getApiPath(t.PATHS.POST.LIKE,{id:e,_locale:a}),"GET")]:[2];case 1:return[2,n.sent()]}}))}))},Ze=function(n){var e=n.id,a=n.locale;return i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(n){switch(n.label){case 0:return e?[4,t.callApiWithAuth(t.getApiPath(t.PATHS.POST.DELETE,{id:e,_locale:a}),"DELETE")]:[2];case 1:return[2,n.sent()]}}))}))},We=function(n){var e=n.title,a=n.description,o=n.communityId,r=n.imageFiles,l=n.previewUrl,d=n.topicIds,s=n.locale,c=n.sanitizeFunction,p=n.categoryCommunityId,u=n.categoryTopicIds,m=n.introUrl,g=n.bannerUrl,f=n.scheduleTime,v=n.isAnonymous;return i.__awaiter(void 0,void 0,void 0,(function(){var n,x,b,w,y;return i.__generator(this,(function(i){switch(i.label){case 0:return n=new FormData,x=Oe(a),b=Oe(e),w=Pe(x),n.append("title",b),n.append("description",Be(x,c)),p?n.append("category_community",String(p)):o&&n.append("community_id",String(o)),n.append("is_anonymous",v?"1":"0"),(null==l?void 0:l.title)&&n.append("preview_title",l.title),(null==l?void 0:l.description)&&n.append("preview_description",l.description),(null==l?void 0:l.url)&&n.append("preview_link",h.safeEncodeURI(l.url)),(null==l?void 0:l.image)&&n.append("preview_image",h.safeEncodeURI(l.image)),null==d||d.forEach((function(e){n.append("topics[]",String(e||""))})),null==u||u.forEach((function(e){n.append("category_topics[]",String(e||""))})),(null==r?void 0:r.length)?[4,Promise.all(r.map((function(n,e){return new Promise((function(t){setTimeout((function(){t(De(n,s))}),2e3*e)}))})))]:[3,2];case 1:return null==(y=i.sent())||y.filter(Boolean).slice(0,t.MAX_IMAGE_UPLOADS).forEach((function(e,t){n.append("images[".concat(t,"]"),e)})),[3,3];case 2:n.append("images",""),i.label=3;case 3:return null==w||w.forEach((function(e){n.append("mention_ids[]",e)})),n.append("intro_url",m||""),n.append("banner",g||""),f&&(n.append("post_type","scheduled"),n.append("schedule_datetime",f)),[2,n]}}))}))},qe=function(n){var e=n.locale,a=n.formData,o=n.isArticleComment;return i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(n){switch(n.label){case 0:return[4,t.callApiWithAuth(t.getApiPath(o?t.PATHS.POST.CREATE_ARTICLE_COMMENT:t.PATHS.POST.CREATE,{_locale:e}),"POST",{data:a})];case 1:return[2,n.sent()]}}))}))},Ge=function(n){var e=n.id,a=n.locale,o=n.formData;return i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(n){switch(n.label){case 0:return[4,t.callApiWithAuth(t.getApiPath(t.PATHS.POST.UPDATE,{id:e,_locale:a}),"POST",{data:o})];case 1:return[2,n.sent()]}}))}))},Qe=function(n){var e=n.id,i=n.reason,a=n.locale,o=new FormData;return o.append("reason",i),t.callApiWithAuth(t.getApiPath(t.PATHS.POST.REPORT,{_locale:a,id:e}),"POST",{data:o})},Xe=function(e,t){var i=n.useState(e||[]),a=i[0],o=i[1];return{onSelectImages:function(n){var i=n.target.files;i&&(t&&e?t((e||a).concat(Array.from(i))):o((function(n){var a=e||n;return t&&t(a.concat(Array.from(i))),a.concat(Array.from(i))})))},onRemoveImage:function(n){if(t&&e){var i=e;i.splice(n,1),t(i.slice())}else o((function(i){var a=e||i;return a.splice(n,1),t&&t(a.slice()),a.slice()}))},onRemoveAllImages:function(){t?t([]):o([])},imageSrcs:n.useMemo((function(){return(e||a).map((function(n){return"string"==typeof n?n:URL.createObjectURL(n)}))}),[e,a]),imageFiles:e||a}},Ke="data:image/svg+xml,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 22.9844C17.5228 22.9844 22 18.5072 22 12.9844C22 7.46153 17.5228 2.98438 12 2.98438C6.47715 2.98438 2 7.46153 2 12.9844C2 18.5072 6.47715 22.9844 12 22.9844Z' fill='%23262626'/%3e%3cpath d='M14.8281 10.1562L9.17127 15.8131' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.17188 10.1562L14.8287 15.8131' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Ye=z.default.div(fe||(fe=i.__makeTemplateObject(["\n  input:focus,\n  textarea:focus,\n  [contenteditable='true'] {\n    outline: none;\n  }\n\n  .textarea-control {\n    position: relative;\n    border: 1px solid ",";\n    border-radius: 6px;\n    &.--focus {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    .textarea-wrapper {\n      width: 100%;\n      height: 200px;\n    }\n\n    .control-tool {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      display: flex;\n      width: calc(100% - 2rem);\n      height: 40px;\n      align-items: center;\n      justify-content: flex-end;\n      border-top: 1px solid ",";\n      margin: 0 1rem;\n\n      .tool-button {\n        display: flex;\n        width: 2rem;\n        height: 2rem;\n        align-items: center;\n        justify-content: center;\n        background: transparent;\n        cursor: pointer;\n      }\n      .image-icon {\n        vertical-align: middle;\n      }\n    }\n  }\n\n  .link-preview-wrapper {\n    position: relative;\n    .icon-close {\n      position: absolute;\n      top: 5px;\n      right: 5px;\n      width: 24px;\n      height: 24px;\n      cursor: pointer;\n    }\n  }\n\n  .image-gallery {\n    margin-bottom: 1rem;\n\n    .image-item {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      height: 0;\n      padding-top: 67%;\n      margin-top: 1rem;\n      border-radius: 6px;\n\n      & > img {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n\n      .close-btn {\n        position: absolute;\n        top: 8px;\n        right: 8px;\n        left: unset;\n        width: 24px;\n        height: 24px;\n        cursor: pointer;\n      }\n    }\n  }\n\n  .description-label {\n    margin-bottom: 5px;\n    color: ",";\n    /* font-family: 'Open Sans', sans-serif; */\n    font-size: 13px;\n    font-weight: bold;\n  }\n\n  .count-string {\n    margin-top: 5px;\n    color: ",";\n    font-size: 11px;\n    text-align: right;\n  }\n\n  .input-notification {\n    display: flex;\n\n    & > img {\n      width: 16px;\n      height: 16px;\n      margin-top: 1.5px;\n      margin-right: 8px;\n    }\n  }\n"],["\n  input:focus,\n  textarea:focus,\n  [contenteditable='true'] {\n    outline: none;\n  }\n\n  .textarea-control {\n    position: relative;\n    border: 1px solid ",";\n    border-radius: 6px;\n    &.--focus {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    .textarea-wrapper {\n      width: 100%;\n      height: 200px;\n    }\n\n    .control-tool {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      display: flex;\n      width: calc(100% - 2rem);\n      height: 40px;\n      align-items: center;\n      justify-content: flex-end;\n      border-top: 1px solid ",";\n      margin: 0 1rem;\n\n      .tool-button {\n        display: flex;\n        width: 2rem;\n        height: 2rem;\n        align-items: center;\n        justify-content: center;\n        background: transparent;\n        cursor: pointer;\n      }\n      .image-icon {\n        vertical-align: middle;\n      }\n    }\n  }\n\n  .link-preview-wrapper {\n    position: relative;\n    .icon-close {\n      position: absolute;\n      top: 5px;\n      right: 5px;\n      width: 24px;\n      height: 24px;\n      cursor: pointer;\n    }\n  }\n\n  .image-gallery {\n    margin-bottom: 1rem;\n\n    .image-item {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      height: 0;\n      padding-top: 67%;\n      margin-top: 1rem;\n      border-radius: 6px;\n\n      & > img {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n\n      .close-btn {\n        position: absolute;\n        top: 8px;\n        right: 8px;\n        left: unset;\n        width: 24px;\n        height: 24px;\n        cursor: pointer;\n      }\n    }\n  }\n\n  .description-label {\n    margin-bottom: 5px;\n    color: ",";\n    /* font-family: 'Open Sans', sans-serif; */\n    font-size: 13px;\n    font-weight: bold;\n  }\n\n  .count-string {\n    margin-top: 5px;\n    color: ",";\n    font-size: 11px;\n    text-align: right;\n  }\n\n  .input-notification {\n    display: flex;\n\n    & > img {\n      width: 16px;\n      height: 16px;\n      margin-top: 1.5px;\n      margin-right: 8px;\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.colors.gray500})),Je=z.default.div(he||(he=i.__makeTemplateObject(["\n  height: 100%;\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  .ql-toolbar.ql-snow {\n    top: 0;\n    width: 100%;\n    position: sticky;\n    z-index: 3;\n    border: none;\n    border-bottom: 1px solid #ccc;\n    background: white;\n    .ql-formats {\n      display: inline-flex;\n      align-items: center;\n      margin-right: 0.5rem;\n      .link-tool-wrapper {\n        .popover-menu__content {\n          padding: 0.5rem;\n          transform: translateX(calc(-50% - 1rem));\n          max-width: calc(100vw - 4rem);\n          ::before {\n            right: calc(50% - 8px);\n          }\n          .link-tool-popover {\n            input {\n              padding-left: 1rem;\n            }\n            .link-input-url {\n              margin-bottom: 0.5rem;\n            }\n            .link-input-text {\n              margin-bottom: 0.5rem;\n            }\n            label {\n              display: inline-block;\n              margin-bottom: 0.2rem;\n            }\n            .link-input-button-wrapper {\n              &[data-is-marrybaby='true'] {\n                .link-input-button {\n                  border: solid 2px ",";\n                  background-color: ",";\n                  &:hover:not(:disabled) {\n                    border: solid 2px ",";\n                    background-color: ",";\n                    color: ",";\n                  }\n                }\n              }\n            }\n            .link-input-button {\n              width: auto;\n              height: auto;\n              padding: 0.4rem 1rem;\n              background-color: ",";\n\n              &:disabled {\n                border-color: #bfbfbf;\n                background-color: #bfbfbf;\n                color: #fff;\n                cursor: not-allowed;\n              }\n              &:hover:not(:disabled) {\n                background-color: ",";\n              }\n            }\n            .error-text {\n              padding: 0;\n              margin-bottom: 0.5rem;\n              font-weight: 600;\n              color: ",";\n            }\n          }\n        }\n      }\n    }\n    @media (max-width: 450px) {\n      position: relative;\n      .ql-formats {\n        .link-tool-wrapper {\n          position: unset;\n          .popover-menu__content {\n            left: 0;\n            transform: unset;\n            max-width: 100%;\n          }\n        }\n      }\n    }\n  }\n  .quill {\n    flex: 1;\n    overflow-y: hidden;\n    .ql-container {\n      display: inline-block;\n      width: 100%;\n      min-height: 100%;\n      /* padding: 14px 16px; */\n      border: none;\n      border-radius: 6px;\n      color: ",";\n      font-size: 1rem;\n      line-height: 1.5;\n      resize: none;\n      white-space: break-spaces;\n      .ql-editor {\n        word-break: break-word;\n        overflow-wrap: break-word;\n        /* -ms-overflow-style: none;\n        scrollbar-width: none;\n        &::-webkit-scrollbar {\n          display: none;\n        } */\n      }\n      mocka {\n        padding: 2px 6px;\n        border-radius: 1rem;\n        &[data-url='true'] {\n          /* background-color: #eeeeff; */\n          font-style: italic;\n          color: #1890ff;\n          cursor: pointer;\n          outline: none;\n          text-decoration: underline;\n        }\n        &[data-error='true'] {\n          background-color: #ffeeee;\n          color: red;\n          text-decoration: underline;\n          font-style: bold;\n        }\n      }\n      mention {\n        padding: 2px 6px;\n        border-radius: 1rem;\n        background-color: #eeeeff;\n        color: #1890ff;\n        cursor: pointer;\n        outline: none;\n        text-decoration: none;\n      }\n      ol,\n      ul {\n        padding-left: 1rem;\n      }\n    }\n  }\n  .mention-search-container {\n    position: absolute;\n    background: white;\n    border-radius: 6px;\n    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));\n    overflow-y: scroll;\n    z-index: 99;\n    ::-webkit-scrollbar {\n      -webkit-appearance: none;\n    }\n    ::-webkit-scrollbar:vertical {\n      width: 14px;\n    }\n    ::-webkit-scrollbar-thumb {\n      border-radius: 6px;\n      background-color: #d9d9d9;\n      @supports (background-clip: padding-box) {\n        border: 3px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n      }\n      @supports not (background-clip: padding-box) {\n        border: 3px solid white;\n      }\n    }\n    ::-webkit-scrollbar-track {\n      background-color: #fff;\n      border-radius: 0 6px 6px 0;\n      border-left: 1px solid #f2f2f2;\n    }\n    .mention-search-item {\n      cursor: pointer;\n      padding: 12px 1rem;\n      display: flex;\n      align-items: center;\n      &.item-selected {\n        background-color: ",";\n      }\n      .search-avatar {\n        width: 40px;\n        height: 40px;\n        font-size: 20px;\n        margin-right: 20px;\n      }\n    }\n  }\n"],["\n  height: 100%;\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  .ql-toolbar.ql-snow {\n    top: 0;\n    width: 100%;\n    position: sticky;\n    z-index: 3;\n    border: none;\n    border-bottom: 1px solid #ccc;\n    background: white;\n    .ql-formats {\n      display: inline-flex;\n      align-items: center;\n      margin-right: 0.5rem;\n      .link-tool-wrapper {\n        .popover-menu__content {\n          padding: 0.5rem;\n          transform: translateX(calc(-50% - 1rem));\n          max-width: calc(100vw - 4rem);\n          ::before {\n            right: calc(50% - 8px);\n          }\n          .link-tool-popover {\n            input {\n              padding-left: 1rem;\n            }\n            .link-input-url {\n              margin-bottom: 0.5rem;\n            }\n            .link-input-text {\n              margin-bottom: 0.5rem;\n            }\n            label {\n              display: inline-block;\n              margin-bottom: 0.2rem;\n            }\n            .link-input-button-wrapper {\n              &[data-is-marrybaby='true'] {\n                .link-input-button {\n                  border: solid 2px ",";\n                  background-color: ",";\n                  &:hover:not(:disabled) {\n                    border: solid 2px ",";\n                    background-color: ",";\n                    color: ",";\n                  }\n                }\n              }\n            }\n            .link-input-button {\n              width: auto;\n              height: auto;\n              padding: 0.4rem 1rem;\n              background-color: ",";\n\n              &:disabled {\n                border-color: #bfbfbf;\n                background-color: #bfbfbf;\n                color: #fff;\n                cursor: not-allowed;\n              }\n              &:hover:not(:disabled) {\n                background-color: ",";\n              }\n            }\n            .error-text {\n              padding: 0;\n              margin-bottom: 0.5rem;\n              font-weight: 600;\n              color: ",";\n            }\n          }\n        }\n      }\n    }\n    @media (max-width: 450px) {\n      position: relative;\n      .ql-formats {\n        .link-tool-wrapper {\n          position: unset;\n          .popover-menu__content {\n            left: 0;\n            transform: unset;\n            max-width: 100%;\n          }\n        }\n      }\n    }\n  }\n  .quill {\n    flex: 1;\n    overflow-y: hidden;\n    .ql-container {\n      display: inline-block;\n      width: 100%;\n      min-height: 100%;\n      /* padding: 14px 16px; */\n      border: none;\n      border-radius: 6px;\n      color: ",";\n      font-size: 1rem;\n      line-height: 1.5;\n      resize: none;\n      white-space: break-spaces;\n      .ql-editor {\n        word-break: break-word;\n        overflow-wrap: break-word;\n        /* -ms-overflow-style: none;\n        scrollbar-width: none;\n        &::-webkit-scrollbar {\n          display: none;\n        } */\n      }\n      mocka {\n        padding: 2px 6px;\n        border-radius: 1rem;\n        &[data-url='true'] {\n          /* background-color: #eeeeff; */\n          font-style: italic;\n          color: #1890ff;\n          cursor: pointer;\n          outline: none;\n          text-decoration: underline;\n        }\n        &[data-error='true'] {\n          background-color: #ffeeee;\n          color: red;\n          text-decoration: underline;\n          font-style: bold;\n        }\n      }\n      mention {\n        padding: 2px 6px;\n        border-radius: 1rem;\n        background-color: #eeeeff;\n        color: #1890ff;\n        cursor: pointer;\n        outline: none;\n        text-decoration: none;\n      }\n      ol,\n      ul {\n        padding-left: 1rem;\n      }\n    }\n  }\n  .mention-search-container {\n    position: absolute;\n    background: white;\n    border-radius: 6px;\n    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));\n    overflow-y: scroll;\n    z-index: 99;\n    ::-webkit-scrollbar {\n      -webkit-appearance: none;\n    }\n    ::-webkit-scrollbar:vertical {\n      width: 14px;\n    }\n    ::-webkit-scrollbar-thumb {\n      border-radius: 6px;\n      background-color: #d9d9d9;\n      @supports (background-clip: padding-box) {\n        border: 3px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n      }\n      @supports not (background-clip: padding-box) {\n        border: 3px solid white;\n      }\n    }\n    ::-webkit-scrollbar-track {\n      background-color: #fff;\n      border-radius: 0 6px 6px 0;\n      border-left: 1px solid #f2f2f2;\n    }\n    .mention-search-item {\n      cursor: pointer;\n      padding: 12px 1rem;\n      display: flex;\n      align-items: center;\n      &.item-selected {\n        background-color: ",";\n      }\n      .search-avatar {\n        width: 40px;\n        height: 40px;\n        font-size: 20px;\n        margin-right: 20px;\n      }\n    }\n  }\n"])),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray100})),$e=null;function nt(n){var e,t,i=-1;if(void 0!==window.getSelection){var a=window.getSelection();if((null==a?void 0:a.rangeCount)&&(null==a?void 0:a.rangeCount)>0){var o=null===(e=window.getSelection())||void 0===e?void 0:e.getRangeAt(0);if(o){var r=o.cloneRange();r.selectNodeContents(n),r.setEnd(o.endContainer,o.endOffset),i=et(r.cloneContents().childNodes,i);var l=null===(t=o.endContainer.parentElement)||void 0===t?void 0:t.closest("mocka"),d=o.endContainer.nodeValue||o.endContainer.outerHTML;l&&(null==d?void 0:d.length)&&(i=i-o.endOffset+(l.outerHTML.length-(null==l?void 0:l.outerHTML.lastIndexOf(d))))}}}return i}function et(n,e){return n.forEach((function(t,i){var a=i+1===n.length;if(t.nodeType===Node.ELEMENT_NODE){var o=t.outerHTML;if(!a)return void(e+=o.length);e+=o.indexOf(">")+1,e=et(t.childNodes,e)}else t.nodeType===Node.TEXT_NODE&&(e+=(t.nodeValue||"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;").length)})),e}i.__awaiter(void 0,void 0,void 0,(function(){var n,e,t,a,o,r;return i.__generator(this,(function(l){switch(l.label){case 0:return"undefined"==typeof window?[2]:[4,Promise.resolve().then((function(){return A(require("react-quill"))}))];case 1:return n=l.sent(),$e=n.default,e=n.Quill||$e.Quill,t=function(n,e){this.quill=n,this.options=e,n.container.style.whiteSpace="pre-line"},e.register("modules/preserveWhiteSpace",t),a=e.import("blots/inline"),o=function(n){function e(){return null!==n&&n.apply(this,arguments)||this}return i.__extends(e,n),e.create=function(t){if(!t)return n.create.call(this,!1);var i=n.create.call(this,t);return e.setNodeConfigurations(i,t),i},e.formats=function(n){return!(!n.innerText||!(n.getAttribute("data-href")||n.getAttribute("data-url")||n.getAttribute("data-error")||n.getAttribute("data-bad-word")))&&{"data-bad-word":n.getAttribute("data-bad-word"),"data-error":n.getAttribute("data-error"),"data-href":n.getAttribute("data-href"),"data-url":n.getAttribute("data-url"),"data-text":n.innerText||n.getAttribute("data-href")}},e.setNodeConfigurations=function(n,e){var t,i;e&&(null===(i=null===(t=null==e?void 0:e["data-text"])||void 0===t?void 0:t.replace(/(\&nbsp;)+/g," "))||void 0===i?void 0:i.replace(/(\u200c|&zwnj;)+/g,""))&&(e["data-bad-word"]&&n.setAttribute("data-bad-word",e["data-bad-word"]),e["data-href"]&&n.setAttribute("data-href",e["data-href"]),e["data-error"]&&n.setAttribute("data-error",e["data-error"]),e["data-url"]&&n.setAttribute("data-url",e["data-url"]))},e.blotName="mocka1",e.tagName="mocka",e}(a),e.register(o),r=function(n){function e(){return null!==n&&n.apply(this,arguments)||this}return i.__extends(e,n),e.create=function(t){if(!t)return n.create.call(this,!1);var i=n.create.call(this,t);return e.setNodeConfigurations(i,t),i},e.formats=function(n){return!(!n.getAttribute("data-name")||!n.getAttribute("data-id"))&&{"data-name":n.getAttribute("data-name"),"data-id":n.getAttribute("data-id")}},e.setNodeConfigurations=function(n,e){var t,i;e&&e["data-id"]&&(null===(i=null===(t=null==e?void 0:e["data-name"])||void 0===t?void 0:t.replace(/(\&nbsp;)+/g," "))||void 0===i?void 0:i.replace(/(\u200c|&zwnj;)+/g,""))&&(e["data-id"]&&n.setAttribute("data-id",e["data-id"]),e["data-name"]&&n.setAttribute("data-name",e["data-name"]))},e.blotName="mention",e.tagName="mention",e}(a),e.register(r),[2]}}))}));var tt,it,at,ot,rt,lt,dt,st,ct,pt,ut,mt,gt,ft,ht,vt,xt,bt,wt,yt,Ct,kt,Et,At,_t,Tt,Nt,Lt,Mt,zt,jt,St=function(n,e){var t,i=e||{},a=i.formatUrl,o=i.bannedWords,r=void 0===o?[]:o,l=n.replace(/<font [^\>]*>(.+)<\/font>/gim,(function(n,e){return e.replace(/<u[^\>]*>(.+)<\/u>/gim,"$1")})).replace(Ae,(function(n,e,t,i){if(i!==t){var a=t.split(" "),o=a.findIndex((function(n,e){var t=a.slice(0,e+1).join(" ");return!i.startsWith(t)}));if(0===o)return"@".concat(i);var r=(o<0?a:a.slice(0,o)).join(" "),l=i.slice(r.length).trim();return console.log(o,r,l),'<mention data-id="'.concat(e,'" data-name="').concat(r,'">').concat(r,"</mention> ").concat(l," ")}return n}));if(!a)return{value:Re(l,r)};var d=function(n){return n.replace(Me,(function(n,e){var t=document.createElement("div");t.innerHTML=n;var i=t.firstChild;return(null==i?void 0:i.innerText)!==(null==i?void 0:i.getAttribute("data-bad-word"))?e:n}))}(function(n){var e,t;return null===(t=null===(e=n.replace(/(\&nbsp;)+/g," "))||void 0===e?void 0:e.replace(/(\u200c|&zwnj;)+/g,""))||void 0===t?void 0:t.replace(ye,(function(n,e,t){var i,a=null===(i=e.match(/data-href="([^"]*)"/im))||void 0===i?void 0:i[1];return!a||a===t||t.match(Te)?t:a?'<a href="'.concat(a,'">').concat(t,"</a>"):'<a href="'.concat(t,'">').concat(t,"</a>")})).replace(Ce,(function(n,e,t){if('="'!==e&&'data-url="true">'!==e){var i=t.toLowerCase(),a=i.startsWith("http")?"":" https://",o="".concat(a).concat(i);return ze({text:o,url:o,method:"edit"})}return n})).replace(Le,(function(n,e,t){return ze({text:t||e,url:e,method:"edit"})}))}(l)),s=Ie(l);if(s){var c,p=[];return s.forEach((function(n){if(n)try{var e=new URL(n);Ve.some((function(n){return e.origin.endsWith(n)}))||p.push(n)}catch(e){p.push(n)}})),p.length>0&&(d=d.replace(new RegExp('data-url="true">('.concat(p.map(Fe).join("|"),")<"),"gi"),'data-error="true" data-url="true">$1<').replace(new RegExp('data-href="('.concat(p.map(Fe).join("|"),')" data-url="true">'),"gi"),'data-href="$1" data-error="true" data-url="true">')),c=null===(t=s.filter((function(n){return-1===p.indexOf(n)})))||void 0===t?void 0:t[0],{invalidUrls:p,previewUrl:c,value:Re(d,r)}}return{value:Re(d,r)}},Pt=function(a){var o,r,l,d,s=a.html,c=a.onChange,p=a.className,u=a.style,m=a.onImagePickerClick,g=a.bannedWords,h=void 0===g?[]:g,v=a.onInvalidUrlsChange,x=a.onPreviewUrlChange,b=a.setEditorRef,w=a.isReplying,y=n.useRef([]);y.current=h;var C=n.useState([]),k=C[0],E=C[1],A=n.useState(null),_=A[0],T=A[1],N=n.useContext(t.TogetherComponentGlobalContext).data.locale,M=(null==h?void 0:h.join(","))||"";n.useEffect((function(){var n,e,t=null===(e=null===(n=V.current)||void 0===n?void 0:n.getEditor())||void 0===e?void 0:e.root.innerHTML;P(t)}),[M]);var z=function(n){_&&_.url===n||(T({url:n,isFetching:!0}),t.callApi(t.getApiPath(t.PATHS.FETCH_PREVIEW,{_locale:N}),"POST",{data:{link:n}}).then((function(e){var t,i,a,o;T({title:null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.title,description:null===(i=null==e?void 0:e.data)||void 0===i?void 0:i.description,image:(null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.image)||(null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.logo),url:n})})).catch((function(){T(null)})))},S=n.useRef(z);S.current=z;var P=n.useCallback(j.default((function(n){if(n){var e=St(n,{bannedWords:y.current,formatUrl:!0}),t=e.invalidUrls,i=e.previewUrl,a=e.value;t&&E(t),i?S.current(i):T(null),a!==n&&(null==c||c(a))}}),500),[]);n.useEffect((function(){v&&v(k)}),[k]),n.useEffect((function(){x&&((null==_?void 0:_.url)?x({title:_.title||"",url:_.url||"",image:_.image||"",description:_.description||""}):x(null))}),[_]);var I=n.useRef(m);I.current=m;var F=n.useRef(String(Math.floor(1e8*Math.random()))),O=n.useRef({toolbar:{handlers:{image:function(){var n;return null===(n=I.current)||void 0===n?void 0:n.call(I)},link:function(){return!1}},container:"#toolbar-"+F.current},preserveWhiteSpace:!0}),B=n.useRef(-1),V=n.useRef(null);b&&(null===(r=null===(o=V.current)||void 0===o?void 0:o.getEditor())||void 0===r?void 0:r.root)&&b(null===(d=null===(l=V.current)||void 0===l?void 0:l.getEditor())||void 0===d?void 0:d.root);var U=function(){var n,e,t,i,a,o,r,l;if(null===(e=null===(n=V.current)||void 0===n?void 0:n.getEditor())||void 0===e?void 0:e.root){var d=nt(null===(i=null===(t=V.current)||void 0===t?void 0:t.getEditor())||void 0===i?void 0:i.root),s=null===(o=null===(a=V.current)||void 0===a?void 0:a.getEditor())||void 0===o?void 0:o.root.innerHTML;if(d>=0&&d<s.length){if(Pe(s,!0).length<30-(w?1:0)){var c=function(n){var e,t,i=null;if(void 0!==window.getSelection){var a=window.getSelection();if((null==a?void 0:a.rangeCount)&&(null==a?void 0:a.rangeCount)>0){var o=null===(e=window.getSelection())||void 0===e?void 0:e.getRangeAt(0);if(o){var r=o.cloneRange();r.selectNodeContents(n),r.setEnd(o.endContainer,o.endOffset);var l=(r.endContainer.nodeValue||"").substring(0,o.endOffset),d=l.lastIndexOf("@");if(d+1<l.length&&(0===d||" @"===l.slice(d-1,d+1))){var s=null===(t=l.slice(d+1))||void 0===t?void 0:t.trim();if(s){r.setStart(o.endContainer,d);var c=r.cloneRange();c.setStart(c.endContainer,d),i={name:s,rect:r.getBoundingClientRect(),replaceRange:c}}}}}}return i}(null===(l=null===(r=V.current)||void 0===r?void 0:r.getEditor())||void 0===l?void 0:l.root);c?(G(c.name,c.rect),K.current=c.replaceRange):(K.current=null,G("",null))}else K.current=null,G("",null);B.current=d}}else H([])},R=n.useState([]),D=R[0],H=R[1],Z=n.useState({top:0,left:0}),W=Z[0],q=Z[1],G=n.useCallback(j.default((function(n,e,a){return i.__awaiter(void 0,void 0,void 0,(function(){var o,r,l,d,s,c,p,u;return i.__generator(this,(function(i){switch(i.label){case 0:return n&&DOMRect?[4,((null===(s=f.getCookie(t.BEARER_TOKEN_COOKIE))||void 0===s?void 0:s.length)||0)>0?t.callApiWithAuth(t.getApiPath(t.PATHS.SEARCH_USER,{_locale:N,name:n}),"get"):t.callApiWithAdminAuth(t.getApiPath(t.ADMIN_PATHS.SEARCH_USER,{_locale:N,name:n}),"get")]:[2,H([])];case 1:return o=i.sent(),nn(0),H(null===(p=null===(c=null==o?void 0:o.data)||void 0===c?void 0:c.users)||void 0===p?void 0:p.filter((function(n){return!(null==a?void 0:a.includes(String(n.id)))}))),r=e,l=null===(u=X.current)||void 0===u?void 0:u.getBoundingClientRect(),r&&l&&(343,256,d={top:r.bottom-l.top,width:"min(343px, 100%)",maxHeight:256},l.width-(r.left-l.left)<343?d.right=0:d.left=r.left-l.left,q(d)),[2]}}))}))}),500),[]),Q=function(n,e){var t,i,a;if(K.current){K.current.deleteContents();var o=document.createElement("mention");o.setAttribute("data-id",n),o.setAttribute("data-name",e),o.innerText=e;var r=document.createTextNode(" ");K.current.insertNode(r),K.current.insertNode(o),(null===(i=null===(t=V.current)||void 0===t?void 0:t.getEditor())||void 0===i?void 0:i.root).focus();var l=null===(a=window.getSelection())||void 0===a?void 0:a.getRangeAt(0);null==l||l.setStart(K.current.endContainer,K.current.endOffset),null==l||l.setEnd(K.current.endContainer,K.current.endOffset)}H([])},X=n.useRef(null),K=n.useRef(null),Y=n.useRef(null),J=n.useState(0),$=J[0],nn=J[1];return n.useEffect((function(){if(Y.current){var n=Y.current,e=n.children.item($);if(e){var t=n.getBoundingClientRect(),i=e.getBoundingClientRect();e.offsetTop<n.scrollTop?n.scrollTop=e.offsetTop:e.offsetTop+i.height>n.scrollTop+t.height&&(n.scrollTop=e.offsetTop-t.height+i.height)}}}),[$]),n.useEffect((function(){var n=function(n){var e;(null===(e=X.current)||void 0===e?void 0:e.contains(n.target))||H([])};return window.addEventListener("click",n),function(){window.removeEventListener("click",n)}}),[]),L.default.createElement(Je,{ref:X,className:p,style:u,onKeyDownCapture:function(n){if(null==D?void 0:D.length){var e=!1;if("ArrowDown"===n.key)e=!0,nn((function(n){return n+1>=D.length?0:n+1}));else if("Escape"===n.key)e=!0,nn(0),H([]);else if("ArrowUp"===n.key)e=!0,nn((function(n){return n-1<0?D.length-1:n-1}));else if("Enter"===n.key||"Tab"===n.key){var t=D[$];t&&(e=!0,Q(t.id,t.name))}if(e)return n.preventDefault(),!1}}},L.default.createElement(It,{id:F.current,onAddLink:function(n,e){var t,i,a=B.current+1,o=null===(i=null===(t=V.current)||void 0===t?void 0:t.getEditor())||void 0===i?void 0:i.root.innerHTML,r=((null==o?void 0:o.substring(0,a))||"")+'<mocka data-href="'.concat(e,'" data-url="true">').concat(n,"</mocka> ")+((null==o?void 0:o.substring(a))||"");null==c||c(r),P(r)}}),$e&&L.default.createElement($e,{ref:V,theme:"snow",value:s,onChange:function(n){null==c||c(n),P(n),U()},onChangeSelection:function(){U()},modules:O.current,formats:["mocka1","mention","id","key","bold","italic","underline","list","bullet"]}),!!(null==D?void 0:D.length)&&L.default.createElement("div",{ref:Y,className:"mention-search-container",style:W},D.map((function(n,i){return L.default.createElement("div",{className:"mention-search-item ".concat($===i?"item-selected":""),key:n.id,onClick:function(e){e.preventDefault(),e.stopPropagation(),Q(n.id,n.name)},onMouseEnter:function(){nn(i)}},L.default.createElement(t.UserAvatar,{className:"search-avatar",username:n.name,avatar:n.avatar}),L.default.createElement("div",null,L.default.createElement(e.Text,{size:"p2"},n.name),L.default.createElement(e.Text,{size:"p4",color:"#595959"},"@",n.username)))}))))},It=function(n){var e=n.onAddLink,t=n.id;return L.default.createElement("div",{id:"toolbar-"+t,onClick:function(n){n.preventDefault(),n.stopPropagation()}},L.default.createElement("span",{className:"ql-formats"},L.default.createElement("button",{className:"ql-bold",type:"button"}),L.default.createElement("button",{className:"ql-italic",type:"button"}),L.default.createElement("button",{className:"ql-underline",type:"button"})),L.default.createElement("span",{className:"ql-formats"},L.default.createElement("button",{className:"ql-list",value:"ordered",type:"button"}),L.default.createElement("button",{className:"ql-list",value:"bullet",type:"button"})),L.default.createElement("span",{className:"ql-formats"},L.default.createElement("button",{className:"ql-image",type:"button"}),e&&L.default.createElement(vn,{className:"link-tool-wrapper",toggleButtonContent:L.default.createElement("img",{className:"link-icon",src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.54545 16H7.09091C6.55368 16 6.02172 15.8965 5.52539 15.6955C5.02905 15.4945 4.57808 15.1999 4.1982 14.8284C3.43101 14.0783 3 13.0609 3 12C3 10.9391 3.43101 9.92172 4.1982 9.17157C4.96539 8.42143 6.00593 8 7.09091 8H9.54545M13.9256 8H16.9091C17.4463 8 17.9783 8.10346 18.4746 8.30448C18.9709 8.5055 19.4219 8.80014 19.8018 9.17157C20.1817 9.54301 20.483 9.98396 20.6886 10.4693C20.8942 10.9546 21 11.4747 21 12C21 12.5253 20.8942 13.0454 20.6886 13.5307C20.483 14.016 20.1817 14.457 19.8018 14.8284C19.4219 15.1999 18.9709 15.4945 18.4746 15.6955C17.9783 15.8965 17.4463 16 16.9091 16H13.9256' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9 12H15' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"}),buttonProps:{size:"md",color:"transparent"},align:"end"},(function(n){var t=n.setShow;return L.default.createElement(Ot,{onAddUrl:e,setShow:t})}))))},Ft=["notification.limitUrlDomain","notification.urlWrongFormat"],Ot=function(i){var o=i.onAddUrl,l=i.setShow,d=n.useContext(t.TogetherComponentGlobalContext).data.env.isMarryBaby,s=r.useTranslations().t,p=n.useState(""),u=p[0],m=p[1],g=n.useState(""),f=g[0],h=g[1],v=n.useState(-1),x=v[0],b=v[1],w=u.trim()&&f.trim()&&x<0;return L.default.createElement("div",{className:"link-tool-popover"},L.default.createElement(c.Input,{name:"url",value:u,size:"md",label:"URL",placeholder:s("placeholder.enterUrlHere"),type:"text",className:"link-input-url",onChange:function(n){m(n),function(n){var e=Ue(n.trim());try{var t=new URL(e);return t.protocol.startsWith("http")?Ve.some((function(n){return t.origin.endsWith("/"+n)||t.origin.endsWith("."+n)}))?(b(-1),!0):(b(0),!1):(b(1),!1)}catch(n){return b(1),!1}}(n)}}),x>=0&&L.default.createElement(e.Text,{size:"c2",className:"error-text"},s(Ft[x])),L.default.createElement(c.Input,{name:"text",value:f,size:"md",label:s("createPost.urlText"),placeholder:s("placeholder.enterUrlTextHere"),type:"text",className:"link-input-text",onChange:function(n){return h(n)}}),L.default.createElement("div",{"data-is-marrybaby":d,className:"link-input-button-wrapper"},L.default.createElement(a.Button,{theme:d?"marryBaby":"helloSites",size:"sm",color:"primary",className:"link-input-button",onClick:function(){w&&(o(f.trim(),Ue(u.trim())),l&&l(!1))},isDisabled:!w},s("insert"))))},Bt=function(i){var a=i.className,o=i.style,l=i.bannedWords,s=void 0===l?[]:l,c=i.value,p=i.onChange,u=i.onPreviewUrlChange,m=i.onInvalidUrlsChange,g=i.onImageFilesChange,f=i.imageFiles,h=i.isReplying,v=r.useTranslations().t,x=n.useState(null),b=x[0],w=x[1],y=n.useRef(null),C=Xe(f,g),k=C.onSelectImages,E=C.onRemoveImage,A=C.imageSrcs;return n.useEffect((function(){u&&((null==b?void 0:b.url)?u({title:b.title||"",url:b.url||"",image:b.image||"",description:b.description||""}):u(null))}),[b]),L.default.createElement(Ye,{className:a,style:o},L.default.createElement(e.Text,{size:"p4",className:"description-label"},v("createPost.popup.description")),L.default.createElement("div",{className:"textarea-control"},L.default.createElement("div",{className:"textarea-wrapper"},L.default.createElement(Pt,{html:c||"",onChange:p,bannedWords:s,onImagePickerClick:function(){var n;return null===(n=y.current)||void 0===n?void 0:n.click()},onPreviewUrlChange:w,onInvalidUrlsChange:m,isReplying:h}))),L.default.createElement(e.Text,{size:"p4",className:"count-string"},v("character"),": ",M.default(c||"").length),(!A||0===A.length)&&b&&L.default.createElement("div",{className:"link-preview-wrapper"},b.isFetching?L.default.createElement(X,null):L.default.createElement(L.default.Fragment,null,L.default.createElement(Y,{title:b.title,url:b.url||"#",image:b.image,noRefetch:!0}),L.default.createElement("img",{src:Ke,className:"icon-close",onClick:function(){return w(null)}}))),L.default.createElement("input",{ref:y,type:"file",accept:"image/png, image/gif, image/jpeg",multiple:!0,style:{display:"none"},onChange:k}),A.length>t.MAX_IMAGE_UPLOADS?L.default.createElement("div",{className:"input-notification"},L.default.createElement("img",{src:we}),L.default.createElement(e.Text,{size:"p4",color:d.theme.colors.alertWarning},v("createPost.popup.warningImage"))):null,A.length>0&&L.default.createElement("div",{className:"image-gallery"},A.map((function(n,e){return L.default.createElement("div",{key:e,className:"image-item"},L.default.createElement("img",{src:n}),L.default.createElement("img",{className:"close-btn",src:Ke,onClick:function(){return E(e)}}))}))))},Vt=z.default.div(tt||(tt=i.__makeTemplateObject(["\n  input:focus,\n  textarea:focus,\n  [contenteditable='true'] {\n    outline: none;\n  }\n\n  .title-input {\n    overflow: hidden;\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px #d9d9d9;\n    border-radius: 6px;\n    font-size: 16px;\n    line-height: 1.2;\n    white-space: nowrap;\n    :focus {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n    br {\n      display: none;\n    }\n    * {\n      display: inline;\n      white-space: nowrap;\n    }\n    mocka {\n      padding: 2px 6px;\n      border-radius: 1rem;\n      &[data-error='true'] {\n        background-color: #ffeeee;\n        color: red;\n        text-decoration: underline;\n        font-style: bold;\n      }\n    }\n    ol,\n    ul {\n      padding-left: 1rem;\n    }\n  }\n\n  label {\n    display: block;\n    margin-bottom: 5px;\n    color: ",";\n    font-size: 13px;\n    font-weight: bold;\n  }\n\n  .count-string {\n    margin-top: 5px;\n    color: ",";\n    font-size: 11px;\n    text-align: right;\n  }\n"],["\n  input:focus,\n  textarea:focus,\n  [contenteditable='true'] {\n    outline: none;\n  }\n\n  .title-input {\n    overflow: hidden;\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px #d9d9d9;\n    border-radius: 6px;\n    font-size: 16px;\n    line-height: 1.2;\n    white-space: nowrap;\n    :focus {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n    br {\n      display: none;\n    }\n    * {\n      display: inline;\n      white-space: nowrap;\n    }\n    mocka {\n      padding: 2px 6px;\n      border-radius: 1rem;\n      &[data-error='true'] {\n        background-color: #ffeeee;\n        color: red;\n        text-decoration: underline;\n        font-style: bold;\n      }\n    }\n    ol,\n    ul {\n      padding-left: 1rem;\n    }\n  }\n\n  label {\n    display: block;\n    margin-bottom: 5px;\n    color: ",";\n    font-size: 13px;\n    font-weight: bold;\n  }\n\n  .count-string {\n    margin-top: 5px;\n    color: ",";\n    font-size: 11px;\n    text-align: right;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.colors.gray500})),Ut=function(n,e){if(!e)return n;var t=e.limit,i=e.bannedWords,a=void 0===i?[]:i,o="number"==typeof t&&t>=0?n.substring(0,t):n;return Re(o,a)},Rt=function(t){var i,a=t.className,o=t.style,l=t.bannedWords,d=void 0===l?[]:l,s=t.value,p=t.onChange,u=r.useTranslations().t,m=n.useState(""),g=m[0],f=m[1],h=n.useRef(null);n.useEffect((function(){if(h.current){var n=function(n){var e;n.preventDefault();var t=null===(e=n.clipboardData)||void 0===e?void 0:e.getData("text/plain");document.execCommand("insertHTML",!1,t)},e=h.current;return e.addEventListener("paste",n),function(){return e.removeEventListener("paste",n)}}}),[h]);var v=(null==d?void 0:d.join(","))||"";n.useEffect((function(){var n;if(v){var e=null===(n=h.current)||void 0===n?void 0:n.innerText;if(e){var t=Re(e,d);t!==e&&(p&&p(t),f(t))}}}),[v]);var x=n.useCallback(j.default((function(n){if(h.current){var e=Ut(h.current.innerText,{limit:120,bannedWords:d});p&&p(e),f(e)}}),300),[]);return n.useEffect((function(){setTimeout((function(){var n;null===(n=h.current)||void 0===n||n.focus()}),500)}),[]),L.default.createElement(Vt,{className:a,style:o},L.default.createElement(c.Input,{name:"title",value:s||g,size:"md",label:u("createPost.title"),CustomInput:L.default.createElement(S.default,{innerRef:h,html:s||g,onChange:function(n){if(h.current&&h.current.innerText!==(s||g)){var e=Ut(h.current.innerText,{bannedWords:d});p&&p(e),f(e),x(h.current.innerText)}},className:"title-input"})}),L.default.createElement(e.Text,{size:"p4",className:"count-string"},u("createPost.popup.wordCount",{count:(null===(i=h.current)||void 0===i?void 0:i.innerText.length)||0,max:120})))},Dt=z.default.div(it||(it=i.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  flex-wrap: wrap;\n  margin-top: 1rem;\n\n  .tag-item {\n    min-height: 32px;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    margin-right: 1rem;\n    margin-bottom: 8px;\n    border-radius: 1rem;\n    color: ",";\n    cursor: pointer;\n    font-size: 13px;\n    line-height: 22px;\n    transition: all 0.2s;\n\n    &.--active {\n      border-color: ",";\n      background: ",";\n      color: ",";\n    }\n    &[data-disabled='true'] {\n      background: ",";\n      color: ",";\n    }\n  }\n  .topic-spinner {\n    margin-right: auto;\n    margin-left: auto;\n    & > button {\n      width: 24px;\n      height: 24px;\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .tag-item {\n      border-color: transparent;\n      background: #f3f3f3;\n      color: #3e3f58;\n      &.--active {\n        border-color: #b6cdff;\n        background: #e0e9fb;\n        color: #3e3f58;\n      }\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  flex-wrap: wrap;\n  margin-top: 1rem;\n\n  .tag-item {\n    min-height: 32px;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    margin-right: 1rem;\n    margin-bottom: 8px;\n    border-radius: 1rem;\n    color: ",";\n    cursor: pointer;\n    font-size: 13px;\n    line-height: 22px;\n    transition: all 0.2s;\n\n    &.--active {\n      border-color: ",";\n      background: ",";\n      color: ",";\n    }\n    &[data-disabled='true'] {\n      background: ",";\n      color: ",";\n    }\n  }\n  .topic-spinner {\n    margin-right: auto;\n    margin-left: auto;\n    & > button {\n      width: 24px;\n      height: 24px;\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .tag-item {\n      border-color: transparent;\n      background: #f3f3f3;\n      color: #3e3f58;\n      &.--active {\n        border-color: #b6cdff;\n        background: #e0e9fb;\n        color: #3e3f58;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray800})),Ht=function(e){var a=e.className,o=e.style,r=e.topics,l=e.communityId,d=e.onChange,s=e.isLoading,c=e.disabled,p=e.forceTopics,u=e.selectedTopics,m=e.noFetch,g=n.useContext(t.TogetherComponentGlobalContext).data,f=g.locale,h=g.env.isMarryBaby,v=n.useState(r?i.__spreadArray([],r,!0):[]),x=v[0],b=v[1],w=n.useState(u?i.__spreadArray([],u,!0):[]),y=w[0],C=w[1],k=n.useState(!1),E=k[0],A=k[1],_=n.useRef(r);_.current=r,n.useEffect((function(){var n;!l||m||(null===(n=_.current)||void 0===n?void 0:n.length)||(b([]),A(!0),i.__awaiter(void 0,void 0,void 0,(function(){var n,e,a,o;return i.__generator(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),[4,t.callApi(t.getApiPath(t.PATHS.TOPIC.LIST,{communityId:l,_locale:f}),"GET")];case 1:return n=i.sent(),e=null===(o=null==n?void 0:n.data)||void 0===o?void 0:o.topics,Array.isArray(e)&&b((function(){return(null==e?void 0:e.map(t.formatTopic).sort((function(n,e){return(n.order||0)-(e.order||0)})))||[]})),[3,3];case 2:return a=i.sent(),console.log(a),A(!1),[3,3];case 3:return A(!1),[2]}}))})))}),[l,m]);var T=null==r?void 0:r.map((function(n){return n.id})).join("-"),N=null==x?void 0:x.map((function(n){return n.id})).join("-"),M=null==p?void 0:p.map((function(n){return n.id})).join("-");n.useEffect((function(){r&&void 0!==T&&T!==N&&b(r)}),[r,T,N]);var z=n.useMemo((function(){return x.filter((function(n){return!(null==p?void 0:p.some((function(e){return e.id&&e.id===n.id||e.mappedCategoryId&&e.mappedCategoryId===n.mappedCategoryId})))}))}),[N,M]);return L.default.createElement(Dt,{"data-is-marrybaby":h,className:a,style:o},p.map((function(n){return L.default.createElement(Zt,{key:"".concat(n.id,"-").concat(n.mappedCategoryId),topic:n,disabled:!0,selected:!0})})),z.map((function(n){return L.default.createElement(Zt,{key:"".concat(n.id,"-").concat(n.mappedCategoryId),topic:n,disabled:c,selected:(u||y).some((function(e){return e.id&&e.id===n.id||e.mappedCategoryId&&e.mappedCategoryId===n.mappedCategoryId})),onClick:function(){var e=u||y,t=e.findIndex((function(e){return e.id&&e.id===n.id||e.mappedCategoryId&&e.mappedCategoryId===n.mappedCategoryId}));-1!==t?e.splice(t,1):e.push(n),d&&u?d(e.slice()):(d&&d(e.slice()),C(e.slice()))}})})),(s||E)&&L.default.createElement(X,{className:"topic-spinner"}))},Zt=function(n){var e=n.topic,t=n.disabled,i=n.selected,a=n.onClick;return L.default.createElement("div",{className:"tag-item"+(i?" --active":""),"data-disabled":t,onClick:t?void 0:a},e.name)},Wt="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",qt=z.default.div(rt||(rt=i.__makeTemplateObject(["\n  [data-type='confirm'] {\n    max-width: 468px;\n    height: 486px;\n    padding: 0;\n\n    .popup-content {\n      display: flex;\n      flex-direction: column;\n      padding: 0;\n\n      .close-button {\n        top: 16px;\n        right: 16px;\n        width: 24px;\n        height: 24px;\n        z-index: 5;\n      }\n\n      .header {\n        display: flex;\n        height: 56px;\n        align-items: center;\n        padding: 16px 56px 16px 32px;\n        border-bottom: 1px solid ",";\n        font-weight: 900;\n        width: 100%;\n        justify-content: space-between;\n      }\n\n      .content {\n        overflow: auto;\n        flex: 1;\n        .topic-list-wrapper {\n          padding: 1rem;\n        }\n      }\n    }\n  }\n\n  > div&[data-open='true'] {\n    z-index: 250;\n    &:last-child {\n      z-index: 200;\n    }\n  }\n\n  ","\n\n  ","\n"],["\n  [data-type='confirm'] {\n    max-width: 468px;\n    height: 486px;\n    padding: 0;\n\n    .popup-content {\n      display: flex;\n      flex-direction: column;\n      padding: 0;\n\n      .close-button {\n        top: 16px;\n        right: 16px;\n        width: 24px;\n        height: 24px;\n        z-index: 5;\n      }\n\n      .header {\n        display: flex;\n        height: 56px;\n        align-items: center;\n        padding: 16px 56px 16px 32px;\n        border-bottom: 1px solid ",";\n        font-weight: 900;\n        width: 100%;\n        justify-content: space-between;\n      }\n\n      .content {\n        overflow: auto;\n        flex: 1;\n        .topic-list-wrapper {\n          padding: 1rem;\n        }\n      }\n    }\n  }\n\n  > div&[data-open='true'] {\n    z-index: 250;\n    &:last-child {\n      z-index: 200;\n    }\n  }\n\n  ","\n\n  ","\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.isExpand&&s.css(at||(at=i.__makeTemplateObject(["\n      & > div[data-open] {\n        width: 100%;\n        height: 100%;\n        max-width: none;\n        max-height: none;\n      }\n    "],["\n      & > div[data-open] {\n        width: 100%;\n        height: 100%;\n        max-width: none;\n        max-height: none;\n      }\n    "])))}),(function(n){return n.hasFullscreen&&s.css(ot||(ot=i.__makeTemplateObject(["\n      & > div[data-open] {\n        transition: all 0.5s ease-in-out, width 0s, height 0s;\n      }\n    "],["\n      & > div[data-open] {\n        transition: all 0.5s ease-in-out, width 0s, height 0s;\n      }\n    "])))})),Gt=z.default.div(lt||(lt=i.__makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n"],["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n"]))),Qt=function(e){var i=e.className,a=e.style,o=e.closeIcon,r=e.heading,l=void 0===r?"":r,d=e.children,s=e.isOpen,c=void 0!==s&&s,p=e.hasFullscreen,u=void 0!==p&&p,g=e.onClose,f=void 0===g?function(){return null}:g,h=n.useState(!1),v=h[0],x=h[1];return L.default.createElement(qt,{className:i,style:a,isExpand:v,hasFullscreen:u},L.default.createElement(t.Popup,{type:"confirm",onClose:f,isOpen:c,closeIcon:o||L.default.createElement("img",{src:Wt}),enableAnimation:!u},L.default.createElement("div",{className:"header"},L.default.createElement(m.Heading,{tag:"h5"},l),u&&L.default.createElement(Gt,{onClick:function(){return x(!v)}},L.default.createElement(m.FullScreen,{size:14,isExpand:v}))),L.default.createElement("div",{className:"content"},"function"==typeof d?d(v):d)))},Xt=z.default.div(dt||(dt=i.__makeTemplateObject(["\n  [data-type='confirm'] {\n    width: min(360px, 100%);\n    height: auto;\n    &[data-open='false'] {\n      top: calc(-100% - 500px);\n    }\n  }\n  z-index: 600;\n\n  .header {\n    display: none !important;\n  }\n\n  .confirm-dialog {\n    position: relative;\n    overflow: auto;\n    width: 100%;\n    padding-top: 44px;\n    background: #fff;\n    border-radius: 6px;\n\n    .confirm-content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      padding: 0 16px 16px;\n      text-align: center;\n\n      .title {\n        margin-bottom: 8px;\n        font-size: 24px;\n        line-height: 32px;\n        word-break: break-word;\n        overflow-wrap: break-word;\n      }\n\n      .desc {\n        margin-bottom: 24px;\n        color: ",";\n        font-size: 18px;\n        line-height: 24px;\n        text-align: center;\n        word-break: break-word;\n        overflow-wrap: break-word;\n      }\n\n      .btn-group {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        justify-content: center;\n\n        button {\n          margin: 0 4px 0.5rem;\n        }\n      }\n    }\n  }\n  .thumbnail-container {\n    width: 80px;\n    height: 80px;\n    margin-bottom: 32px;\n    .thumbnail {\n      width: 100%;\n      height: 100%;\n    }\n    &.is-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #e0e9fc;\n      border-radius: 1rem;\n      .thumbnail {\n        width: 40px;\n        height: 40px;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .popup-frame {\n      > div:first-child {\n        overflow: hidden;\n        border-radius: 1rem;\n        &[data-open='true'] {\n          "," {\n            top: 100%;\n            transform: translate(-50%, -100%);\n            max-width: unset;\n            width: 100%;\n            background: unset;\n            overflow: unset;\n          }\n        }\n      }\n      .popup-content {\n        .close-button {\n          "," {\n            display: none;\n          }\n        }\n        .confirm-dialog {\n          "," {\n            background: unset;\n            position: relative;\n            overflow-x: hidden;\n            &::before {\n              content: '';\n              width: 200%;\n              background: #fff;\n              position: absolute;\n              left: 50%;\n              top: 0;\n              transform: translateX(-50%);\n              z-index: -1;\n              height: 100%;\n              border-top-left-radius: 100%;\n              border-top-right-radius: 100%;\n            }\n          }\n          .confirm-content {\n            padding: 0 40px 40px;\n            "," {\n              padding-left: 1.5rem;\n              padding-right: 1.5rem;\n            }\n            .btn-group {\n              width: 100%;\n              justify-content: space-between;\n              button {\n                flex: 1;\n                margin: 0;\n                &:first-child {\n                  margin-right: 0.5rem;\n                }\n              }\n            }\n          }\n        }\n      }\n      .thumbnail-container {\n        "," {\n          display: none;\n        }\n        &.is-icon {\n          background: #ffeaf1;\n          border-radius: 24px;\n        }\n        &.is-mobile {\n          position: absolute;\n          top: 0;\n          left: 50%;\n          display: none;\n          width: 48px;\n          height: 48px;\n          transform: translate(-50%, -50%);\n          &.is-icon {\n            border-radius: 1rem;\n            .thumbnail {\n              width: 24px;\n              height: 24px;\n            }\n          }\n          "," {\n            display: flex;\n          }\n        }\n      }\n    }\n  }\n"],["\n  [data-type='confirm'] {\n    width: min(360px, 100%);\n    height: auto;\n    &[data-open='false'] {\n      top: calc(-100% - 500px);\n    }\n  }\n  z-index: 600;\n\n  .header {\n    display: none !important;\n  }\n\n  .confirm-dialog {\n    position: relative;\n    overflow: auto;\n    width: 100%;\n    padding-top: 44px;\n    background: #fff;\n    border-radius: 6px;\n\n    .confirm-content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      padding: 0 16px 16px;\n      text-align: center;\n\n      .title {\n        margin-bottom: 8px;\n        font-size: 24px;\n        line-height: 32px;\n        word-break: break-word;\n        overflow-wrap: break-word;\n      }\n\n      .desc {\n        margin-bottom: 24px;\n        color: ",";\n        font-size: 18px;\n        line-height: 24px;\n        text-align: center;\n        word-break: break-word;\n        overflow-wrap: break-word;\n      }\n\n      .btn-group {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        justify-content: center;\n\n        button {\n          margin: 0 4px 0.5rem;\n        }\n      }\n    }\n  }\n  .thumbnail-container {\n    width: 80px;\n    height: 80px;\n    margin-bottom: 32px;\n    .thumbnail {\n      width: 100%;\n      height: 100%;\n    }\n    &.is-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #e0e9fc;\n      border-radius: 1rem;\n      .thumbnail {\n        width: 40px;\n        height: 40px;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .popup-frame {\n      > div:first-child {\n        overflow: hidden;\n        border-radius: 1rem;\n        &[data-open='true'] {\n          "," {\n            top: 100%;\n            transform: translate(-50%, -100%);\n            max-width: unset;\n            width: 100%;\n            background: unset;\n            overflow: unset;\n          }\n        }\n      }\n      .popup-content {\n        .close-button {\n          "," {\n            display: none;\n          }\n        }\n        .confirm-dialog {\n          "," {\n            background: unset;\n            position: relative;\n            overflow-x: hidden;\n            &::before {\n              content: '';\n              width: 200%;\n              background: #fff;\n              position: absolute;\n              left: 50%;\n              top: 0;\n              transform: translateX(-50%);\n              z-index: -1;\n              height: 100%;\n              border-top-left-radius: 100%;\n              border-top-right-radius: 100%;\n            }\n          }\n          .confirm-content {\n            padding: 0 40px 40px;\n            "," {\n              padding-left: 1.5rem;\n              padding-right: 1.5rem;\n            }\n            .btn-group {\n              width: 100%;\n              justify-content: space-between;\n              button {\n                flex: 1;\n                margin: 0;\n                &:first-child {\n                  margin-right: 0.5rem;\n                }\n              }\n            }\n          }\n        }\n      }\n      .thumbnail-container {\n        "," {\n          display: none;\n        }\n        &.is-icon {\n          background: #ffeaf1;\n          border-radius: 24px;\n        }\n        &.is-mobile {\n          position: absolute;\n          top: 0;\n          left: 50%;\n          display: none;\n          width: 48px;\n          height: 48px;\n          transform: translate(-50%, -50%);\n          &.is-icon {\n            border-radius: 1rem;\n            .thumbnail {\n              width: 24px;\n              height: 24px;\n            }\n          }\n          "," {\n            display: flex;\n          }\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500}),h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown),Kt=function(o){var r=o.className,l=o.isMarryBaby,d=o.style,s=o.title,c=o.description,p=o.acceptText,u=o.cancelText,g=o.onAccept,f=o.thumbnail,v=o.isThumbnailIcon,x=o.onClose,b=o.acceptBtnTracking,w=n.useContext(t.TogetherComponentGlobalContext).data.env.isMarryBaby,y="boolean"==typeof l?l:w,C=n.useState(!1),k=C[0],E=C[1];return n.useEffect((function(){return h.toggleNoScroll(!0),setTimeout((function(){return E(!0)}),0),function(){return h.toggleNoScroll(!1)}}),[]),"undefined"==typeof window?null:P.createPortal(L.default.createElement(Xt,{"data-is-marrybaby":y,className:r,style:d,"data-open":k},L.default.createElement(Qt,{className:"popup-frame",isOpen:k,onClose:x},L.default.createElement("div",{className:"confirm-dialog",onClick:function(n){return n.stopPropagation()}},L.default.createElement("div",{className:"confirm-content"},f&&L.default.createElement("div",{className:"thumbnail-container ".concat(v?"is-icon":"")},L.default.createElement("img",{className:"thumbnail",src:f})),L.default.createElement(m.Heading,{className:"title",tag:"h2"},s),L.default.createElement(e.Text,{className:"desc",size:"lg"},c),L.default.createElement("div",{className:"btn-group"},L.default.createElement(a.Button,i.__assign({theme:y?"marryBaby":"helloSites",size:"md",color:"secondary",onClick:function(){null==g||g(),null==x||x()}},b),p),L.default.createElement(a.Button,{theme:y?"marryBaby":"helloSites",size:"md",onClick:x},u)))),y&&f&&L.default.createElement("div",{className:"thumbnail-container is-mobile ".concat(v?"is-icon":"")},L.default.createElement("img",{className:"thumbnail",src:f})))),h.getPopupWrapperDom())},Yt=function(n){var e=n.postId,a=n.message,o=n.photos,r=n.link,l=n.locale,d=n.sanitizeFunction,s=n.replyingUserId,c=n.replyingUserName,p=n.replyingId;return i.__awaiter(void 0,void 0,void 0,(function(){var n,u,m;return i.__generator(this,(function(i){switch(i.label){case 0:return n=new FormData,u=Be(a.replace(/(\&nbsp;)+/g," "),d),m=Pe(u),o&&o.length>0?[4,Promise.all(null==o?void 0:o.map((function(n){return De(n,l)})))]:[3,2];case 1:i.sent().filter(Boolean).slice(0,t.MAX_IMAGE_UPLOADS).forEach((function(e){n.append("images[]",e)})),i.label=2;case 2:return r&&n.append("link",r),null==m||m.forEach((function(e){n.append("mention_ids[]",e)})),n.append("post_id",e),p&&n.append("parent_id",p),s&&(m.unshift(s),u='[mention+id="'.concat(s,'"+name="').concat((c||"").replace('"',"'"),'"]').concat(u),n.append("parent_user_id",String(s))),n.append("content",u),n.append("content",u),[2,n]}}))}))},Jt=function(n,e){return i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(i){return[2,t.callApiWithAuth(t.getApiPath(t.PATHS.COMMENT.CREATE,{_locale:e}),"POST",{data:n})]}))}))},$t=function(n,e){return i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(i){return[2,t.callApiWithAuth(t.getApiPath(t.PATHS.COMMENT.REPLY,{_locale:e}),"POST",{data:n})]}))}))},ni=function(n){var e=n.commentId,a=n.setLike,o=void 0!==a&&a,r=n.locale;return i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(n){return[2,t.callApiWithAuth(t.getApiPath(o?t.PATHS.COMMENT.LIKE:t.PATHS.COMMENT.UNLIKE,{_locale:r,id:e}),"GET")]}))}))},ei=function(n){var e=n.id,i=n.locale;return t.callApiWithAuth(t.getApiPath(t.PATHS.COMMENT.DELETE,{_locale:i,id:e}),"DELETE")},ti=z.default.div(st||(st=i.__makeTemplateObject(["\n  padding: 1rem;\n  border-top: 1px solid #f2f2f2;\n  &[data-is-reply='true'] {\n    padding-right: 0;\n    padding-left: 0;\n    border-top: 1px solid #e4e8ec;\n    margin-right: 1rem;\n    margin-left: 1rem;\n  }\n  .error-text {\n    padding: 1rem;\n    color: ",";\n  }\n  .reply-to-container {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 0.75rem;\n    margin-top: -0.25rem;\n    .icon-close-comment {\n      width: 16px;\n      height: 16px;\n      cursor: pointer;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  .input-container {\n    display: flex;\n    align-items: center;\n    .avatar-wrapper {\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n      margin-right: 0.5rem;\n      &.avatar-wrapper-reply {\n        width: 32px;\n        height: 32px;\n        .avatar {\n          width: 32px;\n          height: 32px;\n        }\n      }\n    }\n    .input-wrapper {\n      margin-right: 0.5rem;\n      &[data-has-error] {\n        .as-input {\n          border-color: ",";\n        }\n      }\n\n      .as-input {\n        .textarea {\n          width: 100%;\n          max-height: 225px;\n          min-height: 75px;\n          .ql-toolbar {\n            padding: 0;\n          }\n          .ql-editor {\n            padding-left: 0;\n            padding-right: 0;\n          }\n          .quill {\n            height: 0;\n          }\n        }\n        width: 100%;\n        padding: 12px 16px;\n        border: solid 1px ",";\n        border-radius: 6px;\n\n        &:active,\n        &:focus {\n          border-color: ",";\n          box-shadow: 0px 0px 2px 2px ",";\n        }\n\n        &:disabled {\n          background-color: ",";\n          cursor: not-allowed;\n        }\n\n        span {\n          &[data-error='true'] {\n            color: red;\n            text-decoration: underline;\n          }\n        }\n      }\n\n      &[data-has-action-icon] {\n        .as-input {\n          padding: 12px 48px 12px 16px;\n        }\n      }\n      &[data-has-display-icon] {\n        .as-input {\n          padding: 12px 16px 12px 48px;\n        }\n      }\n\n      &[data-has-action-icon][data-has-display-icon] {\n        .as-input {\n          padding: 12px 48px;\n        }\n      }\n\n      &[data-size='lg'] {\n        .as-input {\n          font-size: 16px;\n          font-weight: ",";\n          "," {\n            font-size: 22px;\n            line-height: 1.2;\n          }\n\n          "," {\n            font-size: 26px;\n            line-height: 1.2;\n          }\n        }\n      }\n      &[data-size='md'] {\n        .as-input {\n          font-weight: ",";\n          line-height: 22px;\n          "," {\n            font-size: 14px;\n            line-height: 1.2;\n          }\n\n          "," {\n            font-size: 16px;\n            line-height: 1.2;\n          }\n        }\n      }\n      &[data-size='sm'] {\n        .as-input {\n          font-weight: ",";\n          line-height: 20px;\n          "," {\n            font-size: 13px;\n            line-height: 1.5;\n          }\n\n          "," {\n            font-size: 13px;\n            line-height: 1.5;\n          }\n        }\n      }\n    }\n    .images-input-label {\n      height: 100%;\n      cursor: pointer;\n      .icon-images-input {\n        width: 24px;\n        height: 24px;\n        vertical-align: middle;\n      }\n    }\n    .send-button {\n      display: flex;\n      width: 40px;\n      height: 40px;\n      flex-shrink: 0;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      border: none;\n      &.send-button-post {\n        background: ",";\n        border-radius: 50%;\n      }\n      .icon-enter {\n        width: 20px;\n        height: 20px;\n        vertical-align: middle;\n      }\n      &[data-is-loading='true'] {\n        > div {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n      }\n    }\n  }\n  .preview-images-container {\n    margin-top: 1rem;\n    .image-src-wrapper {\n      position: relative;\n      width: 100%;\n      padding-top: 66.67%;\n      &:not(:last-child) {\n        margin-bottom: 1rem;\n      }\n      .preview-image {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n      .icon-close-circle {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n        width: 20px;\n        height: 20px;\n        cursor: pointer;\n      }\n    }\n  }\n"],["\n  padding: 1rem;\n  border-top: 1px solid #f2f2f2;\n  &[data-is-reply='true'] {\n    padding-right: 0;\n    padding-left: 0;\n    border-top: 1px solid #e4e8ec;\n    margin-right: 1rem;\n    margin-left: 1rem;\n  }\n  .error-text {\n    padding: 1rem;\n    color: ",";\n  }\n  .reply-to-container {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 0.75rem;\n    margin-top: -0.25rem;\n    .icon-close-comment {\n      width: 16px;\n      height: 16px;\n      cursor: pointer;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  .input-container {\n    display: flex;\n    align-items: center;\n    .avatar-wrapper {\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n      margin-right: 0.5rem;\n      &.avatar-wrapper-reply {\n        width: 32px;\n        height: 32px;\n        .avatar {\n          width: 32px;\n          height: 32px;\n        }\n      }\n    }\n    .input-wrapper {\n      margin-right: 0.5rem;\n      &[data-has-error] {\n        .as-input {\n          border-color: ",";\n        }\n      }\n\n      .as-input {\n        .textarea {\n          width: 100%;\n          max-height: 225px;\n          min-height: 75px;\n          .ql-toolbar {\n            padding: 0;\n          }\n          .ql-editor {\n            padding-left: 0;\n            padding-right: 0;\n          }\n          .quill {\n            height: 0;\n          }\n        }\n        width: 100%;\n        padding: 12px 16px;\n        border: solid 1px ",";\n        border-radius: 6px;\n\n        &:active,\n        &:focus {\n          border-color: ",";\n          box-shadow: 0px 0px 2px 2px ",";\n        }\n\n        &:disabled {\n          background-color: ",";\n          cursor: not-allowed;\n        }\n\n        span {\n          &[data-error='true'] {\n            color: red;\n            text-decoration: underline;\n          }\n        }\n      }\n\n      &[data-has-action-icon] {\n        .as-input {\n          padding: 12px 48px 12px 16px;\n        }\n      }\n      &[data-has-display-icon] {\n        .as-input {\n          padding: 12px 16px 12px 48px;\n        }\n      }\n\n      &[data-has-action-icon][data-has-display-icon] {\n        .as-input {\n          padding: 12px 48px;\n        }\n      }\n\n      &[data-size='lg'] {\n        .as-input {\n          font-size: 16px;\n          font-weight: ",";\n          "," {\n            font-size: 22px;\n            line-height: 1.2;\n          }\n\n          "," {\n            font-size: 26px;\n            line-height: 1.2;\n          }\n        }\n      }\n      &[data-size='md'] {\n        .as-input {\n          font-weight: ",";\n          line-height: 22px;\n          "," {\n            font-size: 14px;\n            line-height: 1.2;\n          }\n\n          "," {\n            font-size: 16px;\n            line-height: 1.2;\n          }\n        }\n      }\n      &[data-size='sm'] {\n        .as-input {\n          font-weight: ",";\n          line-height: 20px;\n          "," {\n            font-size: 13px;\n            line-height: 1.5;\n          }\n\n          "," {\n            font-size: 13px;\n            line-height: 1.5;\n          }\n        }\n      }\n    }\n    .images-input-label {\n      height: 100%;\n      cursor: pointer;\n      .icon-images-input {\n        width: 24px;\n        height: 24px;\n        vertical-align: middle;\n      }\n    }\n    .send-button {\n      display: flex;\n      width: 40px;\n      height: 40px;\n      flex-shrink: 0;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      border: none;\n      &.send-button-post {\n        background: ",";\n        border-radius: 50%;\n      }\n      .icon-enter {\n        width: 20px;\n        height: 20px;\n        vertical-align: middle;\n      }\n      &[data-is-loading='true'] {\n        > div {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n      }\n    }\n  }\n  .preview-images-container {\n    margin-top: 1rem;\n    .image-src-wrapper {\n      position: relative;\n      width: 100%;\n      padding-top: 66.67%;\n      &:not(:last-child) {\n        margin-bottom: 1rem;\n      }\n      .preview-image {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n      .icon-close-circle {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n        width: 20px;\n        height: 20px;\n        cursor: pointer;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.sizes.fwRegular}),h.MediaQueries.mbDown,h.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),h.MediaQueries.mbDown,h.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),h.MediaQueries.mbDown,h.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral100})),ii=n.createContext({}),ai=function(o){var l=o.isReply,d=o.className,s=o.onClose,p=o.replyToName,u=o.style,m=o.replyingId,g=o.replyingUser,f=o.onPostSuccess;o.isMainCmt;var h=o.post,v=o.isMarryBaby,x=n.useContext(t.TogetherComponentGlobalContext),b=x.action,w=b.pushNotifications,y=b.sanitizeFunction,C=x.data,k=C.userInfo,E=C.locale,A=C.env.isMarryBaby,_="boolean"==typeof v?v:A,T=r.useTranslations().t,N=Xe(),M=N.onSelectImages,z=N.onRemoveImage,j=N.imageSrcs,S=N.onRemoveAllImages,P=N.imageFiles,I=n.useState(""),F=I[0],O=I[1],B=n.useContext(ii).trigger,V=n.useState(!1),U=V[0],R=V[1],D=n.useRef(null),H=n.useRef(null),Z=n.useRef(null),W=n.useState([]),q=W[0],G=W[1],Q=n.useState([]),K=Q[0],J=Q[1],$=n.useState(null),nn=$[0],en=$[1];return n.useEffect((function(){var n;null===(n=Z.current)||void 0===n||n.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout((function(){var n;null===(n=H.current)||void 0===n||n.focus()}),400)}),[B]),L.default.createElement(ti,{"data-is-reply":l,className:d,style:u},l&&L.default.createElement("div",{className:"reply-to-container"},L.default.createElement(e.Text,{size:"p4"},L.default.createElement("span",{dangerouslySetInnerHTML:{__html:T("inputComment.replyTo",{name:'<span style="color: #2D87F3; cursor: pointer">@'.concat(p||"","</span>")})}})),L.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8.00016' cy='8.50004' r='6.66667' fill='white' stroke='%23404040'/%3e%3cpath d='M10 6.5L6 10.5' stroke='%23404040' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6.5L10 10.5' stroke='%23404040' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",className:"icon-close-comment",onClick:function(){return s&&s()}})),L.default.createElement("div",{className:"input-container",ref:Z},L.default.createElement(t.UserAvatar,{className:"avatar-wrapper ".concat(l?"avatar-wrapper-reply":""),avatar:(null==k?void 0:k.id)?k.avatar:t.DEFAULT_AVATAR_IMG,username:(null==k?void 0:k.name)||(null==k?void 0:k.username)}),L.default.createElement("input",{ref:D,onChange:M,type:"file",multiple:!0,accept:"image/png,image/jpeg",name:"images",style:{display:"none"}}),L.default.createElement(c.Input,{value:F,name:"input",size:"md",className:"input-wrapper",displayIcon:L.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.7543 4.85352H4.49227C4.01776 4.85352 3.56268 5.04201 3.22715 5.37754C2.89162 5.71307 2.70313 6.16815 2.70312 6.64266V19.1667C2.70313 19.6412 2.89162 20.0963 3.22715 20.4318C3.56268 20.7673 4.01776 20.9558 4.49227 20.9558H17.0163C17.4908 20.9558 17.9459 20.7673 18.2814 20.4318C18.6169 20.0963 18.8054 19.6412 18.8054 19.1667V12.9047' stroke='%232D87F3' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M17.4633 3.51187C17.8192 3.15599 18.3019 2.95605 18.8052 2.95605C19.3085 2.95605 19.7912 3.15599 20.147 3.51187C20.5029 3.86775 20.7029 4.35044 20.7029 4.85373C20.7029 5.35702 20.5029 5.83971 20.147 6.19559L11.6486 14.694L8.07031 15.5886L8.96489 12.0103L17.4633 3.51187Z' stroke='%232D87F3' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"}),CustomInput:L.default.createElement("div",{className:"as-input"},L.default.createElement(Pt,{className:"textarea",html:F,onChange:O,onImagePickerClick:function(){var n;return null===(n=D.current)||void 0===n?void 0:n.click()},bannedWords:K,onPreviewUrlChange:en,onInvalidUrlsChange:G,setEditorRef:function(n){return H.current=n},isReplying:l}))}),L.default.createElement(a.Button,{theme:_?"marryBaby":"helloSites",className:"send-button",size:"sm",onClick:function(){return i.__awaiter(void 0,void 0,void 0,(function(){var n,e,a,o,r,d,c,p,u,v,x,b,C;return i.__generator(this,(function(k){switch(k.label){case 0:if(!(null==h?void 0:h.id)||U)return[2];R(!0),k.label=1;case 1:return k.trys.push([1,4,,5]),n=function(n){O(""),S(),s&&s();var e=t.formatComment(n.data);"string"==typeof e.images&&(e.images=JSON.parse(e.images)),f&&f(e)},[4,Yt(i.__assign({message:F,photos:P,postId:String(h.id),link:null==nn?void 0:nn.url,sanitizeFunction:y,locale:E},l&&m?{replyingUserId:String((null==g?void 0:g.id)||(null===(r=null==h?void 0:h.author)||void 0===r?void 0:r.id)||""),replyingId:m,replyingUserName:(null==g?void 0:g.name)||(null==g?void 0:g.username)||""}:{}))];case 2:return e=k.sent(),[4,l&&m?$t(e,E):Jt(e,E)];case 3:return a=k.sent(),(null==(o=null==a?void 0:a.data)?void 0:o.id)&&!(null===(c=null===(d=null==a?void 0:a.messages)||void 0===d?void 0:d.moderation)||void 0===c?void 0:c.type)?n(a):"banned"===(null===(u=null===(p=null==a?void 0:a.messages)||void 0===p?void 0:p.moderation)||void 0===u?void 0:u.type)?(w({title:T("notification.comment.blocked.title"),message:T("notification.comment.blocked.message"),type:"danger"}),a.messages.moderation.words&&J(a.messages.moderation.words)):"suspect"===(null===(x=null===(v=null==a?void 0:a.messages)||void 0===v?void 0:v.moderation)||void 0===x?void 0:x.type)?(w({title:T("notification.comment.suspect.title"),message:T("notification.comment.suspect.message"),type:"warning"}),O(""),S(),s&&s()):(null===(b=null==a?void 0:a.messages)||void 0===b?void 0:b.find((function(n){var e;return!!(null===(e=null==n?void 0:n.includes)||void 0===e?void 0:e.call(n,"suspend"))})))?(w({message:T("notification.suspend.message"),type:"warning"}),O(""),S(),s&&s()):w({title:"",message:(null===(C=null==a?void 0:a.messages)||void 0===C?void 0:C[0])||T("notification.comment.somethingWrong"),type:"danger"}),[3,5];case 4:return k.sent(),w({title:"",message:T("notification.comment.somethingWrong"),type:"danger"}),[3,5];case 5:return R(!1),[2]}}))}))},isLoading:U,isDisabled:!!(null==q?void 0:q.length)||U||!F||(null==F?void 0:F.length)<2||!F.trim()},L.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.5 9.73438L3.75 13.4844L7.5 17.2344' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M16.25 4.73438L16.25 10.3026C16.25 11.1464 15.9208 11.9557 15.3347 12.5524C14.7487 13.1491 13.9538 13.4844 13.125 13.4844L3.75 13.4844' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",className:"icon-enter"}))),(null==q?void 0:q.length)?L.default.createElement("div",{className:"error-text"},T("notification.limitUrlDomain")):null,(!j||0===j.length)&&nn&&L.default.createElement("div",{className:"link-preview-wrapper"},nn.isFetching?L.default.createElement(X,null):L.default.createElement(L.default.Fragment,null,L.default.createElement(Y,{title:nn.title,url:nn.url||"#",image:nn.image,noRefetch:!0}),L.default.createElement("img",{src:Ke,className:"icon-close",onClick:function(){return en(null)}}))),j&&j.length>0&&L.default.createElement("div",{className:"preview-images-container"},j.map((function(n,e){return L.default.createElement("div",{key:e,className:"image-src-wrapper"},L.default.createElement("img",{className:"preview-image",src:n}),L.default.createElement("img",{src:Ke,className:"icon-close-circle",onClick:function(){return z(e)}}))}))))},oi=z.default.a(ct||(ct=i.__makeTemplateObject(["\n  * {\n    pointer-events: none;\n  }\n"],["\n  * {\n    pointer-events: none;\n  }\n"]))),ri=z.default.div(pt||(pt=i.__makeTemplateObject(["\n  padding: 1rem;\n  .share__social {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n\n    & > "," {\n      margin: 0 7px;\n\n      & > img {\n        width: 32px;\n        height: 32px;\n      }\n      .__label {\n        display: none;\n      }\n    }\n  }\n\n  .share__copy-link {\n    position: relative;\n    padding: 1rem 0.5rem 0;\n\n    margin-top: 16px;\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: calc(100% + 2rem);\n      border-top: 1px solid\n        ",";\n      margin-left: -1rem;\n      content: '';\n    }\n    .__label {\n      margin-bottom: 8px;\n      font-size: 11px;\n      font-weight: 400;\n      line-height: 17px;\n      text-align: left;\n    }\n\n    .__input-group {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      height: 40px;\n      border: 1px solid ",";\n      background: #fff;\n      border-radius: 6px;\n\n      & > input {\n        width: 100%;\n        height: 100%;\n        padding: 0 16px;\n        border: none;\n        background: transparent;\n        color: ",";\n\n        &:focus {\n          outline: none;\n        }\n      }\n\n      .__copy {\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 71px;\n        height: 100%;\n        padding-left: 12px;\n        background: linear-gradient(\n          90deg,\n          rgba(255, 255, 255, 0.1) 0%,\n          #fff 17%,\n          #fff 100%\n        );\n        color: ",";\n        cursor: pointer;\n        font-size: 14px;\n        font-weight: 400;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    "," {\n      padding: 0.5rem;\n    }\n    .share__social {\n      justify-content: space-between;\n      & > a {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        "," {\n          margin: 0;\n        }\n        & > img {\n          margin-bottom: 0.8rem;\n        }\n        .__label {\n          display: initial;\n        }\n      }\n    }\n    .share__copy-link {\n      padding: 0;\n      &::before {\n        display: none;\n      }\n      .__label {\n        display: none;\n      }\n      .__input-group {\n        height: unset;\n        background-color: rgb(243, 243, 243);\n        border-radius: 16px;\n        & > input {\n          padding: 1rem;\n        }\n        .__copy {\n          background: linear-gradient(\n            90deg,\n            rgba(255, 255, 255, 0.1) 0%,\n            #f3f3f3 17%,\n            #f3f3f3 100%\n          );\n        }\n      }\n    }\n  }\n"],["\n  padding: 1rem;\n  .share__social {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n\n    & > "," {\n      margin: 0 7px;\n\n      & > img {\n        width: 32px;\n        height: 32px;\n      }\n      .__label {\n        display: none;\n      }\n    }\n  }\n\n  .share__copy-link {\n    position: relative;\n    padding: 1rem 0.5rem 0;\n\n    margin-top: 16px;\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: calc(100% + 2rem);\n      border-top: 1px solid\n        ",";\n      margin-left: -1rem;\n      content: '';\n    }\n    .__label {\n      margin-bottom: 8px;\n      font-size: 11px;\n      font-weight: 400;\n      line-height: 17px;\n      text-align: left;\n    }\n\n    .__input-group {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      height: 40px;\n      border: 1px solid ",";\n      background: #fff;\n      border-radius: 6px;\n\n      & > input {\n        width: 100%;\n        height: 100%;\n        padding: 0 16px;\n        border: none;\n        background: transparent;\n        color: ",";\n\n        &:focus {\n          outline: none;\n        }\n      }\n\n      .__copy {\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 71px;\n        height: 100%;\n        padding-left: 12px;\n        background: linear-gradient(\n          90deg,\n          rgba(255, 255, 255, 0.1) 0%,\n          #fff 17%,\n          #fff 100%\n        );\n        color: ",";\n        cursor: pointer;\n        font-size: 14px;\n        font-weight: 400;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    "," {\n      padding: 0.5rem;\n    }\n    .share__social {\n      justify-content: space-between;\n      & > a {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        "," {\n          margin: 0;\n        }\n        & > img {\n          margin-bottom: 0.8rem;\n        }\n        .__label {\n          display: initial;\n        }\n      }\n    }\n    .share__copy-link {\n      padding: 0;\n      &::before {\n        display: none;\n      }\n      .__label {\n        display: none;\n      }\n      .__input-group {\n        height: unset;\n        background-color: rgb(243, 243, 243);\n        border-radius: 16px;\n        & > input {\n          padding: 1rem;\n        }\n        .__copy {\n          background: linear-gradient(\n            90deg,\n            rgba(255, 255, 255, 0.1) 0%,\n            #f3f3f3 17%,\n            #f3f3f3 100%\n          );\n        }\n      }\n    }\n  }\n"])),oi,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.primaryBase}),h.MediaQueries.mbDown,h.MediaQueries.mbDown),li=function(i){var a=i.className,o=i.trackingCategory,l=void 0===o?"Together":o,s=i.style,c=i.shareUrl,p=i.title,u=n.useContext(t.TogetherComponentGlobalContext),m=u.action.pushNotifications,g=u.data.env.isMarryBaby,f=r.useTranslations().t,h=n.useRef(null),v=n.useState(!1),x=v[0],b=v[1],w=function(){if(null==h?void 0:h.current){var n=document.createElement("textarea");n.value=h.current.value,document.body.appendChild(n),n.select(),document.execCommand("copy"),document.body.removeChild(n),h.current.focus(),b(!0),m({title:"",message:f("share.linkCopied"),type:"success"})}};n.useEffect((function(){w(),navigator.share&&navigator.share({title:p||"Read This Post",url:c}).then((function(n){m({title:"",message:f("share.linkShared"),type:"success"})})).catch(console.error)}),[]);var y=function(n,e){return 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 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=".concat(n)},{icon:"data:image/png;base64,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",name:"Zalo",href:"https://sp.zalo.me/share?href=".concat(n)},{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=".concat(n)},{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=".concat(n)},{icon:"data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M36.6673 19.584C36.6673 28.559 29.209 35.834 20.0007 35.834C18.6248 35.834 17.2923 35.6723 16.014 35.364C15.6265 35.2707 15.2215 35.3065 14.8648 35.4848L11.2173 37.309C10.2757 37.7798 9.16732 37.0948 9.16732 36.0415V32.6873C9.16732 32.2082 8.95315 31.7615 8.59982 31.4382C5.35482 28.4715 3.33398 24.259 3.33398 19.584C3.33398 10.609 10.7923 3.33398 20.0007 3.33398C29.209 3.33398 36.6673 10.609 36.6673 19.584Z' fill='url(%23paint0_radial)'/%3e%3cpath opacity='0.05' d='M29.16 14.4102C28.8033 14.4102 28.4575 14.5285 28.16 14.7527L23.415 18.2652C23.3041 18.3485 23.1816 18.3902 23.0525 18.3902C22.9275 18.3902 22.81 18.351 22.7108 18.2768L19.4008 15.7852C18.7275 15.2843 17.9341 15.0202 17.1033 15.0202C15.79 15.0202 14.5825 15.6793 13.8733 16.7835L12.8641 18.3593L9.43081 23.9385C9.10414 24.4502 9.07914 25.0818 9.37164 25.6168C9.66998 26.1618 10.2333 26.5002 10.8416 26.5002C11.1983 26.5002 11.5441 26.3818 11.8416 26.1577L16.5866 22.6452C16.6975 22.5618 16.82 22.5202 16.9491 22.5202C17.0741 22.5202 17.1916 22.5593 17.2908 22.6335L20.6008 25.1252C21.275 25.6268 22.0675 25.8902 22.8983 25.8902C24.2116 25.8902 25.4191 25.231 26.1283 24.1268L27.1375 22.551L30.5708 16.9718C30.8975 16.4602 30.9225 15.8285 30.63 15.2935C30.3316 14.7485 29.7683 14.4102 29.16 14.4102Z' fill='black'/%3e%3cpath opacity='0.07' d='M29.161 14.8262C28.8952 14.8262 28.636 14.9153 28.4118 15.0845L23.6643 18.5995C23.4843 18.7353 23.2743 18.8062 23.0543 18.8062C22.8385 18.8062 22.6343 18.7378 22.4627 18.6095L19.1518 16.117C18.5527 15.6712 17.8452 15.4362 17.1043 15.4362C15.9335 15.4362 14.8577 16.0237 14.2252 17.0087L13.2168 18.5845L9.78766 24.1578C9.54016 24.5453 9.52099 25.0187 9.73933 25.417C9.96099 25.822 10.3952 26.0837 10.8435 26.0837C11.1093 26.0837 11.3685 25.9945 11.5927 25.8253L16.3402 22.3103C16.5202 22.1745 16.7302 22.1037 16.9502 22.1037C17.166 22.1037 17.3702 22.172 17.5418 22.3003L20.8527 24.7928C21.4518 25.2387 22.1593 25.4737 22.9002 25.4737C24.071 25.4737 25.1468 24.8862 25.7793 23.9012L26.7877 22.3253L30.2168 16.752C30.4643 16.3645 30.4835 15.8912 30.2652 15.4928C30.0435 15.0878 29.6102 14.8262 29.161 14.8262Z' fill='black'/%3e%3cpath d='M28.6625 15.4168L23.9125 18.9334C23.4042 19.3168 22.7125 19.3168 22.2125 18.9418L18.9008 16.4493C17.5008 15.4076 15.5175 15.7659 14.5758 17.2326L13.5675 18.8076L10.1425 24.3743C9.64248 25.1576 10.6008 26.0493 11.3425 25.4909L16.0925 21.9743C16.6008 21.5909 17.2925 21.5909 17.7925 21.9659L21.1041 24.4584C22.5041 25.5001 24.4875 25.1418 25.4291 23.6751L26.4375 22.1001L29.8625 16.5334C30.3625 15.7501 29.4042 14.8584 28.6625 15.4168Z' fill='white'/%3e%3cdefs%3e%3cradialGradient id='paint0_radial' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(9.23982 35.8157) scale(39.6767)'%3e%3cstop stop-color='%231292FF'/%3e%3cstop offset='0.079' stop-color='%232982FF'/%3e%3cstop offset='0.23' stop-color='%234E69FF'/%3e%3cstop offset='0.351' stop-color='%236559FF'/%3e%3cstop offset='0.428' stop-color='%236D53FF'/%3e%3cstop offset='0.754' stop-color='%23DF47AA'/%3e%3cstop offset='0.946' stop-color='%23FF6257'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e",name:"Messenger",href:"https://www.facebook.com/sharer.php?u=".concat(n)}]:[{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=".concat(n)},{icon:"data:image/png;base64,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",name:"Zalo",href:"https://sp.zalo.me/share?href=".concat(n)},{icon:"data:image/svg+xml,%3csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' width='32' height='32' rx='4' fill='%231FA1F3'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2304 13.2349L16.2709 13.8692L15.5965 13.7916C13.1417 13.4938 10.9972 12.484 9.17636 10.788L8.28615 9.94646L8.05688 10.5679C7.57128 11.9532 7.88154 13.4161 8.8931 14.4001C9.43262 14.9438 9.3112 15.0215 8.38057 14.6978C8.05688 14.5943 7.77362 14.5166 7.74662 14.5554C7.6522 14.646 7.97596 15.8241 8.23222 16.2902C8.58291 16.9376 9.29771 17.5719 10.08 17.9474L10.7409 18.2452L9.95865 18.2581C9.20329 18.2581 9.17636 18.271 9.25728 18.5429C9.52704 19.3844 10.5925 20.2777 11.7795 20.6661L12.6157 20.938L11.8873 21.3523C10.8084 21.9478 9.54054 22.2844 8.27265 22.3103C7.6657 22.3232 7.16667 22.375 7.16667 22.4139C7.16667 22.5433 8.81217 23.2684 9.76981 23.5531C12.6427 24.3947 16.0551 24.0322 18.6177 22.5951C20.4385 21.5724 22.2594 19.5398 23.1091 17.5719C23.5677 16.5232 24.0263 14.6072 24.0263 13.688C24.0263 13.0925 24.0667 13.0148 24.8221 12.3027C25.2671 11.8885 25.6853 11.4353 25.7662 11.3059C25.9011 11.0598 25.8876 11.0598 25.1997 11.28C24.0532 11.6683 23.8914 11.6166 24.4579 11.034C24.876 10.6197 25.375 9.86879 25.375 9.64873C25.375 9.60987 25.1727 9.67458 24.9434 9.79112C24.7007 9.92061 24.1612 10.1148 23.7565 10.2313L23.0282 10.4514L22.3673 10.0241C22.0031 9.79112 21.4906 9.53219 21.2208 9.45452C20.533 9.27327 19.4809 9.29918 18.8605 9.50628C17.1745 10.0889 16.109 11.5907 16.2304 13.2349Z' fill='white'/%3e%3c/svg%3e",name:"Twitter",href:"https://twitter.com/intent/tweet?url=".concat(n)},{icon:"data:image/png;base64,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",name:"WhatsApp",href:"https://wa.me/?text=".concat(n)},{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=".concat(n)}]}(c||"",g);return L.default.createElement(ri,{"data-is-marrybaby":g,className:a,style:s},L.default.createElement("div",{className:"share__social"},y.map((function(n,t){return L.default.createElement(oi,{key:t,"data-event-category":l,"data-event-action":"Social Share - ".concat(n.name),"data-event-label":c,href:n.href,target:"_blank",rel:"noreferrer"},L.default.createElement("img",{src:n.icon}),L.default.createElement(e.Text,{className:"__label",size:"label2",type:"regular"},n.name))}))),L.default.createElement("div",{className:"share__copy-link"},L.default.createElement(e.Text,{className:"__label",color:d.theme.colors.gray500,size:"p4",type:"regular"},f("orCopyLink")),L.default.createElement("div",{className:"__input-group"},L.default.createElement("input",{ref:h,type:"text",value:c,readOnly:!0,onFocus:function(n){return n.target.select()}}),L.default.createElement("button",{className:"__copy",onClick:function(){return w()}},g?L.default.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' xmlns:v='https://vecta.io/nano'%3e%3cg fill='%233e3f58'%3e%3cpath d='M19.726 8.537l-.632.151.632-.151zm0 4.65l-.632-.151.632.151zm-9.097-8.918l.146.633-.146-.633zm4.744 0l-.146.633.146-.633zm1.303 11.983a.65.65 0 1 0 .649 1.126l-.649-1.126zM6.041 7.23a.65.65 0 0 0 1.182.541L6.041 7.23zm13.053 1.459c.342 1.43.342 2.918 0 4.348l1.264.303c.39-1.629.39-3.324 0-4.953l-1.264.303zm-8.32-3.786a9.94 9.94 0 0 1 4.452 0l.291-1.267a11.24 11.24 0 0 0-5.035 0l.291 1.267zm4.452 0c1.925.443 3.419 1.913 3.867 3.786l1.264-.303c-.566-2.363-2.445-4.199-4.84-4.75l-.291 1.267zm2.099 12.476c1.505-.868 2.62-2.314 3.033-4.04l-1.264-.303c-.327 1.368-1.213 2.521-2.418 3.217l.649 1.126zM10.482 3.636c-1.988.457-3.62 1.799-4.442 3.594l1.182.541c.652-1.425 1.954-2.501 3.551-2.868l-.291-1.267z'/%3e%3cpath d='M3.274 16.187l-.632.151.632-.151zm0-4.65l-.632-.151.632.151zm13.451 0l-.632.151.632-.151zm0 4.65l.632.151-.632-.151zm-4.354 4.268l-.146-.633.146.633zm-4.744 0l-.146.634.146-.634zm0-13.186l.146.633-.146-.633zm4.744 0l-.146.633.146-.633zm-8.465 8.767c-.342-1.43-.342-2.918 0-4.348l-1.264-.303c-.39 1.629-.39 3.324 0 4.953l1.264-.303zm12.187-4.348c.342 1.43.342 2.918 0 4.348l1.264.303c.39-1.629.39-3.324 0-4.953l-1.264.303zm-3.867 8.133a9.94 9.94 0 0 1-4.452 0l-.291 1.267a11.24 11.24 0 0 0 5.035 0l-.291-1.267zM7.774 7.903a9.94 9.94 0 0 1 4.452 0l.291-1.267a11.24 11.24 0 0 0-5.035 0l.291 1.267zm0 11.919c-1.925-.443-3.419-1.913-3.867-3.786l-1.264.303c.565 2.363 2.445 4.199 4.84 4.75l.291-1.267zm4.744 1.267c2.395-.551 4.275-2.387 4.84-4.75l-1.264-.303c-.448 1.872-1.942 3.343-3.867 3.786l.291 1.267zm-.291-13.186c1.925.443 3.419 1.913 3.867 3.785l1.264-.303c-.566-2.363-2.445-4.199-4.84-4.75l-.291 1.267zM7.482 6.636c-2.395.551-4.275 2.387-4.84 4.75l1.264.303c.448-1.872 1.942-3.343 3.867-3.785l-.291-1.267zM12.268 21l.083-2.523c.079-.573.221-.867.433-1.075l-.91-.928c-.499.489-.712 1.104-.811 1.827-.096.702-.095 1.596-.095 2.699h1.3zm4.205-5.409c-1.126 0-2.035-.001-2.748.093-.731.096-1.354.303-1.85.79l.91.928c.214-.21.519-.352 1.11-.43.609-.08 1.416-.082 2.579-.082v-1.3z'/%3e%3c/g%3e%3cpath d='M7 11h3m-3 3h5' stroke='%233e3f58' stroke-width='1.3' stroke-linecap='round'/%3e%3c/svg%3e"}):f(x?"copied":"copy")))))},di=function(i){var a=i.trackingCategory,o=i.className,l=i.style,d=i.url,s=i.avatar,c=i.text,p=i.onClose,u=n.useContext(t.TogetherComponentGlobalContext).data.env.isMarryBaby,g=r.useTranslations().t,f=n.useState(!1),v=f[0],b=f[1];return n.useEffect((function(){return h.toggleNoScroll(!0),setTimeout((function(){return b(!0)}),0),function(){return h.toggleNoScroll(!1)}}),[]),L.default.createElement(x.Portal,null,L.default.createElement(si,{"data-is-marrybaby":u,className:o,style:l},L.default.createElement(Qt,{className:"share-popup",isOpen:v,onClose:p,heading:g("bottomBar.share")},u?L.default.createElement(e.Text,{className:"share-mb-text",size:"sm"},g("article.shareOn")):L.default.createElement("div",{className:"custom-share__header"},s&&L.default.createElement("div",{className:"custom-share__header-image"},L.default.createElement("img",{src:s})),L.default.createElement("div",{className:"custom-share__header-info"},L.default.createElement(m.Heading,{tag:"h4"},c),L.default.createElement(e.Text,{className:"desc",size:"md"},d))),v&&L.default.createElement(li,{trackingCategory:a,shareUrl:d||("undefined"!=typeof window?window.location.href:""),title:c}))))},si=z.default.div(ut||(ut=i.__makeTemplateObject(["\n  .share-popup {\n    > div:first-child {\n      height: unset;\n    }\n    .close-button {\n      display: none;\n    }\n    .popup-content .header {\n      display: none;\n    }\n  }\n  .custom-share__header {\n    display: flex;\n    flex-wrap: no-wrap;\n    align-items: center;\n    padding: 1rem;\n    border-bottom: 1px solid\n      ",";\n    margin-bottom: 16px;\n\n    .custom-share__header-image {\n      width: 38px;\n      height: 38px;\n      flex-shrink: 0;\n      & > img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n      }\n    }\n\n    .custom-share__header-info {\n      flex: 1;\n      padding: 0 8px;\n      word-break: break-word;\n\n      [data-tag='h4'] {\n        margin-bottom: 8px;\n        font-size: 14px;\n        font-weight: bold;\n        line-height: 14px;\n      }\n\n      [data-size='md'] {\n        color: #a5a5a5;\n        font-size: 14px;\n        line-height: 14px;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    .share-popup {\n      > div:first-child {\n        overflow: hidden;\n        border-radius: 1rem;\n        &[data-open='true'] {\n          "," {\n            max-width: unset;\n            width: 100%;\n            top: 100%;\n            transform: translate(-50%, -100%);\n            border-bottom-left-radius: 0;\n            border-bottom-right-radius: 0;\n          }\n        }\n      }\n      .close-button {\n        display: block;\n      }\n      .popup-content {\n        .header {\n          display: block;\n          padding: 1rem;\n          background-color: rgb(243, 243, 243);\n        }\n        .content {\n          padding-bottom: 1rem;\n        }\n      }\n      .share-mb-text {\n        margin: 1rem 1rem 0.5rem;\n      }\n    }\n  }\n"],["\n  .share-popup {\n    > div:first-child {\n      height: unset;\n    }\n    .close-button {\n      display: none;\n    }\n    .popup-content .header {\n      display: none;\n    }\n  }\n  .custom-share__header {\n    display: flex;\n    flex-wrap: no-wrap;\n    align-items: center;\n    padding: 1rem;\n    border-bottom: 1px solid\n      ",";\n    margin-bottom: 16px;\n\n    .custom-share__header-image {\n      width: 38px;\n      height: 38px;\n      flex-shrink: 0;\n      & > img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n      }\n    }\n\n    .custom-share__header-info {\n      flex: 1;\n      padding: 0 8px;\n      word-break: break-word;\n\n      [data-tag='h4'] {\n        margin-bottom: 8px;\n        font-size: 14px;\n        font-weight: bold;\n        line-height: 14px;\n      }\n\n      [data-size='md'] {\n        color: #a5a5a5;\n        font-size: 14px;\n        line-height: 14px;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    .share-popup {\n      > div:first-child {\n        overflow: hidden;\n        border-radius: 1rem;\n        &[data-open='true'] {\n          "," {\n            max-width: unset;\n            width: 100%;\n            top: 100%;\n            transform: translate(-50%, -100%);\n            border-bottom-left-radius: 0;\n            border-bottom-right-radius: 0;\n          }\n        }\n      }\n      .close-button {\n        display: block;\n      }\n      .popup-content {\n        .header {\n          display: block;\n          padding: 1rem;\n          background-color: rgb(243, 243, 243);\n        }\n        .content {\n          padding-bottom: 1rem;\n        }\n      }\n      .share-mb-text {\n        margin: 1rem 1rem 0.5rem;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral100}),h.MediaQueries.mbDown),ci="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 5V8' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11H8.00708' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",pi=z.default.div(mt||(mt=i.__makeTemplateObject(["\n  padding: 0 8px;\n  margin-top: 18px;\n\n  .report-list {\n    margin-bottom: 18px;\n\n    .report-item {\n      display: flex;\n      align-items: center;\n      margin-bottom: 10px;\n      font-weight: 600;\n\n      & > img {\n        width: 12px;\n        height: 12px;\n        margin-right: 8px;\n      }\n\n      .__label {\n        font-size: 14px;\n      }\n    }\n  }\n\n  .report-submit {\n    width: 100%;\n  }\n  &[data-is-marrybaby='true'] {\n    padding: 0 1rem 1rem;\n  }\n"],["\n  padding: 0 8px;\n  margin-top: 18px;\n\n  .report-list {\n    margin-bottom: 18px;\n\n    .report-item {\n      display: flex;\n      align-items: center;\n      margin-bottom: 10px;\n      font-weight: 600;\n\n      & > img {\n        width: 12px;\n        height: 12px;\n        margin-right: 8px;\n      }\n\n      .__label {\n        font-size: 14px;\n      }\n    }\n  }\n\n  .report-submit {\n    width: 100%;\n  }\n  &[data-is-marrybaby='true'] {\n    padding: 0 1rem 1rem;\n  }\n"]))),ui=function(o){var l=o.className,s=o.style,c=o.reason,p=o.reasonText,u=o.onClose,m=o.postId,g=n.useContext(t.TogetherComponentGlobalContext),f=g.data,h=f.locale,v=f.env.isMarryBaby,x=g.action.pushNotifications,b=r.useTranslations().t,w=n.useState(!1),y=w[0],C=w[1];return L.default.createElement(pi,{"data-is-marrybaby":v,className:l,style:s},L.default.createElement("ul",{className:"report-list"},L.default.createElement("li",{className:"report-item"},L.default.createElement("img",{src:ci}),L.default.createElement(e.Text,{className:"__label",color:d.theme.colors.gray800,size:"p4"},p))),L.default.createElement(a.Button,{theme:v?"marryBaby":"helloSites",className:"report-submit",size:"lg",color:"primary",isLoading:y,onClick:function(){return i.__awaiter(void 0,void 0,void 0,(function(){var n;return i.__generator(this,(function(e){switch(e.label){case 0:if(!m||y)return[2];C(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,Qe({id:m,reason:c,locale:h})];case 2:return 1===(null==(n=e.sent())?void 0:n.status)&&(x({message:"Post reported",type:"success"}),u&&u()),[3,4];case 3:return e.sent(),[3,4];case 4:return C(!1),[2]}}))}))}},b("submit")))},mi=z.default.div(gt||(gt=i.__makeTemplateObject(["\n  padding: 0.5rem 1rem 1rem;\n  line-height: 1.5;\n  word-break: break-word;\n  .post-content-replying {\n    margin-right: 5px;\n    color: ",";\n    cursor: pointer;\n    display: inline-block;\n    &.tag-only {\n      margin-right: 0;\n    }\n  }\n  .post-content {\n    display: inline;\n    white-space: pre-wrap;\n    /* > *:first-child, */\n    > mention:first-child ~ * {\n      &:not(ul),\n      &:not(ol) {\n        display: inline-block;\n      }\n    }\n    > mention:first-child {\n      margin-right: 5px;\n    }\n    &.has-see-more {\n      *:last-child {\n        &:not(ul),\n        &:not(ol) {\n          display: inline;\n        }\n      }\n    }\n    img {\n      width: 100%;\n      height: unset;\n    }\n    ul,\n    ol {\n      list-style-position: inside;\n      padding-left: 1rem;\n      display: block;\n    }\n    ol {\n      list-style-type: decimal;\n    }\n    ul {\n      list-style-type: disc;\n    }\n    mention {\n      color: #1890ff;\n      padding-right: 4px;\n      :hover {\n        text-decoration: underline;\n      }\n    }\n  }\n  .see-more-text {\n    color: #1890ff;\n    cursor: pointer;\n  }\n"],["\n  padding: 0.5rem 1rem 1rem;\n  line-height: 1.5;\n  word-break: break-word;\n  .post-content-replying {\n    margin-right: 5px;\n    color: ",";\n    cursor: pointer;\n    display: inline-block;\n    &.tag-only {\n      margin-right: 0;\n    }\n  }\n  .post-content {\n    display: inline;\n    white-space: pre-wrap;\n    /* > *:first-child, */\n    > mention:first-child ~ * {\n      &:not(ul),\n      &:not(ol) {\n        display: inline-block;\n      }\n    }\n    > mention:first-child {\n      margin-right: 5px;\n    }\n    &.has-see-more {\n      *:last-child {\n        &:not(ul),\n        &:not(ol) {\n          display: inline;\n        }\n      }\n    }\n    img {\n      width: 100%;\n      height: unset;\n    }\n    ul,\n    ol {\n      list-style-position: inside;\n      padding-left: 1rem;\n      display: block;\n    }\n    ol {\n      list-style-type: decimal;\n    }\n    ul {\n      list-style-type: disc;\n    }\n    mention {\n      color: #1890ff;\n      padding-right: 4px;\n      :hover {\n        text-decoration: underline;\n      }\n    }\n  }\n  .see-more-text {\n    color: #1890ff;\n    cursor: pointer;\n  }\n"])),(function(n){return n.theme.colors.primaryBase})),gi=function(e){var a=e.trackingCategory,o=e.url,l=e.className,d=e.style,s=e.replyingTo,c=e.mentionedUser,p=e.description,u=e.disableShortenContent,m=e.mentions,g=void 0===m?[]:m,f=e.maxChars,h=void 0===f?1e3:f,v=e.hideShowAllBtn,x=i.__rest(e,["trackingCategory","url","className","style","replyingTo","mentionedUser","description","disableShortenContent","mentions","maxChars","hideShowAllBtn"]),b=n.useState(!1),w=b[0],y=b[1],C=r.useTranslations().t,k=V().authActionWrapper,E=n.useState(!1),A=E[0],_=E[1],T=Se(je(p||"","display"),g),N=n.useContext(t.TogetherComponentGlobalContext).action.sanitizeFunction,M=n.useMemo((function(){var n=N(T||"");if(u||w)return{showContent:n,hasSeeMore:!1};var e=n.slice(0,h),t=h-27*((e.match(/<\/div>/g)||[]).length-1),i=(e||"").slice(0,t<40?40:t),a=N(i.replace(/(<|<\/)( +|[a-zA-Z]*)$/gi,"")),o=a.length<n.length-10;return{showContent:o?a:n,hasSeeMore:o}}),[u,w,T]),z=(null==c?void 0:c.name)||s,j="expert"===(null==c?void 0:c.role)&&!!(null==c?void 0:c.partnerId);return L.default.createElement(L.default.Fragment,null,j&&L.default.createElement(de,{isOpen:A,onClose:function(){return _(!1)},expertId:String(null==c?void 0:c.partnerId)}),L.default.createElement(mi,i.__assign({className:"".concat(l," no-replace-click"),style:d},x),z&&L.default.createElement("span",{onClick:function(){return j&&_(!0)},className:"post-content-replying"},"@",z),(null==p?void 0:p.startsWith("[mention+id="))&&L.default.createElement("span",{className:"post-content-replying tag-only"},"@"),L.default.createElement("span",{dangerouslySetInnerHTML:{__html:M.showContent},className:"post-content ".concat(M.hasSeeMore?"has-see-more":"")}),M.hasSeeMore&&!w&&L.default.createElement("span",null,"... ",!v&&L.default.createElement("span",i.__assign({onClick:function(n){n.preventDefault(),n.stopPropagation(),k((function(){return y(!0)}))},className:"see-more-text"},a?{"data-event-category":a,"data-event-action":"See More Post Click","data-event-label":o}:{}),C("post.seeMore")))))},fi=z.default.div(ft||(ft=i.__makeTemplateObject(["\n  padding: 14px 16px 14px 17px;\n  background: ",";\n  border-left: 3px solid ",";\n\n  "," {\n    padding: 12px 12px 12px 17px;\n  }\n"],["\n  padding: 14px 16px 14px 17px;\n  background: ",";\n  border-left: 3px solid ",";\n\n  "," {\n    padding: 12px 12px 12px 17px;\n  }\n"])),(function(n){return n.bgColor}),(function(n){return n.highlight}),h.MediaQueries.mbUp),hi=z.default.div(ht||(ht=i.__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"]))),vi=z.default.div(vt||(vt=i.__makeTemplateObject(["\n  font-size: 12px;\n  line-height: 18px;\n\n  &[data-has-icon='true'] {\n    margin-left: 10px;\n  }\n"],["\n  font-size: 12px;\n  line-height: 18px;\n\n  &[data-has-icon='true'] {\n    margin-left: 10px;\n  }\n"]))),xi=z.default.div(xt||(xt=i.__makeTemplateObject(["\n  flex-shrink: 0;\n"],["\n  flex-shrink: 0;\n"]))),bi=z.default.div(bt||(bt=i.__makeTemplateObject(["\n  display: grid;\n  grid-gap: 3px;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: auto;\n\n  .img-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: 56.25%;\n    grid-column: auto;\n\n    & > img {\n      cursor: zoom-in;\n    }\n\n    .img-preview-blur {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 110%;\n      height: 110%;\n      /* Add the blur effect */\n      -webkit-filter: blur(8px);\n      filter: blur(8px);\n      object-fit: cover;\n      object-position: center;\n      opacity: 0.8;\n      transform: translate(-50%, -50%);\n    }\n    .img-preview {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      object-position: center;\n    }\n    .img-more-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      background: rgba(0, 0, 0, 0.5);\n      z-index: 4;\n    }\n  }\n  &[data-image-count='1'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n      grid-column: 1/3;\n    }\n  }\n  &[data-image-count='2'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n    }\n  }\n  &[data-image-count='3'] {\n    .img-wrapper {\n      &:first-child {\n        grid-column: 1/3;\n      }\n    }\n  }\n  &[data-image-count='4'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n    }\n  }\n  &[data-image-count='5'] {\n    grid-template-columns: repeat(6, 1fr);\n    .img-wrapper {\n      /* padding-top: 100%; */\n      grid-column: auto/ span 2;\n\n      &:first-child {\n        padding-top: 56.25%;\n        grid-column: 1/4;\n      }\n      &:nth-child(2) {\n        padding-top: 56.25%;\n        grid-column: 4/7;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    grid-gap: 8px;\n    .img-wrapper {\n      padding-top: 66.66%;\n      border-radius: 1rem;\n      .img-preview {\n        object-fit: cover;\n      }\n    }\n    &[data-image-count='3'] {\n      grid-template-columns: 1fr 1fr 1fr;\n      .img-wrapper {\n        &:first-child {\n          padding-top: 100%;\n          grid-column: 1/3;\n          grid-row: 1/3;\n        }\n      }\n    }\n  }\n"],["\n  display: grid;\n  grid-gap: 3px;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: auto;\n\n  .img-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: 56.25%;\n    grid-column: auto;\n\n    & > img {\n      cursor: zoom-in;\n    }\n\n    .img-preview-blur {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 110%;\n      height: 110%;\n      /* Add the blur effect */\n      -webkit-filter: blur(8px);\n      filter: blur(8px);\n      object-fit: cover;\n      object-position: center;\n      opacity: 0.8;\n      transform: translate(-50%, -50%);\n    }\n    .img-preview {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      object-position: center;\n    }\n    .img-more-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      background: rgba(0, 0, 0, 0.5);\n      z-index: 4;\n    }\n  }\n  &[data-image-count='1'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n      grid-column: 1/3;\n    }\n  }\n  &[data-image-count='2'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n    }\n  }\n  &[data-image-count='3'] {\n    .img-wrapper {\n      &:first-child {\n        grid-column: 1/3;\n      }\n    }\n  }\n  &[data-image-count='4'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n    }\n  }\n  &[data-image-count='5'] {\n    grid-template-columns: repeat(6, 1fr);\n    .img-wrapper {\n      /* padding-top: 100%; */\n      grid-column: auto/ span 2;\n\n      &:first-child {\n        padding-top: 56.25%;\n        grid-column: 1/4;\n      }\n      &:nth-child(2) {\n        padding-top: 56.25%;\n        grid-column: 4/7;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    grid-gap: 8px;\n    .img-wrapper {\n      padding-top: 66.66%;\n      border-radius: 1rem;\n      .img-preview {\n        object-fit: cover;\n      }\n    }\n    &[data-image-count='3'] {\n      grid-template-columns: 1fr 1fr 1fr;\n      .img-wrapper {\n        &:first-child {\n          padding-top: 100%;\n          grid-column: 1/3;\n          grid-row: 1/3;\n        }\n      }\n    }\n  }\n"]))),wi=z.default.div(wt||(wt=i.__makeTemplateObject(["\n  position: fixed;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  display: flex;\n  overflow: hidden;\n  width: 100vw;\n  height: 100vh;\n  flex-direction: column;\n  background: white;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s linear;\n  &[data-open='true'] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n  .top-bar {\n    position: relative;\n    padding: 20px 40px;\n    .icon-arrow-left {\n      position: absolute;\n      top: 50%;\n      left: 20px;\n      height: 24px;\n      width: 24px;\n      cursor: pointer;\n      transform: translateY(-50%);\n    }\n  }\n  .container {\n    flex: 1;\n    overflow-y: auto;\n    .img-preview {\n      width: 100%;\n      min-width: 100%;\n      margin-bottom: 0.5rem;\n      cursor: pointer;\n      max-height: 100%;\n      object-fit: cover;\n    }\n  }\n"],["\n  position: fixed;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  display: flex;\n  overflow: hidden;\n  width: 100vw;\n  height: 100vh;\n  flex-direction: column;\n  background: white;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s linear;\n  &[data-open='true'] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n  .top-bar {\n    position: relative;\n    padding: 20px 40px;\n    .icon-arrow-left {\n      position: absolute;\n      top: 50%;\n      left: 20px;\n      height: 24px;\n      width: 24px;\n      cursor: pointer;\n      transform: translateY(-50%);\n    }\n  }\n  .container {\n    flex: 1;\n    overflow-y: auto;\n    .img-preview {\n      width: 100%;\n      min-width: 100%;\n      margin-bottom: 0.5rem;\n      cursor: pointer;\n      max-height: 100%;\n      object-fit: cover;\n    }\n  }\n"]))),yi=z.default((function(n){var e=n.icon,t=n.bgColor,a=void 0===t?d.theme.colors.yellow50:t,o=n.highlightColor,r=void 0===o?d.theme.colors.yellow800:o,l=n.message,s=i.__rest(n,["icon","bgColor","highlightColor","message"]);return L.default.createElement(fi,i.__assign({bgColor:a,highlight:r},s),L.default.createElement(hi,null,e&&L.default.createElement(xi,null,e),L.default.createElement(vi,{"data-has-icon":Boolean(e)},l)))}))(yt||(yt=i.__makeTemplateObject(["\n  margin-bottom: 16px;\n"],["\n  margin-bottom: 16px;\n"]))),Ci=function(t){var i=t.className,a=t.style,o=t.authorName,l=t.images,d=t.onClose,s=t.onOpenSingleView,c=r.useTranslations().t,p=n.useState(!1),u=p[0],m=p[1];return n.useEffect((function(){setTimeout((function(){m(!0)}),0)}),[]),L.default.createElement(x.Portal,null,L.default.createElement(wi,{className:i,style:a,"data-open":u},L.default.createElement("div",{className:"top-bar"},L.default.createElement("img",{className:"icon-arrow-left",src:"data:image/svg+xml,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.0508 18.0607L4.00078 12.0367L10.0508 6.01172' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4.00195 12.0352L19.002 12.0352' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",onClick:d,alt:"go back"}),L.default.createElement(e.Text,{size:"p2",type:"bold",style:{textAlign:"center"}},c("previewPhotos.title",{name:o}))),L.default.createElement("div",{className:"container"},l.map((function(n,e){return L.default.createElement("img",{className:"img-preview",key:e,src:n,onClick:function(){return null==s?void 0:s(e)},alt:"post img"})})))),",")},ki="data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 12.8125L10 8.8125L6 4.8125' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Ei=z.default.div(Ct||(Ct=i.__makeTemplateObject(["\n  position: fixed;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n  background: black;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s linear;\n  &[data-open='true'] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n"],["\n  position: fixed;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n  background: black;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s linear;\n  &[data-open='true'] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n"]))),Ai=z.default.div(kt||(kt=i.__makeTemplateObject(["\n  padding: 1rem;\n  background: white;\n  .icon-close {\n    width: 26px;\n    height: 26px;\n    cursor: pointer;\n  }\n"],["\n  padding: 1rem;\n  background: white;\n  .icon-close {\n    width: 26px;\n    height: 26px;\n    cursor: pointer;\n  }\n"]))),_i=z.default.div(Et||(Et=i.__makeTemplateObject(["\n  position: relative;\n  flex: 1;\n  overflow: hidden;\n  > img {\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n    object-position: center;\n  }\n"],["\n  position: relative;\n  flex: 1;\n  overflow: hidden;\n  > img {\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n    object-position: center;\n  }\n"]))),Ti=z.default.div(At||(At=i.__makeTemplateObject(["\n  --inner-padding: max(16px, 20%);\n  height: 100%;\n  position: absolute;\n  left: 0;\n  padding: 8px;\n  padding-right: var(--inner-padding);\n  display: flex;\n  align-items: center;\n  top: 0;\n  cursor: pointer;\n  &[data-right] {\n    padding-right: 8px;\n    padding-left: var(--inner-padding);\n    left: unset;\n    right: 0;\n  }\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n  }\n"],["\n  --inner-padding: max(16px, 20%);\n  height: 100%;\n  position: absolute;\n  left: 0;\n  padding: 8px;\n  padding-right: var(--inner-padding);\n  display: flex;\n  align-items: center;\n  top: 0;\n  cursor: pointer;\n  &[data-right] {\n    padding-right: 8px;\n    padding-left: var(--inner-padding);\n    left: unset;\n    right: 0;\n  }\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n  }\n"]))),Ni=z.default.div(_t||(_t=i.__makeTemplateObject(["\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  > img {\n    width: 16px;\n    height: 16px;\n    &[data-disabled='true'] {\n      opacity: 0.5;\n    }\n  }\n  "," {\n    padding: 8px;\n    > img {\n      width: 30px;\n      height: 30px;\n    }\n  }\n"],["\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  > img {\n    width: 16px;\n    height: 16px;\n    &[data-disabled='true'] {\n      opacity: 0.5;\n    }\n  }\n  "," {\n    padding: 8px;\n    > img {\n      width: 30px;\n      height: 30px;\n    }\n  }\n"])),h.MediaQueries.tdUp),Li=function(e){var t=e.initialViewIndex,i=e.images,a=e.onClose,o=n.useState(t),r=o[0],l=o[1],d=n.useState(!1),s=d[0],c=d[1];n.useEffect((function(){setTimeout((function(){c(!0)}),0)}),[]);var p=null==i?void 0:i[r],u=0===r,m=!(null==i?void 0:i.length)||r===(null==i?void 0:i.length)-1;return L.default.createElement(x.Portal,null,L.default.createElement(Ei,{"data-open":s&&!!p},L.default.createElement(Ai,null,L.default.createElement("img",{src:Wt,className:"icon-close",onClick:a,alt:"close"})),p&&r>=0&&L.default.createElement(L.default.Fragment,null,L.default.createElement(_i,null,L.default.createElement("img",{className:"img-preview",src:p,alt:"post img open"}),L.default.createElement(Ti,{"data-disabled":u,onClick:function(){return!u&&l(r-1)}},L.default.createElement(Ni,null,L.default.createElement("img",{src:ki,style:{transform:"rotate(180deg)"},alt:"left arrow","data-disabled":u}))),L.default.createElement(Ti,{"data-right":!0,"data-disabled":m,onClick:function(){return!m&&l(r+1)}},L.default.createElement(Ni,null,L.default.createElement("img",{src:ki,alt:"right arrow","data-disabled":m})))))))},Mi=z.default.div(Tt||(Tt=i.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.4);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.4);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"]))),zi="hhgcomp-sensitivemask-inner",ji=k.getDefaultClassWrapper(Mi,zi),Si=z.default.div(Nt||(Nt=i.__makeTemplateObject([""],[""]))),Pi=z.default.div(Lt||(Lt=i.__makeTemplateObject(["\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n  background: white;\n  cursor: pointer;\n\n  &,\n  * {\n    // transition: all 300ms;\n    transform-origin: bottom left;\n  }\n\n  img {\n    transition: none;\n  }\n  .img-preview {\n    width: 100%;\n  }\n  &[data-is-blurred='true'] {\n    .img-preview {\n      /* Add the blur effect */\n      -webkit-filter: blur(24px);\n      filter: blur(24px);\n    }\n  }\n\n  &[data-is-blurred='false'] {\n    background: transparent;\n    cursor: zoom-in;\n\n    ."," {\n      top: auto;\n      right: auto;\n      left: 8px;\n      bottom: 8px;\n      background: rgba(0, 0, 0, 0);\n      align-items: flex-end;\n      justify-content: flex-start;\n    }\n  }\n"],["\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n  background: white;\n  cursor: pointer;\n\n  &,\n  * {\n    // transition: all 300ms;\n    transform-origin: bottom left;\n  }\n\n  img {\n    transition: none;\n  }\n  .img-preview {\n    width: 100%;\n  }\n  &[data-is-blurred='true'] {\n    .img-preview {\n      /* Add the blur effect */\n      -webkit-filter: blur(24px);\n      filter: blur(24px);\n    }\n  }\n\n  &[data-is-blurred='false'] {\n    background: transparent;\n    cursor: zoom-in;\n\n    ."," {\n      top: auto;\n      right: auto;\n      left: 8px;\n      bottom: 8px;\n      background: rgba(0, 0, 0, 0);\n      align-items: flex-end;\n      justify-content: flex-start;\n    }\n  }\n"])),zi),Ii=function(e){var t=e.image,i=e.showIcon,a=void 0===i||i,o=n.useState(!0),r=o[0],l=o[1];return n.useEffect((function(){setTimeout((function(){return null===C.lazyLoadInstance||void 0===C.lazyLoadInstance?void 0:C.lazyLoadInstance.update()}),100)}),[t]),L.default.createElement(Pi,{"data-is-blurred":r,onClick:function(n){return r&&n.stopPropagation()}},L.default.createElement("img",{className:"lazy img-preview","data-src":t}),L.default.createElement(ji,{onClick:function(n){n.stopPropagation(),l(!r)}},a&&L.default.createElement(Si,null,r?L.default.createElement("svg",{width:"22",height:"20",viewBox:"0 0 22 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},L.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.71 2.5399C1.32 2.1499 1.32 1.5199 1.71 1.1299C2.1 0.739902 2.74 0.739902 3.13 1.1299L19.44 17.4599C19.83 17.8499 19.83 18.4799 19.44 18.8699C19.05 19.2599 18.42 19.2599 18.03 18.8699L15.31 16.1499C13.97 16.6699 12.52 16.9699 11 16.9699C6 16.9699 1.73 13.8599 0 9.4699C0.77 7.4999 2.06 5.7999 3.68 4.5099L1.71 2.5399ZM16 9.4699C16 6.7099 13.76 4.4699 11 4.4699C10.49 4.4699 10 4.5699 9.53 4.7099L7.36 2.5399C8.51 2.1699 9.73 1.9699 11 1.9699C16 1.9699 20.27 5.0799 22 9.4599C21.31 11.2199 20.21 12.7599 18.82 13.9899L15.76 10.9299C15.9 10.4699 16 9.9799 16 9.4699ZM11 14.4699C8.24 14.4699 6 12.2299 6 9.4699C6 8.6999 6.18 7.9699 6.49 7.3299L8.06 8.8999C8.03 9.0799 8 9.2699 8 9.4699C8 11.1299 9.34 12.4699 11 12.4699C11.2 12.4699 11.38 12.4399 11.57 12.3999L13.14 13.9699C12.49 14.2899 11.77 14.4699 11 14.4699ZM13.97 9.1399C13.82 7.7399 12.72 6.6499 11.33 6.4999L13.97 9.1399Z",fill:"white"})):L.default.createElement("svg",{width:"23",height:"16",viewBox:"0 0 23 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},L.default.createElement("path",{d:"M11.9999 0C5.14188 0 1.88558 5.87864 1.09558 7.55664C0.963582 7.83664 0.963582 8.16141 1.09558 8.44141C1.88558 10.1204 5.14188 16 11.9999 16C18.8339 16 22.0924 10.1629 22.8964 8.46094C23.0344 8.16794 23.0344 7.83206 22.8964 7.53906C22.0924 5.83706 18.8339 0 11.9999 0ZM11.9999 3C14.7609 3 16.9999 5.239 16.9999 8C16.9999 10.761 14.7609 13 11.9999 13C9.23888 13 6.99988 10.761 6.99988 8C6.99988 5.239 9.23888 3 11.9999 3ZM11.9999 5C11.2042 5 10.4412 5.31607 9.87856 5.87868C9.31595 6.44129 8.99988 7.20435 8.99988 8C8.99988 8.79565 9.31595 9.55871 9.87856 10.1213C10.4412 10.6839 11.2042 11 11.9999 11C12.7955 11 13.5586 10.6839 14.1212 10.1213C14.6838 9.55871 14.9999 8.79565 14.9999 8C14.9999 7.20435 14.6838 6.44129 14.1212 5.87868C13.5586 5.31607 12.7955 5 11.9999 5Z",fill:"#2D87F3"})))))},Fi=function(e){var i=e.className,a=e.images,o=void 0===a?[]:a,l=e.style,d=e.authorName,s=e.isSensitive,c=void 0!==s&&s,p=n.useContext(t.TogetherComponentGlobalContext).data.env.isMarryBaby,u=r.useTranslations().t,g="+ ".concat((o.length||0)-4),f=n.useState(!1),v=f[0],x=f[1],b=n.useState(-1),w=b[0],y=b[1];n.useEffect((function(){setTimeout((function(){return null===C.lazyLoadInstance||void 0===C.lazyLoadInstance?void 0:C.lazyLoadInstance.update()}),100)}),[null==o?void 0:o.slice(0,5).join("|")]);var k=o.length>5,E=n.useRef(!1);return n.useEffect((function(){return function(){E.current&&h.toggleNoScroll(!1)}}),[]),n.useEffect((function(){v||w>=0?(h.toggleNoScroll(!0),E.current=!0):(h.toggleNoScroll(!1),E.current=!1)}),[v,w]),L.default.createElement(L.default.Fragment,null,c&&L.default.createElement(yi,{message:u("sensitiveMask.contentWarningDescription"),icon:L.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},L.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.00002 0.666748C4.40002 0.666748 0.666687 4.40008 0.666687 9.00008C0.666687 13.6001 4.40002 17.3334 9.00002 17.3334C13.6 17.3334 17.3334 13.6001 17.3334 9.00008C17.3334 4.40008 13.6 0.666748 9.00002 0.666748ZM9.00002 9.83341C8.54169 9.83341 8.16669 9.45841 8.16669 9.00008V5.66675C8.16669 5.20842 8.54169 4.83342 9.00002 4.83342C9.45835 4.83342 9.83335 5.20842 9.83335 5.66675V9.00008C9.83335 9.45841 9.45835 9.83341 9.00002 9.83341ZM8.16669 11.5001V13.1667H9.83335V11.5001H8.16669Z",fill:"#FE921D"}))}),L.default.createElement(bi,{className:i,style:l,"data-image-count":k?5:o.length||0,"data-is-marrybaby":p,"data-cursor-pointer":!c},null==o?void 0:o.slice(0,5).map((function(n,e){var t=4===e&&k;return L.default.createElement("div",{className:"img-wrapper",key:e,onClick:function(){e>=4&&k?x(!0):y(e)}},c&&L.default.createElement(Ii,{image:n,showIcon:!t}),!p&&L.default.createElement("img",{className:"lazy img-preview-blur","data-src":n}),L.default.createElement("img",{className:"lazy img-preview","data-src":n}),t&&L.default.createElement("div",{className:"img-more-overlay"},L.default.createElement(m.Heading,{tag:"h1",as:"h2",color:"white"},g)))}))),v&&L.default.createElement(Ci,{authorName:d||"",images:o,onClose:function(){return x(!1)},onOpenSingleView:y}),w>=0&&L.default.createElement(Li,{images:o,initialViewIndex:w,onClose:function(){return y(-1)}}))},Oi=z.default.div(Mt||(Mt=i.__makeTemplateObject(["\n  .link-info-container {\n    padding: 0.5rem 1rem;\n    background: #f4faff;\n  }\n  .link-image-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: 56.25%;\n    &[data-amp='true'] {\n      padding-top: 0;\n    }\n    &.fetching {\n      background: lightgray;\n    }\n    .loading-spinner {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n    .link-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n  a {\n    text-decoration: none;\n  }\n  &[data-is-marrybaby='true'] {\n    overflow: hidden;\n    border-radius: 1rem;\n  }\n"],["\n  .link-info-container {\n    padding: 0.5rem 1rem;\n    background: #f4faff;\n  }\n  .link-image-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: 56.25%;\n    &[data-amp='true'] {\n      padding-top: 0;\n    }\n    &.fetching {\n      background: lightgray;\n    }\n    .loading-spinner {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n    .link-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n  a {\n    text-decoration: none;\n  }\n  &[data-is-marrybaby='true'] {\n    overflow: hidden;\n    border-radius: 1rem;\n  }\n"]))),Bi=function(e){var a=e.url,o=e.image,r=e.className,l=e.style,d=e.autoPlay,s=void 0===d||d,c=e.isAmp,p=n.useContext(t.TogetherComponentGlobalContext).data.locale,u=n.useState(null),m=u[0],g=u[1];n.useEffect((function(){i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(n){return o?[2]:a?(g((function(n){return i.__assign(i.__assign({},n),{isFetching:!0})})),t.callApi(t.getApiPath(t.PATHS.FETCH_PREVIEW,{_locale:p}),"POST",{data:{link:a},headers:{"Content-Type":"application/json"}}).then((function(n){var e,t;g({url:a,image:(null===(e=null==n?void 0:n.data)||void 0===e?void 0:e.image)||(null===(t=null==n?void 0:n.data)||void 0===t?void 0:t.logo)})})).catch((function(){g(null)})),[2]):[2,g(null)]}))}))}),[a,o]);var f=o||(null==m?void 0:m.image),h=(null==m?void 0:m.url)||a,v=n.useMemo((function(){return function(n){var e;return n.includes("youtu")&&(null===(e=/(.*?)(^|\/|v=)([a-z0-9_-]{11})(.*)?/gim.exec(n))||void 0===e?void 0:e[3])||""}(h)}),[h]),x=n.useMemo((function(){return h.includes("facebook.com")||h.includes("fb.watch")}),[h]),b=n.useRef(0),w=n.useRef(0),y=n.useState(!1),C=y[0],k=y[1];n.useEffect((function(){var n=function(){var n,e=null===(n=E.current)||void 0===n?void 0:n.getBoundingClientRect(),t=!1;e&&(!b.current||Math.abs((b.current-e.width)/(null==e?void 0:e.width))>.2)&&(b.current=Math.floor(e.width),t=!0),e&&(!w.current||Math.abs((w.current-e.height)/(null==e?void 0:e.height))>.2)&&(w.current=Math.floor(e.height),t=!0),t&&k((function(n){return!n}))};return n(),window.addEventListener("resize",n),function(){window.removeEventListener("resize",n)}}),[]);var E=n.useRef(null),A=n.useRef(!1);return L.default.createElement(Oi,{className:"".concat(r," no-replace-click"),style:l,ref:E},o||!v&&!x?L.default.createElement("a",{href:h,target:"_blank",rel:"noreferrer"},L.default.createElement("div",{className:"link-image-wrapper ".concat((null==m?void 0:m.isFetching)?"fetching":"")},(null==m?void 0:m.isFetching)?L.default.createElement(X,{className:"loading-spinner"}):L.default.createElement("img",{className:"link-image",src:f||t.DEFAULT_IMG,onError:function(n){A.current||(A.current=!0,n.currentTarget.src=t.DEFAULT_IMG)}}))):L.default.createElement("div",{"data-amp":c,className:"link-image-wrapper"},v?c?L.default.createElement("amp-youtube",{width:"480",height:"270",layout:"responsive","data-videoid":v,autoplay:s}):L.default.createElement("iframe",{width:"100%",height:"100%",src:"https://www.youtube.com/embed/".concat(v,"?&autoplay=").concat(s?1:0,"&mute=1&enablejsapi=1"),frameBorder:"0",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,border:"none",overflow:"hidden"}}):x?c?L.default.createElement("amp-facebook",{width:"552",height:"310",layout:"responsive","data-href":h}):L.default.createElement("iframe",{key:String(C),src:"https://www.facebook.com/plugins/video.php?href=".concat(encodeURIComponent(h),"&autoplay=").concat(s?1:0,"&show_text=false&t=0&width=").concat(b.current,"&height=").concat(w.current),style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:w.current,width:b.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"}):null))},Vi="data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M5 10C3.9 10 3 10.9 3 12C3 13.1 3.9 14 5 14C6.1 14 7 13.1 7 12C7 10.9 6.1 10 5 10Z' fill='%233E3F58'/%3e %3cpath d='M19 10C17.9 10 17 10.9 17 12C17 13.1 17.9 14 19 14C20.1 14 21 13.1 21 12C21 10.9 20.1 10 19 10Z' fill='%233E3F58'/%3e %3cpath d='M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z' fill='%233E3F58'/%3e %3c/svg%3e",Ui="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='%23595959' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 13.3334L8 10.3704L4 13.3334V3.85187C4 3.53754 4.12041 3.23608 4.33474 3.01382C4.54906 2.79155 4.83975 2.66669 5.14286 2.66669H10.8571C11.1602 2.66669 11.4509 2.79155 11.6653 3.01382C11.8796 3.23608 12 3.53754 12 3.85187V13.3334Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Ri="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 13.3334L8 10.3704L4 13.3334V3.85187C4 3.53754 4.12041 3.23608 4.33474 3.01382C4.54906 2.79155 4.83975 2.66669 5.14286 2.66669H10.8571C11.1602 2.66669 11.4509 2.79155 11.6653 3.01382C11.8796 3.23608 12 3.53754 12 3.85187V13.3334Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Di="data:image/svg+xml,%3csvg width='3' height='13' viewBox='0 0 3 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='1.58326' cy='6.41663' r='1.25' transform='rotate(89.9997 1.58326 6.41663)' fill='%23595959'/%3e%3cellipse cx='1.58326' cy='1.41663' rx='1.25' ry='1.25' transform='rotate(89.9997 1.58326 1.41663)' fill='%23595959'/%3e%3cellipse cx='1.58326' cy='11.4166' rx='1.25' ry='1.25' transform='rotate(89.9997 1.58326 11.4166)' fill='%23595959'/%3e%3c/svg%3e",Hi="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 5.33337C13.1046 5.33337 14 4.43794 14 3.33337C14 2.2288 13.1046 1.33337 12 1.33337C10.8954 1.33337 10 2.2288 10 3.33337C10 4.43794 10.8954 5.33337 12 5.33337Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4 10C5.10457 10 6 9.10457 6 8C6 6.89543 5.10457 6 4 6C2.89543 6 2 6.89543 2 8C2 9.10457 2.89543 10 4 10Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12 14.6666C13.1046 14.6666 14 13.7712 14 12.6666C14 11.5621 13.1046 10.6666 12 10.6666C10.8954 10.6666 10 11.5621 10 12.6666C10 13.7712 10.8954 14.6666 12 14.6666Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.72668 9.00665L10.28 11.66' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.2734 4.33997L5.72668 6.9933' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Zi="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 4H3.33333H14' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.33334 3.99992V2.66659C5.33334 2.31296 5.47382 1.97382 5.72387 1.72378C5.97392 1.47373 6.31305 1.33325 6.66668 1.33325H9.33334C9.68697 1.33325 10.0261 1.47373 10.2762 1.72378C10.5262 1.97382 10.6667 2.31296 10.6667 2.66659V3.99992M12.6667 3.99992V13.3333C12.6667 13.6869 12.5262 14.026 12.2762 14.2761C12.0261 14.5261 11.687 14.6666 11.3333 14.6666H4.66668C4.31305 14.6666 3.97392 14.5261 3.72387 14.2761C3.47382 14.026 3.33334 13.6869 3.33334 13.3333V3.99992H12.6667Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.66666 7.33325V11.3333' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.33334 7.33325V11.3333' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Wi=function(e){var a=e.authorEmail,o=e.onDeletePost,l=e.shareUrl,d=e.post,s=e.className,c=void 0===s?"":s,p=e.popoverClassName,u=void 0===p?"":p,m=e.onBookmark,f=e.onRemoveBookmark,h=e.onEditPost,v=n.useContext(t.TogetherComponentGlobalContext),x=v.data,b=x.locale,w=x.userInfo,y=x.togetherUserId,C=x.env.isMarryBaby,k=v.action.pushNotifications,E=r.useTranslations().t,A=n.useState(!1),_=A[0],T=A[1],N=n.useState(!1),M=N[0],z=N[1],j=n.useState(!1),S=j[0],P=j[1],I=V().authActionWrapper,F=a&&(null==w?void 0:w.email)&&a===String(null==w?void 0:w.email);return L.default.createElement("div",{className:c,onClick:function(n){n.preventDefault(),n.stopPropagation()}},S&&L.default.createElement(di,{url:l,text:null==d?void 0:d.title,onClose:function(){return P(!1)}}),M&&L.default.createElement(Kt,{thumbnail:g.CommonGAssets.getAssetPath("trash-bin.svg"),isThumbnailIcon:!0,title:E("popup.deletePost.title"),description:E("popup.deletePost.description"),acceptText:E("popup.deletePost.accept"),cancelText:E("popup.deletePost.cancel"),onAccept:function(){return i.__awaiter(void 0,void 0,void 0,(function(){var n;return i.__generator(this,(function(e){switch(e.label){case 0:if(!(null==d?void 0:d.id)||_)return[2];T(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,Ze({id:d.id,locale:b})];case 2:return 1===(null==(n=e.sent())?void 0:n.status)&&(null==o||o()),[3,4];case 3:return e.sent(),[3,4];case 4:return T(!1),[2]}}))}))},onClose:function(){return z(!1)}}),L.default.createElement(xn,{className:u,toggleButtonContent:L.default.createElement("img",{src:C?Vi:Di}),position:"bottom",align:"end",buttonProps:{isLoading:_},data:F?{isShowheader:!1,type:"list",list:[{icon:Hi,label:E("morePopover.share"),onClick:function(){return P(!0)}},{icon:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.16952 3.2356H2.99484C2.6785 3.2356 2.37512 3.36126 2.15143 3.58495C1.92774 3.80863 1.80208 4.11202 1.80208 4.42836V12.7777C1.80208 13.094 1.92774 13.3974 2.15143 13.6211C2.37512 13.8448 2.6785 13.9705 2.99484 13.9705H11.3442C11.6605 13.9705 11.9639 13.8448 12.1876 13.6211C12.4113 13.3974 12.537 13.094 12.537 12.7777V8.60303' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11.6425 2.341C11.8798 2.10375 12.2016 1.97046 12.5371 1.97046C12.8726 1.97046 13.1944 2.10375 13.4317 2.341C13.6689 2.57826 13.8022 2.90005 13.8022 3.23558C13.8022 3.57111 13.6689 3.89289 13.4317 4.13015L7.76607 9.79578L5.38054 10.3922L5.97692 8.00663L11.6425 2.341Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",label:E("actionPopover.edit"),onClick:h},{icon:Zi,label:E("actionPopover.delete"),onClick:function(){I((function(){return z(!0)}))}}]}:{isShowheader:!1,type:"list",list:[{icon:Hi,label:E("morePopover.share"),onClick:function(){return P(!0)}},{icon:(null==d?void 0:d.bookmarked)?Ui:Ri,label:(null==d?void 0:d.bookmarked)?E("morePopover.unsavePost"):E("morePopover.savePost"),onClick:function(){I((function(){return i.__awaiter(void 0,void 0,void 0,(function(){var n;return i.__generator(this,(function(e){switch(e.label){case 0:return(null==w?void 0:w.id)&&(null==d?void 0:d.id)?(null==d?void 0:d.bookmarked)?[4,t.callApiWithAuth(t.getApiPath(t.PATHS.BOOKMARK.DELETE,{_locale:b}),"DELETE",{data:{post_id:String(d.id)}})]:[3,2]:[2];case 1:return 1===(null==(n=e.sent())?void 0:n.status)?(k({title:"",message:"Removed saved post",type:"success",displayIcon:Ri}),f&&f()):k({title:"",message:"Remove failed",type:"danger",displayIcon:Ri}),[3,4];case 2:return[4,t.callApiWithAuth(t.getApiPath(t.PATHS.BOOKMARK.CREATE,{_locale:b}),"POST",{data:{user_id:y||w.id,post_id:d.id}})];case 3:1===(null==(n=e.sent())?void 0:n.status)?(k({title:"",message:"Post saved",type:"success",displayIcon:Ui}),m&&m()):k({title:"",message:"Post saved failed",type:"danger",displayIcon:Ri}),e.label=4;case 4:return[2]}}))}))}))}},{icon:ci,label:E("morePopover.report"),subTree:{title:E("morePopover.report.title"),description:E("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(t.REPORT_REASON_MAP).map((function(n){return{label:t.REPORT_REASON_MAP[n].label,reason:t.REPORT_REASON_MAP[n].reportReasonText,reasonValue:n}})).map((function(n){return{label:E(n.label),subTree:{title:E("morePopover.reportSubmit.title"),description:E("morePopover.reportSubmit.description"),isShowheader:!0,type:"jsx",jsxRenderer:function(e){return L.default.createElement(ui,{reason:n.reasonValue,reasonText:E(n.reason),postId:null==d?void 0:d.id,onClose:function(){return e&&e(!1)}})}}}}))}}]}}))},qi=z.default.div(zt||(zt=i.__makeTemplateObject(["\n  position: relative;\n  margin-bottom: 24px;\n  background: white;\n  border-radius: 6px;\n\n  a {\n    text-decoration: none;\n  }\n\n  "," {\n    margin-bottom: 8px;\n  }\n  &.flat-top {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  .post-pin {\n    padding: 0.5rem 1rem;\n    border-radius: 6px 6px 0 0;\n  }\n  .post-author {\n    padding-top: 1rem;\n    &.comment {\n      padding-right: 2.6rem;\n    }\n    .author-avatar-wrapper {\n      width: 40px;\n      height: 40px;\n      font-size: 20px;\n      "," {\n        width: 32px;\n        height: 32px;\n        font-size: 16px;\n      }\n    }\n  }\n  .post-content-link-wrapper {\n    color: inherit;\n    cursor: pointer;\n    .post-content-title {\n      padding: 1rem 1rem 0;\n      word-break: break-word;\n    }\n  }\n  .social-preview-wrapper.has-image {\n    margin-bottom: 5px;\n  }\n  .social-preview-wrapper,\n  .image-preview-wrapper,\n  .link-preview-wrapper {\n    width: 100%;\n    &[data-is-reply='true'] {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n  }\n  .post-topics {\n    padding: 0 1rem;\n    margin-bottom: 1rem;\n  }\n\n  .post-reaction {\n    background: none;\n    border-radius: 0 0 6px 6px;\n    &.hide-top-border {\n      ::before {\n        display: none;\n      }\n    }\n  }\n  .most-engaging-wrapper {\n    padding: 1rem;\n    cursor: pointer;\n    .author-avatar-wrapper {\n      width: 2rem;\n      height: 2rem;\n      font-size: 1rem;\n    }\n    .see-more-comments {\n      width: 100%;\n      padding: 12px 0 0;\n      text-align: unset;\n    }\n  }\n  &[data-most-engaging='true'] {\n    border: none;\n    "," {\n      margin: 1rem;\n      border: 1px solid #e4e8ec;\n    }\n  }\n  .top-divider {\n    border-color: #e4e8ec;\n  }\n  .popover {\n    position: absolute;\n    top: 1.2rem;\n    right: 1rem;\n    .popover-menu__btn {\n      display: flex;\n      width: 1.5rem;\n      height: 1rem;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      background: transparent;\n\n      &:hover {\n        background-color: transparent;\n      }\n    }\n    .popover-menu__content {\n      &.--position-bottom {\n        &.--align-end {\n          &::before {\n            right: 12.5px;\n          }\n        }\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    border: 1px solid #f3f3f3;\n    border-radius: 1rem;\n    /* shadow */\n\n    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n    .image-preview-wrapper,\n    .link-preview-wrapper {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n    .popover {\n      .popover-menu__btn {\n        width: 24px;\n        height: 24px;\n        "," {\n          width: 18px;\n          height: 18px;\n        }\n      }\n      .popover-menu__content {\n        &.--position-bottom {\n          &.--align-end {\n            &::before {\n              right: 1rem;\n            }\n            width: 350px;\n            "," {\n              max-width: calc(320px - 2rem);\n            }\n          }\n        }\n      }\n    }\n    .most-engaging-wrapper {\n      position: relative;\n      padding: 0;\n      &::before {\n        position: absolute;\n        z-index: 5;\n        top: 0;\n        left: 50%;\n        width: calc(100% - 2rem);\n        height: 1px;\n        background: #f3f3f3;\n        content: ' ';\n        transform: translateX(-50%);\n      }\n    }\n    "," {\n      margin-bottom: 12px;\n    }\n  }\n"],["\n  position: relative;\n  margin-bottom: 24px;\n  background: white;\n  border-radius: 6px;\n\n  a {\n    text-decoration: none;\n  }\n\n  "," {\n    margin-bottom: 8px;\n  }\n  &.flat-top {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  .post-pin {\n    padding: 0.5rem 1rem;\n    border-radius: 6px 6px 0 0;\n  }\n  .post-author {\n    padding-top: 1rem;\n    &.comment {\n      padding-right: 2.6rem;\n    }\n    .author-avatar-wrapper {\n      width: 40px;\n      height: 40px;\n      font-size: 20px;\n      "," {\n        width: 32px;\n        height: 32px;\n        font-size: 16px;\n      }\n    }\n  }\n  .post-content-link-wrapper {\n    color: inherit;\n    cursor: pointer;\n    .post-content-title {\n      padding: 1rem 1rem 0;\n      word-break: break-word;\n    }\n  }\n  .social-preview-wrapper.has-image {\n    margin-bottom: 5px;\n  }\n  .social-preview-wrapper,\n  .image-preview-wrapper,\n  .link-preview-wrapper {\n    width: 100%;\n    &[data-is-reply='true'] {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n  }\n  .post-topics {\n    padding: 0 1rem;\n    margin-bottom: 1rem;\n  }\n\n  .post-reaction {\n    background: none;\n    border-radius: 0 0 6px 6px;\n    &.hide-top-border {\n      ::before {\n        display: none;\n      }\n    }\n  }\n  .most-engaging-wrapper {\n    padding: 1rem;\n    cursor: pointer;\n    .author-avatar-wrapper {\n      width: 2rem;\n      height: 2rem;\n      font-size: 1rem;\n    }\n    .see-more-comments {\n      width: 100%;\n      padding: 12px 0 0;\n      text-align: unset;\n    }\n  }\n  &[data-most-engaging='true'] {\n    border: none;\n    "," {\n      margin: 1rem;\n      border: 1px solid #e4e8ec;\n    }\n  }\n  .top-divider {\n    border-color: #e4e8ec;\n  }\n  .popover {\n    position: absolute;\n    top: 1.2rem;\n    right: 1rem;\n    .popover-menu__btn {\n      display: flex;\n      width: 1.5rem;\n      height: 1rem;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      background: transparent;\n\n      &:hover {\n        background-color: transparent;\n      }\n    }\n    .popover-menu__content {\n      &.--position-bottom {\n        &.--align-end {\n          &::before {\n            right: 12.5px;\n          }\n        }\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    border: 1px solid #f3f3f3;\n    border-radius: 1rem;\n    /* shadow */\n\n    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n    .image-preview-wrapper,\n    .link-preview-wrapper {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n    .popover {\n      .popover-menu__btn {\n        width: 24px;\n        height: 24px;\n        "," {\n          width: 18px;\n          height: 18px;\n        }\n      }\n      .popover-menu__content {\n        &.--position-bottom {\n          &.--align-end {\n            &::before {\n              right: 1rem;\n            }\n            width: 350px;\n            "," {\n              max-width: calc(320px - 2rem);\n            }\n          }\n        }\n      }\n    }\n    .most-engaging-wrapper {\n      position: relative;\n      padding: 0;\n      &::before {\n        position: absolute;\n        z-index: 5;\n        top: 0;\n        left: 50%;\n        width: calc(100% - 2rem);\n        height: 1px;\n        background: #f3f3f3;\n        content: ' ';\n        transform: translateX(-50%);\n      }\n    }\n    "," {\n      margin-bottom: 12px;\n    }\n  }\n"])),h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown),Gi=function(e){var a=e.onDeleteComment,o=e.commentId,l=e.className,d=void 0===l?"":l,s=e.popoverClassName,c=void 0===s?"":s,p=n.useContext(t.TogetherComponentGlobalContext),u=p.data,m=u.env.isMarryBaby,g=u.locale,f=p.action.pushNotifications,h=r.useTranslations().t,v=n.useState(!1),x=v[0],b=v[1],w=V().authActionWrapper;return L.default.createElement("div",{className:d,onClick:function(n){n.preventDefault(),n.stopPropagation()}},x&&L.default.createElement(Kt,{thumbnail:"data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0)'%3e%3cpath d='M2 4.00781H3.33333H14' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.33337 4.00846V2.67513C5.33337 2.32151 5.47385 1.98237 5.7239 1.73232C5.97395 1.48227 6.31309 1.3418 6.66671 1.3418H9.33337C9.687 1.3418 10.0261 1.48227 10.2762 1.73232C10.5262 1.98237 10.6667 2.32151 10.6667 2.67513V4.00846M12.6667 4.00846V13.3418C12.6667 13.6954 12.5262 14.0346 12.2762 14.2846C12.0261 14.5347 11.687 14.6751 11.3334 14.6751H4.66671C4.31309 14.6751 3.97395 14.5347 3.7239 14.2846C3.47385 14.0346 3.33337 13.6954 3.33337 13.3418V4.00846H12.6667Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.66663 7.3418V11.3418' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.33337 7.3418V11.3418' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0'%3e%3crect width='16' height='16' fill='white' transform='translate(0 0.0078125)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",isThumbnailIcon:!0,title:h("popup.deleteComment.title"),description:h("popup.deleteComment.description"),acceptText:h("popup.deletePost.accept"),cancelText:h("popup.deletePost.cancel"),onAccept:function(){return i.__awaiter(void 0,void 0,void 0,(function(){var n,e;return i.__generator(this,(function(t){switch(t.label){case 0:return o?[4,ei({id:o,locale:g})]:[2];case 1:return 1===(null==(n=t.sent())?void 0:n.status)?(a&&a(),f({title:"",message:h("notification.success"),type:"success"})):f({title:"",message:(null===(e=null==n?void 0:n.messages)||void 0===e?void 0:e[0])||h("notification.failure"),type:"danger"}),[2]}}))}))},onClose:function(){return b(!1)}}),L.default.createElement(xn,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:[{icon:Zi,label:h("actionPopover.delete"),onClick:function(){w((function(){b(!0)}))}}]},className:c,toggleButtonContent:L.default.createElement("img",{src:m?Vi:Di}),buttonProps:{}}))},Qi=z.default.div(jt||(jt=i.__makeTemplateObject(["\n  position: relative;\n  margin-bottom: 0;\n  background: white;\n  border-radius: 6px;\n\n  .post-author {\n    padding-top: 1rem;\n    padding-right: 2rem;\n    &.with-popover {\n      padding-right: 2.6rem;\n    }\n    .author-avatar-wrapper {\n      width: 40px;\n      height: 40px;\n      font-size: 20px;\n      "," {\n        width: 32px;\n        height: 32px;\n        font-size: 16px;\n      }\n    }\n  }\n  .image-preview-wrapper,\n  .link-preview-wrapper {\n    width: 100%;\n    &[data-is-reply='true'] {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n  }\n  .post-reaction {\n    background: none;\n    border-radius: 0 0 6px 6px;\n  }\n  &[data-is-reply='true'] {\n    > .post-author .author-avatar-wrapper {\n      width: 20px;\n      height: 20px;\n      font-size: 10px;\n    }\n  }\n  &[data-is-reply='false'] {\n    border: 1px solid #e4e8ec;\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-has-booking='true'] {\n    display: grid;\n    .post-author {\n      background-color: ",";\n    }\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n\n  .comment-reply-wrapper {\n    padding: 0 1rem;\n    .more-cmt {\n      .chevron-right {\n        height: 1rem;\n        width: 1rem;\n        vertical-align: middle;\n      }\n    }\n  }\n  .top-divider {\n    border-color: #e4e8ec;\n  }\n  .popover {\n    position: absolute;\n    top: 1.5rem;\n    right: 1rem;\n    .popover-menu__btn {\n      display: flex;\n      width: 1rem;\n      height: 1rem;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      background: transparent;\n\n      &:hover {\n        background-color: transparent;\n      }\n\n      .popover-menu__content {\n        &.--position-bottom {\n          &.--align-end {\n            &::before {\n              right: 12.5px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    &[data-is-reply='false'] {\n      border: none;\n    }\n    .image-preview-wrapper,\n    .link-preview-wrapper {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n    .popover {\n      .popover-menu__btn {\n        width: 24px;\n        height: 24px;\n      }\n    }\n\n    margin-left: 56px;\n    "," {\n      margin-left: 40px;\n    }\n    > .post-author {\n      margin-left: -56px;\n      "," {\n        margin-left: -40px;\n      }\n      .author-info {\n        align-items: center;\n        display: flex;\n        align-items: center;\n        .author-info-top {\n          width: 100%;\n        }\n        .author-info-text-wrapper {\n          justify-content: space-between;\n        }\n      }\n      .author-avatar-wrapper {\n        width: 40px;\n        height: 40px;\n        font-size: 20px;\n        "," {\n          width: 24px;\n          height: 24px;\n          font-size: 12px;\n        }\n      }\n    }\n    &[data-is-reply] {\n      > .post-author {\n        .author-avatar-wrapper {\n          width: 40px;\n          height: 40px;\n          font-size: 20px;\n          "," {\n            width: 24px;\n            height: 24px;\n            font-size: 12px;\n          }\n        }\n      }\n    }\n\n    .comment-reply-wrapper {\n      padding-right: 0;\n      padding-left: 0;\n    }\n    .post-reaction {\n      &::after {\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: calc(100% - 2rem);\n        height: 1px;\n        background: #f3f3f3;\n        content: ' ';\n        transform: translateX(-50%);\n      }\n    }\n    .post-content-wrapper {\n      padding-top: 0;\n      padding-bottom: 0;\n      "," {\n        padding-left: 0.5rem;\n      }\n    }\n\n    "," {\n      margin-bottom: 12px;\n    }\n  }\n"],["\n  position: relative;\n  margin-bottom: 0;\n  background: white;\n  border-radius: 6px;\n\n  .post-author {\n    padding-top: 1rem;\n    padding-right: 2rem;\n    &.with-popover {\n      padding-right: 2.6rem;\n    }\n    .author-avatar-wrapper {\n      width: 40px;\n      height: 40px;\n      font-size: 20px;\n      "," {\n        width: 32px;\n        height: 32px;\n        font-size: 16px;\n      }\n    }\n  }\n  .image-preview-wrapper,\n  .link-preview-wrapper {\n    width: 100%;\n    &[data-is-reply='true'] {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n  }\n  .post-reaction {\n    background: none;\n    border-radius: 0 0 6px 6px;\n  }\n  &[data-is-reply='true'] {\n    > .post-author .author-avatar-wrapper {\n      width: 20px;\n      height: 20px;\n      font-size: 10px;\n    }\n  }\n  &[data-is-reply='false'] {\n    border: 1px solid #e4e8ec;\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-has-booking='true'] {\n    display: grid;\n    .post-author {\n      background-color: ",";\n    }\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n\n  .comment-reply-wrapper {\n    padding: 0 1rem;\n    .more-cmt {\n      .chevron-right {\n        height: 1rem;\n        width: 1rem;\n        vertical-align: middle;\n      }\n    }\n  }\n  .top-divider {\n    border-color: #e4e8ec;\n  }\n  .popover {\n    position: absolute;\n    top: 1.5rem;\n    right: 1rem;\n    .popover-menu__btn {\n      display: flex;\n      width: 1rem;\n      height: 1rem;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      background: transparent;\n\n      &:hover {\n        background-color: transparent;\n      }\n\n      .popover-menu__content {\n        &.--position-bottom {\n          &.--align-end {\n            &::before {\n              right: 12.5px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    &[data-is-reply='false'] {\n      border: none;\n    }\n    .image-preview-wrapper,\n    .link-preview-wrapper {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n    .popover {\n      .popover-menu__btn {\n        width: 24px;\n        height: 24px;\n      }\n    }\n\n    margin-left: 56px;\n    "," {\n      margin-left: 40px;\n    }\n    > .post-author {\n      margin-left: -56px;\n      "," {\n        margin-left: -40px;\n      }\n      .author-info {\n        align-items: center;\n        display: flex;\n        align-items: center;\n        .author-info-top {\n          width: 100%;\n        }\n        .author-info-text-wrapper {\n          justify-content: space-between;\n        }\n      }\n      .author-avatar-wrapper {\n        width: 40px;\n        height: 40px;\n        font-size: 20px;\n        "," {\n          width: 24px;\n          height: 24px;\n          font-size: 12px;\n        }\n      }\n    }\n    &[data-is-reply] {\n      > .post-author {\n        .author-avatar-wrapper {\n          width: 40px;\n          height: 40px;\n          font-size: 20px;\n          "," {\n            width: 24px;\n            height: 24px;\n            font-size: 12px;\n          }\n        }\n      }\n    }\n\n    .comment-reply-wrapper {\n      padding-right: 0;\n      padding-left: 0;\n    }\n    .post-reaction {\n      &::after {\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: calc(100% - 2rem);\n        height: 1px;\n        background: #f3f3f3;\n        content: ' ';\n        transform: translateX(-50%);\n      }\n    }\n    .post-content-wrapper {\n      padding-top: 0;\n      padding-bottom: 0;\n      "," {\n        padding-left: 0.5rem;\n      }\n    }\n\n    "," {\n      margin-bottom: 12px;\n    }\n  }\n"])),h.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50}),h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown),Xi=function(e){var l,d,s,c,p,u,m,g=e.className,f=e.style,h=e.comment,v=e.type,x=void 0===v?"comment":v,b=e.level,w=void 0===b?0:b,C=e.replyingId,k=e.onPostCommentSuccess,E=e.post,A=e.onDeleteComment,_=e.refetchComment,T=e.hasQuickBookingEnable,N=e.handleMakeAppointment,M=n.useContext(t.TogetherComponentGlobalContext).data,z=M.locale,j=M.userInfo,S=M.env.isMarryBaby,P=r.useTranslations().t,I=n.useState(h||null),F=I[0],O=I[1],U=F.id;F.countReplies;var R=F.countLikes,D=F.content,H=F.createdAt,Z=F.replies,W=void 0===Z?[]:Z,q=F.images,G=void 0===q?[]:q,X=F.author,K=F.liked,J=F.link,$=F.mentionedUser,nn=F.mentions,en=function(n){try{var e=n.match(/\[@([^\]]+)\]/),t=e?e[0].replace("[@","").replace("]",""):"";return{text:n.replace(/\[@([^\]]+)\]/,"").trim(),replyingTo:t}}catch(n){}return{text:""}}(D),tn=en.text,an=en.replyingTo,on=V({_joinCommunityIds:[null===(l=null==E?void 0:E.community)||void 0===l?void 0:l.id],_joinTopicIds:null===(d=null==E?void 0:E.topics)||void 0===d?void 0:d.map((function(n){return n.id}))}).authActionWrapper,rn=n.useState(4),ln=rn[0],dn=rn[1],cn=!!(null==j?void 0:j.id)&&(null==W?void 0:W.some((function(n){return n.author.id===j.id}))),pn=function(n){O((function(e){if(!e.replies.find((function(e){return e.id===n.id}))){e.replies.unshift(n);var t=i.__assign(i.__assign({},e),{replies:e.replies.slice(),countReplies:e.countReplies+1});return _&&_(t),t}return e}))},un=n.useState(!1),mn=un[0],gn=un[1],fn=n.useMemo((function(){return"comment"===x&&W&&0!=W.length?W.sort((function(n,e){var t=new Date(n.createdAt).getTime(),i=new Date(e.createdAt).getTime();return t>i?-1:t<i?1:0})):W}),[x,W]),hn=(null==W?void 0:W.length)||0,vn=String(null==X?void 0:X.email)&&(null==j?void 0:j.email)&&String(null==X?void 0:X.email)===String(null==j?void 0:j.email),xn=(null==E?void 0:E.isAnonymous)&&(null===(s=null==E?void 0:E.author)||void 0===s?void 0:s.username)===(null==X?void 0:X.username),bn=xn?P("cardPost.anonymous"):(null==X?void 0:X.name)||(null==X?void 0:X.username)||"",wn=xn?t.DEFAULT_AVATAR_IMG:null==X?void 0:X.avatar,yn=xn?P("cardPost.anonymous"):(null==X?void 0:X.username)||(null==X?void 0:X.name)||"",Cn=i.__spreadArray(i.__spreadArray([],(null==E?void 0:E.isAnonymous)?[{id:(null===(c=null==E?void 0:E.author)||void 0===c?void 0:c.id)||0,name:P("cardPost.anonymous")}]:[],!0),nn||[],!0),kn=n.useState(null),En=kn[0],An=kn[1],_n=n.useState(null),Tn=_n[0],Nn=_n[1];n.useEffect((function(){if(null==X?void 0:X.hospitalId){n=X.hospitalId,i.__awaiter(void 0,void 0,void 0,(function(){var e,a;return i.__generator(this,(function(i){switch(i.label){case 0:return[4,t.callApi(t.getCarePath(t.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:n,website_url:y.domainLocales[z]}),"get")];case 1:return e=i.sent(),(null===(a=null==e?void 0:e._data)||void 0===a?void 0:a.branch)&&An(null==e?void 0:e._data.branch),[2]}}))}))}var n,e;if(null==X?void 0:X.doctorId){e=X.doctorId,i.__awaiter(void 0,void 0,void 0,(function(){var n,a;return i.__generator(this,(function(i){switch(i.label){case 0:return[4,t.callApi(t.getCarePath(t.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:e,website_url:y.domainLocales[z]}),"get")];case 1:return n=i.sent(),(null===(a=null==n?void 0:n._data)||void 0===a?void 0:a.doctor)&&Nn(null==n?void 0:n._data.doctor),[2]}}))}))}}),[X.hospitalId,X.doctorId]);var Ln=(null==Tn?void 0:Tn.valid_outpatient)||(null==Tn?void 0:Tn.valid_telemedicine),Mn=((null==En?void 0:En.total_available_service)||(null==En?void 0:En.total_available_doctor))>0,zn=T&&(Ln||Mn);return L.default.createElement(B,{defaultParams:{_joinCommunityIds:[null===(p=null==E?void 0:E.community)||void 0===p?void 0:p.id],_joinTopicIds:null===(u=null==E?void 0:E.topics)||void 0===u?void 0:u.map((function(n){return n.id}))}},L.default.createElement(Qi,{className:g,style:f,"data-is-reply":!!w,"data-is-marrybaby":S,"data-has-booking":zn},"reply"===x&&L.default.createElement(o.Divider,{className:"top-divider",type:"solid"}),L.default.createElement(ve,{avatar:wn,name:bn,username:yn,email:null==X?void 0:X.email,time:H,className:"post-author ".concat(vn?"with-popover":""),type:x,userId:null==X?void 0:X.id,role:null==X?void 0:X.role,expertId:null==X?void 0:X.partnerId,title:null==X?void 0:X.title,doctorId:null==X?void 0:X.doctorId,hospitalId:null==X?void 0:X.hospitalId,hasQuickBooking:zn,handleMakeAppointment:N,isAnonymous:!!(null==E?void 0:E.isAnonymous)}),L.default.createElement(gi,{className:"post-content-wrapper",replyingTo:an,mentionedUser:$,description:tn,mentions:Cn}),L.default.createElement("span",null),L.default.createElement("span",null),G&&G.length>0?L.default.createElement("div",{key:"image-preview",className:"image-preview-wrapper","data-is-reply":!0},L.default.createElement(Fi,{images:G,authorName:null==X?void 0:X.username})):null,G&&0!==G.length||!J?null:L.default.createElement("div",{key:"link-preview",className:"link-preview-wrapper","data-is-reply":!0},L.default.createElement(Y,{url:J})),"most-engaging"!==x?L.default.createElement(L.default.Fragment,null,L.default.createElement(sn,{type:Q.reply,loveCount:R,replyCount:hn,className:"post-reaction",liked:K,isReplied:cn,hideCommentIcon:"reply"===x,onCommentClick:function(){return on((function(){return gn((function(n){return!n}))}))},onCommentCountClick:function(){return on((function(){gn(!0)}))},onLikeClick:function(){return on((function(){return i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(n){switch(n.label){case 0:return U?[4,ni({commentId:U,setLike:!K,locale:z})]:[3,2];case 1:1===n.sent().status&&O((function(n){return i.__assign(i.__assign({},n),{liked:!K,countLikes:n.countLikes+(K?-1:1)})})),n.label=2;case 2:return[2]}}))}))}))}}),mn&&L.default.createElement(ai,{replyingId:C||F.id,replyToName:bn,isReply:!0,onClose:function(){return gn(!1)},onPostSuccess:function(n){"reply"===x?k&&k(n):pn(n)},post:E,replyingUser:X}),"comment"===x&&W&&W.length>0?L.default.createElement("div",{className:"comment-reply-wrapper"},null===(m=null==fn?void 0:fn.slice(0,ln))||void 0===m?void 0:m.map((function(n){return L.default.createElement(Xi,{key:n.id,comment:n,type:"reply",className:"comment-reply-item",level:w+1,replyingId:U,onPostCommentSuccess:pn,post:E,onDeleteComment:function(){O((function(e){return i.__assign(i.__assign({},e),{replies:e.replies.filter((function(e){return e.id!==n.id})),countReplies:e.countReplies-1})}))},handleMakeAppointment:N,hasQuickBookingEnable:T})})),hn>ln&&L.default.createElement(L.default.Fragment,null,L.default.createElement(o.Divider,{className:"top-divider",type:"solid"}),L.default.createElement(a.Button,{className:"more-cmt",size:"lg",color:"ghost",onClick:function(){return dn((function(n){return n+4}))}},P("comment.seeMoreReplies",{count:hn-ln}),L.default.createElement("img",{className:"chevron-right",src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 12L10 8L6 4' stroke='%232D87F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})))):null):null,vn&&L.default.createElement(Gi,{onDeleteComment:A,className:"popover",commentId:F.id})))},Ki=function(n,e){return i.__awaiter(void 0,void 0,void 0,(function(){var a,o,r,l;return i.__generator(this,(function(i){switch(i.label){case 0:return[4,t.callApiWithOptionalAuth(t.getApiPath(t.PATHS.COMMENT.LIST,{postId:n,_locale:e,sort:"popularity",perPage:1,withoutReply:1}),"GET")];case 1:return a=i.sent(),[2,null===(l=null===(r=null===(o=null==a?void 0:a.data)||void 0===o?void 0:o.comments)||void 0===r?void 0:r.map(t.formatComment))||void 0===l?void 0:l[0]]}}))}))},Yi=Object.freeze({__proto__:null});exports.CardAuthor=ve,exports.CardLink=Y,exports.CardPost=function(e){var o=e.className,l=e.style,d=e.hideViewMoreComment,s=e.showMostEngaging,c=e.onCommentClick,p=e.onCommentCountClick,u=e.onMostEngagingCommentClick,g=e.onPostCommentSuccess,f=e.disableCardLink,h=e.disableShortenContent,v=e.onDeletePost,x=e.onEditPost,b=e.post,w=e.mostEngagingComment,y=e.onDeleteComment,C=e.showInputComment,k=e.InlineCommentsComponent,E=e.hasQuickBookingEnable,A=e.handleMakeAppointment,_=n.useState(b),T=_[0],N=_[1],z=n.useState(!1),j=z[0],S=z[1],P=n.useState(w),I=P[0],F=P[1],O=T.community,U=T.topics,R=T.author,D=T.slug,H=T.isPin,Z=T.liked,W=T.scheduleDateTime,q=T.createdAt,G=T.photos,X=T.mentions,K=T.title,J=T.description,$=T.previewUrl,nn=T.likesCount,en=T.commentsCount,tn=T.id,an=T.commented,on=n.useContext(t.TogetherComponentGlobalContext),rn=on.data,ln=rn.locale,dn=rn.env,cn=dn.isMarryBaby,un=dn.togetherBasePath,mn=on.action.pushNotifications,fn=r.useTranslations().t,hn=n.useState(C),vn=hn[0],xn=hn[1],bn="".concat(un,"/").concat((null==O?void 0:O.slug)||"_","/").concat(D||""),wn="".concat(t.getCurrentBaseUrl(ln)).concat(bn),yn=V((null==O?void 0:O.slug)?{_joinCommunityIds:[O.id],_joinTopicIds:null==U?void 0:U.map((function(n){return n.id}))}:void 0).authActionWrapper,Cn=n.useState(!1),kn=Cn[0],En=Cn[1];n.useEffect((function(){xn(C)}),[C]);var An=(null==T?void 0:T.isAnonymous)?fn("cardPost.anonymous"):(null==R?void 0:R.name)||(null==R?void 0:R.username)||"",_n=(null==T?void 0:T.isAnonymous)?fn("cardPost.anonymous"):(null==R?void 0:R.username)||(null==R?void 0:R.name)||"",Tn=(null==T?void 0:T.isAnonymous)?t.DEFAULT_AVATAR_IMG:null==R?void 0:R.avatar,Nn=(null==T?void 0:T.isAnonymous)||null==R?void 0:R.role,Ln=n.useState(null),Mn=Ln[0],zn=Ln[1],jn=n.useState(null),Sn=jn[0],Pn=jn[1];n.useEffect((function(){if(null==R?void 0:R.hospitalId){n=R.hospitalId,i.__awaiter(void 0,void 0,void 0,(function(){var e,a;return i.__generator(this,(function(i){switch(i.label){case 0:return[4,t.callApi(t.getCarePath(t.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:n,website_url:t.domainLocales[ln]}),"get")];case 1:return e=i.sent(),(null===(a=null==e?void 0:e._data)||void 0===a?void 0:a.branch)&&zn(null==e?void 0:e._data.branch),[2]}}))}))}var n,e;if(null==R?void 0:R.doctorId){e=R.doctorId,i.__awaiter(void 0,void 0,void 0,(function(){var n,a;return i.__generator(this,(function(i){switch(i.label){case 0:return[4,t.callApi(t.getCarePath(t.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:e,website_url:t.domainLocales[ln]}),"get")];case 1:return n=i.sent(),(null===(a=null==n?void 0:n._data)||void 0===a?void 0:a.doctor)&&Pn(null==n?void 0:n._data.doctor),[2]}}))}))}}),[R.hospitalId,R.doctorId]);var In=(null==Sn?void 0:Sn.valid_outpatient)||(null==Sn?void 0:Sn.valid_telemedicine),Fn=((null==Mn?void 0:Mn.total_available_service)||(null==Mn?void 0:Mn.total_available_doctor))>0,On=E&&(In||Fn);n.useEffect((function(){i.__awaiter(void 0,void 0,void 0,(function(){var n;return i.__generator(this,(function(e){switch(e.label){case 0:return tn&&en&&s&&!(null==w?void 0:w.id)?[4,Ki(tn,ln)]:[3,2];case 1:n=e.sent(),F(n),e.label=2;case 2:return[2]}}))}))}),[tn,ln,en,s,null==w?void 0:w.id]),n.useEffect((function(){F(w)}),[null==w?void 0:w.id]);var Bn=function(n){return i.__awaiter(void 0,void 0,void 0,(function(){var e;return i.__generator(this,(function(t){switch(t.label){case 0:return en>1&&(null==I?void 0:I.id)&&(null==I?void 0:I.id)===(null==n?void 0:n.id)?[4,Ki(tn,ln)]:[3,2];case 1:e=t.sent(),F(e),t.label=2;case 2:return N((function(n){return i.__assign(i.__assign({},n),{commentsCount:n.commentsCount-1})})),y&&y(n),[2]}}))}))};return L.default.createElement(B,{defaultParams:(null==O?void 0:O.slug)?{_joinCommunityIds:[O.id],_joinTopicIds:null==U?void 0:U.map((function(n){return n.id}))}:void 0},j&&L.default.createElement(di,{url:wn,avatar:t.DEFAULT_IMG,text:K,onClose:function(){return S(!1)}}),L.default.createElement(qi,{className:o,style:l,"data-is-marrybaby":cn},H?L.default.createElement(gn,{className:"post-pin"}):null,L.default.createElement("div",{style:{position:"relative"}},L.default.createElement(ve,{avatar:Tn,name:An,username:_n,url:f?void 0:bn,email:null==R?void 0:R.email,time:W||q,community:O,className:"post-author",role:Nn,userId:null==R?void 0:R.id,expertId:null==R?void 0:R.partnerId,doctorId:null==R?void 0:R.doctorId,hospitalId:null==R?void 0:R.hospitalId,title:null==R?void 0:R.title,hasQuickBooking:On,handleMakeAppointment:A,"data-testid":"name",isAnonymous:!!(null==T?void 0:T.isAnonymous)}),L.default.createElement(Wi,{authorEmail:String(null==R?void 0:R.email),onDeletePost:v,shareUrl:wn,post:T,className:"popover",onEditPost:x})),L.default.createElement("a",{href:f?void 0:bn,className:"post-content-link-wrapper"},K&&L.default.createElement(m.Heading,{className:"post-content-title",as:"h2",tag:"h5",fontWeight:"bold","data-testid":"Title of the Post"},M.default(K)),L.default.createElement(gi,{className:"post-content-wrapper",description:J,disableShortenContent:h,mentions:X,"data-testid":"Content of the Post"})),L.default.createElement("span",null),L.default.createElement("span",null),L.default.createElement("div",{key:"tag-topic"},U&&U.length>0?L.default.createElement(pn,{topics:U,className:"post-topics"}):null),L.default.createElement("div",{key:"social-preview"},(null==T?void 0:T.introUrl)?L.default.createElement("div",{className:"social-preview-wrapper ".concat((null==G?void 0:G.length)?"has-image":"")},L.default.createElement(Bi,{url:T.introUrl,image:T.bannerImage})):null),L.default.createElement("div",{key:"image-preview"},(null==G?void 0:G.length)?L.default.createElement("div",{className:"image-preview-wrapper"},L.default.createElement(Fi,{images:G,authorName:null==R?void 0:R.name})):null),L.default.createElement("div",{key:"link-preview"},(null==T?void 0:T.introUrl)||(null==G?void 0:G.length)||!(null==$?void 0:$.url)?null:L.default.createElement("div",{className:"link-preview-wrapper"},L.default.createElement(Y,{title:$.title,url:$.url,image:$.image}))),L.default.createElement(sn,{isMarryBaby:cn,type:Q.post,loveCount:nn,replyCount:en,className:"post-reaction ".concat((null==G?void 0:G.length)||(null==$?void 0:$.url)?"hide-top-border":""),liked:kn?!Z:Z,isReplied:an,onCommentClick:function(){return yn((function(){c?c():xn((function(n){return!n}))}))},onCommentCountClick:function(){yn((function(){cn?xn(!0):p?p():!f&&(window.location.href=bn)}))},onShareClick:function(){S(!0)},onLikeClick:function(){return i.__awaiter(void 0,void 0,void 0,(function(){var n;return i.__generator(this,(function(e){switch(e.label){case 0:if(!tn||kn)return[2];En(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,He({id:tn,locale:ln})];case 2:return 1!==(null==(n=e.sent())?void 0:n.status)?mn(xe(fn)):N((function(n){return i.__assign(i.__assign({},n),{likesCount:(n.likesCount||0)+(n.liked?-1:1),liked:!n.liked})})),[3,4];case 3:return e.sent(),mn(xe(fn)),[3,4];case 4:return En(!1),[2]}}))}))},showingMostEngaging:!(!s||!(null==I?void 0:I.id))}),vn&&L.default.createElement(ai,{isMainCmt:!C,onClose:function(){return xn(!1)},onPostSuccess:function(n){0!==en||(null==I?void 0:I.id)||F(n),N((function(n){return i.__assign(i.__assign({},n),{commentsCount:n.commentsCount+1,commented:!0})})),g&&g(n)},post:T}),s&&(null==I?void 0:I.id)?L.default.createElement("div",{className:"most-engaging-wrapper",onClick:function(n){u?(n.stopPropagation(),u()):window.location.href=bn}},L.default.createElement(Xi,{hasQuickBookingEnable:E,handleMakeAppointment:A,comment:I,onDeleteComment:function(){Bn&&Bn(I)},className:"most-engaging-comment",type:"most-engaging",key:I.id}),en>1&&!d&&L.default.createElement(a.Button,{className:"see-more-comments",color:"ghost",size:"md"},fn("comment.seeMoreComments",{count:en-1}))):null,k))},exports.CardPostPopoverMore=Wi,exports.CardReactions=sn,exports.CardReply=Xi,exports.CardReplyPopover=Gi,exports.CreateNewPostContent=function(l){var s=l.className,c=l.style,p=l.onPostCreatedEdited,u=l.onClose,m=l.communities,g=void 0===m?[]:m,f=l.forceSelectCommunity,h=l.forceSelectTopics,v=l.articleId,x=l.optionalTopic,b=l.editPostData,w=l.defaultCommunity,y=l.defaultTopics,C=l.noFetchTopic,k=l.hideTopicList,E=!!(null==b?void 0:b.id),A=n.useContext(t.TogetherComponentGlobalContext),_=A.data,T=_.locale,N=_.env.isMarryBaby,z=A.action,j=z.pushNotifications,S=z.sanitizeFunction,P=r.useTranslations().t,I=n.useState(!1),F=I[0],O=I[1],B=n.useState(!1),V=B[0],U=B[1],R=n.useState(""),D=R[0],H=R[1],Z=n.useState(""),W=Z[0],q=Z[1],G=n.useState(f?{label:f.name,value:"".concat(f.id||"","-").concat(f.mappedCategoryId||"")}:{label:P("community.choose"),value:""}),Q=G[0],X=G[1],K=n.useState(i.__spreadArray([],h,!0)||[]),Y=K[0],J=K[1],$=n.useState([]),nn=$[0],en=$[1],tn=n.useState([]),an=tn[0],on=tn[1],rn=f||g.find((function(n){return"".concat(n.id||"","-").concat(n.mappedCategoryId||"")===Q.value})),ln=f?[f]:g.filter((function(n){return n.isActive})).sort((function(n,e){return n.name>e.name?1:n.name<e.name?-1:0})),dn=n.useState(null),sn=dn[0],cn=dn[1],pn=n.useState([]),un=pn[0],mn=pn[1],gn=D&&M.default(W)&&(x||!x&&Y.length>0)&&rn&&(!nn||nn.length<=t.MAX_IMAGE_UPLOADS)&&!(null==un?void 0:un.length)&&!V;n.useEffect((function(){if(b){var n=b;H(n.title||""),q(Se(je(n.description||"","edit"),n.mentions)),X({label:n.community.name,value:"".concat(n.community.id||"","-").concat(n.community.mappedCategoryId||"")}),J(n.topics||[]),en(n.photos||[]),O(!!n.isAnonymous||!1)}else w&&X({label:w.name,value:"".concat(w.id||"","-").concat(w.mappedCategoryId||"")}),y&&J(y)}),[]);var fn=function(){return i.__awaiter(void 0,void 0,void 0,(function(){var n,e,a,o,r,l,d,s,c,m,g,f;return i.__generator(this,(function(i){switch(i.label){case 0:return[4,We({title:D,description:W,communityId:String((null==rn?void 0:rn.id)||""),imageFiles:nn,previewUrl:sn,topicIds:null==Y?void 0:Y.map((function(n){return String(n.id||"")})).filter(Boolean),locale:T,sanitizeFunction:S,categoryCommunityId:String((null==rn?void 0:rn.mappedCategoryId)||""),categoryTopicIds:null==Y?void 0:Y.map((function(n){return String(n.mappedCategoryId||"")})).filter(Boolean),isAnonymous:F?1:0})];case 1:return n=i.sent(),v&&n.append("article_id",v),E?(null==b?void 0:b.id)?[4,Ge({id:b.id,formData:n,locale:T})]:[3,3]:[3,4];case 2:e=i.sent(),i.label=3;case 3:return[3,6];case 4:return[4,qe({formData:n,locale:T,isArticleComment:!(null==rn?void 0:rn.id)&&!!(null==rn?void 0:rn.mappedCategoryId)})];case 5:e=i.sent(),i.label=6;case 6:return(null==(a=null==e?void 0:e.data)?void 0:a.id)&&!(null===(r=null===(o=null==e?void 0:e.messages)||void 0===o?void 0:o.moderation)||void 0===r?void 0:r.type)?(j({message:P("createPost.popup.success"),type:"success"}),function(n){p&&p(t.formatPost(n),E),u&&u()}(a)):"banned"===(null===(d=null===(l=null==e?void 0:e.messages)||void 0===l?void 0:l.moderation)||void 0===d?void 0:d.type)?(j({title:P("notification.post.blocked.title"),message:P("notification.post.blocked.message"),type:"danger"}),e.messages.moderation.words&&on(e.messages.moderation.words)):"suspect"===(null===(c=null===(s=null==e?void 0:e.messages)||void 0===s?void 0:s.moderation)||void 0===c?void 0:c.type)?(j({title:P("notification.post.suspect.title"),message:P("notification.post.suspect.message"),type:"warning"}),u&&u()):(null===(g=null===(m=null==e?void 0:e.messages)||void 0===m?void 0:m.find)||void 0===g?void 0:g.call(m,(function(n){var e;return!!(null===(e=null==n?void 0:n.includes)||void 0===e?void 0:e.call(n,"suspend"))})))?(j({message:P("notification.suspend.message"),type:"danger"}),u&&u()):j({message:(null===(f=null==e?void 0:e.messages)||void 0===f?void 0:f[0])||P("notification.failure"),type:"danger"}),[2]}}))}))};return L.default.createElement(be,{className:s,style:c},L.default.createElement("div",{className:"input-group-container"},L.default.createElement(Rt,{className:"input-group",bannedWords:an,value:D,onChange:H}),L.default.createElement(Bt,{className:"input-group",bannedWords:an,value:W,onChange:q,onPreviewUrlChange:cn,onInvalidUrlsChange:mn,onImageFilesChange:en,imageFiles:nn}),L.default.createElement("div",{className:"input-group"},L.default.createElement(e.Text,{size:"p4",className:"input-group-label"},P("admin.community")),L.default.createElement(o.Dropdown,{options:(null==ln?void 0:ln.map((function(n,e){return{label:n.name,value:"".concat(n.id||"","-").concat(n.mappedCategoryId||"")}})))||[],id:"community-picker",placeholder:P("community.choose"),value:Q,onChange:function(n){X({label:n.label,value:String(n.value)}),J([])},disabled:!!f}),L.default.createElement(e.Text,{size:"sm",className:"warning",color:d.theme.colors.gray400},"* ",P("commentPopup.warning.newPost"))),!k&&L.default.createElement("div",{className:"input-group"},L.default.createElement(e.Text,{size:"p4",className:"input-group-label"},P("tab.topic")),L.default.createElement("div",{className:"input-notification"},L.default.createElement("img",{src:rn?"data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 14.5C11.3137 14.5 14 11.8137 14 8.5C14 5.18629 11.3137 2.5 8 2.5C4.68629 2.5 2 5.18629 2 8.5C2 11.8137 4.68629 14.5 8 14.5Z' fill='%232D87F3'/%3e%3cpath d='M8 5.5V8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11.5H8.00708' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e":we}),L.default.createElement(e.Text,{size:"base",color:d.theme.colors.gray500},P(rn?"createPost.popup.primary":"createPost.popup.warning"))),rn&&L.default.createElement(Ht,{className:"tag-list",communityId:rn.id,forceTopics:h,onChange:J,selectedTopics:Y,noFetch:C}))),L.default.createElement("div",{className:"form-action"},L.default.createElement("div",{className:"input-group"},L.default.createElement(o.Checkbox,{name:"PostAnonymous",checked:F,label:P("createPost.postAnonymous"),value:"Post Anonymous",onChange:function(){return O((function(n){return!n}))},inputDataTestId:"Anonymouse Check Box"}),L.default.createElement(a.Button,{theme:N?"marryBaby":"helloSites",className:"submit-btn",size:"lg",onClick:function(){return i.__awaiter(void 0,void 0,void 0,(function(){var n;return i.__generator(this,(function(e){switch(e.label){case 0:if(!gn||V)return[3,5];U(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,fn()];case 2:return e.sent(),[3,4];case 3:return n=e.sent(),console.error(n),j(xe(P)),[3,4];case 4:U(!1),e.label=5;case 5:return[2]}}))}))},isDisabled:!gn,isLoading:V},P("createPost.popup.submit")))))},exports.CreatePostDescription=Bt,exports.CreatePostTitle=Rt,exports.ImagePreviewPopup=Ci,exports.InputCommentBar=ai,exports.LabelPin=gn,exports.LabelSortPin=mn,exports.LabelSorting=function(i){var a=i.onChange,o=i.className,r=i.style,l=i.leftLabel,d=i.rightLabel;i.color;var s=i.value,c=i.choices,p=n.useContext(t.TogetherComponentGlobalContext).data.env.isMarryBaby;return L.default.createElement(mn,{label:l,rightLabel:L.default.createElement(xn,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:c.map((function(n){return{label:n.label,onClick:function(){return a&&a(String(n.value))},selected:n.value===s,className:"bold-item"}}))},toggleButtonContent:L.default.createElement("div",{style:{display:"flex"}},L.default.createElement(e.Text,{style:{display:"flex",alignItems:"center",fontWeight:"normal",marginRight:12},size:"p4"},d),L.default.createElement("img",{src:p?"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M8 14L12 18L16 14' stroke='%233E3F58' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath d='M16 10L12 6L8 10' stroke='%233E3F58' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3c/svg%3e":"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.49992 7H11.4998C11.6352 7 11.7525 6.94506 11.8514 6.83509C11.9502 6.72515 11.9999 6.59496 11.9999 6.44449C11.9999 6.29402 11.9503 6.16389 11.8514 6.0538L8.35141 2.16491C8.25252 2.05509 8.13538 2 7.99988 2C7.86437 2 7.74723 2.05509 7.64826 2.16491L4.1483 6.0538C4.04932 6.16377 3.99988 6.29402 3.99988 6.44449C3.99988 6.59493 4.04932 6.72515 4.1483 6.83509C4.24738 6.94506 4.36452 7 4.49992 7Z' fill='%238C8C8C'/%3e%3cpath d='M11.4998 9H4.49992C4.36441 9 4.24727 9.05497 4.1483 9.16482C4.04932 9.2748 3.99988 9.40496 3.99988 9.55543C3.99988 9.7059 4.04932 9.83616 4.1483 9.94607L7.64826 13.835C7.74734 13.9449 7.86448 14 7.99988 14C8.13527 14 8.25252 13.9449 8.35141 13.835L11.8514 9.94604C11.9502 9.83616 11.9999 9.7059 11.9999 9.5554C11.9999 9.40496 11.9503 9.2748 11.8514 9.16479C11.7525 9.05485 11.6352 9 11.4998 9Z' fill='%238C8C8C'/%3e%3c/svg%3e",style:{width:16,height:16,alignSelf:"center"}}))}),color:"gray",className:o,style:r})},exports.Loading=X,exports.PopoverMenu=vn,exports.PopupDanger=Kt,exports.PopupDoctor=Rn,exports.PopupExpert=de,exports.PopupFrame=Qt,exports.PopupHospital=me,exports.PostContent=gi,exports.PostImagePreview=Fi,exports.PostSingleImageViewPopup=Li,exports.ShareBox=li,exports.SharePopup=di,exports.SocialLinkPreview=Bi,exports.SubmitReportForm=ui,exports.TagTopic=pn,exports.TogetherAuthConfigContext=O,exports.TogetherAuthConfigContextProvider=B,exports.TopicSelectList=Ht,exports.types=Yi,exports.useTogetherAuthRequiredAction=V;
+"use strict";var n=require("react"),e=require("./index-4270738e.js");require("./translationsContext-b7fdc5d6.js"),require("string-format");var t=require("./index-758ddd97.js"),i=require("./tslib.es6-880cd9cf.js"),a=require("./index-867d4ec1.js"),o=require("./index-ada891ae.js"),r=require("./useTranslations-b8f6197e.js"),l=require("innertext"),d=require("./theme-4f2b9115.js"),s=require("styled-components"),c=require("./index-ec105386.js"),p=require("lodash/debounce"),u=require("react-contenteditable"),m=require("./FullScreen-995a5db6.js"),g=require("./gAssets.js"),f=require("./cookieHelper-d9ba01ac.js"),h=require("./utils-976cf107.js"),v=require("react-dom"),x=require("@mantine/core"),b=require("dayjs"),w=require("dayjs/plugin/relativeTime"),y=require("./index-19c9c74b.js"),C=require("./lazyLoad-ddd6e04d.js"),k=require("./defaultClassWrapper-e3d09fc5.js");function E(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function A(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var _,T,N,L=E(n),M=E(l),z=E(s),j=E(p),S=E(u),P=A(v),I=E(b),F=E(w),O=n.createContext({}),B=function(n){var e=n.children,t=n.defaultParams;return L.default.createElement(O.Provider,{value:{defaultParams:t}},e)},V=function(e){var a=n.useContext(t.TogetherComponentGlobalContext).data,o=a.userInfo,r=a.env.togetherBasePath,l=(n.useContext(O)||{}).defaultParams,d=null==o?void 0:o.id,s=o&&"number"==typeof o.communities_interacted&&0===o.communities_interacted;return{authActionWrapper:function(n,a){var o=i.__assign(i.__assign(i.__assign({},l),e),a);if(!d||s){d||f.deleteCookie(t.BEARER_TOKEN_COOKIE),(null==o?void 0:o._joinCommunityIds)&&(localStorage.setItem("to_join_community_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_community_ids")||"[]")||[]).concat(o._joinCommunityIds).filter(Boolean))))),null==o||delete o._joinCommunityIds),(null==o?void 0:o._joinTopicIds)&&(localStorage.setItem("to_join_topic_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_topic_ids")||"[]")||[]).concat(o._joinTopicIds).filter(Boolean))))),null==o||delete o._joinTopicIds);var c=(null==o?void 0:o._location)||window.location.href;return null==o||delete o._location,window.location.href=t.getUrlToSignUp(c,o,r),null}return n&&n()},params:i.__assign(i.__assign({},l),e)}},U=z.default.div(_||(_=i.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1em;\n  button {\n    position: relative;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1em;\n  button {\n    position: relative;\n  }\n"]))),R=s.keyframes(T||(T=i.__makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));z.default.div(N||(N=i.__makeTemplateObject(["\n  display: flex;\n  width: fit-content;\n  width: -moz-fit-content;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 2rem;\n  background: white;\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  .loading-spinner {\n    width: 24px;\n    height: 24px;\n    margin-bottom: 0.5rem;\n    animation: "," 1.2s linear infinite;\n  }\n  &[data-is-marrybaby='true'] {\n    box-shadow: none;\n  }\n"],["\n  display: flex;\n  width: fit-content;\n  width: -moz-fit-content;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 2rem;\n  background: white;\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  .loading-spinner {\n    width: 24px;\n    height: 24px;\n    margin-bottom: 0.5rem;\n    animation: "," 1.2s linear infinite;\n  }\n  &[data-is-marrybaby='true'] {\n    box-shadow: none;\n  }\n"])),R);var D,H,Z,W,q,G,Q,X=function(n){var e=n.className,t=n.size,i=void 0===t?"md":t,o=r.useTranslations().t;return L.default.createElement(U,{className:e},L.default.createElement(a.Button,{size:i,color:"transparent",isLoading:!0},o("loading")))},K=z.default.div(D||(D=i.__makeTemplateObject(["\n  .link-info-container {\n    padding: 0.5rem 1rem;\n    background: #f4faff;\n  }\n  .link-image-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: min(280px, 56.25%);\n    .link-image-blur {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 110%;\n      height: 110%;\n      /* Add the blur effect */\n      -webkit-filter: blur(8px);\n      filter: blur(8px);\n      object-fit: cover;\n      object-position: center;\n      opacity: 0.8;\n      transform: translate(-50%, -50%);\n    }\n    .link-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      object-position: center;\n    }\n  }\n  a {\n    text-decoration: none;\n  }\n  &[data-is-marrybaby='true'] {\n    overflow: hidden;\n    border-radius: 1rem;\n    .link-info-container {\n      padding-bottom: 1rem;\n      background: #f3f3f3;\n      p {\n        color: #2661ad;\n      }\n      .link-logo {\n        max-width: 2rem;\n        height: 13px;\n        margin-right: 4px;\n        object-fit: contain;\n        vertical-align: middle;\n      }\n    }\n    .link-image-wrapper {\n      padding-top: min(360px, 56.25%);\n      .link-image {\n        object-fit: cover;\n      }\n    }\n  }\n"],["\n  .link-info-container {\n    padding: 0.5rem 1rem;\n    background: #f4faff;\n  }\n  .link-image-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: min(280px, 56.25%);\n    .link-image-blur {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 110%;\n      height: 110%;\n      /* Add the blur effect */\n      -webkit-filter: blur(8px);\n      filter: blur(8px);\n      object-fit: cover;\n      object-position: center;\n      opacity: 0.8;\n      transform: translate(-50%, -50%);\n    }\n    .link-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      object-position: center;\n    }\n  }\n  a {\n    text-decoration: none;\n  }\n  &[data-is-marrybaby='true'] {\n    overflow: hidden;\n    border-radius: 1rem;\n    .link-info-container {\n      padding-bottom: 1rem;\n      background: #f3f3f3;\n      p {\n        color: #2661ad;\n      }\n      .link-logo {\n        max-width: 2rem;\n        height: 13px;\n        margin-right: 4px;\n        object-fit: contain;\n        vertical-align: middle;\n      }\n    }\n    .link-image-wrapper {\n      padding-top: min(360px, 56.25%);\n      .link-image {\n        object-fit: cover;\n      }\n    }\n  }\n"]))),Y=function(a){var o=a.title,r=a.url,l=a.image,d=a.logo,s=a.className,c=a.style,p=a.noRefetch,u=n.useContext(t.TogetherComponentGlobalContext).data,g=u.locale,f=u.env.isMarryBaby,h=n.useState(!1),v=h[0],x=h[1],b=n.useRef(p);b.current=p;var w=n.useState(null),y=w[0],C=w[1];n.useEffect((function(){i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(n){return b.current?[2]:r?(C((function(n){return i.__assign(i.__assign({},n),{isFetching:!0})})),t.callApi(t.getApiPath(t.PATHS.FETCH_PREVIEW,{_locale:g}),"POST",{data:{link:r}}).then((function(n){var e,t,i;x(!1),C({title:null===(e=null==n?void 0:n.data)||void 0===e?void 0:e.title,url:r,image:(null===(t=null==n?void 0:n.data)||void 0===t?void 0:t.image)||(null===(i=null==n?void 0:n.data)||void 0===i?void 0:i.logo)})})).catch((function(){C(null)})),[2]):[2,C(null)]}))}))}),[r]);var k=(null==y?void 0:y.image)||l,E=(null==y?void 0:y.title)||o,A=(null==y?void 0:y.logo)||d,_=(null==y?void 0:y.url)||r,T=_.replace("http://","").replace("https://","").split(/[/?#]/)[0],N=n.useRef(!1);return L.default.createElement(K,{"data-is-marrybaby":f,className:"".concat(s," no-replace-click"),style:c},L.default.createElement("a",{href:_,target:"_blank",rel:"noreferrer"},k&&L.default.createElement("div",{className:"link-image-wrapper"},!f&&L.default.createElement("img",{className:"link-image-blur",src:k,onError:function(n){N.current||(N.current=!0,n.currentTarget.src=t.DEFAULT_IMG)}}),L.default.createElement("img",{className:"link-image",src:k,onError:function(n){N.current||(N.current=!0,n.currentTarget.src=t.DEFAULT_IMG)}})),L.default.createElement("div",{className:"link-info-container"},L.default.createElement(e.Text,{size:"n1"},f&&A&&!v&&L.default.createElement("img",{className:"link-logo",src:A,onError:function(n){return x(!0)}}),T),L.default.createElement(m.Heading,{tag:"h6"},E))))},J=z.default.div(H||(H=i.__makeTemplateObject(["\n  display: flex;\n  justify-content: flex-start;\n"],["\n  display: flex;\n  justify-content: flex-start;\n"]))),$=z.default.div(Z||(Z=i.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  .hhgcomp-together-cardreactions-inner {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  .hhgcomp-together-cardreactions-inner {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n  }\n"]))),nn=z.default.img(W||(W=i.__makeTemplateObject(["\n  width: 1.5rem;\n  height: 1.5rem;\n  margin-right: 2px;\n\n  [data-is-marrybaby='true'] {\n    margin-right: 5px;\n  }\n"],["\n  width: 1.5rem;\n  height: 1.5rem;\n  margin-right: 2px;\n\n  [data-is-marrybaby='true'] {\n    margin-right: 5px;\n  }\n"]))),en=z.default(e.Text)(q||(q=i.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n  * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n  * {\n    pointer-events: none;\n  }\n"]))),tn=z.default.span(G||(G=i.__makeTemplateObject(["\n  text-transform: lowercase;\n"],["\n  text-transform: lowercase;\n"])));!function(n){n[n.post=1]="post",n[n.reply=2]="reply"}(Q||(Q={}));var an,on,rn,ln,dn,sn=function(e){var a=e.type,o=e.loveCount,l=void 0===o?0:o,d=e.replyCount,s=void 0===d?0:d,c=e.replyPadding,p=e.liked,u=e.isReplied,m=e.onCommentClick,g=e.onLikeClick;e.onCommentCountClick;var f=e.onShareClick,h=e.className,v=e.style,x=e.hideCommentIcon,b=e.showingMostEngaging,w=e.isMarryBaby,y=e.hasShare,C=void 0===y||y,k=e.hasCountLike,E=void 0===k||k,A=e.trackingCategory,_=void 0===A?"Together":A,T=e.trackingLabel,N=void 0===T?"":T,M=i.__rest(e,["type","loveCount","replyCount","replyPadding","liked","isReplied","onCommentClick","onLikeClick","onCommentCountClick","onShareClick","className","style","hideCommentIcon","showingMostEngaging","isMarryBaby","hasShare","hasCountLike","trackingCategory","trackingLabel"]),z=n.useContext(t.TogetherComponentGlobalContext).data;z.locale;var j=z.router,S=z.env.isMarryBaby,P=Boolean(w)?w:S,I=j||{};I.asPath,I.basePath;var F=r.useTranslations().t;return L.default.createElement($,i.__assign({"data-show-most-engaging":b,"data-type":a===Q.post?"post":"reply","data-reply-padding":a===Q.reply&&c,"data-is-marrybaby":P,className:h,style:v},M),L.default.createElement("div",{className:"reaction-icon-container hhgcomp-together-cardreactions-inner"},L.default.createElement(J,null,L.default.createElement(en,{style:{marginRight:"25px"},size:"p3","data-event-category":_,"data-event-action":u?"Like Comment Click":"Like Post Click","data-event-label":N,onClick:function(){g&&g()}},L.default.createElement(nn,{src:P?p?"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.4709 4.0535C14.1978 4.22856 12.9226 4.8312 12 5.80891C11.0774 4.8312 9.8022 4.22856 8.52915 4.0535C6.91335 3.83131 5.1499 4.28425 4.05884 5.73088C2.64706 7.60276 2.64705 10.254 4.05884 12.1258L8.75286 18.3496C10.4125 20.5501 13.5875 20.5501 15.2471 18.3496L19.9412 12.1258C21.3529 10.254 21.3529 7.60276 19.9412 5.73088C18.8501 4.28425 17.0867 3.83131 15.4709 4.0535Z' fill='%23E85388'/%3e %3c/svg%3e":"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M3.98389 11.6106L9.11798 18.5107C10.5955 20.4964 13.4045 20.4964 14.882 18.5107L20.0161 11.6106C21.328 9.84746 21.328 7.34218 20.0161 5.57906C18.0957 2.9981 13.6571 3.76465 12 6.54855C10.3429 3.76465 5.90428 2.9981 3.9839 5.57906C2.67204 7.34218 2.67203 9.84746 3.98389 11.6106Z' stroke='%233E3F58' stroke-width='1.3' stroke-linecap='round'/%3e %3c/svg%3e":p?"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23FF5331' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.8757 5.41452C19.4289 4.96607 18.8984 4.61034 18.3145 4.36763C17.7307 4.12492 17.1048 4 16.4728 4C15.8408 4 15.215 4.12492 14.6311 4.36763C14.0472 4.61034 13.5167 4.96607 13.0699 5.41452L12.1426 6.34476L11.2154 5.41452C10.3128 4.50912 9.08878 4.00047 7.81244 4.00047C6.5361 4.00047 5.31204 4.50912 4.40953 5.41452C3.50702 6.31992 3 7.5479 3 8.82833C3 10.1088 3.50702 11.3367 4.40953 12.2421L5.3368 13.1724L12.1426 20L18.9484 13.1724L19.8757 12.2421C20.3227 11.7939 20.6773 11.2617 20.9193 10.676C21.1612 10.0902 21.2857 9.46237 21.2857 8.82833C21.2857 8.19428 21.1612 7.56645 20.9193 6.9807C20.6773 6.39494 20.3227 5.86275 19.8757 5.41452V5.41452Z' stroke='%23FF5331' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e":"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='M19.8757 5.41452C19.4289 4.96607 18.8984 4.61034 18.3145 4.36763C17.7307 4.12492 17.1048 4 16.4728 4C15.8408 4 15.215 4.12492 14.6311 4.36763C14.0472 4.61034 13.5167 4.96607 13.0699 5.41452L12.1426 6.34476L11.2154 5.41452C10.3128 4.50912 9.08878 4.00047 7.81244 4.00047C6.5361 4.00047 5.31204 4.50912 4.40953 5.41452C3.50702 6.31992 3 7.5479 3 8.82833C3 10.1088 3.50702 11.3367 4.40953 12.2421L5.3368 13.1724L12.1426 20L18.9484 13.1724L19.8757 12.2421C20.3227 11.7939 20.6773 11.2617 20.9193 10.676C21.1612 10.0902 21.2857 9.46237 21.2857 8.82833C21.2857 8.19428 21.1612 7.56645 20.9193 6.9807C20.6773 6.39494 20.3227 5.86275 19.8757 5.41452V5.41452Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"}),E&&L.default.createElement(tn,null,l)),C&&L.default.createElement(en,{size:"p3",onClick:function(){f&&f()},"data-event-category":_,"data-event-action":"Share Icon Click","data-event-label":N},L.default.createElement(nn,{src:P?"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 8L19 8C20.1046 8 21 8.89543 21 10L21 15.155C21 17.3585 19.4253 19.2551 17.2391 19.6848C15.1006 20.1051 8.89937 20.1051 6.76089 19.6848C4.57467 19.2551 3 17.3585 3 15.155L3 10C3 8.89543 3.89543 8 5 8L6 8' stroke='%233E3F58' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath d='M12 13L12 3M12 3L9.5 5.5M12 3L14.5 5.5' stroke='%23363853' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3e %3c/svg%3e":"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e %3cpath fill='%23595959' d='M19 3c-1.652 0-3 1.348-3 3 0 .46.113.895.3 1.285L12.587 11h-4.77A2.999 2.999 0 005 9c-1.652 0-3 1.348-3 3s1.348 3 3 3c1.3 0 2.402-.84 2.816-2h4.77l3.715 3.715c-.188.39-.301.824-.301 1.285 0 1.652 1.348 3 3 3s3-1.348 3-3-1.348-3-3-3c-.46 0-.895.113-1.285.3l-3.3-3.3 3.3-3.3c.39.187.824.3 1.285.3 1.652 0 3-1.348 3-3s-1.348-3-3-3z' %3e%3c/path%3e%3c/svg%3e"}))),!x&&L.default.createElement(en,{size:"p3","data-event-category":_,"data-event-action":u?"Reply Comment Click":"Comment Text Click","data-event-label":N,onClick:function(n){n.preventDefault(),n.stopPropagation(),m&&m()}},L.default.createElement(nn,{src:u?"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.66667 5.99998V3.33331L2 7.99998L6.66667 12.6666V9.93331C10 9.93331 12.3333 11 14 13.3333C13.3333 9.99998 11.3333 6.66665 6.66667 5.99998Z' fill='%23737373'/%3e%3c/svg%3e":P?"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.69628 9.05793H14.7279M8.69628 12.5141H12.5346M13.1107 18.9268H14.1721C17.0589 18.9268 19.5701 16.8499 20.2476 13.9021C20.5841 12.4382 20.5841 10.9113 20.2476 9.44741L20.1588 9.06088C19.5057 6.21958 17.377 4.01204 14.6641 3.36264L14.283 3.27141C12.7712 2.90953 11.2013 2.90953 9.68953 3.27141L9.46648 3.32481C6.65677 3.99738 4.45212 6.28371 3.77571 9.22642C3.40585 10.8355 3.40923 12.5287 3.77909 14.1378C4.46607 17.1265 6.48688 19.6138 9.19777 20.7728L9.31593 20.8233C10.489 21.3249 11.8329 20.7208 12.3142 19.4902C12.4467 19.1515 12.7622 18.9268 13.1107 18.9268Z' stroke='%233E3F58' stroke-width='1.3' stroke-linecap='round'/%3e %3c/svg%3e":"data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.75 7.25C5.75 7.66421 5.41421 8 5 8C4.58579 8 4.25 7.66421 4.25 7.25C4.25 6.83579 4.58579 6.5 5 6.5C5.41421 6.5 5.75 6.83579 5.75 7.25Z' fill='%23595959'/%3e%3cpath d='M8 8C8.41421 8 8.75 7.66421 8.75 7.25C8.75 6.83579 8.41421 6.5 8 6.5C7.58579 6.5 7.25 6.83579 7.25 7.25C7.25 7.66421 7.58579 8 8 8Z' fill='%23595959'/%3e%3cpath d='M11 8C11.4142 8 11.75 7.66421 11.75 7.25C11.75 6.83579 11.4142 6.5 11 6.5C10.5858 6.5 10.25 6.83579 10.25 7.25C10.25 7.66421 10.5858 8 11 8Z' fill='%23595959'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0.5C3.91146 0.5 0.5 3.48052 0.5 7.25C0.5 11.0195 3.91146 14 8 14C8.16853 14 8.32853 13.978 8.48871 13.956C8.57523 13.9442 8.66195 13.9323 8.75 13.9238V15.6343C8.75 15.9308 9.07785 16.1101 9.32744 15.95L9.90576 15.5791C11.5274 14.5383 15.0388 11.8366 15.4575 7.95898C15.4841 7.72831 15.5 7.49206 15.5 7.25C15.5 3.48052 12.0885 0.5 8 0.5ZM8 2C11.368 2 14 4.39248 14 7.25C14 7.43045 13.9888 7.61047 13.9678 7.79199V7.79492L13.9663 7.79785C13.7071 10.1983 11.7856 12.0836 10.25 13.313V13.0953C10.25 12.6218 9.81621 12.2669 9.35205 12.3608C8.91281 12.4495 8.46149 12.5 8 12.5C4.63204 12.5 2 10.1075 2 7.25C2 4.39248 4.63204 2 8 2Z' fill='%23595959'/%3e%3c/svg%3e"}),u?F("cardReactions.reply"):L.default.createElement(tn,null,F("post.commentCount",{count:s})))))},cn=z.default.div(an||(an=i.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  padding: 0.5rem 0;\n  cursor: grab;\n  overflow-x: auto;\n  .tag-link-item {\n    position: relative;\n    white-space: nowrap;\n    padding: 5px 12px;\n    border: 1px solid #e4e8ec;\n    background: white;\n    border-radius: 2rem;\n    cursor: pointer;\n    -webkit-user-drag: none;\n    user-select: none;\n\n    * {\n      pointer-events: none;\n    }\n  }\n  .tag-link-item:not(:first-child) {\n    margin-left: 0.5rem;\n  }\n\n  ::-webkit-scrollbar {\n    width: 0;\n  }\n  &.sliding {\n    cursor: grabbing;\n    user-select: none;\n    a {\n      pointer-events: none;\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  padding: 0.5rem 0;\n  cursor: grab;\n  overflow-x: auto;\n  .tag-link-item {\n    position: relative;\n    white-space: nowrap;\n    padding: 5px 12px;\n    border: 1px solid #e4e8ec;\n    background: white;\n    border-radius: 2rem;\n    cursor: pointer;\n    -webkit-user-drag: none;\n    user-select: none;\n\n    * {\n      pointer-events: none;\n    }\n  }\n  .tag-link-item:not(:first-child) {\n    margin-left: 0.5rem;\n  }\n\n  ::-webkit-scrollbar {\n    width: 0;\n  }\n  &.sliding {\n    cursor: grabbing;\n    user-select: none;\n    a {\n      pointer-events: none;\n    }\n  }\n"]))),pn=function(a){var o=a.topics,r=a.onClick,l=a.className,d=a.style,s=a.trackingCategory,c=void 0===s?"Together":s,p=a.locale,u=i.__rest(a,["topics","onClick","className","style","trackingCategory","locale"]),m=function(){var e=n.useState(!1),t=e[0],i=e[1],a=n.useRef(null),o=n.useRef(null),r=n.useRef();return{sliding:t,mouseDownHandler:function(n){if(a.current){r.current=setTimeout((function(){i(!0)}),500),o.current={left:a.current.scrollLeft,x:n.clientX};var e=function(n){var e=o.current;if(e){var t=n.clientX-e.x;a.current&&(a.current.scrollLeft=e.left-t)}},t=function(){r.current&&(clearTimeout(r.current),r.current=void 0),i(!1),document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",t)};document.addEventListener("mousemove",e),document.addEventListener("mouseup",t)}},sliderRef:a,pos:o}}(),g=m.sliding,f=m.mouseDownHandler,h=m.sliderRef,v=n.useContext(t.TogetherComponentGlobalContext),x=v.data.env.togetherBasePath,b=v.action.sanitizeFunction;return L.default.createElement(cn,i.__assign({ref:h,onClick:r,onMouseDown:function(n){return f(n)},className:"".concat(l," ").concat(g?"sliding":""),style:d},u),o.map((function(n,i){return L.default.createElement("a",{className:"tag-link-item",key:i,"data-event-category":c,"data-event-action":"Topic in Post Click","data-event-label":"".concat(t.getCurrentBaseUrl(p)).concat(x).concat(n.url),href:n.isActive&&!n.isHidden?"".concat(x).concat(n.url):void 0},L.default.createElement(e.Text,{size:"p3"},L.default.createElement("span",{dangerouslySetInnerHTML:{__html:(null==b?void 0:b(n.name))||n.name}})))})))},un=z.default.div(on||(on=i.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px;\n  cursor: pointer;\n  &[data-color='gray'] {\n    background: ",";\n  }\n  &[data-color='white'] {\n    border-bottom: 1px solid #e4e8ec;\n    background: ",";\n  }\n\n  .popover-menu__btn {\n    display: flex;\n    min-width: 2rem;\n    height: 2rem;\n    align-items: center;\n    padding: 8px 0 !important;\n    border: none;\n    margin-left: 0.5rem;\n    background: transparent;\n    > span {\n      display: flex;\n      align-items: center;\n    }\n\n    &:hover {\n      background: transparent !important;\n    }\n  }\n\n  &.label-pinned {\n    border-radius: 6px 6px 0 0;\n    .label-sort-pin-icon {\n      width: 16px;\n      height: 16px;\n      vertical-align: middle;\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    padding: 0.75rem 1rem;\n    border-radius: 16px 16px 0px 0px;\n    &[data-color='white'] {\n      border-bottom: none;\n    }\n    &[data-color='gray'] {\n      background: #f3f3f3;\n    }\n    .popover-menu__btn {\n      width: unset;\n    }\n\n    &.label-pinned {\n      border-bottom: none;\n      background: #fff9eb;\n      border-radius: 1rem 1rem 0 0;\n      .label-sort-pin-icon {\n        margin-right: 8px;\n      }\n      .label-sort-pin-heading {\n        color: #fb8c00;\n      }\n    }\n    &.label-sorting {\n      "," {\n        padding-bottom: 1.5rem;\n        margin-bottom: -0.75rem;\n      }\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px;\n  cursor: pointer;\n  &[data-color='gray'] {\n    background: ",";\n  }\n  &[data-color='white'] {\n    border-bottom: 1px solid #e4e8ec;\n    background: ",";\n  }\n\n  .popover-menu__btn {\n    display: flex;\n    min-width: 2rem;\n    height: 2rem;\n    align-items: center;\n    padding: 8px 0 !important;\n    border: none;\n    margin-left: 0.5rem;\n    background: transparent;\n    > span {\n      display: flex;\n      align-items: center;\n    }\n\n    &:hover {\n      background: transparent !important;\n    }\n  }\n\n  &.label-pinned {\n    border-radius: 6px 6px 0 0;\n    .label-sort-pin-icon {\n      width: 16px;\n      height: 16px;\n      vertical-align: middle;\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    padding: 0.75rem 1rem;\n    border-radius: 16px 16px 0px 0px;\n    &[data-color='white'] {\n      border-bottom: none;\n    }\n    &[data-color='gray'] {\n      background: #f3f3f3;\n    }\n    .popover-menu__btn {\n      width: unset;\n    }\n\n    &.label-pinned {\n      border-bottom: none;\n      background: #fff9eb;\n      border-radius: 1rem 1rem 0 0;\n      .label-sort-pin-icon {\n        margin-right: 8px;\n      }\n      .label-sort-pin-heading {\n        color: #fb8c00;\n      }\n    }\n    &.label-sorting {\n      "," {\n        padding-bottom: 1.5rem;\n        margin-bottom: -0.75rem;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white}),h.MediaQueries.tdUp),mn=function(i){var a=i.label,o=i.rightLabel,r=i.onClick,l=i.color,d=i.className,s=i.style,c=n.useContext(t.TogetherComponentGlobalContext).data.env.isMarryBaby;return L.default.createElement(un,{"data-is-marrybaby":c,"data-color":l,onClick:r,className:d,style:s},L.default.createElement(e.Text,{className:"label-sort-pin-heading",size:c?"p4":"p3",type:"bold"},a),o)},gn=function(e){var i=e.onClick;e.color;var a=e.className,o=e.style,l=n.useContext(t.TogetherComponentGlobalContext).data.env.isMarryBaby,d=r.useTranslations().t;return L.default.createElement(mn,{label:L.default.createElement(L.default.Fragment,null,l&&L.default.createElement("img",{className:"label-sort-pin-icon",src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M3.5 19.9999L7.87 15.6299' stroke='%23FB8C00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.95634 11.294C4.56534 11.685 4.56534 12.318 4.95634 12.708L7.87434 15.626L10.7923 18.544C11.1833 18.935 11.8163 18.935 12.2063 18.544L13.3813 17.369C13.5693 17.181 13.6743 16.927 13.6743 16.662V12.726L16.5743 9.82597L18.8833 9.94897C19.1663 9.96397 19.4433 9.85797 19.6433 9.65797L20.2173 9.08397C20.6083 8.69297 20.6083 8.05997 20.2173 7.66997L15.8313 3.28397C15.4403 2.89297 14.8073 2.89297 14.4173 3.28397L13.8433 3.85797C13.6423 4.05897 13.5363 4.33497 13.5523 4.61797L13.6753 6.92697L10.7753 9.82697H6.83834C6.57334 9.82697 6.31834 9.93197 6.13134 10.12L4.95634 11.294V11.294Z' stroke='%23FB8C00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath d='M16.5699 9.83018L13.6699 6.93018' stroke='%23FB8C00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3c/svg%3e"})," ",d("label.pinnedPost")),rightLabel:!l&&L.default.createElement("img",{className:"label-sort-pin-icon",src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='7.18605' y1='7.68219' x2='3.68219' y2='13.8139' stroke='%23FEA21E' stroke-linecap='round'/%3e%3cpath d='M3.24591 7.78426C3.21275 7.84168 3.20376 7.90993 3.22092 7.97398C3.23808 8.03803 3.27998 8.09264 3.3374 8.12579L8.78429 11.2706C8.90385 11.3396 9.05674 11.2986 9.12578 11.1791C9.71191 10.1641 9.71348 8.97262 9.23682 7.99339L10.8583 5.18521C11.5115 5.00603 12.0982 4.57973 12.4638 3.94629C12.5328 3.82672 12.4919 3.67383 12.3723 3.6048L8.18237 1.18584C8.12494 1.15268 8.0567 1.1437 7.99265 1.16086C7.92861 1.17803 7.874 1.21993 7.84086 1.27736C7.47521 1.91077 7.39934 2.63194 7.57065 3.28723L5.94919 6.09545C4.86323 6.1723 3.83201 6.76934 3.24591 7.78426Z' fill='%23FEA21E' stroke='%23FEA21E' stroke-width='0.5' stroke-linejoin='round'/%3e%3c/svg%3e"}),onClick:i,color:"white",className:"label-pinned ".concat(a),style:o})},fn=z.default.div(rn||(rn=i.__makeTemplateObject(["\n  position: relative;\n  display: content;\n\n  .popover-menu__btn {\n    /* position: relative; */\n    > span {\n      width: 100%;\n      height: 100%;\n      > img {\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n\n  .popover-menu__content {\n    position: absolute;\n    z-index: 10;\n    width: 320px;\n    padding: 8px;\n    border: none;\n    background: #fff;\n    border-radius: 8px;\n    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);\n\n    &::before {\n      position: absolute;\n      width: 16px;\n      height: 8px;\n      background: #fff;\n      content: '';\n    }\n\n    &.--position {\n      &-top {\n        bottom: calc(100% + 8px);\n\n        &.--align {\n          &-start {\n            left: 0;\n\n            &::before {\n              top: 100%;\n              left: 16px;\n              clip-path: polygon(0 0, 50% 100%, 100% 0);\n            }\n          }\n\n          &-end {\n            left: 100%;\n            transform: translateX(calc(-100% + 1rem));\n\n            &::before {\n              top: 100%;\n              right: 16px;\n              clip-path: polygon(0 0, 50% 100%, 100% 0);\n            }\n          }\n        }\n      }\n\n      &-right {\n        left: calc(100% + 8px);\n\n        &.--align {\n          &-start {\n            top: 0;\n\n            &::before {\n              top: 16px;\n              left: 0;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 50%, 100% 0%, 100% 100%);\n              transform: translateX(-100%);\n            }\n          }\n\n          &-end {\n            top: 100%;\n            transform: translateX(calc(-100% + 1rem));\n\n            &::before {\n              bottom: 16px;\n              left: 0;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 50%, 100% 0%, 100% 100%);\n              transform: translateX(-100%);\n            }\n          }\n        }\n      }\n\n      &-bottom {\n        top: calc(100% + 8px);\n\n        &.--align {\n          &-start {\n            left: 0;\n\n            &::before {\n              bottom: 100%;\n              left: 16px;\n              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n            }\n          }\n\n          &-end {\n            left: 100%;\n            transform: translateX(calc(-100% + 1rem));\n\n            &::before {\n              right: 16px;\n              bottom: 100%;\n              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n            }\n          }\n        }\n      }\n\n      &-left {\n        left: -8px;\n        transform: translateX(-100%);\n\n        &.--align {\n          &-start {\n            top: 0;\n\n            &::before {\n              top: 16px;\n              left: 100%;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 0%, 100% 50%, 0% 100%);\n              transform: translateX(0);\n            }\n          }\n\n          &-end {\n            bottom: 0;\n\n            &::before {\n              bottom: 16px;\n              left: 100%;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 0%, 100% 50%, 0% 100%);\n              transform: translateX(0);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    .popover-menu__content {\n      padding: 0;\n      border-radius: 12px;\n      /* &::before {\n        display: none;\n      } */\n    }\n  }\n"],["\n  position: relative;\n  display: content;\n\n  .popover-menu__btn {\n    /* position: relative; */\n    > span {\n      width: 100%;\n      height: 100%;\n      > img {\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n\n  .popover-menu__content {\n    position: absolute;\n    z-index: 10;\n    width: 320px;\n    padding: 8px;\n    border: none;\n    background: #fff;\n    border-radius: 8px;\n    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);\n\n    &::before {\n      position: absolute;\n      width: 16px;\n      height: 8px;\n      background: #fff;\n      content: '';\n    }\n\n    &.--position {\n      &-top {\n        bottom: calc(100% + 8px);\n\n        &.--align {\n          &-start {\n            left: 0;\n\n            &::before {\n              top: 100%;\n              left: 16px;\n              clip-path: polygon(0 0, 50% 100%, 100% 0);\n            }\n          }\n\n          &-end {\n            left: 100%;\n            transform: translateX(calc(-100% + 1rem));\n\n            &::before {\n              top: 100%;\n              right: 16px;\n              clip-path: polygon(0 0, 50% 100%, 100% 0);\n            }\n          }\n        }\n      }\n\n      &-right {\n        left: calc(100% + 8px);\n\n        &.--align {\n          &-start {\n            top: 0;\n\n            &::before {\n              top: 16px;\n              left: 0;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 50%, 100% 0%, 100% 100%);\n              transform: translateX(-100%);\n            }\n          }\n\n          &-end {\n            top: 100%;\n            transform: translateX(calc(-100% + 1rem));\n\n            &::before {\n              bottom: 16px;\n              left: 0;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 50%, 100% 0%, 100% 100%);\n              transform: translateX(-100%);\n            }\n          }\n        }\n      }\n\n      &-bottom {\n        top: calc(100% + 8px);\n\n        &.--align {\n          &-start {\n            left: 0;\n\n            &::before {\n              bottom: 100%;\n              left: 16px;\n              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n            }\n          }\n\n          &-end {\n            left: 100%;\n            transform: translateX(calc(-100% + 1rem));\n\n            &::before {\n              right: 16px;\n              bottom: 100%;\n              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n            }\n          }\n        }\n      }\n\n      &-left {\n        left: -8px;\n        transform: translateX(-100%);\n\n        &.--align {\n          &-start {\n            top: 0;\n\n            &::before {\n              top: 16px;\n              left: 100%;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 0%, 100% 50%, 0% 100%);\n              transform: translateX(0);\n            }\n          }\n\n          &-end {\n            bottom: 0;\n\n            &::before {\n              bottom: 16px;\n              left: 100%;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 0%, 100% 50%, 0% 100%);\n              transform: translateX(0);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    .popover-menu__content {\n      padding: 0;\n      border-radius: 12px;\n      /* &::before {\n        display: none;\n      } */\n    }\n  }\n"]))),hn=z.default.div(ln||(ln=i.__makeTemplateObject(["\n  display: flex;\n  /* max-height: 300px; */\n  flex-direction: column;\n  cursor: default;\n\n  .__header {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1rem 0;\n    margin-bottom: 8px;\n\n    .__back-btn {\n      position: absolute;\n      top: 50%;\n      left: 8px;\n      width: 16px;\n      height: 16px;\n      cursor: pointer;\n      transform: translateY(-50%);\n    }\n  }\n\n  .tree-text-description {\n    padding-right: 8px;\n    padding-left: 8px;\n    margin-top: -8px;\n    margin-bottom: 8px;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 22px;\n    text-align: left;\n  }\n\n  .__content {\n    overflow: auto;\n    flex: 1;\n  }\n\n  .__list {\n    .__item {\n      position: relative;\n      &.bold-item {\n        font-weight: 700;\n      }\n      &:last-child {\n        .__btn {\n          margin-bottom: 0;\n        }\n      }\n\n      .__btn {\n        position: relative;\n        display: flex;\n        width: 100%;\n        height: 40px;\n        align-items: center;\n        padding: 0 1rem;\n        border: none;\n        margin-bottom: 8px;\n        color: ",";\n        cursor: pointer;\n        text-align: left;\n        transition: background 0.3s;\n\n        /* for better gtm tracking result  */\n        * {\n          pointer-events: none;\n        }\n        &.--checked {\n          color: ",";\n          pointer-events: none;\n        }\n\n        &:hover {\n          background: ",";\n        }\n\n        .__icon {\n          width: 16px;\n          height: 16px;\n          margin-right: 0.4rem;\n        }\n\n        & > span {\n          position: relative;\n\n          & > img {\n            width: 16px;\n            height: 16px;\n            margin-right: 0.4rem;\n          }\n        }\n      }\n\n      .__toggle {\n        position: absolute;\n        top: 50%;\n        right: 16px;\n        width: 16px;\n        height: 16px;\n        pointer-events: none;\n        transform: translateY(-50%);\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .__header {\n      padding: 1rem;\n    }\n    .tree-text-description {\n      padding: 0 1rem;\n    }\n    .__list {\n      .__item {\n        &:first-child {\n          .__btn {\n            border-top-left-radius: 12px;\n            border-top-right-radius: 12px;\n          }\n        }\n        &:last-child {\n          .__btn {\n            border-bottom-left-radius: 12px;\n            border-bottom-right-radius: 12px;\n          }\n        }\n        .__btn {\n          height: unset;\n          padding: 1rem;\n          margin-bottom: 0;\n          &:hover {\n            background: ",";\n          }\n        }\n      }\n    }\n  }\n"],["\n  display: flex;\n  /* max-height: 300px; */\n  flex-direction: column;\n  cursor: default;\n\n  .__header {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1rem 0;\n    margin-bottom: 8px;\n\n    .__back-btn {\n      position: absolute;\n      top: 50%;\n      left: 8px;\n      width: 16px;\n      height: 16px;\n      cursor: pointer;\n      transform: translateY(-50%);\n    }\n  }\n\n  .tree-text-description {\n    padding-right: 8px;\n    padding-left: 8px;\n    margin-top: -8px;\n    margin-bottom: 8px;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 22px;\n    text-align: left;\n  }\n\n  .__content {\n    overflow: auto;\n    flex: 1;\n  }\n\n  .__list {\n    .__item {\n      position: relative;\n      &.bold-item {\n        font-weight: 700;\n      }\n      &:last-child {\n        .__btn {\n          margin-bottom: 0;\n        }\n      }\n\n      .__btn {\n        position: relative;\n        display: flex;\n        width: 100%;\n        height: 40px;\n        align-items: center;\n        padding: 0 1rem;\n        border: none;\n        margin-bottom: 8px;\n        color: ",";\n        cursor: pointer;\n        text-align: left;\n        transition: background 0.3s;\n\n        /* for better gtm tracking result  */\n        * {\n          pointer-events: none;\n        }\n        &.--checked {\n          color: ",";\n          pointer-events: none;\n        }\n\n        &:hover {\n          background: ",";\n        }\n\n        .__icon {\n          width: 16px;\n          height: 16px;\n          margin-right: 0.4rem;\n        }\n\n        & > span {\n          position: relative;\n\n          & > img {\n            width: 16px;\n            height: 16px;\n            margin-right: 0.4rem;\n          }\n        }\n      }\n\n      .__toggle {\n        position: absolute;\n        top: 50%;\n        right: 16px;\n        width: 16px;\n        height: 16px;\n        pointer-events: none;\n        transform: translateY(-50%);\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .__header {\n      padding: 1rem;\n    }\n    .tree-text-description {\n      padding: 0 1rem;\n    }\n    .__list {\n      .__item {\n        &:first-child {\n          .__btn {\n            border-top-left-radius: 12px;\n            border-top-right-radius: 12px;\n          }\n        }\n        &:last-child {\n          .__btn {\n            border-bottom-left-radius: 12px;\n            border-bottom-right-radius: 12px;\n          }\n        }\n        .__btn {\n          height: unset;\n          padding: 1rem;\n          margin-bottom: 0;\n          &:hover {\n            background: ",";\n          }\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.mbColors.lightPink})),vn=function(e){var o=e.className,r=e.style,l=e.toggleButtonContent,d=e.position,s=void 0===d?"bottom":d,c=e.align,p=void 0===c?"end":c,u=e.children,m=e.buttonProps,g=n.useContext(t.TogetherComponentGlobalContext).data.env.isMarryBaby,f=n.useState(!1),h=f[0],v=f[1],x=n.useRef(null),b=n.useRef(h);return n.useEffect((function(){var n;b.current=h,h&&(null===(n=x.current)||void 0===n||n.focus())}),[h]),n.useEffect((function(){var n=function(n){var e;!(null===(e=x.current)||void 0===e?void 0:e.contains(n.target))&&b.current&&v(!1)};return window.addEventListener("click",n),function(){window.removeEventListener("click",n)}}),[]),L.default.createElement(fn,{"data-is-marrybaby":g,className:o,style:r},L.default.createElement(a.Button,i.__assign({theme:g?"marryBaby":"helloSites",className:"popover-menu__btn",size:"md",color:"transparent",onClick:function(){return v((function(n){return!n}))}},m),l),h?L.default.createElement("div",{ref:x,className:"popover-menu__content --position-".concat(s," --align-").concat(p),tabIndex:0,onClick:function(n){return n.stopPropagation()}},"function"==typeof u?u({setShow:v}):u):null)},xn=function(n){var e=n.data,t=i.__rest(n,["data"]);return L.default.createElement(vn,i.__assign({},t),(function(n){var t=n.setShow;return L.default.createElement(bn,{data:e,setShow:t})}))},bn=function(t){var i,a=t.data,o=t.setShow,r=n.useState(""),l=r[0],s=r[1],c=n.useMemo((function(){return a&&function(n,e){var t=e.split("."),i=n;return t.forEach((function(n){var e,t;n&&i&&"list"===(null==i?void 0:i.type)&&(i=null===(t=null===(e=null==i?void 0:i.list)||void 0===e?void 0:e[Number(n)])||void 0===t?void 0:t.subTree)})),i}(a,l)}),[a,l]);if(!a)return null;if(!c)return null;return L.default.createElement(hn,null,c.isShowheader?L.default.createElement("div",{className:"__header"},l?L.default.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:function(){return s((function(n){return n.split(".").slice(0,-1).join(".")}))}}):null,c.title?L.default.createElement(m.Heading,{className:"__title",tag:"h6"},c.title):null):null,c.description?L.default.createElement(e.Text,{className:"tree-text-description",color:d.theme.colors.gray600,size:"p3",type:"regular"},c.description):null,L.default.createElement("div",{className:"__content"},"jsx"===c.type?null===(i=null==c?void 0:c.jsxRenderer)||void 0===i?void 0:i.call(c,o):null,"list"===c.type?L.default.createElement("ul",{className:"__list"},Array.isArray(c.list)?c.list.map((function(n,e){return L.default.createElement("li",{key:e,style:n.style,className:"__item ".concat(n.className)}," ",L.default.createElement("div",{className:"__btn ".concat(n.selected?"--checked":""),onClick:function(){return function(n,e){var t=e.subTree,i=e.onClick,a=void 0===i?function(){return null}:i;a&&a(),t?s((function(e){return e.split(".").concat(String(n)).join(".")})):o&&o(!1)}(e,n)},"data-event-category":n.dataEventCategory,"data-event-action":n.dataEventAction,"data-event-label":n.dataEventLabel},n.icon&&L.default.createElement("img",{className:"__icon",src:n.icon}),L.default.createElement("span",null,n.label)),n.subTree?L.default.createElement("img",{className:"__toggle",src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 12L10 8L6 4' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"}):null,n.selected?L.default.createElement("img",{className:"__toggle",src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3334 4L6.00002 11.3333L2.66669 8' stroke='%238C8C8C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"}):null)})):null):null))};!function(n){n.latest="latest",n.oldest="oldest",n.popular="popular"}(dn||(dn={}));var wn=z.default.div(yn||(yn=i.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  a {\n    text-decoration: none;\n  }\n  .button-more {\n    display: flex;\n    width: 20px;\n    height: 20px;\n    align-items: center;\n    justify-content: center;\n    .button-more-icon {\n      height: 13px;\n      vertical-align: middle;\n    }\n  }\n  .temp-avatar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-weight: bold;\n  }\n\n  .author-info {\n    flex: 1;\n    margin-left: 0.5rem;\n    .author-info-top {\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n    }\n    .author-info-text-wrapper {\n      display: flex;\n      min-width: 0px;\n      flex: 1 1 0%;\n      align-items: center;\n    }\n    .author-name {\n      overflow: hidden;\n      font-weight: 600;\n      font-size: 14px;\n      line-height: 22px;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .author-time {\n      flex-shrink: 0;\n    }\n  }\n  .author-community {\n    .text-container {\n      color: ",";\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 18px;\n      .time-text {\n        font-size: 12px;\n        font-weight: normal;\n      }\n      a {\n        color: inherit;\n      }\n    }\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-is-booking='true'] {\n    display: grid;\n    background-color: ",";\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    align-items: unset;\n    .author-info \n      "," {\n        margin-left: 0.5rem;\n      }\n      .author-info-text-wrapper {\n        flex-wrap: wrap;\n      }\n      .author-time {\n        margin-left: 0.4rem;\n        font-size: 14px;\n      }\n    }\n    .author-community {\n      .text-container {\n        font-size: 12px;\n        line-height: 20px;\n      }\n      .author-community-name {\n        color: ",";\n        font-weight: 500;\n      }\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  a {\n    text-decoration: none;\n  }\n  .button-more {\n    display: flex;\n    width: 20px;\n    height: 20px;\n    align-items: center;\n    justify-content: center;\n    .button-more-icon {\n      height: 13px;\n      vertical-align: middle;\n    }\n  }\n  .temp-avatar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-weight: bold;\n  }\n\n  .author-info {\n    flex: 1;\n    margin-left: 0.5rem;\n    .author-info-top {\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n    }\n    .author-info-text-wrapper {\n      display: flex;\n      min-width: 0px;\n      flex: 1 1 0%;\n      align-items: center;\n    }\n    .author-name {\n      overflow: hidden;\n      font-weight: 600;\n      font-size: 14px;\n      line-height: 22px;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .author-time {\n      flex-shrink: 0;\n    }\n  }\n  .author-community {\n    .text-container {\n      color: ",";\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 18px;\n      .time-text {\n        font-size: 12px;\n        font-weight: normal;\n      }\n      a {\n        color: inherit;\n      }\n    }\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-is-booking='true'] {\n    display: grid;\n    background-color: ",";\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    align-items: unset;\n    .author-info \n      "," {\n        margin-left: 0.5rem;\n      }\n      .author-info-text-wrapper {\n        flex-wrap: wrap;\n      }\n      .author-time {\n        margin-left: 0.4rem;\n        font-size: 14px;\n      }\n    }\n    .author-community {\n      .text-container {\n        font-size: 12px;\n        line-height: 20px;\n      }\n      .author-community-name {\n        color: ",";\n        font-weight: 500;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.blue50}),h.MediaQueries.mbDown,(function(n){return n.theme.mbColors.cobalt}));z.default.img(Cn||(Cn=i.__makeTemplateObject(["\n  width: 20px;\n  height: 20px;\n  margin-left: 0.5rem;\n  cursor: pointer;\n  object-fit: contain;\n"],["\n  width: 20px;\n  height: 20px;\n  margin-left: 0.5rem;\n  cursor: pointer;\n  object-fit: contain;\n"])));var yn,Cn,kn,En=z.default.div(kn||(kn=i.__makeTemplateObject(["\n  position: relative;\n  .mini-icon {\n    position: absolute;\n    right: 1.2px;\n    bottom: 1.2px;\n  }\n"],["\n  position: relative;\n  .mini-icon {\n    position: absolute;\n    right: 1.2px;\n    bottom: 1.2px;\n  }\n"]))),An=function(e){var t=e.fallbackSrc,a=void 0===t?g.CommonGAssets.getAssetPath("avatar.jpg"):t,o=i.__rest(e,["fallbackSrc"]),r=n.useRef(null),l=o.src||a||"",d=n.useRef(!1);n.useEffect((function(){l!==a&&r.current&&(r.current.src=l)}),[]),n.useEffect((function(){d.current=!1}),[l]);return L.default.createElement("img",i.__assign({ref:r},o,{src:l,onError:function(n){var e;d.current||(n.currentTarget.src=a||"",d.current=!0),null===(e=o.onError)||void 0===e||e.call(o,n)}}))},_n="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",Tn="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",Nn=z.default.div(jn||(jn=i.__makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),h.MediaQueries.tdUp,h.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50})),Ln=z.default.div(Sn||(Sn=i.__makeTemplateObject(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),Mn=z.default.div(Pn||(Pn=i.__makeTemplateObject(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),zn=z.default.div(In||(In=i.__makeTemplateObject(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"])));z.default.span(Fn||(Fn=i.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),z.default.div(On||(On=i.__makeTemplateObject(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400})),z.default.div(Bn||(Bn=i.__makeTemplateObject(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"])));var jn,Sn,Pn,In,Fn,On,Bn,Vn,Un=z.default.ul(Vn||(Vn=i.__makeTemplateObject(["\n  padding-left: 18px;\n  li {\n    list-style-type: disc;\n  }\n"],["\n  padding-left: 18px;\n  li {\n    list-style-type: disc;\n  }\n"]))),Rn=function(o){var l,s,c,p=o.isOpen,u=void 0===p||p,m=o.onClose,f=o.enableAnimation,h=void 0===f||f,v=o.doctorId,x=o.locale,b=o.isMobile,w=o.overwriteProfileProps,y=o.avatarFallback,C=void 0===y?g.CommonGAssets.getAssetPath("avatar.jpg"):y,k=o.trackingCategory,E=void 0===k?"Together":k,A=r.useTranslations().t,_=n.useState(null),T=_[0],N=_[1],M=n.useState(!1),z=M[0],j=M[1];n.useEffect((function(){if(u&&v&&String(null==T?void 0:T.id)!==String(v)){j(!0);try{N(null),t.callApi(t.getCarePath(t.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:v,website_url:t.domainLocales[x]}),"get").then((function(n){N(i.__assign(i.__assign({},null==n?void 0:n._data.doctor),w))}))}catch(n){console.error(n)}j(!1)}}),[u,v,null==T?void 0:T.id]);var S=(null==T?void 0:T.experiences)||[],P=((null==T?void 0:T.specialties)||[]).map((function(n){return(null==n?void 0:n.name)||n})).join(" • "),I=S.map((function(n){try{return JSON.parse(n.description)}catch(e){return n.description}})).filter((function(n){return n.content}));return L.default.createElement(L.default.Fragment,null,L.default.createElement(Nn,{"data-open":u,"data-animation":h,onClick:function(n){return n.stopPropagation()}},z||!T?L.default.createElement(X,null):L.default.createElement("div",{className:"popup-content"},L.default.createElement("div",{className:"close-button",onClick:m},L.default.createElement("img",{src:_n,style:{width:20,height:20},alt:"close-icon"})),L.default.createElement("div",{className:"main-info"},L.default.createElement("div",{className:"border-banner"}),L.default.createElement("div",{className:"avatar-title"},L.default.createElement(Mn,null,L.default.createElement("div",{className:"image-container"},L.default.createElement("div",{style:{position:"relative"}},L.default.createElement(An,{src:null==T?void 0:T.avatar,fallbackSrc:C,className:"profile-image",alt:"avatar"}),L.default.createElement("img",{className:"badge-avatar",src:Tn,alt:"badge"})))),L.default.createElement(zn,null,L.default.createElement(e.Text,{size:"s3",type:"semiBold",className:"full-name"},null==T?void 0:T.name),L.default.createElement("div",{className:"specialty"},P&&L.default.createElement(L.default.Fragment,null,L.default.createElement(e.Text,{size:"p4",color:d.theme.colors.gray800},P," • ")),L.default.createElement("a",{href:t.getCareHospitalUrl({id:null===(l=null==T?void 0:T.organization)||void 0===l?void 0:l.id,name:null===(s=null==T?void 0:T.organization)||void 0===s?void 0:s.name,slug:null===(c=null==T?void 0:T.organization)||void 0===c?void 0:c.slug,locale:x}),className:"organisation",target:"_blank",rel:"noreferrer"},L.default.createElement(e.Text,{size:"p4",className:"organisation",color:d.theme.colors.gray800,style:{textDecoration:"underline"}},null==T?void 0:T.organization.name))))),!b&&L.default.createElement("div",{className:"btn-wrapper"},L.default.createElement("a",{href:t.getCareDoctorUrl({name:T.name,id:T.id,locale:x})},L.default.createElement(a.Button,{color:"primary",size:"md",className:"btn-booking"},A("careBooking.bookAnAppointment"))))),I&&L.default.createElement(zn,null,L.default.createElement("div",{className:"experience"},L.default.createElement(e.Text,{type:"bold",size:"s3",color:d.theme.colors.gray800,style:{paddingBottom:16}},A("expert.content.description").toUpperCase()),L.default.createElement(Un,null,I.map((function(n,t){return L.default.createElement("li",{key:t},L.default.createElement(e.Text,{size:"p2"},function(n){return(null==n?void 0:n.year)?"".concat(n.year," ").concat(null==n?void 0:n.content):(null==n?void 0:n.content)?n.content:"string"==typeof n?n:""}(n)))}))),b?L.default.createElement("div",{className:"btn-wrapper"},L.default.createElement("a",{href:t.getCareDoctorUrl({name:T.name,id:T.id,locale:x})},L.default.createElement(a.Button,{color:"primary",size:"md",className:"btn-booking"},A("careBooking.bookAnAppointment")))):L.default.createElement("a",{href:t.getCareDoctorUrl({name:T.name,id:T.id,locale:x})},L.default.createElement(e.Text,{size:"s4",color:"#2D87F3",style:{paddingTop:24},"data-event-category":E,"data-event-action":"See Full Doctor Profile","data-event-label":t.getCurrentBaseUrl(x)+t.getCareDoctorUrl({name:T.name,id:T.id,locale:x})},A("home.seeExpert"))))))),L.default.createElement(Ln,{"data-open":u,onClick:function(n){n.stopPropagation(),m()}}))},Dn=z.default.div(qn||(qn=i.__makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),h.MediaQueries.tdUp,h.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50})),Hn=z.default.div(Gn||(Gn=i.__makeTemplateObject(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),Zn=z.default.div(Qn||(Qn=i.__makeTemplateObject(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),Wn=z.default.div(Xn||(Xn=i.__makeTemplateObject(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"])));z.default.span(Kn||(Kn=i.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),z.default.div(Yn||(Yn=i.__makeTemplateObject(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400}));var qn,Gn,Qn,Xn,Kn,Yn,Jn,$n,ne,ee,te,ie,ae,oe,re=z.default.div(Jn||(Jn=i.__makeTemplateObject(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"]))),le={author:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%2345A4FF'/%3e%3cpath d='M23.9998 11.9995C23.9998 11.4024 23.9561 10.8154 23.8719 10.2417L18.7952 5.16504L5.04102 18.9585L9.89867 23.8162C10.5809 23.9366 11.283 23.9995 11.9998 23.9995C18.6272 23.9995 23.9998 18.6269 23.9998 11.9995Z' fill='%232D87F3'/%3e%3cpath d='M9.01377 17.824L5.04102 18.9591L6.17609 14.9863L8.54445 15.4556L9.01377 17.824Z' fill='white'/%3e%3cpath d='M8.54399 15.4561L5.04102 18.9591L9.01321 17.824L8.54399 15.4561Z' fill='%23F7F9FC'/%3e%3cpath d='M6.46714 18.5518L5.4485 17.5332L5.04102 18.9593L6.46714 18.5518Z' fill='%23E4E8EC'/%3e%3cpath d='M5.95747 18.043L5.04102 18.9595L6.46659 18.5521L5.95747 18.043Z' fill='%23D2D6DC'/%3e%3cpath d='M15.8281 5.33105L18.6654 8.16829L9.01365 17.82L6.17641 14.9828L15.8281 5.33105Z' fill='%23FFD658'/%3e%3cpath d='M7.59375 16.4043L17.2455 6.75259L18.6638 8.17094L9.0121 17.8226L7.59375 16.4043Z' fill='%23FFC326'/%3e%3cpath d='M18.3123 8.52499L15.4746 5.68737L16.5983 4.56359C17.0386 4.12334 17.7524 4.12334 18.1927 4.56359L19.436 5.8069C19.8763 6.24715 19.8763 6.96096 19.436 7.40121L18.3123 8.52499Z' fill='%23FF5331'/%3e%3cpath d='M18.8155 5.18555L16.8945 7.10648L18.3131 8.52497L19.4368 7.40119C19.877 6.96094 19.877 6.24713 19.4368 5.80688L18.8155 5.18555Z' fill='%23F44D2C'/%3e%3c/svg%3e",edtior:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%2345A4FF'/%3e%3cpath d='M23.9998 11.9995C23.9998 11.4024 23.9561 10.8154 23.8719 10.2417L18.7952 5.16504L5.04102 18.9585L9.89867 23.8162C10.5809 23.9366 11.283 23.9995 11.9998 23.9995C18.6272 23.9995 23.9998 18.6269 23.9998 11.9995Z' fill='%232D87F3'/%3e%3cpath d='M9.01377 17.824L5.04102 18.9591L6.17609 14.9863L8.54445 15.4556L9.01377 17.824Z' fill='white'/%3e%3cpath d='M8.54399 15.4561L5.04102 18.9591L9.01321 17.824L8.54399 15.4561Z' fill='%23F7F9FC'/%3e%3cpath d='M6.46714 18.5518L5.4485 17.5332L5.04102 18.9593L6.46714 18.5518Z' fill='%23E4E8EC'/%3e%3cpath d='M5.95747 18.043L5.04102 18.9595L6.46659 18.5521L5.95747 18.043Z' fill='%23D2D6DC'/%3e%3cpath d='M15.8281 5.33105L18.6654 8.16829L9.01365 17.82L6.17641 14.9828L15.8281 5.33105Z' fill='%23FFD658'/%3e%3cpath d='M7.59375 16.4043L17.2455 6.75259L18.6638 8.17094L9.0121 17.8226L7.59375 16.4043Z' fill='%23FFC326'/%3e%3cpath d='M18.3123 8.52499L15.4746 5.68737L16.5983 4.56359C17.0386 4.12334 17.7524 4.12334 18.1927 4.56359L19.436 5.8069C19.8763 6.24715 19.8763 6.96096 19.436 7.40121L18.3123 8.52499Z' fill='%23FF5331'/%3e%3cpath d='M18.8155 5.18555L16.8945 7.10648L18.3131 8.52497L19.4368 7.40119C19.877 6.96094 19.877 6.24713 19.4368 5.80688L18.8155 5.18555Z' fill='%23F44D2C'/%3e%3c/svg%3e",expert:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='12' fill='%23FFCB37'/%3e%3ccircle cx='12' cy='12' r='10.5' fill='%23FE921D'/%3e%3cpath d='M11.443 5.13654C11.6446 4.63466 12.355 4.63466 12.5566 5.13654L13.9931 8.71375C14.0789 8.92747 14.2795 9.0732 14.5093 9.08878L18.3553 9.34957C18.8949 9.38615 19.1145 10.0619 18.6994 10.4086L15.7412 12.8802C15.5645 13.0279 15.4878 13.2637 15.544 13.4871L16.4845 17.2254C16.6164 17.7499 16.0417 18.1676 15.5836 17.88L12.3188 15.8303C12.1238 15.7079 11.8758 15.7079 11.6808 15.8303L8.41599 17.88C7.95794 18.1676 7.38314 17.7499 7.51509 17.2254L8.45556 13.4871C8.51175 13.2637 8.43513 13.0279 8.25839 12.8802L5.30017 10.4086C4.88514 10.0619 5.10469 9.38615 5.64429 9.34957L9.49031 9.08878C9.7201 9.0732 9.92068 8.92747 10.0065 8.71375L11.443 5.13654Z' fill='white'/%3e%3c/svg%3e","fact-check":"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z' fill='%2300C076'/%3e%3cpath d='M11.9456 5.46631L6.66562 10.2663L4.26562 8.08449' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",medical:Tn},de=function(a){var o=a.trackingCategory,l=void 0===o?"Together":o,s=a.locale,c=a.isOpen,p=void 0===c||c,u=a.onClose,f=a.enableAnimation,h=void 0===f||f,v=a.expertId,x=a.overwriteProfileProps,b=a.avatarFallback,w=void 0===b?g.CommonGAssets.getAssetPath("avatar.jpg"):b,y=r.useTranslations().t,C=n.useState(null),k=C[0],E=C[1],A=n.useState(!1),_=A[0],T=A[1];return n.useEffect((function(){if(p&&v&&String(null==k?void 0:k.user_id)!==String(v)){T(!0);try{E(null),t.callApi(t.getDiscoverApiPath(t.DISCOVER_PATHS.GET_EXPERT_BY_ID,{id:v}),"get").then((function(n){E(i.__assign(i.__assign({},null==n?void 0:n.data),x))}))}catch(n){console.error(n)}T(!1)}}),[p,v,null==k?void 0:k.user_id]),L.default.createElement(L.default.Fragment,null,L.default.createElement(Dn,{"data-open":p,"data-animation":h,onClick:function(n){return n.stopPropagation()}},_||!k?L.default.createElement(X,null):L.default.createElement("div",{className:"popup-content"},L.default.createElement("div",{className:"close-button",onClick:u},L.default.createElement("img",{src:_n,style:{width:20,height:20},alt:"close-icon"})),L.default.createElement("div",{className:"main-info"},L.default.createElement("div",{className:"border-banner"}),L.default.createElement("div",{className:"avatar-title"},L.default.createElement(Zn,null,L.default.createElement("div",{className:"image-container"},L.default.createElement("div",{style:{position:"relative"}},L.default.createElement(An,{src:null==k?void 0:k.avatar,className:"profile-image",alt:"avatar",fallbackSrc:w}),L.default.createElement("img",{className:"badge-avatar",src:le[null==k?void 0:k.role],alt:"badge"})))),L.default.createElement(Wn,null,L.default.createElement(e.Text,{size:"s3",className:"full-name",type:"semiBold"},null==k?void 0:k.display_name),L.default.createElement("div",null,L.default.createElement(e.Text,{size:"p4",color:d.theme.colors.gray800},null==k?void 0:k.specialty," • "),L.default.createElement("a",{href:null==k?void 0:k.organisation_url,className:"organisation",target:"_blank",rel:"noreferrer"},L.default.createElement(e.Text,{size:"p4",className:"organisation",color:d.theme.colors.gray800,style:{textDecoration:"underline"}},null==k?void 0:k.organisation)))))),L.default.createElement(Wn,null,L.default.createElement("div",{className:"experience"},L.default.createElement(e.Text,{type:"bold",size:"p4",color:d.theme.colors.gray800,style:{paddingBottom:16}},y("expert.content.description").toUpperCase()),L.default.createElement("div",{className:"list-items"},!!(null==k?void 0:k.experiences)&&k.experiences.filter((function(n){return!(!n||!n.title&&!n.organization)})).slice(0,3).map((function(n,t){return L.default.createElement(re,{key:t},L.default.createElement("img",{className:"bullet-point",src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='2' fill='%232D87F3'/%3e%3c/svg%3e",alt:"point"}),L.default.createElement("div",{className:"text-contain"},L.default.createElement(m.Heading,{tag:"h6",color:d.theme.colors.gray800},null==n?void 0:n.title),L.default.createElement(e.Text,{size:"p2",color:d.theme.colors.gray500},null==n?void 0:n.organization)))}))),L.default.createElement("a",{href:null==k?void 0:k.profile_url,style:{display:"inline-block",paddingTop:24}},L.default.createElement(e.Text,{as:"span",size:"s4",color:"#2D87F3","data-event-category":l,"data-event-action":"See Full Doctor Profile","data-event-label":t.getCurrentBaseUrl(s)+(null==k?void 0:k.profile_url)},y("home.seeExpert"))))))),L.default.createElement(Hn,{"data-open":p,onClick:function(n){n.stopPropagation(),u()}}))},se=z.default.div($n||($n=i.__makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),h.MediaQueries.tdUp,h.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50})),ce=z.default.div(ne||(ne=i.__makeTemplateObject(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),pe=z.default.div(ee||(ee=i.__makeTemplateObject(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),ue=z.default.div(te||(te=i.__makeTemplateObject(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: block;\n    min-width: 240px;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: block;\n    min-width: 240px;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n  }\n"])));z.default.span(ie||(ie=i.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),z.default.div(ae||(ae=i.__makeTemplateObject(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400})),z.default.div(oe||(oe=i.__makeTemplateObject(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"])));var me=function(o){var l=o.isOpen,s=void 0===l||l,c=o.onClose,p=o.enableAnimation,u=void 0===p||p,m=o.hospitalId,f=o.locale,h=o.isMobile,v=o.overwriteProfileProps,x=o.avatarFallback,b=void 0===x?g.CommonGAssets.getAssetPath("avatar.jpg"):x,w=o.trackingCategory,y=void 0===w?"Together":w,C=r.useTranslations().t,k=n.useState(null),E=k[0],A=k[1],_=n.useState(!1),T=_[0],N=_[1];n.useEffect((function(){if(s&&m&&String(null==E?void 0:E.id)!==String(m)){N(!0);try{A(null),t.callApi(t.getCarePath(t.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:m,website_url:t.domainLocales[f]}),"get").then((function(n){A(i.__assign(i.__assign({},null==n?void 0:n._data.branch),v))}))}catch(n){console.error(n)}N(!1)}}),[s,m,null==E?void 0:E.id]);var M=(null==E?void 0:E.specialties)||[],z=n.useMemo((function(){return M.map((function(n){return n.name}))}),[M]);return L.default.createElement(L.default.Fragment,null,L.default.createElement(se,{"data-open":s,"data-animation":u,onClick:function(n){return n.stopPropagation()}},T||!E?L.default.createElement(X,null):L.default.createElement("div",{className:"popup-content"},L.default.createElement("div",{className:"close-button",onClick:c},L.default.createElement("img",{src:_n,style:{width:20,height:20},alt:"close-icon"})),L.default.createElement("div",{className:"main-info"},L.default.createElement("div",{className:"border-banner"}),L.default.createElement("div",{className:"avatar-title"},L.default.createElement(pe,null,L.default.createElement("div",{className:"image-container"},L.default.createElement("div",{style:{position:"relative"}},L.default.createElement(An,{src:null==E?void 0:E.logo,className:"profile-image",alt:"avatar",fallbackSrc:b}),L.default.createElement("img",{className:"badge-avatar",src:Tn,alt:"badge"})))),L.default.createElement(ue,null,L.default.createElement(e.Text,{size:"s3",type:"semiBold",className:"full-name"},null==E?void 0:E.name),L.default.createElement("div",{className:"specialty"},M&&L.default.createElement(e.Text,{size:"p4",color:d.theme.colors.gray800},z.join(" • "),"•"),L.default.createElement("a",{href:t.getCareHospitalUrl({id:E.id,name:E.name,slug:E.slug,locale:f}),className:"organisation",target:"_blank",rel:"noreferrer"},L.default.createElement(e.Text,{size:"p4",className:"organisation",color:d.theme.colors.gray800,style:{textDecoration:"underline"}},null==E?void 0:E.name))))),!h&&L.default.createElement("a",{href:t.getCareHospitalUrl({id:E.id,name:E.name,slug:E.slug,locale:f})},L.default.createElement("div",{className:"btn-wrapper"},L.default.createElement(a.Button,{color:"primary",size:"md",className:"btn-booking"},C("careBooking.bookAnAppointment"))))),L.default.createElement(ue,null,L.default.createElement("div",{className:"experience"},L.default.createElement(e.Text,{type:"bold",size:"s3",color:d.theme.colors.gray800,style:{paddingBottom:16}},C("hospital.content.description").toUpperCase()),L.default.createElement(e.Text,{size:"p2",color:d.theme.colors.gray500},E.about),h?L.default.createElement("a",{href:t.getCareHospitalUrl({id:E.id,name:E.name,slug:E.slug,locale:f})},L.default.createElement("div",{className:"btn-wrapper"},L.default.createElement(a.Button,{color:"primary",size:"md",className:"btn-booking"},C("careBooking.bookAnAppointment")))):L.default.createElement("a",{href:t.getCareHospitalUrl({id:E.id,name:E.name,slug:E.slug,locale:f})},L.default.createElement(e.Text,{size:"s4",color:"#2D87F3",as:"span","data-event-category":y,"data-event-action":"See Full Hospital Profile","data-event-label":t.getCurrentBaseUrl(f)+t.getCareHospitalUrl({id:E.id,name:E.name,slug:E.slug,locale:f})},C("home.seeHospital"))))))),L.default.createElement(ce,{"data-open":s,onClick:function(n){n.stopPropagation(),c()}}))};I.default.extend(F.default);var ge,fe,he,ve=function(l){var d=l.time,s=l.className,c=l.community,p=l.name,u=l.username,m=l.url,g=l.avatar,f=l.miniIcon,v=l.role,x=l.style,b=l.type,w=void 0===b?"post":b,C=l.expertId,k=l.isMarryBaby;l.title;var E=l.doctorId,A=l.hospitalId,_=l.hasQuickBooking,T=l.handleMakeAppointment,N=l.communityTrackingAttr,M=l.isAnonymous,z=i.__rest(l,["time","className","community","name","username","url","avatar","miniIcon","role","style","type","expertId","isMarryBaby","title","doctorId","hospitalId","hasQuickBooking","handleMakeAppointment","communityTrackingAttr","isAnonymous"]),j=n.useContext(t.TogetherComponentGlobalContext).data,S=j.locale,P=j.router,F=j.env,O=F.isMarryBaby,B=F.togetherBasePath,V=r.useTranslations().t,U="boolean"==typeof k?k:O,R=M?V("cardPost.anonymous"):p||u||"",D=M?t.DEFAULT_AVATAR_IMG:g,H=M?void 0:v,Z=d?isNaN(new Date(d).getTime())?null:new Date(d):null,W=Z?I.default(Z).toNow(!0):d,q=Z?I.default(Z).format("DD/MM/YYYY HH:mm"):d,G=n.useState(!1),Q=G[0],X=G[1],K=(P||{}).asPath,Y="https://".concat(y.domainLocales[S]).concat(K),J=function(n){"expert"===H&&(C||E||A)?(n.stopPropagation(),X(!0)):m&&(window.location.href=m)};return n.useEffect((function(){h.toggleNoScroll(Q)}),[Q]),L.default.createElement(L.default.Fragment,null,"expert"===H&&C?L.default.createElement(de,{isOpen:Q,onClose:function(){return X(!1)},expertId:C}):null,"expert"===H&&E?L.default.createElement(Rn,{isOpen:Q,onClose:function(){return X(!1)},doctorId:E,locale:S}):null,"expert"===H&&A?L.default.createElement(me,{isOpen:Q,onClose:function(){return X(!1)},hospitalId:A,locale:S}):null,L.default.createElement(wn,i.__assign({"data-is-marrybaby":U,className:s,style:x,"data-is-booking":_},z),L.default.createElement("div",{style:{display:"flex",width:"100%"}},L.default.createElement(En,{onClick:J},L.default.createElement(t.UserAvatar,{className:"author-avatar-wrapper",username:R,avatar:D}),f?L.default.createElement(t.Avatar,{className:"mini-icon",type:"rounded",avatarImg:L.default.createElement("img",{src:f,style:{width:"12px",height:"12px",objectFit:"cover"},alt:"badge"})}):null),L.default.createElement("div",{className:"expert-wrapper"},L.default.createElement("div",{className:"author-info"},L.default.createElement("div",{className:"author-info-top"},L.default.createElement("div",{onClick:J,className:"author-info-text-wrapper"},L.default.createElement("div",{className:"author-name"},R),H&&L.default.createElement(o.AuthorBadge,{role:H}),U?L.default.createElement(e.Text,{size:"p4",type:"regular",color:"#9495A0",title:q,className:"author-time"},"".concat("post"===w?"• ":"").concat(W)):null)),L.default.createElement("div",{className:"author-community"},L.default.createElement("div",{className:"text-container"},(null==c?void 0:c.name)&&L.default.createElement(L.default.Fragment,null,L.default.createElement("a",i.__assign({href:(null==c?void 0:c.slug)&&c.isActive&&!c.isHidden?"".concat(B,"/").concat(null==c?void 0:c.slug):void 0,className:"author-community-name"},N),"".concat(null==c?void 0:c.name)),(U?void 0:W)?" • ":""),L.default.createElement("span",{className:"time-text"},U?void 0:W)))))),_&&L.default.createElement("div",{className:"btn-wrapper"},L.default.createElement(a.Button,{color:"primary",size:"md",className:"btn-booking",onClick:function(n){null==T||T(E,A),n.stopPropagation()},dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:Y},V("careBooking.bookAnAppointment")))))},xe=function(n){return{message:n("notification.failure"),type:"danger"}},be=z.default.div(ge||(ge=i.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  padding: 16px 32px;\n\n  .input-group-container {\n    flex: 1;\n    padding-right: 2px;\n    padding-left: 2px;\n    margin-bottom: 0.5rem;\n    -ms-overflow-style: none; /* IE and Edge */\n    overflow-y: auto;\n    scrollbar-width: none; /* Firefox */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .input-group {\n    :not(:last-child) {\n      margin-bottom: 0.6rem;\n    }\n\n    input:focus,\n    textarea:focus,\n    [contenteditable='true'] {\n      outline: none;\n    }\n\n    label {\n      margin-bottom: 5px;\n      color: ",";\n      /* font-family: 'Open Sans', sans-serif; */\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .input-group-label {\n      margin-bottom: 5px;\n      color: ",";\n      /* font-family: 'Open Sans', sans-serif; */\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .input-notification {\n      display: flex;\n\n      & > img {\n        width: 16px;\n        height: 16px;\n        margin-top: 1.5px;\n        margin-right: 8px;\n      }\n    }\n\n    .tag-list {\n    }\n  }\n\n  .warning {\n    margin-top: 16px;\n  }\n\n  .submit-btn {\n    width: 100%;\n  }\n"],["\n  position: relative;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  padding: 16px 32px;\n\n  .input-group-container {\n    flex: 1;\n    padding-right: 2px;\n    padding-left: 2px;\n    margin-bottom: 0.5rem;\n    -ms-overflow-style: none; /* IE and Edge */\n    overflow-y: auto;\n    scrollbar-width: none; /* Firefox */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .input-group {\n    :not(:last-child) {\n      margin-bottom: 0.6rem;\n    }\n\n    input:focus,\n    textarea:focus,\n    [contenteditable='true'] {\n      outline: none;\n    }\n\n    label {\n      margin-bottom: 5px;\n      color: ",";\n      /* font-family: 'Open Sans', sans-serif; */\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .input-group-label {\n      margin-bottom: 5px;\n      color: ",";\n      /* font-family: 'Open Sans', sans-serif; */\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .input-notification {\n      display: flex;\n\n      & > img {\n        width: 16px;\n        height: 16px;\n        margin-top: 1.5px;\n        margin-right: 8px;\n      }\n    }\n\n    .tag-list {\n    }\n  }\n\n  .warning {\n    margin-top: 16px;\n  }\n\n  .submit-btn {\n    width: 100%;\n  }\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.colors.gray600})),we="data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 14.5C11.3137 14.5 14 11.8137 14 8.5C14 5.18629 11.3137 2.5 8 2.5C4.68629 2.5 2 5.18629 2 8.5C2 11.8137 4.68629 14.5 8 14.5Z' fill='%23FE921D'/%3e%3cpath d='M8 5.5V8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11.5H8.00708' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",ye=/<mocka ([^>]*)data-url="true"[^<>]*>(.*?)<\/mocka>/gim,Ce=/((?:=")|(?:data-url="true">)|)(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))/gim,ke=/\[a\+href="([^<"]+)"(?:\+text=\"([^<"]+)")?\]/gim,Ee=/<mention [^>]*data-id="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,Ae=/<mention [^>]*data-id="([^<"]+)" [^\>]*data-name="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,_e=/\[mention\+id="([^<"]+)"([^\]]*)\]/gim,Te=/^(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,Ne=/^((https?:\/\/)?(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,Le=/<a [^>]*href="([^>"]+)"[^>]*>([^<]+)<\/a>/gim,Me=/<mocka [^\>]*data-bad-word="[^\"]*" [^\>]*data-error="true"[^\>]*>(.*?)<\/mocka>/gim,ze=function(n){var e=n.url,t=n.text,i=n.method,a=t.indexOf(t.trimStart()),o=t.trimEnd().length,r=t.substring(0,a),l=t.substring(a,o),d=t.substring(o);return"edit"===i?"".concat(r,'<mocka data-href="').concat(e,'" data-url="true">').concat(l,"</mocka>").concat(d):"display"===i&&(e.startsWith("http://")||e.startsWith("https://"))?"".concat(r,'<a href="').concat(e,'" target="_blank">').concat(l,"</a>").concat(d):t},je=function(n,e){return n.replace(ke,(function(n,t,i){return ze({text:i||t,url:t,method:e})})).replace(Le,(function(n,t,i){return ze({text:i||t,url:t,method:e})}))},Se=function(n,e){return void 0===e&&(e=[]),n.replace(_e,(function(n,t,i){var a=e.find((function(n){return String(n.id)===t}));if(!a){if(!i)return"";var o="";return i.replace(/\+name="([^<"]+)"/i,(function(n,e){return o=e,n})),'<mention data-id="'.concat(t,'" data-name="').concat(o,'">').concat(o,"</mention>")}return'<mention data-id="'.concat(t,'" data-name="').concat(a.name,'">').concat(a.name,"</mention>")}))},Pe=function(n,e){var t=[];return n.replace(Ee,(function(n,e){return t.push(e),n})).replace(_e,(function(n,e){return t.push(e),n})),e?t:Array.from(new Set(t)).slice(0,30)},Ie=function(n){var e;return i.__spreadArray(i.__spreadArray([],function(n){var e=[];return n.replace(/(\&amp;)+/g,"&").replace(Ce,(function(n,t,i){return'="'!==t&&'data-url="true">'!==t&&e.push(i),n})),e}(n),!0),(null===(e=n.match(ye))||void 0===e?void 0:e.map((function(n){var e,t,i=null===(e=n.match(/data-href="([^"]*)"/im))||void 0===e?void 0:e[1],a=null===(t=n.match(/>(.*?)<\/mocka>/im))||void 0===t?void 0:t[1];return i||a})))||[],!0).filter((function(n){return!!n}))},Fe=function(n){return n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")},Oe=function(n){return n.replace(Me,"$1")},Be=function(n,e){return void 0===e&&(e=function(n){return n}),function(n,e){var t;return void 0===e&&(e=function(n){return n}),e(null===(t=n.replace(/(\&nbsp;)+/g," ").replace(/(\&amp;)+/g,"&"))||void 0===t?void 0:t.replace(/(\u200c|&zwnj;)+/g,"").replace(Ce,(function(n,e,t){return'="'!==e&&'data-url="true">'!==e?'<a href="'.concat(t,'" target="_blank">').concat(t,"</a>"):n})).replace(ye,(function(n,e,t){var i,a=null===(i=e.match(/data-href="([^"]*)"/im))||void 0===i?void 0:i[1];return a?'<a href="'.concat(a,'" target="_blank">').concat(t,"</a>"):'<a href="'.concat(t,'" target="_blank">').concat(t,"</a>")})))}(function(n){return n.replace(Ee,(function(n,e,t){return'[mention+id="'.concat(e,'"+name="').concat(t,'"]')}))}(Oe(n)),e)},Ve=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn"],Ue=function(n){return n.match(Ne)?n.startsWith("https://")||n.startsWith("http://")?n:"https://".concat(n):""},Re=function(n,e){var t=e.filter(Boolean);return n&&t.length>0?Oe(n).replace(new RegExp("\\b(".concat(t.map((function(n){return Fe(n)})).join("|"),")\\b"),"gi"),(function(n,e){var t=document.createElement("mocka");return t.setAttribute("data-bad-word",e),t.setAttribute("data-error","true"),t.innerText=e,"".concat(t.outerHTML)})):n},De=function(n,e,a){return"string"==typeof n?Promise.resolve(n):i.__awaiter(void 0,void 0,void 0,(function(){var o,r,l,d;return i.__generator(this,(function(i){switch(i.label){case 0:return o=new FormData,n.type.startsWith("image/gif")?(o.append("image",n),[3,4]):[3,1];case 1:return[4,Promise.resolve().then((function(){return A(require("browser-image-compression"))}))];case 2:return[4,i.sent().default(n,{maxSizeMB:.4,maxWidthOrHeight:1536,useWebWorker:!0})];case 3:r=i.sent(),o.append("image",r),i.label=4;case 4:return[4,(a?t.callApiWithAdminAuth:t.callApiWithAuth)(t.getApiPath(a?t.ADMIN_PATHS.COMMENT.IMAGE_UPLOAD:t.PATHS.COMMENT.IMAGE_UPLOAD,{_locale:e}),"POST",{data:o})];case 5:return l=i.sent(),[2,(null===(d=null==l?void 0:l.data)||void 0===d?void 0:d.image)||""]}}))}))},He=function(n){var e=n.id,a=n.locale;return i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(n){switch(n.label){case 0:return e?[4,t.callApiWithAuth(t.getApiPath(t.PATHS.POST.LIKE,{id:e,_locale:a}),"GET")]:[2];case 1:return[2,n.sent()]}}))}))},Ze=function(n){var e=n.id,a=n.locale;return i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(n){switch(n.label){case 0:return e?[4,t.callApiWithAuth(t.getApiPath(t.PATHS.POST.DELETE,{id:e,_locale:a}),"DELETE")]:[2];case 1:return[2,n.sent()]}}))}))},We=function(n){var e=n.title,a=n.description,o=n.communityId,r=n.imageFiles,l=n.previewUrl,d=n.topicIds,s=n.locale,c=n.sanitizeFunction,p=n.categoryCommunityId,u=n.categoryTopicIds,m=n.introUrl,g=n.bannerUrl,f=n.scheduleTime,v=n.isAnonymous;return i.__awaiter(void 0,void 0,void 0,(function(){var n,x,b,w,y;return i.__generator(this,(function(i){switch(i.label){case 0:return n=new FormData,x=Oe(a),b=Oe(e),w=Pe(x),n.append("title",b),n.append("description",Be(x,c)),p?n.append("category_community",String(p)):o&&n.append("community_id",String(o)),n.append("is_anonymous",v?"1":"0"),(null==l?void 0:l.title)&&n.append("preview_title",l.title),(null==l?void 0:l.description)&&n.append("preview_description",l.description),(null==l?void 0:l.url)&&n.append("preview_link",h.safeEncodeURI(l.url)),(null==l?void 0:l.image)&&n.append("preview_image",h.safeEncodeURI(l.image)),null==d||d.forEach((function(e){n.append("topics[]",String(e||""))})),null==u||u.forEach((function(e){n.append("category_topics[]",String(e||""))})),(null==r?void 0:r.length)?[4,Promise.all(r.map((function(n,e){return new Promise((function(t){setTimeout((function(){t(De(n,s))}),2e3*e)}))})))]:[3,2];case 1:return null==(y=i.sent())||y.filter(Boolean).slice(0,t.MAX_IMAGE_UPLOADS).forEach((function(e,t){n.append("images[".concat(t,"]"),e)})),[3,3];case 2:n.append("images",""),i.label=3;case 3:return null==w||w.forEach((function(e){n.append("mention_ids[]",e)})),n.append("intro_url",m||""),n.append("banner",g||""),f&&(n.append("post_type","scheduled"),n.append("schedule_datetime",f)),[2,n]}}))}))},qe=function(n){var e=n.locale,a=n.formData,o=n.isArticleComment;return i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(n){switch(n.label){case 0:return[4,t.callApiWithAuth(t.getApiPath(o?t.PATHS.POST.CREATE_ARTICLE_COMMENT:t.PATHS.POST.CREATE,{_locale:e}),"POST",{data:a})];case 1:return[2,n.sent()]}}))}))},Ge=function(n){var e=n.id,a=n.locale,o=n.formData;return i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(n){switch(n.label){case 0:return[4,t.callApiWithAuth(t.getApiPath(t.PATHS.POST.UPDATE,{id:e,_locale:a}),"POST",{data:o})];case 1:return[2,n.sent()]}}))}))},Qe=function(n){var e=n.id,i=n.reason,a=n.locale,o=new FormData;return o.append("reason",i),t.callApiWithAuth(t.getApiPath(t.PATHS.POST.REPORT,{_locale:a,id:e}),"POST",{data:o})},Xe=function(e,t){var i=n.useState(e||[]),a=i[0],o=i[1];return{onSelectImages:function(n){var i=n.target.files;i&&(t&&e?t((e||a).concat(Array.from(i))):o((function(n){var a=e||n;return t&&t(a.concat(Array.from(i))),a.concat(Array.from(i))})))},onRemoveImage:function(n){if(t&&e){var i=e;i.splice(n,1),t(i.slice())}else o((function(i){var a=e||i;return a.splice(n,1),t&&t(a.slice()),a.slice()}))},onRemoveAllImages:function(){t?t([]):o([])},imageSrcs:n.useMemo((function(){return(e||a).map((function(n){return"string"==typeof n?n:URL.createObjectURL(n)}))}),[e,a]),imageFiles:e||a}},Ke="data:image/svg+xml,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 22.9844C17.5228 22.9844 22 18.5072 22 12.9844C22 7.46153 17.5228 2.98438 12 2.98438C6.47715 2.98438 2 7.46153 2 12.9844C2 18.5072 6.47715 22.9844 12 22.9844Z' fill='%23262626'/%3e%3cpath d='M14.8281 10.1562L9.17127 15.8131' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.17188 10.1562L14.8287 15.8131' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Ye=z.default.div(fe||(fe=i.__makeTemplateObject(["\n  input:focus,\n  textarea:focus,\n  [contenteditable='true'] {\n    outline: none;\n  }\n\n  .textarea-control {\n    position: relative;\n    border: 1px solid ",";\n    border-radius: 6px;\n    &.--focus {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    .textarea-wrapper {\n      width: 100%;\n      height: 200px;\n    }\n\n    .control-tool {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      display: flex;\n      width: calc(100% - 2rem);\n      height: 40px;\n      align-items: center;\n      justify-content: flex-end;\n      border-top: 1px solid ",";\n      margin: 0 1rem;\n\n      .tool-button {\n        display: flex;\n        width: 2rem;\n        height: 2rem;\n        align-items: center;\n        justify-content: center;\n        background: transparent;\n        cursor: pointer;\n      }\n      .image-icon {\n        vertical-align: middle;\n      }\n    }\n  }\n\n  .link-preview-wrapper {\n    position: relative;\n    .icon-close {\n      position: absolute;\n      top: 5px;\n      right: 5px;\n      width: 24px;\n      height: 24px;\n      cursor: pointer;\n    }\n  }\n\n  .image-gallery {\n    margin-bottom: 1rem;\n\n    .image-item {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      height: 0;\n      padding-top: 67%;\n      margin-top: 1rem;\n      border-radius: 6px;\n\n      & > img {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n\n      .close-btn {\n        position: absolute;\n        top: 8px;\n        right: 8px;\n        left: unset;\n        width: 24px;\n        height: 24px;\n        cursor: pointer;\n      }\n    }\n  }\n\n  .description-label {\n    margin-bottom: 5px;\n    color: ",";\n    /* font-family: 'Open Sans', sans-serif; */\n    font-size: 13px;\n    font-weight: bold;\n  }\n\n  .count-string {\n    margin-top: 5px;\n    color: ",";\n    font-size: 11px;\n    text-align: right;\n  }\n\n  .input-notification {\n    display: flex;\n\n    & > img {\n      width: 16px;\n      height: 16px;\n      margin-top: 1.5px;\n      margin-right: 8px;\n    }\n  }\n"],["\n  input:focus,\n  textarea:focus,\n  [contenteditable='true'] {\n    outline: none;\n  }\n\n  .textarea-control {\n    position: relative;\n    border: 1px solid ",";\n    border-radius: 6px;\n    &.--focus {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    .textarea-wrapper {\n      width: 100%;\n      height: 200px;\n    }\n\n    .control-tool {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      display: flex;\n      width: calc(100% - 2rem);\n      height: 40px;\n      align-items: center;\n      justify-content: flex-end;\n      border-top: 1px solid ",";\n      margin: 0 1rem;\n\n      .tool-button {\n        display: flex;\n        width: 2rem;\n        height: 2rem;\n        align-items: center;\n        justify-content: center;\n        background: transparent;\n        cursor: pointer;\n      }\n      .image-icon {\n        vertical-align: middle;\n      }\n    }\n  }\n\n  .link-preview-wrapper {\n    position: relative;\n    .icon-close {\n      position: absolute;\n      top: 5px;\n      right: 5px;\n      width: 24px;\n      height: 24px;\n      cursor: pointer;\n    }\n  }\n\n  .image-gallery {\n    margin-bottom: 1rem;\n\n    .image-item {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      height: 0;\n      padding-top: 67%;\n      margin-top: 1rem;\n      border-radius: 6px;\n\n      & > img {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n\n      .close-btn {\n        position: absolute;\n        top: 8px;\n        right: 8px;\n        left: unset;\n        width: 24px;\n        height: 24px;\n        cursor: pointer;\n      }\n    }\n  }\n\n  .description-label {\n    margin-bottom: 5px;\n    color: ",";\n    /* font-family: 'Open Sans', sans-serif; */\n    font-size: 13px;\n    font-weight: bold;\n  }\n\n  .count-string {\n    margin-top: 5px;\n    color: ",";\n    font-size: 11px;\n    text-align: right;\n  }\n\n  .input-notification {\n    display: flex;\n\n    & > img {\n      width: 16px;\n      height: 16px;\n      margin-top: 1.5px;\n      margin-right: 8px;\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.colors.gray500})),Je=z.default.div(he||(he=i.__makeTemplateObject(["\n  height: 100%;\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  .ql-toolbar.ql-snow {\n    top: 0;\n    width: 100%;\n    position: sticky;\n    z-index: 3;\n    border: none;\n    border-bottom: 1px solid #ccc;\n    background: white;\n    .ql-formats {\n      display: inline-flex;\n      align-items: center;\n      margin-right: 0.5rem;\n      .link-tool-wrapper {\n        .popover-menu__content {\n          padding: 0.5rem;\n          transform: translateX(calc(-50% - 1rem));\n          max-width: calc(100vw - 4rem);\n          ::before {\n            right: calc(50% - 8px);\n          }\n          .link-tool-popover {\n            input {\n              padding-left: 1rem;\n            }\n            .link-input-url {\n              margin-bottom: 0.5rem;\n            }\n            .link-input-text {\n              margin-bottom: 0.5rem;\n            }\n            label {\n              display: inline-block;\n              margin-bottom: 0.2rem;\n            }\n            .link-input-button-wrapper {\n              &[data-is-marrybaby='true'] {\n                .link-input-button {\n                  border: solid 2px ",";\n                  background-color: ",";\n                  &:hover:not(:disabled) {\n                    border: solid 2px ",";\n                    background-color: ",";\n                    color: ",";\n                  }\n                }\n              }\n            }\n            .link-input-button {\n              width: auto;\n              height: auto;\n              padding: 0.4rem 1rem;\n              background-color: ",";\n\n              &:disabled {\n                border-color: #bfbfbf;\n                background-color: #bfbfbf;\n                color: #fff;\n                cursor: not-allowed;\n              }\n              &:hover:not(:disabled) {\n                background-color: ",";\n              }\n            }\n            .error-text {\n              padding: 0;\n              margin-bottom: 0.5rem;\n              font-weight: 600;\n              color: ",";\n            }\n          }\n        }\n      }\n    }\n    @media (max-width: 450px) {\n      position: relative;\n      .ql-formats {\n        .link-tool-wrapper {\n          position: unset;\n          .popover-menu__content {\n            left: 0;\n            transform: unset;\n            max-width: 100%;\n          }\n        }\n      }\n    }\n  }\n  .quill {\n    flex: 1;\n    overflow-y: hidden;\n    .ql-container {\n      display: inline-block;\n      width: 100%;\n      min-height: 100%;\n      /* padding: 14px 16px; */\n      border: none;\n      border-radius: 6px;\n      color: ",";\n      font-size: 1rem;\n      line-height: 1.5;\n      resize: none;\n      white-space: break-spaces;\n      .ql-editor {\n        word-break: break-word;\n        overflow-wrap: break-word;\n        /* -ms-overflow-style: none;\n        scrollbar-width: none;\n        &::-webkit-scrollbar {\n          display: none;\n        } */\n      }\n      mocka {\n        padding: 2px 6px;\n        border-radius: 1rem;\n        &[data-url='true'] {\n          /* background-color: #eeeeff; */\n          font-style: italic;\n          color: #1890ff;\n          cursor: pointer;\n          outline: none;\n          text-decoration: underline;\n        }\n        &[data-error='true'] {\n          background-color: #ffeeee;\n          color: red;\n          text-decoration: underline;\n          font-style: bold;\n        }\n      }\n      mention {\n        padding: 2px 6px;\n        border-radius: 1rem;\n        background-color: #eeeeff;\n        color: #1890ff;\n        cursor: pointer;\n        outline: none;\n        text-decoration: none;\n      }\n      ol,\n      ul {\n        padding-left: 1rem;\n      }\n    }\n  }\n  .mention-search-container {\n    position: absolute;\n    background: white;\n    border-radius: 6px;\n    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));\n    overflow-y: scroll;\n    z-index: 99;\n    ::-webkit-scrollbar {\n      -webkit-appearance: none;\n    }\n    ::-webkit-scrollbar:vertical {\n      width: 14px;\n    }\n    ::-webkit-scrollbar-thumb {\n      border-radius: 6px;\n      background-color: #d9d9d9;\n      @supports (background-clip: padding-box) {\n        border: 3px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n      }\n      @supports not (background-clip: padding-box) {\n        border: 3px solid white;\n      }\n    }\n    ::-webkit-scrollbar-track {\n      background-color: #fff;\n      border-radius: 0 6px 6px 0;\n      border-left: 1px solid #f2f2f2;\n    }\n    .mention-search-item {\n      cursor: pointer;\n      padding: 12px 1rem;\n      display: flex;\n      align-items: center;\n      &.item-selected {\n        background-color: ",";\n      }\n      .search-avatar {\n        width: 40px;\n        height: 40px;\n        font-size: 20px;\n        margin-right: 20px;\n      }\n    }\n  }\n"],["\n  height: 100%;\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  .ql-toolbar.ql-snow {\n    top: 0;\n    width: 100%;\n    position: sticky;\n    z-index: 3;\n    border: none;\n    border-bottom: 1px solid #ccc;\n    background: white;\n    .ql-formats {\n      display: inline-flex;\n      align-items: center;\n      margin-right: 0.5rem;\n      .link-tool-wrapper {\n        .popover-menu__content {\n          padding: 0.5rem;\n          transform: translateX(calc(-50% - 1rem));\n          max-width: calc(100vw - 4rem);\n          ::before {\n            right: calc(50% - 8px);\n          }\n          .link-tool-popover {\n            input {\n              padding-left: 1rem;\n            }\n            .link-input-url {\n              margin-bottom: 0.5rem;\n            }\n            .link-input-text {\n              margin-bottom: 0.5rem;\n            }\n            label {\n              display: inline-block;\n              margin-bottom: 0.2rem;\n            }\n            .link-input-button-wrapper {\n              &[data-is-marrybaby='true'] {\n                .link-input-button {\n                  border: solid 2px ",";\n                  background-color: ",";\n                  &:hover:not(:disabled) {\n                    border: solid 2px ",";\n                    background-color: ",";\n                    color: ",";\n                  }\n                }\n              }\n            }\n            .link-input-button {\n              width: auto;\n              height: auto;\n              padding: 0.4rem 1rem;\n              background-color: ",";\n\n              &:disabled {\n                border-color: #bfbfbf;\n                background-color: #bfbfbf;\n                color: #fff;\n                cursor: not-allowed;\n              }\n              &:hover:not(:disabled) {\n                background-color: ",";\n              }\n            }\n            .error-text {\n              padding: 0;\n              margin-bottom: 0.5rem;\n              font-weight: 600;\n              color: ",";\n            }\n          }\n        }\n      }\n    }\n    @media (max-width: 450px) {\n      position: relative;\n      .ql-formats {\n        .link-tool-wrapper {\n          position: unset;\n          .popover-menu__content {\n            left: 0;\n            transform: unset;\n            max-width: 100%;\n          }\n        }\n      }\n    }\n  }\n  .quill {\n    flex: 1;\n    overflow-y: hidden;\n    .ql-container {\n      display: inline-block;\n      width: 100%;\n      min-height: 100%;\n      /* padding: 14px 16px; */\n      border: none;\n      border-radius: 6px;\n      color: ",";\n      font-size: 1rem;\n      line-height: 1.5;\n      resize: none;\n      white-space: break-spaces;\n      .ql-editor {\n        word-break: break-word;\n        overflow-wrap: break-word;\n        /* -ms-overflow-style: none;\n        scrollbar-width: none;\n        &::-webkit-scrollbar {\n          display: none;\n        } */\n      }\n      mocka {\n        padding: 2px 6px;\n        border-radius: 1rem;\n        &[data-url='true'] {\n          /* background-color: #eeeeff; */\n          font-style: italic;\n          color: #1890ff;\n          cursor: pointer;\n          outline: none;\n          text-decoration: underline;\n        }\n        &[data-error='true'] {\n          background-color: #ffeeee;\n          color: red;\n          text-decoration: underline;\n          font-style: bold;\n        }\n      }\n      mention {\n        padding: 2px 6px;\n        border-radius: 1rem;\n        background-color: #eeeeff;\n        color: #1890ff;\n        cursor: pointer;\n        outline: none;\n        text-decoration: none;\n      }\n      ol,\n      ul {\n        padding-left: 1rem;\n      }\n    }\n  }\n  .mention-search-container {\n    position: absolute;\n    background: white;\n    border-radius: 6px;\n    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));\n    overflow-y: scroll;\n    z-index: 99;\n    ::-webkit-scrollbar {\n      -webkit-appearance: none;\n    }\n    ::-webkit-scrollbar:vertical {\n      width: 14px;\n    }\n    ::-webkit-scrollbar-thumb {\n      border-radius: 6px;\n      background-color: #d9d9d9;\n      @supports (background-clip: padding-box) {\n        border: 3px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n      }\n      @supports not (background-clip: padding-box) {\n        border: 3px solid white;\n      }\n    }\n    ::-webkit-scrollbar-track {\n      background-color: #fff;\n      border-radius: 0 6px 6px 0;\n      border-left: 1px solid #f2f2f2;\n    }\n    .mention-search-item {\n      cursor: pointer;\n      padding: 12px 1rem;\n      display: flex;\n      align-items: center;\n      &.item-selected {\n        background-color: ",";\n      }\n      .search-avatar {\n        width: 40px;\n        height: 40px;\n        font-size: 20px;\n        margin-right: 20px;\n      }\n    }\n  }\n"])),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray100})),$e=null;function nt(n){var e,t,i=-1;if(void 0!==window.getSelection){var a=window.getSelection();if((null==a?void 0:a.rangeCount)&&(null==a?void 0:a.rangeCount)>0){var o=null===(e=window.getSelection())||void 0===e?void 0:e.getRangeAt(0);if(o){var r=o.cloneRange();r.selectNodeContents(n),r.setEnd(o.endContainer,o.endOffset),i=et(r.cloneContents().childNodes,i);var l=null===(t=o.endContainer.parentElement)||void 0===t?void 0:t.closest("mocka"),d=o.endContainer.nodeValue||o.endContainer.outerHTML;l&&(null==d?void 0:d.length)&&(i=i-o.endOffset+(l.outerHTML.length-(null==l?void 0:l.outerHTML.lastIndexOf(d))))}}}return i}function et(n,e){return n.forEach((function(t,i){var a=i+1===n.length;if(t.nodeType===Node.ELEMENT_NODE){var o=t.outerHTML;if(!a)return void(e+=o.length);e+=o.indexOf(">")+1,e=et(t.childNodes,e)}else t.nodeType===Node.TEXT_NODE&&(e+=(t.nodeValue||"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;").length)})),e}i.__awaiter(void 0,void 0,void 0,(function(){var n,e,t,a,o,r;return i.__generator(this,(function(l){switch(l.label){case 0:return"undefined"==typeof window?[2]:[4,Promise.resolve().then((function(){return A(require("react-quill"))}))];case 1:return n=l.sent(),$e=n.default,e=n.Quill||$e.Quill,t=function(n,e){this.quill=n,this.options=e,n.container.style.whiteSpace="pre-line"},e.register("modules/preserveWhiteSpace",t),a=e.import("blots/inline"),o=function(n){function e(){return null!==n&&n.apply(this,arguments)||this}return i.__extends(e,n),e.create=function(t){if(!t)return n.create.call(this,!1);var i=n.create.call(this,t);return e.setNodeConfigurations(i,t),i},e.formats=function(n){return!(!n.innerText||!(n.getAttribute("data-href")||n.getAttribute("data-url")||n.getAttribute("data-error")||n.getAttribute("data-bad-word")))&&{"data-bad-word":n.getAttribute("data-bad-word"),"data-error":n.getAttribute("data-error"),"data-href":n.getAttribute("data-href"),"data-url":n.getAttribute("data-url"),"data-text":n.innerText||n.getAttribute("data-href")}},e.setNodeConfigurations=function(n,e){var t,i;e&&(null===(i=null===(t=null==e?void 0:e["data-text"])||void 0===t?void 0:t.replace(/(\&nbsp;)+/g," "))||void 0===i?void 0:i.replace(/(\u200c|&zwnj;)+/g,""))&&(e["data-bad-word"]&&n.setAttribute("data-bad-word",e["data-bad-word"]),e["data-href"]&&n.setAttribute("data-href",e["data-href"]),e["data-error"]&&n.setAttribute("data-error",e["data-error"]),e["data-url"]&&n.setAttribute("data-url",e["data-url"]))},e.blotName="mocka1",e.tagName="mocka",e}(a),e.register(o),r=function(n){function e(){return null!==n&&n.apply(this,arguments)||this}return i.__extends(e,n),e.create=function(t){if(!t)return n.create.call(this,!1);var i=n.create.call(this,t);return e.setNodeConfigurations(i,t),i},e.formats=function(n){return!(!n.getAttribute("data-name")||!n.getAttribute("data-id"))&&{"data-name":n.getAttribute("data-name"),"data-id":n.getAttribute("data-id")}},e.setNodeConfigurations=function(n,e){var t,i;e&&e["data-id"]&&(null===(i=null===(t=null==e?void 0:e["data-name"])||void 0===t?void 0:t.replace(/(\&nbsp;)+/g," "))||void 0===i?void 0:i.replace(/(\u200c|&zwnj;)+/g,""))&&(e["data-id"]&&n.setAttribute("data-id",e["data-id"]),e["data-name"]&&n.setAttribute("data-name",e["data-name"]))},e.blotName="mention",e.tagName="mention",e}(a),e.register(r),[2]}}))}));var tt,it,at,ot,rt,lt,dt,st,ct,pt,ut,mt,gt,ft,ht,vt,xt,bt,wt,yt,Ct,kt,Et,At,_t,Tt,Nt,Lt,Mt,zt,jt,St=function(n,e){var t,i=e||{},a=i.formatUrl,o=i.bannedWords,r=void 0===o?[]:o,l=n.replace(/<font [^\>]*>(.+)<\/font>/gim,(function(n,e){return e.replace(/<u[^\>]*>(.+)<\/u>/gim,"$1")})).replace(Ae,(function(n,e,t,i){if(i!==t){var a=t.split(" "),o=a.findIndex((function(n,e){var t=a.slice(0,e+1).join(" ");return!i.startsWith(t)}));if(0===o)return"@".concat(i);var r=(o<0?a:a.slice(0,o)).join(" "),l=i.slice(r.length).trim();return console.log(o,r,l),'<mention data-id="'.concat(e,'" data-name="').concat(r,'">').concat(r,"</mention> ").concat(l," ")}return n}));if(!a)return{value:Re(l,r)};var d=function(n){return n.replace(Me,(function(n,e){var t=document.createElement("div");t.innerHTML=n;var i=t.firstChild;return(null==i?void 0:i.innerText)!==(null==i?void 0:i.getAttribute("data-bad-word"))?e:n}))}(function(n){var e,t;return null===(t=null===(e=n.replace(/(\&nbsp;)+/g," "))||void 0===e?void 0:e.replace(/(\u200c|&zwnj;)+/g,""))||void 0===t?void 0:t.replace(ye,(function(n,e,t){var i,a=null===(i=e.match(/data-href="([^"]*)"/im))||void 0===i?void 0:i[1];return!a||a===t||t.match(Te)?t:a?'<a href="'.concat(a,'">').concat(t,"</a>"):'<a href="'.concat(t,'">').concat(t,"</a>")})).replace(Ce,(function(n,e,t){if('="'!==e&&'data-url="true">'!==e){var i=t.toLowerCase(),a=i.startsWith("http")?"":" https://",o="".concat(a).concat(i);return ze({text:o,url:o,method:"edit"})}return n})).replace(Le,(function(n,e,t){return ze({text:t||e,url:e,method:"edit"})}))}(l)),s=Ie(l);if(s){var c,p=[];return s.forEach((function(n){if(n)try{var e=new URL(n);Ve.some((function(n){return e.origin.endsWith(n)}))||p.push(n)}catch(e){p.push(n)}})),p.length>0&&(d=d.replace(new RegExp('data-url="true">('.concat(p.map(Fe).join("|"),")<"),"gi"),'data-error="true" data-url="true">$1<').replace(new RegExp('data-href="('.concat(p.map(Fe).join("|"),')" data-url="true">'),"gi"),'data-href="$1" data-error="true" data-url="true">')),c=null===(t=s.filter((function(n){return-1===p.indexOf(n)})))||void 0===t?void 0:t[0],{invalidUrls:p,previewUrl:c,value:Re(d,r)}}return{value:Re(d,r)}},Pt=function(a){var o,r,l,d,s=a.html,c=a.onChange,p=a.className,u=a.style,m=a.onImagePickerClick,g=a.bannedWords,h=void 0===g?[]:g,v=a.onInvalidUrlsChange,x=a.onPreviewUrlChange,b=a.setEditorRef,w=a.isReplying,y=n.useRef([]);y.current=h;var C=n.useState([]),k=C[0],E=C[1],A=n.useState(null),_=A[0],T=A[1],N=n.useContext(t.TogetherComponentGlobalContext).data.locale,M=(null==h?void 0:h.join(","))||"";n.useEffect((function(){var n,e,t=null===(e=null===(n=V.current)||void 0===n?void 0:n.getEditor())||void 0===e?void 0:e.root.innerHTML;P(t)}),[M]);var z=function(n){_&&_.url===n||(T({url:n,isFetching:!0}),t.callApi(t.getApiPath(t.PATHS.FETCH_PREVIEW,{_locale:N}),"POST",{data:{link:n}}).then((function(e){var t,i,a,o;T({title:null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.title,description:null===(i=null==e?void 0:e.data)||void 0===i?void 0:i.description,image:(null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.image)||(null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.logo),url:n})})).catch((function(){T(null)})))},S=n.useRef(z);S.current=z;var P=n.useCallback(j.default((function(n){if(n){var e=St(n,{bannedWords:y.current,formatUrl:!0}),t=e.invalidUrls,i=e.previewUrl,a=e.value;t&&E(t),i?S.current(i):T(null),a!==n&&(null==c||c(a))}}),500),[]);n.useEffect((function(){v&&v(k)}),[k]),n.useEffect((function(){x&&((null==_?void 0:_.url)?x({title:_.title||"",url:_.url||"",image:_.image||"",description:_.description||""}):x(null))}),[_]);var I=n.useRef(m);I.current=m;var F=n.useRef(String(Math.floor(1e8*Math.random()))),O=n.useRef({toolbar:{handlers:{image:function(){var n;return null===(n=I.current)||void 0===n?void 0:n.call(I)},link:function(){return!1}},container:"#toolbar-"+F.current},preserveWhiteSpace:!0}),B=n.useRef(-1),V=n.useRef(null);b&&(null===(r=null===(o=V.current)||void 0===o?void 0:o.getEditor())||void 0===r?void 0:r.root)&&b(null===(d=null===(l=V.current)||void 0===l?void 0:l.getEditor())||void 0===d?void 0:d.root);var U=function(){var n,e,t,i,a,o,r,l;if(null===(e=null===(n=V.current)||void 0===n?void 0:n.getEditor())||void 0===e?void 0:e.root){var d=nt(null===(i=null===(t=V.current)||void 0===t?void 0:t.getEditor())||void 0===i?void 0:i.root),s=null===(o=null===(a=V.current)||void 0===a?void 0:a.getEditor())||void 0===o?void 0:o.root.innerHTML;if(d>=0&&d<s.length){if(Pe(s,!0).length<30-(w?1:0)){var c=function(n){var e,t,i=null;if(void 0!==window.getSelection){var a=window.getSelection();if((null==a?void 0:a.rangeCount)&&(null==a?void 0:a.rangeCount)>0){var o=null===(e=window.getSelection())||void 0===e?void 0:e.getRangeAt(0);if(o){var r=o.cloneRange();r.selectNodeContents(n),r.setEnd(o.endContainer,o.endOffset);var l=(r.endContainer.nodeValue||"").substring(0,o.endOffset),d=l.lastIndexOf("@");if(d+1<l.length&&(0===d||" @"===l.slice(d-1,d+1))){var s=null===(t=l.slice(d+1))||void 0===t?void 0:t.trim();if(s){r.setStart(o.endContainer,d);var c=r.cloneRange();c.setStart(c.endContainer,d),i={name:s,rect:r.getBoundingClientRect(),replaceRange:c}}}}}}return i}(null===(l=null===(r=V.current)||void 0===r?void 0:r.getEditor())||void 0===l?void 0:l.root);c?(G(c.name,c.rect),K.current=c.replaceRange):(K.current=null,G("",null))}else K.current=null,G("",null);B.current=d}}else H([])},R=n.useState([]),D=R[0],H=R[1],Z=n.useState({top:0,left:0}),W=Z[0],q=Z[1],G=n.useCallback(j.default((function(n,e,a){return i.__awaiter(void 0,void 0,void 0,(function(){var o,r,l,d,s,c,p,u;return i.__generator(this,(function(i){switch(i.label){case 0:return n&&DOMRect?[4,((null===(s=f.getCookie(t.BEARER_TOKEN_COOKIE))||void 0===s?void 0:s.length)||0)>0?t.callApiWithAuth(t.getApiPath(t.PATHS.SEARCH_USER,{_locale:N,name:n}),"get"):t.callApiWithAdminAuth(t.getApiPath(t.ADMIN_PATHS.SEARCH_USER,{_locale:N,name:n}),"get")]:[2,H([])];case 1:return o=i.sent(),nn(0),H(null===(p=null===(c=null==o?void 0:o.data)||void 0===c?void 0:c.users)||void 0===p?void 0:p.filter((function(n){return!(null==a?void 0:a.includes(String(n.id)))}))),r=e,l=null===(u=X.current)||void 0===u?void 0:u.getBoundingClientRect(),r&&l&&(343,256,d={top:r.bottom-l.top,width:"min(343px, 100%)",maxHeight:256},l.width-(r.left-l.left)<343?d.right=0:d.left=r.left-l.left,q(d)),[2]}}))}))}),500),[]),Q=function(n,e){var t,i,a;if(K.current){K.current.deleteContents();var o=document.createElement("mention");o.setAttribute("data-id",n),o.setAttribute("data-name",e),o.innerText=e;var r=document.createTextNode(" ");K.current.insertNode(r),K.current.insertNode(o),(null===(i=null===(t=V.current)||void 0===t?void 0:t.getEditor())||void 0===i?void 0:i.root).focus();var l=null===(a=window.getSelection())||void 0===a?void 0:a.getRangeAt(0);null==l||l.setStart(K.current.endContainer,K.current.endOffset),null==l||l.setEnd(K.current.endContainer,K.current.endOffset)}H([])},X=n.useRef(null),K=n.useRef(null),Y=n.useRef(null),J=n.useState(0),$=J[0],nn=J[1];return n.useEffect((function(){if(Y.current){var n=Y.current,e=n.children.item($);if(e){var t=n.getBoundingClientRect(),i=e.getBoundingClientRect();e.offsetTop<n.scrollTop?n.scrollTop=e.offsetTop:e.offsetTop+i.height>n.scrollTop+t.height&&(n.scrollTop=e.offsetTop-t.height+i.height)}}}),[$]),n.useEffect((function(){var n=function(n){var e;(null===(e=X.current)||void 0===e?void 0:e.contains(n.target))||H([])};return window.addEventListener("click",n),function(){window.removeEventListener("click",n)}}),[]),L.default.createElement(Je,{ref:X,className:p,style:u,onKeyDownCapture:function(n){if(null==D?void 0:D.length){var e=!1;if("ArrowDown"===n.key)e=!0,nn((function(n){return n+1>=D.length?0:n+1}));else if("Escape"===n.key)e=!0,nn(0),H([]);else if("ArrowUp"===n.key)e=!0,nn((function(n){return n-1<0?D.length-1:n-1}));else if("Enter"===n.key||"Tab"===n.key){var t=D[$];t&&(e=!0,Q(t.id,t.name))}if(e)return n.preventDefault(),!1}}},L.default.createElement(It,{id:F.current,onAddLink:function(n,e){var t,i,a=B.current+1,o=null===(i=null===(t=V.current)||void 0===t?void 0:t.getEditor())||void 0===i?void 0:i.root.innerHTML,r=((null==o?void 0:o.substring(0,a))||"")+'<mocka data-href="'.concat(e,'" data-url="true">').concat(n,"</mocka> ")+((null==o?void 0:o.substring(a))||"");null==c||c(r),P(r)}}),$e&&L.default.createElement($e,{ref:V,theme:"snow",value:s,onChange:function(n){null==c||c(n),P(n),U()},onChangeSelection:function(){U()},modules:O.current,formats:["mocka1","mention","id","key","bold","italic","underline","list","bullet"]}),!!(null==D?void 0:D.length)&&L.default.createElement("div",{ref:Y,className:"mention-search-container",style:W},D.map((function(n,i){return L.default.createElement("div",{className:"mention-search-item ".concat($===i?"item-selected":""),key:n.id,onClick:function(e){e.preventDefault(),e.stopPropagation(),Q(n.id,n.name)},onMouseEnter:function(){nn(i)}},L.default.createElement(t.UserAvatar,{className:"search-avatar",username:n.name,avatar:n.avatar}),L.default.createElement("div",null,L.default.createElement(e.Text,{size:"p2"},n.name),L.default.createElement(e.Text,{size:"p4",color:"#595959"},"@",n.username)))}))))},It=function(n){var e=n.onAddLink,t=n.id;return L.default.createElement("div",{id:"toolbar-"+t,onClick:function(n){n.preventDefault(),n.stopPropagation()}},L.default.createElement("span",{className:"ql-formats"},L.default.createElement("button",{className:"ql-bold",type:"button"}),L.default.createElement("button",{className:"ql-italic",type:"button"}),L.default.createElement("button",{className:"ql-underline",type:"button"})),L.default.createElement("span",{className:"ql-formats"},L.default.createElement("button",{className:"ql-list",value:"ordered",type:"button"}),L.default.createElement("button",{className:"ql-list",value:"bullet",type:"button"})),L.default.createElement("span",{className:"ql-formats"},L.default.createElement("button",{className:"ql-image",type:"button"}),e&&L.default.createElement(vn,{className:"link-tool-wrapper",toggleButtonContent:L.default.createElement("img",{className:"link-icon",src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.54545 16H7.09091C6.55368 16 6.02172 15.8965 5.52539 15.6955C5.02905 15.4945 4.57808 15.1999 4.1982 14.8284C3.43101 14.0783 3 13.0609 3 12C3 10.9391 3.43101 9.92172 4.1982 9.17157C4.96539 8.42143 6.00593 8 7.09091 8H9.54545M13.9256 8H16.9091C17.4463 8 17.9783 8.10346 18.4746 8.30448C18.9709 8.5055 19.4219 8.80014 19.8018 9.17157C20.1817 9.54301 20.483 9.98396 20.6886 10.4693C20.8942 10.9546 21 11.4747 21 12C21 12.5253 20.8942 13.0454 20.6886 13.5307C20.483 14.016 20.1817 14.457 19.8018 14.8284C19.4219 15.1999 18.9709 15.4945 18.4746 15.6955C17.9783 15.8965 17.4463 16 16.9091 16H13.9256' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9 12H15' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"}),buttonProps:{size:"md",color:"transparent"},align:"end"},(function(n){var t=n.setShow;return L.default.createElement(Ot,{onAddUrl:e,setShow:t})}))))},Ft=["notification.limitUrlDomain","notification.urlWrongFormat"],Ot=function(i){var o=i.onAddUrl,l=i.setShow,d=n.useContext(t.TogetherComponentGlobalContext).data.env.isMarryBaby,s=r.useTranslations().t,p=n.useState(""),u=p[0],m=p[1],g=n.useState(""),f=g[0],h=g[1],v=n.useState(-1),x=v[0],b=v[1],w=u.trim()&&f.trim()&&x<0;return L.default.createElement("div",{className:"link-tool-popover"},L.default.createElement(c.Input,{name:"url",value:u,size:"md",label:"URL",placeholder:s("placeholder.enterUrlHere"),type:"text",className:"link-input-url",onChange:function(n){m(n),function(n){var e=Ue(n.trim());try{var t=new URL(e);return t.protocol.startsWith("http")?Ve.some((function(n){return t.origin.endsWith("/"+n)||t.origin.endsWith("."+n)}))?(b(-1),!0):(b(0),!1):(b(1),!1)}catch(n){return b(1),!1}}(n)}}),x>=0&&L.default.createElement(e.Text,{size:"c2",className:"error-text"},s(Ft[x])),L.default.createElement(c.Input,{name:"text",value:f,size:"md",label:s("createPost.urlText"),placeholder:s("placeholder.enterUrlTextHere"),type:"text",className:"link-input-text",onChange:function(n){return h(n)}}),L.default.createElement("div",{"data-is-marrybaby":d,className:"link-input-button-wrapper"},L.default.createElement(a.Button,{theme:d?"marryBaby":"helloSites",size:"sm",color:"primary",className:"link-input-button",onClick:function(){w&&(o(f.trim(),Ue(u.trim())),l&&l(!1))},isDisabled:!w},s("insert"))))},Bt=function(i){var a=i.className,o=i.style,l=i.bannedWords,s=void 0===l?[]:l,c=i.value,p=i.onChange,u=i.onPreviewUrlChange,m=i.onInvalidUrlsChange,g=i.onImageFilesChange,f=i.imageFiles,h=i.isReplying,v=r.useTranslations().t,x=n.useState(null),b=x[0],w=x[1],y=n.useRef(null),C=Xe(f,g),k=C.onSelectImages,E=C.onRemoveImage,A=C.imageSrcs;return n.useEffect((function(){u&&((null==b?void 0:b.url)?u({title:b.title||"",url:b.url||"",image:b.image||"",description:b.description||""}):u(null))}),[b]),L.default.createElement(Ye,{className:a,style:o},L.default.createElement(e.Text,{size:"p4",className:"description-label"},v("createPost.popup.description")),L.default.createElement("div",{className:"textarea-control"},L.default.createElement("div",{className:"textarea-wrapper"},L.default.createElement(Pt,{html:c||"",onChange:p,bannedWords:s,onImagePickerClick:function(){var n;return null===(n=y.current)||void 0===n?void 0:n.click()},onPreviewUrlChange:w,onInvalidUrlsChange:m,isReplying:h}))),L.default.createElement(e.Text,{size:"p4",className:"count-string"},v("character"),": ",M.default(c||"").length),(!A||0===A.length)&&b&&L.default.createElement("div",{className:"link-preview-wrapper"},b.isFetching?L.default.createElement(X,null):L.default.createElement(L.default.Fragment,null,L.default.createElement(Y,{title:b.title,url:b.url||"#",image:b.image,noRefetch:!0}),L.default.createElement("img",{src:Ke,className:"icon-close",onClick:function(){return w(null)}}))),L.default.createElement("input",{ref:y,type:"file",accept:"image/png, image/gif, image/jpeg",multiple:!0,style:{display:"none"},onChange:k}),A.length>t.MAX_IMAGE_UPLOADS?L.default.createElement("div",{className:"input-notification"},L.default.createElement("img",{src:we}),L.default.createElement(e.Text,{size:"p4",color:d.theme.colors.alertWarning},v("createPost.popup.warningImage"))):null,A.length>0&&L.default.createElement("div",{className:"image-gallery"},A.map((function(n,e){return L.default.createElement("div",{key:e,className:"image-item"},L.default.createElement("img",{src:n}),L.default.createElement("img",{className:"close-btn",src:Ke,onClick:function(){return E(e)}}))}))))},Vt=z.default.div(tt||(tt=i.__makeTemplateObject(["\n  input:focus,\n  textarea:focus,\n  [contenteditable='true'] {\n    outline: none;\n  }\n\n  .title-input {\n    overflow: hidden;\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px #d9d9d9;\n    border-radius: 6px;\n    font-size: 16px;\n    line-height: 1.2;\n    white-space: nowrap;\n    :focus {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n    br {\n      display: none;\n    }\n    * {\n      display: inline;\n      white-space: nowrap;\n    }\n    mocka {\n      padding: 2px 6px;\n      border-radius: 1rem;\n      &[data-error='true'] {\n        background-color: #ffeeee;\n        color: red;\n        text-decoration: underline;\n        font-style: bold;\n      }\n    }\n    ol,\n    ul {\n      padding-left: 1rem;\n    }\n  }\n\n  label {\n    display: block;\n    margin-bottom: 5px;\n    color: ",";\n    font-size: 13px;\n    font-weight: bold;\n  }\n\n  .count-string {\n    margin-top: 5px;\n    color: ",";\n    font-size: 11px;\n    text-align: right;\n  }\n"],["\n  input:focus,\n  textarea:focus,\n  [contenteditable='true'] {\n    outline: none;\n  }\n\n  .title-input {\n    overflow: hidden;\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px #d9d9d9;\n    border-radius: 6px;\n    font-size: 16px;\n    line-height: 1.2;\n    white-space: nowrap;\n    :focus {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n    br {\n      display: none;\n    }\n    * {\n      display: inline;\n      white-space: nowrap;\n    }\n    mocka {\n      padding: 2px 6px;\n      border-radius: 1rem;\n      &[data-error='true'] {\n        background-color: #ffeeee;\n        color: red;\n        text-decoration: underline;\n        font-style: bold;\n      }\n    }\n    ol,\n    ul {\n      padding-left: 1rem;\n    }\n  }\n\n  label {\n    display: block;\n    margin-bottom: 5px;\n    color: ",";\n    font-size: 13px;\n    font-weight: bold;\n  }\n\n  .count-string {\n    margin-top: 5px;\n    color: ",";\n    font-size: 11px;\n    text-align: right;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.colors.gray500})),Ut=function(n,e){if(!e)return n;var t=e.limit,i=e.bannedWords,a=void 0===i?[]:i,o="number"==typeof t&&t>=0?n.substring(0,t):n;return Re(o,a)},Rt=function(t){var i,a=t.className,o=t.style,l=t.bannedWords,d=void 0===l?[]:l,s=t.value,p=t.onChange,u=r.useTranslations().t,m=n.useState(""),g=m[0],f=m[1],h=n.useRef(null);n.useEffect((function(){if(h.current){var n=function(n){var e;n.preventDefault();var t=null===(e=n.clipboardData)||void 0===e?void 0:e.getData("text/plain");document.execCommand("insertHTML",!1,t)},e=h.current;return e.addEventListener("paste",n),function(){return e.removeEventListener("paste",n)}}}),[h]);var v=(null==d?void 0:d.join(","))||"";n.useEffect((function(){var n;if(v){var e=null===(n=h.current)||void 0===n?void 0:n.innerText;if(e){var t=Re(e,d);t!==e&&(p&&p(t),f(t))}}}),[v]);var x=n.useCallback(j.default((function(n){if(h.current){var e=Ut(h.current.innerText,{limit:120,bannedWords:d});p&&p(e),f(e)}}),300),[]);return n.useEffect((function(){setTimeout((function(){var n;null===(n=h.current)||void 0===n||n.focus()}),500)}),[]),L.default.createElement(Vt,{className:a,style:o},L.default.createElement(c.Input,{name:"title",value:s||g,size:"md",label:u("createPost.title"),CustomInput:L.default.createElement(S.default,{innerRef:h,html:s||g,onChange:function(n){if(h.current&&h.current.innerText!==(s||g)){var e=Ut(h.current.innerText,{bannedWords:d});p&&p(e),f(e),x(h.current.innerText)}},className:"title-input"})}),L.default.createElement(e.Text,{size:"p4",className:"count-string"},u("createPost.popup.wordCount",{count:(null===(i=h.current)||void 0===i?void 0:i.innerText.length)||0,max:120})))},Dt=z.default.div(it||(it=i.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  flex-wrap: wrap;\n  margin-top: 1rem;\n\n  .tag-item {\n    min-height: 32px;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    margin-right: 1rem;\n    margin-bottom: 8px;\n    border-radius: 1rem;\n    color: ",";\n    cursor: pointer;\n    font-size: 13px;\n    line-height: 22px;\n    transition: all 0.2s;\n\n    &.--active {\n      border-color: ",";\n      background: ",";\n      color: ",";\n    }\n    &[data-disabled='true'] {\n      background: ",";\n      color: ",";\n    }\n  }\n  .topic-spinner {\n    margin-right: auto;\n    margin-left: auto;\n    & > button {\n      width: 24px;\n      height: 24px;\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .tag-item {\n      border-color: transparent;\n      background: #f3f3f3;\n      color: #3e3f58;\n      &.--active {\n        border-color: #b6cdff;\n        background: #e0e9fb;\n        color: #3e3f58;\n      }\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  flex-wrap: wrap;\n  margin-top: 1rem;\n\n  .tag-item {\n    min-height: 32px;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    margin-right: 1rem;\n    margin-bottom: 8px;\n    border-radius: 1rem;\n    color: ",";\n    cursor: pointer;\n    font-size: 13px;\n    line-height: 22px;\n    transition: all 0.2s;\n\n    &.--active {\n      border-color: ",";\n      background: ",";\n      color: ",";\n    }\n    &[data-disabled='true'] {\n      background: ",";\n      color: ",";\n    }\n  }\n  .topic-spinner {\n    margin-right: auto;\n    margin-left: auto;\n    & > button {\n      width: 24px;\n      height: 24px;\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .tag-item {\n      border-color: transparent;\n      background: #f3f3f3;\n      color: #3e3f58;\n      &.--active {\n        border-color: #b6cdff;\n        background: #e0e9fb;\n        color: #3e3f58;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray800})),Ht=function(e){var a=e.className,o=e.style,r=e.topics,l=e.communityId,d=e.onChange,s=e.isLoading,c=e.disabled,p=e.forceTopics,u=e.selectedTopics,m=e.noFetch,g=n.useContext(t.TogetherComponentGlobalContext).data,f=g.locale,h=g.env.isMarryBaby,v=n.useState(r?i.__spreadArray([],r,!0):[]),x=v[0],b=v[1],w=n.useState(u?i.__spreadArray([],u,!0):[]),y=w[0],C=w[1],k=n.useState(!1),E=k[0],A=k[1],_=n.useRef(r);_.current=r,n.useEffect((function(){var n;!l||m||(null===(n=_.current)||void 0===n?void 0:n.length)||(b([]),A(!0),i.__awaiter(void 0,void 0,void 0,(function(){var n,e,a,o;return i.__generator(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),[4,t.callApi(t.getApiPath(t.PATHS.TOPIC.LIST,{communityId:l,_locale:f}),"GET")];case 1:return n=i.sent(),e=null===(o=null==n?void 0:n.data)||void 0===o?void 0:o.topics,Array.isArray(e)&&b((function(){return(null==e?void 0:e.map(t.formatTopic).sort((function(n,e){return(n.order||0)-(e.order||0)})))||[]})),[3,3];case 2:return a=i.sent(),console.log(a),A(!1),[3,3];case 3:return A(!1),[2]}}))})))}),[l,m]);var T=null==r?void 0:r.map((function(n){return n.id})).join("-"),N=null==x?void 0:x.map((function(n){return n.id})).join("-"),M=null==p?void 0:p.map((function(n){return n.id})).join("-");n.useEffect((function(){r&&void 0!==T&&T!==N&&b(r)}),[r,T,N]);var z=n.useMemo((function(){return x.filter((function(n){return!(null==p?void 0:p.some((function(e){return e.id&&e.id===n.id||e.mappedCategoryId&&e.mappedCategoryId===n.mappedCategoryId})))}))}),[N,M]);return L.default.createElement(Dt,{"data-is-marrybaby":h,className:a,style:o},p.map((function(n){return L.default.createElement(Zt,{key:"".concat(n.id,"-").concat(n.mappedCategoryId),topic:n,disabled:!0,selected:!0})})),z.map((function(n){return L.default.createElement(Zt,{key:"".concat(n.id,"-").concat(n.mappedCategoryId),topic:n,disabled:c,selected:(u||y).some((function(e){return e.id&&e.id===n.id||e.mappedCategoryId&&e.mappedCategoryId===n.mappedCategoryId})),onClick:function(){var e=u||y,t=e.findIndex((function(e){return e.id&&e.id===n.id||e.mappedCategoryId&&e.mappedCategoryId===n.mappedCategoryId}));-1!==t?e.splice(t,1):e.push(n),d&&u?d(e.slice()):(d&&d(e.slice()),C(e.slice()))}})})),(s||E)&&L.default.createElement(X,{className:"topic-spinner"}))},Zt=function(n){var e=n.topic,t=n.disabled,i=n.selected,a=n.onClick;return L.default.createElement("div",{className:"tag-item"+(i?" --active":""),"data-disabled":t,onClick:t?void 0:a},e.name)},Wt="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",qt=z.default.div(rt||(rt=i.__makeTemplateObject(["\n  [data-type='confirm'] {\n    max-width: 468px;\n    height: 486px;\n    padding: 0;\n\n    .popup-content {\n      display: flex;\n      flex-direction: column;\n      padding: 0;\n\n      .close-button {\n        top: 16px;\n        right: 16px;\n        width: 24px;\n        height: 24px;\n        z-index: 5;\n      }\n\n      .header {\n        display: flex;\n        height: 56px;\n        align-items: center;\n        padding: 16px 56px 16px 32px;\n        border-bottom: 1px solid ",";\n        font-weight: 900;\n        width: 100%;\n        justify-content: space-between;\n      }\n\n      .content {\n        overflow: auto;\n        flex: 1;\n        .topic-list-wrapper {\n          padding: 1rem;\n        }\n      }\n    }\n  }\n\n  > div&[data-open='true'] {\n    z-index: 250;\n    &:last-child {\n      z-index: 200;\n    }\n  }\n\n  ","\n\n  ","\n"],["\n  [data-type='confirm'] {\n    max-width: 468px;\n    height: 486px;\n    padding: 0;\n\n    .popup-content {\n      display: flex;\n      flex-direction: column;\n      padding: 0;\n\n      .close-button {\n        top: 16px;\n        right: 16px;\n        width: 24px;\n        height: 24px;\n        z-index: 5;\n      }\n\n      .header {\n        display: flex;\n        height: 56px;\n        align-items: center;\n        padding: 16px 56px 16px 32px;\n        border-bottom: 1px solid ",";\n        font-weight: 900;\n        width: 100%;\n        justify-content: space-between;\n      }\n\n      .content {\n        overflow: auto;\n        flex: 1;\n        .topic-list-wrapper {\n          padding: 1rem;\n        }\n      }\n    }\n  }\n\n  > div&[data-open='true'] {\n    z-index: 250;\n    &:last-child {\n      z-index: 200;\n    }\n  }\n\n  ","\n\n  ","\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.isExpand&&s.css(at||(at=i.__makeTemplateObject(["\n      & > div[data-open] {\n        width: 100%;\n        height: 100%;\n        max-width: none;\n        max-height: none;\n      }\n    "],["\n      & > div[data-open] {\n        width: 100%;\n        height: 100%;\n        max-width: none;\n        max-height: none;\n      }\n    "])))}),(function(n){return n.hasFullscreen&&s.css(ot||(ot=i.__makeTemplateObject(["\n      & > div[data-open] {\n        transition: all 0.5s ease-in-out, width 0s, height 0s;\n      }\n    "],["\n      & > div[data-open] {\n        transition: all 0.5s ease-in-out, width 0s, height 0s;\n      }\n    "])))})),Gt=z.default.div(lt||(lt=i.__makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n"],["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n"]))),Qt=function(e){var i=e.className,a=e.style,o=e.closeIcon,r=e.heading,l=void 0===r?"":r,d=e.children,s=e.isOpen,c=void 0!==s&&s,p=e.hasFullscreen,u=void 0!==p&&p,g=e.onClose,f=void 0===g?function(){return null}:g,h=n.useState(!1),v=h[0],x=h[1];return L.default.createElement(qt,{className:i,style:a,isExpand:v,hasFullscreen:u},L.default.createElement(t.Popup,{type:"confirm",onClose:f,isOpen:c,closeIcon:o||L.default.createElement("img",{src:Wt}),enableAnimation:!u},L.default.createElement("div",{className:"header"},L.default.createElement(m.Heading,{tag:"h5"},l),u&&L.default.createElement(Gt,{onClick:function(){return x(!v)}},L.default.createElement(m.FullScreen,{size:14,isExpand:v}))),L.default.createElement("div",{className:"content"},"function"==typeof d?d(v):d)))},Xt=z.default.div(dt||(dt=i.__makeTemplateObject(["\n  [data-type='confirm'] {\n    width: min(360px, 100%);\n    height: auto;\n    &[data-open='false'] {\n      top: calc(-100% - 500px);\n    }\n  }\n  z-index: 600;\n\n  .header {\n    display: none !important;\n  }\n\n  .confirm-dialog {\n    position: relative;\n    overflow: auto;\n    width: 100%;\n    padding-top: 44px;\n    background: #fff;\n    border-radius: 6px;\n\n    .confirm-content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      padding: 0 16px 16px;\n      text-align: center;\n\n      .title {\n        margin-bottom: 8px;\n        font-size: 24px;\n        line-height: 32px;\n        word-break: break-word;\n        overflow-wrap: break-word;\n      }\n\n      .desc {\n        margin-bottom: 24px;\n        color: ",";\n        font-size: 18px;\n        line-height: 24px;\n        text-align: center;\n        word-break: break-word;\n        overflow-wrap: break-word;\n      }\n\n      .btn-group {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        justify-content: center;\n\n        button {\n          margin: 0 4px 0.5rem;\n        }\n      }\n    }\n  }\n  .thumbnail-container {\n    width: 80px;\n    height: 80px;\n    margin-bottom: 32px;\n    .thumbnail {\n      width: 100%;\n      height: 100%;\n    }\n    &.is-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #e0e9fc;\n      border-radius: 1rem;\n      .thumbnail {\n        width: 40px;\n        height: 40px;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .popup-frame {\n      > div:first-child {\n        overflow: hidden;\n        border-radius: 1rem;\n        &[data-open='true'] {\n          "," {\n            top: 100%;\n            transform: translate(-50%, -100%);\n            max-width: unset;\n            width: 100%;\n            background: unset;\n            overflow: unset;\n          }\n        }\n      }\n      .popup-content {\n        .close-button {\n          "," {\n            display: none;\n          }\n        }\n        .confirm-dialog {\n          "," {\n            background: unset;\n            position: relative;\n            overflow-x: hidden;\n            &::before {\n              content: '';\n              width: 200%;\n              background: #fff;\n              position: absolute;\n              left: 50%;\n              top: 0;\n              transform: translateX(-50%);\n              z-index: -1;\n              height: 100%;\n              border-top-left-radius: 100%;\n              border-top-right-radius: 100%;\n            }\n          }\n          .confirm-content {\n            padding: 0 40px 40px;\n            "," {\n              padding-left: 1.5rem;\n              padding-right: 1.5rem;\n            }\n            .btn-group {\n              width: 100%;\n              justify-content: space-between;\n              button {\n                flex: 1;\n                margin: 0;\n                &:first-child {\n                  margin-right: 0.5rem;\n                }\n              }\n            }\n          }\n        }\n      }\n      .thumbnail-container {\n        "," {\n          display: none;\n        }\n        &.is-icon {\n          background: #ffeaf1;\n          border-radius: 24px;\n        }\n        &.is-mobile {\n          position: absolute;\n          top: 0;\n          left: 50%;\n          display: none;\n          width: 48px;\n          height: 48px;\n          transform: translate(-50%, -50%);\n          &.is-icon {\n            border-radius: 1rem;\n            .thumbnail {\n              width: 24px;\n              height: 24px;\n            }\n          }\n          "," {\n            display: flex;\n          }\n        }\n      }\n    }\n  }\n"],["\n  [data-type='confirm'] {\n    width: min(360px, 100%);\n    height: auto;\n    &[data-open='false'] {\n      top: calc(-100% - 500px);\n    }\n  }\n  z-index: 600;\n\n  .header {\n    display: none !important;\n  }\n\n  .confirm-dialog {\n    position: relative;\n    overflow: auto;\n    width: 100%;\n    padding-top: 44px;\n    background: #fff;\n    border-radius: 6px;\n\n    .confirm-content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      padding: 0 16px 16px;\n      text-align: center;\n\n      .title {\n        margin-bottom: 8px;\n        font-size: 24px;\n        line-height: 32px;\n        word-break: break-word;\n        overflow-wrap: break-word;\n      }\n\n      .desc {\n        margin-bottom: 24px;\n        color: ",";\n        font-size: 18px;\n        line-height: 24px;\n        text-align: center;\n        word-break: break-word;\n        overflow-wrap: break-word;\n      }\n\n      .btn-group {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        justify-content: center;\n\n        button {\n          margin: 0 4px 0.5rem;\n        }\n      }\n    }\n  }\n  .thumbnail-container {\n    width: 80px;\n    height: 80px;\n    margin-bottom: 32px;\n    .thumbnail {\n      width: 100%;\n      height: 100%;\n    }\n    &.is-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #e0e9fc;\n      border-radius: 1rem;\n      .thumbnail {\n        width: 40px;\n        height: 40px;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .popup-frame {\n      > div:first-child {\n        overflow: hidden;\n        border-radius: 1rem;\n        &[data-open='true'] {\n          "," {\n            top: 100%;\n            transform: translate(-50%, -100%);\n            max-width: unset;\n            width: 100%;\n            background: unset;\n            overflow: unset;\n          }\n        }\n      }\n      .popup-content {\n        .close-button {\n          "," {\n            display: none;\n          }\n        }\n        .confirm-dialog {\n          "," {\n            background: unset;\n            position: relative;\n            overflow-x: hidden;\n            &::before {\n              content: '';\n              width: 200%;\n              background: #fff;\n              position: absolute;\n              left: 50%;\n              top: 0;\n              transform: translateX(-50%);\n              z-index: -1;\n              height: 100%;\n              border-top-left-radius: 100%;\n              border-top-right-radius: 100%;\n            }\n          }\n          .confirm-content {\n            padding: 0 40px 40px;\n            "," {\n              padding-left: 1.5rem;\n              padding-right: 1.5rem;\n            }\n            .btn-group {\n              width: 100%;\n              justify-content: space-between;\n              button {\n                flex: 1;\n                margin: 0;\n                &:first-child {\n                  margin-right: 0.5rem;\n                }\n              }\n            }\n          }\n        }\n      }\n      .thumbnail-container {\n        "," {\n          display: none;\n        }\n        &.is-icon {\n          background: #ffeaf1;\n          border-radius: 24px;\n        }\n        &.is-mobile {\n          position: absolute;\n          top: 0;\n          left: 50%;\n          display: none;\n          width: 48px;\n          height: 48px;\n          transform: translate(-50%, -50%);\n          &.is-icon {\n            border-radius: 1rem;\n            .thumbnail {\n              width: 24px;\n              height: 24px;\n            }\n          }\n          "," {\n            display: flex;\n          }\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500}),h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown),Kt=function(o){var r=o.className,l=o.isMarryBaby,d=o.style,s=o.title,c=o.description,p=o.acceptText,u=o.cancelText,g=o.onAccept,f=o.thumbnail,v=o.isThumbnailIcon,x=o.onClose,b=o.acceptBtnTracking,w=n.useContext(t.TogetherComponentGlobalContext).data.env.isMarryBaby,y="boolean"==typeof l?l:w,C=n.useState(!1),k=C[0],E=C[1];return n.useEffect((function(){return h.toggleNoScroll(!0),setTimeout((function(){return E(!0)}),0),function(){return h.toggleNoScroll(!1)}}),[]),"undefined"==typeof window?null:P.createPortal(L.default.createElement(Xt,{"data-is-marrybaby":y,className:r,style:d,"data-open":k},L.default.createElement(Qt,{className:"popup-frame",isOpen:k,onClose:x},L.default.createElement("div",{className:"confirm-dialog",onClick:function(n){return n.stopPropagation()}},L.default.createElement("div",{className:"confirm-content"},f&&L.default.createElement("div",{className:"thumbnail-container ".concat(v?"is-icon":"")},L.default.createElement("img",{className:"thumbnail",src:f})),L.default.createElement(m.Heading,{className:"title",tag:"h2"},s),L.default.createElement(e.Text,{className:"desc",size:"lg"},c),L.default.createElement("div",{className:"btn-group"},L.default.createElement(a.Button,i.__assign({theme:y?"marryBaby":"helloSites",size:"md",color:"secondary",onClick:function(){null==g||g(),null==x||x()}},b),p),L.default.createElement(a.Button,{theme:y?"marryBaby":"helloSites",size:"md",onClick:x},u)))),y&&f&&L.default.createElement("div",{className:"thumbnail-container is-mobile ".concat(v?"is-icon":"")},L.default.createElement("img",{className:"thumbnail",src:f})))),h.getPopupWrapperDom())},Yt=function(n){var e=n.postId,a=n.message,o=n.photos,r=n.link,l=n.locale,d=n.sanitizeFunction,s=n.replyingUserId,c=n.replyingUserName,p=n.replyingId;return i.__awaiter(void 0,void 0,void 0,(function(){var n,u,m;return i.__generator(this,(function(i){switch(i.label){case 0:return n=new FormData,u=Be(a.replace(/(\&nbsp;)+/g," "),d),m=Pe(u),o&&o.length>0?[4,Promise.all(null==o?void 0:o.map((function(n){return De(n,l)})))]:[3,2];case 1:i.sent().filter(Boolean).slice(0,t.MAX_IMAGE_UPLOADS).forEach((function(e){n.append("images[]",e)})),i.label=2;case 2:return r&&n.append("link",r),null==m||m.forEach((function(e){n.append("mention_ids[]",e)})),n.append("post_id",e),p&&n.append("parent_id",p),s&&(m.unshift(s),u='[mention+id="'.concat(s,'"+name="').concat((c||"").replace('"',"'"),'"]').concat(u),n.append("parent_user_id",String(s))),n.append("content",u),n.append("content",u),[2,n]}}))}))},Jt=function(n,e){return i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(i){return[2,t.callApiWithAuth(t.getApiPath(t.PATHS.COMMENT.CREATE,{_locale:e}),"POST",{data:n})]}))}))},$t=function(n,e){return i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(i){return[2,t.callApiWithAuth(t.getApiPath(t.PATHS.COMMENT.REPLY,{_locale:e}),"POST",{data:n})]}))}))},ni=function(n){var e=n.commentId,a=n.setLike,o=void 0!==a&&a,r=n.locale;return i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(n){return[2,t.callApiWithAuth(t.getApiPath(o?t.PATHS.COMMENT.LIKE:t.PATHS.COMMENT.UNLIKE,{_locale:r,id:e}),"GET")]}))}))},ei=function(n){var e=n.id,i=n.locale;return t.callApiWithAuth(t.getApiPath(t.PATHS.COMMENT.DELETE,{_locale:i,id:e}),"DELETE")},ti=z.default.div(st||(st=i.__makeTemplateObject(["\n  padding: 1rem;\n  border-top: 1px solid #f2f2f2;\n  &[data-is-reply='true'] {\n    padding-right: 0;\n    padding-left: 0;\n    border-top: 1px solid #e4e8ec;\n    margin-right: 1rem;\n    margin-left: 1rem;\n  }\n  .error-text {\n    padding: 1rem;\n    color: ",";\n  }\n  .reply-to-container {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 0.75rem;\n    margin-top: -0.25rem;\n    .icon-close-comment {\n      width: 16px;\n      height: 16px;\n      cursor: pointer;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  .input-container {\n    display: flex;\n    align-items: center;\n    .avatar-wrapper {\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n      margin-right: 0.5rem;\n      &.avatar-wrapper-reply {\n        width: 32px;\n        height: 32px;\n        .avatar {\n          width: 32px;\n          height: 32px;\n        }\n      }\n    }\n    .input-wrapper {\n      margin-right: 0.5rem;\n      &[data-has-error] {\n        .as-input {\n          border-color: ",";\n        }\n      }\n\n      .as-input {\n        .textarea {\n          width: 100%;\n          max-height: 225px;\n          min-height: 75px;\n          .ql-toolbar {\n            padding: 0;\n          }\n          .ql-editor {\n            padding-left: 0;\n            padding-right: 0;\n          }\n          .quill {\n            height: 0;\n          }\n        }\n        width: 100%;\n        padding: 12px 16px;\n        border: solid 1px ",";\n        border-radius: 6px;\n\n        &:active,\n        &:focus {\n          border-color: ",";\n          box-shadow: 0px 0px 2px 2px ",";\n        }\n\n        &:disabled {\n          background-color: ",";\n          cursor: not-allowed;\n        }\n\n        span {\n          &[data-error='true'] {\n            color: red;\n            text-decoration: underline;\n          }\n        }\n      }\n\n      &[data-has-action-icon] {\n        .as-input {\n          padding: 12px 48px 12px 16px;\n        }\n      }\n      &[data-has-display-icon] {\n        .as-input {\n          padding: 12px 16px 12px 48px;\n        }\n      }\n\n      &[data-has-action-icon][data-has-display-icon] {\n        .as-input {\n          padding: 12px 48px;\n        }\n      }\n\n      &[data-size='lg'] {\n        .as-input {\n          font-size: 16px;\n          font-weight: ",";\n          "," {\n            font-size: 22px;\n            line-height: 1.2;\n          }\n\n          "," {\n            font-size: 26px;\n            line-height: 1.2;\n          }\n        }\n      }\n      &[data-size='md'] {\n        .as-input {\n          font-weight: ",";\n          line-height: 22px;\n          "," {\n            font-size: 14px;\n            line-height: 1.2;\n          }\n\n          "," {\n            font-size: 16px;\n            line-height: 1.2;\n          }\n        }\n      }\n      &[data-size='sm'] {\n        .as-input {\n          font-weight: ",";\n          line-height: 20px;\n          "," {\n            font-size: 13px;\n            line-height: 1.5;\n          }\n\n          "," {\n            font-size: 13px;\n            line-height: 1.5;\n          }\n        }\n      }\n    }\n    .images-input-label {\n      height: 100%;\n      cursor: pointer;\n      .icon-images-input {\n        width: 24px;\n        height: 24px;\n        vertical-align: middle;\n      }\n    }\n    .send-button {\n      display: flex;\n      width: 40px;\n      height: 40px;\n      flex-shrink: 0;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      border: none;\n      &.send-button-post {\n        background: ",";\n        border-radius: 50%;\n      }\n      .icon-enter {\n        width: 20px;\n        height: 20px;\n        vertical-align: middle;\n      }\n      &[data-is-loading='true'] {\n        > div {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n      }\n    }\n  }\n  .preview-images-container {\n    margin-top: 1rem;\n    .image-src-wrapper {\n      position: relative;\n      width: 100%;\n      padding-top: 66.67%;\n      &:not(:last-child) {\n        margin-bottom: 1rem;\n      }\n      .preview-image {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n      .icon-close-circle {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n        width: 20px;\n        height: 20px;\n        cursor: pointer;\n      }\n    }\n  }\n"],["\n  padding: 1rem;\n  border-top: 1px solid #f2f2f2;\n  &[data-is-reply='true'] {\n    padding-right: 0;\n    padding-left: 0;\n    border-top: 1px solid #e4e8ec;\n    margin-right: 1rem;\n    margin-left: 1rem;\n  }\n  .error-text {\n    padding: 1rem;\n    color: ",";\n  }\n  .reply-to-container {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 0.75rem;\n    margin-top: -0.25rem;\n    .icon-close-comment {\n      width: 16px;\n      height: 16px;\n      cursor: pointer;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  .input-container {\n    display: flex;\n    align-items: center;\n    .avatar-wrapper {\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n      margin-right: 0.5rem;\n      &.avatar-wrapper-reply {\n        width: 32px;\n        height: 32px;\n        .avatar {\n          width: 32px;\n          height: 32px;\n        }\n      }\n    }\n    .input-wrapper {\n      margin-right: 0.5rem;\n      &[data-has-error] {\n        .as-input {\n          border-color: ",";\n        }\n      }\n\n      .as-input {\n        .textarea {\n          width: 100%;\n          max-height: 225px;\n          min-height: 75px;\n          .ql-toolbar {\n            padding: 0;\n          }\n          .ql-editor {\n            padding-left: 0;\n            padding-right: 0;\n          }\n          .quill {\n            height: 0;\n          }\n        }\n        width: 100%;\n        padding: 12px 16px;\n        border: solid 1px ",";\n        border-radius: 6px;\n\n        &:active,\n        &:focus {\n          border-color: ",";\n          box-shadow: 0px 0px 2px 2px ",";\n        }\n\n        &:disabled {\n          background-color: ",";\n          cursor: not-allowed;\n        }\n\n        span {\n          &[data-error='true'] {\n            color: red;\n            text-decoration: underline;\n          }\n        }\n      }\n\n      &[data-has-action-icon] {\n        .as-input {\n          padding: 12px 48px 12px 16px;\n        }\n      }\n      &[data-has-display-icon] {\n        .as-input {\n          padding: 12px 16px 12px 48px;\n        }\n      }\n\n      &[data-has-action-icon][data-has-display-icon] {\n        .as-input {\n          padding: 12px 48px;\n        }\n      }\n\n      &[data-size='lg'] {\n        .as-input {\n          font-size: 16px;\n          font-weight: ",";\n          "," {\n            font-size: 22px;\n            line-height: 1.2;\n          }\n\n          "," {\n            font-size: 26px;\n            line-height: 1.2;\n          }\n        }\n      }\n      &[data-size='md'] {\n        .as-input {\n          font-weight: ",";\n          line-height: 22px;\n          "," {\n            font-size: 14px;\n            line-height: 1.2;\n          }\n\n          "," {\n            font-size: 16px;\n            line-height: 1.2;\n          }\n        }\n      }\n      &[data-size='sm'] {\n        .as-input {\n          font-weight: ",";\n          line-height: 20px;\n          "," {\n            font-size: 13px;\n            line-height: 1.5;\n          }\n\n          "," {\n            font-size: 13px;\n            line-height: 1.5;\n          }\n        }\n      }\n    }\n    .images-input-label {\n      height: 100%;\n      cursor: pointer;\n      .icon-images-input {\n        width: 24px;\n        height: 24px;\n        vertical-align: middle;\n      }\n    }\n    .send-button {\n      display: flex;\n      width: 40px;\n      height: 40px;\n      flex-shrink: 0;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      border: none;\n      &.send-button-post {\n        background: ",";\n        border-radius: 50%;\n      }\n      .icon-enter {\n        width: 20px;\n        height: 20px;\n        vertical-align: middle;\n      }\n      &[data-is-loading='true'] {\n        > div {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n      }\n    }\n  }\n  .preview-images-container {\n    margin-top: 1rem;\n    .image-src-wrapper {\n      position: relative;\n      width: 100%;\n      padding-top: 66.67%;\n      &:not(:last-child) {\n        margin-bottom: 1rem;\n      }\n      .preview-image {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n      .icon-close-circle {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n        width: 20px;\n        height: 20px;\n        cursor: pointer;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.sizes.fwRegular}),h.MediaQueries.mbDown,h.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),h.MediaQueries.mbDown,h.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),h.MediaQueries.mbDown,h.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral100})),ii=n.createContext({}),ai=function(o){var l=o.isReply,d=o.className,s=o.onClose,p=o.replyToName,u=o.style,m=o.replyingId,g=o.replyingUser,f=o.onPostSuccess;o.isMainCmt;var h=o.post,v=o.isMarryBaby,x=n.useContext(t.TogetherComponentGlobalContext),b=x.action,w=b.pushNotifications,y=b.sanitizeFunction,C=x.data,k=C.userInfo,E=C.locale,A=C.env.isMarryBaby,_="boolean"==typeof v?v:A,T=r.useTranslations().t,N=Xe(),M=N.onSelectImages,z=N.onRemoveImage,j=N.imageSrcs,S=N.onRemoveAllImages,P=N.imageFiles,I=n.useState(""),F=I[0],O=I[1],B=n.useContext(ii).trigger,V=n.useState(!1),U=V[0],R=V[1],D=n.useRef(null),H=n.useRef(null),Z=n.useRef(null),W=n.useState([]),q=W[0],G=W[1],Q=n.useState([]),K=Q[0],J=Q[1],$=n.useState(null),nn=$[0],en=$[1];return n.useEffect((function(){var n;null===(n=Z.current)||void 0===n||n.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout((function(){var n;null===(n=H.current)||void 0===n||n.focus()}),400)}),[B]),L.default.createElement(ti,{"data-is-reply":l,className:d,style:u},l&&L.default.createElement("div",{className:"reply-to-container"},L.default.createElement(e.Text,{size:"p4"},L.default.createElement("span",{dangerouslySetInnerHTML:{__html:T("inputComment.replyTo",{name:'<span style="color: #2D87F3; cursor: pointer">@'.concat(p||"","</span>")})}})),L.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8.00016' cy='8.50004' r='6.66667' fill='white' stroke='%23404040'/%3e%3cpath d='M10 6.5L6 10.5' stroke='%23404040' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6.5L10 10.5' stroke='%23404040' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",className:"icon-close-comment",onClick:function(){return s&&s()}})),L.default.createElement("div",{className:"input-container",ref:Z},L.default.createElement(t.UserAvatar,{className:"avatar-wrapper ".concat(l?"avatar-wrapper-reply":""),avatar:(null==k?void 0:k.id)?k.avatar:t.DEFAULT_AVATAR_IMG,username:(null==k?void 0:k.name)||(null==k?void 0:k.username)}),L.default.createElement("input",{ref:D,onChange:M,type:"file",multiple:!0,accept:"image/png,image/jpeg",name:"images",style:{display:"none"}}),L.default.createElement(c.Input,{value:F,name:"input",size:"md",className:"input-wrapper",displayIcon:L.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.7543 4.85352H4.49227C4.01776 4.85352 3.56268 5.04201 3.22715 5.37754C2.89162 5.71307 2.70313 6.16815 2.70312 6.64266V19.1667C2.70313 19.6412 2.89162 20.0963 3.22715 20.4318C3.56268 20.7673 4.01776 20.9558 4.49227 20.9558H17.0163C17.4908 20.9558 17.9459 20.7673 18.2814 20.4318C18.6169 20.0963 18.8054 19.6412 18.8054 19.1667V12.9047' stroke='%232D87F3' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M17.4633 3.51187C17.8192 3.15599 18.3019 2.95605 18.8052 2.95605C19.3085 2.95605 19.7912 3.15599 20.147 3.51187C20.5029 3.86775 20.7029 4.35044 20.7029 4.85373C20.7029 5.35702 20.5029 5.83971 20.147 6.19559L11.6486 14.694L8.07031 15.5886L8.96489 12.0103L17.4633 3.51187Z' stroke='%232D87F3' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"}),CustomInput:L.default.createElement("div",{className:"as-input"},L.default.createElement(Pt,{className:"textarea",html:F,onChange:O,onImagePickerClick:function(){var n;return null===(n=D.current)||void 0===n?void 0:n.click()},bannedWords:K,onPreviewUrlChange:en,onInvalidUrlsChange:G,setEditorRef:function(n){return H.current=n},isReplying:l}))}),L.default.createElement(a.Button,{theme:_?"marryBaby":"helloSites",className:"send-button",size:"sm",onClick:function(){return i.__awaiter(void 0,void 0,void 0,(function(){var n,e,a,o,r,d,c,p,u,v,x,b,C;return i.__generator(this,(function(k){switch(k.label){case 0:if(!(null==h?void 0:h.id)||U)return[2];R(!0),k.label=1;case 1:return k.trys.push([1,4,,5]),n=function(n){O(""),S(),s&&s();var e=t.formatComment(n.data);"string"==typeof e.images&&(e.images=JSON.parse(e.images)),f&&f(e)},[4,Yt(i.__assign({message:F,photos:P,postId:String(h.id),link:null==nn?void 0:nn.url,sanitizeFunction:y,locale:E},l&&m?{replyingUserId:String((null==g?void 0:g.id)||(null===(r=null==h?void 0:h.author)||void 0===r?void 0:r.id)||""),replyingId:m,replyingUserName:(null==g?void 0:g.name)||(null==g?void 0:g.username)||""}:{}))];case 2:return e=k.sent(),[4,l&&m?$t(e,E):Jt(e,E)];case 3:return a=k.sent(),(null==(o=null==a?void 0:a.data)?void 0:o.id)&&!(null===(c=null===(d=null==a?void 0:a.messages)||void 0===d?void 0:d.moderation)||void 0===c?void 0:c.type)?n(a):"banned"===(null===(u=null===(p=null==a?void 0:a.messages)||void 0===p?void 0:p.moderation)||void 0===u?void 0:u.type)?(w({title:T("notification.comment.blocked.title"),message:T("notification.comment.blocked.message"),type:"danger"}),a.messages.moderation.words&&J(a.messages.moderation.words)):"suspect"===(null===(x=null===(v=null==a?void 0:a.messages)||void 0===v?void 0:v.moderation)||void 0===x?void 0:x.type)?(w({title:T("notification.comment.suspect.title"),message:T("notification.comment.suspect.message"),type:"warning"}),O(""),S(),s&&s()):(null===(b=null==a?void 0:a.messages)||void 0===b?void 0:b.find((function(n){var e;return!!(null===(e=null==n?void 0:n.includes)||void 0===e?void 0:e.call(n,"suspend"))})))?(w({message:T("notification.suspend.message"),type:"warning"}),O(""),S(),s&&s()):w({title:"",message:(null===(C=null==a?void 0:a.messages)||void 0===C?void 0:C[0])||T("notification.comment.somethingWrong"),type:"danger"}),[3,5];case 4:return k.sent(),w({title:"",message:T("notification.comment.somethingWrong"),type:"danger"}),[3,5];case 5:return R(!1),[2]}}))}))},isLoading:U,isDisabled:!!(null==q?void 0:q.length)||U||!F||(null==F?void 0:F.length)<2||!F.trim()},L.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.5 9.73438L3.75 13.4844L7.5 17.2344' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M16.25 4.73438L16.25 10.3026C16.25 11.1464 15.9208 11.9557 15.3347 12.5524C14.7487 13.1491 13.9538 13.4844 13.125 13.4844L3.75 13.4844' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",className:"icon-enter"}))),(null==q?void 0:q.length)?L.default.createElement("div",{className:"error-text"},T("notification.limitUrlDomain")):null,(!j||0===j.length)&&nn&&L.default.createElement("div",{className:"link-preview-wrapper"},nn.isFetching?L.default.createElement(X,null):L.default.createElement(L.default.Fragment,null,L.default.createElement(Y,{title:nn.title,url:nn.url||"#",image:nn.image,noRefetch:!0}),L.default.createElement("img",{src:Ke,className:"icon-close",onClick:function(){return en(null)}}))),j&&j.length>0&&L.default.createElement("div",{className:"preview-images-container"},j.map((function(n,e){return L.default.createElement("div",{key:e,className:"image-src-wrapper"},L.default.createElement("img",{className:"preview-image",src:n}),L.default.createElement("img",{src:Ke,className:"icon-close-circle",onClick:function(){return z(e)}}))}))))},oi=z.default.a(ct||(ct=i.__makeTemplateObject(["\n  * {\n    pointer-events: none;\n  }\n"],["\n  * {\n    pointer-events: none;\n  }\n"]))),ri=z.default.div(pt||(pt=i.__makeTemplateObject(["\n  padding: 1rem;\n  .share__social {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n\n    & > "," {\n      margin: 0 7px;\n\n      & > img {\n        width: 32px;\n        height: 32px;\n      }\n      .__label {\n        display: none;\n      }\n    }\n  }\n\n  .share__copy-link {\n    position: relative;\n    padding: 1rem 0.5rem 0;\n\n    margin-top: 16px;\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: calc(100% + 2rem);\n      border-top: 1px solid\n        ",";\n      margin-left: -1rem;\n      content: '';\n    }\n    .__label {\n      margin-bottom: 8px;\n      font-size: 11px;\n      font-weight: 400;\n      line-height: 17px;\n      text-align: left;\n    }\n\n    .__input-group {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      height: 40px;\n      border: 1px solid ",";\n      background: #fff;\n      border-radius: 6px;\n\n      & > input {\n        width: 100%;\n        height: 100%;\n        padding: 0 16px;\n        border: none;\n        background: transparent;\n        color: ",";\n\n        &:focus {\n          outline: none;\n        }\n      }\n\n      .__copy {\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 71px;\n        height: 100%;\n        padding-left: 12px;\n        background: linear-gradient(\n          90deg,\n          rgba(255, 255, 255, 0.1) 0%,\n          #fff 17%,\n          #fff 100%\n        );\n        color: ",";\n        cursor: pointer;\n        font-size: 14px;\n        font-weight: 400;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    "," {\n      padding: 0.5rem;\n    }\n    .share__social {\n      justify-content: space-between;\n      & > a {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        "," {\n          margin: 0;\n        }\n        & > img {\n          margin-bottom: 0.8rem;\n        }\n        .__label {\n          display: initial;\n        }\n      }\n    }\n    .share__copy-link {\n      padding: 0;\n      &::before {\n        display: none;\n      }\n      .__label {\n        display: none;\n      }\n      .__input-group {\n        height: unset;\n        background-color: rgb(243, 243, 243);\n        border-radius: 16px;\n        & > input {\n          padding: 1rem;\n        }\n        .__copy {\n          background: linear-gradient(\n            90deg,\n            rgba(255, 255, 255, 0.1) 0%,\n            #f3f3f3 17%,\n            #f3f3f3 100%\n          );\n        }\n      }\n    }\n  }\n"],["\n  padding: 1rem;\n  .share__social {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n\n    & > "," {\n      margin: 0 7px;\n\n      & > img {\n        width: 32px;\n        height: 32px;\n      }\n      .__label {\n        display: none;\n      }\n    }\n  }\n\n  .share__copy-link {\n    position: relative;\n    padding: 1rem 0.5rem 0;\n\n    margin-top: 16px;\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: calc(100% + 2rem);\n      border-top: 1px solid\n        ",";\n      margin-left: -1rem;\n      content: '';\n    }\n    .__label {\n      margin-bottom: 8px;\n      font-size: 11px;\n      font-weight: 400;\n      line-height: 17px;\n      text-align: left;\n    }\n\n    .__input-group {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      height: 40px;\n      border: 1px solid ",";\n      background: #fff;\n      border-radius: 6px;\n\n      & > input {\n        width: 100%;\n        height: 100%;\n        padding: 0 16px;\n        border: none;\n        background: transparent;\n        color: ",";\n\n        &:focus {\n          outline: none;\n        }\n      }\n\n      .__copy {\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 71px;\n        height: 100%;\n        padding-left: 12px;\n        background: linear-gradient(\n          90deg,\n          rgba(255, 255, 255, 0.1) 0%,\n          #fff 17%,\n          #fff 100%\n        );\n        color: ",";\n        cursor: pointer;\n        font-size: 14px;\n        font-weight: 400;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    "," {\n      padding: 0.5rem;\n    }\n    .share__social {\n      justify-content: space-between;\n      & > a {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        "," {\n          margin: 0;\n        }\n        & > img {\n          margin-bottom: 0.8rem;\n        }\n        .__label {\n          display: initial;\n        }\n      }\n    }\n    .share__copy-link {\n      padding: 0;\n      &::before {\n        display: none;\n      }\n      .__label {\n        display: none;\n      }\n      .__input-group {\n        height: unset;\n        background-color: rgb(243, 243, 243);\n        border-radius: 16px;\n        & > input {\n          padding: 1rem;\n        }\n        .__copy {\n          background: linear-gradient(\n            90deg,\n            rgba(255, 255, 255, 0.1) 0%,\n            #f3f3f3 17%,\n            #f3f3f3 100%\n          );\n        }\n      }\n    }\n  }\n"])),oi,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.primaryBase}),h.MediaQueries.mbDown,h.MediaQueries.mbDown),li=function(i){var a=i.className,o=i.trackingCategory,l=void 0===o?"Together":o,s=i.style,c=i.shareUrl,p=i.title,u=n.useContext(t.TogetherComponentGlobalContext),m=u.action.pushNotifications,g=u.data.env.isMarryBaby,f=r.useTranslations().t,h=n.useRef(null),v=n.useState(!1),x=v[0],b=v[1],w=function(){if(null==h?void 0:h.current){var n=document.createElement("textarea");n.value=h.current.value,document.body.appendChild(n),n.select(),document.execCommand("copy"),document.body.removeChild(n),h.current.focus(),b(!0),m({title:"",message:f("share.linkCopied"),type:"success"})}};n.useEffect((function(){w(),navigator.share&&navigator.share({title:p||"Read This Post",url:c}).then((function(n){m({title:"",message:f("share.linkShared"),type:"success"})})).catch(console.error)}),[]);var y=function(n,e){return 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 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=".concat(n)},{icon:"data:image/png;base64,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",name:"Zalo",href:"https://sp.zalo.me/share?href=".concat(n)},{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=".concat(n)},{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=".concat(n)},{icon:"data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M36.6673 19.584C36.6673 28.559 29.209 35.834 20.0007 35.834C18.6248 35.834 17.2923 35.6723 16.014 35.364C15.6265 35.2707 15.2215 35.3065 14.8648 35.4848L11.2173 37.309C10.2757 37.7798 9.16732 37.0948 9.16732 36.0415V32.6873C9.16732 32.2082 8.95315 31.7615 8.59982 31.4382C5.35482 28.4715 3.33398 24.259 3.33398 19.584C3.33398 10.609 10.7923 3.33398 20.0007 3.33398C29.209 3.33398 36.6673 10.609 36.6673 19.584Z' fill='url(%23paint0_radial)'/%3e%3cpath opacity='0.05' d='M29.16 14.4102C28.8033 14.4102 28.4575 14.5285 28.16 14.7527L23.415 18.2652C23.3041 18.3485 23.1816 18.3902 23.0525 18.3902C22.9275 18.3902 22.81 18.351 22.7108 18.2768L19.4008 15.7852C18.7275 15.2843 17.9341 15.0202 17.1033 15.0202C15.79 15.0202 14.5825 15.6793 13.8733 16.7835L12.8641 18.3593L9.43081 23.9385C9.10414 24.4502 9.07914 25.0818 9.37164 25.6168C9.66998 26.1618 10.2333 26.5002 10.8416 26.5002C11.1983 26.5002 11.5441 26.3818 11.8416 26.1577L16.5866 22.6452C16.6975 22.5618 16.82 22.5202 16.9491 22.5202C17.0741 22.5202 17.1916 22.5593 17.2908 22.6335L20.6008 25.1252C21.275 25.6268 22.0675 25.8902 22.8983 25.8902C24.2116 25.8902 25.4191 25.231 26.1283 24.1268L27.1375 22.551L30.5708 16.9718C30.8975 16.4602 30.9225 15.8285 30.63 15.2935C30.3316 14.7485 29.7683 14.4102 29.16 14.4102Z' fill='black'/%3e%3cpath opacity='0.07' d='M29.161 14.8262C28.8952 14.8262 28.636 14.9153 28.4118 15.0845L23.6643 18.5995C23.4843 18.7353 23.2743 18.8062 23.0543 18.8062C22.8385 18.8062 22.6343 18.7378 22.4627 18.6095L19.1518 16.117C18.5527 15.6712 17.8452 15.4362 17.1043 15.4362C15.9335 15.4362 14.8577 16.0237 14.2252 17.0087L13.2168 18.5845L9.78766 24.1578C9.54016 24.5453 9.52099 25.0187 9.73933 25.417C9.96099 25.822 10.3952 26.0837 10.8435 26.0837C11.1093 26.0837 11.3685 25.9945 11.5927 25.8253L16.3402 22.3103C16.5202 22.1745 16.7302 22.1037 16.9502 22.1037C17.166 22.1037 17.3702 22.172 17.5418 22.3003L20.8527 24.7928C21.4518 25.2387 22.1593 25.4737 22.9002 25.4737C24.071 25.4737 25.1468 24.8862 25.7793 23.9012L26.7877 22.3253L30.2168 16.752C30.4643 16.3645 30.4835 15.8912 30.2652 15.4928C30.0435 15.0878 29.6102 14.8262 29.161 14.8262Z' fill='black'/%3e%3cpath d='M28.6625 15.4168L23.9125 18.9334C23.4042 19.3168 22.7125 19.3168 22.2125 18.9418L18.9008 16.4493C17.5008 15.4076 15.5175 15.7659 14.5758 17.2326L13.5675 18.8076L10.1425 24.3743C9.64248 25.1576 10.6008 26.0493 11.3425 25.4909L16.0925 21.9743C16.6008 21.5909 17.2925 21.5909 17.7925 21.9659L21.1041 24.4584C22.5041 25.5001 24.4875 25.1418 25.4291 23.6751L26.4375 22.1001L29.8625 16.5334C30.3625 15.7501 29.4042 14.8584 28.6625 15.4168Z' fill='white'/%3e%3cdefs%3e%3cradialGradient id='paint0_radial' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(9.23982 35.8157) scale(39.6767)'%3e%3cstop stop-color='%231292FF'/%3e%3cstop offset='0.079' stop-color='%232982FF'/%3e%3cstop offset='0.23' stop-color='%234E69FF'/%3e%3cstop offset='0.351' stop-color='%236559FF'/%3e%3cstop offset='0.428' stop-color='%236D53FF'/%3e%3cstop offset='0.754' stop-color='%23DF47AA'/%3e%3cstop offset='0.946' stop-color='%23FF6257'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e",name:"Messenger",href:"https://www.facebook.com/sharer.php?u=".concat(n)}]:[{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=".concat(n)},{icon:"data:image/png;base64,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",name:"Zalo",href:"https://sp.zalo.me/share?href=".concat(n)},{icon:"data:image/svg+xml,%3csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' width='32' height='32' rx='4' fill='%231FA1F3'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2304 13.2349L16.2709 13.8692L15.5965 13.7916C13.1417 13.4938 10.9972 12.484 9.17636 10.788L8.28615 9.94646L8.05688 10.5679C7.57128 11.9532 7.88154 13.4161 8.8931 14.4001C9.43262 14.9438 9.3112 15.0215 8.38057 14.6978C8.05688 14.5943 7.77362 14.5166 7.74662 14.5554C7.6522 14.646 7.97596 15.8241 8.23222 16.2902C8.58291 16.9376 9.29771 17.5719 10.08 17.9474L10.7409 18.2452L9.95865 18.2581C9.20329 18.2581 9.17636 18.271 9.25728 18.5429C9.52704 19.3844 10.5925 20.2777 11.7795 20.6661L12.6157 20.938L11.8873 21.3523C10.8084 21.9478 9.54054 22.2844 8.27265 22.3103C7.6657 22.3232 7.16667 22.375 7.16667 22.4139C7.16667 22.5433 8.81217 23.2684 9.76981 23.5531C12.6427 24.3947 16.0551 24.0322 18.6177 22.5951C20.4385 21.5724 22.2594 19.5398 23.1091 17.5719C23.5677 16.5232 24.0263 14.6072 24.0263 13.688C24.0263 13.0925 24.0667 13.0148 24.8221 12.3027C25.2671 11.8885 25.6853 11.4353 25.7662 11.3059C25.9011 11.0598 25.8876 11.0598 25.1997 11.28C24.0532 11.6683 23.8914 11.6166 24.4579 11.034C24.876 10.6197 25.375 9.86879 25.375 9.64873C25.375 9.60987 25.1727 9.67458 24.9434 9.79112C24.7007 9.92061 24.1612 10.1148 23.7565 10.2313L23.0282 10.4514L22.3673 10.0241C22.0031 9.79112 21.4906 9.53219 21.2208 9.45452C20.533 9.27327 19.4809 9.29918 18.8605 9.50628C17.1745 10.0889 16.109 11.5907 16.2304 13.2349Z' fill='white'/%3e%3c/svg%3e",name:"Twitter",href:"https://twitter.com/intent/tweet?url=".concat(n)},{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=".concat(n)},{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=".concat(n)}]}(c||"",g);return L.default.createElement(ri,{"data-is-marrybaby":g,className:a,style:s},L.default.createElement("div",{className:"share__social"},y.map((function(n,t){return L.default.createElement(oi,{key:t,"data-event-category":l,"data-event-action":"Social Share - ".concat(n.name),"data-event-label":c,href:n.href,target:"_blank",rel:"noreferrer"},L.default.createElement("img",{src:n.icon}),L.default.createElement(e.Text,{className:"__label",size:"label2",type:"regular"},n.name))}))),L.default.createElement("div",{className:"share__copy-link"},L.default.createElement(e.Text,{className:"__label",color:d.theme.colors.gray500,size:"p4",type:"regular"},f("orCopyLink")),L.default.createElement("div",{className:"__input-group"},L.default.createElement("input",{ref:h,type:"text",value:c,readOnly:!0,onFocus:function(n){return n.target.select()}}),L.default.createElement("button",{className:"__copy",onClick:function(){return w()}},g?L.default.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' xmlns:v='https://vecta.io/nano'%3e%3cg fill='%233e3f58'%3e%3cpath d='M19.726 8.537l-.632.151.632-.151zm0 4.65l-.632-.151.632.151zm-9.097-8.918l.146.633-.146-.633zm4.744 0l-.146.633.146-.633zm1.303 11.983a.65.65 0 1 0 .649 1.126l-.649-1.126zM6.041 7.23a.65.65 0 0 0 1.182.541L6.041 7.23zm13.053 1.459c.342 1.43.342 2.918 0 4.348l1.264.303c.39-1.629.39-3.324 0-4.953l-1.264.303zm-8.32-3.786a9.94 9.94 0 0 1 4.452 0l.291-1.267a11.24 11.24 0 0 0-5.035 0l.291 1.267zm4.452 0c1.925.443 3.419 1.913 3.867 3.786l1.264-.303c-.566-2.363-2.445-4.199-4.84-4.75l-.291 1.267zm2.099 12.476c1.505-.868 2.62-2.314 3.033-4.04l-1.264-.303c-.327 1.368-1.213 2.521-2.418 3.217l.649 1.126zM10.482 3.636c-1.988.457-3.62 1.799-4.442 3.594l1.182.541c.652-1.425 1.954-2.501 3.551-2.868l-.291-1.267z'/%3e%3cpath d='M3.274 16.187l-.632.151.632-.151zm0-4.65l-.632-.151.632.151zm13.451 0l-.632.151.632-.151zm0 4.65l.632.151-.632-.151zm-4.354 4.268l-.146-.633.146.633zm-4.744 0l-.146.634.146-.634zm0-13.186l.146.633-.146-.633zm4.744 0l-.146.633.146-.633zm-8.465 8.767c-.342-1.43-.342-2.918 0-4.348l-1.264-.303c-.39 1.629-.39 3.324 0 4.953l1.264-.303zm12.187-4.348c.342 1.43.342 2.918 0 4.348l1.264.303c.39-1.629.39-3.324 0-4.953l-1.264.303zm-3.867 8.133a9.94 9.94 0 0 1-4.452 0l-.291 1.267a11.24 11.24 0 0 0 5.035 0l-.291-1.267zM7.774 7.903a9.94 9.94 0 0 1 4.452 0l.291-1.267a11.24 11.24 0 0 0-5.035 0l.291 1.267zm0 11.919c-1.925-.443-3.419-1.913-3.867-3.786l-1.264.303c.565 2.363 2.445 4.199 4.84 4.75l.291-1.267zm4.744 1.267c2.395-.551 4.275-2.387 4.84-4.75l-1.264-.303c-.448 1.872-1.942 3.343-3.867 3.786l.291 1.267zm-.291-13.186c1.925.443 3.419 1.913 3.867 3.785l1.264-.303c-.566-2.363-2.445-4.199-4.84-4.75l-.291 1.267zM7.482 6.636c-2.395.551-4.275 2.387-4.84 4.75l1.264.303c.448-1.872 1.942-3.343 3.867-3.785l-.291-1.267zM12.268 21l.083-2.523c.079-.573.221-.867.433-1.075l-.91-.928c-.499.489-.712 1.104-.811 1.827-.096.702-.095 1.596-.095 2.699h1.3zm4.205-5.409c-1.126 0-2.035-.001-2.748.093-.731.096-1.354.303-1.85.79l.91.928c.214-.21.519-.352 1.11-.43.609-.08 1.416-.082 2.579-.082v-1.3z'/%3e%3c/g%3e%3cpath d='M7 11h3m-3 3h5' stroke='%233e3f58' stroke-width='1.3' stroke-linecap='round'/%3e%3c/svg%3e"}):f(x?"copied":"copy")))))},di=function(i){var a=i.trackingCategory,o=i.className,l=i.style,d=i.url,s=i.avatar,c=i.text,p=i.onClose,u=n.useContext(t.TogetherComponentGlobalContext).data.env.isMarryBaby,g=r.useTranslations().t,f=n.useState(!1),v=f[0],b=f[1];return n.useEffect((function(){return h.toggleNoScroll(!0),setTimeout((function(){return b(!0)}),0),function(){return h.toggleNoScroll(!1)}}),[]),L.default.createElement(x.Portal,null,L.default.createElement(si,{"data-is-marrybaby":u,className:o,style:l},L.default.createElement(Qt,{className:"share-popup",isOpen:v,onClose:p,heading:g("bottomBar.share")},u?L.default.createElement(e.Text,{className:"share-mb-text",size:"sm"},g("article.shareOn")):L.default.createElement("div",{className:"custom-share__header"},s&&L.default.createElement("div",{className:"custom-share__header-image"},L.default.createElement("img",{src:s})),L.default.createElement("div",{className:"custom-share__header-info"},L.default.createElement(m.Heading,{tag:"h4"},c),L.default.createElement(e.Text,{className:"desc",size:"md"},d))),v&&L.default.createElement(li,{trackingCategory:a,shareUrl:d||("undefined"!=typeof window?window.location.href:""),title:c}))))},si=z.default.div(ut||(ut=i.__makeTemplateObject(["\n  .share-popup {\n    > div:first-child {\n      height: unset;\n    }\n    .close-button {\n      display: none;\n    }\n    .popup-content .header {\n      display: none;\n    }\n  }\n  .custom-share__header {\n    display: flex;\n    flex-wrap: no-wrap;\n    align-items: center;\n    padding: 1rem;\n    border-bottom: 1px solid\n      ",";\n    margin-bottom: 16px;\n\n    .custom-share__header-image {\n      width: 38px;\n      height: 38px;\n      flex-shrink: 0;\n      & > img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n      }\n    }\n\n    .custom-share__header-info {\n      flex: 1;\n      padding: 0 8px;\n      word-break: break-word;\n\n      [data-tag='h4'] {\n        margin-bottom: 8px;\n        font-size: 14px;\n        font-weight: bold;\n        line-height: 14px;\n      }\n\n      [data-size='md'] {\n        color: #a5a5a5;\n        font-size: 14px;\n        line-height: 14px;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    .share-popup {\n      > div:first-child {\n        overflow: hidden;\n        border-radius: 1rem;\n        &[data-open='true'] {\n          "," {\n            max-width: unset;\n            width: 100%;\n            top: 100%;\n            transform: translate(-50%, -100%);\n            border-bottom-left-radius: 0;\n            border-bottom-right-radius: 0;\n          }\n        }\n      }\n      .close-button {\n        display: block;\n      }\n      .popup-content {\n        .header {\n          display: block;\n          padding: 1rem;\n          background-color: rgb(243, 243, 243);\n        }\n        .content {\n          padding-bottom: 1rem;\n        }\n      }\n      .share-mb-text {\n        margin: 1rem 1rem 0.5rem;\n      }\n    }\n  }\n"],["\n  .share-popup {\n    > div:first-child {\n      height: unset;\n    }\n    .close-button {\n      display: none;\n    }\n    .popup-content .header {\n      display: none;\n    }\n  }\n  .custom-share__header {\n    display: flex;\n    flex-wrap: no-wrap;\n    align-items: center;\n    padding: 1rem;\n    border-bottom: 1px solid\n      ",";\n    margin-bottom: 16px;\n\n    .custom-share__header-image {\n      width: 38px;\n      height: 38px;\n      flex-shrink: 0;\n      & > img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n      }\n    }\n\n    .custom-share__header-info {\n      flex: 1;\n      padding: 0 8px;\n      word-break: break-word;\n\n      [data-tag='h4'] {\n        margin-bottom: 8px;\n        font-size: 14px;\n        font-weight: bold;\n        line-height: 14px;\n      }\n\n      [data-size='md'] {\n        color: #a5a5a5;\n        font-size: 14px;\n        line-height: 14px;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    .share-popup {\n      > div:first-child {\n        overflow: hidden;\n        border-radius: 1rem;\n        &[data-open='true'] {\n          "," {\n            max-width: unset;\n            width: 100%;\n            top: 100%;\n            transform: translate(-50%, -100%);\n            border-bottom-left-radius: 0;\n            border-bottom-right-radius: 0;\n          }\n        }\n      }\n      .close-button {\n        display: block;\n      }\n      .popup-content {\n        .header {\n          display: block;\n          padding: 1rem;\n          background-color: rgb(243, 243, 243);\n        }\n        .content {\n          padding-bottom: 1rem;\n        }\n      }\n      .share-mb-text {\n        margin: 1rem 1rem 0.5rem;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral100}),h.MediaQueries.mbDown),ci="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 5V8' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11H8.00708' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",pi=z.default.div(mt||(mt=i.__makeTemplateObject(["\n  padding: 0 8px;\n  margin-top: 18px;\n\n  .report-list {\n    margin-bottom: 18px;\n\n    .report-item {\n      display: flex;\n      align-items: center;\n      margin-bottom: 10px;\n      font-weight: 600;\n\n      & > img {\n        width: 12px;\n        height: 12px;\n        margin-right: 8px;\n      }\n\n      .__label {\n        font-size: 14px;\n      }\n    }\n  }\n\n  .report-submit {\n    width: 100%;\n  }\n  &[data-is-marrybaby='true'] {\n    padding: 0 1rem 1rem;\n  }\n"],["\n  padding: 0 8px;\n  margin-top: 18px;\n\n  .report-list {\n    margin-bottom: 18px;\n\n    .report-item {\n      display: flex;\n      align-items: center;\n      margin-bottom: 10px;\n      font-weight: 600;\n\n      & > img {\n        width: 12px;\n        height: 12px;\n        margin-right: 8px;\n      }\n\n      .__label {\n        font-size: 14px;\n      }\n    }\n  }\n\n  .report-submit {\n    width: 100%;\n  }\n  &[data-is-marrybaby='true'] {\n    padding: 0 1rem 1rem;\n  }\n"]))),ui=function(o){var l=o.className,s=o.style,c=o.reason,p=o.reasonText,u=o.onClose,m=o.postId,g=n.useContext(t.TogetherComponentGlobalContext),f=g.data,h=f.locale,v=f.env.isMarryBaby,x=g.action.pushNotifications,b=r.useTranslations().t,w=n.useState(!1),y=w[0],C=w[1];return L.default.createElement(pi,{"data-is-marrybaby":v,className:l,style:s},L.default.createElement("ul",{className:"report-list"},L.default.createElement("li",{className:"report-item"},L.default.createElement("img",{src:ci}),L.default.createElement(e.Text,{className:"__label",color:d.theme.colors.gray800,size:"p4"},p))),L.default.createElement(a.Button,{theme:v?"marryBaby":"helloSites",className:"report-submit",size:"lg",color:"primary",isLoading:y,onClick:function(){return i.__awaiter(void 0,void 0,void 0,(function(){var n;return i.__generator(this,(function(e){switch(e.label){case 0:if(!m||y)return[2];C(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,Qe({id:m,reason:c,locale:h})];case 2:return 1===(null==(n=e.sent())?void 0:n.status)&&(x({message:"Post reported",type:"success"}),u&&u()),[3,4];case 3:return e.sent(),[3,4];case 4:return C(!1),[2]}}))}))}},b("submit")))},mi=z.default.div(gt||(gt=i.__makeTemplateObject(["\n  padding: 0.5rem 1rem 1rem;\n  line-height: 1.5;\n  word-break: break-word;\n  .post-content-replying {\n    margin-right: 5px;\n    color: ",";\n    cursor: pointer;\n    display: inline-block;\n    &.tag-only {\n      margin-right: 0;\n    }\n  }\n  .post-content {\n    display: inline;\n    white-space: pre-wrap;\n    /* > *:first-child, */\n    > mention:first-child ~ * {\n      &:not(ul),\n      &:not(ol) {\n        display: inline-block;\n      }\n    }\n    > mention:first-child {\n      margin-right: 5px;\n    }\n    &.has-see-more {\n      *:last-child {\n        &:not(ul),\n        &:not(ol) {\n          display: inline;\n        }\n      }\n    }\n    img {\n      width: 100%;\n      height: unset;\n    }\n    ul,\n    ol {\n      list-style-position: inside;\n      padding-left: 1rem;\n      display: block;\n    }\n    ol {\n      list-style-type: decimal;\n    }\n    ul {\n      list-style-type: disc;\n    }\n    mention {\n      color: #1890ff;\n      padding-right: 4px;\n      :hover {\n        text-decoration: underline;\n      }\n    }\n  }\n  .see-more-text {\n    color: #1890ff;\n    cursor: pointer;\n  }\n"],["\n  padding: 0.5rem 1rem 1rem;\n  line-height: 1.5;\n  word-break: break-word;\n  .post-content-replying {\n    margin-right: 5px;\n    color: ",";\n    cursor: pointer;\n    display: inline-block;\n    &.tag-only {\n      margin-right: 0;\n    }\n  }\n  .post-content {\n    display: inline;\n    white-space: pre-wrap;\n    /* > *:first-child, */\n    > mention:first-child ~ * {\n      &:not(ul),\n      &:not(ol) {\n        display: inline-block;\n      }\n    }\n    > mention:first-child {\n      margin-right: 5px;\n    }\n    &.has-see-more {\n      *:last-child {\n        &:not(ul),\n        &:not(ol) {\n          display: inline;\n        }\n      }\n    }\n    img {\n      width: 100%;\n      height: unset;\n    }\n    ul,\n    ol {\n      list-style-position: inside;\n      padding-left: 1rem;\n      display: block;\n    }\n    ol {\n      list-style-type: decimal;\n    }\n    ul {\n      list-style-type: disc;\n    }\n    mention {\n      color: #1890ff;\n      padding-right: 4px;\n      :hover {\n        text-decoration: underline;\n      }\n    }\n  }\n  .see-more-text {\n    color: #1890ff;\n    cursor: pointer;\n  }\n"])),(function(n){return n.theme.colors.primaryBase})),gi=function(e){var a=e.trackingCategory,o=e.url,l=e.className,d=e.style,s=e.replyingTo,c=e.mentionedUser,p=e.description,u=e.disableShortenContent,m=e.mentions,g=void 0===m?[]:m,f=e.maxChars,h=void 0===f?1e3:f,v=e.hideShowAllBtn,x=i.__rest(e,["trackingCategory","url","className","style","replyingTo","mentionedUser","description","disableShortenContent","mentions","maxChars","hideShowAllBtn"]),b=n.useState(!1),w=b[0],y=b[1],C=r.useTranslations().t,k=V().authActionWrapper,E=n.useState(!1),A=E[0],_=E[1],T=Se(je(p||"","display"),g),N=n.useContext(t.TogetherComponentGlobalContext).action.sanitizeFunction,M=n.useMemo((function(){var n=N(T||"");if(u||w)return{showContent:n,hasSeeMore:!1};var e=n.slice(0,h),t=h-27*((e.match(/<\/div>/g)||[]).length-1),i=(e||"").slice(0,t<40?40:t),a=N(i.replace(/(<|<\/)( +|[a-zA-Z]*)$/gi,"")),o=a.length<n.length-10;return{showContent:o?a:n,hasSeeMore:o}}),[u,w,T]),z=(null==c?void 0:c.name)||s,j="expert"===(null==c?void 0:c.role)&&!!(null==c?void 0:c.partnerId);return L.default.createElement(L.default.Fragment,null,j&&L.default.createElement(de,{isOpen:A,onClose:function(){return _(!1)},expertId:String(null==c?void 0:c.partnerId)}),L.default.createElement(mi,i.__assign({className:"".concat(l," no-replace-click"),style:d},x),z&&L.default.createElement("span",{onClick:function(){return j&&_(!0)},className:"post-content-replying"},"@",z),(null==p?void 0:p.startsWith("[mention+id="))&&L.default.createElement("span",{className:"post-content-replying tag-only"},"@"),L.default.createElement("span",{dangerouslySetInnerHTML:{__html:M.showContent},className:"post-content ".concat(M.hasSeeMore?"has-see-more":"")}),M.hasSeeMore&&!w&&L.default.createElement("span",null,"... ",!v&&L.default.createElement("span",i.__assign({onClick:function(n){n.preventDefault(),n.stopPropagation(),k((function(){return y(!0)}))},className:"see-more-text"},a?{"data-event-category":a,"data-event-action":"See More Post Click","data-event-label":o}:{}),C("post.seeMore")))))},fi=z.default.div(ft||(ft=i.__makeTemplateObject(["\n  padding: 14px 16px 14px 17px;\n  background: ",";\n  border-left: 3px solid ",";\n\n  "," {\n    padding: 12px 12px 12px 17px;\n  }\n"],["\n  padding: 14px 16px 14px 17px;\n  background: ",";\n  border-left: 3px solid ",";\n\n  "," {\n    padding: 12px 12px 12px 17px;\n  }\n"])),(function(n){return n.bgColor}),(function(n){return n.highlight}),h.MediaQueries.mbUp),hi=z.default.div(ht||(ht=i.__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"]))),vi=z.default.div(vt||(vt=i.__makeTemplateObject(["\n  font-size: 12px;\n  line-height: 18px;\n\n  &[data-has-icon='true'] {\n    margin-left: 10px;\n  }\n"],["\n  font-size: 12px;\n  line-height: 18px;\n\n  &[data-has-icon='true'] {\n    margin-left: 10px;\n  }\n"]))),xi=z.default.div(xt||(xt=i.__makeTemplateObject(["\n  flex-shrink: 0;\n"],["\n  flex-shrink: 0;\n"]))),bi=z.default.div(bt||(bt=i.__makeTemplateObject(["\n  display: grid;\n  grid-gap: 3px;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: auto;\n\n  .img-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: 56.25%;\n    grid-column: auto;\n\n    & > img {\n      cursor: zoom-in;\n    }\n\n    .img-preview-blur {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 110%;\n      height: 110%;\n      /* Add the blur effect */\n      -webkit-filter: blur(8px);\n      filter: blur(8px);\n      object-fit: cover;\n      object-position: center;\n      opacity: 0.8;\n      transform: translate(-50%, -50%);\n    }\n    .img-preview {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      object-position: center;\n    }\n    .img-more-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      background: rgba(0, 0, 0, 0.5);\n      z-index: 4;\n    }\n  }\n  &[data-image-count='1'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n      grid-column: 1/3;\n    }\n  }\n  &[data-image-count='2'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n    }\n  }\n  &[data-image-count='3'] {\n    .img-wrapper {\n      &:first-child {\n        grid-column: 1/3;\n      }\n    }\n  }\n  &[data-image-count='4'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n    }\n  }\n  &[data-image-count='5'] {\n    grid-template-columns: repeat(6, 1fr);\n    .img-wrapper {\n      /* padding-top: 100%; */\n      grid-column: auto/ span 2;\n\n      &:first-child {\n        padding-top: 56.25%;\n        grid-column: 1/4;\n      }\n      &:nth-child(2) {\n        padding-top: 56.25%;\n        grid-column: 4/7;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    grid-gap: 8px;\n    .img-wrapper {\n      padding-top: 66.66%;\n      border-radius: 1rem;\n      .img-preview {\n        object-fit: cover;\n      }\n    }\n    &[data-image-count='3'] {\n      grid-template-columns: 1fr 1fr 1fr;\n      .img-wrapper {\n        &:first-child {\n          padding-top: 100%;\n          grid-column: 1/3;\n          grid-row: 1/3;\n        }\n      }\n    }\n  }\n"],["\n  display: grid;\n  grid-gap: 3px;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: auto;\n\n  .img-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: 56.25%;\n    grid-column: auto;\n\n    & > img {\n      cursor: zoom-in;\n    }\n\n    .img-preview-blur {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 110%;\n      height: 110%;\n      /* Add the blur effect */\n      -webkit-filter: blur(8px);\n      filter: blur(8px);\n      object-fit: cover;\n      object-position: center;\n      opacity: 0.8;\n      transform: translate(-50%, -50%);\n    }\n    .img-preview {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      object-position: center;\n    }\n    .img-more-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      background: rgba(0, 0, 0, 0.5);\n      z-index: 4;\n    }\n  }\n  &[data-image-count='1'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n      grid-column: 1/3;\n    }\n  }\n  &[data-image-count='2'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n    }\n  }\n  &[data-image-count='3'] {\n    .img-wrapper {\n      &:first-child {\n        grid-column: 1/3;\n      }\n    }\n  }\n  &[data-image-count='4'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n    }\n  }\n  &[data-image-count='5'] {\n    grid-template-columns: repeat(6, 1fr);\n    .img-wrapper {\n      /* padding-top: 100%; */\n      grid-column: auto/ span 2;\n\n      &:first-child {\n        padding-top: 56.25%;\n        grid-column: 1/4;\n      }\n      &:nth-child(2) {\n        padding-top: 56.25%;\n        grid-column: 4/7;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    grid-gap: 8px;\n    .img-wrapper {\n      padding-top: 66.66%;\n      border-radius: 1rem;\n      .img-preview {\n        object-fit: cover;\n      }\n    }\n    &[data-image-count='3'] {\n      grid-template-columns: 1fr 1fr 1fr;\n      .img-wrapper {\n        &:first-child {\n          padding-top: 100%;\n          grid-column: 1/3;\n          grid-row: 1/3;\n        }\n      }\n    }\n  }\n"]))),wi=z.default.div(wt||(wt=i.__makeTemplateObject(["\n  position: fixed;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  display: flex;\n  overflow: hidden;\n  width: 100vw;\n  height: 100vh;\n  flex-direction: column;\n  background: white;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s linear;\n  &[data-open='true'] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n  .top-bar {\n    position: relative;\n    padding: 20px 40px;\n    .icon-arrow-left {\n      position: absolute;\n      top: 50%;\n      left: 20px;\n      height: 24px;\n      width: 24px;\n      cursor: pointer;\n      transform: translateY(-50%);\n    }\n  }\n  .container {\n    flex: 1;\n    overflow-y: auto;\n    .img-preview {\n      width: 100%;\n      min-width: 100%;\n      margin-bottom: 0.5rem;\n      cursor: pointer;\n      max-height: 100%;\n      object-fit: cover;\n    }\n  }\n"],["\n  position: fixed;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  display: flex;\n  overflow: hidden;\n  width: 100vw;\n  height: 100vh;\n  flex-direction: column;\n  background: white;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s linear;\n  &[data-open='true'] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n  .top-bar {\n    position: relative;\n    padding: 20px 40px;\n    .icon-arrow-left {\n      position: absolute;\n      top: 50%;\n      left: 20px;\n      height: 24px;\n      width: 24px;\n      cursor: pointer;\n      transform: translateY(-50%);\n    }\n  }\n  .container {\n    flex: 1;\n    overflow-y: auto;\n    .img-preview {\n      width: 100%;\n      min-width: 100%;\n      margin-bottom: 0.5rem;\n      cursor: pointer;\n      max-height: 100%;\n      object-fit: cover;\n    }\n  }\n"]))),yi=z.default((function(n){var e=n.icon,t=n.bgColor,a=void 0===t?d.theme.colors.yellow50:t,o=n.highlightColor,r=void 0===o?d.theme.colors.yellow800:o,l=n.message,s=i.__rest(n,["icon","bgColor","highlightColor","message"]);return L.default.createElement(fi,i.__assign({bgColor:a,highlight:r},s),L.default.createElement(hi,null,e&&L.default.createElement(xi,null,e),L.default.createElement(vi,{"data-has-icon":Boolean(e)},l)))}))(yt||(yt=i.__makeTemplateObject(["\n  margin-bottom: 16px;\n"],["\n  margin-bottom: 16px;\n"]))),Ci=function(t){var i=t.className,a=t.style,o=t.authorName,l=t.images,d=t.onClose,s=t.onOpenSingleView,c=r.useTranslations().t,p=n.useState(!1),u=p[0],m=p[1];return n.useEffect((function(){setTimeout((function(){m(!0)}),0)}),[]),L.default.createElement(x.Portal,null,L.default.createElement(wi,{className:i,style:a,"data-open":u},L.default.createElement("div",{className:"top-bar"},L.default.createElement("img",{className:"icon-arrow-left",src:"data:image/svg+xml,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.0508 18.0607L4.00078 12.0367L10.0508 6.01172' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4.00195 12.0352L19.002 12.0352' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",onClick:d,alt:"go back"}),L.default.createElement(e.Text,{size:"p2",type:"bold",style:{textAlign:"center"}},c("previewPhotos.title",{name:o}))),L.default.createElement("div",{className:"container"},l.map((function(n,e){return L.default.createElement("img",{className:"img-preview",key:e,src:n,onClick:function(){return null==s?void 0:s(e)},alt:"post img"})})))),",")},ki="data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 12.8125L10 8.8125L6 4.8125' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Ei=z.default.div(Ct||(Ct=i.__makeTemplateObject(["\n  position: fixed;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n  background: black;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s linear;\n  &[data-open='true'] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n"],["\n  position: fixed;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n  background: black;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s linear;\n  &[data-open='true'] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n"]))),Ai=z.default.div(kt||(kt=i.__makeTemplateObject(["\n  padding: 1rem;\n  background: white;\n  .icon-close {\n    width: 26px;\n    height: 26px;\n    cursor: pointer;\n  }\n"],["\n  padding: 1rem;\n  background: white;\n  .icon-close {\n    width: 26px;\n    height: 26px;\n    cursor: pointer;\n  }\n"]))),_i=z.default.div(Et||(Et=i.__makeTemplateObject(["\n  position: relative;\n  flex: 1;\n  overflow: hidden;\n  > img {\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n    object-position: center;\n  }\n"],["\n  position: relative;\n  flex: 1;\n  overflow: hidden;\n  > img {\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n    object-position: center;\n  }\n"]))),Ti=z.default.div(At||(At=i.__makeTemplateObject(["\n  --inner-padding: max(16px, 20%);\n  height: 100%;\n  position: absolute;\n  left: 0;\n  padding: 8px;\n  padding-right: var(--inner-padding);\n  display: flex;\n  align-items: center;\n  top: 0;\n  cursor: pointer;\n  &[data-right] {\n    padding-right: 8px;\n    padding-left: var(--inner-padding);\n    left: unset;\n    right: 0;\n  }\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n  }\n"],["\n  --inner-padding: max(16px, 20%);\n  height: 100%;\n  position: absolute;\n  left: 0;\n  padding: 8px;\n  padding-right: var(--inner-padding);\n  display: flex;\n  align-items: center;\n  top: 0;\n  cursor: pointer;\n  &[data-right] {\n    padding-right: 8px;\n    padding-left: var(--inner-padding);\n    left: unset;\n    right: 0;\n  }\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n  }\n"]))),Ni=z.default.div(_t||(_t=i.__makeTemplateObject(["\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  > img {\n    width: 16px;\n    height: 16px;\n    &[data-disabled='true'] {\n      opacity: 0.5;\n    }\n  }\n  "," {\n    padding: 8px;\n    > img {\n      width: 30px;\n      height: 30px;\n    }\n  }\n"],["\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  > img {\n    width: 16px;\n    height: 16px;\n    &[data-disabled='true'] {\n      opacity: 0.5;\n    }\n  }\n  "," {\n    padding: 8px;\n    > img {\n      width: 30px;\n      height: 30px;\n    }\n  }\n"])),h.MediaQueries.tdUp),Li=function(e){var t=e.initialViewIndex,i=e.images,a=e.onClose,o=n.useState(t),r=o[0],l=o[1],d=n.useState(!1),s=d[0],c=d[1];n.useEffect((function(){setTimeout((function(){c(!0)}),0)}),[]);var p=null==i?void 0:i[r],u=0===r,m=!(null==i?void 0:i.length)||r===(null==i?void 0:i.length)-1;return L.default.createElement(x.Portal,null,L.default.createElement(Ei,{"data-open":s&&!!p},L.default.createElement(Ai,null,L.default.createElement("img",{src:Wt,className:"icon-close",onClick:a,alt:"close"})),p&&r>=0&&L.default.createElement(L.default.Fragment,null,L.default.createElement(_i,null,L.default.createElement("img",{className:"img-preview",src:p,alt:"post img open"}),L.default.createElement(Ti,{"data-disabled":u,onClick:function(){return!u&&l(r-1)}},L.default.createElement(Ni,null,L.default.createElement("img",{src:ki,style:{transform:"rotate(180deg)"},alt:"left arrow","data-disabled":u}))),L.default.createElement(Ti,{"data-right":!0,"data-disabled":m,onClick:function(){return!m&&l(r+1)}},L.default.createElement(Ni,null,L.default.createElement("img",{src:ki,alt:"right arrow","data-disabled":m})))))))},Mi=z.default.div(Tt||(Tt=i.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.4);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.4);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"]))),zi="hhgcomp-sensitivemask-inner",ji=k.getDefaultClassWrapper(Mi,zi),Si=z.default.div(Nt||(Nt=i.__makeTemplateObject([""],[""]))),Pi=z.default.div(Lt||(Lt=i.__makeTemplateObject(["\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n  background: white;\n  cursor: pointer;\n\n  &,\n  * {\n    // transition: all 300ms;\n    transform-origin: bottom left;\n  }\n\n  img {\n    transition: none;\n  }\n  .img-preview {\n    width: 100%;\n  }\n  &[data-is-blurred='true'] {\n    .img-preview {\n      /* Add the blur effect */\n      -webkit-filter: blur(24px);\n      filter: blur(24px);\n    }\n  }\n\n  &[data-is-blurred='false'] {\n    background: transparent;\n    cursor: zoom-in;\n\n    ."," {\n      top: auto;\n      right: auto;\n      left: 8px;\n      bottom: 8px;\n      background: rgba(0, 0, 0, 0);\n      align-items: flex-end;\n      justify-content: flex-start;\n    }\n  }\n"],["\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n  background: white;\n  cursor: pointer;\n\n  &,\n  * {\n    // transition: all 300ms;\n    transform-origin: bottom left;\n  }\n\n  img {\n    transition: none;\n  }\n  .img-preview {\n    width: 100%;\n  }\n  &[data-is-blurred='true'] {\n    .img-preview {\n      /* Add the blur effect */\n      -webkit-filter: blur(24px);\n      filter: blur(24px);\n    }\n  }\n\n  &[data-is-blurred='false'] {\n    background: transparent;\n    cursor: zoom-in;\n\n    ."," {\n      top: auto;\n      right: auto;\n      left: 8px;\n      bottom: 8px;\n      background: rgba(0, 0, 0, 0);\n      align-items: flex-end;\n      justify-content: flex-start;\n    }\n  }\n"])),zi),Ii=function(e){var t=e.image,i=e.showIcon,a=void 0===i||i,o=n.useState(!0),r=o[0],l=o[1];return n.useEffect((function(){setTimeout((function(){return null===C.lazyLoadInstance||void 0===C.lazyLoadInstance?void 0:C.lazyLoadInstance.update()}),100)}),[t]),L.default.createElement(Pi,{"data-is-blurred":r,onClick:function(n){return r&&n.stopPropagation()}},L.default.createElement("img",{className:"lazy img-preview","data-src":t}),L.default.createElement(ji,{onClick:function(n){n.stopPropagation(),l(!r)}},a&&L.default.createElement(Si,null,r?L.default.createElement("svg",{width:"22",height:"20",viewBox:"0 0 22 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},L.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.71 2.5399C1.32 2.1499 1.32 1.5199 1.71 1.1299C2.1 0.739902 2.74 0.739902 3.13 1.1299L19.44 17.4599C19.83 17.8499 19.83 18.4799 19.44 18.8699C19.05 19.2599 18.42 19.2599 18.03 18.8699L15.31 16.1499C13.97 16.6699 12.52 16.9699 11 16.9699C6 16.9699 1.73 13.8599 0 9.4699C0.77 7.4999 2.06 5.7999 3.68 4.5099L1.71 2.5399ZM16 9.4699C16 6.7099 13.76 4.4699 11 4.4699C10.49 4.4699 10 4.5699 9.53 4.7099L7.36 2.5399C8.51 2.1699 9.73 1.9699 11 1.9699C16 1.9699 20.27 5.0799 22 9.4599C21.31 11.2199 20.21 12.7599 18.82 13.9899L15.76 10.9299C15.9 10.4699 16 9.9799 16 9.4699ZM11 14.4699C8.24 14.4699 6 12.2299 6 9.4699C6 8.6999 6.18 7.9699 6.49 7.3299L8.06 8.8999C8.03 9.0799 8 9.2699 8 9.4699C8 11.1299 9.34 12.4699 11 12.4699C11.2 12.4699 11.38 12.4399 11.57 12.3999L13.14 13.9699C12.49 14.2899 11.77 14.4699 11 14.4699ZM13.97 9.1399C13.82 7.7399 12.72 6.6499 11.33 6.4999L13.97 9.1399Z",fill:"white"})):L.default.createElement("svg",{width:"23",height:"16",viewBox:"0 0 23 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},L.default.createElement("path",{d:"M11.9999 0C5.14188 0 1.88558 5.87864 1.09558 7.55664C0.963582 7.83664 0.963582 8.16141 1.09558 8.44141C1.88558 10.1204 5.14188 16 11.9999 16C18.8339 16 22.0924 10.1629 22.8964 8.46094C23.0344 8.16794 23.0344 7.83206 22.8964 7.53906C22.0924 5.83706 18.8339 0 11.9999 0ZM11.9999 3C14.7609 3 16.9999 5.239 16.9999 8C16.9999 10.761 14.7609 13 11.9999 13C9.23888 13 6.99988 10.761 6.99988 8C6.99988 5.239 9.23888 3 11.9999 3ZM11.9999 5C11.2042 5 10.4412 5.31607 9.87856 5.87868C9.31595 6.44129 8.99988 7.20435 8.99988 8C8.99988 8.79565 9.31595 9.55871 9.87856 10.1213C10.4412 10.6839 11.2042 11 11.9999 11C12.7955 11 13.5586 10.6839 14.1212 10.1213C14.6838 9.55871 14.9999 8.79565 14.9999 8C14.9999 7.20435 14.6838 6.44129 14.1212 5.87868C13.5586 5.31607 12.7955 5 11.9999 5Z",fill:"#2D87F3"})))))},Fi=function(e){var i=e.className,a=e.images,o=void 0===a?[]:a,l=e.style,d=e.authorName,s=e.isSensitive,c=void 0!==s&&s,p=n.useContext(t.TogetherComponentGlobalContext).data.env.isMarryBaby,u=r.useTranslations().t,g="+ ".concat((o.length||0)-4),f=n.useState(!1),v=f[0],x=f[1],b=n.useState(-1),w=b[0],y=b[1];n.useEffect((function(){setTimeout((function(){return null===C.lazyLoadInstance||void 0===C.lazyLoadInstance?void 0:C.lazyLoadInstance.update()}),100)}),[null==o?void 0:o.slice(0,5).join("|")]);var k=o.length>5,E=n.useRef(!1);return n.useEffect((function(){return function(){E.current&&h.toggleNoScroll(!1)}}),[]),n.useEffect((function(){v||w>=0?(h.toggleNoScroll(!0),E.current=!0):(h.toggleNoScroll(!1),E.current=!1)}),[v,w]),L.default.createElement(L.default.Fragment,null,c&&L.default.createElement(yi,{message:u("sensitiveMask.contentWarningDescription"),icon:L.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},L.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.00002 0.666748C4.40002 0.666748 0.666687 4.40008 0.666687 9.00008C0.666687 13.6001 4.40002 17.3334 9.00002 17.3334C13.6 17.3334 17.3334 13.6001 17.3334 9.00008C17.3334 4.40008 13.6 0.666748 9.00002 0.666748ZM9.00002 9.83341C8.54169 9.83341 8.16669 9.45841 8.16669 9.00008V5.66675C8.16669 5.20842 8.54169 4.83342 9.00002 4.83342C9.45835 4.83342 9.83335 5.20842 9.83335 5.66675V9.00008C9.83335 9.45841 9.45835 9.83341 9.00002 9.83341ZM8.16669 11.5001V13.1667H9.83335V11.5001H8.16669Z",fill:"#FE921D"}))}),L.default.createElement(bi,{className:i,style:l,"data-image-count":k?5:o.length||0,"data-is-marrybaby":p,"data-cursor-pointer":!c},null==o?void 0:o.slice(0,5).map((function(n,e){var t=4===e&&k;return L.default.createElement("div",{className:"img-wrapper",key:e,onClick:function(){e>=4&&k?x(!0):y(e)}},c&&L.default.createElement(Ii,{image:n,showIcon:!t}),!p&&L.default.createElement("img",{className:"lazy img-preview-blur","data-src":n}),L.default.createElement("img",{className:"lazy img-preview","data-src":n}),t&&L.default.createElement("div",{className:"img-more-overlay"},L.default.createElement(m.Heading,{tag:"h1",as:"h2",color:"white"},g)))}))),v&&L.default.createElement(Ci,{authorName:d||"",images:o,onClose:function(){return x(!1)},onOpenSingleView:y}),w>=0&&L.default.createElement(Li,{images:o,initialViewIndex:w,onClose:function(){return y(-1)}}))},Oi=z.default.div(Mt||(Mt=i.__makeTemplateObject(["\n  .link-info-container {\n    padding: 0.5rem 1rem;\n    background: #f4faff;\n  }\n  .link-image-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: 56.25%;\n    &[data-amp='true'] {\n      padding-top: 0;\n    }\n    &.fetching {\n      background: lightgray;\n    }\n    .loading-spinner {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n    .link-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n  a {\n    text-decoration: none;\n  }\n  &[data-is-marrybaby='true'] {\n    overflow: hidden;\n    border-radius: 1rem;\n  }\n"],["\n  .link-info-container {\n    padding: 0.5rem 1rem;\n    background: #f4faff;\n  }\n  .link-image-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: 56.25%;\n    &[data-amp='true'] {\n      padding-top: 0;\n    }\n    &.fetching {\n      background: lightgray;\n    }\n    .loading-spinner {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n    .link-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n  a {\n    text-decoration: none;\n  }\n  &[data-is-marrybaby='true'] {\n    overflow: hidden;\n    border-radius: 1rem;\n  }\n"]))),Bi=function(e){var a=e.url,o=e.image,r=e.className,l=e.style,d=e.autoPlay,s=void 0===d||d,c=e.isAmp,p=n.useContext(t.TogetherComponentGlobalContext).data.locale,u=n.useState(null),m=u[0],g=u[1];n.useEffect((function(){i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(n){return o?[2]:a?(g((function(n){return i.__assign(i.__assign({},n),{isFetching:!0})})),t.callApi(t.getApiPath(t.PATHS.FETCH_PREVIEW,{_locale:p}),"POST",{data:{link:a},headers:{"Content-Type":"application/json"}}).then((function(n){var e,t;g({url:a,image:(null===(e=null==n?void 0:n.data)||void 0===e?void 0:e.image)||(null===(t=null==n?void 0:n.data)||void 0===t?void 0:t.logo)})})).catch((function(){g(null)})),[2]):[2,g(null)]}))}))}),[a,o]);var f=o||(null==m?void 0:m.image),h=(null==m?void 0:m.url)||a,v=n.useMemo((function(){return function(n){var e;return n.includes("youtu")&&(null===(e=/(.*?)(^|\/|v=)([a-z0-9_-]{11})(.*)?/gim.exec(n))||void 0===e?void 0:e[3])||""}(h)}),[h]),x=n.useMemo((function(){return h.includes("facebook.com")||h.includes("fb.watch")}),[h]),b=n.useRef(0),w=n.useRef(0),y=n.useState(!1),C=y[0],k=y[1];n.useEffect((function(){var n=function(){var n,e=null===(n=E.current)||void 0===n?void 0:n.getBoundingClientRect(),t=!1;e&&(!b.current||Math.abs((b.current-e.width)/(null==e?void 0:e.width))>.2)&&(b.current=Math.floor(e.width),t=!0),e&&(!w.current||Math.abs((w.current-e.height)/(null==e?void 0:e.height))>.2)&&(w.current=Math.floor(e.height),t=!0),t&&k((function(n){return!n}))};return n(),window.addEventListener("resize",n),function(){window.removeEventListener("resize",n)}}),[]);var E=n.useRef(null),A=n.useRef(!1);return L.default.createElement(Oi,{className:"".concat(r," no-replace-click"),style:l,ref:E},o||!v&&!x?L.default.createElement("a",{href:h,target:"_blank",rel:"noreferrer"},L.default.createElement("div",{className:"link-image-wrapper ".concat((null==m?void 0:m.isFetching)?"fetching":"")},(null==m?void 0:m.isFetching)?L.default.createElement(X,{className:"loading-spinner"}):L.default.createElement("img",{className:"link-image",src:f||t.DEFAULT_IMG,onError:function(n){A.current||(A.current=!0,n.currentTarget.src=t.DEFAULT_IMG)}}))):L.default.createElement("div",{"data-amp":c,className:"link-image-wrapper"},v?c?L.default.createElement("amp-youtube",{width:"480",height:"270",layout:"responsive","data-videoid":v,autoplay:s}):L.default.createElement("iframe",{width:"100%",height:"100%",src:"https://www.youtube.com/embed/".concat(v,"?&autoplay=").concat(s?1:0,"&mute=1&enablejsapi=1"),frameBorder:"0",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,border:"none",overflow:"hidden"}}):x?c?L.default.createElement("amp-facebook",{width:"552",height:"310",layout:"responsive","data-href":h}):L.default.createElement("iframe",{key:String(C),src:"https://www.facebook.com/plugins/video.php?href=".concat(encodeURIComponent(h),"&autoplay=").concat(s?1:0,"&show_text=false&t=0&width=").concat(b.current,"&height=").concat(w.current),style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:w.current,width:b.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"}):null))},Vi="data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M5 10C3.9 10 3 10.9 3 12C3 13.1 3.9 14 5 14C6.1 14 7 13.1 7 12C7 10.9 6.1 10 5 10Z' fill='%233E3F58'/%3e %3cpath d='M19 10C17.9 10 17 10.9 17 12C17 13.1 17.9 14 19 14C20.1 14 21 13.1 21 12C21 10.9 20.1 10 19 10Z' fill='%233E3F58'/%3e %3cpath d='M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z' fill='%233E3F58'/%3e %3c/svg%3e",Ui="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='%23595959' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 13.3334L8 10.3704L4 13.3334V3.85187C4 3.53754 4.12041 3.23608 4.33474 3.01382C4.54906 2.79155 4.83975 2.66669 5.14286 2.66669H10.8571C11.1602 2.66669 11.4509 2.79155 11.6653 3.01382C11.8796 3.23608 12 3.53754 12 3.85187V13.3334Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Ri="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 13.3334L8 10.3704L4 13.3334V3.85187C4 3.53754 4.12041 3.23608 4.33474 3.01382C4.54906 2.79155 4.83975 2.66669 5.14286 2.66669H10.8571C11.1602 2.66669 11.4509 2.79155 11.6653 3.01382C11.8796 3.23608 12 3.53754 12 3.85187V13.3334Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Di="data:image/svg+xml,%3csvg width='3' height='13' viewBox='0 0 3 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='1.58326' cy='6.41663' r='1.25' transform='rotate(89.9997 1.58326 6.41663)' fill='%23595959'/%3e%3cellipse cx='1.58326' cy='1.41663' rx='1.25' ry='1.25' transform='rotate(89.9997 1.58326 1.41663)' fill='%23595959'/%3e%3cellipse cx='1.58326' cy='11.4166' rx='1.25' ry='1.25' transform='rotate(89.9997 1.58326 11.4166)' fill='%23595959'/%3e%3c/svg%3e",Hi="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 5.33337C13.1046 5.33337 14 4.43794 14 3.33337C14 2.2288 13.1046 1.33337 12 1.33337C10.8954 1.33337 10 2.2288 10 3.33337C10 4.43794 10.8954 5.33337 12 5.33337Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4 10C5.10457 10 6 9.10457 6 8C6 6.89543 5.10457 6 4 6C2.89543 6 2 6.89543 2 8C2 9.10457 2.89543 10 4 10Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12 14.6666C13.1046 14.6666 14 13.7712 14 12.6666C14 11.5621 13.1046 10.6666 12 10.6666C10.8954 10.6666 10 11.5621 10 12.6666C10 13.7712 10.8954 14.6666 12 14.6666Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.72668 9.00665L10.28 11.66' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.2734 4.33997L5.72668 6.9933' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Zi="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 4H3.33333H14' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.33334 3.99992V2.66659C5.33334 2.31296 5.47382 1.97382 5.72387 1.72378C5.97392 1.47373 6.31305 1.33325 6.66668 1.33325H9.33334C9.68697 1.33325 10.0261 1.47373 10.2762 1.72378C10.5262 1.97382 10.6667 2.31296 10.6667 2.66659V3.99992M12.6667 3.99992V13.3333C12.6667 13.6869 12.5262 14.026 12.2762 14.2761C12.0261 14.5261 11.687 14.6666 11.3333 14.6666H4.66668C4.31305 14.6666 3.97392 14.5261 3.72387 14.2761C3.47382 14.026 3.33334 13.6869 3.33334 13.3333V3.99992H12.6667Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.66666 7.33325V11.3333' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.33334 7.33325V11.3333' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Wi=function(e){var a=e.authorEmail,o=e.onDeletePost,l=e.shareUrl,d=e.post,s=e.className,c=void 0===s?"":s,p=e.popoverClassName,u=void 0===p?"":p,m=e.onBookmark,f=e.onRemoveBookmark,h=e.onEditPost,v=n.useContext(t.TogetherComponentGlobalContext),x=v.data,b=x.locale,w=x.userInfo,y=x.togetherUserId,C=x.env.isMarryBaby,k=v.action.pushNotifications,E=r.useTranslations().t,A=n.useState(!1),_=A[0],T=A[1],N=n.useState(!1),M=N[0],z=N[1],j=n.useState(!1),S=j[0],P=j[1],I=V().authActionWrapper,F=a&&(null==w?void 0:w.email)&&a===String(null==w?void 0:w.email);return L.default.createElement("div",{className:c,onClick:function(n){n.preventDefault(),n.stopPropagation()}},S&&L.default.createElement(di,{url:l,text:null==d?void 0:d.title,onClose:function(){return P(!1)}}),M&&L.default.createElement(Kt,{thumbnail:g.CommonGAssets.getAssetPath("trash-bin.svg"),isThumbnailIcon:!0,title:E("popup.deletePost.title"),description:E("popup.deletePost.description"),acceptText:E("popup.deletePost.accept"),cancelText:E("popup.deletePost.cancel"),onAccept:function(){return i.__awaiter(void 0,void 0,void 0,(function(){var n;return i.__generator(this,(function(e){switch(e.label){case 0:if(!(null==d?void 0:d.id)||_)return[2];T(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,Ze({id:d.id,locale:b})];case 2:return 1===(null==(n=e.sent())?void 0:n.status)&&(null==o||o()),[3,4];case 3:return e.sent(),[3,4];case 4:return T(!1),[2]}}))}))},onClose:function(){return z(!1)}}),L.default.createElement(xn,{className:u,toggleButtonContent:L.default.createElement("img",{src:C?Vi:Di}),position:"bottom",align:"end",buttonProps:{isLoading:_},data:F?{isShowheader:!1,type:"list",list:[{icon:Hi,label:E("morePopover.share"),onClick:function(){return P(!0)}},{icon:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.16952 3.2356H2.99484C2.6785 3.2356 2.37512 3.36126 2.15143 3.58495C1.92774 3.80863 1.80208 4.11202 1.80208 4.42836V12.7777C1.80208 13.094 1.92774 13.3974 2.15143 13.6211C2.37512 13.8448 2.6785 13.9705 2.99484 13.9705H11.3442C11.6605 13.9705 11.9639 13.8448 12.1876 13.6211C12.4113 13.3974 12.537 13.094 12.537 12.7777V8.60303' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11.6425 2.341C11.8798 2.10375 12.2016 1.97046 12.5371 1.97046C12.8726 1.97046 13.1944 2.10375 13.4317 2.341C13.6689 2.57826 13.8022 2.90005 13.8022 3.23558C13.8022 3.57111 13.6689 3.89289 13.4317 4.13015L7.76607 9.79578L5.38054 10.3922L5.97692 8.00663L11.6425 2.341Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",label:E("actionPopover.edit"),onClick:h},{icon:Zi,label:E("actionPopover.delete"),onClick:function(){I((function(){return z(!0)}))}}]}:{isShowheader:!1,type:"list",list:[{icon:Hi,label:E("morePopover.share"),onClick:function(){return P(!0)}},{icon:(null==d?void 0:d.bookmarked)?Ui:Ri,label:(null==d?void 0:d.bookmarked)?E("morePopover.unsavePost"):E("morePopover.savePost"),onClick:function(){I((function(){return i.__awaiter(void 0,void 0,void 0,(function(){var n;return i.__generator(this,(function(e){switch(e.label){case 0:return(null==w?void 0:w.id)&&(null==d?void 0:d.id)?(null==d?void 0:d.bookmarked)?[4,t.callApiWithAuth(t.getApiPath(t.PATHS.BOOKMARK.DELETE,{_locale:b}),"DELETE",{data:{post_id:String(d.id)}})]:[3,2]:[2];case 1:return 1===(null==(n=e.sent())?void 0:n.status)?(k({title:"",message:"Removed saved post",type:"success",displayIcon:Ri}),f&&f()):k({title:"",message:"Remove failed",type:"danger",displayIcon:Ri}),[3,4];case 2:return[4,t.callApiWithAuth(t.getApiPath(t.PATHS.BOOKMARK.CREATE,{_locale:b}),"POST",{data:{user_id:y||w.id,post_id:d.id}})];case 3:1===(null==(n=e.sent())?void 0:n.status)?(k({title:"",message:"Post saved",type:"success",displayIcon:Ui}),m&&m()):k({title:"",message:"Post saved failed",type:"danger",displayIcon:Ri}),e.label=4;case 4:return[2]}}))}))}))}},{icon:ci,label:E("morePopover.report"),subTree:{title:E("morePopover.report.title"),description:E("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(t.REPORT_REASON_MAP).map((function(n){return{label:t.REPORT_REASON_MAP[n].label,reason:t.REPORT_REASON_MAP[n].reportReasonText,reasonValue:n}})).map((function(n){return{label:E(n.label),subTree:{title:E("morePopover.reportSubmit.title"),description:E("morePopover.reportSubmit.description"),isShowheader:!0,type:"jsx",jsxRenderer:function(e){return L.default.createElement(ui,{reason:n.reasonValue,reasonText:E(n.reason),postId:null==d?void 0:d.id,onClose:function(){return e&&e(!1)}})}}}}))}}]}}))},qi=z.default.div(zt||(zt=i.__makeTemplateObject(["\n  position: relative;\n  margin-bottom: 24px;\n  background: white;\n  border-radius: 6px;\n\n  a {\n    text-decoration: none;\n  }\n\n  "," {\n    margin-bottom: 8px;\n  }\n  &.flat-top {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  .post-pin {\n    padding: 0.5rem 1rem;\n    border-radius: 6px 6px 0 0;\n  }\n  .post-author {\n    padding-top: 1rem;\n    &.comment {\n      padding-right: 2.6rem;\n    }\n    .author-avatar-wrapper {\n      width: 40px;\n      height: 40px;\n      font-size: 20px;\n      "," {\n        width: 32px;\n        height: 32px;\n        font-size: 16px;\n      }\n    }\n  }\n  .post-content-link-wrapper {\n    color: inherit;\n    cursor: pointer;\n    .post-content-title {\n      padding: 1rem 1rem 0;\n      word-break: break-word;\n    }\n  }\n  .social-preview-wrapper.has-image {\n    margin-bottom: 5px;\n  }\n  .social-preview-wrapper,\n  .image-preview-wrapper,\n  .link-preview-wrapper {\n    width: 100%;\n    &[data-is-reply='true'] {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n  }\n  .post-topics {\n    padding: 0 1rem;\n    margin-bottom: 1rem;\n  }\n\n  .post-reaction {\n    background: none;\n    border-radius: 0 0 6px 6px;\n    &.hide-top-border {\n      ::before {\n        display: none;\n      }\n    }\n  }\n  .most-engaging-wrapper {\n    padding: 1rem;\n    cursor: pointer;\n    .author-avatar-wrapper {\n      width: 2rem;\n      height: 2rem;\n      font-size: 1rem;\n    }\n    .see-more-comments {\n      width: 100%;\n      padding: 12px 0 0;\n      text-align: unset;\n    }\n  }\n  &[data-most-engaging='true'] {\n    border: none;\n    "," {\n      margin: 1rem;\n      border: 1px solid #e4e8ec;\n    }\n  }\n  .top-divider {\n    border-color: #e4e8ec;\n  }\n  .popover {\n    position: absolute;\n    top: 1.2rem;\n    right: 1rem;\n    .popover-menu__btn {\n      display: flex;\n      width: 1.5rem;\n      height: 1rem;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      background: transparent;\n\n      &:hover {\n        background-color: transparent;\n      }\n    }\n    .popover-menu__content {\n      &.--position-bottom {\n        &.--align-end {\n          &::before {\n            right: 12.5px;\n          }\n        }\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    border: 1px solid #f3f3f3;\n    border-radius: 1rem;\n    /* shadow */\n\n    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n    .image-preview-wrapper,\n    .link-preview-wrapper {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n    .popover {\n      .popover-menu__btn {\n        width: 24px;\n        height: 24px;\n        "," {\n          width: 18px;\n          height: 18px;\n        }\n      }\n      .popover-menu__content {\n        &.--position-bottom {\n          &.--align-end {\n            &::before {\n              right: 1rem;\n            }\n            width: 350px;\n            "," {\n              max-width: calc(320px - 2rem);\n            }\n          }\n        }\n      }\n    }\n    .most-engaging-wrapper {\n      position: relative;\n      padding: 0;\n      &::before {\n        position: absolute;\n        z-index: 5;\n        top: 0;\n        left: 50%;\n        width: calc(100% - 2rem);\n        height: 1px;\n        background: #f3f3f3;\n        content: ' ';\n        transform: translateX(-50%);\n      }\n    }\n    "," {\n      margin-bottom: 12px;\n    }\n  }\n"],["\n  position: relative;\n  margin-bottom: 24px;\n  background: white;\n  border-radius: 6px;\n\n  a {\n    text-decoration: none;\n  }\n\n  "," {\n    margin-bottom: 8px;\n  }\n  &.flat-top {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  .post-pin {\n    padding: 0.5rem 1rem;\n    border-radius: 6px 6px 0 0;\n  }\n  .post-author {\n    padding-top: 1rem;\n    &.comment {\n      padding-right: 2.6rem;\n    }\n    .author-avatar-wrapper {\n      width: 40px;\n      height: 40px;\n      font-size: 20px;\n      "," {\n        width: 32px;\n        height: 32px;\n        font-size: 16px;\n      }\n    }\n  }\n  .post-content-link-wrapper {\n    color: inherit;\n    cursor: pointer;\n    .post-content-title {\n      padding: 1rem 1rem 0;\n      word-break: break-word;\n    }\n  }\n  .social-preview-wrapper.has-image {\n    margin-bottom: 5px;\n  }\n  .social-preview-wrapper,\n  .image-preview-wrapper,\n  .link-preview-wrapper {\n    width: 100%;\n    &[data-is-reply='true'] {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n  }\n  .post-topics {\n    padding: 0 1rem;\n    margin-bottom: 1rem;\n  }\n\n  .post-reaction {\n    background: none;\n    border-radius: 0 0 6px 6px;\n    &.hide-top-border {\n      ::before {\n        display: none;\n      }\n    }\n  }\n  .most-engaging-wrapper {\n    padding: 1rem;\n    cursor: pointer;\n    .author-avatar-wrapper {\n      width: 2rem;\n      height: 2rem;\n      font-size: 1rem;\n    }\n    .see-more-comments {\n      width: 100%;\n      padding: 12px 0 0;\n      text-align: unset;\n    }\n  }\n  &[data-most-engaging='true'] {\n    border: none;\n    "," {\n      margin: 1rem;\n      border: 1px solid #e4e8ec;\n    }\n  }\n  .top-divider {\n    border-color: #e4e8ec;\n  }\n  .popover {\n    position: absolute;\n    top: 1.2rem;\n    right: 1rem;\n    .popover-menu__btn {\n      display: flex;\n      width: 1.5rem;\n      height: 1rem;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      background: transparent;\n\n      &:hover {\n        background-color: transparent;\n      }\n    }\n    .popover-menu__content {\n      &.--position-bottom {\n        &.--align-end {\n          &::before {\n            right: 12.5px;\n          }\n        }\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    border: 1px solid #f3f3f3;\n    border-radius: 1rem;\n    /* shadow */\n\n    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n    .image-preview-wrapper,\n    .link-preview-wrapper {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n    .popover {\n      .popover-menu__btn {\n        width: 24px;\n        height: 24px;\n        "," {\n          width: 18px;\n          height: 18px;\n        }\n      }\n      .popover-menu__content {\n        &.--position-bottom {\n          &.--align-end {\n            &::before {\n              right: 1rem;\n            }\n            width: 350px;\n            "," {\n              max-width: calc(320px - 2rem);\n            }\n          }\n        }\n      }\n    }\n    .most-engaging-wrapper {\n      position: relative;\n      padding: 0;\n      &::before {\n        position: absolute;\n        z-index: 5;\n        top: 0;\n        left: 50%;\n        width: calc(100% - 2rem);\n        height: 1px;\n        background: #f3f3f3;\n        content: ' ';\n        transform: translateX(-50%);\n      }\n    }\n    "," {\n      margin-bottom: 12px;\n    }\n  }\n"])),h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown),Gi=function(e){var a=e.onDeleteComment,o=e.commentId,l=e.className,d=void 0===l?"":l,s=e.popoverClassName,c=void 0===s?"":s,p=n.useContext(t.TogetherComponentGlobalContext),u=p.data,m=u.env.isMarryBaby,g=u.locale,f=p.action.pushNotifications,h=r.useTranslations().t,v=n.useState(!1),x=v[0],b=v[1],w=V().authActionWrapper;return L.default.createElement("div",{className:d,onClick:function(n){n.preventDefault(),n.stopPropagation()}},x&&L.default.createElement(Kt,{thumbnail:"data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0)'%3e%3cpath d='M2 4.00781H3.33333H14' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.33337 4.00846V2.67513C5.33337 2.32151 5.47385 1.98237 5.7239 1.73232C5.97395 1.48227 6.31309 1.3418 6.66671 1.3418H9.33337C9.687 1.3418 10.0261 1.48227 10.2762 1.73232C10.5262 1.98237 10.6667 2.32151 10.6667 2.67513V4.00846M12.6667 4.00846V13.3418C12.6667 13.6954 12.5262 14.0346 12.2762 14.2846C12.0261 14.5347 11.687 14.6751 11.3334 14.6751H4.66671C4.31309 14.6751 3.97395 14.5347 3.7239 14.2846C3.47385 14.0346 3.33337 13.6954 3.33337 13.3418V4.00846H12.6667Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.66663 7.3418V11.3418' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.33337 7.3418V11.3418' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0'%3e%3crect width='16' height='16' fill='white' transform='translate(0 0.0078125)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",isThumbnailIcon:!0,title:h("popup.deleteComment.title"),description:h("popup.deleteComment.description"),acceptText:h("popup.deletePost.accept"),cancelText:h("popup.deletePost.cancel"),onAccept:function(){return i.__awaiter(void 0,void 0,void 0,(function(){var n,e;return i.__generator(this,(function(t){switch(t.label){case 0:return o?[4,ei({id:o,locale:g})]:[2];case 1:return 1===(null==(n=t.sent())?void 0:n.status)?(a&&a(),f({title:"",message:h("notification.success"),type:"success"})):f({title:"",message:(null===(e=null==n?void 0:n.messages)||void 0===e?void 0:e[0])||h("notification.failure"),type:"danger"}),[2]}}))}))},onClose:function(){return b(!1)}}),L.default.createElement(xn,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:[{icon:Zi,label:h("actionPopover.delete"),onClick:function(){w((function(){b(!0)}))}}]},className:c,toggleButtonContent:L.default.createElement("img",{src:m?Vi:Di}),buttonProps:{}}))},Qi=z.default.div(jt||(jt=i.__makeTemplateObject(["\n  position: relative;\n  margin-bottom: 0;\n  background: white;\n  border-radius: 6px;\n\n  .post-author {\n    padding-top: 1rem;\n    padding-right: 2rem;\n    &.with-popover {\n      padding-right: 2.6rem;\n    }\n    .author-avatar-wrapper {\n      width: 40px;\n      height: 40px;\n      font-size: 20px;\n      "," {\n        width: 32px;\n        height: 32px;\n        font-size: 16px;\n      }\n    }\n  }\n  .image-preview-wrapper,\n  .link-preview-wrapper {\n    width: 100%;\n    &[data-is-reply='true'] {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n  }\n  .post-reaction {\n    background: none;\n    border-radius: 0 0 6px 6px;\n  }\n  &[data-is-reply='true'] {\n    > .post-author .author-avatar-wrapper {\n      width: 20px;\n      height: 20px;\n      font-size: 10px;\n    }\n  }\n  &[data-is-reply='false'] {\n    border: 1px solid #e4e8ec;\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-has-booking='true'] {\n    display: grid;\n    .post-author {\n      background-color: ",";\n    }\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n\n  .comment-reply-wrapper {\n    padding: 0 1rem;\n    .more-cmt {\n      .chevron-right {\n        height: 1rem;\n        width: 1rem;\n        vertical-align: middle;\n      }\n    }\n  }\n  .top-divider {\n    border-color: #e4e8ec;\n  }\n  .popover {\n    position: absolute;\n    top: 1.5rem;\n    right: 1rem;\n    .popover-menu__btn {\n      display: flex;\n      width: 1rem;\n      height: 1rem;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      background: transparent;\n\n      &:hover {\n        background-color: transparent;\n      }\n\n      .popover-menu__content {\n        &.--position-bottom {\n          &.--align-end {\n            &::before {\n              right: 12.5px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    &[data-is-reply='false'] {\n      border: none;\n    }\n    .image-preview-wrapper,\n    .link-preview-wrapper {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n    .popover {\n      .popover-menu__btn {\n        width: 24px;\n        height: 24px;\n      }\n    }\n\n    margin-left: 56px;\n    "," {\n      margin-left: 40px;\n    }\n    > .post-author {\n      margin-left: -56px;\n      "," {\n        margin-left: -40px;\n      }\n      .author-info {\n        align-items: center;\n        display: flex;\n        align-items: center;\n        .author-info-top {\n          width: 100%;\n        }\n        .author-info-text-wrapper {\n          justify-content: space-between;\n        }\n      }\n      .author-avatar-wrapper {\n        width: 40px;\n        height: 40px;\n        font-size: 20px;\n        "," {\n          width: 24px;\n          height: 24px;\n          font-size: 12px;\n        }\n      }\n    }\n    &[data-is-reply] {\n      > .post-author {\n        .author-avatar-wrapper {\n          width: 40px;\n          height: 40px;\n          font-size: 20px;\n          "," {\n            width: 24px;\n            height: 24px;\n            font-size: 12px;\n          }\n        }\n      }\n    }\n\n    .comment-reply-wrapper {\n      padding-right: 0;\n      padding-left: 0;\n    }\n    .post-reaction {\n      &::after {\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: calc(100% - 2rem);\n        height: 1px;\n        background: #f3f3f3;\n        content: ' ';\n        transform: translateX(-50%);\n      }\n    }\n    .post-content-wrapper {\n      padding-top: 0;\n      padding-bottom: 0;\n      "," {\n        padding-left: 0.5rem;\n      }\n    }\n\n    "," {\n      margin-bottom: 12px;\n    }\n  }\n"],["\n  position: relative;\n  margin-bottom: 0;\n  background: white;\n  border-radius: 6px;\n\n  .post-author {\n    padding-top: 1rem;\n    padding-right: 2rem;\n    &.with-popover {\n      padding-right: 2.6rem;\n    }\n    .author-avatar-wrapper {\n      width: 40px;\n      height: 40px;\n      font-size: 20px;\n      "," {\n        width: 32px;\n        height: 32px;\n        font-size: 16px;\n      }\n    }\n  }\n  .image-preview-wrapper,\n  .link-preview-wrapper {\n    width: 100%;\n    &[data-is-reply='true'] {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n  }\n  .post-reaction {\n    background: none;\n    border-radius: 0 0 6px 6px;\n  }\n  &[data-is-reply='true'] {\n    > .post-author .author-avatar-wrapper {\n      width: 20px;\n      height: 20px;\n      font-size: 10px;\n    }\n  }\n  &[data-is-reply='false'] {\n    border: 1px solid #e4e8ec;\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-has-booking='true'] {\n    display: grid;\n    .post-author {\n      background-color: ",";\n    }\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n\n  .comment-reply-wrapper {\n    padding: 0 1rem;\n    .more-cmt {\n      .chevron-right {\n        height: 1rem;\n        width: 1rem;\n        vertical-align: middle;\n      }\n    }\n  }\n  .top-divider {\n    border-color: #e4e8ec;\n  }\n  .popover {\n    position: absolute;\n    top: 1.5rem;\n    right: 1rem;\n    .popover-menu__btn {\n      display: flex;\n      width: 1rem;\n      height: 1rem;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      background: transparent;\n\n      &:hover {\n        background-color: transparent;\n      }\n\n      .popover-menu__content {\n        &.--position-bottom {\n          &.--align-end {\n            &::before {\n              right: 12.5px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    &[data-is-reply='false'] {\n      border: none;\n    }\n    .image-preview-wrapper,\n    .link-preview-wrapper {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n    .popover {\n      .popover-menu__btn {\n        width: 24px;\n        height: 24px;\n      }\n    }\n\n    margin-left: 56px;\n    "," {\n      margin-left: 40px;\n    }\n    > .post-author {\n      margin-left: -56px;\n      "," {\n        margin-left: -40px;\n      }\n      .author-info {\n        align-items: center;\n        display: flex;\n        align-items: center;\n        .author-info-top {\n          width: 100%;\n        }\n        .author-info-text-wrapper {\n          justify-content: space-between;\n        }\n      }\n      .author-avatar-wrapper {\n        width: 40px;\n        height: 40px;\n        font-size: 20px;\n        "," {\n          width: 24px;\n          height: 24px;\n          font-size: 12px;\n        }\n      }\n    }\n    &[data-is-reply] {\n      > .post-author {\n        .author-avatar-wrapper {\n          width: 40px;\n          height: 40px;\n          font-size: 20px;\n          "," {\n            width: 24px;\n            height: 24px;\n            font-size: 12px;\n          }\n        }\n      }\n    }\n\n    .comment-reply-wrapper {\n      padding-right: 0;\n      padding-left: 0;\n    }\n    .post-reaction {\n      &::after {\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: calc(100% - 2rem);\n        height: 1px;\n        background: #f3f3f3;\n        content: ' ';\n        transform: translateX(-50%);\n      }\n    }\n    .post-content-wrapper {\n      padding-top: 0;\n      padding-bottom: 0;\n      "," {\n        padding-left: 0.5rem;\n      }\n    }\n\n    "," {\n      margin-bottom: 12px;\n    }\n  }\n"])),h.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50}),h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown,h.MediaQueries.mbDown),Xi=function(e){var l,d,s,c,p,u,m,g=e.className,f=e.style,h=e.comment,v=e.type,x=void 0===v?"comment":v,b=e.level,w=void 0===b?0:b,C=e.replyingId,k=e.onPostCommentSuccess,E=e.post,A=e.onDeleteComment,_=e.refetchComment,T=e.hasQuickBookingEnable,N=e.handleMakeAppointment,M=n.useContext(t.TogetherComponentGlobalContext).data,z=M.locale,j=M.userInfo,S=M.env.isMarryBaby,P=r.useTranslations().t,I=n.useState(h||null),F=I[0],O=I[1],U=F.id;F.countReplies;var R=F.countLikes,D=F.content,H=F.createdAt,Z=F.replies,W=void 0===Z?[]:Z,q=F.images,G=void 0===q?[]:q,X=F.author,K=F.liked,J=F.link,$=F.mentionedUser,nn=F.mentions,en=function(n){try{var e=n.match(/\[@([^\]]+)\]/),t=e?e[0].replace("[@","").replace("]",""):"";return{text:n.replace(/\[@([^\]]+)\]/,"").trim(),replyingTo:t}}catch(n){}return{text:""}}(D),tn=en.text,an=en.replyingTo,on=V({_joinCommunityIds:[null===(l=null==E?void 0:E.community)||void 0===l?void 0:l.id],_joinTopicIds:null===(d=null==E?void 0:E.topics)||void 0===d?void 0:d.map((function(n){return n.id}))}).authActionWrapper,rn=n.useState(4),ln=rn[0],dn=rn[1],cn=!!(null==j?void 0:j.id)&&(null==W?void 0:W.some((function(n){return n.author.id===j.id}))),pn=function(n){O((function(e){if(!e.replies.find((function(e){return e.id===n.id}))){e.replies.unshift(n);var t=i.__assign(i.__assign({},e),{replies:e.replies.slice(),countReplies:e.countReplies+1});return _&&_(t),t}return e}))},un=n.useState(!1),mn=un[0],gn=un[1],fn=n.useMemo((function(){return"comment"===x&&W&&0!=W.length?W.sort((function(n,e){var t=new Date(n.createdAt).getTime(),i=new Date(e.createdAt).getTime();return t>i?-1:t<i?1:0})):W}),[x,W]),hn=(null==W?void 0:W.length)||0,vn=String(null==X?void 0:X.email)&&(null==j?void 0:j.email)&&String(null==X?void 0:X.email)===String(null==j?void 0:j.email),xn=(null==E?void 0:E.isAnonymous)&&(null===(s=null==E?void 0:E.author)||void 0===s?void 0:s.username)===(null==X?void 0:X.username),bn=xn?P("cardPost.anonymous"):(null==X?void 0:X.name)||(null==X?void 0:X.username)||"",wn=xn?t.DEFAULT_AVATAR_IMG:null==X?void 0:X.avatar,yn=xn?P("cardPost.anonymous"):(null==X?void 0:X.username)||(null==X?void 0:X.name)||"",Cn=i.__spreadArray(i.__spreadArray([],(null==E?void 0:E.isAnonymous)?[{id:(null===(c=null==E?void 0:E.author)||void 0===c?void 0:c.id)||0,name:P("cardPost.anonymous")}]:[],!0),nn||[],!0),kn=n.useState(null),En=kn[0],An=kn[1],_n=n.useState(null),Tn=_n[0],Nn=_n[1];n.useEffect((function(){if(null==X?void 0:X.hospitalId){n=X.hospitalId,i.__awaiter(void 0,void 0,void 0,(function(){var e,a;return i.__generator(this,(function(i){switch(i.label){case 0:return[4,t.callApi(t.getCarePath(t.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:n,website_url:y.domainLocales[z]}),"get")];case 1:return e=i.sent(),(null===(a=null==e?void 0:e._data)||void 0===a?void 0:a.branch)&&An(null==e?void 0:e._data.branch),[2]}}))}))}var n,e;if(null==X?void 0:X.doctorId){e=X.doctorId,i.__awaiter(void 0,void 0,void 0,(function(){var n,a;return i.__generator(this,(function(i){switch(i.label){case 0:return[4,t.callApi(t.getCarePath(t.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:e,website_url:y.domainLocales[z]}),"get")];case 1:return n=i.sent(),(null===(a=null==n?void 0:n._data)||void 0===a?void 0:a.doctor)&&Nn(null==n?void 0:n._data.doctor),[2]}}))}))}}),[X.hospitalId,X.doctorId]);var Ln=(null==Tn?void 0:Tn.valid_outpatient)||(null==Tn?void 0:Tn.valid_telemedicine),Mn=((null==En?void 0:En.total_available_service)||(null==En?void 0:En.total_available_doctor))>0,zn=T&&(Ln||Mn);return L.default.createElement(B,{defaultParams:{_joinCommunityIds:[null===(p=null==E?void 0:E.community)||void 0===p?void 0:p.id],_joinTopicIds:null===(u=null==E?void 0:E.topics)||void 0===u?void 0:u.map((function(n){return n.id}))}},L.default.createElement(Qi,{className:g,style:f,"data-is-reply":!!w,"data-is-marrybaby":S,"data-has-booking":zn},"reply"===x&&L.default.createElement(o.Divider,{className:"top-divider",type:"solid"}),L.default.createElement(ve,{avatar:wn,name:bn,username:yn,email:null==X?void 0:X.email,time:H,className:"post-author ".concat(vn?"with-popover":""),type:x,userId:null==X?void 0:X.id,role:null==X?void 0:X.role,expertId:null==X?void 0:X.partnerId,title:null==X?void 0:X.title,doctorId:null==X?void 0:X.doctorId,hospitalId:null==X?void 0:X.hospitalId,hasQuickBooking:zn,handleMakeAppointment:N,isAnonymous:!!(null==E?void 0:E.isAnonymous)}),L.default.createElement(gi,{className:"post-content-wrapper",replyingTo:an,mentionedUser:$,description:tn,mentions:Cn}),L.default.createElement("span",null),L.default.createElement("span",null),G&&G.length>0?L.default.createElement("div",{key:"image-preview",className:"image-preview-wrapper","data-is-reply":!0},L.default.createElement(Fi,{images:G,authorName:null==X?void 0:X.username})):null,G&&0!==G.length||!J?null:L.default.createElement("div",{key:"link-preview",className:"link-preview-wrapper","data-is-reply":!0},L.default.createElement(Y,{url:J})),"most-engaging"!==x?L.default.createElement(L.default.Fragment,null,L.default.createElement(sn,{type:Q.reply,loveCount:R,replyCount:hn,className:"post-reaction",liked:K,isReplied:cn,hideCommentIcon:"reply"===x,onCommentClick:function(){return on((function(){return gn((function(n){return!n}))}))},onCommentCountClick:function(){return on((function(){gn(!0)}))},onLikeClick:function(){return on((function(){return i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(n){switch(n.label){case 0:return U?[4,ni({commentId:U,setLike:!K,locale:z})]:[3,2];case 1:1===n.sent().status&&O((function(n){return i.__assign(i.__assign({},n),{liked:!K,countLikes:n.countLikes+(K?-1:1)})})),n.label=2;case 2:return[2]}}))}))}))}}),mn&&L.default.createElement(ai,{replyingId:C||F.id,replyToName:bn,isReply:!0,onClose:function(){return gn(!1)},onPostSuccess:function(n){"reply"===x?k&&k(n):pn(n)},post:E,replyingUser:X}),"comment"===x&&W&&W.length>0?L.default.createElement("div",{className:"comment-reply-wrapper"},null===(m=null==fn?void 0:fn.slice(0,ln))||void 0===m?void 0:m.map((function(n){return L.default.createElement(Xi,{key:n.id,comment:n,type:"reply",className:"comment-reply-item",level:w+1,replyingId:U,onPostCommentSuccess:pn,post:E,onDeleteComment:function(){O((function(e){return i.__assign(i.__assign({},e),{replies:e.replies.filter((function(e){return e.id!==n.id})),countReplies:e.countReplies-1})}))},handleMakeAppointment:N,hasQuickBookingEnable:T})})),hn>ln&&L.default.createElement(L.default.Fragment,null,L.default.createElement(o.Divider,{className:"top-divider",type:"solid"}),L.default.createElement(a.Button,{className:"more-cmt",size:"lg",color:"ghost",onClick:function(){return dn((function(n){return n+4}))}},P("comment.seeMoreReplies",{count:hn-ln}),L.default.createElement("img",{className:"chevron-right",src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 12L10 8L6 4' stroke='%232D87F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})))):null):null,vn&&L.default.createElement(Gi,{onDeleteComment:A,className:"popover",commentId:F.id})))},Ki=function(n,e){return i.__awaiter(void 0,void 0,void 0,(function(){var a,o,r,l;return i.__generator(this,(function(i){switch(i.label){case 0:return[4,t.callApiWithOptionalAuth(t.getApiPath(t.PATHS.COMMENT.LIST,{postId:n,_locale:e,sort:"popularity",perPage:1,withoutReply:1}),"GET")];case 1:return a=i.sent(),[2,null===(l=null===(r=null===(o=null==a?void 0:a.data)||void 0===o?void 0:o.comments)||void 0===r?void 0:r.map(t.formatComment))||void 0===l?void 0:l[0]]}}))}))},Yi=Object.freeze({__proto__:null});exports.CardAuthor=ve,exports.CardLink=Y,exports.CardPost=function(e){var o=e.className,l=e.style,d=e.hideViewMoreComment,s=e.showMostEngaging,c=e.onCommentClick,p=e.onCommentCountClick,u=e.onMostEngagingCommentClick,g=e.onPostCommentSuccess,f=e.disableCardLink,h=e.disableShortenContent,v=e.onDeletePost,x=e.onEditPost,b=e.post,w=e.mostEngagingComment,y=e.onDeleteComment,C=e.showInputComment,k=e.InlineCommentsComponent,E=e.hasQuickBookingEnable,A=e.handleMakeAppointment,_=n.useState(b),T=_[0],N=_[1],z=n.useState(!1),j=z[0],S=z[1],P=n.useState(w),I=P[0],F=P[1],O=T.community,U=T.topics,R=T.author,D=T.slug,H=T.isPin,Z=T.liked,W=T.scheduleDateTime,q=T.createdAt,G=T.photos,X=T.mentions,K=T.title,J=T.description,$=T.previewUrl,nn=T.likesCount,en=T.commentsCount,tn=T.id,an=T.commented,on=n.useContext(t.TogetherComponentGlobalContext),rn=on.data,ln=rn.locale,dn=rn.env,cn=dn.isMarryBaby,un=dn.togetherBasePath,mn=on.action.pushNotifications,fn=r.useTranslations().t,hn=n.useState(C),vn=hn[0],xn=hn[1],bn="".concat(un,"/").concat((null==O?void 0:O.slug)||"_","/").concat(D||""),wn="".concat(t.getCurrentBaseUrl(ln)).concat(bn),yn=V((null==O?void 0:O.slug)?{_joinCommunityIds:[O.id],_joinTopicIds:null==U?void 0:U.map((function(n){return n.id}))}:void 0).authActionWrapper,Cn=n.useState(!1),kn=Cn[0],En=Cn[1];n.useEffect((function(){xn(C)}),[C]);var An=(null==T?void 0:T.isAnonymous)?fn("cardPost.anonymous"):(null==R?void 0:R.name)||(null==R?void 0:R.username)||"",_n=(null==T?void 0:T.isAnonymous)?fn("cardPost.anonymous"):(null==R?void 0:R.username)||(null==R?void 0:R.name)||"",Tn=(null==T?void 0:T.isAnonymous)?t.DEFAULT_AVATAR_IMG:null==R?void 0:R.avatar,Nn=(null==T?void 0:T.isAnonymous)||null==R?void 0:R.role,Ln=n.useState(null),Mn=Ln[0],zn=Ln[1],jn=n.useState(null),Sn=jn[0],Pn=jn[1];n.useEffect((function(){if(null==R?void 0:R.hospitalId){n=R.hospitalId,i.__awaiter(void 0,void 0,void 0,(function(){var e,a;return i.__generator(this,(function(i){switch(i.label){case 0:return[4,t.callApi(t.getCarePath(t.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:n,website_url:t.domainLocales[ln]}),"get")];case 1:return e=i.sent(),(null===(a=null==e?void 0:e._data)||void 0===a?void 0:a.branch)&&zn(null==e?void 0:e._data.branch),[2]}}))}))}var n,e;if(null==R?void 0:R.doctorId){e=R.doctorId,i.__awaiter(void 0,void 0,void 0,(function(){var n,a;return i.__generator(this,(function(i){switch(i.label){case 0:return[4,t.callApi(t.getCarePath(t.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:e,website_url:t.domainLocales[ln]}),"get")];case 1:return n=i.sent(),(null===(a=null==n?void 0:n._data)||void 0===a?void 0:a.doctor)&&Pn(null==n?void 0:n._data.doctor),[2]}}))}))}}),[R.hospitalId,R.doctorId]);var In=(null==Sn?void 0:Sn.valid_outpatient)||(null==Sn?void 0:Sn.valid_telemedicine),Fn=((null==Mn?void 0:Mn.total_available_service)||(null==Mn?void 0:Mn.total_available_doctor))>0,On=E&&(In||Fn);n.useEffect((function(){i.__awaiter(void 0,void 0,void 0,(function(){var n;return i.__generator(this,(function(e){switch(e.label){case 0:return tn&&en&&s&&!(null==w?void 0:w.id)?[4,Ki(tn,ln)]:[3,2];case 1:n=e.sent(),F(n),e.label=2;case 2:return[2]}}))}))}),[tn,ln,en,s,null==w?void 0:w.id]),n.useEffect((function(){F(w)}),[null==w?void 0:w.id]);var Bn=function(n){return i.__awaiter(void 0,void 0,void 0,(function(){var e;return i.__generator(this,(function(t){switch(t.label){case 0:return en>1&&(null==I?void 0:I.id)&&(null==I?void 0:I.id)===(null==n?void 0:n.id)?[4,Ki(tn,ln)]:[3,2];case 1:e=t.sent(),F(e),t.label=2;case 2:return N((function(n){return i.__assign(i.__assign({},n),{commentsCount:n.commentsCount-1})})),y&&y(n),[2]}}))}))};return L.default.createElement(B,{defaultParams:(null==O?void 0:O.slug)?{_joinCommunityIds:[O.id],_joinTopicIds:null==U?void 0:U.map((function(n){return n.id}))}:void 0},j&&L.default.createElement(di,{url:wn,avatar:t.DEFAULT_IMG,text:K,onClose:function(){return S(!1)}}),L.default.createElement(qi,{className:o,style:l,"data-is-marrybaby":cn},H?L.default.createElement(gn,{className:"post-pin"}):null,L.default.createElement("div",{style:{position:"relative"}},L.default.createElement(ve,{avatar:Tn,name:An,username:_n,url:f?void 0:bn,email:null==R?void 0:R.email,time:W||q,community:O,className:"post-author",role:Nn,userId:null==R?void 0:R.id,expertId:null==R?void 0:R.partnerId,doctorId:null==R?void 0:R.doctorId,hospitalId:null==R?void 0:R.hospitalId,title:null==R?void 0:R.title,hasQuickBooking:On,handleMakeAppointment:A,"data-testid":"name",isAnonymous:!!(null==T?void 0:T.isAnonymous)}),L.default.createElement(Wi,{authorEmail:String(null==R?void 0:R.email),onDeletePost:v,shareUrl:wn,post:T,className:"popover",onEditPost:x})),L.default.createElement("a",{href:f?void 0:bn,className:"post-content-link-wrapper"},K&&L.default.createElement(m.Heading,{className:"post-content-title",as:"h2",tag:"h5",fontWeight:"bold","data-testid":"Title of the Post"},M.default(K)),L.default.createElement(gi,{className:"post-content-wrapper",description:J,disableShortenContent:h,mentions:X,"data-testid":"Content of the Post"})),L.default.createElement("span",null),L.default.createElement("span",null),L.default.createElement("div",{key:"tag-topic"},U&&U.length>0?L.default.createElement(pn,{topics:U,className:"post-topics"}):null),L.default.createElement("div",{key:"social-preview"},(null==T?void 0:T.introUrl)?L.default.createElement("div",{className:"social-preview-wrapper ".concat((null==G?void 0:G.length)?"has-image":"")},L.default.createElement(Bi,{url:T.introUrl,image:T.bannerImage})):null),L.default.createElement("div",{key:"image-preview"},(null==G?void 0:G.length)?L.default.createElement("div",{className:"image-preview-wrapper"},L.default.createElement(Fi,{images:G,authorName:null==R?void 0:R.name})):null),L.default.createElement("div",{key:"link-preview"},(null==T?void 0:T.introUrl)||(null==G?void 0:G.length)||!(null==$?void 0:$.url)?null:L.default.createElement("div",{className:"link-preview-wrapper"},L.default.createElement(Y,{title:$.title,url:$.url,image:$.image}))),L.default.createElement(sn,{isMarryBaby:cn,type:Q.post,loveCount:nn,replyCount:en,className:"post-reaction ".concat((null==G?void 0:G.length)||(null==$?void 0:$.url)?"hide-top-border":""),liked:kn?!Z:Z,isReplied:an,onCommentClick:function(){return yn((function(){c?c():xn((function(n){return!n}))}))},onCommentCountClick:function(){yn((function(){cn?xn(!0):p?p():!f&&(window.location.href=bn)}))},onShareClick:function(){S(!0)},onLikeClick:function(){return i.__awaiter(void 0,void 0,void 0,(function(){var n;return i.__generator(this,(function(e){switch(e.label){case 0:if(!tn||kn)return[2];En(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,He({id:tn,locale:ln})];case 2:return 1!==(null==(n=e.sent())?void 0:n.status)?mn(xe(fn)):N((function(n){return i.__assign(i.__assign({},n),{likesCount:(n.likesCount||0)+(n.liked?-1:1),liked:!n.liked})})),[3,4];case 3:return e.sent(),mn(xe(fn)),[3,4];case 4:return En(!1),[2]}}))}))},showingMostEngaging:!(!s||!(null==I?void 0:I.id))}),vn&&L.default.createElement(ai,{isMainCmt:!C,onClose:function(){return xn(!1)},onPostSuccess:function(n){0!==en||(null==I?void 0:I.id)||F(n),N((function(n){return i.__assign(i.__assign({},n),{commentsCount:n.commentsCount+1,commented:!0})})),g&&g(n)},post:T}),s&&(null==I?void 0:I.id)?L.default.createElement("div",{className:"most-engaging-wrapper",onClick:function(n){u?(n.stopPropagation(),u()):window.location.href=bn}},L.default.createElement(Xi,{hasQuickBookingEnable:E,handleMakeAppointment:A,comment:I,onDeleteComment:function(){Bn&&Bn(I)},className:"most-engaging-comment",type:"most-engaging",key:I.id}),en>1&&!d&&L.default.createElement(a.Button,{className:"see-more-comments",color:"ghost",size:"md"},fn("comment.seeMoreComments",{count:en-1}))):null,k))},exports.CardPostPopoverMore=Wi,exports.CardReactions=sn,exports.CardReply=Xi,exports.CardReplyPopover=Gi,exports.CreateNewPostContent=function(l){var s=l.className,c=l.style,p=l.onPostCreatedEdited,u=l.onClose,m=l.communities,g=void 0===m?[]:m,f=l.forceSelectCommunity,h=l.forceSelectTopics,v=l.articleId,x=l.optionalTopic,b=l.editPostData,w=l.defaultCommunity,y=l.defaultTopics,C=l.noFetchTopic,k=l.hideTopicList,E=!!(null==b?void 0:b.id),A=n.useContext(t.TogetherComponentGlobalContext),_=A.data,T=_.locale,N=_.env.isMarryBaby,z=A.action,j=z.pushNotifications,S=z.sanitizeFunction,P=r.useTranslations().t,I=n.useState(!1),F=I[0],O=I[1],B=n.useState(!1),V=B[0],U=B[1],R=n.useState(""),D=R[0],H=R[1],Z=n.useState(""),W=Z[0],q=Z[1],G=n.useState(f?{label:f.name,value:"".concat(f.id||"","-").concat(f.mappedCategoryId||"")}:{label:P("community.choose"),value:""}),Q=G[0],X=G[1],K=n.useState(i.__spreadArray([],h,!0)||[]),Y=K[0],J=K[1],$=n.useState([]),nn=$[0],en=$[1],tn=n.useState([]),an=tn[0],on=tn[1],rn=f||g.find((function(n){return"".concat(n.id||"","-").concat(n.mappedCategoryId||"")===Q.value})),ln=f?[f]:g.filter((function(n){return n.isActive})).sort((function(n,e){return n.name>e.name?1:n.name<e.name?-1:0})),dn=n.useState(null),sn=dn[0],cn=dn[1],pn=n.useState([]),un=pn[0],mn=pn[1],gn=D&&M.default(W)&&(x||!x&&Y.length>0)&&rn&&(!nn||nn.length<=t.MAX_IMAGE_UPLOADS)&&!(null==un?void 0:un.length)&&!V;n.useEffect((function(){if(b){var n=b;H(n.title||""),q(Se(je(n.description||"","edit"),n.mentions)),X({label:n.community.name,value:"".concat(n.community.id||"","-").concat(n.community.mappedCategoryId||"")}),J(n.topics||[]),en(n.photos||[]),O(!!n.isAnonymous||!1)}else w&&X({label:w.name,value:"".concat(w.id||"","-").concat(w.mappedCategoryId||"")}),y&&J(y)}),[]);var fn=function(){return i.__awaiter(void 0,void 0,void 0,(function(){var n,e,a,o,r,l,d,s,c,m,g,f;return i.__generator(this,(function(i){switch(i.label){case 0:return[4,We({title:D,description:W,communityId:String((null==rn?void 0:rn.id)||""),imageFiles:nn,previewUrl:sn,topicIds:null==Y?void 0:Y.map((function(n){return String(n.id||"")})).filter(Boolean),locale:T,sanitizeFunction:S,categoryCommunityId:String((null==rn?void 0:rn.mappedCategoryId)||""),categoryTopicIds:null==Y?void 0:Y.map((function(n){return String(n.mappedCategoryId||"")})).filter(Boolean),isAnonymous:F?1:0})];case 1:return n=i.sent(),v&&n.append("article_id",v),E?(null==b?void 0:b.id)?[4,Ge({id:b.id,formData:n,locale:T})]:[3,3]:[3,4];case 2:e=i.sent(),i.label=3;case 3:return[3,6];case 4:return[4,qe({formData:n,locale:T,isArticleComment:!(null==rn?void 0:rn.id)&&!!(null==rn?void 0:rn.mappedCategoryId)})];case 5:e=i.sent(),i.label=6;case 6:return(null==(a=null==e?void 0:e.data)?void 0:a.id)&&!(null===(r=null===(o=null==e?void 0:e.messages)||void 0===o?void 0:o.moderation)||void 0===r?void 0:r.type)?(j({message:P("createPost.popup.success"),type:"success"}),function(n){p&&p(t.formatPost(n),E),u&&u()}(a)):"banned"===(null===(d=null===(l=null==e?void 0:e.messages)||void 0===l?void 0:l.moderation)||void 0===d?void 0:d.type)?(j({title:P("notification.post.blocked.title"),message:P("notification.post.blocked.message"),type:"danger"}),e.messages.moderation.words&&on(e.messages.moderation.words)):"suspect"===(null===(c=null===(s=null==e?void 0:e.messages)||void 0===s?void 0:s.moderation)||void 0===c?void 0:c.type)?(j({title:P("notification.post.suspect.title"),message:P("notification.post.suspect.message"),type:"warning"}),u&&u()):(null===(g=null===(m=null==e?void 0:e.messages)||void 0===m?void 0:m.find)||void 0===g?void 0:g.call(m,(function(n){var e;return!!(null===(e=null==n?void 0:n.includes)||void 0===e?void 0:e.call(n,"suspend"))})))?(j({message:P("notification.suspend.message"),type:"danger"}),u&&u()):j({message:(null===(f=null==e?void 0:e.messages)||void 0===f?void 0:f[0])||P("notification.failure"),type:"danger"}),[2]}}))}))};return L.default.createElement(be,{className:s,style:c},L.default.createElement("div",{className:"input-group-container"},L.default.createElement(Rt,{className:"input-group",bannedWords:an,value:D,onChange:H}),L.default.createElement(Bt,{className:"input-group",bannedWords:an,value:W,onChange:q,onPreviewUrlChange:cn,onInvalidUrlsChange:mn,onImageFilesChange:en,imageFiles:nn}),L.default.createElement("div",{className:"input-group"},L.default.createElement(e.Text,{size:"p4",className:"input-group-label"},P("admin.community")),L.default.createElement(o.Dropdown,{options:(null==ln?void 0:ln.map((function(n,e){return{label:n.name,value:"".concat(n.id||"","-").concat(n.mappedCategoryId||"")}})))||[],id:"community-picker",placeholder:P("community.choose"),value:Q,onChange:function(n){X({label:n.label,value:String(n.value)}),J([])},disabled:!!f}),L.default.createElement(e.Text,{size:"sm",className:"warning",color:d.theme.colors.gray400},"* ",P("commentPopup.warning.newPost"))),!k&&L.default.createElement("div",{className:"input-group"},L.default.createElement(e.Text,{size:"p4",className:"input-group-label"},P("tab.topic")),L.default.createElement("div",{className:"input-notification"},L.default.createElement("img",{src:rn?"data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 14.5C11.3137 14.5 14 11.8137 14 8.5C14 5.18629 11.3137 2.5 8 2.5C4.68629 2.5 2 5.18629 2 8.5C2 11.8137 4.68629 14.5 8 14.5Z' fill='%232D87F3'/%3e%3cpath d='M8 5.5V8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11.5H8.00708' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e":we}),L.default.createElement(e.Text,{size:"base",color:d.theme.colors.gray500},P(rn?"createPost.popup.primary":"createPost.popup.warning"))),rn&&L.default.createElement(Ht,{className:"tag-list",communityId:rn.id,forceTopics:h,onChange:J,selectedTopics:Y,noFetch:C}))),L.default.createElement("div",{className:"form-action"},L.default.createElement("div",{className:"input-group"},L.default.createElement(o.Checkbox,{name:"PostAnonymous",checked:F,label:P("createPost.postAnonymous"),value:"Post Anonymous",onChange:function(){return O((function(n){return!n}))},inputDataTestId:"Anonymouse Check Box"}),L.default.createElement(a.Button,{theme:N?"marryBaby":"helloSites",className:"submit-btn",size:"lg",onClick:function(){return i.__awaiter(void 0,void 0,void 0,(function(){var n;return i.__generator(this,(function(e){switch(e.label){case 0:if(!gn||V)return[3,5];U(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,fn()];case 2:return e.sent(),[3,4];case 3:return n=e.sent(),console.error(n),j(xe(P)),[3,4];case 4:U(!1),e.label=5;case 5:return[2]}}))}))},isDisabled:!gn,isLoading:V},P("createPost.popup.submit")))))},exports.CreatePostDescription=Bt,exports.CreatePostTitle=Rt,exports.ImagePreviewPopup=Ci,exports.InputCommentBar=ai,exports.LabelPin=gn,exports.LabelSortPin=mn,exports.LabelSorting=function(i){var a=i.onChange,o=i.className,r=i.style,l=i.leftLabel,d=i.rightLabel;i.color;var s=i.value,c=i.choices,p=n.useContext(t.TogetherComponentGlobalContext).data.env.isMarryBaby;return L.default.createElement(mn,{label:l,rightLabel:L.default.createElement(xn,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:c.map((function(n){return{label:n.label,onClick:function(){return a&&a(String(n.value))},selected:n.value===s,className:"bold-item"}}))},toggleButtonContent:L.default.createElement("div",{style:{display:"flex"}},L.default.createElement(e.Text,{style:{display:"flex",alignItems:"center",fontWeight:"normal",marginRight:12},size:"p4"},d),L.default.createElement("img",{src:p?"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M8 14L12 18L16 14' stroke='%233E3F58' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath d='M16 10L12 6L8 10' stroke='%233E3F58' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3c/svg%3e":"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.49992 7H11.4998C11.6352 7 11.7525 6.94506 11.8514 6.83509C11.9502 6.72515 11.9999 6.59496 11.9999 6.44449C11.9999 6.29402 11.9503 6.16389 11.8514 6.0538L8.35141 2.16491C8.25252 2.05509 8.13538 2 7.99988 2C7.86437 2 7.74723 2.05509 7.64826 2.16491L4.1483 6.0538C4.04932 6.16377 3.99988 6.29402 3.99988 6.44449C3.99988 6.59493 4.04932 6.72515 4.1483 6.83509C4.24738 6.94506 4.36452 7 4.49992 7Z' fill='%238C8C8C'/%3e%3cpath d='M11.4998 9H4.49992C4.36441 9 4.24727 9.05497 4.1483 9.16482C4.04932 9.2748 3.99988 9.40496 3.99988 9.55543C3.99988 9.7059 4.04932 9.83616 4.1483 9.94607L7.64826 13.835C7.74734 13.9449 7.86448 14 7.99988 14C8.13527 14 8.25252 13.9449 8.35141 13.835L11.8514 9.94604C11.9502 9.83616 11.9999 9.7059 11.9999 9.5554C11.9999 9.40496 11.9503 9.2748 11.8514 9.16479C11.7525 9.05485 11.6352 9 11.4998 9Z' fill='%238C8C8C'/%3e%3c/svg%3e",style:{width:16,height:16,alignSelf:"center"}}))}),color:"gray",className:o,style:r})},exports.Loading=X,exports.PopoverMenu=vn,exports.PopupDanger=Kt,exports.PopupDoctor=Rn,exports.PopupExpert=de,exports.PopupFrame=Qt,exports.PopupHospital=me,exports.PostContent=gi,exports.PostImagePreview=Fi,exports.PostSingleImageViewPopup=Li,exports.ShareBox=li,exports.SharePopup=di,exports.SocialLinkPreview=Bi,exports.SubmitReportForm=ui,exports.TagTopic=pn,exports.TogetherAuthConfigContext=O,exports.TogetherAuthConfigContextProvider=B,exports.TopicSelectList=Ht,exports.types=Yi,exports.useTogetherAuthRequiredAction=V;