@soul-refiner/design-system 2.14.45 → 2.14.46
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.
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
svg {
|
|
9
9
|
fill: var(--color-white);
|
|
10
10
|
}
|
|
11
|
-
`,type:"text"}),React__default.default.createElement(ReactPlayer__default.default,{className:"player",config:{file:{attributes:{crossOrigin:"true",disablePictureInPicture:"true"},forceHLS:!0,hlsOptions:{autoStartLoad:!0},tracks:(j?.subtitles||[]).map(e=>({kind:"subtitles",label:e.label,src:e.src,srcLang:e.locale}))}},controls:!0,height:"100%",light:React__default.default.createElement(Image__default.default,{alt:"thumbnail for "+d,layout:"fill",priority:!0,quality:100,style:{objectFit:"contain"},src:j.thumbnail}),progressInterval:4e3,onProgress:e=>H(e,P?D[k]?.id:void 0),onStart:W,onClickPreview:T,onReady:()=>{w||0===m?.current?.getCurrentTime()&&(P?0!==D?.[k]?.progress&&m.current.seekTo(D?.[k].progress):0!==j?.progress&&m.current.seekTo(j.progress))},pip:t,playIcon:a||w||P?React__default.default.createElement(play_solid.PlaySolid,{color:"white",size:24,sx:"position: absolute; width: 54px; height: 54px;"}):React__default.default.createElement(lock_circle.LockCircle,{color:"white",size:24,sx:"position: absolute; width: 54px; height: 54px;"}),playing:a,ref:m,url:j.src,width:"100%",volume:F,onVolumeChange:e=>{X(e.target.volume)}}),t&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(Resizer,{className:"top horizontal",draggable:"false",onDrag:f,onMouseDown:p,onDragEnd:()=>S([0,0]),tabIndex:0}),React__default.default.createElement(Resizer,{className:"bottom horizontal",draggable:"false",onDrag:f,onMouseDown:p,onDragEnd:()=>S([0,0]),tabIndex:0}),React__default.default.createElement(Resizer,{className:"right vertical",draggable:"false",onDrag:f,onMouseDown:p,onDragEnd:()=>S([0,0]),tabIndex:0}),React__default.default.createElement(Resizer,{className:"left vertical",draggable:"false",onDrag:f,onMouseDown:p,onDragEnd:()=>S([0,0]),tabIndex:0}))),"horizontal"===i&&React__default.default.createElement(Side,null,React__default.default.createElement(ScalableContainerWrapper,{$showingAll:y},React__default.default.createElement(box.Box,{$dir:"column",$gap:4},React__default.default.createElement(heading.H,{as:"h2",$bold:!0,$color:"white",$fontSize:28,$lineHeight:36},d),React__default.default.createElement(paragraph.P,{as:"h3",$bold:!0,$color:"grey-8"},B)),React__default.default.createElement(box.Box,{$align:"center"},React__default.default.createElement(tabs.Tabs,{activeIndex:x,onChange:e=>b(e),items:A,size:"medium",sx:"justify-content: flex-start;"}),React__default.default.createElement(misc.ButtonViewAll,{showingAll:y,orientation:i,toggleShowingAll:g})),0===x?React__default.default.createElement(HorizontalPlaylistWrapper,{ref:n,$showingAll:y},l.map((t,e)=>React__default.default.createElement(playlistItem.PlaylistItem,{key:t.id,playlistItemId:t.id,onClick:()=>{E(t.id),C(e)},title:t.title,thumbnail:t.thumbnail,shortDescription:t.shortDescription,duration:t.duration,progress:t.progress,playable:a,nowplaying:v,comingSoon:t.comingSoon||!1,ref:e=>{h.current[t.id]=e}}))):le?React__default.default.createElement(HorizontalPlaylistWrapper,{$showingAll:y},!!D.length&&React__default.default.createElement(accordion.Accordion,{defaultOpen:0},[0].map(e=>React__default.default.createElement(accordion.Accordion.Item,{key:e,buttonSx:"padding: 0;",trigger:React__default.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:16,marginBottom:24}},React__default.default.createElement(chevron_down.ChevronDown,{size:20,color:"white"}),React__default.default.createElement(paragraph.P,{$color:"white",$fontSize:16,$semiBold:!0},"Leaders"))},D.map((t,e)=>React__default.default.createElement(playlistItem.PlaylistItem,{key:t.id,playlistItemId:t.id,onClick:()=>{E(t.id),C(e,!0)},progress:t.progress,duration:t.duration,title:t.name,thumbnail:t.thumbnail||"",shortDescription:t.shortDescription,playable:!0,nowplaying:v,ref:e=>{h.current[t.id]=e}}))))),!!z.length&&React__default.default.createElement(accordion.Accordion,{defaultOpen:0},[0].map(e=>React__default.default.createElement(accordion.Accordion.Item,{key:e,buttonSx:"padding: 0;",trigger:React__default.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:16,marginBottom:24}},React__default.default.createElement(chevron_down.ChevronDown,{size:20,color:"white"}),React__default.default.createElement(paragraph.P,{$color:"white",$fontSize:16,$semiBold:!0},"Tools & Documents"))},z.map(e=>React__default.default.createElement(playlistItem.PlaylistItem,{key:e.id,onClick:()=>{window.open(e.src,"_blank")},title:e.name,thumbnail:e.thumbnail||"",shortDescription:e.shortDescription,playable:!0,isFile:!0})))))):e&&c?React__default.default.createElement(misc.TrailerListItem,{title:d,handleSetPlayingTrailer:R,trailer:c}):null)),"vertical"===i&&React__default.default.createElement(box.Box,{$dir:"column",$gap:24,sx:y?"z-index: 3; position:relative;":"height: auto"},React__default.default.createElement(ScalableContainerWrapperVertical,{$showingAll:y},React__default.default.createElement(box.Box,{sx:"padding: 0 1.5rem;",$align:"center"},React__default.default.createElement(tabs.Tabs,{activeIndex:x,onChange:e=>b(e),items:A,size:"medium",sx:"justify-content: flex-start;"}),React__default.default.createElement(misc.ButtonViewAll,{showingAll:y,orientation:i,toggleShowingAll:g})),[React__default.default.createElement(VerticalPlaylistWrapper,{ref:n,$showingAll:y},l.map((t,e)=>React__default.default.createElement(playlistItem.PlaylistItem,{comingSoon:t.comingSoon||!1,nowplaying:v,playlistItemId:t.id,duration:t.duration,key:t.id,ref:e=>{h.current[t.id]=e},onClick:()=>{C(e),E(t.id)},playable:a,progress:t.progress,shortDescription:t.shortDescription,thumbnail:t.thumbnail,title:t.title}))),React__default.default.createElement(VerticalPlaylistWrapper,{$showingAll:y},!!D.length&&React__default.default.createElement(accordion.Accordion,{defaultOpen:0},[0].map(e=>React__default.default.createElement(accordion.Accordion.Item,{key:e,buttonSx:"padding: 0;",trigger:React__default.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:16,marginBottom:24}},React__default.default.createElement(chevron_down.ChevronDown,{size:20,color:"white"}),React__default.default.createElement(paragraph.P,{$color:"white",$fontSize:16,$semiBold:!0},"Leaders"))},D.map((t,e)=>React__default.default.createElement(playlistItem.PlaylistItem,{key:t.id,playlistItemId:t.id,onClick:()=>{E(t.id),C(e,!0)},progress:t.progress,duration:t.duration,title:t.name,thumbnail:t.thumbnail||"",shortDescription:t.shortDescription,playable:!0,nowplaying:v,ref:e=>{h.current[t.id]=e}}))))),!!z.length&&React__default.default.createElement(accordion.Accordion,{defaultOpen:0},[0].map(e=>React__default.default.createElement(accordion.Accordion.Item,{key:e,buttonSx:"padding: 0;",trigger:React__default.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:16,marginBottom:24}},React__default.default.createElement(chevron_down.ChevronDown,{size:20,color:"white"}),React__default.default.createElement(paragraph.P,{$color:"white",$fontSize:16,$semiBold:!0},"Tools & Documents"))},z.map(e=>React__default.default.createElement(playlistItem.PlaylistItem,{key:e.id,onClick:()=>{window.open(e.src,"_blank")},title:e.name,thumbnail:e.thumbnail||"",shortDescription:e.shortDescription,playable:!0,isFile:!0})))))),!!c&&React__default.default.createElement(box.Box,{$dir:"column",$gap:8,sx:"margin: 0px 24px;"},React__default.default.createElement(misc.TrailerListItem,{title:d,handleSetPlayingTrailer:R,trailer:c}))][x])))):null},Wrapper=styled.styled.div`
|
|
11
|
+
`,type:"text"}),React__default.default.createElement(ReactPlayer__default.default,{className:"player",config:{file:{attributes:{crossOrigin:"true",disablePictureInPicture:"true"},forceHLS:!0,hlsOptions:{autoStartLoad:!0},tracks:(j?.subtitles||[]).map(e=>({kind:"subtitles",label:e.label,src:e.src,srcLang:e.locale}))}},controls:!0,height:"100%",light:React__default.default.createElement(Image__default.default,{alt:"thumbnail for "+d,layout:"fill",priority:!0,quality:100,style:{objectFit:"contain"},src:j.thumbnail}),progressInterval:4e3,onProgress:e=>H(e,P?D[k]?.id:void 0),onStart:W,onClickPreview:T,onReady:()=>{w||0===m?.current?.getCurrentTime()&&(P?0!==D?.[k]?.progress&&m.current.seekTo(D?.[k].progress):0!==j?.progress&&m.current.seekTo(j.progress))},pip:t,playIcon:a||w||P?React__default.default.createElement(play_solid.PlaySolid,{color:"white",size:24,sx:"position: absolute; width: 54px; height: 54px;"}):React__default.default.createElement(lock_circle.LockCircle,{color:"white",size:24,sx:"position: absolute; width: 54px; height: 54px;"}),playing:a,ref:m,url:j.src,width:"100%",volume:F,onVolumeChange:e=>{X(e.target.volume)}}),t&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(Resizer,{className:"top horizontal",draggable:"false",onDrag:f,onMouseDown:p,onDragEnd:()=>S([0,0]),tabIndex:0}),React__default.default.createElement(Resizer,{className:"bottom horizontal",draggable:"false",onDrag:f,onMouseDown:p,onDragEnd:()=>S([0,0]),tabIndex:0}),React__default.default.createElement(Resizer,{className:"right vertical",draggable:"false",onDrag:f,onMouseDown:p,onDragEnd:()=>S([0,0]),tabIndex:0}),React__default.default.createElement(Resizer,{className:"left vertical",draggable:"false",onDrag:f,onMouseDown:p,onDragEnd:()=>S([0,0]),tabIndex:0}))),"horizontal"===i&&React__default.default.createElement(Side,null,React__default.default.createElement(ScalableContainerWrapper,{$showingAll:y},React__default.default.createElement(box.Box,{$dir:"column",$gap:4},React__default.default.createElement(heading.H,{as:"h2",$bold:!0,$color:"white",$fontSize:28,$lineHeight:36},d),React__default.default.createElement(paragraph.P,{as:"h3",$bold:!0,$color:"grey-8"},B)),React__default.default.createElement(box.Box,{$align:"center"},React__default.default.createElement(tabs.Tabs,{activeIndex:x,onChange:e=>b(e),items:A,size:"medium",sx:"justify-content: flex-start;"}),React__default.default.createElement(misc.ButtonViewAll,{showingAll:y,orientation:i,toggleShowingAll:g})),0===x?React__default.default.createElement(HorizontalPlaylistWrapper,{ref:n,$showingAll:y},l.map((t,e)=>React__default.default.createElement(playlistItem.PlaylistItem,{key:t.id,playlistItemId:t.id,onClick:()=>{E(t.id),C(e)},title:t.title,thumbnail:t.thumbnail,shortDescription:t.shortDescription,duration:t.duration,progress:t.progress,playable:a,nowplaying:v,comingSoon:t.comingSoon||!1,ref:e=>{h.current[t.id]=e}}))):le?React__default.default.createElement(HorizontalPlaylistWrapper,{$showingAll:y},!!D.length&&React__default.default.createElement(accordion.Accordion,{defaultOpen:0},[0].map(e=>React__default.default.createElement(accordion.Accordion.Item,{key:e,buttonSx:"padding: 0;",trigger:React__default.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:16,marginBottom:24}},React__default.default.createElement(chevron_down.ChevronDown,{size:20,color:"white"}),React__default.default.createElement(paragraph.P,{$color:"white",$fontSize:16,$semiBold:!0},"Leaders")),sx:"flex-direction: column; gap: 8px;"},D.map((t,e)=>React__default.default.createElement(playlistItem.PlaylistItem,{key:t.id,playlistItemId:t.id,onClick:()=>{E(t.id),C(e,!0)},progress:t.progress,duration:t.duration,title:t.name,thumbnail:t.thumbnail||"",shortDescription:t.shortDescription,playable:!0,nowplaying:v,ref:e=>{h.current[t.id]=e}}))))),!!z.length&&React__default.default.createElement(accordion.Accordion,{defaultOpen:0},[0].map(e=>React__default.default.createElement(accordion.Accordion.Item,{key:e,buttonSx:"padding: 0;",trigger:React__default.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:16,marginBottom:24}},React__default.default.createElement(chevron_down.ChevronDown,{size:20,color:"white"}),React__default.default.createElement(paragraph.P,{$color:"white",$fontSize:16,$semiBold:!0},"Tools & Documents")),sx:"flex-direction: column; gap: 8px;"},z.map(e=>React__default.default.createElement(playlistItem.PlaylistItem,{key:e.id,onClick:()=>{window.open(e.src,"_blank")},title:e.name,thumbnail:e.thumbnail||"",shortDescription:e.shortDescription,playable:!0,isFile:!0})))))):e&&c?React__default.default.createElement(misc.TrailerListItem,{title:d,handleSetPlayingTrailer:R,trailer:c}):null)),"vertical"===i&&React__default.default.createElement(box.Box,{$dir:"column",$gap:24,sx:y?"z-index: 3; position:relative;":"height: auto"},React__default.default.createElement(ScalableContainerWrapperVertical,{$showingAll:y},React__default.default.createElement(box.Box,{sx:"padding: 0 1.5rem;",$align:"center"},React__default.default.createElement(tabs.Tabs,{activeIndex:x,onChange:e=>b(e),items:A,size:"medium",sx:"justify-content: flex-start;"}),React__default.default.createElement(misc.ButtonViewAll,{showingAll:y,orientation:i,toggleShowingAll:g})),[React__default.default.createElement(VerticalPlaylistWrapper,{ref:n,$showingAll:y},l.map((t,e)=>React__default.default.createElement(playlistItem.PlaylistItem,{comingSoon:t.comingSoon||!1,nowplaying:v,playlistItemId:t.id,duration:t.duration,key:t.id,ref:e=>{h.current[t.id]=e},onClick:()=>{C(e),E(t.id)},playable:a,progress:t.progress,shortDescription:t.shortDescription,thumbnail:t.thumbnail,title:t.title}))),React__default.default.createElement(VerticalPlaylistWrapper,{$showingAll:y},!!D.length&&React__default.default.createElement(accordion.Accordion,{defaultOpen:0},[0].map(e=>React__default.default.createElement(accordion.Accordion.Item,{key:e,buttonSx:"padding: 0;",trigger:React__default.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:16,marginBottom:24}},React__default.default.createElement(chevron_down.ChevronDown,{size:20,color:"white"}),React__default.default.createElement(paragraph.P,{$color:"white",$fontSize:16,$semiBold:!0},"Leaders")),sx:"flex-direction: column; gap: 8px;"},D.map((t,e)=>React__default.default.createElement(playlistItem.PlaylistItem,{key:t.id,playlistItemId:t.id,onClick:()=>{E(t.id),C(e,!0)},progress:t.progress,duration:t.duration,title:t.name,thumbnail:t.thumbnail||"",shortDescription:t.shortDescription,playable:!0,nowplaying:v,ref:e=>{h.current[t.id]=e}}))))),!!z.length&&React__default.default.createElement(accordion.Accordion,{defaultOpen:0},[0].map(e=>React__default.default.createElement(accordion.Accordion.Item,{key:e,buttonSx:"padding: 0;",trigger:React__default.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:16,marginBottom:24}},React__default.default.createElement(chevron_down.ChevronDown,{size:20,color:"white"}),React__default.default.createElement(paragraph.P,{$color:"white",$fontSize:16,$semiBold:!0},"Tools & Documents")),sx:"flex-direction: column; gap: 8px;"},z.map(e=>React__default.default.createElement(playlistItem.PlaylistItem,{key:e.id,onClick:()=>{window.open(e.src,"_blank")},title:e.name,thumbnail:e.thumbnail||"",shortDescription:e.shortDescription,playable:!0,isFile:!0})))))),!!c&&React__default.default.createElement(box.Box,{$dir:"column",$gap:8,sx:"margin: 0px 24px;"},React__default.default.createElement(misc.TrailerListItem,{title:d,handleSetPlayingTrailer:R,trailer:c}))][x])))):null},Wrapper=styled.styled.div`
|
|
12
12
|
display: flex;
|
|
13
13
|
justify-content: center;
|
|
14
14
|
background-color: var(--color-grey-0);
|