react-native-firework-sdk 2.8.6 → 2.10.0

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

@@ -14,7 +14,7 @@
 		</data>
 		<key>Info.plist</key>
 		<data>
-		dRwGqwAERLUXdGSS28BxDgMmbF8=
+		JPxz3YyYbfRHXYqKbt1EHDZI0ew=
 		</data>
 		<key>Modules/FireworkVideoUI.swiftmodule/arm64-apple-ios-simulator.abi.json</key>
 		<data>

package/android/build.gradle

@@ -40,7 +40,7 @@ android {
   // LOG_LEVEL: VERBOSE(2), DEBUG(3), INFO(4), WARN(5), ERROR(6), ASSERT(7)
   buildTypes {
     debug {
-      buildConfigField 'int', 'LOG_LEVEL', '3'
+      buildConfigField 'int', 'LOG_LEVEL', '7'
       consumerProguardFiles 'proguard-rules.pro', "devsupport.pro"
     }
     release {
@@ -143,5 +143,6 @@ dependencies {
 
   def fireworkSdkVersion = getExtOrDefault('fwNativeVersion')
   implementation "com.firework:sdk:$fireworkSdkVersion"
+  implementation "com.firework.feature:uiKit:$fireworkSdkVersion"
 }
 

package/android/gradle.properties

@@ -5,4 +5,4 @@ FireworkSDK_kotlinVersion=1.6.10
 FireworkSDK_minSdkVersion=21
 FireworkSDK_compileSdkVersion=33
 FireworkSDK_targetSdkVersion=33
-FireworkSDK_fwNativeVersion=6.6.3
+FireworkSDK_fwNativeVersion=6.8.1

package/android/src/main/java/com/fireworksdk/bridge/components/base/FWLoading.kt

@@ -0,0 +1,22 @@
+package com.fireworksdk.bridge.components.base
+
+import android.content.Context
+import android.util.AttributeSet
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import android.widget.FrameLayout
+import com.fireworksdk.bridge.R
+
+class FWLoading(
+  context: Context,
+  attrs: AttributeSet?
+) : FrameLayout(context, attrs) {
+
+  constructor(context: Context) : this(context, null)
+
+  init {
+    val v =
+      LayoutInflater.from(context).inflate(R.layout.fw_loading, this, false)
+    addView(v, LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT))
+  }
+}

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

@@ -1,16 +1,24 @@
 package com.fireworksdk.bridge.components.storyblock
 
+import android.graphics.Color
 import android.graphics.Outline
 import android.os.Bundle
+import android.os.Handler
+import android.os.Looper
 import android.view.LayoutInflater
+import android.view.SurfaceView
 import android.view.View
 import android.view.View.LAYOUT_DIRECTION_LOCALE
 import android.view.ViewGroup
+import android.view.ViewGroup.LayoutParams
 import android.view.ViewOutlineProvider
 import android.widget.FrameLayout
+import com.firework.error.FwErrorListener
 import com.firework.storyblock.FeedLoadListener
+import com.firework.storyblock.FeedLoadState
 import com.firework.storyblock.FwStoryBlockView
 import com.fireworksdk.bridge.components.base.FWBaseFragment
+import com.fireworksdk.bridge.components.base.FWLoading
 import com.fireworksdk.bridge.databinding.FwBridgeStoryBlockBinding
 import com.fireworksdk.bridge.models.FWVideoFeedPropsModel
 import com.fireworksdk.bridge.models.FWVideoFeedPropsModelDeserializer
@@ -19,6 +27,7 @@ import com.fireworksdk.bridge.utils.FWCommonUtil
 import com.fireworksdk.bridge.utils.FWConfigUtil
 import com.fireworksdk.bridge.utils.FWLanguageUtil
 import org.json.JSONObject
+import java.lang.reflect.Method
 
 class StoryBlockFragment : FWBaseFragment() {
 
@@ -26,7 +35,7 @@ class StoryBlockFragment : FWBaseFragment() {
   private val binding: FwBridgeStoryBlockBinding get() = _binding!!
 
   private var feedLoadListener: FeedLoadListener? = null
-  private var fullScreenStateChangeListener: FwStoryBlockView.OnFullscreenStateChangeListener? = null
+  private var errorListener: FwErrorListener? = null
   private var videoFeedPropsModel: FWVideoFeedPropsModel? = null
 
   private var isStoryBlockInitializer = false
@@ -34,6 +43,15 @@ class StoryBlockFragment : FWBaseFragment() {
 
   private var fwStoryBlockView: FwStoryBlockView? = null
 
+  private val runnable = Runnable {
+    removeLoadingViewFromIvsPlayerView(fwStoryBlockView)
+  }
+  private var hasAdded = false
+
+  private var loaderContainer: FrameLayout? = null
+
+  private var needIvsLoading = false
+
   override fun onCreateView(
     inflater: LayoutInflater,
     container: ViewGroup?,
@@ -47,15 +65,25 @@ class StoryBlockFragment : FWBaseFragment() {
       val model = FWVideoFeedPropsModelDeserializer.deserialize(videoFeedPropsModelJsonObject)
       videoFeedPropsModel = model
     }
+    val needIvsLoading = arguments?.getBoolean(NEED_IVS_LOADING) ?: false
+    this.needIvsLoading = needIvsLoading
+
+    loaderContainer = binding.fwLoadingWrapper.loaderContainer
 
     val right = videoFeedPropsModel?.marginRight
     if (right != null && right > 0) {
       val layoutParams = FrameLayout.LayoutParams(
-        ViewGroup.LayoutParams.MATCH_PARENT,
-        ViewGroup.LayoutParams.MATCH_PARENT
+        LayoutParams.MATCH_PARENT,
+        LayoutParams.MATCH_PARENT
       )
       layoutParams.setMargins(0, 0, FWCommonUtil.dpToPx(right.toFloat(), requireContext()), 0)
       binding.storyBlockContainer.layoutParams = layoutParams
+
+      if (needIvsLoading) {
+        loaderContainer?.visibility = View.VISIBLE
+        loaderContainer?.layoutParams = layoutParams
+        loaderContainer?.setBackgroundColor(Color.BLACK)
+      }
     }
 
     FWLanguageUtil.getInstance(requireContext()).updateBaseContextLocale(requireContext())
@@ -73,6 +101,7 @@ class StoryBlockFragment : FWBaseFragment() {
 
 
   override fun onDestroyView() {
+    fwStoryBlockView?.destroy()
     _binding = null
     super.onDestroyView()
   }
@@ -81,9 +110,9 @@ class StoryBlockFragment : FWBaseFragment() {
     val viewOptionsBuilder = FWConfigUtil.generateViewOptionsBuilder(context, videoFeedPropsModel)
     fwStoryBlockView?.init(
       childFragmentManager,
-      lifecycle,
+      viewLifecycleOwner,
       viewOptionsBuilder.build(),
-      binding.storyBlockContainer,
+      true
     )
     isStoryBlockInitializer = true
 
@@ -92,8 +121,8 @@ class StoryBlockFragment : FWBaseFragment() {
       binding.root.requestLayout()
     }
     // must call it after init()
-    fwStoryBlockView?.setFeedLoadListener(feedLoadListener)
-    fwStoryBlockView?.setOnFullscreenStateChangeListener(fullScreenStateChangeListener)
+    setFeedLoadListener(feedLoadListener)
+    setOnErrorListener(errorListener)
   }
 
   // may be called before onCreateView
@@ -110,15 +139,23 @@ class StoryBlockFragment : FWBaseFragment() {
   fun setFeedLoadListener(feedLoadListener: FeedLoadListener?) {
     this.feedLoadListener = feedLoadListener
     if (isStoryBlockInitializer) {
-      fwStoryBlockView?.setFeedLoadListener(feedLoadListener)
+      fwStoryBlockView?.setFeedLoadListener { feedLoadState ->
+        feedLoadListener?.onFeedLoadStateChanged(feedLoadState)
+        if (feedLoadState !== FeedLoadState.Loading) {
+          hideLoading()
+        }
+      }
     }
   }
 
-  // may be called before onCreateView
-  fun setOnFullScreenStateChangedListener(listener: FwStoryBlockView.OnFullscreenStateChangeListener?) {
-    this.fullScreenStateChangeListener = listener
+  fun setOnErrorListener(errorListener: FwErrorListener?) {
+    errorListener ?: return
+    this.errorListener = errorListener
     if (isStoryBlockInitializer) {
-      fwStoryBlockView?.setOnFullscreenStateChangeListener(fullScreenStateChangeListener)
+      fwStoryBlockView?.setOnErrorListener { fwError ->
+        hideLoading()
+        errorListener.onFwError(fwError)
+      }
     }
   }
 
@@ -130,29 +167,150 @@ class StoryBlockFragment : FWBaseFragment() {
     fwStoryBlockView?.pause()
   }
 
-  fun toggleFullScreen() {
-    fwStoryBlockView?.toggleFullscreen()
+  fun onViewportEntered() {
+    fwStoryBlockView?.onViewportEntered()
+    if (hasAdded && needIvsLoading) {
+      hasAdded = false
+      removeLoadingViewFromIvsPlayerView()
+    }
+  }
+
+  fun onViewportLeft() {
+    fwStoryBlockView?.onViewportLeft()
+    if (!hasAdded && needIvsLoading) {
+      hasAdded = true
+      addLoadingViewToIvsPlayerView()
+    }
+  }
+
+  private fun addLoadingViewToIvsPlayerView() {
+    Handler(Looper.getMainLooper()).removeCallbacks(runnable)
+
+    val ivsPlayerViewList = mutableListOf<ViewGroup>()
+    searchVisibleIvsPlayerView(fwStoryBlockView, ivsPlayerViewList)
+    for (view in ivsPlayerViewList) {
+      val loading = FWLoading(view.context)
+      loading.setBackgroundColor(Color.BLACK)
+      view.addView(loading, LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT))
+    }
+  }
+
+  private fun removeLoadingViewFromIvsPlayerView() {
+    val storyBlockView  = fwStoryBlockView
+    storyBlockView ?: return
+
+    Handler(Looper.getMainLooper()).removeCallbacks(runnable)
+    Handler(Looper.getMainLooper()).postDelayed(runnable, 1000)
+  }
+
+
+  fun hideIvsPlayerView() {
+    val ivsPlayerViewList = mutableListOf<ViewGroup>()
+    searchVisibleIvsPlayerView(fwStoryBlockView, ivsPlayerViewList)
+    hideIvsPlayerSurfaceView(ivsPlayerViewList)
+  }
+
+  fun showIvsPlayerView() {
+    val ivsPlayerViewList = mutableListOf<ViewGroup>()
+    searchVisibleIvsPlayerView(fwStoryBlockView, ivsPlayerViewList)
+    showIvsPlayerSurfaceView(ivsPlayerViewList)
   }
 
-  fun isFullScreen(): Boolean {
-    return fwStoryBlockView?.isFullscreen() ?: false
+  fun removeIvsPlayerView() {
+    val ivsPlayerViewList = mutableListOf<ViewGroup>()
+    searchVisibleIvsPlayerView(fwStoryBlockView, ivsPlayerViewList)
+    removeIvsPlayerSurfaceView(ivsPlayerViewList)
   }
 
-  fun getStoryBlockView(): FwStoryBlockView? {
-    return fwStoryBlockView
+  fun playIvsPlayer() {
+    val ivsPlayerViewList = mutableListOf<ViewGroup>()
+    searchVisibleIvsPlayerView(fwStoryBlockView, ivsPlayerViewList)
+    playIvsPlayerView(ivsPlayerViewList)
+  }
+
+  fun pauseIvsPlayer() {
+    val ivsPlayerViewList = mutableListOf<ViewGroup>()
+    searchVisibleIvsPlayerView(fwStoryBlockView, ivsPlayerViewList)
+    pauseIvsPlayerView(ivsPlayerViewList)
+  }
+
+  private fun searchVisibleIvsPlayerView(viewGroup: ViewGroup?, list: MutableList<ViewGroup>) {
+    viewGroup ?: return
+
+    val childCount = viewGroup.childCount
+    for (index in 0 until childCount) {
+      val view = viewGroup.getChildAt(index)
+      if (view is ViewGroup) {
+        val className = view.javaClass.name
+        if (className.equals("com.amazonaws.ivs.player.PlayerView")
+          || className.equals("com.amazonaws.ivs.player.CustomPlayerView")) {
+          list.add(view)
+        } else {
+          searchVisibleIvsPlayerView(view, list)
+        }
+      }
+    }
+  }
+
+  private fun hideIvsPlayerSurfaceView(list: List<ViewGroup>?) {
+    list ?: return
+    for (viewGroup in list) {
+      val childCount = viewGroup.childCount
+      for (index in 0 until childCount) {
+        val view = viewGroup.getChildAt(index)
+        if (view is SurfaceView) {
+          view.visibility = View.INVISIBLE
+        }
+      }
+    }
+  }
+
+  private fun showIvsPlayerSurfaceView(list: List<ViewGroup>?) {
+    list ?: return
+    for (viewGroup in list) {
+      val childCount = viewGroup.childCount
+      for (index in 0 until childCount) {
+        val view = viewGroup.getChildAt(index)
+        if (view is SurfaceView) {
+          view.visibility = View.VISIBLE
+        }
+      }
+    }
+  }
+
+  private fun removeIvsPlayerSurfaceView(list: List<ViewGroup>?) {
+    list ?: return
+    for (viewGroup in list) {
+      val childCount = viewGroup.childCount
+      for (index in 0 until childCount) {
+        val view = viewGroup.getChildAt(index)
+        if (view is SurfaceView) {
+          viewGroup.removeView(view)
+        }
+      }
+    }
+  }
+
+  fun openFullscreen() {
+    fwStoryBlockView?.openFullscreen()
   }
 
   companion object {
     private const val VIDEO_FEED_PROPS_MODEL = "videoFeedPropsModel"
+    private const val NEED_IVS_LOADING = "needIvsLoading"
 
     fun newInstance(
       videoFeedPropsModel: FWVideoFeedPropsModel?,
+      needIvsLoading: Boolean? = false,
     ): StoryBlockFragment {
       return StoryBlockFragment().apply {
         arguments = Bundle().apply {
           videoFeedPropsModel?.let {
             putString(VIDEO_FEED_PROPS_MODEL, FWVideoFeedPropsModelSerializer.serialize(it).toString())
           }
+          needIvsLoading?.let {
+            putBoolean(NEED_IVS_LOADING, needIvsLoading)
+          }
         }
       }
     }
@@ -172,6 +330,70 @@ class StoryBlockFragment : FWBaseFragment() {
       }
       binding.storyBlockContainer.outlineProvider = outlineProvider
       binding.storyBlockContainer.clipToOutline = true
+
+      loaderContainer?.outlineProvider = outlineProvider
+      loaderContainer?.clipToOutline = true
+    }
+  }
+
+  private fun pauseIvsPlayerView(list: List<ViewGroup>?) {
+    list ?: return
+    for (view in list) {
+      if (view.javaClass.name.equals("com.amazonaws.ivs.player.CustomPlayerView")) {
+        val filed = view.javaClass.getDeclaredField("player")
+        filed.isAccessible = true
+        val player = filed.get(view)
+        val pauseMethod: Method = player.javaClass.getDeclaredMethod("pause")
+        pauseMethod.invoke(player)
+      } else if (view.javaClass.name.equals("com.amazonaws.ivs.player.PlayerView")) {
+        val getPlayerMethod: Method = view.javaClass.getDeclaredMethod("getPlayer")
+        val player = getPlayerMethod.invoke(view)
+        val pauseMethod: Method = player.javaClass.getDeclaredMethod("pause")
+        pauseMethod.invoke(player)
+      }
+    }
+  }
+
+  private fun playIvsPlayerView(list: List<ViewGroup>?) {
+    list ?: return
+    for (view in list) {
+      if (view.javaClass.name.equals("com.amazonaws.ivs.player.CustomPlayerView")) {
+        val filed = view.javaClass.getDeclaredField("player")
+        filed.isAccessible = true
+        val player = filed.get(view)
+        val pauseMethod: Method = player.javaClass.getDeclaredMethod("play")
+        pauseMethod.invoke(player)
+      } else if (view.javaClass.name.equals("com.amazonaws.ivs.player.PlayerView")) {
+        val getPlayerMethod: Method = view.javaClass.getDeclaredMethod("getPlayer")
+        val player = getPlayerMethod.invoke(view)
+        val playMethod: Method = player.javaClass.getDeclaredMethod("play")
+        playMethod.invoke(player)
+      }
+    }
+  }
+
+  private fun removeLoadingViewFromIvsPlayerView(viewGroup: ViewGroup?) {
+    viewGroup ?: return
+
+    val childCount = viewGroup.childCount
+    for (index in 0 until childCount) {
+      val view = viewGroup.getChildAt(index)
+      if (view is ViewGroup) {
+        val className = view.javaClass.name
+        if (className.equals("com.fireworksdk.bridge.components.base.FWLoading")) {
+          viewGroup.removeView(view)
+        } else {
+          removeLoadingViewFromIvsPlayerView(view)
+        }
+      }
+    }
+  }
+
+  private fun hideLoading() {
+    if (loaderContainer?.visibility == View.VISIBLE) {
+      Handler(Looper.getMainLooper()).postDelayed({
+        loaderContainer?.visibility = View.GONE
+      }, 1000)
     }
   }
 }

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

@@ -4,6 +4,7 @@ import android.content.Context
 import android.util.AttributeSet
 import android.view.ViewGroup
 import android.widget.FrameLayout
+import com.firework.error.FwErrorListener
 import com.firework.videofeed.FeedViewStateListener
 import com.firework.videofeed.FwVideoFeedView
 import com.fireworksdk.bridge.models.*
@@ -52,17 +53,26 @@ class FWVideoFeed(
 
   fun setOnFeedViewStateListener(feedViewStateListener: FeedViewStateListener?) {
     this.feedViewStateListener = feedViewStateListener
-    if (feedViewStateListener != null) {
-      videoFeedView.setOnFeedViewStateListener { feedViewState ->
-        if (!onWindowFocusChanged) {
-          videoFeedView.dispatchWindowFocusChanged(true)
-          onWindowFocusChanged = true
-        }
+    videoFeedView.setOnFeedViewStateListener { feedViewState ->
+      if (!onWindowFocusChanged) {
+        videoFeedView.dispatchWindowFocusChanged(true)
+        onWindowFocusChanged = true
+      }
 
-        feedViewStateListener.onLoadStateChanged(
-          feedViewState
-        )
+      feedViewStateListener?.onLoadStateChanged(
+        feedViewState
+      )
+    }
+  }
+
+  fun setOnErrorListener(errorListener: FwErrorListener?) {
+    videoFeedView.setOnErrorListener { error ->
+      if (!onWindowFocusChanged) {
+        videoFeedView.dispatchWindowFocusChanged(true)
+        onWindowFocusChanged = true
       }
+
+      errorListener?.onFwError(error)
     }
   }
 

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

@@ -0,0 +1,49 @@
+package com.fireworksdk.bridge.models
+
+import org.json.JSONObject
+
+object FWAdConfigurationDeserializer {
+
+  private const val VAST_ATTRIBUTES_KEY = "vastAttributes"
+  private const val REQUIRES_ADS_KEY = "requiresAds"
+  private const val ADS_FETCH_TIMEOUT_KEY = "adsFetchTimeout"
+
+  private const val NAME_KEY = "name"
+  private const val VALUE_KEY = "value"
+
+  fun deserialize(responseJson: JSONObject?): FWAdConfigurationModel? {
+    responseJson ?: return null
+
+    val vastAttributesJsonArray = if (responseJson.has(VAST_ATTRIBUTES_KEY)) responseJson.optJSONArray(VAST_ATTRIBUTES_KEY) else null
+    var vastAttributes: MutableList<FWAdConfigurationModel.FWVastAttributeModel>? = null
+    if (vastAttributesJsonArray != null) {
+      vastAttributes = mutableListOf()
+      (0 until vastAttributesJsonArray.length()).forEach {
+        val item = vastAttributesJsonArray.getJSONObject(it)
+        val vastAttribute = deserializeVastAttribute(item)
+        if (vastAttribute != null) {
+          vastAttributes.add(vastAttribute)
+        }
+      }
+    }
+
+    val requiresAds = responseJson.optBoolean(REQUIRES_ADS_KEY, false)
+    val adsFetchTimeout = if (!responseJson.isNull(ADS_FETCH_TIMEOUT_KEY)) responseJson.optInt(ADS_FETCH_TIMEOUT_KEY) else null
+
+    return FWAdConfigurationModel(
+      vastAttributes = vastAttributes,
+      requiresAds = requiresAds,
+      adsFetchTimeout = adsFetchTimeout,
+    )
+  }
+
+  private fun deserializeVastAttribute(responseJson: JSONObject?): FWAdConfigurationModel.FWVastAttributeModel? {
+    responseJson ?: return null
+    val name = if (responseJson.has(NAME_KEY)) responseJson.optString(NAME_KEY) else null
+    val value = if (responseJson.has(VALUE_KEY)) responseJson.optString(VALUE_KEY) else null
+    return FWAdConfigurationModel.FWVastAttributeModel(
+      name = name,
+      value =value
+    )
+  }
+}

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

@@ -0,0 +1,13 @@
+package com.fireworksdk.bridge.models
+
+data class FWAdConfigurationModel(
+  val vastAttributes: List<FWVastAttributeModel>? = null,
+  val requiresAds: Boolean? = null,
+  val adsFetchTimeout: Int? = null
+) {
+
+  data class FWVastAttributeModel(
+    val name: String? = null,
+    val value: String? = null
+  )
+}

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

@@ -0,0 +1,42 @@
+package com.fireworksdk.bridge.models
+
+import org.json.JSONArray
+import org.json.JSONObject
+
+object FWAdConfigurationSerializer {
+
+  private const val VAST_ATTRIBUTES_KEY = "vastAttributes"
+  private const val REQUIRES_ADS_KEY = "requiresAds"
+  private const val ADS_FETCH_TIMEOUT_KEY = "adsFetchTimeout"
+
+  private const val NAME_KEY = "name"
+  private const val VALUE_KEY = "value"
+
+  fun serialize(model: FWAdConfigurationModel?): JSONObject? {
+    model ?: return null
+    val jsonObject = JSONObject()
+
+    val list = model.vastAttributes
+    if (list != null) {
+      val vastAttributesJsonArray = JSONArray()
+      for (item in model.vastAttributes) {
+        val vastAttributes = serializeVastAttribute(item)
+        vastAttributesJsonArray.put(vastAttributes)
+      }
+      jsonObject.put(VAST_ATTRIBUTES_KEY, vastAttributesJsonArray)
+    }
+
+    jsonObject.put(REQUIRES_ADS_KEY, model.requiresAds)
+    jsonObject.put(ADS_FETCH_TIMEOUT_KEY, model.adsFetchTimeout)
+    return jsonObject
+  }
+
+  private fun serializeVastAttribute(model: FWAdConfigurationModel.FWVastAttributeModel?): JSONObject? {
+    model ?: return null
+    val jsonObject = JSONObject()
+    jsonObject.put(NAME_KEY, model.name)
+    jsonObject.put(VALUE_KEY, model.value)
+
+    return jsonObject
+  }
+}

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

@@ -0,0 +1,21 @@
+package com.fireworksdk.bridge.models
+
+import org.json.JSONObject
+
+object FWButtonInfoDeserializer {
+
+  private const val IMAGE_NAME_KEY = "imageName"
+  private const val TINT_COLOR_KEY = "tintColor"
+
+  fun deserialize(responseJson: JSONObject?): FWButtonInfoModel? {
+    responseJson ?: return null
+
+    val imageName = if (responseJson.has(IMAGE_NAME_KEY)) responseJson.optString(IMAGE_NAME_KEY) else null
+    val tintColor = if (responseJson.has(TINT_COLOR_KEY)) responseJson.optString(TINT_COLOR_KEY) else null
+
+    return FWButtonInfoModel(
+      imageName = imageName,
+      tintColor = tintColor
+    )
+  }
+}

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

@@ -0,0 +1,6 @@
+package com.fireworksdk.bridge.models
+
+data class FWButtonInfoModel (
+  val imageName: String? = null,
+  val tintColor: String? = null
+)

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

@@ -0,0 +1,17 @@
+package com.fireworksdk.bridge.models
+
+import org.json.JSONObject
+
+object FWButtonInfoSerializer {
+
+  private const val IMAGE_NAME_KEY = "imageName"
+  private const val TINT_COLOR_KEY = "tintColor"
+
+  fun serialize(model: FWButtonInfoModel?): JSONObject? {
+    model ?: return null
+    val jsonObject = JSONObject()
+    jsonObject.put(IMAGE_NAME_KEY, model.imageName)
+    jsonObject.put(TINT_COLOR_KEY, model.tintColor)
+    return jsonObject
+  }
+}

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

@@ -0,0 +1,33 @@
+package com.fireworksdk.bridge.models
+
+import org.json.JSONObject
+
+object FWPlayerButtonConfigurationDeserializer {
+
+  private const val VIDEO_DETAIL_BUTTON_KEY = "videoDetailButton"
+  private const val CLOSE_BUTTON_KEY = "closeButton"
+  private const val MUTE_BUTTON_KEY = "muteButton"
+  private const val UNMUTE_BUTTON_KEY = "unmuteButton"
+  private const val PLAY_BUTTON_KEY = "playButton"
+  private const val PAUSE_BUTTON_KEY = "pauseButton"
+
+  fun deserialize(responseJson: JSONObject?): FWPlayerButtonConfigurationModel? {
+    responseJson ?: return null
+
+    val videoDetailButtonJsonObject = responseJson.optJSONObject(VIDEO_DETAIL_BUTTON_KEY)
+    val closeButtonJsonObject = responseJson.optJSONObject(CLOSE_BUTTON_KEY)
+    val muteButtonJsonObject = responseJson.optJSONObject(MUTE_BUTTON_KEY)
+    val unmuteButtonJsonObject = responseJson.optJSONObject(UNMUTE_BUTTON_KEY)
+    val playButtonJsonObject = responseJson.optJSONObject(PLAY_BUTTON_KEY)
+    val pauseButtonJsonObject = responseJson.optJSONObject(PAUSE_BUTTON_KEY)
+
+    return FWPlayerButtonConfigurationModel(
+      videoDetailButton = FWButtonInfoDeserializer.deserialize(videoDetailButtonJsonObject),
+      closeButton = FWButtonInfoDeserializer.deserialize(closeButtonJsonObject),
+      muteButton = FWButtonInfoDeserializer.deserialize(muteButtonJsonObject),
+      unmuteButton = FWButtonInfoDeserializer.deserialize(unmuteButtonJsonObject),
+      playButton = FWButtonInfoDeserializer.deserialize(playButtonJsonObject),
+      pauseButton = FWButtonInfoDeserializer.deserialize(pauseButtonJsonObject),
+    )
+  }
+}

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

@@ -0,0 +1,10 @@
+package com.fireworksdk.bridge.models
+
+data class FWPlayerButtonConfigurationModel(
+  val videoDetailButton: FWButtonInfoModel? = null,
+  val closeButton: FWButtonInfoModel? = null,
+  val muteButton: FWButtonInfoModel? = null,
+  val unmuteButton: FWButtonInfoModel? = null,
+  val playButton: FWButtonInfoModel? = null,
+  val pauseButton: FWButtonInfoModel? = null,
+)