react-native-firework-sdk 1.3.0-beta.4 → 1.3.1-beta.2

package/android/build.gradle

@@ -38,7 +38,7 @@ android {
   defaultConfig {
     minSdkVersion 21
     targetSdkVersion getExtOrIntegerDefault('targetSdkVersion')
-    versionCode 100002
+    versionCode 1
     versionName "1.0.0"
   }
 
@@ -168,7 +168,7 @@ def kotlin_version = getExtOrDefault('kotlinVersion')
 dependencies {
 
   // optional 1: firework sdk release verison
-  def firework_sdk_version = 'v5.12.2'
+  def firework_sdk_version = 'debug~landmark-SNAPSHOT'
   implementation "com.github.loopsocial:firework_sdk:$firework_sdk_version"
 
   // optional 2: firework sdk local version,

package/android/src/main/AndroidManifest.xml

@@ -12,8 +12,8 @@
       android:theme="@style/Theme.AppCompat.Light.NoActionBar"
       />
     <provider
-      android:authorities="com.fireworksdk.bridge.reactnative"
-      android:name=".reactnative.FWInitializationProvider"
+      android:authorities="${applicationId}.fwBridgeProvider"
+      android:name="com.fireworksdk.bridge.FWInitializationProvider"
       android:exported="false"
       />
     <meta-data

package/android/src/main/java/com/fireworksdk/bridge/{reactnative/FWInitializationProvider.kt → FWInitializationProvider.kt}

@@ -1,4 +1,4 @@
-package com.fireworksdk.bridge.reactnative
+package com.fireworksdk.bridge
 
 import android.app.Activity
 import android.app.Application

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

@@ -11,7 +11,9 @@ data class FWVideoFeedConfigModel(
   var titlePosition: String? = null,
   var playIcon: FWPlayIconModel? = null,
   var showAdBadge: Boolean? = null,
-  var customLayoutName: String? = null
+  var customLayoutName: String? = null,
+  var enableAutoplay: Boolean? = null,
+  val gridColumns: Int? = null,
 ) : Parcelable {
 
   @Parcelize

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

@@ -12,6 +12,7 @@ data class FWVideoPlayerConfigModel(
   var showMuteButton: Boolean? = null,
   var showPlaybackButton: Boolean? = null,
   var launchBehavior: String? = null,
+  var showBranding: Boolean? = null,
 ) : Parcelable {
 
   @Parcelize

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

@@ -17,6 +17,7 @@ data class FWVideoShoppingProduct(
     val name: String?,
     val price: FWVideoProductPrice?,
     val url: String?,
+    val imageUrl: String?,
     val options: List<FWVideoProductOption>?
   ) : Parcelable
 

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

@@ -78,6 +78,9 @@ class FWVideoFeedManager : SimpleViewManager<FWVideoFeed>() {
             FWLogUtils.d { "VideoContentStatus.ContentLoaded" }
             FWEventUtils.receiveVideoFeedLoadFinishedSuccessEvent(reactContext, videoFeedView.id)
           }
+          else -> {
+            FWLogUtils.d { "VideoContentStatus: $status" }
+          }
         }
       }
     })
@@ -86,13 +89,13 @@ class FWVideoFeedManager : SimpleViewManager<FWVideoFeed>() {
   private fun addPlaylistGroupFeedListener(reactContext: ThemedReactContext, videoFeed: FWVideoFeed?) {
     val playlistGroupFeedView = videoFeed?.playlistGroupFeedView
     playlistGroupFeedView?.itemClickHandler = object : OnPlaylistGroupItemClickedListener {
-      override fun onItemClicked(index: Int, id: String?): Boolean {
+      override fun onItemClicked(index: Int, title: String, id: String): Boolean {
         val fwVideoFeedItemDetailsModel = FWVideoFeedItemDetailsModel(
           index,
           id,
           0,
           videoFeed?.videoFeedPropsModel?.source,
-          "",
+          title,
           videoFeed?.videoFeedPropsModel?.playlistGroup,
           videoFeed?.videoFeedPropsModel?.playlist,
           videoFeed?.videoFeedPropsModel?.channel,

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

@@ -2,7 +2,7 @@ package com.fireworksdk.bridge.reactnative.module
 
 import android.app.Activity
 import com.facebook.react.bridge.*
-import com.fireworksdk.bridge.reactnative.FWInitializationProvider
+import com.fireworksdk.bridge.FWInitializationProvider
 import com.fireworksdk.bridge.reactnative.models.FWNavigatorInterface
 import com.fireworksdk.bridge.reactnative.utils.FWEventUtils
 import com.fireworksdk.bridge.utils.FWLogUtils

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

@@ -5,13 +5,15 @@ import com.facebook.react.bridge.*
 import com.fireworksdk.bridge.models.FWVideoShoppingProduct
 import com.fireworksdk.bridge.reactnative.models.FWVideoShoppingInterface
 import com.fireworksdk.bridge.reactnative.utils.FWEventUtils
+import com.fireworksdk.bridge.utils.FWDateUtils
 import com.fireworksdk.bridge.utils.FWGsonUtil
 import com.fireworksdk.bridge.utils.FWLogUtils
 import com.google.gson.reflect.TypeToken
 import com.loopnow.fireworklibrary.baya.Baya
 import com.loopnow.fireworklibrary.baya.UpdateCartStatus
-import com.loopnow.fireworklibrary.data.Product
-import com.loopnow.fireworklibrary.utils.Util
+import com.loopnow.fireworklibrary.data.ProductBuilder
+import java.util.*
+import kotlin.collections.HashMap
 
 
 class FWVideoShoppingModule(
@@ -20,7 +22,7 @@ class FWVideoShoppingModule(
 
   private var addToCartHandler: Triple<Int, String, String>? = null
   private var cartClickHandler: Pair<Int, Activity>? = null
-  private val updateProductHandler: HashMap<String, List<Product>> = HashMap()
+  private val updateProductHandler: HashMap<String, List<ProductBuilder>> = HashMap()
 
   @ReactMethod
   override fun init() {
@@ -31,6 +33,14 @@ class FWVideoShoppingModule(
   @ReactMethod
   override fun updateVideoProducts(productArray: ReadableArray?, videoId: String?) {
     FWLogUtils.d { "FWVideoShoppingModule updateVideoProduct: $videoId" }
+
+    FWEventUtils.sendLogMessageEvent(
+      reactApplicationContext,
+      "[Android] Send updateVideoProducts 1 video $videoId ${
+        FWDateUtils.getDateString(Date())
+      }"
+    )
+
     if (videoId.isNullOrBlank()) {
       return
     }
@@ -45,37 +55,66 @@ class FWVideoShoppingModule(
     }
 
     val products = updateProductHandler[videoId] ?: return
-
-    for (product in products) {
-      for (videoShoppingProduct in videoShoppingProducts) {
-        if (product.extId == videoShoppingProduct.productId) {
-
-          if (videoShoppingProduct.name != null) {
-            product.name = videoShoppingProduct.name
-          }
-
-          if (videoShoppingProduct.description != null) {
-            product.description = videoShoppingProduct.description
-          }
-
-          if (videoShoppingProduct.units != null) {
-            for (videoShoppingProductUnit in videoShoppingProduct.units) {
-              for (productUnit in product.productUnits) {
-                if (videoShoppingProductUnit.unitId.equals(productUnit.extId)) {
-                  productUnit.name = videoShoppingProductUnit.name
-                  productUnit.price = videoShoppingProductUnit.price?.amount
-                  productUnit.currencyCode = videoShoppingProductUnit.price?.currencyCode
-                  productUnit.priceLiteral = Util.getPriceLocaleFormatter(productUnit.price, productUnit.currencyCode)
-                }
-              }
+    val newProducts = products.map { product ->
+      val vps = videoShoppingProducts.filter { vp ->
+        vp.productId == product.externalId
+      }
+      if (vps.isNullOrEmpty()) {
+        product.copy()
+      } else {
+        val videoShoppingProduct = vps[0]
+
+        product.copy(
+          name = videoShoppingProduct.name ?: product.name,
+          description = videoShoppingProduct.description ?: product.description,
+          units = product.units?.map { productBuilderUnit ->
+            val vpUs = videoShoppingProduct.units?.filter { vpU ->
+              vpU.unitId == productBuilderUnit.externalId
+            }
+            if (vpUs.isNullOrEmpty()) {
+              productBuilderUnit.copy()
+            } else {
+              val videoShoppingProductUnit = vpUs[0]
+
+              productBuilderUnit.copy(
+                image = productBuilderUnit.image?.copy(
+                  url = videoShoppingProductUnit.imageUrl ?: productBuilderUnit.image?.url,
+                ),
+                url = videoShoppingProductUnit.url ?: productBuilderUnit.url,
+                name = videoShoppingProductUnit.name ?: productBuilderUnit.name,
+                price = productBuilderUnit.price?.copy(
+                  amount = videoShoppingProductUnit.price?.amount?.toString() ?: productBuilderUnit.price?.amount,
+                  currencyCode = videoShoppingProductUnit.price?.currencyCode ?: productBuilderUnit.price?.currencyCode,
+                ),
+                options = videoShoppingProductUnit.options?.map {
+                  ProductBuilder.ProductBuilderUnit.ProductBuilderUnitOption(
+                    name = it.name,
+                    value = it.value,
+                  )
+                } ?: productBuilderUnit.options
+              )
             }
           }
-
-        }
+        )
       }
     }
+
+    FWEventUtils.sendLogMessageEvent(
+      reactApplicationContext,
+      "[Android] Send updateVideoProducts 2 video $videoId ${
+        FWDateUtils.getDateString(Date())
+      }"
+    )
+
     UiThreadUtil.runOnUiThread {
-      Baya.updateProductsComplete(videoId)
+      Baya.updateProductsComplete(videoId, newProducts)
+
+      FWEventUtils.sendLogMessageEvent(
+        reactApplicationContext,
+        "[Android] Send updateVideoProducts 3 video $videoId ${
+          FWDateUtils.getDateString(Date())
+        }"
+      )
     }
     updateProductHandler.remove(videoId)
   }
@@ -161,7 +200,7 @@ class FWVideoShoppingModule(
 
   private fun productListener() {
     Baya.productInterface = object: Baya.ProductInterface {
-      override fun hydrateProducts(videoId: String, products: List<Product>) {
+      override fun hydrateProducts(videoId: String, products: List<ProductBuilder>) {
         FWLogUtils.d { "FWVideoShoppingModule hydrateProducts, videoId: $videoId" }
         if (videoId.isNullOrBlank() || products.isNullOrEmpty()) {
           return

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

@@ -11,7 +11,7 @@ import com.fireworksdk.bridge.utils.*
 import org.json.JSONObject
 import com.facebook.react.bridge.ReactMethod
 import com.fireworksdk.bridge.models.FWAdBadgeConfigModel
-import com.fireworksdk.bridge.reactnative.FWInitializationProvider
+import com.fireworksdk.bridge.FWInitializationProvider
 import com.fireworksdk.bridge.reactnative.models.FireworkSDKInterface
 import com.fireworksdk.bridge.reactnative.pages.FWContainerActivity
 import com.fireworksdk.bridge.reactnative.utils.FWEventUtils

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

@@ -5,12 +5,12 @@ import com.facebook.react.bridge.*
 import com.facebook.react.modules.core.DeviceEventManagerModule
 import com.facebook.react.uimanager.events.RCTEventEmitter
 import com.fireworksdk.bridge.models.*
-import com.fireworksdk.bridge.reactnative.FWInitializationProvider
+import com.fireworksdk.bridge.FWInitializationProvider
 import com.fireworksdk.bridge.reactnative.module.FireworkSDKModule
 import com.fireworksdk.bridge.reactnative.pages.FWContainerActivity
 import com.fireworksdk.bridge.utils.FWDateUtils
 import com.fireworksdk.bridge.utils.FWLogUtils
-import com.loopnow.fireworklibrary.data.Product
+import com.loopnow.fireworklibrary.data.ProductBuilder
 import java.util.*
 
 object FWEventUtils {
@@ -19,7 +19,7 @@ object FWEventUtils {
     FWLogUtils.d { "FWNavigatorModule pushNativeContainer: $props" }
     val activity = FWInitializationProvider.INSTANCE.resumedActivity
 
-    if (activity == null) {
+    if (activity == null || FireworkSDKModule.appComponentName.isNullOrBlank()) {
       promise?.resolve(false)
       return
     }
@@ -89,6 +89,8 @@ object FWEventUtils {
 
     eventMap.putMap("info", contentMap)
 
+    sendLogMessageEvent(reactContext, "[Android]  Send VideoFeedClick event ${info.id} ${FWDateUtils.getDateString(Date())}")
+
     sendEvent(reactContext, FWEventName.VideoFeedClick.rawValue, eventMap)
   }
 
@@ -147,18 +149,21 @@ object FWEventUtils {
     sendEvent(reactContext, FWVideoShoppingEventName.ClickCartIcon.rawValue, eventMap)
   }
 
-  fun sendUpdateProductsDetailsEvent(reactContext: ReactContext, products: List<Product>?, videoId: String?) {
+  fun sendUpdateProductsDetailsEvent(reactContext: ReactContext, products: List<ProductBuilder>?, videoId: String?) {
     val eventMap = Arguments.createMap()
 
     val productArray = Arguments.createArray()
     if (!products.isNullOrEmpty()) {
       for (product in products) {
-        productArray.pushString(product.extId)
+        productArray.pushString(product.externalId)
       }
     }
 
     eventMap.putArray("productIds", productArray)
     eventMap.putString("callbackId", videoId)
+
+    sendLogMessageEvent(reactContext, "[Android] Send UpdateProductDetails event video $videoId ${FWDateUtils.getDateString(Date())}")
+
     sendEvent(reactContext, FWVideoShoppingEventName.UpdateProductDetails.rawValue, eventMap)
   }
 

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

@@ -65,6 +65,14 @@ object FWVideoPlayerUtils {
     }
     feedView?.setTitlePosition(titlePosition)
     VideoFeedProperties.displayAdLabel = config?.showAdBadge == true
+    feedView?.viewModel?.apply {
+      val columns = config?.gridColumns ?: 0
+      gridColumns = if (columns > 0) {
+        columns
+      } else {
+        2
+      }
+    }
   }
 
   fun setVideoFeedConfig(context: Context, feedView: VideoFeedView?, config: FWVideoFeedConfigModel?) {
@@ -87,10 +95,20 @@ object FWVideoPlayerUtils {
       else -> FeedTitlePosition.ALIGN_BOTTOM
     }
     feedView?.setTitlePosition(titlePosition)
+    feedView?.setAutoPlayOnFeed(config?.enableAutoplay == true)
     VideoFeedProperties.displayAdLabel = config?.showAdBadge == true
+    feedView?.viewModel?.apply {
+      val columns = config?.gridColumns ?: 0
+      gridColumns = if (columns > 0) {
+        columns
+      } else {
+        2
+      }
+    }
   }
 
   fun setVideoPlayerConfig(config: FWVideoPlayerConfigModel?) {
+    VideoPlayerProperties.branding = config?.showBranding != false
     VideoPlayerProperties.share = config?.showShareButton != false
     VideoPlayerProperties.loop = config?.videoCompleteAction != FWVideoPlayerConstant.FW_VIDEO_COMPLETE_ACTION_ADVANCE_TO_NEXT
 //    VideoPlayerProperties.autoPlayOnComplete = config?.videoCompleteAction != FWVideoPlayerConstant.FW_VIDEO_COMPLETE_ACTION_LOOP

package/ios/Components/VideoFeed.swift

@@ -11,22 +11,7 @@ import FireworkVideo
 
 @objc
 public enum VideoFeedMode: Int {
-    case row, colume, grid
-    
-    fileprivate var videoFeedLayout: VideoFeedLayout {
-        switch self {
-            case .row:
-                return VideoFeedHorizontalLayout()
-            case .colume:
-                let layout = VideoFeedGridLayout()
-                layout.numberOfColumns = 1
-                return layout
-            case .grid:
-                let layout = VideoFeedGridLayout()
-                layout.numberOfColumns = 2
-                return layout
-        }
-    }
+    case row, column, grid
 }
 
 @objc
@@ -55,7 +40,8 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
             guard let feedVC = feedVC else {
                 return
             }
-            feedVC.viewConfiguration = convertToVideoFeedConentConfiguration()
+            feedVC.viewConfiguration = convertToVideoFeedContentConfiguration()
+            feedVC.layout = videoFeedLayout
         }
     }
     @objc public var playerViewConfig: VideoPlayerConfiguration? {
@@ -63,7 +49,7 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
            guard let feedVC = feedVC else {
                return
            }
-           feedVC.viewConfiguration = convertToVideoFeedConentConfiguration()
+           feedVC.viewConfiguration = convertToVideoFeedContentConfiguration()
        }
     }
     @objc var onVideoFeedLoadFinished: RCTBubblingEventBlock?
@@ -87,6 +73,60 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
             return .dynamicContent(channelID: channel, parameters: parameters ?? [:])
         }
     }
+
+    private var videoFeedLayout: VideoFeedLayout {
+        var resultLayout: VideoFeedLayout?
+        switch mode {
+        case .row:
+            let layout = VideoFeedHorizontalLayout()
+            resultLayout = layout
+            break
+        case .column:
+            let layout = VideoFeedGridLayout()
+            layout.numberOfColumns = 1
+            resultLayout = layout
+            break
+        case .grid:
+            let layout = VideoFeedGridLayout()
+            if let gridColumns = feedViewConfig?.gridColumns,
+               gridColumns > 0 {
+                layout.numberOfColumns = gridColumns
+            } else {
+                layout.numberOfColumns = 2
+            }
+            resultLayout = layout
+            break
+        }
+        if let config = feedViewConfig {
+            if let aspectRatio = config.aspectRatio {
+                if let horizontalLayout = resultLayout as? VideoFeedHorizontalLayout {
+                    horizontalLayout.itemWidthRatio = aspectRatio
+                } else if let gridLayout = resultLayout as? VideoFeedGridLayout {
+                    gridLayout.itemWidthRatio = aspectRatio
+                }
+            }
+            if let contentPadding = config.contentPadding {
+                if let top = contentPadding.top {
+                    resultLayout?.contentInsets.top = top
+                }
+                if let right = contentPadding.right {
+                    resultLayout?.contentInsets.right = right
+                }
+                if let bottom = contentPadding.bottom {
+                    resultLayout?.contentInsets.bottom = bottom
+                }
+                if let left = contentPadding.left {
+                    resultLayout?.contentInsets.left = left
+                }
+            }
+
+            if let itemSpacing = config.itemSpacing {
+                resultLayout?.itemSpacing = itemSpacing
+            }
+        }
+
+        return resultLayout ?? VideoFeedHorizontalLayout()
+    }
     
     public override func layoutSubviews() {
         super.layoutSubviews()
@@ -103,11 +143,23 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
         }
         
         let feedVC = VideoFeedViewController(
-            layout: mode.videoFeedLayout,
+            layout: videoFeedLayout,
             source: source
         )
-        
-        feedVC.viewConfiguration = convertToVideoFeedConentConfiguration()
+
+        var viewConfiguration = convertToVideoFeedContentConfiguration()
+        if viewConfiguration.itemView.autoplay.isEnabled {
+            viewConfiguration.itemView.autoplay.isEnabled = false
+            feedVC.viewConfiguration = viewConfiguration
+            DispatchQueue.main.async {
+                if feedVC.viewConfiguration == viewConfiguration {
+                    viewConfiguration.itemView.autoplay.isEnabled = true
+                    feedVC.viewConfiguration = viewConfiguration
+                }
+            }
+        } else {
+            feedVC.viewConfiguration = viewConfiguration
+        }
         feedVC.delegate = self
         self.feedVC = feedVC
 
@@ -157,14 +209,14 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
 }
 
 extension VideoFeed {
-    private func convertToVideoFeedConentConfiguration() -> VideoFeedContentConfiguration {
+    private func convertToVideoFeedContentConfiguration() -> VideoFeedContentConfiguration {
         var videoConfig = VideoFeedContentConfiguration()
         //set default value so that behavior will the same with Android
         videoConfig.itemView.title.isHidden = false
         videoConfig.itemView.titleLayoutConfiguration.titlePosition = .nested
         
-        let vfcConfig = VideoFeed.convertToVideoFeedItemConentConfiguration(feedViewConfig)
-        let vpcConfig = VideoFeed.convertToVideoPlayerConentConfiguration(playerViewConfig)
+        let vfcConfig = VideoFeed.convertToVideoFeedItemContentConfiguration(feedViewConfig)
+        let vpcConfig = VideoFeed.convertToVideoPlayerContentConfiguration(playerViewConfig)
         if let vfcConfig = vfcConfig {
             videoConfig.itemView = vfcConfig
         }
@@ -188,7 +240,7 @@ extension VideoFeed {
         return videoConfig
     }
 
-    private static func convertToVideoFeedItemConentConfiguration(_ config: VideoFeedConfiguration?) -> VideoFeedItemContentConfiguration? {
+    private static func convertToVideoFeedItemContentConfiguration(_ config: VideoFeedConfiguration?) -> VideoFeedItemContentConfiguration? {
         guard let config = config else {
             return nil
         }
@@ -199,7 +251,7 @@ extension VideoFeed {
         vfcConfig.titleLayoutConfiguration.titlePosition = .nested
         
         if let cornerRadius = config.cornerRadius {
-            vfcConfig.cornerRadius = CGFloat(cornerRadius)
+            vfcConfig.cornerRadius = cornerRadius
         }
         if let title = config.title {
             if let hidden = title.hidden {
@@ -209,7 +261,7 @@ extension VideoFeed {
                 vfcConfig.title.textColor = textcolor.uicolor()
             }
             if let fontSize = title.fontSize {
-                vfcConfig.title.font = UIFont.systemFont(ofSize: CGFloat(fontSize))
+                vfcConfig.title.font = UIFont.systemFont(ofSize: fontSize)
             }
         }
         if let playIcon = config.playIcon {
@@ -217,7 +269,7 @@ extension VideoFeed {
                 vfcConfig.playIcon.isHidden = hidden
             }
             if let iconWidth = playIcon.iconWidth {
-                vfcConfig.playIcon.iconWidth = CGFloat(iconWidth)
+                vfcConfig.playIcon.iconWidth = iconWidth
             }
         }
         if let position = config.titlePosition {
@@ -234,11 +286,15 @@ extension VideoFeed {
         if let showAdBadge = config.showAdBadge {
             vfcConfig.sponsored.isHidden = !showAdBadge
         }
+
+        if let enableAutoplay = config.enableAutoplay {
+            vfcConfig.autoplay.isEnabled = enableAutoplay
+        }
         
         return vfcConfig
     }
     
-    private static func convertToVideoPlayerConentConfiguration(_ config: VideoPlayerConfiguration?) -> VideoPlayerContentConfiguration? {
+    private static func convertToVideoPlayerContentConfiguration(_ config: VideoPlayerConfiguration?) -> VideoPlayerContentConfiguration? {
         guard let config = config else {
             return nil
         }
@@ -265,13 +321,13 @@ extension VideoFeed {
         }
         if let ctaButtonStyle = config.ctaButtonStyle {
             if let backgroundColor = ctaButtonStyle.backgroundColor {
-                vpcConfig.ctaButton.backgroundColor = backgroundColor.uicolor()
+                vpcConfig.ctaButton.contentConfiguration.backgroundColor = backgroundColor.uicolor()
             }
             if let textcolor = ctaButtonStyle.textColor {
-                vpcConfig.ctaButton.textColor = textcolor.uicolor()
+                vpcConfig.ctaButton.contentConfiguration.textColor = textcolor.uicolor()
             }
             if let fontSize = ctaButtonStyle.fontSize {
-                vpcConfig.ctaButton.font = UIFont.systemFont(ofSize: CGFloat(fontSize))
+                vpcConfig.ctaButton.contentConfiguration.font = UIFont.systemFont(ofSize: fontSize)
             }
         }
         if let showPlaybackButton = config.showPlaybackButton {
@@ -279,9 +335,13 @@ extension VideoFeed {
         }
         if let showMuteButton = config.showMuteButton {
             vpcConfig.muteButton.isHidden = !showMuteButton
-            if let launchBehavior = config.launchBehavior {
-                vpcConfig.onFirstLaunch = launchBehavior.behavior()
-            }
+        }
+        if let launchBehavior = config.launchBehavior {
+            vpcConfig.onFirstLaunch = launchBehavior.behavior()
+        }
+
+        if let showBranding = config.showBranding {
+            vpcConfig.videoDetail.fireworkAttribution.isHidden = !showBranding
         }
         
         return vpcConfig

package/ios/Components/VideoFeedConfiguration.swift

@@ -10,22 +10,34 @@ import Foundation
 @objc
 public class VideoFeedConfiguration: NSObject, Codable {
     var backgroundColor: String?
-    var cornerRadius: Int?
+    var cornerRadius: Double?
     var title: VideoFeedTitleConfiguration?
     var titlePosition: VideoFeedTitlePosition?
     var playIcon: VideoFeedPlayIconConfiguration?
     var showSponsored: Bool?
     var showAdBadge: Bool?
+    var aspectRatio: Double?
+    var contentPadding: VideoFeedContentPadding?;
+    var itemSpacing: Double?
+    var enableAutoplay: Bool?
+    var gridColumns: Int?
     
     class VideoFeedTitleConfiguration: NSObject, Codable {
         public var hidden: Bool?
         public var textColor: String?
-        public var fontSize: Int?
+        public var fontSize: Double?
     }
 
     class VideoFeedPlayIconConfiguration: NSObject, Codable {
         public var hidden: Bool?
-        public var iconWidth: Int?
+        public var iconWidth: Double?
+    }
+
+    class VideoFeedContentPadding: NSObject, Codable {
+        public var top: Double?
+        public var right: Double?
+        public var bottom: Double?
+        public var left: Double?
     }
     
     enum VideoFeedTitlePosition: String, Codable {

package/ios/Components/VideoFeedManager.m

@@ -52,4 +52,5 @@ RCT_EXPORT_METHOD(refresh:(nonnull NSNumber *)reactTag) {
             [view refresh];
     }];
 }
+
 @end

package/ios/Components/VideoPlayerConfiguration.swift

@@ -16,7 +16,8 @@ public class VideoPlayerConfiguration: NSObject, Codable {
     var showPlaybackButton: Bool?
     var showMuteButton: Bool?
     var launchBehavior: VideoLaunchBehavior?
-    
+    var showBranding: Bool?
+
     public enum VideoPlayerStyle: String, Codable {
         case full, fit
     }
@@ -28,7 +29,7 @@ public class VideoPlayerConfiguration: NSObject, Codable {
     public class VideoPlayerCTAStyle: NSObject, Codable {
         var backgroundColor: String?
         var textColor: String?
-        var fontSize: Int?
+        var fontSize: Double?
     }
     
     public enum VideoLaunchBehavior: String, Codable {

package/ios/Models/NativeToRN/FireworkEventName.swift

@@ -36,6 +36,7 @@ enum ShoppingEventName: String, CaseIterable {
     case WillDisplayProduct = "fw:shopping:will-display-product"
     case AddToCart = "fw:shopping:add-to-cart"
     case ClickCartIcon = "fw:shopping:click-cart-icon"
+    case LogMessage = "fw:log-message"
 }
 
 /// Live stream event