react-native-theoplayer 3.3.2 → 3.4.1

package/CHANGELOG.md

@@ -5,6 +5,24 @@ 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).
 
+## [3.4.1] - 23-12-21
+
+### Changed
+
+- Take the Kotlin Gradle plugin version from the root project, if specified.
+
+## [3.4.0] - 23-12-21
+
+### Added
+
+- Added `ui` configuration object to `PlayerConfiguration` to configure the ads UI language.
+- Added support for Android 14.
+- Added Expo plugin to support Android dependency configuration.
+
+### Changed
+
+- Changed the Android notification channel name to `Notification channel`. It can be renamed by defining the `notification_channel_name` resource string.
+
 ## [3.3.2] - 23-12-12
 
 ### Fixed

package/android/build.gradle

@@ -1,12 +1,16 @@
 buildscript {
+  ext.safeExtGet = { prop, fallback ->
+    rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
+  }
+
   repositories {
     google()
     mavenCentral()
   }
 
   dependencies {
-    classpath 'com.android.tools.build:gradle:4.2.2'
-    classpath 'org.jetbrains.kotlin:kotlin-gradle-plugin:1.7.21'
+    classpath 'com.android.tools.build:gradle:7.4.2'
+    classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:${safeExtGet('kotlinVersion', '1.8.21')}"
   }
 }
 
@@ -29,11 +33,11 @@ def enabledCast = safeExtGet("THEOplayer_extensionCast", 'false').toBoolean()
 def enabledMediaSession = safeExtGet("THEOplayer_extensionMediaSession", 'true').toBoolean()
 
 android {
-  compileSdk safeExtGet('THEOplayer_compileSdkVersion', 33)
+  compileSdk safeExtGet('THEOplayer_compileSdkVersion', 34)
 
   defaultConfig {
     minSdkVersion safeExtGet('THEOplayer_minSdkVersion', 21)
-    targetSdkVersion safeExtGet('THEOplayer_targetSdkVersion', 33)
+    targetSdkVersion safeExtGet('THEOplayer_targetSdkVersion', 34)
     versionCode 1
     versionName "1.0"
 
@@ -101,7 +105,7 @@ repositories {
 dependencies {
   //noinspection GradleDynamicVersion
   implementation "com.facebook.react:react-native:+"  // From node_modules
-  implementation "org.jetbrains.kotlinx:kotlinx-coroutines-android:1.6.4"
+  implementation "org.jetbrains.kotlinx:kotlinx-coroutines-android:1.7.3"
   implementation "androidx.appcompat:appcompat:1.6.1"
 
   // The minimum supported THEOplayer version is 6.0.0

package/android/src/main/AndroidManifest.xml

@@ -25,6 +25,15 @@
     -->
   <uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
 
+  <!--
+    Allows a regular application to use Service.startForeground with the type "mediaPlayback".
+    Protection level: normal|instant
+
+    Apps that target Android 14 and use a foreground service must declare a specific
+    permission, based on the foreground service type that Android 14 introduces.
+   -->
+  <uses-permission android:name="android.permission.FOREGROUND_SERVICE_MEDIA_PLAYBACK" />
+
   <application>
 
     <!-- Allow background audio playback by registering this service. -->

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

@@ -11,10 +11,12 @@ import com.theoplayer.android.api.cast.CastStrategy
 import com.theoplayer.android.api.cast.CastConfiguration
 import com.theoplayer.android.api.pip.PipConfiguration
 import com.theoplayer.android.api.player.NetworkConfiguration
+import com.theoplayer.android.api.ui.UIConfiguration
 
 private const val PROP_LICENSE = "license"
 private const val PROP_LICENSE_URL = "licenseUrl"
 private const val PROP_PRELOAD = "preload"
+private const val PROP_LANGUAGE = "language"
 private const val PROP_UI_ENABLED = "uiEnabled"
 private const val PROP_CAST_STRATEGY = "strategy"
 private const val PROP_RETRY_CONFIG = "retryConfiguration"
@@ -24,6 +26,7 @@ private const val PROP_RETRY_MIN_BACKOFF = "minimumBackoff"
 private const val PROP_RETRY_MAX_BACKOFF = "maximumBackoff"
 private const val PROP_CAST_CONFIGURATION = "cast"
 private const val PROP_ADS_CONFIGURATION = "ads"
+private const val PROP_UI_CONFIGURATION = "ui"
 
 class PlayerConfigAdapter(private val configProps: ReadableMap?) {
 
@@ -45,6 +48,9 @@ class PlayerConfigAdapter(private val configProps: ReadableMap?) {
         if (hasKey(PROP_RETRY_CONFIG)) {
           networkConfiguration(networkConfig())
         }
+        if (hasKey(PROP_UI_CONFIGURATION)) {
+          ui(uiConfig())
+        }
         if (hasKey(PROP_HLS_DATE_RANGE)) {
           hlsDateRange(getBoolean(PROP_HLS_DATE_RANGE))
         }
@@ -96,6 +102,21 @@ class PlayerConfigAdapter(private val configProps: ReadableMap?) {
     }.build()
   }
 
+  /**
+   * Get UIConfiguration object; these properties apply:
+   * - language: The language used to localize the ui elements.
+   */
+  private fun uiConfig(): UIConfiguration {
+    return UIConfiguration.Builder().apply {
+      configProps?.getMap(PROP_UI_CONFIGURATION)?.run {
+        val languageString = getString(PROP_LANGUAGE)
+        if (languageString != null && !TextUtils.isEmpty(languageString)) {
+          language(languageString)
+        }
+      }
+    }.build()
+  }
+
   /**
    * Create a AdsRenderingSettings object.
    */

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

@@ -1,5 +1,6 @@
 package com.theoplayer.presentation
 
+import android.annotation.SuppressLint
 import android.app.PendingIntent
 import android.app.PictureInPictureParams
 import android.app.RemoteAction
@@ -68,6 +69,7 @@ class PipUtils(
     }
   }
 
+  @SuppressLint("UnspecifiedRegisterReceiverFlag")
   fun enable() {
     if (enabled) {
       return
@@ -78,10 +80,19 @@ class PipUtils(
     adEvents.forEach { action ->
       player.ads.addEventListener(action, onAdAction)
     }
-    reactContext.currentActivity?.registerReceiver(
-      broadcastReceiver,
-      IntentFilter(ACTION_MEDIA_CONTROL)
-    )
+
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
+      reactContext.currentActivity?.registerReceiver(
+        broadcastReceiver,
+        IntentFilter(ACTION_MEDIA_CONTROL), Context.RECEIVER_EXPORTED
+      )
+    } else {
+      reactContext.currentActivity?.registerReceiver(
+        broadcastReceiver,
+        IntentFilter(ACTION_MEDIA_CONTROL)
+      )
+    }
+
     enabled = true
   }
 

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

@@ -1,5 +1,6 @@
 package com.theoplayer.presentation
 
+import android.annotation.SuppressLint
 import android.app.AppOpsManager
 import android.content.BroadcastReceiver
 import android.content.Context
@@ -18,6 +19,7 @@ import com.theoplayer.android.api.error.ErrorCode
 import com.theoplayer.android.api.error.THEOplayerException
 import com.theoplayer.android.api.player.PresentationMode
 
+@SuppressLint("UnspecifiedRegisterReceiverFlag")
 class PresentationManager(
   private val viewCtx: ReactTHEOplayerContext,
   private val reactContext: ThemedReactContext,
@@ -58,12 +60,27 @@ class PresentationManager(
       supportsPip =
         reactContext.packageManager.hasSystemFeature(PackageManager.FEATURE_PICTURE_IN_PICTURE)
     }
-    reactContext.currentActivity?.registerReceiver(
-      onUserLeaveHintReceiver, IntentFilter("onUserLeaveHint")
-    )
-    reactContext.currentActivity?.registerReceiver(
-      onPictureInPictureModeChanged, IntentFilter("onPictureInPictureModeChanged")
-    )
+
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
+      reactContext.currentActivity?.registerReceiver(
+        onUserLeaveHintReceiver, IntentFilter("onUserLeaveHint"), Context.RECEIVER_EXPORTED
+      )
+    } else {
+      reactContext.currentActivity?.registerReceiver(
+        onUserLeaveHintReceiver, IntentFilter("onUserLeaveHint")
+      )
+    }
+
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
+      reactContext.currentActivity?.registerReceiver(
+        onPictureInPictureModeChanged, IntentFilter("onPictureInPictureModeChanged"),
+        Context.RECEIVER_EXPORTED
+      )
+    } else {
+      reactContext.currentActivity?.registerReceiver(
+        onPictureInPictureModeChanged, IntentFilter("onPictureInPictureModeChanged")
+      )
+    }
   }
 
   fun destroy() {

package/android/src/main/res/values/strings.xml

@@ -13,5 +13,5 @@
 
   <string name="background_playback_service_description">THEOplayer service providing background playback.</string>
   <string name="notification_channel_id">theoplayer_default_channel</string>
-  <string name="notification_channel_name" translatable="true">THEOplayer default channel</string>
+  <string name="notification_channel_name" translatable="true">Notification channel</string>
 </resources>

package/app.plugin.js

@@ -0,0 +1,57 @@
+/**
+ * Expo plugin for react-native-theoplayer.
+ *
+ * Example:
+ *     "plugins": [
+ *         ["react-native-theoplayer", {
+ *             "extensions": ["ima", "dai", "cast"]
+ *         }]
+ *     ]
+ */
+const {withProjectBuildGradle, withGradleProperties} = require('@expo/config-plugins');
+
+function mapAndroidExtensionKey(ext) {
+    switch (ext) {
+        case "ima":
+            return "THEOplayer_extensionGoogleIMA";
+        case "dai":
+            return "THEOplayer_extensionGoogleDAI";
+        case "cast":
+            return "THEOplayer_extensionCast";
+        default:
+            return undefined;
+    }
+}
+
+const applyAndroidExtensions = (config, extensions) => {
+    return withGradleProperties(config, (config) => {
+        extensions?.forEach(ext => {
+            const key = mapAndroidExtensionKey(ext);
+            if (key) {
+                config.modResults.push({type: "property", key, value: true});
+            }
+        });
+        return config;
+    });
+}
+
+const withAndroidTHEOplayer = (config, props) => {
+    // Apply Android extensions
+    const {extensions} = props;
+    config = applyAndroidExtensions(config, extensions);
+
+    // Add the localMaven repo to the project's repositories
+    return withProjectBuildGradle(config, (config) => {
+        const localMaven = 'maven { url("$rootDir/../node_modules/react-native-theoplayer/android/local") }';
+        config.modResults.contents = config.modResults.contents.replace(
+            /allprojects\s*\{\s*repositories\s*\{/,
+            `$&\n\t\t${localMaven}`
+        )
+        return config;
+    });
+};
+
+module.exports = (config, props) => {
+    // Apply Android modifications
+    return withAndroidTHEOplayer(config, props);
+}

package/ios/THEOplayerRCTView.swift

@@ -19,6 +19,7 @@ public class THEOplayerRCTView: UIView {
     var presentationModeContext = THEOplayerRCTPresentationModeContext()
     var adsConfig = AdsConfig()
     var castConfig = CastConfig()
+    var uiConfig = UIConfig()
     
     var pipConfig = PipConfig() {
         didSet {
@@ -39,7 +40,6 @@ public class THEOplayerRCTView: UIView {
     private var licenseUrl: String?
     private var chromeless: Bool = true
     private var hlsDateRange: Bool = false
-    private var config: THEOplayerConfiguration?
     
     // MARK: - Initialisation / view setup
     init() {
@@ -110,6 +110,7 @@ public class THEOplayerRCTView: UIView {
                                                                         cssPaths: cssPaths,
                                                                         pip: self.playerPipConfiguration(),
                                                                         ads: self.playerAdsConfiguration(),
+                                                                        ui: self.playerUIConfiguration(),
                                                                         cast: self.playerCastConfiguration(),
                                                                         hlsDateRange: self.hlsDateRange,
                                                                         license: self.license,
@@ -127,7 +128,8 @@ public class THEOplayerRCTView: UIView {
                                                                         hlsDateRange: self.hlsDateRange,
                                                                         license: self.license,
                                                                         licenseUrl: self.licenseUrl,
-                                                                        pip: self.playerPipConfiguration()))
+                                                                        pip: self.playerPipConfiguration(),
+                                                                        ui: self.playerUIConfiguration()))
         self.initAdsIntegration()
         self.initBackgroundAudio()
         self.initPip()
@@ -176,6 +178,7 @@ public class THEOplayerRCTView: UIView {
         self.hlsDateRange = configDict["hlsDateRange"] as? Bool ?? false
         self.parseAdsConfig(configDict: configDict)
         self.parseCastConfig(configDict: configDict)
+        self.parseUIConfig(configDict: configDict)
         if DEBUG_VIEW { PrintUtils.printLog(logText: "[NATIVE] config prop updated.") }
         
         // Given the bridged config, create the initial THEOplayer instance

package/ios/ui/THEOplayerRCTView+UIConfig.swift

@@ -0,0 +1,23 @@
+// THEOplayerRCTView+UIConfig.swift
+
+import Foundation
+import THEOplayerSDK
+
+struct UIConfig {
+    var language: String = "en"
+}
+
+extension THEOplayerRCTView {
+    
+    func parseUIConfig(configDict: NSDictionary) {
+        if let uiConfig = configDict["ui"] as? NSDictionary {
+            if let uiLanguage = uiConfig["language"] as? String {
+                self.uiConfig.language = uiLanguage
+            }
+        }
+    }
+    
+    func playerUIConfiguration() -> UIConfiguration? {
+        return UIConfiguration(language: self.uiConfig.language)
+    }
+}

package/lib/commonjs/api/config/PlayerConfiguration.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["PlayerConfiguration.ts"],"sourcesContent":["import type { AdsConfiguration } from '../ads/AdsConfiguration';\nimport type { CastConfiguration } from '../cast/CastConfiguration';\nimport type { MediaControlConfiguration } from '../media/MediaControlConfiguration';\nimport type { RetryConfiguration } from '../utils/RetryConfiguration';\n\nexport interface PlayerConfiguration {\n  /**\n   * The directory in which the THEOplayer library worker files are located.\n   * These worker files are THEOplayer.transmux.*\n   *\n   * @remarks\n   * <br/> - This parameter is required when using a HLS source and has no default.\n   *\n   * @example\n   * `'/lib/theoplayer/'`\n   */\n  libraryLocation?: string;\n\n  /**\n   * The muted autoplay policy for web.\n   *\n   * @remarks\n   * <br/> - The muted autoplay policy is impacted by this property and {@link SourceConfiguration.mutedAutoplay}.\n   *\n   * @defaultValue `'none'`.\n   */\n  mutedAutoplay?: MutedAutoplayConfiguration;\n\n  /**\n   * The ads configuration for the player.\n   */\n  ads?: AdsConfiguration;\n\n  /**\n   * The cast configuration for the player.\n   */\n  cast?: CastConfiguration;\n\n  /**\n   * The configuration of media controls and media sessions across platforms.\n   */\n  mediaControl?: MediaControlConfiguration;\n\n  /**\n   * The license for the player\n   */\n  readonly license?: string;\n\n  /**\n   * The url to fetch the license for the player\n   */\n  readonly licenseUrl?: string;\n\n  /**\n   * Sets whether the native player is chromeless (without UI).\n   *\n   * @remarks\n   * <br/> - This parameter only applies to Web platforms.\n   */\n  readonly chromeless?: boolean;\n\n  /**\n   * Sets whether DateRange tags from the playlists should be imported as a textTrack.\n   */\n  readonly hlsDateRange?: boolean;\n\n  /**\n   * The retry configuration for the player.\n   *\n   * @remarks\n   * <br/> - This parameter only applies to Web and Android platforms.\n   */\n  readonly retryConfiguration?: RetryConfiguration;\n}\n\n/**\n * The muted autoplay policy of a player for web.\n * <br/> - `'none'`: Disallow muted autoplay. If the player is requested to autoplay while unmuted, and the platform does not support unmuted autoplay, the player will not start playback.\n * <br/> - `'all'`: Allow muted autoplay. If the player is requested to autoplay while unmuted, and the platform supports muted autoplay, the player will start muted playback.\n * <br/> - `'content'`: Allow muted autoplay only for the main content. Disallow muted autoplay for e.g. advertisements. (Not yet supported.)\n *\n * @public\n */\nexport type MutedAutoplayConfiguration = 'none' | 'all' | 'content';\n"],"mappings":""}
+{"version":3,"names":[],"sources":["PlayerConfiguration.ts"],"sourcesContent":["import type { AdsConfiguration } from '../ads/AdsConfiguration';\nimport type { CastConfiguration } from '../cast/CastConfiguration';\nimport type { MediaControlConfiguration } from '../media/MediaControlConfiguration';\nimport type { RetryConfiguration } from '../utils/RetryConfiguration';\nimport type { UIConfiguration } from '../ui/UIConfiguration';\n\nexport interface PlayerConfiguration {\n  /**\n   * The directory in which the THEOplayer library worker files are located.\n   * These worker files are THEOplayer.transmux.*\n   *\n   * @remarks\n   * <br/> - This parameter is required when using a HLS source and has no default.\n   *\n   * @example\n   * `'/lib/theoplayer/'`\n   */\n  libraryLocation?: string;\n\n  /**\n   * The muted autoplay policy for web.\n   *\n   * @remarks\n   * <br/> - The muted autoplay policy is impacted by this property and {@link SourceConfiguration.mutedAutoplay}.\n   *\n   * @defaultValue `'none'`.\n   */\n  mutedAutoplay?: MutedAutoplayConfiguration;\n\n  /**\n   * The ads configuration for the player.\n   */\n  ads?: AdsConfiguration;\n\n  /**\n   * The cast configuration for the player.\n   */\n  cast?: CastConfiguration;\n\n  /**\n   * The ui configuration for the underlying native player. Applies to Ad UI.\n   */\n  ui?: UIConfiguration;\n\n  /**\n   * The configuration of media controls and media sessions across platforms.\n   */\n  mediaControl?: MediaControlConfiguration;\n\n  /**\n   * The license for the player\n   */\n  readonly license?: string;\n\n  /**\n   * The url to fetch the license for the player\n   */\n  readonly licenseUrl?: string;\n\n  /**\n   * Sets whether the native player is chromeless (without UI).\n   *\n   * @remarks\n   * <br/> - This parameter only applies to Web platforms.\n   */\n  readonly chromeless?: boolean;\n\n  /**\n   * Sets whether DateRange tags from the playlists should be imported as a textTrack.\n   */\n  readonly hlsDateRange?: boolean;\n\n  /**\n   * The retry configuration for the player.\n   *\n   * @remarks\n   * <br/> - This parameter only applies to Web and Android platforms.\n   */\n  readonly retryConfiguration?: RetryConfiguration;\n}\n\n/**\n * The muted autoplay policy of a player for web.\n * <br/> - `'none'`: Disallow muted autoplay. If the player is requested to autoplay while unmuted, and the platform does not support unmuted autoplay, the player will not start playback.\n * <br/> - `'all'`: Allow muted autoplay. If the player is requested to autoplay while unmuted, and the platform supports muted autoplay, the player will start muted playback.\n * <br/> - `'content'`: Allow muted autoplay only for the main content. Disallow muted autoplay for e.g. advertisements. (Not yet supported.)\n *\n * @public\n */\nexport type MutedAutoplayConfiguration = 'none' | 'all' | 'content';\n"],"mappings":""}

package/lib/commonjs/api/ui/UIConfiguration.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=UIConfiguration.js.map

package/lib/commonjs/api/ui/UIConfiguration.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["UIConfiguration.ts"],"sourcesContent":["/**\n * Describes the UI related configuration of the player.\n *\n * @public\n */\nexport interface UIConfiguration {\n  /**\n   * The language which is used for localization.\n   *\n   * @example\n   * ```\n   * ui: {\n   *   language: 'es',\n   * }\n   * ```\n   */\n  language?: string;\n}\n"],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_UIConfiguration","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["barrel.ts"],"sourcesContent":["export * from './UIConfiguration';\n"],"mappings":";;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,gBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/lib/module/api/config/PlayerConfiguration.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["PlayerConfiguration.ts"],"sourcesContent":["import type { AdsConfiguration } from '../ads/AdsConfiguration';\nimport type { CastConfiguration } from '../cast/CastConfiguration';\nimport type { MediaControlConfiguration } from '../media/MediaControlConfiguration';\nimport type { RetryConfiguration } from '../utils/RetryConfiguration';\n\nexport interface PlayerConfiguration {\n  /**\n   * The directory in which the THEOplayer library worker files are located.\n   * These worker files are THEOplayer.transmux.*\n   *\n   * @remarks\n   * <br/> - This parameter is required when using a HLS source and has no default.\n   *\n   * @example\n   * `'/lib/theoplayer/'`\n   */\n  libraryLocation?: string;\n\n  /**\n   * The muted autoplay policy for web.\n   *\n   * @remarks\n   * <br/> - The muted autoplay policy is impacted by this property and {@link SourceConfiguration.mutedAutoplay}.\n   *\n   * @defaultValue `'none'`.\n   */\n  mutedAutoplay?: MutedAutoplayConfiguration;\n\n  /**\n   * The ads configuration for the player.\n   */\n  ads?: AdsConfiguration;\n\n  /**\n   * The cast configuration for the player.\n   */\n  cast?: CastConfiguration;\n\n  /**\n   * The configuration of media controls and media sessions across platforms.\n   */\n  mediaControl?: MediaControlConfiguration;\n\n  /**\n   * The license for the player\n   */\n  readonly license?: string;\n\n  /**\n   * The url to fetch the license for the player\n   */\n  readonly licenseUrl?: string;\n\n  /**\n   * Sets whether the native player is chromeless (without UI).\n   *\n   * @remarks\n   * <br/> - This parameter only applies to Web platforms.\n   */\n  readonly chromeless?: boolean;\n\n  /**\n   * Sets whether DateRange tags from the playlists should be imported as a textTrack.\n   */\n  readonly hlsDateRange?: boolean;\n\n  /**\n   * The retry configuration for the player.\n   *\n   * @remarks\n   * <br/> - This parameter only applies to Web and Android platforms.\n   */\n  readonly retryConfiguration?: RetryConfiguration;\n}\n\n/**\n * The muted autoplay policy of a player for web.\n * <br/> - `'none'`: Disallow muted autoplay. If the player is requested to autoplay while unmuted, and the platform does not support unmuted autoplay, the player will not start playback.\n * <br/> - `'all'`: Allow muted autoplay. If the player is requested to autoplay while unmuted, and the platform supports muted autoplay, the player will start muted playback.\n * <br/> - `'content'`: Allow muted autoplay only for the main content. Disallow muted autoplay for e.g. advertisements. (Not yet supported.)\n *\n * @public\n */\nexport type MutedAutoplayConfiguration = 'none' | 'all' | 'content';\n"],"mappings":""}
+{"version":3,"names":[],"sources":["PlayerConfiguration.ts"],"sourcesContent":["import type { AdsConfiguration } from '../ads/AdsConfiguration';\nimport type { CastConfiguration } from '../cast/CastConfiguration';\nimport type { MediaControlConfiguration } from '../media/MediaControlConfiguration';\nimport type { RetryConfiguration } from '../utils/RetryConfiguration';\nimport type { UIConfiguration } from '../ui/UIConfiguration';\n\nexport interface PlayerConfiguration {\n  /**\n   * The directory in which the THEOplayer library worker files are located.\n   * These worker files are THEOplayer.transmux.*\n   *\n   * @remarks\n   * <br/> - This parameter is required when using a HLS source and has no default.\n   *\n   * @example\n   * `'/lib/theoplayer/'`\n   */\n  libraryLocation?: string;\n\n  /**\n   * The muted autoplay policy for web.\n   *\n   * @remarks\n   * <br/> - The muted autoplay policy is impacted by this property and {@link SourceConfiguration.mutedAutoplay}.\n   *\n   * @defaultValue `'none'`.\n   */\n  mutedAutoplay?: MutedAutoplayConfiguration;\n\n  /**\n   * The ads configuration for the player.\n   */\n  ads?: AdsConfiguration;\n\n  /**\n   * The cast configuration for the player.\n   */\n  cast?: CastConfiguration;\n\n  /**\n   * The ui configuration for the underlying native player. Applies to Ad UI.\n   */\n  ui?: UIConfiguration;\n\n  /**\n   * The configuration of media controls and media sessions across platforms.\n   */\n  mediaControl?: MediaControlConfiguration;\n\n  /**\n   * The license for the player\n   */\n  readonly license?: string;\n\n  /**\n   * The url to fetch the license for the player\n   */\n  readonly licenseUrl?: string;\n\n  /**\n   * Sets whether the native player is chromeless (without UI).\n   *\n   * @remarks\n   * <br/> - This parameter only applies to Web platforms.\n   */\n  readonly chromeless?: boolean;\n\n  /**\n   * Sets whether DateRange tags from the playlists should be imported as a textTrack.\n   */\n  readonly hlsDateRange?: boolean;\n\n  /**\n   * The retry configuration for the player.\n   *\n   * @remarks\n   * <br/> - This parameter only applies to Web and Android platforms.\n   */\n  readonly retryConfiguration?: RetryConfiguration;\n}\n\n/**\n * The muted autoplay policy of a player for web.\n * <br/> - `'none'`: Disallow muted autoplay. If the player is requested to autoplay while unmuted, and the platform does not support unmuted autoplay, the player will not start playback.\n * <br/> - `'all'`: Allow muted autoplay. If the player is requested to autoplay while unmuted, and the platform supports muted autoplay, the player will start muted playback.\n * <br/> - `'content'`: Allow muted autoplay only for the main content. Disallow muted autoplay for e.g. advertisements. (Not yet supported.)\n *\n * @public\n */\nexport type MutedAutoplayConfiguration = 'none' | 'all' | 'content';\n"],"mappings":""}

package/lib/module/api/ui/UIConfiguration.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=UIConfiguration.js.map

package/lib/module/api/ui/UIConfiguration.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["UIConfiguration.ts"],"sourcesContent":["/**\n * Describes the UI related configuration of the player.\n *\n * @public\n */\nexport interface UIConfiguration {\n  /**\n   * The language which is used for localization.\n   *\n   * @example\n   * ```\n   * ui: {\n   *   language: 'es',\n   * }\n   * ```\n   */\n  language?: string;\n}\n"],"mappings":""}

package/lib/module/api/ui/barrel.js

@@ -0,0 +1,2 @@
+export * from './UIConfiguration';
+//# sourceMappingURL=barrel.js.map

package/lib/module/api/ui/barrel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["barrel.ts"],"sourcesContent":["export * from './UIConfiguration';\n"],"mappings":"AAAA,cAAc,mBAAmB"}

package/lib/typescript/api/config/PlayerConfiguration.d.ts

@@ -2,6 +2,7 @@ import type { AdsConfiguration } from '../ads/AdsConfiguration';
 import type { CastConfiguration } from '../cast/CastConfiguration';
 import type { MediaControlConfiguration } from '../media/MediaControlConfiguration';
 import type { RetryConfiguration } from '../utils/RetryConfiguration';
+import type { UIConfiguration } from '../ui/UIConfiguration';
 export interface PlayerConfiguration {
     /**
      * The directory in which the THEOplayer library worker files are located.
@@ -31,6 +32,10 @@ export interface PlayerConfiguration {
      * The cast configuration for the player.
      */
     cast?: CastConfiguration;
+    /**
+     * The ui configuration for the underlying native player. Applies to Ad UI.
+     */
+    ui?: UIConfiguration;
     /**
      * The configuration of media controls and media sessions across platforms.
      */

package/lib/typescript/api/ui/UIConfiguration.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Describes the UI related configuration of the player.
+ *
+ * @public
+ */
+export interface UIConfiguration {
+    /**
+     * The language which is used for localization.
+     *
+     * @example
+     * ```
+     * ui: {
+     *   language: 'es',
+     * }
+     * ```
+     */
+    language?: string;
+}

package/lib/typescript/api/ui/barrel.d.ts

@@ -0,0 +1 @@
+export * from './UIConfiguration';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-theoplayer",
-  "version": "3.3.2",
+  "version": "3.4.1",
   "description": "A THEOplayer video component for react-native.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -16,6 +16,7 @@
     "react-native-theoplayer.podspec",
     "react-native-theoplayer.json",
     "CHANGELOG.md",
+    "app.plugin.js",
     "!lib/typescript/example",
     "!android/build",
     "!ios/build",

package/react-native-theoplayer.podspec

@@ -20,7 +20,7 @@ Pod::Spec.new do |s|
   s.platforms    = { :ios => "12.0", :tvos => "12.0" }
   s.source       = { :git => "https://www.theoplayer.com/.git", :tag => "#{s.version}" }
   
-  s.source_files = 'ios/*.{h,m,swift}', 'ios/ads/*.swift', 'ios/casting/*.swift', 'ios/contentprotection/*.swift', 'ios/pip/*.swift', 'ios/backgroundAudio/*.swift', 'ios/cache/*.swift', 'ios/eventBroadcasting/*.swift'
+  s.source_files = 'ios/*.{h,m,swift}', 'ios/ads/*.swift', 'ios/casting/*.swift', 'ios/contentprotection/*.swift', 'ios/pip/*.swift', 'ios/backgroundAudio/*.swift', 'ios/cache/*.swift', 'ios/eventBroadcasting/*.swift' , 'ios/ui/*.swift'
   s.resources = ['ios/*.css']
   
   # ReactNative Dependency

package/src/api/config/PlayerConfiguration.ts

@@ -2,6 +2,7 @@ import type { AdsConfiguration } from '../ads/AdsConfiguration';
 import type { CastConfiguration } from '../cast/CastConfiguration';
 import type { MediaControlConfiguration } from '../media/MediaControlConfiguration';
 import type { RetryConfiguration } from '../utils/RetryConfiguration';
+import type { UIConfiguration } from '../ui/UIConfiguration';
 
 export interface PlayerConfiguration {
   /**
@@ -36,6 +37,11 @@ export interface PlayerConfiguration {
    */
   cast?: CastConfiguration;
 
+  /**
+   * The ui configuration for the underlying native player. Applies to Ad UI.
+   */
+  ui?: UIConfiguration;
+
   /**
    * The configuration of media controls and media sessions across platforms.
    */

package/src/api/ui/UIConfiguration.ts

@@ -0,0 +1,18 @@
+/**
+ * Describes the UI related configuration of the player.
+ *
+ * @public
+ */
+export interface UIConfiguration {
+  /**
+   * The language which is used for localization.
+   *
+   * @example
+   * ```
+   * ui: {
+   *   language: 'es',
+   * }
+   * ```
+   */
+  language?: string;
+}

package/src/api/ui/barrel.ts

@@ -0,0 +1 @@
+export * from './UIConfiguration';