@jwplayer/jwplayer-react-native 1.1.1 → 1.1.3

package/README.md

@@ -275,11 +275,44 @@ Follow these steps to enable background audio sessions:
 1. Set `backgroundAudioEnabled` to `true` in the `config`.
 2. Ensure that background audio is set for [Android](https://docs.jwplayer.com/players/docs/android-enable-background-audio) or [iOS](https://docs.jwplayer.com/players/docs/ios-player-backgrounding-reference#configure-audio-playback).
 
+#### Android Opt-Out Information
+Suppose you are **not** using the background audio service on Android. In that case, you will need to modify the [manifest](https://github.com/jwplayer/jwplayer-react-native/blob/master/android/src/main/AndroidManifest.xml) from our library (either in the node_modules, or in your fork before compilation) so as not to register a service that you will never use. Google can and will reject your Play Store submission if this is skipped. See the modified manifest below, which shows what to remove (commented-out permissions and services). Additionally, once this is done, you can never set `backgroundAudioEnabled` to true on Android, or you will run into a fatal crash.
+
+```xml
+
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+          package="com.jwplayer.rnjwplayer">
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.WAKE_LOCK" />
+    <!-- <uses-permission android:name="android.permission.FOREGROUND_SERVICE" /> -->
+    <uses-permission android:name="android.permission.BLUETOOTH"/>
+    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
+    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE"/>
+    <uses-permission android:name="android.permission.CHANGE_WIFI_STATE"/>
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
+    <!-- <uses-permission android:name="android.permission.FOREGROUND_SERVICE_MEDIA_PLAYBACK" /> -->
+    <!--    READ_MEDIA_IMAGES, READ_MEDIA_VIDEO or READ_MEDIA_AUDIO.-->
+
+    <application>
+        <!-- <service
+            android:name="com.jwplayer.pub.api.background.MediaService"
+            android:foregroundServiceType="mediaPlayback"
+            android:exported="false">
+            <intent-filter>
+                <action android:name="android.intent.action.MEDIA_BUTTON" />
+            </intent-filter>
+        </service> -->
+    </application>
+
+</manifest>
+  
+```
+
 <br /><br />
 
 ### Casting
 
-[Android](#android-casting) | [iOS](#ios-casting)
+[Android](#android-casting) | [iOS](#ios-casting) | [DRM Casting](#drm-casting)
 
 JWP enables casting by default with a casting button.
 
@@ -342,6 +375,13 @@ typedef NS_ENUM(NSUInteger, GCKCastState) {
 };
 ```
 
+#### DRM Casting
+Casting your DRM protected content requires some additional configuration and most likely a custom Chromecast Receiver.
+
+See our Android and iOS documentation about creating ([iOS](https://docs.jwplayer.com/players/docs/ios-create-a-custom-receiver) / [Android](https://docs.jwplayer.com/players/docs/android-create-a-custom-receiver)) and sending data ([iOS](https://docs.jwplayer.com/players/docs/ios-enable-casting-to-chromecast-devices#send-custom-data-to-a-custom-receiver) / [Android](https://docs.jwplayer.com/players/docs/android-enable-casting-to-chromecast-devices#send-custom-data-to-a-custom-receiver)) for more information.
+
+To send custom data to your receiver, use the `userInfo` prop and avoid using the reserved `sources` key, as the JWP SDK will append the DRM source information here for you to parse in your DRM enabled receiver. 
+
 <br /><br />
 
 ### DRM

package/RNJWPlayer.podspec

@@ -9,10 +9,10 @@ Pod::Spec.new do |s|
   s.license      = package['license']
   s.authors      = package['author']
   s.homepage     = package['homepage']
-  s.platform     = :ios, "14.0"
+  s.platform     = :ios, "15.0"
   s.source       = { :git => "https://github.com/jwplayer/jwplayer-react-native.git", :tag => "v#{s.version}" }
   s.source_files  = "ios/RNJWPlayer/*.{h,m,swift}"
-  s.dependency   'JWPlayerKit', '4.22.0'
+  s.dependency   'JWPlayerKit', '4.23.1'
   s.dependency   'React-Core'
   s.static_framework = true
   s.info_plist = {

package/android/build.gradle

@@ -73,7 +73,7 @@ allprojects {
     }
 }
 
-def jwPlayerVersion = "4.20.0"
+def jwPlayerVersion = "4.21.0"
 def exoplayerVersion = "2.18.7" // Deprecated. Use Media3 when targeting JW SDK > 4.16.0
 def media3ExoVersion = "1.4.1"
 

package/android/src/main/java/com/jwplayer/rnjwplayer/RNJWPlayerModule.java

@@ -13,17 +13,16 @@ import com.facebook.react.bridge.UIManager;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.WritableArray;
 import com.facebook.react.bridge.WritableMap;
-import com.facebook.react.uimanager.IllegalViewOperationException;
-import com.facebook.react.uimanager.NativeViewHierarchyManager;
-import com.facebook.react.uimanager.UIBlock;
 import com.facebook.react.uimanager.UIManagerHelper;
-import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.common.UIManagerType;
 import com.jwplayer.pub.api.JWPlayer;
 import com.jwplayer.pub.api.PlayerState;
+import com.jwplayer.pub.api.UiGroup;
 import com.jwplayer.pub.api.configuration.PlayerConfig;
+import com.jwplayer.pub.api.configuration.UiConfig;
 import com.jwplayer.pub.api.media.adaptive.QualityLevel;
 import com.jwplayer.pub.api.media.audio.AudioTrack;
+
 import java.util.List;
 
 public class RNJWPlayerModule extends ReactContextBaseJavaModule {
@@ -58,6 +57,21 @@ public class RNJWPlayerModule extends ReactContextBaseJavaModule {
         }
     }
 
+    /**
+     * Creates a UiConfig that ensures PLAYER_CONTROLS_CONTAINER is always shown.
+     * If controls are not shown, the PLAYER_CONTROLS_CONTAINER UI Group is not displayed.
+     * This logic ensures that the PLAYER_CONTROLS_CONTAINER UI Group is displayed regardless if controls are shown or not.
+     * There is no way to recover controls if you do not show this UiGroup.
+     * But you are able to hide the controls still if it is shown.
+     */
+    private UiConfig createUiConfigWithControlsContainer(JWPlayer player, UiConfig originalUiConfig) {
+        if (!player.getControls()) {
+            return new UiConfig.Builder(originalUiConfig).show(UiGroup.PLAYER_CONTROLS_CONTAINER).build();
+        } else {
+            return originalUiConfig;
+        }
+    }
+
     @ReactMethod
     public void loadPlaylist(final int reactTag, final ReadableArray playlistItems) {
         new Handler(Looper.getMainLooper()).post(() -> {
@@ -66,6 +80,8 @@ public class RNJWPlayerModule extends ReactContextBaseJavaModule {
                 JWPlayer player = playerView.mPlayerView.getPlayer();
 
                 PlayerConfig oldConfig = player.getConfig();
+                boolean wasFullscreen = player.getFullscreen();
+                UiConfig uiConfig = createUiConfigWithControlsContainer(player, oldConfig.getUiConfig());
                 PlayerConfig config = new PlayerConfig.Builder()
                         .autostart(oldConfig.getAutostart())
                         .nextUpOffset(oldConfig.getNextUpOffset())
@@ -75,7 +91,7 @@ public class RNJWPlayerModule extends ReactContextBaseJavaModule {
                         .displayTitle(oldConfig.getDisplayTitle())
                         .advertisingConfig(oldConfig.getAdvertisingConfig())
                         .stretching(oldConfig.getStretching())
-                        .uiConfig(oldConfig.getUiConfig())
+                        .uiConfig(uiConfig)
                         .playlist(Util.createPlaylist(playlistItems))
                         .allowCrossProtocolRedirects(oldConfig.getAllowCrossProtocolRedirects())
                         .preload(oldConfig.getPreload())
@@ -85,6 +101,11 @@ public class RNJWPlayerModule extends ReactContextBaseJavaModule {
                         .build();
 
                 player.setup(config);
+                // if the player was fullscreen, set it to fullscreen again as the player is recreated
+                // The fullscreen view is still active but the internals don't know it is
+                if (wasFullscreen) {
+                    player.setFullscreen(true, true);
+                }
             }
         });
     }
@@ -97,6 +118,8 @@ public class RNJWPlayerModule extends ReactContextBaseJavaModule {
                 JWPlayer player = playerView.mPlayerView.getPlayer();
 
                 PlayerConfig oldConfig = player.getConfig();
+                boolean wasFullscreen = player.getFullscreen();
+                UiConfig uiConfig = createUiConfigWithControlsContainer(player, oldConfig.getUiConfig());
                 PlayerConfig config = new PlayerConfig.Builder()
                         .autostart(oldConfig.getAutostart())
                         .nextUpOffset(oldConfig.getNextUpOffset())
@@ -106,7 +129,7 @@ public class RNJWPlayerModule extends ReactContextBaseJavaModule {
                         .displayTitle(oldConfig.getDisplayTitle())
                         .advertisingConfig(oldConfig.getAdvertisingConfig())
                         .stretching(oldConfig.getStretching())
-                        .uiConfig(oldConfig.getUiConfig())
+                        .uiConfig(uiConfig)
                         .playlistUrl(playlistUrl)
                         .allowCrossProtocolRedirects(oldConfig.getAllowCrossProtocolRedirects())
                         .preload(oldConfig.getPreload())
@@ -116,6 +139,11 @@ public class RNJWPlayerModule extends ReactContextBaseJavaModule {
                         .build();
 
                 player.setup(config);
+                // if the player was fullscreen, set it to fullscreen again as the player is recreated
+                // The fullscreen view is still active but the internals don't know it is
+                if (wasFullscreen) {
+                    player.setFullscreen(true, true);
+                }
             }
         });
     }

package/android/src/main/java/com/jwplayer/rnjwplayer/RNJWPlayerView.java

@@ -879,11 +879,28 @@ public class RNJWPlayerView extends RelativeLayout implements
 
     }
 
+    /**
+     * Creates a UiConfig that ensures PLAYER_CONTROLS_CONTAINER is always shown.
+     * If controls are not shown, the PLAYER_CONTROLS_CONTAINER UI Group is not displayed.
+     * This logic ensures that the PLAYER_CONTROLS_CONTAINER UI Group is displayed regardless if controls are shown or not.
+     * There is no way to recover controls if you do not show this UiGroup.
+     * But you are able to hide the controls still if it is shown.
+     */
+    private UiConfig createUiConfigWithControlsContainer(JWPlayer player, UiConfig originalUiConfig) {
+        if (!player.getControls()) {
+            return new UiConfig.Builder(originalUiConfig).show(UiGroup.PLAYER_CONTROLS_CONTAINER).build();
+        } else {
+            return originalUiConfig;
+        }
+    }
+
     public void setConfig(ReadableMap prop) {
         if (mConfig == null || !mConfig.equals(prop)) {
             if (mConfig != null && isOnlyDiff(prop, "playlist") && mPlayer != null) { // still safe check, even with JW
                 // JSON change
                 PlayerConfig oldConfig = mPlayer.getConfig();
+                boolean wasFullscreen = mPlayer.getFullscreen();
+                UiConfig uiConfig = createUiConfigWithControlsContainer(mPlayer, oldConfig.getUiConfig());
                 PlayerConfig config = new PlayerConfig.Builder()
                         .autostart(oldConfig.getAutostart())
                         .nextUpOffset(oldConfig.getNextUpOffset())
@@ -893,7 +910,7 @@ public class RNJWPlayerView extends RelativeLayout implements
                         .displayTitle(oldConfig.getDisplayTitle())
                         .advertisingConfig(oldConfig.getAdvertisingConfig())
                         .stretching(oldConfig.getStretching())
-                        .uiConfig(oldConfig.getUiConfig())
+                        .uiConfig(uiConfig)
                         .playlist(Util.createPlaylist(mPlaylistProp))
                         .allowCrossProtocolRedirects(oldConfig.getAllowCrossProtocolRedirects())
                         .preload(oldConfig.getPreload())
@@ -903,6 +920,11 @@ public class RNJWPlayerView extends RelativeLayout implements
                         .build();
 
                 mPlayer.setup(config);
+                // if the player was fullscreen, set it to fullscreen again as the player is recreated
+                // The fullscreen view is still active but the internals don't know it is
+                if (wasFullscreen) {
+                    mPlayer.setFullscreen(true, true);
+                }
             } else {
                 if (prop.hasKey("license")) {
                     new LicenseUtil().setLicenseKey(getReactContext(), prop.getString("license"));

package/android/src/main/java/com/jwplayer/rnjwplayer/Util.java

@@ -17,6 +17,7 @@ import com.jwplayer.pub.api.media.captions.CaptionType;
 import com.jwplayer.pub.api.media.playlists.MediaSource;
 import com.jwplayer.pub.api.media.playlists.PlaylistItem;
 
+import org.json.JSONException;
 import org.json.JSONObject;
 
 import java.io.IOException;
@@ -139,6 +140,15 @@ public class Util {
             itemBuilder.description(desc);
         }
 
+        if (playlistItem.hasKey("userInfo")) {
+            try {
+                JSONObject info = MapUtil.toJSONObject(playlistItem.getMap("userInfo"));
+                itemBuilder.userInfo(info);
+            } catch (JSONException e) {
+                Log.e("userInfo", "Error parsing `userInfo` from your playlist. Message: " + e.getLocalizedMessage());
+            }
+        }
+
         if (playlistItem.hasKey("image")) {
             String image = playlistItem.getString("image");
             itemBuilder.image(image);

package/badges/version.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="90" height="20" role="img" aria-label="version: 1.1.1"><title>version: 1.1.1</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="90" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="51" height="20" fill="#555"/><rect x="51" width="39" height="20" fill="#007ec6"/><rect width="90" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="265" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="410">version</text><text x="265" y="140" transform="scale(.1)" fill="#fff" textLength="410">version</text><text aria-hidden="true" x="695" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="290">1.1.1</text><text x="695" y="140" transform="scale(.1)" fill="#fff" textLength="290">1.1.1</text></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="90" height="20" role="img" aria-label="version: 1.1.3"><title>version: 1.1.3</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="90" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="51" height="20" fill="#555"/><rect x="51" width="39" height="20" fill="#007ec6"/><rect width="90" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="265" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="410">version</text><text x="265" y="140" transform="scale(.1)" fill="#fff" textLength="410">version</text><text aria-hidden="true" x="695" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="290">1.1.3</text><text x="695" y="140" transform="scale(.1)" fill="#fff" textLength="290">1.1.3</text></g></svg>

package/index.d.ts

@@ -37,6 +37,8 @@ declare module "@jwplayer/jwplayer-react-native" {
     landscapeOnFullScreen?: boolean;
     portraitOnExitFullScreen?: boolean;
     exitFullScreenOnPortrait?: boolean;
+    enableLockScreenControls?: boolean;
+    pipEnabled?: boolean;
   }
 
   type JwThumbnailPreview = 101 | 102 | 103;
@@ -172,6 +174,10 @@ declare module "@jwplayer/jwplayer-react-native" {
     schedule?: { [key: string]: JwAdBreak };
     imaDaiSettings?: JwImaDaiSettings;
     httpheaders?: { [key: string]: string };
+    /**
+     * Data to be passed to Chromecast receiver (optional and typically used for DRM implementations)
+     */
+    userInfo?: { [key: string]: any };
   }
 
   interface JwImaDaiSettings {
@@ -347,6 +353,12 @@ declare module "@jwplayer/jwplayer-react-native" {
     recommendations?: string;
     startTime?: number;
     autostart?: boolean;
+    /**
+     * Data to be passed to Chromecast receiver (optional and typically used for DRM implementations)
+     * 
+     * Only made available in legacy objects as there is no way to pass this otherwise
+     */
+    userInfo?: { [key: string]: any };
   }
   type RelatedOnClicks = "play" | "link";
   type RelatedOnCompletes = "show" | "hide" | "autoplay";
@@ -371,11 +383,15 @@ declare module "@jwplayer/jwplayer-react-native" {
       buttons?: string;
       backgroundColor?: string;
       fontColor?: string;
-      timeslider?: { progress?: string; rail?: string; thumb?: string };
+      timeslider?: { 
+        thumb?: string;
+        rail?: string;
+        slider?: string;
+      };
     };
     font?: Font;
-    displayTitle?: boolean;
-    displayDescription?: boolean;
+    showTitle?: boolean;
+    showDesc?: boolean;
     captionsStyle?: {
       font?: Font;
       fontColor?: string;
@@ -383,7 +399,7 @@ declare module "@jwplayer/jwplayer-react-native" {
       highlightColor?: string;
       edgeStyle?: EdgeStyles;
     };
-    menuStyle: {
+    menuStyle?: {
       font?: Font;
       fontColor?: string;
       backgroundColor?: string;
@@ -470,8 +486,12 @@ declare module "@jwplayer/jwplayer-react-native" {
     fairplayCertUrl?: string;
     contentUUID?: string;
     viewOnly?: boolean;
-    enableLockScreenControls: boolean;
-    pipEnabled: boolean;
+    enableLockScreenControls?: boolean;
+    pipEnabled?: boolean;
+    offlineMessage?: string;
+    offlineImage?: string;
+    forceFullScreenOnLandscape?: boolean;
+    forceLandscapeOnFullScreen?: boolean;
   }
   interface BaseEvent<T> {
     nativeEvent: T;
@@ -577,7 +597,54 @@ declare module "@jwplayer/jwplayer-react-native" {
     onBeforeNextPlaylistItem?: (event: BaseEvent<PlaylistItemEventProps>) => void;
   }
 
+  export const JWPlayerAdEvents: {
+    /// This event is reported when the ad break has come to an end.
+    JWAdEventTypeAdBreakEnd: 0;
+    /// This event is reported when the ad break has begun.
+    JWAdEventTypeAdBreakStart: 1;
+    /// This event is reported when the user taps the ad.
+    JWAdEventTypeClicked: 2;
+    /// This event is reported when the ad is done playing.
+    JWAdEventTypeComplete: 3;
+    /// This event is used to report the ad impression, supplying additional detailed information about the ad.
+    JWAdEventTypeImpression: 4;
+    /// This event reports meta data information associated with the ad.
+    JWAdEventTypeMeta: 5;
+    /// The event is reported when the ad pauses.
+    JWAdEventTypePause: 6;
+    /// This event is reported when the ad begins playing, even in the middle of the stream after it was paused.
+    JWAdEventTypePlay: 7;
+    /// The event reports data about the ad request, when the ad is about to be loaded.
+    JWAdEventTypeRequest: 8;
+    /// This event reports the schedule of ads across the currently playing content.
+    JWAdEventTypeSchedule: 9;
+    /// This event is reported when the user skips the ad.
+    JWAdEventTypeSkipped: 10;
+    /// This event is reported when the ad begins.
+    JWAdEventTypeStarted: 11;
+    /// This event relays information about ad companions.
+    JWAdEventTypeCompanion: 12;
+  };
+
+  export const JWPlayerState: {
+    JWPlayerStateUnknown?: number;
+    JWPlayerStateIdle: number;
+    JWPlayerStateBuffering: number;
+    JWPlayerStatePlaying: number;
+    JWPlayerStatePaused: number;
+    JWPlayerStateComplete: number;
+    JWPlayerStateError: number | null;
+  };
+
+  export const JWPlayerAdClients: {
+    JWAdClientJWPlayer: 0;
+    JWAdClientGoogleIMA: 1;
+    JWAdClientGoogleIMADAI: 2;
+    JWAdClientUnknown: 3;
+  };
+
   export default class JWPlayer extends React.Component<PropsType> {
+    quite(): void;
     pause(): void;
     play(): void;
     stop(): void;
@@ -591,6 +658,7 @@ declare module "@jwplayer/jwplayer-react-native" {
     setControls(show: boolean): void;
     setLockScreenControls(show: boolean): void;
     seekTo(time: number): void;
+    changePlaylist(fileUrl: string): void;
     /**
      * Side load playlist items into an already setup player
      * @param playlistItems `PlaylistItem` or `JwPlaylistItem`
@@ -602,7 +670,9 @@ declare module "@jwplayer/jwplayer-react-native" {
      */
     loadPlaylistWithUrl(playlistUrl: string): void;
     setFullscreen(fullScreen: boolean): void;
-    position(): Promise<number>;
+    time(): Promise<number | null>;
+    position(): Promise<number | null>;
+    togglePIP(): void;
     setUpCastController(): void;
     presentCastDialog(): void;
     connectedDevice(): Promise<CastingDevice | null>;

package/index.js

@@ -233,6 +233,7 @@ export default class JWPlayer extends Component {
 					desc: PropTypes.string,
 					mediaId: PropTypes.string,
 					autostart: PropTypes.bool,
+					userInfo: PropTypes.object,
 					recommendations: PropTypes.string,
 					tracks: PropTypes.arrayOf(
 						PropTypes.shape({

package/ios/RNJWPlayer/RNJWPlayerView.swift

@@ -275,9 +275,28 @@ class RNJWPlayerView: UIView, JWPlayerDelegate, JWPlayerStateDelegate,
                     }
                 }
 
+                // Check if player is in PiP mode before loading new playlist
+                var isPipActive = false
+                var pipController: AVPictureInPictureController?
+                
+                if let playerView = playerView {
+                    pipController = playerView.pictureInPictureController
+                    isPipActive = pipController?.isPictureInPictureActive ?? false
+                } else if let playerViewController = playerViewController {
+                    pipController = playerViewController.playerView.pictureInPictureController
+                    isPipActive = pipController?.isPictureInPictureActive ?? false
+                }
+                
                 if let playerViewController = playerViewController {
-                    playerViewController.player.loadPlaylist(items: playlistArray)
+                    // We must treat PiP mode differently and setup as a new config
+                    // or else the player will become unresponsive
+                    if isPipActive {
+                        setNewConfig(config: config)
+                    } else {
+                        playerViewController.player.loadPlaylist(items: playlistArray)
+                    }
                 } else if let playerView = playerView {
+                    // If you use player only, consider doing a simpliar check for PiP as above
                     playerView.player.loadPlaylist(items: playlistArray)
                 } else {
                     setNewConfig(config: config)
@@ -318,11 +337,13 @@ class RNJWPlayerView: UIView, JWPlayerDelegate, JWPlayerStateDelegate,
                 self.deinitAudioSession()
             }
             
+            // Pull out top level iOS DRM values from config if present
+            // This is most often used in non-legacy configs using JWP DRM solutions
+            processSpcUrl = config["processSpcUrl"] as? String
+            fairplayCertUrl = config["certificateUrl"] as? String
+            contentUUID = config["contentUUID"] as? String
+            
             if forceLegacyConfig == true {
-                // Pull from top level of config
-                processSpcUrl = config["processSpcUrl"] as? String
-                fairplayCertUrl = config["certificateUrl"] as? String
-                contentUUID = config["contentUUID"] as? String
 
                 // Dangerous: check playlist for processSpcUrl / fairplayCertUrl in playlist
                 // Only checks first playlist item as multi-item DRM playlists are ill advised
@@ -338,7 +359,6 @@ class RNJWPlayerView: UIView, JWPlayerDelegate, JWPlayerStateDelegate,
                     }
                 }
             } else {
-                // TODO -- Ensure JWJSONParser pulls out cert/spc for sources (Expected in JW iOS SDK v4.19.0)
             }
 
             do {
@@ -652,8 +672,12 @@ class RNJWPlayerView: UIView, JWPlayerDelegate, JWPlayerStateDelegate,
         }
 
         // Process other properties
-        if let mediaId = item["mediaId"] as? String {
-            itemBuilder.mediaId(mediaId)
+        if let mediaId = (item["mediaId"] as? String) ?? (item["mediaid"] as? String) {
+             itemBuilder.mediaId(mediaId)
+        }
+
+        if let userInfo = item["userInfo"] as? Dictionary<String, Any> {
+            itemBuilder.userInfo(userInfo)
         }
 
         if let title = item["title"] as? String {

package/ios/RNJWPlayer/RNJWPlayerViewManager.m

@@ -4,7 +4,7 @@
 #import "RCTViewManager.h"
 #endif
 
-#import <JWPlayerKit/JWPlayerKit-swift.h>
+#import <JWPlayerKit/JWPlayerKit-Swift.h>
 
 #import "RCTUIManager.h"
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jwplayer/jwplayer-react-native",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "React-native Android/iOS plugin for JWPlayer SDK (https://www.jwplayer.com/)",
   "main": "index.js",
   "types": "./index.d.ts",