@soul-refiner/design-system 2.14.172 → 2.14.173

package/dist/components/media/video-player/playlist-item.js

@@ -1,7 +1,7 @@
 "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`
   width: 100%;
   flex: 0 1 auto;
-  padding: 6px;
+  padding: 6px 6px 6px 0;
   display: flex;
   align-items: center;
   position: relative;

package/dist/components/media/video-player/video.js

@@ -1,5 +1,5 @@
 "use client";
-"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`
+"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`
   display: flex;
   justify-content: center;
   background-color: var(--color-grey-0);
@@ -94,22 +94,18 @@
   overflow-x: hidden;
   padding-right: 4px;
   &::-webkit-scrollbar-track {
-    box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.15);
-    -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.15);
-    border-radius: 4px;
-    background-color: var(--color-grey-2);
-    margin: 40px 0px 15px 0px;
+    background-color: rgba(96, 96, 96, 0.61);
   }
   &::-webkit-scrollbar {
-    width: 8px;
-    border-radius: 4px;
+    width: 4px;
+    border-radius: 2px;
   }
   &::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    background-color: var(--color-grey-6);
-    opacity: 30%;
+    border-radius: 2px;
+    background-color: #eaebed;
+    opacity: 0.8 !important;
   }
-  ${({$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%;"}
+  ${({$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%;"}
 `,B=n.styled.div`
   display: flex;
   flex-direction: column;
@@ -135,4 +131,4 @@
   }
 
   ${({$showingAll:e})=>e?"height: 100%; overflow-y:auto;":"max-height: 350px;"}
-`;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};
+`;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/package.json

@@ -1,130 +1,130 @@
-{
-  "name": "@soul-refiner/design-system",
-  "version": "2.14.172",
-  "main": "dist/index.js",
-  "types": "dist/src/index.d.ts",
-  "license": "MIT",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org"
-  },
-  "include": [
-    "/dist"
-  ],
-  "files": [
-    "dist/**/*"
-  ],
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/src/index.d.ts",
-        "default": "./dist/index.js"
-      }
-    }
-  },
-  "devDependencies": {
-    "@rollup/plugin-commonjs": "^28.0.1",
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.4",
-    "@storybook/addon-docs": "~9.1.17",
-    "@storybook/addon-links": "^9.1.17",
-    "@storybook/addon-themes": "~9.1.17",
-    "@storybook/addons": "^7.6.7",
-    "@storybook/nextjs": "~9.1.17",
-    "@storybook/testing-library": "~0.2.0",
-    "@types/react": "^18.2.48",
-    "@types/react-dom": "18.2.0",
-    "@types/react-show-more-text": "^1.4.5",
-    "@types/react-window": "^1.8.8",
-    "@types/styled-components": "~5.1.26",
-    "chromatic": "~6.17.4",
-    "husky": "~8.0.0",
-    "prettier": "~2.8.8",
-    "pretty-quick": "~3.1.3",
-    "prop-types": "~15.8.1",
-    "rollup": "^4.12.0",
-    "rollup-plugin-node-externals": "^7.0.1",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "rollup-plugin-typescript2": "^0.36.0",
-    "storybook": "~9.1.17",
-    "tailwindcss": "^3.4.1",
-    "tsc-alias": "^1.8.8",
-    "tsconfig-paths-webpack-plugin": "~4.0.1",
-    "tslib": "^2.6.2",
-    "typescript": "5.4",
-    "webpack": "~5.94.0"
-  },
-  "scripts": {
-    "build": "yarn rollup --config",
-    "build:refinery": "rollup --config",
-    "build:watch": "rollup --config --watch",
-    "build:tailwind": "npx tailwindcss -i ./src/styles/globals.css -o ./dist/styles/output.css",
-    "format": "prettier --write .",
-    "storybook": "yarn build:tailwind && storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "prepare": "husky install"
-  },
-  "dependencies": {
-    "@emoji-mart/data": "^1.2.1",
-    "@emoji-mart/react": "^1.1.1",
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.0",
-    "@mui/material": "^5.15.13",
-    "@mui/x-date-pickers": "^6.19.6",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-tooltip": "^1.0.7",
-    "@udecode/cn": "~29.0.1",
-    "@udecode/plate": "^36.5.9",
-    "@udecode/plate-alignment": "^36.0.0",
-    "@udecode/plate-common": "^36.0.0",
-    "@udecode/plate-indent": "^36.0.0",
-    "@udecode/plate-link": "^36.0.0",
-    "@udecode/plate-media": "^36.0.0",
-    "@udecode/plate-resizable": "^36.0.0",
-    "@udecode/plate-table": "^36.0.0",
-    "@udecode/react-utils": "^29.0.1",
-    "class-variance-authority": "~0.7.0",
-    "date-fns": "^3.4.0",
-    "embla-carousel-react": "^8.6.0",
-    "emoji-mart": "~5.5.2",
-    "lucide-react": "~0.307.0",
-    "next": "15.5.9",
-    "react": "~18.2.0",
-    "react-dnd": "~16.0.1",
-    "react-dnd-html5-backend": "~16.0.1",
-    "react-dom": "~18.2.0",
-    "react-h5-audio-player": "~3.9.1",
-    "react-is": "~18.2.0",
-    "react-player": "~2.13.0",
-    "react-show-more-text": "^1.7.1",
-    "react-tooltip": "~5.18.0",
-    "react-window": "^1.8.11",
-    "scheduler": "~0.23.0",
-    "slate": "~0.101.5",
-    "slate-history": "~0.100.0",
-    "slate-hyperscript": "~0.100.0",
-    "slate-react": "~0.101.5",
-    "styled-components": "6.1.8",
-    "tailwind-merge": "~2.2.0",
-    "tailwindcss-animate": "~1.0.7"
-  },
-  "peerDependencies": {
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
-    "react-h5-audio-player": "~3.9.1",
-    "react-player": "~2.13.0",
-    "styled-components": "6.1.8"
-  },
-  "resolutions": {
-    "cross-spawn": "^7.0.5",
-    "js-yaml": "^4.1.1",
-    "glob": "^10.5.0",
-    "qs": "^6.14.1",
-    "validator": "^13.15.22",
-    "diff": "^8.0.3"
-  }
-}
+{
+  "name": "@soul-refiner/design-system",
+  "version": "2.14.173",
+  "main": "dist/index.js",
+  "types": "dist/src/index.d.ts",
+  "license": "MIT",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org"
+  },
+  "include": [
+    "/dist"
+  ],
+  "files": [
+    "dist/**/*"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/src/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^28.0.1",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.4",
+    "@storybook/addon-docs": "~9.1.17",
+    "@storybook/addon-links": "^9.1.17",
+    "@storybook/addon-themes": "~9.1.17",
+    "@storybook/addons": "^7.6.7",
+    "@storybook/nextjs": "~9.1.17",
+    "@storybook/testing-library": "~0.2.0",
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "18.2.0",
+    "@types/react-show-more-text": "^1.4.5",
+    "@types/react-window": "^1.8.8",
+    "@types/styled-components": "~5.1.26",
+    "chromatic": "~6.17.4",
+    "husky": "~8.0.0",
+    "prettier": "~2.8.8",
+    "pretty-quick": "~3.1.3",
+    "prop-types": "~15.8.1",
+    "rollup": "^4.12.0",
+    "rollup-plugin-node-externals": "^7.0.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "storybook": "~9.1.17",
+    "tailwindcss": "^3.4.1",
+    "tsc-alias": "^1.8.8",
+    "tsconfig-paths-webpack-plugin": "~4.0.1",
+    "tslib": "^2.6.2",
+    "typescript": "5.4",
+    "webpack": "~5.94.0"
+  },
+  "scripts": {
+    "build": "yarn rollup --config",
+    "build:refinery": "rollup --config",
+    "build:watch": "rollup --config --watch",
+    "build:tailwind": "npx tailwindcss -i ./src/styles/globals.css -o ./dist/styles/output.css",
+    "format": "prettier --write .",
+    "storybook": "yarn build:tailwind && storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "prepare": "husky install"
+  },
+  "dependencies": {
+    "@emoji-mart/data": "^1.2.1",
+    "@emoji-mart/react": "^1.1.1",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.0",
+    "@mui/material": "^5.15.13",
+    "@mui/x-date-pickers": "^6.19.6",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "@udecode/cn": "~29.0.1",
+    "@udecode/plate": "^36.5.9",
+    "@udecode/plate-alignment": "^36.0.0",
+    "@udecode/plate-common": "^36.0.0",
+    "@udecode/plate-indent": "^36.0.0",
+    "@udecode/plate-link": "^36.0.0",
+    "@udecode/plate-media": "^36.0.0",
+    "@udecode/plate-resizable": "^36.0.0",
+    "@udecode/plate-table": "^36.0.0",
+    "@udecode/react-utils": "^29.0.1",
+    "class-variance-authority": "~0.7.0",
+    "date-fns": "^3.4.0",
+    "embla-carousel-react": "^8.6.0",
+    "emoji-mart": "~5.5.2",
+    "lucide-react": "~0.307.0",
+    "next": "15.5.9",
+    "react": "~18.2.0",
+    "react-dnd": "~16.0.1",
+    "react-dnd-html5-backend": "~16.0.1",
+    "react-dom": "~18.2.0",
+    "react-h5-audio-player": "~3.9.1",
+    "react-is": "~18.2.0",
+    "react-player": "~2.13.0",
+    "react-show-more-text": "^1.7.1",
+    "react-tooltip": "~5.18.0",
+    "react-window": "^1.8.11",
+    "scheduler": "~0.23.0",
+    "slate": "~0.101.5",
+    "slate-history": "~0.100.0",
+    "slate-hyperscript": "~0.100.0",
+    "slate-react": "~0.101.5",
+    "styled-components": "6.1.8",
+    "tailwind-merge": "~2.2.0",
+    "tailwindcss-animate": "~1.0.7"
+  },
+  "peerDependencies": {
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
+    "react-h5-audio-player": "~3.9.1",
+    "react-player": "~2.13.0",
+    "styled-components": "6.1.8"
+  },
+  "resolutions": {
+    "cross-spawn": "^7.0.5",
+    "js-yaml": "^4.1.1",
+    "glob": "^10.5.0",
+    "qs": "^6.14.1",
+    "validator": "^13.15.22",
+    "diff": "^8.0.3"
+  }
+}