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

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.12.0'
+  def firework_sdk_version = 'v5.12.2'
   implementation "com.github.loopsocial:firework_sdk:$firework_sdk_version"
 
   // optional 2: firework sdk local version,

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

@@ -155,7 +155,7 @@ class FWVideoFeed(
     }
 
     // set Feed Configuration
-    FWVideoPlayerUtils.setVideoFeedConfig(videoFeedView, videoFeedConfiguration)
+    FWVideoPlayerUtils.setVideoFeedConfig(context, videoFeedView, videoFeedConfiguration)
     // set Player Configuration
     FWVideoPlayerUtils.setVideoPlayerConfig(videoPlayerConfiguration)
   }
@@ -188,7 +188,7 @@ class FWVideoFeed(
     }
 
     // set Feed Configuration
-    FWVideoPlayerUtils.setPlaylistGroupFeedConfig(playlistGroupFeedView, videoFeedConfiguration)
+    FWVideoPlayerUtils.setPlaylistGroupFeedConfig(context, playlistGroupFeedView, videoFeedConfiguration)
     // set Player Configuration
     FWVideoPlayerUtils.setVideoPlayerConfig(videoPlayerConfiguration)
   }

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

@@ -10,7 +10,8 @@ data class FWVideoFeedConfigModel(
   var title: FWTitleModel? = null,
   var titlePosition: String? = null,
   var playIcon: FWPlayIconModel? = null,
-  var showAdBadge: Boolean? = null
+  var showAdBadge: Boolean? = null,
+  var customLayoutName: String? = null
 ) : Parcelable {
 
   @Parcelize

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

@@ -1,5 +1,6 @@
 package com.fireworksdk.bridge.utils
 
+import android.content.Context
 import android.graphics.Color
 import com.loopnow.fireworklibrary.VideoPlayerProperties
 import com.fireworksdk.bridge.constants.FWVideoPlayerConstant
@@ -45,7 +46,11 @@ object FWVideoPlayerUtils {
     }
   }
 
-  fun setPlaylistGroupFeedConfig(feedView: PlaylistGroupFeedView?, config: FWVideoFeedConfigModel?) {
+  fun setPlaylistGroupFeedConfig(context: Context, feedView: PlaylistGroupFeedView?, config: FWVideoFeedConfigModel?) {
+    config?.customLayoutName?.let {
+      val layout = context.resources.getIdentifier(it, "layout", context.packageName)
+      feedView?.setCustomLayout(layout)
+    }
     val backgroundColor = config?.backgroundColor
     if (!backgroundColor.isNullOrBlank()) {
       feedView?.setBackgroundColor(Color.parseColor(backgroundColor))
@@ -63,7 +68,12 @@ object FWVideoPlayerUtils {
     VideoFeedProperties.displayAdLabel = config?.showAdBadge == true
   }
 
-  fun setVideoFeedConfig(feedView: VideoFeedView?, config: FWVideoFeedConfigModel?) {
+  fun setVideoFeedConfig(context: Context, feedView: VideoFeedView?, config: FWVideoFeedConfigModel?) {
+    config?.customLayoutName?.let {
+      val layout = context.resources.getIdentifier(it, "layout", context.packageName)
+      feedView?.setCustomLayout(layout)
+    }
+
     val backgroundColor = config?.backgroundColor
     if (!backgroundColor.isNullOrBlank()) {
       feedView?.setBackgroundColor(Color.parseColor(backgroundColor))

package/ios/FireworkSdk.xcodeproj/project.pbxproj

@@ -37,6 +37,7 @@
 		8975239E2817DEF80070EBB6 /* FireworkSDKModule.m in Sources */ = {isa = PBXBuildFile; fileRef = 897523832817DEF80070EBB6 /* FireworkSDKModule.m */; };
 		8975239F2817DEF80070EBB6 /* LiveStreamModule.swift in Sources */ = {isa = PBXBuildFile; fileRef = 897523852817DEF80070EBB6 /* LiveStreamModule.swift */; };
 		897523A02817DEF80070EBB6 /* LiveStreamModule.m in Sources */ = {isa = PBXBuildFile; fileRef = 897523862817DEF80070EBB6 /* LiveStreamModule.m */; };
+		89BA1734283619FE00C2287A /* FWCustomCTALinkContentContainerViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 89BA1733283619FE00C2287A /* FWCustomCTALinkContentContainerViewController.swift */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXCopyFilesBuildPhase section */
@@ -85,6 +86,7 @@
 		897523832817DEF80070EBB6 /* FireworkSDKModule.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = FireworkSDKModule.m; sourceTree = "<group>"; };
 		897523852817DEF80070EBB6 /* LiveStreamModule.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = LiveStreamModule.swift; sourceTree = "<group>"; };
 		897523862817DEF80070EBB6 /* LiveStreamModule.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = LiveStreamModule.m; sourceTree = "<group>"; };
+		89BA1733283619FE00C2287A /* FWCustomCTALinkContentContainerViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = FWCustomCTALinkContentContainerViewController.swift; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -212,6 +214,7 @@
 				897523812817DEF80070EBB6 /* AdBadgeConfiguration.swift */,
 				897523822817DEF80070EBB6 /* FireworkSDKModule+CTA.swift */,
 				897523832817DEF80070EBB6 /* FireworkSDKModule.m */,
+				89BA1733283619FE00C2287A /* FWCustomCTALinkContentContainerViewController.swift */,
 			);
 			path = FireworkSDKModule;
 			sourceTree = "<group>";
@@ -301,6 +304,7 @@
 				8975239A2817DEF80070EBB6 /* FireworkSDKModule+EventTracking.swift in Sources */,
 				8975239E2817DEF80070EBB6 /* FireworkSDKModule.m in Sources */,
 				897523962817DEF80070EBB6 /* ProductInfoViewConfiguration.swift in Sources */,
+				89BA1734283619FE00C2287A /* FWCustomCTALinkContentContainerViewController.swift in Sources */,
 				8975238D2817DEF80070EBB6 /* RCTConvert+VideoFeed.swift in Sources */,
 				8975238C2817DEF80070EBB6 /* RCTConvert+Shopping.swift in Sources */,
 				897523602817DEEE0070EBB6 /* VideoFeed.swift in Sources */,

package/ios/Modules/FWNavigatorModule/FWNavigatorContainerViewController.swift

@@ -8,8 +8,16 @@
 import UIKit
 
 class FWNavigatorContainerViewController: UIViewController {
-    var moduleName: String = ""
-    var properties: [String: Any] = [:]
+    var callbackId: String!
+
+    init(callbackId: String) {
+        self.callbackId = callbackId
+        super.init(nibName: nil, bundle: nil)
+    }
+    
+    required init?(coder: NSCoder) {
+        super.init(coder: coder)
+    }
 
     override func viewDidLoad() {
         super.viewDidLoad()
@@ -17,7 +25,7 @@ class FWNavigatorContainerViewController: UIViewController {
     }
     
     private func loadContent() {
-        let rctRootView = RCTRootView.init(bridge: RCTBridge.current(), moduleName: moduleName, initialProperties: properties)
+        let rctRootView = RCTRootView.init(bridge: RCTBridge.current(), moduleName: "FWNavigationContainer", initialProperties: ["callbackId": callbackId ?? ""])
         view.addSubview(rctRootView)
         rctRootView.translatesAutoresizingMaskIntoConstraints = false
         

package/ios/Modules/FWNavigatorModule/FWNavigatorModule.m

@@ -2,7 +2,7 @@
 //  FWNavigatorModule.m
 //  react-native-firework-sdk
 //
-//  Created by Big Bear Xiong on 2022/4/22.
+//  Created by 熊韦华 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:(NSDictionary *)props resolver:(RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
+RCT_EXTERN_METHOD(pushNativeContainer:(NSString *)callbackId 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 Big Bear Xiong on 2022/4/21.
+//  Created by 熊韦华 on 2022/4/21.
 //
 
 import FireworkVideo
@@ -18,7 +18,7 @@ class FWNavigatorModule: RCTEventEmitter, FWNavigator {
     }
 
     @objc(pushNativeContainer:resolver:rejecter:)
-    func pushNativeContainer(_ props: NSDictionary?, resolver: @escaping RCTPromiseResolveBlock, rejecter: @escaping RCTPromiseRejectBlock) {
+    func pushNativeContainer(_ callbackId: String?, resolver: @escaping RCTPromiseResolveBlock, rejecter: @escaping RCTPromiseRejectBlock) {
         #if DEBUG
         let formatter = DateFormatter()
         formatter.dateFormat = "yyyy-MM-dd'T'HH:mm:ss.SSSZ"
@@ -26,12 +26,7 @@ class FWNavigatorModule: RCTEventEmitter, FWNavigator {
         #endif
 
         DispatchQueue.main.async {
-            guard let props = props as? [String: Any] else {
-                resolver(false)
-                return
-            }
-
-            guard let appComponentName = gAppComponentName else {
+            guard let callbackId = callbackId else {
                 resolver(false)
                 return
             }
@@ -45,14 +40,12 @@ class FWNavigatorModule: RCTEventEmitter, FWNavigator {
             self.sendEvent(withName: FWEventName.LogMessage.rawValue, body: ["message": "[iOS] Before creating containerViewController \(formatter.string(from: Date()))"])
             #endif
 
-            let containerViewController = FWNavigatorContainerViewController()
+            let containerViewController = FWNavigatorContainerViewController(callbackId: callbackId)
 
             #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

package/ios/Modules/FWNavigatorModule/FWNavigatorProtocol.swift

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

package/ios/Modules/FireworkSDKModule/FWCustomCTALinkContentContainerViewController.swift

@@ -0,0 +1,31 @@
+//
+//  FWCustomCTALinkContentContainerViewController.swift
+//  FireworkSdk
+//
+//  Created by linjie jiang on 2022/5/19.
+//  Copyright © 2022 Facebook. All rights reserved.
+//
+
+import UIKit
+
+class FWCustomCTALinkContentContainerViewController: UIViewController {
+    var url: String?
+
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        loadContent()
+    }
+
+    private func loadContent() {
+        let rctRootView = RCTRootView.init(bridge: RCTBridge.current(), moduleName: "FWCustomCTALinkContentContainer", initialProperties: ["url": url ?? ""])
+        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/FireworkSDKModule/FireworkSDKModule+CTA.swift

@@ -18,23 +18,15 @@ extension FireworkSDKModule: FireworkVideoCTADelegate {
 
         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) {
+        if customCTALinkContentRenderEnabled, let presentedVC = RCTPresentedViewController() {
+            let customCTALinkContentContainerVC = FWCustomCTALinkContentContainerViewController()
+            customCTALinkContentContainerVC.modalPresentationStyle = .fullScreen
+            customCTALinkContentContainerVC.url = url.absoluteString
+            presentedVC.present(customCTALinkContentContainerVC, animated: true) {
 
             }
         }
         
-        return customCTAClickEnabled || customCTALinkContentPageEnabled
+        return customCTAClickEnabled || customCTALinkContentRenderEnabled
     }
 }

package/ios/Modules/FireworkSDKModule/FireworkSDKModule.m

@@ -13,10 +13,9 @@
 _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(setCustomCTALinkContentRenderEnabled:(BOOL)enabled)
 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,14 +11,13 @@ 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?
+    var customCTALinkContentRenderEnabled: Bool = false
 
     /// Decide whether to send video playback event to RN.
     var enableVideoPlayBackEvent: Bool = false
@@ -74,10 +73,9 @@ class FireworkSDKModule: RCTEventEmitter, FireworkVideoSDKDelegate {
         customCTAClickEnabled = enabled
     }
 
-    @objc(setCustomCTALinkContentPageRouteName:resolver:rejecter:)
-    func setCustomCTALinkContentPageRouteName(_ name: String, resolver: RCTPromiseResolveBlock, rejecter: RCTPromiseRejectBlock) {
-        customCTALinkContentPageRouteName = name
-        resolver([:])
+    @objc(setCustomCTALinkContentRenderEnabled:)
+    func setCustomCTALinkContentRenderEnabled(_ enabled: Bool) {
+        customCTALinkContentRenderEnabled = enabled
     }
     
     @objc(setShareBaseURL:resolver:rejecter:)
@@ -96,12 +94,6 @@ 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() {

package/lib/commonjs/FWNavigator.js

@@ -32,20 +32,26 @@ class FWNavigator {
   }
 
   constructor() {
+    _defineProperty(this, "_currentCallbackId", 0);
+
+    _defineProperty(this, "navigatorPages", new Map());
+
     _FWNavigatorModule.FWNavigatorModuleEventEmitter.addListener(_FWEventName.FWEventName.LogMessage, () => {});
   }
   /**
-   * Push a new native container. We will render your app component in new native container.
-   * Please set your app component name through FireworkSDK.getInstance().appComponentName before calling this method
-   * @param {FWNativeContainerProps} props We will pass the props to your app component.
-   * @returns {Promise<boolean>} The result of pushing RN page from native page.
+   * Push RN page from native page. The RN page is embedded in a native container.
+   * @param {React.ReactNode} page The RN page.
+   * @returns {Promise<boolean>} The result of pushing RN page from native page
    */
 
 
-  pushNativeContainer(props) {
-    _FWLoggerUtil.default.log(`Enter pushNewNativeContainer`);
+  pushNativeContainer(page) {
+    _FWLoggerUtil.default.log(`Enter pushNativeContainer`);
 
-    return _FWNavigatorModule.default.pushNativeContainer(props);
+    this._currentCallbackId = this._currentCallbackId + 1;
+    const callbackId = `${this._currentCallbackId}`;
+    this.navigatorPages.set(callbackId, page);
+    return _FWNavigatorModule.default.pushNativeContainer(callbackId);
   }
   /**
    * Pop top-most native container. The native container embed the RN page.

package/lib/commonjs/FWNavigator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FWNavigator.tsx"],"names":["FWNavigator","getInstance","_instance","constructor","FWNavigatorModuleEventEmitter","addListener","FWEventName","LogMessage","pushNativeContainer","props","FWLoggerUtil","log","FWNavigatorModule","popNativeContainer"],"mappings":";;;;;;;AAAA;;AACA;;AAGA;;;;;;;;;;AAMA;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,qDAA8BC,WAA9B,CAA0CC,yBAAYC,UAAtD,EAAkE,MAAM,CAAE,CAA1E;AACD;AAED;AACF;AACA;AACA;AACA;AACA;;;AACSC,EAAAA,mBAAmB,CAACC,KAAD,EAAkD;AAC1EC,0BAAaC,GAAb,CAAkB,8BAAlB;;AAEA,WAAOC,2BAAkBJ,mBAAlB,CAAsCC,KAAtC,CAAP;AACD;AAED;AACF;AACA;AACA;;;AACSI,EAAAA,kBAAkB,GAAqB;AAC5C,WAAOD,2BAAkBC,kBAAlB,EAAP;AACD;;AAhCe;;gBAAZb,W;;eAmCSA,W","sourcesContent":["import { FWEventName } from './models/FWEventName';\nimport FWNavigatorModule, {\n  FWNavigatorModuleEventEmitter,\n} from './modules/FWNavigatorModule';\nimport FWLoggerUtil from './utils/FWLoggerUtil';\n\ntype FWNativeContainerProps = {\n  [key: string]: any;\n};\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    FWNavigatorModuleEventEmitter.addListener(FWEventName.LogMessage, () => {});\n  }\n\n  /**\n   * Push a new native container. We will render your app component in new native container.\n   * Please set your app component name through FireworkSDK.getInstance().appComponentName before calling this method\n   * @param {FWNativeContainerProps} props We will pass the props to your app component.\n   * @returns {Promise<boolean>} The result of pushing RN page from native page.\n   */\n  public pushNativeContainer(props: FWNativeContainerProps): Promise<boolean> {\n    FWLoggerUtil.log(`Enter pushNewNativeContainer`);\n\n    return FWNavigatorModule.pushNativeContainer(props);\n  }\n\n  /**\n   * Pop top-most native container. The native container embed the RN page.\n   * @returns {Promise<boolean>} The result of poping top-most native container.\n   */\n  public popNativeContainer(): Promise<boolean> {\n    return FWNavigatorModule.popNativeContainer();\n  }\n}\n\nexport default FWNavigator;\n"]}
+{"version":3,"sources":["FWNavigator.tsx"],"names":["FWNavigator","getInstance","_instance","constructor","Map","FWNavigatorModuleEventEmitter","addListener","FWEventName","LogMessage","pushNativeContainer","page","FWLoggerUtil","log","_currentCallbackId","callbackId","navigatorPages","set","FWNavigatorModule","popNativeContainer"],"mappings":";;;;;;;AAAA;;AACA;;AAGA;;;;;;;;;;AAEA;AACA;AACA;AACA,MAAMA,WAAN,CAAkB;AAKS,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;AAAA,gDAVe,CAUf;;AAAA,4CATE,IAAIC,GAAJ,EASF;;AACpBC,qDAA8BC,WAA9B,CAA0CC,yBAAYC,UAAtD,EAAkE,MAAM,CAAE,CAA1E;AACD;AAED;AACF;AACA;AACA;AACA;;;AACSC,EAAAA,mBAAmB,CAACC,IAAD,EAA0C;AAClEC,0BAAaC,GAAb,CAAkB,2BAAlB;;AACA,SAAKC,kBAAL,GAA0B,KAAKA,kBAAL,GAA0B,CAApD;AACA,UAAMC,UAAU,GAAI,GAAE,KAAKD,kBAAmB,EAA9C;AACA,SAAKE,cAAL,CAAoBC,GAApB,CAAwBF,UAAxB,EAAoCJ,IAApC;AACA,WAAOO,2BAAkBR,mBAAlB,CAAsCK,UAAtC,CAAP;AACD;AAED;AACF;AACA;AACA;;;AACSI,EAAAA,kBAAkB,GAAqB;AAC5C,WAAOD,2BAAkBC,kBAAlB,EAAP;AACD;;AAnCe;;gBAAZlB,W;;eAsCSA,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  private _currentCallbackId: number = 0;\n  public navigatorPages = new Map<string, React.ReactNode>();\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    FWNavigatorModuleEventEmitter.addListener(FWEventName.LogMessage, () => {});\n  }\n\n  /**\n   * Push RN page from native page. The RN page is embedded in a native container.\n   * @param {React.ReactNode} page The RN page.\n   * @returns {Promise<boolean>} The result of pushing RN page from native page\n   */\n  public pushNativeContainer(page: React.ReactNode): Promise<boolean> {\n    FWLoggerUtil.log(`Enter pushNativeContainer`);\n    this._currentCallbackId = this._currentCallbackId + 1;\n    const callbackId = `${this._currentCallbackId}`;\n    this.navigatorPages.set(callbackId, page);\n    return FWNavigatorModule.pushNativeContainer(callbackId);\n  }\n\n  /**\n   * Pop top-most native container. The native container embed the RN page.\n   * @returns {Promise<boolean>} The result of poping top-most native container.\n   */\n  public popNativeContainer(): Promise<boolean> {\n    return FWNavigatorModule.popNativeContainer();\n  }\n}\n\nexport default FWNavigator;\n"]}

package/lib/commonjs/FireworkSDK.js

@@ -57,16 +57,19 @@ class FireworkSDK {
   }
 
   /**
-   * The custom CTA link content page route name.
+   * The custom render method of CTA link content.
+   * We will show a native container to display the element returned by the render method.
    */
-  get customCTALinkContentPageRouteName() {
-    return this._customCTALinkContentPageRouteName;
+  get customCTALinkContentRender() {
+    return this._customCTALinkContentRender;
   }
 
-  set customCTALinkContentPageRouteName(value) {
-    this._customCTALinkContentPageRouteName = value;
+  set customCTALinkContentRender(value) {
+    _FWLoggerUtil.default.log(`Set customCTALinkContentRender ${!!value}`);
 
-    _FireworkSDKModule.default.setCustomCTALinkContentPageRouteName(value);
+    this._customCTALinkContentRender = value;
+
+    _FireworkSDKModule.default.setCustomCTALinkContentRenderEnabled(value ? true : false);
   }
 
   /**
@@ -112,19 +115,6 @@ class FireworkSDK {
     });
   }
 
-  /**
-   * The app component name.
-   */
-  get appComponentName() {
-    return this._appComponentName;
-  }
-
-  set appComponentName(value) {
-    this._appComponentName = value;
-
-    _FireworkSDKModule.default.setAppComponentName(value);
-  }
-
   get eventEmitter() {
     return _FireworkSDKModule.FireworkSDKModuleEventEmitter;
   }
@@ -173,7 +163,7 @@ class FireworkSDK {
 
     _defineProperty(this, "_onCustomCTAClick", void 0);
 
-    _defineProperty(this, "_customCTALinkContentPageRouteName", void 0);
+    _defineProperty(this, "_customCTALinkContentRender", void 0);
 
     _defineProperty(this, "_onVideoPlayback", void 0);
 
@@ -181,8 +171,6 @@ class FireworkSDK {
 
     _defineProperty(this, "_adBadgeConfiguration", void 0);
 
-    _defineProperty(this, "_appComponentName", void 0);
-
     this.eventEmitter.addListener(_FWEventName.FWEventName.SDKInit, event => {
       _FWLoggerUtil.default.log(`Receive SDKInit event ${event === null || event === void 0 ? void 0 : event.error}`);
 

package/lib/commonjs/FireworkSDK.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FireworkSDK.ts"],"names":["FireworkSDK","onCustomCTAClick","_onCustomCTAClick","value","FWLoggerUtil","log","FireworkSDKModule","setCustomCTAClickEnabled","customCTALinkContentPageRouteName","_customCTALinkContentPageRouteName","setCustomCTALinkContentPageRouteName","onVideoPlayback","_onVideoPlayback","setVideoPlaybackEventEnabled","shareBaseURL","_shareBaseURL","setShareBaseURL","then","eventEmitter","emit","FWEventName","ShareBaseURLUpdated","adBadgeConfiguration","_adBadgeConfiguration","setAdBadgeConfiguration","AdBadgeConfigurationUpdated","appComponentName","_appComponentName","setAppComponentName","FireworkSDKModuleEventEmitter","shopping","VideoShopping","getInstance","liveStream","LiveStream","navigator","FWNavigator","_instance","constructor","addListener","SDKInit","event","error","onSDKInit","LogMessage","logNativeMessage","message","CustomCTAClick","url","VideoPlayback","eventName","VideoFeedClick","info","id","onVideoFeedClick","init","userId","ShoppingModule","LiveStreamModule","openVideoPlayer","config"],"mappings":"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","sourcesContent":["import type { NativeEventEmitter } from 'react-native';\nimport LiveStream from './LiveStream';\n\nimport type AdBadgeConfiguration from './models/AdBadgeConfiguration';\nimport { FWEventName } from './models/FWEventName';\nimport type {\n  CustomCTAClickEvent,\n  SDKInitEvent,\n  VideoFeedClickEvent,\n  VideoPlaybackEvent,\n} from './models/FWEvents';\nimport type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';\nimport FireworkSDKModule, {\n  FireworkSDKModuleEventEmitter,\n} from './modules/FireworkSDKModule';\nimport LiveStreamModule from './modules/LiveStreamModule';\nimport ShoppingModule from './modules/ShoppingModule';\nimport VideoShopping from './VideoShopping';\nimport FWNavigator from './FWNavigator';\nimport FWLoggerUtil from './utils/FWLoggerUtil';\n\nexport type SDKInitCallback = (event: SDKInitEvent) => void;\nexport type CustomCTAClickCallback = (event: CustomCTAClickEvent) => void;\nexport type CustomCTALinkContentRender = (\n  event: CustomCTAClickEvent\n) => React.ReactNode | null;\nexport type VideoPlaybackCallback = (event: VideoPlaybackEvent) => void;\nexport type VideoFeedClickCallback = (event: VideoFeedClickEvent) => void;\n\n/**\n * Entry class of Firework SDK, which supports the sdk initialization and global configuration.\n */\nclass FireworkSDK {\n  private static _instance?: FireworkSDK;\n\n  /**\n   * The callback of SDK initialization.\n   */\n  public onSDKInit?: SDKInitCallback;\n\n  /**\n   * the callback of clicking Video Feed.\n   */\n  public onVideoFeedClick?: VideoFeedClickCallback;\n\n  /**\n   * The callback of clicking custom CTA.\n   */\n  public get onCustomCTAClick(): CustomCTAClickCallback | undefined {\n    return this._onCustomCTAClick;\n  }\n  public set onCustomCTAClick(value: CustomCTAClickCallback | undefined) {\n    FWLoggerUtil.log(`Set onCustomCTAClick callback ${!!value}`);\n    this._onCustomCTAClick = value;\n    FireworkSDKModule.setCustomCTAClickEnabled(value ? true : false);\n  }\n  private _onCustomCTAClick: CustomCTAClickCallback | undefined;\n\n  /**\n   * The custom CTA link content page route name.\n   */\n  public get customCTALinkContentPageRouteName(): string | undefined {\n    return this._customCTALinkContentPageRouteName;\n  }\n  public set customCTALinkContentPageRouteName(value: string | undefined) {\n    this._customCTALinkContentPageRouteName = value;\n    FireworkSDKModule.setCustomCTALinkContentPageRouteName(value);\n  }\n  private _customCTALinkContentPageRouteName: string | undefined;\n\n  /**\n   * The callback of video playback.\n   */\n  public get onVideoPlayback(): VideoPlaybackCallback | undefined {\n    return this._onVideoPlayback;\n  }\n  public set onVideoPlayback(value: VideoPlaybackCallback | undefined) {\n    this._onVideoPlayback = value;\n    FireworkSDKModule.setVideoPlaybackEventEnabled(value ? true : false);\n  }\n  private _onVideoPlayback?: VideoPlaybackCallback | undefined;\n\n  /**\n   * The share base URL of videos.\n   */\n  public get shareBaseURL(): string | undefined {\n    return this._shareBaseURL;\n  }\n  public set shareBaseURL(value: string | undefined) {\n    this._shareBaseURL = value;\n    FireworkSDKModule.setShareBaseURL(value).then(() => {\n      this.eventEmitter.emit(FWEventName.ShareBaseURLUpdated);\n    });\n  }\n  private _shareBaseURL: string | undefined;\n\n  /**\n   * The configuration for ad badges.\n   */\n  public get adBadgeConfiguration(): AdBadgeConfiguration | undefined {\n    return this._adBadgeConfiguration;\n  }\n  public set adBadgeConfiguration(value: AdBadgeConfiguration | undefined) {\n    this._adBadgeConfiguration = value;\n    FireworkSDKModule.setAdBadgeConfiguration(value).then(() => {\n      this.eventEmitter.emit(FWEventName.AdBadgeConfigurationUpdated);\n    });\n  }\n  private _adBadgeConfiguration: AdBadgeConfiguration | undefined;\n\n  /**\n   * The app component name.\n   */\n  public get appComponentName(): string | undefined {\n    return this._appComponentName;\n  }\n  public set appComponentName(value: string | undefined) {\n    this._appComponentName = value;\n    FireworkSDKModule.setAppComponentName(value);\n  }\n  private _appComponentName: string | undefined;\n\n  private get eventEmitter(): NativeEventEmitter {\n    return FireworkSDKModuleEventEmitter;\n  }\n\n  /**\n   * Get VideoShopping object.\n   */\n  public get shopping(): VideoShopping {\n    return VideoShopping.getInstance();\n  }\n\n  /**\n   * Get LiveStream object.\n   */\n  public get liveStream(): LiveStream {\n    return LiveStream.getInstance();\n  }\n\n  /**\n   * Get FWNavigator object.\n   */\n  public get navigator(): FWNavigator {\n    return FWNavigator.getInstance();\n  }\n\n  /**\n   * Get global single instance of FireworkSDK class.\n   * @returns FireworkSDK\n   */\n  public static getInstance() {\n    if (!FireworkSDK._instance) {\n      FireworkSDK._instance = new FireworkSDK();\n    }\n\n    return FireworkSDK._instance!;\n  }\n\n  private constructor() {\n    this.eventEmitter.addListener(FWEventName.SDKInit, (event) => {\n      FWLoggerUtil.log(`Receive SDKInit event ${event?.error}`);\n\n      if (this.onSDKInit) {\n        this.onSDKInit(event ?? {});\n      }\n    });\n\n    this.eventEmitter.addListener(FWEventName.LogMessage, (event) => {\n      FWLoggerUtil.logNativeMessage(event.message);\n    });\n\n    this.eventEmitter.addListener(FWEventName.CustomCTAClick, (event) => {\n      FWLoggerUtil.log(`Receive CustomCTAClick url ${event?.url}`);\n\n      if (this.onCustomCTAClick) {\n        this.onCustomCTAClick(event ?? {});\n      }\n    });\n\n    this.eventEmitter.addListener(FWEventName.VideoPlayback, (event) => {\n      FWLoggerUtil.log(`Receive VideoPlayback event ${event?.eventName}`);\n\n      if (this.onVideoPlayback) {\n        this.onVideoPlayback(event ?? {});\n      }\n    });\n\n    this.eventEmitter.addListener(FWEventName.VideoFeedClick, (event) => {\n      FWLoggerUtil.log(`Receive VideoFeedClick event ${event?.info.id}`);\n\n      if (this.onVideoFeedClick) {\n        this.onVideoFeedClick(event ?? {});\n      }\n    });\n  }\n\n  /**\n   * Initializes Firework SDK.\n   * @param {string?} userId An id to uniquely identify device or user.\n   */\n  public init(userId?: string) {\n    FireworkSDKModule.init(userId);\n    ShoppingModule.init();\n    LiveStreamModule.init();\n  }\n\n  /**\n   * Open Video URL.\n   * @param {string} url\n   * @param {VideoPlayerConfiguration} config\n   */\n  public openVideoPlayer(url: string, config?: VideoPlayerConfiguration) {\n    FireworkSDKModule.openVideoPlayer(url, config ?? {});\n  }\n}\n\nexport default FireworkSDK;\n"]}
+{"version":3,"sources":["FireworkSDK.ts"],"names":["FireworkSDK","onCustomCTAClick","_onCustomCTAClick","value","FWLoggerUtil","log","FireworkSDKModule","setCustomCTAClickEnabled","customCTALinkContentRender","_customCTALinkContentRender","setCustomCTALinkContentRenderEnabled","onVideoPlayback","_onVideoPlayback","setVideoPlaybackEventEnabled","shareBaseURL","_shareBaseURL","setShareBaseURL","then","eventEmitter","emit","FWEventName","ShareBaseURLUpdated","adBadgeConfiguration","_adBadgeConfiguration","setAdBadgeConfiguration","AdBadgeConfigurationUpdated","FireworkSDKModuleEventEmitter","shopping","VideoShopping","getInstance","liveStream","LiveStream","navigator","FWNavigator","_instance","constructor","addListener","SDKInit","event","error","onSDKInit","LogMessage","logNativeMessage","message","CustomCTAClick","url","VideoPlayback","eventName","VideoFeedClick","info","id","onVideoFeedClick","init","userId","ShoppingModule","LiveStreamModule","openVideoPlayer","config"],"mappings":"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","sourcesContent":["import type { NativeEventEmitter } from 'react-native';\nimport LiveStream from './LiveStream';\n\nimport type AdBadgeConfiguration from './models/AdBadgeConfiguration';\nimport { FWEventName } from './models/FWEventName';\nimport type {\n  CustomCTAClickEvent,\n  SDKInitEvent,\n  VideoFeedClickEvent,\n  VideoPlaybackEvent,\n} from './models/FWEvents';\nimport type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';\nimport FireworkSDKModule, {\n  FireworkSDKModuleEventEmitter,\n} from './modules/FireworkSDKModule';\nimport LiveStreamModule from './modules/LiveStreamModule';\nimport ShoppingModule from './modules/ShoppingModule';\nimport VideoShopping from './VideoShopping';\nimport FWNavigator from './FWNavigator';\nimport FWLoggerUtil from './utils/FWLoggerUtil';\n\nexport type SDKInitCallback = (event: SDKInitEvent) => void;\nexport type CustomCTAClickCallback = (event: CustomCTAClickEvent) => void;\nexport type CustomCTALinkContentRender = (\n  event: CustomCTAClickEvent\n) => React.ReactNode | null;\nexport type VideoPlaybackCallback = (event: VideoPlaybackEvent) => void;\nexport type VideoFeedClickCallback = (event: VideoFeedClickEvent) => void;\n\n/**\n * Entry class of Firework SDK, which supports the sdk initialization and global configuration.\n */\nclass FireworkSDK {\n  private static _instance?: FireworkSDK;\n\n  /**\n   * The callback of SDK initialization.\n   */\n  public onSDKInit?: SDKInitCallback;\n\n  /**\n   * the callback of clicking Video Feed.\n   */\n  public onVideoFeedClick?: VideoFeedClickCallback;\n\n  /**\n   * The callback of clicking custom CTA.\n   */\n  public get onCustomCTAClick(): CustomCTAClickCallback | undefined {\n    return this._onCustomCTAClick;\n  }\n  public set onCustomCTAClick(value: CustomCTAClickCallback | undefined) {\n    FWLoggerUtil.log(`Set onCustomCTAClick callback ${!!value}`);\n    this._onCustomCTAClick = value;\n    FireworkSDKModule.setCustomCTAClickEnabled(value ? true : false);\n  }\n  private _onCustomCTAClick: CustomCTAClickCallback | undefined;\n\n  /**\n   * The custom render method of CTA link content.\n   * We will show a native container to display the element returned by the render method.\n   */\n  public get customCTALinkContentRender():\n    | CustomCTALinkContentRender\n    | undefined {\n    return this._customCTALinkContentRender;\n  }\n  public set customCTALinkContentRender(\n    value: CustomCTALinkContentRender | undefined\n  ) {\n    FWLoggerUtil.log(`Set customCTALinkContentRender ${!!value}`);\n    this._customCTALinkContentRender = value;\n    FireworkSDKModule.setCustomCTALinkContentRenderEnabled(\n      value ? true : false\n    );\n  }\n  private _customCTALinkContentRender: CustomCTALinkContentRender | undefined;\n\n  /**\n   * The callback of video playback.\n   */\n  public get onVideoPlayback(): VideoPlaybackCallback | undefined {\n    return this._onVideoPlayback;\n  }\n  public set onVideoPlayback(value: VideoPlaybackCallback | undefined) {\n    this._onVideoPlayback = value;\n    FireworkSDKModule.setVideoPlaybackEventEnabled(value ? true : false);\n  }\n  private _onVideoPlayback?: VideoPlaybackCallback | undefined;\n\n  /**\n   * The share base URL of videos.\n   */\n  public get shareBaseURL(): string | undefined {\n    return this._shareBaseURL;\n  }\n  public set shareBaseURL(value: string | undefined) {\n    this._shareBaseURL = value;\n    FireworkSDKModule.setShareBaseURL(value).then(() => {\n      this.eventEmitter.emit(FWEventName.ShareBaseURLUpdated);\n    });\n  }\n  private _shareBaseURL: string | undefined;\n\n  /**\n   * The configuration for ad badges.\n   */\n  public get adBadgeConfiguration(): AdBadgeConfiguration | undefined {\n    return this._adBadgeConfiguration;\n  }\n  public set adBadgeConfiguration(value: AdBadgeConfiguration | undefined) {\n    this._adBadgeConfiguration = value;\n    FireworkSDKModule.setAdBadgeConfiguration(value).then(() => {\n      this.eventEmitter.emit(FWEventName.AdBadgeConfigurationUpdated);\n    });\n  }\n  private _adBadgeConfiguration?: AdBadgeConfiguration | undefined;\n\n  private get eventEmitter(): NativeEventEmitter {\n    return FireworkSDKModuleEventEmitter;\n  }\n\n  /**\n   * Get VideoShopping object.\n   */\n  public get shopping(): VideoShopping {\n    return VideoShopping.getInstance();\n  }\n\n  /**\n   * Get LiveStream object.\n   */\n  public get liveStream(): LiveStream {\n    return LiveStream.getInstance();\n  }\n\n  /**\n   * Get FWNavigator object.\n   */\n  public get navigator(): FWNavigator {\n    return FWNavigator.getInstance();\n  }\n\n  /**\n   * Get global single instance of FireworkSDK class.\n   * @returns FireworkSDK\n   */\n  public static getInstance() {\n    if (!FireworkSDK._instance) {\n      FireworkSDK._instance = new FireworkSDK();\n    }\n\n    return FireworkSDK._instance!;\n  }\n\n  private constructor() {\n    this.eventEmitter.addListener(FWEventName.SDKInit, (event) => {\n      FWLoggerUtil.log(`Receive SDKInit event ${event?.error}`);\n\n      if (this.onSDKInit) {\n        this.onSDKInit(event ?? {});\n      }\n    });\n\n    this.eventEmitter.addListener(FWEventName.LogMessage, (event) => {\n      FWLoggerUtil.logNativeMessage(event.message);\n    });\n\n    this.eventEmitter.addListener(FWEventName.CustomCTAClick, (event) => {\n      FWLoggerUtil.log(`Receive CustomCTAClick url ${event?.url}`);\n\n      if (this.onCustomCTAClick) {\n        this.onCustomCTAClick(event ?? {});\n      }\n    });\n\n    this.eventEmitter.addListener(FWEventName.VideoPlayback, (event) => {\n      FWLoggerUtil.log(`Receive VideoPlayback event ${event?.eventName}`);\n\n      if (this.onVideoPlayback) {\n        this.onVideoPlayback(event ?? {});\n      }\n    });\n\n    this.eventEmitter.addListener(FWEventName.VideoFeedClick, (event) => {\n      FWLoggerUtil.log(`Receive VideoFeedClick event ${event?.info.id}`);\n\n      if (this.onVideoFeedClick) {\n        this.onVideoFeedClick(event ?? {});\n      }\n    });\n  }\n\n  /**\n   * Initializes Firework SDK.\n   * @param {string?} userId An id to uniquely identify device or user.\n   */\n  public init(userId?: string) {\n    FireworkSDKModule.init(userId);\n    ShoppingModule.init();\n    LiveStreamModule.init();\n  }\n\n  /**\n   * Open Video URL.\n   * @param {string} url\n   * @param {VideoPlayerConfiguration} config\n   */\n  public openVideoPlayer(url: string, config?: VideoPlayerConfiguration) {\n    FireworkSDKModule.openVideoPlayer(url, config ?? {});\n  }\n}\n\nexport default FireworkSDK;\n"]}

package/lib/commonjs/components/CustomCTALinkContentContainer.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _FWLoggerUtil = _interopRequireDefault(require("../utils/FWLoggerUtil"));
+
+var _FireworkSDK = _interopRequireDefault(require("../FireworkSDK"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const CustomCTALinkContentContainer = _ref => {
+  let {
+    url = ''
+  } = _ref;
+
+  _FWLoggerUtil.default.log(`CustomCTALinkContentContainer url: ${url}`);
+
+  const customCTALinkContentRender = _FireworkSDK.default.getInstance().customCTALinkContentRender;
+
+  let content = customCTALinkContentRender === null || customCTALinkContentRender === void 0 ? void 0 : customCTALinkContentRender({
+    url
+  });
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, content);
+};
+
+var _default = CustomCTALinkContentContainer;
+exports.default = _default;
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=CustomCTALinkContentContainer.js.map

package/lib/commonjs/components/CustomCTALinkContentContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CustomCTALinkContentContainer.tsx"],"names":["CustomCTALinkContentContainer","url","FWLoggerUtil","log","customCTALinkContentRender","FireworkSDK","getInstance","content","styles","container","StyleSheet","create","flex"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAEA;;;;AAMA,MAAMA,6BAA6B,GAAG,QAEK;AAAA,MAFJ;AACrCC,IAAAA,GAAG,GAAG;AAD+B,GAEI;;AACzCC,wBAAaC,GAAb,CAAkB,sCAAqCF,GAAI,EAA3D;;AACA,QAAMG,0BAA0B,GAC9BC,qBAAYC,WAAZ,GAA0BF,0BAD5B;;AAEA,MAAIG,OAAO,GAAGH,0BAAH,aAAGA,0BAAH,uBAAGA,0BAA0B,CAAG;AAAEH,IAAAA;AAAF,GAAH,CAAxC;AACA,sBAAO,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEO,MAAM,CAACC;AAApB,KAAgCF,OAAhC,CAAP;AACD,CARD;;eAUeP,6B;;;AAEf,MAAMQ,MAAM,GAAGE,wBAAWC,MAAX,CAAkB;AAC/BF,EAAAA,SAAS,EAAE;AACTG,IAAAA,IAAI,EAAE;AADG;AADoB,CAAlB,CAAf","sourcesContent":["import React from 'react';\n\nimport { StyleSheet, View } from 'react-native';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\n\nimport FireworkSDK from '../FireworkSDK';\n\nexport interface ICustomCTALinkContentContainerProps {\n  url?: string;\n}\n\nconst CustomCTALinkContentContainer = ({\n  url = '',\n}: ICustomCTALinkContentContainerProps) => {\n  FWLoggerUtil.log(`CustomCTALinkContentContainer url: ${url}`);\n  const customCTALinkContentRender =\n    FireworkSDK.getInstance().customCTALinkContentRender;\n  let content = customCTALinkContentRender?.({ url });\n  return <View style={styles.container}>{content}</View>;\n};\n\nexport default CustomCTALinkContentContainer;\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n});\n"]}

package/lib/commonjs/components/NavigationContainer.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _FWNavigator = _interopRequireDefault(require("../FWNavigator"));
+
+var _FWLoggerUtil = _interopRequireDefault(require("../utils/FWLoggerUtil"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const NavigationContainer = _ref => {
+  let {
+    callbackId
+  } = _ref;
+
+  _FWLoggerUtil.default.log('Render NavigationContainer');
+
+  const page = _FWNavigator.default.getInstance().navigatorPages.get(callbackId !== null && callbackId !== void 0 ? callbackId : '');
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, page);
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+
+var _default = NavigationContainer;
+exports.default = _default;
+//# sourceMappingURL=NavigationContainer.js.map

package/lib/commonjs/components/NavigationContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NavigationContainer.tsx"],"names":["NavigationContainer","callbackId","FWLoggerUtil","log","page","FWNavigator","getInstance","navigatorPages","get","styles","container","StyleSheet","create","flex"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AACA;;;;AAMA,MAAMA,mBAAmB,GAAG,QAA+C;AAAA,MAA9C;AAAEC,IAAAA;AAAF,GAA8C;;AACzEC,wBAAaC,GAAb,CAAiB,4BAAjB;;AACA,QAAMC,IAAI,GAAGC,qBAAYC,WAAZ,GAA0BC,cAA1B,CAAyCC,GAAzC,CAA6CP,UAA7C,aAA6CA,UAA7C,cAA6CA,UAA7C,GAA2D,EAA3D,CAAb;;AACA,sBAAO,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEQ,MAAM,CAACC;AAApB,KAAgCN,IAAhC,CAAP;AACD,CAJD;;AAMA,MAAMK,MAAM,GAAGE,wBAAWC,MAAX,CAAkB;AAC/BF,EAAAA,SAAS,EAAE;AACTG,IAAAA,IAAI,EAAE;AADG;AADoB,CAAlB,CAAf;;eAMeb,mB","sourcesContent":["import React from 'react';\n\nimport { StyleSheet, View } from 'react-native';\n\nimport FWNavigator from '../FWNavigator';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\n\nexport interface INavigationContainerProps {\n  callbackId?: string;\n}\n\nconst NavigationContainer = ({ callbackId }: INavigationContainerProps) => {\n  FWLoggerUtil.log('Render NavigationContainer');\n  const page = FWNavigator.getInstance().navigatorPages.get(callbackId ?? '');\n  return <View style={styles.container}>{page}</View>;\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n});\n\nexport default NavigationContainer;\n"]}

package/lib/commonjs/components/VideoFeed.js

@@ -80,7 +80,7 @@ class VideoFeed extends _react.default.Component {
   }
 
   render() {
-    var _videoFeedConfigurati, _videoFeedConfigurati2, _videoFeedConfigurati3, _FireworkSDK$getInsta, _FireworkSDK$getInsta2, _adBadgeConfiguration, _adBadgeConfiguration2, _adBadgeConfiguration3;
+    var _videoFeedConfigurati, _videoFeedConfigurati2, _videoFeedConfigurati3, _videoFeedConfigurati4, _FireworkSDK$getInsta, _FireworkSDK$getInsta2, _adBadgeConfiguration, _adBadgeConfiguration2, _adBadgeConfiguration3;
 
     const {
       source,
@@ -92,6 +92,7 @@ class VideoFeed extends _react.default.Component {
     } = this.props;
     const titleHidden = (_videoFeedConfigurati = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : (_videoFeedConfigurati2 = videoFeedConfiguration.title) === null || _videoFeedConfigurati2 === void 0 ? void 0 : _videoFeedConfigurati2.hidden) !== null && _videoFeedConfigurati !== void 0 ? _videoFeedConfigurati : false;
     const titlePosition = (_videoFeedConfigurati3 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : videoFeedConfiguration.titlePosition) !== null && _videoFeedConfigurati3 !== void 0 ? _videoFeedConfigurati3 : 'nested';
+    const customLayoutName = (_videoFeedConfigurati4 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : videoFeedConfiguration.customLayoutName) !== null && _videoFeedConfigurati4 !== void 0 ? _videoFeedConfigurati4 : '';
     const shareBaseURL = (_FireworkSDK$getInsta = _FireworkSDK.default.getInstance().shareBaseURL) !== null && _FireworkSDK$getInsta !== void 0 ? _FireworkSDK$getInsta : '';
     const adBadgeConfiguration = (_FireworkSDK$getInsta2 = _FireworkSDK.default.getInstance().adBadgeConfiguration) !== null && _FireworkSDK$getInsta2 !== void 0 ? _FireworkSDK$getInsta2 : {};
     const adBadgeTextType = (_adBadgeConfiguration = adBadgeConfiguration.badgeTextType) !== null && _adBadgeConfiguration !== void 0 ? _adBadgeConfiguration : '';
@@ -107,6 +108,7 @@ class VideoFeed extends _react.default.Component {
     key += `_mode:${mode}`;
     key += `_titleHidden:${titleHidden}`;
     key += `_titlePosition:${titlePosition}`;
+    key += `_customLayoutName:${customLayoutName}`;
     key += `_shareBaseURL:${shareBaseURL}`;
     key += `_adBadgeTextType:${adBadgeTextType}`;
     key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;