react-native-theoplayer 2.8.0 → 2.9.0

package/lib/module/ui/THEOplayerDefaultUi.js

@@ -1,74 +0,0 @@
-import React, { useState } from 'react';
-import { FULLSCREEN_CENTER_STYLE, THEOplayerView } from 'react-native-theoplayer';
-import { SeekBar } from './components/seekbar/SeekBar';
-import { AirplayButton } from './components/button/AirplayButton';
-import { CenteredControlBar, ControlBar } from './components/controlbar/ControlBar';
-import { TimeLabel } from './components/timelabel/TimeLabel';
-import { FullscreenButton } from './components/button/FullscreenButton';
-import { LanguageMenuButton } from './components/menu/LanguageMenuButton';
-import { MuteButton } from './components/button/MuteButton';
-import { CastMessage } from './components/message/CastMessage';
-import { DEFAULT_THEOPLAYER_THEME } from './THEOplayerTheme';
-import { Platform, View } from 'react-native';
-import { UiContainer } from './components/uicontroller/UiContainer';
-import { PlayButton } from './components/button/PlayButton';
-import { SkipButton } from './components/button/SkipButton';
-import { Spacer } from './components/controlbar/Spacer';
-import { ChromecastButton } from './components/button/ChromecastButton';
-import { CenteredDelayedActivityIndicator } from './components/activityindicator/CenteredDelayedActivityIndicator';
-/**
- * A default UI layout which uses UI components from `react-native-theoplayer` to create a basic playback UI around a THEOplayerView.
- */
-export function THEOplayerDefaultUi(props) {
-  const {
-    theme,
-    config,
-    topSlot,
-    bottomSlot,
-    style
-  } = props;
-  const [player, setPlayer] = useState(undefined);
-  const chromeless = (config === null || config === void 0 ? void 0 : config.chromeless) ?? false;
-  const onPlayerReady = player => {
-    var _props$onPlayerReady;
-    setPlayer(player);
-    (_props$onPlayerReady = props.onPlayerReady) === null || _props$onPlayerReady === void 0 ? void 0 : _props$onPlayerReady.call(props, player);
-  };
-  return /*#__PURE__*/React.createElement(View, {
-    style: style
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [FULLSCREEN_CENTER_STYLE, {
-      backgroundColor: '#000000'
-    }]
-  }), /*#__PURE__*/React.createElement(THEOplayerView, {
-    config: config,
-    onPlayerReady: onPlayerReady
-  }, player !== undefined && chromeless && /*#__PURE__*/React.createElement(UiContainer, {
-    theme: {
-      ...DEFAULT_THEOPLAYER_THEME,
-      ...theme
-    },
-    player: player,
-    behind: /*#__PURE__*/React.createElement(CenteredDelayedActivityIndicator, {
-      size: 50
-    }),
-    top: /*#__PURE__*/React.createElement(ControlBar, null, topSlot, !Platform.isTV && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AirplayButton, null), /*#__PURE__*/React.createElement(ChromecastButton, null)), /*#__PURE__*/React.createElement(LanguageMenuButton, null)),
-    center: /*#__PURE__*/React.createElement(CenteredControlBar, {
-      left: /*#__PURE__*/React.createElement(SkipButton, {
-        skip: -10
-      }),
-      middle: /*#__PURE__*/React.createElement(PlayButton, null),
-      right: /*#__PURE__*/React.createElement(SkipButton, {
-        skip: 30
-      })
-    }),
-    bottom: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ControlBar, {
-      style: {
-        justifyContent: 'flex-start'
-      }
-    }, /*#__PURE__*/React.createElement(CastMessage, null)), /*#__PURE__*/React.createElement(ControlBar, null, /*#__PURE__*/React.createElement(SeekBar, null)), /*#__PURE__*/React.createElement(ControlBar, null, /*#__PURE__*/React.createElement(MuteButton, null), /*#__PURE__*/React.createElement(TimeLabel, {
-      showDuration: true
-    }), /*#__PURE__*/React.createElement(Spacer, null), bottomSlot, /*#__PURE__*/React.createElement(FullscreenButton, null)))
-  })));
-}
-//# sourceMappingURL=THEOplayerDefaultUi.js.map

package/lib/module/ui/THEOplayerDefaultUi.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useState","FULLSCREEN_CENTER_STYLE","THEOplayerView","SeekBar","AirplayButton","CenteredControlBar","ControlBar","TimeLabel","FullscreenButton","LanguageMenuButton","MuteButton","CastMessage","DEFAULT_THEOPLAYER_THEME","Platform","View","UiContainer","PlayButton","SkipButton","Spacer","ChromecastButton","CenteredDelayedActivityIndicator","THEOplayerDefaultUi","props","theme","config","topSlot","bottomSlot","style","player","setPlayer","undefined","chromeless","onPlayerReady","_props$onPlayerReady","call","createElement","backgroundColor","behind","size","top","isTV","Fragment","center","left","skip","middle","right","bottom","justifyContent","showDuration"],"sources":["THEOplayerDefaultUi.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport { FULLSCREEN_CENTER_STYLE, PlayerConfiguration, THEOplayer, THEOplayerView } from 'react-native-theoplayer';\nimport { SeekBar } from './components/seekbar/SeekBar';\nimport { AirplayButton } from './components/button/AirplayButton';\nimport { CenteredControlBar, ControlBar } from './components/controlbar/ControlBar';\nimport { TimeLabel } from './components/timelabel/TimeLabel';\nimport { FullscreenButton } from './components/button/FullscreenButton';\nimport { LanguageMenuButton } from './components/menu/LanguageMenuButton';\nimport { MuteButton } from './components/button/MuteButton';\nimport { CastMessage } from './components/message/CastMessage';\nimport { DEFAULT_THEOPLAYER_THEME, THEOplayerTheme } from './THEOplayerTheme';\nimport { Platform, StyleProp, View, ViewStyle } from 'react-native';\nimport { UiContainer } from './components/uicontroller/UiContainer';\nimport { PlayButton } from './components/button/PlayButton';\nimport { SkipButton } from './components/button/SkipButton';\nimport { Spacer } from './components/controlbar/Spacer';\nimport { ChromecastButton } from './components/button/ChromecastButton';\nimport { CenteredDelayedActivityIndicator } from './components/activityindicator/CenteredDelayedActivityIndicator';\n\nexport interface THEOplayerDefaultUiProps {\n  /**\n   * The style for the container.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * The theme for all components.\n   */\n  theme?: Partial<THEOplayerTheme>;\n  /**\n   * The player configuration with THEOplayer license.\n   */\n  config?: PlayerConfiguration;\n  /**\n   * The callback that is called when the internal THEOplayer is created.\n   * @param player the internal THEOplayer\n   */\n  onPlayerReady?: (player: THEOplayer) => void;\n  /**\n   * A slot in the top right to add additional UI components.\n   */\n  topSlot?: ReactNode;\n  /**\n   * A slot in the bottom right to add additional UI components.\n   */\n  bottomSlot?: ReactNode;\n}\n\n/**\n * A default UI layout which uses UI components from `react-native-theoplayer` to create a basic playback UI around a THEOplayerView.\n */\nexport function THEOplayerDefaultUi(props: THEOplayerDefaultUiProps) {\n  const { theme, config, topSlot, bottomSlot, style } = props;\n  const [player, setPlayer] = useState<THEOplayer | undefined>(undefined);\n  const chromeless = config?.chromeless ?? false;\n\n  const onPlayerReady = (player: THEOplayer) => {\n    setPlayer(player);\n    props.onPlayerReady?.(player);\n  };\n\n  return (\n    <View style={style}>\n      <View style={[FULLSCREEN_CENTER_STYLE, { backgroundColor: '#000000' }]} />\n      <THEOplayerView config={config} onPlayerReady={onPlayerReady}>\n        {player !== undefined && chromeless && (\n          <UiContainer\n            theme={{ ...DEFAULT_THEOPLAYER_THEME, ...theme }}\n            player={player}\n            behind={<CenteredDelayedActivityIndicator size={50} />}\n            top={\n              <ControlBar>\n                {topSlot}\n                {!Platform.isTV && (\n                  <>\n                    <AirplayButton />\n                    <ChromecastButton />\n                  </>\n                )}\n                <LanguageMenuButton />\n              </ControlBar>\n            }\n            center={<CenteredControlBar left={<SkipButton skip={-10} />} middle={<PlayButton />} right={<SkipButton skip={30} />} />}\n            bottom={\n              <>\n                <ControlBar style={{ justifyContent: 'flex-start' }}>\n                  <CastMessage />\n                </ControlBar>\n                <ControlBar>\n                  <SeekBar />\n                </ControlBar>\n\n                <ControlBar>\n                  <MuteButton />\n                  <TimeLabel showDuration={true} />\n\n                  <Spacer />\n\n                  {bottomSlot}\n                  <FullscreenButton />\n                </ControlBar>\n              </>\n            }\n          />\n        )}\n      </THEOplayerView>\n    </View>\n  );\n}\n"],"mappings":"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"}

package/lib/module/ui/THEOplayerTheme.js

@@ -1,41 +0,0 @@
-/**
- * The theme colors.
- */
-
-/**
- * The dimensions of various UI components.
- */
-
-/**
- * The theme used by `react-native-theoplayer` UI components.
- */
-
-/**
- * The default theme for the UI.
- */
-export const DEFAULT_THEOPLAYER_THEME = {
-  colors: {
-    uiBackground: '#00000080',
-    errorBackground: '#2C2C2C',
-    icon: '#FFFFFF',
-    iconSelected: '#FFC50F',
-    text: '#FFFFFF',
-    textSelected: '#2C2C2C',
-    textSelectedBackground: '#FFFFFF',
-    seekBarMinimum: '#FFFFFF',
-    seekBarMaximum: '#FFFFFF50',
-    seekBarDot: '#FFFFFF'
-  },
-  text: {
-    textAlignVertical: 'center',
-    textAlign: 'center',
-    alignSelf: 'center',
-    fontSize: 16
-  },
-  fadeAnimationTimoutMs: 2500,
-  dimensions: {
-    controlBarHeight: 40,
-    centerControlBarHeight: 52
-  }
-};
-//# sourceMappingURL=THEOplayerTheme.js.map

package/lib/module/ui/THEOplayerTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DEFAULT_THEOPLAYER_THEME","colors","uiBackground","errorBackground","icon","iconSelected","text","textSelected","textSelectedBackground","seekBarMinimum","seekBarMaximum","seekBarDot","textAlignVertical","textAlign","alignSelf","fontSize","fadeAnimationTimoutMs","dimensions","controlBarHeight","centerControlBarHeight"],"sources":["THEOplayerTheme.ts"],"sourcesContent":["import type { TextStyle } from 'react-native';\n\n/**\n * The theme colors.\n */\nexport interface ColorTheme {\n  /**\n   * The color of the UI background.\n   */\n  uiBackground: string;\n  /**\n   * The color of the error display background.\n   */\n  errorBackground: string;\n  /**\n   * The color of the SVG icons.\n   */\n  icon: string;\n  /**\n   * The color of the SVG icons when they are selected.\n   */\n  iconSelected: string;\n  /**\n   * The color of the text components.\n   */\n  text: string;\n  /**\n   * The color of the text components when they are selected.\n   */\n  textSelected: string;\n  /**\n   * The color of the text component background when it is selected.\n   */\n  textSelectedBackground: string;\n  /**\n   * The color of the left side of the seek bar.\n   */\n  seekBarMinimum: string;\n  /**\n   * The color of the right side of the seek bar.\n   */\n  seekBarMaximum: string;\n  /**\n   * The color of the dot on the seek bar.\n   */\n  seekBarDot: string;\n}\n\n/**\n * The dimensions of various UI components.\n */\nexport interface Dimensions {\n  /**\n   * The height of the center control bar.\n   */\n  centerControlBarHeight: number;\n  /**\n   * The height of all other control bars.\n   */\n  controlBarHeight: number;\n}\n\n/**\n * The theme used by `react-native-theoplayer` UI components.\n */\nexport interface THEOplayerTheme {\n  /**\n   * The theme colors.\n   */\n  colors: ColorTheme;\n  /**\n   * The styling for all text components.\n   */\n  text: TextStyle;\n  /**\n   * The amount of time after a user action where UI animations will resume.\n   */\n  fadeAnimationTimoutMs: number;\n  /**\n   * The dimensions of various UI components.\n   */\n  dimensions: Dimensions;\n}\n\n/**\n * The default theme for the UI.\n */\nexport const DEFAULT_THEOPLAYER_THEME: THEOplayerTheme = {\n  colors: {\n    uiBackground: '#00000080',\n    errorBackground: '#2C2C2C',\n    icon: '#FFFFFF',\n    iconSelected: '#FFC50F',\n    text: '#FFFFFF',\n    textSelected: '#2C2C2C',\n    textSelectedBackground: '#FFFFFF',\n    seekBarMinimum: '#FFFFFF',\n    seekBarMaximum: '#FFFFFF50',\n    seekBarDot: '#FFFFFF',\n  },\n  text: {\n    textAlignVertical: 'center',\n    textAlign: 'center',\n    alignSelf: 'center',\n    fontSize: 16,\n  },\n  fadeAnimationTimoutMs: 2500,\n  dimensions: {\n    controlBarHeight: 40,\n    centerControlBarHeight: 52,\n  },\n};\n"],"mappings":"AAEA;AACA;AACA;;AA4CA;AACA;AACA;;AAYA;AACA;AACA;;AAoBA;AACA;AACA;AACA,OAAO,MAAMA,wBAAyC,GAAG;EACvDC,MAAM,EAAE;IACNC,YAAY,EAAE,WAAW;IACzBC,eAAe,EAAE,SAAS;IAC1BC,IAAI,EAAE,SAAS;IACfC,YAAY,EAAE,SAAS;IACvBC,IAAI,EAAE,SAAS;IACfC,YAAY,EAAE,SAAS;IACvBC,sBAAsB,EAAE,SAAS;IACjCC,cAAc,EAAE,SAAS;IACzBC,cAAc,EAAE,WAAW;IAC3BC,UAAU,EAAE;EACd,CAAC;EACDL,IAAI,EAAE;IACJM,iBAAiB,EAAE,QAAQ;IAC3BC,SAAS,EAAE,QAAQ;IACnBC,SAAS,EAAE,QAAQ;IACnBC,QAAQ,EAAE;EACZ,CAAC;EACDC,qBAAqB,EAAE,IAAI;EAC3BC,UAAU,EAAE;IACVC,gBAAgB,EAAE,EAAE;IACpBC,sBAAsB,EAAE;EAC1B;AACF,CAAC"}

package/lib/module/ui/barrel.js

@@ -1,4 +0,0 @@
-export * from './THEOplayerDefaultUi';
-export * from './THEOplayerTheme';
-export * from './components/barrel';
-//# sourceMappingURL=barrel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["barrel.ts"],"sourcesContent":["export * from './THEOplayerDefaultUi';\nexport * from './THEOplayerTheme';\nexport * from './components/barrel';\n"],"mappings":"AAAA,cAAc,uBAAuB;AACrC,cAAc,mBAAmB;AACjC,cAAc,qBAAqB"}

package/lib/module/ui/components/activityindicator/CenteredDelayedActivityIndicator.js

@@ -1,90 +0,0 @@
-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 { DelayedActivityIndicator } from './DelayedActivityIndicator';
-import { View } from 'react-native';
-import { PlayerEventType } from 'react-native-theoplayer';
-import { PlayerContext } from '../util/PlayerContext';
-import { FULLSCREEN_CENTER_STYLE } from '../uicontroller/UiContainer';
-/**
- * The default spinner for the `react-native-theoplayer` UI. It renders a ActivityIndicator when the player's playback is stalling due
- * readystate changes.
- */
-export class CenteredDelayedActivityIndicator extends PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "onReadyStateChange", event => {
-      this.maybeShowLoadingIndicator(event.readyState < 3);
-    });
-    _defineProperty(this, "onError", event => {
-      const {
-        error
-      } = event;
-      this.setState({
-        error
-      });
-      this.maybeShowLoadingIndicator(false);
-    });
-    _defineProperty(this, "onPlaying", () => {
-      this.maybeShowLoadingIndicator(false);
-    });
-    _defineProperty(this, "onSourceChange", () => {
-      this.setState({
-        error: undefined
-      });
-      this.maybeShowLoadingIndicator(false);
-    });
-    _defineProperty(this, "onLoadStart", () => {
-      this.setState({
-        error: undefined
-      });
-      this.maybeShowLoadingIndicator(true);
-    });
-    this.state = CenteredDelayedActivityIndicator.initialState;
-  }
-  componentDidMount() {
-    const player = this.context.player;
-    player.addEventListener(PlayerEventType.READYSTATE_CHANGE, this.onReadyStateChange);
-    player.addEventListener(PlayerEventType.ERROR, this.onError);
-    player.addEventListener(PlayerEventType.PLAYING, this.onPlaying);
-    player.addEventListener(PlayerEventType.SOURCE_CHANGE, this.onSourceChange);
-    player.addEventListener(PlayerEventType.LOAD_START, this.onLoadStart);
-  }
-  componentWillUnmount() {
-    const player = this.context.player;
-    player.removeEventListener(PlayerEventType.READYSTATE_CHANGE, this.onReadyStateChange);
-    player.removeEventListener(PlayerEventType.ERROR, this.onError);
-    player.removeEventListener(PlayerEventType.PLAYING, this.onPlaying);
-    player.removeEventListener(PlayerEventType.SOURCE_CHANGE, this.onSourceChange);
-    player.removeEventListener(PlayerEventType.LOAD_START, this.onLoadStart);
-  }
-  maybeShowLoadingIndicator(showLoading) {
-    const {
-      error
-    } = this.state;
-    // do not change state to buffering in case of an error or if the player is paused
-    const player = this.context.player;
-    this.setState({
-      showLoadingIndicator: showLoading && !error && !player.paused
-    });
-  }
-  render() {
-    const {
-      showLoadingIndicator
-    } = this.state;
-    const player = this.context.player;
-    return showLoadingIndicator && !player.paused && /*#__PURE__*/React.createElement(PlayerContext.Consumer, null, context => /*#__PURE__*/React.createElement(View, {
-      style: FULLSCREEN_CENTER_STYLE
-    }, /*#__PURE__*/React.createElement(DelayedActivityIndicator, _extends({
-      color: context.style.colors.icon
-    }, this.props))));
-  }
-}
-_defineProperty(CenteredDelayedActivityIndicator, "initialState", {
-  showLoadingIndicator: false,
-  error: undefined
-});
-CenteredDelayedActivityIndicator.contextType = PlayerContext;
-//# sourceMappingURL=CenteredDelayedActivityIndicator.js.map

package/lib/module/ui/components/activityindicator/CenteredDelayedActivityIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","PureComponent","DelayedActivityIndicator","View","PlayerEventType","PlayerContext","FULLSCREEN_CENTER_STYLE","CenteredDelayedActivityIndicator","constructor","props","_defineProperty","event","maybeShowLoadingIndicator","readyState","error","setState","undefined","state","initialState","componentDidMount","player","context","addEventListener","READYSTATE_CHANGE","onReadyStateChange","ERROR","onError","PLAYING","onPlaying","SOURCE_CHANGE","onSourceChange","LOAD_START","onLoadStart","componentWillUnmount","removeEventListener","showLoading","showLoadingIndicator","paused","render","createElement","Consumer","style","_extends","color","colors","icon","contextType"],"sources":["CenteredDelayedActivityIndicator.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport type { DelayedActivityIndicatorProps } from './DelayedActivityIndicator';\nimport { DelayedActivityIndicator } from './DelayedActivityIndicator';\nimport { View } from 'react-native';\nimport { ErrorEvent, PlayerError, PlayerEventType, ReadyStateChangeEvent } from 'react-native-theoplayer';\nimport { PlayerContext, UiContext } from '../util/PlayerContext';\nimport { FULLSCREEN_CENTER_STYLE } from '../uicontroller/UiContainer';\n\ninterface CenteredDelayedActivityIndicatorState {\n  showLoadingIndicator: boolean;\n  error: PlayerError | undefined;\n}\n\n/**\n * The default spinner for the `react-native-theoplayer` UI. It renders a ActivityIndicator when the player's playback is stalling due\n * readystate changes.\n */\nexport class CenteredDelayedActivityIndicator extends PureComponent<DelayedActivityIndicatorProps, CenteredDelayedActivityIndicatorState> {\n  private static initialState: CenteredDelayedActivityIndicatorState = {\n    showLoadingIndicator: false,\n    error: undefined,\n  };\n\n  constructor(props: DelayedActivityIndicatorProps) {\n    super(props);\n    this.state = CenteredDelayedActivityIndicator.initialState;\n  }\n\n  componentDidMount() {\n    const player = (this.context as UiContext).player;\n    player.addEventListener(PlayerEventType.READYSTATE_CHANGE, this.onReadyStateChange);\n    player.addEventListener(PlayerEventType.ERROR, this.onError);\n    player.addEventListener(PlayerEventType.PLAYING, this.onPlaying);\n    player.addEventListener(PlayerEventType.SOURCE_CHANGE, this.onSourceChange);\n    player.addEventListener(PlayerEventType.LOAD_START, this.onLoadStart);\n  }\n\n  componentWillUnmount() {\n    const player = (this.context as UiContext).player;\n    player.removeEventListener(PlayerEventType.READYSTATE_CHANGE, this.onReadyStateChange);\n    player.removeEventListener(PlayerEventType.ERROR, this.onError);\n    player.removeEventListener(PlayerEventType.PLAYING, this.onPlaying);\n    player.removeEventListener(PlayerEventType.SOURCE_CHANGE, this.onSourceChange);\n    player.removeEventListener(PlayerEventType.LOAD_START, this.onLoadStart);\n  }\n\n  private onReadyStateChange = (event: ReadyStateChangeEvent) => {\n    this.maybeShowLoadingIndicator(event.readyState < 3);\n  };\n\n  private onError = (event: ErrorEvent) => {\n    const { error } = event;\n    this.setState({ error });\n    this.maybeShowLoadingIndicator(false);\n  };\n\n  private onPlaying = () => {\n    this.maybeShowLoadingIndicator(false);\n  };\n\n  private onSourceChange = () => {\n    this.setState({ error: undefined });\n    this.maybeShowLoadingIndicator(false);\n  };\n\n  private onLoadStart = () => {\n    this.setState({ error: undefined });\n    this.maybeShowLoadingIndicator(true);\n  };\n\n  private maybeShowLoadingIndicator(showLoading: boolean) {\n    const { error } = this.state;\n    // do not change state to buffering in case of an error or if the player is paused\n    const player = (this.context as UiContext).player;\n    this.setState({ showLoadingIndicator: showLoading && !error && !player.paused });\n  }\n\n  render() {\n    const { showLoadingIndicator } = this.state;\n    const player = (this.context as UiContext).player;\n    return (\n      showLoadingIndicator &&\n      !player.paused && (\n        <PlayerContext.Consumer>\n          {(context: UiContext) => (\n            <View style={FULLSCREEN_CENTER_STYLE}>\n              <DelayedActivityIndicator color={context.style.colors.icon} {...this.props} />\n            </View>\n          )}\n        </PlayerContext.Consumer>\n      )\n    );\n  }\n}\n\nCenteredDelayedActivityIndicator.contextType = PlayerContext;\n"],"mappings":"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"}

package/lib/module/ui/components/activityindicator/DelayedActivityIndicator.js

@@ -1,26 +0,0 @@
-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); }
-import { ActivityIndicator } from 'react-native';
-import React, { useEffect, useState } from 'react';
-const DEFAULT_DELAY = 200;
-
-/**
- * The DelayedActivityIndicator renders a native ActivityIndicator after a certain delay.
- */
-export const DelayedActivityIndicator = props => {
-  const [showing, setShowing] = useState(false);
-  useEffect(() => {
-    const {
-      delay
-    } = props;
-    const timer = setTimeout(() => {
-      setShowing(true);
-    }, delay || DEFAULT_DELAY);
-    return () => clearTimeout(timer);
-  });
-  return /*#__PURE__*/React.createElement(ActivityIndicator, _extends({
-    style: {
-      opacity: showing ? 1.0 : 0.0
-    }
-  }, props));
-};
-//# sourceMappingURL=DelayedActivityIndicator.js.map

package/lib/module/ui/components/activityindicator/DelayedActivityIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ActivityIndicator","React","useEffect","useState","DEFAULT_DELAY","DelayedActivityIndicator","props","showing","setShowing","delay","timer","setTimeout","clearTimeout","createElement","_extends","style","opacity"],"sources":["DelayedActivityIndicator.tsx"],"sourcesContent":["import { ActivityIndicator, ActivityIndicatorProps } from 'react-native';\nimport React, { useEffect, useState } from 'react';\n\nexport interface DelayedActivityIndicatorProps extends ActivityIndicatorProps {\n  delay?: number;\n}\n\nconst DEFAULT_DELAY = 200;\n\n/**\n * The DelayedActivityIndicator renders a native ActivityIndicator after a certain delay.\n */\nexport const DelayedActivityIndicator = (props: DelayedActivityIndicatorProps) => {\n  const [showing, setShowing] = useState(false);\n\n  useEffect(() => {\n    const { delay } = props;\n    const timer = setTimeout(() => {\n      setShowing(true);\n    }, delay || DEFAULT_DELAY);\n    return () => clearTimeout(timer);\n  });\n\n  return (\n    <ActivityIndicator\n      style={{\n        opacity: showing ? 1.0 : 0.0,\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":";AAAA,SAASA,iBAAiB,QAAgC,cAAc;AACxE,OAAOC,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAMlD,MAAMC,aAAa,GAAG,GAAG;;AAEzB;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,GAAIC,KAAoC,IAAK;EAChF,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGL,QAAQ,CAAC,KAAK,CAAC;EAE7CD,SAAS,CAAC,MAAM;IACd,MAAM;MAAEO;IAAM,CAAC,GAAGH,KAAK;IACvB,MAAMI,KAAK,GAAGC,UAAU,CAAC,MAAM;MAC7BH,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC,EAAEC,KAAK,IAAIL,aAAa,CAAC;IAC1B,OAAO,MAAMQ,YAAY,CAACF,KAAK,CAAC;EAClC,CAAC,CAAC;EAEF,oBACET,KAAA,CAAAY,aAAA,CAACb,iBAAiB,EAAAc,QAAA;IAChBC,KAAK,EAAE;MACLC,OAAO,EAAET,OAAO,GAAG,GAAG,GAAG;IAC3B;EAAE,GACED,KAAK,EACT;AAEN,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["barrel.ts"],"sourcesContent":["export * from './CenteredDelayedActivityIndicator';\nexport * from './DelayedActivityIndicator';\n"],"mappings":"AAAA,cAAc,oCAAoC;AAClD,cAAc,4BAA4B"}

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

@@ -1,10 +0,0 @@
-export * from './activityindicator/barrel';
-export * from './button/barrel';
-export * from './controlbar/barrel';
-export * from './menu/barrel';
-export * from './message/barrel';
-export * from './seekbar/barrel';
-export * from './timelabel/barrel';
-export * from './uicontroller/barrel';
-export * from './util/barrel';
-//# sourceMappingURL=barrel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["barrel.ts"],"sourcesContent":["export * from './activityindicator/barrel';\nexport * from './button/barrel';\nexport * from './controlbar/barrel';\nexport * from './menu/barrel';\nexport * from './message/barrel';\nexport * from './seekbar/barrel';\nexport * from './timelabel/barrel';\nexport * from './uicontroller/barrel';\nexport * from './util/barrel';\n"],"mappings":"AAAA,cAAc,4BAA4B;AAC1C,cAAc,iBAAiB;AAC/B,cAAc,qBAAqB;AACnC,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,eAAe"}

package/lib/module/ui/components/button/AirplayButton.js

@@ -1,72 +0,0 @@
-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 { Platform } from 'react-native';
-import { PlayerContext } from '../util/PlayerContext';
-import { isConnected } from './ChromecastButton';
-import { ActionButton } from './actionbutton/ActionButton';
-import { AirplaySvg } from './svg/AirplaySvg';
-import { CastEventType, CastState, PlayerEventType } from './../../../api/barrel';
-/**
- * The default button to enable Airplay for the `react-native-theoplayer` UI.
- */
-export class AirplayButton extends PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "onCastStateChangeEvent", event => {
-      if (event.subType != CastEventType.AIRPLAY_STATE_CHANGE) {
-        return;
-      }
-      this.setState({
-        castState: event.state
-      });
-    });
-    _defineProperty(this, "onUIAirplayToggled", () => {
-      var _player$cast$airplay;
-      const player = this.context.player;
-      if (((_player$cast$airplay = player.cast.airplay) === null || _player$cast$airplay === void 0 ? void 0 : _player$cast$airplay.state) !== CastState.unavailable) {
-        var _player$cast$airplay2;
-        if (isConnected((_player$cast$airplay2 = player.cast.airplay) === null || _player$cast$airplay2 === void 0 ? void 0 : _player$cast$airplay2.state)) {
-          var _player$cast$airplay3;
-          (_player$cast$airplay3 = player.cast.airplay) === null || _player$cast$airplay3 === void 0 ? void 0 : _player$cast$airplay3.stop();
-        } else {
-          var _player$cast$airplay4;
-          (_player$cast$airplay4 = player.cast.airplay) === null || _player$cast$airplay4 === void 0 ? void 0 : _player$cast$airplay4.start();
-        }
-      }
-    });
-    this.state = AirplayButton.initialState;
-  }
-  componentDidMount() {
-    var _player$cast$airplay5;
-    const player = this.context.player;
-    player.addEventListener(PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);
-    this.setState({
-      castState: ((_player$cast$airplay5 = player.cast.airplay) === null || _player$cast$airplay5 === void 0 ? void 0 : _player$cast$airplay5.state) ?? CastState.unavailable
-    });
-  }
-  componentWillUnmount() {
-    const player = this.context.player;
-    player.removeEventListener(PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);
-  }
-  render() {
-    const {
-      castState
-    } = this.state;
-    if (castState === CastState.unavailable || Platform.isTV) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null);
-    }
-    return /*#__PURE__*/React.createElement(ActionButton, {
-      svg: /*#__PURE__*/React.createElement(AirplaySvg, null),
-      touchable: true,
-      onPress: this.onUIAirplayToggled,
-      highlighted: isConnected(castState)
-    });
-  }
-}
-_defineProperty(AirplayButton, "initialState", {
-  castState: CastState.unavailable
-});
-AirplayButton.contextType = PlayerContext;
-//# sourceMappingURL=AirplayButton.js.map

package/lib/module/ui/components/button/AirplayButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","PureComponent","Platform","PlayerContext","isConnected","ActionButton","AirplaySvg","CastEventType","CastState","PlayerEventType","AirplayButton","constructor","props","_defineProperty","event","subType","AIRPLAY_STATE_CHANGE","setState","castState","state","_player$cast$airplay","player","context","cast","airplay","unavailable","_player$cast$airplay2","_player$cast$airplay3","stop","_player$cast$airplay4","start","initialState","componentDidMount","_player$cast$airplay5","addEventListener","CAST_EVENT","onCastStateChangeEvent","componentWillUnmount","removeEventListener","render","isTV","createElement","Fragment","svg","touchable","onPress","onUIAirplayToggled","highlighted","contextType"],"sources":["AirplayButton.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { Platform } from 'react-native';\nimport { PlayerContext, UiContext } from '../util/PlayerContext';\nimport { isConnected } from './ChromecastButton';\nimport { ActionButton } from './actionbutton/ActionButton';\nimport { AirplaySvg } from './svg/AirplaySvg';\nimport { CastEvent, CastEventType, CastState, PlayerEventType } from './../../../api/barrel';\n\ninterface CastButtonState {\n  castState: CastState;\n}\n\n/**\n * The default button to enable Airplay for the `react-native-theoplayer` UI.\n */\nexport class AirplayButton extends PureComponent<unknown, CastButtonState> {\n  private static initialState: CastButtonState = {\n    castState: CastState.unavailable,\n  };\n\n  constructor(props: unknown) {\n    super(props);\n    this.state = AirplayButton.initialState;\n  }\n\n  componentDidMount() {\n    const player = (this.context as UiContext).player;\n    player.addEventListener(PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);\n    this.setState({ castState: player.cast.airplay?.state ?? CastState.unavailable });\n  }\n\n  componentWillUnmount() {\n    const player = (this.context as UiContext).player;\n    player.removeEventListener(PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);\n  }\n\n  private onCastStateChangeEvent = (event: CastEvent) => {\n    if (event.subType != CastEventType.AIRPLAY_STATE_CHANGE) {\n      return;\n    }\n    this.setState({ castState: event.state });\n  };\n\n  private onUIAirplayToggled = () => {\n    const player = (this.context as UiContext).player;\n    if (player.cast.airplay?.state !== CastState.unavailable) {\n      if (isConnected(player.cast.airplay?.state)) {\n        player.cast.airplay?.stop();\n      } else {\n        player.cast.airplay?.start();\n      }\n    }\n  };\n\n  render() {\n    const { castState } = this.state;\n    if (castState === CastState.unavailable || Platform.isTV) {\n      return <></>;\n    }\n    return <ActionButton svg={<AirplaySvg />} touchable={true} onPress={this.onUIAirplayToggled} highlighted={isConnected(castState)} />;\n  }\n}\n\nAirplayButton.contextType = PlayerContext;\n"],"mappings":"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"}

package/lib/module/ui/components/button/ChromecastButton.js

@@ -1,56 +0,0 @@
-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 { CastButton } from 'react-native-google-cast';
-import { CastEventType, PlayerEventType } from 'react-native-theoplayer';
-import { PlayerContext } from '../util/PlayerContext';
-import { DEFAULT_ACTION_BUTTON_STYLE } from './actionbutton/ActionButton';
-export function isConnected(state) {
-  return state === 'connecting' || state === 'connected';
-}
-
-/**
- * The native button to enable Chromecast for the `react-native-theoplayer` UI.
- * This component uses the button from `react-native-google-cast` and is not supported on web.
- */
-export class ChromecastButton extends PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "onCastStateChangeEvent", event => {
-      if (event.subType != CastEventType.CHROMECAST_STATE_CHANGE) {
-        return;
-      }
-      this.setState({
-        connected: isConnected(event.state)
-      });
-    });
-    this.state = ChromecastButton.initialState;
-  }
-  componentDidMount() {
-    var _player$cast;
-    const player = this.context.player;
-    player.addEventListener(PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);
-    this.setState({
-      connected: (_player$cast = player.cast) === null || _player$cast === void 0 ? void 0 : _player$cast.casting
-    });
-  }
-  componentWillUnmount() {
-    const player = this.context.player;
-    player.removeEventListener(PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);
-  }
-  render() {
-    const {
-      connected
-    } = this.state;
-    return /*#__PURE__*/React.createElement(PlayerContext.Consumer, null, context => /*#__PURE__*/React.createElement(CastButton, {
-      style: DEFAULT_ACTION_BUTTON_STYLE,
-      tintColor: connected ? context.style.colors.iconSelected : context.style.colors.icon
-    }));
-  }
-}
-_defineProperty(ChromecastButton, "initialState", {
-  connected: false
-});
-ChromecastButton.contextType = PlayerContext;
-//# sourceMappingURL=ChromecastButton.js.map

package/lib/module/ui/components/button/ChromecastButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","PureComponent","CastButton","CastEventType","PlayerEventType","PlayerContext","DEFAULT_ACTION_BUTTON_STYLE","isConnected","state","ChromecastButton","constructor","props","_defineProperty","event","subType","CHROMECAST_STATE_CHANGE","setState","connected","initialState","componentDidMount","_player$cast","player","context","addEventListener","CAST_EVENT","onCastStateChangeEvent","cast","casting","componentWillUnmount","removeEventListener","render","createElement","Consumer","style","tintColor","colors","iconSelected","icon","contextType"],"sources":["ChromecastButton.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { CastButton } from 'react-native-google-cast';\nimport type { CastEvent } from 'react-native-theoplayer';\nimport { CastEventType, CastState, PlayerEventType } from 'react-native-theoplayer';\nimport { PlayerContext, UiContext } from '../util/PlayerContext';\nimport { DEFAULT_ACTION_BUTTON_STYLE } from './actionbutton/ActionButton';\n\ninterface CastButtonState {\n  connected: boolean;\n}\n\nexport function isConnected(state: CastState | undefined): boolean {\n  return state === 'connecting' || state === 'connected';\n}\n\n/**\n * The native button to enable Chromecast for the `react-native-theoplayer` UI.\n * This component uses the button from `react-native-google-cast` and is not supported on web.\n */\nexport class ChromecastButton extends PureComponent<unknown, CastButtonState> {\n  private static initialState: CastButtonState = {\n    connected: false,\n  };\n\n  constructor(props: unknown) {\n    super(props);\n    this.state = ChromecastButton.initialState;\n  }\n\n  componentDidMount() {\n    const player = (this.context as UiContext).player;\n    player.addEventListener(PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);\n    this.setState({ connected: player.cast?.casting });\n  }\n\n  componentWillUnmount() {\n    const player = (this.context as UiContext).player;\n    player.removeEventListener(PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);\n  }\n\n  private onCastStateChangeEvent = (event: CastEvent) => {\n    if (event.subType != CastEventType.CHROMECAST_STATE_CHANGE) {\n      return;\n    }\n    this.setState({ connected: isConnected(event.state) });\n  };\n\n  render() {\n    const { connected } = this.state;\n    return (\n      <PlayerContext.Consumer>\n        {(context: UiContext) => (\n          <CastButton style={DEFAULT_ACTION_BUTTON_STYLE} tintColor={connected ? context.style.colors.iconSelected : context.style.colors.icon} />\n        )}\n      </PlayerContext.Consumer>\n    );\n  }\n}\n\nChromecastButton.contextType = PlayerContext;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,UAAU,QAAQ,0BAA0B;AAErD,SAASC,aAAa,EAAaC,eAAe,QAAQ,yBAAyB;AACnF,SAASC,aAAa,QAAmB,uBAAuB;AAChE,SAASC,2BAA2B,QAAQ,6BAA6B;AAMzE,OAAO,SAASC,WAAWA,CAACC,KAA4B,EAAW;EACjE,OAAOA,KAAK,KAAK,YAAY,IAAIA,KAAK,KAAK,WAAW;AACxD;;AAEA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,SAASR,aAAa,CAA2B;EAK5ES,WAAWA,CAACC,KAAc,EAAE;IAC1B,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA,iCAemBC,KAAgB,IAAK;MACrD,IAAIA,KAAK,CAACC,OAAO,IAAIX,aAAa,CAACY,uBAAuB,EAAE;QAC1D;MACF;MACA,IAAI,CAACC,QAAQ,CAAC;QAAEC,SAAS,EAAEV,WAAW,CAACM,KAAK,CAACL,KAAK;MAAE,CAAC,CAAC;IACxD,CAAC;IAnBC,IAAI,CAACA,KAAK,GAAGC,gBAAgB,CAACS,YAAY;EAC5C;EAEAC,iBAAiBA,CAAA,EAAG;IAAA,IAAAC,YAAA;IAClB,MAAMC,MAAM,GAAI,IAAI,CAACC,OAAO,CAAeD,MAAM;IACjDA,MAAM,CAACE,gBAAgB,CAACnB,eAAe,CAACoB,UAAU,EAAE,IAAI,CAACC,sBAAsB,CAAC;IAChF,IAAI,CAACT,QAAQ,CAAC;MAAEC,SAAS,GAAAG,YAAA,GAAEC,MAAM,CAACK,IAAI,cAAAN,YAAA,uBAAXA,YAAA,CAAaO;IAAQ,CAAC,CAAC;EACpD;EAEAC,oBAAoBA,CAAA,EAAG;IACrB,MAAMP,MAAM,GAAI,IAAI,CAACC,OAAO,CAAeD,MAAM;IACjDA,MAAM,CAACQ,mBAAmB,CAACzB,eAAe,CAACoB,UAAU,EAAE,IAAI,CAACC,sBAAsB,CAAC;EACrF;EASAK,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEb;IAAU,CAAC,GAAG,IAAI,CAACT,KAAK;IAChC,oBACER,KAAA,CAAA+B,aAAA,CAAC1B,aAAa,CAAC2B,QAAQ,QACnBV,OAAkB,iBAClBtB,KAAA,CAAA+B,aAAA,CAAC7B,UAAU;MAAC+B,KAAK,EAAE3B,2BAA4B;MAAC4B,SAAS,EAAEjB,SAAS,GAAGK,OAAO,CAACW,KAAK,CAACE,MAAM,CAACC,YAAY,GAAGd,OAAO,CAACW,KAAK,CAACE,MAAM,CAACE;IAAK,EACtI,CACsB;EAE7B;AACF;AAACzB,eAAA,CAtCYH,gBAAgB,kBACoB;EAC7CQ,SAAS,EAAE;AACb,CAAC;AAqCHR,gBAAgB,CAAC6B,WAAW,GAAGjC,aAAa"}

package/lib/module/ui/components/button/ChromecastButton.web.js

@@ -1,72 +0,0 @@
-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 { CastEventType, CastState, PlayerEventType } from './../../../api/barrel';
-import React, { PureComponent } from 'react';
-import { PlayerContext } from '../util/PlayerContext';
-import { ChromecastSvg } from './svg/ChromecastSvg';
-import { Platform } from 'react-native';
-import { ActionButton } from 'react-native-theoplayer';
-export function isConnected(state) {
-  return state === 'connecting' || state === 'connected';
-}
-
-/**
- * The button to enable Chromecast for web for the `react-native-theoplayer` UI
- */
-export class ChromecastButton extends PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "onCastStateChangeEvent", event => {
-      if (event.subType != CastEventType.CHROMECAST_STATE_CHANGE) {
-        return;
-      }
-      this.setState({
-        castState: event.state
-      });
-    });
-    _defineProperty(this, "onPress", () => {
-      const player = this.context.player;
-      if (isConnected(this.state.castState)) {
-        var _player$cast$chromeca;
-        (_player$cast$chromeca = player.cast.chromecast) === null || _player$cast$chromeca === void 0 ? void 0 : _player$cast$chromeca.stop();
-      } else {
-        var _player$cast$chromeca2;
-        (_player$cast$chromeca2 = player.cast.chromecast) === null || _player$cast$chromeca2 === void 0 ? void 0 : _player$cast$chromeca2.start();
-      }
-    });
-    this.state = ChromecastButton.initialState;
-  }
-  componentDidMount() {
-    var _player$cast$chromeca3;
-    const player = this.context.player;
-    player.addEventListener(PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);
-    this.setState({
-      castState: ((_player$cast$chromeca3 = player.cast.chromecast) === null || _player$cast$chromeca3 === void 0 ? void 0 : _player$cast$chromeca3.state) ?? CastState.unavailable
-    });
-  }
-  componentWillUnmount() {
-    const player = this.context.player;
-    player.removeEventListener(PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);
-  }
-  render() {
-    const {
-      castState
-    } = this.state;
-    // TODO: state is reported as unavailable by Android bridge when it is available.
-    if (Platform.OS === 'web' && castState === CastState.unavailable) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null);
-    }
-    return /*#__PURE__*/React.createElement(ActionButton, {
-      svg: /*#__PURE__*/React.createElement(ChromecastSvg, null),
-      touchable: true,
-      onPress: this.onPress,
-      highlighted: isConnected(castState)
-    });
-  }
-}
-_defineProperty(ChromecastButton, "initialState", {
-  castState: CastState.unavailable
-});
-ChromecastButton.contextType = PlayerContext;
-//# sourceMappingURL=ChromecastButton.web.js.map

package/lib/module/ui/components/button/ChromecastButton.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CastEventType","CastState","PlayerEventType","React","PureComponent","PlayerContext","ChromecastSvg","Platform","ActionButton","isConnected","state","ChromecastButton","constructor","props","_defineProperty","event","subType","CHROMECAST_STATE_CHANGE","setState","castState","player","context","_player$cast$chromeca","cast","chromecast","stop","_player$cast$chromeca2","start","initialState","componentDidMount","_player$cast$chromeca3","addEventListener","CAST_EVENT","onCastStateChangeEvent","unavailable","componentWillUnmount","removeEventListener","render","OS","createElement","Fragment","svg","touchable","onPress","highlighted","contextType"],"sources":["ChromecastButton.web.tsx"],"sourcesContent":["import { CastEvent, CastEventType, CastState, PlayerEventType } from './../../../api/barrel';\nimport React, { PureComponent } from 'react';\nimport { PlayerContext, UiContext } from '../util/PlayerContext';\nimport { ChromecastSvg } from './svg/ChromecastSvg';\nimport { Platform } from 'react-native';\nimport { ActionButton } from 'react-native-theoplayer';\n\ninterface CastButtonState {\n  castState: CastState;\n}\n\nexport function isConnected(state: CastState | undefined): boolean {\n  return state === 'connecting' || state === 'connected';\n}\n\n/**\n * The button to enable Chromecast for web for the `react-native-theoplayer` UI\n */\nexport class ChromecastButton extends PureComponent<unknown, CastButtonState> {\n  private static initialState: CastButtonState = {\n    castState: CastState.unavailable,\n  };\n\n  constructor(props: unknown) {\n    super(props);\n    this.state = ChromecastButton.initialState;\n  }\n\n  componentDidMount() {\n    const player = (this.context as UiContext).player;\n    player.addEventListener(PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);\n    this.setState({ castState: player.cast.chromecast?.state ?? CastState.unavailable });\n  }\n\n  componentWillUnmount() {\n    const player = (this.context as UiContext).player;\n    player.removeEventListener(PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);\n  }\n\n  private onCastStateChangeEvent = (event: CastEvent) => {\n    if (event.subType != CastEventType.CHROMECAST_STATE_CHANGE) {\n      return;\n    }\n    this.setState({ castState: event.state });\n  };\n\n  private onPress = () => {\n    const player = (this.context as UiContext).player;\n    if (isConnected(this.state.castState)) {\n      player.cast.chromecast?.stop();\n    } else {\n      player.cast.chromecast?.start();\n    }\n  };\n\n  render() {\n    const { castState } = this.state;\n    // TODO: state is reported as unavailable by Android bridge when it is available.\n    if (Platform.OS === 'web' && castState === CastState.unavailable) {\n      return <></>;\n    }\n    return <ActionButton svg={<ChromecastSvg />} touchable={true} onPress={this.onPress} highlighted={isConnected(castState)} />;\n  }\n}\n\nChromecastButton.contextType = PlayerContext;\n"],"mappings":"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"}

package/lib/module/ui/components/button/FullscreenButton.js

@@ -1,63 +0,0 @@
-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 { PlayerEventType, PresentationMode } from 'react-native-theoplayer';
-import { Platform } from 'react-native';
-import { ActionButton } from './actionbutton/ActionButton';
-import { PlayerContext } from '../util/PlayerContext';
-import { FullscreenExitSvg } from './svg/FullscreenExitSvg';
-import { FullscreenEnterSvg } from './svg/FullscreenEnterSvg';
-/**
- * The button to enable/disable fullscreen for the `react-native-theoplayer` UI.
- */
-export class FullscreenButton extends PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "onPresentationModeChange", event => {
-      this.setState({
-        presentationMode: event.presentationMode
-      });
-    });
-    _defineProperty(this, "toggleFullScreen", () => {
-      const player = this.context.player;
-      switch (player.presentationMode) {
-        case 'picture-in-picture':
-        case 'inline':
-          player.presentationMode = PresentationMode.fullscreen;
-          break;
-        case 'fullscreen':
-          player.presentationMode = PresentationMode.inline;
-          break;
-      }
-    });
-    this.state = {
-      presentationMode: PresentationMode.inline
-    };
-  }
-  componentDidMount() {
-    const player = this.context.player;
-    player.addEventListener(PlayerEventType.PRESENTATIONMODE_CHANGE, this.onPresentationModeChange);
-    this.setState({
-      presentationMode: player.presentationMode
-    });
-  }
-  componentWillUnmount() {
-    const player = this.context.player;
-    player.removeEventListener(PlayerEventType.PRESENTATIONMODE_CHANGE, this.onPresentationModeChange);
-  }
-  render() {
-    const {
-      presentationMode
-    } = this.state;
-    if (Platform.isTV) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null);
-    }
-    return /*#__PURE__*/React.createElement(ActionButton, {
-      svg: presentationMode === 'fullscreen' ? /*#__PURE__*/React.createElement(FullscreenExitSvg, null) : /*#__PURE__*/React.createElement(FullscreenEnterSvg, null),
-      onPress: this.toggleFullScreen
-    });
-  }
-}
-FullscreenButton.contextType = PlayerContext;
-//# sourceMappingURL=FullscreenButton.js.map