react-native-theoplayer 2.8.0 → 2.10.0

package/lib/typescript/internal/adapter/THEOplayerWebAdapter.d.ts

@@ -1,7 +1,7 @@
 import { DefaultEventDispatcher } from './event/DefaultEventDispatcher';
-import type { AdsAPI, CastAPI, MediaTrack, NativeHandleType, PlayerConfiguration, PlayerEventMap, PreloadType, TextTrack, TextTrackStyle, THEOplayer } from 'react-native-theoplayer';
+import type { AdsAPI, CastAPI, MediaTrack, NativeHandleType, PlayerConfiguration, PlayerEventMap, PlayerVersion, PreloadType, TextTrack, TextTrackStyle, THEOplayer } from 'react-native-theoplayer';
 import { AspectRatio, PresentationMode } from 'react-native-theoplayer';
-import type * as THEOplayerWeb from 'theoplayer';
+import * as THEOplayerWeb from 'theoplayer';
 import type { ABRConfiguration, SourceDescription } from 'src/api/barrel';
 import type { PiPConfiguration } from 'src/api/pip/PiPConfiguration';
 import type { BackgroundAudioConfiguration } from 'src/api/backgroundAudio/BackgroundAudioConfiguration';
@@ -66,6 +66,7 @@ export declare class THEOplayerWebAdapter extends DefaultEventDispatcher<PlayerE
     get duration(): number;
     get ads(): AdsAPI;
     get cast(): CastAPI;
+    get version(): PlayerVersion;
     destroy(): void;
     get nativeHandle(): NativeHandleType;
     private readonly onVisibilityChange;

package/lib/typescript/internal/adapter/event/native/NativePlayerEvent.d.ts

@@ -1,4 +1,4 @@
-import type { MediaTrack, PlayerError, PresentationMode, PresentationModeChangeContext, TextTrack, TimeRange } from 'react-native-theoplayer';
+import type { MediaTrack, PlayerError, PlayerVersion, PresentationMode, PresentationModeChangeContext, TextTrack, TimeRange } from 'react-native-theoplayer';
 import type { NativePlayerState } from '../../NativePlayerState';
 export interface NativeErrorEvent {
     error: PlayerError;
@@ -89,5 +89,6 @@ export interface NativeSegmentNotFoundEvent {
     readonly retryCount: number;
 }
 export interface NativePlayerStateEvent {
+    readonly version: PlayerVersion;
     readonly state: NativePlayerState;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-theoplayer",
-  "version": "2.8.0",
+  "version": "2.10.0",
   "description": "A THEOplayer video component for react-native.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -116,12 +116,6 @@
     ]
   },
   "dependencies": {
-    "@react-native-community/slider": "^4.4.2",
-    "buffer": "^6.0.3",
-    "react-native-google-cast": "^4.6.2",
-    "react-native-svg": "^13.8.0",
-    "react-native-svg-web": "^1.0.0",
-    "react-native-url-polyfill": "^1.3.0",
-    "url-polyfill": "^1.1.12"
+    "buffer": "^6.0.3"
   }
 }

package/react-native-theoplayer.podspec

@@ -36,7 +36,7 @@ Pod::Spec.new do |s|
     }
   else 
   	puts "Using THEOplayer-core SDK"
-    s.dependency "THEOplayerSDK-core", "~> 5.1"
+    s.dependency "THEOplayerSDK-core", "~> 5.4", ">= 5.4.1"
     if theofeatures.include?("GOOGLE_IMA") 
 	  puts "Adding THEOplayer-Integration-GoogleIMA"
       s.dependency "THEOplayer-Integration-GoogleIMA"

package/src/api/cast/Chromecast.ts

@@ -1,5 +1,5 @@
 /**
- * The Airplay API.
+ * The Chromecast API.
  *
  * @public
  */

package/src/api/player/PlayerVersion.ts

@@ -0,0 +1,15 @@
+export interface PlayerVersion {
+  /**
+   * The version of the THEOplayer SDK.
+   *
+   * @public
+   */
+  readonly version: string;
+
+  /**
+   * The player suite version of the THEOplayer SDK.
+   *
+   * @public
+   */
+  readonly playerSuiteVersion: string;
+}

package/src/api/player/THEOplayer.ts

@@ -11,6 +11,7 @@ import type { TextTrackStyle } from '../track/TextTrackStyle';
 import type { PresentationMode } from '../presentation/PresentationMode';
 import type { PiPConfiguration } from '../pip/PiPConfiguration';
 import type { BackgroundAudioConfiguration } from '../backgroundAudio/BackgroundAudioConfiguration';
+import type { PlayerVersion } from './PlayerVersion';
 
 export type PreloadType = 'none' | 'metadata' | 'auto' | '';
 
@@ -202,6 +203,11 @@ export interface THEOplayer extends EventDispatcher<PlayerEventMap> {
    */
   readonly cast: CastAPI;
 
+  /**
+   * The player version.
+   */
+  readonly version: PlayerVersion;
+
   /**
    * Native player handle.
    */

package/src/api/player/barrel.ts

@@ -1,2 +1,3 @@
 export * from './THEOplayer';
 export * from './PlayerEventMap';
+export * from './PlayerVersion';

package/src/index.tsx

@@ -1,4 +1,3 @@
 export * from './api/barrel';
-export * from './ui/barrel';
 export { THEOplayerView } from './internal/THEOplayerView';
 export { ContentProtectionRegistry } from './internal/drm/ContentProtectionRegistry';

package/src/internal/THEOplayerView.tsx

@@ -145,10 +145,8 @@ export class THEOplayerView extends PureComponent<React.PropsWithChildren<THEOpl
 
   private _onNativePlayerReady = (event: NativeSyntheticEvent<NativePlayerStateEvent>) => {
     // Optionally apply an initial player state
-    const { state } = event?.nativeEvent;
-    if (state) {
-      this._facade.initializeWithNativePlayerState_(state);
-    }
+    const { version, state } = event?.nativeEvent;
+    this._facade.initializeFromNativePlayer_(version, state);
     this.props.onPlayerReady?.(this._facade);
   };
 

package/src/internal/adapter/THEOplayerAdapter.ts

@@ -31,6 +31,7 @@ import {
   MediaTrackEventType,
   MediaTrackType,
   PlayerEventType,
+  PlayerVersion,
   PreloadType,
   PresentationMode,
   removeTextTrackCue,
@@ -81,6 +82,7 @@ export class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEventMap> im
   private readonly _castAdapter: THEOplayerNativeCastAdapter;
   private readonly _abrAdapter: AbrAdapter;
   private readonly _textTrackStyleAdapter: TextTrackStyleAdapter;
+  private _playerVersion!: PlayerVersion;
 
   constructor(view: THEOplayerView, initialState: NativePlayerState = defaultPlayerState) {
     super();
@@ -509,12 +511,19 @@ export class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEventMap> im
     }
   }
 
+  public get version(): PlayerVersion {
+    return this._playerVersion;
+  }
+
   get nativeHandle(): NativeHandleType {
     return this._view.nativeHandle;
   }
 
-  initializeWithNativePlayerState_(state: NativePlayerState) {
-    Object.assign(this._state, state);
-    this._castAdapter.init_();
+  initializeFromNativePlayer_(version: PlayerVersion, state: NativePlayerState | undefined) {
+    this._playerVersion = version;
+    if (state) {
+      Object.assign(this._state, state);
+      this._castAdapter.init_();
+    }
   }
 }

package/src/internal/adapter/THEOplayerWebAdapter.ts

@@ -6,6 +6,7 @@ import type {
   NativeHandleType,
   PlayerConfiguration,
   PlayerEventMap,
+  PlayerVersion,
   PreloadType,
   TextTrack,
   TextTrackStyle,
@@ -14,7 +15,7 @@ import type {
 import { AspectRatio, PlayerEventType, PresentationMode } from 'react-native-theoplayer';
 import { THEOplayerWebAdsAdapter } from './ads/THEOplayerWebAdsAdapter';
 import { THEOplayerWebCastAdapter } from './cast/THEOplayerWebCastAdapter';
-import type * as THEOplayerWeb from 'theoplayer';
+import * as THEOplayerWeb from 'theoplayer';
 import type { MediaTrack as NativeMediaTrack, TextTrack as NativeTextTrack } from 'theoplayer';
 import { findNativeQualitiesByUid, fromNativeMediaTrackList, fromNativeTextTrackList } from './web/TrackUtils';
 import type { ABRConfiguration, SourceDescription } from 'src/api/barrel';
@@ -299,6 +300,13 @@ export class THEOplayerWebAdapter extends DefaultEventDispatcher<PlayerEventMap>
     return this._castAdapter;
   }
 
+  public get version(): PlayerVersion {
+    return {
+      version: THEOplayerWeb.version,
+      playerSuiteVersion: THEOplayerWeb.playerSuiteVersion,
+    };
+  }
+
   destroy(): void {
     this.dispatchEvent(new BaseEvent(PlayerEventType.DESTROY));
     this._eventForwarder?.unload();

package/src/internal/adapter/event/native/NativePlayerEvent.ts

@@ -1,4 +1,12 @@
-import type { MediaTrack, PlayerError, PresentationMode, PresentationModeChangeContext, TextTrack, TimeRange } from 'react-native-theoplayer';
+import type {
+  MediaTrack,
+  PlayerError,
+  PlayerVersion,
+  PresentationMode,
+  PresentationModeChangeContext,
+  TextTrack,
+  TimeRange,
+} from 'react-native-theoplayer';
 import type { NativePlayerState } from '../../NativePlayerState';
 
 export interface NativeErrorEvent {
@@ -107,5 +115,7 @@ export interface NativeSegmentNotFoundEvent {
 }
 
 export interface NativePlayerStateEvent {
+  readonly version: PlayerVersion;
+
   readonly state: NativePlayerState;
 }

package/android/src/main/java/com/theoplayer/media/CustomMediaButtonReceiver.kt

@@ -1,25 +0,0 @@
-package com.theoplayer.media
-
-import android.content.Context
-import android.content.Intent
-import android.util.Log
-import androidx.media.session.MediaButtonReceiver
-
-private const val TAG = "MediaButtonReceiver"
-
-class CustomMediaButtonReceiver : MediaButtonReceiver() {
-
-  override fun onReceive(context: Context?, intent: Intent?) {
-    // MediaButtonReceiver will throw an IllegalStateException in case there are
-    // none, or more than one MediaBrowserServiceCompat instances registered.
-    // Handle and ignore the exception here.
-    try {
-      super.onReceive(context, intent)
-    } catch (e: IllegalStateException) {
-      Log.e(
-        TAG,
-        e.message ?: "Failed to handle media playback button action."
-      )
-    }
-  }
-}

package/lib/commonjs/ui/THEOplayerDefaultUi.js

@@ -1,82 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.THEOplayerDefaultUi = THEOplayerDefaultUi;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNativeTheoplayer = require("react-native-theoplayer");
-var _SeekBar = require("./components/seekbar/SeekBar");
-var _AirplayButton = require("./components/button/AirplayButton");
-var _ControlBar = require("./components/controlbar/ControlBar");
-var _TimeLabel = require("./components/timelabel/TimeLabel");
-var _FullscreenButton = require("./components/button/FullscreenButton");
-var _LanguageMenuButton = require("./components/menu/LanguageMenuButton");
-var _MuteButton = require("./components/button/MuteButton");
-var _CastMessage = require("./components/message/CastMessage");
-var _THEOplayerTheme = require("./THEOplayerTheme");
-var _reactNative = require("react-native");
-var _UiContainer = require("./components/uicontroller/UiContainer");
-var _PlayButton = require("./components/button/PlayButton");
-var _SkipButton = require("./components/button/SkipButton");
-var _Spacer = require("./components/controlbar/Spacer");
-var _ChromecastButton = require("./components/button/ChromecastButton");
-var _CenteredDelayedActivityIndicator = require("./components/activityindicator/CenteredDelayedActivityIndicator");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/**
- * A default UI layout which uses UI components from `react-native-theoplayer` to create a basic playback UI around a THEOplayerView.
- */
-function THEOplayerDefaultUi(props) {
-  const {
-    theme,
-    config,
-    topSlot,
-    bottomSlot,
-    style
-  } = props;
-  const [player, setPlayer] = (0, _react.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.default.createElement(_reactNative.View, {
-    style: style
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [_reactNativeTheoplayer.FULLSCREEN_CENTER_STYLE, {
-      backgroundColor: '#000000'
-    }]
-  }), /*#__PURE__*/_react.default.createElement(_reactNativeTheoplayer.THEOplayerView, {
-    config: config,
-    onPlayerReady: onPlayerReady
-  }, player !== undefined && chromeless && /*#__PURE__*/_react.default.createElement(_UiContainer.UiContainer, {
-    theme: {
-      ..._THEOplayerTheme.DEFAULT_THEOPLAYER_THEME,
-      ...theme
-    },
-    player: player,
-    behind: /*#__PURE__*/_react.default.createElement(_CenteredDelayedActivityIndicator.CenteredDelayedActivityIndicator, {
-      size: 50
-    }),
-    top: /*#__PURE__*/_react.default.createElement(_ControlBar.ControlBar, null, topSlot, !_reactNative.Platform.isTV && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_AirplayButton.AirplayButton, null), /*#__PURE__*/_react.default.createElement(_ChromecastButton.ChromecastButton, null)), /*#__PURE__*/_react.default.createElement(_LanguageMenuButton.LanguageMenuButton, null)),
-    center: /*#__PURE__*/_react.default.createElement(_ControlBar.CenteredControlBar, {
-      left: /*#__PURE__*/_react.default.createElement(_SkipButton.SkipButton, {
-        skip: -10
-      }),
-      middle: /*#__PURE__*/_react.default.createElement(_PlayButton.PlayButton, null),
-      right: /*#__PURE__*/_react.default.createElement(_SkipButton.SkipButton, {
-        skip: 30
-      })
-    }),
-    bottom: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ControlBar.ControlBar, {
-      style: {
-        justifyContent: 'flex-start'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_CastMessage.CastMessage, null)), /*#__PURE__*/_react.default.createElement(_ControlBar.ControlBar, null, /*#__PURE__*/_react.default.createElement(_SeekBar.SeekBar, null)), /*#__PURE__*/_react.default.createElement(_ControlBar.ControlBar, null, /*#__PURE__*/_react.default.createElement(_MuteButton.MuteButton, null), /*#__PURE__*/_react.default.createElement(_TimeLabel.TimeLabel, {
-      showDuration: true
-    }), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, null), bottomSlot, /*#__PURE__*/_react.default.createElement(_FullscreenButton.FullscreenButton, null)))
-  })));
-}
-//# sourceMappingURL=THEOplayerDefaultUi.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeTheoplayer","_SeekBar","_AirplayButton","_ControlBar","_TimeLabel","_FullscreenButton","_LanguageMenuButton","_MuteButton","_CastMessage","_THEOplayerTheme","_reactNative","_UiContainer","_PlayButton","_SkipButton","_Spacer","_ChromecastButton","_CenteredDelayedActivityIndicator","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","THEOplayerDefaultUi","props","theme","config","topSlot","bottomSlot","style","player","setPlayer","useState","undefined","chromeless","onPlayerReady","_props$onPlayerReady","createElement","View","FULLSCREEN_CENTER_STYLE","backgroundColor","THEOplayerView","UiContainer","DEFAULT_THEOPLAYER_THEME","behind","CenteredDelayedActivityIndicator","size","top","ControlBar","Platform","isTV","Fragment","AirplayButton","ChromecastButton","LanguageMenuButton","center","CenteredControlBar","left","SkipButton","skip","middle","PlayButton","right","bottom","justifyContent","CastMessage","SeekBar","MuteButton","TimeLabel","showDuration","Spacer","FullscreenButton"],"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/commonjs/ui/THEOplayerTheme.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DEFAULT_THEOPLAYER_THEME = void 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.
- */
-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
-  }
-};
-exports.DEFAULT_THEOPLAYER_THEME = DEFAULT_THEOPLAYER_THEME;
-//# sourceMappingURL=THEOplayerTheme.js.map

package/lib/commonjs/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","exports"],"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;AACO,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;AAACC,OAAA,CAAApB,wBAAA,GAAAA,wBAAA"}

package/lib/commonjs/ui/barrel.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _THEOplayerDefaultUi = require("./THEOplayerDefaultUi");
-Object.keys(_THEOplayerDefaultUi).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _THEOplayerDefaultUi[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _THEOplayerDefaultUi[key];
-    }
-  });
-});
-var _THEOplayerTheme = require("./THEOplayerTheme");
-Object.keys(_THEOplayerTheme).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _THEOplayerTheme[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _THEOplayerTheme[key];
-    }
-  });
-});
-var _barrel = require("./components/barrel");
-Object.keys(_barrel).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _barrel[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _barrel[key];
-    }
-  });
-});
-//# sourceMappingURL=barrel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_THEOplayerDefaultUi","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_THEOplayerTheme","_barrel"],"sources":["barrel.ts"],"sourcesContent":["export * from './THEOplayerDefaultUi';\nexport * from './THEOplayerTheme';\nexport * from './components/barrel';\n"],"mappings":";;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,oBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,oBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,oBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,gBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,gBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,gBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,gBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,OAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,OAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,OAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,OAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}

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

@@ -1,99 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CenteredDelayedActivityIndicator = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _DelayedActivityIndicator = require("./DelayedActivityIndicator");
-var _reactNative = require("react-native");
-var _reactNativeTheoplayer = require("react-native-theoplayer");
-var _PlayerContext = require("../util/PlayerContext");
-var _UiContainer = require("../uicontroller/UiContainer");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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); }
-/**
- * The default spinner for the `react-native-theoplayer` UI. It renders a ActivityIndicator when the player's playback is stalling due
- * readystate changes.
- */
-class CenteredDelayedActivityIndicator extends _react.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(_reactNativeTheoplayer.PlayerEventType.READYSTATE_CHANGE, this.onReadyStateChange);
-    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.ERROR, this.onError);
-    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.PLAYING, this.onPlaying);
-    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.SOURCE_CHANGE, this.onSourceChange);
-    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.LOAD_START, this.onLoadStart);
-  }
-  componentWillUnmount() {
-    const player = this.context.player;
-    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.READYSTATE_CHANGE, this.onReadyStateChange);
-    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.ERROR, this.onError);
-    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.PLAYING, this.onPlaying);
-    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.SOURCE_CHANGE, this.onSourceChange);
-    player.removeEventListener(_reactNativeTheoplayer.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.default.createElement(_PlayerContext.PlayerContext.Consumer, null, context => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: _UiContainer.FULLSCREEN_CENTER_STYLE
-    }, /*#__PURE__*/_react.default.createElement(_DelayedActivityIndicator.DelayedActivityIndicator, _extends({
-      color: context.style.colors.icon
-    }, this.props))));
-  }
-}
-exports.CenteredDelayedActivityIndicator = CenteredDelayedActivityIndicator;
-_defineProperty(CenteredDelayedActivityIndicator, "initialState", {
-  showLoadingIndicator: false,
-  error: undefined
-});
-CenteredDelayedActivityIndicator.contextType = _PlayerContext.PlayerContext;
-//# sourceMappingURL=CenteredDelayedActivityIndicator.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_DelayedActivityIndicator","_reactNative","_reactNativeTheoplayer","_PlayerContext","_UiContainer","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_defineProperty","value","_toPropertyKey","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","CenteredDelayedActivityIndicator","PureComponent","constructor","props","event","maybeShowLoadingIndicator","readyState","error","setState","state","initialState","componentDidMount","player","context","addEventListener","PlayerEventType","READYSTATE_CHANGE","onReadyStateChange","ERROR","onError","PLAYING","onPlaying","SOURCE_CHANGE","onSourceChange","LOAD_START","onLoadStart","componentWillUnmount","removeEventListener","showLoading","showLoadingIndicator","paused","render","createElement","PlayerContext","Consumer","View","style","FULLSCREEN_CENTER_STYLE","DelayedActivityIndicator","color","colors","icon","exports","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/commonjs/ui/components/activityindicator/DelayedActivityIndicator.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DelayedActivityIndicator = void 0;
-var _reactNative = require("react-native");
-var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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); }
-const DEFAULT_DELAY = 200;
-
-/**
- * The DelayedActivityIndicator renders a native ActivityIndicator after a certain delay.
- */
-const DelayedActivityIndicator = props => {
-  const [showing, setShowing] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    const {
-      delay
-    } = props;
-    const timer = setTimeout(() => {
-      setShowing(true);
-    }, delay || DEFAULT_DELAY);
-    return () => clearTimeout(timer);
-  });
-  return /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, _extends({
-    style: {
-      opacity: showing ? 1.0 : 0.0
-    }
-  }, props));
-};
-exports.DelayedActivityIndicator = DelayedActivityIndicator;
-//# sourceMappingURL=DelayedActivityIndicator.js.map