npm - @hhgtech/hhg-components - Versions diffs - 1.22.40 → 1.22.41-beta-1 - Mend

@hhgtech/hhg-components 1.22.40 → 1.22.41-beta-1

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

Files changed (1755) hide show

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../externals/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/debounce"),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=h(o),w=null;function A(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=N(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 N(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=N(n.childNodes,t)}else n.nodeType===Node.TEXT_NODE&&(t+=(n.nodeValue||"").replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'").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(),w=t.default,n=t.Quill||w.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(/(\ )+/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(/(\ )+/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 x=function(n){var r,i,o,s,g=n.html,h=n.onChange,b=n.className,N=n.style,x=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(C.default((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==h||h(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(x);F.current=x;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===(s=null===(o=Q.current)||void 0===o?void 0:o.getEditor())||void 0===s?void 0:s.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=A(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(C.default((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:b,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(T,{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==h||h(o),z(o)}}),w&&E.default.createElement(w,{ref:Q,theme:"snow",value:g,onChange:function(e){null==h||h(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)))}))))},T=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(R,{onAddUrl:t,setShow:n})}))))},y=["notification.limitUrlDomain","notification.urlWrongFormat"],R=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);return n.protocol.startsWith("http")?v.ALLOW_DOMAIN_URL.some((function(e){return n.origin.endsWith("/"+e)||n.origin.endsWith("."+e)}))?(w(-1),!0):(w(0),!1):(w(1),!1)}catch(e){return w(1),!1}}(e)}}),C>=0&&E.default.createElement(a.Text,{size:"c2",className:"error-text"},c(y[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=x,exports.default=x;

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

@@ -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/useImagesPicker.js"),n=require("../../../../hooks/useTranslations.js"),l=require("innertext"),r=require("../../../../misc/theme.js"),i=require("../../../interfaces/constants.js"),s=require("../../../assets/svg/icon-alert-circle-warning.svg.js"),c=require("../../../assets/svg/icon-close-circle.svg.js"),u=require("../../atoms/cardLink/index.js"),o=require("../../atoms/loading/index.js"),m=require("./editor.js"),d=require("./index.styled.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=g(e),p=g(l);exports.CreatePostDescription=function(l){var g=l.className,v=l.style,E=l.bannedWords,h=void 0===E?[]:E,j=l.value,x=l.onChange,C=l.onPreviewUrlChange,k=l.onInvalidUrlsChange,q=l.onImageFilesChange,y=l.imageFiles,N=l.isReplying,P=n.useTranslations().t,I=e.useState(null),w=I[0],b=I[1],R=e.useRef(null),T=a.useImagePicker(y,q),S=T.onSelectImages,U=T.onRemoveImage,F=T.imageSrcs;return e.useEffect((function(){C&&((null==w?void 0:w.url)?C({title:w.title||"",url:w.url||"",image:w.image||"",description:w.description||""}):C(null))}),[w]),f.default.createElement(d.StyledCreatePostDescription,{className:g,style:v},f.default.createElement(t.Text,{size:"p4",className:"description-label"},P("createPost.popup.description")),f.default.createElement("div",{className:"textarea-control"},f.default.createElement("div",{className:"textarea-wrapper"},f.default.createElement(m.RichTextEditor,{html:j||"",onChange:x,bannedWords:h,onImagePickerClick:function(){var e;return null===(e=R.current)||void 0===e?void 0:e.click()},onPreviewUrlChange:b,onInvalidUrlsChange:k,isReplying:N}))),f.default.createElement(t.Text,{size:"p4",className:"count-string"},P("character"),": ",p.default(j||"").length),(!F||0===F.length)&&w&&f.default.createElement("div",{className:"link-preview-wrapper"},w.isFetching?f.default.createElement(o.Loading,null):f.default.createElement(f.default.Fragment,null,f.default.createElement(u.CardLink,{title:w.title,url:w.url||"#",image:w.image,noRefetch:!0}),f.default.createElement("img",{src:c,className:"icon-close",onClick:function(){return b(null)}}))),f.default.createElement("input",{ref:R,type:"file",accept:"image/png, image/gif, image/jpeg",multiple:!0,style:{display:"none"},onChange:S}),F.length>i.MAX_IMAGE_UPLOADS?f.default.createElement("div",{className:"input-notification"},f.default.createElement("img",{src:s}),f.default.createElement(t.Text,{size:"p4",color:r.theme.colors.alertWarning},P("createPost.popup.warningImage"))):null,F.length>0&&f.default.createElement("div",{className:"image-gallery"},F.map((function(e,t){return f.default.createElement("div",{key:t,className:"image-item"},f.default.createElement("img",{src:e}),f.default.createElement("img",{className:"close-btn",src:c,onClick:function(){return U(t)}}))}))))};

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

@@ -0,0 +1 @@

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

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

@@ -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 ADDED Viewed

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

@@ -0,0 +1 @@

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

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -0,0 +1 @@

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../../externals/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 ADDED Viewed

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../../externals/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 ADDED Viewed

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../../externals/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 ADDED Viewed

@@ -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"),s=require("../../../../components/atoms/icons/FullScreen.js"),a=require("../../../assets/svg/icon-close.svg.js"),l=require("./index.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);exports.PopupFrame=function(r){var c=r.className,i=r.style,u=r.closeIcon,d=r.heading,m=void 0===d?"":d,p=r.children,f=r.isOpen,v=void 0!==f&&f,E=r.hasFullscreen,y=void 0!==E&&E,g=r.onClose,h=void 0===g?function(){return null}:g,j=e.useState(!1),x=j[0],q=j[1];return o.default.createElement(l.StyledPopupFrame,{className:c,style:i,isExpand:x,hasFullscreen:y},o.default.createElement(n.Popup,{type:"confirm",onClose:h,isOpen:v,closeIcon:u||o.default.createElement("img",{src:a}),enableAnimation:!y},o.default.createElement("div",{className:"header"},o.default.createElement(t.Heading,{tag:"h5"},m),y&&o.default.createElement(l.StyledFSBtn,{onClick:function(){return q(!x)}},o.default.createElement(s,{size:14,isExpand:x}))),o.default.createElement("div",{className:"content"},"function"==typeof p?p(x):p)))};

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../../externals/tslib/tslib.es6.js'),e=require("styled-components");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,d,p,a,o=t(e),l=o.default.div(p||(p=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 font-weight: 900;\n width: 100%;\n justify-content: space-between;\n }\n\n .content {\n overflow: auto;\n flex: 1;\n .topic-list-wrapper {\n padding: 1rem;\n }\n }\n }\n }\n\n > div&[data-open='true'] {\n z-index: 250;\n &:last-child {\n z-index: 200;\n }\n }\n\n ","\n\n ","\n"],["\n [data-type='confirm'] {\n max-width: 468px;\n height: 486px;\n padding: 0;\n\n .popup-content {\n display: flex;\n flex-direction: column;\n padding: 0;\n\n .close-button {\n top: 16px;\n right: 16px;\n width: 24px;\n height: 24px;\n z-index: 5;\n }\n\n .header {\n display: flex;\n height: 56px;\n align-items: center;\n padding: 16px 56px 16px 32px;\n border-bottom: 1px solid ",";\n font-weight: 900;\n width: 100%;\n justify-content: space-between;\n }\n\n .content {\n overflow: auto;\n flex: 1;\n .topic-list-wrapper {\n padding: 1rem;\n }\n }\n }\n }\n\n > div&[data-open='true'] {\n z-index: 250;\n &:last-child {\n z-index: 200;\n }\n }\n\n ","\n\n ","\n"])),(function(n){return n.theme.colors.neutral100}),(function(t){return t.isExpand&&e.css(i||(i=n.__makeTemplateObject(["\n & > div[data-open] {\n width: 100%;\n height: 100%;\n max-width: none;\n max-height: none;\n }\n "],["\n & > div[data-open] {\n width: 100%;\n height: 100%;\n max-width: none;\n max-height: none;\n }\n "])))}),(function(t){return t.hasFullscreen&&e.css(d||(d=n.__makeTemplateObject(["\n & > div[data-open] {\n transition: all 0.5s ease-in-out, width 0s, height 0s;\n }\n "],["\n & > div[data-open] {\n transition: all 0.5s ease-in-out, width 0s, height 0s;\n }\n "])))})),r=o.default.div(a||(a=n.__makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n"],["\n cursor: pointer;\n display: flex;\n align-items: center;\n"])));exports.StyledFSBtn=r,exports.StyledPopupFrame=l;

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../externals/tslib/tslib.es6.js'),n=require("react"),t=require("@mantine/core"),r=require("../../../../components/atoms/heading/index.js"),a=require("../../../../components/atoms/text/index.js"),o=require("../../../../hooks/useTranslations.js"),i=require("../../../../misc/utils.js"),s=require("styled-components"),d=require("../../../togetherComponentGlobalContext.js"),l=require("./index.js"),m=require("../shareBox/index.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u,c=p(n),h=p(s).default.div(u||(u=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}),i.MediaQueries.mbDown);exports.SharePopup=function(e){var s=e.trackingCategory,p=e.className,u=e.style,b=e.url,f=e.avatar,g=e.text,x=e.onClose,y=n.useContext(d.TogetherComponentGlobalContext).data.env.isMarryBaby,w=o.useTranslations().t,_=n.useState(!1),v=_[0],k=_[1];return n.useEffect((function(){return i.toggleNoScroll(!0),setTimeout((function(){return k(!0)}),0),function(){return i.toggleNoScroll(!1)}}),[]),c.default.createElement(t.Portal,null,c.default.createElement(h,{"data-is-marrybaby":y,className:p,style:u},c.default.createElement(l.PopupFrame,{className:"share-popup",isOpen:v,onClose:x,heading:w("bottomBar.share")},y?c.default.createElement(a.Text,{className:"share-mb-text",size:"sm"},w("article.shareOn")):c.default.createElement("div",{className:"custom-share__header"},f&&c.default.createElement("div",{className:"custom-share__header-image"},c.default.createElement("img",{src:f})),c.default.createElement("div",{className:"custom-share__header-info"},c.default.createElement(r.Heading,{tag:"h4"},g),c.default.createElement(a.Text,{className:"desc",size:"md"},b))),v&&c.default.createElement(m.ShareBox,{trackingCategory:s,shareUrl:b||("undefined"!=typeof window?window.location.href:""),title:g}))))},exports.StyledSharePopup=h;

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../../externals/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 ADDED Viewed

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../../externals/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 ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@mantine/core"),a=require("../../../../components/atoms/text/index.js"),r=require("../../../../hooks/useTranslations.js"),n=require("../../../assets/svg/icon-arrow-left.svg.js"),s=require("./index.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(e);exports.ImagePreviewPopup=function(l){var o=l.className,u=l.style,c=l.authorName,m=l.images,f=l.onClose,d=l.onOpenSingleView,p=r.useTranslations().t,v=e.useState(!1),g=v[0],y=v[1];return e.useEffect((function(){setTimeout((function(){y(!0)}),0)}),[]),i.default.createElement(t.Portal,null,i.default.createElement(s.StyledImagePreviewPopup,{className:o,style:u,"data-open":g},i.default.createElement("div",{className:"top-bar"},i.default.createElement("img",{className:"icon-arrow-left",src:n,onClick:f,alt:"go back"}),i.default.createElement(a.Text,{size:"p2",type:"bold",style:{textAlign:"center"}},p("previewPhotos.title",{name:c}))),i.default.createElement("div",{className:"container"},m.map((function(e,t){return i.default.createElement("img",{className:"img-preview",key:t,src:e,onClick:function(){return null==d?void 0:d(t)},alt:"post img"})})))),",")};

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

@@ -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"),i=require("../../../../hooks/useTranslations.js"),r=require("../../../togetherComponentGlobalContext.js"),l=require("../../atoms/sensitiveMask/index.js"),o=require("./imagePreviewPopup.js"),s=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,g=c.images,f=void 0===g?[]:g,v=c.style,p=c.authorName,w=c.isSensitive,y=void 0!==w&&w,h=e.useContext(r.TogetherComponentGlobalContext).data.env.isMarryBaby,E=i.useTranslations().t,C="+ ".concat((f.length||0)-4),j=e.useState(!1),x=j[0],N=j[1],P=e.useState(-1),S=P[0],q=P[1];e.useEffect((function(){setTimeout((function(){return null===a.lazyLoadInstance||void 0===a.lazyLoadInstance?void 0:a.lazyLoadInstance.update()}),100)}),[null==f?void 0:f.slice(0,5).join("|")]);var I=f.length>5,b=e.useRef(!1);return e.useEffect((function(){return function(){b.current&&n.toggleNoScroll(!1)}}),[]),e.useEffect((function(){x||S>=0?(n.toggleNoScroll(!0),b.current=!0):(n.toggleNoScroll(!1),b.current=!1)}),[x,S]),d.default.createElement(d.default.Fragment,null,y&&d.default.createElement(s.StyledNotificationBar,{message:E("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(s.StyledPostImagePreview,{className:m,style:v,"data-image-count":I?5:f.length||0,"data-is-marrybaby":h,"data-cursor-pointer":!y},null==f?void 0:f.slice(0,5).map((function(e,a){var n=4===a&&I;return d.default.createElement("div",{className:"img-wrapper",key:a,onClick:function(){a>=4&&I?N(!0):q(a)}},y&&d.default.createElement(l.SensitiveMask,{image:e,showIcon:!n}),!h&&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"},C)))}))),x&&d.default.createElement(o.ImagePreviewPopup,{authorName:p||"",images:f,onClose:function(){return N(!1)},onOpenSingleView:q}),S>=0&&d.default.createElement(u.PostSingleImageViewPopup,{images:f,initialViewIndex:S,onClose:function(){return q(-1)}}))};

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../../externals/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 ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@mantine/core"),l=require("../../../../assets/svg/icon-chevron-right-white.svg.js"),a=require("../../../../assets/svg/icon-close.svg.js"),r=require("./index.styled.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e);exports.PostSingleImageViewPopup=function(n){var u=n.initialViewIndex,d=n.images,o=n.onClose,s=e.useState(u),c=s[0],m=s[1],f=e.useState(!1),g=f[0],p=f[1];e.useEffect((function(){setTimeout((function(){p(!0)}),0)}),[]);var v=null==d?void 0:d[c],E=0===c,w=!(null==d?void 0:d.length)||c===(null==d?void 0:d.length)-1;return i.default.createElement(t.Portal,null,i.default.createElement(r.StyledImagePreviewContainer,{"data-open":g&&!!v},i.default.createElement(r.StyledImagePreviewTopbar,null,i.default.createElement("img",{src:a,className:"icon-close",onClick:o,alt:"close"})),v&&c>=0&&i.default.createElement(i.default.Fragment,null,i.default.createElement(r.StyledImagePreviewWrapper,null,i.default.createElement("img",{className:"img-preview",src:v,alt:"post img open"}),i.default.createElement(r.StyledArrowWrapper,{"data-disabled":E,onClick:function(){return!E&&m(c-1)}},i.default.createElement(r.StyledCircleArrow,null,i.default.createElement("img",{src:l,style:{transform:"rotate(180deg)"},alt:"left arrow","data-disabled":E}))),i.default.createElement(r.StyledArrowWrapper,{"data-right":!0,"data-disabled":w,onClick:function(){return!w&&m(c+1)}},i.default.createElement(r.StyledCircleArrow,null,i.default.createElement("img",{src:l,alt:"right arrow","data-disabled":w})))))))};

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../../../externals/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 ADDED Viewed

@@ -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.trackingCategory,k=void 0===w?"Together":w,j=y.style,q=y.shareUrl,x=y.title,_=e.useContext(s.TogetherComponentGlobalContext),E=_.action.pushNotifications,C=_.data.env.isMarryBaby,N=a.useTranslations().t,T=e.useRef(null),S=e.useState(!1),z=S[0],F=S[1],I=function(){if(null==T?void 0:T.current){var e=document.createElement("textarea");e.value=T.current.value,document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e),T.current.focus(),F(!0),E({title:"",message:N("share.linkCopied"),type:"success"})}};e.useEffect((function(){I(),navigator.share&&navigator.share({title:x||"Read This Post",url:q}).then((function(e){E({title:"",message:N("share.linkShared"),type:"success"})})).catch(console.error)}),[]);var L=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)}]}(q||"",C);return v.default.createElement(g.StyledShare,{"data-is-marrybaby":C,className:b,style:j},v.default.createElement("div",{className:"share__social"},L.map((function(e,a){return v.default.createElement(g.StyledItemWrapper,{key:a,"data-event-category":k,"data-event-action":"Social Share - ".concat(e.name),"data-event-label":q,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"},N("orCopyLink")),v.default.createElement("div",{className:"__input-group"},v.default.createElement("input",{ref:T,type:"text",value:q,readOnly:!0,onFocus:function(e){return e.target.select()}}),v.default.createElement("button",{className:"__copy",onClick:function(){return I()}},C?v.default.createElement("img",{src:c}):N(z?"copied":"copy")))))};

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

@@ -0,0 +1 @@

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../externals/tslib/tslib.es6.js'),t=require("react"),n=require("../../../togetherComponentGlobalContext.js"),r=require("./index.styled.js"),a=require("../../../api/paths.js"),i=require("../../../api/utils.js"),o=require("../../../interfaces/constants.js"),l=require("../../../utils/post.js"),u=require("../../atoms/loading/index.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,p=c.autoPlay,v=void 0===p||p,g=c.isAmp,w=t.useContext(n.TogetherComponentGlobalContext).data.locale,b=t.useState(null),y=b[0],E=b[1];t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(t){return f?[2]:d?(E((function(t){return e.__assign(e.__assign({},t),{isFetching:!0})})),i.callApi(i.getApiPath(a.PATHS.FETCH_PREVIEW,{_locale:w}),"POST",{data:{link:d},headers:{"Content-Type":"application/json"}}).then((function(e){var t,n;E({url:d,image:(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.image)||(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.logo)})})).catch((function(){E(null)})),[2]):[2,E(null)]}))}))}),[d,f]);var _=f||(null==y?void 0:y.image),j=(null==y?void 0:y.url)||d,k=t.useMemo((function(){return l.youtubeVidIdGetter(j)}),[j]),S=t.useMemo((function(){return j.includes("facebook.com")||j.includes("fb.watch")}),[j]),q=t.useRef(0),C=t.useRef(0),M=t.useState(!1),x=M[0],F=M[1];t.useEffect((function(){var e=function(){var e,t=null===(e=P.current)||void 0===e?void 0:e.getBoundingClientRect(),n=!1;t&&(!q.current||Math.abs((q.current-t.width)/(null==t?void 0:t.width))>.2)&&(q.current=Math.floor(t.width),n=!0),t&&(!C.current||Math.abs((C.current-t.height)/(null==t?void 0:t.height))>.2)&&(C.current=Math.floor(t.height),n=!0),n&&F((function(e){return!e}))};return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]);var P=t.useRef(null),T=t.useRef(!1);return s.default.createElement(r.StyledSocialLinkPreview,{className:"".concat(h," no-replace-click"),style:m,ref:P},f||!k&&!S?s.default.createElement("a",{href:j,target:"_blank",rel:"noreferrer"},s.default.createElement("div",{className:"link-image-wrapper ".concat((null==y?void 0:y.isFetching)?"fetching":"")},(null==y?void 0:y.isFetching)?s.default.createElement(u.Loading,{className:"loading-spinner"}):s.default.createElement("img",{className:"link-image",src:_||o.DEFAULT_IMG,onError:function(e){T.current||(T.current=!0,e.currentTarget.src=o.DEFAULT_IMG)}}))):s.default.createElement("div",{"data-amp":g,className:"link-image-wrapper"},k?g?s.default.createElement("amp-youtube",{width:"480",height:"270",layout:"responsive","data-videoid":k,autoplay:v}):s.default.createElement("iframe",{width:"100%",height:"100%",src:"https://www.youtube.com/embed/".concat(k,"?&autoplay=").concat(v?1:0,"&mute=1&enablejsapi=1"),frameBorder:"0",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,border:"none",overflow:"hidden"}}):S?g?s.default.createElement("amp-facebook",{width:"552",height:"310",layout:"responsive","data-href":j}):s.default.createElement("iframe",{key:String(x),src:"https://www.facebook.com/plugins/video.php?href=".concat(encodeURIComponent(j),"&autoplay=").concat(v?1:0,"&show_text=false&t=0&width=").concat(q.current,"&height=").concat(C.current),style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:C.current,width:q.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 ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../../externals/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 &[data-amp='true'] {\n padding-top: 0;\n }\n &.fetching {\n background: lightgray;\n }\n .loading-spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n .link-image {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n }\n }\n a {\n text-decoration: none;\n }\n &[data-is-marrybaby='true'] {\n overflow: hidden;\n border-radius: 1rem;\n }\n"],["\n .link-info-container {\n padding: 0.5rem 1rem;\n background: #f4faff;\n }\n .link-image-wrapper {\n position: relative;\n overflow: hidden;\n width: 100%;\n padding-top: 56.25%;\n &[data-amp='true'] {\n padding-top: 0;\n }\n &.fetching {\n background: lightgray;\n }\n .loading-spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n .link-image {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n }\n }\n a {\n text-decoration: none;\n }\n &[data-is-marrybaby='true'] {\n overflow: hidden;\n border-radius: 1rem;\n }\n"])));exports.StyledSocialLinkPreview=i;

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../externals/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 ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../../externals/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 ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../externals/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 ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../../externals/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 ADDED Viewed

@@ -0,0 +1 @@

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

package/build/together/components/organisms/cardPost/index.js ADDED Viewed

@@ -0,0 +1 @@