@soul-refiner/design-system 2.14.81 → 2.14.83
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/surfaces/comment/comment.js +10 -10
- package/dist/components/surfaces/post/post.js +6 -6
- package/dist/src/components/surfaces/comment/comment.d.ts +3 -1
- package/dist/src/components/surfaces/comment/comment.d.ts.map +1 -1
- package/dist/src/components/surfaces/post/post.d.ts +5 -0
- package/dist/src/components/surfaces/post/post.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),o=require("next/link"),n=require("../../iconography/avatar/avatar.js"),i=require("../../atoms/box/box.js"),s=require("../../atoms/highlighter/highlighter.js"),l=require("../../atoms/typography/paragraph.js"),a=require("../../actions/button/button.js"),c=require("../portal/portal.js"),d=require("../../../common/regex.js"),p=require("../../../common/styles.js"),x=require("../../../icons/basic/emoticon_add.js"),u=require("../../../icons/message/comment.js"),h=require("./helpers.js"),g=require("../../input/responsive-text_area/responsive_text_area.js"),f=require("../../../icons/email/send_text.js"),m=require("../../actions/AccountSelector/selector.js"),j=require("../../feedback/emojiPicker/emoji-picker.js"),y=require("../../feedback/emojiPicker/emoji-reactions.js"),b=require("../../../icons/basic/trash_slash.js"),v=require("../../../icons/security/lock.js"),$=require("../../../icons/basic/eye.js"),w=require("../../../icons/time/calendar_dates.js");function k(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),o=require("next/link"),n=require("../../iconography/avatar/avatar.js"),i=require("../../atoms/box/box.js"),s=require("../../atoms/highlighter/highlighter.js"),l=require("../../atoms/typography/paragraph.js"),a=require("../../actions/button/button.js"),c=require("../portal/portal.js"),d=require("../../../common/regex.js"),p=require("../../../common/styles.js"),x=require("../../../icons/basic/emoticon_add.js"),u=require("../../../icons/message/comment.js"),h=require("./helpers.js"),g=require("../../input/responsive-text_area/responsive_text_area.js"),f=require("../../../icons/email/send_text.js"),m=require("../../actions/AccountSelector/selector.js"),j=require("../../feedback/emojiPicker/emoji-picker.js"),y=require("../../feedback/emojiPicker/emoji-reactions.js"),b=require("../../../icons/basic/trash_slash.js"),v=require("../../../icons/security/lock.js"),$=require("../../../icons/basic/eye.js"),w=require("../../../icons/time/calendar_dates.js");function k(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C=k(r),S=k(t),E=k(o);const P={PRIVATE:"Private",MEETING_MEMBERS:"Meeting",PUBLIC:"Public",PUBLIC_WITH_MEETING:""},B={PRIVATE:e.jsx(v.Lock,{}),MEETING_MEMBERS:e.jsx(w.CalendarDates,{}),PUBLIC:e.jsx($.Eye,{}),PUBLIC_WITH_MEETING:e.jsx(e.Fragment,{})},R=S.default.div`
|
|
3
3
|
max-width: 700px;
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-direction: row;
|
|
@@ -9,38 +9,38 @@
|
|
|
9
9
|
${({$sx:e})=>e||""}
|
|
10
10
|
|
|
11
11
|
${({$moveButtonsToLeft:e})=>e?"justify-content: flex-start;":"justify-content: space-between;"}
|
|
12
|
-
`,
|
|
12
|
+
`,q=S.default.div`
|
|
13
13
|
display: flex;
|
|
14
14
|
word-break: break-word;
|
|
15
15
|
flex-direction: column;
|
|
16
16
|
${({$hasReplies:e})=>e?'\n position: relative;\n\n &::before {\n content: "";\n position: absolute;\n top: 32px;\n left: -28px;\n height: calc(100% - 12px);\n border-left: 2px solid var(--color-grey-9);\n }':""}
|
|
17
|
-
`,
|
|
17
|
+
`,I=S.default.div`
|
|
18
18
|
padding: 16px;
|
|
19
19
|
display: flex;
|
|
20
20
|
flex-direction: column;
|
|
21
21
|
gap: 8px;
|
|
22
22
|
background-color: var(--color-grey-10);
|
|
23
23
|
border-radius: 16px;
|
|
24
|
-
`,
|
|
24
|
+
`,T=S.default.div`
|
|
25
25
|
position: absolute;
|
|
26
26
|
z-index: 1000;
|
|
27
27
|
|
|
28
28
|
${({$pickerOrientation:e})=>"up"===e?"transform: translateY(-345px);":""}
|
|
29
29
|
top: ${({$top:e})=>e}px;
|
|
30
30
|
left: ${({$left:e})=>e}px;
|
|
31
|
-
`;
|
|
31
|
+
`;S.default.div`
|
|
32
32
|
${p.Styles.flex}
|
|
33
33
|
display: flex;
|
|
34
34
|
padding: 2px 6px;
|
|
35
35
|
border-radius: 12px;
|
|
36
36
|
cursor: pointer;
|
|
37
37
|
${({$userSelected:e})=>e?"\n background-color: var(--color-primary-blue-4);\n border: 1px solid var(--color-primary-blue-3);\n ":""}
|
|
38
|
-
`;const z=
|
|
38
|
+
`;const z=S.default.div`
|
|
39
39
|
padding-top: 12px;
|
|
40
|
-
`,_=
|
|
40
|
+
`,_=S.default.div`
|
|
41
41
|
position: relative;
|
|
42
42
|
${({$hasLine:e})=>e?'\n &::before {\n content: "";\n position: absolute;\n left: -28px;\n height: 100%;\n border-left: 2px solid var(--color-grey-9);\n }':""}
|
|
43
|
-
`,L=
|
|
43
|
+
`,L=S.default.div`
|
|
44
44
|
position: absolute;
|
|
45
45
|
top: -12px;
|
|
46
46
|
left: -28px;
|
|
@@ -50,10 +50,10 @@
|
|
|
50
50
|
border: 2px solid var(--color-grey-9);
|
|
51
51
|
border-top: none;
|
|
52
52
|
border-right: none;
|
|
53
|
-
`,M=
|
|
53
|
+
`,M=S.default.form`
|
|
54
54
|
display: flex;
|
|
55
55
|
align-items: center;
|
|
56
56
|
gap: 12px;
|
|
57
57
|
width: 100%;
|
|
58
58
|
padding: 8px 0;
|
|
59
|
-
`;exports.Comment=({avatarTooltipContent:r,avatarTooltipSx:t,content:o,createdDate:p,hasMoreReplies:v,id:$,onComment:w,onReact:k,latestReaction:
|
|
59
|
+
`;exports.Comment=({avatarTooltipContent:r,avatarTooltipSx:t,content:o,createdDate:p,hasMoreReplies:v,id:$,onComment:w,onReact:k,latestReaction:S,onShowReplies:A,onEdit:U,isEditing:N,setIsEditing:D,dropdown:G,reactionModal:H,reactions:O,replies:F,userImageUri:V,userName:W,userReactions:Y,visibilityIcon:X,customPlaceHolder:J,userProfileUri:K,sx:Q,moveButtonsToLeft:Z=!1,useNewVersion:ee=!1,onDelete:re,visibility:te,shareDropdown:oe,belongsToLoggedUser:ne=!1,disableRedirectionToUserProfile:ie=!1,replyAccountOptions:se,selectedReplyAccount:le,onReplyAccountChange:ae,showAccountSelector:ce=!1,accountSelectorSize:de=32,activeReplyId:pe,onReplyClick:xe})=>{const[ue,he]=C.default.useState(!1),[ge,fe]=C.default.useState({x:0,y:0}),[me,je]=C.default.useState("up"),[ye,be]=C.default.useState(!1),[ve,$e]=C.default.useState(!1),[we,ke]=C.default.useState(""),[Ce,Se]=C.default.useState(o),Ee=C.default.useRef(null),[Pe,Be]=C.default.useState(!1),Re=pe===$,qe=C.default.Children.toArray(F);C.default.useEffect(()=>{(N||Pe)&&Ee.current&&Ee.current.focus()},[N,Pe]);const Ie=e=>{e.stopPropagation(),he(e=>!e),fe({y:e.clientY,x:e.clientX}),je(e.clientY>400?"up":"down")},Te=()=>{A&&A(),$e(!0)},ze=h.abbrTimeBeforeDate(p),_e=O&&Object.entries(O).slice(0,5).sort((e,r)=>e[1]<r[1]?1:-1).map(([r,t])=>e.jsx(e.Fragment,{children:e.jsx(y.EmojiReaction,{size:16,emoji:r,isActive:Y?.includes(r),onReact:()=>k(r),showSparkle:r===S,count:t,showCount:!0},$+r)})),Le=!!qe?.length&&qe.length>0,Me=Le&&qe.map((r,t)=>{if(!C.default.isValidElement(r))return null;const o=r.props?.id,n=t!==qe.length-1||v;return e.jsxs(_,{$hasLine:n,children:[r,e.jsx(L,{})]},o)});return e.jsxs(R,{$sx:Q,id:"comment-"+$,$moveButtonsToLeft:Z,children:[e.jsx(n.Avatar,{as:ie?void 0:E.default,href:ie?void 0:K,image:V,size:32,tooltipContent:r,tooltipSx:t}),e.jsxs(i.Box,{$flex:1,$dir:"column",children:[e.jsxs(q,{$hasReplies:Le||!!v,children:[N||Pe?e.jsx(g.ResponsiveTextArea,{inputStyles:"min-height: 104px;",wrapperStyles:"background:var(--color-grey-9); ",onChange:e=>{Se(e.target.value)},value:Ce,ref:Ee,onBlur:async()=>{ee&&(U&&await U(Ce,$),Be(!1))}}):e.jsxs(I,{onClick:()=>ee&&ne?Be(!0):void 0,children:[e.jsxs(i.Box,{$dir:"row",$justify:"space-between",$align:"center",children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(l.P,{as:ie?void 0:K?E.default:"span",href:ie?void 0:K,$bold:!0,$color:"grey-2",sx:"text-decoration:none !important; color:var(--color-grey-2) !important;",$fontSize:14,$lineHeight:20,children:W}),ee&&te&&("PUBLIC_WITH_MEETING"===te?e.jsxs(e.Fragment,{children:[B.PUBLIC,e.jsx(l.P,{$fontSize:14,children:P.PUBLIC}),B.MEETING_MEMBERS,e.jsx(l.P,{$fontSize:14,children:P.MEETING_MEMBERS})]}):e.jsxs(e.Fragment,{children:[B[te],e.jsx(l.P,{$fontSize:14,children:P[te]})]}))]}),ee&&ne?e.jsx(b.TrashSlash,{sx:"cursor: pointer;",onClick:e=>{e.stopPropagation(),e.preventDefault(),re&&re()}}):G]}),e.jsx(l.P,{sx:"white-space: pre-line;letter-spacing: -0.176px; word-break: break-word;",children:e.jsx(s.Highlighter,{highlightRender:r=>e.jsx(l.P,{as:"span",$color:"primary-blue-2",children:e.jsx(E.default,{href:r,target:"_blank",children:r})}),seperator:d.URL_REGEX,text:o})})]}),e.jsxs(i.Box,{$align:"flex-start",$dir:"row",$display:"flex",$gap:16,sx:"margin: 8px 0px; position: relative;",children:[N?e.jsxs(i.Box,{$display:"flex",$align:"center",$justify:"space-between",$gap:6,sx:"margin-top: 8px; width: 100%;",children:[e.jsx(x.Emoticon,{color:"primary-blue-2",onClick:Ie,size:24,sx:`cursor: pointer; flex-shrink: 0;\n ${!Z&&"margin-right: auto;"}\n `}),e.jsx(a.Button,{onClick:()=>{D&&D(!N),Se(o)},sx:`background-color: transparent; border: none; box-shadow: none; color: var(--color-primary-blue-2);\n ${Z?"margin-left: 20px;":"margin-left: auto;"}\n &:hover, &:focus {\n border: none;\n outline: none;\n }\n `,size:"small",type:"outlined",children:"Cancel"}),e.jsx(a.Button,{onClick:()=>{U&&U(Ce,$),D&&D(!1)},size:"small",type:"primary",children:"Save"})]}):e.jsxs(e.Fragment,{children:[e.jsx(x.Emoticon,{color:"primary-blue-2",onClick:Ie,size:24,sx:" cursor: pointer; flex-shrink: 0;"}),e.jsx(u.Comment,{color:"primary-blue-2",onClick:()=>{xe&&$?xe(pe===$?"":$):be(e=>!e)},size:24,sx:"border-radius: 50%; cursor: pointer; flex-shrink: 0;"}),e.jsx(l.P,{$color:"grey-7",children:"•"}),e.jsx(l.P,{$color:"grey-4",$fontSize:12,$lineHeight:24,sx:"flex-shrink: 0;",children:ze}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",marginLeft:"auto",width:"100%"},children:[e.jsxs(i.Box,{$display:"flex",$flow:"row wrap",$justify:"flex-end",$align:"flex-end",$gap:6,sx:` \n margin-left: auto;\n @media (max-width: 500px) {\n max-width: 100%;\n }\n ${_e?.length?"margin-bottom: 12px;":""}\n `,children:[_e,H]}),ee&&oe]})]}),ue&&e.jsx(c.Portal,{children:e.jsx(T,{$pickerOrientation:me,$top:ge.y,$left:ge.x,children:e.jsx(j.CustomEmojiPicker,{open:ue,trigger:e.jsx(e.Fragment,{}),onSelect:({native:e})=>{k(e),he(!1)},onClickOutside:()=>he(!1)})})})]})]}),Le&&ve&&e.jsx(z,{children:Me}),!ve&&!v&&Le&&e.jsx(z,{children:e.jsxs(_,{$hasLine:!1,children:[e.jsx(a.Button,{onClick:Te,size:"small",sx:"color: var(--color-grey-3);",type:"text",children:"show replies"}),e.jsx(L,{})]})}),v&&e.jsx(z,{children:e.jsxs(_,{$hasLine:!1,children:[e.jsx(a.Button,{onClick:Te,size:"small",sx:"color: var(--color-grey-3);",type:"text",children:"show more replies"}),e.jsx(L,{})]})}),(Re||ye)&&e.jsxs(M,{children:[ce&&se&&ae?e.jsx(m.AccountSelector,{selectedOption:le??null,options:se,onOptionChange:ae,size:de,showChevron:se.length>1}):e.jsx(n.Avatar,{as:ie?void 0:E.default,href:ie?void 0:K,image:V,size:32,tooltipContent:r,tooltipSx:t}),e.jsx(g.ResponsiveTextArea,{bg:"var(--color-grey-10)",value:we,onChange:e=>{ke(e.target.value)},placeholder:J||"Write a reply",maxCharacters:1e3,wrapperStyles:"margin: 16px 0; width: 100%;",actionComponent:e.jsxs(i.Box,{sx:"margin: auto 0 5px 0px;",$align:"center",$justify:"center",$gap:8,children:[X,e.jsx(a.Button,{disabled:!we.length,icon:e.jsx(f.SendText,{}),onClick:e=>{e.stopPropagation(),e.preventDefault(),w(we),ke("")},sx:"\n justify-content: center; \n background-color: var(--color-primary-blue-2);\n align-items: center; \n height: 40px;\n width: 40px;\n cursor: pointer;\n border: none;\n box-shadow: none;\n svg {\n fill: white;\n }\n &:disabled {\n svg {\n fill: var(--color-grey-7);\n }\n border: none !important;\n background-color: var(--color-grey-1);\n }\n ",type:"secondary"})]}),inputStyles:"font-size: 14px;"})]})]})]})};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("next/image"),r=require("next/link"),n=require("styled-components"),o=require("react-show-more-text"),l=require("../../../common/regex.js"),s=require("../../atoms/box/box.js"),a=require("../../atoms/highlighter/highlighter.js"),d=require("../../atoms/typography/heading.js"),h=require("../../atoms/typography/paragraph.js"),c=require("../modal/modal.js");require("../../atoms/typography/display.js"),require("../../atoms/typography/typography.js");var
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("next/image"),r=require("next/link"),n=require("styled-components"),o=require("react-show-more-text"),l=require("../../../common/regex.js"),s=require("../../atoms/box/box.js"),a=require("../../atoms/highlighter/highlighter.js"),d=require("../../atoms/typography/heading.js"),h=require("../../atoms/typography/paragraph.js"),c=require("../modal/modal.js");require("../../atoms/typography/display.js"),require("../../atoms/typography/typography.js");var p=require("../../atoms/time_ago/time_ago.js"),x=require("../../iconography/avatar/avatar.js"),u=require("../../../icons/security/lock.js"),g=require("../../../icons/arrow/chevron_left.js"),m=require("../../../icons/arrow/chevron_right.js"),f=require("../../media/video/video.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=y(t),w=y(i),j=y(r),b=y(o);const $=n.styled.div`
|
|
3
3
|
position: relative;
|
|
4
4
|
max-width: 700px;
|
|
5
5
|
width: 100%;
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
position: relative;
|
|
66
66
|
width: 100%;
|
|
67
67
|
height: 480px;
|
|
68
|
-
`,
|
|
68
|
+
`,H=n.styled.div`
|
|
69
69
|
position: relative;
|
|
70
70
|
display: flex;
|
|
71
71
|
flex-direction: column;
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
justify-content: center;
|
|
76
76
|
gap: 16px;
|
|
77
77
|
overflow: hidden;
|
|
78
|
-
`,
|
|
78
|
+
`,P=n.styled.div`
|
|
79
79
|
display: flex;
|
|
80
80
|
justify-content: space-around;
|
|
81
81
|
align-items: center;
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
display: flex;
|
|
86
86
|
flex-flow: column nowrap;
|
|
87
87
|
gap: 24px;
|
|
88
|
-
`,
|
|
88
|
+
`,E=n.styled.button`
|
|
89
89
|
width: 48px;
|
|
90
90
|
height: 150px;
|
|
91
91
|
display: flex;
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
&:hover {
|
|
102
102
|
background-color: rgba(0, 0, 0, 0.2);
|
|
103
103
|
}
|
|
104
|
-
`,
|
|
104
|
+
`,L=n.styled.div`
|
|
105
105
|
margin-top: 24px;
|
|
106
106
|
border-radius: 32px;
|
|
107
107
|
border: 1px solid var(--color-grey-8);
|
|
@@ -109,4 +109,4 @@
|
|
|
109
109
|
padding: 6px 16px;
|
|
110
110
|
width: fit-content;
|
|
111
111
|
cursor: pointer;
|
|
112
|
-
`;exports.Post=({actions:t,author:i,authorActive:r,authorHref:n,authorImage:o,avatarTooltipContent:y,avatarTooltipSx:
|
|
112
|
+
`;exports.Post=({actions:t,author:i,authorActive:r,authorHref:n,authorImage:o,avatarTooltipContent:y,avatarTooltipSx:R,children:M,content:U,createdDate:_,dropdown:I,hasComments:A,id:B,images:F,isPaidUser:T,isPaywalled:W=!1,link:J,video:D,onJoin:X,monthlyMembershipPrice:G,onImageClick:V})=>{const N=v.default.useId(),O=v.default.useRef(null),[Y,K]=v.default.useState(!1),[Q,Z]=v.default.useState(-1),[ee,te]=v.default.useState(!1),ie=v.default.useRef(null),[re,ne]=v.default.useState(-1),[oe,le]=v.default.useState({x:"30vw",y:"30vh"}),se=!!D?.url&&!!D?.thumbnail,ae=!D?.displayHtmlVideo;v.default.useEffect(()=>{if(O.current&&U?.length>0){const e=24,t=Math.ceil(O.current.offsetHeight/e);if(Z(t),!Y)try{const t=O.current.style.webkitLineClamp;O.current.style.webkitLineClamp="none";const i=O.current.offsetHeight,r=Math.ceil(i/e);O.current.style.webkitLineClamp=t,te(r>3)}catch(e){te(t>=3)}}else Z(-1),te(!1)},[U,Y]),v.default.useEffect(()=>{const e=e=>{"ArrowLeft"===e.key?pe():"ArrowRight"===e.key?ce():"Escape"!==e.key&&"Enter"!==e.key||ne(-1)};return"undefined"!=typeof document&&F?.length&&re>-1&&document.addEventListener("keydown",e),()=>{F?.length&&document.removeEventListener("keydown",e)}},[]);const de=v.default.Children.toArray(t),he=v.default.Children.toArray(M),ce=()=>{ne(e=>F?.length&&e!==F.length-1?e+1:e)},pe=()=>{ne(e=>F?.length&&0!==e?e-1:e)};return e.jsxs($,{id:B,children:[re>-1&&!!F?.[re]&&e.jsx(c.Modal,{alwaysRender:!1,controlledOpen:!0,onChange:e=>!e&&ne(-1),children:e.jsxs(c.Modal.Content,{sx:`\n position: relative; \n height: ${oe.y}; \n width: ${oe.x};\n margin: 0 auto;\n `,children:[e.jsx(E,{$side:"left",$visible:0!==re,onClick:pe,children:e.jsx(g.ChevronLeft,{color:"white",size:48})}),e.jsx(w.default,{alt:"",fill:!0,quality:100,onLoad:e=>{const{naturalHeight:t,naturalWidth:i}=e.target;let r=`${i}px`,n=`${t}px`;window?.innerHeight<t&&window?.innerWidth<i?(r=`${Math.floor(.95*window.innerHeight*i/t)}px`,n=`${Math.round(.95*window.innerWidth*t/i)}px`):window?.innerHeight<t?(r=`${Math.floor(.95*window.innerHeight*i/t)}px`,n="95vh"):window?.innerWidth<i&&(r="95vw",n=`${Math.round(.95*window.innerWidth*t/i)}px`),le({x:r,y:n})},draggable:!1,priority:!0,sizes:"100vw",src:F[re],style:{objectFit:"cover"}}),e.jsx(E,{$side:"right",$visible:re!==F.length-1,onClick:ce,children:e.jsx(m.ChevronRight,{color:"white",size:48})})]})}),e.jsxs(k,{children:[e.jsx(x.Avatar,{isPaidUser:T,as:n?j.default:"button",href:n,image:o,size:64,status:r?"online":void 0,subtitle:e.jsx(h.P,{as:"span",sx:"vertical-align: top;",$fontSize:14,$lineHeight:20,children:e.jsx(p.TimeAgo,{date:new Date(_)})}),title:e.jsx(d.H,{as:n?j.default:"span",href:n,sx:"text-decoration:none;",$bold:!0,$fontSize:18,$lineHeight:26,children:i}),textPosition:"right",tooltipContent:y,tooltipSx:R,sx:n?"img { cursor: pointer; }":void 0}),I]}),!!U?.length&&e.jsxs("div",{style:{padding:"16px 24px"},children:[W&&Q>1?e.jsx(b.default,{lines:2,more:"Continue Reading",onClick:X,anchorClass:"see-more",expanded:!1,truncatedEndingComponent:"... ",children:e.jsx(h.P,{$sx:"white-space: pre-line; word-break: break-word;",$textClampLines:2,children:e.jsx(a.Highlighter,{highlightRender:t=>e.jsx(h.P,{as:"span",$color:"primary-blue-2",children:e.jsx(j.default,{href:t,target:"_blank",children:t})}),seperator:l.URL_REGEX,text:U})})}):e.jsxs(e.Fragment,{children:[e.jsx(h.P,{$sx:"white-space: pre-line; word-break: break-word;",innerRef:O,$textClampLines:Y?void 0:5,children:e.jsx(a.Highlighter,{highlightRender:t=>e.jsx(h.P,{as:"span",$color:"primary-blue-2",children:e.jsx(j.default,{href:t,target:"_blank",children:t})}),seperator:l.URL_REGEX,text:W&&1===Q?"This is a premium post. Join to the membership to unlock the full access.":U})}),ee&&!W?e.jsx(h.P,{$color:"grey-5",sx:"cursor:pointer;",$mediumBold:!0,$fontSize:14,onClick:()=>K(e=>!e),children:Y?"See less":"See more"}):null]}),W&&!F?.length&&e.jsx(L,{onClick:X,children:e.jsxs(h.P,{$fontSize:14,$mediumBold:!0,children:["Join now for $",G," per month"]})})]}),W&&!!F?.length&&!se&&e.jsxs(H,{children:[e.jsx(w.default,{alt:"",width:650,height:427,priority:!0,quality:100,src:F[0],style:{objectFit:"fill",height:"100%",width:"100%",filter:"blur(60px)",position:"absolute",top:0,left:"50%",transform:"translateX(-50%)"}}),e.jsx(u.Lock,{size:40,color:"white",sx:"z-index: 1"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",zIndex:1},children:[e.jsx(h.P,{$color:"white",$fontSize:14,$bold:!0,$lineHeight:20,children:"Become a member"}),e.jsx(h.P,{$color:"white",$fontSize:14,$bold:!0,$lineHeight:20,children:"to unlock this post"})]}),e.jsx(L,{onClick:X,style:{zIndex:1,marginTop:0},children:e.jsxs(h.P,{$fontSize:14,$mediumBold:!0,children:["Join now for $",G," per month"]})})]}),!!F?.length&&!se&&!W&&e.jsxs(C,{$numImages:F.length,children:[F.slice(0,4).map((t,i)=>e.jsx(q,{children:e.jsx(w.default,{alt:"",fill:!0,onClick:()=>{V?.(i),ne(i)},quality:100,src:t,draggable:!1,style:{cursor:"pointer",objectFit:"cover"}})},`${N}${t.slice(0,15)}${i}`)),F.length>4&&e.jsxs(d.H,{as:"p",className:"more-than",sx:"pointer-events: none;",$color:"grey-10",$fontSize:28,$lineHeight:36,$semiBold:!0,children:["+",F.length-4]})]}),!F?.length&&!se&&J&&!W&&e.jsxs(j.default,{href:J.url,target:"_blank",children:[e.jsx(q,{children:e.jsx(w.default,{alt:"",fill:!0,quality:100,src:J.imageUrl,draggable:!1,style:{cursor:"pointer",objectFit:"cover"}})}),e.jsxs(s.Box,{$dir:"column",$gap:8,sx:"padding: 8px 16px;",children:[e.jsx(h.P,{$color:"grey-2",$semiBold:!0,children:J.title}),e.jsx(h.P,{$color:"grey-5",children:J.description})]})]}),se&&e.jsx(z,{children:ae?e.jsxs("video",{ref:ie,style:{width:"100%",height:"100%"},controls:!0,playsInline:!0,poster:D.thumbnail,children:[D.videoUrls.webm&&e.jsx("source",{src:D.videoUrls.webm,type:"video/webm; codecs=vp9"}),D.videoUrls.mp4&&e.jsx("source",{src:D.videoUrls.mp4,type:"video/mp4; codecs=avc1.42E01E"}),"Your browser does not support the video tag."]}):e.jsx(f.Video,{src:D.url,thumbnail:D.thumbnail,subtitles:[],title:D?.title})}),!!de.length&&e.jsx(P,{children:!W&&de}),A&&!!he.length&&e.jsx(S,{children:he})]})};
|
|
@@ -40,7 +40,9 @@ export interface CommentProps {
|
|
|
40
40
|
onReplyAccountChange?: (accountValue: string) => void;
|
|
41
41
|
showAccountSelector?: boolean;
|
|
42
42
|
accountSelectorSize?: 96 | 72 | 64 | 56 | 48 | 40 | 36 | 32 | 24 | 16;
|
|
43
|
+
activeReplyId?: string | null;
|
|
44
|
+
onReplyClick?: (commentId: string) => void;
|
|
43
45
|
}
|
|
44
|
-
export declare const Comment: ({ avatarTooltipContent, avatarTooltipSx, content, createdDate, hasMoreReplies, id, onComment, onReact, latestReaction, onShowReplies, onEdit, isEditing, setIsEditing, dropdown, reactionModal, reactions, replies, userImageUri, userName, userReactions, visibilityIcon, customPlaceHolder, userProfileUri, sx, moveButtonsToLeft, useNewVersion, onDelete, visibility, shareDropdown, belongsToLoggedUser, disableRedirectionToUserProfile, replyAccountOptions, selectedReplyAccount, onReplyAccountChange, showAccountSelector, accountSelectorSize, }: CommentProps) => import("react/jsx-runtime").JSX.Element;
|
|
46
|
+
export declare const Comment: ({ avatarTooltipContent, avatarTooltipSx, content, createdDate, hasMoreReplies, id, onComment, onReact, latestReaction, onShowReplies, onEdit, isEditing, setIsEditing, dropdown, reactionModal, reactions, replies, userImageUri, userName, userReactions, visibilityIcon, customPlaceHolder, userProfileUri, sx, moveButtonsToLeft, useNewVersion, onDelete, visibility, shareDropdown, belongsToLoggedUser, disableRedirectionToUserProfile, replyAccountOptions, selectedReplyAccount, onReplyAccountChange, showAccountSelector, accountSelectorSize, activeReplyId, onReplyClick, }: CommentProps) => import("react/jsx-runtime").JSX.Element;
|
|
45
47
|
export {};
|
|
46
48
|
//# sourceMappingURL=comment.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"comment.d.ts","sourceRoot":"","sources":["../../../../../src/components/surfaces/comment/comment.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAI/C,KAAK,UAAU,GACX,QAAQ,GACR,SAAS,GACT,iBAAiB,GACjB,qBAAqB,CAAC;AAE1B,MAAM,WAAW,YAAY;IAC3B,oBAAoB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,IAAI,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACrE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACnC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,mBAAmB,CAAC,EAAE,aAAa,EAAE,CAAC;IACtC,oBAAoB,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC5C,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"comment.d.ts","sourceRoot":"","sources":["../../../../../src/components/surfaces/comment/comment.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAI/C,KAAK,UAAU,GACX,QAAQ,GACR,SAAS,GACT,iBAAiB,GACjB,qBAAqB,CAAC;AAE1B,MAAM,WAAW,YAAY;IAC3B,oBAAoB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,IAAI,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACrE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACnC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,mBAAmB,CAAC,EAAE,aAAa,EAAE,CAAC;IACtC,oBAAoB,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC5C,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACtE,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAgBD,eAAO,MAAM,OAAO,6jBAuCjB,YAAY,4CA2cd,CAAC"}
|
|
@@ -25,6 +25,11 @@ export interface PostProps extends React.PropsWithChildren {
|
|
|
25
25
|
url: string;
|
|
26
26
|
thumbnail: string;
|
|
27
27
|
title?: string;
|
|
28
|
+
videoUrls: {
|
|
29
|
+
webm?: string;
|
|
30
|
+
mp4?: string;
|
|
31
|
+
};
|
|
32
|
+
displayHtmlVideo?: boolean;
|
|
28
33
|
};
|
|
29
34
|
onJoin?: () => void;
|
|
30
35
|
monthlyMembershipPrice?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"post.d.ts","sourceRoot":"","sources":["../../../../../src/components/surfaces/post/post.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,iBAAiB;IACxD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE;QACL,WAAW,EAAE,MAAM,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,KAAK,CAAC,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"post.d.ts","sourceRoot":"","sources":["../../../../../src/components/surfaces/post/post.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,iBAAiB;IACxD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE;QACL,WAAW,EAAE,MAAM,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,KAAK,CAAC,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,EAAE;YACT,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,GAAG,CAAC,EAAE,MAAM,CAAC;SACd,CAAC;QACF,gBAAgB,CAAC,EAAE,OAAO,CAAC;KAC5B,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,IAAI,8PAsBd,SAAS,4CA4aX,CAAC"}
|