@hhgtech/hhg-components 1.21.0-beta-8 → 1.21.0-beta-10

package/build/together/components/molecules/createNewPostContent/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),a=require("../../../../components/atoms/button/index.js"),i=require("../../../../components/atoms/text/index.js"),n=require("../../../../components/molecules/dropdown/index.js"),o=require("../../../../hooks/useTranslations.js"),s=require("innertext"),l=require("../../../../misc/theme.js"),r=require("../../../togetherComponentGlobalContext.js"),c=require("../../../utils/notification.js"),u=require("../../../api/dataTransform.js"),d=require("../../../assets/svg/icon-alert-circle-primary.svg.js"),m=require("../../../assets/svg/icon-alert-circle-warning.svg.js"),p=require("../../../interfaces/constants.js"),v=require("../../../utils/apiActions/post.js"),g=require("../../../utils/post.js"),f=require("../createPostDescription/index.js"),y=require("../createPostTitle/index.js"),b=require("../topicSelectList/index.js"),C=require("./index.styled.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var P=h(t),S=h(s);exports.CreateNewPostContent=function(s){var h=s.className,j=s.style,q=s.onPostCreatedEdited,T=s.onClose,w=s.communities,x=void 0===w?[]:w,E=s.forceSelectCommunity,I=s.forceSelectTopics,N=s.articleId,_=s.optionalTopic,D=s.editPostData,F=s.defaultCommunity,z=s.defaultTopics,A=s.noFetchTopic,k=s.hideTopicList,B=!!(null==D?void 0:D.id),L=t.useContext(r.TogetherComponentGlobalContext),M=L.data,U=M.locale,G=M.env.isMarryBaby,O=L.action,W=O.pushNotifications,X=O.sanitizeFunction,H=o.useTranslations().t,J=t.useState(!1),K=J[0],Q=J[1],R=t.useState(""),V=R[0],Y=R[1],Z=t.useState(""),$=Z[0],ee=Z[1],te=t.useState(E?{label:E.name,value:"".concat(E.id||"","-").concat(E.mappedCategoryId||"")}:{label:H("community.choose"),value:""}),ae=te[0],ie=te[1],ne=t.useState(e.__spreadArray([],I,!0)||[]),oe=ne[0],se=ne[1],le=t.useState([]),re=le[0],ce=le[1],ue=t.useState([]),de=ue[0],me=ue[1],pe=E||x.find((function(e){return"".concat(e.id||"","-").concat(e.mappedCategoryId||"")===ae.value})),ve=E?[E]:x.filter((function(e){return e.isActive})).sort((function(e,t){return e.name>t.name?1:e.name<t.name?-1:0})),ge=t.useState(null),fe=ge[0],ye=ge[1],be=t.useState([]),Ce=be[0],he=be[1],Pe=V&&S.default($)&&(_||!_&&oe.length>0)&&pe&&(!re||re.length<=p.MAX_IMAGE_UPLOADS)&&!(null==Ce?void 0:Ce.length)&&!K;t.useEffect((function(){if(D){var e=D;Y(e.title||""),ee(g.decodeMention(g.decodePostUrl(e.description||"","edit"),e.mentions)),ie({label:e.community.name,value:"".concat(e.community.id||"","-").concat(e.community.mappedCategoryId||"")}),se(e.topics||[]),ce(e.photos||[])}else F&&ie({label:F.name,value:"".concat(F.id||"","-").concat(F.mappedCategoryId||"")}),z&&se(z)}),[]);var Se=function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t,a,i,n,o,s,l,r,c,d,m,p;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,v.getPostFormData({title:V,description:$,communityId:String((null==pe?void 0:pe.id)||""),imageFiles:re,previewUrl:fe,topicIds:null==oe?void 0:oe.map((function(e){return String(e.id||"")})).filter(Boolean),locale:U,sanitizeFunction:X,categoryCommunityId:String((null==pe?void 0:pe.mappedCategoryId)||""),categoryTopicIds:null==oe?void 0:oe.map((function(e){return String(e.mappedCategoryId||"")})).filter(Boolean)})];case 1:return t=e.sent(),N&&t.append("article_id",N),B?(null==D?void 0:D.id)?[4,v.editPost({id:D.id,formData:t,locale:U})]:[3,3]:[3,4];case 2:a=e.sent(),e.label=3;case 3:return[3,6];case 4:return[4,v.createPost({formData:t,locale:U,isArticleComment:!(null==pe?void 0:pe.id)&&!!(null==pe?void 0:pe.mappedCategoryId)})];case 5:a=e.sent(),e.label=6;case 6:return(null==(i=null==a?void 0:a.data)?void 0:i.id)&&!(null===(o=null===(n=null==a?void 0:a.messages)||void 0===n?void 0:n.moderation)||void 0===o?void 0:o.type)?(W({message:H("createPost.popup.success"),type:"success"}),function(e){q&&q(u.formatPost(e),B),T&&T()}(i)):"banned"===(null===(l=null===(s=null==a?void 0:a.messages)||void 0===s?void 0:s.moderation)||void 0===l?void 0:l.type)?(W({title:H("notification.post.blocked.title"),message:H("notification.post.blocked.message"),type:"danger"}),a.messages.moderation.words&&me(a.messages.moderation.words)):"suspect"===(null===(c=null===(r=null==a?void 0:a.messages)||void 0===r?void 0:r.moderation)||void 0===c?void 0:c.type)?(W({title:H("notification.post.suspect.title"),message:H("notification.post.suspect.message"),type:"warning"}),T&&T()):(null===(m=null===(d=null==a?void 0:a.messages)||void 0===d?void 0:d.find)||void 0===m?void 0:m.call(d,(function(e){var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(W({message:H("notification.suspend.message"),type:"danger"}),T&&T()):W({message:(null===(p=null==a?void 0:a.messages)||void 0===p?void 0:p[0])||H("notification.failure"),type:"danger"}),[2]}}))}))};return P.default.createElement(C.StyledCreateNewPost,{className:h,style:j},P.default.createElement("div",{className:"input-group-container"},P.default.createElement(y.CreatePostTitle,{className:"input-group",bannedWords:de,value:V,onChange:Y}),P.default.createElement(f.CreatePostDescription,{className:"input-group",bannedWords:de,value:$,onChange:ee,onPreviewUrlChange:ye,onInvalidUrlsChange:he,onImageFilesChange:ce,imageFiles:re}),P.default.createElement("div",{className:"input-group"},P.default.createElement(i.Text,{size:"p4",className:"input-group-label"},H("admin.community")),P.default.createElement(n.Dropdown,{options:(null==ve?void 0:ve.map((function(e,t){return{label:e.name,value:"".concat(e.id||"","-").concat(e.mappedCategoryId||"")}})))||[],id:"community-picker",placeholder:H("community.choose"),value:ae,onChange:function(e){ie({label:e.label,value:String(e.value)}),se([])},disabled:!!E}),P.default.createElement(i.Text,{size:"sm",className:"warning",color:l.theme.colors.gray400},"* ",H("commentPopup.warning.newPost"))),!k&&P.default.createElement("div",{className:"input-group"},P.default.createElement(i.Text,{size:"p4",className:"input-group-label"},H("tab.topic")),P.default.createElement("div",{className:"input-notification"},P.default.createElement("img",{src:pe?d:m}),P.default.createElement(i.Text,{size:"base",color:l.theme.colors.gray500},H(pe?"createPost.popup.primary":"createPost.popup.warning"))),pe&&P.default.createElement(b.TopicSelectList,{className:"tag-list",communityId:pe.id,forceTopics:I,onChange:se,selectedTopics:oe,noFetch:A}))),P.default.createElement(a.Button,{theme:G?"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(!Pe||K)return[3,5];Q(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,Se()];case 2:return e.sent(),[3,4];case 3:return t=e.sent(),console.error(t),W(c.getDefaultFailNoti(H)),[3,4];case 4:Q(!1),e.label=5;case 5:return[2]}}))}))},isDisabled:!Pe,isLoading:K},H("createPost.popup.submit")))};

package/build/together/components/molecules/createNewPostContent/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e,o=t(require("styled-components")).default.div(e||(e=n.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  padding: 16px 32px;\n\n  .input-group-container {\n    flex: 1;\n    padding-right: 2px;\n    padding-left: 2px;\n    margin-bottom: 0.5rem;\n    -ms-overflow-style: none; /* IE and Edge */\n    overflow-y: auto;\n    scrollbar-width: none; /* Firefox */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .input-group {\n    :not(:last-child) {\n      margin-bottom: 0.6rem;\n    }\n\n    input:focus,\n    textarea:focus,\n    [contenteditable='true'] {\n      outline: none;\n    }\n\n    label {\n      margin-bottom: 5px;\n      color: ",";\n      /* font-family: 'Open Sans', sans-serif; */\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .input-group-label {\n      margin-bottom: 5px;\n      color: ",";\n      /* font-family: 'Open Sans', sans-serif; */\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .input-notification {\n      display: flex;\n\n      & > img {\n        width: 16px;\n        height: 16px;\n        margin-top: 1.5px;\n        margin-right: 8px;\n      }\n    }\n\n    .tag-list {\n    }\n  }\n\n  .warning {\n    margin-top: 16px;\n  }\n\n  .submit-btn {\n    width: 100%;\n  }\n"],["\n  position: relative;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  padding: 16px 32px;\n\n  .input-group-container {\n    flex: 1;\n    padding-right: 2px;\n    padding-left: 2px;\n    margin-bottom: 0.5rem;\n    -ms-overflow-style: none; /* IE and Edge */\n    overflow-y: auto;\n    scrollbar-width: none; /* Firefox */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .input-group {\n    :not(:last-child) {\n      margin-bottom: 0.6rem;\n    }\n\n    input:focus,\n    textarea:focus,\n    [contenteditable='true'] {\n      outline: none;\n    }\n\n    label {\n      margin-bottom: 5px;\n      color: ",";\n      /* font-family: 'Open Sans', sans-serif; */\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .input-group-label {\n      margin-bottom: 5px;\n      color: ",";\n      /* font-family: 'Open Sans', sans-serif; */\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .input-notification {\n      display: flex;\n\n      & > img {\n        width: 16px;\n        height: 16px;\n        margin-top: 1.5px;\n        margin-right: 8px;\n      }\n    }\n\n    .tag-list {\n    }\n  }\n\n  .warning {\n    margin-top: 16px;\n  }\n\n  .submit-btn {\n    width: 100%;\n  }\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.colors.gray600}));exports.StyledCreateNewPost=o;

package/build/together/components/molecules/createPostDescription/editor.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../../../../components/atoms/button/index.js"),r=require("../../../../components/atoms/input/index.js"),a=require("../../../../components/atoms/text/index.js"),i=require("../../../../hooks/useTranslations.js"),o=require("lodash"),l=require("../../../../misc/cookieHelper.js"),u=require("../../../togetherComponentGlobalContext.js"),d=require("../../../api/paths.js"),c=require("../../../api/utils.js"),s=require("../../../assets/svg/icon-link.svg.js"),f=require("../../../interfaces/constants.js"),v=require("../../../utils/post.js"),m=require("../../atoms/userAvatar/index.js"),g=require("../../organisms/popoverMenu/index.js"),p=require("./index.styled.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var E=h(t),C=null;function w(e){var t,n,r=-1;if(void 0!==window.getSelection){var a=window.getSelection();if((null==a?void 0:a.rangeCount)&&(null==a?void 0:a.rangeCount)>0){var i=null===(t=window.getSelection())||void 0===t?void 0:t.getRangeAt(0);if(i){var o=i.cloneRange();o.selectNodeContents(e),o.setEnd(i.endContainer,i.endOffset),r=A(o.cloneContents().childNodes,r);var l=null===(n=i.endContainer.parentElement)||void 0===n?void 0:n.closest("mocka"),u=i.endContainer.nodeValue||i.endContainer.outerHTML;l&&(null==u?void 0:u.length)&&(r=r-i.endOffset+(l.outerHTML.length-(null==l?void 0:l.outerHTML.lastIndexOf(u))))}}}return r}function A(e,t){return e.forEach((function(n,r){var a=r+1===e.length;if(n.nodeType===Node.ELEMENT_NODE){var i=n.outerHTML;if(!a)return void(t+=i.length);t+=i.indexOf(">")+1,t=A(n.childNodes,t)}else n.nodeType===Node.TEXT_NODE&&(t+=(n.nodeValue||"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;").length)})),t}e.__awaiter(void 0,void 0,void 0,(function(){var t,n,r,a,i,o;return e.__generator(this,(function(l){switch(l.label){case 0:return"undefined"==typeof window?[2]:[4,Promise.resolve().then((function(){return b(require("react-quill"))}))];case 1:return t=l.sent(),C=t.default,n=t.Quill||C.Quill,r=function(e,t){this.quill=e,this.options=t,e.container.style.whiteSpace="pre-line"},n.register("modules/preserveWhiteSpace",r),a=n.import("blots/inline"),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return e.__extends(n,t),n.create=function(e){if(!e)return t.create.call(this,!1);var r=t.create.call(this,e);return n.setNodeConfigurations(r,e),r},n.formats=function(e){return!(!e.innerText||!(e.getAttribute("data-href")||e.getAttribute("data-url")||e.getAttribute("data-error")||e.getAttribute("data-bad-word")))&&{"data-bad-word":e.getAttribute("data-bad-word"),"data-error":e.getAttribute("data-error"),"data-href":e.getAttribute("data-href"),"data-url":e.getAttribute("data-url"),"data-text":e.innerText||e.getAttribute("data-href")}},n.setNodeConfigurations=function(e,t){var n,r;t&&(null===(r=null===(n=null==t?void 0:t["data-text"])||void 0===n?void 0:n.replace(/(\&nbsp;)+/g," "))||void 0===r?void 0:r.replace(/(\u200c|&zwnj;)+/g,""))&&(t["data-bad-word"]&&e.setAttribute("data-bad-word",t["data-bad-word"]),t["data-href"]&&e.setAttribute("data-href",t["data-href"]),t["data-error"]&&e.setAttribute("data-error",t["data-error"]),t["data-url"]&&e.setAttribute("data-url",t["data-url"]))},n.blotName="mocka1",n.tagName="mocka",n}(a),n.register(i),o=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return e.__extends(n,t),n.create=function(e){if(!e)return t.create.call(this,!1);var r=t.create.call(this,e);return n.setNodeConfigurations(r,e),r},n.formats=function(e){return!(!e.getAttribute("data-name")||!e.getAttribute("data-id"))&&{"data-name":e.getAttribute("data-name"),"data-id":e.getAttribute("data-id")}},n.setNodeConfigurations=function(e,t){var n,r;t&&t["data-id"]&&(null===(r=null===(n=null==t?void 0:t["data-name"])||void 0===n?void 0:n.replace(/(\&nbsp;)+/g," "))||void 0===r?void 0:r.replace(/(\u200c|&zwnj;)+/g,""))&&(t["data-id"]&&e.setAttribute("data-id",t["data-id"]),t["data-name"]&&e.setAttribute("data-name",t["data-name"]))},n.blotName="mention",n.tagName="mention",n}(a),n.register(o),[2]}}))}));var N=function(n){var r,i,s,g,h=n.html,b=n.onChange,A=n.className,N=n.style,T=n.onImagePickerClick,y=n.bannedWords,R=void 0===y?[]:y,S=n.onInvalidUrlsChange,k=n.onPreviewUrlChange,_=n.setEditorRef,q=n.isReplying,O=t.useRef([]);O.current=R;var j=t.useState([]),U=j[0],M=j[1],L=t.useState(null),P=L[0],W=L[1],H=t.useContext(u.TogetherComponentGlobalContext).data.locale,I=(null==R?void 0:R.join(","))||"";t.useEffect((function(){var e,t,n=null===(t=null===(e=Q.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root.innerHTML;z(n)}),[I]);var D=function(e){P&&P.url===e||(W({url:e,isFetching:!0}),c.callApi(c.getApiPath(d.PATHS.FETCH_PREVIEW,{_locale:H}),"POST",{data:{link:e}}).then((function(t){var n,r,a,i;W({title:null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.title,description:null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.description,image:(null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.image)||(null===(i=null==t?void 0:t.data)||void 0===i?void 0:i.logo),url:e})})).catch((function(){W(null)})))},B=t.useRef(D);B.current=D;var z=t.useCallback(o.debounce((function(e){if(e){var t=function(e,t){var n,r=t||{},a=r.formatUrl,i=r.bannedWords,o=void 0===i?[]:i,l=v.fixMalformedMention(v.removeFontFormat(e));if(!a)return{value:v.highlightBadWords(l,o)};var u=v.removeEdittedBannedWord(v.wrapAnchorAroundUrls(l)),d=v.getUrlsFromEditorString(l);if(d){var c,s=[];return d.forEach((function(e){if(e)try{var t=new URL(e);v.ALLOW_DOMAIN_URL.some((function(e){return t.origin.endsWith(e)}))||s.push(e)}catch(t){s.push(e)}})),s.length>0&&(u=u.replace(new RegExp('data-url="true">('.concat(s.map(v.escapeRegExp).join("|"),")<"),"gi"),'data-error="true" data-url="true">$1<').replace(new RegExp('data-href="('.concat(s.map(v.escapeRegExp).join("|"),')" data-url="true">'),"gi"),'data-href="$1" data-error="true" data-url="true">')),c=null===(n=d.filter((function(e){return-1===s.indexOf(e)})))||void 0===n?void 0:n[0],{invalidUrls:s,previewUrl:c,value:v.highlightBadWords(u,o)}}return{value:v.highlightBadWords(u,o)}}(e,{bannedWords:O.current,formatUrl:!0}),n=t.invalidUrls,r=t.previewUrl,a=t.value;n&&M(n),r?B.current(r):W(null),a!==e&&(null==b||b(a))}}),500),[]);t.useEffect((function(){S&&S(U)}),[U]),t.useEffect((function(){k&&((null==P?void 0:P.url)?k({title:P.title||"",url:P.url||"",image:P.image||"",description:P.description||""}):k(null))}),[P]);var F=t.useRef(T);F.current=T;var V=t.useRef(String(Math.floor(1e8*Math.random()))),G=t.useRef({toolbar:{handlers:{image:function(){var e;return null===(e=F.current)||void 0===e?void 0:e.call(F)},link:function(){return!1}},container:"#toolbar-"+V.current},preserveWhiteSpace:!0}),K=t.useRef(-1),Q=t.useRef(null);_&&(null===(i=null===(r=Q.current)||void 0===r?void 0:r.getEditor())||void 0===i?void 0:i.root)&&_(null===(g=null===(s=Q.current)||void 0===s?void 0:s.getEditor())||void 0===g?void 0:g.root);var $=function(){var e,t,n,r,a,i,o,l;if(null===(t=null===(e=Q.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root){var u=w(null===(r=null===(n=Q.current)||void 0===n?void 0:n.getEditor())||void 0===r?void 0:r.root),d=null===(i=null===(a=Q.current)||void 0===a?void 0:a.getEditor())||void 0===i?void 0:i.root.innerHTML;if(u>=0&&u<d.length){if(v.getMentionIdsFromString(d,!0).length<v.LIMIT_MENTION-(q?1:0)){var c=function(e){var t,n,r=null;if(void 0!==window.getSelection){var a=window.getSelection();if((null==a?void 0:a.rangeCount)&&(null==a?void 0:a.rangeCount)>0){var i=null===(t=window.getSelection())||void 0===t?void 0:t.getRangeAt(0);if(i){var o=i.cloneRange();o.selectNodeContents(e),o.setEnd(i.endContainer,i.endOffset);var l=(o.endContainer.nodeValue||"").substring(0,i.endOffset),u=l.lastIndexOf("@");if(u+1<l.length&&(0===u||" @"===l.slice(u-1,u+1))){var d=null===(n=l.slice(u+1))||void 0===n?void 0:n.trim();if(d){o.setStart(i.endContainer,u);var c=o.cloneRange();c.setStart(c.endContainer,u),r={name:d,rect:o.getBoundingClientRect(),replaceRange:c}}}}}}return r}(null===(l=null===(o=Q.current)||void 0===o?void 0:o.getEditor())||void 0===l?void 0:l.root);c?(ne(c.name,c.rect),ie.current=c.replaceRange):(ie.current=null,ne("",null))}else ie.current=null,ne("",null);K.current=u}}else Y([])},X=t.useState([]),J=X[0],Y=X[1],Z=t.useState({top:0,left:0}),ee=Z[0],te=Z[1],ne=t.useCallback(o.debounce((function(t,n,r){return e.__awaiter(void 0,void 0,void 0,(function(){var a,i,o,u,s,v,m,g;return e.__generator(this,(function(e){switch(e.label){case 0:return t&&DOMRect?[4,((null===(s=l.getCookie(f.BEARER_TOKEN_COOKIE))||void 0===s?void 0:s.length)||0)>0?c.callApiWithAuth(c.getApiPath(d.PATHS.SEARCH_USER,{_locale:H,name:t}),"get"):c.callApiWithAdminAuth(c.getApiPath(d.ADMIN_PATHS.SEARCH_USER,{_locale:H,name:t}),"get")]:[2,Y([])];case 1:return a=e.sent(),de(0),Y(null===(m=null===(v=null==a?void 0:a.data)||void 0===v?void 0:v.users)||void 0===m?void 0:m.filter((function(e){return!(null==r?void 0:r.includes(String(e.id)))}))),i=n,o=null===(g=ae.current)||void 0===g?void 0:g.getBoundingClientRect(),i&&o&&(343,256,u={top:i.bottom-o.top,width:"min(343px, 100%)",maxHeight:256},o.width-(i.left-o.left)<343?u.right=0:u.left=i.left-o.left,te(u)),[2]}}))}))}),500),[]),re=function(e,t){var n,r,a;if(ie.current){ie.current.deleteContents();var i=document.createElement("mention");i.setAttribute("data-id",e),i.setAttribute("data-name",t),i.innerText=t;var o=document.createTextNode(" ");ie.current.insertNode(o),ie.current.insertNode(i),(null===(r=null===(n=Q.current)||void 0===n?void 0:n.getEditor())||void 0===r?void 0:r.root).focus();var l=null===(a=window.getSelection())||void 0===a?void 0:a.getRangeAt(0);null==l||l.setStart(ie.current.endContainer,ie.current.endOffset),null==l||l.setEnd(ie.current.endContainer,ie.current.endOffset)}Y([])},ae=t.useRef(null),ie=t.useRef(null),oe=t.useRef(null),le=t.useState(0),ue=le[0],de=le[1];return t.useEffect((function(){if(oe.current){var e=oe.current,t=e.children.item(ue);if(t){var n=e.getBoundingClientRect(),r=t.getBoundingClientRect();t.offsetTop<e.scrollTop?e.scrollTop=t.offsetTop:t.offsetTop+r.height>e.scrollTop+n.height&&(e.scrollTop=t.offsetTop-n.height+r.height)}}}),[ue]),t.useEffect((function(){var e=function(e){var t;(null===(t=ae.current)||void 0===t?void 0:t.contains(e.target))||Y([])};return window.addEventListener("click",e),function(){window.removeEventListener("click",e)}}),[]),E.default.createElement(p.StyledEditorContainer,{ref:ae,className:A,style:N,onKeyDownCapture:function(e){if(null==J?void 0:J.length){var t=!1;if("ArrowDown"===e.key)t=!0,de((function(e){return e+1>=J.length?0:e+1}));else if("Escape"===e.key)t=!0,de(0),Y([]);else if("ArrowUp"===e.key)t=!0,de((function(e){return e-1<0?J.length-1:e-1}));else if("Enter"===e.key||"Tab"===e.key){var n=J[ue];n&&(t=!0,re(n.id,n.name))}if(t)return e.preventDefault(),!1}}},E.default.createElement(x,{id:V.current,onAddLink:function(e,t){var n,r,a=K.current+1,i=null===(r=null===(n=Q.current)||void 0===n?void 0:n.getEditor())||void 0===r?void 0:r.root.innerHTML,o=((null==i?void 0:i.substring(0,a))||"")+'<mocka data-href="'.concat(t,'" data-url="true">').concat(e,"</mocka> ")+((null==i?void 0:i.substring(a))||"");null==b||b(o),z(o)}}),C&&E.default.createElement(C,{ref:Q,theme:"snow",value:h,onChange:function(e){null==b||b(e),z(e),$()},onChangeSelection:function(){$()},modules:G.current,formats:["mocka1","mention","id","key","bold","italic","underline","list","bullet"]}),!!(null==J?void 0:J.length)&&E.default.createElement("div",{ref:oe,className:"mention-search-container",style:ee},J.map((function(e,t){return E.default.createElement("div",{className:"mention-search-item ".concat(ue===t?"item-selected":""),key:e.id,onClick:function(t){t.preventDefault(),t.stopPropagation(),re(e.id,e.name)},onMouseEnter:function(){de(t)}},E.default.createElement(m.UserAvatar,{className:"search-avatar",username:e.name,avatar:e.avatar}),E.default.createElement("div",null,E.default.createElement(a.Text,{size:"p2"},e.name),E.default.createElement(a.Text,{size:"p4",color:"#595959"},"@",e.username)))}))))},x=function(e){var t=e.onAddLink,n=e.id;return E.default.createElement("div",{id:"toolbar-"+n,onClick:function(e){e.preventDefault(),e.stopPropagation()}},E.default.createElement("span",{className:"ql-formats"},E.default.createElement("button",{className:"ql-bold",type:"button"}),E.default.createElement("button",{className:"ql-italic",type:"button"}),E.default.createElement("button",{className:"ql-underline",type:"button"})),E.default.createElement("span",{className:"ql-formats"},E.default.createElement("button",{className:"ql-list",value:"ordered",type:"button"}),E.default.createElement("button",{className:"ql-list",value:"bullet",type:"button"})),E.default.createElement("span",{className:"ql-formats"},E.default.createElement("button",{className:"ql-image",type:"button"}),t&&E.default.createElement(g.PopoverMenu,{className:"link-tool-wrapper",toggleButtonContent:E.default.createElement("img",{className:"link-icon",src:s}),buttonProps:{size:"md",color:"transparent"},align:"end"},(function(e){var n=e.setShow;return E.default.createElement(y,{onAddUrl:t,setShow:n})}))))},T=["notification.limitUrlDomain","notification.urlWrongFormat"],y=function(e){var o=e.onAddUrl,l=e.setShow,d=t.useContext(u.TogetherComponentGlobalContext).data.env.isMarryBaby,c=i.useTranslations().t,s=t.useState(""),f=s[0],m=s[1],g=t.useState(""),p=g[0],h=g[1],b=t.useState(-1),C=b[0],w=b[1],A=f.trim()&&p.trim()&&C<0;return E.default.createElement("div",{className:"link-tool-popover"},E.default.createElement(r.Input,{name:"url",value:f,size:"md",label:"URL",placeholder:c("placeholder.enterUrlHere"),type:"text",className:"link-input-url",onChange:function(e){m(e),function(e){var t=v.reformatUrl(e.trim());try{var n=new URL(t);n.protocol.startsWith("http")?v.ALLOW_DOMAIN_URL.some((function(e){return n.origin.endsWith("/"+e)||n.origin.endsWith("."+e)}))?w(-1):w(0):w(1)}catch(e){return w(1),!1}}(e)}}),C>=0&&E.default.createElement(a.Text,{size:"c2",className:"error-text"},c(T[C])),E.default.createElement(r.Input,{name:"text",value:p,size:"md",label:c("createPost.urlText"),placeholder:c("placeholder.enterUrlTextHere"),type:"text",className:"link-input-text",onChange:function(e){return h(e)}}),E.default.createElement("div",{"data-is-marrybaby":d,className:"link-input-button-wrapper"},E.default.createElement(n.Button,{theme:d?"marryBaby":"helloSites",size:"sm",color:"primary",className:"link-input-button",onClick:function(){A&&(o(p.trim(),v.reformatUrl(f.trim())),l&&l(!1))},isDisabled:!A},c("insert"))))};exports.RichTextEditor=N,exports.default=N;

package/build/together/components/molecules/createPostDescription/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../components/atoms/text/index.js");require("../../../../components/atoms/alert/index.styled.js"),require("../../../../components/atoms/avatar/index.styled.js"),require("../../../../components/atoms/badge/index.styled.js"),require("../../../../components/atoms/borderHeading/index.styled.js"),require("../../../../components/atoms/button/index.styled.js"),require("../../../../components/atoms/divider/index.styled.js"),require("../../../../components/atoms/fileDropdown/index.styled.js"),require("../../../../components/atoms/flag/index.styled.js"),require("../../../../components/atoms/grid/index.styled.js"),require("../../../../components/atoms/heading/index.styled.js"),require("../../../../components/atoms/label/index.js"),require("../../../../components/atoms/input/index.styled.js"),require("../../../../components/atoms/logo/index.js"),require("../../../../misc/utils.js"),require("../../../../components/atoms/pagination/index.styled.js"),require("../../../../components/atoms/pureInput/index.js"),require("../../../../components/atoms/radio/index.styled.js"),require("../../../../components/atoms/shadow/index.styled.js"),require("react-range"),require("../../../../components/atoms/slider/index.styled.js"),require("../../../../components/atoms/tag/index.styled.js"),require("../../../../components/atoms/toggle/index.styled.js"),require("../../../../components/atoms/underlinedLink/index.styled.js"),require("../../../../components/atoms/uploader/index.styled.js"),require("../../../../components/atoms/textArea/index.js"),require("../../../../components/atoms/container/index.styled.js"),require("../../../../components/atoms/checkbox/index.styled.js"),require("../../../../components/atoms/textDivider/index.js"),require("../../../../components/atoms/rateStars/index.styled.js"),require("../../../../components/atoms/icons/Ask.js"),require("../../../../components/atoms/icons/BarChart.js"),require("../../../../components/atoms/icons/Booking.js"),require("../../../../components/atoms/icons/Bookmark.js"),require("../../../../components/atoms/icons/Community.js"),require("../../../../components/atoms/icons/EditSpecial.js"),require("../../../../components/atoms/icons/Family.js"),require("../../../../components/atoms/icons/Font.js"),require("../../../../components/atoms/icons/Heart.js"),require("../../../../components/atoms/icons/Home.js"),require("../../../../components/atoms/icons/Like.js"),require("../../../../components/atoms/icons/MyCommunity.js"),require("../../../../components/atoms/icons/PlusSpecial.js"),require("../../../../components/atoms/icons/Recalculate.js"),require("../../../../components/atoms/icons/Scale.js"),require("../../../../components/atoms/icons/Share.js"),require("../../../../components/atoms/icons/Stethoscope.js"),require("../../../../components/atoms/progress/index.styled.js"),require("react-dom"),require("../../../../components/atoms/backdrop/index.styled.js"),require("../../../../components/atoms/drawer/index.styled.js"),require("../../../../components/atoms/menu/index.js"),require("../../../../components/atoms/radioImageGroup/index.styled.js");var s=require("../../../../hooks/useImagesPicker.js"),n=require("../../../../hooks/useTranslations.js"),o=require("innertext"),r=require("../../../../misc/theme.js"),i=require("../../../interfaces/constants.js"),a=require("../../../assets/svg/icon-alert-circle-warning.svg.js"),l=require("../../../assets/svg/icon-close-circle.svg.js"),m=require("../../atoms/cardLink/index.js"),c=require("../../atoms/loading/index.js"),u=require("./editor.js"),d=require("./index.styled.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=p(e),q=p(o);exports.CreatePostDescription=function(o){var p=o.className,j=o.style,x=o.bannedWords,f=void 0===x?[]:x,y=o.value,v=o.onChange,h=o.onPreviewUrlChange,E=o.onInvalidUrlsChange,k=o.onImageFilesChange,C=o.imageFiles,b=o.isReplying,I=n.useTranslations().t,N=e.useState(null),P=N[0],S=N[1],w=e.useRef(null),R=s.useImagePicker(C,k),F=R.onSelectImages,L=R.onRemoveImage,T=R.imageSrcs;return e.useEffect((function(){h&&((null==P?void 0:P.url)?h({title:P.title||"",url:P.url||"",image:P.image||"",description:P.description||""}):h(null))}),[P]),g.default.createElement(d.StyledCreatePostDescription,{className:p,style:j},g.default.createElement(t.Text,{size:"p4",className:"description-label"},I("createPost.popup.description")),g.default.createElement("div",{className:"textarea-control"},g.default.createElement("div",{className:"textarea-wrapper"},g.default.createElement(u.RichTextEditor,{html:y||"",onChange:v,bannedWords:f,onImagePickerClick:function(){var e;return null===(e=w.current)||void 0===e?void 0:e.click()},onPreviewUrlChange:S,onInvalidUrlsChange:E,isReplying:b}))),g.default.createElement(t.Text,{size:"p4",className:"count-string"},I("character"),": ",q.default(y||"").length),(!T||0===T.length)&&P&&g.default.createElement("div",{className:"link-preview-wrapper"},P.isFetching?g.default.createElement(c.Loading,null):g.default.createElement(g.default.Fragment,null,g.default.createElement(m.CardLink,{title:P.title,url:P.url||"#",image:P.image,noRefetch:!0}),g.default.createElement("img",{src:l,className:"icon-close",onClick:function(){return S(null)}}))),g.default.createElement("input",{ref:w,type:"file",accept:"image/png, image/gif, image/jpeg",multiple:!0,style:{display:"none"},onChange:F}),T.length>i.MAX_IMAGE_UPLOADS?g.default.createElement("div",{className:"input-notification"},g.default.createElement("img",{src:a}),g.default.createElement(t.Text,{size:"p4",color:r.theme.colors.alertWarning},I("createPost.popup.warningImage"))):null,T.length>0&&g.default.createElement("div",{className:"image-gallery"},T.map((function(e,t){return g.default.createElement("div",{key:t,className:"image-item"},g.default.createElement("img",{src:e}),g.default.createElement("img",{className:"close-btn",src:l,onClick:function(){return L(t)}}))}))))};

package/build/together/components/molecules/createPostDescription/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e,r,t=o(require("styled-components")),i=t.default.div(e||(e=n.__makeTemplateObject(["\n  input:focus,\n  textarea:focus,\n  [contenteditable='true'] {\n    outline: none;\n  }\n\n  .textarea-control {\n    position: relative;\n    border: 1px solid ",";\n    border-radius: 6px;\n    &.--focus {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n\n    .textarea-wrapper {\n      width: 100%;\n      height: 200px;\n    }\n\n    .control-tool {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      display: flex;\n      width: calc(100% - 2rem);\n      height: 40px;\n      align-items: center;\n      justify-content: flex-end;\n      border-top: 1px solid ",";\n      margin: 0 1rem;\n\n      .tool-button {\n        display: flex;\n        width: 2rem;\n        height: 2rem;\n        align-items: center;\n        justify-content: center;\n        background: transparent;\n        cursor: pointer;\n      }\n      .image-icon {\n        vertical-align: middle;\n      }\n    }\n  }\n\n  .link-preview-wrapper {\n    position: relative;\n    .icon-close {\n      position: absolute;\n      top: 5px;\n      right: 5px;\n      width: 24px;\n      height: 24px;\n      cursor: pointer;\n    }\n  }\n\n  .image-gallery {\n    margin-bottom: 1rem;\n\n    .image-item {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      height: 0;\n      padding-top: 67%;\n      margin-top: 1rem;\n      border-radius: 6px;\n\n      & > img {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n\n      .close-btn {\n        position: absolute;\n        top: 8px;\n        right: 8px;\n        left: unset;\n        width: 24px;\n        height: 24px;\n        cursor: pointer;\n      }\n    }\n  }\n\n  .description-label {\n    margin-bottom: 5px;\n    color: ",";\n    /* font-family: 'Open Sans', sans-serif; */\n    font-size: 13px;\n    font-weight: bold;\n  }\n\n  .count-string {\n    margin-top: 5px;\n    color: ",";\n    font-size: 11px;\n    text-align: right;\n  }\n\n  .input-notification {\n    display: flex;\n\n    & > img {\n      width: 16px;\n      height: 16px;\n      margin-top: 1.5px;\n      margin-right: 8px;\n    }\n  }\n"],["\n  input:focus,\n  textarea:focus,\n  [contenteditable='true'] {\n    outline: none;\n  }\n\n  .textarea-control {\n    position: relative;\n    border: 1px solid ",";\n    border-radius: 6px;\n    &.--focus {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n\n    .textarea-wrapper {\n      width: 100%;\n      height: 200px;\n    }\n\n    .control-tool {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      display: flex;\n      width: calc(100% - 2rem);\n      height: 40px;\n      align-items: center;\n      justify-content: flex-end;\n      border-top: 1px solid ",";\n      margin: 0 1rem;\n\n      .tool-button {\n        display: flex;\n        width: 2rem;\n        height: 2rem;\n        align-items: center;\n        justify-content: center;\n        background: transparent;\n        cursor: pointer;\n      }\n      .image-icon {\n        vertical-align: middle;\n      }\n    }\n  }\n\n  .link-preview-wrapper {\n    position: relative;\n    .icon-close {\n      position: absolute;\n      top: 5px;\n      right: 5px;\n      width: 24px;\n      height: 24px;\n      cursor: pointer;\n    }\n  }\n\n  .image-gallery {\n    margin-bottom: 1rem;\n\n    .image-item {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      height: 0;\n      padding-top: 67%;\n      margin-top: 1rem;\n      border-radius: 6px;\n\n      & > img {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n\n      .close-btn {\n        position: absolute;\n        top: 8px;\n        right: 8px;\n        left: unset;\n        width: 24px;\n        height: 24px;\n        cursor: pointer;\n      }\n    }\n  }\n\n  .description-label {\n    margin-bottom: 5px;\n    color: ",";\n    /* font-family: 'Open Sans', sans-serif; */\n    font-size: 13px;\n    font-weight: bold;\n  }\n\n  .count-string {\n    margin-top: 5px;\n    color: ",";\n    font-size: 11px;\n    text-align: right;\n  }\n\n  .input-notification {\n    display: flex;\n\n    & > img {\n      width: 16px;\n      height: 16px;\n      margin-top: 1.5px;\n      margin-right: 8px;\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.colors.gray500})),a=t.default.div(r||(r=n.__makeTemplateObject(["\n  height: 100%;\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  .ql-toolbar.ql-snow {\n    top: 0;\n    width: 100%;\n    position: sticky;\n    z-index: 3;\n    border: none;\n    border-bottom: 1px solid #ccc;\n    background: white;\n    .ql-formats {\n      display: inline-flex;\n      align-items: center;\n      margin-right: 0.5rem;\n      .link-tool-wrapper {\n        .popover-menu__content {\n          padding: 0.5rem;\n          transform: translateX(calc(-50% - 1rem));\n          max-width: calc(100vw - 4rem);\n          ::before {\n            right: calc(50% - 8px);\n          }\n          .link-tool-popover {\n            input {\n              padding-left: 1rem;\n            }\n            .link-input-url {\n              margin-bottom: 0.5rem;\n            }\n            .link-input-text {\n              margin-bottom: 0.5rem;\n            }\n            label {\n              display: inline-block;\n              margin-bottom: 0.2rem;\n            }\n            .link-input-button-wrapper {\n              &[data-is-marrybaby='true'] {\n                .link-input-button {\n                  border: solid 2px\n                    ",";\n                  background-color: ",";\n                  &:hover:not(:disabled) {\n                    border: solid 2px\n                      ",";\n                    background-color: ",";\n                    color: ",";\n                  }\n                }\n              }\n            }\n            .link-input-button {\n              width: auto;\n              height: auto;\n              padding: 0.4rem 1rem;\n              background-color: ",";\n\n              &:disabled {\n                border-color: #bfbfbf;\n                background-color: #bfbfbf;\n                color: #fff;\n                cursor: not-allowed;\n              }\n              &:hover:not(:disabled) {\n                background-color: ",";\n              }\n            }\n            .error-text {\n              padding: 0;\n              margin-bottom: 0.5rem;\n              font-weight: 600;\n              color: ",";\n            }\n          }\n        }\n      }\n    }\n    @media (max-width: 450px) {\n      position: relative;\n      .ql-formats {\n        .link-tool-wrapper {\n          position: unset;\n          .popover-menu__content {\n            left: 0;\n            transform: unset;\n            max-width: 100%;\n          }\n        }\n      }\n    }\n  }\n  .quill {\n    flex: 1;\n    overflow-y: hidden;\n    .ql-container {\n      display: inline-block;\n      width: 100%;\n      min-height: 100%;\n      /* padding: 14px 16px; */\n      border: none;\n      border-radius: 6px;\n      color: ",";\n      font-size: 1rem;\n      line-height: 1.5;\n      resize: none;\n      white-space: break-spaces;\n      .ql-editor {\n        word-break: break-word;\n        overflow-wrap: break-word;\n        /* -ms-overflow-style: none;\n        scrollbar-width: none;\n        &::-webkit-scrollbar {\n          display: none;\n        } */\n      }\n      mocka {\n        padding: 2px 6px;\n        border-radius: 1rem;\n        &[data-url='true'] {\n          /* background-color: #eeeeff; */\n          font-style: italic;\n          color: #1890ff;\n          cursor: pointer;\n          outline: none;\n          text-decoration: underline;\n        }\n        &[data-error='true'] {\n          background-color: #ffeeee;\n          color: red;\n          text-decoration: underline;\n          font-style: bold;\n        }\n      }\n      mention {\n        padding: 2px 6px;\n        border-radius: 1rem;\n        background-color: #eeeeff;\n        color: #1890ff;\n        cursor: pointer;\n        outline: none;\n        text-decoration: none;\n      }\n      ol,\n      ul {\n        padding-left: 1rem;\n      }\n    }\n  }\n  .mention-search-container {\n    position: absolute;\n    background: white;\n    border-radius: 6px;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n    overflow-y: scroll;\n    z-index: 99;\n    ::-webkit-scrollbar {\n      -webkit-appearance: none;\n    }\n    ::-webkit-scrollbar:vertical {\n      width: 14px;\n    }\n    ::-webkit-scrollbar-thumb {\n      border-radius: 6px;\n      background-color: #d9d9d9;\n      @supports (background-clip: padding-box) {\n        border: 3px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n      }\n      @supports not (background-clip: padding-box) {\n        border: 3px solid white;\n      }\n    }\n    ::-webkit-scrollbar-track {\n      background-color: #fff;\n      border-radius: 0 6px 6px 0;\n      border-left: 1px solid #f2f2f2;\n    }\n    .mention-search-item {\n      cursor: pointer;\n      padding: 12px 1rem;\n      display: flex;\n      align-items: center;\n      &.item-selected {\n        background-color: ",";\n      }\n      .search-avatar {\n        width: 40px;\n        height: 40px;\n        font-size: 20px;\n        margin-right: 20px;\n      }\n    }\n  }\n"],["\n  height: 100%;\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  .ql-toolbar.ql-snow {\n    top: 0;\n    width: 100%;\n    position: sticky;\n    z-index: 3;\n    border: none;\n    border-bottom: 1px solid #ccc;\n    background: white;\n    .ql-formats {\n      display: inline-flex;\n      align-items: center;\n      margin-right: 0.5rem;\n      .link-tool-wrapper {\n        .popover-menu__content {\n          padding: 0.5rem;\n          transform: translateX(calc(-50% - 1rem));\n          max-width: calc(100vw - 4rem);\n          ::before {\n            right: calc(50% - 8px);\n          }\n          .link-tool-popover {\n            input {\n              padding-left: 1rem;\n            }\n            .link-input-url {\n              margin-bottom: 0.5rem;\n            }\n            .link-input-text {\n              margin-bottom: 0.5rem;\n            }\n            label {\n              display: inline-block;\n              margin-bottom: 0.2rem;\n            }\n            .link-input-button-wrapper {\n              &[data-is-marrybaby='true'] {\n                .link-input-button {\n                  border: solid 2px\n                    ",";\n                  background-color: ",";\n                  &:hover:not(:disabled) {\n                    border: solid 2px\n                      ",";\n                    background-color: ",";\n                    color: ",";\n                  }\n                }\n              }\n            }\n            .link-input-button {\n              width: auto;\n              height: auto;\n              padding: 0.4rem 1rem;\n              background-color: ",";\n\n              &:disabled {\n                border-color: #bfbfbf;\n                background-color: #bfbfbf;\n                color: #fff;\n                cursor: not-allowed;\n              }\n              &:hover:not(:disabled) {\n                background-color: ",";\n              }\n            }\n            .error-text {\n              padding: 0;\n              margin-bottom: 0.5rem;\n              font-weight: 600;\n              color: ",";\n            }\n          }\n        }\n      }\n    }\n    @media (max-width: 450px) {\n      position: relative;\n      .ql-formats {\n        .link-tool-wrapper {\n          position: unset;\n          .popover-menu__content {\n            left: 0;\n            transform: unset;\n            max-width: 100%;\n          }\n        }\n      }\n    }\n  }\n  .quill {\n    flex: 1;\n    overflow-y: hidden;\n    .ql-container {\n      display: inline-block;\n      width: 100%;\n      min-height: 100%;\n      /* padding: 14px 16px; */\n      border: none;\n      border-radius: 6px;\n      color: ",";\n      font-size: 1rem;\n      line-height: 1.5;\n      resize: none;\n      white-space: break-spaces;\n      .ql-editor {\n        word-break: break-word;\n        overflow-wrap: break-word;\n        /* -ms-overflow-style: none;\n        scrollbar-width: none;\n        &::-webkit-scrollbar {\n          display: none;\n        } */\n      }\n      mocka {\n        padding: 2px 6px;\n        border-radius: 1rem;\n        &[data-url='true'] {\n          /* background-color: #eeeeff; */\n          font-style: italic;\n          color: #1890ff;\n          cursor: pointer;\n          outline: none;\n          text-decoration: underline;\n        }\n        &[data-error='true'] {\n          background-color: #ffeeee;\n          color: red;\n          text-decoration: underline;\n          font-style: bold;\n        }\n      }\n      mention {\n        padding: 2px 6px;\n        border-radius: 1rem;\n        background-color: #eeeeff;\n        color: #1890ff;\n        cursor: pointer;\n        outline: none;\n        text-decoration: none;\n      }\n      ol,\n      ul {\n        padding-left: 1rem;\n      }\n    }\n  }\n  .mention-search-container {\n    position: absolute;\n    background: white;\n    border-radius: 6px;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n    overflow-y: scroll;\n    z-index: 99;\n    ::-webkit-scrollbar {\n      -webkit-appearance: none;\n    }\n    ::-webkit-scrollbar:vertical {\n      width: 14px;\n    }\n    ::-webkit-scrollbar-thumb {\n      border-radius: 6px;\n      background-color: #d9d9d9;\n      @supports (background-clip: padding-box) {\n        border: 3px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n      }\n      @supports not (background-clip: padding-box) {\n        border: 3px solid white;\n      }\n    }\n    ::-webkit-scrollbar-track {\n      background-color: #fff;\n      border-radius: 0 6px 6px 0;\n      border-left: 1px solid #f2f2f2;\n    }\n    .mention-search-item {\n      cursor: pointer;\n      padding: 12px 1rem;\n      display: flex;\n      align-items: center;\n      &.item-selected {\n        background-color: ",";\n      }\n      .search-avatar {\n        width: 40px;\n        height: 40px;\n        font-size: 20px;\n        margin-right: 20px;\n      }\n    }\n  }\n"])),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray100}));exports.StyledCreatePostDescription=i,exports.StyledEditorContainer=a;

package/build/together/components/molecules/createPostTitle/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../components/atoms/input/index.js"),n=require("../../../../components/atoms/text/index.js"),r=require("../../../../hooks/useTranslations.js"),u=require("lodash/debounce"),i=require("react-contenteditable"),a=require("../../../utils/post.js"),o=require("./index.styled.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(e),c=s(u),d=s(i),f=function(e,t){if(!t)return e;var n=t.limit,r=t.bannedWords,u=void 0===r?[]:r,i="number"==typeof n&&n>=0?e.substring(0,n):e;return a.highlightBadWords(i,u)};exports.CreatePostTitle=function(u){var i,s=u.className,v=u.style,m=u.bannedWords,p=void 0===m?[]:m,x=u.value,b=u.onChange,T=r.useTranslations().t,h=e.useState(""),g=h[0],E=h[1],j=e.useRef(null);e.useEffect((function(){if(j.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=j.current;return t.addEventListener("paste",e),function(){return t.removeEventListener("paste",e)}}}),[j]);var q=(null==p?void 0:p.join(","))||"";e.useEffect((function(){var e;if(q){var t=null===(e=j.current)||void 0===e?void 0:e.innerText;if(t){var n=a.highlightBadWords(t,p);n!==t&&(b&&b(n),E(n))}}}),[q]);var C=e.useCallback(c.default((function(e){if(j.current){var t=f(j.current.innerText,{limit:120,bannedWords:p});b&&b(t),E(t)}}),300),[]);return e.useEffect((function(){setTimeout((function(){var e;null===(e=j.current)||void 0===e||e.focus()}),500)}),[]),l.default.createElement(o.StyledCreatePostTitle,{className:s,style:v},l.default.createElement(t.Input,{name:"title",value:x||g,size:"md",label:T("createPost.title"),CustomInput:l.default.createElement(d.default,{innerRef:j,html:x||g,onChange:function(e){if(j.current&&j.current.innerText!==(x||g)){var t=f(j.current.innerText,{bannedWords:p});b&&b(t),E(t),C(j.current.innerText)}},className:"title-input"})}),l.default.createElement(n.Text,{size:"p4",className:"count-string"},T("createPost.popup.wordCount",{count:(null===(i=j.current)||void 0===i?void 0:i.innerText.length)||0,max:120})))};

package/build/together/components/molecules/createPostTitle/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,t=e(require("styled-components")).default.div(o||(o=n.__makeTemplateObject(["\n  input:focus,\n  textarea:focus,\n  [contenteditable='true'] {\n    outline: none;\n  }\n\n  .title-input {\n    overflow: hidden;\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px #d9d9d9;\n    border-radius: 6px;\n    font-size: 16px;\n    line-height: 1.2;\n    white-space: nowrap;\n    :focus {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n    br {\n      display: none;\n    }\n    * {\n      display: inline;\n      white-space: nowrap;\n    }\n    mocka {\n      padding: 2px 6px;\n      border-radius: 1rem;\n      &[data-error='true'] {\n        background-color: #ffeeee;\n        color: red;\n        text-decoration: underline;\n        font-style: bold;\n      }\n    }\n    ol,\n    ul {\n      padding-left: 1rem;\n    }\n  }\n\n  label {\n    display: block;\n    margin-bottom: 5px;\n    color: ",";\n    font-size: 13px;\n    font-weight: bold;\n  }\n\n  .count-string {\n    margin-top: 5px;\n    color: ",";\n    font-size: 11px;\n    text-align: right;\n  }\n"],["\n  input:focus,\n  textarea:focus,\n  [contenteditable='true'] {\n    outline: none;\n  }\n\n  .title-input {\n    overflow: hidden;\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px #d9d9d9;\n    border-radius: 6px;\n    font-size: 16px;\n    line-height: 1.2;\n    white-space: nowrap;\n    :focus {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n    br {\n      display: none;\n    }\n    * {\n      display: inline;\n      white-space: nowrap;\n    }\n    mocka {\n      padding: 2px 6px;\n      border-radius: 1rem;\n      &[data-error='true'] {\n        background-color: #ffeeee;\n        color: red;\n        text-decoration: underline;\n        font-style: bold;\n      }\n    }\n    ol,\n    ul {\n      padding-left: 1rem;\n    }\n  }\n\n  label {\n    display: block;\n    margin-bottom: 5px;\n    color: ",";\n    font-size: 13px;\n    font-weight: bold;\n  }\n\n  .count-string {\n    margin-top: 5px;\n    color: ",";\n    font-size: 11px;\n    text-align: right;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.colors.gray500}));exports.StyledCreatePostTitle=t;

package/build/together/components/molecules/inputCommentBar/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../../../../components/atoms/button/index.js"),a=require("../../../../components/atoms/input/index.js"),i=require("../../../../components/atoms/text/index.js"),s=require("../../../../hooks/useImagesPicker.js"),r=require("../../../../hooks/useTranslations.js"),l=require("../../../togetherComponentGlobalContext.js"),o=require("../../../api/dataTransform.js"),u=require("../../../assets/svg/icon-close-circle-line.svg.js"),c=require("../../../assets/svg/icon-close-circle.svg.js"),m=require("../../../assets/svg/icon-enter.svg.js"),d=require("../../../assets/svg/icon-tab-edit-primary.svg.js"),g=require("../../../interfaces/constants.js"),v=require("../../../utils/apiActions/comment.js"),p=require("../../atoms/cardLink/index.js"),f=require("../../atoms/loading/index.js"),y=require("../../atoms/userAvatar/index.js"),h=require("../createPostDescription/editor.js"),E=require("./index.styled.js"),C=require("./mainInputTriggerContext.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=b(t);exports.InputCommentBar=function(b){var I=b.isReply,N=b.className,q=b.onClose,x=b.replyToName,k=b.style,w=b.replyingId,S=b.replyingUser,T=b.onPostSuccess;b.isMainCmt;var _=b.post,R=b.isMarryBaby,A=t.useContext(l.TogetherComponentGlobalContext),F=A.action,U=F.pushNotifications,B=F.sanitizeFunction,M=A.data,P=M.userInfo,L=M.locale,z=M.env.isMarryBaby,D="boolean"==typeof R?R:z,G=r.useTranslations().t,W=s.useImagePicker(),O=W.onSelectImages,V=W.onRemoveImage,H=W.imageSrcs,J=W.onRemoveAllImages,K=W.imageFiles,Q=t.useState(""),X=Q[0],Y=Q[1],Z=t.useContext(C.MainInputTriggerContext).trigger,$=t.useState(!1),ee=$[0],te=$[1],ne=t.useRef(null),ae=t.useRef(null),ie=t.useRef(null),se=t.useState([]),re=se[0],le=se[1],oe=t.useState([]),ue=oe[0],ce=oe[1],me=t.useState(null),de=me[0],ge=me[1];return t.useEffect((function(){var e;null===(e=ie.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout((function(){var e;null===(e=ae.current)||void 0===e||e.focus()}),400)}),[Z]),j.default.createElement(E.StyledInputCommentBar,{"data-is-reply":I,className:N,style:k},I&&j.default.createElement("div",{className:"reply-to-container"},j.default.createElement(i.Text,{size:"p4"},j.default.createElement("span",{dangerouslySetInnerHTML:{__html:G("inputComment.replyTo",{name:'<span style="color: #2D87F3; cursor: pointer">@'.concat(x||"","</span>")})}})),j.default.createElement("img",{src:u,className:"icon-close-comment",onClick:function(){return q&&q()}})),j.default.createElement("div",{className:"input-container",ref:ie},j.default.createElement(y.UserAvatar,{className:"avatar-wrapper ".concat(I?"avatar-wrapper-reply":""),avatar:(null==P?void 0:P.id)?P.avatar:g.DEFAULT_AVATAR_IMG,username:(null==P?void 0:P.name)||(null==P?void 0:P.username)}),j.default.createElement("input",{ref:ne,onChange:O,type:"file",multiple:!0,accept:"image/png,image/jpeg",name:"images",style:{display:"none"}}),j.default.createElement(a.Input,{value:X,name:"input",size:"md",className:"input-wrapper",displayIcon:j.default.createElement("img",{src:d}),CustomInput:j.default.createElement("div",{className:"as-input"},j.default.createElement(h.RichTextEditor,{className:"textarea",html:X,onChange:Y,onImagePickerClick:function(){var e;return null===(e=ne.current)||void 0===e?void 0:e.click()},bannedWords:ue,onPreviewUrlChange:ge,onInvalidUrlsChange:le,setEditorRef:function(e){return ae.current=e},isReplying:I}))}),j.default.createElement(n.Button,{theme:D?"marryBaby":"helloSites",className:"send-button",size:"sm",onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t,n,a,i,s,r,l,u,c,m,d,g,p;return e.__generator(this,(function(f){switch(f.label){case 0:if(!(null==_?void 0:_.id)||ee)return[2];te(!0),f.label=1;case 1:return f.trys.push([1,4,,5]),t=function(e){Y(""),J(),q&&q();var t=o.formatComment(e.data);"string"==typeof t.images&&(t.images=JSON.parse(t.images)),T&&T(t)},[4,v.getCommentFormBody(e.__assign({message:X,photos:K,postId:String(_.id),link:null==de?void 0:de.url,sanitizeFunction:B,locale:L},I&&w?{replyingUserId:String((null==S?void 0:S.id)||(null===(s=null==_?void 0:_.author)||void 0===s?void 0:s.id)||""),replyingId:w,replyingUserName:(null==S?void 0:S.name)||(null==S?void 0:S.username)||""}:{}))];case 2:return n=f.sent(),[4,I&&w?v.submitReply(n,L):v.submitComment(n,L)];case 3:return a=f.sent(),(null==(i=null==a?void 0:a.data)?void 0:i.id)&&!(null===(l=null===(r=null==a?void 0:a.messages)||void 0===r?void 0:r.moderation)||void 0===l?void 0:l.type)?t(a):"banned"===(null===(c=null===(u=null==a?void 0:a.messages)||void 0===u?void 0:u.moderation)||void 0===c?void 0:c.type)?(U({title:G("notification.comment.blocked.title"),message:G("notification.comment.blocked.message"),type:"danger"}),a.messages.moderation.words&&ce(a.messages.moderation.words)):"suspect"===(null===(d=null===(m=null==a?void 0:a.messages)||void 0===m?void 0:m.moderation)||void 0===d?void 0:d.type)?(U({title:G("notification.comment.suspect.title"),message:G("notification.comment.suspect.message"),type:"warning"}),Y(""),J(),q&&q()):(null===(g=null==a?void 0:a.messages)||void 0===g?void 0:g.find((function(e){var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(U({message:G("notification.suspend.message"),type:"warning"}),Y(""),J(),q&&q()):U({title:"",message:(null===(p=null==a?void 0:a.messages)||void 0===p?void 0:p[0])||G("notification.comment.somethingWrong"),type:"danger"}),[3,5];case 4:return f.sent(),U({title:"",message:G("notification.comment.somethingWrong"),type:"danger"}),[3,5];case 5:return te(!1),[2]}}))}))},isLoading:ee,isDisabled:!!(null==re?void 0:re.length)||ee||!X||(null==X?void 0:X.length)<2||!X.trim()},j.default.createElement("img",{src:m,className:"icon-enter"}))),(null==re?void 0:re.length)?j.default.createElement("div",{className:"error-text"},G("notification.limitUrlDomain")):null,(!H||0===H.length)&&de&&j.default.createElement("div",{className:"link-preview-wrapper"},de.isFetching?j.default.createElement(f.Loading,null):j.default.createElement(j.default.Fragment,null,j.default.createElement(p.CardLink,{title:de.title,url:de.url||"#",image:de.image,noRefetch:!0}),j.default.createElement("img",{src:c,className:"icon-close",onClick:function(){return ge(null)}}))),H&&H.length>0&&j.default.createElement("div",{className:"preview-images-container"},H.map((function(e,t){return j.default.createElement("div",{key:t,className:"image-src-wrapper"},j.default.createElement("img",{className:"preview-image",src:e}),j.default.createElement("img",{src:c,className:"icon-close-circle",onClick:function(){return V(t)}}))}))))};

package/build/together/components/molecules/inputCommentBar/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),e=require("../../../../misc/utils.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,r=i(require("styled-components")).default.div(t||(t=n.__makeTemplateObject(["\n  padding: 1rem;\n  border-top: 1px solid #f2f2f2;\n  &[data-is-reply='true'] {\n    padding-right: 0;\n    padding-left: 0;\n    border-top: 1px solid #e4e8ec;\n    margin-right: 1rem;\n    margin-left: 1rem;\n  }\n  .error-text {\n    padding: 1rem;\n    color: ",";\n  }\n  .reply-to-container {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 0.75rem;\n    margin-top: -0.25rem;\n    .icon-close-comment {\n      width: 16px;\n      height: 16px;\n      cursor: pointer;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  .input-container {\n    display: flex;\n    align-items: center;\n    .avatar-wrapper {\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n      margin-right: 0.5rem;\n      &.avatar-wrapper-reply {\n        width: 32px;\n        height: 32px;\n        .avatar {\n          width: 32px;\n          height: 32px;\n        }\n      }\n    }\n    .input-wrapper {\n      margin-right: 0.5rem;\n      &[data-has-error] {\n        .as-input {\n          border-color: ",";\n        }\n      }\n\n      .as-input {\n        .textarea {\n          width: 100%;\n          max-height: 225px;\n          min-height: 75px;\n          .ql-toolbar {\n            padding: 0;\n          }\n          .ql-editor {\n            padding-left: 0;\n            padding-right: 0;\n          }\n          .quill {\n            height: 0;\n          }\n        }\n        width: 100%;\n        padding: 12px 16px;\n        border: solid 1px ",";\n        border-radius: 6px;\n\n        &:active,\n        &:focus {\n          border-color: ",";\n          box-shadow: 0px 0px 2px 2px\n            ",";\n        }\n\n        &:disabled {\n          background-color: ",";\n          cursor: not-allowed;\n        }\n\n        span {\n          &[data-error='true'] {\n            color: red;\n            text-decoration: underline;\n          }\n        }\n      }\n\n      &[data-has-action-icon] {\n        .as-input {\n          padding: 12px 48px 12px 16px;\n        }\n      }\n      &[data-has-display-icon] {\n        .as-input {\n          padding: 12px 16px 12px 48px;\n        }\n      }\n\n      &[data-has-action-icon][data-has-display-icon] {\n        .as-input {\n          padding: 12px 48px;\n        }\n      }\n\n      &[data-size='lg'] {\n        .as-input {\n          font-size: 16px;\n          font-weight: ",";\n          "," {\n            font-size: 22px;\n            line-height: 1.2;\n          }\n\n          "," {\n            font-size: 26px;\n            line-height: 1.2;\n          }\n        }\n      }\n      &[data-size='md'] {\n        .as-input {\n          font-weight: ",";\n          line-height: 22px;\n          "," {\n            font-size: 14px;\n            line-height: 1.2;\n          }\n\n          "," {\n            font-size: 16px;\n            line-height: 1.2;\n          }\n        }\n      }\n      &[data-size='sm'] {\n        .as-input {\n          font-weight: ",";\n          line-height: 20px;\n          "," {\n            font-size: 13px;\n            line-height: 1.5;\n          }\n\n          "," {\n            font-size: 13px;\n            line-height: 1.5;\n          }\n        }\n      }\n    }\n    .images-input-label {\n      height: 100%;\n      cursor: pointer;\n      .icon-images-input {\n        width: 24px;\n        height: 24px;\n        vertical-align: middle;\n      }\n    }\n    .send-button {\n      display: flex;\n      width: 40px;\n      height: 40px;\n      flex-shrink: 0;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      border: none;\n      &.send-button-post {\n        background: ",";\n        border-radius: 50%;\n      }\n      .icon-enter {\n        width: 20px;\n        height: 20px;\n        vertical-align: middle;\n      }\n      &[data-is-loading='true'] {\n        > div {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n      }\n    }\n  }\n  .preview-images-container {\n    margin-top: 1rem;\n    .image-src-wrapper {\n      position: relative;\n      width: 100%;\n      padding-top: 66.67%;\n      &:not(:last-child) {\n        margin-bottom: 1rem;\n      }\n      .preview-image {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n      .icon-close-circle {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n        width: 20px;\n        height: 20px;\n        cursor: pointer;\n      }\n    }\n  }\n"],["\n  padding: 1rem;\n  border-top: 1px solid #f2f2f2;\n  &[data-is-reply='true'] {\n    padding-right: 0;\n    padding-left: 0;\n    border-top: 1px solid #e4e8ec;\n    margin-right: 1rem;\n    margin-left: 1rem;\n  }\n  .error-text {\n    padding: 1rem;\n    color: ",";\n  }\n  .reply-to-container {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 0.75rem;\n    margin-top: -0.25rem;\n    .icon-close-comment {\n      width: 16px;\n      height: 16px;\n      cursor: pointer;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  .input-container {\n    display: flex;\n    align-items: center;\n    .avatar-wrapper {\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n      margin-right: 0.5rem;\n      &.avatar-wrapper-reply {\n        width: 32px;\n        height: 32px;\n        .avatar {\n          width: 32px;\n          height: 32px;\n        }\n      }\n    }\n    .input-wrapper {\n      margin-right: 0.5rem;\n      &[data-has-error] {\n        .as-input {\n          border-color: ",";\n        }\n      }\n\n      .as-input {\n        .textarea {\n          width: 100%;\n          max-height: 225px;\n          min-height: 75px;\n          .ql-toolbar {\n            padding: 0;\n          }\n          .ql-editor {\n            padding-left: 0;\n            padding-right: 0;\n          }\n          .quill {\n            height: 0;\n          }\n        }\n        width: 100%;\n        padding: 12px 16px;\n        border: solid 1px ",";\n        border-radius: 6px;\n\n        &:active,\n        &:focus {\n          border-color: ",";\n          box-shadow: 0px 0px 2px 2px\n            ",";\n        }\n\n        &:disabled {\n          background-color: ",";\n          cursor: not-allowed;\n        }\n\n        span {\n          &[data-error='true'] {\n            color: red;\n            text-decoration: underline;\n          }\n        }\n      }\n\n      &[data-has-action-icon] {\n        .as-input {\n          padding: 12px 48px 12px 16px;\n        }\n      }\n      &[data-has-display-icon] {\n        .as-input {\n          padding: 12px 16px 12px 48px;\n        }\n      }\n\n      &[data-has-action-icon][data-has-display-icon] {\n        .as-input {\n          padding: 12px 48px;\n        }\n      }\n\n      &[data-size='lg'] {\n        .as-input {\n          font-size: 16px;\n          font-weight: ",";\n          "," {\n            font-size: 22px;\n            line-height: 1.2;\n          }\n\n          "," {\n            font-size: 26px;\n            line-height: 1.2;\n          }\n        }\n      }\n      &[data-size='md'] {\n        .as-input {\n          font-weight: ",";\n          line-height: 22px;\n          "," {\n            font-size: 14px;\n            line-height: 1.2;\n          }\n\n          "," {\n            font-size: 16px;\n            line-height: 1.2;\n          }\n        }\n      }\n      &[data-size='sm'] {\n        .as-input {\n          font-weight: ",";\n          line-height: 20px;\n          "," {\n            font-size: 13px;\n            line-height: 1.5;\n          }\n\n          "," {\n            font-size: 13px;\n            line-height: 1.5;\n          }\n        }\n      }\n    }\n    .images-input-label {\n      height: 100%;\n      cursor: pointer;\n      .icon-images-input {\n        width: 24px;\n        height: 24px;\n        vertical-align: middle;\n      }\n    }\n    .send-button {\n      display: flex;\n      width: 40px;\n      height: 40px;\n      flex-shrink: 0;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      border: none;\n      &.send-button-post {\n        background: ",";\n        border-radius: 50%;\n      }\n      .icon-enter {\n        width: 20px;\n        height: 20px;\n        vertical-align: middle;\n      }\n      &[data-is-loading='true'] {\n        > div {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n      }\n    }\n  }\n  .preview-images-container {\n    margin-top: 1rem;\n    .image-src-wrapper {\n      position: relative;\n      width: 100%;\n      padding-top: 66.67%;\n      &:not(:last-child) {\n        margin-bottom: 1rem;\n      }\n      .preview-image {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n      .icon-close-circle {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n        width: 20px;\n        height: 20px;\n        cursor: pointer;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.sizes.fwRegular}),e.MediaQueries.mbDown,e.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),e.MediaQueries.mbDown,e.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),e.MediaQueries.mbDown,e.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral100}));exports.StyledInputCommentBar=r;

package/build/together/components/molecules/inputCommentBar/mainInputTriggerContext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react").createContext({});exports.MainInputTriggerContext=e;

package/build/together/components/molecules/popupDanger/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../components/atoms/button/index.js"),a=require("../../../../components/atoms/heading/index.js"),n=require("../../../../components/atoms/text/index.js"),r=require("../../../../misc/utils.js"),o=require("react-dom"),l=require("../../../togetherComponentGlobalContext.js"),c=require("../popupFrame/index.js"),i=require("./index.styled.js");function s(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(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var m=s(e),d=u(o);exports.PopupDanger=function(o){var s=o.className,u=o.isMarryBaby,f=o.style,p=o.title,b=o.description,g=o.acceptText,y=o.cancelText,h=o.onAccept,E=o.thumbnail,j=o.isThumbnailIcon,x=o.onClose,N=e.useContext(l.TogetherComponentGlobalContext).data.env.isMarryBaby,v="boolean"==typeof u?u:N,C=e.useState(!1),q=C[0],P=C[1];return e.useEffect((function(){return r.toggleNoScroll(!0),setTimeout((function(){return P(!0)}),0),function(){return r.toggleNoScroll(!1)}}),[]),d.createPortal(m.default.createElement(i.StyledPopupDanger,{"data-is-marrybaby":v,className:s,style:f,"data-open":q},m.default.createElement(c.PopupFrame,{className:"popup-frame",isOpen:q,onClose:x},m.default.createElement("div",{className:"confirm-dialog",onClick:function(e){return e.stopPropagation()}},m.default.createElement("div",{className:"confirm-content"},E&&m.default.createElement("div",{className:"thumbnail-container ".concat(j?"is-icon":"")},m.default.createElement("img",{className:"thumbnail",src:E})),m.default.createElement(a.Heading,{className:"title",tag:"h2"},p),m.default.createElement(n.Text,{className:"desc",size:"lg"},b),m.default.createElement("div",{className:"btn-group"},m.default.createElement(t.Button,{theme:v?"marryBaby":"helloSites",size:"md",color:"secondary",onClick:function(){null==h||h(),null==x||x()}},g),m.default.createElement(t.Button,{theme:v?"marryBaby":"helloSites",size:"md",onClick:x},y)))),v&&E&&m.default.createElement("div",{className:"thumbnail-container is-mobile ".concat(j?"is-icon":"")},m.default.createElement("img",{className:"thumbnail",src:E})))),r.getPopupWrapperDom())};

package/build/together/components/molecules/popupDanger/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),e=require("../../../../misc/utils.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,r=t(require("styled-components")).default.div(i||(i=n.__makeTemplateObject(["\n  [data-type='confirm'] {\n    width: min(360px, 100%);\n    height: auto;\n    &[data-open='false'] {\n      top: calc(-100% - 500px);\n    }\n  }\n\n  .header {\n    display: none !important;\n  }\n\n  .confirm-dialog {\n    position: relative;\n    overflow: auto;\n    width: 100%;\n    padding-top: 44px;\n    background: #fff;\n    border-radius: 6px;\n\n    .confirm-content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      padding: 0 16px 16px;\n      text-align: center;\n\n      .title {\n        margin-bottom: 8px;\n        font-size: 24px;\n        line-height: 32px;\n        word-break: break-word;\n        overflow-wrap: break-word;\n      }\n\n      .desc {\n        margin-bottom: 24px;\n        color: ",";\n        font-size: 18px;\n        line-height: 24px;\n        text-align: center;\n        word-break: break-word;\n        overflow-wrap: break-word;\n      }\n\n      .btn-group {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        justify-content: center;\n\n        button {\n          margin: 0 4px 0.5rem;\n        }\n      }\n    }\n  }\n  .thumbnail-container {\n    width: 80px;\n    height: 80px;\n    margin-bottom: 32px;\n    .thumbnail {\n      width: 100%;\n      height: 100%;\n    }\n    &.is-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #e0e9fc;\n      border-radius: 1rem;\n      .thumbnail {\n        width: 40px;\n        height: 40px;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .popup-frame {\n      > div:first-child {\n        overflow: hidden;\n        border-radius: 1rem;\n        &[data-open='true'] {\n          "," {\n            top: 100%;\n            transform: translate(-50%, -100%);\n            max-width: unset;\n            width: 100%;\n            background: unset;\n            overflow: unset;\n          }\n        }\n      }\n      .popup-content {\n        .close-button {\n          "," {\n            display: none;\n          }\n        }\n        .confirm-dialog {\n          "," {\n            background: unset;\n            position: relative;\n            overflow-x: hidden;\n            &::before {\n              content: '';\n              width: 200%;\n              background: #fff;\n              position: absolute;\n              left: 50%;\n              top: 0;\n              transform: translateX(-50%);\n              z-index: -1;\n              height: 100%;\n              border-top-left-radius: 100%;\n              border-top-right-radius: 100%;\n            }\n          }\n          .confirm-content {\n            padding: 0 40px 40px;\n            "," {\n              padding-left: 1.5rem;\n              padding-right: 1.5rem;\n            }\n            .btn-group {\n              width: 100%;\n              justify-content: space-between;\n              button {\n                flex: 1;\n                margin: 0;\n                &:first-child {\n                  margin-right: 0.5rem;\n                }\n              }\n            }\n          }\n        }\n      }\n      .thumbnail-container {\n        "," {\n          display: none;\n        }\n        &.is-icon {\n          background: #ffeaf1;\n          border-radius: 24px;\n        }\n        &.is-mobile {\n          position: absolute;\n          top: 0;\n          left: 50%;\n          display: none;\n          width: 48px;\n          height: 48px;\n          transform: translate(-50%, -50%);\n          &.is-icon {\n            border-radius: 1rem;\n            .thumbnail {\n              width: 24px;\n              height: 24px;\n            }\n          }\n          "," {\n            display: flex;\n          }\n        }\n      }\n    }\n  }\n"],["\n  [data-type='confirm'] {\n    width: min(360px, 100%);\n    height: auto;\n    &[data-open='false'] {\n      top: calc(-100% - 500px);\n    }\n  }\n\n  .header {\n    display: none !important;\n  }\n\n  .confirm-dialog {\n    position: relative;\n    overflow: auto;\n    width: 100%;\n    padding-top: 44px;\n    background: #fff;\n    border-radius: 6px;\n\n    .confirm-content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      padding: 0 16px 16px;\n      text-align: center;\n\n      .title {\n        margin-bottom: 8px;\n        font-size: 24px;\n        line-height: 32px;\n        word-break: break-word;\n        overflow-wrap: break-word;\n      }\n\n      .desc {\n        margin-bottom: 24px;\n        color: ",";\n        font-size: 18px;\n        line-height: 24px;\n        text-align: center;\n        word-break: break-word;\n        overflow-wrap: break-word;\n      }\n\n      .btn-group {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        justify-content: center;\n\n        button {\n          margin: 0 4px 0.5rem;\n        }\n      }\n    }\n  }\n  .thumbnail-container {\n    width: 80px;\n    height: 80px;\n    margin-bottom: 32px;\n    .thumbnail {\n      width: 100%;\n      height: 100%;\n    }\n    &.is-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #e0e9fc;\n      border-radius: 1rem;\n      .thumbnail {\n        width: 40px;\n        height: 40px;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .popup-frame {\n      > div:first-child {\n        overflow: hidden;\n        border-radius: 1rem;\n        &[data-open='true'] {\n          "," {\n            top: 100%;\n            transform: translate(-50%, -100%);\n            max-width: unset;\n            width: 100%;\n            background: unset;\n            overflow: unset;\n          }\n        }\n      }\n      .popup-content {\n        .close-button {\n          "," {\n            display: none;\n          }\n        }\n        .confirm-dialog {\n          "," {\n            background: unset;\n            position: relative;\n            overflow-x: hidden;\n            &::before {\n              content: '';\n              width: 200%;\n              background: #fff;\n              position: absolute;\n              left: 50%;\n              top: 0;\n              transform: translateX(-50%);\n              z-index: -1;\n              height: 100%;\n              border-top-left-radius: 100%;\n              border-top-right-radius: 100%;\n            }\n          }\n          .confirm-content {\n            padding: 0 40px 40px;\n            "," {\n              padding-left: 1.5rem;\n              padding-right: 1.5rem;\n            }\n            .btn-group {\n              width: 100%;\n              justify-content: space-between;\n              button {\n                flex: 1;\n                margin: 0;\n                &:first-child {\n                  margin-right: 0.5rem;\n                }\n              }\n            }\n          }\n        }\n      }\n      .thumbnail-container {\n        "," {\n          display: none;\n        }\n        &.is-icon {\n          background: #ffeaf1;\n          border-radius: 24px;\n        }\n        &.is-mobile {\n          position: absolute;\n          top: 0;\n          left: 50%;\n          display: none;\n          width: 48px;\n          height: 48px;\n          transform: translate(-50%, -50%);\n          &.is-icon {\n            border-radius: 1rem;\n            .thumbnail {\n              width: 24px;\n              height: 24px;\n            }\n          }\n          "," {\n            display: flex;\n          }\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500}),e.MediaQueries.mbDown,e.MediaQueries.mbDown,e.MediaQueries.mbDown,e.MediaQueries.mbDown,e.MediaQueries.mbDown,e.MediaQueries.mbDown);exports.StyledPopupDanger=r;

package/build/together/components/molecules/popupDoctor/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../components/atoms/button/index.js"),a=require("../../../../components/atoms/text/index.js"),l=require("../../../../hooks/useTranslations.js"),n=require("../../../../misc/theme.js"),r=require("react-id-generator"),o=require("../../../api/paths.js"),i=require("../../../api/utils.js"),s=require("../../../assets/images/avatar-default.png.js"),c=require("../../../assets/svg/closeLight.svg.js"),d=require("../../../assets/svg/reviewer-medical.svg.js"),u=require("../../atoms/loading/index.js"),m=require("./index.styled.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=f(e);exports.PopupDoctor=function(f){var v,g,E,y,b=f.isOpen,h=void 0===b||b,x=f.onClose,N=f.enableAnimation,j=void 0===N||N,C=f.doctorId,T=f.locale,q=f.isMobile,k=l.useTranslations().t,z=e.useState(null),S=z[0],P=z[1],A=e.useState(!1),_=A[0],D=A[1];e.useEffect((function(){if(h&&C&&String(null==S?void 0:S.id)!==String(C)){D(!0);try{P(null),i.callApi(i.getCarePath(o.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:C,website_url:i.domainLocales[T]}),"get").then((function(e){P(null==e?void 0:e._data.doctor)}))}catch(e){console.error(e)}D(!1)}}),[h,C,null==S?void 0:S.id]);var B=(null==S?void 0:S.experiences)||[],O=((null==S?void 0:S.specialties)||[]).map((function(e){return(null==e?void 0:e.name)||e})).join(" • "),w=B.map((function(e){try{return JSON.parse(e.description)}catch(t){return e.description}})).filter((function(e){return e.content})),I=r.useId(null===(v=null==S?void 0:S.experiences)||void 0===v?void 0:v.length);return p.default.createElement(p.default.Fragment,null,p.default.createElement(m.StyledPopup,{"data-open":h,"data-animation":j,onClick:function(e){return e.stopPropagation()}},_||!S?p.default.createElement(u.Loading,null):p.default.createElement("div",{className:"popup-content"},p.default.createElement("div",{className:"close-button",onClick:x},p.default.createElement("img",{src:c,style:{width:20,height:20},alt:"close-icon"})),p.default.createElement("div",{className:"main-info"},p.default.createElement("div",{className:"border-banner"}),p.default.createElement("div",{className:"avatar-title"},p.default.createElement(m.StyledProfileImage,null,p.default.createElement("div",{className:"image-container"},p.default.createElement("div",{style:{position:"relative"}},p.default.createElement("img",{src:(null==S?void 0:S.avatar)?null==S?void 0:S.avatar:s,className:"profile-image",alt:"avatar"}),p.default.createElement("img",{className:"badge-avatar",src:d,alt:"badge"})))),p.default.createElement(m.StyledTitleContainer,null,p.default.createElement(a.Text,{size:"s3",type:"semiBold",className:"full-name"},null==S?void 0:S.name),p.default.createElement("div",{className:"specialty"},O&&p.default.createElement(p.default.Fragment,null,p.default.createElement(a.Text,{size:"p4",color:n.theme.colors.gray800},O," • ")),p.default.createElement("a",{href:i.getCareHospitalUrl({id:null===(g=null==S?void 0:S.organization)||void 0===g?void 0:g.id,name:null===(E=null==S?void 0:S.organization)||void 0===E?void 0:E.name,slug:null===(y=null==S?void 0:S.organization)||void 0===y?void 0:y.slug,locale:T}),className:"organisation",target:"_blank",rel:"noreferrer"},p.default.createElement(a.Text,{size:"p4",className:"organisation",color:n.theme.colors.gray800,style:{textDecoration:"underline"}},null==S?void 0:S.organization.name))))),!q&&p.default.createElement("div",{className:"btn-wrapper"},p.default.createElement("a",{href:i.getCareDoctorUrl({name:S.name,id:S.id,locale:T})},p.default.createElement(t.Button,{color:"primary",size:"md",className:"btn-booking"},k("careBooking.bookAnAppointment"))))),w&&p.default.createElement(m.StyledTitleContainer,null,p.default.createElement("div",{className:"experience"},p.default.createElement(a.Text,{type:"bold",size:"s3",color:n.theme.colors.gray800,style:{paddingBottom:16}},k("expert.content.description").toUpperCase()),p.default.createElement(m.StyledExperienceList,null,w.map((function(e,t){return p.default.createElement("li",{key:I[t]},p.default.createElement(a.Text,{size:"p2"},function(e){return(null==e?void 0:e.year)?"".concat(e.year," ").concat(null==e?void 0:e.content):(null==e?void 0:e.content)?e.content:"string"==typeof e?e:""}(e)))}))),q?p.default.createElement("div",{className:"btn-wrapper"},p.default.createElement("a",{href:i.getCareDoctorUrl({name:S.name,id:S.id,locale:T})},p.default.createElement(t.Button,{color:"primary",size:"md",className:"btn-booking"},k("careBooking.bookAnAppointment")))):p.default.createElement("a",{href:i.getCareDoctorUrl({name:S.name,id:S.id,locale:T})},p.default.createElement(a.Text,{size:"s4",color:"#2D87F3",style:{paddingTop:24}},k("home.seeExpert"))))))),p.default.createElement(m.StyledPopupWrapper,{"data-open":h,onClick:function(e){e.stopPropagation(),x()}}))};

package/build/together/components/molecules/popupDoctor/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),e=require("../../../../misc/utils.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i=t(require("styled-components")),a=i.default.div(l||(l=n.__makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),e.MediaQueries.tdUp,e.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50})),o=i.default.div(d||(d=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),p=i.default.div(s||(s=n.__makeTemplateObject(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),r=i.default.div(x||(x=n.__makeTemplateObject(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"])));i.default.span(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),i.default.div(u||(u=n.__makeTemplateObject(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400})),i.default.div(g||(g=n.__makeTemplateObject(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"])));var l,d,s,x,c,u,g,b,h=i.default.ul(b||(b=n.__makeTemplateObject(["\n  padding-left: 18px;\n  li {\n    list-style-type: disc;\n  }\n"],["\n  padding-left: 18px;\n  li {\n    list-style-type: disc;\n  }\n"])));exports.StyledExperienceList=h,exports.StyledPopup=a,exports.StyledPopupWrapper=o,exports.StyledProfileImage=p,exports.StyledTitleContainer=r;

package/build/together/components/molecules/popupExpert/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../components/atoms/heading/index.js"),a=require("../../../../components/atoms/text/index.js"),l=require("../../../../hooks/useTranslations.js"),r=require("../../../../misc/theme.js"),i=require("../../../api/paths.js"),n=require("../../../api/utils.js"),s=require("../../../assets/images/avatar-default.png.js"),o=require("../../../assets/svg/bullet-point.svg.js"),u=require("../../../assets/svg/closeLight.svg.js"),c=require("../../../assets/svg/reviewer-author.svg.js"),d=require("../../../assets/svg/reviewer-editor.svg.js"),m=require("../../../assets/svg/reviewer-expert.svg.js"),f=require("../../../assets/svg/reviewer-fact-check.svg.js"),p=require("../../../assets/svg/reviewer-medical.svg.js"),v=require("../../atoms/loading/index.js"),g=require("./index.styled.js");function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=E(e),h={author:c,edtior:d,expert:m,"fact-check":f,medical:p};exports.PopupExpert=function(c){var d=c.isOpen,m=void 0===d||d,f=c.onClose,p=c.enableAnimation,E=void 0===p||p,x=c.expertId,j=l.useTranslations().t,q=e.useState(null),N=q[0],T=q[1],b=e.useState(!1),S=b[0],_=b[1];return e.useEffect((function(){if(m&&x&&String(null==N?void 0:N.user_id)!==String(x)){_(!0);try{T(null),n.callApi(n.getDiscoverApiPath(i.DISCOVER_PATHS.GET_EXPERT_BY_ID,{id:x}),"get").then((function(e){T(null==e?void 0:e.data)}))}catch(e){console.error(e)}_(!1)}}),[m,x,null==N?void 0:N.user_id]),y.default.createElement(y.default.Fragment,null,y.default.createElement(g.StyledPopup,{"data-open":m,"data-animation":E,onClick:function(e){return e.stopPropagation()}},S||!N?y.default.createElement(v.Loading,null):y.default.createElement("div",{className:"popup-content"},y.default.createElement("div",{className:"close-button",onClick:f},y.default.createElement("img",{src:u,style:{width:20,height:20},alt:"close-icon"})),y.default.createElement("div",{className:"main-info"},y.default.createElement("div",{className:"border-banner"}),y.default.createElement("div",{className:"avatar-title"},y.default.createElement(g.StyledProfileImage,null,y.default.createElement("div",{className:"image-container"},y.default.createElement("div",{style:{position:"relative"}},y.default.createElement("img",{src:(null==N?void 0:N.avatar)?null==N?void 0:N.avatar:s,className:"profile-image",alt:"avatar"}),y.default.createElement("img",{className:"badge-avatar",src:h[null==N?void 0:N.role],alt:"badge"})))),y.default.createElement(g.StyledTitleContainer,null,y.default.createElement(a.Text,{size:"s3",className:"full-name",type:"semiBold"},null==N?void 0:N.display_name),y.default.createElement("div",null,y.default.createElement(a.Text,{size:"p4",color:r.theme.colors.gray800},null==N?void 0:N.specialty," • "),y.default.createElement("a",{href:null==N?void 0:N.organisation_url,className:"organisation",target:"_blank",rel:"noreferrer"},y.default.createElement(a.Text,{size:"p4",className:"organisation",color:r.theme.colors.gray800,style:{textDecoration:"underline"}},null==N?void 0:N.organisation)))))),y.default.createElement(g.StyledTitleContainer,null,y.default.createElement("div",{className:"experience"},y.default.createElement(a.Text,{type:"bold",size:"p4",color:r.theme.colors.gray800,style:{paddingBottom:16}},j("expert.content.description").toUpperCase()),y.default.createElement("div",{className:"list-items"},!!(null==N?void 0:N.experiences)&&N.experiences.filter((function(e){return!(!e||!e.title&&!e.organization)})).slice(0,3).map((function(e,l){return y.default.createElement(g.StyledItem,{key:l},y.default.createElement("img",{className:"bullet-point",src:o,alt:"point"}),y.default.createElement("div",{className:"text-contain"},y.default.createElement(t.Heading,{tag:"h6",color:r.theme.colors.gray800},null==e?void 0:e.title),y.default.createElement(a.Text,{size:"p2",color:r.theme.colors.gray500},null==e?void 0:e.organization)))}))),y.default.createElement("a",{href:null==N?void 0:N.profile_url},y.default.createElement(a.Text,{size:"s4",color:"#2D87F3",style:{paddingTop:24}},j("home.seeExpert"))))))),y.default.createElement(g.StyledPopupWrapper,{"data-open":m,onClick:function(e){e.stopPropagation(),f()}}))};

package/build/together/components/molecules/popupExpert/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),e=require("../../../../misc/utils.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i=t(require("styled-components")),o=i.default.div(l||(l=n.__makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),e.MediaQueries.tdUp,e.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50})),a=i.default.div(d||(d=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),p=i.default.div(s||(s=n.__makeTemplateObject(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),r=i.default.div(x||(x=n.__makeTemplateObject(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"])));i.default.span(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),i.default.div(u||(u=n.__makeTemplateObject(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400}));var l,d,s,x,c,u,g,b=i.default.div(g||(g=n.__makeTemplateObject(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"])));exports.StyledItem=b,exports.StyledPopup=o,exports.StyledPopupWrapper=a,exports.StyledProfileImage=p,exports.StyledTitleContainer=r;

package/build/together/components/molecules/popupFrame/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../components/atoms/heading/index.js"),n=require("../../../../components/molecules/popup/index.js"),r=require("../../../assets/svg/icon-close.svg.js"),s=require("./index.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e);exports.PopupFrame=function(e){var a=e.className,o=e.style,c=e.closeIcon,i=e.heading,u=void 0===i?"":i,d=e.children,m=e.isOpen,p=void 0!==m&&m,f=e.onClose,v=void 0===f?function(){return null}:f;return l.default.createElement(s.StyledPopupFrame,{className:a,style:o},l.default.createElement(n.Popup,{type:"confirm",onClose:v,isOpen:p,closeIcon:c||l.default.createElement("img",{src:r})},l.default.createElement("div",{className:"header"},l.default.createElement(t.Heading,{tag:"h5"},u)),l.default.createElement("div",{className:"content"},d)))};

package/build/together/components/molecules/popupFrame/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),e=require("../../../../misc/utils.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,p=t(require("styled-components")).default.div(i||(i=n.__makeTemplateObject(["\n  [data-type='confirm'] {\n    max-width: 468px;\n    height: 486px;\n    padding: 0;\n\n    .popup-content {\n      display: flex;\n      flex-direction: column;\n      padding: 0;\n\n      .close-button {\n        top: 16px;\n        right: 16px;\n        width: 24px;\n        height: 24px;\n        z-index: 5;\n      }\n\n      .header {\n        display: flex;\n        height: 56px;\n        align-items: center;\n        padding: 16px 56px 16px 32px;\n        border-bottom: 1px solid\n          ",";\n        font-weight: 900;\n      }\n\n      .content {\n        overflow: auto;\n        flex: 1;\n        .topic-list-wrapper {\n          padding: 1rem;\n        }\n      }\n    }\n  }\n\n  &.create-post-popup-frame {\n    & > [data-type='confirm'] {\n      height: 80vh;\n      min-height: 486px;\n      transition: all 0.3s ease-in-out;\n      "," {\n        top: 0;\n        left: 0;\n        transform: unset;\n        width: 100vw;\n        max-width: 100vw;\n        min-height: unset;\n        height: 100%;\n      }\n      &[data-open='false'] {\n        transform: translate(-50%, calc(-100vh - 150%));\n      }\n    }\n\n    &.center {\n      .header {\n        justify-content: center;\n      }\n    }\n  }\n\n  > div&[data-open='true'] {\n    z-index: 250;\n    &:last-child {\n      z-index: 200;\n    }\n  }\n"],["\n  [data-type='confirm'] {\n    max-width: 468px;\n    height: 486px;\n    padding: 0;\n\n    .popup-content {\n      display: flex;\n      flex-direction: column;\n      padding: 0;\n\n      .close-button {\n        top: 16px;\n        right: 16px;\n        width: 24px;\n        height: 24px;\n        z-index: 5;\n      }\n\n      .header {\n        display: flex;\n        height: 56px;\n        align-items: center;\n        padding: 16px 56px 16px 32px;\n        border-bottom: 1px solid\n          ",";\n        font-weight: 900;\n      }\n\n      .content {\n        overflow: auto;\n        flex: 1;\n        .topic-list-wrapper {\n          padding: 1rem;\n        }\n      }\n    }\n  }\n\n  &.create-post-popup-frame {\n    & > [data-type='confirm'] {\n      height: 80vh;\n      min-height: 486px;\n      transition: all 0.3s ease-in-out;\n      "," {\n        top: 0;\n        left: 0;\n        transform: unset;\n        width: 100vw;\n        max-width: 100vw;\n        min-height: unset;\n        height: 100%;\n      }\n      &[data-open='false'] {\n        transform: translate(-50%, calc(-100vh - 150%));\n      }\n    }\n\n    &.center {\n      .header {\n        justify-content: center;\n      }\n    }\n  }\n\n  > div&[data-open='true'] {\n    z-index: 250;\n    &:last-child {\n      z-index: 200;\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral100}),e.MediaQueries.mbDown);exports.StyledPopupFrame=p;

package/build/together/components/molecules/popupFrame/popupShare.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),n=require("react"),t=require("../../../../components/atoms/heading/index.js"),r=require("../../../../components/atoms/text/index.js"),a=require("../../../../hooks/useTranslations.js"),o=require("../../../../misc/utils.js"),i=require("react-dom"),s=require("styled-components"),d=require("../../../togetherComponentGlobalContext.js"),l=require("./index.js"),u=require("../shareBox/index.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var c,h=p(n),b=m(i),f=p(s).default.div(c||(c=e.__makeTemplateObject(["\n  .share-popup {\n    > div:first-child {\n      height: unset;\n    }\n    .close-button {\n      display: none;\n    }\n    .popup-content .header {\n      display: none;\n    }\n  }\n  .custom-share__header {\n    display: flex;\n    flex-wrap: no-wrap;\n    align-items: center;\n    padding: 1rem;\n    border-bottom: 1px solid\n      ",";\n    margin-bottom: 16px;\n\n    .custom-share__header-image {\n      width: 38px;\n      height: 38px;\n      flex-shrink: 0;\n      & > img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n      }\n    }\n\n    .custom-share__header-info {\n      flex: 1;\n      padding: 0 8px;\n      word-break: break-word;\n\n      [data-tag='h4'] {\n        margin-bottom: 8px;\n        font-size: 14px;\n        font-weight: bold;\n        line-height: 14px;\n      }\n\n      [data-size='md'] {\n        color: #a5a5a5;\n        font-size: 14px;\n        line-height: 14px;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    .share-popup {\n      > div:first-child {\n        overflow: hidden;\n        border-radius: 1rem;\n        &[data-open='true'] {\n          "," {\n            max-width: unset;\n            width: 100%;\n            top: 100%;\n            transform: translate(-50%, -100%);\n            border-bottom-left-radius: 0;\n            border-bottom-right-radius: 0;\n          }\n        }\n      }\n      .close-button {\n        display: block;\n      }\n      .popup-content {\n        .header {\n          display: block;\n          padding: 1rem;\n          background-color: rgb(243, 243, 243);\n        }\n        .content {\n          padding-bottom: 1rem;\n        }\n      }\n      .share-mb-text {\n        margin: 1rem 1rem 0.5rem;\n      }\n    }\n  }\n"],["\n  .share-popup {\n    > div:first-child {\n      height: unset;\n    }\n    .close-button {\n      display: none;\n    }\n    .popup-content .header {\n      display: none;\n    }\n  }\n  .custom-share__header {\n    display: flex;\n    flex-wrap: no-wrap;\n    align-items: center;\n    padding: 1rem;\n    border-bottom: 1px solid\n      ",";\n    margin-bottom: 16px;\n\n    .custom-share__header-image {\n      width: 38px;\n      height: 38px;\n      flex-shrink: 0;\n      & > img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n      }\n    }\n\n    .custom-share__header-info {\n      flex: 1;\n      padding: 0 8px;\n      word-break: break-word;\n\n      [data-tag='h4'] {\n        margin-bottom: 8px;\n        font-size: 14px;\n        font-weight: bold;\n        line-height: 14px;\n      }\n\n      [data-size='md'] {\n        color: #a5a5a5;\n        font-size: 14px;\n        line-height: 14px;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    .share-popup {\n      > div:first-child {\n        overflow: hidden;\n        border-radius: 1rem;\n        &[data-open='true'] {\n          "," {\n            max-width: unset;\n            width: 100%;\n            top: 100%;\n            transform: translate(-50%, -100%);\n            border-bottom-left-radius: 0;\n            border-bottom-right-radius: 0;\n          }\n        }\n      }\n      .close-button {\n        display: block;\n      }\n      .popup-content {\n        .header {\n          display: block;\n          padding: 1rem;\n          background-color: rgb(243, 243, 243);\n        }\n        .content {\n          padding-bottom: 1rem;\n        }\n      }\n      .share-mb-text {\n        margin: 1rem 1rem 0.5rem;\n      }\n    }\n  }\n"])),(function(e){return e.theme.colors.neutral100}),o.MediaQueries.mbDown);exports.SharePopup=function(e){var i=e.className,s=e.style,p=e.url,m=e.avatar,c=e.text,g=e.onClose,x=n.useContext(d.TogetherComponentGlobalContext).data.env.isMarryBaby,y=a.useTranslations().t,w=n.useState(!1),_=w[0],j=w[1];return n.useEffect((function(){return o.toggleNoScroll(!0),setTimeout((function(){return j(!0)}),0),function(){return o.toggleNoScroll(!1)}}),[]),b.createPortal(h.default.createElement(f,{"data-is-marrybaby":x,className:i,style:s},h.default.createElement(l.PopupFrame,{className:"share-popup",isOpen:_,onClose:g,heading:y("bottomBar.share")},x?h.default.createElement(r.Text,{className:"share-mb-text",size:"sm"},y("article.shareOn")):h.default.createElement("div",{className:"custom-share__header"},m&&h.default.createElement("div",{className:"custom-share__header-image"},h.default.createElement("img",{src:m})),h.default.createElement("div",{className:"custom-share__header-info"},h.default.createElement(t.Heading,{tag:"h4"},c),h.default.createElement(r.Text,{className:"desc",size:"md"},p))),_&&h.default.createElement(u.ShareBox,{shareUrl:p||("undefined"!=typeof window?window.location.href:""),title:c}))),o.getPopupWrapperDom())},exports.StyledSharePopup=f;

package/build/together/components/molecules/popupHospital/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../components/atoms/button/index.js"),a=require("../../../../components/atoms/text/index.js"),l=require("../../../../hooks/useTranslations.js"),n=require("../../../../misc/theme.js"),r=require("../../../api/paths.js"),o=require("../../../api/utils.js"),i=require("../../../assets/images/avatar-default.png.js"),s=require("../../../assets/svg/closeLight.svg.js"),c=require("../../../assets/svg/reviewer-medical.svg.js"),u=require("../../atoms/loading/index.js"),d=require("./index.styled.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=m(e);exports.PopupHospital=function(m){var f=m.isOpen,g=void 0===f||f,v=m.onClose,E=m.enableAnimation,b=void 0===E||E,h=m.hospitalId,y=m.locale,N=m.isMobile,x=l.useTranslations().t,j=e.useState(null),T=j[0],C=j[1],q=e.useState(!1),k=q[0],S=q[1];e.useEffect((function(){if(g&&h&&String(null==T?void 0:T.id)!==String(h)){S(!0);try{C(null),o.callApi(o.getCarePath(r.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:h,website_url:o.domainLocales[y]}),"get").then((function(e){C(null==e?void 0:e._data.branch)}))}catch(e){console.error(e)}S(!1)}}),[g,h,null==T?void 0:T.id]);var P=(null==T?void 0:T.specialties)||[],_=e.useMemo((function(){return P.map((function(e){return e.name}))}),[P]);return p.default.createElement(p.default.Fragment,null,p.default.createElement(d.StyledPopup,{"data-open":g,"data-animation":b,onClick:function(e){return e.stopPropagation()}},k||!T?p.default.createElement(u.Loading,null):p.default.createElement("div",{className:"popup-content"},p.default.createElement("div",{className:"close-button",onClick:v},p.default.createElement("img",{src:s,style:{width:20,height:20},alt:"close-icon"})),p.default.createElement("div",{className:"main-info"},p.default.createElement("div",{className:"border-banner"}),p.default.createElement("div",{className:"avatar-title"},p.default.createElement(d.StyledProfileImage,null,p.default.createElement("div",{className:"image-container"},p.default.createElement("div",{style:{position:"relative"}},p.default.createElement("img",{src:(null==T?void 0:T.logo)?null==T?void 0:T.logo:i,className:"profile-image",alt:"avatar"}),p.default.createElement("img",{className:"badge-avatar",src:c,alt:"badge"})))),p.default.createElement(d.StyledTitleContainer,null,p.default.createElement(a.Text,{size:"s3",type:"semiBold",className:"full-name"},null==T?void 0:T.name),p.default.createElement("div",{className:"specialty"},P&&p.default.createElement(a.Text,{size:"p4",color:n.theme.colors.gray800},_.join(" • "),"•"),p.default.createElement("a",{href:o.getCareHospitalUrl({id:T.id,name:T.name,slug:T.slug,locale:y}),className:"organisation",target:"_blank",rel:"noreferrer"},p.default.createElement(a.Text,{size:"p4",className:"organisation",color:n.theme.colors.gray800,style:{textDecoration:"underline"}},null==T?void 0:T.name))))),!N&&p.default.createElement("a",{href:o.getCareHospitalUrl({id:T.id,name:T.name,slug:T.slug,locale:y})},p.default.createElement("div",{className:"btn-wrapper"},p.default.createElement(t.Button,{color:"primary",size:"md",className:"btn-booking"},x("careBooking.bookAnAppointment"))))),p.default.createElement(d.StyledTitleContainer,null,p.default.createElement("div",{className:"experience"},p.default.createElement(a.Text,{type:"bold",size:"s3",color:n.theme.colors.gray800,style:{paddingBottom:16}},x("hospital.content.description").toUpperCase()),p.default.createElement(a.Text,{size:"p2",color:n.theme.colors.gray500},T.about),N?p.default.createElement("a",{href:o.getCareHospitalUrl({id:T.id,name:T.name,slug:T.slug,locale:y})},p.default.createElement("div",{className:"btn-wrapper"},p.default.createElement(t.Button,{color:"primary",size:"md",className:"btn-booking"},x("careBooking.bookAnAppointment")))):p.default.createElement("a",{href:o.getCareHospitalUrl({id:T.id,name:T.name,slug:T.slug,locale:y})},p.default.createElement(a.Text,{size:"s4",color:"#2D87F3",style:{paddingTop:24}},x("home.seeHospital"))))))),p.default.createElement(d.StyledPopupWrapper,{"data-open":g,onClick:function(e){e.stopPropagation(),v()}}))};

package/build/together/components/molecules/popupHospital/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("../../../../misc/utils.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,o,a,p,r,d,l,s=e(require("styled-components")),x=s.default.div(i||(i=n.__makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),t.MediaQueries.tdUp,t.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50})),c=s.default.div(o||(o=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),u=s.default.div(a||(a=n.__makeTemplateObject(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),g=s.default.div(p||(p=n.__makeTemplateObject(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: block;\n    min-width: 240px;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: block;\n    min-width: 240px;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n  }\n"])));s.default.span(r||(r=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),s.default.div(d||(d=n.__makeTemplateObject(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400})),s.default.div(l||(l=n.__makeTemplateObject(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"]))),exports.StyledPopup=x,exports.StyledPopupWrapper=c,exports.StyledProfileImage=u,exports.StyledTitleContainer=g;

package/build/together/components/molecules/postContent/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../hooks/useTranslations.js"),n=require("../../../togetherComponentGlobalContext.js"),o=require("../../../hooks/useTogetherAuthRequiredAction.js"),r=require("../../../utils/post.js"),s=require("../popupExpert/index.js"),a=require("./index.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(e);exports.PostContent=function(l){var u=l.className,c=l.style,p=l.replyingTo,d=l.mentionedUser,m=l.description,h=l.disableShortenContent,f=l.mentions,g=void 0===f?[]:f,v=e.useState(!1),C=v[0],x=v[1],y=t.useTranslations().t,E=o.useTogetherAuthRequiredAction().authActionWrapper,S=e.useState(!1),q=S[0],M=S[1],j=r.decodeMention(r.decodePostUrl(m||"","display"),g),T=e.useContext(n.TogetherComponentGlobalContext).action.sanitizeFunction,A=e.useMemo((function(){var e=T(j||"");if(h||C)return{showContent:e,hasSeeMore:!1};var t=e.slice(0,1e3),n=1e3-27*((t.match(/<\/div>/g)||[]).length-1),o=(t||"").slice(0,n<40?40:n),r=T(o.replace(/(<|<\/)( +|[a-zA-Z]*)$/gi,"")),s=r.length<e.length-10;return{showContent:s?r:e,hasSeeMore:s}}),[h,C,j]),N=(null==d?void 0:d.name)||p,P="expert"===(null==d?void 0:d.role)&&!!(null==d?void 0:d.partnerId);return i.default.createElement(i.default.Fragment,null,P&&i.default.createElement(s.PopupExpert,{isOpen:q,onClose:function(){return M(!1)},expertId:String(null==d?void 0:d.partnerId)}),i.default.createElement(a.StyledPostContent,{className:"".concat(u," no-replace-click"),style:c},N&&i.default.createElement("span",{onClick:function(){return P&&M(!0)},className:"post-content-replying"},"@",N),(null==m?void 0:m.startsWith("[mention+id="))&&i.default.createElement("span",{className:"post-content-replying tag-only"},"@"),i.default.createElement("span",{dangerouslySetInnerHTML:{__html:A.showContent},className:"post-content ".concat(A.hasSeeMore?"has-see-more":"")}),A.hasSeeMore&&!C&&i.default.createElement("span",null,"... ",i.default.createElement("span",{onClick:function(e){e.preventDefault(),e.stopPropagation(),E((function(){return x(!0)}))},className:"see-more-text"},y("post.seeMore")))))};

package/build/together/components/molecules/postContent/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,t=e(require("styled-components")).default.div(i||(i=n.__makeTemplateObject(["\n  padding: 0.5rem 1rem 1rem;\n  line-height: 1.5;\n  word-break: break-word;\n  .post-content-replying {\n    margin-right: 5px;\n    color: ",";\n    cursor: pointer;\n    display: inline-block;\n    &.tag-only {\n      margin-right: 0;\n    }\n  }\n  .post-content {\n    display: inline;\n    white-space: pre-wrap;\n    /* > *:first-child, */\n    > mention:first-child ~ * {\n      &:not(ul),\n      &:not(ol) {\n        display: inline-block;\n      }\n    }\n    > mention:first-child {\n      margin-right: 5px;\n    }\n    &.has-see-more {\n      *:last-child {\n        &:not(ul),\n        &:not(ol) {\n          display: inline;\n        }\n      }\n    }\n    img {\n      width: 100%;\n      height: unset;\n    }\n    ul,\n    ol {\n      list-style-position: inside;\n      padding-left: 1rem;\n      display: block;\n    }\n    ol {\n      list-style-type: decimal;\n    }\n    ul {\n      list-style-type: disc;\n    }\n    mention {\n      color: #1890ff;\n      padding-right: 4px;\n      :hover {\n        text-decoration: underline;\n      }\n    }\n  }\n  .see-more-text {\n    color: #1890ff;\n    cursor: pointer;\n  }\n"],["\n  padding: 0.5rem 1rem 1rem;\n  line-height: 1.5;\n  word-break: break-word;\n  .post-content-replying {\n    margin-right: 5px;\n    color: ",";\n    cursor: pointer;\n    display: inline-block;\n    &.tag-only {\n      margin-right: 0;\n    }\n  }\n  .post-content {\n    display: inline;\n    white-space: pre-wrap;\n    /* > *:first-child, */\n    > mention:first-child ~ * {\n      &:not(ul),\n      &:not(ol) {\n        display: inline-block;\n      }\n    }\n    > mention:first-child {\n      margin-right: 5px;\n    }\n    &.has-see-more {\n      *:last-child {\n        &:not(ul),\n        &:not(ol) {\n          display: inline;\n        }\n      }\n    }\n    img {\n      width: 100%;\n      height: unset;\n    }\n    ul,\n    ol {\n      list-style-position: inside;\n      padding-left: 1rem;\n      display: block;\n    }\n    ol {\n      list-style-type: decimal;\n    }\n    ul {\n      list-style-type: disc;\n    }\n    mention {\n      color: #1890ff;\n      padding-right: 4px;\n      :hover {\n        text-decoration: underline;\n      }\n    }\n  }\n  .see-more-text {\n    color: #1890ff;\n    cursor: pointer;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}));exports.StyledPostContent=t;

package/build/together/components/molecules/postImagePreview/imagePreviewPopup.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../components/atoms/text/index.js"),r=require("../../../../hooks/useTranslations.js"),a=require("react-dom");require("date-fns"),require("../../../../misc/animation.js"),require("../../../../misc/lazyLoad.js"),require("styled-components"),require("../../../../interfaces/constants.js");var s=require("../../../../misc/utils.js");require("../../../../interfaces/types/BabyGrowth.js"),require("../../../../interfaces/types/Locale.js");var n=require("../../../assets/svg/icon-arrow-left.svg.js"),i=require("./index.styled.js");function o(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(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=o(e),l=u(a);exports.ImagePreviewPopup=function(a){var o=a.className,u=a.style,f=a.authorName,m=a.images,p=a.onClose,d=a.onOpenSingleView,j=r.useTranslations().t,v=e.useState(!1),y=v[0],g=v[1];return e.useEffect((function(){setTimeout((function(){g(!0)}),0)}),[]),l.createPortal(c.default.createElement(i.StyledImagePreviewPopup,{className:o,style:u,"data-open":y},c.default.createElement("div",{className:"top-bar"},c.default.createElement("img",{className:"icon-arrow-left",src:n,onClick:p,alt:"go back"}),c.default.createElement(t.Text,{size:"p2",type:"bold",style:{textAlign:"center"}},j("previewPhotos.title",{name:f}))),c.default.createElement("div",{className:"container"},m.map((function(e,t){return c.default.createElement("img",{className:"img-preview",key:t,src:e,onClick:function(){return null==d?void 0:d(t)},alt:"post img"})})))),s.getPopupWrapperDom())};

package/build/together/components/molecules/postImagePreview/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../components/atoms/heading/index.js"),a=require("../../../../misc/lazyLoad.js"),n=require("../../../../misc/utils.js");require("../../../../interfaces/types/BabyGrowth.js"),require("../../../../interfaces/types/Locale.js"),require("../../../../interfaces/constants.js");var r=require("../../../../hooks/useTranslations.js");require("lodash/debounce"),require("date-fns"),require("../../../../misc/animation.js"),require("styled-components");var i=require("../../../togetherComponentGlobalContext.js"),s=require("../../atoms/sensitiveMask/index.js"),o=require("./imagePreviewPopup.js"),l=require("./index.styled.js"),u=require("./postSingleImageViewPopup/index.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e);exports.PostImagePreview=function(c){var m=c.className,f=c.images,g=void 0===f?[]:f,v=c.style,p=c.authorName,y=c.isSensitive,h=void 0!==y&&y,w=e.useContext(i.TogetherComponentGlobalContext).data.env.isMarryBaby,q=r.useTranslations().t,E="+ ".concat((g.length||0)-4),j=e.useState(!1),C=j[0],x=j[1],N=e.useState(-1),P=N[0],S=N[1];e.useEffect((function(){setTimeout((function(){return null===a.lazyLoadInstance||void 0===a.lazyLoadInstance?void 0:a.lazyLoadInstance.update()}),100)}),[null==g?void 0:g.slice(0,5).join("|")]);var b=g.length>5,I=e.useRef(!1);return e.useEffect((function(){return function(){I.current&&n.toggleNoScroll(!1)}}),[]),e.useEffect((function(){C||P>=0?(n.toggleNoScroll(!0),I.current=!0):(n.toggleNoScroll(!1),I.current=!1)}),[C,P]),d.default.createElement(d.default.Fragment,null,h&&d.default.createElement(l.StyledNotificationBar,{message:q("sensitiveMask.contentWarningDescription"),icon:d.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.00002 0.666748C4.40002 0.666748 0.666687 4.40008 0.666687 9.00008C0.666687 13.6001 4.40002 17.3334 9.00002 17.3334C13.6 17.3334 17.3334 13.6001 17.3334 9.00008C17.3334 4.40008 13.6 0.666748 9.00002 0.666748ZM9.00002 9.83341C8.54169 9.83341 8.16669 9.45841 8.16669 9.00008V5.66675C8.16669 5.20842 8.54169 4.83342 9.00002 4.83342C9.45835 4.83342 9.83335 5.20842 9.83335 5.66675V9.00008C9.83335 9.45841 9.45835 9.83341 9.00002 9.83341ZM8.16669 11.5001V13.1667H9.83335V11.5001H8.16669Z",fill:"#FE921D"}))}),d.default.createElement(l.StyledPostImagePreview,{className:m,style:v,"data-image-count":b?5:g.length||0,"data-is-marrybaby":w,"data-cursor-pointer":!h},null==g?void 0:g.slice(0,5).map((function(e,a){var n=4===a&&b;return d.default.createElement("div",{className:"img-wrapper",key:a,onClick:function(){a>=4&&b?x(!0):S(a)}},h&&d.default.createElement(s.SensitiveMask,{image:e,showIcon:!n}),!w&&d.default.createElement("img",{className:"lazy img-preview-blur","data-src":e}),d.default.createElement("img",{className:"lazy img-preview","data-src":e}),n&&d.default.createElement("div",{className:"img-more-overlay"},d.default.createElement(t.Heading,{tag:"h1",as:"h2",color:"white"},E)))}))),C&&d.default.createElement(o.ImagePreviewPopup,{authorName:p||"",images:g,onClose:function(){return x(!1)},onOpenSingleView:S}),P>=0&&d.default.createElement(u.PostSingleImageViewPopup,{images:g,initialViewIndex:P,onClose:function(){return S(-1)}}))};

package/build/together/components/molecules/postImagePreview/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("styled-components"),i=require("../../atoms/notificationBar/index.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,r,a,p=e(t),d=p.default.div(o||(o=n.__makeTemplateObject(["\n  display: grid;\n  grid-gap: 3px;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: auto;\n\n  .img-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: 56.25%;\n    grid-column: auto;\n\n    & > img {\n      cursor: zoom-in;\n    }\n\n    .img-preview-blur {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 110%;\n      height: 110%;\n      /* Add the blur effect */\n      -webkit-filter: blur(8px);\n      filter: blur(8px);\n      object-fit: cover;\n      object-position: center;\n      opacity: 0.8;\n      transform: translate(-50%, -50%);\n    }\n    .img-preview {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      object-position: center;\n    }\n    .img-more-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      background: rgba(0, 0, 0, 0.5);\n      z-index: 4;\n    }\n  }\n  &[data-image-count='1'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n      grid-column: 1/3;\n    }\n  }\n  &[data-image-count='2'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n    }\n  }\n  &[data-image-count='3'] {\n    .img-wrapper {\n      &:first-child {\n        grid-column: 1/3;\n      }\n    }\n  }\n  &[data-image-count='4'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n    }\n  }\n  &[data-image-count='5'] {\n    grid-template-columns: repeat(6, 1fr);\n    .img-wrapper {\n      /* padding-top: 100%; */\n      grid-column: auto/ span 2;\n\n      &:first-child {\n        padding-top: 56.25%;\n        grid-column: 1/4;\n      }\n      &:nth-child(2) {\n        padding-top: 56.25%;\n        grid-column: 4/7;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    grid-gap: 8px;\n    .img-wrapper {\n      padding-top: 66.66%;\n      border-radius: 1rem;\n      .img-preview {\n        object-fit: cover;\n      }\n    }\n    &[data-image-count='3'] {\n      grid-template-columns: 1fr 1fr 1fr;\n      .img-wrapper {\n        &:first-child {\n          padding-top: 100%;\n          grid-column: 1/3;\n          grid-row: 1/3;\n        }\n      }\n    }\n  }\n"],["\n  display: grid;\n  grid-gap: 3px;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: auto;\n\n  .img-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: 56.25%;\n    grid-column: auto;\n\n    & > img {\n      cursor: zoom-in;\n    }\n\n    .img-preview-blur {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 110%;\n      height: 110%;\n      /* Add the blur effect */\n      -webkit-filter: blur(8px);\n      filter: blur(8px);\n      object-fit: cover;\n      object-position: center;\n      opacity: 0.8;\n      transform: translate(-50%, -50%);\n    }\n    .img-preview {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      object-position: center;\n    }\n    .img-more-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      background: rgba(0, 0, 0, 0.5);\n      z-index: 4;\n    }\n  }\n  &[data-image-count='1'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n      grid-column: 1/3;\n    }\n  }\n  &[data-image-count='2'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n    }\n  }\n  &[data-image-count='3'] {\n    .img-wrapper {\n      &:first-child {\n        grid-column: 1/3;\n      }\n    }\n  }\n  &[data-image-count='4'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n    }\n  }\n  &[data-image-count='5'] {\n    grid-template-columns: repeat(6, 1fr);\n    .img-wrapper {\n      /* padding-top: 100%; */\n      grid-column: auto/ span 2;\n\n      &:first-child {\n        padding-top: 56.25%;\n        grid-column: 1/4;\n      }\n      &:nth-child(2) {\n        padding-top: 56.25%;\n        grid-column: 4/7;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    grid-gap: 8px;\n    .img-wrapper {\n      padding-top: 66.66%;\n      border-radius: 1rem;\n      .img-preview {\n        object-fit: cover;\n      }\n    }\n    &[data-image-count='3'] {\n      grid-template-columns: 1fr 1fr 1fr;\n      .img-wrapper {\n        &:first-child {\n          padding-top: 100%;\n          grid-column: 1/3;\n          grid-row: 1/3;\n        }\n      }\n    }\n  }\n"]))),l=p.default.div(r||(r=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  display: flex;\n  overflow: hidden;\n  width: 100vw;\n  height: 100vh;\n  flex-direction: column;\n  background: white;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s linear;\n  &[data-open='true'] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n  .top-bar {\n    position: relative;\n    padding: 20px 40px;\n    .icon-arrow-left {\n      position: absolute;\n      top: 50%;\n      left: 20px;\n      height: 24px;\n      width: 24px;\n      cursor: pointer;\n      transform: translateY(-50%);\n    }\n  }\n  .container {\n    flex: 1;\n    overflow-y: auto;\n    .img-preview {\n      width: 100%;\n      min-width: 100%;\n      margin-bottom: 0.5rem;\n      cursor: pointer;\n      max-height: 100%;\n      object-fit: cover;\n    }\n  }\n"],["\n  position: fixed;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  display: flex;\n  overflow: hidden;\n  width: 100vw;\n  height: 100vh;\n  flex-direction: column;\n  background: white;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s linear;\n  &[data-open='true'] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n  .top-bar {\n    position: relative;\n    padding: 20px 40px;\n    .icon-arrow-left {\n      position: absolute;\n      top: 50%;\n      left: 20px;\n      height: 24px;\n      width: 24px;\n      cursor: pointer;\n      transform: translateY(-50%);\n    }\n  }\n  .container {\n    flex: 1;\n    overflow-y: auto;\n    .img-preview {\n      width: 100%;\n      min-width: 100%;\n      margin-bottom: 0.5rem;\n      cursor: pointer;\n      max-height: 100%;\n      object-fit: cover;\n    }\n  }\n"]))),g=p.default(i.NotificationBar)(a||(a=n.__makeTemplateObject(["\n  margin-bottom: 16px;\n"],["\n  margin-bottom: 16px;\n"])));exports.StyledImagePreviewPopup=l,exports.StyledNotificationBar=g,exports.StyledPostImagePreview=d;

package/build/together/components/molecules/postImagePreview/postSingleImageViewPopup/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-dom");require("date-fns"),require("../../../../../misc/animation.js"),require("../../../../../misc/lazyLoad.js"),require("styled-components"),require("../../../../../interfaces/constants.js");var r=require("../../../../../misc/utils.js");require("../../../../../interfaces/types/BabyGrowth.js"),require("../../../../../interfaces/types/Locale.js");var a=require("../../../../assets/svg/icon-chevron-right-white.svg.js"),l=require("../../../../assets/svg/icon-close.svg.js"),n=require("./index.styled.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=i(e),c=s(t);exports.PostSingleImageViewPopup=function(t){var i=t.initialViewIndex,s=t.images,o=t.onClose,d=e.useState(i),f=d[0],m=d[1],g=e.useState(!1),p=g[0],v=g[1];e.useEffect((function(){setTimeout((function(){v(!0)}),0)}),[]);var y=null==s?void 0:s[f],j=0===f,w=!(null==s?void 0:s.length)||f===(null==s?void 0:s.length)-1;return c.createPortal(u.default.createElement(n.StyledImagePreviewContainer,{"data-open":p&&!!y},u.default.createElement(n.StyledImagePreviewTopbar,null,u.default.createElement("img",{src:l,className:"icon-close",onClick:o,alt:"close"})),y&&f>=0&&u.default.createElement(u.default.Fragment,null,u.default.createElement(n.StyledImagePreviewWrapper,null,u.default.createElement("img",{className:"img-preview",src:y,alt:"post img open"}),u.default.createElement(n.StyledArrowWrapper,{"data-disabled":j,onClick:function(){return!j&&m(f-1)}},u.default.createElement(n.StyledCircleArrow,null,u.default.createElement("img",{src:a,style:{transform:"rotate(180deg)"},alt:"left arrow","data-disabled":j}))),u.default.createElement(n.StyledArrowWrapper,{"data-right":!0,"data-disabled":w,onClick:function(){return!w&&m(f+1)}},u.default.createElement(n.StyledCircleArrow,null,u.default.createElement("img",{src:a,alt:"right arrow","data-disabled":w})))))),r.getPopupWrapperDom())};

package/build/together/components/molecules/postImagePreview/postSingleImageViewPopup/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../../node_modules/tslib/tslib.es6.js"),e=require("../../../../../misc/utils.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,a,d,r,o,p=t(require("styled-components")),l=p.default.div(i||(i=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n  background: black;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s linear;\n  &[data-open='true'] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n"],["\n  position: fixed;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n  background: black;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s linear;\n  &[data-open='true'] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n"]))),s=p.default.div(a||(a=n.__makeTemplateObject(["\n  padding: 1rem;\n  background: white;\n  .icon-close {\n    width: 26px;\n    height: 26px;\n    cursor: pointer;\n  }\n"],["\n  padding: 1rem;\n  background: white;\n  .icon-close {\n    width: 26px;\n    height: 26px;\n    cursor: pointer;\n  }\n"]))),g=p.default.div(d||(d=n.__makeTemplateObject(["\n  position: relative;\n  flex: 1;\n  overflow: hidden;\n  > img {\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n    object-position: center;\n  }\n"],["\n  position: relative;\n  flex: 1;\n  overflow: hidden;\n  > img {\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n    object-position: center;\n  }\n"]))),c=p.default.div(r||(r=n.__makeTemplateObject(["\n  --inner-padding: max(16px, 20%);\n  height: 100%;\n  position: absolute;\n  left: 0;\n  padding: 8px;\n  padding-right: var(--inner-padding);\n  display: flex;\n  align-items: center;\n  top: 0;\n  cursor: pointer;\n  &[data-right] {\n    padding-right: 8px;\n    padding-left: var(--inner-padding);\n    left: unset;\n    right: 0;\n  }\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n  }\n"],["\n  --inner-padding: max(16px, 20%);\n  height: 100%;\n  position: absolute;\n  left: 0;\n  padding: 8px;\n  padding-right: var(--inner-padding);\n  display: flex;\n  align-items: center;\n  top: 0;\n  cursor: pointer;\n  &[data-right] {\n    padding-right: 8px;\n    padding-left: var(--inner-padding);\n    left: unset;\n    right: 0;\n  }\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n  }\n"]))),u=p.default.div(o||(o=n.__makeTemplateObject(["\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  > img {\n    width: 16px;\n    height: 16px;\n    &[data-disabled='true'] {\n      opacity: 0.5;\n    }\n  }\n  "," {\n    padding: 8px;\n    > img {\n      width: 30px;\n      height: 30px;\n    }\n  }\n"],["\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  > img {\n    width: 16px;\n    height: 16px;\n    &[data-disabled='true'] {\n      opacity: 0.5;\n    }\n  }\n  "," {\n    padding: 8px;\n    > img {\n      width: 30px;\n      height: 30px;\n    }\n  }\n"])),e.MediaQueries.tdUp);exports.StyledArrowWrapper=c,exports.StyledCircleArrow=u,exports.StyledImagePreviewContainer=l,exports.StyledImagePreviewTopbar=s,exports.StyledImagePreviewWrapper=g;

package/build/together/components/molecules/shareBox/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../components/atoms/text/index.js"),a=require("../../../../hooks/useTranslations.js"),r=require("../../../../misc/theme.js"),s=require("../../../togetherComponentGlobalContext.js"),n=require("../../../assets/images/icon-whatsapp.png.js"),o=require("../../../assets/images/icon-zalo.png.js"),c=require("../../../assets/marrybaby/svg/copy.svg.js"),i=require("../../../assets/marrybaby/svg/facebook.svg.js"),l=require("../../../assets/marrybaby/svg/linkedin.svg.js"),u=require("../../../assets/marrybaby/svg/messenger.svg.js"),m=require("../../../assets/marrybaby/svg/twitter.svg.js"),h=require("../../../assets/marrybaby/svg/zalo.png.js"),f=require("../../../assets/svg/icon-facebook.svg.js"),p=require("../../../assets/svg/icon-linkedin.svg.js"),d=require("../../../assets/svg/icon-twitter.svg.js"),g=require("./index.styled.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=y(e);exports.ShareBox=function(y){var b=y.className,w=y.style,k=y.shareUrl,j=y.title,q=e.useContext(s.TogetherComponentGlobalContext),x=q.action.pushNotifications,_=q.data.env.isMarryBaby,E=a.useTranslations().t,C=e.useRef(null),N=e.useState(!1),T=N[0],z=N[1],S=function(){if(null==C?void 0:C.current){var e=document.createElement("textarea");e.value=C.current.value,document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e),C.current.focus(),z(!0),x({title:"",message:E("share.linkCopied"),type:"success"})}};e.useEffect((function(){S(),navigator.share&&navigator.share({title:j||"Read This Post",url:k}).then((function(e){x({title:"",message:E("share.linkShared"),type:"success"})})).catch(console.error)}),[]);var F=function(e,t){return t?[{icon:i,name:"Facebook",href:"https://www.facebook.com/sharer.php?u=".concat(e)},{icon:h,name:"Zalo",href:"https://sp.zalo.me/share?href=".concat(e)},{icon:m,name:"Twitter",href:"https://twitter.com/intent/tweet?url=".concat(e)},{icon:l,name:"LinkedIn",href:"https://www.linkedin.com/sharing/share-offsite/?url=".concat(e)},{icon:u,name:"Messenger",href:"https://www.facebook.com/sharer.php?u=".concat(e)}]:[{icon:f,name:"Facebook",href:"https://www.facebook.com/sharer.php?u=".concat(e)},{icon:o,name:"Zalo",href:"https://sp.zalo.me/share?href=".concat(e)},{icon:d,name:"Twitter",href:"https://twitter.com/intent/tweet?url=".concat(e)},{icon:n,name:"WhatsApp",href:"https://wa.me/?text=".concat(e)},{icon:p,name:"LinkedIn",href:"https://www.linkedin.com/sharing/share-offsite/?url=".concat(e)}]}(k||"",_);return v.default.createElement(g.StyledShare,{"data-is-marrybaby":_,className:b,style:w},v.default.createElement("div",{className:"share__social"},F.map((function(e,a){return v.default.createElement("a",{key:a,href:e.href,target:"_blank",rel:"noreferrer"},v.default.createElement("img",{src:e.icon}),v.default.createElement(t.Text,{className:"__label",size:"label2",type:"regular"},e.name))}))),v.default.createElement("div",{className:"share__copy-link"},v.default.createElement(t.Text,{className:"__label",color:r.theme.colors.gray500,size:"p4",type:"regular"},E("orCopyLink")),v.default.createElement("div",{className:"__input-group"},v.default.createElement("input",{ref:C,type:"text",value:k,readOnly:!0,onFocus:function(e){return e.target.select()}}),v.default.createElement("button",{className:"__copy",onClick:function(){return S()}},_?v.default.createElement("img",{src:c}):E(T?"copied":"copy")))))};

package/build/together/components/molecules/shareBox/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),e=require("../../../../misc/utils.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,r=t(require("styled-components")).default.div(i||(i=n.__makeTemplateObject(["\n  padding: 1rem;\n  .share__social {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n\n    & > a {\n      margin: 0 7px;\n\n      & > img {\n        width: 32px;\n        height: 32px;\n      }\n      .__label {\n        display: none;\n      }\n    }\n  }\n\n  .share__copy-link {\n    position: relative;\n    padding: 1rem 0.5rem 0;\n\n    margin-top: 16px;\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: calc(100% + 2rem);\n      border-top: 1px solid\n        ",";\n      margin-left: -1rem;\n      content: '';\n    }\n    .__label {\n      margin-bottom: 8px;\n      font-size: 11px;\n      font-weight: 400;\n      line-height: 17px;\n      text-align: left;\n    }\n\n    .__input-group {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      height: 40px;\n      border: 1px solid ",";\n      background: #fff;\n      border-radius: 6px;\n\n      & > input {\n        width: 100%;\n        height: 100%;\n        padding: 0 16px;\n        border: none;\n        background: transparent;\n        color: ",";\n\n        &:focus {\n          outline: none;\n        }\n      }\n\n      .__copy {\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 71px;\n        height: 100%;\n        padding-left: 12px;\n        background: linear-gradient(\n          90deg,\n          rgba(255, 255, 255, 0.1) 0%,\n          #fff 17%,\n          #fff 100%\n        );\n        color: ",";\n        cursor: pointer;\n        font-size: 14px;\n        font-weight: 400;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    "," {\n      padding: 0.5rem;\n    }\n    .share__social {\n      justify-content: space-between;\n      & > a {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        "," {\n          margin: 0;\n        }\n        & > img {\n          margin-bottom: 0.8rem;\n        }\n        .__label {\n          display: initial;\n        }\n      }\n    }\n    .share__copy-link {\n      padding: 0;\n      &::before {\n        display: none;\n      }\n      .__label {\n        display: none;\n      }\n      .__input-group {\n        height: unset;\n        background-color: rgb(243, 243, 243);\n        border-radius: 16px;\n        & > input {\n          padding: 1rem;\n        }\n        .__copy {\n          background: linear-gradient(\n            90deg,\n            rgba(255, 255, 255, 0.1) 0%,\n            #f3f3f3 17%,\n            #f3f3f3 100%\n          );\n        }\n      }\n    }\n  }\n"],["\n  padding: 1rem;\n  .share__social {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n\n    & > a {\n      margin: 0 7px;\n\n      & > img {\n        width: 32px;\n        height: 32px;\n      }\n      .__label {\n        display: none;\n      }\n    }\n  }\n\n  .share__copy-link {\n    position: relative;\n    padding: 1rem 0.5rem 0;\n\n    margin-top: 16px;\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: calc(100% + 2rem);\n      border-top: 1px solid\n        ",";\n      margin-left: -1rem;\n      content: '';\n    }\n    .__label {\n      margin-bottom: 8px;\n      font-size: 11px;\n      font-weight: 400;\n      line-height: 17px;\n      text-align: left;\n    }\n\n    .__input-group {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      height: 40px;\n      border: 1px solid ",";\n      background: #fff;\n      border-radius: 6px;\n\n      & > input {\n        width: 100%;\n        height: 100%;\n        padding: 0 16px;\n        border: none;\n        background: transparent;\n        color: ",";\n\n        &:focus {\n          outline: none;\n        }\n      }\n\n      .__copy {\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 71px;\n        height: 100%;\n        padding-left: 12px;\n        background: linear-gradient(\n          90deg,\n          rgba(255, 255, 255, 0.1) 0%,\n          #fff 17%,\n          #fff 100%\n        );\n        color: ",";\n        cursor: pointer;\n        font-size: 14px;\n        font-weight: 400;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    "," {\n      padding: 0.5rem;\n    }\n    .share__social {\n      justify-content: space-between;\n      & > a {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        "," {\n          margin: 0;\n        }\n        & > img {\n          margin-bottom: 0.8rem;\n        }\n        .__label {\n          display: initial;\n        }\n      }\n    }\n    .share__copy-link {\n      padding: 0;\n      &::before {\n        display: none;\n      }\n      .__label {\n        display: none;\n      }\n      .__input-group {\n        height: unset;\n        background-color: rgb(243, 243, 243);\n        border-radius: 16px;\n        & > input {\n          padding: 1rem;\n        }\n        .__copy {\n          background: linear-gradient(\n            90deg,\n            rgba(255, 255, 255, 0.1) 0%,\n            #f3f3f3 17%,\n            #f3f3f3 100%\n          );\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.primaryBase}),e.MediaQueries.mbDown,e.MediaQueries.mbDown);exports.StyledShare=r;

package/build/together/components/molecules/socialLinkPreview/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../../../togetherComponentGlobalContext.js"),n=require("../../../api/paths.js"),i=require("../../../api/utils.js"),o=require("../../../interfaces/constants.js"),a=require("../../../utils/post.js"),l=require("../../atoms/loading/index.js"),u=require("./index.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(t);exports.SocialLinkPreview=function(c){var d=c.url,f=c.image,h=c.className,m=c.style,v=t.useContext(r.TogetherComponentGlobalContext).data.locale,g=t.useState(null),p=g[0],w=g[1];t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(t){return f?[2]:d?(w((function(t){return e.__assign(e.__assign({},t),{isFetching:!0})})),i.callApi(i.getApiPath(n.PATHS.FETCH_PREVIEW,{_locale:v}),"POST",{data:{link:d}}).then((function(e){var t,r;w({url:d,image:(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.image)||(null===(r=null==e?void 0:e.data)||void 0===r?void 0:r.logo)})})).catch((function(){w(null)})),[2]):[2,w(null)]}))}))}),[d,f]);var b=(null==p?void 0:p.image)||f,E=(null==p?void 0:p.url)||d,_=t.useMemo((function(){return a.youtubeVidIdGetter(E)}),[E]),y=t.useMemo((function(){return a.facebookVidIdGetter(E)}),[E]),k=t.useRef(0),j=t.useRef(0),S=t.useState(!1),q=S[0],M=S[1];t.useEffect((function(){var e=function(){var e,t=null===(e=x.current)||void 0===e?void 0:e.getBoundingClientRect(),r=!1;t&&(!k.current||Math.abs((k.current-t.width)/(null==t?void 0:t.width))>.2)&&(k.current=Math.floor(t.width),r=!0),t&&(!j.current||Math.abs((j.current-t.height)/(null==t?void 0:t.height))>.2)&&(j.current=Math.floor(t.height),r=!0),r&&M((function(e){return!e}))};return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]);var x=t.useRef(null),C=t.useRef(!1);return s.default.createElement(u.StyledSocialLinkPreview,{className:"".concat(h," no-replace-click"),style:m,ref:x},f||!_&&!y?s.default.createElement("a",{href:E,target:"_blank",rel:"noreferrer"},s.default.createElement("div",{className:"link-image-wrapper ".concat((null==p?void 0:p.isFetching)?"fetching":"")},(null==p?void 0:p.isFetching)?s.default.createElement(l.Loading,{className:"loading-spinner"}):s.default.createElement("img",{className:"link-image",src:b||o.DEFAULT_IMG,onError:function(e){C.current||(C.current=!0,e.currentTarget.src=o.DEFAULT_IMG)}}))):s.default.createElement("div",{className:"link-image-wrapper"},_?s.default.createElement("iframe",{width:"100%",height:"100%",src:"https://www.youtube.com/embed/".concat(_,"?&autoplay=1&mute=1"),frameBorder:"0",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,border:"none",overflow:"hidden"}}):y?s.default.createElement("iframe",{key:String(q),src:"https://www.facebook.com/plugins/video.php?href=".concat(encodeURIComponent(E),"&autoplay=1&show_text=false&t=0&width=").concat(k.current,"&height=").concat(j.current),style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:j.current,width:k.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"}):null))};

package/build/together/components/molecules/socialLinkPreview/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,i=e(require("styled-components")).default.div(t||(t=n.__makeTemplateObject(["\n  .link-info-container {\n    padding: 0.5rem 1rem;\n    background: #f4faff;\n  }\n  .link-image-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: 56.25%;\n    &.fetching {\n      background: lightgray;\n    }\n    .loading-spinner {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n    .link-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n  a {\n    text-decoration: none;\n  }\n  &[data-is-marrybaby='true'] {\n    overflow: hidden;\n    border-radius: 1rem;\n  }\n"],["\n  .link-info-container {\n    padding: 0.5rem 1rem;\n    background: #f4faff;\n  }\n  .link-image-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: 56.25%;\n    &.fetching {\n      background: lightgray;\n    }\n    .loading-spinner {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n    .link-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n  a {\n    text-decoration: none;\n  }\n  &[data-is-marrybaby='true'] {\n    overflow: hidden;\n    border-radius: 1rem;\n  }\n"])));exports.StyledSocialLinkPreview=i;

package/build/together/components/molecules/submitReportForm/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../../../../components/atoms/button/index.js"),s=require("../../../../components/atoms/text/index.js"),a=require("../../../../hooks/useTranslations.js"),o=require("../../../../misc/theme.js"),n=require("../../../togetherComponentGlobalContext.js"),i=require("../../../assets/svg/icon-alert-circle.svg.js"),l=require("../../../utils/apiActions/post.js"),u=require("./index.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=c(t);exports.SubmitReportForm=function(c){var d=c.className,p=c.style,b=c.reason,f=c.reasonText,y=c.onClose,v=c.postId,h=t.useContext(n.TogetherComponentGlobalContext),j=h.data,x=j.locale,g=j.env.isMarryBaby,q=h.action.pushNotifications,_=a.useTranslations().t,C=t.useState(!1),N=C[0],E=C[1];return m.default.createElement(u.StyledSubmitReportForm,{"data-is-marrybaby":g,className:d,style:p},m.default.createElement("ul",{className:"report-list"},m.default.createElement("li",{className:"report-item"},m.default.createElement("img",{src:i}),m.default.createElement(s.Text,{className:"__label",color:o.theme.colors.gray800,size:"p4"},f))),m.default.createElement(r.Button,{theme:g?"marryBaby":"helloSites",className:"report-submit",size:"lg",color:"primary",isLoading:N,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(!v||N)return[2];E(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,l.reportPost({id:v,reason:b,locale:x})];case 2:return 1===(null==(t=e.sent())?void 0:t.status)&&(q({message:"Post reported",type:"success"}),y&&y()),[3,4];case 3:return e.sent(),[3,4];case 4:return E(!1),[2]}}))}))}},_("submit")))};

package/build/together/components/molecules/submitReportForm/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e,i=t(require("styled-components")).default.div(e||(e=n.__makeTemplateObject(["\n  padding: 0 8px;\n  margin-top: 18px;\n\n  .report-list {\n    margin-bottom: 18px;\n\n    .report-item {\n      display: flex;\n      align-items: center;\n      margin-bottom: 10px;\n      font-weight: 600;\n\n      & > img {\n        width: 12px;\n        height: 12px;\n        margin-right: 8px;\n      }\n\n      .__label {\n        font-size: 14px;\n      }\n    }\n  }\n\n  .report-submit {\n    width: 100%;\n  }\n  &[data-is-marrybaby='true'] {\n    padding: 0 1rem 1rem;\n  }\n"],["\n  padding: 0 8px;\n  margin-top: 18px;\n\n  .report-list {\n    margin-bottom: 18px;\n\n    .report-item {\n      display: flex;\n      align-items: center;\n      margin-bottom: 10px;\n      font-weight: 600;\n\n      & > img {\n        width: 12px;\n        height: 12px;\n        margin-right: 8px;\n      }\n\n      .__label {\n        font-size: 14px;\n      }\n    }\n  }\n\n  .report-submit {\n    width: 100%;\n  }\n  &[data-is-marrybaby='true'] {\n    padding: 0 1rem 1rem;\n  }\n"])));exports.StyledSubmitReportForm=i;

package/build/together/components/molecules/topicSelectList/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../../../togetherComponentGlobalContext.js"),a=require("../../../api/dataTransform.js"),n=require("../../../api/paths.js"),i=require("../../../api/utils.js"),o=require("../../atoms/loading/index.js"),d=require("./index.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(t),s=function(e){var t=e.topic,r=e.disabled,a=e.selected,n=e.onClick;return u.default.createElement("div",{className:"tag-item"+(a?" --active":""),"data-disabled":r,onClick:r?void 0:n},t.name)};exports.TopicSelectList=function(c){var l=c.className,p=c.style,m=c.topics,f=c.communityId,y=c.onChange,v=c.isLoading,g=c.disabled,C=c.forceTopics,I=c.selectedTopics,b=c.noFetch,j=t.useContext(r.TogetherComponentGlobalContext).data,_=j.locale,h=j.env.isMarryBaby,T=t.useState(m?e.__spreadArray([],m,!0):[]),q=T[0],x=T[1],E=t.useState(I?e.__spreadArray([],I,!0):[]),S=E[0],A=E[1],k=t.useState(!1),L=k[0],N=k[1],P=t.useRef(m);P.current=m,t.useEffect((function(){var t;!f||b||(null===(t=P.current)||void 0===t?void 0:t.length)||(x([]),N(!0),e.__awaiter(void 0,void 0,void 0,(function(){var t,r,o,d;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,i.callApi(i.getApiPath(n.PATHS.TOPIC.LIST,{communityId:f,_locale:_}),"GET")];case 1:return t=e.sent(),r=null===(d=null==t?void 0:t.data)||void 0===d?void 0:d.topics,Array.isArray(r)&&x((function(){return(null==r?void 0:r.map(a.formatTopic).sort((function(e,t){return(e.order||0)-(t.order||0)})))||[]})),[3,3];case 2:return o=e.sent(),console.log(o),N(!1),[3,3];case 3:return N(!1),[2]}}))})))}),[f,b]);var G=null==m?void 0:m.map((function(e){return e.id})).join("-"),M=null==q?void 0:q.map((function(e){return e.id})).join("-"),w=null==C?void 0:C.map((function(e){return e.id})).join("-");t.useEffect((function(){m&&void 0!==G&&G!==M&&x(m)}),[m,G,M]);var O=t.useMemo((function(){return q.filter((function(e){return!(null==C?void 0:C.some((function(t){return t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId})))}))}),[M,w]);return u.default.createElement(d.StyledTopicSelectList,{"data-is-marrybaby":h,className:l,style:p},C.map((function(e){return u.default.createElement(s,{key:"".concat(e.id,"-").concat(e.mappedCategoryId),topic:e,disabled:!0,selected:!0})})),O.map((function(e){return u.default.createElement(s,{key:"".concat(e.id,"-").concat(e.mappedCategoryId),topic:e,disabled:g,selected:(I||S).some((function(t){return t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId})),onClick:function(){var t=I||S,r=t.findIndex((function(t){return t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId}));-1!==r?t.splice(r,1):t.push(e),y&&I?y(t.slice()):(y&&y(t.slice()),A(t.slice()))}})})),(v||L)&&u.default.createElement(o.Loading,{className:"topic-spinner"}))};

package/build/together/components/molecules/topicSelectList/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e,t=r(require("styled-components")).default.div(e||(e=n.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  flex-wrap: wrap;\n  margin-top: 1rem;\n\n  .tag-item {\n    min-height: 32px;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    margin-right: 1rem;\n    margin-bottom: 8px;\n    border-radius: 1rem;\n    color: ",";\n    cursor: pointer;\n    font-size: 13px;\n    line-height: 22px;\n    transition: all 0.2s;\n\n    &.--active {\n      border-color: ",";\n      background: ",";\n      color: ",";\n    }\n    &[data-disabled='true'] {\n      background: ",";\n      color: ",";\n    }\n  }\n  .topic-spinner {\n    margin-right: auto;\n    margin-left: auto;\n    & > button {\n      width: 24px;\n      height: 24px;\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .tag-item {\n      border-color: transparent;\n      background: #f3f3f3;\n      color: #3e3f58;\n      &.--active {\n        border-color: #b6cdff;\n        background: #e0e9fb;\n        color: #3e3f58;\n      }\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  flex-wrap: wrap;\n  margin-top: 1rem;\n\n  .tag-item {\n    min-height: 32px;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    margin-right: 1rem;\n    margin-bottom: 8px;\n    border-radius: 1rem;\n    color: ",";\n    cursor: pointer;\n    font-size: 13px;\n    line-height: 22px;\n    transition: all 0.2s;\n\n    &.--active {\n      border-color: ",";\n      background: ",";\n      color: ",";\n    }\n    &[data-disabled='true'] {\n      background: ",";\n      color: ",";\n    }\n  }\n  .topic-spinner {\n    margin-right: auto;\n    margin-left: auto;\n    & > button {\n      width: 24px;\n      height: 24px;\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .tag-item {\n      border-color: transparent;\n      background: #f3f3f3;\n      color: #3e3f58;\n      &.--active {\n        border-color: #b6cdff;\n        background: #e0e9fb;\n        color: #3e3f58;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray800}));exports.StyledTopicSelectList=t;

package/build/together/components/organisms/cardPost/cardPostPopover.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),o=require("../../../../hooks/useTranslations.js"),r=require("../../../interfaces/constants.js"),s=require("../../../api/paths.js"),i=require("../../../api/utils.js"),n=require("../../../assets/marrybaby/svg/moreSolid.svg.js"),a=require("../../../assets/svg/icon-alert-circle.svg.js"),l=require("../../../assets/svg/icon-bookmark-fill.svg.js"),u=require("../../../assets/svg/icon-bookmark.svg.js"),c=require("../../../assets/svg/icon-kebab.svg.js"),p=require("../../../assets/svg/icon-share-on-media.svg.js"),d=require("../../../assets/svg/icon-tab-edit-2.svg.js"),v=require("../../../assets/svg/icon-trash-bin.svg.js"),m=require("../../../hooks/useTogetherAuthRequiredAction.js"),b=require("../../../togetherComponentGlobalContext.js"),g=require("../../../utils/apiActions/post.js"),P=require("../../molecules/popupDanger/index.js"),h=require("../../molecules/popupFrame/popupShare.js"),f=require("../../molecules/submitReportForm/index.js"),j=require("../popoverMenu/treePopoverMenu.js");function k(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var A=k(t);exports.CardPostPopoverMore=function(k){var q=k.authorEmail,E=k.onDeletePost,T=k.shareUrl,_=k.post,R=k.className,S=void 0===R?"":R,y=k.popoverClassName,C=void 0===y?"":y,x=k.onBookmark,O=k.onRemoveBookmark,M=k.onEditPost,w=t.useContext(b.TogetherComponentGlobalContext),I=w.data,N=I.locale,B=I.userInfo,D=I.togetherUserId,K=I.env.isMarryBaby,F=w.action.pushNotifications,L=o.useTranslations().t,W=t.useState(!1),G=W[0],H=W[1],U=t.useState(!1),V=U[0],z=U[1],J=t.useState(!1),Q=J[0],X=J[1],Y=m.useTogetherAuthRequiredAction().authActionWrapper,Z=q&&(null==B?void 0:B.email)&&q===String(null==B?void 0:B.email);return A.default.createElement("div",{className:S,onClick:function(e){e.preventDefault(),e.stopPropagation()}},Q&&A.default.createElement(h.SharePopup,{url:T,text:null==_?void 0:_.title,onClose:function(){return X(!1)}}),V&&A.default.createElement(P.PopupDanger,{thumbnail:"./svg/delete.svg",isThumbnailIcon:!0,title:L("popup.deletePost.title"),description:L("popup.deletePost.description"),acceptText:L("popup.deletePost.accept"),cancelText:L("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==_?void 0:_.id)||G)return[2];H(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,g.deletePost({id:_.id,locale:N})];case 2:return 1===(null==(t=e.sent())?void 0:t.status)&&(null==E||E()),[3,4];case 3:return e.sent(),[3,4];case 4:return H(!1),[2]}}))}))},onClose:function(){return z(!1)}}),A.default.createElement(j.TreePopoverMenu,{className:C,toggleButtonContent:A.default.createElement("img",{src:K?n:c}),position:"bottom",align:"end",buttonProps:{isLoading:G},data:Z?{isShowheader:!1,type:"list",list:[{icon:p,label:L("morePopover.share"),onClick:function(){return X(!0)}},{icon:d,label:L("actionPopover.edit"),onClick:M},{icon:v,label:L("actionPopover.delete"),onClick:function(){Y((function(){return z(!0)}))}}]}:{isShowheader:!1,type:"list",list:[{icon:p,label:L("morePopover.share"),onClick:function(){return X(!0)}},{icon:(null==_?void 0:_.bookmarked)?l:u,label:(null==_?void 0:_.bookmarked)?L("morePopover.unsavePost"):L("morePopover.savePost"),onClick:function(){Y((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==B?void 0:B.id)&&(null==_?void 0:_.id)?(null==_?void 0:_.bookmarked)?[4,i.callApiWithAuth(i.getApiPath(s.PATHS.BOOKMARK.DELETE,{_locale:N}),"DELETE",{data:{post_id:String(_.id)}})]:[3,2]:[2];case 1:return 1===(null==(t=e.sent())?void 0:t.status)?(F({title:"",message:"Removed saved post",type:"success",displayIcon:u}),O&&O()):F({title:"",message:"Remove failed",type:"danger",displayIcon:u}),[3,4];case 2:return[4,i.callApiWithAuth(i.getApiPath(s.PATHS.BOOKMARK.CREATE,{_locale:N}),"POST",{data:{user_id:D||B.id,post_id:_.id}})];case 3:1===(null==(t=e.sent())?void 0:t.status)?(F({title:"",message:"Post saved",type:"success",displayIcon:l}),x&&x()):F({title:"",message:"Post saved failed",type:"danger",displayIcon:u}),e.label=4;case 4:return[2]}}))}))}))}},{icon:a,label:L("morePopover.report"),subTree:{title:L("morePopover.report.title"),description:L("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(r.REPORT_REASON_MAP).map((function(e){return{label:r.REPORT_REASON_MAP[e].label,reason:r.REPORT_REASON_MAP[e].reportReasonText,reasonValue:e}})).map((function(e){return{label:L(e.label),subTree:{title:L("morePopover.reportSubmit.title"),description:L("morePopover.reportSubmit.description"),isShowheader:!0,type:"jsx",jsxRenderer:function(t){return A.default.createElement(f.SubmitReportForm,{reason:e.reasonValue,reasonText:L(e.reason),postId:null==_?void 0:_.id,onClose:function(){return t&&t(!1)}})}}}}))}}]}}))};