npm - @hhgtech/hhg-components - Versions diffs - 1.18.59 → 1.18.61 - Mend

@hhgtech/hhg-components 1.18.59 → 1.18.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (62) hide show

package/build/navigation.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("./tslib.es6-f7929e76.js"),require("react"),require("./cookieHelper-ed78a7f1.js");var e=require("./index-a8a8583a.js");require("react-id-generator"),require("./index.styled-22a0a8fe.js"),require("date-fns"),require("react-day-picker/DayPickerInput"),require("lodash/debounce"),require("react-dom"),require("lodash"),require("./useTranslations-00e7c0dc.js"),require("react-range"),require("./theme-79e84625.js"),require("styled-components"),require("smoothscroll-polyfill"),require("./constants-ea7b35a2.js"),require("./translationsContext-63e3e5ec.js"),require("date-fns/locale/en-US"),require("date-fns/locale/hi"),require("date-fns/locale/id"),require("date-fns/locale/ms"),require("date-fns/locale/th"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),exports.NavigationV2=e.NavigationV2,exports.getNavMenuContent=e.getNavMenuContent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("./tslib.es6-f7929e76.js"),require("react"),require("./cookieHelper-d9cedc66.js");var e=require("./index-7bd6af8c.js");require("react-id-generator"),require("./index.styled-4b2cda82.js"),require("date-fns"),require("react-day-picker/DayPickerInput"),require("lodash/debounce"),require("react-dom"),require("lodash"),require("./useTranslations-00e7c0dc.js"),require("react-range"),require("./theme-79e84625.js"),require("styled-components"),require("smoothscroll-polyfill"),require("./constants-ea7b35a2.js"),require("./translationsContext-63e3e5ec.js"),require("date-fns/locale/en-US"),require("date-fns/locale/hi"),require("date-fns/locale/id"),require("date-fns/locale/ms"),require("date-fns/locale/th"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),exports.NavigationV2=e.NavigationV2,exports.getNavMenuContent=e.getNavMenuContent;
 //# sourceMappingURL=navigation.js.map

package/build/together/components/atoms/cardReactions/index.styled.d.ts CHANGED Viewed

@@ -2,4 +2,4 @@
 export declare const StyledCardReactions: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledLeftIcon: import("styled-components").StyledComponent<"img", any, {}, never>;
 export declare const StyledRightIcon: import("styled-components").StyledComponent<"img", any, {}, never>;
-export declare const StyledText: import("styled-components").StyledComponent<({ size, type, title, className, style, children, color, dataEventCategory, dataEventAction, dataEventLabel, as, wordWrap, isUppercase, }: import("components/atoms/text").Props) => JSX.Element, any, {}, never>;
+export declare const StyledText: import("styled-components").StyledComponent<({ size, type, title, className, style, children, color, dataEventCategory, dataEventAction, dataEventLabel, as, wordWrap, isUppercase, dangerouslySetInnerHTML, }: import("components/atoms/text").Props) => JSX.Element, any, {}, never>;

package/build/together.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index.styled-22a0a8fe.js"),o=require("./types-6d50fb9d.js");require("./tslib.es6-f7929e76.js"),require("styled-components"),require("react"),require("./cookieHelper-ed78a7f1.js"),require("./theme-79e84625.js"),require("./useTranslations-00e7c0dc.js"),require("./translationsContext-63e3e5ec.js"),require("date-fns"),require("date-fns/locale/en-US"),require("date-fns/locale/hi"),require("date-fns/locale/id"),require("date-fns/locale/ms"),require("date-fns/locale/th"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("react-id-generator"),require("lodash"),require("react-dom"),require("./index-fdf894ed.js"),require("react-range"),require("lodash/debounce"),exports.CardAuthor=e.CardAuthor,exports.CardReactions=e.CardReactions,exports.DefaultComponentGlobalContextData=e.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return e.GlobalData}}),exports.LabelSortPin=e.LabelSortPin,exports.LabelSorting=e.LabelSorting,exports.Loading=e.Loading,exports.PopoverMenu=e.PopoverMenu,exports.PopupDoctor=e.PopupDoctor,exports.PopupExpert=e.PopupExpert,exports.PopupFrame=e.PopupFrame,exports.PopupHospital=e.PopupHospital,exports.ShareBox=e.ShareBox,exports.SharePopup=e.SharePopup,exports.TogetherAuthConfigContext=e.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=e.TogetherAuthConfigContextProvider,exports.TogetherComponentGlobalContext=e.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=e.TogetherComponentGlobalContextProvider,exports.TogetherConstants=e.constants,exports.TogetherDataTransforms=e.dataTransform,exports.UserAvatar=e.UserAvatar,exports.useTogetherAuthRequiredAction=e.useTogetherAuthRequiredAction,exports.CardLink=o.CardLink,exports.CardPost=o.CardPost,exports.CardPostPopoverMore=o.CardPostPopoverMore,exports.CardReply=o.CardReply,exports.CardReplyPopover=o.CardReplyPopover,exports.CreateNewPostContent=o.CreateNewPostContent,exports.CreatePostDescription=o.CreatePostDescription,exports.CreatePostTitle=o.CreatePostTitle,exports.ImagePreviewPopup=o.ImagePreviewPopup,exports.InputCommentBar=o.InputCommentBar,exports.LabelPin=o.LabelPin,exports.PopupDanger=o.PopupDanger,exports.PostContent=o.PostContent,exports.PostImagePreview=o.PostImagePreview,exports.PostSingleImageViewPopup=o.PostSingleImageViewPopup,exports.SubmitReportForm=o.SubmitReportForm,exports.TagTopic=o.TagTopic,exports.TogetherTypes=o.types,exports.TopicSelectList=o.TopicSelectList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index.styled-4b2cda82.js"),o=require("./types-4ac7c027.js");require("./tslib.es6-f7929e76.js"),require("styled-components"),require("react"),require("./cookieHelper-d9cedc66.js"),require("./theme-79e84625.js"),require("./useTranslations-00e7c0dc.js"),require("./translationsContext-63e3e5ec.js"),require("date-fns"),require("date-fns/locale/en-US"),require("date-fns/locale/hi"),require("date-fns/locale/id"),require("date-fns/locale/ms"),require("date-fns/locale/th"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("react-id-generator"),require("lodash"),require("react-dom"),require("./index-aa743579.js"),require("react-range"),require("lodash/debounce"),exports.CardAuthor=e.CardAuthor,exports.CardReactions=e.CardReactions,exports.DefaultComponentGlobalContextData=e.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return e.GlobalData}}),exports.LabelSortPin=e.LabelSortPin,exports.LabelSorting=e.LabelSorting,exports.Loading=e.Loading,exports.PopoverMenu=e.PopoverMenu,exports.PopupDoctor=e.PopupDoctor,exports.PopupExpert=e.PopupExpert,exports.PopupFrame=e.PopupFrame,exports.PopupHospital=e.PopupHospital,exports.ShareBox=e.ShareBox,exports.SharePopup=e.SharePopup,exports.TogetherAuthConfigContext=e.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=e.TogetherAuthConfigContextProvider,exports.TogetherComponentGlobalContext=e.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=e.TogetherComponentGlobalContextProvider,exports.TogetherConstants=e.constants,exports.TogetherDataTransforms=e.dataTransform,exports.UserAvatar=e.UserAvatar,exports.useTogetherAuthRequiredAction=e.useTogetherAuthRequiredAction,exports.CardLink=o.CardLink,exports.CardPost=o.CardPost,exports.CardPostPopoverMore=o.CardPostPopoverMore,exports.CardReply=o.CardReply,exports.CardReplyPopover=o.CardReplyPopover,exports.CreateNewPostContent=o.CreateNewPostContent,exports.CreatePostDescription=o.CreatePostDescription,exports.CreatePostTitle=o.CreatePostTitle,exports.ImagePreviewPopup=o.ImagePreviewPopup,exports.InputCommentBar=o.InputCommentBar,exports.LabelPin=o.LabelPin,exports.PopupDanger=o.PopupDanger,exports.PostContent=o.PostContent,exports.PostImagePreview=o.PostImagePreview,exports.PostSingleImageViewPopup=o.PostSingleImageViewPopup,exports.SubmitReportForm=o.SubmitReportForm,exports.TagTopic=o.TagTopic,exports.TogetherTypes=o.types,exports.TopicSelectList=o.TopicSelectList;
 //# sourceMappingURL=together.js.map

package/build/{types-6d50fb9d.js → types-4ac7c027.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f7929e76.js"),t=require("react"),n=require("./index.styled-22a0a8fe.js"),a=require("./cookieHelper-ed78a7f1.js"),o=require("./index-fdf894ed.js"),i=require("./useTranslations-00e7c0dc.js"),l=require("./theme-79e84625.js");require("react-range");var r=require("lodash/debounce"),s=require("react-dom");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=c(t),m=c(r),p=u(s),v=function(o){var i=o.title,l=o.url,r=o.image,s=o.logo,c=o.className,u=o.style,m=o.noRefetch,p=t.useContext(n.TogetherComponentGlobalContext).data,v=p.locale,f=p.env.isMarryBaby,g=t.useState(!1),h=g[0],C=g[1],w=t.useRef(m);w.current=m;var E=t.useState(null),y=E[0],k=E[1];t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(t){return w.current?[2]:l?(k((function(t){return e.__assign(e.__assign({},t),{isFetching:!0})})),n.callApi(n.getApiPath(n.PATHS.FETCH_PREVIEW,{_locale:v}),"POST",{data:{link:l}}).then((function(e){var t,n,a;C(!1),k({title:null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.title,url:l,image:(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.image)||(null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.logo)})})).catch((function(){k(null)})),[2]):[2,k(null)]}))}))}),[l]);var _=(null==y?void 0:y.image)||r,b=(null==y?void 0:y.title)||i,T=(null==y?void 0:y.logo)||s,S=(null==y?void 0:y.url)||l,P=S.replace("http://","").replace("https://","").split(/[/?#]/)[0],N=t.useRef(!1);return d.default.createElement(n.StyledCardLink,{"data-is-marrybaby":f,className:"".concat(c," no-replace-click"),style:u},d.default.createElement("a",{href:S,target:"_blank",rel:"noreferrer"},_&&d.default.createElement("div",{className:"link-image-wrapper"},!f&&d.default.createElement("img",{className:"link-image-blur",src:_,onError:function(e){N.current||(N.current=!0,e.currentTarget.src=n.DEFAULT_IMG)}}),d.default.createElement("img",{className:"link-image",src:_,onError:function(e){N.current||(N.current=!0,e.currentTarget.src=n.DEFAULT_IMG)}})),d.default.createElement("div",{className:"link-info-container"},d.default.createElement(a.Text,{size:"n1"},f&&T&&!h&&d.default.createElement("img",{className:"link-logo",src:T,onError:function(e){return C(!0)}}),P),d.default.createElement(n.Heading,{tag:"h6"},b))))},f=function(e){var o=e.topics,i=e.onClick,l=e.className,r=e.style,s=function(){var e=t.useState(!1),n=e[0],a=e[1],o=t.useRef(null),i=t.useRef(null),l=t.useRef();return{sliding:n,mouseDownHandler:function(e){if(o.current){l.current=setTimeout((function(){a(!0)}),500),i.current={left:o.current.scrollLeft,x:e.clientX};var t=function(e){var t=i.current;if(t){var n=e.clientX-t.x;o.current&&(o.current.scrollLeft=t.left-n)}},n=function(){l.current&&(clearTimeout(l.current),l.current=void 0),a(!1),document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",n)};document.addEventListener("mousemove",t),document.addEventListener("mouseup",n)}},sliderRef:o,pos:i}}(),c=s.sliding,u=s.mouseDownHandler,m=s.sliderRef,p=t.useContext(n.TogetherComponentGlobalContext),v=p.data.env.togetherBasePath,f=p.action.sanitizeFunction;return d.default.createElement(n.StyledTagTopic,{ref:m,onClick:i,onMouseDown:function(e){return u(e)},className:"".concat(l," ").concat(c?"sliding":""),style:r},o.map((function(e,t){return d.default.createElement("a",{className:"tag-link-item",key:t,href:e.isActive&&!e.isHidden?"".concat(v).concat(e.url):void 0},d.default.createElement(a.Text,{size:"p3"},d.default.createElement("span",{dangerouslySetInnerHTML:{__html:(null==f?void 0:f(e.name))||e.name}})))})))},g=function(e){var a=e.onClick;e.color;var o=e.className,l=e.style,r=t.useContext(n.TogetherComponentGlobalContext).data.env.isMarryBaby,s=i.useTranslations().t;return d.default.createElement(n.LabelSortPin,{label:d.default.createElement(d.default.Fragment,null,r&&d.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"})," ",s("label.pinnedPost")),rightLabel:!r&&d.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:a,color:"white",className:"label-pinned ".concat(o),style:l})},h=function(e){return{message:e("notification.failure"),type:"danger"}},C="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",w=function(t){var a=t.id,o=t.locale;return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return a?[4,n.callApiWithAuth(n.getApiPath(n.PATHS.POST.LIKE,{id:a,_locale:o}),"GET")]:[2];case 1:return[2,e.sent()]}}))}))},E=function(t){var a=t.id,o=t.locale;return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return a?[4,n.callApiWithAuth(n.getApiPath(n.PATHS.POST.DELETE,{id:a,_locale:o}),"DELETE")]:[2];case 1:return[2,e.sent()]}}))}))},y=function(t){var a=t.title,o=t.description,i=t.communityId,l=t.imageFiles,r=t.previewUrl,s=t.topicIds,c=t.locale,u=t.sanitizeFunction,d=t.categoryCommunityId,m=t.categoryTopicIds,p=t.introUrl,v=t.bannerUrl,f=t.scheduleTime;return e.__awaiter(void 0,void 0,void 0,(function(){var t,g,h,C,w;return e.__generator(this,(function(e){switch(e.label){case 0:return t=new FormData,g=n.removeBannedWordWrapper(o),h=n.removeBannedWordWrapper(a),C=n.getMentionIdsFromString(g),t.append("title",h),t.append("description",n.encodePostContent(g,u)),d?t.append("category_community",String(d)):i&&t.append("community_id",String(i)),(null==r?void 0:r.title)&&t.append("preview_title",r.title),(null==r?void 0:r.description)&&t.append("preview_description",r.description),(null==r?void 0:r.url)&&t.append("preview_link",r.url),(null==r?void 0:r.image)&&t.append("preview_image",r.image),null==s||s.forEach((function(e){t.append("topics[]",String(e||""))})),null==m||m.forEach((function(e){t.append("category_topics[]",String(e||""))})),(null==l?void 0:l.length)?[4,Promise.all(l.map((function(e,t){return new Promise((function(a){setTimeout((function(){a(n.uploadAndGetSrc(e,c))}),2e3*t)}))})))]:[3,2];case 1:return null==(w=e.sent())||w.filter(Boolean).slice(0,n.MAX_IMAGE_UPLOADS).forEach((function(e,n){t.append("images[".concat(n,"]"),e)})),[3,3];case 2:t.append("images",""),e.label=3;case 3:return null==C||C.forEach((function(e){t.append("mention_ids[]",e)})),t.append("intro_url",p||""),t.append("banner",v||""),f&&(t.append("post_type","scheduled"),t.append("schedule_datetime",f)),[2,t]}}))}))},k=function(t){var a=t.locale,o=t.formData,i=t.isArticleComment;return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,n.callApiWithAuth(n.getApiPath(i?n.PATHS.POST.CREATE_ARTICLE_COMMENT:n.PATHS.POST.CREATE,{_locale:a}),"POST",{data:o,headers:{"Content-Type":"multipart/form-data"}})];case 1:return[2,e.sent()]}}))}))},_=function(t){var a=t.id,o=t.locale,i=t.formData;return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,n.callApiWithAuth(n.getApiPath(n.PATHS.POST.UPDATE,{id:a,_locale:o}),"POST",{data:i})];case 1:return[2,e.sent()]}}))}))},b=function(e){var t=e.id,a=e.reason,o=e.locale,i=new FormData;return i.append("reason",a),n.callApiWithAuth(n.getApiPath(n.PATHS.POST.REPORT,{_locale:o,id:t}),"POST",{data:i})},T=function(e,n){var a=t.useState(e||[]),o=a[0],i=a[1];return{onSelectImages:function(t){var a=t.target.files;a&&(n&&e?n((e||o).concat(Array.from(a))):i((function(t){var o=e||t;return n&&n(o.concat(Array.from(a))),o.concat(Array.from(a))})))},onRemoveImage:function(t){if(n&&e){var a=e;a.splice(t,1),n(a.slice())}else i((function(a){var o=e||a;return o.splice(t,1),n&&n(o.slice()),o.slice()}))},onRemoveAllImages:function(){n?n([]):i([])},imageSrcs:t.useMemo((function(){return(e||o).map((function(e){return"string"==typeof e?e:URL.createObjectURL(e)}))}),[e,o]),imageFiles:e||o}},S="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",P=function(e){var o=e.className,r=e.style,s=e.bannedWords,c=void 0===s?[]:s,u=e.value,m=e.onChange,p=e.onPreviewUrlChange,f=e.onInvalidUrlsChange,g=e.onImageFilesChange,h=e.imageFiles,w=e.isReplying,E=i.useTranslations().t,y=t.useState(null),k=y[0],_=y[1],b=t.useRef(null),P=T(h,g),N=P.onSelectImages,x=P.onRemoveImage,I=P.imageSrcs;return t.useEffect((function(){p&&((null==k?void 0:k.url)?p({title:k.title||"",url:k.url||"",image:k.image||"",description:k.description||""}):p(null))}),[k]),d.default.createElement(n.StyledCreatePostDescription,{className:o,style:r},d.default.createElement(a.Text,{size:"p4",className:"description-label"},E("createPost.popup.description")),d.default.createElement("div",{className:"textarea-control"},d.default.createElement("div",{className:"textarea-wrapper"},d.default.createElement(n.RichTextEditor,{html:u||"",onChange:m,bannedWords:c,onImagePickerClick:function(){var e;return null===(e=b.current)||void 0===e?void 0:e.click()},onPreviewUrlChange:_,onInvalidUrlsChange:f,isReplying:w}))),d.default.createElement(a.Text,{size:"p4",className:"count-string"},E("character"),": ",n.innertext_1(u||"").length),(!I||0===I.length)&&k&&d.default.createElement("div",{className:"link-preview-wrapper"},k.isFetching?d.default.createElement(n.Loading,null):d.default.createElement(d.default.Fragment,null,d.default.createElement(v,{title:k.title,url:k.url||"#",image:k.image,noRefetch:!0}),d.default.createElement("img",{src:S,className:"icon-close",onClick:function(){return _(null)}}))),d.default.createElement("input",{ref:b,type:"file",accept:"image/png, image/gif, image/jpeg",multiple:!0,style:{display:"none"},onChange:N}),I.length>n.MAX_IMAGE_UPLOADS?d.default.createElement("div",{className:"input-notification"},d.default.createElement("img",{src:C}),d.default.createElement(a.Text,{size:"p4",color:l.theme.colors.alertWarning},E("createPost.popup.warningImage"))):null,I.length>0&&d.default.createElement("div",{className:"image-gallery"},I.map((function(e,t){return d.default.createElement("div",{key:t,className:"image-item"},d.default.createElement("img",{src:e}),d.default.createElement("img",{className:"close-btn",src:S,onClick:function(){return x(t)}}))}))))},N=function(e,t){if(!t)return e;var a=t.limit,o=t.bannedWords,i=void 0===o?[]:o,l="number"==typeof a&&a>=0?e.substring(0,a):e;return n.highlightBadWords(l,i)},x=function(e){var o,l=e.className,r=e.style,s=e.bannedWords,c=void 0===s?[]:s,u=e.value,p=e.onChange,v=i.useTranslations().t,f=t.useState(""),g=f[0],h=f[1],C=t.useRef(null);t.useEffect((function(){if(C.current){var e=function(e){var t;e.preventDefault();var n=null===(t=e.clipboardData)||void 0===t?void 0:t.getData("text/plain");document.execCommand("insertHTML",!1,n)},t=C.current;return t.addEventListener("paste",e),function(){return t.removeEventListener("paste",e)}}}),[C]);var w=(null==c?void 0:c.join(","))||"";t.useEffect((function(){var e;if(w){var t=null===(e=C.current)||void 0===e?void 0:e.innerText;if(t){var a=n.highlightBadWords(t,c);a!==t&&(p&&p(a),h(a))}}}),[w]);var E=t.useCallback(m.default((function(e){if(C.current){var t=N(C.current.innerText,{limit:120,bannedWords:c});p&&p(t),h(t)}}),300),[]);return t.useEffect((function(){setTimeout((function(){var e;null===(e=C.current)||void 0===e||e.focus()}),500)}),[]),d.default.createElement(n.StyledCreatePostTitle,{className:l,style:r},d.default.createElement(a.Input,{name:"title",value:u||g,size:"md",label:v("createPost.title"),CustomInput:d.default.createElement(n._default,{innerRef:C,html:u||g,onChange:function(e){if(C.current&&C.current.innerText!==(u||g)){var t=N(C.current.innerText,{bannedWords:c});p&&p(t),h(t),E(C.current.innerText)}},className:"title-input"})}),d.default.createElement(a.Text,{size:"p4",className:"count-string"},v("createPost.popup.wordCount",{count:(null===(o=C.current)||void 0===o?void 0:o.innerText.length)||0,max:120})))},I=function(a){var o=a.className,i=a.style,l=a.topics,r=a.communityId,s=a.onChange,c=a.isLoading,u=a.disabled,m=a.forceTopics,p=a.selectedTopics,v=a.noFetch,f=t.useContext(n.TogetherComponentGlobalContext).data,g=f.locale,h=f.env.isMarryBaby,C=t.useState(l?e.__spreadArray([],l,!0):[]),w=C[0],E=C[1],y=t.useState(p?e.__spreadArray([],p,!0):[]),k=y[0],_=y[1],b=t.useState(!1),T=b[0],S=b[1],P=t.useRef(l);P.current=l,t.useEffect((function(){var t;!r||v||(null===(t=P.current)||void 0===t?void 0:t.length)||(E([]),S(!0),e.__awaiter(void 0,void 0,void 0,(function(){var t,a,o,i;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,n.callApi(n.getApiPath(n.PATHS.TOPIC.LIST,{communityId:r,_locale:g}),"GET")];case 1:return t=e.sent(),a=null===(i=null==t?void 0:t.data)||void 0===i?void 0:i.topics,Array.isArray(a)&&E((function(){return(null==a?void 0:a.map(n.formatTopic).sort((function(e,t){return(e.order||0)-(t.order||0)})))||[]})),[3,3];case 2:return o=e.sent(),console.log(o),S(!1),[3,3];case 3:return S(!1),[2]}}))})))}),[r,v]);var N=null==l?void 0:l.map((function(e){return e.id})).join("-"),x=null==w?void 0:w.map((function(e){return e.id})).join("-"),I=null==m?void 0:m.map((function(e){return e.id})).join("-");t.useEffect((function(){l&&void 0!==N&&N!==x&&E(l)}),[l,N,x]);var M=t.useMemo((function(){return w.filter((function(e){return!(null==m?void 0:m.some((function(t){return t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId})))}))}),[x,I]);return d.default.createElement(n.StyledTopicSelectList,{"data-is-marrybaby":h,className:o,style:i},m.map((function(e){return d.default.createElement(A,{key:"".concat(e.id,"-").concat(e.mappedCategoryId),topic:e,disabled:!0,selected:!0})})),M.map((function(e){return d.default.createElement(A,{key:"".concat(e.id,"-").concat(e.mappedCategoryId),topic:e,disabled:u,selected:(p||k).some((function(t){return t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId})),onClick:function(){var t=p||k,n=t.findIndex((function(t){return t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId}));-1!==n?t.splice(n,1):t.push(e),s&&p?s(t.slice()):(s&&s(t.slice()),_(t.slice()))}})})),(c||T)&&d.default.createElement(n.Loading,{className:"topic-spinner"}))},A=function(e){var t=e.topic,n=e.disabled,a=e.selected,o=e.onClick;return d.default.createElement("div",{className:"tag-item"+(a?" --active":""),"data-disabled":n,onClick:n?void 0:o},t.name)},M=function(e){var o=e.className,l=e.isMarryBaby,r=e.style,s=e.title,c=e.description,u=e.acceptText,m=e.cancelText,v=e.onAccept,f=e.thumbnail,g=e.isThumbnailIcon,h=e.onClose,C=t.useContext(n.TogetherComponentGlobalContext).data.env.isMarryBaby,w="boolean"==typeof l?l:C,E=t.useState(!1),y=E[0],k=E[1];return t.useEffect((function(){return i.toggleNoScroll(!0),setTimeout((function(){return k(!0)}),0),function(){return i.toggleNoScroll(!1)}}),[]),p.createPortal(d.default.createElement(n.StyledPopupDanger,{"data-is-marrybaby":w,className:o,style:r,"data-open":y},d.default.createElement(n.PopupFrame,{className:"popup-frame",isOpen:y,onClose:h},d.default.createElement("div",{className:"confirm-dialog",onClick:function(e){return e.stopPropagation()}},d.default.createElement("div",{className:"confirm-content"},f&&d.default.createElement("div",{className:"thumbnail-container ".concat(g?"is-icon":"")},d.default.createElement("img",{className:"thumbnail",src:f})),d.default.createElement(n.Heading,{className:"title",tag:"h2"},s),d.default.createElement(a.Text,{className:"desc",size:"lg"},c),d.default.createElement("div",{className:"btn-group"},d.default.createElement(n.Button,{theme:w?"marryBaby":"helloSites",size:"md",color:"secondary",onClick:function(){null==v||v(),null==h||h()}},u),d.default.createElement(n.Button,{theme:w?"marryBaby":"helloSites",size:"md",onClick:h},m)))),w&&f&&d.default.createElement("div",{className:"thumbnail-container is-mobile ".concat(g?"is-icon":"")},d.default.createElement("img",{className:"thumbnail",src:f})))),document.body)},L=function(t){var a=t.postId,o=t.message,i=t.photos,l=t.link,r=t.locale,s=t.sanitizeFunction,c=t.replyingUserId,u=t.replyingUserName,d=t.replyingId;return e.__awaiter(void 0,void 0,void 0,(function(){var t,m,p;return e.__generator(this,(function(e){switch(e.label){case 0:return t=new FormData,m=n.encodePostContent(o.replace(/(\&nbsp;)+/g," "),s),p=n.getMentionIdsFromString(m),i&&i.length>0?[4,Promise.all(null==i?void 0:i.map((function(e){return n.uploadAndGetSrc(e,r)})))]:[3,2];case 1:e.sent().filter(Boolean).slice(0,n.MAX_IMAGE_UPLOADS).forEach((function(e){t.append("images[]",e)})),e.label=2;case 2:return l&&t.append("link",l),null==p||p.forEach((function(e){t.append("mention_ids[]",e)})),t.append("post_id",a),d&&t.append("parent_id",d),c&&(p.unshift(c),m='[mention+id="'.concat(c,'"+name="').concat((u||"").replace('"',"'"),'"]').concat(m),t.append("parent_user_id",String(c))),t.append("content",m),t.append("content",m),[2,t]}}))}))},R=function(t,a){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return[2,n.callApiWithAuth(n.getApiPath(n.PATHS.COMMENT.CREATE,{_locale:a}),"POST",{data:t,headers:{"Content-Type":"multipart/form-data"}})]}))}))},B=function(t,a){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return[2,n.callApiWithAuth(n.getApiPath(n.PATHS.COMMENT.REPLY,{_locale:a}),"POST",{data:t,headers:{"Content-Type":"multipart/form-data"}})]}))}))},j=function(t){var a=t.commentId,o=t.setLike,i=void 0!==o&&o,l=t.locale;return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return[2,n.callApiWithAuth(n.getApiPath(i?n.PATHS.COMMENT.LIKE:n.PATHS.COMMENT.UNLIKE,{_locale:l,id:a}),"GET")]}))}))},F=function(e){var t=e.id,a=e.locale;return n.callApiWithAuth(n.getApiPath(n.PATHS.COMMENT.DELETE,{_locale:a,id:t}),"DELETE")},D=function(o){var l=o.isReply,r=o.className,s=o.onClose,c=o.replyToName,u=o.style,m=o.replyingId,p=o.replyingUser,f=o.onPostSuccess;o.isMainCmt;var g=o.post,h=o.isMarryBaby,C=t.useContext(n.TogetherComponentGlobalContext),w=C.action,E=w.pushNotifications,y=w.sanitizeFunction,k=C.data,_=k.userInfo,b=k.locale,P=k.env.isMarryBaby,N="boolean"==typeof h?h:P,x=i.useTranslations().t,I=T(),A=I.onSelectImages,M=I.onRemoveImage,j=I.imageSrcs,F=I.onRemoveAllImages,D=I.imageFiles,O=t.useState(""),H=O[0],U=O[1],W=t.useContext(n.MainInputTriggerContext).trigger,z=t.useState(!1),V=z[0],G=z[1],Z=t.useRef(null),q=t.useRef(null),K=t.useRef(null),Q=t.useState([]),X=Q[0],$=Q[1],J=t.useState([]),Y=J[0],ee=J[1],te=t.useState(null),ne=te[0],ae=te[1];return t.useEffect((function(){var e;null===(e=K.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout((function(){var e;null===(e=q.current)||void 0===e||e.focus()}),400)}),[W]),d.default.createElement(n.StyledInputCommentBar,{"data-is-reply":l,className:r,style:u},l&&d.default.createElement("div",{className:"reply-to-container"},d.default.createElement(a.Text,{size:"p4"},d.default.createElement("span",{dangerouslySetInnerHTML:{__html:x("inputComment.replyTo",{name:'<span style="color: #2D87F3; cursor: pointer">@'.concat(c||"","</span>")})}})),d.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()}})),d.default.createElement("div",{className:"input-container",ref:K},d.default.createElement(n.UserAvatar,{className:"avatar-wrapper ".concat(l?"avatar-wrapper-reply":""),avatar:(null==_?void 0:_.id)?_.avatar:n.DEFAULT_AVATAR_IMG,username:(null==_?void 0:_.name)||(null==_?void 0:_.username)}),d.default.createElement("input",{ref:Z,onChange:A,type:"file",multiple:!0,accept:"image/png,image/jpeg",name:"images",style:{display:"none"}}),d.default.createElement(a.Input,{value:H,name:"input",size:"md",className:"input-wrapper",displayIcon:d.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:d.default.createElement("div",{className:"as-input"},d.default.createElement(n.RichTextEditor,{className:"textarea",html:H,onChange:U,onImagePickerClick:function(){var e;return null===(e=Z.current)||void 0===e?void 0:e.click()},bannedWords:Y,onPreviewUrlChange:ae,onInvalidUrlsChange:$,setEditorRef:function(e){return q.current=e},isReplying:l}))}),d.default.createElement(n.Button,{theme:N?"marryBaby":"helloSites",className:"send-button",size:"sm",onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t,a,o,i,r,c,u,d,v,h,C,w,k;return e.__generator(this,(function(_){switch(_.label){case 0:if(!(null==g?void 0:g.id)||V)return[2];G(!0),_.label=1;case 1:return _.trys.push([1,4,,5]),t=function(e){U(""),F(),s&&s();var t=n.formatComment(e.data);"string"==typeof t.images&&(t.images=JSON.parse(t.images)),f&&f(t)},[4,L(e.__assign({message:H,photos:D,postId:String(g.id),link:null==ne?void 0:ne.url,sanitizeFunction:y,locale:b},l&&m?{replyingUserId:String((null==p?void 0:p.id)||(null===(r=null==g?void 0:g.author)||void 0===r?void 0:r.id)||""),replyingId:m,replyingUserName:(null==p?void 0:p.name)||(null==p?void 0:p.username)||""}:{}))];case 2:return a=_.sent(),[4,l&&m?B(a,b):R(a,b)];case 3:return o=_.sent(),(null==(i=null==o?void 0:o.data)?void 0:i.id)&&!(null===(u=null===(c=null==o?void 0:o.messages)||void 0===c?void 0:c.moderation)||void 0===u?void 0:u.type)?t(o):"banned"===(null===(v=null===(d=null==o?void 0:o.messages)||void 0===d?void 0:d.moderation)||void 0===v?void 0:v.type)?(E({title:x("notification.comment.blocked.title"),message:x("notification.comment.blocked.message"),type:"danger"}),o.messages.moderation.words&&ee(o.messages.moderation.words)):"suspect"===(null===(C=null===(h=null==o?void 0:o.messages)||void 0===h?void 0:h.moderation)||void 0===C?void 0:C.type)?(E({title:x("notification.comment.suspect.title"),message:x("notification.comment.suspect.message"),type:"warning"}),U(""),F(),s&&s()):(null===(w=null==o?void 0:o.messages)||void 0===w?void 0:w.find((function(e){var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(E({message:x("notification.suspend.message"),type:"warning"}),U(""),F(),s&&s()):E({title:"",message:(null===(k=null==o?void 0:o.messages)||void 0===k?void 0:k[0])||x("notification.comment.somethingWrong"),type:"danger"}),[3,5];case 4:return _.sent(),E({title:"",message:x("notification.comment.somethingWrong"),type:"danger"}),[3,5];case 5:return G(!1),[2]}}))}))},isLoading:V,isDisabled:!!(null==X?void 0:X.length)||V||!H||(null==H?void 0:H.length)<2||!H.trim()},d.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==X?void 0:X.length)?d.default.createElement("div",{className:"error-text"},x("notification.limitUrlDomain")):null,(!j||0===j.length)&&ne&&d.default.createElement("div",{className:"link-preview-wrapper"},ne.isFetching?d.default.createElement(n.Loading,null):d.default.createElement(d.default.Fragment,null,d.default.createElement(v,{title:ne.title,url:ne.url||"#",image:ne.image,noRefetch:!0}),d.default.createElement("img",{src:S,className:"icon-close",onClick:function(){return ae(null)}}))),j&&j.length>0&&d.default.createElement("div",{className:"preview-images-container"},j.map((function(e,t){return d.default.createElement("div",{key:t,className:"image-src-wrapper"},d.default.createElement("img",{className:"preview-image",src:e}),d.default.createElement("img",{src:S,className:"icon-close-circle",onClick:function(){return M(t)}}))}))))},O="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",H=function(o){var r=o.className,s=o.style,c=o.reason,u=o.reasonText,m=o.onClose,p=o.postId,v=t.useContext(n.TogetherComponentGlobalContext),f=v.data,g=f.locale,h=f.env.isMarryBaby,C=v.action.pushNotifications,w=i.useTranslations().t,E=t.useState(!1),y=E[0],k=E[1];return d.default.createElement(n.StyledSubmitReportForm,{"data-is-marrybaby":h,className:r,style:s},d.default.createElement("ul",{className:"report-list"},d.default.createElement("li",{className:"report-item"},d.default.createElement("img",{src:O}),d.default.createElement(a.Text,{className:"__label",color:l.theme.colors.gray800,size:"p4"},u))),d.default.createElement(n.Button,{theme:h?"marryBaby":"helloSites",className:"report-submit",size:"lg",color:"primary",isLoading:y,onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:if(!p||y)return[2];k(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,b({id:p,reason:c,locale:g})];case 2:return 1===(null==(t=e.sent())?void 0:t.status)&&(C({message:"Post reported",type:"success"}),m&&m()),[3,4];case 3:return e.sent(),[3,4];case 4:return k(!1),[2]}}))}))}},w("submit")))},U=function(e){var a=e.className,o=e.style,l=e.replyingTo,r=e.mentionedUser,s=e.description,c=e.disableShortenContent,u=e.mentions,m=void 0===u?[]:u,p=t.useState(!1),v=p[0],f=p[1],g=i.useTranslations().t,h=n.useTogetherAuthRequiredAction().authActionWrapper,C=t.useState(!1),w=C[0],E=C[1],y=n.decodeMention(n.decodePostUrl(s||"","display"),m),k=t.useContext(n.TogetherComponentGlobalContext).action.sanitizeFunction,_=t.useMemo((function(){var e=k(y||"");if(c||v)return{showContent:e,hasSeeMore:!1};var t=e.slice(0,200),n=200-27*((t.match(/<\/div>/g)||[]).length-1),a=(t||"").slice(0,n<40?40:n),o=k(a.replace(/(<|<\/)( +|[a-zA-Z]*)$/gi,"")),i=o.length<e.length-10;return{showContent:i?o:e,hasSeeMore:i}}),[c,v,y]),b=(null==r?void 0:r.name)||l,T="expert"===(null==r?void 0:r.role)&&!!(null==r?void 0:r.partnerId);return d.default.createElement(d.default.Fragment,null,T&&d.default.createElement(n.PopupExpert,{isOpen:w,onClose:function(){return E(!1)},expertId:String(null==r?void 0:r.partnerId)}),d.default.createElement(n.StyledPostContent,{className:"".concat(a," no-replace-click"),style:o},b&&d.default.createElement("span",{onClick:function(){return T&&E(!0)},className:"post-content-replying"},"@",b),(null==s?void 0:s.startsWith("[mention+id="))&&d.default.createElement("span",{className:"post-content-replying tag-only"},"@"),d.default.createElement("span",{dangerouslySetInnerHTML:{__html:_.showContent},className:"post-content ".concat(_.hasSeeMore?"has-see-more":"")}),_.hasSeeMore&&!v&&d.default.createElement("span",null,"... ",d.default.createElement("span",{onClick:function(e){e.preventDefault(),e.stopPropagation(),h((function(){return f(!0)}))},className:"see-more-text"},g("post.seeMore")))))},W=function(e){var o=e.className,l=e.style,r=e.authorName,s=e.images,c=e.onClose,u=e.onOpenSingleView,m=i.useTranslations().t,v=t.useState(!1),f=v[0],g=v[1];return t.useEffect((function(){setTimeout((function(){g(!0)}),0)}),[]),p.createPortal(d.default.createElement(n.StyledImagePreviewPopup,{className:o,style:l,"data-open":f},d.default.createElement("div",{className:"top-bar"},d.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:c,alt:"go back"}),d.default.createElement(a.Text,{size:"p2",type:"bold",style:{textAlign:"center"}},m("previewPhotos.title",{name:r}))),d.default.createElement("div",{className:"container"},s.map((function(e,t){return d.default.createElement("img",{className:"img-preview",key:t,src:e,onClick:function(){return null==u?void 0:u(t)},alt:"post img"})})))),document.body)},z="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",V=function(e){var a=e.initialViewIndex,o=e.images,i=e.onClose,l=t.useState(a),r=l[0],s=l[1],c=t.useState(!1),u=c[0],m=c[1];t.useEffect((function(){setTimeout((function(){m(!0)}),0)}),[]);var v=null==o?void 0:o[r],f=0===r,g=!(null==o?void 0:o.length)||r===(null==o?void 0:o.length)-1;return p.createPortal(d.default.createElement(n.StyledImagePreviewContainer,{"data-open":u&&!!v},d.default.createElement(n.StyledImagePreviewTopbar,null,d.default.createElement("img",{src:n.img,className:"icon-close",onClick:i,alt:"close"})),v&&r>=0&&d.default.createElement(d.default.Fragment,null,d.default.createElement(n.StyledImagePreviewWrapper,null,d.default.createElement("img",{className:"img-preview",src:v,alt:"post img open"}),d.default.createElement(n.StyledArrowWrapper,{"data-disabled":f,onClick:function(){return!f&&s(r-1)}},d.default.createElement(n.StyledCircleArrow,null,d.default.createElement("img",{src:z,style:{transform:"rotate(180deg)"},alt:"left arrow","data-disabled":f}))),d.default.createElement(n.StyledArrowWrapper,{"data-right":!0,"data-disabled":g,onClick:function(){return!g&&s(r+1)}},d.default.createElement(n.StyledCircleArrow,null,d.default.createElement("img",{src:z,alt:"right arrow","data-disabled":g})))))),document.body)},G=function(e){var a=e.className,o=e.images,l=void 0===o?[]:o,r=e.style,s=e.authorName,c=t.useContext(n.TogetherComponentGlobalContext).data.env.isMarryBaby,u="+ ".concat((l.length||0)-4),m=t.useState(!1),p=m[0],v=m[1],f=t.useState(-1),g=f[0],h=f[1];t.useEffect((function(){setTimeout((function(){return null===n.lazyLoadInstance||void 0===n.lazyLoadInstance?void 0:n.lazyLoadInstance.update()}),100)}),[null==l?void 0:l.slice(0,5).join("|")]);var C=l.length>5,w=t.useRef(!1);return t.useEffect((function(){return function(){w.current&&i.toggleNoScroll(!1)}}),[]),t.useEffect((function(){p||g>=0?(i.toggleNoScroll(!0),w.current=!0):(i.toggleNoScroll(!1),w.current=!1)}),[p,g]),d.default.createElement(d.default.Fragment,null,d.default.createElement(n.StyledPostImagePreview,{className:a,style:r,"data-image-count":C?5:l.length||0,"data-is-marrybaby":c},null==l?void 0:l.slice(0,5).map((function(e,t){return d.default.createElement("div",{className:"img-wrapper",key:t,onClick:function(){t>=4&&C?v(!0):h(t)}},!c&&d.default.createElement("img",{className:"lazy img-preview-blur","data-src":e}),d.default.createElement("img",{className:"lazy img-preview","data-src":e}),4===t&&C&&d.default.createElement("div",{className:"img-more-overlay"},d.default.createElement(n.Heading,{tag:"h1",color:"white"},u)))}))),p&&d.default.createElement(W,{authorName:s||"",images:l,onClose:function(){return v(!1)},onOpenSingleView:h}),g>=0&&d.default.createElement(V,{images:l,initialViewIndex:g,onClose:function(){return h(-1)}}))},Z=function(a){var o=a.url,i=a.image,l=a.className,r=a.style,s=t.useContext(n.TogetherComponentGlobalContext).data.locale,c=t.useState(null),u=c[0],m=c[1];t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(t){return i?[2]:o?(m((function(t){return e.__assign(e.__assign({},t),{isFetching:!0})})),n.callApi(n.getApiPath(n.PATHS.FETCH_PREVIEW,{_locale:s}),"POST",{data:{link:o}}).then((function(e){var t,n;m({url:o,image:(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.image)||(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.logo)})})).catch((function(){m(null)})),[2]):[2,m(null)]}))}))}),[o,i]);var p=(null==u?void 0:u.image)||i,v=(null==u?void 0:u.url)||o,f=t.useMemo((function(){return n.youtubeVidIdGetter(v)}),[v]),g=t.useMemo((function(){return n.facebookVidIdGetter(v)}),[v]),h=t.useRef(0),C=t.useRef(0),w=t.useState(!1),E=w[0],y=w[1];t.useEffect((function(){var e=function(){var e,t=null===(e=k.current)||void 0===e?void 0:e.getBoundingClientRect(),n=!1;t&&(!h.current||Math.abs((h.current-t.width)/(null==t?void 0:t.width))>.2)&&(h.current=Math.floor(t.width),n=!0),t&&(!C.current||Math.abs((C.current-t.height)/(null==t?void 0:t.height))>.2)&&(C.current=Math.floor(t.height),n=!0),n&&y((function(e){return!e}))};return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]);var k=t.useRef(null),_=t.useRef(!1);return d.default.createElement(n.StyledSocialLinkPreview,{className:"".concat(l," no-replace-click"),style:r,ref:k},i||!f&&!g?d.default.createElement("a",{href:v,target:"_blank",rel:"noreferrer"},d.default.createElement("div",{className:"link-image-wrapper ".concat((null==u?void 0:u.isFetching)?"fetching":"")},(null==u?void 0:u.isFetching)?d.default.createElement(n.Loading,{className:"loading-spinner"}):d.default.createElement("img",{className:"link-image",src:p||n.DEFAULT_IMG,onError:function(e){_.current||(_.current=!0,e.currentTarget.src=n.DEFAULT_IMG)}}))):d.default.createElement("div",{className:"link-image-wrapper"},f?d.default.createElement("iframe",{width:"100%",height:"100%",src:"https://www.youtube.com/embed/".concat(f,"?&autoplay=1&mute=1"),frameBorder:"0",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,border:"none",overflow:"hidden"}}):g?d.default.createElement("iframe",{key:String(E),src:"https://www.facebook.com/plugins/video.php?href=".concat(encodeURIComponent(v),"&autoplay=1&show_text=false&t=0&width=").concat(h.current,"&height=").concat(C.current),style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:C.current,width:h.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"}):null))},q="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",K="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",Q="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",X=function(a){var o=a.onDeleteComment,l=a.commentId,r=a.className,s=void 0===r?"":r,c=a.popoverClassName,u=void 0===c?"":c,m=t.useContext(n.TogetherComponentGlobalContext),p=m.data,v=p.env.isMarryBaby,f=p.locale,g=m.action.pushNotifications,h=i.useTranslations().t,C=t.useState(!1),w=C[0],E=C[1],y=n.useTogetherAuthRequiredAction().authActionWrapper;return d.default.createElement("div",{className:s,onClick:function(e){e.preventDefault(),e.stopPropagation()}},w&&d.default.createElement(M,{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 e.__awaiter(void 0,void 0,void 0,(function(){var t,n;return e.__generator(this,(function(e){switch(e.label){case 0:return l?[4,F({id:l,locale:f})]:[2];case 1:return 1===(null==(t=e.sent())?void 0:t.status)?(o&&o(),g({title:"",message:h("notification.success"),type:"success"})):g({title:"",message:(null===(n=null==t?void 0:t.messages)||void 0===n?void 0:n[0])||h("notification.failure"),type:"danger"}),[2]}}))}))},onClose:function(){return E(!1)}}),d.default.createElement(n.TreePopoverMenu,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:[{icon:Q,label:h("actionPopover.delete"),onClick:function(){y((function(){E(!0)}))}}]},className:u,toggleButtonContent:d.default.createElement("img",{src:v?q:K}),buttonProps:{}}))},$=function(a){var r,s,c,u,m,p=a.className,f=a.style,g=a.comment,h=a.type,C=void 0===h?"comment":h,w=a.level,E=void 0===w?0:w,y=a.replyingId,k=a.onPostCommentSuccess,_=a.post,b=a.onDeleteComment,T=a.refetchComment,S=a.hasQuickBookingEnable,P=a.handleMakeAppointment,N=t.useContext(n.TogetherComponentGlobalContext).data,x=N.locale,I=N.userInfo,A=N.env.isMarryBaby,M=i.useTranslations().t,L=t.useState(g||null),R=L[0],B=L[1],F=R.id;R.countReplies;var O=R.countLikes,H=R.content,W=R.createdAt,z=R.replies,V=void 0===z?[]:z,Z=R.images,q=void 0===Z?[]:Z,K=R.author,Q=R.liked,J=R.link,Y=R.mentionedUser,ee=R.mentions,te=function(e){try{var t=e.match(/\[@([^\]]+)\]/),n=t?t[0].replace("[@","").replace("]",""):"";return{text:e.replace(/\[@([^\]]+)\]/,"").trim(),replyingTo:n}}catch(e){}return{text:""}}(H),ne=te.text,ae=te.replyingTo,oe=n.useTogetherAuthRequiredAction({_joinCommunityIds:[null===(r=null==_?void 0:_.community)||void 0===r?void 0:r.id],_joinTopicIds:null===(s=null==_?void 0:_.topics)||void 0===s?void 0:s.map((function(e){return e.id}))}).authActionWrapper,ie=t.useState(4),le=ie[0],re=ie[1],se=!!(null==I?void 0:I.id)&&(null==V?void 0:V.some((function(e){return e.author.id===I.id}))),ce=function(t){B((function(n){n.replies.unshift(t);var a=e.__assign(e.__assign({},n),{replies:n.replies.slice(),countReplies:n.countReplies+1});return T&&T(a),a}))},ue=t.useState(!1),de=ue[0],me=ue[1],pe=t.useMemo((function(){return"comment"===C&&V&&0!=V.length?V.sort((function(e,t){var n=new Date(e.createdAt).getTime(),a=new Date(t.createdAt).getTime();return n>a?-1:n<a?1:0})):V}),[C,V]),ve=(null==V?void 0:V.length)||0,fe=String(null==K?void 0:K.email)&&(null==I?void 0:I.email)&&String(null==K?void 0:K.email)===String(null==I?void 0:I.email),ge=(null==K?void 0:K.name)||(null==K?void 0:K.username)||"",he=null==K?void 0:K.avatar,Ce=(null==K?void 0:K.username)||(null==K?void 0:K.name)||"",we=t.useState(null),Ee=we[0],ye=we[1],ke=t.useState(null),_e=ke[0],be=ke[1];t.useEffect((function(){if(null==K?void 0:K.hospitalId){t=K.hospitalId,e.__awaiter(void 0,void 0,void 0,(function(){var a,o;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,n.callApi(n.getCarePath(n.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:t,website_url:l.domainLocales[x]}),"get")];case 1:return a=e.sent(),(null===(o=null==a?void 0:a._data)||void 0===o?void 0:o.branch)&&ye(null==a?void 0:a._data.branch),[2]}}))}))}var t,a;if(null==K?void 0:K.doctorId){a=K.doctorId,e.__awaiter(void 0,void 0,void 0,(function(){var t,o;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,n.callApi(n.getCarePath(n.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:a,website_url:l.domainLocales[x]}),"get")];case 1:return t=e.sent(),(null===(o=null==t?void 0:t._data)||void 0===o?void 0:o.doctor)&&be(null==t?void 0:t._data.doctor),[2]}}))}))}}),[K.hospitalId,K.doctorId]);var Te=(null==_e?void 0:_e.valid_outpatient)||(null==_e?void 0:_e.valid_telemedicine),Se=((null==Ee?void 0:Ee.total_available_service)||(null==Ee?void 0:Ee.total_available_doctor))>0,Pe=S&&(Te||Se);return d.default.createElement(n.TogetherAuthConfigContextProvider,{defaultParams:{_joinCommunityIds:[null===(c=null==_?void 0:_.community)||void 0===c?void 0:c.id],_joinTopicIds:null===(u=null==_?void 0:_.topics)||void 0===u?void 0:u.map((function(e){return e.id}))}},d.default.createElement(n.StyledCardPost,{className:p,style:f,"data-is-reply":!!E,"data-is-marrybaby":A,"data-has-booking":Pe},"reply"===C&&d.default.createElement(o.Divider,{className:"top-divider",type:"solid"}),d.default.createElement(n.CardAuthor,{avatar:he,name:ge,username:Ce,email:null==K?void 0:K.email,time:W,className:"post-author ".concat(fe?"with-popover":""),type:C,userId:null==K?void 0:K.id,role:null==K?void 0:K.role,expertId:null==K?void 0:K.partnerId,title:null==K?void 0:K.title,doctorId:null==K?void 0:K.doctorId,hospitalId:null==K?void 0:K.hospitalId,hasQuickBooking:Pe,handleMakeAppointment:P}),d.default.createElement(U,{className:"post-content-wrapper",replyingTo:ae,mentionedUser:Y,description:ne,mentions:ee}),d.default.createElement("span",null),d.default.createElement("span",null),q&&q.length>0?d.default.createElement("div",{key:"image-preview",className:"image-preview-wrapper","data-is-reply":!0},d.default.createElement(G,{images:q,authorName:null==K?void 0:K.username})):null,q&&0!==q.length||!J?null:d.default.createElement("div",{key:"link-preview",className:"link-preview-wrapper","data-is-reply":!0},d.default.createElement(v,{url:J})),"most-engaging"!==C?d.default.createElement(d.default.Fragment,null,d.default.createElement(n.CardReactions,{type:n.CardReactionType.reply,loveCount:O,replyCount:ve,className:"post-reaction",liked:Q,isReplied:se,hideCommentIcon:"reply"===C,onCommentClick:function(){return oe((function(){return me((function(e){return!e}))}))},onCommentCountClick:function(){return oe((function(){me(!0)}))},onLikeClick:function(){return oe((function(){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(t){switch(t.label){case 0:return F?[4,j({commentId:F,setLike:!Q,locale:x})]:[3,2];case 1:1===t.sent().status&&B((function(t){return e.__assign(e.__assign({},t),{liked:!Q,countLikes:t.countLikes+(Q?-1:1)})})),t.label=2;case 2:return[2]}}))}))}))}}),de&&d.default.createElement(D,{replyingId:y||R.id,replyToName:K.name||K.username||"",isReply:!0,onClose:function(){return me(!1)},onPostSuccess:function(e){"reply"===C?k&&k(e):ce(e)},post:_,replyingUser:K}),"comment"===C&&V&&V.length>0?d.default.createElement("div",{className:"comment-reply-wrapper"},null===(m=null==pe?void 0:pe.slice(0,le))||void 0===m?void 0:m.map((function(t){return d.default.createElement($,{key:t.id,comment:t,type:"reply",className:"comment-reply-item",level:E+1,replyingId:F,onPostCommentSuccess:ce,post:_,onDeleteComment:function(){B((function(n){return e.__assign(e.__assign({},n),{replies:n.replies.filter((function(e){return e.id!==t.id})),countReplies:n.countReplies-1})}))},handleMakeAppointment:P,hasQuickBookingEnable:S})})),ve>le&&d.default.createElement(d.default.Fragment,null,d.default.createElement(o.Divider,{className:"top-divider",type:"solid"}),d.default.createElement(n.Button,{className:"more-cmt",size:"lg",color:"ghost",onClick:function(){return re((function(e){return e+4}))}},M("comment.seeMoreReplies",{count:ve-le}),d.default.createElement("img",{className:"chevron-right",src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 12L10 8L6 4' stroke='%232D87F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})))):null):null,fe&&d.default.createElement(X,{onDeleteComment:b,className:"popover",commentId:R.id})))},J="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",Y="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",ee="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",te=function(a){var o=a.authorEmail,l=a.onDeletePost,r=a.shareUrl,s=a.post,c=a.className,u=void 0===c?"":c,m=a.popoverClassName,p=void 0===m?"":m,v=a.onBookmark,f=a.onRemoveBookmark,g=a.onEditPost,h=t.useContext(n.TogetherComponentGlobalContext),C=h.data,w=C.locale,y=C.userInfo,k=C.togetherUserId,_=C.env.isMarryBaby,b=h.action.pushNotifications,T=i.useTranslations().t,S=t.useState(!1),P=S[0],N=S[1],x=t.useState(!1),I=x[0],A=x[1],L=t.useState(!1),R=L[0],B=L[1],j=n.useTogetherAuthRequiredAction().authActionWrapper,F=o&&(null==y?void 0:y.email)&&o===String(null==y?void 0:y.email);return d.default.createElement("div",{className:u,onClick:function(e){e.preventDefault(),e.stopPropagation()}},R&&d.default.createElement(n.SharePopup,{url:r,text:null==s?void 0:s.title,onClose:function(){return B(!1)}}),I&&d.default.createElement(M,{thumbnail:"./svg/delete.svg",isThumbnailIcon:!0,title:T("popup.deletePost.title"),description:T("popup.deletePost.description"),acceptText:T("popup.deletePost.accept"),cancelText:T("popup.deletePost.cancel"),onAccept:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:if(!(null==s?void 0:s.id)||P)return[2];N(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,E({id:s.id,locale:w})];case 2:return 1===(null==(t=e.sent())?void 0:t.status)&&(null==l||l()),[3,4];case 3:return e.sent(),[3,4];case 4:return N(!1),[2]}}))}))},onClose:function(){return A(!1)}}),d.default.createElement(n.TreePopoverMenu,{className:p,toggleButtonContent:d.default.createElement("img",{src:_?q:K}),position:"bottom",align:"end",buttonProps:{isLoading:P},data:F?{isShowheader:!1,type:"list",list:[{icon:ee,label:T("morePopover.share"),onClick:function(){return B(!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:T("actionPopover.edit"),onClick:g},{icon:Q,label:T("actionPopover.delete"),onClick:function(){j((function(){return A(!0)}))}}]}:{isShowheader:!1,type:"list",list:[{icon:ee,label:T("morePopover.share"),onClick:function(){return B(!0)}},{icon:(null==s?void 0:s.bookmarked)?J:Y,label:(null==s?void 0:s.bookmarked)?T("morePopover.unsavePost"):T("morePopover.savePost"),onClick:function(){j((function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return(null==y?void 0:y.id)&&(null==s?void 0:s.id)?(null==s?void 0:s.bookmarked)?[4,n.callApiWithAuth(n.getApiPath(n.PATHS.BOOKMARK.DELETE,{_locale:w}),"DELETE",{data:{post_id:String(s.id)}})]:[3,2]:[2];case 1:return 1===(null==(t=e.sent())?void 0:t.status)?(b({title:"",message:"Removed saved post",type:"success",displayIcon:Y}),f&&f()):b({title:"",message:"Remove failed",type:"danger",displayIcon:Y}),[3,4];case 2:return[4,n.callApiWithAuth(n.getApiPath(n.PATHS.BOOKMARK.CREATE,{_locale:w}),"POST",{data:{user_id:k||y.id,post_id:s.id}})];case 3:1===(null==(t=e.sent())?void 0:t.status)?(b({title:"",message:"Post saved",type:"success",displayIcon:J}),v&&v()):b({title:"",message:"Post saved failed",type:"danger",displayIcon:Y}),e.label=4;case 4:return[2]}}))}))}))}},{icon:O,label:T("morePopover.report"),subTree:{title:T("morePopover.report.title"),description:T("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(n.REPORT_REASON_MAP).map((function(e){return{label:n.REPORT_REASON_MAP[e].label,reason:n.REPORT_REASON_MAP[e].reportReasonText,reasonValue:e}})).map((function(e){return{label:T(e.label),subTree:{title:T("morePopover.reportSubmit.title"),description:T("morePopover.reportSubmit.description"),isShowheader:!0,type:"jsx",jsxRenderer:function(t){return d.default.createElement(H,{reason:e.reasonValue,reasonText:T(e.reason),postId:null==s?void 0:s.id,onClose:function(){return t&&t(!1)}})}}}}))}}]}}))},ne=function(t,a){return e.__awaiter(void 0,void 0,void 0,(function(){var o,i,l,r;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,n.callApiWithOptionalAuth(n.getApiPath(n.PATHS.COMMENT.LIST,{postId:t,_locale:a,sort:"popularity",perPage:1,withoutReply:1}),"GET")];case 1:return o=e.sent(),[2,null===(r=null===(l=null===(i=null==o?void 0:o.data)||void 0===i?void 0:i.comments)||void 0===l?void 0:l.map(n.formatComment))||void 0===r?void 0:r[0]]}}))}))},ae=Object.freeze({__proto__:null});exports.CardLink=v,exports.CardPost=function(a){var o=a.className,l=a.style,r=a.hideViewMoreComment,s=a.showMostEngaging,c=a.onCommentClick,u=a.onCommentCountClick,m=a.onMostEngagingCommentClick,p=a.onPostCommentSuccess,C=a.disableCardLink,E=a.disableShortenContent,y=a.onDeletePost,k=a.onEditPost,_=a.post,b=a.mostEngagingComment,T=a.onDeleteComment,S=a.showInputComment,P=a.InlineCommentsComponent,N=a.hasQuickBookingEnable,x=a.handleMakeAppointment,I=t.useState(_),A=I[0],M=I[1],L=t.useState(!1),R=L[0],B=L[1],j=t.useState(b),F=j[0],O=j[1],H=A.community,W=A.topics,z=A.author,V=A.slug,q=A.isPin,K=A.liked,Q=A.scheduleDateTime,X=A.createdAt,J=A.photos,Y=A.mentions,ee=A.title,ae=A.description,oe=A.previewUrl,ie=A.likesCount,le=A.commentsCount,re=A.id,se=A.commented,ce=t.useContext(n.TogetherComponentGlobalContext),ue=ce.data,de=ue.locale,me=ue.env,pe=me.isMarryBaby,ve=me.togetherBasePath,fe=ce.action.pushNotifications,ge=i.useTranslations().t,he=t.useState(S),Ce=he[0],we=he[1],Ee="".concat(ve,"/").concat((null==H?void 0:H.slug)||"_","/").concat(V||""),ye="".concat(n.getCurrentBaseUrl(de)).concat(Ee),ke=n.useTogetherAuthRequiredAction((null==H?void 0:H.slug)?{_joinCommunityIds:[H.id],_joinTopicIds:null==W?void 0:W.map((function(e){return e.id}))}:void 0).authActionWrapper,_e=t.useState(!1),be=_e[0],Te=_e[1];t.useEffect((function(){we(S)}),[S]);var Se=(null==z?void 0:z.name)||(null==z?void 0:z.username)||"",Pe=(null==z?void 0:z.username)||(null==z?void 0:z.name)||"",Ne=null==z?void 0:z.avatar,xe=t.useState(null),Ie=xe[0],Ae=xe[1],Me=t.useState(null),Le=Me[0],Re=Me[1];t.useEffect((function(){if(null==z?void 0:z.hospitalId){t=z.hospitalId,e.__awaiter(void 0,void 0,void 0,(function(){var a,o;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,n.callApi(n.getCarePath(n.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:t,website_url:n.domainLocales[de]}),"get")];case 1:return a=e.sent(),(null===(o=null==a?void 0:a._data)||void 0===o?void 0:o.branch)&&Ae(null==a?void 0:a._data.branch),[2]}}))}))}var t,a;if(null==z?void 0:z.doctorId){a=z.doctorId,e.__awaiter(void 0,void 0,void 0,(function(){var t,o;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,n.callApi(n.getCarePath(n.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:a,website_url:n.domainLocales[de]}),"get")];case 1:return t=e.sent(),(null===(o=null==t?void 0:t._data)||void 0===o?void 0:o.doctor)&&Re(null==t?void 0:t._data.doctor),[2]}}))}))}}),[z.hospitalId,z.doctorId]);var Be=(null==Le?void 0:Le.valid_outpatient)||(null==Le?void 0:Le.valid_telemedicine),je=((null==Ie?void 0:Ie.total_available_service)||(null==Ie?void 0:Ie.total_available_doctor))>0,Fe=N&&(Be||je);t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return re&&le&&s&&!(null==b?void 0:b.id)?[4,ne(re,de)]:[3,2];case 1:t=e.sent(),O(t),e.label=2;case 2:return[2]}}))}))}),[re,de,le,s,null==b?void 0:b.id]),t.useEffect((function(){O(b)}),[null==b?void 0:b.id]);var De=function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(a){switch(a.label){case 0:return le>1&&(null==F?void 0:F.id)&&(null==F?void 0:F.id)===(null==t?void 0:t.id)?[4,ne(re,de)]:[3,2];case 1:n=a.sent(),O(n),a.label=2;case 2:return M((function(t){return e.__assign(e.__assign({},t),{commentsCount:t.commentsCount-1})})),T&&T(t),[2]}}))}))};return d.default.createElement(n.TogetherAuthConfigContextProvider,{defaultParams:(null==H?void 0:H.slug)?{_joinCommunityIds:[H.id],_joinTopicIds:null==W?void 0:W.map((function(e){return e.id}))}:void 0},R&&d.default.createElement(n.SharePopup,{url:ye,avatar:n.DEFAULT_IMG,text:ee,onClose:function(){return B(!1)}}),d.default.createElement(n.StyledCardPost$1,{className:o,style:l,"data-is-marrybaby":pe},q?d.default.createElement(g,{className:"post-pin"}):null,d.default.createElement("div",{style:{position:"relative"}},d.default.createElement(n.CardAuthor,{avatar:Ne,name:Se,username:Pe,url:C?void 0:Ee,email:null==z?void 0:z.email,time:Q||X,community:H,className:"post-author",role:null==z?void 0:z.role,userId:null==z?void 0:z.id,expertId:null==z?void 0:z.partnerId,doctorId:null==z?void 0:z.doctorId,hospitalId:null==z?void 0:z.hospitalId,title:null==z?void 0:z.title,hasQuickBooking:Fe,handleMakeAppointment:x}),d.default.createElement(te,{authorEmail:String(null==z?void 0:z.email),onDeletePost:y,shareUrl:ye,post:A,className:"popover",onEditPost:k})),d.default.createElement("a",{href:C?void 0:Ee,className:"post-content-link-wrapper"},ee&&d.default.createElement(n.Heading,{className:"post-content-title",as:"h1",tag:"h5",fontWeight:"bold"},n.innertext_1(ee)),d.default.createElement(U,{className:"post-content-wrapper",description:ae,disableShortenContent:E,mentions:Y})),d.default.createElement("span",null),d.default.createElement("span",null),d.default.createElement("div",{key:"tag-topic"},W&&W.length>0?d.default.createElement(f,{topics:W,className:"post-topics"}):null),d.default.createElement("div",{key:"social-preview"},(null==A?void 0:A.introUrl)?d.default.createElement("div",{className:"social-preview-wrapper ".concat((null==J?void 0:J.length)?"has-image":"")},d.default.createElement(Z,{url:A.introUrl,image:A.bannerImage})):null),d.default.createElement("div",{key:"image-preview"},(null==J?void 0:J.length)?d.default.createElement("div",{className:"image-preview-wrapper"},d.default.createElement(G,{images:J,authorName:null==z?void 0:z.name})):null),d.default.createElement("div",{key:"link-preview"},(null==A?void 0:A.introUrl)||(null==J?void 0:J.length)||!(null==oe?void 0:oe.url)?null:d.default.createElement("div",{className:"link-preview-wrapper"},d.default.createElement(v,{title:oe.title,url:oe.url,image:oe.image}))),d.default.createElement(n.CardReactions,{type:n.CardReactionType.post,loveCount:ie,replyCount:le,className:"post-reaction ".concat((null==J?void 0:J.length)||(null==oe?void 0:oe.url)?"hide-top-border":""),liked:be?!K:K,isReplied:se,onCommentClick:function(){return ke((function(){c?c():we((function(e){return!e}))}))},onCommentCountClick:function(){ke((function(){pe?we(!0):u?u():!C&&(window.location.href=Ee)}))},onShareClick:function(){B(!0)},onLikeClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(n){switch(n.label){case 0:if(!re||be)return[2];Te(!0),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,w({id:re,locale:de})];case 2:return 1!==(null==(t=n.sent())?void 0:t.status)?fe(h(ge)):M((function(t){return e.__assign(e.__assign({},t),{likesCount:(t.likesCount||0)+(t.liked?-1:1),liked:!t.liked})})),[3,4];case 3:return n.sent(),fe(h(ge)),[3,4];case 4:return Te(!1),[2]}}))}))},showingMostEngaging:!(!s||!(null==F?void 0:F.id))}),Ce&&d.default.createElement(D,{isMainCmt:!S,onClose:function(){return we(!1)},onPostSuccess:function(t){0!==le||(null==F?void 0:F.id)||O(t),M((function(t){return e.__assign(e.__assign({},t),{commentsCount:t.commentsCount+1,commented:!0})})),p&&p(t)},post:A}),s&&(null==F?void 0:F.id)?d.default.createElement("div",{className:"most-engaging-wrapper",onClick:function(e){m?(e.stopPropagation(),m()):window.location.href=Ee}},d.default.createElement($,{hasQuickBookingEnable:N,handleMakeAppointment:x,comment:F,onDeleteComment:function(){De&&De(F)},className:"most-engaging-comment",type:"most-engaging",key:F.id}),le>1&&!r&&d.default.createElement(n.Button,{className:"see-more-comments",color:"ghost",size:"md"},ge("comment.seeMoreComments",{count:le-1}))):null,P))},exports.CardPostPopoverMore=te,exports.CardReply=$,exports.CardReplyPopover=X,exports.CreateNewPostContent=function(r){var s=r.className,c=r.style,u=r.onPostCreatedEdited,m=r.onClose,p=r.communities,v=void 0===p?[]:p,f=r.forceSelectCommunity,g=r.forceSelectTopics,w=r.articleId,E=r.optionalTopic,b=r.editPostData,T=r.defaultCommunity,S=r.defaultTopics,N=r.noFetchTopic,A=r.hideTopicList,M=!!(null==b?void 0:b.id),L=t.useContext(n.TogetherComponentGlobalContext),R=L.data,B=R.locale,j=R.env.isMarryBaby,F=L.action,D=F.pushNotifications,O=F.sanitizeFunction,H=i.useTranslations().t,U=t.useState(!1),W=U[0],z=U[1],V=t.useState(""),G=V[0],Z=V[1],q=t.useState(""),K=q[0],Q=q[1],X=t.useState(f?{label:f.name,value:"".concat(f.id||"","-").concat(f.mappedCategoryId||"")}:{label:H("community.choose"),value:""}),$=X[0],J=X[1],Y=t.useState(e.__spreadArray([],g,!0)||[]),ee=Y[0],te=Y[1],ne=t.useState([]),ae=ne[0],oe=ne[1],ie=t.useState([]),le=ie[0],re=ie[1],se=f||v.find((function(e){return"".concat(e.id||"","-").concat(e.mappedCategoryId||"")===$.value})),ce=f?[f]:v.filter((function(e){return e.isActive})).sort((function(e,t){return e.name>t.name?1:e.name<t.name?-1:0})),ue=t.useState(null),de=ue[0],me=ue[1],pe=t.useState([]),ve=pe[0],fe=pe[1],ge=G&&n.innertext_1(K)&&(E||!E&&ee.length>0)&&se&&(!ae||ae.length<=n.MAX_IMAGE_UPLOADS)&&!(null==ve?void 0:ve.length)&&!W;t.useEffect((function(){if(b){var e=b;Z(e.title||""),Q(n.decodeMention(n.decodePostUrl(e.description||"","edit"),e.mentions)),J({label:e.community.name,value:"".concat(e.community.id||"","-").concat(e.community.mappedCategoryId||"")}),te(e.topics||[]),oe(e.photos||[])}else T&&J({label:T.name,value:"".concat(T.id||"","-").concat(T.mappedCategoryId||"")}),S&&te(S)}),[]);var he=function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t,a,o,i,l,r,s,c,d,p,v,f;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,y({title:G,description:K,communityId:String((null==se?void 0:se.id)||""),imageFiles:ae,previewUrl:de,topicIds:null==ee?void 0:ee.map((function(e){return String(e.id||"")})).filter(Boolean),locale:B,sanitizeFunction:O,categoryCommunityId:String((null==se?void 0:se.mappedCategoryId)||""),categoryTopicIds:null==ee?void 0:ee.map((function(e){return String(e.mappedCategoryId||"")})).filter(Boolean)})];case 1:return t=e.sent(),w&&t.append("article_id",w),M?(null==b?void 0:b.id)?[4,_({id:b.id,formData:t,locale:B})]:[3,3]:[3,4];case 2:a=e.sent(),e.label=3;case 3:return[3,6];case 4:return[4,k({formData:t,locale:B,isArticleComment:!(null==se?void 0:se.id)&&!!(null==se?void 0:se.mappedCategoryId)})];case 5:a=e.sent(),e.label=6;case 6:return(null==(o=null==a?void 0:a.data)?void 0:o.id)&&!(null===(l=null===(i=null==a?void 0:a.messages)||void 0===i?void 0:i.moderation)||void 0===l?void 0:l.type)?(D({message:H("createPost.popup.success"),type:"success"}),function(e){u&&u(n.formatPost(e),M),m&&m()}(o)):"banned"===(null===(s=null===(r=null==a?void 0:a.messages)||void 0===r?void 0:r.moderation)||void 0===s?void 0:s.type)?(D({title:H("notification.post.blocked.title"),message:H("notification.post.blocked.message"),type:"danger"}),a.messages.moderation.words&&re(a.messages.moderation.words)):"suspect"===(null===(d=null===(c=null==a?void 0:a.messages)||void 0===c?void 0:c.moderation)||void 0===d?void 0:d.type)?(D({title:H("notification.post.suspect.title"),message:H("notification.post.suspect.message"),type:"warning"}),m&&m()):(null===(v=null===(p=null==a?void 0:a.messages)||void 0===p?void 0:p.find)||void 0===v?void 0:v.call(p,(function(e){var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(D({message:H("notification.suspend.message"),type:"danger"}),m&&m()):D({message:(null===(f=null==a?void 0:a.messages)||void 0===f?void 0:f[0])||H("notification.failure"),type:"danger"}),[2]}}))}))};return d.default.createElement(n.StyledCreateNewPost,{className:s,style:c},d.default.createElement("div",{className:"input-group-container"},d.default.createElement(x,{className:"input-group",bannedWords:le,value:G,onChange:Z}),d.default.createElement(P,{className:"input-group",bannedWords:le,value:K,onChange:Q,onPreviewUrlChange:me,onInvalidUrlsChange:fe,onImageFilesChange:oe,imageFiles:ae}),d.default.createElement("div",{className:"input-group"},d.default.createElement(a.Text,{size:"p4",className:"input-group-label"},H("admin.community")),d.default.createElement(o.Dropdown,{options:(null==ce?void 0:ce.map((function(e,t){return{label:e.name,value:"".concat(e.id||"","-").concat(e.mappedCategoryId||"")}})))||[],id:"community-picker",placeholder:H("community.choose"),value:$,onChange:function(e){J({label:e.label,value:String(e.value)}),te([])},disabled:!!f}),d.default.createElement(a.Text,{size:"sm",className:"warning",color:l.theme.colors.gray400},"* ",H("commentPopup.warning.newPost"))),!A&&d.default.createElement("div",{className:"input-group"},d.default.createElement(a.Text,{size:"p4",className:"input-group-label"},H("tab.topic")),d.default.createElement("div",{className:"input-notification"},d.default.createElement("img",{src:se?"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":C}),d.default.createElement(a.Text,{size:"base",color:l.theme.colors.gray500},H(se?"createPost.popup.primary":"createPost.popup.warning"))),se&&d.default.createElement(I,{className:"tag-list",communityId:se.id,forceTopics:g,onChange:te,selectedTopics:ee,noFetch:N}))),d.default.createElement(n.Button,{theme:j?"marryBaby":"helloSites",className:"submit-btn",size:"lg",onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:if(!ge||W)return[3,5];z(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,he()];case 2:return e.sent(),[3,4];case 3:return t=e.sent(),console.error(t),D(h(H)),[3,4];case 4:z(!1),e.label=5;case 5:return[2]}}))}))},isDisabled:!ge,isLoading:W},H("createPost.popup.submit")))},exports.CreatePostDescription=P,exports.CreatePostTitle=x,exports.ImagePreviewPopup=W,exports.InputCommentBar=D,exports.LabelPin=g,exports.PopupDanger=M,exports.PostContent=U,exports.PostImagePreview=G,exports.PostSingleImageViewPopup=V,exports.SubmitReportForm=H,exports.TagTopic=f,exports.TopicSelectList=I,exports.types=ae;
-//# sourceMappingURL=types-6d50fb9d.js.map
+"use strict";var e=require("./tslib.es6-f7929e76.js"),t=require("react"),n=require("./index.styled-4b2cda82.js"),a=require("./cookieHelper-d9cedc66.js"),o=require("./index-aa743579.js"),i=require("./useTranslations-00e7c0dc.js"),l=require("./theme-79e84625.js");require("react-range");var r=require("lodash/debounce"),s=require("react-dom");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=c(t),m=c(r),p=u(s),v=function(o){var i=o.title,l=o.url,r=o.image,s=o.logo,c=o.className,u=o.style,m=o.noRefetch,p=t.useContext(n.TogetherComponentGlobalContext).data,v=p.locale,f=p.env.isMarryBaby,g=t.useState(!1),h=g[0],C=g[1],w=t.useRef(m);w.current=m;var E=t.useState(null),y=E[0],k=E[1];t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(t){return w.current?[2]:l?(k((function(t){return e.__assign(e.__assign({},t),{isFetching:!0})})),n.callApi(n.getApiPath(n.PATHS.FETCH_PREVIEW,{_locale:v}),"POST",{data:{link:l}}).then((function(e){var t,n,a;C(!1),k({title:null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.title,url:l,image:(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.image)||(null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.logo)})})).catch((function(){k(null)})),[2]):[2,k(null)]}))}))}),[l]);var _=(null==y?void 0:y.image)||r,b=(null==y?void 0:y.title)||i,T=(null==y?void 0:y.logo)||s,S=(null==y?void 0:y.url)||l,P=S.replace("http://","").replace("https://","").split(/[/?#]/)[0],N=t.useRef(!1);return d.default.createElement(n.StyledCardLink,{"data-is-marrybaby":f,className:"".concat(c," no-replace-click"),style:u},d.default.createElement("a",{href:S,target:"_blank",rel:"noreferrer"},_&&d.default.createElement("div",{className:"link-image-wrapper"},!f&&d.default.createElement("img",{className:"link-image-blur",src:_,onError:function(e){N.current||(N.current=!0,e.currentTarget.src=n.DEFAULT_IMG)}}),d.default.createElement("img",{className:"link-image",src:_,onError:function(e){N.current||(N.current=!0,e.currentTarget.src=n.DEFAULT_IMG)}})),d.default.createElement("div",{className:"link-info-container"},d.default.createElement(a.Text,{size:"n1"},f&&T&&!h&&d.default.createElement("img",{className:"link-logo",src:T,onError:function(e){return C(!0)}}),P),d.default.createElement(n.Heading,{tag:"h6"},b))))},f=function(e){var o=e.topics,i=e.onClick,l=e.className,r=e.style,s=function(){var e=t.useState(!1),n=e[0],a=e[1],o=t.useRef(null),i=t.useRef(null),l=t.useRef();return{sliding:n,mouseDownHandler:function(e){if(o.current){l.current=setTimeout((function(){a(!0)}),500),i.current={left:o.current.scrollLeft,x:e.clientX};var t=function(e){var t=i.current;if(t){var n=e.clientX-t.x;o.current&&(o.current.scrollLeft=t.left-n)}},n=function(){l.current&&(clearTimeout(l.current),l.current=void 0),a(!1),document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",n)};document.addEventListener("mousemove",t),document.addEventListener("mouseup",n)}},sliderRef:o,pos:i}}(),c=s.sliding,u=s.mouseDownHandler,m=s.sliderRef,p=t.useContext(n.TogetherComponentGlobalContext),v=p.data.env.togetherBasePath,f=p.action.sanitizeFunction;return d.default.createElement(n.StyledTagTopic,{ref:m,onClick:i,onMouseDown:function(e){return u(e)},className:"".concat(l," ").concat(c?"sliding":""),style:r},o.map((function(e,t){return d.default.createElement("a",{className:"tag-link-item",key:t,href:e.isActive&&!e.isHidden?"".concat(v).concat(e.url):void 0},d.default.createElement(a.Text,{size:"p3"},d.default.createElement("span",{dangerouslySetInnerHTML:{__html:(null==f?void 0:f(e.name))||e.name}})))})))},g=function(e){var a=e.onClick;e.color;var o=e.className,l=e.style,r=t.useContext(n.TogetherComponentGlobalContext).data.env.isMarryBaby,s=i.useTranslations().t;return d.default.createElement(n.LabelSortPin,{label:d.default.createElement(d.default.Fragment,null,r&&d.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"})," ",s("label.pinnedPost")),rightLabel:!r&&d.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:a,color:"white",className:"label-pinned ".concat(o),style:l})},h=function(e){return{message:e("notification.failure"),type:"danger"}},C="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",w=function(t){var a=t.id,o=t.locale;return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return a?[4,n.callApiWithAuth(n.getApiPath(n.PATHS.POST.LIKE,{id:a,_locale:o}),"GET")]:[2];case 1:return[2,e.sent()]}}))}))},E=function(t){var a=t.id,o=t.locale;return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return a?[4,n.callApiWithAuth(n.getApiPath(n.PATHS.POST.DELETE,{id:a,_locale:o}),"DELETE")]:[2];case 1:return[2,e.sent()]}}))}))},y=function(t){var a=t.title,o=t.description,i=t.communityId,l=t.imageFiles,r=t.previewUrl,s=t.topicIds,c=t.locale,u=t.sanitizeFunction,d=t.categoryCommunityId,m=t.categoryTopicIds,p=t.introUrl,v=t.bannerUrl,f=t.scheduleTime;return e.__awaiter(void 0,void 0,void 0,(function(){var t,g,h,C,w;return e.__generator(this,(function(e){switch(e.label){case 0:return t=new FormData,g=n.removeBannedWordWrapper(o),h=n.removeBannedWordWrapper(a),C=n.getMentionIdsFromString(g),t.append("title",h),t.append("description",n.encodePostContent(g,u)),d?t.append("category_community",String(d)):i&&t.append("community_id",String(i)),(null==r?void 0:r.title)&&t.append("preview_title",r.title),(null==r?void 0:r.description)&&t.append("preview_description",r.description),(null==r?void 0:r.url)&&t.append("preview_link",r.url),(null==r?void 0:r.image)&&t.append("preview_image",r.image),null==s||s.forEach((function(e){t.append("topics[]",String(e||""))})),null==m||m.forEach((function(e){t.append("category_topics[]",String(e||""))})),(null==l?void 0:l.length)?[4,Promise.all(l.map((function(e,t){return new Promise((function(a){setTimeout((function(){a(n.uploadAndGetSrc(e,c))}),2e3*t)}))})))]:[3,2];case 1:return null==(w=e.sent())||w.filter(Boolean).slice(0,n.MAX_IMAGE_UPLOADS).forEach((function(e,n){t.append("images[".concat(n,"]"),e)})),[3,3];case 2:t.append("images",""),e.label=3;case 3:return null==C||C.forEach((function(e){t.append("mention_ids[]",e)})),t.append("intro_url",p||""),t.append("banner",v||""),f&&(t.append("post_type","scheduled"),t.append("schedule_datetime",f)),[2,t]}}))}))},k=function(t){var a=t.locale,o=t.formData,i=t.isArticleComment;return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,n.callApiWithAuth(n.getApiPath(i?n.PATHS.POST.CREATE_ARTICLE_COMMENT:n.PATHS.POST.CREATE,{_locale:a}),"POST",{data:o,headers:{"Content-Type":"multipart/form-data"}})];case 1:return[2,e.sent()]}}))}))},_=function(t){var a=t.id,o=t.locale,i=t.formData;return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,n.callApiWithAuth(n.getApiPath(n.PATHS.POST.UPDATE,{id:a,_locale:o}),"POST",{data:i})];case 1:return[2,e.sent()]}}))}))},b=function(e){var t=e.id,a=e.reason,o=e.locale,i=new FormData;return i.append("reason",a),n.callApiWithAuth(n.getApiPath(n.PATHS.POST.REPORT,{_locale:o,id:t}),"POST",{data:i})},T=function(e,n){var a=t.useState(e||[]),o=a[0],i=a[1];return{onSelectImages:function(t){var a=t.target.files;a&&(n&&e?n((e||o).concat(Array.from(a))):i((function(t){var o=e||t;return n&&n(o.concat(Array.from(a))),o.concat(Array.from(a))})))},onRemoveImage:function(t){if(n&&e){var a=e;a.splice(t,1),n(a.slice())}else i((function(a){var o=e||a;return o.splice(t,1),n&&n(o.slice()),o.slice()}))},onRemoveAllImages:function(){n?n([]):i([])},imageSrcs:t.useMemo((function(){return(e||o).map((function(e){return"string"==typeof e?e:URL.createObjectURL(e)}))}),[e,o]),imageFiles:e||o}},S="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",P=function(e){var o=e.className,r=e.style,s=e.bannedWords,c=void 0===s?[]:s,u=e.value,m=e.onChange,p=e.onPreviewUrlChange,f=e.onInvalidUrlsChange,g=e.onImageFilesChange,h=e.imageFiles,w=e.isReplying,E=i.useTranslations().t,y=t.useState(null),k=y[0],_=y[1],b=t.useRef(null),P=T(h,g),N=P.onSelectImages,x=P.onRemoveImage,I=P.imageSrcs;return t.useEffect((function(){p&&((null==k?void 0:k.url)?p({title:k.title||"",url:k.url||"",image:k.image||"",description:k.description||""}):p(null))}),[k]),d.default.createElement(n.StyledCreatePostDescription,{className:o,style:r},d.default.createElement(a.Text,{size:"p4",className:"description-label"},E("createPost.popup.description")),d.default.createElement("div",{className:"textarea-control"},d.default.createElement("div",{className:"textarea-wrapper"},d.default.createElement(n.RichTextEditor,{html:u||"",onChange:m,bannedWords:c,onImagePickerClick:function(){var e;return null===(e=b.current)||void 0===e?void 0:e.click()},onPreviewUrlChange:_,onInvalidUrlsChange:f,isReplying:w}))),d.default.createElement(a.Text,{size:"p4",className:"count-string"},E("character"),": ",n.innertext_1(u||"").length),(!I||0===I.length)&&k&&d.default.createElement("div",{className:"link-preview-wrapper"},k.isFetching?d.default.createElement(n.Loading,null):d.default.createElement(d.default.Fragment,null,d.default.createElement(v,{title:k.title,url:k.url||"#",image:k.image,noRefetch:!0}),d.default.createElement("img",{src:S,className:"icon-close",onClick:function(){return _(null)}}))),d.default.createElement("input",{ref:b,type:"file",accept:"image/png, image/gif, image/jpeg",multiple:!0,style:{display:"none"},onChange:N}),I.length>n.MAX_IMAGE_UPLOADS?d.default.createElement("div",{className:"input-notification"},d.default.createElement("img",{src:C}),d.default.createElement(a.Text,{size:"p4",color:l.theme.colors.alertWarning},E("createPost.popup.warningImage"))):null,I.length>0&&d.default.createElement("div",{className:"image-gallery"},I.map((function(e,t){return d.default.createElement("div",{key:t,className:"image-item"},d.default.createElement("img",{src:e}),d.default.createElement("img",{className:"close-btn",src:S,onClick:function(){return x(t)}}))}))))},N=function(e,t){if(!t)return e;var a=t.limit,o=t.bannedWords,i=void 0===o?[]:o,l="number"==typeof a&&a>=0?e.substring(0,a):e;return n.highlightBadWords(l,i)},x=function(e){var o,l=e.className,r=e.style,s=e.bannedWords,c=void 0===s?[]:s,u=e.value,p=e.onChange,v=i.useTranslations().t,f=t.useState(""),g=f[0],h=f[1],C=t.useRef(null);t.useEffect((function(){if(C.current){var e=function(e){var t;e.preventDefault();var n=null===(t=e.clipboardData)||void 0===t?void 0:t.getData("text/plain");document.execCommand("insertHTML",!1,n)},t=C.current;return t.addEventListener("paste",e),function(){return t.removeEventListener("paste",e)}}}),[C]);var w=(null==c?void 0:c.join(","))||"";t.useEffect((function(){var e;if(w){var t=null===(e=C.current)||void 0===e?void 0:e.innerText;if(t){var a=n.highlightBadWords(t,c);a!==t&&(p&&p(a),h(a))}}}),[w]);var E=t.useCallback(m.default((function(e){if(C.current){var t=N(C.current.innerText,{limit:120,bannedWords:c});p&&p(t),h(t)}}),300),[]);return t.useEffect((function(){setTimeout((function(){var e;null===(e=C.current)||void 0===e||e.focus()}),500)}),[]),d.default.createElement(n.StyledCreatePostTitle,{className:l,style:r},d.default.createElement(a.Input,{name:"title",value:u||g,size:"md",label:v("createPost.title"),CustomInput:d.default.createElement(n._default,{innerRef:C,html:u||g,onChange:function(e){if(C.current&&C.current.innerText!==(u||g)){var t=N(C.current.innerText,{bannedWords:c});p&&p(t),h(t),E(C.current.innerText)}},className:"title-input"})}),d.default.createElement(a.Text,{size:"p4",className:"count-string"},v("createPost.popup.wordCount",{count:(null===(o=C.current)||void 0===o?void 0:o.innerText.length)||0,max:120})))},I=function(a){var o=a.className,i=a.style,l=a.topics,r=a.communityId,s=a.onChange,c=a.isLoading,u=a.disabled,m=a.forceTopics,p=a.selectedTopics,v=a.noFetch,f=t.useContext(n.TogetherComponentGlobalContext).data,g=f.locale,h=f.env.isMarryBaby,C=t.useState(l?e.__spreadArray([],l,!0):[]),w=C[0],E=C[1],y=t.useState(p?e.__spreadArray([],p,!0):[]),k=y[0],_=y[1],b=t.useState(!1),T=b[0],S=b[1],P=t.useRef(l);P.current=l,t.useEffect((function(){var t;!r||v||(null===(t=P.current)||void 0===t?void 0:t.length)||(E([]),S(!0),e.__awaiter(void 0,void 0,void 0,(function(){var t,a,o,i;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,n.callApi(n.getApiPath(n.PATHS.TOPIC.LIST,{communityId:r,_locale:g}),"GET")];case 1:return t=e.sent(),a=null===(i=null==t?void 0:t.data)||void 0===i?void 0:i.topics,Array.isArray(a)&&E((function(){return(null==a?void 0:a.map(n.formatTopic).sort((function(e,t){return(e.order||0)-(t.order||0)})))||[]})),[3,3];case 2:return o=e.sent(),console.log(o),S(!1),[3,3];case 3:return S(!1),[2]}}))})))}),[r,v]);var N=null==l?void 0:l.map((function(e){return e.id})).join("-"),x=null==w?void 0:w.map((function(e){return e.id})).join("-"),I=null==m?void 0:m.map((function(e){return e.id})).join("-");t.useEffect((function(){l&&void 0!==N&&N!==x&&E(l)}),[l,N,x]);var M=t.useMemo((function(){return w.filter((function(e){return!(null==m?void 0:m.some((function(t){return t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId})))}))}),[x,I]);return d.default.createElement(n.StyledTopicSelectList,{"data-is-marrybaby":h,className:o,style:i},m.map((function(e){return d.default.createElement(A,{key:"".concat(e.id,"-").concat(e.mappedCategoryId),topic:e,disabled:!0,selected:!0})})),M.map((function(e){return d.default.createElement(A,{key:"".concat(e.id,"-").concat(e.mappedCategoryId),topic:e,disabled:u,selected:(p||k).some((function(t){return t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId})),onClick:function(){var t=p||k,n=t.findIndex((function(t){return t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId}));-1!==n?t.splice(n,1):t.push(e),s&&p?s(t.slice()):(s&&s(t.slice()),_(t.slice()))}})})),(c||T)&&d.default.createElement(n.Loading,{className:"topic-spinner"}))},A=function(e){var t=e.topic,n=e.disabled,a=e.selected,o=e.onClick;return d.default.createElement("div",{className:"tag-item"+(a?" --active":""),"data-disabled":n,onClick:n?void 0:o},t.name)},M=function(e){var o=e.className,l=e.isMarryBaby,r=e.style,s=e.title,c=e.description,u=e.acceptText,m=e.cancelText,v=e.onAccept,f=e.thumbnail,g=e.isThumbnailIcon,h=e.onClose,C=t.useContext(n.TogetherComponentGlobalContext).data.env.isMarryBaby,w="boolean"==typeof l?l:C,E=t.useState(!1),y=E[0],k=E[1];return t.useEffect((function(){return i.toggleNoScroll(!0),setTimeout((function(){return k(!0)}),0),function(){return i.toggleNoScroll(!1)}}),[]),p.createPortal(d.default.createElement(n.StyledPopupDanger,{"data-is-marrybaby":w,className:o,style:r,"data-open":y},d.default.createElement(n.PopupFrame,{className:"popup-frame",isOpen:y,onClose:h},d.default.createElement("div",{className:"confirm-dialog",onClick:function(e){return e.stopPropagation()}},d.default.createElement("div",{className:"confirm-content"},f&&d.default.createElement("div",{className:"thumbnail-container ".concat(g?"is-icon":"")},d.default.createElement("img",{className:"thumbnail",src:f})),d.default.createElement(n.Heading,{className:"title",tag:"h2"},s),d.default.createElement(a.Text,{className:"desc",size:"lg"},c),d.default.createElement("div",{className:"btn-group"},d.default.createElement(n.Button,{theme:w?"marryBaby":"helloSites",size:"md",color:"secondary",onClick:function(){null==v||v(),null==h||h()}},u),d.default.createElement(n.Button,{theme:w?"marryBaby":"helloSites",size:"md",onClick:h},m)))),w&&f&&d.default.createElement("div",{className:"thumbnail-container is-mobile ".concat(g?"is-icon":"")},d.default.createElement("img",{className:"thumbnail",src:f})))),document.body)},L=function(t){var a=t.postId,o=t.message,i=t.photos,l=t.link,r=t.locale,s=t.sanitizeFunction,c=t.replyingUserId,u=t.replyingUserName,d=t.replyingId;return e.__awaiter(void 0,void 0,void 0,(function(){var t,m,p;return e.__generator(this,(function(e){switch(e.label){case 0:return t=new FormData,m=n.encodePostContent(o.replace(/(\&nbsp;)+/g," "),s),p=n.getMentionIdsFromString(m),i&&i.length>0?[4,Promise.all(null==i?void 0:i.map((function(e){return n.uploadAndGetSrc(e,r)})))]:[3,2];case 1:e.sent().filter(Boolean).slice(0,n.MAX_IMAGE_UPLOADS).forEach((function(e){t.append("images[]",e)})),e.label=2;case 2:return l&&t.append("link",l),null==p||p.forEach((function(e){t.append("mention_ids[]",e)})),t.append("post_id",a),d&&t.append("parent_id",d),c&&(p.unshift(c),m='[mention+id="'.concat(c,'"+name="').concat((u||"").replace('"',"'"),'"]').concat(m),t.append("parent_user_id",String(c))),t.append("content",m),t.append("content",m),[2,t]}}))}))},R=function(t,a){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return[2,n.callApiWithAuth(n.getApiPath(n.PATHS.COMMENT.CREATE,{_locale:a}),"POST",{data:t,headers:{"Content-Type":"multipart/form-data"}})]}))}))},B=function(t,a){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return[2,n.callApiWithAuth(n.getApiPath(n.PATHS.COMMENT.REPLY,{_locale:a}),"POST",{data:t,headers:{"Content-Type":"multipart/form-data"}})]}))}))},j=function(t){var a=t.commentId,o=t.setLike,i=void 0!==o&&o,l=t.locale;return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return[2,n.callApiWithAuth(n.getApiPath(i?n.PATHS.COMMENT.LIKE:n.PATHS.COMMENT.UNLIKE,{_locale:l,id:a}),"GET")]}))}))},F=function(e){var t=e.id,a=e.locale;return n.callApiWithAuth(n.getApiPath(n.PATHS.COMMENT.DELETE,{_locale:a,id:t}),"DELETE")},D=function(o){var l=o.isReply,r=o.className,s=o.onClose,c=o.replyToName,u=o.style,m=o.replyingId,p=o.replyingUser,f=o.onPostSuccess;o.isMainCmt;var g=o.post,h=o.isMarryBaby,C=t.useContext(n.TogetherComponentGlobalContext),w=C.action,E=w.pushNotifications,y=w.sanitizeFunction,k=C.data,_=k.userInfo,b=k.locale,P=k.env.isMarryBaby,N="boolean"==typeof h?h:P,x=i.useTranslations().t,I=T(),A=I.onSelectImages,M=I.onRemoveImage,j=I.imageSrcs,F=I.onRemoveAllImages,D=I.imageFiles,O=t.useState(""),H=O[0],U=O[1],W=t.useContext(n.MainInputTriggerContext).trigger,z=t.useState(!1),V=z[0],G=z[1],Z=t.useRef(null),q=t.useRef(null),K=t.useRef(null),Q=t.useState([]),X=Q[0],$=Q[1],J=t.useState([]),Y=J[0],ee=J[1],te=t.useState(null),ne=te[0],ae=te[1];return t.useEffect((function(){var e;null===(e=K.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout((function(){var e;null===(e=q.current)||void 0===e||e.focus()}),400)}),[W]),d.default.createElement(n.StyledInputCommentBar,{"data-is-reply":l,className:r,style:u},l&&d.default.createElement("div",{className:"reply-to-container"},d.default.createElement(a.Text,{size:"p4"},d.default.createElement("span",{dangerouslySetInnerHTML:{__html:x("inputComment.replyTo",{name:'<span style="color: #2D87F3; cursor: pointer">@'.concat(c||"","</span>")})}})),d.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()}})),d.default.createElement("div",{className:"input-container",ref:K},d.default.createElement(n.UserAvatar,{className:"avatar-wrapper ".concat(l?"avatar-wrapper-reply":""),avatar:(null==_?void 0:_.id)?_.avatar:n.DEFAULT_AVATAR_IMG,username:(null==_?void 0:_.name)||(null==_?void 0:_.username)}),d.default.createElement("input",{ref:Z,onChange:A,type:"file",multiple:!0,accept:"image/png,image/jpeg",name:"images",style:{display:"none"}}),d.default.createElement(a.Input,{value:H,name:"input",size:"md",className:"input-wrapper",displayIcon:d.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:d.default.createElement("div",{className:"as-input"},d.default.createElement(n.RichTextEditor,{className:"textarea",html:H,onChange:U,onImagePickerClick:function(){var e;return null===(e=Z.current)||void 0===e?void 0:e.click()},bannedWords:Y,onPreviewUrlChange:ae,onInvalidUrlsChange:$,setEditorRef:function(e){return q.current=e},isReplying:l}))}),d.default.createElement(n.Button,{theme:N?"marryBaby":"helloSites",className:"send-button",size:"sm",onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t,a,o,i,r,c,u,d,v,h,C,w,k;return e.__generator(this,(function(_){switch(_.label){case 0:if(!(null==g?void 0:g.id)||V)return[2];G(!0),_.label=1;case 1:return _.trys.push([1,4,,5]),t=function(e){U(""),F(),s&&s();var t=n.formatComment(e.data);"string"==typeof t.images&&(t.images=JSON.parse(t.images)),f&&f(t)},[4,L(e.__assign({message:H,photos:D,postId:String(g.id),link:null==ne?void 0:ne.url,sanitizeFunction:y,locale:b},l&&m?{replyingUserId:String((null==p?void 0:p.id)||(null===(r=null==g?void 0:g.author)||void 0===r?void 0:r.id)||""),replyingId:m,replyingUserName:(null==p?void 0:p.name)||(null==p?void 0:p.username)||""}:{}))];case 2:return a=_.sent(),[4,l&&m?B(a,b):R(a,b)];case 3:return o=_.sent(),(null==(i=null==o?void 0:o.data)?void 0:i.id)&&!(null===(u=null===(c=null==o?void 0:o.messages)||void 0===c?void 0:c.moderation)||void 0===u?void 0:u.type)?t(o):"banned"===(null===(v=null===(d=null==o?void 0:o.messages)||void 0===d?void 0:d.moderation)||void 0===v?void 0:v.type)?(E({title:x("notification.comment.blocked.title"),message:x("notification.comment.blocked.message"),type:"danger"}),o.messages.moderation.words&&ee(o.messages.moderation.words)):"suspect"===(null===(C=null===(h=null==o?void 0:o.messages)||void 0===h?void 0:h.moderation)||void 0===C?void 0:C.type)?(E({title:x("notification.comment.suspect.title"),message:x("notification.comment.suspect.message"),type:"warning"}),U(""),F(),s&&s()):(null===(w=null==o?void 0:o.messages)||void 0===w?void 0:w.find((function(e){var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(E({message:x("notification.suspend.message"),type:"warning"}),U(""),F(),s&&s()):E({title:"",message:(null===(k=null==o?void 0:o.messages)||void 0===k?void 0:k[0])||x("notification.comment.somethingWrong"),type:"danger"}),[3,5];case 4:return _.sent(),E({title:"",message:x("notification.comment.somethingWrong"),type:"danger"}),[3,5];case 5:return G(!1),[2]}}))}))},isLoading:V,isDisabled:!!(null==X?void 0:X.length)||V||!H||(null==H?void 0:H.length)<2||!H.trim()},d.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==X?void 0:X.length)?d.default.createElement("div",{className:"error-text"},x("notification.limitUrlDomain")):null,(!j||0===j.length)&&ne&&d.default.createElement("div",{className:"link-preview-wrapper"},ne.isFetching?d.default.createElement(n.Loading,null):d.default.createElement(d.default.Fragment,null,d.default.createElement(v,{title:ne.title,url:ne.url||"#",image:ne.image,noRefetch:!0}),d.default.createElement("img",{src:S,className:"icon-close",onClick:function(){return ae(null)}}))),j&&j.length>0&&d.default.createElement("div",{className:"preview-images-container"},j.map((function(e,t){return d.default.createElement("div",{key:t,className:"image-src-wrapper"},d.default.createElement("img",{className:"preview-image",src:e}),d.default.createElement("img",{src:S,className:"icon-close-circle",onClick:function(){return M(t)}}))}))))},O="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",H=function(o){var r=o.className,s=o.style,c=o.reason,u=o.reasonText,m=o.onClose,p=o.postId,v=t.useContext(n.TogetherComponentGlobalContext),f=v.data,g=f.locale,h=f.env.isMarryBaby,C=v.action.pushNotifications,w=i.useTranslations().t,E=t.useState(!1),y=E[0],k=E[1];return d.default.createElement(n.StyledSubmitReportForm,{"data-is-marrybaby":h,className:r,style:s},d.default.createElement("ul",{className:"report-list"},d.default.createElement("li",{className:"report-item"},d.default.createElement("img",{src:O}),d.default.createElement(a.Text,{className:"__label",color:l.theme.colors.gray800,size:"p4"},u))),d.default.createElement(n.Button,{theme:h?"marryBaby":"helloSites",className:"report-submit",size:"lg",color:"primary",isLoading:y,onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:if(!p||y)return[2];k(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,b({id:p,reason:c,locale:g})];case 2:return 1===(null==(t=e.sent())?void 0:t.status)&&(C({message:"Post reported",type:"success"}),m&&m()),[3,4];case 3:return e.sent(),[3,4];case 4:return k(!1),[2]}}))}))}},w("submit")))},U=function(e){var a=e.className,o=e.style,l=e.replyingTo,r=e.mentionedUser,s=e.description,c=e.disableShortenContent,u=e.mentions,m=void 0===u?[]:u,p=t.useState(!1),v=p[0],f=p[1],g=i.useTranslations().t,h=n.useTogetherAuthRequiredAction().authActionWrapper,C=t.useState(!1),w=C[0],E=C[1],y=n.decodeMention(n.decodePostUrl(s||"","display"),m),k=t.useContext(n.TogetherComponentGlobalContext).action.sanitizeFunction,_=t.useMemo((function(){var e=k(y||"");if(c||v)return{showContent:e,hasSeeMore:!1};var t=e.slice(0,200),n=200-27*((t.match(/<\/div>/g)||[]).length-1),a=(t||"").slice(0,n<40?40:n),o=k(a.replace(/(<|<\/)( +|[a-zA-Z]*)$/gi,"")),i=o.length<e.length-10;return{showContent:i?o:e,hasSeeMore:i}}),[c,v,y]),b=(null==r?void 0:r.name)||l,T="expert"===(null==r?void 0:r.role)&&!!(null==r?void 0:r.partnerId);return d.default.createElement(d.default.Fragment,null,T&&d.default.createElement(n.PopupExpert,{isOpen:w,onClose:function(){return E(!1)},expertId:String(null==r?void 0:r.partnerId)}),d.default.createElement(n.StyledPostContent,{className:"".concat(a," no-replace-click"),style:o},b&&d.default.createElement("span",{onClick:function(){return T&&E(!0)},className:"post-content-replying"},"@",b),(null==s?void 0:s.startsWith("[mention+id="))&&d.default.createElement("span",{className:"post-content-replying tag-only"},"@"),d.default.createElement("span",{dangerouslySetInnerHTML:{__html:_.showContent},className:"post-content ".concat(_.hasSeeMore?"has-see-more":"")}),_.hasSeeMore&&!v&&d.default.createElement("span",null,"... ",d.default.createElement("span",{onClick:function(e){e.preventDefault(),e.stopPropagation(),h((function(){return f(!0)}))},className:"see-more-text"},g("post.seeMore")))))},W=function(e){var o=e.className,l=e.style,r=e.authorName,s=e.images,c=e.onClose,u=e.onOpenSingleView,m=i.useTranslations().t,v=t.useState(!1),f=v[0],g=v[1];return t.useEffect((function(){setTimeout((function(){g(!0)}),0)}),[]),p.createPortal(d.default.createElement(n.StyledImagePreviewPopup,{className:o,style:l,"data-open":f},d.default.createElement("div",{className:"top-bar"},d.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:c,alt:"go back"}),d.default.createElement(a.Text,{size:"p2",type:"bold",style:{textAlign:"center"}},m("previewPhotos.title",{name:r}))),d.default.createElement("div",{className:"container"},s.map((function(e,t){return d.default.createElement("img",{className:"img-preview",key:t,src:e,onClick:function(){return null==u?void 0:u(t)},alt:"post img"})})))),document.body)},z="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",V=function(e){var a=e.initialViewIndex,o=e.images,i=e.onClose,l=t.useState(a),r=l[0],s=l[1],c=t.useState(!1),u=c[0],m=c[1];t.useEffect((function(){setTimeout((function(){m(!0)}),0)}),[]);var v=null==o?void 0:o[r],f=0===r,g=!(null==o?void 0:o.length)||r===(null==o?void 0:o.length)-1;return p.createPortal(d.default.createElement(n.StyledImagePreviewContainer,{"data-open":u&&!!v},d.default.createElement(n.StyledImagePreviewTopbar,null,d.default.createElement("img",{src:n.img,className:"icon-close",onClick:i,alt:"close"})),v&&r>=0&&d.default.createElement(d.default.Fragment,null,d.default.createElement(n.StyledImagePreviewWrapper,null,d.default.createElement("img",{className:"img-preview",src:v,alt:"post img open"}),d.default.createElement(n.StyledArrowWrapper,{"data-disabled":f,onClick:function(){return!f&&s(r-1)}},d.default.createElement(n.StyledCircleArrow,null,d.default.createElement("img",{src:z,style:{transform:"rotate(180deg)"},alt:"left arrow","data-disabled":f}))),d.default.createElement(n.StyledArrowWrapper,{"data-right":!0,"data-disabled":g,onClick:function(){return!g&&s(r+1)}},d.default.createElement(n.StyledCircleArrow,null,d.default.createElement("img",{src:z,alt:"right arrow","data-disabled":g})))))),document.body)},G=function(e){var a=e.className,o=e.images,l=void 0===o?[]:o,r=e.style,s=e.authorName,c=t.useContext(n.TogetherComponentGlobalContext).data.env.isMarryBaby,u="+ ".concat((l.length||0)-4),m=t.useState(!1),p=m[0],v=m[1],f=t.useState(-1),g=f[0],h=f[1];t.useEffect((function(){setTimeout((function(){return null===n.lazyLoadInstance||void 0===n.lazyLoadInstance?void 0:n.lazyLoadInstance.update()}),100)}),[null==l?void 0:l.slice(0,5).join("|")]);var C=l.length>5,w=t.useRef(!1);return t.useEffect((function(){return function(){w.current&&i.toggleNoScroll(!1)}}),[]),t.useEffect((function(){p||g>=0?(i.toggleNoScroll(!0),w.current=!0):(i.toggleNoScroll(!1),w.current=!1)}),[p,g]),d.default.createElement(d.default.Fragment,null,d.default.createElement(n.StyledPostImagePreview,{className:a,style:r,"data-image-count":C?5:l.length||0,"data-is-marrybaby":c},null==l?void 0:l.slice(0,5).map((function(e,t){return d.default.createElement("div",{className:"img-wrapper",key:t,onClick:function(){t>=4&&C?v(!0):h(t)}},!c&&d.default.createElement("img",{className:"lazy img-preview-blur","data-src":e}),d.default.createElement("img",{className:"lazy img-preview","data-src":e}),4===t&&C&&d.default.createElement("div",{className:"img-more-overlay"},d.default.createElement(n.Heading,{tag:"h1",color:"white"},u)))}))),p&&d.default.createElement(W,{authorName:s||"",images:l,onClose:function(){return v(!1)},onOpenSingleView:h}),g>=0&&d.default.createElement(V,{images:l,initialViewIndex:g,onClose:function(){return h(-1)}}))},Z=function(a){var o=a.url,i=a.image,l=a.className,r=a.style,s=t.useContext(n.TogetherComponentGlobalContext).data.locale,c=t.useState(null),u=c[0],m=c[1];t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(t){return i?[2]:o?(m((function(t){return e.__assign(e.__assign({},t),{isFetching:!0})})),n.callApi(n.getApiPath(n.PATHS.FETCH_PREVIEW,{_locale:s}),"POST",{data:{link:o}}).then((function(e){var t,n;m({url:o,image:(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.image)||(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.logo)})})).catch((function(){m(null)})),[2]):[2,m(null)]}))}))}),[o,i]);var p=(null==u?void 0:u.image)||i,v=(null==u?void 0:u.url)||o,f=t.useMemo((function(){return n.youtubeVidIdGetter(v)}),[v]),g=t.useMemo((function(){return n.facebookVidIdGetter(v)}),[v]),h=t.useRef(0),C=t.useRef(0),w=t.useState(!1),E=w[0],y=w[1];t.useEffect((function(){var e=function(){var e,t=null===(e=k.current)||void 0===e?void 0:e.getBoundingClientRect(),n=!1;t&&(!h.current||Math.abs((h.current-t.width)/(null==t?void 0:t.width))>.2)&&(h.current=Math.floor(t.width),n=!0),t&&(!C.current||Math.abs((C.current-t.height)/(null==t?void 0:t.height))>.2)&&(C.current=Math.floor(t.height),n=!0),n&&y((function(e){return!e}))};return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]);var k=t.useRef(null),_=t.useRef(!1);return d.default.createElement(n.StyledSocialLinkPreview,{className:"".concat(l," no-replace-click"),style:r,ref:k},i||!f&&!g?d.default.createElement("a",{href:v,target:"_blank",rel:"noreferrer"},d.default.createElement("div",{className:"link-image-wrapper ".concat((null==u?void 0:u.isFetching)?"fetching":"")},(null==u?void 0:u.isFetching)?d.default.createElement(n.Loading,{className:"loading-spinner"}):d.default.createElement("img",{className:"link-image",src:p||n.DEFAULT_IMG,onError:function(e){_.current||(_.current=!0,e.currentTarget.src=n.DEFAULT_IMG)}}))):d.default.createElement("div",{className:"link-image-wrapper"},f?d.default.createElement("iframe",{width:"100%",height:"100%",src:"https://www.youtube.com/embed/".concat(f,"?&autoplay=1&mute=1"),frameBorder:"0",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,border:"none",overflow:"hidden"}}):g?d.default.createElement("iframe",{key:String(E),src:"https://www.facebook.com/plugins/video.php?href=".concat(encodeURIComponent(v),"&autoplay=1&show_text=false&t=0&width=").concat(h.current,"&height=").concat(C.current),style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:C.current,width:h.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"}):null))},q="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",K="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",Q="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",X=function(a){var o=a.onDeleteComment,l=a.commentId,r=a.className,s=void 0===r?"":r,c=a.popoverClassName,u=void 0===c?"":c,m=t.useContext(n.TogetherComponentGlobalContext),p=m.data,v=p.env.isMarryBaby,f=p.locale,g=m.action.pushNotifications,h=i.useTranslations().t,C=t.useState(!1),w=C[0],E=C[1],y=n.useTogetherAuthRequiredAction().authActionWrapper;return d.default.createElement("div",{className:s,onClick:function(e){e.preventDefault(),e.stopPropagation()}},w&&d.default.createElement(M,{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 e.__awaiter(void 0,void 0,void 0,(function(){var t,n;return e.__generator(this,(function(e){switch(e.label){case 0:return l?[4,F({id:l,locale:f})]:[2];case 1:return 1===(null==(t=e.sent())?void 0:t.status)?(o&&o(),g({title:"",message:h("notification.success"),type:"success"})):g({title:"",message:(null===(n=null==t?void 0:t.messages)||void 0===n?void 0:n[0])||h("notification.failure"),type:"danger"}),[2]}}))}))},onClose:function(){return E(!1)}}),d.default.createElement(n.TreePopoverMenu,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:[{icon:Q,label:h("actionPopover.delete"),onClick:function(){y((function(){E(!0)}))}}]},className:u,toggleButtonContent:d.default.createElement("img",{src:v?q:K}),buttonProps:{}}))},$=function(a){var r,s,c,u,m,p=a.className,f=a.style,g=a.comment,h=a.type,C=void 0===h?"comment":h,w=a.level,E=void 0===w?0:w,y=a.replyingId,k=a.onPostCommentSuccess,_=a.post,b=a.onDeleteComment,T=a.refetchComment,S=a.hasQuickBookingEnable,P=a.handleMakeAppointment,N=t.useContext(n.TogetherComponentGlobalContext).data,x=N.locale,I=N.userInfo,A=N.env.isMarryBaby,M=i.useTranslations().t,L=t.useState(g||null),R=L[0],B=L[1],F=R.id;R.countReplies;var O=R.countLikes,H=R.content,W=R.createdAt,z=R.replies,V=void 0===z?[]:z,Z=R.images,q=void 0===Z?[]:Z,K=R.author,Q=R.liked,J=R.link,Y=R.mentionedUser,ee=R.mentions,te=function(e){try{var t=e.match(/\[@([^\]]+)\]/),n=t?t[0].replace("[@","").replace("]",""):"";return{text:e.replace(/\[@([^\]]+)\]/,"").trim(),replyingTo:n}}catch(e){}return{text:""}}(H),ne=te.text,ae=te.replyingTo,oe=n.useTogetherAuthRequiredAction({_joinCommunityIds:[null===(r=null==_?void 0:_.community)||void 0===r?void 0:r.id],_joinTopicIds:null===(s=null==_?void 0:_.topics)||void 0===s?void 0:s.map((function(e){return e.id}))}).authActionWrapper,ie=t.useState(4),le=ie[0],re=ie[1],se=!!(null==I?void 0:I.id)&&(null==V?void 0:V.some((function(e){return e.author.id===I.id}))),ce=function(t){B((function(n){n.replies.unshift(t);var a=e.__assign(e.__assign({},n),{replies:n.replies.slice(),countReplies:n.countReplies+1});return T&&T(a),a}))},ue=t.useState(!1),de=ue[0],me=ue[1],pe=t.useMemo((function(){return"comment"===C&&V&&0!=V.length?V.sort((function(e,t){var n=new Date(e.createdAt).getTime(),a=new Date(t.createdAt).getTime();return n>a?-1:n<a?1:0})):V}),[C,V]),ve=(null==V?void 0:V.length)||0,fe=String(null==K?void 0:K.email)&&(null==I?void 0:I.email)&&String(null==K?void 0:K.email)===String(null==I?void 0:I.email),ge=(null==K?void 0:K.name)||(null==K?void 0:K.username)||"",he=null==K?void 0:K.avatar,Ce=(null==K?void 0:K.username)||(null==K?void 0:K.name)||"",we=t.useState(null),Ee=we[0],ye=we[1],ke=t.useState(null),_e=ke[0],be=ke[1];t.useEffect((function(){if(null==K?void 0:K.hospitalId){t=K.hospitalId,e.__awaiter(void 0,void 0,void 0,(function(){var a,o;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,n.callApi(n.getCarePath(n.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:t,website_url:l.domainLocales[x]}),"get")];case 1:return a=e.sent(),(null===(o=null==a?void 0:a._data)||void 0===o?void 0:o.branch)&&ye(null==a?void 0:a._data.branch),[2]}}))}))}var t,a;if(null==K?void 0:K.doctorId){a=K.doctorId,e.__awaiter(void 0,void 0,void 0,(function(){var t,o;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,n.callApi(n.getCarePath(n.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:a,website_url:l.domainLocales[x]}),"get")];case 1:return t=e.sent(),(null===(o=null==t?void 0:t._data)||void 0===o?void 0:o.doctor)&&be(null==t?void 0:t._data.doctor),[2]}}))}))}}),[K.hospitalId,K.doctorId]);var Te=(null==_e?void 0:_e.valid_outpatient)||(null==_e?void 0:_e.valid_telemedicine),Se=((null==Ee?void 0:Ee.total_available_service)||(null==Ee?void 0:Ee.total_available_doctor))>0,Pe=S&&(Te||Se);return d.default.createElement(n.TogetherAuthConfigContextProvider,{defaultParams:{_joinCommunityIds:[null===(c=null==_?void 0:_.community)||void 0===c?void 0:c.id],_joinTopicIds:null===(u=null==_?void 0:_.topics)||void 0===u?void 0:u.map((function(e){return e.id}))}},d.default.createElement(n.StyledCardPost,{className:p,style:f,"data-is-reply":!!E,"data-is-marrybaby":A,"data-has-booking":Pe},"reply"===C&&d.default.createElement(o.Divider,{className:"top-divider",type:"solid"}),d.default.createElement(n.CardAuthor,{avatar:he,name:ge,username:Ce,email:null==K?void 0:K.email,time:W,className:"post-author ".concat(fe?"with-popover":""),type:C,userId:null==K?void 0:K.id,role:null==K?void 0:K.role,expertId:null==K?void 0:K.partnerId,title:null==K?void 0:K.title,doctorId:null==K?void 0:K.doctorId,hospitalId:null==K?void 0:K.hospitalId,hasQuickBooking:Pe,handleMakeAppointment:P}),d.default.createElement(U,{className:"post-content-wrapper",replyingTo:ae,mentionedUser:Y,description:ne,mentions:ee}),d.default.createElement("span",null),d.default.createElement("span",null),q&&q.length>0?d.default.createElement("div",{key:"image-preview",className:"image-preview-wrapper","data-is-reply":!0},d.default.createElement(G,{images:q,authorName:null==K?void 0:K.username})):null,q&&0!==q.length||!J?null:d.default.createElement("div",{key:"link-preview",className:"link-preview-wrapper","data-is-reply":!0},d.default.createElement(v,{url:J})),"most-engaging"!==C?d.default.createElement(d.default.Fragment,null,d.default.createElement(n.CardReactions,{type:n.CardReactionType.reply,loveCount:O,replyCount:ve,className:"post-reaction",liked:Q,isReplied:se,hideCommentIcon:"reply"===C,onCommentClick:function(){return oe((function(){return me((function(e){return!e}))}))},onCommentCountClick:function(){return oe((function(){me(!0)}))},onLikeClick:function(){return oe((function(){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(t){switch(t.label){case 0:return F?[4,j({commentId:F,setLike:!Q,locale:x})]:[3,2];case 1:1===t.sent().status&&B((function(t){return e.__assign(e.__assign({},t),{liked:!Q,countLikes:t.countLikes+(Q?-1:1)})})),t.label=2;case 2:return[2]}}))}))}))}}),de&&d.default.createElement(D,{replyingId:y||R.id,replyToName:K.name||K.username||"",isReply:!0,onClose:function(){return me(!1)},onPostSuccess:function(e){"reply"===C?k&&k(e):ce(e)},post:_,replyingUser:K}),"comment"===C&&V&&V.length>0?d.default.createElement("div",{className:"comment-reply-wrapper"},null===(m=null==pe?void 0:pe.slice(0,le))||void 0===m?void 0:m.map((function(t){return d.default.createElement($,{key:t.id,comment:t,type:"reply",className:"comment-reply-item",level:E+1,replyingId:F,onPostCommentSuccess:ce,post:_,onDeleteComment:function(){B((function(n){return e.__assign(e.__assign({},n),{replies:n.replies.filter((function(e){return e.id!==t.id})),countReplies:n.countReplies-1})}))},handleMakeAppointment:P,hasQuickBookingEnable:S})})),ve>le&&d.default.createElement(d.default.Fragment,null,d.default.createElement(o.Divider,{className:"top-divider",type:"solid"}),d.default.createElement(n.Button,{className:"more-cmt",size:"lg",color:"ghost",onClick:function(){return re((function(e){return e+4}))}},M("comment.seeMoreReplies",{count:ve-le}),d.default.createElement("img",{className:"chevron-right",src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 12L10 8L6 4' stroke='%232D87F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})))):null):null,fe&&d.default.createElement(X,{onDeleteComment:b,className:"popover",commentId:R.id})))},J="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",Y="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",ee="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",te=function(a){var o=a.authorEmail,l=a.onDeletePost,r=a.shareUrl,s=a.post,c=a.className,u=void 0===c?"":c,m=a.popoverClassName,p=void 0===m?"":m,v=a.onBookmark,f=a.onRemoveBookmark,g=a.onEditPost,h=t.useContext(n.TogetherComponentGlobalContext),C=h.data,w=C.locale,y=C.userInfo,k=C.togetherUserId,_=C.env.isMarryBaby,b=h.action.pushNotifications,T=i.useTranslations().t,S=t.useState(!1),P=S[0],N=S[1],x=t.useState(!1),I=x[0],A=x[1],L=t.useState(!1),R=L[0],B=L[1],j=n.useTogetherAuthRequiredAction().authActionWrapper,F=o&&(null==y?void 0:y.email)&&o===String(null==y?void 0:y.email);return d.default.createElement("div",{className:u,onClick:function(e){e.preventDefault(),e.stopPropagation()}},R&&d.default.createElement(n.SharePopup,{url:r,text:null==s?void 0:s.title,onClose:function(){return B(!1)}}),I&&d.default.createElement(M,{thumbnail:"./svg/delete.svg",isThumbnailIcon:!0,title:T("popup.deletePost.title"),description:T("popup.deletePost.description"),acceptText:T("popup.deletePost.accept"),cancelText:T("popup.deletePost.cancel"),onAccept:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:if(!(null==s?void 0:s.id)||P)return[2];N(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,E({id:s.id,locale:w})];case 2:return 1===(null==(t=e.sent())?void 0:t.status)&&(null==l||l()),[3,4];case 3:return e.sent(),[3,4];case 4:return N(!1),[2]}}))}))},onClose:function(){return A(!1)}}),d.default.createElement(n.TreePopoverMenu,{className:p,toggleButtonContent:d.default.createElement("img",{src:_?q:K}),position:"bottom",align:"end",buttonProps:{isLoading:P},data:F?{isShowheader:!1,type:"list",list:[{icon:ee,label:T("morePopover.share"),onClick:function(){return B(!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:T("actionPopover.edit"),onClick:g},{icon:Q,label:T("actionPopover.delete"),onClick:function(){j((function(){return A(!0)}))}}]}:{isShowheader:!1,type:"list",list:[{icon:ee,label:T("morePopover.share"),onClick:function(){return B(!0)}},{icon:(null==s?void 0:s.bookmarked)?J:Y,label:(null==s?void 0:s.bookmarked)?T("morePopover.unsavePost"):T("morePopover.savePost"),onClick:function(){j((function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return(null==y?void 0:y.id)&&(null==s?void 0:s.id)?(null==s?void 0:s.bookmarked)?[4,n.callApiWithAuth(n.getApiPath(n.PATHS.BOOKMARK.DELETE,{_locale:w}),"DELETE",{data:{post_id:String(s.id)}})]:[3,2]:[2];case 1:return 1===(null==(t=e.sent())?void 0:t.status)?(b({title:"",message:"Removed saved post",type:"success",displayIcon:Y}),f&&f()):b({title:"",message:"Remove failed",type:"danger",displayIcon:Y}),[3,4];case 2:return[4,n.callApiWithAuth(n.getApiPath(n.PATHS.BOOKMARK.CREATE,{_locale:w}),"POST",{data:{user_id:k||y.id,post_id:s.id}})];case 3:1===(null==(t=e.sent())?void 0:t.status)?(b({title:"",message:"Post saved",type:"success",displayIcon:J}),v&&v()):b({title:"",message:"Post saved failed",type:"danger",displayIcon:Y}),e.label=4;case 4:return[2]}}))}))}))}},{icon:O,label:T("morePopover.report"),subTree:{title:T("morePopover.report.title"),description:T("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(n.REPORT_REASON_MAP).map((function(e){return{label:n.REPORT_REASON_MAP[e].label,reason:n.REPORT_REASON_MAP[e].reportReasonText,reasonValue:e}})).map((function(e){return{label:T(e.label),subTree:{title:T("morePopover.reportSubmit.title"),description:T("morePopover.reportSubmit.description"),isShowheader:!0,type:"jsx",jsxRenderer:function(t){return d.default.createElement(H,{reason:e.reasonValue,reasonText:T(e.reason),postId:null==s?void 0:s.id,onClose:function(){return t&&t(!1)}})}}}}))}}]}}))},ne=function(t,a){return e.__awaiter(void 0,void 0,void 0,(function(){var o,i,l,r;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,n.callApiWithOptionalAuth(n.getApiPath(n.PATHS.COMMENT.LIST,{postId:t,_locale:a,sort:"popularity",perPage:1,withoutReply:1}),"GET")];case 1:return o=e.sent(),[2,null===(r=null===(l=null===(i=null==o?void 0:o.data)||void 0===i?void 0:i.comments)||void 0===l?void 0:l.map(n.formatComment))||void 0===r?void 0:r[0]]}}))}))},ae=Object.freeze({__proto__:null});exports.CardLink=v,exports.CardPost=function(a){var o=a.className,l=a.style,r=a.hideViewMoreComment,s=a.showMostEngaging,c=a.onCommentClick,u=a.onCommentCountClick,m=a.onMostEngagingCommentClick,p=a.onPostCommentSuccess,C=a.disableCardLink,E=a.disableShortenContent,y=a.onDeletePost,k=a.onEditPost,_=a.post,b=a.mostEngagingComment,T=a.onDeleteComment,S=a.showInputComment,P=a.InlineCommentsComponent,N=a.hasQuickBookingEnable,x=a.handleMakeAppointment,I=t.useState(_),A=I[0],M=I[1],L=t.useState(!1),R=L[0],B=L[1],j=t.useState(b),F=j[0],O=j[1],H=A.community,W=A.topics,z=A.author,V=A.slug,q=A.isPin,K=A.liked,Q=A.scheduleDateTime,X=A.createdAt,J=A.photos,Y=A.mentions,ee=A.title,ae=A.description,oe=A.previewUrl,ie=A.likesCount,le=A.commentsCount,re=A.id,se=A.commented,ce=t.useContext(n.TogetherComponentGlobalContext),ue=ce.data,de=ue.locale,me=ue.env,pe=me.isMarryBaby,ve=me.togetherBasePath,fe=ce.action.pushNotifications,ge=i.useTranslations().t,he=t.useState(S),Ce=he[0],we=he[1],Ee="".concat(ve,"/").concat((null==H?void 0:H.slug)||"_","/").concat(V||""),ye="".concat(n.getCurrentBaseUrl(de)).concat(Ee),ke=n.useTogetherAuthRequiredAction((null==H?void 0:H.slug)?{_joinCommunityIds:[H.id],_joinTopicIds:null==W?void 0:W.map((function(e){return e.id}))}:void 0).authActionWrapper,_e=t.useState(!1),be=_e[0],Te=_e[1];t.useEffect((function(){we(S)}),[S]);var Se=(null==z?void 0:z.name)||(null==z?void 0:z.username)||"",Pe=(null==z?void 0:z.username)||(null==z?void 0:z.name)||"",Ne=null==z?void 0:z.avatar,xe=t.useState(null),Ie=xe[0],Ae=xe[1],Me=t.useState(null),Le=Me[0],Re=Me[1];t.useEffect((function(){if(null==z?void 0:z.hospitalId){t=z.hospitalId,e.__awaiter(void 0,void 0,void 0,(function(){var a,o;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,n.callApi(n.getCarePath(n.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:t,website_url:n.domainLocales[de]}),"get")];case 1:return a=e.sent(),(null===(o=null==a?void 0:a._data)||void 0===o?void 0:o.branch)&&Ae(null==a?void 0:a._data.branch),[2]}}))}))}var t,a;if(null==z?void 0:z.doctorId){a=z.doctorId,e.__awaiter(void 0,void 0,void 0,(function(){var t,o;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,n.callApi(n.getCarePath(n.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:a,website_url:n.domainLocales[de]}),"get")];case 1:return t=e.sent(),(null===(o=null==t?void 0:t._data)||void 0===o?void 0:o.doctor)&&Re(null==t?void 0:t._data.doctor),[2]}}))}))}}),[z.hospitalId,z.doctorId]);var Be=(null==Le?void 0:Le.valid_outpatient)||(null==Le?void 0:Le.valid_telemedicine),je=((null==Ie?void 0:Ie.total_available_service)||(null==Ie?void 0:Ie.total_available_doctor))>0,Fe=N&&(Be||je);t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return re&&le&&s&&!(null==b?void 0:b.id)?[4,ne(re,de)]:[3,2];case 1:t=e.sent(),O(t),e.label=2;case 2:return[2]}}))}))}),[re,de,le,s,null==b?void 0:b.id]),t.useEffect((function(){O(b)}),[null==b?void 0:b.id]);var De=function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(a){switch(a.label){case 0:return le>1&&(null==F?void 0:F.id)&&(null==F?void 0:F.id)===(null==t?void 0:t.id)?[4,ne(re,de)]:[3,2];case 1:n=a.sent(),O(n),a.label=2;case 2:return M((function(t){return e.__assign(e.__assign({},t),{commentsCount:t.commentsCount-1})})),T&&T(t),[2]}}))}))};return d.default.createElement(n.TogetherAuthConfigContextProvider,{defaultParams:(null==H?void 0:H.slug)?{_joinCommunityIds:[H.id],_joinTopicIds:null==W?void 0:W.map((function(e){return e.id}))}:void 0},R&&d.default.createElement(n.SharePopup,{url:ye,avatar:n.DEFAULT_IMG,text:ee,onClose:function(){return B(!1)}}),d.default.createElement(n.StyledCardPost$1,{className:o,style:l,"data-is-marrybaby":pe},q?d.default.createElement(g,{className:"post-pin"}):null,d.default.createElement("div",{style:{position:"relative"}},d.default.createElement(n.CardAuthor,{avatar:Ne,name:Se,username:Pe,url:C?void 0:Ee,email:null==z?void 0:z.email,time:Q||X,community:H,className:"post-author",role:null==z?void 0:z.role,userId:null==z?void 0:z.id,expertId:null==z?void 0:z.partnerId,doctorId:null==z?void 0:z.doctorId,hospitalId:null==z?void 0:z.hospitalId,title:null==z?void 0:z.title,hasQuickBooking:Fe,handleMakeAppointment:x}),d.default.createElement(te,{authorEmail:String(null==z?void 0:z.email),onDeletePost:y,shareUrl:ye,post:A,className:"popover",onEditPost:k})),d.default.createElement("a",{href:C?void 0:Ee,className:"post-content-link-wrapper"},ee&&d.default.createElement(n.Heading,{className:"post-content-title",as:"h1",tag:"h5",fontWeight:"bold"},n.innertext_1(ee)),d.default.createElement(U,{className:"post-content-wrapper",description:ae,disableShortenContent:E,mentions:Y})),d.default.createElement("span",null),d.default.createElement("span",null),d.default.createElement("div",{key:"tag-topic"},W&&W.length>0?d.default.createElement(f,{topics:W,className:"post-topics"}):null),d.default.createElement("div",{key:"social-preview"},(null==A?void 0:A.introUrl)?d.default.createElement("div",{className:"social-preview-wrapper ".concat((null==J?void 0:J.length)?"has-image":"")},d.default.createElement(Z,{url:A.introUrl,image:A.bannerImage})):null),d.default.createElement("div",{key:"image-preview"},(null==J?void 0:J.length)?d.default.createElement("div",{className:"image-preview-wrapper"},d.default.createElement(G,{images:J,authorName:null==z?void 0:z.name})):null),d.default.createElement("div",{key:"link-preview"},(null==A?void 0:A.introUrl)||(null==J?void 0:J.length)||!(null==oe?void 0:oe.url)?null:d.default.createElement("div",{className:"link-preview-wrapper"},d.default.createElement(v,{title:oe.title,url:oe.url,image:oe.image}))),d.default.createElement(n.CardReactions,{type:n.CardReactionType.post,loveCount:ie,replyCount:le,className:"post-reaction ".concat((null==J?void 0:J.length)||(null==oe?void 0:oe.url)?"hide-top-border":""),liked:be?!K:K,isReplied:se,onCommentClick:function(){return ke((function(){c?c():we((function(e){return!e}))}))},onCommentCountClick:function(){ke((function(){pe?we(!0):u?u():!C&&(window.location.href=Ee)}))},onShareClick:function(){B(!0)},onLikeClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(n){switch(n.label){case 0:if(!re||be)return[2];Te(!0),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,w({id:re,locale:de})];case 2:return 1!==(null==(t=n.sent())?void 0:t.status)?fe(h(ge)):M((function(t){return e.__assign(e.__assign({},t),{likesCount:(t.likesCount||0)+(t.liked?-1:1),liked:!t.liked})})),[3,4];case 3:return n.sent(),fe(h(ge)),[3,4];case 4:return Te(!1),[2]}}))}))},showingMostEngaging:!(!s||!(null==F?void 0:F.id))}),Ce&&d.default.createElement(D,{isMainCmt:!S,onClose:function(){return we(!1)},onPostSuccess:function(t){0!==le||(null==F?void 0:F.id)||O(t),M((function(t){return e.__assign(e.__assign({},t),{commentsCount:t.commentsCount+1,commented:!0})})),p&&p(t)},post:A}),s&&(null==F?void 0:F.id)?d.default.createElement("div",{className:"most-engaging-wrapper",onClick:function(e){m?(e.stopPropagation(),m()):window.location.href=Ee}},d.default.createElement($,{hasQuickBookingEnable:N,handleMakeAppointment:x,comment:F,onDeleteComment:function(){De&&De(F)},className:"most-engaging-comment",type:"most-engaging",key:F.id}),le>1&&!r&&d.default.createElement(n.Button,{className:"see-more-comments",color:"ghost",size:"md"},ge("comment.seeMoreComments",{count:le-1}))):null,P))},exports.CardPostPopoverMore=te,exports.CardReply=$,exports.CardReplyPopover=X,exports.CreateNewPostContent=function(r){var s=r.className,c=r.style,u=r.onPostCreatedEdited,m=r.onClose,p=r.communities,v=void 0===p?[]:p,f=r.forceSelectCommunity,g=r.forceSelectTopics,w=r.articleId,E=r.optionalTopic,b=r.editPostData,T=r.defaultCommunity,S=r.defaultTopics,N=r.noFetchTopic,A=r.hideTopicList,M=!!(null==b?void 0:b.id),L=t.useContext(n.TogetherComponentGlobalContext),R=L.data,B=R.locale,j=R.env.isMarryBaby,F=L.action,D=F.pushNotifications,O=F.sanitizeFunction,H=i.useTranslations().t,U=t.useState(!1),W=U[0],z=U[1],V=t.useState(""),G=V[0],Z=V[1],q=t.useState(""),K=q[0],Q=q[1],X=t.useState(f?{label:f.name,value:"".concat(f.id||"","-").concat(f.mappedCategoryId||"")}:{label:H("community.choose"),value:""}),$=X[0],J=X[1],Y=t.useState(e.__spreadArray([],g,!0)||[]),ee=Y[0],te=Y[1],ne=t.useState([]),ae=ne[0],oe=ne[1],ie=t.useState([]),le=ie[0],re=ie[1],se=f||v.find((function(e){return"".concat(e.id||"","-").concat(e.mappedCategoryId||"")===$.value})),ce=f?[f]:v.filter((function(e){return e.isActive})).sort((function(e,t){return e.name>t.name?1:e.name<t.name?-1:0})),ue=t.useState(null),de=ue[0],me=ue[1],pe=t.useState([]),ve=pe[0],fe=pe[1],ge=G&&n.innertext_1(K)&&(E||!E&&ee.length>0)&&se&&(!ae||ae.length<=n.MAX_IMAGE_UPLOADS)&&!(null==ve?void 0:ve.length)&&!W;t.useEffect((function(){if(b){var e=b;Z(e.title||""),Q(n.decodeMention(n.decodePostUrl(e.description||"","edit"),e.mentions)),J({label:e.community.name,value:"".concat(e.community.id||"","-").concat(e.community.mappedCategoryId||"")}),te(e.topics||[]),oe(e.photos||[])}else T&&J({label:T.name,value:"".concat(T.id||"","-").concat(T.mappedCategoryId||"")}),S&&te(S)}),[]);var he=function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t,a,o,i,l,r,s,c,d,p,v,f;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,y({title:G,description:K,communityId:String((null==se?void 0:se.id)||""),imageFiles:ae,previewUrl:de,topicIds:null==ee?void 0:ee.map((function(e){return String(e.id||"")})).filter(Boolean),locale:B,sanitizeFunction:O,categoryCommunityId:String((null==se?void 0:se.mappedCategoryId)||""),categoryTopicIds:null==ee?void 0:ee.map((function(e){return String(e.mappedCategoryId||"")})).filter(Boolean)})];case 1:return t=e.sent(),w&&t.append("article_id",w),M?(null==b?void 0:b.id)?[4,_({id:b.id,formData:t,locale:B})]:[3,3]:[3,4];case 2:a=e.sent(),e.label=3;case 3:return[3,6];case 4:return[4,k({formData:t,locale:B,isArticleComment:!(null==se?void 0:se.id)&&!!(null==se?void 0:se.mappedCategoryId)})];case 5:a=e.sent(),e.label=6;case 6:return(null==(o=null==a?void 0:a.data)?void 0:o.id)&&!(null===(l=null===(i=null==a?void 0:a.messages)||void 0===i?void 0:i.moderation)||void 0===l?void 0:l.type)?(D({message:H("createPost.popup.success"),type:"success"}),function(e){u&&u(n.formatPost(e),M),m&&m()}(o)):"banned"===(null===(s=null===(r=null==a?void 0:a.messages)||void 0===r?void 0:r.moderation)||void 0===s?void 0:s.type)?(D({title:H("notification.post.blocked.title"),message:H("notification.post.blocked.message"),type:"danger"}),a.messages.moderation.words&&re(a.messages.moderation.words)):"suspect"===(null===(d=null===(c=null==a?void 0:a.messages)||void 0===c?void 0:c.moderation)||void 0===d?void 0:d.type)?(D({title:H("notification.post.suspect.title"),message:H("notification.post.suspect.message"),type:"warning"}),m&&m()):(null===(v=null===(p=null==a?void 0:a.messages)||void 0===p?void 0:p.find)||void 0===v?void 0:v.call(p,(function(e){var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(D({message:H("notification.suspend.message"),type:"danger"}),m&&m()):D({message:(null===(f=null==a?void 0:a.messages)||void 0===f?void 0:f[0])||H("notification.failure"),type:"danger"}),[2]}}))}))};return d.default.createElement(n.StyledCreateNewPost,{className:s,style:c},d.default.createElement("div",{className:"input-group-container"},d.default.createElement(x,{className:"input-group",bannedWords:le,value:G,onChange:Z}),d.default.createElement(P,{className:"input-group",bannedWords:le,value:K,onChange:Q,onPreviewUrlChange:me,onInvalidUrlsChange:fe,onImageFilesChange:oe,imageFiles:ae}),d.default.createElement("div",{className:"input-group"},d.default.createElement(a.Text,{size:"p4",className:"input-group-label"},H("admin.community")),d.default.createElement(o.Dropdown,{options:(null==ce?void 0:ce.map((function(e,t){return{label:e.name,value:"".concat(e.id||"","-").concat(e.mappedCategoryId||"")}})))||[],id:"community-picker",placeholder:H("community.choose"),value:$,onChange:function(e){J({label:e.label,value:String(e.value)}),te([])},disabled:!!f}),d.default.createElement(a.Text,{size:"sm",className:"warning",color:l.theme.colors.gray400},"* ",H("commentPopup.warning.newPost"))),!A&&d.default.createElement("div",{className:"input-group"},d.default.createElement(a.Text,{size:"p4",className:"input-group-label"},H("tab.topic")),d.default.createElement("div",{className:"input-notification"},d.default.createElement("img",{src:se?"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":C}),d.default.createElement(a.Text,{size:"base",color:l.theme.colors.gray500},H(se?"createPost.popup.primary":"createPost.popup.warning"))),se&&d.default.createElement(I,{className:"tag-list",communityId:se.id,forceTopics:g,onChange:te,selectedTopics:ee,noFetch:N}))),d.default.createElement(n.Button,{theme:j?"marryBaby":"helloSites",className:"submit-btn",size:"lg",onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:if(!ge||W)return[3,5];z(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,he()];case 2:return e.sent(),[3,4];case 3:return t=e.sent(),console.error(t),D(h(H)),[3,4];case 4:z(!1),e.label=5;case 5:return[2]}}))}))},isDisabled:!ge,isLoading:W},H("createPost.popup.submit")))},exports.CreatePostDescription=P,exports.CreatePostTitle=x,exports.ImagePreviewPopup=W,exports.InputCommentBar=D,exports.LabelPin=g,exports.PopupDanger=M,exports.PostContent=U,exports.PostImagePreview=G,exports.PostSingleImageViewPopup=V,exports.SubmitReportForm=H,exports.TagTopic=f,exports.TopicSelectList=I,exports.types=ae;
+//# sourceMappingURL=types-4ac7c027.js.map