react-native-theoplayer 8.11.1 → 8.13.0

package/lib/typescript/internal/adapter/event/DefaultEventDispatcher.d.ts

@@ -1,10 +1,12 @@
-import type { EventDispatcher, EventMap, StringKeyOf } from '../../../api/event/EventDispatcher';
-import type { EventListener } from '../../../api/event/EventListener';
+import type { EventDispatcher, EventMap, StringKeyOf } from 'react-native-theoplayer';
+import type { EventListener } from 'react-native-theoplayer';
 export declare class DefaultEventDispatcher<TMap extends EventMap<StringKeyOf<TMap>>> implements EventDispatcher<TMap> {
     readonly _eventListeners: Map<StringKeyOf<TMap>, EventListener<TMap[StringKeyOf<TMap>]>[]>;
-    addEventListener<K extends StringKeyOf<TMap>>(type: K, listener: EventListener<TMap[K]>): void;
+    addEventListener<K extends StringKeyOf<TMap>>(type: K | readonly K[], listener: EventListener<TMap[K]>): void;
+    private addSingleEventListener;
     clearEventListeners(): void;
     dispatchEvent: <K extends StringKeyOf<TMap>>(event: TMap[K]) => void;
-    removeEventListener<K extends StringKeyOf<TMap>>(type: K, listener: EventListener<TMap[K]>): void;
+    removeEventListener<K extends StringKeyOf<TMap>>(type: K | readonly K[], listener: EventListener<TMap[K]>): void;
+    private removeSingleEventListener;
 }
 //# sourceMappingURL=DefaultEventDispatcher.d.ts.map

package/lib/typescript/internal/adapter/event/DefaultEventDispatcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultEventDispatcher.d.ts","sourceRoot":"","sources":["../../../../../src/internal/adapter/event/DefaultEventDispatcher.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAGtE,qBAAa,sBAAsB,CAAC,IAAI,SAAS,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAE,YAAW,eAAe,CAAC,IAAI,CAAC;IAC5G,QAAQ,CAAC,eAAe,EAAE,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAa;IAEvG,gBAAgB,CAAC,CAAC,SAAS,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;IAU9F,mBAAmB,IAAI,IAAI;IAI3B,aAAa,mDAAkD,IAAI,CAKjE;IAEF,mBAAmB,CAAC,CAAC,SAAS,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;CAMlG"}
+{"version":3,"file":"DefaultEventDispatcher.d.ts","sourceRoot":"","sources":["../../../../../src/internal/adapter/event/DefaultEventDispatcher.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,qBAAa,sBAAsB,CAAC,IAAI,SAAS,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAE,YAAW,eAAe,CAAC,IAAI,CAAC;IAC5G,QAAQ,CAAC,eAAe,EAAE,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAa;IAEvG,gBAAgB,CAAC,CAAC,SAAS,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,SAAS,CAAC,EAAE,EAAE,QAAQ,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;IAU7G,OAAO,CAAC,sBAAsB;IAQ9B,mBAAmB,IAAI,IAAI;IAI3B,aAAa,mDAAkD,IAAI,CAKjE;IAEF,mBAAmB,CAAC,CAAC,SAAS,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,SAAS,CAAC,EAAE,EAAE,QAAQ,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;IAUhH,OAAO,CAAC,yBAAyB;CAMlC"}

package/lib/typescript/internal/adapter/web/WebPresentationModeManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WebPresentationModeManager.d.ts","sourceRoot":"","sources":["../../../../../src/internal/adapter/web/WebPresentationModeManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAI9E,qBAAa,0BAA0B;IACrC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAmB;IAC3C,OAAO,CAAC,iBAAiB,CAA6C;IACtE,OAAO,CAAC,QAAQ,CAA2C;IAC3D,OAAO,CAAC,eAAe,CAAyC;gBAEpD,MAAM,EAAE,gBAAgB,EAAE,cAAc,EAAE,sBAAsB,CAAC,cAAc,CAAC;IAK5F,IAAI,gBAAgB,IAAI,gBAAgB,CAEvC;IAED,IAAI,gBAAgB,CAAC,gBAAgB,EAAE,gBAAgB,EAwCtD;IAED,OAAO,CAAC,iCAAiC;IA2BzC,OAAO,CAAC,sBAAsB,CAe5B;CACH"}
+{"version":3,"file":"WebPresentationModeManager.d.ts","sourceRoot":"","sources":["../../../../../src/internal/adapter/web/WebPresentationModeManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAI9E,qBAAa,0BAA0B;IACrC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAmB;IAC3C,OAAO,CAAC,iBAAiB,CAA6C;IACtE,OAAO,CAAC,QAAQ,CAA2C;IAC3D,OAAO,CAAC,eAAe,CAAyC;gBAEpD,MAAM,EAAE,gBAAgB,EAAE,cAAc,EAAE,sBAAsB,CAAC,cAAc,CAAC;IAM5F,IAAI,gBAAgB,IAAI,gBAAgB,CAEvC;IAED,IAAI,gBAAgB,CAAC,gBAAgB,EAAE,gBAAgB,EAwCtD;IAED,OAAO,CAAC,iCAAiC;IAkBzC,OAAO,CAAC,sBAAsB,CAe5B;CACH"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-theoplayer",
-  "version": "8.11.1",
+  "version": "8.13.0",
   "description": "A THEOplayer video component for react-native.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -57,7 +57,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.13.0",
-    "@react-native/eslint-config": "^0.75.4",
+    "@react-native/eslint-config": "^0.76.5",
     "@types/react": "^18.3.12",
     "eslint": "^8.57.1",
     "eslint-config-prettier": "^9.1.0",
@@ -66,9 +66,9 @@
     "pod-install": "^0.1.39",
     "prettier": "^3.3.3",
     "react": "^18.3.1",
-    "react-native": "^0.75.4",
+    "react-native": "^0.76.5",
     "react-native-builder-bob": "^0.23.2",
-    "theoplayer": "^8.3.0",
+    "theoplayer": "^8.9.0",
     "typedoc": "^0.25.13",
     "typedoc-plugin-external-resolver": "^1.0.3",
     "typedoc-plugin-mdn-links": "^3.3.4",

package/src/api/ads/GoogleImaConfiguration.ts

@@ -52,4 +52,10 @@ export interface GoogleImaConfiguration {
    * @defaultValue `-1`
    */
   bitrate?: number;
+
+  /**
+   * The amount of time that the SDK will wait before moving onto the next ad for loading. 
+   * This value will be specified in seconds. 
+   */
+  adLoadTimeout?: number;
 }

package/src/api/player/THEOplayer.ts

@@ -72,11 +72,6 @@ export interface THEOplayer extends EventDispatcher<PlayerEventMap> {
    */
   pause(): void;
 
-  /**
-   * destroy the player.
-   */
-  destroy(): void;
-
   /**
    * Whether the player is paused.
    */

package/src/internal/THEOplayerView.tsx

@@ -144,7 +144,7 @@ export class THEOplayerView extends PureComponent<React.PropsWithChildren<THEOpl
     if (onPlayerDestroy) {
       onPlayerDestroy(this._facade);
     }
-    this._facade.destroy();
+
     this._facade.dispatchEvent(new BaseEvent(PlayerEventType.DESTROY));
     this._dimensionsHandler?.remove();
     this._facade.clearEventListeners();

package/src/internal/adapter/THEOplayerAdapter.ts

@@ -483,12 +483,6 @@ export class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEventMap> im
     }
   }
 
-  destroy(): void {
-    if (Platform.OS === 'ios') {
-      NativePlayerModule.destroyPlayer(this._view.nativeHandle);
-    }
-  }
-
   public get version(): PlayerVersion {
     return this._playerVersion;
   }

package/src/internal/adapter/WebEventForwarder.ts

@@ -18,7 +18,7 @@ import type {
   VolumeChangeEvent as NativeVolumeChangeEvent,
   DimensionChangeEvent as NativeDimensionChangeEvent,
 } from 'theoplayer';
-import type { AdEvent, MediaTrack, TextTrack, TimeRange } from 'react-native-theoplayer';
+import type { AdEvent, MediaTrack, TimeRange } from 'react-native-theoplayer';
 import {
   AdEventType,
   CastState,
@@ -267,7 +267,7 @@ export class WebEventForwarder {
     track.addEventListener('removecue', this.onRemoveTextTrackCue(track));
     track.addEventListener('entercue', this.onEnterTextTrackCue(track));
     track.addEventListener('exitcue', this.onExitTextTrackCue(track));
-    this._facade.dispatchEvent(new DefaultTextTrackListEvent(TrackListEventType.ADD_TRACK, track as TextTrack));
+    this._facade.dispatchEvent(new DefaultTextTrackListEvent(TrackListEventType.ADD_TRACK, fromNativeTextTrack(track)));
   };
 
   private readonly onRemoveTextTrack = (event: RemoveTrackEvent) => {
@@ -276,11 +276,11 @@ export class WebEventForwarder {
     track.removeEventListener('removecue', this.onRemoveTextTrackCue(track));
     track.removeEventListener('entercue', this.onEnterTextTrackCue(track));
     track.removeEventListener('exitcue', this.onExitTextTrackCue(track));
-    this._facade.dispatchEvent(new DefaultTextTrackListEvent(TrackListEventType.REMOVE_TRACK, track as NativeTextTrack as TextTrack));
+    this._facade.dispatchEvent(new DefaultTextTrackListEvent(TrackListEventType.REMOVE_TRACK, fromNativeTextTrack(track)));
   };
 
   private readonly onChangeTextTrack = (event: TrackChangeEvent) => {
-    this._facade.dispatchEvent(new DefaultTextTrackListEvent(TrackListEventType.CHANGE_TRACK, event.track as NativeTextTrack as TextTrack));
+    this._facade.dispatchEvent(new DefaultTextTrackListEvent(TrackListEventType.CHANGE_TRACK, fromNativeTextTrack(event.track as NativeTextTrack)));
   };
 
   private readonly onAddAudioTrack = (event: AddTrackEvent) => {

package/src/internal/adapter/event/DefaultEventDispatcher.ts

@@ -1,17 +1,25 @@
-import type { EventDispatcher, EventMap, StringKeyOf } from '../../../api/event/EventDispatcher';
-import type { EventListener } from '../../../api/event/EventListener';
+import type { EventDispatcher, EventMap, StringKeyOf } from 'react-native-theoplayer';
+import type { EventListener } from 'react-native-theoplayer';
 import { arrayRemoveElement } from '../../utils/arrayUtil';
 
 export class DefaultEventDispatcher<TMap extends EventMap<StringKeyOf<TMap>>> implements EventDispatcher<TMap> {
   readonly _eventListeners: Map<StringKeyOf<TMap>, EventListener<TMap[StringKeyOf<TMap>]>[]> = new Map();
 
-  addEventListener<K extends StringKeyOf<TMap>>(type: K, listener: EventListener<TMap[K]>): void {
+  addEventListener<K extends StringKeyOf<TMap>>(type: K | readonly K[], listener: EventListener<TMap[K]>): void {
+    if (typeof listener !== 'function') {
+      return;
+    } else if (Array.isArray(type)) {
+      type.forEach((t) => this.addSingleEventListener(t, listener));
+    } else {
+      this.addSingleEventListener(type as K, listener);
+    }
+  }
+
+  private addSingleEventListener<K extends StringKeyOf<TMap>>(type: K, listener: EventListener<TMap[K]>): void {
     if (!this._eventListeners.has(type)) {
-      // @ts-ignore
-      this._eventListeners.set(type, [listener]);
+      this._eventListeners.set(type, [listener as EventListener<TMap[StringKeyOf<TMap>]>]);
     } else {
-      // @ts-ignore
-      this._eventListeners.get(type)?.push(listener);
+      this._eventListeners.get(type)?.push(listener as EventListener<TMap[StringKeyOf<TMap>]>);
     }
   }
 
@@ -26,7 +34,17 @@ export class DefaultEventDispatcher<TMap extends EventMap<StringKeyOf<TMap>>> im
     }
   };
 
-  removeEventListener<K extends StringKeyOf<TMap>>(type: K, listener: EventListener<TMap[K]>): void {
+  removeEventListener<K extends StringKeyOf<TMap>>(type: K | readonly K[], listener: EventListener<TMap[K]>): void {
+    if (typeof listener !== 'function') {
+      return;
+    } else if (Array.isArray(type)) {
+      type.forEach((t) => this.removeSingleEventListener(t, listener));
+    } else {
+      this.removeSingleEventListener(type as K, listener);
+    }
+  }
+
+  private removeSingleEventListener<K extends StringKeyOf<TMap>>(type: K, listener: EventListener<TMap[K]>): void {
     const listeners = this._eventListeners.get(type);
     if (listeners) {
       arrayRemoveElement(listeners, listener);

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

@@ -15,6 +15,7 @@ export class WebPresentationModeManager {
   constructor(player: ChromelessPlayer, eventForwarder: DefaultEventDispatcher<PlayerEventMap>) {
     this._player = player;
     this._eventForwarder = eventForwarder;
+    this._player.presentation.addEventListener('presentationmodechange', this.updatePresentationMode);
   }
 
   get presentationMode(): PresentationMode {
@@ -39,7 +40,7 @@ export class WebPresentationModeManager {
           }
         }
       } else if (presentationMode === PresentationMode.pip) {
-        void this._element?.requestPictureInPicture?.();
+        this._player.presentation.requestMode('native-picture-in-picture');
       } else {
         if (this._presentationMode === PresentationMode.fullscreen) {
           const promise = document[fullscreenAPI.exitFullscreen_]();
@@ -56,7 +57,7 @@ export class WebPresentationModeManager {
       if (presentationMode === PresentationMode.fullscreen) {
         this._element?.webkitEnterFullscreen?.();
       } else if (presentationMode === PresentationMode.pip) {
-        this._element?.webkitSetPresentationMode?.(PresentationMode.pip);
+        this._player.presentation.requestMode('native-picture-in-picture');
       } else {
         this._element?.webkitSetPresentationMode?.(PresentationMode.inline);
       }
@@ -74,15 +75,6 @@ export class WebPresentationModeManager {
         }
       }
     }
-    // listen for pip updates on element
-    if (this._element !== undefined) {
-      this._element.onenterpictureinpicture = () => {
-        this.updatePresentationMode();
-      };
-      this._element.onleavepictureinpicture = () => {
-        this.updatePresentationMode();
-      };
-    }
     // listen for fullscreen updates on document
     if (fullscreenAPI !== undefined) {
       document.addEventListener(fullscreenAPI.fullscreenchange_, this.updatePresentationMode);
@@ -95,7 +87,7 @@ export class WebPresentationModeManager {
     let newPresentationMode: PresentationMode = PresentationMode.inline;
     if (fullscreenAPI !== undefined && document[fullscreenAPI.fullscreenElement_] !== null) {
       newPresentationMode = PresentationMode.fullscreen;
-    } else if (document.pictureInPictureElement !== null) {
+    } else if (this._player.presentation.currentMode === 'native-picture-in-picture') {
       newPresentationMode = PresentationMode.pip;
     }
 

package/src/manifest.json

@@ -1 +1 @@
-{"version":"8.11.1","buildDate":"2024-12-18T14:55:55.810Z"}
+{"version":"8.13.0","buildDate":"2025-01-15T19:38:29.644Z"}