react-native-theoplayer 2.7.0 → 2.9.0

package/lib/module/internal/utils/CommonUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["noOp"],"sources":["CommonUtils.ts"],"sourcesContent":["export function noOp(): void {\n  return;\n}\n"],"mappings":"AAAA,OAAO,SAASA,IAAIA,CAAA,EAAS;EAC3B;AACF"}

package/lib/typescript/api/cast/Chromecast.d.ts

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

package/lib/typescript/api/source/dash/DashPlaybackConfiguration.d.ts

@@ -24,6 +24,8 @@ export interface DashPlaybackConfiguration {
      * Whether to seamlessly switch between DASH periods.
      *
      * @remarks
+     * <br/> - Available on Web only.
+     *
      * The player supports two strategies for handling a switch between two periods in an MPEG-DASH stream:
      * <br/> - <strong>Seamless</strong>: Once the player is done buffering the current period, it immediately starts buffering the next period.
      *         This requires that the current period and the next period have compatible codecs and content protection, or that the platform
@@ -41,4 +43,54 @@ export interface DashPlaybackConfiguration {
      * @defaultValue `'auto'`
      */
     useSeamlessPeriodSwitch?: SeamlessPeriodSwitchStrategy;
+    /**
+     * (Experimental) Whether the timescales of the media data need to be shifted,
+     * in order to work around platform-specific issues on certain smart TV platforms.
+     *
+     * @remarks
+     * <br/> - Available since v4.1.0.
+     * <br/> - Available on Web only.
+     * <br/> - On certain smart TV platforms (such as Tizen 2), playback issues may arise when
+     *         the timescale of the media data changes across periods or discontinuities.
+     *         In that case, the player may need to shift all the timescales first,
+     *         however this strategy may not work for all streams.
+     * <br/> - When not specified, the player will decide whether or not to shift timescales
+     *         based on the platform.
+     * <br/> - This is an experimental option. It should only be used after consulting with
+     *         THEOplayer support or engineering.
+     */
+    needsTimescaleShifting?: boolean | null;
+    /**
+     * (Experimental) The desired timescale to which the media data should be shifted.
+     *
+     * @remarks
+     * <br/> - Available since v4.11.0.
+     * <br/> - Available on Web only.
+     * <br/> - When specified, if the player decides to shift the timescale (see {@link DashPlaybackConfiguration.needsTimescaleShifting}), the timescale will be set to the
+     *         given desired timescale.
+     * <br/> - When not specified, if the player decides to shift timescale, the player will decide the timescale to which it should shift.
+     * <br/> - This is an experimental option. It should only be used after consulting with
+     *         THEOplayer support or engineering.
+     */
+    desiredTimescale?: number;
+    /**
+     * Whether the player should try to force the seek on period switching to realign video and audio.
+     *
+     * @internal
+     *
+     * @remarks
+     * <br/> - Available on Web only.
+     */
+    forceSeekToSynchronize?: boolean;
+    /**
+     * (Experimental) Force the player to ignore the availability window of individual segments in the MPD,
+     * and instead consider every listed segment to be immediately available.
+     *
+     * @remarks
+     * <br/> - Available since v5.2.0.
+     * <br/> - Available on Web and Android.
+     * <br/> - This only applies to livestreams (with `<MPD type="dynamic">`).
+     * <br/> - This only applies to streams that use `<SegmentTimeline>`.
+     */
+    ignoreAvailabilityWindow?: boolean;
 }

package/lib/typescript/api/track/TextTrack.d.ts

@@ -95,6 +95,6 @@ export declare function filterThumbnailTracks(textTracks: TextTrack[] | undefine
  */
 export declare function isThumbnailTrack(textTrack: TextTrack | undefined): boolean;
 export declare function hasTextTrackCue(textTrack: TextTrack, cue: TextTrackCue): boolean;
-export declare function removeTextTrackCue(textTrack: TextTrack, cue: TextTrackCue): void;
-export declare function addTextTrackCue(textTrack: TextTrack, cue: TextTrackCue): void;
+export declare function removeTextTrackCue(textTrack?: TextTrack, cue?: TextTrackCue): void;
+export declare function addTextTrackCue(textTrack?: TextTrack, cue?: TextTrackCue): void;
 export declare function findTextTrackByUid(textTracks: TextTrack[], uid: number): TextTrack | undefined;

package/lib/typescript/index.d.ts

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

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

@@ -23,6 +23,7 @@ export declare class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEven
     private onSeeking;
     private onSeeked;
     private onProgress;
+    private onTextTrack;
     private onTextTrackList;
     private onMediaTrack;
     private onMediaTrackList;

package/lib/typescript/internal/adapter/web/FullscreenAPI.d.ts

@@ -0,0 +1,9 @@
+export interface FullscreenAPIMap {
+    requestFullscreen_: 'requestFullscreen';
+    exitFullscreen_: 'exitFullscreen';
+    fullscreenElement_: 'fullscreenElement';
+    fullscreenEnabled_: 'fullscreenEnabled';
+    fullscreenchange_: 'fullscreenchange';
+    fullscreenerror_: 'fullscreenerror';
+}
+export declare const fullscreenAPI: FullscreenAPIMap | undefined;

package/lib/typescript/internal/utils/CommonUtils.d.ts

@@ -0,0 +1 @@
+export declare function noOp(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-theoplayer",
-  "version": "2.7.0",
+  "version": "2.9.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/source/dash/DashPlaybackConfiguration.ts

@@ -25,6 +25,8 @@ export interface DashPlaybackConfiguration {
    * Whether to seamlessly switch between DASH periods.
    *
    * @remarks
+   * <br/> - Available on Web only.
+   *
    * The player supports two strategies for handling a switch between two periods in an MPEG-DASH stream:
    * <br/> - <strong>Seamless</strong>: Once the player is done buffering the current period, it immediately starts buffering the next period.
    *         This requires that the current period and the next period have compatible codecs and content protection, or that the platform
@@ -42,4 +44,58 @@ export interface DashPlaybackConfiguration {
    * @defaultValue `'auto'`
    */
   useSeamlessPeriodSwitch?: SeamlessPeriodSwitchStrategy;
+
+  /**
+   * (Experimental) Whether the timescales of the media data need to be shifted,
+   * in order to work around platform-specific issues on certain smart TV platforms.
+   *
+   * @remarks
+   * <br/> - Available since v4.1.0.
+   * <br/> - Available on Web only.
+   * <br/> - On certain smart TV platforms (such as Tizen 2), playback issues may arise when
+   *         the timescale of the media data changes across periods or discontinuities.
+   *         In that case, the player may need to shift all the timescales first,
+   *         however this strategy may not work for all streams.
+   * <br/> - When not specified, the player will decide whether or not to shift timescales
+   *         based on the platform.
+   * <br/> - This is an experimental option. It should only be used after consulting with
+   *         THEOplayer support or engineering.
+   */
+  needsTimescaleShifting?: boolean | null;
+
+  /**
+   * (Experimental) The desired timescale to which the media data should be shifted.
+   *
+   * @remarks
+   * <br/> - Available since v4.11.0.
+   * <br/> - Available on Web only.
+   * <br/> - When specified, if the player decides to shift the timescale (see {@link DashPlaybackConfiguration.needsTimescaleShifting}), the timescale will be set to the
+   *         given desired timescale.
+   * <br/> - When not specified, if the player decides to shift timescale, the player will decide the timescale to which it should shift.
+   * <br/> - This is an experimental option. It should only be used after consulting with
+   *         THEOplayer support or engineering.
+   */
+  desiredTimescale?: number;
+
+  /**
+   * Whether the player should try to force the seek on period switching to realign video and audio.
+   *
+   * @internal
+   *
+   * @remarks
+   * <br/> - Available on Web only.
+   */
+  forceSeekToSynchronize?: boolean;
+
+  /**
+   * (Experimental) Force the player to ignore the availability window of individual segments in the MPD,
+   * and instead consider every listed segment to be immediately available.
+   *
+   * @remarks
+   * <br/> - Available since v5.2.0.
+   * <br/> - Available on Web and Android.
+   * <br/> - This only applies to livestreams (with `<MPD type="dynamic">`).
+   * <br/> - This only applies to streams that use `<SegmentTimeline>`.
+   */
+  ignoreAvailabilityWindow?: boolean;
 }

package/src/api/track/TextTrack.ts

@@ -121,13 +121,13 @@ export function hasTextTrackCue(textTrack: TextTrack, cue: TextTrackCue): boolea
   return !!(textTrack.cues && cue && textTrack.cues.find((c) => cue.uid === c.uid));
 }
 
-export function removeTextTrackCue(textTrack: TextTrack, cue: TextTrackCue) {
+export function removeTextTrackCue(textTrack?: TextTrack, cue?: TextTrackCue) {
   if (textTrack && textTrack.cues && cue && !hasTextTrackCue(textTrack, cue)) {
     textTrack.cues = textTrack.cues.filter((c) => c.uid !== cue.uid);
   }
 }
 
-export function addTextTrackCue(textTrack: TextTrack, cue: TextTrackCue) {
+export function addTextTrackCue(textTrack?: TextTrack, cue?: TextTrackCue) {
   if (textTrack && textTrack.cues && cue && !hasTextTrackCue(textTrack, cue)) {
     textTrack.cues.push(cue);
   }

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/adapter/THEOplayerAdapter.ts

@@ -16,21 +16,26 @@ import type {
   RateChangeEvent,
   SourceDescription,
   TextTrack,
+  TextTrackEvent,
   TextTrackListEvent,
   THEOplayer,
   THEOplayerView,
   TimeUpdateEvent,
 } from 'react-native-theoplayer';
 import {
+  addTextTrackCue,
   addTrack,
   AspectRatio,
   findMediaTrackByUid,
+  findTextTrackByUid,
   MediaTrackEventType,
   MediaTrackType,
   PlayerEventType,
   PreloadType,
   PresentationMode,
+  removeTextTrackCue,
   removeTrack,
+  TextTrackEventType,
   TextTrackMode,
   TextTrackStyle,
   TrackListEventType,
@@ -97,6 +102,7 @@ export class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEventMap> im
     this.addEventListener(PlayerEventType.SEEKED, this.onSeeked);
     this.addEventListener(PlayerEventType.PROGRESS, this.onProgress);
     this.addEventListener(PlayerEventType.TEXT_TRACK_LIST, this.onTextTrackList);
+    this.addEventListener(PlayerEventType.TEXT_TRACK, this.onTextTrack);
     this.addEventListener(PlayerEventType.MEDIA_TRACK, this.onMediaTrack);
     this.addEventListener(PlayerEventType.MEDIA_TRACK_LIST, this.onMediaTrackList);
     this.addEventListener(PlayerEventType.PRESENTATIONMODE_CHANGE, this.onPresentationModeChange);
@@ -157,6 +163,19 @@ export class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEventMap> im
     this._state.buffered = event.buffered?.sort((a, b) => a.end - b.end);
   };
 
+  private onTextTrack = (event: TextTrackEvent) => {
+    const { subType, cue, trackUid } = event;
+    const track = findTextTrackByUid(this._state.textTracks, trackUid);
+    switch (subType) {
+      case TextTrackEventType.ADD_CUE:
+        addTextTrackCue(track, cue);
+        break;
+      case TextTrackEventType.REMOVE_CUE:
+        removeTextTrackCue(track, cue);
+        break;
+    }
+  };
+
   private onTextTrackList = (event: TextTrackListEvent) => {
     const { subType, track } = event;
     switch (subType) {

package/src/internal/adapter/web/FullscreenAPI.ts

@@ -0,0 +1,59 @@
+export interface FullscreenAPIMap {
+  requestFullscreen_: 'requestFullscreen';
+  exitFullscreen_: 'exitFullscreen';
+  fullscreenElement_: 'fullscreenElement';
+  fullscreenEnabled_: 'fullscreenEnabled';
+  fullscreenchange_: 'fullscreenchange';
+  fullscreenerror_: 'fullscreenerror';
+}
+
+export const fullscreenAPI: FullscreenAPIMap | undefined = (() => {
+  if (!document) {
+    return;
+  }
+
+  // browser API methods
+  // map approach from Screenful.js - https://github.com/sindresorhus/screenfull.js
+  const apiMap: string[][] = [
+    // Spec: https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html
+    ['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror'],
+    // WebKit
+    [
+      'webkitRequestFullscreen',
+      'webkitExitFullscreen',
+      'webkitFullscreenElement',
+      'webkitFullscreenEnabled',
+      'webkitfullscreenchange',
+      'webkitfullscreenerror'
+    ],
+    // Old WebKit (Safari 5.1)
+    [
+      'webkitRequestFullScreen',
+      'webkitCancelFullScreen',
+      'webkitCurrentFullScreenElement',
+      'webkitCancelFullScreen',
+      'webkitfullscreenchange',
+      'webkitfullscreenerror'
+    ],
+    // Mozilla
+    ['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror'],
+    // Microsoft
+    ['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError']
+  ];
+
+  for (const browserMap of apiMap) {
+    // check for exitFullscreen function
+    if (browserMap[1] in document) {
+      return {
+        requestFullscreen_: browserMap[0],
+        exitFullscreen_: browserMap[1],
+        fullscreenElement_: browserMap[2],
+        fullscreenEnabled_: browserMap[3],
+        fullscreenchange_: browserMap[4],
+        fullscreenerror_: browserMap[5]
+      } as FullscreenAPIMap;
+    }
+  }
+
+  return undefined;
+})();

package/src/internal/adapter/web/WebPresentationModeManager.ts

@@ -2,8 +2,9 @@ import type { PlayerEventMap } from 'react-native-theoplayer';
 import { PresentationMode } from 'react-native-theoplayer';
 import type * as THEOplayerWeb from 'theoplayer';
 import { DefaultPresentationModeChangeEvent } from '../event/PlayerEvents';
-import { browserDetection } from '../../../web/platform/BrowserDetection';
 import type { DefaultEventDispatcher } from '../event/DefaultEventDispatcher';
+import { fullscreenAPI } from './FullscreenAPI';
+import { noOp } from '../../utils/CommonUtils';
 
 export class WebPresentationModeManager {
   private readonly _player: THEOplayerWeb.ChromelessPlayer;
@@ -27,31 +28,36 @@ export class WebPresentationModeManager {
 
     this.prepareForPresentationModeChanges();
 
-    // on iOS Safari requestFullscreen isn't supported (https://caniuse.com/?search=requestFullscreen), where we need to use webkit methods on the video element
-    if (/*browserDetection.IS_IOS_ && */ browserDetection.IS_SAFARI_) {
+    if (fullscreenAPI !== undefined) {
+      // All other browsers
       if (presentationMode === PresentationMode.fullscreen) {
-        this._element?.webkitEnterFullscreen?.();
-      } else if (presentationMode === PresentationMode.pip) {
-        this._element?.webkitSetPresentationMode?.(PresentationMode.pip);
-      } else {
-        this._element?.webkitSetPresentationMode?.(PresentationMode.inline);
-      }
-    } else {
-      // other web-platformsyarn
-
-      if (presentationMode === PresentationMode.fullscreen) {
-        const appElement = document.getElementById('app');
-        void appElement?.requestFullscreen();
+        const appElement = document.getElementById('app')!;
+        const promise = appElement[fullscreenAPI.requestFullscreen_]();
+        if (promise && promise.then) {
+          promise.then(noOp, noOp);
+        }
       } else if (presentationMode === PresentationMode.pip) {
         void this._element?.requestPictureInPicture?.();
       } else {
         if (this._presentationMode === PresentationMode.fullscreen) {
-          void document.exitFullscreen();
+          const promise = document[fullscreenAPI.exitFullscreen_]();
+          if (promise && promise.then) {
+            promise.then(noOp, noOp);
+          }
         }
         if (this._presentationMode === PresentationMode.pip) {
           void document.exitPictureInPicture();
         }
       }
+    } else {
+      // iOS Safari doesn't properly support fullscreen, use native fullscreen instead
+      if (presentationMode === PresentationMode.fullscreen) {
+        this._element?.webkitEnterFullscreen?.();
+      } else if (presentationMode === PresentationMode.pip) {
+        this._element?.webkitSetPresentationMode?.(PresentationMode.pip);
+      } else {
+        this._element?.webkitSetPresentationMode?.(PresentationMode.inline);
+      }
     }
   }
 
@@ -72,15 +78,16 @@ export class WebPresentationModeManager {
       };
     }
     // listen for fullscreen updates on document
-    document.onfullscreenchange = () => {
-      this.updatePresentationMode();
-    };
+    if (fullscreenAPI !== undefined) {
+      document.addEventListener(fullscreenAPI.fullscreenchange_, this.updatePresentationMode);
+      document.addEventListener(fullscreenAPI.fullscreenerror_, this.updatePresentationMode);
+    }
   }
 
-  private updatePresentationMode() {
+  private updatePresentationMode = () => {
     // detect new presentation mode
     let newPresentationMode: PresentationMode = PresentationMode.inline;
-    if (document.fullscreenElement !== null) {
+    if (fullscreenAPI !== undefined && document[fullscreenAPI.fullscreenElement_] !== null) {
       newPresentationMode = PresentationMode.fullscreen;
     } else if (document.pictureInPictureElement !== null) {
       newPresentationMode = PresentationMode.pip;
@@ -92,5 +99,5 @@ export class WebPresentationModeManager {
       this._presentationMode = newPresentationMode;
       this._eventForwarder.dispatchEvent(new DefaultPresentationModeChangeEvent(this._presentationMode, previousPresentationMode));
     }
-  }
+  };
 }

package/src/internal/utils/CommonUtils.ts

@@ -0,0 +1,3 @@
+export function noOp(): void {
+  return;
+}

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"}