react-native-firework-sdk 2.4.1-beta.1 → 2.4.1

package/FireworkVideoUI.xcframework/Info.plist

@@ -6,30 +6,30 @@
 	<array>
 		<dict>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64_x86_64-simulator</string>
+			<string>ios-arm64</string>
 			<key>LibraryPath</key>
 			<string>FireworkVideoUI.framework</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
-				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
 			<string>ios</string>
-			<key>SupportedPlatformVariant</key>
-			<string>simulator</string>
 		</dict>
 		<dict>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64</string>
+			<string>ios-arm64_x86_64-simulator</string>
 			<key>LibraryPath</key>
 			<string>FireworkVideoUI.framework</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
+				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
 			<string>ios</string>
+			<key>SupportedPlatformVariant</key>
+			<string>simulator</string>
 		</dict>
 	</array>
 	<key>CFBundlePackageType</key>

package/FireworkVideoUI.xcframework/ios-arm64_x86_64-simulator/FireworkVideoUI.framework/_CodeSignature/CodeResources

@@ -14,7 +14,7 @@
 		</data>
 		<key>Info.plist</key>
 		<data>
-		C8MyQq+1X70fFHoZll4cue3nO+w=
+		lnnYD7r18hc09qUb74T6hGCkqIU=
 		</data>
 		<key>Modules/FireworkVideoUI.swiftmodule/arm64-apple-ios-simulator.abi.json</key>
 		<data>

package/android/src/main/AndroidManifest.xml

@@ -5,6 +5,10 @@
 
   <application>
 
+    <activity
+      android:name="com.fireworksdk.bridge.reactnative.pages.FWContainerActivity"
+      />
+
     <provider
       android:authorities="${applicationId}.fwBridgeProvider"
       android:name="com.fireworksdk.bridge.FWInitializationProvider"

package/android/src/main/java/com/fireworksdk/bridge/reactnative/manager/FWStoryBlockManager.kt

@@ -20,6 +20,7 @@ import com.fireworksdk.bridge.reactnative.utils.FWEventUtils
 import com.fireworksdk.bridge.utils.FWFragmentUtil
 import com.fireworksdk.bridge.utils.FWGlobalDataUtil
 import com.fireworksdk.bridge.utils.FWLogUtils
+import com.fireworksdk.bridge.utils.FWStoryBlockUtil
 import org.json.JSONObject
 
 
@@ -189,7 +190,9 @@ class FWStoryBlockManager : ViewGroupManager<StoryBlockFrameLayout>() {
 
     fragment.setOnFullScreenStateChangedListener { isFullScreen ->
       if (isFullScreen) {
-        FWGlobalDataUtil.storyBlockFragment = fragment
+        FWStoryBlockUtil.addFullScreenStoryBlockFragment(fragment)
+      } else {
+        FWStoryBlockUtil.removeFullScreenStoryBlockFragment(fragment)
       }
       FWEventUtils.receiveStoryBlockFullScreenStateChangedEvent(
         reactContext,

package/android/src/main/java/com/fireworksdk/bridge/reactnative/models/FWNavigatorInterface.kt

@@ -5,6 +5,8 @@ import com.facebook.react.bridge.ReadableMap
 
 interface FWNavigatorInterface {
 
+  fun pushRNContainer(props: ReadableMap?, promise: Promise)
+  fun popRNContainer(promise: Promise)
   fun popNativeContainer(promise: Promise)
   fun canPopNativeContainer(promise: Promise)
   fun startFloatingPlayer(promise: Promise)

package/android/src/main/java/com/fireworksdk/bridge/reactnative/module/FWNavigatorModule.kt

@@ -5,14 +5,40 @@ import com.facebook.react.bridge.*
 import com.firework.sdk.FireworkSdk
 import com.fireworksdk.bridge.FWInitializationProvider
 import com.fireworksdk.bridge.reactnative.models.FWNavigatorInterface
-import com.fireworksdk.bridge.utils.FWGlobalDataUtil
+import com.fireworksdk.bridge.reactnative.pages.FWContainerActivity
 import com.fireworksdk.bridge.utils.FWLogUtils
+import com.fireworksdk.bridge.utils.FWStoryBlockUtil
 
 
 class FWNavigatorModule(
   reactContext: ReactApplicationContext
 ) : ReactContextBaseJavaModule(reactContext), FWNavigatorInterface {
 
+  @ReactMethod
+  override fun pushRNContainer(props: ReadableMap?, promise: Promise) {
+    val activity = FWInitializationProvider.INSTANCE.resumedActivity
+    if (activity == null) {
+      promise.resolve(false)
+      return
+    }
+
+    UiThreadUtil.runOnUiThread {
+      activity.startActivity(FWContainerActivity.createIntent(activity, props?.toHashMap()))
+    }
+    promise.resolve(true)
+  }
+
+  @ReactMethod
+  override fun popRNContainer(promise: Promise) {
+    val activity = FWInitializationProvider.INSTANCE.resumedActivity
+    if (activity is FWContainerActivity) {
+      activity.finish()
+      promise.resolve(true)
+      return
+    }
+    promise.resolve(false)
+  }
+
   @ReactMethod
   override fun popNativeContainer(promise: Promise) {
     FWLogUtils.d { "FWNavigatorModule popNativeContainer" }
@@ -23,23 +49,25 @@ class FWNavigatorModule(
       return
     }
 
-    if (isTaskRoot(activity)) {
-      if (FWGlobalDataUtil.storyBlockFragment?.isFullScreen() == true) {
-        UiThreadUtil.runOnUiThread {
-          FWGlobalDataUtil.storyBlockFragment?.toggleFullScreen()
-        }
-        promise.resolve(true)
-        return
+    val currentStoryBlockFragment = FWStoryBlockUtil.getCurrentFullScreenStoryBlockFragment()
+    if (currentStoryBlockFragment?.activity == activity) {
+      UiThreadUtil.runOnUiThread {
+        currentStoryBlockFragment.toggleFullScreen()
       }
-
-      promise.resolve(false)
+      promise.resolve(true)
       return
     }
 
-    UiThreadUtil.runOnUiThread {
-      activity.finish()
+    if (activity.javaClass.name.equals("com.firework.player.pager.PlayerActivity")) {
+      UiThreadUtil.runOnUiThread {
+        activity.finish()
+      }
+
+      promise.resolve(true)
+      return
     }
-    promise.resolve(true)
+
+    promise.resolve(false)
   }
 
   @ReactMethod

package/android/src/main/java/com/fireworksdk/bridge/reactnative/module/FWVideoShoppingModule.kt

@@ -201,7 +201,7 @@ class FWVideoShoppingModule(
     }
 
     if (!resultModel.tips.isNullOrBlank()) {
-      Toast.makeText(currentActivity, resultModel.tips, Toast.LENGTH_LONG).show()
+      Toast.makeText(reactApplicationContext, resultModel.tips, Toast.LENGTH_LONG).show()
     }
   }
 

package/android/src/main/java/com/fireworksdk/bridge/reactnative/pages/FWContianerActivity.kt

@@ -0,0 +1,61 @@
+package com.fireworksdk.bridge.reactnative.pages
+
+import android.app.Activity
+import android.content.Intent
+import android.os.Bundle
+import com.facebook.react.ReactActivity
+import com.facebook.react.ReactActivityDelegate
+import com.fireworksdk.bridge.utils.FWBundleUtils
+
+
+class FWContainerActivity : ReactActivity() {
+
+  override fun getMainComponentName(): String {
+    return ""
+  }
+
+  override fun createReactActivityDelegate(): ReactActivityDelegate {
+    return FWContainerActivityDelegate(this, mainComponentName)
+  }
+
+//  https://cmichel.io/how-to-set-initial-props-in-react-native
+  class FWContainerActivityDelegate(
+    private val mActivity: ReactActivity,
+    mainComponentName: String?
+  ) :
+    ReactActivityDelegate(mActivity, mainComponentName) {
+    private var mInitialProps: Bundle? = null
+    override fun onCreate(savedInstanceState: Bundle?) {
+
+      val params = mActivity.intent.getSerializableExtra(KEY_PARAMS) as HashMap<String, Any?>?
+      mInitialProps = FWBundleUtils.mapToBundle(params)
+
+      super.onCreate(savedInstanceState)
+    }
+
+    override fun getMainComponentName(): String? {
+      val bundle = mActivity.intent.extras
+      return bundle?.getString(KEY_COMPONENT_NAME)
+    }
+
+    override fun getLaunchOptions(): Bundle? {
+      return mInitialProps
+    }
+  }
+
+  companion object {
+
+    private const val KEY_PARAMS = "params"
+    private const val KEY_COMPONENT_NAME = "componentName"
+
+    @Suppress("UNCHECKED_CAST")
+    fun createIntent(activity: Activity, params: HashMap<String, Any?>?): Intent {
+      val intent = Intent(activity, FWContainerActivity::class.java)
+      intent.putExtra(KEY_COMPONENT_NAME, params?.get("appKey") as String?)
+      intent.putExtra(KEY_PARAMS, params?.get("appProps") as HashMap<String, Any?>)
+      intent.flags = Intent.FLAG_ACTIVITY_NO_ANIMATION
+      activity.overridePendingTransition(0, 0)
+      return intent
+    }
+  }
+}

package/android/src/main/java/com/fireworksdk/bridge/utils/FWConfigUtil.kt

@@ -373,6 +373,7 @@ object FWConfigUtil {
 
   private fun getDefaultPlayerOptionBuilder(): PlayerOption.Builder {
     return PlayerOption.Builder()
+      .enablePipMode(false)
   }
 
   private fun getDefaultBaseOptionBuilder(): BaseOption.Builder {

package/android/src/main/java/com/fireworksdk/bridge/utils/FWGlobalDataUtil.kt

@@ -14,7 +14,5 @@ object FWGlobalDataUtil {
 
   var customClickLinkButtonEnabled: Boolean = false
 
-  var storyBlockFragment by weakProperty<StoryBlockFragment?>()
-
   var shareBaseUrl: String? = null
 }

package/android/src/main/java/com/fireworksdk/bridge/utils/FWStoryBlockUtil.kt

@@ -0,0 +1,30 @@
+package com.fireworksdk.bridge.utils
+
+import com.fireworksdk.bridge.components.storyblock.StoryBlockFragment
+
+object FWStoryBlockUtil {
+
+  private val list = ArrayList<StoryBlockFragment>()
+
+  fun getCurrentFullScreenStoryBlockFragment(): StoryBlockFragment? {
+    while (list.size > 0) {
+      val fragment = list.last()
+      if (!fragment.isFullScreen()) {
+        list.removeLast()
+      } else {
+        return fragment
+      }
+    }
+    return null
+  }
+
+  fun addFullScreenStoryBlockFragment(fragment: StoryBlockFragment?) {
+    fragment ?: return
+    list.add(fragment)
+  }
+
+  fun removeFullScreenStoryBlockFragment(fragment: StoryBlockFragment?) {
+    fragment ?: return
+    list.remove(fragment)
+  }
+}

package/android/src/main/res/layout/fw_bridge_fragment_container.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout
+  xmlns:android="http://schemas.android.com/apk/res/android"
+  android:id="@+id/fw_bridge_container"
+  android:layout_width="match_parent"
+  android:layout_height="match_parent">
+
+</FrameLayout>

package/ios/FireworkSdk.xcodeproj/project.pbxproj

@@ -7,6 +7,9 @@
 	objects = {
 
 /* Begin PBXBuildFile section */
+		891F4AF62A67E12800A9E8DA /* FWRNContainerViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 891F4AF52A67E12800A9E8DA /* FWRNContainerViewController.swift */; };
+		891F4AF82A68DEDF00A9E8DA /* PushRNContainerParams.swift in Sources */ = {isa = PBXBuildFile; fileRef = 891F4AF72A68DEDF00A9E8DA /* PushRNContainerParams.swift */; };
+		891F4AFA2A68DF2B00A9E8DA /* RCTConvert+FWNavigatorModule.swift in Sources */ = {isa = PBXBuildFile; fileRef = 891F4AF92A68DF2B00A9E8DA /* RCTConvert+FWNavigatorModule.swift */; };
 		897523872817DEF80070EBB6 /* (null) in Sources */ = {isa = PBXBuildFile; };
 		897523882817DEF80070EBB6 /* (null) in Sources */ = {isa = PBXBuildFile; };
 		897523892817DEF80070EBB6 /* (null) in Sources */ = {isa = PBXBuildFile; };
@@ -89,6 +92,9 @@
 
 /* Begin PBXFileReference section */
 		1F6F718A2771B48100224AF3 /* FireworkSdk-Bridging-Header.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "FireworkSdk-Bridging-Header.h"; sourceTree = "<group>"; };
+		891F4AF52A67E12800A9E8DA /* FWRNContainerViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = FWRNContainerViewController.swift; sourceTree = "<group>"; };
+		891F4AF72A68DEDF00A9E8DA /* PushRNContainerParams.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PushRNContainerParams.swift; sourceTree = "<group>"; };
+		891F4AF92A68DF2B00A9E8DA /* RCTConvert+FWNavigatorModule.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "RCTConvert+FWNavigatorModule.swift"; sourceTree = "<group>"; };
 		894FADB229BAD571000FB51A /* libFireworkSdk.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libFireworkSdk.a; sourceTree = BUILT_PRODUCTS_DIR; };
 		897523632817DEF80070EBB6 /* react_native_firework_sdk.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = react_native_firework_sdk.h; sourceTree = "<group>"; };
 		898873132A0A8E7E0089CD1C /* UIViewController+AttachChild.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = "UIViewController+AttachChild.swift"; sourceTree = "<group>"; };
@@ -187,6 +193,8 @@
 			children = (
 				8988731D2A0A8E7E0089CD1C /* FWNavigatorModule.swift */,
 				8988731E2A0A8E7E0089CD1C /* FWNavigatorModule.m */,
+				891F4AF52A67E12800A9E8DA /* FWRNContainerViewController.swift */,
+				891F4AF72A68DEDF00A9E8DA /* PushRNContainerParams.swift */,
 			);
 			path = FWNavigatorModule;
 			sourceTree = "<group>";
@@ -251,6 +259,7 @@
 				898873362A0A8E7E0089CD1C /* RCTConvert+FireworkSDKModule.swift */,
 				898873372A0A8E7E0089CD1C /* RCTConvert+Shopping.swift */,
 				898873382A0A8E7E0089CD1C /* RCTConvert+VideoFeed.swift */,
+				891F4AF92A68DF2B00A9E8DA /* RCTConvert+FWNavigatorModule.swift */,
 			);
 			path = RNToNative;
 			sourceTree = "<group>";
@@ -377,6 +386,7 @@
 				897523902817DEF80070EBB6 /* (null) in Sources */,
 				8988736D2A0A8E7E0089CD1C /* VideoFeedManager.m in Sources */,
 				8988735A2A0A8E7E0089CD1C /* FireworkSDKModule+CTA.swift in Sources */,
+				891F4AFA2A68DF2B00A9E8DA /* RCTConvert+FWNavigatorModule.swift in Sources */,
 				898873472A0A8E7E0089CD1C /* UIView+Constraints.swift in Sources */,
 				897523882817DEF80070EBB6 /* (null) in Sources */,
 				897523982817DEF80070EBB6 /* (null) in Sources */,
@@ -394,10 +404,12 @@
 				8975238D2817DEF80070EBB6 /* (null) in Sources */,
 				8975238C2817DEF80070EBB6 /* (null) in Sources */,
 				8988736B2A0A8E7E0089CD1C /* VideoFeed.swift in Sources */,
+				891F4AF62A67E12800A9E8DA /* FWRNContainerViewController.swift in Sources */,
 				898873522A0A8E7E0089CD1C /* ShoppingCTAResult.swift in Sources */,
 				8975239D2817DEF80070EBB6 /* (null) in Sources */,
 				898873562A0A8E7E0089CD1C /* SDKInitOptions.swift in Sources */,
 				89DF27DE28A53A77003F3CCB /* (null) in Sources */,
+				891F4AF82A68DEDF00A9E8DA /* PushRNContainerParams.swift in Sources */,
 				897523892817DEF80070EBB6 /* (null) in Sources */,
 				897523912817DEF80070EBB6 /* (null) in Sources */,
 				8975238F2817DEF80070EBB6 /* (null) in Sources */,

package/ios/Models/RNToNative/RCTConvert+FWNavigatorModule.swift

@@ -0,0 +1,21 @@
+//
+//  RCTConvert+FWNavigatorModule.swift
+//  FireworkSdk
+//
+//  Created by linjie jiang on 7/20/23.
+//
+
+import Foundation
+
+extension RCTConvert {
+    static func pushRNContainerParams(_ json: [String: Any]) -> PushRNContainerParams? {
+        if let appKey = json["appKey"] as? String {
+            let params = PushRNContainerParams()
+            params.appKey = appKey
+            params.appProps = json["appProps"] as? [String: Any]
+
+            return params
+        }
+        return nil
+    }
+}

package/ios/Models/RNToNative/RCTConvert+FireworkSDKModule.swift

@@ -10,15 +10,6 @@ import Foundation
 import UIKit
 
 extension RCTConvert {
-    static func videoPlayerContentConfiguration(_ config: [String: AnyObject])
-        -> VideoPlayerContentConfiguration? {
-        let videoPlayerConfig = RCTConvert.videoPlayerConfiguration(config)
-
-        let finalConfig = VideoFeed.convertToVideoPlayerContentConfiguration(videoPlayerConfig)
-
-        return finalConfig
-    }
-
     static func videoPlayerStyle(_ style: String?) -> VideoPlayerContentConfiguration
         .VideoPlayerStyle? {
         guard let rStyle = style else {
@@ -43,25 +34,7 @@ extension RCTConvert {
         }
     }
 
-    static func ctaButtonStyle(_ style: [String: AnyObject]?) -> ButtonContentConfiguration? {
-        guard let rStyle = style else {
-            return nil
-        }
-        var btnContentConfig = ButtonContentConfiguration()
-        if let backgroundColor = rStyle["backgroundColor"] as? String {
-            btnContentConfig.backgroundColor = backgroundColor.uicolor()
-        }
-        if let textColor = rStyle["textColor"] as? String {
-            btnContentConfig.textColor = textColor.uicolor()
-        }
-        if let fontSize = rStyle["fontSize"] as? Double {
-            btnContentConfig.font = UIFont.systemFont(ofSize: fontSize)
-        }
-
-        return btnContentConfig
-    }
-
-    static func adBadgeConfiguration(_ config: [String: AnyObject]?) -> AdBadgeConfiguration? {
+    static func adBadgeConfiguration(_ config: [String: Any]?) -> AdBadgeConfiguration? {
         guard let rConfig = config else {
             return nil
         }
@@ -81,7 +54,7 @@ extension RCTConvert {
         return result
     }
 
-    static func trackPurchaseParameters(_ parameters: [String: AnyObject]?)
+    static func trackPurchaseParameters(_ parameters: [String: Any]?)
         -> TrackPurchaseParameters? {
         guard let rParameters = parameters else {
             return nil
@@ -103,7 +76,7 @@ extension RCTConvert {
         return result
     }
 
-    static func sdkInitOptions(_ options: [String: AnyObject]?) -> SDKInitOptions? {
+    static func sdkInitOptions(_ options: [String: Any]?) -> SDKInitOptions? {
         guard let rOptions = options else {
             return nil
         }

package/ios/Models/RNToNative/RCTConvert+StoryBlock.swift

@@ -30,9 +30,9 @@ extension RCTConvert {
         return StoryBlockSourceType.sourceTypeMapper[rType] ?? .discover
     }
 
-    public static func storyBlockConfiguration(_ config: [String: AnyObject]?)
+    public static func storyBlockConfiguration(_ config: NSDictionary?)
         -> StoryBlockConfiguration? {
-        guard let rConfig = config else {
+            guard let rConfig = config as? [String: Any] else {
             return nil
         }
 

package/ios/Models/RNToNative/RCTConvert+VideoFeed.swift

@@ -50,9 +50,9 @@ extension RCTConvert {
         return VideoFeedMode.feedModeMapper[rType] ?? .row
     }
 
-    public static func videoFeedConfiguration(_ config: [String: AnyObject]?)
+    public static func videoFeedConfiguration(_ config: NSDictionary?)
         -> VideoFeedConfiguration? {
-        guard let rConfig = config else {
+            guard let rConfig = config as? [String: Any] else {
             return nil
         }
 
@@ -64,7 +64,7 @@ extension RCTConvert {
         return try? JSONDecoder().decode(VideoFeedConfiguration.self, from: rJsonData)
     }
 
-    public static func videoPlayerConfiguration(_ config: [String: AnyObject]?)
+    public static func videoPlayerConfiguration(_ config: [String: Any]?)
         -> VideoPlayerConfiguration? {
         guard let rConfig = config else {
             return nil
@@ -78,8 +78,8 @@ extension RCTConvert {
         return try? JSONDecoder().decode(VideoPlayerConfiguration.self, from: rJsonData)
     }
 
-    public static func adConfiguration(_ config: [String: AnyObject]?) -> AdConfiguration? {
-        guard let rConfig = config else {
+    public static func adConfiguration(_ config: NSDictionary?) -> AdConfiguration? {
+        guard let rConfig = config as? [String: Any] else {
             return nil
         }
 

package/ios/Modules/FWNavigatorModule/FWNavigatorModule.m

@@ -11,9 +11,9 @@
 
 @interface RCT_EXTERN_REMAP_MODULE(FWNavigatorModule, FWNavigatorModule, NSObject)
 
-RCT_EXTERN_METHOD(pushNativeContainer:(NSDictionary *)props resolver:(RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
+RCT_EXTERN_METHOD(pushRNContainer:(NSDictionary *)params resolver:(RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
+RCT_EXTERN_METHOD(popRNContainer:(RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
 RCT_EXTERN_METHOD(popNativeContainer:(RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
-RCT_EXTERN_METHOD(canPopNativeContainer:(RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
 RCT_EXTERN_METHOD(startFloatingPlayer:(RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
 RCT_EXTERN_METHOD(stopFloatingPlayer:(RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
 

package/ios/Modules/FWNavigatorModule/FWNavigatorModule.swift

@@ -5,6 +5,7 @@
 //  Created by Big Bear Xiong on 2022/4/21.
 //
 
+import UIKit
 import FireworkVideo
 
 private struct PlayerExitButtonInfo {
@@ -29,6 +30,61 @@ class FWNavigatorModule: RCTEventEmitter {
         return DispatchQueue.main
     }
 
+    @objc(pushRNContainer:resolver:rejecter:)
+    func pushRNContainer(
+        _ params: NSDictionary?,
+        resolver: @escaping RCTPromiseResolveBlock, rejecter: @escaping RCTPromiseRejectBlock
+    ) {
+        guard let presentedVC = RCTPresentedViewController() else {
+            resolver(false)
+            return
+        }
+
+        guard let params = params as? [String: Any] else {
+            resolver(false)
+            return
+        }
+
+        guard let pushRNContainerParams = RCTConvert.pushRNContainerParams(params) else {
+            resolver(false)
+            return
+        }
+
+        guard let appKey = pushRNContainerParams.appKey, appKey.count > 0 else {
+            resolver(false)
+            return
+        }
+
+        let containerViewController = FWRNContainerViewController()
+        containerViewController.appKey = appKey
+        containerViewController.appProps = pushRNContainerParams.appProps ?? [:]
+        containerViewController.modalPresentationStyle = .fullScreen
+
+//        if presentedVC.modalPresentationStyle == .custom,
+//            let presentingVC = presentedVC.presentingViewController,
+//            presentingVC is FireworkVideo.PlayerViewController {
+//            containerViewController.modalPresentationStyle = .overFullScreen
+//        }
+
+        presentedVC.present(containerViewController, animated: true) {
+            resolver(true)
+        }
+    }
+
+    @objc(popRNContainer:rejecter:)
+    func popRNContainer(
+        _ resolver: @escaping RCTPromiseResolveBlock, rejecter: @escaping RCTPromiseRejectBlock
+    ) {
+        if let containerVC = RCTPresentedViewController() as? FWRNContainerViewController,
+           containerVC.presentingViewController != nil {
+            containerVC.dismiss(animated: true) {
+                resolver(true)
+            }
+        } else {
+            resolver(false)
+        }
+    }
+
     @objc(popNativeContainer:rejecter:)
     func popNativeContainer(
         _ resolver: @escaping RCTPromiseResolveBlock, rejecter: @escaping RCTPromiseRejectBlock
@@ -54,9 +110,9 @@ class FWNavigatorModule: RCTEventEmitter {
                     }
                 }
             }
-        } else if let rootVC = RCTKeyWindow()?.rootViewController,
-                    let presentedVC = rootVC.presentedViewController,
-                  FWNavigatorModule.isIOSSDKViewController(presentedVC) {
+        } else if let presentedVC = RCTPresentedViewController(),
+                  FWNavigatorModule.isIOSSDKViewController(presentedVC),
+                  presentedVC.presentingViewController == RCTKeyWindow()?.rootViewController {
             if let buttonInfo = FWNavigatorModule.getPlayerExitButtonInfo(view: presentedVC.view) {
                 if buttonInfo.type == .close {
                     buttonInfo.button.sendActions(for: .touchUpInside)
@@ -121,7 +177,6 @@ extension FWNavigatorModule {
 
     private static func getPlayerExitButtonInfo(view: UIView) -> PlayerExitButtonInfo? {
         if let button = view as? UIButton, let image = button.image(for: .normal) {
-            let iOSSDKBundle = Bundle(for: FireworkVideoSDK.self)
             if isTargetIOSSDKImage(image, targetImageName: "closeX") {
                 return PlayerExitButtonInfo(button: button, type: .close)
             }

package/ios/Modules/FWNavigatorModule/FWRNContainerViewController.swift

@@ -0,0 +1,33 @@
+//
+//  FWRNContainerViewController.swift
+//  FireworkSdk
+//
+//  Created by linjie jiang on 7/19/23.
+//  Copyright © 2023 Facebook. All rights reserved.
+//
+
+import UIKit
+
+class FWRNContainerViewController: UIViewController {
+    var appKey: String = ""
+    var appProps: [String: Any] = [:]
+
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        loadContent()
+    }
+
+    private func loadContent() {
+        let rctRootView = RCTRootView.init(
+            bridge: RCTBridge.current(), moduleName: appKey, initialProperties: appProps)
+        view.addSubview(rctRootView)
+        rctRootView.translatesAutoresizingMaskIntoConstraints = false
+
+        NSLayoutConstraint.activate([
+            rctRootView.leftAnchor.constraint(equalTo: view.leftAnchor),
+            rctRootView.topAnchor.constraint(equalTo: view.topAnchor),
+            rctRootView.rightAnchor.constraint(equalTo: view.rightAnchor),
+            rctRootView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
+        ])
+    }
+}

package/ios/Modules/FWNavigatorModule/PushRNContainerParams.swift

@@ -0,0 +1,14 @@
+//
+//  PushRNContainerParams.swift
+//  FireworkSdk
+//
+//  Created by linjie jiang on 7/20/23.
+//  Copyright © 2023 Facebook. All rights reserved.
+//
+
+import Foundation
+
+class PushRNContainerParams {
+    var appKey: String?
+    var appProps: [String: Any]?
+}

package/ios/Modules/FireworkSDKModule/FireworkSDKModule.swift

@@ -45,7 +45,7 @@ class FireworkSDKModule: RCTEventEmitter, FireworkVideoSDKDelegate {
 
     @objc(initializeSDK:resolver:rejecter:)
     func initializeSDK(
-        _ options: [String: AnyObject]? = nil,
+        _ options: NSDictionary? = nil,
         resolver: RCTPromiseResolveBlock,
         rejecter: RCTPromiseRejectBlock
     ) {
@@ -70,7 +70,10 @@ class FireworkSDKModule: RCTEventEmitter, FireworkVideoSDKDelegate {
 
             sendEvent(withName: FWEventName.logMessage.rawValue, body: ["message": message])
         #endif
-        let sdkInitOptions = RCTConvert.sdkInitOptions(options)
+        var sdkInitOptions: SDKInitOptions?
+        if let options = options as? [String: Any] {
+            sdkInitOptions = RCTConvert.sdkInitOptions(options)
+        }
         gVideoLaunchBehavior = sdkInitOptions?.videoLaunchBehavior
 
         FireworkVideoSDK.initializeSDK(delegate: self, userID: sdkInitOptions?.userId)
@@ -81,20 +84,25 @@ class FireworkSDKModule: RCTEventEmitter, FireworkVideoSDKDelegate {
     }
 
     @objc(openVideoPlayer:config:)
-    func openVideoPlayer(_ url: String, config: [String: AnyObject]) {
+    func openVideoPlayer(_ url: String, config: NSDictionary?) {
         guard let urlString = URL.init(string: url) else {
             return
         }
-        let videoPlayerConfig = RCTConvert.videoPlayerConfiguration(config)
-        let vpcConfig = VideoFeed.convertToVideoPlayerContentConfiguration(videoPlayerConfig)
 
+        var enablePictureInPicture: Bool?
         var feedContentConfig = VideoFeedContentConfiguration()
-        if let vpcConfig = vpcConfig {
-            feedContentConfig.playerView = vpcConfig
-        }
+        if let config = config as? [String: Any] {
+            let videoPlayerConfig = RCTConvert.videoPlayerConfiguration(config)
+            enablePictureInPicture = videoPlayerConfig?.enablePictureInPicture
+            let vpcConfig = VideoFeed.convertToVideoPlayerContentConfiguration(videoPlayerConfig)
+
+            if let vpcConfig = vpcConfig {
+                feedContentConfig.playerView = vpcConfig
+            }
 
-        if let adBadge = FireworkSDKModule.convertToFWAdBadgeConfiguration(gAdBadgeConfiguration) {
-            feedContentConfig.adBadge = adBadge
+            if let adBadge = FireworkSDKModule.convertToFWAdBadgeConfiguration(gAdBadgeConfiguration) {
+                feedContentConfig.adBadge = adBadge
+            }
         }
 
         guard let presentedVC = RCTPresentedViewController() else {
@@ -105,11 +113,11 @@ class FireworkSDKModule: RCTEventEmitter, FireworkVideoSDKDelegate {
             with: urlString,
             feedContentConfig,
             presentedVC,
-            videoPlayerConfig?.enablePictureInPicture ?? true) { _ in
+            enablePictureInPicture ?? false) { _ in
 
             }
     }
-    
+
     @objc(setVideoFeedClickCallbackEnabled:)
     func setVideoFeedClickCallbackEnabled(_ enabled: Bool) {
         if enabled {
@@ -137,15 +145,23 @@ class FireworkSDKModule: RCTEventEmitter, FireworkVideoSDKDelegate {
 
     @objc(setAdBadgeConfiguration:resolver:rejecter:)
     func setAdBadgeConfiguration(
-        _ config: [String: AnyObject]? = nil, resolver: RCTPromiseResolveBlock,
+        _ config: NSDictionary? = nil, resolver: RCTPromiseResolveBlock,
         rejecter: RCTPromiseRejectBlock
     ) {
+        guard let config = config as? [String: Any] else {
+            resolver([:])
+            return
+        }
         gAdBadgeConfiguration = RCTConvert.adBadgeConfiguration(config)
         resolver([:])
     }
 
     @objc(trackPurchase:)
-    func trackPurchase(_ parameters: [String: AnyObject]?) {
+    func trackPurchase(_ parameters: NSDictionary?) {
+        guard let parameters = parameters as? [String: Any] else {
+            return
+        }
+
         guard let trackPurchaseParameters = RCTConvert.trackPurchaseParameters(parameters) else {
             #if DEBUG
                 let formatter = DateFormatter()

package/lib/commonjs/FWNavigator.js

@@ -36,6 +36,27 @@ class FWNavigator {
 
     _FWNavigatorModule.FWNavigatorModuleEventEmitter.addListener(_FWEventName.FWEventName.LogMessage, () => {});
   }
+  /**
+   * Push a new RN container.
+   * You could use this method to make a RN page on top of
+   * SDK full-screen player.
+   * @param params {PushRNContainerParams}
+   * @returns {Promise<boolean>} The result of pushing a new Container.
+   */
+
+
+  pushRNContainer(params) {
+    return _FWNavigatorModule.default.pushRNContainer(params);
+  }
+  /**
+   * Pop the RN container you pushed before.
+   * @returns {Promise<boolean>} The result of popping a new Container.
+   */
+
+
+  popRNContainer() {
+    return _FWNavigatorModule.default.popRNContainer();
+  }
   /**
    * Pop the native container. You could use the method to close the fullscreen player.
    * But if the enablePictureInPicture of the associated video feed is true,

package/lib/commonjs/FWNavigator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FWNavigator.ts"],"names":["FWNavigator","getInstance","_instance","constructor","FWLoggerUtil","log","FWNavigatorModuleEventEmitter","addListener","FWEventName","LogMessage","popNativeContainer","FWNavigatorModule","startFloatingPlayer","stopFloatingPlayer"],"mappings":";;;;;;;AAAA;;AACA;;AAGA;;;;;;;;;;AAEA;AACA;AACA;AACA,MAAMA,WAAN,CAAkB;AAGS,SAAXC,WAAW,GAAgB;AACvC,QAAI,CAACD,WAAW,CAACE,SAAjB,EAA4B;AAC1BF,MAAAA,WAAW,CAACE,SAAZ,GAAwB,IAAIF,WAAJ,EAAxB;AACD;;AACD,WAAOA,WAAW,CAACE,SAAnB;AACD;;AAEOC,EAAAA,WAAW,GAAG;AACpBC,0BAAaC,GAAb,CAAiB,yBAAjB;;AACAC,qDAA8BC,WAA9B,CAA0CC,yBAAYC,UAAtD,EAAkE,MAAM,CAAE,CAA1E;AACD;AAED;AACF;AACA;AACA;AACA;AACA;;;AACSC,EAAAA,kBAAkB,GAAqB;AAC5C,WAAOC,2BAAkBD,kBAAlB,EAAP;AACD;AAED;AACF;AACA;AACA;AACA;;;AACkC,QAAnBE,mBAAmB,GAAqB;AACnD,WAAOD,2BAAkBC,mBAAlB,EAAP;AACD;AAED;AACF;AACA;;;AACiC,QAAlBC,kBAAkB,GAAkB;AAC/C,UAAMF,2BAAkBE,kBAAlB,EAAN;AACD;;AAvCe;;gBAAZb,W;;eA0CSA,W","sourcesContent":["import { FWEventName } from './models/FWEventName';\nimport FWNavigatorModule, {\n  FWNavigatorModuleEventEmitter,\n} from './modules/FWNavigatorModule';\nimport FWLoggerUtil from './utils/FWLoggerUtil';\n\n/**\n * You can use this class for pushing RN page from the native page.\n */\nclass FWNavigator {\n  private static _instance?: FWNavigator;\n\n  public static getInstance(): FWNavigator {\n    if (!FWNavigator._instance) {\n      FWNavigator._instance = new FWNavigator();\n    }\n    return FWNavigator._instance!;\n  }\n\n  private constructor() {\n    FWLoggerUtil.log('FWNavigator constructor');\n    FWNavigatorModuleEventEmitter.addListener(FWEventName.LogMessage, () => {});\n  }\n\n  /**\n   * Pop the native container. You could use the method to close the fullscreen player.\n   * But if the enablePictureInPicture of the associated video feed is true,\n   * we can't close the fullscreen player.\n   * @returns {Promise<boolean>} The result of popping the native container.\n   */\n  public popNativeContainer(): Promise<boolean> {\n    return FWNavigatorModule.popNativeContainer();\n  }\n\n  /**\n   * Change current fullscreen player to floating player.\n   * @returns {Promise<boolean>} If the result is true, it means that the fullscreen\n   * player is changed to floating player.\n   */\n  public async startFloatingPlayer(): Promise<boolean> {\n    return FWNavigatorModule.startFloatingPlayer();\n  }\n\n  /**\n   * Stop current floating player.\n   */\n  public async stopFloatingPlayer(): Promise<void> {\n    await FWNavigatorModule.stopFloatingPlayer();\n  }\n}\n\nexport default FWNavigator;\n"]}
+{"version":3,"sources":["FWNavigator.ts"],"names":["FWNavigator","getInstance","_instance","constructor","FWLoggerUtil","log","FWNavigatorModuleEventEmitter","addListener","FWEventName","LogMessage","pushRNContainer","params","FWNavigatorModule","popRNContainer","popNativeContainer","startFloatingPlayer","stopFloatingPlayer"],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;;;;;;;;;AAEA;AACA;AACA;AACA,MAAMA,WAAN,CAAkB;AAGS,SAAXC,WAAW,GAAgB;AACvC,QAAI,CAACD,WAAW,CAACE,SAAjB,EAA4B;AAC1BF,MAAAA,WAAW,CAACE,SAAZ,GAAwB,IAAIF,WAAJ,EAAxB;AACD;;AACD,WAAOA,WAAW,CAACE,SAAnB;AACD;;AAEOC,EAAAA,WAAW,GAAG;AACpBC,0BAAaC,GAAb,CAAiB,yBAAjB;;AACAC,qDAA8BC,WAA9B,CAA0CC,yBAAYC,UAAtD,EAAkE,MAAM,CAAE,CAA1E;AACD;AAED;AACF;AACA;AACA;AACA;AACA;AACA;;;AACSC,EAAAA,eAAe,CAACC,MAAD,EAAkD;AACtE,WAAOC,2BAAkBF,eAAlB,CAAkCC,MAAlC,CAAP;AACD;AAED;AACF;AACA;AACA;;;AACSE,EAAAA,cAAc,GAAqB;AACxC,WAAOD,2BAAkBC,cAAlB,EAAP;AACD;AAED;AACF;AACA;AACA;AACA;AACA;;;AACSC,EAAAA,kBAAkB,GAAqB;AAC5C,WAAOF,2BAAkBE,kBAAlB,EAAP;AACD;AAED;AACF;AACA;AACA;AACA;;;AACkC,QAAnBC,mBAAmB,GAAqB;AACnD,WAAOH,2BAAkBG,mBAAlB,EAAP;AACD;AAED;AACF;AACA;;;AACiC,QAAlBC,kBAAkB,GAAkB;AAC/C,UAAMJ,2BAAkBI,kBAAlB,EAAN;AACD;;AA1De;;gBAAZhB,W;;eA6DSA,W","sourcesContent":["import { FWEventName } from './models/FWEventName';\nimport type PushRNContainerParams from './models/PushRNContainerParams';\nimport FWNavigatorModule, {\n  FWNavigatorModuleEventEmitter,\n} from './modules/FWNavigatorModule';\nimport FWLoggerUtil from './utils/FWLoggerUtil';\n\n/**\n * You can use this class for pushing RN page from the native page.\n */\nclass FWNavigator {\n  private static _instance?: FWNavigator;\n\n  public static getInstance(): FWNavigator {\n    if (!FWNavigator._instance) {\n      FWNavigator._instance = new FWNavigator();\n    }\n    return FWNavigator._instance!;\n  }\n\n  private constructor() {\n    FWLoggerUtil.log('FWNavigator constructor');\n    FWNavigatorModuleEventEmitter.addListener(FWEventName.LogMessage, () => {});\n  }\n\n  /**\n   * Push a new RN container.\n   * You could use this method to make a RN page on top of\n   * SDK full-screen player.\n   * @param params {PushRNContainerParams}\n   * @returns {Promise<boolean>} The result of pushing a new Container.\n   */\n  public pushRNContainer(params: PushRNContainerParams): Promise<boolean> {\n    return FWNavigatorModule.pushRNContainer(params);\n  }\n\n  /**\n   * Pop the RN container you pushed before.\n   * @returns {Promise<boolean>} The result of popping a new Container.\n   */\n  public popRNContainer(): Promise<boolean> {\n    return FWNavigatorModule.popRNContainer();\n  }\n\n  /**\n   * Pop the native container. You could use the method to close the fullscreen player.\n   * But if the enablePictureInPicture of the associated video feed is true,\n   * we can't close the fullscreen player.\n   * @returns {Promise<boolean>} The result of popping the native container.\n   */\n  public popNativeContainer(): Promise<boolean> {\n    return FWNavigatorModule.popNativeContainer();\n  }\n\n  /**\n   * Change current fullscreen player to floating player.\n   * @returns {Promise<boolean>} If the result is true, it means that the fullscreen\n   * player is changed to floating player.\n   */\n  public async startFloatingPlayer(): Promise<boolean> {\n    return FWNavigatorModule.startFloatingPlayer();\n  }\n\n  /**\n   * Stop current floating player.\n   */\n  public async stopFloatingPlayer(): Promise<void> {\n    await FWNavigatorModule.stopFloatingPlayer();\n  }\n}\n\nexport default FWNavigator;\n"]}

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["FireworkSDK"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;AAEA;;AAOA;;AACA;;AAKA;;AA0BA;;AAEA;;AA4BA;;AAgBA;;;;eAEeA,oB","sourcesContent":["import type {\n  IStoryBlockMethods,\n  IStoryBlockProps,\n} from './components/StoryBlock';\nimport StoryBlock from './components/StoryBlock';\nimport type { IVideoFeedProps, VideoFeedMode } from './components/VideoFeed';\nimport VideoFeed from './components/VideoFeed';\nimport type {\n  CustomCTAClickCallback,\n  SDKInitCallback,\n  VideoFeedClickCallback,\n  VideoPlaybackCallback,\n} from './FireworkSDK';\nimport FireworkSDK from './FireworkSDK';\nimport FWNavigator from './FWNavigator';\nimport type {\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n} from './LiveStream';\nimport LiveStream from './LiveStream';\nimport type AdBadgeConfiguration from './models/AdBadgeConfiguration';\nimport type { AdBadgeTextType } from './models/AdBadgeConfiguration';\nimport type AdConfiguration from './models/AdConfiguration';\nimport type { VastAttribute } from './models/AdConfiguration';\nimport type AndroidFontInfo from './models/AndroidFontInfo';\nimport type FeedItemDetails from './models/FeedItemDetails';\nimport type FWError from './models/FWError';\nimport type {\n  CustomClickLinkButtonEvent,\n  CustomCTAClickEvent,\n  LiveStreamChatEvent,\n  LiveStreamEvent,\n  SDKInitEvent,\n  ShoppingCTAEvent,\n  UpdateProductDetailsEvent,\n  VideoFeedClickEvent,\n  VideoPlaybackEvent,\n} from './models/FWEvents';\nimport type GradientDrawable from './models/GradientDrawable';\nimport type { GradientDrawableOrientation } from './models/GradientDrawable';\nimport type IOSFontInfo from './models/IOSFontInfo';\nimport type {\n  IOSSystemFontStyle,\n  IOSSystemFontWeight,\n} from './models/IOSFontInfo';\nimport LiveStreamChatEventName from './models/LiveStreamChatEventName';\nimport type LiveStreamEventDetails from './models/LiveStreamEventDetails';\nimport LiveStreamEventName from './models/LiveStreamEventName';\nimport type LiveStreamMessageDetails from './models/LiveStreamMessageDetails';\nimport type OpenVideoPlayerConfiguration from './models/OpenVideoPlayerConfiguration';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport type {\n  LinkButtonConfiguration,\n  ShoppingCTAButtonConfiguration,\n  ShoppingCTAButtonText,\n} from './models/ProductInfoViewConfiguration';\nimport type ProductUnit from './models/ProductUnit';\nimport type { ProductPrice, ProductUnitOption } from './models/ProductUnit';\nimport type SDKInitOptions from './models/SDKInitOptions';\nimport type { VideoLaunchBehavior } from './models/SDKInitOptions';\nimport type ShoppingCTAResult from './models/ShoppingCTAResult';\nimport type { StoryBlockConfiguration } from './models/StoryBlockConfiguration';\nimport type { StoryBlockSource } from './models/StoryBlockSource';\nimport type TrackPurchaseParameters from './models/TrackPurchaseParameters';\nimport type VideoFeedConfiguration from './models/VideoFeedConfiguration';\nimport type {\n  VideoFeedPadding,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n} from './models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from './models/VideoFeedSource';\nimport type VideoPlaybackDetails from './models/VideoPlaybackDetails';\nimport type { VideoPlayerSize } from './models/VideoPlaybackDetails';\nimport VideoPlaybackEventName from './models/VideoPlaybackEventName';\nimport type { VideoPlayerCompleteAction } from './models/VideoPlayerCompleteAction';\nimport type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';\nimport type {\n  VideoPlayerCTADelay,\n  VideoPlayerCTADelayType,\n} from './models/VideoPlayerCTADelay';\nimport type { VideoPlayerCTAStyle } from './models/VideoPlayerCTAStyle';\nimport type { VideoPlayerCTAWidth } from './models/VideoPlayerCTAWidth';\nimport type { VideoPlayerStyle } from './models/VideoPlayerStyle';\nimport type {\n  CustomClickCartIconCallback,\n  CustomClickLinkButtonCallback,\n  ShoppingCTACallback,\n  UpdateProductDetailsCallback,\n} from './VideoShopping';\nimport VideoShopping from './VideoShopping';\n\nexport default FireworkSDK;\n\nexport {\n  AdBadgeConfiguration,\n  AdBadgeTextType,\n  AdConfiguration,\n  AndroidFontInfo,\n  CustomClickCartIconCallback,\n  CustomClickLinkButtonCallback,\n  CustomClickLinkButtonEvent,\n  CustomCTAClickCallback,\n  CustomCTAClickEvent,\n  FeedItemDetails,\n  FireworkSDK,\n  FWError,\n  FWNavigator,\n  GradientDrawable,\n  GradientDrawableOrientation,\n  IOSFontInfo,\n  IOSSystemFontStyle,\n  IOSSystemFontWeight,\n  IStoryBlockMethods,\n  IStoryBlockProps,\n  IVideoFeedProps,\n  LinkButtonConfiguration,\n  LiveStream,\n  LiveStreamChatEvent,\n  LiveStreamChatEventName,\n  LiveStreamEvent,\n  LiveStreamEventDetails,\n  LiveStreamEventName,\n  LiveStreamMessageDetails,\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n  OpenVideoPlayerConfiguration,\n  Product,\n  ProductInfoViewConfiguration,\n  ProductPrice,\n  ProductUnit,\n  ProductUnitOption,\n  SDKInitCallback,\n  SDKInitEvent,\n  SDKInitOptions,\n  ShoppingCTAButtonConfiguration,\n  ShoppingCTAButtonText,\n  ShoppingCTACallback,\n  ShoppingCTAEvent,\n  ShoppingCTAResult,\n  StoryBlock,\n  StoryBlockConfiguration,\n  StoryBlockSource,\n  TrackPurchaseParameters,\n  UpdateProductDetailsCallback,\n  UpdateProductDetailsEvent,\n  VastAttribute,\n  VideoFeed,\n  VideoFeedClickCallback,\n  VideoFeedClickEvent,\n  VideoFeedConfiguration,\n  VideoFeedMode,\n  VideoFeedPadding,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedSource,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n  VideoLaunchBehavior,\n  VideoPlaybackCallback,\n  VideoPlaybackDetails,\n  VideoPlaybackEvent,\n  VideoPlaybackEventName,\n  VideoPlayerCompleteAction,\n  VideoPlayerConfiguration,\n  VideoPlayerCTADelay,\n  VideoPlayerCTADelayType,\n  VideoPlayerCTAStyle,\n  VideoPlayerCTAWidth,\n  VideoPlayerSize,\n  VideoPlayerStyle,\n  VideoShopping,\n};\n"]}
+{"version":3,"sources":["index.ts"],"names":["FireworkSDK"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;AAEA;;AAOA;;AACA;;AAKA;;AA0BA;;AAEA;;AA8BA;;AAgBA;;;;eAEeA,oB","sourcesContent":["import type {\n  IStoryBlockMethods,\n  IStoryBlockProps,\n} from './components/StoryBlock';\nimport StoryBlock from './components/StoryBlock';\nimport type { IVideoFeedProps, VideoFeedMode } from './components/VideoFeed';\nimport VideoFeed from './components/VideoFeed';\nimport type {\n  CustomCTAClickCallback,\n  SDKInitCallback,\n  VideoFeedClickCallback,\n  VideoPlaybackCallback,\n} from './FireworkSDK';\nimport FireworkSDK from './FireworkSDK';\nimport FWNavigator from './FWNavigator';\nimport type {\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n} from './LiveStream';\nimport LiveStream from './LiveStream';\nimport type AdBadgeConfiguration from './models/AdBadgeConfiguration';\nimport type { AdBadgeTextType } from './models/AdBadgeConfiguration';\nimport type AdConfiguration from './models/AdConfiguration';\nimport type { VastAttribute } from './models/AdConfiguration';\nimport type AndroidFontInfo from './models/AndroidFontInfo';\nimport type FeedItemDetails from './models/FeedItemDetails';\nimport type FWError from './models/FWError';\nimport type {\n  CustomClickLinkButtonEvent,\n  CustomCTAClickEvent,\n  LiveStreamChatEvent,\n  LiveStreamEvent,\n  SDKInitEvent,\n  ShoppingCTAEvent,\n  UpdateProductDetailsEvent,\n  VideoFeedClickEvent,\n  VideoPlaybackEvent,\n} from './models/FWEvents';\nimport type GradientDrawable from './models/GradientDrawable';\nimport type { GradientDrawableOrientation } from './models/GradientDrawable';\nimport type IOSFontInfo from './models/IOSFontInfo';\nimport type {\n  IOSSystemFontStyle,\n  IOSSystemFontWeight,\n} from './models/IOSFontInfo';\nimport LiveStreamChatEventName from './models/LiveStreamChatEventName';\nimport type LiveStreamEventDetails from './models/LiveStreamEventDetails';\nimport LiveStreamEventName from './models/LiveStreamEventName';\nimport type LiveStreamMessageDetails from './models/LiveStreamMessageDetails';\nimport type OpenVideoPlayerConfiguration from './models/OpenVideoPlayerConfiguration';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport type {\n  LinkButtonConfiguration,\n  ShoppingCTAButtonConfiguration,\n  ShoppingCTAButtonText,\n} from './models/ProductInfoViewConfiguration';\nimport type ProductUnit from './models/ProductUnit';\nimport type { ProductPrice, ProductUnitOption } from './models/ProductUnit';\nimport type PushRNContainerParams from './models/PushRNContainerParams';\nimport type { RNAppProps } from './models/PushRNContainerParams';\nimport type SDKInitOptions from './models/SDKInitOptions';\nimport type { VideoLaunchBehavior } from './models/SDKInitOptions';\nimport type ShoppingCTAResult from './models/ShoppingCTAResult';\nimport type { StoryBlockConfiguration } from './models/StoryBlockConfiguration';\nimport type { StoryBlockSource } from './models/StoryBlockSource';\nimport type TrackPurchaseParameters from './models/TrackPurchaseParameters';\nimport type VideoFeedConfiguration from './models/VideoFeedConfiguration';\nimport type {\n  VideoFeedPadding,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n} from './models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from './models/VideoFeedSource';\nimport type VideoPlaybackDetails from './models/VideoPlaybackDetails';\nimport type { VideoPlayerSize } from './models/VideoPlaybackDetails';\nimport VideoPlaybackEventName from './models/VideoPlaybackEventName';\nimport type { VideoPlayerCompleteAction } from './models/VideoPlayerCompleteAction';\nimport type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';\nimport type {\n  VideoPlayerCTADelay,\n  VideoPlayerCTADelayType,\n} from './models/VideoPlayerCTADelay';\nimport type { VideoPlayerCTAStyle } from './models/VideoPlayerCTAStyle';\nimport type { VideoPlayerCTAWidth } from './models/VideoPlayerCTAWidth';\nimport type { VideoPlayerStyle } from './models/VideoPlayerStyle';\nimport type {\n  CustomClickCartIconCallback,\n  CustomClickLinkButtonCallback,\n  ShoppingCTACallback,\n  UpdateProductDetailsCallback,\n} from './VideoShopping';\nimport VideoShopping from './VideoShopping';\n\nexport default FireworkSDK;\n\nexport {\n  AdBadgeConfiguration,\n  AdBadgeTextType,\n  AdConfiguration,\n  AndroidFontInfo,\n  CustomClickCartIconCallback,\n  CustomClickLinkButtonCallback,\n  CustomClickLinkButtonEvent,\n  CustomCTAClickCallback,\n  CustomCTAClickEvent,\n  FeedItemDetails,\n  FireworkSDK,\n  FWError,\n  FWNavigator,\n  GradientDrawable,\n  GradientDrawableOrientation,\n  IOSFontInfo,\n  IOSSystemFontStyle,\n  IOSSystemFontWeight,\n  IStoryBlockMethods,\n  IStoryBlockProps,\n  IVideoFeedProps,\n  LinkButtonConfiguration,\n  LiveStream,\n  LiveStreamChatEvent,\n  LiveStreamChatEventName,\n  LiveStreamEvent,\n  LiveStreamEventDetails,\n  LiveStreamEventName,\n  LiveStreamMessageDetails,\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n  OpenVideoPlayerConfiguration,\n  Product,\n  ProductInfoViewConfiguration,\n  ProductPrice,\n  ProductUnit,\n  ProductUnitOption,\n  PushRNContainerParams,\n  RNAppProps,\n  SDKInitCallback,\n  SDKInitEvent,\n  SDKInitOptions,\n  ShoppingCTAButtonConfiguration,\n  ShoppingCTAButtonText,\n  ShoppingCTACallback,\n  ShoppingCTAEvent,\n  ShoppingCTAResult,\n  StoryBlock,\n  StoryBlockConfiguration,\n  StoryBlockSource,\n  TrackPurchaseParameters,\n  UpdateProductDetailsCallback,\n  UpdateProductDetailsEvent,\n  VastAttribute,\n  VideoFeed,\n  VideoFeedClickCallback,\n  VideoFeedClickEvent,\n  VideoFeedConfiguration,\n  VideoFeedMode,\n  VideoFeedPadding,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedSource,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n  VideoLaunchBehavior,\n  VideoPlaybackCallback,\n  VideoPlaybackDetails,\n  VideoPlaybackEvent,\n  VideoPlaybackEventName,\n  VideoPlayerCompleteAction,\n  VideoPlayerConfiguration,\n  VideoPlayerCTADelay,\n  VideoPlayerCTADelayType,\n  VideoPlayerCTAStyle,\n  VideoPlayerCTAWidth,\n  VideoPlayerSize,\n  VideoPlayerStyle,\n  VideoShopping,\n};\n"]}

package/lib/commonjs/models/PushRNContainerParams.js

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

package/lib/commonjs/models/PushRNContainerParams.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/commonjs/modules/FWNavigatorModule.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FWNavigatorModule.ts"],"names":["FWNavigatorModule","NativeModules","Proxy","get","Error","LINKING_ERROR","FWNavigatorModuleEventEmitter","NativeEventEmitter"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA,MAAMA,iBAAiB,GAAGC,2BAAcD,iBAAd,GACtBC,2BAAcD,iBADQ,GAEtB,IAAIE,KAAJ,CACE,EADF,EAEE;AACEC,EAAAA,GAAG,GAAG;AACJ,UAAM,IAAIC,KAAJ,CAAUC,6BAAV,CAAN;AACD;;AAHH,CAFF,CAFJ;AAiBA,MAAMC,6BAA6B,GAAG,IAAIC,+BAAJ,CAAuBP,iBAAvB,CAAtC;;eAEeA,iB","sourcesContent":["import { NativeEventEmitter, NativeModule } from 'react-native';\nimport { NativeModules } from 'react-native';\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\n\nconst FWNavigatorModule = NativeModules.FWNavigatorModule\n  ? NativeModules.FWNavigatorModule\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\ninterface IFWNavigatorModule extends NativeModule {\n  popNativeContainer(): Promise<boolean>;\n  canPopNativeContainer(): Promise<boolean>;\n  startFloatingPlayer(): Promise<boolean>;\n  stopFloatingPlayer(): Promise<boolean>;\n}\n\nconst FWNavigatorModuleEventEmitter = new NativeEventEmitter(FWNavigatorModule);\nexport { FWNavigatorModuleEventEmitter };\nexport default FWNavigatorModule as IFWNavigatorModule;\n"]}
+{"version":3,"sources":["FWNavigatorModule.ts"],"names":["FWNavigatorModule","NativeModules","Proxy","get","Error","LINKING_ERROR","FWNavigatorModuleEventEmitter","NativeEventEmitter"],"mappings":";;;;;;;AAAA;;AAEA;;AAGA,MAAMA,iBAAiB,GAAGC,2BAAcD,iBAAd,GACtBC,2BAAcD,iBADQ,GAEtB,IAAIE,KAAJ,CACE,EADF,EAEE;AACEC,EAAAA,GAAG,GAAG;AACJ,UAAM,IAAIC,KAAJ,CAAUC,6BAAV,CAAN;AACD;;AAHH,CAFF,CAFJ;AAmBA,MAAMC,6BAA6B,GAAG,IAAIC,+BAAJ,CAAuBP,iBAAvB,CAAtC;;eAEeA,iB","sourcesContent":["import { NativeEventEmitter, NativeModule, NativeModules } from 'react-native';\n\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\nimport type PushRNContainerParams from '../models/PushRNContainerParams';\n\nconst FWNavigatorModule = NativeModules.FWNavigatorModule\n  ? NativeModules.FWNavigatorModule\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\ninterface IFWNavigatorModule extends NativeModule {\n  pushRNContainer(params: PushRNContainerParams): Promise<boolean>;\n  popRNContainer(): Promise<boolean>;\n  popNativeContainer(): Promise<boolean>;\n  canPopNativeContainer(): Promise<boolean>;\n  startFloatingPlayer(): Promise<boolean>;\n  stopFloatingPlayer(): Promise<boolean>;\n}\n\nconst FWNavigatorModuleEventEmitter = new NativeEventEmitter(FWNavigatorModule);\nexport { FWNavigatorModuleEventEmitter };\nexport default FWNavigatorModule as IFWNavigatorModule;\n"]}

package/lib/module/FWNavigator.js

@@ -20,6 +20,27 @@ class FWNavigator {
     FWLoggerUtil.log('FWNavigator constructor');
     FWNavigatorModuleEventEmitter.addListener(FWEventName.LogMessage, () => {});
   }
+  /**
+   * Push a new RN container.
+   * You could use this method to make a RN page on top of
+   * SDK full-screen player.
+   * @param params {PushRNContainerParams}
+   * @returns {Promise<boolean>} The result of pushing a new Container.
+   */
+
+
+  pushRNContainer(params) {
+    return FWNavigatorModule.pushRNContainer(params);
+  }
+  /**
+   * Pop the RN container you pushed before.
+   * @returns {Promise<boolean>} The result of popping a new Container.
+   */
+
+
+  popRNContainer() {
+    return FWNavigatorModule.popRNContainer();
+  }
   /**
    * Pop the native container. You could use the method to close the fullscreen player.
    * But if the enablePictureInPicture of the associated video feed is true,

package/lib/module/FWNavigator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FWNavigator.ts"],"names":["FWEventName","FWNavigatorModule","FWNavigatorModuleEventEmitter","FWLoggerUtil","FWNavigator","getInstance","_instance","constructor","log","addListener","LogMessage","popNativeContainer","startFloatingPlayer","stopFloatingPlayer"],"mappings":";;AAAA,SAASA,WAAT,QAA4B,sBAA5B;AACA,OAAOC,iBAAP,IACEC,6BADF,QAEO,6BAFP;AAGA,OAAOC,YAAP,MAAyB,sBAAzB;AAEA;AACA;AACA;;AACA,MAAMC,WAAN,CAAkB;AAGS,SAAXC,WAAW,GAAgB;AACvC,QAAI,CAACD,WAAW,CAACE,SAAjB,EAA4B;AAC1BF,MAAAA,WAAW,CAACE,SAAZ,GAAwB,IAAIF,WAAJ,EAAxB;AACD;;AACD,WAAOA,WAAW,CAACE,SAAnB;AACD;;AAEOC,EAAAA,WAAW,GAAG;AACpBJ,IAAAA,YAAY,CAACK,GAAb,CAAiB,yBAAjB;AACAN,IAAAA,6BAA6B,CAACO,WAA9B,CAA0CT,WAAW,CAACU,UAAtD,EAAkE,MAAM,CAAE,CAA1E;AACD;AAED;AACF;AACA;AACA;AACA;AACA;;;AACSC,EAAAA,kBAAkB,GAAqB;AAC5C,WAAOV,iBAAiB,CAACU,kBAAlB,EAAP;AACD;AAED;AACF;AACA;AACA;AACA;;;AACkC,QAAnBC,mBAAmB,GAAqB;AACnD,WAAOX,iBAAiB,CAACW,mBAAlB,EAAP;AACD;AAED;AACF;AACA;;;AACiC,QAAlBC,kBAAkB,GAAkB;AAC/C,UAAMZ,iBAAiB,CAACY,kBAAlB,EAAN;AACD;;AAvCe;;gBAAZT,W;;AA0CN,eAAeA,WAAf","sourcesContent":["import { FWEventName } from './models/FWEventName';\nimport FWNavigatorModule, {\n  FWNavigatorModuleEventEmitter,\n} from './modules/FWNavigatorModule';\nimport FWLoggerUtil from './utils/FWLoggerUtil';\n\n/**\n * You can use this class for pushing RN page from the native page.\n */\nclass FWNavigator {\n  private static _instance?: FWNavigator;\n\n  public static getInstance(): FWNavigator {\n    if (!FWNavigator._instance) {\n      FWNavigator._instance = new FWNavigator();\n    }\n    return FWNavigator._instance!;\n  }\n\n  private constructor() {\n    FWLoggerUtil.log('FWNavigator constructor');\n    FWNavigatorModuleEventEmitter.addListener(FWEventName.LogMessage, () => {});\n  }\n\n  /**\n   * Pop the native container. You could use the method to close the fullscreen player.\n   * But if the enablePictureInPicture of the associated video feed is true,\n   * we can't close the fullscreen player.\n   * @returns {Promise<boolean>} The result of popping the native container.\n   */\n  public popNativeContainer(): Promise<boolean> {\n    return FWNavigatorModule.popNativeContainer();\n  }\n\n  /**\n   * Change current fullscreen player to floating player.\n   * @returns {Promise<boolean>} If the result is true, it means that the fullscreen\n   * player is changed to floating player.\n   */\n  public async startFloatingPlayer(): Promise<boolean> {\n    return FWNavigatorModule.startFloatingPlayer();\n  }\n\n  /**\n   * Stop current floating player.\n   */\n  public async stopFloatingPlayer(): Promise<void> {\n    await FWNavigatorModule.stopFloatingPlayer();\n  }\n}\n\nexport default FWNavigator;\n"]}
+{"version":3,"sources":["FWNavigator.ts"],"names":["FWEventName","FWNavigatorModule","FWNavigatorModuleEventEmitter","FWLoggerUtil","FWNavigator","getInstance","_instance","constructor","log","addListener","LogMessage","pushRNContainer","params","popRNContainer","popNativeContainer","startFloatingPlayer","stopFloatingPlayer"],"mappings":";;AAAA,SAASA,WAAT,QAA4B,sBAA5B;AAEA,OAAOC,iBAAP,IACEC,6BADF,QAEO,6BAFP;AAGA,OAAOC,YAAP,MAAyB,sBAAzB;AAEA;AACA;AACA;;AACA,MAAMC,WAAN,CAAkB;AAGS,SAAXC,WAAW,GAAgB;AACvC,QAAI,CAACD,WAAW,CAACE,SAAjB,EAA4B;AAC1BF,MAAAA,WAAW,CAACE,SAAZ,GAAwB,IAAIF,WAAJ,EAAxB;AACD;;AACD,WAAOA,WAAW,CAACE,SAAnB;AACD;;AAEOC,EAAAA,WAAW,GAAG;AACpBJ,IAAAA,YAAY,CAACK,GAAb,CAAiB,yBAAjB;AACAN,IAAAA,6BAA6B,CAACO,WAA9B,CAA0CT,WAAW,CAACU,UAAtD,EAAkE,MAAM,CAAE,CAA1E;AACD;AAED;AACF;AACA;AACA;AACA;AACA;AACA;;;AACSC,EAAAA,eAAe,CAACC,MAAD,EAAkD;AACtE,WAAOX,iBAAiB,CAACU,eAAlB,CAAkCC,MAAlC,CAAP;AACD;AAED;AACF;AACA;AACA;;;AACSC,EAAAA,cAAc,GAAqB;AACxC,WAAOZ,iBAAiB,CAACY,cAAlB,EAAP;AACD;AAED;AACF;AACA;AACA;AACA;AACA;;;AACSC,EAAAA,kBAAkB,GAAqB;AAC5C,WAAOb,iBAAiB,CAACa,kBAAlB,EAAP;AACD;AAED;AACF;AACA;AACA;AACA;;;AACkC,QAAnBC,mBAAmB,GAAqB;AACnD,WAAOd,iBAAiB,CAACc,mBAAlB,EAAP;AACD;AAED;AACF;AACA;;;AACiC,QAAlBC,kBAAkB,GAAkB;AAC/C,UAAMf,iBAAiB,CAACe,kBAAlB,EAAN;AACD;;AA1De;;gBAAZZ,W;;AA6DN,eAAeA,WAAf","sourcesContent":["import { FWEventName } from './models/FWEventName';\nimport type PushRNContainerParams from './models/PushRNContainerParams';\nimport FWNavigatorModule, {\n  FWNavigatorModuleEventEmitter,\n} from './modules/FWNavigatorModule';\nimport FWLoggerUtil from './utils/FWLoggerUtil';\n\n/**\n * You can use this class for pushing RN page from the native page.\n */\nclass FWNavigator {\n  private static _instance?: FWNavigator;\n\n  public static getInstance(): FWNavigator {\n    if (!FWNavigator._instance) {\n      FWNavigator._instance = new FWNavigator();\n    }\n    return FWNavigator._instance!;\n  }\n\n  private constructor() {\n    FWLoggerUtil.log('FWNavigator constructor');\n    FWNavigatorModuleEventEmitter.addListener(FWEventName.LogMessage, () => {});\n  }\n\n  /**\n   * Push a new RN container.\n   * You could use this method to make a RN page on top of\n   * SDK full-screen player.\n   * @param params {PushRNContainerParams}\n   * @returns {Promise<boolean>} The result of pushing a new Container.\n   */\n  public pushRNContainer(params: PushRNContainerParams): Promise<boolean> {\n    return FWNavigatorModule.pushRNContainer(params);\n  }\n\n  /**\n   * Pop the RN container you pushed before.\n   * @returns {Promise<boolean>} The result of popping a new Container.\n   */\n  public popRNContainer(): Promise<boolean> {\n    return FWNavigatorModule.popRNContainer();\n  }\n\n  /**\n   * Pop the native container. You could use the method to close the fullscreen player.\n   * But if the enablePictureInPicture of the associated video feed is true,\n   * we can't close the fullscreen player.\n   * @returns {Promise<boolean>} The result of popping the native container.\n   */\n  public popNativeContainer(): Promise<boolean> {\n    return FWNavigatorModule.popNativeContainer();\n  }\n\n  /**\n   * Change current fullscreen player to floating player.\n   * @returns {Promise<boolean>} If the result is true, it means that the fullscreen\n   * player is changed to floating player.\n   */\n  public async startFloatingPlayer(): Promise<boolean> {\n    return FWNavigatorModule.startFloatingPlayer();\n  }\n\n  /**\n   * Stop current floating player.\n   */\n  public async stopFloatingPlayer(): Promise<void> {\n    await FWNavigatorModule.stopFloatingPlayer();\n  }\n}\n\nexport default FWNavigator;\n"]}

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["StoryBlock","VideoFeed","FireworkSDK","FWNavigator","LiveStream","LiveStreamChatEventName","LiveStreamEventName","VideoPlaybackEventName","VideoShopping"],"mappings":"AAIA,OAAOA,UAAP,MAAuB,yBAAvB;AAEA,OAAOC,SAAP,MAAsB,wBAAtB;AAOA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AAKA,OAAOC,UAAP,MAAuB,cAAvB;AA0BA,OAAOC,uBAAP,MAAoC,kCAApC;AAEA,OAAOC,mBAAP,MAAgC,8BAAhC;AA4BA,OAAOC,sBAAP,MAAmC,iCAAnC;AAgBA,OAAOC,aAAP,MAA0B,iBAA1B;AAEA,eAAeN,WAAf;AAEA,SAWEA,WAXF,EAaEC,WAbF,EAuBEC,UAvBF,EAyBEC,uBAzBF,EA4BEC,mBA5BF,EA8CEN,UA9CF,EAqDEC,SArDF,EAmEEM,sBAnEF,EA4EEC,aA5EF","sourcesContent":["import type {\n  IStoryBlockMethods,\n  IStoryBlockProps,\n} from './components/StoryBlock';\nimport StoryBlock from './components/StoryBlock';\nimport type { IVideoFeedProps, VideoFeedMode } from './components/VideoFeed';\nimport VideoFeed from './components/VideoFeed';\nimport type {\n  CustomCTAClickCallback,\n  SDKInitCallback,\n  VideoFeedClickCallback,\n  VideoPlaybackCallback,\n} from './FireworkSDK';\nimport FireworkSDK from './FireworkSDK';\nimport FWNavigator from './FWNavigator';\nimport type {\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n} from './LiveStream';\nimport LiveStream from './LiveStream';\nimport type AdBadgeConfiguration from './models/AdBadgeConfiguration';\nimport type { AdBadgeTextType } from './models/AdBadgeConfiguration';\nimport type AdConfiguration from './models/AdConfiguration';\nimport type { VastAttribute } from './models/AdConfiguration';\nimport type AndroidFontInfo from './models/AndroidFontInfo';\nimport type FeedItemDetails from './models/FeedItemDetails';\nimport type FWError from './models/FWError';\nimport type {\n  CustomClickLinkButtonEvent,\n  CustomCTAClickEvent,\n  LiveStreamChatEvent,\n  LiveStreamEvent,\n  SDKInitEvent,\n  ShoppingCTAEvent,\n  UpdateProductDetailsEvent,\n  VideoFeedClickEvent,\n  VideoPlaybackEvent,\n} from './models/FWEvents';\nimport type GradientDrawable from './models/GradientDrawable';\nimport type { GradientDrawableOrientation } from './models/GradientDrawable';\nimport type IOSFontInfo from './models/IOSFontInfo';\nimport type {\n  IOSSystemFontStyle,\n  IOSSystemFontWeight,\n} from './models/IOSFontInfo';\nimport LiveStreamChatEventName from './models/LiveStreamChatEventName';\nimport type LiveStreamEventDetails from './models/LiveStreamEventDetails';\nimport LiveStreamEventName from './models/LiveStreamEventName';\nimport type LiveStreamMessageDetails from './models/LiveStreamMessageDetails';\nimport type OpenVideoPlayerConfiguration from './models/OpenVideoPlayerConfiguration';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport type {\n  LinkButtonConfiguration,\n  ShoppingCTAButtonConfiguration,\n  ShoppingCTAButtonText,\n} from './models/ProductInfoViewConfiguration';\nimport type ProductUnit from './models/ProductUnit';\nimport type { ProductPrice, ProductUnitOption } from './models/ProductUnit';\nimport type SDKInitOptions from './models/SDKInitOptions';\nimport type { VideoLaunchBehavior } from './models/SDKInitOptions';\nimport type ShoppingCTAResult from './models/ShoppingCTAResult';\nimport type { StoryBlockConfiguration } from './models/StoryBlockConfiguration';\nimport type { StoryBlockSource } from './models/StoryBlockSource';\nimport type TrackPurchaseParameters from './models/TrackPurchaseParameters';\nimport type VideoFeedConfiguration from './models/VideoFeedConfiguration';\nimport type {\n  VideoFeedPadding,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n} from './models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from './models/VideoFeedSource';\nimport type VideoPlaybackDetails from './models/VideoPlaybackDetails';\nimport type { VideoPlayerSize } from './models/VideoPlaybackDetails';\nimport VideoPlaybackEventName from './models/VideoPlaybackEventName';\nimport type { VideoPlayerCompleteAction } from './models/VideoPlayerCompleteAction';\nimport type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';\nimport type {\n  VideoPlayerCTADelay,\n  VideoPlayerCTADelayType,\n} from './models/VideoPlayerCTADelay';\nimport type { VideoPlayerCTAStyle } from './models/VideoPlayerCTAStyle';\nimport type { VideoPlayerCTAWidth } from './models/VideoPlayerCTAWidth';\nimport type { VideoPlayerStyle } from './models/VideoPlayerStyle';\nimport type {\n  CustomClickCartIconCallback,\n  CustomClickLinkButtonCallback,\n  ShoppingCTACallback,\n  UpdateProductDetailsCallback,\n} from './VideoShopping';\nimport VideoShopping from './VideoShopping';\n\nexport default FireworkSDK;\n\nexport {\n  AdBadgeConfiguration,\n  AdBadgeTextType,\n  AdConfiguration,\n  AndroidFontInfo,\n  CustomClickCartIconCallback,\n  CustomClickLinkButtonCallback,\n  CustomClickLinkButtonEvent,\n  CustomCTAClickCallback,\n  CustomCTAClickEvent,\n  FeedItemDetails,\n  FireworkSDK,\n  FWError,\n  FWNavigator,\n  GradientDrawable,\n  GradientDrawableOrientation,\n  IOSFontInfo,\n  IOSSystemFontStyle,\n  IOSSystemFontWeight,\n  IStoryBlockMethods,\n  IStoryBlockProps,\n  IVideoFeedProps,\n  LinkButtonConfiguration,\n  LiveStream,\n  LiveStreamChatEvent,\n  LiveStreamChatEventName,\n  LiveStreamEvent,\n  LiveStreamEventDetails,\n  LiveStreamEventName,\n  LiveStreamMessageDetails,\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n  OpenVideoPlayerConfiguration,\n  Product,\n  ProductInfoViewConfiguration,\n  ProductPrice,\n  ProductUnit,\n  ProductUnitOption,\n  SDKInitCallback,\n  SDKInitEvent,\n  SDKInitOptions,\n  ShoppingCTAButtonConfiguration,\n  ShoppingCTAButtonText,\n  ShoppingCTACallback,\n  ShoppingCTAEvent,\n  ShoppingCTAResult,\n  StoryBlock,\n  StoryBlockConfiguration,\n  StoryBlockSource,\n  TrackPurchaseParameters,\n  UpdateProductDetailsCallback,\n  UpdateProductDetailsEvent,\n  VastAttribute,\n  VideoFeed,\n  VideoFeedClickCallback,\n  VideoFeedClickEvent,\n  VideoFeedConfiguration,\n  VideoFeedMode,\n  VideoFeedPadding,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedSource,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n  VideoLaunchBehavior,\n  VideoPlaybackCallback,\n  VideoPlaybackDetails,\n  VideoPlaybackEvent,\n  VideoPlaybackEventName,\n  VideoPlayerCompleteAction,\n  VideoPlayerConfiguration,\n  VideoPlayerCTADelay,\n  VideoPlayerCTADelayType,\n  VideoPlayerCTAStyle,\n  VideoPlayerCTAWidth,\n  VideoPlayerSize,\n  VideoPlayerStyle,\n  VideoShopping,\n};\n"]}
+{"version":3,"sources":["index.ts"],"names":["StoryBlock","VideoFeed","FireworkSDK","FWNavigator","LiveStream","LiveStreamChatEventName","LiveStreamEventName","VideoPlaybackEventName","VideoShopping"],"mappings":"AAIA,OAAOA,UAAP,MAAuB,yBAAvB;AAEA,OAAOC,SAAP,MAAsB,wBAAtB;AAOA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AAKA,OAAOC,UAAP,MAAuB,cAAvB;AA0BA,OAAOC,uBAAP,MAAoC,kCAApC;AAEA,OAAOC,mBAAP,MAAgC,8BAAhC;AA8BA,OAAOC,sBAAP,MAAmC,iCAAnC;AAgBA,OAAOC,aAAP,MAA0B,iBAA1B;AAEA,eAAeN,WAAf;AAEA,SAWEA,WAXF,EAaEC,WAbF,EAuBEC,UAvBF,EAyBEC,uBAzBF,EA4BEC,mBA5BF,EAgDEN,UAhDF,EAuDEC,SAvDF,EAqEEM,sBArEF,EA8EEC,aA9EF","sourcesContent":["import type {\n  IStoryBlockMethods,\n  IStoryBlockProps,\n} from './components/StoryBlock';\nimport StoryBlock from './components/StoryBlock';\nimport type { IVideoFeedProps, VideoFeedMode } from './components/VideoFeed';\nimport VideoFeed from './components/VideoFeed';\nimport type {\n  CustomCTAClickCallback,\n  SDKInitCallback,\n  VideoFeedClickCallback,\n  VideoPlaybackCallback,\n} from './FireworkSDK';\nimport FireworkSDK from './FireworkSDK';\nimport FWNavigator from './FWNavigator';\nimport type {\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n} from './LiveStream';\nimport LiveStream from './LiveStream';\nimport type AdBadgeConfiguration from './models/AdBadgeConfiguration';\nimport type { AdBadgeTextType } from './models/AdBadgeConfiguration';\nimport type AdConfiguration from './models/AdConfiguration';\nimport type { VastAttribute } from './models/AdConfiguration';\nimport type AndroidFontInfo from './models/AndroidFontInfo';\nimport type FeedItemDetails from './models/FeedItemDetails';\nimport type FWError from './models/FWError';\nimport type {\n  CustomClickLinkButtonEvent,\n  CustomCTAClickEvent,\n  LiveStreamChatEvent,\n  LiveStreamEvent,\n  SDKInitEvent,\n  ShoppingCTAEvent,\n  UpdateProductDetailsEvent,\n  VideoFeedClickEvent,\n  VideoPlaybackEvent,\n} from './models/FWEvents';\nimport type GradientDrawable from './models/GradientDrawable';\nimport type { GradientDrawableOrientation } from './models/GradientDrawable';\nimport type IOSFontInfo from './models/IOSFontInfo';\nimport type {\n  IOSSystemFontStyle,\n  IOSSystemFontWeight,\n} from './models/IOSFontInfo';\nimport LiveStreamChatEventName from './models/LiveStreamChatEventName';\nimport type LiveStreamEventDetails from './models/LiveStreamEventDetails';\nimport LiveStreamEventName from './models/LiveStreamEventName';\nimport type LiveStreamMessageDetails from './models/LiveStreamMessageDetails';\nimport type OpenVideoPlayerConfiguration from './models/OpenVideoPlayerConfiguration';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport type {\n  LinkButtonConfiguration,\n  ShoppingCTAButtonConfiguration,\n  ShoppingCTAButtonText,\n} from './models/ProductInfoViewConfiguration';\nimport type ProductUnit from './models/ProductUnit';\nimport type { ProductPrice, ProductUnitOption } from './models/ProductUnit';\nimport type PushRNContainerParams from './models/PushRNContainerParams';\nimport type { RNAppProps } from './models/PushRNContainerParams';\nimport type SDKInitOptions from './models/SDKInitOptions';\nimport type { VideoLaunchBehavior } from './models/SDKInitOptions';\nimport type ShoppingCTAResult from './models/ShoppingCTAResult';\nimport type { StoryBlockConfiguration } from './models/StoryBlockConfiguration';\nimport type { StoryBlockSource } from './models/StoryBlockSource';\nimport type TrackPurchaseParameters from './models/TrackPurchaseParameters';\nimport type VideoFeedConfiguration from './models/VideoFeedConfiguration';\nimport type {\n  VideoFeedPadding,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n} from './models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from './models/VideoFeedSource';\nimport type VideoPlaybackDetails from './models/VideoPlaybackDetails';\nimport type { VideoPlayerSize } from './models/VideoPlaybackDetails';\nimport VideoPlaybackEventName from './models/VideoPlaybackEventName';\nimport type { VideoPlayerCompleteAction } from './models/VideoPlayerCompleteAction';\nimport type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';\nimport type {\n  VideoPlayerCTADelay,\n  VideoPlayerCTADelayType,\n} from './models/VideoPlayerCTADelay';\nimport type { VideoPlayerCTAStyle } from './models/VideoPlayerCTAStyle';\nimport type { VideoPlayerCTAWidth } from './models/VideoPlayerCTAWidth';\nimport type { VideoPlayerStyle } from './models/VideoPlayerStyle';\nimport type {\n  CustomClickCartIconCallback,\n  CustomClickLinkButtonCallback,\n  ShoppingCTACallback,\n  UpdateProductDetailsCallback,\n} from './VideoShopping';\nimport VideoShopping from './VideoShopping';\n\nexport default FireworkSDK;\n\nexport {\n  AdBadgeConfiguration,\n  AdBadgeTextType,\n  AdConfiguration,\n  AndroidFontInfo,\n  CustomClickCartIconCallback,\n  CustomClickLinkButtonCallback,\n  CustomClickLinkButtonEvent,\n  CustomCTAClickCallback,\n  CustomCTAClickEvent,\n  FeedItemDetails,\n  FireworkSDK,\n  FWError,\n  FWNavigator,\n  GradientDrawable,\n  GradientDrawableOrientation,\n  IOSFontInfo,\n  IOSSystemFontStyle,\n  IOSSystemFontWeight,\n  IStoryBlockMethods,\n  IStoryBlockProps,\n  IVideoFeedProps,\n  LinkButtonConfiguration,\n  LiveStream,\n  LiveStreamChatEvent,\n  LiveStreamChatEventName,\n  LiveStreamEvent,\n  LiveStreamEventDetails,\n  LiveStreamEventName,\n  LiveStreamMessageDetails,\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n  OpenVideoPlayerConfiguration,\n  Product,\n  ProductInfoViewConfiguration,\n  ProductPrice,\n  ProductUnit,\n  ProductUnitOption,\n  PushRNContainerParams,\n  RNAppProps,\n  SDKInitCallback,\n  SDKInitEvent,\n  SDKInitOptions,\n  ShoppingCTAButtonConfiguration,\n  ShoppingCTAButtonText,\n  ShoppingCTACallback,\n  ShoppingCTAEvent,\n  ShoppingCTAResult,\n  StoryBlock,\n  StoryBlockConfiguration,\n  StoryBlockSource,\n  TrackPurchaseParameters,\n  UpdateProductDetailsCallback,\n  UpdateProductDetailsEvent,\n  VastAttribute,\n  VideoFeed,\n  VideoFeedClickCallback,\n  VideoFeedClickEvent,\n  VideoFeedConfiguration,\n  VideoFeedMode,\n  VideoFeedPadding,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedSource,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n  VideoLaunchBehavior,\n  VideoPlaybackCallback,\n  VideoPlaybackDetails,\n  VideoPlaybackEvent,\n  VideoPlaybackEventName,\n  VideoPlayerCompleteAction,\n  VideoPlayerConfiguration,\n  VideoPlayerCTADelay,\n  VideoPlayerCTADelayType,\n  VideoPlayerCTAStyle,\n  VideoPlayerCTAWidth,\n  VideoPlayerSize,\n  VideoPlayerStyle,\n  VideoShopping,\n};\n"]}

package/lib/module/models/PushRNContainerParams.js

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

package/lib/module/models/PushRNContainerParams.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/module/modules/FWNavigatorModule.js

@@ -1,5 +1,4 @@
-import { NativeEventEmitter } from 'react-native';
-import { NativeModules } from 'react-native';
+import { NativeEventEmitter, NativeModules } from 'react-native';
 import { LINKING_ERROR } from '../constants/FWErrorMessage';
 const FWNavigatorModule = NativeModules.FWNavigatorModule ? NativeModules.FWNavigatorModule : new Proxy({}, {
   get() {

package/lib/module/modules/FWNavigatorModule.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FWNavigatorModule.ts"],"names":["NativeEventEmitter","NativeModules","LINKING_ERROR","FWNavigatorModule","Proxy","get","Error","FWNavigatorModuleEventEmitter"],"mappings":"AAAA,SAASA,kBAAT,QAAiD,cAAjD;AACA,SAASC,aAAT,QAA8B,cAA9B;AACA,SAASC,aAAT,QAA8B,6BAA9B;AAEA,MAAMC,iBAAiB,GAAGF,aAAa,CAACE,iBAAd,GACtBF,aAAa,CAACE,iBADQ,GAEtB,IAAIC,KAAJ,CACE,EADF,EAEE;AACEC,EAAAA,GAAG,GAAG;AACJ,UAAM,IAAIC,KAAJ,CAAUJ,aAAV,CAAN;AACD;;AAHH,CAFF,CAFJ;AAiBA,MAAMK,6BAA6B,GAAG,IAAIP,kBAAJ,CAAuBG,iBAAvB,CAAtC;AACA,SAASI,6BAAT;AACA,eAAeJ,iBAAf","sourcesContent":["import { NativeEventEmitter, NativeModule } from 'react-native';\nimport { NativeModules } from 'react-native';\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\n\nconst FWNavigatorModule = NativeModules.FWNavigatorModule\n  ? NativeModules.FWNavigatorModule\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\ninterface IFWNavigatorModule extends NativeModule {\n  popNativeContainer(): Promise<boolean>;\n  canPopNativeContainer(): Promise<boolean>;\n  startFloatingPlayer(): Promise<boolean>;\n  stopFloatingPlayer(): Promise<boolean>;\n}\n\nconst FWNavigatorModuleEventEmitter = new NativeEventEmitter(FWNavigatorModule);\nexport { FWNavigatorModuleEventEmitter };\nexport default FWNavigatorModule as IFWNavigatorModule;\n"]}
+{"version":3,"sources":["FWNavigatorModule.ts"],"names":["NativeEventEmitter","NativeModules","LINKING_ERROR","FWNavigatorModule","Proxy","get","Error","FWNavigatorModuleEventEmitter"],"mappings":"AAAA,SAASA,kBAAT,EAA2CC,aAA3C,QAAgE,cAAhE;AAEA,SAASC,aAAT,QAA8B,6BAA9B;AAGA,MAAMC,iBAAiB,GAAGF,aAAa,CAACE,iBAAd,GACtBF,aAAa,CAACE,iBADQ,GAEtB,IAAIC,KAAJ,CACE,EADF,EAEE;AACEC,EAAAA,GAAG,GAAG;AACJ,UAAM,IAAIC,KAAJ,CAAUJ,aAAV,CAAN;AACD;;AAHH,CAFF,CAFJ;AAmBA,MAAMK,6BAA6B,GAAG,IAAIP,kBAAJ,CAAuBG,iBAAvB,CAAtC;AACA,SAASI,6BAAT;AACA,eAAeJ,iBAAf","sourcesContent":["import { NativeEventEmitter, NativeModule, NativeModules } from 'react-native';\n\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\nimport type PushRNContainerParams from '../models/PushRNContainerParams';\n\nconst FWNavigatorModule = NativeModules.FWNavigatorModule\n  ? NativeModules.FWNavigatorModule\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\ninterface IFWNavigatorModule extends NativeModule {\n  pushRNContainer(params: PushRNContainerParams): Promise<boolean>;\n  popRNContainer(): Promise<boolean>;\n  popNativeContainer(): Promise<boolean>;\n  canPopNativeContainer(): Promise<boolean>;\n  startFloatingPlayer(): Promise<boolean>;\n  stopFloatingPlayer(): Promise<boolean>;\n}\n\nconst FWNavigatorModuleEventEmitter = new NativeEventEmitter(FWNavigatorModule);\nexport { FWNavigatorModuleEventEmitter };\nexport default FWNavigatorModule as IFWNavigatorModule;\n"]}

package/lib/typescript/FWNavigator.d.ts

@@ -1,3 +1,4 @@
+import type PushRNContainerParams from './models/PushRNContainerParams';
 /**
  * You can use this class for pushing RN page from the native page.
  */
@@ -5,6 +6,19 @@ declare class FWNavigator {
     private static _instance?;
     static getInstance(): FWNavigator;
     private constructor();
+    /**
+     * Push a new RN container.
+     * You could use this method to make a RN page on top of
+     * SDK full-screen player.
+     * @param params {PushRNContainerParams}
+     * @returns {Promise<boolean>} The result of pushing a new Container.
+     */
+    pushRNContainer(params: PushRNContainerParams): Promise<boolean>;
+    /**
+     * Pop the RN container you pushed before.
+     * @returns {Promise<boolean>} The result of popping a new Container.
+     */
+    popRNContainer(): Promise<boolean>;
     /**
      * Pop the native container. You could use the method to close the fullscreen player.
      * But if the enablePictureInPicture of the associated video feed is true,

package/lib/typescript/index.d.ts

@@ -29,6 +29,8 @@ import type ProductInfoViewConfiguration from './models/ProductInfoViewConfigura
 import type { LinkButtonConfiguration, ShoppingCTAButtonConfiguration, ShoppingCTAButtonText } from './models/ProductInfoViewConfiguration';
 import type ProductUnit from './models/ProductUnit';
 import type { ProductPrice, ProductUnitOption } from './models/ProductUnit';
+import type PushRNContainerParams from './models/PushRNContainerParams';
+import type { RNAppProps } from './models/PushRNContainerParams';
 import type SDKInitOptions from './models/SDKInitOptions';
 import type { VideoLaunchBehavior } from './models/SDKInitOptions';
 import type ShoppingCTAResult from './models/ShoppingCTAResult';
@@ -50,4 +52,4 @@ import type { VideoPlayerStyle } from './models/VideoPlayerStyle';
 import type { CustomClickCartIconCallback, CustomClickLinkButtonCallback, ShoppingCTACallback, UpdateProductDetailsCallback } from './VideoShopping';
 import VideoShopping from './VideoShopping';
 export default FireworkSDK;
-export { AdBadgeConfiguration, AdBadgeTextType, AdConfiguration, AndroidFontInfo, CustomClickCartIconCallback, CustomClickLinkButtonCallback, CustomClickLinkButtonEvent, CustomCTAClickCallback, CustomCTAClickEvent, FeedItemDetails, FireworkSDK, FWError, FWNavigator, GradientDrawable, GradientDrawableOrientation, IOSFontInfo, IOSSystemFontStyle, IOSSystemFontWeight, IStoryBlockMethods, IStoryBlockProps, IVideoFeedProps, LinkButtonConfiguration, LiveStream, LiveStreamChatEvent, LiveStreamChatEventName, LiveStreamEvent, LiveStreamEventDetails, LiveStreamEventName, LiveStreamMessageDetails, onLiveStreamChatEventCallback, onLiveStreamEventCallback, OpenVideoPlayerConfiguration, Product, ProductInfoViewConfiguration, ProductPrice, ProductUnit, ProductUnitOption, SDKInitCallback, SDKInitEvent, SDKInitOptions, ShoppingCTAButtonConfiguration, ShoppingCTAButtonText, ShoppingCTACallback, ShoppingCTAEvent, ShoppingCTAResult, StoryBlock, StoryBlockConfiguration, StoryBlockSource, TrackPurchaseParameters, UpdateProductDetailsCallback, UpdateProductDetailsEvent, VastAttribute, VideoFeed, VideoFeedClickCallback, VideoFeedClickEvent, VideoFeedConfiguration, VideoFeedMode, VideoFeedPadding, VideoFeedPlayIconConfiguration, VideoFeedSource, VideoFeedTitleConfiguration, VideoFeedTitlePosition, VideoLaunchBehavior, VideoPlaybackCallback, VideoPlaybackDetails, VideoPlaybackEvent, VideoPlaybackEventName, VideoPlayerCompleteAction, VideoPlayerConfiguration, VideoPlayerCTADelay, VideoPlayerCTADelayType, VideoPlayerCTAStyle, VideoPlayerCTAWidth, VideoPlayerSize, VideoPlayerStyle, VideoShopping, };
+export { AdBadgeConfiguration, AdBadgeTextType, AdConfiguration, AndroidFontInfo, CustomClickCartIconCallback, CustomClickLinkButtonCallback, CustomClickLinkButtonEvent, CustomCTAClickCallback, CustomCTAClickEvent, FeedItemDetails, FireworkSDK, FWError, FWNavigator, GradientDrawable, GradientDrawableOrientation, IOSFontInfo, IOSSystemFontStyle, IOSSystemFontWeight, IStoryBlockMethods, IStoryBlockProps, IVideoFeedProps, LinkButtonConfiguration, LiveStream, LiveStreamChatEvent, LiveStreamChatEventName, LiveStreamEvent, LiveStreamEventDetails, LiveStreamEventName, LiveStreamMessageDetails, onLiveStreamChatEventCallback, onLiveStreamEventCallback, OpenVideoPlayerConfiguration, Product, ProductInfoViewConfiguration, ProductPrice, ProductUnit, ProductUnitOption, PushRNContainerParams, RNAppProps, SDKInitCallback, SDKInitEvent, SDKInitOptions, ShoppingCTAButtonConfiguration, ShoppingCTAButtonText, ShoppingCTACallback, ShoppingCTAEvent, ShoppingCTAResult, StoryBlock, StoryBlockConfiguration, StoryBlockSource, TrackPurchaseParameters, UpdateProductDetailsCallback, UpdateProductDetailsEvent, VastAttribute, VideoFeed, VideoFeedClickCallback, VideoFeedClickEvent, VideoFeedConfiguration, VideoFeedMode, VideoFeedPadding, VideoFeedPlayIconConfiguration, VideoFeedSource, VideoFeedTitleConfiguration, VideoFeedTitlePosition, VideoLaunchBehavior, VideoPlaybackCallback, VideoPlaybackDetails, VideoPlaybackEvent, VideoPlaybackEventName, VideoPlayerCompleteAction, VideoPlayerConfiguration, VideoPlayerCTADelay, VideoPlayerCTADelayType, VideoPlayerCTAStyle, VideoPlayerCTAWidth, VideoPlayerSize, VideoPlayerStyle, VideoShopping, };

package/lib/typescript/models/PushRNContainerParams.d.ts

@@ -0,0 +1,8 @@
+export interface RNAppProps {
+    initialRouteName?: string;
+    initialParams?: any;
+}
+export default interface PushRNContainerParams {
+    appKey: string;
+    appProps?: RNAppProps;
+}

package/lib/typescript/modules/FWNavigatorModule.d.ts

@@ -1,5 +1,8 @@
 import { NativeEventEmitter, NativeModule } from 'react-native';
+import type PushRNContainerParams from '../models/PushRNContainerParams';
 interface IFWNavigatorModule extends NativeModule {
+    pushRNContainer(params: PushRNContainerParams): Promise<boolean>;
+    popRNContainer(): Promise<boolean>;
     popNativeContainer(): Promise<boolean>;
     canPopNativeContainer(): Promise<boolean>;
     startFloatingPlayer(): Promise<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-firework-sdk",
-  "version": "2.4.1-beta.1",
+  "version": "2.4.1",
   "description": "Firework React Native SDK",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/FWNavigator.ts

@@ -1,4 +1,5 @@
 import { FWEventName } from './models/FWEventName';
+import type PushRNContainerParams from './models/PushRNContainerParams';
 import FWNavigatorModule, {
   FWNavigatorModuleEventEmitter,
 } from './modules/FWNavigatorModule';
@@ -22,6 +23,25 @@ class FWNavigator {
     FWNavigatorModuleEventEmitter.addListener(FWEventName.LogMessage, () => {});
   }
 
+  /**
+   * Push a new RN container.
+   * You could use this method to make a RN page on top of
+   * SDK full-screen player.
+   * @param params {PushRNContainerParams}
+   * @returns {Promise<boolean>} The result of pushing a new Container.
+   */
+  public pushRNContainer(params: PushRNContainerParams): Promise<boolean> {
+    return FWNavigatorModule.pushRNContainer(params);
+  }
+
+  /**
+   * Pop the RN container you pushed before.
+   * @returns {Promise<boolean>} The result of popping a new Container.
+   */
+  public popRNContainer(): Promise<boolean> {
+    return FWNavigatorModule.popRNContainer();
+  }
+
   /**
    * Pop the native container. You could use the method to close the fullscreen player.
    * But if the enablePictureInPicture of the associated video feed is true,

package/src/index.ts

@@ -57,6 +57,8 @@ import type {
 } from './models/ProductInfoViewConfiguration';
 import type ProductUnit from './models/ProductUnit';
 import type { ProductPrice, ProductUnitOption } from './models/ProductUnit';
+import type PushRNContainerParams from './models/PushRNContainerParams';
+import type { RNAppProps } from './models/PushRNContainerParams';
 import type SDKInitOptions from './models/SDKInitOptions';
 import type { VideoLaunchBehavior } from './models/SDKInitOptions';
 import type ShoppingCTAResult from './models/ShoppingCTAResult';
@@ -131,6 +133,8 @@ export {
   ProductPrice,
   ProductUnit,
   ProductUnitOption,
+  PushRNContainerParams,
+  RNAppProps,
   SDKInitCallback,
   SDKInitEvent,
   SDKInitOptions,

package/src/models/PushRNContainerParams.ts

@@ -0,0 +1,9 @@
+export interface RNAppProps {
+  initialRouteName?: string;
+  initialParams?: any;
+}
+
+export default interface PushRNContainerParams {
+  appKey: string;
+  appProps?: RNAppProps;
+}

package/src/modules/FWNavigatorModule.ts

@@ -1,6 +1,7 @@
-import { NativeEventEmitter, NativeModule } from 'react-native';
-import { NativeModules } from 'react-native';
+import { NativeEventEmitter, NativeModule, NativeModules } from 'react-native';
+
 import { LINKING_ERROR } from '../constants/FWErrorMessage';
+import type PushRNContainerParams from '../models/PushRNContainerParams';
 
 const FWNavigatorModule = NativeModules.FWNavigatorModule
   ? NativeModules.FWNavigatorModule
@@ -13,6 +14,8 @@ const FWNavigatorModule = NativeModules.FWNavigatorModule
       }
     );
 interface IFWNavigatorModule extends NativeModule {
+  pushRNContainer(params: PushRNContainerParams): Promise<boolean>;
+  popRNContainer(): Promise<boolean>;
   popNativeContainer(): Promise<boolean>;
   canPopNativeContainer(): Promise<boolean>;
   startFloatingPlayer(): Promise<boolean>;