react-native-theoplayer 1.8.2 → 2.0.0

package/lib/module/ui/components/uicontroller/UiContainer.js

@@ -0,0 +1,336 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React, { PureComponent } from 'react';
+import { Animated, Platform, View } from 'react-native';
+import { PlayerContext } from '../util/PlayerContext';
+import { CastEventType, PlayerEventType, PresentationMode } from 'react-native-theoplayer';
+import { ErrorDisplay } from '../message/ErrorDisplay';
+/**
+ * The default style for a fullscreen centered view.
+ */
+export const FULLSCREEN_CENTER_STYLE = {
+  position: 'absolute',
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0,
+  alignItems: 'center',
+  justifyContent: 'center'
+};
+
+/**
+ * The default style for the center container.
+ */
+export const UI_CONTAINER_STYLE = {
+  position: 'absolute',
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0,
+  zIndex: 0,
+  justifyContent: 'center',
+  overflow: 'hidden'
+};
+
+/**
+ * The default style for the top container.
+ */
+export const TOP_UI_CONTAINER_STYLE = {
+  position: 'absolute',
+  top: 0,
+  left: 0,
+  right: 0,
+  zIndex: 1,
+  paddingTop: 10,
+  paddingLeft: 10,
+  paddingRight: 10
+};
+
+/**
+ * The default style for the center container.
+ */
+export const CENTER_UI_CONTAINER_STYLE = {
+  alignSelf: 'center',
+  width: '60%'
+};
+
+/**
+ * The default style for the bottom container.
+ */
+export const BOTTOM_UI_CONTAINER_STYLE = {
+  position: 'absolute',
+  left: 0,
+  right: 0,
+  bottom: 0,
+  zIndex: 1,
+  paddingBottom: 10,
+  paddingLeft: 10,
+  paddingRight: 10
+};
+/**
+ * A component that does all the coordination between UI components.
+ * - It provides all UI components with the PlayerContext, so they can access the styling and player.
+ * - It provides slots for UI components to be places in the top/center/bottom positions.
+ * - It uses animations to fade the UI in and out when applicable.
+ */
+export class UiContainer extends PureComponent {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "_currentFadeOutTimeout", undefined);
+    _defineProperty(this, "_menus", []);
+    _defineProperty(this, "onPlay", () => {
+      this.setState({
+        firstPlay: true,
+        paused: false
+      });
+      this.resumeAnimationsIfPossible_();
+    });
+    _defineProperty(this, "onPause", () => {
+      this.setState({
+        firstPlay: true,
+        paused: true
+      });
+      this.stopAnimationsAndShowUi_();
+    });
+    _defineProperty(this, "onSourceChange", () => {
+      this.setState({
+        paused: this.props.player.paused
+      });
+    });
+    _defineProperty(this, "onLoadStart", () => {
+      this.setState({
+        error: undefined
+      });
+    });
+    _defineProperty(this, "onError", event => {
+      const {
+        error
+      } = event;
+      this.setState({
+        error
+      });
+    });
+    _defineProperty(this, "onCastEvent", event => {
+      if (event.subType === CastEventType.CHROMECAST_STATE_CHANGE || event.subType === CastEventType.AIRPLAY_STATE_CHANGE) {
+        this.setState({
+          casting: event.state === 'connecting' || event.state === 'connected'
+        });
+        this.resumeAnimationsIfPossible_();
+      }
+    });
+    _defineProperty(this, "onEnded", () => {
+      this.stopAnimationsAndShowUi_();
+    });
+    _defineProperty(this, "onPresentationModeChange", event => {
+      this.setState({
+        pip: event.presentationMode === PresentationMode.pip
+      });
+    });
+    _defineProperty(this, "onUserAction_", () => {
+      if (!this.state.firstPlay) {
+        return;
+      }
+      this.stopAnimationsAndShowUi_();
+      this.resumeAnimationsIfPossible_();
+    });
+    _defineProperty(this, "openMenu_", menuConstructor => {
+      this._menus.push(menuConstructor);
+      this.setState({
+        currentMenu: menuConstructor()
+      });
+      this.stopAnimationsAndShowUi_();
+    });
+    _defineProperty(this, "closeCurrentMenu_", () => {
+      this._menus.pop();
+      const nextMenu = this._menus.length > 0 ? this._menus[this._menus.length - 1] : undefined;
+      this.setState({
+        currentMenu: nextMenu === null || nextMenu === void 0 ? void 0 : nextMenu()
+      });
+      this.resumeAnimationsIfPossible_();
+    });
+    _defineProperty(this, "doFadeIn_", () => {
+      const {
+        fadeAnimation
+      } = this.state;
+      this.setState({
+        showing: true
+      });
+      Animated.timing(fadeAnimation, {
+        useNativeDriver: true,
+        toValue: 1,
+        duration: 200
+      }).start(() => {
+        this.setState({
+          buttonsEnabled: true
+        });
+      });
+    });
+    _defineProperty(this, "doFadeOut_", () => {
+      if (this.animationsBlocked_) {
+        return;
+      }
+      clearTimeout(this._currentFadeOutTimeout);
+      const {
+        fadeAnimation
+      } = this.state;
+      this.setState({
+        buttonsEnabled: false
+      });
+      Animated.timing(fadeAnimation, {
+        useNativeDriver: true,
+        toValue: 0,
+        duration: 200
+      }).start(() => {
+        this.setState({
+          showing: false
+        });
+      });
+    });
+    this.state = UiContainer.initialState;
+  }
+  componentDidMount() {
+    const player = this.props.player;
+    player.addEventListener(PlayerEventType.LOAD_START, this.onLoadStart);
+    player.addEventListener(PlayerEventType.ERROR, this.onError);
+    player.addEventListener(PlayerEventType.CAST_EVENT, this.onCastEvent);
+    player.addEventListener(PlayerEventType.PLAY, this.onPlay);
+    player.addEventListener(PlayerEventType.PLAYING, this.onPlay);
+    player.addEventListener(PlayerEventType.PAUSE, this.onPause);
+    player.addEventListener(PlayerEventType.SOURCE_CHANGE, this.onSourceChange);
+    player.addEventListener(PlayerEventType.CAST_EVENT, this.onCastEvent);
+    player.addEventListener(PlayerEventType.ENDED, this.onEnded);
+    player.addEventListener(PlayerEventType.PRESENTATIONMODE_CHANGE, this.onPresentationModeChange);
+    if (player.source !== undefined && player.currentTime !== 0) {
+      this.onPlay();
+    }
+    this.setState({
+      pip: player.presentationMode === 'picture-in-picture'
+    });
+  }
+  componentWillUnmount() {
+    const player = this.props.player;
+    player.removeEventListener(PlayerEventType.LOAD_START, this.onLoadStart);
+    player.removeEventListener(PlayerEventType.ERROR, this.onError);
+    player.removeEventListener(PlayerEventType.CAST_EVENT, this.onCastEvent);
+    player.removeEventListener(PlayerEventType.PLAY, this.onPlay);
+    player.removeEventListener(PlayerEventType.PLAYING, this.onPlay);
+    player.removeEventListener(PlayerEventType.PAUSE, this.onPause);
+    player.removeEventListener(PlayerEventType.SOURCE_CHANGE, this.onSourceChange);
+    player.removeEventListener(PlayerEventType.CAST_EVENT, this.onCastEvent);
+    player.removeEventListener(PlayerEventType.ENDED, this.onEnded);
+    player.removeEventListener(PlayerEventType.PRESENTATIONMODE_CHANGE, this.onPresentationModeChange);
+    clearTimeout(this._currentFadeOutTimeout);
+  }
+  get buttonsEnabled_() {
+    return this.state.buttonsEnabled;
+  }
+
+  /**
+   * Request to show the UI due to user input.
+   */
+
+  stopAnimationsAndShowUi_() {
+    clearTimeout(this._currentFadeOutTimeout);
+    this._currentFadeOutTimeout = undefined;
+    if (!this.state.showing) {
+      this.doFadeIn_();
+    }
+  }
+  resumeAnimationsIfPossible_() {
+    clearTimeout(this._currentFadeOutTimeout);
+    if (this.animationsBlocked_) {
+      return;
+    }
+    // Only resume animation when paused except for web.
+    // This is because mobile users can tap away the UI when paused, but desktop users can't.
+    if (Platform.OS === 'web' || !this.state.paused) {
+      // @ts-ignore
+      this._currentFadeOutTimeout = setTimeout(this.doFadeOut_, this.props.theme.fadeAnimationTimoutMs);
+    }
+  }
+  get animationsBlocked_() {
+    const {
+      firstPlay,
+      currentMenu,
+      casting,
+      pip
+    } = this.state;
+    return !firstPlay || currentMenu !== undefined || casting || pip;
+  }
+  render() {
+    const {
+      player,
+      theme,
+      top,
+      center,
+      bottom,
+      children,
+      style,
+      topStyle,
+      centerStyle,
+      bottomStyle,
+      behind
+    } = this.props;
+    const {
+      fadeAnimation,
+      currentMenu,
+      error,
+      firstPlay,
+      pip
+    } = this.state;
+    if (error !== undefined) {
+      return /*#__PURE__*/React.createElement(ErrorDisplay, {
+        error: error
+      });
+    }
+    if (Platform.OS !== 'web' && pip) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+    const combinedContainerStyle = [UI_CONTAINER_STYLE, style];
+    return /*#__PURE__*/React.createElement(PlayerContext.Provider, {
+      value: {
+        player,
+        style: theme,
+        ui: this
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: FULLSCREEN_CENTER_STYLE
+    }, behind), /*#__PURE__*/React.createElement(Animated.View, _extends({
+      style: [combinedContainerStyle, {
+        opacity: fadeAnimation
+      }],
+      onTouchStart: this.onUserAction_
+    }, Platform.OS === 'web' ? {
+      onMouseMove: this.onUserAction_,
+      onMouseLeave: this.doFadeOut_
+    } : {}), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+      style: [combinedContainerStyle, {
+        backgroundColor: theme.colors.uiBackground
+      }],
+      onTouchStart: this.doFadeOut_
+    }), currentMenu !== undefined && /*#__PURE__*/React.createElement(View, {
+      style: [combinedContainerStyle]
+    }, currentMenu), currentMenu === undefined && /*#__PURE__*/React.createElement(React.Fragment, null, firstPlay && /*#__PURE__*/React.createElement(View, {
+      style: [TOP_UI_CONTAINER_STYLE, topStyle]
+    }, top), /*#__PURE__*/React.createElement(View, {
+      style: [CENTER_UI_CONTAINER_STYLE, centerStyle]
+    }, center), firstPlay && /*#__PURE__*/React.createElement(View, {
+      style: [BOTTOM_UI_CONTAINER_STYLE, bottomStyle]
+    }, bottom), children))));
+  }
+}
+_defineProperty(UiContainer, "initialState", {
+  fadeAnimation: new Animated.Value(1),
+  currentMenu: undefined,
+  showing: true,
+  buttonsEnabled: true,
+  error: undefined,
+  firstPlay: false,
+  paused: true,
+  casting: false,
+  pip: false
+});
+UiContainer.contextType = PlayerContext;
+//# sourceMappingURL=UiContainer.js.map

package/lib/module/ui/components/uicontroller/UiContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PureComponent","Animated","Platform","View","PlayerContext","CastEventType","PlayerEventType","PresentationMode","ErrorDisplay","FULLSCREEN_CENTER_STYLE","position","top","left","bottom","right","alignItems","justifyContent","UI_CONTAINER_STYLE","zIndex","overflow","TOP_UI_CONTAINER_STYLE","paddingTop","paddingLeft","paddingRight","CENTER_UI_CONTAINER_STYLE","alignSelf","width","BOTTOM_UI_CONTAINER_STYLE","paddingBottom","UiContainer","constructor","props","_defineProperty","undefined","setState","firstPlay","paused","resumeAnimationsIfPossible_","stopAnimationsAndShowUi_","player","error","event","subType","CHROMECAST_STATE_CHANGE","AIRPLAY_STATE_CHANGE","casting","state","pip","presentationMode","menuConstructor","_menus","push","currentMenu","pop","nextMenu","length","fadeAnimation","showing","timing","useNativeDriver","toValue","duration","start","buttonsEnabled","animationsBlocked_","clearTimeout","_currentFadeOutTimeout","initialState","componentDidMount","addEventListener","LOAD_START","onLoadStart","ERROR","onError","CAST_EVENT","onCastEvent","PLAY","onPlay","PLAYING","PAUSE","onPause","SOURCE_CHANGE","onSourceChange","ENDED","onEnded","PRESENTATIONMODE_CHANGE","onPresentationModeChange","source","currentTime","componentWillUnmount","removeEventListener","buttonsEnabled_","doFadeIn_","OS","setTimeout","doFadeOut_","theme","fadeAnimationTimoutMs","render","center","children","style","topStyle","centerStyle","bottomStyle","behind","createElement","Fragment","combinedContainerStyle","Provider","value","ui","_extends","opacity","onTouchStart","onUserAction_","onMouseMove","onMouseLeave","backgroundColor","colors","uiBackground","Value","contextType"],"sources":["UiContainer.tsx"],"sourcesContent":["import React, { PureComponent, ReactNode } from 'react';\nimport { Animated, Platform, StyleProp, View, ViewStyle } from 'react-native';\nimport { PlayerContext } from '../util/PlayerContext';\nimport type { PresentationModeChangeEvent, THEOplayer } from 'react-native-theoplayer';\nimport { CastEvent, CastEventType, ErrorEvent, PlayerError, PlayerEventType, PresentationMode } from 'react-native-theoplayer';\nimport type { THEOplayerTheme } from '../../THEOplayerTheme';\nimport type { MenuConstructor, UiControls } from './UiControls';\nimport { ErrorDisplay } from '../message/ErrorDisplay';\n\ninterface UiContainerProps {\n  /**\n   * The player that is provided to all children using PlayerContext.\n   */\n  player: THEOplayer;\n  /**\n   * The theme that is provided to all children using PlayerContext.\n   */\n  theme: THEOplayerTheme;\n  /**\n   * The style of the container.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * The style of the top slot.\n   */\n  topStyle?: StyleProp<ViewStyle>;\n  /**\n   * The style of the center slot.\n   */\n  centerStyle?: StyleProp<ViewStyle>;\n  /**\n   * The style of the button slot.\n   */\n  bottomStyle?: StyleProp<ViewStyle>;\n  /**\n   * The components to be put in the top slot.\n   */\n  top?: ReactNode;\n  /**\n   * The components to be put in the center slot.\n   */\n  center?: ReactNode;\n  /**\n   * The components to be put in the bottom slot.\n   */\n  bottom?: ReactNode;\n  /**\n   * A slot to put components behind the UI background.\n   */\n  behind?: ReactNode;\n}\n\n/**\n * The default style for a fullscreen centered view.\n */\nexport const FULLSCREEN_CENTER_STYLE: ViewStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n  alignItems: 'center',\n  justifyContent: 'center',\n};\n\n/**\n * The default style for the center container.\n */\nexport const UI_CONTAINER_STYLE: ViewStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n  zIndex: 0,\n  justifyContent: 'center',\n  overflow: 'hidden',\n};\n\n/**\n * The default style for the top container.\n */\nexport const TOP_UI_CONTAINER_STYLE: ViewStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  right: 0,\n  zIndex: 1,\n  paddingTop: 10,\n  paddingLeft: 10,\n  paddingRight: 10,\n};\n\n/**\n * The default style for the center container.\n */\nexport const CENTER_UI_CONTAINER_STYLE: ViewStyle = {\n  alignSelf: 'center',\n  width: '60%',\n};\n\n/**\n * The default style for the bottom container.\n */\nexport const BOTTOM_UI_CONTAINER_STYLE: ViewStyle = {\n  position: 'absolute',\n  left: 0,\n  right: 0,\n  bottom: 0,\n  zIndex: 1,\n  paddingBottom: 10,\n  paddingLeft: 10,\n  paddingRight: 10,\n};\n\ninterface UiContainerState {\n  fadeAnimation: Animated.Value;\n  currentMenu: ReactNode | undefined;\n  showing: boolean;\n  buttonsEnabled: boolean;\n  error: PlayerError | undefined;\n  firstPlay: boolean;\n  paused: boolean;\n  casting: boolean;\n  pip: boolean;\n}\n\n/**\n * A component that does all the coordination between UI components.\n * - It provides all UI components with the PlayerContext, so they can access the styling and player.\n * - It provides slots for UI components to be places in the top/center/bottom positions.\n * - It uses animations to fade the UI in and out when applicable.\n */\nexport class UiContainer extends PureComponent<React.PropsWithChildren<UiContainerProps>, UiContainerState> implements UiControls {\n  private _currentFadeOutTimeout: number | undefined = undefined;\n\n  private _menus: MenuConstructor[] = [];\n\n  static initialState: UiContainerState = {\n    fadeAnimation: new Animated.Value(1),\n    currentMenu: undefined,\n    showing: true,\n    buttonsEnabled: true,\n    error: undefined,\n    firstPlay: false,\n    paused: true,\n    casting: false,\n    pip: false,\n  };\n\n  constructor(props: UiContainerProps) {\n    super(props);\n    this.state = UiContainer.initialState;\n  }\n\n  componentDidMount() {\n    const player = this.props.player;\n    player.addEventListener(PlayerEventType.LOAD_START, this.onLoadStart);\n    player.addEventListener(PlayerEventType.ERROR, this.onError);\n    player.addEventListener(PlayerEventType.CAST_EVENT, this.onCastEvent);\n    player.addEventListener(PlayerEventType.PLAY, this.onPlay);\n    player.addEventListener(PlayerEventType.PLAYING, this.onPlay);\n    player.addEventListener(PlayerEventType.PAUSE, this.onPause);\n    player.addEventListener(PlayerEventType.SOURCE_CHANGE, this.onSourceChange);\n    player.addEventListener(PlayerEventType.CAST_EVENT, this.onCastEvent);\n    player.addEventListener(PlayerEventType.ENDED, this.onEnded);\n    player.addEventListener(PlayerEventType.PRESENTATIONMODE_CHANGE, this.onPresentationModeChange);\n    if (player.source !== undefined && player.currentTime !== 0) {\n      this.onPlay();\n    }\n    this.setState({ pip: player.presentationMode === 'picture-in-picture' });\n  }\n\n  componentWillUnmount() {\n    const player = this.props.player;\n    player.removeEventListener(PlayerEventType.LOAD_START, this.onLoadStart);\n    player.removeEventListener(PlayerEventType.ERROR, this.onError);\n    player.removeEventListener(PlayerEventType.CAST_EVENT, this.onCastEvent);\n    player.removeEventListener(PlayerEventType.PLAY, this.onPlay);\n    player.removeEventListener(PlayerEventType.PLAYING, this.onPlay);\n    player.removeEventListener(PlayerEventType.PAUSE, this.onPause);\n    player.removeEventListener(PlayerEventType.SOURCE_CHANGE, this.onSourceChange);\n    player.removeEventListener(PlayerEventType.CAST_EVENT, this.onCastEvent);\n    player.removeEventListener(PlayerEventType.ENDED, this.onEnded);\n    player.removeEventListener(PlayerEventType.PRESENTATIONMODE_CHANGE, this.onPresentationModeChange);\n    clearTimeout(this._currentFadeOutTimeout);\n  }\n\n  private onPlay = () => {\n    this.setState({ firstPlay: true, paused: false });\n    this.resumeAnimationsIfPossible_();\n  };\n\n  private onPause = () => {\n    this.setState({ firstPlay: true, paused: true });\n    this.stopAnimationsAndShowUi_();\n  };\n\n  private onSourceChange = () => {\n    this.setState({ paused: this.props.player.paused });\n  };\n\n  private onLoadStart = () => {\n    this.setState({ error: undefined });\n  };\n\n  private onError = (event: ErrorEvent) => {\n    const { error } = event;\n    this.setState({ error });\n  };\n\n  private onCastEvent = (event: CastEvent) => {\n    if (event.subType === CastEventType.CHROMECAST_STATE_CHANGE || event.subType === CastEventType.AIRPLAY_STATE_CHANGE) {\n      this.setState({ casting: event.state === 'connecting' || event.state === 'connected' });\n      this.resumeAnimationsIfPossible_();\n    }\n  };\n\n  private onEnded = () => {\n    this.stopAnimationsAndShowUi_();\n  };\n\n  private onPresentationModeChange = (event: PresentationModeChangeEvent) => {\n    this.setState({ pip: event.presentationMode === PresentationMode.pip });\n  };\n\n  get buttonsEnabled_(): boolean {\n    return this.state.buttonsEnabled;\n  }\n\n  /**\n   * Request to show the UI due to user input.\n   */\n  public onUserAction_ = () => {\n    if (!this.state.firstPlay) {\n      return;\n    }\n    this.stopAnimationsAndShowUi_();\n    this.resumeAnimationsIfPossible_();\n  };\n\n  public openMenu_ = (menuConstructor: () => ReactNode) => {\n    this._menus.push(menuConstructor);\n    this.setState({ currentMenu: menuConstructor() });\n    this.stopAnimationsAndShowUi_();\n  };\n\n  public closeCurrentMenu_ = () => {\n    this._menus.pop();\n    const nextMenu = this._menus.length > 0 ? this._menus[this._menus.length - 1] : undefined;\n    this.setState({ currentMenu: nextMenu?.() });\n    this.resumeAnimationsIfPossible_();\n  };\n\n  private stopAnimationsAndShowUi_() {\n    clearTimeout(this._currentFadeOutTimeout);\n    this._currentFadeOutTimeout = undefined;\n    if (!this.state.showing) {\n      this.doFadeIn_();\n    }\n  }\n\n  private resumeAnimationsIfPossible_() {\n    clearTimeout(this._currentFadeOutTimeout);\n    if (this.animationsBlocked_) {\n      return;\n    }\n    // Only resume animation when paused except for web.\n    // This is because mobile users can tap away the UI when paused, but desktop users can't.\n    if (Platform.OS === 'web' || !this.state.paused) {\n      // @ts-ignore\n      this._currentFadeOutTimeout = setTimeout(this.doFadeOut_, this.props.theme.fadeAnimationTimoutMs);\n    }\n  }\n\n  private doFadeIn_ = () => {\n    const { fadeAnimation } = this.state;\n    this.setState({ showing: true });\n    Animated.timing(fadeAnimation, {\n      useNativeDriver: true,\n      toValue: 1,\n      duration: 200,\n    }).start(() => {\n      this.setState({ buttonsEnabled: true });\n    });\n  };\n\n  private doFadeOut_ = () => {\n    if (this.animationsBlocked_) {\n      return;\n    }\n    clearTimeout(this._currentFadeOutTimeout);\n    const { fadeAnimation } = this.state;\n    this.setState({ buttonsEnabled: false });\n    Animated.timing(fadeAnimation, {\n      useNativeDriver: true,\n      toValue: 0,\n      duration: 200,\n    }).start(() => {\n      this.setState({ showing: false });\n    });\n  };\n\n  private get animationsBlocked_(): boolean {\n    const { firstPlay, currentMenu, casting, pip } = this.state;\n    return !firstPlay || currentMenu !== undefined || casting || pip;\n  }\n\n  render() {\n    const { player, theme, top, center, bottom, children, style, topStyle, centerStyle, bottomStyle, behind } = this.props;\n    const { fadeAnimation, currentMenu, error, firstPlay, pip } = this.state;\n\n    if (error !== undefined) {\n      return <ErrorDisplay error={error} />;\n    }\n\n    if (Platform.OS !== 'web' && pip) {\n      return <></>;\n    }\n\n    const combinedContainerStyle = [UI_CONTAINER_STYLE, style];\n\n    return (\n      <PlayerContext.Provider value={{ player, style: theme, ui: this }}>\n        {/* The View behind the UI, that is always visible.*/}\n        <View style={FULLSCREEN_CENTER_STYLE}>{behind}</View>\n        {/* The Animated.View is for showing and hiding the UI*/}\n        <Animated.View\n          style={[combinedContainerStyle, { opacity: fadeAnimation }]}\n          onTouchStart={this.onUserAction_}\n          {...(Platform.OS === 'web' ? { onMouseMove: this.onUserAction_, onMouseLeave: this.doFadeOut_ } : {})}>\n          <>\n            {/* The UI background */}\n            <View style={[combinedContainerStyle, { backgroundColor: theme.colors.uiBackground }]} onTouchStart={this.doFadeOut_} />\n\n            {/* The Settings Menu */}\n            {currentMenu !== undefined && <View style={[combinedContainerStyle]}>{currentMenu}</View>}\n\n            {/* The UI control bars*/}\n            {currentMenu === undefined && (\n              <>\n                {firstPlay && <View style={[TOP_UI_CONTAINER_STYLE, topStyle]}>{top}</View>}\n                <View style={[CENTER_UI_CONTAINER_STYLE, centerStyle]}>{center}</View>\n                {firstPlay && <View style={[BOTTOM_UI_CONTAINER_STYLE, bottomStyle]}>{bottom}</View>}\n                {children}\n              </>\n            )}\n          </>\n        </Animated.View>\n      </PlayerContext.Provider>\n    );\n  }\n}\n\nUiContainer.contextType = PlayerContext;\n"],"mappings":"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"}

package/lib/module/ui/components/uicontroller/UiControls.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=UiControls.js.map

package/lib/module/ui/components/uicontroller/UiControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["UiControls.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\n/**\n * A callback function to render a menu when needed.\n */\nexport type MenuConstructor = () => ReactNode;\n\n/**\n * The API provided to all UI components in `react-native-theoplayer` so they can communicate with the UI.\n */\nexport interface UiControls {\n  /*\n   * Whether the UI buttons are enabled.\n   */\n  readonly buttonsEnabled_: boolean;\n\n  /*\n   * Used to notify the UI that a user pressed did an action, so the UI can be faded in.\n   */\n  onUserAction_: () => void;\n\n  /*\n   * Opens a new menu on top of the player.\n   */\n  openMenu_: (menuConstructor: MenuConstructor) => void;\n\n  /*\n   * Closes the current menu. If this was a sub-menu, the parent menu will re-open.\n   */\n  closeCurrentMenu_: () => void;\n}\n"],"mappings":""}

package/lib/module/ui/components/uicontroller/barrel.js

@@ -0,0 +1,3 @@
+export * from './UiContainer';
+export * from './UiControls';
+//# sourceMappingURL=barrel.js.map

package/lib/module/ui/components/uicontroller/barrel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["barrel.ts"],"sourcesContent":["export * from './UiContainer';\nexport * from './UiControls';\n"],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,cAAc"}

package/lib/module/ui/components/util/PlayerContext.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { DEFAULT_THEOPLAYER_THEME } from '../../THEOplayerTheme';
+/**
+ * The context for all UI components of `react-native-theoplayer`.
+ */
+export const PlayerContext = /*#__PURE__*/React.createContext({
+  player: undefined,
+  style: DEFAULT_THEOPLAYER_THEME,
+  ui: undefined
+});
+//# sourceMappingURL=PlayerContext.js.map

package/lib/module/ui/components/util/PlayerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","DEFAULT_THEOPLAYER_THEME","PlayerContext","createContext","player","undefined","style","ui"],"sources":["PlayerContext.ts"],"sourcesContent":["import React from 'react';\nimport type { THEOplayer } from 'react-native-theoplayer';\nimport type { THEOplayerTheme } from '../../THEOplayerTheme';\nimport { DEFAULT_THEOPLAYER_THEME } from '../../THEOplayerTheme';\nimport type { UiControls } from '../uicontroller/UiControls';\n\nexport interface UiContext {\n  /**\n   * The THEOplayer from the THEOplayerView.\n   */\n  readonly player: THEOplayer;\n  /**\n   * The configured THEOplayerTheme.\n   */\n  readonly style: THEOplayerTheme;\n  /**\n   * UI controls for the components to communicate with the UI.\n   */\n  readonly ui: UiControls;\n}\n\n/**\n * The context for all UI components of `react-native-theoplayer`.\n */\nexport const PlayerContext = React.createContext<UiContext>({\n  player: undefined as unknown as THEOplayer,\n  style: DEFAULT_THEOPLAYER_THEME,\n  ui: undefined as unknown as UiControls,\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,wBAAwB,QAAQ,uBAAuB;AAkBhE;AACA;AACA;AACA,OAAO,MAAMC,aAAa,gBAAGF,KAAK,CAACG,aAAa,CAAY;EAC1DC,MAAM,EAAEC,SAAkC;EAC1CC,KAAK,EAAEL,wBAAwB;EAC/BM,EAAE,EAAEF;AACN,CAAC,CAAC"}

package/lib/module/ui/components/util/TrackUtils.js

@@ -0,0 +1,60 @@
+import { TrackListEventType } from 'react-native-theoplayer';
+import { getISO639LanguageByCode } from '../../utils/language/Language';
+export function getTrackLabel(track) {
+  if (track.label) {
+    return track.label;
+  }
+  const languageCode = track.language;
+  if (languageCode) {
+    const iso639Language = getISO639LanguageByCode(languageCode);
+    if (iso639Language) {
+      return iso639Language.local;
+    }
+  }
+  return languageCode || '';
+}
+export function stringFromTextTrackListEvent(type) {
+  switch (type) {
+    case TrackListEventType.ADD_TRACK:
+      return 'AddTrack';
+    case TrackListEventType.REMOVE_TRACK:
+      return 'RemoveTrack';
+    case TrackListEventType.CHANGE_TRACK:
+      return 'ChangeTrack';
+  }
+}
+
+/**
+ * Retain renderable tracks.
+ * https://html.spec.whatwg.org/multipage/embedded-content.html#text-track-showing
+ */
+export function filterRenderableTracks(textTracks) {
+  return textTracks.filter(textTrack => textTrack.kind === 'subtitles' || textTrack.kind === 'captions');
+}
+export function getVideoQualityLabel(quality) {
+  let withBandWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  if (!quality) {
+    return 'auto';
+  }
+  if (quality.label && quality.label !== '') {
+    return quality.label;
+  }
+  let label = '';
+  if (quality.height) {
+    label = quality.height + 'p';
+  }
+  if (!withBandWidth || !quality.bandwidth) {
+    return label;
+  }
+  let bandwidth;
+  if (quality.bandwidth > 1e7) {
+    bandwidth = (quality.bandwidth / 1e6).toFixed(0) + 'Mbps';
+  } else if (quality.bandwidth > 1e6) {
+    bandwidth = (quality.bandwidth / 1e6).toFixed(1) + 'Mbps';
+  } else {
+    bandwidth = (quality.bandwidth / 1e3).toFixed(0) + 'kbps';
+  }
+  const isHD = quality.height ? quality.height >= 720 : false;
+  return `${label} - ${bandwidth} ${isHD ? '(HD)' : ''}`;
+}
+//# sourceMappingURL=TrackUtils.js.map

package/lib/module/ui/components/util/TrackUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TrackListEventType","getISO639LanguageByCode","getTrackLabel","track","label","languageCode","language","iso639Language","local","stringFromTextTrackListEvent","type","ADD_TRACK","REMOVE_TRACK","CHANGE_TRACK","filterRenderableTracks","textTracks","filter","textTrack","kind","getVideoQualityLabel","quality","withBandWidth","arguments","length","undefined","height","bandwidth","toFixed","isHD"],"sources":["TrackUtils.ts"],"sourcesContent":["import type { MediaTrack, TextTrack } from 'react-native-theoplayer';\nimport { TrackListEventType, VideoQuality } from 'react-native-theoplayer';\nimport { getISO639LanguageByCode } from '../../utils/language/Language';\n\nexport function getTrackLabel(track: MediaTrack | TextTrack): string {\n  if (track.label) {\n    return track.label;\n  }\n  const languageCode: string = track.language;\n  if (languageCode) {\n    const iso639Language = getISO639LanguageByCode(languageCode);\n    if (iso639Language) {\n      return iso639Language.local;\n    }\n  }\n  return languageCode || '';\n}\n\nexport function stringFromTextTrackListEvent(type: TrackListEventType): string {\n  switch (type) {\n    case TrackListEventType.ADD_TRACK:\n      return 'AddTrack';\n    case TrackListEventType.REMOVE_TRACK:\n      return 'RemoveTrack';\n    case TrackListEventType.CHANGE_TRACK:\n      return 'ChangeTrack';\n  }\n}\n\n/**\n * Retain renderable tracks.\n * https://html.spec.whatwg.org/multipage/embedded-content.html#text-track-showing\n */\nexport function filterRenderableTracks(textTracks: TextTrack[]): TextTrack[] {\n  return textTracks.filter((textTrack) => textTrack.kind === 'subtitles' || textTrack.kind === 'captions');\n}\n\nexport function getVideoQualityLabel(quality: VideoQuality | undefined, withBandWidth = true): string {\n  if (!quality) {\n    return 'auto';\n  }\n  if (quality.label && quality.label !== '') {\n    return quality.label;\n  }\n  let label = '';\n  if (quality.height) {\n    label = quality.height + 'p';\n  }\n  if (!withBandWidth || !quality.bandwidth) {\n    return label;\n  }\n  let bandwidth;\n  if (quality.bandwidth > 1e7) {\n    bandwidth = (quality.bandwidth / 1e6).toFixed(0) + 'Mbps';\n  } else if (quality.bandwidth > 1e6) {\n    bandwidth = (quality.bandwidth / 1e6).toFixed(1) + 'Mbps';\n  } else {\n    bandwidth = (quality.bandwidth / 1e3).toFixed(0) + 'kbps';\n  }\n  const isHD = quality.height ? quality.height >= 720 : false;\n  return `${label} - ${bandwidth} ${isHD ? '(HD)' : ''}`;\n}\n"],"mappings":"AACA,SAASA,kBAAkB,QAAsB,yBAAyB;AAC1E,SAASC,uBAAuB,QAAQ,+BAA+B;AAEvE,OAAO,SAASC,aAAaA,CAACC,KAA6B,EAAU;EACnE,IAAIA,KAAK,CAACC,KAAK,EAAE;IACf,OAAOD,KAAK,CAACC,KAAK;EACpB;EACA,MAAMC,YAAoB,GAAGF,KAAK,CAACG,QAAQ;EAC3C,IAAID,YAAY,EAAE;IAChB,MAAME,cAAc,GAAGN,uBAAuB,CAACI,YAAY,CAAC;IAC5D,IAAIE,cAAc,EAAE;MAClB,OAAOA,cAAc,CAACC,KAAK;IAC7B;EACF;EACA,OAAOH,YAAY,IAAI,EAAE;AAC3B;AAEA,OAAO,SAASI,4BAA4BA,CAACC,IAAwB,EAAU;EAC7E,QAAQA,IAAI;IACV,KAAKV,kBAAkB,CAACW,SAAS;MAC/B,OAAO,UAAU;IACnB,KAAKX,kBAAkB,CAACY,YAAY;MAClC,OAAO,aAAa;IACtB,KAAKZ,kBAAkB,CAACa,YAAY;MAClC,OAAO,aAAa;EAAC;AAE3B;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,sBAAsBA,CAACC,UAAuB,EAAe;EAC3E,OAAOA,UAAU,CAACC,MAAM,CAAEC,SAAS,IAAKA,SAAS,CAACC,IAAI,KAAK,WAAW,IAAID,SAAS,CAACC,IAAI,KAAK,UAAU,CAAC;AAC1G;AAEA,OAAO,SAASC,oBAAoBA,CAACC,OAAiC,EAAgC;EAAA,IAA9BC,aAAa,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAC1F,IAAI,CAACF,OAAO,EAAE;IACZ,OAAO,MAAM;EACf;EACA,IAAIA,OAAO,CAAChB,KAAK,IAAIgB,OAAO,CAAChB,KAAK,KAAK,EAAE,EAAE;IACzC,OAAOgB,OAAO,CAAChB,KAAK;EACtB;EACA,IAAIA,KAAK,GAAG,EAAE;EACd,IAAIgB,OAAO,CAACK,MAAM,EAAE;IAClBrB,KAAK,GAAGgB,OAAO,CAACK,MAAM,GAAG,GAAG;EAC9B;EACA,IAAI,CAACJ,aAAa,IAAI,CAACD,OAAO,CAACM,SAAS,EAAE;IACxC,OAAOtB,KAAK;EACd;EACA,IAAIsB,SAAS;EACb,IAAIN,OAAO,CAACM,SAAS,GAAG,GAAG,EAAE;IAC3BA,SAAS,GAAG,CAACN,OAAO,CAACM,SAAS,GAAG,GAAG,EAAEC,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM;EAC3D,CAAC,MAAM,IAAIP,OAAO,CAACM,SAAS,GAAG,GAAG,EAAE;IAClCA,SAAS,GAAG,CAACN,OAAO,CAACM,SAAS,GAAG,GAAG,EAAEC,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM;EAC3D,CAAC,MAAM;IACLD,SAAS,GAAG,CAACN,OAAO,CAACM,SAAS,GAAG,GAAG,EAAEC,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM;EAC3D;EACA,MAAMC,IAAI,GAAGR,OAAO,CAACK,MAAM,GAAGL,OAAO,CAACK,MAAM,IAAI,GAAG,GAAG,KAAK;EAC3D,OAAQ,GAAErB,KAAM,MAAKsB,SAAU,IAAGE,IAAI,GAAG,MAAM,GAAG,EAAG,EAAC;AACxD"}

package/lib/module/ui/components/util/barrel.js

@@ -0,0 +1,2 @@
+export * from './PlayerContext';
+//# sourceMappingURL=barrel.js.map

package/lib/module/ui/components/util/barrel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["barrel.ts"],"sourcesContent":["export * from './PlayerContext';\n"],"mappings":"AAAA,cAAc,iBAAiB"}

package/lib/module/ui/utils/ArrayUtils.js

@@ -0,0 +1,12 @@
+export function arrayRemoveElement(array, element) {
+  const index = array.indexOf(element);
+  if (index === -1) {
+    return false;
+  }
+  arrayRemoveAt(array, index);
+  return true;
+}
+export function arrayRemoveAt(array, index) {
+  array.splice(index, 1);
+}
+//# sourceMappingURL=ArrayUtils.js.map

package/lib/module/ui/utils/ArrayUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["arrayRemoveElement","array","element","index","indexOf","arrayRemoveAt","splice"],"sources":["ArrayUtils.ts"],"sourcesContent":["export function arrayRemoveElement<T>(array: T[], element: T): boolean {\n  const index = array.indexOf(element);\n  if (index === -1) {\n    return false;\n  }\n  arrayRemoveAt(array, index);\n  return true;\n}\n\nexport function arrayRemoveAt<T>(array: T[], index: number): void {\n  array.splice(index, 1);\n}\n"],"mappings":"AAAA,OAAO,SAASA,kBAAkBA,CAAIC,KAAU,EAAEC,OAAU,EAAW;EACrE,MAAMC,KAAK,GAAGF,KAAK,CAACG,OAAO,CAACF,OAAO,CAAC;EACpC,IAAIC,KAAK,KAAK,CAAC,CAAC,EAAE;IAChB,OAAO,KAAK;EACd;EACAE,aAAa,CAACJ,KAAK,EAAEE,KAAK,CAAC;EAC3B,OAAO,IAAI;AACb;AAEA,OAAO,SAASE,aAAaA,CAAIJ,KAAU,EAAEE,KAAa,EAAQ;EAChEF,KAAK,CAACK,MAAM,CAACH,KAAK,EAAE,CAAC,CAAC;AACxB"}

package/lib/module/ui/utils/language/Language.js

@@ -0,0 +1,27 @@
+import languages from './languages.json';
+/**
+ * "und" is intended for cases where the language in the data
+ * has not been identified, such as when it is mislabeled
+ * or never had been labeled.
+ *
+ * https://en.wikipedia.org/wiki/ISO_639:und
+ */
+export const ISO639_UNDETERMINED = 'und';
+export function getISO639LanguageByCode(code) {
+  if (code === ISO639_UNDETERMINED) {
+    return undefined;
+  }
+  const lcCode = code.toLowerCase();
+  for (const lang of iso639Data) {
+    if (lang['1'] === lcCode || lang['2'] === lcCode || lang['2T'] === lcCode || lang['2B'] === lcCode || lang['3'] === lcCode) {
+      return lang;
+    }
+  }
+  return undefined;
+}
+
+// Original: nodejs-langs by Andrew Lawson
+// License: MIT
+// https://github.com/adlawson/nodejs-langs/blob/bdbf8cfbc26c78dfeeb7f8032889dd88e2219441/data.js
+export const iso639Data = languages;
+//# sourceMappingURL=Language.js.map

package/lib/module/ui/utils/language/Language.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["languages","ISO639_UNDETERMINED","getISO639LanguageByCode","code","undefined","lcCode","toLowerCase","lang","iso639Data"],"sources":["Language.ts"],"sourcesContent":["import languages from './languages.json';\n\nexport interface ISO639Language {\n  name: string;\n  local: string;\n  '1': string;\n  '2': string;\n  '2T': string;\n  '2B': string;\n  '3': string;\n}\n\n/**\n * \"und\" is intended for cases where the language in the data\n * has not been identified, such as when it is mislabeled\n * or never had been labeled.\n *\n * https://en.wikipedia.org/wiki/ISO_639:und\n */\nexport const ISO639_UNDETERMINED = 'und';\n\nexport function getISO639LanguageByCode(code: string): ISO639Language | undefined {\n  if (code === ISO639_UNDETERMINED) {\n    return undefined;\n  }\n  const lcCode = code.toLowerCase();\n  for (const lang of iso639Data) {\n    if (lang['1'] === lcCode || lang['2'] === lcCode || lang['2T'] === lcCode || lang['2B'] === lcCode || lang['3'] === lcCode) {\n      return lang;\n    }\n  }\n  return undefined;\n}\n\n// Original: nodejs-langs by Andrew Lawson\n// License: MIT\n// https://github.com/adlawson/nodejs-langs/blob/bdbf8cfbc26c78dfeeb7f8032889dd88e2219441/data.js\nexport const iso639Data: ISO639Language[] = languages;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,kBAAkB;AAYxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,mBAAmB,GAAG,KAAK;AAExC,OAAO,SAASC,uBAAuBA,CAACC,IAAY,EAA8B;EAChF,IAAIA,IAAI,KAAKF,mBAAmB,EAAE;IAChC,OAAOG,SAAS;EAClB;EACA,MAAMC,MAAM,GAAGF,IAAI,CAACG,WAAW,EAAE;EACjC,KAAK,MAAMC,IAAI,IAAIC,UAAU,EAAE;IAC7B,IAAID,IAAI,CAAC,GAAG,CAAC,KAAKF,MAAM,IAAIE,IAAI,CAAC,GAAG,CAAC,KAAKF,MAAM,IAAIE,IAAI,CAAC,IAAI,CAAC,KAAKF,MAAM,IAAIE,IAAI,CAAC,IAAI,CAAC,KAAKF,MAAM,IAAIE,IAAI,CAAC,GAAG,CAAC,KAAKF,MAAM,EAAE;MAC1H,OAAOE,IAAI;IACb;EACF;EACA,OAAOH,SAAS;AAClB;;AAEA;AACA;AACA;AACA,OAAO,MAAMI,UAA4B,GAAGR,SAAS"}