@soul-refiner/design-system 2.14.172 → 2.14.174

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.
Files changed (4) hide show
  1. package/dist/components/media/video-player/playlist-item.js +21 -10
  2. package/dist/components/media/video-player/video.js +17 -24
  3. package/dist/src/components/media/video-player/playlist-item.d.ts.map +1 -1
  4. package/package.json +130 -130
package/dist/components/media/video-player/playlist-item.js CHANGED
@@ -1,9 +1,9 @@
1
- "use strict";var e=require("react/jsx-runtime"),i=require("react"),o=require("next/image"),t=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 p=d(i),x=d(o);const h=p.default.forwardRef(({comingSoon:i,duration:o,onClick:t,playable:d,progress:p=0,shortDescription:h,thumbnail:w="/images/default_card_image.png",nowplaying:$,playlistItemId:v,title:I="Episode",isFile:k=!1,type:L="VIDEO"},z)=>e.jsxs(g,{ref:z,onClick:d&&!i?t:void 0,$playable:d||"LINK"===L,$playlistItemId:v,$nowplaying:$,$isExternalLink:"LINK"===L,children:[d?e.jsx(s.PlaySolid,{color:"white",size:16,sx:"position: absolute; left: 10px; bottom: 10px;"}):"LINK"===L?e.jsx(c.ShareExternal,{color:"white",size:16,sx:"position: absolute; left: 10px; bottom: 10px;"}):e.jsx(n.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(x.default,{alt:`thumbnail for ${I}`,height:75,quality:100,src:w,style:{objectFit:"LINK"===L?"contain":"cover",background:"LINK"===L?"white":"transparent"},width:133}),k&&e.jsx(y,{className:"overlay",children:e.jsx(f,{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"===L&&e.jsx(u,{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"})})})})]}),p&&o&&!i&&"LINK"!==L?e.jsx(j,{progressPercent:p/o}):null,e.jsxs(b,{children:[e.jsx(l.P,{$color:"grey-10",$semiBold:!0,sx:"white-space: nowrap; overflow: hidden; text-overflow: ellipsis;",children:I}),o&&!i&&"LINK"!==L&&"FILE"!==L&&e.jsx(l.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,children:e.jsx(r.SecToDuration,{seconds:o})}),"LINK"===L&&e.jsx(l.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,children:"Visit"}),"FILE"===L&&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"})]})]})),g=t.styled.div`
1
+ "use strict";var e=require("react/jsx-runtime"),i=require("react"),o=require("next/image"),t=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(o);const h=g.default.forwardRef(({comingSoon:i,duration:o,onClick:t,playable:d,progress:g=0,shortDescription:h,thumbnail:w="/images/default_card_image.png",nowplaying:I,playlistItemId:k,title:z="Episode",isFile:L=!1,type:N="VIDEO"},S)=>e.jsxs(x,{ref:S,onClick:d&&!i?t:void 0,$playable:d||"LINK"===N,$playlistItemId:k,$nowplaying:I,$isExternalLink:"LINK"===N,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:w,style:{objectFit:"LINK"===N?"contain":"cover",background:"LINK"===N?"white":"transparent"},width:133}),e.jsxs(b,{children:[e.jsx($,{children:d?e.jsx(s.PlaySolid,{color:"white",size:16}):"LINK"===N?e.jsx(c.ShareExternal,{color:"white",size:16}):e.jsx(n.Lock,{color:"white",size:16})}),g&&o&&!i&&"LINK"!==N?e.jsx(m,{progressPercent:g/o}):null]}),L&&e.jsx(y,{className:"overlay",children:e.jsx(f,{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"===N&&e.jsx(u,{className:"overlay",children:e.jsx(j,{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(v,{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}),o&&!i&&"LINK"!==N&&"FILE"!==N&&e.jsx(l.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,children:e.jsx(r.SecToDuration,{seconds:o})}),"LINK"===N&&e.jsx(l.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,children:"Visit"}),"FILE"===N&&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=t.styled.div`
2
2
  width: 100%;
3
3
  flex: 0 1 auto;
4
- padding: 6px;
4
+ padding: 8px;
5
5
  display: flex;
6
- align-items: center;
6
+ gap: 16px;
7
7
  position: relative;
8
8
  &:hover {
9
9
  ${({$playlistItemId:e,$nowplaying:i})=>e===i?"":"background: var(--color-grey-1);"}
@@ -51,7 +51,7 @@
51
51
  width: 100%;
52
52
  background-color: white;
53
53
  gap: 0px;
54
- `,m=t.styled.div`
54
+ `,j=t.styled.div`
55
55
  display: flex;
56
56
  justify-content: center;
57
57
  align-items: center;
@@ -59,16 +59,27 @@
59
59
  height: 100%;
60
60
  width: 100%;
61
61
  gap: 4px;
62
- `,j=({progressPercent:i})=>e.jsxs(w,{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)"})]}),w=t.styled.svg`
63
- width: 133px;
64
- position: absolute;
65
- bottom: 5px;
66
- left: 5px;
62
+ `,m=({progressPercent:i})=>e.jsxs(w,{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)"})]}),w=t.styled.svg`
63
+ width: 100%;
64
+ display: block;
67
65
  `,b=t.styled.div`
66
+ position: absolute;
67
+ bottom: 0;
68
+ left: 0;
69
+ right: 0;
70
+ display: flex;
71
+ flex-direction: column;
72
+ gap: 4px;
73
+ background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85));
74
+ padding-top: 12px;
75
+ `,$=t.styled.div`
76
+ display: flex;
77
+ align-items: flex-start;
78
+ padding: 0 8px;
79
+ `,v=t.styled.div`
68
80
  display: flex;
69
81
  flex-direction: column;
70
82
  gap: 8px;
71
- margin-left: 16px;
72
83
  flex: 1 0 0;
73
84
  min-width: 0;
74
85
  overflow: hidden;
package/dist/components/media/video-player/video.js CHANGED
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- "use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("next/image"),r=require("react-player"),n=require("styled-components"),o=require("../../actions/button/button.js"),l=require("../../atoms/box/box.js");require("../../navigation/breadcrumb/breadcrumb.js"),require("../../navigation/inner/inner.js");var s=require("../../navigation/tabs/tabs.js");require("../../navigation/tabs/custom-tabs.js");var a=require("../../../icons/basic/select_item.js"),d=require("../../atoms/typography/heading.js"),c=require("../../atoms/typography/paragraph.js"),p=require("../../../icons/security/lock_circle.js"),u=require("../../../icons/audio_video/play_solid.js"),g=require("../../../utils/local-storage.js"),h=require("./playlist-item.js"),x=require("./misc.js"),m=require("../../../icons/arrow/chevron_down.js"),f=require("../../surfaces/accordion/accordion.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=b(i),w=b(t),v=b(r);const j=1280/720,$=200*j,I=n.styled.div`
2
+ "use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("next/image"),r=require("react-player"),n=require("styled-components"),o=require("../../actions/button/button.js"),l=require("../../atoms/box/box.js");require("../../navigation/breadcrumb/breadcrumb.js"),require("../../navigation/inner/inner.js");var s=require("../../navigation/tabs/tabs.js");require("../../navigation/tabs/custom-tabs.js");var a=require("../../../icons/basic/select_item.js"),d=require("../../atoms/typography/heading.js"),c=require("../../atoms/typography/paragraph.js"),p=require("../../../icons/security/lock_circle.js"),u=require("../../../icons/audio_video/play_solid.js"),g=require("../../../utils/local-storage.js"),h=require("./playlist-item.js"),x=require("./misc.js"),m=require("../../../icons/arrow/chevron_down.js"),f=require("../../surfaces/accordion/accordion.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=b(i),w=b(t),j=b(r);const v=1280/720,$=200*v,I=n.styled.div`
3
3
  display: flex;
4
4
  justify-content: center;
5
5
  background-color: var(--color-grey-0);
@@ -60,7 +60,7 @@
60
60
 
61
61
  ${({$playable:e})=>e?"":"\n .player {\n cursor: initial;\n pointer-events: none;\n user-select: none;\n }"}
62
62
 
63
- ${({$orientation:e})=>"vertical"===e?"\n flex-direction: column;\n gap: 24px;\n justify-content: flex-start;":"\n & > div:first-of-type {\n flex: 5;\n aspect-ratio: 1280 / 720;\n }\n & > div:last-of-type {\n flex: 3;\n }"}
63
+ ${({$orientation:e})=>"vertical"===e?"\n flex-direction: column;\n gap: 24px;\n justify-content: flex-start;":"\n & > div:first-of-type {\n flex: 5;\n aspect-ratio: 1280 / 720;\n }\n & > div:last-of-type {\n flex: 3;\n }"}
64
64
  `,P=n.styled.div`
65
65
  position: relative;
66
66
  flex: 1;
@@ -94,22 +94,18 @@
94
94
  overflow-x: hidden;
95
95
  padding-right: 4px;
96
96
  &::-webkit-scrollbar-track {
97
- box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.15);
98
- -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.15);
99
- border-radius: 4px;
100
- background-color: var(--color-grey-2);
101
- margin: 40px 0px 15px 0px;
97
+ background-color: transparent;
98
+ margin: 16px 0;
102
99
  }
103
100
  &::-webkit-scrollbar {
104
- width: 8px;
105
- border-radius: 4px;
101
+ width: 4px;
102
+ border-radius: 32px;
106
103
  }
107
104
  &::-webkit-scrollbar-thumb {
108
- border-radius: 4px;
109
- background-color: var(--color-grey-6);
110
- opacity: 30%;
105
+ border-radius: 32px;
106
+ background-color: rgba(234, 235, 237, 0.3);
111
107
  }
112
- ${({$showingAll:e})=>e?"\n height: 100vh; max-height: calc(100vh - 200px); \n overflow-y: auto;\n flex: 1; \n margin-top: auto;\n margin-bottom: auto;":"height: 100%;"}
108
+ ${({$showingAll:e})=>e?"\n height: 100vh; max-height: calc(100vh - 200px);\n overflow-y: auto;\n flex: 1;\n margin-top: auto;\n margin-bottom: auto;":"height: 100%;"}
113
109
  `,B=n.styled.div`
114
110
  display: flex;
115
111
  flex-direction: column;
@@ -118,21 +114,18 @@
118
114
  margin-right: 24px;
119
115
  overflow-x: hidden;
120
116
  &::-webkit-scrollbar-track {
121
- box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.15);
122
- -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.15);
123
- border-radius: 4px;
124
- background-color: var(--color-grey-2);
125
- margin: 40px 0px 15px 0px;
117
+ background-color: transparent;
118
+ border-radius: 32px;
119
+ margin: 16px 0;
126
120
  }
127
121
  &::-webkit-scrollbar {
128
- width: 8px;
129
- border-radius: 4px;
122
+ width: 4px;
123
+ border-radius: 32px;
130
124
  }
131
125
  &::-webkit-scrollbar-thumb {
132
- border-radius: 4px;
133
- background-color: var(--color-grey-6);
134
- opacity: 30%;
126
+ border-radius: 32px;
127
+ background-color: rgba(234, 235, 237, 0.3);
135
128
  }
136
129
 
137
130
  ${({$showingAll:e})=>e?"height: 100%; overflow-y:auto;":"max-height: 350px;"}
138
- `;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=j*(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,ve]=y.default.useState([0,0]),[je,$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:je?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||je||Be(!0)},[t,n,ne,je]);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();ve([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*j);Oe(i,e)}else if(i.includes("bottom")){const e=Math.round(be[1]-r+we[1]),i=Math.round(e*j);Oe(i,e)}else if(i.includes("left")){const e=Math.round(t-be[0]+we[0]),i=Math.round(e/j);Oe(e,i)}else if(i.includes("right")){const e=Math.round(be[0]-t+we[0]),i=Math.round(e/j);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||je,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(v.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,je?Se[Ie]?.id:void 0),onStart:T,onClickPreview:e=>{(n||ne||je)&&Be(!0),L&&L(e)},onReady:()=>{if(!ne){const e=J?.current?.getCurrentTime();0===e&&(je?0!==Se?.[Ie]?.progress&&J.current.seekTo(Se?.[Ie].progress):0!==Le?.progress&&J.current.seekTo(Le.progress))}},pip:r,playIcon:n||ne||je?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||je||n&&Ce,ref:J,url:Le.src,width:"100%",volume:ue,onVolumeChange:e=>{ge(e.target.volume)}},`${ne}-${je}-${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:()=>ve([0,0]),tabIndex:0}),e.jsx(D,{className:"bottom horizontal",draggable:"false",onDrag:Fe,onMouseDown:_e,onDragEnd:()=>ve([0,0]),tabIndex:0}),e.jsx(D,{className:"right vertical",draggable:"false",onDrag:Fe,onMouseDown:_e,onDragEnd:()=>ve([0,0]),tabIndex:0}),e.jsx(D,{className:"left vertical",draggable:"false",onDrag:Fe,onMouseDown:_e,onDragEnd:()=>ve([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,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};
package/dist/src/components/media/video-player/playlist-item.d.ts.map CHANGED
@@ -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,0FAuIxB,CAAC"}
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,0FAiIxB,CAAC"}
package/package.json CHANGED
@@ -1,130 +1,130 @@
1
- {
2
- "name": "@soul-refiner/design-system",
3
- "version": "2.14.172",
4
- "main": "dist/index.js",
5
- "types": "dist/src/index.d.ts",
6
- "license": "MIT",
7
- "publishConfig": {
8
- "registry": "https://registry.npmjs.org"
9
- },
10
- "include": [
11
- "/dist"
12
- ],
13
- "files": [
14
- "dist/**/*"
15
- ],
16
- "exports": {
17
- ".": {
18
- "import": {
19
- "types": "./dist/src/index.d.ts",
20
- "default": "./dist/index.js"
21
- }
22
- }
23
- },
24
- "devDependencies": {
25
- "@rollup/plugin-commonjs": "^28.0.1",
26
- "@rollup/plugin-json": "^6.1.0",
27
- "@rollup/plugin-terser": "^0.4.4",
28
- "@rollup/plugin-typescript": "^12.1.4",
29
- "@storybook/addon-docs": "~9.1.17",
30
- "@storybook/addon-links": "^9.1.17",
31
- "@storybook/addon-themes": "~9.1.17",
32
- "@storybook/addons": "^7.6.7",
33
- "@storybook/nextjs": "~9.1.17",
34
- "@storybook/testing-library": "~0.2.0",
35
- "@types/react": "^18.2.48",
36
- "@types/react-dom": "18.2.0",
37
- "@types/react-show-more-text": "^1.4.5",
38
- "@types/react-window": "^1.8.8",
39
- "@types/styled-components": "~5.1.26",
40
- "chromatic": "~6.17.4",
41
- "husky": "~8.0.0",
42
- "prettier": "~2.8.8",
43
- "pretty-quick": "~3.1.3",
44
- "prop-types": "~15.8.1",
45
- "rollup": "^4.12.0",
46
- "rollup-plugin-node-externals": "^7.0.1",
47
- "rollup-plugin-postcss": "^4.0.2",
48
- "rollup-plugin-preserve-directives": "^0.4.0",
49
- "rollup-plugin-typescript2": "^0.36.0",
50
- "storybook": "~9.1.17",
51
- "tailwindcss": "^3.4.1",
52
- "tsc-alias": "^1.8.8",
53
- "tsconfig-paths-webpack-plugin": "~4.0.1",
54
- "tslib": "^2.6.2",
55
- "typescript": "5.4",
56
- "webpack": "~5.94.0"
57
- },
58
- "scripts": {
59
- "build": "yarn rollup --config",
60
- "build:refinery": "rollup --config",
61
- "build:watch": "rollup --config --watch",
62
- "build:tailwind": "npx tailwindcss -i ./src/styles/globals.css -o ./dist/styles/output.css",
63
- "format": "prettier --write .",
64
- "storybook": "yarn build:tailwind && storybook dev -p 6006",
65
- "build-storybook": "storybook build",
66
- "prepare": "husky install"
67
- },
68
- "dependencies": {
69
- "@emoji-mart/data": "^1.2.1",
70
- "@emoji-mart/react": "^1.1.1",
71
- "@emotion/react": "^11.11.4",
72
- "@emotion/styled": "^11.11.0",
73
- "@mui/material": "^5.15.13",
74
- "@mui/x-date-pickers": "^6.19.6",
75
- "@radix-ui/react-dropdown-menu": "^2.0.6",
76
- "@radix-ui/react-popover": "^1.0.7",
77
- "@radix-ui/react-separator": "^1.0.3",
78
- "@radix-ui/react-slot": "^1.0.2",
79
- "@radix-ui/react-tooltip": "^1.0.7",
80
- "@udecode/cn": "~29.0.1",
81
- "@udecode/plate": "^36.5.9",
82
- "@udecode/plate-alignment": "^36.0.0",
83
- "@udecode/plate-common": "^36.0.0",
84
- "@udecode/plate-indent": "^36.0.0",
85
- "@udecode/plate-link": "^36.0.0",
86
- "@udecode/plate-media": "^36.0.0",
87
- "@udecode/plate-resizable": "^36.0.0",
88
- "@udecode/plate-table": "^36.0.0",
89
- "@udecode/react-utils": "^29.0.1",
90
- "class-variance-authority": "~0.7.0",
91
- "date-fns": "^3.4.0",
92
- "embla-carousel-react": "^8.6.0",
93
- "emoji-mart": "~5.5.2",
94
- "lucide-react": "~0.307.0",
95
- "next": "15.5.9",
96
- "react": "~18.2.0",
97
- "react-dnd": "~16.0.1",
98
- "react-dnd-html5-backend": "~16.0.1",
99
- "react-dom": "~18.2.0",
100
- "react-h5-audio-player": "~3.9.1",
101
- "react-is": "~18.2.0",
102
- "react-player": "~2.13.0",
103
- "react-show-more-text": "^1.7.1",
104
- "react-tooltip": "~5.18.0",
105
- "react-window": "^1.8.11",
106
- "scheduler": "~0.23.0",
107
- "slate": "~0.101.5",
108
- "slate-history": "~0.100.0",
109
- "slate-hyperscript": "~0.100.0",
110
- "slate-react": "~0.101.5",
111
- "styled-components": "6.1.8",
112
- "tailwind-merge": "~2.2.0",
113
- "tailwindcss-animate": "~1.0.7"
114
- },
115
- "peerDependencies": {
116
- "react": "~18.2.0",
117
- "react-dom": "~18.2.0",
118
- "react-h5-audio-player": "~3.9.1",
119
- "react-player": "~2.13.0",
120
- "styled-components": "6.1.8"
121
- },
122
- "resolutions": {
123
- "cross-spawn": "^7.0.5",
124
- "js-yaml": "^4.1.1",
125
- "glob": "^10.5.0",
126
- "qs": "^6.14.1",
127
- "validator": "^13.15.22",
128
- "diff": "^8.0.3"
129
- }
130
- }
1
+ {
2
+ "name": "@soul-refiner/design-system",
3
+ "version": "2.14.174",
4
+ "main": "dist/index.js",
5
+ "types": "dist/src/index.d.ts",
6
+ "license": "MIT",
7
+ "publishConfig": {
8
+ "registry": "https://registry.npmjs.org"
9
+ },
10
+ "include": [
11
+ "/dist"
12
+ ],
13
+ "files": [
14
+ "dist/**/*"
15
+ ],
16
+ "exports": {
17
+ ".": {
18
+ "import": {
19
+ "types": "./dist/src/index.d.ts",
20
+ "default": "./dist/index.js"
21
+ }
22
+ }
23
+ },
24
+ "devDependencies": {
25
+ "@rollup/plugin-commonjs": "^28.0.1",
26
+ "@rollup/plugin-json": "^6.1.0",
27
+ "@rollup/plugin-terser": "^0.4.4",
28
+ "@rollup/plugin-typescript": "^12.1.4",
29
+ "@storybook/addon-docs": "~9.1.17",
30
+ "@storybook/addon-links": "^9.1.17",
31
+ "@storybook/addon-themes": "~9.1.17",
32
+ "@storybook/addons": "^7.6.7",
33
+ "@storybook/nextjs": "~9.1.17",
34
+ "@storybook/testing-library": "~0.2.0",
35
+ "@types/react": "^18.2.48",
36
+ "@types/react-dom": "18.2.0",
37
+ "@types/react-show-more-text": "^1.4.5",
38
+ "@types/react-window": "^1.8.8",
39
+ "@types/styled-components": "~5.1.26",
40
+ "chromatic": "~6.17.4",
41
+ "husky": "~8.0.0",
42
+ "prettier": "~2.8.8",
43
+ "pretty-quick": "~3.1.3",
44
+ "prop-types": "~15.8.1",
45
+ "rollup": "^4.12.0",
46
+ "rollup-plugin-node-externals": "^7.0.1",
47
+ "rollup-plugin-postcss": "^4.0.2",
48
+ "rollup-plugin-preserve-directives": "^0.4.0",
49
+ "rollup-plugin-typescript2": "^0.36.0",
50
+ "storybook": "~9.1.17",
51
+ "tailwindcss": "^3.4.1",
52
+ "tsc-alias": "^1.8.8",
53
+ "tsconfig-paths-webpack-plugin": "~4.0.1",
54
+ "tslib": "^2.6.2",
55
+ "typescript": "5.4",
56
+ "webpack": "~5.94.0"
57
+ },
58
+ "scripts": {
59
+ "build": "yarn rollup --config",
60
+ "build:refinery": "rollup --config",
61
+ "build:watch": "rollup --config --watch",
62
+ "build:tailwind": "npx tailwindcss -i ./src/styles/globals.css -o ./dist/styles/output.css",
63
+ "format": "prettier --write .",
64
+ "storybook": "yarn build:tailwind && storybook dev -p 6006",
65
+ "build-storybook": "storybook build",
66
+ "prepare": "husky install"
67
+ },
68
+ "dependencies": {
69
+ "@emoji-mart/data": "^1.2.1",
70
+ "@emoji-mart/react": "^1.1.1",
71
+ "@emotion/react": "^11.11.4",
72
+ "@emotion/styled": "^11.11.0",
73
+ "@mui/material": "^5.15.13",
74
+ "@mui/x-date-pickers": "^6.19.6",
75
+ "@radix-ui/react-dropdown-menu": "^2.0.6",
76
+ "@radix-ui/react-popover": "^1.0.7",
77
+ "@radix-ui/react-separator": "^1.0.3",
78
+ "@radix-ui/react-slot": "^1.0.2",
79
+ "@radix-ui/react-tooltip": "^1.0.7",
80
+ "@udecode/cn": "~29.0.1",
81
+ "@udecode/plate": "^36.5.9",
82
+ "@udecode/plate-alignment": "^36.0.0",
83
+ "@udecode/plate-common": "^36.0.0",
84
+ "@udecode/plate-indent": "^36.0.0",
85
+ "@udecode/plate-link": "^36.0.0",
86
+ "@udecode/plate-media": "^36.0.0",
87
+ "@udecode/plate-resizable": "^36.0.0",
88
+ "@udecode/plate-table": "^36.0.0",
89
+ "@udecode/react-utils": "^29.0.1",
90
+ "class-variance-authority": "~0.7.0",
91
+ "date-fns": "^3.4.0",
92
+ "embla-carousel-react": "^8.6.0",
93
+ "emoji-mart": "~5.5.2",
94
+ "lucide-react": "~0.307.0",
95
+ "next": "15.5.9",
96
+ "react": "~18.2.0",
97
+ "react-dnd": "~16.0.1",
98
+ "react-dnd-html5-backend": "~16.0.1",
99
+ "react-dom": "~18.2.0",
100
+ "react-h5-audio-player": "~3.9.1",
101
+ "react-is": "~18.2.0",
102
+ "react-player": "~2.13.0",
103
+ "react-show-more-text": "^1.7.1",
104
+ "react-tooltip": "~5.18.0",
105
+ "react-window": "^1.8.11",
106
+ "scheduler": "~0.23.0",
107
+ "slate": "~0.101.5",
108
+ "slate-history": "~0.100.0",
109
+ "slate-hyperscript": "~0.100.0",
110
+ "slate-react": "~0.101.5",
111
+ "styled-components": "6.1.8",
112
+ "tailwind-merge": "~2.2.0",
113
+ "tailwindcss-animate": "~1.0.7"
114
+ },
115
+ "peerDependencies": {
116
+ "react": "~18.2.0",
117
+ "react-dom": "~18.2.0",
118
+ "react-h5-audio-player": "~3.9.1",
119
+ "react-player": "~2.13.0",
120
+ "styled-components": "6.1.8"
121
+ },
122
+ "resolutions": {
123
+ "cross-spawn": "^7.0.5",
124
+ "js-yaml": "^4.1.1",
125
+ "glob": "^10.5.0",
126
+ "qs": "^6.14.1",
127
+ "validator": "^13.15.22",
128
+ "diff": "^8.0.3"
129
+ }
130
+ }