@soul-refiner/design-system 2.14.161 → 2.14.163
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.
- package/dist/components/editor/plugins/highlights/floating-highlight-toolbar.js +4 -4
- package/dist/components/editor/plugins/highlights/highlight-leaf.js +2 -13
- package/dist/components/editor/plugins/highlights/types.js +1 -1
- package/dist/components/media/video/video.js +1 -1
- package/dist/components/media/video-player/video.js +10 -10
- package/dist/src/components/editor/plugins/highlights/highlight-leaf.d.ts.map +1 -1
- package/dist/src/components/editor/plugins/highlights/types.d.ts +9 -6
- package/dist/src/components/editor/plugins/highlights/types.d.ts.map +1 -1
- package/dist/src/components/media/common.d.ts +0 -1
- package/dist/src/components/media/common.d.ts.map +1 -1
- package/dist/src/components/media/video/video.d.ts.map +1 -1
- package/dist/src/components/media/video-player/video.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/components/media/common.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),o=require("react-dom"),n=require("styled-components"),i=require("@udecode/plate-common"),r=require("slate-react"),l=require("../../../feedback/tooltip/tooltip.js"),d=require("./types.js"),a=require("./use-highlights.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(t);const u="#4A4F55",h="#eaebed",g=({color:t})=>e.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M22.7448 12.0754L14.2002 3.6561C14.1825 3.63831 14.1615 3.6242 14.1383 3.61457C14.1151 3.60493 14.0903 3.59998 14.0652 3.59998C14.0401 3.59998 14.0152 3.60493 13.9921 3.61457C13.9689 3.6242 13.9479 3.63831 13.9302 3.6561L8.17507 9.3268C8.13886 9.36273 8.11829 9.41151 8.11783 9.46253C8.11738 9.51354 8.13709 9.56268 8.17266 9.59925L8.17507 9.60166L9.13948 10.5516L6.31377 13.3315C6.27755 13.3674 6.25698 13.4162 6.25653 13.4672C6.25608 13.5182 6.27578 13.5674 6.31136 13.6039L6.31377 13.6063L7.26612 14.5442L2.7069 19.0528H1.3953C1.28922 19.0528 1.20001 19.1396 1.20001 19.2457V20.5766C1.20001 20.6827 1.28681 20.7695 1.39289 20.7695H9.70848C9.75911 20.7695 9.80733 20.7502 9.8435 20.714L11.6783 18.8913L12.6523 19.8509C12.67 19.8687 12.6911 19.8828 12.7142 19.8924C12.7374 19.902 12.7623 19.907 12.7873 19.907C12.8124 19.907 12.8373 19.902 12.8605 19.8924C12.8836 19.8828 12.9047 19.8687 12.9224 19.8509L15.7457 17.0637L16.7125 18.0161C16.7302 18.0339 16.7512 18.048 16.7744 18.0576C16.7976 18.0673 16.8224 18.0722 16.8475 18.0722C16.8726 18.0722 16.8974 18.0673 16.9206 18.0576C16.9438 18.048 16.9648 18.0339 16.9825 18.0161L22.7376 12.3454C22.8196 12.2731 22.8196 12.1525 22.7448 12.0754ZM9.05509 19.0384H5.19265L8.43305 15.8317L10.3643 17.734L9.05509 19.0384ZM12.7873 17.5411L8.65487 13.4689L10.3088 11.8391L14.4413 15.9113L12.7873 17.5411ZM16.8499 15.7063L10.5138 9.46423L14.0652 5.96585L20.4013 12.2104L16.8499 15.7063Z",fill:t,stroke:u,strokeWidth:"0.5",paintOrder:"stroke fill"})}),p=()=>e.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z",fill:u})}),f=()=>e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.0588 2H4C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H15.5039C16.6084 22 17.5039 21.1046 17.5039 20V14.7273H15.5039V20H7.44531V4H14.0588V2ZM5.44531 4V20H4L4 4H5.44531Z",fill:u}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.3118 6.73896L12.0089 16.5571H8.20703V12.5444L17.5099 2.7262C17.8898 2.32531 18.5056 2.32532 18.8855 2.72622L21.3118 5.2871C21.6917 5.68802 21.6917 6.33805 21.3118 6.73896ZM10.207 13.3414L18.1977 4.90819L19.2444 6.013L11.1487 14.5571H10.207V13.3414Z",fill:u})]}),m=n.styled.div`
|
|
2
2
|
position: absolute;
|
|
3
3
|
transform: translateX(-50%);
|
|
4
4
|
z-index: 9999;
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
border-radius: 8px;
|
|
11
11
|
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
|
|
12
12
|
pointer-events: auto;
|
|
13
|
-
`,L=
|
|
13
|
+
`,L=n.styled.button`
|
|
14
14
|
display: inline-flex;
|
|
15
15
|
align-items: center;
|
|
16
16
|
justify-content: center;
|
|
@@ -31,8 +31,8 @@
|
|
|
31
31
|
outline: 2px solid var(--color-primary-blue-2, ${"#0076d9"});
|
|
32
32
|
outline-offset: 1px;
|
|
33
33
|
}
|
|
34
|
-
`,v=
|
|
34
|
+
`,v=n.styled.div`
|
|
35
35
|
width: 1px;
|
|
36
36
|
height: 20px;
|
|
37
37
|
background: var(--color-grey-8, ${"#e5e7eb"});
|
|
38
|
-
`;exports.FloatingHighlightToolbar=({highlights:t,onHighlight:
|
|
38
|
+
`;exports.FloatingHighlightToolbar=({highlights:t,onHighlight:n,onChangeColor:s,onRemoveHighlight:u,onOpenNotes:h})=>{const x=i.useEditorRef(),[C,w]=c.default.useState(null),[b,y]=c.default.useState(!1),j=c.default.useRef(null),E=c.default.useRef(null),R=c.default.useRef(null);if(c.default.useEffect(()=>y(!0),[]),c.default.useEffect(()=>{const e=()=>{const e=window.getSelection();if(!e||e.isCollapsed||!e.rangeCount)return void w(e=>"add"===e?.mode?null:e);let t=null;try{t=r.ReactEditor.toDOMNode(x,x)}catch{return}const o=e.getRangeAt(0);if(!t.contains(o.commonAncestorContainer))return;const n=o.getBoundingClientRect();if(0===n.width)return;let i=null;try{i=r.ReactEditor.toSlateRange(x,e,{exactMatch:!1,suppressThrow:!0})}catch{return}i&&w({mode:"add",range:i,position:{top:n.top+window.scrollY-48,left:n.left+window.scrollX+n.width/2}})};return document.addEventListener("selectionchange",e),()=>{document.removeEventListener("selectionchange",e)}},[x]),c.default.useEffect(()=>{const e=e=>{const t=e.target;if(!t)return;if(j.current?.contains(t))return;const o=t.closest("[data-highlight-id]");if(!o)return;let n=null;try{n=r.ReactEditor.toDOMNode(x,x)}catch{return}if(!n.contains(o))return;const i=window.getSelection();if(i&&!i.isCollapsed)return;const l=o.getAttribute("data-highlight-id");if(!l)return;const d=o.getBoundingClientRect();R.current=document.activeElement??null,w({mode:"edit",highlightId:l,position:{top:d.top+window.scrollY-48,left:d.left+window.scrollX+d.width/2}})};return document.addEventListener("click",e),()=>document.removeEventListener("click",e)},[x]),c.default.useEffect(()=>{if("edit"===C?.mode){const e=window.requestAnimationFrame(()=>{E.current?.focus()});return()=>window.cancelAnimationFrame(e)}!C&&R.current&&(R.current.focus(),R.current=null)},[C]),c.default.useEffect(()=>{if(!C)return;const e=e=>{"Escape"===e.key&&(w(null),"add"===C.mode&&window.getSelection()?.removeAllRanges())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[C]),c.default.useEffect(()=>{if(!C)return;const e=e=>{if(j.current?.contains(e.target))return;const t=e.target?.closest?.("[data-highlight-id]");"edit"===C.mode&&t?.getAttribute("data-highlight-id")===C.highlightId||w(null)},t=setTimeout(()=>{document.addEventListener("mousedown",e)},100);return()=>{clearTimeout(t),document.removeEventListener("mousedown",e)}},[C]),!b||!C)return null;const H="edit"===C.mode?t.find(e=>e.id===C.highlightId)?.color.toUpperCase():null;return o.createPortal(e.jsxs(m,{ref:j,role:"toolbar","aria-label":"Highlight options",style:{top:C.position.top,left:C.position.left},children:[d.HIGHLIGHT_COLORS.map((t,o)=>{const i=H===t.value.toUpperCase();return e.jsx(L,{ref:0===o?E:void 0,type:"button","aria-label":`Highlight ${t.label.toLowerCase()}`,"aria-pressed":i,$active:i,onClick:e=>{var o;e.preventDefault(),e.stopPropagation(),o=t.value,"add"===C.mode?n(o,C.range):"edit"===C.mode&&s&&s(C.highlightId,o),w(null)},children:e.jsx(g,{color:t.iconColor})},t.value)}),e.jsx(l.Tooltip,{content:"edit"===C.mode?"Remove highlight":"Dismiss",place:"top",children:e.jsx(L,{type:"button","aria-label":"edit"===C.mode?"Remove highlight":"Dismiss",onClick:e=>{e.preventDefault(),e.stopPropagation(),"edit"===C.mode&&u?u(C.highlightId):window.getSelection()?.removeAllRanges(),w(null)},children:e.jsx(p,{})})}),h&&e.jsxs(e.Fragment,{children:[e.jsx(v,{}),e.jsx(l.Tooltip,{content:"Add to note",place:"top",children:e.jsx(L,{type:"button","aria-label":"Add to note",onClick:e=>{if(e.preventDefault(),e.stopPropagation(),"add"===C.mode){let e="";try{e=a.extractSnippetFromRange(x,C.range)}catch(e){"production"!==process.env.NODE_ENV&&console.warn("[FloatingHighlightToolbar] failed to extract snippet from range",e)}h({mode:"add",snippetText:e})}else{const e=t.find(e=>e.id===C.highlightId);h({mode:"edit",snippetText:e?.snippetText??"",highlightId:C.highlightId})}w(null)},children:e.jsx(f,{})})})]})]}),document.body)};
|
|
@@ -1,21 +1,10 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@udecode/plate-common"),i=require("styled-components"),o=require("./types.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=l(r).default.forwardRef(({children:r,leaf:i,...l},a)=>{const s=t.useEditorReadOnly()?{role:"button",tabIndex:0}:{},u=i.highlightColor||o.DEFAULT_HIGHLIGHT_COLOR;return e.jsx(t.PlateLeaf,{ref:a,leaf:i,...l,children:e.jsx(n,{$color:u,"data-highlight-id":i.highlightId,...s,children:r})})});a.displayName="HighlightLeaf";const n=i.styled.span`
|
|
2
2
|
background-color: ${e=>e.$color};
|
|
3
3
|
border-radius: 2px;
|
|
4
4
|
padding: 1px 0;
|
|
5
5
|
cursor: pointer;
|
|
6
6
|
transition: background-color 0.15s ease;
|
|
7
7
|
|
|
8
|
-
/* Must color both the highlight span AND its descendants. Slate renders
|
|
9
|
-
nested spans (data-slate-leaf / data-slate-string) inside the leaf, and
|
|
10
|
-
the Editor wrapper's '*:not(a):not(button)... { color: grey }' rule
|
|
11
|
-
targets each of those descendants directly — inheritance from the parent
|
|
12
|
-
span alone won't win. '&& *' doubles the class selector (→ 0,2,1) so it
|
|
13
|
-
beats the wrapper rule (0,1,4). */
|
|
14
|
-
&&,
|
|
15
|
-
&& * {
|
|
16
|
-
color: ${e=>e.$textColor};
|
|
17
|
-
}
|
|
18
|
-
|
|
19
8
|
&:hover {
|
|
20
9
|
filter: brightness(0.92);
|
|
21
10
|
}
|
|
@@ -43,4 +32,4 @@
|
|
|
43
32
|
outline-offset: 4px;
|
|
44
33
|
}
|
|
45
34
|
}
|
|
46
|
-
`;exports.HighlightLeaf=
|
|
35
|
+
`;exports.HighlightLeaf=a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const l=[{label:"Yellow",value:"var(--color-yellow-7)",iconColor:"var(--color-yellow-5)"},{label:"Red",value:"var(--color-red-8)",iconColor:"var(--color-red-4)"},{label:"Blue",value:"var(--color-hue-blue-2)",iconColor:"var(--color-primary-blue-2)"},{label:"Green",value:"var(--color-green-8)",iconColor:"var(--color-green-3)"}],o=l[0].value;exports.DEFAULT_HIGHLIGHT_COLOR=o,exports.HIGHLIGHT_COLORS=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("react-player"),i=require("next/image"),a=require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("react-player"),i=require("next/image"),a=require("../../atoms/typography/paragraph.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(t),s=l(r),n=l(i);exports.Video=({controls:t=!0,loop:r=!1,muted:i,playsInline:l,src:u,subtitles:c,style:d,thumbnail:p,thumbnailObjectFit:y="contain",forwardedRef:h,playing:f=!0,title:g,handleOnReady:m,autoPlay:b=!1,crossOrigin:x="true"})=>{const j=o.default.useRef(null),v=h||j,q=(Array.isArray(u)?u[0]:u).includes(".m3u8");return e.jsx(s.default,{className:"player",config:{file:{attributes:{..."true"===x?{crossOrigin:"true"}:{}},forceHLS:q,hlsOptions:q?{autoStartLoad:!0}:void 0,tracks:c?.map(e=>({kind:"subtitles",label:e.label,src:e.src,srcLang:e.locale}))}},controls:t,height:"100%",light:!b&&(p?e.jsxs(e.Fragment,{children:[e.jsx(n.default,{alt:"thumbnail for trailer",layout:"fill",priority:!0,quality:100,src:p,style:{objectFit:y}}),g&&e.jsx(a.P,{$color:"white",sx:"position: absolute; bottom: 0; left: 0; right: 0; padding: 16px; z-index: 100;",children:g})]}):void 0),loop:r,muted:!!b||i,pip:!1,playsinline:l,playing:!!b||f,ref:v,style:{backgroundColor:"var(--color-grey-0)",maxHeight:720,maxWidth:1280,minHeight:480,overflow:"hidden",position:"relative",...d||{}},url:u,width:"100%",onReady:m})};
|
|
@@ -1,11 +1,11 @@
|
|
|
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("
|
|
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`
|
|
3
3
|
display: flex;
|
|
4
4
|
justify-content: center;
|
|
5
5
|
background-color: var(--color-grey-0);
|
|
6
6
|
|
|
7
7
|
${({$orientation:e})=>"vertical"===e?"max-width: 960px; height: max-content;":""}
|
|
8
|
-
`,
|
|
8
|
+
`,k=n.styled.div`
|
|
9
9
|
background-color: var(--color-grey-0);
|
|
10
10
|
max-width: 100%;
|
|
11
11
|
min-height: 480px;
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
width: 100%;
|
|
15
15
|
height: 100%;
|
|
16
16
|
${({$pip:e})=>e?"\n position: fixed;\n z-index: 1000;\n aspect-ratio: 1280 / 720;\n min-height: unset;\n max-height: calc(100vh - 32px);\n max-width: calc(100vw - 32px);\n background-color: transparent;\n overflow: visible;\n border-radius: 16px;\n & * {\n border-radius: 16px;\n }\n & img,\n & video {\n user-select: none;\n }\n &:hover .close-pip {\n display: flex;\n }":""}
|
|
17
|
-
`,
|
|
17
|
+
`,S=n.styled.div`
|
|
18
18
|
width: 100%;
|
|
19
19
|
height: 100%;
|
|
20
20
|
display: flex;
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
right: -8px;
|
|
54
54
|
top: 0px;
|
|
55
55
|
}
|
|
56
|
-
`,
|
|
56
|
+
`,A=n.styled.div`
|
|
57
57
|
flex: 1;
|
|
58
58
|
display: flex;
|
|
59
59
|
justify-content: flex-end;
|
|
@@ -61,12 +61,12 @@
|
|
|
61
61
|
${({$playable:e})=>e?"":"\n .player {\n cursor: initial;\n pointer-events: none;\n user-select: none;\n }"}
|
|
62
62
|
|
|
63
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;
|
|
67
67
|
box-sizing: border-box;
|
|
68
68
|
height: 100%;
|
|
69
|
-
`,
|
|
69
|
+
`,z=n.styled.div`
|
|
70
70
|
position: absolute;
|
|
71
71
|
flex: 1;
|
|
72
72
|
width: 100%;
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
flex-direction: column;
|
|
79
79
|
padding: 24px;
|
|
80
80
|
gap: 24px;
|
|
81
|
-
`,
|
|
81
|
+
`,q=n.styled.div`
|
|
82
82
|
flex: 1;
|
|
83
83
|
width: 100%;
|
|
84
84
|
${({$showingAll:e})=>e?"\n position: absolute;\n height: 100vh; z-index: 10;":"height: 100%;"}
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
display: flex;
|
|
88
88
|
flex-direction: column;
|
|
89
89
|
gap: 24px;
|
|
90
|
-
`,
|
|
90
|
+
`,C=n.styled.div`
|
|
91
91
|
display: flex;
|
|
92
92
|
flex-direction: column;
|
|
93
93
|
gap: 24px;
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
opacity: 30%;
|
|
111
111
|
}
|
|
112
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%;"}
|
|
113
|
-
`,
|
|
113
|
+
`,B=n.styled.div`
|
|
114
114
|
display: flex;
|
|
115
115
|
flex-direction: column;
|
|
116
116
|
gap: 24px;
|
|
@@ -135,4 +135,4 @@
|
|
|
135
135
|
}
|
|
136
136
|
|
|
137
137
|
${({$showingAll:e})=>e?"height: 100%; overflow-y:auto;":"max-height: 350px;"}
|
|
138
|
-
`;exports.VideoPlayer=({activeIndex:t,pip:r,playable:n,playlist:y,onClickPreview:M,onPipChange:T,onProgress:H,onStart:R,orientation:E,setMediaItem:_,onShowAllPlaylist:N,forwardedRef:O,subtitle:F,title:W,trailer:V,additionalMedia:Y})=>{const X="undefined"!=typeof window?window:{innerHeight:0,innerWidth:600},K=X.innerHeight/3,G=$*(X.innerHeight/3),J=w.default.useRef(null),Q=O||J,U=w.default.useRef({}),Z=w.default.useRef(null),ee=w.default.useRef(null),[ie,te]=w.default.useState(0),[re,ne]=w.default.useState(!1),[oe,le]=w.default.useState(!n),[se,ae]=w.default.useState(y?.[t].id||null),[de,ce]=g.useLocalStorage("videoPipHeight",K),[pe,ue]=g.useLocalStorage("videoPipWidth",G),[ge,he]=g.useLocalStorage("video-volume",1),[xe,me]=g.useLocalStorage("videoPipRight",16),[fe,be]=g.useLocalStorage("videoPipBottom",16),[ye,we]=w.default.useState([0,0]),[ve,je]=w.default.useState([0,0]),[$e,Ie]=w.default.useState(!1),[ke,Se]=w.default.useState(0),[Ae,De]=w.default.useState([]),[Pe,ze]=w.default.useState([]),[qe,Ce]=w.default.useState([]),[Be,Le]=w.default.useState(!1),Me=oe?V:$e?Ae?.[ke]:y?.[t],Te=Array.isArray(Me?.src)?Me.src[0]:Me?.src,He=!!Te?.includes(".m3u8")&&!h.CAN_PLAY_NATIVE_HLS;w.default.useEffect(()=>{Y&&(De(Y.filter(e=>"VIDEO"===e.type)),ze(Y.filter(e=>"FILE"===e.type)),Ce(Y.filter(e=>"LINK"===e.type)))},[Y]);const Re=w.default.useRef(!0);w.default.useEffect(()=>{Re.current?Re.current=!1:!n||oe||$e||Le(!0)},[t,n,oe,$e]);const Ee=(e,i=!1)=>{le(!1),Ie(i),Le(!(!n&&!i)),i?Se(e):_(e)},_e=()=>{ne(e=>!e),N&&N(!re)},Ne=(e,i)=>{if(!ee?.current)return;const t=ee.current.getBoundingClientRect();t.x<16||t.y<16||e>=2*X.innerWidth/3||i>=2*X.innerHeight/3||e<I||i<200||(ue(e),ce(i))},Oe=()=>{if(!ee?.current)return;const e=ee.current.getBoundingClientRect();je([e.width,e.height])},Fe=e=>{if(!ee?.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-ye[1]+ve[1]),i=Math.round(e*$);Ne(i,e)}else if(i.includes("bottom")){const e=Math.round(ye[1]-r+ve[1]),i=Math.round(e*$);Ne(i,e)}else if(i.includes("left")){const e=Math.round(t-ye[0]+ve[0]),i=Math.round(e/$);Ne(e,i)}else if(i.includes("right")){const e=Math.round(ye[0]-t+ve[0]),i=Math.round(e/$);Ne(e,i)}},We=i.useMemo(()=>{let e=[{label:"All lessons",color:"dark"}];return Y?.length&&e.push({label:"Resources",color:"dark"}),V&&e.push({label:"Trailer",color:"dark"}),e},[Y,V]),Ve=V&&"Trailer"===We[ie]?.label,Ye=Y&&"Resources"===We[ie]?.label;return w.default.useEffect(()=>{ie>=We.length&&te(0)},[We,ie]),Me?e.jsx(k,{$orientation:E,children:e.jsxs(P,{$orientation:E,$playable:n||oe||$e,children:["vertical"===E&&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:W}),e.jsx(c.P,{as:"h3",$bold:!0,$color:"grey-8",children:F})]}),r&&e.jsx(A,{}),e.jsxs(S,{$pip:!!r,draggable:r&&0===ve[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(!ee?.current)return;const t=ee.current.getBoundingClientRect();e&&e>=16&&e<=X.innerWidth-16-t.width&&me(e),i&&i>=16&&i<=X.innerHeight-16-t.height&&be(i)})(xe+(i-ye[0]),fe+(t-ye[1])),we([i,t])}:void 0,onMouseDown:e=>{we([window.innerWidth-e.clientX,window.innerHeight-e.clientY])},ref:ee,style:r?{bottom:fe,height:de,right:xe,width:pe}:void 0,children:[r&&e.jsx(o.Button,{className:"close-pip",icon:e.jsx(a.SelectItem,{color:"grey-0"}),onClick:e=>{e.stopPropagation(),T&&T(!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:He,hlsOptions:He?{autoStartLoad:!0}:void 0,tracks:(Me?.subtitles||[]).map(e=>({kind:"subtitles",label:e.label,src:e.src,srcLang:e.locale}))}},controls:!0,height:"100%",light:e.jsx(v.default,{alt:`thumbnail for ${W}`,layout:"fill",priority:!0,quality:100,style:{objectFit:"cover"},src:Me?.thumbnail||"/images/default_card_image.png"}),progressInterval:4e3,onProgress:e=>H(e,$e?Ae[ke]?.id:void 0),onStart:R,onClickPreview:e=>{(n||oe||$e)&&Le(!0),M&&M(e)},onReady:()=>{if(!oe){const e=Q?.current?.getCurrentTime();0===e&&($e?0!==Ae?.[ke]?.progress&&Q.current.seekTo(Ae?.[ke].progress):0!==Me?.progress&&Q.current.seekTo(Me.progress))}},pip:r,playIcon:n||oe||$e?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:oe||$e||n&&Be,playsinline:!0,ref:Q,url:Me.src,width:"100%",volume:ge,onVolumeChange:e=>{he(e.target.volume)}},`${oe}-${$e}-${t}-${ke}-${Me?.id??(Array.isArray(Me?.src)?Me.src[0]:Me?.src)??""}`),r&&e.jsxs(e.Fragment,{children:[e.jsx(D,{className:"top horizontal",draggable:"false",onDrag:Fe,onMouseDown:Oe,onDragEnd:()=>je([0,0]),tabIndex:0}),e.jsx(D,{className:"bottom horizontal",draggable:"false",onDrag:Fe,onMouseDown:Oe,onDragEnd:()=>je([0,0]),tabIndex:0}),e.jsx(D,{className:"right vertical",draggable:"false",onDrag:Fe,onMouseDown:Oe,onDragEnd:()=>je([0,0]),tabIndex:0}),e.jsx(D,{className:"left vertical",draggable:"false",onDrag:Fe,onMouseDown:Oe,onDragEnd:()=>je([0,0]),tabIndex:0})]})]}),"horizontal"===E&&e.jsx(z,{children:e.jsxs(q,{$showingAll:re,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:W}),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:ie,onChange:e=>te(e),items:We,size:"medium",sx:"justify-content: flex-start;"}),e.jsx(m.ButtonViewAll,{showingAll:re,orientation:E,toggleShowingAll:_e})]}),0===ie?e.jsx(B,{ref:Z,$showingAll:re,children:y.map((i,t)=>e.jsx(x.PlaylistItem,{playlistItemId:i.id,onClick:()=>{ae(i.id),Ee(t)},title:i.title,thumbnail:i.thumbnail,shortDescription:i.shortDescription,duration:i.duration,progress:i.progress,playable:n,nowplaying:se,comingSoon:i.comingSoon||!1,ref:e=>{U.current[i.id]=e}},i.id))}):Ye?e.jsxs(B,{$showingAll:re,children:[!!Ae.length&&e.jsx(b.Accordion,{defaultOpen:0,children:[0].map(i=>e.jsx(b.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:Ae.map((i,t)=>e.jsx(x.PlaylistItem,{playlistItemId:i.id,onClick:()=>{ae(i.id),Ee(t,!0)},progress:i.progress,duration:i.duration,title:i.name,thumbnail:i.thumbnail||"",shortDescription:i.shortDescription,playable:!0,nowplaying:se,ref:e=>{U.current[i.id]=e}},i.id))})},i))}),!!Pe.length&&e.jsx(b.Accordion,{defaultOpen:0,children:[0].map(i=>e.jsx(b.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:[...Pe].map(i=>e.jsx(x.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:se,type:i.type,isFile:"FILE"===i.type,ref:e=>{U.current[i.id]=e}},i.id))})},i))}),!!qe.length&&e.jsx(b.Accordion,{defaultOpen:0,children:[0].map(i=>e.jsx(b.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:[...qe].map(i=>e.jsx(x.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:se,type:i.type,isFile:"FILE"===i.type,ref:e=>{U.current[i.id]=e}},i.id))})},i))})]}):Ve&&V?e.jsx(m.TrailerListItem,{title:W,handleSetPlayingTrailer:le,trailer:V}):null]})}),"vertical"===E&&e.jsx(l.Box,{$dir:"column",$gap:24,sx:re?"z-index: 3; position:relative;":"height: auto",children:e.jsxs(C,{$showingAll:re,children:[e.jsxs(l.Box,{sx:"padding: 0 1.5rem;",$align:"center",children:[e.jsx(s.Tabs,{activeIndex:ie,onChange:e=>te(e),items:We,size:"medium",sx:"justify-content: flex-start;"}),e.jsx(m.ButtonViewAll,{showingAll:re,orientation:E,toggleShowingAll:_e})]}),[e.jsx(L,{ref:Z,$showingAll:re,children:y.map((i,t)=>e.jsx(x.PlaylistItem,{comingSoon:i.comingSoon||!1,nowplaying:se,playlistItemId:i.id,duration:i.duration,ref:e=>{U.current[i.id]=e},onClick:()=>{Ee(t),ae(i.id)},playable:n,progress:i.progress,shortDescription:i.shortDescription,thumbnail:i.thumbnail,title:i.title},i.id))}),e.jsxs(L,{$showingAll:re,children:[!!Ae.length&&e.jsx(b.Accordion,{defaultOpen:0,children:[0].map(i=>e.jsx(b.Accordion.Item,{buttonSx:"padding: 0;",trigger:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,marginBottom:24},children:[e.jsx(f.ChevronDown,{size:20,color:"white"}),e.jsx(c.P,{$color:"white",$fontSize:16,$semiBold:!0,children:"Leaders"})]}),sx:"flex-direction: column; gap: 24px;",children:Ae.map((i,t)=>e.jsx(x.PlaylistItem,{playlistItemId:i.id,onClick:()=>{ae(i.id),Ee(t,!0)},progress:i.progress,duration:i.duration,title:i.name,thumbnail:i.thumbnail||"",shortDescription:i.shortDescription,playable:!0,nowplaying:se,ref:e=>{U.current[i.id]=e}},i.id))},i))}),(!!Pe.length||!!qe.length)&&e.jsx(b.Accordion,{defaultOpen:0,children:[0].map(i=>e.jsx(b.Accordion.Item,{buttonSx:"padding: 0;",trigger:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,marginBottom:24},children:[e.jsx(f.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:[...Pe,...qe].map(i=>e.jsx(x.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:se,type:i.type,isFile:"FILE"===i.type,ref:e=>{U.current[i.id]=e}},i.id))},i))})]}),!!V&&e.jsx(l.Box,{$dir:"column",$gap:8,sx:"margin: 0px 24px;",children:e.jsx(m.TrailerListItem,{title:W,handleSetPlayingTrailer:le,trailer:V})})][ie]]})})]})}):null};
|
|
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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"highlight-leaf.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/highlights/highlight-leaf.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,cAAc,EAEf,MAAM,uBAAuB,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG;QAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;CACH;AAED,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"highlight-leaf.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/highlights/highlight-leaf.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,cAAc,EAEf,MAAM,uBAAuB,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG;QAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;CACH;AAED,eAAO,MAAM,aAAa,6FA2BxB,CAAC"}
|
|
@@ -13,17 +13,20 @@ export interface HighlightDropdownItem extends HighlightData {
|
|
|
13
13
|
}
|
|
14
14
|
export declare const HIGHLIGHT_COLORS: readonly [{
|
|
15
15
|
readonly label: "Yellow";
|
|
16
|
-
readonly value: "
|
|
16
|
+
readonly value: "var(--color-yellow-7)";
|
|
17
|
+
readonly iconColor: "var(--color-yellow-5)";
|
|
17
18
|
}, {
|
|
18
19
|
readonly label: "Red";
|
|
19
|
-
readonly value: "
|
|
20
|
+
readonly value: "var(--color-red-8)";
|
|
21
|
+
readonly iconColor: "var(--color-red-4)";
|
|
20
22
|
}, {
|
|
21
23
|
readonly label: "Blue";
|
|
22
|
-
readonly value: "
|
|
24
|
+
readonly value: "var(--color-hue-blue-2)";
|
|
25
|
+
readonly iconColor: "var(--color-primary-blue-2)";
|
|
23
26
|
}, {
|
|
24
27
|
readonly label: "Green";
|
|
25
|
-
readonly value: "
|
|
28
|
+
readonly value: "var(--color-green-8)";
|
|
29
|
+
readonly iconColor: "var(--color-green-3)";
|
|
26
30
|
}];
|
|
27
|
-
export declare const DEFAULT_HIGHLIGHT_COLOR: "
|
|
28
|
-
export declare const getHighlightTextColor: (hex: string) => string;
|
|
31
|
+
export declare const DEFAULT_HIGHLIGHT_COLOR: "var(--color-yellow-7)";
|
|
29
32
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/highlights/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,qBAAsB,SAAQ,aAAa;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/highlights/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,qBAAsB,SAAQ,aAAa;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;EAqBnB,CAAC;AAEX,eAAO,MAAM,uBAAuB,yBAA4B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/components/media/common.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;CACnC;AAED,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACvB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB
|
|
1
|
+
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/components/media/common.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;CACnC;AAED,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACvB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../../../../src/components/media/video/video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,WAAW,MAAM,cAAc,CAAC;AAEvC,OAAO,
|
|
1
|
+
{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../../../../src/components/media/video/video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,WAAW,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAKrC,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5D,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,KAAK,sKAgBf,UAAU,4CA6EZ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../../../../src/components/media/video-player/video.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAavC,OAAO,
|
|
1
|
+
{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../../../../src/components/media/video-player/video.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAavC,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAWhE,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IACvD;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,UAAU,EAAE,CACV,QAAQ,EAAE;QACR,aAAa,EAAE,MAAM,CAAC;QACtB,aAAa,EAAE,MAAM,CAAC;KACvB,EACD,UAAU,CAAC,EAAE,MAAM,KAChB,IAAI,CAAC;IACV;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB;;OAEG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAE3C,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,uMAiBrB,gBAAgB,4CAyzBlB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e="undefined"!=typeof document&&""!==document.createElement("video").canPlayType("application/vnd.apple.mpegurl");exports.CAN_PLAY_NATIVE_HLS=e;
|