@soul-refiner/design-system 2.14.87 → 2.14.88
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),i=require("react"),o=require("next/image"),t=require("styled-components"),r=require("../../atoms/box/box.js"),n=require("../../atoms/seconds_to_duration/seconds_to_duration.js"),s=require("../../atoms/typography/paragraph.js"),a=require("../../../icons/security/lock.js"),l=require("../../../icons/audio_video/play_solid.js"),c=require("../../../icons/basic/download_arrow.js"),d=require("../../../icons/basic/share_external.js");require("../../feedback/badge/badge.js"),require("../../feedback/banner/banner.js"),require("../../feedback/loader/loader.js"),require("../../feedback/notification/notification.js"),require("../../feedback/progress/progress.js"),require("../../feedback/toast/toast.js");var x=require("../../feedback/tooltip/tooltip.js");require("../../feedback/animated_toast/animated_toast.js"),require("../../feedback/emojiPicker/emoji-picker.js"),require("../../feedback/emojiPicker/emoji-reactions.js"),require("../../feedback/videoLoader/videoLoader.js");var p=require("../../actions/button/button.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../actions/dropdown/dropdown.js"),require("../../actions/rate/rate.js"),require("../../actions/switch/switch.js"),require("../../actions/toggle/toggle.js"),require("../../actions/upload/upload.js"),require("../../actions/AccountSelector/selector.js"),require("../../actions/stepIndicator/stepIndicator.js");var g=h(i),u=h(o);const j=g.default.forwardRef(({comingSoon:i,duration:o,onClick:t,playable:h,progress:g=0,shortDescription:j,thumbnail:v,nowplaying:k,playlistItemId:q,title:I,isFile:z=!1,type:L="VIDEO"},S)=>e.jsxs(y,{ref:S,onClick:h&&!i?t:void 0,$playable:h||"LINK"===L,$playlistItemId:q,$nowplaying:k,$isExternalLink:"LINK"===L,children:[h?e.jsx(l.PlaySolid,{color:"white",size:16,sx:"position: absolute; left: 10px; bottom: 10px;"}):"LINK"===L?e.jsx(d.ShareExternal,{color:"white",size:16,sx:"position: absolute; left: 10px; bottom: 10px;"}):e.jsx(a.Lock,{color:"white",size:16,sx:"position: absolute; left: 10px; bottom: 10px;"}),e.jsxs("div",{style:{position:"relative",overflow:"hidden",height:75,minWidth:133,width:"100%",maxWidth:133,backgroundColor:"white"},className:"imageContainer",children:[e.jsx(u.default,{alt:`thumbnail for ${I}`,height:75,quality:100,src:v,style:{objectFit:"LINK"===L?"
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),i=require("react"),o=require("next/image"),t=require("styled-components"),r=require("../../atoms/box/box.js"),n=require("../../atoms/seconds_to_duration/seconds_to_duration.js"),s=require("../../atoms/typography/paragraph.js"),a=require("../../../icons/security/lock.js"),l=require("../../../icons/audio_video/play_solid.js"),c=require("../../../icons/basic/download_arrow.js"),d=require("../../../icons/basic/share_external.js");require("../../feedback/badge/badge.js"),require("../../feedback/banner/banner.js"),require("../../feedback/loader/loader.js"),require("../../feedback/notification/notification.js"),require("../../feedback/progress/progress.js"),require("../../feedback/toast/toast.js");var x=require("../../feedback/tooltip/tooltip.js");require("../../feedback/animated_toast/animated_toast.js"),require("../../feedback/emojiPicker/emoji-picker.js"),require("../../feedback/emojiPicker/emoji-reactions.js"),require("../../feedback/videoLoader/videoLoader.js");var p=require("../../actions/button/button.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../actions/dropdown/dropdown.js"),require("../../actions/rate/rate.js"),require("../../actions/switch/switch.js"),require("../../actions/toggle/toggle.js"),require("../../actions/upload/upload.js"),require("../../actions/AccountSelector/selector.js"),require("../../actions/stepIndicator/stepIndicator.js");var g=h(i),u=h(o);const j=g.default.forwardRef(({comingSoon:i,duration:o,onClick:t,playable:h,progress:g=0,shortDescription:j,thumbnail:v,nowplaying:k,playlistItemId:q,title:I,isFile:z=!1,type:L="VIDEO"},S)=>e.jsxs(y,{ref:S,onClick:h&&!i?t:void 0,$playable:h||"LINK"===L,$playlistItemId:q,$nowplaying:k,$isExternalLink:"LINK"===L,children:[h?e.jsx(l.PlaySolid,{color:"white",size:16,sx:"position: absolute; left: 10px; bottom: 10px;"}):"LINK"===L?e.jsx(d.ShareExternal,{color:"white",size:16,sx:"position: absolute; left: 10px; bottom: 10px;"}):e.jsx(a.Lock,{color:"white",size:16,sx:"position: absolute; left: 10px; bottom: 10px;"}),e.jsxs("div",{style:{position:"relative",overflow:"hidden",height:75,minWidth:133,width:"100%",maxWidth:133,backgroundColor:"white"},className:"imageContainer",children:[e.jsx(u.default,{alt:`thumbnail for ${I}`,height:75,quality:100,src:v,style:{objectFit:"LINK"===L?"contain":"cover",background:"LINK"===L?"white":"transparent"},width:133}),z&&e.jsx(f,{className:"overlay",children:e.jsx(m,{children:e.jsx(p.Button,{icon:e.jsx(c.DownloadArrow,{color:"grey-4",size:16}),type:"special",sx:"padding-left: 12px;padding-right: 12px; max-height: 32px;",children:e.jsx(s.P,{$color:"grey-4",$fontSize:14,$lineHeight:20,children:"Download"})})})}),"LINK"===L&&e.jsx(b,{className:"overlay",children:e.jsx(w,{children:e.jsx(p.Button,{icon:e.jsx(d.ShareExternal,{color:"grey-4",size:16}),type:"special",sx:"max-height: 32px;",children:e.jsx(s.P,{$color:"grey-4",$fontSize:14,$lineHeight:20,children:"Visit"})})})})]}),g&&o&&!i&&"LINK"!==L?e.jsx($,{progressPercent:g/o}):null,e.jsxs(r.Box,{$dir:"column",$gap:4,sx:"\n margin-left: 16px;\n margin-right: auto;\n flex: 0 1 auto;\n flex-basis: content;\n max-width: 70%;\n ",children:[e.jsx(s.P,{$color:"grey-10",$semiBold:!0,children:I}),e.jsxs(r.Box,{$gap:4,$align:"flex-end",children:[j&&e.jsx(s.P,{$color:"grey-9",$fontSize:14,$lineHeight:20,$textClampLines:2,sx:"max-width: min(500px, 100%);",dangerouslySetInnerHTML:{__html:j}}),j&&j?.length>70&&e.jsx(r.Box,{$justify:"flex-start",sx:"div{ text-align: left !important; z-index: 99; } .opaque { opacity: 1 !important;} margin-right: 16px; ",children:e.jsx(x.Tooltip,{content:j,place:"left",children:e.jsx(s.P,{$fontSize:14,$color:"white",children:"More"})})})]})]}),o&&!i&&"LINK"!==L&&e.jsx(s.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,sx:"flex-shrink: 0;",children:e.jsx(n.SecToDuration,{seconds:o})}),"LINK"===L&&e.jsx(p.Button,{type:"special",sx:"&:hover { background-color: var(--color-grey-2); } svg { color: white; } padding: 6px 12px; max-height: 32px;",icon:e.jsx(d.ShareExternal,{color:"white",size:16}),children:e.jsx(s.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,sx:"flex-shrink: 0;",children:"Visit"})}),"FILE"===L&&e.jsx(p.Button,{type:"special",sx:"&:hover { background-color: var(--color-grey-2); } svg { color: white; } padding: 6px 12px; max-height: 32px;",icon:e.jsx(c.DownloadArrow,{color:"white",size:16}),children:e.jsx(s.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,sx:"flex-shrink: 0;",children:"Download"})}),i&&e.jsx(s.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,sx:"flex-shrink: 0;",children:"Coming soon"})]})),y=t.styled.div`
|
|
2
2
|
width: 100%;
|
|
3
3
|
flex: 0 1 auto;
|
|
4
4
|
padding: 6px;
|