react-native-firework-sdk 1.7.1 → 2.0.0-beta.1

package/android/build.gradle

@@ -5,7 +5,7 @@ buildscript {
   repositories {
     google()
     mavenCentral()
-    maven { url "https://jitpack.io" }
+    mavenLocal()
   }
 
   dependencies {
@@ -28,10 +28,6 @@ def getExtOrIntegerDefault(name) {
   return rootProject.ext.has(name) ? rootProject.ext.get(name) : (project.properties['FireworkSDK_' + name]).toInteger()
 }
 
-//static def getTime() {
-//  return new Date().format("yyyyMMdd", TimeZone.getDefault());
-//}
-
 android {
   compileSdkVersion getExtOrIntegerDefault('compileSdkVersion')
   defaultConfig {
@@ -67,35 +63,20 @@ android {
     targetCompatibility JavaVersion.VERSION_1_8
   }
 
-// when set classpath("com.android.tools.build:gradle:4.2.2"), will show error:
-//   No such property: outputFactory for class: com.android.build.gradle.internal.variant.LibraryVariantData
-//   afterEvaluate {
-//     libraryVariants.all { variant ->
-//       variant.variantData.outputFactory.apkDataList.each { apkData ->
-//         def flavor = variant.mergedFlavor
-//         def name = flavor.getVersionName()
-//         def code = flavor.getVersionCode()
-//
-//         // project.name ->
-//         // buildType.name -> debug
-//         // apkData.outputFileName -> ${project.name}-${buildType.name}.aar
-//         if (variant.name == 'debug') {
-//           apkData.outputFileName = "fireworksdk_bridge" + "-" + variant.name + ".aar"
-// //          apkData.outputFileName = apkData.outputFileName.replace(".aar","-" + name + ".aar" )
-//         } else if (variant.name == 'release') {
-//           apkData.outputFileName = "fireworksdk_bridge" + "-" + variant.name + ".aar"
-// //          apkData.outputFileName = apkData.outputFileName.replace(".aar","-" + name + ".aar" )
-//         }
-//       }
-//     }
-//   }
-
 }
 
 repositories {
-  maven { url 'https://jitpack.io' }
   mavenCentral()
   google()
+  maven { url 'https://jitpack.io' }
+  mavenLocal()
+
+  maven {
+    setUrl("https://s01.oss.sonatype.org/content/repositories/snapshots/")
+    mavenContent {
+      snapshotsOnly()
+    }
+  }
 
   def found = false
   def defaultDir = null
@@ -166,24 +147,24 @@ repositories {
 def kotlin_version = getExtOrDefault('kotlinVersion')
 
 dependencies {
-
-  def firework_sdk_version = 'v5.14.14'
-  implementation "com.github.loopsocial:firework_sdk:$firework_sdk_version"
-
-  // noinspection GradleDynamicVersion
   api 'com.facebook.react:react-native:+'
   implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk8:$kotlin_version"
-  implementation 'androidx.constraintlayout:constraintlayout:2.0.4'
+
+
+  def fireworkSdkVersion = "6.0.0-RC.2"
+  implementation "com.firework:sdk:$fireworkSdkVersion"
+  implementation "com.firework.external.imageloading:glide:$fireworkSdkVersion"
+  implementation "com.firework.external.livestream:singleHostPlayer:$fireworkSdkVersion"
+  implementation "com.firework.external.livestream:multiHostPlayer:$fireworkSdkVersion"
+
+//  def fireworkSdkVersion = "unspecified"
+//  implementation "firework_sdk_v2:fireworkSdk:$fireworkSdkVersion"
+//  implementation "firework_sdk_v2.external:glideImageLoader:$fireworkSdkVersion"
+//  implementation "firework_sdk_v2.external:singleHostLivestreamPlayer:$fireworkSdkVersion"
+//  implementation "firework_sdk_v2.external:multiHostLivestreamPlayer:$fireworkSdkVersion"
+
   // required to avoid crash on Android 12 API 31
   implementation 'androidx.work:work-runtime-ktx:2.7.0'
-  // if RN is 0.66.4, you cannot use okhttp3 3.x versions
-  implementation 'com.squareup.okhttp3:okhttp:4.9.0'
-  implementation 'com.squareup.okhttp3:logging-interceptor:4.9.0'
-  // react-native 0.61.3
-  implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
-
-  implementation "com.google.code.gson:gson:2.9.0"
-  implementation 'androidx.localbroadcastmanager:localbroadcastmanager:1.0.0'
 }
 
 configurations.all {
@@ -192,3 +173,4 @@ configurations.all {
     force 'androidx.core:core:1.6.0'
   }
 }
+

package/android/src/main/AndroidManifest.xml

@@ -4,24 +4,24 @@
   <uses-permission android:name="android.permission.INTERNET" />
 
   <application>
-    <activity
-      android:name="com.loopnow.fireworklibrary.PlaybackActivity"
-      />
     <activity
       android:name="com.fireworksdk.bridge.reactnative.pages.FWContainerActivity"
-      android:theme="@style/Theme.AppCompat.Light.NoActionBar"
       />
+
     <provider
       android:authorities="${applicationId}.fwBridgeProvider"
       android:name="com.fireworksdk.bridge.FWInitializationProvider"
       android:exported="false"
       />
+
     <meta-data
       android:name="com.google.android.gms.ads.AD_MANAGER_APP"
       android:value="true" />
+
     <meta-data
       android:name="Firework:RecyclerViewRequestLayoutEnable"
       android:value="true" />
+
   </application>
 
 </manifest>

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

@@ -2,17 +2,11 @@ package com.fireworksdk.bridge.components.videofeed
 
 import android.content.Context
 import android.util.AttributeSet
-import android.util.Log
-import android.view.LayoutInflater
+import android.view.ViewGroup
 import android.widget.RelativeLayout
-import androidx.constraintlayout.widget.ConstraintLayout
-import com.loopnow.fireworklibrary.FeedType
-import com.loopnow.fireworklibrary.models.FeedLayout
-import com.loopnow.fireworklibrary.views.VideoFeedView
-import com.fireworksdk.bridge.R
+import com.firework.videofeed.FwVideoFeedView
 import com.fireworksdk.bridge.models.*
-import com.fireworksdk.bridge.utils.FWVideoPlayerUtils
-import com.loopnow.fireworklibrary.views.PlaylistGroupFeedView
+import com.fireworksdk.bridge.utils.FWConfigUtil
 
 
 class FWVideoFeed(
@@ -20,223 +14,83 @@ class FWVideoFeed(
   attrs: AttributeSet?
 ) : RelativeLayout(context, attrs) {
 
-  private var videoFeedViewContainer: ConstraintLayout? = null
-  var videoFeedView: VideoFeedView? = null
+  constructor(context: Context) : this(context, null)
 
-  private var playlistGroupFeedViewContainer: ConstraintLayout? = null
-  var playlistGroupFeedView: PlaylistGroupFeedView? = null
+  val videoFeedView = FwVideoFeedView(context)
+  var videoFeedPropsModel: FWVideoFeedPropsModel = FWVideoFeedPropsModel()
 
-  val videoFeedPropsModel: FWVideoFeedPropsModel by lazy { FWVideoFeedPropsModel() }
-  private var currentMode: String? = null
-  private var currentPlaylistGroupId: String? = null
+  init {
+    videoFeedView.layoutDirection = LAYOUT_DIRECTION_LOCALE
+    addView(videoFeedView, LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT))
+  }
 
-  constructor(context: Context) : this(context, null)
+  fun afterUpdateTransaction() {
+    val viewOptionsBuilder = FWConfigUtil.generateViewOptionsBuilder(videoFeedPropsModel)
+    videoFeedView.init(viewOptionsBuilder.build())
+  }
 
   fun setProps(props: FWVideoFeedPropsModel?) {
-    if (props != null) {
-      videoFeedPropsModel.source = props.source
-      videoFeedPropsModel.channel = props.channel
-      videoFeedPropsModel.playlist = props.playlist
-      videoFeedPropsModel.playlistGroup = props.playlistGroup
-      videoFeedPropsModel.mode = props.mode
-      videoFeedPropsModel.videoFeedConfiguration = props.videoFeedConfiguration
-      videoFeedPropsModel.videoPlayerConfiguration = props.videoPlayerConfiguration
-      videoFeedPropsModel.dynamicContentParameters = props.dynamicContentParameters
-    }
-    setData()
+    props ?: return
+    videoFeedPropsModel = props
+    afterUpdateTransaction()
   }
 
   fun setSourceProps(source: String?) {
-    videoFeedPropsModel.source = source
-    setData()
+    videoFeedPropsModel = videoFeedPropsModel.copy(
+      source = source
+    )
   }
 
   fun setChannelProps(channel: String?) {
-    videoFeedPropsModel.channel = channel
-    setData()
+    videoFeedPropsModel = videoFeedPropsModel.copy(
+      channel = channel
+    )
   }
 
   fun setPlaylistProps(playlist: String?) {
-    videoFeedPropsModel.playlist = playlist
-    setData()
+    videoFeedPropsModel = videoFeedPropsModel.copy(
+      playlist = playlist
+    )
   }
 
   fun setPlaylistGroupProps(playlistGroup: String?) {
-    videoFeedPropsModel.playlistGroup = playlistGroup
-    setData()
+    videoFeedPropsModel = videoFeedPropsModel.copy(
+      playlistGroup = playlistGroup
+    )
   }
 
   fun setModeProps(mode: String?) {
-    videoFeedPropsModel.mode = mode
-    setData()
+    videoFeedPropsModel = videoFeedPropsModel.copy(
+      mode = mode
+    )
+  }
+
+  fun setEnablePictureInPicture(enablePictureInPicture: Boolean?) {
+    videoFeedPropsModel = videoFeedPropsModel.copy(
+      enablePictureInPicture = enablePictureInPicture
+    )
   }
 
   fun setDynamicContentParametersProps(dynamicContentParameters: HashMap<String, List<String>>?) {
-    videoFeedPropsModel.dynamicContentParameters = dynamicContentParameters
-    setData()
+    videoFeedPropsModel = videoFeedPropsModel.copy(
+      dynamicContentParameters = dynamicContentParameters
+    )
   }
 
   fun setVideoFeedConfigProps(config: FWVideoFeedConfigModel?) {
-    videoFeedPropsModel.videoFeedConfiguration = config
-    setData()
+    videoFeedPropsModel = videoFeedPropsModel.copy(
+      videoFeedConfiguration = config
+    )
   }
 
   fun setVideoPlayerConfigProps(config: FWVideoPlayerConfigModel?) {
-    videoFeedPropsModel.videoPlayerConfiguration = config
-    setData()
+    videoFeedPropsModel = videoFeedPropsModel.copy(
+      videoPlayerConfiguration = config
+    )
   }
 
   fun refresh() {
-    videoFeedView?.refreshFeed()
-    playlistGroupFeedView?.refresh()
-  }
-
-  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
-    val videoFeedConfiguration = videoFeedPropsModel.videoFeedConfiguration
-    val videoPlayerConfiguration = videoFeedPropsModel.videoPlayerConfiguration
-
-    if (source.isNullOrBlank()) {
-      return
-    }
-    when (source) {
-      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, null, videoFeedConfiguration, videoPlayerConfiguration)
-      }
-      FWVideoFeedSource.Channel.rawValue -> {
-        setFeed(mode, channel, null, FeedType.CHANNEL, null, videoFeedConfiguration, videoPlayerConfiguration)
-      }
-      else -> {
-        setFeed(mode, null, null, FeedType.DISCOVER, null, videoFeedConfiguration, videoPlayerConfiguration)
-      }
-    }
-  }
-
-  private fun setFeed(
-    mode: String?,
-    channelId: String?, playlistId: String?, feedType: FeedType?,
-    dynamicContentParameters: HashMap<String, List<String>>?,
-    videoFeedConfiguration: FWVideoFeedConfigModel?,
-    videoPlayerConfiguration: FWVideoPlayerConfigModel?,
-  ) {
-    // add view
-    addVideoFeedView()
-
-    // set layout
-    val feedLayout = when {
-      mode.equals(FWVideoFeedModel.Column.rawValue) -> FeedLayout.VERTICAL
-      mode.equals(FWVideoFeedModel.Grid.rawValue) -> FeedLayout.GRID
-      else -> FeedLayout.HORIZONTAL
-    }
-    if (mode.isNullOrBlank() || mode != currentMode) {
-      videoFeedView?.setLayout(feedLayout)
-      currentMode = mode
-    }
-
-    // set channel playlistId feedType
-    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)
-    } else {
-      videoFeedView?.setFeed(null, null, FeedType.DISCOVER)
-    }
-
-    // set Feed Configuration
-    FWVideoPlayerUtils.setVideoFeedConfig(context, videoFeedView, videoFeedConfiguration)
-    // set Player Configuration
-    FWVideoPlayerUtils.setVideoPlayerConfig(videoPlayerConfiguration)
+    videoFeedView.refresh()
   }
 
-  private fun setPlaylistGroupFeed(
-    mode: String?,
-    playlistGroupId: String?,
-    videoFeedConfiguration: FWVideoFeedConfigModel?,
-    videoPlayerConfiguration: FWVideoPlayerConfigModel?,
-  ) {
-    // add view
-    addPlaylistGroupFeedView()
-
-    // set layout
-    val feedLayout = when {
-      mode.equals(FWVideoFeedModel.Column.rawValue) -> FeedLayout.VERTICAL
-      mode.equals(FWVideoFeedModel.Grid.rawValue) -> FeedLayout.GRID
-      else -> FeedLayout.HORIZONTAL
-    }
-
-    if (mode.isNullOrBlank() || mode != currentMode) {
-      playlistGroupFeedView?.setLayout(feedLayout)
-      currentMode = mode
-    }
-
-    // set playlistGroupId
-    if (playlistGroupId != currentPlaylistGroupId) {
-      playlistGroupFeedView?.setPlaylistGroupId(playlistGroupId)
-      currentPlaylistGroupId = playlistGroupId
-    }
-
-    // set Feed Configuration
-    FWVideoPlayerUtils.setPlaylistGroupFeedConfig(context, playlistGroupFeedView, videoFeedConfiguration)
-    // set Player Configuration
-    FWVideoPlayerUtils.setVideoPlayerConfig(videoPlayerConfiguration)
-  }
-
-  private fun addVideoFeedView() {
-    removePlaylistGroupFeedView()
-    if (videoFeedView != null) {
-      return
-    }
-    videoFeedViewContainer =
-      LayoutInflater.from(context).inflate(R.layout.fw_bridge_fragment_videofeed, this, false) as ConstraintLayout?
-    videoFeedView = videoFeedViewContainer?.findViewById(R.id.fw_bridge_videofeed)
-    if (videoFeedView != null) {
-      Log.e("videoFeedView", "layoutDirection: " + videoFeedView?.layoutDirection.toString())
-      videoFeedView?.layoutDirection = LAYOUT_DIRECTION_LOCALE
-      addView(videoFeedViewContainer)
-    }
-  }
-
-  private fun removeVideoFeedView() {
-    if (videoFeedViewContainer == null) {
-      return
-    }
-    removeView(videoFeedViewContainer)
-    videoFeedViewContainer = null
-    videoFeedView = null
-  }
-
-  private fun addPlaylistGroupFeedView() {
-    removeVideoFeedView()
-    if (playlistGroupFeedView != null) {
-      return
-    }
-    playlistGroupFeedViewContainer =
-      LayoutInflater.from(context).inflate(R.layout.fw_bridge_fragment_playlistfeed, this, false) as ConstraintLayout?
-    playlistGroupFeedView = playlistGroupFeedViewContainer?.findViewById(R.id.fw_bridge_playlistfeed)
-    if (playlistGroupFeedView != null) {
-      addView(playlistGroupFeedViewContainer)
-    }
-  }
-
-  private fun removePlaylistGroupFeedView() {
-    if (playlistGroupFeedViewContainer == null) {
-      return
-    }
-    removeView(playlistGroupFeedViewContainer)
-    playlistGroupFeedViewContainer = null
-    playlistGroupFeedView = null
-  }
 }

package/android/src/main/java/com/fireworksdk/bridge/constants/FWVideoPlayerConstant.kt

@@ -29,4 +29,11 @@ object FWVideoPlayerConstant {
    */
   const val FW_PLAYER_LAUNCH_BEHAVIOR_DEFAULT = "default"
   const val FW_PLAYER_LAUNCH_BEHAVIOR_MUTE_ON_FIRST_LAUNCH = "muteOnFirstLaunch"
+
+  /**
+   * cta delay type
+   */
+  const val FW_CTA_DELAY_TYPE_CONSTANT = "constant"
+  const val FW_CTA_DELAY_TYPE_PERCENTAGE = "percentage"
+
 }

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

@@ -6,4 +6,6 @@ import kotlinx.android.parcel.Parcelize
 @Parcelize
 data class FWAdBadgeConfigModel(
   var badgeTextType: String? = null,
+  var backgroundColor: String? = null,
+  var textColor: String? = null,
 ) : Parcelable

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

@@ -0,0 +1,24 @@
+package com.fireworksdk.bridge.models
+
+import org.json.JSONObject
+
+object FWAdBadgeConfigModelDeserializer {
+
+  private const val BADGE_TEXT_TYPE_KEY = "badgeTextType"
+  private const val BACKGROUND_COLOR_KEY = "backgroundColor"
+  private const val TEXT_COLOR_KEY = "textColor"
+
+  fun deserialize(responseJson: JSONObject?): FWAdBadgeConfigModel? {
+    responseJson ?: return null
+
+    val badgeTextType = responseJson.optString(BADGE_TEXT_TYPE_KEY)
+    val backgroundColor = responseJson.optString(BACKGROUND_COLOR_KEY)
+    val textColor = responseJson.optString(TEXT_COLOR_KEY)
+
+    return FWAdBadgeConfigModel(
+      badgeTextType = badgeTextType,
+      backgroundColor = backgroundColor,
+      textColor = textColor,
+    )
+  }
+}

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

@@ -35,6 +35,7 @@ enum class FWVideoShoppingEventName(val rawValue: String) {
   ClickCartIcon("fw:shopping:click-cart-icon"),
   UpdateProductDetails("fw:shopping:update-product-details"),
   WillDisplayProduct("fw:shopping:will-display-product"),
+  CustomLinkButtonClick("fw:shopping:custom-link-button-click"),
 }
 
 enum class FWLiveStreamEventName(val rawValue: String) {

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

@@ -0,0 +1,17 @@
+package com.fireworksdk.bridge.models
+
+import android.os.Parcelable
+import kotlinx.android.parcel.Parcelize
+
+@Parcelize
+data class FWProductInfoViewConfiguration(
+  var addToCartButton: AddToCartButtonStyle? = null,
+) : Parcelable {
+
+  @Parcelize
+  data class AddToCartButtonStyle(
+    var backgroundColor: String? = null,
+    var textColor: String? = null,
+    var fontSize: Int? = null,
+  ) : Parcelable
+}

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

@@ -0,0 +1,35 @@
+package com.fireworksdk.bridge.models
+
+import org.json.JSONObject
+
+object FWProductInfoViewConfigurationDeserializer {
+
+  private const val ADD_TO_CART_BUTTON_STYLE = "addToCartButton"
+
+  private const val BACKGROUND_COLOR_KEY = "backgroundColor"
+  private const val TEXT_COLOR_KEY = "textColor"
+  private const val FONT_SIZE_KEY = "fontSize"
+
+  fun deserialize(responseJson: JSONObject?): FWProductInfoViewConfiguration? {
+    responseJson ?: return null
+
+    val addToCartButton = deserializeAddToCartButtonStyle(responseJson.optJSONObject(ADD_TO_CART_BUTTON_STYLE))
+
+    return FWProductInfoViewConfiguration(
+      addToCartButton = addToCartButton
+    )
+  }
+
+  private fun deserializeAddToCartButtonStyle(addToCartButtonStyleJson: JSONObject?): FWProductInfoViewConfiguration.AddToCartButtonStyle {
+    val backgroundColor = addToCartButtonStyleJson?.optString(BACKGROUND_COLOR_KEY)
+    val textColor = addToCartButtonStyleJson?.optString(TEXT_COLOR_KEY)
+    val fontSize = addToCartButtonStyleJson?.optInt(FONT_SIZE_KEY)
+
+    return FWProductInfoViewConfiguration.AddToCartButtonStyle(
+      backgroundColor = backgroundColor,
+      textColor = textColor,
+      fontSize = fontSize,
+    )
+  }
+
+}

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

@@ -5,27 +5,26 @@ import kotlinx.android.parcel.Parcelize
 
 @Parcelize
 data class FWVideoFeedConfigModel(
-  var backgroundColor: String? = null,
-  var cornerRadius: Int? = null,
-  var title: FWTitleModel? = null,
-  var titlePosition: String? = null,
-  var playIcon: FWPlayIconModel? = null,
-  var showAdBadge: Boolean? = null,
-  var customLayoutName: String? = null,
-  var enableAutoplay: Boolean? = null,
+  val backgroundColor: String? = null,
+  val cornerRadius: Int? = null,
+  val title: FWTitleModel? = null,
+  val titlePosition: String? = null,
+  val playIcon: FWPlayIconModel? = null,
+  val showAdBadge: Boolean? = null,
+  val enableAutoplay: Boolean? = null,
   val gridColumns: Int? = null,
 ) : Parcelable {
 
   @Parcelize
   data class FWTitleModel(
-    var hidden: Boolean? = null,
-    var textColor: String? = null,
-    var fontSize: Int? = null,
+    val hidden: Boolean? = null,
+    val textColor: String? = null,
+    val fontSize: Int? = null,
   ) : Parcelable
 
   @Parcelize
   data class FWPlayIconModel(
-    var hidden: Boolean? = null,
-    var iconWidth: Int? = null,
+    val hidden: Boolean? = null,
+    val iconWidth: Int? = null,
   ) : Parcelable
 }

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

@@ -0,0 +1,67 @@
+package com.fireworksdk.bridge.models
+
+import org.json.JSONObject
+
+object FWVideoFeedConfigModelDeserializer {
+
+  private const val BACKGROUND_COLOR_KEY = "backgroundColor"
+  private const val CORNER_RADIUS_KEY = "cornerRadius"
+  private const val TITLE_KEY = "title"
+  private const val TITLE_POSITION_KEY = "titlePosition"
+  private const val PLAY_ICON_KEY = "playIcon"
+  private const val SHOW_AD_BADGE_KEY = "showAdBadge"
+  private const val ENABLE_AUTOPLAY_KEY = "enableAutoplay"
+  private const val GRID_COLUMNS_KEY = "gridColumns"
+
+  private const val HIDDEN_KEY = "hidden"
+  private const val TEXT_COLOR_KEY = "textColor"
+  private const val FONT_SIZE_KEY = "fontSize"
+
+  private const val ICON_WIDTH_KEY = "iconWidth"
+
+  fun deserialize(responseJson: JSONObject?): FWVideoFeedConfigModel? {
+    responseJson?: return null
+
+    val backgroundColor = responseJson.optString(BACKGROUND_COLOR_KEY)
+    val cornerRadius = responseJson.optInt(CORNER_RADIUS_KEY)
+    val title = deserializeTitle(responseJson.optJSONObject(TITLE_KEY))
+    val titlePosition = responseJson.optString(TITLE_POSITION_KEY)
+    val playIcon = deserializePlayIcon(responseJson.optJSONObject(PLAY_ICON_KEY))
+    val showAdBadge = responseJson.optBoolean(SHOW_AD_BADGE_KEY)
+    val enableAutoplay = responseJson.optBoolean(ENABLE_AUTOPLAY_KEY)
+    val gridColumns = responseJson.optInt(GRID_COLUMNS_KEY)
+
+    return FWVideoFeedConfigModel(
+      backgroundColor = backgroundColor,
+      cornerRadius = cornerRadius,
+      title = title,
+      titlePosition = titlePosition,
+      playIcon = playIcon,
+      showAdBadge = showAdBadge,
+      enableAutoplay = enableAutoplay,
+      gridColumns = gridColumns,
+    )
+  }
+
+  private fun deserializeTitle(titleJson: JSONObject?): FWVideoFeedConfigModel.FWTitleModel {
+    val hidden = titleJson?.optBoolean(HIDDEN_KEY)
+    val textColor = titleJson?.optString(TEXT_COLOR_KEY)
+    val fontSize = titleJson?.optInt(FONT_SIZE_KEY)
+
+    return FWVideoFeedConfigModel.FWTitleModel(
+      hidden = hidden,
+      textColor = textColor,
+      fontSize = fontSize
+    )
+  }
+
+  private fun deserializePlayIcon(titleJson: JSONObject?): FWVideoFeedConfigModel.FWPlayIconModel {
+    val hidden = titleJson?.optBoolean(HIDDEN_KEY)
+    val iconWidth = titleJson?.optInt(ICON_WIDTH_KEY)
+
+    return FWVideoFeedConfigModel.FWPlayIconModel(
+      hidden = hidden,
+      iconWidth = iconWidth,
+    )
+  }
+}

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

@@ -13,5 +13,5 @@ data class FWVideoFeedItemDetailsModel(
   val playlistGroup: String?,
   val playlist: String?,
   val channel: String?,
-  val dynamicContentParameters: HashMap<String, List<String>>?,
+  val dynamicContentParameters: Map<String, List<String>>?,
 ) : Parcelable

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

@@ -1,19 +1,18 @@
 package com.fireworksdk.bridge.models
 
 import android.os.Parcelable
-import com.fireworksdk.bridge.models.FWVideoFeedConfigModel
-import com.fireworksdk.bridge.models.FWVideoPlayerConfigModel
 import kotlinx.android.parcel.Parcelize
 
 
 @Parcelize
 data class FWVideoFeedPropsModel(
-    var source: String? = null,
-    var channel: String? = null,
-    var playlist: String? = null,
-    var playlistGroup: String? = null,
-    var mode: String? = null,
-    var videoFeedConfiguration: FWVideoFeedConfigModel? = null,
-    var videoPlayerConfiguration: FWVideoPlayerConfigModel? = null,
-    var dynamicContentParameters: HashMap<String, List<String>>? = null,
+    val source: String? = null,
+    val channel: String? = null,
+    val playlist: String? = null,
+    val playlistGroup: String? = null,
+    val mode: String? = null,
+    val enablePictureInPicture: Boolean? = null,
+    val videoFeedConfiguration: FWVideoFeedConfigModel? = null,
+    val videoPlayerConfiguration: FWVideoPlayerConfigModel? = null,
+    val dynamicContentParameters: Map<String, List<String>>? = null,
 ) : Parcelable