react-native-firework-sdk 1.2.0-beta.2 → 1.2.0-beta.8

package/android/build.gradle

@@ -168,7 +168,7 @@ def kotlin_version = getExtOrDefault('kotlinVersion')
 dependencies {
 
   // optional 1: firework sdk release verison
-  def firework_sdk_version = 'v5.11.4'
+  def firework_sdk_version = 'v5.12.0'
   implementation "com.github.loopsocial:firework_sdk:$firework_sdk_version"
 
   // optional 2: firework sdk local version,

package/android/src/main/AndroidManifest.xml

@@ -15,6 +15,10 @@
       android:name="com.fireworksdk.bridge.reactnative.pages.FWContainerActivity"
       android:theme="@style/Theme.AppCompat.Light.NoActionBar"
       />
+    <activity
+      android:name="com.fireworksdk.bridge.reactnative.pages.FWCustomCTALinkContentContainerActivity"
+      android:theme="@style/Theme.AppCompat.Light.NoActionBar"
+      />
     <provider
       android:authorities="com.fireworksdk.bridge.reactnative"
       android:name=".reactnative.FWInitializationProvider"

package/android/src/main/java/com/fireworksdk/bridge/components/videofeed/FWVideoFeed.kt

@@ -40,6 +40,7 @@ class FWVideoFeed(
       videoFeedPropsModel.mode = props.mode
       videoFeedPropsModel.videoFeedConfiguration = props.videoFeedConfiguration
       videoFeedPropsModel.videoPlayerConfiguration = props.videoPlayerConfiguration
+      videoFeedPropsModel.dynamicContentParameters = props.dynamicContentParameters
     }
     setData()
   }
@@ -69,6 +70,11 @@ class FWVideoFeed(
     setData()
   }
 
+  fun setDynamicContentParametersProps(dynamicContentParameters: HashMap<String, List<String>>?) {
+    videoFeedPropsModel.dynamicContentParameters = dynamicContentParameters
+    setData()
+  }
+
   fun setVideoFeedConfigProps(config: FWVideoFeedConfigModel?) {
     videoFeedPropsModel.videoFeedConfiguration = config
     setData()
@@ -87,6 +93,7 @@ class FWVideoFeed(
   private fun setData() {
     val source = videoFeedPropsModel.source
     val mode = videoFeedPropsModel.mode
+    val dynamicContentParameters = videoFeedPropsModel.dynamicContentParameters
     val channel = videoFeedPropsModel.channel
     val playlist = videoFeedPropsModel.playlist
     val playlistGroup = videoFeedPropsModel.playlistGroup
@@ -100,14 +107,17 @@ class FWVideoFeed(
       FWVideoFeedSource.PlaylistGroup.rawValue -> {
         setPlaylistGroupFeed(mode, playlistGroup, videoFeedConfiguration, videoPlayerConfiguration)
       }
+      FWVideoFeedSource.DynamicContent.rawValue -> {
+        setFeed(mode, channel, playlist, FeedType.DYNAMIC_CONTENT, dynamicContentParameters, videoFeedConfiguration, videoPlayerConfiguration)
+      }
       FWVideoFeedSource.Playlist.rawValue -> {
-        setFeed(mode, channel, playlist, FeedType.PLAYLIST, videoFeedConfiguration, videoPlayerConfiguration)
+        setFeed(mode, channel, playlist, FeedType.PLAYLIST, null, videoFeedConfiguration, videoPlayerConfiguration)
       }
       FWVideoFeedSource.Channel.rawValue -> {
-        setFeed(mode, channel, null, FeedType.CHANNEL, videoFeedConfiguration, videoPlayerConfiguration)
+        setFeed(mode, channel, null, FeedType.CHANNEL, null, videoFeedConfiguration, videoPlayerConfiguration)
       }
       else -> {
-        setFeed(mode, null, null, FeedType.DISCOVER, videoFeedConfiguration, videoPlayerConfiguration)
+        setFeed(mode, null, null, FeedType.DISCOVER, null, videoFeedConfiguration, videoPlayerConfiguration)
       }
     }
   }
@@ -115,6 +125,7 @@ class FWVideoFeed(
   private fun setFeed(
     mode: String?,
     channelId: String?, playlistId: String?, feedType: FeedType?,
+    dynamicContentParameters: HashMap<String, List<String>>?,
     videoFeedConfiguration: FWVideoFeedConfigModel?,
     videoPlayerConfiguration: FWVideoPlayerConfigModel?,
   ) {
@@ -133,7 +144,9 @@ class FWVideoFeed(
     }
 
     // set channel playlistId feedType
-    if (feedType == FeedType.CHANNEL && !channelId.isNullOrBlank()) {
+    if (feedType == FeedType.DYNAMIC_CONTENT && !channelId.isNullOrBlank()) {
+      videoFeedView?.setDynamicContent(channelId, dynamicContentParameters?:hashMapOf())
+    } else if (feedType == FeedType.CHANNEL && !channelId.isNullOrBlank()) {
       videoFeedView?.setFeed(channelId, null, FeedType.CHANNEL)
     } else if (feedType == FeedType.PLAYLIST && !channelId.isNullOrBlank() && !playlistId.isNullOrBlank()) {
       videoFeedView?.setFeed(channelId, playlistId, FeedType.PLAYLIST)

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

@@ -15,4 +15,5 @@ data class FWVideoFeedPropsModel(
     var mode: String? = null,
     var videoFeedConfiguration: FWVideoFeedConfigModel? = null,
     var videoPlayerConfiguration: FWVideoPlayerConfigModel? = null,
+    var dynamicContentParameters: HashMap<String, List<String>>? = null,
 ) : Parcelable

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

@@ -4,5 +4,6 @@ enum class FWVideoFeedSource(val rawValue: String) {
   Discover("discover"),
   Channel("channel"),
   Playlist("playlist"),
+  DynamicContent("dynamicContent"),
   PlaylistGroup("playlistGroup"),
 }

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

@@ -133,6 +133,12 @@ class FWVideoFeedManager : SimpleViewManager<FWVideoFeed>() {
     view.setModeProps(mode)
   }
 
+  @ReactProp(name = "dynamicContentParameters")
+  fun setDynamicContentParameters(view: FWVideoFeed, parameters: ReadableMap?) {
+    val parametersMap = parameters?.toHashMap() as? HashMap<String, List<String>>
+    view.setDynamicContentParametersProps(parametersMap)
+  }
+
   @ReactProp(name = "videoFeedConfiguration")
   fun setVideoFeedConfig(view: FWVideoFeed, config: ReadableMap?) {
     val configMap = config?.toHashMap()

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

@@ -10,5 +10,6 @@ interface FireworkSDKInterface {
   fun setShareBaseURL(url: String?, promise: Promise)
   fun setAdBadgeConfiguration(config: ReadableMap?, promise: Promise)
   fun setCustomCTAClickEnabled(value: Boolean?)
+  fun setCustomCTALinkContentRenderEnabled(value: Boolean?)
   fun setVideoPlaybackEventEnabled(value: Boolean?)
 }

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

@@ -11,7 +11,9 @@ import com.fireworksdk.bridge.utils.*
 import org.json.JSONObject
 import com.facebook.react.bridge.ReactMethod
 import com.fireworksdk.bridge.models.FWAdBadgeConfigModel
+import com.fireworksdk.bridge.reactnative.FWInitializationProvider
 import com.fireworksdk.bridge.reactnative.models.FireworkSDKInterface
+import com.fireworksdk.bridge.reactnative.pages.FWCustomCTALinkContentContainerActivity
 import com.fireworksdk.bridge.reactnative.utils.FWEventUtils
 import com.loopnow.fireworklibrary.*
 import java.util.*
@@ -38,6 +40,8 @@ class FireworkSDKModule(
   @ReactMethod
   override fun init(userId: String?) {
     initSdk(userId)
+
+    handleCustomCTAClick()
   }
 
   /**
@@ -98,7 +102,11 @@ class FireworkSDKModule(
   @ReactMethod
   override fun setCustomCTAClickEnabled(value: Boolean?) {
     FWVideoPlayerUtils.customCTAClickEnabled = value?:false
-    handleCustomCTAClick()
+  }
+
+  @ReactMethod
+  override fun setCustomCTALinkContentRenderEnabled(value: Boolean?) {
+    FWVideoPlayerUtils.customCTALinkContentRenderEnabled = value?:false
   }
 
   @ReactMethod
@@ -171,7 +179,13 @@ class FireworkSDKModule(
         FWEventUtils.sendLogMessageEvent(reactApplicationContext, "[Android] Receive CustomCTAClick event ${FWDateUtils.getDateString(Date())}")
 
         FWEventUtils.sendCustomCTAClickEvent(reactApplicationContext, actionUrl)
-        return FWVideoPlayerUtils.customCTAClickEnabled
+
+        if (FWVideoPlayerUtils.customCTALinkContentRenderEnabled) {
+          val activity = FWInitializationProvider.INSTANCE.resumedActivity
+          activity?.startActivity(FWCustomCTALinkContentContainerActivity.createIntent(activity, actionUrl))
+        }
+
+        return FWVideoPlayerUtils.customCTAClickEnabled || FWVideoPlayerUtils.customCTALinkContentRenderEnabled
       }
     }
   }

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

@@ -0,0 +1,55 @@
+package com.fireworksdk.bridge.reactnative.pages
+
+import android.app.Activity
+import android.content.Intent
+import android.os.Bundle
+import androidx.appcompat.app.AppCompatActivity
+import androidx.fragment.app.Fragment
+import com.facebook.react.ReactFragment
+import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler
+import com.fireworksdk.bridge.R
+
+class FWCustomCTALinkContentContainerActivity : AppCompatActivity(), DefaultHardwareBackBtnHandler {
+
+  override fun onCreate(savedInstanceState: Bundle?) {
+    super.onCreate(savedInstanceState)
+    setContentView(R.layout.fw_bridge_fragment_container)
+
+    val url = intent.getStringExtra(KEY_URL)
+
+    val reactNativeFragment: Fragment = ReactFragment.Builder()
+      .setComponentName(COMPONENT_NAME)
+      .setLaunchOptions(getLaunchOptions(url))
+      .build()
+
+    supportFragmentManager
+      .beginTransaction()
+      .add(R.id.fw_bridge_container, reactNativeFragment)
+      .commit()
+  }
+
+  private fun getLaunchOptions(url: String?) = Bundle().apply {
+    if (!url.isNullOrEmpty()) {
+      putString(KEY_URL, url)
+    }
+  }
+
+  companion object {
+
+    private const val KEY_URL = "url"
+    private const val COMPONENT_NAME = "FWCustomCTALinkContentContainer"
+
+    fun createIntent(activity: Activity, url: String?): Intent {
+      val intent = Intent(activity, FWCustomCTALinkContentContainerActivity::class.java)
+      intent.putExtra(KEY_URL, url)
+      intent.flags = Intent.FLAG_ACTIVITY_NO_ANIMATION
+      activity.overridePendingTransition(0, 0)
+      return intent
+    }
+  }
+
+  override fun invokeDefaultOnBackPressed() {
+    super.onBackPressed();
+  }
+
+}

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

@@ -1,5 +1,6 @@
 package com.fireworksdk.bridge.reactnative.utils
 
+import android.util.Log
 import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.ReactContext
 import com.facebook.react.bridge.WritableMap
@@ -113,9 +114,11 @@ object FWEventUtils {
   fun sendLogMessageEvent(reactContext: ReactContext, message: String?) {
     FWLogUtils.d { message }
 
-    val eventMap = Arguments.createMap()
-    eventMap.putString("message", message)
-    sendEvent(reactContext, FWEventName.LogMessage.rawValue, eventMap)
+    if (Log.DEBUG >= FWLogUtils.logLevel) {
+      val eventMap = Arguments.createMap()
+      eventMap.putString("message", message)
+      sendEvent(reactContext, FWEventName.LogMessage.rawValue, eventMap)
+    }
   }
 
   fun receiveVideoFeedLoadFinishedSuccessEvent(reactContext: ReactContext, targetTag: Int) {

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

@@ -16,6 +16,7 @@ import com.loopnow.fireworklibrary.views.VideoFeedView
 object FWVideoPlayerUtils {
 
   var customCTAClickEnabled: Boolean = false
+  var customCTALinkContentRenderEnabled: Boolean = false
   var videoPlaybackEventEnabled: Boolean = false
 
   private var hasAssignedLaunchAppWithMute = false

package/ios/Components/VideoFeed.swift

@@ -31,7 +31,7 @@ public enum VideoFeedMode: Int {
 
 @objc
 public enum VideFeedSourceType: Int {
-    case discover, channel, playlist, playlistGroup
+    case discover, channel, playlist, playlistGroup, dynamicContent
 }
 
 public protocol VideoFeedViewDelegate: AnyObject {
@@ -48,6 +48,7 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
     @objc public var channel: String = ""
     @objc public var playlist: String = ""
     @objc public var playlistGroup: String = ""
+    @objc public var dynamicContentParameters: NSDictionary = NSDictionary()
     @objc public var mode: VideoFeedMode = .row
     @objc public var feedViewConfig: VideoFeedConfiguration? {
         didSet {
@@ -81,6 +82,9 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
             return .channelPlaylist(channelID: channel, playlistID: playlist)
         case .playlistGroup:
             return .playlistGroup(groupID: playlistGroup)
+        case .dynamicContent:
+            let parameters = dynamicContentParameters as? [String: [String]]
+            return .dynamicContent(channelID: channel, parameters: parameters ?? [:])
         }
     }
     
@@ -153,28 +157,6 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
 }
 
 extension VideoFeed {
-    private func convertToFWAdBadgeConfiguration(_ adBadgeConfiguration: AdBadgeConfiguration?) -> FireworkVideo.AdBadgeConfiguration? {
-        guard let adBadgeConfiguration = adBadgeConfiguration else {
-            return nil
-        }
-        
-        var fwAdBadgeConfiguration = FireworkVideo.AdBadgeConfiguration()
-        if let textColor = adBadgeConfiguration.textColor {
-            fwAdBadgeConfiguration.textColor = textColor.uicolor()
-        }
-        if let backgroundColor = adBadgeConfiguration.backgroundColor {
-            fwAdBadgeConfiguration.backgroundColor = backgroundColor.uicolor()
-        }
-        switch adBadgeConfiguration.badgeTextType {
-            case .sponsored:
-                fwAdBadgeConfiguration.badgeText = FireworkVideo.AdBadgeConfiguration.BadgeText.sponsored
-            default:
-                fwAdBadgeConfiguration.badgeText = FireworkVideo.AdBadgeConfiguration.BadgeText.ad
-        }
-        
-        return fwAdBadgeConfiguration
-    }
-    
     private func convertToVideoFeedConentConfiguration() -> VideoFeedContentConfiguration {
         var videoConfig = VideoFeedContentConfiguration()
         //set default value so that behavior will the same with Android
@@ -196,8 +178,7 @@ extension VideoFeed {
         if let shareBaseUrl = gShareBaseURL {
             videoConfig.playerView.shareButton.behavior.baseURL = URL(string:shareBaseUrl)
         }
-        let adBadge = self.convertToFWAdBadgeConfiguration(gAdBadgeConfiguration)
-        if let adBadge = adBadge  {
+        if let adBadge = FireworkSDKModule.convertToFWAdBadgeConfiguration(gAdBadgeConfiguration)  {
             videoConfig.adBadge = adBadge
         }
         

package/ios/Components/VideoFeedManager.m

@@ -22,6 +22,7 @@ RCT_CUSTOM_VIEW_PROPERTY(source, VideFeedSourceType, VideoFeed) {
 RCT_EXPORT_VIEW_PROPERTY(channel, NSString)
 RCT_EXPORT_VIEW_PROPERTY(playlist, NSString)
 RCT_EXPORT_VIEW_PROPERTY(playlistGroup, NSString)
+RCT_EXPORT_VIEW_PROPERTY(dynamicContentParameters, NSDictionary)
 
 RCT_CUSTOM_VIEW_PROPERTY(mode, VideoFeedMode, VideoFeed) {
     if (json) {

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

@@ -12,7 +12,8 @@ extension VideFeedSourceType {
         ["discover": .discover,
          "channel": .channel,
          "playlist": .playlist,
-         "playlistGroup": .playlistGroup]
+         "playlistGroup": .playlistGroup,
+         "dynamicContent": .dynamicContent]
     }
 }
 

package/ios/Modules/FWNavigatorModule/FWNavigatorContainerViewController.swift

@@ -2,22 +2,14 @@
 //  FWNavigatorContainerViewController.swift
 //  react-native-firework-sdk
 //
-//  Created by 熊韦华 on 2022/4/22.
+//  Created by Big Bear Xiong on 2022/4/22.
 //
 
 import UIKit
 
 class FWNavigatorContainerViewController: UIViewController {
-    var callbackId: String!
-
-    init(callbackId: String) {
-        self.callbackId = callbackId
-        super.init(nibName: nil, bundle: nil)
-    }
-    
-    required init?(coder: NSCoder) {
-        super.init(coder: coder)
-    }
+    var moduleName: String = ""
+    var properties: [String: Any] = [:]
 
     override func viewDidLoad() {
         super.viewDidLoad()
@@ -25,7 +17,7 @@ class FWNavigatorContainerViewController: UIViewController {
     }
     
     private func loadContent() {
-        let rctRootView = RCTRootView.init(bridge: RCTBridge.current(), moduleName: "FWNavigationContainer", initialProperties: ["callbackId": callbackId ?? ""])
+        let rctRootView = RCTRootView.init(bridge: RCTBridge.current(), moduleName: moduleName, initialProperties: properties)
         view.addSubview(rctRootView)
         rctRootView.translatesAutoresizingMaskIntoConstraints = false
         

package/ios/Modules/FWNavigatorModule/FWNavigatorModule.m

@@ -2,7 +2,7 @@
 //  FWNavigatorModule.m
 //  react-native-firework-sdk
 //
-//  Created by 熊韦华 on 2022/4/22.
+//  Created by Big Bear Xiong on 2022/4/22.
 //
 
 //  The FireworkNavigatorModule exposes instances of Objective-C (native) classes to JavaScript (JS) as JS objects
@@ -11,7 +11,7 @@
 
 @interface RCT_EXTERN_REMAP_MODULE(FWNavigatorModule, FWNavigatorModule, NSObject)
 
-RCT_EXTERN_METHOD(pushNativeContainer:(NSString *)callbackId resolver:(RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
+RCT_EXTERN_METHOD(pushNativeContainer:(NSDictionary *)props resolver:(RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
 RCT_EXTERN_METHOD(popNativeContainer:(RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
 
 @end

package/ios/Modules/FWNavigatorModule/FWNavigatorModule.swift

@@ -2,7 +2,7 @@
 //  File.swift
 //  react-native-firework-sdk
 //
-//  Created by 熊韦华 on 2022/4/21.
+//  Created by Big Bear Xiong on 2022/4/21.
 //
 
 import FireworkVideo
@@ -18,13 +18,20 @@ class FWNavigatorModule: RCTEventEmitter, FWNavigator {
     }
 
     @objc(pushNativeContainer:resolver:rejecter:)
-    func pushNativeContainer(_ callbackId: String?, resolver: @escaping RCTPromiseResolveBlock, rejecter: @escaping RCTPromiseRejectBlock) {
+    func pushNativeContainer(_ props: NSDictionary?, resolver: @escaping RCTPromiseResolveBlock, rejecter: @escaping RCTPromiseRejectBlock) {
+        #if DEBUG
         let formatter = DateFormatter()
         formatter.dateFormat = "yyyy-MM-dd'T'HH:mm:ss.SSSZ"
         sendEvent(withName: FWEventName.LogMessage.rawValue, body: ["message": "[iOS] Enter pushNativeContainer \(formatter.string(from: Date()))"])
+        #endif
 
         DispatchQueue.main.async {
-            guard let callbackId = callbackId else {
+            guard let props = props as? [String: Any] else {
+                resolver(false)
+                return
+            }
+
+            guard let appComponentName = gAppComponentName else {
                 resolver(false)
                 return
             }
@@ -33,18 +40,30 @@ class FWNavigatorModule: RCTEventEmitter, FWNavigator {
                 resolver(false)
                 return
             }
+
+            #if DEBUG
             self.sendEvent(withName: FWEventName.LogMessage.rawValue, body: ["message": "[iOS] Before creating containerViewController \(formatter.string(from: Date()))"])
+            #endif
 
-            let containerViewController = FWNavigatorContainerViewController(callbackId: callbackId)
+            let containerViewController = FWNavigatorContainerViewController()
 
+            #if DEBUG
             self.sendEvent(withName: FWEventName.LogMessage.rawValue, body: ["message": "[iOS] After creating containerViewController \(formatter.string(from: Date()))"])
+            #endif
 
+            containerViewController.moduleName = appComponentName
+            containerViewController.properties = props
             containerViewController.modalPresentationStyle = .fullScreen
 
+            #if DEBUG
             self.sendEvent(withName: FWEventName.LogMessage.rawValue, body: ["message": "[iOS] Present containerViewController \(formatter.string(from: Date()))"])
+            #endif
 
             presentedVC.present(containerViewController, animated: true) {
+                #if DEBUG
                 self.sendEvent(withName: FWEventName.LogMessage.rawValue, body: ["message": "[iOS] Finish presenting containerViewController \(formatter.string(from: Date()))"])
+                #endif
+
                 resolver(true)
             }
         }
@@ -58,12 +77,8 @@ class FWNavigatorModule: RCTEventEmitter, FWNavigator {
                 return
             }
 
-            if presentedVC is FWNavigatorContainerViewController {
-                presentedVC.dismiss(animated: true) {
-                    resolver(true)
-                }
-            } else {
-                resolver(false)
+            presentedVC.dismiss(animated: true) {
+                resolver(true)
             }
         }
     }

package/ios/Modules/FWNavigatorModule/FWNavigatorProtocol.swift

@@ -2,12 +2,12 @@
 //  FWNavigatorProtocol.swift
 //  react-native-firework-sdk
 //
-//  Created by 熊韦华 on 2022/4/21.
+//  Created by Big Bear Xiong on 2022/4/21.
 //
 
 import Foundation
 
 protocol FWNavigator {
-    func pushNativeContainer(_ callbackId: String?, resolver: @escaping RCTPromiseResolveBlock, rejecter: @escaping RCTPromiseRejectBlock)
+    func pushNativeContainer(_ props: NSDictionary?, resolver: @escaping RCTPromiseResolveBlock, rejecter: @escaping RCTPromiseRejectBlock)
     func popNativeContainer(resolver: @escaping RCTPromiseResolveBlock, rejecter: @escaping RCTPromiseRejectBlock)
 }

package/ios/Modules/FireworkSDKModule/FireworkSDKModule+CTA.swift

@@ -10,12 +10,31 @@ import FireworkVideo
 
 extension FireworkSDKModule: FireworkVideoCTADelegate {
     func handleCustomCTAClick(_ viewController: PlayerViewController, url: URL) -> Bool {
+        #if DEBUG
         let formatter = DateFormatter()
         formatter.dateFormat = "yyyy-MM-dd'T'HH:mm:ss.SSSZ"
         sendEvent(withName: FWEventName.LogMessage.rawValue, body: ["message": "[iOS] Receive CustomCTAClick event \(formatter.string(from: Date()))"])
+        #endif
 
         sendEvent(withName: FWEventName.CustomCTAClick.rawValue, body: ["url": url.absoluteString])
+
+        var customCTALinkContentPageEnabled = false
+        if let moduleName = gAppComponentName,
+            let initialRouteName = customCTALinkContentPageRouteName,
+           let presentedVC = RCTPresentedViewController() {
+            customCTALinkContentPageEnabled = true
+            let containerViewController = FWNavigatorContainerViewController()
+            containerViewController.moduleName = moduleName
+            containerViewController.properties = [
+                "initialRouteName": initialRouteName,
+                "initialParams": ["url": url.absoluteString]
+            ]
+            containerViewController.modalPresentationStyle = .fullScreen
+            presentedVC.present(containerViewController, animated: true) {
+
+            }
+        }
         
-        return customCTAClickEnabled
+        return customCTAClickEnabled || customCTALinkContentPageEnabled
     }
 }

package/ios/Modules/FireworkSDKModule/FireworkSDKModule.m

@@ -13,8 +13,10 @@
 _RCT_EXTERN_REMAP_METHOD(init, initializeSDK:(NSString * __nullable)userId, NO)
 RCT_EXTERN_METHOD(openVideoPlayer:(NSString *)url config:(NSDictionary *)config)
 RCT_EXTERN_METHOD(setCustomCTAClickEnabled:(BOOL)enabled)
+RCT_EXTERN_METHOD(setCustomCTALinkContentPageRouteName:(NSString *)name resolver: (RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
 RCT_EXTERN_METHOD(setShareBaseURL:(NSString *)url resolver: (RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
 RCT_EXTERN_METHOD(setVideoPlaybackEventEnabled:(BOOL)enabled)
 RCT_EXTERN_METHOD(setAdBadgeConfiguration:(NSDictionary *)config resolver: (RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
+RCT_EXTERN_METHOD(setAppComponentName:(NSString *)name resolver: (RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
 
 @end

package/ios/Modules/FireworkSDKModule/FireworkSDKModule.swift

@@ -11,12 +11,15 @@ import FireworkVideo
 
 var gShareBaseURL: String?
 var gAdBadgeConfiguration: AdBadgeConfiguration?
+var gAppComponentName: String?
 
 @objc(FireworkSDKModule)
 class FireworkSDKModule: RCTEventEmitter, FireworkVideoSDKDelegate {
 //    var shareBaseURL: String?
     var customCTAClickEnabled: Bool = false
-    
+
+    var customCTALinkContentPageRouteName: String?
+
     /// Decide whether to send video playback event to RN.
     var enableVideoPlayBackEvent: Bool = false
     
@@ -48,13 +51,20 @@ class FireworkSDKModule: RCTEventEmitter, FireworkVideoSDKDelegate {
         if let baseUrl = gShareBaseURL {
             finalConfig.shareButton.behavior.baseURL = URL(string: baseUrl)
         }
+
+        var feedContentConfig = VideoFeedContentConfiguration()
+        feedContentConfig.playerView = finalConfig
+        if let adBadge = FireworkSDKModule.convertToFWAdBadgeConfiguration(gAdBadgeConfiguration) {
+            feedContentConfig.adBadge = adBadge;
+        }
         
         DispatchQueue.main.async {
             guard let presentedVC = RCTPresentedViewController() else {
                 return
             }
-            VideoFeedViewController.openVideoPlayer(with: urlString, finalConfig, presentedVC) { _ in
-                
+
+            VideoFeedViewController.openVideoPlayer(with: urlString, feedContentConfig, presentedVC) { _ in
+
             }
         }
     }
@@ -63,6 +73,12 @@ class FireworkSDKModule: RCTEventEmitter, FireworkVideoSDKDelegate {
     func setCustomCTAClickEnabled(_ enabled: Bool) {
         customCTAClickEnabled = enabled
     }
+
+    @objc(setCustomCTALinkContentPageRouteName:resolver:rejecter:)
+    func setCustomCTALinkContentPageRouteName(_ name: String, resolver: RCTPromiseResolveBlock, rejecter: RCTPromiseRejectBlock) {
+        customCTALinkContentPageRouteName = name
+        resolver([:])
+    }
     
     @objc(setShareBaseURL:resolver:rejecter:)
     func setShareBaseURL(_ url: String, resolver: RCTPromiseResolveBlock, rejecter: RCTPromiseRejectBlock) {
@@ -80,6 +96,12 @@ class FireworkSDKModule: RCTEventEmitter, FireworkVideoSDKDelegate {
         gAdBadgeConfiguration = RCTConvert.adBadgeConfiguration(config)
         resolver([:])
     }
+
+    @objc(setAppComponentName:resolver:rejecter:)
+    func setAppComponentName(_ name: String, resolver: RCTPromiseResolveBlock, rejecter: RCTPromiseRejectBlock) {
+        gAppComponentName = name
+        resolver([:])
+    }
     
     // MARK: - FireworkVideoSDKDelegate
     func fireworkVideoDidLoadSuccessfully() {
@@ -90,3 +112,27 @@ class FireworkSDKModule: RCTEventEmitter, FireworkVideoSDKDelegate {
         sendEvent(withName: FWEventName.SDKInit.rawValue, body: ["error": ["name": error.jsErrorName, "reason": error.recoverySuggestion ?? "default"]])
     }
 }
+
+extension FireworkSDKModule {
+    static func convertToFWAdBadgeConfiguration(_ adBadgeConfiguration: AdBadgeConfiguration?) -> FireworkVideo.AdBadgeConfiguration? {
+        guard let adBadgeConfiguration = adBadgeConfiguration else {
+            return nil
+        }
+
+        var fwAdBadgeConfiguration = FireworkVideo.AdBadgeConfiguration()
+        if let textColor = adBadgeConfiguration.textColor {
+            fwAdBadgeConfiguration.textColor = textColor.uicolor()
+        }
+        if let backgroundColor = adBadgeConfiguration.backgroundColor {
+            fwAdBadgeConfiguration.backgroundColor = backgroundColor.uicolor()
+        }
+        switch adBadgeConfiguration.badgeTextType {
+            case .sponsored:
+                fwAdBadgeConfiguration.badgeText = FireworkVideo.AdBadgeConfiguration.BadgeText.sponsored
+            default:
+                fwAdBadgeConfiguration.badgeText = FireworkVideo.AdBadgeConfiguration.BadgeText.ad
+        }
+
+        return fwAdBadgeConfiguration
+    }
+}