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

package/build/esm/together/assets/svg/icon-trash-bin.svg.js

@@ -0,0 +1 @@
+import"react";var e="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 4H3.33333H14' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.33334 3.99992V2.66659C5.33334 2.31296 5.47382 1.97382 5.72387 1.72378C5.97392 1.47373 6.31305 1.33325 6.66668 1.33325H9.33334C9.68697 1.33325 10.0261 1.47373 10.2762 1.72378C10.5262 1.97382 10.6667 2.31296 10.6667 2.66659V3.99992M12.6667 3.99992V13.3333C12.6667 13.6869 12.5262 14.026 12.2762 14.2761C12.0261 14.5261 11.687 14.6666 11.3333 14.6666H4.66668C4.31305 14.6666 3.97392 14.5261 3.72387 14.2761C3.47382 14.026 3.33334 13.6869 3.33334 13.3333V3.99992H12.6667Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.66666 7.33325V11.3333' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.33334 7.33325V11.3333' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";export{e as default};

package/build/esm/together/assets/svg/icon-twitter.svg.js

@@ -0,0 +1 @@
+import"react";var C="data:image/svg+xml,%3csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' width='32' height='32' rx='4' fill='%231FA1F3'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2304 13.2349L16.2709 13.8692L15.5965 13.7916C13.1417 13.4938 10.9972 12.484 9.17636 10.788L8.28615 9.94646L8.05688 10.5679C7.57128 11.9532 7.88154 13.4161 8.8931 14.4001C9.43262 14.9438 9.3112 15.0215 8.38057 14.6978C8.05688 14.5943 7.77362 14.5166 7.74662 14.5554C7.6522 14.646 7.97596 15.8241 8.23222 16.2902C8.58291 16.9376 9.29771 17.5719 10.08 17.9474L10.7409 18.2452L9.95865 18.2581C9.20329 18.2581 9.17636 18.271 9.25728 18.5429C9.52704 19.3844 10.5925 20.2777 11.7795 20.6661L12.6157 20.938L11.8873 21.3523C10.8084 21.9478 9.54054 22.2844 8.27265 22.3103C7.6657 22.3232 7.16667 22.375 7.16667 22.4139C7.16667 22.5433 8.81217 23.2684 9.76981 23.5531C12.6427 24.3947 16.0551 24.0322 18.6177 22.5951C20.4385 21.5724 22.2594 19.5398 23.1091 17.5719C23.5677 16.5232 24.0263 14.6072 24.0263 13.688C24.0263 13.0925 24.0667 13.0148 24.8221 12.3027C25.2671 11.8885 25.6853 11.4353 25.7662 11.3059C25.9011 11.0598 25.8876 11.0598 25.1997 11.28C24.0532 11.6683 23.8914 11.6166 24.4579 11.034C24.876 10.6197 25.375 9.86879 25.375 9.64873C25.375 9.60987 25.1727 9.67458 24.9434 9.79112C24.7007 9.92061 24.1612 10.1148 23.7565 10.2313L23.0282 10.4514L22.3673 10.0241C22.0031 9.79112 21.4906 9.53219 21.2208 9.45452C20.533 9.27327 19.4809 9.29918 18.8605 9.50628C17.1745 10.0889 16.109 11.5907 16.2304 13.2349Z' fill='white'/%3e%3c/svg%3e";export{C as default};

package/build/esm/together/assets/svg/reviewer-author.svg.js

@@ -0,0 +1 @@
+import"react";var L="data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%2345A4FF'/%3e%3cpath d='M23.9998 11.9995C23.9998 11.4024 23.9561 10.8154 23.8719 10.2417L18.7952 5.16504L5.04102 18.9585L9.89867 23.8162C10.5809 23.9366 11.283 23.9995 11.9998 23.9995C18.6272 23.9995 23.9998 18.6269 23.9998 11.9995Z' fill='%232D87F3'/%3e%3cpath d='M9.01377 17.824L5.04102 18.9591L6.17609 14.9863L8.54445 15.4556L9.01377 17.824Z' fill='white'/%3e%3cpath d='M8.54399 15.4561L5.04102 18.9591L9.01321 17.824L8.54399 15.4561Z' fill='%23F7F9FC'/%3e%3cpath d='M6.46714 18.5518L5.4485 17.5332L5.04102 18.9593L6.46714 18.5518Z' fill='%23E4E8EC'/%3e%3cpath d='M5.95747 18.043L5.04102 18.9595L6.46659 18.5521L5.95747 18.043Z' fill='%23D2D6DC'/%3e%3cpath d='M15.8281 5.33105L18.6654 8.16829L9.01365 17.82L6.17641 14.9828L15.8281 5.33105Z' fill='%23FFD658'/%3e%3cpath d='M7.59375 16.4043L17.2455 6.75259L18.6638 8.17094L9.0121 17.8226L7.59375 16.4043Z' fill='%23FFC326'/%3e%3cpath d='M18.3123 8.52499L15.4746 5.68737L16.5983 4.56359C17.0386 4.12334 17.7524 4.12334 18.1927 4.56359L19.436 5.8069C19.8763 6.24715 19.8763 6.96096 19.436 7.40121L18.3123 8.52499Z' fill='%23FF5331'/%3e%3cpath d='M18.8155 5.18555L16.8945 7.10648L18.3131 8.52497L19.4368 7.40119C19.877 6.96094 19.877 6.24713 19.4368 5.80688L18.8155 5.18555Z' fill='%23F44D2C'/%3e%3c/svg%3e";export{L as default};

package/build/esm/together/assets/svg/reviewer-editor.svg.js

@@ -0,0 +1 @@
+import"react";var L="data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%2345A4FF'/%3e%3cpath d='M23.9998 11.9995C23.9998 11.4024 23.9561 10.8154 23.8719 10.2417L18.7952 5.16504L5.04102 18.9585L9.89867 23.8162C10.5809 23.9366 11.283 23.9995 11.9998 23.9995C18.6272 23.9995 23.9998 18.6269 23.9998 11.9995Z' fill='%232D87F3'/%3e%3cpath d='M9.01377 17.824L5.04102 18.9591L6.17609 14.9863L8.54445 15.4556L9.01377 17.824Z' fill='white'/%3e%3cpath d='M8.54399 15.4561L5.04102 18.9591L9.01321 17.824L8.54399 15.4561Z' fill='%23F7F9FC'/%3e%3cpath d='M6.46714 18.5518L5.4485 17.5332L5.04102 18.9593L6.46714 18.5518Z' fill='%23E4E8EC'/%3e%3cpath d='M5.95747 18.043L5.04102 18.9595L6.46659 18.5521L5.95747 18.043Z' fill='%23D2D6DC'/%3e%3cpath d='M15.8281 5.33105L18.6654 8.16829L9.01365 17.82L6.17641 14.9828L15.8281 5.33105Z' fill='%23FFD658'/%3e%3cpath d='M7.59375 16.4043L17.2455 6.75259L18.6638 8.17094L9.0121 17.8226L7.59375 16.4043Z' fill='%23FFC326'/%3e%3cpath d='M18.3123 8.52499L15.4746 5.68737L16.5983 4.56359C17.0386 4.12334 17.7524 4.12334 18.1927 4.56359L19.436 5.8069C19.8763 6.24715 19.8763 6.96096 19.436 7.40121L18.3123 8.52499Z' fill='%23FF5331'/%3e%3cpath d='M18.8155 5.18555L16.8945 7.10648L18.3131 8.52497L19.4368 7.40119C19.877 6.96094 19.877 6.24713 19.4368 5.80688L18.8155 5.18555Z' fill='%23F44D2C'/%3e%3c/svg%3e";export{L as default};

package/build/esm/together/assets/svg/reviewer-expert.svg.js

@@ -0,0 +1 @@
+import"react";var e="data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='12' fill='%23FFCB37'/%3e%3ccircle cx='12' cy='12' r='10.5' fill='%23FE921D'/%3e%3cpath d='M11.443 5.13654C11.6446 4.63466 12.355 4.63466 12.5566 5.13654L13.9931 8.71375C14.0789 8.92747 14.2795 9.0732 14.5093 9.08878L18.3553 9.34957C18.8949 9.38615 19.1145 10.0619 18.6994 10.4086L15.7412 12.8802C15.5645 13.0279 15.4878 13.2637 15.544 13.4871L16.4845 17.2254C16.6164 17.7499 16.0417 18.1676 15.5836 17.88L12.3188 15.8303C12.1238 15.7079 11.8758 15.7079 11.6808 15.8303L8.41599 17.88C7.95794 18.1676 7.38314 17.7499 7.51509 17.2254L8.45556 13.4871C8.51175 13.2637 8.43513 13.0279 8.25839 12.8802L5.30017 10.4086C4.88514 10.0619 5.10469 9.38615 5.64429 9.34957L9.49031 9.08878C9.7201 9.0732 9.92068 8.92747 10.0065 8.71375L11.443 5.13654Z' fill='white'/%3e%3c/svg%3e";export{e as default};

package/build/esm/together/assets/svg/reviewer-fact-check.svg.js

@@ -0,0 +1 @@
+import"react";var e="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z' fill='%2300C076'/%3e%3cpath d='M11.9456 5.46631L6.66562 10.2663L4.26562 8.08449' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";export{e as default};

package/build/esm/together/assets/svg/reviewer-medical.svg.js

@@ -0,0 +1 @@
+import"react";var e="data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 16.9998C13.4183 16.9998 17 13.418 17 8.99976C17 4.58148 13.4183 0.999756 9 0.999756C4.58172 0.999756 1 4.58148 1 8.99976C1 13.418 4.58172 16.9998 9 16.9998Z' fill='white' stroke='%23E4E8EC' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.3333 7.66679V5.00012H7.66667V7.66679H5V10.3335H7.66667V13.0001H10.3333V10.3335H13V7.66679H10.3333Z' fill='%23FF5331'/%3e%3c/svg%3e";export{e as default};

package/build/esm/together/components/atoms/cardLink/index.js

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as t,__assign as r}from"../../../../node_modules/tslib/tslib.es6.js";import n,{useContext as o,useState as l,useRef as i,useEffect as a}from"react";import{Heading as c}from"../../../../components/atoms/heading/index.js";import{Text as m}from"../../../../components/atoms/text/index.js";import{TogetherComponentGlobalContext as s}from"../../../togetherComponentGlobalContext.js";import{PATHS as u}from"../../../api/paths.js";import{callApi as d,getApiPath as f}from"../../../api/utils.js";import{DEFAULT_IMG as p}from"../../../interfaces/constants.js";import{StyledCardLink as v}from"./index.styled.js";var g=function(g){var E=g.title,h=g.url,b=g.image,j=g.logo,k=g.className,y=g.style,N=g.noRefetch,x=o(s).data,T=x.locale,_=x.env.isMarryBaby,C=l(!1),F=C[0],P=C[1],R=i(N);R.current=N;var w=l(null),z=w[0],B=w[1];a((function(){e(void 0,void 0,void 0,(function(){return t(this,(function(e){return R.current?[2]:h?(B((function(e){return r(r({},e),{isFetching:!0})})),d(f(u.FETCH_PREVIEW,{_locale:T}),"POST",{data:{link:h}}).then((function(e){var t,r,n;P(!1),B({title:null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.title,url:h,image:(null===(r=null==e?void 0:e.data)||void 0===r?void 0:r.image)||(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.logo)})})).catch((function(){B(null)})),[2]):[2,B(null)]}))}))}),[h]);var G=(null==z?void 0:z.image)||b,H=(null==z?void 0:z.title)||E,I=(null==z?void 0:z.logo)||j,M=(null==z?void 0:z.url)||h,O=M.replace("http://","").replace("https://","").split(/[/?#]/)[0],S=i(!1);return n.createElement(v,{"data-is-marrybaby":_,className:"".concat(k," no-replace-click"),style:y},n.createElement("a",{href:M,target:"_blank",rel:"noreferrer"},G&&n.createElement("div",{className:"link-image-wrapper"},!_&&n.createElement("img",{className:"link-image-blur",src:G,onError:function(e){S.current||(S.current=!0,e.currentTarget.src=p)}}),n.createElement("img",{className:"link-image",src:G,onError:function(e){S.current||(S.current=!0,e.currentTarget.src=p)}})),n.createElement("div",{className:"link-info-container"},n.createElement(m,{size:"n1"},_&&I&&!F&&n.createElement("img",{className:"link-logo",src:I,onError:function(e){return P(!0)}}),O),n.createElement(c,{tag:"h6"},H))))};export{g as CardLink};

package/build/esm/together/components/atoms/cardLink/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import i from"styled-components";var t,e=i.div(t||(t=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: min(280px, 56.25%);\n    .link-image-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    .link-image {\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  }\n  a {\n    text-decoration: none;\n  }\n  &[data-is-marrybaby='true'] {\n    overflow: hidden;\n    border-radius: 1rem;\n    .link-info-container {\n      padding-bottom: 1rem;\n      background: #f3f3f3;\n      p {\n        color: #2661ad;\n      }\n      .link-logo {\n        max-width: 2rem;\n        height: 13px;\n        margin-right: 4px;\n        object-fit: contain;\n        vertical-align: middle;\n      }\n    }\n    .link-image-wrapper {\n      padding-top: min(360px, 56.25%);\n      .link-image {\n        object-fit: cover;\n      }\n    }\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: min(280px, 56.25%);\n    .link-image-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    .link-image {\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  }\n  a {\n    text-decoration: none;\n  }\n  &[data-is-marrybaby='true'] {\n    overflow: hidden;\n    border-radius: 1rem;\n    .link-info-container {\n      padding-bottom: 1rem;\n      background: #f3f3f3;\n      p {\n        color: #2661ad;\n      }\n      .link-logo {\n        max-width: 2rem;\n        height: 13px;\n        margin-right: 4px;\n        object-fit: contain;\n        vertical-align: middle;\n      }\n    }\n    .link-image-wrapper {\n      padding-top: min(360px, 56.25%);\n      .link-image {\n        object-fit: cover;\n      }\n    }\n  }\n"])));export{e as StyledCardLink};

package/build/esm/together/components/atoms/cardReactions/index.js

@@ -0,0 +1 @@
+import e,{useContext as t}from"react";import{Text as a}from"../../../../components/atoms/text/index.js";import{useTranslations as o}from"../../../../hooks/useTranslations.js";import{abbreviateNumber as s}from"../../../../misc/number.js";import{getCurrentHref as r}from"../../../api/utils.js";import n from"../../../assets/marrybaby/svg/comment.svg.js";import c from"../../../assets/marrybaby/svg/commentSolid.svg.js";import i from"../../../assets/marrybaby/svg/heart.svg.js";import l from"../../../assets/marrybaby/svg/heartSolid.svg.js";import m from"../../../assets/marrybaby/svg/share.svg.js";import p from"../../../assets/svg/icon-edit.svg.js";import v from"../../../assets/svg/icon-heart-empty.svg.js";import g from"../../../assets/svg/icon-heart-fill-red.svg.js";import d from"../../../assets/svg/icon-reply-arrow.svg.js";import y from"../../../assets/svg/icon-reply-circle-empty.svg.js";import f from"../../../assets/svg/icon-reply-circle-fill.svg.js";import{TogetherComponentGlobalContext as u}from"../../../togetherComponentGlobalContext.js";import{StyledCardReactions as h,StyledText as C,StyledLeftIcon as k,StyledRightIcon as E}from"./index.styled.js";var b;!function(e){e[e.post=1]="post",e[e.reply=2]="reply"}(b||(b={}));var j=function(j){var N=j.type,x=j.loveCount,z=j.replyCount,R=j.replyPadding,F=j.liked,P=j.isReplied,S=j.onCommentClick,T=j.onLikeClick,w=j.onCommentCountClick,V=j.onShareClick,D=j.className,L=j.style,M=j.hideCommentIcon,B=j.showingMostEngaging,G=t(u).data,I=G.locale,q=G.router,A=G.env.isMarryBaby,H=q||{},J=H.asPath,K=H.basePath,O=o().t,Q=N===b.reply&&A;return e.createElement(h,{"data-show-most-engaging":B,"data-type":N===b.post?"post":"reply","data-reply-padding":N===b.reply&&R,className:D,style:L},e.createElement("div",{className:"reaction-icon-container"},e.createElement("div",{onClick:function(){T&&T()},className:"child-no-click","data-event-category":"Together","data-event-action":"Like Click","data-event-label":r(I||"vi-VN",K,J)},e.createElement(C,{style:{marginRight:A?0:"1rem"},size:"p3"},e.createElement(k,{src:A?F?l:i:F?g:v}),A?O("post.likesCount",{count:x||0}):x&&x>0?s(x):"")),Q?e.createElement("div",{onClick:S,className:"child-no-click"},e.createElement(a,{className:"reaction-reply",size:"p3"},O("cardReactions.reply"))):e.createElement(e.Fragment,null,!M&&e.createElement("div",{onClick:function(){w&&w()},className:"child-no-click","data-event-category":"Together","data-event-action":"Comment Click","data-event-label":r(I||"vi-VN",K,J)},e.createElement(C,{size:"p3"},e.createElement(k,{src:A?P?c:n:P?f:y}),A?O("post.commentCount",{count:z||0}):z&&z>0?s(z):"")),A&&e.createElement("div",{onClick:function(){V&&V()},className:"child-no-click","data-event-category":"Together","data-event-action":"Share Click","data-event-label":r(I||"vi-VN",K,J)},e.createElement(C,{size:"p3"},e.createElement(k,{src:m}),A?O("post.shareCount",{count:0}):"")))),!A&&e.createElement("div",{className:"reaction-comment-button child-no-click",onClick:function(e){e.preventDefault(),e.stopPropagation(),S&&S()}},e.createElement(C,{size:"p3",type:"bold",color:"#2D87F3"},N===b.post?e.createElement(e.Fragment,null,e.createElement(E,{src:p}),O("cardReactions.comment")):e.createElement(e.Fragment,null,e.createElement(E,{src:d}),O("cardReactions.reply")))))};export{b as CardReactionType,j as CardReactions};

package/build/esm/together/components/atoms/cardReactions/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import{Text as t}from"../../../../components/atoms/text/index.js";import e from"styled-components";var r,o,i,a,p=e.div(r||(r=n(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 1rem;\n  cursor: pointer;\n  &[data-type='post'] {\n    border-top: 1px solid #f2f2f2;\n    &[data-show-most-engaging='true'] {\n      border-bottom: 1px solid #f2f2f2;\n    }\n  }\n  &[data-type='reply'] {\n    &[data-reply-padding='true'] {\n      padding-left: 2.5rem;\n    }\n  }\n  .reaction-icon-container {\n    display: flex;\n  }\n  .child-no-click {\n    * {\n      pointer-events: none;\n    }\n  }\n  [data-is-marrybaby='true'] {\n    border-top: none;\n    &[data-type='post'] {\n      border-top: none;\n    }\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      width: calc(100% - 2rem);\n      height: 1px;\n      background: ",";\n      content: ' ';\n      transform: translateX(-50%);\n    }\n    .reaction-icon-container {\n      width: 100%;\n      justify-content: space-between;\n      p {\n        color: #9495a0;\n      }\n      .reaction-reply {\n        color: #2661ad;\n      }\n    }\n    &[data-type='reply'] {\n      .reaction-icon-container {\n        justify-content: start;\n        > div {\n          &:not(:last-child) {\n            position: relative;\n            margin-right: 22px;\n            &::after {\n              position: absolute;\n              top: 50%;\n              left: calc(100% + 0.5rem);\n              color: #9495a0;\n              content: '•';\n              font-size: 14px;\n              transform: translateY(-50%);\n            }\n          }\n        }\n      }\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 1rem;\n  cursor: pointer;\n  &[data-type='post'] {\n    border-top: 1px solid #f2f2f2;\n    &[data-show-most-engaging='true'] {\n      border-bottom: 1px solid #f2f2f2;\n    }\n  }\n  &[data-type='reply'] {\n    &[data-reply-padding='true'] {\n      padding-left: 2.5rem;\n    }\n  }\n  .reaction-icon-container {\n    display: flex;\n  }\n  .child-no-click {\n    * {\n      pointer-events: none;\n    }\n  }\n  [data-is-marrybaby='true'] {\n    border-top: none;\n    &[data-type='post'] {\n      border-top: none;\n    }\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      width: calc(100% - 2rem);\n      height: 1px;\n      background: ",";\n      content: ' ';\n      transform: translateX(-50%);\n    }\n    .reaction-icon-container {\n      width: 100%;\n      justify-content: space-between;\n      p {\n        color: #9495a0;\n      }\n      .reaction-reply {\n        color: #2661ad;\n      }\n    }\n    &[data-type='reply'] {\n      .reaction-icon-container {\n        justify-content: start;\n        > div {\n          &:not(:last-child) {\n            position: relative;\n            margin-right: 22px;\n            &::after {\n              position: absolute;\n              top: 50%;\n              left: calc(100% + 0.5rem);\n              color: #9495a0;\n              content: '•';\n              font-size: 14px;\n              transform: translateY(-50%);\n            }\n          }\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.mbColors.lightGray})),s=e.img(o||(o=n(["\n  width: 1.5rem;\n  height: 1.5rem;\n  margin-right: 2px;\n\n  [data-is-marrybaby='true'] {\n    margin-right: 5px;\n  }\n"],["\n  width: 1.5rem;\n  height: 1.5rem;\n  margin-right: 2px;\n\n  [data-is-marrybaby='true'] {\n    margin-right: 5px;\n  }\n"]))),l=e.img(i||(i=n(["\n  width: 1rem;\n  height: 1rem;\n  margin-right: 0.5rem;\n"],["\n  width: 1rem;\n  height: 1rem;\n  margin-right: 0.5rem;\n"]))),d=e(t)(a||(a=n(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"])));export{p as StyledCardReactions,s as StyledLeftIcon,l as StyledRightIcon,d as StyledText};

package/build/esm/together/components/atoms/labelSortPin/index.js

@@ -0,0 +1 @@
+import e,{useContext as t}from"react";import{Text as a}from"../../../../components/atoms/text/index.js";import{TogetherComponentGlobalContext as o}from"../../../togetherComponentGlobalContext.js";import{StyledLabelSortPin as r}from"./index.styled.js";var l=function(l){var s=l.label,m=l.rightLabel,n=l.onClick,i=l.color,c=l.className,p=l.style,b=t(o).data.env.isMarryBaby;return e.createElement(r,{"data-is-marrybaby":b,"data-color":i,onClick:n,className:c,style:p},e.createElement(a,{className:"label-sort-pin-heading",size:b?"p4":"p3",type:"bold"},s),m)};export{l as LabelSortPin};

package/build/esm/together/components/atoms/labelSortPin/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as r}from"../../../../misc/utils.js";import e from"styled-components";var o,t=e.div(o||(o=n(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px;\n  cursor: pointer;\n  &[data-color='gray'] {\n    background: ",";\n  }\n  &[data-color='white'] {\n    border-bottom: 1px solid #e4e8ec;\n    background: ",";\n  }\n\n  .popover-menu__btn {\n    display: flex;\n    min-width: 2rem;\n    height: 2rem;\n    align-items: center;\n    padding: 8px 0 !important;\n    border: none;\n    margin-left: 0.5rem;\n    background: transparent;\n    > span {\n      display: flex;\n      align-items: center;\n    }\n\n    &:hover {\n      background: transparent !important;\n    }\n  }\n\n  &.label-pinned {\n    border-radius: 6px 6px 0 0;\n    .label-sort-pin-icon {\n      width: 16px;\n      height: 16px;\n      vertical-align: middle;\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    padding: 0.75rem 1rem;\n    border-radius: 16px 16px 0px 0px;\n    &[data-color='white'] {\n      border-bottom: none;\n    }\n    &[data-color='gray'] {\n      background: #f3f3f3;\n    }\n    .popover-menu__btn {\n      width: unset;\n    }\n\n    &.label-pinned {\n      border-bottom: none;\n      background: #fff9eb;\n      border-radius: 1rem 1rem 0 0;\n      .label-sort-pin-icon {\n        margin-right: 8px;\n      }\n      .label-sort-pin-heading {\n        color: #fb8c00;\n      }\n    }\n    &.label-sorting {\n      "," {\n        padding-bottom: 1.5rem;\n        margin-bottom: -0.75rem;\n      }\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px;\n  cursor: pointer;\n  &[data-color='gray'] {\n    background: ",";\n  }\n  &[data-color='white'] {\n    border-bottom: 1px solid #e4e8ec;\n    background: ",";\n  }\n\n  .popover-menu__btn {\n    display: flex;\n    min-width: 2rem;\n    height: 2rem;\n    align-items: center;\n    padding: 8px 0 !important;\n    border: none;\n    margin-left: 0.5rem;\n    background: transparent;\n    > span {\n      display: flex;\n      align-items: center;\n    }\n\n    &:hover {\n      background: transparent !important;\n    }\n  }\n\n  &.label-pinned {\n    border-radius: 6px 6px 0 0;\n    .label-sort-pin-icon {\n      width: 16px;\n      height: 16px;\n      vertical-align: middle;\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    padding: 0.75rem 1rem;\n    border-radius: 16px 16px 0px 0px;\n    &[data-color='white'] {\n      border-bottom: none;\n    }\n    &[data-color='gray'] {\n      background: #f3f3f3;\n    }\n    .popover-menu__btn {\n      width: unset;\n    }\n\n    &.label-pinned {\n      border-bottom: none;\n      background: #fff9eb;\n      border-radius: 1rem 1rem 0 0;\n      .label-sort-pin-icon {\n        margin-right: 8px;\n      }\n      .label-sort-pin-heading {\n        color: #fb8c00;\n      }\n    }\n    &.label-sorting {\n      "," {\n        padding-bottom: 1.5rem;\n        margin-bottom: -0.75rem;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white}),r.tdUp);export{t as StyledLabelSortPin};

package/build/esm/together/components/atoms/labelSortPin/labelPin.js

@@ -0,0 +1 @@
+import e,{useContext as r}from"react";import{useTranslations as t}from"../../../../hooks/useTranslations.js";import{TogetherComponentGlobalContext as a}from"../../../togetherComponentGlobalContext.js";import o from"../../../assets/marrybaby/svg/pinOrange.svg.js";import s from"../../../assets/svg/icon-pin-yellow.svg.js";import{LabelSortPin as l}from"./index.js";var n=function(n){var i=n.onClick;n.color;var m=n.className,c=n.style,p=r(a).data.env.isMarryBaby,b=t().t;return e.createElement(l,{label:e.createElement(e.Fragment,null,p&&e.createElement("img",{className:"label-sort-pin-icon",src:o})," ",b("label.pinnedPost")),rightLabel:!p&&e.createElement("img",{className:"label-sort-pin-icon",src:s}),onClick:i,color:"white",className:"label-pinned ".concat(m),style:c})};export{n as LabelPin};

package/build/esm/together/components/atoms/labelSortPin/labelSorting.js

@@ -0,0 +1 @@
+import e,{useContext as t}from"react";import{Text as o}from"../../../../components/atoms/text/index.js";import"../../../../i18n/translationsContext.js";import"string-format";import{TogetherComponentGlobalContext as r}from"../../../togetherComponentGlobalContext.js";import a from"../../../assets/marrybaby/svg/sortBy.svg.js";import s from"../../../assets/svg/icon-sort-arrow.svg.js";import{TreePopoverMenu as l}from"../../organisms/popoverMenu/treePopoverMenu.js";import{LabelSortPin as n}from"./index.js";var i;!function(e){e.latest="latest",e.oldest="oldest",e.popular="popular"}(i||(i={}));var m=function(i){var m=i.onChange,p=i.className,c=i.style,g=i.leftLabel,f=i.rightLabel;i.color;var u=i.value,v=i.choices,d=t(r).data.env.isMarryBaby;return e.createElement(n,{label:g,rightLabel:e.createElement(l,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:v.map((function(e){return{label:e.label,onClick:function(){return m&&m(String(e.value))},selected:e.value===u,className:"bold-item"}}))},toggleButtonContent:e.createElement("div",{style:{display:"flex"}},e.createElement(o,{style:{display:"flex",alignItems:"center",fontWeight:"normal",marginRight:12},size:"p4"},f),e.createElement("img",{src:d?a:s,style:{width:16,height:16,alignSelf:"center"}}))}),color:"gray",className:p,style:c})};export{m as LabelSorting,i as LabelSortingValue};

package/build/esm/together/components/atoms/loading/index.js

@@ -0,0 +1 @@
+import o from"react";import{Button as e}from"../../../../components/atoms/button/index.js";import{useTranslations as t}from"../../../../hooks/useTranslations.js";import{StyledLoading as r}from"./index.styled.js";var s=function(s){var a=s.className,n=s.size,m=void 0===n?"md":n,i=t().t;return o.createElement(r,{className:a},o.createElement(e,{size:m,color:"transparent",isLoading:!0},i("loading")))};export{s as Loading};

package/build/esm/together/components/atoms/loading/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import t,{keyframes as e}from"styled-components";var i,r,o,a=t.div(i||(i=n(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1em;\n  button {\n    position: relative;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1em;\n  button {\n    position: relative;\n  }\n"]))),d=e(r||(r=n(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));t.div(o||(o=n(["\n  display: flex;\n  width: fit-content;\n  width: -moz-fit-content;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 2rem;\n  background: white;\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  .loading-spinner {\n    width: 24px;\n    height: 24px;\n    margin-bottom: 0.5rem;\n    animation: "," 1.2s linear infinite;\n  }\n  &[data-is-marrybaby='true'] {\n    box-shadow: none;\n  }\n"],["\n  display: flex;\n  width: fit-content;\n  width: -moz-fit-content;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 2rem;\n  background: white;\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  .loading-spinner {\n    width: 24px;\n    height: 24px;\n    margin-bottom: 0.5rem;\n    animation: "," 1.2s linear infinite;\n  }\n  &[data-is-marrybaby='true'] {\n    box-shadow: none;\n  }\n"])),d);export{a as StyledLoading};

package/build/esm/together/components/atoms/notificationBar/index.js

@@ -0,0 +1 @@
+import{__rest as o,__assign as e}from"../../../../node_modules/tslib/tslib.es6.js";import l from"react";import{theme as r}from"../../../../misc/theme.js";import{StyledWrapper as t,StyledInner as i,StyledIcon as m,StyledText as s}from"./index.styled.js";var n=function(n){var a=n.icon,c=n.bgColor,g=void 0===c?r.colors.yellow50:c,h=n.highlightColor,d=void 0===h?r.colors.yellow800:h,b=n.message,f=o(n,["icon","bgColor","highlightColor","message"]);return l.createElement(t,e({bgColor:g,highlight:d},f),l.createElement(i,null,a&&l.createElement(m,null,a),l.createElement(s,{"data-has-icon":Boolean(a)},b)))};export{n as NotificationBar};

package/build/esm/together/components/atoms/notificationBar/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import"date-fns";import"../../../../misc/animation.js";import"../../../../misc/lazyLoad.js";import"react";import i from"styled-components";import"../../../../interfaces/constants.js";import{MediaQueries as p}from"../../../../misc/utils.js";import"../../../../interfaces/types/BabyGrowth.js";import"../../../../interfaces/types/Locale.js";var t,e,o,r,s=i.div(t||(t=n(["\n  padding: 14px 16px 14px 17px;\n  background: ",";\n  border-left: 3px solid ",";\n\n  "," {\n    padding: 12px 12px 12px 17px;\n  }\n"],["\n  padding: 14px 16px 14px 17px;\n  background: ",";\n  border-left: 3px solid ",";\n\n  "," {\n    padding: 12px 12px 12px 17px;\n  }\n"])),(function(n){return n.bgColor}),(function(n){return n.highlight}),p.mbUp),a=i.div(e||(e=n(["\n  display: flex;\n"],["\n  display: flex;\n"]))),x=i.div(o||(o=n(["\n  font-size: 12px;\n  line-height: 18px;\n\n  &[data-has-icon='true'] {\n    margin-left: 10px;\n  }\n"],["\n  font-size: 12px;\n  line-height: 18px;\n\n  &[data-has-icon='true'] {\n    margin-left: 10px;\n  }\n"]))),d=i.div(r||(r=n(["\n  flex-shrink: 0;\n"],["\n  flex-shrink: 0;\n"])));export{d as StyledIcon,a as StyledInner,x as StyledText,s as StyledWrapper};

package/build/esm/together/components/atoms/sensitiveMask/index.js

@@ -0,0 +1 @@
+import e,{useState as t,useEffect as C}from"react";import{lazyLoadInstance as n}from"../../../../misc/lazyLoad.js";import{StyledWrapper as i,StyledInner as l,StyledIcon as o}from"./index.styled.js";var r=function(r){var a=r.image,m=r.showIcon,c=void 0===m||m,s=t(!0),d=s[0],p=s[1];return C((function(){setTimeout((function(){return null==n?void 0:n.update()}),100)}),[a]),e.createElement(i,{"data-is-blurred":d,onClick:function(e){return d&&e.stopPropagation()}},e.createElement("img",{className:"lazy img-preview","data-src":a}),e.createElement(l,{onClick:function(e){e.stopPropagation(),p(!d)}},c&&e.createElement(o,null,d?e.createElement("svg",{width:"22",height:"20",viewBox:"0 0 22 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.71 2.5399C1.32 2.1499 1.32 1.5199 1.71 1.1299C2.1 0.739902 2.74 0.739902 3.13 1.1299L19.44 17.4599C19.83 17.8499 19.83 18.4799 19.44 18.8699C19.05 19.2599 18.42 19.2599 18.03 18.8699L15.31 16.1499C13.97 16.6699 12.52 16.9699 11 16.9699C6 16.9699 1.73 13.8599 0 9.4699C0.77 7.4999 2.06 5.7999 3.68 4.5099L1.71 2.5399ZM16 9.4699C16 6.7099 13.76 4.4699 11 4.4699C10.49 4.4699 10 4.5699 9.53 4.7099L7.36 2.5399C8.51 2.1699 9.73 1.9699 11 1.9699C16 1.9699 20.27 5.0799 22 9.4599C21.31 11.2199 20.21 12.7599 18.82 13.9899L15.76 10.9299C15.9 10.4699 16 9.9799 16 9.4699ZM11 14.4699C8.24 14.4699 6 12.2299 6 9.4699C6 8.6999 6.18 7.9699 6.49 7.3299L8.06 8.8999C8.03 9.0799 8 9.2699 8 9.4699C8 11.1299 9.34 12.4699 11 12.4699C11.2 12.4699 11.38 12.4399 11.57 12.3999L13.14 13.9699C12.49 14.2899 11.77 14.4699 11 14.4699ZM13.97 9.1399C13.82 7.7399 12.72 6.6499 11.33 6.4999L13.97 9.1399Z",fill:"white"})):e.createElement("svg",{width:"23",height:"16",viewBox:"0 0 23 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M11.9999 0C5.14188 0 1.88558 5.87864 1.09558 7.55664C0.963582 7.83664 0.963582 8.16141 1.09558 8.44141C1.88558 10.1204 5.14188 16 11.9999 16C18.8339 16 22.0924 10.1629 22.8964 8.46094C23.0344 8.16794 23.0344 7.83206 22.8964 7.53906C22.0924 5.83706 18.8339 0 11.9999 0ZM11.9999 3C14.7609 3 16.9999 5.239 16.9999 8C16.9999 10.761 14.7609 13 11.9999 13C9.23888 13 6.99988 10.761 6.99988 8C6.99988 5.239 9.23888 3 11.9999 3ZM11.9999 5C11.2042 5 10.4412 5.31607 9.87856 5.87868C9.31595 6.44129 8.99988 7.20435 8.99988 8C8.99988 8.79565 9.31595 9.55871 9.87856 10.1213C10.4412 10.6839 11.2042 11 11.9999 11C12.7955 11 13.5586 10.6839 14.1212 10.1213C14.6838 9.55871 14.9999 8.79565 14.9999 8C14.9999 7.20435 14.6838 6.44129 14.1212 5.87868C13.5586 5.31607 12.7955 5 11.9999 5Z",fill:"#2D87F3"})))))};export{r as SensitiveMask};

package/build/esm/together/components/atoms/sensitiveMask/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";var o,e,r,i=t.div(o||(o=n(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.4);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.4);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"]))),a=t.div(e||(e=n([""],[""]))),l=t.div(r||(r=n(["\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n  background: white;\n  cursor: pointer;\n\n  &,\n  * {\n    // transition: all 300ms;\n    transform-origin: bottom left;\n  }\n\n  img {\n    transition: none;\n  }\n\n  &[data-is-blurred='true'] {\n    .img-preview {\n      /* Add the blur effect */\n      -webkit-filter: blur(24px);\n      filter: blur(24px);\n      width: 100%;\n    }\n  }\n\n  &[data-is-blurred='false'] {\n    background: transparent;\n    cursor: zoom-in;\n\n    "," {\n      top: auto;\n      right: auto;\n      left: 8px;\n      bottom: 8px;\n      background: rgba(0, 0, 0, 0);\n      align-items: flex-end;\n      justify-content: flex-start;\n    }\n  }\n"],["\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n  background: white;\n  cursor: pointer;\n\n  &,\n  * {\n    // transition: all 300ms;\n    transform-origin: bottom left;\n  }\n\n  img {\n    transition: none;\n  }\n\n  &[data-is-blurred='true'] {\n    .img-preview {\n      /* Add the blur effect */\n      -webkit-filter: blur(24px);\n      filter: blur(24px);\n      width: 100%;\n    }\n  }\n\n  &[data-is-blurred='false'] {\n    background: transparent;\n    cursor: zoom-in;\n\n    "," {\n      top: auto;\n      right: auto;\n      left: 8px;\n      bottom: 8px;\n      background: rgba(0, 0, 0, 0);\n      align-items: flex-end;\n      justify-content: flex-start;\n    }\n  }\n"])),i);export{a as StyledIcon,i as StyledInner,l as StyledWrapper};

package/build/esm/together/components/atoms/tagTopic/index.js

@@ -0,0 +1 @@
+import e,{useContext as t}from"react";import{Text as n}from"../../../../components/atoms/text/index.js";import{useDragScroll as o}from"../../../../hooks/useDragScroll.js";import{TogetherComponentGlobalContext as r}from"../../../togetherComponentGlobalContext.js";import{StyledTagTopic as a}from"./index.styled.js";var i=function(i){var s=i.topics,c=i.onClick,l=i.className,m=i.style,d=o(),u=d.sliding,p=d.mouseDownHandler,f=d.sliderRef,g=t(r),h=g.data.env.togetherBasePath,v=g.action.sanitizeFunction;return e.createElement(a,{ref:f,onClick:c,onMouseDown:function(e){return p(e)},className:"".concat(l," ").concat(u?"sliding":""),style:m},s.map((function(t,o){return e.createElement("a",{className:"tag-link-item",key:o,href:t.isActive&&!t.isHidden?"".concat(h).concat(t.url):void 0},e.createElement(n,{size:"p3"},e.createElement("span",{dangerouslySetInnerHTML:{__html:(null==v?void 0:v(t.name))||t.name}})))})))};export{i as TagTopic};

package/build/esm/together/components/atoms/tagTopic/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var r,i=e.div(r||(r=n(["\n  display: flex;\n  width: 100%;\n  padding: 0.5rem 0;\n  cursor: grab;\n  overflow-x: auto;\n  .tag-link-item {\n    white-space: nowrap;\n    padding: 5px 12px;\n    border: 1px solid #e4e8ec;\n    background: white;\n    border-radius: 2rem;\n    cursor: pointer;\n    -webkit-user-drag: none;\n    user-select: none;\n  }\n  .tag-link-item:not(:first-child) {\n    margin-left: 0.5rem;\n  }\n\n  ::-webkit-scrollbar {\n    width: 0;\n  }\n  &.sliding {\n    cursor: grabbing;\n    user-select: none;\n    a {\n      pointer-events: none;\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  padding: 0.5rem 0;\n  cursor: grab;\n  overflow-x: auto;\n  .tag-link-item {\n    white-space: nowrap;\n    padding: 5px 12px;\n    border: 1px solid #e4e8ec;\n    background: white;\n    border-radius: 2rem;\n    cursor: pointer;\n    -webkit-user-drag: none;\n    user-select: none;\n  }\n  .tag-link-item:not(:first-child) {\n    margin-left: 0.5rem;\n  }\n\n  ::-webkit-scrollbar {\n    width: 0;\n  }\n  &.sliding {\n    cursor: grabbing;\n    user-select: none;\n    a {\n      pointer-events: none;\n    }\n  }\n"])));export{i as StyledTagTopic};

package/build/esm/together/components/atoms/userAvatar/index.js

@@ -0,0 +1 @@
+import a,{useContext as e,useState as r,useEffect as t}from"react";import{TogetherComponentGlobalContext as o}from"../../../togetherComponentGlobalContext.js";import{StyledUserAvatar as n}from"./index.styled.js";var s=function(s){var l=s.className,i=s.isMarryBaby,m=s.style,c=s.avatar,v=s.username,y=s.isLazy,d=e(o).data.env.isMarryBaby,f="boolean"==typeof i?i:d,p=r(!1),u=p[0],b=p[1];return t((function(){var a=new Image;a.onerror=function(){b(!0)},a.src=c}),[]),a.createElement(n,{"data-is-marrybaby":f,className:l,style:m},c&&!u?a.createElement("img",{loading:"lazy",src:y?void 0:c,"data-src":y?c:void 0,className:"avatar ".concat(y?"lazy":""),alt:"avatar",onError:function(){b(!0)}}):a.createElement("div",{className:"avatar avatar-default"},v&&(null==v?void 0:v.length)>0?v[0].toUpperCase():"A"))};export{s as UserAvatar};

package/build/esm/together/components/atoms/userAvatar/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";var e,r=t.div(e||(e=n(["\n  width: 40px;\n  height: 40px;\n  flex-shrink: 0;\n  cursor: pointer;\n  font-size: 20px;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 1em;\n    font-weight: bold;\n    line-height: 1;\n  }\n\n  &[data-is-marrybaby='true'] {\n    .avatar-default {\n      background-color: ",";\n    }\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  flex-shrink: 0;\n  cursor: pointer;\n  font-size: 20px;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 1em;\n    font-weight: bold;\n    line-height: 1;\n  }\n\n  &[data-is-marrybaby='true'] {\n    .avatar-default {\n      background-color: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.mbColors.pink}));export{r as StyledUserAvatar};

package/build/esm/together/components/molecules/cardAuthor/customMMLocale/formatDistance.js

@@ -0,0 +1 @@
+var o={lessThanXSeconds:{one:"တစ်စက္ကန့်အောက်",other:"{{count}} စက္ကန့်အောက်"},xSeconds:{one:"တစ်စက္ကန့်",other:"{{count}} စက္ကန့်"},halfAMinute:"မိနစ်ဝက်",lessThanXMinutes:{one:"တစ်မိနစ်အောက်",other:"{{count}} မိနစ်အောက်"},xMinutes:{one:"တစ်မိနစ်",other:"{{count}}နာရီခန့်"},aboutXHours:{one:"တစ်နာရီခန့်",other:"{{count}}နာရီခန့်"},xHours:{one:"တစ်နာရီ",other:"{{count}}နာရီ"},xDays:{one:"တစ်ရက်",other:"{{count}}ရက်"},aboutXWeeks:{one:"တစ်ပတ်ခန့်",other:"{{count}}ပတ်ခန့်"},xWeeks:{one:"တစ်ပတ်",other:"{{count}}ပတ်"},aboutXMonths:{one:"တစ်လခန့်",other:"{{count}} လခန့်"},xMonths:{one:"တစ်လ",other:"{{count}}လ"},aboutXYears:{one:"တစ်နှစ်ခန့်",other:"{{count}}နှစ်"},xYears:{one:"တစ်နှစ်",other:"{{count}}နှစ်"},overXYears:{one:"တစ်နှစ်ကျော်",other:"{{count}}နှစ်ကျော်"},almostXYears:{one:"တစ်နှစ်နီးပါး",other:"{{count}}နှစ်နီးပါး"}},e=function(e,t,n){var r,u=o[e];return r="string"==typeof u?u:1===t?u.one:u.other.replace("{{count}}",t.toString()),(null==n?void 0:n.addSuffix)?n.comparison&&n.comparison>0?r+"အတွင်း":"လွန်ခဲ့သော "+r:r};export{e as default};

package/build/esm/together/components/molecules/cardAuthor/customMMLocale/index.js

@@ -0,0 +1 @@
+import t from"./formatDistance.js";var a={code:"my",formatDistance:t,options:{weekStartsOn:0,firstWeekContainsDate:1}};export{a as default};

package/build/esm/together/components/molecules/cardAuthor/index.js

@@ -0,0 +1 @@
+import e,{useContext as t,useState as a,useEffect as o}from"react";import{Avatar as r}from"../../../../components/atoms/avatar/index.js";import{Button as n}from"../../../../components/atoms/button/index.js";import{Text as i}from"../../../../components/atoms/text/index.js";import{formatDistanceToNow as l,format as m}from"date-fns";import s from"date-fns/locale/en-US";import c from"date-fns/locale/hi";import p from"date-fns/locale/id";import d from"date-fns/locale/ms";import u from"date-fns/locale/th";import f from"date-fns/locale/vi";import h from"date-fns/locale/zh-TW";import{useTranslations as v}from"../../../../hooks/useTranslations.js";import{toggleNoScroll as x}from"../../../../misc/utils.js";import{domainLocales as y}from"../../../../interfaces/constants.js";import{TogetherComponentGlobalContext as E}from"../../../togetherComponentGlobalContext.js";import{UserAvatar as g}from"../../atoms/userAvatar/index.js";import{PopupDoctor as N}from"../popupDoctor/index.js";import{PopupExpert as b}from"../popupExpert/index.js";import{PopupHospital as A}from"../popupHospital/index.js";import j from"./customMMLocale/index.js";import{StyledCardAuthor as k,StyledAvatarContainer as C}from"./index.styled.js";var w={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor","local-admin":"cardAuthor.localAdmin",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},I={"vi-VN":f,"id-ID":p,"ms-MY":d,"km-KH":s,"en-PH":s,"th-TH":u,"my-MM":j,"zh-TW":h,"hi-IN":c},M=function(s){var c=s.time,p=s.className,d=s.community,u=s.name,f=s.username,h=s.url,j=s.avatar,M=s.miniIcon,H=s.role,z=s.style,B=s.type,P=void 0===B?"post":B,T=s.expertId,D=s.isMarryBaby,O=s.title,F=s.doctorId,L=s.hospitalId,Q=s.hasQuickBooking,W=s.handleMakeAppointment,G=t(E).data,K=G.locale,S=G.router,U=G.env,V=U.isMarryBaby,Y=U.togetherBasePath,q="boolean"==typeof D?D:V,J=u||f||"",R=H?function(e){var t=["admin","moderator","ambassador","expert","sponsor","local-admin","guide","influencer"];return t.find((function(t){return t===e}))||t.find((function(t){return e.includes(t)}))||t.find((function(t){return t.includes(e)}))}(H):"",X=v().t,Z=c?isNaN(new Date(c).getTime())?null:new Date(c):null,$=Z?l(Z,{locale:I[K]}):c,_=Z?m(Z,"dd/MM/yyyy HH:mm"):c,ee=a(!1),te=ee[0],ae=ee[1],oe=(S||{}).asPath,re="https://".concat(y[K]).concat(oe),ne=function(e){"expert"===H&&(T||F||L)?(e.stopPropagation(),ae(!0)):h&&(window.location.href=h)};return o((function(){x(te)}),[te]),e.createElement(e.Fragment,null,"expert"===H&&T?e.createElement(b,{isOpen:te,onClose:function(){return ae(!1)},expertId:T}):null,"expert"===H&&F?e.createElement(N,{isOpen:te,onClose:function(){return ae(!1)},doctorId:F,locale:K}):null,"expert"===H&&L?e.createElement(A,{isOpen:te,onClose:function(){return ae(!1)},hospitalId:L,locale:K}):null,e.createElement(k,{"data-is-marrybaby":q,className:p,style:z,"data-is-booking":Q},e.createElement("div",{style:{display:"flex",width:"100%"}},e.createElement("a",null,e.createElement(C,{onClick:ne},e.createElement(g,{className:"author-avatar-wrapper",username:J,avatar:j}),M?e.createElement(r,{className:"mini-icon",type:"rounded",avatarImg:e.createElement("img",{src:M,style:{width:"12px",height:"12px",objectFit:"cover"},alt:"badge"})}):null)),e.createElement("div",{className:"expert-wrapper"},e.createElement("div",{className:"author-info"},e.createElement("div",{className:"author-info-top"},e.createElement("div",{onClick:ne,className:"author-info-text-wrapper"},e.createElement(i,{className:"author-name",size:"p3"},J),R&&w[R]&&e.createElement("div",{className:"author-role","data-label-type":R},O||X(w[R])),q?e.createElement(i,{size:"p4",type:"regular",color:"#9495A0",title:_,className:"author-time"},"".concat("post"===P?"• ":"").concat($)):null),q||"post"===P?null:e.createElement(i,{size:"p4",type:"regular",color:"#595959",style:{lineHeight:"20px"},title:_},$)),"post"===P?e.createElement("div",{className:"author-community"},e.createElement(i,{className:"text-container",size:"p4"},e.createElement("a",{href:(null==d?void 0:d.slug)&&d.isActive&&!d.isHidden?"".concat(Y,"/").concat(null==d?void 0:d.slug):void 0,className:"author-community-name"},"".concat(q?"/":"").concat(null==d?void 0:d.name)),(q?void 0:$)?" • ":"",e.createElement("span",{className:"time-text"},q?void 0:$))):null))),Q&&e.createElement("div",{className:"btn-wrapper"},e.createElement(n,{color:"primary",size:"md",className:"btn-booking",onClick:function(e){null==W||W(F,L),e.stopPropagation()},dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:re},X("careBooking.bookAnAppointment")))))};export{w as AuthorLabelTextMapping,M as CardAuthor,I as locales};

package/build/esm/together/components/molecules/cardAuthor/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as e}from"../../../../misc/utils.js";import t from"styled-components";var r=t.div(o||(o=n(["\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  a {\n    text-decoration: none;\n  }\n  .button-more {\n    display: flex;\n    width: 20px;\n    height: 20px;\n    align-items: center;\n    justify-content: center;\n    .button-more-icon {\n      height: 13px;\n      vertical-align: middle;\n    }\n  }\n  .temp-avatar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-weight: bold;\n  }\n\n  .author-info {\n    flex: 1;\n    margin-left: 0.5rem;\n    .author-info-top {\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n    }\n    .author-info-text-wrapper {\n      display: flex;\n      min-width: 0px;\n      flex: 1 1 0%;\n      align-items: center;\n    }\n    .author-name {\n      overflow: hidden;\n      font-weight: 600;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .author-time {\n      flex-shrink: 0;\n    }\n    .author-role {\n      height: 1rem;\n      flex-shrink: 0;\n      padding: 0 0.5rem;\n      margin-left: 4px;\n      border-radius: 1rem;\n      color: white;\n      font-size: 8px;\n      font-weight: 600;\n      line-height: 1rem;\n      &[data-label-type='admin'] {\n        background: ",";\n      }\n      &[data-label-type='local admin'] {\n        background: ",";\n      }\n      &[data-label-type='ambassador'] {\n        background: ",";\n      }\n      &[data-label-type='expert'] {\n        background: ",";\n      }\n      &[data-label-type='moderator'] {\n        background: ",";\n      }\n      &[data-label-type='sponsor'] {\n        background: ",";\n      }\n      &[data-label-type='guide'] {\n        background: ",";\n      }\n      &[data-label-type='influencer'] {\n        background: ",";\n      }\n    }\n  }\n  .author-community {\n    .text-container {\n      color: ",";\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      .time-text {\n        font-size: 11px;\n        font-weight: normal;\n      }\n      a {\n        color: inherit;\n      }\n    }\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-is-booking='true'] {\n    display: grid;\n    background-color: ",";\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    align-items: unset;\n    .author-info {\n      margin-left: 1rem;\n      "," {\n        margin-left: 0.5rem;\n      }\n      .author-info-text-wrapper {\n        flex-wrap: wrap;\n      }\n      .author-time {\n        margin-left: 0.4rem;\n        font-size: 14px;\n      }\n    }\n    .author-community {\n      .text-container {\n        font-size: 12px;\n        line-height: 20px;\n      }\n      .author-community-name {\n        color: ",";\n        font-weight: 500;\n      }\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  a {\n    text-decoration: none;\n  }\n  .button-more {\n    display: flex;\n    width: 20px;\n    height: 20px;\n    align-items: center;\n    justify-content: center;\n    .button-more-icon {\n      height: 13px;\n      vertical-align: middle;\n    }\n  }\n  .temp-avatar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-weight: bold;\n  }\n\n  .author-info {\n    flex: 1;\n    margin-left: 0.5rem;\n    .author-info-top {\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n    }\n    .author-info-text-wrapper {\n      display: flex;\n      min-width: 0px;\n      flex: 1 1 0%;\n      align-items: center;\n    }\n    .author-name {\n      overflow: hidden;\n      font-weight: 600;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .author-time {\n      flex-shrink: 0;\n    }\n    .author-role {\n      height: 1rem;\n      flex-shrink: 0;\n      padding: 0 0.5rem;\n      margin-left: 4px;\n      border-radius: 1rem;\n      color: white;\n      font-size: 8px;\n      font-weight: 600;\n      line-height: 1rem;\n      &[data-label-type='admin'] {\n        background: ",";\n      }\n      &[data-label-type='local admin'] {\n        background: ",";\n      }\n      &[data-label-type='ambassador'] {\n        background: ",";\n      }\n      &[data-label-type='expert'] {\n        background: ",";\n      }\n      &[data-label-type='moderator'] {\n        background: ",";\n      }\n      &[data-label-type='sponsor'] {\n        background: ",";\n      }\n      &[data-label-type='guide'] {\n        background: ",";\n      }\n      &[data-label-type='influencer'] {\n        background: ",";\n      }\n    }\n  }\n  .author-community {\n    .text-container {\n      color: ",";\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      .time-text {\n        font-size: 11px;\n        font-weight: normal;\n      }\n      a {\n        color: inherit;\n      }\n    }\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-is-booking='true'] {\n    display: grid;\n    background-color: ",";\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    align-items: unset;\n    .author-info {\n      margin-left: 1rem;\n      "," {\n        margin-left: 0.5rem;\n      }\n      .author-info-text-wrapper {\n        flex-wrap: wrap;\n      }\n      .author-time {\n        margin-left: 0.4rem;\n        font-size: 14px;\n      }\n    }\n    .author-community {\n      .text-container {\n        font-size: 12px;\n        line-height: 20px;\n      }\n      .author-community-name {\n        color: ",";\n        font-weight: 500;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.green400}),(function(n){return n.theme.colors.red400}),(function(n){return n.theme.colors.yellow800}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.blue50}),e.mbDown,(function(n){return n.theme.mbColors.cobalt}));t.img(i||(i=n(["\n  width: 20px;\n  height: 20px;\n  margin-left: 0.5rem;\n  cursor: pointer;\n  object-fit: contain;\n"],["\n  width: 20px;\n  height: 20px;\n  margin-left: 0.5rem;\n  cursor: pointer;\n  object-fit: contain;\n"])));var o,i,a,l=t.div(a||(a=n(["\n  position: relative;\n  .mini-icon {\n    position: absolute;\n    right: 1.2px;\n    bottom: 1.2px;\n  }\n"],["\n  position: relative;\n  .mini-icon {\n    position: absolute;\n    right: 1.2px;\n    bottom: 1.2px;\n  }\n"])));export{l as StyledAvatarContainer,r as StyledCardAuthor};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as n,__assign as t}from"../../../../node_modules/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

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

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

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

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

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/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

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

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/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

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

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/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

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

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

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

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

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