react-native-theoplayer 2.8.0 → 2.9.0

package/src/ui/components/button/svg/PauseSvg.tsx

@@ -1,18 +0,0 @@
-import type { SvgProps } from 'react-native-svg';
-import Svg, { Path } from 'react-native-svg';
-import React from 'react';
-import { SvgContext } from './SvgUtils';
-
-export const PauseSvg = (props: SvgProps) => {
-  return (
-    <SvgContext.Consumer>
-      {(context) => (
-        <>
-          <Svg viewBox={'0 0 24 24'} {...context} {...props}>
-            <Path d="M2.108 1.914Q2.108.5 3.522.5h4.171q1.415 0 1.415 1.414v20.172q0 1.414-1.415 1.414H3.522q-1.414 0-1.414-1.414zm12.784 0Q14.892.5 16.307.5h4.171q1.414 0 1.414 1.414v20.172q0 1.414-1.414 1.414h-4.171q-1.415 0-1.415-1.414z" />
-          </Svg>
-        </>
-      )}
-    </SvgContext.Consumer>
-  );
-};

package/src/ui/components/button/svg/PipEnterSvg.tsx

@@ -1,18 +0,0 @@
-import type { SvgProps } from 'react-native-svg';
-import Svg, { Path } from 'react-native-svg';
-import React from 'react';
-import { SvgContext } from './SvgUtils';
-
-export const PipEnterSvg = (props: SvgProps) => {
-  return (
-    <SvgContext.Consumer>
-      {(context) => (
-        <>
-          <Svg viewBox={'0 0 48 48'} {...context} {...props}>
-            <Path d="M22.3 25.85h16.75V13H22.3ZM7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.25 0 2.125.9T44 11v26q0 1.2-.875 2.1-.875.9-2.125.9Zm0-3V11v26Zm0 0h34V11H7v26Zm18.3-14.15V16h10.75v6.85Z" />
-          </Svg>
-        </>
-      )}
-    </SvgContext.Consumer>
-  );
-};

package/src/ui/components/button/svg/PipExitSvg.tsx

@@ -1,18 +0,0 @@
-import type { SvgProps } from 'react-native-svg';
-import Svg, { Path } from 'react-native-svg';
-import React from 'react';
-import { SvgContext } from './SvgUtils';
-
-export const PipExitSvg = (props: SvgProps) => {
-  return (
-    <SvgContext.Consumer>
-      {(context) => (
-        <>
-          <Svg viewBox={'0 0 48 48'} {...context} {...props}>
-            <Path d="M7 40q-1.2 0-2.1-.9Q4 38.2 4 37V22h3v15h34V11H22V8h19q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Zm27.85-7L37 30.85l-7.55-7.5h5.9v-3h-11v11h3V25.5ZM4 19V8h15v11Zm20 5Z" />
-          </Svg>
-        </>
-      )}
-    </SvgContext.Consumer>
-  );
-};

package/src/ui/components/button/svg/PlaySvg.tsx

@@ -1,18 +0,0 @@
-import type { SvgProps } from 'react-native-svg';
-import Svg, { Path } from 'react-native-svg';
-import React from 'react';
-import { SvgContext } from './SvgUtils';
-
-export const PlaySvg = (props: SvgProps) => {
-  return (
-    <SvgContext.Consumer>
-      {(context) => (
-        <>
-          <Svg viewBox={'0 0 90 90'} {...context} {...props}>
-            <Path d="M77.504 50.868c-7.236 5.156-16.584 10.914-28.04 17.269-11.044 6.207-20.729 11.081-29.053 14.625l-9.224 3.43c-.581-2.493-1.125-6.188-1.632-11.08-1.143-9.75-1.715-20.513-1.715-32.288 0-10.781.777-20.858 2.333-30.234l2.251-10.772 9.787 3.29c8.476 3.375 17.663 8.166 27.563 14.373 10.48 6.562 19.472 12.805 26.97 18.73 3.749 2.982 6.449 5.279 8.099 6.891l-7.339 5.766" />
-          </Svg>
-        </>
-      )}
-    </SvgContext.Consumer>
-  );
-};

package/src/ui/components/button/svg/ReplaySvg.tsx

@@ -1,18 +0,0 @@
-import type { SvgProps } from 'react-native-svg';
-import Svg, { Path } from 'react-native-svg';
-import React from 'react';
-import { SvgContext } from './SvgUtils';
-
-export const ReplaySvg = (props: SvgProps) => {
-  return (
-    <SvgContext.Consumer>
-      {(context) => (
-        <>
-          <Svg viewBox={'0 0 24 24'} {...context} {...props}>
-            <Path d="M12 23q-3.725 0-6.438-2.375Q2.85 18.25 2.275 14.7q-.1-.625.325-1.088.425-.462 1.125-.462.6 0 1.087.437.488.438.663 1.113.5 2.225 2.313 3.688Q9.6 19.85 12 19.85q2.8 0 4.75-1.963 1.95-1.962 1.95-4.762t-1.962-4.75q-1.963-1.95-4.763-1.95H11.8l.525.525q.375.375.363.85-.013.475-.363.825t-.85.363q-.5.012-.85-.338l-2.7-2.7q-.225-.225-.337-.513-.113-.287-.113-.587t.113-.588q.112-.287.337-.512L10.6 1.075q.35-.35.875-.363.525-.012.875.363.35.35.338.85-.013.5-.363.85l-.5.5h.15q2.05 0 3.85.775 1.8.775 3.15 2.112Q20.325 7.5 21.1 9.287q.775 1.788.775 3.838t-.775 3.85q-.775 1.8-2.112 3.137-1.338 1.338-3.138 2.113Q14.05 23 12 23Z" />
-          </Svg>
-        </>
-      )}
-    </SvgContext.Consumer>
-  );
-};

package/src/ui/components/button/svg/SettingsSvg.tsx

@@ -1,18 +0,0 @@
-import type { SvgProps } from 'react-native-svg';
-import Svg, { Path } from 'react-native-svg';
-import React from 'react';
-import { SvgContext } from './SvgUtils';
-
-export const SettingsSvg = (props: SvgProps) => {
-  return (
-    <SvgContext.Consumer>
-      {(context) => (
-        <>
-          <Svg viewBox={'0 0 24 24'} {...context} {...props}>
-            <Path d="M14 22.475h-4q-.475 0-.863-.337-.387-.338-.437-.813l-.3-2.2q-.2-.075-.4-.2t-.375-.25l-2.05.85q-.475.2-.937.05-.463-.15-.738-.6l-1.975-3.45q-.25-.45-.162-.95.087-.5.487-.775l1.775-1.35Q4 12.325 4 12.225v-.45q0-.1.025-.225L2.25 10.2q-.4-.3-.487-.8-.088-.5.162-.925L3.9 5.025q.25-.45.725-.588.475-.137.95.038l2.075.875q.175-.15.363-.263.187-.112.387-.187l.3-2.225q.05-.5.425-.825.375-.325.875-.325h4q.5 0 .875.325t.425.825l.3 2.225q.2.075.4.187.2.113.375.263l2.05-.875q.475-.175.938-.025.462.15.737.575l2 3.45q.25.45.15.95-.1.5-.5.775l-1.775 1.35v.675q0 .1-.025.225l1.775 1.35q.4.275.487.775.088.5-.162.95l-2 3.45q-.25.425-.725.587-.475.163-.95-.037l-2.025-.85q-.175.125-.362.25-.188.125-.388.2l-.3 2.2q-.05.475-.425.813-.375.337-.875.337ZM12 15.5q1.45 0 2.475-1.025Q15.5 13.45 15.5 12q0-1.45-1.025-2.475Q13.45 8.5 12 8.5q-1.45 0-2.475 1.025Q8.5 10.55 8.5 12q0 1.45 1.025 2.475Q10.55 15.5 12 15.5Z" />
-          </Svg>
-        </>
-      )}
-    </SvgContext.Consumer>
-  );
-};

package/src/ui/components/button/svg/SvgUtils.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { SvgProps } from 'react-native-svg';
-
-export const SvgContext = React.createContext<SvgProps>({ fill: 'white' });

package/src/ui/components/button/svg/VolumeOffSvg.tsx

@@ -1,18 +0,0 @@
-import type { SvgProps } from 'react-native-svg';
-import Svg, { Path } from 'react-native-svg';
-import React from 'react';
-import { SvgContext } from './SvgUtils';
-
-export const VolumeOffSvg = (props: SvgProps) => {
-  return (
-    <SvgContext.Consumer>
-      {(context) => (
-        <>
-          <Svg viewBox={'0 0 24 24'} {...context} {...props}>
-            <Path d="m19.225 22.55-2.25-2.275q-.175.1-.35.187-.175.088-.375.163-.525.2-1.075-.138-.55-.337-.55-1.062 0-.225.088-.425.087-.2.287-.325.05-.025.138-.088.087-.062.137-.087l-2.65-2.7v2.425q0 1.05-.962 1.463-.963.412-1.713-.338l-3.5-3.5H3.525q-.65 0-1.112-.463-.463-.462-.463-1.112v-4.55q0-.65.463-1.113.462-.462 1.112-.462H5.2L1.35 4.2Q1 3.85 1 3.375t.35-.825q.35-.35.85-.35t.85.35L20.9 20.9q.35.35.35.825t-.35.825q-.35.35-.838.35-.487 0-.837-.35ZM16.25 3.325q2.6 1.1 4.188 3.425 1.587 2.325 1.587 5.225 0 1.425-.4 2.7-.4 1.275-1.125 2.4L18.775 15.3q.425-.75.638-1.588.212-.837.212-1.737 0-2.125-1.175-3.875t-3.1-2.575q-.325-.125-.525-.4t-.2-.625q0-.65.525-1.038.525-.387 1.1-.137Zm.925 10.35-2.55-2.6V7.65q1.275.6 2.088 1.762.812 1.163.812 2.588 0 .45-.087.875-.088.425-.263.8ZM12.625 9l-3.45-3.575.775-.775q.75-.75 1.713-.338.962.413.962 1.463Z" />
-          </Svg>
-        </>
-      )}
-    </SvgContext.Consumer>
-  );
-};

package/src/ui/components/button/svg/VolumeUpSvg.tsx

@@ -1,18 +0,0 @@
-import type { SvgProps } from 'react-native-svg';
-import Svg, { Path } from 'react-native-svg';
-import React from 'react';
-import { SvgContext } from './SvgUtils';
-
-export const VolumeUpSvg = (props: SvgProps) => {
-  return (
-    <SvgContext.Consumer>
-      {(context) => (
-        <>
-          <Svg viewBox={'0 0 24 24'} {...context} {...props}>
-            <Path d="M16.275 20.625q-.575.25-1.1-.15-.525-.4-.525-1.05 0-.35.188-.613.187-.262.512-.387 1.925-.825 3.113-2.575 1.187-1.75 1.187-3.875T18.463 8.1q-1.188-1.75-3.113-2.575-.325-.125-.512-.4-.188-.275-.188-.625 0-.65.525-1.038.525-.387 1.1-.137 2.6 1.1 4.175 3.425 1.575 2.325 1.575 5.225 0 2.9-1.575 5.225-1.575 2.325-4.175 3.425ZM3.55 15.85q-.65 0-1.112-.463-.463-.462-.463-1.112v-4.55q0-.65.463-1.113Q2.9 8.15 3.55 8.15h2.925l3.5-3.5q.75-.75 1.713-.338.962.413.962 1.463v12.45q0 1.05-.962 1.463-.963.412-1.713-.338l-3.5-3.5Zm11.1.45V7.65q1.3.625 2.088 1.8.787 1.175.787 2.55 0 1.375-.787 2.525-.788 1.15-2.088 1.775Z" />
-          </Svg>
-        </>
-      )}
-    </SvgContext.Consumer>
-  );
-};

package/src/ui/components/button/svg/barrel.ts

@@ -1,20 +0,0 @@
-export * from './AirplaySvg';
-export * from './ArrowForwardSvg';
-export * from './BackSvg';
-export * from './BackwardSvg';
-export * from './ChromecastSvg';
-export * from './ErrorSvg';
-export * from './ForwardSvg';
-export * from './FullscreenEnterSvg';
-export * from './FullscreenExitSvg';
-export * from './LanguageSvg';
-export * from './ListSvg';
-export * from './PauseSvg';
-export * from './PipEnterSvg';
-export * from './PipExitSvg';
-export * from './PlaySvg';
-export * from './ReplaySvg';
-export * from './SettingsSvg';
-export * from './SvgUtils';
-export * from './VolumeOffSvg';
-export * from './VolumeUpSvg';

package/src/ui/components/button/svg/res/AirPlayButton.html

@@ -1,6 +0,0 @@
-<span part="icon">
-    <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24">
-        <path class="theoplayer-airplay-inner" d="M5 7h14v8H5z" />
-        <path d="M6 22h12l-6-6zM21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h4v-2H3V5h18v12h-4v2h4c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" />
-    </svg>
-</span>

package/src/ui/components/button/svg/res/Airplay.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48"><path d="m273 936 207-206 206 206H273Zm-133-80q-24 0-42-18t-18-42V276q0-24 18-42t42-18h680q24 0 42 18t18 42v520q0 24-18 42t-42 18H631v-60h189V276H140v520h189v60H140Zm340-290Z"/></svg>

package/src/ui/components/button/svg/res/ChromecastButton.html

@@ -1,25 +0,0 @@
-<span part="icon">
-    <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" height="24" width="24">
-        <defs>
-            <clipPath id="theoplayer-chromecast-rings-mask">
-                <path d="M0-36h44V0H0z" />
-            </clipPath>
-        </defs>
-        <path class="theoplayer-chromecast-outer" d="M2 10a4 4 0 0 1 4-4h36a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H28v-4h14V10H6v6H2z" />
-        <path class="theoplayer-chromecast-inner" d="M10 14h28v20H26.74A26 26 0 0 0 10 17.26z" />
-        <g
-            class="theoplayer-chromecast-rings"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="4"
-            transform="translate(2 42)"
-            clip-path="url(#theoplayer-chromecast-rings-mask)"
-        >
-            <circle stroke="none" cx="0" cy="0" r="30" />
-            <circle class="theoplayer-chromecast-ring theoplayer-chromecast-ring1" stroke-width="6" cx="0" cy="0" r="3" />
-            <circle class="theoplayer-chromecast-ring theoplayer-chromecast-ring2" cx="0" cy="0" r="12" />
-            <circle class="theoplayer-chromecast-ring theoplayer-chromecast-ring3" cx="0" cy="0" r="20" />
-            <path class="theoplayer-chromecast-ring theoplayer-chromecast-ring4" stroke-linecap="round" d="M0-20A20 20 0 0 1 20 0" />
-        </g>
-    </svg>
-</span>

package/src/ui/components/button/svg/res/arrow_forward.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M6.925 21.325q-.45-.45-.45-1.113 0-.662.45-1.112l7.1-7.1L6.9 4.875q-.45-.45-.462-1.1-.013-.65.462-1.125.475-.45 1.125-.45t1.1.45l8.425 8.425q.2.2.287.437.088.238.088.488t-.088.488q-.087.237-.287.437L9.125 21.35q-.45.45-1.087.45-.638 0-1.113-.475Z"/></svg>

package/src/ui/components/button/svg/res/back.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="m10.525 19.275-6.375-6.35q-.175-.2-.262-.437Q3.8 12.25 3.8 12t.088-.488q.087-.237.262-.437l6.375-6.35q.375-.375.925-.388.55-.012.95.388.375.4.388.937.012.538-.363.938l-4.1 4.075H18.35q.55 0 .938.387.387.388.387.938 0 .55-.387.938-.388.387-.938.387H8.325l4.1 4.075q.35.375.363.925.012.55-.363.95-.4.4-.95.4-.55 0-.95-.4Z"/></svg>

package/src/ui/components/button/svg/res/backward.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48"><path d="M480 983.174q-144.567 0-248.316-95.478T115.5 651.022q-1.478-13.674 8.098-23.87 9.576-10.195 24.59-10.195 13.334 0 23.149 9.576 9.815 9.576 12.533 24.489 12.195 112.608 96.235 188.195Q364.144 914.804 480 914.804q124.104 0 210.976-86.921 86.872-86.922 86.872-210.926 0-124.283-84.402-211.066-84.403-86.782-208.685-86.782h-22l49.369 49.369q9.718 9.718 9.598 22.196-.119 12.478-9.682 21.717-9.309 9.479-21.788 9.598-12.478.12-22.041-9.359L362.5 306.674q-5.478-5.239-7.837-11.076-2.359-5.837-2.359-12.674t2.37-12.662q2.369-5.825 7.826-11.327l106.478-106.479q8.718-8.478 21.315-8.597 12.598-.12 22.077 8.597 8.478 9.416 8.358 22.045-.119 12.629-8.598 20.869l-55.369 55.369h23q76.326 0 143.076 28.478 66.75 28.479 116.587 78.316t78.315 116.437q28.479 66.6 28.479 142.891T817.79 759.822q-28.427 66.67-78.333 116.58-49.906 49.911-116.569 78.342-66.662 28.43-142.888 28.43Z"/></svg>

package/src/ui/components/button/svg/res/chromecast-48px.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48"><path d="M86.956 910.131h65.699q9.171 0 14.801-6.413 5.631-6.413 4.076-14.067-6.099-32.801-29.132-57.242-23.033-24.442-55.051-30.941-7.654-1.555-14.067 4.076-6.413 5.63-6.413 15.164v69.336q0 8.487 5.8 14.287 5.8 5.8 14.287 5.8Zm179.365 0q14.288 0 23.635-9.565 9.348-9.565 7.348-23.261-10.944-78.191-65.681-134.428-54.737-56.237-131.928-67.181-13.696-2-23.26 7.415-9.566 9.416-9.566 23.411 0 12.13 9.311 23.059 9.312 10.929 24.08 13.332 49.566 9.566 84.913 46.696 35.348 37.131 44.914 87.131 2.403 14.768 12.595 24.08 10.192 9.311 23.639 9.311Zm127.147 0q13.904 0 23.261-9.563 9.358-9.563 8.358-23.444-5.819-64.393-33.105-122.128-27.286-57.735-70.589-101.784-43.303-44.049-100.088-71.892-56.784-27.842-121.43-33.407-13.88-1-23.443 8.53-9.563 9.531-9.563 23.377 0 13.615 9.072 23.615 9.072 10 23.62 12.19 103.526 11.636 174.956 85.018 71.43 73.382 82.858 176.796 1.801 14.298 11.995 23.495 10.195 9.197 24.098 9.197ZM123.477 241.304h692.436q31.74 0 55.762 24.021 24.021 24.022 24.021 55.762v509.826q0 31.507-24.021 55.362-24.022 23.856-55.762 23.856H525.696q-16.706 0-28.158-11.501-11.451-11.502-11.451-28.283 0-16.782 11.451-28.108 11.452-11.326 28.158-11.326h290.217V321.087H146.087v146q-6.783 6.348-16.595 11.674-9.813 5.326-23.514 5.326-16.457 0-27.783-11.452-11.326-11.451-11.326-28.158v-146q0-21.834 16.838-39.504 16.837-17.669 39.77-17.669Zm317.914 363Z"/></svg>

package/src/ui/components/button/svg/res/close.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="m12 14.2-4.5 4.5q-.45.45-1.1.45-.65 0-1.1-.45-.45-.45-.45-1.1 0-.65.45-1.1L9.8 12 5.3 7.5q-.45-.45-.45-1.1 0-.65.45-1.1.45-.45 1.1-.45.65 0 1.1.45L12 9.8l4.5-4.5q.45-.45 1.1-.45.65 0 1.1.45.45.45.45 1.1 0 .65-.45 1.1L14.2 12l4.5 4.5q.45.45.45 1.1 0 .65-.45 1.1-.45.45-1.1.45-.65 0-1.1-.45Z"/></svg>

package/src/ui/components/button/svg/res/error.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" height="48" width="48"><path d="M24.15 26.4q.85 0 1.425-.575.575-.575.575-1.425v-9.2q0-.8-.6-1.375t-1.4-.575q-.85 0-1.425.575-.575.575-.575 1.425v9.2q0 .8.6 1.375t1.4.575ZM24 34.7q1 0 1.625-.625t.625-1.625q0-.95-.625-1.625T24 30.15q-1 0-1.625.675t-.625 1.625q0 1 .625 1.625T24 34.7Zm0 10q-4.4 0-8.175-1.575Q12.05 41.55 9.25 38.75q-2.8-2.8-4.375-6.575Q3.3 28.4 3.3 24q0-4.35 1.575-8.125Q6.45 12.1 9.25 9.3q2.8-2.8 6.575-4.425Q19.6 3.25 24 3.25q4.35 0 8.125 1.625Q35.9 6.5 38.7 9.3q2.8 2.8 4.425 6.575Q44.75 19.65 44.75 24q0 4.4-1.625 8.175Q41.5 35.95 38.7 38.75q-2.8 2.8-6.575 4.375Q28.35 44.7 24 44.7Z"/></svg>

package/src/ui/components/button/svg/res/forward.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48"><path d="M480 983.174q-76.26 0-142.952-28.965-66.693-28.965-116.12-78.435-49.428-49.47-78.287-116.078-28.859-66.608-28.859-142.772 0-76.163 28.979-142.859 28.978-66.695 78.435-116.032 49.456-49.337 116.141-78.316 66.685-28.978 142.936-28.978h22.966l-53.456-53.456q-9.435-9.256-9.055-23.4.381-14.144 9.816-23.579 9.227-9.232 23.505-9.094 14.277.138 23.473 9.333l107.63 108.392q10.196 10.435 10.196 24.108 0 13.674-10.196 23.87l-107.63 107.391q-9.957 10.196-24.131 10.316-14.173.119-23.608-10.076-10.196-10.228-9.696-23.886t10.696-24.093l47.695-47.456h-23.239q-123.104 0-208.095 86.859-84.992 86.86-84.992 210.946t86.872 210.988Q355.896 914.804 480 914.804q114.213 0 199.408-75.994 85.196-75.994 97.201-189.223 2.239-14.196 12.174-23.413 9.934-9.217 23.301-9.217 14.845 0 24.489 9.837 9.645 9.836 8.645 23.032-12.104 142.982-117.324 238.165Q622.674 983.174 480 983.174Z"/></svg>

package/src/ui/components/button/svg/res/fullscreen-enter.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M5.9 19.225q-.475 0-.8-.325-.325-.325-.325-.8V15q0-.475.325-.812.325-.338.8-.338.5 0 .825.338.325.337.325.812v1.95H9q.475 0 .812.325.338.325.338.825 0 .475-.338.8-.337.325-.812.325Zm0-9.075q-.475 0-.8-.338-.325-.337-.325-.812V5.9q0-.475.325-.8.325-.325.8-.325H9q.475 0 .812.325.338.325.338.8 0 .5-.338.825-.337.325-.812.325H7.05V9q0 .475-.325.812-.325.338-.825.338Zm9.1 9.075q-.475 0-.812-.325-.338-.325-.338-.8 0-.5.338-.825.337-.325.812-.325h1.95V15q0-.475.325-.812.325-.338.825-.338.475 0 .8.338.325.337.325.812v3.1q0 .475-.325.8-.325.325-.8.325Zm3.1-9.075q-.5 0-.825-.338-.325-.337-.325-.812V7.05H15q-.475 0-.812-.325-.338-.325-.338-.825 0-.475.338-.8.337-.325.812-.325h3.1q.475 0 .8.325.325.325.325.8V9q0 .475-.325.812-.325.338-.8.338Z"/></svg>

package/src/ui/components/button/svg/res/fullscreen-exit.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M9 19.225q-.475 0-.812-.325-.338-.325-.338-.8v-1.95H5.9q-.475 0-.8-.338-.325-.337-.325-.812 0-.475.325-.812.325-.338.8-.338H9q.475 0 .812.338.338.337.338.812v3.1q0 .475-.338.8-.337.325-.812.325ZM5.9 10.15q-.475 0-.8-.338-.325-.337-.325-.812 0-.475.325-.813.325-.337.8-.337h1.95V5.9q0-.475.338-.8.337-.325.812-.325.475 0 .812.325.338.325.338.8V9q0 .475-.338.812-.337.338-.812.338Zm9.1 9.075q-.475 0-.812-.325-.338-.325-.338-.8V15q0-.475.338-.812.337-.338.812-.338h3.1q.475 0 .8.338.325.337.325.812 0 .475-.325.812-.325.338-.8.338h-1.95v1.95q0 .475-.337.8-.338.325-.813.325Zm0-9.075q-.475 0-.812-.338-.338-.337-.338-.812V5.9q0-.475.338-.8.337-.325.812-.325.475 0 .813.325.337.325.337.8v1.95h1.95q.475 0 .8.337.325.338.325.813 0 .475-.325.812-.325.338-.8.338Z"/></svg>

package/src/ui/components/button/svg/res/language.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M17.469 15.446a6.892 6.892 310 1 0-4.772 3.342l2.872.986q1.9.626 1.9-1.374v-2.954l2.598 1.5V22q0 2-1.899 1.374l-4.95-1.632a9.892 9.892 310 1 1 6.849-4.796zM7 10a1 1 180 1 0 0 2 1 1 180 1 0 0-2zm4 0a1 1 180 1 0 0 2h5a1 1 180 1 0 0-2zm-3 4a1 1 180 1 0 0 2h3a1 1 180 1 0 0-2zm7 0a1 1 180 1 0 0 2 1 1 180 1 0 0-2z"/></svg>

package/src/ui/components/button/svg/res/list.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 96 960 960" width="24"><path d="M400 856q-17 0-28.5-11.5T360 816q0-17 11.5-28.5T400 776h400q17 0 28.5 11.5T840 816q0 17-11.5 28.5T800 856H400Zm0-240q-17 0-28.5-11.5T360 576q0-17 11.5-28.5T400 536h400q17 0 28.5 11.5T840 576q0 17-11.5 28.5T800 616H400Zm0-240q-17 0-28.5-11.5T360 336q0-17 11.5-28.5T400 296h400q17 0 28.5 11.5T840 336q0 17-11.5 28.5T800 376H400ZM200 896q-33 0-56.5-23.5T120 816q0-33 23.5-56.5T200 736q33 0 56.5 23.5T280 816q0 33-23.5 56.5T200 896Zm0-240q-33 0-56.5-23.5T120 576q0-33 23.5-56.5T200 496q33 0 56.5 23.5T280 576q0 33-23.5 56.5T200 656Zm0-240q-33 0-56.5-23.5T120 336q0-33 23.5-56.5T200 256q33 0 56.5 23.5T280 336q0 33-23.5 56.5T200 416Z"/></svg>

package/src/ui/components/button/svg/res/live.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><circle cx="12" cy="12" r="7"/></svg>

package/src/ui/components/button/svg/res/pause.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M2.108 1.914Q2.108.5 3.522.5h4.171q1.415 0 1.415 1.414v20.172q0 1.414-1.415 1.414H3.522q-1.414 0-1.414-1.414zm12.784 0Q14.892.5 16.307.5h4.171q1.414 0 1.414 1.414v20.172q0 1.414-1.414 1.414h-4.171q-1.415 0-1.415-1.414z"/></svg>

package/src/ui/components/button/svg/res/pip_enter.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="M22.3 25.85h16.75V13H22.3ZM7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.25 0 2.125.9T44 11v26q0 1.2-.875 2.1-.875.9-2.125.9Zm0-3V11v26Zm0 0h34V11H7v26Zm18.3-14.15V16h10.75v6.85Z"/></svg>

package/src/ui/components/button/svg/res/pip_exit.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="M7 40q-1.2 0-2.1-.9Q4 38.2 4 37V22h3v15h34V11H22V8h19q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Zm27.85-7L37 30.85l-7.55-7.5h5.9v-3h-11v11h3V25.5ZM4 19V8h15v11Zm20 5Z"/></svg>

package/src/ui/components/button/svg/res/play.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90" width="24" height="24"><path d="M77.504 50.868c-7.236 5.156-16.584 10.914-28.04 17.269-11.044 6.207-20.729 11.081-29.053 14.625l-9.224 3.43c-.581-2.493-1.125-6.188-1.632-11.08-1.143-9.75-1.715-20.513-1.715-32.288 0-10.781.777-20.858 2.333-30.234l2.251-10.772 9.787 3.29c8.476 3.375 17.663 8.166 27.563 14.373 10.48 6.562 19.472 12.805 26.97 18.73 3.749 2.982 6.449 5.279 8.099 6.891l-7.339 5.766"/></svg>

package/src/ui/components/button/svg/res/replay.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M12 23q-3.725 0-6.438-2.375Q2.85 18.25 2.275 14.7q-.1-.625.325-1.088.425-.462 1.125-.462.6 0 1.087.437.488.438.663 1.113.5 2.225 2.313 3.688Q9.6 19.85 12 19.85q2.8 0 4.75-1.963 1.95-1.962 1.95-4.762t-1.962-4.75q-1.963-1.95-4.763-1.95H11.8l.525.525q.375.375.363.85-.013.475-.363.825t-.85.363q-.5.012-.85-.338l-2.7-2.7q-.225-.225-.337-.513-.113-.287-.113-.587t.113-.588q.112-.287.337-.512L10.6 1.075q.35-.35.875-.363.525-.012.875.363.35.35.338.85-.013.5-.363.85l-.5.5h.15q2.05 0 3.85.775 1.8.775 3.15 2.112Q20.325 7.5 21.1 9.287q.775 1.788.775 3.838t-.775 3.85q-.775 1.8-2.112 3.137-1.338 1.338-3.138 2.113Q14.05 23 12 23Z"/></svg>

package/src/ui/components/button/svg/res/settings.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M14 22.475h-4q-.475 0-.863-.337-.387-.338-.437-.813l-.3-2.2q-.2-.075-.4-.2t-.375-.25l-2.05.85q-.475.2-.937.05-.463-.15-.738-.6l-1.975-3.45q-.25-.45-.162-.95.087-.5.487-.775l1.775-1.35Q4 12.325 4 12.225v-.45q0-.1.025-.225L2.25 10.2q-.4-.3-.487-.8-.088-.5.162-.925L3.9 5.025q.25-.45.725-.588.475-.137.95.038l2.075.875q.175-.15.363-.263.187-.112.387-.187l.3-2.225q.05-.5.425-.825.375-.325.875-.325h4q.5 0 .875.325t.425.825l.3 2.225q.2.075.4.187.2.113.375.263l2.05-.875q.475-.175.938-.025.462.15.737.575l2 3.45q.25.45.15.95-.1.5-.5.775l-1.775 1.35v.675q0 .1-.025.225l1.775 1.35q.4.275.487.775.088.5-.162.95l-2 3.45q-.25.425-.725.587-.475.163-.95-.037l-2.025-.85q-.175.125-.362.25-.188.125-.388.2l-.3 2.2q-.05.475-.425.813-.375.337-.875.337ZM12 15.5q1.45 0 2.475-1.025Q15.5 13.45 15.5 12q0-1.45-1.025-2.475Q13.45 8.5 12 8.5q-1.45 0-2.475 1.025Q8.5 10.55 8.5 12q0 1.45 1.025 2.475Q10.55 15.5 12 15.5Z"/></svg>

package/src/ui/components/button/svg/res/skip-next.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M17.5 18q-.425 0-.712-.288-.288-.287-.288-.712V7q0-.425.288-.713Q17.075 6 17.5 6t.712.287q.288.288.288.713v10q0 .425-.288.712-.287.288-.712.288ZM7.05 16.975q-.5.35-1.025.05-.525-.3-.525-.9v-8.25q0-.6.525-.888.525-.287 1.025.038l6.2 4.15q.45.3.45.825 0 .525-.45.825Z"/></svg>

package/src/ui/components/button/svg/res/volume-high.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M16.275 20.625q-.575.25-1.1-.15-.525-.4-.525-1.05 0-.35.188-.613.187-.262.512-.387 1.925-.825 3.113-2.575 1.187-1.75 1.187-3.875T18.463 8.1q-1.188-1.75-3.113-2.575-.325-.125-.512-.4-.188-.275-.188-.625 0-.65.525-1.038.525-.387 1.1-.137 2.6 1.1 4.175 3.425 1.575 2.325 1.575 5.225 0 2.9-1.575 5.225-1.575 2.325-4.175 3.425ZM3.55 15.85q-.65 0-1.112-.463-.463-.462-.463-1.112v-4.55q0-.65.463-1.113Q2.9 8.15 3.55 8.15h2.925l3.5-3.5q.75-.75 1.713-.338.962.413.962 1.463v12.45q0 1.05-.962 1.463-.963.412-1.713-.338l-3.5-3.5Zm11.1.45V7.65q1.3.625 2.088 1.8.787 1.175.787 2.55 0 1.375-.787 2.525-.788 1.15-2.088 1.775Z"/></svg>

package/src/ui/components/button/svg/res/volume-low.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M3.55 15.85q-.65 0-1.112-.463-.463-.462-.463-1.112v-4.55q0-.65.463-1.113Q2.9 8.15 3.55 8.15h2.925l3.5-3.5q.75-.75 1.713-.338.962.413.962 1.463v12.45q0 1.05-.962 1.463-.963.412-1.713-.338l-3.5-3.5Zm11.1.45V7.65q1.3.625 2.088 1.8.787 1.175.787 2.55 0 1.375-.787 2.525-.788 1.15-2.088 1.775Z"/></svg>

package/src/ui/components/button/svg/res/volume-off.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="m19.225 22.55-2.25-2.275q-.175.1-.35.187-.175.088-.375.163-.525.2-1.075-.138-.55-.337-.55-1.062 0-.225.088-.425.087-.2.287-.325.05-.025.138-.088.087-.062.137-.087l-2.65-2.7v2.425q0 1.05-.962 1.463-.963.412-1.713-.338l-3.5-3.5H3.525q-.65 0-1.112-.463-.463-.462-.463-1.112v-4.55q0-.65.463-1.113.462-.462 1.112-.462H5.2L1.35 4.2Q1 3.85 1 3.375t.35-.825q.35-.35.85-.35t.85.35L20.9 20.9q.35.35.35.825t-.35.825q-.35.35-.838.35-.487 0-.837-.35ZM16.25 3.325q2.6 1.1 4.188 3.425 1.587 2.325 1.587 5.225 0 1.425-.4 2.7-.4 1.275-1.125 2.4L18.775 15.3q.425-.75.638-1.588.212-.837.212-1.737 0-2.125-1.175-3.875t-3.1-2.575q-.325-.125-.525-.4t-.2-.625q0-.65.525-1.038.525-.387 1.1-.137Zm.925 10.35-2.55-2.6V7.65q1.275.6 2.088 1.762.812 1.163.812 2.588 0 .45-.087.875-.088.425-.263.8ZM12.625 9l-3.45-3.575.775-.775q.75-.75 1.713-.338.962.413.962 1.463Z"/></svg>

package/src/ui/components/controlbar/ControlBar.tsx

@@ -1,69 +0,0 @@
-import React, { ReactNode } from 'react';
-import { StyleProp, View, ViewStyle } from 'react-native';
-import { PlayerContext, UiContext } from '../util/PlayerContext';
-
-/**
- * The default style for the control bar.
- */
-export const DEFAULT_CONTROL_BAR_STYLE: ViewStyle = {
-  flexDirection: 'row',
-  justifyContent: 'flex-end',
-};
-
-interface ControlBarProps {
-  /**
-   * The style overrides for the control bar.
-   */
-  style?: StyleProp<ViewStyle>;
-}
-
-/**
- * A control bar component that renders all children horizontally.
- */
-export const ControlBar = (props: React.PropsWithChildren<ControlBarProps>) => {
-  const { style, children } = props;
-  return (
-    <PlayerContext.Consumer>
-      {(context: UiContext) => (
-        <View style={[DEFAULT_CONTROL_BAR_STYLE, { height: context.style.dimensions.controlBarHeight }, style]}>{children}</View>
-      )}
-    </PlayerContext.Consumer>
-  );
-};
-
-interface CenteredControlBarProps {
-  /**
-   * The style overrides for the control bar.
-   */
-  style?: StyleProp<ViewStyle>;
-  /**
-   * The component that will be placed in the left slot.
-   */
-  left?: ReactNode;
-  /**
-   * The component that will be placed in the middle slot.
-   */
-  middle?: ReactNode;
-  /**
-   * The component that will be placed in the right slot.
-   */
-  right?: ReactNode;
-}
-
-/**
- * A control bar that can only render 3 properties in the left/middle/right. This is used to create controls in the center of the player.
- */
-export const CenteredControlBar = (props: CenteredControlBarProps) => {
-  const { style, middle, left, right } = props;
-  return (
-    <PlayerContext.Consumer>
-      {(context: UiContext) => (
-        <ControlBar style={[{ height: context.style.dimensions.centerControlBarHeight, width: '100%', justifyContent: 'space-between' }, style]}>
-          <View style={{ height: context.style.dimensions.centerControlBarHeight }}>{left}</View>
-          {middle}
-          <View style={{ height: context.style.dimensions.centerControlBarHeight }}>{right}</View>
-        </ControlBar>
-      )}
-    </PlayerContext.Consumer>
-  );
-};

package/src/ui/components/controlbar/Spacer.tsx

@@ -1,9 +0,0 @@
-import { View } from 'react-native';
-import React from 'react';
-
-/**
- * A spacer that can be used with the control bar to space out components left and right.
- */
-export const Spacer = () => {
-  return <View style={{ flexGrow: 1 }} />;
-};

package/src/ui/components/controlbar/barrel.ts

@@ -1,2 +0,0 @@
-export * from './ControlBar';
-export * from './Spacer';

package/src/ui/components/menu/LanguageMenuButton.tsx

@@ -1,192 +0,0 @@
-import React, { PureComponent } from 'react';
-import type { MediaTrack } from 'react-native-theoplayer';
-import { PlayerEventType, TextTrack } from 'react-native-theoplayer';
-import { PlayerContext, UiContext } from '../util/PlayerContext';
-import { LanguageSvg } from '../button/svg/LanguageSvg';
-import { ScrollableMenu } from './common/ScrollableMenu';
-import { MenuRadioButton } from './common/MenuRadioButton';
-import { MenuButton } from './common/MenuButton';
-import { filterRenderableTracks, getTrackLabel } from '../util/TrackUtils';
-import { MenuView } from './common/MenuView';
-import type { StyleProp, ViewStyle } from 'react-native';
-
-export interface LanguageMenuButtonState {
-  audioTracks: MediaTrack[];
-  textTracks: TextTrack[];
-}
-
-export interface LanguageMenuButtonProps {
-  /**
-   * The style overrides.
-   */
-  menuStyle?: StyleProp<ViewStyle>;
-}
-
-/**
- * A button component that opens a language selection menu (audio/text) for the `react-native-theoplayer` UI.
- */
-export class LanguageMenuButton extends PureComponent<LanguageMenuButtonProps, LanguageMenuButtonState> {
-  constructor(props: LanguageMenuButtonProps) {
-    super(props);
-    this.state = { audioTracks: [], textTracks: [] };
-  }
-
-  componentDidMount() {
-    const player = (this.context as UiContext).player;
-    player.addEventListener(PlayerEventType.MEDIA_TRACK_LIST, this._updateTrackLists);
-    player.addEventListener(PlayerEventType.TEXT_TRACK_LIST, this._updateTrackLists);
-    this._updateTrackLists();
-  }
-
-  componentWillUnmount() {
-    const player = (this.context as UiContext).player;
-    player.removeEventListener(PlayerEventType.MEDIA_TRACK_LIST, this._updateTrackLists);
-    player.removeEventListener(PlayerEventType.TEXT_TRACK_LIST, this._updateTrackLists);
-  }
-
-  private _updateTrackLists = () => {
-    const player = (this.context as UiContext).player;
-    this.setState({
-      audioTracks: player.audioTracks,
-      textTracks: player.textTracks,
-    });
-  };
-
-  render() {
-    const { audioTracks, textTracks } = this.state;
-    const { menuStyle } = this.props;
-
-    const selectableTextTracks = filterRenderableTracks(textTracks);
-
-    if (audioTracks.length < 2 && selectableTextTracks.length === 0) {
-      return <></>;
-    }
-
-    const createMenu = () => {
-      return <LanguageMenuView style={menuStyle} />;
-    };
-
-    return <MenuButton svg={<LanguageSvg />} menuConstructor={createMenu} />;
-  }
-}
-
-export interface LanguageMenuViewState extends LanguageMenuButtonState {
-  selectedAudioTrack: number | undefined;
-  selectedTextTrack: number | undefined;
-}
-
-export interface LanguageMenuViewProps {
-  style?: StyleProp<ViewStyle>;
-}
-
-export class LanguageMenuView extends PureComponent<LanguageMenuViewProps, LanguageMenuViewState> {
-  constructor(props: LanguageMenuViewProps) {
-    super(props);
-    this.state = {
-      audioTracks: [],
-      textTracks: [],
-      selectedAudioTrack: undefined,
-      selectedTextTrack: undefined,
-    };
-  }
-
-  private _updateTrackLists = () => {
-    const player = (this.context as UiContext).player;
-    this.setState({
-      audioTracks: player.audioTracks,
-      textTracks: player.textTracks,
-      selectedAudioTrack: player.selectedAudioTrack,
-      selectedTextTrack: player.selectedTextTrack,
-    });
-  };
-
-  componentDidMount() {
-    const player = (this.context as UiContext).player;
-    // The track lists might change while the menu is open, so we need to monitor them.
-    player.addEventListener(PlayerEventType.MEDIA_TRACK_LIST, this._updateTrackLists);
-    player.addEventListener(PlayerEventType.TEXT_TRACK_LIST, this._updateTrackLists);
-    this._updateTrackLists();
-  }
-
-  componentWillUnmount() {
-    const player = (this.context as UiContext).player;
-    player.removeEventListener(PlayerEventType.MEDIA_TRACK_LIST, this._updateTrackLists);
-    player.removeEventListener(PlayerEventType.TEXT_TRACK_LIST, this._updateTrackLists);
-  }
-
-  private onSelectTextTrack = (uid: number | undefined) => {
-    const { textTracks } = this.state;
-    const textTrack = textTracks.find((track) => track.uid === uid);
-    const context = this.context as UiContext;
-    context.player.selectedTextTrack = textTrack?.uid;
-    this.setState({ selectedTextTrack: textTrack?.uid });
-  };
-
-  private selectAudioTrack = (uid: number | undefined) => {
-    const { audioTracks } = this.state;
-    const audioTrack = audioTracks.find((track) => track.uid === uid);
-    if (audioTrack) {
-      const context = this.context as UiContext;
-      context.player.selectedAudioTrack = audioTrack.uid;
-      this.setState({ selectedAudioTrack: audioTrack.uid });
-    }
-  };
-
-  render() {
-    const { style } = this.props;
-    const { audioTracks, textTracks, selectedAudioTrack, selectedTextTrack } = this.state;
-    // The sort is needed because tracks are returned in different order on the native SDKs.
-    const selectableTextTracks = filterRenderableTracks(textTracks).sort((first, second) => first.uid - second.uid);
-    const selectableAudioTracks = audioTracks.sort((first, second) => first.uid - second.uid);
-    return (
-      <MenuView
-        style={style}
-        menu={
-          <>
-            {selectableAudioTracks.length > 1 && (
-              <ScrollableMenu
-                title={'Audio'}
-                items={selectableAudioTracks.map((track, id) => (
-                  <MenuRadioButton
-                    key={id}
-                    label={getTrackLabel(track)}
-                    uid={track.uid}
-                    onSelect={this.selectAudioTrack}
-                    selected={track.uid === selectedAudioTrack}></MenuRadioButton>
-                ))}
-              />
-            )}
-            {selectableTextTracks.length > 0 && (
-              <ScrollableMenu
-                title={'Subtitles'}
-                items={
-                  <>
-                    <MenuRadioButton
-                      key={0}
-                      label={'off'}
-                      uid={undefined}
-                      onSelect={this.onSelectTextTrack}
-                      selected={selectedTextTrack === undefined}
-                    />
-                    {selectableTextTracks.map((track, id) => (
-                      <MenuRadioButton
-                        key={id + 1}
-                        label={getTrackLabel(track)}
-                        uid={track.uid}
-                        onSelect={this.onSelectTextTrack}
-                        selected={track.uid === selectedTextTrack}
-                      />
-                    ))}
-                  </>
-                }
-              />
-            )}
-          </>
-        }
-      />
-    );
-  }
-}
-
-LanguageMenuButton.contextType = PlayerContext;
-LanguageMenuView.contextType = PlayerContext;