react-native-theoplayer 8.12.0 → 8.13.1

package/CHANGELOG.md

@@ -5,6 +5,26 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.1.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [8.13.1] - 25-01-27
+
+### Fixed
+
+- Fixed an issue on iOS where fullscreen-inline transitions would cause a UIViewControllerHierarchyInconsistency when the current view's viewcController has sibling viewControllers that manage views that don't descend of the moving view.
+
+## [8.13.0] - 25-01-15
+
+### Added
+
+- Added support for New Architecture's through the Interop Layer. More info on the [React Native developer pages](https://reactnative.dev/architecture/landing-page).
+
+### Fixed
+
+- Fixed an issue on Web where picture-in-picture presentation mode would sometimes fail.
+
+### Changed
+
+- Upgraded the example app to use react-native-tvos@0.76.5-0.
+
 ## [8.12.0] - 25-01-09
 
 ### Fixed

package/android/build.gradle

@@ -25,6 +25,14 @@ static def versionString(version) {
   return "${version == '+' ? 'latest' : version}"
 }
 
+def isNewArchitectureEnabled() {
+  // To opt-in for the New Architecture, you can either:
+  // - Set `newArchEnabled` to true inside the `gradle.properties` file
+  // - Invoke gradle with `-newArchEnabled=true`
+  // - Set an environment variable `ORG_GRADLE_PROJECT_newArchEnabled=true`
+  return project.hasProperty("newArchEnabled") && project.newArchEnabled == "true"
+}
+
 // Extensions
 def enabledGoogleIMA = safeExtGet("THEOplayer_extensionGoogleIMA", 'false').toBoolean()
 def enabledGoogleDAI = safeExtGet("THEOplayer_extensionGoogleDAI", 'false').toBoolean()
@@ -69,6 +77,8 @@ android {
     buildConfigField "boolean", "EXTENSION_MEDIASESSION", "${enabledMediaSession}"
     buildConfigField "boolean", "EXTENSION_MEDIA3", "${enabledMedia3}"
 
+    buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString()
+
     consumerProguardFiles 'proguard-rules.pro'
   }
 

package/android/src/main/java/com/theoplayer/PlayerEventEmitter.kt

@@ -8,7 +8,7 @@ import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.WritableMap
 import com.facebook.react.bridge.WritableNativeMap
 import com.facebook.react.uimanager.UIManagerHelper
-import com.facebook.react.uimanager.common.ViewUtil
+import com.facebook.react.uimanager.common.UIManagerType
 import com.theoplayer.ads.AdEventAdapter
 import com.theoplayer.ads.AdEventAdapter.AdEventEmitter
 import com.theoplayer.android.api.THEOplayerGlobal
@@ -47,7 +47,6 @@ import com.theoplayer.track.*
 import com.theoplayer.util.PayloadBuilder
 import kotlin.math.floor
 
-
 private val TAG = PlayerEventEmitter::class.java.name
 
 private const val EVENT_PLAYER_READY = "onNativePlayerReady"
@@ -613,8 +612,13 @@ class PlayerEventEmitter internal constructor(
       } catch (ignore: RuntimeException) {
       }
     }
-    val uiManager = UIManagerHelper.getUIManager(reactContext, ViewUtil.getUIManagerType(viewId))
-    uiManager?.receiveEvent(UIManagerHelper.getSurfaceId(reactContext), viewId, type, event)
+    UIManagerHelper.getUIManager(
+      reactContext,
+      if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
+        UIManagerType.FABRIC
+      } else {
+        UIManagerType.DEFAULT
+      })?.receiveEvent(UIManagerHelper.getSurfaceId(playerView), viewId, type, event)
   }
 
   private fun attachListeners(player: Player) {

package/android/src/main/java/com/theoplayer/ReactTHEOplayerView.kt

@@ -26,6 +26,7 @@ class ReactTHEOplayerView(private val reactContext: ThemedReactContext) :
   var presentationManager: PresentationManager? = null
   var playerContext: ReactTHEOplayerContext? = null
   private var isInitialized: Boolean = false
+  private var config: PlayerConfigAdapter? = null
 
   val adsApi: AdsApiWrapper
 
@@ -40,7 +41,7 @@ class ReactTHEOplayerView(private val reactContext: ThemedReactContext) :
     adsApi = AdsApiWrapper()
   }
 
-  fun initialize(configProps: ReadableMap?) {
+  fun initialize(config: PlayerConfigAdapter) {
     if (BuildConfig.LOG_VIEW_EVENTS) {
       Log.d(TAG, "Initialize view")
     }
@@ -48,10 +49,15 @@ class ReactTHEOplayerView(private val reactContext: ThemedReactContext) :
       Log.w(TAG, "Already initialized view")
       return
     }
+    this.config = config
+    if (!isAttachedToWindow) {
+      // The view is not attached to the window yet, postpone the initialization.
+      return
+    }
     isInitialized = true
     playerContext = ReactTHEOplayerContext.create(
       reactContext,
-      PlayerConfigAdapter(configProps)
+      config
     )
     playerContext?.apply {
       adsApi.initialize(player, imaIntegration, daiIntegration)
@@ -59,17 +65,22 @@ class ReactTHEOplayerView(private val reactContext: ThemedReactContext) :
       playerView.layoutParams = layoutParams
       (playerView.parent as? ViewGroup)?.removeView(playerView)
       addView(playerView, 0, layoutParams)
-
       presentationManager = PresentationManager(
         this,
         reactContext,
         eventEmitter
       )
-
       eventEmitter.preparePlayer(player)
     }
   }
 
+  override fun onAttachedToWindow() {
+    super.onAttachedToWindow()
+    if (!isInitialized) {
+      config?.let { initialize(it) }
+    }
+  }
+
   override fun setId(id: Int) {
     super.setId(id)
     eventEmitter.setViewId(id)

package/android/src/main/java/com/theoplayer/ReactTHEOplayerViewManager.kt

@@ -31,7 +31,7 @@ class ReactTHEOplayerViewManager : ViewGroupManager<ReactTHEOplayerView>() {
 
   @ReactProp(name = PROP_CONFIG)
   fun setConfig(videoView: ReactTHEOplayerView, config: ReadableMap?) {
-    videoView.initialize(config)
+    videoView.initialize(PlayerConfigAdapter(config))
   }
 
   override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any> {

package/android/src/main/java/com/theoplayer/presentation/PresentationManager.kt

@@ -16,6 +16,7 @@ import androidx.core.view.WindowInsetsCompat
 import androidx.core.view.WindowInsetsControllerCompat
 import androidx.lifecycle.Lifecycle
 import com.facebook.react.ReactRootView
+import com.facebook.react.runtime.ReactSurfaceView
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.views.view.ReactViewGroup
 import com.theoplayer.BuildConfig
@@ -211,7 +212,7 @@ class PresentationManager(
     // Get the player's ReactViewGroup parent, which contains THEOplayerView and its children (typically the UI).
     val reactPlayerGroup: ReactViewGroup? = getClosestParentOfType(this.viewCtx.playerView)
 
-    // Get ReactNative's root node or the render hiearchy
+    // Get ReactNative's root node or the render hierarchy
     val root: ReactRootView? = getClosestParentOfType(reactPlayerGroup)
 
     if (fullscreen) {
@@ -223,7 +224,11 @@ class PresentationManager(
       if (!BuildConfig.REPARENT_ON_FULLSCREEN) {
         return
       }
-      playerGroupParentNode = (reactPlayerGroup?.parent as ReactViewGroup?)?.also { parent ->
+      playerGroupParentNode = if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
+        reactPlayerGroup?.parent as? ReactSurfaceView?
+      } else {
+        reactPlayerGroup?.parent as? ReactViewGroup?
+      }?.also { parent ->
         playerGroupChildIndex = parent.indexOfChild(reactPlayerGroup)
         // Re-parent the playerViewGroup to the root node
         parent.removeView(reactPlayerGroup)

package/android/src/main/java/com/theoplayer/util/ViewResolver.kt

@@ -3,31 +3,28 @@ package com.theoplayer.util
 import android.util.Log
 import android.view.View
 import com.facebook.react.bridge.ReactApplicationContext
-import com.facebook.react.uimanager.UIManagerModule
+import com.facebook.react.uimanager.UIManagerHelper
 
 private const val TAG = "ViewResolver"
 private const val INVALID_TAG = -1
 
 @Suppress("UNCHECKED_CAST")
 class ViewResolver(private val reactContext: ReactApplicationContext) {
-  private var uiManager: UIManagerModule? = null
-
   fun <T: View> resolveViewByTag(tag: Int, onResolved: (view: T?) -> Unit) {
     if (tag == INVALID_TAG) {
       // Don't bother trying to resolve an invalid tag.
       onResolved(null)
     }
-    if (uiManager == null) {
-      uiManager = reactContext.getNativeModule(UIManagerModule::class.java)
-    }
-    uiManager?.addUIBlock {
-      try {
-        onResolved(it.resolveView(tag) as? T?)
-      } catch (e: Exception) {
-        // The View instance could not be resolved: log but do not forward exception.
-        Log.e(TAG, "Failed to resolve View tag $tag: $e")
-        onResolved(null)
+    try {
+      reactContext.runOnUiQueueThread {
+        UIManagerHelper.getUIManagerForReactTag(reactContext, tag)?.let {
+          onResolved(it.resolveView(tag) as? T?)
+        }
       }
+    } catch (e: Exception) {
+      // The ReactTHEOplayerView instance could not be resolved: log but do not forward exception.
+      Log.e(TAG, "Failed to resolve ReactTHEOplayerView tag $tag: $e")
+      onResolved(null)
     }
   }
 }

package/ios/ads/THEOplayerRCTAdsAPI+DAI.swift

@@ -79,6 +79,11 @@ extension THEOplayerRCTAdsAPI {
         resolve(false)
     }
     
+    @objc(daiSetSnapback:enabled:)
+    func daiSetSnapback(_ node: NSNumber, enabled: Bool) -> Void {
+        if DEBUG_ADS_API { print(ERROR_MESSAGE_ADS_UNSUPPORTED_FEATURE) }
+    }
+    
     @objc(daiContentTimeForStreamTime:time:resolver:rejecter:)
     func daiContentTimeForStreamTime(_ node: NSNumber, timeValue: NSNumber, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
         if DEBUG_ADS_API { print(ERROR_MESSAGE_ADS_UNSUPPORTED_FEATURE) }

package/ios/presentationMode/THEOplayerRCTPresentationModeManager.swift

@@ -11,7 +11,6 @@ public class THEOplayerRCTPresentationModeManager {
     var presentationModeContext = THEOplayerRCTPresentationModeContext()
     private var presentationMode: THEOplayerSDK.PresentationMode = .inline
     private var rnInlineMode: THEOplayerSDK.PresentationMode = .inline // while native player is inline, RN player can be inline or fullsceen
-    private var movingChildVCs: [UIViewController] = []  // list of playerView's child VCs that need to be reparented while moving the playerView
 
   
     private weak var containerView: UIView?                  // view containing the playerView and it's siblings (e.g. UI)
@@ -27,7 +26,6 @@ public class THEOplayerRCTPresentationModeManager {
     func destroy() {
         // dettach listeners
         self.dettachListeners()
-        self.clearMovingVCs()
     }
     
     // MARK: - player setup / breakdown
@@ -40,21 +38,22 @@ public class THEOplayerRCTPresentationModeManager {
     }
     
     // MARK: - logic
-    private func storeMovingVCs(for view: UIView) {
+    private func movingVCs(for view: UIView) -> [UIViewController] {
+        var viewControllers: [UIViewController] = []
         if let viewController = view.findViewController() {
             viewController.children.forEach { childVC in
-                self.movingChildVCs.append(childVC)
+                if childVC.view.isDescendant(of: view) {
+                    viewControllers.append(childVC)
+                }
             }
         }
-    }
-      
-    private func clearMovingVCs() {
-        self.movingChildVCs = []
+        return viewControllers
     }
 
     private func moveView(_ movingView: UIView, to targetView: UIView) {
         // detach the moving viewControllers from their parent
-        self.movingChildVCs.forEach { movedVC in
+        let movingViewControllers = self.movingVCs(for: movingView)
+        movingViewControllers.forEach { movedVC in
             movedVC.removeFromParent()
         }
         
@@ -65,7 +64,7 @@ public class THEOplayerRCTPresentationModeManager {
         
         // attach the moving viewControllers to their new parent
         if let targetViewController = targetView.findViewController() {
-            self.movingChildVCs.forEach { movedVC in
+            movingViewControllers.forEach { movedVC in
                 targetViewController.addChild(movedVC)
                 movedVC.didMove(toParent: targetViewController)
             }
@@ -73,13 +72,12 @@ public class THEOplayerRCTPresentationModeManager {
     }
     
     private func enterFullscreen() {
-        self.containerView = self.view?.findParentViewOfType(RCTView.self)
-        self.inlineParentView = self.containerView?.findParentViewOfType(RCTView.self)
+        self.containerView = self.view?.findParentViewOfType(["RCTView", "RCTViewComponentView"])
+        self.inlineParentView = self.containerView?.superview
         
         // move the player
         if let containerView = self.containerView,
-           let fullscreenParentView = self.view?.findParentViewOfType(RCTRootContentView.self) {
-            self.storeMovingVCs(for: containerView)
+           let fullscreenParentView = self.view?.findParentViewOfType(["RCTRootContentView", "RCTRootComponentView"])  {
             self.moveView(containerView, to: fullscreenParentView)
 
             // start hiding home indicator
@@ -96,14 +94,13 @@ public class THEOplayerRCTPresentationModeManager {
         if let containerView = self.containerView,
            let inlineParentView = self.inlineParentView {
             self.moveView(containerView, to: inlineParentView)
-            self.clearMovingVCs()
         }
         self.rnInlineMode = .inline
     }
 
     private func setHomeIndicatorHidden(_ hidden: Bool) {
 #if os(iOS)
-        if let fullscreenParentView = self.view?.findParentViewOfType(RCTRootContentView.self),
+        if let fullscreenParentView = self.view?.findParentViewOfType(["RCTRootContentView", "RCTRootComponentView"]),
            let customRootViewController = fullscreenParentView.findViewController() as? HomeIndicatorViewController {
               customRootViewController.prefersAutoHidden = hidden
               customRootViewController.setNeedsUpdateOfHomeIndicatorAutoHidden()
@@ -216,11 +213,14 @@ public class THEOplayerRCTPresentationModeManager {
 
 // UIView extension to look for parent views
 extension UIView {
-    func findParentViewOfType<T: UIView>(_ viewType: T.Type) -> T? {
+    func findParentViewOfType(_ viewTypeNames: [String]) -> UIView? {
         var currentView: UIView? = self
         while let view = currentView {
-            if let parentView = view.superview as? T {
-                return parentView
+            if let parentView = view.superview {
+                let instanceTypeName = String(describing: type(of: parentView))
+                if viewTypeNames.contains(instanceTypeName) {
+                    return parentView
+                }
             }
             currentView = view.superview
         }

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

@@ -14,6 +14,7 @@ class WebPresentationModeManager {
   constructor(player, eventForwarder) {
     this._player = player;
     this._eventForwarder = eventForwarder;
+    this._player.presentation.addEventListener('presentationmodechange', this.updatePresentationMode);
   }
   get presentationMode() {
     return this._presentationMode;
@@ -34,7 +35,7 @@ class WebPresentationModeManager {
           }
         }
       } else if (presentationMode === _reactNativeTheoplayer.PresentationMode.pip) {
-        void this._element?.requestPictureInPicture?.();
+        this._player.presentation.requestMode('native-picture-in-picture');
       } else {
         if (this._presentationMode === _reactNativeTheoplayer.PresentationMode.fullscreen) {
           const promise = document[_FullscreenAPI.fullscreenAPI.exitFullscreen_]();
@@ -51,7 +52,7 @@ class WebPresentationModeManager {
       if (presentationMode === _reactNativeTheoplayer.PresentationMode.fullscreen) {
         this._element?.webkitEnterFullscreen?.();
       } else if (presentationMode === _reactNativeTheoplayer.PresentationMode.pip) {
-        this._element?.webkitSetPresentationMode?.(_reactNativeTheoplayer.PresentationMode.pip);
+        this._player.presentation.requestMode('native-picture-in-picture');
       } else {
         this._element?.webkitSetPresentationMode?.(_reactNativeTheoplayer.PresentationMode.inline);
       }
@@ -68,15 +69,6 @@ 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.fullscreenAPI !== undefined) {
       document.addEventListener(_FullscreenAPI.fullscreenAPI.fullscreenchange_, this.updatePresentationMode);
@@ -88,7 +80,7 @@ class WebPresentationModeManager {
     let newPresentationMode = _reactNativeTheoplayer.PresentationMode.inline;
     if (_FullscreenAPI.fullscreenAPI !== undefined && document[_FullscreenAPI.fullscreenAPI.fullscreenElement_] !== null) {
       newPresentationMode = _reactNativeTheoplayer.PresentationMode.fullscreen;
-    } else if (document.pictureInPictureElement !== null) {
+    } else if (this._player.presentation.currentMode === 'native-picture-in-picture') {
       newPresentationMode = _reactNativeTheoplayer.PresentationMode.pip;
     }
 

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNativeTheoplayer","require","_PlayerEvents","_FullscreenAPI","_CommonUtils","WebPresentationModeManager","_presentationMode","PresentationMode","inline","_element","undefined","constructor","player","eventForwarder","_player","_eventForwarder","presentationMode","prepareForPresentationModeChanges","fullscreenAPI","fullscreen","appElement","document","getElementById","promise","requestFullscreen_","then","noOp","pip","requestPictureInPicture","exitFullscreen_","exitPictureInPicture","webkitEnterFullscreen","webkitSetPresentationMode","elements","element","children","Array","from","tagName","videoElement","src","srcObject","onenterpictureinpicture","updatePresentationMode","onleavepictureinpicture","addEventListener","fullscreenchange_","fullscreenerror_","newPresentationMode","fullscreenElement_","pictureInPictureElement","previousPresentationMode","dispatchEvent","DefaultPresentationModeChangeEvent","exports"],"sourceRoot":"../../../../../src","sources":["internal/adapter/web/WebPresentationModeManager.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNativeTheoplayer","require","_PlayerEvents","_FullscreenAPI","_CommonUtils","WebPresentationModeManager","_presentationMode","PresentationMode","inline","_element","undefined","constructor","player","eventForwarder","_player","_eventForwarder","presentation","addEventListener","updatePresentationMode","presentationMode","prepareForPresentationModeChanges","fullscreenAPI","fullscreen","appElement","document","getElementById","promise","requestFullscreen_","then","noOp","pip","requestMode","exitFullscreen_","exitPictureInPicture","webkitEnterFullscreen","webkitSetPresentationMode","elements","element","children","Array","from","tagName","videoElement","src","srcObject","fullscreenchange_","fullscreenerror_","newPresentationMode","fullscreenElement_","currentMode","previousPresentationMode","dispatchEvent","DefaultPresentationModeChangeEvent","exports"],"sourceRoot":"../../../../../src","sources":["internal/adapter/web/WebPresentationModeManager.ts"],"mappings":";;;;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAEO,MAAMI,0BAA0B,CAAC;EAE9BC,iBAAiB,GAAqBC,uCAAgB,CAACC,MAAM;EAC7DC,QAAQ,GAAiCC,SAAS;EAG1DC,WAAWA,CAACC,MAAwB,EAAEC,cAAsD,EAAE;IAC5F,IAAI,CAACC,OAAO,GAAGF,MAAM;IACrB,IAAI,CAACG,eAAe,GAAGF,cAAc;IACrC,IAAI,CAACC,OAAO,CAACE,YAAY,CAACC,gBAAgB,CAAC,wBAAwB,EAAE,IAAI,CAACC,sBAAsB,CAAC;EACnG;EAEA,IAAIC,gBAAgBA,CAAA,EAAqB;IACvC,OAAO,IAAI,CAACb,iBAAiB;EAC/B;EAEA,IAAIa,gBAAgBA,CAACA,gBAAkC,EAAE;IACvD,IAAIA,gBAAgB,KAAK,IAAI,CAACb,iBAAiB,EAAE;MAC/C;IACF;IAEA,IAAI,CAACc,iCAAiC,CAAC,CAAC;IAExC,IAAIC,4BAAa,KAAKX,SAAS,EAAE;MAC/B;MACA,IAAIS,gBAAgB,KAAKZ,uCAAgB,CAACe,UAAU,EAAE;QACpD,MAAMC,UAAU,GAAGC,QAAQ,CAACC,cAAc,CAAC,KAAK,CAAC,IAAID,QAAQ,CAACC,cAAc,CAAC,MAAM,CAAC;QACpF,IAAIF,UAAU,KAAK,IAAI,EAAE;UACvB,MAAMG,OAAO,GAAGH,UAAU,CAACF,4BAAa,CAACM,kBAAkB,CAAC,CAAC,CAAC;UAC9D,IAAID,OAAO,IAAIA,OAAO,CAACE,IAAI,EAAE;YAC3BF,OAAO,CAACE,IAAI,CAACC,iBAAI,EAAEA,iBAAI,CAAC;UAC1B;QACF;MACF,CAAC,MAAM,IAAIV,gBAAgB,KAAKZ,uCAAgB,CAACuB,GAAG,EAAE;QACpD,IAAI,CAAChB,OAAO,CAACE,YAAY,CAACe,WAAW,CAAC,2BAA2B,CAAC;MACpE,CAAC,MAAM;QACL,IAAI,IAAI,CAACzB,iBAAiB,KAAKC,uCAAgB,CAACe,UAAU,EAAE;UAC1D,MAAMI,OAAO,GAAGF,QAAQ,CAACH,4BAAa,CAACW,eAAe,CAAC,CAAC,CAAC;UACzD,IAAIN,OAAO,IAAIA,OAAO,CAACE,IAAI,EAAE;YAC3BF,OAAO,CAACE,IAAI,CAACC,iBAAI,EAAEA,iBAAI,CAAC;UAC1B;QACF;QACA,IAAI,IAAI,CAACvB,iBAAiB,KAAKC,uCAAgB,CAACuB,GAAG,EAAE;UACnD,KAAKN,QAAQ,CAACS,oBAAoB,CAAC,CAAC;QACtC;MACF;IACF,CAAC,MAAM;MACL;MACA,IAAId,gBAAgB,KAAKZ,uCAAgB,CAACe,UAAU,EAAE;QACpD,IAAI,CAACb,QAAQ,EAAEyB,qBAAqB,GAAG,CAAC;MAC1C,CAAC,MAAM,IAAIf,gBAAgB,KAAKZ,uCAAgB,CAACuB,GAAG,EAAE;QACpD,IAAI,CAAChB,OAAO,CAACE,YAAY,CAACe,WAAW,CAAC,2BAA2B,CAAC;MACpE,CAAC,MAAM;QACL,IAAI,CAACtB,QAAQ,EAAE0B,yBAAyB,GAAG5B,uCAAgB,CAACC,MAAM,CAAC;MACrE;IACF;EACF;EAEQY,iCAAiCA,CAAA,EAAG;IAC1C,MAAMgB,QAAQ,GAAG,IAAI,CAACtB,OAAO,CAACuB,OAAO,CAACC,QAAQ;IAC9C,KAAK,MAAMD,OAAO,IAAIE,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAAC,EAAE;MAC1C,IAAIC,OAAO,CAACI,OAAO,KAAK,OAAO,EAAE;QAC/B,MAAMC,YAAY,GAAGL,OAA2B;QAChD,IAAKK,YAAY,CAACC,GAAG,KAAK,IAAI,IAAID,YAAY,CAACC,GAAG,KAAK,EAAE,IAAKD,YAAY,CAACE,SAAS,KAAK,IAAI,EAAE;UAC7F,IAAI,CAACnC,QAAQ,GAAGiC,YAAY;UAC5B;QACF;MACF;IACF;IACA;IACA,IAAIrB,4BAAa,KAAKX,SAAS,EAAE;MAC/Bc,QAAQ,CAACP,gBAAgB,CAACI,4BAAa,CAACwB,iBAAiB,EAAE,IAAI,CAAC3B,sBAAsB,CAAC;MACvFM,QAAQ,CAACP,gBAAgB,CAACI,4BAAa,CAACyB,gBAAgB,EAAE,IAAI,CAAC5B,sBAAsB,CAAC;IACxF;EACF;EAEQA,sBAAsB,GAAGA,CAAA,KAAM;IACrC;IACA,IAAI6B,mBAAqC,GAAGxC,uCAAgB,CAACC,MAAM;IACnE,IAAIa,4BAAa,KAAKX,SAAS,IAAIc,QAAQ,CAACH,4BAAa,CAAC2B,kBAAkB,CAAC,KAAK,IAAI,EAAE;MACtFD,mBAAmB,GAAGxC,uCAAgB,CAACe,UAAU;IACnD,CAAC,MAAM,IAAI,IAAI,CAACR,OAAO,CAACE,YAAY,CAACiC,WAAW,KAAK,2BAA2B,EAAE;MAChFF,mBAAmB,GAAGxC,uCAAgB,CAACuB,GAAG;IAC5C;;IAEA;IACA,MAAMoB,wBAAwB,GAAG,IAAI,CAAC5C,iBAAiB;IACvD,IAAIyC,mBAAmB,KAAKG,wBAAwB,EAAE;MACpD,IAAI,CAAC5C,iBAAiB,GAAGyC,mBAAmB;MAC5C,IAAI,CAAChC,eAAe,CAACoC,aAAa,CAAC,IAAIC,gDAAkC,CAAC,IAAI,CAAC9C,iBAAiB,EAAE4C,wBAAwB,CAAC,CAAC;IAC9H;EACF,CAAC;AACH;AAACG,OAAA,CAAAhD,0BAAA,GAAAA,0BAAA","ignoreList":[]}

package/lib/commonjs/manifest.json

@@ -1 +1 @@
-{"version":"8.12.0","buildDate":"2025-01-09T15:09:23.405Z"}
+{"version":"8.13.1","buildDate":"2025-01-27T12:46:49.795Z"}

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

@@ -8,6 +8,7 @@ export class WebPresentationModeManager {
   constructor(player, eventForwarder) {
     this._player = player;
     this._eventForwarder = eventForwarder;
+    this._player.presentation.addEventListener('presentationmodechange', this.updatePresentationMode);
   }
   get presentationMode() {
     return this._presentationMode;
@@ -28,7 +29,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_]();
@@ -45,7 +46,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);
       }
@@ -62,15 +63,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);
@@ -82,7 +74,7 @@ export class WebPresentationModeManager {
     let newPresentationMode = 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/lib/module/internal/adapter/web/WebPresentationModeManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["PresentationMode","DefaultPresentationModeChangeEvent","fullscreenAPI","noOp","WebPresentationModeManager","_presentationMode","inline","_element","undefined","constructor","player","eventForwarder","_player","_eventForwarder","presentationMode","prepareForPresentationModeChanges","fullscreen","appElement","document","getElementById","promise","requestFullscreen_","then","pip","requestPictureInPicture","exitFullscreen_","exitPictureInPicture","webkitEnterFullscreen","webkitSetPresentationMode","elements","element","children","Array","from","tagName","videoElement","src","srcObject","onenterpictureinpicture","updatePresentationMode","onleavepictureinpicture","addEventListener","fullscreenchange_","fullscreenerror_","newPresentationMode","fullscreenElement_","pictureInPictureElement","previousPresentationMode","dispatchEvent"],"sourceRoot":"../../../../../src","sources":["internal/adapter/web/WebPresentationModeManager.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["PresentationMode","DefaultPresentationModeChangeEvent","fullscreenAPI","noOp","WebPresentationModeManager","_presentationMode","inline","_element","undefined","constructor","player","eventForwarder","_player","_eventForwarder","presentation","addEventListener","updatePresentationMode","presentationMode","prepareForPresentationModeChanges","fullscreen","appElement","document","getElementById","promise","requestFullscreen_","then","pip","requestMode","exitFullscreen_","exitPictureInPicture","webkitEnterFullscreen","webkitSetPresentationMode","elements","element","children","Array","from","tagName","videoElement","src","srcObject","fullscreenchange_","fullscreenerror_","newPresentationMode","fullscreenElement_","currentMode","previousPresentationMode","dispatchEvent"],"sourceRoot":"../../../../../src","sources":["internal/adapter/web/WebPresentationModeManager.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/manifest.json

@@ -1 +1 @@
-{"version":"8.12.0","buildDate":"2025-01-09T15:09:23.405Z"}
+{"version":"8.13.1","buildDate":"2025-01-27T12:46:49.795Z"}

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.12.0",
+  "version": "8.13.1",
   "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/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.12.0","buildDate":"2025-01-09T15:09:23.405Z"}
+{"version":"8.13.1","buildDate":"2025-01-27T12:46:49.795Z"}