npm - @hhgtech/hhg-components - Versions diffs - 1.23.81 → 1.23.82-beta-2 - Mend

@hhgtech/hhg-components 1.23.81 → 1.23.82-beta-2

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 (1890) hide show

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/profileDetail/about/articleCard/index.js ADDED Viewed

@@ -0,0 +1 @@

package/build/together/components/molecules/profileDetail/about/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-import { TabData } from '..';
+import { TabData } from '../types';
 export type Props = {
     info: TabData;
 } & HTMLAttributes<HTMLDivElement>;

package/build/together/components/molecules/profileDetail/about/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("@mantine/core"),l=require("../../../../../components/atoms/icons/Plus.js"),n=require("../../../../../misc/gAssets/index.js"),s=require("../context.js"),r=require("./articleCard/index.js"),o=require("./style.module.scss.js"),c=require("../../../../../hooks/useTranslations.js"),i=require("../../../../../misc/theme.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(t);exports.About=function(d){var m,v,f,p,g,y=d.className,h=void 0===y?"":y,E=c.useTranslations().t,k=t.useContext(s.ProfileDetailContext),b=k.info,A=k.isMarryBaby,N=null==b?void 0:b.data,G=[{type:"linkedin",icon:n.CommonGAssets.getAssetPath("linkedin.svg"),url:null===(m=null==b?void 0:b.contact)||void 0===m?void 0:m.linkedin},{type:"instagram",icon:n.CommonGAssets.getAssetPath("instagram.svg"),url:null===(v=null==b?void 0:b.contact)||void 0===v?void 0:v.instagram},{type:"facebook",icon:n.CommonGAssets.getAssetPath("facebook.svg"),url:null===(f=null==b?void 0:b.contact)||void 0===f?void 0:f.facebook},{type:"youtube",icon:n.CommonGAssets.getAssetPath("youtube.svg"),url:null===(p=null==b?void 0:b.contact)||void 0===p?void 0:p.youtube},{type:"tiktok",icon:n.CommonGAssets.getAssetPath("tiktok.svg"),url:null===(g=null==b?void 0:b.contact)||void 0===g?void 0:g.tiktok}],P=e.__spreadArray(e.__spreadArray(e.__spreadArray([],((null==b?void 0:b.experiences)||[]).length>0?[{key:"experience",heading:E("profilePanel.experience"),iconSrc:n.CommonGAssets.getAssetPath(A?"award-doc-mb.svg":"award-doc.svg"),panel:u.default.createElement("div",{className:o.accBodyGroup},null==b?void 0:b.experiences.map((function(e,t){return u.default.createElement("div",{className:o.accBodyGroupItem,key:String(t)},u.default.createElement("div",{className:o.accBodyGroupTitle},e.title),u.default.createElement("div",{className:o.accBodyGroupDesc},u.default.createElement("p",null,e.organization),u.default.createElement("p",null,e.duration)))})))}]:[],!0),((null==b?void 0:b.educations)||[]).length>0?[{key:"education",heading:E("profilePanel.education"),iconSrc:n.CommonGAssets.getAssetPath(A?"book-mb.svg":"book.svg"),panel:u.default.createElement("div",{className:o.accBodyGroup},null==b?void 0:b.educations.map((function(e,t){return u.default.createElement("div",{className:o.accBodyGroupItem,key:String(t)},u.default.createElement("div",{className:o.accBodyGroupTitle},e.schoolName),u.default.createElement("div",{className:o.accBodyGroupDesc},u.default.createElement("p",null,e.study),u.default.createElement("p",null,e.completedYear)))})))}]:[],!0),((null==b?void 0:b.awards)||[]).length>0?[{key:"awards",heading:E("profilePanel.awards"),iconSrc:n.CommonGAssets.getAssetPath(A?"award-mb.svg":"award.svg"),panel:u.default.createElement("div",{className:o.accBodyGroup},null==b?void 0:b.awards.map((function(e,t){return u.default.createElement("div",{className:o.accBodyGroupTitle,key:t},e.title)})))}]:[],!0),C=(null==b?void 0:b.relatedPosts)||[],x=G.filter((function(e){return e.url}));return u.default.createElement("div",{className:"".concat(o.container," ").concat(h),"data-is-marrybaby":A},P.length>0&&u.default.createElement(a.Accordion,{defaultValue:P[0].key,chevron:A?u.default.createElement("div",{className:o.mbChevronWrapper},u.default.createElement(l.default,{size:12,color:i.theme.mbColors.midGray})):u.default.createElement(l.default,{color:i.theme.colors.gray400}),styles:{chevron:{"&[data-rotate]":{".minus-path":{display:"block"},".plus-path":{display:"none"}}},content:{display:"flex",flexDirection:"column",gap:"16px",padding:"0"},item:{border:0},control:{paddingLeft:0,"&:hover":{background:"transparent"}}}},P.map((function(e){return u.default.createElement(a.Accordion.Item,{key:e.key,value:e.key},u.default.createElement(a.Accordion.Control,null,u.default.createElement("div",{className:o.header},u.default.createElement("div",{className:o.headingIcon},u.default.createElement("img",{src:e.iconSrc})),u.default.createElement("div",{className:o.heading},e.heading))),u.default.createElement(a.Accordion.Panel,null,e.panel))}))),C.length>0&&u.default.createElement("div",{className:o.group},u.default.createElement("div",{className:o.subTitle},u.default.createElement("img",{className:o.subIcon,src:n.CommonGAssets.getAssetPath(A?"mb-logo.svg":"logo/circle-solid.svg")}),E("profilePanel.publishedArticles")),u.default.createElement("div",{className:"".concat(o.relatedList)},null==b?void 0:b.relatedPosts.map((function(t){return u.default.createElement("a",{key:String(t.id),href:"".concat(window.location.origin).concat(null==t?void 0:t.permalink),className:o.articleCardLink},u.default.createElement(r.ArticleCard,e.__assign({className:"article-card"},e.__assign(e.__assign({},t),!t.author&&{author:{displayName:null==N?void 0:N.name,avatar:null==N?void 0:N.avatar}}),{isReview:!0})))})))),x.length>0&&u.default.createElement("div",{className:o.group},u.default.createElement("div",{className:o.subTitle},u.default.createElement("img",{className:o.subIcon,src:n.CommonGAssets.getAssetPath(A?"social-mb.svg":"social.svg")}),E("profilePanel.socialLinks")),u.default.createElement("div",{className:o.groupBody},u.default.createElement(a.Flex,null,G.map((function(e,t){return e.url&&u.default.createElement("div",{className:o.socialItem,key:t},u.default.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},u.default.createElement("img",{src:e.icon,loading:"lazy",width:"32px"})))}))))))};

package/build/together/components/molecules/profileDetail/about/style.module.scss.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";module.exports={container:"SFSgnOz",header:"Tf3aoVa",heading:"TOt4QXl",headingIcon:"_5XYN1KT",accBodyGroup:"yE-tZRj",accBodyGroupItem:"LXiGuGT",accBodyGroupDesc:"r4rx-6v",subTitle:"XrHh8-C",subIcon:"c5-Yecd",group:"UBj6nWr",groupBody:"_2vptVBd",articleCardLink:"ZPDAwiR",relatedList:"_6wJn-NR",socialItem:"_21XDdFv",mbChevronWrapper:"LSyr3Zo"};

package/build/together/components/molecules/profileDetail/answering/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/ui/loading/index.js"),a=require("../../../../api/dataTransform.js"),n=require("../../../../api/paths.js"),s=require("../../../../api/utils.js"),o=require("../../../../togetherComponentGlobalContext.js"),i=require("../context.js"),l=require("../emptyMessage/index.js"),u=require("./postCard/index.js"),d=require("./style.module.scss.js"),c=require("../../../../../hooks/useTranslations.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=p(t);exports.Answering=function(p){var f=p.id,v=c.useTranslations().t,j=t.useContext(o.TogetherComponentGlobalContext).data.locale,q=t.useContext(i.ProfileDetailContext).authorProps,g=t.useState(null),x=g[0],h=g[1],C=t.useState(!1),E=C[0],P=C[1];return t.useEffect((function(){f&&e.__awaiter(void 0,void 0,void 0,(function(){var t,r,o;return e.__generator(this,(function(e){switch(e.label){case 0:return P(!0),[4,s.callApi(s.getApiPath(n.PATHS.USER.LIST_ANSWERS,{_locale:j,id:f}),"GET")];case 1:return t=e.sent(),r=((null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.replies)||[]).map(a.formatPost),h(r),P(!1),[2]}}))}))}),[]),m.default.createElement("div",{className:d.container},E?m.default.createElement(r.Loading,null):null!==x&&(x.length>0?x.map((function(e){return m.default.createElement(u.PostCard,{className:"post-card",key:e.id,post:e})})):m.default.createElement(l.EmptyMessage,{message:v("profilePanel.emptyPostMess.content",{name:(null==q?void 0:q.name)||(null==q?void 0:q.username)})})))};

package/build/together/components/molecules/profileDetail/answering/postCard/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"),o=require("../../../../../../components/atoms/icons/CrossLogo.js"),n=require("../../../../../togetherComponentGlobalContext.js"),l=require("../../../cardAuthor/index.js"),r=require("../../../postContent/index.js"),a=require("../../context.js"),i=require("./style.module.scss.js"),s=require("../../../../../../hooks/useTranslations.js"),u=require("../../../../../../misc/theme.js"),d=require("../../../../../../components/atoms/button/index.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=c(t);exports.PostCard=function(c){var v,f,p,h,C,w,q,x,b=c.post,y=c.className,j=void 0===y?"":y,E=s.useTranslations().t,g=t.useContext(n.TogetherComponentGlobalContext).data,N=g.userInfo,P=g.env.togetherBasePath,T=t.useContext(a.ProfileDetailContext),A=T.authActionWrapper,B=T.authorProps,_=T.isMarryBaby,k="".concat(window.location.origin).concat(P,"/").concat(null===(v=null==b?void 0:b.community)||void 0===v?void 0:v.slug,"/").concat(null==b?void 0:b.slug);return m.default.createElement("div",{className:"".concat(i.container," ").concat(j)},m.default.createElement("div",{className:i.header},m.default.createElement("div",{className:i.question},E("profilePanel.question")," ",m.default.createElement("span",{className:i.questionTitle,style:{color:_?u.theme.mbColors.pink:u.theme.colors.primaryBase},onClick:function(){(null==N?void 0:N.id)||null==A||A((function(){return window.location.href=k}))}},"#",null==b?void 0:b.title)),m.default.createElement("div",{className:i.community},null===(f=null==b?void 0:b.community)||void 0===f?void 0:f.name," - ",null==b?void 0:b.createdTime)),m.default.createElement("div",{className:i.questionCard},m.default.createElement(l.CardAuthor,e.__assign({className:"card-author"},B,{role:"user",avatarIcon:m.default.createElement(o,null),subLine:m.default.createElement(l.CardAuthor.SubTextRow,null,m.default.createElement(l.CardAuthor.SubText,null,null===(C=null===(h=null===(p=null==b?void 0:b.expertAnswer)||void 0===p?void 0:p.answer)||void 0===h?void 0:h[0])||void 0===C?void 0:C.createdTime))})),m.default.createElement(r.PostContent,{className:"post-content-wrapper",description:(null===(x=null===(q=null===(w=null==b?void 0:b.expertAnswer)||void 0===w?void 0:w.answer)||void 0===q?void 0:q[0])||void 0===x?void 0:x.content)||"",mentions:null==b?void 0:b.mentions,"data-testid":"Content of the Post"})),m.default.createElement(d.Button,{theme:_?"marryBaby":"helloSites",size:"md",color:"secondary",onClick:function(){(null==N?void 0:N.id)?window.location.href=k:null==A||A((function(){return window.location.href=k}))}},E("profilePanel.anserwing.viewFull")))};

package/build/together/components/molecules/profileDetail/answering/postCard/style.module.scss.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";module.exports={container:"GYUElSy",question:"_3C6QpT1",questionTitle:"_9M9VYL6",community:"_1RuSyv3",questionCard:"_1IG-eEp"};

package/build/together/components/molecules/profileDetail/answering/style.module.scss.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";module.exports={container:"MrdoES3"};

package/build/together/components/molecules/profileDetail/care/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("@mantine/core"),r=require("../../../../../components/atoms/icons/ArrowDown.js"),o=require("../../../../../components/ui/loading/index.js"),a=require("../../../../../misc/gAssets/index.js"),i=require("../../../../api/dataTransform.js"),s=require("../../../../api/paths.js"),l=require("../../../../api/utils.js"),u=require("../../../../togetherComponentGlobalContext.js"),d=require("../context.js"),c=require("../emptyMessage/index.js"),m=require("./questionCard/index.js"),f=require("./style.module.scss.js"),p=require("../../../../../hooks/useTranslations.js"),v=require("../../../../../misc/theme.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=g(t);exports.Care=function(){var g,q,E=p.useTranslations().t,_=t.useContext(u.TogetherComponentGlobalContext).data,x=_.locale,b=_.userInfo,j=t.useContext(d.ProfileDetailContext),y=j.onSkipQuestion,C=j.countValues,A=j.setCountValues,S=t.useState(),T=S[0],N=S[1],P=t.useState([]),k=P[0],I=P[1],w=t.useState(!1),O=w[0],R=w[1],G=null==b?void 0:b.id;t.useEffect((function(){G&&e.__awaiter(void 0,void 0,void 0,(function(){var t,n,r,o;return e.__generator(this,(function(e){switch(e.label){case 0:return R(!0),[4,l.callApiWithAuth(l.getApiPath(s.PATHS.USER.LIST_QUESTION_NEED_REPLY,{_locale:x}),"GET")];case 1:return t=e.sent(),n=[],r=Object.create({}),((null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.communities)||[]).filter((function(e){return((null==e?void 0:e.question)||[]).length>0})).map((function(e){r[e.id]=e.question.map(i.formatPost),delete e.question,n.push(i.formatCommunity(e))})),I(n),N(r),R(!1),[2]}}))}))}),[]);var L=function(t){var n,r=t.id,o=t.communityId;if(r&&o&&T){var a=e.__assign(e.__assign({},T),((n={})[o]=e.__spreadArray([],((null==T?void 0:T[o])||[]).filter((function(e){return e.id!==r})),!0),n)),i=0;Object.keys(a).map((function(e){return i+=a[e].length||0})),N(a),A(e.__assign(e.__assign({},C),{total_question:i})),null==y||y(i)}};return h.default.createElement("div",{className:f.container},O?h.default.createElement(o.Loading,null):(null==C?void 0:C.total_question)>0?k.length>0&&h.default.createElement(n.Accordion,{className:f.accordion,defaultValue:String((null===(q=k[null===(g=Object.keys(k))||void 0===g?void 0:g[0]])||void 0===q?void 0:q.id)||""),styles:{control:{padding:"16px",border:"1px solid ".concat(v.theme.colors.neutral100),borderTopLeftRadius:"8px",borderTopRightRadius:"8px",'&[aria-expanded="false"]':{borderBottom:0}},chevron:{width:"32px",height:"32px"},content:{padding:0,border:"1px solid ".concat(v.theme.colors.neutral100),borderTop:0,borderBottom:0},item:{marginBottom:"16px"}},chevron:h.default.createElement("div",{className:f.chevron},h.default.createElement(r,{color:v.theme.colors.gray600,size:20}))},k.map((function(e){var t=T&&(null==T?void 0:T[e.id])||[];return t.length>0&&h.default.createElement(n.Accordion.Item,{key:e.id,value:String(e.id)},h.default.createElement(n.Accordion.Control,null,h.default.createElement("div",{className:f.header},h.default.createElement("div",{className:f.headingIcon},h.default.createElement("img",{src:e.thumbnail})),h.default.createElement("div",{className:f.heading},e.name))),h.default.createElement(n.Accordion.Panel,null,h.default.createElement("div",{className:f.body},t.map((function(e){return h.default.createElement(m.QuestionCard,{className:"question-card",key:e.id,post:e,onSkip:L})})))))}))):h.default.createElement(c.EmptyMessage,{message:E("profilePanel.emptyCareMess.content"),imgSrc:a.CommonGAssets.getAssetPath("questions.svg")}))};

package/build/together/components/molecules/profileDetail/care/questionCard/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"),o=require("../../../../../togetherComponentGlobalContext.js"),l=require("../../../cardAuthor/index.js"),n=require("./style.module.scss.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(t);exports.QuestionCard=function(a){var r,i,d,s=a.post,c=e.__rest(a,["post"]),v=t.useContext(o.TogetherComponentGlobalContext).data.env.togetherBasePath;return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",e.__assign({className:"".concat(n.container," ").concat((null==c?void 0:c.className)||"")},c),u.default.createElement(l.CardAuthor,{className:"card-author",avatar:null===(r=null==s?void 0:s.author)||void 0===r?void 0:r.avatar,name:(null===(i=null==s?void 0:s.author)||void 0===i?void 0:i.name)||(null===(d=null==s?void 0:s.author)||void 0===d?void 0:d.username),isAnonymous:Boolean(null==s?void 0:s.isAnonymous),subLine:u.default.createElement(l.CardAuthor.SubTextRow,null,u.default.createElement(l.CardAuthor.SubText,null,null==s?void 0:s.createdTime))}),u.default.createElement("div",{className:n.title,onClick:function(){var e;return window.location.href="".concat(window.location.origin).concat(v,"/").concat(null===(e=null==s?void 0:s.community)||void 0===e?void 0:e.slug,"/").concat(null==s?void 0:s.slug)}},null==s?void 0:s.title)))};

package/build/together/components/molecules/profileDetail/care/questionCard/style.module.scss.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";module.exports={container:"toEutn7",title:"drdisHs",actions:"scNwTvv"};

package/build/together/components/molecules/profileDetail/care/style.module.scss.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";module.exports={accordion:"I-uIJ6E",header:"_41WRsj2",heading:"AcOGL93",headingIcon:"JD3dWJN",panel:"dKAgnS8",chevron:"L2Q9T6m"};

package/build/together/components/molecules/profileDetail/context.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { SiteType } from 'src/interfaces/types';
+import { Props as CardAuthorProps } from '../cardAuthor';
+import { CountProps, TabData } from './types';
+export type ProfileDetailContextProps = {
+    authorId: string;
+    isAuthorLogin: boolean;
+    authActionWrapper: any;
+    countValues?: CountProps;
+    setCountValues?: (v: CountProps) => void;
+    onSkipQuestion?: (v: number) => void;
+    info?: TabData;
+    authorProps?: CardAuthorProps;
+    isMarryBaby?: boolean;
+    siteType?: SiteType;
+    onClose?: () => void;
+    onCloseFromPost?: () => void;
+};
+export declare const ProfileDetailContext: import("react").Context<ProfileDetailContextProps>;

package/build/together/components/molecules/profileDetail/context.js ADDED Viewed

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

package/build/together/components/molecules/profileDetail/emptyMessage/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../../misc/gAssets/index.js"),s=require("../context.js"),r=require("./style.module.scss.js"),n=require("../../../../../components/atoms/button/index.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(e);exports.EmptyMessage=function(a){var c=a.message,i=a.buttonTxt,m=a.imgSrc,u=a.onBtnClick,l=e.useContext(s.ProfileDetailContext),d=l.siteType,f=l.isMarryBaby;return o.default.createElement("div",{className:r.container},o.default.createElement("div",{className:r.thumb},o.default.createElement("img",{src:m||t.CommonGAssets.getAssetPath(f?"comments-mb.svg":"comments.svg")})),c&&o.default.createElement("div",{className:r.content},c),i&&o.default.createElement(n.Button,{size:"md",theme:d,color:"secondary",onClick:u},i))};

package/build/together/components/molecules/profileDetail/emptyMessage/style.module.scss.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";module.exports={container:"_8fd7YMs",thumb:"DomiQfw",content:"-b2qnfL"};

package/build/together/components/molecules/profileDetail/index.d.ts CHANGED Viewed

@@ -1,8 +1,6 @@
-import React, { CSSProperties, HTMLAttributes } from 'react';
-import { SiteType, UserInfo } from 'src/interfaces/types';
-import { Article } from 'src/together/interfaces/types';
+import { CSSProperties, HTMLAttributes } from 'react';
+import { SiteType } from 'src/interfaces/types';
 import { Props as CardAuthorProps } from '../cardAuthor';
-import { Award, Contact, Education, Experience } from './utils/types';
 export type Props = {
     id?: string | number;
     style?: CSSProperties;
@@ -31,24 +29,6 @@ export declare enum UserType {
     Expert = 0,
     User = 1
 }
-export type CountProps = {
-    total_reply?: number;
-    total_question?: number;
-    total_post?: number;
-};
-export type TabData = {
-    experiences: Experience[];
-    relatedPosts: Article[];
-    educations: Education[];
-    awards: Award[];
-    contact: Contact;
-    data: UserInfo & {
-        specialty: string;
-        organisation: string;
-        description: string;
-        created_at: string;
-    };
-};
 export declare const TabDataInit: {
     experiences: any[];
     relatedPosts: any[];
@@ -57,20 +37,5 @@ export declare const TabDataInit: {
     contact: {};
     data: {};
 };
-export type ProfileDetailContextProps = {
-    authorId: string;
-    isAuthorLogin: boolean;
-    authActionWrapper: any;
-    countValues?: CountProps;
-    setCountValues?: (v: CountProps) => void;
-    onSkipQuestion?: (v: number) => void;
-    info?: TabData;
-    authorProps?: CardAuthorProps;
-    isMarryBaby?: boolean;
-    siteType?: SiteType;
-    onClose?: () => void;
-    onCloseFromPost?: () => void;
-};
-export declare const ProfileDetailContext: React.Context<ProfileDetailContextProps>;
 declare const ProfileDetail: ({ authorProps, selectedTab, className, authActionWrapper, onSkipQuestion, onCloseFromPost, hideQuestionTab, hideAnswerTab, }: Props) => JSX.Element;
 export { ProfileDetail };

package/build/together/components/molecules/profileDetail/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("dayjs"),n=require("../../../../components/ui/loading/index.js"),l=require("../../../api/dataTransform.js"),o=require("../../../api/paths.js"),r=require("../../../api/utils.js"),i=require("../../../togetherComponentGlobalContext.js"),u=require("../cardAuthor/index.js"),s=require("./about/index.js"),d=require("./answering/index.js"),c=require("./care/index.js"),p=require("./context.js"),v=require("./emptyMessage/index.js"),f=require("./posts/index.js"),m=require("./style.module.scss.js"),y=require("./utils/dataTransform.js"),b=require("../../../../components/molecules/tabs/index.js"),x=require("../../../../hooks/useTranslations.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _,A,T=h(t),g=h(a);exports.TabName=void 0,(_=exports.TabName||(exports.TabName={}))[_.About=0]="About",_[_.Care=1]="Care",_[_.Answer=2]="Answer",_[_.Posts=3]="Posts",exports.UserType=void 0,(A=exports.UserType||(exports.UserType={}))[A.Expert=0]="Expert",A[A.User=1]="User";exports.ProfileDetail=function(a){var h,_,A=a.authorProps,C=a.selectedTab,E=a.className,P=void 0===E?"":E,k=a.authActionWrapper,j=a.onSkipQuestion,S=a.onCloseFromPost,q=a.hideQuestionTab,N=a.hideAnswerTab,w=t.useContext(i.TogetherComponentGlobalContext).data,O=w.locale,R=w.userInfo,I=w.env.isMarryBaby,U=x.useTranslations().t,M=null==A?void 0:A.role,B=null==R?void 0:R.role,D=String(null==A?void 0:A.userId),L=t.useState(),F=L[0],G=L[1],H=t.useState(!1),Q=H[0],V=H[1],W=t.useState(),z=W[0],J=W[1],K=(null==R?void 0:R._togetherUserId)===(null==A?void 0:A.userId),X=e.__spreadArray(e.__spreadArray(e.__spreadArray([],"expert"===M?[{key:exports.TabName.About,name:U("profilePanel.tabs.highlight"),component:T.default.createElement(s.About,{id:D,info:z})}]:[{key:exports.TabName.Posts,name:U("profilePanel.tabs.posts"),component:T.default.createElement(f.Posts,null),hasCountResult:!0,keyOfCountApi:"post",keyOfResult:"total_post"}],!0),q||"expert"!==B||(null==R?void 0:R._togetherUserId)!==(null==A?void 0:A.userId)?[]:[{key:exports.TabName.Care,name:"".concat(U("profilePanel.tabs.care")),component:T.default.createElement(c.Care,null),hasCountResult:!0,keyOfCountApi:"question",keyOfResult:"total_question"}],!0),N||"expert"!==M?[]:[{key:exports.TabName.Answer,name:"".concat(U("profilePanel.tabs.expertAnswer")),component:T.default.createElement(d.Answering,{id:D}),hasCountResult:!0,keyOfCountApi:"reply",keyOfResult:"total_reply"}],!0),Y=t.useState(null),Z=Y[0],$=Y[1],ee=t.useState(null),te=ee[0],ae=ee[1],ne={initialTab:te,tabContent:Z,onChange:function(e){return ae(e)}},le=null==X?void 0:X.filter((function(e){return null==e?void 0:e.hasCountResult}));t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var t,a,n,i,u,s,d,c,p,v,f,m,b,x,h,_,A,T,g;return e.__generator(this,(function(E){switch(E.label){case 0:return V(!0),[4,Promise.all(e.__spreadArray([r.callApi(r.getApiPath(o.PATHS.USER.DETAIL,{_locale:O,id:D}),"GET")],le.map((function(e){var t;return r.callApi(r.getApiPath(o.PATHS.USER.COUNT_TABS,((t={_locale:O,id:D})[e.keyOfCountApi]=1,t)),"GET")})),!0))];case 1:return t=E.sent(),a=t[0],n={data:null==a?void 0:a.data,experiences:((null===(m=null===(f=null==a?void 0:a.data)||void 0===f?void 0:f.fields)||void 0===m?void 0:m.experiences)||[]).map(y.formatExperience),relatedPosts:((null===(b=null==a?void 0:a.data)||void 0===b?void 0:b.related_post)||[]).map((function(e){return l.formatArticle(e.post)})),educations:((null===(h=null===(x=null==a?void 0:a.data)||void 0===x?void 0:x.fields)||void 0===h?void 0:h.educations)||[]).map(y.formatEducation),awards:(null===(A=null===(_=null==a?void 0:a.data)||void 0===_?void 0:_.fields)||void 0===A?void 0:A.awards_accreditations)||[],contact:(null===(g=null===(T=null==a?void 0:a.data)||void 0===T?void 0:T.fields)||void 0===g?void 0:g.contact)||{}},1===(null==a?void 0:a.status)&&J(n),i=(null==n?void 0:n.relatedPosts)||[],u=Object.keys(n.contact).map((function(e){var t;return""!==(null===(t=null==n?void 0:n.contact)||void 0===t?void 0:t[e])})),s=e.__spreadArray(e.__spreadArray(e.__spreadArray([],(null==n?void 0:n.experiences)||[],!0),(null==n?void 0:n.educations)||[],!0),(null==n?void 0:n.awards)||[],!0),d=i.length>0||u.length>0||s.length>0,c={},p=le.map((function(e,a){var n,l,o,r=(null===(o=null===(l=null===(n=t[a+1])||void 0===n?void 0:n.data)||void 0===l?void 0:l.counting)||void 0===o?void 0:o[e.keyOfResult])||0;return r>0?(c[e.keyOfResult]=r,e):-1!==[exports.TabName.Care,exports.TabName.Posts].indexOf(e.key)?e:void 0})).filter(Boolean).map((function(e){return e.key})),v=X.map((function(t){var a=e.__assign(e.__assign({},t),{name:t.name+(t.keyOfResult?" (".concat((null==c?void 0:c[t.keyOfResult])||"0",")"):"")});return a.hasCountResult?-1!==p.indexOf(a.key)?a:void 0:a.key===exports.TabName.About?d&&a:a})).filter(Boolean),$(v),ae(function(){if(!C)return 0;var e=null==v?void 0:v.findIndex((function(e){return e.key===C}));return-1!==e?e:0}()),G(c),V(!1),[2]}}))}))}),[]);var oe=null==z?void 0:z.data;return T.default.createElement(p.ProfileDetailContext.Provider,{value:{isMarryBaby:I,siteType:I?"marryBaby":"helloSites",authorId:String((null==A?void 0:A.userId)||""),authActionWrapper:k,onSkipQuestion:j,info:z,authorProps:A,onCloseFromPost:S,countValues:F,setCountValues:G,isAuthorLogin:K}},T.default.createElement("div",{className:"".concat(m.container," ").concat(P),"data-is-marrybaby":I},Q?T.default.createElement(n.Loading,null):T.default.createElement(T.default.Fragment,null,T.default.createElement(u.CardAuthor,e.__assign({},A,{className:"card-author",showDetailPopup:!1,subLine:"expert"===(null==A?void 0:A.role)?(null==oe?void 0:oe.specialty)&&(null==oe?void 0:oe.organisation)&&T.default.createElement(u.CardAuthor.SubTextRow,null,(null==oe?void 0:oe.specialty)&&T.default.createElement(T.default.Fragment,null,T.default.createElement(u.CardAuthor.SubText,null,null==oe?void 0:oe.specialty),T.default.createElement(u.CardAuthor.SubDivider,null)),T.default.createElement(u.CardAuthor.SubText,null,null==oe?void 0:oe.organisation)):(null==oe?void 0:oe.created_at)&&T.default.createElement(u.CardAuthor.SubTextRow,null,T.default.createElement(u.CardAuthor.SubText,null,U("profilePanel.joined")," ",g.default(null==oe?void 0:oe.created_at).toNow(!0)))})),"expert"===M&&T.default.createElement("div",{className:m.info,dangerouslySetInnerHTML:{__html:null===(h=null==z?void 0:z.data)||void 0===h?void 0:h.description}}),null!==Z&&null!==te&&(Z.length>0?T.default.createElement("div",{className:m.body},T.default.createElement(b.Tabs,e.__assign({},ne,{className:"feature-tabs"})),null===(_=null==Z?void 0:Z[te])||void 0===_?void 0:_.component):T.default.createElement(v.EmptyMessage,{message:U("profilePanel.emptyPostMess.content",{name:(null==A?void 0:A.name)||(null==A?void 0:A.username)||""})})))))},exports.TabDataInit={experiences:[],relatedPosts:[],educations:[],awards:[],contact:{},data:{}};

package/build/together/components/molecules/profileDetail/posts/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"),o=require("../../../../../components/ui/loading/index.js"),n=require("../../../../api/dataTransform.js"),s=require("../../../../api/paths.js"),r=require("../../../../api/utils.js"),a=require("../../../../togetherComponentGlobalContext.js"),i=require("../context.js"),l=require("../emptyMessage/index.js"),u=require("./postCard/index.js"),d=require("./style.module.scss.js"),c=require("../../../../../hooks/useTranslations.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=p(t);exports.Posts=function(){var p=c.useTranslations().t,f=t.useContext(a.TogetherComponentGlobalContext).data.locale,v=t.useContext(i.ProfileDetailContext),P=v.authorId,j=v.authorProps,q=v.isAuthorLogin,x=v.onCloseFromPost,g=t.useState(null),h=g[0],C=g[1],T=t.useState(!1),_=T[0],b=T[1];return t.useEffect((function(){P&&e.__awaiter(void 0,void 0,void 0,(function(){var t,o,a;return e.__generator(this,(function(e){switch(e.label){case 0:return b(!0),[4,r.callApi(r.getApiPath(s.PATHS.USER.LIST_POST,{_locale:f,id:P,isAnonymous:0}),"GET")];case 1:return t=e.sent(),o=((null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.posts)||[]).map(n.formatPost),C(o),b(!1),[2]}}))}))}),[P]),m.default.createElement("div",{className:d.container},_?m.default.createElement(o.Loading,null):null!==h&&(h.length>0?h.map((function(e){return m.default.createElement(u.PostCard,{className:"post-card",key:e.id,post:e})})):m.default.createElement(l.EmptyMessage,{message:p("profilePanel.emptyPostMess.content",{name:(null==j?void 0:j.name)||(null==j?void 0:j.username)||""}),buttonTxt:q&&p("profilePanel.createPost"),onBtnClick:function(){null==x||x()}})))};

package/build/together/components/molecules/profileDetail/posts/postCard/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../../../components/ui/cardAuthor/index.js"),a=require("../../../../../togetherComponentGlobalContext.js"),n=require("../../../cardAuthor/index.js"),o=require("../../../postContent/index.js"),r=require("../../context.js"),l=require("./style.module.scss.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=u(e);exports.PostCard=function(u){var s,c=u.post,d=u.className,m=void 0===d?"":d,f=e.useContext(a.TogetherComponentGlobalContext).data,v=f.userInfo,p=f.env.togetherBasePath,C=e.useContext(r.ProfileDetailContext),h=C.authActionWrapper,x=C.authorProps,j="".concat(window.location.origin).concat(p,"/").concat(null===(s=null==c?void 0:c.community)||void 0===s?void 0:s.slug,"/").concat(null==c?void 0:c.slug);return i.default.createElement("div",{className:"".concat(l.container," ").concat(m)},i.default.createElement("div",{className:l.questionCard},i.default.createElement("a",{className:l.linkWrapper,href:j,onClick:function(e){(null==v?void 0:v.id)||(e.preventDefault(),null==h||h((function(){return window.location.href=j})))}}),i.default.createElement(t.CardAuthor,{className:"card-author",avatarProps:{avatar:null==x?void 0:x.avatar,size:32}},i.default.createElement(n.CardAuthor.MainText,{className:l.mainTxt},null==c?void 0:c.title),i.default.createElement(n.CardAuthor.SubTextRow,null,i.default.createElement(n.CardAuthor.SubText,null,null==c?void 0:c.createdTime))),i.default.createElement(o.PostContent,{className:"post-content-wrapper",description:null==c?void 0:c.description,mentions:null==c?void 0:c.mentions,maxChars:200,"data-testid":"Content of the Post"})))};

package/build/together/components/molecules/profileDetail/posts/postCard/style.module.scss.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";module.exports={container:"GA-zc-O",mainTxt:"A18McWD",question:"yzr0H0N",questionTitle:"_6gVRc3i",community:"xOzLGrD",questionCard:"IB049vj",linkWrapper:"_8I--vEV"};

package/build/together/components/molecules/profileDetail/posts/style.module.scss.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";module.exports={container:"TSMHoEM"};

package/build/together/components/molecules/profileDetail/style.module.scss.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";module.exports={container:"_4Vekw96",info:"DIJdGcB",body:"aQSt4-Q"};

package/build/together/components/molecules/profileDetail/types.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+import { UserInfo } from 'src/interfaces/types';
+import { Article } from 'src/together/interfaces/types';
+import { Award, Contact, Education, Experience } from './utils/types';
+export type CountProps = {
+    total_reply?: number;
+    total_question?: number;
+    total_post?: number;
+};
+export type TabData = {
+    experiences: Experience[];
+    relatedPosts: Article[];
+    educations: Education[];
+    awards: Award[];
+    contact: Contact;
+    data: UserInfo & {
+        specialty: string;
+        organisation: string;
+        description: string;
+        created_at: string;
+    };
+};

package/build/together/components/molecules/profileDetail/utils/dataTransform.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.formatEducation=function(e){return e?{completedYear:null==e?void 0:e.completed_year,schoolName:e.school_name,study:e.study}:{}},exports.formatExperience=function(e){return e?{title:null==e?void 0:e.title,organization:null==e?void 0:e.organization,duration:e.duration}:{}};

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../externals/tslib/tslib.es6.js'),l=require("react"),a=require("../../../../icons/Close.js"),s=require("./style.module.scss.js"),t=require("../../../../hooks/useTranslations.js"),o=require("../../../../components/mantine/modal/index.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(l);exports.ProfileDetailModal=function(l){var r=l.open,n=l.onClose,d=l.children,u=l.profileModalProps,c=t.useTranslations().t;return i.default.createElement(o.Modal,e.__assign({className:s.modal,opened:r,onClose:n,overlayOpacity:.2,overflow:"inside",styles:{inner:{padding:0,justifyContent:"flex-end",borderRadius:0},modal:{height:"100%",borderRadius:0},body:{padding:"24px",maxHeight:"100%"}},title:"Profile"},u),i.default.createElement("div",{className:s.header},i.default.createElement("div",{className:s.heading},c("profilePanel.modal.heading")),i.default.createElement("div",{className:s.close,onClick:n},i.default.createElement(a,null))),d)};

package/build/together/components/molecules/profileDetailModal/style.module.scss.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";module.exports={modal:"_2UKyiK1",header:"E5ga-tI",heading:"_8Y2nWXX",close:"d0T7kSP"};

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

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

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

@@ -0,0 +1 @@

package/build/together/components/molecules/skipQuestionOfExpertBtn/style.module.scss.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";module.exports={skipBtn:"KsWg8i6",alertHeading:"_9tS0EUN",alertDesc:"kyyRKlb",alertAction:"-Uqqka-"};

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("../../../api/paths.js"),i=require("../../../api/utils.js"),a=require("../../../interfaces/constants.js"),o=require("../../../utils/post.js"),l=require("../../atoms/loading/index.js"),u=require("./index.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(t);exports.SocialLinkPreview=function(c){var d=c.url,f=c.image,h=c.className,m=c.style,p=c.autoPlay,v=void 0===p||p,g=t.useContext(n.TogetherComponentGlobalContext).data.locale,w=t.useState(null),b=w[0],E=w[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(r.PATHS.FETCH_PREVIEW,{_locale:g}),"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 y=f||(null==b?void 0:b.image),_=(null==b?void 0:b.url)||d,j=t.useMemo((function(){return o.youtubeVidIdGetter(_)}),[_]),k=t.useMemo((function(){return _.includes("facebook.com")||_.includes("fb.watch")}),[_]),S=t.useRef(0),q=t.useRef(0),C=t.useState(!1),M=C[0],x=C[1];t.useEffect((function(){var e=function(){var e,t=null===(e=F.current)||void 0===e?void 0:e.getBoundingClientRect(),n=!1;t&&(!S.current||Math.abs((S.current-t.width)/(null==t?void 0:t.width))>.2)&&(S.current=Math.floor(t.width),n=!0),t&&(!q.current||Math.abs((q.current-t.height)/(null==t?void 0:t.height))>.2)&&(q.current=Math.floor(t.height),n=!0),n&&x((function(e){return!e}))};return e(),window.addEventListener("resize",e,{passive:!0}),function(){window.removeEventListener("resize",e)}}),[]);var F=t.useRef(null),P=t.useRef(!1);return s.default.createElement(u.StyledSocialLinkPreview,{className:"".concat(h," no-replace-click"),style:m,ref:F},f||!j&&!k?s.default.createElement("a",{href:_,target:"_blank",rel:"noreferrer"},s.default.createElement("div",{className:"link-image-wrapper ".concat((null==b?void 0:b.isFetching)?"fetching":"")},(null==b?void 0:b.isFetching)?s.default.createElement(l.Loading,{className:"loading-spinner"}):s.default.createElement("img",{className:"link-image",src:y||a.DEFAULT_IMG,onError:function(e){P.current||(P.current=!0,e.currentTarget.src=a.DEFAULT_IMG)}}))):s.default.createElement("div",{className:"link-image-wrapper"},j?s.default.createElement("iframe",{width:"100%",height:"100%",src:"https://www.youtube.com/embed/".concat(j,"?&autoplay=").concat(v?1:0,"&mute=1&enablejsapi=1"),frameBorder:"0",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,border:"none",overflow:"hidden"}}):k?s.default.createElement("iframe",{key:String(M),src:"https://www.facebook.com/plugins/video.php?href=".concat(encodeURIComponent(_),"&autoplay=").concat(v?1:0,"&show_text=false&t=0&width=").concat(S.current,"&height=").concat(q.current),style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:q.current,width:S.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 &.fetching {\n background: lightgray;\n }\n .loading-spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n .link-image {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n }\n }\n a {\n text-decoration: none;\n }\n &[data-is-marrybaby='true'] {\n overflow: hidden;\n border-radius: 1rem;\n }\n"],["\n .link-info-container {\n padding: 0.5rem 1rem;\n background: #f4faff;\n }\n .link-image-wrapper {\n position: relative;\n overflow: hidden;\n width: 100%;\n padding-top: 56.25%;\n &.fetching {\n background: lightgray;\n }\n .loading-spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n .link-image {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n }\n }\n a {\n text-decoration: none;\n }\n &[data-is-marrybaby='true'] {\n overflow: hidden;\n border-radius: 1rem;\n }\n"])));exports.StyledSocialLinkPreview=i;

package/build/together/components/molecules/submitReportForm/index.js 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 @@

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

+ "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"),o=require("../../../../components/atoms/heading/index.js"),i=require("../../../../hooks/useTranslations.js"),a=require("innertext"),l=require("../../../utils/notification.js"),r=require("../../../api/dataTransform.js"),s=require("../../../api/paths.js"),u=require("../../../api/utils.js"),d=require("../../../hooks/useTogetherAuthRequiredAction.js"),c=require("../../../interfaces/constants.js"),m=require("../../../togetherComponentGlobalContext.js"),v=require("../../../utils/apiActions/post.js"),p=require("../../atoms/cardLink/index.js"),f=require("../../atoms/cardReactions/index.js"),h=require("../../atoms/labelSortPin/labelPin.js"),g=require("../../atoms/tagTopic/index.js"),C=require("../../molecules/cardAuthor/index.js"),_=require("../../molecules/inputCommentBar/index.js"),E=require("../../molecules/popupFrame/popupShare.js"),k=require("../../molecules/postContent/index.js"),P=require("../../molecules/postImagePreview/index.js"),w=require("../../molecules/socialLinkPreview/index.js"),b=require("../cardReply/index.js"),y=require("./cardPostPopover.js"),j=require("./index.styled.js");function A(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var I=A(t),q=A(a),T=function(t,n){return e.__awaiter(void 0,void 0,void 0,(function(){var o,i,a,l;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,u.callApiWithOptionalAuth(u.getApiPath(s.PATHS.COMMENT.LIST,{postId:t,_locale:n,sort:"popularity",perPage:1,withoutReply:1}),"GET")];case 1:return o=e.sent(),[2,null===(l=null===(a=null===(i=null==o?void 0:o.data)||void 0===i?void 0:i.comments)||void 0===a?void 0:a.map(r.formatComment))||void 0===l?void 0:l[0]]}}))}))};exports.CardPost=function(a){var r=a.className,A=a.style,x=a.hideViewMoreComment,N=a.showMostEngaging,S=a.onCommentClick,M=a.onCommentCountClick,L=a.onMostEngagingCommentClick,R=a.onPostCommentSuccess,B=a.disableCardLink,D=a.disableShortenContent,O=a.onDeletePost,U=a.onEditPost,F=a.post,G=a.mostEngagingComment,H=a.onDeleteComment,Q=a.showInputComment,W=a.InlineCommentsComponent,z=a.hasQuickBookingEnable,V=a.handleMakeAppointment,J=a.cardAuthorProps,K=t.useState(F),X=K[0],Y=K[1],Z=t.useState(!1),$=Z[0],ee=Z[1],te=t.useState(G),ne=te[0],oe=te[1],ie=X.community,ae=X.topics,le=X.author,re=X.slug,se=X.isPin,ue=X.liked;X.scheduleDateTime,X.createdAt;var de=X.photos,ce=X.mentions,me=X.title,ve=X.description,pe=X.previewUrl,fe=X.likesCount,he=X.commentsCount,ge=X.id,Ce=X.commented,_e=t.useContext(m.TogetherComponentGlobalContext),Ee=_e.data,ke=Ee.locale,Pe=Ee.env,we=Pe.isMarryBaby,be=Pe.togetherBasePath,ye=_e.action.pushNotifications,je=i.useTranslations().t,Ae=t.useState(Q),Ie=Ae[0],qe=Ae[1],Te="".concat(be,"/").concat((null==ie?void 0:ie.slug)||"_","/").concat(re||""),xe="".concat(u.getCurrentBaseUrl(ke)).concat(Te),Ne=d.useTogetherAuthRequiredAction((null==ie?void 0:ie.slug)?{_joinCommunityIds:[ie.id],_joinTopicIds:null==ae?void 0:ae.map((function(e){return e.id}))}:void 0).authActionWrapper,Se=t.useState(!1),Me=Se[0],Le=Se[1];t.useEffect((function(){qe(Q)}),[Q]);var Re=(null==le?void 0:le.name)||(null==le?void 0:le.username)||"",Be=(null==le?void 0:le.username)||(null==le?void 0:le.name)||"",De=null==le?void 0:le.avatar,Oe=(null==X?void 0:X.isAnonymous)||null==le?void 0:le.role,Ue=t.useState(null),Fe=Ue[0],Ge=Ue[1],He=t.useState(null),Qe=He[0],We=He[1];t.useEffect((function(){if(null==le?void 0:le.hospitalId){t=le.hospitalId,e.__awaiter(void 0,void 0,void 0,(function(){var n,o;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,u.callApi(u.getCarePath(s.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:t,website_url:u.domainLocales[ke]}),"get")];case 1:return n=e.sent(),(null===(o=null==n?void 0:n._data)||void 0===o?void 0:o.branch)&&Ge(null==n?void 0:n._data.branch),[2]}}))}))}var t,n;if(null==le?void 0:le.doctorId){n=le.doctorId,e.__awaiter(void 0,void 0,void 0,(function(){var t,o;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,u.callApi(u.getCarePath(s.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:n,website_url:u.domainLocales[ke]}),"get")];case 1:return t=e.sent(),(null===(o=null==t?void 0:t._data)||void 0===o?void 0:o.doctor)&&We(null==t?void 0:t._data.doctor),[2]}}))}))}}),[le.hospitalId,le.doctorId]);var ze=(null==Qe?void 0:Qe.valid_outpatient)||(null==Qe?void 0:Qe.valid_telemedicine),Ve=((null==Fe?void 0:Fe.total_available_service)||(null==Fe?void 0:Fe.total_available_doctor))>0,Je=z&&(ze||Ve);t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return ge&&he&&N&&!(null==G?void 0:G.id)?[4,T(ge,ke)]:[3,2];case 1:t=e.sent(),oe(t),e.label=2;case 2:return[2]}}))}))}),[ge,ke,he,N,null==G?void 0:G.id]),t.useEffect((function(){oe(G)}),[null==G?void 0:G.id]);var Ke=function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(o){switch(o.label){case 0:return he>1&&(null==ne?void 0:ne.id)&&(null==ne?void 0:ne.id)===(null==t?void 0:t.id)?[4,T(ge,ke)]:[3,2];case 1:n=o.sent(),oe(n),o.label=2;case 2:return Y((function(t){return e.__assign(e.__assign({},t),{commentsCount:t.commentsCount-1})})),H&&H(t),[2]}}))}))};return I.default.createElement(d.TogetherAuthConfigContextProvider,{defaultParams:(null==ie?void 0:ie.slug)?{_joinCommunityIds:[ie.id],_joinTopicIds:null==ae?void 0:ae.map((function(e){return e.id}))}:void 0},$&&I.default.createElement(E.SharePopup,{url:xe,avatar:c.DEFAULT_IMG,text:me,onClose:function(){return ee(!1)}}),I.default.createElement(j.StyledCardPost,{className:r,style:A,"data-is-marrybaby":we},se?I.default.createElement(h.LabelPin,{className:"post-pin"}):null,I.default.createElement("div",{style:{position:"relative",padding:"1rem 1rem 0"}},I.default.createElement(C.CardAuthor,e.__assign({avatar:De,name:Re,username:Be,url:B?void 0:Te,community:ie,timeText:null==X?void 0:X.createdTime,className:"post-author",role:Oe,userId:null==le?void 0:le.id,expertId:null==le?void 0:le.partnerId,doctorId:null==le?void 0:le.doctorId,hospitalId:null==le?void 0:le.hospitalId,title:null==le?void 0:le.title,hasQuickBooking:Je,handleMakeAppointment:V,"data-testid":"name",isAnonymous:!!(null==X?void 0:X.isAnonymous),extendEle:I.default.createElement(y.CardPostPopoverMore,{authorEmail:String(null==le?void 0:le.email),onDeletePost:O,shareUrl:xe,post:X,className:"popover",onEditPost:U})},J))),I.default.createElement("a",{href:B?void 0:Te,className:"post-content-link-wrapper"},me&&I.default.createElement(o.Heading,{className:"post-content-title",as:"h2",tag:"h5",fontWeight:"bold","data-testid":"Title of the Post"},q.default(me)),I.default.createElement(k.PostContent,{className:"post-content-wrapper",description:ve,disableShortenContent:D,mentions:ce,"data-testid":"Content of the Post"})),I.default.createElement("span",null),I.default.createElement("span",null),I.default.createElement("div",{key:"tag-topic"},ae&&ae.length>0?I.default.createElement(g.TagTopic,{topics:ae,className:"post-topics"}):null),I.default.createElement("div",{key:"social-preview"},(null==X?void 0:X.introUrl)?I.default.createElement("div",{className:"social-preview-wrapper ".concat((null==de?void 0:de.length)?"has-image":"")},I.default.createElement(w.SocialLinkPreview,{url:X.introUrl,image:X.bannerImage})):null),I.default.createElement("div",{key:"image-preview"},(null==de?void 0:de.length)?I.default.createElement("div",{className:"image-preview-wrapper"},I.default.createElement(P.PostImagePreview,{images:de,authorName:null==le?void 0:le.name})):null),I.default.createElement("div",{key:"link-preview"},(null==X?void 0:X.introUrl)||(null==de?void 0:de.length)||!(null==pe?void 0:pe.url)?null:I.default.createElement("div",{className:"link-preview-wrapper"},I.default.createElement(p.CardLink,{title:pe.title,url:pe.url,image:pe.image}))),I.default.createElement(f.CardReactions,{isMarryBaby:we,type:f.CardReactionType.post,loveCount:fe,replyCount:he,className:"post-reaction ".concat((null==de?void 0:de.length)||(null==pe?void 0:pe.url)?"hide-top-border":""),liked:Me?!ue:ue,isReplied:Ce,onCommentClick:function(){return Ne((function(){S?S():qe((function(e){return!e}))}))},onCommentCountClick:function(){Ne((function(){we?qe(!0):M?M():!B&&(window.location.href=Te)}))},onShareClick:function(){ee(!0)},onLikeClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(n){switch(n.label){case 0:if(!ge||Me)return[2];Le(!0),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,v.likeUnlikePost({id:ge,locale:ke})];case 2:return 1!==(null==(t=n.sent())?void 0:t.status)?ye(l.getDefaultFailNoti(je)):Y((function(t){return e.__assign(e.__assign({},t),{likesCount:(t.likesCount||0)+(t.liked?-1:1),liked:!t.liked})})),[3,4];case 3:return n.sent(),ye(l.getDefaultFailNoti(je)),[3,4];case 4:return Le(!1),[2]}}))}))},showingMostEngaging:!(!N||!(null==ne?void 0:ne.id))}),Ie&&I.default.createElement(_.InputCommentBar,{isMainCmt:!Q,onClose:function(){return qe(!1)},onPostSuccess:function(t){0!==he||(null==ne?void 0:ne.id)||oe(t),Y((function(t){return e.__assign(e.__assign({},t),{commentsCount:t.commentsCount+1,commented:!0})})),R&&R(t)},post:X}),N&&(null==ne?void 0:ne.id)?I.default.createElement("div",{className:"most-engaging-wrapper",onClick:function(e){L?(e.stopPropagation(),L()):window.location.href=Te}},I.default.createElement(b.CardReply,{hasQuickBookingEnable:z,handleMakeAppointment:V,comment:ne,onDeleteComment:function(){Ke&&Ke(ne)},className:"most-engaging-comment",type:"most-engaging",key:ne.id,cardAuthorProps:J}),he>1&&!x&&I.default.createElement(n.Button,{className:"see-more-comments",color:"ghost",size:"md"},je("comment.seeMoreComments",{count:he-1}))):null,W))};

package/build/together/components/organisms/cardPost/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 r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,o=r(require("styled-components")).default.div(t||(t=n.__makeTemplateObject(["\n position: relative;\n margin-bottom: 24px;\n background: white;\n border-radius: 6px;\n\n a {\n text-decoration: none;\n }\n\n "," {\n margin-bottom: 8px;\n }\n &.flat-top {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n .post-pin {\n padding: 0.5rem 1rem;\n border-radius: 6px 6px 0 0;\n }\n .post-author {\n display: flex;\n align-items: center;\n justify-content: space-between;\n &.comment {\n padding-right: 2.6rem;\n }\n .author-avatar-wrapper {\n width: 40px;\n height: 40px;\n font-size: 20px;\n "," {\n width: 32px;\n height: 32px;\n font-size: 16px;\n }\n }\n }\n .post-content-link-wrapper {\n color: inherit;\n cursor: pointer;\n .post-content-title {\n padding: 1rem 1rem 0;\n word-break: break-word;\n }\n }\n .social-preview-wrapper.has-image {\n margin-bottom: 5px;\n }\n .social-preview-wrapper,\n .image-preview-wrapper,\n .link-preview-wrapper {\n width: 100%;\n &[data-is-reply='true'] {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n }\n .post-topics {\n padding: 0 1rem;\n margin-bottom: 1rem;\n }\n\n .post-reaction {\n background: none;\n border-radius: 0 0 6px 6px;\n &.hide-top-border {\n ::before {\n display: none;\n }\n }\n }\n .most-engaging-wrapper {\n padding: 1rem;\n cursor: pointer;\n .author-avatar-wrapper {\n width: 2rem;\n height: 2rem;\n font-size: 1rem;\n }\n .see-more-comments {\n width: 100%;\n padding: 12px 0 0;\n text-align: unset;\n }\n }\n &[data-most-engaging='true'] {\n border: none;\n "," {\n margin: 1rem;\n border: 1px solid #e4e8ec;\n }\n }\n .top-divider {\n border-color: #e4e8ec;\n }\n .popover {\n .popover-menu__btn {\n display: flex;\n width: 1.5rem;\n height: 1rem;\n align-items: center;\n justify-content: center;\n padding: 0;\n background: transparent;\n\n &:hover {\n background-color: transparent;\n }\n }\n .popover-menu__content {\n &.--position-bottom {\n &.--align-end {\n &::before {\n right: 12.5px;\n }\n }\n }\n }\n }\n\n &[data-is-marrybaby='true'] {\n border: 1px solid #f3f3f3;\n border-radius: 1rem;\n /* shadow */\n\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n .image-preview-wrapper,\n .link-preview-wrapper {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n .popover {\n .popover-menu__btn {\n width: 24px;\n height: 24px;\n "," {\n width: 18px;\n height: 18px;\n }\n }\n .popover-menu__content {\n &.--position-bottom {\n &.--align-end {\n &::before {\n right: 1rem;\n }\n width: 350px;\n "," {\n max-width: calc(320px - 2rem);\n }\n }\n }\n }\n }\n .most-engaging-wrapper {\n position: relative;\n padding: 0;\n &::before {\n position: absolute;\n z-index: 5;\n top: 0;\n left: 50%;\n width: calc(100% - 2rem);\n height: 1px;\n background: #f3f3f3;\n content: ' ';\n transform: translateX(-50%);\n }\n }\n "," {\n margin-bottom: 12px;\n }\n }\n"],["\n position: relative;\n margin-bottom: 24px;\n background: white;\n border-radius: 6px;\n\n a {\n text-decoration: none;\n }\n\n "," {\n margin-bottom: 8px;\n }\n &.flat-top {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n .post-pin {\n padding: 0.5rem 1rem;\n border-radius: 6px 6px 0 0;\n }\n .post-author {\n display: flex;\n align-items: center;\n justify-content: space-between;\n &.comment {\n padding-right: 2.6rem;\n }\n .author-avatar-wrapper {\n width: 40px;\n height: 40px;\n font-size: 20px;\n "," {\n width: 32px;\n height: 32px;\n font-size: 16px;\n }\n }\n }\n .post-content-link-wrapper {\n color: inherit;\n cursor: pointer;\n .post-content-title {\n padding: 1rem 1rem 0;\n word-break: break-word;\n }\n }\n .social-preview-wrapper.has-image {\n margin-bottom: 5px;\n }\n .social-preview-wrapper,\n .image-preview-wrapper,\n .link-preview-wrapper {\n width: 100%;\n &[data-is-reply='true'] {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n }\n .post-topics {\n padding: 0 1rem;\n margin-bottom: 1rem;\n }\n\n .post-reaction {\n background: none;\n border-radius: 0 0 6px 6px;\n &.hide-top-border {\n ::before {\n display: none;\n }\n }\n }\n .most-engaging-wrapper {\n padding: 1rem;\n cursor: pointer;\n .author-avatar-wrapper {\n width: 2rem;\n height: 2rem;\n font-size: 1rem;\n }\n .see-more-comments {\n width: 100%;\n padding: 12px 0 0;\n text-align: unset;\n }\n }\n &[data-most-engaging='true'] {\n border: none;\n "," {\n margin: 1rem;\n border: 1px solid #e4e8ec;\n }\n }\n .top-divider {\n border-color: #e4e8ec;\n }\n .popover {\n .popover-menu__btn {\n display: flex;\n width: 1.5rem;\n height: 1rem;\n align-items: center;\n justify-content: center;\n padding: 0;\n background: transparent;\n\n &:hover {\n background-color: transparent;\n }\n }\n .popover-menu__content {\n &.--position-bottom {\n &.--align-end {\n &::before {\n right: 12.5px;\n }\n }\n }\n }\n }\n\n &[data-is-marrybaby='true'] {\n border: 1px solid #f3f3f3;\n border-radius: 1rem;\n /* shadow */\n\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n .image-preview-wrapper,\n .link-preview-wrapper {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n .popover {\n .popover-menu__btn {\n width: 24px;\n height: 24px;\n "," {\n width: 18px;\n height: 18px;\n }\n }\n .popover-menu__content {\n &.--position-bottom {\n &.--align-end {\n &::before {\n right: 1rem;\n }\n width: 350px;\n "," {\n max-width: calc(320px - 2rem);\n }\n }\n }\n }\n }\n .most-engaging-wrapper {\n position: relative;\n padding: 0;\n &::before {\n position: absolute;\n z-index: 5;\n top: 0;\n left: 50%;\n width: calc(100% - 2rem);\n height: 1px;\n background: #f3f3f3;\n content: ' ';\n transform: translateX(-50%);\n }\n }\n "," {\n margin-bottom: 12px;\n }\n }\n"])),e.MediaQueries.mbDown,e.MediaQueries.mbDown,e.MediaQueries.mbDown,e.MediaQueries.mbDown,e.MediaQueries.mbDown,e.MediaQueries.mbDown);exports.StyledCardPost=o;

package/build/together/components/organisms/cardReply/cardReplyPopover.js ADDED Viewed

@@ -0,0 +1 @@

package/build/together/components/organisms/cardReply/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("../../../../components/atoms/button/index.js"),i=require("../../../../components/atoms/divider/index.js"),o=require("../../../../hooks/useTranslations.js"),l=require("../../../../interfaces/constants/index.js"),r=require("../../../api/paths.js"),a=require("../../../api/utils.js"),u=require("../../../utils/apiActions/comment.js"),s=require("../../../assets/svg/chevronRightActive.svg.js"),d=require("../../../hooks/useTogetherAuthRequiredAction.js"),c=require("../../../togetherComponentGlobalContext.js"),m=require("../../atoms/cardLink/index.js"),p=require("../../atoms/cardReactions/index.js"),v=require("../../molecules/cardAuthor/index.js"),f=require("../../molecules/inputCommentBar/index.js"),g=require("../../molecules/postContent/index.js"),h=require("../../molecules/postImagePreview/index.js"),_=require("./cardReplyPopover.js"),y=require("./index.styled.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var k=C(t),I=function(C){var A,E,j,b,q,T,w=C.className,x=C.style,P=C.comment,R=C.type,N=void 0===R?"comment":R,S=C.level,L=void 0===S?0:S,B=C.replyingId,D=C.onPostCommentSuccess,M=C.post,O=C.onDeleteComment,F=C.refetchComment,G=C.hasQuickBookingEnable,U=C.handleMakeAppointment,H=C.cardAuthorProps,Q=t.useContext(c.TogetherComponentGlobalContext).data,z=Q.locale,W=Q.userInfo,J=Q.env.isMarryBaby,K=o.useTranslations().t,V=t.useState(P||null),X=V[0],Y=V[1],Z=X.id;X.countReplies;var $=X.countLikes,ee=X.content;X.createdAt;var te=X.replies,ne=void 0===te?[]:te,ie=X.images,oe=void 0===ie?[]:ie,le=X.author,re=X.liked,ae=X.link,ue=X.mentionedUser,se=X.mentions,de=u.decodeCommentBody(ee),ce=de.text,me=de.replyingTo,pe=d.useTogetherAuthRequiredAction({_joinCommunityIds:[null===(A=null==M?void 0:M.community)||void 0===A?void 0:A.id],_joinTopicIds:null===(E=null==M?void 0:M.topics)||void 0===E?void 0:E.map((function(e){return e.id}))}).authActionWrapper,ve=t.useState(4),fe=ve[0],ge=ve[1],he=!!(null==W?void 0:W.id)&&(null==ne?void 0:ne.some((function(e){return e.author.id===W.id}))),_e=function(t){Y((function(n){if(!n.replies.find((function(e){return e.id===t.id}))){n.replies.unshift(t);var i=e.__assign(e.__assign({},n),{replies:n.replies.slice(),countReplies:n.countReplies+1});return F&&F(i),i}return n}))},ye=t.useState(!1),Ce=ye[0],ke=ye[1],Ie=t.useMemo((function(){return"comment"===N&&ne&&0!=ne.length?ne.sort((function(e,t){var n=new Date(e.createdAt).getTime(),i=new Date(t.createdAt).getTime();return n>i?-1:n<i?1:0})):ne}),[N,ne]),Ae=(null==ne?void 0:ne.length)||0,Ee=String(null==le?void 0:le.email)&&(null==W?void 0:W.email)&&String(null==le?void 0:le.email)===String(null==W?void 0:W.email),je=(null==le?void 0:le.name)||(null==le?void 0:le.username)||"",be=(null==le?void 0:le.username)||(null==le?void 0:le.name)||"",qe=null==le?void 0:le.avatar,Te=(null==M?void 0:M.isAnonymous)||null==le?void 0:le.role,we=e.__spreadArray(e.__spreadArray([],(null==M?void 0:M.isAnonymous)?[{id:(null===(j=null==M?void 0:M.author)||void 0===j?void 0:j.id)||0,name:K("cardPost.anonymous")}]:[],!0),se||[],!0),xe=t.useState(null),Pe=xe[0],Re=xe[1],Ne=t.useState(null),Se=Ne[0],Le=Ne[1];t.useEffect((function(){if(null==le?void 0:le.hospitalId){t=le.hospitalId,e.__awaiter(void 0,void 0,void 0,(function(){var n,i;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,a.callApi(a.getCarePath(r.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:t,website_url:l.domainLocales[z]}),"get")];case 1:return n=e.sent(),(null===(i=null==n?void 0:n._data)||void 0===i?void 0:i.branch)&&Re(null==n?void 0:n._data.branch),[2]}}))}))}var t,n;if(null==le?void 0:le.doctorId){n=le.doctorId,e.__awaiter(void 0,void 0,void 0,(function(){var t,i;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,a.callApi(a.getCarePath(r.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:n,website_url:l.domainLocales[z]}),"get")];case 1:return t=e.sent(),(null===(i=null==t?void 0:t._data)||void 0===i?void 0:i.doctor)&&Le(null==t?void 0:t._data.doctor),[2]}}))}))}}),[le.hospitalId,le.doctorId]);var Be=(null==Se?void 0:Se.valid_outpatient)||(null==Se?void 0:Se.valid_telemedicine),De=((null==Pe?void 0:Pe.total_available_service)||(null==Pe?void 0:Pe.total_available_doctor))>0,Me=G&&(Be||De);return k.default.createElement(d.TogetherAuthConfigContextProvider,{defaultParams:{_joinCommunityIds:[null===(b=null==M?void 0:M.community)||void 0===b?void 0:b.id],_joinTopicIds:null===(q=null==M?void 0:M.topics)||void 0===q?void 0:q.map((function(e){return e.id}))}},k.default.createElement(y.StyledCardPost,{className:w,style:x,"data-is-reply":!!L,"data-is-marrybaby":J,"data-has-booking":Me},"reply"===N&&k.default.createElement(i.Divider,{className:"top-divider",type:"solid"}),k.default.createElement("div",{style:{padding:"16px 16px 0"}},k.default.createElement(v.CardAuthor,e.__assign({avatar:qe,name:je,username:be,timeText:null==M?void 0:M.createdTime,className:"post-author ".concat(Ee?"with-popover":""),type:N,userId:null==le?void 0:le.id,role:Te,expertId:null==le?void 0:le.partnerId,title:null==le?void 0:le.title,doctorId:null==le?void 0:le.doctorId,hospitalId:null==le?void 0:le.hospitalId,hasQuickBooking:Me,handleMakeAppointment:U,isAnonymous:!!(null==M?void 0:M.isAnonymous)},H))),k.default.createElement(g.PostContent,{className:"post-content-wrapper",replyingTo:me,mentionedUser:ue,description:ce,mentions:we}),k.default.createElement("span",null),k.default.createElement("span",null),oe&&oe.length>0?k.default.createElement("div",{key:"image-preview",className:"image-preview-wrapper","data-is-reply":!0},k.default.createElement(h.PostImagePreview,{images:oe,authorName:null==le?void 0:le.username})):null,oe&&0!==oe.length||!ae?null:k.default.createElement("div",{key:"link-preview",className:"link-preview-wrapper","data-is-reply":!0},k.default.createElement(m.CardLink,{url:ae})),"most-engaging"!==N?k.default.createElement(k.default.Fragment,null,k.default.createElement(p.CardReactions,{type:p.CardReactionType.reply,loveCount:$,replyCount:Ae,className:"post-reaction",liked:re,isReplied:he,hideCommentIcon:"reply"===N,onCommentClick:function(){return pe((function(){return ke((function(e){return!e}))}))},onCommentCountClick:function(){return pe((function(){ke(!0)}))},onLikeClick:function(){return pe((function(){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(t){switch(t.label){case 0:return Z?[4,u.likeUnlikeComment({commentId:Z,setLike:!re,locale:z})]:[3,2];case 1:1===t.sent().status&&Y((function(t){return e.__assign(e.__assign({},t),{liked:!re,countLikes:t.countLikes+(re?-1:1)})})),t.label=2;case 2:return[2]}}))}))}))}}),Ce&&k.default.createElement(f.InputCommentBar,{replyingId:B||X.id,replyToName:je,isReply:!0,onClose:function(){return ke(!1)},onPostSuccess:function(e){"reply"===N?D&&D(e):_e(e)},post:M,replyingUser:le}),"comment"===N&&ne&&ne.length>0?k.default.createElement("div",{className:"comment-reply-wrapper"},null===(T=null==Ie?void 0:Ie.slice(0,fe))||void 0===T?void 0:T.map((function(t){return k.default.createElement(I,{key:t.id,comment:t,type:"reply",className:"comment-reply-item",level:L+1,replyingId:Z,onPostCommentSuccess:_e,post:M,onDeleteComment:function(){Y((function(n){return e.__assign(e.__assign({},n),{replies:n.replies.filter((function(e){return e.id!==t.id})),countReplies:n.countReplies-1})}))},handleMakeAppointment:U,hasQuickBookingEnable:G})})),Ae>fe&&k.default.createElement(k.default.Fragment,null,k.default.createElement(i.Divider,{className:"top-divider",type:"solid"}),k.default.createElement(n.Button,{className:"more-cmt",size:"lg",color:"ghost",onClick:function(){return ge((function(e){return e+4}))}},K("comment.seeMoreReplies",{count:Ae-fe}),k.default.createElement("img",{className:"chevron-right",src:s})))):null):null,Ee&&k.default.createElement(_.CardReplyPopover,{onDeleteComment:O,className:"popover",commentId:X.id})))};exports.CardReply=I;

package/build/together/components/organisms/cardReply/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 r,i=t(require("styled-components")).default.div(r||(r=n.__makeTemplateObject(["\n position: relative;\n margin-bottom: 0;\n background: white;\n border-radius: 6px;\n\n .post-author {\n &.with-popover {\n padding-right: 2.6rem;\n }\n .author-avatar-wrapper {\n width: 40px;\n height: 40px;\n font-size: 20px;\n "," {\n width: 32px;\n height: 32px;\n font-size: 16px;\n }\n }\n }\n .image-preview-wrapper,\n .link-preview-wrapper {\n width: 100%;\n &[data-is-reply='true'] {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n }\n .post-reaction {\n background: none;\n border-radius: 0 0 6px 6px;\n }\n &[data-is-reply='true'] {\n > .post-author .author-avatar-wrapper {\n width: 20px;\n height: 20px;\n font-size: 10px;\n }\n }\n &[data-is-reply='false'] {\n border: 1px solid #e4e8ec;\n }\n .expert-wrapper {\n width: 100%;\n }\n &[data-has-booking='true'] {\n display: grid;\n .post-author {\n background-color: ",";\n }\n .btn-wrapper {\n padding: 0 16px;\n .btn-booking {\n width: 100%;\n margin: 12px 0;\n }\n }\n }\n\n .comment-reply-wrapper {\n padding: 0 1rem;\n .more-cmt {\n .chevron-right {\n height: 1rem;\n width: 1rem;\n vertical-align: middle;\n }\n }\n }\n .top-divider {\n border-color: #e4e8ec;\n }\n .popover {\n position: absolute;\n top: 1.5rem;\n right: 1rem;\n .popover-menu__btn {\n display: flex;\n width: 1rem;\n height: 1rem;\n align-items: center;\n justify-content: center;\n padding: 0;\n background: transparent;\n\n &:hover {\n background-color: transparent;\n }\n\n .popover-menu__content {\n &.--position-bottom {\n &.--align-end {\n &::before {\n right: 12.5px;\n }\n }\n }\n }\n }\n }\n\n &[data-is-marrybaby='true'] {\n &[data-is-reply='false'] {\n border: none;\n }\n .image-preview-wrapper,\n .link-preview-wrapper {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n .popover {\n .popover-menu__btn {\n width: 24px;\n height: 24px;\n }\n }\n\n margin-left: 56px;\n "," {\n margin-left: 40px;\n }\n > .post-author {\n margin-left: -56px;\n "," {\n margin-left: -40px;\n }\n .author-info {\n align-items: center;\n display: flex;\n align-items: center;\n .author-info-top {\n width: 100%;\n }\n .author-info-text-wrapper {\n justify-content: space-between;\n }\n }\n .author-avatar-wrapper {\n width: 40px;\n height: 40px;\n font-size: 20px;\n "," {\n width: 24px;\n height: 24px;\n font-size: 12px;\n }\n }\n }\n &[data-is-reply] {\n > .post-author {\n .author-avatar-wrapper {\n width: 40px;\n height: 40px;\n font-size: 20px;\n "," {\n width: 24px;\n height: 24px;\n font-size: 12px;\n }\n }\n }\n }\n\n .comment-reply-wrapper {\n padding-right: 0;\n padding-left: 0;\n }\n .post-reaction {\n &::after {\n position: absolute;\n bottom: 0;\n left: 50%;\n width: calc(100% - 2rem);\n height: 1px;\n background: #f3f3f3;\n content: ' ';\n transform: translateX(-50%);\n }\n }\n .post-content-wrapper {\n padding-top: 0;\n padding-bottom: 0;\n "," {\n padding-left: 0.5rem;\n }\n }\n\n "," {\n margin-bottom: 12px;\n }\n }\n"],["\n position: relative;\n margin-bottom: 0;\n background: white;\n border-radius: 6px;\n\n .post-author {\n &.with-popover {\n padding-right: 2.6rem;\n }\n .author-avatar-wrapper {\n width: 40px;\n height: 40px;\n font-size: 20px;\n "," {\n width: 32px;\n height: 32px;\n font-size: 16px;\n }\n }\n }\n .image-preview-wrapper,\n .link-preview-wrapper {\n width: 100%;\n &[data-is-reply='true'] {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n }\n .post-reaction {\n background: none;\n border-radius: 0 0 6px 6px;\n }\n &[data-is-reply='true'] {\n > .post-author .author-avatar-wrapper {\n width: 20px;\n height: 20px;\n font-size: 10px;\n }\n }\n &[data-is-reply='false'] {\n border: 1px solid #e4e8ec;\n }\n .expert-wrapper {\n width: 100%;\n }\n &[data-has-booking='true'] {\n display: grid;\n .post-author {\n background-color: ",";\n }\n .btn-wrapper {\n padding: 0 16px;\n .btn-booking {\n width: 100%;\n margin: 12px 0;\n }\n }\n }\n\n .comment-reply-wrapper {\n padding: 0 1rem;\n .more-cmt {\n .chevron-right {\n height: 1rem;\n width: 1rem;\n vertical-align: middle;\n }\n }\n }\n .top-divider {\n border-color: #e4e8ec;\n }\n .popover {\n position: absolute;\n top: 1.5rem;\n right: 1rem;\n .popover-menu__btn {\n display: flex;\n width: 1rem;\n height: 1rem;\n align-items: center;\n justify-content: center;\n padding: 0;\n background: transparent;\n\n &:hover {\n background-color: transparent;\n }\n\n .popover-menu__content {\n &.--position-bottom {\n &.--align-end {\n &::before {\n right: 12.5px;\n }\n }\n }\n }\n }\n }\n\n &[data-is-marrybaby='true'] {\n &[data-is-reply='false'] {\n border: none;\n }\n .image-preview-wrapper,\n .link-preview-wrapper {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n .popover {\n .popover-menu__btn {\n width: 24px;\n height: 24px;\n }\n }\n\n margin-left: 56px;\n "," {\n margin-left: 40px;\n }\n > .post-author {\n margin-left: -56px;\n "," {\n margin-left: -40px;\n }\n .author-info {\n align-items: center;\n display: flex;\n align-items: center;\n .author-info-top {\n width: 100%;\n }\n .author-info-text-wrapper {\n justify-content: space-between;\n }\n }\n .author-avatar-wrapper {\n width: 40px;\n height: 40px;\n font-size: 20px;\n "," {\n width: 24px;\n height: 24px;\n font-size: 12px;\n }\n }\n }\n &[data-is-reply] {\n > .post-author {\n .author-avatar-wrapper {\n width: 40px;\n height: 40px;\n font-size: 20px;\n "," {\n width: 24px;\n height: 24px;\n font-size: 12px;\n }\n }\n }\n }\n\n .comment-reply-wrapper {\n padding-right: 0;\n padding-left: 0;\n }\n .post-reaction {\n &::after {\n position: absolute;\n bottom: 0;\n left: 50%;\n width: calc(100% - 2rem);\n height: 1px;\n background: #f3f3f3;\n content: ' ';\n transform: translateX(-50%);\n }\n }\n .post-content-wrapper {\n padding-top: 0;\n padding-bottom: 0;\n "," {\n padding-left: 0.5rem;\n }\n }\n\n "," {\n margin-bottom: 12px;\n }\n }\n"])),e.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50}),e.MediaQueries.mbDown,e.MediaQueries.mbDown,e.MediaQueries.mbDown,e.MediaQueries.mbDown,e.MediaQueries.mbDown,e.MediaQueries.mbDown);exports.StyledCardPost=i;

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

@@ -0,0 +1 @@

package/build/together/components/organisms/popoverMenu/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,o,r=t(require("styled-components")),i=r.default.div(e||(e=n.__makeTemplateObject(["\n position: relative;\n display: content;\n\n .popover-menu__btn {\n /* position: relative; */\n > span {\n width: 100%;\n height: 100%;\n > img {\n width: 100%;\n height: 100%;\n }\n }\n }\n\n .popover-menu__content {\n position: absolute;\n z-index: 10;\n width: 320px;\n padding: 8px;\n border: none;\n background: #fff;\n border-radius: 8px;\n box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);\n\n &::before {\n position: absolute;\n width: 16px;\n height: 8px;\n background: #fff;\n content: '';\n }\n\n &.--position {\n &-top {\n bottom: calc(100% + 8px);\n\n &.--align {\n &-start {\n left: 0;\n\n &::before {\n top: 100%;\n left: 16px;\n clip-path: polygon(0 0, 50% 100%, 100% 0);\n }\n }\n\n &-end {\n left: 100%;\n transform: translateX(calc(-100% + 1rem));\n\n &::before {\n top: 100%;\n right: 16px;\n clip-path: polygon(0 0, 50% 100%, 100% 0);\n }\n }\n }\n }\n\n &-right {\n left: calc(100% + 8px);\n\n &.--align {\n &-start {\n top: 0;\n\n &::before {\n top: 16px;\n left: 0;\n width: 8px;\n height: 16px;\n clip-path: polygon(0 50%, 100% 0%, 100% 100%);\n transform: translateX(-100%);\n }\n }\n\n &-end {\n top: 100%;\n transform: translateX(calc(-100% + 1rem));\n\n &::before {\n bottom: 16px;\n left: 0;\n width: 8px;\n height: 16px;\n clip-path: polygon(0 50%, 100% 0%, 100% 100%);\n transform: translateX(-100%);\n }\n }\n }\n }\n\n &-bottom {\n top: calc(100% + 8px);\n\n &.--align {\n &-start {\n left: 0;\n\n &::before {\n bottom: 100%;\n left: 16px;\n clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n }\n }\n\n &-end {\n left: 100%;\n transform: translateX(calc(-100% + 1rem));\n\n &::before {\n right: 16px;\n bottom: 100%;\n clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n }\n }\n }\n }\n\n &-left {\n left: -8px;\n transform: translateX(-100%);\n\n &.--align {\n &-start {\n top: 0;\n\n &::before {\n top: 16px;\n left: 100%;\n width: 8px;\n height: 16px;\n clip-path: polygon(0 0%, 100% 50%, 0% 100%);\n transform: translateX(0);\n }\n }\n\n &-end {\n bottom: 0;\n\n &::before {\n bottom: 16px;\n left: 100%;\n width: 8px;\n height: 16px;\n clip-path: polygon(0 0%, 100% 50%, 0% 100%);\n transform: translateX(0);\n }\n }\n }\n }\n }\n }\n\n &[data-is-marrybaby='true'] {\n .popover-menu__content {\n padding: 0;\n border-radius: 12px;\n /* &::before {\n display: none;\n } */\n }\n }\n"],["\n position: relative;\n display: content;\n\n .popover-menu__btn {\n /* position: relative; */\n > span {\n width: 100%;\n height: 100%;\n > img {\n width: 100%;\n height: 100%;\n }\n }\n }\n\n .popover-menu__content {\n position: absolute;\n z-index: 10;\n width: 320px;\n padding: 8px;\n border: none;\n background: #fff;\n border-radius: 8px;\n box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);\n\n &::before {\n position: absolute;\n width: 16px;\n height: 8px;\n background: #fff;\n content: '';\n }\n\n &.--position {\n &-top {\n bottom: calc(100% + 8px);\n\n &.--align {\n &-start {\n left: 0;\n\n &::before {\n top: 100%;\n left: 16px;\n clip-path: polygon(0 0, 50% 100%, 100% 0);\n }\n }\n\n &-end {\n left: 100%;\n transform: translateX(calc(-100% + 1rem));\n\n &::before {\n top: 100%;\n right: 16px;\n clip-path: polygon(0 0, 50% 100%, 100% 0);\n }\n }\n }\n }\n\n &-right {\n left: calc(100% + 8px);\n\n &.--align {\n &-start {\n top: 0;\n\n &::before {\n top: 16px;\n left: 0;\n width: 8px;\n height: 16px;\n clip-path: polygon(0 50%, 100% 0%, 100% 100%);\n transform: translateX(-100%);\n }\n }\n\n &-end {\n top: 100%;\n transform: translateX(calc(-100% + 1rem));\n\n &::before {\n bottom: 16px;\n left: 0;\n width: 8px;\n height: 16px;\n clip-path: polygon(0 50%, 100% 0%, 100% 100%);\n transform: translateX(-100%);\n }\n }\n }\n }\n\n &-bottom {\n top: calc(100% + 8px);\n\n &.--align {\n &-start {\n left: 0;\n\n &::before {\n bottom: 100%;\n left: 16px;\n clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n }\n }\n\n &-end {\n left: 100%;\n transform: translateX(calc(-100% + 1rem));\n\n &::before {\n right: 16px;\n bottom: 100%;\n clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n }\n }\n }\n }\n\n &-left {\n left: -8px;\n transform: translateX(-100%);\n\n &.--align {\n &-start {\n top: 0;\n\n &::before {\n top: 16px;\n left: 100%;\n width: 8px;\n height: 16px;\n clip-path: polygon(0 0%, 100% 50%, 0% 100%);\n transform: translateX(0);\n }\n }\n\n &-end {\n bottom: 0;\n\n &::before {\n bottom: 16px;\n left: 100%;\n width: 8px;\n height: 16px;\n clip-path: polygon(0 0%, 100% 50%, 0% 100%);\n transform: translateX(0);\n }\n }\n }\n }\n }\n }\n\n &[data-is-marrybaby='true'] {\n .popover-menu__content {\n padding: 0;\n border-radius: 12px;\n /* &::before {\n display: none;\n } */\n }\n }\n"]))),p=r.default.div(o||(o=n.__makeTemplateObject(["\n display: flex;\n /* max-height: 300px; */\n flex-direction: column;\n cursor: default;\n\n .__header {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem 0;\n margin-bottom: 8px;\n\n .__back-btn {\n position: absolute;\n top: 50%;\n left: 8px;\n width: 16px;\n height: 16px;\n cursor: pointer;\n transform: translateY(-50%);\n }\n }\n\n .tree-text-description {\n padding-right: 8px;\n padding-left: 8px;\n margin-top: -8px;\n margin-bottom: 8px;\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n text-align: left;\n }\n\n .__content {\n overflow: auto;\n flex: 1;\n }\n\n .__list {\n .__item {\n position: relative;\n &.bold-item {\n font-weight: 700;\n }\n &:last-child {\n .__btn {\n margin-bottom: 0;\n }\n }\n\n .__btn {\n position: relative;\n display: flex;\n width: 100%;\n height: 40px;\n align-items: center;\n padding: 0 1rem;\n border: none;\n margin-bottom: 8px;\n color: ",";\n cursor: pointer;\n text-align: left;\n transition: background 0.3s;\n\n /* for better gtm tracking result */\n * {\n pointer-events: none;\n }\n &.--checked {\n color: ",";\n pointer-events: none;\n }\n\n &:hover {\n background: ",";\n }\n\n .__icon {\n width: 16px;\n height: 16px;\n margin-right: 0.4rem;\n }\n\n & > span {\n position: relative;\n\n & > img {\n width: 16px;\n height: 16px;\n margin-right: 0.4rem;\n }\n }\n }\n\n .__toggle {\n position: absolute;\n top: 50%;\n right: 16px;\n width: 16px;\n height: 16px;\n pointer-events: none;\n transform: translateY(-50%);\n }\n }\n }\n &[data-is-marrybaby='true'] {\n .__header {\n padding: 1rem;\n }\n .tree-text-description {\n padding: 0 1rem;\n }\n .__list {\n .__item {\n &:first-child {\n .__btn {\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n }\n }\n &:last-child {\n .__btn {\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n }\n }\n .__btn {\n height: unset;\n padding: 1rem;\n margin-bottom: 0;\n &:hover {\n background: ",";\n }\n }\n }\n }\n }\n"],["\n display: flex;\n /* max-height: 300px; */\n flex-direction: column;\n cursor: default;\n\n .__header {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem 0;\n margin-bottom: 8px;\n\n .__back-btn {\n position: absolute;\n top: 50%;\n left: 8px;\n width: 16px;\n height: 16px;\n cursor: pointer;\n transform: translateY(-50%);\n }\n }\n\n .tree-text-description {\n padding-right: 8px;\n padding-left: 8px;\n margin-top: -8px;\n margin-bottom: 8px;\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n text-align: left;\n }\n\n .__content {\n overflow: auto;\n flex: 1;\n }\n\n .__list {\n .__item {\n position: relative;\n &.bold-item {\n font-weight: 700;\n }\n &:last-child {\n .__btn {\n margin-bottom: 0;\n }\n }\n\n .__btn {\n position: relative;\n display: flex;\n width: 100%;\n height: 40px;\n align-items: center;\n padding: 0 1rem;\n border: none;\n margin-bottom: 8px;\n color: ",";\n cursor: pointer;\n text-align: left;\n transition: background 0.3s;\n\n /* for better gtm tracking result */\n * {\n pointer-events: none;\n }\n &.--checked {\n color: ",";\n pointer-events: none;\n }\n\n &:hover {\n background: ",";\n }\n\n .__icon {\n width: 16px;\n height: 16px;\n margin-right: 0.4rem;\n }\n\n & > span {\n position: relative;\n\n & > img {\n width: 16px;\n height: 16px;\n margin-right: 0.4rem;\n }\n }\n }\n\n .__toggle {\n position: absolute;\n top: 50%;\n right: 16px;\n width: 16px;\n height: 16px;\n pointer-events: none;\n transform: translateY(-50%);\n }\n }\n }\n &[data-is-marrybaby='true'] {\n .__header {\n padding: 1rem;\n }\n .tree-text-description {\n padding: 0 1rem;\n }\n .__list {\n .__item {\n &:first-child {\n .__btn {\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n }\n }\n &:last-child {\n .__btn {\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n }\n }\n .__btn {\n height: unset;\n padding: 1rem;\n margin-bottom: 0;\n &:hover {\n background: ",";\n }\n }\n }\n }\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.mbColors.lightPink}));exports.StyledPopoverMenu=i,exports.StyledTree=p;

package/build/together/components/organisms/popoverMenu/treePopoverMenu.js ADDED Viewed

@@ -0,0 +1 @@

package/build/together/hooks/useTogetherAuthRequiredAction.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("../../misc/cookieHelper.js"),n=require("../togetherComponentGlobalContext.js"),i=require("../api/utils.js"),r=require("../interfaces/constants.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(t),l=t.createContext({});exports.TogetherAuthConfigContext=l,exports.TogetherAuthConfigContextProvider=function(e){var t=e.children,o=e.defaultParams;return s.default.createElement(l.Provider,{value:{defaultParams:o}},t)},exports.useTogetherAuthRequiredAction=function(a){var s=t.useContext(n.TogetherComponentGlobalContext).data,u=s.userInfo,c=s.env.togetherBasePath,d=(t.useContext(l)||{}).defaultParams,_=null==u?void 0:u.id,m=u&&"number"==typeof u.communities_interacted&&0===u.communities_interacted;return{authActionWrapper:function(t,n){var s=e.__assign(e.__assign(e.__assign({},d),a),n);if(!_||m){_||o.deleteCookie(r.BEARER_TOKEN_COOKIE),(null==s?void 0:s._joinCommunityIds)&&(localStorage.setItem("to_join_community_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_community_ids")||"[]")||[]).concat(s._joinCommunityIds).filter(Boolean))))),null==s||delete s._joinCommunityIds),(null==s?void 0:s._joinTopicIds)&&(localStorage.setItem("to_join_topic_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_topic_ids")||"[]")||[]).concat(s._joinTopicIds).filter(Boolean))))),null==s||delete s._joinTopicIds);var l=(null==s?void 0:s._location)||window.location.href;return null==s||delete s._location,window.location.href=i.getUrlToSignUp(l,s,c),null}return t&&t()},params:e.__assign(e.__assign({},d),a)}};

package/build/together/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./hooks/useTogetherAuthRequiredAction.js"),o=require("./components/atoms/loading/index.js"),r=require("./components/atoms/userAvatar/index.js"),t=require("./components/atoms/cardLink/index.js"),s=require("./components/atoms/cardReactions/index.js"),n=require("./components/atoms/tagTopic/index.js"),p=require("./components/atoms/labelSortPin/index.js"),i=require("./components/atoms/labelSortPin/labelPin.js"),a=require("./components/atoms/labelSortPin/labelSorting.js"),u=require("./components/molecules/cardAuthor/index.js"),l=require("./components/molecules/createNewPostContent/index.js"),m=require("./components/molecules/createPostDescription/index.js"),c=require("./components/molecules/createPostTitle/index.js"),x=require("./components/molecules/popupDanger/index.js"),P=require("./components/molecules/popupExpert/index.js"),d=require("./components/molecules/popupDoctor/index.js"),g=require("./components/molecules/popupHospital/index.js"),C=require("./components/molecules/topicSelectList/index.js"),j=require("./components/molecules/inputCommentBar/index.js"),q=require("./components/molecules/popupFrame/index.js"),h=require("./components/molecules/popupFrame/popupShare.js"),b=require("./components/molecules/submitReportForm/index.js"),v=require("./components/molecules/shareBox/index.js"),T=require("./components/molecules/postContent/index.js"),f=require("./components/molecules/postImagePreview/imagePreviewPopup.js"),S=require("./components/molecules/postImagePreview/postSingleImageViewPopup/index.js"),D=require("./components/molecules/postImagePreview/index.js"),w=require("./components/molecules/socialLinkPreview/index.js"),L=require("./components/molecules/profileDetailModal/index.js"),A=require("./components/molecules/profileDetail/index.js"),R=require("./components/molecules/skipQuestionOfExpertBtn/index.js"),I=require("./components/organisms/cardPost/index.js"),y=require("./components/organisms/cardPost/cardPostPopover.js"),k=require("./components/organisms/cardReply/index.js"),B=require("./components/organisms/cardReply/cardReplyPopover.js"),G=require("./components/organisms/popoverMenu/index.js"),M=require("./api/dataTransform.js"),F=require("./interfaces/types.js"),E=require("./interfaces/constants.js"),O=require("./togetherComponentGlobalContext.js");exports.TogetherAuthConfigContext=e.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=e.TogetherAuthConfigContextProvider,exports.useTogetherAuthRequiredAction=e.useTogetherAuthRequiredAction,exports.Loading=o.Loading,exports.UserAvatar=r.UserAvatar,exports.CardLink=t.CardLink,exports.CardReactions=s.CardReactions,exports.TagTopic=n.TagTopic,exports.LabelSortPin=p.LabelSortPin,exports.LabelPin=i.LabelPin,exports.LabelSorting=a.LabelSorting,exports.CardAuthor=u.CardAuthor,exports.CreateNewPostContent=l.CreateNewPostContent,exports.CreatePostDescription=m.CreatePostDescription,exports.CreatePostTitle=c.CreatePostTitle,exports.PopupDanger=x.PopupDanger,exports.PopupExpert=P.PopupExpert,exports.PopupDoctor=d.PopupDoctor,exports.PopupHospital=g.PopupHospital,exports.TopicSelectList=C.TopicSelectList,exports.InputCommentBar=j.InputCommentBar,exports.PopupFrame=q.PopupFrame,exports.SharePopup=h.SharePopup,exports.SubmitReportForm=b.SubmitReportForm,exports.ShareBox=v.ShareBox,exports.PostContent=T.PostContent,exports.ImagePreviewPopup=f.ImagePreviewPopup,exports.PostSingleImageViewPopup=S.PostSingleImageViewPopup,exports.PostImagePreview=D.PostImagePreview,exports.SocialLinkPreview=w.SocialLinkPreview,exports.ProfileDetailModal=L.ProfileDetailModal,exports.ProfileDetail=A.ProfileDetail,Object.defineProperty(exports,"TabNameInProfileDetail",{enumerable:!0,get:function(){return A.TabName}}),exports.SkipQuestionOfExpertBtn=R.SkipQuestionOfExpertBtn,exports.CardPost=I.CardPost,exports.CardPostPopoverMore=y.CardPostPopoverMore,exports.CardReply=k.CardReply,exports.CardReplyPopover=B.CardReplyPopover,exports.PopoverMenu=G.PopoverMenu,exports.TogetherDataTransforms=M,exports.TogetherTypes=F,exports.TogetherConstants=E,exports.DefaultComponentGlobalContextData=O.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return O.GlobalData}}),exports.TogetherComponentGlobalContext=O.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=O.TogetherComponentGlobalContextProvider;