react-native-theoplayer 2.6.0 → 2.8.0

package/lib/module/internal/adapter/web/FullscreenAPI.js

@@ -0,0 +1,34 @@
+export const fullscreenAPI = (() => {
+  if (!document) {
+    return;
+  }
+
+  // browser API methods
+  // map approach from Screenful.js - https://github.com/sindresorhus/screenfull.js
+  const apiMap = [
+  // 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]
+      };
+    }
+  }
+  return undefined;
+})();
+//# sourceMappingURL=FullscreenAPI.js.map

package/lib/module/internal/adapter/web/FullscreenAPI.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fullscreenAPI","document","apiMap","browserMap","requestFullscreen_","exitFullscreen_","fullscreenElement_","fullscreenEnabled_","fullscreenchange_","fullscreenerror_","undefined"],"sources":["FullscreenAPI.ts"],"sourcesContent":["export interface FullscreenAPIMap {\n  requestFullscreen_: 'requestFullscreen';\n  exitFullscreen_: 'exitFullscreen';\n  fullscreenElement_: 'fullscreenElement';\n  fullscreenEnabled_: 'fullscreenEnabled';\n  fullscreenchange_: 'fullscreenchange';\n  fullscreenerror_: 'fullscreenerror';\n}\n\nexport const fullscreenAPI: FullscreenAPIMap | undefined = (() => {\n  if (!document) {\n    return;\n  }\n\n  // browser API methods\n  // map approach from Screenful.js - https://github.com/sindresorhus/screenfull.js\n  const apiMap: string[][] = [\n    // Spec: https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html\n    ['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror'],\n    // WebKit\n    [\n      'webkitRequestFullscreen',\n      'webkitExitFullscreen',\n      'webkitFullscreenElement',\n      'webkitFullscreenEnabled',\n      'webkitfullscreenchange',\n      'webkitfullscreenerror'\n    ],\n    // Old WebKit (Safari 5.1)\n    [\n      'webkitRequestFullScreen',\n      'webkitCancelFullScreen',\n      'webkitCurrentFullScreenElement',\n      'webkitCancelFullScreen',\n      'webkitfullscreenchange',\n      'webkitfullscreenerror'\n    ],\n    // Mozilla\n    ['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror'],\n    // Microsoft\n    ['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError']\n  ];\n\n  for (const browserMap of apiMap) {\n    // check for exitFullscreen function\n    if (browserMap[1] in document) {\n      return {\n        requestFullscreen_: browserMap[0],\n        exitFullscreen_: browserMap[1],\n        fullscreenElement_: browserMap[2],\n        fullscreenEnabled_: browserMap[3],\n        fullscreenchange_: browserMap[4],\n        fullscreenerror_: browserMap[5]\n      } as FullscreenAPIMap;\n    }\n  }\n\n  return undefined;\n})();\n"],"mappings":"AASA,OAAO,MAAMA,aAA2C,GAAG,CAAC,MAAM;EAChE,IAAI,CAACC,QAAQ,EAAE;IACb;EACF;;EAEA;EACA;EACA,MAAMC,MAAkB,GAAG;EACzB;EACA,CAAC,mBAAmB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;EACxH;EACA,CACE,yBAAyB,EACzB,sBAAsB,EACtB,yBAAyB,EACzB,yBAAyB,EACzB,wBAAwB,EACxB,uBAAuB,CACxB;EACD;EACA,CACE,yBAAyB,EACzB,wBAAwB,EACxB,gCAAgC,EAChC,wBAAwB,EACxB,wBAAwB,EACxB,uBAAuB,CACxB;EACD;EACA,CAAC,sBAAsB,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;EAC5I;EACA,CAAC,qBAAqB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC,CACrI;EAED,KAAK,MAAMC,UAAU,IAAID,MAAM,EAAE;IAC/B;IACA,IAAIC,UAAU,CAAC,CAAC,CAAC,IAAIF,QAAQ,EAAE;MAC7B,OAAO;QACLG,kBAAkB,EAAED,UAAU,CAAC,CAAC,CAAC;QACjCE,eAAe,EAAEF,UAAU,CAAC,CAAC,CAAC;QAC9BG,kBAAkB,EAAEH,UAAU,CAAC,CAAC,CAAC;QACjCI,kBAAkB,EAAEJ,UAAU,CAAC,CAAC,CAAC;QACjCK,iBAAiB,EAAEL,UAAU,CAAC,CAAC,CAAC;QAChCM,gBAAgB,EAAEN,UAAU,CAAC,CAAC;MAChC,CAAC;IACH;EACF;EAEA,OAAOO,SAAS;AAClB,CAAC,GAAG"}

package/lib/module/internal/adapter/web/WebPresentationModeManager.js

@@ -3,13 +3,30 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 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 { PresentationMode } from 'react-native-theoplayer';
 import { DefaultPresentationModeChangeEvent } from '../event/PlayerEvents';
-import { browserDetection } from '../../../web/platform/BrowserDetection';
+import { fullscreenAPI } from './FullscreenAPI';
+import { noOp } from '../../utils/CommonUtils';
 export class WebPresentationModeManager {
   constructor(player, eventForwarder) {
     _defineProperty(this, "_player", void 0);
     _defineProperty(this, "_presentationMode", PresentationMode.inline);
     _defineProperty(this, "_element", undefined);
     _defineProperty(this, "_eventForwarder", void 0);
+    _defineProperty(this, "updatePresentationMode", () => {
+      // detect new presentation mode
+      let newPresentationMode = PresentationMode.inline;
+      if (fullscreenAPI !== undefined && document[fullscreenAPI.fullscreenElement_] !== null) {
+        newPresentationMode = PresentationMode.fullscreen;
+      } else if (document.pictureInPictureElement !== null) {
+        newPresentationMode = PresentationMode.pip;
+      }
+
+      // when changed, notify by dispatching presentationModeChange event
+      const previousPresentationMode = this._presentationMode;
+      if (newPresentationMode !== previousPresentationMode) {
+        this._presentationMode = newPresentationMode;
+        this._eventForwarder.dispatchEvent(new DefaultPresentationModeChangeEvent(this._presentationMode, previousPresentationMode));
+      }
+    });
     this._player = player;
     this._eventForwarder = eventForwarder;
   }
@@ -21,36 +38,40 @@ export class WebPresentationModeManager {
       return;
     }
     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 (presentationMode === PresentationMode.fullscreen) {
-        var _this$_element, _this$_element$webkit;
-        (_this$_element = this._element) === null || _this$_element === void 0 ? void 0 : (_this$_element$webkit = _this$_element.webkitEnterFullscreen) === null || _this$_element$webkit === void 0 ? void 0 : _this$_element$webkit.call(_this$_element);
-      } else if (presentationMode === PresentationMode.pip) {
-        var _this$_element2, _this$_element2$webki;
-        (_this$_element2 = this._element) === null || _this$_element2 === void 0 ? void 0 : (_this$_element2$webki = _this$_element2.webkitSetPresentationMode) === null || _this$_element2$webki === void 0 ? void 0 : _this$_element2$webki.call(_this$_element2, PresentationMode.pip);
-      } else {
-        var _this$_element3, _this$_element3$webki;
-        (_this$_element3 = this._element) === null || _this$_element3 === void 0 ? void 0 : (_this$_element3$webki = _this$_element3.webkitSetPresentationMode) === null || _this$_element3$webki === void 0 ? void 0 : _this$_element3$webki.call(_this$_element3, PresentationMode.inline);
-      }
-    } else {
-      // other web-platformsyarn
-
+    if (fullscreenAPI !== undefined) {
+      // All other browsers
       if (presentationMode === PresentationMode.fullscreen) {
         const appElement = document.getElementById('app');
-        void (appElement === null || appElement === void 0 ? void 0 : appElement.requestFullscreen());
+        const promise = appElement[fullscreenAPI.requestFullscreen_]();
+        if (promise && promise.then) {
+          promise.then(noOp, noOp);
+        }
       } else if (presentationMode === PresentationMode.pip) {
-        var _this$_element4, _this$_element4$reque;
-        void ((_this$_element4 = this._element) === null || _this$_element4 === void 0 ? void 0 : (_this$_element4$reque = _this$_element4.requestPictureInPicture) === null || _this$_element4$reque === void 0 ? void 0 : _this$_element4$reque.call(_this$_element4));
+        var _this$_element, _this$_element$reques;
+        void ((_this$_element = this._element) === null || _this$_element === void 0 ? void 0 : (_this$_element$reques = _this$_element.requestPictureInPicture) === null || _this$_element$reques === void 0 ? void 0 : _this$_element$reques.call(_this$_element));
       } 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) {
+        var _this$_element2, _this$_element2$webki;
+        (_this$_element2 = this._element) === null || _this$_element2 === void 0 ? void 0 : (_this$_element2$webki = _this$_element2.webkitEnterFullscreen) === null || _this$_element2$webki === void 0 ? void 0 : _this$_element2$webki.call(_this$_element2);
+      } else if (presentationMode === PresentationMode.pip) {
+        var _this$_element3, _this$_element3$webki;
+        (_this$_element3 = this._element) === null || _this$_element3 === void 0 ? void 0 : (_this$_element3$webki = _this$_element3.webkitSetPresentationMode) === null || _this$_element3$webki === void 0 ? void 0 : _this$_element3$webki.call(_this$_element3, PresentationMode.pip);
+      } else {
+        var _this$_element4, _this$_element4$webki;
+        (_this$_element4 = this._element) === null || _this$_element4 === void 0 ? void 0 : (_this$_element4$webki = _this$_element4.webkitSetPresentationMode) === null || _this$_element4$webki === void 0 ? void 0 : _this$_element4$webki.call(_this$_element4, PresentationMode.inline);
+      }
     }
   }
   prepareForPresentationModeChanges() {
@@ -70,24 +91,9 @@ export class WebPresentationModeManager {
       };
     }
     // listen for fullscreen updates on document
-    document.onfullscreenchange = () => {
-      this.updatePresentationMode();
-    };
-  }
-  updatePresentationMode() {
-    // detect new presentation mode
-    let newPresentationMode = PresentationMode.inline;
-    if (document.fullscreenElement !== null) {
-      newPresentationMode = PresentationMode.fullscreen;
-    } else if (document.pictureInPictureElement !== null) {
-      newPresentationMode = PresentationMode.pip;
-    }
-
-    // when changed, notify by dispatching presentationModeChange event
-    const previousPresentationMode = this._presentationMode;
-    if (newPresentationMode !== previousPresentationMode) {
-      this._presentationMode = newPresentationMode;
-      this._eventForwarder.dispatchEvent(new DefaultPresentationModeChangeEvent(this._presentationMode, previousPresentationMode));
+    if (fullscreenAPI !== undefined) {
+      document.addEventListener(fullscreenAPI.fullscreenchange_, this.updatePresentationMode);
+      document.addEventListener(fullscreenAPI.fullscreenerror_, this.updatePresentationMode);
     }
   }
 }

package/lib/module/internal/adapter/web/WebPresentationModeManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["PresentationMode","DefaultPresentationModeChangeEvent","browserDetection","WebPresentationModeManager","constructor","player","eventForwarder","_defineProperty","inline","undefined","_player","_eventForwarder","presentationMode","_presentationMode","prepareForPresentationModeChanges","IS_SAFARI_","fullscreen","_this$_element","_this$_element$webkit","_element","webkitEnterFullscreen","call","pip","_this$_element2","_this$_element2$webki","webkitSetPresentationMode","_this$_element3","_this$_element3$webki","appElement","document","getElementById","requestFullscreen","_this$_element4","_this$_element4$reque","requestPictureInPicture","exitFullscreen","exitPictureInPicture","elements","element","children","Array","from","tagName","attributes","getNamedItem","onenterpictureinpicture","updatePresentationMode","onleavepictureinpicture","onfullscreenchange","newPresentationMode","fullscreenElement","pictureInPictureElement","previousPresentationMode","dispatchEvent"],"sources":["WebPresentationModeManager.ts"],"sourcesContent":["import type { PlayerEventMap } from 'react-native-theoplayer';\nimport { PresentationMode } from 'react-native-theoplayer';\nimport type * as THEOplayerWeb from 'theoplayer';\nimport { DefaultPresentationModeChangeEvent } from '../event/PlayerEvents';\nimport { browserDetection } from '../../../web/platform/BrowserDetection';\nimport type { DefaultEventDispatcher } from '../event/DefaultEventDispatcher';\n\nexport class WebPresentationModeManager {\n  private readonly _player: THEOplayerWeb.ChromelessPlayer;\n  private _presentationMode: PresentationMode = PresentationMode.inline;\n  private _element: HTMLVideoElement | undefined = undefined;\n  private _eventForwarder: DefaultEventDispatcher<PlayerEventMap>;\n\n  constructor(player: THEOplayerWeb.ChromelessPlayer, eventForwarder: DefaultEventDispatcher<PlayerEventMap>) {\n    this._player = player;\n    this._eventForwarder = eventForwarder;\n  }\n\n  get presentationMode(): PresentationMode {\n    return this._presentationMode;\n  }\n\n  set presentationMode(presentationMode: PresentationMode) {\n    if (presentationMode === this._presentationMode) {\n      return;\n    }\n\n    this.prepareForPresentationModeChanges();\n\n    // on iOS Safari requestFullscreen isn't supported (https://caniuse.com/?search=requestFullscreen), where we need to use webkit methods on the video element\n    if (/*browserDetection.IS_IOS_ && */ browserDetection.IS_SAFARI_) {\n      if (presentationMode === PresentationMode.fullscreen) {\n        this._element?.webkitEnterFullscreen?.();\n      } else if (presentationMode === PresentationMode.pip) {\n        this._element?.webkitSetPresentationMode?.(PresentationMode.pip);\n      } else {\n        this._element?.webkitSetPresentationMode?.(PresentationMode.inline);\n      }\n    } else {\n      // other web-platformsyarn\n\n      if (presentationMode === PresentationMode.fullscreen) {\n        const appElement = document.getElementById('app');\n        void appElement?.requestFullscreen();\n      } else if (presentationMode === PresentationMode.pip) {\n        void this._element?.requestPictureInPicture?.();\n      } else {\n        if (this._presentationMode === PresentationMode.fullscreen) {\n          void document.exitFullscreen();\n        }\n        if (this._presentationMode === PresentationMode.pip) {\n          void document.exitPictureInPicture();\n        }\n      }\n    }\n  }\n\n  private prepareForPresentationModeChanges() {\n    const elements = this._player.element.children;\n    for (const element of Array.from(elements)) {\n      if (element.tagName === 'VIDEO' && element.attributes.getNamedItem('src') !== null) {\n        this._element = element as HTMLVideoElement;\n      }\n    }\n    // listen for pip updates on element\n    if (this._element !== undefined) {\n      this._element.onenterpictureinpicture = () => {\n        this.updatePresentationMode();\n      };\n      this._element.onleavepictureinpicture = () => {\n        this.updatePresentationMode();\n      };\n    }\n    // listen for fullscreen updates on document\n    document.onfullscreenchange = () => {\n      this.updatePresentationMode();\n    };\n  }\n\n  private updatePresentationMode() {\n    // detect new presentation mode\n    let newPresentationMode: PresentationMode = PresentationMode.inline;\n    if (document.fullscreenElement !== null) {\n      newPresentationMode = PresentationMode.fullscreen;\n    } else if (document.pictureInPictureElement !== null) {\n      newPresentationMode = PresentationMode.pip;\n    }\n\n    // when changed, notify by dispatching presentationModeChange event\n    const previousPresentationMode = this._presentationMode;\n    if (newPresentationMode !== previousPresentationMode) {\n      this._presentationMode = newPresentationMode;\n      this._eventForwarder.dispatchEvent(new DefaultPresentationModeChangeEvent(this._presentationMode, previousPresentationMode));\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["PresentationMode","DefaultPresentationModeChangeEvent","fullscreenAPI","noOp","WebPresentationModeManager","constructor","player","eventForwarder","_defineProperty","inline","undefined","newPresentationMode","document","fullscreenElement_","fullscreen","pictureInPictureElement","pip","previousPresentationMode","_presentationMode","_eventForwarder","dispatchEvent","_player","presentationMode","prepareForPresentationModeChanges","appElement","getElementById","promise","requestFullscreen_","then","_this$_element","_this$_element$reques","_element","requestPictureInPicture","call","exitFullscreen_","exitPictureInPicture","_this$_element2","_this$_element2$webki","webkitEnterFullscreen","_this$_element3","_this$_element3$webki","webkitSetPresentationMode","_this$_element4","_this$_element4$webki","elements","element","children","Array","from","tagName","attributes","getNamedItem","onenterpictureinpicture","updatePresentationMode","onleavepictureinpicture","addEventListener","fullscreenchange_","fullscreenerror_"],"sources":["WebPresentationModeManager.ts"],"sourcesContent":["import type { PlayerEventMap } from 'react-native-theoplayer';\nimport { PresentationMode } from 'react-native-theoplayer';\nimport type * as THEOplayerWeb from 'theoplayer';\nimport { DefaultPresentationModeChangeEvent } from '../event/PlayerEvents';\nimport type { DefaultEventDispatcher } from '../event/DefaultEventDispatcher';\nimport { fullscreenAPI } from './FullscreenAPI';\nimport { noOp } from '../../utils/CommonUtils';\n\nexport class WebPresentationModeManager {\n  private readonly _player: THEOplayerWeb.ChromelessPlayer;\n  private _presentationMode: PresentationMode = PresentationMode.inline;\n  private _element: HTMLVideoElement | undefined = undefined;\n  private _eventForwarder: DefaultEventDispatcher<PlayerEventMap>;\n\n  constructor(player: THEOplayerWeb.ChromelessPlayer, eventForwarder: DefaultEventDispatcher<PlayerEventMap>) {\n    this._player = player;\n    this._eventForwarder = eventForwarder;\n  }\n\n  get presentationMode(): PresentationMode {\n    return this._presentationMode;\n  }\n\n  set presentationMode(presentationMode: PresentationMode) {\n    if (presentationMode === this._presentationMode) {\n      return;\n    }\n\n    this.prepareForPresentationModeChanges();\n\n    if (fullscreenAPI !== undefined) {\n      // All other browsers\n      if (presentationMode === PresentationMode.fullscreen) {\n        const appElement = document.getElementById('app')!;\n        const promise = appElement[fullscreenAPI.requestFullscreen_]();\n        if (promise && promise.then) {\n          promise.then(noOp, noOp);\n        }\n      } else if (presentationMode === PresentationMode.pip) {\n        void this._element?.requestPictureInPicture?.();\n      } else {\n        if (this._presentationMode === PresentationMode.fullscreen) {\n          const promise = document[fullscreenAPI.exitFullscreen_]();\n          if (promise && promise.then) {\n            promise.then(noOp, noOp);\n          }\n        }\n        if (this._presentationMode === PresentationMode.pip) {\n          void document.exitPictureInPicture();\n        }\n      }\n    } else {\n      // iOS Safari doesn't properly support fullscreen, use native fullscreen instead\n      if (presentationMode === PresentationMode.fullscreen) {\n        this._element?.webkitEnterFullscreen?.();\n      } else if (presentationMode === PresentationMode.pip) {\n        this._element?.webkitSetPresentationMode?.(PresentationMode.pip);\n      } else {\n        this._element?.webkitSetPresentationMode?.(PresentationMode.inline);\n      }\n    }\n  }\n\n  private prepareForPresentationModeChanges() {\n    const elements = this._player.element.children;\n    for (const element of Array.from(elements)) {\n      if (element.tagName === 'VIDEO' && element.attributes.getNamedItem('src') !== null) {\n        this._element = element as HTMLVideoElement;\n      }\n    }\n    // listen for pip updates on element\n    if (this._element !== undefined) {\n      this._element.onenterpictureinpicture = () => {\n        this.updatePresentationMode();\n      };\n      this._element.onleavepictureinpicture = () => {\n        this.updatePresentationMode();\n      };\n    }\n    // listen for fullscreen updates on document\n    if (fullscreenAPI !== undefined) {\n      document.addEventListener(fullscreenAPI.fullscreenchange_, this.updatePresentationMode);\n      document.addEventListener(fullscreenAPI.fullscreenerror_, this.updatePresentationMode);\n    }\n  }\n\n  private updatePresentationMode = () => {\n    // detect new presentation mode\n    let newPresentationMode: PresentationMode = PresentationMode.inline;\n    if (fullscreenAPI !== undefined && document[fullscreenAPI.fullscreenElement_] !== null) {\n      newPresentationMode = PresentationMode.fullscreen;\n    } else if (document.pictureInPictureElement !== null) {\n      newPresentationMode = PresentationMode.pip;\n    }\n\n    // when changed, notify by dispatching presentationModeChange event\n    const previousPresentationMode = this._presentationMode;\n    if (newPresentationMode !== previousPresentationMode) {\n      this._presentationMode = newPresentationMode;\n      this._eventForwarder.dispatchEvent(new DefaultPresentationModeChangeEvent(this._presentationMode, previousPresentationMode));\n    }\n  };\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+export function noOp() {
+  return;
+}
+//# sourceMappingURL=CommonUtils.js.map

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/module/ui/components/seekbar/thumbnail/Urlpolyfill.web.js

@@ -1,3 +1,4 @@
-// @ts-ignore
-export * from 'url-polyfill';
+import 'url-polyfill';
+const URL = global.URL;
+export { URL };
 //# sourceMappingURL=Urlpolyfill.web.js.map

package/lib/module/ui/components/seekbar/thumbnail/Urlpolyfill.web.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["Urlpolyfill.web.ts"],"sourcesContent":["// @ts-ignore\nexport * from 'url-polyfill';\n"],"mappings":"AAAA;AACA,cAAc,cAAc"}
+{"version":3,"names":["URL","global"],"sources":["Urlpolyfill.web.ts"],"sourcesContent":["import 'url-polyfill';\nconst URL = global.URL;\nexport { URL };\n"],"mappings":"AAAA,OAAO,cAAc;AACrB,MAAMA,GAAG,GAAGC,MAAM,CAACD,GAAG;AACtB,SAASA,GAAG"}

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

@@ -12,6 +12,7 @@ export declare class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEven
     private readonly _textTrackStyleAdapter;
     constructor(view: THEOplayerView, initialState?: NativePlayerState);
     private onSourceChange;
+    private hasValidSource;
     private onPause;
     private onPlaying;
     private onPresentationModeChange;
@@ -22,11 +23,13 @@ export declare class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEven
     private onSeeking;
     private onSeeked;
     private onProgress;
+    private onTextTrack;
     private onTextTrackList;
     private onMediaTrack;
     private onMediaTrackList;
     get abr(): ABRConfiguration | undefined;
     get ads(): AdsAPI;
+    private applyAutoplay;
     set autoplay(autoplay: boolean);
     get autoplay(): boolean;
     set preload(type: PreloadType);

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/lib/typescript/ui/components/seekbar/thumbnail/Urlpolyfill.web.d.ts

@@ -1 +1,8 @@
-export * from 'url-polyfill';
+import 'url-polyfill';
+declare const URL: {
+    new (url: string | URL, base?: string | URL | undefined): URL;
+    prototype: URL;
+    createObjectURL(obj: Blob | MediaSource): string;
+    revokeObjectURL(url: string): void;
+};
+export { URL };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-theoplayer",
-  "version": "2.6.0",
+  "version": "2.8.0",
   "description": "A THEOplayer video component for react-native.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

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/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,19 +102,20 @@ 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);
   }
 
   private onSourceChange = () => {
-    if (this._state.autoplay) {
-      this.play();
-    } else {
-      this.pause();
-    }
+    this.applyAutoplay();
   };
 
+  private hasValidSource(): boolean {
+    return this._state.source !== undefined;
+  }
+
   private onPause = () => {
     this._state.paused = true;
   };
@@ -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) {
@@ -225,9 +244,23 @@ export class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEventMap> im
     return this._adsAdapter;
   }
 
+  private applyAutoplay() {
+    if (!this.hasValidSource()) {
+      return;
+    }
+    if (this._state.autoplay) {
+      this.play();
+    } else {
+      this.pause();
+    }
+  }
+
   set autoplay(autoplay: boolean) {
     this._state.autoplay = autoplay;
-    NativeModules.PlayerModule.setPaused(this._view.nativeHandle, !autoplay);
+
+    // Apply autoplay in case a source was already set.
+    // If autoplay is changed before setting a source, `onSourceChange` applies autoplay.
+    this.applyAutoplay();
   }
 
   get autoplay(): boolean {
@@ -265,6 +298,10 @@ export class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEventMap> im
   }
 
   set currentTime(currentTime: number) {
+    if (!this.hasValidSource()) {
+      return;
+    }
+
     if (isNaN(currentTime)) {
       return;
     }
@@ -345,6 +382,9 @@ export class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEventMap> im
   }
 
   set selectedAudioTrack(trackUid: number | undefined) {
+    if (!this.hasValidSource()) {
+      return;
+    }
     this._state.selectedAudioTrack = trackUid;
     NativeModules.PlayerModule.setSelectedAudioTrack(this._view.nativeHandle, trackUid || -1);
   }
@@ -358,6 +398,9 @@ export class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEventMap> im
   }
 
   set selectedVideoTrack(trackUid: number | undefined) {
+    if (!this.hasValidSource()) {
+      return;
+    }
     this._state.selectedVideoTrack = trackUid;
     this._state.targetVideoQuality = undefined;
     NativeModules.PlayerModule.setSelectedVideoTrack(this._view.nativeHandle, trackUid || -1);
@@ -372,6 +415,9 @@ export class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEventMap> im
   }
 
   set selectedTextTrack(trackUid: number | undefined) {
+    if (!this.hasValidSource()) {
+      return;
+    }
     this._state.selectedTextTrack = trackUid;
     this.textTracks.forEach((track) => {
       if (track.uid === trackUid) {
@@ -417,6 +463,9 @@ export class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEventMap> im
   }
 
   set targetVideoQuality(target: number | number[] | undefined) {
+    if (!this.hasValidSource()) {
+      return;
+    }
     // Always pass an array for targetVideoQuality.
     this._state.targetVideoQuality = !target ? [] : Array.isArray(target) ? target : [target];
 
@@ -447,13 +496,17 @@ export class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEventMap> im
   }
 
   pause(): void {
-    this._state.paused = true;
-    NativeModules.PlayerModule.setPaused(this._view.nativeHandle, true);
+    if (this.hasValidSource()) {
+      this._state.paused = true;
+      NativeModules.PlayerModule.setPaused(this._view.nativeHandle, true);
+    }
   }
 
   play(): void {
-    this._state.paused = false;
-    NativeModules.PlayerModule.setPaused(this._view.nativeHandle, false);
+    if (this.hasValidSource()) {
+      this._state.paused = false;
+      NativeModules.PlayerModule.setPaused(this._view.nativeHandle, false);
+    }
   }
 
   get nativeHandle(): NativeHandleType {