@soul-refiner/design-system 2.14.29 → 2.14.30
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,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),Image=require("next/image"),ReactPlayer=require("react-player"),styled=require("styled-components"),button=require("../../actions/button/button.js"),box=require("../../atoms/box/box.js"),tabs=(require("../../navigation/breadcrumb/breadcrumb.js"),require("../../navigation/inner/inner.js"),require("../../navigation/tabs/tabs.js")),select_item=require("../../../icons/basic/select_item.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),lock_circle=require("../../../icons/security/lock_circle.js"),play_solid=require("../../../icons/audio_video/play_solid.js"),localStorage=require("../../../utils/local-storage.js"),playlistItem=require("./playlist-item.js"),misc=require("./misc.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),ReactPlayer__default=_interopDefaultCompat(ReactPlayer);const RESOLUTION=1280/720,MIN_PIP_HEIGHT=200,MIN_PIP_WIDTH=RESOLUTION*MIN_PIP_HEIGHT,VideoPlayer=({activeIndex:e,pip:t,playable:a,playlist:l,onClickPreview:j,onPipChange:i,onProgress:M,onStart:L,orientation:r,setMediaItem:o,onShowAllPlaylist:n,forwardedRef:d,subtitle:c,title:s,trailer:u,additionalMedia:p,playingResource:g=!1,setPlayingResource:f=()=>{}})=>{const h="undefined"!=typeof window?window:{innerHeight:0,innerWidth:600};var m=h.innerHeight/3,x=RESOLUTION*(h.innerHeight/3),_=React__default.default.useRef(null);const b=d||_,y=React__default.default.useRef({});d=React__default.default.useRef(null);const w=React__default.default.useRef(null),[R,v]=React__default.default.useState(0),[E,N]=React__default.default.useState(!1),[I,P]=React__default.default.useState(!a),[S,$]=React__default.default.useState(l?.[e].id||null),[O,q]=localStorage.useLocalStorage("videoPipHeight",m),[A,B]=localStorage.useLocalStorage("videoPipWidth",x),[V,U]=localStorage.useLocalStorage("video-volume",1),[X,Y]=localStorage.useLocalStorage("videoPipRight",16),[F,G]=localStorage.useLocalStorage("videoPipBottom",16),[k,J]=React__default.default.useState([0,0]),[z,D]=React__default.default.useState([0,0]),T=I?u:(g?p:l)?.[e];React__default.default.useEffect(()=>{const e=()=>{const e=y.current[S];e&&setTimeout(()=>{e.scrollIntoView({behavior:"smooth",block:"center"})},0)};return l?.length&&S&&("undefined"!=typeof window&&window.addEventListener("load",e),e()),()=>{"undefined"!=typeof window&&window.removeEventListener("load",e)}},[l,S]);const C=(e,t=!1)=>{P(!1),t||(f(!1),setTimeout(()=>{o(e)},500)),t&&(o(e),setTimeout(()=>{f(!0)},500))};_=()=>{N(e=>!e),n&&n(!E)};const H=(e,t)=>{var a;!w?.current||(a=w.current.getBoundingClientRect()).x<16||a.y<16||e>=2*h.innerWidth/3||t>=2*h.innerHeight/3||e<MIN_PIP_WIDTH||t<MIN_PIP_HEIGHT||(B(e),q(t))};m=()=>{var e;w?.current&&(e=w.current.getBoundingClientRect(),D([e.width,e.height]))},x=e=>{var t,a,l,i;w?.current&&(t=e.currentTarget.getAttribute("class")?.split(" ")||[],a=window.innerWidth-e.clientX,i=window.innerHeight-e.clientY,e.clientX<0||e.clientY<0||(e.stopPropagation(),e.preventDefault(),t.includes("top")?(e=Math.round(i-k[1]+z[1]),l=Math.round(e*RESOLUTION),H(l,e)):t.includes("bottom")?(l=Math.round(k[1]-i+z[1]),e=Math.round(l*RESOLUTION),H(e,l)):t.includes("left")?(i=Math.round(a-k[0]+z[0]),e=Math.round(i/RESOLUTION),H(i,e)):t.includes("right")&&(l=Math.round(k[0]-a+z[0]),i=Math.round(l/RESOLUTION),H(l,i))))};const W=React.useMemo(()=>{var e=[{label:"All lessons",color:"dark"}];return p?.length&&e.push({label:"Resources",color:"dark"}),e.push({label:"Trailer",color:"dark"}),e},[p]);var e=R===W.length-1,K=p&&0<R&&R<W.length-1;return React__default.default.useEffect(()=>{R>=W.length&&v(0)},[W,R]),T?React__default.default.createElement(Wrapper,{$orientation:r},React__default.default.createElement(InnerWrapper,{$orientation:r,$playable:a||I||g},"vertical"===r&&React__default.default.createElement(box.Box,{className:"pip-trigger-vertical pip-trigger",$dir:"column",$gap:4,sx:"margin: 24px;"},React__default.default.createElement(heading.H,{as:"h2",$bold:!0,$color:"white",$fontSize:28,$lineHeight:36},s),React__default.default.createElement(paragraph.P,{as:"h3",$bold:!0,$color:"grey-8"},c)),t&&React__default.default.createElement(ClosePip,null),React__default.default.createElement(PipWrapper,{$pip:!!t,draggable:t&&0===z[0],onDrag:t?e=>{var t,a,l,i;e.clientX<0||e.clientY<0||(t=window.innerWidth-e.clientX,e=window.innerHeight-e.clientY,a=X+(t-k[0]),l=F+(e-k[1]),w?.current&&(i=w.current.getBoundingClientRect(),a&&16<=a&&a<=h.innerWidth-16-i.width&&Y(a),l)&&16<=l&&l<=h.innerHeight-16-i.height&&G(l),J([t,e]))}:void 0,onMouseDown:e=>{J([window.innerWidth-e.clientX,window.innerHeight-e.clientY])},ref:w,style:t?{bottom:F,height:O,right:X,width:A}:void 0},t&&React__default.default.createElement(button.Button,{className:"close-pip",icon:React__default.default.createElement(select_item.SelectItem,{color:"grey-0"}),onClick:e=>{e.stopPropagation(),i&&i(!1)},size:"large",sx:`
|
|
2
|
+
"use strict";var React=require("react"),Image=require("next/image"),ReactPlayer=require("react-player"),styled=require("styled-components"),button=require("../../actions/button/button.js"),box=require("../../atoms/box/box.js"),tabs=(require("../../navigation/breadcrumb/breadcrumb.js"),require("../../navigation/inner/inner.js"),require("../../navigation/tabs/tabs.js")),select_item=require("../../../icons/basic/select_item.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),lock_circle=require("../../../icons/security/lock_circle.js"),play_solid=require("../../../icons/audio_video/play_solid.js"),localStorage=require("../../../utils/local-storage.js"),playlistItem=require("./playlist-item.js"),misc=require("./misc.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),ReactPlayer__default=_interopDefaultCompat(ReactPlayer);const RESOLUTION=1280/720,MIN_PIP_HEIGHT=200,MIN_PIP_WIDTH=RESOLUTION*MIN_PIP_HEIGHT,VideoPlayer=({activeIndex:e,pip:t,playable:a,playlist:l,onClickPreview:j,onPipChange:i,onProgress:M,onStart:L,orientation:r,setMediaItem:o,onShowAllPlaylist:n,forwardedRef:d,subtitle:c,title:s,trailer:u,additionalMedia:p,playingResource:g=!1,setPlayingResource:f=()=>{}})=>{const h="undefined"!=typeof window?window:{innerHeight:0,innerWidth:600};var m=h.innerHeight/3,x=RESOLUTION*(h.innerHeight/3),_=React__default.default.useRef(null);const b=d||_,y=React__default.default.useRef({});d=React__default.default.useRef(null);const w=React__default.default.useRef(null),[R,v]=React__default.default.useState(g?1:0),[E,N]=React__default.default.useState(!1),[I,P]=React__default.default.useState(!a),[S,$]=React__default.default.useState(l?.[e].id||null),[O,q]=localStorage.useLocalStorage("videoPipHeight",m),[A,B]=localStorage.useLocalStorage("videoPipWidth",x),[V,U]=localStorage.useLocalStorage("video-volume",1),[X,Y]=localStorage.useLocalStorage("videoPipRight",16),[F,G]=localStorage.useLocalStorage("videoPipBottom",16),[k,J]=React__default.default.useState([0,0]),[z,D]=React__default.default.useState([0,0]),T=I?u:(g?p:l)?.[e];React__default.default.useEffect(()=>{const e=()=>{const e=y.current[S];e&&setTimeout(()=>{e.scrollIntoView({behavior:"smooth",block:"center"})},0)};return l?.length&&S&&("undefined"!=typeof window&&window.addEventListener("load",e),e()),()=>{"undefined"!=typeof window&&window.removeEventListener("load",e)}},[l,S]);const C=(e,t=!1)=>{P(!1),t||(f(!1),setTimeout(()=>{o(e)},500)),t&&(o(e),setTimeout(()=>{f(!0)},500))};_=()=>{N(e=>!e),n&&n(!E)};const H=(e,t)=>{var a;!w?.current||(a=w.current.getBoundingClientRect()).x<16||a.y<16||e>=2*h.innerWidth/3||t>=2*h.innerHeight/3||e<MIN_PIP_WIDTH||t<MIN_PIP_HEIGHT||(B(e),q(t))};m=()=>{var e;w?.current&&(e=w.current.getBoundingClientRect(),D([e.width,e.height]))},x=e=>{var t,a,l,i;w?.current&&(t=e.currentTarget.getAttribute("class")?.split(" ")||[],a=window.innerWidth-e.clientX,i=window.innerHeight-e.clientY,e.clientX<0||e.clientY<0||(e.stopPropagation(),e.preventDefault(),t.includes("top")?(e=Math.round(i-k[1]+z[1]),l=Math.round(e*RESOLUTION),H(l,e)):t.includes("bottom")?(l=Math.round(k[1]-i+z[1]),e=Math.round(l*RESOLUTION),H(e,l)):t.includes("left")?(i=Math.round(a-k[0]+z[0]),e=Math.round(i/RESOLUTION),H(i,e)):t.includes("right")&&(l=Math.round(k[0]-a+z[0]),i=Math.round(l/RESOLUTION),H(l,i))))};const W=React.useMemo(()=>{var e=[{label:"All lessons",color:"dark"}];return p?.length&&e.push({label:"Resources",color:"dark"}),e.push({label:"Trailer",color:"dark"}),e},[p]);var e=R===W.length-1,K=p&&0<R&&R<W.length-1;return React__default.default.useEffect(()=>{R>=W.length&&v(0)},[W,R]),T?React__default.default.createElement(Wrapper,{$orientation:r},React__default.default.createElement(InnerWrapper,{$orientation:r,$playable:a||I||g},"vertical"===r&&React__default.default.createElement(box.Box,{className:"pip-trigger-vertical pip-trigger",$dir:"column",$gap:4,sx:"margin: 24px;"},React__default.default.createElement(heading.H,{as:"h2",$bold:!0,$color:"white",$fontSize:28,$lineHeight:36},s),React__default.default.createElement(paragraph.P,{as:"h3",$bold:!0,$color:"grey-8"},c)),t&&React__default.default.createElement(ClosePip,null),React__default.default.createElement(PipWrapper,{$pip:!!t,draggable:t&&0===z[0],onDrag:t?e=>{var t,a,l,i;e.clientX<0||e.clientY<0||(t=window.innerWidth-e.clientX,e=window.innerHeight-e.clientY,a=X+(t-k[0]),l=F+(e-k[1]),w?.current&&(i=w.current.getBoundingClientRect(),a&&16<=a&&a<=h.innerWidth-16-i.width&&Y(a),l)&&16<=l&&l<=h.innerHeight-16-i.height&&G(l),J([t,e]))}:void 0,onMouseDown:e=>{J([window.innerWidth-e.clientX,window.innerHeight-e.clientY])},ref:w,style:t?{bottom:F,height:O,right:X,width:A}:void 0},t&&React__default.default.createElement(button.Button,{className:"close-pip",icon:React__default.default.createElement(select_item.SelectItem,{color:"grey-0"}),onClick:e=>{e.stopPropagation(),i&&i(!1)},size:"large",sx:`
|
|
3
3
|
display: none;
|
|
4
4
|
position: absolute;
|
|
5
5
|
top: 8px;
|