@soul-refiner/design-system 2.14.182 → 2.14.184
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/media/video-player/playlist-item.js +21 -9
- package/dist/components/media/video-player/video.js +1 -1
- package/dist/components/surfaces/post/post.js +16 -5
- package/dist/src/components/media/common.d.ts +1 -0
- package/dist/src/components/media/common.d.ts.map +1 -1
- package/dist/src/components/media/video-player/playlist-item.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"),i=require("react"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("next/image"),o=require("styled-components"),r=require("../../atoms/seconds_to_duration/seconds_to_duration.js"),l=require("../../atoms/typography/paragraph.js"),n=require("../../../icons/security/lock.js"),s=require("../../../icons/audio_video/play_solid.js"),a=require("../../../icons/basic/download_arrow.js"),c=require("../../../icons/basic/share_external.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=d(i),p=d(t);const h=g.default.forwardRef(({comingSoon:i,duration:t,onClick:o,playable:d,progress:g=0,shortDescription:h,thumbnail:b="/images/default_card_image.png",nowplaying:k,playlistItemId:L,title:z="Episode",isFile:N=!1,type:S="VIDEO"},q)=>e.jsxs(x,{ref:q,onClick:d&&!i?o:void 0,$playable:d||"LINK"===S,$playlistItemId:L,$nowplaying:k,$isExternalLink:"LINK"===S,children:[e.jsxs("div",{style:{position:"relative",overflow:"hidden",height:75,minWidth:133,width:"100%",maxWidth:133,backgroundColor:"white"},className:"imageContainer",children:[e.jsx(p.default,{alt:`thumbnail for ${z}`,height:75,quality:100,src:b,style:{objectFit:"LINK"===S?"contain":"cover",background:"LINK"===S?"white":"transparent"},width:133}),d||"LINK"===S||N?e.jsxs(v,{children:[e.jsx($,{children:d?e.jsx(s.PlaySolid,{color:"white",size:16}):"LINK"===S?e.jsx(c.ShareExternal,{color:"white",size:16}):null}),g&&t&&!i&&"LINK"!==S?e.jsx(w,{progressPercent:g/t}):null]}):e.jsx(y,{children:e.jsx(n.Lock,{color:"grey-3",size:18})}),N&&e.jsx(u,{className:"overlay",children:e.jsx(j,{children:e.jsx(Button,{icon:e.jsx(a.DownloadArrow,{color:"grey-4",size:16}),type:"special",sx:"padding-left: 12px;padding-right: 12px; max-height: 32px;",children:e.jsx(l.P,{$color:"grey-4",$fontSize:14,$lineHeight:20,children:"Download"})})})}),"LINK"===S&&e.jsx(f,{className:"overlay",children:e.jsx(m,{children:e.jsx(Button,{icon:e.jsx(c.ShareExternal,{color:"grey-4",size:16}),type:"special",sx:"max-height: 32px;",children:e.jsx(l.P,{$color:"grey-4",$fontSize:14,$lineHeight:20,children:"Visit"})})})})]}),e.jsxs(I,{children:[e.jsx(l.P,{$color:"grey-10",$semiBold:!0,$fontSize:16,$lineHeight:24,sx:"white-space: nowrap; overflow: hidden; text-overflow: ellipsis;",children:z}),t&&!i&&"LINK"!==S&&"FILE"!==S&&e.jsx(l.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,children:e.jsx(r.SecToDuration,{seconds:t})}),"LINK"===S&&e.jsx(l.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,children:"Visit"}),"FILE"===S&&e.jsx(l.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,children:"Download"}),i&&e.jsx(l.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,children:"Coming soon"})]})]})),x=o.styled.div`
|
|
2
2
|
width: 100%;
|
|
3
3
|
flex: 0 1 auto;
|
|
4
4
|
padding: 8px;
|
|
@@ -22,7 +22,19 @@
|
|
|
22
22
|
object-fit: contain;
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
|
-
`,y=
|
|
25
|
+
`,y=o.styled.div`
|
|
26
|
+
position: absolute;
|
|
27
|
+
top: 50%;
|
|
28
|
+
left: 50%;
|
|
29
|
+
transform: translate(-50%, -50%);
|
|
30
|
+
width: 36px;
|
|
31
|
+
height: 36px;
|
|
32
|
+
border-radius: 50%;
|
|
33
|
+
background: var(--color-white);
|
|
34
|
+
display: flex;
|
|
35
|
+
align-items: center;
|
|
36
|
+
justify-content: center;
|
|
37
|
+
`,u=o.styled.div`
|
|
26
38
|
position: absolute;
|
|
27
39
|
background-color: rgba(0, 0, 0, 0.2);
|
|
28
40
|
height: 75px;
|
|
@@ -32,7 +44,7 @@
|
|
|
32
44
|
align-items: center;
|
|
33
45
|
opacity: 0;
|
|
34
46
|
transition: opacity 0.2s ease-in-out;
|
|
35
|
-
`,
|
|
47
|
+
`,f=o.styled.div`
|
|
36
48
|
position: absolute;
|
|
37
49
|
background-color: rgba(0, 0, 0, 0.2);
|
|
38
50
|
height: 75px;
|
|
@@ -42,7 +54,7 @@
|
|
|
42
54
|
align-items: center;
|
|
43
55
|
opacity: 0;
|
|
44
56
|
transition: opacity 0.2s ease-in-out;
|
|
45
|
-
`,
|
|
57
|
+
`,j=o.styled.div`
|
|
46
58
|
display: flex;
|
|
47
59
|
justify-content: center;
|
|
48
60
|
align-items: center;
|
|
@@ -51,7 +63,7 @@
|
|
|
51
63
|
width: 100%;
|
|
52
64
|
background-color: white;
|
|
53
65
|
gap: 0px;
|
|
54
|
-
`,
|
|
66
|
+
`,m=o.styled.div`
|
|
55
67
|
display: flex;
|
|
56
68
|
justify-content: center;
|
|
57
69
|
align-items: center;
|
|
@@ -59,10 +71,10 @@
|
|
|
59
71
|
height: 100%;
|
|
60
72
|
width: 100%;
|
|
61
73
|
gap: 4px;
|
|
62
|
-
`,
|
|
74
|
+
`,w=({progressPercent:i})=>e.jsxs(b,{viewBox:"0 0 133 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{width:133*i,height:"2",fill:"var(--color-primary-blue-2)"}),e.jsx("rect",{x:133*i,width:133-133*i,height:"2",fill:"var(--color-grey-8)"})]}),b=o.styled.svg`
|
|
63
75
|
width: 100%;
|
|
64
76
|
display: block;
|
|
65
|
-
`,
|
|
77
|
+
`,v=o.styled.div`
|
|
66
78
|
position: absolute;
|
|
67
79
|
bottom: 0;
|
|
68
80
|
left: 0;
|
|
@@ -72,11 +84,11 @@
|
|
|
72
84
|
gap: 4px;
|
|
73
85
|
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85));
|
|
74
86
|
padding-top: 12px;
|
|
75
|
-
`,$=
|
|
87
|
+
`,$=o.styled.div`
|
|
76
88
|
display: flex;
|
|
77
89
|
align-items: flex-start;
|
|
78
90
|
padding: 0 8px;
|
|
79
|
-
`,
|
|
91
|
+
`,I=o.styled.div`
|
|
80
92
|
display: flex;
|
|
81
93
|
flex-direction: column;
|
|
82
94
|
gap: 8px;
|
|
@@ -128,4 +128,4 @@
|
|
|
128
128
|
}
|
|
129
129
|
|
|
130
130
|
${({$showingAll:e})=>e?"height: 100%; overflow-y:auto;":"max-height: 350px;"}
|
|
131
|
-
`;exports.VideoPlayer=({activeIndex:t,pip:r,playable:n,playlist:b,onClickPreview:L,onPipChange:M,onProgress:R,onStart:T,orientation:H,setMediaItem:E,onShowAllPlaylist:O,forwardedRef:_,subtitle:F,title:N,trailer:W,additionalMedia:V})=>{const X="undefined"!=typeof window?window:{innerHeight:0,innerWidth:600},Y=X.innerHeight/3,K=v*(X.innerHeight/3),G=y.default.useRef(null),J=_||G,Q=y.default.useRef({}),U=y.default.useRef(null),Z=y.default.useRef(null),[ee,ie]=y.default.useState(0),[te,re]=y.default.useState(!1),[ne,oe]=y.default.useState(!n),[le,se]=y.default.useState(b?.[t].id||null),[ae,de]=g.useLocalStorage("videoPipHeight",Y),[ce,pe]=g.useLocalStorage("videoPipWidth",K),[ue,ge]=g.useLocalStorage("video-volume",1),[he,xe]=g.useLocalStorage("videoPipRight",16),[me,fe]=g.useLocalStorage("videoPipBottom",16),[be,ye]=y.default.useState([0,0]),[we,je]=y.default.useState([0,0]),[ve,$e]=y.default.useState(!1),[Ie,ke]=y.default.useState(0),[Se,De]=y.default.useState([]),[Ae,Pe]=y.default.useState([]),[ze,qe]=y.default.useState([]),[Ce,Be]=y.default.useState(!1),Le=ne?W:ve?Se?.[Ie]:b?.[t],Me=Array.isArray(Le?.src)?Le.src[0]:Le?.src,Re=Me?.includes(".m3u8")||!1;y.default.useEffect(()=>{V&&(De(V.filter(e=>"VIDEO"===e.type)),Pe(V.filter(e=>"FILE"===e.type)),qe(V.filter(e=>"LINK"===e.type)))},[V]);const Te=y.default.useRef(!0);y.default.useEffect(()=>{Te.current?Te.current=!1:!n||ne||ve||Be(!0)},[t,n,ne,ve]);const He=(e,i=!1)=>{oe(!1),$e(i),Be(!(!n&&!i)),i?ke(e):E(e)},Ee=()=>{re(e=>!e),O&&O(!te)},Oe=(e,i)=>{if(!Z?.current)return;const t=Z.current.getBoundingClientRect();t.x<16||t.y<16||e>=2*X.innerWidth/3||i>=2*X.innerHeight/3||e<$||i<200||(pe(e),de(i))},_e=()=>{if(!Z?.current)return;const e=Z.current.getBoundingClientRect();je([e.width,e.height])},Fe=e=>{if(!Z?.current)return;const i=e.currentTarget.getAttribute("class")?.split(" ")||[],t=window.innerWidth-e.clientX,r=window.innerHeight-e.clientY;if(!(e.clientX<0||e.clientY<0))if(e.stopPropagation(),e.preventDefault(),i.includes("top")){const e=Math.round(r-be[1]+we[1]),i=Math.round(e*v);Oe(i,e)}else if(i.includes("bottom")){const e=Math.round(be[1]-r+we[1]),i=Math.round(e*v);Oe(i,e)}else if(i.includes("left")){const e=Math.round(t-be[0]+we[0]),i=Math.round(e/v);Oe(e,i)}else if(i.includes("right")){const e=Math.round(be[0]-t+we[0]),i=Math.round(e/v);Oe(e,i)}},Ne=i.useMemo(()=>{let e=[{label:"All lessons",color:"dark"}];return V?.length&&e.push({label:"Resources",color:"dark"}),W&&e.push({label:"Trailer",color:"dark"}),e},[V,W]),We=W&&"Trailer"===Ne[ee]?.label,Ve=V&&"Resources"===Ne[ee]?.label;return y.default.useEffect(()=>{ee>=Ne.length&&ie(0)},[Ne,ee]),Le?e.jsx(I,{$orientation:H,children:e.jsxs(A,{$orientation:H,$playable:n||ne||ve,children:["vertical"===H&&e.jsxs(l.Box,{className:"pip-trigger-vertical pip-trigger",$dir:"column",$gap:4,sx:"margin: 24px;",children:[e.jsx(d.H,{as:"h2",$bold:!0,$color:"white",$fontSize:28,$lineHeight:36,children:N}),e.jsx(c.P,{as:"h3",$bold:!0,$color:"grey-8",children:F})]}),r&&e.jsx(S,{}),e.jsxs(k,{$pip:!!r,draggable:r&&0===we[0],onDrag:r?e=>{if(e.clientX<0||e.clientY<0)return;const i=window.innerWidth-e.clientX,t=window.innerHeight-e.clientY;((e,i)=>{if(!Z?.current)return;const t=Z.current.getBoundingClientRect();e&&e>=16&&e<=X.innerWidth-16-t.width&&xe(e),i&&i>=16&&i<=X.innerHeight-16-t.height&&fe(i)})(he+(i-be[0]),me+(t-be[1])),ye([i,t])}:void 0,onMouseDown:e=>{ye([window.innerWidth-e.clientX,window.innerHeight-e.clientY])},ref:Z,style:r?{bottom:me,height:ae,right:he,width:ce}:void 0,children:[r&&e.jsx(o.Button,{className:"close-pip",icon:e.jsx(a.SelectItem,{color:"grey-0"}),onClick:e=>{e.stopPropagation(),M&&M(!1)},size:"large",sx:"\n display: none;\n position: absolute;\n top: 8px;\n right: 8px;\n z-index: 10;\n svg {\n fill: var(--color-white);\n }\n ",type:"text"}),e.jsx(j.default,{className:"player",config:{file:{attributes:{crossOrigin:"true",disablePictureInPicture:"true"},forceHLS:Re,hlsOptions:Re?{autoStartLoad:!0}:void 0,tracks:(Le?.subtitles||[]).map(e=>({kind:"subtitles",label:e.label,src:e.src,srcLang:e.locale}))}},controls:!0,height:"100%",light:e.jsx(w.default,{alt:`thumbnail for ${N}`,layout:"fill",priority:!0,quality:100,style:{objectFit:"cover"},src:Le?.thumbnail||"/images/default_card_image.png"}),progressInterval:4e3,onProgress:e=>R(e,ve?Se[Ie]?.id:void 0),onStart:T,onClickPreview:e=>{(n||ne||ve)&&Be(!0),L&&L(e)},onReady:()=>{if(!ne){const e=J?.current?.getCurrentTime();0===e&&(ve?0!==Se?.[Ie]?.progress&&J.current.seekTo(Se?.[Ie].progress):0!==Le?.progress&&J.current.seekTo(Le.progress))}},pip:r,playIcon:n||ne||ve?e.jsx(u.PlaySolid,{color:"white",size:24,sx:"position: absolute; width: 54px; height: 54px;"}):e.jsx(p.LockCircle,{color:"white",size:24,sx:"position: absolute; width: 54px; height: 54px;"}),playing:ne||ve||n&&Ce,ref:J,url:Le.src,width:"100%",volume:ue,onVolumeChange:e=>{ge(e.target.volume)}},`${ne}-${ve}-${t}-${Ie}-${Le?.id??(Array.isArray(Le?.src)?Le.src[0]:Le?.src)??""}`),r&&e.jsxs(e.Fragment,{children:[e.jsx(D,{className:"top horizontal",draggable:"false",onDrag:Fe,onMouseDown:_e,onDragEnd:()=>je([0,0]),tabIndex:0}),e.jsx(D,{className:"bottom horizontal",draggable:"false",onDrag:Fe,onMouseDown:_e,onDragEnd:()=>je([0,0]),tabIndex:0}),e.jsx(D,{className:"right vertical",draggable:"false",onDrag:Fe,onMouseDown:_e,onDragEnd:()=>je([0,0]),tabIndex:0}),e.jsx(D,{className:"left vertical",draggable:"false",onDrag:Fe,onMouseDown:_e,onDragEnd:()=>je([0,0]),tabIndex:0})]})]}),"horizontal"===H&&e.jsx(P,{children:e.jsxs(z,{$showingAll:te,children:[e.jsxs(l.Box,{$dir:"column",$gap:4,children:[e.jsx(d.H,{as:"h2",$bold:!0,$color:"white",$fontSize:28,$lineHeight:36,children:N}),e.jsx(c.P,{as:"h3",$bold:!0,$color:"grey-8",children:F})]}),e.jsxs(l.Box,{$align:"center",children:[e.jsx(s.Tabs,{activeIndex:ee,onChange:e=>ie(e),items:Ne,size:"medium",sx:"justify-content: flex-start;"}),e.jsx(x.ButtonViewAll,{showingAll:te,orientation:H,toggleShowingAll:Ee})]}),0===ee?e.jsx(C,{ref:U,$showingAll:te,children:b.map((i,t)=>e.jsx(h.PlaylistItem,{playlistItemId:i.id,onClick:()=>{se(i.id),He(t)},title:i.title,thumbnail:i.thumbnail,shortDescription:i.shortDescription,duration:i.duration,progress:i.progress,playable:n,nowplaying:le,comingSoon:i.comingSoon||!1,ref:e=>{Q.current[i.id]=e}},i.id))}):Ve?e.jsxs(C,{$showingAll:te,children:[!!Se.length&&e.jsx(f.Accordion,{defaultOpen:0,children:[0].map(i=>e.jsx(f.Accordion.Item,{buttonSx:"padding: 0; align-items: center; flex-direction: row-reverse; justify-content: flex-end; gap: 16px; svg {fill: white !important; } &:hover {background: var(--color-grey-1);}",trigger:e.jsx("div",{style:{display:"flex",alignItems:"center",gap:16},children:e.jsx(c.P,{$color:"white",$fontSize:16,$semiBold:!0,children:"Leaders"})}),sx:"flex-direction: column; ",children:e.jsx("div",{style:{marginTop:24,display:"flex",flexDirection:"column",gap:24},children:Se.map((i,t)=>e.jsx(h.PlaylistItem,{playlistItemId:i.id,onClick:()=>{se(i.id),He(t,!0)},progress:i.progress,duration:i.duration,title:i.name,thumbnail:i.thumbnail||"",shortDescription:i.shortDescription,playable:!0,nowplaying:le,ref:e=>{Q.current[i.id]=e}},i.id))})},i))}),!!Ae.length&&e.jsx(f.Accordion,{defaultOpen:0,children:[0].map(i=>e.jsx(f.Accordion.Item,{buttonSx:"padding: 0; align-items: center; flex-direction: row-reverse; justify-content: flex-end; gap: 16px; svg {fill: white !important; } &:hover {background: var(--color-grey-1);}",trigger:e.jsx("div",{style:{display:"flex",alignItems:"center",gap:16},children:e.jsx(c.P,{$color:"white",$fontSize:16,$semiBold:!0,children:"Other Resources"})}),sx:"flex-direction: column; ",children:e.jsx("div",{style:{marginTop:24,display:"flex",flexDirection:"column",gap:24},children:[...Ae].map(i=>e.jsx(h.PlaylistItem,{playlistItemId:i.id,onClick:()=>{window.open(i.src,"_blank")},progress:i.progress,duration:i.duration,title:i.name,thumbnail:i.thumbnail||"",shortDescription:i.shortDescription,playable:!0,nowplaying:le,type:i.type,isFile:"FILE"===i.type,ref:e=>{Q.current[i.id]=e}},i.id))})},i))}),!!ze.length&&e.jsx(f.Accordion,{defaultOpen:0,children:[0].map(i=>e.jsx(f.Accordion.Item,{buttonSx:"padding: 0; align-items: center; flex-direction: row-reverse; justify-content: flex-end; gap: 16px; svg {fill: white !important; } &:hover {background: var(--color-grey-1);}",trigger:e.jsx("div",{style:{display:"flex",alignItems:"center",gap:16},children:e.jsx(c.P,{$color:"white",$fontSize:16,$semiBold:!0,children:"Products"})}),sx:"flex-direction: column; ",children:e.jsx("div",{style:{marginTop:24,display:"flex",flexDirection:"column",gap:24},children:[...ze].map(i=>e.jsx(h.PlaylistItem,{playlistItemId:i.id,onClick:()=>{window.open(i.src,"_blank")},progress:i.progress,duration:i.duration,title:i.name,thumbnail:i.thumbnail||"",shortDescription:i.shortDescription,playable:!0,nowplaying:le,type:i.type,isFile:"FILE"===i.type,ref:e=>{Q.current[i.id]=e}},i.id))})},i))})]}):We&&W?e.jsx(x.TrailerListItem,{title:N,handleSetPlayingTrailer:oe,trailer:W}):null]})}),"vertical"===H&&e.jsx(l.Box,{$dir:"column",$gap:24,sx:te?"z-index: 3; position:relative;":"height: auto",children:e.jsxs(q,{$showingAll:te,children:[e.jsxs(l.Box,{sx:"padding: 0 1.5rem;",$align:"center",children:[e.jsx(s.Tabs,{activeIndex:ee,onChange:e=>ie(e),items:Ne,size:"medium",sx:"justify-content: flex-start;"}),e.jsx(x.ButtonViewAll,{showingAll:te,orientation:H,toggleShowingAll:Ee})]}),[e.jsx(B,{ref:U,$showingAll:te,children:b.map((i,t)=>e.jsx(h.PlaylistItem,{comingSoon:i.comingSoon||!1,nowplaying:le,playlistItemId:i.id,duration:i.duration,ref:e=>{Q.current[i.id]=e},onClick:()=>{He(t),se(i.id)},playable:n,progress:i.progress,shortDescription:i.shortDescription,thumbnail:i.thumbnail,title:i.title},i.id))}),e.jsxs(B,{$showingAll:te,children:[!!Se.length&&e.jsx(f.Accordion,{defaultOpen:0,children:[0].map(i=>e.jsx(f.Accordion.Item,{buttonSx:"padding: 0;",trigger:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,marginBottom:24},children:[e.jsx(m.ChevronDown,{size:20,color:"white"}),e.jsx(c.P,{$color:"white",$fontSize:16,$semiBold:!0,children:"Leaders"})]}),sx:"flex-direction: column; gap: 24px;",children:Se.map((i,t)=>e.jsx(h.PlaylistItem,{playlistItemId:i.id,onClick:()=>{se(i.id),He(t,!0)},progress:i.progress,duration:i.duration,title:i.name,thumbnail:i.thumbnail||"",shortDescription:i.shortDescription,playable:!0,nowplaying:le,ref:e=>{Q.current[i.id]=e}},i.id))},i))}),(!!Ae.length||!!ze.length)&&e.jsx(f.Accordion,{defaultOpen:0,children:[0].map(i=>e.jsx(f.Accordion.Item,{buttonSx:"padding: 0;",trigger:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,marginBottom:24},children:[e.jsx(m.ChevronDown,{size:20,color:"white"}),e.jsx(c.P,{$color:"white",$fontSize:16,$semiBold:!0,children:"Other Resources"})]}),sx:"flex-direction: column; gap: 24px;",children:[...Ae,...ze].map(i=>e.jsx(h.PlaylistItem,{playlistItemId:i.id,onClick:()=>{window.open(i.src,"_blank")},progress:i.progress,duration:i.duration,title:i.name,thumbnail:i.thumbnail||"",shortDescription:i.shortDescription,playable:!0,nowplaying:le,type:i.type,isFile:"FILE"===i.type,ref:e=>{Q.current[i.id]=e}},i.id))},i))})]}),!!W&&e.jsx(l.Box,{$dir:"column",$gap:8,sx:"margin: 0px 24px;",children:e.jsx(x.TrailerListItem,{title:N,handleSetPlayingTrailer:oe,trailer:W})})][ee]]})})]})}):null};
|
|
131
|
+
`;exports.VideoPlayer=({activeIndex:t,pip:r,playable:n,playlist:b,onClickPreview:L,onPipChange:M,onProgress:R,onStart:T,orientation:H,setMediaItem:E,onShowAllPlaylist:O,forwardedRef:_,subtitle:F,title:N,trailer:W,additionalMedia:V})=>{const X="undefined"!=typeof window?window:{innerHeight:0,innerWidth:600},Y=X.innerHeight/3,K=v*(X.innerHeight/3),G=y.default.useRef(null),J=_||G,Q=y.default.useRef({}),U=y.default.useRef(null),Z=y.default.useRef(null),[ee,ie]=y.default.useState(0),[te,re]=y.default.useState(!1),[ne,oe]=y.default.useState(!n),[le,se]=y.default.useState(b?.[t].id||null),[ae,de]=g.useLocalStorage("videoPipHeight",Y),[ce,pe]=g.useLocalStorage("videoPipWidth",K),[ue,ge]=g.useLocalStorage("video-volume",1),[he,xe]=g.useLocalStorage("videoPipRight",16),[me,fe]=g.useLocalStorage("videoPipBottom",16),[be,ye]=y.default.useState([0,0]),[we,je]=y.default.useState([0,0]),[ve,$e]=y.default.useState(!1),[Ie,ke]=y.default.useState(0),[Se,De]=y.default.useState([]),[Ae,Pe]=y.default.useState([]),[ze,qe]=y.default.useState([]),[Ce,Be]=y.default.useState(!1),Le=ne?W:ve?Se?.[Ie]:b?.[t],Me=Array.isArray(Le?.src)?Le.src[0]:Le?.src,Re=Me?.includes(".m3u8")||!1;y.default.useEffect(()=>{V&&(De(V.filter(e=>"VIDEO"===e.type)),Pe(V.filter(e=>"FILE"===e.type)),qe(V.filter(e=>"LINK"===e.type)))},[V]);const Te=y.default.useRef(!0);y.default.useEffect(()=>{Te.current?Te.current=!1:!n||ne||ve||Be(!0)},[t,n,ne,ve]);const He=(e,i=!1)=>{oe(!1),$e(i),Be(!(!n&&!i)),i?ke(e):E(e)},Ee=()=>{re(e=>!e),O&&O(!te)},Oe=(e,i)=>{if(!Z?.current)return;const t=Z.current.getBoundingClientRect();t.x<16||t.y<16||e>=2*X.innerWidth/3||i>=2*X.innerHeight/3||e<$||i<200||(pe(e),de(i))},_e=()=>{if(!Z?.current)return;const e=Z.current.getBoundingClientRect();je([e.width,e.height])},Fe=e=>{if(!Z?.current)return;const i=e.currentTarget.getAttribute("class")?.split(" ")||[],t=window.innerWidth-e.clientX,r=window.innerHeight-e.clientY;if(!(e.clientX<0||e.clientY<0))if(e.stopPropagation(),e.preventDefault(),i.includes("top")){const e=Math.round(r-be[1]+we[1]),i=Math.round(e*v);Oe(i,e)}else if(i.includes("bottom")){const e=Math.round(be[1]-r+we[1]),i=Math.round(e*v);Oe(i,e)}else if(i.includes("left")){const e=Math.round(t-be[0]+we[0]),i=Math.round(e/v);Oe(e,i)}else if(i.includes("right")){const e=Math.round(be[0]-t+we[0]),i=Math.round(e/v);Oe(e,i)}},Ne=i.useMemo(()=>{let e=[{label:"All lessons",color:"dark"}];return V?.length&&e.push({label:"Resources",color:"dark"}),W&&e.push({label:"Trailer",color:"dark"}),e},[V,W]),We=W&&"Trailer"===Ne[ee]?.label,Ve=V&&"Resources"===Ne[ee]?.label;return y.default.useEffect(()=>{ee>=Ne.length&&ie(0)},[Ne,ee]),Le?e.jsx(I,{$orientation:H,children:e.jsxs(A,{$orientation:H,$playable:n||ne||ve,children:["vertical"===H&&e.jsxs(l.Box,{className:"pip-trigger-vertical pip-trigger",$dir:"column",$gap:4,sx:"margin: 24px;",children:[e.jsx(d.H,{as:"h2",$bold:!0,$color:"white",$fontSize:28,$lineHeight:36,children:N}),e.jsx(c.P,{as:"h3",$bold:!0,$color:"grey-8",children:F})]}),r&&e.jsx(S,{}),e.jsxs(k,{$pip:!!r,draggable:r&&0===we[0],onDrag:r?e=>{if(e.clientX<0||e.clientY<0)return;const i=window.innerWidth-e.clientX,t=window.innerHeight-e.clientY;((e,i)=>{if(!Z?.current)return;const t=Z.current.getBoundingClientRect();e&&e>=16&&e<=X.innerWidth-16-t.width&&xe(e),i&&i>=16&&i<=X.innerHeight-16-t.height&&fe(i)})(he+(i-be[0]),me+(t-be[1])),ye([i,t])}:void 0,onMouseDown:e=>{ye([window.innerWidth-e.clientX,window.innerHeight-e.clientY])},ref:Z,style:r?{bottom:me,height:ae,right:he,width:ce}:void 0,children:[r&&e.jsx(o.Button,{className:"close-pip",icon:e.jsx(a.SelectItem,{color:"grey-0"}),onClick:e=>{e.stopPropagation(),M&&M(!1)},size:"large",sx:"\n display: none;\n position: absolute;\n top: 8px;\n right: 8px;\n z-index: 10;\n svg {\n fill: var(--color-white);\n }\n ",type:"text"}),e.jsx(j.default,{className:"player",config:{file:{attributes:{crossOrigin:"true",disablePictureInPicture:"true"},forceHLS:Re,hlsOptions:Re?{autoStartLoad:!0}:void 0,tracks:(Le?.subtitles||[]).map(e=>({kind:"subtitles",label:e.label,src:e.src,srcLang:e.locale}))}},controls:!0,height:"100%",light:e.jsx(w.default,{alt:`thumbnail for ${N}`,layout:"fill",priority:!0,quality:100,style:{objectFit:"cover"},src:Le?.thumbnail||"/images/default_card_image.png"}),progressInterval:4e3,onProgress:e=>R(e,ve?Se[Ie]?.id:void 0),onStart:T,onClickPreview:e=>{(n||ne||ve)&&Be(!0),L&&L(e)},onReady:()=>{if(!ne){const e=J?.current?.getCurrentTime();0===e&&(ve?0!==Se?.[Ie]?.progress&&J.current.seekTo(Se?.[Ie].progress):0!==Le?.progress&&J.current.seekTo(Le.progress))}},pip:r,playIcon:n||ne||ve?e.jsx(u.PlaySolid,{color:"white",size:24,sx:"position: absolute; width: 54px; height: 54px;"}):e.jsx(p.LockCircle,{color:"white",size:24,sx:"position: absolute; width: 54px; height: 54px;"}),playing:ne||ve||n&&Ce,ref:J,url:Le.src,width:"100%",volume:ue,onVolumeChange:e=>{ge(e.target.volume)}},`${ne}-${ve}-${t}-${Ie}-${Le?.id??(Array.isArray(Le?.src)?Le.src[0]:Le?.src)??""}`),r&&e.jsxs(e.Fragment,{children:[e.jsx(D,{className:"top horizontal",draggable:"false",onDrag:Fe,onMouseDown:_e,onDragEnd:()=>je([0,0]),tabIndex:0}),e.jsx(D,{className:"bottom horizontal",draggable:"false",onDrag:Fe,onMouseDown:_e,onDragEnd:()=>je([0,0]),tabIndex:0}),e.jsx(D,{className:"right vertical",draggable:"false",onDrag:Fe,onMouseDown:_e,onDragEnd:()=>je([0,0]),tabIndex:0}),e.jsx(D,{className:"left vertical",draggable:"false",onDrag:Fe,onMouseDown:_e,onDragEnd:()=>je([0,0]),tabIndex:0})]})]}),"horizontal"===H&&e.jsx(P,{children:e.jsxs(z,{$showingAll:te,children:[e.jsxs(l.Box,{$dir:"column",$gap:4,children:[e.jsx(d.H,{as:"h2",$bold:!0,$color:"white",$fontSize:28,$lineHeight:36,children:N}),e.jsx(c.P,{as:"h3",$bold:!0,$color:"grey-8",children:F})]}),e.jsxs(l.Box,{$align:"center",children:[e.jsx(s.Tabs,{activeIndex:ee,onChange:e=>ie(e),items:Ne,size:"medium",sx:"justify-content: flex-start;"}),e.jsx(x.ButtonViewAll,{showingAll:te,orientation:H,toggleShowingAll:Ee})]}),0===ee?e.jsx(C,{ref:U,$showingAll:te,children:b.map((i,t)=>e.jsx(h.PlaylistItem,{playlistItemId:i.id,onClick:()=>{se(i.id),He(t)},title:i.title,thumbnail:i.thumbnail,shortDescription:i.shortDescription,duration:i.duration,progress:i.progress,playable:n&&!i.locked,nowplaying:le,comingSoon:i.comingSoon||!1,ref:e=>{Q.current[i.id]=e}},i.id))}):Ve?e.jsxs(C,{$showingAll:te,children:[!!Se.length&&e.jsx(f.Accordion,{defaultOpen:0,children:[0].map(i=>e.jsx(f.Accordion.Item,{buttonSx:"padding: 0; align-items: center; flex-direction: row-reverse; justify-content: flex-end; gap: 16px; svg {fill: white !important; } &:hover {background: var(--color-grey-1);}",trigger:e.jsx("div",{style:{display:"flex",alignItems:"center",gap:16},children:e.jsx(c.P,{$color:"white",$fontSize:16,$semiBold:!0,children:"Leaders"})}),sx:"flex-direction: column; ",children:e.jsx("div",{style:{marginTop:24,display:"flex",flexDirection:"column",gap:24},children:Se.map((i,t)=>e.jsx(h.PlaylistItem,{playlistItemId:i.id,onClick:()=>{se(i.id),He(t,!0)},progress:i.progress,duration:i.duration,title:i.name,thumbnail:i.thumbnail||"",shortDescription:i.shortDescription,playable:!0,nowplaying:le,ref:e=>{Q.current[i.id]=e}},i.id))})},i))}),!!Ae.length&&e.jsx(f.Accordion,{defaultOpen:0,children:[0].map(i=>e.jsx(f.Accordion.Item,{buttonSx:"padding: 0; align-items: center; flex-direction: row-reverse; justify-content: flex-end; gap: 16px; svg {fill: white !important; } &:hover {background: var(--color-grey-1);}",trigger:e.jsx("div",{style:{display:"flex",alignItems:"center",gap:16},children:e.jsx(c.P,{$color:"white",$fontSize:16,$semiBold:!0,children:"Other Resources"})}),sx:"flex-direction: column; ",children:e.jsx("div",{style:{marginTop:24,display:"flex",flexDirection:"column",gap:24},children:[...Ae].map(i=>e.jsx(h.PlaylistItem,{playlistItemId:i.id,onClick:()=>{window.open(i.src,"_blank")},progress:i.progress,duration:i.duration,title:i.name,thumbnail:i.thumbnail||"",shortDescription:i.shortDescription,playable:!0,nowplaying:le,type:i.type,isFile:"FILE"===i.type,ref:e=>{Q.current[i.id]=e}},i.id))})},i))}),!!ze.length&&e.jsx(f.Accordion,{defaultOpen:0,children:[0].map(i=>e.jsx(f.Accordion.Item,{buttonSx:"padding: 0; align-items: center; flex-direction: row-reverse; justify-content: flex-end; gap: 16px; svg {fill: white !important; } &:hover {background: var(--color-grey-1);}",trigger:e.jsx("div",{style:{display:"flex",alignItems:"center",gap:16},children:e.jsx(c.P,{$color:"white",$fontSize:16,$semiBold:!0,children:"Products"})}),sx:"flex-direction: column; ",children:e.jsx("div",{style:{marginTop:24,display:"flex",flexDirection:"column",gap:24},children:[...ze].map(i=>e.jsx(h.PlaylistItem,{playlistItemId:i.id,onClick:()=>{window.open(i.src,"_blank")},progress:i.progress,duration:i.duration,title:i.name,thumbnail:i.thumbnail||"",shortDescription:i.shortDescription,playable:!0,nowplaying:le,type:i.type,isFile:"FILE"===i.type,ref:e=>{Q.current[i.id]=e}},i.id))})},i))})]}):We&&W?e.jsx(x.TrailerListItem,{title:N,handleSetPlayingTrailer:oe,trailer:W}):null]})}),"vertical"===H&&e.jsx(l.Box,{$dir:"column",$gap:24,sx:te?"z-index: 3; position:relative;":"height: auto",children:e.jsxs(q,{$showingAll:te,children:[e.jsxs(l.Box,{sx:"padding: 0 1.5rem;",$align:"center",children:[e.jsx(s.Tabs,{activeIndex:ee,onChange:e=>ie(e),items:Ne,size:"medium",sx:"justify-content: flex-start;"}),e.jsx(x.ButtonViewAll,{showingAll:te,orientation:H,toggleShowingAll:Ee})]}),[e.jsx(B,{ref:U,$showingAll:te,children:b.map((i,t)=>e.jsx(h.PlaylistItem,{comingSoon:i.comingSoon||!1,nowplaying:le,playlistItemId:i.id,duration:i.duration,ref:e=>{Q.current[i.id]=e},onClick:()=>{He(t),se(i.id)},playable:n&&!i.locked,progress:i.progress,shortDescription:i.shortDescription,thumbnail:i.thumbnail,title:i.title},i.id))}),e.jsxs(B,{$showingAll:te,children:[!!Se.length&&e.jsx(f.Accordion,{defaultOpen:0,children:[0].map(i=>e.jsx(f.Accordion.Item,{buttonSx:"padding: 0;",trigger:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,marginBottom:24},children:[e.jsx(m.ChevronDown,{size:20,color:"white"}),e.jsx(c.P,{$color:"white",$fontSize:16,$semiBold:!0,children:"Leaders"})]}),sx:"flex-direction: column; gap: 24px;",children:Se.map((i,t)=>e.jsx(h.PlaylistItem,{playlistItemId:i.id,onClick:()=>{se(i.id),He(t,!0)},progress:i.progress,duration:i.duration,title:i.name,thumbnail:i.thumbnail||"",shortDescription:i.shortDescription,playable:!0,nowplaying:le,ref:e=>{Q.current[i.id]=e}},i.id))},i))}),(!!Ae.length||!!ze.length)&&e.jsx(f.Accordion,{defaultOpen:0,children:[0].map(i=>e.jsx(f.Accordion.Item,{buttonSx:"padding: 0;",trigger:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,marginBottom:24},children:[e.jsx(m.ChevronDown,{size:20,color:"white"}),e.jsx(c.P,{$color:"white",$fontSize:16,$semiBold:!0,children:"Other Resources"})]}),sx:"flex-direction: column; gap: 24px;",children:[...Ae,...ze].map(i=>e.jsx(h.PlaylistItem,{playlistItemId:i.id,onClick:()=>{window.open(i.src,"_blank")},progress:i.progress,duration:i.duration,title:i.name,thumbnail:i.thumbnail||"",shortDescription:i.shortDescription,playable:!0,nowplaying:le,type:i.type,isFile:"FILE"===i.type,ref:e=>{Q.current[i.id]=e}},i.id))},i))})]}),!!W&&e.jsx(l.Box,{$dir:"column",$gap:8,sx:"margin: 0px 24px;",children:e.jsx(x.TrailerListItem,{title:N,handleSetPlayingTrailer:oe,trailer:W})})][ee]]})})]})}):null};
|
|
@@ -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"),
|
|
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"),f=require("../../../icons/arrow/chevron_right.js"),m=require("../../media/video/video.js");require("../../iconography/icon/icon.js");var y=require("../../../icons/audio_video/play.js");function j(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=j(t),b=j(i),w=j(r),$=j(n);const k=o.styled.div`
|
|
3
3
|
position: relative;
|
|
4
4
|
max-width: 700px;
|
|
5
5
|
width: 100%;
|
|
@@ -17,12 +17,23 @@
|
|
|
17
17
|
cursor: pointer;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
+
.post-content {
|
|
21
|
+
font-family: var(--font-inter);
|
|
22
|
+
font-size: 1rem;
|
|
23
|
+
line-height: 1.5rem;
|
|
24
|
+
color: var(--color-grey-3);
|
|
25
|
+
font-weight: 400;
|
|
26
|
+
text-align: left;
|
|
27
|
+
white-space: pre-line;
|
|
28
|
+
word-break: break-word;
|
|
29
|
+
}
|
|
30
|
+
|
|
20
31
|
.see-more-toggle {
|
|
21
32
|
cursor: pointer;
|
|
22
|
-
color: var(--color-grey-
|
|
23
|
-
font-weight:
|
|
33
|
+
color: var(--color-grey-5);
|
|
34
|
+
font-weight: 500;
|
|
24
35
|
font-size: 14px;
|
|
25
|
-
|
|
36
|
+
font-family: var(--font-inter);
|
|
26
37
|
}
|
|
27
38
|
`;o.styled.button`
|
|
28
39
|
background: none;
|
|
@@ -146,4 +157,4 @@
|
|
|
146
157
|
padding: 6px 16px;
|
|
147
158
|
width: fit-content;
|
|
148
159
|
cursor: pointer;
|
|
149
|
-
`;exports.Post=({actions:t,author:i,authorActive:r,authorHref:o,authorImage:n,avatarTooltipContent:
|
|
160
|
+
`;exports.Post=({actions:t,author:i,authorActive:r,authorHref:o,authorImage:n,avatarTooltipContent:j,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(f.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:j,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",className:"post-content",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(y.Play,{size:32,color:"white"})})]}):e.jsx(m.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":"common.d.ts","sourceRoot":"","sources":["../../../../src/components/media/common.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/components/media/common.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;CACnC;AAED,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACvB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"playlist-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/media/video-player/playlist-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,UAAU,iBAAiB;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAiD;IAC3E,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"playlist-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/media/video-player/playlist-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,UAAU,iBAAiB;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAiD;IAC3E,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,0FAqIxB,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,4CA2cX,CAAC"}
|