react-native-firework-sdk 2.14.2 → 2.15.0

package/android/gradle.properties

@@ -6,4 +6,4 @@ FireworkSDK_minSdkVersion=21
 FireworkSDK_compileSdkVersion=33
 FireworkSDK_targetSdkVersion=33
 FireworkSDK_fwPlayerLaunchMode=singleTask
-FireworkSDK_fwNativeVersion=6.13.1
+FireworkSDK_fwNativeVersion=6.16.5

package/android/src/main/java/com/fireworksdk/bridge/components/storyblock/StoryBlockFragment.kt

@@ -17,6 +17,7 @@ import com.firework.error.FwErrorListener
 import com.firework.storyblock.FeedLoadListener
 import com.firework.storyblock.FeedLoadState
 import com.firework.storyblock.FwStoryBlockView
+import com.firework.storyblock.StoryBlockShoppingOverlayListener
 import com.fireworksdk.bridge.components.base.FWBaseFragment
 import com.fireworksdk.bridge.components.base.FWLoading
 import com.fireworksdk.bridge.databinding.FwBridgeStoryBlockBinding
@@ -37,6 +38,7 @@ class StoryBlockFragment : FWBaseFragment() {
 
   private var feedLoadListener: FeedLoadListener? = null
   private var errorListener: FwErrorListener? = null
+  private var shoppingOverlayStateListener: StoryBlockShoppingOverlayListener? = null
   private var videoFeedPropsModel: FWVideoFeedPropsModel? = null
 
   private var isStoryBlockInitializer = false
@@ -116,10 +118,10 @@ class StoryBlockFragment : FWBaseFragment() {
     val viewOptionsBuilder = FWConfigUtil.generateViewOptionsBuilder(context, videoFeedPropsModel)
 
     fwStoryBlockView?.init(
-      childFragmentManager,
-      viewLifecycleOwner,
-      viewOptionsBuilder.build(),
-      FWGlobalDataUtil.pauseWhenNotVisible
+      fragmentManager = childFragmentManager,
+      lifecycleOwner = viewLifecycleOwner,
+      viewOptions = viewOptionsBuilder.build(),
+      pauseWhenNotVisible = FWGlobalDataUtil.pauseWhenNotVisible,
     )
     isStoryBlockInitializer = true
 
@@ -130,6 +132,7 @@ class StoryBlockFragment : FWBaseFragment() {
     // must call it after init()
     setFeedLoadListener(feedLoadListener)
     setOnErrorListener(errorListener)
+    setShoppingOverlayListener(shoppingOverlayStateListener)
   }
 
   // may be called before onCreateView
@@ -166,6 +169,13 @@ class StoryBlockFragment : FWBaseFragment() {
     }
   }
 
+  fun setShoppingOverlayListener(shoppingOverlayStateListener: StoryBlockShoppingOverlayListener?) {
+    this.shoppingOverlayStateListener = shoppingOverlayStateListener
+    if (isStoryBlockInitializer) {
+      fwStoryBlockView?.setShoppingOverlayListener(shoppingOverlayStateListener)
+    }
+  }
+
   fun play() {
     fwStoryBlockView?.play()
   }

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

@@ -0,0 +1,27 @@
+package com.fireworksdk.bridge.models
+
+import org.json.JSONObject
+
+object FWActionButtonDeserializer {
+
+  private const val BACKGROUND_COLOR = "backgroundColor"
+  private const val TEXT_COLOR = "textColor"
+  private const val SHAPE = "shape"
+  private const val DIVIDING_LINE_COLOR = "dividingLineColor"
+
+  fun deserialize(responseJson: JSONObject?): FWActionButtonModel? {
+    responseJson ?: return null
+
+    val backgroundColor = if (responseJson.has(BACKGROUND_COLOR)) responseJson.optString(BACKGROUND_COLOR) else null
+    val textColor = if (responseJson.has(TEXT_COLOR)) responseJson.optString(TEXT_COLOR) else null
+    val dividingLineColor = if (responseJson.has(DIVIDING_LINE_COLOR)) responseJson.optString(DIVIDING_LINE_COLOR) else null
+    val shape = if (responseJson.has(SHAPE)) responseJson.optString(SHAPE) else null
+
+    return FWActionButtonModel(
+      backgroundColor = backgroundColor,
+      textColor = textColor,
+      dividingLineColor = dividingLineColor,
+      shape = if (!shape.isNullOrBlank()) FWShape.deserialize(shape) else null,
+    )
+  }
+}

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

@@ -0,0 +1,8 @@
+package com.fireworksdk.bridge.models
+
+data class FWActionButtonModel(
+  val backgroundColor: String? = null,
+  val textColor: String? = null,
+  val dividingLineColor: String? = null,
+  val shape: FWShape? = null,
+)

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

@@ -0,0 +1,21 @@
+package com.fireworksdk.bridge.models
+
+import org.json.JSONObject
+
+object FWActionButtonSerializer {
+
+  private const val BACKGROUND_COLOR = "backgroundColor"
+  private const val TEXT_COLOR = "textColor"
+  private const val SHAPE = "shape"
+  private const val DIVIDING_LINE_COLOR = "dividingLineColor"
+
+  fun serialize(model: FWActionButtonModel?): JSONObject? {
+    model ?: return null
+    val jsonObject = JSONObject()
+    jsonObject.put(BACKGROUND_COLOR, model.backgroundColor)
+    jsonObject.put(TEXT_COLOR, model.textColor)
+    jsonObject.put(SHAPE, FWShape.serialize(model.shape))
+    jsonObject.put(DIVIDING_LINE_COLOR, model.dividingLineColor)
+    return jsonObject
+  }
+}

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

@@ -3,4 +3,6 @@ package com.fireworksdk.bridge.models
 data class FWLiveStreamEventDetailsModel(
   val id: String? = null,
   val feedId: String? = null,
+  val videoType: String? = null,
+  val liveStreamStatus: String? = null
 )

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

@@ -6,6 +6,7 @@ object FWPlayerButtonConfigurationDeserializer {
 
   private const val VIDEO_DETAIL_BUTTON_KEY = "videoDetailButton"
   private const val CLOSE_BUTTON_KEY = "closeButton"
+  private const val PIP_BUTTON_KEY = "pipButton"
   private const val MUTE_BUTTON_KEY = "muteButton"
   private const val UNMUTE_BUTTON_KEY = "unmuteButton"
   private const val PLAY_BUTTON_KEY = "playButton"
@@ -16,6 +17,7 @@ object FWPlayerButtonConfigurationDeserializer {
 
     val videoDetailButtonJsonObject = responseJson.optJSONObject(VIDEO_DETAIL_BUTTON_KEY)
     val closeButtonJsonObject = responseJson.optJSONObject(CLOSE_BUTTON_KEY)
+    val pipButtonJsonObject = responseJson.optJSONObject(PIP_BUTTON_KEY)
     val muteButtonJsonObject = responseJson.optJSONObject(MUTE_BUTTON_KEY)
     val unmuteButtonJsonObject = responseJson.optJSONObject(UNMUTE_BUTTON_KEY)
     val playButtonJsonObject = responseJson.optJSONObject(PLAY_BUTTON_KEY)
@@ -24,6 +26,7 @@ object FWPlayerButtonConfigurationDeserializer {
     return FWPlayerButtonConfigurationModel(
       videoDetailButton = FWButtonInfoDeserializer.deserialize(videoDetailButtonJsonObject),
       closeButton = FWButtonInfoDeserializer.deserialize(closeButtonJsonObject),
+      pipButton = FWButtonInfoDeserializer.deserialize(pipButtonJsonObject),
       muteButton = FWButtonInfoDeserializer.deserialize(muteButtonJsonObject),
       unmuteButton = FWButtonInfoDeserializer.deserialize(unmuteButtonJsonObject),
       playButton = FWButtonInfoDeserializer.deserialize(playButtonJsonObject),

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

@@ -3,6 +3,7 @@ package com.fireworksdk.bridge.models
 data class FWPlayerButtonConfigurationModel(
   val videoDetailButton: FWButtonInfoModel? = null,
   val closeButton: FWButtonInfoModel? = null,
+  val pipButton: FWButtonInfoModel? = null,
   val muteButton: FWButtonInfoModel? = null,
   val unmuteButton: FWButtonInfoModel? = null,
   val playButton: FWButtonInfoModel? = null,

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

@@ -6,6 +6,7 @@ object FWPlayerButtonConfigurationSerializer {
 
   private const val VIDEO_DETAIL_BUTTON_KEY = "videoDetailButton"
   private const val CLOSE_BUTTON_KEY = "closeButton"
+  private const val PIP_BUTTON_KEY = "pipButton"
   private const val MUTE_BUTTON_KEY = "muteButton"
   private const val UNMUTE_BUTTON_KEY = "unmuteButton"
   private const val PLAY_BUTTON_KEY = "playButton"
@@ -16,6 +17,7 @@ object FWPlayerButtonConfigurationSerializer {
     val jsonObject = JSONObject()
     jsonObject.put(VIDEO_DETAIL_BUTTON_KEY, FWButtonInfoSerializer.serialize(model.videoDetailButton))
     jsonObject.put(CLOSE_BUTTON_KEY, FWButtonInfoSerializer.serialize(model.closeButton))
+    jsonObject.put(PIP_BUTTON_KEY, FWButtonInfoSerializer.serialize(model.pipButton))
     jsonObject.put(MUTE_BUTTON_KEY, FWButtonInfoSerializer.serialize(model.muteButton))
     jsonObject.put(UNMUTE_BUTTON_KEY, FWButtonInfoSerializer.serialize(model.unmuteButton))
     jsonObject.put(PLAY_BUTTON_KEY, FWButtonInfoSerializer.serialize(model.playButton))

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

@@ -0,0 +1,18 @@
+package com.fireworksdk.bridge.models
+
+enum class FWShape(val rawValue: String) {
+  ROUND_RECTANGLE("roundRectangle"),
+  OVAL("oval");
+
+  companion object {
+    fun deserialize(rawValue: String?): FWShape? {
+      rawValue ?: return null
+      return FWShape.values().first { it.rawValue == rawValue }
+    }
+
+    fun serialize(model: FWShape?): String? {
+      model ?: return null
+      return model.rawValue
+    }
+  }
+}

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

@@ -10,5 +10,7 @@ data class FWVideoFeedItemDetailsModel(
   val playlistGroup: String?,
   val playlist: String?,
   val channel: String?,
+  val videoType: String?,
+  val liveStreamStatus: String?,
   val dynamicContentParameters: Map<String, List<String>>?,
 )

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

@@ -17,4 +17,6 @@ data class FWVideoPlaybackDetails(
   val actionUrl: String? = null,
   val label: String? = null,
   val feedId: String? = null,
+  val videoType: String? = null,
+  val liveStreamStatus: String? = null
 )

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

@@ -22,12 +22,18 @@ data class FWVideoPlayerConfigModel(
   val buttonConfiguration: FWPlayerButtonConfigurationModel? = null,
   val videoPlayerLogoConfiguration: FWVideoPlayerLogoConfigurationModel? = null,
   val countdownTimerConfiguration: FWCountdownTimerConfigurationModel? = null,
+  val actionButtonStyle: FWActionButtonModel? = null,
+  val cancelButtonStyle: FWActionButtonModel? = null,
+  val showFullScreenIcon: Boolean? = null,
+  val enableAutoPlay: Boolean? = null,
+  val enableAutoPause: Boolean? = null,
 ) {
 
   data class FWCtaButtonStyleModel(
     val backgroundColor: String? = null,
     val fontSize: Int? = null,
     val textColor: String? = null,
+    val shape: FWShape? = null,
   )
 
   data class FWCtaDelayModel(

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

@@ -24,14 +24,21 @@ object FWVideoPlayerConfigModelDeserializer {
   private const val BUTTON_CONFIGURATION_KEY = "buttonConfiguration"
   private const val VIDEO_PLAYER_LOGO_CONFIGURATION_KEY = "videoPlayerLogoConfiguration"
   private const val COUNT_DOWN_TIMER_CONFIGURATION_KEY = "countdownTimerConfiguration"
+  private const val ACTION_BUTTON_STYLE_KEY = "actionButtonStyle"
+  private const val CANCEL_BUTTON_STYLE_KEY = "cancelButtonStyle"
 
   private const val BACKGROUND_COLOR_KEY = "backgroundColor"
   private const val FONT_SIZE_KEY = "fontSize"
   private const val TEXT_COLOR_KEY = "textColor"
+  private const val SHAPE_KEY = "shape"
 
   private const val TYPE_KEY = "type"
   private const val VALUE_KEY = "value"
 
+  private const val SHOW_FULL_SCREEN_ICON = "enableFullScreen"
+  private const val ENABLE_AUTOPLAY = "enableAutoplay"
+  private const val ENABLE_AUTOPAUSE = "enableAutopause"
+
   fun deserialize(responseJson: JSONObject?): FWVideoPlayerConfigModel? {
     responseJson ?: return null
 
@@ -51,6 +58,14 @@ object FWVideoPlayerConfigModelDeserializer {
     val buttonConfigurationJsonObject = responseJson.optJSONObject(BUTTON_CONFIGURATION_KEY)
     val videoPlayerLogoConfigurationJsonObject = responseJson.optJSONObject(VIDEO_PLAYER_LOGO_CONFIGURATION_KEY)
     val countdownTimerConfigurationJsonObject = responseJson.optJSONObject(COUNT_DOWN_TIMER_CONFIGURATION_KEY)
+    val actionButtonStyleJsonObject = responseJson.optJSONObject(ACTION_BUTTON_STYLE_KEY)
+    val cancelButtonStyleJsonObject = responseJson.optJSONObject(CANCEL_BUTTON_STYLE_KEY)
+    val showFullScreenIcon =
+      if (responseJson.has(SHOW_FULL_SCREEN_ICON)) responseJson.optBoolean(SHOW_FULL_SCREEN_ICON) else null
+    val enableAutoPlay =
+      if (responseJson.has(ENABLE_AUTOPLAY)) responseJson.optBoolean(ENABLE_AUTOPLAY) else null
+    val enableAutoPause =
+      if (responseJson.has(ENABLE_AUTOPAUSE)) responseJson.optBoolean(ENABLE_AUTOPAUSE) else null
 
     return FWVideoPlayerConfigModel(
       playerStyle = if (!playerStyle.isNullOrBlank()) FWPlayerStyle.deserialize(playerStyle) else null,
@@ -69,6 +84,11 @@ object FWVideoPlayerConfigModelDeserializer {
       buttonConfiguration = FWPlayerButtonConfigurationDeserializer.deserialize(buttonConfigurationJsonObject),
       videoPlayerLogoConfiguration = FWVideoPlayerLogoConfigurationModelDeserializer.deserialize(videoPlayerLogoConfigurationJsonObject),
       countdownTimerConfiguration = FWCountdownTimerConfigurationModelDeserializer.deserialize(countdownTimerConfigurationJsonObject),
+      actionButtonStyle = FWActionButtonDeserializer.deserialize(actionButtonStyleJsonObject),
+      cancelButtonStyle = FWActionButtonDeserializer.deserialize(cancelButtonStyleJsonObject),
+      showFullScreenIcon = showFullScreenIcon,
+      enableAutoPlay = enableAutoPlay,
+      enableAutoPause = enableAutoPause
     )
   }
 
@@ -78,11 +98,13 @@ object FWVideoPlayerConfigModelDeserializer {
     val backgroundColor = if (ctaButtonStyleJson.has(BACKGROUND_COLOR_KEY)) ctaButtonStyleJson.optString(BACKGROUND_COLOR_KEY) else null
     val fontSize = if (ctaButtonStyleJson.has(FONT_SIZE_KEY)) ctaButtonStyleJson.optInt(FONT_SIZE_KEY) else null
     val textColor = if (ctaButtonStyleJson.has(TEXT_COLOR_KEY)) ctaButtonStyleJson.optString(TEXT_COLOR_KEY) else null
+    val shape = if (ctaButtonStyleJson.has(SHAPE_KEY)) ctaButtonStyleJson.optString(SHAPE_KEY) else null
 
     return FWVideoPlayerConfigModel.FWCtaButtonStyleModel(
       backgroundColor = backgroundColor,
       fontSize = fontSize,
-      textColor = textColor
+      textColor = textColor,
+      shape = if (!shape.isNullOrBlank()) FWShape.deserialize(shape) else null,
     )
   }
 

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

@@ -24,14 +24,22 @@ object FWVideoPlayerConfigModelSerializer {
   private const val BUTTON_CONFIGURATION_KEY = "buttonConfiguration"
   private const val VIDEO_PLAYER_LOGO_CONFIGURATION_KEY = "videoPlayerLogoConfiguration"
   private const val COUNT_DOWN_TIMER_CONFIGURATION_KEY = "countdownTimerConfiguration"
+  private const val ACTION_BUTTON_STYLE_KEY = "actionButtonStyle"
+  private const val CANCEL_BUTTON_STYLE_KEY = "cancelButtonStyle"
 
   private const val BACKGROUND_COLOR_KEY = "backgroundColor"
   private const val FONT_SIZE_KEY = "fontSize"
   private const val TEXT_COLOR_KEY = "textColor"
+  private const val SHAPE_KEY = "shape"
 
   private const val TYPE_KEY = "type"
   private const val VALUE_KEY = "value"
 
+  private const val SHOW_FULL_SCREEN_ICON = "enableFullScreen"
+  private const val ENABLE_AUTOPLAY = "enableAutoplay"
+  private const val ENABLE_AUTOPAUSE = "enableAutopause"
+
+
   fun serialize(model: FWVideoPlayerConfigModel?): JSONObject? {
     model ?: return null
     val jsonObject = JSONObject()
@@ -51,6 +59,11 @@ object FWVideoPlayerConfigModelSerializer {
     jsonObject.put(BUTTON_CONFIGURATION_KEY, FWPlayerButtonConfigurationSerializer.serialize(model.buttonConfiguration))
     jsonObject.put(VIDEO_PLAYER_LOGO_CONFIGURATION_KEY, FWVideoPlayerLogoConfigurationModelSerializer.serialize(model.videoPlayerLogoConfiguration))
     jsonObject.put(COUNT_DOWN_TIMER_CONFIGURATION_KEY, FWCountdownTimerConfigurationModelSerializer.serialize(model.countdownTimerConfiguration))
+    jsonObject.put(ACTION_BUTTON_STYLE_KEY, FWActionButtonSerializer.serialize(model.actionButtonStyle))
+    jsonObject.put(CANCEL_BUTTON_STYLE_KEY, FWActionButtonSerializer.serialize(model.cancelButtonStyle))
+    jsonObject.put(SHOW_FULL_SCREEN_ICON, model.showFullScreenIcon)
+    jsonObject.put(ENABLE_AUTOPLAY, model.enableAutoPlay)
+    jsonObject.put(ENABLE_AUTOPAUSE, model.enableAutoPause)
     return jsonObject
   }
 
@@ -60,6 +73,7 @@ object FWVideoPlayerConfigModelSerializer {
     jsonObject.put(BACKGROUND_COLOR_KEY, model.backgroundColor)
     jsonObject.put(FONT_SIZE_KEY, model.fontSize)
     jsonObject.put(TEXT_COLOR_KEY, model.textColor)
+    jsonObject.put(SHAPE_KEY, FWShape.serialize(model.shape))
     return jsonObject
   }
 

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

@@ -7,7 +7,8 @@ enum class FWEventName(val rawValue: String) {
   VideoFeedClick("fw:video-feed-click"),
   LiveStream("fw:livestream"),
   LiveStreamChat("fw:livestream-chat"),
-  LogMessage("fw:log-message")
+  LogMessage("fw:log-message"),
+  CustomShareURL("fw:custom-share-url")
 }
 
 enum class FWSDKInitSubEventName(val rawValue: String) {
@@ -57,4 +58,5 @@ enum class FWStoryBlockEventName(val rawValue: String) {
   StoryBlockEmpty("onStoryBlockEmpty"),
   StoryBlockFullScreenStateChanged("onStoryBlockFullScreenStateChanged"),
   StoryBlockGetFeedId("onStoryBlockGetFeedId"),
+  StoryBlockPdpVisibilityChange("onStoryBlockPdpVisibilityChange"),
 }

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

@@ -0,0 +1,6 @@
+package com.fireworksdk.bridge.models.enums
+
+enum class FWLivestreamPlayerVersion(val rawValue: String) {
+  V1("v1"),
+  V2("v2"),
+}

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

@@ -22,6 +22,8 @@ import com.fireworksdk.bridge.models.enums.FWVideoFeedMode
 import com.fireworksdk.bridge.models.enums.FWVideoFeedSource
 import com.fireworksdk.bridge.reactnative.utils.FWEventUtils
 import com.fireworksdk.bridge.utils.FWLogUtils
+import com.fireworksdk.bridge.utils.FWModelUtils.internalLiveStreamStatus
+import com.fireworksdk.bridge.utils.FWModelUtils.internalVideoType
 import org.json.JSONObject
 
 
@@ -178,6 +180,8 @@ class FWVideoFeedManager : SimpleViewManager<FWVideoFeed>() {
         videoFeed.videoFeedPropsModel.playlistGroup,
         videoFeed.videoFeedPropsModel.playlist,
         videoFeed.videoFeedPropsModel.channel,
+        feedItem.videoInfo.internalVideoType,
+        feedItem.videoInfo.internalLiveStreamStatus,
         videoFeed.videoFeedPropsModel.dynamicContentParameters
       )
       FWEventUtils.sendVideoFeedClickEvent(reactContext, fwVideoFeedItemDetailsModel)

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

@@ -16,4 +16,5 @@ interface FireworkSDKInterface {
   fun restart(promise: Promise)
   fun trackPurchase(config: ReadableMap?, promise: Promise)
   fun setDataTrackingLevel(level: String?, promise: Promise)
+  fun setLivestreamPlayerDesignVersion(version: String?, promise: Promise)
 }

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

@@ -280,7 +280,7 @@ class FWVideoShoppingModule(
       }
     })
 
-    FireworkSdk.shopping.setOnCtaButtonClicked { productId, unitId, productWebUrl, videoInfo ->
+    FireworkSdk.shopping.setOnCtaButtonClicked { productId, unitId, productWebUrl, videoInfo, product ->
       FWLogUtils.d { "FWVideoShoppingModule updateCart, productId: $productId, unitId: $unitId" }
 
       FireworkSdk.shopping.setCtaButtonStatus(Shopping.CtaButtonStatus.Loading)
@@ -321,7 +321,7 @@ class FWVideoShoppingModule(
       }
     })
 
-    FireworkSdk.shopping.setOnProductLinkClickListener { productId, unitId, productWebUrl, videoInfo ->
+    FireworkSdk.shopping.setOnProductLinkClickListener { productId, unitId, productWebUrl, videoInfo, product ->
       if (FWGlobalDataUtil.customClickLinkButtonEnabled) {
         val videoPlaybackDetails = FWModelUtils.convertVideoInfo2PlaybackDetails(videoInfo)
 
@@ -363,7 +363,7 @@ class FWVideoShoppingModule(
   }
 
   private fun productCardListener() {
-    FireworkSdk.shopping.setOnProductCardClickListener { productId, unitId, productWebUrl, videoInfo ->
+    FireworkSdk.shopping.setOnProductCardClickListener { productId, unitId, productWebUrl, videoInfo, product ->
       FWLogUtils.d { "FWVideoShoppingModule productCardClick $productId $unitId $productWebUrl" }
       val videoPlaybackDetails = FWModelUtils.convertVideoInfo2PlaybackDetails(videoInfo)
       if (isCustomProductCardEnabled) {

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

@@ -13,10 +13,12 @@ import com.firework.analyticsevents.player.PlayerLifecycleAnalyticsEvent
 import com.firework.analyticsevents.share.ShareButtonAnalyticsEvent
 import com.firework.bus.FwAnalyticCallable
 import com.firework.sdk.FireworkSdk
+import com.firework.sdk.FwLivestreamPlayerVersion
 import com.firework.sdk.FwTrackingLevel
 import com.fireworksdk.bridge.FWInitializationProvider
 import com.fireworksdk.bridge.models.*
 import com.fireworksdk.bridge.models.enums.FWDataTrackingLevel
+import com.fireworksdk.bridge.models.enums.FWLivestreamPlayerVersion
 import com.fireworksdk.bridge.models.enums.FWVideoPlaybackSubEventName
 import com.fireworksdk.bridge.reactnative.FWReactNativeSDK
 import com.fireworksdk.bridge.reactnative.models.FireworkSDKInterface
@@ -323,6 +325,18 @@ class FireworkSDKModule(
     promise.resolve(true)
   }
 
+  @ReactMethod
+  override fun setLivestreamPlayerDesignVersion(version: String?, promise: Promise) {
+    val playerVersion =
+      when (version) {
+        FWLivestreamPlayerVersion.V1.rawValue -> FwLivestreamPlayerVersion.V1
+        FWLivestreamPlayerVersion.V2.rawValue -> FwLivestreamPlayerVersion.V2
+        else -> FwLivestreamPlayerVersion.V1
+      }
+    FireworkSdk.setLivestreamPlayerVersion(playerVersion)
+    promise.resolve(true)
+  }
+
   @ReactMethod
   fun addListener(eventName: String?, promise: Promise) {
     // Set up any upstream listeners or background tasks as necessary