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

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

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

Files changed (1760) hide show

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ import e,{useState as t,useRef as n,useEffect as r,useCallback as o}from"react";import{Input as i}from"../../../../components/atoms/input/index.js";import{Text as a}from"../../../../components/atoms/text/index.js";import{useTranslations as u}from"../../../../hooks/useTranslations.js";import s from"lodash/debounce";import c from"react-contenteditable";import{highlightBadWords as l}from"../../../utils/post.js";import{StyledCreatePostTitle as m}from"./index.styled.js";var d=function(e,t){if(!t)return e;var n=t.limit,r=t.bannedWords,o=void 0===r?[]:r,i="number"==typeof n&&n>=0?e.substring(0,n):e;return l(i,o)},v=function(v){var f,p=v.className,x=v.style,b=v.bannedWords,T=void 0===b?[]:b,g=v.value,h=v.onChange,j=u().t,E=t(""),C=E[0],y=E[1],N=n(null);r((function(){if(N.current){var e=function(e){var t;e.preventDefault();var n=null===(t=e.clipboardData)||void 0===t?void 0:t.getData("text/plain");document.execCommand("insertHTML",!1,n)},t=N.current;return t.addEventListener("paste",e),function(){return t.removeEventListener("paste",e)}}}),[N]);var W=(null==T?void 0:T.join(","))||"";r((function(){var e;if(W){var t=null===(e=N.current)||void 0===e?void 0:e.innerText;if(t){var n=l(t,T);n!==t&&(h&&h(n),y(n))}}}),[W]);var D=o(s((function(e){if(N.current){var t=d(N.current.innerText,{limit:120,bannedWords:T});h&&h(t),y(t)}}),300),[]);return r((function(){setTimeout((function(){var e;null===(e=N.current)||void 0===e||e.focus()}),500)}),[]),e.createElement(m,{className:p,style:x},e.createElement(i,{name:"title",value:g||C,size:"md",label:j("createPost.title"),CustomInput:e.createElement(c,{innerRef:N,html:g||C,onChange:function(e){if(N.current&&N.current.innerText!==(g||C)){var t=d(N.current.innerText,{bannedWords:T});h&&h(t),y(t),D(N.current.innerText)}},className:"title-input"})}),e.createElement(a,{size:"p4",className:"count-string"},j("createPost.popup.wordCount",{count:(null===(f=N.current)||void 0===f?void 0:f.innerText.length)||0,max:120})))};export{v as CreatePostTitle};

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

package/build/esm/together/components/molecules/inputCommentBar/mainInputTriggerContext.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{createContext as r}from"react";var o=r({});export{o as MainInputTriggerContext};

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

@@ -0,0 +1 @@

+ import{__assign as e}from'./../../../../externals/tslib/tslib.es6.js';import t,{useContext as n,useState as a,useEffect as o}from"react";import{Button as m}from"../../../../components/atoms/button/index.js";import{Heading as r}from"../../../../components/atoms/heading/index.js";import{Text as i}from"../../../../components/atoms/text/index.js";import{toggleNoScroll as s,getPopupWrapperDom as c}from"../../../../misc/utils.js";import*as l from"react-dom";import{TogetherComponentGlobalContext as p}from"../../../togetherComponentGlobalContext.js";import{PopupFrame as u}from"../popupFrame/index.js";import{StyledPopupDanger as d}from"./index.styled.js";var f=function(f){var b=f.className,y=f.isMarryBaby,h=f.style,E=f.title,N=f.description,g=f.acceptText,x=f.cancelText,j=f.onAccept,v=f.thumbnail,C=f.isThumbnailIcon,B=f.onClose,T=f.acceptBtnTracking,k=n(p).data.env.isMarryBaby,z="boolean"==typeof y?y:k,w=a(!1),M=w[0],P=w[1];return o((function(){return s(!0),setTimeout((function(){return P(!0)}),0),function(){return s(!1)}}),[]),"undefined"==typeof window?null:l.createPortal(t.createElement(d,{"data-is-marrybaby":z,className:b,style:h,"data-open":M},t.createElement(u,{className:"popup-frame",isOpen:M,onClose:B},t.createElement("div",{className:"confirm-dialog",onClick:function(e){return e.stopPropagation()}},t.createElement("div",{className:"confirm-content"},v&&t.createElement("div",{className:"thumbnail-container ".concat(C?"is-icon":"")},t.createElement("img",{className:"thumbnail",src:v})),t.createElement(r,{className:"title",tag:"h2"},E),t.createElement(i,{className:"desc",size:"lg"},N),t.createElement("div",{className:"btn-group"},t.createElement(m,e({theme:z?"marryBaby":"helloSites",size:"md",color:"secondary",onClick:function(){null==j||j(),null==B||B()}},T),g),t.createElement(m,{theme:z?"marryBaby":"helloSites",size:"md",onClick:B},x)))),z&&v&&t.createElement("div",{className:"thumbnail-container is-mobile ".concat(C?"is-icon":"")},t.createElement("img",{className:"thumbnail",src:v})))),c())};export{f as PopupDanger};

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ import e,{useState as n}from"react";import{Heading as o}from"../../../../components/atoms/heading/index.js";import{Popup as t}from"../../../../components/molecules/popup/index.js";import s from"../../../../components/atoms/icons/FullScreen.js";import r from"../../../assets/svg/icon-close.svg.js";import{StyledPopupFrame as c,StyledFSBtn as i}from"./index.styled.js";var l=function(l){var m=l.className,a=l.style,p=l.closeIcon,d=l.heading,u=void 0===d?"":d,f=l.children,v=l.isOpen,E=void 0!==v&&v,h=l.hasFullscreen,g=void 0!==h&&h,x=l.onClose,j=void 0===x?function(){return null}:x,y=n(!1),N=y[0],C=y[1];return e.createElement(c,{className:m,style:a,isExpand:N,hasFullscreen:g},e.createElement(t,{type:"confirm",onClose:j,isOpen:E,closeIcon:p||e.createElement("img",{src:r}),enableAnimation:!g},e.createElement("div",{className:"header"},e.createElement(o,{tag:"h5"},u),g&&e.createElement(i,{onClick:function(){return C(!N)}},e.createElement(s,{size:14,isExpand:N}))),e.createElement("div",{className:"content"},"function"==typeof f?f(N):f)))};export{l as PopupFrame};

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

package/build/esm/together/components/molecules/postImagePreview/imagePreviewPopup.js ADDED Viewed

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../../../externals/tslib/tslib.es6.js';import{MediaQueries as i}from"../../../../../misc/utils.js";import t from"styled-components";var e,d,o,a,r,p=t.div(e||(e=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"],["\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"]))),g=t.div(d||(d=n(["\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"]))),s=t.div(o||(o=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"],["\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"]))),l=t.div(a||(a=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"],["\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"]))),c=t.div(r||(r=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"],["\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"])),i.tdUp);export{l as StyledArrowWrapper,c as StyledCircleArrow,p as StyledImagePreviewContainer,g as StyledImagePreviewTopbar,s as StyledImagePreviewWrapper};

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import{MediaQueries as e}from"../../../../misc/utils.js";import i from"styled-components";var t,o,r=i.a(t||(t=n(["\n * {\n pointer-events: none;\n }\n"],["\n * {\n pointer-events: none;\n }\n"]))),a=i.div(o||(o=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"],["\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"])),r,(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.mbDown,e.mbDown);export{r as StyledItemWrapper,a as StyledShare};

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import t from"styled-components";var o,e=t.div(o||(o=n(["\n .link-info-container {\n padding: 0.5rem 1rem;\n background: #f4faff;\n }\n .link-image-wrapper {\n position: relative;\n overflow: hidden;\n width: 100%;\n padding-top: 56.25%;\n &[data-amp='true'] {\n padding-top: 0;\n }\n &.fetching {\n background: lightgray;\n }\n .loading-spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n .link-image {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n }\n }\n a {\n text-decoration: none;\n }\n &[data-is-marrybaby='true'] {\n overflow: hidden;\n border-radius: 1rem;\n }\n"],["\n .link-info-container {\n padding: 0.5rem 1rem;\n background: #f4faff;\n }\n .link-image-wrapper {\n position: relative;\n overflow: hidden;\n width: 100%;\n padding-top: 56.25%;\n &[data-amp='true'] {\n padding-top: 0;\n }\n &.fetching {\n background: lightgray;\n }\n .loading-spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n .link-image {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n }\n }\n a {\n text-decoration: none;\n }\n &[data-is-marrybaby='true'] {\n overflow: hidden;\n border-radius: 1rem;\n }\n"])));export{e as StyledSocialLinkPreview};

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

@@ -0,0 +1 @@

+ import{__awaiter as e,__generator as t}from'./../../../../externals/tslib/tslib.es6.js';import s,{useContext as r,useState as o}from"react";import{Button as a}from"../../../../components/atoms/button/index.js";import{Text as i}from"../../../../components/atoms/text/index.js";import{useTranslations as n}from"../../../../hooks/useTranslations.js";import{theme as m}from"../../../../misc/theme.js";import{TogetherComponentGlobalContext as l}from"../../../togetherComponentGlobalContext.js";import c from"../../../assets/svg/icon-alert-circle.svg.js";import{reportPost as p}from"../../../utils/apiActions/post.js";import{StyledSubmitReportForm as u}from"./index.styled.js";var d=function(d){var f=d.className,b=d.style,y=d.reason,v=d.reasonText,h=d.onClose,j=d.postId,g=r(l),x=g.data,N=x.locale,E=x.env.isMarryBaby,C=g.action.pushNotifications,_=n().t,k=o(!1),z=k[0],B=k[1];return s.createElement(u,{"data-is-marrybaby":E,className:f,style:b},s.createElement("ul",{className:"report-list"},s.createElement("li",{className:"report-item"},s.createElement("img",{src:c}),s.createElement(i,{className:"__label",color:m.colors.gray800,size:"p4"},v))),s.createElement(a,{theme:E?"marryBaby":"helloSites",className:"report-submit",size:"lg",color:"primary",isLoading:z,onClick:function(){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:if(!j||z)return[2];B(!0),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,p({id:j,reason:y,locale:N})];case 2:return 1===(null==(e=t.sent())?void 0:e.status)&&(C({message:"Post reported",type:"success"}),h&&h()),[3,4];case 3:return t.sent(),[3,4];case 4:return B(!1),[2]}}))}))}},_("submit")))};export{d as SubmitReportForm};

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import t from"styled-components";var i,r=t.div(i||(i=n(["\n padding: 0 8px;\n margin-top: 18px;\n\n .report-list {\n margin-bottom: 18px;\n\n .report-item {\n display: flex;\n align-items: center;\n margin-bottom: 10px;\n font-weight: 600;\n\n & > img {\n width: 12px;\n height: 12px;\n margin-right: 8px;\n }\n\n .__label {\n font-size: 14px;\n }\n }\n }\n\n .report-submit {\n width: 100%;\n }\n &[data-is-marrybaby='true'] {\n padding: 0 1rem 1rem;\n }\n"],["\n padding: 0 8px;\n margin-top: 18px;\n\n .report-list {\n margin-bottom: 18px;\n\n .report-item {\n display: flex;\n align-items: center;\n margin-bottom: 10px;\n font-weight: 600;\n\n & > img {\n width: 12px;\n height: 12px;\n margin-right: 8px;\n }\n\n .__label {\n font-size: 14px;\n }\n }\n }\n\n .report-submit {\n width: 100%;\n }\n &[data-is-marrybaby='true'] {\n padding: 0 1rem 1rem;\n }\n"])));export{r as StyledSubmitReportForm};

package/build/esm/together/components/molecules/topicSelectList/index.js ADDED Viewed

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import r from"styled-components";var o,t=r.div(o||(o=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"],["\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}));export{t as StyledTopicSelectList};

package/build/esm/together/components/organisms/cardPost/cardPostPopover.js ADDED Viewed

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ import{__awaiter as e,__generator as t}from'./../../../../externals/tslib/tslib.es6.js';import o,{useContext as s,useState as i}from"react";import{useTranslations as n}from"../../../../hooks/useTranslations.js";import{TogetherComponentGlobalContext as r}from"../../../togetherComponentGlobalContext.js";import a from"../../../assets/marrybaby/svg/moreSolid.svg.js";import l from"../../../assets/svg/delete.svg.js";import c from"../../../assets/svg/icon-kebab.svg.js";import m from"../../../assets/svg/icon-trash-bin.svg.js";import{useTogetherAuthRequiredAction as p}from"../../../hooks/useTogetherAuthRequiredAction.js";import{deleteComment as u}from"../../../utils/apiActions/comment.js";import{PopupDanger as d}from"../../molecules/popupDanger/index.js";import{TreePopoverMenu as v}from"../popoverMenu/treePopoverMenu.js";var f=function(f){var g=f.onDeleteComment,b=f.commentId,h=f.className,j=void 0===h?"":h,C=f.popoverClassName,y=void 0===C?"":C,P=s(r),k=P.data,x=k.env.isMarryBaby,A=k.locale,N=P.action.pushNotifications,T=n().t,E=i(!1),D=E[0],M=E[1],w=p().authActionWrapper;return o.createElement("div",{className:j,onClick:function(e){e.preventDefault(),e.stopPropagation()}},D&&o.createElement(d,{thumbnail:l,isThumbnailIcon:!0,title:T("popup.deleteComment.title"),description:T("popup.deleteComment.description"),acceptText:T("popup.deletePost.accept"),cancelText:T("popup.deletePost.cancel"),onAccept:function(){return e(void 0,void 0,void 0,(function(){var e,o;return t(this,(function(t){switch(t.label){case 0:return b?[4,u({id:b,locale:A})]:[2];case 1:return 1===(null==(e=t.sent())?void 0:e.status)?(g&&g(),N({title:"",message:T("notification.success"),type:"success"})):N({title:"",message:(null===(o=null==e?void 0:e.messages)||void 0===o?void 0:o[0])||T("notification.failure"),type:"danger"}),[2]}}))}))},onClose:function(){return M(!1)}}),o.createElement(v,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:[{icon:m,label:T("actionPopover.delete"),onClick:function(){w((function(){M(!0)}))}}]},className:y,toggleButtonContent:o.createElement("img",{src:x?a:c}),buttonProps:{}}))};export{f as CardReplyPopover};

package/build/esm/together/components/organisms/cardReply/index.js ADDED Viewed

@@ -0,0 +1 @@

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

package/build/esm/together/components/organisms/cardReply/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ import{__assign as t}from'./../../../../externals/tslib/tslib.es6.js';import n,{useContext as e,useState as o,useRef as r,useEffect as i}from"react";import{Button as a}from"../../../../components/atoms/button/index.js";import{TogetherComponentGlobalContext as c}from"../../../togetherComponentGlobalContext.js";import{StyledPopoverMenu as s}from"./index.styled.js";var l=function(l){var m=l.className,u=l.style,d=l.toggleButtonContent,p=l.position,f=void 0===p?"bottom":p,v=l.align,b=void 0===v?"end":v,y=l.children,g=l.buttonProps,h=e(c).data.env.isMarryBaby,w=o(!1),x=w[0],C=w[1],E=r(null),_=r(x);return i((function(){var t;_.current=x,x&&(null===(t=E.current)||void 0===t||t.focus())}),[x]),i((function(){var t=function(t){var n;!(null===(n=E.current)||void 0===n?void 0:n.contains(t.target))&&_.current&&C(!1)};return window.addEventListener("click",t),function(){window.removeEventListener("click",t)}}),[]),n.createElement(s,{"data-is-marrybaby":h,className:m,style:u},n.createElement(a,t({theme:h?"marryBaby":"helloSites",className:"popover-menu__btn",size:"md",color:"transparent",onClick:function(){return C((function(t){return!t}))}},g),d),x?n.createElement("div",{ref:E,className:"popover-menu__content --position-".concat(f," --align-").concat(b),tabIndex:0,onClick:function(t){return t.stopPropagation()}},"function"==typeof y?y({setShow:C}):y):null)};export{l as PopoverMenu};