@soul-refiner/design-system 2.14.176 → 2.14.178
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/editor/plugins/highlights/floating-highlight-toolbar.js +6 -6
- package/dist/components/surfaces/post/post.js +15 -7
- package/dist/src/components/editor/plugins/highlights/floating-highlight-toolbar.d.ts.map +1 -1
- package/dist/src/components/surfaces/post/post.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),o=require("react-dom"),n=require("styled-components"),i=require("@udecode/plate-common"),r=require("slate-react"),l=require("../../../feedback/tooltip/tooltip.js"),d=require("./types.js"),a=require("./use-highlights.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(t);const u="#4A4F55",h="#eaebed",g=({color:t})=>e.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M22.7448 12.0754L14.2002 3.6561C14.1825 3.63831 14.1615 3.6242 14.1383 3.61457C14.1151 3.60493 14.0903 3.59998 14.0652 3.59998C14.0401 3.59998 14.0152 3.60493 13.9921 3.61457C13.9689 3.6242 13.9479 3.63831 13.9302 3.6561L8.17507 9.3268C8.13886 9.36273 8.11829 9.41151 8.11783 9.46253C8.11738 9.51354 8.13709 9.56268 8.17266 9.59925L8.17507 9.60166L9.13948 10.5516L6.31377 13.3315C6.27755 13.3674 6.25698 13.4162 6.25653 13.4672C6.25608 13.5182 6.27578 13.5674 6.31136 13.6039L6.31377 13.6063L7.26612 14.5442L2.7069 19.0528H1.3953C1.28922 19.0528 1.20001 19.1396 1.20001 19.2457V20.5766C1.20001 20.6827 1.28681 20.7695 1.39289 20.7695H9.70848C9.75911 20.7695 9.80733 20.7502 9.8435 20.714L11.6783 18.8913L12.6523 19.8509C12.67 19.8687 12.6911 19.8828 12.7142 19.8924C12.7374 19.902 12.7623 19.907 12.7873 19.907C12.8124 19.907 12.8373 19.902 12.8605 19.8924C12.8836 19.8828 12.9047 19.8687 12.9224 19.8509L15.7457 17.0637L16.7125 18.0161C16.7302 18.0339 16.7512 18.048 16.7744 18.0576C16.7976 18.0673 16.8224 18.0722 16.8475 18.0722C16.8726 18.0722 16.8974 18.0673 16.9206 18.0576C16.9438 18.048 16.9648 18.0339 16.9825 18.0161L22.7376 12.3454C22.8196 12.2731 22.8196 12.1525 22.7448 12.0754ZM9.05509 19.0384H5.19265L8.43305 15.8317L10.3643 17.734L9.05509 19.0384ZM12.7873 17.5411L8.65487 13.4689L10.3088 11.8391L14.4413 15.9113L12.7873 17.5411ZM16.8499 15.7063L10.5138 9.46423L14.0652 5.96585L20.4013 12.2104L16.8499 15.7063Z",fill:t,stroke:u,strokeWidth:"0.5",paintOrder:"stroke fill"})}),p=()=>e.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z",fill:u})}),f=()=>e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.0588 2H4C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H15.5039C16.6084 22 17.5039 21.1046 17.5039 20V14.7273H15.5039V20H7.44531V4H14.0588V2ZM5.44531 4V20H4L4 4H5.44531Z",fill:u}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.3118 6.73896L12.0089 16.5571H8.20703V12.5444L17.5099 2.7262C17.8898 2.32531 18.5056 2.32532 18.8855 2.72622L21.3118 5.2871C21.6917 5.68802 21.6917 6.33805 21.3118 6.73896ZM10.207 13.3414L18.1977 4.90819L19.2444 6.013L11.1487 14.5571H10.207V13.3414Z",fill:u})]}),m=n.styled.div`
|
|
2
2
|
position: absolute;
|
|
3
3
|
transform: translateX(-50%);
|
|
4
4
|
z-index: 9999;
|
|
@@ -10,29 +10,29 @@
|
|
|
10
10
|
border-radius: 8px;
|
|
11
11
|
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
|
|
12
12
|
pointer-events: auto;
|
|
13
|
-
`,
|
|
13
|
+
`,L=n.styled.button`
|
|
14
14
|
display: inline-flex;
|
|
15
15
|
align-items: center;
|
|
16
16
|
justify-content: center;
|
|
17
17
|
width: 28px;
|
|
18
18
|
height: 28px;
|
|
19
19
|
padding: 2px;
|
|
20
|
-
background: ${e=>e.$active?`var(--color-grey-9, ${
|
|
20
|
+
background: ${e=>e.$active?`var(--color-grey-9, ${h})`:"none"};
|
|
21
21
|
border: none;
|
|
22
22
|
border-radius: 6px;
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
transition: background 0.15s ease;
|
|
25
25
|
|
|
26
26
|
&:hover {
|
|
27
|
-
background: var(--color-grey-9, ${
|
|
27
|
+
background: var(--color-grey-9, ${h});
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
&:focus-visible {
|
|
31
31
|
outline: 2px solid var(--color-primary-blue-2, ${"#0076d9"});
|
|
32
32
|
outline-offset: 1px;
|
|
33
33
|
}
|
|
34
|
-
`,
|
|
34
|
+
`,v=n.styled.div`
|
|
35
35
|
width: 1px;
|
|
36
36
|
height: 20px;
|
|
37
37
|
background: var(--color-grey-8, ${"#e5e7eb"});
|
|
38
|
-
`;exports.FloatingHighlightToolbar=({highlights:t,onHighlight:
|
|
38
|
+
`;exports.FloatingHighlightToolbar=({highlights:t,onHighlight:n,onChangeColor:s,onRemoveHighlight:u,onOpenNotes:h})=>{const x=i.useEditorRef(),[C,w]=c.default.useState(null),[b,y]=c.default.useState(!1),j=c.default.useRef(null),E=c.default.useRef(null),R=c.default.useRef(null);if(c.default.useEffect(()=>y(!0),[]),c.default.useEffect(()=>{const e=()=>{const e=window.getSelection();if(!e||e.isCollapsed||!e.rangeCount)return void w(e=>"add"===e?.mode?null:e);let t=null;try{t=r.ReactEditor.toDOMNode(x,x)}catch{return}const o=e.getRangeAt(0);if(!t.contains(o.commonAncestorContainer))return;const n=o.getBoundingClientRect();if(0===n.width)return;let i=null;try{i=r.ReactEditor.toSlateRange(x,e,{exactMatch:!1,suppressThrow:!0})}catch{return}i&&w({mode:"add",range:i,position:{top:n.top+window.scrollY-48,left:n.left+window.scrollX+n.width/2}})};return document.addEventListener("selectionchange",e),()=>{document.removeEventListener("selectionchange",e)}},[x]),c.default.useEffect(()=>{const e=e=>{const t=e.target;if(!t)return;if(j.current?.contains(t))return;const o=t.closest("[data-highlight-id]");if(!o)return;let n=null;try{n=r.ReactEditor.toDOMNode(x,x)}catch{return}if(!n.contains(o))return;const i=window.getSelection();if(i&&!i.isCollapsed)return;const l=o.getAttribute("data-highlight-id");if(!l)return;const d=o.getBoundingClientRect();R.current=document.activeElement??null,w({mode:"edit",highlightId:l,position:{top:d.top+window.scrollY-48,left:d.left+window.scrollX+d.width/2}})};return document.addEventListener("click",e),()=>document.removeEventListener("click",e)},[x]),c.default.useEffect(()=>{if("edit"===C?.mode){const e=window.requestAnimationFrame(()=>{E.current?.focus()});return()=>window.cancelAnimationFrame(e)}!C&&R.current&&(R.current.focus(),R.current=null)},[C]),c.default.useEffect(()=>{if(!C)return;const e=e=>{"Escape"===e.key&&(w(null),"add"===C.mode&&window.getSelection()?.removeAllRanges())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[C]),c.default.useEffect(()=>{if(!C)return;const e=e=>{if(j.current?.contains(e.target))return;const t=e.target?.closest?.("[data-highlight-id]");"edit"===C.mode&&t?.getAttribute("data-highlight-id")===C.highlightId||w(null)},t=setTimeout(()=>{document.addEventListener("mousedown",e)},100);return()=>{clearTimeout(t),document.removeEventListener("mousedown",e)}},[C]),!b||!C)return null;const H="edit"===C.mode?t.find(e=>e.id===C.highlightId)?.color.toUpperCase():null;return o.createPortal(e.jsxs(m,{ref:j,role:"toolbar","aria-label":"Highlight options",style:{top:C.position.top,left:C.position.left},children:[d.HIGHLIGHT_COLORS.map((t,o)=>{const i=H===t.value.toUpperCase();return e.jsx(L,{ref:0===o?E:void 0,type:"button","aria-label":`Highlight ${t.label.toLowerCase()}`,"aria-pressed":i,$active:i,onClick:e=>{var o;e.preventDefault(),e.stopPropagation(),o=t.value,"add"===C.mode?n(o,C.range):"edit"===C.mode&&s&&s(C.highlightId,o),w(null)},children:e.jsx(g,{color:t.iconColor})},t.value)}),e.jsx(l.Tooltip,{content:"edit"===C.mode?"Remove highlight":"Dismiss",place:"top",children:e.jsx(L,{type:"button","aria-label":"edit"===C.mode?"Remove highlight":"Dismiss",onClick:e=>{e.preventDefault(),e.stopPropagation(),"edit"===C.mode&&u?u(C.highlightId):window.getSelection()?.removeAllRanges(),w(null)},children:e.jsx(p,{})})}),h&&e.jsxs(e.Fragment,{children:[e.jsx(v,{}),e.jsx(l.Tooltip,{content:"Add to note",place:"top",children:e.jsx(L,{type:"button","aria-label":"Add to note",onClick:e=>{if(e.preventDefault(),e.stopPropagation(),"add"===C.mode){let e="";try{e=a.extractSnippetFromRange(x,C.range)}catch(e){"production"!==process.env.NODE_ENV&&console.warn("[FloatingHighlightToolbar] failed to extract snippet from range",e)}h({mode:"add",snippetText:e})}else{const e=t.find(e=>e.id===C.highlightId);h({mode:"edit",snippetText:e?.snippetText??"",highlightId:C.highlightId})}w(null)},children:e.jsx(f,{})})})]})]}),document.body)};
|
|
@@ -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"),o=require("styled-components"),n=require("react-show-more-text"),s=require("../../../common/regex.js"),l=require("../../atoms/box/box.js"),a=require("../../atoms/highlighter/highlighter.js"),d=require("../../atoms/typography/heading.js"),c=require("../../atoms/typography/paragraph.js"),h=require("../modal/modal.js");require("../../atoms/image/image.js"),require("../../atoms/layout/container.js"),require("../../atoms/layout/grid.js"),require("../../atoms/layout/inline.js"),require("../../atoms/layout/section.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/typography.js");var u=require("../../atoms/time_ago/time_ago.js");require("../../atoms/countdown/countdown.js");var p=require("../../iconography/avatar/avatar.js"),x=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");require("../../iconography/icon/icon.js");var
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("next/image"),r=require("next/link"),o=require("styled-components"),n=require("react-show-more-text"),s=require("../../../common/regex.js"),l=require("../../atoms/box/box.js"),a=require("../../atoms/highlighter/highlighter.js"),d=require("../../atoms/typography/heading.js"),c=require("../../atoms/typography/paragraph.js"),h=require("../modal/modal.js");require("../../atoms/image/image.js"),require("../../atoms/layout/container.js"),require("../../atoms/layout/grid.js"),require("../../atoms/layout/inline.js"),require("../../atoms/layout/section.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/typography.js");var u=require("../../atoms/time_ago/time_ago.js");require("../../atoms/countdown/countdown.js");var p=require("../../iconography/avatar/avatar.js"),x=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");require("../../iconography/icon/icon.js");var j=require("../../../icons/audio_video/play.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../icons/basic/subtask.js"),require("../../../icons/security/verified_filled.js"),require("../../../common/colors.js");var v=y(t),b=y(i),w=y(r),$=y(n);const k=o.styled.div`
|
|
3
3
|
position: relative;
|
|
4
4
|
max-width: 700px;
|
|
5
5
|
width: 100%;
|
|
@@ -16,6 +16,14 @@
|
|
|
16
16
|
text-decoration: underline;
|
|
17
17
|
cursor: pointer;
|
|
18
18
|
}
|
|
19
|
+
|
|
20
|
+
.see-more-toggle {
|
|
21
|
+
cursor: pointer;
|
|
22
|
+
color: var(--color-grey-4);
|
|
23
|
+
font-weight: 400;
|
|
24
|
+
font-size: 14px;
|
|
25
|
+
margin-left: 13px;
|
|
26
|
+
}
|
|
19
27
|
`;o.styled.button`
|
|
20
28
|
background: none;
|
|
21
29
|
border: none;
|
|
@@ -27,7 +35,7 @@
|
|
|
27
35
|
justify-content: space-between;
|
|
28
36
|
align-items: flex-start;
|
|
29
37
|
border-bottom: 1px solid var(--color-grey-9);
|
|
30
|
-
`,
|
|
38
|
+
`,z=o.styled.div`
|
|
31
39
|
position: absolute;
|
|
32
40
|
width: 100%;
|
|
33
41
|
height: 100%;
|
|
@@ -41,7 +49,7 @@
|
|
|
41
49
|
background: var(--color-grey-0);
|
|
42
50
|
border-radius: inherit;
|
|
43
51
|
overflow: hidden;
|
|
44
|
-
`,
|
|
52
|
+
`,C=o.styled.div`
|
|
45
53
|
position: absolute;
|
|
46
54
|
width: 64px;
|
|
47
55
|
height: 64px;
|
|
@@ -109,12 +117,12 @@
|
|
|
109
117
|
justify-content: space-around;
|
|
110
118
|
align-items: center;
|
|
111
119
|
padding: 24px;
|
|
112
|
-
`,
|
|
120
|
+
`,_=o.styled.div`
|
|
113
121
|
padding: 24px;
|
|
114
122
|
display: flex;
|
|
115
123
|
flex-flow: column nowrap;
|
|
116
124
|
gap: 24px;
|
|
117
|
-
`,
|
|
125
|
+
`,U=o.styled.button`
|
|
118
126
|
width: 48px;
|
|
119
127
|
height: 150px;
|
|
120
128
|
display: flex;
|
|
@@ -130,7 +138,7 @@
|
|
|
130
138
|
&:hover {
|
|
131
139
|
background-color: rgba(0, 0, 0, 0.2);
|
|
132
140
|
}
|
|
133
|
-
`,
|
|
141
|
+
`,A=o.styled.div`
|
|
134
142
|
margin-top: 24px;
|
|
135
143
|
border-radius: 32px;
|
|
136
144
|
border: 1px solid var(--color-grey-8);
|
|
@@ -138,4 +146,4 @@
|
|
|
138
146
|
padding: 6px 16px;
|
|
139
147
|
width: fit-content;
|
|
140
148
|
cursor: pointer;
|
|
141
|
-
`;exports.Post=({actions:t,author:i,authorActive:r,authorHref:o,authorImage:n,avatarTooltipContent:
|
|
149
|
+
`;exports.Post=({actions:t,author:i,authorActive:r,authorHref:o,authorImage:n,avatarTooltipContent:y,avatarTooltipSx:I,children:L,content:B,createdDate:M,dropdown:T,hasComments:F,id:W,images:D,isPaidUser:J,isPaywalled:V=!1,link:X,video:G,onJoin:N,monthlyMembershipPrice:O,onImageClick:Y})=>{const K=v.default.useId(),Q=v.default.useRef(null),[Z,ee]=v.default.useState(!1),[te,ie]=v.default.useState(-1);v.default.useRef(null);const[re,oe]=v.default.useState(-1),[ne,se]=v.default.useState({x:"30vw",y:"30vh"}),le=!!G?.url&&!!G?.thumbnail,ae=G?.displayHtmlVideo,[de,ce]=v.default.useState(!1),he=v.default.useRef(null);v.default.useEffect(()=>{if(Q.current&&B?.length>0){const e=24,t=Math.ceil(Q.current.offsetHeight/e);ie(t)}else ie(-1)},[B,Z]),v.default.useEffect(()=>{const e=e=>{"ArrowLeft"===e.key?ge():"ArrowRight"===e.key?xe():"Escape"!==e.key&&"Enter"!==e.key||oe(-1)};return"undefined"!=typeof document&&D?.length&&re>-1&&document.addEventListener("keydown",e),()=>{D?.length&&document.removeEventListener("keydown",e)}},[]);const ue=v.default.Children.toArray(t),pe=v.default.Children.toArray(L),xe=()=>{oe(e=>D?.length&&e!==D.length-1?e+1:e)},ge=()=>{oe(e=>D?.length&&0!==e?e-1:e)};return e.jsxs(k,{id:W,children:[re>-1&&!!D?.[re]&&e.jsx(h.Modal,{alwaysRender:!1,controlledOpen:!0,onChange:e=>!e&&oe(-1),children:e.jsxs(h.Modal.Content,{sx:`\n position: relative; \n height: ${ne.y}; \n width: ${ne.x};\n margin: 0 auto;\n `,children:[e.jsx(U,{$side:"left",$visible:0!==re,onClick:ge,children:e.jsx(g.ChevronLeft,{color:"white",size:48})}),e.jsx(b.default,{alt:"",fill:!0,quality:100,onLoad:e=>{const{naturalHeight:t,naturalWidth:i}=e.target;let r=`${i}px`,o=`${t}px`;window?.innerHeight<t&&window?.innerWidth<i?(r=`${Math.floor(.95*window.innerHeight*i/t)}px`,o=`${Math.round(.95*window.innerWidth*t/i)}px`):window?.innerHeight<t?(r=`${Math.floor(.95*window.innerHeight*i/t)}px`,o="95vh"):window?.innerWidth<i&&(r="95vw",o=`${Math.round(.95*window.innerWidth*t/i)}px`),se({x:r,y:o})},draggable:!1,priority:!0,sizes:"100vw",src:D[re],style:{objectFit:"cover"}}),e.jsx(U,{$side:"right",$visible:re!==D.length-1,onClick:xe,children:e.jsx(m.ChevronRight,{color:"white",size:48})})]})}),e.jsxs(q,{children:[n&&"/images/default_avatar.png"!==n?e.jsx(p.Avatar,{isPaidUser:J,as:o?w.default:"button",href:o,image:n,size:64,status:r?"online":void 0,subtitle:e.jsx(c.P,{as:"span",sx:"vertical-align: top;",$fontSize:14,$lineHeight:20,children:e.jsx(u.TimeAgo,{date:new Date(M)})}),title:e.jsx(d.H,{as:o?w.default:"span",href:o,sx:"text-decoration:none;",$bold:!0,$fontSize:18,$lineHeight:26,children:i}),textPosition:"right",tooltipContent:y,tooltipSx:I,sx:o?"img { cursor: pointer; }":void 0}):e.jsxs(l.Box,{$align:"center",$gap:12,children:[e.jsx(p.Avatar.Initials,{name:i||"U",size:64}),e.jsxs(l.Box,{$dir:"column",children:[e.jsx(d.H,{as:o?w.default:"span",href:o,sx:"text-decoration:none;",$bold:!0,$fontSize:18,$lineHeight:26,children:i}),e.jsx(c.P,{as:"span",sx:"vertical-align: top;",$fontSize:14,$lineHeight:20,children:e.jsx(u.TimeAgo,{date:new Date(M)})})]})]}),T]}),!!B?.length&&e.jsxs("div",{style:{padding:"16px 24px"},children:[V&&te>1?e.jsx($.default,{lines:2,more:"Continue Reading",onClick:N,anchorClass:"see-more",expanded:!1,truncatedEndingComponent:"... ",children:e.jsx(c.P,{$sx:"white-space: pre-line; word-break: break-word;",$textClampLines:2,children:e.jsx(a.Highlighter,{highlightRender:t=>e.jsx(c.P,{as:"span",$color:"primary-blue-2",children:e.jsx(w.default,{href:t,target:"_blank",children:t})}),seperator:s.URL_REGEX,text:B})})}):e.jsx($.default,{lines:5,more:"See more",less:"See less",anchorClass:"see-more-toggle",expanded:Z,onClick:()=>ee(e=>!e),truncatedEndingComponent:"... ",children:e.jsx(c.P,{$sx:"white-space: pre-line; word-break: break-word;",innerRef:Q,children:e.jsx(a.Highlighter,{highlightRender:t=>e.jsx(c.P,{as:"span",$color:"primary-blue-2",children:e.jsx(w.default,{href:t,target:"_blank",children:t})}),seperator:s.URL_REGEX,text:V&&1===te?"This is a premium post. Join to the membership to unlock the full access.":B})})}),V&&!D?.length&&e.jsx(A,{onClick:N,children:e.jsxs(c.P,{$fontSize:14,$mediumBold:!0,children:["Join now for $",O," per month"]})})]}),V&&!!D?.length&&!le&&e.jsxs(R,{children:[e.jsx(b.default,{alt:"",width:650,height:427,priority:!0,quality:100,src:D[0],style:{objectFit:"fill",height:"100%",width:"100%",filter:"blur(60px)",position:"absolute",top:0,left:"50%",transform:"translateX(-50%)"}}),e.jsx(x.Lock,{size:40,color:"white",sx:"z-index: 1"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",zIndex:1},children:[e.jsx(c.P,{$color:"white",$fontSize:14,$bold:!0,$lineHeight:20,children:"Become a member"}),e.jsx(c.P,{$color:"white",$fontSize:14,$bold:!0,$lineHeight:20,children:"to unlock this post"})]}),e.jsx(A,{onClick:N,style:{zIndex:1,marginTop:0},children:e.jsxs(c.P,{$fontSize:14,$mediumBold:!0,children:["Join now for $",O," per month"]})})]}),!!D?.length&&!le&&!V&&e.jsxs(H,{$numImages:D.length,children:[D.slice(0,4).map((t,i)=>e.jsx(P,{children:e.jsx(b.default,{alt:"",fill:!0,onClick:()=>{Y?.(i),oe(i)},quality:100,src:t,draggable:!1,style:{cursor:"pointer",objectFit:"cover"}})},`${K}${t.slice(0,15)}${i}`)),D.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:["+",D.length-4]})]}),!D?.length&&!le&&X&&!V&&e.jsxs(w.default,{href:X.url,target:"_blank",children:[e.jsx(P,{children:e.jsx(b.default,{alt:"",fill:!0,quality:100,src:X.imageUrl,draggable:!1,style:{cursor:"pointer",objectFit:"cover"}})}),e.jsxs(l.Box,{$dir:"column",$gap:8,sx:"padding: 8px 16px;",children:[e.jsx(c.P,{$color:"grey-2",$semiBold:!0,children:X.title}),e.jsx(c.P,{$color:"grey-5",children:X.description})]})]}),le&&e.jsx(S,{children:ae?de?e.jsxs("video",{ref:he,style:{width:"100%",height:"100%"},controls:!0,playsInline:!0,poster:G.thumbnail,children:[G.videoUrls.webm&&e.jsx("source",{src:G.videoUrls.webm,type:"video/webm; codecs=vp9"}),G.videoUrls.mp4&&e.jsx("source",{src:G.videoUrls.mp4,type:"video/mp4; codecs=avc1.42E01E"}),"Your browser does not support the video tag."]}):e.jsxs(z,{onClick:()=>{ce(!0),setTimeout(()=>{he.current?.play()},100)},children:[e.jsx(b.default,{src:G.thumbnail,alt:"Video thumbnail",fill:!0,style:{objectFit:"cover",borderRadius:"inherit"},priority:!0,draggable:!1}),e.jsx(C,{children:e.jsx(j.Play,{size:32,color:"white"})})]}):e.jsx(f.Video,{src:G.url,thumbnail:G.thumbnail,subtitles:[],title:G?.title})}),!!ue.length&&e.jsx(E,{children:!V&&ue}),F&&!!pe.length&&e.jsx(_,{children:pe})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"floating-highlight-toolbar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/highlights/floating-highlight-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAoB,aAAa,EAAE,MAAM,SAAS,CAAC;AAG1D,UAAU,6BAA6B;IAIrC,UAAU,EAAE,aAAa,EAAE,CAAC;IAE5B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAEvD,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpD,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAazC,WAAW,CAAC,EAAE,CACZ,OAAO,EACH;QAAE,IAAI,EAAE,KAAK,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,GACpC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,KAC3D,IAAI,CAAC;CACX;
|
|
1
|
+
{"version":3,"file":"floating-highlight-toolbar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/highlights/floating-highlight-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAoB,aAAa,EAAE,MAAM,SAAS,CAAC;AAG1D,UAAU,6BAA6B;IAIrC,UAAU,EAAE,aAAa,EAAE,CAAC;IAE5B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAEvD,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpD,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAazC,WAAW,CAAC,EAAE,CACZ,OAAO,EACH;QAAE,IAAI,EAAE,KAAK,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,GACpC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,KAC3D,IAAI,CAAC;CACX;AA0BD,eAAO,MAAM,wBAAwB,gFAMlC,6BAA6B,sBAgT/B,CAAC"}
|
|
@@ -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;AAmB1B,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,
|
|
1
|
+
{"version":3,"file":"post.d.ts","sourceRoot":"","sources":["../../../../../src/components/surfaces/post/post.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,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,4CA0cX,CAAC"}
|